diff --git a/.ado/jobs/build-test-rntester.yml b/.ado/jobs/build-test-rntester.yml
index bfee842fac2946..12d62e500bd845 100644
--- a/.ado/jobs/build-test-rntester.yml
+++ b/.ado/jobs/build-test-rntester.yml
@@ -105,6 +105,13 @@ jobs:
               set -eox pipefail
               yarn install --immutable
 
+        - task: CmdLine@2
+          displayName: yarn build
+          inputs:
+            script: |
+              set -eox pipefail
+              yarn build
+
         - task: CmdLine@2
           displayName: pod install
           inputs:
diff --git a/.ado/templates/apple-steps-publish.yml b/.ado/templates/apple-steps-publish.yml
index a2dc3987245491..2af3b77e343637 100644
--- a/.ado/templates/apple-steps-publish.yml
+++ b/.ado/templates/apple-steps-publish.yml
@@ -43,7 +43,7 @@ steps:
     displayName: Run publish-npm.js
     inputs:
       script: |
-        node ./scripts/publish-npm.js -t ${{ parameters.build_type }}
+        node ./scripts/releases-ci/publish-npm.js -t ${{ parameters.build_type }}
     env:
       # Map the corresponding CircleCI variable since `publish-npm.js` depends on it.
       CIRCLE_TAG: $(RNM_PACKAGE_VERSION)
diff --git a/.buckconfig b/.buckconfig
deleted file mode 100644
index 3f1b5c6d11f092..00000000000000
--- a/.buckconfig
+++ /dev/null
@@ -1,20 +0,0 @@
-
-[android]
-  target = android-31
-
-[kotlin]
-  compile_against_abis = True
-  kotlin_version = 1.6.10
-
-[download]
-  max_number_of_retries = 3
-
-[maven_repositories]
-  central = https://repo1.maven.org/maven2
-  google = https://maven.google.com/
-
-[alias]
-  rntester = //packages/rn-tester/android/app:app
-
-[buildfile]
-  includes = //tools/build_defs/oss/preload.bzl
diff --git a/.buckjavaargs b/.buckjavaargs
deleted file mode 100644
index 11452478196f70..00000000000000
--- a/.buckjavaargs
+++ /dev/null
@@ -1 +0,0 @@
--Xmx512m -XX:+HeapDumpOnOutOfMemoryError
diff --git a/.circleci/README.md b/.circleci/README.md
index 9c944ef6d105c0..0ae32f93c4d13c 100644
--- a/.circleci/README.md
+++ b/.circleci/README.md
@@ -1,5 +1,172 @@
 # Circle CI
 
-This directory is home to the Circle CI configuration file. Circle is our continuous integration service provider. You can see the overall status of React Native's builds at https://circleci.com/gh/facebook/react-native
+This directory is home to the Circle CI configuration files. Circle is our continuous integration service provider. You can see the overall status of React Native's builds at https://circleci.com/gh/facebook/react-native
 
 You may also see an individual PR's build status by scrolling down to the Checks section in the PR.
+
+## Purposes
+
+We use CircleCI for mainly 3 purposes:
+
+1. Testing changes
+2. Release Nightlies
+3. Release Stable Versions of React Native
+
+When testing changes, we run all the tests on commits that lands on `main`. For commits in PR, we try to understand which kind of changes the PR is about and we try to selectively run only the relevant tests. so, for example, if a PR only touches iOS files, we are going to run only iOS tests.
+
+A Nighly job runs every day at around 9:00 PM, GMT. They run from `main` and they publish a version of React Native using the current state of the codebase, creating a version number that follows the format: `0.<current-version+1>.0-nightly-<YYYYMMDD>-<short-commit-hash>`.
+The nightly job also publish all the monorepo packages, taking care of updating the transitive dependencies of those packages.
+
+Stable versions are released manually by the Release Crew and they run from a stable branch. Stable branches have the shape of `0.<version>-stable`.
+
+## How It Works?
+
+CircleCI execution is now split in two steps:
+- Setup
+- Testing
+
+The setup step takes care of analyzing the changes in the PR and of deciding which jobs needs to run.
+
+The testing flow is a set of workflows that executes the required tests.
+
+### Setup
+
+The code of the setup workflow lives in the root [`config.yml`](https://github.com/facebook/react-native/blob/main/.circleci/config.yml) file.
+It uses the `Continuation orb` from CircleCI to start a CI flow that depends on the changes present in the PR.
+
+If the changes are not coming from a PR (either a simple commit or if the CI is running on main) **we always run all the tests** as a cautionary measure.
+
+The setup job has also to expose all the pipeline parameters that we would need to pass to the actual workflow. Those parameters are **automatically forwarded** to the workflows that are started as a result of the setup.
+
+The setup job uses a JS script to carry on its logic. The [`pipeline_selection.js`](https://github.com/facebook/react-native/blob/main/scripts/circleci/pipeline_selection.js) script can be invoked with two commands:
+- `filter-jobs`
+- `create-configs`
+
+The **`filter-jobs`** command takes care of creating a JSON representation of the tests we need to run based on the changes in the PR.
+
+The **`create-configs`** command consumes the JSON representation to create a CircleCI configuration that can then executes all the required tests.
+
+#### Creating a Configuration
+
+To create a configuration, the `pipeline-selection` scripts collates together various pieces of `YML` files that lives in the [`Configurations` folder](https://github.com/facebook/react-native/tree/main/.circleci/configurations).
+
+The order in which these files are appended is **important** and it always contains the following.:
+
+1. `top_level.yml`: this file contains some high level directives for CircleCI, like the version, the list of orbs, the cache-keys, and the pipeline parameters that can be used by the workflows.
+2. `executors.yml`: this file contains the list of the executors used in our jobs and their configurations.
+3. `commands.yml`: this file contains all the commands that can be used by jobs to executes. Commands are reusable functions that are shared by multiple jobs.
+4. `jobs.yml`: this file contains the jobs that are used by workflows to carry on some specific tasks. They are composed of sequential commands.
+5. `workflows.yml`: this file contains the shared workflows that needs to (or can) be always executed, no matter which kind of changes are pushed to CI. An example of these workflows is `analysis` (which is always executed) or `nightly` (which can be executed if a specific pipeline parameter is passed to the CI).
+
+Then, the `pipeline_selection create-configs` attach some specific test workflows, depending on the changes that are present in the PR. These change-dependent workflows live in the [`test_workflows`](https://github.com/facebook/react-native/tree/main/.circleci/configurations/test_workflows) folder.
+These workflows are:
+* `testAll.yml` => runs all the possible tests. This workflow is executed on main and on PRs which change set touches both iOS and Android
+* `testAndroid.yml` => runs all the build steps and Android tests. This is used on changes that happens on the Android codebase and infra (`ReactAndroid` folder)
+* `testIOS.yml` => runs all the build steps and iOS tests. This is used on changes that happens on the iOS codebase and infra (`React` folder)
+* `testE2E.yml` => runs the E2E tests. As of today, E2E tests can be triggered if the commit message contains the `#run-e2e-tests` tag.
+* `testJS.yml` => For all the changes that do not touch native/platform code, we only run JS tests.
+
+Notice that if there are changes on files that do not represents code (for example `.md` files like this one or the `Changelog`) we don't run any CI.
+
+## Test workflows
+
+The test workflows for native code are composed of 2 parts:
+- building React Native
+- testing
+
+Building React Native requires us to build several parts of it:
+1. We need to build the Hermes JS engine
+2. We need to build Android to create prebuilds
+3. We need to package everything in an npm package that will mimic a React native release
+4. We need to create a local maven repository
+
+### Building Hermes Engine
+
+#### Android
+The `build_android` workflows takes care of building the Android version of Hermes and to put it properly in a local maven repository.
+See the [Build Android](#build_android) section below.
+
+#### iOS
+Hermes is a very complicated item to build for iOS.
+It is composed of the Hermes compiler (HermesC) and of the actual engine.
+
+Hermes is shipped as a universal XCFramework. This means that we need to build all the architecture slices and then put them together in the XCFramework archive.
+We also need to build 2 configurations: Debug and Release.
+
+In order to be efficient and to save costs, we parallelize the process as much as possible:
+
+1. We prepare the environment for building Hermes.
+2. We build HermesC which is required by all the slices.
+3. We start 8 jobs to build all the required slices in parallel:
+    1. `iphone` slice, Debug mode
+    1. `iphonesimulator` slice, Debug mode
+    1. `macos` slice, Debug mode
+    1. `catalyst` slice, Debug mode
+    1. `iphone` slice, Release mode
+    1. `iphonesimulator` slice, Release mode
+    1. `macos` slice, Release mode
+    1. `catalyst` slice, Release mode
+4. We then have 2 jobs to create the Debug and Release tarballs in parallel.
+    1. The Debug job receives the 4 Debug slices
+    1. The Release job receives the 4 Release slices
+
+The `Debug` and `Release` tarball are then uploaded as artifacts. Notice that these we use these artifacts to **test the release** of React Native.
+
+While building Hermes, we take also care of building the dSYMs. A dSYM (Debug Symbols) is an archive that contains the Debug Symbols that users can load to de-symbolicate the Hermes Stack traces. These symbols are published when we create a React Native release.
+
+A lot of these build steps are automated by some shell scripts that lives in the [`react-native/packages/react-native/sdks/hermes-engine/utils` folder](https://github.com/facebook/react-native/tree/main/packages/react-native/sdks/hermes-engine/utils).
+
+### Build Android
+
+The android build is all managed by Gradle, so building android should be as easy as calling a [`gradle` command](https://github.com/facebook/react-native/blob/main/.circleci/configurations/jobs.yml#L268-L274).
+
+The relevant part here is that the build android generates a `maven-local` repository that is passed to the [`build_npm_package`](https://github.com/facebook/react-native/blob/main/.circleci/configurations/jobs.yml#L1182) and that we use to test the releases.
+
+### Build NPM package
+
+This job is the responsible to create an NPM package that is suitable to be released or tested in CI.
+If we are in a release flow (for example the Nightly workflow), it also proceed with the publication.
+
+The job can be invoked with different parameters:
+- `dry-run` => it does not publish anything, but prepare the artifacts to be used for testing
+- `nightly` => it creates the artifacts and publish a nightly version of React Native.
+- `release` => it creates the artifacts and publish a stable version of React Native.
+
+The build NPM package takes all the artifacts produced in the previous steps (iOS' Hermes, iOS' Hermes dSYMs, Android's `maven-local`) and creates an npm package packing all the code.
+
+If in a release mode, it also proceed publishing the NPM package to NPM, and the artifacts to Maven central, which we use to distribute all the artifacts.
+
+This job also uploads the `maven-local` repository and a zipped version of the npm package to CircleCI's artifacts. We use these artifacts to **test the release** of React Native.
+
+## Testing React Native
+React Native tests runs in two different scenarios:
+- RNTester
+- A New App
+
+### RNTester
+RNTester is our internal testing app. It is a fully working React Native app that lives in the [`react-native/packages/rn-tester` folder](https://github.com/facebook/react-native/tree/main/packages/rn-tester) of the repository.
+RNTester is an app which contains code that exercise most part of the React Native frameworks.
+It also has the feature of building React Native **from source**. For that reason, it does not have to wait for the NPM package to be ready, but RNTester's tests can start as soon as the `build_android` step and the step that builds Hermes for iOS are done.
+
+Notice the Tests on RNTester for iOS consumes the Hermes engine that is built in the previous steps.
+
+For Android, these tests creates an APK that is uploaded as an artifact in CircleCI. We use these artifacts to **test the releases** of React Native..
+
+### A New App
+The React Native repo contains a template app in the [`react-native/packages/react-native/template` folder]() that is used to spin up a new application that is preconfigured with React Native.
+
+We have several tests that we run starting from the template, testing various configurations:
+- Debug/Release
+- JSC/Hermes (two different JS engine we support)
+- New/Old Architecture (two different Architectures for React Native)
+
+We want to test all the React Native changes against the template, but we can't publish a React native version on each change that is merged. Therefore, to run tests on the template we use a NPM registry proxy called [Verdaccio](https://verdaccio.org/).
+
+When running a Template test our CI follows roughly these steps:
+1. Prepare the executor
+2. Start a Verdaccio server
+3. Publish on Verdaccio all the monorepo [packages](https://github.com/facebook/react-native/tree/main/packages) on which React Native depends on.
+4. Publish on Verdaccio the react-native NPM package that has been created in the NPM step
+5. Spin up a new React native apps from the template, downloading react-native from Verdaccio.
+
+In this way, we are sure that we can test all the changes that happen in React Native on a new React Native app.
diff --git a/.circleci/config.yml b/.circleci/config.yml
index 2eb4a63b33d3d2..94fed2af278951 100644
--- a/.circleci/config.yml
+++ b/.circleci/config.yml
@@ -35,7 +35,16 @@ jobs:
           command: |
             apt update
             apt install -y wget git curl jq
-            curl -sL https://deb.nodesource.com/setup_18.x | bash -
+
+            apt-get update
+            apt-get install -y ca-certificates curl gnupg
+            mkdir -p /etc/apt/keyrings
+            curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg
+
+            NODE_MAJOR=18
+            echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_MAJOR.x nodistro main" | tee /etc/apt/sources.list.d/nodesource.list
+            apt-get update
+
             apt install -y nodejs
             npm install --global yarn
       - checkout
@@ -51,7 +60,7 @@ jobs:
                   value: << pipeline.git.branch >>
           steps:
             - run:
-                name: "[Main or Stable] Create input fo config to test everything"
+                name: "[Main or Stable] Create input for config to test everything"
                 command: |
                   mkdir -p /tmp/circleci/
                   echo '{ "run_all": true }' > /tmp/circleci/pipeline_config.json
@@ -69,9 +78,9 @@ jobs:
                 command: |
                   if [[ -z "$CIRCLE_PULL_REQUEST" ]]; then
                     echo "Not in a PR. Can't filter properly outside a PR. Please open a PR so that we can run the proper CI tests."
-                    echo "Skipping!"
+                    echo "For safety, we run all the tests!"
                     mkdir -p /tmp/circleci/
-                    echo '{}' > /tmp/circleci/pipeline_config.json
+                    echo '{ "run_all": true }' > /tmp/circleci/pipeline_config.json
                   else
                     PR_NUMBER="${CIRCLE_PULL_REQUEST##*/}"
                     node ./scripts/circleci/pipeline_selection.js filter-jobs
diff --git a/.circleci/configurations/commands.yml b/.circleci/configurations/commands.yml
index 0461946330ab74..bce934a6b42119 100644
--- a/.circleci/configurations/commands.yml
+++ b/.circleci/configurations/commands.yml
@@ -46,10 +46,6 @@ commands:
               echo "rbenv found; Skipping installation"
             fi
 
-            brew reinstall libyaml
-            gem install psych -- --with-libyaml-dir=$(brew --prefix libyaml)
-            export RUBY_CONFIGURE_OPTS=--with-libyaml-dir=$(brew --prefix libyaml)
-
             # Install the right version of ruby
             if [[ -z "$(rbenv versions | grep << parameters.ruby_version >>)" ]]; then
               # ensure that `ruby-build` can see all the available versions of Ruby
@@ -61,7 +57,11 @@ commands:
 
             # Set ruby dependencies
             rbenv global << parameters.ruby_version >>
-            gem install bundler
+            if [[ << parameters.ruby_version >> == "2.6.10" ]]; then
+              gem install bundler -v 2.4.22
+            else
+              gem install bundler
+            fi
             bundle check || bundle install --path vendor/bundle --clean
       - save_cache:
           key: *rbenv_cache_key
@@ -167,7 +167,7 @@ commands:
     steps:
       - run:
           name: "Run Tests: << parameters.platform >> End-to-End Tests"
-          command: node ./scripts/run-ci-e2e-tests.js --<< parameters.platform >> --retries << parameters.retries >>
+          command: node ./scripts/e2e/run-ci-e2e-tests.js --<< parameters.platform >> --retries << parameters.retries >>
 
   report_bundle_size:
     parameters:
diff --git a/.circleci/configurations/executors.yml b/.circleci/configurations/executors.yml
index d860bcef264ef1..1c4c6a9bfb806c 100644
--- a/.circleci/configurations/executors.yml
+++ b/.circleci/configurations/executors.yml
@@ -36,3 +36,10 @@ executors:
     resource_class: macos.x86.medium.gen2
     environment:
       - BUILD_FROM_SOURCE: true
+  reactnativeios-lts:
+    <<: *defaults
+    macos:
+      xcode: '14.3.1'
+    resource_class: macos.x86.medium.gen2
+    environment:
+      - BUILD_FROM_SOURCE: true
diff --git a/.circleci/configurations/jobs.yml b/.circleci/configurations/jobs.yml
index d0d17a83f6aa36..39eb852857d3dd 100644
--- a/.circleci/configurations/jobs.yml
+++ b/.circleci/configurations/jobs.yml
@@ -250,16 +250,16 @@ jobs:
     executor: reactnativeandroid-xlarge
     parameters:
       release_type:
-        description: The type of release to build. Must be one of "nightly", "release", "dry-run".
+        description: The type of release to build. Must be one of "nightly", "release", "dry-run", "prealpha".
         type: enum
-        enum: ["nightly", "release", "dry-run"]
+        enum: ["nightly", "release", "dry-run", "prealpha"]
         default: "dry-run"
     steps:
       - checkout
       - run_yarn
       - run:
           name: Set React Native Version
-          command: node ./scripts/set-rn-version.js --build-type << parameters.release_type >>
+          command: node ./scripts/releases/set-rn-version.js --build-type << parameters.release_type >>
 
       - with_gradle_cache:
           steps:
@@ -286,7 +286,6 @@ jobs:
             - packages/react-native/ReactAndroid/build/
             - packages/react-native/ReactAndroid/hermes-engine/.cxx/
             - packages/react-native/ReactAndroid/hermes-engine/build/
-            - packages/react-native/ReactAndroid/flipper-integration/build/
             - packages/react-native/ReactAndroid/src/main/jni/prebuilt/
             - packages/react-native-gradle-plugin/.gradle/
             - packages/react-native-gradle-plugin/build/
@@ -304,7 +303,7 @@ jobs:
           name: Set React Native Version to "dry-run"
           # test_android executes only for dry-run builds. We need to bump the version for caching
           # reasons otherwise we won't reuse the artifacts from the build_android job.
-          command: node ./scripts/set-rn-version.js --build-type "dry-run"
+          command: node ./scripts/releases/set-rn-version.js --build-type "dry-run"
       - attach_workspace:
           at: .
 
@@ -350,6 +349,7 @@ jobs:
         enum: ["Hermes", "JSC"]
     environment:
       - PROJECT_NAME: "AndroidTemplateProject"
+      - YARN_ENABLE_IMMUTABLE_INSTALLS: false
     steps:
       - checkout_code_with_cache
       - run_yarn
@@ -359,8 +359,8 @@ jobs:
           name: Create Android template project
           command: |
             REPO_ROOT=$(pwd)
-            node ./scripts/update-template-package.js "{\"react-native\":\"file:$REPO_ROOT/build/$(cat build/react-native-package-version)\"}"
-            node ./scripts/template/initialize.js --reactNativeRootPath $REPO_ROOT --templateName $PROJECT_NAME --templateConfigPath "$REPO_ROOT/packages/react-native" --directory "/tmp/$PROJECT_NAME"
+            node ./scripts/releases/update-template-package.js "{\"react-native\":\"file:$REPO_ROOT/build/$(cat build/react-native-package-version)\"}"
+            node ./scripts/e2e/init-template-e2e.js --projectName $PROJECT_NAME --templatePath "$REPO_ROOT/packages/react-native" --directory "/tmp/$PROJECT_NAME" --verbose
       - with_gradle_cache:
           steps:
             - run:
@@ -387,7 +387,6 @@ jobs:
   #    JOBS: Test iOS Template
   # -------------------------
   test_ios_template:
-    executor: reactnativeios
     parameters:
       flavor:
         default: "Debug"
@@ -404,11 +403,6 @@ jobs:
         description: Which JavaScript engine to use. Must be one of "Hermes", "JSC".
         type: enum
         enum: ["Hermes", "JSC"]
-      flipper:
-        default: "WithFlipper"
-        description: Whether Flipper is enabled. Must be one of "WithFlipper", "WithoutFlipper".
-        type: enum
-        enum: ["WithFlipper", "WithoutFlipper"]
       use_frameworks:
         default: "StaticLibraries"
         description: Which kind of option we want to use for `use_frameworks!`
@@ -430,9 +424,15 @@ jobs:
       cocoapods_cache_key:
         type: string
         default: *template_cocoapods_cache_key
+      executor:
+        description: The executor to use
+        default: reactnativeios
+        type: string
+    executor: << parameters.executor >>
     environment:
       - PROJECT_NAME: "iOSTemplateProject"
       - HERMES_WS_DIR: *hermes_workspace_root
+      - YARN_ENABLE_IMMUTABLE_INSTALLS: false
     steps:
       - checkout_code_with_cache
       - run_yarn
@@ -457,8 +457,8 @@ jobs:
             REPO_ROOT=$(pwd)
             PACKAGE=$(cat build/react-native-package-version)
             PATH_TO_PACKAGE="$REPO_ROOT/build/$PACKAGE"
-            node ./scripts/update-template-package.js "{\"react-native\":\"file:$PATH_TO_PACKAGE\"}"
-            node ./scripts/template/initialize.js --reactNativeRootPath $REPO_ROOT --templateName $PROJECT_NAME --templateConfigPath "$REPO_ROOT/packages/react-native" --directory "/tmp/$PROJECT_NAME"
+            node ./scripts/releases/update-template-package.js "{\"react-native\":\"file:$PATH_TO_PACKAGE\"}"
+            node ./scripts/e2e/init-template-e2e.js --projectName $PROJECT_NAME --templatePath "$REPO_ROOT/packages/react-native" --directory "/tmp/$PROJECT_NAME" --verbose
       - with_xcodebuild_cache:
           podfile_lock_path: << parameters.podfile_lock_path >>
           pods_build_folder: << parameters.pods_build_folder >>
@@ -466,7 +466,7 @@ jobs:
           podfile_lock_cache_key: << parameters.podfile_lock_cache_key >>
           steps:
             - run:
-                name: Install iOS dependencies - Configuration << parameters.flavor >>; New Architecture << parameters.architecture >>; JS Engine << parameters.jsengine>>; Flipper << parameters.flipper >>
+                name: Install iOS dependencies - Configuration << parameters.flavor >>; New Architecture << parameters.architecture >>; JS Engine << parameters.jsengine>>
                 command: |
                   cd /tmp/$PROJECT_NAME/ios
 
@@ -478,10 +478,6 @@ jobs:
                     export USE_HERMES=0
                   fi
 
-                  if [[ << parameters.flipper >> == "WithoutFlipper" ]]; then
-                    export NO_FLIPPER=1
-                  fi
-
                   if [[ << parameters.use_frameworks >> == "DynamicFrameworks" ]]; then
                     export USE_FRAMEWORKS=dynamic
                   fi
@@ -502,23 +498,23 @@ jobs:
   #    JOBS: Test iOS RNTester
   # -------------------------
   test_ios_rntester:
-    executor: reactnativeios
+
     parameters:
       jsengine:
         default: "Hermes"
         description: Which JavaScript engine to use. Must be one of "Hermes", "JSC".
         type: enum
         enum: ["Hermes", "JSC"]
-      architecture:
-        default: "OldArch"
-        description: Which React Native architecture to use. Must be one of "OldArch", "NewArch".
-        type: enum
-        enum: ["NewArch", "OldArch"]
       use_frameworks:
         default: "StaticLibraries"
         description: The dependency building and linking strategy to use. Must be one of "StaticLibraries", "DynamicFrameworks"
         type: enum
         enum: ["StaticLibraries", "DynamicFrameworks"]
+      architecture:
+        default: "NewArch"
+        description: "The React Native architecture to Test. RNTester has always Fabric enabled, but we want to run integration test with the old arch setup"
+        type: enum
+        enum: ["OldArch", "NewArch"]
       ruby_version:
         default: "2.6.10"
         description: The version of ruby that must be used
@@ -527,6 +523,11 @@ jobs:
         description: whether unit tests should run or not.
         default: false
         type: boolean
+      executor:
+        description: The executor to use
+        default: reactnativeios
+        type: string
+    executor: << parameters.executor >>
     steps:
       - checkout_code_with_cache
       - run_yarn
@@ -551,21 +552,21 @@ jobs:
             - with_xcodebuild_cache:
                 steps:
                   - run:
-                      name: Install CocoaPods dependencies - Architecture << parameters.architecture >>
+                      name: Install CocoaPods dependencies
                       command: |
-                        if [[ << parameters.architecture >> == "NewArch" ]]; then
-                          export RCT_NEW_ARCH_ENABLED=1
-                        fi
 
                         if [[ << parameters.jsengine >> == "JSC" ]]; then
                           export USE_HERMES=0
                         fi
 
                         if [[ << parameters.use_frameworks >> == "DynamicFrameworks" ]]; then
-                          export NO_FLIPPER=1
                           export USE_FRAMEWORKS=dynamic
                         fi
 
+                        if [[ << parameters.architecture >> == "NewArch" ]]; then
+                          export RCT_NEW_ARCH_ENABLED=1
+                        fi
+
                         cd packages/rn-tester
 
                         bundle install
@@ -589,81 +590,6 @@ jobs:
                       steps:
                           - run_ios_tests
 
-  # -------------------------
-  #    JOBS: Windows
-  # -------------------------
-  test_windows:
-    executor:
-      name: win/default
-    environment:
-      - CHOCO_CACHE_DIR: "C:\\ChocoCache"
-    steps:
-      - checkout_code_with_cache
-
-      - restore_cache:
-          keys:
-            - *windows_choco_cache_key
-
-      - run:
-          name: Choco cache
-          # Cache our dependencies which can be flakey to download
-          command: |
-            if (!Test-Path $env:CHOCO_CACHE_DIR) {
-              mkdir $env:CHOCO_CACHE_DIR
-            }
-            choco config set --name cacheLocation --value $env:CHOCO_CACHE_DIR
-
-      - run:
-          name: Disable NVM
-          # Use choco to manage node versions due to https://github.com/npm/cli/issues/4234
-          command: nvm off
-
-      - run:
-          name: Install Node JS
-          # Note: Version set separately for non-Windows builds, see above.
-          command: choco install nodejs-lts
-
-      # Setup Dependencies
-      - run:
-          name: Enable Yarn with corepack
-          command: corepack enable
-
-      # it looks like that, last week, envinfo released version 7.9.0 which does not works
-      # with Windows. I have opened an issue here: https://github.com/tabrindle/envinfo/issues/238
-      # TODO: T156811874 - Revert this to npx envinfo@latest when the issue is addressed
-      - run:
-          name: Display Environment info
-          command: |
-            npm install -g envinfo
-            envinfo -v
-            envinfo
-
-      - restore_cache:
-          keys:
-            - *windows_yarn_cache_key
-      - run:
-          name: "Yarn: Install Dependencies"
-          command: yarn install --frozen-lockfile --non-interactive
-
-      - save_cache:
-          key: *windows_yarn_cache_key
-          paths:
-            - C:\Users\circleci\AppData\Local\Yarn
-
-      - save_cache:
-          key: *windows_choco_cache_key
-          paths:
-            - $env:CHOCO_CACHE_DIR
-
-      # -------------------------
-      # Run Tests
-      - run:
-          name: "Flow Check"
-          command: yarn flow-check
-      - run:
-          name: "Run Tests: JavaScript Tests"
-          command: yarn test
-
   # -------------------------
   #      JOBS: Build Hermes
   # -------------------------
@@ -681,7 +607,16 @@ jobs:
             apt update
 
             apt install -y wget git curl jq
-            curl -sL https://deb.nodesource.com/setup_18.x | bash -
+
+            apt-get update
+            apt-get install -y ca-certificates curl gnupg
+            mkdir -p /etc/apt/keyrings
+            curl -fsSL https://deb.nodesource.com/gpgkey/nodesource-repo.gpg.key | gpg --dearmor -o /etc/apt/keyrings/nodesource.gpg
+
+            NODE_MAJOR=18
+            echo "deb [signed-by=/etc/apt/keyrings/nodesource.gpg] https://deb.nodesource.com/node_$NODE_MAJOR.x nodistro main" | tee /etc/apt/sources.list.d/nodesource.list
+            apt-get update
+
             apt install -y nodejs
             npm install --global yarn
       - checkout
@@ -888,6 +823,22 @@ jobs:
 
             echo "Moving from build_$SLICE to $FINAL_PATH"
             mv build_"$SLICE" "$FINAL_PATH"
+
+            # check whether everything is there
+            if [[ -d "$FINAL_PATH/API/hermes/hermes.framework" ]]; then
+              echo "Successfully built hermes.framework for $SLICE in $FLAVOR"
+            else
+              echo "Failed to built hermes.framework for $SLICE in $FLAVOR"
+              exit 1
+            fi
+
+            if [[ -d "$FINAL_PATH/API/hermes/hermes.framework.dSYM" ]]; then
+              echo "Successfully built hermes.framework.dSYM for $SLICE in $FLAVOR"
+            else
+              echo "Failed to built hermes.framework.dSYM for $SLICE in $FLAVOR"
+              echo "Please try again"
+              exit 1
+            fi
       - save_cache:
           key: << parameters.slice_base_cache_key >>-<< parameters.slice >>-<< parameters.flavor >>
           paths:
@@ -1074,7 +1025,7 @@ jobs:
           name: Build HermesC for Windows
           command: |
             if (-not(Test-Path -Path $Env:HERMES_WS_DIR\win64-bin\hermesc.exe)) {
-              choco install --no-progress cmake --version 3.14.7
+              choco install --no-progress cmake --version 3.14.7 -y
               if (-not $?) { throw "Failed to install CMake" }
 
               cd $Env:HERMES_WS_DIR\icu
@@ -1154,14 +1105,14 @@ jobs:
               echo "Using the version from the package.json: $VERSION"
             fi
 
-            node ./scripts/prepare-package-for-release.js -v "$VERSION" -l << parameters.latest >> --dry-run << parameters.dryrun >>
+            node ./scripts/releases-ci/prepare-package-for-release.js -v "$VERSION" -l << parameters.latest >> --dry-run << parameters.dryrun >>
 
   build_npm_package:
     parameters:
       release_type:
-        description: The type of release to build. Must be one of "nightly", "release", "dry-run".
+        description: The type of release to build. Must be one of "nightly", "release", "dry-run", or "prealpha".
         type: enum
-        enum: ["nightly", "release", "dry-run"]
+        enum: ["nightly", "release", "dry-run", "prealpha"]
         default: "dry-run"
     executor: reactnativeandroid-xlarge
     environment:
@@ -1201,7 +1152,7 @@ jobs:
       - attach_workspace:
           at: .
 
-      # START: Stables and nightlies
+      # START: Stables, nightlies and prealphas
       # This conditional step sets up the necessary credentials for publishing react-native to npm.
       - when:
           condition:
@@ -1210,7 +1161,7 @@ jobs:
               - equal: [ "nightly", << parameters.release_type >> ]
           steps:
             - run: echo "//registry.npmjs.org/:_authToken=${CIRCLE_NPM_TOKEN}" > ~/.npmrc
-      # END: Stables and nightlies
+      # END: Stables, prealpha and nightlies
 
       - with_gradle_cache:
           steps:
@@ -1224,7 +1175,7 @@ jobs:
                   else
                     export ORG_GRADLE_PROJECT_reactNativeArchitectures="armeabi-v7a,arm64-v8a,x86,x86_64"
                   fi
-                  node ./scripts/publish-npm.js -t << parameters.release_type >>
+                  node ./scripts/releases-ci/publish-npm.js -t << parameters.release_type >>
 
       - run:
           name: Zip Maven Artifacts from /tmp/maven-local
@@ -1288,19 +1239,6 @@ jobs:
           command: |
             node scripts/circleci/poll-maven.js
 
-
-  # -------------------------
-  #    JOBS: Nightly
-  # -------------------------
-  nightly_job:
-    machine:
-      image: ubuntu-2004:202010-01
-    steps:
-      - run:
-          name: Nightly
-          command: |
-            echo "Nightly build run"
-
   find_and_publish_bumped_packages:
     executor: nodelts
     steps:
@@ -1312,4 +1250,4 @@ jobs:
           command: echo "//registry.npmjs.org/:_authToken=${CIRCLE_NPM_TOKEN}" > ~/.npmrc
       - run:
           name: Find and publish all bumped packages
-          command: node ./scripts/monorepo/find-and-publish-all-bumped-packages.js
+          command: node ./scripts/releases-ci/publish-updated-packages.js
diff --git a/.circleci/configurations/test_workflows/testAll.yml b/.circleci/configurations/test_workflows/testAll.yml
index 145dcbd71ff213..9525846607ad7b 100644
--- a/.circleci/configurations/test_workflows/testAll.yml
+++ b/.circleci/configurations/test_workflows/testAll.yml
@@ -60,118 +60,46 @@
           ruby_version: "3.2.0"
           architecture: "NewArch"
           flavor: "Debug"
+          executor: reactnativeios-lts
       - test_ios_template:
+          architecture: "OldArch"
           requires:
             - build_npm_package
           matrix:
             parameters:
-              architecture: ["NewArch", "OldArch"]
               flavor: ["Debug", "Release"]
               jsengine: ["Hermes", "JSC"]
-              flipper: ["WithFlipper", "WithoutFlipper"]
               use_frameworks: ["StaticLibraries", "DynamicFrameworks"]
             exclude:
-              - architecture: "NewArch"
-                flavor: "Release"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "NewArch"
-                flavor: "Release"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "NewArch"
-                flavor: "Release"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "NewArch"
-                flavor: "Release"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "OldArch"
-                flavor: "Release"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "OldArch"
-                flavor: "Release"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "OldArch"
-                flavor: "Release"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "OldArch"
-                flavor: "Release"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "NewArch"
-                flavor: "Debug"
+              # This config is tested with Ruby 3.2.0. Let's not double test it.
+              - flavor: "Debug"
                 jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "NewArch"
-                flavor: "Debug"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "OldArch"
-                flavor: "Debug"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "OldArch"
-                flavor: "Debug"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "NewArch"
-                flavor: "Debug"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "NewArch"
-                flavor: "Debug"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "OldArch"
-                flavor: "Debug"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
                 use_frameworks: "StaticLibraries"
       - test_ios_rntester:
           requires:
             - build_hermes_macos
           name: "Test RNTester with Ruby 3.2.0"
           ruby_version: "3.2.0"
-          architecture: "NewArch"
+          executor: reactnativeios-lts
       - test_ios_rntester:
           requires:
             - build_hermes_macos
           matrix:
             parameters:
-              architecture: ["NewArch", "OldArch"]
               jsengine: ["Hermes", "JSC"]
               use_frameworks: ["StaticLibraries", "DynamicFrameworks"]
             exclude:
               # Tested by test_ios-Hermes
-              - architecture: "OldArch"
-                jsengine: "Hermes"
+              - jsengine: "Hermes"
                 use_frameworks: "StaticLibraries"
               # Tested by test_ios-JSC
-              - architecture: "OldArch"
-                jsengine: "JSC"
+              - jsengine: "JSC"
+                use_frameworks: "StaticLibraries"
+              # Tested with Ruby 3.2.0, do not test this twice.
+              - jsengine: "Hermes"
                 use_frameworks: "StaticLibraries"
       - test_ios_rntester:
           run_unit_tests: true
-          architecture: "OldArch"
           use_frameworks: "StaticLibraries"
           ruby_version: "2.6.10"
           requires:
@@ -179,4 +107,4 @@
           matrix:
             parameters:
               jsengine: ["Hermes", "JSC"]
-      - test_windows
+              architecture: ["NewArch", "OldArch"]
diff --git a/.circleci/configurations/test_workflows/testAndroid.yml b/.circleci/configurations/test_workflows/testAndroid.yml
index b21ed9775fcb21..08f925eca37b61 100644
--- a/.circleci/configurations/test_workflows/testAndroid.yml
+++ b/.circleci/configurations/test_workflows/testAndroid.yml
@@ -45,7 +45,7 @@
       - test_android:
           requires:
             - build_android
-      - test_e2e_android
+      # - test_e2e_android
       - test_android_template:
           requires:
             - build_npm_package
@@ -54,4 +54,3 @@
               architecture: ["NewArch", "OldArch"]
               jsengine: ["Hermes", "JSC"]
               flavor: ["Debug", "Release"]
-      - test_windows
diff --git a/.circleci/configurations/test_workflows/testE2E.yml b/.circleci/configurations/test_workflows/testE2E.yml
index b161180ee5a5b4..998abf796ffe8c 100644
--- a/.circleci/configurations/test_workflows/testE2E.yml
+++ b/.circleci/configurations/test_workflows/testE2E.yml
@@ -6,5 +6,4 @@
     jobs:
       - test_e2e_ios:
           ruby_version: "2.7.7"
-      # This is not stable
-      # - test_e2e_android
+      - test_e2e_android
diff --git a/.circleci/configurations/test_workflows/testIOS.yml b/.circleci/configurations/test_workflows/testIOS.yml
index 484ef5a8f2ea27..a1e6c479cfe571 100644
--- a/.circleci/configurations/test_workflows/testIOS.yml
+++ b/.circleci/configurations/test_workflows/testIOS.yml
@@ -42,8 +42,8 @@
             - build_hermesc_linux
             - build_hermes_macos
             - build_hermesc_windows
-      - test_e2e_ios:
-          ruby_version: "2.7.7"
+      # - test_e2e_ios:
+      #     ruby_version: "2.7.7"
       - test_ios_template:
           requires:
             - build_npm_package
@@ -51,118 +51,38 @@
           ruby_version: "3.2.0"
           architecture: "NewArch"
           flavor: "Debug"
+          executor: reactnativeios-lts
       - test_ios_template:
+          architecture: "OldArch"
           requires:
             - build_npm_package
           matrix:
             parameters:
-              architecture: ["NewArch", "OldArch"]
               flavor: ["Debug", "Release"]
               jsengine: ["Hermes", "JSC"]
-              flipper: ["WithFlipper", "WithoutFlipper"]
               use_frameworks: ["StaticLibraries", "DynamicFrameworks"]
             exclude:
-              - architecture: "NewArch"
-                flavor: "Release"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "NewArch"
-                flavor: "Release"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "NewArch"
-                flavor: "Release"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "NewArch"
-                flavor: "Release"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "OldArch"
-                flavor: "Release"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "OldArch"
-                flavor: "Release"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "OldArch"
-                flavor: "Release"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "OldArch"
-                flavor: "Release"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "NewArch"
-                flavor: "Debug"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "NewArch"
-                flavor: "Debug"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "OldArch"
-                flavor: "Debug"
-                jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "OldArch"
-                flavor: "Debug"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "DynamicFrameworks"
-              - architecture: "NewArch"
-                flavor: "Debug"
+             # Tested with Ruby 3.2.0, let's not double test this
+              - flavor: "Debug"
                 jsengine: "Hermes"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "NewArch"
-                flavor: "Debug"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
-                use_frameworks: "StaticLibraries"
-              - architecture: "OldArch"
-                flavor: "Debug"
-                jsengine: "JSC"
-                flipper: "WithFlipper"
                 use_frameworks: "StaticLibraries"
       - test_ios_rntester:
           requires:
             - build_hermes_macos
-          name: "Test RNTester with Ruby 3.2.0"
+          name: "RNTester on Ruby 3.2.0"
           ruby_version: "3.2.0"
-          architecture: "NewArch"
+          executor: reactnativeios-lts
       - test_ios_rntester:
+          name: "RNTester with Dynamic Frameworks"
+          use_frameworks: "DynamicFrameworks"
           requires:
             - build_hermes_macos
           matrix:
             parameters:
-              architecture: ["NewArch", "OldArch"]
               jsengine: ["Hermes", "JSC"]
-              use_frameworks: ["StaticLibraries", "DynamicFrameworks"]
-            exclude:
-              # Tested by test_ios-Hermes
-              - architecture: "OldArch"
-                jsengine: "Hermes"
-                use_frameworks: "StaticLibraries"
-              # Tested by test_ios-JSC
-              - architecture: "OldArch"
-                jsengine: "JSC"
-                use_frameworks: "StaticLibraries"
       - test_ios_rntester:
+          name: "RNTester Integration Tests"
           run_unit_tests: true
-          architecture: "OldArch"
           use_frameworks: "StaticLibraries"
           ruby_version: "2.6.10"
           requires:
@@ -170,3 +90,4 @@
           matrix:
             parameters:
               jsengine: ["Hermes", "JSC"]
+              architecture: ["NewArch", "OldArch"]
diff --git a/.circleci/configurations/top_level.yml b/.circleci/configurations/top_level.yml
index 23def16a1bcd26..5d3281d36400a6 100644
--- a/.circleci/configurations/top_level.yml
+++ b/.circleci/configurations/top_level.yml
@@ -25,11 +25,11 @@ references:
   android-defaults: &android-defaults
     working_directory: ~/react-native
     docker:
-      - image: reactnativecommunity/react-native-android:v11.0
+      - image: reactnativecommunity/react-native-android:v13.0
     environment:
       - TERM: "dumb"
       - GRADLE_OPTS: '-Dorg.gradle.daemon=false'
-      # By default we only build ARM64 to save time/resources. For release/nightlies, we override this value to build all archs.
+      # By default we only build ARM64 to save time/resources. For release/nightlies/prealpha, we override this value to build all archs.
       - ORG_GRADLE_PROJECT_reactNativeArchitectures: "arm64-v8a"
       # Repeated here, as the environment key in this executor will overwrite the one in defaults
       - PUBLIC_ANALYSISBOT_GITHUB_TOKEN_A: *github_analysisbot_token_a
@@ -59,7 +59,7 @@ references:
   #        Dependency Anchors
   # -------------------------
   dependency_versions:
-    xcode_version: &xcode_version "14.3.0"
+    xcode_version: &xcode_version "15.0.1"
     nodelts_image: &nodelts_image "cimg/node:20.2.0"
     nodeprevlts_image: &nodeprevlts_image "cimg/node:18.12.1"
     nodelts_browser_image: &nodelts_browser_image "cimg/node:20.2.0-browsers"
@@ -81,27 +81,22 @@ references:
     hermes_linux_cache_key: &hermes_linux_cache_key v1-hermes-{{ .Environment.CIRCLE_JOB }}-linux-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
     hermes_windows_cache_key: &hermes_windows_cache_key v2-hermes-{{ .Environment.CIRCLE_JOB }}-windows-{{ checksum "/Users/circleci/project/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
     # Hermes iOS
-    hermesc_apple_cache_key: &hermesc_apple_cache_key v2-hermesc-apple-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
-    hermes_apple_slices_cache_key: &hermes_apple_slices_cache_key v2-hermes-apple-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}-{{ checksum "packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh" }}
-    hermes_tarball_debug_cache_key: &hermes_tarball_debug_cache_key v4-hermes-tarball-debug-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}-{{ checksum "packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh" }}
-    hermes_tarball_release_cache_key: &hermes_tarball_release_cache_key v3-hermes-tarball-release-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}-{{ checksum "packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh" }}
-    hermes_macosx_bin_release_cache_key: &hermes_macosx_bin_release_cache_key v1-hermes-release-macosx-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
-    hermes_macosx_bin_debug_cache_key: &hermes_macosx_bin_debug_cache_key v1-hermes-debug-macosx-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
-    hermes_dsym_debug_cache_key: &hermes_dsym_debug_cache_key v1-hermes-debug-dsym-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
-    hermes_dsym_release_cache_key: &hermes_dsym_release_cache_key v1-hermes-release-dsym-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
+    hermesc_apple_cache_key: &hermesc_apple_cache_key v3-hermesc-apple-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
+    hermes_apple_slices_cache_key: &hermes_apple_slices_cache_key v4-hermes-apple-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}-{{ checksum "packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh" }}
+    hermes_tarball_debug_cache_key: &hermes_tarball_debug_cache_key v5-hermes-tarball-debug-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}-{{ checksum "packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh" }}
+    hermes_tarball_release_cache_key: &hermes_tarball_release_cache_key v4-hermes-tarball-release-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}-{{ checksum "packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh" }}
+    hermes_macosx_bin_release_cache_key: &hermes_macosx_bin_release_cache_key v2-hermes-release-macosx-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
+    hermes_macosx_bin_debug_cache_key: &hermes_macosx_bin_debug_cache_key v2-hermes-debug-macosx-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
+    hermes_dsym_debug_cache_key: &hermes_dsym_debug_cache_key v2-hermes-debug-dsym-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
+    hermes_dsym_release_cache_key: &hermes_dsym_release_cache_key v2-hermes-release-dsym-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "/tmp/react-native-version" }}
     # Cocoapods - RNTester
-    pods_cache_key: &pods_cache_key v10-pods-{{ .Environment.CIRCLE_JOB }}-{{ checksum "packages/rn-tester/Podfile.lock.bak" }}-{{ checksum "packages/rn-tester/Podfile" }}
-    cocoapods_cache_key: &cocoapods_cache_key v8-cocoapods-{{ .Environment.CIRCLE_JOB }}-{{ checksum "packages/rn-tester/Podfile.lock" }}-{{ checksum "packages/rn-tester/Podfile" }}-{{ checksum "/tmp/hermes/hermesversion" }}
-    rntester_podfile_lock_cache_key: &rntester_podfile_lock_cache_key v6-podfilelock-{{ .Environment.CIRCLE_JOB }}-{{ checksum "packages/rn-tester/Podfile" }}-{{ checksum "/tmp/week_year" }}-{{ checksum "/tmp/hermes/hermesversion" }}
+    pods_cache_key: &pods_cache_key v11-pods-{{ .Environment.CIRCLE_JOB }}-{{ checksum "packages/rn-tester/Podfile.lock.bak" }}-{{ checksum "packages/rn-tester/Podfile" }}
+    cocoapods_cache_key: &cocoapods_cache_key v11-cocoapods-{{ .Environment.CIRCLE_JOB }}-{{ checksum "packages/rn-tester/Podfile.lock" }}-{{ checksum "packages/rn-tester/Podfile" }}-{{ checksum "/tmp/hermes/hermesversion" }}
+    rntester_podfile_lock_cache_key: &rntester_podfile_lock_cache_key v9-podfilelock-{{ .Environment.CIRCLE_JOB }}-{{ checksum "packages/rn-tester/Podfile" }}-{{ checksum "/tmp/week_year" }}-{{ checksum "/tmp/hermes/hermesversion" }}
 
     # Cocoapods - Template
-    template_cocoapods_cache_key: &template_cocoapods_cache_key v4-cocoapods-{{ .Environment.CIRCLE_JOB }}-{{ checksum "/tmp/iOSTemplateProject/ios/Podfile.lock" }}-{{ checksum "/tmp/iOSTemplateProject/ios/Podfile" }}-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "packages/rn-tester/Podfile.lock" }}
-    template_podfile_lock_cache_key: &template_podfile_lock_cache_key v4-podfilelock-{{ .Environment.CIRCLE_JOB }}-{{ checksum "/tmp/iOSTemplateProject/ios/Podfile" }}-{{ checksum "/tmp/week_year" }}-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "packages/rn-tester/Podfile.lock" }}
-
-    # Windows
-    windows_yarn_cache_key: &windows_yarn_cache_key v1-win-yarn-cache-{{ arch }}-{{ checksum "yarn.lock" }}
-    windows_choco_cache_key: &windows_choco_cache_key v1-win-choco-cache-{{ .Environment.CIRCLE_JOB }}
-
+    template_cocoapods_cache_key: &template_cocoapods_cache_key v6-cocoapods-{{ .Environment.CIRCLE_JOB }}-{{ checksum "/tmp/iOSTemplateProject/ios/Podfile.lock" }}-{{ checksum "/tmp/iOSTemplateProject/ios/Podfile" }}-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "packages/rn-tester/Podfile.lock" }}
+    template_podfile_lock_cache_key: &template_podfile_lock_cache_key v6-podfilelock-{{ .Environment.CIRCLE_JOB }}-{{ checksum "/tmp/iOSTemplateProject/ios/Podfile" }}-{{ checksum "/tmp/week_year" }}-{{ checksum "/tmp/hermes/hermesversion" }}-{{ checksum "packages/rn-tester/Podfile.lock" }}
 
   cache_paths:
     hermes_workspace_macos_cache_paths: &hermes_workspace_macos_cache_paths
diff --git a/.circleci/configurations/workflows.yml b/.circleci/configurations/workflows.yml
index be128b7d0af88e..e5c085ee4ce08a 100644
--- a/.circleci/configurations/workflows.yml
+++ b/.circleci/configurations/workflows.yml
@@ -90,7 +90,6 @@ workflows:
   nightly:
     when: << pipeline.parameters.run_nightly_workflow >>
     jobs:
-      - nightly_job
       - prepare_hermes_workspace
       - build_android:
           release_type: "nightly"
diff --git a/.eslintignore b/.eslintignore
index e3313f1685f533..e35c03e132f733 100644
--- a/.eslintignore
+++ b/.eslintignore
@@ -6,6 +6,10 @@ packages/react-native/Libraries/Renderer/*
 packages/react-native/Libraries/vendor/**/*
 node_modules/
 packages/*/node_modules
+packages/*/dist
 packages/debugger-frontend/dist/**/*
 packages/react-native-codegen/lib
 tools/eslint/rules/sort-imports.js
+**/Pods/*
+**/*.macos.js
+**/*.windows.js
diff --git a/.eslintrc.js b/.eslintrc.js
index f14dc495f236e3..b0410b566e3456 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -34,6 +34,13 @@ module.exports = {
         'no-undef': 0,
       },
     },
+    {
+      files: ['*.js', '*.js.flow'],
+      excludedFiles: ['packages/react-native/template/**/*'],
+      rules: {
+        'lint/sort-imports': 1,
+      },
+    },
     {
       files: ['package.json'],
       parser: 'jsonc-eslint-parser',
@@ -53,14 +60,16 @@ module.exports = {
       },
     },
     {
-      files: ['packages/react-native/Libraries/**/*.js'],
+      files: [
+        'packages/react-native/Libraries/**/*.js',
+        'packages/react-native/src/**/*.js',
+      ],
       rules: {
         '@react-native/platform-colors': 2,
         '@react-native/specs/react-native-modules': 2,
         'lint/no-haste-imports': 2,
         'lint/no-react-native-imports': 2,
         'lint/require-extends-error': 2,
-        'lint/sort-imports': 1,
       },
     },
     {
diff --git a/.flowconfig b/.flowconfig
index afae777b88f4b9..f240531f3d78bb 100644
--- a/.flowconfig
+++ b/.flowconfig
@@ -8,11 +8,18 @@
 ; Ignore "BUCK" generated dirs
 <PROJECT_ROOT>/\.buckd/
 
+; Ignore other platform suffixes
+.*\.macos\.js$
+.*\.windows\.js$
+
 .*/node_modules/resolve/test/resolver/malformed_package_json/package\.json$
 
 ; Checked-in build output
 <PROJECT_ROOT>/packages/debugger-frontend/dist/
 
+; Generated build output
+<PROJECT_ROOT>/packages/.*/dist
+
 [untyped]
 .*/node_modules/@react-native-community/cli/.*/.*
 
@@ -29,6 +36,7 @@ packages/react-native/flow/
 [options]
 experimental.global_find_ref=true
 enums=true
+casting_syntax=both
 
 emoji=true
 
@@ -77,4 +85,4 @@ untyped-import
 untyped-type-import
 
 [version]
-^0.218.0
+^0.228.0
diff --git a/.github/ISSUE_TEMPLATE/bug_report.yml b/.github/ISSUE_TEMPLATE/bug_report.yml
index d923854d7b2a73..eeda1f865d9c8c 100644
--- a/.github/ISSUE_TEMPLATE/bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/bug_report.yml
@@ -2,23 +2,68 @@ name: 🐛 Bug Report
 description: Report a reproducible bug or regression in React Native.
 labels: ["Needs: Triage :mag:"]
 body:
+  - type: markdown
+    attributes:
+      value: "## Reporting a bug to React Native"
   - type: markdown
     attributes:
       value: |
-        Please provide all the information requested. Issues that do not follow this format are likely to stall.
+        Thank you for taking the time to report an issue for React Native, your contribution will help
+        make the framework better for everyone.
+
+        Before you continue:
+        * If you're using **Expo** and you're noticing a bug, [report it here](https://github.com/expo/expo/issues).
+        * If you're found a problem with our **documentation**, [report it here](https://github.com/facebook/react-native-website/issues/).
+        * If you're having an issue with **Metro** (the bundler), [report it here](https://github.com/facebook/metro/issues/).
+        * If you're using an external library, report the issue to the **library first**.
+        * Please [search for similar issues](https://github.com/facebook/react-native/issues) in our issue tracker.
+
+        Make sure that your issue:
+        * Have a **valid reproducer** (either a [Expo Snack](https://snack.expo.dev/) or a [empty project from template](https://github.com/react-native-community/reproducer-react-native).
+        * Is tested against the [**latest stable**](https://github.com/facebook/react-native/releases/) of React Native.
+
+        Due to the extreme number of bugs we receive, we will be looking **ONLY** into issues with a reproducer, and on [supported versions](https://github.com/reactwg/react-native-releases#which-versions-are-currently-supported) of React Native.
   - type: textarea
     id: description
     attributes:
       label: Description
-      description: Please provide a clear and concise description of what the bug is. Include screenshots if needed. Test using the [latest React Native release](https://github.com/facebook/react-native/releases/latest) to make sure your issue has not already been fixed.
+      description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Steps to reproduce
+      description: The list of steps that reproduce the issue.
+      placeholder: |
+        1. Install the application with `yarn android`
+        2. Click on the button on the Home
+        3. Notice the crash
     validations:
       required: true
   - type: input
     id: version
     attributes:
       label: React Native Version
-      description: What is the latest version of react-native that this issue reproduces on? Please only list the highest version you tested. Bear in mind that only issues on [supported versions](https://github.com/reactwg/react-native-releases#which-versions-are-currently-supported) will be looked into.
-      placeholder: ex. 0.71.0
+      description: The version of react-native that this issue reproduces on. Bear in mind that only issues on [supported versions](https://github.com/reactwg/react-native-releases#which-versions-are-currently-supported) will be looked into.
+      placeholder: "0.73.0"
+    validations:
+      required: true
+  - type: dropdown
+    id: platforms
+    attributes:
+      label: Affected Platforms
+      description: Please select which platform you're developing to, and which OS you're using for building.
+      multiple: true
+      options:
+        - Runtime - Android
+        - Runtime - iOS
+        - Runtime - Web
+        - Runtime - Desktop
+        - Build - MacOS
+        - Build - Windows
+        - Build - Linux
+        - Other (please specify)
     validations:
       required: true
   - type: textarea
@@ -26,23 +71,53 @@ body:
     attributes:
       label: Output of `npx react-native info`
       description: Run `npx react-native info` in your terminal, copy and paste the results here.
+      placeholder: |
+        Paste the output of `npx react-native info` here. The output looks like:
+        ...
+        System:
+          OS: macOS 14.1.1
+          CPU: (10) arm64 Apple M1 Max
+          Memory: 417.81 MB / 64.00 GB
+          Shell:
+            version: "5.9"
+            path: /bin/zsh
+        Binaries:
+          Node: ...
+            version: 18.14.0
+        ...
+      render: text
     validations:
       required: true
   - type: textarea
-    id: reproduction
+    id: stacktrace
     attributes:
-      label: Steps to reproduce
-      description: Provide a detailed list of steps that reproduce the issue.
+      label: Stacktrace or Logs
+      description: Please provide a stacktrace or a log of your crash or failure
+      render: text
+      placeholder: |
+        Paste your stacktraces and logs here. They might look like:
+
+        java.lang.UnsatisfiedLinkError: couldn't find DSO to load: libfabricjni.so caused by: com.facebook.react.fabric.StateWrapperImpl result: 0
+            at com.facebook.soloader.SoLoader.g(Unknown Source:341)
+            at com.facebook.soloader.SoLoader.t(Unknown Source:124)
+            at com.facebook.soloader.SoLoader.s(Unknown Source:2)
+            at com.facebook.soloader.SoLoader.q(Unknown Source:42)
+            at com.facebook.soloader.SoLoader.p(Unknown Source:1)
+            ...
+    validations:
+      required: true
+  - type: input
+    id: reproducer
+    attributes:
+      label: Reproducer
+      description: A link to a Expo Snack or a public repository that reproduces this bug, using [this template](https://github.com/react-native-community/reproducer-react-native). Reproducers are **mandatory**.
+      placeholder: "https://github.com/<myuser>/<myreproducer>"
     validations:
       required: true
   - type: textarea
     id: extra
     attributes:
-      label: Snack, screenshot, or link to a repository
+      label: Screenshots and Videos
       description: |
-        Please provide a Snack (https://snack.expo.dev/), a link to a repository on GitHub that reproduces the problem.
-        You may provide a screenshot of the application if you think it is relevant to your bug report.
-        Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve
-        Please note that a reproducer is **mandatory**. Issues without reproducer are more likely to stall and will be closed.
-    validations:
-      required: true
+        Please provide screenshot or a video of your bug if relevant.
+        Issues with videos and screenshots are more likely to **get prioritized**.
diff --git a/.github/ISSUE_TEMPLATE/config.yml b/.github/ISSUE_TEMPLATE/config.yml
index 61e9b003d300fe..0756ac90101bb4 100644
--- a/.github/ISSUE_TEMPLATE/config.yml
+++ b/.github/ISSUE_TEMPLATE/config.yml
@@ -1,12 +1,16 @@
 blank_issues_enabled: true
 contact_links:
-    - name: 📦 Metro Issue
-      url: https://github.com/facebook/metro/issues/new
+    - name: 🚀 Expo Issue
+      url: https://github.com/expo/expo/issues/new
       about: |
-        If you've encountered a module resolution problem, e.g. "Error: Unable to resolve module ...", or something else that might be related to Metro, please open an issue in the Metro repo instead.
+        If you're using Expo in your project, please report the issue first in the Expo issue tracker.
     - name: 📃 Documentation Issue
       url: https://github.com/facebook/react-native-website/issues
       about: Please report documentation issues in the React Native website repository.
+    - name: 📦 Metro Issue
+      url: https://github.com/facebook/metro/issues/new
+      about: |
+        If you've encountered a module resolution problem, e.g. "Error: Unable to resolve module ...", or something else that might be related to Metro, please open an issue in the Metro repo instead.
     - name: 🤔 Questions and Help
       url: https://reactnative.dev/help
       about: Looking for help with your app? Please refer to the React Native community's support resources.
diff --git a/.github/ISSUE_TEMPLATE/new_architecture_bug_report.yml b/.github/ISSUE_TEMPLATE/new_architecture_bug_report.yml
index f0ac968d80757c..452c7899eabcdc 100644
--- a/.github/ISSUE_TEMPLATE/new_architecture_bug_report.yml
+++ b/.github/ISSUE_TEMPLATE/new_architecture_bug_report.yml
@@ -1,29 +1,81 @@
 name: 💫 New Architecture - Bug Report
 description: Report a reproducible bug or a build issue when using the New Architecture (Fabric & TurboModules) in React Native.
 labels: ["Needs: Triage :mag:", "Type: New Architecture"]
+
 body:
+  - type: markdown
+    attributes:
+      value: "## New Architecture Related Bugs"
   - type: markdown
     attributes:
       value: |
-        Please provide all the information requested. Issues that do not follow this format are going to be closed.
-        This issue report is reserved to bug & build issues for users on the New Architecture. If you're not using
-        the New Architecture, please don't open issues on this category.
+        Thank you for taking the time to report an issue for [the New Architecture of React Native](https://reactnative.dev/docs/the-new-architecture/landing-page),
+        your contribution will help make the framework better for everyone.
+
+        If you're **NOT** using the New Architecture, please use this [other bug type](https://github.com/facebook/react-native/issues/new?template=bug_report.yml).
+        Do not attempt to open a bug in this category if you're not using the New Architecture as your bug will be closed.
+
+        Make sure that your issue:
+        * Have a **valid reproducer** (either a [Expo Snack](https://snack.expo.dev/) or a [empty project from template](https://github.com/react-native-community/reproducer-react-native).
+        * Is tested against the [**latest stable**](https://github.com/facebook/react-native/releases/) of React Native.
+
+        Due to the extreme number of bugs we receive, we will be looking **ONLY** into issues with a reproducer, and on [supported versions](https://github.com/reactwg/react-native-releases#which-versions-are-currently-supported) of React Native.
   - type: textarea
     id: description
     attributes:
       label: Description
-      description: |
-        Please provide a clear and concise description of what the bug or issue is. Include screenshots if needed.
-        Please make sure you check the New Architecture documentation first, as your issue might
-        already be answered there - https://reactnative.dev/docs/next/new-architecture-intro
+      description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Steps to reproduce
+      description: The list of steps that reproduce the issue.
+      placeholder: |
+        1. Install the application with `yarn android`
+        2. Click on the button on the Home
+        3. Notice the crash
     validations:
       required: true
   - type: input
     id: version
     attributes:
       label: React Native Version
-      description: What is the latest version of react-native that this issue reproduces on? Please test against the latest stable version, and list only the highest version you tested. Bug reports against older versions are more likely to stall.
-      placeholder: ex. 0.71.0
+      description: The version of react-native that this issue reproduces on. Bear in mind that only issues on [supported versions](https://github.com/reactwg/react-native-releases#which-versions-are-currently-supported) will be looked into.
+      placeholder: "0.73.0"
+    validations:
+      required: true
+  - type: dropdown
+    id: platforms
+    attributes:
+      label: Affected Platforms
+      description: Please select which platform you're developing to, and which OS you're using for building.
+      multiple: true
+      options:
+        - Runtime - Android
+        - Runtime - iOS
+        - Runtime - Web
+        - Runtime - Desktop
+        - Build - MacOS
+        - Build - Windows
+        - Build - Linux
+        - Other (please specify)
+    validations:
+      required: true
+  - type: dropdown
+    id: areas
+    attributes:
+      label: Areas
+      description: Which areas of the New Architecture are affected by this bug report?
+      multiple: true
+      options:
+        - Fabric - The New Renderer
+        - TurboModule - The New Native Module System
+        - JSI - Javascript Interface
+        - Bridgeless - The New Initialization Flow
+        - Codegen
+        - Other (please specify)
     validations:
       required: true
   - type: textarea
@@ -31,23 +83,53 @@ body:
     attributes:
       label: Output of `npx react-native info`
       description: Run `npx react-native info` in your terminal, copy and paste the results here.
+      placeholder: |
+        Paste the output of `npx react-native info` here. The output looks like:
+        ...
+        System:
+          OS: macOS 14.1.1
+          CPU: (10) arm64 Apple M1 Max
+          Memory: 417.81 MB / 64.00 GB
+          Shell:
+            version: "5.9"
+            path: /bin/zsh
+        Binaries:
+          Node: ...
+            version: 18.14.0
+        ...
+      render: text
     validations:
       required: true
   - type: textarea
-    id: reproduction
+    id: stacktrace
     attributes:
-      label: Steps to reproduce
-      description: Provide a detailed list of steps that reproduce the issue.
+      label: Stacktrace or Logs
+      description: Please provide a stacktrace or a log of your crash or failure
+      render: text
+      placeholder: |
+        Paste your stacktraces and logs here. They might look like:
+
+        java.lang.UnsatisfiedLinkError: couldn't find DSO to load: libfabricjni.so caused by: com.facebook.react.fabric.StateWrapperImpl result: 0
+            at com.facebook.soloader.SoLoader.g(Unknown Source:341)
+            at com.facebook.soloader.SoLoader.t(Unknown Source:124)
+            at com.facebook.soloader.SoLoader.s(Unknown Source:2)
+            at com.facebook.soloader.SoLoader.q(Unknown Source:42)
+            at com.facebook.soloader.SoLoader.p(Unknown Source:1)
+            ...
+    validations:
+      required: true
+  - type: input
+    id: reproducer
+    attributes:
+      label: Reproducer
+      description: A link to a Expo Snack or a public repository that reproduces this bug, using [this template](https://github.com/react-native-community/reproducer-react-native). Reproducers are **mandatory**.
+      placeholder: "https://github.com/<myuser>/<myreproducer>"
     validations:
       required: true
   - type: textarea
     id: extra
     attributes:
-      label: Snack, code example, screenshot, or link to a repository
+      label: Screenshots and Videos
       description: |
-        Please provide a Snack (https://snack.expo.dev/), a link to a repository on GitHub, or provide a minimal code example that reproduces the problem.
-        You may provide a screenshot of the application if you think it is relevant to your bug report.
-        Here are some tips for providing a minimal example: https://stackoverflow.com/help/mcve
-        Please note that a reproducer is **mandatory**. Issues without reproducer are more likely to stall and will be closed.
-    validations:
-      required: true
+        Please provide screenshot or a video of your bug if relevant.
+        Issues with videos and screenshots are more likely to **get prioritized**.
diff --git a/.github/ISSUE_TEMPLATE/upgrade-regression-form.yml b/.github/ISSUE_TEMPLATE/upgrade-regression-form.yml
deleted file mode 100644
index 967c92b921bea7..00000000000000
--- a/.github/ISSUE_TEMPLATE/upgrade-regression-form.yml
+++ /dev/null
@@ -1,46 +0,0 @@
-name: ⬆️ Upgrade - Build Regression
-description: If you are upgrading to a new React Native version (stable or pre-release) and encounter a build regression.
-labels: ["Needs: Triage :mag:", "Type: Upgrade Issue"]
-body:
-  - type: markdown
-    attributes:
-      value: |
-        Please use this form to file an issue if you have upgraded or are upgrading to [latest stable release](https://github.com/facebook/react-native/releases/latest) and have experienced a regression (something that used to work in previous version).
-  - type: input
-    id: new-version
-    attributes:
-      label: New Version
-      description: This is the version you are attempting to upgrade to.
-      placeholder: ex. 0.66.1
-    validations:
-      required: true
-  - type: input
-    id: old-version
-    attributes:
-      label: Old Version
-      description: This is the version you were on where the behavior was working.
-      placeholder: ex. 0.65.1
-    validations:
-      required: true
-  - type: input
-    id: target
-    attributes:
-      label: Build Target(s)
-      description: What target(s) are encountering this issue?
-      placeholder: iOS simulator in release flavor
-    validations:
-      required: true
-  - type: textarea
-    id: react-native-info
-    attributes:
-      label: Output of `react-native info`
-      description: Run `react-native info` in your terminal, copy and paste the results here.
-    validations:
-      required: true
-  - type: textarea
-    id: reproduction
-    attributes:
-      label: Issue and Reproduction Steps
-      description: Please describe the issue and list out commands run to reproduce.
-    validations:
-      required: true
diff --git a/.github/ISSUE_TEMPLATE/upgrade_regression_form.yml b/.github/ISSUE_TEMPLATE/upgrade_regression_form.yml
new file mode 100644
index 00000000000000..ed559395ecb0f8
--- /dev/null
+++ b/.github/ISSUE_TEMPLATE/upgrade_regression_form.yml
@@ -0,0 +1,133 @@
+name: ⬆️ Upgrade - Build Regression
+description: If you are upgrading to a new React Native version (stable or pre-release) and encounter a build regression.
+labels: ["Needs: Triage :mag:", "Type: Upgrade Issue"]
+
+body:
+  - type: markdown
+    attributes:
+      value: "## Upgrade Issues"
+  - type: markdown
+    attributes:
+      value: |
+        Please use this form to file an issue if you have upgraded or are upgrading to [latest stable release](https://github.com/facebook/react-native/releases/latest) and have experienced a regression (something that used to work in previous version).
+
+        If you're **NOT** upgrading the React Native version, please use this [other bug type](https://github.com/facebook/react-native/issues/new?template=bug_report.yml).
+
+        Before you continue:
+        * If you're using **Expo** and having problems updating it, [report it here](https://github.com/expo/expo/issues).
+        * If you're found a problem with our **documentation**, [report it here](https://github.com/facebook/react-native-website/issues/).
+        * If you're having an issue with **Metro** (the bundler), [report it here](https://github.com/facebook/metro/issues/).
+        * If you're using an external library, report the issue to the **library first**.
+        * Please [search for similar issues](https://github.com/facebook/react-native/issues) in our issue tracker.
+
+        Make sure that your issue:
+        * Have a **valid reproducer** with an [empty project from template](https://github.com/react-native-community/reproducer-react-native).
+        * Is upgrading to the [**latest stable**](https://github.com/facebook/react-native/releases/) of React Native.
+
+        Due to the extreme number of bugs we receive, we will be looking **ONLY** into issues with a reproducer, and on [supported versions](https://github.com/reactwg/react-native-releases#which-versions-are-currently-supported) of React Native.
+  - type: input
+    id: old-version
+    attributes:
+      label: Old Version
+      description: The version of react-native that you're upgrading from.
+      placeholder: "0.72.0"
+    validations:
+      required: true
+  - type: input
+    id: new-version
+    attributes:
+      label: New Version
+      description: The version of react-native that you're upgrading to. Bear in mind that only issues that are upgrading to the [latest stable](https://github.com/facebook/react-native/releases/) will be looked into.
+      placeholder: "0.73.0"
+    validations:
+      required: true
+  - type: textarea
+    id: description
+    attributes:
+      label: Description
+      description: A clear and concise description of what the bug is.
+    validations:
+      required: true
+  - type: textarea
+    id: reproduction
+    attributes:
+      label: Steps to reproduce
+      description: The list of steps and commands to reproduce the issue.
+      placeholder: |
+        1. Install the application with `yarn android`
+        2. Click on the button on the Home
+        3. Notice the crash
+    validations:
+      required: true
+  - type: dropdown
+    id: platforms
+    attributes:
+      label: Affected Platforms
+      description: Please select which platform you're developing to, and which OS you're using for building.
+      multiple: true
+      options:
+        - Runtime - Android
+        - Runtime - iOS
+        - Runtime - Web
+        - Runtime - Desktop
+        - Build - MacOS
+        - Build - Windows
+        - Build - Linux
+        - Other (please specify)
+    validations:
+      required: true
+  - type: textarea
+    id: react-native-info
+    attributes:
+      label: Output of `npx react-native info`
+      description: Run `npx react-native info` in your terminal, copy and paste the results here.
+      placeholder: |
+        Paste the output of `npx react-native info` here. The output looks like:
+        ...
+        System:
+          OS: macOS 14.1.1
+          CPU: (10) arm64 Apple M1 Max
+          Memory: 417.81 MB / 64.00 GB
+          Shell:
+            version: "5.9"
+            path: /bin/zsh
+        Binaries:
+          Node: ...
+            version: 18.14.0
+        ...
+      render: text
+    validations:
+      required: true
+  - type: textarea
+    id: stacktrace
+    attributes:
+      label: Stacktrace or Logs
+      description: Please provide a stacktrace or a log of your crash or failure
+      render: text
+      placeholder: |
+        Paste your stacktraces and logs here. They might look like:
+
+        java.lang.UnsatisfiedLinkError: couldn't find DSO to load: libfabricjni.so caused by: com.facebook.react.fabric.StateWrapperImpl result: 0
+            at com.facebook.soloader.SoLoader.g(Unknown Source:341)
+            at com.facebook.soloader.SoLoader.t(Unknown Source:124)
+            at com.facebook.soloader.SoLoader.s(Unknown Source:2)
+            at com.facebook.soloader.SoLoader.q(Unknown Source:42)
+            at com.facebook.soloader.SoLoader.p(Unknown Source:1)
+            ...
+    validations:
+      required: true
+  - type: input
+    id: reproducer
+    attributes:
+      label: Reproducer
+      description: A link to a Expo Snack or a public repository that reproduces this bug, using [this template](https://github.com/react-native-community/reproducer-react-native). Reproducers are **mandatory**.
+      placeholder: "https://github.com/<myuser>/<myreproducer>"
+    validations:
+      required: true
+  - type: textarea
+    id: extra
+    attributes:
+      label: Screenshots and Videos
+      description: |
+        Please provide screenshot or a video of your bug if relevant.
+        Issues with videos and screenshots are more likely to **get prioritized**.
diff --git a/.github/workflow-scripts/checkForReproducer.js b/.github/workflow-scripts/checkForReproducer.js
index 50baff0d81c893..b4814d5441d9aa 100644
--- a/.github/workflow-scripts/checkForReproducer.js
+++ b/.github/workflow-scripts/checkForReproducer.js
@@ -8,6 +8,7 @@
  */
 
 const NEEDS_REPRO_LABEL = 'Needs: Repro';
+const NEEDS_AUTHOR_FEEDBACK_LABEL = 'Needs: Author Feedback';
 const NEEDS_REPRO_HEADER = 'Missing Reproducible Example';
 const NEEDS_REPRO_MESSAGE =
   `| :warning: | Missing Reproducible Example |\n` +
@@ -83,7 +84,7 @@ module.exports = async (github, context) => {
   } else {
     await github.rest.issues.addLabels({
       ...issueData,
-      labels: [NEEDS_REPRO_LABEL],
+      labels: [NEEDS_REPRO_LABEL, NEEDS_AUTHOR_FEEDBACK_LABEL],
     });
 
     if (botComment) return;
diff --git a/.github/workflows/autorebase.yml b/.github/workflows/autorebase.yml
index ca677fc80de775..c7a0fa721dacbc 100644
--- a/.github/workflows/autorebase.yml
+++ b/.github/workflows/autorebase.yml
@@ -17,7 +17,7 @@ jobs:
     if: github.event.issue.pull_request != '' && contains(github.event.comment.body, '/rebase')
     steps:
       - name: Checkout the latest code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
         with:
           token: ${{ secrets.GITHUB_TOKEN }}
           fetch-depth: 0 # otherwise, you will fail to push refs to dest repo
diff --git a/.github/workflows/check-for-reproducer.yml b/.github/workflows/check-for-reproducer.yml
index 97d841e7e6b7c3..839416620f687c 100644
--- a/.github/workflows/check-for-reproducer.yml
+++ b/.github/workflows/check-for-reproducer.yml
@@ -10,7 +10,7 @@ jobs:
     if: |
       github.repository == 'facebook/react-native' && github.event.issue.pull_request == null && github.event.issue.state == 'open' && !contains(github.event.issue.labels.*.name, ':open_umbrella: Umbrella')
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: actions/github-script@v6
         with:
           github-token: ${{ secrets.GITHUB_TOKEN }}
diff --git a/.github/workflows/danger_pr.yml b/.github/workflows/danger_pr.yml
index 62b8b612fe1175..cfde17435243b8 100644
--- a/.github/workflows/danger_pr.yml
+++ b/.github/workflows/danger_pr.yml
@@ -17,7 +17,7 @@ jobs:
     runs-on: ubuntu-latest
     if: github.repository == 'facebook/react-native'
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Run Yarn Install on Root
         run: yarn install
         working-directory: .
diff --git a/.github/workflows/ios-tests.yml b/.github/workflows/ios-tests.yml
new file mode 100644
index 00000000000000..7677425ab0b235
--- /dev/null
+++ b/.github/workflows/ios-tests.yml
@@ -0,0 +1,48 @@
+name: ios-tests
+
+on:
+  push:
+    branches:
+      - main
+  pull_request:
+    branches:
+      - "*"
+
+jobs:
+  test_ios_rntester-Hermes:
+    runs-on: macos-latest-large
+    steps:
+      - name: Checkout Repo
+        uses: actions/checkout@v4
+      - name: Setup Node
+        uses: actions/setup-node@v4
+        with:
+          node-version: 20
+          cache: 'yarn'
+      - name: Yarn Install
+        run: yarn install
+      - name: Get latest commit from Hermes
+        run: |
+          mkdir -p tmp/hermes
+          HERMES_TAG_SHA=$(git ls-remote https://github.com/facebook/hermes main | cut -f 1 | tr -d '[:space:]')
+          echo $HERMES_TAG_SHA > tmp/hermes/hermesversion
+          echo "Latest Commit is:"
+          cat tmp/hermes/hermesversion
+      - uses: ruby/setup-ruby@v1
+        with:
+          bundler-cache: true
+          ruby-version: '3.2'
+      - name: Cache cocoapods
+        uses: actions/cache@v3
+        with:
+          path: packages/rn-tester/Pods
+          key: v1-${{ runner.os }}-RNTesterPods-${{ hashFiles('packages/rn-tester/Podfile.lock') }}-${{ hashFiles('packages/rn-tester/Podfile') }}-${{ hashFiles('tmp/hermes/hermesversion') }}
+      - name: Pod Install
+        run: |
+          cd packages/rn-tester
+          bundle install
+          bundle exec pod install
+      - name: Install XCBeautify
+        run: brew install xcbeautify
+      - name: Build iOS
+        run: ./scripts/objc-test.sh
diff --git a/.github/workflows/needs-attention.yml b/.github/workflows/needs-attention.yml
index a761c22938f18c..5eb036ea7cf1be 100644
--- a/.github/workflows/needs-attention.yml
+++ b/.github/workflows/needs-attention.yml
@@ -16,7 +16,7 @@ jobs:
     runs-on: ubuntu-latest
     if: github.repository == 'facebook/react-native'
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - name: Apply Needs Attention Label
         uses: hramos/needs-attention@v1
         with:
diff --git a/.github/workflows/nightlies-feedback.yml b/.github/workflows/nightlies-feedback.yml
new file mode 100644
index 00000000000000..5ac43fb9b99589
--- /dev/null
+++ b/.github/workflows/nightlies-feedback.yml
@@ -0,0 +1,52 @@
+name: Nightlies Partners Feedback
+env:
+  # Add accounts for users who are part of the nightlies program
+  allowed_users: >
+    [
+      "blakef",
+      "alanjhughes"
+    ]
+on:
+  workflow_dispatch:
+    inputs:
+      project:
+        description: 'What project is running against the nighties build?'
+        required: true
+        type: string
+      outcome:
+        description: 'Did the CI run: ["pass", "fail"]?'
+        required: true
+        type: string
+      stage:
+        description: 'Stage in the run that failed: ["build", "test"]?'
+        required: true
+        type: string
+      link:
+        description: 'URL to the failing test'
+        required: true
+        type: string
+      version:
+        description: 'What is the Nightlies version this was run against?'
+        required: true
+        type: string
+jobs:
+  share-nightlies-feedback:
+    name: ${{ inputs.project}} 💨 Nightlies CI
+    runs-on: ubuntu-latest
+    permissions:
+      actions: write
+    steps:
+      - if: ${{ !contains(fromJSON(env.allowed_users), github.actor) }}
+        run: |
+          echo "Request from actor's login wasn't on the allowed_users list."
+          curl -X POST \
+               -H "Accept: application/vnd.github.v3+json" \
+               -H "Authorization: token ${{ secrets.GITHUB_TOKEN }}" \
+               https://api.github.com/repos/${{ github.repository }}/actions/runs/${{ github.run_id }}/cancel
+      - run: |
+          echo "Project: ${{ inputs.project }}"
+          echo "Outcome: ${{ inputs.outcome }}"
+          echo "Stage: ${{ inputs.stage }}"
+          echo "Link: ${{ inputs.link }}"
+          echo "Version: ${{ inputs.version }}"
+          [[ "${{ inputs.outcome }}" == "pass" ]] && { exit 0; } || { exit 1; }
diff --git a/.github/workflows/on-issue-labeled.yml b/.github/workflows/on-issue-labeled.yml
index 14f9d4e9c5d608..b6172766fa67c0 100644
--- a/.github/workflows/on-issue-labeled.yml
+++ b/.github/workflows/on-issue-labeled.yml
@@ -16,7 +16,7 @@ jobs:
     if: "${{ github.repository == 'facebook/react-native' && contains(github.event.label.name, 'Needs: Triage :mag:') }}"
     steps:
       - name: Checkout code
-        uses: actions/checkout@v3
+        uses: actions/checkout@v4
 
       - name: Verify RN version
         uses: actions/github-script@v6
@@ -49,7 +49,7 @@ jobs:
     runs-on: ubuntu-latest
     if: github.repository == 'facebook/react-native'
     steps:
-      - uses: actions/checkout@v3
+      - uses: actions/checkout@v4
       - uses: actions/github-script@v6
         with:
           script: |
diff --git a/.github/workflows/run_e2e_tests.yml b/.github/workflows/run_e2e_tests.yml
new file mode 100644
index 00000000000000..cf8478572270e9
--- /dev/null
+++ b/.github/workflows/run_e2e_tests.yml
@@ -0,0 +1,26 @@
+name: Run E2E Tests
+# This workflow is used to trigger E2E tests on a PR when a comment is made
+# containing the text "#run-e2e-tests".
+on:
+  issue_comment:
+    types: [created]
+permissions:
+  contents: read
+jobs:
+  rebase:
+    name: Trigger E2E Tests
+    permissions:
+      contents: write # for cirrus-actions/rebase to push code to rebase
+      pull-requests: read # for cirrus-actions/rebase to get info about PR
+    runs-on: ubuntu-latest
+    if: github.event.issue.pull_request != '' && contains(github.event.comment.body, '#run-e2e-tests')
+    steps:
+      - name: Checkout the latest code
+        uses: actions/checkout@v4
+        with:
+          token: ${{ secrets.GITHUB_TOKEN }}
+          fetch-depth: 0 # otherwise, you will fail to push refs to dest repo
+      - name: Push empty commit
+        run: |
+          git commit -m "#run-e2e-tests" --allow-empty
+          git push origin $(git branch --show-current)
diff --git a/.gitignore b/.gitignore
index 48989b4527a75c..518dae109f2505 100644
--- a/.gitignore
+++ b/.gitignore
@@ -38,7 +38,6 @@ project.xcworkspace
 /packages/react-native/ReactAndroid/gradlew.bat
 /packages/react-native/ReactAndroid/external-artifacts/build/
 /packages/react-native/ReactAndroid/external-artifacts/artifacts/
-/packages/react-native/ReactAndroid/flipper-integration/build/
 /packages/react-native/ReactAndroid/hermes-engine/build/
 /packages/react-native/ReactAndroid/hermes-engine/.cxx/
 /packages/react-native/template/android/app/build/
@@ -79,7 +78,6 @@ package-lock.json
 .DS_Store
 
 # Test generated files
-/packages/react-native/ReactAndroid/src/androidTest/assets/AndroidTestBundle.js
 *.js.meta
 
 /coverage
@@ -103,18 +101,21 @@ package-lock.json
 /packages/react-native/React/CoreModules/**/*.xcodeproj
 /packages/react-native/React/FBReactNativeSpec/**/*.xcodeproj
 /packages/react-native-codegen/**/*.xcodeproj
+/packages/rn-tester/**/*.xcodeproj
 
 # Ruby Gems (Bundler)
 /packages/react-native/vendor
 /packages/react-native/template/vendor
 .ruby-version
 /**/.ruby-version
+vendor/
 
 # iOS / CocoaPods
 /packages/react-native/template/ios/build/
 /packages/react-native/template/ios/Pods/
 /packages/react-native/template/ios/Podfile.lock
 /packages/rn-tester/Gemfile.lock
+/packages/**/RCTLegacyInteropComponents.mm
 
 # RNTester sourcemaps [macOS]
 /packages/rn-tester/sourcemap.*.map
diff --git a/.prettierignore b/.prettierignore
index ece75238220641..93b6aaeaf77e30 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -4,3 +4,6 @@
 # Ignore hermes as it is downloaded from the react_native_pods
 **/sdks/hermes
 **/sdks/downloads
+
+packages/*/dist
+vendor
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 4800626c9dd75f..affabe4ae515ac 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,8 +1,124 @@
 # Changelog
 
+## v0.73.4
+
+### Fixed
+
+- Fix: cannot find module `react-native-*/Libraries/Core/InitializeCore` ([562447be47](https://github.com/facebook/react-native/commit/562447be4705c3e3338633ca108e7e67b9b01640) by [@tido64](https://github.com/tido64))
+
+#### Android
+
+- Ignore the one-time NullPointerException and print error log ([ca9b6b5038](https://github.com/facebook/react-native/commit/ca9b6b5038c419405a440fc8add7090be633654c))
+
+#### iOS
+
+- Fix warning when loading RCTUIManager and A11yManager ([f56bf1fa0a](https://github.com/facebook/react-native/commit/f56bf1fa0a0d0ca547cf7c3ff2e631efac1007ea) by [@cipolleschi](https://github.com/cipolleschi))
+
+## v0.73.3
+
+### Added
+
+#### iOS specific
+
+- Handle TSAsExpression when looking for the codegen declaration ([02957718d7](https://github.com/facebook/react-native/commit/02957718d7ca1af815493d145697c1e848b16c17) by [@dmytrorykun](https://github.com/dmytrorykun))
+
+### Changed
+
+- Bump CLI to 12.3.2 ([bcb229e8f8](https://github.com/facebook/react-native/commit/bcb229e8f8b70b59d3cb603d7bb912784ad25a02) by [@szymonrybczak](https://github.com/szymonrybczak))
+
+#### Android specific
+
+- Call super.onRequestPermissionsResult in ReactActivity's onRequestPermissionsResult() ([96ed1190c6](https://github.com/facebook/react-native/commit/96ed1190c624869af96e464b009e0c0234076893) by [@LimAlbert](https://github.com/LimAlbert))
+
+#### iOS specific
+
+- Remove ATS config patch from react_native_post_install ([41c601e478](https://github.com/facebook/react-native/commit/41c601e4786b544fdd1fca138b0e0c61dbb8eba2) by [@gabrieldonadel](https://github.com/gabrieldonadel))
+
+### Fixed
+
+- Declare missing dependency `chalk` ([9155e2d182](https://github.com/facebook/react-native/commit/9155e2d1828e04d6144de80bb543d50936500377) by [@tido64](https://github.com/tido64))
+- TouchableBounce, TouchableHighlight and TouchableNativeFeedback dropping touches with React 18. ([e4708d661b](https://github.com/facebook/react-native/commit/e4708d661bf3d01ec857635f04a4aabf9d954a5e) by [@sammy-SC](https://github.com/sammy-SC))
+- TouchableWithoutFeedback and TouchableOpacity dropping touches with React 18. ([54166342f0](https://github.com/facebook/react-native/commit/54166342f01fc74236ba6146a4c0f604189017e4) by [@sammy-SC](https://github.com/sammy-SC))
+
+#### iOS specific
+
+- Restrict Cocoapods versions < 1.15. ([3869ae4d80](https://github.com/facebook/react-native/commit/3869ae4d80d1da8c4e3fe7449f2926c5e1575beb) by [@blakef](https://github.com/blakef))
+- Make `RCTDeviceInfo` listen to invalidate events and unregister observers while invalidating the bridge ([d46d80d2ef](https://github.com/facebook/react-native/commit/d46d80d2ef6cdc05c5a1b2429ed1df93410ae36f) by [@cipolleschi](https://github.com/cipolleschi))
+- Fix support for SOURCEMAP_FILE path containing spaces ([63e893d23d](https://github.com/facebook/react-native/commit/63e893d23d84c9bf65bad64fc359b9686eb19b4d) by [@paulschreiber](https://github.com/paulschreiber))
+- Fix release build error due to a casing issue in hermes tarball path after download prebuilt tarball ([2e2f8a6689](https://github.com/facebook/react-native/commit/2e2f8a668907552070a2a53a47137b1449b66bbd) by [@wfern](https://github.com/wfern))
+- Fix race condition between A11yManager and UIManager ([f39f34ed82](https://github.com/facebook/react-native/commit/f39f34ed82997d0595522a285c3cb8693594e718) by [@cipolleschi](https://github.com/cipolleschi))
+- Fix symbol not found _jump_fcontext with use_frameworks ([a2771ce58a](https://github.com/facebook/react-native/commit/a2771ce58ac221d1ac0de265c1ce571212fbcf83) by [@cipolleschi](https://github.com/cipolleschi))
+
+## v0.72.10
+
+### Added
+
+- Unhandled promise rejection - attach non-standard Error object stack info if possible ([655b12dbfa](https://github.com/facebook/react-native/commit/655b12dbfaa2c48f9fd38bbe8311e6f935045b30) by [@ospfranco](https://github.com/ospfranco))
+
+### Fixed
+
+- Revert the regression of iOS min version and updates Podfile.lock for Releases ([1f70f58aa4](https://github.com/facebook/react-native/commit/1f70f58aa4225d017ebad4f66641cbd0d1db114f) by [@cipolleschi](https://github.com/cipolleschi))
+- Fix flags ([565281105e](https://github.com/facebook/react-native/commit/565281105e4a0c4d51d2134114bdadb33f03d61a) by [@cipolleschi](https://github.com/cipolleschi))
+
+## v0.72.9
+
+### Fixed
+
+- Fix boost link ([d62d714ada](https://github.com/facebook/react-native/commit/d62d714adab891028004063136a7e906478618c4) by [@cipolleschi](https://github.com/cipolleschi))
+- Fix New Arch build failing with -std=c++20 ([b7c1a40db4](https://github.com/facebook/react-native/commit/b7c1a40db4d5a6d992b926307842fe671ae80436) by [@tido64](https://github.com/tido64))
+- Fix ruby tests ([7c7baad7bd](https://github.com/facebook/react-native/commit/7c7baad7bd62cf59b46a426eeb31aefc1e85bca7) by [@cipolleschi](https://github.com/cipolleschi))
+- Bump Podfile.lock and try to fix Hermes update ([34da08755d](https://github.com/facebook/react-native/commit/34da08755d88a726e0a68d7a2ef544fe4af0dc6e) by [@cipolleschi](https://github.com/cipolleschi))
+
+## v0.73.2
+
+### Added
+
+- Unhandled promise rejection - attach non-standard Error object stack info if possible ([655b12dbfa](https://github.com/facebook/react-native/commit/655b12dbfaa2c48f9fd38bbe8311e6f935045b30) by [@ospfranco](https://github.com/ospfranco))
+
+### Changed
+
+- Bump Metro to ^v0.80.3 ([16dff523b0](https://github.com/facebook/react-native/commit/16dff523b0a16d7fa9b651062c386885c2f48a6b) by [@huntie](https://github.com/huntie))
+- Automatically reconnect to an existing debugger session on relaunching the app ([0806ad7854](https://github.com/facebook/react-native/commit/0806ad785458009887ff4c67b995ec992a010702) by [@motiz88](https://github.com/motiz88))
+
+#### iOS specific
+
+- Update ios pod post_install logic for detecting if hermes is enabled ([d6163d7f43](https://github.com/facebook/react-native/commit/d6163d7f43a753f24148450033491dfc9c5d0c36) by [@gabrieldonadel](https://github.com/gabrieldonadel))
+
+### Fixed
+
+- Fix comment about adding packages in android template ([ac9b87cd57](https://github.com/facebook/react-native/commit/ac9b87cd57029a0f0876aaec8d259d9befba9838) by [@janicduplessis](https://github.com/janicduplessis))
+- Fix boost download url ([7e721f09ad](https://github.com/facebook/react-native/commit/7e721f09ad3dafed9f490f433b2ac613786c27b2) by [@cipolleschi](https://github.com/cipolleschi))
+
+#### iOS specific
+
+- Fix horizontal scrollview scrollTo coordinate space in RTL on oldarch ([e809e0aca7](https://github.com/facebook/react-native/commit/e809e0aca713ad12f91778b09f5297f1da866b26) by [@NickGerleman](https://github.com/NickGerleman))
+- [enhance IP address retrieval for iOS devices in Metro bundler setup](https://github.com/facebook/react-native/pull/41839/commits/6a351db158dadf944933173aa0150435c742001f) ([9f28616650](https://github.com/facebook/react-native/commit/9f28616650a61ca298c2fc710b588445b8ceb94c) by [@Morritz](https://github.com/Morritz))
+
 This file contains all changelogs for latest releases, from 0.70.0 onward. Please check out the other `CHANGELOG-*.md` files for previous versions.
 
-## v0.73.0-rc.0 / v0.73.0-rc.1
+## v0.73.1
+
+### Added
+
+- Add `enableNetworkInspector` experiment to enable Network panel and CDP handlers in inspector proxy ([8ef807bfb2](https://github.com/facebook/react-native/commit/8ef807bfb2e596bd70f0c8b17f1b6f698d98ae2a) by [@byCedric](https://github.com/byCedric))
+
+### Changed
+
+- Chore: bump CLI to 12.3.0 ([dff11ab993](https://github.com/facebook/react-native/commit/dff11ab993e57a097988537791afe8ef086e4ce4) by [@szymonrybczak](https://github.com/szymonrybczak))
+
+### Fixed
+
+- Fix last spacer constrain logic in VirtualizedList ([3ed4bf9046](https://github.com/facebook/react-native/commit/3ed4bf9046ae125d244283c3556892345bfd77e1) by [@janicduplessis](https://github.com/janicduplessis))
+
+#### Android specific
+
+- Fix type for unrecognisable field mBinding ([31d8a93bf3](https://github.com/facebook/react-native/commit/31d8a93bf3199432bcd2b577738fbf49e84c207d) by [@piaskowyk](https://github.com/piaskowyk))
+
+#### iOS specific
+
+- Fix NSAppTransportSecurity being overwritten during pod install ([a0b76d90b7](https://github.com/facebook/react-native/commit/a0b76d90b73ec0d3d9e0174004bfb96a5b6f3a3e) by [@robertying](https://github.com/robertying))
+
+## v0.73.0
 
 ### Breaking
 
@@ -28,6 +144,7 @@ This file contains all changelogs for latest releases, from 0.70.0 onward. Pleas
 - W3CPointerEvents: change click event from direct to bubbling ([61eb9b4453](https://github.com/facebook/react-native/commit/61eb9b4453c96d3dc662319c9c9f322bf04d1d44))
 - Fix `ReactTextView` `setPadding` applying logic error ([d8ced6f895](https://github.com/facebook/react-native/commit/d8ced6f8953cd896471983714e722caf50783960) by [@jcdhlzq](https://github.com/jcdhlzq))
 - Add `view` getter on `RCTRootView` / `RCTFabricSurfaceHostingProxyRootView ([33e0521788](https://github.com/facebook/react-native/commit/33e0521788484eaba20beeeaabba2496854583a7) by [@zoontek](https://github.com/zoontek))
+- Remove support for Android API < 23 in ReactEditText ([1904e8036a](https://github.com/facebook/react-native/commit/1904e8036a777e463c5517010a254f0d081ae58c) by [@mdvacca](https://github.com/mdvacca))
 
 #### iOS specific
 
@@ -76,6 +193,7 @@ This file contains all changelogs for latest releases, from 0.70.0 onward. Pleas
 - Websocket Module setCustomClientBuilder ([0cdb9e6a52](https://github.com/facebook/react-native/commit/0cdb9e6a52f69ebee635d5bfaa34a52f6059dd47) by [@MO-Lewis](https://github.com/MO-Lewis))
 - Remove JNI Binding usage of layoutContext ([733c9289a1](https://github.com/facebook/react-native/commit/733c9289a15afe2c39a6bde56a472fe879a855f8) by [@NickGerleman](https://github.com/NickGerleman))
 - Added testing shadow helpers for robolectric ([4890d50edd](https://github.com/facebook/react-native/commit/4890d50eddbd9035e567134ac9b7d8570bae60f1) by [@philIip](https://github.com/philIip))
+- Android Events - setting default to true to use C++ event pipeline ([b816fa7a65](https://github.com/facebook/react-native/commit/b816fa7a65abe7535c4664d64827646d0ebacf03) by Jesse Watts-Russell)
 
 #### iOS specific
 
@@ -107,7 +225,7 @@ This file contains all changelogs for latest releases, from 0.70.0 onward. Pleas
 - Address errors in viewability thresholds on Virtualized list by Math.floor the top and bottom dimensions of a cell item when determining viewability. ([824c1c6d07](https://github.com/facebook/react-native/commit/824c1c6d073ba53aab350bc617169ba04e568b19) by [@lunaleaps](https://github.com/lunaleaps))
 - Change `_onLayout` to update bottom height when frame height is changed ([5059ddc5ce](https://github.com/facebook/react-native/commit/5059ddc5ce623234820f231e5f4d75ea9ddf5a5b) by [@lyqandy](https://github.com/lyqandy))
 - Renaming bridgeless to runtime ([1547b81ec1](https://github.com/facebook/react-native/commit/1547b81ec18f4d66991831d06ce456472456bed5))
-- Upgraded Metro to 0.79.1 ([982f6f99d4](https://github.com/facebook/react-native/commit/982f6f99d43b21b3a81d3388591934d6f83afa63))
+- Update Metro to ^0.80.0, don't pin to exact version ([aed4aed9d5](https://github.com/facebook/react-native/commit/aed4aed9d5b02043291642c9177ceea9df9c7a4a) by [@robhogan](https://github.com/robhogan))
 - Bump Jest version in the new project template from `^29.2.1` to `^29.6.3` ([3c323382fe](https://github.com/facebook/react-native/commit/3c323382fe9ef05832fc44c6e87642de55965a4b) by [@robhogan](https://github.com/robhogan))
 - ReactImagePropertyList.java => ReactImagePropertyList.kt ([cb60e5c67b](https://github.com/facebook/react-native/commit/cb60e5c67b409da1b22e856446183bc7c82d828b) by [@bufgix](https://github.com/bufgix))
 - `BaseViewManagerTest.java` => `BaseViewManagerTest.kt` ([3660b7cf73](https://github.com/facebook/react-native/commit/3660b7cf73a322750fb9cc9aa124da0f5e739c80) by [@retyui](https://github.com/retyui))
@@ -122,6 +240,7 @@ This file contains all changelogs for latest releases, from 0.70.0 onward. Pleas
 - Jest globals are now defined using `Object.defineProperties` instead of object property assignment ([cf631ad59f](https://github.com/facebook/react-native/commit/cf631ad59f39bbace1a7c2311a4f66f9494ed0da) by [@yungsters](https://github.com/yungsters))
 - Support mixed props for events in codegen ([b68f53d44f](https://github.com/facebook/react-native/commit/b68f53d44f78c5627905246d8737fe46229f85aa) by [@genkikondo](https://github.com/genkikondo))
 - React-native-codegen: Buck-only: renamed src_prefix kwarg ([9193c4f50c](https://github.com/facebook/react-native/commit/9193c4f50c471193979bab589996d97bab489db4) by [@fkgozali](https://github.com/fkgozali))
+- Update CLI to v12.1.1 ([3da0959291](https://github.com/facebook/react-native/commit/3da0959291d34eca45da386a660bff184b7adb9e) by [@szymonrybczak](https://github.com/szymonrybczak))
 
 #### Android specific
 
@@ -151,6 +270,7 @@ This file contains all changelogs for latest releases, from 0.70.0 onward. Pleas
 - Kotlin to 1.8.0 and JDK Toolchain to 11 ([74987b6fca](https://github.com/facebook/react-native/commit/74987b6fca4aa31e15f83d871138f4edf258c082) by [@cortinico](https://github.com/cortinico))
 - Deprecate APIs that are deprecate only on JavaDoc ([1be65baf29](https://github.com/facebook/react-native/commit/1be65baf29967ec062f049d57d579694af816c1c) by [@cortinico](https://github.com/cortinico))
 - Gradle to 8.1 ([74f256b6f0](https://github.com/facebook/react-native/commit/74f256b6f019877c2854541845e11e024c16dd44) by [@cortinico](https://github.com/cortinico))
+- "Open Debugger" is no longer available for remote JS debugging from the Dev Menu (non-Hermes). Please use `NativeDevSettings.setIsDebuggingRemotely()`. ([361a944348](https://github.com/facebook/react-native/commit/361a944348e4da5d17f910965d0b89c9e65b18c7) by [@huntie](https://github.com/huntie))
 
 #### iOS specific
 
@@ -283,6 +403,11 @@ This file contains all changelogs for latest releases, from 0.70.0 onward. Pleas
 - Terminate instead of throwing if TurboModule callback double-called ([dfd445cbc6](https://github.com/facebook/react-native/commit/dfd445cbc69c8bc6c5d1d3d7948472a0a3ae4927) by [@NickGerleman](https://github.com/NickGerleman))
 - Reduce dynamic SchedulerFeatureFlags ([2a58b06863](https://github.com/facebook/react-native/commit/2a58b06863b320403cbbbeb9909e25db9c2aaa4e) by [@kassens](https://github.com/kassens))
 - Enable -Wextra in C++ builds ([99674b360a](https://github.com/facebook/react-native/commit/99674b360a8b1a24545af9c56c9f55b2ec121ff6) by [@NickGerleman](https://github.com/NickGerleman))
+- Update `deprecated-react-native-prop-types` to remove fragile transitive `*` dependencies. ([f00594b262](https://github.com/facebook/react-native/commit/f00594b26203ad2793b40c31d4f882d29daec46e) by [@robhogan](https://github.com/robhogan))
+- Fix `createAnimatedStyle` when providing an undefined transform style ([7e26e0270b](https://github.com/facebook/react-native/commit/7e26e0270b5d9f8490320af563a4943d24d269ea) by [@gabrieldonadel](https://github.com/gabrieldonadel))
+- Bail on hiPri render on missing layout data before checking priority ([817fedb0e7](https://github.com/facebook/react-native/commit/817fedb0e7a5276d86431c65cc886062ed8fe220) by [@NickGerleman](https://github.com/NickGerleman))
+- `react-native/codegen` shouldn't be built unless it's in the repo — fixes `pod install` failures in pnpm setups ([3dd6a83c0e](https://github.com/facebook/react-native/commit/3dd6a83c0e39c54b4ff050589e4e13f1ccc66a5d) by [@tido64](https://github.com/tido64))
+- Correctly declare runtime dependencies ([c32064c510](https://github.com/facebook/react-native/commit/c32064c5102cfd9b48abd25697cef9ceb05d18a3) by [@tido64](https://github.com/tido64))
 
 #### Android specific
 
@@ -324,6 +449,9 @@ This file contains all changelogs for latest releases, from 0.70.0 onward. Pleas
 - Modify ViewManager.receiveCommand to call into delegate ([585057d746](https://github.com/facebook/react-native/commit/585057d7468b5ae8844fa8210df7ad1f8e0ae1e8) by [@genkikondo](https://github.com/genkikondo))
 - Fix crash when Android requests permission with activity that does not implement `PermissionAwareActivity` ([cff4bc8eea](https://github.com/facebook/react-native/commit/cff4bc8eead129738a7040f579a18e3819d28bfd) by [@yungsters](https://github.com/yungsters))
 - Fix issue downloading request body via remote URL ([4b39f44a61](https://github.com/facebook/react-native/commit/4b39f44a612e8f358b7f51cdb97b4d602207a754) by [@daisy1754](https://github.com/daisy1754))
+- Fix textTransform not working in New Architecture ([a2f3fa65bc](https://github.com/facebook/react-native/commit/a2f3fa65bcabf8bb711813292002270481840579) by [@tarunrajput](https://github.com/tarunrajput))
+- Fix projects being broken on dependencies starting with `a..` ([5ec2c01697](https://github.com/facebook/react-native/commit/5ec2c016972400cf6e26d987acec6feee46ba6e6) by [@cortinico](https://github.com/cortinico))
+- Fix android root view group removal during instance re-creation ([bb075d785d](https://github.com/facebook/react-native/commit/bb075d785deb3732689bf6aacdc5247187e81391) by [@wschurman](https://github.com/wschurman))
 
 #### iOS specific
 
@@ -352,7 +480,50 @@ This file contains all changelogs for latest releases, from 0.70.0 onward. Pleas
 - Debug builds from cli disable idle to stop application going into background ([41d5f4bce2](https://github.com/facebook/react-native/commit/41d5f4bce2850d3a81c0c02961c0768026dd353e) by [@blakef](https://github.com/blakef))
 - Fix RCTImageBlurUtils.m Greyscale Crash ([d6c4f2786c](https://github.com/facebook/react-native/commit/d6c4f2786c1dd8285dbabb7fe872a7d1bddcbe14) by [@OskarEichler](https://github.com/OskarEichler))
 - Logbox footer buttons respect safe area ([6d6b1fdc75](https://github.com/facebook/react-native/commit/6d6b1fdc75d870fa73abc6ee9bf0099f3f15e658) by [@philipheinser](https://github.com/philipheinser))
+- Add support for Components with custom names in the interop layer. ([daedbe6e3e](https://github.com/facebook/react-native/commit/daedbe6e3e4cb4b5fde533bf8205edd89a18c480) by [@cipolleschi](https://github.com/cipolleschi))
+- FP Tolerance in iOS Paper SafeAreaView debouncing ([c9c5651108](https://github.com/facebook/react-native/commit/c9c56511087d6e33bd4d2e86cbc1a76fc99ec8df) by [@NickGerleman](https://github.com/NickGerleman))
+- RNTester-ios / RCTAppDelegate > correctly check for USE_HERMES Flag ([e364553492](https://github.com/facebook/react-native/commit/e3645534920e509f1344e6f83916fcd61723403b) by [@christophpurrer](https://github.com/christophpurrer))
+- Exclude JSI headers when using hermes-engine prebuilt. ([5029cef0a9](https://github.com/facebook/react-native/commit/5029cef0a99469e37bc2f4d72ca2e1f3d6791511) by [@dmytrorykun](https://github.com/dmytrorykun))
+- Purge children from view registry on `RCTUIManager` invalidation. ([bc63e44b23](https://github.com/facebook/react-native/commit/bc63e44b23baddf579d8e42b70af0473314f8e48) by [@kkafar](https://github.com/kkafar))
+- Fix React-ImageManager dependencies ([830c2e7c57](https://github.com/facebook/react-native/commit/830c2e7c571650f49b645e7f9f9445a021e8a0a2) by [@cipolleschi](https://github.com/cipolleschi))
+
+## v0.72.8
+
+### Fixed
+
+- Fix `build_codegen!` not finding `@react-native/codegen` in pnpm setups ([e70166a3a8](https://github.com/facebook/react-native/commit/e70166a3a8b9ddf1a7e322db602c548aaa60102d) by [@tido64](https://github.com/tido64))
+- Correctly declare runtime dependencies ([df2bbba50b](https://github.com/facebook/react-native/commit/df2bbba50bf1484edf88079b965b8841fc7849a8) by [@tido64](https://github.com/tido64))
+- Prevent LogBox from crashing on very long messages ([c3c6cf4](https://github.com/facebook/react-native/commit/c3c6cf4646999e9bf971d2c0e63c41e550069f25) by [@motiz88](https://github.com/motiz88))
+
+## v0.72.7
+
+### Changed
+
+- Bump CLI to v11.3.10 ([e844a62ce9](https://github.com/facebook/react-native/commit/e844a62ce9e6ae70bbeba895dcf902287570f462) by [@szymonrybczak](https://github.com/szymonrybczak))
+
+### Deprecated
+
+- Bump deprecated-react-native-prop-types to ^4.2.3 ([e031c05cdc](https://github.com/facebook/react-native/commit/e031c05cdc5650f17231caf7f60820e1df744788) by [@huntie](https://github.com/huntie))
+
+### Fixed
+
+- Show correct stack frame on unhandled promise rejections on development mode.
+ ([18c9797ecc](https://github.com/facebook/react-native/commit/18c9797ecc8dab220ec68aae011ddb73db17a99d) by [@fortmarek](https://github.com/fortmarek))
+
+#### Android specific
+
+- Fix android crash when apply PlatformColor to borders ([265af222aa](https://github.com/facebook/react-native/commit/265af222aa8acb3b514e22a7db191d66755f553b) by [@axinvd](https://github.com/axinvd))
+- Fix broken Loading/Refreshing indicator on Android ([5dedf277cb](https://github.com/facebook/react-native/commit/5dedf277cb903528659f0d8a71412274d9d32a65) by [@cortinico](https://github.com/cortinico))
 
+## v0.72.6
+
+### Fixed
+
+- Fix a potential bug in `EventEmitter` when used with certain Babel configurations that incorrectly polyfill the spread operator for iterables ([9b3bd63723](https://github.com/facebook/react-native/commit/9b3bd637231e5e9e7d8b729c71842f3b7a2da373) by [@yungsters](https://github.com/yungsters))
+
+#### iOS specific
+
+- Set the max version of Active support to 7.0.8 ([785f91b67a](https://github.com/facebook/react-native/commit/785f91b67a5d97e4e54d341279c878483a3d9a11) by [@cipolleschi](https://github.com/cipolleschi))
 
 ## v0.72.5
 
@@ -820,6 +991,53 @@ This file contains all changelogs for latest releases, from 0.70.0 onward. Pleas
 
 - Enable Address and Undefined Behavior Sanitizers on RNTester ([65e61f3c88](https://github.com/facebook/react-native/commit/65e61f3c88388d4a2ed88bcc9a2cb5ba63fd8afa) by [@Saadnajmi](https://github.com/Saadnajmi))
 
+## v0.71.16
+
+### Changed
+
+#### Android specific
+
+- Cherry-picking 'Call super.onRequestPermissionsResult in ReactActivity (#42478)' onto 0.71 ([8593306b34](https://github.com/facebook/react-native/commit/8593306b348da498f18984985bc70e3e32156655) by [@LimAlbert](https://github.com/LimAlbert))
+
+### Fixed
+
+- Symbolication stack fix (0.71.x) ([022a9f7835](https://github.com/facebook/react-native/commit/022a9f783561750be0f5c0e685d2ace8dd84d910) by [@joe-sam](https://github.com/joe-sam))
+
+#### iOS specific
+
+- Fix path to build-apple-framework ([9d6a740bf7](https://github.com/facebook/react-native/commit/9d6a740bf7620a3c66f241351b4885f09b4e7524) by [@hurali97](https://github.com/hurali97))
+- Disable bitcode for Hermes ([d6fe029858](https://github.com/facebook/react-native/commit/d6fe02985849ba4712968b5811eeaf460640f85d) by [@hurali97](https://github.com/hurali97))
+- Fix symbol not found _jump_fcontext with use_frameworks! ([bb592ef0dd](https://github.com/facebook/react-native/commit/bb592ef0dda30c7652b23b45843f636c6439278d) by [@hurali97](https://github.com/hurali97))
+- Fix flags ([c38cdb60ca](https://github.com/facebook/react-native/commit/c38cdb60cad8fb6b0015e5d57afa4dd346fd71d2) by [@cipolleschi](https://github.com/cipolleschi))
+
+## v0.71.15
+
+### Fixed
+
+#### Android specific
+- Fix Android crash when apply PlatformColor to borders ([265af222aa](https://github.com/facebook/react-native/commit/265af222aa8acb3b514e22a7db191d66755f553b) by [@axinvd](https://github.com/axinvd))
+- Fixed crash occurring in certain native views when keyboard events are fired. ([9497203957](https://github.com/facebook/react-native/commit/94972039571e1f3b387e0f63227a6ad13740eaf3) by [@kot331107](https://github.com/kot331107))
+
+#### iOS specific
+
+- Migrate away from JFrog to download boost ([ab19fd6aef](https://github.com/facebook/react-native/commit/ab19fd6aef43a739f78cf62155fec59d95f577d3) by [@cipolleschi](https://github.com/cipolleschi))
+- Fix overriding `EXCLUDED_ARCHS` when installing Hermes on RN v0.71 ([16a605b6a3](https://github.com/facebook/react-native/commit/16a605b6a3c320f93b6cda9198d738672086e851) by [@ken0nek](https://github.com/ken0nek))
+
+### Changed
+
+- Update node installation on debian (0.71) ([bdc0ef3466](https://github.com/facebook/react-native/commit/bdc0ef34664b7f1a2b8598ad6092a2ec6cf089ce) by [@cipolleschi](https://github.com/cipolleschi))
+- Bump cli to 10.2.6 ([0bc2dd03c1](https://github.com/facebook/react-native/commit/0bc2dd03c1ccb4ab6ecf55add249f222c5757f06) by [@hurali97](https://github.com/hurali97))
+- Fix version of react-native-codegen ([c74602fe47](https://github.com/facebook/react-native/commit/c74602fe47ca12a151eb173203fb6fce7f3cc964) by [@lunaleaps](https://github.com/lunaleaps))
+
+## v0.71.14
+
+### Fixed
+
+#### iOS specific
+
+- Set the max version of Active support to 7.0.8 ([ce39931bc2](https://github.com/facebook/react-native/commit/ce39931bc2b02f13cbc5751ba4d4a6dbc07bc91a) by [@cipolleschi](https://github.com/cipolleschi))
+- Xcode 15 patch ([287482e57f](https://github.com/facebook/react-native/commit/287482e57ffd221227e6fffb6852113d330260a1) by [@fortmarek](https://github.com/fortmarek))
+
 ## v0.71.13
 
 ### Added
@@ -1500,6 +1718,33 @@ Read the [announcement blogpost here](https://reactnative.dev/blog/2023/01/12/ve
 
 - Bump terser minor version to mitigate CVE-2022-25858 ([743f9ff63b](https://github.com/facebook/react-native/commit/743f9ff63bf1e3825a1788978a9f6bad8ebddc0d) by [@GijsWeterings](https://github.com/GijsWeterings))
 
+## v0.70.15
+
+### Changed
+
+- BUMP CLI to v9.3.5 ([cb170efdd3](https://github.com/facebook/react-native/commit/cb170efdd346776aa6941512e1c23eb11c3f0a3a) by [@hurali97](https://github.com/hurali97))
+- Bump react-devtools-core to 4.27.7 ([abb4a2bddd](https://github.com/facebook/react-native/commit/abb4a2bdddbc904b4b3ff185e41c2dddb5ba684b) by [@lunaleaps](https://github.com/lunaleaps))
+- Bump hermes-engine ([5b95254359](https://github.com/facebook/react-native/commit/5b95254359da9813ce8eba5571b9abf6a5fcb21c) by [@cipolleschi](https://github.com/cipolleschi))
+
+### Fixed
+
+#### iOS specific
+
+- Migrate boost download url away from JFrog ([e8e059a977](https://github.com/facebook/react-native/commit/e8e059a977ef2feec1b4b9dfd2866daede2b8ff8) by [@cipolleschi](https://github.com/cipolleschi))
+
+## v0.70.14
+
+### Changed
+- Update JSCodeshift to 0.14 ([5a695dd](https://github.com/facebook/react-native/commit/5a695dd17c5681883018ba8d3c3608032aba14d9) by [@stianjensen](https://github.com/stianjensen))
+
+### Fixed
+
+#### iOS specific
+
+- Fix Gemfile to set the max version of Active support to 7.0.8 ([a1a220b](https://github.com/facebook/react-native/commit/a1a220b6ace4e35b2cda45b869dc0ff4fb8fbdc1) by [@cipolleschi](https://github.com/cipolleschi))
+- Update Xcode 15 patches to be more robust ([735d06c01f](https://github.com/facebook/react-native/commit/735d06c01fe743fad58213e80bca64a0c70ea8ca) by [@cipolleschi](https://github.com/cipolleschi))
+- Make Hermes build properly with Xcode 15 ([5f4a091](https://github.com/facebook/react-native/commit/5f4a091a2ff86bcbcfa6f8fe438d260cca029cd3) by [@cipolleschi](https://github.com/cipolleschi))
+
 ## v0.70.13
 
 ### Fixed
diff --git a/Gemfile b/Gemfile
index 1f657254243488..8e468b2c4e6681 100644
--- a/Gemfile
+++ b/Gemfile
@@ -3,5 +3,5 @@ source 'https://rubygems.org'
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
 ruby ">= 2.6.10"
 
-gem 'cocoapods', '~> 1.12'
-gem 'activesupport', '>= 6.1.7.3', '< 7.1.0'
+gem 'cocoapods', '~> 1.13'
+gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'
diff --git a/Gemfile.lock b/Gemfile.lock
index 2cd8a627110c14..3a0e40f20c06af 100644
--- a/Gemfile.lock
+++ b/Gemfile.lock
@@ -3,25 +3,24 @@ GEM
   specs:
     CFPropertyList (3.0.6)
       rexml
-    activesupport (6.1.7.5)
+    activesupport (7.0.8)
       concurrent-ruby (~> 1.0, >= 1.0.2)
       i18n (>= 1.6, < 2)
       minitest (>= 5.1)
       tzinfo (~> 2.0)
-      zeitwerk (~> 2.3)
-    addressable (2.8.1)
+    addressable (2.8.5)
       public_suffix (>= 2.0.2, < 6.0)
     algoliasearch (1.27.5)
       httpclient (~> 2.8, >= 2.8.3)
       json (>= 1.5.1)
     atomos (0.1.3)
     claide (1.1.0)
-    cocoapods (1.12.0)
+    cocoapods (1.14.2)
       addressable (~> 2.8)
       claide (>= 1.0.2, < 2.0)
-      cocoapods-core (= 1.12.0)
+      cocoapods-core (= 1.14.2)
       cocoapods-deintegrate (>= 1.0.3, < 2.0)
-      cocoapods-downloader (>= 1.6.0, < 2.0)
+      cocoapods-downloader (>= 2.0)
       cocoapods-plugins (>= 1.0.0, < 2.0)
       cocoapods-search (>= 1.0.0, < 2.0)
       cocoapods-trunk (>= 1.6.0, < 2.0)
@@ -33,8 +32,8 @@ GEM
       molinillo (~> 0.8.0)
       nap (~> 1.0)
       ruby-macho (>= 2.3.0, < 3.0)
-      xcodeproj (>= 1.21.0, < 2.0)
-    cocoapods-core (1.12.0)
+      xcodeproj (>= 1.23.0, < 2.0)
+    cocoapods-core (1.14.2)
       activesupport (>= 5.0, < 8)
       addressable (~> 2.8)
       algoliasearch (~> 1.0)
@@ -45,7 +44,7 @@ GEM
       public_suffix (~> 4.0)
       typhoeus (~> 1.0)
     cocoapods-deintegrate (1.0.5)
-    cocoapods-downloader (1.6.3)
+    cocoapods-downloader (2.0)
     cocoapods-plugins (1.0.0)
       nap
     cocoapods-search (1.0.1)
@@ -58,7 +57,7 @@ GEM
     escape (0.0.4)
     ethon (0.16.0)
       ffi (>= 1.15.0)
-    ffi (1.15.5)
+    ffi (1.16.3)
     fourflusher (2.3.1)
     fuzzy_match (2.0.4)
     gh_inspector (1.1.3)
@@ -66,7 +65,7 @@ GEM
     i18n (1.14.1)
       concurrent-ruby (~> 1.0)
     json (2.6.3)
-    minitest (5.19.0)
+    minitest (5.20.0)
     molinillo (0.8.0)
     nanaimo (0.3.0)
     nap (1.1.0)
@@ -80,24 +79,23 @@ GEM
       ethon (>= 0.9.0)
     tzinfo (2.0.6)
       concurrent-ruby (~> 1.0)
-    xcodeproj (1.22.0)
+    xcodeproj (1.23.0)
       CFPropertyList (>= 2.3.3, < 4.0)
       atomos (~> 0.1.3)
       claide (>= 1.0.2, < 2.0)
       colored2 (~> 3.1)
       nanaimo (~> 0.3.0)
       rexml (~> 3.2.4)
-    zeitwerk (2.6.11)
 
 PLATFORMS
   ruby
 
 DEPENDENCIES
-  activesupport (>= 6.1.7.3, < 7.1.0)
-  cocoapods (~> 1.12)
+  activesupport (>= 6.1.7.5, < 7.1.0)
+  cocoapods (~> 1.13)
 
 RUBY VERSION
    ruby 3.2.0p0
 
 BUNDLED WITH
-   2.3.22
+   2.4.12
diff --git a/README.md b/README.md
index a65271293b6b76..03ce8eb170de4e 100644
--- a/README.md
+++ b/README.md
@@ -47,7 +47,7 @@ You can read more about the macOS implementation in our website - [React Native
 
 ## 📋 Requirements
 
-React Native apps may target iOS 13.4 and Android 5.0 (API 21) or newer. You may use Windows, macOS, or Linux as your development operating system, though building and running iOS apps is limited to macOS. Tools like [Expo](https://expo.dev) can be used to work around this.
+React Native apps may target iOS 13.4 and Android 6.0 (API 23) or newer. You may use Windows, macOS, or Linux as your development operating system, though building and running iOS apps is limited to macOS. Tools like [Expo](https://expo.dev) can be used to work around this.
 
 ## 🎉 Building your first React Native app
 
diff --git a/build.gradle.kts b/build.gradle.kts
index e545389b806729..e24bf6467328f4 100644
--- a/build.gradle.kts
+++ b/build.gradle.kts
@@ -11,6 +11,7 @@ plugins {
   alias(libs.plugins.android.application) apply false
   alias(libs.plugins.download) apply false
   alias(libs.plugins.kotlin.android) apply false
+  alias(libs.plugins.binary.compatibility.validator) apply true
 }
 
 val reactAndroidProperties = java.util.Properties()
@@ -19,9 +20,23 @@ File("$rootDir/packages/react-native/ReactAndroid/gradle.properties").inputStrea
   reactAndroidProperties.load(it)
 }
 
+fun getListReactAndroidProperty(name: String) = reactAndroidProperties.getProperty(name).split(",")
+
+apiValidation {
+  ignoredPackages.addAll(
+      getListReactAndroidProperty("binaryCompatibilityValidator.ignoredPackages"))
+  ignoredClasses.addAll(getListReactAndroidProperty("binaryCompatibilityValidator.ignoredClasses"))
+  nonPublicMarkers.addAll(
+      getListReactAndroidProperty("binaryCompatibilityValidator.nonPublicMarkers"))
+  validationDisabled =
+      reactAndroidProperties
+          .getProperty("binaryCompatibilityValidator.validationDisabled")
+          ?.toBoolean() == true
+}
+
 version =
-    if (project.hasProperty("isNightly") &&
-        (project.property("isNightly") as? String).toBoolean()) {
+    if (project.hasProperty("isSnapshot") &&
+        (project.property("isSnapshot") as? String).toBoolean()) {
       "${reactAndroidProperties.getProperty("VERSION_NAME")}-SNAPSHOT"
     } else {
       reactAndroidProperties.getProperty("VERSION_NAME")
@@ -30,7 +45,7 @@ version =
 group = "com.facebook.react"
 
 val ndkPath by extra(System.getenv("ANDROID_NDK"))
-val ndkVersion by extra(System.getenv("ANDROID_NDK_VERSION") ?: "26.0.10792818")
+val ndkVersion by extra(System.getenv("ANDROID_NDK_VERSION") ?: libs.versions.ndkVersion.get())
 val sonatypeUsername = findProperty("SONATYPE_USERNAME")?.toString()
 val sonatypePassword = findProperty("SONATYPE_PASSWORD")?.toString()
 
@@ -74,21 +89,10 @@ tasks.register("build") {
   dependsOn(gradle.includedBuild("react-native-gradle-plugin").task(":build"))
 }
 
-tasks.register("publishAllInsideNpmPackage") {
-  description =
-      "Publish all the artifacts to be available inside the NPM package in the `android` folder."
-  // Due to size constraints of NPM, we publish only react-native and hermes-engine inside
-  // the NPM package.
-  dependsOn(":packages:react-native:ReactAndroid:installArchives")
-  dependsOn(":packages:react-native:ReactAndroid:hermes-engine:installArchives")
-}
-
 tasks.register("publishAllToMavenTempLocal") {
   description = "Publish all the artifacts to be available inside a Maven Local repository on /tmp."
   dependsOn(":packages:react-native:ReactAndroid:publishAllPublicationsToMavenTempLocalRepository")
   // We don't publish the external-artifacts to Maven Local as CircleCI is using it via workspace.
-  dependsOn(
-      ":packages:react-native:ReactAndroid:flipper-integration:publishAllPublicationsToMavenTempLocalRepository")
   dependsOn(
       ":packages:react-native:ReactAndroid:hermes-engine:publishAllPublicationsToMavenTempLocalRepository")
 }
@@ -97,7 +101,6 @@ tasks.register("publishAllToSonatype") {
   description = "Publish all the artifacts to Sonatype (Maven Central or Snapshot repository)"
   dependsOn(":packages:react-native:ReactAndroid:publishToSonatype")
   dependsOn(":packages:react-native:ReactAndroid:external-artifacts:publishToSonatype")
-  dependsOn(":packages:react-native:ReactAndroid:flipper-integration:publishToSonatype")
   dependsOn(":packages:react-native:ReactAndroid:hermes-engine:publishToSonatype")
 }
 
diff --git a/flow-typed/npm/chromium-edge-launcher_v1.x.x.js b/flow-typed/npm/@rnx-kit/chromium-edge-launcher_v1.x.x.js
similarity index 96%
rename from flow-typed/npm/chromium-edge-launcher_v1.x.x.js
rename to flow-typed/npm/@rnx-kit/chromium-edge-launcher_v1.x.x.js
index dc3e9962ab83d4..4ee3ba0d5df351 100644
--- a/flow-typed/npm/chromium-edge-launcher_v1.x.x.js
+++ b/flow-typed/npm/@rnx-kit/chromium-edge-launcher_v1.x.x.js
@@ -9,7 +9,7 @@
  * @oncall react_native
  */
 
-declare module 'chromium-edge-launcher' {
+declare module '@rnx-kit/chromium-edge-launcher' {
   import typeof fs from 'fs';
   import typeof childProcess from 'child_process';
   import type {ChildProcess} from 'child_process';
diff --git a/flow-typed/npm/babel-traverse_v7.x.x.js b/flow-typed/npm/babel-traverse_v7.x.x.js
index 2e3520dd23b98a..b35fd7863068c5 100644
--- a/flow-typed/npm/babel-traverse_v7.x.x.js
+++ b/flow-typed/npm/babel-traverse_v7.x.x.js
@@ -293,9 +293,6 @@ declare module '@babel/traverse' {
     dereference(): void;
   }
 
-  declare function getNodePathType(node: BabelNode): NodePath<>;
-  declare function getNodePathType(nodes: Array<BabelNode>): Array<NodePath<>>;
-
   declare type Opts = {...};
 
   declare export class NodePath<+TNode: BabelNode = BabelNode> {
@@ -733,7 +730,7 @@ declare module '@babel/traverse' {
     get<TKey: $Keys<TNode>>(
       key: TKey,
       context?: boolean | TraversalContext,
-    ): $Call<typeof getNodePathType, TNode[TKey]>;
+    ): TNode[TKey] extends BabelNode ? NodePath<> : Array<NodePath<>>;
 
     get(
       key: string,
diff --git a/flow-typed/npm/babel-types_v7.x.x.js b/flow-typed/npm/babel-types_v7.x.x.js
index 74249fe3c2fd76..6f344941bc71fd 100644
--- a/flow-typed/npm/babel-types_v7.x.x.js
+++ b/flow-typed/npm/babel-types_v7.x.x.js
@@ -3443,308 +3443,308 @@ declare module "@babel/types" {
   declare export function tsTypeParameterInstantiation(params: Array<BabelNodeTSType>): BabelNodeTSTypeParameterInstantiation;
   declare export function tsTypeParameterDeclaration(params: Array<BabelNodeTSTypeParameter>): BabelNodeTSTypeParameterDeclaration;
   declare export function tsTypeParameter(constraint?: BabelNodeTSType, _default?: BabelNodeTSType, name: string): BabelNodeTSTypeParameter;
-  declare export function isArrayExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ArrayExpression');
-  declare export function isAssignmentExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'AssignmentExpression');
-  declare export function isBinaryExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'BinaryExpression');
-  declare export function isInterpreterDirective(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'InterpreterDirective');
-  declare export function isDirective(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'Directive');
-  declare export function isDirectiveLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DirectiveLiteral');
-  declare export function isBlockStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'BlockStatement');
-  declare export function isBreakStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'BreakStatement');
-  declare export function isCallExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'CallExpression');
-  declare export function isCatchClause(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'CatchClause');
-  declare export function isConditionalExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ConditionalExpression');
-  declare export function isContinueStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ContinueStatement');
-  declare export function isDebuggerStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DebuggerStatement');
-  declare export function isDoWhileStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DoWhileStatement');
-  declare export function isEmptyStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'EmptyStatement');
-  declare export function isExpressionStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ExpressionStatement');
-  declare export function isFile(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'File');
-  declare export function isForInStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ForInStatement');
-  declare export function isForStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ForStatement');
-  declare export function isFunctionDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'FunctionDeclaration');
-  declare export function isFunctionExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'FunctionExpression');
-  declare export function isIdentifier(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'Identifier');
-  declare export function isIfStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'IfStatement');
-  declare export function isLabeledStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'LabeledStatement');
-  declare export function isStringLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'StringLiteral');
-  declare export function isNumericLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'NumericLiteral');
-  declare export function isNullLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'NullLiteral');
-  declare export function isBooleanLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'BooleanLiteral');
-  declare export function isRegExpLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'RegExpLiteral');
-  declare export function isLogicalExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'LogicalExpression');
-  declare export function isMemberExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'MemberExpression');
-  declare export function isNewExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'NewExpression');
-  declare export function isProgram(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'Program');
-  declare export function isObjectExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ObjectExpression');
-  declare export function isObjectMethod(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ObjectMethod');
-  declare export function isObjectProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ObjectProperty');
-  declare export function isRestElement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'RestElement');
-  declare export function isReturnStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ReturnStatement');
-  declare export function isSequenceExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'SequenceExpression');
-  declare export function isParenthesizedExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ParenthesizedExpression');
-  declare export function isSwitchCase(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'SwitchCase');
-  declare export function isSwitchStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'SwitchStatement');
-  declare export function isThisExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ThisExpression');
-  declare export function isThrowStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ThrowStatement');
-  declare export function isTryStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TryStatement');
-  declare export function isUnaryExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'UnaryExpression');
-  declare export function isUpdateExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'UpdateExpression');
-  declare export function isVariableDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'VariableDeclaration');
-  declare export function isVariableDeclarator(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'VariableDeclarator');
-  declare export function isWhileStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'WhileStatement');
-  declare export function isWithStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'WithStatement');
-  declare export function isAssignmentPattern(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'AssignmentPattern');
-  declare export function isArrayPattern(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ArrayPattern');
-  declare export function isArrowFunctionExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ArrowFunctionExpression');
-  declare export function isClassBody(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ClassBody');
-  declare export function isClassExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ClassExpression');
-  declare export function isClassDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ClassDeclaration');
-  declare export function isExportAllDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ExportAllDeclaration');
-  declare export function isExportDefaultDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ExportDefaultDeclaration');
-  declare export function isExportNamedDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ExportNamedDeclaration');
-  declare export function isExportSpecifier(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ExportSpecifier');
-  declare export function isForOfStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ForOfStatement');
-  declare export function isImportDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ImportDeclaration');
-  declare export function isImportDefaultSpecifier(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ImportDefaultSpecifier');
-  declare export function isImportNamespaceSpecifier(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ImportNamespaceSpecifier');
-  declare export function isImportSpecifier(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ImportSpecifier');
-  declare export function isMetaProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'MetaProperty');
-  declare export function isClassMethod(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ClassMethod');
-  declare export function isObjectPattern(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ObjectPattern');
-  declare export function isSpreadElement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'SpreadElement');
-  declare export function isSuper(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'Super');
-  declare export function isTaggedTemplateExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TaggedTemplateExpression');
-  declare export function isTemplateElement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TemplateElement');
-  declare export function isTemplateLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TemplateLiteral');
-  declare export function isYieldExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'YieldExpression');
-  declare export function isAwaitExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'AwaitExpression');
-  declare export function isImport(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'Import');
-  declare export function isBigIntLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'BigIntLiteral');
-  declare export function isExportNamespaceSpecifier(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ExportNamespaceSpecifier');
-  declare export function isOptionalMemberExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'OptionalMemberExpression');
-  declare export function isOptionalCallExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'OptionalCallExpression');
-  declare export function isClassProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ClassProperty');
-  declare export function isClassAccessorProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ClassAccessorProperty');
-  declare export function isClassPrivateProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ClassPrivateProperty');
-  declare export function isClassPrivateMethod(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ClassPrivateMethod');
-  declare export function isPrivateName(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'PrivateName');
-  declare export function isStaticBlock(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'StaticBlock');
-  declare export function isAnyTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'AnyTypeAnnotation');
-  declare export function isArrayTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ArrayTypeAnnotation');
-  declare export function isBooleanTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'BooleanTypeAnnotation');
-  declare export function isBooleanLiteralTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'BooleanLiteralTypeAnnotation');
-  declare export function isNullLiteralTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'NullLiteralTypeAnnotation');
-  declare export function isClassImplements(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ClassImplements');
-  declare export function isDeclareClass(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DeclareClass');
-  declare export function isDeclareFunction(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DeclareFunction');
-  declare export function isDeclareInterface(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DeclareInterface');
-  declare export function isDeclareModule(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DeclareModule');
-  declare export function isDeclareModuleExports(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DeclareModuleExports');
-  declare export function isDeclareTypeAlias(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DeclareTypeAlias');
-  declare export function isDeclareOpaqueType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DeclareOpaqueType');
-  declare export function isDeclareVariable(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DeclareVariable');
-  declare export function isDeclareExportDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DeclareExportDeclaration');
-  declare export function isDeclareExportAllDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DeclareExportAllDeclaration');
-  declare export function isDeclaredPredicate(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DeclaredPredicate');
-  declare export function isExistsTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ExistsTypeAnnotation');
-  declare export function isFunctionTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'FunctionTypeAnnotation');
-  declare export function isFunctionTypeParam(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'FunctionTypeParam');
-  declare export function isGenericTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'GenericTypeAnnotation');
-  declare export function isInferredPredicate(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'InferredPredicate');
-  declare export function isInterfaceExtends(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'InterfaceExtends');
-  declare export function isInterfaceDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'InterfaceDeclaration');
-  declare export function isInterfaceTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'InterfaceTypeAnnotation');
-  declare export function isIntersectionTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'IntersectionTypeAnnotation');
-  declare export function isMixedTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'MixedTypeAnnotation');
-  declare export function isEmptyTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'EmptyTypeAnnotation');
-  declare export function isNullableTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'NullableTypeAnnotation');
-  declare export function isNumberLiteralTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'NumberLiteralTypeAnnotation');
-  declare export function isNumberTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'NumberTypeAnnotation');
-  declare export function isObjectTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ObjectTypeAnnotation');
-  declare export function isObjectTypeInternalSlot(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ObjectTypeInternalSlot');
-  declare export function isObjectTypeCallProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ObjectTypeCallProperty');
-  declare export function isObjectTypeIndexer(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ObjectTypeIndexer');
-  declare export function isObjectTypeProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ObjectTypeProperty');
-  declare export function isObjectTypeSpreadProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ObjectTypeSpreadProperty');
-  declare export function isOpaqueType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'OpaqueType');
-  declare export function isQualifiedTypeIdentifier(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'QualifiedTypeIdentifier');
-  declare export function isStringLiteralTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'StringLiteralTypeAnnotation');
-  declare export function isStringTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'StringTypeAnnotation');
-  declare export function isSymbolTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'SymbolTypeAnnotation');
-  declare export function isThisTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ThisTypeAnnotation');
-  declare export function isTupleTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TupleTypeAnnotation');
-  declare export function isTypeofTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TypeofTypeAnnotation');
-  declare export function isTypeAlias(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TypeAlias');
-  declare export function isTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TypeAnnotation');
-  declare export function isTypeCastExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TypeCastExpression');
-  declare export function isTypeParameter(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TypeParameter');
-  declare export function isTypeParameterDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TypeParameterDeclaration');
-  declare export function isTypeParameterInstantiation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TypeParameterInstantiation');
-  declare export function isUnionTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'UnionTypeAnnotation');
-  declare export function isVariance(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'Variance');
-  declare export function isVoidTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'VoidTypeAnnotation');
-  declare export function isEnumDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'EnumDeclaration');
-  declare export function isEnumBooleanBody(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'EnumBooleanBody');
-  declare export function isEnumNumberBody(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'EnumNumberBody');
-  declare export function isEnumStringBody(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'EnumStringBody');
-  declare export function isEnumSymbolBody(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'EnumSymbolBody');
-  declare export function isEnumBooleanMember(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'EnumBooleanMember');
-  declare export function isEnumNumberMember(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'EnumNumberMember');
-  declare export function isEnumStringMember(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'EnumStringMember');
-  declare export function isEnumDefaultedMember(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'EnumDefaultedMember');
-  declare export function isIndexedAccessType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'IndexedAccessType');
-  declare export function isOptionalIndexedAccessType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'OptionalIndexedAccessType');
-  declare export function isJSXAttribute(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXAttribute');
-  declare export function isJSXClosingElement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXClosingElement');
-  declare export function isJSXElement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXElement');
-  declare export function isJSXEmptyExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXEmptyExpression');
-  declare export function isJSXExpressionContainer(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXExpressionContainer');
-  declare export function isJSXSpreadChild(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXSpreadChild');
-  declare export function isJSXIdentifier(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXIdentifier');
-  declare export function isJSXMemberExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXMemberExpression');
-  declare export function isJSXNamespacedName(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXNamespacedName');
-  declare export function isJSXOpeningElement(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXOpeningElement');
-  declare export function isJSXSpreadAttribute(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXSpreadAttribute');
-  declare export function isJSXText(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXText');
-  declare export function isJSXFragment(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXFragment');
-  declare export function isJSXOpeningFragment(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXOpeningFragment');
-  declare export function isJSXClosingFragment(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'JSXClosingFragment');
-  declare export function isNoop(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'Noop');
-  declare export function isPlaceholder(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'Placeholder');
-  declare export function isV8IntrinsicIdentifier(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'V8IntrinsicIdentifier');
-  declare export function isArgumentPlaceholder(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ArgumentPlaceholder');
-  declare export function isBindExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'BindExpression');
-  declare export function isImportAttribute(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ImportAttribute');
-  declare export function isDecorator(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'Decorator');
-  declare export function isDoExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DoExpression');
-  declare export function isExportDefaultSpecifier(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ExportDefaultSpecifier');
-  declare export function isRecordExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'RecordExpression');
-  declare export function isTupleExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TupleExpression');
-  declare export function isDecimalLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'DecimalLiteral');
-  declare export function isModuleExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'ModuleExpression');
-  declare export function isTopicReference(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TopicReference');
-  declare export function isPipelineTopicExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'PipelineTopicExpression');
-  declare export function isPipelineBareFunction(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'PipelineBareFunction');
-  declare export function isPipelinePrimaryTopicReference(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'PipelinePrimaryTopicReference');
-  declare export function isTSParameterProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSParameterProperty');
-  declare export function isTSDeclareFunction(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSDeclareFunction');
-  declare export function isTSDeclareMethod(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSDeclareMethod');
-  declare export function isTSQualifiedName(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSQualifiedName');
-  declare export function isTSCallSignatureDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSCallSignatureDeclaration');
-  declare export function isTSConstructSignatureDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSConstructSignatureDeclaration');
-  declare export function isTSPropertySignature(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSPropertySignature');
-  declare export function isTSMethodSignature(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSMethodSignature');
-  declare export function isTSIndexSignature(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSIndexSignature');
-  declare export function isTSAnyKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSAnyKeyword');
-  declare export function isTSBooleanKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSBooleanKeyword');
-  declare export function isTSBigIntKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSBigIntKeyword');
-  declare export function isTSIntrinsicKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSIntrinsicKeyword');
-  declare export function isTSNeverKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSNeverKeyword');
-  declare export function isTSNullKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSNullKeyword');
-  declare export function isTSNumberKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSNumberKeyword');
-  declare export function isTSObjectKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSObjectKeyword');
-  declare export function isTSStringKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSStringKeyword');
-  declare export function isTSSymbolKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSSymbolKeyword');
-  declare export function isTSUndefinedKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSUndefinedKeyword');
-  declare export function isTSUnknownKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSUnknownKeyword');
-  declare export function isTSVoidKeyword(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSVoidKeyword');
-  declare export function isTSThisType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSThisType');
-  declare export function isTSFunctionType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSFunctionType');
-  declare export function isTSConstructorType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSConstructorType');
-  declare export function isTSTypeReference(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTypeReference');
-  declare export function isTSTypePredicate(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTypePredicate');
-  declare export function isTSTypeQuery(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTypeQuery');
-  declare export function isTSTypeLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTypeLiteral');
-  declare export function isTSArrayType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSArrayType');
-  declare export function isTSTupleType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTupleType');
-  declare export function isTSOptionalType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSOptionalType');
-  declare export function isTSRestType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSRestType');
-  declare export function isTSNamedTupleMember(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSNamedTupleMember');
-  declare export function isTSUnionType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSUnionType');
-  declare export function isTSIntersectionType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSIntersectionType');
-  declare export function isTSConditionalType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSConditionalType');
-  declare export function isTSInferType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSInferType');
-  declare export function isTSParenthesizedType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSParenthesizedType');
-  declare export function isTSTypeOperator(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTypeOperator');
-  declare export function isTSIndexedAccessType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSIndexedAccessType');
-  declare export function isTSMappedType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSMappedType');
-  declare export function isTSLiteralType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSLiteralType');
-  declare export function isTSExpressionWithTypeArguments(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSExpressionWithTypeArguments');
-  declare export function isTSInterfaceDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSInterfaceDeclaration');
-  declare export function isTSInterfaceBody(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSInterfaceBody');
-  declare export function isTSTypeAliasDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTypeAliasDeclaration');
-  declare export function isTSInstantiationExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSInstantiationExpression');
-  declare export function isTSAsExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSAsExpression');
-  declare export function isTSSatisfiesExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSSatisfiesExpression');
-  declare export function isTSTypeAssertion(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTypeAssertion');
-  declare export function isTSEnumDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSEnumDeclaration');
-  declare export function isTSEnumMember(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSEnumMember');
-  declare export function isTSModuleDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSModuleDeclaration');
-  declare export function isTSModuleBlock(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSModuleBlock');
-  declare export function isTSImportType(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSImportType');
-  declare export function isTSImportEqualsDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSImportEqualsDeclaration');
-  declare export function isTSExternalModuleReference(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSExternalModuleReference');
-  declare export function isTSNonNullExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSNonNullExpression');
-  declare export function isTSExportAssignment(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSExportAssignment');
-  declare export function isTSNamespaceExportDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSNamespaceExportDeclaration');
-  declare export function isTSTypeAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTypeAnnotation');
-  declare export function isTSTypeParameterInstantiation(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTypeParameterInstantiation');
-  declare export function isTSTypeParameterDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTypeParameterDeclaration');
-  declare export function isTSTypeParameter(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'TSTypeParameter');
-  declare export function isStandardized(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ArrayExpression' || node.type === 'AssignmentExpression' || node.type === 'BinaryExpression' || node.type === 'InterpreterDirective' || node.type === 'Directive' || node.type === 'DirectiveLiteral' || node.type === 'BlockStatement' || node.type === 'BreakStatement' || node.type === 'CallExpression' || node.type === 'CatchClause' || node.type === 'ConditionalExpression' || node.type === 'ContinueStatement' || node.type === 'DebuggerStatement' || node.type === 'DoWhileStatement' || node.type === 'EmptyStatement' || node.type === 'ExpressionStatement' || node.type === 'File' || node.type === 'ForInStatement' || node.type === 'ForStatement' || node.type === 'FunctionDeclaration' || node.type === 'FunctionExpression' || node.type === 'Identifier' || node.type === 'IfStatement' || node.type === 'LabeledStatement' || node.type === 'StringLiteral' || node.type === 'NumericLiteral' || node.type === 'NullLiteral' || node.type === 'BooleanLiteral' || node.type === 'RegExpLiteral' || node.type === 'LogicalExpression' || node.type === 'MemberExpression' || node.type === 'NewExpression' || node.type === 'Program' || node.type === 'ObjectExpression' || node.type === 'ObjectMethod' || node.type === 'ObjectProperty' || node.type === 'RestElement' || node.type === 'ReturnStatement' || node.type === 'SequenceExpression' || node.type === 'ParenthesizedExpression' || node.type === 'SwitchCase' || node.type === 'SwitchStatement' || node.type === 'ThisExpression' || node.type === 'ThrowStatement' || node.type === 'TryStatement' || node.type === 'UnaryExpression' || node.type === 'UpdateExpression' || node.type === 'VariableDeclaration' || node.type === 'VariableDeclarator' || node.type === 'WhileStatement' || node.type === 'WithStatement' || node.type === 'AssignmentPattern' || node.type === 'ArrayPattern' || node.type === 'ArrowFunctionExpression' || node.type === 'ClassBody' || node.type === 'ClassExpression' || node.type === 'ClassDeclaration' || node.type === 'ExportAllDeclaration' || node.type === 'ExportDefaultDeclaration' || node.type === 'ExportNamedDeclaration' || node.type === 'ExportSpecifier' || node.type === 'ForOfStatement' || node.type === 'ImportDeclaration' || node.type === 'ImportDefaultSpecifier' || node.type === 'ImportNamespaceSpecifier' || node.type === 'ImportSpecifier' || node.type === 'MetaProperty' || node.type === 'ClassMethod' || node.type === 'ObjectPattern' || node.type === 'SpreadElement' || node.type === 'Super' || node.type === 'TaggedTemplateExpression' || node.type === 'TemplateElement' || node.type === 'TemplateLiteral' || node.type === 'YieldExpression' || node.type === 'AwaitExpression' || node.type === 'Import' || node.type === 'BigIntLiteral' || node.type === 'ExportNamespaceSpecifier' || node.type === 'OptionalMemberExpression' || node.type === 'OptionalCallExpression' || node.type === 'ClassProperty' || node.type === 'ClassAccessorProperty' || node.type === 'ClassPrivateProperty' || node.type === 'ClassPrivateMethod' || node.type === 'PrivateName' || node.type === 'StaticBlock'));
-  declare export function isExpression(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ArrayExpression' || node.type === 'AssignmentExpression' || node.type === 'BinaryExpression' || node.type === 'CallExpression' || node.type === 'ConditionalExpression' || node.type === 'FunctionExpression' || node.type === 'Identifier' || node.type === 'StringLiteral' || node.type === 'NumericLiteral' || node.type === 'NullLiteral' || node.type === 'BooleanLiteral' || node.type === 'RegExpLiteral' || node.type === 'LogicalExpression' || node.type === 'MemberExpression' || node.type === 'NewExpression' || node.type === 'ObjectExpression' || node.type === 'SequenceExpression' || node.type === 'ParenthesizedExpression' || node.type === 'ThisExpression' || node.type === 'UnaryExpression' || node.type === 'UpdateExpression' || node.type === 'ArrowFunctionExpression' || node.type === 'ClassExpression' || node.type === 'MetaProperty' || node.type === 'Super' || node.type === 'TaggedTemplateExpression' || node.type === 'TemplateLiteral' || node.type === 'YieldExpression' || node.type === 'AwaitExpression' || node.type === 'Import' || node.type === 'BigIntLiteral' || node.type === 'OptionalMemberExpression' || node.type === 'OptionalCallExpression' || node.type === 'TypeCastExpression' || node.type === 'JSXElement' || node.type === 'JSXFragment' || node.type === 'BindExpression' || node.type === 'DoExpression' || node.type === 'RecordExpression' || node.type === 'TupleExpression' || node.type === 'DecimalLiteral' || node.type === 'ModuleExpression' || node.type === 'TopicReference' || node.type === 'PipelineTopicExpression' || node.type === 'PipelineBareFunction' || node.type === 'PipelinePrimaryTopicReference' || node.type === 'TSInstantiationExpression' || node.type === 'TSAsExpression' || node.type === 'TSSatisfiesExpression' || node.type === 'TSTypeAssertion' || node.type === 'TSNonNullExpression'));
-  declare export function isBinary(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'BinaryExpression' || node.type === 'LogicalExpression'));
-  declare export function isScopable(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'BlockStatement' || node.type === 'CatchClause' || node.type === 'DoWhileStatement' || node.type === 'ForInStatement' || node.type === 'ForStatement' || node.type === 'FunctionDeclaration' || node.type === 'FunctionExpression' || node.type === 'Program' || node.type === 'ObjectMethod' || node.type === 'SwitchStatement' || node.type === 'WhileStatement' || node.type === 'ArrowFunctionExpression' || node.type === 'ClassExpression' || node.type === 'ClassDeclaration' || node.type === 'ForOfStatement' || node.type === 'ClassMethod' || node.type === 'ClassPrivateMethod' || node.type === 'StaticBlock' || node.type === 'TSModuleBlock'));
-  declare export function isBlockParent(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'BlockStatement' || node.type === 'CatchClause' || node.type === 'DoWhileStatement' || node.type === 'ForInStatement' || node.type === 'ForStatement' || node.type === 'FunctionDeclaration' || node.type === 'FunctionExpression' || node.type === 'Program' || node.type === 'ObjectMethod' || node.type === 'SwitchStatement' || node.type === 'WhileStatement' || node.type === 'ArrowFunctionExpression' || node.type === 'ForOfStatement' || node.type === 'ClassMethod' || node.type === 'ClassPrivateMethod' || node.type === 'StaticBlock' || node.type === 'TSModuleBlock'));
-  declare export function isBlock(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'BlockStatement' || node.type === 'Program' || node.type === 'TSModuleBlock'));
-  declare export function isStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'BlockStatement' || node.type === 'BreakStatement' || node.type === 'ContinueStatement' || node.type === 'DebuggerStatement' || node.type === 'DoWhileStatement' || node.type === 'EmptyStatement' || node.type === 'ExpressionStatement' || node.type === 'ForInStatement' || node.type === 'ForStatement' || node.type === 'FunctionDeclaration' || node.type === 'IfStatement' || node.type === 'LabeledStatement' || node.type === 'ReturnStatement' || node.type === 'SwitchStatement' || node.type === 'ThrowStatement' || node.type === 'TryStatement' || node.type === 'VariableDeclaration' || node.type === 'WhileStatement' || node.type === 'WithStatement' || node.type === 'ClassDeclaration' || node.type === 'ExportAllDeclaration' || node.type === 'ExportDefaultDeclaration' || node.type === 'ExportNamedDeclaration' || node.type === 'ForOfStatement' || node.type === 'ImportDeclaration' || node.type === 'DeclareClass' || node.type === 'DeclareFunction' || node.type === 'DeclareInterface' || node.type === 'DeclareModule' || node.type === 'DeclareModuleExports' || node.type === 'DeclareTypeAlias' || node.type === 'DeclareOpaqueType' || node.type === 'DeclareVariable' || node.type === 'DeclareExportDeclaration' || node.type === 'DeclareExportAllDeclaration' || node.type === 'InterfaceDeclaration' || node.type === 'OpaqueType' || node.type === 'TypeAlias' || node.type === 'EnumDeclaration' || node.type === 'TSDeclareFunction' || node.type === 'TSInterfaceDeclaration' || node.type === 'TSTypeAliasDeclaration' || node.type === 'TSEnumDeclaration' || node.type === 'TSModuleDeclaration' || node.type === 'TSImportEqualsDeclaration' || node.type === 'TSExportAssignment' || node.type === 'TSNamespaceExportDeclaration'));
-  declare export function isTerminatorless(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'BreakStatement' || node.type === 'ContinueStatement' || node.type === 'ReturnStatement' || node.type === 'ThrowStatement' || node.type === 'YieldExpression' || node.type === 'AwaitExpression'));
-  declare export function isCompletionStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'BreakStatement' || node.type === 'ContinueStatement' || node.type === 'ReturnStatement' || node.type === 'ThrowStatement'));
-  declare export function isConditional(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ConditionalExpression' || node.type === 'IfStatement'));
-  declare export function isLoop(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'DoWhileStatement' || node.type === 'ForInStatement' || node.type === 'ForStatement' || node.type === 'WhileStatement' || node.type === 'ForOfStatement'));
-  declare export function isWhile(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'DoWhileStatement' || node.type === 'WhileStatement'));
-  declare export function isExpressionWrapper(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ExpressionStatement' || node.type === 'ParenthesizedExpression' || node.type === 'TypeCastExpression'));
-  declare export function isFor(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ForInStatement' || node.type === 'ForStatement' || node.type === 'ForOfStatement'));
-  declare export function isForXStatement(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ForInStatement' || node.type === 'ForOfStatement'));
-  declare export function isFunction(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'FunctionDeclaration' || node.type === 'FunctionExpression' || node.type === 'ObjectMethod' || node.type === 'ArrowFunctionExpression' || node.type === 'ClassMethod' || node.type === 'ClassPrivateMethod'));
-  declare export function isFunctionParent(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'FunctionDeclaration' || node.type === 'FunctionExpression' || node.type === 'ObjectMethod' || node.type === 'ArrowFunctionExpression' || node.type === 'ClassMethod' || node.type === 'ClassPrivateMethod' || node.type === 'StaticBlock' || node.type === 'TSModuleBlock'));
-  declare export function isPureish(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'FunctionDeclaration' || node.type === 'FunctionExpression' || node.type === 'StringLiteral' || node.type === 'NumericLiteral' || node.type === 'NullLiteral' || node.type === 'BooleanLiteral' || node.type === 'RegExpLiteral' || node.type === 'ArrowFunctionExpression' || node.type === 'BigIntLiteral' || node.type === 'DecimalLiteral'));
-  declare export function isDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'FunctionDeclaration' || node.type === 'VariableDeclaration' || node.type === 'ClassDeclaration' || node.type === 'ExportAllDeclaration' || node.type === 'ExportDefaultDeclaration' || node.type === 'ExportNamedDeclaration' || node.type === 'ImportDeclaration' || node.type === 'DeclareClass' || node.type === 'DeclareFunction' || node.type === 'DeclareInterface' || node.type === 'DeclareModule' || node.type === 'DeclareModuleExports' || node.type === 'DeclareTypeAlias' || node.type === 'DeclareOpaqueType' || node.type === 'DeclareVariable' || node.type === 'DeclareExportDeclaration' || node.type === 'DeclareExportAllDeclaration' || node.type === 'InterfaceDeclaration' || node.type === 'OpaqueType' || node.type === 'TypeAlias' || node.type === 'EnumDeclaration' || node.type === 'TSDeclareFunction' || node.type === 'TSInterfaceDeclaration' || node.type === 'TSTypeAliasDeclaration' || node.type === 'TSEnumDeclaration' || node.type === 'TSModuleDeclaration'));
-  declare export function isPatternLike(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'Identifier' || node.type === 'RestElement' || node.type === 'AssignmentPattern' || node.type === 'ArrayPattern' || node.type === 'ObjectPattern' || node.type === 'TSAsExpression' || node.type === 'TSSatisfiesExpression' || node.type === 'TSTypeAssertion' || node.type === 'TSNonNullExpression'));
-  declare export function isLVal(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'Identifier' || node.type === 'MemberExpression' || node.type === 'RestElement' || node.type === 'AssignmentPattern' || node.type === 'ArrayPattern' || node.type === 'ObjectPattern' || node.type === 'TSParameterProperty' || node.type === 'TSAsExpression' || node.type === 'TSSatisfiesExpression' || node.type === 'TSTypeAssertion' || node.type === 'TSNonNullExpression'));
-  declare export function isTSEntityName(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'Identifier' || node.type === 'TSQualifiedName'));
-  declare export function isLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'StringLiteral' || node.type === 'NumericLiteral' || node.type === 'NullLiteral' || node.type === 'BooleanLiteral' || node.type === 'RegExpLiteral' || node.type === 'TemplateLiteral' || node.type === 'BigIntLiteral' || node.type === 'DecimalLiteral'));
-  declare export function isImmutable(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'StringLiteral' || node.type === 'NumericLiteral' || node.type === 'NullLiteral' || node.type === 'BooleanLiteral' || node.type === 'BigIntLiteral' || node.type === 'JSXAttribute' || node.type === 'JSXClosingElement' || node.type === 'JSXElement' || node.type === 'JSXExpressionContainer' || node.type === 'JSXSpreadChild' || node.type === 'JSXOpeningElement' || node.type === 'JSXText' || node.type === 'JSXFragment' || node.type === 'JSXOpeningFragment' || node.type === 'JSXClosingFragment' || node.type === 'DecimalLiteral'));
-  declare export function isUserWhitespacable(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ObjectMethod' || node.type === 'ObjectProperty' || node.type === 'ObjectTypeInternalSlot' || node.type === 'ObjectTypeCallProperty' || node.type === 'ObjectTypeIndexer' || node.type === 'ObjectTypeProperty' || node.type === 'ObjectTypeSpreadProperty'));
-  declare export function isMethod(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ObjectMethod' || node.type === 'ClassMethod' || node.type === 'ClassPrivateMethod'));
-  declare export function isObjectMember(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ObjectMethod' || node.type === 'ObjectProperty'));
-  declare export function isProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ObjectProperty' || node.type === 'ClassProperty' || node.type === 'ClassAccessorProperty' || node.type === 'ClassPrivateProperty'));
-  declare export function isUnaryLike(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'UnaryExpression' || node.type === 'SpreadElement'));
-  declare export function isPattern(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'AssignmentPattern' || node.type === 'ArrayPattern' || node.type === 'ObjectPattern'));
-  declare export function isClass(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ClassExpression' || node.type === 'ClassDeclaration'));
-  declare export function isModuleDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ExportAllDeclaration' || node.type === 'ExportDefaultDeclaration' || node.type === 'ExportNamedDeclaration' || node.type === 'ImportDeclaration'));
-  declare export function isExportDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ExportAllDeclaration' || node.type === 'ExportDefaultDeclaration' || node.type === 'ExportNamedDeclaration'));
-  declare export function isModuleSpecifier(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ExportSpecifier' || node.type === 'ImportDefaultSpecifier' || node.type === 'ImportNamespaceSpecifier' || node.type === 'ImportSpecifier' || node.type === 'ExportNamespaceSpecifier' || node.type === 'ExportDefaultSpecifier'));
-  declare export function isAccessor(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ClassAccessorProperty'));
-  declare export function isPrivate(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'ClassPrivateProperty' || node.type === 'ClassPrivateMethod' || node.type === 'PrivateName'));
-  declare export function isFlow(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'AnyTypeAnnotation' || node.type === 'ArrayTypeAnnotation' || node.type === 'BooleanTypeAnnotation' || node.type === 'BooleanLiteralTypeAnnotation' || node.type === 'NullLiteralTypeAnnotation' || node.type === 'ClassImplements' || node.type === 'DeclareClass' || node.type === 'DeclareFunction' || node.type === 'DeclareInterface' || node.type === 'DeclareModule' || node.type === 'DeclareModuleExports' || node.type === 'DeclareTypeAlias' || node.type === 'DeclareOpaqueType' || node.type === 'DeclareVariable' || node.type === 'DeclareExportDeclaration' || node.type === 'DeclareExportAllDeclaration' || node.type === 'DeclaredPredicate' || node.type === 'ExistsTypeAnnotation' || node.type === 'FunctionTypeAnnotation' || node.type === 'FunctionTypeParam' || node.type === 'GenericTypeAnnotation' || node.type === 'InferredPredicate' || node.type === 'InterfaceExtends' || node.type === 'InterfaceDeclaration' || node.type === 'InterfaceTypeAnnotation' || node.type === 'IntersectionTypeAnnotation' || node.type === 'MixedTypeAnnotation' || node.type === 'EmptyTypeAnnotation' || node.type === 'NullableTypeAnnotation' || node.type === 'NumberLiteralTypeAnnotation' || node.type === 'NumberTypeAnnotation' || node.type === 'ObjectTypeAnnotation' || node.type === 'ObjectTypeInternalSlot' || node.type === 'ObjectTypeCallProperty' || node.type === 'ObjectTypeIndexer' || node.type === 'ObjectTypeProperty' || node.type === 'ObjectTypeSpreadProperty' || node.type === 'OpaqueType' || node.type === 'QualifiedTypeIdentifier' || node.type === 'StringLiteralTypeAnnotation' || node.type === 'StringTypeAnnotation' || node.type === 'SymbolTypeAnnotation' || node.type === 'ThisTypeAnnotation' || node.type === 'TupleTypeAnnotation' || node.type === 'TypeofTypeAnnotation' || node.type === 'TypeAlias' || node.type === 'TypeAnnotation' || node.type === 'TypeCastExpression' || node.type === 'TypeParameter' || node.type === 'TypeParameterDeclaration' || node.type === 'TypeParameterInstantiation' || node.type === 'UnionTypeAnnotation' || node.type === 'Variance' || node.type === 'VoidTypeAnnotation' || node.type === 'EnumDeclaration' || node.type === 'EnumBooleanBody' || node.type === 'EnumNumberBody' || node.type === 'EnumStringBody' || node.type === 'EnumSymbolBody' || node.type === 'EnumBooleanMember' || node.type === 'EnumNumberMember' || node.type === 'EnumStringMember' || node.type === 'EnumDefaultedMember' || node.type === 'IndexedAccessType' || node.type === 'OptionalIndexedAccessType'));
-  declare export function isFlowType(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'AnyTypeAnnotation' || node.type === 'ArrayTypeAnnotation' || node.type === 'BooleanTypeAnnotation' || node.type === 'BooleanLiteralTypeAnnotation' || node.type === 'NullLiteralTypeAnnotation' || node.type === 'ExistsTypeAnnotation' || node.type === 'FunctionTypeAnnotation' || node.type === 'GenericTypeAnnotation' || node.type === 'InterfaceTypeAnnotation' || node.type === 'IntersectionTypeAnnotation' || node.type === 'MixedTypeAnnotation' || node.type === 'EmptyTypeAnnotation' || node.type === 'NullableTypeAnnotation' || node.type === 'NumberLiteralTypeAnnotation' || node.type === 'NumberTypeAnnotation' || node.type === 'ObjectTypeAnnotation' || node.type === 'StringLiteralTypeAnnotation' || node.type === 'StringTypeAnnotation' || node.type === 'SymbolTypeAnnotation' || node.type === 'ThisTypeAnnotation' || node.type === 'TupleTypeAnnotation' || node.type === 'TypeofTypeAnnotation' || node.type === 'UnionTypeAnnotation' || node.type === 'VoidTypeAnnotation' || node.type === 'IndexedAccessType' || node.type === 'OptionalIndexedAccessType'));
-  declare export function isFlowBaseAnnotation(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'AnyTypeAnnotation' || node.type === 'BooleanTypeAnnotation' || node.type === 'NullLiteralTypeAnnotation' || node.type === 'MixedTypeAnnotation' || node.type === 'EmptyTypeAnnotation' || node.type === 'NumberTypeAnnotation' || node.type === 'StringTypeAnnotation' || node.type === 'SymbolTypeAnnotation' || node.type === 'ThisTypeAnnotation' || node.type === 'VoidTypeAnnotation'));
-  declare export function isFlowDeclaration(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'DeclareClass' || node.type === 'DeclareFunction' || node.type === 'DeclareInterface' || node.type === 'DeclareModule' || node.type === 'DeclareModuleExports' || node.type === 'DeclareTypeAlias' || node.type === 'DeclareOpaqueType' || node.type === 'DeclareVariable' || node.type === 'DeclareExportDeclaration' || node.type === 'DeclareExportAllDeclaration' || node.type === 'InterfaceDeclaration' || node.type === 'OpaqueType' || node.type === 'TypeAlias'));
-  declare export function isFlowPredicate(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'DeclaredPredicate' || node.type === 'InferredPredicate'));
-  declare export function isEnumBody(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'EnumBooleanBody' || node.type === 'EnumNumberBody' || node.type === 'EnumStringBody' || node.type === 'EnumSymbolBody'));
-  declare export function isEnumMember(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'EnumBooleanMember' || node.type === 'EnumNumberMember' || node.type === 'EnumStringMember' || node.type === 'EnumDefaultedMember'));
-  declare export function isJSX(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'JSXAttribute' || node.type === 'JSXClosingElement' || node.type === 'JSXElement' || node.type === 'JSXEmptyExpression' || node.type === 'JSXExpressionContainer' || node.type === 'JSXSpreadChild' || node.type === 'JSXIdentifier' || node.type === 'JSXMemberExpression' || node.type === 'JSXNamespacedName' || node.type === 'JSXOpeningElement' || node.type === 'JSXSpreadAttribute' || node.type === 'JSXText' || node.type === 'JSXFragment' || node.type === 'JSXOpeningFragment' || node.type === 'JSXClosingFragment'));
-  declare export function isMiscellaneous(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'Noop' || node.type === 'Placeholder' || node.type === 'V8IntrinsicIdentifier'));
-  declare export function isTypeScript(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'TSParameterProperty' || node.type === 'TSDeclareFunction' || node.type === 'TSDeclareMethod' || node.type === 'TSQualifiedName' || node.type === 'TSCallSignatureDeclaration' || node.type === 'TSConstructSignatureDeclaration' || node.type === 'TSPropertySignature' || node.type === 'TSMethodSignature' || node.type === 'TSIndexSignature' || node.type === 'TSAnyKeyword' || node.type === 'TSBooleanKeyword' || node.type === 'TSBigIntKeyword' || node.type === 'TSIntrinsicKeyword' || node.type === 'TSNeverKeyword' || node.type === 'TSNullKeyword' || node.type === 'TSNumberKeyword' || node.type === 'TSObjectKeyword' || node.type === 'TSStringKeyword' || node.type === 'TSSymbolKeyword' || node.type === 'TSUndefinedKeyword' || node.type === 'TSUnknownKeyword' || node.type === 'TSVoidKeyword' || node.type === 'TSThisType' || node.type === 'TSFunctionType' || node.type === 'TSConstructorType' || node.type === 'TSTypeReference' || node.type === 'TSTypePredicate' || node.type === 'TSTypeQuery' || node.type === 'TSTypeLiteral' || node.type === 'TSArrayType' || node.type === 'TSTupleType' || node.type === 'TSOptionalType' || node.type === 'TSRestType' || node.type === 'TSNamedTupleMember' || node.type === 'TSUnionType' || node.type === 'TSIntersectionType' || node.type === 'TSConditionalType' || node.type === 'TSInferType' || node.type === 'TSParenthesizedType' || node.type === 'TSTypeOperator' || node.type === 'TSIndexedAccessType' || node.type === 'TSMappedType' || node.type === 'TSLiteralType' || node.type === 'TSExpressionWithTypeArguments' || node.type === 'TSInterfaceDeclaration' || node.type === 'TSInterfaceBody' || node.type === 'TSTypeAliasDeclaration' || node.type === 'TSInstantiationExpression' || node.type === 'TSAsExpression' || node.type === 'TSSatisfiesExpression' || node.type === 'TSTypeAssertion' || node.type === 'TSEnumDeclaration' || node.type === 'TSEnumMember' || node.type === 'TSModuleDeclaration' || node.type === 'TSModuleBlock' || node.type === 'TSImportType' || node.type === 'TSImportEqualsDeclaration' || node.type === 'TSExternalModuleReference' || node.type === 'TSNonNullExpression' || node.type === 'TSExportAssignment' || node.type === 'TSNamespaceExportDeclaration' || node.type === 'TSTypeAnnotation' || node.type === 'TSTypeParameterInstantiation' || node.type === 'TSTypeParameterDeclaration' || node.type === 'TSTypeParameter'));
-  declare export function isTSTypeElement(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'TSCallSignatureDeclaration' || node.type === 'TSConstructSignatureDeclaration' || node.type === 'TSPropertySignature' || node.type === 'TSMethodSignature' || node.type === 'TSIndexSignature'));
-  declare export function isTSType(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'TSAnyKeyword' || node.type === 'TSBooleanKeyword' || node.type === 'TSBigIntKeyword' || node.type === 'TSIntrinsicKeyword' || node.type === 'TSNeverKeyword' || node.type === 'TSNullKeyword' || node.type === 'TSNumberKeyword' || node.type === 'TSObjectKeyword' || node.type === 'TSStringKeyword' || node.type === 'TSSymbolKeyword' || node.type === 'TSUndefinedKeyword' || node.type === 'TSUnknownKeyword' || node.type === 'TSVoidKeyword' || node.type === 'TSThisType' || node.type === 'TSFunctionType' || node.type === 'TSConstructorType' || node.type === 'TSTypeReference' || node.type === 'TSTypePredicate' || node.type === 'TSTypeQuery' || node.type === 'TSTypeLiteral' || node.type === 'TSArrayType' || node.type === 'TSTupleType' || node.type === 'TSOptionalType' || node.type === 'TSRestType' || node.type === 'TSUnionType' || node.type === 'TSIntersectionType' || node.type === 'TSConditionalType' || node.type === 'TSInferType' || node.type === 'TSParenthesizedType' || node.type === 'TSTypeOperator' || node.type === 'TSIndexedAccessType' || node.type === 'TSMappedType' || node.type === 'TSLiteralType' || node.type === 'TSExpressionWithTypeArguments' || node.type === 'TSImportType'));
-  declare export function isTSBaseType(node: ?Object, opts?: ?Object): boolean %checks (node != null && (node.type === 'TSAnyKeyword' || node.type === 'TSBooleanKeyword' || node.type === 'TSBigIntKeyword' || node.type === 'TSIntrinsicKeyword' || node.type === 'TSNeverKeyword' || node.type === 'TSNullKeyword' || node.type === 'TSNumberKeyword' || node.type === 'TSObjectKeyword' || node.type === 'TSStringKeyword' || node.type === 'TSSymbolKeyword' || node.type === 'TSUndefinedKeyword' || node.type === 'TSUnknownKeyword' || node.type === 'TSVoidKeyword' || node.type === 'TSThisType' || node.type === 'TSLiteralType'));
-  declare export function isNumberLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'NumericLiteral');
-  declare export function isRegexLiteral(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'RegExpLiteral');
-  declare export function isRestProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'RestElement');
-  declare export function isSpreadProperty(node: ?Object, opts?: ?Object): boolean %checks (node != null && node.type === 'SpreadElement');
+  declare export function isArrayExpression(node: ?Object, opts?: ?Object): node is ArrayExpression;
+  declare export function isAssignmentExpression(node: ?Object, opts?: ?Object): node is AssignmentExpression;
+  declare export function isBinaryExpression(node: ?Object, opts?: ?Object): node is BinaryExpression;
+  declare export function isInterpreterDirective(node: ?Object, opts?: ?Object): node is InterpreterDirective;
+  declare export function isDirective(node: ?Object, opts?: ?Object): node is Directive;
+  declare export function isDirectiveLiteral(node: ?Object, opts?: ?Object): node is DirectiveLiteral;
+  declare export function isBlockStatement(node: ?Object, opts?: ?Object): node is BlockStatement;
+  declare export function isBreakStatement(node: ?Object, opts?: ?Object): node is BreakStatement;
+  declare export function isCallExpression(node: ?Object, opts?: ?Object): node is CallExpression;
+  declare export function isCatchClause(node: ?Object, opts?: ?Object): node is CatchClause;
+  declare export function isConditionalExpression(node: ?Object, opts?: ?Object): node is ConditionalExpression;
+  declare export function isContinueStatement(node: ?Object, opts?: ?Object): node is ContinueStatement;
+  declare export function isDebuggerStatement(node: ?Object, opts?: ?Object): node is DebuggerStatement;
+  declare export function isDoWhileStatement(node: ?Object, opts?: ?Object): node is DoWhileStatement;
+  declare export function isEmptyStatement(node: ?Object, opts?: ?Object): node is EmptyStatement;
+  declare export function isExpressionStatement(node: ?Object, opts?: ?Object): node is ExpressionStatement;
+  declare export function isFile(node: ?Object, opts?: ?Object): node is File;
+  declare export function isForInStatement(node: ?Object, opts?: ?Object): node is ForInStatement;
+  declare export function isForStatement(node: ?Object, opts?: ?Object): node is ForStatement;
+  declare export function isFunctionDeclaration(node: ?Object, opts?: ?Object): node is FunctionDeclaration;
+  declare export function isFunctionExpression(node: ?Object, opts?: ?Object): node is FunctionExpression;
+  declare export function isIdentifier(node: ?Object, opts?: ?Object): node is Identifier;
+  declare export function isIfStatement(node: ?Object, opts?: ?Object): node is IfStatement;
+  declare export function isLabeledStatement(node: ?Object, opts?: ?Object): node is LabeledStatement;
+  declare export function isStringLiteral(node: ?Object, opts?: ?Object): node is StringLiteral;
+  declare export function isNumericLiteral(node: ?Object, opts?: ?Object): node is NumericLiteral;
+  declare export function isNullLiteral(node: ?Object, opts?: ?Object): node is NullLiteral;
+  declare export function isBooleanLiteral(node: ?Object, opts?: ?Object): node is BooleanLiteral;
+  declare export function isRegExpLiteral(node: ?Object, opts?: ?Object): node is RegExpLiteral;
+  declare export function isLogicalExpression(node: ?Object, opts?: ?Object): node is LogicalExpression;
+  declare export function isMemberExpression(node: ?Object, opts?: ?Object): node is MemberExpression;
+  declare export function isNewExpression(node: ?Object, opts?: ?Object): node is NewExpression;
+  declare export function isProgram(node: ?Object, opts?: ?Object): node is Program;
+  declare export function isObjectExpression(node: ?Object, opts?: ?Object): node is ObjectExpression;
+  declare export function isObjectMethod(node: ?Object, opts?: ?Object): node is ObjectMethod;
+  declare export function isObjectProperty(node: ?Object, opts?: ?Object): node is ObjectProperty;
+  declare export function isRestElement(node: ?Object, opts?: ?Object): node is RestElement;
+  declare export function isReturnStatement(node: ?Object, opts?: ?Object): node is ReturnStatement;
+  declare export function isSequenceExpression(node: ?Object, opts?: ?Object): node is SequenceExpression;
+  declare export function isParenthesizedExpression(node: ?Object, opts?: ?Object): node is ParenthesizedExpression;
+  declare export function isSwitchCase(node: ?Object, opts?: ?Object): node is SwitchCase;
+  declare export function isSwitchStatement(node: ?Object, opts?: ?Object): node is SwitchStatement;
+  declare export function isThisExpression(node: ?Object, opts?: ?Object): node is ThisExpression;
+  declare export function isThrowStatement(node: ?Object, opts?: ?Object): node is ThrowStatement;
+  declare export function isTryStatement(node: ?Object, opts?: ?Object): node is TryStatement;
+  declare export function isUnaryExpression(node: ?Object, opts?: ?Object): node is UnaryExpression;
+  declare export function isUpdateExpression(node: ?Object, opts?: ?Object): node is UpdateExpression;
+  declare export function isVariableDeclaration(node: ?Object, opts?: ?Object): node is VariableDeclaration;
+  declare export function isVariableDeclarator(node: ?Object, opts?: ?Object): node is VariableDeclarator;
+  declare export function isWhileStatement(node: ?Object, opts?: ?Object): node is WhileStatement;
+  declare export function isWithStatement(node: ?Object, opts?: ?Object): node is WithStatement;
+  declare export function isAssignmentPattern(node: ?Object, opts?: ?Object): node is AssignmentPattern;
+  declare export function isArrayPattern(node: ?Object, opts?: ?Object): node is ArrayPattern;
+  declare export function isArrowFunctionExpression(node: ?Object, opts?: ?Object): node is ArrowFunctionExpression;
+  declare export function isClassBody(node: ?Object, opts?: ?Object): node is ClassBody;
+  declare export function isClassExpression(node: ?Object, opts?: ?Object): node is ClassExpression;
+  declare export function isClassDeclaration(node: ?Object, opts?: ?Object): node is ClassDeclaration;
+  declare export function isExportAllDeclaration(node: ?Object, opts?: ?Object): node is ExportAllDeclaration;
+  declare export function isExportDefaultDeclaration(node: ?Object, opts?: ?Object): node is ExportDefaultDeclaration;
+  declare export function isExportNamedDeclaration(node: ?Object, opts?: ?Object): node is ExportNamedDeclaration;
+  declare export function isExportSpecifier(node: ?Object, opts?: ?Object): node is ExportSpecifier;
+  declare export function isForOfStatement(node: ?Object, opts?: ?Object): node is ForOfStatement;
+  declare export function isImportDeclaration(node: ?Object, opts?: ?Object): node is ImportDeclaration;
+  declare export function isImportDefaultSpecifier(node: ?Object, opts?: ?Object): node is ImportDefaultSpecifier;
+  declare export function isImportNamespaceSpecifier(node: ?Object, opts?: ?Object): node is ImportNamespaceSpecifier;
+  declare export function isImportSpecifier(node: ?Object, opts?: ?Object): node is ImportSpecifier;
+  declare export function isMetaProperty(node: ?Object, opts?: ?Object): node is MetaProperty;
+  declare export function isClassMethod(node: ?Object, opts?: ?Object): node is ClassMethod;
+  declare export function isObjectPattern(node: ?Object, opts?: ?Object): node is ObjectPattern;
+  declare export function isSpreadElement(node: ?Object, opts?: ?Object): node is SpreadElement;
+  declare export function isSuper(node: ?Object, opts?: ?Object): node is Super;
+  declare export function isTaggedTemplateExpression(node: ?Object, opts?: ?Object): node is TaggedTemplateExpression;
+  declare export function isTemplateElement(node: ?Object, opts?: ?Object): node is TemplateElement;
+  declare export function isTemplateLiteral(node: ?Object, opts?: ?Object): node is TemplateLiteral;
+  declare export function isYieldExpression(node: ?Object, opts?: ?Object): node is YieldExpression;
+  declare export function isAwaitExpression(node: ?Object, opts?: ?Object): node is AwaitExpression;
+  declare export function isImport(node: ?Object, opts?: ?Object): node is Import;
+  declare export function isBigIntLiteral(node: ?Object, opts?: ?Object): node is BigIntLiteral;
+  declare export function isExportNamespaceSpecifier(node: ?Object, opts?: ?Object): node is ExportNamespaceSpecifier;
+  declare export function isOptionalMemberExpression(node: ?Object, opts?: ?Object): node is OptionalMemberExpression;
+  declare export function isOptionalCallExpression(node: ?Object, opts?: ?Object): node is OptionalCallExpression;
+  declare export function isClassProperty(node: ?Object, opts?: ?Object): node is ClassProperty;
+  declare export function isClassAccessorProperty(node: ?Object, opts?: ?Object): node is ClassAccessorProperty;
+  declare export function isClassPrivateProperty(node: ?Object, opts?: ?Object): node is ClassPrivateProperty;
+  declare export function isClassPrivateMethod(node: ?Object, opts?: ?Object): node is ClassPrivateMethod;
+  declare export function isPrivateName(node: ?Object, opts?: ?Object): node is PrivateName;
+  declare export function isStaticBlock(node: ?Object, opts?: ?Object): node is StaticBlock;
+  declare export function isAnyTypeAnnotation(node: ?Object, opts?: ?Object): node is AnyTypeAnnotation;
+  declare export function isArrayTypeAnnotation(node: ?Object, opts?: ?Object): node is ArrayTypeAnnotation;
+  declare export function isBooleanTypeAnnotation(node: ?Object, opts?: ?Object): node is BooleanTypeAnnotation;
+  declare export function isBooleanLiteralTypeAnnotation(node: ?Object, opts?: ?Object): node is BooleanLiteralTypeAnnotation;
+  declare export function isNullLiteralTypeAnnotation(node: ?Object, opts?: ?Object): node is NullLiteralTypeAnnotation;
+  declare export function isClassImplements(node: ?Object, opts?: ?Object): node is ClassImplements;
+  declare export function isDeclareClass(node: ?Object, opts?: ?Object): node is DeclareClass;
+  declare export function isDeclareFunction(node: ?Object, opts?: ?Object): node is DeclareFunction;
+  declare export function isDeclareInterface(node: ?Object, opts?: ?Object): node is DeclareInterface;
+  declare export function isDeclareModule(node: ?Object, opts?: ?Object): node is DeclareModule;
+  declare export function isDeclareModuleExports(node: ?Object, opts?: ?Object): node is DeclareModuleExports;
+  declare export function isDeclareTypeAlias(node: ?Object, opts?: ?Object): node is DeclareTypeAlias;
+  declare export function isDeclareOpaqueType(node: ?Object, opts?: ?Object): node is DeclareOpaqueType;
+  declare export function isDeclareVariable(node: ?Object, opts?: ?Object): node is DeclareVariable;
+  declare export function isDeclareExportDeclaration(node: ?Object, opts?: ?Object): node is DeclareExportDeclaration;
+  declare export function isDeclareExportAllDeclaration(node: ?Object, opts?: ?Object): node is DeclareExportAllDeclaration;
+  declare export function isDeclaredPredicate(node: ?Object, opts?: ?Object): node is DeclaredPredicate;
+  declare export function isExistsTypeAnnotation(node: ?Object, opts?: ?Object): node is ExistsTypeAnnotation;
+  declare export function isFunctionTypeAnnotation(node: ?Object, opts?: ?Object): node is FunctionTypeAnnotation;
+  declare export function isFunctionTypeParam(node: ?Object, opts?: ?Object): node is FunctionTypeParam;
+  declare export function isGenericTypeAnnotation(node: ?Object, opts?: ?Object): node is GenericTypeAnnotation;
+  declare export function isInferredPredicate(node: ?Object, opts?: ?Object): node is InferredPredicate;
+  declare export function isInterfaceExtends(node: ?Object, opts?: ?Object): node is InterfaceExtends;
+  declare export function isInterfaceDeclaration(node: ?Object, opts?: ?Object): node is InterfaceDeclaration;
+  declare export function isInterfaceTypeAnnotation(node: ?Object, opts?: ?Object): node is InterfaceTypeAnnotation;
+  declare export function isIntersectionTypeAnnotation(node: ?Object, opts?: ?Object): node is IntersectionTypeAnnotation;
+  declare export function isMixedTypeAnnotation(node: ?Object, opts?: ?Object): node is MixedTypeAnnotation;
+  declare export function isEmptyTypeAnnotation(node: ?Object, opts?: ?Object): node is EmptyTypeAnnotation;
+  declare export function isNullableTypeAnnotation(node: ?Object, opts?: ?Object): node is NullableTypeAnnotation;
+  declare export function isNumberLiteralTypeAnnotation(node: ?Object, opts?: ?Object): node is NumberLiteralTypeAnnotation;
+  declare export function isNumberTypeAnnotation(node: ?Object, opts?: ?Object): node is NumberTypeAnnotation;
+  declare export function isObjectTypeAnnotation(node: ?Object, opts?: ?Object): node is ObjectTypeAnnotation;
+  declare export function isObjectTypeInternalSlot(node: ?Object, opts?: ?Object): node is ObjectTypeInternalSlot;
+  declare export function isObjectTypeCallProperty(node: ?Object, opts?: ?Object): node is ObjectTypeCallProperty;
+  declare export function isObjectTypeIndexer(node: ?Object, opts?: ?Object): node is ObjectTypeIndexer;
+  declare export function isObjectTypeProperty(node: ?Object, opts?: ?Object): node is ObjectTypeProperty;
+  declare export function isObjectTypeSpreadProperty(node: ?Object, opts?: ?Object): node is ObjectTypeSpreadProperty;
+  declare export function isOpaqueType(node: ?Object, opts?: ?Object): node is OpaqueType;
+  declare export function isQualifiedTypeIdentifier(node: ?Object, opts?: ?Object): node is QualifiedTypeIdentifier;
+  declare export function isStringLiteralTypeAnnotation(node: ?Object, opts?: ?Object): node is StringLiteralTypeAnnotation;
+  declare export function isStringTypeAnnotation(node: ?Object, opts?: ?Object): node is StringTypeAnnotation;
+  declare export function isSymbolTypeAnnotation(node: ?Object, opts?: ?Object): node is SymbolTypeAnnotation;
+  declare export function isThisTypeAnnotation(node: ?Object, opts?: ?Object): node is ThisTypeAnnotation;
+  declare export function isTupleTypeAnnotation(node: ?Object, opts?: ?Object): node is TupleTypeAnnotation;
+  declare export function isTypeofTypeAnnotation(node: ?Object, opts?: ?Object): node is TypeofTypeAnnotation;
+  declare export function isTypeAlias(node: ?Object, opts?: ?Object): node is TypeAlias;
+  declare export function isTypeAnnotation(node: ?Object, opts?: ?Object): node is TypeAnnotation;
+  declare export function isTypeCastExpression(node: ?Object, opts?: ?Object): node is TypeCastExpression;
+  declare export function isTypeParameter(node: ?Object, opts?: ?Object): node is TypeParameter;
+  declare export function isTypeParameterDeclaration(node: ?Object, opts?: ?Object): node is TypeParameterDeclaration;
+  declare export function isTypeParameterInstantiation(node: ?Object, opts?: ?Object): node is TypeParameterInstantiation;
+  declare export function isUnionTypeAnnotation(node: ?Object, opts?: ?Object): node is UnionTypeAnnotation;
+  declare export function isVariance(node: ?Object, opts?: ?Object): node is Variance;
+  declare export function isVoidTypeAnnotation(node: ?Object, opts?: ?Object): node is VoidTypeAnnotation;
+  declare export function isEnumDeclaration(node: ?Object, opts?: ?Object): node is EnumDeclaration;
+  declare export function isEnumBooleanBody(node: ?Object, opts?: ?Object): node is EnumBooleanBody;
+  declare export function isEnumNumberBody(node: ?Object, opts?: ?Object): node is EnumNumberBody;
+  declare export function isEnumStringBody(node: ?Object, opts?: ?Object): node is EnumStringBody;
+  declare export function isEnumSymbolBody(node: ?Object, opts?: ?Object): node is EnumSymbolBody;
+  declare export function isEnumBooleanMember(node: ?Object, opts?: ?Object): node is EnumBooleanMember;
+  declare export function isEnumNumberMember(node: ?Object, opts?: ?Object): node is EnumNumberMember;
+  declare export function isEnumStringMember(node: ?Object, opts?: ?Object): node is EnumStringMember;
+  declare export function isEnumDefaultedMember(node: ?Object, opts?: ?Object): node is EnumDefaultedMember;
+  declare export function isIndexedAccessType(node: ?Object, opts?: ?Object): node is IndexedAccessType;
+  declare export function isOptionalIndexedAccessType(node: ?Object, opts?: ?Object): node is OptionalIndexedAccessType;
+  declare export function isJSXAttribute(node: ?Object, opts?: ?Object): node is JSXAttribute;
+  declare export function isJSXClosingElement(node: ?Object, opts?: ?Object): node is JSXClosingElement;
+  declare export function isJSXElement(node: ?Object, opts?: ?Object): node is JSXElement;
+  declare export function isJSXEmptyExpression(node: ?Object, opts?: ?Object): node is JSXEmptyExpression;
+  declare export function isJSXExpressionContainer(node: ?Object, opts?: ?Object): node is JSXExpressionContainer;
+  declare export function isJSXSpreadChild(node: ?Object, opts?: ?Object): node is JSXSpreadChild;
+  declare export function isJSXIdentifier(node: ?Object, opts?: ?Object): node is JSXIdentifier;
+  declare export function isJSXMemberExpression(node: ?Object, opts?: ?Object): node is JSXMemberExpression;
+  declare export function isJSXNamespacedName(node: ?Object, opts?: ?Object): node is JSXNamespacedName;
+  declare export function isJSXOpeningElement(node: ?Object, opts?: ?Object): node is JSXOpeningElement;
+  declare export function isJSXSpreadAttribute(node: ?Object, opts?: ?Object): node is JSXSpreadAttribute;
+  declare export function isJSXText(node: ?Object, opts?: ?Object): node is JSXText;
+  declare export function isJSXFragment(node: ?Object, opts?: ?Object): node is JSXFragment;
+  declare export function isJSXOpeningFragment(node: ?Object, opts?: ?Object): node is JSXOpeningFragment;
+  declare export function isJSXClosingFragment(node: ?Object, opts?: ?Object): node is JSXClosingFragment;
+  declare export function isNoop(node: ?Object, opts?: ?Object): node is Noop;
+  declare export function isPlaceholder(node: ?Object, opts?: ?Object): node is Placeholder;
+  declare export function isV8IntrinsicIdentifier(node: ?Object, opts?: ?Object): node is V8IntrinsicIdentifier;
+  declare export function isArgumentPlaceholder(node: ?Object, opts?: ?Object): node is ArgumentPlaceholder;
+  declare export function isBindExpression(node: ?Object, opts?: ?Object): node is BindExpression;
+  declare export function isImportAttribute(node: ?Object, opts?: ?Object): node is ImportAttribute;
+  declare export function isDecorator(node: ?Object, opts?: ?Object): node is Decorator;
+  declare export function isDoExpression(node: ?Object, opts?: ?Object): node is DoExpression;
+  declare export function isExportDefaultSpecifier(node: ?Object, opts?: ?Object): node is ExportDefaultSpecifier;
+  declare export function isRecordExpression(node: ?Object, opts?: ?Object): node is RecordExpression;
+  declare export function isTupleExpression(node: ?Object, opts?: ?Object): node is TupleExpression;
+  declare export function isDecimalLiteral(node: ?Object, opts?: ?Object): node is DecimalLiteral;
+  declare export function isModuleExpression(node: ?Object, opts?: ?Object): node is ModuleExpression;
+  declare export function isTopicReference(node: ?Object, opts?: ?Object): node is TopicReference;
+  declare export function isPipelineTopicExpression(node: ?Object, opts?: ?Object): node is PipelineTopicExpression;
+  declare export function isPipelineBareFunction(node: ?Object, opts?: ?Object): node is PipelineBareFunction;
+  declare export function isPipelinePrimaryTopicReference(node: ?Object, opts?: ?Object): node is PipelinePrimaryTopicReference;
+  declare export function isTSParameterProperty(node: ?Object, opts?: ?Object): node is TSParameterProperty;
+  declare export function isTSDeclareFunction(node: ?Object, opts?: ?Object): node is TSDeclareFunction;
+  declare export function isTSDeclareMethod(node: ?Object, opts?: ?Object): node is TSDeclareMethod;
+  declare export function isTSQualifiedName(node: ?Object, opts?: ?Object): node is TSQualifiedName;
+  declare export function isTSCallSignatureDeclaration(node: ?Object, opts?: ?Object): node is TSCallSignatureDeclaration;
+  declare export function isTSConstructSignatureDeclaration(node: ?Object, opts?: ?Object): node is TSConstructSignatureDeclaration;
+  declare export function isTSPropertySignature(node: ?Object, opts?: ?Object): node is TSPropertySignature;
+  declare export function isTSMethodSignature(node: ?Object, opts?: ?Object): node is TSMethodSignature;
+  declare export function isTSIndexSignature(node: ?Object, opts?: ?Object): node is TSIndexSignature;
+  declare export function isTSAnyKeyword(node: ?Object, opts?: ?Object): node is TSAnyKeyword;
+  declare export function isTSBooleanKeyword(node: ?Object, opts?: ?Object): node is TSBooleanKeyword;
+  declare export function isTSBigIntKeyword(node: ?Object, opts?: ?Object): node is TSBigIntKeyword;
+  declare export function isTSIntrinsicKeyword(node: ?Object, opts?: ?Object): node is TSIntrinsicKeyword;
+  declare export function isTSNeverKeyword(node: ?Object, opts?: ?Object): node is TSNeverKeyword;
+  declare export function isTSNullKeyword(node: ?Object, opts?: ?Object): node is TSNullKeyword;
+  declare export function isTSNumberKeyword(node: ?Object, opts?: ?Object): node is TSNumberKeyword;
+  declare export function isTSObjectKeyword(node: ?Object, opts?: ?Object): node is TSObjectKeyword;
+  declare export function isTSStringKeyword(node: ?Object, opts?: ?Object): node is TSStringKeyword;
+  declare export function isTSSymbolKeyword(node: ?Object, opts?: ?Object): node is TSSymbolKeyword;
+  declare export function isTSUndefinedKeyword(node: ?Object, opts?: ?Object): node is TSUndefinedKeyword;
+  declare export function isTSUnknownKeyword(node: ?Object, opts?: ?Object): node is TSUnknownKeyword;
+  declare export function isTSVoidKeyword(node: ?Object, opts?: ?Object): node is TSVoidKeyword;
+  declare export function isTSThisType(node: ?Object, opts?: ?Object): node is TSThisType;
+  declare export function isTSFunctionType(node: ?Object, opts?: ?Object): node is TSFunctionType;
+  declare export function isTSConstructorType(node: ?Object, opts?: ?Object): node is TSConstructorType;
+  declare export function isTSTypeReference(node: ?Object, opts?: ?Object): node is TSTypeReference;
+  declare export function isTSTypePredicate(node: ?Object, opts?: ?Object): node is TSTypePredicate;
+  declare export function isTSTypeQuery(node: ?Object, opts?: ?Object): node is TSTypeQuery;
+  declare export function isTSTypeLiteral(node: ?Object, opts?: ?Object): node is TSTypeLiteral;
+  declare export function isTSArrayType(node: ?Object, opts?: ?Object): node is TSArrayType;
+  declare export function isTSTupleType(node: ?Object, opts?: ?Object): node is TSTupleType;
+  declare export function isTSOptionalType(node: ?Object, opts?: ?Object): node is TSOptionalType;
+  declare export function isTSRestType(node: ?Object, opts?: ?Object): node is TSRestType;
+  declare export function isTSNamedTupleMember(node: ?Object, opts?: ?Object): node is TSNamedTupleMember;
+  declare export function isTSUnionType(node: ?Object, opts?: ?Object): node is TSUnionType;
+  declare export function isTSIntersectionType(node: ?Object, opts?: ?Object): node is TSIntersectionType;
+  declare export function isTSConditionalType(node: ?Object, opts?: ?Object): node is TSConditionalType;
+  declare export function isTSInferType(node: ?Object, opts?: ?Object): node is TSInferType;
+  declare export function isTSParenthesizedType(node: ?Object, opts?: ?Object): node is TSParenthesizedType;
+  declare export function isTSTypeOperator(node: ?Object, opts?: ?Object): node is TSTypeOperator;
+  declare export function isTSIndexedAccessType(node: ?Object, opts?: ?Object): node is TSIndexedAccessType;
+  declare export function isTSMappedType(node: ?Object, opts?: ?Object): node is TSMappedType;
+  declare export function isTSLiteralType(node: ?Object, opts?: ?Object): node is TSLiteralType;
+  declare export function isTSExpressionWithTypeArguments(node: ?Object, opts?: ?Object): node is TSExpressionWithTypeArguments;
+  declare export function isTSInterfaceDeclaration(node: ?Object, opts?: ?Object): node is TSInterfaceDeclaration;
+  declare export function isTSInterfaceBody(node: ?Object, opts?: ?Object): node is TSInterfaceBody;
+  declare export function isTSTypeAliasDeclaration(node: ?Object, opts?: ?Object): node is TSTypeAliasDeclaration;
+  declare export function isTSInstantiationExpression(node: ?Object, opts?: ?Object): node is TSInstantiationExpression;
+  declare export function isTSAsExpression(node: ?Object, opts?: ?Object): node is TSAsExpression;
+  declare export function isTSSatisfiesExpression(node: ?Object, opts?: ?Object): node is TSSatisfiesExpression;
+  declare export function isTSTypeAssertion(node: ?Object, opts?: ?Object): node is TSTypeAssertion;
+  declare export function isTSEnumDeclaration(node: ?Object, opts?: ?Object): node is TSEnumDeclaration;
+  declare export function isTSEnumMember(node: ?Object, opts?: ?Object): node is TSEnumMember;
+  declare export function isTSModuleDeclaration(node: ?Object, opts?: ?Object): node is TSModuleDeclaration;
+  declare export function isTSModuleBlock(node: ?Object, opts?: ?Object): node is TSModuleBlock;
+  declare export function isTSImportType(node: ?Object, opts?: ?Object): node is TSImportType;
+  declare export function isTSImportEqualsDeclaration(node: ?Object, opts?: ?Object): node is TSImportEqualsDeclaration;
+  declare export function isTSExternalModuleReference(node: ?Object, opts?: ?Object): node is TSExternalModuleReference;
+  declare export function isTSNonNullExpression(node: ?Object, opts?: ?Object): node is TSNonNullExpression;
+  declare export function isTSExportAssignment(node: ?Object, opts?: ?Object): node is TSExportAssignment;
+  declare export function isTSNamespaceExportDeclaration(node: ?Object, opts?: ?Object): node is TSNamespaceExportDeclaration;
+  declare export function isTSTypeAnnotation(node: ?Object, opts?: ?Object): node is TSTypeAnnotation;
+  declare export function isTSTypeParameterInstantiation(node: ?Object, opts?: ?Object): node is TSTypeParameterInstantiation;
+  declare export function isTSTypeParameterDeclaration(node: ?Object, opts?: ?Object): node is TSTypeParameterDeclaration;
+  declare export function isTSTypeParameter(node: ?Object, opts?: ?Object): node is TSTypeParameter;
+  declare export function isStandardized(node: ?Object, opts?: ?Object): node is (ArrayExpression | AssignmentExpression | BinaryExpression | InterpreterDirective | Directive | DirectiveLiteral | BlockStatement | BreakStatement | CallExpression | CatchClause | ConditionalExpression | ContinueStatement | DebuggerStatement | DoWhileStatement | EmptyStatement | ExpressionStatement | File | ForInStatement | ForStatement | FunctionDeclaration | FunctionExpression | Identifier | IfStatement | LabeledStatement | StringLiteral | NumericLiteral | NullLiteral | BooleanLiteral | RegExpLiteral | LogicalExpression | MemberExpression | NewExpression | Program | ObjectExpression | ObjectMethod | ObjectProperty | RestElement | ReturnStatement | SequenceExpression | ParenthesizedExpression | SwitchCase | SwitchStatement | ThisExpression | ThrowStatement | TryStatement | UnaryExpression | UpdateExpression | VariableDeclaration | VariableDeclarator | WhileStatement | WithStatement | AssignmentPattern | ArrayPattern | ArrowFunctionExpression | ClassBody | ClassExpression | ClassDeclaration | ExportAllDeclaration | ExportDefaultDeclaration | ExportNamedDeclaration | ExportSpecifier | ForOfStatement | ImportDeclaration | ImportDefaultSpecifier | ImportNamespaceSpecifier | ImportSpecifier | MetaProperty | ClassMethod | ObjectPattern | SpreadElement | Super | TaggedTemplateExpression | TemplateElement | TemplateLiteral | YieldExpression | AwaitExpression | Import | BigIntLiteral | ExportNamespaceSpecifier | OptionalMemberExpression | OptionalCallExpression | ClassProperty | ClassAccessorProperty | ClassPrivateProperty | ClassPrivateMethod | PrivateName | StaticBlock);
+  declare export function isExpression(node: ?Object, opts?: ?Object): node is (ArrayExpression | AssignmentExpression | BinaryExpression | CallExpression | ConditionalExpression | FunctionExpression | Identifier | StringLiteral | NumericLiteral | NullLiteral | BooleanLiteral | RegExpLiteral | LogicalExpression | MemberExpression | NewExpression | ObjectExpression | SequenceExpression | ParenthesizedExpression | ThisExpression | UnaryExpression | UpdateExpression | ArrowFunctionExpression | ClassExpression | MetaProperty | Super | TaggedTemplateExpression | TemplateLiteral | YieldExpression | AwaitExpression | Import | BigIntLiteral | OptionalMemberExpression | OptionalCallExpression | TypeCastExpression | JSXElement | JSXFragment | BindExpression | DoExpression | RecordExpression | TupleExpression | DecimalLiteral | ModuleExpression | TopicReference | PipelineTopicExpression | PipelineBareFunction | PipelinePrimaryTopicReference | TSInstantiationExpression | TSAsExpression | TSSatisfiesExpression | TSTypeAssertion | TSNonNullExpression);
+  declare export function isBinary(node: ?Object, opts?: ?Object): node is (BinaryExpression | LogicalExpression);
+  declare export function isScopable(node: ?Object, opts?: ?Object): node is (BlockStatement | CatchClause | DoWhileStatement | ForInStatement | ForStatement | FunctionDeclaration | FunctionExpression | Program | ObjectMethod | SwitchStatement | WhileStatement | ArrowFunctionExpression | ClassExpression | ClassDeclaration | ForOfStatement | ClassMethod | ClassPrivateMethod | StaticBlock | TSModuleBlock);
+  declare export function isBlockParent(node: ?Object, opts?: ?Object): node is (BlockStatement | CatchClause | DoWhileStatement | ForInStatement | ForStatement | FunctionDeclaration | FunctionExpression | Program | ObjectMethod | SwitchStatement | WhileStatement | ArrowFunctionExpression | ForOfStatement | ClassMethod | ClassPrivateMethod | StaticBlock | TSModuleBlock);
+  declare export function isBlock(node: ?Object, opts?: ?Object): node is (BlockStatement | Program | TSModuleBlock);
+  declare export function isStatement(node: ?Object, opts?: ?Object): node is (BlockStatement | BreakStatement | ContinueStatement | DebuggerStatement | DoWhileStatement | EmptyStatement | ExpressionStatement | ForInStatement | ForStatement | FunctionDeclaration | IfStatement | LabeledStatement | ReturnStatement | SwitchStatement | ThrowStatement | TryStatement | VariableDeclaration | WhileStatement | WithStatement | ClassDeclaration | ExportAllDeclaration | ExportDefaultDeclaration | ExportNamedDeclaration | ForOfStatement | ImportDeclaration | DeclareClass | DeclareFunction | DeclareInterface | DeclareModule | DeclareModuleExports | DeclareTypeAlias | DeclareOpaqueType | DeclareVariable | DeclareExportDeclaration | DeclareExportAllDeclaration | InterfaceDeclaration | OpaqueType | TypeAlias | EnumDeclaration | TSDeclareFunction | TSInterfaceDeclaration | TSTypeAliasDeclaration | TSEnumDeclaration | TSModuleDeclaration | TSImportEqualsDeclaration | TSExportAssignment | TSNamespaceExportDeclaration);
+  declare export function isTerminatorless(node: ?Object, opts?: ?Object): node is (BreakStatement | ContinueStatement | ReturnStatement | ThrowStatement | YieldExpression | AwaitExpression);
+  declare export function isCompletionStatement(node: ?Object, opts?: ?Object): node is (BreakStatement | ContinueStatement | ReturnStatement | ThrowStatement);
+  declare export function isConditional(node: ?Object, opts?: ?Object): node is (ConditionalExpression | IfStatement);
+  declare export function isLoop(node: ?Object, opts?: ?Object): node is (DoWhileStatement | ForInStatement | ForStatement | WhileStatement | ForOfStatement);
+  declare export function isWhile(node: ?Object, opts?: ?Object): node is (DoWhileStatement | WhileStatement);
+  declare export function isExpressionWrapper(node: ?Object, opts?: ?Object): node is (ExpressionStatement | ParenthesizedExpression | TypeCastExpression);
+  declare export function isFor(node: ?Object, opts?: ?Object): node is (ForInStatement | ForStatement | ForOfStatement);
+  declare export function isForXStatement(node: ?Object, opts?: ?Object): node is (ForInStatement | ForOfStatement);
+  declare export function isFunction(node: ?Object, opts?: ?Object): node is (FunctionDeclaration | FunctionExpression | ObjectMethod | ArrowFunctionExpression | ClassMethod | ClassPrivateMethod);
+  declare export function isFunctionParent(node: ?Object, opts?: ?Object): node is (FunctionDeclaration | FunctionExpression | ObjectMethod | ArrowFunctionExpression | ClassMethod | ClassPrivateMethod | StaticBlock | TSModuleBlock);
+  declare export function isPureish(node: ?Object, opts?: ?Object): node is (FunctionDeclaration | FunctionExpression | StringLiteral | NumericLiteral | NullLiteral | BooleanLiteral | RegExpLiteral | ArrowFunctionExpression | BigIntLiteral | DecimalLiteral);
+  declare export function isDeclaration(node: ?Object, opts?: ?Object): node is (FunctionDeclaration | VariableDeclaration | ClassDeclaration | ExportAllDeclaration | ExportDefaultDeclaration | ExportNamedDeclaration | ImportDeclaration | DeclareClass | DeclareFunction | DeclareInterface | DeclareModule | DeclareModuleExports | DeclareTypeAlias | DeclareOpaqueType | DeclareVariable | DeclareExportDeclaration | DeclareExportAllDeclaration | InterfaceDeclaration | OpaqueType | TypeAlias | EnumDeclaration | TSDeclareFunction | TSInterfaceDeclaration | TSTypeAliasDeclaration | TSEnumDeclaration | TSModuleDeclaration);
+  declare export function isPatternLike(node: ?Object, opts?: ?Object): node is (Identifier | RestElement | AssignmentPattern | ArrayPattern | ObjectPattern | TSAsExpression | TSSatisfiesExpression | TSTypeAssertion | TSNonNullExpression);
+  declare export function isLVal(node: ?Object, opts?: ?Object): node is (Identifier | MemberExpression | RestElement | AssignmentPattern | ArrayPattern | ObjectPattern | TSParameterProperty | TSAsExpression | TSSatisfiesExpression | TSTypeAssertion | TSNonNullExpression);
+  declare export function isTSEntityName(node: ?Object, opts?: ?Object): node is (Identifier | TSQualifiedName);
+  declare export function isLiteral(node: ?Object, opts?: ?Object): node is (StringLiteral | NumericLiteral | NullLiteral | BooleanLiteral | RegExpLiteral | TemplateLiteral | BigIntLiteral | DecimalLiteral);
+  declare export function isImmutable(node: ?Object, opts?: ?Object): node is (StringLiteral | NumericLiteral | NullLiteral | BooleanLiteral | BigIntLiteral | JSXAttribute | JSXClosingElement | JSXElement | JSXExpressionContainer | JSXSpreadChild | JSXOpeningElement | JSXText | JSXFragment | JSXOpeningFragment | JSXClosingFragment | DecimalLiteral);
+  declare export function isUserWhitespacable(node: ?Object, opts?: ?Object): node is (ObjectMethod | ObjectProperty | ObjectTypeInternalSlot | ObjectTypeCallProperty | ObjectTypeIndexer | ObjectTypeProperty | ObjectTypeSpreadProperty);
+  declare export function isMethod(node: ?Object, opts?: ?Object): node is (ObjectMethod | ClassMethod | ClassPrivateMethod);
+  declare export function isObjectMember(node: ?Object, opts?: ?Object): node is (ObjectMethod | ObjectProperty);
+  declare export function isProperty(node: ?Object, opts?: ?Object): node is (ObjectProperty | ClassProperty | ClassAccessorProperty | ClassPrivateProperty);
+  declare export function isUnaryLike(node: ?Object, opts?: ?Object): node is (UnaryExpression | SpreadElement);
+  declare export function isPattern(node: ?Object, opts?: ?Object): node is (AssignmentPattern | ArrayPattern | ObjectPattern);
+  declare export function isClass(node: ?Object, opts?: ?Object): node is (ClassExpression | ClassDeclaration);
+  declare export function isModuleDeclaration(node: ?Object, opts?: ?Object): node is (ExportAllDeclaration | ExportDefaultDeclaration | ExportNamedDeclaration | ImportDeclaration);
+  declare export function isExportDeclaration(node: ?Object, opts?: ?Object): node is (ExportAllDeclaration | ExportDefaultDeclaration | ExportNamedDeclaration);
+  declare export function isModuleSpecifier(node: ?Object, opts?: ?Object): node is (ExportSpecifier | ImportDefaultSpecifier | ImportNamespaceSpecifier | ImportSpecifier | ExportNamespaceSpecifier | ExportDefaultSpecifier);
+  declare export function isAccessor(node: ?Object, opts?: ?Object): node is (ClassAccessorProperty);
+  declare export function isPrivate(node: ?Object, opts?: ?Object): node is (ClassPrivateProperty | ClassPrivateMethod | PrivateName);
+  declare export function isFlow(node: ?Object, opts?: ?Object): node is (AnyTypeAnnotation | ArrayTypeAnnotation | BooleanTypeAnnotation | BooleanLiteralTypeAnnotation | NullLiteralTypeAnnotation | ClassImplements | DeclareClass | DeclareFunction | DeclareInterface | DeclareModule | DeclareModuleExports | DeclareTypeAlias | DeclareOpaqueType | DeclareVariable | DeclareExportDeclaration | DeclareExportAllDeclaration | DeclaredPredicate | ExistsTypeAnnotation | FunctionTypeAnnotation | FunctionTypeParam | GenericTypeAnnotation | InferredPredicate | InterfaceExtends | InterfaceDeclaration | InterfaceTypeAnnotation | IntersectionTypeAnnotation | MixedTypeAnnotation | EmptyTypeAnnotation | NullableTypeAnnotation | NumberLiteralTypeAnnotation | NumberTypeAnnotation | ObjectTypeAnnotation | ObjectTypeInternalSlot | ObjectTypeCallProperty | ObjectTypeIndexer | ObjectTypeProperty | ObjectTypeSpreadProperty | OpaqueType | QualifiedTypeIdentifier | StringLiteralTypeAnnotation | StringTypeAnnotation | SymbolTypeAnnotation | ThisTypeAnnotation | TupleTypeAnnotation | TypeofTypeAnnotation | TypeAlias | TypeAnnotation | TypeCastExpression | TypeParameter | TypeParameterDeclaration | TypeParameterInstantiation | UnionTypeAnnotation | Variance | VoidTypeAnnotation | EnumDeclaration | EnumBooleanBody | EnumNumberBody | EnumStringBody | EnumSymbolBody | EnumBooleanMember | EnumNumberMember | EnumStringMember | EnumDefaultedMember | IndexedAccessType | OptionalIndexedAccessType);
+  declare export function isFlowType(node: ?Object, opts?: ?Object): node is (AnyTypeAnnotation | ArrayTypeAnnotation | BooleanTypeAnnotation | BooleanLiteralTypeAnnotation | NullLiteralTypeAnnotation | ExistsTypeAnnotation | FunctionTypeAnnotation | GenericTypeAnnotation | InterfaceTypeAnnotation | IntersectionTypeAnnotation | MixedTypeAnnotation | EmptyTypeAnnotation | NullableTypeAnnotation | NumberLiteralTypeAnnotation | NumberTypeAnnotation | ObjectTypeAnnotation | StringLiteralTypeAnnotation | StringTypeAnnotation | SymbolTypeAnnotation | ThisTypeAnnotation | TupleTypeAnnotation | TypeofTypeAnnotation | UnionTypeAnnotation | VoidTypeAnnotation | IndexedAccessType | OptionalIndexedAccessType);
+  declare export function isFlowBaseAnnotation(node: ?Object, opts?: ?Object): node is (AnyTypeAnnotation | BooleanTypeAnnotation | NullLiteralTypeAnnotation | MixedTypeAnnotation | EmptyTypeAnnotation | NumberTypeAnnotation | StringTypeAnnotation | SymbolTypeAnnotation | ThisTypeAnnotation | VoidTypeAnnotation);
+  declare export function isFlowDeclaration(node: ?Object, opts?: ?Object): node is (DeclareClass | DeclareFunction | DeclareInterface | DeclareModule | DeclareModuleExports | DeclareTypeAlias | DeclareOpaqueType | DeclareVariable | DeclareExportDeclaration | DeclareExportAllDeclaration | InterfaceDeclaration | OpaqueType | TypeAlias);
+  declare export function isFlowPredicate(node: ?Object, opts?: ?Object): node is (DeclaredPredicate | InferredPredicate);
+  declare export function isEnumBody(node: ?Object, opts?: ?Object): node is (EnumBooleanBody | EnumNumberBody | EnumStringBody | EnumSymbolBody);
+  declare export function isEnumMember(node: ?Object, opts?: ?Object): node is (EnumBooleanMember | EnumNumberMember | EnumStringMember | EnumDefaultedMember);
+  declare export function isJSX(node: ?Object, opts?: ?Object): node is (JSXAttribute | JSXClosingElement | JSXElement | JSXEmptyExpression | JSXExpressionContainer | JSXSpreadChild | JSXIdentifier | JSXMemberExpression | JSXNamespacedName | JSXOpeningElement | JSXSpreadAttribute | JSXText | JSXFragment | JSXOpeningFragment | JSXClosingFragment);
+  declare export function isMiscellaneous(node: ?Object, opts?: ?Object): node is (Noop | Placeholder | V8IntrinsicIdentifier);
+  declare export function isTypeScript(node: ?Object, opts?: ?Object): node is (TSParameterProperty | TSDeclareFunction | TSDeclareMethod | TSQualifiedName | TSCallSignatureDeclaration | TSConstructSignatureDeclaration | TSPropertySignature | TSMethodSignature | TSIndexSignature | TSAnyKeyword | TSBooleanKeyword | TSBigIntKeyword | TSIntrinsicKeyword | TSNeverKeyword | TSNullKeyword | TSNumberKeyword | TSObjectKeyword | TSStringKeyword | TSSymbolKeyword | TSUndefinedKeyword | TSUnknownKeyword | TSVoidKeyword | TSThisType | TSFunctionType | TSConstructorType | TSTypeReference | TSTypePredicate | TSTypeQuery | TSTypeLiteral | TSArrayType | TSTupleType | TSOptionalType | TSRestType | TSNamedTupleMember | TSUnionType | TSIntersectionType | TSConditionalType | TSInferType | TSParenthesizedType | TSTypeOperator | TSIndexedAccessType | TSMappedType | TSLiteralType | TSExpressionWithTypeArguments | TSInterfaceDeclaration | TSInterfaceBody | TSTypeAliasDeclaration | TSInstantiationExpression | TSAsExpression | TSSatisfiesExpression | TSTypeAssertion | TSEnumDeclaration | TSEnumMember | TSModuleDeclaration | TSModuleBlock | TSImportType | TSImportEqualsDeclaration | TSExternalModuleReference | TSNonNullExpression | TSExportAssignment | TSNamespaceExportDeclaration | TSTypeAnnotation | TSTypeParameterInstantiation | TSTypeParameterDeclaration | TSTypeParameter);
+  declare export function isTSTypeElement(node: ?Object, opts?: ?Object): node is (TSCallSignatureDeclaration | TSConstructSignatureDeclaration | TSPropertySignature | TSMethodSignature | TSIndexSignature);
+  declare export function isTSType(node: ?Object, opts?: ?Object): node is (TSAnyKeyword | TSBooleanKeyword | TSBigIntKeyword | TSIntrinsicKeyword | TSNeverKeyword | TSNullKeyword | TSNumberKeyword | TSObjectKeyword | TSStringKeyword | TSSymbolKeyword | TSUndefinedKeyword | TSUnknownKeyword | TSVoidKeyword | TSThisType | TSFunctionType | TSConstructorType | TSTypeReference | TSTypePredicate | TSTypeQuery | TSTypeLiteral | TSArrayType | TSTupleType | TSOptionalType | TSRestType | TSUnionType | TSIntersectionType | TSConditionalType | TSInferType | TSParenthesizedType | TSTypeOperator | TSIndexedAccessType | TSMappedType | TSLiteralType | TSExpressionWithTypeArguments | TSImportType);
+  declare export function isTSBaseType(node: ?Object, opts?: ?Object): node is (TSAnyKeyword | TSBooleanKeyword | TSBigIntKeyword | TSIntrinsicKeyword | TSNeverKeyword | TSNullKeyword | TSNumberKeyword | TSObjectKeyword | TSStringKeyword | TSSymbolKeyword | TSUndefinedKeyword | TSUnknownKeyword | TSVoidKeyword | TSThisType | TSLiteralType);
+  declare export function isNumberLiteral(node: ?Object, opts?: ?Object): node is NumericLiteral;
+  declare export function isRegexLiteral(node: ?Object, opts?: ?Object): node is RegExpLiteral;
+  declare export function isRestProperty(node: ?Object, opts?: ?Object): node is RestElement;
+  declare export function isSpreadProperty(node: ?Object, opts?: ?Object): node is SpreadElement;
   declare export function createTypeAnnotationBasedOnTypeof(type: 'string' | 'number' | 'undefined' | 'boolean' | 'function' | 'object' | 'symbol'): BabelNodeTypeAnnotation
   declare export function createUnionTypeAnnotation(types: Array<BabelNodeFlowType>): BabelNodeUnionTypeAnnotation
   declare export function createFlowUnionType(types: Array<BabelNodeFlowType>): BabelNodeUnionTypeAnnotation
@@ -3796,18 +3796,18 @@ declare module "@babel/types" {
   declare export function is(type: string, n: BabelNode, opts: Object): boolean;
   declare export function isBinding(node: BabelNode, parent: BabelNode, grandparent?: BabelNode): boolean
   declare export function isBlockScoped(node: BabelNode): boolean
-  declare export function isLet(node: BabelNode): boolean %checks (node.type === 'VariableDeclaration')
+  declare export function isLet(node: BabelNode): node is VariableDeclaration
   declare export function isNode(node: ?Object): boolean
   declare export function isNodesEquivalent(a: any, b: any): boolean
   declare export function isPlaceholderType(placeholderType: string, targetType: string): boolean
   declare export function isReferenced(node: BabelNode, parent: BabelNode, grandparent?: BabelNode): boolean
-  declare export function isScope(node: BabelNode, parent: BabelNode): boolean %checks (node.type === 'BlockStatement' ||  node.type === 'CatchClause' || node.type === 'DoWhileStatement' || node.type === 'ForInStatement' || node.type === 'ForStatement' || node.type === 'FunctionDeclaration' || node.type === 'FunctionExpression' || node.type === 'Program' || node.type === 'ObjectMethod' || node.type === 'SwitchStatement' || node.type === 'WhileStatement' || node.type === 'ArrowFunctionExpression' || node.type === 'ClassExpression' || node.type === 'ClassDeclaration' || node.type === 'ForOfStatement' || node.type === 'ClassMethod' || node.type === 'ClassPrivateMethod' || node.type === 'TSModuleBlock')
+  declare export function isScope(node: BabelNode, parent: BabelNode): node is (BlockStatement | CatchClause | DoWhileStatement | ForInStatement | ForStatement | FunctionDeclaration | FunctionExpression | Program | ObjectMethod | SwitchStatement | WhileStatement | ArrowFunctionExpression | ClassExpression | ClassDeclaration | ForOfStatement | ClassMethod | ClassPrivateMethod | TSModuleBlock)
   declare export function isSpecifierDefault(specifier: BabelNodeModuleSpecifier): boolean
   declare export function isType(nodetype: ?string, targetType: string): boolean
   declare export function isValidES3Identifier(name: string): boolean
   declare export function isValidES3Identifier(name: string): boolean
   declare export function isValidIdentifier(name: string): boolean
-  declare export function isVar(node: BabelNode): boolean %checks (node.type === 'VariableDeclaration')
+  declare export function isVar(node: BabelNode): node is VariableDeclaration
   declare export function matchesPattern(node: ?BabelNode, match: string | Array<string>, allowPartial?: boolean): boolean
   declare export function validate(n: BabelNode, key: string, value: mixed): void;
   declare export type Node = BabelNode;
diff --git a/flow-typed/npm/data-uri-to-buffer_v6.x.x.js b/flow-typed/npm/data-uri-to-buffer_v6.x.x.js
new file mode 100644
index 00000000000000..b8d97331050f36
--- /dev/null
+++ b/flow-typed/npm/data-uri-to-buffer_v6.x.x.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+declare module 'data-uri-to-buffer' {
+  declare interface ParsedDataURI {
+    type: string;
+    typeFull: string;
+    charset: TextDecoder$availableEncodings;
+    buffer: ArrayBuffer;
+  }
+
+  declare export function dataUriToBuffer(uri: string | URL): ParsedDataURI;
+}
diff --git a/flow-typed/npm/mkdirp_v0.5.x.js b/flow-typed/npm/mkdirp_v0.5.x.js
new file mode 100644
index 00000000000000..79522197f961eb
--- /dev/null
+++ b/flow-typed/npm/mkdirp_v0.5.x.js
@@ -0,0 +1,18 @@
+// flow-typed signature: b1b274e8ae71623bf11c20224c446842
+// flow-typed version: c6154227d1/mkdirp_v0.5.x/flow_>=v0.104.x
+
+declare module 'mkdirp' {
+  declare type Options = number | {
+    mode?: number,
+    fs?: mixed,
+    ...
+  };
+
+  declare type Callback = (err: ?Error, path: ?string) => void;
+
+  declare module.exports: {
+    (path: string, options?: Options | Callback, callback?: Callback): void,
+    sync(path: string, options?: Options): void,
+    ...
+  };
+}
diff --git a/flow-typed/npm/parseargs_v0.11.x.js b/flow-typed/npm/parseargs_v0.11.x.js
index 396865dca4fc66..51832ac1caa387 100644
--- a/flow-typed/npm/parseargs_v0.11.x.js
+++ b/flow-typed/npm/parseargs_v0.11.x.js
@@ -10,31 +10,30 @@
  */
 
 declare module '@pkgjs/parseargs' {
-  declare type ParseArgsOptionConfig = {
-    type: 'string' | 'boolean',
-    short?: string,
-    multiple?: boolean,
-  };
-
-  declare type ParseArgsOptionsConfig = {
-    [longOption: string]: ParseArgsOptionConfig,
-  };
-
-  declare export type ParseArgsConfig = {
+  declare export function parseArgs<
+    TOptions: {[string]: util$ParseArgsOption} = {},
+  >(config: {
+    args?: Array<string>,
+    options?: TOptions,
     strict?: boolean,
     allowPositionals?: boolean,
-    tokens?: boolean,
-    options?: ParseArgsOptionsConfig,
-    args?: string[],
+    tokens?: false,
+  }): {
+    values: util$ParseArgsOptionsToValues<TOptions>,
+    positionals: Array<string>,
   };
 
-  declare type ParsedResults = {
-    values: {
-      [longOption: string]: void | string | boolean | Array<string | boolean>,
-    },
-    positionals: string[],
-    ...
+  declare export function parseArgs<
+    TOptions: {[string]: util$ParseArgsOption} = {},
+  >(config: {
+    args?: Array<string>,
+    options?: TOptions,
+    strict?: boolean,
+    allowPositionals?: boolean,
+    tokens: true,
+  }): {
+    values: util$ParseArgsOptionsToValues<TOptions>,
+    positionals: Array<string>,
+    tokens: Array<util$ParseArgsToken>,
   };
-
-  declare export function parseArgs(config: ParseArgsConfig): ParsedResults;
 }
diff --git a/flow-typed/npm/selfsigned_v2.x.x.js b/flow-typed/npm/selfsigned_v2.x.x.js
new file mode 100644
index 00000000000000..be353372f138ad
--- /dev/null
+++ b/flow-typed/npm/selfsigned_v2.x.x.js
@@ -0,0 +1,101 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+declare module 'selfsigned' {
+  declare interface SelfsignedOptions {
+    /**
+     * The number of days before expiration
+     *
+     * @default 365 */
+    days?: number;
+
+    /**
+     * The date before which the certificate should not be valid
+     *
+     * @default now */
+    notBeforeDate?: Date;
+
+    /**
+     * the size for the private key in bits
+     * @default 1024
+     */
+    keySize?: number;
+    /**
+     * additional extensions for the certificate
+     */
+    extensions?: mixed[];
+    /**
+     * The signature algorithm sha256 or sha1
+     * @default "sha1"
+     */
+    algorithm?: string;
+    /**
+     * include PKCS#7 as part of the output
+     * @default false
+     */
+    pkcs7?: boolean;
+    /**
+     * generate client cert signed by the original key
+     * @default false
+     */
+    clientCertificate?: boolean;
+    /**
+     * client certificate's common name
+     * @default "John Doe jdoe123"
+     */
+    clientCertificateCN?: string;
+    /**
+     * the size for the client private key in bits
+     * @default 1024
+     */
+    clientCertificateKeySize?: number;
+  }
+
+  declare interface GenerateResult {
+    private: string;
+    public: string;
+    cert: string;
+    fingerprint: string;
+  }
+
+  declare export function generate(
+    attrs?: pki$CertificateField[],
+    opts?: SelfsignedOptions,
+  ): GenerateResult;
+
+  declare export function generate(
+    attrs?: pki$CertificateField[],
+    opts?: SelfsignedOptions,
+    /** Optional callback, if not provided the generation is synchronous */
+    done?: (err: void | Error, result: GenerateResult) => mixed,
+  ): void;
+
+  // definitions from node-forge's `pki` and `asn1` namespaces
+  declare interface pki$CertificateFieldOptions {
+    name?: string | void;
+    type?: string | void;
+    shortName?: string | void;
+  }
+
+  declare enum asn1$Class {
+    UNIVERSAL = 0x00,
+    APPLICATION = 0x40,
+    CONTEXT_SPECIFIC = 0x80,
+    PRIVATE = 0xc0,
+  }
+
+  declare interface pki$CertificateField extends pki$CertificateFieldOptions {
+    valueConstructed?: boolean | void;
+    valueTagClass?: asn1$Class | void;
+    value?: mixed[] | string | void;
+    extensions?: mixed[] | void;
+  }
+}
diff --git a/flow-typed/npm/shelljs_v0.x.x.js b/flow-typed/npm/shelljs_v0.x.x.js
new file mode 100644
index 00000000000000..b1bff7b8402d51
--- /dev/null
+++ b/flow-typed/npm/shelljs_v0.x.x.js
@@ -0,0 +1,348 @@
+/**
+ * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ *
+ * @flow
+ * @format
+ */
+
+'use strict';
+
+// https://github.com/flow-typed/flow-typed/blob/master/definitions/npm/shelljs_v0.7.x/flow_v0.28.x-v0.32.x/shelljs_v0.7.x.js
+
+declare type $npm$shelljs$Array<T> = Array<T> & $npm$shelljs$Result;
+declare type $npm$shelljs$Async = Class<child_process$ChildProcess>;
+declare type $npm$shelljs$Pattern = RegExp | String | string;
+declare type $npm$shelljs$String = String & $npm$shelljs$Result;
+
+declare interface $npm$shelljs$Config {
+  fatal: boolean;
+  globOpts: {
+    nodir: boolean,
+    ...
+  };
+  silent: boolean;
+  verbose: boolean;
+}
+declare interface $npm$shelljs$Env {
+  [key: string]: string;
+}
+
+declare type $npm$shelljs$OptionsPoly<Flags: string> = {
+  [keys: Flags]: boolean,
+  ...
+};
+declare interface $npm$shelljs$ExecThen {
+  (code: number, stdout: string, stderr: string): void;
+}
+declare type $npm$shelljs$ExecOptionsPoly<T: Object> = T & {
+  async?: boolean,
+  silent?: boolean,
+  ...
+};
+declare type $npm$shelljs$ExecOpts =
+  $npm$shelljs$ExecOptionsPoly<child_process$execOpts>;
+declare type $npm$shelljs$ExecOptsSync =
+  $npm$shelljs$ExecOptionsPoly<child_process$execSyncOpts>;
+declare type $npm$shelljs$GrepOpts = $npm$shelljs$OptionsPoly<'-l' | '-v'>;
+declare type $npm$shelljs$SedOpts = $npm$shelljs$OptionsPoly<'-i'>;
+declare type $npm$shelljs$SortOpts = $npm$shelljs$OptionsPoly<'-n' | '-r'>;
+declare type $npm$shelljs$TestOpts =
+  | '-b'
+  | '-c'
+  | '-d'
+  | '-e'
+  | '-f'
+  | '-L'
+  | '-p'
+  | '-S';
+declare type $npm$shelljs$TouchOpts = {
+  [key: '-a' | '-c' | '-m']: boolean,
+  '-d'?: string,
+  '-r'?: string,
+  ...
+};
+
+// dupe from flow lib until we can import
+declare interface $npm$shelljs$FileStats {
+  atime: Date;
+  birthtime: Date; // FIXME: add to flow lib
+  blksize: number;
+  blocks: number;
+  ctime: Date;
+  dev: number;
+  gid: number;
+  ino: number;
+  mode: number;
+  mtime: Date;
+  name: string; // NOTE: specific to shelljs
+  nlink: number;
+  rdev: number;
+  size: number;
+  uid: number;
+  isBlockDevice(): boolean;
+  isCharacterDevice(): boolean;
+  isDirectory(): boolean;
+  isFIFO(): boolean;
+  isFile(): boolean;
+  isSocket(): boolean;
+  isSymbolicLink(): boolean;
+}
+
+declare interface $npm$shelljs$Result {
+  code: number;
+  stdout: string;
+  stderr: string;
+  to(file: string): $npm$shelljs$String;
+  toEnd(file: string): $npm$shelljs$String;
+  cat: (rest: void) => $npm$shelljs$String;
+  exec: ((
+    cmd: string,
+    opts: $npm$shelljs$ExecOpts & {async: true, ...},
+    then: $npm$shelljs$ExecThen,
+    rest: void,
+  ) => $npm$shelljs$Async) &
+    ((
+      cmd: string,
+      opts: $npm$shelljs$ExecOpts & {async: true, ...},
+      rest: void,
+    ) => $npm$shelljs$Async) &
+    ((
+      cmd: string,
+      opts: $npm$shelljs$ExecOptsSync,
+      rest: void,
+    ) => $npm$shelljs$String) &
+    ((cmd: string, rest: void) => $npm$shelljs$String) &
+    ((
+      cmd: string,
+      then: $npm$shelljs$ExecThen,
+      rest: void,
+    ) => $npm$shelljs$Async);
+  grep: ((
+    opts: $npm$shelljs$GrepOpts,
+    rx: $npm$shelljs$Pattern,
+    rest: void,
+  ) => $npm$shelljs$String) &
+    ((rx: $npm$shelljs$Pattern, rest: void) => $npm$shelljs$String);
+  head: ((num: number, rest: void) => $npm$shelljs$String) &
+    ((rest: void) => $npm$shelljs$String);
+  sed: (
+    rx: $npm$shelljs$Pattern,
+    subst: string,
+    rest: void,
+  ) => $npm$shelljs$String;
+  sort: ((opts: $npm$shelljs$SortOpts, rest: void) => $npm$shelljs$String) &
+    ((rest: void) => $npm$shelljs$String);
+  tail: ((num: number, rest: void) => $npm$shelljs$String) &
+    ((rest: void) => $npm$shelljs$String);
+}
+
+// $FlowFixMe[unsupported-syntax]
+declare module 'shelljs' {
+  declare export type ShellArray<T> = $npm$shelljs$Array<T>;
+  declare export type ShellAsync = $npm$shelljs$Async;
+  declare export type ShellOptionsPoly<Flags: string> =
+    $npm$shelljs$OptionsPoly<Flags>;
+  declare export type ShellConfig = $npm$shelljs$Config;
+  declare export type ShellEnv = $npm$shelljs$Env;
+  declare export type ShellFileStats = $npm$shelljs$FileStats;
+  declare export type ShellPattern = $npm$shelljs$Pattern;
+  declare export type ShellResult = $npm$shelljs$Result;
+  declare export type ShellString = $npm$shelljs$String;
+
+  declare export type ChmodOpts = ShellOptionsPoly<'-R' | '-c' | '-v'>;
+  declare export type CpOpts = ShellOptionsPoly<
+    '-P' | '-L' | '-R' | '-f' | '-n',
+  >;
+  declare export type DirsOpts = '-c';
+  declare export // FIXME
+  type DirsIdx =
+    | '-0'
+    | '-1'
+    | '-2'
+    | '-3'
+    | '-4'
+    | '-5'
+    | '-6'
+    | '-7'
+    | '-8'
+    | '-9'
+    | '-10'
+    | '-11'
+    | '-12'
+    | '-13'
+    | '-14'
+    | '-15'
+    | '-16'
+    | '-17'
+    | '-18'
+    | '-19'
+    | '-20'
+    | '-21'
+    | '-22'
+    | '-23'
+    | '-24'
+    | '-25'
+    | '-26'
+    | '-27'
+    | '-28'
+    | '-29'
+    | '-30'
+    | '-31'
+    | '+0'
+    | '+1'
+    | '+2'
+    | '+3'
+    | '+4'
+    | '+5'
+    | '+6'
+    | '+7'
+    | '+8'
+    | '+9'
+    | '+10'
+    | '+11'
+    | '+12'
+    | '+13'
+    | '+14'
+    | '+15'
+    | '+16'
+    | '+17'
+    | '+18'
+    | '+19'
+    | '+20'
+    | '+21'
+    | '+22'
+    | '+23'
+    | '+24'
+    | '+25'
+    | '+26'
+    | '+27'
+    | '+28'
+    | '+29'
+    | '+30'
+    | '+31';
+  declare export type ExecOpts = $npm$shelljs$ExecOpts;
+  declare export type ExecOptsSync = $npm$shelljs$ExecOptsSync;
+  declare export type ExecThen = $npm$shelljs$ExecThen;
+  declare export type GrepOpts = $npm$shelljs$GrepOpts;
+  declare export type LnOpts = ShellOptionsPoly<'-f' | '-s'>;
+  declare export type LsOpts = ShellOptionsPoly<'-A' | '-R' | '-d' | '-l'>;
+  declare export type MkdirOpts = ShellOptionsPoly<'-p'>;
+  declare export type MvOpts = ShellOptionsPoly<'-f' | '-n'>;
+  declare export type PopdOpts = ShellOptionsPoly<'-n'>;
+  declare export type PushdOpts = ShellOptionsPoly<'-n'>;
+  declare export type RmOpts = ShellOptionsPoly<'-f' | '-r'>;
+  declare export type SedOpts = $npm$shelljs$SedOpts;
+  declare export type SortOpts = $npm$shelljs$SortOpts;
+  declare export type TestOpts = $npm$shelljs$TestOpts;
+  declare export type TouchOpts = $npm$shelljs$TouchOpts;
+
+  declare module.exports: {
+    ShellString: ((
+      stdout: string,
+      stderr?: string,
+      code?: number,
+    ) => ShellString) &
+      (<T>(stdout: T[], stderr?: string, code?: number) => ShellArray<T>),
+    config: ShellConfig,
+    env: ShellEnv,
+    cat: (glob: string, ...rest: string[]) => ShellString,
+    cd: ((dir: string, rest: void) => ShellString) &
+      ((rest: void) => ShellString),
+    chmod: ((
+      opts: ChmodOpts,
+      mode: number | string,
+      glob: string,
+      ...rest: string[]
+    ) => ShellString) &
+      ((mode: number | string, glob: string, ...rest: string[]) => ShellString),
+    cp: ((
+      opts: CpOpts,
+      src: string,
+      next: string,
+      ...rest: string[]
+    ) => ShellString) &
+      ((src: string, next: string, ...rest: string[]) => ShellString),
+    dirs: ((idxOrOpts: DirsIdx | DirsOpts, rest: void) => string[]) &
+      ((rest: void) => string[]),
+    echo: (...rest: (number | string | String)[]) => ShellString, // FIXME: consider allowing more input types
+    error: (rest: void) => ?string,
+    exec: ((
+      cmd: string,
+      opts: ExecOpts & {async: true, ...},
+      then: ExecThen,
+      rest: void,
+    ) => ShellAsync) &
+      ((
+        cmd: string,
+        opts: ExecOpts & {async: true, ...},
+        rest: void,
+      ) => ShellAsync) &
+      ((cmd: string, opts: ExecOptsSync, rest: void) => ShellString) &
+      ((cmd: string, rest: void) => ShellString) &
+      ((cmd: string, then: ExecThen, rest: void) => ShellAsync),
+    exit: ((code: number, rest: void) => void) & ((rest: void) => void),
+    find: (glob: string, ...rest: string[]) => ShellArray<string>,
+    grep: ((
+      opts: GrepOpts,
+      rx: ShellPattern,
+      glob: string,
+      ...rest: string[]
+    ) => ShellString) &
+      ((rx: ShellPattern, glob: string, ...rest: string[]) => ShellString),
+    head: ((num: number, glob: string, ...rest: string[]) => ShellString) &
+      ((glob: string, ...rest: string[]) => ShellString),
+    ln: ((opts: LnOpts, src: string, tgt: string, rest: void) => ShellString) &
+      ((src: string, tgt: string, rest: void) => ShellString),
+    ls: ((
+      opts: LsOpts & {'-l': true, ...},
+      glob: string,
+      ...rest: string[]
+    ) => ShellArray<ShellFileStats>) &
+      ((opts: LsOpts, glob: string, ...rest: string[]) => ShellArray<string>) &
+      ((glob: string, ...rest: string[]) => ShellArray<string>),
+    mkdir: ((opts: MkdirOpts, dir: string, ...rest: string[]) => ShellString) &
+      ((dir: string, ...rest: string[]) => ShellString),
+    mv: ((
+      opts: MvOpts,
+      src: string,
+      next: string,
+      ...rest: string[]
+    ) => ShellString) &
+      ((src: string, next: string, ...rest: string[]) => ShellString),
+    popd: ((opts: PopdOpts, idx: string, rest: void) => string[]) &
+      ((opts: PopdOpts, rest: void) => string[]) &
+      ((idx: string, rest: void) => string[]) &
+      ((rest: void) => string[]),
+    pushd: ((opts: PushdOpts, dirOrIdx: string, rest: void) => string[]) &
+      ((dirOrIdx: string, rest: void) => string[]),
+    pwd: (rest: void) => ShellString,
+    rm: ((opts: RmOpts, glob: string, ...rest: string[]) => ShellString) &
+      ((glob: string, ...rest: string[]) => ShellString),
+    sed: ((
+      opts: SedOpts,
+      rx: ShellPattern,
+      subst: string,
+      glob: string,
+      ...rest: string[]
+    ) => ShellString) &
+      ((
+        rx: ShellPattern,
+        subst: string,
+        glob: string,
+        ...rest: string[]
+      ) => ShellString),
+    set: ((exitOnError: '-e' | '+e', rest: void) => void) &
+      ((verbose: '-v' | '+v', rest: void) => void) &
+      ((disableGlobbing: '-f' | '+f', rest: void) => void),
+    sort: ((opts: SortOpts, glob: string, ...rest: string[]) => ShellString) &
+      ((glob: string, ...rest: string[]) => ShellString),
+    tail: ((num: number, glob: string, ...rest: string[]) => ShellString) &
+      ((glob: string, ...rest: string[]) => ShellString),
+    tempdir: (rest: void) => string,
+    test: (mode: TestOpts, path: string, rest: void) => boolean,
+    touch: ((opts: TouchOpts, glob: string, ...rest: string[]) => ShellString) &
+      ((glob: string, ...rest: string[]) => ShellString),
+    which: (cmd: string, rest: void) => ShellString,
+    ...
+  };
+}
diff --git a/flow-typed/npm/signedsource_v1.x.x.js b/flow-typed/npm/signedsource_v1.x.x.js
new file mode 100644
index 00000000000000..2bebd077442d6f
--- /dev/null
+++ b/flow-typed/npm/signedsource_v1.x.x.js
@@ -0,0 +1,19 @@
+/**
+ * (c) Meta Platforms, Inc. and affiliates. Confidential and proprietary.
+ *
+ * @format
+ * @flow strict
+ */
+
+declare module 'signedsource' {
+  declare type SignedSource = {
+    TokenNotFoundError: Error,
+    getSigningToken(): string,
+    isSigned(data: string): boolean,
+    signFile(data: string): string,
+    verifySignature(data: string): boolean,
+    [key: string]: mixed,
+  };
+
+  declare module.exports: SignedSource;
+}
diff --git a/flow-typed/npm/undici_v5.x.x.js b/flow-typed/npm/undici_v5.x.x.js
new file mode 100644
index 00000000000000..48360acd2330d5
--- /dev/null
+++ b/flow-typed/npm/undici_v5.x.x.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+// Very incomplete types for the undici package.
+
+declare interface undici$Agent$Options {
+  connect?: tls$connectOptions;
+}
+
+declare module 'undici' {
+  declare export class Dispatcher extends events$EventEmitter {
+    constructor(): void;
+  }
+
+  declare export class Agent extends Dispatcher {
+    constructor(opts?: undici$Agent$Options): void;
+  }
+}
diff --git a/flow-typed/npm/wait-for-expect_v3.x.x.js b/flow-typed/npm/wait-for-expect_v3.x.x.js
new file mode 100644
index 00000000000000..3220e66276f1f9
--- /dev/null
+++ b/flow-typed/npm/wait-for-expect_v3.x.x.js
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+declare module 'wait-for-expect' {
+  declare export default ((
+    expectation: () => void | Promise<void>,
+    timeout?: number,
+    interval?: number,
+  ) => Promise<void>) & {
+    defaults: {
+      timeout: number,
+      interval: number,
+    },
+  };
+}
diff --git a/flow-typed/npm/ws_v7.x.x.js b/flow-typed/npm/ws_v7.x.x.js
index c2759dbb18c44a..f05b8fac03d4a9 100644
--- a/flow-typed/npm/ws_v7.x.x.js
+++ b/flow-typed/npm/ws_v7.x.x.js
@@ -125,6 +125,7 @@ declare type ws$WebSocketOptions = {
   createConnection?:
     | ((options: net$connectOptions, callback?: () => mixed) => net$Socket)
     | ((options: tls$connectOptions, callback?: () => mixed) => tls$TLSSocket),
+  rejectUnauthorized?: boolean,
 };
 
 declare type ws$CloseListener = (code: number, reason: string) => mixed;
diff --git a/gradle/wrapper/gradle-wrapper.jar b/gradle/wrapper/gradle-wrapper.jar
index 7f93135c49b765..d64cd4917707c1 100644
Binary files a/gradle/wrapper/gradle-wrapper.jar and b/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/gradle/wrapper/gradle-wrapper.properties b/gradle/wrapper/gradle-wrapper.properties
index 8838ba97ba0914..2ea3535dc058bd 100644
--- a/gradle/wrapper/gradle-wrapper.properties
+++ b/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.4-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.6-all.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME
diff --git a/gradlew.bat b/gradlew.bat
index 6689b85beecde6..7101f8e4676fca 100644
--- a/gradlew.bat
+++ b/gradlew.bat
@@ -43,11 +43,11 @@ set JAVA_EXE=java.exe
 %JAVA_EXE% -version >NUL 2>&1
 if %ERRORLEVEL% equ 0 goto execute
 
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
 
 goto fail
 
@@ -57,11 +57,11 @@ set JAVA_EXE=%JAVA_HOME%/bin/java.exe
 
 if exist "%JAVA_EXE%" goto execute
 
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
 
 goto fail
 
diff --git a/jest.config.js b/jest.config.js
index 78cacd59be57ed..032da9400fbf29 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -34,6 +34,7 @@ module.exports = {
     '<rootDir>/packages/react-native/sdks',
     '<rootDir>/packages/react-native/Libraries/Renderer',
     '<rootDir>/packages/rn-tester/e2e',
+    '<rootDir>/packages/react-native-test-renderer/src',
   ],
   transformIgnorePatterns: ['node_modules/(?!@react-native/)'],
   haste: {
@@ -48,6 +49,7 @@ module.exports = {
     '^react-native(.*)': '<rootDir>/packages/react-native$1', // [macOS]
   },
   moduleFileExtensions: ['fb.js'].concat(defaults.moduleFileExtensions),
+  modulePathIgnorePatterns: ['scripts/.*/__fixtures__/'],
   unmockedModulePathPatterns: [
     'node_modules/react/',
     'packages/react-native/Libraries/Renderer',
@@ -57,7 +59,10 @@ module.exports = {
     'denodeify',
   ],
   testEnvironment: 'node',
-  collectCoverageFrom: ['packages/react-native/Libraries/**/*.js'],
+  collectCoverageFrom: [
+    'packages/react-native/Libraries/**/*.js',
+    'packages/react-native/src/**/*.js',
+  ],
   coveragePathIgnorePatterns: [
     '/__tests__/',
     '/vendor/',
diff --git a/jest/preprocessor.js b/jest/preprocessor.js
index ae9f6dd90b9311..9408065576380b 100644
--- a/jest/preprocessor.js
+++ b/jest/preprocessor.js
@@ -12,6 +12,8 @@
 
 'use strict';
 
+/* eslint-disable lint/sort-imports */
+
 const metroBabelRegister = require('metro-babel-register');
 const nullthrows = require('nullthrows');
 const createCacheKeyFunction =
@@ -36,6 +38,16 @@ const {only: _, ...nodeBabelOptions} = metroBabelRegister.config([]);
 require('../scripts/build/babel-register').registerForMonorepo();
 const transformer = require('@react-native/metro-babel-transformer');
 
+// Set BUILD_EXCLUDE_BABEL_REGISTER (see ../scripts/build/babel-register.js) to
+// prevent inline Babel registration in code under test, normally required when
+// running from source, but not in combination with the Jest transformer.
+const babelPluginPreventBabelRegister = [
+  require.resolve('babel-plugin-transform-define'),
+  {
+    'process.env.BUILD_EXCLUDE_BABEL_REGISTER': true,
+  },
+];
+
 module.exports = {
   process(src /*: string */, file /*: string */) /*: {code: string, ...} */ {
     if (nodeFiles.test(file)) {
@@ -44,6 +56,10 @@ module.exports = {
         filename: file,
         sourceType: 'script',
         ...nodeBabelOptions,
+        plugins: [
+          ...(nodeBabelOptions.plugins ?? []),
+          babelPluginPreventBabelRegister,
+        ],
         ast: false,
       });
     }
@@ -76,6 +92,7 @@ module.exports = {
       plugins: [
         // TODO(moti): Replace with require('metro-transform-plugins').inlineRequiresPlugin when available in OSS
         require('babel-preset-fbjs/plugins/inline-requires'),
+        babelPluginPreventBabelRegister,
       ],
       sourceType: 'module',
     });
diff --git a/package.json b/package.json
index 1f20c44914e61f..926f7c98b86e3a 100644
--- a/package.json
+++ b/package.json
@@ -21,21 +21,25 @@
     "flow": "flow",
     "format-check": "prettier --list-different \"./**/*.{js,md,yml,ts,tsx}\"",
     "format": "npm run prettier && npm run clang-format",
+    "featureflags-check": "cd packages/react-native && yarn featureflags-check",
+    "featureflags-update": "cd packages/react-native && yarn featureflags-update",
     "lint-ci": "./scripts/circleci/analyze_code.sh && yarn shellcheck",
     "lint-java": "node ./scripts/lint-java.js",
     "lint": "eslint .",
     "prettier": "prettier --write \"./**/*.{js,md,yml,ts,tsx}\"",
+    "print-packages": "node ./scripts/monorepo/print",
     "shellcheck": "./scripts/circleci/analyze_scripts.sh",
     "start": "cd packages/rn-tester && npm run start",
+    "set-version": "node ./scripts/releases/set-version",
     "test-android": "./gradlew :packages:react-native:ReactAndroid:test",
     "test-ci": "jest --maxWorkers=2 --ci --reporters=\"default\" --reporters=\"jest-junit\"",
-    "test-e2e-local-clean": "node ./scripts/test-e2e-local-clean.js",
-    "test-e2e-local": "node ./scripts/test-e2e-local.js",
+    "test-e2e-local-clean": "node ./scripts/release-testing/test-e2e-local-clean.js",
+    "test-e2e-local": "node ./scripts/release-testing/test-e2e-local.js",
     "test-ios": "./scripts/objc-test.sh test",
     "test-typescript-offline": "dtslint --localTs node_modules/typescript/lib  packages/react-native/types",
     "test-typescript": "dtslint packages/react-native/types",
     "test": "jest",
-    "trigger-react-native-release": "node ./scripts/trigger-react-native-release.js",
+    "trigger-react-native-release": "node ./scripts/releases-local/trigger-react-native-release.js",
     "update-lock": "npx yarn-deduplicate"
   },
   "workspaces": [
@@ -55,8 +59,8 @@
     "@definitelytyped/dtslint": "^0.0.127",
     "@jest/create-cache-key-function": "^29.6.3",
     "@pkgjs/parseargs": "^0.11.0",
-    "@react-native/metro-babel-transformer": "^0.73.11",
-    "@react-native/metro-config": "^0.73.0",
+    "@react-native/metro-babel-transformer": "0.74.0",
+    "@react-native/metro-config": "0.74.0",
     "@tsconfig/node18": "1.0.1",
     "@types/react": "^18.0.18",
     "@typescript-eslint/parser": "^6.7.4",
@@ -83,22 +87,24 @@
     "eslint-plugin-react-native": "^4.0.0",
     "eslint-plugin-redundant-undefined": "^0.4.0",
     "eslint-plugin-relay": "^1.8.3",
-    "flow-api-translator": "0.16.0",
-    "flow-bin": "^0.218.0",
+    "flow-api-translator": "0.19.1",
+    "flow-bin": "^0.228.0",
     "glob": "^7.1.1",
-    "hermes-eslint": "0.16.0",
+    "hermes-eslint": "0.19.1",
+    "hermes-transform": "0.19.1",
     "inquirer": "^7.1.0",
     "jest": "^29.6.3",
     "jest-junit": "^10.0.0",
     "jscodeshift": "^0.14.0",
-    "metro-babel-register": "0.79.1",
-    "metro-memory-fs": "0.79.1",
+    "metro-babel-register": "^0.80.0",
+    "metro-memory-fs": "^0.80.0",
     "micromatch": "^4.0.4",
     "mkdirp": "^0.5.1",
     "mock-fs": "^5.1.4",
+    "node-fetch": "^2.2.0",
     "nullthrows": "^1.1.1",
     "prettier": "2.8.8",
-    "prettier-plugin-hermes-parser": "0.16.0",
+    "prettier-plugin-hermes-parser": "0.19.1",
     "react": "18.2.0",
     "react-test-renderer": "18.2.0",
     "rimraf": "^3.0.2",
diff --git a/packages/assets/package.json b/packages/assets/package.json
index d2ef78f4d24903..616930179d1867 100644
--- a/packages/assets/package.json
+++ b/packages/assets/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/assets-registry",
-  "version": "0.73.0",
+  "version": "0.74.0",
   "description": "Asset support code for React Native.",
   "license": "MIT",
   "repository": {
diff --git a/packages/babel-plugin-codegen/__tests__/index-test.js b/packages/babel-plugin-codegen/__tests__/index-test.js
index 20195b5ea40303..1f73d197578694 100644
--- a/packages/babel-plugin-codegen/__tests__/index-test.js
+++ b/packages/babel-plugin-codegen/__tests__/index-test.js
@@ -10,9 +10,9 @@
 
 'use strict';
 
-const {transform: babelTransform} = require('@babel/core');
-const fixtures = require('../__test_fixtures__/fixtures.js');
 const failures = require('../__test_fixtures__/failures.js');
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const {transform: babelTransform} = require('@babel/core');
 
 const transform = (fixture, filename) =>
   babelTransform(fixture, {
diff --git a/packages/babel-plugin-codegen/index.js b/packages/babel-plugin-codegen/index.js
index 4314e6d50eb518..77de6b77b33ad7 100644
--- a/packages/babel-plugin-codegen/index.js
+++ b/packages/babel-plugin-codegen/index.js
@@ -76,7 +76,16 @@ function isCodegenDeclaration(declaration) {
   ) {
     return true;
   } else if (
-    declaration.type === 'TypeCastExpression' &&
+    (declaration.type === 'TypeCastExpression' ||
+      declaration.type === 'AsExpression') &&
+    declaration.expression &&
+    declaration.expression.callee &&
+    declaration.expression.callee.name &&
+    declaration.expression.callee.name === 'codegenNativeComponent'
+  ) {
+    return true;
+  } else if (
+    declaration.type === 'TSAsExpression' &&
     declaration.expression &&
     declaration.expression.callee &&
     declaration.expression.callee.name &&
diff --git a/packages/babel-plugin-codegen/package.json b/packages/babel-plugin-codegen/package.json
index f1fa7e4048d62a..82871a54a6eb54 100644
--- a/packages/babel-plugin-codegen/package.json
+++ b/packages/babel-plugin-codegen/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/babel-plugin-codegen",
-  "version": "0.73.0",
+  "version": "0.74.0",
   "description": "Babel plugin to generate native module and view manager code for React Native.",
   "license": "MIT",
   "repository": {
@@ -25,7 +25,7 @@
     "index.js"
   ],
   "dependencies": {
-    "@react-native/codegen": "*"
+    "@react-native/codegen": "0.74.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0"
diff --git a/packages/community-cli-plugin/README.md b/packages/community-cli-plugin/README.md
index 3cf597929eb1e9..aebbf39d106fcc 100644
--- a/packages/community-cli-plugin/README.md
+++ b/packages/community-cli-plugin/README.md
@@ -59,6 +59,7 @@ npx react-native bundle --entry-file <path> [options]
 | `--minify [boolean]` | Allows overriding whether bundle is minified. Defaults to `false` if `--dev` is set. Disabling minification can be useful for speeding up production builds for testing purposes. |
 | `--bundle-output <string>` | Specify the path to store the resulting bundle. |
 | `--bundle-encoding <string>` | Specify the encoding for writing the bundle (<https://nodejs.org/api/buffer.html#buffer_buffer>). |
+| `--resolver-option <string...>` | Custom resolver options of the form key=value. URL-encoded. May be specified multiple times. |
 | `--sourcemap-output <string>` | Specify the path to store the source map file for the resulting bundle. |
 | `--sourcemap-sources-root <string>` | Set the root path for source map entries. |
 | `--sourcemap-use-absolute-path` | Report `SourceMapURL` using its full path. |
diff --git a/packages/community-cli-plugin/package.json b/packages/community-cli-plugin/package.json
index 11adec41fd2619..1afba5641efbe5 100644
--- a/packages/community-cli-plugin/package.json
+++ b/packages/community-cli-plugin/package.json
@@ -1,12 +1,12 @@
 {
   "name": "@react-native/community-cli-plugin",
-  "version": "0.73.1",
+  "version": "0.74.0",
   "description": "Core CLI commands for React Native",
   "keywords": [
     "react-native",
     "tools"
   ],
-  "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/buid-scripts#readme",
+  "homepage": "https://github.com/facebook/react-native/tree/HEAD/packages/community-cli-plugin#readme",
   "bugs": "https://github.com/facebook/react-native/issues",
   "repository": {
     "type": "git",
@@ -15,27 +15,28 @@
   },
   "license": "MIT",
   "exports": {
-    ".": "./src/index.js",
+    ".": "./dist/index.js",
     "./package.json": "./package.json"
   },
   "files": [
     "dist"
   ],
   "dependencies": {
-    "@react-native-community/cli-server-api": "12.0.0-alpha.15",
-    "@react-native-community/cli-tools": "12.0.0-alpha.15",
-    "@react-native/dev-middleware": "^0.73.0",
-    "@react-native/metro-babel-transformer": "^0.73.11",
+    "@react-native-community/cli-server-api": "13.6.0",
+    "@react-native-community/cli-tools": "13.6.0",
+    "@react-native/dev-middleware": "0.74.0",
+    "@react-native/metro-babel-transformer": "0.74.0",
     "chalk": "^4.0.0",
     "execa": "^5.1.1",
-    "metro": "0.79.1",
-    "metro-config": "0.79.1",
-    "metro-core": "0.79.1",
+    "metro": "^0.80.3",
+    "metro-config": "^0.80.3",
+    "metro-core": "^0.80.3",
     "node-fetch": "^2.2.0",
+    "querystring": "^0.2.1",
     "readline": "^1.3.0"
   },
   "devDependencies": {
-    "metro-resolver": "0.79.1"
+    "metro-resolver": "^0.80.3"
   },
   "engines": {
     "node": ">=18"
diff --git a/packages/community-cli-plugin/src/commands/bundle/__tests__/getAssetDestPathAndroid-test.js b/packages/community-cli-plugin/src/commands/bundle/__tests__/getAssetDestPathAndroid-test.js
index 3f5074674e3fb3..27ce49565abcad 100644
--- a/packages/community-cli-plugin/src/commands/bundle/__tests__/getAssetDestPathAndroid-test.js
+++ b/packages/community-cli-plugin/src/commands/bundle/__tests__/getAssetDestPathAndroid-test.js
@@ -11,10 +11,10 @@
 
 import getAssetDestPathAndroid from '../getAssetDestPathAndroid';
 
-jest.dontMock('../getAssetDestPathAndroid').dontMock('../assetPathUtils');
-
 const path = require('path');
 
+jest.dontMock('../getAssetDestPathAndroid').dontMock('../assetPathUtils');
+
 describe('getAssetDestPathAndroid', () => {
   test('should use the right destination folder', () => {
     const asset = {
diff --git a/packages/community-cli-plugin/src/commands/bundle/__tests__/getAssetDestPathIOS-test.js b/packages/community-cli-plugin/src/commands/bundle/__tests__/getAssetDestPathIOS-test.js
index 1e807f12391331..2709141eba79da 100644
--- a/packages/community-cli-plugin/src/commands/bundle/__tests__/getAssetDestPathIOS-test.js
+++ b/packages/community-cli-plugin/src/commands/bundle/__tests__/getAssetDestPathIOS-test.js
@@ -11,10 +11,10 @@
 
 import getAssetDestPathIOS from '../getAssetDestPathIOS';
 
-jest.dontMock('../getAssetDestPathIOS');
-
 const path = require('path');
 
+jest.dontMock('../getAssetDestPathIOS');
+
 describe('getAssetDestPathIOS', () => {
   test('should build correct path', () => {
     const asset = {
diff --git a/packages/community-cli-plugin/src/commands/bundle/assetCatalogIOS.js b/packages/community-cli-plugin/src/commands/bundle/assetCatalogIOS.js
index 7b6c1acb0176d6..8ef0b9d35adb77 100644
--- a/packages/community-cli-plugin/src/commands/bundle/assetCatalogIOS.js
+++ b/packages/community-cli-plugin/src/commands/bundle/assetCatalogIOS.js
@@ -11,16 +11,16 @@
 
 import type {AssetData} from 'metro/src/Assets';
 
-import path from 'path';
-import fs from 'fs';
 import assetPathUtils from './assetPathUtils';
+import fs from 'fs';
+import path from 'path';
 
 export function cleanAssetCatalog(catalogDir: string): void {
   const files = fs
     .readdirSync(catalogDir)
     .filter(file => file.endsWith('.imageset'));
   for (const file of files) {
-    fs.rmSync(path.join(catalogDir, file));
+    fs.rmSync(path.join(catalogDir, file), {recursive: true, force: true});
   }
 }
 
diff --git a/packages/community-cli-plugin/src/commands/bundle/buildBundle.js b/packages/community-cli-plugin/src/commands/bundle/buildBundle.js
index 525f46748bb822..98aac3b8fa5c46 100644
--- a/packages/community-cli-plugin/src/commands/bundle/buildBundle.js
+++ b/packages/community-cli-plugin/src/commands/bundle/buildBundle.js
@@ -10,17 +10,18 @@
  */
 
 import type {Config} from '@react-native-community/cli-types';
-import type {RequestOptions} from 'metro/src/shared/types.flow';
 import type {ConfigT} from 'metro-config';
+import type {RequestOptions} from 'metro/src/shared/types.flow';
 
+import loadMetroConfig from '../../utils/loadMetroConfig';
+import parseKeyValueParamArray from '../../utils/parseKeyValueParamArray';
+import saveAssets from './saveAssets';
+import {logger} from '@react-native-community/cli-tools';
+import chalk from 'chalk';
 import Server from 'metro/src/Server';
 import metroBundle from 'metro/src/shared/output/bundle';
 import metroRamBundle from 'metro/src/shared/output/RamBundle';
 import path from 'path';
-import chalk from 'chalk';
-import saveAssets from './saveAssets';
-import loadMetroConfig from '../../utils/loadMetroConfig';
-import {logger} from '@react-native-community/cli-tools';
 
 export type BundleCommandArgs = {
   assetsDest?: string,
@@ -42,6 +43,7 @@ export type BundleCommandArgs = {
   verbose: boolean,
   unstableTransformProfile: string,
   indexedRamBundle?: boolean,
+  resolverOption?: Array<string>,
 };
 
 async function buildBundle(
@@ -64,6 +66,10 @@ async function buildBundleWithConfig(
   config: ConfigT,
   bundleImpl: typeof metroBundle | typeof metroRamBundle = metroBundle,
 ): Promise<void> {
+  const customResolverOptions = parseKeyValueParamArray(
+    args.resolverOption ?? [],
+  );
+
   if (config.resolver.platforms.indexOf(args.platform) === -1) {
     logger.error(
       `Invalid platform ${
@@ -99,6 +105,7 @@ async function buildBundleWithConfig(
     minify: args.minify !== undefined ? args.minify : !args.dev,
     platform: args.platform,
     unstable_transformProfile: args.unstableTransformProfile,
+    customResolverOptions,
   };
   const server = new Server(config);
 
diff --git a/packages/community-cli-plugin/src/commands/bundle/getAssetDestPathAndroid.js b/packages/community-cli-plugin/src/commands/bundle/getAssetDestPathAndroid.js
index 20f9ec781c3c7e..5e005112ce62ca 100644
--- a/packages/community-cli-plugin/src/commands/bundle/getAssetDestPathAndroid.js
+++ b/packages/community-cli-plugin/src/commands/bundle/getAssetDestPathAndroid.js
@@ -11,8 +11,8 @@
 
 import type {PackagerAsset} from './assetPathUtils';
 
-import path from 'path';
 import assetPathUtils from './assetPathUtils';
+import path from 'path';
 
 function getAssetDestPathAndroid(asset: PackagerAsset, scale: number): string {
   const androidFolder = assetPathUtils.getAndroidResourceFolderName(
diff --git a/packages/community-cli-plugin/src/commands/bundle/index.js b/packages/community-cli-plugin/src/commands/bundle/index.js
index 6a480c4e333aba..1e8522a845cf95 100644
--- a/packages/community-cli-plugin/src/commands/bundle/index.js
+++ b/packages/community-cli-plugin/src/commands/bundle/index.js
@@ -11,8 +11,8 @@
 
 import type {Command} from '@react-native-community/cli-types';
 
-import path from 'path';
 import buildBundle from './buildBundle';
+import path from 'path';
 
 export type {BundleCommandArgs} from './buildBundle';
 
@@ -114,6 +114,13 @@ const bundleCommand: Command = {
       description: 'Path to the CLI configuration file',
       parse: (val: string): string => path.resolve(val),
     },
+    {
+      name: '--resolver-option <string...>',
+      description:
+        'Custom resolver options of the form key=value. URL-encoded. May be specified multiple times.',
+      parse: (val: string, previous: Array<string> = []): Array<string> =>
+        previous.concat([val]),
+    },
   ],
 };
 
diff --git a/packages/community-cli-plugin/src/commands/bundle/saveAssets.js b/packages/community-cli-plugin/src/commands/bundle/saveAssets.js
index b4183c31e05640..1aae31542fdc5d 100644
--- a/packages/community-cli-plugin/src/commands/bundle/saveAssets.js
+++ b/packages/community-cli-plugin/src/commands/bundle/saveAssets.js
@@ -11,9 +11,6 @@
 
 import type {AssetData} from 'metro/src/Assets';
 
-import {logger} from '@react-native-community/cli-tools';
-import fs from 'fs';
-import path from 'path';
 import {
   cleanAssetCatalog,
   getImageSet,
@@ -23,6 +20,9 @@ import {
 import filterPlatformAssetScales from './filterPlatformAssetScales';
 import getAssetDestPathAndroid from './getAssetDestPathAndroid';
 import getAssetDestPathIOS from './getAssetDestPathIOS';
+import {logger} from '@react-native-community/cli-tools';
+import fs from 'fs';
+import path from 'path';
 
 type CopiedFiles = {
   [src: string]: string,
diff --git a/packages/community-cli-plugin/src/commands/ram-bundle/index.js b/packages/community-cli-plugin/src/commands/ram-bundle/index.js
index 1cf978ffc8d4e8..eeed0819cfecdc 100644
--- a/packages/community-cli-plugin/src/commands/ram-bundle/index.js
+++ b/packages/community-cli-plugin/src/commands/ram-bundle/index.js
@@ -9,12 +9,12 @@
  * @oncall react_native
  */
 
-import type {Command, Config} from '@react-native-community/cli-types';
 import type {BundleCommandArgs} from '../bundle';
+import type {Command, Config} from '@react-native-community/cli-types';
 
-import metroRamBundle from 'metro/src/shared/output/RamBundle';
 import bundleCommand from '../bundle';
 import buildBundle from '../bundle/buildBundle';
+import metroRamBundle from 'metro/src/shared/output/RamBundle';
 
 const ramBundleCommand: Command = {
   name: 'ram-bundle',
diff --git a/packages/community-cli-plugin/src/commands/start/attachKeyHandlers.js b/packages/community-cli-plugin/src/commands/start/attachKeyHandlers.js
index 548a9e8f44d865..1278832bc0f603 100644
--- a/packages/community-cli-plugin/src/commands/start/attachKeyHandlers.js
+++ b/packages/community-cli-plugin/src/commands/start/attachKeyHandlers.js
@@ -11,11 +11,11 @@
 
 import type {Config} from '@react-native-community/cli-types';
 
+import {KeyPressHandler} from '../../utils/KeyPressHandler';
 import {logger} from '@react-native-community/cli-tools';
 import chalk from 'chalk';
 import execa from 'execa';
 import fetch from 'node-fetch';
-import {KeyPressHandler} from '../../utils/KeyPressHandler';
 
 const CTRL_C = '\u0003';
 const CTRL_D = '\u0004';
@@ -46,12 +46,12 @@ export default function attachKeyHandlers({
   const onPress = async (key: string) => {
     switch (key) {
       case 'r':
-        messageSocket.broadcast('reload', null);
         logger.info('Reloading connected app(s)...');
+        messageSocket.broadcast('reload', null);
         break;
       case 'd':
-        messageSocket.broadcast('devMenu', null);
         logger.info('Opening Dev Menu...');
+        messageSocket.broadcast('devMenu', null);
         break;
       case 'i':
         logger.info('Opening app on iOS...');
@@ -103,7 +103,7 @@ export default function attachKeyHandlers({
       `${chalk.bold('a')} - run on Android`,
       `${chalk.bold('d')} - open Dev Menu`,
       ...(experimentalDebuggerFrontend
-        ? [`${chalk.bold('j')} - open debugger (experimental)`]
+        ? [`${chalk.bold('j')} - open debugger (experimental, Hermes only)`]
         : []),
       `${chalk.bold('r')} - reload app`,
       '',
diff --git a/packages/community-cli-plugin/src/commands/start/index.js b/packages/community-cli-plugin/src/commands/start/index.js
index 2a259367e2d1cd..7cc22efb661861 100644
--- a/packages/community-cli-plugin/src/commands/start/index.js
+++ b/packages/community-cli-plugin/src/commands/start/index.js
@@ -11,8 +11,8 @@
 
 import type {Command} from '@react-native-community/cli-types';
 
-import path from 'path';
 import runServer from './runServer';
+import path from 'path';
 
 export type {StartCommandArgs} from './runServer';
 
@@ -96,14 +96,11 @@ const startCommand: Command = {
       description: 'Disables interactive mode',
     },
     {
-      name: '--experimental-debugger [bool]',
+      name: '--experimental-debugger',
       description:
         "[Experimental] Enable the new debugger experience and 'j' to " +
         'debug. This enables the new frontend experience only: connection ' +
         'reliability and some basic features are unstable in this release.',
-      parse: (val: ?string): boolean =>
-        val !== undefined && val !== 'false' && val !== '0',
-      default: true,
     },
   ],
 };
diff --git a/packages/community-cli-plugin/src/commands/start/runServer.js b/packages/community-cli-plugin/src/commands/start/runServer.js
index 60477b3131021f..7b11adc629b5f9 100644
--- a/packages/community-cli-plugin/src/commands/start/runServer.js
+++ b/packages/community-cli-plugin/src/commands/start/runServer.js
@@ -14,20 +14,20 @@ import type {Reporter} from 'metro/src/lib/reporting';
 import type {TerminalReportableEvent} from 'metro/src/lib/TerminalReporter';
 import typeof TerminalReporter from 'metro/src/lib/TerminalReporter';
 
-import chalk from 'chalk';
-import Metro from 'metro';
-import {Terminal} from 'metro-core';
-import path from 'path';
-import {createDevMiddleware} from '@react-native/dev-middleware';
+import isDevServerRunning from '../../utils/isDevServerRunning';
+import loadMetroConfig from '../../utils/loadMetroConfig';
+import attachKeyHandlers from './attachKeyHandlers';
 import {
   createDevServerMiddleware,
   indexPageMiddleware,
 } from '@react-native-community/cli-server-api';
 import {logger, version} from '@react-native-community/cli-tools';
-
-import isDevServerRunning from '../../utils/isDevServerRunning';
-import loadMetroConfig from '../../utils/loadMetroConfig';
-import attachKeyHandlers from './attachKeyHandlers';
+import {createDevMiddleware} from '@react-native/dev-middleware';
+import chalk from 'chalk';
+import Metro from 'metro';
+import {Terminal} from 'metro-core';
+import path from 'path';
+import url from 'url';
 
 export type StartCommandArgs = {
   assetPlugins?: string[],
@@ -63,23 +63,18 @@ async function runServer(
     projectRoot: args.projectRoot,
     sourceExts: args.sourceExts,
   });
-  const host = args.host?.length ? args.host : 'localhost';
+  const hostname = args.host?.length ? args.host : 'localhost';
   const {
     projectRoot,
     server: {port},
     watchFolders,
   } = metroConfig;
-  const scheme = args.https === true ? 'https' : 'http';
-  const devServerUrl = `${scheme}://${host}:${port}`;
+  const protocol = args.https === true ? 'https' : 'http';
+  const devServerUrl = url.format({protocol, hostname, port});
 
   logger.info(`Welcome to React Native v${ctx.reactNativeVersion}`);
 
-  const serverStatus = await isDevServerRunning(
-    scheme,
-    host,
-    port,
-    projectRoot,
-  );
+  const serverStatus = await isDevServerRunning(devServerUrl, projectRoot);
 
   if (serverStatus === 'matched_server_running') {
     logger.info(
@@ -109,7 +104,7 @@ async function runServer(
     messageSocketEndpoint,
     eventsSocketEndpoint,
   } = createDevServerMiddleware({
-    host,
+    host: hostname,
     port,
     watchFolders,
   });
diff --git a/packages/community-cli-plugin/src/utils/isDevServerRunning.js b/packages/community-cli-plugin/src/utils/isDevServerRunning.js
index 7478857ba08188..7f154afd0799ad 100644
--- a/packages/community-cli-plugin/src/utils/isDevServerRunning.js
+++ b/packages/community-cli-plugin/src/utils/isDevServerRunning.js
@@ -23,19 +23,19 @@ import fetch from 'node-fetch';
  * - `unknown`: An error was encountered; attempt server creation anyway.
  */
 export default async function isDevServerRunning(
-  scheme: string,
-  host: string,
-  port: number,
+  devServerUrl: string,
   projectRoot: string,
 ): Promise<
   'not_running' | 'matched_server_running' | 'port_taken' | 'unknown',
 > {
+  const {hostname, port} = new URL(devServerUrl);
+
   try {
-    if (!(await isPortOccupied(host, port))) {
+    if (!(await isPortOccupied(hostname, port))) {
       return 'not_running';
     }
 
-    const statusResponse = await fetch(`${scheme}://${host}:${port}/status`);
+    const statusResponse = await fetch(`${devServerUrl}/status`);
     const body = await statusResponse.text();
 
     return body === 'packager-status:running' &&
@@ -47,7 +47,10 @@ export default async function isDevServerRunning(
   }
 }
 
-async function isPortOccupied(host: string, port: number): Promise<boolean> {
+async function isPortOccupied(
+  hostname: string,
+  port: string,
+): Promise<boolean> {
   let result = false;
   const server = net.createServer();
 
@@ -67,6 +70,6 @@ async function isPortOccupied(host: string, port: number): Promise<boolean> {
     server.once('close', () => {
       resolve(result);
     });
-    server.listen({host, port});
+    server.listen({host: hostname, port});
   });
 }
diff --git a/packages/community-cli-plugin/src/utils/loadMetroConfig.js b/packages/community-cli-plugin/src/utils/loadMetroConfig.js
index ce3b6f36f4283d..d3eaeb93bba8b3 100644
--- a/packages/community-cli-plugin/src/utils/loadMetroConfig.js
+++ b/packages/community-cli-plugin/src/utils/loadMetroConfig.js
@@ -12,10 +12,10 @@
 import type {Config} from '@react-native-community/cli-types';
 import type {ConfigT, InputConfigT, YargArguments} from 'metro-config';
 
-import path from 'path';
-import {loadConfig, mergeConfig, resolveConfig} from 'metro-config';
-import {CLIError, logger} from '@react-native-community/cli-tools';
 import {reactNativePlatformResolver} from './metroPlatformResolver';
+import {CLIError, logger} from '@react-native-community/cli-tools';
+import {loadConfig, mergeConfig, resolveConfig} from 'metro-config';
+import path from 'path';
 
 export type {Config};
 
@@ -29,7 +29,10 @@ export type ConfigLoadingContext = $ReadOnly<{
 /**
  * Get the config options to override based on RN CLI inputs.
  */
-function getOverrideConfig(ctx: ConfigLoadingContext): InputConfigT {
+function getOverrideConfig(
+  ctx: ConfigLoadingContext,
+  config: ConfigT,
+): InputConfigT {
   const outOfTreePlatforms = Object.keys(ctx.platforms).filter(
     platform => ctx.platforms[platform].npmPackageName,
   );
@@ -46,6 +49,7 @@ function getOverrideConfig(ctx: ConfigLoadingContext): InputConfigT {
         },
         {},
       ),
+      config.resolver?.resolveRequest,
     );
   }
 
@@ -62,6 +66,7 @@ function getOverrideConfig(ctx: ConfigLoadingContext): InputConfigT {
         ...outOfTreePlatforms.map(platform =>
           require.resolve(
             `${ctx.platforms[platform].npmPackageName}/Libraries/Core/InitializeCore`,
+            {paths: [ctx.root]},
           ),
         ),
       ],
@@ -79,8 +84,6 @@ export default async function loadMetroConfig(
   ctx: ConfigLoadingContext,
   options: YargArguments = {},
 ): Promise<ConfigT> {
-  const overrideConfig = getOverrideConfig(ctx);
-
   const cwd = ctx.root;
   const projectConfig = await resolveConfig(options.config, cwd);
 
@@ -105,11 +108,12 @@ This warning will be removed in future (https://github.com/facebook/metro/issues
     }
   }
 
-  return mergeConfig(
-    await loadConfig({
-      cwd,
-      ...options,
-    }),
-    overrideConfig,
-  );
+  const config = await loadConfig({
+    cwd,
+    ...options,
+  });
+
+  const overrideConfig = getOverrideConfig(ctx, config);
+
+  return mergeConfig(config, overrideConfig);
 }
diff --git a/packages/community-cli-plugin/src/utils/metroPlatformResolver.js b/packages/community-cli-plugin/src/utils/metroPlatformResolver.js
index e03264f0c6442e..134ce7d2dad3d4 100644
--- a/packages/community-cli-plugin/src/utils/metroPlatformResolver.js
+++ b/packages/community-cli-plugin/src/utils/metroPlatformResolver.js
@@ -25,9 +25,12 @@ import type {CustomResolver} from 'metro-resolver';
  *    macos: 'react-native-macos'
  * }
  */
-export function reactNativePlatformResolver(platformImplementations: {
-  [platform: string]: string,
-}): CustomResolver {
+export function reactNativePlatformResolver(
+  platformImplementations: {
+    [platform: string]: string,
+  },
+  customResolver: ?CustomResolver,
+): CustomResolver {
   return (context, moduleName, platform) => {
     let modifiedModuleName = moduleName;
     if (platform != null && platformImplementations[platform]) {
@@ -39,6 +42,9 @@ export function reactNativePlatformResolver(platformImplementations: {
         }/${modifiedModuleName.slice('react-native/'.length)}`;
       }
     }
+    if (customResolver) {
+      return customResolver(context, modifiedModuleName, platform);
+    }
     return context.resolveRequest(context, modifiedModuleName, platform);
   };
 }
diff --git a/packages/community-cli-plugin/src/utils/parseKeyValueParamArray.js b/packages/community-cli-plugin/src/utils/parseKeyValueParamArray.js
new file mode 100644
index 00000000000000..021529007aeddf
--- /dev/null
+++ b/packages/community-cli-plugin/src/utils/parseKeyValueParamArray.js
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import querystring from 'querystring';
+
+export default function parseKeyValueParamArray(
+  keyValueArray: $ReadOnlyArray<string>,
+): Record<string, string> {
+  const result = {};
+
+  for (const item of keyValueArray) {
+    if (item.indexOf('=') === -1) {
+      throw new Error('Expected parameter to include "=" but found: ' + item);
+    }
+    if (item.indexOf('&') !== -1) {
+      throw new Error('Parameter cannot include "&" but found: ' + item);
+    }
+    Object.assign(result, querystring.parse(item));
+  }
+
+  return result;
+}
diff --git a/packages/debugger-frontend/BUILD_INFO b/packages/debugger-frontend/BUILD_INFO
index 67e1ea665da8e3..ccaa289b9792be 100644
--- a/packages/debugger-frontend/BUILD_INFO
+++ b/packages/debugger-frontend/BUILD_INFO
@@ -1,9 +1,9 @@
-@generated SignedSource<<7fdc9e65be03ba4c6654f14c6f23d645>>
-Git revision: 18f202a1ae468a01afb44ffd2f71d28023126989
+@generated SignedSource<<fbad20dc7d32047d6d436b94ec8a15b4>>
+Git revision: 12a45e0628384aa80075493354159ef5d91b2698
 Built with --nohooks: false
 Is local checkout: false
-Remote URL: https://github.com/motiz88/rn-chrome-devtools-frontend
-Remote branch: rn-0.73-chromium-5845
+Remote URL: https://github.com/facebookexperimental/rn-chrome-devtools-frontend
+Remote branch: main
 GN build args (overrides only): 
   is_official_build = true
 Git status in checkout:
diff --git a/packages/debugger-frontend/README.md b/packages/debugger-frontend/README.md
index e9e228a6a6e400..741ba72a30114f 100644
--- a/packages/debugger-frontend/README.md
+++ b/packages/debugger-frontend/README.md
@@ -11,12 +11,27 @@ This package is internal to React Native and is intended to be used via [`@react
 The package exports the absolute path to the directory containing the frontend assets.
 
 ```js
-
 const frontendPath = require('@react-native/debugger-frontend');
 
 // Pass frontendPath to a static server, etc
 ```
 
-## Updating the frontend assets
+## Contributing
+
+### Source repo
+
+Source code for this package lives in the [facebookexperimental/rn-chrome-devtools-frontend](https://github.com/facebookexperimental/rn-chrome-devtools-frontend) repo. See below for how we build and check in changes.
+
+### Updating the frontend assets
+
+The compiled assets for the debugger frontend are periodically checked into this package under the `dist/` folder. To update these, run `node scripts/debugger-frontend/sync-and-build` from the root of your `react-native` checkout.
+
+```sh
+# For main
+node scripts/debugger-frontend/sync-and-build --branch main
+
+# For stable branches (e.g. '0.73-stable')
+node scripts/debugger-frontend/sync-and-build --branch 0.73-stable
+```
 
-The compiled frontend assets are checked into the React Native repo. Run `node scripts/debugger-frontend/sync-and-build` from the root of your `react-native` checkout to update them.
+By default, this will clone and build from [facebookexperimental/rn-chrome-devtools-frontend](https://github.com/facebookexperimental/rn-chrome-devtools-frontend).
diff --git a/packages/debugger-frontend/dist/third-party/front_end/core/host/host.js b/packages/debugger-frontend/dist/third-party/front_end/core/host/host.js
index 3d51fc09fcd9b7..37f131c3a0ee97 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/core/host/host.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/core/host/host.js
@@ -1 +1 @@
-import*as e from"../common/common.js";import*as o from"../i18n/i18n.js";import*as r from"../platform/platform.js";import*as t from"../root/root.js";var n;!function(e){e.AppendedToURL="appendedToURL",e.CanceledSaveURL="canceledSaveURL",e.ContextMenuCleared="contextMenuCleared",e.ContextMenuItemSelected="contextMenuItemSelected",e.DeviceCountUpdated="deviceCountUpdated",e.DevicesDiscoveryConfigChanged="devicesDiscoveryConfigChanged",e.DevicesPortForwardingStatusChanged="devicesPortForwardingStatusChanged",e.DevicesUpdated="devicesUpdated",e.DispatchMessage="dispatchMessage",e.DispatchMessageChunk="dispatchMessageChunk",e.EnterInspectElementMode="enterInspectElementMode",e.EyeDropperPickedColor="eyeDropperPickedColor",e.FileSystemsLoaded="fileSystemsLoaded",e.FileSystemRemoved="fileSystemRemoved",e.FileSystemAdded="fileSystemAdded",e.FileSystemFilesChangedAddedRemoved="FileSystemFilesChangedAddedRemoved",e.IndexingTotalWorkCalculated="indexingTotalWorkCalculated",e.IndexingWorked="indexingWorked",e.IndexingDone="indexingDone",e.KeyEventUnhandled="keyEventUnhandled",e.ReattachRootTarget="reattachMainTarget",e.ReloadInspectedPage="reloadInspectedPage",e.RevealSourceLine="revealSourceLine",e.SavedURL="savedURL",e.SearchCompleted="searchCompleted",e.SetInspectedTabId="setInspectedTabId",e.SetUseSoftMenu="setUseSoftMenu",e.ShowPanel="showPanel"}(n||(n={}));const i=[[n.AppendedToURL,"appendedToURL",["url"]],[n.CanceledSaveURL,"canceledSaveURL",["url"]],[n.ContextMenuCleared,"contextMenuCleared",[]],[n.ContextMenuItemSelected,"contextMenuItemSelected",["id"]],[n.DeviceCountUpdated,"deviceCountUpdated",["count"]],[n.DevicesDiscoveryConfigChanged,"devicesDiscoveryConfigChanged",["config"]],[n.DevicesPortForwardingStatusChanged,"devicesPortForwardingStatusChanged",["status"]],[n.DevicesUpdated,"devicesUpdated",["devices"]],[n.DispatchMessage,"dispatchMessage",["messageObject"]],[n.DispatchMessageChunk,"dispatchMessageChunk",["messageChunk","messageSize"]],[n.EnterInspectElementMode,"enterInspectElementMode",[]],[n.EyeDropperPickedColor,"eyeDropperPickedColor",["color"]],[n.FileSystemsLoaded,"fileSystemsLoaded",["fileSystems"]],[n.FileSystemRemoved,"fileSystemRemoved",["fileSystemPath"]],[n.FileSystemAdded,"fileSystemAdded",["errorMessage","fileSystem"]],[n.FileSystemFilesChangedAddedRemoved,"fileSystemFilesChangedAddedRemoved",["changed","added","removed"]],[n.IndexingTotalWorkCalculated,"indexingTotalWorkCalculated",["requestId","fileSystemPath","totalWork"]],[n.IndexingWorked,"indexingWorked",["requestId","fileSystemPath","worked"]],[n.IndexingDone,"indexingDone",["requestId","fileSystemPath"]],[n.KeyEventUnhandled,"keyEventUnhandled",["event"]],[n.ReattachRootTarget,"reattachMainTarget",[]],[n.ReloadInspectedPage,"reloadInspectedPage",["hard"]],[n.RevealSourceLine,"revealSourceLine",["url","lineNumber","columnNumber"]],[n.SavedURL,"savedURL",["url","fileSystemPath"]],[n.SearchCompleted,"searchCompleted",["requestId","fileSystemPath","files"]],[n.SetInspectedTabId,"setInspectedTabId",["tabId"]],[n.SetUseSoftMenu,"setUseSoftMenu",["useSoftMenu"]],[n.ShowPanel,"showPanel",["panelName"]]];var s;!function(e){e.ActionTaken="DevTools.ActionTaken",e.BreakpointWithConditionAdded="DevTools.BreakpointWithConditionAdded",e.BreakpointEditDialogRevealedFrom="DevTools.BreakpointEditDialogRevealedFrom",e.PanelClosed="DevTools.PanelClosed",e.PanelShown="DevTools.PanelShown",e.SidebarPaneShown="DevTools.SidebarPaneShown",e.KeyboardShortcutFired="DevTools.KeyboardShortcutFired",e.IssueCreated="DevTools.IssueCreated",e.IssuesPanelIssueExpanded="DevTools.IssuesPanelIssueExpanded",e.IssuesPanelOpenedFrom="DevTools.IssuesPanelOpenedFrom",e.IssuesPanelResourceOpened="DevTools.IssuesPanelResourceOpened",e.KeybindSetSettingChanged="DevTools.KeybindSetSettingChanged",e.ElementsSidebarTabShown="DevTools.Elements.SidebarTabShown",e.ExperimentEnabledAtLaunch="DevTools.ExperimentEnabledAtLaunch",e.ExperimentEnabled="DevTools.ExperimentEnabled",e.ExperimentDisabled="DevTools.ExperimentDisabled",e.DeveloperResourceLoaded="DevTools.DeveloperResourceLoaded",e.DeveloperResourceScheme="DevTools.DeveloperResourceScheme",e.LinearMemoryInspectorRevealedFrom="DevTools.LinearMemoryInspector.RevealedFrom",e.LinearMemoryInspectorTarget="DevTools.LinearMemoryInspector.Target",e.Language="DevTools.Language",e.SyncSetting="DevTools.SyncSetting",e.RecordingAssertion="DevTools.RecordingAssertion",e.RecordingCodeToggled="DevTools.RecordingCodeToggled",e.RecordingCopiedToClipboard="DevTools.RecordingCopiedToClipboard",e.RecordingEdited="DevTools.RecordingEdited",e.RecordingExported="DevTools.RecordingExported",e.RecordingReplayFinished="DevTools.RecordingReplayFinished",e.RecordingReplaySpeed="DevTools.RecordingReplaySpeed",e.RecordingReplayStarted="DevTools.RecordingReplayStarted",e.RecordingToggled="DevTools.RecordingToggled",e.SourcesSidebarTabShown="DevTools.Sources.SidebarTabShown",e.SourcesPanelFileDebugged="DevTools.SourcesPanelFileDebugged",e.SourcesPanelFileOpened="DevTools.SourcesPanelFileOpened",e.NetworkPanelResponsePreviewOpened="DevTools.NetworkPanelResponsePreviewOpened",e.StyleTextCopied="DevTools.StyleTextCopied",e.ManifestSectionSelected="DevTools.ManifestSectionSelected",e.CSSHintShown="DevTools.CSSHintShown",e.LighthouseModeRun="DevTools.LighthouseModeRun",e.ColorConvertedFrom="DevTools.ColorConvertedFrom",e.ColorPickerOpenedFrom="DevTools.ColorPickerOpenedFrom",e.CSSPropertyDocumentation="DevTools.CSSPropertyDocumentation",e.InlineScriptParsed="DevTools.InlineScriptParsed",e.VMInlineScriptTypeShown="DevTools.VMInlineScriptShown",e.BreakpointsRestoredFromStorageCount="DevTools.BreakpointsRestoredFromStorageCount",e.SwatchActivated="DevTools.SwatchActivated",e.BadgeActivated="DevTools.BadgeActivated"}(s||(s={}));var a=Object.freeze({__proto__:null,get Events(){return n},EventDescriptors:i,get EnumeratedHistogram(){return s}});const d={systemError:"System error",connectionError:"Connection error",certificateError:"Certificate error",httpError:"HTTP error",cacheError:"Cache error",signedExchangeError:"Signed Exchange error",ftpError:"FTP error",certificateManagerError:"Certificate manager error",dnsResolverError:"DNS resolver error",unknownError:"Unknown error",httpErrorStatusCodeSS:"HTTP error: status code {PH1}, {PH2}",invalidUrl:"Invalid URL",decodingDataUrlFailed:"Decoding Data URL failed"},l=o.i18n.registerUIStrings("core/host/ResourceLoader.ts",d),c=o.i18n.getLocalizedString.bind(void 0,l);let u=0;const m={},g=function(e,o){m[e].write(o)};let p=function(o,r,t,n){const i=new e.StringOutputStream.StringOutputStream;h(o,r,i,(function(e,o,r){t(e,o,i.data(),r)}),n)};function S(e,o,r){if(void 0===e||void 0===r)return null;if(0!==e){if(function(e){return e<=-300&&e>-400}(e))return c(d.httpErrorStatusCodeSS,{PH1:String(o),PH2:r});const t=function(e){return c(e>-100?d.systemError:e>-200?d.connectionError:e>-300?d.certificateError:e>-400?d.httpError:e>-500?d.cacheError:e>-600?d.signedExchangeError:e>-700?d.ftpError:e>-800?d.certificateManagerError:e>-900?d.dnsResolverError:d.unknownError)}(e);return`${t}: ${r}`}return null}const h=function(o,r,t,n,i){const s=function(e){return m[++u]=e,u}(t);if(new e.ParsedURL.ParsedURL(o).isDataURL())return void(e=>new Promise(((o,r)=>{const t=new XMLHttpRequest;t.withCredentials=!1,t.open("GET",e,!0),t.onreadystatechange=function(){if(t.readyState===XMLHttpRequest.DONE){if(200!==t.status)return t.onreadystatechange=null,void r(new Error(String(t.status)));t.onreadystatechange=null,o(t.responseText)}},t.send(null)})))(o).then((function(e){g(s,e),l({statusCode:200})})).catch((function(e){l({statusCode:404,messageOverride:c(d.decodingDataUrlFailed)})}));if(!i&&function(e){try{const o=new URL(e);return"file:"===o.protocol&&""!==o.host}catch(e){return!1}}(o))return void(n&&n(!1,{},{statusCode:400,netError:-20,netErrorName:"net::BLOCKED_BY_CLIENT",message:"Loading from a remote file path is prohibited for security reasons."}));const a=[];if(r)for(const e in r)a.push(e+": "+r[e]);function l(e){if(n){const{success:o,description:r}=function(e){const{statusCode:o,netError:r,netErrorName:t,urlValid:n,messageOverride:i}=e;let s="";const a=o>=200&&o<300;if("string"==typeof i)s=i;else if(!a)if(void 0===r)s=c(!1===n?d.invalidUrl:d.unknownError);else{const e=S(r,o,t);e&&(s=e)}return console.assert(a===(0===s.length)),{success:a,description:{statusCode:o,netError:r,netErrorName:t,urlValid:n,message:s}}}(e);n(o,e.headers||{},r)}var o;m[o=s].close(),delete m[o]}f.loadNetworkResource(o,a.join("\r\n"),s,l)};var C=Object.freeze({__proto__:null,ResourceLoader:{},streamWrite:g,get load(){return p},setLoadForTest:function(e){p=e},netErrorToMessage:S,loadAsStream:h});const v={devtoolsS:"DevTools - {PH1}"},y=o.i18n.registerUIStrings("core/host/InspectorFrontendHost.ts",v),k=o.i18n.getLocalizedString.bind(void 0,y);class x{#e;events;#o=null;recordedCountHistograms=[];recordedEnumeratedHistograms=[];recordedPerformanceHistograms=[];constructor(){function e(e){!("mac"===this.platform()?e.metaKey:e.ctrlKey)||"+"!==e.key&&"-"!==e.key||e.stopPropagation()}this.#e=new Map,"undefined"!=typeof document&&document.addEventListener("keydown",(o=>{e.call(this,o)}),!0)}platform(){const e=navigator.userAgent;return e.includes("Windows NT")?"windows":e.includes("Mac OS X")?"mac":"linux"}loadCompleted(){}bringToFront(){}closeWindow(){}setIsDocked(e,o){window.setTimeout(o,0)}showSurvey(e,o){window.setTimeout((()=>o({surveyShown:!1})),0)}canShowSurvey(e,o){window.setTimeout((()=>o({canShowSurvey:!1})),0)}setInspectedPageBounds(e){}inspectElementCompleted(){}setInjectedScriptForOrigin(e,o){}inspectedURLChanged(e){document.title=k(v.devtoolsS,{PH1:e.replace(/^https?:\/\//,"")})}copyText(e){null!=e&&navigator.clipboard.writeText(e)}openInNewTab(e){window.open(e,"_blank")}showItemInFolder(o){e.Console.Console.instance().error("Show item in folder is not enabled in hosted mode. Please inspect using chrome://inspect")}save(e,o,r){let t=this.#e.get(e);t||(t=[],this.#e.set(e,t)),t.push(o),this.events.dispatchEventToListeners(n.SavedURL,{url:e,fileSystemPath:e})}append(e,o){const r=this.#e.get(e);r&&(r.push(o),this.events.dispatchEventToListeners(n.AppendedToURL,e))}close(e){const o=this.#e.get(e)||[];this.#e.delete(e);let t="";if(e)try{const o=r.StringUtilities.trimURL(e);t=r.StringUtilities.removeURLFragment(o)}catch(o){t=e}const n=document.createElement("a");n.download=t;const i=new Blob([o.join("")],{type:"text/plain"}),s=URL.createObjectURL(i);n.href=s,n.click(),URL.revokeObjectURL(s)}sendMessageToBackend(e){}recordCountHistogram(e,o,r,t,n){this.recordedCountHistograms.length>=100&&this.recordedCountHistograms.shift(),this.recordedCountHistograms.push({histogramName:e,sample:o,min:r,exclusiveMax:t,bucketSize:n})}recordEnumeratedHistogram(e,o,r){this.recordedEnumeratedHistograms.length>=100&&this.recordedEnumeratedHistograms.shift(),this.recordedEnumeratedHistograms.push({actionName:e,actionCode:o})}recordPerformanceHistogram(e,o){this.recordedPerformanceHistograms.length>=100&&this.recordedPerformanceHistograms.shift(),this.recordedPerformanceHistograms.push({histogramName:e,duration:o})}recordUserMetricsAction(e){}requestFileSystems(){this.events.dispatchEventToListeners(n.FileSystemsLoaded,[])}addFileSystem(e){window.webkitRequestFileSystem(window.TEMPORARY,1048576,(e=>{this.#o=e;const o={fileSystemName:"sandboxedRequestedFileSystem",fileSystemPath:"/overrides",rootURL:"filesystem:devtools://devtools/isolated/",type:"overrides"};this.events.dispatchEventToListeners(n.FileSystemAdded,{fileSystem:o})}))}removeFileSystem(e){const o=e=>{e.forEach((e=>{e.isDirectory?e.removeRecursively((()=>{})):e.isFile&&e.remove((()=>{}))}))};this.#o&&this.#o.root.createReader().readEntries(o),this.#o=null,this.events.dispatchEventToListeners(n.FileSystemRemoved,"/overrides")}isolatedFileSystem(e,o){return this.#o}loadNetworkResource(e,o,r,t){fetch(e).then((async e=>{const o=await e.arrayBuffer();let r=o;if(function(e){const o=new Uint8Array(e);return!(!o||o.length<3)&&31===o[0]&&139===o[1]&&8===o[2]}(o)){const e=new DecompressionStream("gzip"),t=e.writable.getWriter();t.write(o),t.close(),r=e.readable}return await new Response(r).text()})).then((function(e){g(r,e),t({statusCode:200,headers:void 0,messageOverride:void 0,netError:void 0,netErrorName:void 0,urlValid:void 0})})).catch((function(){t({statusCode:404,headers:void 0,messageOverride:void 0,netError:void 0,netErrorName:void 0,urlValid:void 0})}))}registerPreference(e,o){}getPreferences(e){const o={};for(const e in window.localStorage)o[e]=window.localStorage[e];e(o)}getPreference(e,o){o(window.localStorage[e])}setPreference(e,o){window.localStorage[e]=o}removePreference(e){delete window.localStorage[e]}clearPreferences(){window.localStorage.clear()}getSyncInformation(e){e({isSyncActive:!1,arePreferencesSynced:!1})}upgradeDraggedFileSystemPermissions(e){}indexPath(e,o,r){}stopIndexing(e){}searchInPath(e,o,r){}zoomFactor(){return 1}zoomIn(){}zoomOut(){}resetZoom(){}setWhitelistedShortcuts(e){}setEyeDropperActive(e){}showCertificateViewer(e){}reattach(e){}readyForTest(){}connectionReady(){}setOpenNewWindowForPopups(e){}setDevicesDiscoveryConfig(e){}setDevicesUpdatesEnabled(e){}performActionOnRemotePage(e,o){}openRemotePage(e,o){}openNodeFrontend(){}showContextMenuAtPoint(e,o,r,t){throw"Soft context menu should be used"}isHostedMode(){return!0}setAddExtensionCallback(e){}async initialTargetId(){return null}}let f=globalThis.InspectorFrontendHost;class I{constructor(){for(const e of i)this[e[1]]=this.dispatch.bind(this,e[0],e[2],e[3])}dispatch(e,o,r,...t){if(o.length<2){try{f.events.dispatchEventToListeners(e,t[0])}catch(e){console.error(e+" "+e.stack)}return}const n={};for(let e=0;e<o.length;++e)n[o[e]]=t[e];try{f.events.dispatchEventToListeners(e,n)}catch(e){console.error(e+" "+e.stack)}}streamWrite(e,o){g(e,o)}}!function(){let o;if(f){o=x.prototype;for(const e of Object.getOwnPropertyNames(o)){const r=o[e];"function"!=typeof r||f[e]||(console.error(`Incompatible embedder: method Host.InspectorFrontendHost.${e} is missing. Using stub instead.`),f[e]=r)}}else globalThis.InspectorFrontendHost=f=new x;f.events=new e.ObjectWrapper.ObjectWrapper}(),globalThis.InspectorFrontendAPI=new I;var w=Object.freeze({__proto__:null,InspectorFrontendHostStub:x,get InspectorFrontendHostInstance(){return f},isUnderTest:function(o){return!!t.Runtime.Runtime.queryParam("test")||(o?"true"===o.isUnderTest:e.Settings.Settings.hasInstance()&&e.Settings.Settings.instance().createSetting("isUnderTest",!1).get())}});let E,b,P,R,M;function T(){return E||(E=f.platform()),E}var F,D,L,A,V,O,H,N,W,_,U,B,j,G,z,q,J,K,Q,X,Z,$,Y,ee,oe,re,te,ne,ie,se,ae,de,le=Object.freeze({__proto__:null,platform:T,isMac:function(){return void 0===b&&(b="mac"===T()),b},isWin:function(){return void 0===P&&(P="windows"===T()),P},setPlatformForTests:function(e){E=e,b=void 0,P=void 0},isCustomDevtoolsFrontend:function(){return void 0===R&&(R=window.location.toString().startsWith("devtools://devtools/custom/")),R},fontFamily:function(){if(M)return M;switch(T()){case"linux":M="Roboto, Ubuntu, Arial, sans-serif";break;case"mac":M="'Lucida Grande', sans-serif";break;case"windows":M="'Segoe UI', Tahoma, sans-serif"}return M}});class ce{#r;#t;#n;constructor(){this.#r=!1,this.#t=!1,this.#n=""}breakpointWithConditionAdded(e){e>=2||f.recordEnumeratedHistogram(s.BreakpointWithConditionAdded,e,2)}breakpointEditDialogRevealedFrom(e){e>=7||f.recordEnumeratedHistogram(s.BreakpointEditDialogRevealedFrom,e,7)}panelShown(e){const o=D[e]||0;f.recordEnumeratedHistogram(s.PanelShown,o,D.MaxValue),f.recordUserMetricsAction("DevTools_PanelShown_"+e),this.#r=!0}panelClosed(e){const o=D[e]||0;f.recordEnumeratedHistogram(s.PanelClosed,o,D.MaxValue),this.#r=!0}elementsSidebarTabShown(e){const o=L[e]||0;f.recordEnumeratedHistogram(s.ElementsSidebarTabShown,o,L.MaxValue)}sourcesSidebarTabShown(e){const o=A[e]||0;f.recordEnumeratedHistogram(s.SourcesSidebarTabShown,o,A.MaxValue)}settingsPanelShown(e){this.panelShown("settings-"+e)}sourcesPanelFileDebugged(e){const o=e&&V[e]||V.Unknown;f.recordEnumeratedHistogram(s.SourcesPanelFileDebugged,o,V.MaxValue)}sourcesPanelFileOpened(e){const o=e&&V[e]||V.Unknown;f.recordEnumeratedHistogram(s.SourcesPanelFileOpened,o,V.MaxValue)}networkPanelResponsePreviewOpened(e){const o=e&&V[e]||V.Unknown;f.recordEnumeratedHistogram(s.NetworkPanelResponsePreviewOpened,o,V.MaxValue)}actionTaken(e){f.recordEnumeratedHistogram(s.ActionTaken,e,F.MaxValue)}panelLoaded(e,o){this.#t||e!==this.#n||(this.#t=!0,requestAnimationFrame((()=>{window.setTimeout((()=>{performance.mark(o),this.#r||f.recordPerformanceHistogram(o,performance.now())}),0)})))}setLaunchPanel(e){this.#n=e}keybindSetSettingChanged(e){const o=O[e]||0;f.recordEnumeratedHistogram(s.KeybindSetSettingChanged,o,O.MaxValue)}keyboardShortcutFired(e){const o=H[e]||H.OtherShortcut;f.recordEnumeratedHistogram(s.KeyboardShortcutFired,o,H.MaxValue)}issuesPanelOpenedFrom(e){f.recordEnumeratedHistogram(s.IssuesPanelOpenedFrom,e,N.MaxValue)}issuesPanelIssueExpanded(e){if(void 0===e)return;const o=_[e];void 0!==o&&f.recordEnumeratedHistogram(s.IssuesPanelIssueExpanded,o,_.MaxValue)}issuesPanelResourceOpened(e,o){const r=U[e+o];void 0!==r&&f.recordEnumeratedHistogram(s.IssuesPanelResourceOpened,r,U.MaxValue)}issueCreated(e){const o=B[e];void 0!==o&&f.recordEnumeratedHistogram(s.IssueCreated,o,B.MaxValue)}experimentEnabledAtLaunch(e){const o=W[e];void 0!==o&&f.recordEnumeratedHistogram(s.ExperimentEnabledAtLaunch,o,W.MaxValue)}experimentChanged(e,o){const r=W[e];if(void 0===r)return;const t=o?s.ExperimentEnabled:s.ExperimentDisabled;f.recordEnumeratedHistogram(t,r,W.MaxValue)}developerResourceLoaded(e){e>=j.MaxValue||f.recordEnumeratedHistogram(s.DeveloperResourceLoaded,e,j.MaxValue)}developerResourceScheme(e){e>=G.MaxValue||f.recordEnumeratedHistogram(s.DeveloperResourceScheme,e,G.MaxValue)}inlineScriptParsed(e){e>=2||f.recordEnumeratedHistogram(s.InlineScriptParsed,e,2)}vmInlineScriptContentShown(e){e>=2||f.recordEnumeratedHistogram(s.VMInlineScriptTypeShown,e,2)}linearMemoryInspectorRevealedFrom(e){e>=z.MaxValue||f.recordEnumeratedHistogram(s.LinearMemoryInspectorRevealedFrom,e,z.MaxValue)}linearMemoryInspectorTarget(e){e>=q.MaxValue||f.recordEnumeratedHistogram(s.LinearMemoryInspectorTarget,e,q.MaxValue)}language(e){const o=J[e];void 0!==o&&f.recordEnumeratedHistogram(s.Language,o,J.MaxValue)}syncSetting(e){f.getSyncInformation((o=>{let r=K.ChromeSyncDisabled;o.isSyncActive&&!o.arePreferencesSynced?r=K.ChromeSyncSettingsDisabled:o.isSyncActive&&o.arePreferencesSynced&&(r=e?K.DevToolsSyncSettingEnabled:K.DevToolsSyncSettingDisabled),f.recordEnumeratedHistogram(s.SyncSetting,r,K.MaxValue)}))}recordingAssertion(e){f.recordEnumeratedHistogram(s.RecordingAssertion,e,X.MaxValue)}recordingToggled(e){f.recordEnumeratedHistogram(s.RecordingToggled,e,Q.MaxValue)}recordingReplayFinished(e){f.recordEnumeratedHistogram(s.RecordingReplayFinished,e,Z.MaxValue)}recordingReplaySpeed(e){f.recordEnumeratedHistogram(s.RecordingReplaySpeed,e,$.MaxValue)}recordingReplayStarted(e){f.recordEnumeratedHistogram(s.RecordingReplayStarted,e,Y.MaxValue)}recordingEdited(e){f.recordEnumeratedHistogram(s.RecordingEdited,e,ee.MaxValue)}recordingExported(e){f.recordEnumeratedHistogram(s.RecordingExported,e,oe.MaxValue)}recordingCodeToggled(e){f.recordEnumeratedHistogram(s.RecordingCodeToggled,e,re.MaxValue)}recordingCopiedToClipboard(e){f.recordEnumeratedHistogram(s.RecordingCopiedToClipboard,e,te.MaxValue)}styleTextCopied(e){f.recordEnumeratedHistogram(s.StyleTextCopied,e,ie.MaxValue)}manifestSectionSelected(e){const o=se[e]||se.OtherSection;f.recordEnumeratedHistogram(s.ManifestSectionSelected,o,se.MaxValue)}cssHintShown(e){f.recordEnumeratedHistogram(s.CSSHintShown,e,ae.MaxValue)}lighthouseModeRun(e){f.recordEnumeratedHistogram(s.LighthouseModeRun,e,de.MaxValue)}colorConvertedFrom(e){f.recordEnumeratedHistogram(s.ColorConvertedFrom,e,2)}colorPickerOpenedFrom(e){f.recordEnumeratedHistogram(s.ColorPickerOpenedFrom,e,2)}cssPropertyDocumentation(e){f.recordEnumeratedHistogram(s.CSSPropertyDocumentation,e,3)}swatchActivated(e){f.recordEnumeratedHistogram(s.SwatchActivated,e,10)}badgeActivated(e){f.recordEnumeratedHistogram(s.BadgeActivated,e,9)}breakpointsRestoredFromStorage(e){const o=this.#i(e);f.recordEnumeratedHistogram(s.BreakpointsRestoredFromStorageCount,o,10)}#i(e){return e<100?0:e<300?1:e<1e3?2:e<3e3?3:e<1e4?4:e<3e4?5:e<1e5?6:e<3e5?7:e<1e6?8:9}workspacesPopulated(e){f.recordPerformanceHistogram("DevTools.Workspaces.PopulateWallClocktime",e)}workspacesNumberOfFiles(e,o){f.recordCountHistogram("DevTools.Workspaces.NumberOfFilesLoaded",e,0,1e5,100),f.recordCountHistogram("DevTools.Workspaces.NumberOfDirectoriesTraversed",o,0,1e4,100)}}!function(e){e[e.WindowDocked=1]="WindowDocked",e[e.WindowUndocked=2]="WindowUndocked",e[e.ScriptsBreakpointSet=3]="ScriptsBreakpointSet",e[e.TimelineStarted=4]="TimelineStarted",e[e.ProfilesCPUProfileTaken=5]="ProfilesCPUProfileTaken",e[e.ProfilesHeapProfileTaken=6]="ProfilesHeapProfileTaken",e[e.ConsoleEvaluated=8]="ConsoleEvaluated",e[e.FileSavedInWorkspace=9]="FileSavedInWorkspace",e[e.DeviceModeEnabled=10]="DeviceModeEnabled",e[e.AnimationsPlaybackRateChanged=11]="AnimationsPlaybackRateChanged",e[e.RevisionApplied=12]="RevisionApplied",e[e.FileSystemDirectoryContentReceived=13]="FileSystemDirectoryContentReceived",e[e.StyleRuleEdited=14]="StyleRuleEdited",e[e.CommandEvaluatedInConsolePanel=15]="CommandEvaluatedInConsolePanel",e[e.DOMPropertiesExpanded=16]="DOMPropertiesExpanded",e[e.ResizedViewInResponsiveMode=17]="ResizedViewInResponsiveMode",e[e.TimelinePageReloadStarted=18]="TimelinePageReloadStarted",e[e.ConnectToNodeJSFromFrontend=19]="ConnectToNodeJSFromFrontend",e[e.ConnectToNodeJSDirectly=20]="ConnectToNodeJSDirectly",e[e.CpuThrottlingEnabled=21]="CpuThrottlingEnabled",e[e.CpuProfileNodeFocused=22]="CpuProfileNodeFocused",e[e.CpuProfileNodeExcluded=23]="CpuProfileNodeExcluded",e[e.SelectFileFromFilePicker=24]="SelectFileFromFilePicker",e[e.SelectCommandFromCommandMenu=25]="SelectCommandFromCommandMenu",e[e.ChangeInspectedNodeInElementsPanel=26]="ChangeInspectedNodeInElementsPanel",e[e.StyleRuleCopied=27]="StyleRuleCopied",e[e.CoverageStarted=28]="CoverageStarted",e[e.LighthouseStarted=29]="LighthouseStarted",e[e.LighthouseFinished=30]="LighthouseFinished",e[e.ShowedThirdPartyBadges=31]="ShowedThirdPartyBadges",e[e.LighthouseViewTrace=32]="LighthouseViewTrace",e[e.FilmStripStartedRecording=33]="FilmStripStartedRecording",e[e.CoverageReportFiltered=34]="CoverageReportFiltered",e[e.CoverageStartedPerBlock=35]="CoverageStartedPerBlock",e[e["SettingsOpenedFromGear-deprecated"]=36]="SettingsOpenedFromGear-deprecated",e[e["SettingsOpenedFromMenu-deprecated"]=37]="SettingsOpenedFromMenu-deprecated",e[e["SettingsOpenedFromCommandMenu-deprecated"]=38]="SettingsOpenedFromCommandMenu-deprecated",e[e.TabMovedToDrawer=39]="TabMovedToDrawer",e[e.TabMovedToMainPanel=40]="TabMovedToMainPanel",e[e.CaptureCssOverviewClicked=41]="CaptureCssOverviewClicked",e[e.VirtualAuthenticatorEnvironmentEnabled=42]="VirtualAuthenticatorEnvironmentEnabled",e[e.SourceOrderViewActivated=43]="SourceOrderViewActivated",e[e.UserShortcutAdded=44]="UserShortcutAdded",e[e.ShortcutRemoved=45]="ShortcutRemoved",e[e.ShortcutModified=46]="ShortcutModified",e[e.CustomPropertyLinkClicked=47]="CustomPropertyLinkClicked",e[e.CustomPropertyEdited=48]="CustomPropertyEdited",e[e.ServiceWorkerNetworkRequestClicked=49]="ServiceWorkerNetworkRequestClicked",e[e.ServiceWorkerNetworkRequestClosedQuickly=50]="ServiceWorkerNetworkRequestClosedQuickly",e[e.NetworkPanelServiceWorkerRespondWith=51]="NetworkPanelServiceWorkerRespondWith",e[e.NetworkPanelCopyValue=52]="NetworkPanelCopyValue",e[e.ConsoleSidebarOpened=53]="ConsoleSidebarOpened",e[e.PerfPanelTraceImported=54]="PerfPanelTraceImported",e[e.PerfPanelTraceExported=55]="PerfPanelTraceExported",e[e.StackFrameRestarted=56]="StackFrameRestarted",e[e.CaptureTestProtocolClicked=57]="CaptureTestProtocolClicked",e[e.BreakpointRemovedFromRemoveButton=58]="BreakpointRemovedFromRemoveButton",e[e.BreakpointGroupExpandedStateChanged=59]="BreakpointGroupExpandedStateChanged",e[e.HeaderOverrideFileCreated=60]="HeaderOverrideFileCreated",e[e.HeaderOverrideEnableEditingClicked=61]="HeaderOverrideEnableEditingClicked",e[e.HeaderOverrideHeaderAdded=62]="HeaderOverrideHeaderAdded",e[e.HeaderOverrideHeaderEdited=63]="HeaderOverrideHeaderEdited",e[e.HeaderOverrideHeaderRemoved=64]="HeaderOverrideHeaderRemoved",e[e.HeaderOverrideHeadersFileEdited=65]="HeaderOverrideHeadersFileEdited",e[e.PersistenceNetworkOverridesEnabled=66]="PersistenceNetworkOverridesEnabled",e[e.PersistenceNetworkOverridesDisabled=67]="PersistenceNetworkOverridesDisabled",e[e.BreakpointRemovedFromContextMenu=68]="BreakpointRemovedFromContextMenu",e[e.BreakpointsInFileRemovedFromRemoveButton=69]="BreakpointsInFileRemovedFromRemoveButton",e[e.BreakpointsInFileRemovedFromContextMenu=70]="BreakpointsInFileRemovedFromContextMenu",e[e.BreakpointsInFileCheckboxToggled=71]="BreakpointsInFileCheckboxToggled",e[e.BreakpointsInFileEnabledDisabledFromContextMenu=72]="BreakpointsInFileEnabledDisabledFromContextMenu",e[e.BreakpointConditionEditedFromSidebar=73]="BreakpointConditionEditedFromSidebar",e[e.AddFileSystemToWorkspace=74]="AddFileSystemToWorkspace",e[e.RemoveFileSystemFromWorkspace=75]="RemoveFileSystemFromWorkspace",e[e.AddFileSystemForOverrides=76]="AddFileSystemForOverrides",e[e.RemoveFileSystemForOverrides=77]="RemoveFileSystemForOverrides",e[e.FileSystemSourceSelected=78]="FileSystemSourceSelected",e[e.OverridesSourceSelected=79]="OverridesSourceSelected",e[e.StyleSheetInitiatorLinkClicked=80]="StyleSheetInitiatorLinkClicked",e[e.MaxValue=81]="MaxValue"}(F||(F={})),function(e){e[e.elements=1]="elements",e[e.resources=2]="resources",e[e.network=3]="network",e[e.sources=4]="sources",e[e.timeline=5]="timeline",e[e.heap_profiler=6]="heap_profiler",e[e.console=8]="console",e[e.layers=9]="layers",e[e["console-view"]=10]="console-view",e[e.animations=11]="animations",e[e["network.config"]=12]="network.config",e[e.rendering=13]="rendering",e[e.sensors=14]="sensors",e[e["sources.search"]=15]="sources.search",e[e.security=16]="security",e[e.js_profiler=17]="js_profiler",e[e.lighthouse=18]="lighthouse",e[e.coverage=19]="coverage",e[e["protocol-monitor"]=20]="protocol-monitor",e[e["remote-devices"]=21]="remote-devices",e[e["web-audio"]=22]="web-audio",e[e["changes.changes"]=23]="changes.changes",e[e["performance.monitor"]=24]="performance.monitor",e[e["release-note"]=25]="release-note",e[e.live_heap_profile=26]="live_heap_profile",e[e["sources.quick"]=27]="sources.quick",e[e["network.blocked-urls"]=28]="network.blocked-urls",e[e["settings-preferences"]=29]="settings-preferences",e[e["settings-workspace"]=30]="settings-workspace",e[e["settings-experiments"]=31]="settings-experiments",e[e["settings-blackbox"]=32]="settings-blackbox",e[e["settings-devices"]=33]="settings-devices",e[e["settings-throttling-conditions"]=34]="settings-throttling-conditions",e[e["settings-emulation-locations"]=35]="settings-emulation-locations",e[e["settings-shortcuts"]=36]="settings-shortcuts",e[e["issues-pane"]=37]="issues-pane",e[e["settings-keybinds"]=38]="settings-keybinds",e[e.cssoverview=39]="cssoverview",e[e.chrome_recorder=40]="chrome_recorder",e[e.trust_tokens=41]="trust_tokens",e[e.reporting_api=42]="reporting_api",e[e.interest_groups=43]="interest_groups",e[e.back_forward_cache=44]="back_forward_cache",e[e.service_worker_cache=45]="service_worker_cache",e[e.background_service_backgroundFetch=46]="background_service_backgroundFetch",e[e.background_service_backgroundSync=47]="background_service_backgroundSync",e[e.background_service_pushMessaging=48]="background_service_pushMessaging",e[e.background_service_notifications=49]="background_service_notifications",e[e.background_service_paymentHandler=50]="background_service_paymentHandler",e[e.background_service_periodicBackgroundSync=51]="background_service_periodicBackgroundSync",e[e.service_workers=52]="service_workers",e[e.app_manifest=53]="app_manifest",e[e.storage=54]="storage",e[e.cookies=55]="cookies",e[e.frame_details=56]="frame_details",e[e.frame_resource=57]="frame_resource",e[e.frame_window=58]="frame_window",e[e.frame_worker=59]="frame_worker",e[e.dom_storage=60]="dom_storage",e[e.indexed_db=61]="indexed_db",e[e.web_sql=62]="web_sql",e[e.performance_insights=63]="performance_insights",e[e.preloading=64]="preloading",e[e.bounce_tracking_mitigations=65]="bounce_tracking_mitigations",e[e.MaxValue=66]="MaxValue"}(D||(D={})),function(e){e[e.OtherSidebarPane=0]="OtherSidebarPane",e[e.Styles=1]="Styles",e[e.Computed=2]="Computed",e[e["elements.layout"]=3]="elements.layout",e[e["elements.eventListeners"]=4]="elements.eventListeners",e[e["elements.domBreakpoints"]=5]="elements.domBreakpoints",e[e["elements.domProperties"]=6]="elements.domProperties",e[e["accessibility.view"]=7]="accessibility.view",e[e.MaxValue=8]="MaxValue"}(L||(L={})),function(e){e[e.OtherSidebarPane=0]="OtherSidebarPane",e[e["navigator-network"]=1]="navigator-network",e[e["navigator-files"]=2]="navigator-files",e[e["navigator-overrides"]=3]="navigator-overrides",e[e["navigator-contentScripts"]=4]="navigator-contentScripts",e[e["navigator-snippets"]=5]="navigator-snippets",e[e.MaxValue=6]="MaxValue"}(A||(A={})),function(e){e[e.Unknown=0]="Unknown",e[e["text/css"]=2]="text/css",e[e["text/html"]=3]="text/html",e[e["application/xml"]=4]="application/xml",e[e["application/wasm"]=5]="application/wasm",e[e["application/manifest+json"]=6]="application/manifest+json",e[e["application/x-aspx"]=7]="application/x-aspx",e[e["application/jsp"]=8]="application/jsp",e[e["text/x-c++src"]=9]="text/x-c++src",e[e["text/x-coffeescript"]=10]="text/x-coffeescript",e[e["application/vnd.dart"]=11]="application/vnd.dart",e[e["text/typescript"]=12]="text/typescript",e[e["text/typescript-jsx"]=13]="text/typescript-jsx",e[e["application/json"]=14]="application/json",e[e["text/x-csharp"]=15]="text/x-csharp",e[e["text/x-java"]=16]="text/x-java",e[e["text/x-less"]=17]="text/x-less",e[e["application/x-httpd-php"]=18]="application/x-httpd-php",e[e["text/x-python"]=19]="text/x-python",e[e["text/x-sh"]=20]="text/x-sh",e[e["text/x-gss"]=21]="text/x-gss",e[e["text/x-sass"]=22]="text/x-sass",e[e["text/x-scss"]=23]="text/x-scss",e[e["text/markdown"]=24]="text/markdown",e[e["text/x-clojure"]=25]="text/x-clojure",e[e["text/jsx"]=26]="text/jsx",e[e["text/x-go"]=27]="text/x-go",e[e["text/x-kotlin"]=28]="text/x-kotlin",e[e["text/x-scala"]=29]="text/x-scala",e[e["text/x.svelte"]=30]="text/x.svelte",e[e["text/javascript+plain"]=31]="text/javascript+plain",e[e["text/javascript+minified"]=32]="text/javascript+minified",e[e["text/javascript+sourcemapped"]=33]="text/javascript+sourcemapped",e[e["text/x.angular"]=34]="text/x.angular",e[e["text/x.vue"]=35]="text/x.vue",e[e.MaxValue=36]="MaxValue"}(V||(V={})),function(e){e[e.devToolsDefault=0]="devToolsDefault",e[e.vsCode=1]="vsCode",e[e.MaxValue=2]="MaxValue"}(O||(O={})),function(e){e[e.OtherShortcut=0]="OtherShortcut",e[e["commandMenu.show"]=1]="commandMenu.show",e[e["console.clear"]=2]="console.clear",e[e["console.show"]=3]="console.show",e[e["debugger.step"]=4]="debugger.step",e[e["debugger.step-into"]=5]="debugger.step-into",e[e["debugger.step-out"]=6]="debugger.step-out",e[e["debugger.step-over"]=7]="debugger.step-over",e[e["debugger.toggle-breakpoint"]=8]="debugger.toggle-breakpoint",e[e["debugger.toggle-breakpoint-enabled"]=9]="debugger.toggle-breakpoint-enabled",e[e["debugger.toggle-pause"]=10]="debugger.toggle-pause",e[e["elements.edit-as-html"]=11]="elements.edit-as-html",e[e["elements.hide-element"]=12]="elements.hide-element",e[e["elements.redo"]=13]="elements.redo",e[e["elements.toggle-element-search"]=14]="elements.toggle-element-search",e[e["elements.undo"]=15]="elements.undo",e[e["main.search-in-panel.find"]=16]="main.search-in-panel.find",e[e["main.toggle-drawer"]=17]="main.toggle-drawer",e[e["network.hide-request-details"]=18]="network.hide-request-details",e[e["network.search"]=19]="network.search",e[e["network.toggle-recording"]=20]="network.toggle-recording",e[e["quickOpen.show"]=21]="quickOpen.show",e[e["settings.show"]=22]="settings.show",e[e["sources.search"]=23]="sources.search",e[e["background-service.toggle-recording"]=24]="background-service.toggle-recording",e[e["components.collect-garbage"]=25]="components.collect-garbage",e[e["console.clear.history"]=26]="console.clear.history",e[e["console.create-pin"]=27]="console.create-pin",e[e["coverage.start-with-reload"]=28]="coverage.start-with-reload",e[e["coverage.toggle-recording"]=29]="coverage.toggle-recording",e[e["debugger.breakpoint-input-window"]=30]="debugger.breakpoint-input-window",e[e["debugger.evaluate-selection"]=31]="debugger.evaluate-selection",e[e["debugger.next-call-frame"]=32]="debugger.next-call-frame",e[e["debugger.previous-call-frame"]=33]="debugger.previous-call-frame",e[e["debugger.run-snippet"]=34]="debugger.run-snippet",e[e["debugger.toggle-breakpoints-active"]=35]="debugger.toggle-breakpoints-active",e[e["elements.capture-area-screenshot"]=36]="elements.capture-area-screenshot",e[e["emulation.capture-full-height-screenshot"]=37]="emulation.capture-full-height-screenshot",e[e["emulation.capture-node-screenshot"]=38]="emulation.capture-node-screenshot",e[e["emulation.capture-screenshot"]=39]="emulation.capture-screenshot",e[e["emulation.show-sensors"]=40]="emulation.show-sensors",e[e["emulation.toggle-device-mode"]=41]="emulation.toggle-device-mode",e[e["help.release-notes"]=42]="help.release-notes",e[e["help.report-issue"]=43]="help.report-issue",e[e["input.start-replaying"]=44]="input.start-replaying",e[e["input.toggle-pause"]=45]="input.toggle-pause",e[e["input.toggle-recording"]=46]="input.toggle-recording",e[e["inspector_main.focus-debuggee"]=47]="inspector_main.focus-debuggee",e[e["inspector_main.hard-reload"]=48]="inspector_main.hard-reload",e[e["inspector_main.reload"]=49]="inspector_main.reload",e[e["live-heap-profile.start-with-reload"]=50]="live-heap-profile.start-with-reload",e[e["live-heap-profile.toggle-recording"]=51]="live-heap-profile.toggle-recording",e[e["main.debug-reload"]=52]="main.debug-reload",e[e["main.next-tab"]=53]="main.next-tab",e[e["main.previous-tab"]=54]="main.previous-tab",e[e["main.search-in-panel.cancel"]=55]="main.search-in-panel.cancel",e[e["main.search-in-panel.find-next"]=56]="main.search-in-panel.find-next",e[e["main.search-in-panel.find-previous"]=57]="main.search-in-panel.find-previous",e[e["main.toggle-dock"]=58]="main.toggle-dock",e[e["main.zoom-in"]=59]="main.zoom-in",e[e["main.zoom-out"]=60]="main.zoom-out",e[e["main.zoom-reset"]=61]="main.zoom-reset",e[e["network-conditions.network-low-end-mobile"]=62]="network-conditions.network-low-end-mobile",e[e["network-conditions.network-mid-tier-mobile"]=63]="network-conditions.network-mid-tier-mobile",e[e["network-conditions.network-offline"]=64]="network-conditions.network-offline",e[e["network-conditions.network-online"]=65]="network-conditions.network-online",e[e["profiler.heap-toggle-recording"]=66]="profiler.heap-toggle-recording",e[e["profiler.js-toggle-recording"]=67]="profiler.js-toggle-recording",e[e["resources.clear"]=68]="resources.clear",e[e["settings.documentation"]=69]="settings.documentation",e[e["settings.shortcuts"]=70]="settings.shortcuts",e[e["sources.add-folder-to-workspace"]=71]="sources.add-folder-to-workspace",e[e["sources.add-to-watch"]=72]="sources.add-to-watch",e[e["sources.close-all"]=73]="sources.close-all",e[e["sources.close-editor-tab"]=74]="sources.close-editor-tab",e[e["sources.create-snippet"]=75]="sources.create-snippet",e[e["sources.go-to-line"]=76]="sources.go-to-line",e[e["sources.go-to-member"]=77]="sources.go-to-member",e[e["sources.jump-to-next-location"]=78]="sources.jump-to-next-location",e[e["sources.jump-to-previous-location"]=79]="sources.jump-to-previous-location",e[e["sources.rename"]=80]="sources.rename",e[e["sources.save"]=81]="sources.save",e[e["sources.save-all"]=82]="sources.save-all",e[e["sources.switch-file"]=83]="sources.switch-file",e[e["timeline.jump-to-next-frame"]=84]="timeline.jump-to-next-frame",e[e["timeline.jump-to-previous-frame"]=85]="timeline.jump-to-previous-frame",e[e["timeline.load-from-file"]=86]="timeline.load-from-file",e[e["timeline.next-recording"]=87]="timeline.next-recording",e[e["timeline.previous-recording"]=88]="timeline.previous-recording",e[e["timeline.record-reload"]=89]="timeline.record-reload",e[e["timeline.save-to-file"]=90]="timeline.save-to-file",e[e["timeline.show-history"]=91]="timeline.show-history",e[e["timeline.toggle-recording"]=92]="timeline.toggle-recording",e[e["sources.increment-css"]=93]="sources.increment-css",e[e["sources.increment-css-by-ten"]=94]="sources.increment-css-by-ten",e[e["sources.decrement-css"]=95]="sources.decrement-css",e[e["sources.decrement-css-by-ten"]=96]="sources.decrement-css-by-ten",e[e["layers.reset-view"]=97]="layers.reset-view",e[e["layers.pan-mode"]=98]="layers.pan-mode",e[e["layers.rotate-mode"]=99]="layers.rotate-mode",e[e["layers.zoom-in"]=100]="layers.zoom-in",e[e["layers.zoom-out"]=101]="layers.zoom-out",e[e["layers.up"]=102]="layers.up",e[e["layers.down"]=103]="layers.down",e[e["layers.left"]=104]="layers.left",e[e["layers.right"]=105]="layers.right",e[e["help.report-translation-issue"]=106]="help.report-translation-issue",e[e["rendering.toggle-prefers-color-scheme"]=107]="rendering.toggle-prefers-color-scheme",e[e["chrome_recorder.start-recording"]=108]="chrome_recorder.start-recording",e[e["chrome_recorder.replay-recording"]=109]="chrome_recorder.replay-recording",e[e["chrome_recorder.toggle-code-view"]=110]="chrome_recorder.toggle-code-view",e[e["chrome_recorder.copy-recording-or-step"]=111]="chrome_recorder.copy-recording-or-step",e[e.MaxValue=112]="MaxValue"}(H||(H={})),function(e){e[e.ConsoleInfoBar=0]="ConsoleInfoBar",e[e.LearnMoreLinkCOEP=1]="LearnMoreLinkCOEP",e[e.StatusBarIssuesCounter=2]="StatusBarIssuesCounter",e[e.HamburgerMenu=3]="HamburgerMenu",e[e.Adorner=4]="Adorner",e[e.CommandMenu=5]="CommandMenu",e[e.MaxValue=6]="MaxValue"}(N||(N={})),function(e){e[e.applyCustomStylesheet=0]="applyCustomStylesheet",e[e.captureNodeCreationStacks=1]="captureNodeCreationStacks",e[e.sourcesPrettyPrint=2]="sourcesPrettyPrint",e[e.liveHeapProfile=11]="liveHeapProfile",e[e.protocolMonitor=13]="protocolMonitor",e[e.developerResourcesView=15]="developerResourcesView",e[e.samplingHeapProfilerTimeline=17]="samplingHeapProfilerTimeline",e[e.showOptionToExposeInternalsInHeapSnapshot=18]="showOptionToExposeInternalsInHeapSnapshot",e[e.sourceOrderViewer=20]="sourceOrderViewer",e[e.webauthnPane=22]="webauthnPane",e[e.timelineEventInitiators=24]="timelineEventInitiators",e[e.timelineInvalidationTracking=26]="timelineInvalidationTracking",e[e.timelineShowAllEvents=27]="timelineShowAllEvents",e[e.timelineV8RuntimeCallStats=28]="timelineV8RuntimeCallStats",e[e.wasmDWARFDebugging=31]="wasmDWARFDebugging",e[e.dualScreenSupport=32]="dualScreenSupport",e[e.keyboardShortcutEditor=35]="keyboardShortcutEditor",e[e.APCA=39]="APCA",e[e.cspViolationsView=40]="cspViolationsView",e[e.fontEditor=41]="fontEditor",e[e.fullAccessibilityTree=42]="fullAccessibilityTree",e[e.ignoreListJSFramesOnTimeline=43]="ignoreListJSFramesOnTimeline",e[e.contrastIssues=44]="contrastIssues",e[e.experimentalCookieFeatures=45]="experimentalCookieFeatures",e[e.cssTypeComponentLength=52]="cssTypeComponentLength",e[e.preciseChanges=53]="preciseChanges",e[e.bfcacheDisplayTree=54]="bfcacheDisplayTree",e[e.stylesPaneCSSChanges=55]="stylesPaneCSSChanges",e[e.headerOverrides=56]="headerOverrides",e[e.evaluateExpressionsWithSourceMaps=58]="evaluateExpressionsWithSourceMaps",e[e.eyedropperColorPicker=60]="eyedropperColorPicker",e[e.instrumentationBreakpoints=61]="instrumentationBreakpoints",e[e.authoredDeployedGrouping=63]="authoredDeployedGrouping",e[e.importantDOMProperties=64]="importantDOMProperties",e[e.justMyCode=65]="justMyCode",e[e.timelineAsConsoleProfileResultPanel=67]="timelineAsConsoleProfileResultPanel",e[e.preloadingStatusPanel=68]="preloadingStatusPanel",e[e.disableColorFormatSetting=69]="disableColorFormatSetting",e[e.outermostTargetSelector=71]="outermostTargetSelector",e[e.jsProfilerTemporarilyEnable=72]="jsProfilerTemporarilyEnable",e[e.highlightErrorsElementsPanel=73]="highlightErrorsElementsPanel",e[e.setAllBreakpointsEagerly=74]="setAllBreakpointsEagerly",e[e.MaxValue=75]="MaxValue"}(W||(W={})),function(e){e[e.CrossOriginEmbedderPolicy=0]="CrossOriginEmbedderPolicy",e[e.MixedContent=1]="MixedContent",e[e.Cookie=2]="Cookie",e[e.HeavyAd=3]="HeavyAd",e[e.ContentSecurityPolicy=4]="ContentSecurityPolicy",e[e.Other=5]="Other",e[e.Generic=6]="Generic",e[e.MaxValue=7]="MaxValue"}(_||(_={})),function(e){e[e.CrossOriginEmbedderPolicyRequest=0]="CrossOriginEmbedderPolicyRequest",e[e.CrossOriginEmbedderPolicyElement=1]="CrossOriginEmbedderPolicyElement",e[e.MixedContentRequest=2]="MixedContentRequest",e[e.SameSiteCookieCookie=3]="SameSiteCookieCookie",e[e.SameSiteCookieRequest=4]="SameSiteCookieRequest",e[e.HeavyAdElement=5]="HeavyAdElement",e[e.ContentSecurityPolicyDirective=6]="ContentSecurityPolicyDirective",e[e.ContentSecurityPolicyElement=7]="ContentSecurityPolicyElement",e[e.CrossOriginEmbedderPolicyLearnMore=8]="CrossOriginEmbedderPolicyLearnMore",e[e.MixedContentLearnMore=9]="MixedContentLearnMore",e[e.SameSiteCookieLearnMore=10]="SameSiteCookieLearnMore",e[e.HeavyAdLearnMore=11]="HeavyAdLearnMore",e[e.ContentSecurityPolicyLearnMore=12]="ContentSecurityPolicyLearnMore",e[e.MaxValue=13]="MaxValue"}(U||(U={})),function(e){e[e.MixedContentIssue=0]="MixedContentIssue",e[e["ContentSecurityPolicyIssue::kInlineViolation"]=1]="ContentSecurityPolicyIssue::kInlineViolation",e[e["ContentSecurityPolicyIssue::kEvalViolation"]=2]="ContentSecurityPolicyIssue::kEvalViolation",e[e["ContentSecurityPolicyIssue::kURLViolation"]=3]="ContentSecurityPolicyIssue::kURLViolation",e[e["ContentSecurityPolicyIssue::kTrustedTypesSinkViolation"]=4]="ContentSecurityPolicyIssue::kTrustedTypesSinkViolation",e[e["ContentSecurityPolicyIssue::kTrustedTypesPolicyViolation"]=5]="ContentSecurityPolicyIssue::kTrustedTypesPolicyViolation",e[e["HeavyAdIssue::NetworkTotalLimit"]=6]="HeavyAdIssue::NetworkTotalLimit",e[e["HeavyAdIssue::CpuTotalLimit"]=7]="HeavyAdIssue::CpuTotalLimit",e[e["HeavyAdIssue::CpuPeakLimit"]=8]="HeavyAdIssue::CpuPeakLimit",e[e["CrossOriginEmbedderPolicyIssue::CoepFrameResourceNeedsCoepHeader"]=9]="CrossOriginEmbedderPolicyIssue::CoepFrameResourceNeedsCoepHeader",e[e["CrossOriginEmbedderPolicyIssue::CoopSandboxedIFrameCannotNavigateToCoopPage"]=10]="CrossOriginEmbedderPolicyIssue::CoopSandboxedIFrameCannotNavigateToCoopPage",e[e["CrossOriginEmbedderPolicyIssue::CorpNotSameOrigin"]=11]="CrossOriginEmbedderPolicyIssue::CorpNotSameOrigin",e[e["CrossOriginEmbedderPolicyIssue::CorpNotSameOriginAfterDefaultedToSameOriginByCoep"]=12]="CrossOriginEmbedderPolicyIssue::CorpNotSameOriginAfterDefaultedToSameOriginByCoep",e[e["CrossOriginEmbedderPolicyIssue::CorpNotSameSite"]=13]="CrossOriginEmbedderPolicyIssue::CorpNotSameSite",e[e["CookieIssue::ExcludeSameSiteNoneInsecure::ReadCookie"]=14]="CookieIssue::ExcludeSameSiteNoneInsecure::ReadCookie",e[e["CookieIssue::ExcludeSameSiteNoneInsecure::SetCookie"]=15]="CookieIssue::ExcludeSameSiteNoneInsecure::SetCookie",e[e["CookieIssue::WarnSameSiteNoneInsecure::ReadCookie"]=16]="CookieIssue::WarnSameSiteNoneInsecure::ReadCookie",e[e["CookieIssue::WarnSameSiteNoneInsecure::SetCookie"]=17]="CookieIssue::WarnSameSiteNoneInsecure::SetCookie",e[e["CookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Secure"]=18]="CookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Secure",e[e["CookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Insecure"]=19]="CookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Insecure",e[e["CookieIssue::WarnCrossDowngrade::ReadCookie::Secure"]=20]="CookieIssue::WarnCrossDowngrade::ReadCookie::Secure",e[e["CookieIssue::WarnCrossDowngrade::ReadCookie::Insecure"]=21]="CookieIssue::WarnCrossDowngrade::ReadCookie::Insecure",e[e["CookieIssue::WarnCrossDowngrade::SetCookie::Secure"]=22]="CookieIssue::WarnCrossDowngrade::SetCookie::Secure",e[e["CookieIssue::WarnCrossDowngrade::SetCookie::Insecure"]=23]="CookieIssue::WarnCrossDowngrade::SetCookie::Insecure",e[e["CookieIssue::ExcludeNavigationContextDowngrade::Secure"]=24]="CookieIssue::ExcludeNavigationContextDowngrade::Secure",e[e["CookieIssue::ExcludeNavigationContextDowngrade::Insecure"]=25]="CookieIssue::ExcludeNavigationContextDowngrade::Insecure",e[e["CookieIssue::ExcludeContextDowngrade::ReadCookie::Secure"]=26]="CookieIssue::ExcludeContextDowngrade::ReadCookie::Secure",e[e["CookieIssue::ExcludeContextDowngrade::ReadCookie::Insecure"]=27]="CookieIssue::ExcludeContextDowngrade::ReadCookie::Insecure",e[e["CookieIssue::ExcludeContextDowngrade::SetCookie::Secure"]=28]="CookieIssue::ExcludeContextDowngrade::SetCookie::Secure",e[e["CookieIssue::ExcludeContextDowngrade::SetCookie::Insecure"]=29]="CookieIssue::ExcludeContextDowngrade::SetCookie::Insecure",e[e["CookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::ReadCookie"]=30]="CookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::ReadCookie",e[e["CookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::SetCookie"]=31]="CookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::SetCookie",e[e["CookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::ReadCookie"]=32]="CookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::ReadCookie",e[e["CookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::SetCookie"]=33]="CookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::SetCookie",e[e["CookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::ReadCookie"]=34]="CookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::ReadCookie",e[e["CookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::SetCookie"]=35]="CookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::SetCookie",e[e["SharedArrayBufferIssue::TransferIssue"]=36]="SharedArrayBufferIssue::TransferIssue",e[e["SharedArrayBufferIssue::CreationIssue"]=37]="SharedArrayBufferIssue::CreationIssue",e[e.LowTextContrastIssue=41]="LowTextContrastIssue",e[e["CorsIssue::InsecurePrivateNetwork"]=42]="CorsIssue::InsecurePrivateNetwork",e[e["CorsIssue::InvalidHeaders"]=44]="CorsIssue::InvalidHeaders",e[e["CorsIssue::WildcardOriginWithCredentials"]=45]="CorsIssue::WildcardOriginWithCredentials",e[e["CorsIssue::PreflightResponseInvalid"]=46]="CorsIssue::PreflightResponseInvalid",e[e["CorsIssue::OriginMismatch"]=47]="CorsIssue::OriginMismatch",e[e["CorsIssue::AllowCredentialsRequired"]=48]="CorsIssue::AllowCredentialsRequired",e[e["CorsIssue::MethodDisallowedByPreflightResponse"]=49]="CorsIssue::MethodDisallowedByPreflightResponse",e[e["CorsIssue::HeaderDisallowedByPreflightResponse"]=50]="CorsIssue::HeaderDisallowedByPreflightResponse",e[e["CorsIssue::RedirectContainsCredentials"]=51]="CorsIssue::RedirectContainsCredentials",e[e["CorsIssue::DisallowedByMode"]=52]="CorsIssue::DisallowedByMode",e[e["CorsIssue::CorsDisabledScheme"]=53]="CorsIssue::CorsDisabledScheme",e[e["CorsIssue::PreflightMissingAllowExternal"]=54]="CorsIssue::PreflightMissingAllowExternal",e[e["CorsIssue::PreflightInvalidAllowExternal"]=55]="CorsIssue::PreflightInvalidAllowExternal",e[e["CorsIssue::NoCorsRedirectModeNotFollow"]=57]="CorsIssue::NoCorsRedirectModeNotFollow",e[e["QuirksModeIssue::QuirksMode"]=58]="QuirksModeIssue::QuirksMode",e[e["QuirksModeIssue::LimitedQuirksMode"]=59]="QuirksModeIssue::LimitedQuirksMode",e[e.DeprecationIssue=60]="DeprecationIssue",e[e["ClientHintIssue::MetaTagAllowListInvalidOrigin"]=61]="ClientHintIssue::MetaTagAllowListInvalidOrigin",e[e["ClientHintIssue::MetaTagModifiedHTML"]=62]="ClientHintIssue::MetaTagModifiedHTML",e[e["CorsIssue::PreflightAllowPrivateNetworkError"]=63]="CorsIssue::PreflightAllowPrivateNetworkError",e[e["GenericIssue::CrossOriginPortalPostMessageError"]=64]="GenericIssue::CrossOriginPortalPostMessageError",e[e["GenericIssue::FormLabelForNameError"]=65]="GenericIssue::FormLabelForNameError",e[e["GenericIssue::FormDuplicateIdForInputError"]=66]="GenericIssue::FormDuplicateIdForInputError",e[e["GenericIssue::FormInputWithNoLabelError"]=67]="GenericIssue::FormInputWithNoLabelError",e[e["GenericIssue::FormAutocompleteAttributeEmptyError"]=68]="GenericIssue::FormAutocompleteAttributeEmptyError",e[e["GenericIssue::FormEmptyIdAndNameAttributesForInputError"]=69]="GenericIssue::FormEmptyIdAndNameAttributesForInputError",e[e["GenericIssue::FormAriaLabelledByToNonExistingId"]=70]="GenericIssue::FormAriaLabelledByToNonExistingId",e[e["GenericIssue::FormInputAssignedAutocompleteValueToIdOrNameAttributeError"]=71]="GenericIssue::FormInputAssignedAutocompleteValueToIdOrNameAttributeError",e[e["GenericIssue::FormLabelHasNeitherForNorNestedInput"]=72]="GenericIssue::FormLabelHasNeitherForNorNestedInput",e[e["GenericIssue::FormLabelForMatchesNonExistingIdError"]=73]="GenericIssue::FormLabelForMatchesNonExistingIdError",e[e["GenericIssue::FormHasPasswordFieldWithoutUsernameFieldError"]=74]="GenericIssue::FormHasPasswordFieldWithoutUsernameFieldError",e[e["GenericIssue::FormInputHasWrongButWellIntendedAutocompleteValueError"]=75]="GenericIssue::FormInputHasWrongButWellIntendedAutocompleteValueError",e[e["StylesheetLoadingIssue::LateImportRule"]=76]="StylesheetLoadingIssue::LateImportRule",e[e["StylesheetLoadingIssue::RequestFailed"]=77]="StylesheetLoadingIssue::RequestFailed",e[e.MaxValue=78]="MaxValue"}(B||(B={})),function(e){e[e.LoadThroughPageViaTarget=0]="LoadThroughPageViaTarget",e[e.LoadThroughPageViaFrame=1]="LoadThroughPageViaFrame",e[e.LoadThroughPageFailure=2]="LoadThroughPageFailure",e[e.LoadThroughPageFallback=3]="LoadThroughPageFallback",e[e.FallbackAfterFailure=4]="FallbackAfterFailure",e[e.FallbackPerOverride=5]="FallbackPerOverride",e[e.FallbackPerProtocol=6]="FallbackPerProtocol",e[e.FallbackFailure=7]="FallbackFailure",e[e.MaxValue=8]="MaxValue"}(j||(j={})),function(e){e[e.SchemeOther=0]="SchemeOther",e[e.SchemeUnknown=1]="SchemeUnknown",e[e.SchemeHttp=2]="SchemeHttp",e[e.SchemeHttps=3]="SchemeHttps",e[e.SchemeHttpLocalhost=4]="SchemeHttpLocalhost",e[e.SchemeHttpsLocalhost=5]="SchemeHttpsLocalhost",e[e.SchemeData=6]="SchemeData",e[e.SchemeFile=7]="SchemeFile",e[e.SchemeBlob=8]="SchemeBlob",e[e.MaxValue=9]="MaxValue"}(G||(G={})),function(e){e[e.ContextMenu=0]="ContextMenu",e[e.MemoryIcon=1]="MemoryIcon",e[e.MaxValue=2]="MaxValue"}(z||(z={})),function(e){e[e.DWARFInspectableAddress=0]="DWARFInspectableAddress",e[e.ArrayBuffer=1]="ArrayBuffer",e[e.DataView=2]="DataView",e[e.TypedArray=3]="TypedArray",e[e.WebAssemblyMemory=4]="WebAssemblyMemory",e[e.MaxValue=5]="MaxValue"}(q||(q={})),function(e){e[e.af=1]="af",e[e.am=2]="am",e[e.ar=3]="ar",e[e.as=4]="as",e[e.az=5]="az",e[e.be=6]="be",e[e.bg=7]="bg",e[e.bn=8]="bn",e[e.bs=9]="bs",e[e.ca=10]="ca",e[e.cs=11]="cs",e[e.cy=12]="cy",e[e.da=13]="da",e[e.de=14]="de",e[e.el=15]="el",e[e["en-GB"]=16]="en-GB",e[e["en-US"]=17]="en-US",e[e["es-419"]=18]="es-419",e[e.es=19]="es",e[e.et=20]="et",e[e.eu=21]="eu",e[e.fa=22]="fa",e[e.fi=23]="fi",e[e.fil=24]="fil",e[e["fr-CA"]=25]="fr-CA",e[e.fr=26]="fr",e[e.gl=27]="gl",e[e.gu=28]="gu",e[e.he=29]="he",e[e.hi=30]="hi",e[e.hr=31]="hr",e[e.hu=32]="hu",e[e.hy=33]="hy",e[e.id=34]="id",e[e.is=35]="is",e[e.it=36]="it",e[e.ja=37]="ja",e[e.ka=38]="ka",e[e.kk=39]="kk",e[e.km=40]="km",e[e.kn=41]="kn",e[e.ko=42]="ko",e[e.ky=43]="ky",e[e.lo=44]="lo",e[e.lt=45]="lt",e[e.lv=46]="lv",e[e.mk=47]="mk",e[e.ml=48]="ml",e[e.mn=49]="mn",e[e.mr=50]="mr",e[e.ms=51]="ms",e[e.my=52]="my",e[e.ne=53]="ne",e[e.nl=54]="nl",e[e.no=55]="no",e[e.or=56]="or",e[e.pa=57]="pa",e[e.pl=58]="pl",e[e["pt-PT"]=59]="pt-PT",e[e.pt=60]="pt",e[e.ro=61]="ro",e[e.ru=62]="ru",e[e.si=63]="si",e[e.sk=64]="sk",e[e.sl=65]="sl",e[e.sq=66]="sq",e[e["sr-Latn"]=67]="sr-Latn",e[e.sr=68]="sr",e[e.sv=69]="sv",e[e.sw=70]="sw",e[e.ta=71]="ta",e[e.te=72]="te",e[e.th=73]="th",e[e.tr=74]="tr",e[e.uk=75]="uk",e[e.ur=76]="ur",e[e.uz=77]="uz",e[e.vi=78]="vi",e[e.zh=79]="zh",e[e["zh-HK"]=80]="zh-HK",e[e["zh-TW"]=81]="zh-TW",e[e.zu=82]="zu",e[e.MaxValue=83]="MaxValue"}(J||(J={})),function(e){e[e.ChromeSyncDisabled=1]="ChromeSyncDisabled",e[e.ChromeSyncSettingsDisabled=2]="ChromeSyncSettingsDisabled",e[e.DevToolsSyncSettingDisabled=3]="DevToolsSyncSettingDisabled",e[e.DevToolsSyncSettingEnabled=4]="DevToolsSyncSettingEnabled",e[e.MaxValue=5]="MaxValue"}(K||(K={})),function(e){e[e.RecordingStarted=1]="RecordingStarted",e[e.RecordingFinished=2]="RecordingFinished",e[e.MaxValue=3]="MaxValue"}(Q||(Q={})),function(e){e[e.AssertionAdded=1]="AssertionAdded",e[e.PropertyAssertionEdited=2]="PropertyAssertionEdited",e[e.AttributeAssertionEdited=3]="AttributeAssertionEdited",e[e.MaxValue=4]="MaxValue"}(X||(X={})),function(e){e[e.Success=1]="Success",e[e.TimeoutErrorSelectors=2]="TimeoutErrorSelectors",e[e.TimeoutErrorTarget=3]="TimeoutErrorTarget",e[e.OtherError=4]="OtherError",e[e.MaxValue=5]="MaxValue"}(Z||(Z={})),function(e){e[e.Normal=1]="Normal",e[e.Slow=2]="Slow",e[e.VerySlow=3]="VerySlow",e[e.ExtremelySlow=4]="ExtremelySlow",e[e.MaxValue=5]="MaxValue"}($||($={})),function(e){e[e.ReplayOnly=1]="ReplayOnly",e[e.ReplayWithPerformanceTracing=2]="ReplayWithPerformanceTracing",e[e.ReplayViaExtension=3]="ReplayViaExtension",e[e.MaxValue=4]="MaxValue"}(Y||(Y={})),function(e){e[e.SelectorPickerUsed=1]="SelectorPickerUsed",e[e.StepAdded=2]="StepAdded",e[e.StepRemoved=3]="StepRemoved",e[e.SelectorAdded=4]="SelectorAdded",e[e.SelectorRemoved=5]="SelectorRemoved",e[e.SelectorPartAdded=6]="SelectorPartAdded",e[e.SelectorPartEdited=7]="SelectorPartEdited",e[e.SelectorPartRemoved=8]="SelectorPartRemoved",e[e.TypeChanged=9]="TypeChanged",e[e.OtherEditing=10]="OtherEditing",e[e.MaxValue=11]="MaxValue"}(ee||(ee={})),function(e){e[e.ToPuppeteer=1]="ToPuppeteer",e[e.ToJSON=2]="ToJSON",e[e.ToPuppeteerReplay=3]="ToPuppeteerReplay",e[e.ToExtension=4]="ToExtension",e[e.ToLighthouse=5]="ToLighthouse",e[e.MaxValue=6]="MaxValue"}(oe||(oe={})),function(e){e[e.CodeShown=1]="CodeShown",e[e.CodeHidden=2]="CodeHidden",e[e.MaxValue=3]="MaxValue"}(re||(re={})),function(e){e[e.CopiedRecordingWithPuppeteer=1]="CopiedRecordingWithPuppeteer",e[e.CopiedRecordingWithJSON=2]="CopiedRecordingWithJSON",e[e.CopiedRecordingWithReplay=3]="CopiedRecordingWithReplay",e[e.CopiedRecordingWithExtension=4]="CopiedRecordingWithExtension",e[e.CopiedStepWithPuppeteer=5]="CopiedStepWithPuppeteer",e[e.CopiedStepWithJSON=6]="CopiedStepWithJSON",e[e.CopiedStepWithReplay=7]="CopiedStepWithReplay",e[e.CopiedStepWithExtension=8]="CopiedStepWithExtension",e[e.MaxValue=9]="MaxValue"}(te||(te={})),function(e){e[e.false=0]="false",e[e.true=1]="true",e[e.MaxValue=2]="MaxValue"}(ne||(ne={})),function(e){e[e.DeclarationViaChangedLine=1]="DeclarationViaChangedLine",e[e.AllChangesViaStylesPane=2]="AllChangesViaStylesPane",e[e.DeclarationViaContextMenu=3]="DeclarationViaContextMenu",e[e.PropertyViaContextMenu=4]="PropertyViaContextMenu",e[e.ValueViaContextMenu=5]="ValueViaContextMenu",e[e.DeclarationAsJSViaContextMenu=6]="DeclarationAsJSViaContextMenu",e[e.RuleViaContextMenu=7]="RuleViaContextMenu",e[e.AllDeclarationsViaContextMenu=8]="AllDeclarationsViaContextMenu",e[e.AllDeclarationsAsJSViaContextMenu=9]="AllDeclarationsAsJSViaContextMenu",e[e.SelectorViaContextMenu=10]="SelectorViaContextMenu",e[e.MaxValue=11]="MaxValue"}(ie||(ie={})),function(e){e[e.OtherSection=0]="OtherSection",e[e.Identity=1]="Identity",e[e.Presentation=2]="Presentation",e[e["Protocol Handlers"]=3]="Protocol Handlers",e[e.Icons=4]="Icons",e[e["Window Controls Overlay"]=5]="Window Controls Overlay",e[e.MaxValue=6]="MaxValue"}(se||(se={})),function(e){e[e.Other=0]="Other",e[e.AlignContent=1]="AlignContent",e[e.FlexItem=2]="FlexItem",e[e.FlexContainer=3]="FlexContainer",e[e.GridContainer=4]="GridContainer",e[e.GridItem=5]="GridItem",e[e.FlexGrid=6]="FlexGrid",e[e.MulticolFlexGrid=7]="MulticolFlexGrid",e[e.Padding=8]="Padding",e[e.Position=9]="Position",e[e.ZIndex=10]="ZIndex",e[e.Sizing=11]="Sizing",e[e.FlexOrGridItem=12]="FlexOrGridItem",e[e.FontVariationSettings=13]="FontVariationSettings",e[e.MaxValue=14]="MaxValue"}(ae||(ae={})),function(e){e[e.Navigation=0]="Navigation",e[e.Timespan=1]="Timespan",e[e.Snapshot=2]="Snapshot",e[e.LegacyNavigation=3]="LegacyNavigation",e[e.MaxValue=4]="MaxValue"}(de||(de={}));var ue=Object.freeze({__proto__:null,UserMetrics:ce,get Action(){return F},get PanelCodes(){return D},get ElementsSidebarTabCodes(){return L},get SourcesSidebarTabCodes(){return A},get MediaTypes(){return V},get KeybindSetSettings(){return O},get KeyboardShortcutAction(){return H},get IssueOpener(){return N},get DevtoolsExperiments(){return W},get IssueExpanded(){return _},get IssueResourceOpened(){return U},get IssueCreated(){return B},get DeveloperResourceLoaded(){return j},get DeveloperResourceScheme(){return G},get LinearMemoryInspectorRevealedFrom(){return z},get LinearMemoryInspectorTarget(){return q},get Language(){return J},get SyncSetting(){return K},get RecordingToggled(){return Q},get RecordingAssertion(){return X},get RecordingReplayFinished(){return Z},get RecordingReplaySpeed(){return $},get RecordingReplayStarted(){return Y},get RecordingEdited(){return ee},get RecordingExported(){return oe},get RecordingCodeToggled(){return re},get RecordingCopiedToClipboard(){return te},get ConsoleShowsCorsErrors(){return ne},get StyleTextCopied(){return ie},get ManifestSectionCodes(){return se},get CSSHintType(){return ae},get LighthouseModeRun(){return de}});const me=new ce;export{w as InspectorFrontendHost,a as InspectorFrontendHostAPI,le as Platform,C as ResourceLoader,ue as UserMetrics,me as userMetrics};
+import*as e from"../common/common.js";import*as o from"../i18n/i18n.js";import*as r from"../platform/platform.js";import*as t from"../root/root.js";var n;!function(e){e.AppendedToURL="appendedToURL",e.CanceledSaveURL="canceledSaveURL",e.ContextMenuCleared="contextMenuCleared",e.ContextMenuItemSelected="contextMenuItemSelected",e.DeviceCountUpdated="deviceCountUpdated",e.DevicesDiscoveryConfigChanged="devicesDiscoveryConfigChanged",e.DevicesPortForwardingStatusChanged="devicesPortForwardingStatusChanged",e.DevicesUpdated="devicesUpdated",e.DispatchMessage="dispatchMessage",e.DispatchMessageChunk="dispatchMessageChunk",e.EnterInspectElementMode="enterInspectElementMode",e.EyeDropperPickedColor="eyeDropperPickedColor",e.FileSystemsLoaded="fileSystemsLoaded",e.FileSystemRemoved="fileSystemRemoved",e.FileSystemAdded="fileSystemAdded",e.FileSystemFilesChangedAddedRemoved="FileSystemFilesChangedAddedRemoved",e.IndexingTotalWorkCalculated="indexingTotalWorkCalculated",e.IndexingWorked="indexingWorked",e.IndexingDone="indexingDone",e.KeyEventUnhandled="keyEventUnhandled",e.ReattachRootTarget="reattachMainTarget",e.ReloadInspectedPage="reloadInspectedPage",e.RevealSourceLine="revealSourceLine",e.SavedURL="savedURL",e.SearchCompleted="searchCompleted",e.SetInspectedTabId="setInspectedTabId",e.SetUseSoftMenu="setUseSoftMenu",e.ShowPanel="showPanel"}(n||(n={}));const i=[[n.AppendedToURL,"appendedToURL",["url"]],[n.CanceledSaveURL,"canceledSaveURL",["url"]],[n.ContextMenuCleared,"contextMenuCleared",[]],[n.ContextMenuItemSelected,"contextMenuItemSelected",["id"]],[n.DeviceCountUpdated,"deviceCountUpdated",["count"]],[n.DevicesDiscoveryConfigChanged,"devicesDiscoveryConfigChanged",["config"]],[n.DevicesPortForwardingStatusChanged,"devicesPortForwardingStatusChanged",["status"]],[n.DevicesUpdated,"devicesUpdated",["devices"]],[n.DispatchMessage,"dispatchMessage",["messageObject"]],[n.DispatchMessageChunk,"dispatchMessageChunk",["messageChunk","messageSize"]],[n.EnterInspectElementMode,"enterInspectElementMode",[]],[n.EyeDropperPickedColor,"eyeDropperPickedColor",["color"]],[n.FileSystemsLoaded,"fileSystemsLoaded",["fileSystems"]],[n.FileSystemRemoved,"fileSystemRemoved",["fileSystemPath"]],[n.FileSystemAdded,"fileSystemAdded",["errorMessage","fileSystem"]],[n.FileSystemFilesChangedAddedRemoved,"fileSystemFilesChangedAddedRemoved",["changed","added","removed"]],[n.IndexingTotalWorkCalculated,"indexingTotalWorkCalculated",["requestId","fileSystemPath","totalWork"]],[n.IndexingWorked,"indexingWorked",["requestId","fileSystemPath","worked"]],[n.IndexingDone,"indexingDone",["requestId","fileSystemPath"]],[n.KeyEventUnhandled,"keyEventUnhandled",["event"]],[n.ReattachRootTarget,"reattachMainTarget",[]],[n.ReloadInspectedPage,"reloadInspectedPage",["hard"]],[n.RevealSourceLine,"revealSourceLine",["url","lineNumber","columnNumber"]],[n.SavedURL,"savedURL",["url","fileSystemPath"]],[n.SearchCompleted,"searchCompleted",["requestId","fileSystemPath","files"]],[n.SetInspectedTabId,"setInspectedTabId",["tabId"]],[n.SetUseSoftMenu,"setUseSoftMenu",["useSoftMenu"]],[n.ShowPanel,"showPanel",["panelName"]]];var s;!function(e){e.ActionTaken="DevTools.ActionTaken",e.BreakpointWithConditionAdded="DevTools.BreakpointWithConditionAdded",e.BreakpointEditDialogRevealedFrom="DevTools.BreakpointEditDialogRevealedFrom",e.PanelClosed="DevTools.PanelClosed",e.PanelShown="DevTools.PanelShown",e.SidebarPaneShown="DevTools.SidebarPaneShown",e.KeyboardShortcutFired="DevTools.KeyboardShortcutFired",e.IssueCreated="DevTools.IssueCreated",e.IssuesPanelIssueExpanded="DevTools.IssuesPanelIssueExpanded",e.IssuesPanelOpenedFrom="DevTools.IssuesPanelOpenedFrom",e.IssuesPanelResourceOpened="DevTools.IssuesPanelResourceOpened",e.KeybindSetSettingChanged="DevTools.KeybindSetSettingChanged",e.ElementsSidebarTabShown="DevTools.Elements.SidebarTabShown",e.ExperimentEnabledAtLaunch="DevTools.ExperimentEnabledAtLaunch",e.ExperimentEnabled="DevTools.ExperimentEnabled",e.ExperimentDisabled="DevTools.ExperimentDisabled",e.DeveloperResourceLoaded="DevTools.DeveloperResourceLoaded",e.DeveloperResourceScheme="DevTools.DeveloperResourceScheme",e.LinearMemoryInspectorRevealedFrom="DevTools.LinearMemoryInspector.RevealedFrom",e.LinearMemoryInspectorTarget="DevTools.LinearMemoryInspector.Target",e.Language="DevTools.Language",e.SyncSetting="DevTools.SyncSetting",e.RecordingAssertion="DevTools.RecordingAssertion",e.RecordingCodeToggled="DevTools.RecordingCodeToggled",e.RecordingCopiedToClipboard="DevTools.RecordingCopiedToClipboard",e.RecordingEdited="DevTools.RecordingEdited",e.RecordingExported="DevTools.RecordingExported",e.RecordingReplayFinished="DevTools.RecordingReplayFinished",e.RecordingReplaySpeed="DevTools.RecordingReplaySpeed",e.RecordingReplayStarted="DevTools.RecordingReplayStarted",e.RecordingToggled="DevTools.RecordingToggled",e.SourcesSidebarTabShown="DevTools.Sources.SidebarTabShown",e.SourcesPanelFileDebugged="DevTools.SourcesPanelFileDebugged",e.SourcesPanelFileOpened="DevTools.SourcesPanelFileOpened",e.NetworkPanelResponsePreviewOpened="DevTools.NetworkPanelResponsePreviewOpened",e.StyleTextCopied="DevTools.StyleTextCopied",e.ManifestSectionSelected="DevTools.ManifestSectionSelected",e.CSSHintShown="DevTools.CSSHintShown",e.LighthouseModeRun="DevTools.LighthouseModeRun",e.ColorConvertedFrom="DevTools.ColorConvertedFrom",e.ColorPickerOpenedFrom="DevTools.ColorPickerOpenedFrom",e.CSSPropertyDocumentation="DevTools.CSSPropertyDocumentation",e.InlineScriptParsed="DevTools.InlineScriptParsed",e.VMInlineScriptTypeShown="DevTools.VMInlineScriptShown",e.BreakpointsRestoredFromStorageCount="DevTools.BreakpointsRestoredFromStorageCount",e.SwatchActivated="DevTools.SwatchActivated",e.BadgeActivated="DevTools.BadgeActivated"}(s||(s={}));var a=Object.freeze({__proto__:null,get Events(){return n},EventDescriptors:i,get EnumeratedHistogram(){return s}});const d={systemError:"System error",connectionError:"Connection error",certificateError:"Certificate error",httpError:"HTTP error",cacheError:"Cache error",signedExchangeError:"Signed Exchange error",ftpError:"FTP error",certificateManagerError:"Certificate manager error",dnsResolverError:"DNS resolver error",unknownError:"Unknown error",httpErrorStatusCodeSS:"HTTP error: status code {PH1}, {PH2}",invalidUrl:"Invalid URL",decodingDataUrlFailed:"Decoding Data URL failed"},l=o.i18n.registerUIStrings("core/host/ResourceLoader.ts",d),c=o.i18n.getLocalizedString.bind(void 0,l);let u=0;const m={},g=function(e,o){m[e].write(o)};let p=function(o,r,t,n){const i=new e.StringOutputStream.StringOutputStream;h(o,r,i,(function(e,o,r){t(e,o,i.data(),r)}),n)};function S(e,o,r){if(void 0===e||void 0===r)return null;if(0!==e){if(function(e){return e<=-300&&e>-400}(e))return c(d.httpErrorStatusCodeSS,{PH1:String(o),PH2:r});const t=function(e){return c(e>-100?d.systemError:e>-200?d.connectionError:e>-300?d.certificateError:e>-400?d.httpError:e>-500?d.cacheError:e>-600?d.signedExchangeError:e>-700?d.ftpError:e>-800?d.certificateManagerError:e>-900?d.dnsResolverError:d.unknownError)}(e);return`${t}: ${r}`}return null}const h=function(o,r,t,n,i){const s=function(e){return m[++u]=e,u}(t);if(new e.ParsedURL.ParsedURL(o).isDataURL())return void(e=>new Promise(((o,r)=>{const t=new XMLHttpRequest;t.withCredentials=!1,t.open("GET",e,!0),t.onreadystatechange=function(){if(t.readyState===XMLHttpRequest.DONE){if(200!==t.status)return t.onreadystatechange=null,void r(new Error(String(t.status)));t.onreadystatechange=null,o(t.responseText)}},t.send(null)})))(o).then((function(e){g(s,e),l({statusCode:200})})).catch((function(e){l({statusCode:404,messageOverride:c(d.decodingDataUrlFailed)})}));if(!i&&function(e){try{const o=new URL(e);return"file:"===o.protocol&&""!==o.host}catch(e){return!1}}(o))return void(n&&n(!1,{},{statusCode:400,netError:-20,netErrorName:"net::BLOCKED_BY_CLIENT",message:"Loading from a remote file path is prohibited for security reasons."}));const a=[];if(r)for(const e in r)a.push(e+": "+r[e]);function l(e){if(n){const{success:o,description:r}=function(e){const{statusCode:o,netError:r,netErrorName:t,urlValid:n,messageOverride:i}=e;let s="";const a=o>=200&&o<300;if("string"==typeof i)s=i;else if(!a)if(void 0===r)s=c(!1===n?d.invalidUrl:d.unknownError);else{const e=S(r,o,t);e&&(s=e)}return console.assert(a===(0===s.length)),{success:a,description:{statusCode:o,netError:r,netErrorName:t,urlValid:n,message:s}}}(e);n(o,e.headers||{},r)}var o;m[o=s].close(),delete m[o]}f.loadNetworkResource(o,a.join("\r\n"),s,l)};var C=Object.freeze({__proto__:null,ResourceLoader:{},streamWrite:g,get load(){return p},setLoadForTest:function(e){p=e},netErrorToMessage:S,loadAsStream:h});const v={devtoolsS:"DevTools - {PH1}"},y=o.i18n.registerUIStrings("core/host/InspectorFrontendHost.ts",v),k=o.i18n.getLocalizedString.bind(void 0,y);class x{#e;events;#o=null;recordedCountHistograms=[];recordedEnumeratedHistograms=[];recordedPerformanceHistograms=[];constructor(){function e(e){!("mac"===this.platform()?e.metaKey:e.ctrlKey)||"+"!==e.key&&"-"!==e.key||e.stopPropagation()}this.#e=new Map,"undefined"!=typeof document&&document.addEventListener("keydown",(o=>{e.call(this,o)}),!0)}platform(){const e=navigator.userAgent;return e.includes("Windows NT")?"windows":e.includes("Mac OS X")?"mac":"linux"}loadCompleted(){}bringToFront(){}closeWindow(){}setIsDocked(e,o){window.setTimeout(o,0)}showSurvey(e,o){window.setTimeout((()=>o({surveyShown:!1})),0)}canShowSurvey(e,o){window.setTimeout((()=>o({canShowSurvey:!1})),0)}setInspectedPageBounds(e){}inspectElementCompleted(){}setInjectedScriptForOrigin(e,o){}inspectedURLChanged(e){document.title=k(v.devtoolsS,{PH1:e.replace(/^https?:\/\//,"")})}copyText(e){null!=e&&navigator.clipboard.writeText(e)}openInNewTab(e){window.open(e,"_blank")}showItemInFolder(o){e.Console.Console.instance().error("Show item in folder is not enabled in hosted mode. Please inspect using chrome://inspect")}save(e,o,r){let t=this.#e.get(e);t||(t=[],this.#e.set(e,t)),t.push(o),this.events.dispatchEventToListeners(n.SavedURL,{url:e,fileSystemPath:e})}append(e,o){const r=this.#e.get(e);r&&(r.push(o),this.events.dispatchEventToListeners(n.AppendedToURL,e))}close(e){const o=this.#e.get(e)||[];this.#e.delete(e);let t="";if(e)try{const o=r.StringUtilities.trimURL(e);t=r.StringUtilities.removeURLFragment(o)}catch(o){t=e}const n=document.createElement("a");n.download=t;const i=new Blob([o.join("")],{type:"text/plain"}),s=URL.createObjectURL(i);n.href=s,n.click(),URL.revokeObjectURL(s)}sendMessageToBackend(e){}recordCountHistogram(e,o,r,t,n){this.recordedCountHistograms.length>=100&&this.recordedCountHistograms.shift(),this.recordedCountHistograms.push({histogramName:e,sample:o,min:r,exclusiveMax:t,bucketSize:n})}recordEnumeratedHistogram(e,o,r){this.recordedEnumeratedHistograms.length>=100&&this.recordedEnumeratedHistograms.shift(),this.recordedEnumeratedHistograms.push({actionName:e,actionCode:o})}recordPerformanceHistogram(e,o){this.recordedPerformanceHistograms.length>=100&&this.recordedPerformanceHistograms.shift(),this.recordedPerformanceHistograms.push({histogramName:e,duration:o})}recordUserMetricsAction(e){}requestFileSystems(){this.events.dispatchEventToListeners(n.FileSystemsLoaded,[])}addFileSystem(e){window.webkitRequestFileSystem(window.TEMPORARY,1048576,(e=>{this.#o=e;const o={fileSystemName:"sandboxedRequestedFileSystem",fileSystemPath:"/overrides",rootURL:"filesystem:devtools://devtools/isolated/",type:"overrides"};this.events.dispatchEventToListeners(n.FileSystemAdded,{fileSystem:o})}))}removeFileSystem(e){const o=e=>{e.forEach((e=>{e.isDirectory?e.removeRecursively((()=>{})):e.isFile&&e.remove((()=>{}))}))};this.#o&&this.#o.root.createReader().readEntries(o),this.#o=null,this.events.dispatchEventToListeners(n.FileSystemRemoved,"/overrides")}isolatedFileSystem(e,o){return this.#o}loadNetworkResource(e,o,r,t){fetch(e).then((async e=>{const o=await e.arrayBuffer();let r=o;if(function(e){const o=new Uint8Array(e);return!(!o||o.length<3)&&31===o[0]&&139===o[1]&&8===o[2]}(o)){const e=new DecompressionStream("gzip"),t=e.writable.getWriter();t.write(o),t.close(),r=e.readable}return await new Response(r).text()})).then((function(e){g(r,e),t({statusCode:200,headers:void 0,messageOverride:void 0,netError:void 0,netErrorName:void 0,urlValid:void 0})})).catch((function(){t({statusCode:404,headers:void 0,messageOverride:void 0,netError:void 0,netErrorName:void 0,urlValid:void 0})}))}registerPreference(e,o){}getPreferences(e){const o={};for(const e in window.localStorage)o[e]=window.localStorage[e];e(o)}getPreference(e,o){o(window.localStorage[e])}setPreference(e,o){window.localStorage[e]=o}removePreference(e){delete window.localStorage[e]}clearPreferences(){window.localStorage.clear()}getSyncInformation(e){e({isSyncActive:!1,arePreferencesSynced:!1})}upgradeDraggedFileSystemPermissions(e){}indexPath(e,o,r){}stopIndexing(e){}searchInPath(e,o,r){}zoomFactor(){return 1}zoomIn(){}zoomOut(){}resetZoom(){}setWhitelistedShortcuts(e){}setEyeDropperActive(e){}showCertificateViewer(e){}reattach(e){e()}readyForTest(){}connectionReady(){}setOpenNewWindowForPopups(e){}setDevicesDiscoveryConfig(e){}setDevicesUpdatesEnabled(e){}performActionOnRemotePage(e,o){}openRemotePage(e,o){}openNodeFrontend(){}showContextMenuAtPoint(e,o,r,t){throw"Soft context menu should be used"}isHostedMode(){return!0}setAddExtensionCallback(e){}async initialTargetId(){return null}}let f=globalThis.InspectorFrontendHost;class I{constructor(){for(const e of i)this[e[1]]=this.dispatch.bind(this,e[0],e[2],e[3])}dispatch(e,o,r,...t){if(o.length<2){try{f.events.dispatchEventToListeners(e,t[0])}catch(e){console.error(e+" "+e.stack)}return}const n={};for(let e=0;e<o.length;++e)n[o[e]]=t[e];try{f.events.dispatchEventToListeners(e,n)}catch(e){console.error(e+" "+e.stack)}}streamWrite(e,o){g(e,o)}}!function(){let o;if(f){o=x.prototype;for(const e of Object.getOwnPropertyNames(o)){const r=o[e];"function"!=typeof r||f[e]||(console.error(`Incompatible embedder: method Host.InspectorFrontendHost.${e} is missing. Using stub instead.`),f[e]=r)}}else globalThis.InspectorFrontendHost=f=new x;f.events=new e.ObjectWrapper.ObjectWrapper}(),globalThis.InspectorFrontendAPI=new I;var w=Object.freeze({__proto__:null,InspectorFrontendHostStub:x,get InspectorFrontendHostInstance(){return f},isUnderTest:function(o){return!!t.Runtime.Runtime.queryParam("test")||(o?"true"===o.isUnderTest:e.Settings.Settings.hasInstance()&&e.Settings.Settings.instance().createSetting("isUnderTest",!1).get())}});let E,b,P,R,M;function T(){return E||(E=f.platform()),E}var F,D,L,A,V,O,H,N,W,_,U,B,j,G,z,q,J,K,Q,X,Z,$,Y,ee,oe,re,te,ne,ie,se,ae,de,le=Object.freeze({__proto__:null,platform:T,isMac:function(){return void 0===b&&(b="mac"===T()),b},isWin:function(){return void 0===P&&(P="windows"===T()),P},setPlatformForTests:function(e){E=e,b=void 0,P=void 0},isCustomDevtoolsFrontend:function(){return void 0===R&&(R=window.location.toString().startsWith("devtools://devtools/custom/")),R},fontFamily:function(){if(M)return M;switch(T()){case"linux":M="Roboto, Ubuntu, Arial, sans-serif";break;case"mac":M="'Lucida Grande', sans-serif";break;case"windows":M="'Segoe UI', Tahoma, sans-serif"}return M}});class ce{#r;#t;#n;constructor(){this.#r=!1,this.#t=!1,this.#n=""}breakpointWithConditionAdded(e){e>=2||f.recordEnumeratedHistogram(s.BreakpointWithConditionAdded,e,2)}breakpointEditDialogRevealedFrom(e){e>=7||f.recordEnumeratedHistogram(s.BreakpointEditDialogRevealedFrom,e,7)}panelShown(e){const o=D[e]||0;f.recordEnumeratedHistogram(s.PanelShown,o,D.MaxValue),f.recordUserMetricsAction("DevTools_PanelShown_"+e),this.#r=!0}panelClosed(e){const o=D[e]||0;f.recordEnumeratedHistogram(s.PanelClosed,o,D.MaxValue),this.#r=!0}elementsSidebarTabShown(e){const o=L[e]||0;f.recordEnumeratedHistogram(s.ElementsSidebarTabShown,o,L.MaxValue)}sourcesSidebarTabShown(e){const o=A[e]||0;f.recordEnumeratedHistogram(s.SourcesSidebarTabShown,o,A.MaxValue)}settingsPanelShown(e){this.panelShown("settings-"+e)}sourcesPanelFileDebugged(e){const o=e&&V[e]||V.Unknown;f.recordEnumeratedHistogram(s.SourcesPanelFileDebugged,o,V.MaxValue)}sourcesPanelFileOpened(e){const o=e&&V[e]||V.Unknown;f.recordEnumeratedHistogram(s.SourcesPanelFileOpened,o,V.MaxValue)}networkPanelResponsePreviewOpened(e){const o=e&&V[e]||V.Unknown;f.recordEnumeratedHistogram(s.NetworkPanelResponsePreviewOpened,o,V.MaxValue)}actionTaken(e){f.recordEnumeratedHistogram(s.ActionTaken,e,F.MaxValue)}panelLoaded(e,o){this.#t||e!==this.#n||(this.#t=!0,requestAnimationFrame((()=>{window.setTimeout((()=>{performance.mark(o),this.#r||f.recordPerformanceHistogram(o,performance.now())}),0)})))}setLaunchPanel(e){this.#n=e}keybindSetSettingChanged(e){const o=O[e]||0;f.recordEnumeratedHistogram(s.KeybindSetSettingChanged,o,O.MaxValue)}keyboardShortcutFired(e){const o=H[e]||H.OtherShortcut;f.recordEnumeratedHistogram(s.KeyboardShortcutFired,o,H.MaxValue)}issuesPanelOpenedFrom(e){f.recordEnumeratedHistogram(s.IssuesPanelOpenedFrom,e,N.MaxValue)}issuesPanelIssueExpanded(e){if(void 0===e)return;const o=_[e];void 0!==o&&f.recordEnumeratedHistogram(s.IssuesPanelIssueExpanded,o,_.MaxValue)}issuesPanelResourceOpened(e,o){const r=U[e+o];void 0!==r&&f.recordEnumeratedHistogram(s.IssuesPanelResourceOpened,r,U.MaxValue)}issueCreated(e){const o=B[e];void 0!==o&&f.recordEnumeratedHistogram(s.IssueCreated,o,B.MaxValue)}experimentEnabledAtLaunch(e){const o=W[e];void 0!==o&&f.recordEnumeratedHistogram(s.ExperimentEnabledAtLaunch,o,W.MaxValue)}experimentChanged(e,o){const r=W[e];if(void 0===r)return;const t=o?s.ExperimentEnabled:s.ExperimentDisabled;f.recordEnumeratedHistogram(t,r,W.MaxValue)}developerResourceLoaded(e){e>=j.MaxValue||f.recordEnumeratedHistogram(s.DeveloperResourceLoaded,e,j.MaxValue)}developerResourceScheme(e){e>=G.MaxValue||f.recordEnumeratedHistogram(s.DeveloperResourceScheme,e,G.MaxValue)}inlineScriptParsed(e){e>=2||f.recordEnumeratedHistogram(s.InlineScriptParsed,e,2)}vmInlineScriptContentShown(e){e>=2||f.recordEnumeratedHistogram(s.VMInlineScriptTypeShown,e,2)}linearMemoryInspectorRevealedFrom(e){e>=z.MaxValue||f.recordEnumeratedHistogram(s.LinearMemoryInspectorRevealedFrom,e,z.MaxValue)}linearMemoryInspectorTarget(e){e>=q.MaxValue||f.recordEnumeratedHistogram(s.LinearMemoryInspectorTarget,e,q.MaxValue)}language(e){const o=J[e];void 0!==o&&f.recordEnumeratedHistogram(s.Language,o,J.MaxValue)}syncSetting(e){f.getSyncInformation((o=>{let r=K.ChromeSyncDisabled;o.isSyncActive&&!o.arePreferencesSynced?r=K.ChromeSyncSettingsDisabled:o.isSyncActive&&o.arePreferencesSynced&&(r=e?K.DevToolsSyncSettingEnabled:K.DevToolsSyncSettingDisabled),f.recordEnumeratedHistogram(s.SyncSetting,r,K.MaxValue)}))}recordingAssertion(e){f.recordEnumeratedHistogram(s.RecordingAssertion,e,X.MaxValue)}recordingToggled(e){f.recordEnumeratedHistogram(s.RecordingToggled,e,Q.MaxValue)}recordingReplayFinished(e){f.recordEnumeratedHistogram(s.RecordingReplayFinished,e,Z.MaxValue)}recordingReplaySpeed(e){f.recordEnumeratedHistogram(s.RecordingReplaySpeed,e,$.MaxValue)}recordingReplayStarted(e){f.recordEnumeratedHistogram(s.RecordingReplayStarted,e,Y.MaxValue)}recordingEdited(e){f.recordEnumeratedHistogram(s.RecordingEdited,e,ee.MaxValue)}recordingExported(e){f.recordEnumeratedHistogram(s.RecordingExported,e,oe.MaxValue)}recordingCodeToggled(e){f.recordEnumeratedHistogram(s.RecordingCodeToggled,e,re.MaxValue)}recordingCopiedToClipboard(e){f.recordEnumeratedHistogram(s.RecordingCopiedToClipboard,e,te.MaxValue)}styleTextCopied(e){f.recordEnumeratedHistogram(s.StyleTextCopied,e,ie.MaxValue)}manifestSectionSelected(e){const o=se[e]||se.OtherSection;f.recordEnumeratedHistogram(s.ManifestSectionSelected,o,se.MaxValue)}cssHintShown(e){f.recordEnumeratedHistogram(s.CSSHintShown,e,ae.MaxValue)}lighthouseModeRun(e){f.recordEnumeratedHistogram(s.LighthouseModeRun,e,de.MaxValue)}colorConvertedFrom(e){f.recordEnumeratedHistogram(s.ColorConvertedFrom,e,2)}colorPickerOpenedFrom(e){f.recordEnumeratedHistogram(s.ColorPickerOpenedFrom,e,2)}cssPropertyDocumentation(e){f.recordEnumeratedHistogram(s.CSSPropertyDocumentation,e,3)}swatchActivated(e){f.recordEnumeratedHistogram(s.SwatchActivated,e,10)}badgeActivated(e){f.recordEnumeratedHistogram(s.BadgeActivated,e,9)}breakpointsRestoredFromStorage(e){const o=this.#i(e);f.recordEnumeratedHistogram(s.BreakpointsRestoredFromStorageCount,o,10)}#i(e){return e<100?0:e<300?1:e<1e3?2:e<3e3?3:e<1e4?4:e<3e4?5:e<1e5?6:e<3e5?7:e<1e6?8:9}workspacesPopulated(e){f.recordPerformanceHistogram("DevTools.Workspaces.PopulateWallClocktime",e)}workspacesNumberOfFiles(e,o){f.recordCountHistogram("DevTools.Workspaces.NumberOfFilesLoaded",e,0,1e5,100),f.recordCountHistogram("DevTools.Workspaces.NumberOfDirectoriesTraversed",o,0,1e4,100)}}!function(e){e[e.WindowDocked=1]="WindowDocked",e[e.WindowUndocked=2]="WindowUndocked",e[e.ScriptsBreakpointSet=3]="ScriptsBreakpointSet",e[e.TimelineStarted=4]="TimelineStarted",e[e.ProfilesCPUProfileTaken=5]="ProfilesCPUProfileTaken",e[e.ProfilesHeapProfileTaken=6]="ProfilesHeapProfileTaken",e[e.ConsoleEvaluated=8]="ConsoleEvaluated",e[e.FileSavedInWorkspace=9]="FileSavedInWorkspace",e[e.DeviceModeEnabled=10]="DeviceModeEnabled",e[e.AnimationsPlaybackRateChanged=11]="AnimationsPlaybackRateChanged",e[e.RevisionApplied=12]="RevisionApplied",e[e.FileSystemDirectoryContentReceived=13]="FileSystemDirectoryContentReceived",e[e.StyleRuleEdited=14]="StyleRuleEdited",e[e.CommandEvaluatedInConsolePanel=15]="CommandEvaluatedInConsolePanel",e[e.DOMPropertiesExpanded=16]="DOMPropertiesExpanded",e[e.ResizedViewInResponsiveMode=17]="ResizedViewInResponsiveMode",e[e.TimelinePageReloadStarted=18]="TimelinePageReloadStarted",e[e.ConnectToNodeJSFromFrontend=19]="ConnectToNodeJSFromFrontend",e[e.ConnectToNodeJSDirectly=20]="ConnectToNodeJSDirectly",e[e.CpuThrottlingEnabled=21]="CpuThrottlingEnabled",e[e.CpuProfileNodeFocused=22]="CpuProfileNodeFocused",e[e.CpuProfileNodeExcluded=23]="CpuProfileNodeExcluded",e[e.SelectFileFromFilePicker=24]="SelectFileFromFilePicker",e[e.SelectCommandFromCommandMenu=25]="SelectCommandFromCommandMenu",e[e.ChangeInspectedNodeInElementsPanel=26]="ChangeInspectedNodeInElementsPanel",e[e.StyleRuleCopied=27]="StyleRuleCopied",e[e.CoverageStarted=28]="CoverageStarted",e[e.LighthouseStarted=29]="LighthouseStarted",e[e.LighthouseFinished=30]="LighthouseFinished",e[e.ShowedThirdPartyBadges=31]="ShowedThirdPartyBadges",e[e.LighthouseViewTrace=32]="LighthouseViewTrace",e[e.FilmStripStartedRecording=33]="FilmStripStartedRecording",e[e.CoverageReportFiltered=34]="CoverageReportFiltered",e[e.CoverageStartedPerBlock=35]="CoverageStartedPerBlock",e[e["SettingsOpenedFromGear-deprecated"]=36]="SettingsOpenedFromGear-deprecated",e[e["SettingsOpenedFromMenu-deprecated"]=37]="SettingsOpenedFromMenu-deprecated",e[e["SettingsOpenedFromCommandMenu-deprecated"]=38]="SettingsOpenedFromCommandMenu-deprecated",e[e.TabMovedToDrawer=39]="TabMovedToDrawer",e[e.TabMovedToMainPanel=40]="TabMovedToMainPanel",e[e.CaptureCssOverviewClicked=41]="CaptureCssOverviewClicked",e[e.VirtualAuthenticatorEnvironmentEnabled=42]="VirtualAuthenticatorEnvironmentEnabled",e[e.SourceOrderViewActivated=43]="SourceOrderViewActivated",e[e.UserShortcutAdded=44]="UserShortcutAdded",e[e.ShortcutRemoved=45]="ShortcutRemoved",e[e.ShortcutModified=46]="ShortcutModified",e[e.CustomPropertyLinkClicked=47]="CustomPropertyLinkClicked",e[e.CustomPropertyEdited=48]="CustomPropertyEdited",e[e.ServiceWorkerNetworkRequestClicked=49]="ServiceWorkerNetworkRequestClicked",e[e.ServiceWorkerNetworkRequestClosedQuickly=50]="ServiceWorkerNetworkRequestClosedQuickly",e[e.NetworkPanelServiceWorkerRespondWith=51]="NetworkPanelServiceWorkerRespondWith",e[e.NetworkPanelCopyValue=52]="NetworkPanelCopyValue",e[e.ConsoleSidebarOpened=53]="ConsoleSidebarOpened",e[e.PerfPanelTraceImported=54]="PerfPanelTraceImported",e[e.PerfPanelTraceExported=55]="PerfPanelTraceExported",e[e.StackFrameRestarted=56]="StackFrameRestarted",e[e.CaptureTestProtocolClicked=57]="CaptureTestProtocolClicked",e[e.BreakpointRemovedFromRemoveButton=58]="BreakpointRemovedFromRemoveButton",e[e.BreakpointGroupExpandedStateChanged=59]="BreakpointGroupExpandedStateChanged",e[e.HeaderOverrideFileCreated=60]="HeaderOverrideFileCreated",e[e.HeaderOverrideEnableEditingClicked=61]="HeaderOverrideEnableEditingClicked",e[e.HeaderOverrideHeaderAdded=62]="HeaderOverrideHeaderAdded",e[e.HeaderOverrideHeaderEdited=63]="HeaderOverrideHeaderEdited",e[e.HeaderOverrideHeaderRemoved=64]="HeaderOverrideHeaderRemoved",e[e.HeaderOverrideHeadersFileEdited=65]="HeaderOverrideHeadersFileEdited",e[e.PersistenceNetworkOverridesEnabled=66]="PersistenceNetworkOverridesEnabled",e[e.PersistenceNetworkOverridesDisabled=67]="PersistenceNetworkOverridesDisabled",e[e.BreakpointRemovedFromContextMenu=68]="BreakpointRemovedFromContextMenu",e[e.BreakpointsInFileRemovedFromRemoveButton=69]="BreakpointsInFileRemovedFromRemoveButton",e[e.BreakpointsInFileRemovedFromContextMenu=70]="BreakpointsInFileRemovedFromContextMenu",e[e.BreakpointsInFileCheckboxToggled=71]="BreakpointsInFileCheckboxToggled",e[e.BreakpointsInFileEnabledDisabledFromContextMenu=72]="BreakpointsInFileEnabledDisabledFromContextMenu",e[e.BreakpointConditionEditedFromSidebar=73]="BreakpointConditionEditedFromSidebar",e[e.AddFileSystemToWorkspace=74]="AddFileSystemToWorkspace",e[e.RemoveFileSystemFromWorkspace=75]="RemoveFileSystemFromWorkspace",e[e.AddFileSystemForOverrides=76]="AddFileSystemForOverrides",e[e.RemoveFileSystemForOverrides=77]="RemoveFileSystemForOverrides",e[e.FileSystemSourceSelected=78]="FileSystemSourceSelected",e[e.OverridesSourceSelected=79]="OverridesSourceSelected",e[e.StyleSheetInitiatorLinkClicked=80]="StyleSheetInitiatorLinkClicked",e[e.MaxValue=81]="MaxValue"}(F||(F={})),function(e){e[e.elements=1]="elements",e[e.resources=2]="resources",e[e.network=3]="network",e[e.sources=4]="sources",e[e.timeline=5]="timeline",e[e.heap_profiler=6]="heap_profiler",e[e.console=8]="console",e[e.layers=9]="layers",e[e["console-view"]=10]="console-view",e[e.animations=11]="animations",e[e["network.config"]=12]="network.config",e[e.rendering=13]="rendering",e[e.sensors=14]="sensors",e[e["sources.search"]=15]="sources.search",e[e.security=16]="security",e[e.js_profiler=17]="js_profiler",e[e.lighthouse=18]="lighthouse",e[e.coverage=19]="coverage",e[e["protocol-monitor"]=20]="protocol-monitor",e[e["remote-devices"]=21]="remote-devices",e[e["web-audio"]=22]="web-audio",e[e["changes.changes"]=23]="changes.changes",e[e["performance.monitor"]=24]="performance.monitor",e[e["release-note"]=25]="release-note",e[e.live_heap_profile=26]="live_heap_profile",e[e["sources.quick"]=27]="sources.quick",e[e["network.blocked-urls"]=28]="network.blocked-urls",e[e["settings-preferences"]=29]="settings-preferences",e[e["settings-workspace"]=30]="settings-workspace",e[e["settings-experiments"]=31]="settings-experiments",e[e["settings-blackbox"]=32]="settings-blackbox",e[e["settings-devices"]=33]="settings-devices",e[e["settings-throttling-conditions"]=34]="settings-throttling-conditions",e[e["settings-emulation-locations"]=35]="settings-emulation-locations",e[e["settings-shortcuts"]=36]="settings-shortcuts",e[e["issues-pane"]=37]="issues-pane",e[e["settings-keybinds"]=38]="settings-keybinds",e[e.cssoverview=39]="cssoverview",e[e.chrome_recorder=40]="chrome_recorder",e[e.trust_tokens=41]="trust_tokens",e[e.reporting_api=42]="reporting_api",e[e.interest_groups=43]="interest_groups",e[e.back_forward_cache=44]="back_forward_cache",e[e.service_worker_cache=45]="service_worker_cache",e[e.background_service_backgroundFetch=46]="background_service_backgroundFetch",e[e.background_service_backgroundSync=47]="background_service_backgroundSync",e[e.background_service_pushMessaging=48]="background_service_pushMessaging",e[e.background_service_notifications=49]="background_service_notifications",e[e.background_service_paymentHandler=50]="background_service_paymentHandler",e[e.background_service_periodicBackgroundSync=51]="background_service_periodicBackgroundSync",e[e.service_workers=52]="service_workers",e[e.app_manifest=53]="app_manifest",e[e.storage=54]="storage",e[e.cookies=55]="cookies",e[e.frame_details=56]="frame_details",e[e.frame_resource=57]="frame_resource",e[e.frame_window=58]="frame_window",e[e.frame_worker=59]="frame_worker",e[e.dom_storage=60]="dom_storage",e[e.indexed_db=61]="indexed_db",e[e.web_sql=62]="web_sql",e[e.performance_insights=63]="performance_insights",e[e.preloading=64]="preloading",e[e.bounce_tracking_mitigations=65]="bounce_tracking_mitigations",e[e.MaxValue=66]="MaxValue"}(D||(D={})),function(e){e[e.OtherSidebarPane=0]="OtherSidebarPane",e[e.Styles=1]="Styles",e[e.Computed=2]="Computed",e[e["elements.layout"]=3]="elements.layout",e[e["elements.eventListeners"]=4]="elements.eventListeners",e[e["elements.domBreakpoints"]=5]="elements.domBreakpoints",e[e["elements.domProperties"]=6]="elements.domProperties",e[e["accessibility.view"]=7]="accessibility.view",e[e.MaxValue=8]="MaxValue"}(L||(L={})),function(e){e[e.OtherSidebarPane=0]="OtherSidebarPane",e[e["navigator-network"]=1]="navigator-network",e[e["navigator-files"]=2]="navigator-files",e[e["navigator-overrides"]=3]="navigator-overrides",e[e["navigator-contentScripts"]=4]="navigator-contentScripts",e[e["navigator-snippets"]=5]="navigator-snippets",e[e.MaxValue=6]="MaxValue"}(A||(A={})),function(e){e[e.Unknown=0]="Unknown",e[e["text/css"]=2]="text/css",e[e["text/html"]=3]="text/html",e[e["application/xml"]=4]="application/xml",e[e["application/wasm"]=5]="application/wasm",e[e["application/manifest+json"]=6]="application/manifest+json",e[e["application/x-aspx"]=7]="application/x-aspx",e[e["application/jsp"]=8]="application/jsp",e[e["text/x-c++src"]=9]="text/x-c++src",e[e["text/x-coffeescript"]=10]="text/x-coffeescript",e[e["application/vnd.dart"]=11]="application/vnd.dart",e[e["text/typescript"]=12]="text/typescript",e[e["text/typescript-jsx"]=13]="text/typescript-jsx",e[e["application/json"]=14]="application/json",e[e["text/x-csharp"]=15]="text/x-csharp",e[e["text/x-java"]=16]="text/x-java",e[e["text/x-less"]=17]="text/x-less",e[e["application/x-httpd-php"]=18]="application/x-httpd-php",e[e["text/x-python"]=19]="text/x-python",e[e["text/x-sh"]=20]="text/x-sh",e[e["text/x-gss"]=21]="text/x-gss",e[e["text/x-sass"]=22]="text/x-sass",e[e["text/x-scss"]=23]="text/x-scss",e[e["text/markdown"]=24]="text/markdown",e[e["text/x-clojure"]=25]="text/x-clojure",e[e["text/jsx"]=26]="text/jsx",e[e["text/x-go"]=27]="text/x-go",e[e["text/x-kotlin"]=28]="text/x-kotlin",e[e["text/x-scala"]=29]="text/x-scala",e[e["text/x.svelte"]=30]="text/x.svelte",e[e["text/javascript+plain"]=31]="text/javascript+plain",e[e["text/javascript+minified"]=32]="text/javascript+minified",e[e["text/javascript+sourcemapped"]=33]="text/javascript+sourcemapped",e[e["text/x.angular"]=34]="text/x.angular",e[e["text/x.vue"]=35]="text/x.vue",e[e.MaxValue=36]="MaxValue"}(V||(V={})),function(e){e[e.devToolsDefault=0]="devToolsDefault",e[e.vsCode=1]="vsCode",e[e.MaxValue=2]="MaxValue"}(O||(O={})),function(e){e[e.OtherShortcut=0]="OtherShortcut",e[e["commandMenu.show"]=1]="commandMenu.show",e[e["console.clear"]=2]="console.clear",e[e["console.show"]=3]="console.show",e[e["debugger.step"]=4]="debugger.step",e[e["debugger.step-into"]=5]="debugger.step-into",e[e["debugger.step-out"]=6]="debugger.step-out",e[e["debugger.step-over"]=7]="debugger.step-over",e[e["debugger.toggle-breakpoint"]=8]="debugger.toggle-breakpoint",e[e["debugger.toggle-breakpoint-enabled"]=9]="debugger.toggle-breakpoint-enabled",e[e["debugger.toggle-pause"]=10]="debugger.toggle-pause",e[e["elements.edit-as-html"]=11]="elements.edit-as-html",e[e["elements.hide-element"]=12]="elements.hide-element",e[e["elements.redo"]=13]="elements.redo",e[e["elements.toggle-element-search"]=14]="elements.toggle-element-search",e[e["elements.undo"]=15]="elements.undo",e[e["main.search-in-panel.find"]=16]="main.search-in-panel.find",e[e["main.toggle-drawer"]=17]="main.toggle-drawer",e[e["network.hide-request-details"]=18]="network.hide-request-details",e[e["network.search"]=19]="network.search",e[e["network.toggle-recording"]=20]="network.toggle-recording",e[e["quickOpen.show"]=21]="quickOpen.show",e[e["settings.show"]=22]="settings.show",e[e["sources.search"]=23]="sources.search",e[e["background-service.toggle-recording"]=24]="background-service.toggle-recording",e[e["components.collect-garbage"]=25]="components.collect-garbage",e[e["console.clear.history"]=26]="console.clear.history",e[e["console.create-pin"]=27]="console.create-pin",e[e["coverage.start-with-reload"]=28]="coverage.start-with-reload",e[e["coverage.toggle-recording"]=29]="coverage.toggle-recording",e[e["debugger.breakpoint-input-window"]=30]="debugger.breakpoint-input-window",e[e["debugger.evaluate-selection"]=31]="debugger.evaluate-selection",e[e["debugger.next-call-frame"]=32]="debugger.next-call-frame",e[e["debugger.previous-call-frame"]=33]="debugger.previous-call-frame",e[e["debugger.run-snippet"]=34]="debugger.run-snippet",e[e["debugger.toggle-breakpoints-active"]=35]="debugger.toggle-breakpoints-active",e[e["elements.capture-area-screenshot"]=36]="elements.capture-area-screenshot",e[e["emulation.capture-full-height-screenshot"]=37]="emulation.capture-full-height-screenshot",e[e["emulation.capture-node-screenshot"]=38]="emulation.capture-node-screenshot",e[e["emulation.capture-screenshot"]=39]="emulation.capture-screenshot",e[e["emulation.show-sensors"]=40]="emulation.show-sensors",e[e["emulation.toggle-device-mode"]=41]="emulation.toggle-device-mode",e[e["help.release-notes"]=42]="help.release-notes",e[e["help.report-issue"]=43]="help.report-issue",e[e["input.start-replaying"]=44]="input.start-replaying",e[e["input.toggle-pause"]=45]="input.toggle-pause",e[e["input.toggle-recording"]=46]="input.toggle-recording",e[e["inspector_main.focus-debuggee"]=47]="inspector_main.focus-debuggee",e[e["inspector_main.hard-reload"]=48]="inspector_main.hard-reload",e[e["inspector_main.reload"]=49]="inspector_main.reload",e[e["live-heap-profile.start-with-reload"]=50]="live-heap-profile.start-with-reload",e[e["live-heap-profile.toggle-recording"]=51]="live-heap-profile.toggle-recording",e[e["main.debug-reload"]=52]="main.debug-reload",e[e["main.next-tab"]=53]="main.next-tab",e[e["main.previous-tab"]=54]="main.previous-tab",e[e["main.search-in-panel.cancel"]=55]="main.search-in-panel.cancel",e[e["main.search-in-panel.find-next"]=56]="main.search-in-panel.find-next",e[e["main.search-in-panel.find-previous"]=57]="main.search-in-panel.find-previous",e[e["main.toggle-dock"]=58]="main.toggle-dock",e[e["main.zoom-in"]=59]="main.zoom-in",e[e["main.zoom-out"]=60]="main.zoom-out",e[e["main.zoom-reset"]=61]="main.zoom-reset",e[e["network-conditions.network-low-end-mobile"]=62]="network-conditions.network-low-end-mobile",e[e["network-conditions.network-mid-tier-mobile"]=63]="network-conditions.network-mid-tier-mobile",e[e["network-conditions.network-offline"]=64]="network-conditions.network-offline",e[e["network-conditions.network-online"]=65]="network-conditions.network-online",e[e["profiler.heap-toggle-recording"]=66]="profiler.heap-toggle-recording",e[e["profiler.js-toggle-recording"]=67]="profiler.js-toggle-recording",e[e["resources.clear"]=68]="resources.clear",e[e["settings.documentation"]=69]="settings.documentation",e[e["settings.shortcuts"]=70]="settings.shortcuts",e[e["sources.add-folder-to-workspace"]=71]="sources.add-folder-to-workspace",e[e["sources.add-to-watch"]=72]="sources.add-to-watch",e[e["sources.close-all"]=73]="sources.close-all",e[e["sources.close-editor-tab"]=74]="sources.close-editor-tab",e[e["sources.create-snippet"]=75]="sources.create-snippet",e[e["sources.go-to-line"]=76]="sources.go-to-line",e[e["sources.go-to-member"]=77]="sources.go-to-member",e[e["sources.jump-to-next-location"]=78]="sources.jump-to-next-location",e[e["sources.jump-to-previous-location"]=79]="sources.jump-to-previous-location",e[e["sources.rename"]=80]="sources.rename",e[e["sources.save"]=81]="sources.save",e[e["sources.save-all"]=82]="sources.save-all",e[e["sources.switch-file"]=83]="sources.switch-file",e[e["timeline.jump-to-next-frame"]=84]="timeline.jump-to-next-frame",e[e["timeline.jump-to-previous-frame"]=85]="timeline.jump-to-previous-frame",e[e["timeline.load-from-file"]=86]="timeline.load-from-file",e[e["timeline.next-recording"]=87]="timeline.next-recording",e[e["timeline.previous-recording"]=88]="timeline.previous-recording",e[e["timeline.record-reload"]=89]="timeline.record-reload",e[e["timeline.save-to-file"]=90]="timeline.save-to-file",e[e["timeline.show-history"]=91]="timeline.show-history",e[e["timeline.toggle-recording"]=92]="timeline.toggle-recording",e[e["sources.increment-css"]=93]="sources.increment-css",e[e["sources.increment-css-by-ten"]=94]="sources.increment-css-by-ten",e[e["sources.decrement-css"]=95]="sources.decrement-css",e[e["sources.decrement-css-by-ten"]=96]="sources.decrement-css-by-ten",e[e["layers.reset-view"]=97]="layers.reset-view",e[e["layers.pan-mode"]=98]="layers.pan-mode",e[e["layers.rotate-mode"]=99]="layers.rotate-mode",e[e["layers.zoom-in"]=100]="layers.zoom-in",e[e["layers.zoom-out"]=101]="layers.zoom-out",e[e["layers.up"]=102]="layers.up",e[e["layers.down"]=103]="layers.down",e[e["layers.left"]=104]="layers.left",e[e["layers.right"]=105]="layers.right",e[e["help.report-translation-issue"]=106]="help.report-translation-issue",e[e["rendering.toggle-prefers-color-scheme"]=107]="rendering.toggle-prefers-color-scheme",e[e["chrome_recorder.start-recording"]=108]="chrome_recorder.start-recording",e[e["chrome_recorder.replay-recording"]=109]="chrome_recorder.replay-recording",e[e["chrome_recorder.toggle-code-view"]=110]="chrome_recorder.toggle-code-view",e[e["chrome_recorder.copy-recording-or-step"]=111]="chrome_recorder.copy-recording-or-step",e[e.MaxValue=112]="MaxValue"}(H||(H={})),function(e){e[e.ConsoleInfoBar=0]="ConsoleInfoBar",e[e.LearnMoreLinkCOEP=1]="LearnMoreLinkCOEP",e[e.StatusBarIssuesCounter=2]="StatusBarIssuesCounter",e[e.HamburgerMenu=3]="HamburgerMenu",e[e.Adorner=4]="Adorner",e[e.CommandMenu=5]="CommandMenu",e[e.MaxValue=6]="MaxValue"}(N||(N={})),function(e){e[e.applyCustomStylesheet=0]="applyCustomStylesheet",e[e.captureNodeCreationStacks=1]="captureNodeCreationStacks",e[e.sourcesPrettyPrint=2]="sourcesPrettyPrint",e[e.liveHeapProfile=11]="liveHeapProfile",e[e.protocolMonitor=13]="protocolMonitor",e[e.developerResourcesView=15]="developerResourcesView",e[e.samplingHeapProfilerTimeline=17]="samplingHeapProfilerTimeline",e[e.showOptionToExposeInternalsInHeapSnapshot=18]="showOptionToExposeInternalsInHeapSnapshot",e[e.sourceOrderViewer=20]="sourceOrderViewer",e[e.webauthnPane=22]="webauthnPane",e[e.timelineEventInitiators=24]="timelineEventInitiators",e[e.timelineInvalidationTracking=26]="timelineInvalidationTracking",e[e.timelineShowAllEvents=27]="timelineShowAllEvents",e[e.timelineV8RuntimeCallStats=28]="timelineV8RuntimeCallStats",e[e.wasmDWARFDebugging=31]="wasmDWARFDebugging",e[e.dualScreenSupport=32]="dualScreenSupport",e[e.keyboardShortcutEditor=35]="keyboardShortcutEditor",e[e.APCA=39]="APCA",e[e.cspViolationsView=40]="cspViolationsView",e[e.fontEditor=41]="fontEditor",e[e.fullAccessibilityTree=42]="fullAccessibilityTree",e[e.ignoreListJSFramesOnTimeline=43]="ignoreListJSFramesOnTimeline",e[e.contrastIssues=44]="contrastIssues",e[e.experimentalCookieFeatures=45]="experimentalCookieFeatures",e[e.cssTypeComponentLength=52]="cssTypeComponentLength",e[e.preciseChanges=53]="preciseChanges",e[e.bfcacheDisplayTree=54]="bfcacheDisplayTree",e[e.stylesPaneCSSChanges=55]="stylesPaneCSSChanges",e[e.headerOverrides=56]="headerOverrides",e[e.evaluateExpressionsWithSourceMaps=58]="evaluateExpressionsWithSourceMaps",e[e.eyedropperColorPicker=60]="eyedropperColorPicker",e[e.instrumentationBreakpoints=61]="instrumentationBreakpoints",e[e.authoredDeployedGrouping=63]="authoredDeployedGrouping",e[e.importantDOMProperties=64]="importantDOMProperties",e[e.justMyCode=65]="justMyCode",e[e.timelineAsConsoleProfileResultPanel=67]="timelineAsConsoleProfileResultPanel",e[e.preloadingStatusPanel=68]="preloadingStatusPanel",e[e.disableColorFormatSetting=69]="disableColorFormatSetting",e[e.outermostTargetSelector=71]="outermostTargetSelector",e[e.jsProfilerTemporarilyEnable=72]="jsProfilerTemporarilyEnable",e[e.highlightErrorsElementsPanel=73]="highlightErrorsElementsPanel",e[e.setAllBreakpointsEagerly=74]="setAllBreakpointsEagerly",e[e.MaxValue=75]="MaxValue"}(W||(W={})),function(e){e[e.CrossOriginEmbedderPolicy=0]="CrossOriginEmbedderPolicy",e[e.MixedContent=1]="MixedContent",e[e.Cookie=2]="Cookie",e[e.HeavyAd=3]="HeavyAd",e[e.ContentSecurityPolicy=4]="ContentSecurityPolicy",e[e.Other=5]="Other",e[e.Generic=6]="Generic",e[e.MaxValue=7]="MaxValue"}(_||(_={})),function(e){e[e.CrossOriginEmbedderPolicyRequest=0]="CrossOriginEmbedderPolicyRequest",e[e.CrossOriginEmbedderPolicyElement=1]="CrossOriginEmbedderPolicyElement",e[e.MixedContentRequest=2]="MixedContentRequest",e[e.SameSiteCookieCookie=3]="SameSiteCookieCookie",e[e.SameSiteCookieRequest=4]="SameSiteCookieRequest",e[e.HeavyAdElement=5]="HeavyAdElement",e[e.ContentSecurityPolicyDirective=6]="ContentSecurityPolicyDirective",e[e.ContentSecurityPolicyElement=7]="ContentSecurityPolicyElement",e[e.CrossOriginEmbedderPolicyLearnMore=8]="CrossOriginEmbedderPolicyLearnMore",e[e.MixedContentLearnMore=9]="MixedContentLearnMore",e[e.SameSiteCookieLearnMore=10]="SameSiteCookieLearnMore",e[e.HeavyAdLearnMore=11]="HeavyAdLearnMore",e[e.ContentSecurityPolicyLearnMore=12]="ContentSecurityPolicyLearnMore",e[e.MaxValue=13]="MaxValue"}(U||(U={})),function(e){e[e.MixedContentIssue=0]="MixedContentIssue",e[e["ContentSecurityPolicyIssue::kInlineViolation"]=1]="ContentSecurityPolicyIssue::kInlineViolation",e[e["ContentSecurityPolicyIssue::kEvalViolation"]=2]="ContentSecurityPolicyIssue::kEvalViolation",e[e["ContentSecurityPolicyIssue::kURLViolation"]=3]="ContentSecurityPolicyIssue::kURLViolation",e[e["ContentSecurityPolicyIssue::kTrustedTypesSinkViolation"]=4]="ContentSecurityPolicyIssue::kTrustedTypesSinkViolation",e[e["ContentSecurityPolicyIssue::kTrustedTypesPolicyViolation"]=5]="ContentSecurityPolicyIssue::kTrustedTypesPolicyViolation",e[e["HeavyAdIssue::NetworkTotalLimit"]=6]="HeavyAdIssue::NetworkTotalLimit",e[e["HeavyAdIssue::CpuTotalLimit"]=7]="HeavyAdIssue::CpuTotalLimit",e[e["HeavyAdIssue::CpuPeakLimit"]=8]="HeavyAdIssue::CpuPeakLimit",e[e["CrossOriginEmbedderPolicyIssue::CoepFrameResourceNeedsCoepHeader"]=9]="CrossOriginEmbedderPolicyIssue::CoepFrameResourceNeedsCoepHeader",e[e["CrossOriginEmbedderPolicyIssue::CoopSandboxedIFrameCannotNavigateToCoopPage"]=10]="CrossOriginEmbedderPolicyIssue::CoopSandboxedIFrameCannotNavigateToCoopPage",e[e["CrossOriginEmbedderPolicyIssue::CorpNotSameOrigin"]=11]="CrossOriginEmbedderPolicyIssue::CorpNotSameOrigin",e[e["CrossOriginEmbedderPolicyIssue::CorpNotSameOriginAfterDefaultedToSameOriginByCoep"]=12]="CrossOriginEmbedderPolicyIssue::CorpNotSameOriginAfterDefaultedToSameOriginByCoep",e[e["CrossOriginEmbedderPolicyIssue::CorpNotSameSite"]=13]="CrossOriginEmbedderPolicyIssue::CorpNotSameSite",e[e["CookieIssue::ExcludeSameSiteNoneInsecure::ReadCookie"]=14]="CookieIssue::ExcludeSameSiteNoneInsecure::ReadCookie",e[e["CookieIssue::ExcludeSameSiteNoneInsecure::SetCookie"]=15]="CookieIssue::ExcludeSameSiteNoneInsecure::SetCookie",e[e["CookieIssue::WarnSameSiteNoneInsecure::ReadCookie"]=16]="CookieIssue::WarnSameSiteNoneInsecure::ReadCookie",e[e["CookieIssue::WarnSameSiteNoneInsecure::SetCookie"]=17]="CookieIssue::WarnSameSiteNoneInsecure::SetCookie",e[e["CookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Secure"]=18]="CookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Secure",e[e["CookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Insecure"]=19]="CookieIssue::WarnSameSiteStrictLaxDowngradeStrict::Insecure",e[e["CookieIssue::WarnCrossDowngrade::ReadCookie::Secure"]=20]="CookieIssue::WarnCrossDowngrade::ReadCookie::Secure",e[e["CookieIssue::WarnCrossDowngrade::ReadCookie::Insecure"]=21]="CookieIssue::WarnCrossDowngrade::ReadCookie::Insecure",e[e["CookieIssue::WarnCrossDowngrade::SetCookie::Secure"]=22]="CookieIssue::WarnCrossDowngrade::SetCookie::Secure",e[e["CookieIssue::WarnCrossDowngrade::SetCookie::Insecure"]=23]="CookieIssue::WarnCrossDowngrade::SetCookie::Insecure",e[e["CookieIssue::ExcludeNavigationContextDowngrade::Secure"]=24]="CookieIssue::ExcludeNavigationContextDowngrade::Secure",e[e["CookieIssue::ExcludeNavigationContextDowngrade::Insecure"]=25]="CookieIssue::ExcludeNavigationContextDowngrade::Insecure",e[e["CookieIssue::ExcludeContextDowngrade::ReadCookie::Secure"]=26]="CookieIssue::ExcludeContextDowngrade::ReadCookie::Secure",e[e["CookieIssue::ExcludeContextDowngrade::ReadCookie::Insecure"]=27]="CookieIssue::ExcludeContextDowngrade::ReadCookie::Insecure",e[e["CookieIssue::ExcludeContextDowngrade::SetCookie::Secure"]=28]="CookieIssue::ExcludeContextDowngrade::SetCookie::Secure",e[e["CookieIssue::ExcludeContextDowngrade::SetCookie::Insecure"]=29]="CookieIssue::ExcludeContextDowngrade::SetCookie::Insecure",e[e["CookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::ReadCookie"]=30]="CookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::ReadCookie",e[e["CookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::SetCookie"]=31]="CookieIssue::ExcludeSameSiteUnspecifiedTreatedAsLax::SetCookie",e[e["CookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::ReadCookie"]=32]="CookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::ReadCookie",e[e["CookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::SetCookie"]=33]="CookieIssue::WarnSameSiteUnspecifiedLaxAllowUnsafe::SetCookie",e[e["CookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::ReadCookie"]=34]="CookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::ReadCookie",e[e["CookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::SetCookie"]=35]="CookieIssue::WarnSameSiteUnspecifiedCrossSiteContext::SetCookie",e[e["SharedArrayBufferIssue::TransferIssue"]=36]="SharedArrayBufferIssue::TransferIssue",e[e["SharedArrayBufferIssue::CreationIssue"]=37]="SharedArrayBufferIssue::CreationIssue",e[e.LowTextContrastIssue=41]="LowTextContrastIssue",e[e["CorsIssue::InsecurePrivateNetwork"]=42]="CorsIssue::InsecurePrivateNetwork",e[e["CorsIssue::InvalidHeaders"]=44]="CorsIssue::InvalidHeaders",e[e["CorsIssue::WildcardOriginWithCredentials"]=45]="CorsIssue::WildcardOriginWithCredentials",e[e["CorsIssue::PreflightResponseInvalid"]=46]="CorsIssue::PreflightResponseInvalid",e[e["CorsIssue::OriginMismatch"]=47]="CorsIssue::OriginMismatch",e[e["CorsIssue::AllowCredentialsRequired"]=48]="CorsIssue::AllowCredentialsRequired",e[e["CorsIssue::MethodDisallowedByPreflightResponse"]=49]="CorsIssue::MethodDisallowedByPreflightResponse",e[e["CorsIssue::HeaderDisallowedByPreflightResponse"]=50]="CorsIssue::HeaderDisallowedByPreflightResponse",e[e["CorsIssue::RedirectContainsCredentials"]=51]="CorsIssue::RedirectContainsCredentials",e[e["CorsIssue::DisallowedByMode"]=52]="CorsIssue::DisallowedByMode",e[e["CorsIssue::CorsDisabledScheme"]=53]="CorsIssue::CorsDisabledScheme",e[e["CorsIssue::PreflightMissingAllowExternal"]=54]="CorsIssue::PreflightMissingAllowExternal",e[e["CorsIssue::PreflightInvalidAllowExternal"]=55]="CorsIssue::PreflightInvalidAllowExternal",e[e["CorsIssue::NoCorsRedirectModeNotFollow"]=57]="CorsIssue::NoCorsRedirectModeNotFollow",e[e["QuirksModeIssue::QuirksMode"]=58]="QuirksModeIssue::QuirksMode",e[e["QuirksModeIssue::LimitedQuirksMode"]=59]="QuirksModeIssue::LimitedQuirksMode",e[e.DeprecationIssue=60]="DeprecationIssue",e[e["ClientHintIssue::MetaTagAllowListInvalidOrigin"]=61]="ClientHintIssue::MetaTagAllowListInvalidOrigin",e[e["ClientHintIssue::MetaTagModifiedHTML"]=62]="ClientHintIssue::MetaTagModifiedHTML",e[e["CorsIssue::PreflightAllowPrivateNetworkError"]=63]="CorsIssue::PreflightAllowPrivateNetworkError",e[e["GenericIssue::CrossOriginPortalPostMessageError"]=64]="GenericIssue::CrossOriginPortalPostMessageError",e[e["GenericIssue::FormLabelForNameError"]=65]="GenericIssue::FormLabelForNameError",e[e["GenericIssue::FormDuplicateIdForInputError"]=66]="GenericIssue::FormDuplicateIdForInputError",e[e["GenericIssue::FormInputWithNoLabelError"]=67]="GenericIssue::FormInputWithNoLabelError",e[e["GenericIssue::FormAutocompleteAttributeEmptyError"]=68]="GenericIssue::FormAutocompleteAttributeEmptyError",e[e["GenericIssue::FormEmptyIdAndNameAttributesForInputError"]=69]="GenericIssue::FormEmptyIdAndNameAttributesForInputError",e[e["GenericIssue::FormAriaLabelledByToNonExistingId"]=70]="GenericIssue::FormAriaLabelledByToNonExistingId",e[e["GenericIssue::FormInputAssignedAutocompleteValueToIdOrNameAttributeError"]=71]="GenericIssue::FormInputAssignedAutocompleteValueToIdOrNameAttributeError",e[e["GenericIssue::FormLabelHasNeitherForNorNestedInput"]=72]="GenericIssue::FormLabelHasNeitherForNorNestedInput",e[e["GenericIssue::FormLabelForMatchesNonExistingIdError"]=73]="GenericIssue::FormLabelForMatchesNonExistingIdError",e[e["GenericIssue::FormHasPasswordFieldWithoutUsernameFieldError"]=74]="GenericIssue::FormHasPasswordFieldWithoutUsernameFieldError",e[e["GenericIssue::FormInputHasWrongButWellIntendedAutocompleteValueError"]=75]="GenericIssue::FormInputHasWrongButWellIntendedAutocompleteValueError",e[e["StylesheetLoadingIssue::LateImportRule"]=76]="StylesheetLoadingIssue::LateImportRule",e[e["StylesheetLoadingIssue::RequestFailed"]=77]="StylesheetLoadingIssue::RequestFailed",e[e.MaxValue=78]="MaxValue"}(B||(B={})),function(e){e[e.LoadThroughPageViaTarget=0]="LoadThroughPageViaTarget",e[e.LoadThroughPageViaFrame=1]="LoadThroughPageViaFrame",e[e.LoadThroughPageFailure=2]="LoadThroughPageFailure",e[e.LoadThroughPageFallback=3]="LoadThroughPageFallback",e[e.FallbackAfterFailure=4]="FallbackAfterFailure",e[e.FallbackPerOverride=5]="FallbackPerOverride",e[e.FallbackPerProtocol=6]="FallbackPerProtocol",e[e.FallbackFailure=7]="FallbackFailure",e[e.MaxValue=8]="MaxValue"}(j||(j={})),function(e){e[e.SchemeOther=0]="SchemeOther",e[e.SchemeUnknown=1]="SchemeUnknown",e[e.SchemeHttp=2]="SchemeHttp",e[e.SchemeHttps=3]="SchemeHttps",e[e.SchemeHttpLocalhost=4]="SchemeHttpLocalhost",e[e.SchemeHttpsLocalhost=5]="SchemeHttpsLocalhost",e[e.SchemeData=6]="SchemeData",e[e.SchemeFile=7]="SchemeFile",e[e.SchemeBlob=8]="SchemeBlob",e[e.MaxValue=9]="MaxValue"}(G||(G={})),function(e){e[e.ContextMenu=0]="ContextMenu",e[e.MemoryIcon=1]="MemoryIcon",e[e.MaxValue=2]="MaxValue"}(z||(z={})),function(e){e[e.DWARFInspectableAddress=0]="DWARFInspectableAddress",e[e.ArrayBuffer=1]="ArrayBuffer",e[e.DataView=2]="DataView",e[e.TypedArray=3]="TypedArray",e[e.WebAssemblyMemory=4]="WebAssemblyMemory",e[e.MaxValue=5]="MaxValue"}(q||(q={})),function(e){e[e.af=1]="af",e[e.am=2]="am",e[e.ar=3]="ar",e[e.as=4]="as",e[e.az=5]="az",e[e.be=6]="be",e[e.bg=7]="bg",e[e.bn=8]="bn",e[e.bs=9]="bs",e[e.ca=10]="ca",e[e.cs=11]="cs",e[e.cy=12]="cy",e[e.da=13]="da",e[e.de=14]="de",e[e.el=15]="el",e[e["en-GB"]=16]="en-GB",e[e["en-US"]=17]="en-US",e[e["es-419"]=18]="es-419",e[e.es=19]="es",e[e.et=20]="et",e[e.eu=21]="eu",e[e.fa=22]="fa",e[e.fi=23]="fi",e[e.fil=24]="fil",e[e["fr-CA"]=25]="fr-CA",e[e.fr=26]="fr",e[e.gl=27]="gl",e[e.gu=28]="gu",e[e.he=29]="he",e[e.hi=30]="hi",e[e.hr=31]="hr",e[e.hu=32]="hu",e[e.hy=33]="hy",e[e.id=34]="id",e[e.is=35]="is",e[e.it=36]="it",e[e.ja=37]="ja",e[e.ka=38]="ka",e[e.kk=39]="kk",e[e.km=40]="km",e[e.kn=41]="kn",e[e.ko=42]="ko",e[e.ky=43]="ky",e[e.lo=44]="lo",e[e.lt=45]="lt",e[e.lv=46]="lv",e[e.mk=47]="mk",e[e.ml=48]="ml",e[e.mn=49]="mn",e[e.mr=50]="mr",e[e.ms=51]="ms",e[e.my=52]="my",e[e.ne=53]="ne",e[e.nl=54]="nl",e[e.no=55]="no",e[e.or=56]="or",e[e.pa=57]="pa",e[e.pl=58]="pl",e[e["pt-PT"]=59]="pt-PT",e[e.pt=60]="pt",e[e.ro=61]="ro",e[e.ru=62]="ru",e[e.si=63]="si",e[e.sk=64]="sk",e[e.sl=65]="sl",e[e.sq=66]="sq",e[e["sr-Latn"]=67]="sr-Latn",e[e.sr=68]="sr",e[e.sv=69]="sv",e[e.sw=70]="sw",e[e.ta=71]="ta",e[e.te=72]="te",e[e.th=73]="th",e[e.tr=74]="tr",e[e.uk=75]="uk",e[e.ur=76]="ur",e[e.uz=77]="uz",e[e.vi=78]="vi",e[e.zh=79]="zh",e[e["zh-HK"]=80]="zh-HK",e[e["zh-TW"]=81]="zh-TW",e[e.zu=82]="zu",e[e.MaxValue=83]="MaxValue"}(J||(J={})),function(e){e[e.ChromeSyncDisabled=1]="ChromeSyncDisabled",e[e.ChromeSyncSettingsDisabled=2]="ChromeSyncSettingsDisabled",e[e.DevToolsSyncSettingDisabled=3]="DevToolsSyncSettingDisabled",e[e.DevToolsSyncSettingEnabled=4]="DevToolsSyncSettingEnabled",e[e.MaxValue=5]="MaxValue"}(K||(K={})),function(e){e[e.RecordingStarted=1]="RecordingStarted",e[e.RecordingFinished=2]="RecordingFinished",e[e.MaxValue=3]="MaxValue"}(Q||(Q={})),function(e){e[e.AssertionAdded=1]="AssertionAdded",e[e.PropertyAssertionEdited=2]="PropertyAssertionEdited",e[e.AttributeAssertionEdited=3]="AttributeAssertionEdited",e[e.MaxValue=4]="MaxValue"}(X||(X={})),function(e){e[e.Success=1]="Success",e[e.TimeoutErrorSelectors=2]="TimeoutErrorSelectors",e[e.TimeoutErrorTarget=3]="TimeoutErrorTarget",e[e.OtherError=4]="OtherError",e[e.MaxValue=5]="MaxValue"}(Z||(Z={})),function(e){e[e.Normal=1]="Normal",e[e.Slow=2]="Slow",e[e.VerySlow=3]="VerySlow",e[e.ExtremelySlow=4]="ExtremelySlow",e[e.MaxValue=5]="MaxValue"}($||($={})),function(e){e[e.ReplayOnly=1]="ReplayOnly",e[e.ReplayWithPerformanceTracing=2]="ReplayWithPerformanceTracing",e[e.ReplayViaExtension=3]="ReplayViaExtension",e[e.MaxValue=4]="MaxValue"}(Y||(Y={})),function(e){e[e.SelectorPickerUsed=1]="SelectorPickerUsed",e[e.StepAdded=2]="StepAdded",e[e.StepRemoved=3]="StepRemoved",e[e.SelectorAdded=4]="SelectorAdded",e[e.SelectorRemoved=5]="SelectorRemoved",e[e.SelectorPartAdded=6]="SelectorPartAdded",e[e.SelectorPartEdited=7]="SelectorPartEdited",e[e.SelectorPartRemoved=8]="SelectorPartRemoved",e[e.TypeChanged=9]="TypeChanged",e[e.OtherEditing=10]="OtherEditing",e[e.MaxValue=11]="MaxValue"}(ee||(ee={})),function(e){e[e.ToPuppeteer=1]="ToPuppeteer",e[e.ToJSON=2]="ToJSON",e[e.ToPuppeteerReplay=3]="ToPuppeteerReplay",e[e.ToExtension=4]="ToExtension",e[e.ToLighthouse=5]="ToLighthouse",e[e.MaxValue=6]="MaxValue"}(oe||(oe={})),function(e){e[e.CodeShown=1]="CodeShown",e[e.CodeHidden=2]="CodeHidden",e[e.MaxValue=3]="MaxValue"}(re||(re={})),function(e){e[e.CopiedRecordingWithPuppeteer=1]="CopiedRecordingWithPuppeteer",e[e.CopiedRecordingWithJSON=2]="CopiedRecordingWithJSON",e[e.CopiedRecordingWithReplay=3]="CopiedRecordingWithReplay",e[e.CopiedRecordingWithExtension=4]="CopiedRecordingWithExtension",e[e.CopiedStepWithPuppeteer=5]="CopiedStepWithPuppeteer",e[e.CopiedStepWithJSON=6]="CopiedStepWithJSON",e[e.CopiedStepWithReplay=7]="CopiedStepWithReplay",e[e.CopiedStepWithExtension=8]="CopiedStepWithExtension",e[e.MaxValue=9]="MaxValue"}(te||(te={})),function(e){e[e.false=0]="false",e[e.true=1]="true",e[e.MaxValue=2]="MaxValue"}(ne||(ne={})),function(e){e[e.DeclarationViaChangedLine=1]="DeclarationViaChangedLine",e[e.AllChangesViaStylesPane=2]="AllChangesViaStylesPane",e[e.DeclarationViaContextMenu=3]="DeclarationViaContextMenu",e[e.PropertyViaContextMenu=4]="PropertyViaContextMenu",e[e.ValueViaContextMenu=5]="ValueViaContextMenu",e[e.DeclarationAsJSViaContextMenu=6]="DeclarationAsJSViaContextMenu",e[e.RuleViaContextMenu=7]="RuleViaContextMenu",e[e.AllDeclarationsViaContextMenu=8]="AllDeclarationsViaContextMenu",e[e.AllDeclarationsAsJSViaContextMenu=9]="AllDeclarationsAsJSViaContextMenu",e[e.SelectorViaContextMenu=10]="SelectorViaContextMenu",e[e.MaxValue=11]="MaxValue"}(ie||(ie={})),function(e){e[e.OtherSection=0]="OtherSection",e[e.Identity=1]="Identity",e[e.Presentation=2]="Presentation",e[e["Protocol Handlers"]=3]="Protocol Handlers",e[e.Icons=4]="Icons",e[e["Window Controls Overlay"]=5]="Window Controls Overlay",e[e.MaxValue=6]="MaxValue"}(se||(se={})),function(e){e[e.Other=0]="Other",e[e.AlignContent=1]="AlignContent",e[e.FlexItem=2]="FlexItem",e[e.FlexContainer=3]="FlexContainer",e[e.GridContainer=4]="GridContainer",e[e.GridItem=5]="GridItem",e[e.FlexGrid=6]="FlexGrid",e[e.MulticolFlexGrid=7]="MulticolFlexGrid",e[e.Padding=8]="Padding",e[e.Position=9]="Position",e[e.ZIndex=10]="ZIndex",e[e.Sizing=11]="Sizing",e[e.FlexOrGridItem=12]="FlexOrGridItem",e[e.FontVariationSettings=13]="FontVariationSettings",e[e.MaxValue=14]="MaxValue"}(ae||(ae={})),function(e){e[e.Navigation=0]="Navigation",e[e.Timespan=1]="Timespan",e[e.Snapshot=2]="Snapshot",e[e.LegacyNavigation=3]="LegacyNavigation",e[e.MaxValue=4]="MaxValue"}(de||(de={}));var ue=Object.freeze({__proto__:null,UserMetrics:ce,get Action(){return F},get PanelCodes(){return D},get ElementsSidebarTabCodes(){return L},get SourcesSidebarTabCodes(){return A},get MediaTypes(){return V},get KeybindSetSettings(){return O},get KeyboardShortcutAction(){return H},get IssueOpener(){return N},get DevtoolsExperiments(){return W},get IssueExpanded(){return _},get IssueResourceOpened(){return U},get IssueCreated(){return B},get DeveloperResourceLoaded(){return j},get DeveloperResourceScheme(){return G},get LinearMemoryInspectorRevealedFrom(){return z},get LinearMemoryInspectorTarget(){return q},get Language(){return J},get SyncSetting(){return K},get RecordingToggled(){return Q},get RecordingAssertion(){return X},get RecordingReplayFinished(){return Z},get RecordingReplaySpeed(){return $},get RecordingReplayStarted(){return Y},get RecordingEdited(){return ee},get RecordingExported(){return oe},get RecordingCodeToggled(){return re},get RecordingCopiedToClipboard(){return te},get ConsoleShowsCorsErrors(){return ne},get StyleTextCopied(){return ie},get ManifestSectionCodes(){return se},get CSSHintType(){return ae},get LighthouseModeRun(){return de}});const me=new ce;export{w as InspectorFrontendHost,a as InspectorFrontendHostAPI,le as Platform,C as ResourceLoader,ue as UserMetrics,me as userMetrics};
diff --git a/packages/debugger-frontend/dist/third-party/front_end/core/root/root.js b/packages/debugger-frontend/dist/third-party/front_end/core/root/root.js
index d231ec4dd10c0e..2e25b5694d59ea 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/core/root/root.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/core/root/root.js
@@ -1 +1 @@
-import*as e from"../platform/platform.js";const t=new URLSearchParams(location.search);let n,s="";class r{constructor(){}static instance(e={forceNew:null}){const{forceNew:t}=e;return n&&!t||(n=new r),n}static removeInstance(){n=void 0}static queryParam(e){return t.get(e)}static setQueryParamForTesting(e,n){t.set(e,n)}static experimentsSetting(){try{return JSON.parse(self.localStorage&&self.localStorage.experiments?self.localStorage.experiments:"{}")}catch(e){return console.error("Failed to parse localStorage['experiments']"),{}}}static setPlatform(e){s=e}static platform(){return s}static isDescriptorEnabled(e){const t=e.experiment;if("*"===t)return!0;if(t&&t.startsWith("!")&&o.isEnabled(t.substring(1)))return!1;if(t&&!t.startsWith("!")&&!o.isEnabled(t))return!1;const n=e.condition;return!(n&&!n.startsWith("!")&&!r.queryParam(n))&&!(n&&n.startsWith("!")&&r.queryParam(n.substring(1)))}loadLegacyModule(e){return import(`../../${e}`)}}class i{#e;#t;#n;#s;#r;#i;constructor(){this.#e=[],this.#t=new Set,this.#n=new Set,this.#s=new Set,this.#r=new Set,this.#i=new Set}allConfigurableExperiments(){const e=[];for(const t of this.#e)this.#n.has(t.name)||this.#i.has(t.name)||e.push(t);return e}enabledExperiments(){return this.#e.filter((e=>e.isEnabled()))}setExperimentsSetting(e){self.localStorage&&(self.localStorage.experiments=JSON.stringify(e))}register(t,n,s,r,i){this.#t.add(t),this.#e.push(new a(this,t,n,Boolean(s),r??e.DevToolsPath.EmptyUrlString,i??e.DevToolsPath.EmptyUrlString))}isEnabled(e){return this.checkExperiment(e),!1!==r.experimentsSetting()[e]&&(!(!this.#n.has(e)&&!this.#s.has(e))||(!!this.#r.has(e)||Boolean(r.experimentsSetting()[e])))}setEnabled(e,t){this.checkExperiment(e);const n=r.experimentsSetting();n[e]=t,this.setExperimentsSetting(n)}enableExperimentsTransiently(e){for(const t of e)this.checkExperiment(t),this.#n.add(t)}enableExperimentsByDefault(e){for(const t of e)this.checkExperiment(t),this.#s.add(t)}setServerEnabledExperiments(e){for(const t of e)this.checkExperiment(t),this.#r.add(t)}setNonConfigurableExperiments(e){for(const t of e)this.checkExperiment(t),this.#i.add(t)}enableForTest(e){this.checkExperiment(e),this.#n.add(e)}disableForTest(e){this.checkExperiment(e),this.#n.delete(e)}clearForTest(){this.#e=[],this.#t.clear(),this.#n.clear(),this.#s.clear(),this.#r.clear()}cleanUpStaleExperiments(){const e=r.experimentsSetting(),t={};for(const{name:n}of this.#e)if(e.hasOwnProperty(n)){const s=e[n];(s||this.#s.has(n))&&(t[n]=s)}this.setExperimentsSetting(t)}checkExperiment(e){}}class a{name;title;unstable;docLink;feedbackLink;#e;constructor(e,t,n,s,r,i){this.name=t,this.title=n,this.unstable=s,this.docLink=r,this.feedbackLink=i,this.#e=e}isEnabled(){return this.#e.isEnabled(this.name)}setEnabled(e){this.#e.setEnabled(this.name,e)}}const o=new i;var l,E;!function(e){e.CAPTURE_NODE_CREATION_STACKS="captureNodeCreationStacks",e.CSS_OVERVIEW="cssOverview",e.LIVE_HEAP_PROFILE="liveHeapProfile",e.DEVELOPER_RESOURCES_VIEW="developerResourcesView",e.CSP_VIOLATIONS_VIEW="cspViolationsView",e.WASM_DWARF_DEBUGGING="wasmDWARFDebugging",e.ALL="*",e.PROTOCOL_MONITOR="protocolMonitor",e.WEBAUTHN_PANE="webauthnPane",e.FULL_ACCESSIBILITY_TREE="fullAccessibilityTree",e.PRECISE_CHANGES="preciseChanges",e.STYLES_PANE_CSS_CHANGES="stylesPaneCSSChanges",e.HEADER_OVERRIDES="headerOverrides",e.EYEDROPPER_COLOR_PICKER="eyedropperColorPicker",e.INSTRUMENTATION_BREAKPOINTS="instrumentationBreakpoints",e.AUTHORED_DEPLOYED_GROUPING="authoredDeployedGrouping",e.IMPORTANT_DOM_PROPERTIES="importantDOMProperties",e.JUST_MY_CODE="justMyCode",e.PRELOADING_STATUS_PANEL="preloadingStatusPanel",e.DISABLE_COLOR_FORMAT_SETTING="disableColorFormatSetting",e.TIMELINE_AS_CONSOLE_PROFILE_RESULT_PANEL="timelineAsConsoleProfileResultPanel",e.OUTERMOST_TARGET_SELECTOR="outermostTargetSelector",e.JS_PROFILER_TEMP_ENABLE="jsProfilerTemporarilyEnable",e.HIGHLIGHT_ERRORS_ELEMENTS_PANEL="highlightErrorsElementsPanel",e.SET_ALL_BREAKPOINTS_EAGERLY="setAllBreakpointsEagerly",e.REACT_NATIVE_SPECIFIC_UI="reactNativeSpecificUI"}(l||(l={})),function(e){e.CAN_DOCK="can_dock",e.NOT_SOURCES_HIDE_ADD_FOLDER="!sources.hide_add_folder"}(E||(E={}));var c=Object.freeze({__proto__:null,getRemoteBase:function(e=self.location.toString()){const t=new URL(e).searchParams.get("remoteBase");if(!t)return null;const n=/\/serve_file\/(@[0-9a-zA-Z]+)\/?$/.exec(t);return n?{base:`devtools://devtools/remote/serve_file/${n[1]}/`,version:n[1]}:null},Runtime:r,ExperimentsSupport:i,Experiment:a,experiments:o,get ExperimentName(){return l},get ConditionName(){return E}});export{c as Runtime};
+import*as e from"../platform/platform.js";const t=new URLSearchParams(location.search);let n,s="";class r{constructor(){}static instance(e={forceNew:null}){const{forceNew:t}=e;return n&&!t||(n=new r),n}static removeInstance(){n=void 0}static queryParam(e){return t.get(e)}static setQueryParamForTesting(e,n){t.set(e,n)}static experimentsSetting(){try{return JSON.parse(self.localStorage&&self.localStorage.experiments?self.localStorage.experiments:"{}")}catch(e){return console.error("Failed to parse localStorage['experiments']"),{}}}static setPlatform(e){s=e}static platform(){return s}static isDescriptorEnabled(e){const t=e.experiment;if("*"===t)return!0;if(t&&t.startsWith("!")&&l.isEnabled(t.substring(1)))return!1;if(t&&!t.startsWith("!")&&!l.isEnabled(t))return!1;const n=e.condition;return!(n&&!n.startsWith("!")&&!r.queryParam(n))&&!(n&&n.startsWith("!")&&r.queryParam(n.substring(1)))}loadLegacyModule(e){return import(`../../${e}`)}}class i{#e;#t;#n;#s;#r;#i;constructor(){this.#e=[],this.#t=new Set,this.#n=new Set,this.#s=new Set,this.#r=new Set,this.#i=new Set}allConfigurableExperiments(){const e=[];for(const t of this.#e)this.#n.has(t.name)||this.#i.has(t.name)||e.push(t);return e}enabledExperiments(){return this.#e.filter((e=>e.isEnabled()))}setExperimentsSetting(e){self.localStorage&&(self.localStorage.experiments=JSON.stringify(e))}register(t,n,s,r,i){this.#t.add(t),this.#e.push(new a(this,t,n,Boolean(s),r??e.DevToolsPath.EmptyUrlString,i??e.DevToolsPath.EmptyUrlString))}isEnabled(e){return this.checkExperiment(e),!1!==r.experimentsSetting()[e]&&(!(!this.#n.has(e)&&!this.#s.has(e))||(!!this.#r.has(e)||Boolean(r.experimentsSetting()[e])))}setEnabled(e,t){this.checkExperiment(e);const n=r.experimentsSetting();n[e]=t,this.setExperimentsSetting(n)}enableExperimentsTransiently(e){for(const t of e)this.checkExperiment(t),this.#n.add(t)}enableExperimentsByDefault(e){for(const t of e)this.checkExperiment(t),this.#s.add(t)}setServerEnabledExperiments(e){for(const t of e)this.checkExperiment(t),this.#r.add(t)}setNonConfigurableExperiments(e){for(const t of e)this.checkExperiment(t),this.#i.add(t)}enableForTest(e){this.checkExperiment(e),this.#n.add(e)}disableForTest(e){this.checkExperiment(e),this.#n.delete(e)}clearForTest(){this.#e=[],this.#t.clear(),this.#n.clear(),this.#s.clear(),this.#r.clear()}cleanUpStaleExperiments(){const e=r.experimentsSetting(),t={};for(const{name:n}of this.#e)if(e.hasOwnProperty(n)){const s=e[n];(s||this.#s.has(n))&&(t[n]=s)}this.setExperimentsSetting(t)}checkExperiment(e){}}class a{name;title;unstable;docLink;feedbackLink;#e;constructor(e,t,n,s,r,i){this.name=t,this.title=n,this.unstable=s,this.docLink=r,this.feedbackLink=i,this.#e=e}isEnabled(){return this.#e.isEnabled(this.name)}setEnabled(e){this.#e.setEnabled(this.name,e)}}const l=new i;var o,E;!function(e){e.CAPTURE_NODE_CREATION_STACKS="captureNodeCreationStacks",e.CSS_OVERVIEW="cssOverview",e.LIVE_HEAP_PROFILE="liveHeapProfile",e.DEVELOPER_RESOURCES_VIEW="developerResourcesView",e.CSP_VIOLATIONS_VIEW="cspViolationsView",e.WASM_DWARF_DEBUGGING="wasmDWARFDebugging",e.ALL="*",e.PROTOCOL_MONITOR="protocolMonitor",e.WEBAUTHN_PANE="webauthnPane",e.FULL_ACCESSIBILITY_TREE="fullAccessibilityTree",e.PRECISE_CHANGES="preciseChanges",e.STYLES_PANE_CSS_CHANGES="stylesPaneCSSChanges",e.HEADER_OVERRIDES="headerOverrides",e.EYEDROPPER_COLOR_PICKER="eyedropperColorPicker",e.INSTRUMENTATION_BREAKPOINTS="instrumentationBreakpoints",e.AUTHORED_DEPLOYED_GROUPING="authoredDeployedGrouping",e.IMPORTANT_DOM_PROPERTIES="importantDOMProperties",e.JUST_MY_CODE="justMyCode",e.PRELOADING_STATUS_PANEL="preloadingStatusPanel",e.DISABLE_COLOR_FORMAT_SETTING="disableColorFormatSetting",e.TIMELINE_AS_CONSOLE_PROFILE_RESULT_PANEL="timelineAsConsoleProfileResultPanel",e.OUTERMOST_TARGET_SELECTOR="outermostTargetSelector",e.JS_PROFILER_TEMP_ENABLE="jsProfilerTemporarilyEnable",e.HIGHLIGHT_ERRORS_ELEMENTS_PANEL="highlightErrorsElementsPanel",e.SET_ALL_BREAKPOINTS_EAGERLY="setAllBreakpointsEagerly",e.REACT_NATIVE_SPECIFIC_UI="reactNativeSpecificUI"}(o||(o={})),function(e){e.CAN_DOCK="can_dock",e.NOT_SOURCES_HIDE_ADD_FOLDER="!sources.hide_add_folder",e.REACT_NATIVE_UNSTABLE_NETWORK_PANEL="unstable_enableNetworkPanel"}(E||(E={}));var c=Object.freeze({__proto__:null,getRemoteBase:function(e=self.location.toString()){const t=new URL(e).searchParams.get("remoteBase");if(!t)return null;const n=/\/serve_file\/(@[0-9a-zA-Z]+)\/?$/.exec(t);return n?{base:`devtools://devtools/remote/serve_file/${n[1]}/`,version:n[1]}:null},Runtime:r,ExperimentsSupport:i,Experiment:a,experiments:l,get ExperimentName(){return o},get ConditionName(){return E}});export{c as Runtime};
diff --git a/packages/debugger-frontend/dist/third-party/front_end/entrypoints/devtools_app/devtools_app.js b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/devtools_app/devtools_app.js
index d4c88c14fcbcdd..2627ff4a06502c 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/entrypoints/devtools_app/devtools_app.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/devtools_app/devtools_app.js
@@ -1 +1 @@
-import"../shell/shell.js";import*as e from"../../core/i18n/i18n.js";import*as t from"../../ui/legacy/legacy.js";import*as i from"../../core/common/common.js";import*as o from"../../core/root/root.js";import*as n from"../../core/sdk/sdk.js";import*as a from"../../models/workspace/workspace.js";import*as r from"../../panels/network/forward/forward.js";import*as s from"../../models/issues_manager/issues_manager.js";import*as c from"../main/main.js";const l={cssOverview:"CSS Overview",showCssOverview:"Show CSS Overview"},g=e.i18n.registerUIStrings("panels/css_overview/css_overview-meta.ts",l),d=e.i18n.getLazilyComputedLocalizedString.bind(void 0,g);let m;t.ViewManager.registerViewExtension({location:"panel",id:"cssoverview",commandPrompt:d(l.showCssOverview),title:d(l.cssOverview),order:95,persistence:"closeable",async loadView(){const e=await async function(){return m||(m=await import("../../panels/css_overview/css_overview.js")),m}();return new e.CSSOverviewPanel.CSSOverviewPanel(new e.CSSOverviewController.OverviewController)},isPreviewFeature:!0});const p={showElements:"Show Elements",elements:"Elements",showEventListeners:"Show Event Listeners",eventListeners:"Event Listeners",showProperties:"Show Properties",properties:"Properties",showStackTrace:"Show Stack Trace",stackTrace:"Stack Trace",showLayout:"Show Layout",layout:"Layout",hideElement:"Hide element",editAsHtml:"Edit as HTML",duplicateElement:"Duplicate element",undo:"Undo",redo:"Redo",captureAreaScreenshot:"Capture area screenshot",selectAnElementInThePageTo:"Select an element in the page to inspect it",wordWrap:"Word wrap",enableDomWordWrap:"Enable `DOM` word wrap",disableDomWordWrap:"Disable `DOM` word wrap",showHtmlComments:"Show `HTML` comments",hideHtmlComments:"Hide `HTML` comments",revealDomNodeOnHover:"Reveal `DOM` node on hover",showDetailedInspectTooltip:"Show detailed inspect tooltip",showCSSDocumentationTooltip:"Show CSS documentation tooltip",copyStyles:"Copy styles",showUserAgentShadowDOM:"Show user agent shadow `DOM`",showComputedStyles:"Show Computed Styles",showStyles:"Show Styles",toggleEyeDropper:"Toggle eye dropper"},w=e.i18n.registerUIStrings("panels/elements/elements-meta.ts",p),u=e.i18n.getLazilyComputedLocalizedString.bind(void 0,w);let y,S;async function h(){return y||(y=await import("../../panels/elements/elements.js")),y}function A(e){return void 0===y?[]:e(y)}t.ViewManager.registerViewExtension({location:"panel",id:"elements",commandPrompt:u(p.showElements),title:u(p.elements),order:10,persistence:"permanent",hasToolbar:!1,loadView:async()=>(await h()).ElementsPanel.ElementsPanel.instance()}),t.ActionRegistration.registerActionExtension({actionId:"elements.show-styles",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.showStyles),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({actionId:"elements.show-computed",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.showComputedStyles),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance()}),t.ViewManager.registerViewExtension({location:"elements-sidebar",id:"elements.eventListeners",commandPrompt:u(p.showEventListeners),title:u(p.eventListeners),order:5,hasToolbar:!0,persistence:"permanent",loadView:async()=>(await h()).EventListenersWidget.EventListenersWidget.instance()}),t.ViewManager.registerViewExtension({location:"elements-sidebar",id:"elements.domProperties",commandPrompt:u(p.showProperties),title:u(p.properties),order:7,persistence:"permanent",loadView:async()=>(await h()).PropertiesWidget.PropertiesWidget.instance()}),t.ViewManager.registerViewExtension({experiment:o.Runtime.ExperimentName.CAPTURE_NODE_CREATION_STACKS,location:"elements-sidebar",id:"elements.domCreation",commandPrompt:u(p.showStackTrace),title:u(p.stackTrace),order:10,persistence:"permanent",loadView:async()=>(await h()).NodeStackTraceWidget.NodeStackTraceWidget.instance()}),t.ViewManager.registerViewExtension({location:"elements-sidebar",id:"elements.layout",commandPrompt:u(p.showLayout),title:u(p.layout),order:4,persistence:"permanent",loadView:async()=>(await async function(){return S||(S=await import("../../panels/elements/components/components.js")),S}()).LayoutPane.LayoutPane.instance().wrapper}),t.ActionRegistration.registerActionExtension({actionId:"elements.hide-element",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.hideElement),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"H"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.toggle-eye-dropper",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.toggleEyeDropper),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ColorSwatchPopoverIcon.ColorSwatchPopoverIcon])),bindings:[{shortcut:"c"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.edit-as-html",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.editAsHtml),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"F2"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.duplicate-element",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.duplicateElement),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"Shift+Alt+Down"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.copy-styles",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.copyStyles),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"Ctrl+Alt+C",platform:"windows,linux"},{shortcut:"Meta+Alt+C",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.undo",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.undo),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"Ctrl+Z",platform:"windows,linux"},{shortcut:"Meta+Z",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.redo",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.redo),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"Ctrl+Y",platform:"windows,linux"},{shortcut:"Meta+Shift+Z",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.capture-area-screenshot",loadActionDelegate:async()=>(await h()).InspectElementModeController.ToggleSearchActionDelegate.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,title:u(p.captureAreaScreenshot),category:t.ActionRegistration.ActionCategory.SCREENSHOT}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.ELEMENTS,actionId:"elements.toggle-element-search",toggleable:!0,loadActionDelegate:async()=>(await h()).InspectElementModeController.ToggleSearchActionDelegate.instance(),title:u(p.selectAnElementInThePageTo),iconClass:"select-element",bindings:[{shortcut:"Ctrl+Shift+C",platform:"windows,linux"},{shortcut:"Meta+Shift+C",platform:"mac"}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,order:1,title:u(p.showUserAgentShadowDOM),settingName:"showUAShadowDOM",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,order:2,title:u(p.wordWrap),settingName:"domWordWrap",settingType:i.Settings.SettingType.BOOLEAN,options:[{value:!0,title:u(p.enableDomWordWrap)},{value:!1,title:u(p.disableDomWordWrap)}],defaultValue:!0}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,order:3,title:u(p.showHtmlComments),settingName:"showHTMLComments",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!0,options:[{value:!0,title:u(p.showHtmlComments)},{value:!1,title:u(p.hideHtmlComments)}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,order:4,title:u(p.revealDomNodeOnHover),settingName:"highlightNodeOnHoverInOverlay",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!0}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,order:5,title:u(p.showDetailedInspectTooltip),settingName:"showDetailedInspectTooltip",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!0}),i.Settings.registerSettingExtension({settingName:"showEventListenersForAncestors",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!0}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ADORNER,storageType:i.Settings.SettingStorageType.Synced,settingName:"adornerSettings",settingType:i.Settings.SettingType.ARRAY,defaultValue:[]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,title:u(p.showCSSDocumentationTooltip),settingName:"showCSSPropertyDocumentationOnHover",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!0}),t.ContextMenu.registerProvider({contextTypes:()=>[n.RemoteObject.RemoteObject,n.DOMModel.DOMNode,n.DOMModel.DeferredDOMNode],loadProvider:async()=>(await h()).ElementsPanel.ContextMenuProvider.instance(),experiment:void 0}),t.ViewManager.registerLocationResolver({name:"elements-sidebar",category:t.ViewManager.ViewLocationCategory.ELEMENTS,loadResolver:async()=>(await h()).ElementsPanel.ElementsPanel.instance()}),i.Revealer.registerRevealer({contextTypes:()=>[n.DOMModel.DOMNode,n.DOMModel.DeferredDOMNode,n.RemoteObject.RemoteObject],destination:i.Revealer.RevealerDestination.ELEMENTS_PANEL,loadRevealer:async()=>(await h()).ElementsPanel.DOMNodeRevealer.instance()}),i.Revealer.registerRevealer({contextTypes:()=>[n.CSSProperty.CSSProperty],destination:i.Revealer.RevealerDestination.STYLES_SIDEBAR,loadRevealer:async()=>(await h()).ElementsPanel.CSSPropertyRevealer.instance()}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await h()).LayersWidget.ButtonProvider.instance(),order:1,location:t.Toolbar.ToolbarItemLocation.STYLES_SIDEBARPANE_TOOLBAR,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await h()).ElementStatePaneWidget.ButtonProvider.instance(),order:2,location:t.Toolbar.ToolbarItemLocation.STYLES_SIDEBARPANE_TOOLBAR,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await h()).ClassesPaneWidget.ButtonProvider.instance(),order:3,location:t.Toolbar.ToolbarItemLocation.STYLES_SIDEBARPANE_TOOLBAR,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await h()).StylesSidebarPane.ButtonProvider.instance(),order:100,location:t.Toolbar.ToolbarItemLocation.STYLES_SIDEBARPANE_TOOLBAR,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),t.Toolbar.registerToolbarItem({actionId:"elements.toggle-element-search",location:t.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_LEFT,order:0,showLabel:void 0,condition:void 0,separator:void 0,loadItem:void 0}),t.UIUtils.registerRenderer({contextTypes:()=>[n.DOMModel.DOMNode,n.DOMModel.DeferredDOMNode],loadRenderer:async()=>(await h()).ElementsTreeOutline.Renderer.instance()}),i.Linkifier.registerLinkifier({contextTypes:()=>[n.DOMModel.DOMNode,n.DOMModel.DeferredDOMNode],loadLinkifier:async()=>(await h()).DOMLinkifier.Linkifier.instance()});const E={showEventListenerBreakpoints:"Show Event Listener Breakpoints",eventListenerBreakpoints:"Event Listener Breakpoints",showCspViolationBreakpoints:"Show CSP Violation Breakpoints",cspViolationBreakpoints:"CSP Violation Breakpoints",showXhrfetchBreakpoints:"Show XHR/fetch Breakpoints",xhrfetchBreakpoints:"XHR/fetch Breakpoints",showDomBreakpoints:"Show DOM Breakpoints",domBreakpoints:"DOM Breakpoints",showGlobalListeners:"Show Global Listeners",globalListeners:"Global Listeners",page:"Page",showPage:"Show Page",overrides:"Overrides",showOverrides:"Show Overrides",contentScripts:"Content scripts",showContentScripts:"Show Content scripts"},R=e.i18n.registerUIStrings("panels/browser_debugger/browser_debugger-meta.ts",E),v=e.i18n.getLazilyComputedLocalizedString.bind(void 0,R);let T,P;async function C(){return T||(T=await import("../../panels/browser_debugger/browser_debugger.js")),T}async function b(){return P||(P=await import("../../panels/sources/sources.js")),P}t.ViewManager.registerViewExtension({loadView:async()=>(await C()).EventListenerBreakpointsSidebarPane.EventListenerBreakpointsSidebarPane.instance(),id:"sources.eventListenerBreakpoints",location:"sources.sidebar-bottom",commandPrompt:v(E.showEventListenerBreakpoints),title:v(E.eventListenerBreakpoints),order:9,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await C()).CSPViolationBreakpointsSidebarPane.CSPViolationBreakpointsSidebarPane.instance(),id:"sources.cspViolationBreakpoints",location:"sources.sidebar-bottom",commandPrompt:v(E.showCspViolationBreakpoints),title:v(E.cspViolationBreakpoints),order:10,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await C()).XHRBreakpointsSidebarPane.XHRBreakpointsSidebarPane.instance(),id:"sources.xhrBreakpoints",location:"sources.sidebar-bottom",commandPrompt:v(E.showXhrfetchBreakpoints),title:v(E.xhrfetchBreakpoints),order:5,persistence:"permanent",hasToolbar:!0}),t.ViewManager.registerViewExtension({loadView:async()=>(await C()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"sources.domBreakpoints",location:"sources.sidebar-bottom",commandPrompt:v(E.showDomBreakpoints),title:v(E.domBreakpoints),order:7,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await C()).ObjectEventListenersSidebarPane.ObjectEventListenersSidebarPane.instance(),id:"sources.globalListeners",location:"sources.sidebar-bottom",commandPrompt:v(E.showGlobalListeners),title:v(E.globalListeners),order:8,persistence:"permanent",hasToolbar:!0}),t.ViewManager.registerViewExtension({loadView:async()=>(await C()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"elements.domBreakpoints",location:"elements-sidebar",commandPrompt:v(E.showDomBreakpoints),title:v(E.domBreakpoints),order:6,persistence:"permanent"}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-network",title:v(E.page),commandPrompt:v(E.showPage),order:2,persistence:"permanent",loadView:async()=>(await b()).SourcesNavigator.NetworkNavigatorView.instance()}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-overrides",title:v(E.overrides),commandPrompt:v(E.showOverrides),order:4,persistence:"permanent",loadView:async()=>(await b()).SourcesNavigator.OverridesNavigatorView.instance()}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-contentScripts",title:v(E.contentScripts),commandPrompt:v(E.showContentScripts),order:5,persistence:"permanent",loadView:async()=>(await b()).SourcesNavigator.ContentScriptsNavigatorView.instance()}),t.ContextMenu.registerProvider({contextTypes:()=>[n.DOMModel.DOMNode],loadProvider:async()=>(await C()).DOMBreakpointsSidebarPane.ContextMenuProvider.instance(),experiment:void 0}),t.Context.registerListener({contextTypes:()=>[n.DebuggerModel.DebuggerPausedDetails],loadListener:async()=>(await C()).XHRBreakpointsSidebarPane.XHRBreakpointsSidebarPane.instance()}),t.Context.registerListener({contextTypes:()=>[n.DebuggerModel.DebuggerPausedDetails],loadListener:async()=>(await C()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance()});const f={showNetwork:"Show Network",network:"Network",showNetworkRequestBlocking:"Show Network request blocking",networkRequestBlocking:"Network request blocking",showNetworkConditions:"Show Network conditions",networkConditions:"Network conditions",diskCache:"disk cache",networkThrottling:"network throttling",showSearch:"Show Search",search:"Search",recordNetworkLog:"Record network log",stopRecordingNetworkLog:"Stop recording network log",hideRequestDetails:"Hide request details",colorcodeResourceTypes:"Color-code resource types",colorCode:"color code",resourceType:"resource type",colorCodeByResourceType:"Color code by resource type",useDefaultColors:"Use default colors",groupNetworkLogByFrame:"Group network log by frame",netWork:"network",frame:"frame",group:"group",groupNetworkLogItemsByFrame:"Group network log items by frame",dontGroupNetworkLogItemsByFrame:"Don't group network log items by frame",clear:"Clear network log"},L=e.i18n.registerUIStrings("panels/network/network-meta.ts",f),N=e.i18n.getLazilyComputedLocalizedString.bind(void 0,L);let I;async function M(){return I||(I=await import("../../panels/network/network.js")),I}function D(e){return void 0===I?[]:e(I)}t.ViewManager.registerViewExtension({location:"panel",id:"network",commandPrompt:N(f.showNetwork),title:N(f.network),order:40,loadView:async()=>(await M()).NetworkPanel.NetworkPanel.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"network.blocked-urls",commandPrompt:N(f.showNetworkRequestBlocking),title:N(f.networkRequestBlocking),persistence:"closeable",order:60,loadView:async()=>(await M()).BlockedURLsPane.BlockedURLsPane.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"network.config",commandPrompt:N(f.showNetworkConditions),title:N(f.networkConditions),persistence:"closeable",order:40,tags:[N(f.diskCache),N(f.networkThrottling),e.i18n.lockedLazyString("useragent"),e.i18n.lockedLazyString("user agent"),e.i18n.lockedLazyString("user-agent")],loadView:async()=>(await M()).NetworkConfigView.NetworkConfigView.instance()}),t.ViewManager.registerViewExtension({location:"network-sidebar",id:"network.search-network-tab",commandPrompt:N(f.showSearch),title:N(f.search),persistence:"permanent",loadView:async()=>(await M()).NetworkPanel.SearchNetworkView.instance()}),t.ActionRegistration.registerActionExtension({actionId:"network.toggle-recording",category:t.ActionRegistration.ActionCategory.NETWORK,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>D((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await M()).NetworkPanel.ActionDelegate.instance(),options:[{value:!0,title:N(f.recordNetworkLog)},{value:!1,title:N(f.stopRecordingNetworkLog)}],bindings:[{shortcut:"Ctrl+E",platform:"windows,linux"},{shortcut:"Meta+E",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.clear",category:t.ActionRegistration.ActionCategory.NETWORK,title:N(f.clear),iconClass:"clear",loadActionDelegate:async()=>(await M()).NetworkPanel.ActionDelegate.instance(),contextTypes:()=>D((e=>[e.NetworkPanel.NetworkPanel])),bindings:[{shortcut:"Ctrl+L"},{shortcut:"Meta+K",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.hide-request-details",category:t.ActionRegistration.ActionCategory.NETWORK,title:N(f.hideRequestDetails),contextTypes:()=>D((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await M()).NetworkPanel.ActionDelegate.instance(),bindings:[{shortcut:"Esc"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.search",category:t.ActionRegistration.ActionCategory.NETWORK,title:N(f.search),contextTypes:()=>D((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await M()).NetworkPanel.ActionDelegate.instance(),bindings:[{platform:"mac",shortcut:"Meta+F",keybindSets:["devToolsDefault","vsCode"]},{platform:"windows,linux",shortcut:"Ctrl+F",keybindSets:["devToolsDefault","vsCode"]}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.NETWORK,storageType:i.Settings.SettingStorageType.Synced,title:N(f.colorcodeResourceTypes),settingName:"networkColorCodeResourceTypes",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[N(f.colorCode),N(f.resourceType)],options:[{value:!0,title:N(f.colorCodeByResourceType)},{value:!1,title:N(f.useDefaultColors)}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.NETWORK,storageType:i.Settings.SettingStorageType.Synced,title:N(f.groupNetworkLogByFrame),settingName:"network.group-by-frame",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[N(f.netWork),N(f.frame),N(f.group)],options:[{value:!0,title:N(f.groupNetworkLogItemsByFrame)},{value:!1,title:N(f.dontGroupNetworkLogItemsByFrame)}]}),t.ViewManager.registerLocationResolver({name:"network-sidebar",category:t.ViewManager.ViewLocationCategory.NETWORK,loadResolver:async()=>(await M()).NetworkPanel.NetworkPanel.instance()}),t.ContextMenu.registerProvider({contextTypes:()=>[n.NetworkRequest.NetworkRequest,n.Resource.Resource,a.UISourceCode.UISourceCode],loadProvider:async()=>(await M()).NetworkPanel.ContextMenuProvider.instance(),experiment:void 0}),i.Revealer.registerRevealer({contextTypes:()=>[n.NetworkRequest.NetworkRequest],destination:i.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await M()).NetworkPanel.RequestRevealer.instance()}),i.Revealer.registerRevealer({contextTypes:()=>[r.UIRequestLocation.UIRequestLocation],loadRevealer:async()=>(await M()).NetworkPanel.RequestLocationRevealer.instance(),destination:void 0}),i.Revealer.registerRevealer({contextTypes:()=>[r.NetworkRequestId.NetworkRequestId],destination:i.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await M()).NetworkPanel.RequestIdRevealer.instance()}),i.Revealer.registerRevealer({contextTypes:()=>[r.UIFilter.UIRequestFilter],destination:i.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await M()).NetworkPanel.NetworkLogWithFilterRevealer.instance()});const x={security:"Security",showSecurity:"Show Security"},k=e.i18n.registerUIStrings("panels/security/security-meta.ts",x),V=e.i18n.getLazilyComputedLocalizedString.bind(void 0,k);let O;t.ViewManager.registerViewExtension({location:"panel",id:"security",title:V(x.security),commandPrompt:V(x.showSecurity),order:80,persistence:"closeable",loadView:async()=>(await async function(){return O||(O=await import("../../panels/security/security.js")),O}()).SecurityPanel.SecurityPanel.instance()});const B={toggleDeviceToolbar:"Toggle device toolbar",captureScreenshot:"Capture screenshot",captureFullSizeScreenshot:"Capture full size screenshot",captureNodeScreenshot:"Capture node screenshot",showMediaQueries:"Show media queries",device:"device",hideMediaQueries:"Hide media queries",showRulers:"Show rulers in the Device Mode toolbar",hideRulers:"Hide rulers in the Device Mode toolbar",showDeviceFrame:"Show device frame",hideDeviceFrame:"Hide device frame"},_=e.i18n.registerUIStrings("panels/emulation/emulation-meta.ts",B),U=e.i18n.getLazilyComputedLocalizedString.bind(void 0,_);let z;async function W(){return z||(z=await import("../../panels/emulation/emulation.js")),z}t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.MOBILE,actionId:"emulation.toggle-device-mode",toggleable:!0,loadActionDelegate:async()=>(await W()).DeviceModeWrapper.ActionDelegate.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,title:U(B.toggleDeviceToolbar),iconClass:"devices",bindings:[{platform:"windows,linux",shortcut:"Shift+Ctrl+M"},{platform:"mac",shortcut:"Shift+Meta+M"}]}),t.ActionRegistration.registerActionExtension({actionId:"emulation.capture-screenshot",category:t.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await W()).DeviceModeWrapper.ActionDelegate.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,title:U(B.captureScreenshot)}),t.ActionRegistration.registerActionExtension({actionId:"emulation.capture-full-height-screenshot",category:t.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await W()).DeviceModeWrapper.ActionDelegate.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,title:U(B.captureFullSizeScreenshot)}),t.ActionRegistration.registerActionExtension({actionId:"emulation.capture-node-screenshot",category:t.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await W()).DeviceModeWrapper.ActionDelegate.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,title:U(B.captureNodeScreenshot)}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.MOBILE,settingName:"showMediaQueryInspector",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:U(B.showMediaQueries)},{value:!1,title:U(B.hideMediaQueries)}],tags:[U(B.device)]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.MOBILE,settingName:"emulation.showRulers",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:U(B.showRulers)},{value:!1,title:U(B.hideRulers)}],tags:[U(B.device)]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.MOBILE,settingName:"emulation.showDeviceOutline",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:U(B.showDeviceFrame)},{value:!1,title:U(B.hideDeviceFrame)}],tags:[U(B.device)]}),t.Toolbar.registerToolbarItem({actionId:"emulation.toggle-device-mode",condition:o.Runtime.ConditionName.CAN_DOCK,location:t.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_LEFT,order:1,showLabel:void 0,loadItem:void 0,separator:void 0}),i.AppProvider.registerAppProvider({loadAppProvider:async()=>(await W()).AdvancedApp.AdvancedAppProvider.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,order:0}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.DEVICE_MODE_MENU_SAVE,order:12,actionId:"emulation.capture-screenshot"}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.DEVICE_MODE_MENU_SAVE,order:13,actionId:"emulation.capture-full-height-screenshot"});const F={sensors:"Sensors",geolocation:"geolocation",timezones:"timezones",locale:"locale",locales:"locales",accelerometer:"accelerometer",deviceOrientation:"device orientation",locations:"Locations",touch:"Touch",devicebased:"Device-based",forceEnabled:"Force enabled",emulateIdleDetectorState:"Emulate Idle Detector state",noIdleEmulation:"No idle emulation",userActiveScreenUnlocked:"User active, screen unlocked",userActiveScreenLocked:"User active, screen locked",userIdleScreenUnlocked:"User idle, screen unlocked",userIdleScreenLocked:"User idle, screen locked",showSensors:"Show Sensors",showLocations:"Show Locations"},j=e.i18n.registerUIStrings("panels/sensors/sensors-meta.ts",F),H=e.i18n.getLazilyComputedLocalizedString.bind(void 0,j);let K,q;async function G(){return K||(K=await import("../../panels/sensors/sensors.js")),K}t.ViewManager.registerViewExtension({location:"drawer-view",commandPrompt:H(F.showSensors),title:H(F.sensors),id:"sensors",persistence:"closeable",order:100,loadView:async()=>(await G()).SensorsView.SensorsView.instance(),tags:[H(F.geolocation),H(F.timezones),H(F.locale),H(F.locales),H(F.accelerometer),H(F.deviceOrientation)]}),t.ViewManager.registerViewExtension({location:"settings-view",id:"emulation-locations",commandPrompt:H(F.showLocations),title:H(F.locations),order:40,loadView:async()=>(await G()).LocationsSettingsTab.LocationsSettingsTab.instance(),settings:["emulation.locations"]}),i.Settings.registerSettingExtension({storageType:i.Settings.SettingStorageType.Synced,settingName:"emulation.locations",settingType:i.Settings.SettingType.ARRAY,defaultValue:[{title:"Berlin",lat:52.520007,long:13.404954,timezoneId:"Europe/Berlin",locale:"de-DE"},{title:"London",lat:51.507351,long:-.127758,timezoneId:"Europe/London",locale:"en-GB"},{title:"Moscow",lat:55.755826,long:37.6173,timezoneId:"Europe/Moscow",locale:"ru-RU"},{title:"Mountain View",lat:37.386052,long:-122.083851,timezoneId:"America/Los_Angeles",locale:"en-US"},{title:"Mumbai",lat:19.075984,long:72.877656,timezoneId:"Asia/Kolkata",locale:"mr-IN"},{title:"San Francisco",lat:37.774929,long:-122.419416,timezoneId:"America/Los_Angeles",locale:"en-US"},{title:"Shanghai",lat:31.230416,long:121.473701,timezoneId:"Asia/Shanghai",locale:"zh-Hans-CN"},{title:"São Paulo",lat:-23.55052,long:-46.633309,timezoneId:"America/Sao_Paulo",locale:"pt-BR"},{title:"Tokyo",lat:35.689487,long:139.691706,timezoneId:"Asia/Tokyo",locale:"ja-JP"}]}),i.Settings.registerSettingExtension({title:H(F.touch),reloadRequired:!0,settingName:"emulation.touch",settingType:i.Settings.SettingType.ENUM,defaultValue:"none",options:[{value:"none",title:H(F.devicebased),text:H(F.devicebased)},{value:"force",title:H(F.forceEnabled),text:H(F.forceEnabled)}]}),i.Settings.registerSettingExtension({title:H(F.emulateIdleDetectorState),settingName:"emulation.idleDetection",settingType:i.Settings.SettingType.ENUM,defaultValue:"none",options:[{value:"none",title:H(F.noIdleEmulation),text:H(F.noIdleEmulation)},{value:'{"isUserActive":true,"isScreenUnlocked":true}',title:H(F.userActiveScreenUnlocked),text:H(F.userActiveScreenUnlocked)},{value:'{"isUserActive":true,"isScreenUnlocked":false}',title:H(F.userActiveScreenLocked),text:H(F.userActiveScreenLocked)},{value:'{"isUserActive":false,"isScreenUnlocked":true}',title:H(F.userIdleScreenUnlocked),text:H(F.userIdleScreenUnlocked)},{value:'{"isUserActive":false,"isScreenUnlocked":false}',title:H(F.userIdleScreenLocked),text:H(F.userIdleScreenLocked)}]});const Y={accessibility:"Accessibility",shoAccessibility:"Show Accessibility"},J=e.i18n.registerUIStrings("panels/accessibility/accessibility-meta.ts",Y),X=e.i18n.getLazilyComputedLocalizedString.bind(void 0,J);let Q;t.ViewManager.registerViewExtension({location:"elements-sidebar",id:"accessibility.view",title:X(Y.accessibility),commandPrompt:X(Y.shoAccessibility),order:10,persistence:"permanent",loadView:async()=>(await async function(){return q||(q=await import("../../panels/accessibility/accessibility.js")),q}()).AccessibilitySidebarView.AccessibilitySidebarView.instance()});const Z={animations:"Animations",showAnimations:"Show Animations"},$=e.i18n.registerUIStrings("panels/animation/animation-meta.ts",Z),ee=e.i18n.getLazilyComputedLocalizedString.bind(void 0,$);t.ViewManager.registerViewExtension({location:"drawer-view",id:"animations",title:ee(Z.animations),commandPrompt:ee(Z.showAnimations),persistence:"closeable",order:0,loadView:async()=>(await async function(){return Q||(Q=await import("../../panels/animation/animation.js")),Q}()).AnimationTimeline.AnimationTimeline.instance()});const te={developerResources:"Developer Resources",showDeveloperResources:"Show Developer Resources"},ie=e.i18n.registerUIStrings("panels/developer_resources/developer_resources-meta.ts",te),oe=e.i18n.getLazilyComputedLocalizedString.bind(void 0,ie);let ne;t.ViewManager.registerViewExtension({location:"drawer-view",id:"resource-loading-pane",title:oe(te.developerResources),commandPrompt:oe(te.showDeveloperResources),order:100,persistence:"closeable",experiment:o.Runtime.ExperimentName.DEVELOPER_RESOURCES_VIEW,loadView:async()=>new((await async function(){return ne||(ne=await import("../../panels/developer_resources/developer_resources.js")),ne}()).DeveloperResourcesView.DeveloperResourcesView)});const ae={rendering:"Rendering",showRendering:"Show Rendering",paint:"paint",layout:"layout",fps:"fps",cssMediaType:"CSS media type",cssMediaFeature:"CSS media feature",visionDeficiency:"vision deficiency",colorVisionDeficiency:"color vision deficiency",reloadPage:"Reload page",hardReloadPage:"Hard reload page",forceAdBlocking:"Force ad blocking on this site",blockAds:"Block ads on this site",showAds:"Show ads on this site, if allowed",autoOpenDevTools:"Auto-open DevTools for popups",doNotAutoOpen:"Do not auto-open DevTools for popups",disablePaused:"Disable paused state overlay",toggleCssPrefersColorSchemeMedia:"Toggle CSS media feature prefers-color-scheme"},re=e.i18n.registerUIStrings("entrypoints/inspector_main/inspector_main-meta.ts",ae),se=e.i18n.getLazilyComputedLocalizedString.bind(void 0,re);let ce;async function le(){return ce||(ce=await import("../inspector_main/inspector_main.js")),ce}t.ViewManager.registerViewExtension({location:"drawer-view",id:"rendering",title:se(ae.rendering),commandPrompt:se(ae.showRendering),persistence:"closeable",order:50,loadView:async()=>(await le()).RenderingOptions.RenderingOptionsView.instance(),tags:[se(ae.paint),se(ae.layout),se(ae.fps),se(ae.cssMediaType),se(ae.cssMediaFeature),se(ae.visionDeficiency),se(ae.colorVisionDeficiency)]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.NAVIGATION,actionId:"inspector_main.reload",loadActionDelegate:async()=>(await le()).InspectorMain.ReloadActionDelegate.instance(),iconClass:"refresh",title:se(ae.reloadPage),bindings:[{platform:"windows,linux",shortcut:"Ctrl+R"},{platform:"windows,linux",shortcut:"F5"},{platform:"mac",shortcut:"Meta+R"}]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.NAVIGATION,actionId:"inspector_main.hard-reload",loadActionDelegate:async()=>(await le()).InspectorMain.ReloadActionDelegate.instance(),title:se(ae.hardReloadPage),bindings:[{platform:"windows,linux",shortcut:"Shift+Ctrl+R"},{platform:"windows,linux",shortcut:"Shift+F5"},{platform:"windows,linux",shortcut:"Ctrl+F5"},{platform:"windows,linux",shortcut:"Ctrl+Shift+F5"},{platform:"mac",shortcut:"Shift+Meta+R"}]}),t.ActionRegistration.registerActionExtension({actionId:"rendering.toggle-prefers-color-scheme",category:t.ActionRegistration.ActionCategory.RENDERING,title:se(ae.toggleCssPrefersColorSchemeMedia),loadActionDelegate:async()=>(await le()).RenderingOptions.ReloadActionDelegate.instance()}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.NETWORK,title:se(ae.forceAdBlocking),settingName:"network.adBlockingEnabled",settingType:i.Settings.SettingType.BOOLEAN,storageType:i.Settings.SettingStorageType.Session,defaultValue:!1,options:[{value:!0,title:se(ae.blockAds)},{value:!1,title:se(ae.showAds)}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.GLOBAL,storageType:i.Settings.SettingStorageType.Synced,title:se(ae.autoOpenDevTools),settingName:"autoAttachToCreatedPages",settingType:i.Settings.SettingType.BOOLEAN,order:2,defaultValue:!1,options:[{value:!0,title:se(ae.autoOpenDevTools)},{value:!1,title:se(ae.doNotAutoOpen)}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.APPEARANCE,storageType:i.Settings.SettingStorageType.Synced,title:se(ae.disablePaused),settingName:"disablePausedStateOverlay",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await le()).InspectorMain.NodeIndicator.instance(),order:2,location:t.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_LEFT,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await le()).OutermostTargetSelector.OutermostTargetSelector.instance(),order:98,location:t.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_RIGHT,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0,experiment:o.Runtime.ExperimentName.OUTERMOST_TARGET_SELECTOR});const ge={application:"Application",showApplication:"Show Application",pwa:"pwa",clearSiteData:"Clear site data",clearSiteDataIncludingThirdparty:"Clear site data (including third-party cookies)",startRecordingEvents:"Start recording events",stopRecordingEvents:"Stop recording events"},de=e.i18n.registerUIStrings("panels/application/application-meta.ts",ge),me=e.i18n.getLazilyComputedLocalizedString.bind(void 0,de);let pe;async function we(){return pe||(pe=await import("../../panels/application/application.js")),pe}t.ViewManager.registerViewExtension({location:"panel",id:"resources",title:me(ge.application),commandPrompt:me(ge.showApplication),order:70,loadView:async()=>(await we()).ResourcesPanel.ResourcesPanel.instance(),tags:[me(ge.pwa)]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.RESOURCES,actionId:"resources.clear",title:me(ge.clearSiteData),loadActionDelegate:async()=>(await we()).StorageView.ActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.RESOURCES,actionId:"resources.clear-incl-third-party-cookies",title:me(ge.clearSiteDataIncludingThirdparty),loadActionDelegate:async()=>(await we()).StorageView.ActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({actionId:"background-service.toggle-recording",iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===pe?[]:(e=>[e.BackgroundServiceView.BackgroundServiceView])(pe),loadActionDelegate:async()=>(await we()).BackgroundServiceView.ActionDelegate.instance(),category:t.ActionRegistration.ActionCategory.BACKGROUND_SERVICES,options:[{value:!0,title:me(ge.startRecordingEvents)},{value:!1,title:me(ge.stopRecordingEvents)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.Revealer.registerRevealer({contextTypes:()=>[n.Resource.Resource],destination:i.Revealer.RevealerDestination.APPLICATION_PANEL,loadRevealer:async()=>(await we()).ResourcesPanel.ResourceRevealer.instance()}),i.Revealer.registerRevealer({contextTypes:()=>[n.ResourceTreeModel.ResourceTreeFrame],destination:i.Revealer.RevealerDestination.APPLICATION_PANEL,loadRevealer:async()=>(await we()).ResourcesPanel.FrameDetailsRevealer.instance()});const ue={issues:"Issues",showIssues:"Show Issues",cspViolations:"CSP Violations",showCspViolations:"Show CSP Violations"},ye=e.i18n.registerUIStrings("panels/issues/issues-meta.ts",ue),Se=e.i18n.getLazilyComputedLocalizedString.bind(void 0,ye);let he;async function Ae(){return he||(he=await import("../../panels/issues/issues.js")),he}t.ViewManager.registerViewExtension({location:"drawer-view",id:"issues-pane",title:Se(ue.issues),commandPrompt:Se(ue.showIssues),order:100,persistence:"closeable",loadView:async()=>(await Ae()).IssuesPane.IssuesPane.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"csp-violations-pane",title:Se(ue.cspViolations),commandPrompt:Se(ue.showCspViolations),order:100,persistence:"closeable",loadView:async()=>(await Ae()).CSPViolationsView.CSPViolationsView.instance(),experiment:o.Runtime.ExperimentName.CSP_VIOLATIONS_VIEW}),i.Revealer.registerRevealer({contextTypes:()=>[s.Issue.Issue],destination:i.Revealer.RevealerDestination.ISSUES_VIEW,loadRevealer:async()=>(await Ae()).IssueRevealer.IssueRevealer.instance()});const Ee={layers:"Layers",showLayers:"Show Layers"},Re=e.i18n.registerUIStrings("panels/layers/layers-meta.ts",Ee),ve=e.i18n.getLazilyComputedLocalizedString.bind(void 0,Re);let Te;t.ViewManager.registerViewExtension({location:"panel",id:"layers",title:ve(Ee.layers),commandPrompt:ve(Ee.showLayers),order:100,persistence:"closeable",loadView:async()=>(await async function(){return Te||(Te=await import("../../panels/layers/layers.js")),Te}()).LayersPanel.LayersPanel.instance()});const Pe={showLighthouse:"Show `Lighthouse`"},Ce=e.i18n.registerUIStrings("panels/lighthouse/lighthouse-meta.ts",Pe),be=e.i18n.getLazilyComputedLocalizedString.bind(void 0,Ce);let fe;t.ViewManager.registerViewExtension({location:"panel",id:"lighthouse",title:e.i18n.lockedLazyString("Lighthouse"),commandPrompt:be(Pe.showLighthouse),order:90,loadView:async()=>(await async function(){return fe||(fe=await import("../../panels/lighthouse/lighthouse.js")),fe}()).LighthousePanel.LighthousePanel.instance(),tags:[e.i18n.lockedLazyString("lighthouse"),e.i18n.lockedLazyString("pwa")]});const Le={media:"Media",video:"video",showMedia:"Show Media"},Ne=e.i18n.registerUIStrings("panels/media/media-meta.ts",Le),Ie=e.i18n.getLazilyComputedLocalizedString.bind(void 0,Ne);let Me;t.ViewManager.registerViewExtension({location:"panel",id:"medias",title:Ie(Le.media),commandPrompt:Ie(Le.showMedia),persistence:"closeable",order:100,loadView:async()=>(await async function(){return Me||(Me=await import("../../panels/media/media.js")),Me}()).MainView.MainView.instance(),tags:[Ie(Le.media),Ie(Le.video)]});const De={throttling:"Throttling",showThrottling:"Show Throttling",goOffline:"Go offline",device:"device",throttlingTag:"throttling",enableSlowGThrottling:"Enable slow `3G` throttling",enableFastGThrottling:"Enable fast `3G` throttling",goOnline:"Go online"},xe=e.i18n.registerUIStrings("panels/mobile_throttling/mobile_throttling-meta.ts",De),ke=e.i18n.getLazilyComputedLocalizedString.bind(void 0,xe);let Ve;async function Oe(){return Ve||(Ve=await import("../../panels/mobile_throttling/mobile_throttling.js")),Ve}t.ViewManager.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:ke(De.throttling),commandPrompt:ke(De.showThrottling),order:35,loadView:async()=>(await Oe()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-offline",category:t.ActionRegistration.ActionCategory.NETWORK,title:ke(De.goOffline),loadActionDelegate:async()=>(await Oe()).ThrottlingManager.ActionDelegate.instance(),tags:[ke(De.device),ke(De.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-low-end-mobile",category:t.ActionRegistration.ActionCategory.NETWORK,title:ke(De.enableSlowGThrottling),loadActionDelegate:async()=>(await Oe()).ThrottlingManager.ActionDelegate.instance(),tags:[ke(De.device),ke(De.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-mid-tier-mobile",category:t.ActionRegistration.ActionCategory.NETWORK,title:ke(De.enableFastGThrottling),loadActionDelegate:async()=>(await Oe()).ThrottlingManager.ActionDelegate.instance(),tags:[ke(De.device),ke(De.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-online",category:t.ActionRegistration.ActionCategory.NETWORK,title:ke(De.goOnline),loadActionDelegate:async()=>(await Oe()).ThrottlingManager.ActionDelegate.instance(),tags:[ke(De.device),ke(De.throttlingTag)]}),i.Settings.registerSettingExtension({storageType:i.Settings.SettingStorageType.Synced,settingName:"customNetworkConditions",settingType:i.Settings.SettingType.ARRAY,defaultValue:[]});const Be={performanceMonitor:"Performance monitor",performance:"performance",systemMonitor:"system monitor",monitor:"monitor",activity:"activity",metrics:"metrics",showPerformanceMonitor:"Show Performance monitor"},_e=e.i18n.registerUIStrings("panels/performance_monitor/performance_monitor-meta.ts",Be),Ue=e.i18n.getLazilyComputedLocalizedString.bind(void 0,_e);let ze;t.ViewManager.registerViewExtension({location:"drawer-view",id:"performance.monitor",title:Ue(Be.performanceMonitor),commandPrompt:Ue(Be.showPerformanceMonitor),persistence:"closeable",order:100,loadView:async()=>(await async function(){return ze||(ze=await import("../../panels/performance_monitor/performance_monitor.js")),ze}()).PerformanceMonitor.PerformanceMonitorImpl.instance(),tags:[Ue(Be.performance),Ue(Be.systemMonitor),Ue(Be.monitor),Ue(Be.activity),Ue(Be.metrics)]});const We={performance:"Performance",showPerformance:"Show Performance",javascriptProfiler:"JavaScript Profiler",showJavascriptProfiler:"Show JavaScript Profiler",record:"Record",stop:"Stop",startProfilingAndReloadPage:"Start profiling and reload page",saveProfile:"Save profile…",loadProfile:"Load profile…",previousFrame:"Previous frame",nextFrame:"Next frame",showRecentTimelineSessions:"Show recent timeline sessions",previousRecording:"Previous recording",nextRecording:"Next recording",hideChromeFrameInLayersView:"Hide `chrome` frame in Layers view",startStopRecording:"Start/stop recording"},Fe=e.i18n.registerUIStrings("panels/timeline/timeline-meta.ts",We),je=e.i18n.getLazilyComputedLocalizedString.bind(void 0,Fe);let He,Ke;async function qe(){return He||(He=await import("../../panels/timeline/timeline.js")),He}async function Ge(){return Ke||(Ke=await import("../../panels/profiler/profiler.js")),Ke}function Ye(e){return void 0===He?[]:e(He)}t.ViewManager.registerViewExtension({location:"panel",id:"timeline",title:je(We.performance),commandPrompt:je(We.showPerformance),order:50,loadView:async()=>(await qe()).TimelinePanel.TimelinePanel.instance()}),t.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:je(We.javascriptProfiler),commandPrompt:je(We.showJavascriptProfiler),persistence:"closeable",order:65,experiment:o.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await Ge()).ProfilesPanel.JSProfilerPanel.instance()}),t.ActionRegistration.registerActionExtension({actionId:"timeline.toggle-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:je(We.record)},{value:!1,title:je(We.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:je(We.startProfilingAndReloadPage),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.PERFORMANCE,actionId:"timeline.save-to-file",contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),title:je(We.saveProfile),bindings:[{platform:"windows,linux",shortcut:"Ctrl+S"},{platform:"mac",shortcut:"Meta+S"}]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.PERFORMANCE,actionId:"timeline.load-from-file",contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),title:je(We.loadProfile),bindings:[{platform:"windows,linux",shortcut:"Ctrl+O"},{platform:"mac",shortcut:"Meta+O"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.jump-to-previous-frame",category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:je(We.previousFrame),contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),bindings:[{shortcut:"["}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.jump-to-next-frame",category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:je(We.nextFrame),contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),bindings:[{shortcut:"]"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.show-history",loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:je(We.showRecentTimelineSessions),contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Ctrl+H"},{platform:"mac",shortcut:"Meta+Y"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.previous-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),title:je(We.previousRecording),contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Alt+Left"},{platform:"mac",shortcut:"Meta+Left"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.next-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),title:je(We.nextRecording),contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Alt+Right"},{platform:"mac",shortcut:"Meta+Right"}]}),t.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:t.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:je(We.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===Ke?[]:(e=>[e.ProfilesPanel.JSProfilerPanel])(Ke),loadActionDelegate:async()=>(await Ge()).ProfilesPanel.JSProfilerPanel.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.PERFORMANCE,storageType:i.Settings.SettingStorageType.Synced,title:je(We.hideChromeFrameInLayersView),settingName:"frameViewerHideChromeWindow",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1}),i.Linkifier.registerLinkifier({contextTypes:()=>Ye((e=>[e.CLSLinkifier.CLSRect])),loadLinkifier:async()=>(await qe()).CLSLinkifier.Linkifier.instance()}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.TIMELINE_MENU_OPEN,actionId:"timeline.load-from-file",order:10}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.TIMELINE_MENU_OPEN,actionId:"timeline.save-to-file",order:15});const Je={webaudio:"WebAudio",audio:"audio",showWebaudio:"Show WebAudio"},Xe=e.i18n.registerUIStrings("panels/web_audio/web_audio-meta.ts",Je),Qe=e.i18n.getLazilyComputedLocalizedString.bind(void 0,Xe);let Ze;t.ViewManager.registerViewExtension({location:"drawer-view",id:"web-audio",title:Qe(Je.webaudio),commandPrompt:Qe(Je.showWebaudio),persistence:"closeable",order:100,loadView:async()=>(await async function(){return Ze||(Ze=await import("../../panels/web_audio/web_audio.js")),Ze}()).WebAudioView.WebAudioView.instance(),tags:[Qe(Je.audio)]});const $e={webauthn:"WebAuthn",showWebauthn:"Show WebAuthn"},et=e.i18n.registerUIStrings("panels/webauthn/webauthn-meta.ts",$e),tt=e.i18n.getLazilyComputedLocalizedString.bind(void 0,et);let it;t.ViewManager.registerViewExtension({location:"drawer-view",id:"webauthn-pane",title:tt($e.webauthn),commandPrompt:tt($e.showWebauthn),order:100,persistence:"closeable",loadView:async()=>(await async function(){return it||(it=await import("../../panels/webauthn/webauthn.js")),it}()).WebauthnPane.WebauthnPaneImpl.instance(),experiment:o.Runtime.ExperimentName.WEBAUTHN_PANE});const ot={resetView:"Reset view",switchToPanMode:"Switch to pan mode",switchToRotateMode:"Switch to rotate mode",zoomIn:"Zoom in",zoomOut:"Zoom out",panOrRotateUp:"Pan or rotate up",panOrRotateDown:"Pan or rotate down",panOrRotateLeft:"Pan or rotate left",panOrRotateRight:"Pan or rotate right"},nt=e.i18n.registerUIStrings("panels/layer_viewer/layer_viewer-meta.ts",ot),at=e.i18n.getLazilyComputedLocalizedString.bind(void 0,nt);t.ActionRegistration.registerActionExtension({actionId:"layers.reset-view",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.resetView),bindings:[{shortcut:"0"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.pan-mode",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.switchToPanMode),bindings:[{shortcut:"x"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.rotate-mode",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.switchToRotateMode),bindings:[{shortcut:"v"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.zoom-in",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.zoomIn),bindings:[{shortcut:"Shift+Plus"},{shortcut:"NumpadPlus"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.zoom-out",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.zoomOut),bindings:[{shortcut:"Shift+Minus"},{shortcut:"NumpadMinus"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.up",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.panOrRotateUp),bindings:[{shortcut:"Up"},{shortcut:"w"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.down",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.panOrRotateDown),bindings:[{shortcut:"Down"},{shortcut:"s"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.left",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.panOrRotateLeft),bindings:[{shortcut:"Left"},{shortcut:"a"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.right",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.panOrRotateRight),bindings:[{shortcut:"Right"},{shortcut:"d"}]});const rt={recorder:"Recorder",showRecorder:"Show Recorder",startStopRecording:"Start/Stop recording",createRecording:"Create a new recording",replayRecording:"Replay recording",toggleCode:"Toggle code view"},st=e.i18n.registerUIStrings("panels/recorder/recorder-meta.ts",rt),ct=e.i18n.getLazilyComputedLocalizedString.bind(void 0,st);let lt;async function gt(){return lt||(lt=await import("../../panels/recorder/recorder.js")),lt}function dt(e,t){return void 0===lt?[]:t&&lt.RecorderPanel.RecorderPanel.instance().isActionPossible(t)?e(lt):[]}t.ViewManager.defaultOptionsForTabs.chrome_recorder=!0,t.ViewManager.registerViewExtension({location:"panel",id:"chrome_recorder",commandPrompt:ct(rt.showRecorder),title:ct(rt.recorder),order:90,persistence:"closeable",isPreviewFeature:!0,loadView:async()=>(await gt()).RecorderPanel.RecorderPanel.instance()}),t.ActionRegistration.registerActionExtension({category:"Recorder",actionId:"chrome_recorder.create-recording",title:ct(rt.createRecording),loadActionDelegate:async()=>(await gt()).RecorderPanel.ActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({category:"Recorder",actionId:"chrome_recorder.start-recording",title:ct(rt.startStopRecording),contextTypes:()=>dt((e=>[e.RecorderPanel.RecorderPanel]),"chrome_recorder.start-recording"),loadActionDelegate:async()=>(await gt()).RecorderPanel.ActionDelegate.instance(),bindings:[{shortcut:"Ctrl+E",platform:"windows,linux"},{shortcut:"Meta+E",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({category:"Recorder",actionId:"chrome_recorder.replay-recording",title:ct(rt.replayRecording),contextTypes:()=>dt((e=>[e.RecorderPanel.RecorderPanel]),"chrome_recorder.replay-recording"),loadActionDelegate:async()=>(await gt()).RecorderPanel.ActionDelegate.instance(),bindings:[{shortcut:"Ctrl+Enter",platform:"windows,linux"},{shortcut:"Meta+Enter",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({category:"Recorder",actionId:"chrome_recorder.toggle-code-view",title:ct(rt.toggleCode),contextTypes:()=>dt((e=>[e.RecorderPanel.RecorderPanel]),"chrome_recorder.toggle-code-view"),loadActionDelegate:async()=>(await gt()).RecorderPanel.ActionDelegate.instance(),bindings:[{shortcut:"Ctrl+B",platform:"windows,linux"},{shortcut:"Meta+B",platform:"mac"}]}),self.runtime=o.Runtime.Runtime.instance({forceNew:!0}),new c.MainImpl.MainImpl;
+import"../shell/shell.js";import*as e from"../../core/i18n/i18n.js";import*as t from"../../ui/legacy/legacy.js";import*as i from"../../core/common/common.js";import*as o from"../../core/root/root.js";import*as n from"../../core/sdk/sdk.js";import*as a from"../../models/workspace/workspace.js";import*as r from"../../panels/network/forward/forward.js";import*as s from"../../models/issues_manager/issues_manager.js";import*as c from"../main/main.js";const l={cssOverview:"CSS Overview",showCssOverview:"Show CSS Overview"},g=e.i18n.registerUIStrings("panels/css_overview/css_overview-meta.ts",l),d=e.i18n.getLazilyComputedLocalizedString.bind(void 0,g);let m;t.ViewManager.registerViewExtension({location:"panel",id:"cssoverview",commandPrompt:d(l.showCssOverview),title:d(l.cssOverview),order:95,persistence:"closeable",async loadView(){const e=await async function(){return m||(m=await import("../../panels/css_overview/css_overview.js")),m}();return new e.CSSOverviewPanel.CSSOverviewPanel(new e.CSSOverviewController.OverviewController)},isPreviewFeature:!0});const p={showElements:"Show Elements",elements:"Elements",showEventListeners:"Show Event Listeners",eventListeners:"Event Listeners",showProperties:"Show Properties",properties:"Properties",showStackTrace:"Show Stack Trace",stackTrace:"Stack Trace",showLayout:"Show Layout",layout:"Layout",hideElement:"Hide element",editAsHtml:"Edit as HTML",duplicateElement:"Duplicate element",undo:"Undo",redo:"Redo",captureAreaScreenshot:"Capture area screenshot",selectAnElementInThePageTo:"Select an element in the page to inspect it",wordWrap:"Word wrap",enableDomWordWrap:"Enable `DOM` word wrap",disableDomWordWrap:"Disable `DOM` word wrap",showHtmlComments:"Show `HTML` comments",hideHtmlComments:"Hide `HTML` comments",revealDomNodeOnHover:"Reveal `DOM` node on hover",showDetailedInspectTooltip:"Show detailed inspect tooltip",showCSSDocumentationTooltip:"Show CSS documentation tooltip",copyStyles:"Copy styles",showUserAgentShadowDOM:"Show user agent shadow `DOM`",showComputedStyles:"Show Computed Styles",showStyles:"Show Styles",toggleEyeDropper:"Toggle eye dropper"},w=e.i18n.registerUIStrings("panels/elements/elements-meta.ts",p),u=e.i18n.getLazilyComputedLocalizedString.bind(void 0,w);let y,S;async function h(){return y||(y=await import("../../panels/elements/elements.js")),y}function A(e){return void 0===y?[]:e(y)}t.ViewManager.registerViewExtension({location:"panel",id:"elements",commandPrompt:u(p.showElements),title:u(p.elements),order:10,persistence:"permanent",hasToolbar:!1,loadView:async()=>(await h()).ElementsPanel.ElementsPanel.instance()}),t.ActionRegistration.registerActionExtension({actionId:"elements.show-styles",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.showStyles),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({actionId:"elements.show-computed",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.showComputedStyles),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance()}),t.ViewManager.registerViewExtension({location:"elements-sidebar",id:"elements.eventListeners",commandPrompt:u(p.showEventListeners),title:u(p.eventListeners),order:5,hasToolbar:!0,persistence:"permanent",loadView:async()=>(await h()).EventListenersWidget.EventListenersWidget.instance()}),t.ViewManager.registerViewExtension({location:"elements-sidebar",id:"elements.domProperties",commandPrompt:u(p.showProperties),title:u(p.properties),order:7,persistence:"permanent",loadView:async()=>(await h()).PropertiesWidget.PropertiesWidget.instance()}),t.ViewManager.registerViewExtension({experiment:o.Runtime.ExperimentName.CAPTURE_NODE_CREATION_STACKS,location:"elements-sidebar",id:"elements.domCreation",commandPrompt:u(p.showStackTrace),title:u(p.stackTrace),order:10,persistence:"permanent",loadView:async()=>(await h()).NodeStackTraceWidget.NodeStackTraceWidget.instance()}),t.ViewManager.registerViewExtension({location:"elements-sidebar",id:"elements.layout",commandPrompt:u(p.showLayout),title:u(p.layout),order:4,persistence:"permanent",loadView:async()=>(await async function(){return S||(S=await import("../../panels/elements/components/components.js")),S}()).LayoutPane.LayoutPane.instance().wrapper}),t.ActionRegistration.registerActionExtension({actionId:"elements.hide-element",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.hideElement),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"H"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.toggle-eye-dropper",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.toggleEyeDropper),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ColorSwatchPopoverIcon.ColorSwatchPopoverIcon])),bindings:[{shortcut:"c"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.edit-as-html",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.editAsHtml),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"F2"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.duplicate-element",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.duplicateElement),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"Shift+Alt+Down"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.copy-styles",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.copyStyles),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"Ctrl+Alt+C",platform:"windows,linux"},{shortcut:"Meta+Alt+C",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.undo",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.undo),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"Ctrl+Z",platform:"windows,linux"},{shortcut:"Meta+Z",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.redo",category:t.ActionRegistration.ActionCategory.ELEMENTS,title:u(p.redo),loadActionDelegate:async()=>(await h()).ElementsPanel.ElementsActionDelegate.instance(),contextTypes:()=>A((e=>[e.ElementsPanel.ElementsPanel])),bindings:[{shortcut:"Ctrl+Y",platform:"windows,linux"},{shortcut:"Meta+Shift+Z",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"elements.capture-area-screenshot",loadActionDelegate:async()=>(await h()).InspectElementModeController.ToggleSearchActionDelegate.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,title:u(p.captureAreaScreenshot),category:t.ActionRegistration.ActionCategory.SCREENSHOT}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.ELEMENTS,actionId:"elements.toggle-element-search",toggleable:!0,loadActionDelegate:async()=>(await h()).InspectElementModeController.ToggleSearchActionDelegate.instance(),title:u(p.selectAnElementInThePageTo),iconClass:"select-element",bindings:[{shortcut:"Ctrl+Shift+C",platform:"windows,linux"},{shortcut:"Meta+Shift+C",platform:"mac"}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,order:1,title:u(p.showUserAgentShadowDOM),settingName:"showUAShadowDOM",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,order:2,title:u(p.wordWrap),settingName:"domWordWrap",settingType:i.Settings.SettingType.BOOLEAN,options:[{value:!0,title:u(p.enableDomWordWrap)},{value:!1,title:u(p.disableDomWordWrap)}],defaultValue:!0}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,order:3,title:u(p.showHtmlComments),settingName:"showHTMLComments",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!0,options:[{value:!0,title:u(p.showHtmlComments)},{value:!1,title:u(p.hideHtmlComments)}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,order:4,title:u(p.revealDomNodeOnHover),settingName:"highlightNodeOnHoverInOverlay",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!0}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,order:5,title:u(p.showDetailedInspectTooltip),settingName:"showDetailedInspectTooltip",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!0}),i.Settings.registerSettingExtension({settingName:"showEventListenersForAncestors",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!0}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ADORNER,storageType:i.Settings.SettingStorageType.Synced,settingName:"adornerSettings",settingType:i.Settings.SettingType.ARRAY,defaultValue:[]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.ELEMENTS,storageType:i.Settings.SettingStorageType.Synced,title:u(p.showCSSDocumentationTooltip),settingName:"showCSSPropertyDocumentationOnHover",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!0}),t.ContextMenu.registerProvider({contextTypes:()=>[n.RemoteObject.RemoteObject,n.DOMModel.DOMNode,n.DOMModel.DeferredDOMNode],loadProvider:async()=>(await h()).ElementsPanel.ContextMenuProvider.instance(),experiment:void 0}),t.ViewManager.registerLocationResolver({name:"elements-sidebar",category:t.ViewManager.ViewLocationCategory.ELEMENTS,loadResolver:async()=>(await h()).ElementsPanel.ElementsPanel.instance()}),i.Revealer.registerRevealer({contextTypes:()=>[n.DOMModel.DOMNode,n.DOMModel.DeferredDOMNode,n.RemoteObject.RemoteObject],destination:i.Revealer.RevealerDestination.ELEMENTS_PANEL,loadRevealer:async()=>(await h()).ElementsPanel.DOMNodeRevealer.instance()}),i.Revealer.registerRevealer({contextTypes:()=>[n.CSSProperty.CSSProperty],destination:i.Revealer.RevealerDestination.STYLES_SIDEBAR,loadRevealer:async()=>(await h()).ElementsPanel.CSSPropertyRevealer.instance()}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await h()).LayersWidget.ButtonProvider.instance(),order:1,location:t.Toolbar.ToolbarItemLocation.STYLES_SIDEBARPANE_TOOLBAR,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await h()).ElementStatePaneWidget.ButtonProvider.instance(),order:2,location:t.Toolbar.ToolbarItemLocation.STYLES_SIDEBARPANE_TOOLBAR,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await h()).ClassesPaneWidget.ButtonProvider.instance(),order:3,location:t.Toolbar.ToolbarItemLocation.STYLES_SIDEBARPANE_TOOLBAR,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await h()).StylesSidebarPane.ButtonProvider.instance(),order:100,location:t.Toolbar.ToolbarItemLocation.STYLES_SIDEBARPANE_TOOLBAR,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),t.Toolbar.registerToolbarItem({actionId:"elements.toggle-element-search",location:t.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_LEFT,order:0,showLabel:void 0,condition:void 0,separator:void 0,loadItem:void 0}),t.UIUtils.registerRenderer({contextTypes:()=>[n.DOMModel.DOMNode,n.DOMModel.DeferredDOMNode],loadRenderer:async()=>(await h()).ElementsTreeOutline.Renderer.instance()}),i.Linkifier.registerLinkifier({contextTypes:()=>[n.DOMModel.DOMNode,n.DOMModel.DeferredDOMNode],loadLinkifier:async()=>(await h()).DOMLinkifier.Linkifier.instance()});const E={showEventListenerBreakpoints:"Show Event Listener Breakpoints",eventListenerBreakpoints:"Event Listener Breakpoints",showCspViolationBreakpoints:"Show CSP Violation Breakpoints",cspViolationBreakpoints:"CSP Violation Breakpoints",showXhrfetchBreakpoints:"Show XHR/fetch Breakpoints",xhrfetchBreakpoints:"XHR/fetch Breakpoints",showDomBreakpoints:"Show DOM Breakpoints",domBreakpoints:"DOM Breakpoints",showGlobalListeners:"Show Global Listeners",globalListeners:"Global Listeners",page:"Page",showPage:"Show Page",overrides:"Overrides",showOverrides:"Show Overrides",contentScripts:"Content scripts",showContentScripts:"Show Content scripts"},R=e.i18n.registerUIStrings("panels/browser_debugger/browser_debugger-meta.ts",E),v=e.i18n.getLazilyComputedLocalizedString.bind(void 0,R);let T,P;async function C(){return T||(T=await import("../../panels/browser_debugger/browser_debugger.js")),T}async function b(){return P||(P=await import("../../panels/sources/sources.js")),P}t.ViewManager.registerViewExtension({loadView:async()=>(await C()).EventListenerBreakpointsSidebarPane.EventListenerBreakpointsSidebarPane.instance(),id:"sources.eventListenerBreakpoints",location:"sources.sidebar-bottom",commandPrompt:v(E.showEventListenerBreakpoints),title:v(E.eventListenerBreakpoints),order:9,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await C()).CSPViolationBreakpointsSidebarPane.CSPViolationBreakpointsSidebarPane.instance(),id:"sources.cspViolationBreakpoints",location:"sources.sidebar-bottom",commandPrompt:v(E.showCspViolationBreakpoints),title:v(E.cspViolationBreakpoints),order:10,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await C()).XHRBreakpointsSidebarPane.XHRBreakpointsSidebarPane.instance(),id:"sources.xhrBreakpoints",location:"sources.sidebar-bottom",commandPrompt:v(E.showXhrfetchBreakpoints),title:v(E.xhrfetchBreakpoints),order:5,persistence:"permanent",hasToolbar:!0}),t.ViewManager.registerViewExtension({loadView:async()=>(await C()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"sources.domBreakpoints",location:"sources.sidebar-bottom",commandPrompt:v(E.showDomBreakpoints),title:v(E.domBreakpoints),order:7,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await C()).ObjectEventListenersSidebarPane.ObjectEventListenersSidebarPane.instance(),id:"sources.globalListeners",location:"sources.sidebar-bottom",commandPrompt:v(E.showGlobalListeners),title:v(E.globalListeners),order:8,persistence:"permanent",hasToolbar:!0}),t.ViewManager.registerViewExtension({loadView:async()=>(await C()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"elements.domBreakpoints",location:"elements-sidebar",commandPrompt:v(E.showDomBreakpoints),title:v(E.domBreakpoints),order:6,persistence:"permanent"}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-network",title:v(E.page),commandPrompt:v(E.showPage),order:2,persistence:"permanent",loadView:async()=>(await b()).SourcesNavigator.NetworkNavigatorView.instance()}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-overrides",title:v(E.overrides),commandPrompt:v(E.showOverrides),order:4,persistence:"permanent",loadView:async()=>(await b()).SourcesNavigator.OverridesNavigatorView.instance()}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-contentScripts",title:v(E.contentScripts),commandPrompt:v(E.showContentScripts),order:5,persistence:"permanent",loadView:async()=>(await b()).SourcesNavigator.ContentScriptsNavigatorView.instance()}),t.ContextMenu.registerProvider({contextTypes:()=>[n.DOMModel.DOMNode],loadProvider:async()=>(await C()).DOMBreakpointsSidebarPane.ContextMenuProvider.instance(),experiment:void 0}),t.Context.registerListener({contextTypes:()=>[n.DebuggerModel.DebuggerPausedDetails],loadListener:async()=>(await C()).XHRBreakpointsSidebarPane.XHRBreakpointsSidebarPane.instance()}),t.Context.registerListener({contextTypes:()=>[n.DebuggerModel.DebuggerPausedDetails],loadListener:async()=>(await C()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance()});const f={showNetwork:"Show Network",network:"Network",showNetworkRequestBlocking:"Show Network request blocking",networkRequestBlocking:"Network request blocking",showNetworkConditions:"Show Network conditions",networkConditions:"Network conditions",diskCache:"disk cache",networkThrottling:"network throttling",showSearch:"Show Search",search:"Search",recordNetworkLog:"Record network log",stopRecordingNetworkLog:"Stop recording network log",hideRequestDetails:"Hide request details",colorcodeResourceTypes:"Color-code resource types",colorCode:"color code",resourceType:"resource type",colorCodeByResourceType:"Color code by resource type",useDefaultColors:"Use default colors",groupNetworkLogByFrame:"Group network log by frame",netWork:"network",frame:"frame",group:"group",groupNetworkLogItemsByFrame:"Group network log items by frame",dontGroupNetworkLogItemsByFrame:"Don't group network log items by frame",clear:"Clear network log"},L=e.i18n.registerUIStrings("panels/network/network-meta.ts",f),N=e.i18n.getLazilyComputedLocalizedString.bind(void 0,L);let I;async function M(){return I||(I=await import("../../panels/network/network.js")),I}function D(e){return void 0===I?[]:e(I)}t.ViewManager.registerViewExtension({location:"panel",id:"network",commandPrompt:N(f.showNetwork),title:N(f.network),order:40,condition:o.Runtime.ConditionName.REACT_NATIVE_UNSTABLE_NETWORK_PANEL,loadView:async()=>(await M()).NetworkPanel.NetworkPanel.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"network.blocked-urls",commandPrompt:N(f.showNetworkRequestBlocking),title:N(f.networkRequestBlocking),persistence:"closeable",order:60,loadView:async()=>(await M()).BlockedURLsPane.BlockedURLsPane.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"network.config",commandPrompt:N(f.showNetworkConditions),title:N(f.networkConditions),persistence:"closeable",order:40,tags:[N(f.diskCache),N(f.networkThrottling),e.i18n.lockedLazyString("useragent"),e.i18n.lockedLazyString("user agent"),e.i18n.lockedLazyString("user-agent")],loadView:async()=>(await M()).NetworkConfigView.NetworkConfigView.instance()}),t.ViewManager.registerViewExtension({location:"network-sidebar",id:"network.search-network-tab",commandPrompt:N(f.showSearch),title:N(f.search),persistence:"permanent",loadView:async()=>(await M()).NetworkPanel.SearchNetworkView.instance()}),t.ActionRegistration.registerActionExtension({actionId:"network.toggle-recording",category:t.ActionRegistration.ActionCategory.NETWORK,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>D((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await M()).NetworkPanel.ActionDelegate.instance(),options:[{value:!0,title:N(f.recordNetworkLog)},{value:!1,title:N(f.stopRecordingNetworkLog)}],bindings:[{shortcut:"Ctrl+E",platform:"windows,linux"},{shortcut:"Meta+E",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.clear",category:t.ActionRegistration.ActionCategory.NETWORK,title:N(f.clear),iconClass:"clear",loadActionDelegate:async()=>(await M()).NetworkPanel.ActionDelegate.instance(),contextTypes:()=>D((e=>[e.NetworkPanel.NetworkPanel])),bindings:[{shortcut:"Ctrl+L"},{shortcut:"Meta+K",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.hide-request-details",category:t.ActionRegistration.ActionCategory.NETWORK,title:N(f.hideRequestDetails),contextTypes:()=>D((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await M()).NetworkPanel.ActionDelegate.instance(),bindings:[{shortcut:"Esc"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.search",category:t.ActionRegistration.ActionCategory.NETWORK,title:N(f.search),contextTypes:()=>D((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await M()).NetworkPanel.ActionDelegate.instance(),bindings:[{platform:"mac",shortcut:"Meta+F",keybindSets:["devToolsDefault","vsCode"]},{platform:"windows,linux",shortcut:"Ctrl+F",keybindSets:["devToolsDefault","vsCode"]}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.NETWORK,storageType:i.Settings.SettingStorageType.Synced,title:N(f.colorcodeResourceTypes),settingName:"networkColorCodeResourceTypes",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[N(f.colorCode),N(f.resourceType)],options:[{value:!0,title:N(f.colorCodeByResourceType)},{value:!1,title:N(f.useDefaultColors)}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.NETWORK,storageType:i.Settings.SettingStorageType.Synced,title:N(f.groupNetworkLogByFrame),settingName:"network.group-by-frame",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[N(f.netWork),N(f.frame),N(f.group)],options:[{value:!0,title:N(f.groupNetworkLogItemsByFrame)},{value:!1,title:N(f.dontGroupNetworkLogItemsByFrame)}]}),t.ViewManager.registerLocationResolver({name:"network-sidebar",category:t.ViewManager.ViewLocationCategory.NETWORK,loadResolver:async()=>(await M()).NetworkPanel.NetworkPanel.instance()}),t.ContextMenu.registerProvider({contextTypes:()=>[n.NetworkRequest.NetworkRequest,n.Resource.Resource,a.UISourceCode.UISourceCode],loadProvider:async()=>(await M()).NetworkPanel.ContextMenuProvider.instance(),experiment:void 0}),i.Revealer.registerRevealer({contextTypes:()=>[n.NetworkRequest.NetworkRequest],destination:i.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await M()).NetworkPanel.RequestRevealer.instance()}),i.Revealer.registerRevealer({contextTypes:()=>[r.UIRequestLocation.UIRequestLocation],loadRevealer:async()=>(await M()).NetworkPanel.RequestLocationRevealer.instance(),destination:void 0}),i.Revealer.registerRevealer({contextTypes:()=>[r.NetworkRequestId.NetworkRequestId],destination:i.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await M()).NetworkPanel.RequestIdRevealer.instance()}),i.Revealer.registerRevealer({contextTypes:()=>[r.UIFilter.UIRequestFilter],destination:i.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await M()).NetworkPanel.NetworkLogWithFilterRevealer.instance()});const x={security:"Security",showSecurity:"Show Security"},k=e.i18n.registerUIStrings("panels/security/security-meta.ts",x),V=e.i18n.getLazilyComputedLocalizedString.bind(void 0,k);let O;t.ViewManager.registerViewExtension({location:"panel",id:"security",title:V(x.security),commandPrompt:V(x.showSecurity),order:80,persistence:"closeable",loadView:async()=>(await async function(){return O||(O=await import("../../panels/security/security.js")),O}()).SecurityPanel.SecurityPanel.instance()});const B={toggleDeviceToolbar:"Toggle device toolbar",captureScreenshot:"Capture screenshot",captureFullSizeScreenshot:"Capture full size screenshot",captureNodeScreenshot:"Capture node screenshot",showMediaQueries:"Show media queries",device:"device",hideMediaQueries:"Hide media queries",showRulers:"Show rulers in the Device Mode toolbar",hideRulers:"Hide rulers in the Device Mode toolbar",showDeviceFrame:"Show device frame",hideDeviceFrame:"Hide device frame"},_=e.i18n.registerUIStrings("panels/emulation/emulation-meta.ts",B),U=e.i18n.getLazilyComputedLocalizedString.bind(void 0,_);let z;async function W(){return z||(z=await import("../../panels/emulation/emulation.js")),z}t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.MOBILE,actionId:"emulation.toggle-device-mode",toggleable:!0,loadActionDelegate:async()=>(await W()).DeviceModeWrapper.ActionDelegate.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,title:U(B.toggleDeviceToolbar),iconClass:"devices",bindings:[{platform:"windows,linux",shortcut:"Shift+Ctrl+M"},{platform:"mac",shortcut:"Shift+Meta+M"}]}),t.ActionRegistration.registerActionExtension({actionId:"emulation.capture-screenshot",category:t.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await W()).DeviceModeWrapper.ActionDelegate.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,title:U(B.captureScreenshot)}),t.ActionRegistration.registerActionExtension({actionId:"emulation.capture-full-height-screenshot",category:t.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await W()).DeviceModeWrapper.ActionDelegate.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,title:U(B.captureFullSizeScreenshot)}),t.ActionRegistration.registerActionExtension({actionId:"emulation.capture-node-screenshot",category:t.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await W()).DeviceModeWrapper.ActionDelegate.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,title:U(B.captureNodeScreenshot)}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.MOBILE,settingName:"showMediaQueryInspector",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:U(B.showMediaQueries)},{value:!1,title:U(B.hideMediaQueries)}],tags:[U(B.device)]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.MOBILE,settingName:"emulation.showRulers",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:U(B.showRulers)},{value:!1,title:U(B.hideRulers)}],tags:[U(B.device)]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.MOBILE,settingName:"emulation.showDeviceOutline",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:U(B.showDeviceFrame)},{value:!1,title:U(B.hideDeviceFrame)}],tags:[U(B.device)]}),t.Toolbar.registerToolbarItem({actionId:"emulation.toggle-device-mode",condition:o.Runtime.ConditionName.CAN_DOCK,location:t.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_LEFT,order:1,showLabel:void 0,loadItem:void 0,separator:void 0}),i.AppProvider.registerAppProvider({loadAppProvider:async()=>(await W()).AdvancedApp.AdvancedAppProvider.instance(),condition:o.Runtime.ConditionName.CAN_DOCK,order:0}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.DEVICE_MODE_MENU_SAVE,order:12,actionId:"emulation.capture-screenshot"}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.DEVICE_MODE_MENU_SAVE,order:13,actionId:"emulation.capture-full-height-screenshot"});const F={sensors:"Sensors",geolocation:"geolocation",timezones:"timezones",locale:"locale",locales:"locales",accelerometer:"accelerometer",deviceOrientation:"device orientation",locations:"Locations",touch:"Touch",devicebased:"Device-based",forceEnabled:"Force enabled",emulateIdleDetectorState:"Emulate Idle Detector state",noIdleEmulation:"No idle emulation",userActiveScreenUnlocked:"User active, screen unlocked",userActiveScreenLocked:"User active, screen locked",userIdleScreenUnlocked:"User idle, screen unlocked",userIdleScreenLocked:"User idle, screen locked",showSensors:"Show Sensors",showLocations:"Show Locations"},j=e.i18n.registerUIStrings("panels/sensors/sensors-meta.ts",F),H=e.i18n.getLazilyComputedLocalizedString.bind(void 0,j);let K,q;async function G(){return K||(K=await import("../../panels/sensors/sensors.js")),K}t.ViewManager.registerViewExtension({location:"drawer-view",commandPrompt:H(F.showSensors),title:H(F.sensors),id:"sensors",persistence:"closeable",order:100,loadView:async()=>(await G()).SensorsView.SensorsView.instance(),tags:[H(F.geolocation),H(F.timezones),H(F.locale),H(F.locales),H(F.accelerometer),H(F.deviceOrientation)]}),t.ViewManager.registerViewExtension({location:"settings-view",id:"emulation-locations",commandPrompt:H(F.showLocations),title:H(F.locations),order:40,loadView:async()=>(await G()).LocationsSettingsTab.LocationsSettingsTab.instance(),settings:["emulation.locations"]}),i.Settings.registerSettingExtension({storageType:i.Settings.SettingStorageType.Synced,settingName:"emulation.locations",settingType:i.Settings.SettingType.ARRAY,defaultValue:[{title:"Berlin",lat:52.520007,long:13.404954,timezoneId:"Europe/Berlin",locale:"de-DE"},{title:"London",lat:51.507351,long:-.127758,timezoneId:"Europe/London",locale:"en-GB"},{title:"Moscow",lat:55.755826,long:37.6173,timezoneId:"Europe/Moscow",locale:"ru-RU"},{title:"Mountain View",lat:37.386052,long:-122.083851,timezoneId:"America/Los_Angeles",locale:"en-US"},{title:"Mumbai",lat:19.075984,long:72.877656,timezoneId:"Asia/Kolkata",locale:"mr-IN"},{title:"San Francisco",lat:37.774929,long:-122.419416,timezoneId:"America/Los_Angeles",locale:"en-US"},{title:"Shanghai",lat:31.230416,long:121.473701,timezoneId:"Asia/Shanghai",locale:"zh-Hans-CN"},{title:"São Paulo",lat:-23.55052,long:-46.633309,timezoneId:"America/Sao_Paulo",locale:"pt-BR"},{title:"Tokyo",lat:35.689487,long:139.691706,timezoneId:"Asia/Tokyo",locale:"ja-JP"}]}),i.Settings.registerSettingExtension({title:H(F.touch),reloadRequired:!0,settingName:"emulation.touch",settingType:i.Settings.SettingType.ENUM,defaultValue:"none",options:[{value:"none",title:H(F.devicebased),text:H(F.devicebased)},{value:"force",title:H(F.forceEnabled),text:H(F.forceEnabled)}]}),i.Settings.registerSettingExtension({title:H(F.emulateIdleDetectorState),settingName:"emulation.idleDetection",settingType:i.Settings.SettingType.ENUM,defaultValue:"none",options:[{value:"none",title:H(F.noIdleEmulation),text:H(F.noIdleEmulation)},{value:'{"isUserActive":true,"isScreenUnlocked":true}',title:H(F.userActiveScreenUnlocked),text:H(F.userActiveScreenUnlocked)},{value:'{"isUserActive":true,"isScreenUnlocked":false}',title:H(F.userActiveScreenLocked),text:H(F.userActiveScreenLocked)},{value:'{"isUserActive":false,"isScreenUnlocked":true}',title:H(F.userIdleScreenUnlocked),text:H(F.userIdleScreenUnlocked)},{value:'{"isUserActive":false,"isScreenUnlocked":false}',title:H(F.userIdleScreenLocked),text:H(F.userIdleScreenLocked)}]});const Y={accessibility:"Accessibility",shoAccessibility:"Show Accessibility"},J=e.i18n.registerUIStrings("panels/accessibility/accessibility-meta.ts",Y),X=e.i18n.getLazilyComputedLocalizedString.bind(void 0,J);let Q;t.ViewManager.registerViewExtension({location:"elements-sidebar",id:"accessibility.view",title:X(Y.accessibility),commandPrompt:X(Y.shoAccessibility),order:10,persistence:"permanent",loadView:async()=>(await async function(){return q||(q=await import("../../panels/accessibility/accessibility.js")),q}()).AccessibilitySidebarView.AccessibilitySidebarView.instance()});const Z={animations:"Animations",showAnimations:"Show Animations"},$=e.i18n.registerUIStrings("panels/animation/animation-meta.ts",Z),ee=e.i18n.getLazilyComputedLocalizedString.bind(void 0,$);t.ViewManager.registerViewExtension({location:"drawer-view",id:"animations",title:ee(Z.animations),commandPrompt:ee(Z.showAnimations),persistence:"closeable",order:0,loadView:async()=>(await async function(){return Q||(Q=await import("../../panels/animation/animation.js")),Q}()).AnimationTimeline.AnimationTimeline.instance()});const te={developerResources:"Developer Resources",showDeveloperResources:"Show Developer Resources"},ie=e.i18n.registerUIStrings("panels/developer_resources/developer_resources-meta.ts",te),oe=e.i18n.getLazilyComputedLocalizedString.bind(void 0,ie);let ne;t.ViewManager.registerViewExtension({location:"drawer-view",id:"resource-loading-pane",title:oe(te.developerResources),commandPrompt:oe(te.showDeveloperResources),order:100,persistence:"closeable",experiment:o.Runtime.ExperimentName.DEVELOPER_RESOURCES_VIEW,loadView:async()=>new((await async function(){return ne||(ne=await import("../../panels/developer_resources/developer_resources.js")),ne}()).DeveloperResourcesView.DeveloperResourcesView)});const ae={rendering:"Rendering",showRendering:"Show Rendering",paint:"paint",layout:"layout",fps:"fps",cssMediaType:"CSS media type",cssMediaFeature:"CSS media feature",visionDeficiency:"vision deficiency",colorVisionDeficiency:"color vision deficiency",reloadPage:"Reload page",hardReloadPage:"Hard reload page",forceAdBlocking:"Force ad blocking on this site",blockAds:"Block ads on this site",showAds:"Show ads on this site, if allowed",autoOpenDevTools:"Auto-open DevTools for popups",doNotAutoOpen:"Do not auto-open DevTools for popups",disablePaused:"Disable paused state overlay",toggleCssPrefersColorSchemeMedia:"Toggle CSS media feature prefers-color-scheme"},re=e.i18n.registerUIStrings("entrypoints/inspector_main/inspector_main-meta.ts",ae),se=e.i18n.getLazilyComputedLocalizedString.bind(void 0,re);let ce;async function le(){return ce||(ce=await import("../inspector_main/inspector_main.js")),ce}t.ViewManager.registerViewExtension({location:"drawer-view",id:"rendering",title:se(ae.rendering),commandPrompt:se(ae.showRendering),persistence:"closeable",order:50,loadView:async()=>(await le()).RenderingOptions.RenderingOptionsView.instance(),tags:[se(ae.paint),se(ae.layout),se(ae.fps),se(ae.cssMediaType),se(ae.cssMediaFeature),se(ae.visionDeficiency),se(ae.colorVisionDeficiency)]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.NAVIGATION,actionId:"inspector_main.reload",loadActionDelegate:async()=>(await le()).InspectorMain.ReloadActionDelegate.instance(),iconClass:"refresh",title:se(ae.reloadPage),bindings:[{platform:"windows,linux",shortcut:"Ctrl+R"},{platform:"windows,linux",shortcut:"F5"},{platform:"mac",shortcut:"Meta+R"}]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.NAVIGATION,actionId:"inspector_main.hard-reload",loadActionDelegate:async()=>(await le()).InspectorMain.ReloadActionDelegate.instance(),title:se(ae.hardReloadPage),bindings:[{platform:"windows,linux",shortcut:"Shift+Ctrl+R"},{platform:"windows,linux",shortcut:"Shift+F5"},{platform:"windows,linux",shortcut:"Ctrl+F5"},{platform:"windows,linux",shortcut:"Ctrl+Shift+F5"},{platform:"mac",shortcut:"Shift+Meta+R"}]}),t.ActionRegistration.registerActionExtension({actionId:"rendering.toggle-prefers-color-scheme",category:t.ActionRegistration.ActionCategory.RENDERING,title:se(ae.toggleCssPrefersColorSchemeMedia),loadActionDelegate:async()=>(await le()).RenderingOptions.ReloadActionDelegate.instance()}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.NETWORK,title:se(ae.forceAdBlocking),settingName:"network.adBlockingEnabled",settingType:i.Settings.SettingType.BOOLEAN,storageType:i.Settings.SettingStorageType.Session,defaultValue:!1,options:[{value:!0,title:se(ae.blockAds)},{value:!1,title:se(ae.showAds)}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.GLOBAL,storageType:i.Settings.SettingStorageType.Synced,title:se(ae.autoOpenDevTools),settingName:"autoAttachToCreatedPages",settingType:i.Settings.SettingType.BOOLEAN,order:2,defaultValue:!1,options:[{value:!0,title:se(ae.autoOpenDevTools)},{value:!1,title:se(ae.doNotAutoOpen)}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.APPEARANCE,storageType:i.Settings.SettingStorageType.Synced,title:se(ae.disablePaused),settingName:"disablePausedStateOverlay",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await le()).InspectorMain.NodeIndicator.instance(),order:2,location:t.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_LEFT,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),t.Toolbar.registerToolbarItem({loadItem:async()=>(await le()).OutermostTargetSelector.OutermostTargetSelector.instance(),order:98,location:t.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_RIGHT,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0,experiment:o.Runtime.ExperimentName.OUTERMOST_TARGET_SELECTOR});const ge={application:"Application",showApplication:"Show Application",pwa:"pwa",clearSiteData:"Clear site data",clearSiteDataIncludingThirdparty:"Clear site data (including third-party cookies)",startRecordingEvents:"Start recording events",stopRecordingEvents:"Stop recording events"},de=e.i18n.registerUIStrings("panels/application/application-meta.ts",ge),me=e.i18n.getLazilyComputedLocalizedString.bind(void 0,de);let pe;async function we(){return pe||(pe=await import("../../panels/application/application.js")),pe}t.ViewManager.registerViewExtension({location:"panel",id:"resources",title:me(ge.application),commandPrompt:me(ge.showApplication),order:70,loadView:async()=>(await we()).ResourcesPanel.ResourcesPanel.instance(),tags:[me(ge.pwa)]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.RESOURCES,actionId:"resources.clear",title:me(ge.clearSiteData),loadActionDelegate:async()=>(await we()).StorageView.ActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.RESOURCES,actionId:"resources.clear-incl-third-party-cookies",title:me(ge.clearSiteDataIncludingThirdparty),loadActionDelegate:async()=>(await we()).StorageView.ActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({actionId:"background-service.toggle-recording",iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===pe?[]:(e=>[e.BackgroundServiceView.BackgroundServiceView])(pe),loadActionDelegate:async()=>(await we()).BackgroundServiceView.ActionDelegate.instance(),category:t.ActionRegistration.ActionCategory.BACKGROUND_SERVICES,options:[{value:!0,title:me(ge.startRecordingEvents)},{value:!1,title:me(ge.stopRecordingEvents)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.Revealer.registerRevealer({contextTypes:()=>[n.Resource.Resource],destination:i.Revealer.RevealerDestination.APPLICATION_PANEL,loadRevealer:async()=>(await we()).ResourcesPanel.ResourceRevealer.instance()}),i.Revealer.registerRevealer({contextTypes:()=>[n.ResourceTreeModel.ResourceTreeFrame],destination:i.Revealer.RevealerDestination.APPLICATION_PANEL,loadRevealer:async()=>(await we()).ResourcesPanel.FrameDetailsRevealer.instance()});const ue={issues:"Issues",showIssues:"Show Issues",cspViolations:"CSP Violations",showCspViolations:"Show CSP Violations"},ye=e.i18n.registerUIStrings("panels/issues/issues-meta.ts",ue),Se=e.i18n.getLazilyComputedLocalizedString.bind(void 0,ye);let he;async function Ae(){return he||(he=await import("../../panels/issues/issues.js")),he}t.ViewManager.registerViewExtension({location:"drawer-view",id:"issues-pane",title:Se(ue.issues),commandPrompt:Se(ue.showIssues),order:100,persistence:"closeable",loadView:async()=>(await Ae()).IssuesPane.IssuesPane.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"csp-violations-pane",title:Se(ue.cspViolations),commandPrompt:Se(ue.showCspViolations),order:100,persistence:"closeable",loadView:async()=>(await Ae()).CSPViolationsView.CSPViolationsView.instance(),experiment:o.Runtime.ExperimentName.CSP_VIOLATIONS_VIEW}),i.Revealer.registerRevealer({contextTypes:()=>[s.Issue.Issue],destination:i.Revealer.RevealerDestination.ISSUES_VIEW,loadRevealer:async()=>(await Ae()).IssueRevealer.IssueRevealer.instance()});const Ee={layers:"Layers",showLayers:"Show Layers"},Re=e.i18n.registerUIStrings("panels/layers/layers-meta.ts",Ee),ve=e.i18n.getLazilyComputedLocalizedString.bind(void 0,Re);let Te;t.ViewManager.registerViewExtension({location:"panel",id:"layers",title:ve(Ee.layers),commandPrompt:ve(Ee.showLayers),order:100,persistence:"closeable",loadView:async()=>(await async function(){return Te||(Te=await import("../../panels/layers/layers.js")),Te}()).LayersPanel.LayersPanel.instance()});const Pe={showLighthouse:"Show `Lighthouse`"},Ce=e.i18n.registerUIStrings("panels/lighthouse/lighthouse-meta.ts",Pe),be=e.i18n.getLazilyComputedLocalizedString.bind(void 0,Ce);let fe;t.ViewManager.registerViewExtension({location:"panel",id:"lighthouse",title:e.i18n.lockedLazyString("Lighthouse"),commandPrompt:be(Pe.showLighthouse),order:90,loadView:async()=>(await async function(){return fe||(fe=await import("../../panels/lighthouse/lighthouse.js")),fe}()).LighthousePanel.LighthousePanel.instance(),tags:[e.i18n.lockedLazyString("lighthouse"),e.i18n.lockedLazyString("pwa")]});const Le={media:"Media",video:"video",showMedia:"Show Media"},Ne=e.i18n.registerUIStrings("panels/media/media-meta.ts",Le),Ie=e.i18n.getLazilyComputedLocalizedString.bind(void 0,Ne);let Me;t.ViewManager.registerViewExtension({location:"panel",id:"medias",title:Ie(Le.media),commandPrompt:Ie(Le.showMedia),persistence:"closeable",order:100,loadView:async()=>(await async function(){return Me||(Me=await import("../../panels/media/media.js")),Me}()).MainView.MainView.instance(),tags:[Ie(Le.media),Ie(Le.video)]});const De={throttling:"Throttling",showThrottling:"Show Throttling",goOffline:"Go offline",device:"device",throttlingTag:"throttling",enableSlowGThrottling:"Enable slow `3G` throttling",enableFastGThrottling:"Enable fast `3G` throttling",goOnline:"Go online"},xe=e.i18n.registerUIStrings("panels/mobile_throttling/mobile_throttling-meta.ts",De),ke=e.i18n.getLazilyComputedLocalizedString.bind(void 0,xe);let Ve;async function Oe(){return Ve||(Ve=await import("../../panels/mobile_throttling/mobile_throttling.js")),Ve}t.ViewManager.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:ke(De.throttling),commandPrompt:ke(De.showThrottling),order:35,loadView:async()=>(await Oe()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-offline",category:t.ActionRegistration.ActionCategory.NETWORK,title:ke(De.goOffline),loadActionDelegate:async()=>(await Oe()).ThrottlingManager.ActionDelegate.instance(),tags:[ke(De.device),ke(De.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-low-end-mobile",category:t.ActionRegistration.ActionCategory.NETWORK,title:ke(De.enableSlowGThrottling),loadActionDelegate:async()=>(await Oe()).ThrottlingManager.ActionDelegate.instance(),tags:[ke(De.device),ke(De.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-mid-tier-mobile",category:t.ActionRegistration.ActionCategory.NETWORK,title:ke(De.enableFastGThrottling),loadActionDelegate:async()=>(await Oe()).ThrottlingManager.ActionDelegate.instance(),tags:[ke(De.device),ke(De.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-online",category:t.ActionRegistration.ActionCategory.NETWORK,title:ke(De.goOnline),loadActionDelegate:async()=>(await Oe()).ThrottlingManager.ActionDelegate.instance(),tags:[ke(De.device),ke(De.throttlingTag)]}),i.Settings.registerSettingExtension({storageType:i.Settings.SettingStorageType.Synced,settingName:"customNetworkConditions",settingType:i.Settings.SettingType.ARRAY,defaultValue:[]});const Be={performanceMonitor:"Performance monitor",performance:"performance",systemMonitor:"system monitor",monitor:"monitor",activity:"activity",metrics:"metrics",showPerformanceMonitor:"Show Performance monitor"},_e=e.i18n.registerUIStrings("panels/performance_monitor/performance_monitor-meta.ts",Be),Ue=e.i18n.getLazilyComputedLocalizedString.bind(void 0,_e);let ze;t.ViewManager.registerViewExtension({location:"drawer-view",id:"performance.monitor",title:Ue(Be.performanceMonitor),commandPrompt:Ue(Be.showPerformanceMonitor),persistence:"closeable",order:100,loadView:async()=>(await async function(){return ze||(ze=await import("../../panels/performance_monitor/performance_monitor.js")),ze}()).PerformanceMonitor.PerformanceMonitorImpl.instance(),tags:[Ue(Be.performance),Ue(Be.systemMonitor),Ue(Be.monitor),Ue(Be.activity),Ue(Be.metrics)]});const We={performance:"Performance",showPerformance:"Show Performance",javascriptProfiler:"JavaScript Profiler",showJavascriptProfiler:"Show JavaScript Profiler",record:"Record",stop:"Stop",startProfilingAndReloadPage:"Start profiling and reload page",saveProfile:"Save profile…",loadProfile:"Load profile…",previousFrame:"Previous frame",nextFrame:"Next frame",showRecentTimelineSessions:"Show recent timeline sessions",previousRecording:"Previous recording",nextRecording:"Next recording",hideChromeFrameInLayersView:"Hide `chrome` frame in Layers view",startStopRecording:"Start/stop recording"},Fe=e.i18n.registerUIStrings("panels/timeline/timeline-meta.ts",We),je=e.i18n.getLazilyComputedLocalizedString.bind(void 0,Fe);let He,Ke;async function qe(){return He||(He=await import("../../panels/timeline/timeline.js")),He}async function Ge(){return Ke||(Ke=await import("../../panels/profiler/profiler.js")),Ke}function Ye(e){return void 0===He?[]:e(He)}t.ViewManager.registerViewExtension({location:"panel",id:"timeline",title:je(We.performance),commandPrompt:je(We.showPerformance),order:50,loadView:async()=>(await qe()).TimelinePanel.TimelinePanel.instance()}),t.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:je(We.javascriptProfiler),commandPrompt:je(We.showJavascriptProfiler),persistence:"closeable",order:65,experiment:o.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await Ge()).ProfilesPanel.JSProfilerPanel.instance()}),t.ActionRegistration.registerActionExtension({actionId:"timeline.toggle-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:je(We.record)},{value:!1,title:je(We.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:je(We.startProfilingAndReloadPage),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.PERFORMANCE,actionId:"timeline.save-to-file",contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),title:je(We.saveProfile),bindings:[{platform:"windows,linux",shortcut:"Ctrl+S"},{platform:"mac",shortcut:"Meta+S"}]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.PERFORMANCE,actionId:"timeline.load-from-file",contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),title:je(We.loadProfile),bindings:[{platform:"windows,linux",shortcut:"Ctrl+O"},{platform:"mac",shortcut:"Meta+O"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.jump-to-previous-frame",category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:je(We.previousFrame),contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),bindings:[{shortcut:"["}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.jump-to-next-frame",category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:je(We.nextFrame),contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),bindings:[{shortcut:"]"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.show-history",loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:je(We.showRecentTimelineSessions),contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Ctrl+H"},{platform:"mac",shortcut:"Meta+Y"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.previous-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),title:je(We.previousRecording),contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Alt+Left"},{platform:"mac",shortcut:"Meta+Left"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.next-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,loadActionDelegate:async()=>(await qe()).TimelinePanel.ActionDelegate.instance(),title:je(We.nextRecording),contextTypes:()=>Ye((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Alt+Right"},{platform:"mac",shortcut:"Meta+Right"}]}),t.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:t.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:je(We.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===Ke?[]:(e=>[e.ProfilesPanel.JSProfilerPanel])(Ke),loadActionDelegate:async()=>(await Ge()).ProfilesPanel.JSProfilerPanel.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.Settings.registerSettingExtension({category:i.Settings.SettingCategory.PERFORMANCE,storageType:i.Settings.SettingStorageType.Synced,title:je(We.hideChromeFrameInLayersView),settingName:"frameViewerHideChromeWindow",settingType:i.Settings.SettingType.BOOLEAN,defaultValue:!1}),i.Linkifier.registerLinkifier({contextTypes:()=>Ye((e=>[e.CLSLinkifier.CLSRect])),loadLinkifier:async()=>(await qe()).CLSLinkifier.Linkifier.instance()}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.TIMELINE_MENU_OPEN,actionId:"timeline.load-from-file",order:10}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.TIMELINE_MENU_OPEN,actionId:"timeline.save-to-file",order:15});const Je={webaudio:"WebAudio",audio:"audio",showWebaudio:"Show WebAudio"},Xe=e.i18n.registerUIStrings("panels/web_audio/web_audio-meta.ts",Je),Qe=e.i18n.getLazilyComputedLocalizedString.bind(void 0,Xe);let Ze;t.ViewManager.registerViewExtension({location:"drawer-view",id:"web-audio",title:Qe(Je.webaudio),commandPrompt:Qe(Je.showWebaudio),persistence:"closeable",order:100,loadView:async()=>(await async function(){return Ze||(Ze=await import("../../panels/web_audio/web_audio.js")),Ze}()).WebAudioView.WebAudioView.instance(),tags:[Qe(Je.audio)]});const $e={webauthn:"WebAuthn",showWebauthn:"Show WebAuthn"},et=e.i18n.registerUIStrings("panels/webauthn/webauthn-meta.ts",$e),tt=e.i18n.getLazilyComputedLocalizedString.bind(void 0,et);let it;t.ViewManager.registerViewExtension({location:"drawer-view",id:"webauthn-pane",title:tt($e.webauthn),commandPrompt:tt($e.showWebauthn),order:100,persistence:"closeable",loadView:async()=>(await async function(){return it||(it=await import("../../panels/webauthn/webauthn.js")),it}()).WebauthnPane.WebauthnPaneImpl.instance(),experiment:o.Runtime.ExperimentName.WEBAUTHN_PANE});const ot={resetView:"Reset view",switchToPanMode:"Switch to pan mode",switchToRotateMode:"Switch to rotate mode",zoomIn:"Zoom in",zoomOut:"Zoom out",panOrRotateUp:"Pan or rotate up",panOrRotateDown:"Pan or rotate down",panOrRotateLeft:"Pan or rotate left",panOrRotateRight:"Pan or rotate right"},nt=e.i18n.registerUIStrings("panels/layer_viewer/layer_viewer-meta.ts",ot),at=e.i18n.getLazilyComputedLocalizedString.bind(void 0,nt);t.ActionRegistration.registerActionExtension({actionId:"layers.reset-view",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.resetView),bindings:[{shortcut:"0"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.pan-mode",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.switchToPanMode),bindings:[{shortcut:"x"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.rotate-mode",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.switchToRotateMode),bindings:[{shortcut:"v"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.zoom-in",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.zoomIn),bindings:[{shortcut:"Shift+Plus"},{shortcut:"NumpadPlus"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.zoom-out",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.zoomOut),bindings:[{shortcut:"Shift+Minus"},{shortcut:"NumpadMinus"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.up",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.panOrRotateUp),bindings:[{shortcut:"Up"},{shortcut:"w"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.down",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.panOrRotateDown),bindings:[{shortcut:"Down"},{shortcut:"s"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.left",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.panOrRotateLeft),bindings:[{shortcut:"Left"},{shortcut:"a"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.right",category:t.ActionRegistration.ActionCategory.LAYERS,title:at(ot.panOrRotateRight),bindings:[{shortcut:"Right"},{shortcut:"d"}]});const rt={recorder:"Recorder",showRecorder:"Show Recorder",startStopRecording:"Start/Stop recording",createRecording:"Create a new recording",replayRecording:"Replay recording",toggleCode:"Toggle code view"},st=e.i18n.registerUIStrings("panels/recorder/recorder-meta.ts",rt),ct=e.i18n.getLazilyComputedLocalizedString.bind(void 0,st);let lt;async function gt(){return lt||(lt=await import("../../panels/recorder/recorder.js")),lt}function dt(e,t){return void 0===lt?[]:t&&lt.RecorderPanel.RecorderPanel.instance().isActionPossible(t)?e(lt):[]}t.ViewManager.defaultOptionsForTabs.chrome_recorder=!0,t.ViewManager.registerViewExtension({location:"panel",id:"chrome_recorder",commandPrompt:ct(rt.showRecorder),title:ct(rt.recorder),order:90,persistence:"closeable",isPreviewFeature:!0,loadView:async()=>(await gt()).RecorderPanel.RecorderPanel.instance()}),t.ActionRegistration.registerActionExtension({category:"Recorder",actionId:"chrome_recorder.create-recording",title:ct(rt.createRecording),loadActionDelegate:async()=>(await gt()).RecorderPanel.ActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({category:"Recorder",actionId:"chrome_recorder.start-recording",title:ct(rt.startStopRecording),contextTypes:()=>dt((e=>[e.RecorderPanel.RecorderPanel]),"chrome_recorder.start-recording"),loadActionDelegate:async()=>(await gt()).RecorderPanel.ActionDelegate.instance(),bindings:[{shortcut:"Ctrl+E",platform:"windows,linux"},{shortcut:"Meta+E",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({category:"Recorder",actionId:"chrome_recorder.replay-recording",title:ct(rt.replayRecording),contextTypes:()=>dt((e=>[e.RecorderPanel.RecorderPanel]),"chrome_recorder.replay-recording"),loadActionDelegate:async()=>(await gt()).RecorderPanel.ActionDelegate.instance(),bindings:[{shortcut:"Ctrl+Enter",platform:"windows,linux"},{shortcut:"Meta+Enter",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({category:"Recorder",actionId:"chrome_recorder.toggle-code-view",title:ct(rt.toggleCode),contextTypes:()=>dt((e=>[e.RecorderPanel.RecorderPanel]),"chrome_recorder.toggle-code-view"),loadActionDelegate:async()=>(await gt()).RecorderPanel.ActionDelegate.instance(),bindings:[{shortcut:"Ctrl+B",platform:"windows,linux"},{shortcut:"Meta+B",platform:"mac"}]}),self.runtime=o.Runtime.Runtime.instance({forceNew:!0}),new c.MainImpl.MainImpl;
diff --git a/packages/debugger-frontend/dist/third-party/front_end/entrypoints/rn_inspector/rn_inspector.js b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/rn_inspector/rn_inspector.js
index 85fc7c66c4016e..bb0bb42f6f5e6a 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/entrypoints/rn_inspector/rn_inspector.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/rn_inspector/rn_inspector.js
@@ -1 +1 @@
-import"../shell/shell.js";import*as e from"../../core/common/common.js";import*as t from"../../core/root/root.js";import*as i from"../../ui/legacy/legacy.js";import*as o from"../../core/i18n/i18n.js";import*as n from"../../models/issues_manager/issues_manager.js";import*as a from"../main/main.js";const r={toggleDeviceToolbar:"Toggle device toolbar",captureScreenshot:"Capture screenshot",captureFullSizeScreenshot:"Capture full size screenshot",captureNodeScreenshot:"Capture node screenshot",showMediaQueries:"Show media queries",device:"device",hideMediaQueries:"Hide media queries",showRulers:"Show rulers in the Device Mode toolbar",hideRulers:"Hide rulers in the Device Mode toolbar",showDeviceFrame:"Show device frame",hideDeviceFrame:"Hide device frame"},s=o.i18n.registerUIStrings("panels/emulation/emulation-meta.ts",r),l=o.i18n.getLazilyComputedLocalizedString.bind(void 0,s);let c;async function g(){return c||(c=await import("../../panels/emulation/emulation.js")),c}i.ActionRegistration.registerActionExtension({category:i.ActionRegistration.ActionCategory.MOBILE,actionId:"emulation.toggle-device-mode",toggleable:!0,loadActionDelegate:async()=>(await g()).DeviceModeWrapper.ActionDelegate.instance(),condition:t.Runtime.ConditionName.CAN_DOCK,title:l(r.toggleDeviceToolbar),iconClass:"devices",bindings:[{platform:"windows,linux",shortcut:"Shift+Ctrl+M"},{platform:"mac",shortcut:"Shift+Meta+M"}]}),i.ActionRegistration.registerActionExtension({actionId:"emulation.capture-screenshot",category:i.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await g()).DeviceModeWrapper.ActionDelegate.instance(),condition:t.Runtime.ConditionName.CAN_DOCK,title:l(r.captureScreenshot)}),i.ActionRegistration.registerActionExtension({actionId:"emulation.capture-full-height-screenshot",category:i.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await g()).DeviceModeWrapper.ActionDelegate.instance(),condition:t.Runtime.ConditionName.CAN_DOCK,title:l(r.captureFullSizeScreenshot)}),i.ActionRegistration.registerActionExtension({actionId:"emulation.capture-node-screenshot",category:i.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await g()).DeviceModeWrapper.ActionDelegate.instance(),condition:t.Runtime.ConditionName.CAN_DOCK,title:l(r.captureNodeScreenshot)}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.MOBILE,settingName:"showMediaQueryInspector",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:l(r.showMediaQueries)},{value:!1,title:l(r.hideMediaQueries)}],tags:[l(r.device)]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.MOBILE,settingName:"emulation.showRulers",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:l(r.showRulers)},{value:!1,title:l(r.hideRulers)}],tags:[l(r.device)]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.MOBILE,settingName:"emulation.showDeviceOutline",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:l(r.showDeviceFrame)},{value:!1,title:l(r.hideDeviceFrame)}],tags:[l(r.device)]}),i.Toolbar.registerToolbarItem({actionId:"emulation.toggle-device-mode",condition:t.Runtime.ConditionName.CAN_DOCK,location:i.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_LEFT,order:1,showLabel:void 0,loadItem:void 0,separator:void 0}),e.AppProvider.registerAppProvider({loadAppProvider:async()=>(await g()).AdvancedApp.AdvancedAppProvider.instance(),condition:t.Runtime.ConditionName.CAN_DOCK,order:0}),i.ContextMenu.registerItem({location:i.ContextMenu.ItemLocation.DEVICE_MODE_MENU_SAVE,order:12,actionId:"emulation.capture-screenshot"}),i.ContextMenu.registerItem({location:i.ContextMenu.ItemLocation.DEVICE_MODE_MENU_SAVE,order:13,actionId:"emulation.capture-full-height-screenshot"});const d={sensors:"Sensors",geolocation:"geolocation",timezones:"timezones",locale:"locale",locales:"locales",accelerometer:"accelerometer",deviceOrientation:"device orientation",locations:"Locations",touch:"Touch",devicebased:"Device-based",forceEnabled:"Force enabled",emulateIdleDetectorState:"Emulate Idle Detector state",noIdleEmulation:"No idle emulation",userActiveScreenUnlocked:"User active, screen unlocked",userActiveScreenLocked:"User active, screen locked",userIdleScreenUnlocked:"User idle, screen unlocked",userIdleScreenLocked:"User idle, screen locked",showSensors:"Show Sensors",showLocations:"Show Locations"},m=o.i18n.registerUIStrings("panels/sensors/sensors-meta.ts",d),u=o.i18n.getLazilyComputedLocalizedString.bind(void 0,m);let p;async function S(){return p||(p=await import("../../panels/sensors/sensors.js")),p}i.ViewManager.registerViewExtension({location:"drawer-view",commandPrompt:u(d.showSensors),title:u(d.sensors),id:"sensors",persistence:"closeable",order:100,loadView:async()=>(await S()).SensorsView.SensorsView.instance(),tags:[u(d.geolocation),u(d.timezones),u(d.locale),u(d.locales),u(d.accelerometer),u(d.deviceOrientation)]}),i.ViewManager.registerViewExtension({location:"settings-view",id:"emulation-locations",commandPrompt:u(d.showLocations),title:u(d.locations),order:40,loadView:async()=>(await S()).LocationsSettingsTab.LocationsSettingsTab.instance(),settings:["emulation.locations"]}),e.Settings.registerSettingExtension({storageType:e.Settings.SettingStorageType.Synced,settingName:"emulation.locations",settingType:e.Settings.SettingType.ARRAY,defaultValue:[{title:"Berlin",lat:52.520007,long:13.404954,timezoneId:"Europe/Berlin",locale:"de-DE"},{title:"London",lat:51.507351,long:-.127758,timezoneId:"Europe/London",locale:"en-GB"},{title:"Moscow",lat:55.755826,long:37.6173,timezoneId:"Europe/Moscow",locale:"ru-RU"},{title:"Mountain View",lat:37.386052,long:-122.083851,timezoneId:"America/Los_Angeles",locale:"en-US"},{title:"Mumbai",lat:19.075984,long:72.877656,timezoneId:"Asia/Kolkata",locale:"mr-IN"},{title:"San Francisco",lat:37.774929,long:-122.419416,timezoneId:"America/Los_Angeles",locale:"en-US"},{title:"Shanghai",lat:31.230416,long:121.473701,timezoneId:"Asia/Shanghai",locale:"zh-Hans-CN"},{title:"São Paulo",lat:-23.55052,long:-46.633309,timezoneId:"America/Sao_Paulo",locale:"pt-BR"},{title:"Tokyo",lat:35.689487,long:139.691706,timezoneId:"Asia/Tokyo",locale:"ja-JP"}]}),e.Settings.registerSettingExtension({title:u(d.touch),reloadRequired:!0,settingName:"emulation.touch",settingType:e.Settings.SettingType.ENUM,defaultValue:"none",options:[{value:"none",title:u(d.devicebased),text:u(d.devicebased)},{value:"force",title:u(d.forceEnabled),text:u(d.forceEnabled)}]}),e.Settings.registerSettingExtension({title:u(d.emulateIdleDetectorState),settingName:"emulation.idleDetection",settingType:e.Settings.SettingType.ENUM,defaultValue:"none",options:[{value:"none",title:u(d.noIdleEmulation),text:u(d.noIdleEmulation)},{value:'{"isUserActive":true,"isScreenUnlocked":true}',title:u(d.userActiveScreenUnlocked),text:u(d.userActiveScreenUnlocked)},{value:'{"isUserActive":true,"isScreenUnlocked":false}',title:u(d.userActiveScreenLocked),text:u(d.userActiveScreenLocked)},{value:'{"isUserActive":false,"isScreenUnlocked":true}',title:u(d.userIdleScreenUnlocked),text:u(d.userIdleScreenUnlocked)},{value:'{"isUserActive":false,"isScreenUnlocked":false}',title:u(d.userIdleScreenLocked),text:u(d.userIdleScreenLocked)}]});const w={developerResources:"Developer Resources",showDeveloperResources:"Show Developer Resources"},A=o.i18n.registerUIStrings("panels/developer_resources/developer_resources-meta.ts",w),h=o.i18n.getLazilyComputedLocalizedString.bind(void 0,A);let y;i.ViewManager.registerViewExtension({location:"drawer-view",id:"resource-loading-pane",title:h(w.developerResources),commandPrompt:h(w.showDeveloperResources),order:100,persistence:"closeable",experiment:t.Runtime.ExperimentName.DEVELOPER_RESOURCES_VIEW,loadView:async()=>new((await async function(){return y||(y=await import("../../panels/developer_resources/developer_resources.js")),y}()).DeveloperResourcesView.DeveloperResourcesView)});const R={rendering:"Rendering",showRendering:"Show Rendering",paint:"paint",layout:"layout",fps:"fps",cssMediaType:"CSS media type",cssMediaFeature:"CSS media feature",visionDeficiency:"vision deficiency",colorVisionDeficiency:"color vision deficiency",reloadPage:"Reload page",hardReloadPage:"Hard reload page",forceAdBlocking:"Force ad blocking on this site",blockAds:"Block ads on this site",showAds:"Show ads on this site, if allowed",autoOpenDevTools:"Auto-open DevTools for popups",doNotAutoOpen:"Do not auto-open DevTools for popups",disablePaused:"Disable paused state overlay",toggleCssPrefersColorSchemeMedia:"Toggle CSS media feature prefers-color-scheme"},E=o.i18n.registerUIStrings("entrypoints/inspector_main/inspector_main-meta.ts",R),v=o.i18n.getLazilyComputedLocalizedString.bind(void 0,E);let T;async function f(){return T||(T=await import("../inspector_main/inspector_main.js")),T}i.ViewManager.registerViewExtension({location:"drawer-view",id:"rendering",title:v(R.rendering),commandPrompt:v(R.showRendering),persistence:"closeable",order:50,loadView:async()=>(await f()).RenderingOptions.RenderingOptionsView.instance(),tags:[v(R.paint),v(R.layout),v(R.fps),v(R.cssMediaType),v(R.cssMediaFeature),v(R.visionDeficiency),v(R.colorVisionDeficiency)]}),i.ActionRegistration.registerActionExtension({category:i.ActionRegistration.ActionCategory.NAVIGATION,actionId:"inspector_main.reload",loadActionDelegate:async()=>(await f()).InspectorMain.ReloadActionDelegate.instance(),iconClass:"refresh",title:v(R.reloadPage),bindings:[{platform:"windows,linux",shortcut:"Ctrl+R"},{platform:"windows,linux",shortcut:"F5"},{platform:"mac",shortcut:"Meta+R"}]}),i.ActionRegistration.registerActionExtension({category:i.ActionRegistration.ActionCategory.NAVIGATION,actionId:"inspector_main.hard-reload",loadActionDelegate:async()=>(await f()).InspectorMain.ReloadActionDelegate.instance(),title:v(R.hardReloadPage),bindings:[{platform:"windows,linux",shortcut:"Shift+Ctrl+R"},{platform:"windows,linux",shortcut:"Shift+F5"},{platform:"windows,linux",shortcut:"Ctrl+F5"},{platform:"windows,linux",shortcut:"Ctrl+Shift+F5"},{platform:"mac",shortcut:"Shift+Meta+R"}]}),i.ActionRegistration.registerActionExtension({actionId:"rendering.toggle-prefers-color-scheme",category:i.ActionRegistration.ActionCategory.RENDERING,title:v(R.toggleCssPrefersColorSchemeMedia),loadActionDelegate:async()=>(await f()).RenderingOptions.ReloadActionDelegate.instance()}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.NETWORK,title:v(R.forceAdBlocking),settingName:"network.adBlockingEnabled",settingType:e.Settings.SettingType.BOOLEAN,storageType:e.Settings.SettingStorageType.Session,defaultValue:!1,options:[{value:!0,title:v(R.blockAds)},{value:!1,title:v(R.showAds)}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.GLOBAL,storageType:e.Settings.SettingStorageType.Synced,title:v(R.autoOpenDevTools),settingName:"autoAttachToCreatedPages",settingType:e.Settings.SettingType.BOOLEAN,order:2,defaultValue:!1,options:[{value:!0,title:v(R.autoOpenDevTools)},{value:!1,title:v(R.doNotAutoOpen)}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.APPEARANCE,storageType:e.Settings.SettingStorageType.Synced,title:v(R.disablePaused),settingName:"disablePausedStateOverlay",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1}),i.Toolbar.registerToolbarItem({loadItem:async()=>(await f()).InspectorMain.NodeIndicator.instance(),order:2,location:i.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_LEFT,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),i.Toolbar.registerToolbarItem({loadItem:async()=>(await f()).OutermostTargetSelector.OutermostTargetSelector.instance(),order:98,location:i.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_RIGHT,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0,experiment:t.Runtime.ExperimentName.OUTERMOST_TARGET_SELECTOR});const I={issues:"Issues",showIssues:"Show Issues",cspViolations:"CSP Violations",showCspViolations:"Show CSP Violations"},C=o.i18n.registerUIStrings("panels/issues/issues-meta.ts",I),N=o.i18n.getLazilyComputedLocalizedString.bind(void 0,C);let P;async function x(){return P||(P=await import("../../panels/issues/issues.js")),P}i.ViewManager.registerViewExtension({location:"drawer-view",id:"issues-pane",title:N(I.issues),commandPrompt:N(I.showIssues),order:100,persistence:"closeable",loadView:async()=>(await x()).IssuesPane.IssuesPane.instance()}),i.ViewManager.registerViewExtension({location:"drawer-view",id:"csp-violations-pane",title:N(I.cspViolations),commandPrompt:N(I.showCspViolations),order:100,persistence:"closeable",loadView:async()=>(await x()).CSPViolationsView.CSPViolationsView.instance(),experiment:t.Runtime.ExperimentName.CSP_VIOLATIONS_VIEW}),e.Revealer.registerRevealer({contextTypes:()=>[n.Issue.Issue],destination:e.Revealer.RevealerDestination.ISSUES_VIEW,loadRevealer:async()=>(await x()).IssueRevealer.IssueRevealer.instance()});const D={throttling:"Throttling",showThrottling:"Show Throttling",goOffline:"Go offline",device:"device",throttlingTag:"throttling",enableSlowGThrottling:"Enable slow `3G` throttling",enableFastGThrottling:"Enable fast `3G` throttling",goOnline:"Go online"},b=o.i18n.registerUIStrings("panels/mobile_throttling/mobile_throttling-meta.ts",D),O=o.i18n.getLazilyComputedLocalizedString.bind(void 0,b);let M;async function V(){return M||(M=await import("../../panels/mobile_throttling/mobile_throttling.js")),M}i.ViewManager.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:O(D.throttling),commandPrompt:O(D.showThrottling),order:35,loadView:async()=>(await V()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-offline",category:i.ActionRegistration.ActionCategory.NETWORK,title:O(D.goOffline),loadActionDelegate:async()=>(await V()).ThrottlingManager.ActionDelegate.instance(),tags:[O(D.device),O(D.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-low-end-mobile",category:i.ActionRegistration.ActionCategory.NETWORK,title:O(D.enableSlowGThrottling),loadActionDelegate:async()=>(await V()).ThrottlingManager.ActionDelegate.instance(),tags:[O(D.device),O(D.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-mid-tier-mobile",category:i.ActionRegistration.ActionCategory.NETWORK,title:O(D.enableFastGThrottling),loadActionDelegate:async()=>(await V()).ThrottlingManager.ActionDelegate.instance(),tags:[O(D.device),O(D.throttlingTag)]}),i.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-online",category:i.ActionRegistration.ActionCategory.NETWORK,title:O(D.goOnline),loadActionDelegate:async()=>(await V()).ThrottlingManager.ActionDelegate.instance(),tags:[O(D.device),O(D.throttlingTag)]}),e.Settings.registerSettingExtension({storageType:e.Settings.SettingStorageType.Synced,settingName:"customNetworkConditions",settingType:e.Settings.SettingType.ARRAY,defaultValue:[]});const _={profiler:"Profiler",showProfiler:"Show Profiler",performance:"Performance",showPerformance:"Show Performance",startStopRecording:"Start/stop recording",showRecentTimelineSessions:"Show recent timeline sessions",record:"Record",stop:"Stop",startProfilingAndReloadPage:"Start profiling and reload page"},L=o.i18n.registerUIStrings("panels/js_profiler/js_profiler-meta.ts",_),k=o.i18n.getLazilyComputedLocalizedString.bind(void 0,L);let U,z;async function F(){return z||(z=await import("../../panels/profiler/profiler.js")),z}async function B(){return U||(U=await import("../../panels/timeline/timeline.js")),U}function W(e){return void 0===U?[]:e(U)}i.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:k(_.profiler),commandPrompt:k(_.showProfiler),order:65,persistence:"permanent",experiment:t.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await F()).ProfilesPanel.JSProfilerPanel.instance()}),i.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:i.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:k(_.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===z?[]:(e=>[e.ProfilesPanel.JSProfilerPanel])(z),loadActionDelegate:async()=>(await F()).ProfilesPanel.JSProfilerPanel.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.show-history",loadActionDelegate:async()=>(await B()).TimelinePanel.ActionDelegate.instance(),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:k(_.showRecentTimelineSessions),contextTypes:()=>W((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Ctrl+H"},{platform:"mac",shortcut:"Meta+Y"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.toggle-recording",category:i.ActionRegistration.ActionCategory.PERFORMANCE,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>W((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await B()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:k(_.record)},{value:!1,title:k(_.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),i.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>W((e=>[e.TimelinePanel.TimelinePanel])),category:i.ActionRegistration.ActionCategory.PERFORMANCE,title:k(_.startProfilingAndReloadPage),loadActionDelegate:async()=>(await B()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]});const j={rnWelcome:"⚛️ Welcome",showRnWelcome:"Show React Native Welcome panel"},G=o.i18n.registerUIStrings("panels/rn_welcome/rn_welcome-meta.ts",j),K=o.i18n.getLazilyComputedLocalizedString.bind(void 0,G);let H;i.ViewManager.registerViewExtension({location:"panel",id:"rn-welcome",title:K(j.rnWelcome),commandPrompt:K(j.showRnWelcome),order:-10,persistence:"permanent",loadView:async()=>(await async function(){return H||(H=await import("../../panels/rn_welcome/rn_welcome.js")),H}()).RNWelcome.RNWelcomeImpl.instance(),experiment:t.Runtime.ExperimentName.REACT_NATIVE_SPECIFIC_UI}),t.Runtime.experiments.register(t.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,"Enable JavaScript Profiler (legacy)",!1),t.Runtime.experiments.register(t.Runtime.ExperimentName.REACT_NATIVE_SPECIFIC_UI,"Show React Native-specific UI",!1),t.Runtime.experiments.enableExperimentsByDefault([t.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,t.Runtime.ExperimentName.REACT_NATIVE_SPECIFIC_UI]),self.runtime=t.Runtime.Runtime.instance({forceNew:!0}),new a.MainImpl.MainImpl;
+import"../shell/shell.js";import*as e from"../../core/common/common.js";import*as t from"../../core/root/root.js";import*as o from"../../ui/legacy/legacy.js";import*as i from"../../core/i18n/i18n.js";import*as n from"../../models/issues_manager/issues_manager.js";import*as a from"../../core/sdk/sdk.js";import*as r from"../../models/workspace/workspace.js";import*as s from"../../panels/network/forward/forward.js";import*as l from"../main/main.js";const c={toggleDeviceToolbar:"Toggle device toolbar",captureScreenshot:"Capture screenshot",captureFullSizeScreenshot:"Capture full size screenshot",captureNodeScreenshot:"Capture node screenshot",showMediaQueries:"Show media queries",device:"device",hideMediaQueries:"Hide media queries",showRulers:"Show rulers in the Device Mode toolbar",hideRulers:"Hide rulers in the Device Mode toolbar",showDeviceFrame:"Show device frame",hideDeviceFrame:"Hide device frame"},g=i.i18n.registerUIStrings("panels/emulation/emulation-meta.ts",c),d=i.i18n.getLazilyComputedLocalizedString.bind(void 0,g);let u;async function m(){return u||(u=await import("../../panels/emulation/emulation.js")),u}o.ActionRegistration.registerActionExtension({category:o.ActionRegistration.ActionCategory.MOBILE,actionId:"emulation.toggle-device-mode",toggleable:!0,loadActionDelegate:async()=>(await m()).DeviceModeWrapper.ActionDelegate.instance(),condition:t.Runtime.ConditionName.CAN_DOCK,title:d(c.toggleDeviceToolbar),iconClass:"devices",bindings:[{platform:"windows,linux",shortcut:"Shift+Ctrl+M"},{platform:"mac",shortcut:"Shift+Meta+M"}]}),o.ActionRegistration.registerActionExtension({actionId:"emulation.capture-screenshot",category:o.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await m()).DeviceModeWrapper.ActionDelegate.instance(),condition:t.Runtime.ConditionName.CAN_DOCK,title:d(c.captureScreenshot)}),o.ActionRegistration.registerActionExtension({actionId:"emulation.capture-full-height-screenshot",category:o.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await m()).DeviceModeWrapper.ActionDelegate.instance(),condition:t.Runtime.ConditionName.CAN_DOCK,title:d(c.captureFullSizeScreenshot)}),o.ActionRegistration.registerActionExtension({actionId:"emulation.capture-node-screenshot",category:o.ActionRegistration.ActionCategory.SCREENSHOT,loadActionDelegate:async()=>(await m()).DeviceModeWrapper.ActionDelegate.instance(),condition:t.Runtime.ConditionName.CAN_DOCK,title:d(c.captureNodeScreenshot)}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.MOBILE,settingName:"showMediaQueryInspector",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:d(c.showMediaQueries)},{value:!1,title:d(c.hideMediaQueries)}],tags:[d(c.device)]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.MOBILE,settingName:"emulation.showRulers",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:d(c.showRulers)},{value:!1,title:d(c.hideRulers)}],tags:[d(c.device)]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.MOBILE,settingName:"emulation.showDeviceOutline",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,options:[{value:!0,title:d(c.showDeviceFrame)},{value:!1,title:d(c.hideDeviceFrame)}],tags:[d(c.device)]}),o.Toolbar.registerToolbarItem({actionId:"emulation.toggle-device-mode",condition:t.Runtime.ConditionName.CAN_DOCK,location:o.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_LEFT,order:1,showLabel:void 0,loadItem:void 0,separator:void 0}),e.AppProvider.registerAppProvider({loadAppProvider:async()=>(await m()).AdvancedApp.AdvancedAppProvider.instance(),condition:t.Runtime.ConditionName.CAN_DOCK,order:0}),o.ContextMenu.registerItem({location:o.ContextMenu.ItemLocation.DEVICE_MODE_MENU_SAVE,order:12,actionId:"emulation.capture-screenshot"}),o.ContextMenu.registerItem({location:o.ContextMenu.ItemLocation.DEVICE_MODE_MENU_SAVE,order:13,actionId:"emulation.capture-full-height-screenshot"});const p={sensors:"Sensors",geolocation:"geolocation",timezones:"timezones",locale:"locale",locales:"locales",accelerometer:"accelerometer",deviceOrientation:"device orientation",locations:"Locations",touch:"Touch",devicebased:"Device-based",forceEnabled:"Force enabled",emulateIdleDetectorState:"Emulate Idle Detector state",noIdleEmulation:"No idle emulation",userActiveScreenUnlocked:"User active, screen unlocked",userActiveScreenLocked:"User active, screen locked",userIdleScreenUnlocked:"User idle, screen unlocked",userIdleScreenLocked:"User idle, screen locked",showSensors:"Show Sensors",showLocations:"Show Locations"},w=i.i18n.registerUIStrings("panels/sensors/sensors-meta.ts",p),S=i.i18n.getLazilyComputedLocalizedString.bind(void 0,w);let y;async function R(){return y||(y=await import("../../panels/sensors/sensors.js")),y}o.ViewManager.registerViewExtension({location:"drawer-view",commandPrompt:S(p.showSensors),title:S(p.sensors),id:"sensors",persistence:"closeable",order:100,loadView:async()=>(await R()).SensorsView.SensorsView.instance(),tags:[S(p.geolocation),S(p.timezones),S(p.locale),S(p.locales),S(p.accelerometer),S(p.deviceOrientation)]}),o.ViewManager.registerViewExtension({location:"settings-view",id:"emulation-locations",commandPrompt:S(p.showLocations),title:S(p.locations),order:40,loadView:async()=>(await R()).LocationsSettingsTab.LocationsSettingsTab.instance(),settings:["emulation.locations"]}),e.Settings.registerSettingExtension({storageType:e.Settings.SettingStorageType.Synced,settingName:"emulation.locations",settingType:e.Settings.SettingType.ARRAY,defaultValue:[{title:"Berlin",lat:52.520007,long:13.404954,timezoneId:"Europe/Berlin",locale:"de-DE"},{title:"London",lat:51.507351,long:-.127758,timezoneId:"Europe/London",locale:"en-GB"},{title:"Moscow",lat:55.755826,long:37.6173,timezoneId:"Europe/Moscow",locale:"ru-RU"},{title:"Mountain View",lat:37.386052,long:-122.083851,timezoneId:"America/Los_Angeles",locale:"en-US"},{title:"Mumbai",lat:19.075984,long:72.877656,timezoneId:"Asia/Kolkata",locale:"mr-IN"},{title:"San Francisco",lat:37.774929,long:-122.419416,timezoneId:"America/Los_Angeles",locale:"en-US"},{title:"Shanghai",lat:31.230416,long:121.473701,timezoneId:"Asia/Shanghai",locale:"zh-Hans-CN"},{title:"São Paulo",lat:-23.55052,long:-46.633309,timezoneId:"America/Sao_Paulo",locale:"pt-BR"},{title:"Tokyo",lat:35.689487,long:139.691706,timezoneId:"Asia/Tokyo",locale:"ja-JP"}]}),e.Settings.registerSettingExtension({title:S(p.touch),reloadRequired:!0,settingName:"emulation.touch",settingType:e.Settings.SettingType.ENUM,defaultValue:"none",options:[{value:"none",title:S(p.devicebased),text:S(p.devicebased)},{value:"force",title:S(p.forceEnabled),text:S(p.forceEnabled)}]}),e.Settings.registerSettingExtension({title:S(p.emulateIdleDetectorState),settingName:"emulation.idleDetection",settingType:e.Settings.SettingType.ENUM,defaultValue:"none",options:[{value:"none",title:S(p.noIdleEmulation),text:S(p.noIdleEmulation)},{value:'{"isUserActive":true,"isScreenUnlocked":true}',title:S(p.userActiveScreenUnlocked),text:S(p.userActiveScreenUnlocked)},{value:'{"isUserActive":true,"isScreenUnlocked":false}',title:S(p.userActiveScreenLocked),text:S(p.userActiveScreenLocked)},{value:'{"isUserActive":false,"isScreenUnlocked":true}',title:S(p.userIdleScreenUnlocked),text:S(p.userIdleScreenUnlocked)},{value:'{"isUserActive":false,"isScreenUnlocked":false}',title:S(p.userIdleScreenLocked),text:S(p.userIdleScreenLocked)}]});const A={developerResources:"Developer Resources",showDeveloperResources:"Show Developer Resources"},h=i.i18n.registerUIStrings("panels/developer_resources/developer_resources-meta.ts",A),v=i.i18n.getLazilyComputedLocalizedString.bind(void 0,h);let E;o.ViewManager.registerViewExtension({location:"drawer-view",id:"resource-loading-pane",title:v(A.developerResources),commandPrompt:v(A.showDeveloperResources),order:100,persistence:"closeable",experiment:t.Runtime.ExperimentName.DEVELOPER_RESOURCES_VIEW,loadView:async()=>new((await async function(){return E||(E=await import("../../panels/developer_resources/developer_resources.js")),E}()).DeveloperResourcesView.DeveloperResourcesView)});const T={rendering:"Rendering",showRendering:"Show Rendering",paint:"paint",layout:"layout",fps:"fps",cssMediaType:"CSS media type",cssMediaFeature:"CSS media feature",visionDeficiency:"vision deficiency",colorVisionDeficiency:"color vision deficiency",reloadPage:"Reload page",hardReloadPage:"Hard reload page",forceAdBlocking:"Force ad blocking on this site",blockAds:"Block ads on this site",showAds:"Show ads on this site, if allowed",autoOpenDevTools:"Auto-open DevTools for popups",doNotAutoOpen:"Do not auto-open DevTools for popups",disablePaused:"Disable paused state overlay",toggleCssPrefersColorSchemeMedia:"Toggle CSS media feature prefers-color-scheme"},N=i.i18n.registerUIStrings("entrypoints/inspector_main/inspector_main-meta.ts",T),f=i.i18n.getLazilyComputedLocalizedString.bind(void 0,N);let C;async function k(){return C||(C=await import("../inspector_main/inspector_main.js")),C}o.ViewManager.registerViewExtension({location:"drawer-view",id:"rendering",title:f(T.rendering),commandPrompt:f(T.showRendering),persistence:"closeable",order:50,loadView:async()=>(await k()).RenderingOptions.RenderingOptionsView.instance(),tags:[f(T.paint),f(T.layout),f(T.fps),f(T.cssMediaType),f(T.cssMediaFeature),f(T.visionDeficiency),f(T.colorVisionDeficiency)]}),o.ActionRegistration.registerActionExtension({category:o.ActionRegistration.ActionCategory.NAVIGATION,actionId:"inspector_main.reload",loadActionDelegate:async()=>(await k()).InspectorMain.ReloadActionDelegate.instance(),iconClass:"refresh",title:f(T.reloadPage),bindings:[{platform:"windows,linux",shortcut:"Ctrl+R"},{platform:"windows,linux",shortcut:"F5"},{platform:"mac",shortcut:"Meta+R"}]}),o.ActionRegistration.registerActionExtension({category:o.ActionRegistration.ActionCategory.NAVIGATION,actionId:"inspector_main.hard-reload",loadActionDelegate:async()=>(await k()).InspectorMain.ReloadActionDelegate.instance(),title:f(T.hardReloadPage),bindings:[{platform:"windows,linux",shortcut:"Shift+Ctrl+R"},{platform:"windows,linux",shortcut:"Shift+F5"},{platform:"windows,linux",shortcut:"Ctrl+F5"},{platform:"windows,linux",shortcut:"Ctrl+Shift+F5"},{platform:"mac",shortcut:"Shift+Meta+R"}]}),o.ActionRegistration.registerActionExtension({actionId:"rendering.toggle-prefers-color-scheme",category:o.ActionRegistration.ActionCategory.RENDERING,title:f(T.toggleCssPrefersColorSchemeMedia),loadActionDelegate:async()=>(await k()).RenderingOptions.ReloadActionDelegate.instance()}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.NETWORK,title:f(T.forceAdBlocking),settingName:"network.adBlockingEnabled",settingType:e.Settings.SettingType.BOOLEAN,storageType:e.Settings.SettingStorageType.Session,defaultValue:!1,options:[{value:!0,title:f(T.blockAds)},{value:!1,title:f(T.showAds)}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.GLOBAL,storageType:e.Settings.SettingStorageType.Synced,title:f(T.autoOpenDevTools),settingName:"autoAttachToCreatedPages",settingType:e.Settings.SettingType.BOOLEAN,order:2,defaultValue:!1,options:[{value:!0,title:f(T.autoOpenDevTools)},{value:!1,title:f(T.doNotAutoOpen)}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.APPEARANCE,storageType:e.Settings.SettingStorageType.Synced,title:f(T.disablePaused),settingName:"disablePausedStateOverlay",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1}),o.Toolbar.registerToolbarItem({loadItem:async()=>(await k()).InspectorMain.NodeIndicator.instance(),order:2,location:o.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_LEFT,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0}),o.Toolbar.registerToolbarItem({loadItem:async()=>(await k()).OutermostTargetSelector.OutermostTargetSelector.instance(),order:98,location:o.Toolbar.ToolbarItemLocation.MAIN_TOOLBAR_RIGHT,showLabel:void 0,condition:void 0,separator:void 0,actionId:void 0,experiment:t.Runtime.ExperimentName.OUTERMOST_TARGET_SELECTOR});const I={issues:"Issues",showIssues:"Show Issues",cspViolations:"CSP Violations",showCspViolations:"Show CSP Violations"},P=i.i18n.registerUIStrings("panels/issues/issues-meta.ts",I),x=i.i18n.getLazilyComputedLocalizedString.bind(void 0,P);let b;async function L(){return b||(b=await import("../../panels/issues/issues.js")),b}o.ViewManager.registerViewExtension({location:"drawer-view",id:"issues-pane",title:x(I.issues),commandPrompt:x(I.showIssues),order:100,persistence:"closeable",loadView:async()=>(await L()).IssuesPane.IssuesPane.instance()}),o.ViewManager.registerViewExtension({location:"drawer-view",id:"csp-violations-pane",title:x(I.cspViolations),commandPrompt:x(I.showCspViolations),order:100,persistence:"closeable",loadView:async()=>(await L()).CSPViolationsView.CSPViolationsView.instance(),experiment:t.Runtime.ExperimentName.CSP_VIOLATIONS_VIEW}),e.Revealer.registerRevealer({contextTypes:()=>[n.Issue.Issue],destination:e.Revealer.RevealerDestination.ISSUES_VIEW,loadRevealer:async()=>(await L()).IssueRevealer.IssueRevealer.instance()});const D={throttling:"Throttling",showThrottling:"Show Throttling",goOffline:"Go offline",device:"device",throttlingTag:"throttling",enableSlowGThrottling:"Enable slow `3G` throttling",enableFastGThrottling:"Enable fast `3G` throttling",goOnline:"Go online"},V=i.i18n.registerUIStrings("panels/mobile_throttling/mobile_throttling-meta.ts",D),O=i.i18n.getLazilyComputedLocalizedString.bind(void 0,V);let M;async function _(){return M||(M=await import("../../panels/mobile_throttling/mobile_throttling.js")),M}o.ViewManager.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:O(D.throttling),commandPrompt:O(D.showThrottling),order:35,loadView:async()=>(await _()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]}),o.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-offline",category:o.ActionRegistration.ActionCategory.NETWORK,title:O(D.goOffline),loadActionDelegate:async()=>(await _()).ThrottlingManager.ActionDelegate.instance(),tags:[O(D.device),O(D.throttlingTag)]}),o.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-low-end-mobile",category:o.ActionRegistration.ActionCategory.NETWORK,title:O(D.enableSlowGThrottling),loadActionDelegate:async()=>(await _()).ThrottlingManager.ActionDelegate.instance(),tags:[O(D.device),O(D.throttlingTag)]}),o.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-mid-tier-mobile",category:o.ActionRegistration.ActionCategory.NETWORK,title:O(D.enableFastGThrottling),loadActionDelegate:async()=>(await _()).ThrottlingManager.ActionDelegate.instance(),tags:[O(D.device),O(D.throttlingTag)]}),o.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-online",category:o.ActionRegistration.ActionCategory.NETWORK,title:O(D.goOnline),loadActionDelegate:async()=>(await _()).ThrottlingManager.ActionDelegate.instance(),tags:[O(D.device),O(D.throttlingTag)]}),e.Settings.registerSettingExtension({storageType:e.Settings.SettingStorageType.Synced,settingName:"customNetworkConditions",settingType:e.Settings.SettingType.ARRAY,defaultValue:[]});const U={showNetwork:"Show Network",network:"Network",showNetworkRequestBlocking:"Show Network request blocking",networkRequestBlocking:"Network request blocking",showNetworkConditions:"Show Network conditions",networkConditions:"Network conditions",diskCache:"disk cache",networkThrottling:"network throttling",showSearch:"Show Search",search:"Search",recordNetworkLog:"Record network log",stopRecordingNetworkLog:"Stop recording network log",hideRequestDetails:"Hide request details",colorcodeResourceTypes:"Color-code resource types",colorCode:"color code",resourceType:"resource type",colorCodeByResourceType:"Color code by resource type",useDefaultColors:"Use default colors",groupNetworkLogByFrame:"Group network log by frame",netWork:"network",frame:"frame",group:"group",groupNetworkLogItemsByFrame:"Group network log items by frame",dontGroupNetworkLogItemsByFrame:"Don't group network log items by frame",clear:"Clear network log"},B=i.i18n.registerUIStrings("panels/network/network-meta.ts",U),F=i.i18n.getLazilyComputedLocalizedString.bind(void 0,B);let z;async function W(){return z||(z=await import("../../panels/network/network.js")),z}function j(e){return void 0===z?[]:e(z)}o.ViewManager.registerViewExtension({location:"panel",id:"network",commandPrompt:F(U.showNetwork),title:F(U.network),order:40,condition:t.Runtime.ConditionName.REACT_NATIVE_UNSTABLE_NETWORK_PANEL,loadView:async()=>(await W()).NetworkPanel.NetworkPanel.instance()}),o.ViewManager.registerViewExtension({location:"drawer-view",id:"network.blocked-urls",commandPrompt:F(U.showNetworkRequestBlocking),title:F(U.networkRequestBlocking),persistence:"closeable",order:60,loadView:async()=>(await W()).BlockedURLsPane.BlockedURLsPane.instance()}),o.ViewManager.registerViewExtension({location:"drawer-view",id:"network.config",commandPrompt:F(U.showNetworkConditions),title:F(U.networkConditions),persistence:"closeable",order:40,tags:[F(U.diskCache),F(U.networkThrottling),i.i18n.lockedLazyString("useragent"),i.i18n.lockedLazyString("user agent"),i.i18n.lockedLazyString("user-agent")],loadView:async()=>(await W()).NetworkConfigView.NetworkConfigView.instance()}),o.ViewManager.registerViewExtension({location:"network-sidebar",id:"network.search-network-tab",commandPrompt:F(U.showSearch),title:F(U.search),persistence:"permanent",loadView:async()=>(await W()).NetworkPanel.SearchNetworkView.instance()}),o.ActionRegistration.registerActionExtension({actionId:"network.toggle-recording",category:o.ActionRegistration.ActionCategory.NETWORK,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await W()).NetworkPanel.ActionDelegate.instance(),options:[{value:!0,title:F(U.recordNetworkLog)},{value:!1,title:F(U.stopRecordingNetworkLog)}],bindings:[{shortcut:"Ctrl+E",platform:"windows,linux"},{shortcut:"Meta+E",platform:"mac"}]}),o.ActionRegistration.registerActionExtension({actionId:"network.clear",category:o.ActionRegistration.ActionCategory.NETWORK,title:F(U.clear),iconClass:"clear",loadActionDelegate:async()=>(await W()).NetworkPanel.ActionDelegate.instance(),contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),bindings:[{shortcut:"Ctrl+L"},{shortcut:"Meta+K",platform:"mac"}]}),o.ActionRegistration.registerActionExtension({actionId:"network.hide-request-details",category:o.ActionRegistration.ActionCategory.NETWORK,title:F(U.hideRequestDetails),contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await W()).NetworkPanel.ActionDelegate.instance(),bindings:[{shortcut:"Esc"}]}),o.ActionRegistration.registerActionExtension({actionId:"network.search",category:o.ActionRegistration.ActionCategory.NETWORK,title:F(U.search),contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await W()).NetworkPanel.ActionDelegate.instance(),bindings:[{platform:"mac",shortcut:"Meta+F",keybindSets:["devToolsDefault","vsCode"]},{platform:"windows,linux",shortcut:"Ctrl+F",keybindSets:["devToolsDefault","vsCode"]}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.NETWORK,storageType:e.Settings.SettingStorageType.Synced,title:F(U.colorcodeResourceTypes),settingName:"networkColorCodeResourceTypes",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[F(U.colorCode),F(U.resourceType)],options:[{value:!0,title:F(U.colorCodeByResourceType)},{value:!1,title:F(U.useDefaultColors)}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.NETWORK,storageType:e.Settings.SettingStorageType.Synced,title:F(U.groupNetworkLogByFrame),settingName:"network.group-by-frame",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[F(U.netWork),F(U.frame),F(U.group)],options:[{value:!0,title:F(U.groupNetworkLogItemsByFrame)},{value:!1,title:F(U.dontGroupNetworkLogItemsByFrame)}]}),o.ViewManager.registerLocationResolver({name:"network-sidebar",category:o.ViewManager.ViewLocationCategory.NETWORK,loadResolver:async()=>(await W()).NetworkPanel.NetworkPanel.instance()}),o.ContextMenu.registerProvider({contextTypes:()=>[a.NetworkRequest.NetworkRequest,a.Resource.Resource,r.UISourceCode.UISourceCode],loadProvider:async()=>(await W()).NetworkPanel.ContextMenuProvider.instance(),experiment:void 0}),e.Revealer.registerRevealer({contextTypes:()=>[a.NetworkRequest.NetworkRequest],destination:e.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await W()).NetworkPanel.RequestRevealer.instance()}),e.Revealer.registerRevealer({contextTypes:()=>[s.UIRequestLocation.UIRequestLocation],loadRevealer:async()=>(await W()).NetworkPanel.RequestLocationRevealer.instance(),destination:void 0}),e.Revealer.registerRevealer({contextTypes:()=>[s.NetworkRequestId.NetworkRequestId],destination:e.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await W()).NetworkPanel.RequestIdRevealer.instance()}),e.Revealer.registerRevealer({contextTypes:()=>[s.UIFilter.UIRequestFilter],destination:e.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await W()).NetworkPanel.NetworkLogWithFilterRevealer.instance()});const q={profiler:"Profiler",showProfiler:"Show Profiler",performance:"Performance",showPerformance:"Show Performance",startStopRecording:"Start/stop recording",showRecentTimelineSessions:"Show recent timeline sessions",record:"Record",stop:"Stop",startProfilingAndReloadPage:"Start profiling and reload page"},K=i.i18n.registerUIStrings("panels/js_profiler/js_profiler-meta.ts",q),G=i.i18n.getLazilyComputedLocalizedString.bind(void 0,K);let H,J;async function Q(){return J||(J=await import("../../panels/profiler/profiler.js")),J}async function Y(){return H||(H=await import("../../panels/timeline/timeline.js")),H}function X(e){return void 0===H?[]:e(H)}o.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:G(q.profiler),commandPrompt:G(q.showProfiler),order:65,persistence:"permanent",experiment:t.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await Q()).ProfilesPanel.JSProfilerPanel.instance()}),o.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:o.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:G(q.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===J?[]:(e=>[e.ProfilesPanel.JSProfilerPanel])(J),loadActionDelegate:async()=>(await Q()).ProfilesPanel.JSProfilerPanel.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),o.ActionRegistration.registerActionExtension({actionId:"timeline.show-history",loadActionDelegate:async()=>(await Y()).TimelinePanel.ActionDelegate.instance(),category:o.ActionRegistration.ActionCategory.PERFORMANCE,title:G(q.showRecentTimelineSessions),contextTypes:()=>X((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Ctrl+H"},{platform:"mac",shortcut:"Meta+Y"}]}),o.ActionRegistration.registerActionExtension({actionId:"timeline.toggle-recording",category:o.ActionRegistration.ActionCategory.PERFORMANCE,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>X((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await Y()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:G(q.record)},{value:!1,title:G(q.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),o.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>X((e=>[e.TimelinePanel.TimelinePanel])),category:o.ActionRegistration.ActionCategory.PERFORMANCE,title:G(q.startProfilingAndReloadPage),loadActionDelegate:async()=>(await Y()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]});const Z={rnWelcome:"⚛️ Welcome",showRnWelcome:"Show React Native Welcome panel"},$=i.i18n.registerUIStrings("panels/rn_welcome/rn_welcome-meta.ts",Z),ee=i.i18n.getLazilyComputedLocalizedString.bind(void 0,$);let te;o.ViewManager.registerViewExtension({location:"panel",id:"rn-welcome",title:ee(Z.rnWelcome),commandPrompt:ee(Z.showRnWelcome),order:-10,persistence:"permanent",loadView:async()=>(await async function(){return te||(te=await import("../../panels/rn_welcome/rn_welcome.js")),te}()).RNWelcome.RNWelcomeImpl.instance(),experiment:t.Runtime.ExperimentName.REACT_NATIVE_SPECIFIC_UI}),t.Runtime.experiments.register(t.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,"Enable JavaScript Profiler (legacy)",!1),t.Runtime.experiments.register(t.Runtime.ExperimentName.REACT_NATIVE_SPECIFIC_UI,"Show React Native-specific UI",!1),t.Runtime.experiments.enableExperimentsByDefault([t.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,t.Runtime.ExperimentName.REACT_NATIVE_SPECIFIC_UI]),self.runtime=t.Runtime.Runtime.instance({forceNew:!0}),new l.MainImpl.MainImpl;
diff --git a/packages/debugger-frontend/dist/third-party/front_end/entrypoints/worker_app/worker_app.js b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/worker_app/worker_app.js
index 379992bd6e67cd..eab4a9e84512f3 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/entrypoints/worker_app/worker_app.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/entrypoints/worker_app/worker_app.js
@@ -1 +1 @@
-import"../shell/shell.js";import*as e from"../../core/sdk/sdk.js";import*as t from"../../ui/legacy/legacy.js";import*as i from"../../core/i18n/i18n.js";import*as o from"../../core/root/root.js";import*as n from"../../core/common/common.js";import*as r from"../../models/issues_manager/issues_manager.js";import*as a from"../../models/workspace/workspace.js";import*as s from"../../panels/network/forward/forward.js";import*as c from"../../panels/mobile_throttling/mobile_throttling.js";import*as l from"../../ui/legacy/components/utils/utils.js";import*as g from"../main/main.js";const d={showEventListenerBreakpoints:"Show Event Listener Breakpoints",eventListenerBreakpoints:"Event Listener Breakpoints",showCspViolationBreakpoints:"Show CSP Violation Breakpoints",cspViolationBreakpoints:"CSP Violation Breakpoints",showXhrfetchBreakpoints:"Show XHR/fetch Breakpoints",xhrfetchBreakpoints:"XHR/fetch Breakpoints",showDomBreakpoints:"Show DOM Breakpoints",domBreakpoints:"DOM Breakpoints",showGlobalListeners:"Show Global Listeners",globalListeners:"Global Listeners",page:"Page",showPage:"Show Page",overrides:"Overrides",showOverrides:"Show Overrides",contentScripts:"Content scripts",showContentScripts:"Show Content scripts"},w=i.i18n.registerUIStrings("panels/browser_debugger/browser_debugger-meta.ts",d),p=i.i18n.getLazilyComputedLocalizedString.bind(void 0,w);let m,u;async function R(){return m||(m=await import("../../panels/browser_debugger/browser_debugger.js")),m}async function y(){return u||(u=await import("../../panels/sources/sources.js")),u}t.ViewManager.registerViewExtension({loadView:async()=>(await R()).EventListenerBreakpointsSidebarPane.EventListenerBreakpointsSidebarPane.instance(),id:"sources.eventListenerBreakpoints",location:"sources.sidebar-bottom",commandPrompt:p(d.showEventListenerBreakpoints),title:p(d.eventListenerBreakpoints),order:9,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await R()).CSPViolationBreakpointsSidebarPane.CSPViolationBreakpointsSidebarPane.instance(),id:"sources.cspViolationBreakpoints",location:"sources.sidebar-bottom",commandPrompt:p(d.showCspViolationBreakpoints),title:p(d.cspViolationBreakpoints),order:10,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await R()).XHRBreakpointsSidebarPane.XHRBreakpointsSidebarPane.instance(),id:"sources.xhrBreakpoints",location:"sources.sidebar-bottom",commandPrompt:p(d.showXhrfetchBreakpoints),title:p(d.xhrfetchBreakpoints),order:5,persistence:"permanent",hasToolbar:!0}),t.ViewManager.registerViewExtension({loadView:async()=>(await R()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"sources.domBreakpoints",location:"sources.sidebar-bottom",commandPrompt:p(d.showDomBreakpoints),title:p(d.domBreakpoints),order:7,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await R()).ObjectEventListenersSidebarPane.ObjectEventListenersSidebarPane.instance(),id:"sources.globalListeners",location:"sources.sidebar-bottom",commandPrompt:p(d.showGlobalListeners),title:p(d.globalListeners),order:8,persistence:"permanent",hasToolbar:!0}),t.ViewManager.registerViewExtension({loadView:async()=>(await R()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"elements.domBreakpoints",location:"elements-sidebar",commandPrompt:p(d.showDomBreakpoints),title:p(d.domBreakpoints),order:6,persistence:"permanent"}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-network",title:p(d.page),commandPrompt:p(d.showPage),order:2,persistence:"permanent",loadView:async()=>(await y()).SourcesNavigator.NetworkNavigatorView.instance()}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-overrides",title:p(d.overrides),commandPrompt:p(d.showOverrides),order:4,persistence:"permanent",loadView:async()=>(await y()).SourcesNavigator.OverridesNavigatorView.instance()}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-contentScripts",title:p(d.contentScripts),commandPrompt:p(d.showContentScripts),order:5,persistence:"permanent",loadView:async()=>(await y()).SourcesNavigator.ContentScriptsNavigatorView.instance()}),t.ContextMenu.registerProvider({contextTypes:()=>[e.DOMModel.DOMNode],loadProvider:async()=>(await R()).DOMBreakpointsSidebarPane.ContextMenuProvider.instance(),experiment:void 0}),t.Context.registerListener({contextTypes:()=>[e.DebuggerModel.DebuggerPausedDetails],loadListener:async()=>(await R()).XHRBreakpointsSidebarPane.XHRBreakpointsSidebarPane.instance()}),t.Context.registerListener({contextTypes:()=>[e.DebuggerModel.DebuggerPausedDetails],loadListener:async()=>(await R()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance()});const h={developerResources:"Developer Resources",showDeveloperResources:"Show Developer Resources"},A=i.i18n.registerUIStrings("panels/developer_resources/developer_resources-meta.ts",h),S=i.i18n.getLazilyComputedLocalizedString.bind(void 0,A);let k;t.ViewManager.registerViewExtension({location:"drawer-view",id:"resource-loading-pane",title:S(h.developerResources),commandPrompt:S(h.showDeveloperResources),order:100,persistence:"closeable",experiment:o.Runtime.ExperimentName.DEVELOPER_RESOURCES_VIEW,loadView:async()=>new((await async function(){return k||(k=await import("../../panels/developer_resources/developer_resources.js")),k}()).DeveloperResourcesView.DeveloperResourcesView)});const P={issues:"Issues",showIssues:"Show Issues",cspViolations:"CSP Violations",showCspViolations:"Show CSP Violations"},v=i.i18n.registerUIStrings("panels/issues/issues-meta.ts",P),E=i.i18n.getLazilyComputedLocalizedString.bind(void 0,v);let T;async function C(){return T||(T=await import("../../panels/issues/issues.js")),T}t.ViewManager.registerViewExtension({location:"drawer-view",id:"issues-pane",title:E(P.issues),commandPrompt:E(P.showIssues),order:100,persistence:"closeable",loadView:async()=>(await C()).IssuesPane.IssuesPane.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"csp-violations-pane",title:E(P.cspViolations),commandPrompt:E(P.showCspViolations),order:100,persistence:"closeable",loadView:async()=>(await C()).CSPViolationsView.CSPViolationsView.instance(),experiment:o.Runtime.ExperimentName.CSP_VIOLATIONS_VIEW}),n.Revealer.registerRevealer({contextTypes:()=>[r.Issue.Issue],destination:n.Revealer.RevealerDestination.ISSUES_VIEW,loadRevealer:async()=>(await C()).IssueRevealer.IssueRevealer.instance()});const f={resetView:"Reset view",switchToPanMode:"Switch to pan mode",switchToRotateMode:"Switch to rotate mode",zoomIn:"Zoom in",zoomOut:"Zoom out",panOrRotateUp:"Pan or rotate up",panOrRotateDown:"Pan or rotate down",panOrRotateLeft:"Pan or rotate left",panOrRotateRight:"Pan or rotate right"},b=i.i18n.registerUIStrings("panels/layer_viewer/layer_viewer-meta.ts",f),N=i.i18n.getLazilyComputedLocalizedString.bind(void 0,b);t.ActionRegistration.registerActionExtension({actionId:"layers.reset-view",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.resetView),bindings:[{shortcut:"0"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.pan-mode",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.switchToPanMode),bindings:[{shortcut:"x"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.rotate-mode",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.switchToRotateMode),bindings:[{shortcut:"v"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.zoom-in",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.zoomIn),bindings:[{shortcut:"Shift+Plus"},{shortcut:"NumpadPlus"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.zoom-out",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.zoomOut),bindings:[{shortcut:"Shift+Minus"},{shortcut:"NumpadMinus"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.up",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.panOrRotateUp),bindings:[{shortcut:"Up"},{shortcut:"w"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.down",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.panOrRotateDown),bindings:[{shortcut:"Down"},{shortcut:"s"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.left",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.panOrRotateLeft),bindings:[{shortcut:"Left"},{shortcut:"a"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.right",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.panOrRotateRight),bindings:[{shortcut:"Right"},{shortcut:"d"}]});const x={throttling:"Throttling",showThrottling:"Show Throttling",goOffline:"Go offline",device:"device",throttlingTag:"throttling",enableSlowGThrottling:"Enable slow `3G` throttling",enableFastGThrottling:"Enable fast `3G` throttling",goOnline:"Go online"},V=i.i18n.registerUIStrings("panels/mobile_throttling/mobile_throttling-meta.ts",x),L=i.i18n.getLazilyComputedLocalizedString.bind(void 0,V);let I;async function D(){return I||(I=await import("../../panels/mobile_throttling/mobile_throttling.js")),I}t.ViewManager.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:L(x.throttling),commandPrompt:L(x.showThrottling),order:35,loadView:async()=>(await D()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-offline",category:t.ActionRegistration.ActionCategory.NETWORK,title:L(x.goOffline),loadActionDelegate:async()=>(await D()).ThrottlingManager.ActionDelegate.instance(),tags:[L(x.device),L(x.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-low-end-mobile",category:t.ActionRegistration.ActionCategory.NETWORK,title:L(x.enableSlowGThrottling),loadActionDelegate:async()=>(await D()).ThrottlingManager.ActionDelegate.instance(),tags:[L(x.device),L(x.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-mid-tier-mobile",category:t.ActionRegistration.ActionCategory.NETWORK,title:L(x.enableFastGThrottling),loadActionDelegate:async()=>(await D()).ThrottlingManager.ActionDelegate.instance(),tags:[L(x.device),L(x.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-online",category:t.ActionRegistration.ActionCategory.NETWORK,title:L(x.goOnline),loadActionDelegate:async()=>(await D()).ThrottlingManager.ActionDelegate.instance(),tags:[L(x.device),L(x.throttlingTag)]}),n.Settings.registerSettingExtension({storageType:n.Settings.SettingStorageType.Synced,settingName:"customNetworkConditions",settingType:n.Settings.SettingType.ARRAY,defaultValue:[]});const M={showNetwork:"Show Network",network:"Network",showNetworkRequestBlocking:"Show Network request blocking",networkRequestBlocking:"Network request blocking",showNetworkConditions:"Show Network conditions",networkConditions:"Network conditions",diskCache:"disk cache",networkThrottling:"network throttling",showSearch:"Show Search",search:"Search",recordNetworkLog:"Record network log",stopRecordingNetworkLog:"Stop recording network log",hideRequestDetails:"Hide request details",colorcodeResourceTypes:"Color-code resource types",colorCode:"color code",resourceType:"resource type",colorCodeByResourceType:"Color code by resource type",useDefaultColors:"Use default colors",groupNetworkLogByFrame:"Group network log by frame",netWork:"network",frame:"frame",group:"group",groupNetworkLogItemsByFrame:"Group network log items by frame",dontGroupNetworkLogItemsByFrame:"Don't group network log items by frame",clear:"Clear network log"},O=i.i18n.registerUIStrings("panels/network/network-meta.ts",M),B=i.i18n.getLazilyComputedLocalizedString.bind(void 0,O);let _;async function F(){return _||(_=await import("../../panels/network/network.js")),_}function j(e){return void 0===_?[]:e(_)}t.ViewManager.registerViewExtension({location:"panel",id:"network",commandPrompt:B(M.showNetwork),title:B(M.network),order:40,loadView:async()=>(await F()).NetworkPanel.NetworkPanel.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"network.blocked-urls",commandPrompt:B(M.showNetworkRequestBlocking),title:B(M.networkRequestBlocking),persistence:"closeable",order:60,loadView:async()=>(await F()).BlockedURLsPane.BlockedURLsPane.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"network.config",commandPrompt:B(M.showNetworkConditions),title:B(M.networkConditions),persistence:"closeable",order:40,tags:[B(M.diskCache),B(M.networkThrottling),i.i18n.lockedLazyString("useragent"),i.i18n.lockedLazyString("user agent"),i.i18n.lockedLazyString("user-agent")],loadView:async()=>(await F()).NetworkConfigView.NetworkConfigView.instance()}),t.ViewManager.registerViewExtension({location:"network-sidebar",id:"network.search-network-tab",commandPrompt:B(M.showSearch),title:B(M.search),persistence:"permanent",loadView:async()=>(await F()).NetworkPanel.SearchNetworkView.instance()}),t.ActionRegistration.registerActionExtension({actionId:"network.toggle-recording",category:t.ActionRegistration.ActionCategory.NETWORK,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await F()).NetworkPanel.ActionDelegate.instance(),options:[{value:!0,title:B(M.recordNetworkLog)},{value:!1,title:B(M.stopRecordingNetworkLog)}],bindings:[{shortcut:"Ctrl+E",platform:"windows,linux"},{shortcut:"Meta+E",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.clear",category:t.ActionRegistration.ActionCategory.NETWORK,title:B(M.clear),iconClass:"clear",loadActionDelegate:async()=>(await F()).NetworkPanel.ActionDelegate.instance(),contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),bindings:[{shortcut:"Ctrl+L"},{shortcut:"Meta+K",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.hide-request-details",category:t.ActionRegistration.ActionCategory.NETWORK,title:B(M.hideRequestDetails),contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await F()).NetworkPanel.ActionDelegate.instance(),bindings:[{shortcut:"Esc"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.search",category:t.ActionRegistration.ActionCategory.NETWORK,title:B(M.search),contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await F()).NetworkPanel.ActionDelegate.instance(),bindings:[{platform:"mac",shortcut:"Meta+F",keybindSets:["devToolsDefault","vsCode"]},{platform:"windows,linux",shortcut:"Ctrl+F",keybindSets:["devToolsDefault","vsCode"]}]}),n.Settings.registerSettingExtension({category:n.Settings.SettingCategory.NETWORK,storageType:n.Settings.SettingStorageType.Synced,title:B(M.colorcodeResourceTypes),settingName:"networkColorCodeResourceTypes",settingType:n.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[B(M.colorCode),B(M.resourceType)],options:[{value:!0,title:B(M.colorCodeByResourceType)},{value:!1,title:B(M.useDefaultColors)}]}),n.Settings.registerSettingExtension({category:n.Settings.SettingCategory.NETWORK,storageType:n.Settings.SettingStorageType.Synced,title:B(M.groupNetworkLogByFrame),settingName:"network.group-by-frame",settingType:n.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[B(M.netWork),B(M.frame),B(M.group)],options:[{value:!0,title:B(M.groupNetworkLogItemsByFrame)},{value:!1,title:B(M.dontGroupNetworkLogItemsByFrame)}]}),t.ViewManager.registerLocationResolver({name:"network-sidebar",category:t.ViewManager.ViewLocationCategory.NETWORK,loadResolver:async()=>(await F()).NetworkPanel.NetworkPanel.instance()}),t.ContextMenu.registerProvider({contextTypes:()=>[e.NetworkRequest.NetworkRequest,e.Resource.Resource,a.UISourceCode.UISourceCode],loadProvider:async()=>(await F()).NetworkPanel.ContextMenuProvider.instance(),experiment:void 0}),n.Revealer.registerRevealer({contextTypes:()=>[e.NetworkRequest.NetworkRequest],destination:n.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await F()).NetworkPanel.RequestRevealer.instance()}),n.Revealer.registerRevealer({contextTypes:()=>[s.UIRequestLocation.UIRequestLocation],loadRevealer:async()=>(await F()).NetworkPanel.RequestLocationRevealer.instance(),destination:void 0}),n.Revealer.registerRevealer({contextTypes:()=>[s.NetworkRequestId.NetworkRequestId],destination:n.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await F()).NetworkPanel.RequestIdRevealer.instance()}),n.Revealer.registerRevealer({contextTypes:()=>[s.UIFilter.UIRequestFilter],destination:n.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await F()).NetworkPanel.NetworkLogWithFilterRevealer.instance()});const U={application:"Application",showApplication:"Show Application",pwa:"pwa",clearSiteData:"Clear site data",clearSiteDataIncludingThirdparty:"Clear site data (including third-party cookies)",startRecordingEvents:"Start recording events",stopRecordingEvents:"Stop recording events"},W=i.i18n.registerUIStrings("panels/application/application-meta.ts",U),z=i.i18n.getLazilyComputedLocalizedString.bind(void 0,W);let q;async function G(){return q||(q=await import("../../panels/application/application.js")),q}t.ViewManager.registerViewExtension({location:"panel",id:"resources",title:z(U.application),commandPrompt:z(U.showApplication),order:70,loadView:async()=>(await G()).ResourcesPanel.ResourcesPanel.instance(),tags:[z(U.pwa)]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.RESOURCES,actionId:"resources.clear",title:z(U.clearSiteData),loadActionDelegate:async()=>(await G()).StorageView.ActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.RESOURCES,actionId:"resources.clear-incl-third-party-cookies",title:z(U.clearSiteDataIncludingThirdparty),loadActionDelegate:async()=>(await G()).StorageView.ActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({actionId:"background-service.toggle-recording",iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===q?[]:(e=>[e.BackgroundServiceView.BackgroundServiceView])(q),loadActionDelegate:async()=>(await G()).BackgroundServiceView.ActionDelegate.instance(),category:t.ActionRegistration.ActionCategory.BACKGROUND_SERVICES,options:[{value:!0,title:z(U.startRecordingEvents)},{value:!1,title:z(U.stopRecordingEvents)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),n.Revealer.registerRevealer({contextTypes:()=>[e.Resource.Resource],destination:n.Revealer.RevealerDestination.APPLICATION_PANEL,loadRevealer:async()=>(await G()).ResourcesPanel.ResourceRevealer.instance()}),n.Revealer.registerRevealer({contextTypes:()=>[e.ResourceTreeModel.ResourceTreeFrame],destination:n.Revealer.RevealerDestination.APPLICATION_PANEL,loadRevealer:async()=>(await G()).ResourcesPanel.FrameDetailsRevealer.instance()});const K={performance:"Performance",showPerformance:"Show Performance",javascriptProfiler:"JavaScript Profiler",showJavascriptProfiler:"Show JavaScript Profiler",record:"Record",stop:"Stop",startProfilingAndReloadPage:"Start profiling and reload page",saveProfile:"Save profile…",loadProfile:"Load profile…",previousFrame:"Previous frame",nextFrame:"Next frame",showRecentTimelineSessions:"Show recent timeline sessions",previousRecording:"Previous recording",nextRecording:"Next recording",hideChromeFrameInLayersView:"Hide `chrome` frame in Layers view",startStopRecording:"Start/stop recording"},Y=i.i18n.registerUIStrings("panels/timeline/timeline-meta.ts",K),H=i.i18n.getLazilyComputedLocalizedString.bind(void 0,Y);let J,X;async function Z(){return J||(J=await import("../../panels/timeline/timeline.js")),J}async function Q(){return X||(X=await import("../../panels/profiler/profiler.js")),X}function $(e){return void 0===J?[]:e(J)}t.ViewManager.registerViewExtension({location:"panel",id:"timeline",title:H(K.performance),commandPrompt:H(K.showPerformance),order:50,loadView:async()=>(await Z()).TimelinePanel.TimelinePanel.instance()}),t.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:H(K.javascriptProfiler),commandPrompt:H(K.showJavascriptProfiler),persistence:"closeable",order:65,experiment:o.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await Q()).ProfilesPanel.JSProfilerPanel.instance()}),t.ActionRegistration.registerActionExtension({actionId:"timeline.toggle-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:H(K.record)},{value:!1,title:H(K.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:H(K.startProfilingAndReloadPage),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.PERFORMANCE,actionId:"timeline.save-to-file",contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),title:H(K.saveProfile),bindings:[{platform:"windows,linux",shortcut:"Ctrl+S"},{platform:"mac",shortcut:"Meta+S"}]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.PERFORMANCE,actionId:"timeline.load-from-file",contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),title:H(K.loadProfile),bindings:[{platform:"windows,linux",shortcut:"Ctrl+O"},{platform:"mac",shortcut:"Meta+O"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.jump-to-previous-frame",category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:H(K.previousFrame),contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),bindings:[{shortcut:"["}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.jump-to-next-frame",category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:H(K.nextFrame),contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),bindings:[{shortcut:"]"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.show-history",loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:H(K.showRecentTimelineSessions),contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Ctrl+H"},{platform:"mac",shortcut:"Meta+Y"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.previous-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),title:H(K.previousRecording),contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Alt+Left"},{platform:"mac",shortcut:"Meta+Left"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.next-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),title:H(K.nextRecording),contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Alt+Right"},{platform:"mac",shortcut:"Meta+Right"}]}),t.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:t.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:H(K.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===X?[]:(e=>[e.ProfilesPanel.JSProfilerPanel])(X),loadActionDelegate:async()=>(await Q()).ProfilesPanel.JSProfilerPanel.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),n.Settings.registerSettingExtension({category:n.Settings.SettingCategory.PERFORMANCE,storageType:n.Settings.SettingStorageType.Synced,title:H(K.hideChromeFrameInLayersView),settingName:"frameViewerHideChromeWindow",settingType:n.Settings.SettingType.BOOLEAN,defaultValue:!1}),n.Linkifier.registerLinkifier({contextTypes:()=>$((e=>[e.CLSLinkifier.CLSRect])),loadLinkifier:async()=>(await Z()).CLSLinkifier.Linkifier.instance()}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.TIMELINE_MENU_OPEN,actionId:"timeline.load-from-file",order:10}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.TIMELINE_MENU_OPEN,actionId:"timeline.save-to-file",order:15});const ee={main:"Main"},te=i.i18n.registerUIStrings("entrypoints/worker_app/WorkerMain.ts",ee),ie=i.i18n.getLocalizedString.bind(void 0,te);let oe;class ne{static instance(e={forceNew:null}){const{forceNew:t}=e;return oe&&!t||(oe=new ne),oe}async run(){e.Connections.initMainConnection((async()=>{await e.TargetManager.TargetManager.instance().maybeAttachInitialTarget()||e.TargetManager.TargetManager.instance().createTarget("main",ie(ee.main),e.Target.Type.ServiceWorker,null)}),l.TargetDetachedDialog.TargetDetachedDialog.webSocketConnectionLost),new c.NetworkPanelIndicator.NetworkPanelIndicator}}n.Runnable.registerEarlyInitializationRunnable(ne.instance),e.ChildTargetManager.ChildTargetManager.install((async({target:t,waitingForDebugger:i})=>{if(t.parentTarget()||t.type()!==e.Target.Type.ServiceWorker||!i)return;const o=t.model(e.DebuggerModel.DebuggerModel);o&&(o.isReadyToPause()||await o.once(e.DebuggerModel.Events.DebuggerIsReadyToPause),o.pause())})),self.runtime=o.Runtime.Runtime.instance({forceNew:!0}),new g.MainImpl.MainImpl;
+import"../shell/shell.js";import*as e from"../../core/sdk/sdk.js";import*as t from"../../ui/legacy/legacy.js";import*as i from"../../core/i18n/i18n.js";import*as o from"../../core/root/root.js";import*as n from"../../core/common/common.js";import*as r from"../../models/issues_manager/issues_manager.js";import*as a from"../../models/workspace/workspace.js";import*as s from"../../panels/network/forward/forward.js";import*as c from"../../panels/mobile_throttling/mobile_throttling.js";import*as l from"../../ui/legacy/components/utils/utils.js";import*as g from"../main/main.js";const d={showEventListenerBreakpoints:"Show Event Listener Breakpoints",eventListenerBreakpoints:"Event Listener Breakpoints",showCspViolationBreakpoints:"Show CSP Violation Breakpoints",cspViolationBreakpoints:"CSP Violation Breakpoints",showXhrfetchBreakpoints:"Show XHR/fetch Breakpoints",xhrfetchBreakpoints:"XHR/fetch Breakpoints",showDomBreakpoints:"Show DOM Breakpoints",domBreakpoints:"DOM Breakpoints",showGlobalListeners:"Show Global Listeners",globalListeners:"Global Listeners",page:"Page",showPage:"Show Page",overrides:"Overrides",showOverrides:"Show Overrides",contentScripts:"Content scripts",showContentScripts:"Show Content scripts"},w=i.i18n.registerUIStrings("panels/browser_debugger/browser_debugger-meta.ts",d),p=i.i18n.getLazilyComputedLocalizedString.bind(void 0,w);let m,u;async function R(){return m||(m=await import("../../panels/browser_debugger/browser_debugger.js")),m}async function y(){return u||(u=await import("../../panels/sources/sources.js")),u}t.ViewManager.registerViewExtension({loadView:async()=>(await R()).EventListenerBreakpointsSidebarPane.EventListenerBreakpointsSidebarPane.instance(),id:"sources.eventListenerBreakpoints",location:"sources.sidebar-bottom",commandPrompt:p(d.showEventListenerBreakpoints),title:p(d.eventListenerBreakpoints),order:9,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await R()).CSPViolationBreakpointsSidebarPane.CSPViolationBreakpointsSidebarPane.instance(),id:"sources.cspViolationBreakpoints",location:"sources.sidebar-bottom",commandPrompt:p(d.showCspViolationBreakpoints),title:p(d.cspViolationBreakpoints),order:10,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await R()).XHRBreakpointsSidebarPane.XHRBreakpointsSidebarPane.instance(),id:"sources.xhrBreakpoints",location:"sources.sidebar-bottom",commandPrompt:p(d.showXhrfetchBreakpoints),title:p(d.xhrfetchBreakpoints),order:5,persistence:"permanent",hasToolbar:!0}),t.ViewManager.registerViewExtension({loadView:async()=>(await R()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"sources.domBreakpoints",location:"sources.sidebar-bottom",commandPrompt:p(d.showDomBreakpoints),title:p(d.domBreakpoints),order:7,persistence:"permanent"}),t.ViewManager.registerViewExtension({loadView:async()=>(await R()).ObjectEventListenersSidebarPane.ObjectEventListenersSidebarPane.instance(),id:"sources.globalListeners",location:"sources.sidebar-bottom",commandPrompt:p(d.showGlobalListeners),title:p(d.globalListeners),order:8,persistence:"permanent",hasToolbar:!0}),t.ViewManager.registerViewExtension({loadView:async()=>(await R()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance(),id:"elements.domBreakpoints",location:"elements-sidebar",commandPrompt:p(d.showDomBreakpoints),title:p(d.domBreakpoints),order:6,persistence:"permanent"}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-network",title:p(d.page),commandPrompt:p(d.showPage),order:2,persistence:"permanent",loadView:async()=>(await y()).SourcesNavigator.NetworkNavigatorView.instance()}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-overrides",title:p(d.overrides),commandPrompt:p(d.showOverrides),order:4,persistence:"permanent",loadView:async()=>(await y()).SourcesNavigator.OverridesNavigatorView.instance()}),t.ViewManager.registerViewExtension({location:"navigator-view",id:"navigator-contentScripts",title:p(d.contentScripts),commandPrompt:p(d.showContentScripts),order:5,persistence:"permanent",loadView:async()=>(await y()).SourcesNavigator.ContentScriptsNavigatorView.instance()}),t.ContextMenu.registerProvider({contextTypes:()=>[e.DOMModel.DOMNode],loadProvider:async()=>(await R()).DOMBreakpointsSidebarPane.ContextMenuProvider.instance(),experiment:void 0}),t.Context.registerListener({contextTypes:()=>[e.DebuggerModel.DebuggerPausedDetails],loadListener:async()=>(await R()).XHRBreakpointsSidebarPane.XHRBreakpointsSidebarPane.instance()}),t.Context.registerListener({contextTypes:()=>[e.DebuggerModel.DebuggerPausedDetails],loadListener:async()=>(await R()).DOMBreakpointsSidebarPane.DOMBreakpointsSidebarPane.instance()});const A={developerResources:"Developer Resources",showDeveloperResources:"Show Developer Resources"},h=i.i18n.registerUIStrings("panels/developer_resources/developer_resources-meta.ts",A),S=i.i18n.getLazilyComputedLocalizedString.bind(void 0,h);let k;t.ViewManager.registerViewExtension({location:"drawer-view",id:"resource-loading-pane",title:S(A.developerResources),commandPrompt:S(A.showDeveloperResources),order:100,persistence:"closeable",experiment:o.Runtime.ExperimentName.DEVELOPER_RESOURCES_VIEW,loadView:async()=>new((await async function(){return k||(k=await import("../../panels/developer_resources/developer_resources.js")),k}()).DeveloperResourcesView.DeveloperResourcesView)});const P={issues:"Issues",showIssues:"Show Issues",cspViolations:"CSP Violations",showCspViolations:"Show CSP Violations"},v=i.i18n.registerUIStrings("panels/issues/issues-meta.ts",P),E=i.i18n.getLazilyComputedLocalizedString.bind(void 0,v);let T;async function C(){return T||(T=await import("../../panels/issues/issues.js")),T}t.ViewManager.registerViewExtension({location:"drawer-view",id:"issues-pane",title:E(P.issues),commandPrompt:E(P.showIssues),order:100,persistence:"closeable",loadView:async()=>(await C()).IssuesPane.IssuesPane.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"csp-violations-pane",title:E(P.cspViolations),commandPrompt:E(P.showCspViolations),order:100,persistence:"closeable",loadView:async()=>(await C()).CSPViolationsView.CSPViolationsView.instance(),experiment:o.Runtime.ExperimentName.CSP_VIOLATIONS_VIEW}),n.Revealer.registerRevealer({contextTypes:()=>[r.Issue.Issue],destination:n.Revealer.RevealerDestination.ISSUES_VIEW,loadRevealer:async()=>(await C()).IssueRevealer.IssueRevealer.instance()});const f={resetView:"Reset view",switchToPanMode:"Switch to pan mode",switchToRotateMode:"Switch to rotate mode",zoomIn:"Zoom in",zoomOut:"Zoom out",panOrRotateUp:"Pan or rotate up",panOrRotateDown:"Pan or rotate down",panOrRotateLeft:"Pan or rotate left",panOrRotateRight:"Pan or rotate right"},b=i.i18n.registerUIStrings("panels/layer_viewer/layer_viewer-meta.ts",f),N=i.i18n.getLazilyComputedLocalizedString.bind(void 0,b);t.ActionRegistration.registerActionExtension({actionId:"layers.reset-view",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.resetView),bindings:[{shortcut:"0"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.pan-mode",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.switchToPanMode),bindings:[{shortcut:"x"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.rotate-mode",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.switchToRotateMode),bindings:[{shortcut:"v"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.zoom-in",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.zoomIn),bindings:[{shortcut:"Shift+Plus"},{shortcut:"NumpadPlus"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.zoom-out",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.zoomOut),bindings:[{shortcut:"Shift+Minus"},{shortcut:"NumpadMinus"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.up",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.panOrRotateUp),bindings:[{shortcut:"Up"},{shortcut:"w"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.down",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.panOrRotateDown),bindings:[{shortcut:"Down"},{shortcut:"s"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.left",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.panOrRotateLeft),bindings:[{shortcut:"Left"},{shortcut:"a"}]}),t.ActionRegistration.registerActionExtension({actionId:"layers.right",category:t.ActionRegistration.ActionCategory.LAYERS,title:N(f.panOrRotateRight),bindings:[{shortcut:"Right"},{shortcut:"d"}]});const x={throttling:"Throttling",showThrottling:"Show Throttling",goOffline:"Go offline",device:"device",throttlingTag:"throttling",enableSlowGThrottling:"Enable slow `3G` throttling",enableFastGThrottling:"Enable fast `3G` throttling",goOnline:"Go online"},V=i.i18n.registerUIStrings("panels/mobile_throttling/mobile_throttling-meta.ts",x),L=i.i18n.getLazilyComputedLocalizedString.bind(void 0,V);let I;async function D(){return I||(I=await import("../../panels/mobile_throttling/mobile_throttling.js")),I}t.ViewManager.registerViewExtension({location:"settings-view",id:"throttling-conditions",title:L(x.throttling),commandPrompt:L(x.showThrottling),order:35,loadView:async()=>(await D()).ThrottlingSettingsTab.ThrottlingSettingsTab.instance(),settings:["customNetworkConditions"]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-offline",category:t.ActionRegistration.ActionCategory.NETWORK,title:L(x.goOffline),loadActionDelegate:async()=>(await D()).ThrottlingManager.ActionDelegate.instance(),tags:[L(x.device),L(x.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-low-end-mobile",category:t.ActionRegistration.ActionCategory.NETWORK,title:L(x.enableSlowGThrottling),loadActionDelegate:async()=>(await D()).ThrottlingManager.ActionDelegate.instance(),tags:[L(x.device),L(x.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-mid-tier-mobile",category:t.ActionRegistration.ActionCategory.NETWORK,title:L(x.enableFastGThrottling),loadActionDelegate:async()=>(await D()).ThrottlingManager.ActionDelegate.instance(),tags:[L(x.device),L(x.throttlingTag)]}),t.ActionRegistration.registerActionExtension({actionId:"network-conditions.network-online",category:t.ActionRegistration.ActionCategory.NETWORK,title:L(x.goOnline),loadActionDelegate:async()=>(await D()).ThrottlingManager.ActionDelegate.instance(),tags:[L(x.device),L(x.throttlingTag)]}),n.Settings.registerSettingExtension({storageType:n.Settings.SettingStorageType.Synced,settingName:"customNetworkConditions",settingType:n.Settings.SettingType.ARRAY,defaultValue:[]});const M={showNetwork:"Show Network",network:"Network",showNetworkRequestBlocking:"Show Network request blocking",networkRequestBlocking:"Network request blocking",showNetworkConditions:"Show Network conditions",networkConditions:"Network conditions",diskCache:"disk cache",networkThrottling:"network throttling",showSearch:"Show Search",search:"Search",recordNetworkLog:"Record network log",stopRecordingNetworkLog:"Stop recording network log",hideRequestDetails:"Hide request details",colorcodeResourceTypes:"Color-code resource types",colorCode:"color code",resourceType:"resource type",colorCodeByResourceType:"Color code by resource type",useDefaultColors:"Use default colors",groupNetworkLogByFrame:"Group network log by frame",netWork:"network",frame:"frame",group:"group",groupNetworkLogItemsByFrame:"Group network log items by frame",dontGroupNetworkLogItemsByFrame:"Don't group network log items by frame",clear:"Clear network log"},O=i.i18n.registerUIStrings("panels/network/network-meta.ts",M),B=i.i18n.getLazilyComputedLocalizedString.bind(void 0,O);let _;async function F(){return _||(_=await import("../../panels/network/network.js")),_}function j(e){return void 0===_?[]:e(_)}t.ViewManager.registerViewExtension({location:"panel",id:"network",commandPrompt:B(M.showNetwork),title:B(M.network),order:40,condition:o.Runtime.ConditionName.REACT_NATIVE_UNSTABLE_NETWORK_PANEL,loadView:async()=>(await F()).NetworkPanel.NetworkPanel.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"network.blocked-urls",commandPrompt:B(M.showNetworkRequestBlocking),title:B(M.networkRequestBlocking),persistence:"closeable",order:60,loadView:async()=>(await F()).BlockedURLsPane.BlockedURLsPane.instance()}),t.ViewManager.registerViewExtension({location:"drawer-view",id:"network.config",commandPrompt:B(M.showNetworkConditions),title:B(M.networkConditions),persistence:"closeable",order:40,tags:[B(M.diskCache),B(M.networkThrottling),i.i18n.lockedLazyString("useragent"),i.i18n.lockedLazyString("user agent"),i.i18n.lockedLazyString("user-agent")],loadView:async()=>(await F()).NetworkConfigView.NetworkConfigView.instance()}),t.ViewManager.registerViewExtension({location:"network-sidebar",id:"network.search-network-tab",commandPrompt:B(M.showSearch),title:B(M.search),persistence:"permanent",loadView:async()=>(await F()).NetworkPanel.SearchNetworkView.instance()}),t.ActionRegistration.registerActionExtension({actionId:"network.toggle-recording",category:t.ActionRegistration.ActionCategory.NETWORK,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await F()).NetworkPanel.ActionDelegate.instance(),options:[{value:!0,title:B(M.recordNetworkLog)},{value:!1,title:B(M.stopRecordingNetworkLog)}],bindings:[{shortcut:"Ctrl+E",platform:"windows,linux"},{shortcut:"Meta+E",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.clear",category:t.ActionRegistration.ActionCategory.NETWORK,title:B(M.clear),iconClass:"clear",loadActionDelegate:async()=>(await F()).NetworkPanel.ActionDelegate.instance(),contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),bindings:[{shortcut:"Ctrl+L"},{shortcut:"Meta+K",platform:"mac"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.hide-request-details",category:t.ActionRegistration.ActionCategory.NETWORK,title:B(M.hideRequestDetails),contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await F()).NetworkPanel.ActionDelegate.instance(),bindings:[{shortcut:"Esc"}]}),t.ActionRegistration.registerActionExtension({actionId:"network.search",category:t.ActionRegistration.ActionCategory.NETWORK,title:B(M.search),contextTypes:()=>j((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await F()).NetworkPanel.ActionDelegate.instance(),bindings:[{platform:"mac",shortcut:"Meta+F",keybindSets:["devToolsDefault","vsCode"]},{platform:"windows,linux",shortcut:"Ctrl+F",keybindSets:["devToolsDefault","vsCode"]}]}),n.Settings.registerSettingExtension({category:n.Settings.SettingCategory.NETWORK,storageType:n.Settings.SettingStorageType.Synced,title:B(M.colorcodeResourceTypes),settingName:"networkColorCodeResourceTypes",settingType:n.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[B(M.colorCode),B(M.resourceType)],options:[{value:!0,title:B(M.colorCodeByResourceType)},{value:!1,title:B(M.useDefaultColors)}]}),n.Settings.registerSettingExtension({category:n.Settings.SettingCategory.NETWORK,storageType:n.Settings.SettingStorageType.Synced,title:B(M.groupNetworkLogByFrame),settingName:"network.group-by-frame",settingType:n.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[B(M.netWork),B(M.frame),B(M.group)],options:[{value:!0,title:B(M.groupNetworkLogItemsByFrame)},{value:!1,title:B(M.dontGroupNetworkLogItemsByFrame)}]}),t.ViewManager.registerLocationResolver({name:"network-sidebar",category:t.ViewManager.ViewLocationCategory.NETWORK,loadResolver:async()=>(await F()).NetworkPanel.NetworkPanel.instance()}),t.ContextMenu.registerProvider({contextTypes:()=>[e.NetworkRequest.NetworkRequest,e.Resource.Resource,a.UISourceCode.UISourceCode],loadProvider:async()=>(await F()).NetworkPanel.ContextMenuProvider.instance(),experiment:void 0}),n.Revealer.registerRevealer({contextTypes:()=>[e.NetworkRequest.NetworkRequest],destination:n.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await F()).NetworkPanel.RequestRevealer.instance()}),n.Revealer.registerRevealer({contextTypes:()=>[s.UIRequestLocation.UIRequestLocation],loadRevealer:async()=>(await F()).NetworkPanel.RequestLocationRevealer.instance(),destination:void 0}),n.Revealer.registerRevealer({contextTypes:()=>[s.NetworkRequestId.NetworkRequestId],destination:n.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await F()).NetworkPanel.RequestIdRevealer.instance()}),n.Revealer.registerRevealer({contextTypes:()=>[s.UIFilter.UIRequestFilter],destination:n.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await F()).NetworkPanel.NetworkLogWithFilterRevealer.instance()});const U={application:"Application",showApplication:"Show Application",pwa:"pwa",clearSiteData:"Clear site data",clearSiteDataIncludingThirdparty:"Clear site data (including third-party cookies)",startRecordingEvents:"Start recording events",stopRecordingEvents:"Stop recording events"},W=i.i18n.registerUIStrings("panels/application/application-meta.ts",U),z=i.i18n.getLazilyComputedLocalizedString.bind(void 0,W);let q;async function G(){return q||(q=await import("../../panels/application/application.js")),q}t.ViewManager.registerViewExtension({location:"panel",id:"resources",title:z(U.application),commandPrompt:z(U.showApplication),order:70,loadView:async()=>(await G()).ResourcesPanel.ResourcesPanel.instance(),tags:[z(U.pwa)]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.RESOURCES,actionId:"resources.clear",title:z(U.clearSiteData),loadActionDelegate:async()=>(await G()).StorageView.ActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.RESOURCES,actionId:"resources.clear-incl-third-party-cookies",title:z(U.clearSiteDataIncludingThirdparty),loadActionDelegate:async()=>(await G()).StorageView.ActionDelegate.instance()}),t.ActionRegistration.registerActionExtension({actionId:"background-service.toggle-recording",iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===q?[]:(e=>[e.BackgroundServiceView.BackgroundServiceView])(q),loadActionDelegate:async()=>(await G()).BackgroundServiceView.ActionDelegate.instance(),category:t.ActionRegistration.ActionCategory.BACKGROUND_SERVICES,options:[{value:!0,title:z(U.startRecordingEvents)},{value:!1,title:z(U.stopRecordingEvents)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),n.Revealer.registerRevealer({contextTypes:()=>[e.Resource.Resource],destination:n.Revealer.RevealerDestination.APPLICATION_PANEL,loadRevealer:async()=>(await G()).ResourcesPanel.ResourceRevealer.instance()}),n.Revealer.registerRevealer({contextTypes:()=>[e.ResourceTreeModel.ResourceTreeFrame],destination:n.Revealer.RevealerDestination.APPLICATION_PANEL,loadRevealer:async()=>(await G()).ResourcesPanel.FrameDetailsRevealer.instance()});const K={performance:"Performance",showPerformance:"Show Performance",javascriptProfiler:"JavaScript Profiler",showJavascriptProfiler:"Show JavaScript Profiler",record:"Record",stop:"Stop",startProfilingAndReloadPage:"Start profiling and reload page",saveProfile:"Save profile…",loadProfile:"Load profile…",previousFrame:"Previous frame",nextFrame:"Next frame",showRecentTimelineSessions:"Show recent timeline sessions",previousRecording:"Previous recording",nextRecording:"Next recording",hideChromeFrameInLayersView:"Hide `chrome` frame in Layers view",startStopRecording:"Start/stop recording"},Y=i.i18n.registerUIStrings("panels/timeline/timeline-meta.ts",K),H=i.i18n.getLazilyComputedLocalizedString.bind(void 0,Y);let J,X;async function Z(){return J||(J=await import("../../panels/timeline/timeline.js")),J}async function Q(){return X||(X=await import("../../panels/profiler/profiler.js")),X}function $(e){return void 0===J?[]:e(J)}t.ViewManager.registerViewExtension({location:"panel",id:"timeline",title:H(K.performance),commandPrompt:H(K.showPerformance),order:50,loadView:async()=>(await Z()).TimelinePanel.TimelinePanel.instance()}),t.ViewManager.registerViewExtension({location:"panel",id:"js_profiler",title:H(K.javascriptProfiler),commandPrompt:H(K.showJavascriptProfiler),persistence:"closeable",order:65,experiment:o.Runtime.ExperimentName.JS_PROFILER_TEMP_ENABLE,loadView:async()=>(await Q()).ProfilesPanel.JSProfilerPanel.instance()}),t.ActionRegistration.registerActionExtension({actionId:"timeline.toggle-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),options:[{value:!0,title:H(K.record)},{value:!1,title:H(K.stop)}],bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.record-reload",iconClass:"refresh",contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:H(K.startProfilingAndReloadPage),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+Shift+E"},{platform:"mac",shortcut:"Meta+Shift+E"}]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.PERFORMANCE,actionId:"timeline.save-to-file",contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),title:H(K.saveProfile),bindings:[{platform:"windows,linux",shortcut:"Ctrl+S"},{platform:"mac",shortcut:"Meta+S"}]}),t.ActionRegistration.registerActionExtension({category:t.ActionRegistration.ActionCategory.PERFORMANCE,actionId:"timeline.load-from-file",contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),title:H(K.loadProfile),bindings:[{platform:"windows,linux",shortcut:"Ctrl+O"},{platform:"mac",shortcut:"Meta+O"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.jump-to-previous-frame",category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:H(K.previousFrame),contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),bindings:[{shortcut:"["}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.jump-to-next-frame",category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:H(K.nextFrame),contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),bindings:[{shortcut:"]"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.show-history",loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),category:t.ActionRegistration.ActionCategory.PERFORMANCE,title:H(K.showRecentTimelineSessions),contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Ctrl+H"},{platform:"mac",shortcut:"Meta+Y"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.previous-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),title:H(K.previousRecording),contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Alt+Left"},{platform:"mac",shortcut:"Meta+Left"}]}),t.ActionRegistration.registerActionExtension({actionId:"timeline.next-recording",category:t.ActionRegistration.ActionCategory.PERFORMANCE,loadActionDelegate:async()=>(await Z()).TimelinePanel.ActionDelegate.instance(),title:H(K.nextRecording),contextTypes:()=>$((e=>[e.TimelinePanel.TimelinePanel])),bindings:[{platform:"windows,linux",shortcut:"Alt+Right"},{platform:"mac",shortcut:"Meta+Right"}]}),t.ActionRegistration.registerActionExtension({actionId:"profiler.js-toggle-recording",category:t.ActionRegistration.ActionCategory.JAVASCRIPT_PROFILER,title:H(K.startStopRecording),iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>void 0===X?[]:(e=>[e.ProfilesPanel.JSProfilerPanel])(X),loadActionDelegate:async()=>(await Q()).ProfilesPanel.JSProfilerPanel.instance(),bindings:[{platform:"windows,linux",shortcut:"Ctrl+E"},{platform:"mac",shortcut:"Meta+E"}]}),n.Settings.registerSettingExtension({category:n.Settings.SettingCategory.PERFORMANCE,storageType:n.Settings.SettingStorageType.Synced,title:H(K.hideChromeFrameInLayersView),settingName:"frameViewerHideChromeWindow",settingType:n.Settings.SettingType.BOOLEAN,defaultValue:!1}),n.Linkifier.registerLinkifier({contextTypes:()=>$((e=>[e.CLSLinkifier.CLSRect])),loadLinkifier:async()=>(await Z()).CLSLinkifier.Linkifier.instance()}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.TIMELINE_MENU_OPEN,actionId:"timeline.load-from-file",order:10}),t.ContextMenu.registerItem({location:t.ContextMenu.ItemLocation.TIMELINE_MENU_OPEN,actionId:"timeline.save-to-file",order:15});const ee={main:"Main"},te=i.i18n.registerUIStrings("entrypoints/worker_app/WorkerMain.ts",ee),ie=i.i18n.getLocalizedString.bind(void 0,te);let oe;class ne{static instance(e={forceNew:null}){const{forceNew:t}=e;return oe&&!t||(oe=new ne),oe}async run(){e.Connections.initMainConnection((async()=>{await e.TargetManager.TargetManager.instance().maybeAttachInitialTarget()||e.TargetManager.TargetManager.instance().createTarget("main",ie(ee.main),e.Target.Type.ServiceWorker,null)}),l.TargetDetachedDialog.TargetDetachedDialog.webSocketConnectionLost),new c.NetworkPanelIndicator.NetworkPanelIndicator}}n.Runnable.registerEarlyInitializationRunnable(ne.instance),e.ChildTargetManager.ChildTargetManager.install((async({target:t,waitingForDebugger:i})=>{if(t.parentTarget()||t.type()!==e.Target.Type.ServiceWorker||!i)return;const o=t.model(e.DebuggerModel.DebuggerModel);o&&(o.isReadyToPause()||await o.once(e.DebuggerModel.Events.DebuggerIsReadyToPause),o.pause())})),self.runtime=o.Runtime.Runtime.instance({forceNew:!0}),new g.MainImpl.MainImpl;
diff --git a/packages/debugger-frontend/dist/third-party/front_end/panels/network/network-meta.js b/packages/debugger-frontend/dist/third-party/front_end/panels/network/network-meta.js
index afef2ac0e09b97..621d9f66abadb0 100644
--- a/packages/debugger-frontend/dist/third-party/front_end/panels/network/network-meta.js
+++ b/packages/debugger-frontend/dist/third-party/front_end/panels/network/network-meta.js
@@ -1 +1 @@
-import*as e from"../../core/common/common.js";import*as t from"../../core/i18n/i18n.js";import*as o from"../../core/sdk/sdk.js";import*as r from"../../models/workspace/workspace.js";import*as n from"./forward/forward.js";import*as a from"../../ui/legacy/legacy.js";const i={showNetwork:"Show Network",network:"Network",showNetworkRequestBlocking:"Show Network request blocking",networkRequestBlocking:"Network request blocking",showNetworkConditions:"Show Network conditions",networkConditions:"Network conditions",diskCache:"disk cache",networkThrottling:"network throttling",showSearch:"Show Search",search:"Search",recordNetworkLog:"Record network log",stopRecordingNetworkLog:"Stop recording network log",hideRequestDetails:"Hide request details",colorcodeResourceTypes:"Color-code resource types",colorCode:"color code",resourceType:"resource type",colorCodeByResourceType:"Color code by resource type",useDefaultColors:"Use default colors",groupNetworkLogByFrame:"Group network log by frame",netWork:"network",frame:"frame",group:"group",groupNetworkLogItemsByFrame:"Group network log items by frame",dontGroupNetworkLogItemsByFrame:"Don't group network log items by frame",clear:"Clear network log"},s=t.i18n.registerUIStrings("panels/network/network-meta.ts",i),c=t.i18n.getLazilyComputedLocalizedString.bind(void 0,s);let l;async function g(){return l||(l=await import("./network.js")),l}function w(e){return void 0===l?[]:e(l)}a.ViewManager.registerViewExtension({location:"panel",id:"network",commandPrompt:c(i.showNetwork),title:c(i.network),order:40,loadView:async()=>(await g()).NetworkPanel.NetworkPanel.instance()}),a.ViewManager.registerViewExtension({location:"drawer-view",id:"network.blocked-urls",commandPrompt:c(i.showNetworkRequestBlocking),title:c(i.networkRequestBlocking),persistence:"closeable",order:60,loadView:async()=>(await g()).BlockedURLsPane.BlockedURLsPane.instance()}),a.ViewManager.registerViewExtension({location:"drawer-view",id:"network.config",commandPrompt:c(i.showNetworkConditions),title:c(i.networkConditions),persistence:"closeable",order:40,tags:[c(i.diskCache),c(i.networkThrottling),t.i18n.lockedLazyString("useragent"),t.i18n.lockedLazyString("user agent"),t.i18n.lockedLazyString("user-agent")],loadView:async()=>(await g()).NetworkConfigView.NetworkConfigView.instance()}),a.ViewManager.registerViewExtension({location:"network-sidebar",id:"network.search-network-tab",commandPrompt:c(i.showSearch),title:c(i.search),persistence:"permanent",loadView:async()=>(await g()).NetworkPanel.SearchNetworkView.instance()}),a.ActionRegistration.registerActionExtension({actionId:"network.toggle-recording",category:a.ActionRegistration.ActionCategory.NETWORK,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>w((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await g()).NetworkPanel.ActionDelegate.instance(),options:[{value:!0,title:c(i.recordNetworkLog)},{value:!1,title:c(i.stopRecordingNetworkLog)}],bindings:[{shortcut:"Ctrl+E",platform:"windows,linux"},{shortcut:"Meta+E",platform:"mac"}]}),a.ActionRegistration.registerActionExtension({actionId:"network.clear",category:a.ActionRegistration.ActionCategory.NETWORK,title:c(i.clear),iconClass:"clear",loadActionDelegate:async()=>(await g()).NetworkPanel.ActionDelegate.instance(),contextTypes:()=>w((e=>[e.NetworkPanel.NetworkPanel])),bindings:[{shortcut:"Ctrl+L"},{shortcut:"Meta+K",platform:"mac"}]}),a.ActionRegistration.registerActionExtension({actionId:"network.hide-request-details",category:a.ActionRegistration.ActionCategory.NETWORK,title:c(i.hideRequestDetails),contextTypes:()=>w((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await g()).NetworkPanel.ActionDelegate.instance(),bindings:[{shortcut:"Esc"}]}),a.ActionRegistration.registerActionExtension({actionId:"network.search",category:a.ActionRegistration.ActionCategory.NETWORK,title:c(i.search),contextTypes:()=>w((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await g()).NetworkPanel.ActionDelegate.instance(),bindings:[{platform:"mac",shortcut:"Meta+F",keybindSets:["devToolsDefault","vsCode"]},{platform:"windows,linux",shortcut:"Ctrl+F",keybindSets:["devToolsDefault","vsCode"]}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.NETWORK,storageType:e.Settings.SettingStorageType.Synced,title:c(i.colorcodeResourceTypes),settingName:"networkColorCodeResourceTypes",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[c(i.colorCode),c(i.resourceType)],options:[{value:!0,title:c(i.colorCodeByResourceType)},{value:!1,title:c(i.useDefaultColors)}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.NETWORK,storageType:e.Settings.SettingStorageType.Synced,title:c(i.groupNetworkLogByFrame),settingName:"network.group-by-frame",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[c(i.netWork),c(i.frame),c(i.group)],options:[{value:!0,title:c(i.groupNetworkLogItemsByFrame)},{value:!1,title:c(i.dontGroupNetworkLogItemsByFrame)}]}),a.ViewManager.registerLocationResolver({name:"network-sidebar",category:a.ViewManager.ViewLocationCategory.NETWORK,loadResolver:async()=>(await g()).NetworkPanel.NetworkPanel.instance()}),a.ContextMenu.registerProvider({contextTypes:()=>[o.NetworkRequest.NetworkRequest,o.Resource.Resource,r.UISourceCode.UISourceCode],loadProvider:async()=>(await g()).NetworkPanel.ContextMenuProvider.instance(),experiment:void 0}),e.Revealer.registerRevealer({contextTypes:()=>[o.NetworkRequest.NetworkRequest],destination:e.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await g()).NetworkPanel.RequestRevealer.instance()}),e.Revealer.registerRevealer({contextTypes:()=>[n.UIRequestLocation.UIRequestLocation],loadRevealer:async()=>(await g()).NetworkPanel.RequestLocationRevealer.instance(),destination:void 0}),e.Revealer.registerRevealer({contextTypes:()=>[n.NetworkRequestId.NetworkRequestId],destination:e.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await g()).NetworkPanel.RequestIdRevealer.instance()}),e.Revealer.registerRevealer({contextTypes:()=>[n.UIFilter.UIRequestFilter],destination:e.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await g()).NetworkPanel.NetworkLogWithFilterRevealer.instance()});
+import*as e from"../../core/common/common.js";import*as t from"../../core/i18n/i18n.js";import*as o from"../../core/root/root.js";import*as r from"../../core/sdk/sdk.js";import*as n from"../../models/workspace/workspace.js";import*as a from"./forward/forward.js";import*as i from"../../ui/legacy/legacy.js";const s={showNetwork:"Show Network",network:"Network",showNetworkRequestBlocking:"Show Network request blocking",networkRequestBlocking:"Network request blocking",showNetworkConditions:"Show Network conditions",networkConditions:"Network conditions",diskCache:"disk cache",networkThrottling:"network throttling",showSearch:"Show Search",search:"Search",recordNetworkLog:"Record network log",stopRecordingNetworkLog:"Stop recording network log",hideRequestDetails:"Hide request details",colorcodeResourceTypes:"Color-code resource types",colorCode:"color code",resourceType:"resource type",colorCodeByResourceType:"Color code by resource type",useDefaultColors:"Use default colors",groupNetworkLogByFrame:"Group network log by frame",netWork:"network",frame:"frame",group:"group",groupNetworkLogItemsByFrame:"Group network log items by frame",dontGroupNetworkLogItemsByFrame:"Don't group network log items by frame",clear:"Clear network log"},c=t.i18n.registerUIStrings("panels/network/network-meta.ts",s),l=t.i18n.getLazilyComputedLocalizedString.bind(void 0,c);let g;async function w(){return g||(g=await import("./network.js")),g}function d(e){return void 0===g?[]:e(g)}i.ViewManager.registerViewExtension({location:"panel",id:"network",commandPrompt:l(s.showNetwork),title:l(s.network),order:40,condition:o.Runtime.ConditionName.REACT_NATIVE_UNSTABLE_NETWORK_PANEL,loadView:async()=>(await w()).NetworkPanel.NetworkPanel.instance()}),i.ViewManager.registerViewExtension({location:"drawer-view",id:"network.blocked-urls",commandPrompt:l(s.showNetworkRequestBlocking),title:l(s.networkRequestBlocking),persistence:"closeable",order:60,loadView:async()=>(await w()).BlockedURLsPane.BlockedURLsPane.instance()}),i.ViewManager.registerViewExtension({location:"drawer-view",id:"network.config",commandPrompt:l(s.showNetworkConditions),title:l(s.networkConditions),persistence:"closeable",order:40,tags:[l(s.diskCache),l(s.networkThrottling),t.i18n.lockedLazyString("useragent"),t.i18n.lockedLazyString("user agent"),t.i18n.lockedLazyString("user-agent")],loadView:async()=>(await w()).NetworkConfigView.NetworkConfigView.instance()}),i.ViewManager.registerViewExtension({location:"network-sidebar",id:"network.search-network-tab",commandPrompt:l(s.showSearch),title:l(s.search),persistence:"permanent",loadView:async()=>(await w()).NetworkPanel.SearchNetworkView.instance()}),i.ActionRegistration.registerActionExtension({actionId:"network.toggle-recording",category:i.ActionRegistration.ActionCategory.NETWORK,iconClass:"record-start",toggleable:!0,toggledIconClass:"record-stop",toggleWithRedColor:!0,contextTypes:()=>d((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await w()).NetworkPanel.ActionDelegate.instance(),options:[{value:!0,title:l(s.recordNetworkLog)},{value:!1,title:l(s.stopRecordingNetworkLog)}],bindings:[{shortcut:"Ctrl+E",platform:"windows,linux"},{shortcut:"Meta+E",platform:"mac"}]}),i.ActionRegistration.registerActionExtension({actionId:"network.clear",category:i.ActionRegistration.ActionCategory.NETWORK,title:l(s.clear),iconClass:"clear",loadActionDelegate:async()=>(await w()).NetworkPanel.ActionDelegate.instance(),contextTypes:()=>d((e=>[e.NetworkPanel.NetworkPanel])),bindings:[{shortcut:"Ctrl+L"},{shortcut:"Meta+K",platform:"mac"}]}),i.ActionRegistration.registerActionExtension({actionId:"network.hide-request-details",category:i.ActionRegistration.ActionCategory.NETWORK,title:l(s.hideRequestDetails),contextTypes:()=>d((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await w()).NetworkPanel.ActionDelegate.instance(),bindings:[{shortcut:"Esc"}]}),i.ActionRegistration.registerActionExtension({actionId:"network.search",category:i.ActionRegistration.ActionCategory.NETWORK,title:l(s.search),contextTypes:()=>d((e=>[e.NetworkPanel.NetworkPanel])),loadActionDelegate:async()=>(await w()).NetworkPanel.ActionDelegate.instance(),bindings:[{platform:"mac",shortcut:"Meta+F",keybindSets:["devToolsDefault","vsCode"]},{platform:"windows,linux",shortcut:"Ctrl+F",keybindSets:["devToolsDefault","vsCode"]}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.NETWORK,storageType:e.Settings.SettingStorageType.Synced,title:l(s.colorcodeResourceTypes),settingName:"networkColorCodeResourceTypes",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[l(s.colorCode),l(s.resourceType)],options:[{value:!0,title:l(s.colorCodeByResourceType)},{value:!1,title:l(s.useDefaultColors)}]}),e.Settings.registerSettingExtension({category:e.Settings.SettingCategory.NETWORK,storageType:e.Settings.SettingStorageType.Synced,title:l(s.groupNetworkLogByFrame),settingName:"network.group-by-frame",settingType:e.Settings.SettingType.BOOLEAN,defaultValue:!1,tags:[l(s.netWork),l(s.frame),l(s.group)],options:[{value:!0,title:l(s.groupNetworkLogItemsByFrame)},{value:!1,title:l(s.dontGroupNetworkLogItemsByFrame)}]}),i.ViewManager.registerLocationResolver({name:"network-sidebar",category:i.ViewManager.ViewLocationCategory.NETWORK,loadResolver:async()=>(await w()).NetworkPanel.NetworkPanel.instance()}),i.ContextMenu.registerProvider({contextTypes:()=>[r.NetworkRequest.NetworkRequest,r.Resource.Resource,n.UISourceCode.UISourceCode],loadProvider:async()=>(await w()).NetworkPanel.ContextMenuProvider.instance(),experiment:void 0}),e.Revealer.registerRevealer({contextTypes:()=>[r.NetworkRequest.NetworkRequest],destination:e.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await w()).NetworkPanel.RequestRevealer.instance()}),e.Revealer.registerRevealer({contextTypes:()=>[a.UIRequestLocation.UIRequestLocation],loadRevealer:async()=>(await w()).NetworkPanel.RequestLocationRevealer.instance(),destination:void 0}),e.Revealer.registerRevealer({contextTypes:()=>[a.NetworkRequestId.NetworkRequestId],destination:e.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await w()).NetworkPanel.RequestIdRevealer.instance()}),e.Revealer.registerRevealer({contextTypes:()=>[a.UIFilter.UIRequestFilter],destination:e.Revealer.RevealerDestination.NETWORK_PANEL,loadRevealer:async()=>(await w()).NetworkPanel.NetworkLogWithFilterRevealer.instance()});
diff --git a/packages/debugger-frontend/package.json b/packages/debugger-frontend/package.json
index 55ff9250d0b2eb..4c100152f8edbf 100644
--- a/packages/debugger-frontend/package.json
+++ b/packages/debugger-frontend/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/debugger-frontend",
-  "version": "0.73.0",
+  "version": "0.74.0",
   "description": "Debugger frontend for React Native based on Chrome DevTools",
   "keywords": [
     "react-native",
diff --git a/packages/dev-middleware/package.json b/packages/dev-middleware/package.json
index 8186610c2d89df..bd7b3e65cbf059 100644
--- a/packages/dev-middleware/package.json
+++ b/packages/dev-middleware/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/dev-middleware",
-  "version": "0.73.1",
+  "version": "0.74.0",
   "description": "Dev server middleware for React Native",
   "keywords": [
     "react-native",
@@ -15,7 +15,7 @@
   },
   "license": "MIT",
   "exports": {
-    ".": "./src/index.js",
+    ".": "./dist/index.js",
     "./package.json": "./package.json"
   },
   "files": [
@@ -23,17 +23,25 @@
   ],
   "dependencies": {
     "@isaacs/ttlcache": "^1.4.1",
-    "@react-native/debugger-frontend": "^0.73.0",
+    "@react-native/debugger-frontend": "0.74.0",
+    "@rnx-kit/chromium-edge-launcher": "^1.0.0",
     "chrome-launcher": "^0.15.2",
-    "chromium-edge-launcher": "^1.0.0",
     "connect": "^3.6.5",
     "debug": "^2.2.0",
     "node-fetch": "^2.2.0",
+    "nullthrows": "^1.1.1",
     "open": "^7.0.3",
+    "selfsigned": "^2.4.1",
     "serve-static": "^1.13.1",
-    "temp-dir": "^2.0.0"
+    "temp-dir": "^2.0.0",
+    "ws": "^6.2.2"
   },
   "engines": {
     "node": ">=18"
+  },
+  "devDependencies": {
+    "data-uri-to-buffer": "^6.0.1",
+    "undici": "^5.27.2",
+    "wait-for-expect": "^3.0.2"
   }
 }
diff --git a/packages/dev-middleware/src/__tests__/FetchUtils.js b/packages/dev-middleware/src/__tests__/FetchUtils.js
new file mode 100644
index 00000000000000..9de0a10161bdc7
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/FetchUtils.js
@@ -0,0 +1,70 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {JSONSerializable} from '../inspector-proxy/types';
+import typeof * as NodeFetch from 'node-fetch';
+
+import https from 'https';
+import {Agent} from 'undici';
+
+/**
+ * A version of `fetch` that is usable with the HTTPS server created in
+ * ServerUtils (which uses a self-signed certificate).
+ */
+export async function fetchLocal(
+  url: string,
+  options?: Parameters<typeof fetch>[1] & {dispatcher?: mixed},
+): ReturnType<typeof fetch> {
+  return await fetch(url, {
+    ...options,
+    // Node's native `fetch` comes from undici and supports the same options,
+    // including `dispatcher` which we use to make it accept self-signed
+    // certificates.
+    dispatcher:
+      options?.dispatcher ??
+      new Agent({
+        connect: {
+          rejectUnauthorized: false,
+        },
+      }),
+  });
+}
+
+export async function fetchJson<T: JSONSerializable>(url: string): Promise<T> {
+  const response = await fetchLocal(url);
+  if (!response.ok) {
+    throw new Error(`HTTP ${response.status} ${response.statusText}`);
+  }
+  return response.json();
+}
+
+export function allowSelfSignedCertsInNodeFetch(): void {
+  jest.mock('node-fetch', () => {
+    const originalModule = jest.requireActual<NodeFetch>('node-fetch');
+    const nodeFetch = originalModule.default;
+    return {
+      __esModule: true,
+      ...originalModule,
+      default: (url, options) => {
+        if (
+          (url instanceof URL && url.protocol === 'https:') ||
+          (typeof url === 'string' && url.startsWith('https:'))
+        ) {
+          const agent = new https.Agent({
+            rejectUnauthorized: false,
+          });
+          return nodeFetch(url.toString(), {agent, ...options});
+        }
+        return nodeFetch(url, options);
+      },
+    };
+  });
+}
diff --git a/packages/dev-middleware/src/__tests__/InspectorDebuggerUtils.js b/packages/dev-middleware/src/__tests__/InspectorDebuggerUtils.js
new file mode 100644
index 00000000000000..98fbe08d0b1e9a
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/InspectorDebuggerUtils.js
@@ -0,0 +1,122 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {JSONSerializable} from '../inspector-proxy/types';
+import type {
+  CdpMessageToTarget,
+  CdpResponseFromTarget,
+} from './InspectorProtocolUtils';
+
+import nullthrows from 'nullthrows';
+import until from 'wait-for-expect';
+import WebSocket from 'ws';
+
+export class DebuggerAgent {
+  #ws: ?WebSocket;
+  #readyPromise: Promise<void>;
+
+  constructor(url: string, signal?: AbortSignal) {
+    const ws = new WebSocket(url, {
+      // The mock server uses a self-signed certificate.
+      rejectUnauthorized: false,
+    });
+    this.#ws = ws;
+    ws.on('message', data => {
+      this.__handle(JSON.parse(data.toString()));
+    });
+    if (signal != null) {
+      signal.addEventListener('abort', () => {
+        this.close();
+      });
+    }
+    this.#readyPromise = new Promise<void>((resolve, reject) => {
+      ws.once('open', () => {
+        resolve();
+      });
+      ws.once('error', error => {
+        reject(error);
+      });
+    });
+  }
+
+  __handle(message: JSONSerializable): void {}
+
+  send(message: JSONSerializable) {
+    if (!this.#ws) {
+      return;
+    }
+    this.#ws.send(JSON.stringify(message));
+  }
+
+  ready(): Promise<void> {
+    return this.#readyPromise;
+  }
+
+  close() {
+    if (!this.#ws) {
+      return;
+    }
+    try {
+      this.#ws.terminate();
+    } catch {}
+    this.#ws = null;
+  }
+
+  // $FlowIgnore[unsafe-getters-setters]
+  get socket(): WebSocket {
+    return nullthrows(this.#ws);
+  }
+}
+
+export class DebuggerMock extends DebuggerAgent {
+  // Empty handlers
+  +handle: JestMockFn<[message: JSONSerializable], void> = jest.fn();
+
+  __handle(message: JSONSerializable): void {
+    this.handle(message);
+  }
+
+  async sendAndGetResponse(
+    message: CdpMessageToTarget,
+  ): Promise<CdpResponseFromTarget> {
+    const originalHandleCallsArray = this.handle.mock.calls;
+    const originalHandleCallCount = originalHandleCallsArray.length;
+    this.send(message);
+    await until(() =>
+      expect(this.handle).toHaveBeenCalledWith(
+        expect.objectContaining({
+          id: message.id,
+        }),
+      ),
+    );
+    // Find the first matching handle call that wasn't already in the mock calls
+    // array before we sent the message.
+    const newHandleCalls =
+      originalHandleCallsArray === this.handle.mock.calls
+        ? this.handle.mock.calls.slice(originalHandleCallCount)
+        : this.handle.mock.calls;
+    // $FlowIgnore[incompatible-use]
+    // $FlowIgnore[prop-missing]
+    const [response] = newHandleCalls.find(args => args[0].id === message.id);
+    // $FlowIgnore[incompatible-return]
+    // $FlowIgnore[incompatible-indexer]
+    return response;
+  }
+}
+
+export async function createDebuggerMock(
+  url: string,
+  signal: AbortSignal,
+): Promise<DebuggerMock> {
+  const debuggerMock = new DebuggerMock(url, signal);
+  await debuggerMock.ready();
+  return debuggerMock;
+}
diff --git a/packages/dev-middleware/src/__tests__/InspectorDeviceUtils.js b/packages/dev-middleware/src/__tests__/InspectorDeviceUtils.js
new file mode 100644
index 00000000000000..0ccf1f39712747
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/InspectorDeviceUtils.js
@@ -0,0 +1,161 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {
+  ConnectRequest,
+  DisconnectRequest,
+  GetPagesRequest,
+  GetPagesResponse,
+  JSONSerializable,
+  MessageFromDevice,
+  MessageToDevice,
+  WrappedEvent,
+} from '../inspector-proxy/types';
+
+import WebSocket from 'ws';
+
+export class DeviceAgent {
+  #ws: ?WebSocket;
+  #readyPromise: Promise<void>;
+
+  constructor(url: string, signal?: AbortSignal) {
+    const ws = new WebSocket(url, {
+      // The mock server uses a self-signed certificate.
+      rejectUnauthorized: false,
+    });
+    this.#ws = ws;
+    ws.on('message', data => {
+      this.__handle(JSON.parse(data.toString()));
+    });
+    if (signal != null) {
+      signal.addEventListener('abort', () => {
+        this.close();
+      });
+    }
+    this.#readyPromise = new Promise<void>((resolve, reject) => {
+      ws.once('open', () => {
+        resolve();
+      });
+      ws.once('error', error => {
+        reject(error);
+      });
+    });
+  }
+
+  __handle(message: MessageToDevice): void {}
+
+  send(message: MessageFromDevice) {
+    if (!this.#ws) {
+      return;
+    }
+    this.#ws.send(JSON.stringify(message));
+  }
+
+  ready(): Promise<void> {
+    return this.#readyPromise;
+  }
+
+  close() {
+    if (!this.#ws) {
+      return;
+    }
+    try {
+      this.#ws.terminate();
+    } catch {}
+    this.#ws = null;
+  }
+
+  sendWrappedEvent(pageId: string, event: JSONSerializable) {
+    this.send({
+      event: 'wrappedEvent',
+      payload: {
+        pageId,
+        wrappedEvent: JSON.stringify(event),
+      },
+    });
+  }
+}
+
+export class DeviceMock extends DeviceAgent {
+  // Empty handlers
+  +connect: JestMockFn<[message: ConnectRequest], void> = jest.fn();
+  +disconnect: JestMockFn<[message: DisconnectRequest], void> = jest.fn();
+  +getPages: JestMockFn<
+    [message: GetPagesRequest],
+    | GetPagesResponse['payload']
+    | Promise<GetPagesResponse['payload'] | void>
+    | void,
+  > = jest.fn();
+  +wrappedEvent: JestMockFn<[message: WrappedEvent], void> = jest.fn();
+  +wrappedEventParsed: JestMockFn<
+    [payload: {...WrappedEvent['payload'], wrappedEvent: JSONSerializable}],
+    void,
+  > = jest.fn();
+
+  __handle(message: MessageToDevice): void {
+    switch (message.event) {
+      case 'connect':
+        this.connect(message);
+        break;
+      case 'disconnect':
+        this.disconnect(message);
+        break;
+      case 'getPages':
+        const result = this.getPages(message);
+        this.#sendPayloadIfNonNull('getPages', result);
+        break;
+      case 'wrappedEvent':
+        this.wrappedEvent(message);
+        this.wrappedEventParsed({
+          ...message.payload,
+          wrappedEvent: JSON.parse(message.payload.wrappedEvent),
+        });
+        break;
+      default:
+        (message: empty);
+        throw new Error(`Unhandled event ${message.event}`);
+    }
+  }
+
+  #sendPayloadIfNonNull<Event: MessageFromDevice['event']>(
+    event: Event,
+    maybePayload:
+      | MessageFromDevice['payload']
+      | Promise<MessageFromDevice['payload'] | void>
+      | void,
+  ) {
+    if (maybePayload == null) {
+      return;
+    }
+    if (maybePayload instanceof Promise) {
+      // eslint-disable-next-line no-void
+      void maybePayload.then(payload => {
+        if (!payload) {
+          return;
+        }
+        // $FlowFixMe[incompatible-call] TODO(moti) Figure out the right way to type maybePayload generically
+        this.send({event, payload});
+      });
+      return;
+    }
+    // $FlowFixMe[incompatible-call] TODO(moti) Figure out the right way to type maybePayload generically
+    this.send({event, payload: maybePayload});
+  }
+}
+
+export async function createDeviceMock(
+  url: string,
+  signal: AbortSignal,
+): Promise<DeviceMock> {
+  const device = new DeviceMock(url, signal);
+  await device.ready();
+  return device;
+}
diff --git a/packages/dev-middleware/src/__tests__/InspectorProtocolUtils.js b/packages/dev-middleware/src/__tests__/InspectorProtocolUtils.js
new file mode 100644
index 00000000000000..b537323e7f4731
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/InspectorProtocolUtils.js
@@ -0,0 +1,158 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {
+  JSONSerializable,
+  PageDescription,
+  PageFromDevice,
+} from '../inspector-proxy/types';
+import type {DebuggerMock} from './InspectorDebuggerUtils';
+import type {DeviceMock} from './InspectorDeviceUtils';
+
+import {fetchJson} from './FetchUtils';
+import {createDebuggerMock} from './InspectorDebuggerUtils';
+import {createDeviceMock} from './InspectorDeviceUtils';
+import {dataUriToBuffer} from 'data-uri-to-buffer';
+import until from 'wait-for-expect';
+
+export type CdpMessageFromTarget = $ReadOnly<{
+  method: string,
+  id?: number,
+  params?: JSONSerializable,
+}>;
+
+export type CdpResponseFromTarget = $ReadOnly<{
+  id: number,
+  result: JSONSerializable,
+}>;
+
+export type CdpMessageToTarget = $ReadOnly<{
+  method: string,
+  id: number,
+  params?: JSONSerializable,
+}>;
+
+/**
+ * Send a CDP message from from the target with the given pageId to the debugger.
+ * Returns the message as received by the debugger.
+ */
+export async function sendFromTargetToDebugger<Message: CdpMessageFromTarget>(
+  device: DeviceMock,
+  debugger_: DebuggerMock,
+  pageId: string,
+  message: Message,
+): Promise<Message> {
+  const originalHandleCallsArray = debugger_.handle.mock.calls;
+  const originalHandleCallCount = originalHandleCallsArray.length;
+  device.sendWrappedEvent(pageId, message);
+  await until(() =>
+    expect(debugger_.handle).toBeCalledWith(
+      expect.objectContaining({
+        method: message.method,
+      }),
+    ),
+  );
+  // Find the first handle call that wasn't already in the mock calls array
+  // before we sent the message.
+  const newHandleCalls =
+    originalHandleCallsArray === debugger_.handle.mock.calls
+      ? debugger_.handle.mock.calls.slice(originalHandleCallCount)
+      : debugger_.handle.mock.calls;
+  // $FlowIgnore[incompatible-type]
+  const [receivedMessage]: [Message] = newHandleCalls.find(
+    // $FlowIgnore[incompatible-call]
+    (call: [Message]) => call[0].method === message.method,
+  );
+  return receivedMessage;
+}
+
+/**
+ * Send a CDP message from the debugger to the target with the given pageId.
+ * Returns the message as received by the target.
+ */
+export async function sendFromDebuggerToTarget<Message: CdpMessageToTarget>(
+  debugger_: DebuggerMock,
+  device: DeviceMock,
+  pageId: string,
+  message: Message,
+): Promise<Message> {
+  const originalEventCallsArray = device.wrappedEventParsed.mock.calls;
+  const originalEventCallCount = originalEventCallsArray.length;
+  debugger_.send(message);
+  await until(() =>
+    expect(device.wrappedEventParsed).toBeCalledWith({
+      pageId,
+      wrappedEvent: expect.objectContaining({id: message.id}),
+    }),
+  );
+  // Find the first handle call that wasn't already in the mock calls array
+  // before we sent the message.
+  const newEventCalls =
+    originalEventCallsArray === device.wrappedEventParsed.mock.calls
+      ? device.wrappedEventParsed.mock.calls.slice(originalEventCallCount)
+      : device.wrappedEventParsed.mock.calls;
+  // $FlowIgnore[incompatible-use]
+  const [receivedMessage] = newEventCalls.find(
+    // $FlowIgnore[prop-missing]
+    // $FlowIgnore[incompatible-use]
+    call => call[0].wrappedEvent.id === message.id,
+  );
+  // $FlowIgnore[incompatible-return]
+  return receivedMessage.wrappedEvent;
+}
+
+export function parseJsonFromDataUri<T: JSONSerializable>(uri: string): T {
+  expect(uri).toMatch(/^data:/);
+  const parsedUri = dataUriToBuffer(uri);
+  expect(parsedUri.type).toBe('application/json');
+  return JSON.parse(
+    new TextDecoder(parsedUri.charset).decode(parsedUri.buffer),
+  );
+}
+
+export async function createAndConnectTarget(
+  serverRef: $ReadOnly<{
+    serverBaseUrl: string,
+    serverBaseWsUrl: string,
+    ...
+  }>,
+  signal: AbortSignal,
+  page: PageFromDevice,
+): Promise<{device: DeviceMock, debugger_: DebuggerMock}> {
+  let device;
+  let debugger_;
+  try {
+    device = await createDeviceMock(
+      `${serverRef.serverBaseWsUrl}/inspector/device?device=device&name=foo&app=bar`,
+      signal,
+    );
+    device.getPages.mockImplementation(() => [page]);
+
+    let pageList: Array<PageDescription> = [];
+    await until(async () => {
+      pageList = (await fetchJson(
+        `${serverRef.serverBaseUrl}/json`,
+        // $FlowIgnore[unclear-type]
+      ): any);
+      expect(pageList).toHaveLength(1);
+    });
+    const [{webSocketDebuggerUrl}] = pageList;
+    expect(webSocketDebuggerUrl).toBeDefined();
+
+    debugger_ = await createDebuggerMock(webSocketDebuggerUrl, signal);
+    await until(() => expect(device.connect).toBeCalled());
+  } catch (e) {
+    device?.close();
+    debugger_?.close();
+    throw e;
+  }
+  return {device, debugger_};
+}
diff --git a/packages/dev-middleware/src/__tests__/InspectorProxyCdpRewritingHacks-test.js b/packages/dev-middleware/src/__tests__/InspectorProxyCdpRewritingHacks-test.js
new file mode 100644
index 00000000000000..51545ecd9be702
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/InspectorProxyCdpRewritingHacks-test.js
@@ -0,0 +1,544 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {TargetCapabilityFlags} from '../inspector-proxy/types';
+
+import {allowSelfSignedCertsInNodeFetch} from './FetchUtils';
+import {
+  createAndConnectTarget,
+  parseJsonFromDataUri,
+  sendFromDebuggerToTarget,
+  sendFromTargetToDebugger,
+} from './InspectorProtocolUtils';
+import {withAbortSignalForEachTest} from './ResourceUtils';
+import {
+  serveStaticJson,
+  serveStaticText,
+  withServerForEachTest,
+} from './ServerUtils';
+import {createHash} from 'crypto';
+import fs from 'fs';
+import path from 'path';
+
+const fsPromise = fs.promises;
+
+// WebSocket is unreliable when using fake timers.
+jest.useRealTimers();
+
+jest.setTimeout(10000);
+
+beforeAll(() => {
+  // inspector-proxy uses node-fetch for source map fetching.
+  allowSelfSignedCertsInNodeFetch();
+
+  jest.resetModules();
+});
+
+describe.each(['HTTP', 'HTTPS'])(
+  'inspector proxy CDP rewriting hacks over %s',
+  protocol => {
+    const serverRef = withServerForEachTest({
+      logger: undefined,
+      projectRoot: __dirname,
+      secure: protocol === 'HTTPS',
+    });
+    const autoCleanup = withAbortSignalForEachTest();
+    afterEach(() => {
+      jest.clearAllMocks();
+    });
+
+    test('source map fetching in Debugger.scriptParsed', async () => {
+      serverRef.app.use(
+        '/source-map',
+        serveStaticJson({
+          version: 3,
+          // Mojibake insurance.
+          file: '\u2757.js',
+        }),
+      );
+      const {device, debugger_} = await createAndConnectTarget(
+        serverRef,
+        autoCleanup.signal,
+        {
+          app: 'bar-app',
+          id: 'page1',
+          title: 'bar-title',
+          vm: 'bar-vm',
+        },
+      );
+      try {
+        const scriptParsedMessage = await sendFromTargetToDebugger(
+          device,
+          debugger_,
+          'page1',
+          {
+            method: 'Debugger.scriptParsed',
+            params: {
+              sourceMapURL: `${serverRef.serverBaseUrl}/source-map`,
+            },
+          },
+        );
+        expect(
+          parseJsonFromDataUri(scriptParsedMessage.params.sourceMapURL),
+        ).toEqual({version: 3, file: '\u2757.js'});
+      } finally {
+        device.close();
+        debugger_.close();
+      }
+    });
+
+    test('handling of failure to fetch source map', async () => {
+      const {device, debugger_} = await createAndConnectTarget(
+        serverRef,
+        autoCleanup.signal,
+        {
+          app: 'bar-app',
+          id: 'page1',
+          title: 'bar-title',
+          vm: 'bar-vm',
+        },
+      );
+      try {
+        const scriptParsedMessage = await sendFromTargetToDebugger(
+          device,
+          debugger_,
+          'page1',
+          {
+            method: 'Debugger.scriptParsed',
+            params: {
+              sourceMapURL: `${serverRef.serverBaseUrl}/source-map-missing`,
+            },
+          },
+        );
+
+        // We don't rewrite the message in this case.
+        expect(scriptParsedMessage.params.sourceMapURL).toEqual(
+          `${serverRef.serverBaseUrl}/source-map-missing`,
+        );
+
+        // We send an error through to the debugger as a console message.
+        expect(debugger_.handle).toBeCalledWith(
+          expect.objectContaining({
+            method: 'Runtime.consoleAPICalled',
+            params: {
+              args: [
+                {
+                  type: 'string',
+                  value: expect.stringMatching('Failed to fetch source map'),
+                },
+              ],
+              executionContextId: 0,
+              type: 'error',
+            },
+          }),
+        );
+      } finally {
+        device.close();
+        debugger_.close();
+      }
+    });
+
+    describe.each(['10.0.2.2', '10.0.3.2'])(
+      '%s aliasing to and from localhost',
+      sourceHost => {
+        test('in source map fetching during Debugger.scriptParsed', async () => {
+          serverRef.app.use('/source-map', serveStaticJson({version: 3}));
+          const {device, debugger_} = await createAndConnectTarget(
+            serverRef,
+            autoCleanup.signal,
+            {
+              app: 'bar-app',
+              id: 'page1',
+              title: 'bar-title',
+              vm: 'bar-vm',
+            },
+          );
+          try {
+            const scriptParsedMessage = await sendFromTargetToDebugger(
+              device,
+              debugger_,
+              'page1',
+              {
+                method: 'Debugger.scriptParsed',
+                params: {
+                  sourceMapURL: `${protocol.toLowerCase()}://${sourceHost}:${
+                    serverRef.port
+                  }/source-map`,
+                },
+              },
+            );
+            expect(
+              parseJsonFromDataUri(scriptParsedMessage.params.sourceMapURL),
+            ).toEqual({version: 3});
+          } finally {
+            device.close();
+            debugger_.close();
+          }
+        });
+
+        test('in Debugger.setBreakpointByUrl', async () => {
+          const {device, debugger_} = await createAndConnectTarget(
+            serverRef,
+            autoCleanup.signal,
+            {
+              app: 'bar-app',
+              id: 'page1',
+              title: 'bar-title',
+              vm: 'bar-vm',
+            },
+          );
+          try {
+            const scriptParsedMessage = await sendFromTargetToDebugger(
+              device,
+              debugger_,
+              'page1',
+              {
+                method: 'Debugger.scriptParsed',
+                params: {
+                  url: `${protocol.toLowerCase()}://${sourceHost}:${
+                    serverRef.port
+                  }/some/file.js`,
+                },
+              },
+            );
+            expect(scriptParsedMessage.params.url).toEqual(
+              `${protocol.toLowerCase()}://localhost:${
+                serverRef.port
+              }/some/file.js`,
+            );
+
+            const setBreakpointByUrlMessage = await sendFromDebuggerToTarget(
+              debugger_,
+              device,
+              'page1',
+              {
+                id: 100,
+                method: 'Debugger.setBreakpointByUrl',
+                params: {
+                  lineNumber: 1,
+                  url: `${protocol.toLowerCase()}://localhost:${
+                    serverRef.port
+                  }/some/file.js`,
+                },
+              },
+            );
+            expect(setBreakpointByUrlMessage.params.url).toEqual(
+              `${protocol.toLowerCase()}://${sourceHost}:${
+                serverRef.port
+              }/some/file.js`,
+            );
+
+            const setBreakpointByUrlRegexMessage =
+              await sendFromDebuggerToTarget(debugger_, device, 'page1', {
+                id: 200,
+                method: 'Debugger.setBreakpointByUrl',
+                params: {
+                  lineNumber: 1,
+                  urlRegex: 'localhost:1000|localhost:2000',
+                },
+              });
+            expect(setBreakpointByUrlRegexMessage.params.urlRegex).toEqual(
+              `${sourceHost}:1000|${sourceHost}:2000`,
+            );
+          } finally {
+            device.close();
+            debugger_.close();
+          }
+        });
+      },
+    );
+
+    test('rewrites alphanumeric script IDs to file:// URIs', async () => {
+      const {device, debugger_} = await createAndConnectTarget(
+        serverRef,
+        autoCleanup.signal,
+        {
+          app: 'bar-app',
+          id: 'page1',
+          title: 'bar-title',
+          vm: 'bar-vm',
+        },
+      );
+      try {
+        const scriptParsedMessage = await sendFromTargetToDebugger(
+          device,
+          debugger_,
+          'page1',
+          {
+            method: 'Debugger.scriptParsed',
+            params: {
+              url: 'abcde12345',
+            },
+          },
+        );
+        expect(scriptParsedMessage.params.url).toBe('file://abcde12345');
+      } finally {
+        device.close();
+        debugger_.close();
+      }
+    });
+
+    describe('Debugger.getScriptSource', () => {
+      test('fetches source from server', async () => {
+        serverRef.app.use('/source', serveStaticText('foo'));
+        const {device, debugger_} = await createAndConnectTarget(
+          serverRef,
+          autoCleanup.signal,
+          {
+            app: 'bar-app',
+            id: 'page1',
+            title: 'bar-title',
+            vm: 'bar-vm',
+          },
+        );
+        try {
+          await sendFromTargetToDebugger(device, debugger_, 'page1', {
+            method: 'Debugger.scriptParsed',
+            params: {
+              scriptId: 'script1',
+              url: `${serverRef.serverBaseUrl}/source`,
+              startLine: 0,
+              endLine: 0,
+              startColumn: 0,
+              endColumn: 0,
+              hash: createHash('sha256').update('foo').digest('hex'),
+            },
+          });
+          const response = await debugger_.sendAndGetResponse({
+            id: 1,
+            method: 'Debugger.getScriptSource',
+            params: {
+              scriptId: 'script1',
+            },
+          });
+          expect(response.result).toEqual(
+            expect.objectContaining({scriptSource: 'foo'}),
+          );
+          // The device does not receive the getScriptSource request, since it
+          // is handled by the proxy.
+          expect(device.wrappedEventParsed).not.toBeCalledWith({
+            pageId: 'page1',
+            wrappedEvent: expect.objectContaining({
+              method: 'Debugger.getScriptSource',
+            }),
+          });
+        } finally {
+          device.close();
+          debugger_.close();
+        }
+      });
+
+      test('reads source from disk', async () => {
+        // Should be just 'foo\n', but the newline can get mangled by the OS
+        // and/or SCM, so let's read the source of truth from disk.
+        const fileRealContents = await fsPromise.readFile(
+          path.join(__dirname, '__fixtures__', 'mock-source-file.txt'),
+          'utf8',
+        );
+
+        const {device, debugger_} = await createAndConnectTarget(
+          serverRef,
+          autoCleanup.signal,
+          {
+            app: 'bar-app',
+            id: 'page1',
+            title: 'bar-title',
+            vm: 'bar-vm',
+          },
+        );
+        try {
+          await sendFromTargetToDebugger(device, debugger_, 'page1', {
+            method: 'Debugger.scriptParsed',
+            params: {
+              scriptId: 'script1',
+              url: '__fixtures__/mock-source-file.txt',
+              startLine: 0,
+              endLine: 0,
+              startColumn: 0,
+              endColumn: 0,
+              hash: createHash('sha256').update(fileRealContents).digest('hex'),
+            },
+          });
+          const response = await debugger_.sendAndGetResponse({
+            id: 1,
+            method: 'Debugger.getScriptSource',
+            params: {
+              scriptId: 'script1',
+            },
+          });
+          expect(response.result).toEqual(
+            expect.objectContaining({scriptSource: fileRealContents}),
+          );
+          // The device does not receive the getScriptSource request, since it
+          // is handled by the proxy.
+          expect(device.wrappedEventParsed).not.toBeCalledWith({
+            pageId: 'page1',
+            wrappedEvent: expect.objectContaining({
+              method: 'Debugger.getScriptSource',
+            }),
+          });
+        } finally {
+          device.close();
+          debugger_.close();
+        }
+      });
+
+      test.each(['url', 'file'])(
+        'reports %s fetch error back to debugger',
+        async resourceType => {
+          const {device, debugger_} = await createAndConnectTarget(
+            serverRef,
+            autoCleanup.signal,
+            {
+              app: 'bar-app',
+              id: 'page1',
+              title: 'bar-title',
+              vm: 'bar-vm',
+            },
+          );
+          try {
+            await sendFromTargetToDebugger(device, debugger_, 'page1', {
+              method: 'Debugger.scriptParsed',
+              params: {
+                scriptId: 'script1',
+                url:
+                  resourceType === 'url'
+                    ? `${serverRef.serverBaseUrl}/source-missing`
+                    : '__fixtures__/mock-source-file.does-not-exist',
+                startLine: 0,
+                endLine: 0,
+                startColumn: 0,
+                endColumn: 0,
+                hash: createHash('sha256').update('foo').digest('hex'),
+              },
+            });
+            const response = await debugger_.sendAndGetResponse({
+              id: 1,
+              method: 'Debugger.getScriptSource',
+              params: {
+                scriptId: 'script1',
+              },
+            });
+
+            // We mark the request as failed.
+            expect(response).toEqual({
+              id: 1,
+              result: {
+                error: {
+                  message: expect.stringMatching(
+                    `Failed to fetch source ${resourceType}`,
+                  ),
+                },
+              },
+            });
+
+            // We also send an error through to the debugger as a console message.
+            expect(debugger_.handle).toBeCalledWith(
+              expect.objectContaining({
+                method: 'Runtime.consoleAPICalled',
+                params: {
+                  args: [
+                    {
+                      type: 'string',
+                      value: expect.stringMatching(
+                        `Failed to fetch source ${resourceType}`,
+                      ),
+                    },
+                  ],
+                  executionContextId: 0,
+                  type: 'error',
+                },
+              }),
+            );
+
+            // The device does not receive the getScriptSource request, since it
+            // is handled by the proxy.
+            expect(device.wrappedEventParsed).not.toBeCalledWith({
+              pageId: 'page1',
+              wrappedEvent: expect.objectContaining({
+                method: 'Debugger.getScriptSource',
+              }),
+            });
+          } finally {
+            device.close();
+            debugger_.close();
+          }
+        },
+      );
+    });
+
+    describe("disabled when target has 'nativeSourceCodeFetching' capability flag", () => {
+      const pageDescription = {
+        app: 'bar-app',
+        id: 'page1',
+        title: 'bar-title',
+        capabilities: {
+          nativeSourceCodeFetching: true,
+        },
+        vm: 'bar-vm',
+      };
+
+      describe('Debugger.scriptParsed', () => {
+        test('should forward event directly to client (does not rewrite sourceMapURL host)', async () => {
+          const {device, debugger_} = await createAndConnectTarget(
+            serverRef,
+            autoCleanup.signal,
+            pageDescription,
+          );
+          try {
+            const message = {
+              method: 'Debugger.scriptParsed',
+              params: {
+                sourceMapURL: `${protocol.toLowerCase()}://10.0.2.2:${
+                  serverRef.port
+                }/source-map`,
+              },
+            };
+            await sendFromTargetToDebugger(device, debugger_, 'page1', message);
+
+            expect(debugger_.handle).toBeCalledWith(message);
+          } finally {
+            device.close();
+            debugger_.close();
+          }
+        });
+      });
+
+      describe('Debugger.getScriptSource', () => {
+        test('should forward request directly to device (does not read source from disk in proxy)', async () => {
+          const {device, debugger_} = await createAndConnectTarget(
+            serverRef,
+            autoCleanup.signal,
+            pageDescription,
+          );
+          try {
+            const message = {
+              id: 1,
+              method: 'Debugger.getScriptSource',
+              params: {
+                scriptId: 'script1',
+              },
+            };
+            await sendFromDebuggerToTarget(debugger_, device, 'page1', message);
+
+            expect(device.wrappedEventParsed).toBeCalledWith({
+              pageId: 'page1',
+              wrappedEvent: message,
+            });
+          } finally {
+            device.close();
+            debugger_.close();
+          }
+        });
+      });
+    });
+  },
+);
diff --git a/packages/dev-middleware/src/__tests__/InspectorProxyCdpTransport-test.js b/packages/dev-middleware/src/__tests__/InspectorProxyCdpTransport-test.js
new file mode 100644
index 00000000000000..6d76d304e84677
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/InspectorProxyCdpTransport-test.js
@@ -0,0 +1,152 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {PageDescription} from '../inspector-proxy/types';
+
+import {fetchJson} from './FetchUtils';
+import {createDebuggerMock} from './InspectorDebuggerUtils';
+import {createDeviceMock} from './InspectorDeviceUtils';
+import {withAbortSignalForEachTest} from './ResourceUtils';
+import {withServerForEachTest} from './ServerUtils';
+import until from 'wait-for-expect';
+
+// WebSocket is unreliable when using fake timers.
+jest.useRealTimers();
+
+jest.setTimeout(10000);
+
+describe.each(['HTTP', 'HTTPS'])(
+  'inspector proxy CDP transport over %s',
+  protocol => {
+    const serverRef = withServerForEachTest({
+      logger: undefined,
+      projectRoot: '',
+      secure: protocol === 'HTTPS',
+    });
+    const autoCleanup = withAbortSignalForEachTest();
+    afterEach(() => {
+      jest.clearAllMocks();
+    });
+
+    test('connection/disconnection and message from debugger to device', async () => {
+      const device1 = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      try {
+        device1.getPages.mockImplementation(() => [
+          {
+            app: 'bar-app',
+            id: 'page1',
+            title: 'bar-title',
+            vm: 'bar-vm',
+          },
+        ]);
+
+        let pageList: Array<PageDescription> = [];
+        await until(async () => {
+          pageList = (await fetchJson(
+            `${serverRef.serverBaseUrl}/json`,
+            // $FlowIgnore[unclear-type]
+          ): any);
+          expect(pageList).toHaveLength(1);
+        });
+        const [{webSocketDebuggerUrl}] = pageList;
+        expect(webSocketDebuggerUrl).toBeDefined();
+
+        const debugger_ = await createDebuggerMock(
+          webSocketDebuggerUrl,
+          autoCleanup.signal,
+        );
+        try {
+          await until(() => expect(device1.connect).toBeCalled());
+
+          debugger_.send({
+            method: 'Runtime.enable',
+            id: 0,
+          });
+
+          await until(() => expect(device1.wrappedEvent).toBeCalled());
+
+          expect(device1.wrappedEventParsed).toBeCalledWith({
+            pageId: 'page1',
+            wrappedEvent: {
+              method: 'Runtime.enable',
+              id: 0,
+            },
+          });
+
+          debugger_.close();
+
+          await until(() => expect(device1.disconnect).toBeCalled());
+        } finally {
+          debugger_.close();
+        }
+      } finally {
+        device1.close();
+      }
+    });
+
+    test('message and disconnection from device to debugger', async () => {
+      const device1 = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      try {
+        device1.getPages.mockImplementation(() => [
+          {
+            app: 'bar-app',
+            id: 'page1',
+            title: 'bar-title',
+            vm: 'bar-vm',
+          },
+        ]);
+
+        let pageList: Array<PageDescription> = [];
+        await until(async () => {
+          pageList = (await fetchJson(
+            `${serverRef.serverBaseUrl}/json`,
+            // $FlowIgnore[unclear-type]
+          ): any);
+          expect(pageList).toHaveLength(1);
+        });
+        const [{webSocketDebuggerUrl}] = pageList;
+        expect(webSocketDebuggerUrl).toBeDefined();
+
+        const debugger_ = await createDebuggerMock(
+          webSocketDebuggerUrl,
+          autoCleanup.signal,
+        );
+        let debuggerSocketClosed = false;
+        debugger_.socket.once('close', () => {
+          debuggerSocketClosed = true;
+        });
+        try {
+          await until(() => expect(device1.connect).toBeCalled());
+
+          device1.sendWrappedEvent('page1', {
+            id: 0,
+          });
+
+          await until(() => expect(debugger_.handle).toBeCalledWith({id: 0}));
+
+          device1.close();
+
+          await until(() => expect(debuggerSocketClosed).toBe(true));
+        } finally {
+          debugger_.close();
+        }
+      } finally {
+        device1.close();
+      }
+    });
+  },
+);
diff --git a/packages/dev-middleware/src/__tests__/InspectorProxyHttpApi-test.js b/packages/dev-middleware/src/__tests__/InspectorProxyHttpApi-test.js
new file mode 100644
index 00000000000000..e601f219f06324
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/InspectorProxyHttpApi-test.js
@@ -0,0 +1,313 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {
+  JsonPagesListResponse,
+  JsonVersionResponse,
+} from '../inspector-proxy/types';
+
+import {fetchJson} from './FetchUtils';
+import {createDeviceMock} from './InspectorDeviceUtils';
+import {withAbortSignalForEachTest} from './ResourceUtils';
+import {withServerForEachTest} from './ServerUtils';
+
+// Must be greater than or equal to PAGES_POLLING_INTERVAL in `InspectorProxy.js`.
+const PAGES_POLLING_DELAY = 1000;
+
+jest.useFakeTimers();
+
+describe('inspector proxy HTTP API', () => {
+  const serverRef = withServerForEachTest({
+    logger: undefined,
+    projectRoot: '',
+  });
+  const autoCleanup = withAbortSignalForEachTest();
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  describe('/json/version endpoint', () => {
+    test('returns version', async () => {
+      const json = await fetchJson<JsonVersionResponse>(
+        `${serverRef.serverBaseUrl}/json/version`,
+      );
+      expect(json).toMatchSnapshot();
+    });
+  });
+
+  describe.each(['/json', '/json/list'])('%s endpoint', endpoint => {
+    test('empty on start', async () => {
+      const json = await fetchJson<JsonPagesListResponse>(
+        `${serverRef.serverBaseUrl}${endpoint}`,
+      );
+      expect(json).toEqual([]);
+    });
+
+    test('updates page details through polling', async () => {
+      const device1 = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      try {
+        device1.getPages.mockImplementation(() => [
+          {
+            app: 'bar-app',
+            id: 'page1',
+            title: 'bar-title',
+            vm: 'bar-vm',
+          },
+        ]);
+
+        jest.advanceTimersByTime(PAGES_POLLING_DELAY);
+
+        const jsonBefore = await fetchJson<JsonPagesListResponse>(
+          `${serverRef.serverBaseUrl}${endpoint}`,
+        );
+
+        device1.getPages.mockImplementation(() => [
+          {
+            app: 'bar-app',
+            id: 'page1-updated',
+            title: 'bar-title-updated',
+            vm: 'bar-vm-updated',
+          },
+        ]);
+
+        jest.advanceTimersByTime(PAGES_POLLING_DELAY);
+
+        const jsonAfter = await fetchJson<JsonPagesListResponse>(
+          `${serverRef.serverBaseUrl}${endpoint}`,
+        );
+
+        expect(jsonBefore).toEqual([
+          expect.objectContaining({
+            id: 'device1-page1',
+            title: 'bar-title',
+            vm: 'bar-vm',
+          }),
+        ]);
+
+        expect(jsonAfter).toEqual([
+          expect.objectContaining({
+            id: 'device1-page1-updated',
+            title: 'bar-title-updated',
+            vm: 'bar-vm-updated',
+          }),
+        ]);
+      } finally {
+        device1.close();
+      }
+    });
+
+    test('returns to empty on device disconnect', async () => {
+      const device1 = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      try {
+        device1.getPages.mockImplementation(() => [
+          {
+            app: 'bar-app',
+            id: 'page1',
+            title: 'bar-title',
+            vm: 'bar-vm',
+          },
+        ]);
+
+        jest.advanceTimersByTime(PAGES_POLLING_DELAY);
+
+        const jsonBefore = await fetchJson<JsonPagesListResponse>(
+          `${serverRef.serverBaseUrl}${endpoint}`,
+        );
+
+        device1.close();
+
+        const jsonAfter = await fetchJson<JsonPagesListResponse>(
+          `${serverRef.serverBaseUrl}${endpoint}`,
+        );
+
+        expect(jsonBefore).toEqual([
+          expect.objectContaining({
+            id: 'device1-page1',
+            title: 'bar-title',
+            vm: 'bar-vm',
+          }),
+        ]);
+
+        expect(jsonAfter).toEqual([]);
+      } finally {
+        device1.close();
+      }
+    });
+
+    test('reports pages from two connected devices', async () => {
+      const device1 = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+
+      device1.getPages.mockImplementation(() => [
+        {
+          app: 'bar-app',
+          id: 'page1',
+          title: 'bar-title',
+          vm: 'bar-vm',
+        },
+      ]);
+
+      const device2 = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device2&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      device2.getPages.mockImplementation(() => [
+        {
+          app: 'bar-app',
+          id: 'page1',
+          title: 'bar-title',
+          vm: 'bar-vm',
+        },
+      ]);
+
+      // Ensure polling has happened a few times
+      jest.advanceTimersByTime(10 * PAGES_POLLING_DELAY);
+
+      try {
+        const json = await fetchJson<JsonPagesListResponse>(
+          `${serverRef.serverBaseUrl}${endpoint}`,
+        );
+        expect(json).toEqual([
+          {
+            description: 'bar-app',
+            deviceName: 'foo',
+            devtoolsFrontendUrl: expect.any(String),
+            faviconUrl: 'https://reactjs.org/favicon.ico',
+            id: 'device1-page1',
+            reactNative: {
+              capabilities: {},
+              logicalDeviceId: 'device1',
+            },
+            title: 'bar-title',
+            type: 'node',
+            vm: 'bar-vm',
+            webSocketDebuggerUrl: expect.any(String),
+          },
+          {
+            description: 'bar-app',
+            deviceName: 'foo',
+            devtoolsFrontendUrl: expect.any(String),
+            faviconUrl: 'https://reactjs.org/favicon.ico',
+            id: 'device2-page1',
+            reactNative: {
+              capabilities: {},
+              logicalDeviceId: 'device2',
+            },
+            title: 'bar-title',
+            type: 'node',
+            vm: 'bar-vm',
+            webSocketDebuggerUrl: expect.any(String),
+          },
+        ]);
+      } finally {
+        device1.close();
+        device2.close();
+      }
+    });
+
+    test('removes pages with duplicate IDs', async () => {
+      const device1 = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      try {
+        device1.getPages.mockImplementation(() => [
+          {
+            app: 'bar-app',
+            id: 'page1',
+            title: 'bar-title',
+            vm: 'bar-vm',
+          },
+          {
+            app: 'bar-app-other',
+            id: 'page1',
+            title: 'bar-title-other',
+            vm: 'bar-vm-other',
+          },
+        ]);
+
+        jest.advanceTimersByTime(PAGES_POLLING_DELAY);
+
+        const json = await fetchJson<JsonPagesListResponse>(
+          `${serverRef.serverBaseUrl}${endpoint}`,
+        );
+
+        expect(json).toEqual([
+          expect.objectContaining({
+            id: 'device1-page1',
+            title: 'bar-title-other',
+            vm: 'bar-vm-other',
+          }),
+        ]);
+      } finally {
+        device1.close();
+      }
+    });
+
+    describe('HTTP vs HTTPS', () => {
+      const secureServerRef = withServerForEachTest({
+        logger: undefined,
+        projectRoot: '',
+        secure: true,
+      });
+
+      test('uses `wss` scheme and param if server is HTTPS', async () => {
+        const page = {
+          app: 'bar-app',
+          id: 'page1',
+          title: 'bar-title',
+          vm: 'bar-vm',
+        };
+
+        let deviceHttp, deviceHttps;
+
+        try {
+          deviceHttp = await createDeviceMock(
+            `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+            autoCleanup.signal,
+          );
+          deviceHttp.getPages.mockImplementation(() => [page]);
+
+          deviceHttps = await createDeviceMock(
+            `${secureServerRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+            autoCleanup.signal,
+          );
+          deviceHttps.getPages.mockImplementation(() => [page]);
+
+          jest.advanceTimersByTime(PAGES_POLLING_DELAY);
+
+          const [pageHttp] = await fetchJson<JsonPagesListResponse>(
+            `${serverRef.serverBaseUrl}${endpoint}`,
+          );
+          const [pageHttps] = await fetchJson<JsonPagesListResponse>(
+            `${secureServerRef.serverBaseUrl}${endpoint}`,
+          );
+
+          expect(pageHttp.webSocketDebuggerUrl).toMatch(/^ws:\/\//);
+          expect(pageHttps.webSocketDebuggerUrl).toMatch(/^wss:\/\//);
+          expect(pageHttp.devtoolsFrontendUrl).toMatch(/[&?]ws=/);
+          expect(pageHttps.devtoolsFrontendUrl).toMatch(/[&?]wss=/);
+        } finally {
+          deviceHttp?.close();
+          deviceHttps?.close();
+        }
+      });
+    });
+  });
+});
diff --git a/packages/dev-middleware/src/__tests__/InspectorProxyReactNativeReloads-test.js b/packages/dev-middleware/src/__tests__/InspectorProxyReactNativeReloads-test.js
new file mode 100644
index 00000000000000..a89ddbd08ed558
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/InspectorProxyReactNativeReloads-test.js
@@ -0,0 +1,485 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import {fetchJson} from './FetchUtils';
+import {createDebuggerMock} from './InspectorDebuggerUtils';
+import {createDeviceMock} from './InspectorDeviceUtils';
+import {createAndConnectTarget} from './InspectorProtocolUtils';
+import {withAbortSignalForEachTest} from './ResourceUtils';
+import {withServerForEachTest} from './ServerUtils';
+import invariant from 'invariant';
+import until from 'wait-for-expect';
+
+// WebSocket is unreliable when using fake timers.
+jest.useRealTimers();
+
+jest.setTimeout(10000);
+
+describe('inspector proxy React Native reloads', () => {
+  const serverRef = withServerForEachTest({
+    logger: undefined,
+    projectRoot: '',
+  });
+  const autoCleanup = withAbortSignalForEachTest();
+  afterEach(() => {
+    jest.clearAllMocks();
+  });
+
+  test('routing messages from the debugger to the latest React Native page', async () => {
+    let device1, debugger_;
+    try {
+      /***
+       * Connect a device with one React Native page.
+       */
+      device1 = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      device1.getPages.mockImplementation(() => [
+        {
+          app: 'bar',
+          id: 'originalPage-initial',
+          // NOTE: 'React' is a magic string used to detect React Native pages.
+          title: 'React Native (mock)',
+          vm: 'vm',
+        },
+      ]);
+      let pageList;
+      await until(async () => {
+        pageList = (await fetchJson(
+          `${serverRef.serverBaseUrl}/json`,
+          // $FlowIgnore[unclear-type]
+        ): any);
+        expect(pageList.length).toBeGreaterThan(0);
+      });
+      invariant(pageList != null, '');
+
+      /***
+       * The proxy reports *two* pages.
+       */
+      const syntheticPage = pageList.find(
+        ({title}) =>
+          // NOTE: Magic string used for the synthetic page that has a stable ID
+          title === 'React Native Experimental (Improved Chrome Reloads)',
+      );
+      const originalPage = pageList.find(
+        ({title}) => title === 'React Native (mock)',
+      );
+      expect(syntheticPage).not.toBeUndefined();
+      expect(originalPage).not.toBeUndefined();
+      expect(originalPage.id).toContain('originalPage-initial');
+      expect(syntheticPage.id).not.toEqual(originalPage.id);
+
+      // Connect to the synthetic page
+      debugger_ = await createDebuggerMock(
+        syntheticPage.webSocketDebuggerUrl,
+        autoCleanup.signal,
+      );
+
+      debugger_.send({
+        method: 'Console.enable',
+        id: 0,
+      });
+
+      await until(() =>
+        expect(device1.wrappedEventParsed).toBeCalledWith({
+          pageId: 'originalPage-initial',
+          wrappedEvent: {
+            method: 'Console.enable',
+            id: 0,
+          },
+        }),
+      );
+
+      /**
+       * Replace our original page with a new one.
+       */
+      device1.getPages.mockImplementation(() => [
+        {
+          app: 'bar',
+          id: 'originalPage-updated',
+          // NOTE: 'React' is a magic string used to detect React Native pages.
+          title: 'React Native (mock)',
+          vm: 'vm',
+        },
+      ]);
+      await until(async () => {
+        pageList = (await fetchJson(
+          `${serverRef.serverBaseUrl}/json`,
+          // $FlowIgnore[unclear-type]
+        ): any);
+        expect(pageList).toContainEqual(
+          expect.objectContaining({
+            id: expect.stringContaining('originalPage-updated'),
+          }),
+        );
+      });
+
+      /**
+       * We can reuse our existing debugger connection to the synthetic page.
+       * Messages will be routed to the updated page.
+       */
+      debugger_.send({
+        method: 'Console.disable',
+        id: 1,
+      });
+
+      await until(() =>
+        expect(device1.wrappedEventParsed).toBeCalledWith({
+          pageId: 'originalPage-updated',
+          wrappedEvent: {
+            method: 'Console.disable',
+            id: 1,
+          },
+        }),
+      );
+    } finally {
+      device1?.close();
+      debugger_?.close();
+    }
+  });
+
+  test('routing messages from the latest React Native page to the debugger', async () => {
+    let device1, debugger_;
+    try {
+      /***
+       * Connect a device with one React Native page.
+       */
+      device1 = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      device1.getPages.mockImplementation(() => [
+        {
+          app: 'bar',
+          id: 'originalPage-initial',
+          // NOTE: 'React' is a magic string used to detect React Native pages.
+          title: 'React Native (mock)',
+          vm: 'vm',
+        },
+      ]);
+      let pageList;
+      await until(async () => {
+        pageList = (await fetchJson(
+          `${serverRef.serverBaseUrl}/json`,
+          // $FlowIgnore[unclear-type]
+        ): any);
+        expect(pageList.length).toBeGreaterThan(0);
+      });
+      invariant(pageList != null, '');
+
+      /***
+       * The proxy reports *two* pages.
+       */
+      const syntheticPage = pageList.find(
+        ({title}) =>
+          // NOTE: Magic string used for the synthetic page that has a stable ID
+          title === 'React Native Experimental (Improved Chrome Reloads)',
+      );
+      const originalPage = pageList.find(
+        ({title}) => title === 'React Native (mock)',
+      );
+      expect(syntheticPage).not.toBeUndefined();
+      expect(originalPage).not.toBeUndefined();
+      expect(originalPage.id).toContain('originalPage-initial');
+      expect(syntheticPage.id).not.toEqual(originalPage.id);
+
+      // Connect to the synthetic page
+      debugger_ = await createDebuggerMock(
+        syntheticPage.webSocketDebuggerUrl,
+        autoCleanup.signal,
+      );
+
+      device1.sendWrappedEvent('originalPage-initial', {
+        error: 'Mock error',
+      });
+
+      await until(() =>
+        expect(debugger_.handle).toBeCalledWith({
+          error: 'Mock error',
+        }),
+      );
+
+      /**
+       * Replace our original page with a new one.
+       */
+      device1.getPages.mockImplementation(() => [
+        {
+          app: 'bar',
+          id: 'originalPage-updated',
+          // NOTE: 'React' is a magic string used to detect React Native pages.
+          title: 'React Native (mock)',
+          vm: 'vm',
+        },
+      ]);
+      await until(async () => {
+        pageList = (await fetchJson(
+          `${serverRef.serverBaseUrl}/json`,
+          // $FlowIgnore[unclear-type]
+        ): any);
+        expect(pageList).toContainEqual(
+          expect.objectContaining({
+            id: expect.stringContaining('originalPage-updated'),
+          }),
+        );
+      });
+
+      /**
+       * We can reuse our existing debugger connection to the synthetic page.
+       * Messages from the updated page will be routed to the debugger.
+       */
+      device1.sendWrappedEvent('originalPage-initial', {
+        error: 'Another mock error',
+      });
+
+      await until(() =>
+        expect(debugger_.handle).toBeCalledWith({
+          error: 'Another mock error',
+        }),
+      );
+    } finally {
+      device1?.close();
+      debugger_?.close();
+    }
+  });
+
+  test('injecting setup messages after a reload', async () => {
+    let device1, debugger_;
+    try {
+      /***
+       * Connect a device with one React Native page.
+       */
+      device1 = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      device1.getPages.mockImplementation(() => [
+        {
+          app: 'bar',
+          id: 'originalPage-initial',
+          // NOTE: 'React' is a magic string used to detect React Native pages.
+          title: 'React Native (mock)',
+          vm: 'vm',
+        },
+      ]);
+      let pageList;
+      await until(async () => {
+        pageList = (await fetchJson(
+          `${serverRef.serverBaseUrl}/json`,
+          // $FlowIgnore[unclear-type]
+        ): any);
+        expect(pageList.length).toBeGreaterThan(0);
+      });
+      invariant(pageList != null, '');
+
+      const syntheticPage = pageList.find(
+        ({title}) =>
+          // NOTE: Magic string used for the synthetic page that has a stable ID
+          title === 'React Native Experimental (Improved Chrome Reloads)',
+      );
+      expect(syntheticPage).not.toBeUndefined();
+
+      // Connect to the synthetic page
+      debugger_ = await createDebuggerMock(
+        syntheticPage.webSocketDebuggerUrl,
+        autoCleanup.signal,
+      );
+
+      /**
+       * Replace our original page with a new one.
+       */
+      device1.getPages.mockImplementation(() => [
+        {
+          app: 'bar',
+          id: 'originalPage-updated',
+          // NOTE: 'React' is a magic string used to detect React Native pages.
+          title: 'React Native (mock)',
+          vm: 'vm',
+        },
+      ]);
+
+      /**
+       * The new page receives setup messages from the proxy.
+       */
+      device1.wrappedEventParsed.mockClear();
+      await until(async () => {
+        expect(device1.wrappedEventParsed).toBeCalledWith({
+          pageId: 'originalPage-updated',
+          wrappedEvent: {
+            method: 'Runtime.enable',
+            id: expect.any(Number),
+          },
+        });
+        expect(device1.wrappedEventParsed).toBeCalledWith({
+          pageId: 'originalPage-updated',
+          wrappedEvent: {
+            method: 'Debugger.enable',
+            id: expect.any(Number),
+          },
+        });
+      });
+
+      /**
+       * When the new page notifies us about the new execution context, the
+       * proxy first injects a notification about the old context(s) going
+       * away, and also asks the new page to resume (under the assumption that
+       * it starts in a paused state).
+       */
+      device1.sendWrappedEvent('originalPage-updated', {
+        method: 'Runtime.executionContextCreated',
+      });
+      debugger_.handle.mockClear();
+      device1.wrappedEventParsed.mockClear();
+      await until(() => {
+        expect(debugger_.handle.mock.calls).toEqual([
+          // NOTE: The messages need to arrive in this exact order.
+          [
+            {
+              method: 'Runtime.executionContextsCleared',
+            },
+          ],
+          [
+            expect.objectContaining({
+              method: 'Runtime.executionContextCreated',
+            }),
+          ],
+        ]);
+      });
+      await until(() => {
+        expect(device1.wrappedEventParsed).toBeCalledWith({
+          pageId: 'originalPage-updated',
+          wrappedEvent: expect.objectContaining({
+            method: 'Debugger.resume',
+            id: expect.any(Number),
+          }),
+        });
+      });
+    } finally {
+      device1?.close();
+      debugger_?.close();
+    }
+  });
+
+  test('device disconnect event results in a nonstandard "reload" message to the debugger', async () => {
+    const {device, debugger_} = await createAndConnectTarget(
+      serverRef,
+      autoCleanup.signal,
+      {
+        app: 'bar-app',
+        id: 'page1',
+        title: 'bar-title',
+        vm: 'bar-vm',
+      },
+    );
+
+    try {
+      device.send({
+        event: 'disconnect',
+        payload: {
+          pageId: 'page1',
+        },
+      });
+      await until(() =>
+        expect(debugger_.handle).toBeCalledWith({
+          method: 'reload',
+        }),
+      );
+    } finally {
+      device.close();
+    }
+  });
+
+  test("disabled when target has 'nativePageReloads' capability flag", async () => {
+    let device1;
+    try {
+      /***
+       * Connect a device with one React Native page.
+       */
+      device1 = await createDeviceMock(
+        `${serverRef.serverBaseWsUrl}/inspector/device?device=device1&name=foo&app=bar`,
+        autoCleanup.signal,
+      );
+      device1.getPages.mockImplementation(() => [
+        {
+          app: 'bar',
+          id: 'originalPage-initial',
+          // NOTE: 'React' is a magic string used to detect React Native pages
+          // in legacy mode.
+          title: 'React Native (mock)',
+          capabilities: {
+            nativePageReloads: true,
+          },
+          vm: 'vm',
+        },
+      ]);
+      let pageList;
+      await until(async () => {
+        pageList = (await fetchJson(
+          `${serverRef.serverBaseUrl}/json`,
+          // $FlowIgnore[unclear-type]
+        ): any);
+        expect(pageList.length).toBeGreaterThan(0);
+      });
+      invariant(pageList != null, '');
+
+      /**
+       * The proxy reports just one page, without the synthetic page reported
+       * in legacy mode.
+       */
+
+      expect(pageList).toEqual([
+        expect.objectContaining({
+          id: expect.stringContaining('originalPage-initial'),
+          title: 'React Native (mock)',
+        }),
+      ]);
+
+      /**
+       * Replace our original page with a new one.
+       */
+      device1.getPages.mockImplementation(() => [
+        {
+          app: 'bar',
+          id: 'originalPage-updated',
+          // NOTE: 'React' is a magic string used to detect React Native pages.
+          title: 'React Native (mock)',
+          capabilities: {
+            nativePageReloads: true,
+          },
+          vm: 'vm',
+        },
+      ]);
+      await until(async () => {
+        pageList = (await fetchJson(
+          `${serverRef.serverBaseUrl}/json`,
+          // $FlowIgnore[unclear-type]
+        ): any);
+        expect(pageList).toContainEqual(
+          expect.objectContaining({
+            id: expect.stringContaining('originalPage-updated'),
+          }),
+        );
+      });
+
+      /**
+       * There's still just one page reported.
+       */
+      expect(pageList).toEqual([
+        expect.objectContaining({
+          id: expect.stringContaining('originalPage-updated'),
+          title: 'React Native (mock)',
+        }),
+      ]);
+    } finally {
+      device1?.close();
+    }
+  });
+});
diff --git a/packages/dev-middleware/src/__tests__/ResourceUtils.js b/packages/dev-middleware/src/__tests__/ResourceUtils.js
new file mode 100644
index 00000000000000..0ad12756c64cd2
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/ResourceUtils.js
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+export function withAbortSignalForEachTest(): $ReadOnly<{signal: AbortSignal}> {
+  const ref: {signal: AbortSignal} = {
+    // $FlowIgnore[unsafe-getters-setters]
+    get signal() {
+      throw new Error(
+        'The return value of withAbortSignalForEachTest is lazily initialized and can only be accessed in tests.',
+      );
+    },
+  };
+  let controller;
+  beforeEach(() => {
+    controller = new AbortController();
+    Object.defineProperty(ref, 'signal', {
+      value: controller.signal,
+    });
+  });
+  afterEach(() => {
+    controller.abort();
+  });
+  return ref;
+}
diff --git a/packages/dev-middleware/src/__tests__/ServerUtils.js b/packages/dev-middleware/src/__tests__/ServerUtils.js
new file mode 100644
index 00000000000000..bcc3db08115cf9
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/ServerUtils.js
@@ -0,0 +1,162 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {JSONSerializable} from '../inspector-proxy/types';
+import type {HandleFunction} from 'connect';
+
+import {createDevMiddleware} from '../';
+import connect from 'connect';
+import http from 'http';
+import https from 'https';
+import * as selfsigned from 'selfsigned';
+import url from 'url';
+
+type CreateDevMiddlewareOptions = Parameters<typeof createDevMiddleware>[0];
+type CreateServerOptions = {
+  ...Omit<CreateDevMiddlewareOptions, 'serverBaseUrl'>,
+  secure?: boolean,
+};
+type ConnectApp = ReturnType<typeof connect>;
+
+export function withServerForEachTest(options: CreateServerOptions): $ReadOnly<{
+  serverBaseUrl: string,
+  serverBaseWsUrl: string,
+  app: ConnectApp,
+  port: number,
+}> {
+  const EAGER_ACCESS_ERROR_MESSAGE =
+    'The return value of withServerForEachTest is lazily initialized and can only be accessed in tests.';
+  const ref: {
+    serverBaseUrl: string,
+    serverBaseWsUrl: string,
+    app: ConnectApp,
+    port: number,
+  } = {
+    // $FlowIgnore[unsafe-getters-setters]
+    get serverBaseUrl() {
+      throw new Error(EAGER_ACCESS_ERROR_MESSAGE);
+    },
+    // $FlowIgnore[unsafe-getters-setters]
+    get serverBaseWsUrl() {
+      throw new Error(EAGER_ACCESS_ERROR_MESSAGE);
+    },
+    // $FlowIgnore[unsafe-getters-setters]
+    get app() {
+      throw new Error(EAGER_ACCESS_ERROR_MESSAGE);
+    },
+    // $FlowIgnore[unsafe-getters-setters]
+    get port() {
+      throw new Error(EAGER_ACCESS_ERROR_MESSAGE);
+    },
+  };
+  let server: http$Server | https$Server;
+  let app: ConnectApp;
+  beforeEach(async () => {
+    ({server, app} = await createServer(options));
+    const serverBaseUrl = baseUrlForServer(
+      server,
+      options.secure ?? false ? 'https' : 'http',
+    );
+    const serverBaseWsUrl = baseUrlForServer(
+      server,
+      options.secure ?? false ? 'wss' : 'ws',
+    );
+    Object.defineProperty(ref, 'serverBaseUrl', {value: serverBaseUrl});
+    Object.defineProperty(ref, 'serverBaseWsUrl', {value: serverBaseWsUrl});
+    Object.defineProperty(ref, 'app', {value: app});
+    Object.defineProperty(ref, 'port', {value: server.address().port});
+  });
+  afterEach(done => {
+    server.close(() => done());
+  });
+  return ref;
+}
+
+export async function createServer(options: CreateServerOptions): Promise<{
+  server: http$Server | https$Server,
+  app: ReturnType<typeof connect>,
+}> {
+  const app = connect();
+  const {secure = false, ...devMiddlewareOptions} = options;
+  let httpServer;
+  if (secure) {
+    const {cert, private: key} = selfsigned.generate(
+      [{name: 'commonName', value: 'localhost'}],
+      {days: 1},
+    );
+    httpServer = https.createServer(
+      {cert, key},
+      // $FlowFixMe[incompatible-call] The types for `connect` and `https` are subtly incompatible as written.
+      app,
+    );
+  } else {
+    httpServer = http.createServer(app);
+  }
+
+  return new Promise((resolve, reject) => {
+    httpServer.once('error', reject);
+    httpServer.listen(() => {
+      const {middleware, websocketEndpoints} = createDevMiddleware({
+        ...devMiddlewareOptions,
+        serverBaseUrl: baseUrlForServer(httpServer, secure ? 'https' : 'http'),
+      });
+      app.use(middleware);
+      httpServer.on('upgrade', (request, socket, head) => {
+        const {pathname} = url.parse(request.url);
+        if (pathname != null && websocketEndpoints[pathname]) {
+          websocketEndpoints[pathname].handleUpgrade(
+            request,
+            socket,
+            head,
+            ws => {
+              websocketEndpoints[pathname].emit('connection', ws, request);
+            },
+          );
+        } else {
+          socket.destroy();
+        }
+      });
+      resolve({server: httpServer, app});
+    });
+  });
+}
+
+export function baseUrlForServer(
+  server: http$Server | https$Server,
+  scheme: string,
+): string {
+  const address = server.address();
+  // Assumption: `server` is local and listening on `localhost`. We can't use
+  // the IP address because HTTPS requires a hostname.
+  return `${scheme}://localhost:${address.port}`;
+}
+
+export function serveStaticJson(json: JSONSerializable): HandleFunction {
+  return (req, res, next) => {
+    if (req.method !== 'GET') {
+      next();
+      return;
+    }
+    res.writeHead(200, {'Content-Type': 'application/json'});
+    res.end(JSON.stringify(json));
+  };
+}
+
+export function serveStaticText(text: string): HandleFunction {
+  return (req, res, next) => {
+    if (req.method !== 'GET') {
+      next();
+      return;
+    }
+    res.writeHead(200, {'Content-Type': 'text/plain'});
+    res.end(text);
+  };
+}
diff --git a/packages/dev-middleware/src/__tests__/__fixtures__/mock-source-file.txt b/packages/dev-middleware/src/__tests__/__fixtures__/mock-source-file.txt
new file mode 100644
index 00000000000000..257cc5642cb1a0
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/__fixtures__/mock-source-file.txt
@@ -0,0 +1 @@
+foo
diff --git a/packages/dev-middleware/src/__tests__/__snapshots__/InspectorProxyHttpApi-test.js.snap b/packages/dev-middleware/src/__tests__/__snapshots__/InspectorProxyHttpApi-test.js.snap
new file mode 100644
index 00000000000000..8c0813b40720cd
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/__snapshots__/InspectorProxyHttpApi-test.js.snap
@@ -0,0 +1,8 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`inspector proxy HTTP API /json/version endpoint returns version 1`] = `
+Object {
+  "Browser": "Mobile JavaScript",
+  "Protocol-Version": "1.1",
+}
+`;
diff --git a/packages/dev-middleware/src/__tests__/getDevToolsFrontendUrl-test.js b/packages/dev-middleware/src/__tests__/getDevToolsFrontendUrl-test.js
new file mode 100644
index 00000000000000..3d0818efc25760
--- /dev/null
+++ b/packages/dev-middleware/src/__tests__/getDevToolsFrontendUrl-test.js
@@ -0,0 +1,111 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import getDevToolsFrontendUrl from '../utils/getDevToolsFrontendUrl';
+
+describe('getDevToolsFrontendUrl', () => {
+  const webSocketDebuggerUrl =
+    'ws://localhost:8081/inspector/debug?device=1a9372c&page=-1';
+
+  describe('given an absolute devServerUrl', () => {
+    const devServerUrl = 'http://localhost:8081';
+
+    it('should return a valid url for all experiments off', async () => {
+      const experiments = {
+        enableNetworkInspector: false,
+        enableNewDebugger: false,
+        enableOpenDebuggerRedirect: false,
+      };
+      const actual = getDevToolsFrontendUrl(
+        experiments,
+        webSocketDebuggerUrl,
+        devServerUrl,
+      );
+      const url = new URL(actual);
+      expect(url.host).toBe('localhost:8081');
+      expect(url.pathname).toBe('/debugger-frontend/rn_inspector.html');
+      expect(url.searchParams.get('ws')).toBe(
+        'localhost:8081/inspector/debug?device=1a9372c&page=-1',
+      );
+    });
+
+    it('should return a valid url for enableNetworkInspector experiment on', async () => {
+      const experiments = {
+        enableNetworkInspector: true,
+        enableNewDebugger: true,
+        enableOpenDebuggerRedirect: false,
+      };
+      const actual = getDevToolsFrontendUrl(
+        experiments,
+        webSocketDebuggerUrl,
+        devServerUrl,
+      );
+      const url = new URL(actual);
+      expect(url.host).toBe('localhost:8081');
+      expect(url.pathname).toBe('/debugger-frontend/rn_inspector.html');
+      expect(url.searchParams.get('unstable_enableNetworkPanel')).toBe('true');
+      expect(url.searchParams.get('ws')).toBe(
+        'localhost:8081/inspector/debug?device=1a9372c&page=-1',
+      );
+    });
+  });
+
+  describe('given a relative devServerUrl', () => {
+    const relativeDevServerUrl = '';
+
+    function assertValidRelativeURL(relativeURL: string): URL {
+      const anyBaseURL = new URL('https://www.example.com');
+      try {
+        // By definition, a valid relative URL must be valid when combined with any base URL
+        return new URL(relativeURL, anyBaseURL);
+      } catch (e) {
+        throw new Error(`Relative URL is invalid: ${relativeURL}`, {cause: e});
+      }
+    }
+
+    it('should return a valid url for all experiments off', async () => {
+      const experiments = {
+        enableNetworkInspector: false,
+        enableNewDebugger: false,
+        enableOpenDebuggerRedirect: false,
+      };
+      const actual = getDevToolsFrontendUrl(
+        experiments,
+        webSocketDebuggerUrl,
+        relativeDevServerUrl,
+      );
+      const url = assertValidRelativeURL(actual);
+      expect(url.pathname).toBe('/debugger-frontend/rn_inspector.html');
+      expect(url.searchParams.get('ws')).toBe(
+        'localhost:8081/inspector/debug?device=1a9372c&page=-1',
+      );
+    });
+
+    it('should return a valid url for enableNetworkInspector experiment on', async () => {
+      const experiments = {
+        enableNetworkInspector: true,
+        enableNewDebugger: true,
+        enableOpenDebuggerRedirect: false,
+      };
+      const actual = getDevToolsFrontendUrl(
+        experiments,
+        webSocketDebuggerUrl,
+        relativeDevServerUrl,
+      );
+      const url = assertValidRelativeURL(actual);
+      expect(url.pathname).toBe('/debugger-frontend/rn_inspector.html');
+      expect(url.searchParams.get('unstable_enableNetworkPanel')).toBe('true');
+      expect(url.searchParams.get('ws')).toBe(
+        'localhost:8081/inspector/debug?device=1a9372c&page=-1',
+      );
+    });
+  });
+});
diff --git a/packages/dev-middleware/src/createDevMiddleware.js b/packages/dev-middleware/src/createDevMiddleware.js
index c73d19a173743a..e6c9dc1f7d93e2 100644
--- a/packages/dev-middleware/src/createDevMiddleware.js
+++ b/packages/dev-middleware/src/createDevMiddleware.js
@@ -9,20 +9,20 @@
  * @oncall react_native
  */
 
-import type {NextHandleFunction} from 'connect';
 import type {BrowserLauncher} from './types/BrowserLauncher';
 import type {EventReporter} from './types/EventReporter';
 import type {Experiments, ExperimentsConfig} from './types/Experiments';
 import type {Logger} from './types/Logger';
+import type {NextHandleFunction} from 'connect';
 
+import InspectorProxy from './inspector-proxy/InspectorProxy';
+import deprecated_openFlipperMiddleware from './middleware/deprecated_openFlipperMiddleware';
+import openDebuggerMiddleware from './middleware/openDebuggerMiddleware';
+import DefaultBrowserLauncher from './utils/DefaultBrowserLauncher';
 import reactNativeDebuggerFrontendPath from '@react-native/debugger-frontend';
 import connect from 'connect';
 import path from 'path';
 import serveStaticMiddleware from 'serve-static';
-import deprecated_openFlipperMiddleware from './middleware/deprecated_openFlipperMiddleware';
-import openDebuggerMiddleware from './middleware/openDebuggerMiddleware';
-import InspectorProxy from './inspector-proxy/InspectorProxy';
-import DefaultBrowserLauncher from './utils/DefaultBrowserLauncher';
 
 type Options = $ReadOnly<{
   projectRoot: string,
@@ -59,6 +59,13 @@ type Options = $ReadOnly<{
    * This is an unstable API with no semver guarantees.
    */
   unstable_experiments?: ExperimentsConfig,
+
+  /**
+   * An interface for using a modified inspector proxy implementation.
+   *
+   * This is an unstable API with no semver guarantees.
+   */
+  unstable_InspectorProxy?: Class<InspectorProxy>,
 }>;
 
 type DevMiddlewareAPI = $ReadOnly<{
@@ -73,10 +80,12 @@ export default function createDevMiddleware({
   unstable_browserLauncher = DefaultBrowserLauncher,
   unstable_eventReporter,
   unstable_experiments: experimentConfig = {},
+  unstable_InspectorProxy,
 }: Options): DevMiddlewareAPI {
   const experiments = getExperiments(experimentConfig);
 
-  const inspectorProxy = new InspectorProxy(
+  const InspectorProxyClass = unstable_InspectorProxy ?? InspectorProxy;
+  const inspectorProxy = new InspectorProxyClass(
     projectRoot,
     serverBaseUrl,
     unstable_eventReporter,
@@ -117,5 +126,6 @@ function getExperiments(config: ExperimentsConfig): Experiments {
   return {
     enableNewDebugger: config.enableNewDebugger ?? false,
     enableOpenDebuggerRedirect: config.enableOpenDebuggerRedirect ?? false,
+    enableNetworkInspector: config.enableNetworkInspector ?? false,
   };
 }
diff --git a/packages/dev-middleware/src/index.flow.js b/packages/dev-middleware/src/index.flow.js
index 4060a2bb2d4c4d..c662838fea10ce 100644
--- a/packages/dev-middleware/src/index.flow.js
+++ b/packages/dev-middleware/src/index.flow.js
@@ -13,3 +13,6 @@ export {default as createDevMiddleware} from './createDevMiddleware';
 
 export type {BrowserLauncher, LaunchedBrowser} from './types/BrowserLauncher';
 export type {EventReporter, ReportableEvent} from './types/EventReporter';
+
+export {default as unstable_InspectorProxy} from './inspector-proxy/InspectorProxy';
+export {default as unstable_Device} from './inspector-proxy/Device';
diff --git a/packages/dev-middleware/src/inspector-proxy/Device.js b/packages/dev-middleware/src/inspector-proxy/Device.js
index 9666fa222ed927..26befc0b1185c4 100644
--- a/packages/dev-middleware/src/inspector-proxy/Device.js
+++ b/packages/dev-middleware/src/inspector-proxy/Device.js
@@ -9,23 +9,25 @@
  * @oncall react_native
  */
 
+import type {EventReporter} from '../types/EventReporter';
+import type {
+  CDPClientMessage,
+  CDPRequest,
+  CDPResponse,
+  CDPServerMessage,
+} from './cdp-types/messages';
 import type {
-  DebuggerRequest,
-  ErrorResponse,
-  GetScriptSourceRequest,
-  GetScriptSourceResponse,
   MessageFromDevice,
   MessageToDevice,
   Page,
-  SetBreakpointByUrlRequest,
+  TargetCapabilityFlags,
 } from './types';
 
 import DeviceEventReporter from './DeviceEventReporter';
 import * as fs from 'fs';
-import * as path from 'path';
 import fetch from 'node-fetch';
+import * as path from 'path';
 import WS from 'ws';
-import type {EventReporter} from '../types/EventReporter';
 
 const debug = require('debug')('Metro:InspectorProxy');
 
@@ -34,7 +36,7 @@ const PAGES_POLLING_INTERVAL = 1000;
 // Android's stock emulator and other emulators such as genymotion use a standard localhost alias.
 const EMULATOR_LOCALHOST_ADDRESSES: Array<string> = ['10.0.2.2', '10.0.3.2'];
 
-// Prefix for script URLs that are alphanumeric IDs. See comment in _processMessageFromDevice method for
+// Prefix for script URLs that are alphanumeric IDs. See comment in #processMessageFromDeviceLegacy method for
 // more details.
 const FILE_PREFIX = 'file://';
 
@@ -57,41 +59,43 @@ const REACT_NATIVE_RELOADABLE_PAGE_ID = '-1';
  */
 export default class Device {
   // ID of the device.
-  _id: string;
+  #id: string;
 
   // Name of the device.
-  _name: string;
+  #name: string;
 
   // Package name of the app.
-  _app: string;
+  #app: string;
 
   // Stores socket connection between Inspector Proxy and device.
-  _deviceSocket: WS;
+  #deviceSocket: WS;
 
-  // Stores last list of device's pages.
-  _pages: Array<Page>;
+  // Stores the most recent listing of device's pages, keyed by the `id` field.
+  #pages: $ReadOnlyMap<string, Page>;
 
   // Stores information about currently connected debugger (if any).
-  _debuggerConnection: ?DebuggerInfo = null;
+  #debuggerConnection: ?DebuggerInfo = null;
 
   // Last known Page ID of the React Native page.
   // This is used by debugger connections that don't have PageID specified
   // (and will interact with the latest React Native page).
-  _lastConnectedReactNativePage: ?Page = null;
+  #lastConnectedLegacyReactNativePage: ?Page = null;
 
   // Whether we are in the middle of a reload in the REACT_NATIVE_RELOADABLE_PAGE.
-  _isReloading: boolean = false;
+  #isLegacyPageReloading: boolean = false;
 
   // The previous "GetPages" message, for deduplication in debug logs.
-  _lastGetPagesMessage: string = '';
+  #lastGetPagesMessage: string = '';
 
   // Mapping built from scriptParsed events and used to fetch file content in `Debugger.getScriptSource`.
-  _scriptIdToSourcePathMapping: Map<string, string> = new Map();
+  #scriptIdToSourcePathMapping: Map<string, string> = new Map();
 
   // Root of the project used for relative to absolute source path conversion.
-  _projectRoot: string;
+  #projectRoot: string;
+
+  #deviceEventReporter: ?DeviceEventReporter;
 
-  _deviceEventReporter: ?DeviceEventReporter;
+  #pagesPollingIntervalId: ReturnType<typeof setInterval>;
 
   constructor(
     id: string,
@@ -101,13 +105,13 @@ export default class Device {
     projectRoot: string,
     eventReporter: ?EventReporter,
   ) {
-    this._id = id;
-    this._name = name;
-    this._app = app;
-    this._pages = [];
-    this._deviceSocket = socket;
-    this._projectRoot = projectRoot;
-    this._deviceEventReporter = eventReporter
+    this.#id = id;
+    this.#name = name;
+    this.#app = app;
+    this.#pages = new Map();
+    this.#deviceSocket = socket;
+    this.#projectRoot = projectRoot;
+    this.#deviceEventReporter = eventReporter
       ? new DeviceEventReporter(eventReporter, {
           deviceId: id,
           deviceName: name,
@@ -116,53 +120,58 @@ export default class Device {
       : null;
 
     // $FlowFixMe[incompatible-call]
-    this._deviceSocket.on('message', (message: string) => {
+    this.#deviceSocket.on('message', (message: string) => {
       const parsedMessage = JSON.parse(message);
       if (parsedMessage.event === 'getPages') {
         // There's a 'getPages' message every second, so only show them if they change
-        if (message !== this._lastGetPagesMessage) {
+        if (message !== this.#lastGetPagesMessage) {
           debug(
             '(Debugger)    (Proxy) <- (Device), getPages ping has changed: ' +
               message,
           );
-          this._lastGetPagesMessage = message;
+          this.#lastGetPagesMessage = message;
         }
       } else {
         debug('(Debugger)    (Proxy) <- (Device): ' + message);
       }
-      this._handleMessageFromDevice(parsedMessage);
+      this.#handleMessageFromDevice(parsedMessage);
     });
-    this._deviceSocket.on('close', () => {
-      this._deviceEventReporter?.logDisconnection('device');
+    // Sends 'getPages' request to device every PAGES_POLLING_INTERVAL milliseconds.
+    this.#pagesPollingIntervalId = setInterval(
+      () => this.#sendMessageToDevice({event: 'getPages'}),
+      PAGES_POLLING_INTERVAL,
+    );
+    this.#deviceSocket.on('close', () => {
+      this.#deviceEventReporter?.logDisconnection('device');
       // Device disconnected - close debugger connection.
-      if (this._debuggerConnection) {
-        this._debuggerConnection.socket.close();
-        this._debuggerConnection = null;
+      if (this.#debuggerConnection) {
+        this.#debuggerConnection.socket.close();
+        this.#debuggerConnection = null;
       }
+      clearInterval(this.#pagesPollingIntervalId);
     });
-
-    this._setPagesPolling();
   }
 
   getName(): string {
-    return this._name;
+    return this.#name;
   }
 
   getApp(): string {
-    return this._app;
+    return this.#app;
   }
 
-  getPagesList(): Array<Page> {
-    if (this._lastConnectedReactNativePage) {
+  getPagesList(): $ReadOnlyArray<Page> {
+    if (this.#lastConnectedLegacyReactNativePage) {
       const reactNativeReloadablePage = {
         id: REACT_NATIVE_RELOADABLE_PAGE_ID,
         title: 'React Native Experimental (Improved Chrome Reloads)',
         vm: "don't use",
-        app: this._app,
+        app: this.#app,
+        capabilities: {},
       };
-      return this._pages.concat(reactNativeReloadablePage);
+      return [...this.#pages.values(), reactNativeReloadablePage];
     } else {
-      return this._pages;
+      return [...this.#pages.values()];
     }
   }
 
@@ -178,17 +187,17 @@ export default class Device {
     }>,
   ) {
     // Clear any commands we were waiting on.
-    this._deviceEventReporter?.logDisconnection('debugger');
+    this.#deviceEventReporter?.logDisconnection('debugger');
 
-    this._deviceEventReporter?.logConnection('debugger', {
+    this.#deviceEventReporter?.logConnection('debugger', {
       pageId,
       frontendUserAgent: metadata.userAgent,
     });
 
     // Disconnect current debugger if we already have debugger connected.
-    if (this._debuggerConnection) {
-      this._debuggerConnection.socket.close();
-      this._debuggerConnection = null;
+    if (this.#debuggerConnection) {
+      this.#debuggerConnection.socket.close();
+      this.#debuggerConnection = null;
     }
 
     const debuggerInfo = {
@@ -197,14 +206,19 @@ export default class Device {
       pageId,
       userAgent: metadata.userAgent,
     };
-    this._debuggerConnection = debuggerInfo;
 
-    debug(`Got new debugger connection for page ${pageId} of ${this._name}`);
+    // TODO(moti): Handle null case explicitly, e.g. refuse to connect to
+    // unknown pages.
+    const page: ?Page = this.#pages.get(pageId);
 
-    this._sendMessageToDevice({
+    this.#debuggerConnection = debuggerInfo;
+
+    debug(`Got new debugger connection for page ${pageId} of ${this.#name}`);
+
+    this.#sendMessageToDevice({
       event: 'connect',
       payload: {
-        pageId: this._mapToDevicePageId(pageId),
+        pageId: this.#mapToDevicePageId(pageId),
       },
     });
 
@@ -212,36 +226,39 @@ export default class Device {
     socket.on('message', (message: string) => {
       debug('(Debugger) -> (Proxy)    (Device): ' + message);
       const debuggerRequest = JSON.parse(message);
-      this._deviceEventReporter?.logRequest(debuggerRequest, 'debugger', {
-        pageId: this._debuggerConnection?.pageId ?? null,
+      this.#deviceEventReporter?.logRequest(debuggerRequest, 'debugger', {
+        pageId: this.#debuggerConnection?.pageId ?? null,
         frontendUserAgent: metadata.userAgent,
       });
-      const handled = this._interceptMessageFromDebugger(
-        debuggerRequest,
-        debuggerInfo,
-        socket,
-      );
+      let processedReq = debuggerRequest;
+      if (!page || !this.#pageHasCapability(page, 'nativeSourceCodeFetching')) {
+        processedReq = this.#interceptClientMessageForSourceFetching(
+          debuggerRequest,
+          debuggerInfo,
+          socket,
+        );
+      }
 
-      if (!handled) {
-        this._sendMessageToDevice({
+      if (processedReq) {
+        this.#sendMessageToDevice({
           event: 'wrappedEvent',
           payload: {
-            pageId: this._mapToDevicePageId(pageId),
-            wrappedEvent: JSON.stringify(debuggerRequest),
+            pageId: this.#mapToDevicePageId(pageId),
+            wrappedEvent: JSON.stringify(processedReq),
           },
         });
       }
     });
     socket.on('close', () => {
-      debug(`Debugger for page ${pageId} and ${this._name} disconnected.`);
-      this._deviceEventReporter?.logDisconnection('debugger');
-      this._sendMessageToDevice({
+      debug(`Debugger for page ${pageId} and ${this.#name} disconnected.`);
+      this.#deviceEventReporter?.logDisconnection('debugger');
+      this.#sendMessageToDevice({
         event: 'disconnect',
         payload: {
-          pageId: this._mapToDevicePageId(pageId),
+          pageId: this.#mapToDevicePageId(pageId),
         },
       });
-      this._debuggerConnection = null;
+      this.#debuggerConnection = null;
     });
 
     // $FlowFixMe[method-unbinding]
@@ -264,19 +281,19 @@ export default class Device {
    */
   handleDuplicateDeviceConnection(newDevice: Device) {
     if (
-      this._app !== newDevice.getApp() ||
-      this._name !== newDevice.getName()
+      this.#app !== newDevice.getApp() ||
+      this.#name !== newDevice.getName()
     ) {
-      this._deviceSocket.close();
-      this._debuggerConnection?.socket.close();
+      this.#deviceSocket.close();
+      this.#debuggerConnection?.socket.close();
     }
 
-    const oldDebugger = this._debuggerConnection;
-    this._debuggerConnection = null;
+    const oldDebugger = this.#debuggerConnection;
+    this.#debuggerConnection = null;
 
     if (oldDebugger) {
       oldDebugger.socket.removeAllListeners();
-      this._deviceSocket.close();
+      this.#deviceSocket.close();
       newDevice.handleDebuggerConnection(
         oldDebugger.socket,
         oldDebugger.pageId,
@@ -287,26 +304,61 @@ export default class Device {
     }
   }
 
+  /**
+   * Returns `true` if a page supports the given target capability flag.
+   */
+  #pageHasCapability(page: Page, flag: $Keys<TargetCapabilityFlags>): boolean {
+    return page.capabilities[flag] === true;
+  }
+
   // Handles messages received from device:
-  // 1. For getPages responses updates local _pages list.
+  // 1. For getPages responses updates local #pages list.
   // 2. All other messages are forwarded to debugger as wrappedEvent.
   //
   // In the future more logic will be added to this method for modifying
   // some of the messages (like updating messages with source maps and file
   // locations).
-  _handleMessageFromDevice(message: MessageFromDevice) {
+  #handleMessageFromDevice(message: MessageFromDevice) {
     if (message.event === 'getPages') {
-      this._pages = message.payload;
+      this.#pages = new Map(
+        message.payload.map(({capabilities, ...page}) => [
+          page.id,
+          {
+            ...page,
+            capabilities: capabilities ?? {},
+          },
+        ]),
+      );
+      if (message.payload.length !== this.#pages.size) {
+        const duplicateIds = new Set<string>();
+        const idsSeen = new Set<string>();
+        for (const page of message.payload) {
+          if (!idsSeen.has(page.id)) {
+            idsSeen.add(page.id);
+          } else {
+            duplicateIds.add(page.id);
+          }
+        }
+        debug(
+          `Received duplicate page IDs from device: ${[...duplicateIds].join(
+            ', ',
+          )}`,
+        );
+      }
 
-      // Check if device have new React Native page.
+      // Check if device has a new legacy React Native page.
       // There is usually no more than 2-3 pages per device so this operation
       // is not expensive.
       // TODO(hypuk): It is better for VM to send update event when new page is
       // created instead of manually checking this on every getPages result.
-      for (let i = 0; i < this._pages.length; ++i) {
-        if (this._pages[i].title.indexOf('React') >= 0) {
-          if (this._pages[i].id !== this._lastConnectedReactNativePage?.id) {
-            this._newReactNativePage(this._pages[i]);
+      for (const page of this.#pages.values()) {
+        if (this.#pageHasCapability(page, 'nativePageReloads')) {
+          continue;
+        }
+
+        if (page.title.includes('React')) {
+          if (page.id !== this.#lastConnectedLegacyReactNativePage?.id) {
+            this.#newLegacyReactNativePage(page);
             break;
           }
         }
@@ -315,88 +367,93 @@ export default class Device {
       // Device sends disconnect events only when page is reloaded or
       // if debugger socket was disconnected.
       const pageId = message.payload.pageId;
-      const debuggerSocket = this._debuggerConnection
-        ? this._debuggerConnection.socket
+      // TODO(moti): Handle null case explicitly, e.g. swallow disconnect events
+      // for unknown pages.
+      const page: ?Page = this.#pages.get(pageId);
+
+      if (page != null && this.#pageHasCapability(page, 'nativePageReloads')) {
+        return;
+      }
+
+      const debuggerSocket = this.#debuggerConnection
+        ? this.#debuggerConnection.socket
         : null;
       if (debuggerSocket && debuggerSocket.readyState === WS.OPEN) {
         if (
-          this._debuggerConnection != null &&
-          this._debuggerConnection.pageId !== REACT_NATIVE_RELOADABLE_PAGE_ID
+          this.#debuggerConnection != null &&
+          this.#debuggerConnection.pageId !== REACT_NATIVE_RELOADABLE_PAGE_ID
         ) {
-          debug(`Page ${pageId} is reloading.`);
+          debug(`Legacy page ${pageId} is reloading.`);
           debuggerSocket.send(JSON.stringify({method: 'reload'}));
         }
       }
     } else if (message.event === 'wrappedEvent') {
-      if (this._debuggerConnection == null) {
+      if (this.#debuggerConnection == null) {
         return;
       }
 
       // FIXME: Is it possible that we received message for pageID that does not
       // correspond to current debugger connection?
+      // TODO(moti): yes, fix multi-debugger case
 
-      const debuggerSocket = this._debuggerConnection.socket;
+      const debuggerSocket = this.#debuggerConnection.socket;
       if (debuggerSocket == null || debuggerSocket.readyState !== WS.OPEN) {
         // TODO(hypuk): Send error back to device?
         return;
       }
 
       const parsedPayload = JSON.parse(message.payload.wrappedEvent);
+      const pageId = this.#debuggerConnection?.pageId ?? null;
       if ('id' in parsedPayload) {
-        this._deviceEventReporter?.logResponse(parsedPayload, 'device', {
-          pageId: this._debuggerConnection?.pageId ?? null,
-          frontendUserAgent: this._debuggerConnection?.userAgent ?? null,
+        this.#deviceEventReporter?.logResponse(parsedPayload, 'device', {
+          pageId,
+          frontendUserAgent: this.#debuggerConnection?.userAgent ?? null,
         });
       }
 
-      if (this._debuggerConnection) {
+      if (this.#debuggerConnection != null) {
         // Wrapping just to make flow happy :)
         // $FlowFixMe[unused-promise]
-        this._processMessageFromDevice(
+        this.#processMessageFromDeviceLegacy(
           parsedPayload,
-          this._debuggerConnection,
+          this.#debuggerConnection,
+          pageId,
         ).then(() => {
           const messageToSend = JSON.stringify(parsedPayload);
           debuggerSocket.send(messageToSend);
         });
+      } else {
+        debuggerSocket.send(message.payload.wrappedEvent);
       }
     }
   }
 
   // Sends single message to device.
-  _sendMessageToDevice(message: MessageToDevice) {
+  #sendMessageToDevice(message: MessageToDevice) {
     try {
       if (message.event !== 'getPages') {
         debug('(Debugger)    (Proxy) -> (Device): ' + JSON.stringify(message));
       }
-      this._deviceSocket.send(JSON.stringify(message));
+      this.#deviceSocket.send(JSON.stringify(message));
     } catch (error) {}
   }
 
-  // Sends 'getPages' request to device every PAGES_POLLING_INTERVAL milliseconds.
-  _setPagesPolling() {
-    setInterval(
-      () => this._sendMessageToDevice({event: 'getPages'}),
-      PAGES_POLLING_INTERVAL,
-    );
-  }
-
   // We received new React Native Page ID.
-  _newReactNativePage(page: Page) {
+  #newLegacyReactNativePage(page: Page) {
     debug(`React Native page updated to ${page.id}`);
     if (
-      this._debuggerConnection == null ||
-      this._debuggerConnection.pageId !== REACT_NATIVE_RELOADABLE_PAGE_ID
+      this.#debuggerConnection == null ||
+      this.#debuggerConnection.pageId !== REACT_NATIVE_RELOADABLE_PAGE_ID
     ) {
       // We can just remember new page ID without any further actions if no
       // debugger is currently attached or attached debugger is not
       // "Reloadable React Native" connection.
-      this._lastConnectedReactNativePage = page;
+      this.#lastConnectedLegacyReactNativePage = page;
       return;
     }
-    const oldPageId = this._lastConnectedReactNativePage?.id;
-    this._lastConnectedReactNativePage = page;
-    this._isReloading = true;
+    const oldPageId = this.#lastConnectedLegacyReactNativePage?.id;
+    this.#lastConnectedLegacyReactNativePage = page;
+    this.#isLegacyPageReloading = true;
 
     // We already had a debugger connected to React Native page and a
     // new one appeared - in this case we need to emulate execution context
@@ -404,7 +461,7 @@ export default class Device {
     // page.
 
     if (oldPageId != null) {
-      this._sendMessageToDevice({
+      this.#sendMessageToDevice({
         event: 'disconnect',
         payload: {
           pageId: oldPageId,
@@ -412,7 +469,7 @@ export default class Device {
       });
     }
 
-    this._sendMessageToDevice({
+    this.#sendMessageToDevice({
       event: 'connect',
       payload: {
         pageId: page.id,
@@ -425,14 +482,14 @@ export default class Device {
     ];
 
     for (const message of toSend) {
-      this._deviceEventReporter?.logRequest(message, 'proxy', {
-        pageId: this._debuggerConnection?.pageId ?? null,
-        frontendUserAgent: this._debuggerConnection?.userAgent ?? null,
+      this.#deviceEventReporter?.logRequest(message, 'proxy', {
+        pageId: this.#debuggerConnection?.pageId ?? null,
+        frontendUserAgent: this.#debuggerConnection?.userAgent ?? null,
       });
-      this._sendMessageToDevice({
+      this.#sendMessageToDevice({
         event: 'wrappedEvent',
         payload: {
-          pageId: this._mapToDevicePageId(page.id),
+          pageId: this.#mapToDevicePageId(page.id),
           wrappedEvent: JSON.stringify(message),
         },
       });
@@ -440,17 +497,28 @@ export default class Device {
   }
 
   // Allows to make changes in incoming message from device.
-  async _processMessageFromDevice(
-    payload: {method: string, params: {sourceMapURL: string, url: string}},
+  async #processMessageFromDeviceLegacy(
+    payload: CDPServerMessage,
     debuggerInfo: DebuggerInfo,
+    pageId: ?string,
   ) {
+    // TODO(moti): Handle null case explicitly, or ideally associate a copy
+    // of the page metadata object with the connection so this can never be
+    // null.
+    const page: ?Page = pageId != null ? this.#pages.get(pageId) : null;
+
     // Replace Android addresses for scriptParsed event.
-    if (payload.method === 'Debugger.scriptParsed') {
-      const params = payload.params || {};
+    if (
+      (!page || !this.#pageHasCapability(page, 'nativeSourceCodeFetching')) &&
+      payload.method === 'Debugger.scriptParsed' &&
+      payload.params != null
+    ) {
+      const params = payload.params;
       if ('sourceMapURL' in params) {
         for (let i = 0; i < EMULATOR_LOCALHOST_ADDRESSES.length; ++i) {
           const address = EMULATOR_LOCALHOST_ADDRESSES[i];
-          if (params.sourceMapURL.indexOf(address) >= 0) {
+          if (params.sourceMapURL.includes(address)) {
+            // $FlowFixMe[cannot-write]
             payload.params.sourceMapURL = params.sourceMapURL.replace(
               address,
               'localhost',
@@ -459,7 +527,7 @@ export default class Device {
           }
         }
 
-        const sourceMapURL = this._tryParseHTTPURL(params.sourceMapURL);
+        const sourceMapURL = this.#tryParseHTTPURL(params.sourceMapURL);
         if (sourceMapURL) {
           // Some debug clients do not support fetching HTTP URLs. If the
           // message headed to the debug client identifies the source map with
@@ -467,12 +535,13 @@ export default class Device {
           // Data URL (which is more widely supported) before passing the
           // message to the debug client.
           try {
-            const sourceMap = await this._fetchText(sourceMapURL);
+            const sourceMap = await this.#fetchText(sourceMapURL);
+            // $FlowFixMe[cannot-write]
             payload.params.sourceMapURL =
               'data:application/json;charset=utf-8;base64,' +
               new Buffer(sourceMap).toString('base64');
           } catch (exception) {
-            this._sendErrorToDebugger(
+            this.#sendErrorToDebugger(
               `Failed to fetch source map ${params.sourceMapURL}: ${exception.message}`,
             );
           }
@@ -482,6 +551,7 @@ export default class Device {
         for (let i = 0; i < EMULATOR_LOCALHOST_ADDRESSES.length; ++i) {
           const address = EMULATOR_LOCALHOST_ADDRESSES[i];
           if (params.url.indexOf(address) >= 0) {
+            // $FlowFixMe[cannot-write]
             payload.params.url = params.url.replace(address, 'localhost');
             debuggerInfo.originalSourceURLAddress = address;
           }
@@ -492,20 +562,21 @@ export default class Device {
         // Chrome to not download source maps. In this case we want to prepend script ID
         // with 'file://' prefix.
         if (payload.params.url.match(/^[0-9a-z]+$/)) {
+          // $FlowFixMe[cannot-write]
           payload.params.url = FILE_PREFIX + payload.params.url;
           debuggerInfo.prependedFilePrefix = true;
         }
 
         // $FlowFixMe[prop-missing]
         if (params.scriptId != null) {
-          this._scriptIdToSourcePathMapping.set(params.scriptId, params.url);
+          this.#scriptIdToSourcePathMapping.set(params.scriptId, params.url);
         }
       }
     }
 
     if (
       payload.method === 'Runtime.executionContextCreated' &&
-      this._isReloading
+      this.#isLegacyPageReloading
     ) {
       // The new context is ready. First notify Chrome that we've reloaded so
       // it'll resend its breakpoints. If we do this earlier, we may not be
@@ -522,102 +593,118 @@ export default class Device {
       // This is not an issue in VSCode/Nuclide where the IDE knows to resume
       // at its convenience.
       const resumeMessage = {method: 'Debugger.resume', id: 0};
-      this._deviceEventReporter?.logRequest(resumeMessage, 'proxy', {
-        pageId: this._debuggerConnection?.pageId ?? null,
-        frontendUserAgent: this._debuggerConnection?.userAgent ?? null,
+      this.#deviceEventReporter?.logRequest(resumeMessage, 'proxy', {
+        pageId: this.#debuggerConnection?.pageId ?? null,
+        frontendUserAgent: this.#debuggerConnection?.userAgent ?? null,
       });
-      this._sendMessageToDevice({
+      this.#sendMessageToDevice({
         event: 'wrappedEvent',
         payload: {
-          pageId: this._mapToDevicePageId(debuggerInfo.pageId),
+          pageId: this.#mapToDevicePageId(debuggerInfo.pageId),
           wrappedEvent: JSON.stringify(resumeMessage),
         },
       });
 
-      this._isReloading = false;
+      this.#isLegacyPageReloading = false;
     }
   }
 
-  // Allows to make changes in incoming messages from debugger. Returns a boolean
-  // indicating whether the message has been handled locally (i.e. does not need
-  // to be forwarded to the target).
-  _interceptMessageFromDebugger(
-    req: DebuggerRequest,
+  /**
+   * Intercept an incoming message from a connected debugger. Returns either an
+   * original/replacement CDP message object, or `null` (will forward nothing
+   * to the target).
+   */
+  #interceptClientMessageForSourceFetching(
+    req: CDPClientMessage,
     debuggerInfo: DebuggerInfo,
     socket: WS,
-  ): boolean {
-    if (req.method === 'Debugger.setBreakpointByUrl') {
-      this._processDebuggerSetBreakpointByUrl(req, debuggerInfo);
-    } else if (req.method === 'Debugger.getScriptSource') {
-      this._processDebuggerGetScriptSource(req, socket);
-      return true;
+  ): CDPClientMessage | null {
+    switch (req.method) {
+      case 'Debugger.setBreakpointByUrl':
+        return this.#processDebuggerSetBreakpointByUrl(req, debuggerInfo);
+      case 'Debugger.getScriptSource':
+        // Sends response to debugger via side-effect
+        this.#processDebuggerGetScriptSource(req, socket);
+        return null;
+      default:
+        return req;
     }
-    return false;
   }
 
-  _processDebuggerSetBreakpointByUrl(
-    req: SetBreakpointByUrlRequest,
+  #processDebuggerSetBreakpointByUrl(
+    req: CDPRequest<'Debugger.setBreakpointByUrl'>,
     debuggerInfo: DebuggerInfo,
-  ) {
+  ): CDPRequest<'Debugger.setBreakpointByUrl'> {
     // If we replaced Android emulator's address to localhost we need to change it back.
     if (debuggerInfo.originalSourceURLAddress != null) {
-      if (req.params.url != null) {
-        req.params.url = req.params.url.replace(
+      const processedReq = {...req, params: {...req.params}};
+      if (processedReq.params.url != null) {
+        processedReq.params.url = processedReq.params.url.replace(
           'localhost',
           debuggerInfo.originalSourceURLAddress,
         );
 
         if (
-          req.params.url &&
-          req.params.url.startsWith(FILE_PREFIX) &&
+          processedReq.params.url &&
+          processedReq.params.url.startsWith(FILE_PREFIX) &&
           debuggerInfo.prependedFilePrefix
         ) {
-          // Remove fake URL prefix if we modified URL in _processMessageFromDevice.
+          // Remove fake URL prefix if we modified URL in #processMessageFromDeviceLegacy.
           // $FlowFixMe[incompatible-use]
-          req.params.url = req.params.url.slice(FILE_PREFIX.length);
+          processedReq.params.url = processedReq.params.url.slice(
+            FILE_PREFIX.length,
+          );
         }
       }
-      if (req.params.urlRegex != null) {
-        req.params.urlRegex = req.params.urlRegex.replace(
+      if (processedReq.params.urlRegex != null) {
+        processedReq.params.urlRegex = processedReq.params.urlRegex.replace(
           /localhost/g,
           // $FlowFixMe[incompatible-call]
           debuggerInfo.originalSourceURLAddress,
         );
       }
+      return processedReq;
     }
+    return req;
   }
 
-  _processDebuggerGetScriptSource(req: GetScriptSourceRequest, socket: WS) {
+  #processDebuggerGetScriptSource(
+    req: CDPRequest<'Debugger.getScriptSource'>,
+    socket: WS,
+  ): void {
     const sendSuccessResponse = (scriptSource: string) => {
-      const result: GetScriptSourceResponse = {scriptSource};
-      const response = {id: req.id, result};
+      const result = {scriptSource};
+      const response: CDPResponse<'Debugger.getScriptSource'> = {
+        id: req.id,
+        result,
+      };
       socket.send(JSON.stringify(response));
-      this._deviceEventReporter?.logResponse(response, 'proxy', {
-        pageId: this._debuggerConnection?.pageId ?? null,
-        frontendUserAgent: this._debuggerConnection?.userAgent ?? null,
+      this.#deviceEventReporter?.logResponse(response, 'proxy', {
+        pageId: this.#debuggerConnection?.pageId ?? null,
+        frontendUserAgent: this.#debuggerConnection?.userAgent ?? null,
       });
     };
     const sendErrorResponse = (error: string) => {
       // Tell the client that the request failed
-      const result: ErrorResponse = {error: {message: error}};
+      const result = {error: {message: error}};
       const response = {id: req.id, result};
       socket.send(JSON.stringify(response));
 
       // Send to the console as well, so the user can see it
-      this._sendErrorToDebugger(error);
-      this._deviceEventReporter?.logResponse(response, 'proxy', {
-        pageId: this._debuggerConnection?.pageId ?? null,
-        frontendUserAgent: this._debuggerConnection?.userAgent ?? null,
+      this.#sendErrorToDebugger(error);
+      this.#deviceEventReporter?.logResponse(response, 'proxy', {
+        pageId: this.#debuggerConnection?.pageId ?? null,
+        frontendUserAgent: this.#debuggerConnection?.userAgent ?? null,
       });
     };
 
-    const pathToSource = this._scriptIdToSourcePathMapping.get(
+    const pathToSource = this.#scriptIdToSourcePathMapping.get(
       req.params.scriptId,
     );
     if (pathToSource != null) {
-      const httpURL = this._tryParseHTTPURL(pathToSource);
+      const httpURL = this.#tryParseHTTPURL(pathToSource);
       if (httpURL) {
-        this._fetchText(httpURL).then(
+        this.#fetchText(httpURL).then(
           text => sendSuccessResponse(text),
           err =>
             sendErrorResponse(
@@ -628,7 +715,7 @@ export default class Device {
         let file;
         try {
           file = fs.readFileSync(
-            path.resolve(this._projectRoot, pathToSource),
+            path.resolve(this.#projectRoot, pathToSource),
             'utf8',
           );
         } catch (err) {
@@ -643,18 +730,18 @@ export default class Device {
     }
   }
 
-  _mapToDevicePageId(pageId: string): string {
+  #mapToDevicePageId(pageId: string): string {
     if (
       pageId === REACT_NATIVE_RELOADABLE_PAGE_ID &&
-      this._lastConnectedReactNativePage != null
+      this.#lastConnectedLegacyReactNativePage != null
     ) {
-      return this._lastConnectedReactNativePage.id;
+      return this.#lastConnectedLegacyReactNativePage.id;
     } else {
       return pageId;
     }
   }
 
-  _tryParseHTTPURL(url: string): ?URL {
+  #tryParseHTTPURL(url: string): ?URL {
     let parsedURL: ?URL;
     try {
       parsedURL = new URL(url);
@@ -670,13 +757,16 @@ export default class Device {
 
   // Fetch text, raising an exception if the text could not be fetched,
   // or is too large.
-  async _fetchText(url: URL): Promise<string> {
-    if (url.hostname !== 'localhost') {
+  async #fetchText(url: URL): Promise<string> {
+    if (!['localhost', '127.0.0.1'].includes(url.hostname)) {
       throw new Error('remote fetches not permitted');
     }
 
     // $FlowFixMe[incompatible-call] Suppress arvr node-fetch flow error
     const response = await fetch(url);
+    if (!response.ok) {
+      throw new Error('HTTP ' + response.status + ' ' + response.statusText);
+    }
     const text = await response.text();
     // Restrict the length to well below the 500MB limit for nodejs (leaving
     // room some some later manipulation, e.g. base64 or wrapping in JSON)
@@ -686,8 +776,8 @@ export default class Device {
     return text;
   }
 
-  _sendErrorToDebugger(message: string) {
-    const debuggerSocket = this._debuggerConnection?.socket;
+  #sendErrorToDebugger(message: string) {
+    const debuggerSocket = this.#debuggerConnection?.socket;
     if (debuggerSocket && debuggerSocket.readyState === WS.OPEN) {
       debuggerSocket.send(
         JSON.stringify({
diff --git a/packages/dev-middleware/src/inspector-proxy/DeviceEventReporter.js b/packages/dev-middleware/src/inspector-proxy/DeviceEventReporter.js
index e877617093229f..57462b9df56240 100644
--- a/packages/dev-middleware/src/inspector-proxy/DeviceEventReporter.js
+++ b/packages/dev-middleware/src/inspector-proxy/DeviceEventReporter.js
@@ -9,6 +9,8 @@
  */
 
 import type {EventReporter} from '../types/EventReporter';
+import type {CDPResponse} from './cdp-types/messages';
+
 import TTLCache from '@isaacs/ttlcache';
 
 type PendingCommand = {
@@ -30,9 +32,9 @@ type RequestMetadata = $ReadOnly<{
 }>;
 
 class DeviceEventReporter {
-  _eventReporter: EventReporter;
+  #eventReporter: EventReporter;
 
-  _pendingCommands: TTLCache<number, PendingCommand> = new TTLCache({
+  #pendingCommands: TTLCache<number, PendingCommand> = new TTLCache({
     ttl: 10000,
     dispose: (
       command: PendingCommand,
@@ -43,15 +45,15 @@ class DeviceEventReporter {
         // TODO: Report clobbering ('set') using a dedicated error code
         return;
       }
-      this._logExpiredCommand(command);
+      this.#logExpiredCommand(command);
     },
   });
 
-  _metadata: DeviceMetadata;
+  #metadata: DeviceMetadata;
 
   constructor(eventReporter: EventReporter, metadata: DeviceMetadata) {
-    this._eventReporter = eventReporter;
-    this._metadata = metadata;
+    this.#eventReporter = eventReporter;
+    this.#metadata = metadata;
   }
 
   logRequest(
@@ -59,7 +61,7 @@ class DeviceEventReporter {
     origin: 'debugger' | 'proxy',
     metadata: RequestMetadata,
   ): void {
-    this._pendingCommands.set(req.id, {
+    this.#pendingCommands.set(req.id, {
       method: req.method,
       requestOrigin: origin,
       requestTime: Date.now(),
@@ -68,20 +70,16 @@ class DeviceEventReporter {
   }
 
   logResponse(
-    res: $ReadOnly<{
-      id: number,
-      error?: {message: string, data?: mixed},
-      ...
-    }>,
+    res: CDPResponse<>,
     origin: 'device' | 'proxy',
     metadata: $ReadOnly<{
       pageId: string | null,
       frontendUserAgent: string | null,
     }>,
   ): void {
-    const pendingCommand = this._pendingCommands.get(res.id);
+    const pendingCommand = this.#pendingCommands.get(res.id);
     if (!pendingCommand) {
-      this._eventReporter.logEvent({
+      this.#eventReporter.logEvent({
         type: 'debugger_command',
         protocol: 'CDP',
         requestOrigin: null,
@@ -90,22 +88,22 @@ class DeviceEventReporter {
         errorCode: 'UNMATCHED_REQUEST_ID',
         responseOrigin: 'proxy',
         timeSinceStart: null,
-        appId: this._metadata.appId,
-        deviceId: this._metadata.deviceId,
-        deviceName: this._metadata.deviceName,
+        appId: this.#metadata.appId,
+        deviceId: this.#metadata.deviceId,
+        deviceName: this.#metadata.deviceName,
         pageId: metadata.pageId,
         frontendUserAgent: metadata.frontendUserAgent,
       });
       return;
     }
     const timeSinceStart = Date.now() - pendingCommand.requestTime;
-    this._pendingCommands.delete(res.id);
+    this.#pendingCommands.delete(res.id);
     if (res.error) {
       let {message} = res.error;
       if ('data' in res.error) {
         message += ` (${String(res.error.data)})`;
       }
-      this._eventReporter.logEvent({
+      this.#eventReporter.logEvent({
         type: 'debugger_command',
         requestOrigin: pendingCommand.requestOrigin,
         method: pendingCommand.method,
@@ -115,15 +113,15 @@ class DeviceEventReporter {
         errorDetails: message,
         responseOrigin: origin,
         timeSinceStart,
-        appId: this._metadata.appId,
-        deviceId: this._metadata.deviceId,
-        deviceName: this._metadata.deviceName,
+        appId: this.#metadata.appId,
+        deviceId: this.#metadata.deviceId,
+        deviceName: this.#metadata.deviceName,
         pageId: pendingCommand.metadata.pageId,
         frontendUserAgent: pendingCommand.metadata.frontendUserAgent,
       });
       return;
     }
-    this._eventReporter.logEvent({
+    this.#eventReporter.logEvent({
       type: 'debugger_command',
       protocol: 'CDP',
       requestOrigin: pendingCommand.requestOrigin,
@@ -131,9 +129,9 @@ class DeviceEventReporter {
       status: 'success',
       responseOrigin: origin,
       timeSinceStart,
-      appId: this._metadata.appId,
-      deviceId: this._metadata.deviceId,
-      deviceName: this._metadata.deviceName,
+      appId: this.#metadata.appId,
+      deviceId: this.#metadata.deviceId,
+      deviceName: this.#metadata.deviceName,
       pageId: pendingCommand.metadata.pageId,
       frontendUserAgent: pendingCommand.metadata.frontendUserAgent,
     });
@@ -146,19 +144,19 @@ class DeviceEventReporter {
       frontendUserAgent: string | null,
     }>,
   ) {
-    this._eventReporter.logEvent({
+    this.#eventReporter.logEvent({
       type: 'connect_debugger_frontend',
       status: 'success',
-      appId: this._metadata.appId,
-      deviceName: this._metadata.deviceName,
-      deviceId: this._metadata.deviceId,
+      appId: this.#metadata.appId,
+      deviceName: this.#metadata.deviceName,
+      deviceId: this.#metadata.deviceId,
       pageId: metadata.pageId,
       frontendUserAgent: metadata.frontendUserAgent,
     });
   }
 
   logDisconnection(disconnectedEntity: 'device' | 'debugger') {
-    const eventReporter = this._eventReporter;
+    const eventReporter = this.#eventReporter;
     if (!eventReporter) {
       return;
     }
@@ -166,8 +164,8 @@ class DeviceEventReporter {
       disconnectedEntity === 'device'
         ? 'DEVICE_DISCONNECTED'
         : 'DEBUGGER_DISCONNECTED';
-    for (const pendingCommand of this._pendingCommands.values()) {
-      this._eventReporter.logEvent({
+    for (const pendingCommand of this.#pendingCommands.values()) {
+      this.#eventReporter.logEvent({
         type: 'debugger_command',
         protocol: 'CDP',
         requestOrigin: pendingCommand.requestOrigin,
@@ -176,18 +174,18 @@ class DeviceEventReporter {
         errorCode,
         responseOrigin: 'proxy',
         timeSinceStart: Date.now() - pendingCommand.requestTime,
-        appId: this._metadata.appId,
-        deviceId: this._metadata.deviceId,
-        deviceName: this._metadata.deviceName,
+        appId: this.#metadata.appId,
+        deviceId: this.#metadata.deviceId,
+        deviceName: this.#metadata.deviceName,
         pageId: pendingCommand.metadata.pageId,
         frontendUserAgent: pendingCommand.metadata.frontendUserAgent,
       });
     }
-    this._pendingCommands.clear();
+    this.#pendingCommands.clear();
   }
 
-  _logExpiredCommand(pendingCommand: PendingCommand): void {
-    this._eventReporter.logEvent({
+  #logExpiredCommand(pendingCommand: PendingCommand): void {
+    this.#eventReporter.logEvent({
       type: 'debugger_command',
       protocol: 'CDP',
       requestOrigin: pendingCommand.requestOrigin,
@@ -196,9 +194,9 @@ class DeviceEventReporter {
       errorCode: 'TIMED_OUT',
       responseOrigin: 'proxy',
       timeSinceStart: Date.now() - pendingCommand.requestTime,
-      appId: this._metadata.appId,
-      deviceId: this._metadata.deviceId,
-      deviceName: this._metadata.deviceName,
+      appId: this.#metadata.appId,
+      deviceId: this.#metadata.deviceId,
+      deviceName: this.#metadata.deviceName,
       pageId: pendingCommand.metadata.pageId,
       frontendUserAgent: pendingCommand.metadata.frontendUserAgent,
     });
diff --git a/packages/dev-middleware/src/inspector-proxy/InspectorProxy.js b/packages/dev-middleware/src/inspector-proxy/InspectorProxy.js
index be4fe3e13a966e..066fa44cc3d536 100644
--- a/packages/dev-middleware/src/inspector-proxy/InspectorProxy.js
+++ b/packages/dev-middleware/src/inspector-proxy/InspectorProxy.js
@@ -9,19 +9,20 @@
  * @oncall react_native
  */
 
+import type {EventReporter} from '../types/EventReporter';
+import type {Experiments} from '../types/Experiments';
 import type {
   JsonPagesListResponse,
   JsonVersionResponse,
   Page,
   PageDescription,
 } from './types';
-import type {EventReporter} from '../types/EventReporter';
-import type {Experiments} from '../types/Experiments';
 import type {IncomingMessage, ServerResponse} from 'http';
 
+import Device from './Device';
+import nullthrows from 'nullthrows';
 import url from 'url';
 import WS from 'ws';
-import Device from './Device';
 
 const debug = require('debug')('Metro:InspectorProxy');
 
@@ -42,20 +43,20 @@ export interface InspectorProxyQueries {
  */
 export default class InspectorProxy implements InspectorProxyQueries {
   // Root of the project used for relative to absolute source path conversion.
-  _projectRoot: string;
+  #projectRoot: string;
 
   /** The base URL to the dev server from the developer machine. */
-  _serverBaseUrl: string;
+  #serverBaseUrl: string;
 
   // Maps device ID to Device instance.
-  _devices: Map<string, Device>;
+  #devices: Map<string, Device>;
 
   // Internal counter for device IDs -- just gets incremented for each new device.
-  _deviceCounter: number = 0;
+  #deviceCounter: number = 0;
 
-  _eventReporter: ?EventReporter;
+  #eventReporter: ?EventReporter;
 
-  _experiments: Experiments;
+  #experiments: Experiments;
 
   constructor(
     projectRoot: string,
@@ -63,22 +64,22 @@ export default class InspectorProxy implements InspectorProxyQueries {
     eventReporter: ?EventReporter,
     experiments: Experiments,
   ) {
-    this._projectRoot = projectRoot;
-    this._serverBaseUrl = serverBaseUrl;
-    this._devices = new Map();
-    this._eventReporter = eventReporter;
-    this._experiments = experiments;
+    this.#projectRoot = projectRoot;
+    this.#serverBaseUrl = serverBaseUrl;
+    this.#devices = new Map();
+    this.#eventReporter = eventReporter;
+    this.#experiments = experiments;
   }
 
   getPageDescriptions(): Array<PageDescription> {
     // Build list of pages from all devices.
     let result: Array<PageDescription> = [];
-    Array.from(this._devices.entries()).forEach(([deviceId, device]) => {
+    Array.from(this.#devices.entries()).forEach(([deviceId, device]) => {
       result = result.concat(
         device
           .getPagesList()
           .map((page: Page) =>
-            this._buildPageDescription(deviceId, device, page),
+            this.#buildPageDescription(deviceId, device, page),
           ),
       );
     });
@@ -94,13 +95,14 @@ export default class InspectorProxy implements InspectorProxyQueries {
     response: ServerResponse,
     next: (?Error) => mixed,
   ) {
+    const pathname = url.parse(request.url).pathname;
     if (
-      request.url === PAGES_LIST_JSON_URL ||
-      request.url === PAGES_LIST_JSON_URL_2
+      pathname === PAGES_LIST_JSON_URL ||
+      pathname === PAGES_LIST_JSON_URL_2
     ) {
-      this._sendJsonResponse(response, this.getPageDescriptions());
-    } else if (request.url === PAGES_LIST_JSON_VERSION_URL) {
-      this._sendJsonResponse(response, {
+      this.#sendJsonResponse(response, this.getPageDescriptions());
+    } else if (pathname === PAGES_LIST_JSON_VERSION_URL) {
+      this.#sendJsonResponse(response, {
         Browser: 'Mobile JavaScript',
         'Protocol-Version': '1.1',
       });
@@ -113,19 +115,19 @@ export default class InspectorProxy implements InspectorProxyQueries {
     [path: string]: WS.Server,
   } {
     return {
-      [WS_DEVICE_URL]: this._createDeviceConnectionWSServer(),
-      [WS_DEBUGGER_URL]: this._createDebuggerConnectionWSServer(),
+      [WS_DEVICE_URL]: this.#createDeviceConnectionWSServer(),
+      [WS_DEBUGGER_URL]: this.#createDebuggerConnectionWSServer(),
     };
   }
 
   // Converts page information received from device into PageDescription object
   // that is sent to debugger.
-  _buildPageDescription(
+  #buildPageDescription(
     deviceId: string,
     device: Device,
     page: Page,
   ): PageDescription {
-    const {host, protocol} = new URL(this._serverBaseUrl);
+    const {host, protocol} = new URL(this.#serverBaseUrl);
     const webSocketScheme = protocol === 'https:' ? 'wss' : 'ws';
 
     const webSocketUrlWithoutProtocol = `${host}${WS_DEBUGGER_URL}?device=${deviceId}&page=${page.id}`;
@@ -148,12 +150,16 @@ export default class InspectorProxy implements InspectorProxyQueries {
       webSocketDebuggerUrl,
       vm: page.vm,
       deviceName: device.getName(),
+      reactNative: {
+        logicalDeviceId: deviceId,
+        capabilities: nullthrows(page.capabilities),
+      },
     };
   }
 
   // Sends object as response to HTTP request.
   // Just serializes object using JSON and sets required headers.
-  _sendJsonResponse(
+  #sendJsonResponse(
     response: ServerResponse,
     object: JsonPagesListResponse | JsonVersionResponse,
   ) {
@@ -161,7 +167,6 @@ export default class InspectorProxy implements InspectorProxyQueries {
     response.writeHead(200, {
       'Content-Type': 'application/json; charset=UTF-8',
       'Cache-Control': 'no-cache',
-      'Content-Length': data.length.toString(),
       Connection: 'close',
     });
     response.end(data);
@@ -172,7 +177,7 @@ export default class InspectorProxy implements InspectorProxyQueries {
   // HTTP GET params.
   // For each new websocket connection we parse device and app names and create
   // new instance of Device class.
-  _createDeviceConnectionWSServer(): ws$WebSocketServer {
+  #createDeviceConnectionWSServer(): ws$WebSocketServer {
     const wss = new WS.Server({
       noServer: true,
       perMessageDeflate: true,
@@ -183,35 +188,35 @@ export default class InspectorProxy implements InspectorProxyQueries {
     // $FlowFixMe[value-as-type]
     wss.on('connection', async (socket: WS, req) => {
       try {
-        const fallbackDeviceId = String(this._deviceCounter++);
+        const fallbackDeviceId = String(this.#deviceCounter++);
 
         const query = url.parse(req.url || '', true).query || {};
         const deviceId = query.device || fallbackDeviceId;
         const deviceName = query.name || 'Unknown';
         const appName = query.app || 'Unknown';
 
-        const oldDevice = this._devices.get(deviceId);
+        const oldDevice = this.#devices.get(deviceId);
         const newDevice = new Device(
           deviceId,
           deviceName,
           appName,
           socket,
-          this._projectRoot,
-          this._eventReporter,
+          this.#projectRoot,
+          this.#eventReporter,
         );
 
         if (oldDevice) {
           oldDevice.handleDuplicateDeviceConnection(newDevice);
         }
 
-        this._devices.set(deviceId, newDevice);
+        this.#devices.set(deviceId, newDevice);
 
         debug(
           `Got new connection: name=${deviceName}, app=${appName}, device=${deviceId}`,
         );
 
         socket.on('close', () => {
-          this._devices.delete(deviceId);
+          this.#devices.delete(deviceId);
           debug(`Device ${deviceName} disconnected.`);
         });
       } catch (e) {
@@ -227,7 +232,7 @@ export default class InspectorProxy implements InspectorProxyQueries {
   // in /json response.
   // When debugger connects we try to parse device and page IDs from the query and pass
   // websocket object to corresponding Device instance.
-  _createDebuggerConnectionWSServer(): ws$WebSocketServer {
+  #createDebuggerConnectionWSServer(): ws$WebSocketServer {
     const wss = new WS.Server({
       noServer: true,
       perMessageDeflate: false,
@@ -246,7 +251,7 @@ export default class InspectorProxy implements InspectorProxyQueries {
           throw new Error('Incorrect URL - must provide device and page IDs');
         }
 
-        const device = this._devices.get(deviceId);
+        const device = this.#devices.get(deviceId);
         if (device == null) {
           throw new Error('Unknown device with ID ' + deviceId);
         }
@@ -257,7 +262,7 @@ export default class InspectorProxy implements InspectorProxyQueries {
       } catch (e) {
         console.error(e);
         socket.close(INTERNAL_ERROR_CODE, e?.toString() ?? 'Unknown error');
-        this._eventReporter?.logEvent({
+        this.#eventReporter?.logEvent({
           type: 'connect_debugger_frontend',
           status: 'error',
           error: e,
diff --git a/packages/dev-middleware/src/inspector-proxy/cdp-types/messages.js b/packages/dev-middleware/src/inspector-proxy/cdp-types/messages.js
new file mode 100644
index 00000000000000..79eb1458a995a3
--- /dev/null
+++ b/packages/dev-middleware/src/inspector-proxy/cdp-types/messages.js
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {Commands, Events} from './protocol';
+
+// Note: A CDP event is a JSON-RPC notification with no `id` member.
+export type CDPEvent<TEvent: $Keys<Events> = 'unknown'> = $ReadOnly<{
+  method: TEvent,
+  params: Events[TEvent],
+}>;
+
+export type CDPRequest<TCommand: $Keys<Commands> = 'unknown'> = $ReadOnly<{
+  method: TCommand,
+  params: Commands[TCommand]['paramsType'],
+  id: number,
+}>;
+
+export type CDPResponse<TCommand: $Keys<Commands> = 'unknown'> =
+  | $ReadOnly<{
+      result: Commands[TCommand]['resultType'],
+      id: number,
+    }>
+  | $ReadOnly<{
+      error: CDPRequestError,
+      id: number,
+    }>;
+
+export type CDPRequestError = $ReadOnly<{
+  code: number,
+  message: string,
+  data?: mixed,
+}>;
+
+export type CDPClientMessage =
+  | CDPRequest<'Debugger.getScriptSource'>
+  | CDPRequest<'Debugger.scriptParsed'>
+  | CDPRequest<'Debugger.setBreakpointByUrl'>
+  | CDPRequest<>;
+
+export type CDPServerMessage =
+  | CDPEvent<'Debugger.scriptParsed'>
+  | CDPEvent<>
+  | CDPResponse<'Debugger.getScriptSource'>
+  | CDPResponse<>;
diff --git a/packages/dev-middleware/src/inspector-proxy/cdp-types/protocol.js b/packages/dev-middleware/src/inspector-proxy/cdp-types/protocol.js
new file mode 100644
index 00000000000000..4b7500c4070b79
--- /dev/null
+++ b/packages/dev-middleware/src/inspector-proxy/cdp-types/protocol.js
@@ -0,0 +1,106 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+// Adapted from https://github.com/ChromeDevTools/devtools-protocol/blob/master/types/protocol.d.ts
+
+type integer = number;
+
+export interface Debugger {
+  GetScriptSourceParams: $ReadOnly<{
+    /**
+     * Id of the script to get source for.
+     */
+    scriptId: string,
+  }>;
+
+  GetScriptSourceResult: $ReadOnly<{
+    /**
+     * Script source (empty in case of Wasm bytecode).
+     */
+    scriptSource: string,
+
+    /**
+     * Wasm bytecode. (Encoded as a base64 string when passed over JSON)
+     */
+    bytecode?: string,
+  }>;
+
+  SetBreakpointByUrlParams: $ReadOnly<{
+    /**
+     * Line number to set breakpoint at.
+     */
+    lineNumber: integer,
+
+    /**
+     * URL of the resources to set breakpoint on.
+     */
+    url?: string,
+
+    /**
+     * Regex pattern for the URLs of the resources to set breakpoints on. Either `url` or
+     * `urlRegex` must be specified.
+     */
+    urlRegex?: string,
+
+    /**
+     * Script hash of the resources to set breakpoint on.
+     */
+    scriptHash?: string,
+
+    /**
+     * Offset in the line to set breakpoint at.
+     */
+    columnNumber?: integer,
+
+    /**
+     * Expression to use as a breakpoint condition. When specified, debugger will only stop on the
+     * breakpoint if this expression evaluates to true.
+     */
+    condition?: string,
+  }>;
+
+  ScriptParsedEvent: $ReadOnly<{
+    /**
+     * Identifier of the script parsed.
+     */
+    scriptId: string,
+
+    /**
+     * URL or name of the script parsed (if any).
+     */
+    url: string,
+
+    /**
+     * URL of source map associated with script (if any).
+     */
+    sourceMapURL: string,
+  }>;
+}
+
+export type Events = {
+  'Debugger.scriptParsed': Debugger['ScriptParsedEvent'],
+  [method: string]: mixed,
+};
+
+export type Commands = {
+  'Debugger.getScriptSource': {
+    paramsType: Debugger['GetScriptSourceParams'],
+    resultType: Debugger['GetScriptSourceResult'],
+  },
+  'Debugger.setBreakpointByUrl': {
+    paramsType: Debugger['SetBreakpointByUrlParams'],
+    resultType: void,
+  },
+  [method: string]: {
+    paramsType: mixed,
+    resultType: mixed,
+  },
+};
diff --git a/packages/dev-middleware/src/inspector-proxy/types.js b/packages/dev-middleware/src/inspector-proxy/types.js
index 94b21aba10e84b..f4994a812c4830 100644
--- a/packages/dev-middleware/src/inspector-proxy/types.js
+++ b/packages/dev-middleware/src/inspector-proxy/types.js
@@ -4,57 +4,78 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  * @oncall react_native
  */
 
+/**
+ * A capability flag disables a specific feature/hack in the InspectorProxy
+ * layer by indicating that the target supports one or more modern CDP features.
+ */
+export type TargetCapabilityFlags = $ReadOnly<{
+  /**
+   * The target supports a stable page representation across reloads.
+   *
+   * In the proxy, this disables legacy page reload emulation and the
+   * additional '(Experimental)' target in `/json/list`.
+   *
+   * In the launch flow, this allows targets to be matched directly by `appId`.
+   */
+  nativePageReloads?: boolean,
+
+  /**
+   * The target supports fetching source code and source maps.
+   *
+   * In the proxy, this disables source fetching emulation and host rewrites.
+   */
+  nativeSourceCodeFetching?: boolean,
+}>;
+
 // Page information received from the device. New page is created for
 // each new instance of VM and can appear when user reloads React Native
 // application.
-export type Page = {
+
+export type PageFromDevice = $ReadOnly<{
   id: string,
   title: string,
   vm: string,
   app: string,
-  ...
-};
+  capabilities?: TargetCapabilityFlags,
+}>;
+
+export type Page = Required<PageFromDevice>;
 
 // Chrome Debugger Protocol message/event passed between device and debugger.
-export type WrappedEvent = {
+export type WrappedEvent = $ReadOnly<{
   event: 'wrappedEvent',
-  payload: {
+  payload: $ReadOnly<{
     pageId: string,
     wrappedEvent: string,
-    ...
-  },
-  ...
-};
+  }>,
+}>;
 
 // Request sent from Inspector Proxy to Device when new debugger is connected
 // to particular page.
-export type ConnectRequest = {
+export type ConnectRequest = $ReadOnly<{
   event: 'connect',
-  payload: {pageId: string, ...},
-  ...
-};
+  payload: $ReadOnly<{pageId: string}>,
+}>;
 
 // Request sent from Inspector Proxy to Device to notify that debugger is
 // disconnected.
-export type DisconnectRequest = {
+export type DisconnectRequest = $ReadOnly<{
   event: 'disconnect',
-  payload: {pageId: string, ...},
-  ...
-};
+  payload: $ReadOnly<{pageId: string}>,
+}>;
 
 // Request sent from Inspector Proxy to Device to get a list of pages.
-export type GetPagesRequest = {event: 'getPages', ...};
+export type GetPagesRequest = {event: 'getPages'};
 
 // Response to GetPagesRequest containing a list of page infos.
 export type GetPagesResponse = {
   event: 'getPages',
-  payload: Array<Page>,
-  ...
+  payload: $ReadOnlyArray<PageFromDevice>,
 };
 
 // Union type for all possible messages sent from device to Inspector Proxy.
@@ -71,7 +92,7 @@ export type MessageToDevice =
   | DisconnectRequest;
 
 // Page description object that is sent in response to /json HTTP request from debugger.
-export type PageDescription = {
+export type PageDescription = $ReadOnly<{
   id: string,
   description: string,
   title: string,
@@ -79,57 +100,28 @@ export type PageDescription = {
   devtoolsFrontendUrl: string,
   type: string,
   webSocketDebuggerUrl: string,
-  ...
-};
+  deviceName: string,
+  vm: string,
+  // Metadata specific to React Native
+  reactNative: $ReadOnly<{
+    logicalDeviceId: string,
+    capabilities: Page['capabilities'],
+  }>,
+}>;
+
 export type JsonPagesListResponse = Array<PageDescription>;
 
 // Response to /json/version HTTP request from the debugger specifying browser type and
 // Chrome protocol version.
-export type JsonVersionResponse = {
+export type JsonVersionResponse = $ReadOnly<{
   Browser: string,
   'Protocol-Version': string,
-  ...
-};
-
-/**
- * Types were exported from https://github.com/ChromeDevTools/devtools-protocol/blob/master/types/protocol.d.ts
- */
-
-export type SetBreakpointByUrlRequest = {
-  id: number,
-  method: 'Debugger.setBreakpointByUrl',
-  params: {
-    lineNumber: number,
-    url?: string,
-    urlRegex?: string,
-    scriptHash?: string,
-    columnNumber?: number,
-    condition?: string,
-  },
-};
-
-export type GetScriptSourceRequest = {
-  id: number,
-  method: 'Debugger.getScriptSource',
-  params: {
-    scriptId: string,
-  },
-};
-
-export type GetScriptSourceResponse = {
-  scriptSource: string,
-  /**
-   * Wasm bytecode.
-   */
-  bytecode?: string,
-};
-
-export type ErrorResponse = {
-  error: {
-    message: string,
-  },
-};
-
-export type DebuggerRequest =
-  | SetBreakpointByUrlRequest
-  | GetScriptSourceRequest;
+}>;
+
+export type JSONSerializable =
+  | boolean
+  | number
+  | string
+  | null
+  | $ReadOnlyArray<JSONSerializable>
+  | {+[string]: JSONSerializable};
diff --git a/packages/dev-middleware/src/middleware/deprecated_openFlipperMiddleware.js b/packages/dev-middleware/src/middleware/deprecated_openFlipperMiddleware.js
index 35a222ce7f0207..6a2d07a5f0374d 100644
--- a/packages/dev-middleware/src/middleware/deprecated_openFlipperMiddleware.js
+++ b/packages/dev-middleware/src/middleware/deprecated_openFlipperMiddleware.js
@@ -9,9 +9,9 @@
  * @oncall react_native
  */
 
+import type {Logger} from '../types/Logger';
 import type {NextHandleFunction} from 'connect';
 import type {IncomingMessage, ServerResponse} from 'http';
-import type {Logger} from '../types/Logger';
 
 import open from 'open';
 
diff --git a/packages/dev-middleware/src/middleware/openDebuggerMiddleware.js b/packages/dev-middleware/src/middleware/openDebuggerMiddleware.js
index 14ee05051a6099..1f3b4d74358521 100644
--- a/packages/dev-middleware/src/middleware/openDebuggerMiddleware.js
+++ b/packages/dev-middleware/src/middleware/openDebuggerMiddleware.js
@@ -9,16 +9,16 @@
  * @oncall react_native
  */
 
-import type {NextHandleFunction} from 'connect';
-import type {IncomingMessage, ServerResponse} from 'http';
 import type {InspectorProxyQueries} from '../inspector-proxy/InspectorProxy';
 import type {BrowserLauncher, LaunchedBrowser} from '../types/BrowserLauncher';
 import type {EventReporter} from '../types/EventReporter';
 import type {Experiments} from '../types/Experiments';
 import type {Logger} from '../types/Logger';
+import type {NextHandleFunction} from 'connect';
+import type {IncomingMessage, ServerResponse} from 'http';
 
-import url from 'url';
 import getDevToolsFrontendUrl from '../utils/getDevToolsFrontendUrl';
+import url from 'url';
 
 const debuggerInstances = new Map<string, ?LaunchedBrowser>();
 
@@ -57,24 +57,33 @@ export default function openDebuggerMiddleware({
       (experiments.enableOpenDebuggerRedirect && req.method === 'GET')
     ) {
       const {query} = url.parse(req.url, true);
-      const {appId} = query;
+      const {appId, device}: {appId?: string, device?: string, ...} = query;
 
       const targets = inspectorProxy.getPageDescriptions().filter(
         // Only use targets with better reloading support
         app =>
-          app.title === 'React Native Experimental (Improved Chrome Reloads)',
+          app.title === 'React Native Experimental (Improved Chrome Reloads)' ||
+          app.reactNative.capabilities?.nativePageReloads === true,
       );
+
       let target;
 
       const launchType: 'launch' | 'redirect' =
         req.method === 'POST' ? 'launch' : 'redirect';
 
-      if (typeof appId === 'string') {
+      if (typeof appId === 'string' || typeof device === 'string') {
         logger?.info(
           (launchType === 'launch' ? 'Launching' : 'Redirecting to') +
             ' JS debugger (experimental)...',
         );
-        target = targets.find(_target => _target.description === appId);
+        if (typeof device === 'string') {
+          target = targets.find(
+            _target => _target.reactNative.logicalDeviceId === device,
+          );
+        }
+        if (!target && typeof appId === 'string') {
+          target = targets.find(_target => _target.description === appId);
+        }
       } else {
         logger?.info(
           (launchType === 'launch' ? 'Launching' : 'Redirecting to') +
@@ -101,11 +110,16 @@ export default function openDebuggerMiddleware({
       try {
         switch (launchType) {
           case 'launch':
-            await debuggerInstances.get(appId)?.kill();
+            const frontendInstanceId =
+              device != null
+                ? 'device:' + device
+                : 'app:' + (appId ?? '<null>');
+            await debuggerInstances.get(frontendInstanceId)?.kill();
             debuggerInstances.set(
-              appId,
+              frontendInstanceId,
               await browserLauncher.launchDebuggerAppWindow(
                 getDevToolsFrontendUrl(
+                  experiments,
                   target.webSocketDebuggerUrl,
                   serverBaseUrl,
                 ),
@@ -116,6 +130,7 @@ export default function openDebuggerMiddleware({
           case 'redirect':
             res.writeHead(302, {
               Location: getDevToolsFrontendUrl(
+                experiments,
                 target.webSocketDebuggerUrl,
                 // Use a relative URL.
                 '',
@@ -130,7 +145,8 @@ export default function openDebuggerMiddleware({
           type: 'launch_debugger_frontend',
           launchType,
           status: 'success',
-          appId,
+          appId: appId ?? null,
+          deviceId: device ?? null,
         });
         return;
       } catch (e) {
diff --git a/packages/dev-middleware/src/types/EventReporter.js b/packages/dev-middleware/src/types/EventReporter.js
index ec8e77d521b0fc..51ae36d081dd45 100644
--- a/packages/dev-middleware/src/types/EventReporter.js
+++ b/packages/dev-middleware/src/types/EventReporter.js
@@ -36,7 +36,7 @@ export type ReportableEvent =
       type: 'launch_debugger_frontend',
       launchType: 'launch' | 'redirect',
       ...
-        | SuccessResult<{appId: string}>
+        | SuccessResult<{appId: string | null, deviceId: string | null}>
         | ErrorResult<mixed>
         | CodedErrorResult<'NO_APPS_FOUND'>,
     }
diff --git a/packages/dev-middleware/src/types/Experiments.js b/packages/dev-middleware/src/types/Experiments.js
index 9f15d94c8ef3d7..c5c2c9af439b07 100644
--- a/packages/dev-middleware/src/types/Experiments.js
+++ b/packages/dev-middleware/src/types/Experiments.js
@@ -23,6 +23,11 @@ export type Experiments = $ReadOnly<{
    * interface.
    */
   enableOpenDebuggerRedirect: boolean,
+
+  /**
+   * Enables the Network panel when launching the custom debugger frontend.
+   */
+  enableNetworkInspector: boolean,
 }>;
 
 export type ExperimentsConfig = Partial<Experiments>;
diff --git a/packages/dev-middleware/src/utils/DefaultBrowserLauncher.js b/packages/dev-middleware/src/utils/DefaultBrowserLauncher.js
index 9e2b728dd33f4f..8992f194c54192 100644
--- a/packages/dev-middleware/src/utils/DefaultBrowserLauncher.js
+++ b/packages/dev-middleware/src/utils/DefaultBrowserLauncher.js
@@ -15,8 +15,8 @@ import {promises as fs} from 'fs';
 import path from 'path';
 import osTempDir from 'temp-dir';
 
+const {Launcher: EdgeLauncher} = require('@rnx-kit/chromium-edge-launcher');
 const ChromeLauncher = require('chrome-launcher');
-const {Launcher: EdgeLauncher} = require('chromium-edge-launcher');
 
 /**
  * Default `BrowserLauncher` implementation which opens URLs on the host
diff --git a/packages/dev-middleware/src/utils/getDevToolsFrontendUrl.js b/packages/dev-middleware/src/utils/getDevToolsFrontendUrl.js
index 0178c4db2d3f73..4623616292fea5 100644
--- a/packages/dev-middleware/src/utils/getDevToolsFrontendUrl.js
+++ b/packages/dev-middleware/src/utils/getDevToolsFrontendUrl.js
@@ -9,18 +9,30 @@
  * @oncall react_native
  */
 
+import type {Experiments} from '../types/Experiments';
+
 /**
  * Get the DevTools frontend URL to debug a given React Native CDP target.
  */
 export default function getDevToolsFrontendUrl(
+  experiments: Experiments,
   webSocketDebuggerUrl: string,
   devServerUrl: string,
 ): string {
   const scheme = new URL(webSocketDebuggerUrl).protocol.slice(0, -1);
-  const appUrl = `${devServerUrl}/debugger-frontend/rn_inspector.html`;
-  const webSocketUrlWithoutProtocol = encodeURIComponent(
-    webSocketDebuggerUrl.replace(/^wss?:\/\//, ''),
+  const webSocketUrlWithoutProtocol = webSocketDebuggerUrl.replace(
+    /^wss?:\/\//,
+    '',
   );
+  const appUrl = `${devServerUrl}/debugger-frontend/rn_inspector.html`;
+
+  const searchParams = new URLSearchParams([
+    [scheme, webSocketUrlWithoutProtocol],
+    ['sources.hide_add_folder', 'true'],
+  ]);
+  if (experiments.enableNetworkInspector) {
+    searchParams.append('unstable_enableNetworkPanel', 'true');
+  }
 
-  return `${appUrl}?${scheme}=${webSocketUrlWithoutProtocol}&sources.hide_add_folder=true`;
+  return appUrl + '?' + searchParams.toString();
 }
diff --git a/packages/eslint-config-react-native/index.js b/packages/eslint-config-react-native/index.js
index 8de08008e5c9d3..b1d0ee3cf366c4 100644
--- a/packages/eslint-config-react-native/index.js
+++ b/packages/eslint-config-react-native/index.js
@@ -220,6 +220,7 @@ module.exports = {
 
     'no-catch-shadow': 1, // disallow the catch clause parameter name being the same as a variable in the outer scope (off by default in the node environment)
     'no-delete-var': 1, // disallow deletion of variables
+    'no-global-assign': 2, // disallow assignments to native objects or read-only global variables
     'no-label-var': 1, // disallow labels that share a name with a variable
     'no-shadow': 1, // disallow declaration of variables already declared in the outer scope
     'no-shadow-restricted-names': 1, // disallow shadowing of names such as arguments
@@ -254,7 +255,6 @@ module.exports = {
     // These rules are purely matters of style and are quite subjective.
 
     'key-spacing': 0,
-    'keyword-spacing': 1, // enforce spacing before and after keywords
     'jsx-quotes': [1, 'prefer-double'], // enforces the usage of double quotes for all JSX attribute values which doesn’t contain a double quote
     'comma-spacing': 0,
     'no-multi-spaces': 0,
diff --git a/packages/eslint-config-react-native/package.json b/packages/eslint-config-react-native/package.json
index 39e8684bbbddd4..7edb68a00afbe1 100644
--- a/packages/eslint-config-react-native/package.json
+++ b/packages/eslint-config-react-native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/eslint-config",
-  "version": "0.73.0",
+  "version": "0.74.0",
   "description": "ESLint config for React Native",
   "license": "MIT",
   "repository": {
@@ -22,7 +22,7 @@
   "dependencies": {
     "@babel/core": "^7.20.0",
     "@babel/eslint-parser": "^7.20.0",
-    "@react-native/eslint-plugin": "^0.73.0",
+    "@react-native/eslint-plugin": "0.74.0",
     "@typescript-eslint/eslint-plugin": "^6.7.4",
     "@typescript-eslint/parser": "^6.7.4",
     "eslint-config-prettier": "^8.5.0",
diff --git a/packages/eslint-plugin-react-native/__tests__/platform-colors-test.js b/packages/eslint-plugin-react-native/__tests__/platform-colors-test.js
index 76e799f3cb5b12..fceb13bb7acd9f 100644
--- a/packages/eslint-plugin-react-native/__tests__/platform-colors-test.js
+++ b/packages/eslint-plugin-react-native/__tests__/platform-colors-test.js
@@ -10,9 +10,8 @@
 
 'use strict';
 
-const ESLintTester = require('./eslint-tester.js');
-
 const rule = require('../platform-colors.js');
+const ESLintTester = require('./eslint-tester.js');
 
 const eslintTester = new ESLintTester();
 
diff --git a/packages/eslint-plugin-react-native/package.json b/packages/eslint-plugin-react-native/package.json
index 17421a3d4dbc88..acb35918dd30e1 100644
--- a/packages/eslint-plugin-react-native/package.json
+++ b/packages/eslint-plugin-react-native/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/eslint-plugin",
-  "version": "0.73.0",
+  "version": "0.74.0",
   "description": "ESLint rules for @react-native/eslint-config",
   "license": "MIT",
   "repository": {
diff --git a/packages/eslint-plugin-specs/__tests__/react-native-modules-test.js b/packages/eslint-plugin-specs/__tests__/react-native-modules-test.js
index ae3b5c62ac664d..0704665af2370a 100644
--- a/packages/eslint-plugin-specs/__tests__/react-native-modules-test.js
+++ b/packages/eslint-plugin-specs/__tests__/react-native-modules-test.js
@@ -10,9 +10,8 @@
 
 'use strict';
 
-const ESLintTester = require('./eslint-tester.js');
-
 const rule = require('../react-native-modules');
+const ESLintTester = require('./eslint-tester.js');
 
 const NATIVE_MODULES_DIR = __dirname;
 
diff --git a/packages/eslint-plugin-specs/package.json b/packages/eslint-plugin-specs/package.json
index 727b8fea2e3fc1..fa04efd48a5717 100644
--- a/packages/eslint-plugin-specs/package.json
+++ b/packages/eslint-plugin-specs/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/eslint-plugin-specs",
-  "version": "0.73.0",
+  "version": "0.74.0",
   "description": "ESLint rules to validate NativeModule and Component Specs",
   "license": "MIT",
   "repository": {
@@ -31,8 +31,7 @@
     "@babel/eslint-parser": "^7.20.0",
     "@babel/plugin-transform-flow-strip-types": "^7.20.0",
     "@babel/preset-flow": "^7.20.0",
-    "@react-native/codegen": "*",
-    "flow-parser": "^0.206.0",
+    "@react-native/codegen": "0.74.0",
     "make-dir": "^2.1.0",
     "pirates": "^4.0.1",
     "source-map-support": "0.5.0"
diff --git a/packages/eslint-plugin-specs/react-native-modules.js b/packages/eslint-plugin-specs/react-native-modules.js
index 9f142919d9e075..7cbcc03eef2641 100644
--- a/packages/eslint-plugin-specs/react-native-modules.js
+++ b/packages/eslint-plugin-specs/react-native-modules.js
@@ -10,8 +10,8 @@
 
 'use strict';
 
-const path = require('path');
 const withBabelRegister = require('./with-babel-register');
+const path = require('path');
 
 // We use the prepack hook before publishing package to set this value to true
 const PACKAGE_USAGE = false;
@@ -154,7 +154,7 @@ function rule(context) {
       const [parsingErrors, tryParse] = createParserErrorCapturer();
 
       const sourceCode = context.getSourceCode().getText();
-      const ast = parser.getAst(sourceCode);
+      const ast = parser.getAst(sourceCode, filename);
 
       tryParse(() => {
         buildModuleSchema(
diff --git a/packages/eslint-plugin-specs/with-babel-register/disk-cache.js b/packages/eslint-plugin-specs/with-babel-register/disk-cache.js
index c840036775271e..a468c7b6d715ad 100644
--- a/packages/eslint-plugin-specs/with-babel-register/disk-cache.js
+++ b/packages/eslint-plugin-specs/with-babel-register/disk-cache.js
@@ -8,10 +8,10 @@
  * @oncall react_native
  */
 
-const path = require('path');
 const fs = require('fs');
-const os = require('os');
 const {sync: makeDirSync} = require('make-dir');
+const os = require('os');
+const path = require('path');
 
 const packageJson = JSON.parse(
   fs.readFileSync(require.resolve('../package.json'), 'utf8'),
diff --git a/packages/eslint-plugin-specs/with-babel-register/index.js b/packages/eslint-plugin-specs/with-babel-register/index.js
index e4fe1450367b24..77f9fb6e1bfb41 100644
--- a/packages/eslint-plugin-specs/with-babel-register/index.js
+++ b/packages/eslint-plugin-specs/with-babel-register/index.js
@@ -8,13 +8,13 @@
  * @oncall react_native
  */
 
+const diskCache = require('./disk-cache');
 const babel = require('@babel/core');
-const {OptionManager, DEFAULT_EXTENSIONS} = require('@babel/core');
-const sourceMapSupport = require('source-map-support');
-const {addHook} = require('pirates');
-const path = require('path');
+const {DEFAULT_EXTENSIONS, OptionManager} = require('@babel/core');
 const fs = require('fs');
-const diskCache = require('./disk-cache');
+const path = require('path');
+const {addHook} = require('pirates');
+const sourceMapSupport = require('source-map-support');
 
 function compile(sourceMapManager, cache, options, code, filename) {
   const opts = new OptionManager().init({
diff --git a/packages/hermes-inspector-msggen/__tests__/header-writer-test.js b/packages/hermes-inspector-msggen/__tests__/header-writer-test.js
index 5ba2bb2a1158b5..e793c803cdfcb4 100644
--- a/packages/hermes-inspector-msggen/__tests__/header-writer-test.js
+++ b/packages/hermes-inspector-msggen/__tests__/header-writer-test.js
@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import {expectCodeIsEqual, FakeWritable} from '../src/TestHelpers';
+import { Command } from '../src/Command';
+import { Event } from '../src/Event';
 import {
   emitNotificationDecl,
   emitRequestDecl,
   emitResponseDecl,
   emitTypeDecl,
 } from '../src/HeaderWriter';
-import { Event } from '../src/Event';
-import { Command } from '../src/Command';
+import {FakeWritable, expectCodeIsEqual} from '../src/TestHelpers';
 import { Type } from '../src/Type';
 
 let stream = null;
diff --git a/packages/hermes-inspector-msggen/__tests__/implementation-writer-test.js b/packages/hermes-inspector-msggen/__tests__/implementation-writer-test.js
index 6ad01e08231a81..8d83a9cc67c59f 100644
--- a/packages/hermes-inspector-msggen/__tests__/implementation-writer-test.js
+++ b/packages/hermes-inspector-msggen/__tests__/implementation-writer-test.js
@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-import {expectCodeIsEqual, FakeWritable} from '../src/TestHelpers';
+import { Command } from '../src/Command';
+import { Event } from '../src/Event';
 import {
   emitNotificationDef,
   emitRequestDef,
   emitResponseDef,
   emitTypeDef,
 } from '../src/ImplementationWriter';
-import { Event } from '../src/Event';
-import { Command } from '../src/Command';
+import {FakeWritable, expectCodeIsEqual} from '../src/TestHelpers';
 import { Type } from '../src/Type';
 
 let stream = null;
diff --git a/packages/hermes-inspector-msggen/src/Command.js b/packages/hermes-inspector-msggen/src/Command.js
index feed094bb12d71..f6da8dffa8c665 100644
--- a/packages/hermes-inspector-msggen/src/Command.js
+++ b/packages/hermes-inspector-msggen/src/Command.js
@@ -8,8 +8,8 @@
  * @format
  */
 
-import {Property} from './Property';
 import {toCppNamespace, toCppType} from './Converters';
+import {Property} from './Property';
 
 export class Command {
   domain: string;
diff --git a/packages/hermes-inspector-msggen/src/Event.js b/packages/hermes-inspector-msggen/src/Event.js
index 10e9ee97422e90..bb9f2c4f5658a5 100644
--- a/packages/hermes-inspector-msggen/src/Event.js
+++ b/packages/hermes-inspector-msggen/src/Event.js
@@ -8,8 +8,8 @@
  * @format
  */
 
-import {Property} from './Property';
 import {toCppNamespace, toCppType} from './Converters';
+import {Property} from './Property';
 
 export class Event {
   domain: string;
diff --git a/packages/hermes-inspector-msggen/src/HeaderWriter.js b/packages/hermes-inspector-msggen/src/HeaderWriter.js
index 49e20c62b33f12..612e44e783a5d8 100644
--- a/packages/hermes-inspector-msggen/src/HeaderWriter.js
+++ b/packages/hermes-inspector-msggen/src/HeaderWriter.js
@@ -8,14 +8,13 @@
  * @format
  */
 
-import {Writable} from 'stream';
-
+import {Command} from './Command';
+import {toCppNamespace} from './Converters';
+import {Event} from './Event';
 import {GeneratedHeader} from './GeneratedHeader';
 import {Property} from './Property';
 import {PropsType, Type} from './Type';
-import {Command} from './Command';
-import {Event} from './Event';
-import {toCppNamespace} from './Converters';
+import {Writable} from 'stream';
 
 export class HeaderWriter {
   stream: Writable;
diff --git a/packages/hermes-inspector-msggen/src/ImplementationWriter.js b/packages/hermes-inspector-msggen/src/ImplementationWriter.js
index 955b8f352bd840..030cee099f05e5 100644
--- a/packages/hermes-inspector-msggen/src/ImplementationWriter.js
+++ b/packages/hermes-inspector-msggen/src/ImplementationWriter.js
@@ -8,12 +8,11 @@
  * @format
  */
 
-import {Writable} from 'stream';
-
-import {GeneratedHeader} from './GeneratedHeader';
-import {PropsType, Type} from './Type';
 import {Command} from './Command';
 import {Event} from './Event';
+import {GeneratedHeader} from './GeneratedHeader';
+import {PropsType, Type} from './Type';
+import {Writable} from 'stream';
 
 export class ImplementationWriter {
   stream: Writable;
diff --git a/packages/hermes-inspector-msggen/src/Property.js b/packages/hermes-inspector-msggen/src/Property.js
index fdad9bc6f7b306..a673916035755f 100644
--- a/packages/hermes-inspector-msggen/src/Property.js
+++ b/packages/hermes-inspector-msggen/src/Property.js
@@ -9,10 +9,10 @@
  */
 
 import {
+  type JsTypeString,
   jsTypeToCppType,
   toCppNamespace,
   toCppType,
-  type JsTypeString,
 } from './Converters';
 
 export class Property {
diff --git a/packages/hermes-inspector-msggen/src/Type.js b/packages/hermes-inspector-msggen/src/Type.js
index eef2a4265a8193..9371fbce0f2a3d 100644
--- a/packages/hermes-inspector-msggen/src/Type.js
+++ b/packages/hermes-inspector-msggen/src/Type.js
@@ -8,8 +8,8 @@
  * @format
  */
 
-import {Property} from './Property';
 import {jsTypeToCppType, toCppNamespace, toCppType} from './Converters';
+import {Property} from './Property';
 
 export class Type {
   domain: string;
diff --git a/packages/hermes-inspector-msggen/src/index.js b/packages/hermes-inspector-msggen/src/index.js
index dd6c488f6050f9..761390faca7c07 100644
--- a/packages/hermes-inspector-msggen/src/index.js
+++ b/packages/hermes-inspector-msggen/src/index.js
@@ -8,24 +8,20 @@
  * @format
  */
 
-import fs from 'fs';
-
-import yargs from 'yargs';
-
 import {Command} from './Command';
 import {Event} from './Event';
 import {Graph} from './Graph';
-import {Property} from './Property';
-import {PropsType, Type} from './Type';
-
 import {HeaderWriter} from './HeaderWriter';
 import {ImplementationWriter} from './ImplementationWriter';
+import {Property} from './Property';
+import {PropsType, Type} from './Type';
+import fs from 'fs';
+import yargs from 'yargs';
 
+const custom = require('../src/custom.json');
 // $FlowFixMe[cannot-resolve-module] : this isn't a module, just a JSON file.
 const standard = require('devtools-protocol/json/js_protocol.json');
 
-const custom = require('../src/custom.json');
-
 type Descriptor = {|
   types: Array<Type>,
   commands: Array<Command>,
diff --git a/packages/metro-config/.gitignore b/packages/metro-config/.gitignore
new file mode 100644
index 00000000000000..40d93a0332c96d
--- /dev/null
+++ b/packages/metro-config/.gitignore
@@ -0,0 +1,5 @@
+# Dependencies
+/node_modules
+
+# Build output
+/dist
diff --git a/packages/metro-config/package.json b/packages/metro-config/package.json
index 19ebc522a8cd4c..b96dfb23e2c895 100644
--- a/packages/metro-config/package.json
+++ b/packages/metro-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/metro-config",
-  "version": "0.73.0",
+  "version": "0.74.0",
   "description": "Metro configuration for React Native.",
   "license": "MIT",
   "repository": {
@@ -18,11 +18,17 @@
   "engines": {
     "node": ">=18"
   },
-  "exports": "./index.js",
+  "exports": {
+    ".": "./dist/index.js",
+    "./package.json": "./package.json"
+  },
+  "files": [
+    "dist"
+  ],
   "dependencies": {
-    "@react-native/js-polyfills": "^0.73.0",
-    "@react-native/metro-babel-transformer": "^0.73.11",
-    "metro-config": "0.79.1",
-    "metro-runtime": "0.79.1"
+    "@react-native/js-polyfills": "0.74.0",
+    "@react-native/metro-babel-transformer": "0.74.0",
+    "metro-config": "^0.80.3",
+    "metro-runtime": "^0.80.3"
   }
 }
diff --git a/packages/metro-config/index.js b/packages/metro-config/src/index.flow.js
similarity index 82%
rename from packages/metro-config/index.js
rename to packages/metro-config/src/index.flow.js
index 2abf2c8757d475..6aad1cb74da228 100644
--- a/packages/metro-config/index.js
+++ b/packages/metro-config/src/index.flow.js
@@ -4,13 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
- * @noformat
+ * @flow strict-local
+ * @format
+ * @oncall react_native
  */
 
-/*:: import type {ConfigT} from 'metro-config'; */
+import type {ConfigT} from 'metro-config';
 
-const {getDefaultConfig: getBaseConfig, mergeConfig} = require('metro-config');
+import {getDefaultConfig as getBaseConfig, mergeConfig} from 'metro-config';
 
 const INTERNAL_CALLSITES_REGEX = new RegExp(
   [
@@ -36,12 +37,12 @@ const INTERNAL_CALLSITES_REGEX = new RegExp(
   ].join('|'),
 );
 
+export {mergeConfig} from 'metro-config';
+
 /**
  * Get the base Metro configuration for a React Native project.
  */
-function getDefaultConfig(
-  projectRoot /*: string */
-) /*: ConfigT */ {
+export function getDefaultConfig(projectRoot: string): ConfigT {
   const config = {
     resolver: {
       resolverMainFields: ['react-native', 'browser', 'main'],
@@ -53,15 +54,16 @@ function getDefaultConfig(
       getModulesRunBeforeMainModule: () => [
         require.resolve('react-native/Libraries/Core/InitializeCore'),
       ],
+      // $FlowFixMe[untyped-import]
       getPolyfills: () => require('@react-native/js-polyfills')(),
     },
     server: {
       port: Number(process.env.RCT_METRO_PORT) || 8081,
     },
     symbolicator: {
-      customizeFrame: (frame /*: $ReadOnly<{file: ?string, ...}>*/) => {
+      customizeFrame: (frame: $ReadOnly<{file: ?string, ...}>) => {
         const collapse = Boolean(
-          frame.file && INTERNAL_CALLSITES_REGEX.test(frame.file),
+          frame.file != null && INTERNAL_CALLSITES_REGEX.test(frame.file),
         );
         return {collapse};
       },
@@ -88,10 +90,5 @@ function getDefaultConfig(
   // Set global hook so that the CLI can detect when this config has been loaded
   global.__REACT_NATIVE_METRO_CONFIG_LOADED = true;
 
-  return mergeConfig(
-    getBaseConfig.getDefaultValues(projectRoot),
-    config,
-  );
+  return mergeConfig(getBaseConfig.getDefaultValues(projectRoot), config);
 }
-
-module.exports = {getDefaultConfig, mergeConfig};
diff --git a/packages/metro-config/src/index.js b/packages/metro-config/src/index.js
new file mode 100644
index 00000000000000..b1cd97b5d4555d
--- /dev/null
+++ b/packages/metro-config/src/index.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+/*::
+export type * from './index.flow';
+*/
+
+if (!process.env.BUILD_EXCLUDE_BABEL_REGISTER) {
+  require('../../../scripts/build/babel-register').registerForMonorepo();
+}
+
+export * from './index.flow';
diff --git a/packages/normalize-color/package.json b/packages/normalize-color/package.json
index e431c60b4d363f..c489d39b87bc80 100644
--- a/packages/normalize-color/package.json
+++ b/packages/normalize-color/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/normalize-colors",
-  "version": "0.73.0",
+  "version": "0.74.1",
   "description": "Color normalization for React Native.",
   "license": "MIT",
   "repository": {
@@ -15,8 +15,5 @@
     "normalize-colors",
     "react-native"
   ],
-  "bugs": "https://github.com/facebook/react-native/issues",
-  "engines": {
-    "node": ">=18"
-  }
+  "bugs": "https://github.com/facebook/react-native/issues"
 }
diff --git a/packages/polyfills/package.json b/packages/polyfills/package.json
index 432aa57988f00b..cadebf8191e007 100644
--- a/packages/polyfills/package.json
+++ b/packages/polyfills/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/js-polyfills",
-  "version": "0.73.0",
+  "version": "0.74.0",
   "description": "Polyfills for React Native.",
   "license": "MIT",
   "repository": {
diff --git a/packages/react-native-babel-preset/package.json b/packages/react-native-babel-preset/package.json
index 2e6dbc5985cf58..74a6f1df7c917d 100644
--- a/packages/react-native-babel-preset/package.json
+++ b/packages/react-native-babel-preset/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/babel-preset",
-  "version": "0.73.16",
+  "version": "0.74.0",
   "description": "Babel preset for React Native applications",
   "main": "src/index.js",
   "repository": {
@@ -18,6 +18,7 @@
     "@babel/plugin-proposal-async-generator-functions": "^7.0.0",
     "@babel/plugin-proposal-class-properties": "^7.18.0",
     "@babel/plugin-proposal-export-default-from": "^7.0.0",
+    "@babel/plugin-proposal-logical-assignment-operators": "^7.18.0",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.18.0",
     "@babel/plugin-proposal-numeric-separator": "^7.0.0",
     "@babel/plugin-proposal-object-rest-spread": "^7.20.0",
@@ -53,7 +54,7 @@
     "@babel/plugin-transform-typescript": "^7.5.0",
     "@babel/plugin-transform-unicode-regex": "^7.0.0",
     "@babel/template": "^7.0.0",
-    "@react-native/babel-plugin-codegen": "*",
+    "@react-native/babel-plugin-codegen": "0.74.0",
     "babel-plugin-transform-flow-enums": "^0.0.2",
     "react-refresh": "^0.14.0"
   },
diff --git a/packages/react-native-babel-preset/src/configs/main.js b/packages/react-native-babel-preset/src/configs/main.js
index e921b1b15eab13..4a483730e8ab6d 100644
--- a/packages/react-native-babel-preset/src/configs/main.js
+++ b/packages/react-native-babel-preset/src/configs/main.js
@@ -147,6 +147,18 @@ const getPreset = (src, options) => {
       {loose: true},
     ]);
   }
+  if (
+    !isHermes &&
+    (isNull ||
+      src.indexOf('??=') !== -1 ||
+      src.indexOf('||=') !== -1 ||
+      src.indexOf('&&=') !== -1)
+  ) {
+    extraPlugins.push([
+      require('@babel/plugin-proposal-logical-assignment-operators'),
+      {loose: true},
+    ]);
+  }
 
   if (options && options.dev && !options.useTransformReactJSXExperimental) {
     extraPlugins.push([require('@babel/plugin-transform-react-jsx-source')]);
diff --git a/packages/react-native-babel-transformer/package.json b/packages/react-native-babel-transformer/package.json
index 884eca256b1cd5..b78d79c643db84 100644
--- a/packages/react-native-babel-transformer/package.json
+++ b/packages/react-native-babel-transformer/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/metro-babel-transformer",
-  "version": "0.73.11",
+  "version": "0.74.0",
   "description": "Babel transformer for React Native applications.",
   "main": "src/index.js",
   "repository": {
@@ -16,8 +16,8 @@
   "license": "MIT",
   "dependencies": {
     "@babel/core": "^7.20.0",
-    "@react-native/babel-preset": "*",
-    "hermes-parser": "0.16.0",
+    "@react-native/babel-preset": "0.74.0",
+    "hermes-parser": "0.19.1",
     "nullthrows": "^1.1.1"
   },
   "peerDependencies": {
diff --git a/packages/react-native-babel-transformer/src/index.js b/packages/react-native-babel-transformer/src/index.js
index 80ed9cafba8559..b82be63b12fe45 100644
--- a/packages/react-native-babel-transformer/src/index.js
+++ b/packages/react-native-babel-transformer/src/index.js
@@ -24,9 +24,9 @@ import type {
 */
 
 const {parseSync, transformFromAstSync} = require('@babel/core');
+const makeHMRConfig = require('@react-native/babel-preset/src/configs/hmr');
 const crypto = require('crypto');
 const fs = require('fs');
-const makeHMRConfig = require('@react-native/babel-preset/src/configs/hmr');
 const nullthrows = require('nullthrows');
 const path = require('path');
 
diff --git a/packages/react-native-bots/dangerfile.js b/packages/react-native-bots/dangerfile.js
index 55994da24521a5..032a788e421402 100644
--- a/packages/react-native-bots/dangerfile.js
+++ b/packages/react-native-bots/dangerfile.js
@@ -9,9 +9,12 @@
 
 'use strict';
 
+/* eslint-disable lint/sort-imports */
+// The 'danger' package seems to have some side effects that make it unsafe
+// to reorder.
+
 const {danger, fail, /*message,*/ warn} = require('danger');
 const includes = require('lodash.includes');
-const eslint = require('@seadub/danger-plugin-eslint');
 const fetch = require('node-fetch');
 const {validate: validateChangelog} =
   require('@rnx-kit/rn-changelog-generator').default;
@@ -99,10 +102,6 @@ if (isMergeRefStable) {
   });
 }
 
-// Ensures that eslint is run from root folder and that it can find .eslintrc
-process.chdir('../../');
-eslint.default();
-
 // Wait for statuses and post a message if there are failures.
 async function handleStatuses() {
   const regex = /Test Suites: \d+ failed/;
@@ -182,4 +181,4 @@ async function handleStatuses() {
   }
 }
 
-handleStatuses();
+// handleStatuses();
diff --git a/packages/react-native-bots/package.json b/packages/react-native-bots/package.json
index fa577a5bc23636..1367d4a846473d 100644
--- a/packages/react-native-bots/package.json
+++ b/packages/react-native-bots/package.json
@@ -15,9 +15,7 @@
   },
   "devDependencies": {
     "@rnx-kit/rn-changelog-generator": "^0.4.0",
-    "@seadub/danger-plugin-eslint": "^3.0.2",
     "danger": "^11.2.1",
-    "eslint": "^8.19.0",
     "lodash.includes": "^4.3.0",
     "minimatch": "^3.0.5"
   },
diff --git a/packages/react-native-bots/report-bundle-size.js b/packages/react-native-bots/report-bundle-size.js
index 35d1f468c42343..411332cf26dadd 100644
--- a/packages/react-native-bots/report-bundle-size.js
+++ b/packages/react-native-bots/report-bundle-size.js
@@ -18,12 +18,12 @@ const {
   GITHUB_SHA,
 } = process.env;
 
-const fs = require('fs');
 const datastore = require('./datastore');
 const {
   createOrUpdateComment,
   validateEnvironment: validateEnvironmentForMakeComment,
 } = require('./make-comment');
+const fs = require('fs');
 
 /**
  * Generates and submits a comment. If this is run on the main or release branch, data is
diff --git a/packages/react-native-codegen-typescript-test/package.json b/packages/react-native-codegen-typescript-test/package.json
index 24f37ab65cf206..c170d4cedccc8e 100644
--- a/packages/react-native-codegen-typescript-test/package.json
+++ b/packages/react-native-codegen-typescript-test/package.json
@@ -19,7 +19,7 @@
     "prepare": "yarn run build"
   },
   "dependencies": {
-    "@react-native/codegen": "*"
+    "@react-native/codegen": "0.74.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/ArrayPropsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/ArrayPropsNativeComponent.js
index 95806046fae085..1b46fd1b88e410 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/ArrayPropsNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/ArrayPropsNativeComponent.js
@@ -8,21 +8,22 @@
  * @flow strict-local
  */
 
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
+import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheet';
 import type {
   DimensionValue,
   EdgeInsetsValue,
   PointValue,
 } from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
-import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheet';
-import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
 import type {
-  Int32,
   Float,
+  Int32,
   WithDefault,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/BooleanPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/BooleanPropNativeComponent.js
index f42d3ef33b45b3..31d27759683731 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/BooleanPropNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/BooleanPropNativeComponent.js
@@ -8,10 +8,11 @@
  * @flow strict-local
  */
 
-import type {WithDefault} from 'react-native/Libraries/Types/CodegenTypes';
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+import type {WithDefault} from 'react-native/Libraries/Types/CodegenTypes';
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/ColorPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/ColorPropNativeComponent.js
index a83dd75323a31b..09ad4baeee3644 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/ColorPropNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/ColorPropNativeComponent.js
@@ -8,10 +8,11 @@
  * @flow strict-local
  */
 
-import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheet';
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheet';
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/DimensionPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/DimensionPropNativeComponent.js
index 5cd34dd81a4ef7..4ca8fc37a2a3ca 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/DimensionPropNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/DimensionPropNativeComponent.js
@@ -8,10 +8,11 @@
  * @flow strict-local
  */
 
-import type {DimensionValue} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+import type {DimensionValue} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/EdgeInsetsPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/EdgeInsetsPropNativeComponent.js
index 08dba01767c5ef..95a70164755820 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/EdgeInsetsPropNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/EdgeInsetsPropNativeComponent.js
@@ -9,9 +9,10 @@
  */
 
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
 
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/EnumPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/EnumPropNativeComponent.js
index 121435c3054342..d4394e662e2464 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/EnumPropNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/EnumPropNativeComponent.js
@@ -8,10 +8,11 @@
  * @flow strict-local
  */
 
-import type {WithDefault} from 'react-native/Libraries/Types/CodegenTypes';
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+import type {WithDefault} from 'react-native/Libraries/Types/CodegenTypes';
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/EventNestedObjectPropsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/EventNestedObjectPropsNativeComponent.js
index 59086b66b855d1..8e0b0fc5d7c146 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/EventNestedObjectPropsNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/EventNestedObjectPropsNativeComponent.js
@@ -8,14 +8,15 @@
  * @flow strict-local
  */
 
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 import type {
-  Int32,
   BubblingEventHandler,
+  Int32,
   WithDefault,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
 type OnChangeEvent = $ReadOnly<{|
   location: {
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/EventPropsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/EventPropsNativeComponent.js
index 5b5d4a9cfeec72..4d414adbcebc41 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/EventPropsNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/EventPropsNativeComponent.js
@@ -8,16 +8,17 @@
  * @flow strict-local
  */
 
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 import type {
-  Int32,
-  Float,
   BubblingEventHandler,
   DirectEventHandler,
+  Float,
+  Int32,
   WithDefault,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
 type OnChangeEvent = $ReadOnly<{|
   value: boolean,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/FloatPropsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/FloatPropsNativeComponent.js
index db170d5961eeb8..1bd65ccd564d87 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/FloatPropsNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/FloatPropsNativeComponent.js
@@ -8,13 +8,14 @@
  * @flow strict-local
  */
 
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 import type {
-  WithDefault,
   Float,
+  WithDefault,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/ImagePropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/ImagePropNativeComponent.js
index 77f56799d8c511..8c08d112f70e15 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/ImagePropNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/ImagePropNativeComponent.js
@@ -8,11 +8,12 @@
  * @flow strict-local
  */
 
-import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
 
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/IntegerPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/IntegerPropNativeComponent.js
index cbffaa60174317..8f7400a8f0556c 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/IntegerPropNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/IntegerPropNativeComponent.js
@@ -8,13 +8,14 @@
  * @flow strict-local
  */
 
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 import type {
-  WithDefault,
   Int32,
+  WithDefault,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/InterfaceOnlyNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/InterfaceOnlyNativeComponent.js
index 4832d0608e72ef..8a5e39ce000a22 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/InterfaceOnlyNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/InterfaceOnlyNativeComponent.js
@@ -8,13 +8,14 @@
  * @flow strict-local
  */
 
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 import type {
   BubblingEventHandler,
   WithDefault,
 } from 'react-native/Libraries/Types/CodegenTypes';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/MixedPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/MixedPropNativeComponent.js
index 41169339f738c3..883ff8a398e1d4 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/MixedPropNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/MixedPropNativeComponent.js
@@ -9,10 +9,11 @@
  */
 
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 import type {UnsafeMixed} from 'react-native/Libraries/Types/CodegenTypes';
 
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
 
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/MultiNativePropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/MultiNativePropNativeComponent.js
index 3ff7f1f41041d2..af1b2fb1eba96f 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/MultiNativePropNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/MultiNativePropNativeComponent.js
@@ -8,12 +8,13 @@
  * @flow strict-local
  */
 
-import type {PointValue} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
-import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheet';
-import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheet';
+import type {PointValue} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/NoPropsNoEventsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/NoPropsNoEventsNativeComponent.js
index a8ba611ce93399..6ac37dda0ce92b 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/NoPropsNoEventsNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/NoPropsNoEventsNativeComponent.js
@@ -9,9 +9,10 @@
  */
 
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
+
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
 
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/ObjectPropsNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/ObjectPropsNativeComponent.js
index 09c518fc1a46ce..85ad5d590aeecf 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/ObjectPropsNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/ObjectPropsNativeComponent.js
@@ -10,15 +10,16 @@
 
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
 import type {ImageSource} from 'react-native/Libraries/Image/ImageSource';
-import type {PointValue} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
+import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheet';
+import type {PointValue} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
 import type {
-  Int32,
   Float,
+  Int32,
   WithDefault,
 } from 'react-native/Libraries/Types/CodegenTypes';
+
 import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
 type ObjectArrayPropType = $ReadOnly<{|
   array: $ReadOnlyArray<string>,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/PointPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/PointPropNativeComponent.js
index 7c27ce01958ae5..772e079c032c79 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/PointPropNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/PointPropNativeComponent.js
@@ -8,10 +8,11 @@
  * @flow strict-local
  */
 
-import type {PointValue} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+import type {PointValue} from 'react-native/Libraries/StyleSheet/StyleSheetTypes';
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/components/StringPropNativeComponent.js b/packages/react-native-codegen/e2e/__test_fixtures__/components/StringPropNativeComponent.js
index a34d17dab94c66..3246f622970ee0 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/components/StringPropNativeComponent.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/components/StringPropNativeComponent.js
@@ -8,10 +8,11 @@
  * @flow strict-local
  */
 
-import type {WithDefault} from 'react-native/Libraries/Types/CodegenTypes';
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
+import type {WithDefault} from 'react-native/Libraries/Types/CodegenTypes';
+
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeArrayTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeArrayTurboModule.js
index 5b7d621a65570b..c132fce4776b77 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeArrayTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeArrayTurboModule.js
@@ -9,6 +9,7 @@
  */
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 export type ArrayType = string;
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeBooleanTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeBooleanTurboModule.js
index a898b1302883e3..2eeae4e6c537ca 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeBooleanTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeBooleanTurboModule.js
@@ -9,6 +9,7 @@
  */
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 export type Boolean = boolean;
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeCallbackTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeCallbackTurboModule.js
index 71bb14cf72f823..5bac9222bebbfc 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeCallbackTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeCallbackTurboModule.js
@@ -9,6 +9,7 @@
  */
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 export type String = string;
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeEnumTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeEnumTurboModule.js
index 1dbeeec74d8ec2..1a24614fecdb85 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeEnumTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeEnumTurboModule.js
@@ -9,6 +9,7 @@
  */
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 export type StateType = {|
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNullableTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNullableTurboModule.js
index e56e0346ad1d9c..41b524a8681710 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNullableTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNullableTurboModule.js
@@ -9,6 +9,7 @@
  */
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNumberTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNumberTurboModule.js
index e47a31a2d3edeb..ac86df6b053f9a 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNumberTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeNumberTurboModule.js
@@ -9,6 +9,7 @@
  */
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 export type Number = number;
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeObjectTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeObjectTurboModule.js
index e3b2d5df8c5a7f..7dbc21c6c816fd 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeObjectTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeObjectTurboModule.js
@@ -9,6 +9,7 @@
  */
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 export type GenericObject = Object;
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeOptionalObjectTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeOptionalObjectTurboModule.js
index 692bd52ff73c3c..37d1a5c47cb4cd 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeOptionalObjectTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeOptionalObjectTurboModule.js
@@ -9,6 +9,7 @@
  */
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 export interface Spec extends TurboModule {
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativePartialAnnotationTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativePartialAnnotationTurboModule.js
index 42b15f68d47c35..3e01c1cc5edbe8 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativePartialAnnotationTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativePartialAnnotationTurboModule.js
@@ -11,6 +11,7 @@
 'use strict';
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 export type SomeObj = {|
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativePromiseTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativePromiseTurboModule.js
index 610b3bab899aba..023524505d6eb6 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativePromiseTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativePromiseTurboModule.js
@@ -9,6 +9,7 @@
  */
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 export type String = string;
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModule.js
index 12496b4ec75d7b..57871b1035a92a 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModule.js
@@ -12,6 +12,7 @@ import type {
   RootTag,
   TurboModule,
 } from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 type Animal = {|
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleArrays.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleArrays.js
index d320bd2fb338ba..940cc75fd8c5e0 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleArrays.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleArrays.js
@@ -12,6 +12,7 @@ import type {
   RootTag,
   TurboModule,
 } from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 type Animal = {|
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleNullable.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleNullable.js
index 2a736f08e9276e..a96b0ae731d8ac 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleNullable.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleNullable.js
@@ -12,6 +12,7 @@ import type {
   RootTag,
   TurboModule,
 } from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 type Animal = ?{|
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleNullableAndOptional.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleNullableAndOptional.js
index b8981a22ab2deb..fb5b66631f3d2a 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleNullableAndOptional.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleNullableAndOptional.js
@@ -12,6 +12,7 @@ import type {
   RootTag,
   TurboModule,
 } from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 type Animal = ?{|
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleOptional.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleOptional.js
index d1b56f98938814..820e99a5cad1b5 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleOptional.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeSampleTurboModuleOptional.js
@@ -12,6 +12,7 @@ import type {
   RootTag,
   TurboModule,
 } from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 type Animal = {|
diff --git a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeStringTurboModule.js b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeStringTurboModule.js
index b78372382b8270..810351eb1aad26 100644
--- a/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeStringTurboModule.js
+++ b/packages/react-native-codegen/e2e/__test_fixtures__/modules/NativeStringTurboModule.js
@@ -9,6 +9,7 @@
  */
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
+
 import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 
 export type String = string;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/GenerateComponentDescriptorH-test.js b/packages/react-native-codegen/e2e/__tests__/components/GenerateComponentDescriptorH-test.js
index 3e12f2afa956c4..8ddac9a7b8cde2 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/GenerateComponentDescriptorH-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/components/GenerateComponentDescriptorH-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
 const generator = require('../../../src/generators/components/GenerateComponentDescriptorH');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
@@ -25,7 +25,13 @@ fixtures.forEach(fixture => {
   it(`GenerateComponentDescriptorH can generate for '${fixture}'`, () => {
     const libName = 'RNCodegenModuleFixtures';
     const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
-    const output = generator.generate(libName, schema);
+    const output = generator.generate(
+      libName,
+      schema,
+      undefined,
+      false,
+      `react/renderer/components/${libName}/`,
+    );
     expect(Object.fromEntries(output)).toMatchSnapshot();
   });
 });
diff --git a/packages/react-native-codegen/e2e/__tests__/components/GenerateComponentHObjCpp-test.js b/packages/react-native-codegen/e2e/__tests__/components/GenerateComponentHObjCpp-test.js
index 50959ea33a805b..0fefa3b2c9880c 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/GenerateComponentHObjCpp-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/components/GenerateComponentHObjCpp-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
 const generator = require('../../../src/generators/components/GenerateComponentHObjCpp');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/GenerateEventEmitterCpp-test.js b/packages/react-native-codegen/e2e/__tests__/components/GenerateEventEmitterCpp-test.js
index 177ec1dccb9eb7..62976215b011e9 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/GenerateEventEmitterCpp-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/components/GenerateEventEmitterCpp-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
 const generator = require('../../../src/generators/components/GenerateEventEmitterCpp');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
@@ -25,7 +25,13 @@ fixtures.forEach(fixture => {
   it(`GenerateEventEmitterCpp can generate for '${fixture}'`, () => {
     const libName = 'RNCodegenModuleFixtures';
     const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
-    const output = generator.generate(libName, schema);
+    const output = generator.generate(
+      libName,
+      schema,
+      undefined,
+      false,
+      `react/renderer/components/${libName}/`,
+    );
     expect(Object.fromEntries(output)).toMatchSnapshot();
   });
 });
diff --git a/packages/react-native-codegen/e2e/__tests__/components/GenerateEventEmitterH-test.js b/packages/react-native-codegen/e2e/__tests__/components/GenerateEventEmitterH-test.js
index 962c57ef404160..2be17160bebac3 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/GenerateEventEmitterH-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/components/GenerateEventEmitterH-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
 const generator = require('../../../src/generators/components/GenerateEventEmitterH');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsCpp-test.js b/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsCpp-test.js
index b6d0f5e9792bb0..37af11c17d2eed 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsCpp-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsCpp-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
 const generator = require('../../../src/generators/components/GeneratePropsCpp');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
@@ -25,7 +25,13 @@ fixtures.forEach(fixture => {
   it(`GeneratePropsCpp can generate for '${fixture}'`, () => {
     const libName = 'RNCodegenModuleFixtures';
     const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
-    const output = generator.generate(libName, schema);
+    const output = generator.generate(
+      libName,
+      schema,
+      '',
+      false,
+      `react/renderer/components/${libName}/`,
+    );
     expect(Object.fromEntries(output)).toMatchSnapshot();
   });
 });
diff --git a/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsH-test.js b/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsH-test.js
index 6c60a966c3451c..41588ee3c02dbf 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsH-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsH-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
 const generator = require('../../../src/generators/components/GeneratePropsH');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsJavaDelegate-test.js b/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsJavaDelegate-test.js
index 3a3a2135cb221e..9384ad968ccc7f 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsJavaDelegate-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsJavaDelegate-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
 const generator = require('../../../src/generators/components/GeneratePropsJavaDelegate');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsJavaInterface-test.js b/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsJavaInterface-test.js
index 14a807fd02b4ef..1cc29a6b7ccb13 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsJavaInterface-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/components/GeneratePropsJavaInterface-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
 const generator = require('../../../src/generators/components/GeneratePropsJavaInterface');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/GenerateShadowNodeCpp-test.js b/packages/react-native-codegen/e2e/__tests__/components/GenerateShadowNodeCpp-test.js
index a7a766b1a56b62..6a5f508d901381 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/GenerateShadowNodeCpp-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/components/GenerateShadowNodeCpp-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
 const generator = require('../../../src/generators/components/GenerateShadowNodeCpp');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
@@ -24,7 +24,13 @@ fixtures.forEach(fixture => {
   it(`GenerateShadowNodeCpp can generate for '${fixture}'`, () => {
     const libName = 'RNCodegenModuleFixtures';
     const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
-    const output = generator.generate(libName, schema, undefined, false);
+    const output = generator.generate(
+      libName,
+      schema,
+      '',
+      false,
+      `react/renderer/components/${libName}/`,
+    );
     expect(Object.fromEntries(output)).toMatchSnapshot();
   });
 });
diff --git a/packages/react-native-codegen/e2e/__tests__/components/GenerateShadowNodeH-test.js b/packages/react-native-codegen/e2e/__tests__/components/GenerateShadowNodeH-test.js
index 87cc703a17aabd..543732fad46533 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/GenerateShadowNodeH-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/components/GenerateShadowNodeH-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
 const generator = require('../../../src/generators/components/GenerateShadowNodeH');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
@@ -24,7 +24,13 @@ fixtures.forEach(fixture => {
   it(`GenerateShadowNodeH can generate for '${fixture}'`, () => {
     const libName = 'RNCodegenModuleFixtures';
     const schema = parser.parseFile(`${FIXTURE_DIR}/${fixture}`);
-    const output = generator.generate(libName, schema, undefined, false);
+    const output = generator.generate(
+      libName,
+      schema,
+      '',
+      false,
+      `react/renderer/components/${libName}/`,
+    );
     expect(Object.fromEntries(output)).toMatchSnapshot();
   });
 });
diff --git a/packages/react-native-codegen/e2e/__tests__/components/GenerateViewConfigJs-test.js b/packages/react-native-codegen/e2e/__tests__/components/GenerateViewConfigJs-test.js
index 833866e473df09..a5ab0bb741517b 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/GenerateViewConfigJs-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/components/GenerateViewConfigJs-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
 const generator = require('../../../src/generators/components/GenerateViewConfigJs');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/components`;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateComponentDescriptorH-test.js.snap b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateComponentDescriptorH-test.js.snap
index 74f0e533357b01..46757e6c95c090 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateComponentDescriptorH-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateComponentDescriptorH-test.js.snap
@@ -16,14 +16,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ArrayPropsNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<ArrayPropsNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -44,14 +46,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using BooleanPropNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<BooleanPropNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -72,14 +76,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ColorPropNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<ColorPropNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -100,14 +106,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using DimensionPropNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<DimensionPropNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -128,14 +136,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using EdgeInsetsPropNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<EdgeInsetsPropNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -156,14 +166,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using EnumPropNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<EnumPropNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -184,14 +196,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using EventNestedObjectPropsNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<EventNestedObjectPropsNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -212,14 +226,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using EventPropsNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<EventPropsNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -240,14 +256,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using FloatPropsNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<FloatPropsNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -268,14 +286,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ImagePropNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<ImagePropNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -296,14 +316,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using IntegerPropNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<IntegerPropNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -324,14 +346,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
 
-namespace facebook {
-namespace react {
 
 
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -352,14 +376,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using MixedPropNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<MixedPropNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -380,14 +406,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using MultiNativePropNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<MultiNativePropNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -408,14 +436,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using NoPropsNoEventsNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<NoPropsNoEventsNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -436,14 +466,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ObjectPropsNativeComponentComponentDescriptor = ConcreteComponentDescriptor<ObjectPropsNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -464,14 +496,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using PointPropNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<PointPropNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -492,14 +526,16 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using StringPropNativeComponentViewComponentDescriptor = ConcreteComponentDescriptor<StringPropNativeComponentViewShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void RNCodegenModuleFixtures_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateEventEmitterCpp-test.js.snap b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateEventEmitterCpp-test.js.snap
index 433dcad81d4097..a53541759bf301 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateEventEmitterCpp-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateEventEmitterCpp-test.js.snap
@@ -15,11 +15,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -39,11 +37,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -63,11 +59,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -87,11 +81,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -111,11 +103,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -135,11 +125,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -159,8 +147,7 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 void EventNestedObjectPropsNativeComponentViewEventEmitter::onChange(OnChange $event) const {
   dispatchEvent(\\"change\\", [$event=std::move($event)](jsi::Runtime &runtime) {
@@ -180,8 +167,7 @@ void EventNestedObjectPropsNativeComponentViewEventEmitter::onChange(OnChange $e
   });
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -201,11 +187,10 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 void EventPropsNativeComponentViewEventEmitter::onChange(OnChange $event) const {
-  dispatchEvent(\\"change\\", [$event=std::move($event)](jsi::Runtime &runtime) {
+  dispatchEvent(\\"paperDirectName\\", [$event=std::move($event)](jsi::Runtime &runtime) {
     auto $payload = jsi::Object(runtime);
     $payload.setProperty(runtime, \\"value\\", $event.value);
 $payload.setProperty(runtime, \\"source\\", $event.source);
@@ -226,7 +211,7 @@ void EventPropsNativeComponentViewEventEmitter::onEventDirect(OnEventDirect $eve
 
 
 void EventPropsNativeComponentViewEventEmitter::onEventDirectWithPaperName(OnEventDirectWithPaperName $event) const {
-  dispatchEvent(\\"eventDirectWithPaperName\\", [$event=std::move($event)](jsi::Runtime &runtime) {
+  dispatchEvent(\\"paperDirectName\\", [$event=std::move($event)](jsi::Runtime &runtime) {
     auto $payload = jsi::Object(runtime);
     $payload.setProperty(runtime, \\"value\\", $event.value);
     return $payload;
@@ -235,7 +220,7 @@ void EventPropsNativeComponentViewEventEmitter::onEventDirectWithPaperName(OnEve
 
 
 void EventPropsNativeComponentViewEventEmitter::onOrientationChange(OnOrientationChange $event) const {
-  dispatchEvent(\\"orientationChange\\", [$event=std::move($event)](jsi::Runtime &runtime) {
+  dispatchEvent(\\"paperBubblingName\\", [$event=std::move($event)](jsi::Runtime &runtime) {
     auto $payload = jsi::Object(runtime);
     $payload.setProperty(runtime, \\"orientation\\", toString($event.orientation));
     return $payload;
@@ -253,15 +238,14 @@ void EventPropsNativeComponentViewEventEmitter::onEnd(OnEnd $event) const {
 
 
 void EventPropsNativeComponentViewEventEmitter::onEventBubblingWithPaperName(OnEventBubblingWithPaperName $event) const {
-  dispatchEvent(\\"eventBubblingWithPaperName\\", [](jsi::Runtime &runtime) {
+  dispatchEvent(\\"paperBubblingName\\", [](jsi::Runtime &runtime) {
     auto $payload = jsi::Object(runtime);
     
     return $payload;
   });
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -281,11 +265,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -305,11 +287,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -329,11 +309,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -353,8 +331,7 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 void InterfaceOnlyNativeComponentViewEventEmitter::onChange(OnChange $event) const {
   dispatchEvent(\\"change\\", [$event=std::move($event)](jsi::Runtime &runtime) {
@@ -364,8 +341,7 @@ void InterfaceOnlyNativeComponentViewEventEmitter::onChange(OnChange $event) con
   });
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -385,11 +361,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -409,11 +383,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -433,11 +405,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -457,11 +427,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -481,11 +449,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -505,11 +471,9 @@ Object {
 #include <react/renderer/components/RNCodegenModuleFixtures/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateEventEmitterH-test.js.snap b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateEventEmitterH-test.js.snap
index 57f16617fe96be..9ae54de91b3069 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateEventEmitterH-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateEventEmitterH-test.js.snap
@@ -16,8 +16,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ArrayPropsNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -25,8 +24,7 @@ class ArrayPropsNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -47,8 +45,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class BooleanPropNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -56,8 +53,7 @@ class BooleanPropNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -78,8 +74,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ColorPropNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -87,8 +82,7 @@ class ColorPropNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -109,8 +103,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class DimensionPropNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -118,8 +111,7 @@ class DimensionPropNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -140,8 +132,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class EdgeInsetsPropNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -149,8 +140,7 @@ class EdgeInsetsPropNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -171,8 +161,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class EnumPropNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -180,8 +169,7 @@ class EnumPropNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -202,8 +190,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class EventNestedObjectPropsNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -223,8 +210,7 @@ class EventNestedObjectPropsNativeComponentViewEventEmitter : public ViewEventEm
     };
   void onChange(OnChange value) const;
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -245,8 +231,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class EventPropsNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -301,8 +286,7 @@ class EventPropsNativeComponentViewEventEmitter : public ViewEventEmitter {
 
   void onEventBubblingWithPaperName(OnEventBubblingWithPaperName value) const;
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -323,8 +307,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class FloatPropsNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -332,8 +315,7 @@ class FloatPropsNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -354,8 +336,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ImagePropNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -363,8 +344,7 @@ class ImagePropNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -385,8 +365,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class IntegerPropNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -394,8 +373,7 @@ class IntegerPropNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -416,8 +394,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class InterfaceOnlyNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -427,8 +404,7 @@ class InterfaceOnlyNativeComponentViewEventEmitter : public ViewEventEmitter {
     };
   void onChange(OnChange value) const;
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -449,8 +425,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class MixedPropNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -458,8 +433,7 @@ class MixedPropNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -480,8 +454,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class MultiNativePropNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -489,8 +462,7 @@ class MultiNativePropNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -511,8 +483,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class NoPropsNoEventsNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -520,8 +491,7 @@ class NoPropsNoEventsNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -542,8 +512,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ObjectPropsNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -551,8 +520,7 @@ class ObjectPropsNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -573,8 +541,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class PointPropNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -582,8 +549,7 @@ class PointPropNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -604,8 +570,7 @@ Object {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class StringPropNativeComponentViewEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -613,8 +578,7 @@ class StringPropNativeComponentViewEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GeneratePropsCpp-test.js.snap b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GeneratePropsCpp-test.js.snap
index bcb7abfc4404e6..84ae14b514f519 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GeneratePropsCpp-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GeneratePropsCpp-test.js.snap
@@ -18,8 +18,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ArrayPropsNativeComponentViewProps::ArrayPropsNativeComponentViewProps(
     const PropsParserContext &context,
@@ -40,8 +39,7 @@ ArrayPropsNativeComponentViewProps::ArrayPropsNativeComponentViewProps(
     arrayOfObjects(convertRawProp(context, rawProps, \\"arrayOfObjects\\", sourceProps.arrayOfObjects, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -62,8 +60,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 BooleanPropNativeComponentViewProps::BooleanPropNativeComponentViewProps(
     const PropsParserContext &context,
@@ -74,8 +71,7 @@ BooleanPropNativeComponentViewProps::BooleanPropNativeComponentViewProps(
     disabledNullable(convertRawProp(context, rawProps, \\"disabledNullable\\", sourceProps.disabledNullable, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -96,8 +92,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ColorPropNativeComponentViewProps::ColorPropNativeComponentViewProps(
     const PropsParserContext &context,
@@ -107,8 +102,7 @@ ColorPropNativeComponentViewProps::ColorPropNativeComponentViewProps(
     tintColor(convertRawProp(context, rawProps, \\"tintColor\\", sourceProps.tintColor, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -130,8 +124,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 DimensionPropNativeComponentViewProps::DimensionPropNativeComponentViewProps(
     const PropsParserContext &context,
@@ -141,8 +134,7 @@ DimensionPropNativeComponentViewProps::DimensionPropNativeComponentViewProps(
     marginBack(convertRawProp(context, rawProps, \\"marginBack\\", sourceProps.marginBack, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -163,8 +155,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 EdgeInsetsPropNativeComponentViewProps::EdgeInsetsPropNativeComponentViewProps(
     const PropsParserContext &context,
@@ -174,8 +165,7 @@ EdgeInsetsPropNativeComponentViewProps::EdgeInsetsPropNativeComponentViewProps(
     
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -196,8 +186,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 EnumPropNativeComponentViewProps::EnumPropNativeComponentViewProps(
     const PropsParserContext &context,
@@ -208,8 +197,7 @@ EnumPropNativeComponentViewProps::EnumPropNativeComponentViewProps(
     intervals(convertRawProp(context, rawProps, \\"intervals\\", sourceProps.intervals, {EnumPropNativeComponentViewIntervals::Intervals0}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -230,8 +218,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 EventNestedObjectPropsNativeComponentViewProps::EventNestedObjectPropsNativeComponentViewProps(
     const PropsParserContext &context,
@@ -241,8 +228,7 @@ EventNestedObjectPropsNativeComponentViewProps::EventNestedObjectPropsNativeComp
     disabled(convertRawProp(context, rawProps, \\"disabled\\", sourceProps.disabled, {false}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -263,8 +249,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 EventPropsNativeComponentViewProps::EventPropsNativeComponentViewProps(
     const PropsParserContext &context,
@@ -274,8 +259,7 @@ EventPropsNativeComponentViewProps::EventPropsNativeComponentViewProps(
     disabled(convertRawProp(context, rawProps, \\"disabled\\", sourceProps.disabled, {false}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -296,8 +280,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 FloatPropsNativeComponentViewProps::FloatPropsNativeComponentViewProps(
     const PropsParserContext &context,
@@ -313,8 +296,7 @@ FloatPropsNativeComponentViewProps::FloatPropsNativeComponentViewProps(
     blurRadiusNullable(convertRawProp(context, rawProps, \\"blurRadiusNullable\\", sourceProps.blurRadiusNullable, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -336,8 +318,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ImagePropNativeComponentViewProps::ImagePropNativeComponentViewProps(
     const PropsParserContext &context,
@@ -347,8 +328,7 @@ ImagePropNativeComponentViewProps::ImagePropNativeComponentViewProps(
     thumbImage(convertRawProp(context, rawProps, \\"thumbImage\\", sourceProps.thumbImage, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -369,8 +349,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 IntegerPropNativeComponentViewProps::IntegerPropNativeComponentViewProps(
     const PropsParserContext &context,
@@ -382,8 +361,7 @@ IntegerPropNativeComponentViewProps::IntegerPropNativeComponentViewProps(
     progress3(convertRawProp(context, rawProps, \\"progress3\\", sourceProps.progress3, {10}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -404,8 +382,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 InterfaceOnlyNativeComponentViewProps::InterfaceOnlyNativeComponentViewProps(
     const PropsParserContext &context,
@@ -415,8 +392,7 @@ InterfaceOnlyNativeComponentViewProps::InterfaceOnlyNativeComponentViewProps(
     title(convertRawProp(context, rawProps, \\"title\\", sourceProps.title, {\\"\\"}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -438,8 +414,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 MixedPropNativeComponentViewProps::MixedPropNativeComponentViewProps(
     const PropsParserContext &context,
@@ -449,8 +424,7 @@ MixedPropNativeComponentViewProps::MixedPropNativeComponentViewProps(
     mixedProp(convertRawProp(context, rawProps, \\"mixedProp\\", sourceProps.mixedProp, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -472,8 +446,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 MultiNativePropNativeComponentViewProps::MultiNativePropNativeComponentViewProps(
     const PropsParserContext &context,
@@ -486,8 +459,7 @@ MultiNativePropNativeComponentViewProps::MultiNativePropNativeComponentViewProps
     point(convertRawProp(context, rawProps, \\"point\\", sourceProps.point, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -508,8 +480,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 NoPropsNoEventsNativeComponentViewProps::NoPropsNoEventsNativeComponentViewProps(
     const PropsParserContext &context,
@@ -519,8 +490,7 @@ NoPropsNoEventsNativeComponentViewProps::NoPropsNoEventsNativeComponentViewProps
     
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -542,8 +512,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ObjectPropsNativeComponentProps::ObjectPropsNativeComponentProps(
     const PropsParserContext &context,
@@ -555,8 +524,7 @@ ObjectPropsNativeComponentProps::ObjectPropsNativeComponentProps(
     objectPrimitiveRequiredProp(convertRawProp(context, rawProps, \\"objectPrimitiveRequiredProp\\", sourceProps.objectPrimitiveRequiredProp, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -577,8 +545,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 PointPropNativeComponentViewProps::PointPropNativeComponentViewProps(
     const PropsParserContext &context,
@@ -588,8 +555,7 @@ PointPropNativeComponentViewProps::PointPropNativeComponentViewProps(
     startPoint(convertRawProp(context, rawProps, \\"startPoint\\", sourceProps.startPoint, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -610,8 +576,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 StringPropNativeComponentViewProps::StringPropNativeComponentViewProps(
     const PropsParserContext &context,
@@ -622,8 +587,7 @@ StringPropNativeComponentViewProps::StringPropNativeComponentViewProps(
     defaultValue(convertRawProp(context, rawProps, \\"defaultValue\\", sourceProps.defaultValue, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GeneratePropsH-test.js.snap b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GeneratePropsH-test.js.snap
index 83866b74863dfb..aaf1c130eafba2 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GeneratePropsH-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GeneratePropsH-test.js.snap
@@ -24,8 +24,7 @@ Object {
 #include <vector>
 #include <yoga/Yoga.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ArrayPropsNativeComponentViewSizesMask = uint32_t;
 
@@ -161,8 +160,7 @@ class ArrayPropsNativeComponentViewProps final : public ViewProps {
   std::vector<ArrayPropsNativeComponentViewArrayOfObjectsStruct> arrayOfObjects{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -183,8 +181,7 @@ Object {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class BooleanPropNativeComponentViewProps final : public ViewProps {
  public:
@@ -197,8 +194,7 @@ class BooleanPropNativeComponentViewProps final : public ViewProps {
   bool disabledNullable{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -220,8 +216,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/graphics/Color.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ColorPropNativeComponentViewProps final : public ViewProps {
  public:
@@ -233,8 +228,7 @@ class ColorPropNativeComponentViewProps final : public ViewProps {
   SharedColor tintColor{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -256,8 +250,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <yoga/Yoga.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class DimensionPropNativeComponentViewProps final : public ViewProps {
  public:
@@ -269,8 +262,7 @@ class DimensionPropNativeComponentViewProps final : public ViewProps {
   YGValue marginBack{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -291,8 +283,7 @@ Object {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class EdgeInsetsPropNativeComponentViewProps final : public ViewProps {
  public:
@@ -304,8 +295,7 @@ class EdgeInsetsPropNativeComponentViewProps final : public ViewProps {
   
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -326,8 +316,7 @@ Object {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 enum class EnumPropNativeComponentViewAlignment { Top, Center, BottomRight };
 
@@ -388,8 +377,7 @@ class EnumPropNativeComponentViewProps final : public ViewProps {
   EnumPropNativeComponentViewIntervals intervals{EnumPropNativeComponentViewIntervals::Intervals0};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -410,8 +398,7 @@ Object {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class EventNestedObjectPropsNativeComponentViewProps final : public ViewProps {
  public:
@@ -423,8 +410,7 @@ class EventNestedObjectPropsNativeComponentViewProps final : public ViewProps {
   bool disabled{false};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -445,8 +431,7 @@ Object {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class EventPropsNativeComponentViewProps final : public ViewProps {
  public:
@@ -458,8 +443,7 @@ class EventPropsNativeComponentViewProps final : public ViewProps {
   bool disabled{false};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -480,8 +464,7 @@ Object {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class FloatPropsNativeComponentViewProps final : public ViewProps {
  public:
@@ -499,8 +482,7 @@ class FloatPropsNativeComponentViewProps final : public ViewProps {
   Float blurRadiusNullable{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -522,8 +504,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/imagemanager/primitives.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ImagePropNativeComponentViewProps final : public ViewProps {
  public:
@@ -535,8 +516,7 @@ class ImagePropNativeComponentViewProps final : public ViewProps {
   ImageSource thumbImage{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -557,8 +537,7 @@ Object {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class IntegerPropNativeComponentViewProps final : public ViewProps {
  public:
@@ -572,8 +551,7 @@ class IntegerPropNativeComponentViewProps final : public ViewProps {
   int progress3{10};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -594,8 +572,7 @@ Object {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class InterfaceOnlyNativeComponentViewProps final : public ViewProps {
  public:
@@ -607,8 +584,7 @@ class InterfaceOnlyNativeComponentViewProps final : public ViewProps {
   std::string title{\\"\\"};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -629,8 +605,7 @@ Object {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class MixedPropNativeComponentViewProps final : public ViewProps {
  public:
@@ -642,8 +617,7 @@ class MixedPropNativeComponentViewProps final : public ViewProps {
   folly::dynamic mixedProp{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -667,8 +641,7 @@ Object {
 #include <react/renderer/graphics/Point.h>
 #include <react/renderer/imagemanager/primitives.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class MultiNativePropNativeComponentViewProps final : public ViewProps {
  public:
@@ -683,8 +656,7 @@ class MultiNativePropNativeComponentViewProps final : public ViewProps {
   Point point{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -705,8 +677,7 @@ Object {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class NoPropsNoEventsNativeComponentViewProps final : public ViewProps {
  public:
@@ -718,8 +689,7 @@ class NoPropsNoEventsNativeComponentViewProps final : public ViewProps {
   
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -746,8 +716,7 @@ Object {
 #include <react/renderer/imagemanager/primitives.h>
 #include <vector>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 enum class ObjectPropsNativeComponentStringEnumProp { Small, Large };
 
@@ -883,8 +852,7 @@ class ObjectPropsNativeComponentProps final : public ViewProps {
   ObjectPropsNativeComponentObjectPrimitiveRequiredPropStruct objectPrimitiveRequiredProp{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -906,8 +874,7 @@ Object {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/graphics/Point.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class PointPropNativeComponentViewProps final : public ViewProps {
  public:
@@ -919,8 +886,7 @@ class PointPropNativeComponentViewProps final : public ViewProps {
   Point startPoint{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -941,8 +907,7 @@ Object {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class StringPropNativeComponentViewProps final : public ViewProps {
  public:
@@ -955,8 +920,7 @@ class StringPropNativeComponentViewProps final : public ViewProps {
   std::string defaultValue{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateShadowNodeCpp-test.js.snap b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateShadowNodeCpp-test.js.snap
index 224a02cc2ca754..71b984b27fe467 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateShadowNodeCpp-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateShadowNodeCpp-test.js.snap
@@ -14,13 +14,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ArrayPropsNativeComponentViewComponentName[] = \\"ArrayPropsNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -39,13 +37,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char BooleanPropNativeComponentViewComponentName[] = \\"BooleanPropNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -64,13 +60,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ColorPropNativeComponentViewComponentName[] = \\"ColorPropNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -89,13 +83,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char DimensionPropNativeComponentViewComponentName[] = \\"DimensionPropNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -114,13 +106,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char EdgeInsetsPropNativeComponentViewComponentName[] = \\"EdgeInsetsPropNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -139,13 +129,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char EnumPropNativeComponentViewComponentName[] = \\"EnumPropNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -164,13 +152,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char EventNestedObjectPropsNativeComponentViewComponentName[] = \\"EventNestedObjectPropsNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -189,13 +175,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char EventPropsNativeComponentViewComponentName[] = \\"EventPropsNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -214,13 +198,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char FloatPropsNativeComponentViewComponentName[] = \\"FloatPropsNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -239,13 +221,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ImagePropNativeComponentViewComponentName[] = \\"ImagePropNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -264,13 +244,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char IntegerPropNativeComponentViewComponentName[] = \\"IntegerPropNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -289,13 +267,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -314,13 +290,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char MixedPropNativeComponentViewComponentName[] = \\"MixedPropNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -339,13 +313,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char MultiNativePropNativeComponentViewComponentName[] = \\"MultiNativePropNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -364,13 +336,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char NoPropsNoEventsNativeComponentViewComponentName[] = \\"NoPropsNoEventsNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -389,13 +359,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ObjectPropsNativeComponentComponentName[] = \\"ObjectPropsNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -414,13 +382,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char PointPropNativeComponentViewComponentName[] = \\"PointPropNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -439,13 +405,11 @@ Object {
 
 #include <react/renderer/components/RNCodegenModuleFixtures/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char StringPropNativeComponentViewComponentName[] = \\"StringPropNativeComponentView\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateShadowNodeH-test.js.snap b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateShadowNodeH-test.js.snap
index d4d33cc34ad983..0d9839e13568ea 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateShadowNodeH-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateShadowNodeH-test.js.snap
@@ -20,8 +20,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ArrayPropsNativeComponentViewComponentName[];
 
@@ -34,8 +33,7 @@ using ArrayPropsNativeComponentViewShadowNode = ConcreteViewShadowNode<
     ArrayPropsNativeComponentViewEventEmitter,
     ArrayPropsNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -60,8 +58,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char BooleanPropNativeComponentViewComponentName[];
 
@@ -74,8 +71,7 @@ using BooleanPropNativeComponentViewShadowNode = ConcreteViewShadowNode<
     BooleanPropNativeComponentViewEventEmitter,
     BooleanPropNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -100,8 +96,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ColorPropNativeComponentViewComponentName[];
 
@@ -114,8 +109,7 @@ using ColorPropNativeComponentViewShadowNode = ConcreteViewShadowNode<
     ColorPropNativeComponentViewEventEmitter,
     ColorPropNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -140,8 +134,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char DimensionPropNativeComponentViewComponentName[];
 
@@ -154,8 +147,7 @@ using DimensionPropNativeComponentViewShadowNode = ConcreteViewShadowNode<
     DimensionPropNativeComponentViewEventEmitter,
     DimensionPropNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -180,8 +172,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char EdgeInsetsPropNativeComponentViewComponentName[];
 
@@ -194,8 +185,7 @@ using EdgeInsetsPropNativeComponentViewShadowNode = ConcreteViewShadowNode<
     EdgeInsetsPropNativeComponentViewEventEmitter,
     EdgeInsetsPropNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -220,8 +210,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char EnumPropNativeComponentViewComponentName[];
 
@@ -234,8 +223,7 @@ using EnumPropNativeComponentViewShadowNode = ConcreteViewShadowNode<
     EnumPropNativeComponentViewEventEmitter,
     EnumPropNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -260,8 +248,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char EventNestedObjectPropsNativeComponentViewComponentName[];
 
@@ -274,8 +261,7 @@ using EventNestedObjectPropsNativeComponentViewShadowNode = ConcreteViewShadowNo
     EventNestedObjectPropsNativeComponentViewEventEmitter,
     EventNestedObjectPropsNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -300,8 +286,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char EventPropsNativeComponentViewComponentName[];
 
@@ -314,8 +299,7 @@ using EventPropsNativeComponentViewShadowNode = ConcreteViewShadowNode<
     EventPropsNativeComponentViewEventEmitter,
     EventPropsNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -340,8 +324,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char FloatPropsNativeComponentViewComponentName[];
 
@@ -354,8 +337,7 @@ using FloatPropsNativeComponentViewShadowNode = ConcreteViewShadowNode<
     FloatPropsNativeComponentViewEventEmitter,
     FloatPropsNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -380,8 +362,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ImagePropNativeComponentViewComponentName[];
 
@@ -394,8 +375,7 @@ using ImagePropNativeComponentViewShadowNode = ConcreteViewShadowNode<
     ImagePropNativeComponentViewEventEmitter,
     ImagePropNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -420,8 +400,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char IntegerPropNativeComponentViewComponentName[];
 
@@ -434,8 +413,7 @@ using IntegerPropNativeComponentViewShadowNode = ConcreteViewShadowNode<
     IntegerPropNativeComponentViewEventEmitter,
     IntegerPropNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -460,13 +438,11 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -491,8 +467,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char MixedPropNativeComponentViewComponentName[];
 
@@ -505,8 +480,7 @@ using MixedPropNativeComponentViewShadowNode = ConcreteViewShadowNode<
     MixedPropNativeComponentViewEventEmitter,
     MixedPropNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -531,8 +505,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char MultiNativePropNativeComponentViewComponentName[];
 
@@ -545,8 +518,7 @@ using MultiNativePropNativeComponentViewShadowNode = ConcreteViewShadowNode<
     MultiNativePropNativeComponentViewEventEmitter,
     MultiNativePropNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -571,8 +543,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char NoPropsNoEventsNativeComponentViewComponentName[];
 
@@ -585,8 +556,7 @@ using NoPropsNoEventsNativeComponentViewShadowNode = ConcreteViewShadowNode<
     NoPropsNoEventsNativeComponentViewEventEmitter,
     NoPropsNoEventsNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -611,8 +581,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ObjectPropsNativeComponentComponentName[];
 
@@ -625,8 +594,7 @@ using ObjectPropsNativeComponentShadowNode = ConcreteViewShadowNode<
     ObjectPropsNativeComponentEventEmitter,
     ObjectPropsNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -651,8 +619,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char PointPropNativeComponentViewComponentName[];
 
@@ -665,8 +632,7 @@ using PointPropNativeComponentViewShadowNode = ConcreteViewShadowNode<
     PointPropNativeComponentViewEventEmitter,
     PointPropNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -691,8 +657,7 @@ Object {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char StringPropNativeComponentViewComponentName[];
 
@@ -705,8 +670,7 @@ using StringPropNativeComponentViewShadowNode = ConcreteViewShadowNode<
     StringPropNativeComponentViewEventEmitter,
     StringPropNativeComponentViewState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap
index fcfb25d973f431..d74bb73cc85ea4 100644
--- a/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/components/__snapshots__/GenerateViewConfigJs-test.js.snap
@@ -294,7 +294,7 @@ export const __INTERNAL_VIEW_CONFIG = {
   uiViewClassName: 'EventPropsNativeComponentView',
 
   bubblingEventTypes: {
-    paperDirectName: {
+    topPaperDirectName: {
       phasedRegistrationNames: {
         captured: 'onChangeCapture',
         bubbled: 'onChange',
@@ -308,7 +308,7 @@ export const __INTERNAL_VIEW_CONFIG = {
       },
     },
 
-    paperBubblingName: {
+    topPaperBubblingName: {
       phasedRegistrationNames: {
         captured: 'onEventBubblingWithPaperNameCapture',
         bubbled: 'onEventBubblingWithPaperName',
@@ -321,11 +321,11 @@ export const __INTERNAL_VIEW_CONFIG = {
       registrationName: 'onEventDirect',
     },
 
-    paperDirectName: {
+    topPaperDirectName: {
       registrationName: 'onEventDirectWithPaperName',
     },
 
-    paperBubblingName: {
+    topPaperBubblingName: {
       registrationName: 'onOrientationChange',
     },
   },
diff --git a/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleCpp-test.js b/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleCpp-test.js
index 662a8fd0ddb3db..b105c40966a68e 100644
--- a/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleCpp-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleCpp-test.js
@@ -11,12 +11,12 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
+import type {SchemaType} from '../../../src/CodegenSchema';
+
 const generator = require('../../../src/generators/modules/GenerateModuleCpp');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
-import type {SchemaType} from '../../../src/CodegenSchema';
-
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/modules`;
 
 const parser = new FlowParser();
diff --git a/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleH-test.js b/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleH-test.js
index 51b6c8e37b6769..ae9364936ecd78 100644
--- a/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleH-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleH-test.js
@@ -11,12 +11,12 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
+import type {SchemaType} from '../../../src/CodegenSchema';
+
 const generator = require('../../../src/generators/modules/GenerateModuleH');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
-import type {SchemaType} from '../../../src/CodegenSchema';
-
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/modules`;
 
 const parser = new FlowParser();
diff --git a/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleObjCpp-test.js b/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleObjCpp-test.js
index 9e043428607389..607afcf771bf2b 100644
--- a/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleObjCpp-test.js
+++ b/packages/react-native-codegen/e2e/__tests__/modules/GenerateModuleObjCpp-test.js
@@ -11,12 +11,12 @@
 
 'use strict';
 
-const {FlowParser} = require('../../../src/parsers/flow/parser');
+import type {SchemaType} from '../../../src/CodegenSchema';
+
 const generator = require('../../../src/generators/modules/GenerateModuleObjCpp');
+const {FlowParser} = require('../../../src/parsers/flow/parser');
 const fs = require('fs');
 
-import type {SchemaType} from '../../../src/CodegenSchema';
-
 const FIXTURE_DIR = `${__dirname}/../../__test_fixtures__/modules`;
 
 const parser = new FlowParser();
diff --git a/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleCpp-test.js.snap b/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleCpp-test.js.snap
index 34993ada7eac21..21946d6459940c 100644
--- a/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleCpp-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleCpp-test.js.snap
@@ -12,8 +12,7 @@ exports[`GenerateModuleCpp can generate a header file NativeModule specs with as
 
 #include \\"RNCodegenModuleFixturesJSI.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 static jsi::Value __hostFunction_NativeArrayTurboModuleCxxSpecJSI_getArray(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
   return static_cast<NativeArrayTurboModuleCxxSpecJSI *>(&turboModule)->getArray(
@@ -818,8 +817,7 @@ NativeStringTurboModuleCxxSpecJSI::NativeStringTurboModuleCxxSpecJSI(std::shared
 }
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 "
 `;
 
@@ -835,8 +833,7 @@ exports[`GenerateModuleCpp can generate an implementation file NativeModule spec
 
 #include \\"RNCodegenModuleFixturesJSI.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 static jsi::Value __hostFunction_NativeArrayTurboModuleCxxSpecJSI_getArray(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
   return static_cast<NativeArrayTurboModuleCxxSpecJSI *>(&turboModule)->getArray(
@@ -1641,7 +1638,6 @@ NativeStringTurboModuleCxxSpecJSI::NativeStringTurboModuleCxxSpecJSI(std::shared
 }
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 "
 `;
diff --git a/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleH-test.js.snap b/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleH-test.js.snap
index fb9a915712a977..5473654dc10cf0 100644
--- a/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleH-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleH-test.js.snap
@@ -15,8 +15,7 @@ exports[`GenerateModuleH can generate a header file NativeModule specs 1`] = `
 #include <ReactCommon/TurboModule.h>
 #include <react/bridging/Bridging.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
   class JSI_EXPORT NativeArrayTurboModuleCxxSpecJSI : public TurboModule {
@@ -42,7 +41,7 @@ public:
 protected:
   NativeArrayTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeArrayTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeArrayTurboModuleCxxSpecJSI {
@@ -105,7 +104,7 @@ public:
 protected:
   NativeBooleanTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeBooleanTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeBooleanTurboModuleCxxSpecJSI {
@@ -160,7 +159,7 @@ public:
 protected:
   NativeCallbackTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeCallbackTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeCallbackTurboModuleCxxSpecJSI {
@@ -195,7 +194,7 @@ private:
 
 #pragma mark - NativeEnumTurboModuleStatusRegularEnum
 
-enum NativeEnumTurboModuleStatusRegularEnum { Active, Paused, Off };
+enum class NativeEnumTurboModuleStatusRegularEnum { Active, Paused, Off };
 
 template <>
 struct Bridging<NativeEnumTurboModuleStatusRegularEnum> {
@@ -227,7 +226,7 @@ struct Bridging<NativeEnumTurboModuleStatusRegularEnum> {
 
 #pragma mark - NativeEnumTurboModuleStatusStrEnum
 
-enum NativeEnumTurboModuleStatusStrEnum { Active, Paused, Off };
+enum class NativeEnumTurboModuleStatusStrEnum { Active, Paused, Off };
 
 template <>
 struct Bridging<NativeEnumTurboModuleStatusStrEnum> {
@@ -259,7 +258,7 @@ struct Bridging<NativeEnumTurboModuleStatusStrEnum> {
 
 #pragma mark - NativeEnumTurboModuleStatusNumEnum
 
-enum NativeEnumTurboModuleStatusNumEnum { Active, Paused, Off };
+enum class NativeEnumTurboModuleStatusNumEnum { Active, Paused, Off };
 
 template <>
 struct Bridging<NativeEnumTurboModuleStatusNumEnum> {
@@ -291,7 +290,7 @@ struct Bridging<NativeEnumTurboModuleStatusNumEnum> {
 
 #pragma mark - NativeEnumTurboModuleStatusFractionEnum
 
-enum NativeEnumTurboModuleStatusFractionEnum { Active, Paused, Off };
+enum class NativeEnumTurboModuleStatusFractionEnum { Active, Paused, Off };
 
 template <>
 struct Bridging<NativeEnumTurboModuleStatusFractionEnum> {
@@ -324,7 +323,7 @@ struct Bridging<NativeEnumTurboModuleStatusFractionEnum> {
 #pragma mark - NativeEnumTurboModuleBaseStateType
 
 template <typename P0>
-struct NativeEnumTurboModuleBaseStateType {
+struct [[deprecated(\\"Use NativeEnumTurboModuleStateType instead.\\")]] NativeEnumTurboModuleBaseStateType {
   P0 state;
   bool operator==(const NativeEnumTurboModuleBaseStateType &other) const {
     return state == other.state;
@@ -332,7 +331,7 @@ struct NativeEnumTurboModuleBaseStateType {
 };
 
 template <typename P0>
-struct NativeEnumTurboModuleBaseStateTypeBridging {
+struct [[deprecated(\\"Use NativeEnumTurboModuleStateTypeBridging instead.\\")]] NativeEnumTurboModuleBaseStateTypeBridging {
   static NativeEnumTurboModuleBaseStateType<P0> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -363,7 +362,7 @@ struct NativeEnumTurboModuleBaseStateTypeBridging {
 #pragma mark - NativeEnumTurboModuleBaseStateTypeWithEnums
 
 template <typename P0, typename P1, typename P2, typename P3, typename P4>
-struct NativeEnumTurboModuleBaseStateTypeWithEnums {
+struct [[deprecated(\\"Use NativeEnumTurboModuleStateTypeWithEnums instead.\\")]] NativeEnumTurboModuleBaseStateTypeWithEnums {
   P0 state;
   P1 regular;
   P2 str;
@@ -375,7 +374,7 @@ struct NativeEnumTurboModuleBaseStateTypeWithEnums {
 };
 
 template <typename P0, typename P1, typename P2, typename P3, typename P4>
-struct NativeEnumTurboModuleBaseStateTypeWithEnumsBridging {
+struct [[deprecated(\\"Use NativeEnumTurboModuleStateTypeWithEnumsBridging instead.\\")]] NativeEnumTurboModuleBaseStateTypeWithEnumsBridging {
   static NativeEnumTurboModuleBaseStateTypeWithEnums<P0, P1, P2, P3, P4> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -402,11 +401,11 @@ struct NativeEnumTurboModuleBaseStateTypeWithEnumsBridging {
     return bridging::toJs(rt, value);
   }
 
-  static int numToJs(jsi::Runtime &rt, P3 value) {
+  static jsi::Value numToJs(jsi::Runtime &rt, P3 value) {
     return bridging::toJs(rt, value);
   }
 
-  static double fractionToJs(jsi::Runtime &rt, P4 value) {
+  static jsi::Value fractionToJs(jsi::Runtime &rt, P4 value) {
     return bridging::toJs(rt, value);
   }
 #endif
@@ -425,6 +424,115 @@ struct NativeEnumTurboModuleBaseStateTypeWithEnumsBridging {
   }
 };
 
+
+#pragma mark - NativeEnumTurboModuleStateType
+
+template <typename P0>
+struct NativeEnumTurboModuleStateType {
+  P0 state;
+  bool operator==(const NativeEnumTurboModuleStateType &other) const {
+    return state == other.state;
+  }
+};
+
+template <typename T>
+struct NativeEnumTurboModuleStateTypeBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.state)>(rt, value.getProperty(rt, \\"state\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String stateToJs(jsi::Runtime &rt, decltype(types.state) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"state\\", bridging::toJs(rt, value.state, jsInvoker));
+    return result;
+  }
+};
+
+
+
+#pragma mark - NativeEnumTurboModuleStateTypeWithEnums
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4>
+struct NativeEnumTurboModuleStateTypeWithEnums {
+  P0 state;
+  P1 regular;
+  P2 str;
+  P3 num;
+  P4 fraction;
+  bool operator==(const NativeEnumTurboModuleStateTypeWithEnums &other) const {
+    return state == other.state && regular == other.regular && str == other.str && num == other.num && fraction == other.fraction;
+  }
+};
+
+template <typename T>
+struct NativeEnumTurboModuleStateTypeWithEnumsBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.state)>(rt, value.getProperty(rt, \\"state\\"), jsInvoker),
+      bridging::fromJs<decltype(types.regular)>(rt, value.getProperty(rt, \\"regular\\"), jsInvoker),
+      bridging::fromJs<decltype(types.str)>(rt, value.getProperty(rt, \\"str\\"), jsInvoker),
+      bridging::fromJs<decltype(types.num)>(rt, value.getProperty(rt, \\"num\\"), jsInvoker),
+      bridging::fromJs<decltype(types.fraction)>(rt, value.getProperty(rt, \\"fraction\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String stateToJs(jsi::Runtime &rt, decltype(types.state) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String regularToJs(jsi::Runtime &rt, decltype(types.regular) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String strToJs(jsi::Runtime &rt, decltype(types.str) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Value numToJs(jsi::Runtime &rt, decltype(types.num) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Value fractionToJs(jsi::Runtime &rt, decltype(types.fraction) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"state\\", bridging::toJs(rt, value.state, jsInvoker));
+    result.setProperty(rt, \\"regular\\", bridging::toJs(rt, value.regular, jsInvoker));
+    result.setProperty(rt, \\"str\\", bridging::toJs(rt, value.str, jsInvoker));
+    result.setProperty(rt, \\"num\\", bridging::toJs(rt, value.num, jsInvoker));
+    result.setProperty(rt, \\"fraction\\", bridging::toJs(rt, value.fraction, jsInvoker));
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeEnumTurboModuleCxxSpecJSI : public TurboModule {
 protected:
   NativeEnumTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -432,9 +540,9 @@ protected:
 public:
   virtual jsi::String getStatusRegular(jsi::Runtime &rt, jsi::Object statusProp) = 0;
   virtual jsi::String getStatusStr(jsi::Runtime &rt, jsi::Object statusProp) = 0;
-  virtual int getStatusNum(jsi::Runtime &rt, jsi::Object statusProp) = 0;
-  virtual double getStatusFraction(jsi::Runtime &rt, jsi::Object statusProp) = 0;
-  virtual jsi::Object getStateType(jsi::Runtime &rt, jsi::String a, jsi::String b, int c, double d) = 0;
+  virtual jsi::Value getStatusNum(jsi::Runtime &rt, jsi::Object statusProp) = 0;
+  virtual jsi::Value getStatusFraction(jsi::Runtime &rt, jsi::Object statusProp) = 0;
+  virtual jsi::Object getStateType(jsi::Runtime &rt, jsi::String a, jsi::String b, jsi::Value c, jsi::Value d) = 0;
   virtual jsi::Object getStateTypeWithEnums(jsi::Runtime &rt, jsi::Object paramOfTypeWithEnums) = 0;
 
 };
@@ -451,7 +559,7 @@ public:
 protected:
   NativeEnumTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeEnumTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeEnumTurboModuleCxxSpecJSI {
@@ -475,23 +583,23 @@ private:
       return bridging::callFromJs<jsi::String>(
           rt, &T::getStatusStr, jsInvoker_, instance_, std::move(statusProp));
     }
-    int getStatusNum(jsi::Runtime &rt, jsi::Object statusProp) override {
+    jsi::Value getStatusNum(jsi::Runtime &rt, jsi::Object statusProp) override {
       static_assert(
           bridging::getParameterCount(&T::getStatusNum) == 2,
           \\"Expected getStatusNum(...) to have 2 parameters\\");
 
-      return bridging::callFromJs<int>(
+      return bridging::callFromJs<jsi::Value>(
           rt, &T::getStatusNum, jsInvoker_, instance_, std::move(statusProp));
     }
-    double getStatusFraction(jsi::Runtime &rt, jsi::Object statusProp) override {
+    jsi::Value getStatusFraction(jsi::Runtime &rt, jsi::Object statusProp) override {
       static_assert(
           bridging::getParameterCount(&T::getStatusFraction) == 2,
           \\"Expected getStatusFraction(...) to have 2 parameters\\");
 
-      return bridging::callFromJs<double>(
+      return bridging::callFromJs<jsi::Value>(
           rt, &T::getStatusFraction, jsInvoker_, instance_, std::move(statusProp));
     }
-    jsi::Object getStateType(jsi::Runtime &rt, jsi::String a, jsi::String b, int c, double d) override {
+    jsi::Object getStateType(jsi::Runtime &rt, jsi::String a, jsi::String b, jsi::Value c, jsi::Value d) override {
       static_assert(
           bridging::getParameterCount(&T::getStateType) == 5,
           \\"Expected getStateType(...) to have 5 parameters\\");
@@ -542,7 +650,7 @@ public:
 protected:
   NativeNullableTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeNullableTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeNullableTurboModuleCxxSpecJSI {
@@ -629,7 +737,7 @@ public:
 protected:
   NativeNumberTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeNumberTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeNumberTurboModuleCxxSpecJSI {
@@ -687,7 +795,7 @@ public:
 protected:
   NativeObjectTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeObjectTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeObjectTurboModuleCxxSpecJSI {
@@ -765,7 +873,7 @@ public:
 protected:
   NativeOptionalObjectTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeOptionalObjectTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeOptionalObjectTurboModuleCxxSpecJSI {
@@ -794,7 +902,7 @@ private:
 #pragma mark - NativePartialAnnotationTurboModuleBaseSomeObj
 
 template <typename P0, typename P1>
-struct NativePartialAnnotationTurboModuleBaseSomeObj {
+struct [[deprecated(\\"Use NativePartialAnnotationTurboModuleSomeObj instead.\\")]] NativePartialAnnotationTurboModuleBaseSomeObj {
   P0 a;
   P1 b;
   bool operator==(const NativePartialAnnotationTurboModuleBaseSomeObj &other) const {
@@ -803,7 +911,7 @@ struct NativePartialAnnotationTurboModuleBaseSomeObj {
 };
 
 template <typename P0, typename P1>
-struct NativePartialAnnotationTurboModuleBaseSomeObjBridging {
+struct [[deprecated(\\"Use NativePartialAnnotationTurboModuleSomeObjBridging instead.\\")]] NativePartialAnnotationTurboModuleBaseSomeObjBridging {
   static NativePartialAnnotationTurboModuleBaseSomeObj<P0, P1> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -837,6 +945,55 @@ struct NativePartialAnnotationTurboModuleBaseSomeObjBridging {
   }
 };
 
+
+#pragma mark - NativePartialAnnotationTurboModuleSomeObj
+
+template <typename P0, typename P1>
+struct NativePartialAnnotationTurboModuleSomeObj {
+  P0 a;
+  P1 b;
+  bool operator==(const NativePartialAnnotationTurboModuleSomeObj &other) const {
+    return a == other.a && b == other.b;
+  }
+};
+
+template <typename T>
+struct NativePartialAnnotationTurboModuleSomeObjBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.a)>(rt, value.getProperty(rt, \\"a\\"), jsInvoker),
+      bridging::fromJs<decltype(types.b)>(rt, value.getProperty(rt, \\"b\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String aToJs(jsi::Runtime &rt, decltype(types.a) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static bool bToJs(jsi::Runtime &rt, decltype(types.b) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"a\\", bridging::toJs(rt, value.a, jsInvoker));
+    if (value.b) {
+      result.setProperty(rt, \\"b\\", bridging::toJs(rt, value.b.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
 class JSI_EXPORT NativePartialAnnotationTurboModuleCxxSpecJSI : public TurboModule {
 protected:
   NativePartialAnnotationTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -861,7 +1018,7 @@ public:
 protected:
   NativePartialAnnotationTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativePartialAnnotationTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativePartialAnnotationTurboModuleCxxSpecJSI {
@@ -932,7 +1089,7 @@ public:
 protected:
   NativePromiseTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativePromiseTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativePromiseTurboModuleCxxSpecJSI {
@@ -969,7 +1126,7 @@ private:
 #pragma mark - SampleTurboModuleBaseAnimal
 
 template <typename P0>
-struct SampleTurboModuleBaseAnimal {
+struct [[deprecated(\\"Use SampleTurboModuleAnimal instead.\\")]] SampleTurboModuleBaseAnimal {
   P0 name;
   bool operator==(const SampleTurboModuleBaseAnimal &other) const {
     return name == other.name;
@@ -977,7 +1134,7 @@ struct SampleTurboModuleBaseAnimal {
 };
 
 template <typename P0>
-struct SampleTurboModuleBaseAnimalBridging {
+struct [[deprecated(\\"Use SampleTurboModuleAnimalBridging instead.\\")]] SampleTurboModuleBaseAnimalBridging {
   static SampleTurboModuleBaseAnimal<P0> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -1003,6 +1160,46 @@ struct SampleTurboModuleBaseAnimalBridging {
   }
 };
 
+
+#pragma mark - SampleTurboModuleAnimal
+
+template <typename P0>
+struct SampleTurboModuleAnimal {
+  P0 name;
+  bool operator==(const SampleTurboModuleAnimal &other) const {
+    return name == other.name;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleAnimalBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.name)>(rt, value.getProperty(rt, \\"name\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String nameToJs(jsi::Runtime &rt, decltype(types.name) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"name\\", bridging::toJs(rt, value.name, jsInvoker));
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
 protected:
   NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -1036,7 +1233,7 @@ public:
 protected:
   NativeSampleTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleCxxSpecJSI {
@@ -1161,7 +1358,7 @@ private:
 #pragma mark - SampleTurboModuleArraysBaseAnimal
 
 template <typename P0>
-struct SampleTurboModuleArraysBaseAnimal {
+struct [[deprecated(\\"Use SampleTurboModuleArraysAnimal instead.\\")]] SampleTurboModuleArraysBaseAnimal {
   P0 name;
   bool operator==(const SampleTurboModuleArraysBaseAnimal &other) const {
     return name == other.name;
@@ -1169,7 +1366,7 @@ struct SampleTurboModuleArraysBaseAnimal {
 };
 
 template <typename P0>
-struct SampleTurboModuleArraysBaseAnimalBridging {
+struct [[deprecated(\\"Use SampleTurboModuleArraysAnimalBridging instead.\\")]] SampleTurboModuleArraysBaseAnimalBridging {
   static SampleTurboModuleArraysBaseAnimal<P0> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -1195,6 +1392,46 @@ struct SampleTurboModuleArraysBaseAnimalBridging {
   }
 };
 
+
+#pragma mark - SampleTurboModuleArraysAnimal
+
+template <typename P0>
+struct SampleTurboModuleArraysAnimal {
+  P0 name;
+  bool operator==(const SampleTurboModuleArraysAnimal &other) const {
+    return name == other.name;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleArraysAnimalBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.name)>(rt, value.getProperty(rt, \\"name\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String nameToJs(jsi::Runtime &rt, decltype(types.name) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"name\\", bridging::toJs(rt, value.name, jsInvoker));
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeSampleTurboModuleArraysCxxSpecJSI : public TurboModule {
 protected:
   NativeSampleTurboModuleArraysCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -1228,7 +1465,7 @@ public:
 protected:
   NativeSampleTurboModuleArraysCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleArraysCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleArraysCxxSpecJSI {
@@ -1353,7 +1590,7 @@ private:
 #pragma mark - SampleTurboModuleNullableBaseAnimal
 
 template <typename P0>
-struct SampleTurboModuleNullableBaseAnimal {
+struct [[deprecated(\\"Use SampleTurboModuleNullableAnimal instead.\\")]] SampleTurboModuleNullableBaseAnimal {
   P0 name;
   bool operator==(const SampleTurboModuleNullableBaseAnimal &other) const {
     return name == other.name;
@@ -1361,7 +1598,7 @@ struct SampleTurboModuleNullableBaseAnimal {
 };
 
 template <typename P0>
-struct SampleTurboModuleNullableBaseAnimalBridging {
+struct [[deprecated(\\"Use SampleTurboModuleNullableAnimalBridging instead.\\")]] SampleTurboModuleNullableBaseAnimalBridging {
   static SampleTurboModuleNullableBaseAnimal<P0> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -1387,6 +1624,46 @@ struct SampleTurboModuleNullableBaseAnimalBridging {
   }
 };
 
+
+#pragma mark - SampleTurboModuleNullableAnimal
+
+template <typename P0>
+struct SampleTurboModuleNullableAnimal {
+  P0 name;
+  bool operator==(const SampleTurboModuleNullableAnimal &other) const {
+    return name == other.name;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleNullableAnimalBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.name)>(rt, value.getProperty(rt, \\"name\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static std::optional<jsi::String> nameToJs(jsi::Runtime &rt, decltype(types.name) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"name\\", bridging::toJs(rt, value.name, jsInvoker));
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeSampleTurboModuleNullableCxxSpecJSI : public TurboModule {
 protected:
   NativeSampleTurboModuleNullableCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -1420,7 +1697,7 @@ public:
 protected:
   NativeSampleTurboModuleNullableCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleNullableCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleNullableCxxSpecJSI {
@@ -1545,7 +1822,7 @@ private:
 #pragma mark - SampleTurboModuleNullableAndOptionalBaseAnimal
 
 template <typename P0>
-struct SampleTurboModuleNullableAndOptionalBaseAnimal {
+struct [[deprecated(\\"Use SampleTurboModuleNullableAndOptionalAnimal instead.\\")]] SampleTurboModuleNullableAndOptionalBaseAnimal {
   P0 name;
   bool operator==(const SampleTurboModuleNullableAndOptionalBaseAnimal &other) const {
     return name == other.name;
@@ -1553,7 +1830,7 @@ struct SampleTurboModuleNullableAndOptionalBaseAnimal {
 };
 
 template <typename P0>
-struct SampleTurboModuleNullableAndOptionalBaseAnimalBridging {
+struct [[deprecated(\\"Use SampleTurboModuleNullableAndOptionalAnimalBridging instead.\\")]] SampleTurboModuleNullableAndOptionalBaseAnimalBridging {
   static SampleTurboModuleNullableAndOptionalBaseAnimal<P0> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -1581,6 +1858,48 @@ struct SampleTurboModuleNullableAndOptionalBaseAnimalBridging {
   }
 };
 
+
+#pragma mark - SampleTurboModuleNullableAndOptionalAnimal
+
+template <typename P0>
+struct SampleTurboModuleNullableAndOptionalAnimal {
+  P0 name;
+  bool operator==(const SampleTurboModuleNullableAndOptionalAnimal &other) const {
+    return name == other.name;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleNullableAndOptionalAnimalBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.name)>(rt, value.getProperty(rt, \\"name\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static std::optional<jsi::String> nameToJs(jsi::Runtime &rt, decltype(types.name) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    if (value.name) {
+      result.setProperty(rt, \\"name\\", bridging::toJs(rt, value.name.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeSampleTurboModuleNullableAndOptionalCxxSpecJSI : public TurboModule {
 protected:
   NativeSampleTurboModuleNullableAndOptionalCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -1614,7 +1933,7 @@ public:
 protected:
   NativeSampleTurboModuleNullableAndOptionalCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleNullableAndOptionalCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleNullableAndOptionalCxxSpecJSI {
@@ -1739,7 +2058,7 @@ private:
 #pragma mark - SampleTurboModuleOptionalBaseAnimal
 
 template <typename P0>
-struct SampleTurboModuleOptionalBaseAnimal {
+struct [[deprecated(\\"Use SampleTurboModuleOptionalAnimal instead.\\")]] SampleTurboModuleOptionalBaseAnimal {
   P0 name;
   bool operator==(const SampleTurboModuleOptionalBaseAnimal &other) const {
     return name == other.name;
@@ -1747,7 +2066,7 @@ struct SampleTurboModuleOptionalBaseAnimal {
 };
 
 template <typename P0>
-struct SampleTurboModuleOptionalBaseAnimalBridging {
+struct [[deprecated(\\"Use SampleTurboModuleOptionalAnimalBridging instead.\\")]] SampleTurboModuleOptionalBaseAnimalBridging {
   static SampleTurboModuleOptionalBaseAnimal<P0> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -1775,6 +2094,48 @@ struct SampleTurboModuleOptionalBaseAnimalBridging {
   }
 };
 
+
+#pragma mark - SampleTurboModuleOptionalAnimal
+
+template <typename P0>
+struct SampleTurboModuleOptionalAnimal {
+  P0 name;
+  bool operator==(const SampleTurboModuleOptionalAnimal &other) const {
+    return name == other.name;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleOptionalAnimalBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.name)>(rt, value.getProperty(rt, \\"name\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String nameToJs(jsi::Runtime &rt, decltype(types.name) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    if (value.name) {
+      result.setProperty(rt, \\"name\\", bridging::toJs(rt, value.name.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeSampleTurboModuleOptionalCxxSpecJSI : public TurboModule {
 protected:
   NativeSampleTurboModuleOptionalCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -1808,7 +2169,7 @@ public:
 protected:
   NativeSampleTurboModuleOptionalCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleOptionalCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleOptionalCxxSpecJSI {
@@ -1951,7 +2312,7 @@ public:
 protected:
   NativeStringTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeStringTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeStringTurboModuleCxxSpecJSI {
@@ -1983,8 +2344,7 @@ private:
   Delegate delegate_;
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 "
 `;
 
@@ -2003,8 +2363,7 @@ exports[`GenerateModuleH can generate a header file NativeModule specs with assu
 #include <ReactCommon/TurboModule.h>
 #include <react/bridging/Bridging.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
   class JSI_EXPORT NativeArrayTurboModuleCxxSpecJSI : public TurboModule {
@@ -2030,7 +2389,7 @@ public:
 protected:
   NativeArrayTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeArrayTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeArrayTurboModuleCxxSpecJSI {
@@ -2093,7 +2452,7 @@ public:
 protected:
   NativeBooleanTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeBooleanTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeBooleanTurboModuleCxxSpecJSI {
@@ -2148,7 +2507,7 @@ public:
 protected:
   NativeCallbackTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeCallbackTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeCallbackTurboModuleCxxSpecJSI {
@@ -2183,7 +2542,7 @@ private:
 
 #pragma mark - NativeEnumTurboModuleStatusRegularEnum
 
-enum NativeEnumTurboModuleStatusRegularEnum { Active, Paused, Off };
+enum class NativeEnumTurboModuleStatusRegularEnum { Active, Paused, Off };
 
 template <>
 struct Bridging<NativeEnumTurboModuleStatusRegularEnum> {
@@ -2215,7 +2574,7 @@ struct Bridging<NativeEnumTurboModuleStatusRegularEnum> {
 
 #pragma mark - NativeEnumTurboModuleStatusStrEnum
 
-enum NativeEnumTurboModuleStatusStrEnum { Active, Paused, Off };
+enum class NativeEnumTurboModuleStatusStrEnum { Active, Paused, Off };
 
 template <>
 struct Bridging<NativeEnumTurboModuleStatusStrEnum> {
@@ -2247,7 +2606,7 @@ struct Bridging<NativeEnumTurboModuleStatusStrEnum> {
 
 #pragma mark - NativeEnumTurboModuleStatusNumEnum
 
-enum NativeEnumTurboModuleStatusNumEnum { Active, Paused, Off };
+enum class NativeEnumTurboModuleStatusNumEnum { Active, Paused, Off };
 
 template <>
 struct Bridging<NativeEnumTurboModuleStatusNumEnum> {
@@ -2279,7 +2638,7 @@ struct Bridging<NativeEnumTurboModuleStatusNumEnum> {
 
 #pragma mark - NativeEnumTurboModuleStatusFractionEnum
 
-enum NativeEnumTurboModuleStatusFractionEnum { Active, Paused, Off };
+enum class NativeEnumTurboModuleStatusFractionEnum { Active, Paused, Off };
 
 template <>
 struct Bridging<NativeEnumTurboModuleStatusFractionEnum> {
@@ -2296,49 +2655,156 @@ struct Bridging<NativeEnumTurboModuleStatusFractionEnum> {
     }
   }
 
-  static jsi::Value toJs(jsi::Runtime &rt, NativeEnumTurboModuleStatusFractionEnum value) {
-    if (value == NativeEnumTurboModuleStatusFractionEnum::Active) {
-      return bridging::toJs(rt, 0.2f);
-    } else if (value == NativeEnumTurboModuleStatusFractionEnum::Paused) {
-      return bridging::toJs(rt, 0.1f);
-    } else if (value == NativeEnumTurboModuleStatusFractionEnum::Off) {
-      return bridging::toJs(rt, 0f);
-    } else {
-      throw jsi::JSError(rt, \\"No appropriate enum member found for enum value\\");
-    }
+  static jsi::Value toJs(jsi::Runtime &rt, NativeEnumTurboModuleStatusFractionEnum value) {
+    if (value == NativeEnumTurboModuleStatusFractionEnum::Active) {
+      return bridging::toJs(rt, 0.2f);
+    } else if (value == NativeEnumTurboModuleStatusFractionEnum::Paused) {
+      return bridging::toJs(rt, 0.1f);
+    } else if (value == NativeEnumTurboModuleStatusFractionEnum::Off) {
+      return bridging::toJs(rt, 0f);
+    } else {
+      throw jsi::JSError(rt, \\"No appropriate enum member found for enum value\\");
+    }
+  }
+};
+  
+#pragma mark - NativeEnumTurboModuleBaseStateType
+
+template <typename P0>
+struct [[deprecated(\\"Use NativeEnumTurboModuleStateType instead.\\")]] NativeEnumTurboModuleBaseStateType {
+  P0 state;
+  bool operator==(const NativeEnumTurboModuleBaseStateType &other) const {
+    return state == other.state;
+  }
+};
+
+template <typename P0>
+struct [[deprecated(\\"Use NativeEnumTurboModuleStateTypeBridging instead.\\")]] NativeEnumTurboModuleBaseStateTypeBridging {
+  static NativeEnumTurboModuleBaseStateType<P0> fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    NativeEnumTurboModuleBaseStateType<P0> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"state\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String stateToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const NativeEnumTurboModuleBaseStateType<P0> &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"state\\", bridging::toJs(rt, value.state, jsInvoker));
+    return result;
+  }
+};
+
+
+
+#pragma mark - NativeEnumTurboModuleBaseStateTypeWithEnums
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4>
+struct [[deprecated(\\"Use NativeEnumTurboModuleStateTypeWithEnums instead.\\")]] NativeEnumTurboModuleBaseStateTypeWithEnums {
+  P0 state;
+  P1 regular;
+  P2 str;
+  P3 num;
+  P4 fraction;
+  bool operator==(const NativeEnumTurboModuleBaseStateTypeWithEnums &other) const {
+    return state == other.state && regular == other.regular && str == other.str && num == other.num && fraction == other.fraction;
+  }
+};
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4>
+struct [[deprecated(\\"Use NativeEnumTurboModuleStateTypeWithEnumsBridging instead.\\")]] NativeEnumTurboModuleBaseStateTypeWithEnumsBridging {
+  static NativeEnumTurboModuleBaseStateTypeWithEnums<P0, P1, P2, P3, P4> fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    NativeEnumTurboModuleBaseStateTypeWithEnums<P0, P1, P2, P3, P4> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"state\\"), jsInvoker),
+      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"regular\\"), jsInvoker),
+      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"str\\"), jsInvoker),
+      bridging::fromJs<P3>(rt, value.getProperty(rt, \\"num\\"), jsInvoker),
+      bridging::fromJs<P4>(rt, value.getProperty(rt, \\"fraction\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String stateToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String regularToJs(jsi::Runtime &rt, P1 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String strToJs(jsi::Runtime &rt, P2 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Value numToJs(jsi::Runtime &rt, P3 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Value fractionToJs(jsi::Runtime &rt, P4 value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const NativeEnumTurboModuleBaseStateTypeWithEnums<P0, P1, P2, P3, P4> &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"state\\", bridging::toJs(rt, value.state, jsInvoker));
+    result.setProperty(rt, \\"regular\\", bridging::toJs(rt, value.regular, jsInvoker));
+    result.setProperty(rt, \\"str\\", bridging::toJs(rt, value.str, jsInvoker));
+    result.setProperty(rt, \\"num\\", bridging::toJs(rt, value.num, jsInvoker));
+    result.setProperty(rt, \\"fraction\\", bridging::toJs(rt, value.fraction, jsInvoker));
+    return result;
   }
 };
-  
-#pragma mark - NativeEnumTurboModuleBaseStateType
+
+
+#pragma mark - NativeEnumTurboModuleStateType
 
 template <typename P0>
-struct NativeEnumTurboModuleBaseStateType {
+struct NativeEnumTurboModuleStateType {
   P0 state;
-  bool operator==(const NativeEnumTurboModuleBaseStateType &other) const {
+  bool operator==(const NativeEnumTurboModuleStateType &other) const {
     return state == other.state;
   }
 };
 
-template <typename P0>
-struct NativeEnumTurboModuleBaseStateTypeBridging {
-  static NativeEnumTurboModuleBaseStateType<P0> fromJs(
+template <typename T>
+struct NativeEnumTurboModuleStateTypeBridging {
+  static T types;
+
+  static T fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
-    NativeEnumTurboModuleBaseStateType<P0> result{
-      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"state\\"), jsInvoker)};
+    T result{
+      bridging::fromJs<decltype(types.state)>(rt, value.getProperty(rt, \\"state\\"), jsInvoker)};
     return result;
   }
 
 #ifdef DEBUG
-  static jsi::String stateToJs(jsi::Runtime &rt, P0 value) {
+  static jsi::String stateToJs(jsi::Runtime &rt, decltype(types.state) value) {
     return bridging::toJs(rt, value);
   }
 #endif
 
   static jsi::Object toJs(
       jsi::Runtime &rt,
-      const NativeEnumTurboModuleBaseStateType<P0> &value,
+      const T &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
     auto result = facebook::jsi::Object(rt);
     result.setProperty(rt, \\"state\\", bridging::toJs(rt, value.state, jsInvoker));
@@ -2348,60 +2814,62 @@ struct NativeEnumTurboModuleBaseStateTypeBridging {
 
 
 
-#pragma mark - NativeEnumTurboModuleBaseStateTypeWithEnums
+#pragma mark - NativeEnumTurboModuleStateTypeWithEnums
 
 template <typename P0, typename P1, typename P2, typename P3, typename P4>
-struct NativeEnumTurboModuleBaseStateTypeWithEnums {
+struct NativeEnumTurboModuleStateTypeWithEnums {
   P0 state;
   P1 regular;
   P2 str;
   P3 num;
   P4 fraction;
-  bool operator==(const NativeEnumTurboModuleBaseStateTypeWithEnums &other) const {
+  bool operator==(const NativeEnumTurboModuleStateTypeWithEnums &other) const {
     return state == other.state && regular == other.regular && str == other.str && num == other.num && fraction == other.fraction;
   }
 };
 
-template <typename P0, typename P1, typename P2, typename P3, typename P4>
-struct NativeEnumTurboModuleBaseStateTypeWithEnumsBridging {
-  static NativeEnumTurboModuleBaseStateTypeWithEnums<P0, P1, P2, P3, P4> fromJs(
+template <typename T>
+struct NativeEnumTurboModuleStateTypeWithEnumsBridging {
+  static T types;
+
+  static T fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
-    NativeEnumTurboModuleBaseStateTypeWithEnums<P0, P1, P2, P3, P4> result{
-      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"state\\"), jsInvoker),
-      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"regular\\"), jsInvoker),
-      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"str\\"), jsInvoker),
-      bridging::fromJs<P3>(rt, value.getProperty(rt, \\"num\\"), jsInvoker),
-      bridging::fromJs<P4>(rt, value.getProperty(rt, \\"fraction\\"), jsInvoker)};
+    T result{
+      bridging::fromJs<decltype(types.state)>(rt, value.getProperty(rt, \\"state\\"), jsInvoker),
+      bridging::fromJs<decltype(types.regular)>(rt, value.getProperty(rt, \\"regular\\"), jsInvoker),
+      bridging::fromJs<decltype(types.str)>(rt, value.getProperty(rt, \\"str\\"), jsInvoker),
+      bridging::fromJs<decltype(types.num)>(rt, value.getProperty(rt, \\"num\\"), jsInvoker),
+      bridging::fromJs<decltype(types.fraction)>(rt, value.getProperty(rt, \\"fraction\\"), jsInvoker)};
     return result;
   }
 
 #ifdef DEBUG
-  static jsi::String stateToJs(jsi::Runtime &rt, P0 value) {
+  static jsi::String stateToJs(jsi::Runtime &rt, decltype(types.state) value) {
     return bridging::toJs(rt, value);
   }
 
-  static jsi::String regularToJs(jsi::Runtime &rt, P1 value) {
+  static jsi::String regularToJs(jsi::Runtime &rt, decltype(types.regular) value) {
     return bridging::toJs(rt, value);
   }
 
-  static jsi::String strToJs(jsi::Runtime &rt, P2 value) {
+  static jsi::String strToJs(jsi::Runtime &rt, decltype(types.str) value) {
     return bridging::toJs(rt, value);
   }
 
-  static int numToJs(jsi::Runtime &rt, P3 value) {
+  static jsi::Value numToJs(jsi::Runtime &rt, decltype(types.num) value) {
     return bridging::toJs(rt, value);
   }
 
-  static double fractionToJs(jsi::Runtime &rt, P4 value) {
+  static jsi::Value fractionToJs(jsi::Runtime &rt, decltype(types.fraction) value) {
     return bridging::toJs(rt, value);
   }
 #endif
 
   static jsi::Object toJs(
       jsi::Runtime &rt,
-      const NativeEnumTurboModuleBaseStateTypeWithEnums<P0, P1, P2, P3, P4> &value,
+      const T &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
     auto result = facebook::jsi::Object(rt);
     result.setProperty(rt, \\"state\\", bridging::toJs(rt, value.state, jsInvoker));
@@ -2420,9 +2888,9 @@ protected:
 public:
   virtual jsi::String getStatusRegular(jsi::Runtime &rt, jsi::Object statusProp) = 0;
   virtual jsi::String getStatusStr(jsi::Runtime &rt, jsi::Object statusProp) = 0;
-  virtual int getStatusNum(jsi::Runtime &rt, jsi::Object statusProp) = 0;
-  virtual double getStatusFraction(jsi::Runtime &rt, jsi::Object statusProp) = 0;
-  virtual jsi::Object getStateType(jsi::Runtime &rt, jsi::String a, jsi::String b, int c, double d) = 0;
+  virtual jsi::Value getStatusNum(jsi::Runtime &rt, jsi::Object statusProp) = 0;
+  virtual jsi::Value getStatusFraction(jsi::Runtime &rt, jsi::Object statusProp) = 0;
+  virtual jsi::Object getStateType(jsi::Runtime &rt, jsi::String a, jsi::String b, jsi::Value c, jsi::Value d) = 0;
   virtual jsi::Object getStateTypeWithEnums(jsi::Runtime &rt, jsi::Object paramOfTypeWithEnums) = 0;
 
 };
@@ -2439,7 +2907,7 @@ public:
 protected:
   NativeEnumTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeEnumTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeEnumTurboModuleCxxSpecJSI {
@@ -2463,23 +2931,23 @@ private:
       return bridging::callFromJs<jsi::String>(
           rt, &T::getStatusStr, jsInvoker_, instance_, std::move(statusProp));
     }
-    int getStatusNum(jsi::Runtime &rt, jsi::Object statusProp) override {
+    jsi::Value getStatusNum(jsi::Runtime &rt, jsi::Object statusProp) override {
       static_assert(
           bridging::getParameterCount(&T::getStatusNum) == 2,
           \\"Expected getStatusNum(...) to have 2 parameters\\");
 
-      return bridging::callFromJs<int>(
+      return bridging::callFromJs<jsi::Value>(
           rt, &T::getStatusNum, jsInvoker_, instance_, std::move(statusProp));
     }
-    double getStatusFraction(jsi::Runtime &rt, jsi::Object statusProp) override {
+    jsi::Value getStatusFraction(jsi::Runtime &rt, jsi::Object statusProp) override {
       static_assert(
           bridging::getParameterCount(&T::getStatusFraction) == 2,
           \\"Expected getStatusFraction(...) to have 2 parameters\\");
 
-      return bridging::callFromJs<double>(
+      return bridging::callFromJs<jsi::Value>(
           rt, &T::getStatusFraction, jsInvoker_, instance_, std::move(statusProp));
     }
-    jsi::Object getStateType(jsi::Runtime &rt, jsi::String a, jsi::String b, int c, double d) override {
+    jsi::Object getStateType(jsi::Runtime &rt, jsi::String a, jsi::String b, jsi::Value c, jsi::Value d) override {
       static_assert(
           bridging::getParameterCount(&T::getStateType) == 5,
           \\"Expected getStateType(...) to have 5 parameters\\");
@@ -2530,7 +2998,7 @@ public:
 protected:
   NativeNullableTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeNullableTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeNullableTurboModuleCxxSpecJSI {
@@ -2617,7 +3085,7 @@ public:
 protected:
   NativeNumberTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeNumberTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeNumberTurboModuleCxxSpecJSI {
@@ -2675,7 +3143,7 @@ public:
 protected:
   NativeObjectTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeObjectTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeObjectTurboModuleCxxSpecJSI {
@@ -2753,7 +3221,7 @@ public:
 protected:
   NativeOptionalObjectTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeOptionalObjectTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeOptionalObjectTurboModuleCxxSpecJSI {
@@ -2782,7 +3250,7 @@ private:
 #pragma mark - NativePartialAnnotationTurboModuleBaseSomeObj
 
 template <typename P0, typename P1>
-struct NativePartialAnnotationTurboModuleBaseSomeObj {
+struct [[deprecated(\\"Use NativePartialAnnotationTurboModuleSomeObj instead.\\")]] NativePartialAnnotationTurboModuleBaseSomeObj {
   P0 a;
   P1 b;
   bool operator==(const NativePartialAnnotationTurboModuleBaseSomeObj &other) const {
@@ -2791,7 +3259,7 @@ struct NativePartialAnnotationTurboModuleBaseSomeObj {
 };
 
 template <typename P0, typename P1>
-struct NativePartialAnnotationTurboModuleBaseSomeObjBridging {
+struct [[deprecated(\\"Use NativePartialAnnotationTurboModuleSomeObjBridging instead.\\")]] NativePartialAnnotationTurboModuleBaseSomeObjBridging {
   static NativePartialAnnotationTurboModuleBaseSomeObj<P0, P1> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -2825,6 +3293,55 @@ struct NativePartialAnnotationTurboModuleBaseSomeObjBridging {
   }
 };
 
+
+#pragma mark - NativePartialAnnotationTurboModuleSomeObj
+
+template <typename P0, typename P1>
+struct NativePartialAnnotationTurboModuleSomeObj {
+  P0 a;
+  P1 b;
+  bool operator==(const NativePartialAnnotationTurboModuleSomeObj &other) const {
+    return a == other.a && b == other.b;
+  }
+};
+
+template <typename T>
+struct NativePartialAnnotationTurboModuleSomeObjBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.a)>(rt, value.getProperty(rt, \\"a\\"), jsInvoker),
+      bridging::fromJs<decltype(types.b)>(rt, value.getProperty(rt, \\"b\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String aToJs(jsi::Runtime &rt, decltype(types.a) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static bool bToJs(jsi::Runtime &rt, decltype(types.b) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"a\\", bridging::toJs(rt, value.a, jsInvoker));
+    if (value.b) {
+      result.setProperty(rt, \\"b\\", bridging::toJs(rt, value.b.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
 class JSI_EXPORT NativePartialAnnotationTurboModuleCxxSpecJSI : public TurboModule {
 protected:
   NativePartialAnnotationTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -2849,7 +3366,7 @@ public:
 protected:
   NativePartialAnnotationTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativePartialAnnotationTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativePartialAnnotationTurboModuleCxxSpecJSI {
@@ -2920,7 +3437,7 @@ public:
 protected:
   NativePromiseTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativePromiseTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativePromiseTurboModuleCxxSpecJSI {
@@ -2957,7 +3474,7 @@ private:
 #pragma mark - SampleTurboModuleBaseAnimal
 
 template <typename P0>
-struct SampleTurboModuleBaseAnimal {
+struct [[deprecated(\\"Use SampleTurboModuleAnimal instead.\\")]] SampleTurboModuleBaseAnimal {
   P0 name;
   bool operator==(const SampleTurboModuleBaseAnimal &other) const {
     return name == other.name;
@@ -2965,7 +3482,7 @@ struct SampleTurboModuleBaseAnimal {
 };
 
 template <typename P0>
-struct SampleTurboModuleBaseAnimalBridging {
+struct [[deprecated(\\"Use SampleTurboModuleAnimalBridging instead.\\")]] SampleTurboModuleBaseAnimalBridging {
   static SampleTurboModuleBaseAnimal<P0> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -2991,6 +3508,46 @@ struct SampleTurboModuleBaseAnimalBridging {
   }
 };
 
+
+#pragma mark - SampleTurboModuleAnimal
+
+template <typename P0>
+struct SampleTurboModuleAnimal {
+  P0 name;
+  bool operator==(const SampleTurboModuleAnimal &other) const {
+    return name == other.name;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleAnimalBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.name)>(rt, value.getProperty(rt, \\"name\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String nameToJs(jsi::Runtime &rt, decltype(types.name) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"name\\", bridging::toJs(rt, value.name, jsInvoker));
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
 protected:
   NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -3024,7 +3581,7 @@ public:
 protected:
   NativeSampleTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleCxxSpecJSI {
@@ -3149,7 +3706,7 @@ private:
 #pragma mark - SampleTurboModuleArraysBaseAnimal
 
 template <typename P0>
-struct SampleTurboModuleArraysBaseAnimal {
+struct [[deprecated(\\"Use SampleTurboModuleArraysAnimal instead.\\")]] SampleTurboModuleArraysBaseAnimal {
   P0 name;
   bool operator==(const SampleTurboModuleArraysBaseAnimal &other) const {
     return name == other.name;
@@ -3157,7 +3714,7 @@ struct SampleTurboModuleArraysBaseAnimal {
 };
 
 template <typename P0>
-struct SampleTurboModuleArraysBaseAnimalBridging {
+struct [[deprecated(\\"Use SampleTurboModuleArraysAnimalBridging instead.\\")]] SampleTurboModuleArraysBaseAnimalBridging {
   static SampleTurboModuleArraysBaseAnimal<P0> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -3183,6 +3740,46 @@ struct SampleTurboModuleArraysBaseAnimalBridging {
   }
 };
 
+
+#pragma mark - SampleTurboModuleArraysAnimal
+
+template <typename P0>
+struct SampleTurboModuleArraysAnimal {
+  P0 name;
+  bool operator==(const SampleTurboModuleArraysAnimal &other) const {
+    return name == other.name;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleArraysAnimalBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.name)>(rt, value.getProperty(rt, \\"name\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String nameToJs(jsi::Runtime &rt, decltype(types.name) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"name\\", bridging::toJs(rt, value.name, jsInvoker));
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeSampleTurboModuleArraysCxxSpecJSI : public TurboModule {
 protected:
   NativeSampleTurboModuleArraysCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -3216,7 +3813,7 @@ public:
 protected:
   NativeSampleTurboModuleArraysCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleArraysCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleArraysCxxSpecJSI {
@@ -3341,7 +3938,7 @@ private:
 #pragma mark - SampleTurboModuleNullableBaseAnimal
 
 template <typename P0>
-struct SampleTurboModuleNullableBaseAnimal {
+struct [[deprecated(\\"Use SampleTurboModuleNullableAnimal instead.\\")]] SampleTurboModuleNullableBaseAnimal {
   P0 name;
   bool operator==(const SampleTurboModuleNullableBaseAnimal &other) const {
     return name == other.name;
@@ -3349,7 +3946,7 @@ struct SampleTurboModuleNullableBaseAnimal {
 };
 
 template <typename P0>
-struct SampleTurboModuleNullableBaseAnimalBridging {
+struct [[deprecated(\\"Use SampleTurboModuleNullableAnimalBridging instead.\\")]] SampleTurboModuleNullableBaseAnimalBridging {
   static SampleTurboModuleNullableBaseAnimal<P0> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -3375,6 +3972,46 @@ struct SampleTurboModuleNullableBaseAnimalBridging {
   }
 };
 
+
+#pragma mark - SampleTurboModuleNullableAnimal
+
+template <typename P0>
+struct SampleTurboModuleNullableAnimal {
+  P0 name;
+  bool operator==(const SampleTurboModuleNullableAnimal &other) const {
+    return name == other.name;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleNullableAnimalBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.name)>(rt, value.getProperty(rt, \\"name\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static std::optional<jsi::String> nameToJs(jsi::Runtime &rt, decltype(types.name) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"name\\", bridging::toJs(rt, value.name, jsInvoker));
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeSampleTurboModuleNullableCxxSpecJSI : public TurboModule {
 protected:
   NativeSampleTurboModuleNullableCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -3408,7 +4045,7 @@ public:
 protected:
   NativeSampleTurboModuleNullableCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleNullableCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleNullableCxxSpecJSI {
@@ -3533,7 +4170,7 @@ private:
 #pragma mark - SampleTurboModuleNullableAndOptionalBaseAnimal
 
 template <typename P0>
-struct SampleTurboModuleNullableAndOptionalBaseAnimal {
+struct [[deprecated(\\"Use SampleTurboModuleNullableAndOptionalAnimal instead.\\")]] SampleTurboModuleNullableAndOptionalBaseAnimal {
   P0 name;
   bool operator==(const SampleTurboModuleNullableAndOptionalBaseAnimal &other) const {
     return name == other.name;
@@ -3541,7 +4178,7 @@ struct SampleTurboModuleNullableAndOptionalBaseAnimal {
 };
 
 template <typename P0>
-struct SampleTurboModuleNullableAndOptionalBaseAnimalBridging {
+struct [[deprecated(\\"Use SampleTurboModuleNullableAndOptionalAnimalBridging instead.\\")]] SampleTurboModuleNullableAndOptionalBaseAnimalBridging {
   static SampleTurboModuleNullableAndOptionalBaseAnimal<P0> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -3569,6 +4206,48 @@ struct SampleTurboModuleNullableAndOptionalBaseAnimalBridging {
   }
 };
 
+
+#pragma mark - SampleTurboModuleNullableAndOptionalAnimal
+
+template <typename P0>
+struct SampleTurboModuleNullableAndOptionalAnimal {
+  P0 name;
+  bool operator==(const SampleTurboModuleNullableAndOptionalAnimal &other) const {
+    return name == other.name;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleNullableAndOptionalAnimalBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.name)>(rt, value.getProperty(rt, \\"name\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static std::optional<jsi::String> nameToJs(jsi::Runtime &rt, decltype(types.name) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    if (value.name) {
+      result.setProperty(rt, \\"name\\", bridging::toJs(rt, value.name.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeSampleTurboModuleNullableAndOptionalCxxSpecJSI : public TurboModule {
 protected:
   NativeSampleTurboModuleNullableAndOptionalCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -3602,7 +4281,7 @@ public:
 protected:
   NativeSampleTurboModuleNullableAndOptionalCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleNullableAndOptionalCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleNullableAndOptionalCxxSpecJSI {
@@ -3727,7 +4406,7 @@ private:
 #pragma mark - SampleTurboModuleOptionalBaseAnimal
 
 template <typename P0>
-struct SampleTurboModuleOptionalBaseAnimal {
+struct [[deprecated(\\"Use SampleTurboModuleOptionalAnimal instead.\\")]] SampleTurboModuleOptionalBaseAnimal {
   P0 name;
   bool operator==(const SampleTurboModuleOptionalBaseAnimal &other) const {
     return name == other.name;
@@ -3735,7 +4414,7 @@ struct SampleTurboModuleOptionalBaseAnimal {
 };
 
 template <typename P0>
-struct SampleTurboModuleOptionalBaseAnimalBridging {
+struct [[deprecated(\\"Use SampleTurboModuleOptionalAnimalBridging instead.\\")]] SampleTurboModuleOptionalBaseAnimalBridging {
   static SampleTurboModuleOptionalBaseAnimal<P0> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -3763,6 +4442,48 @@ struct SampleTurboModuleOptionalBaseAnimalBridging {
   }
 };
 
+
+#pragma mark - SampleTurboModuleOptionalAnimal
+
+template <typename P0>
+struct SampleTurboModuleOptionalAnimal {
+  P0 name;
+  bool operator==(const SampleTurboModuleOptionalAnimal &other) const {
+    return name == other.name;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleOptionalAnimalBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.name)>(rt, value.getProperty(rt, \\"name\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String nameToJs(jsi::Runtime &rt, decltype(types.name) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    if (value.name) {
+      result.setProperty(rt, \\"name\\", bridging::toJs(rt, value.name.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeSampleTurboModuleOptionalCxxSpecJSI : public TurboModule {
 protected:
   NativeSampleTurboModuleOptionalCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -3796,7 +4517,7 @@ public:
 protected:
   NativeSampleTurboModuleOptionalCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleOptionalCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleOptionalCxxSpecJSI {
@@ -3939,7 +4660,7 @@ public:
 protected:
   NativeStringTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeStringTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeStringTurboModuleCxxSpecJSI {
@@ -3971,7 +4692,6 @@ private:
   Delegate delegate_;
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 "
 `;
diff --git a/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleObjCpp-test.js.snap b/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleObjCpp-test.js.snap
index a1238aa502e17b..a59e8e0a1d0a11 100644
--- a/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleObjCpp-test.js.snap
+++ b/packages/react-native-codegen/e2e/__tests__/modules/__snapshots__/GenerateModuleObjCpp-test.js.snap
@@ -37,17 +37,15 @@ exports[`GenerateModuleObjCpp can generate a header file NativeModule specs 1`]
                                          b:(NSArray *)b;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeArrayTurboModule'
-     */
-    class JSI_EXPORT NativeArrayTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeArrayTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeArrayTurboModule'
+   */
+  class JSI_EXPORT NativeArrayTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeArrayTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativeBooleanTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -55,17 +53,15 @@ namespace facebook {
 - (NSNumber *)getBooleanWithAlias:(BOOL)arg;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeBooleanTurboModule'
-     */
-    class JSI_EXPORT NativeBooleanTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeBooleanTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeBooleanTurboModule'
+   */
+  class JSI_EXPORT NativeBooleanTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeBooleanTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativeCallbackTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -73,17 +69,15 @@ namespace facebook {
 - (void)getValueWithCallbackWithAlias:(RCTResponseSenderBlock)c;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeCallbackTurboModule'
-     */
-    class JSI_EXPORT NativeCallbackTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeCallbackTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeCallbackTurboModule'
+   */
+  class JSI_EXPORT NativeCallbackTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeCallbackTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeEnumTurboModule {
     struct StateType {
@@ -131,17 +125,15 @@ namespace JS {
 - (NSDictionary *)getStateTypeWithEnums:(JS::NativeEnumTurboModule::StateTypeWithEnums &)paramOfTypeWithEnums;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeEnumTurboModule'
-     */
-    class JSI_EXPORT NativeEnumTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeEnumTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeEnumTurboModule'
+   */
+  class JSI_EXPORT NativeEnumTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeEnumTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativeNullableTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -154,17 +146,15 @@ namespace facebook {
                      reject:(RCTPromiseRejectBlock)reject;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeNullableTurboModule'
-     */
-    class JSI_EXPORT NativeNullableTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeNullableTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeNullableTurboModule'
+   */
+  class JSI_EXPORT NativeNullableTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeNullableTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativeNumberTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -172,17 +162,15 @@ namespace facebook {
 - (NSNumber *)getNumberWithAlias:(double)arg;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeNumberTurboModule'
-     */
-    class JSI_EXPORT NativeNumberTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeNumberTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeNumberTurboModule'
+   */
+  class JSI_EXPORT NativeNumberTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeNumberTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeObjectTurboModule {
     struct SpecDifficultObjectAE {
@@ -343,17 +331,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeObjectTurboModule::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeObjectTurboModule'
-     */
-    class JSI_EXPORT NativeObjectTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeObjectTurboModule'
+   */
+  class JSI_EXPORT NativeObjectTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeOptionalObjectTurboModule {
     struct ConstantsEEE {
@@ -448,7 +434,7 @@ namespace JS {
       struct Builder {
         struct Input {
           std::optional<bool> D;
-          id<NSObject> _Nullable  A;
+          id<NSObject> _Nullable A;
           std::optional<JS::NativeOptionalObjectTurboModule::ConstantsE::Builder> E;
           NSString *F;
         };
@@ -477,17 +463,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeOptionalObjectTurboModule::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeOptionalObjectTurboModule'
-     */
-    class JSI_EXPORT NativeOptionalObjectTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeOptionalObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeOptionalObjectTurboModule'
+   */
+  class JSI_EXPORT NativeOptionalObjectTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeOptionalObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativePartialAnnotationTurboModule {
     struct SpecGetSomeObjFromPartialSomeObjValue {
@@ -545,17 +529,15 @@ namespace JS {
                              value2:(JS::NativePartialAnnotationTurboModule::SpecGetPartialPartialValue2 &)value2;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativePartialAnnotationTurboModule'
-     */
-    class JSI_EXPORT NativePartialAnnotationTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativePartialAnnotationTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativePartialAnnotationTurboModule'
+   */
+  class JSI_EXPORT NativePartialAnnotationTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativePartialAnnotationTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativePromiseTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -567,17 +549,15 @@ namespace facebook {
                               reject:(RCTPromiseRejectBlock)reject;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativePromiseTurboModule'
-     */
-    class JSI_EXPORT NativePromiseTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativePromiseTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativePromiseTurboModule'
+   */
+  class JSI_EXPORT NativePromiseTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativePromiseTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeSampleTurboModule {
     struct SpecGetObjectShapeArg {
@@ -659,17 +639,15 @@ getValuegetValuegetValuegetValuegetValuey:(NSString *)getValuegetValuegetValuege
 - (facebook::react::ModuleConstants<JS::NativeSampleTurboModule::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModule'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModule'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeSampleTurboModuleArrays {
     struct ConstantsIdElement {
@@ -749,17 +727,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeSampleTurboModuleArrays::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModuleArrays'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleArraysSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleArraysSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModuleArrays'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleArraysSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleArraysSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeSampleTurboModuleNullable {
     struct SpecGetObjectShapeArg {
@@ -841,17 +817,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeSampleTurboModuleNullable::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModuleNullable'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleNullableSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleNullableSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModuleNullable'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleNullableSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleNullableSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeSampleTurboModuleNullableAndOptional {
     struct SpecGetObjectShapeArg {
@@ -933,17 +907,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeSampleTurboModuleNullableAndOptional::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModuleNullableAndOptional'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleNullableAndOptionalSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleNullableAndOptionalSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModuleNullableAndOptional'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleNullableAndOptionalSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleNullableAndOptionalSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeSampleTurboModuleOptional {
     struct SpecGetObjectShapeArg {
@@ -1025,17 +997,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeSampleTurboModuleOptional::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModuleOptional'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleOptionalSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleOptionalSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModuleOptional'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleOptionalSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleOptionalSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativeStringTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -1043,17 +1013,15 @@ namespace facebook {
 - (NSString *)getStringWithAlias:(NSString *)arg;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeStringTurboModule'
-     */
-    class JSI_EXPORT NativeStringTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeStringTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeStringTurboModule'
+   */
+  class JSI_EXPORT NativeStringTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeStringTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 
 
@@ -1415,17 +1383,15 @@ NS_ASSUME_NONNULL_BEGIN
                                          b:(NSArray *)b;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeArrayTurboModule'
-     */
-    class JSI_EXPORT NativeArrayTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeArrayTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeArrayTurboModule'
+   */
+  class JSI_EXPORT NativeArrayTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeArrayTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativeBooleanTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -1433,17 +1399,15 @@ namespace facebook {
 - (NSNumber *)getBooleanWithAlias:(BOOL)arg;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeBooleanTurboModule'
-     */
-    class JSI_EXPORT NativeBooleanTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeBooleanTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeBooleanTurboModule'
+   */
+  class JSI_EXPORT NativeBooleanTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeBooleanTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativeCallbackTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -1451,17 +1415,15 @@ namespace facebook {
 - (void)getValueWithCallbackWithAlias:(RCTResponseSenderBlock)c;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeCallbackTurboModule'
-     */
-    class JSI_EXPORT NativeCallbackTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeCallbackTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeCallbackTurboModule'
+   */
+  class JSI_EXPORT NativeCallbackTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeCallbackTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeEnumTurboModule {
     struct StateType {
@@ -1509,17 +1471,15 @@ namespace JS {
 - (NSDictionary *)getStateTypeWithEnums:(JS::NativeEnumTurboModule::StateTypeWithEnums &)paramOfTypeWithEnums;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeEnumTurboModule'
-     */
-    class JSI_EXPORT NativeEnumTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeEnumTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeEnumTurboModule'
+   */
+  class JSI_EXPORT NativeEnumTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeEnumTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativeNullableTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -1532,17 +1492,15 @@ namespace facebook {
                      reject:(RCTPromiseRejectBlock)reject;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeNullableTurboModule'
-     */
-    class JSI_EXPORT NativeNullableTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeNullableTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeNullableTurboModule'
+   */
+  class JSI_EXPORT NativeNullableTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeNullableTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativeNumberTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -1550,17 +1508,15 @@ namespace facebook {
 - (NSNumber *)getNumberWithAlias:(double)arg;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeNumberTurboModule'
-     */
-    class JSI_EXPORT NativeNumberTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeNumberTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeNumberTurboModule'
+   */
+  class JSI_EXPORT NativeNumberTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeNumberTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeObjectTurboModule {
     struct SpecDifficultObjectAE {
@@ -1721,17 +1677,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeObjectTurboModule::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeObjectTurboModule'
-     */
-    class JSI_EXPORT NativeObjectTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeObjectTurboModule'
+   */
+  class JSI_EXPORT NativeObjectTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeOptionalObjectTurboModule {
     struct ConstantsEEE {
@@ -1826,7 +1780,7 @@ namespace JS {
       struct Builder {
         struct Input {
           std::optional<bool> D;
-          id<NSObject> _Nullable  A;
+          id<NSObject> _Nullable A;
           std::optional<JS::NativeOptionalObjectTurboModule::ConstantsE::Builder> E;
           NSString *F;
         };
@@ -1855,17 +1809,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeOptionalObjectTurboModule::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeOptionalObjectTurboModule'
-     */
-    class JSI_EXPORT NativeOptionalObjectTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeOptionalObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeOptionalObjectTurboModule'
+   */
+  class JSI_EXPORT NativeOptionalObjectTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeOptionalObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativePartialAnnotationTurboModule {
     struct SpecGetSomeObjFromPartialSomeObjValue {
@@ -1923,17 +1875,15 @@ namespace JS {
                              value2:(JS::NativePartialAnnotationTurboModule::SpecGetPartialPartialValue2 &)value2;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativePartialAnnotationTurboModule'
-     */
-    class JSI_EXPORT NativePartialAnnotationTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativePartialAnnotationTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativePartialAnnotationTurboModule'
+   */
+  class JSI_EXPORT NativePartialAnnotationTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativePartialAnnotationTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativePromiseTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -1945,17 +1895,15 @@ namespace facebook {
                               reject:(RCTPromiseRejectBlock)reject;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativePromiseTurboModule'
-     */
-    class JSI_EXPORT NativePromiseTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativePromiseTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativePromiseTurboModule'
+   */
+  class JSI_EXPORT NativePromiseTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativePromiseTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeSampleTurboModule {
     struct SpecGetObjectShapeArg {
@@ -2037,17 +1985,15 @@ getValuegetValuegetValuegetValuegetValuey:(NSString *)getValuegetValuegetValuege
 - (facebook::react::ModuleConstants<JS::NativeSampleTurboModule::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModule'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModule'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeSampleTurboModuleArrays {
     struct ConstantsIdElement {
@@ -2127,17 +2073,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeSampleTurboModuleArrays::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModuleArrays'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleArraysSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleArraysSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModuleArrays'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleArraysSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleArraysSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeSampleTurboModuleNullable {
     struct SpecGetObjectShapeArg {
@@ -2219,17 +2163,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeSampleTurboModuleNullable::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModuleNullable'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleNullableSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleNullableSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModuleNullable'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleNullableSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleNullableSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeSampleTurboModuleNullableAndOptional {
     struct SpecGetObjectShapeArg {
@@ -2311,17 +2253,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeSampleTurboModuleNullableAndOptional::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModuleNullableAndOptional'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleNullableAndOptionalSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleNullableAndOptionalSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModuleNullableAndOptional'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleNullableAndOptionalSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleNullableAndOptionalSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeSampleTurboModuleOptional {
     struct SpecGetObjectShapeArg {
@@ -2403,17 +2343,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeSampleTurboModuleOptional::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModuleOptional'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleOptionalSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleOptionalSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModuleOptional'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleOptionalSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleOptionalSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativeStringTurboModuleSpec <RCTBridgeModule, RCTTurboModule>
 
@@ -2421,17 +2359,15 @@ namespace facebook {
 - (NSString *)getStringWithAlias:(NSString *)arg;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeStringTurboModule'
-     */
-    class JSI_EXPORT NativeStringTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeStringTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeStringTurboModule'
+   */
+  class JSI_EXPORT NativeStringTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeStringTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 
 
@@ -2772,9 +2708,8 @@ exports[`GenerateModuleObjCpp can generate an implementation file NativeModule s
 #import \\"RNCodegenModuleFixtures.h\\"
 
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeArrayTurboModuleSpecJSI_getArray(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ArrayKind, \\"getArray\\", @selector(getArray:), args, count);
     }
@@ -2787,9 +2722,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ArrayKind, \\"getArrayWithAlias\\", @selector(getArrayWithAlias:b:), args, count);
     }
 
-    NativeArrayTurboModuleSpecJSI::NativeArrayTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeArrayTurboModuleSpecJSI::NativeArrayTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getArray\\"] = MethodMetadata {1, __hostFunction_NativeArrayTurboModuleSpecJSI_getArray};
         
         
@@ -2798,13 +2733,11 @@ namespace facebook {
         
         methodMap_[\\"getArrayWithAlias\\"] = MethodMetadata {2, __hostFunction_NativeArrayTurboModuleSpecJSI_getArrayWithAlias};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeBooleanTurboModuleSpecJSI_getBoolean(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, BooleanKind, \\"getBoolean\\", @selector(getBoolean:), args, count);
     }
@@ -2813,21 +2746,19 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, BooleanKind, \\"getBooleanWithAlias\\", @selector(getBooleanWithAlias:), args, count);
     }
 
-    NativeBooleanTurboModuleSpecJSI::NativeBooleanTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeBooleanTurboModuleSpecJSI::NativeBooleanTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getBoolean\\"] = MethodMetadata {1, __hostFunction_NativeBooleanTurboModuleSpecJSI_getBoolean};
         
         
         methodMap_[\\"getBooleanWithAlias\\"] = MethodMetadata {1, __hostFunction_NativeBooleanTurboModuleSpecJSI_getBooleanWithAlias};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeCallbackTurboModuleSpecJSI_getValueWithCallback(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"getValueWithCallback\\", @selector(getValueWithCallback:), args, count);
     }
@@ -2836,17 +2767,16 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"getValueWithCallbackWithAlias\\", @selector(getValueWithCallbackWithAlias:), args, count);
     }
 
-    NativeCallbackTurboModuleSpecJSI::NativeCallbackTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeCallbackTurboModuleSpecJSI::NativeCallbackTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getValueWithCallback\\"] = MethodMetadata {1, __hostFunction_NativeCallbackTurboModuleSpecJSI_getValueWithCallback};
         
         
         methodMap_[\\"getValueWithCallbackWithAlias\\"] = MethodMetadata {1, __hostFunction_NativeCallbackTurboModuleSpecJSI_getValueWithCallbackWithAlias};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 @implementation RCTCxxConvert (NativeEnumTurboModule_StateType)
 + (RCTManagedPointer *)JS_NativeEnumTurboModule_StateType:(id)json
 {
@@ -2859,9 +2789,8 @@ namespace facebook {
   return facebook::react::managedPointer<JS::NativeEnumTurboModule::StateTypeWithEnums>(json);
 }
 @end
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeEnumTurboModuleSpecJSI_getStatusRegular(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, StringKind, \\"getStatusRegular\\", @selector(getStatusRegular:), args, count);
     }
@@ -2886,9 +2815,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getStateTypeWithEnums\\", @selector(getStateTypeWithEnums:), args, count);
     }
 
-    NativeEnumTurboModuleSpecJSI::NativeEnumTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeEnumTurboModuleSpecJSI::NativeEnumTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getStatusRegular\\"] = MethodMetadata {1, __hostFunction_NativeEnumTurboModuleSpecJSI_getStatusRegular};
         setMethodArgConversionSelector(@\\"getStatusRegular\\", 0, @\\"JS_NativeEnumTurboModule_StateType:\\");
         
@@ -2906,13 +2835,11 @@ namespace facebook {
         
         methodMap_[\\"getStateTypeWithEnums\\"] = MethodMetadata {1, __hostFunction_NativeEnumTurboModuleSpecJSI_getStateTypeWithEnums};
         setMethodArgConversionSelector(@\\"getStateTypeWithEnums\\", 0, @\\"JS_NativeEnumTurboModule_StateTypeWithEnums:\\");
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeNullableTurboModuleSpecJSI_getBool(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, BooleanKind, \\"getBool\\", @selector(getBool:), args, count);
     }
@@ -2937,9 +2864,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, \\"getValueWithPromise\\", @selector(getValueWithPromise:reject:), args, count);
     }
 
-    NativeNullableTurboModuleSpecJSI::NativeNullableTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeNullableTurboModuleSpecJSI::NativeNullableTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getBool\\"] = MethodMetadata {1, __hostFunction_NativeNullableTurboModuleSpecJSI_getBool};
         
         
@@ -2957,13 +2884,11 @@ namespace facebook {
         
         methodMap_[\\"getValueWithPromise\\"] = MethodMetadata {0, __hostFunction_NativeNullableTurboModuleSpecJSI_getValueWithPromise};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeNumberTurboModuleSpecJSI_getNumber(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, NumberKind, \\"getNumber\\", @selector(getNumber:), args, count);
     }
@@ -2972,17 +2897,16 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, NumberKind, \\"getNumberWithAlias\\", @selector(getNumberWithAlias:), args, count);
     }
 
-    NativeNumberTurboModuleSpecJSI::NativeNumberTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeNumberTurboModuleSpecJSI::NativeNumberTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getNumber\\"] = MethodMetadata {1, __hostFunction_NativeNumberTurboModuleSpecJSI_getNumber};
         
         
         methodMap_[\\"getNumberWithAlias\\"] = MethodMetadata {1, __hostFunction_NativeNumberTurboModuleSpecJSI_getNumberWithAlias};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 @implementation RCTCxxConvert (NativeObjectTurboModule_SpecDifficultObjectAE)
 + (RCTManagedPointer *)JS_NativeObjectTurboModule_SpecDifficultObjectAE:(id)json
 {
@@ -2995,9 +2919,8 @@ namespace facebook {
   return facebook::react::managedPointer<JS::NativeObjectTurboModule::SpecDifficultObjectA>(json);
 }
 @end
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeObjectTurboModuleSpecJSI_getGenericObject(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getGenericObject\\", @selector(getGenericObject:), args, count);
     }
@@ -3018,9 +2941,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getConstants\\", @selector(getConstants), args, count);
     }
 
-    NativeObjectTurboModuleSpecJSI::NativeObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeObjectTurboModuleSpecJSI::NativeObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getGenericObject\\"] = MethodMetadata {1, __hostFunction_NativeObjectTurboModuleSpecJSI_getGenericObject};
         
         
@@ -3035,25 +2958,22 @@ namespace facebook {
         
         methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeObjectTurboModuleSpecJSI_getConstants};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeOptionalObjectTurboModuleSpecJSI_getConstants(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getConstants\\", @selector(getConstants), args, count);
     }
 
-    NativeOptionalObjectTurboModuleSpecJSI::NativeOptionalObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeOptionalObjectTurboModuleSpecJSI::NativeOptionalObjectTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeOptionalObjectTurboModuleSpecJSI_getConstants};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 @implementation RCTCxxConvert (NativePartialAnnotationTurboModule_SpecGetSomeObjFromPartialSomeObjValue)
 + (RCTManagedPointer *)JS_NativePartialAnnotationTurboModule_SpecGetSomeObjFromPartialSomeObjValue:(id)json
 {
@@ -3072,9 +2992,8 @@ namespace facebook {
   return facebook::react::managedPointer<JS::NativePartialAnnotationTurboModule::SpecGetPartialPartialValue2>(json);
 }
 @end
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativePartialAnnotationTurboModuleSpecJSI_getSomeObj(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getSomeObj\\", @selector(getSomeObj), args, count);
     }
@@ -3091,9 +3010,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getPartialPartial\\", @selector(getPartialPartial:value2:), args, count);
     }
 
-    NativePartialAnnotationTurboModuleSpecJSI::NativePartialAnnotationTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativePartialAnnotationTurboModuleSpecJSI::NativePartialAnnotationTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getSomeObj\\"] = MethodMetadata {0, __hostFunction_NativePartialAnnotationTurboModuleSpecJSI_getSomeObj};
         
         
@@ -3106,13 +3025,11 @@ namespace facebook {
         methodMap_[\\"getPartialPartial\\"] = MethodMetadata {2, __hostFunction_NativePartialAnnotationTurboModuleSpecJSI_getPartialPartial};
         setMethodArgConversionSelector(@\\"getPartialPartial\\", 0, @\\"JS_NativePartialAnnotationTurboModule_SpecGetPartialPartialValue1:\\");
         setMethodArgConversionSelector(@\\"getPartialPartial\\", 1, @\\"JS_NativePartialAnnotationTurboModule_SpecGetPartialPartialValue2:\\");
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativePromiseTurboModuleSpecJSI_getValueWithPromise(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, \\"getValueWithPromise\\", @selector(getValueWithPromise:resolve:reject:), args, count);
     }
@@ -3121,17 +3038,16 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, \\"getValueWithPromiseWithAlias\\", @selector(getValueWithPromiseWithAlias:resolve:reject:), args, count);
     }
 
-    NativePromiseTurboModuleSpecJSI::NativePromiseTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativePromiseTurboModuleSpecJSI::NativePromiseTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getValueWithPromise\\"] = MethodMetadata {1, __hostFunction_NativePromiseTurboModuleSpecJSI_getValueWithPromise};
         
         
         methodMap_[\\"getValueWithPromiseWithAlias\\"] = MethodMetadata {1, __hostFunction_NativePromiseTurboModuleSpecJSI_getValueWithPromiseWithAlias};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 @implementation RCTCxxConvert (NativeSampleTurboModule_SpecGetObjectShapeArg)
 + (RCTManagedPointer *)JS_NativeSampleTurboModule_SpecGetObjectShapeArg:(id)json
 {
@@ -3144,9 +3060,8 @@ namespace facebook {
   return facebook::react::managedPointer<JS::NativeSampleTurboModule::Animal>(json);
 }
 @end
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
     }
@@ -3199,9 +3114,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getConstants\\", @selector(getConstants), args, count);
     }
 
-    NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc};
         
         
@@ -3240,13 +3155,11 @@ namespace facebook {
         
         methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_getConstants};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleArraysSpecJSI_voidFunc(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
     }
@@ -3299,9 +3212,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getConstants\\", @selector(getConstants), args, count);
     }
 
-    NativeSampleTurboModuleArraysSpecJSI::NativeSampleTurboModuleArraysSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeSampleTurboModuleArraysSpecJSI::NativeSampleTurboModuleArraysSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleArraysSpecJSI_voidFunc};
         
         
@@ -3340,9 +3253,8 @@ namespace facebook {
         
         methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleArraysSpecJSI_getConstants};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 @implementation RCTCxxConvert (NativeSampleTurboModuleNullable_SpecGetObjectShapeArg)
 + (RCTManagedPointer *)JS_NativeSampleTurboModuleNullable_SpecGetObjectShapeArg:(id)json
 {
@@ -3355,9 +3267,8 @@ namespace facebook {
   return facebook::react::managedPointer<JS::NativeSampleTurboModuleNullable::Animal>(json);
 }
 @end
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleNullableSpecJSI_voidFunc(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
     }
@@ -3410,9 +3321,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getConstants\\", @selector(getConstants), args, count);
     }
 
-    NativeSampleTurboModuleNullableSpecJSI::NativeSampleTurboModuleNullableSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeSampleTurboModuleNullableSpecJSI::NativeSampleTurboModuleNullableSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleNullableSpecJSI_voidFunc};
         
         
@@ -3451,9 +3362,8 @@ namespace facebook {
         
         methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleNullableSpecJSI_getConstants};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 @implementation RCTCxxConvert (NativeSampleTurboModuleNullableAndOptional_SpecGetObjectShapeArg)
 + (RCTManagedPointer *)JS_NativeSampleTurboModuleNullableAndOptional_SpecGetObjectShapeArg:(id)json
 {
@@ -3466,9 +3376,8 @@ namespace facebook {
   return facebook::react::managedPointer<JS::NativeSampleTurboModuleNullableAndOptional::Animal>(json);
 }
 @end
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleNullableAndOptionalSpecJSI_voidFunc(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
     }
@@ -3521,9 +3430,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getConstants\\", @selector(getConstants), args, count);
     }
 
-    NativeSampleTurboModuleNullableAndOptionalSpecJSI::NativeSampleTurboModuleNullableAndOptionalSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeSampleTurboModuleNullableAndOptionalSpecJSI::NativeSampleTurboModuleNullableAndOptionalSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleNullableAndOptionalSpecJSI_voidFunc};
         
         
@@ -3562,9 +3471,8 @@ namespace facebook {
         
         methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleNullableAndOptionalSpecJSI_getConstants};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 @implementation RCTCxxConvert (NativeSampleTurboModuleOptional_SpecGetObjectShapeArg)
 + (RCTManagedPointer *)JS_NativeSampleTurboModuleOptional_SpecGetObjectShapeArg:(id)json
 {
@@ -3577,9 +3485,8 @@ namespace facebook {
   return facebook::react::managedPointer<JS::NativeSampleTurboModuleOptional::Animal>(json);
 }
 @end
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleOptionalSpecJSI_voidFunc(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
     }
@@ -3632,9 +3539,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getConstants\\", @selector(getConstants), args, count);
     }
 
-    NativeSampleTurboModuleOptionalSpecJSI::NativeSampleTurboModuleOptionalSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeSampleTurboModuleOptionalSpecJSI::NativeSampleTurboModuleOptionalSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleOptionalSpecJSI_voidFunc};
         
         
@@ -3673,13 +3580,11 @@ namespace facebook {
         
         methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleOptionalSpecJSI_getConstants};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeStringTurboModuleSpecJSI_getString(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, StringKind, \\"getString\\", @selector(getString:), args, count);
     }
@@ -3688,16 +3593,15 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, StringKind, \\"getStringWithAlias\\", @selector(getStringWithAlias:), args, count);
     }
 
-    NativeStringTurboModuleSpecJSI::NativeStringTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeStringTurboModuleSpecJSI::NativeStringTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getString\\"] = MethodMetadata {1, __hostFunction_NativeStringTurboModuleSpecJSI_getString};
         
         
         methodMap_[\\"getStringWithAlias\\"] = MethodMetadata {1, __hostFunction_NativeStringTurboModuleSpecJSI_getStringWithAlias};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 "
 `;
diff --git a/packages/react-native-codegen/package.json b/packages/react-native-codegen/package.json
index db17a0354f0dcd..a91a1caf8a605f 100644
--- a/packages/react-native-codegen/package.json
+++ b/packages/react-native-codegen/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/codegen",
-  "version": "0.73.0",
+  "version": "0.74.0",
   "description": "Code generation tools for React Native",
   "license": "MIT",
   "repository": {
@@ -30,8 +30,11 @@
   ],
   "dependencies": {
     "@babel/parser": "^7.20.0",
-    "flow-parser": "^0.206.0",
+    "glob": "^7.1.1",
+    "hermes-parser": "0.19.1",
+    "invariant": "^2.2.4",
     "jscodeshift": "^0.14.0",
+    "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1"
   },
   "beachball": {
@@ -49,12 +52,11 @@
     "@babel/plugin-transform-flow-strip-types": "^7.20.0",
     "@babel/preset-env": "^7.20.0",
     "chalk": "^4.0.0",
-    "glob": "^7.1.1",
-    "invariant": "^2.2.4",
+    "hermes-estree": "0.19.1",
     "micromatch": "^4.0.4",
-    "mkdirp": "^0.5.1",
     "prettier": "2.8.8",
-    "rimraf": "^3.0.2"
+    "rimraf": "^3.0.2",
+    "yargs": "^17.6.2"
   },
   "peerDependencies": {
     "@babel/preset-env": "^7.1.6"
diff --git a/packages/react-native-codegen/src/CodegenSchema.d.ts b/packages/react-native-codegen/src/CodegenSchema.d.ts
index 3482172d99009f..306067eb5a56ef 100644
--- a/packages/react-native-codegen/src/CodegenSchema.d.ts
+++ b/packages/react-native-codegen/src/CodegenSchema.d.ts
@@ -199,7 +199,16 @@ export type CommandParamTypeAnnotation =
   | Int32TypeAnnotation
   | DoubleTypeAnnotation
   | FloatTypeAnnotation
-  | StringTypeAnnotation;
+  | StringTypeAnnotation
+  | {
+    readonly type: 'ArrayTypeAnnotation';
+    readonly elementType:
+    | Int32TypeAnnotation
+    | DoubleTypeAnnotation
+    | FloatTypeAnnotation
+    | BooleanTypeAnnotation
+    | StringTypeAnnotation
+  };
 
 export interface ReservedTypeAnnotation {
   readonly type: 'ReservedTypeAnnotation';
diff --git a/packages/react-native-codegen/src/CodegenSchema.js b/packages/react-native-codegen/src/CodegenSchema.js
index 1708e8939b4e8b..d286d3a79fdc8d 100644
--- a/packages/react-native-codegen/src/CodegenSchema.js
+++ b/packages/react-native-codegen/src/CodegenSchema.js
@@ -213,7 +213,8 @@ export type CommandParamTypeAnnotation =
   | Int32TypeAnnotation
   | DoubleTypeAnnotation
   | FloatTypeAnnotation
-  | StringTypeAnnotation;
+  | StringTypeAnnotation
+  | ArrayTypeAnnotation;
 
 export type ReservedTypeAnnotation = $ReadOnly<{
   type: 'ReservedTypeAnnotation',
diff --git a/packages/react-native-codegen/src/SchemaValidator.js b/packages/react-native-codegen/src/SchemaValidator.js
index 87ded8848457c2..dc59d9cd77b29f 100644
--- a/packages/react-native-codegen/src/SchemaValidator.js
+++ b/packages/react-native-codegen/src/SchemaValidator.js
@@ -10,10 +10,10 @@
 
 'use strict';
 
-const nullthrows = require('nullthrows');
-
 import type {SchemaType} from './CodegenSchema';
 
+const nullthrows = require('nullthrows');
+
 function getErrors(schema: SchemaType): $ReadOnlyArray<string> {
   const errors = new Set<string>();
 
diff --git a/packages/react-native-codegen/src/__tests__/SchemaValidator-test.js b/packages/react-native-codegen/src/__tests__/SchemaValidator-test.js
index 4d18b80c4d8ddb..a983168311f8c2 100644
--- a/packages/react-native-codegen/src/__tests__/SchemaValidator-test.js
+++ b/packages/react-native-codegen/src/__tests__/SchemaValidator-test.js
@@ -11,11 +11,11 @@
 
 'use strict';
 
+import type {SchemaType} from '../CodegenSchema.js';
+
 const fixtures = require('../generators/components/__test_fixtures__/fixtures.js');
 const schemaValidator = require('../SchemaValidator.js');
 
-import type {SchemaType} from '../CodegenSchema.js';
-
 const simpleProp = {
   name: 'disabled',
   optional: true,
diff --git a/packages/react-native-codegen/src/cli/combine/__tests__/combine-utils-test.js b/packages/react-native-codegen/src/cli/combine/__tests__/combine-utils-test.js
index 84acd9ee556251..7f523b758229b2 100644
--- a/packages/react-native-codegen/src/cli/combine/__tests__/combine-utils-test.js
+++ b/packages/react-native-codegen/src/cli/combine/__tests__/combine-utils-test.js
@@ -11,67 +11,7 @@
 
 'use-strict';
 
-const {parseArgs, filterJSFile} = require('../combine-utils.js');
-
-describe('parseArgs', () => {
-  const nodeBin = 'node';
-  const combineApp = 'app';
-  const schemaJson = 'schema.json';
-  const specFile1 = 'NativeSpec.js';
-  const specFile2 = 'SpecNativeComponent.js';
-
-  describe('when no platform provided', () => {
-    it('returns null platform, schema and fileList', () => {
-      const {platform, outfile, fileList} = parseArgs([
-        nodeBin,
-        combineApp,
-        schemaJson,
-        specFile1,
-        specFile2,
-      ]);
-
-      expect(platform).toBeNull();
-      expect(outfile).toBe(schemaJson);
-      expect(fileList).toStrictEqual([specFile1, specFile2]);
-    });
-  });
-
-  describe('when platform passed with --platform', () => {
-    it('returns the platform, the schema and the fileList', () => {
-      const {platform, outfile, fileList} = parseArgs([
-        nodeBin,
-        combineApp,
-        '--platform',
-        'ios',
-        schemaJson,
-        specFile1,
-        specFile2,
-      ]);
-
-      expect(platform).toBe('ios');
-      expect(outfile).toBe(schemaJson);
-      expect(fileList).toStrictEqual([specFile1, specFile2]);
-    });
-  });
-
-  describe('when platform passed with -p', () => {
-    it('returns the platform, the schema and the fileList', () => {
-      const {platform, outfile, fileList} = parseArgs([
-        nodeBin,
-        combineApp,
-        '-p',
-        'android',
-        schemaJson,
-        specFile1,
-        specFile2,
-      ]);
-
-      expect(platform).toBe('android');
-      expect(outfile).toBe(schemaJson);
-      expect(fileList).toStrictEqual([specFile1, specFile2]);
-    });
-  });
-});
+const {filterJSFile} = require('../combine-utils.js');
 
 describe('filterJSFile', () => {
   describe('When the file is not a Spec file', () => {
@@ -103,9 +43,19 @@ describe('filterJSFile', () => {
   });
 
   describe('When the file is NativeSampleTurboModule', () => {
-    it('returns false', () => {
+    it('returns true', () => {
       const file = 'NativeSampleTurboModule.js';
       const result = filterJSFile(file);
+      expect(result).toBeTruthy();
+    });
+
+    it('returns false, when excluded', () => {
+      const file = 'NativeSampleTurboModule.js';
+      const result = filterJSFile(
+        file,
+        null,
+        new RegExp('NativeSampleTurboModule'),
+      );
       expect(result).toBeFalsy();
     });
   });
diff --git a/packages/react-native-codegen/src/cli/combine/combine-js-to-schema-cli.js b/packages/react-native-codegen/src/cli/combine/combine-js-to-schema-cli.js
index 6aeff3418a2a86..f2c98912efeba4 100644
--- a/packages/react-native-codegen/src/cli/combine/combine-js-to-schema-cli.js
+++ b/packages/react-native-codegen/src/cli/combine/combine-js-to-schema-cli.js
@@ -11,45 +11,29 @@
 
 'use strict';
 
-const combine = require('./combine-js-to-schema');
-const fs = require('fs');
-const glob = require('glob');
-const path = require('path');
-const {parseArgs, filterJSFile} = require('./combine-utils');
+const {
+  combineSchemasInFileListAndWriteToFile,
+} = require('./combine-js-to-schema');
+const yargs = require('yargs');
 
-const {platform, outfile, fileList} = parseArgs(process.argv);
+const argv = yargs
+  .option('p', {
+    alias: 'platform',
+  })
+  .option('e', {
+    alias: 'exclude',
+  })
+  .parseSync();
 
-const allFiles = [];
-fileList.forEach(file => {
-  if (fs.lstatSync(file).isDirectory()) {
-    const filePattern = path.sep === '\\' ? file.replace(/\\/g, '/') : file;
-    const dirFiles = glob
-      .sync(`${filePattern}/**/*.{js,ts,tsx}`, {
-        nodir: true,
-        // TODO: This will remove the need of slash substitution above for Windows,
-        // but it requires glob@v9+; with the package currenlty relying on
-        // glob@7.1.1; and flow-typed repo not having definitions for glob@9+.
-        // windowsPathsNoEscape: true,
-      })
-      .filter(element => filterJSFile(element, platform));
-    allFiles.push(...dirFiles);
-  } else if (filterJSFile(file)) {
-    allFiles.push(file);
-  }
-});
+const [outfile, ...fileList] = argv._;
+const platform: ?string = argv.platform;
+const exclude: string = argv.exclude;
+const excludeRegExp: ?RegExp =
+  exclude != null && exclude !== '' ? new RegExp(exclude) : null;
 
-const combined = combine(allFiles);
-
-// Warn users if there is no modules to process
-if (Object.keys(combined.modules).length === 0) {
-  console.error(
-    'No modules to process in combine-js-to-schema-cli. If this is unexpected, please check if you set up your NativeComponent correctly. See combine-js-to-schema.js for how codegen finds modules.',
-  );
-}
-const formattedSchema = JSON.stringify(combined, null, 2);
-
-if (outfile != null) {
-  fs.writeFileSync(outfile, formattedSchema);
-} else {
-  console.log(formattedSchema);
-}
+combineSchemasInFileListAndWriteToFile(
+  fileList,
+  platform != null ? platform.toLowerCase() : platform,
+  outfile,
+  excludeRegExp,
+);
diff --git a/packages/react-native-codegen/src/cli/combine/combine-js-to-schema.js b/packages/react-native-codegen/src/cli/combine/combine-js-to-schema.js
index a2dcef55c43dab..108edf99d81319 100644
--- a/packages/react-native-codegen/src/cli/combine/combine-js-to-schema.js
+++ b/packages/react-native-codegen/src/cli/combine/combine-js-to-schema.js
@@ -13,7 +13,9 @@ import type {SchemaType} from '../../CodegenSchema.js';
 
 const {FlowParser} = require('../../parsers/flow/parser');
 const {TypeScriptParser} = require('../../parsers/typescript/parser');
+const {filterJSFile} = require('./combine-utils');
 const fs = require('fs');
+const glob = require('glob');
 const path = require('path');
 
 const flowParser = new FlowParser();
@@ -46,4 +48,60 @@ function combineSchemas(files: Array<string>): SchemaType {
   );
 }
 
-module.exports = combineSchemas;
+function expandDirectoriesIntoFiles(
+  fileList: Array<string>,
+  platform: ?string,
+  exclude: ?RegExp,
+): Array<string> {
+  return fileList
+    .flatMap(file => {
+      if (!fs.lstatSync(file).isDirectory()) {
+        return [file];
+      }
+      const filePattern = path.sep === '\\' ? file.replace(/\\/g, '/') : file;
+      return glob.sync(`${filePattern}/**/*.{js,ts,tsx}`, {
+        nodir: true,
+        // TODO: This will remove the need of slash substitution above for Windows,
+        // but it requires glob@v9+; with the package currenlty relying on
+        // glob@7.1.1; and flow-typed repo not having definitions for glob@9+.
+        // windowsPathsNoEscape: true,
+      });
+    })
+    .filter(element => filterJSFile(element, platform, exclude));
+}
+
+function combineSchemasInFileList(
+  fileList: Array<string>,
+  platform: ?string,
+  exclude: ?RegExp,
+): SchemaType {
+  const expandedFileList = expandDirectoriesIntoFiles(
+    fileList,
+    platform,
+    exclude,
+  );
+  const combined = combineSchemas(expandedFileList);
+  if (Object.keys(combined.modules).length === 0) {
+    console.error(
+      'No modules to process in combine-js-to-schema-cli. If this is unexpected, please check if you set up your NativeComponent correctly. See combine-js-to-schema.js for how codegen finds modules.',
+    );
+  }
+  return combined;
+}
+
+function combineSchemasInFileListAndWriteToFile(
+  fileList: Array<string>,
+  platform: ?string,
+  outfile: string,
+  exclude: ?RegExp,
+): void {
+  const combined = combineSchemasInFileList(fileList, platform, exclude);
+  const formattedSchema = JSON.stringify(combined, null, 2);
+  fs.writeFileSync(outfile, formattedSchema);
+}
+
+module.exports = {
+  combineSchemas,
+  combineSchemasInFileList,
+  combineSchemasInFileListAndWriteToFile,
+};
diff --git a/packages/react-native-codegen/src/cli/combine/combine-schemas-cli.js b/packages/react-native-codegen/src/cli/combine/combine-schemas-cli.js
new file mode 100644
index 00000000000000..f7a7b6f6ef0a28
--- /dev/null
+++ b/packages/react-native-codegen/src/cli/combine/combine-schemas-cli.js
@@ -0,0 +1,87 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+import type {
+  ComponentSchema,
+  NativeModuleSchema,
+  SchemaType,
+} from '../../CodegenSchema.js';
+
+const assert = require('assert');
+const fs = require('fs');
+const yargs = require('yargs');
+
+const argv = yargs
+  .option('p', {
+    alias: 'platform',
+    type: 'string',
+    demandOption: true,
+  })
+  .option('o', {
+    alias: 'output',
+  })
+  .option('s', {
+    alias: 'schema-query',
+  })
+  .parseSync();
+
+const platform: string = argv.platform.toLowerCase();
+const output: string = argv.output;
+const schemaQuery: string = argv.s;
+
+if (!['ios', 'android'].includes(platform)) {
+  throw new Error(`Invalid platform ${platform}`);
+}
+
+if (!schemaQuery.startsWith('@')) {
+  throw new Error(
+    "The argument provided to --schema-query must be a filename that starts with '@'.",
+  );
+}
+
+const schemaQueryOutputFile = schemaQuery.replace(/^@/, '');
+const schemaQueryOutput = fs.readFileSync(schemaQueryOutputFile, 'utf8');
+
+const schemaFiles = schemaQueryOutput.split(' ');
+const modules: {
+  [hasteModuleName: string]: NativeModuleSchema | ComponentSchema,
+} = {};
+const specNameToFile: {[hasteModuleName: string]: string} = {};
+
+for (const file of schemaFiles) {
+  const schema: SchemaType = JSON.parse(fs.readFileSync(file, 'utf8'));
+
+  if (schema.modules) {
+    for (const specName in schema.modules) {
+      const module = schema.modules[specName];
+      if (modules[specName]) {
+        assert.deepEqual(
+          module,
+          modules[specName],
+          `App contained two specs with the same file name '${specName}'. Schemas: ${specNameToFile[specName]}, ${file}. Please rename one of the specs.`,
+        );
+      }
+
+      if (
+        module.excludedPlatforms &&
+        module.excludedPlatforms.indexOf(platform) >= 0
+      ) {
+        continue;
+      }
+
+      modules[specName] = module;
+      specNameToFile[specName] = file;
+    }
+  }
+}
+
+fs.writeFileSync(output, JSON.stringify({modules}, null, 2));
diff --git a/packages/react-native-codegen/src/cli/combine/combine-utils.js b/packages/react-native-codegen/src/cli/combine/combine-utils.js
index 5dad6e041b6b99..8f120fb687f6ba 100644
--- a/packages/react-native-codegen/src/cli/combine/combine-utils.js
+++ b/packages/react-native-codegen/src/cli/combine/combine-utils.js
@@ -13,28 +13,6 @@
 
 const path = require('path');
 
-function parseArgs(args: string[]): {
-  platform: ?string,
-  outfile: string,
-  fileList: string[],
-} {
-  if (args.length > 2 && ['-p', '--platform'].indexOf(args[2]) >= 0) {
-    const [outfile, ...fileList] = args.slice(4);
-    return {
-      platform: args[3],
-      outfile,
-      fileList,
-    };
-  }
-
-  const [outfile, ...fileList] = args.slice(2);
-  return {
-    platform: null,
-    outfile,
-    fileList,
-  };
-}
-
 /**
  * This function is used by the CLI to decide whether a JS/TS file has to be processed or not by the Codegen.
  * Parameters:
@@ -43,19 +21,21 @@ function parseArgs(args: string[]): {
  * Returns: `true` if the file can be used to generate some code; `false` otherwise
  *
  */
-function filterJSFile(file: string, currentPlatform: ?string): boolean {
+function filterJSFile(
+  file: string,
+  currentPlatform: ?string,
+  excludeRegExp: ?RegExp,
+): boolean {
   const isSpecFile = /^(Native.+|.+NativeComponent)/.test(path.basename(file));
   const isNotNativeUIManager = !file.endsWith('NativeUIManager.js');
-  const isNotNativeSampleTurboModule = !file.endsWith(
-    'NativeSampleTurboModule.js',
-  );
   const isNotTest = !file.includes('__tests');
+  const isNotExcluded = excludeRegExp == null || !excludeRegExp.test(file);
   const isNotTSTypeDefinition = !file.endsWith('.d.ts');
 
   const isValidCandidate =
     isSpecFile &&
     isNotNativeUIManager &&
-    isNotNativeSampleTurboModule &&
+    isNotExcluded &&
     isNotTest &&
     isNotTSTypeDefinition;
 
@@ -80,6 +60,5 @@ function filterJSFile(file: string, currentPlatform: ?string): boolean {
 }
 
 module.exports = {
-  parseArgs,
   filterJSFile,
 };
diff --git a/packages/react-native-codegen/src/cli/parser/parser.js b/packages/react-native-codegen/src/cli/parser/parser.js
index 40a599c9ff9c41..850e27fff4c846 100644
--- a/packages/react-native-codegen/src/cli/parser/parser.js
+++ b/packages/react-native-codegen/src/cli/parser/parser.js
@@ -10,9 +10,9 @@
 
 'use strict';
 
-const path = require('path');
 const {FlowParser} = require('../../parsers/flow/parser');
 const {TypeScriptParser} = require('../../parsers/typescript/parser');
+const path = require('path');
 
 const flowParser = new FlowParser();
 const typescriptParser = new TypeScriptParser();
diff --git a/packages/react-native-codegen/src/generators/RNCodegen.d.ts b/packages/react-native-codegen/src/generators/RNCodegen.d.ts
index 9cf647abfcceea..f73eb2e0fa51b3 100644
--- a/packages/react-native-codegen/src/generators/RNCodegen.d.ts
+++ b/packages/react-native-codegen/src/generators/RNCodegen.d.ts
@@ -14,6 +14,7 @@ export type ViewGeneratorFunction = (libraryName: string, schema: SchemaType) =>
 
 type LibraryGeneratorNames =
     | 'generateComponentDescriptorH'
+    | 'generateComponentDescriptorCpp'
     | 'generateComponentHObjCpp'
     | 'generateEventEmitterCpp'
     | 'generateEventEmitterH'
diff --git a/packages/react-native-codegen/src/generators/RNCodegen.js b/packages/react-native-codegen/src/generators/RNCodegen.js
index 61441c715dc26a..d363ceb0957c1c 100644
--- a/packages/react-native-codegen/src/generators/RNCodegen.js
+++ b/packages/react-native-codegen/src/generators/RNCodegen.js
@@ -16,34 +16,38 @@ TODO:
 - ViewConfigs should spread in View's valid attributes
 */
 
-const fs = require('fs');
+import type {SchemaType} from '../CodegenSchema';
+
+const schemaValidator = require('../SchemaValidator.js');
+const generateComponentDescriptorCpp = require('./components/GenerateComponentDescriptorCpp.js');
 const generateComponentDescriptorH = require('./components/GenerateComponentDescriptorH.js');
 const generateComponentHObjCpp = require('./components/GenerateComponentHObjCpp.js');
 const generateEventEmitterCpp = require('./components/GenerateEventEmitterCpp.js');
 const generateEventEmitterH = require('./components/GenerateEventEmitterH.js');
 const generatePropsCpp = require('./components/GeneratePropsCpp.js');
 const generatePropsH = require('./components/GeneratePropsH.js');
+const generatePropsJavaDelegate = require('./components/GeneratePropsJavaDelegate.js');
+const generatePropsJavaInterface = require('./components/GeneratePropsJavaInterface.js');
+const generateShadowNodeCpp = require('./components/GenerateShadowNodeCpp.js');
+const generateShadowNodeH = require('./components/GenerateShadowNodeH.js');
 const generateStateCpp = require('./components/GenerateStateCpp.js');
 const generateStateH = require('./components/GenerateStateH.js');
-const generateModuleH = require('./modules/GenerateModuleH.js');
+const generateTests = require('./components/GenerateTests.js');
+const generateThirdPartyFabricComponentsProviderH = require('./components/GenerateThirdPartyFabricComponentsProviderH.js');
+const generateThirdPartyFabricComponentsProviderObjCpp = require('./components/GenerateThirdPartyFabricComponentsProviderObjCpp.js');
+const generateViewConfigJs = require('./components/GenerateViewConfigJs.js');
 const generateModuleCpp = require('./modules/GenerateModuleCpp.js');
-const generateModuleObjCpp = require('./modules/GenerateModuleObjCpp');
+const generateModuleH = require('./modules/GenerateModuleH.js');
 const generateModuleJavaSpec = require('./modules/GenerateModuleJavaSpec.js');
 const generateModuleJniCpp = require('./modules/GenerateModuleJniCpp.js');
 const generateModuleJniH = require('./modules/GenerateModuleJniH.js');
-const generatePropsJavaInterface = require('./components/GeneratePropsJavaInterface.js');
-const generatePropsJavaDelegate = require('./components/GeneratePropsJavaDelegate.js');
-const generateTests = require('./components/GenerateTests.js');
-const generateShadowNodeCpp = require('./components/GenerateShadowNodeCpp.js');
-const generateShadowNodeH = require('./components/GenerateShadowNodeH.js');
-const generateThirdPartyFabricComponentsProviderObjCpp = require('./components/GenerateThirdPartyFabricComponentsProviderObjCpp.js');
-const generateThirdPartyFabricComponentsProviderH = require('./components/GenerateThirdPartyFabricComponentsProviderH.js');
-const generateViewConfigJs = require('./components/GenerateViewConfigJs.js');
+const generateModuleObjCpp = require('./modules/GenerateModuleObjCpp');
+const fs = require('fs');
 const path = require('path');
-const schemaValidator = require('../SchemaValidator.js');
 
 const ALL_GENERATORS = {
   generateComponentDescriptorH: generateComponentDescriptorH.generate,
+  generateComponentDescriptorCpp: generateComponentDescriptorCpp.generate,
   generateComponentHObjCpp: generateComponentHObjCpp.generate,
   generateEventEmitterCpp: generateEventEmitterCpp.generate,
   generateEventEmitterH: generateEventEmitterH.generate,
@@ -69,19 +73,19 @@ const ALL_GENERATORS = {
   generateViewConfigJs: generateViewConfigJs.generate,
 };
 
-import type {SchemaType} from '../CodegenSchema';
-
 type LibraryOptions = $ReadOnly<{
   libraryName: string,
   schema: SchemaType,
   outputDirectory: string,
   packageName?: string, // Some platforms have a notion of package, which should be configurable.
   assumeNonnull: boolean,
+  useLocalIncludePaths?: boolean,
 }>;
 
 type SchemasOptions = $ReadOnly<{
   schemas: {[string]: SchemaType},
   outputDirectory: string,
+  supportedApplePlatforms?: {[string]: {[string]: boolean}},
 }>;
 
 type LibraryGenerators =
@@ -124,6 +128,7 @@ const LIBRARY_GENERATORS = {
   componentsAndroid: [
     // JNI/C++ files
     generateComponentDescriptorH.generate,
+    generateComponentDescriptorCpp.generate,
     generateEventEmitterCpp.generate,
     generateEventEmitterH.generate,
     generatePropsCpp.generate,
@@ -138,6 +143,7 @@ const LIBRARY_GENERATORS = {
   ],
   componentsIOS: [
     generateComponentDescriptorH.generate,
+    generateComponentDescriptorCpp.generate,
     generateEventEmitterCpp.generate,
     generateEventEmitterH.generate,
     generateComponentHObjCpp.generate,
@@ -232,16 +238,24 @@ module.exports = {
       outputDirectory,
       packageName,
       assumeNonnull,
+      useLocalIncludePaths,
     }: LibraryOptions,
     {generators, test}: LibraryConfig,
   ): boolean {
     schemaValidator.validate(schema);
 
+    const defaultHeaderPrefix = 'react/renderer/components';
+    const headerPrefix =
+      useLocalIncludePaths === true
+        ? ''
+        : `${defaultHeaderPrefix}/${libraryName}/`;
     function composePath(intermediate: string) {
       return path.join(outputDirectory, intermediate, libraryName);
     }
 
-    const componentIOSOutput = composePath('react/renderer/components/');
+    const componentIOSOutput = composePath(
+      useLocalIncludePaths === true ? '' : defaultHeaderPrefix,
+    );
     const modulesIOSOutput = composePath('./');
 
     const outputFoldersForGenerators = {
@@ -262,21 +276,25 @@ module.exports = {
 
     for (const name of generators) {
       for (const generator of LIBRARY_GENERATORS[name]) {
-        generator(libraryName, schema, packageName, assumeNonnull).forEach(
-          (contents: string, fileName: string) => {
-            generatedFiles.push({
-              name: fileName,
-              content: contents,
-              outputDir: outputFoldersForGenerators[name],
-            });
-          },
-        );
+        generator(
+          libraryName,
+          schema,
+          packageName,
+          assumeNonnull,
+          headerPrefix,
+        ).forEach((contents: string, fileName: string) => {
+          generatedFiles.push({
+            name: fileName,
+            content: contents,
+            outputDir: outputFoldersForGenerators[name],
+          });
+        });
       }
     }
     return checkOrWriteFiles(generatedFiles, test);
   },
   generateFromSchemas(
-    {schemas, outputDirectory}: SchemasOptions,
+    {schemas, outputDirectory, supportedApplePlatforms}: SchemasOptions,
     {generators, test}: SchemasConfig,
   ): boolean {
     Object.keys(schemas).forEach(libraryName =>
@@ -287,13 +305,15 @@ module.exports = {
 
     for (const name of generators) {
       for (const generator of SCHEMAS_GENERATORS[name]) {
-        generator(schemas).forEach((contents: string, fileName: string) => {
-          generatedFiles.push({
-            name: fileName,
-            content: contents,
-            outputDir: outputDirectory,
-          });
-        });
+        generator(schemas, supportedApplePlatforms).forEach(
+          (contents: string, fileName: string) => {
+            generatedFiles.push({
+              name: fileName,
+              content: contents,
+              outputDir: outputDirectory,
+            });
+          },
+        );
       }
     }
     return checkOrWriteFiles(generatedFiles, test);
diff --git a/packages/react-native-codegen/src/generators/TypeUtils/Cxx/index.js b/packages/react-native-codegen/src/generators/TypeUtils/Cxx/index.js
new file mode 100644
index 00000000000000..fcde7828a856fd
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/TypeUtils/Cxx/index.js
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ * @oncall react_native
+ */
+
+function wrapOptional(type: string, isRequired: boolean): string {
+  return isRequired ? type : `std::optional<${type}>`;
+}
+
+module.exports = {
+  wrapOptional,
+};
diff --git a/packages/react-native-codegen/src/generators/TypeUtils/Java/index.js b/packages/react-native-codegen/src/generators/TypeUtils/Java/index.js
new file mode 100644
index 00000000000000..6253ea37d4d25d
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/TypeUtils/Java/index.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ * @oncall react_native
+ */
+
+const objectTypeForPrimitiveType = {
+  boolean: 'Boolean',
+  double: 'Double',
+  float: 'Float',
+  int: 'Integer',
+};
+
+function wrapOptional(type: string, isRequired: boolean): string {
+  return isRequired
+    ? type
+    : `@Nullable ${objectTypeForPrimitiveType[type] ?? type}`;
+}
+
+module.exports = {
+  wrapOptional,
+};
diff --git a/packages/react-native-codegen/src/generators/TypeUtils/Objective-C/index.js b/packages/react-native-codegen/src/generators/TypeUtils/Objective-C/index.js
new file mode 100644
index 00000000000000..529bfe64a9ad08
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/TypeUtils/Objective-C/index.js
@@ -0,0 +1,18 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ * @oncall react_native
+ */
+
+function wrapOptional(type: string, isRequired: boolean): string {
+  return isRequired ? type : `${type} _Nullable`;
+}
+
+module.exports = {
+  wrapOptional,
+};
diff --git a/packages/react-native-codegen/src/generators/__tests__/RNCodegen-test.js b/packages/react-native-codegen/src/generators/__tests__/RNCodegen-test.js
index 44a70349ab2ec9..5ac18862490340 100644
--- a/packages/react-native-codegen/src/generators/__tests__/RNCodegen-test.js
+++ b/packages/react-native-codegen/src/generators/__tests__/RNCodegen-test.js
@@ -11,8 +11,8 @@
 
 'use strict';
 
-const rnCodegen = require('../RNCodegen.js');
 const fixture = require('../__test_fixtures__/fixtures.js');
+const rnCodegen = require('../RNCodegen.js');
 const packageName = 'na';
 
 describe('RNCodegen.generate', () => {
@@ -46,6 +46,7 @@ describe('RNCodegen.generate', () => {
           'EventEmitters.h': componentsOutputDir,
           'EventEmitters.cpp': componentsOutputDir,
           'ComponentDescriptors.h': componentsOutputDir,
+          'ComponentDescriptors.cpp': componentsOutputDir,
         };
 
         let receivedDir = path.dirname(location);
diff --git a/packages/react-native-codegen/src/generators/components/ComponentsGeneratorUtils.js b/packages/react-native-codegen/src/generators/components/ComponentsGeneratorUtils.js
index c43768a1593439..3a0138224c0bf5 100644
--- a/packages/react-native-codegen/src/generators/components/ComponentsGeneratorUtils.js
+++ b/packages/react-native-codegen/src/generators/components/ComponentsGeneratorUtils.js
@@ -11,26 +11,24 @@
 'use strict';
 
 import type {NamedShape, PropTypeAnnotation} from '../../CodegenSchema';
-
 import type {
-  StringTypeAnnotation,
-  ReservedPropTypeAnnotation,
-  ObjectTypeAnnotation,
-  Int32TypeAnnotation,
-  FloatTypeAnnotation,
-  DoubleTypeAnnotation,
   BooleanTypeAnnotation,
+  DoubleTypeAnnotation,
+  FloatTypeAnnotation,
+  Int32TypeAnnotation,
+  ObjectTypeAnnotation,
+  ReservedPropTypeAnnotation,
+  StringTypeAnnotation,
 } from '../../CodegenSchema';
 
+const {getEnumName} = require('../Utils');
 const {
+  generateStructName,
   getCppTypeForAnnotation,
   getEnumMaskName,
-  generateStructName,
   getImports,
 } = require('./CppHelpers.js');
 
-const {getEnumName} = require('../Utils');
-
 function getNativeTypeFromAnnotation(
   componentName: string,
   prop:
diff --git a/packages/react-native-codegen/src/generators/components/ComponentsProviderUtils.js b/packages/react-native-codegen/src/generators/components/ComponentsProviderUtils.js
new file mode 100644
index 00000000000000..0ee2c4afa76aa6
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/ComponentsProviderUtils.js
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+const APPLE_PLATFORMS_MACRO_MAP = {
+  ios: 'TARGET_OS_IOS',
+  macos: 'TARGET_OS_OSX',
+  tvos: 'TARGET_OS_TV',
+  visionos: 'TARGET_OS_VISION',
+};
+
+/**
+ * Adds compiler macros to the file template to exclude unsupported platforms.
+ */
+function generateSupportedApplePlatformsMacro(
+  fileTemplate: string,
+  supportedPlatformsMap: ?{[string]: boolean},
+): string {
+  if (!supportedPlatformsMap) {
+    return fileTemplate;
+  }
+
+  // According to Podspec Syntax Reference, when `platform` or `deployment_target` is not specified, it defaults to all platforms.
+  // https://guides.cocoapods.org/syntax/podspec.html#platform
+  const everyPlatformIsUnsupported = Object.keys(supportedPlatformsMap).every(
+    platform => supportedPlatformsMap[platform] === false,
+  );
+
+  if (everyPlatformIsUnsupported) {
+    return fileTemplate;
+  }
+
+  const compilerMacroString = Object.keys(supportedPlatformsMap)
+    .reduce((acc: string[], platform) => {
+      if (!supportedPlatformsMap[platform]) {
+        return [...acc, `!${APPLE_PLATFORMS_MACRO_MAP[platform]}`];
+      }
+      return acc;
+    }, [])
+    .join(' && ');
+
+  if (!compilerMacroString) {
+    return fileTemplate;
+  }
+
+  return `#if ${compilerMacroString}
+${fileTemplate}
+#endif
+`;
+}
+
+module.exports = {
+  generateSupportedApplePlatformsMacro,
+};
diff --git a/packages/react-native-codegen/src/generators/components/CppHelpers.js b/packages/react-native-codegen/src/generators/components/CppHelpers.js
index ccecb1bcd08073..9f8fd10387507f 100644
--- a/packages/react-native-codegen/src/generators/components/CppHelpers.js
+++ b/packages/react-native-codegen/src/generators/components/CppHelpers.js
@@ -256,6 +256,19 @@ function convertDefaultTypeToString(
   }
 }
 
+const IncludeTemplate = ({
+  headerPrefix,
+  file,
+}: {
+  headerPrefix: string,
+  file: string,
+}): string => {
+  if (headerPrefix === '') {
+    return `#include "${file}"`;
+  }
+  return `#include <${headerPrefix}${file}>`;
+};
+
 module.exports = {
   convertDefaultTypeToString,
   getCppArrayTypeForAnnotation,
@@ -265,4 +278,5 @@ module.exports = {
   toIntEnumValueName,
   generateStructName,
   generateEventStructName,
+  IncludeTemplate,
 };
diff --git a/packages/react-native-codegen/src/generators/components/GenerateComponentDescriptorCpp.js b/packages/react-native-codegen/src/generators/components/GenerateComponentDescriptorCpp.js
new file mode 100644
index 00000000000000..794e04765742a2
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/GenerateComponentDescriptorCpp.js
@@ -0,0 +1,101 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+'use strict';
+
+import type {SchemaType} from '../../CodegenSchema';
+
+const {IncludeTemplate} = require('./CppHelpers');
+
+// File path -> contents
+type FilesOutput = Map<string, string>;
+
+const FileTemplate = ({
+  libraryName,
+  componentRegistrations,
+  headerPrefix,
+}: {
+  libraryName: string,
+  componentRegistrations: string,
+  headerPrefix: string,
+}) => `
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * ${'@'}generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+${IncludeTemplate({headerPrefix, file: 'ComponentDescriptors.h'})}
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void ${libraryName}_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+${componentRegistrations}
+}
+
+} // namespace facebook::react
+`;
+
+const ComponentRegistrationTemplate = ({className}: {className: string}) =>
+  `
+registry->add(concreteComponentDescriptorProvider<${className}ComponentDescriptor>());
+`.trim();
+
+module.exports = {
+  generate(
+    libraryName: string,
+    schema: SchemaType,
+    packageName?: string,
+    assumeNonnull: boolean = false,
+    headerPrefix?: string,
+  ): FilesOutput {
+    const fileName = 'ComponentDescriptors.cpp';
+
+    const componentRegistrations = Object.keys(schema.modules)
+      .map(moduleName => {
+        const module = schema.modules[moduleName];
+        if (module.type !== 'Component') {
+          return;
+        }
+
+        const {components} = module;
+        // No components in this module
+        if (components == null) {
+          return null;
+        }
+
+        return Object.keys(components)
+          .map(componentName => {
+            if (components[componentName].interfaceOnly === true) {
+              return;
+            }
+
+            return ComponentRegistrationTemplate({className: componentName});
+          })
+          .join('\n');
+      })
+      .filter(Boolean)
+      .join('\n');
+
+    const replacedTemplate = FileTemplate({
+      libraryName,
+      componentRegistrations,
+      headerPrefix: headerPrefix ?? '',
+    });
+
+    return new Map([[fileName, replacedTemplate]]);
+  },
+};
diff --git a/packages/react-native-codegen/src/generators/components/GenerateComponentDescriptorH.js b/packages/react-native-codegen/src/generators/components/GenerateComponentDescriptorH.js
index a7c795622f9082..0a68446cd1af71 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateComponentDescriptorH.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateComponentDescriptorH.js
@@ -12,15 +12,19 @@
 
 import type {SchemaType} from '../../CodegenSchema';
 
+const {IncludeTemplate} = require('./CppHelpers');
+
 // File path -> contents
 type FilesOutput = Map<string, string>;
 
 const FileTemplate = ({
-  componentDescriptors,
   libraryName,
+  componentDefinitions,
+  headerPrefix,
 }: {
-  componentDescriptors: string,
   libraryName: string,
+  componentDefinitions: string,
+  headerPrefix: string,
 }) => `
 /**
  * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
@@ -33,19 +37,21 @@ const FileTemplate = ({
 
 #pragma once
 
-#include <react/renderer/components/${libraryName}/ShadowNodes.h>
+${IncludeTemplate({headerPrefix, file: 'ShadowNodes.h'})}
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
 
-namespace facebook {
-namespace react {
+${componentDefinitions}
 
-${componentDescriptors}
+void ${libraryName}_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 
-const ComponentTemplate = ({className}: {className: string}) =>
+const ComponentDefinitionTemplate = ({className}: {className: string}) =>
   `
 using ${className}ComponentDescriptor = ConcreteComponentDescriptor<${className}ShadowNode>;
 `.trim();
@@ -56,10 +62,11 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const fileName = 'ComponentDescriptors.h';
 
-    const componentDescriptors = Object.keys(schema.modules)
+    const componentDefinitions = Object.keys(schema.modules)
       .map(moduleName => {
         const module = schema.modules[moduleName];
         if (module.type !== 'Component') {
@@ -78,7 +85,7 @@ module.exports = {
               return;
             }
 
-            return ComponentTemplate({className: componentName});
+            return ComponentDefinitionTemplate({className: componentName});
           })
           .join('\n');
       })
@@ -86,8 +93,9 @@ module.exports = {
       .join('\n');
 
     const replacedTemplate = FileTemplate({
-      componentDescriptors,
       libraryName,
+      componentDefinitions,
+      headerPrefix: headerPrefix ?? '',
     });
 
     return new Map([[fileName, replacedTemplate]]);
diff --git a/packages/react-native-codegen/src/generators/components/GenerateComponentHObjCpp.js b/packages/react-native-codegen/src/generators/components/GenerateComponentHObjCpp.js
index ee619f4617f769..79724d1810eb67 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateComponentHObjCpp.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateComponentHObjCpp.js
@@ -11,11 +11,11 @@
 'use strict';
 
 import type {
-  NamedShape,
+  CommandParamTypeAnnotation,
   CommandTypeAnnotation,
   ComponentShape,
+  NamedShape,
   SchemaType,
-  CommandParamTypeAnnotation,
 } from '../../CodegenSchema';
 
 type FilesOutput = Map<string, string>;
@@ -171,6 +171,8 @@ function getObjCParamType(param: Param): string {
       return 'NSInteger';
     case 'StringTypeAnnotation':
       return 'NSString *';
+    case 'ArrayTypeAnnotation':
+      return 'const NSArray *';
     default:
       (typeAnnotation.type: empty);
       throw new Error('Received invalid param type annotation');
@@ -199,6 +201,8 @@ function getObjCExpectedKindParamType(param: Param): string {
       return '[NSNumber class]';
     case 'StringTypeAnnotation':
       return '[NSString class]';
+    case 'ArrayTypeAnnotation':
+      return '[NSArray class]';
     default:
       (typeAnnotation.type: empty);
       throw new Error('Received invalid param type annotation');
@@ -227,6 +231,8 @@ function getReadableExpectedKindParamType(param: Param): string {
       return 'number';
     case 'StringTypeAnnotation':
       return 'string';
+    case 'ArrayTypeAnnotation':
+      return 'array';
     default:
       (typeAnnotation.type: empty);
       throw new Error('Received invalid param type annotation');
@@ -258,6 +264,8 @@ function getObjCRightHandAssignmentParamType(
       return `[(NSNumber *)arg${index} intValue]`;
     case 'StringTypeAnnotation':
       return `(NSString *)arg${index}`;
+    case 'ArrayTypeAnnotation':
+      return `(NSArray *)arg${index}`;
     default:
       (typeAnnotation.type: empty);
       throw new Error('Received invalid param type annotation');
@@ -372,6 +380,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const fileName = 'RCTComponentViewHelpers.h';
 
diff --git a/packages/react-native-codegen/src/generators/components/GenerateEventEmitterCpp.js b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterCpp.js
index 7a43aea0a2b54e..2f2a829d19955d 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateEventEmitterCpp.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterCpp.js
@@ -10,18 +10,17 @@
 
 'use strict';
 import type {EventTypeShape} from '../../CodegenSchema';
-
-const {generateEventStructName} = require('./CppHelpers');
-const {indent} = require('../Utils');
-
 import type {
   ComponentShape,
-  NamedShape,
   EventTypeAnnotation,
-  SchemaType,
+  NamedShape,
   ObjectTypeAnnotation,
+  SchemaType,
 } from '../../CodegenSchema';
 
+const {indent} = require('../Utils');
+const {IncludeTemplate, generateEventStructName} = require('./CppHelpers');
+
 // File path -> contents
 type FilesOutput = Map<string, string>;
 
@@ -32,12 +31,12 @@ type ComponentCollection = $ReadOnly<{
 
 const FileTemplate = ({
   events,
-  libraryName,
   extraIncludes,
+  headerPrefix,
 }: {
   events: string,
-  libraryName: string,
   extraIncludes: Set<string>,
+  headerPrefix: string,
 }) => `
 /**
  * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
@@ -48,14 +47,12 @@ const FileTemplate = ({
  * ${'@'}generated by codegen project: GenerateEventEmitterCpp.js
  */
 
-#include <react/renderer/components/${libraryName}/EventEmitters.h>
+${IncludeTemplate({headerPrefix, file: 'EventEmitters.h'})}
 ${[...extraIncludes].join('\n')}
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 ${events}
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 
 const ComponentTemplate = ({
@@ -372,9 +369,10 @@ function generateEvent(
   // In order to migrate to this new system we have to support the current
   // naming scheme. We should delete this once we are able to control this name
   // throughout the system.
-  const dispatchEventName = `${event.name[2].toLowerCase()}${event.name.slice(
-    3,
-  )}`;
+  const dispatchEventName =
+    event.paperTopLevelNameDeprecated != null
+      ? event.paperTopLevelNameDeprecated
+      : `${event.name[2].toLowerCase()}${event.name.slice(3)}`;
 
   if (event.typeAnnotation.argument) {
     const implementation = `
@@ -414,6 +412,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const moduleComponents: ComponentCollection = Object.keys(schema.modules)
       .map(moduleName => {
@@ -445,9 +444,9 @@ module.exports = {
 
     const fileName = 'EventEmitters.cpp';
     const replacedTemplate = FileTemplate({
-      libraryName,
       events: componentEmitters,
       extraIncludes,
+      headerPrefix: headerPrefix ?? '',
     });
 
     return new Map([[fileName, replacedTemplate]]);
diff --git a/packages/react-native-codegen/src/generators/components/GenerateEventEmitterH.js b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterH.js
index b5d55033f063b4..0e753e24d2c544 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateEventEmitterH.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateEventEmitterH.js
@@ -10,24 +10,23 @@
 
 'use strict';
 
-const nullthrows = require('nullthrows');
-
-const {
-  getImports,
-  getCppArrayTypeForAnnotation,
-  getCppTypeForAnnotation,
-  generateEventStructName,
-} = require('./CppHelpers');
-const {indent, toSafeCppString} = require('../Utils');
-
 import type {
   ComponentShape,
+  EventTypeAnnotation,
   EventTypeShape,
   NamedShape,
-  EventTypeAnnotation,
   SchemaType,
 } from '../../CodegenSchema';
 
+const {indent, toSafeCppString} = require('../Utils');
+const {
+  generateEventStructName,
+  getCppArrayTypeForAnnotation,
+  getCppTypeForAnnotation,
+  getImports,
+} = require('./CppHelpers');
+const nullthrows = require('nullthrows');
+
 // File path -> contents
 type FilesOutput = Map<string, string>;
 type StructsMap = Map<string, string>;
@@ -57,11 +56,9 @@ const FileTemplate = ({
 #include <react/renderer/components/view/ViewEventEmitter.h>
 ${[...extraIncludes].join('\n')}
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 ${componentEmitters}
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 
 const ComponentTemplate = ({
@@ -314,6 +311,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const moduleComponents: ComponentCollection = Object.keys(schema.modules)
       .map(moduleName => {
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsCpp.js b/packages/react-native-codegen/src/generators/components/GeneratePropsCpp.js
index ad9d6aac61f45a..d925abce9984b8 100644
--- a/packages/react-native-codegen/src/generators/components/GeneratePropsCpp.js
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsCpp.js
@@ -11,19 +11,24 @@
 'use strict';
 
 import type {ComponentShape, SchemaType} from '../../CodegenSchema';
-const {convertDefaultTypeToString, getImports} = require('./CppHelpers');
+
+const {
+  IncludeTemplate,
+  convertDefaultTypeToString,
+  getImports,
+} = require('./CppHelpers');
 
 // File path -> contents
 type FilesOutput = Map<string, string>;
 
 const FileTemplate = ({
-  libraryName,
   imports,
   componentClasses,
+  headerPrefix,
 }: {
-  libraryName: string,
   imports: string,
   componentClasses: string,
+  headerPrefix: string,
 }) => `
 /**
  * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
@@ -34,16 +39,14 @@ const FileTemplate = ({
  * ${'@'}generated by codegen project: GeneratePropsCpp.js
  */
 
-#include <react/renderer/components/${libraryName}/Props.h>
+${IncludeTemplate({headerPrefix, file: 'Props.h'})}
 ${imports}
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ${componentClasses}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 
 const ComponentTemplate = ({
@@ -105,6 +108,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const fileName = 'Props.cpp';
     const allImports: Set<string> = new Set([
@@ -152,8 +156,8 @@ module.exports = {
 
     const replacedTemplate = FileTemplate({
       componentClasses: componentProps,
-      libraryName,
       imports: Array.from(allImports).sort().join('\n').trim(),
+      headerPrefix: headerPrefix ?? '',
     });
 
     return new Map([[fileName, replacedTemplate]]);
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsH.js b/packages/react-native-codegen/src/generators/components/GeneratePropsH.js
index 479c82cd50aa04..da7da65f3a992e 100644
--- a/packages/react-native-codegen/src/generators/components/GeneratePropsH.js
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsH.js
@@ -10,28 +10,25 @@
 
 'use strict';
 import type {ComponentShape} from '../../CodegenSchema';
+import type {
+  ExtendsPropsShape,
+  NamedShape,
+  PropTypeAnnotation,
+  SchemaType,
+} from '../../CodegenSchema';
 
+const {getEnumName, toSafeCppString} = require('../Utils');
 const {
-  getNativeTypeFromAnnotation,
   getLocalImports,
+  getNativeTypeFromAnnotation,
 } = require('./ComponentsGeneratorUtils.js');
-
 const {
   convertDefaultTypeToString,
-  getEnumMaskName,
   generateStructName,
+  getEnumMaskName,
   toIntEnumValueName,
 } = require('./CppHelpers.js');
 
-const {getEnumName, toSafeCppString} = require('../Utils');
-
-import type {
-  ExtendsPropsShape,
-  NamedShape,
-  PropTypeAnnotation,
-  SchemaType,
-} from '../../CodegenSchema';
-
 // File path -> contents
 type FilesOutput = Map<string, string>;
 type StructsMap = Map<string, string>;
@@ -55,13 +52,11 @@ const FileTemplate = ({
 
 ${imports}
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ${componentClasses}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 
 const ClassTemplate = ({
@@ -711,6 +706,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const fileName = 'Props.h';
 
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js
index 68875b3b6caa6c..e45a4df573bcd7 100644
--- a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaDelegate.js
@@ -10,19 +10,19 @@
 
 'use strict';
 import type {CommandParamTypeAnnotation} from '../../CodegenSchema';
-
 import type {
-  NamedShape,
   CommandTypeAnnotation,
   ComponentShape,
+  NamedShape,
   PropTypeAnnotation,
   SchemaType,
 } from '../../CodegenSchema';
+
 const {
+  getDelegateJavaClassName,
   getImports,
-  toSafeJavaString,
   getInterfaceJavaClassName,
-  getDelegateJavaClassName,
+  toSafeJavaString,
 } = require('./JavaHelpers');
 
 // File path -> contents
@@ -202,6 +202,8 @@ function getCommandArgJavaType(
       return `args.getInt(${index})`;
     case 'StringTypeAnnotation':
       return `args.getString(${index})`;
+    case 'ArrayTypeAnnotation':
+      return `args.getArray(${index})`;
     default:
       (typeAnnotation.type: empty);
       throw new Error(`Receieved invalid type: ${typeAnnotation.type}`);
@@ -295,6 +297,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     // TODO: This doesn't support custom package name yet.
     const normalizedPackageName = 'com.facebook.react.viewmanagers';
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaInterface.js b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaInterface.js
index a71f9b696ede6d..28888b203e245b 100644
--- a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaInterface.js
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaInterface.js
@@ -10,18 +10,18 @@
 
 'use strict';
 import type {CommandParamTypeAnnotation} from '../../CodegenSchema';
-
 import type {
-  NamedShape,
   CommandTypeAnnotation,
   ComponentShape,
+  NamedShape,
   PropTypeAnnotation,
   SchemaType,
 } from '../../CodegenSchema';
+
 const {
   getImports,
-  toSafeJavaString,
   getInterfaceJavaClassName,
+  toSafeJavaString,
 } = require('./JavaHelpers');
 
 // File path -> contents
@@ -171,6 +171,8 @@ function getCommandArgJavaType(param: NamedShape<CommandParamTypeAnnotation>) {
       return 'int';
     case 'StringTypeAnnotation':
       return 'String';
+    case 'ArrayTypeAnnotation':
+      return 'ReadableArray';
     default:
       (typeAnnotation.type: empty);
       throw new Error('Receieved invalid typeAnnotation');
@@ -235,6 +237,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     // TODO: This doesn't support custom package name yet.
     const normalizedPackageName = 'com.facebook.react.viewmanagers';
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/PojoCollector.js b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/PojoCollector.js
index 7aaa6d297bf539..6f5e19e88fd243 100644
--- a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/PojoCollector.js
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/PojoCollector.js
@@ -11,17 +11,17 @@
 'use strict';
 
 import type {
-  ReservedPropTypeAnnotation,
-  NamedShape,
-  ObjectTypeAnnotation,
+  ArrayTypeAnnotation,
   BooleanTypeAnnotation,
-  StringTypeAnnotation,
   DoubleTypeAnnotation,
   FloatTypeAnnotation,
   Int32TypeAnnotation,
-  PropTypeAnnotation,
   MixedTypeAnnotation,
-  ArrayTypeAnnotation,
+  NamedShape,
+  ObjectTypeAnnotation,
+  PropTypeAnnotation,
+  ReservedPropTypeAnnotation,
+  StringTypeAnnotation,
 } from '../../../CodegenSchema';
 
 const {capitalize} = require('../../Utils');
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/index.js b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/index.js
index 66b11f26c8c3e8..a60583debc5474 100644
--- a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/index.js
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/index.js
@@ -12,8 +12,8 @@
 
 import type {SchemaType} from '../../../CodegenSchema';
 
-const PojoCollector = require('./PojoCollector');
 const {capitalize} = require('../../Utils');
+const PojoCollector = require('./PojoCollector');
 const {serializePojo} = require('./serializePojo');
 
 type FilesOutput = Map<string, string>;
diff --git a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/serializePojo.js b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/serializePojo.js
index f9f7234931fee0..7ca6df11d081cd 100644
--- a/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/serializePojo.js
+++ b/packages/react-native-codegen/src/generators/components/GeneratePropsJavaPojo/serializePojo.js
@@ -11,6 +11,7 @@
 'use strict';
 
 import type {Pojo, PojoProperty, PojoTypeAnnotation} from './PojoCollector';
+
 const {capitalize} = require('../../Utils');
 
 type ImportCollector = ($import: string) => void;
diff --git a/packages/react-native-codegen/src/generators/components/GenerateShadowNodeCpp.js b/packages/react-native-codegen/src/generators/components/GenerateShadowNodeCpp.js
index 82cb8ffd5ab559..c6d9f7b738f608 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateShadowNodeCpp.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateShadowNodeCpp.js
@@ -12,15 +12,17 @@
 
 import type {SchemaType} from '../../CodegenSchema';
 
+const {IncludeTemplate} = require('./CppHelpers');
+
 // File path -> contents
 type FilesOutput = Map<string, string>;
 
 const FileTemplate = ({
-  libraryName,
   componentNames,
+  headerPrefix,
 }: {
-  libraryName: string,
   componentNames: string,
+  headerPrefix: string,
 }) => `
 /**
  * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
@@ -31,15 +33,13 @@ const FileTemplate = ({
  * ${'@'}generated by codegen project: GenerateShadowNodeCpp.js
  */
 
-#include <react/renderer/components/${libraryName}/ShadowNodes.h>
+${IncludeTemplate({headerPrefix, file: 'ShadowNodes.h'})}
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ${componentNames}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 
 const ComponentTemplate = ({className}: {className: string}) =>
@@ -53,6 +53,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const fileName = 'ShadowNodes.cpp';
 
@@ -87,7 +88,7 @@ module.exports = {
 
     const replacedTemplate = FileTemplate({
       componentNames,
-      libraryName,
+      headerPrefix: headerPrefix ?? '',
     });
 
     return new Map([[fileName, replacedTemplate]]);
diff --git a/packages/react-native-codegen/src/generators/components/GenerateShadowNodeH.js b/packages/react-native-codegen/src/generators/components/GenerateShadowNodeH.js
index 3e7cf71117ef22..8218495e940073 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateShadowNodeH.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateShadowNodeH.js
@@ -12,17 +12,17 @@
 
 import type {SchemaType} from '../../CodegenSchema';
 
+const {IncludeTemplate} = require('./CppHelpers');
+
 // File path -> contents
 type FilesOutput = Map<string, string>;
 
 const FileTemplate = ({
-  imports,
-  libraryName,
   componentClasses,
+  headerPrefix,
 }: {
-  imports: string,
-  libraryName: string,
   componentClasses: string,
+  headerPrefix: string,
 }) => `
 /**
  * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
@@ -35,18 +35,17 @@ const FileTemplate = ({
 
 #pragma once
 
-${imports}#include <react/renderer/components/${libraryName}/Props.h>
-#include <react/renderer/components/${libraryName}/States.h>
+${IncludeTemplate({headerPrefix, file: 'EventEmitters.h'})}
+${IncludeTemplate({headerPrefix, file: 'Props.h'})}
+${IncludeTemplate({headerPrefix, file: 'States.h'})}
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ${componentClasses}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 
 const ComponentTemplate = ({
@@ -74,6 +73,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const fileName = 'ShadowNodes.h';
 
@@ -111,12 +111,9 @@ module.exports = {
       .filter(Boolean)
       .join('\n\n');
 
-    const eventEmitterImport = `#include <react/renderer/components/${libraryName}/EventEmitters.h>\n`;
-
     const replacedTemplate = FileTemplate({
       componentClasses: moduleResults,
-      libraryName,
-      imports: eventEmitterImport,
+      headerPrefix: headerPrefix ?? '',
     });
 
     return new Map([[fileName, replacedTemplate]]);
diff --git a/packages/react-native-codegen/src/generators/components/GenerateStateCpp.js b/packages/react-native-codegen/src/generators/components/GenerateStateCpp.js
index 36c84339819207..87d734a10a7aeb 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateStateCpp.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateStateCpp.js
@@ -12,15 +12,17 @@
 
 import type {SchemaType} from '../../CodegenSchema';
 
+const {IncludeTemplate} = require('./CppHelpers');
+
 // File path -> contents
 type FilesOutput = Map<string, string>;
 
 const FileTemplate = ({
-  libraryName,
   stateClasses,
+  headerPrefix,
 }: {
-  libraryName: string,
   stateClasses: string,
+  headerPrefix: string,
 }) => `
 /**
  * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
@@ -30,15 +32,13 @@ const FileTemplate = ({
  *
  * ${'@'}generated by codegen project: GenerateStateCpp.js
  */
-#include <react/renderer/components/${libraryName}/States.h>
+${IncludeTemplate({headerPrefix, file: 'States.h'})}
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ${stateClasses}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 
 const StateTemplate = ({stateName}: {stateName: string}) => '';
@@ -49,6 +49,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const fileName = 'States.cpp';
 
@@ -83,8 +84,8 @@ module.exports = {
       .join('\n');
 
     const replacedTemplate = FileTemplate({
-      libraryName,
       stateClasses,
+      headerPrefix: headerPrefix ?? '',
     });
 
     return new Map([[fileName, replacedTemplate]]);
diff --git a/packages/react-native-codegen/src/generators/components/GenerateStateH.js b/packages/react-native-codegen/src/generators/components/GenerateStateH.js
index 658142eaea04eb..3aee725fca3058 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateStateH.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateStateH.js
@@ -39,13 +39,11 @@ const FileTemplate = ({
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ${stateClasses}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `.trim();
 
 const StateTemplate = ({stateName}: {stateName: string}) =>
@@ -72,6 +70,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const fileName = 'States.h';
 
diff --git a/packages/react-native-codegen/src/generators/components/GenerateTests.js b/packages/react-native-codegen/src/generators/components/GenerateTests.js
index 95f51da618d3dc..8017f933ef4467 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateTests.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateTests.js
@@ -12,9 +12,8 @@
 import type {ComponentShape, PropTypeAnnotation} from '../../CodegenSchema';
 import type {SchemaType} from '../../CodegenSchema';
 
-const {getImports} = require('./CppHelpers');
-
 const {toSafeCppString} = require('../Utils');
+const {getImports} = require('./CppHelpers');
 
 type FilesOutput = Map<string, string>;
 type PropValueType = string | number | boolean;
@@ -172,6 +171,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const fileName = 'Tests.cpp';
     const allImports = new Set([
diff --git a/packages/react-native-codegen/src/generators/components/GenerateThirdPartyFabricComponentsProviderH.js b/packages/react-native-codegen/src/generators/components/GenerateThirdPartyFabricComponentsProviderH.js
index 40b168372af7c1..cc42edb5a04b1e 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateThirdPartyFabricComponentsProviderH.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateThirdPartyFabricComponentsProviderH.js
@@ -12,6 +12,10 @@
 
 import type {SchemaType} from '../../CodegenSchema';
 
+const {
+  generateSupportedApplePlatformsMacro,
+} = require('./ComponentsProviderUtils');
+
 // File path -> contents
 type FilesOutput = Map<string, string>;
 
@@ -35,11 +39,12 @@ extern "C" {
 #endif
 
 Class<RCTComponentViewProtocol> RCTThirdPartyFabricComponentsProvider(const char *name);
-
+#if RCT_NEW_ARCH_ENABLED
 #ifndef RCT_DYNAMIC_FRAMEWORKS
 
 ${lookupFuncs}
 
+#endif
 #endif
 
 #ifdef __cplusplus
@@ -62,13 +67,18 @@ Class<RCTComponentViewProtocol> ${className}Cls(void) __attribute__((used)); //
 `.trim();
 
 module.exports = {
-  generate(schemas: {[string]: SchemaType}): FilesOutput {
+  generate(
+    schemas: {[string]: SchemaType},
+    supportedApplePlatforms?: {[string]: {[string]: boolean}},
+  ): FilesOutput {
     const fileName = 'RCTThirdPartyFabricComponentsProvider.h';
 
     const lookupFuncs = Object.keys(schemas)
       .map(libraryName => {
         const schema = schemas[libraryName];
-        return Object.keys(schema.modules)
+        const librarySupportedApplePlatforms =
+          supportedApplePlatforms?.[libraryName];
+        const generatedLookup = Object.keys(schema.modules)
           .map(moduleName => {
             const module = schema.modules[moduleName];
             if (module.type !== 'Component') {
@@ -99,6 +109,11 @@ module.exports = {
           })
           .filter(Boolean)
           .join('\n');
+
+        return generateSupportedApplePlatformsMacro(
+          generatedLookup,
+          librarySupportedApplePlatforms,
+        );
       })
       .join('\n');
 
diff --git a/packages/react-native-codegen/src/generators/components/GenerateThirdPartyFabricComponentsProviderObjCpp.js b/packages/react-native-codegen/src/generators/components/GenerateThirdPartyFabricComponentsProviderObjCpp.js
index 06e964845d3f52..ad99c964437eaa 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateThirdPartyFabricComponentsProviderObjCpp.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateThirdPartyFabricComponentsProviderObjCpp.js
@@ -12,6 +12,10 @@
 
 import type {SchemaType} from '../../CodegenSchema';
 
+const {
+  generateSupportedApplePlatformsMacro,
+} = require('./ComponentsProviderUtils');
+
 // File path -> contents
 type FilesOutput = Map<string, string>;
 
@@ -34,9 +38,11 @@ const FileTemplate = ({lookupMap}: {lookupMap: string}) => `
 
 Class<RCTComponentViewProtocol> RCTThirdPartyFabricComponentsProvider(const char *name) {
   static std::unordered_map<std::string, Class (*)(void)> sFabricComponentsClassMap = {
+    #if RCT_NEW_ARCH_ENABLED
     #ifndef RCT_DYNAMIC_FRAMEWORKS
 ${lookupMap}
     #endif
+    #endif
   };
 
   auto p = sFabricComponentsClassMap.find(name);
@@ -58,13 +64,19 @@ const LookupMapTemplate = ({
     {"${className}", ${className}Cls}, // ${libraryName}`;
 
 module.exports = {
-  generate(schemas: {[string]: SchemaType}): FilesOutput {
+  generate(
+    schemas: {[string]: SchemaType},
+    supportedApplePlatforms?: {[string]: {[string]: boolean}},
+  ): FilesOutput {
     const fileName = 'RCTThirdPartyFabricComponentsProvider.mm';
 
     const lookupMap = Object.keys(schemas)
       .map(libraryName => {
         const schema = schemas[libraryName];
-        return Object.keys(schema.modules)
+        const librarySupportedApplePlatforms =
+          supportedApplePlatforms?.[libraryName];
+
+        const generatedLookup = Object.keys(schema.modules)
           .map(moduleName => {
             const module = schema.modules[moduleName];
             if (module.type !== 'Component') {
@@ -96,7 +108,13 @@ module.exports = {
 
             return componentTemplates.length > 0 ? componentTemplates : null;
           })
-          .filter(Boolean);
+          .filter(Boolean)
+          .join('\n');
+
+        return generateSupportedApplePlatformsMacro(
+          generatedLookup,
+          librarySupportedApplePlatforms,
+        );
       })
       .join('\n');
 
diff --git a/packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js b/packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js
index c8d96823129b78..f09b38c7885f52 100644
--- a/packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js
+++ b/packages/react-native-codegen/src/generators/components/GenerateViewConfigJs.js
@@ -197,7 +197,7 @@ function generateBubblingEventInfo(
 ) {
   return j.property(
     'init',
-    j.identifier(nameOveride || normalizeInputEventName(event.name)),
+    j.identifier(normalizeInputEventName(nameOveride || event.name)),
     j.objectExpression([
       j.property(
         'init',
@@ -221,7 +221,7 @@ function generateDirectEventInfo(
 ) {
   return j.property(
     'init',
-    j.identifier(nameOveride || normalizeInputEventName(event.name)),
+    j.identifier(normalizeInputEventName(nameOveride || event.name)),
     j.objectExpression([
       j.property(
         'init',
diff --git a/packages/react-native-codegen/src/generators/components/JavaHelpers.js b/packages/react-native-codegen/src/generators/components/JavaHelpers.js
index 48556d47db6636..9b835bb6f91820 100644
--- a/packages/react-native-codegen/src/generators/components/JavaHelpers.js
+++ b/packages/react-native-codegen/src/generators/components/JavaHelpers.js
@@ -127,6 +127,15 @@ function getImports(
     }
   });
 
+  component.commands.forEach(command => {
+    command.typeAnnotation.params.forEach(param => {
+      const cmdParamType = param.typeAnnotation.type;
+      if (cmdParamType === 'ArrayTypeAnnotation') {
+        imports.add('import com.facebook.react.bridge.ReadableArray;');
+      }
+    });
+  });
+
   return imports;
 }
 
diff --git a/packages/react-native-codegen/src/generators/components/__test_fixtures__/fixtures.js b/packages/react-native-codegen/src/generators/components/__test_fixtures__/fixtures.js
index 65f7a46d25ba2c..3b6915f33f9ec2 100644
--- a/packages/react-native-codegen/src/generators/components/__test_fixtures__/fixtures.js
+++ b/packages/react-native-codegen/src/generators/components/__test_fixtures__/fixtures.js
@@ -1726,6 +1726,28 @@ const COMMANDS_AND_PROPS: SchemaType = {
                 },
               },
             },
+            {
+              name: 'addItems',
+              optional: false,
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                params: [
+                  {
+                    name: 'items',
+                    optional: false,
+                    typeAnnotation: {
+                      type: 'ArrayTypeAnnotation',
+                      elementType: {
+                        type: 'StringTypeAnnotation',
+                      },
+                    },
+                  },
+                ],
+                returnTypeAnnotation: {
+                  type: 'VoidTypeAnnotation',
+                },
+              },
+            },
           ],
         },
       },
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/GenerateComponentDescriptorCpp-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateComponentDescriptorCpp-test.js
new file mode 100644
index 00000000000000..ebef5169033a4c
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateComponentDescriptorCpp-test.js
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+'use strict';
+
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const generator = require('../GenerateComponentDescriptorCpp.js');
+
+describe('GenerateComponentDescriptorCpp', () => {
+  Object.keys(fixtures)
+    .sort()
+    .forEach(fixtureName => {
+      const fixture = fixtures[fixtureName];
+
+      it(`can generate fixture ${fixtureName}`, () => {
+        expect(
+          generator.generate(
+            fixtureName,
+            fixture,
+            '',
+            false,
+            `react/renderer/components/${fixtureName}/`,
+          ),
+        ).toMatchSnapshot();
+      });
+    });
+});
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/GenerateComponentDescriptorH-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateComponentDescriptorH-test.js
index 4074282cc57a38..e82eddd170c32a 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/GenerateComponentDescriptorH-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateComponentDescriptorH-test.js
@@ -21,7 +21,15 @@ describe('GenerateComponentDescriptorH', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(
+            fixtureName,
+            fixture,
+            '',
+            false,
+            `react/renderer/components/${fixtureName}/`,
+          ),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/GenerateEventEmitterCpp-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateEventEmitterCpp-test.js
index 11c6328ab729da..65edf61ff7c5ef 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/GenerateEventEmitterCpp-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateEventEmitterCpp-test.js
@@ -21,7 +21,15 @@ describe('GenerateEventEmitterCpp', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(
+            fixtureName,
+            fixture,
+            '',
+            false,
+            `react/renderer/components/${fixtureName}/`,
+          ),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsCpp-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsCpp-test.js
index ff77b09ca49b77..0ee57230d1c1c0 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsCpp-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GeneratePropsCpp-test.js
@@ -21,7 +21,15 @@ describe('GeneratePropsCpp', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(
+            fixtureName,
+            fixture,
+            '',
+            false,
+            `react/renderer/components/${fixtureName}/`,
+          ),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeCpp-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeCpp-test.js
index 3acb8162fe65a3..71903e8b92e334 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeCpp-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeCpp-test.js
@@ -22,7 +22,13 @@ describe('GenerateShadowNodeCpp', () => {
 
       it(`can generate fixture ${fixtureName}`, () => {
         expect(
-          generator.generate(fixtureName, fixture, 'SampleSpec'),
+          generator.generate(
+            fixtureName,
+            fixture,
+            'SampleSpec',
+            false,
+            `react/renderer/components/${fixtureName}/`,
+          ),
         ).toMatchSnapshot();
       });
     });
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeH-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeH-test.js
index cafe5cf886f75b..0ab80f0b559e19 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeH-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateShadowNodeH-test.js
@@ -21,7 +21,15 @@ describe('GenerateShadowNodeH', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(
+            fixtureName,
+            fixture,
+            '',
+            false,
+            `react/renderer/components/${fixtureName}/`,
+          ),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/GenerateStateCpp-test.js b/packages/react-native-codegen/src/generators/components/__tests__/GenerateStateCpp-test.js
index 1ccba96ba02d9b..218bf057b4aa0b 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/GenerateStateCpp-test.js
+++ b/packages/react-native-codegen/src/generators/components/__tests__/GenerateStateCpp-test.js
@@ -21,7 +21,15 @@ describe('GenerateStateCpp', () => {
       const fixture = fixtures[fixtureName];
 
       it(`can generate fixture ${fixtureName}`, () => {
-        expect(generator.generate(fixtureName, fixture)).toMatchSnapshot();
+        expect(
+          generator.generate(
+            fixtureName,
+            fixture,
+            '',
+            false,
+            `react/renderer/components/${fixtureName}/`,
+          ),
+        ).toMatchSnapshot();
       });
     });
 });
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentDescriptorCpp-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentDescriptorCpp-test.js.snap
new file mode 100644
index 00000000000000..84accf396ae90a
--- /dev/null
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentDescriptorCpp-test.js.snap
@@ -0,0 +1,816 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`GenerateComponentDescriptorCpp can generate fixture ARRAY_PROPS 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/ARRAY_PROPS/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void ARRAY_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<ArrayPropsNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture ARRAY_PROPS_WITH_NESTED_OBJECT 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/ARRAY_PROPS_WITH_NESTED_OBJECT/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void ARRAY_PROPS_WITH_NESTED_OBJECT_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<ArrayPropsNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture BOOLEAN_PROP 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/BOOLEAN_PROP/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void BOOLEAN_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<BooleanPropNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture COLOR_PROP 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/COLOR_PROP/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void COLOR_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<ColorPropNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture COMMANDS 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/COMMANDS/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void COMMANDS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<CommandNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture COMMANDS_AND_PROPS 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/COMMANDS_AND_PROPS/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void COMMANDS_AND_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<CommandNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture DIMENSION_PROP 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/DIMENSION_PROP/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void DIMENSION_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<DimensionPropNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture DOUBLE_PROPS 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/DOUBLE_PROPS/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void DOUBLE_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<DoublePropNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture EVENT_NESTED_OBJECT_PROPS 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/EVENT_NESTED_OBJECT_PROPS/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void EVENT_NESTED_OBJECT_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<EventsNestedObjectNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture EVENT_PROPS 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/EVENT_PROPS/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void EVENT_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<EventsNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture EVENTS_WITH_PAPER_NAME 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/EVENTS_WITH_PAPER_NAME/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void EVENTS_WITH_PAPER_NAME_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture EXCLUDE_ANDROID 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/EXCLUDE_ANDROID/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void EXCLUDE_ANDROID_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<ExcludedAndroidComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture EXCLUDE_ANDROID_IOS 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/EXCLUDE_ANDROID_IOS/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void EXCLUDE_ANDROID_IOS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<ExcludedAndroidIosComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture EXCLUDE_IOS_TWO_COMPONENTS_DIFFERENT_FILES 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/EXCLUDE_IOS_TWO_COMPONENTS_DIFFERENT_FILES/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void EXCLUDE_IOS_TWO_COMPONENTS_DIFFERENT_FILES_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<ExcludedIosComponentComponentDescriptor>());
+registry->add(concreteComponentDescriptorProvider<MultiFileIncludedNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture FLOAT_PROPS 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/FLOAT_PROPS/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void FLOAT_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<FloatPropNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture IMAGE_PROP 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/IMAGE_PROP/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void IMAGE_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<ImagePropNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture INSETS_PROP 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/INSETS_PROP/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void INSETS_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<InsetsPropNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture INT32_ENUM_PROP 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/INT32_ENUM_PROP/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void INT32_ENUM_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<Int32EnumPropsNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture INTEGER_PROPS 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/INTEGER_PROPS/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void INTEGER_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<IntegerPropNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture INTERFACE_ONLY 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/INTERFACE_ONLY/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void INTERFACE_ONLY_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture MIXED_PROP 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/MIXED_PROP/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void MIXED_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<MixedPropNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture MULTI_NATIVE_PROP 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/MULTI_NATIVE_PROP/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void MULTI_NATIVE_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<ImageColorPropNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture NO_PROPS_NO_EVENTS 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/NO_PROPS_NO_EVENTS/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void NO_PROPS_NO_EVENTS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<NoPropsNoEventsComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture OBJECT_PROPS 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/OBJECT_PROPS/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void OBJECT_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<ObjectPropsComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture POINT_PROP 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/POINT_PROP/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void POINT_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<PointPropNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture STRING_ENUM_PROP 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/STRING_ENUM_PROP/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void STRING_ENUM_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<StringEnumPropsNativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture STRING_PROP 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/STRING_PROP/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void STRING_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<StringPropComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture TWO_COMPONENTS_DIFFERENT_FILES 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/TWO_COMPONENTS_DIFFERENT_FILES/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void TWO_COMPONENTS_DIFFERENT_FILES_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<MultiFile1NativeComponentComponentDescriptor>());
+registry->add(concreteComponentDescriptorProvider<MultiFile2NativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateComponentDescriptorCpp can generate fixture TWO_COMPONENTS_SAME_FILE 1`] = `
+Map {
+  "ComponentDescriptors.cpp" => "
+/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateComponentDescriptorCpp.js
+ */
+
+#include <react/renderer/components/TWO_COMPONENTS_SAME_FILE/ComponentDescriptors.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+
+namespace facebook::react {
+
+void TWO_COMPONENTS_SAME_FILE_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
+registry->add(concreteComponentDescriptorProvider<MultiComponent1NativeComponentComponentDescriptor>());
+registry->add(concreteComponentDescriptorProvider<MultiComponent2NativeComponentComponentDescriptor>());
+}
+
+} // namespace facebook::react
+",
+}
+`;
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentDescriptorH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentDescriptorH-test.js.snap
index 72653d4c56f282..605f4a21938960 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentDescriptorH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentDescriptorH-test.js.snap
@@ -16,14 +16,16 @@ Map {
 
 #include <react/renderer/components/ARRAY_PROPS/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ArrayPropsNativeComponentComponentDescriptor = ConcreteComponentDescriptor<ArrayPropsNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void ARRAY_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -44,14 +46,16 @@ Map {
 
 #include <react/renderer/components/ARRAY_PROPS_WITH_NESTED_OBJECT/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ArrayPropsNativeComponentComponentDescriptor = ConcreteComponentDescriptor<ArrayPropsNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void ARRAY_PROPS_WITH_NESTED_OBJECT_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -72,14 +76,16 @@ Map {
 
 #include <react/renderer/components/BOOLEAN_PROP/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using BooleanPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<BooleanPropNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void BOOLEAN_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -100,14 +106,16 @@ Map {
 
 #include <react/renderer/components/COLOR_PROP/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ColorPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<ColorPropNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void COLOR_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -128,14 +136,16 @@ Map {
 
 #include <react/renderer/components/COMMANDS/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using CommandNativeComponentComponentDescriptor = ConcreteComponentDescriptor<CommandNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void COMMANDS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -156,14 +166,16 @@ Map {
 
 #include <react/renderer/components/COMMANDS_AND_PROPS/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using CommandNativeComponentComponentDescriptor = ConcreteComponentDescriptor<CommandNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void COMMANDS_AND_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -184,14 +196,16 @@ Map {
 
 #include <react/renderer/components/DIMENSION_PROP/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using DimensionPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<DimensionPropNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void DIMENSION_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -212,14 +226,16 @@ Map {
 
 #include <react/renderer/components/DOUBLE_PROPS/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using DoublePropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<DoublePropNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void DOUBLE_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -240,14 +256,16 @@ Map {
 
 #include <react/renderer/components/EVENT_NESTED_OBJECT_PROPS/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using EventsNestedObjectNativeComponentComponentDescriptor = ConcreteComponentDescriptor<EventsNestedObjectNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void EVENT_NESTED_OBJECT_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -268,14 +286,16 @@ Map {
 
 #include <react/renderer/components/EVENT_PROPS/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using EventsNativeComponentComponentDescriptor = ConcreteComponentDescriptor<EventsNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void EVENT_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -296,14 +316,16 @@ Map {
 
 #include <react/renderer/components/EVENTS_WITH_PAPER_NAME/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+void EVENTS_WITH_PAPER_NAME_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -324,14 +346,16 @@ Map {
 
 #include <react/renderer/components/EXCLUDE_ANDROID/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ExcludedAndroidComponentComponentDescriptor = ConcreteComponentDescriptor<ExcludedAndroidComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void EXCLUDE_ANDROID_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -352,14 +376,16 @@ Map {
 
 #include <react/renderer/components/EXCLUDE_ANDROID_IOS/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ExcludedAndroidIosComponentComponentDescriptor = ConcreteComponentDescriptor<ExcludedAndroidIosComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void EXCLUDE_ANDROID_IOS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -380,15 +406,17 @@ Map {
 
 #include <react/renderer/components/EXCLUDE_IOS_TWO_COMPONENTS_DIFFERENT_FILES/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ExcludedIosComponentComponentDescriptor = ConcreteComponentDescriptor<ExcludedIosComponentShadowNode>;
 using MultiFileIncludedNativeComponentComponentDescriptor = ConcreteComponentDescriptor<MultiFileIncludedNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void EXCLUDE_IOS_TWO_COMPONENTS_DIFFERENT_FILES_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -409,14 +437,16 @@ Map {
 
 #include <react/renderer/components/FLOAT_PROPS/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using FloatPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<FloatPropNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void FLOAT_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -437,14 +467,16 @@ Map {
 
 #include <react/renderer/components/IMAGE_PROP/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ImagePropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<ImagePropNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void IMAGE_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -465,14 +497,16 @@ Map {
 
 #include <react/renderer/components/INSETS_PROP/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using InsetsPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<InsetsPropNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void INSETS_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -493,14 +527,16 @@ Map {
 
 #include <react/renderer/components/INT32_ENUM_PROP/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using Int32EnumPropsNativeComponentComponentDescriptor = ConcreteComponentDescriptor<Int32EnumPropsNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void INT32_ENUM_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -521,14 +557,16 @@ Map {
 
 #include <react/renderer/components/INTEGER_PROPS/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using IntegerPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<IntegerPropNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void INTEGER_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -549,14 +587,16 @@ Map {
 
 #include <react/renderer/components/INTERFACE_ONLY/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+void INTERFACE_ONLY_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -577,14 +617,16 @@ Map {
 
 #include <react/renderer/components/MIXED_PROP/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using MixedPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<MixedPropNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void MIXED_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -605,14 +647,16 @@ Map {
 
 #include <react/renderer/components/MULTI_NATIVE_PROP/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ImageColorPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<ImageColorPropNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void MULTI_NATIVE_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -633,14 +677,16 @@ Map {
 
 #include <react/renderer/components/NO_PROPS_NO_EVENTS/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using NoPropsNoEventsComponentComponentDescriptor = ConcreteComponentDescriptor<NoPropsNoEventsComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void NO_PROPS_NO_EVENTS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -661,14 +707,16 @@ Map {
 
 #include <react/renderer/components/OBJECT_PROPS/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ObjectPropsComponentDescriptor = ConcreteComponentDescriptor<ObjectPropsShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void OBJECT_PROPS_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -689,14 +737,16 @@ Map {
 
 #include <react/renderer/components/POINT_PROP/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using PointPropNativeComponentComponentDescriptor = ConcreteComponentDescriptor<PointPropNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void POINT_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -717,14 +767,16 @@ Map {
 
 #include <react/renderer/components/STRING_ENUM_PROP/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using StringEnumPropsNativeComponentComponentDescriptor = ConcreteComponentDescriptor<StringEnumPropsNativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void STRING_ENUM_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -745,14 +797,16 @@ Map {
 
 #include <react/renderer/components/STRING_PROP/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using StringPropComponentComponentDescriptor = ConcreteComponentDescriptor<StringPropComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void STRING_PROP_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -773,15 +827,17 @@ Map {
 
 #include <react/renderer/components/TWO_COMPONENTS_DIFFERENT_FILES/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using MultiFile1NativeComponentComponentDescriptor = ConcreteComponentDescriptor<MultiFile1NativeComponentShadowNode>;
 using MultiFile2NativeComponentComponentDescriptor = ConcreteComponentDescriptor<MultiFile2NativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void TWO_COMPONENTS_DIFFERENT_FILES_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
@@ -802,15 +858,17 @@ Map {
 
 #include <react/renderer/components/TWO_COMPONENTS_SAME_FILE/ShadowNodes.h>
 #include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using MultiComponent1NativeComponentComponentDescriptor = ConcreteComponentDescriptor<MultiComponent1NativeComponentShadowNode>;
 using MultiComponent2NativeComponentComponentDescriptor = ConcreteComponentDescriptor<MultiComponent2NativeComponentShadowNode>;
 
-} // namespace react
-} // namespace facebook
+void TWO_COMPONENTS_SAME_FILE_registerComponentDescriptorsFromCodegen(
+  std::shared_ptr<const ComponentDescriptorProviderRegistry> registry);
+
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentHObjCpp-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentHObjCpp-test.js.snap
index b232a9446ff12f..c8b74b0aeb278e 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentHObjCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateComponentHObjCpp-test.js.snap
@@ -222,6 +222,7 @@ NS_ASSUME_NONNULL_BEGIN
 @protocol RCTCommandNativeComponentViewProtocol <NSObject>
 - (void)handleRootTag:(double)rootTag;
 - (void)hotspotUpdate:(NSInteger)x y:(NSInteger)y;
+- (void)addItems:(const NSArray *)items;
 @end
 
 RCT_EXTERN inline void RCTCommandNativeComponentHandleCommand(
@@ -277,6 +278,26 @@ NSObject *arg1 = args[1];
   return;
 }
 
+if ([commandName isEqualToString:@\\"addItems\\"]) {
+#if RCT_DEBUG
+  if ([args count] != 1) {
+    RCTLogError(@\\"%@ command %@ received %d arguments, expected %d.\\", @\\"CommandNativeComponent\\", commandName, (int)[args count], 1);
+    return;
+  }
+#endif
+
+  NSObject *arg0 = args[0];
+#if RCT_DEBUG
+  if (!RCTValidateTypeOfViewCommandArgument(arg0, [NSArray class], @\\"array\\", @\\"CommandNativeComponent\\", commandName, @\\"1st\\")) {
+    return;
+  }
+#endif
+  const NSArray * items = (NSArray *)arg0;
+
+  [componentView addItems:items];
+  return;
+}
+
 #if RCT_DEBUG
   RCTLogError(@\\"%@ received command %@, which is not a supported command.\\", @\\"CommandNativeComponent\\", commandName);
 #endif
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap
index 2ec6051506eab0..ff3dea1de62bda 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterCpp-test.js.snap
@@ -15,11 +15,9 @@ Map {
 #include <react/renderer/components/ARRAY_PROPS/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -39,11 +37,9 @@ Map {
 #include <react/renderer/components/ARRAY_PROPS_WITH_NESTED_OBJECT/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -63,11 +59,9 @@ Map {
 #include <react/renderer/components/BOOLEAN_PROP/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -87,11 +81,9 @@ Map {
 #include <react/renderer/components/COLOR_PROP/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -111,11 +103,9 @@ Map {
 #include <react/renderer/components/COMMANDS/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -135,11 +125,9 @@ Map {
 #include <react/renderer/components/COMMANDS_AND_PROPS/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -159,11 +147,9 @@ Map {
 #include <react/renderer/components/DIMENSION_PROP/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -183,11 +169,9 @@ Map {
 #include <react/renderer/components/DOUBLE_PROPS/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -207,8 +191,7 @@ Map {
 #include <react/renderer/components/EVENT_NESTED_OBJECT_PROPS/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 void EventsNestedObjectNativeComponentEventEmitter::onChange(OnChange $event) const {
   dispatchEvent(\\"change\\", [$event=std::move($event)](jsi::Runtime &runtime) {
@@ -228,8 +211,7 @@ void EventsNestedObjectNativeComponentEventEmitter::onChange(OnChange $event) co
   });
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -249,8 +231,7 @@ Map {
 #include <react/renderer/components/EVENT_PROPS/EventEmitters.h>
 #include <jsi/JSIDynamic.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 void EventsNativeComponentEventEmitter::onChange(OnChange $event) const {
   dispatchEvent(\\"change\\", [$event=std::move($event)](jsi::Runtime &runtime) {
@@ -357,8 +338,7 @@ void EventsNativeComponentEventEmitter::onEventWithMixedPropAttribute(OnEventWit
   });
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -378,11 +358,10 @@ Map {
 #include <react/renderer/components/EVENTS_WITH_PAPER_NAME/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 void InterfaceOnlyComponentEventEmitter::onChange(OnChange $event) const {
-  dispatchEvent(\\"change\\", [$event=std::move($event)](jsi::Runtime &runtime) {
+  dispatchEvent(\\"paperChange\\", [$event=std::move($event)](jsi::Runtime &runtime) {
     auto $payload = jsi::Object(runtime);
     $payload.setProperty(runtime, \\"value\\", $event.value);
     return $payload;
@@ -391,15 +370,14 @@ void InterfaceOnlyComponentEventEmitter::onChange(OnChange $event) const {
 
 
 void InterfaceOnlyComponentEventEmitter::onDirectChange(OnDirectChange $event) const {
-  dispatchEvent(\\"directChange\\", [$event=std::move($event)](jsi::Runtime &runtime) {
+  dispatchEvent(\\"paperDirectChange\\", [$event=std::move($event)](jsi::Runtime &runtime) {
     auto $payload = jsi::Object(runtime);
     $payload.setProperty(runtime, \\"value\\", $event.value);
     return $payload;
   });
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -419,11 +397,9 @@ Map {
 #include <react/renderer/components/EXCLUDE_ANDROID/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -443,11 +419,9 @@ Map {
 #include <react/renderer/components/EXCLUDE_ANDROID_IOS/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -467,12 +441,10 @@ Map {
 #include <react/renderer/components/EXCLUDE_IOS_TWO_COMPONENTS_DIFFERENT_FILES/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -492,11 +464,9 @@ Map {
 #include <react/renderer/components/FLOAT_PROPS/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -516,11 +486,9 @@ Map {
 #include <react/renderer/components/IMAGE_PROP/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -540,11 +508,9 @@ Map {
 #include <react/renderer/components/INSETS_PROP/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -564,11 +530,9 @@ Map {
 #include <react/renderer/components/INT32_ENUM_PROP/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -588,11 +552,9 @@ Map {
 #include <react/renderer/components/INTEGER_PROPS/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -612,8 +574,7 @@ Map {
 #include <react/renderer/components/INTERFACE_ONLY/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 void InterfaceOnlyComponentEventEmitter::onChange(OnChange $event) const {
   dispatchEvent(\\"change\\", [$event=std::move($event)](jsi::Runtime &runtime) {
@@ -623,8 +584,7 @@ void InterfaceOnlyComponentEventEmitter::onChange(OnChange $event) const {
   });
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -644,11 +604,9 @@ Map {
 #include <react/renderer/components/MIXED_PROP/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -668,11 +626,9 @@ Map {
 #include <react/renderer/components/MULTI_NATIVE_PROP/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -692,11 +648,9 @@ Map {
 #include <react/renderer/components/NO_PROPS_NO_EVENTS/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -716,11 +670,9 @@ Map {
 #include <react/renderer/components/OBJECT_PROPS/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -740,11 +692,9 @@ Map {
 #include <react/renderer/components/POINT_PROP/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -764,11 +714,9 @@ Map {
 #include <react/renderer/components/STRING_ENUM_PROP/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -788,11 +736,9 @@ Map {
 #include <react/renderer/components/STRING_PROP/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -812,12 +758,10 @@ Map {
 #include <react/renderer/components/TWO_COMPONENTS_DIFFERENT_FILES/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -837,12 +781,10 @@ Map {
 #include <react/renderer/components/TWO_COMPONENTS_SAME_FILE/EventEmitters.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap
index ca4237ab4d7474..b6de40820ccb6d 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateEventEmitterH-test.js.snap
@@ -16,8 +16,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ArrayPropsNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -25,8 +24,7 @@ class ArrayPropsNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -47,8 +45,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ArrayPropsNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -56,8 +53,7 @@ class ArrayPropsNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -78,8 +74,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class BooleanPropNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -87,8 +82,7 @@ class BooleanPropNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -109,8 +103,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ColorPropNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -118,8 +111,7 @@ class ColorPropNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -140,8 +132,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class CommandNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -149,8 +140,7 @@ class CommandNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -171,8 +161,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class CommandNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -180,8 +169,7 @@ class CommandNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -202,8 +190,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class DimensionPropNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -211,8 +198,7 @@ class DimensionPropNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -233,8 +219,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class DoublePropNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -242,8 +227,7 @@ class DoublePropNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -264,8 +248,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class EventsNestedObjectNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -285,8 +268,7 @@ class EventsNestedObjectNativeComponentEventEmitter : public ViewEventEmitter {
     };
   void onChange(OnChange value) const;
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -307,8 +289,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 #include <folly/dynamic.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class EventsNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -381,8 +362,7 @@ class EventsNativeComponentEventEmitter : public ViewEventEmitter {
 
   void onEventWithMixedPropAttribute(OnEventWithMixedPropAttribute value) const;
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -403,8 +383,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class InterfaceOnlyComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -420,8 +399,7 @@ class InterfaceOnlyComponentEventEmitter : public ViewEventEmitter {
 
   void onDirectChange(OnDirectChange value) const;
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -442,8 +420,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ExcludedAndroidComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -451,8 +428,7 @@ class ExcludedAndroidComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -473,8 +449,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ExcludedAndroidIosComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -482,8 +457,7 @@ class ExcludedAndroidIosComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -504,8 +478,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ExcludedIosComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -520,8 +493,7 @@ class MultiFileIncludedNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -542,8 +514,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class FloatPropNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -551,8 +522,7 @@ class FloatPropNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -573,8 +543,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ImagePropNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -582,8 +551,7 @@ class ImagePropNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -604,8 +572,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class InsetsPropNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -613,8 +580,7 @@ class InsetsPropNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -635,8 +601,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class Int32EnumPropsNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -644,8 +609,7 @@ class Int32EnumPropsNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -666,8 +630,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class IntegerPropNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -675,8 +638,7 @@ class IntegerPropNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -697,8 +659,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class InterfaceOnlyComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -708,8 +669,7 @@ class InterfaceOnlyComponentEventEmitter : public ViewEventEmitter {
     };
   void onChange(OnChange value) const;
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -730,8 +690,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class MixedPropNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -739,8 +698,7 @@ class MixedPropNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -761,8 +719,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ImageColorPropNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -770,8 +727,7 @@ class ImageColorPropNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -792,8 +748,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class NoPropsNoEventsComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -801,8 +756,7 @@ class NoPropsNoEventsComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -823,8 +777,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class ObjectPropsEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -832,8 +785,7 @@ class ObjectPropsEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -854,8 +806,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class PointPropNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -863,8 +814,7 @@ class PointPropNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -885,8 +835,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class StringEnumPropsNativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -894,8 +843,7 @@ class StringEnumPropsNativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -916,8 +864,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class StringPropComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -925,8 +872,7 @@ class StringPropComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -947,8 +893,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class MultiFile1NativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -963,8 +908,7 @@ class MultiFile2NativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -985,8 +929,7 @@ Map {
 #include <react/renderer/components/view/ViewEventEmitter.h>
 
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 class MultiComponent1NativeComponentEventEmitter : public ViewEventEmitter {
  public:
   using ViewEventEmitter::ViewEventEmitter;
@@ -1001,8 +944,7 @@ class MultiComponent2NativeComponentEventEmitter : public ViewEventEmitter {
   
   
 };
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsCpp-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsCpp-test.js.snap
index 2dd8e73764b4c6..8d21560f105d53 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsCpp-test.js.snap
@@ -18,8 +18,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ArrayPropsNativeComponentProps::ArrayPropsNativeComponentProps(
     const PropsParserContext &context,
@@ -40,8 +39,7 @@ ArrayPropsNativeComponentProps::ArrayPropsNativeComponentProps(
     arrayOfArrayOfObject(convertRawProp(context, rawProps, \\"arrayOfArrayOfObject\\", sourceProps.arrayOfArrayOfObject, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -62,8 +60,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ArrayPropsNativeComponentProps::ArrayPropsNativeComponentProps(
     const PropsParserContext &context,
@@ -73,8 +70,7 @@ ArrayPropsNativeComponentProps::ArrayPropsNativeComponentProps(
     nativePrimitives(convertRawProp(context, rawProps, \\"nativePrimitives\\", sourceProps.nativePrimitives, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -95,8 +91,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 BooleanPropNativeComponentProps::BooleanPropNativeComponentProps(
     const PropsParserContext &context,
@@ -106,8 +101,7 @@ BooleanPropNativeComponentProps::BooleanPropNativeComponentProps(
     disabled(convertRawProp(context, rawProps, \\"disabled\\", sourceProps.disabled, {false}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -128,8 +122,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ColorPropNativeComponentProps::ColorPropNativeComponentProps(
     const PropsParserContext &context,
@@ -139,8 +132,7 @@ ColorPropNativeComponentProps::ColorPropNativeComponentProps(
     tintColor(convertRawProp(context, rawProps, \\"tintColor\\", sourceProps.tintColor, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -161,8 +153,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 CommandNativeComponentProps::CommandNativeComponentProps(
     const PropsParserContext &context,
@@ -172,8 +163,7 @@ CommandNativeComponentProps::CommandNativeComponentProps(
     
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -194,8 +184,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 CommandNativeComponentProps::CommandNativeComponentProps(
     const PropsParserContext &context,
@@ -205,8 +194,7 @@ CommandNativeComponentProps::CommandNativeComponentProps(
     accessibilityHint(convertRawProp(context, rawProps, \\"accessibilityHint\\", sourceProps.accessibilityHint, {\\"\\"}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -228,8 +216,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 DimensionPropNativeComponentProps::DimensionPropNativeComponentProps(
     const PropsParserContext &context,
@@ -239,8 +226,7 @@ DimensionPropNativeComponentProps::DimensionPropNativeComponentProps(
     marginBack(convertRawProp(context, rawProps, \\"marginBack\\", sourceProps.marginBack, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -261,8 +247,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 DoublePropNativeComponentProps::DoublePropNativeComponentProps(
     const PropsParserContext &context,
@@ -277,8 +262,7 @@ DoublePropNativeComponentProps::DoublePropNativeComponentProps(
     blurRadius6(convertRawProp(context, rawProps, \\"blurRadius6\\", sourceProps.blurRadius6, {0.0}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -299,8 +283,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 EventsNestedObjectNativeComponentProps::EventsNestedObjectNativeComponentProps(
     const PropsParserContext &context,
@@ -310,8 +293,7 @@ EventsNestedObjectNativeComponentProps::EventsNestedObjectNativeComponentProps(
     disabled(convertRawProp(context, rawProps, \\"disabled\\", sourceProps.disabled, {false}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -332,8 +314,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 EventsNativeComponentProps::EventsNativeComponentProps(
     const PropsParserContext &context,
@@ -343,8 +324,7 @@ EventsNativeComponentProps::EventsNativeComponentProps(
     disabled(convertRawProp(context, rawProps, \\"disabled\\", sourceProps.disabled, {false}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -365,8 +345,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 InterfaceOnlyComponentProps::InterfaceOnlyComponentProps(
     const PropsParserContext &context,
@@ -376,8 +355,7 @@ InterfaceOnlyComponentProps::InterfaceOnlyComponentProps(
     
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -398,8 +376,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ExcludedAndroidComponentProps::ExcludedAndroidComponentProps(
     const PropsParserContext &context,
@@ -409,8 +386,7 @@ ExcludedAndroidComponentProps::ExcludedAndroidComponentProps(
     
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -431,8 +407,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ExcludedAndroidIosComponentProps::ExcludedAndroidIosComponentProps(
     const PropsParserContext &context,
@@ -442,8 +417,7 @@ ExcludedAndroidIosComponentProps::ExcludedAndroidIosComponentProps(
     
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -464,8 +438,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ExcludedIosComponentProps::ExcludedIosComponentProps(
     const PropsParserContext &context,
@@ -482,8 +455,7 @@ MultiFileIncludedNativeComponentProps::MultiFileIncludedNativeComponentProps(
     disabled(convertRawProp(context, rawProps, \\"disabled\\", sourceProps.disabled, {true}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -504,8 +476,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 FloatPropNativeComponentProps::FloatPropNativeComponentProps(
     const PropsParserContext &context,
@@ -520,8 +491,7 @@ FloatPropNativeComponentProps::FloatPropNativeComponentProps(
     blurRadius6(convertRawProp(context, rawProps, \\"blurRadius6\\", sourceProps.blurRadius6, {0.0}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -543,8 +513,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ImagePropNativeComponentProps::ImagePropNativeComponentProps(
     const PropsParserContext &context,
@@ -554,8 +523,7 @@ ImagePropNativeComponentProps::ImagePropNativeComponentProps(
     thumbImage(convertRawProp(context, rawProps, \\"thumbImage\\", sourceProps.thumbImage, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -576,8 +544,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 InsetsPropNativeComponentProps::InsetsPropNativeComponentProps(
     const PropsParserContext &context,
@@ -587,8 +554,7 @@ InsetsPropNativeComponentProps::InsetsPropNativeComponentProps(
     contentInset(convertRawProp(context, rawProps, \\"contentInset\\", sourceProps.contentInset, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -609,8 +575,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 Int32EnumPropsNativeComponentProps::Int32EnumPropsNativeComponentProps(
     const PropsParserContext &context,
@@ -620,8 +585,7 @@ Int32EnumPropsNativeComponentProps::Int32EnumPropsNativeComponentProps(
     maxInterval(convertRawProp(context, rawProps, \\"maxInterval\\", sourceProps.maxInterval, {Int32EnumPropsNativeComponentMaxInterval::MaxInterval0}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -642,8 +606,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 IntegerPropNativeComponentProps::IntegerPropNativeComponentProps(
     const PropsParserContext &context,
@@ -655,8 +618,7 @@ IntegerPropNativeComponentProps::IntegerPropNativeComponentProps(
     progress3(convertRawProp(context, rawProps, \\"progress3\\", sourceProps.progress3, {10}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -677,8 +639,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 InterfaceOnlyComponentProps::InterfaceOnlyComponentProps(
     const PropsParserContext &context,
@@ -688,8 +649,7 @@ InterfaceOnlyComponentProps::InterfaceOnlyComponentProps(
     accessibilityHint(convertRawProp(context, rawProps, \\"accessibilityHint\\", sourceProps.accessibilityHint, {\\"\\"}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -711,8 +671,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 MixedPropNativeComponentProps::MixedPropNativeComponentProps(
     const PropsParserContext &context,
@@ -722,8 +681,7 @@ MixedPropNativeComponentProps::MixedPropNativeComponentProps(
     mixedProp(convertRawProp(context, rawProps, \\"mixedProp\\", sourceProps.mixedProp, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -745,8 +703,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ImageColorPropNativeComponentProps::ImageColorPropNativeComponentProps(
     const PropsParserContext &context,
@@ -759,8 +716,7 @@ ImageColorPropNativeComponentProps::ImageColorPropNativeComponentProps(
     point(convertRawProp(context, rawProps, \\"point\\", sourceProps.point, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -781,8 +737,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 NoPropsNoEventsComponentProps::NoPropsNoEventsComponentProps(
     const PropsParserContext &context,
@@ -792,8 +747,7 @@ NoPropsNoEventsComponentProps::NoPropsNoEventsComponentProps(
     
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -815,8 +769,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ObjectPropsProps::ObjectPropsProps(
     const PropsParserContext &context,
@@ -826,8 +779,7 @@ ObjectPropsProps::ObjectPropsProps(
     objectProp(convertRawProp(context, rawProps, \\"objectProp\\", sourceProps.objectProp, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -848,8 +800,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 PointPropNativeComponentProps::PointPropNativeComponentProps(
     const PropsParserContext &context,
@@ -859,8 +810,7 @@ PointPropNativeComponentProps::PointPropNativeComponentProps(
     startPoint(convertRawProp(context, rawProps, \\"startPoint\\", sourceProps.startPoint, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -881,8 +831,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 StringEnumPropsNativeComponentProps::StringEnumPropsNativeComponentProps(
     const PropsParserContext &context,
@@ -892,8 +841,7 @@ StringEnumPropsNativeComponentProps::StringEnumPropsNativeComponentProps(
     alignment(convertRawProp(context, rawProps, \\"alignment\\", sourceProps.alignment, {StringEnumPropsNativeComponentAlignment::Center}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -914,8 +862,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 StringPropComponentProps::StringPropComponentProps(
     const PropsParserContext &context,
@@ -926,8 +873,7 @@ StringPropComponentProps::StringPropComponentProps(
     accessibilityRole(convertRawProp(context, rawProps, \\"accessibilityRole\\", sourceProps.accessibilityRole, {}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -948,8 +894,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 MultiFile1NativeComponentProps::MultiFile1NativeComponentProps(
     const PropsParserContext &context,
@@ -966,8 +911,7 @@ MultiFile2NativeComponentProps::MultiFile2NativeComponentProps(
     disabled(convertRawProp(context, rawProps, \\"disabled\\", sourceProps.disabled, {true}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -988,8 +932,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/propsConversions.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 MultiComponent1NativeComponentProps::MultiComponent1NativeComponentProps(
     const PropsParserContext &context,
@@ -1006,8 +949,7 @@ MultiComponent2NativeComponentProps::MultiComponent2NativeComponentProps(
     disabled(convertRawProp(context, rawProps, \\"disabled\\", sourceProps.disabled, {true}))
       {}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsH-test.js.snap
index d22ef6b85965ab..de244b9f33b380 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsH-test.js.snap
@@ -23,8 +23,7 @@ Map {
 #include <vector>
 #include <yoga/Yoga.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 using ArrayPropsNativeComponentSizesMask = uint32_t;
 
@@ -213,8 +212,7 @@ class ArrayPropsNativeComponentProps final : public ViewProps {
   std::vector<std::vector<ArrayPropsNativeComponentArrayOfArrayOfObjectStruct>> arrayOfArrayOfObject{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -241,8 +239,7 @@ Map {
 #include <react/renderer/imagemanager/primitives.h>
 #include <vector>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 struct ArrayPropsNativeComponentNativePrimitivesStruct {
   std::vector<SharedColor> colors;
@@ -290,8 +287,7 @@ class ArrayPropsNativeComponentProps final : public ViewProps {
   std::vector<ArrayPropsNativeComponentNativePrimitivesStruct> nativePrimitives{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -312,8 +308,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class BooleanPropNativeComponentProps final : public ViewProps {
  public:
@@ -325,8 +320,7 @@ class BooleanPropNativeComponentProps final : public ViewProps {
   bool disabled{false};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -348,8 +342,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/graphics/Color.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ColorPropNativeComponentProps final : public ViewProps {
  public:
@@ -361,8 +354,7 @@ class ColorPropNativeComponentProps final : public ViewProps {
   SharedColor tintColor{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -383,8 +375,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class CommandNativeComponentProps final : public ViewProps {
  public:
@@ -396,8 +387,7 @@ class CommandNativeComponentProps final : public ViewProps {
   
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -418,8 +408,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class CommandNativeComponentProps final : public ViewProps {
  public:
@@ -431,8 +420,7 @@ class CommandNativeComponentProps final : public ViewProps {
   std::string accessibilityHint{\\"\\"};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -454,8 +442,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <yoga/Yoga.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class DimensionPropNativeComponentProps final : public ViewProps {
  public:
@@ -467,8 +454,7 @@ class DimensionPropNativeComponentProps final : public ViewProps {
   YGValue marginBack{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -489,8 +475,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class DoublePropNativeComponentProps final : public ViewProps {
  public:
@@ -507,8 +492,7 @@ class DoublePropNativeComponentProps final : public ViewProps {
   double blurRadius6{0.0};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -529,8 +513,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class EventsNestedObjectNativeComponentProps final : public ViewProps {
  public:
@@ -542,8 +525,7 @@ class EventsNestedObjectNativeComponentProps final : public ViewProps {
   bool disabled{false};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -564,8 +546,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class EventsNativeComponentProps final : public ViewProps {
  public:
@@ -577,8 +558,7 @@ class EventsNativeComponentProps final : public ViewProps {
   bool disabled{false};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -599,8 +579,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class InterfaceOnlyComponentProps final : public ViewProps {
  public:
@@ -612,8 +591,7 @@ class InterfaceOnlyComponentProps final : public ViewProps {
   
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -634,8 +612,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ExcludedAndroidComponentProps final : public ViewProps {
  public:
@@ -647,8 +624,7 @@ class ExcludedAndroidComponentProps final : public ViewProps {
   
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -669,8 +645,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ExcludedAndroidIosComponentProps final : public ViewProps {
  public:
@@ -682,8 +657,7 @@ class ExcludedAndroidIosComponentProps final : public ViewProps {
   
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -704,8 +678,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ExcludedIosComponentProps final : public ViewProps {
  public:
@@ -727,8 +700,7 @@ class MultiFileIncludedNativeComponentProps final : public ViewProps {
   bool disabled{true};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -749,8 +721,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class FloatPropNativeComponentProps final : public ViewProps {
  public:
@@ -767,8 +738,7 @@ class FloatPropNativeComponentProps final : public ViewProps {
   Float blurRadius6{0.0};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -790,8 +760,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/imagemanager/primitives.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ImagePropNativeComponentProps final : public ViewProps {
  public:
@@ -803,8 +772,7 @@ class ImagePropNativeComponentProps final : public ViewProps {
   ImageSource thumbImage{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -826,8 +794,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/graphics/RectangleEdges.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class InsetsPropNativeComponentProps final : public ViewProps {
  public:
@@ -839,8 +806,7 @@ class InsetsPropNativeComponentProps final : public ViewProps {
   EdgeInsets contentInset{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -861,8 +827,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 enum class Int32EnumPropsNativeComponentMaxInterval { MaxInterval0 = 0, MaxInterval1 = 1, MaxInterval2 = 2 };
 
@@ -901,8 +866,7 @@ class Int32EnumPropsNativeComponentProps final : public ViewProps {
   Int32EnumPropsNativeComponentMaxInterval maxInterval{Int32EnumPropsNativeComponentMaxInterval::MaxInterval0};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -923,8 +887,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class IntegerPropNativeComponentProps final : public ViewProps {
  public:
@@ -938,8 +901,7 @@ class IntegerPropNativeComponentProps final : public ViewProps {
   int progress3{10};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -960,8 +922,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class InterfaceOnlyComponentProps final : public ViewProps {
  public:
@@ -973,8 +934,7 @@ class InterfaceOnlyComponentProps final : public ViewProps {
   std::string accessibilityHint{\\"\\"};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -995,8 +955,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class MixedPropNativeComponentProps final : public ViewProps {
  public:
@@ -1008,8 +967,7 @@ class MixedPropNativeComponentProps final : public ViewProps {
   folly::dynamic mixedProp{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1033,8 +991,7 @@ Map {
 #include <react/renderer/graphics/Point.h>
 #include <react/renderer/imagemanager/primitives.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ImageColorPropNativeComponentProps final : public ViewProps {
  public:
@@ -1049,8 +1006,7 @@ class ImageColorPropNativeComponentProps final : public ViewProps {
   Point point{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1071,8 +1027,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class NoPropsNoEventsComponentProps final : public ViewProps {
  public:
@@ -1084,8 +1039,7 @@ class NoPropsNoEventsComponentProps final : public ViewProps {
   
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1112,8 +1066,7 @@ Map {
 #include <react/renderer/imagemanager/primitives.h>
 #include <vector>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 enum class ObjectPropsStringEnumProp { Option1 };
 
@@ -1339,8 +1292,7 @@ class ObjectPropsProps final : public ViewProps {
   ObjectPropsObjectPropStruct objectProp{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1362,8 +1314,7 @@ Map {
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/graphics/Point.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class PointPropNativeComponentProps final : public ViewProps {
  public:
@@ -1375,8 +1326,7 @@ class PointPropNativeComponentProps final : public ViewProps {
   Point startPoint{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1397,8 +1347,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 enum class StringEnumPropsNativeComponentAlignment { Top, Center, BottomRight };
 
@@ -1428,8 +1377,7 @@ class StringEnumPropsNativeComponentProps final : public ViewProps {
   StringEnumPropsNativeComponentAlignment alignment{StringEnumPropsNativeComponentAlignment::Center};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1450,8 +1398,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class StringPropComponentProps final : public ViewProps {
  public:
@@ -1464,8 +1411,7 @@ class StringPropComponentProps final : public ViewProps {
   std::string accessibilityRole{};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1486,8 +1432,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class MultiFile1NativeComponentProps final : public ViewProps {
  public:
@@ -1509,8 +1454,7 @@ class MultiFile2NativeComponentProps final : public ViewProps {
   bool disabled{true};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1531,8 +1475,7 @@ Map {
 #include <react/renderer/components/view/ViewProps.h>
 #include <react/renderer/core/PropsParserContext.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class MultiComponent1NativeComponentProps final : public ViewProps {
  public:
@@ -1554,8 +1497,7 @@ class MultiComponent2NativeComponentProps final : public ViewProps {
   bool disabled{true};
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaDelegate-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaDelegate-test.js.snap
index 9bec5993102bd3..3e4de5ef984867 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaDelegate-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaDelegate-test.js.snap
@@ -271,6 +271,9 @@ public class CommandNativeComponentManagerDelegate<T extends View, U extends Bas
       case \\"hotspotUpdate\\":
         mViewManager.hotspotUpdate(view, args.getInt(0), args.getInt(1));
         break;
+      case \\"addItems\\":
+        mViewManager.addItems(view, args.getArray(0));
+        break;
     }
   }
 }
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaInterface-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaInterface-test.js.snap
index 5b828b122d858f..77783927754540 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaInterface-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GeneratePropsJavaInterface-test.js.snap
@@ -143,11 +143,13 @@ package com.facebook.react.viewmanagers;
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.react.bridge.ReadableArray;
 
 public interface CommandNativeComponentManagerInterface<T extends View> {
   void setAccessibilityHint(T view, @Nullable String value);
   void handleRootTag(T view, double rootTag);
   void hotspotUpdate(T view, int x, int y);
+  void addItems(T view, ReadableArray items);
 }
 ",
 }
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeCpp-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeCpp-test.js.snap
index 6172d9ae625739..fb6c6404a1ee45 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeCpp-test.js.snap
@@ -14,13 +14,11 @@ Map {
 
 #include <react/renderer/components/ARRAY_PROPS/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ArrayPropsNativeComponentComponentName[] = \\"ArrayPropsNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -39,13 +37,11 @@ Map {
 
 #include <react/renderer/components/ARRAY_PROPS_WITH_NESTED_OBJECT/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ArrayPropsNativeComponentComponentName[] = \\"ArrayPropsNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -64,13 +60,11 @@ Map {
 
 #include <react/renderer/components/BOOLEAN_PROP/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char BooleanPropNativeComponentComponentName[] = \\"BooleanPropNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -89,13 +83,11 @@ Map {
 
 #include <react/renderer/components/COLOR_PROP/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ColorPropNativeComponentComponentName[] = \\"ColorPropNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -114,13 +106,11 @@ Map {
 
 #include <react/renderer/components/COMMANDS/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char CommandNativeComponentComponentName[] = \\"CommandNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -139,13 +129,11 @@ Map {
 
 #include <react/renderer/components/COMMANDS_AND_PROPS/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char CommandNativeComponentComponentName[] = \\"CommandNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -164,13 +152,11 @@ Map {
 
 #include <react/renderer/components/DIMENSION_PROP/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char DimensionPropNativeComponentComponentName[] = \\"DimensionPropNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -189,13 +175,11 @@ Map {
 
 #include <react/renderer/components/DOUBLE_PROPS/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char DoublePropNativeComponentComponentName[] = \\"DoublePropNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -214,13 +198,11 @@ Map {
 
 #include <react/renderer/components/EVENT_NESTED_OBJECT_PROPS/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char EventsNestedObjectNativeComponentComponentName[] = \\"EventsNestedObjectNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -239,13 +221,11 @@ Map {
 
 #include <react/renderer/components/EVENT_PROPS/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char EventsNativeComponentComponentName[] = \\"EventsNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -264,13 +244,11 @@ Map {
 
 #include <react/renderer/components/EVENTS_WITH_PAPER_NAME/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -289,13 +267,11 @@ Map {
 
 #include <react/renderer/components/EXCLUDE_ANDROID/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ExcludedAndroidComponentComponentName[] = \\"ExcludedAndroidComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -314,13 +290,11 @@ Map {
 
 #include <react/renderer/components/EXCLUDE_ANDROID_IOS/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ExcludedAndroidIosComponentComponentName[] = \\"ExcludedAndroidIosComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -339,14 +313,12 @@ Map {
 
 #include <react/renderer/components/EXCLUDE_IOS_TWO_COMPONENTS_DIFFERENT_FILES/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ExcludedIosComponentComponentName[] = \\"ExcludedIosComponent\\";
 extern const char MultiFileIncludedNativeComponentComponentName[] = \\"MultiFileIncludedNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -365,13 +337,11 @@ Map {
 
 #include <react/renderer/components/FLOAT_PROPS/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char FloatPropNativeComponentComponentName[] = \\"FloatPropNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -390,13 +360,11 @@ Map {
 
 #include <react/renderer/components/IMAGE_PROP/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ImagePropNativeComponentComponentName[] = \\"ImagePropNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -415,13 +383,11 @@ Map {
 
 #include <react/renderer/components/INSETS_PROP/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char InsetsPropNativeComponentComponentName[] = \\"InsetsPropNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -440,13 +406,11 @@ Map {
 
 #include <react/renderer/components/INT32_ENUM_PROP/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char Int32EnumPropsNativeComponentComponentName[] = \\"Int32EnumPropsNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -465,13 +429,11 @@ Map {
 
 #include <react/renderer/components/INTEGER_PROPS/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char IntegerPropNativeComponentComponentName[] = \\"IntegerPropNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -490,13 +452,11 @@ Map {
 
 #include <react/renderer/components/INTERFACE_ONLY/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -515,13 +475,11 @@ Map {
 
 #include <react/renderer/components/MIXED_PROP/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char MixedPropNativeComponentComponentName[] = \\"MixedPropNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -540,13 +498,11 @@ Map {
 
 #include <react/renderer/components/MULTI_NATIVE_PROP/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ImageColorPropNativeComponentComponentName[] = \\"ImageColorPropNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -565,13 +521,11 @@ Map {
 
 #include <react/renderer/components/NO_PROPS_NO_EVENTS/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char NoPropsNoEventsComponentComponentName[] = \\"NoPropsNoEventsComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -590,13 +544,11 @@ Map {
 
 #include <react/renderer/components/OBJECT_PROPS/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char ObjectPropsComponentName[] = \\"ObjectProps\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -615,13 +567,11 @@ Map {
 
 #include <react/renderer/components/POINT_PROP/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char PointPropNativeComponentComponentName[] = \\"PointPropNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -640,13 +590,11 @@ Map {
 
 #include <react/renderer/components/STRING_ENUM_PROP/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char StringEnumPropsNativeComponentComponentName[] = \\"StringEnumPropsNativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -665,13 +613,11 @@ Map {
 
 #include <react/renderer/components/STRING_PROP/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char StringPropComponentComponentName[] = \\"StringPropComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -690,14 +636,12 @@ Map {
 
 #include <react/renderer/components/TWO_COMPONENTS_DIFFERENT_FILES/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char MultiFile1NativeComponentComponentName[] = \\"MultiFile1NativeComponent\\";
 extern const char MultiFile2NativeComponentComponentName[] = \\"MultiFile2NativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -716,14 +660,12 @@ Map {
 
 #include <react/renderer/components/TWO_COMPONENTS_SAME_FILE/ShadowNodes.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 extern const char MultiComponent1NativeComponentComponentName[] = \\"MultiComponent1NativeComponent\\";
 extern const char MultiComponent2NativeComponentComponentName[] = \\"MultiComponent2NativeComponent\\";
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeH-test.js.snap
index f8e76bfa9e41d2..00c65ca1865cbc 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateShadowNodeH-test.js.snap
@@ -20,8 +20,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ArrayPropsNativeComponentComponentName[];
 
@@ -34,8 +33,7 @@ using ArrayPropsNativeComponentShadowNode = ConcreteViewShadowNode<
     ArrayPropsNativeComponentEventEmitter,
     ArrayPropsNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -60,8 +58,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ArrayPropsNativeComponentComponentName[];
 
@@ -74,8 +71,7 @@ using ArrayPropsNativeComponentShadowNode = ConcreteViewShadowNode<
     ArrayPropsNativeComponentEventEmitter,
     ArrayPropsNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -100,8 +96,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char BooleanPropNativeComponentComponentName[];
 
@@ -114,8 +109,7 @@ using BooleanPropNativeComponentShadowNode = ConcreteViewShadowNode<
     BooleanPropNativeComponentEventEmitter,
     BooleanPropNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -140,8 +134,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ColorPropNativeComponentComponentName[];
 
@@ -154,8 +147,7 @@ using ColorPropNativeComponentShadowNode = ConcreteViewShadowNode<
     ColorPropNativeComponentEventEmitter,
     ColorPropNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -180,8 +172,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char CommandNativeComponentComponentName[];
 
@@ -194,8 +185,7 @@ using CommandNativeComponentShadowNode = ConcreteViewShadowNode<
     CommandNativeComponentEventEmitter,
     CommandNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -220,8 +210,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char CommandNativeComponentComponentName[];
 
@@ -234,8 +223,7 @@ using CommandNativeComponentShadowNode = ConcreteViewShadowNode<
     CommandNativeComponentEventEmitter,
     CommandNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -260,8 +248,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char DimensionPropNativeComponentComponentName[];
 
@@ -274,8 +261,7 @@ using DimensionPropNativeComponentShadowNode = ConcreteViewShadowNode<
     DimensionPropNativeComponentEventEmitter,
     DimensionPropNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -300,8 +286,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char DoublePropNativeComponentComponentName[];
 
@@ -314,8 +299,7 @@ using DoublePropNativeComponentShadowNode = ConcreteViewShadowNode<
     DoublePropNativeComponentEventEmitter,
     DoublePropNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -340,8 +324,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char EventsNestedObjectNativeComponentComponentName[];
 
@@ -354,8 +337,7 @@ using EventsNestedObjectNativeComponentShadowNode = ConcreteViewShadowNode<
     EventsNestedObjectNativeComponentEventEmitter,
     EventsNestedObjectNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -380,8 +362,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char EventsNativeComponentComponentName[];
 
@@ -394,8 +375,7 @@ using EventsNativeComponentShadowNode = ConcreteViewShadowNode<
     EventsNativeComponentEventEmitter,
     EventsNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -420,13 +400,11 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -451,8 +429,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ExcludedAndroidComponentComponentName[];
 
@@ -465,8 +442,7 @@ using ExcludedAndroidComponentShadowNode = ConcreteViewShadowNode<
     ExcludedAndroidComponentEventEmitter,
     ExcludedAndroidComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -491,8 +467,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ExcludedAndroidIosComponentComponentName[];
 
@@ -505,8 +480,7 @@ using ExcludedAndroidIosComponentShadowNode = ConcreteViewShadowNode<
     ExcludedAndroidIosComponentEventEmitter,
     ExcludedAndroidIosComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -531,8 +505,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ExcludedIosComponentComponentName[];
 
@@ -556,8 +529,7 @@ using MultiFileIncludedNativeComponentShadowNode = ConcreteViewShadowNode<
     MultiFileIncludedNativeComponentEventEmitter,
     MultiFileIncludedNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -582,8 +554,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char FloatPropNativeComponentComponentName[];
 
@@ -596,8 +567,7 @@ using FloatPropNativeComponentShadowNode = ConcreteViewShadowNode<
     FloatPropNativeComponentEventEmitter,
     FloatPropNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -622,8 +592,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ImagePropNativeComponentComponentName[];
 
@@ -636,8 +605,7 @@ using ImagePropNativeComponentShadowNode = ConcreteViewShadowNode<
     ImagePropNativeComponentEventEmitter,
     ImagePropNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -662,8 +630,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char InsetsPropNativeComponentComponentName[];
 
@@ -676,8 +643,7 @@ using InsetsPropNativeComponentShadowNode = ConcreteViewShadowNode<
     InsetsPropNativeComponentEventEmitter,
     InsetsPropNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -702,8 +668,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char Int32EnumPropsNativeComponentComponentName[];
 
@@ -716,8 +681,7 @@ using Int32EnumPropsNativeComponentShadowNode = ConcreteViewShadowNode<
     Int32EnumPropsNativeComponentEventEmitter,
     Int32EnumPropsNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -742,8 +706,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char IntegerPropNativeComponentComponentName[];
 
@@ -756,8 +719,7 @@ using IntegerPropNativeComponentShadowNode = ConcreteViewShadowNode<
     IntegerPropNativeComponentEventEmitter,
     IntegerPropNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -782,13 +744,11 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -813,8 +773,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char MixedPropNativeComponentComponentName[];
 
@@ -827,8 +786,7 @@ using MixedPropNativeComponentShadowNode = ConcreteViewShadowNode<
     MixedPropNativeComponentEventEmitter,
     MixedPropNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -853,8 +811,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ImageColorPropNativeComponentComponentName[];
 
@@ -867,8 +824,7 @@ using ImageColorPropNativeComponentShadowNode = ConcreteViewShadowNode<
     ImageColorPropNativeComponentEventEmitter,
     ImageColorPropNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -893,8 +849,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char NoPropsNoEventsComponentComponentName[];
 
@@ -907,8 +862,7 @@ using NoPropsNoEventsComponentShadowNode = ConcreteViewShadowNode<
     NoPropsNoEventsComponentEventEmitter,
     NoPropsNoEventsComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -933,8 +887,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char ObjectPropsComponentName[];
 
@@ -947,8 +900,7 @@ using ObjectPropsShadowNode = ConcreteViewShadowNode<
     ObjectPropsEventEmitter,
     ObjectPropsState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -973,8 +925,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char PointPropNativeComponentComponentName[];
 
@@ -987,8 +938,7 @@ using PointPropNativeComponentShadowNode = ConcreteViewShadowNode<
     PointPropNativeComponentEventEmitter,
     PointPropNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1013,8 +963,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char StringEnumPropsNativeComponentComponentName[];
 
@@ -1027,8 +976,7 @@ using StringEnumPropsNativeComponentShadowNode = ConcreteViewShadowNode<
     StringEnumPropsNativeComponentEventEmitter,
     StringEnumPropsNativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1053,8 +1001,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char StringPropComponentComponentName[];
 
@@ -1067,8 +1014,7 @@ using StringPropComponentShadowNode = ConcreteViewShadowNode<
     StringPropComponentEventEmitter,
     StringPropComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1093,8 +1039,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char MultiFile1NativeComponentComponentName[];
 
@@ -1118,8 +1063,7 @@ using MultiFile2NativeComponentShadowNode = ConcreteViewShadowNode<
     MultiFile2NativeComponentEventEmitter,
     MultiFile2NativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1144,8 +1088,7 @@ Map {
 #include <react/renderer/components/view/ConcreteViewShadowNode.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 JSI_EXPORT extern const char MultiComponent1NativeComponentComponentName[];
 
@@ -1169,8 +1112,7 @@ using MultiComponent2NativeComponentShadowNode = ConcreteViewShadowNode<
     MultiComponent2NativeComponentEventEmitter,
     MultiComponent2NativeComponentState>;
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateStateCpp-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateStateCpp-test.js.snap
index 81112bcefb78cf..0a4a8d39f1606e 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateStateCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateStateCpp-test.js.snap
@@ -13,13 +13,11 @@ Map {
  */
 #include <react/renderer/components/ARRAY_PROPS/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -37,13 +35,11 @@ Map {
  */
 #include <react/renderer/components/ARRAY_PROPS_WITH_NESTED_OBJECT/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -61,13 +57,11 @@ Map {
  */
 #include <react/renderer/components/BOOLEAN_PROP/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -85,13 +79,11 @@ Map {
  */
 #include <react/renderer/components/COLOR_PROP/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -109,13 +101,11 @@ Map {
  */
 #include <react/renderer/components/COMMANDS/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -133,13 +123,11 @@ Map {
  */
 #include <react/renderer/components/COMMANDS_AND_PROPS/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -157,13 +145,11 @@ Map {
  */
 #include <react/renderer/components/DIMENSION_PROP/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -181,13 +167,11 @@ Map {
  */
 #include <react/renderer/components/DOUBLE_PROPS/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -205,13 +189,11 @@ Map {
  */
 #include <react/renderer/components/EVENT_NESTED_OBJECT_PROPS/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -229,13 +211,11 @@ Map {
  */
 #include <react/renderer/components/EVENT_PROPS/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -253,13 +233,11 @@ Map {
  */
 #include <react/renderer/components/EVENTS_WITH_PAPER_NAME/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -277,13 +255,11 @@ Map {
  */
 #include <react/renderer/components/EXCLUDE_ANDROID/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -301,13 +277,11 @@ Map {
  */
 #include <react/renderer/components/EXCLUDE_ANDROID_IOS/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -325,13 +299,11 @@ Map {
  */
 #include <react/renderer/components/EXCLUDE_IOS_TWO_COMPONENTS_DIFFERENT_FILES/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -349,13 +321,11 @@ Map {
  */
 #include <react/renderer/components/FLOAT_PROPS/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -373,13 +343,11 @@ Map {
  */
 #include <react/renderer/components/IMAGE_PROP/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -397,13 +365,11 @@ Map {
  */
 #include <react/renderer/components/INSETS_PROP/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -421,13 +387,11 @@ Map {
  */
 #include <react/renderer/components/INT32_ENUM_PROP/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -445,13 +409,11 @@ Map {
  */
 #include <react/renderer/components/INTEGER_PROPS/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -469,13 +431,11 @@ Map {
  */
 #include <react/renderer/components/INTERFACE_ONLY/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -493,13 +453,11 @@ Map {
  */
 #include <react/renderer/components/MIXED_PROP/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -517,13 +475,11 @@ Map {
  */
 #include <react/renderer/components/MULTI_NATIVE_PROP/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -541,13 +497,11 @@ Map {
  */
 #include <react/renderer/components/NO_PROPS_NO_EVENTS/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -565,13 +519,11 @@ Map {
  */
 #include <react/renderer/components/OBJECT_PROPS/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -589,13 +541,11 @@ Map {
  */
 #include <react/renderer/components/POINT_PROP/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -613,13 +563,11 @@ Map {
  */
 #include <react/renderer/components/STRING_ENUM_PROP/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -637,13 +585,11 @@ Map {
  */
 #include <react/renderer/components/STRING_PROP/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -661,13 +607,11 @@ Map {
  */
 #include <react/renderer/components/TWO_COMPONENTS_DIFFERENT_FILES/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -685,13 +629,11 @@ Map {
  */
 #include <react/renderer/components/TWO_COMPONENTS_SAME_FILE/States.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateStateH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateStateH-test.js.snap
index c295dcfc57a1fb..58b9b1d9ca3d43 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateStateH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateStateH-test.js.snap
@@ -18,8 +18,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ArrayPropsNativeComponentState {
 public:
@@ -36,8 +35,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -59,8 +57,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ArrayPropsNativeComponentState {
 public:
@@ -77,8 +74,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -100,8 +96,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class BooleanPropNativeComponentState {
 public:
@@ -118,8 +113,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -141,8 +135,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ColorPropNativeComponentState {
 public:
@@ -159,8 +152,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -182,8 +174,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class CommandNativeComponentState {
 public:
@@ -200,8 +191,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -223,8 +213,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class CommandNativeComponentState {
 public:
@@ -241,8 +230,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -264,8 +252,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class DimensionPropNativeComponentState {
 public:
@@ -282,8 +269,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -305,8 +291,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class DoublePropNativeComponentState {
 public:
@@ -323,8 +308,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -346,8 +330,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class EventsNestedObjectNativeComponentState {
 public:
@@ -364,8 +347,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -387,8 +369,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class EventsNativeComponentState {
 public:
@@ -405,8 +386,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -428,13 +408,11 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -456,8 +434,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ExcludedAndroidComponentState {
 public:
@@ -474,8 +451,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -497,8 +473,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ExcludedAndroidIosComponentState {
 public:
@@ -515,8 +490,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -538,8 +512,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ExcludedIosComponentState {
 public:
@@ -571,8 +544,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -594,8 +566,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class FloatPropNativeComponentState {
 public:
@@ -612,8 +583,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -635,8 +605,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ImagePropNativeComponentState {
 public:
@@ -653,8 +622,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -676,8 +644,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class InsetsPropNativeComponentState {
 public:
@@ -694,8 +661,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -717,8 +683,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class Int32EnumPropsNativeComponentState {
 public:
@@ -735,8 +700,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -758,8 +722,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class IntegerPropNativeComponentState {
 public:
@@ -776,8 +739,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -799,13 +761,11 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -827,8 +787,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class MixedPropNativeComponentState {
 public:
@@ -845,8 +804,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -868,8 +826,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ImageColorPropNativeComponentState {
 public:
@@ -886,8 +843,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -909,8 +865,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class NoPropsNoEventsComponentState {
 public:
@@ -927,8 +882,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -950,8 +904,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class ObjectPropsState {
 public:
@@ -968,8 +921,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -991,8 +943,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class PointPropNativeComponentState {
 public:
@@ -1009,8 +960,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -1032,8 +982,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class StringEnumPropsNativeComponentState {
 public:
@@ -1050,8 +999,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -1073,8 +1021,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class StringPropComponentState {
 public:
@@ -1091,8 +1038,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -1114,8 +1060,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class MultiFile1NativeComponentState {
 public:
@@ -1147,8 +1092,7 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
 
@@ -1170,8 +1114,7 @@ Map {
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
 #endif
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 class MultiComponent1NativeComponentState {
 public:
@@ -1203,7 +1146,6 @@ public:
 #endif
 };
 
-} // namespace react
-} // namespace facebook",
+} // namespace facebook::react",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateThirdPartyFabricComponentsProviderH-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateThirdPartyFabricComponentsProviderH-test.js.snap
index f1b25981b31701..e20b751dda7807 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateThirdPartyFabricComponentsProviderH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateThirdPartyFabricComponentsProviderH-test.js.snap
@@ -22,7 +22,7 @@ extern \\"C\\" {
 #endif
 
 Class<RCTComponentViewProtocol> RCTThirdPartyFabricComponentsProvider(const char *name);
-
+#if RCT_NEW_ARCH_ENABLED
 #ifndef RCT_DYNAMIC_FRAMEWORKS
 
 Class<RCTComponentViewProtocol> NoPropsNoEventsComponentCls(void) __attribute__((used)); // NO_PROPS_NO_EVENTS
@@ -57,6 +57,7 @@ Class<RCTComponentViewProtocol> ExcludedAndroidComponentCls(void) __attribute__(
 
 Class<RCTComponentViewProtocol> MultiFileIncludedNativeComponentCls(void) __attribute__((used)); // EXCLUDE_IOS_TWO_COMPONENTS_DIFFERENT_FILES
 
+#endif
 #endif
 
 #ifdef __cplusplus
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateThirdPartyFabricComponentsProviderObjCpp-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateThirdPartyFabricComponentsProviderObjCpp-test.js.snap
index eb6d622917a2d0..7543550f9946f4 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateThirdPartyFabricComponentsProviderObjCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateThirdPartyFabricComponentsProviderObjCpp-test.js.snap
@@ -21,6 +21,7 @@ Map {
 
 Class<RCTComponentViewProtocol> RCTThirdPartyFabricComponentsProvider(const char *name) {
   static std::unordered_map<std::string, Class (*)(void)> sFabricComponentsClassMap = {
+    #if RCT_NEW_ARCH_ENABLED
     #ifndef RCT_DYNAMIC_FRAMEWORKS
 
     {\\"NoPropsNoEventsComponent\\", NoPropsNoEventsComponentCls}, // NO_PROPS_NO_EVENTS
@@ -70,7 +71,8 @@ Class<RCTComponentViewProtocol> RCTThirdPartyFabricComponentsProvider(const char
     {\\"MultiComponent1NativeComponent\\", MultiComponent1NativeComponentCls}, // TWO_COMPONENTS_SAME_FILE,
     {\\"MultiComponent2NativeComponent\\", MultiComponent2NativeComponentCls}, // TWO_COMPONENTS_SAME_FILE
 
-    {\\"MultiFile1NativeComponent\\", MultiFile1NativeComponentCls}, // TWO_COMPONENTS_DIFFERENT_FILES,
+    {\\"MultiFile1NativeComponent\\", MultiFile1NativeComponentCls}, // TWO_COMPONENTS_DIFFERENT_FILES
+
     {\\"MultiFile2NativeComponent\\", MultiFile2NativeComponentCls}, // TWO_COMPONENTS_DIFFERENT_FILES
 
     {\\"CommandNativeComponent\\", CommandNativeComponentCls}, // COMMANDS
@@ -82,6 +84,7 @@ Class<RCTComponentViewProtocol> RCTThirdPartyFabricComponentsProvider(const char
 
     {\\"MultiFileIncludedNativeComponent\\", MultiFileIncludedNativeComponentCls}, // EXCLUDE_IOS_TWO_COMPONENTS_DIFFERENT_FILES
     #endif
+    #endif
   };
 
   auto p = sFabricComponentsClassMap.find(name);
diff --git a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap
index e88cd1abe901cc..8212d94634c79d 100644
--- a/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap
+++ b/packages/react-native-codegen/src/generators/components/__tests__/__snapshots__/GenerateViewConfigJs-test.js.snap
@@ -234,6 +234,10 @@ export const Commands = {
 
     hotspotUpdate(ref, x, y) {
         dispatchCommand(ref, \\"hotspotUpdate\\", [x, y]);
+    },
+
+    addItems(ref, items) {
+        dispatchCommand(ref, \\"addItems\\", [items]);
     }
 };
 ",
@@ -468,7 +472,7 @@ export const __INTERNAL_VIEW_CONFIG = {
   uiViewClassName: 'RCTInterfaceOnlyComponent',
 
   bubblingEventTypes: {
-    paperChange: {
+    topPaperChange: {
       phasedRegistrationNames: {
         captured: 'onChangeCapture',
         bubbled: 'onChange',
@@ -477,7 +481,7 @@ export const __INTERNAL_VIEW_CONFIG = {
   },
 
   directEventTypes: {
-    paperDirectChange: {
+    topPaperDirectChange: {
       registrationName: 'onDirectChange',
     },
   },
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleCpp.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleCpp.js
index fa02920516e55f..e435945e5c7f0d 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleCpp.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleCpp.js
@@ -11,19 +11,19 @@
 'use strict';
 
 import type {
-  SchemaType,
-  Nullable,
   NamedShape,
-  NativeModulePropertyShape,
+  NativeModuleEnumMap,
   NativeModuleFunctionTypeAnnotation,
   NativeModuleParamTypeAnnotation,
+  NativeModulePropertyShape,
   NativeModuleTypeAnnotation,
-  NativeModuleEnumMap,
+  Nullable,
+  SchemaType,
 } from '../../CodegenSchema';
-
 import type {AliasResolver} from './Utils';
-const {createAliasResolver, getModules} = require('./Utils');
+
 const {unwrapNullable} = require('../../parsers/parsers-commons');
+const {createAliasResolver, getModules} = require('./Utils');
 
 type FilesOutput = Map<string, string>;
 
@@ -101,14 +101,12 @@ const FileTemplate = ({
 
 #include "${libraryName}JSI.h"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ${modules}
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 };
 
@@ -236,6 +234,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const nativeModules = getModules(schema);
 
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleH.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleH.js
index e2107bde8f8f6b..6cfbdd06097230 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleH.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleH.js
@@ -10,33 +10,33 @@
 
 'use strict';
 import type {
-  NativeModuleBaseTypeAnnotation,
   NamedShape,
+  NativeModuleBaseTypeAnnotation,
 } from '../../CodegenSchema';
-
 import type {
-  Nullable,
-  SchemaType,
-  NativeModuleTypeAnnotation,
-  NativeModuleFunctionTypeAnnotation,
-  NativeModulePropertyShape,
   NativeModuleAliasMap,
   NativeModuleEnumMap,
   NativeModuleEnumMembers,
   NativeModuleEnumMemberType,
+  NativeModuleFunctionTypeAnnotation,
+  NativeModulePropertyShape,
+  NativeModuleTypeAnnotation,
+  Nullable,
+  SchemaType,
 } from '../../CodegenSchema';
-
 import type {AliasResolver} from './Utils';
 
+const {unwrapNullable} = require('../../parsers/parsers-commons');
+const {wrapOptional} = require('../TypeUtils/Cxx');
 const {getEnumName, toSafeCppString} = require('../Utils');
-
+const {indent} = require('../Utils');
 const {
   createAliasResolver,
-  getModules,
   getAreEnumMembersInteger,
+  getModules,
+  isArrayRecursiveMember,
+  isDirectRecursiveMember,
 } = require('./Utils');
-const {indent} = require('../Utils');
-const {unwrapNullable} = require('../../parsers/parsers-commons');
 
 type FilesOutput = Map<string, string>;
 
@@ -83,7 +83,7 @@ public:
 protected:
   ${hasteModuleName}CxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{${hasteModuleName}CxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public ${hasteModuleName}CxxSpecJSI {
@@ -120,18 +120,17 @@ const FileTemplate = ({
 #include <ReactCommon/TurboModule.h>
 #include <react/bridging/Bridging.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ${modules.join('\n\n')}
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 };
 
 function translatePrimitiveJSTypeToCpp(
   moduleName: string,
+  parentObjectAliasName: ?string,
   nullableTypeAnnotation: Nullable<NativeModuleTypeAnnotation>,
   optional: boolean,
   createErrorMessage: (typeName: string) => string,
@@ -141,22 +140,21 @@ function translatePrimitiveJSTypeToCpp(
   const [typeAnnotation, nullable] = unwrapNullable<NativeModuleTypeAnnotation>(
     nullableTypeAnnotation,
   );
-  const isRequired = !optional && !nullable;
-
+  const isRecursiveType = isDirectRecursiveMember(
+    parentObjectAliasName,
+    nullableTypeAnnotation,
+  );
+  const isRequired = (!optional && !nullable) || isRecursiveType;
   let realTypeAnnotation = typeAnnotation;
   if (realTypeAnnotation.type === 'TypeAliasTypeAnnotation') {
     realTypeAnnotation = resolveAlias(realTypeAnnotation.name);
   }
 
-  function wrap(type: string) {
-    return isRequired ? type : `std::optional<${type}>`;
-  }
-
   switch (realTypeAnnotation.type) {
     case 'ReservedTypeAnnotation':
       switch (realTypeAnnotation.name) {
         case 'RootTag':
-          return wrap('double');
+          return wrapOptional('double', isRequired);
         default:
           (realTypeAnnotation.name: empty);
           throw new Error(createErrorMessage(realTypeAnnotation.name));
@@ -164,53 +162,49 @@ function translatePrimitiveJSTypeToCpp(
     case 'VoidTypeAnnotation':
       return 'void';
     case 'StringTypeAnnotation':
-      return wrap('jsi::String');
+      return wrapOptional('jsi::String', isRequired);
     case 'NumberTypeAnnotation':
-      return wrap('double');
+      return wrapOptional('double', isRequired);
     case 'DoubleTypeAnnotation':
-      return wrap('double');
+      return wrapOptional('double', isRequired);
     case 'FloatTypeAnnotation':
-      return wrap('double');
+      return wrapOptional('double', isRequired);
     case 'Int32TypeAnnotation':
-      return wrap('int');
+      return wrapOptional('int', isRequired);
     case 'BooleanTypeAnnotation':
-      return wrap('bool');
+      return wrapOptional('bool', isRequired);
     case 'EnumDeclaration':
       switch (realTypeAnnotation.memberType) {
         case 'NumberTypeAnnotation':
-          return getAreEnumMembersInteger(
-            enumMap[realTypeAnnotation.name].members,
-          )
-            ? wrap('int')
-            : wrap('double');
+          return wrapOptional('jsi::Value', isRequired);
         case 'StringTypeAnnotation':
-          return wrap('jsi::String');
+          return wrapOptional('jsi::String', isRequired);
         default:
           throw new Error(createErrorMessage(realTypeAnnotation.type));
       }
     case 'GenericObjectTypeAnnotation':
-      return wrap('jsi::Object');
+      return wrapOptional('jsi::Object', isRequired);
     case 'UnionTypeAnnotation':
       switch (typeAnnotation.memberType) {
         case 'NumberTypeAnnotation':
-          return wrap('double');
+          return wrapOptional('double', isRequired);
         case 'ObjectTypeAnnotation':
-          return wrap('jsi::Object');
+          return wrapOptional('jsi::Object', isRequired);
         case 'StringTypeAnnotation':
-          return wrap('jsi::String');
+          return wrapOptional('jsi::String', isRequired);
         default:
           throw new Error(createErrorMessage(realTypeAnnotation.type));
       }
     case 'ObjectTypeAnnotation':
-      return wrap('jsi::Object');
+      return wrapOptional('jsi::Object', isRequired);
     case 'ArrayTypeAnnotation':
-      return wrap('jsi::Array');
+      return wrapOptional('jsi::Array', isRequired);
     case 'FunctionTypeAnnotation':
-      return wrap('jsi::Function');
+      return wrapOptional('jsi::Function', isRequired);
     case 'PromiseTypeAnnotation':
-      return wrap('jsi::Value');
+      return wrapOptional('jsi::Value', isRequired);
     case 'MixedTypeAnnotation':
-      return wrap('jsi::Value');
+      return wrapOptional('jsi::Value', isRequired);
     default:
       (realTypeAnnotation.type: empty);
       throw new Error(createErrorMessage(realTypeAnnotation.type));
@@ -224,10 +218,12 @@ function createStructsString(
   enumMap: NativeModuleEnumMap,
 ): string {
   const getCppType = (
+    parentObjectAlias: string,
     v: NamedShape<Nullable<NativeModuleBaseTypeAnnotation>>,
   ) =>
     translatePrimitiveJSTypeToCpp(
       moduleName,
+      parentObjectAlias,
       v.typeAnnotation,
       false,
       typeName => `Unsupported type for param "${v.name}". Found: ${typeName}`,
@@ -235,33 +231,36 @@ function createStructsString(
       enumMap,
     );
 
-  return Object.keys(aliasMap)
-    .map(alias => {
-      const value = aliasMap[alias];
-      if (value.properties.length === 0) {
-        return '';
-      }
-      const structName = `${moduleName}Base${alias}`;
-      const templateParameterWithTypename = value.properties
-        .map((v, i) => `typename P${i}`)
-        .join(', ');
-      const templateParameter = value.properties
-        .map((v, i) => 'P' + i)
-        .join(', ');
-      const debugParameterConversion = value.properties
-        .map(
-          (v, i) => `  static ${getCppType(v)} ${
-            v.name
-          }ToJs(jsi::Runtime &rt, P${i} value) {
+  // TODO: T171006733 [Begin] Remove deprecated Cxx TMs structs after a new release.
+  return (
+    Object.keys(aliasMap)
+      .map(alias => {
+        const value = aliasMap[alias];
+        if (value.properties.length === 0) {
+          return '';
+        }
+        const structName = `${moduleName}Base${alias}`;
+        const structNameNew = `${moduleName}${alias}`;
+        const templateParameterWithTypename = value.properties
+          .map((v, i) => `typename P${i}`)
+          .join(', ');
+        const templateParameter = value.properties
+          .map((v, i) => 'P' + i)
+          .join(', ');
+        const debugParameterConversion = value.properties
+          .map(
+            (v, i) => `  static ${getCppType(alias, v)} ${
+              v.name
+            }ToJs(jsi::Runtime &rt, P${i} value) {
     return bridging::toJs(rt, value);
   }`,
-        )
-        .join('\n\n');
-      return `
+          )
+          .join('\n\n');
+        return `
 #pragma mark - ${structName}
 
 template <${templateParameterWithTypename}>
-struct ${structName} {
+struct [[deprecated("Use ${structNameNew} instead.")]] ${structName} {
 ${value.properties.map((v, i) => '  P' + i + ' ' + v.name).join(';\n')};
   bool operator==(const ${structName} &other) const {
     return ${value.properties
@@ -271,7 +270,7 @@ ${value.properties.map((v, i) => '  P' + i + ' ' + v.name).join(';\n')};
 };
 
 template <${templateParameterWithTypename}>
-struct ${structName}Bridging {
+struct [[deprecated("Use ${structNameNew}Bridging instead.")]] ${structName}Bridging {
   static ${structName}<${templateParameter}> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -311,8 +310,121 @@ ${value.properties
 };
 
 `;
-    })
-    .join('\n');
+      })
+      .join('\n') +
+    // TODO: T171006733 [End] Remove deprecated Cxx TMs structs after a new release.
+    Object.keys(aliasMap)
+      .map(alias => {
+        const value = aliasMap[alias];
+        if (value.properties.length === 0) {
+          return '';
+        }
+        const structName = `${moduleName}${alias}`;
+        const templateParameter = value.properties.filter(
+          v =>
+            !isDirectRecursiveMember(alias, v.typeAnnotation) &&
+            !isArrayRecursiveMember(alias, v.typeAnnotation),
+        );
+        const templateParameterWithTypename = templateParameter
+          .map((v, i) => `typename P${i}`)
+          .join(', ');
+        const templateParameterWithoutTypename = templateParameter
+          .map((v, i) => `P${i}`)
+          .join(', ');
+        let i = -1;
+        const templateMemberTypes = value.properties.map(v => {
+          if (isDirectRecursiveMember(alias, v.typeAnnotation)) {
+            return `std::unique_ptr<${structName}<${templateParameterWithoutTypename}>> ${v.name}`;
+          } else if (isArrayRecursiveMember(alias, v.typeAnnotation)) {
+            const [nullable] = unwrapNullable<NativeModuleTypeAnnotation>(
+              v.typeAnnotation,
+            );
+            return (
+              (nullable
+                ? `std::optional<std::vector<${structName}<${templateParameterWithoutTypename}>>>`
+                : `std::vector<${structName}<${templateParameterWithoutTypename}>>`) +
+              ` ${v.name}`
+            );
+          } else {
+            i++;
+            return `P${i} ${v.name}`;
+          }
+        });
+        const debugParameterConversion = value.properties
+          .map(
+            v => `  static ${getCppType(alias, v)} ${
+              v.name
+            }ToJs(jsi::Runtime &rt, decltype(types.${v.name}) value) {
+    return bridging::toJs(rt, value);
+  }`,
+          )
+          .join('\n\n');
+        return `
+#pragma mark - ${structName}
+
+template <${templateParameterWithTypename}>
+struct ${structName} {
+${templateMemberTypes.map(v => '  ' + v).join(';\n')};
+  bool operator==(const ${structName} &other) const {
+    return ${value.properties
+      .map(v => `${v.name} == other.${v.name}`)
+      .join(' && ')};
+  }
+};
+
+template <typename T>
+struct ${structName}Bridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+${value.properties
+  .map(v => {
+    if (isDirectRecursiveMember(alias, v.typeAnnotation)) {
+      return `      value.hasProperty(rt, "${v.name}") ? std::make_unique<T>(bridging::fromJs<T>(rt, value.getProperty(rt, "${v.name}"), jsInvoker)) : nullptr`;
+    } else {
+      return `      bridging::fromJs<decltype(types.${v.name})>(rt, value.getProperty(rt, "${v.name}"), jsInvoker)`;
+    }
+  })
+  .join(',\n')}};
+    return result;
+  }
+
+#ifdef DEBUG
+${debugParameterConversion}
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+${value.properties
+  .map(v => {
+    if (isDirectRecursiveMember(alias, v.typeAnnotation)) {
+      return `    if (value.${v.name}) {
+        result.setProperty(rt, "${v.name}", bridging::toJs(rt, *value.${v.name}, jsInvoker));
+      }`;
+    } else if (v.optional) {
+      return `    if (value.${v.name}) {
+      result.setProperty(rt, "${v.name}", bridging::toJs(rt, value.${v.name}.value(), jsInvoker));
+    }`;
+    } else {
+      return `    result.setProperty(rt, "${v.name}", bridging::toJs(rt, value.${v.name}, jsInvoker));`;
+    }
+  })
+  .join('\n')}
+    return result;
+  }
+};
+
+`;
+      })
+      .join('\n')
+  );
 }
 
 type NativeEnumMemberValueType = 'std::string' | 'int32_t' | 'float';
@@ -346,7 +458,7 @@ const EnumTemplate = ({
   return `
 #pragma mark - ${enumName}
 
-enum ${enumName} { ${values} };
+enum class ${enumName} { ${values} };
 
 template <>
 struct Bridging<${enumName}> {
@@ -449,6 +561,7 @@ function translatePropertyToCpp(
   const paramTypes = propTypeAnnotation.params.map(param => {
     const translatedParam = translatePrimitiveJSTypeToCpp(
       moduleName,
+      null,
       param.typeAnnotation,
       param.optional,
       typeName =>
@@ -461,6 +574,7 @@ function translatePropertyToCpp(
 
   const returnType = translatePrimitiveJSTypeToCpp(
     moduleName,
+    null,
     propTypeAnnotation.returnTypeAnnotation,
     false,
     typeName => `Unsupported return type for ${prop.name}. Found: ${typeName}`,
@@ -493,6 +607,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const nativeModules = getModules(schema);
 
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleJavaSpec.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleJavaSpec.js
index 24fba85b697aa6..2dc407f303476f 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleJavaSpec.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleJavaSpec.js
@@ -11,18 +11,19 @@
 'use strict';
 
 import type {
-  Nullable,
   NamedShape,
-  SchemaType,
-  NativeModulePropertyShape,
-  NativeModuleReturnTypeAnnotation,
   NativeModuleFunctionTypeAnnotation,
   NativeModuleParamTypeAnnotation,
+  NativeModulePropertyShape,
+  NativeModuleReturnTypeAnnotation,
+  Nullable,
+  SchemaType,
 } from '../../CodegenSchema';
-
 import type {AliasResolver} from './Utils';
-const {createAliasResolver, getModules} = require('./Utils');
+
 const {unwrapNullable} = require('../../parsers/parsers-commons');
+const {wrapOptional} = require('../TypeUtils/Java');
+const {createAliasResolver, getModules} = require('./Utils');
 
 type FilesOutput = Map<string, string>;
 
@@ -111,13 +112,8 @@ function translateFunctionParamToJavaType(
   const [typeAnnotation, nullable] =
     unwrapNullable<NativeModuleParamTypeAnnotation>(nullableTypeAnnotation);
   const isRequired = !optional && !nullable;
-
-  function wrapNullable(javaType: string, nullableType?: string) {
-    if (!isRequired) {
-      imports.add('javax.annotation.Nullable');
-      return `@Nullable ${nullableType ?? javaType}`;
-    }
-    return javaType;
+  if (!isRequired) {
+    imports.add('javax.annotation.Nullable');
   }
 
   // FIXME: support class alias for args
@@ -130,41 +126,41 @@ function translateFunctionParamToJavaType(
     case 'ReservedTypeAnnotation':
       switch (realTypeAnnotation.name) {
         case 'RootTag':
-          return wrapNullable('double', 'Double');
+          return wrapOptional('double', isRequired);
         default:
           (realTypeAnnotation.name: empty);
           throw new Error(createErrorMessage(realTypeAnnotation.name));
       }
     case 'StringTypeAnnotation':
-      return wrapNullable('String');
+      return wrapOptional('String', isRequired);
     case 'NumberTypeAnnotation':
-      return wrapNullable('double', 'Double');
+      return wrapOptional('double', isRequired);
     case 'FloatTypeAnnotation':
-      return wrapNullable('double', 'Double');
+      return wrapOptional('float', isRequired);
     case 'DoubleTypeAnnotation':
-      return wrapNullable('double', 'Double');
+      return wrapOptional('double', isRequired);
     case 'Int32TypeAnnotation':
-      return wrapNullable('double', 'Double');
+      return wrapOptional('int', isRequired);
     case 'BooleanTypeAnnotation':
-      return wrapNullable('boolean', 'Boolean');
+      return wrapOptional('boolean', isRequired);
     case 'EnumDeclaration':
       switch (realTypeAnnotation.memberType) {
         case 'NumberTypeAnnotation':
-          return wrapNullable('double', 'Double');
+          return wrapOptional('double', isRequired);
         case 'StringTypeAnnotation':
-          return wrapNullable('String');
+          return wrapOptional('String', isRequired);
         default:
           throw new Error(createErrorMessage(realTypeAnnotation.type));
       }
     case 'UnionTypeAnnotation':
       switch (typeAnnotation.memberType) {
         case 'NumberTypeAnnotation':
-          return wrapNullable('double', 'Double');
+          return wrapOptional('double', isRequired);
         case 'ObjectTypeAnnotation':
           imports.add('com.facebook.react.bridge.ReadableMap');
-          return wrapNullable('ReadableMap');
+          return wrapOptional('ReadableMap', isRequired);
         case 'StringTypeAnnotation':
-          return wrapNullable('String');
+          return wrapOptional('String', isRequired);
         default:
           throw new Error(
             `Unsupported union member returning value, found: ${realTypeAnnotation.memberType}"`,
@@ -172,17 +168,17 @@ function translateFunctionParamToJavaType(
       }
     case 'ObjectTypeAnnotation':
       imports.add('com.facebook.react.bridge.ReadableMap');
-      return wrapNullable('ReadableMap');
+      return wrapOptional('ReadableMap', isRequired);
     case 'GenericObjectTypeAnnotation':
       // Treat this the same as ObjectTypeAnnotation for now.
       imports.add('com.facebook.react.bridge.ReadableMap');
-      return wrapNullable('ReadableMap');
+      return wrapOptional('ReadableMap', isRequired);
     case 'ArrayTypeAnnotation':
       imports.add('com.facebook.react.bridge.ReadableArray');
-      return wrapNullable('ReadableArray');
+      return wrapOptional('ReadableArray', isRequired);
     case 'FunctionTypeAnnotation':
       imports.add('com.facebook.react.bridge.Callback');
-      return wrapNullable('Callback');
+      return wrapOptional('Callback', isRequired);
     default:
       (realTypeAnnotation.type: 'MixedTypeAnnotation');
       throw new Error(createErrorMessage(realTypeAnnotation.type));
@@ -200,14 +196,12 @@ function translateFunctionReturnTypeToJavaType(
       nullableReturnTypeAnnotation,
     );
 
-  function wrapNullable(javaType: string, nullableType?: string) {
-    if (nullable) {
-      imports.add('javax.annotation.Nullable');
-      return `@Nullable ${nullableType ?? javaType}`;
-    }
-    return javaType;
+  if (nullable) {
+    imports.add('javax.annotation.Nullable');
   }
 
+  const isRequired = !nullable;
+
   // FIXME: support class alias for args
   let realTypeAnnotation = returnTypeAnnotation;
   if (realTypeAnnotation.type === 'TypeAliasTypeAnnotation') {
@@ -218,7 +212,7 @@ function translateFunctionReturnTypeToJavaType(
     case 'ReservedTypeAnnotation':
       switch (realTypeAnnotation.name) {
         case 'RootTag':
-          return wrapNullable('double', 'Double');
+          return wrapOptional('double', isRequired);
         default:
           (realTypeAnnotation.name: empty);
           throw new Error(createErrorMessage(realTypeAnnotation.name));
@@ -228,35 +222,35 @@ function translateFunctionReturnTypeToJavaType(
     case 'PromiseTypeAnnotation':
       return 'void';
     case 'StringTypeAnnotation':
-      return wrapNullable('String');
+      return wrapOptional('String', isRequired);
     case 'NumberTypeAnnotation':
-      return wrapNullable('double', 'Double');
+      return wrapOptional('double', isRequired);
     case 'FloatTypeAnnotation':
-      return wrapNullable('double', 'Double');
+      return wrapOptional('double', isRequired);
     case 'DoubleTypeAnnotation':
-      return wrapNullable('double', 'Double');
+      return wrapOptional('double', isRequired);
     case 'Int32TypeAnnotation':
-      return wrapNullable('double', 'Double');
+      return wrapOptional('double', isRequired);
     case 'BooleanTypeAnnotation':
-      return wrapNullable('boolean', 'Boolean');
+      return wrapOptional('boolean', isRequired);
     case 'EnumDeclaration':
       switch (realTypeAnnotation.memberType) {
         case 'NumberTypeAnnotation':
-          return wrapNullable('double', 'Double');
+          return wrapOptional('double', isRequired);
         case 'StringTypeAnnotation':
-          return wrapNullable('String');
+          return wrapOptional('String', isRequired);
         default:
           throw new Error(createErrorMessage(realTypeAnnotation.type));
       }
     case 'UnionTypeAnnotation':
       switch (realTypeAnnotation.memberType) {
         case 'NumberTypeAnnotation':
-          return wrapNullable('double', 'Double');
+          return wrapOptional('double', isRequired);
         case 'ObjectTypeAnnotation':
           imports.add('com.facebook.react.bridge.WritableMap');
-          return wrapNullable('WritableMap');
+          return wrapOptional('WritableMap', isRequired);
         case 'StringTypeAnnotation':
-          return wrapNullable('String');
+          return wrapOptional('String', isRequired);
         default:
           throw new Error(
             `Unsupported union member returning value, found: ${realTypeAnnotation.memberType}"`,
@@ -264,13 +258,13 @@ function translateFunctionReturnTypeToJavaType(
       }
     case 'ObjectTypeAnnotation':
       imports.add('com.facebook.react.bridge.WritableMap');
-      return wrapNullable('WritableMap');
+      return wrapOptional('WritableMap', isRequired);
     case 'GenericObjectTypeAnnotation':
       imports.add('com.facebook.react.bridge.WritableMap');
-      return wrapNullable('WritableMap');
+      return wrapOptional('WritableMap', isRequired);
     case 'ArrayTypeAnnotation':
       imports.add('com.facebook.react.bridge.WritableArray');
-      return wrapNullable('WritableArray');
+      return wrapOptional('WritableArray', isRequired);
     default:
       (realTypeAnnotation.type: 'MixedTypeAnnotation');
       throw new Error(createErrorMessage(realTypeAnnotation.type));
@@ -441,6 +435,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const files = new Map<string, string>();
     const nativeModules = getModules(schema);
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleJniCpp.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleJniCpp.js
index ad23221bc4ce56..d024c4078a1fa9 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleJniCpp.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleJniCpp.js
@@ -11,18 +11,18 @@
 'use strict';
 
 import type {
-  Nullable,
   NamedShape,
-  SchemaType,
+  NativeModuleFunctionTypeAnnotation,
+  NativeModuleParamTypeAnnotation,
   NativeModulePropertyShape,
   NativeModuleReturnTypeAnnotation,
-  NativeModuleParamTypeAnnotation,
-  NativeModuleFunctionTypeAnnotation,
+  Nullable,
+  SchemaType,
 } from '../../CodegenSchema';
-
 import type {AliasResolver} from './Utils';
-const {createAliasResolver, getModules} = require('./Utils');
+
 const {unwrapNullable} = require('../../parsers/parsers-commons');
+const {createAliasResolver, getModules} = require('./Utils');
 
 type FilesOutput = Map<string, string>;
 
@@ -108,8 +108,7 @@ const FileTemplate = ({
 
 #include ${include}
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ${modules}
 
@@ -118,8 +117,7 @@ ${moduleLookups.map(ModuleLookupTemplate).join('\n')}
   return nullptr;
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 };
 
@@ -336,9 +334,9 @@ function translateReturnTypeToJniType(
     case 'DoubleTypeAnnotation':
       return nullable ? 'Ljava/lang/Double;' : 'D';
     case 'FloatTypeAnnotation':
-      return nullable ? 'Ljava/lang/Double;' : 'D';
+      return nullable ? 'Ljava/lang/Float;' : 'F';
     case 'Int32TypeAnnotation':
-      return nullable ? 'Ljava/lang/Double;' : 'D';
+      return nullable ? 'Ljava/lang/Integer;' : 'I';
     case 'PromiseTypeAnnotation':
       return 'Lcom/facebook/react/bridge/Promise;';
     case 'GenericObjectTypeAnnotation':
@@ -424,6 +422,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const nativeModules = getModules(schema);
 
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleJniH.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleJniH.js
index fb98080755456c..0bb2b35d15cbf1 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleJniH.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleJniH.js
@@ -12,10 +12,10 @@
 
 import type {SchemaType} from '../../CodegenSchema';
 
-type FilesOutput = Map<string, string>;
-
 const {getModules} = require('./Utils');
 
+type FilesOutput = Map<string, string>;
+
 const ModuleClassDeclarationTemplate = ({
   hasteModuleName,
 }: $ReadOnly<{hasteModuleName: string}>) => {
@@ -49,16 +49,14 @@ const HeaderFileTemplate = ({
 #include <ReactCommon/TurboModule.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 ${modules}
 
 JSI_EXPORT
 std::shared_ptr<TurboModule> ${libraryName}_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 `;
 };
 
@@ -93,10 +91,13 @@ target_link_libraries(
   ${libraryName !== 'rncore' ? 'react_codegen_rncore' : ''}
   react_debug
   react_nativemodule_core
+  react_render_componentregistry
   react_render_core
   react_render_debug
   react_render_graphics
   react_render_imagemanager
+  react_render_mapbuffer
+  react_utils
   rrc_image
   rrc_view
   turbomodulejsijni
@@ -121,6 +122,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean = false,
+    headerPrefix?: string,
   ): FilesOutput {
     const nativeModules = getModules(schema);
     const modules = Object.keys(nativeModules)
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/StructCollector.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/StructCollector.js
index ef7af6ae44a13e..d85d093948ad27 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/StructCollector.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/StructCollector.js
@@ -11,29 +11,28 @@
 'use strict';
 
 import type {
-  Nullable,
-  NativeModuleObjectTypeAnnotation,
-  NativeModuleStringTypeAnnotation,
-  NativeModuleNumberTypeAnnotation,
-  NativeModuleInt32TypeAnnotation,
-  NativeModuleDoubleTypeAnnotation,
-  NativeModuleFloatTypeAnnotation,
+  NativeModuleArrayTypeAnnotation,
+  NativeModuleBaseTypeAnnotation,
   NativeModuleBooleanTypeAnnotation,
+  NativeModuleDoubleTypeAnnotation,
   NativeModuleEnumDeclaration,
+  NativeModuleFloatTypeAnnotation,
   NativeModuleGenericObjectTypeAnnotation,
-  ReservedTypeAnnotation,
+  NativeModuleInt32TypeAnnotation,
+  NativeModuleNumberTypeAnnotation,
+  NativeModuleObjectTypeAnnotation,
+  NativeModuleStringTypeAnnotation,
   NativeModuleTypeAliasTypeAnnotation,
-  NativeModuleArrayTypeAnnotation,
-  NativeModuleBaseTypeAnnotation,
+  Nullable,
+  ReservedTypeAnnotation,
 } from '../../../CodegenSchema';
-
 import type {AliasResolver} from '../Utils';
 
-const {capitalize} = require('../../Utils');
 const {
   unwrapNullable,
   wrapNullable,
 } = require('../../../parsers/parsers-commons');
+const {capitalize} = require('../../Utils');
 
 type StructContext = 'CONSTANTS' | 'REGULAR';
 
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/header/serializeConstantsStruct.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/header/serializeConstantsStruct.js
index 0fa67683e66215..ad7918d686f855 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/header/serializeConstantsStruct.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/header/serializeConstantsStruct.js
@@ -10,14 +10,17 @@
 
 'use strict';
 
-const {getSafePropertyName, getNamespacedStructName} = require('../Utils');
-const {capitalize} = require('../../../Utils');
-
 import type {Nullable} from '../../../../CodegenSchema';
-import type {StructTypeAnnotation, ConstantsStruct} from '../StructCollector';
+import type {ConstantsStruct, StructTypeAnnotation} from '../StructCollector';
 import type {StructSerilizationOutput} from './serializeStruct';
 
 const {unwrapNullable} = require('../../../../parsers/parsers-commons');
+const {wrapOptional: wrapCxxOptional} = require('../../../TypeUtils/Cxx');
+const {
+  wrapOptional: wrapObjCOptional,
+} = require('../../../TypeUtils/Objective-C');
+const {capitalize} = require('../../../Utils');
+const {getNamespacedStructName, getSafePropertyName} = require('../Utils');
 
 const StructTemplate = ({
   hasteModuleName,
@@ -79,15 +82,12 @@ function toObjCType(
 ): string {
   const [typeAnnotation, nullable] = unwrapNullable(nullableTypeAnnotation);
   const isRequired = !nullable && !isOptional;
-  const wrapOptional = (type: string) => {
-    return isRequired ? type : `std::optional<${type}>`;
-  };
 
   switch (typeAnnotation.type) {
     case 'ReservedTypeAnnotation':
       switch (typeAnnotation.name) {
         case 'RootTag':
-          return wrapOptional('double');
+          return wrapCxxOptional('double', isRequired);
         default:
           (typeAnnotation.name: empty);
           throw new Error(`Unknown prop type, found: ${typeAnnotation.name}"`);
@@ -95,19 +95,19 @@ function toObjCType(
     case 'StringTypeAnnotation':
       return 'NSString *';
     case 'NumberTypeAnnotation':
-      return wrapOptional('double');
+      return wrapCxxOptional('double', isRequired);
     case 'FloatTypeAnnotation':
-      return wrapOptional('double');
+      return wrapCxxOptional('double', isRequired);
     case 'Int32TypeAnnotation':
-      return wrapOptional('double');
+      return wrapCxxOptional('double', isRequired);
     case 'DoubleTypeAnnotation':
-      return wrapOptional('double');
+      return wrapCxxOptional('double', isRequired);
     case 'BooleanTypeAnnotation':
-      return wrapOptional('bool');
+      return wrapCxxOptional('bool', isRequired);
     case 'EnumDeclaration':
       switch (typeAnnotation.memberType) {
         case 'NumberTypeAnnotation':
-          return wrapOptional('double');
+          return wrapCxxOptional('double', isRequired);
         case 'StringTypeAnnotation':
           return 'NSString *';
         default:
@@ -116,17 +116,18 @@ function toObjCType(
           );
       }
     case 'GenericObjectTypeAnnotation':
-      return isRequired ? 'id<NSObject> ' : 'id<NSObject> _Nullable ';
+      return wrapObjCOptional('id<NSObject>', isRequired);
     case 'ArrayTypeAnnotation':
       if (typeAnnotation.elementType == null) {
-        return isRequired ? 'id<NSObject> ' : 'id<NSObject> _Nullable ';
+        return wrapObjCOptional('id<NSObject>', isRequired);
       }
 
-      return wrapOptional(
+      return wrapCxxOptional(
         `std::vector<${toObjCType(
           hasteModuleName,
           typeAnnotation.elementType,
         )}>`,
+        isRequired,
       );
     case 'TypeAliasTypeAnnotation':
       const structName = capitalize(typeAnnotation.name);
@@ -134,7 +135,7 @@ function toObjCType(
         hasteModuleName,
         structName,
       );
-      return wrapOptional(`${namespacedStructName}::Builder`);
+      return wrapCxxOptional(`${namespacedStructName}::Builder`, isRequired);
     default:
       (typeAnnotation.type: empty);
       throw new Error(
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/header/serializeRegularStruct.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/header/serializeRegularStruct.js
index e6c73c73388892..9ea93a1da7a192 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/header/serializeRegularStruct.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/header/serializeRegularStruct.js
@@ -10,14 +10,17 @@
 
 'use strict';
 
-const {getSafePropertyName, getNamespacedStructName} = require('../Utils');
-const {capitalize} = require('../../../Utils');
-
 import type {Nullable} from '../../../../CodegenSchema';
-import type {StructTypeAnnotation, RegularStruct} from '../StructCollector';
+import type {RegularStruct, StructTypeAnnotation} from '../StructCollector';
 import type {StructSerilizationOutput} from './serializeStruct';
 
 const {unwrapNullable} = require('../../../../parsers/parsers-commons');
+const {wrapOptional: wrapCxxOptional} = require('../../../TypeUtils/Cxx');
+const {
+  wrapOptional: wrapObjCOptional,
+} = require('../../../TypeUtils/Objective-C');
+const {capitalize} = require('../../../Utils');
+const {getNamespacedStructName, getSafePropertyName} = require('../Utils');
 
 const StructTemplate = ({
   hasteModuleName,
@@ -70,15 +73,12 @@ function toObjCType(
 ): string {
   const [typeAnnotation, nullable] = unwrapNullable(nullableTypeAnnotation);
   const isRequired = !nullable && !isOptional;
-  const wrapOptional = (type: string) => {
-    return isRequired ? type : `std::optional<${type}>`;
-  };
 
   switch (typeAnnotation.type) {
     case 'ReservedTypeAnnotation':
       switch (typeAnnotation.name) {
         case 'RootTag':
-          return wrapOptional('double');
+          return wrapCxxOptional('double', isRequired);
         default:
           (typeAnnotation.name: empty);
           throw new Error(`Unknown prop type, found: ${typeAnnotation.name}"`);
@@ -86,19 +86,19 @@ function toObjCType(
     case 'StringTypeAnnotation':
       return 'NSString *';
     case 'NumberTypeAnnotation':
-      return wrapOptional('double');
+      return wrapCxxOptional('double', isRequired);
     case 'FloatTypeAnnotation':
-      return wrapOptional('double');
+      return wrapCxxOptional('double', isRequired);
     case 'Int32TypeAnnotation':
-      return wrapOptional('double');
+      return wrapCxxOptional('double', isRequired);
     case 'DoubleTypeAnnotation':
-      return wrapOptional('double');
+      return wrapCxxOptional('double', isRequired);
     case 'BooleanTypeAnnotation':
-      return wrapOptional('bool');
+      return wrapCxxOptional('bool', isRequired);
     case 'EnumDeclaration':
       switch (typeAnnotation.memberType) {
         case 'NumberTypeAnnotation':
-          return wrapOptional('double');
+          return wrapCxxOptional('double', isRequired);
         case 'StringTypeAnnotation':
           return 'NSString *';
         default:
@@ -107,16 +107,17 @@ function toObjCType(
           );
       }
     case 'GenericObjectTypeAnnotation':
-      return isRequired ? 'id<NSObject> ' : 'id<NSObject> _Nullable';
+      return wrapObjCOptional('id<NSObject>', isRequired);
     case 'ArrayTypeAnnotation':
       if (typeAnnotation.elementType == null) {
-        return isRequired ? 'id<NSObject> ' : 'id<NSObject> _Nullable';
+        return wrapObjCOptional('id<NSObject>', isRequired);
       }
-      return wrapOptional(
+      return wrapCxxOptional(
         `facebook::react::LazyVector<${toObjCType(
           hasteModuleName,
           typeAnnotation.elementType,
         )}>`,
+        isRequired,
       );
     case 'TypeAliasTypeAnnotation':
       const structName = capitalize(typeAnnotation.name);
@@ -124,7 +125,7 @@ function toObjCType(
         hasteModuleName,
         structName,
       );
-      return wrapOptional(namespacedStructName);
+      return wrapCxxOptional(namespacedStructName, isRequired);
     default:
       (typeAnnotation.type: empty);
       throw new Error(
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/index.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/index.js
index 9524327b87137e..ce4c1048cd36c1 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/index.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/index.js
@@ -10,16 +10,14 @@
 
 'use strict';
 import type {NativeModulePropertyShape} from '../../../CodegenSchema';
-
 import type {SchemaType} from '../../../CodegenSchema';
 import type {MethodSerializationOutput} from './serializeMethod';
 
 const {createAliasResolver, getModules} = require('../Utils');
-
-const {StructCollector} = require('./StructCollector');
 const {serializeStruct} = require('./header/serializeStruct');
 const {serializeMethod} = require('./serializeMethod');
 const {serializeModuleSource} = require('./source/serializeModule');
+const {StructCollector} = require('./StructCollector');
 
 type FilesOutput = Map<string, string>;
 
@@ -37,17 +35,15 @@ const ModuleDeclarationTemplate = ({
 ${protocolMethods}
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module '${hasteModuleName}'
-     */
-    class JSI_EXPORT ${hasteModuleName}SpecJSI : public ObjCTurboModule {
-    public:
-      ${hasteModuleName}SpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook`;
+namespace facebook::react {
+  /**
+   * ObjC++ class for module '${hasteModuleName}'
+   */
+  class JSI_EXPORT ${hasteModuleName}SpecJSI : public ObjCTurboModule {
+  public:
+    ${hasteModuleName}SpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react`;
 
 const HeaderFileTemplate = ({
   moduleDeclarations,
@@ -122,6 +118,7 @@ module.exports = {
     schema: SchemaType,
     packageName?: string,
     assumeNonnull: boolean,
+    headerPrefix?: string,
   ): FilesOutput {
     const nativeModules = getModules(schema);
 
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/serializeMethod.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/serializeMethod.js
index 9dcf621c7096ff..14f0ed724c78d4 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/serializeMethod.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/serializeMethod.js
@@ -11,23 +11,23 @@
 'use strict';
 
 import type {
-  Nullable,
   NamedShape,
   NativeModuleParamTypeAnnotation,
-  NativeModuleReturnTypeAnnotation,
   NativeModulePropertyShape,
+  NativeModuleReturnTypeAnnotation,
+  Nullable,
 } from '../../../CodegenSchema';
-
 import type {AliasResolver} from '../Utils';
 import type {StructCollector} from './StructCollector';
 
-const invariant = require('invariant');
-const {getNamespacedStructName} = require('./Utils');
-const {capitalize} = require('../../Utils');
 const {
-  wrapNullable,
   unwrapNullable,
+  wrapNullable,
 } = require('../../../parsers/parsers-commons');
+const {wrapOptional} = require('../../TypeUtils/Objective-C');
+const {capitalize} = require('../../Utils');
+const {getNamespacedStructName} = require('./Utils');
+const invariant = require('invariant');
 
 const ProtocolMethodTemplate = ({
   returnObjCType,
@@ -189,11 +189,7 @@ function getParamObjCType(
 ): $ReadOnly<{objCType: string, isStruct: boolean}> {
   const {name: paramName, typeAnnotation: nullableTypeAnnotation} = param;
   const [typeAnnotation, nullable] = unwrapNullable(nullableTypeAnnotation);
-  const notRequired = param.optional || nullable;
-
-  function wrapIntoNullableIfNeeded(generatedType: string) {
-    return nullable ? `${generatedType} _Nullable` : generatedType;
-  }
+  const isRequired = !param.optional && !nullable;
 
   const isStruct = (objCType: string) => ({
     isStruct: true,
@@ -221,7 +217,7 @@ function getParamObjCType(
        *   type Animal = {};
        *   Array<Animal> => NSArray<JS::NativeSampleTurboModule::Animal *>, etc.
        */
-      return notStruct(wrapIntoNullableIfNeeded('NSArray *'));
+      return notStruct(wrapOptional('NSArray *', !nullable));
     }
   }
 
@@ -252,7 +248,7 @@ function getParamObjCType(
     case 'ReservedTypeAnnotation':
       switch (structTypeAnnotation.name) {
         case 'RootTag':
-          return notStruct(notRequired ? 'NSNumber *' : 'double');
+          return notStruct(isRequired ? 'double' : 'NSNumber *');
         default:
           (structTypeAnnotation.name: empty);
           throw new Error(
@@ -260,30 +256,30 @@ function getParamObjCType(
           );
       }
     case 'StringTypeAnnotation':
-      return notStruct(wrapIntoNullableIfNeeded('NSString *'));
+      return notStruct(wrapOptional('NSString *', !nullable));
     case 'NumberTypeAnnotation':
-      return notStruct(notRequired ? 'NSNumber *' : 'double');
+      return notStruct(isRequired ? 'double' : 'NSNumber *');
     case 'FloatTypeAnnotation':
-      return notStruct(notRequired ? 'NSNumber *' : 'double');
+      return notStruct(isRequired ? 'float' : 'NSNumber *');
     case 'DoubleTypeAnnotation':
-      return notStruct(notRequired ? 'NSNumber *' : 'double');
+      return notStruct(isRequired ? 'double' : 'NSNumber *');
     case 'Int32TypeAnnotation':
-      return notStruct(notRequired ? 'NSNumber *' : 'double');
+      return notStruct(isRequired ? 'NSInteger' : 'NSNumber *');
     case 'BooleanTypeAnnotation':
-      return notStruct(notRequired ? 'NSNumber *' : 'BOOL');
+      return notStruct(isRequired ? 'BOOL' : 'NSNumber *');
     case 'EnumDeclaration':
       switch (typeAnnotation.memberType) {
         case 'NumberTypeAnnotation':
-          return notStruct(notRequired ? 'NSNumber *' : 'double');
+          return notStruct(isRequired ? 'double' : 'NSNumber *');
         case 'StringTypeAnnotation':
-          return notStruct(wrapIntoNullableIfNeeded('NSString *'));
+          return notStruct(wrapOptional('NSString *', !nullable));
         default:
           throw new Error(
             `Unsupported enum type for param "${paramName}" in ${methodName}. Found: ${typeAnnotation.type}`,
           );
       }
     case 'GenericObjectTypeAnnotation':
-      return notStruct(wrapIntoNullableIfNeeded('NSDictionary *'));
+      return notStruct(wrapOptional('NSDictionary *', !nullable));
     default:
       (structTypeAnnotation.type: empty);
       throw new Error(
@@ -297,10 +293,7 @@ function getReturnObjCType(
   nullableTypeAnnotation: Nullable<NativeModuleReturnTypeAnnotation>,
 ): string {
   const [typeAnnotation, nullable] = unwrapNullable(nullableTypeAnnotation);
-
-  function wrapIntoNullableIfNeeded(generatedType: string) {
-    return nullable ? `${generatedType} _Nullable` : generatedType;
-  }
+  const isRequired = !nullable;
 
   switch (typeAnnotation.type) {
     case 'VoidTypeAnnotation':
@@ -308,24 +301,25 @@ function getReturnObjCType(
     case 'PromiseTypeAnnotation':
       return 'void';
     case 'ObjectTypeAnnotation':
-      return wrapIntoNullableIfNeeded('NSDictionary *');
+      return wrapOptional('NSDictionary *', isRequired);
     case 'TypeAliasTypeAnnotation':
-      return wrapIntoNullableIfNeeded('NSDictionary *');
+      return wrapOptional('NSDictionary *', isRequired);
     case 'ArrayTypeAnnotation':
       if (typeAnnotation.elementType == null) {
-        return wrapIntoNullableIfNeeded('NSArray<id<NSObject>> *');
+        return wrapOptional('NSArray<id<NSObject>> *', isRequired);
       }
 
-      return wrapIntoNullableIfNeeded(
+      return wrapOptional(
         `NSArray<${getReturnObjCType(
           methodName,
           typeAnnotation.elementType,
         )}> *`,
+        isRequired,
       );
     case 'ReservedTypeAnnotation':
       switch (typeAnnotation.name) {
         case 'RootTag':
-          return wrapIntoNullableIfNeeded('NSNumber *');
+          return wrapOptional('NSNumber *', isRequired);
         default:
           (typeAnnotation.name: empty);
           throw new Error(
@@ -335,23 +329,23 @@ function getReturnObjCType(
     case 'StringTypeAnnotation':
       // TODO: Can NSString * returns not be _Nullable?
       // In the legacy codegen, we don't surround NSSTring * with _Nullable
-      return wrapIntoNullableIfNeeded('NSString *');
+      return wrapOptional('NSString *', isRequired);
     case 'NumberTypeAnnotation':
-      return wrapIntoNullableIfNeeded('NSNumber *');
+      return wrapOptional('NSNumber *', isRequired);
     case 'FloatTypeAnnotation':
-      return wrapIntoNullableIfNeeded('NSNumber *');
+      return wrapOptional('NSNumber *', isRequired);
     case 'DoubleTypeAnnotation':
-      return wrapIntoNullableIfNeeded('NSNumber *');
+      return wrapOptional('NSNumber *', isRequired);
     case 'Int32TypeAnnotation':
-      return wrapIntoNullableIfNeeded('NSNumber *');
+      return wrapOptional('NSNumber *', isRequired);
     case 'BooleanTypeAnnotation':
-      return wrapIntoNullableIfNeeded('NSNumber *');
+      return wrapOptional('NSNumber *', isRequired);
     case 'EnumDeclaration':
       switch (typeAnnotation.memberType) {
         case 'NumberTypeAnnotation':
-          return wrapIntoNullableIfNeeded('NSNumber *');
+          return wrapOptional('NSNumber *', isRequired);
         case 'StringTypeAnnotation':
-          return wrapIntoNullableIfNeeded('NSString *');
+          return wrapOptional('NSString *', isRequired);
         default:
           throw new Error(
             `Unsupported enum return type for ${methodName}. Found: ${typeAnnotation.type}`,
@@ -360,20 +354,20 @@ function getReturnObjCType(
     case 'UnionTypeAnnotation':
       switch (typeAnnotation.memberType) {
         case 'NumberTypeAnnotation':
-          return wrapIntoNullableIfNeeded('NSNumber *');
+          return wrapOptional('NSNumber *', isRequired);
         case 'ObjectTypeAnnotation':
-          return wrapIntoNullableIfNeeded('NSDictionary *');
+          return wrapOptional('NSDictionary *', isRequired);
         case 'StringTypeAnnotation':
           // TODO: Can NSString * returns not be _Nullable?
           // In the legacy codegen, we don't surround NSSTring * with _Nullable
-          return wrapIntoNullableIfNeeded('NSString *');
+          return wrapOptional('NSString *', isRequired);
         default:
           throw new Error(
             `Unsupported union return type for ${methodName}, found: ${typeAnnotation.memberType}"`,
           );
       }
     case 'GenericObjectTypeAnnotation':
-      return wrapIntoNullableIfNeeded('NSDictionary *');
+      return wrapOptional('NSDictionary *', isRequired);
     default:
       (typeAnnotation.type: 'MixedTypeAnnotation');
       throw new Error(
diff --git a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/source/serializeModule.js b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/source/serializeModule.js
index 2d9eb34d2564f8..62cc5e204ff088 100644
--- a/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/source/serializeModule.js
+++ b/packages/react-native-codegen/src/generators/modules/GenerateModuleObjCpp/source/serializeModule.js
@@ -10,11 +10,11 @@
 
 'use strict';
 
-import type {Struct} from '../StructCollector';
 import type {
   MethodSerializationOutput,
   StructParameterRecord,
 } from '../serializeMethod';
+import type {Struct} from '../StructCollector';
 
 const ModuleTemplate = ({
   hasteModuleName,
@@ -29,34 +29,32 @@ const ModuleTemplate = ({
     RCTCxxConvertCategoryTemplate({hasteModuleName, structName: struct.name}),
   )
   .join('\n')}
-namespace facebook {
-  namespace react {
-    ${methodSerializationOutputs
-      .map(serializedMethodParts =>
-        InlineHostFunctionTemplate({
-          hasteModuleName,
-          methodName: serializedMethodParts.methodName,
-          returnJSType: serializedMethodParts.returnJSType,
-          selector: serializedMethodParts.selector,
-        }),
-      )
-      .join('\n')}
+namespace facebook::react {
+  ${methodSerializationOutputs
+    .map(serializedMethodParts =>
+      InlineHostFunctionTemplate({
+        hasteModuleName,
+        methodName: serializedMethodParts.methodName,
+        returnJSType: serializedMethodParts.returnJSType,
+        selector: serializedMethodParts.selector,
+      }),
+    )
+    .join('\n')}
 
-    ${hasteModuleName}SpecJSI::${hasteModuleName}SpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        ${methodSerializationOutputs
-          .map(({methodName, structParamRecords, argCount}) =>
-            MethodMapEntryTemplate({
-              hasteModuleName,
-              methodName,
-              structParamRecords,
-              argCount,
-            }),
-          )
-          .join('\n' + ' '.repeat(8))}
-    }
-  } // namespace react
-} // namespace facebook`;
+  ${hasteModuleName}SpecJSI::${hasteModuleName}SpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      ${methodSerializationOutputs
+        .map(({methodName, structParamRecords, argCount}) =>
+          MethodMapEntryTemplate({
+            hasteModuleName,
+            methodName,
+            structParamRecords,
+            argCount,
+          }),
+        )
+        .join('\n' + ' '.repeat(8))}
+  }
+} // namespace facebook::react`;
 
 const RCTCxxConvertCategoryTemplate = ({
   hasteModuleName,
diff --git a/packages/react-native-codegen/src/generators/modules/Utils.js b/packages/react-native-codegen/src/generators/modules/Utils.js
index 8d172d32abc814..20e7a482b245a3 100644
--- a/packages/react-native-codegen/src/generators/modules/Utils.js
+++ b/packages/react-native-codegen/src/generators/modules/Utils.js
@@ -11,13 +11,16 @@
 'use strict';
 
 import type {
-  SchemaType,
   NativeModuleAliasMap,
+  NativeModuleEnumMembers,
   NativeModuleObjectTypeAnnotation,
   NativeModuleSchema,
-  NativeModuleEnumMembers,
+  NativeModuleTypeAnnotation,
+  Nullable,
+  SchemaType,
 } from '../../CodegenSchema';
 
+const {unwrapNullable} = require('../../parsers/parsers-commons');
 const invariant = require('invariant');
 
 export type AliasResolver = (
@@ -48,6 +51,33 @@ function getModules(
   );
 }
 
+function isDirectRecursiveMember(
+  parentObjectAliasName: ?string,
+  nullableTypeAnnotation: Nullable<NativeModuleTypeAnnotation>,
+): boolean {
+  const [typeAnnotation] = unwrapNullable<NativeModuleTypeAnnotation>(
+    nullableTypeAnnotation,
+  );
+  return (
+    parentObjectAliasName !== undefined &&
+    typeAnnotation.name === parentObjectAliasName
+  );
+}
+
+function isArrayRecursiveMember(
+  parentObjectAliasName: ?string,
+  nullableTypeAnnotation: Nullable<NativeModuleTypeAnnotation>,
+): boolean {
+  const [typeAnnotation] = unwrapNullable<NativeModuleTypeAnnotation>(
+    nullableTypeAnnotation,
+  );
+  return (
+    parentObjectAliasName !== undefined &&
+    typeAnnotation.type === 'ArrayTypeAnnotation' &&
+    typeAnnotation.elementType?.name === parentObjectAliasName
+  );
+}
+
 function getAreEnumMembersInteger(members: NativeModuleEnumMembers): boolean {
   return !members.some(m => `${m.value}`.includes('.'));
 }
@@ -56,4 +86,6 @@ module.exports = {
   createAliasResolver,
   getModules,
   getAreEnumMembersInteger,
+  isDirectRecursiveMember,
+  isArrayRecursiveMember,
 };
diff --git a/packages/react-native-codegen/src/generators/modules/__test_fixtures__/fixtures.js b/packages/react-native-codegen/src/generators/modules/__test_fixtures__/fixtures.js
index 8f96919d4c3843..387126e40ed8f1 100644
--- a/packages/react-native-codegen/src/generators/modules/__test_fixtures__/fixtures.js
+++ b/packages/react-native-codegen/src/generators/modules/__test_fixtures__/fixtures.js
@@ -1569,7 +1569,117 @@ const CXX_ONLY_NATIVE_MODULES: SchemaType = {
     NativeSampleTurboModule: {
       type: 'NativeModule',
       aliasMap: {
-        ObjectAlias: {
+        ConstantsStruct: {
+          type: 'ObjectTypeAnnotation',
+          properties: [
+            {
+              name: 'const1',
+              optional: false,
+              typeAnnotation: {
+                type: 'BooleanTypeAnnotation',
+              },
+            },
+            {
+              name: 'const2',
+              optional: false,
+              typeAnnotation: {
+                type: 'NumberTypeAnnotation',
+              },
+            },
+            {
+              name: 'const3',
+              optional: false,
+              typeAnnotation: {
+                type: 'StringTypeAnnotation',
+              },
+            },
+          ],
+        },
+        CustomHostObject: {
+          type: 'ObjectTypeAnnotation',
+          properties: [],
+        },
+        BinaryTreeNode: {
+          type: 'ObjectTypeAnnotation',
+          properties: [
+            {
+              name: 'left',
+              optional: true,
+              typeAnnotation: {
+                type: 'TypeAliasTypeAnnotation',
+                name: 'BinaryTreeNode',
+              },
+            },
+            {
+              name: 'value',
+              optional: false,
+              typeAnnotation: {
+                type: 'NumberTypeAnnotation',
+              },
+            },
+            {
+              name: 'right',
+              optional: true,
+              typeAnnotation: {
+                type: 'TypeAliasTypeAnnotation',
+                name: 'BinaryTreeNode',
+              },
+            },
+          ],
+        },
+        GraphNode: {
+          type: 'ObjectTypeAnnotation',
+          properties: [
+            {
+              name: 'label',
+              optional: false,
+              typeAnnotation: {
+                type: 'StringTypeAnnotation',
+              },
+            },
+            {
+              name: 'neighbors',
+              optional: true,
+              typeAnnotation: {
+                type: 'ArrayTypeAnnotation',
+                elementType: {
+                  type: 'TypeAliasTypeAnnotation',
+                  name: 'GraphNode',
+                },
+              },
+            },
+          ],
+        },
+        ObjectStruct: {
+          type: 'ObjectTypeAnnotation',
+          properties: [
+            {
+              name: 'a',
+              optional: false,
+              typeAnnotation: {
+                type: 'NumberTypeAnnotation',
+              },
+            },
+            {
+              name: 'b',
+              optional: false,
+              typeAnnotation: {
+                type: 'StringTypeAnnotation',
+              },
+            },
+            {
+              name: 'c',
+              optional: true,
+              typeAnnotation: {
+                type: 'NullableTypeAnnotation',
+                typeAnnotation: {
+                  type: 'StringTypeAnnotation',
+                },
+              },
+            },
+          ],
+        },
+        ValueStruct: {
           type: 'ObjectTypeAnnotation',
           properties: [
             {
@@ -1579,56 +1689,141 @@ const CXX_ONLY_NATIVE_MODULES: SchemaType = {
                 type: 'NumberTypeAnnotation',
               },
             },
+            {
+              name: 'y',
+              optional: false,
+              typeAnnotation: {
+                type: 'StringTypeAnnotation',
+              },
+            },
+            {
+              name: 'z',
+              optional: false,
+              typeAnnotation: {
+                type: 'TypeAliasTypeAnnotation',
+                name: 'ObjectStruct',
+              },
+            },
+          ],
+        },
+        MenuItem: {
+          type: 'ObjectTypeAnnotation',
+          properties: [
+            {
+              name: 'label',
+              optional: false,
+              typeAnnotation: {
+                type: 'StringTypeAnnotation',
+              },
+            },
+            {
+              name: 'onPress',
+              optional: false,
+              typeAnnotation: {
+                type: 'FunctionTypeAnnotation',
+                returnTypeAnnotation: {
+                  type: 'VoidTypeAnnotation',
+                },
+                params: [
+                  {
+                    name: 'value',
+                    optional: false,
+                    typeAnnotation: {
+                      type: 'StringTypeAnnotation',
+                    },
+                  },
+                  {
+                    name: 'flag',
+                    optional: false,
+                    typeAnnotation: {
+                      type: 'BooleanTypeAnnotation',
+                    },
+                  },
+                ],
+              },
+            },
+            {
+              name: 'shortcut',
+              optional: true,
+              typeAnnotation: {
+                type: 'NullableTypeAnnotation',
+                typeAnnotation: {
+                  type: 'StringTypeAnnotation',
+                },
+              },
+            },
+            {
+              name: 'items',
+              optional: true,
+              typeAnnotation: {
+                type: 'ArrayTypeAnnotation',
+                elementType: {
+                  type: 'TypeAliasTypeAnnotation',
+                  name: 'MenuItem',
+                },
+              },
+            },
           ],
         },
       },
       enumMap: {
-        NumEnum: {
+        EnumInt: {
+          name: 'EnumInt',
           type: 'EnumDeclarationWithMembers',
-          name: 'NumEnum',
           memberType: 'NumberTypeAnnotation',
           members: [
             {
-              name: 'ONE',
-              value: '1',
+              name: 'IA',
+              value: '23',
             },
             {
-              name: 'TWO',
-              value: '2',
+              name: 'IB',
+              value: '42',
             },
           ],
         },
-        FloatEnum: {
+        EnumFloat: {
+          name: 'EnumFloat',
           type: 'EnumDeclarationWithMembers',
-          name: 'FloatEnum',
           memberType: 'NumberTypeAnnotation',
           members: [
             {
-              name: 'POINT_ZERO',
-              value: '0.0',
+              name: 'FA',
+              value: '1.23',
             },
             {
-              name: 'POINT_ONE',
-              value: '0.1',
+              name: 'FB',
+              value: '4.56',
             },
+          ],
+        },
+        EnumNone: {
+          name: 'EnumNone',
+          type: 'EnumDeclarationWithMembers',
+          memberType: 'StringTypeAnnotation',
+          members: [
             {
-              name: 'POINT_TWO',
-              value: '0.2',
+              name: 'NA',
+              value: 'NA',
+            },
+            {
+              name: 'NB',
+              value: 'NB',
             },
           ],
         },
-        StringEnum: {
+        EnumStr: {
+          name: 'EnumStr',
           type: 'EnumDeclarationWithMembers',
-          name: 'StringEnum',
           memberType: 'StringTypeAnnotation',
           members: [
             {
-              name: 'HELLO',
-              value: 'hello',
+              name: 'SA',
+              value: 's---a',
             },
             {
-              name: 'GoodBye',
-              value: 'goodbye',
+              name: 'SB',
+              value: 's---b',
             },
           ],
         },
@@ -1636,147 +1831,574 @@ const CXX_ONLY_NATIVE_MODULES: SchemaType = {
       spec: {
         properties: [
           {
-            name: 'getMixed',
+            name: 'getArray',
             optional: false,
             typeAnnotation: {
               type: 'FunctionTypeAnnotation',
               returnTypeAnnotation: {
-                type: 'MixedTypeAnnotation',
+                type: 'ArrayTypeAnnotation',
               },
               params: [
                 {
                   name: 'arg',
                   optional: false,
                   typeAnnotation: {
-                    type: 'MixedTypeAnnotation',
+                    type: 'ArrayTypeAnnotation',
                   },
                 },
               ],
             },
           },
           {
-            name: 'getNullableNumberFromNullableAlias',
+            name: 'getBool',
             optional: false,
             typeAnnotation: {
               type: 'FunctionTypeAnnotation',
               returnTypeAnnotation: {
-                type: 'NullableTypeAnnotation',
-                typeAnnotation: {
-                  type: 'NumberTypeAnnotation',
-                },
+                type: 'BooleanTypeAnnotation',
               },
               params: [
                 {
-                  name: 'a',
+                  name: 'arg',
                   optional: false,
                   typeAnnotation: {
-                    type: 'NullableTypeAnnotation',
-                    typeAnnotation: {
-                      type: 'TypeAliasTypeAnnotation',
-                      name: 'ObjectAlias',
-                    },
+                    type: 'BooleanTypeAnnotation',
                   },
                 },
               ],
             },
           },
           {
-            name: 'getEnums',
+            name: 'getConstants',
             optional: false,
             typeAnnotation: {
               type: 'FunctionTypeAnnotation',
               returnTypeAnnotation: {
-                type: 'StringTypeAnnotation',
+                type: 'TypeAliasTypeAnnotation',
+                name: 'ConstantsStruct',
+              },
+              params: [],
+            },
+          },
+          {
+            name: 'getCustomEnum',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                name: 'EnumInt',
+                type: 'EnumDeclaration',
+                memberType: 'NumberTypeAnnotation',
               },
               params: [
                 {
-                  name: 'enumInt',
+                  name: 'arg',
                   optional: false,
                   typeAnnotation: {
-                    name: 'NumEnum',
+                    name: 'EnumInt',
                     type: 'EnumDeclaration',
                     memberType: 'NumberTypeAnnotation',
                   },
                 },
+              ],
+            },
+          },
+          {
+            name: 'getCustomHostObject',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'TypeAliasTypeAnnotation',
+                name: 'CustomHostObject',
+              },
+              params: [],
+            },
+          },
+          {
+            name: 'consumeCustomHostObject',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'StringTypeAnnotation',
+              },
+              params: [
                 {
-                  name: 'enumFloat',
+                  name: 'customHostObject',
                   optional: false,
                   typeAnnotation: {
-                    name: 'FloatEnum',
-                    type: 'EnumDeclaration',
-                    memberType: 'NumberTypeAnnotation',
+                    type: 'TypeAliasTypeAnnotation',
+                    name: 'CustomHostObject',
                   },
                 },
+              ],
+            },
+          },
+          {
+            name: 'getBinaryTreeNode',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'TypeAliasTypeAnnotation',
+                name: 'BinaryTreeNode',
+              },
+              params: [
                 {
-                  name: 'enumString',
+                  name: 'arg',
                   optional: false,
                   typeAnnotation: {
-                    name: 'StringEnum',
-                    type: 'EnumDeclaration',
-                    memberType: 'StringTypeAnnotation',
+                    type: 'TypeAliasTypeAnnotation',
+                    name: 'BinaryTreeNode',
                   },
                 },
               ],
             },
           },
           {
-            name: 'getUnion',
+            name: 'getGraphNode',
             optional: false,
             typeAnnotation: {
               type: 'FunctionTypeAnnotation',
               returnTypeAnnotation: {
-                type: 'UnionTypeAnnotation',
-                memberType: 'ObjectTypeAnnotation',
+                type: 'TypeAliasTypeAnnotation',
+                name: 'GraphNode',
               },
               params: [
                 {
-                  name: 'chooseInt',
+                  name: 'arg',
                   optional: false,
                   typeAnnotation: {
-                    type: 'UnionTypeAnnotation',
-                    memberType: 'NumberTypeAnnotation',
+                    type: 'TypeAliasTypeAnnotation',
+                    name: 'GraphNode',
                   },
                 },
-                {
-                  name: 'chooseFloat',
-                  optional: false,
+              ],
+            },
+          },
+          {
+            name: 'getNumEnum',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                name: 'EnumFloat',
+                type: 'EnumDeclaration',
+                memberType: 'NumberTypeAnnotation',
+              },
+              params: [
+                {
+                  name: 'arg',
+                  optional: false,
                   typeAnnotation: {
-                    type: 'UnionTypeAnnotation',
+                    name: 'EnumInt',
+                    type: 'EnumDeclaration',
                     memberType: 'NumberTypeAnnotation',
                   },
                 },
+              ],
+            },
+          },
+          {
+            name: 'getStrEnum',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                name: 'EnumStr',
+                type: 'EnumDeclaration',
+                memberType: 'StringTypeAnnotation',
+              },
+              params: [
                 {
-                  name: 'chooseObject',
+                  name: 'arg',
+                  optional: false,
+                  typeAnnotation: {
+                    name: 'EnumNone',
+                    type: 'EnumDeclaration',
+                    memberType: 'StringTypeAnnotation',
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'getMap',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'GenericObjectTypeAnnotation',
+                dictionaryValueType: {
+                  type: 'NullableTypeAnnotation',
+                  typeAnnotation: {
+                    type: 'NumberTypeAnnotation',
+                  },
+                },
+              },
+              params: [
+                {
+                  name: 'arg',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'GenericObjectTypeAnnotation',
+                    dictionaryValueType: {
+                      type: 'NullableTypeAnnotation',
+                      typeAnnotation: {
+                        type: 'NumberTypeAnnotation',
+                      },
+                    },
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'getNumber',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'NumberTypeAnnotation',
+              },
+              params: [
+                {
+                  name: 'arg',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'NumberTypeAnnotation',
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'getObject',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'TypeAliasTypeAnnotation',
+                name: 'ObjectStruct',
+              },
+              params: [
+                {
+                  name: 'arg',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'TypeAliasTypeAnnotation',
+                    name: 'ObjectStruct',
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'getSet',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'ArrayTypeAnnotation',
+                elementType: {
+                  type: 'NumberTypeAnnotation',
+                },
+              },
+              params: [
+                {
+                  name: 'arg',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'ArrayTypeAnnotation',
+                    elementType: {
+                      type: 'NumberTypeAnnotation',
+                    },
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'getString',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'StringTypeAnnotation',
+              },
+              params: [
+                {
+                  name: 'arg',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'StringTypeAnnotation',
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'getUnion',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'StringTypeAnnotation',
+              },
+              params: [
+                {
+                  name: 'x',
                   optional: false,
                   typeAnnotation: {
                     type: 'UnionTypeAnnotation',
-                    memberType: 'ObjectTypeAnnotation',
+                    memberType: 'NumberTypeAnnotation',
                   },
                 },
                 {
-                  name: 'chooseString',
+                  name: 'y',
                   optional: false,
                   typeAnnotation: {
                     type: 'UnionTypeAnnotation',
                     memberType: 'StringTypeAnnotation',
                   },
                 },
+                {
+                  name: 'z',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'UnionTypeAnnotation',
+                    memberType: 'ObjectTypeAnnotation',
+                  },
+                },
               ],
             },
           },
           {
-            name: 'getEnumReturn',
+            name: 'getValue',
             optional: false,
             typeAnnotation: {
               type: 'FunctionTypeAnnotation',
               returnTypeAnnotation: {
-                type: 'EnumDeclaration',
-                name: 'NumEnum',
-                memberType: 'NumberTypeAnnotation',
+                type: 'TypeAliasTypeAnnotation',
+                name: 'ValueStruct',
+              },
+              params: [
+                {
+                  name: 'x',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'NumberTypeAnnotation',
+                  },
+                },
+                {
+                  name: 'y',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'StringTypeAnnotation',
+                  },
+                },
+                {
+                  name: 'z',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'TypeAliasTypeAnnotation',
+                    name: 'ObjectStruct',
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'getValueWithCallback',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'VoidTypeAnnotation',
+              },
+              params: [
+                {
+                  name: 'callback',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'FunctionTypeAnnotation',
+                    returnTypeAnnotation: {
+                      type: 'VoidTypeAnnotation',
+                    },
+                    params: [
+                      {
+                        name: 'value',
+                        optional: false,
+                        typeAnnotation: {
+                          type: 'StringTypeAnnotation',
+                        },
+                      },
+                    ],
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'getValueWithPromise',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'PromiseTypeAnnotation',
+                elementType: {
+                  type: 'StringTypeAnnotation',
+                },
+              },
+              params: [
+                {
+                  name: 'error',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'BooleanTypeAnnotation',
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'getWithWithOptionalArgs',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'NullableTypeAnnotation',
+                typeAnnotation: {
+                  type: 'BooleanTypeAnnotation',
+                },
+              },
+              params: [
+                {
+                  name: 'optionalArg',
+                  optional: true,
+                  typeAnnotation: {
+                    type: 'BooleanTypeAnnotation',
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'voidFunc',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'VoidTypeAnnotation',
+              },
+              params: [],
+            },
+          },
+          {
+            name: 'setMenu',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'VoidTypeAnnotation',
+              },
+              params: [
+                {
+                  name: 'menuItem',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'TypeAliasTypeAnnotation',
+                    name: 'MenuItem',
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'emitCustomDeviceEvent',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'VoidTypeAnnotation',
+              },
+              params: [
+                {
+                  name: 'eventName',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'StringTypeAnnotation',
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'voidFuncThrows',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'VoidTypeAnnotation',
               },
               params: [],
             },
           },
+
+          {
+            name: 'getObjectThrows',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'TypeAliasTypeAnnotation',
+                name: 'ObjectStruct',
+              },
+              params: [
+                {
+                  name: 'arg',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'TypeAliasTypeAnnotation',
+                    name: 'ObjectStruct',
+                  },
+                },
+              ],
+            },
+          },
+          {
+            name: 'voidFuncAssert',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'VoidTypeAnnotation',
+              },
+              params: [],
+            },
+          },
+          {
+            name: 'getObjectAssert',
+            optional: false,
+            typeAnnotation: {
+              type: 'FunctionTypeAnnotation',
+              returnTypeAnnotation: {
+                type: 'TypeAliasTypeAnnotation',
+                name: 'ObjectStruct',
+              },
+              params: [
+                {
+                  name: 'arg',
+                  optional: false,
+                  typeAnnotation: {
+                    type: 'TypeAliasTypeAnnotation',
+                    name: 'ObjectStruct',
+                  },
+                },
+              ],
+            },
+          },
         ],
       },
       moduleName: 'SampleTurboModuleCxx',
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleCpp-test.js.snap b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleCpp-test.js.snap
index b04d1afa0b57c8..cef33f44c2ef3f 100644
--- a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleCpp-test.js.snap
@@ -13,8 +13,7 @@ Map {
 
 #include \\"SampleWithUppercaseNameJSI.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
@@ -24,8 +23,7 @@ NativeSampleTurboModuleCxxSpecJSI::NativeSampleTurboModuleCxxSpecJSI(std::shared
 }
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -43,8 +41,7 @@ Map {
 
 #include \\"complex_objectsJSI.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_difficult(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
   return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->difficult(
@@ -106,8 +103,7 @@ NativeSampleTurboModuleCxxSpecJSI::NativeSampleTurboModuleCxxSpecJSI(std::shared
 }
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -125,57 +121,210 @@ Map {
 
 #include \\"cxx_only_native_modulesJSI.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
-static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getMixed(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getMixed(
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getArray(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getArray(
     rt,
-    jsi::Value(rt, args[0])
+    args[0].asObject(rt).asArray(rt)
   );
 }
-static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getNullableNumberFromNullableAlias(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  auto result = static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getNullableNumberFromNullableAlias(
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getBool(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getBool(
     rt,
-    args[0].isNull() || args[0].isUndefined() ? std::nullopt : std::make_optional(args[0].asObject(rt))
+    args[0].asBool()
   );
-  return result ? jsi::Value(std::move(*result)) : jsi::Value::null();
 }
-static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getEnums(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getEnums(
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getConstants(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getConstants(
+    rt
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getCustomEnum(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getCustomEnum(
     rt,
-    args[0].asNumber(),
-    args[1].asNumber(),
-    args[2].asString(rt)
+    args[0].asNumber()
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getCustomHostObject(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getCustomHostObject(
+    rt
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_consumeCustomHostObject(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->consumeCustomHostObject(
+    rt,
+    args[0].asObject(rt)
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getBinaryTreeNode(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getBinaryTreeNode(
+    rt,
+    args[0].asObject(rt)
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getGraphNode(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getGraphNode(
+    rt,
+    args[0].asObject(rt)
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getNumEnum(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getNumEnum(
+    rt,
+    args[0].asNumber()
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getStrEnum(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getStrEnum(
+    rt,
+    args[0].asString(rt)
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getMap(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getMap(
+    rt,
+    args[0].asObject(rt)
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getNumber(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getNumber(
+    rt,
+    args[0].asNumber()
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getObject(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getObject(
+    rt,
+    args[0].asObject(rt)
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getSet(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getSet(
+    rt,
+    args[0].asObject(rt).asArray(rt)
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getString(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getString(
+    rt,
+    args[0].asString(rt)
   );
 }
 static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getUnion(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
   return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getUnion(
     rt,
     args[0].asNumber(),
-    args[1].asNumber(),
-    args[2].asObject(rt),
-    args[3].asString(rt)
+    args[1].asString(rt),
+    args[2].asObject(rt)
   );
 }
-static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getEnumReturn(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
-  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getEnumReturn(
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getValue(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getValue(
+    rt,
+    args[0].asNumber(),
+    args[1].asString(rt),
+    args[2].asObject(rt)
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getValueWithCallback(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getValueWithCallback(
+    rt,
+    args[0].asObject(rt).asFunction(rt)
+  );
+  return jsi::Value::undefined();
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getValueWithPromise(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getValueWithPromise(
+    rt,
+    args[0].asBool()
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getWithWithOptionalArgs(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  auto result = static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getWithWithOptionalArgs(
+    rt,
+    count <= 0 || args[0].isNull() || args[0].isUndefined() ? std::nullopt : std::make_optional(args[0].asBool())
+  );
+  return result ? jsi::Value(std::move(*result)) : jsi::Value::null();
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_voidFunc(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->voidFunc(
     rt
   );
+  return jsi::Value::undefined();
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_setMenu(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->setMenu(
+    rt,
+    args[0].asObject(rt)
+  );
+  return jsi::Value::undefined();
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_emitCustomDeviceEvent(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->emitCustomDeviceEvent(
+    rt,
+    args[0].asString(rt)
+  );
+  return jsi::Value::undefined();
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_voidFuncThrows(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->voidFuncThrows(
+    rt
+  );
+  return jsi::Value::undefined();
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getObjectThrows(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getObjectThrows(
+    rt,
+    args[0].asObject(rt)
+  );
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_voidFuncAssert(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->voidFuncAssert(
+    rt
+  );
+  return jsi::Value::undefined();
+}
+static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getObjectAssert(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
+  return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getObjectAssert(
+    rt,
+    args[0].asObject(rt)
+  );
 }
 
 NativeSampleTurboModuleCxxSpecJSI::NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker)
   : TurboModule(\\"SampleTurboModuleCxx\\", jsInvoker) {
-  methodMap_[\\"getMixed\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getMixed};
-  methodMap_[\\"getNullableNumberFromNullableAlias\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getNullableNumberFromNullableAlias};
-  methodMap_[\\"getEnums\\"] = MethodMetadata {3, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getEnums};
-  methodMap_[\\"getUnion\\"] = MethodMetadata {4, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getUnion};
-  methodMap_[\\"getEnumReturn\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getEnumReturn};
+  methodMap_[\\"getArray\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getArray};
+  methodMap_[\\"getBool\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getBool};
+  methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getConstants};
+  methodMap_[\\"getCustomEnum\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getCustomEnum};
+  methodMap_[\\"getCustomHostObject\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getCustomHostObject};
+  methodMap_[\\"consumeCustomHostObject\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_consumeCustomHostObject};
+  methodMap_[\\"getBinaryTreeNode\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getBinaryTreeNode};
+  methodMap_[\\"getGraphNode\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getGraphNode};
+  methodMap_[\\"getNumEnum\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getNumEnum};
+  methodMap_[\\"getStrEnum\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getStrEnum};
+  methodMap_[\\"getMap\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getMap};
+  methodMap_[\\"getNumber\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getNumber};
+  methodMap_[\\"getObject\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getObject};
+  methodMap_[\\"getSet\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getSet};
+  methodMap_[\\"getString\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getString};
+  methodMap_[\\"getUnion\\"] = MethodMetadata {3, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getUnion};
+  methodMap_[\\"getValue\\"] = MethodMetadata {3, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getValue};
+  methodMap_[\\"getValueWithCallback\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getValueWithCallback};
+  methodMap_[\\"getValueWithPromise\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getValueWithPromise};
+  methodMap_[\\"getWithWithOptionalArgs\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getWithWithOptionalArgs};
+  methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_voidFunc};
+  methodMap_[\\"setMenu\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_setMenu};
+  methodMap_[\\"emitCustomDeviceEvent\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_emitCustomDeviceEvent};
+  methodMap_[\\"voidFuncThrows\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_voidFuncThrows};
+  methodMap_[\\"getObjectThrows\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getObjectThrows};
+  methodMap_[\\"voidFuncAssert\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_voidFuncAssert};
+  methodMap_[\\"getObjectAssert\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getObjectAssert};
 }
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -193,8 +342,7 @@ Map {
 
 #include \\"empty_native_modulesJSI.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
@@ -204,8 +352,7 @@ NativeSampleTurboModuleCxxSpecJSI::NativeSampleTurboModuleCxxSpecJSI(std::shared
 }
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -223,8 +370,7 @@ Map {
 
 #include \\"native_modules_with_type_aliasesJSI.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 static jsi::Value __hostFunction_AliasTurboModuleCxxSpecJSI_getConstants(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
   return static_cast<AliasTurboModuleCxxSpecJSI *>(&turboModule)->getConstants(
@@ -246,8 +392,7 @@ AliasTurboModuleCxxSpecJSI::AliasTurboModuleCxxSpecJSI(std::shared_ptr<CallInvok
 }
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -265,8 +410,7 @@ Map {
 
 #include \\"real_module_exampleJSI.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 static jsi::Value __hostFunction_NativeCameraRollManagerCxxSpecJSI_getConstants(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
   return static_cast<NativeCameraRollManagerCxxSpecJSI *>(&turboModule)->getConstants(
@@ -351,8 +495,7 @@ NativeExceptionsManagerCxxSpecJSI::NativeExceptionsManagerCxxSpecJSI(std::shared
 }
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -370,8 +513,7 @@ Map {
 
 #include \\"simple_native_modulesJSI.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_getConstants(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
   return static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->getConstants(
@@ -480,8 +622,7 @@ NativeSampleTurboModuleCxxSpecJSI::NativeSampleTurboModuleCxxSpecJSI(std::shared
 }
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -499,8 +640,7 @@ Map {
 
 #include \\"two_modules_different_filesJSI.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 static jsi::Value __hostFunction_NativeSampleTurboModuleCxxSpecJSI_voidFunc(jsi::Runtime &rt, TurboModule &turboModule, const jsi::Value* args, size_t count) {
   static_cast<NativeSampleTurboModuleCxxSpecJSI *>(&turboModule)->voidFunc(
@@ -532,8 +672,7 @@ NativeSampleTurboModule2CxxSpecJSI::NativeSampleTurboModule2CxxSpecJSI(std::shar
 }
 
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleH-test.js.snap b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleH-test.js.snap
index 20fb6911293a8a..8fcc178ac21168 100644
--- a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleH-test.js.snap
@@ -16,8 +16,7 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <react/bridging/Bridging.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
   class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
@@ -41,7 +40,7 @@ public:
 protected:
   NativeSampleTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleCxxSpecJSI {
@@ -58,8 +57,7 @@ private:
   Delegate delegate_;
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -80,8 +78,7 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <react/bridging/Bridging.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
   class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
@@ -111,7 +108,7 @@ public:
 protected:
   NativeSampleTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleCxxSpecJSI {
@@ -183,8 +180,7 @@ private:
   Delegate delegate_;
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -205,381 +201,1306 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <react/bridging/Bridging.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
-#pragma mark - SampleTurboModuleCxxNumEnum
+#pragma mark - SampleTurboModuleCxxEnumInt
 
-enum SampleTurboModuleCxxNumEnum { ONE, TWO };
+enum class SampleTurboModuleCxxEnumInt { IA, IB };
 
 template <>
-struct Bridging<SampleTurboModuleCxxNumEnum> {
-  static SampleTurboModuleCxxNumEnum fromJs(jsi::Runtime &rt, const jsi::Value &rawValue) {
+struct Bridging<SampleTurboModuleCxxEnumInt> {
+  static SampleTurboModuleCxxEnumInt fromJs(jsi::Runtime &rt, const jsi::Value &rawValue) {
     double value = (double)rawValue.asNumber();
-    if (value == 1) {
-      return SampleTurboModuleCxxNumEnum::ONE;
-    } else if (value == 2) {
-      return SampleTurboModuleCxxNumEnum::TWO;
+    if (value == 23) {
+      return SampleTurboModuleCxxEnumInt::IA;
+    } else if (value == 42) {
+      return SampleTurboModuleCxxEnumInt::IB;
     } else {
       throw jsi::JSError(rt, \\"No appropriate enum member found for value\\");
     }
   }
 
-  static jsi::Value toJs(jsi::Runtime &rt, SampleTurboModuleCxxNumEnum value) {
-    if (value == SampleTurboModuleCxxNumEnum::ONE) {
-      return bridging::toJs(rt, 1);
-    } else if (value == SampleTurboModuleCxxNumEnum::TWO) {
-      return bridging::toJs(rt, 2);
+  static jsi::Value toJs(jsi::Runtime &rt, SampleTurboModuleCxxEnumInt value) {
+    if (value == SampleTurboModuleCxxEnumInt::IA) {
+      return bridging::toJs(rt, 23);
+    } else if (value == SampleTurboModuleCxxEnumInt::IB) {
+      return bridging::toJs(rt, 42);
     } else {
       throw jsi::JSError(rt, \\"No appropriate enum member found for enum value\\");
     }
   }
 };
 
-#pragma mark - SampleTurboModuleCxxFloatEnum
+#pragma mark - SampleTurboModuleCxxEnumFloat
 
-enum SampleTurboModuleCxxFloatEnum { POINT_ZERO, POINT_ONE, POINT_TWO };
+enum class SampleTurboModuleCxxEnumFloat { FA, FB };
 
 template <>
-struct Bridging<SampleTurboModuleCxxFloatEnum> {
-  static SampleTurboModuleCxxFloatEnum fromJs(jsi::Runtime &rt, const jsi::Value &rawValue) {
+struct Bridging<SampleTurboModuleCxxEnumFloat> {
+  static SampleTurboModuleCxxEnumFloat fromJs(jsi::Runtime &rt, const jsi::Value &rawValue) {
     double value = (double)rawValue.asNumber();
-    if (value == 0.0f) {
-      return SampleTurboModuleCxxFloatEnum::POINT_ZERO;
-    } else if (value == 0.1f) {
-      return SampleTurboModuleCxxFloatEnum::POINT_ONE;
-    } else if (value == 0.2f) {
-      return SampleTurboModuleCxxFloatEnum::POINT_TWO;
+    if (value == 1.23f) {
+      return SampleTurboModuleCxxEnumFloat::FA;
+    } else if (value == 4.56f) {
+      return SampleTurboModuleCxxEnumFloat::FB;
     } else {
       throw jsi::JSError(rt, \\"No appropriate enum member found for value\\");
     }
   }
 
-  static jsi::Value toJs(jsi::Runtime &rt, SampleTurboModuleCxxFloatEnum value) {
-    if (value == SampleTurboModuleCxxFloatEnum::POINT_ZERO) {
-      return bridging::toJs(rt, 0.0f);
-    } else if (value == SampleTurboModuleCxxFloatEnum::POINT_ONE) {
-      return bridging::toJs(rt, 0.1f);
-    } else if (value == SampleTurboModuleCxxFloatEnum::POINT_TWO) {
-      return bridging::toJs(rt, 0.2f);
+  static jsi::Value toJs(jsi::Runtime &rt, SampleTurboModuleCxxEnumFloat value) {
+    if (value == SampleTurboModuleCxxEnumFloat::FA) {
+      return bridging::toJs(rt, 1.23f);
+    } else if (value == SampleTurboModuleCxxEnumFloat::FB) {
+      return bridging::toJs(rt, 4.56f);
     } else {
       throw jsi::JSError(rt, \\"No appropriate enum member found for enum value\\");
     }
   }
 };
 
-#pragma mark - SampleTurboModuleCxxStringEnum
+#pragma mark - SampleTurboModuleCxxEnumNone
 
-enum SampleTurboModuleCxxStringEnum { HELLO, GoodBye };
+enum class SampleTurboModuleCxxEnumNone { NA, NB };
 
 template <>
-struct Bridging<SampleTurboModuleCxxStringEnum> {
-  static SampleTurboModuleCxxStringEnum fromJs(jsi::Runtime &rt, const jsi::String &rawValue) {
+struct Bridging<SampleTurboModuleCxxEnumNone> {
+  static SampleTurboModuleCxxEnumNone fromJs(jsi::Runtime &rt, const jsi::String &rawValue) {
     std::string value = rawValue.utf8(rt);
-    if (value == \\"hello\\") {
-      return SampleTurboModuleCxxStringEnum::HELLO;
-    } else if (value == \\"goodbye\\") {
-      return SampleTurboModuleCxxStringEnum::GoodBye;
+    if (value == \\"NA\\") {
+      return SampleTurboModuleCxxEnumNone::NA;
+    } else if (value == \\"NB\\") {
+      return SampleTurboModuleCxxEnumNone::NB;
     } else {
       throw jsi::JSError(rt, \\"No appropriate enum member found for value\\");
     }
   }
 
-  static jsi::String toJs(jsi::Runtime &rt, SampleTurboModuleCxxStringEnum value) {
-    if (value == SampleTurboModuleCxxStringEnum::HELLO) {
-      return bridging::toJs(rt, \\"hello\\");
-    } else if (value == SampleTurboModuleCxxStringEnum::GoodBye) {
-      return bridging::toJs(rt, \\"goodbye\\");
+  static jsi::String toJs(jsi::Runtime &rt, SampleTurboModuleCxxEnumNone value) {
+    if (value == SampleTurboModuleCxxEnumNone::NA) {
+      return bridging::toJs(rt, \\"NA\\");
+    } else if (value == SampleTurboModuleCxxEnumNone::NB) {
+      return bridging::toJs(rt, \\"NB\\");
+    } else {
+      throw jsi::JSError(rt, \\"No appropriate enum member found for enum value\\");
+    }
+  }
+};
+
+#pragma mark - SampleTurboModuleCxxEnumStr
+
+enum class SampleTurboModuleCxxEnumStr { SA, SB };
+
+template <>
+struct Bridging<SampleTurboModuleCxxEnumStr> {
+  static SampleTurboModuleCxxEnumStr fromJs(jsi::Runtime &rt, const jsi::String &rawValue) {
+    std::string value = rawValue.utf8(rt);
+    if (value == \\"s---a\\") {
+      return SampleTurboModuleCxxEnumStr::SA;
+    } else if (value == \\"s---b\\") {
+      return SampleTurboModuleCxxEnumStr::SB;
+    } else {
+      throw jsi::JSError(rt, \\"No appropriate enum member found for value\\");
+    }
+  }
+
+  static jsi::String toJs(jsi::Runtime &rt, SampleTurboModuleCxxEnumStr value) {
+    if (value == SampleTurboModuleCxxEnumStr::SA) {
+      return bridging::toJs(rt, \\"s---a\\");
+    } else if (value == SampleTurboModuleCxxEnumStr::SB) {
+      return bridging::toJs(rt, \\"s---b\\");
     } else {
       throw jsi::JSError(rt, \\"No appropriate enum member found for enum value\\");
     }
   }
 };
   
-#pragma mark - SampleTurboModuleCxxBaseObjectAlias
+#pragma mark - SampleTurboModuleCxxBaseConstantsStruct
 
-template <typename P0>
-struct SampleTurboModuleCxxBaseObjectAlias {
-  P0 x;
-  bool operator==(const SampleTurboModuleCxxBaseObjectAlias &other) const {
-    return x == other.x;
+template <typename P0, typename P1, typename P2>
+struct [[deprecated(\\"Use SampleTurboModuleCxxConstantsStruct instead.\\")]] SampleTurboModuleCxxBaseConstantsStruct {
+  P0 const1;
+  P1 const2;
+  P2 const3;
+  bool operator==(const SampleTurboModuleCxxBaseConstantsStruct &other) const {
+    return const1 == other.const1 && const2 == other.const2 && const3 == other.const3;
   }
 };
 
-template <typename P0>
-struct SampleTurboModuleCxxBaseObjectAliasBridging {
-  static SampleTurboModuleCxxBaseObjectAlias<P0> fromJs(
+template <typename P0, typename P1, typename P2>
+struct [[deprecated(\\"Use SampleTurboModuleCxxConstantsStructBridging instead.\\")]] SampleTurboModuleCxxBaseConstantsStructBridging {
+  static SampleTurboModuleCxxBaseConstantsStruct<P0, P1, P2> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
-    SampleTurboModuleCxxBaseObjectAlias<P0> result{
-      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"x\\"), jsInvoker)};
+    SampleTurboModuleCxxBaseConstantsStruct<P0, P1, P2> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"const1\\"), jsInvoker),
+      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"const2\\"), jsInvoker),
+      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"const3\\"), jsInvoker)};
     return result;
   }
 
 #ifdef DEBUG
-  static double xToJs(jsi::Runtime &rt, P0 value) {
+  static bool const1ToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static double const2ToJs(jsi::Runtime &rt, P1 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String const3ToJs(jsi::Runtime &rt, P2 value) {
     return bridging::toJs(rt, value);
   }
 #endif
 
   static jsi::Object toJs(
       jsi::Runtime &rt,
-      const SampleTurboModuleCxxBaseObjectAlias<P0> &value,
+      const SampleTurboModuleCxxBaseConstantsStruct<P0, P1, P2> &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
     auto result = facebook::jsi::Object(rt);
-    result.setProperty(rt, \\"x\\", bridging::toJs(rt, value.x, jsInvoker));
+    result.setProperty(rt, \\"const1\\", bridging::toJs(rt, value.const1, jsInvoker));
+    result.setProperty(rt, \\"const2\\", bridging::toJs(rt, value.const2, jsInvoker));
+    result.setProperty(rt, \\"const3\\", bridging::toJs(rt, value.const3, jsInvoker));
     return result;
   }
 };
 
-class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
-protected:
-  NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
 
-public:
-  virtual jsi::Value getMixed(jsi::Runtime &rt, jsi::Value arg) = 0;
-  virtual std::optional<double> getNullableNumberFromNullableAlias(jsi::Runtime &rt, std::optional<jsi::Object> a) = 0;
-  virtual jsi::String getEnums(jsi::Runtime &rt, int enumInt, double enumFloat, jsi::String enumString) = 0;
-  virtual jsi::Object getUnion(jsi::Runtime &rt, double chooseInt, double chooseFloat, jsi::Object chooseObject, jsi::String chooseString) = 0;
-  virtual int getEnumReturn(jsi::Runtime &rt) = 0;
 
-};
 
-template <typename T>
-class JSI_EXPORT NativeSampleTurboModuleCxxSpec : public TurboModule {
-public:
-  jsi::Value get(jsi::Runtime &rt, const jsi::PropNameID &propName) override {
-    return delegate_.get(rt, propName);
-  }
+#pragma mark - SampleTurboModuleCxxBaseBinaryTreeNode
 
-  static constexpr std::string_view kModuleName = \\"SampleTurboModuleCxx\\";
+template <typename P0, typename P1, typename P2>
+struct [[deprecated(\\"Use SampleTurboModuleCxxBinaryTreeNode instead.\\")]] SampleTurboModuleCxxBaseBinaryTreeNode {
+  P0 left;
+  P1 value;
+  P2 right;
+  bool operator==(const SampleTurboModuleCxxBaseBinaryTreeNode &other) const {
+    return left == other.left && value == other.value && right == other.right;
+  }
+};
 
-protected:
-  NativeSampleTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
-    : TurboModule(std::string{NativeSampleTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+template <typename P0, typename P1, typename P2>
+struct [[deprecated(\\"Use SampleTurboModuleCxxBinaryTreeNodeBridging instead.\\")]] SampleTurboModuleCxxBaseBinaryTreeNodeBridging {
+  static SampleTurboModuleCxxBaseBinaryTreeNode<P0, P1, P2> fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    SampleTurboModuleCxxBaseBinaryTreeNode<P0, P1, P2> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"left\\"), jsInvoker),
+      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"value\\"), jsInvoker),
+      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"right\\"), jsInvoker)};
+    return result;
+  }
 
-private:
-  class Delegate : public NativeSampleTurboModuleCxxSpecJSI {
-  public:
-    Delegate(T *instance, std::shared_ptr<CallInvoker> jsInvoker) :
-      NativeSampleTurboModuleCxxSpecJSI(std::move(jsInvoker)), instance_(instance) {}
+#ifdef DEBUG
+  static jsi::Object leftToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
 
-    jsi::Value getMixed(jsi::Runtime &rt, jsi::Value arg) override {
-      static_assert(
-          bridging::getParameterCount(&T::getMixed) == 2,
-          \\"Expected getMixed(...) to have 2 parameters\\");
+  static double valueToJs(jsi::Runtime &rt, P1 value) {
+    return bridging::toJs(rt, value);
+  }
 
-      return bridging::callFromJs<jsi::Value>(
-          rt, &T::getMixed, jsInvoker_, instance_, std::move(arg));
-    }
-    std::optional<double> getNullableNumberFromNullableAlias(jsi::Runtime &rt, std::optional<jsi::Object> a) override {
-      static_assert(
-          bridging::getParameterCount(&T::getNullableNumberFromNullableAlias) == 2,
-          \\"Expected getNullableNumberFromNullableAlias(...) to have 2 parameters\\");
+  static jsi::Object rightToJs(jsi::Runtime &rt, P2 value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
 
-      return bridging::callFromJs<std::optional<double>>(
-          rt, &T::getNullableNumberFromNullableAlias, jsInvoker_, instance_, std::move(a));
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const SampleTurboModuleCxxBaseBinaryTreeNode<P0, P1, P2> &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    if (value.left) {
+      result.setProperty(rt, \\"left\\", bridging::toJs(rt, value.left.value(), jsInvoker));
     }
-    jsi::String getEnums(jsi::Runtime &rt, int enumInt, double enumFloat, jsi::String enumString) override {
-      static_assert(
-          bridging::getParameterCount(&T::getEnums) == 4,
-          \\"Expected getEnums(...) to have 4 parameters\\");
-
-      return bridging::callFromJs<jsi::String>(
-          rt, &T::getEnums, jsInvoker_, instance_, std::move(enumInt), std::move(enumFloat), std::move(enumString));
+    result.setProperty(rt, \\"value\\", bridging::toJs(rt, value.value, jsInvoker));
+    if (value.right) {
+      result.setProperty(rt, \\"right\\", bridging::toJs(rt, value.right.value(), jsInvoker));
     }
-    jsi::Object getUnion(jsi::Runtime &rt, double chooseInt, double chooseFloat, jsi::Object chooseObject, jsi::String chooseString) override {
-      static_assert(
-          bridging::getParameterCount(&T::getUnion) == 5,
-          \\"Expected getUnion(...) to have 5 parameters\\");
+    return result;
+  }
+};
 
-      return bridging::callFromJs<jsi::Object>(
-          rt, &T::getUnion, jsInvoker_, instance_, std::move(chooseInt), std::move(chooseFloat), std::move(chooseObject), std::move(chooseString));
-    }
-    int getEnumReturn(jsi::Runtime &rt) override {
-      static_assert(
-          bridging::getParameterCount(&T::getEnumReturn) == 1,
-          \\"Expected getEnumReturn(...) to have 1 parameters\\");
 
-      return bridging::callFromJs<int>(
-          rt, &T::getEnumReturn, jsInvoker_, instance_);
-    }
 
-  private:
-    T *instance_;
-  };
+#pragma mark - SampleTurboModuleCxxBaseGraphNode
 
-  Delegate delegate_;
+template <typename P0, typename P1>
+struct [[deprecated(\\"Use SampleTurboModuleCxxGraphNode instead.\\")]] SampleTurboModuleCxxBaseGraphNode {
+  P0 label;
+  P1 neighbors;
+  bool operator==(const SampleTurboModuleCxxBaseGraphNode &other) const {
+    return label == other.label && neighbors == other.neighbors;
+  }
 };
 
-} // namespace react
-} // namespace facebook
-",
-}
-`;
-
-exports[`GenerateModuleH can generate fixture empty_native_modules 1`] = `
-Map {
-  "empty_native_modulesJSI.h" => "/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleH.js
- */
+template <typename P0, typename P1>
+struct [[deprecated(\\"Use SampleTurboModuleCxxGraphNodeBridging instead.\\")]] SampleTurboModuleCxxBaseGraphNodeBridging {
+  static SampleTurboModuleCxxBaseGraphNode<P0, P1> fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    SampleTurboModuleCxxBaseGraphNode<P0, P1> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"label\\"), jsInvoker),
+      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"neighbors\\"), jsInvoker)};
+    return result;
+  }
 
-#pragma once
+#ifdef DEBUG
+  static jsi::String labelToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
 
-#include <ReactCommon/TurboModule.h>
-#include <react/bridging/Bridging.h>
+  static jsi::Array neighborsToJs(jsi::Runtime &rt, P1 value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
 
-namespace facebook {
-namespace react {
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const SampleTurboModuleCxxBaseGraphNode<P0, P1> &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"label\\", bridging::toJs(rt, value.label, jsInvoker));
+    if (value.neighbors) {
+      result.setProperty(rt, \\"neighbors\\", bridging::toJs(rt, value.neighbors.value(), jsInvoker));
+    }
+    return result;
+  }
+};
 
 
-  class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
-protected:
-  NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
 
-public:
-  
+#pragma mark - SampleTurboModuleCxxBaseObjectStruct
 
+template <typename P0, typename P1, typename P2>
+struct [[deprecated(\\"Use SampleTurboModuleCxxObjectStruct instead.\\")]] SampleTurboModuleCxxBaseObjectStruct {
+  P0 a;
+  P1 b;
+  P2 c;
+  bool operator==(const SampleTurboModuleCxxBaseObjectStruct &other) const {
+    return a == other.a && b == other.b && c == other.c;
+  }
 };
 
-template <typename T>
-class JSI_EXPORT NativeSampleTurboModuleCxxSpec : public TurboModule {
-public:
-  jsi::Value get(jsi::Runtime &rt, const jsi::PropNameID &propName) override {
-    return delegate_.get(rt, propName);
+template <typename P0, typename P1, typename P2>
+struct [[deprecated(\\"Use SampleTurboModuleCxxObjectStructBridging instead.\\")]] SampleTurboModuleCxxBaseObjectStructBridging {
+  static SampleTurboModuleCxxBaseObjectStruct<P0, P1, P2> fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    SampleTurboModuleCxxBaseObjectStruct<P0, P1, P2> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"a\\"), jsInvoker),
+      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"b\\"), jsInvoker),
+      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"c\\"), jsInvoker)};
+    return result;
   }
 
-  static constexpr std::string_view kModuleName = \\"SampleTurboModule\\";
-
-protected:
-  NativeSampleTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
-    : TurboModule(std::string{NativeSampleTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
-
-private:
-  class Delegate : public NativeSampleTurboModuleCxxSpecJSI {
-  public:
-    Delegate(T *instance, std::shared_ptr<CallInvoker> jsInvoker) :
-      NativeSampleTurboModuleCxxSpecJSI(std::move(jsInvoker)), instance_(instance) {}
+#ifdef DEBUG
+  static double aToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
 
-    
+  static jsi::String bToJs(jsi::Runtime &rt, P1 value) {
+    return bridging::toJs(rt, value);
+  }
 
-  private:
-    T *instance_;
-  };
+  static std::optional<jsi::String> cToJs(jsi::Runtime &rt, P2 value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
 
-  Delegate delegate_;
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const SampleTurboModuleCxxBaseObjectStruct<P0, P1, P2> &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"a\\", bridging::toJs(rt, value.a, jsInvoker));
+    result.setProperty(rt, \\"b\\", bridging::toJs(rt, value.b, jsInvoker));
+    if (value.c) {
+      result.setProperty(rt, \\"c\\", bridging::toJs(rt, value.c.value(), jsInvoker));
+    }
+    return result;
+  }
 };
 
-} // namespace react
-} // namespace facebook
-",
-}
-`;
-
-exports[`GenerateModuleH can generate fixture native_modules_with_type_aliases 1`] = `
-Map {
-  "native_modules_with_type_aliasesJSI.h" => "/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleH.js
- */
-
-#pragma once
-
-#include <ReactCommon/TurboModule.h>
-#include <react/bridging/Bridging.h>
-
-namespace facebook {
-namespace react {
 
 
-  
-#pragma mark - AliasTurboModuleBaseOptions
+#pragma mark - SampleTurboModuleCxxBaseValueStruct
 
-template <typename P0, typename P1, typename P2, typename P3, typename P4>
-struct AliasTurboModuleBaseOptions {
-  P0 offset;
-  P1 size;
-  P2 displaySize;
-  P3 resizeMode;
-  P4 allowExternalStorage;
-  bool operator==(const AliasTurboModuleBaseOptions &other) const {
-    return offset == other.offset && size == other.size && displaySize == other.displaySize && resizeMode == other.resizeMode && allowExternalStorage == other.allowExternalStorage;
+template <typename P0, typename P1, typename P2>
+struct [[deprecated(\\"Use SampleTurboModuleCxxValueStruct instead.\\")]] SampleTurboModuleCxxBaseValueStruct {
+  P0 x;
+  P1 y;
+  P2 z;
+  bool operator==(const SampleTurboModuleCxxBaseValueStruct &other) const {
+    return x == other.x && y == other.y && z == other.z;
   }
 };
 
-template <typename P0, typename P1, typename P2, typename P3, typename P4>
-struct AliasTurboModuleBaseOptionsBridging {
-  static AliasTurboModuleBaseOptions<P0, P1, P2, P3, P4> fromJs(
+template <typename P0, typename P1, typename P2>
+struct [[deprecated(\\"Use SampleTurboModuleCxxValueStructBridging instead.\\")]] SampleTurboModuleCxxBaseValueStructBridging {
+  static SampleTurboModuleCxxBaseValueStruct<P0, P1, P2> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
-    AliasTurboModuleBaseOptions<P0, P1, P2, P3, P4> result{
-      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"offset\\"), jsInvoker),
-      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"size\\"), jsInvoker),
-      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"displaySize\\"), jsInvoker),
-      bridging::fromJs<P3>(rt, value.getProperty(rt, \\"resizeMode\\"), jsInvoker),
-      bridging::fromJs<P4>(rt, value.getProperty(rt, \\"allowExternalStorage\\"), jsInvoker)};
+    SampleTurboModuleCxxBaseValueStruct<P0, P1, P2> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"x\\"), jsInvoker),
+      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"y\\"), jsInvoker),
+      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"z\\"), jsInvoker)};
     return result;
   }
 
 #ifdef DEBUG
-  static jsi::Object offsetToJs(jsi::Runtime &rt, P0 value) {
-    return bridging::toJs(rt, value);
-  }
-
-  static jsi::Object sizeToJs(jsi::Runtime &rt, P1 value) {
-    return bridging::toJs(rt, value);
-  }
-
-  static jsi::Object displaySizeToJs(jsi::Runtime &rt, P2 value) {
+  static double xToJs(jsi::Runtime &rt, P0 value) {
     return bridging::toJs(rt, value);
   }
 
-  static jsi::String resizeModeToJs(jsi::Runtime &rt, P3 value) {
+  static jsi::String yToJs(jsi::Runtime &rt, P1 value) {
     return bridging::toJs(rt, value);
   }
 
-  static bool allowExternalStorageToJs(jsi::Runtime &rt, P4 value) {
+  static jsi::Object zToJs(jsi::Runtime &rt, P2 value) {
     return bridging::toJs(rt, value);
   }
 #endif
 
   static jsi::Object toJs(
       jsi::Runtime &rt,
-      const AliasTurboModuleBaseOptions<P0, P1, P2, P3, P4> &value,
+      const SampleTurboModuleCxxBaseValueStruct<P0, P1, P2> &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
     auto result = facebook::jsi::Object(rt);
-    result.setProperty(rt, \\"offset\\", bridging::toJs(rt, value.offset, jsInvoker));
-    result.setProperty(rt, \\"size\\", bridging::toJs(rt, value.size, jsInvoker));
-    if (value.displaySize) {
-      result.setProperty(rt, \\"displaySize\\", bridging::toJs(rt, value.displaySize.value(), jsInvoker));
-    }
-    if (value.resizeMode) {
-      result.setProperty(rt, \\"resizeMode\\", bridging::toJs(rt, value.resizeMode.value(), jsInvoker));
-    }
-    if (value.allowExternalStorage) {
-      result.setProperty(rt, \\"allowExternalStorage\\", bridging::toJs(rt, value.allowExternalStorage.value(), jsInvoker));
-    }
+    result.setProperty(rt, \\"x\\", bridging::toJs(rt, value.x, jsInvoker));
+    result.setProperty(rt, \\"y\\", bridging::toJs(rt, value.y, jsInvoker));
+    result.setProperty(rt, \\"z\\", bridging::toJs(rt, value.z, jsInvoker));
     return result;
   }
 };
 
-class JSI_EXPORT AliasTurboModuleCxxSpecJSI : public TurboModule {
-protected:
-  AliasTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
+
+
+#pragma mark - SampleTurboModuleCxxBaseMenuItem
+
+template <typename P0, typename P1, typename P2, typename P3>
+struct [[deprecated(\\"Use SampleTurboModuleCxxMenuItem instead.\\")]] SampleTurboModuleCxxBaseMenuItem {
+  P0 label;
+  P1 onPress;
+  P2 shortcut;
+  P3 items;
+  bool operator==(const SampleTurboModuleCxxBaseMenuItem &other) const {
+    return label == other.label && onPress == other.onPress && shortcut == other.shortcut && items == other.items;
+  }
+};
+
+template <typename P0, typename P1, typename P2, typename P3>
+struct [[deprecated(\\"Use SampleTurboModuleCxxMenuItemBridging instead.\\")]] SampleTurboModuleCxxBaseMenuItemBridging {
+  static SampleTurboModuleCxxBaseMenuItem<P0, P1, P2, P3> fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    SampleTurboModuleCxxBaseMenuItem<P0, P1, P2, P3> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"label\\"), jsInvoker),
+      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"onPress\\"), jsInvoker),
+      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"shortcut\\"), jsInvoker),
+      bridging::fromJs<P3>(rt, value.getProperty(rt, \\"items\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String labelToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Function onPressToJs(jsi::Runtime &rt, P1 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static std::optional<jsi::String> shortcutToJs(jsi::Runtime &rt, P2 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Array itemsToJs(jsi::Runtime &rt, P3 value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const SampleTurboModuleCxxBaseMenuItem<P0, P1, P2, P3> &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"label\\", bridging::toJs(rt, value.label, jsInvoker));
+    result.setProperty(rt, \\"onPress\\", bridging::toJs(rt, value.onPress, jsInvoker));
+    if (value.shortcut) {
+      result.setProperty(rt, \\"shortcut\\", bridging::toJs(rt, value.shortcut.value(), jsInvoker));
+    }
+    if (value.items) {
+      result.setProperty(rt, \\"items\\", bridging::toJs(rt, value.items.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
+
+#pragma mark - SampleTurboModuleCxxConstantsStruct
+
+template <typename P0, typename P1, typename P2>
+struct SampleTurboModuleCxxConstantsStruct {
+  P0 const1;
+  P1 const2;
+  P2 const3;
+  bool operator==(const SampleTurboModuleCxxConstantsStruct &other) const {
+    return const1 == other.const1 && const2 == other.const2 && const3 == other.const3;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleCxxConstantsStructBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.const1)>(rt, value.getProperty(rt, \\"const1\\"), jsInvoker),
+      bridging::fromJs<decltype(types.const2)>(rt, value.getProperty(rt, \\"const2\\"), jsInvoker),
+      bridging::fromJs<decltype(types.const3)>(rt, value.getProperty(rt, \\"const3\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static bool const1ToJs(jsi::Runtime &rt, decltype(types.const1) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static double const2ToJs(jsi::Runtime &rt, decltype(types.const2) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String const3ToJs(jsi::Runtime &rt, decltype(types.const3) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"const1\\", bridging::toJs(rt, value.const1, jsInvoker));
+    result.setProperty(rt, \\"const2\\", bridging::toJs(rt, value.const2, jsInvoker));
+    result.setProperty(rt, \\"const3\\", bridging::toJs(rt, value.const3, jsInvoker));
+    return result;
+  }
+};
+
+
+
+
+#pragma mark - SampleTurboModuleCxxBinaryTreeNode
+
+template <typename P0>
+struct SampleTurboModuleCxxBinaryTreeNode {
+  std::unique_ptr<SampleTurboModuleCxxBinaryTreeNode<P0>> left;
+  P0 value;
+  std::unique_ptr<SampleTurboModuleCxxBinaryTreeNode<P0>> right;
+  bool operator==(const SampleTurboModuleCxxBinaryTreeNode &other) const {
+    return left == other.left && value == other.value && right == other.right;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleCxxBinaryTreeNodeBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      value.hasProperty(rt, \\"left\\") ? std::make_unique<T>(bridging::fromJs<T>(rt, value.getProperty(rt, \\"left\\"), jsInvoker)) : nullptr,
+      bridging::fromJs<decltype(types.value)>(rt, value.getProperty(rt, \\"value\\"), jsInvoker),
+      value.hasProperty(rt, \\"right\\") ? std::make_unique<T>(bridging::fromJs<T>(rt, value.getProperty(rt, \\"right\\"), jsInvoker)) : nullptr};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::Object leftToJs(jsi::Runtime &rt, decltype(types.left) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static double valueToJs(jsi::Runtime &rt, decltype(types.value) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Object rightToJs(jsi::Runtime &rt, decltype(types.right) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    if (value.left) {
+        result.setProperty(rt, \\"left\\", bridging::toJs(rt, *value.left, jsInvoker));
+      }
+    result.setProperty(rt, \\"value\\", bridging::toJs(rt, value.value, jsInvoker));
+    if (value.right) {
+        result.setProperty(rt, \\"right\\", bridging::toJs(rt, *value.right, jsInvoker));
+      }
+    return result;
+  }
+};
+
+
+
+#pragma mark - SampleTurboModuleCxxGraphNode
+
+template <typename P0>
+struct SampleTurboModuleCxxGraphNode {
+  P0 label;
+  std::optional<std::vector<SampleTurboModuleCxxGraphNode<P0>>> neighbors;
+  bool operator==(const SampleTurboModuleCxxGraphNode &other) const {
+    return label == other.label && neighbors == other.neighbors;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleCxxGraphNodeBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.label)>(rt, value.getProperty(rt, \\"label\\"), jsInvoker),
+      bridging::fromJs<decltype(types.neighbors)>(rt, value.getProperty(rt, \\"neighbors\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String labelToJs(jsi::Runtime &rt, decltype(types.label) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Array neighborsToJs(jsi::Runtime &rt, decltype(types.neighbors) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"label\\", bridging::toJs(rt, value.label, jsInvoker));
+    if (value.neighbors) {
+      result.setProperty(rt, \\"neighbors\\", bridging::toJs(rt, value.neighbors.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
+
+
+#pragma mark - SampleTurboModuleCxxObjectStruct
+
+template <typename P0, typename P1, typename P2>
+struct SampleTurboModuleCxxObjectStruct {
+  P0 a;
+  P1 b;
+  P2 c;
+  bool operator==(const SampleTurboModuleCxxObjectStruct &other) const {
+    return a == other.a && b == other.b && c == other.c;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleCxxObjectStructBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.a)>(rt, value.getProperty(rt, \\"a\\"), jsInvoker),
+      bridging::fromJs<decltype(types.b)>(rt, value.getProperty(rt, \\"b\\"), jsInvoker),
+      bridging::fromJs<decltype(types.c)>(rt, value.getProperty(rt, \\"c\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static double aToJs(jsi::Runtime &rt, decltype(types.a) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String bToJs(jsi::Runtime &rt, decltype(types.b) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static std::optional<jsi::String> cToJs(jsi::Runtime &rt, decltype(types.c) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"a\\", bridging::toJs(rt, value.a, jsInvoker));
+    result.setProperty(rt, \\"b\\", bridging::toJs(rt, value.b, jsInvoker));
+    if (value.c) {
+      result.setProperty(rt, \\"c\\", bridging::toJs(rt, value.c.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
+
+
+#pragma mark - SampleTurboModuleCxxValueStruct
+
+template <typename P0, typename P1, typename P2>
+struct SampleTurboModuleCxxValueStruct {
+  P0 x;
+  P1 y;
+  P2 z;
+  bool operator==(const SampleTurboModuleCxxValueStruct &other) const {
+    return x == other.x && y == other.y && z == other.z;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleCxxValueStructBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.x)>(rt, value.getProperty(rt, \\"x\\"), jsInvoker),
+      bridging::fromJs<decltype(types.y)>(rt, value.getProperty(rt, \\"y\\"), jsInvoker),
+      bridging::fromJs<decltype(types.z)>(rt, value.getProperty(rt, \\"z\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static double xToJs(jsi::Runtime &rt, decltype(types.x) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String yToJs(jsi::Runtime &rt, decltype(types.y) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Object zToJs(jsi::Runtime &rt, decltype(types.z) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"x\\", bridging::toJs(rt, value.x, jsInvoker));
+    result.setProperty(rt, \\"y\\", bridging::toJs(rt, value.y, jsInvoker));
+    result.setProperty(rt, \\"z\\", bridging::toJs(rt, value.z, jsInvoker));
+    return result;
+  }
+};
+
+
+
+#pragma mark - SampleTurboModuleCxxMenuItem
+
+template <typename P0, typename P1, typename P2>
+struct SampleTurboModuleCxxMenuItem {
+  P0 label;
+  P1 onPress;
+  P2 shortcut;
+  std::optional<std::vector<SampleTurboModuleCxxMenuItem<P0, P1, P2>>> items;
+  bool operator==(const SampleTurboModuleCxxMenuItem &other) const {
+    return label == other.label && onPress == other.onPress && shortcut == other.shortcut && items == other.items;
+  }
+};
+
+template <typename T>
+struct SampleTurboModuleCxxMenuItemBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.label)>(rt, value.getProperty(rt, \\"label\\"), jsInvoker),
+      bridging::fromJs<decltype(types.onPress)>(rt, value.getProperty(rt, \\"onPress\\"), jsInvoker),
+      bridging::fromJs<decltype(types.shortcut)>(rt, value.getProperty(rt, \\"shortcut\\"), jsInvoker),
+      bridging::fromJs<decltype(types.items)>(rt, value.getProperty(rt, \\"items\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String labelToJs(jsi::Runtime &rt, decltype(types.label) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Function onPressToJs(jsi::Runtime &rt, decltype(types.onPress) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static std::optional<jsi::String> shortcutToJs(jsi::Runtime &rt, decltype(types.shortcut) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Array itemsToJs(jsi::Runtime &rt, decltype(types.items) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"label\\", bridging::toJs(rt, value.label, jsInvoker));
+    result.setProperty(rt, \\"onPress\\", bridging::toJs(rt, value.onPress, jsInvoker));
+    if (value.shortcut) {
+      result.setProperty(rt, \\"shortcut\\", bridging::toJs(rt, value.shortcut.value(), jsInvoker));
+    }
+    if (value.items) {
+      result.setProperty(rt, \\"items\\", bridging::toJs(rt, value.items.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
+class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
+protected:
+  NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
+
+public:
+  virtual jsi::Array getArray(jsi::Runtime &rt, jsi::Array arg) = 0;
+  virtual bool getBool(jsi::Runtime &rt, bool arg) = 0;
+  virtual jsi::Object getConstants(jsi::Runtime &rt) = 0;
+  virtual jsi::Value getCustomEnum(jsi::Runtime &rt, jsi::Value arg) = 0;
+  virtual jsi::Object getCustomHostObject(jsi::Runtime &rt) = 0;
+  virtual jsi::String consumeCustomHostObject(jsi::Runtime &rt, jsi::Object customHostObject) = 0;
+  virtual jsi::Object getBinaryTreeNode(jsi::Runtime &rt, jsi::Object arg) = 0;
+  virtual jsi::Object getGraphNode(jsi::Runtime &rt, jsi::Object arg) = 0;
+  virtual jsi::Value getNumEnum(jsi::Runtime &rt, jsi::Value arg) = 0;
+  virtual jsi::String getStrEnum(jsi::Runtime &rt, jsi::String arg) = 0;
+  virtual jsi::Object getMap(jsi::Runtime &rt, jsi::Object arg) = 0;
+  virtual double getNumber(jsi::Runtime &rt, double arg) = 0;
+  virtual jsi::Object getObject(jsi::Runtime &rt, jsi::Object arg) = 0;
+  virtual jsi::Array getSet(jsi::Runtime &rt, jsi::Array arg) = 0;
+  virtual jsi::String getString(jsi::Runtime &rt, jsi::String arg) = 0;
+  virtual jsi::String getUnion(jsi::Runtime &rt, double x, jsi::String y, jsi::Object z) = 0;
+  virtual jsi::Object getValue(jsi::Runtime &rt, double x, jsi::String y, jsi::Object z) = 0;
+  virtual void getValueWithCallback(jsi::Runtime &rt, jsi::Function callback) = 0;
+  virtual jsi::Value getValueWithPromise(jsi::Runtime &rt, bool error) = 0;
+  virtual std::optional<bool> getWithWithOptionalArgs(jsi::Runtime &rt, std::optional<bool> optionalArg) = 0;
+  virtual void voidFunc(jsi::Runtime &rt) = 0;
+  virtual void setMenu(jsi::Runtime &rt, jsi::Object menuItem) = 0;
+  virtual void emitCustomDeviceEvent(jsi::Runtime &rt, jsi::String eventName) = 0;
+  virtual void voidFuncThrows(jsi::Runtime &rt) = 0;
+  virtual jsi::Object getObjectThrows(jsi::Runtime &rt, jsi::Object arg) = 0;
+  virtual void voidFuncAssert(jsi::Runtime &rt) = 0;
+  virtual jsi::Object getObjectAssert(jsi::Runtime &rt, jsi::Object arg) = 0;
+
+};
+
+template <typename T>
+class JSI_EXPORT NativeSampleTurboModuleCxxSpec : public TurboModule {
+public:
+  jsi::Value get(jsi::Runtime &rt, const jsi::PropNameID &propName) override {
+    return delegate_.get(rt, propName);
+  }
+
+  static constexpr std::string_view kModuleName = \\"SampleTurboModuleCxx\\";
+
+protected:
+  NativeSampleTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
+    : TurboModule(std::string{NativeSampleTurboModuleCxxSpec::kModuleName}, jsInvoker),
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
+
+private:
+  class Delegate : public NativeSampleTurboModuleCxxSpecJSI {
+  public:
+    Delegate(T *instance, std::shared_ptr<CallInvoker> jsInvoker) :
+      NativeSampleTurboModuleCxxSpecJSI(std::move(jsInvoker)), instance_(instance) {}
+
+    jsi::Array getArray(jsi::Runtime &rt, jsi::Array arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getArray) == 2,
+          \\"Expected getArray(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::Array>(
+          rt, &T::getArray, jsInvoker_, instance_, std::move(arg));
+    }
+    bool getBool(jsi::Runtime &rt, bool arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getBool) == 2,
+          \\"Expected getBool(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<bool>(
+          rt, &T::getBool, jsInvoker_, instance_, std::move(arg));
+    }
+    jsi::Object getConstants(jsi::Runtime &rt) override {
+      static_assert(
+          bridging::getParameterCount(&T::getConstants) == 1,
+          \\"Expected getConstants(...) to have 1 parameters\\");
+
+      return bridging::callFromJs<jsi::Object>(
+          rt, &T::getConstants, jsInvoker_, instance_);
+    }
+    jsi::Value getCustomEnum(jsi::Runtime &rt, jsi::Value arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getCustomEnum) == 2,
+          \\"Expected getCustomEnum(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::Value>(
+          rt, &T::getCustomEnum, jsInvoker_, instance_, std::move(arg));
+    }
+    jsi::Object getCustomHostObject(jsi::Runtime &rt) override {
+      static_assert(
+          bridging::getParameterCount(&T::getCustomHostObject) == 1,
+          \\"Expected getCustomHostObject(...) to have 1 parameters\\");
+
+      return bridging::callFromJs<jsi::Object>(
+          rt, &T::getCustomHostObject, jsInvoker_, instance_);
+    }
+    jsi::String consumeCustomHostObject(jsi::Runtime &rt, jsi::Object customHostObject) override {
+      static_assert(
+          bridging::getParameterCount(&T::consumeCustomHostObject) == 2,
+          \\"Expected consumeCustomHostObject(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::String>(
+          rt, &T::consumeCustomHostObject, jsInvoker_, instance_, std::move(customHostObject));
+    }
+    jsi::Object getBinaryTreeNode(jsi::Runtime &rt, jsi::Object arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getBinaryTreeNode) == 2,
+          \\"Expected getBinaryTreeNode(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::Object>(
+          rt, &T::getBinaryTreeNode, jsInvoker_, instance_, std::move(arg));
+    }
+    jsi::Object getGraphNode(jsi::Runtime &rt, jsi::Object arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getGraphNode) == 2,
+          \\"Expected getGraphNode(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::Object>(
+          rt, &T::getGraphNode, jsInvoker_, instance_, std::move(arg));
+    }
+    jsi::Value getNumEnum(jsi::Runtime &rt, jsi::Value arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getNumEnum) == 2,
+          \\"Expected getNumEnum(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::Value>(
+          rt, &T::getNumEnum, jsInvoker_, instance_, std::move(arg));
+    }
+    jsi::String getStrEnum(jsi::Runtime &rt, jsi::String arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getStrEnum) == 2,
+          \\"Expected getStrEnum(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::String>(
+          rt, &T::getStrEnum, jsInvoker_, instance_, std::move(arg));
+    }
+    jsi::Object getMap(jsi::Runtime &rt, jsi::Object arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getMap) == 2,
+          \\"Expected getMap(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::Object>(
+          rt, &T::getMap, jsInvoker_, instance_, std::move(arg));
+    }
+    double getNumber(jsi::Runtime &rt, double arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getNumber) == 2,
+          \\"Expected getNumber(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<double>(
+          rt, &T::getNumber, jsInvoker_, instance_, std::move(arg));
+    }
+    jsi::Object getObject(jsi::Runtime &rt, jsi::Object arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getObject) == 2,
+          \\"Expected getObject(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::Object>(
+          rt, &T::getObject, jsInvoker_, instance_, std::move(arg));
+    }
+    jsi::Array getSet(jsi::Runtime &rt, jsi::Array arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getSet) == 2,
+          \\"Expected getSet(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::Array>(
+          rt, &T::getSet, jsInvoker_, instance_, std::move(arg));
+    }
+    jsi::String getString(jsi::Runtime &rt, jsi::String arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getString) == 2,
+          \\"Expected getString(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::String>(
+          rt, &T::getString, jsInvoker_, instance_, std::move(arg));
+    }
+    jsi::String getUnion(jsi::Runtime &rt, double x, jsi::String y, jsi::Object z) override {
+      static_assert(
+          bridging::getParameterCount(&T::getUnion) == 4,
+          \\"Expected getUnion(...) to have 4 parameters\\");
+
+      return bridging::callFromJs<jsi::String>(
+          rt, &T::getUnion, jsInvoker_, instance_, std::move(x), std::move(y), std::move(z));
+    }
+    jsi::Object getValue(jsi::Runtime &rt, double x, jsi::String y, jsi::Object z) override {
+      static_assert(
+          bridging::getParameterCount(&T::getValue) == 4,
+          \\"Expected getValue(...) to have 4 parameters\\");
+
+      return bridging::callFromJs<jsi::Object>(
+          rt, &T::getValue, jsInvoker_, instance_, std::move(x), std::move(y), std::move(z));
+    }
+    void getValueWithCallback(jsi::Runtime &rt, jsi::Function callback) override {
+      static_assert(
+          bridging::getParameterCount(&T::getValueWithCallback) == 2,
+          \\"Expected getValueWithCallback(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<void>(
+          rt, &T::getValueWithCallback, jsInvoker_, instance_, std::move(callback));
+    }
+    jsi::Value getValueWithPromise(jsi::Runtime &rt, bool error) override {
+      static_assert(
+          bridging::getParameterCount(&T::getValueWithPromise) == 2,
+          \\"Expected getValueWithPromise(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::Value>(
+          rt, &T::getValueWithPromise, jsInvoker_, instance_, std::move(error));
+    }
+    std::optional<bool> getWithWithOptionalArgs(jsi::Runtime &rt, std::optional<bool> optionalArg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getWithWithOptionalArgs) == 2,
+          \\"Expected getWithWithOptionalArgs(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<std::optional<bool>>(
+          rt, &T::getWithWithOptionalArgs, jsInvoker_, instance_, std::move(optionalArg));
+    }
+    void voidFunc(jsi::Runtime &rt) override {
+      static_assert(
+          bridging::getParameterCount(&T::voidFunc) == 1,
+          \\"Expected voidFunc(...) to have 1 parameters\\");
+
+      return bridging::callFromJs<void>(
+          rt, &T::voidFunc, jsInvoker_, instance_);
+    }
+    void setMenu(jsi::Runtime &rt, jsi::Object menuItem) override {
+      static_assert(
+          bridging::getParameterCount(&T::setMenu) == 2,
+          \\"Expected setMenu(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<void>(
+          rt, &T::setMenu, jsInvoker_, instance_, std::move(menuItem));
+    }
+    void emitCustomDeviceEvent(jsi::Runtime &rt, jsi::String eventName) override {
+      static_assert(
+          bridging::getParameterCount(&T::emitCustomDeviceEvent) == 2,
+          \\"Expected emitCustomDeviceEvent(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<void>(
+          rt, &T::emitCustomDeviceEvent, jsInvoker_, instance_, std::move(eventName));
+    }
+    void voidFuncThrows(jsi::Runtime &rt) override {
+      static_assert(
+          bridging::getParameterCount(&T::voidFuncThrows) == 1,
+          \\"Expected voidFuncThrows(...) to have 1 parameters\\");
+
+      return bridging::callFromJs<void>(
+          rt, &T::voidFuncThrows, jsInvoker_, instance_);
+    }
+    jsi::Object getObjectThrows(jsi::Runtime &rt, jsi::Object arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getObjectThrows) == 2,
+          \\"Expected getObjectThrows(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::Object>(
+          rt, &T::getObjectThrows, jsInvoker_, instance_, std::move(arg));
+    }
+    void voidFuncAssert(jsi::Runtime &rt) override {
+      static_assert(
+          bridging::getParameterCount(&T::voidFuncAssert) == 1,
+          \\"Expected voidFuncAssert(...) to have 1 parameters\\");
+
+      return bridging::callFromJs<void>(
+          rt, &T::voidFuncAssert, jsInvoker_, instance_);
+    }
+    jsi::Object getObjectAssert(jsi::Runtime &rt, jsi::Object arg) override {
+      static_assert(
+          bridging::getParameterCount(&T::getObjectAssert) == 2,
+          \\"Expected getObjectAssert(...) to have 2 parameters\\");
+
+      return bridging::callFromJs<jsi::Object>(
+          rt, &T::getObjectAssert, jsInvoker_, instance_, std::move(arg));
+    }
+
+  private:
+    T *instance_;
+  };
+
+  Delegate delegate_;
+};
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateModuleH can generate fixture empty_native_modules 1`] = `
+Map {
+  "empty_native_modulesJSI.h" => "/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleH.js
+ */
+
+#pragma once
+
+#include <ReactCommon/TurboModule.h>
+#include <react/bridging/Bridging.h>
+
+namespace facebook::react {
+
+
+  class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
+protected:
+  NativeSampleTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
+
+public:
+  
+
+};
+
+template <typename T>
+class JSI_EXPORT NativeSampleTurboModuleCxxSpec : public TurboModule {
+public:
+  jsi::Value get(jsi::Runtime &rt, const jsi::PropNameID &propName) override {
+    return delegate_.get(rt, propName);
+  }
+
+  static constexpr std::string_view kModuleName = \\"SampleTurboModule\\";
+
+protected:
+  NativeSampleTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
+    : TurboModule(std::string{NativeSampleTurboModuleCxxSpec::kModuleName}, jsInvoker),
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
+
+private:
+  class Delegate : public NativeSampleTurboModuleCxxSpecJSI {
+  public:
+    Delegate(T *instance, std::shared_ptr<CallInvoker> jsInvoker) :
+      NativeSampleTurboModuleCxxSpecJSI(std::move(jsInvoker)), instance_(instance) {}
+
+    
+
+  private:
+    T *instance_;
+  };
+
+  Delegate delegate_;
+};
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateModuleH can generate fixture native_modules_with_type_aliases 1`] = `
+Map {
+  "native_modules_with_type_aliasesJSI.h" => "/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleH.js
+ */
+
+#pragma once
+
+#include <ReactCommon/TurboModule.h>
+#include <react/bridging/Bridging.h>
+
+namespace facebook::react {
+
+
+  
+#pragma mark - AliasTurboModuleBaseOptions
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4>
+struct [[deprecated(\\"Use AliasTurboModuleOptions instead.\\")]] AliasTurboModuleBaseOptions {
+  P0 offset;
+  P1 size;
+  P2 displaySize;
+  P3 resizeMode;
+  P4 allowExternalStorage;
+  bool operator==(const AliasTurboModuleBaseOptions &other) const {
+    return offset == other.offset && size == other.size && displaySize == other.displaySize && resizeMode == other.resizeMode && allowExternalStorage == other.allowExternalStorage;
+  }
+};
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4>
+struct [[deprecated(\\"Use AliasTurboModuleOptionsBridging instead.\\")]] AliasTurboModuleBaseOptionsBridging {
+  static AliasTurboModuleBaseOptions<P0, P1, P2, P3, P4> fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    AliasTurboModuleBaseOptions<P0, P1, P2, P3, P4> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"offset\\"), jsInvoker),
+      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"size\\"), jsInvoker),
+      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"displaySize\\"), jsInvoker),
+      bridging::fromJs<P3>(rt, value.getProperty(rt, \\"resizeMode\\"), jsInvoker),
+      bridging::fromJs<P4>(rt, value.getProperty(rt, \\"allowExternalStorage\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::Object offsetToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Object sizeToJs(jsi::Runtime &rt, P1 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Object displaySizeToJs(jsi::Runtime &rt, P2 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String resizeModeToJs(jsi::Runtime &rt, P3 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static bool allowExternalStorageToJs(jsi::Runtime &rt, P4 value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const AliasTurboModuleBaseOptions<P0, P1, P2, P3, P4> &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"offset\\", bridging::toJs(rt, value.offset, jsInvoker));
+    result.setProperty(rt, \\"size\\", bridging::toJs(rt, value.size, jsInvoker));
+    if (value.displaySize) {
+      result.setProperty(rt, \\"displaySize\\", bridging::toJs(rt, value.displaySize.value(), jsInvoker));
+    }
+    if (value.resizeMode) {
+      result.setProperty(rt, \\"resizeMode\\", bridging::toJs(rt, value.resizeMode.value(), jsInvoker));
+    }
+    if (value.allowExternalStorage) {
+      result.setProperty(rt, \\"allowExternalStorage\\", bridging::toJs(rt, value.allowExternalStorage.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
+
+#pragma mark - AliasTurboModuleOptions
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4>
+struct AliasTurboModuleOptions {
+  P0 offset;
+  P1 size;
+  P2 displaySize;
+  P3 resizeMode;
+  P4 allowExternalStorage;
+  bool operator==(const AliasTurboModuleOptions &other) const {
+    return offset == other.offset && size == other.size && displaySize == other.displaySize && resizeMode == other.resizeMode && allowExternalStorage == other.allowExternalStorage;
+  }
+};
+
+template <typename T>
+struct AliasTurboModuleOptionsBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.offset)>(rt, value.getProperty(rt, \\"offset\\"), jsInvoker),
+      bridging::fromJs<decltype(types.size)>(rt, value.getProperty(rt, \\"size\\"), jsInvoker),
+      bridging::fromJs<decltype(types.displaySize)>(rt, value.getProperty(rt, \\"displaySize\\"), jsInvoker),
+      bridging::fromJs<decltype(types.resizeMode)>(rt, value.getProperty(rt, \\"resizeMode\\"), jsInvoker),
+      bridging::fromJs<decltype(types.allowExternalStorage)>(rt, value.getProperty(rt, \\"allowExternalStorage\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::Object offsetToJs(jsi::Runtime &rt, decltype(types.offset) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Object sizeToJs(jsi::Runtime &rt, decltype(types.size) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Object displaySizeToJs(jsi::Runtime &rt, decltype(types.displaySize) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String resizeModeToJs(jsi::Runtime &rt, decltype(types.resizeMode) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static bool allowExternalStorageToJs(jsi::Runtime &rt, decltype(types.allowExternalStorage) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"offset\\", bridging::toJs(rt, value.offset, jsInvoker));
+    result.setProperty(rt, \\"size\\", bridging::toJs(rt, value.size, jsInvoker));
+    if (value.displaySize) {
+      result.setProperty(rt, \\"displaySize\\", bridging::toJs(rt, value.displaySize.value(), jsInvoker));
+    }
+    if (value.resizeMode) {
+      result.setProperty(rt, \\"resizeMode\\", bridging::toJs(rt, value.resizeMode.value(), jsInvoker));
+    }
+    if (value.allowExternalStorage) {
+      result.setProperty(rt, \\"allowExternalStorage\\", bridging::toJs(rt, value.allowExternalStorage.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
+class JSI_EXPORT AliasTurboModuleCxxSpecJSI : public TurboModule {
+protected:
+  AliasTurboModuleCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
 
 public:
   virtual jsi::Object getConstants(jsi::Runtime &rt) = 0;
@@ -599,7 +1520,7 @@ public:
 protected:
   AliasTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{AliasTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public AliasTurboModuleCxxSpecJSI {
@@ -628,96 +1549,349 @@ private:
     T *instance_;
   };
 
-  Delegate delegate_;
-};
+  Delegate delegate_;
+};
+
+} // namespace facebook::react
+",
+}
+`;
+
+exports[`GenerateModuleH can generate fixture real_module_example 1`] = `
+Map {
+  "real_module_exampleJSI.h" => "/**
+ * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
+ *
+ * Do not edit this file as changes may cause incorrect behavior and will be lost
+ * once the code is regenerated.
+ *
+ * @generated by codegen project: GenerateModuleH.js
+ */
+
+#pragma once
+
+#include <ReactCommon/TurboModule.h>
+#include <react/bridging/Bridging.h>
+
+namespace facebook::react {
+
+
+  
+#pragma mark - CameraRollManagerBasePhotoIdentifierImage
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4, typename P5>
+struct [[deprecated(\\"Use CameraRollManagerPhotoIdentifierImage instead.\\")]] CameraRollManagerBasePhotoIdentifierImage {
+  P0 uri;
+  P1 playableDuration;
+  P2 width;
+  P3 height;
+  P4 isStored;
+  P5 filename;
+  bool operator==(const CameraRollManagerBasePhotoIdentifierImage &other) const {
+    return uri == other.uri && playableDuration == other.playableDuration && width == other.width && height == other.height && isStored == other.isStored && filename == other.filename;
+  }
+};
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4, typename P5>
+struct [[deprecated(\\"Use CameraRollManagerPhotoIdentifierImageBridging instead.\\")]] CameraRollManagerBasePhotoIdentifierImageBridging {
+  static CameraRollManagerBasePhotoIdentifierImage<P0, P1, P2, P3, P4, P5> fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    CameraRollManagerBasePhotoIdentifierImage<P0, P1, P2, P3, P4, P5> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"uri\\"), jsInvoker),
+      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"playableDuration\\"), jsInvoker),
+      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"width\\"), jsInvoker),
+      bridging::fromJs<P3>(rt, value.getProperty(rt, \\"height\\"), jsInvoker),
+      bridging::fromJs<P4>(rt, value.getProperty(rt, \\"isStored\\"), jsInvoker),
+      bridging::fromJs<P5>(rt, value.getProperty(rt, \\"filename\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String uriToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static double playableDurationToJs(jsi::Runtime &rt, P1 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static double widthToJs(jsi::Runtime &rt, P2 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static double heightToJs(jsi::Runtime &rt, P3 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static bool isStoredToJs(jsi::Runtime &rt, P4 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String filenameToJs(jsi::Runtime &rt, P5 value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const CameraRollManagerBasePhotoIdentifierImage<P0, P1, P2, P3, P4, P5> &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"uri\\", bridging::toJs(rt, value.uri, jsInvoker));
+    result.setProperty(rt, \\"playableDuration\\", bridging::toJs(rt, value.playableDuration, jsInvoker));
+    result.setProperty(rt, \\"width\\", bridging::toJs(rt, value.width, jsInvoker));
+    result.setProperty(rt, \\"height\\", bridging::toJs(rt, value.height, jsInvoker));
+    if (value.isStored) {
+      result.setProperty(rt, \\"isStored\\", bridging::toJs(rt, value.isStored.value(), jsInvoker));
+    }
+    result.setProperty(rt, \\"filename\\", bridging::toJs(rt, value.filename, jsInvoker));
+    return result;
+  }
+};
+
+
+
+#pragma mark - CameraRollManagerBasePhotoIdentifier
+
+template <typename P0>
+struct [[deprecated(\\"Use CameraRollManagerPhotoIdentifier instead.\\")]] CameraRollManagerBasePhotoIdentifier {
+  P0 node;
+  bool operator==(const CameraRollManagerBasePhotoIdentifier &other) const {
+    return node == other.node;
+  }
+};
+
+template <typename P0>
+struct [[deprecated(\\"Use CameraRollManagerPhotoIdentifierBridging instead.\\")]] CameraRollManagerBasePhotoIdentifierBridging {
+  static CameraRollManagerBasePhotoIdentifier<P0> fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    CameraRollManagerBasePhotoIdentifier<P0> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"node\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::Object nodeToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const CameraRollManagerBasePhotoIdentifier<P0> &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"node\\", bridging::toJs(rt, value.node, jsInvoker));
+    return result;
+  }
+};
+
+
+
+#pragma mark - CameraRollManagerBasePhotoIdentifiersPage
+
+template <typename P0, typename P1>
+struct [[deprecated(\\"Use CameraRollManagerPhotoIdentifiersPage instead.\\")]] CameraRollManagerBasePhotoIdentifiersPage {
+  P0 edges;
+  P1 page_info;
+  bool operator==(const CameraRollManagerBasePhotoIdentifiersPage &other) const {
+    return edges == other.edges && page_info == other.page_info;
+  }
+};
+
+template <typename P0, typename P1>
+struct [[deprecated(\\"Use CameraRollManagerPhotoIdentifiersPageBridging instead.\\")]] CameraRollManagerBasePhotoIdentifiersPageBridging {
+  static CameraRollManagerBasePhotoIdentifiersPage<P0, P1> fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    CameraRollManagerBasePhotoIdentifiersPage<P0, P1> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"edges\\"), jsInvoker),
+      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"page_info\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::Array edgesToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Object page_infoToJs(jsi::Runtime &rt, P1 value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const CameraRollManagerBasePhotoIdentifiersPage<P0, P1> &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"edges\\", bridging::toJs(rt, value.edges, jsInvoker));
+    result.setProperty(rt, \\"page_info\\", bridging::toJs(rt, value.page_info, jsInvoker));
+    return result;
+  }
+};
+
+
+
+#pragma mark - CameraRollManagerBaseGetPhotosParams
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4, typename P5, typename P6>
+struct [[deprecated(\\"Use CameraRollManagerGetPhotosParams instead.\\")]] CameraRollManagerBaseGetPhotosParams {
+  P0 first;
+  P1 after;
+  P2 groupName;
+  P3 groupTypes;
+  P4 assetType;
+  P5 maxSize;
+  P6 mimeTypes;
+  bool operator==(const CameraRollManagerBaseGetPhotosParams &other) const {
+    return first == other.first && after == other.after && groupName == other.groupName && groupTypes == other.groupTypes && assetType == other.assetType && maxSize == other.maxSize && mimeTypes == other.mimeTypes;
+  }
+};
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4, typename P5, typename P6>
+struct [[deprecated(\\"Use CameraRollManagerGetPhotosParamsBridging instead.\\")]] CameraRollManagerBaseGetPhotosParamsBridging {
+  static CameraRollManagerBaseGetPhotosParams<P0, P1, P2, P3, P4, P5, P6> fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    CameraRollManagerBaseGetPhotosParams<P0, P1, P2, P3, P4, P5, P6> result{
+      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"first\\"), jsInvoker),
+      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"after\\"), jsInvoker),
+      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"groupName\\"), jsInvoker),
+      bridging::fromJs<P3>(rt, value.getProperty(rt, \\"groupTypes\\"), jsInvoker),
+      bridging::fromJs<P4>(rt, value.getProperty(rt, \\"assetType\\"), jsInvoker),
+      bridging::fromJs<P5>(rt, value.getProperty(rt, \\"maxSize\\"), jsInvoker),
+      bridging::fromJs<P6>(rt, value.getProperty(rt, \\"mimeTypes\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static double firstToJs(jsi::Runtime &rt, P0 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String afterToJs(jsi::Runtime &rt, P1 value) {
+    return bridging::toJs(rt, value);
+  }
 
-} // namespace react
-} // namespace facebook
-",
-}
-`;
+  static jsi::String groupNameToJs(jsi::Runtime &rt, P2 value) {
+    return bridging::toJs(rt, value);
+  }
 
-exports[`GenerateModuleH can generate fixture real_module_example 1`] = `
-Map {
-  "real_module_exampleJSI.h" => "/**
- * This code was generated by [react-native-codegen](https://www.npmjs.com/package/react-native-codegen).
- *
- * Do not edit this file as changes may cause incorrect behavior and will be lost
- * once the code is regenerated.
- *
- * @generated by codegen project: GenerateModuleH.js
- */
+  static jsi::String groupTypesToJs(jsi::Runtime &rt, P3 value) {
+    return bridging::toJs(rt, value);
+  }
 
-#pragma once
+  static jsi::String assetTypeToJs(jsi::Runtime &rt, P4 value) {
+    return bridging::toJs(rt, value);
+  }
 
-#include <ReactCommon/TurboModule.h>
-#include <react/bridging/Bridging.h>
+  static double maxSizeToJs(jsi::Runtime &rt, P5 value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Array mimeTypesToJs(jsi::Runtime &rt, P6 value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
 
-namespace facebook {
-namespace react {
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const CameraRollManagerBaseGetPhotosParams<P0, P1, P2, P3, P4, P5, P6> &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"first\\", bridging::toJs(rt, value.first, jsInvoker));
+    if (value.after) {
+      result.setProperty(rt, \\"after\\", bridging::toJs(rt, value.after.value(), jsInvoker));
+    }
+    if (value.groupName) {
+      result.setProperty(rt, \\"groupName\\", bridging::toJs(rt, value.groupName.value(), jsInvoker));
+    }
+    if (value.groupTypes) {
+      result.setProperty(rt, \\"groupTypes\\", bridging::toJs(rt, value.groupTypes.value(), jsInvoker));
+    }
+    if (value.assetType) {
+      result.setProperty(rt, \\"assetType\\", bridging::toJs(rt, value.assetType.value(), jsInvoker));
+    }
+    if (value.maxSize) {
+      result.setProperty(rt, \\"maxSize\\", bridging::toJs(rt, value.maxSize.value(), jsInvoker));
+    }
+    if (value.mimeTypes) {
+      result.setProperty(rt, \\"mimeTypes\\", bridging::toJs(rt, value.mimeTypes.value(), jsInvoker));
+    }
+    return result;
+  }
+};
 
 
-  
-#pragma mark - CameraRollManagerBasePhotoIdentifierImage
+#pragma mark - CameraRollManagerPhotoIdentifierImage
 
 template <typename P0, typename P1, typename P2, typename P3, typename P4, typename P5>
-struct CameraRollManagerBasePhotoIdentifierImage {
+struct CameraRollManagerPhotoIdentifierImage {
   P0 uri;
   P1 playableDuration;
   P2 width;
   P3 height;
   P4 isStored;
   P5 filename;
-  bool operator==(const CameraRollManagerBasePhotoIdentifierImage &other) const {
+  bool operator==(const CameraRollManagerPhotoIdentifierImage &other) const {
     return uri == other.uri && playableDuration == other.playableDuration && width == other.width && height == other.height && isStored == other.isStored && filename == other.filename;
   }
 };
 
-template <typename P0, typename P1, typename P2, typename P3, typename P4, typename P5>
-struct CameraRollManagerBasePhotoIdentifierImageBridging {
-  static CameraRollManagerBasePhotoIdentifierImage<P0, P1, P2, P3, P4, P5> fromJs(
+template <typename T>
+struct CameraRollManagerPhotoIdentifierImageBridging {
+  static T types;
+
+  static T fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
-    CameraRollManagerBasePhotoIdentifierImage<P0, P1, P2, P3, P4, P5> result{
-      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"uri\\"), jsInvoker),
-      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"playableDuration\\"), jsInvoker),
-      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"width\\"), jsInvoker),
-      bridging::fromJs<P3>(rt, value.getProperty(rt, \\"height\\"), jsInvoker),
-      bridging::fromJs<P4>(rt, value.getProperty(rt, \\"isStored\\"), jsInvoker),
-      bridging::fromJs<P5>(rt, value.getProperty(rt, \\"filename\\"), jsInvoker)};
+    T result{
+      bridging::fromJs<decltype(types.uri)>(rt, value.getProperty(rt, \\"uri\\"), jsInvoker),
+      bridging::fromJs<decltype(types.playableDuration)>(rt, value.getProperty(rt, \\"playableDuration\\"), jsInvoker),
+      bridging::fromJs<decltype(types.width)>(rt, value.getProperty(rt, \\"width\\"), jsInvoker),
+      bridging::fromJs<decltype(types.height)>(rt, value.getProperty(rt, \\"height\\"), jsInvoker),
+      bridging::fromJs<decltype(types.isStored)>(rt, value.getProperty(rt, \\"isStored\\"), jsInvoker),
+      bridging::fromJs<decltype(types.filename)>(rt, value.getProperty(rt, \\"filename\\"), jsInvoker)};
     return result;
   }
 
 #ifdef DEBUG
-  static jsi::String uriToJs(jsi::Runtime &rt, P0 value) {
+  static jsi::String uriToJs(jsi::Runtime &rt, decltype(types.uri) value) {
     return bridging::toJs(rt, value);
   }
 
-  static double playableDurationToJs(jsi::Runtime &rt, P1 value) {
+  static double playableDurationToJs(jsi::Runtime &rt, decltype(types.playableDuration) value) {
     return bridging::toJs(rt, value);
   }
 
-  static double widthToJs(jsi::Runtime &rt, P2 value) {
+  static double widthToJs(jsi::Runtime &rt, decltype(types.width) value) {
     return bridging::toJs(rt, value);
   }
 
-  static double heightToJs(jsi::Runtime &rt, P3 value) {
+  static double heightToJs(jsi::Runtime &rt, decltype(types.height) value) {
     return bridging::toJs(rt, value);
   }
 
-  static bool isStoredToJs(jsi::Runtime &rt, P4 value) {
+  static bool isStoredToJs(jsi::Runtime &rt, decltype(types.isStored) value) {
     return bridging::toJs(rt, value);
   }
 
-  static jsi::String filenameToJs(jsi::Runtime &rt, P5 value) {
+  static jsi::String filenameToJs(jsi::Runtime &rt, decltype(types.filename) value) {
     return bridging::toJs(rt, value);
   }
 #endif
 
   static jsi::Object toJs(
       jsi::Runtime &rt,
-      const CameraRollManagerBasePhotoIdentifierImage<P0, P1, P2, P3, P4, P5> &value,
+      const T &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
     auto result = facebook::jsi::Object(rt);
     result.setProperty(rt, \\"uri\\", bridging::toJs(rt, value.uri, jsInvoker));
@@ -734,36 +1908,38 @@ struct CameraRollManagerBasePhotoIdentifierImageBridging {
 
 
 
-#pragma mark - CameraRollManagerBasePhotoIdentifier
+#pragma mark - CameraRollManagerPhotoIdentifier
 
 template <typename P0>
-struct CameraRollManagerBasePhotoIdentifier {
+struct CameraRollManagerPhotoIdentifier {
   P0 node;
-  bool operator==(const CameraRollManagerBasePhotoIdentifier &other) const {
+  bool operator==(const CameraRollManagerPhotoIdentifier &other) const {
     return node == other.node;
   }
 };
 
-template <typename P0>
-struct CameraRollManagerBasePhotoIdentifierBridging {
-  static CameraRollManagerBasePhotoIdentifier<P0> fromJs(
+template <typename T>
+struct CameraRollManagerPhotoIdentifierBridging {
+  static T types;
+
+  static T fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
-    CameraRollManagerBasePhotoIdentifier<P0> result{
-      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"node\\"), jsInvoker)};
+    T result{
+      bridging::fromJs<decltype(types.node)>(rt, value.getProperty(rt, \\"node\\"), jsInvoker)};
     return result;
   }
 
 #ifdef DEBUG
-  static jsi::Object nodeToJs(jsi::Runtime &rt, P0 value) {
+  static jsi::Object nodeToJs(jsi::Runtime &rt, decltype(types.node) value) {
     return bridging::toJs(rt, value);
   }
 #endif
 
   static jsi::Object toJs(
       jsi::Runtime &rt,
-      const CameraRollManagerBasePhotoIdentifier<P0> &value,
+      const T &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
     auto result = facebook::jsi::Object(rt);
     result.setProperty(rt, \\"node\\", bridging::toJs(rt, value.node, jsInvoker));
@@ -773,42 +1949,44 @@ struct CameraRollManagerBasePhotoIdentifierBridging {
 
 
 
-#pragma mark - CameraRollManagerBasePhotoIdentifiersPage
+#pragma mark - CameraRollManagerPhotoIdentifiersPage
 
 template <typename P0, typename P1>
-struct CameraRollManagerBasePhotoIdentifiersPage {
+struct CameraRollManagerPhotoIdentifiersPage {
   P0 edges;
   P1 page_info;
-  bool operator==(const CameraRollManagerBasePhotoIdentifiersPage &other) const {
+  bool operator==(const CameraRollManagerPhotoIdentifiersPage &other) const {
     return edges == other.edges && page_info == other.page_info;
   }
 };
 
-template <typename P0, typename P1>
-struct CameraRollManagerBasePhotoIdentifiersPageBridging {
-  static CameraRollManagerBasePhotoIdentifiersPage<P0, P1> fromJs(
+template <typename T>
+struct CameraRollManagerPhotoIdentifiersPageBridging {
+  static T types;
+
+  static T fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
-    CameraRollManagerBasePhotoIdentifiersPage<P0, P1> result{
-      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"edges\\"), jsInvoker),
-      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"page_info\\"), jsInvoker)};
+    T result{
+      bridging::fromJs<decltype(types.edges)>(rt, value.getProperty(rt, \\"edges\\"), jsInvoker),
+      bridging::fromJs<decltype(types.page_info)>(rt, value.getProperty(rt, \\"page_info\\"), jsInvoker)};
     return result;
   }
 
 #ifdef DEBUG
-  static jsi::Array edgesToJs(jsi::Runtime &rt, P0 value) {
+  static jsi::Array edgesToJs(jsi::Runtime &rt, decltype(types.edges) value) {
     return bridging::toJs(rt, value);
   }
 
-  static jsi::Object page_infoToJs(jsi::Runtime &rt, P1 value) {
+  static jsi::Object page_infoToJs(jsi::Runtime &rt, decltype(types.page_info) value) {
     return bridging::toJs(rt, value);
   }
 #endif
 
   static jsi::Object toJs(
       jsi::Runtime &rt,
-      const CameraRollManagerBasePhotoIdentifiersPage<P0, P1> &value,
+      const T &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
     auto result = facebook::jsi::Object(rt);
     result.setProperty(rt, \\"edges\\", bridging::toJs(rt, value.edges, jsInvoker));
@@ -819,10 +1997,10 @@ struct CameraRollManagerBasePhotoIdentifiersPageBridging {
 
 
 
-#pragma mark - CameraRollManagerBaseGetPhotosParams
+#pragma mark - CameraRollManagerGetPhotosParams
 
 template <typename P0, typename P1, typename P2, typename P3, typename P4, typename P5, typename P6>
-struct CameraRollManagerBaseGetPhotosParams {
+struct CameraRollManagerGetPhotosParams {
   P0 first;
   P1 after;
   P2 groupName;
@@ -830,61 +2008,63 @@ struct CameraRollManagerBaseGetPhotosParams {
   P4 assetType;
   P5 maxSize;
   P6 mimeTypes;
-  bool operator==(const CameraRollManagerBaseGetPhotosParams &other) const {
+  bool operator==(const CameraRollManagerGetPhotosParams &other) const {
     return first == other.first && after == other.after && groupName == other.groupName && groupTypes == other.groupTypes && assetType == other.assetType && maxSize == other.maxSize && mimeTypes == other.mimeTypes;
   }
 };
 
-template <typename P0, typename P1, typename P2, typename P3, typename P4, typename P5, typename P6>
-struct CameraRollManagerBaseGetPhotosParamsBridging {
-  static CameraRollManagerBaseGetPhotosParams<P0, P1, P2, P3, P4, P5, P6> fromJs(
+template <typename T>
+struct CameraRollManagerGetPhotosParamsBridging {
+  static T types;
+
+  static T fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
-    CameraRollManagerBaseGetPhotosParams<P0, P1, P2, P3, P4, P5, P6> result{
-      bridging::fromJs<P0>(rt, value.getProperty(rt, \\"first\\"), jsInvoker),
-      bridging::fromJs<P1>(rt, value.getProperty(rt, \\"after\\"), jsInvoker),
-      bridging::fromJs<P2>(rt, value.getProperty(rt, \\"groupName\\"), jsInvoker),
-      bridging::fromJs<P3>(rt, value.getProperty(rt, \\"groupTypes\\"), jsInvoker),
-      bridging::fromJs<P4>(rt, value.getProperty(rt, \\"assetType\\"), jsInvoker),
-      bridging::fromJs<P5>(rt, value.getProperty(rt, \\"maxSize\\"), jsInvoker),
-      bridging::fromJs<P6>(rt, value.getProperty(rt, \\"mimeTypes\\"), jsInvoker)};
+    T result{
+      bridging::fromJs<decltype(types.first)>(rt, value.getProperty(rt, \\"first\\"), jsInvoker),
+      bridging::fromJs<decltype(types.after)>(rt, value.getProperty(rt, \\"after\\"), jsInvoker),
+      bridging::fromJs<decltype(types.groupName)>(rt, value.getProperty(rt, \\"groupName\\"), jsInvoker),
+      bridging::fromJs<decltype(types.groupTypes)>(rt, value.getProperty(rt, \\"groupTypes\\"), jsInvoker),
+      bridging::fromJs<decltype(types.assetType)>(rt, value.getProperty(rt, \\"assetType\\"), jsInvoker),
+      bridging::fromJs<decltype(types.maxSize)>(rt, value.getProperty(rt, \\"maxSize\\"), jsInvoker),
+      bridging::fromJs<decltype(types.mimeTypes)>(rt, value.getProperty(rt, \\"mimeTypes\\"), jsInvoker)};
     return result;
   }
 
 #ifdef DEBUG
-  static double firstToJs(jsi::Runtime &rt, P0 value) {
+  static double firstToJs(jsi::Runtime &rt, decltype(types.first) value) {
     return bridging::toJs(rt, value);
   }
 
-  static jsi::String afterToJs(jsi::Runtime &rt, P1 value) {
+  static jsi::String afterToJs(jsi::Runtime &rt, decltype(types.after) value) {
     return bridging::toJs(rt, value);
   }
 
-  static jsi::String groupNameToJs(jsi::Runtime &rt, P2 value) {
+  static jsi::String groupNameToJs(jsi::Runtime &rt, decltype(types.groupName) value) {
     return bridging::toJs(rt, value);
   }
 
-  static jsi::String groupTypesToJs(jsi::Runtime &rt, P3 value) {
+  static jsi::String groupTypesToJs(jsi::Runtime &rt, decltype(types.groupTypes) value) {
     return bridging::toJs(rt, value);
   }
 
-  static jsi::String assetTypeToJs(jsi::Runtime &rt, P4 value) {
+  static jsi::String assetTypeToJs(jsi::Runtime &rt, decltype(types.assetType) value) {
     return bridging::toJs(rt, value);
   }
 
-  static double maxSizeToJs(jsi::Runtime &rt, P5 value) {
+  static double maxSizeToJs(jsi::Runtime &rt, decltype(types.maxSize) value) {
     return bridging::toJs(rt, value);
   }
 
-  static jsi::Array mimeTypesToJs(jsi::Runtime &rt, P6 value) {
+  static jsi::Array mimeTypesToJs(jsi::Runtime &rt, decltype(types.mimeTypes) value) {
     return bridging::toJs(rt, value);
   }
 #endif
 
   static jsi::Object toJs(
       jsi::Runtime &rt,
-      const CameraRollManagerBaseGetPhotosParams<P0, P1, P2, P3, P4, P5, P6> &value,
+      const T &value,
       const std::shared_ptr<CallInvoker> &jsInvoker) {
     auto result = facebook::jsi::Object(rt);
     result.setProperty(rt, \\"first\\", bridging::toJs(rt, value.first, jsInvoker));
@@ -934,7 +2114,7 @@ public:
 protected:
   NativeCameraRollManagerCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeCameraRollManagerCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeCameraRollManagerCxxSpecJSI {
@@ -987,7 +2167,7 @@ private:
 #pragma mark - ExceptionsManagerBaseStackFrame
 
 template <typename P0, typename P1, typename P2, typename P3, typename P4>
-struct ExceptionsManagerBaseStackFrame {
+struct [[deprecated(\\"Use ExceptionsManagerStackFrame instead.\\")]] ExceptionsManagerBaseStackFrame {
   P0 column;
   P1 file;
   P2 lineNumber;
@@ -999,7 +2179,7 @@ struct ExceptionsManagerBaseStackFrame {
 };
 
 template <typename P0, typename P1, typename P2, typename P3, typename P4>
-struct ExceptionsManagerBaseStackFrameBridging {
+struct [[deprecated(\\"Use ExceptionsManagerStackFrameBridging instead.\\")]] ExceptionsManagerBaseStackFrameBridging {
   static ExceptionsManagerBaseStackFrame<P0, P1, P2, P3, P4> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -1060,7 +2240,7 @@ struct ExceptionsManagerBaseStackFrameBridging {
 #pragma mark - ExceptionsManagerBaseExceptionData
 
 template <typename P0, typename P1, typename P2, typename P3, typename P4, typename P5, typename P6, typename P7>
-struct ExceptionsManagerBaseExceptionData {
+struct [[deprecated(\\"Use ExceptionsManagerExceptionData instead.\\")]] ExceptionsManagerBaseExceptionData {
   P0 message;
   P1 originalMessage;
   P2 name;
@@ -1075,7 +2255,7 @@ struct ExceptionsManagerBaseExceptionData {
 };
 
 template <typename P0, typename P1, typename P2, typename P3, typename P4, typename P5, typename P6, typename P7>
-struct ExceptionsManagerBaseExceptionDataBridging {
+struct [[deprecated(\\"Use ExceptionsManagerExceptionDataBridging instead.\\")]] ExceptionsManagerBaseExceptionDataBridging {
   static ExceptionsManagerBaseExceptionData<P0, P1, P2, P3, P4, P5, P6, P7> fromJs(
       jsi::Runtime &rt,
       const jsi::Object &value,
@@ -1145,6 +2325,172 @@ struct ExceptionsManagerBaseExceptionDataBridging {
   }
 };
 
+
+#pragma mark - ExceptionsManagerStackFrame
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4>
+struct ExceptionsManagerStackFrame {
+  P0 column;
+  P1 file;
+  P2 lineNumber;
+  P3 methodName;
+  P4 collapse;
+  bool operator==(const ExceptionsManagerStackFrame &other) const {
+    return column == other.column && file == other.file && lineNumber == other.lineNumber && methodName == other.methodName && collapse == other.collapse;
+  }
+};
+
+template <typename T>
+struct ExceptionsManagerStackFrameBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.column)>(rt, value.getProperty(rt, \\"column\\"), jsInvoker),
+      bridging::fromJs<decltype(types.file)>(rt, value.getProperty(rt, \\"file\\"), jsInvoker),
+      bridging::fromJs<decltype(types.lineNumber)>(rt, value.getProperty(rt, \\"lineNumber\\"), jsInvoker),
+      bridging::fromJs<decltype(types.methodName)>(rt, value.getProperty(rt, \\"methodName\\"), jsInvoker),
+      bridging::fromJs<decltype(types.collapse)>(rt, value.getProperty(rt, \\"collapse\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static double columnToJs(jsi::Runtime &rt, decltype(types.column) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String fileToJs(jsi::Runtime &rt, decltype(types.file) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static double lineNumberToJs(jsi::Runtime &rt, decltype(types.lineNumber) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String methodNameToJs(jsi::Runtime &rt, decltype(types.methodName) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static bool collapseToJs(jsi::Runtime &rt, decltype(types.collapse) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    if (value.column) {
+      result.setProperty(rt, \\"column\\", bridging::toJs(rt, value.column.value(), jsInvoker));
+    }
+    result.setProperty(rt, \\"file\\", bridging::toJs(rt, value.file, jsInvoker));
+    if (value.lineNumber) {
+      result.setProperty(rt, \\"lineNumber\\", bridging::toJs(rt, value.lineNumber.value(), jsInvoker));
+    }
+    result.setProperty(rt, \\"methodName\\", bridging::toJs(rt, value.methodName, jsInvoker));
+    if (value.collapse) {
+      result.setProperty(rt, \\"collapse\\", bridging::toJs(rt, value.collapse.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
+
+
+#pragma mark - ExceptionsManagerExceptionData
+
+template <typename P0, typename P1, typename P2, typename P3, typename P4, typename P5, typename P6, typename P7>
+struct ExceptionsManagerExceptionData {
+  P0 message;
+  P1 originalMessage;
+  P2 name;
+  P3 componentStack;
+  P4 stack;
+  P5 id;
+  P6 isFatal;
+  P7 extraData;
+  bool operator==(const ExceptionsManagerExceptionData &other) const {
+    return message == other.message && originalMessage == other.originalMessage && name == other.name && componentStack == other.componentStack && stack == other.stack && id == other.id && isFatal == other.isFatal && extraData == other.extraData;
+  }
+};
+
+template <typename T>
+struct ExceptionsManagerExceptionDataBridging {
+  static T types;
+
+  static T fromJs(
+      jsi::Runtime &rt,
+      const jsi::Object &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    T result{
+      bridging::fromJs<decltype(types.message)>(rt, value.getProperty(rt, \\"message\\"), jsInvoker),
+      bridging::fromJs<decltype(types.originalMessage)>(rt, value.getProperty(rt, \\"originalMessage\\"), jsInvoker),
+      bridging::fromJs<decltype(types.name)>(rt, value.getProperty(rt, \\"name\\"), jsInvoker),
+      bridging::fromJs<decltype(types.componentStack)>(rt, value.getProperty(rt, \\"componentStack\\"), jsInvoker),
+      bridging::fromJs<decltype(types.stack)>(rt, value.getProperty(rt, \\"stack\\"), jsInvoker),
+      bridging::fromJs<decltype(types.id)>(rt, value.getProperty(rt, \\"id\\"), jsInvoker),
+      bridging::fromJs<decltype(types.isFatal)>(rt, value.getProperty(rt, \\"isFatal\\"), jsInvoker),
+      bridging::fromJs<decltype(types.extraData)>(rt, value.getProperty(rt, \\"extraData\\"), jsInvoker)};
+    return result;
+  }
+
+#ifdef DEBUG
+  static jsi::String messageToJs(jsi::Runtime &rt, decltype(types.message) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String originalMessageToJs(jsi::Runtime &rt, decltype(types.originalMessage) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String nameToJs(jsi::Runtime &rt, decltype(types.name) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::String componentStackToJs(jsi::Runtime &rt, decltype(types.componentStack) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Array stackToJs(jsi::Runtime &rt, decltype(types.stack) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static double idToJs(jsi::Runtime &rt, decltype(types.id) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static bool isFatalToJs(jsi::Runtime &rt, decltype(types.isFatal) value) {
+    return bridging::toJs(rt, value);
+  }
+
+  static jsi::Object extraDataToJs(jsi::Runtime &rt, decltype(types.extraData) value) {
+    return bridging::toJs(rt, value);
+  }
+#endif
+
+  static jsi::Object toJs(
+      jsi::Runtime &rt,
+      const T &value,
+      const std::shared_ptr<CallInvoker> &jsInvoker) {
+    auto result = facebook::jsi::Object(rt);
+    result.setProperty(rt, \\"message\\", bridging::toJs(rt, value.message, jsInvoker));
+    result.setProperty(rt, \\"originalMessage\\", bridging::toJs(rt, value.originalMessage, jsInvoker));
+    result.setProperty(rt, \\"name\\", bridging::toJs(rt, value.name, jsInvoker));
+    result.setProperty(rt, \\"componentStack\\", bridging::toJs(rt, value.componentStack, jsInvoker));
+    result.setProperty(rt, \\"stack\\", bridging::toJs(rt, value.stack, jsInvoker));
+    result.setProperty(rt, \\"id\\", bridging::toJs(rt, value.id, jsInvoker));
+    result.setProperty(rt, \\"isFatal\\", bridging::toJs(rt, value.isFatal, jsInvoker));
+    if (value.extraData) {
+      result.setProperty(rt, \\"extraData\\", bridging::toJs(rt, value.extraData.value(), jsInvoker));
+    }
+    return result;
+  }
+};
+
 class JSI_EXPORT NativeExceptionsManagerCxxSpecJSI : public TurboModule {
 protected:
   NativeExceptionsManagerCxxSpecJSI(std::shared_ptr<CallInvoker> jsInvoker);
@@ -1170,7 +2516,7 @@ public:
 protected:
   NativeExceptionsManagerCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeExceptionsManagerCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeExceptionsManagerCxxSpecJSI {
@@ -1226,8 +2572,7 @@ private:
   Delegate delegate_;
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1248,13 +2593,12 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <react/bridging/Bridging.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 #pragma mark - SampleTurboModuleNumEnum
 
-enum SampleTurboModuleNumEnum { ONE, TWO };
+enum class SampleTurboModuleNumEnum { ONE, TWO };
 
 template <>
 struct Bridging<SampleTurboModuleNumEnum> {
@@ -1282,7 +2626,7 @@ struct Bridging<SampleTurboModuleNumEnum> {
 
 #pragma mark - SampleTurboModuleFloatEnum
 
-enum SampleTurboModuleFloatEnum { POINT_ZERO, POINT_ONE, POINT_TWO };
+enum class SampleTurboModuleFloatEnum { POINT_ZERO, POINT_ONE, POINT_TWO };
 
 template <>
 struct Bridging<SampleTurboModuleFloatEnum> {
@@ -1314,7 +2658,7 @@ struct Bridging<SampleTurboModuleFloatEnum> {
 
 #pragma mark - SampleTurboModuleStringEnum
 
-enum SampleTurboModuleStringEnum { HELLO, GoodBye };
+enum class SampleTurboModuleStringEnum { HELLO, GoodBye };
 
 template <>
 struct Bridging<SampleTurboModuleStringEnum> {
@@ -1353,11 +2697,11 @@ public:
   virtual jsi::Object getObject(jsi::Runtime &rt, jsi::Object arg) = 0;
   virtual double getRootTag(jsi::Runtime &rt, double arg) = 0;
   virtual jsi::Object getValue(jsi::Runtime &rt, double x, jsi::String y, jsi::Object z) = 0;
-  virtual int getEnumReturn(jsi::Runtime &rt) = 0;
+  virtual jsi::Value getEnumReturn(jsi::Runtime &rt) = 0;
   virtual void getValueWithCallback(jsi::Runtime &rt, jsi::Function callback) = 0;
   virtual jsi::Value getValueWithPromise(jsi::Runtime &rt, bool error) = 0;
   virtual jsi::Value getValueWithOptionalArg(jsi::Runtime &rt, std::optional<jsi::Object> parameter) = 0;
-  virtual jsi::String getEnums(jsi::Runtime &rt, int enumInt, double enumFloat, jsi::String enumString) = 0;
+  virtual jsi::String getEnums(jsi::Runtime &rt, jsi::Value enumInt, jsi::Value enumFloat, jsi::String enumString) = 0;
 
 };
 
@@ -1373,7 +2717,7 @@ public:
 protected:
   NativeSampleTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleCxxSpecJSI {
@@ -1453,12 +2797,12 @@ private:
       return bridging::callFromJs<jsi::Object>(
           rt, &T::getValue, jsInvoker_, instance_, std::move(x), std::move(y), std::move(z));
     }
-    int getEnumReturn(jsi::Runtime &rt) override {
+    jsi::Value getEnumReturn(jsi::Runtime &rt) override {
       static_assert(
           bridging::getParameterCount(&T::getEnumReturn) == 1,
           \\"Expected getEnumReturn(...) to have 1 parameters\\");
 
-      return bridging::callFromJs<int>(
+      return bridging::callFromJs<jsi::Value>(
           rt, &T::getEnumReturn, jsInvoker_, instance_);
     }
     void getValueWithCallback(jsi::Runtime &rt, jsi::Function callback) override {
@@ -1485,7 +2829,7 @@ private:
       return bridging::callFromJs<jsi::Value>(
           rt, &T::getValueWithOptionalArg, jsInvoker_, instance_, std::move(parameter));
     }
-    jsi::String getEnums(jsi::Runtime &rt, int enumInt, double enumFloat, jsi::String enumString) override {
+    jsi::String getEnums(jsi::Runtime &rt, jsi::Value enumInt, jsi::Value enumFloat, jsi::String enumString) override {
       static_assert(
           bridging::getParameterCount(&T::getEnums) == 4,
           \\"Expected getEnums(...) to have 4 parameters\\");
@@ -1501,8 +2845,7 @@ private:
   Delegate delegate_;
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -1523,8 +2866,7 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <react/bridging/Bridging.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
   class JSI_EXPORT NativeSampleTurboModuleCxxSpecJSI : public TurboModule {
@@ -1548,7 +2890,7 @@ public:
 protected:
   NativeSampleTurboModuleCxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModuleCxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModuleCxxSpecJSI {
@@ -1595,7 +2937,7 @@ public:
 protected:
   NativeSampleTurboModule2CxxSpec(std::shared_ptr<CallInvoker> jsInvoker)
     : TurboModule(std::string{NativeSampleTurboModule2CxxSpec::kModuleName}, jsInvoker),
-      delegate_(static_cast<T*>(this), jsInvoker) {}
+      delegate_(reinterpret_cast<T*>(this), jsInvoker) {}
 
 private:
   class Delegate : public NativeSampleTurboModule2CxxSpecJSI {
@@ -1627,8 +2969,7 @@ private:
   Delegate delegate_;
 };
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleHObjCpp-test.js.snap b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleHObjCpp-test.js.snap
index fdd04f630546b5..d65cd4166702ae 100644
--- a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleHObjCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleHObjCpp-test.js.snap
@@ -35,17 +35,15 @@ Map {
 
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModule'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModule'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 ",
 }
@@ -197,17 +195,15 @@ namespace JS {
 - (NSArray<id<NSObject>> * _Nullable)getNullableArray;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModule'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModule'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 inline bool JS::NativeSampleTurboModule::SpecDifficultAE::D() const
 {
   id const p = _v[@\\"D\\"];
@@ -382,17 +378,15 @@ Map {
 
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModule'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModule'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 ",
 }
@@ -499,17 +493,15 @@ namespace JS {
 - (void)cropImage:(JS::AliasTurboModule::Options &)cropData;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'AliasTurboModule'
-     */
-    class JSI_EXPORT AliasTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      AliasTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'AliasTurboModule'
+   */
+  class JSI_EXPORT AliasTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    AliasTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 inline double JS::AliasTurboModule::OptionsOffset::x() const
 {
   id const p = _v[@\\"x\\"];
@@ -633,17 +625,15 @@ namespace JS {
               reject:(RCTPromiseRejectBlock)reject;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeCameraRollManager'
-     */
-    class JSI_EXPORT NativeCameraRollManagerSpecJSI : public ObjCTurboModule {
-    public:
-      NativeCameraRollManagerSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeCameraRollManager'
+   */
+  class JSI_EXPORT NativeCameraRollManagerSpecJSI : public ObjCTurboModule {
+  public:
+    NativeCameraRollManagerSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 namespace JS {
   namespace NativeExceptionsManager {
     struct StackFrame {
@@ -700,17 +690,15 @@ namespace JS {
 - (void)dismissRedbox;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeExceptionsManager'
-     */
-    class JSI_EXPORT NativeExceptionsManagerSpecJSI : public ObjCTurboModule {
-    public:
-      NativeExceptionsManagerSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeExceptionsManager'
+   */
+  class JSI_EXPORT NativeExceptionsManagerSpecJSI : public ObjCTurboModule {
+  public:
+    NativeExceptionsManagerSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 inline double JS::NativeCameraRollManager::GetPhotosParams::first() const
 {
   id const p = _v[@\\"first\\"];
@@ -900,17 +888,15 @@ namespace JS {
 - (facebook::react::ModuleConstants<JS::NativeSampleTurboModule::Constants::Builder>)getConstants;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModule'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModule'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 inline JS::NativeSampleTurboModule::Constants::Builder::Builder(const Input i) : _factory(^{
   NSMutableDictionary *d = [NSMutableDictionary new];
   auto const1 = i.const1.get();
@@ -963,34 +949,30 @@ Map {
 - (void)voidFunc;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModule'
-     */
-    class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModule'
+   */
+  class JSI_EXPORT NativeSampleTurboModuleSpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 @protocol NativeSampleTurboModule2Spec <RCTBridgeModule, RCTTurboModule>
 
 - (void)voidFunc;
 
 @end
-namespace facebook {
-  namespace react {
-    /**
-     * ObjC++ class for module 'NativeSampleTurboModule2'
-     */
-    class JSI_EXPORT NativeSampleTurboModule2SpecJSI : public ObjCTurboModule {
-    public:
-      NativeSampleTurboModule2SpecJSI(const ObjCTurboModule::InitParams &params);
-    };
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  /**
+   * ObjC++ class for module 'NativeSampleTurboModule2'
+   */
+  class JSI_EXPORT NativeSampleTurboModule2SpecJSI : public ObjCTurboModule {
+  public:
+    NativeSampleTurboModule2SpecJSI(const ObjCTurboModule::InitParams &params);
+  };
+} // namespace facebook::react
 
 
 ",
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleJniCpp-test.js.snap b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleJniCpp-test.js.snap
index 177f066876aa61..27f98851161d91 100644
--- a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleJniCpp-test.js.snap
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleJniCpp-test.js.snap
@@ -14,8 +14,7 @@ Map {
 
 #include \\"SampleWithUppercaseName.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
@@ -31,8 +30,7 @@ std::shared_ptr<TurboModule> SampleWithUppercaseName_ModuleProvider(const std::s
   return nullptr;
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -51,8 +49,7 @@ Map {
 
 #include \\"complex_objects.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_difficult(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
   static jmethodID cachedMethodId = nullptr;
@@ -107,8 +104,7 @@ std::shared_ptr<TurboModule> complex_objects_ModuleProvider(const std::string &m
   return nullptr;
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -127,8 +123,7 @@ Map {
 
 #include \\"cxx_only_native_modules.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
@@ -137,8 +132,7 @@ std::shared_ptr<TurboModule> cxx_only_native_modules_ModuleProvider(const std::s
   return nullptr;
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -157,8 +151,7 @@ Map {
 
 #include \\"empty_native_modules.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
@@ -174,8 +167,7 @@ std::shared_ptr<TurboModule> empty_native_modules_ModuleProvider(const std::stri
   return nullptr;
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -194,8 +186,7 @@ Map {
 
 #include \\"native_modules_with_type_aliases.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
@@ -216,8 +207,7 @@ std::shared_ptr<TurboModule> native_modules_with_type_aliases_ModuleProvider(con
   return nullptr;
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -236,8 +226,7 @@ Map {
 
 #include \\"real_module_example.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
@@ -306,8 +295,7 @@ std::shared_ptr<TurboModule> real_module_example_ModuleProvider(const std::strin
   return nullptr;
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -326,8 +314,7 @@ Map {
 
 #include \\"simple_native_modules.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_getConstants(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
   static jmethodID cachedMethodId = nullptr;
@@ -424,8 +411,7 @@ std::shared_ptr<TurboModule> simple_native_modules_ModuleProvider(const std::str
   return nullptr;
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
@@ -444,8 +430,7 @@ Map {
 
 #include \\"two_modules_different_files.h\\"
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
   static jmethodID cachedMethodId = nullptr;
@@ -478,8 +463,7 @@ std::shared_ptr<TurboModule> two_modules_different_files_ModuleProvider(const st
   return nullptr;
 }
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleJniH-test.js.snap b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleJniH-test.js.snap
index cc203a0927bd07..72877187166bd8 100644
--- a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleJniH-test.js.snap
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleJniH-test.js.snap
@@ -18,8 +18,7 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 /**
  * JNI C++ class for module 'NativeSampleTurboModule'
@@ -33,8 +32,7 @@ public:
 JSI_EXPORT
 std::shared_ptr<TurboModule> SampleWithUppercaseName_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
   "jni/CMakeLists.txt" => "# Copyright (c) Meta Platforms, Inc. and affiliates.
 #
@@ -63,10 +61,13 @@ target_link_libraries(
   react_codegen_rncore
   react_debug
   react_nativemodule_core
+  react_render_componentregistry
   react_render_core
   react_render_debug
   react_render_graphics
   react_render_imagemanager
+  react_render_mapbuffer
+  react_utils
   rrc_image
   rrc_view
   turbomodulejsijni
@@ -104,8 +105,7 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 /**
  * JNI C++ class for module 'NativeSampleTurboModule'
@@ -119,8 +119,7 @@ public:
 JSI_EXPORT
 std::shared_ptr<TurboModule> complex_objects_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
   "jni/CMakeLists.txt" => "# Copyright (c) Meta Platforms, Inc. and affiliates.
 #
@@ -149,10 +148,13 @@ target_link_libraries(
   react_codegen_rncore
   react_debug
   react_nativemodule_core
+  react_render_componentregistry
   react_render_core
   react_render_debug
   react_render_graphics
   react_render_imagemanager
+  react_render_mapbuffer
+  react_utils
   rrc_image
   rrc_view
   turbomodulejsijni
@@ -190,16 +192,14 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 
 
 JSI_EXPORT
 std::shared_ptr<TurboModule> cxx_only_native_modules_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
   "jni/CMakeLists.txt" => "# Copyright (c) Meta Platforms, Inc. and affiliates.
 #
@@ -228,10 +228,13 @@ target_link_libraries(
   react_codegen_rncore
   react_debug
   react_nativemodule_core
+  react_render_componentregistry
   react_render_core
   react_render_debug
   react_render_graphics
   react_render_imagemanager
+  react_render_mapbuffer
+  react_utils
   rrc_image
   rrc_view
   turbomodulejsijni
@@ -269,8 +272,7 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 /**
  * JNI C++ class for module 'NativeSampleTurboModule'
@@ -284,8 +286,7 @@ public:
 JSI_EXPORT
 std::shared_ptr<TurboModule> empty_native_modules_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
   "jni/CMakeLists.txt" => "# Copyright (c) Meta Platforms, Inc. and affiliates.
 #
@@ -314,10 +315,13 @@ target_link_libraries(
   react_codegen_rncore
   react_debug
   react_nativemodule_core
+  react_render_componentregistry
   react_render_core
   react_render_debug
   react_render_graphics
   react_render_imagemanager
+  react_render_mapbuffer
+  react_utils
   rrc_image
   rrc_view
   turbomodulejsijni
@@ -355,8 +359,7 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 /**
  * JNI C++ class for module 'AliasTurboModule'
@@ -370,8 +373,7 @@ public:
 JSI_EXPORT
 std::shared_ptr<TurboModule> native_modules_with_type_aliases_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
   "jni/CMakeLists.txt" => "# Copyright (c) Meta Platforms, Inc. and affiliates.
 #
@@ -400,10 +402,13 @@ target_link_libraries(
   react_codegen_rncore
   react_debug
   react_nativemodule_core
+  react_render_componentregistry
   react_render_core
   react_render_debug
   react_render_graphics
   react_render_imagemanager
+  react_render_mapbuffer
+  react_utils
   rrc_image
   rrc_view
   turbomodulejsijni
@@ -441,8 +446,7 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 /**
  * JNI C++ class for module 'NativeCameraRollManager'
@@ -464,8 +468,7 @@ public:
 JSI_EXPORT
 std::shared_ptr<TurboModule> real_module_example_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
   "jni/CMakeLists.txt" => "# Copyright (c) Meta Platforms, Inc. and affiliates.
 #
@@ -494,10 +497,13 @@ target_link_libraries(
   react_codegen_rncore
   react_debug
   react_nativemodule_core
+  react_render_componentregistry
   react_render_core
   react_render_debug
   react_render_graphics
   react_render_imagemanager
+  react_render_mapbuffer
+  react_utils
   rrc_image
   rrc_view
   turbomodulejsijni
@@ -535,8 +541,7 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 /**
  * JNI C++ class for module 'NativeSampleTurboModule'
@@ -550,8 +555,7 @@ public:
 JSI_EXPORT
 std::shared_ptr<TurboModule> simple_native_modules_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
   "jni/CMakeLists.txt" => "# Copyright (c) Meta Platforms, Inc. and affiliates.
 #
@@ -580,10 +584,13 @@ target_link_libraries(
   react_codegen_rncore
   react_debug
   react_nativemodule_core
+  react_render_componentregistry
   react_render_core
   react_render_debug
   react_render_graphics
   react_render_imagemanager
+  react_render_mapbuffer
+  react_utils
   rrc_image
   rrc_view
   turbomodulejsijni
@@ -621,8 +628,7 @@ Map {
 #include <ReactCommon/TurboModule.h>
 #include <jsi/jsi.h>
 
-namespace facebook {
-namespace react {
+namespace facebook::react {
 
 /**
  * JNI C++ class for module 'NativeSampleTurboModule'
@@ -644,8 +650,7 @@ public:
 JSI_EXPORT
 std::shared_ptr<TurboModule> two_modules_different_files_ModuleProvider(const std::string &moduleName, const JavaTurboModule::InitParams &params);
 
-} // namespace react
-} // namespace facebook
+} // namespace facebook::react
 ",
   "jni/CMakeLists.txt" => "# Copyright (c) Meta Platforms, Inc. and affiliates.
 #
@@ -674,10 +679,13 @@ target_link_libraries(
   react_codegen_rncore
   react_debug
   react_nativemodule_core
+  react_render_componentregistry
   react_render_core
   react_render_debug
   react_render_graphics
   react_render_imagemanager
+  react_render_mapbuffer
+  react_utils
   rrc_image
   rrc_view
   turbomodulejsijni
diff --git a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleMm-test.js.snap b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleMm-test.js.snap
index d9936be271e6d8..630f41fbbb2b5a 100644
--- a/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleMm-test.js.snap
+++ b/packages/react-native-codegen/src/generators/modules/__tests__/__snapshots__/GenerateModuleMm-test.js.snap
@@ -18,16 +18,14 @@ Map {
 #import \\"SampleWithUppercaseName.h\\"
 
 
-namespace facebook {
-  namespace react {
-    
-
-    NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
-    }
-  } // namespace react
-} // namespace facebook
+namespace facebook::react {
+  
+
+  NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
+  }
+} // namespace facebook::react
 ",
 }
 `;
@@ -85,9 +83,8 @@ Map {
   return facebook::react::managedPointer<JS::NativeSampleTurboModule::SpecGetArraysOptions>(json);
 }
 @end
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_difficult(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"difficult\\", @selector(difficult:), args, count);
     }
@@ -116,9 +113,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ArrayKind, \\"getNullableArray\\", @selector(getNullableArray), args, count);
     }
 
-    NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"difficult\\"] = MethodMetadata {1, __hostFunction_NativeSampleTurboModuleSpecJSI_difficult};
         setMethodArgConversionSelector(@\\"difficult\\", 0, @\\"JS_NativeSampleTurboModule_SpecDifficultA:\\");
         
@@ -139,9 +136,8 @@ namespace facebook {
         
         methodMap_[\\"getNullableArray\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_getNullableArray};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 ",
 }
 `;
@@ -186,16 +182,14 @@ Map {
 #import \\"empty_native_modules.h\\"
 
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
 
-    NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
-    }
-  } // namespace react
-} // namespace facebook
+  NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
+  }
+} // namespace facebook::react
 ",
 }
 `;
@@ -241,21 +235,19 @@ Map {
   return facebook::react::managedPointer<JS::AliasTurboModule::Options>(json);
 }
 @end
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_AliasTurboModuleSpecJSI_cropImage(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"cropImage\\", @selector(cropImage:), args, count);
     }
 
-    AliasTurboModuleSpecJSI::AliasTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  AliasTurboModuleSpecJSI::AliasTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"cropImage\\"] = MethodMetadata {1, __hostFunction_AliasTurboModuleSpecJSI_cropImage};
         setMethodArgConversionSelector(@\\"cropImage\\", 0, @\\"JS_AliasTurboModule_Options:\\");
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 ",
 }
 `;
@@ -283,9 +275,8 @@ Map {
   return facebook::react::managedPointer<JS::NativeCameraRollManager::GetPhotosParams>(json);
 }
 @end
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeCameraRollManagerSpecJSI_getPhotos(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, \\"getPhotos\\", @selector(getPhotos:resolve:reject:), args, count);
     }
@@ -298,9 +289,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, PromiseKind, \\"deletePhotos\\", @selector(deletePhotos:resolve:reject:), args, count);
     }
 
-    NativeCameraRollManagerSpecJSI::NativeCameraRollManagerSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeCameraRollManagerSpecJSI::NativeCameraRollManagerSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"getPhotos\\"] = MethodMetadata {1, __hostFunction_NativeCameraRollManagerSpecJSI_getPhotos};
         setMethodArgConversionSelector(@\\"getPhotos\\", 0, @\\"JS_NativeCameraRollManager_GetPhotosParams:\\");
         
@@ -309,9 +300,8 @@ namespace facebook {
         
         methodMap_[\\"deletePhotos\\"] = MethodMetadata {1, __hostFunction_NativeCameraRollManagerSpecJSI_deletePhotos};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 @implementation RCTCxxConvert (NativeExceptionsManager_StackFrame)
 + (RCTManagedPointer *)JS_NativeExceptionsManager_StackFrame:(id)json
 {
@@ -324,9 +314,8 @@ namespace facebook {
   return facebook::react::managedPointer<JS::NativeExceptionsManager::ExceptionData>(json);
 }
 @end
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeExceptionsManagerSpecJSI_reportFatalException(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"reportFatalException\\", @selector(reportFatalException:stack:exceptionId:), args, count);
     }
@@ -347,9 +336,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"dismissRedbox\\", @selector(dismissRedbox), args, count);
     }
 
-    NativeExceptionsManagerSpecJSI::NativeExceptionsManagerSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeExceptionsManagerSpecJSI::NativeExceptionsManagerSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"reportFatalException\\"] = MethodMetadata {3, __hostFunction_NativeExceptionsManagerSpecJSI_reportFatalException};
         
         
@@ -364,9 +353,8 @@ namespace facebook {
         
         methodMap_[\\"dismissRedbox\\"] = MethodMetadata {0, __hostFunction_NativeExceptionsManagerSpecJSI_dismissRedbox};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 ",
 }
 `;
@@ -389,9 +377,8 @@ Map {
 #import \\"simple_native_modules.h\\"
 
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
     }
@@ -448,9 +435,9 @@ namespace facebook {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, ObjectKind, \\"getConstants\\", @selector(getConstants), args, count);
     }
 
-    NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc};
         
         
@@ -492,9 +479,8 @@ namespace facebook {
         
         methodMap_[\\"getConstants\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_getConstants};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 ",
 }
 `;
@@ -517,37 +503,33 @@ Map {
 #import \\"two_modules_different_files.h\\"
 
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
     }
 
-    NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeSampleTurboModuleSpecJSI::NativeSampleTurboModuleSpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModuleSpecJSI_voidFunc};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 
-namespace facebook {
-  namespace react {
-    
+namespace facebook::react {
+  
     static facebook::jsi::Value __hostFunction_NativeSampleTurboModule2SpecJSI_voidFunc(facebook::jsi::Runtime& rt, TurboModule &turboModule, const facebook::jsi::Value* args, size_t count) {
       return static_cast<ObjCTurboModule&>(turboModule).invokeObjCMethod(rt, VoidKind, \\"voidFunc\\", @selector(voidFunc), args, count);
     }
 
-    NativeSampleTurboModule2SpecJSI::NativeSampleTurboModule2SpecJSI(const ObjCTurboModule::InitParams &params)
-      : ObjCTurboModule(params) {
-        
+  NativeSampleTurboModule2SpecJSI::NativeSampleTurboModule2SpecJSI(const ObjCTurboModule::InitParams &params)
+    : ObjCTurboModule(params) {
+      
         methodMap_[\\"voidFunc\\"] = MethodMetadata {0, __hostFunction_NativeSampleTurboModule2SpecJSI_voidFunc};
         
-    }
-  } // namespace react
-} // namespace facebook
+  }
+} // namespace facebook::react
 ",
 }
 `;
diff --git a/packages/react-native-codegen/src/parsers/__tests__/error-utils-test.js b/packages/react-native-codegen/src/parsers/__tests__/error-utils-test.js
index 36eafbe5884aec..12d42258b985d2 100644
--- a/packages/react-native-codegen/src/parsers/__tests__/error-utils-test.js
+++ b/packages/react-native-codegen/src/parsers/__tests__/error-utils-test.js
@@ -15,42 +15,41 @@ const {
   throwIfConfigNotfound,
   throwIfMoreThanOneConfig,
 } = require('../error-utils');
-
 const {
-  throwIfModuleInterfaceNotFound,
-  throwIfMoreThanOneModuleRegistryCalls,
-  throwIfModuleInterfaceIsMisnamed,
-  throwIfUnusedModuleInterfaceParserError,
-  throwIfWrongNumberOfCallExpressionArgs,
-  throwIfIncorrectModuleRegistryCallTypeParameterParserError,
+  throwIfArgumentPropsAreNull,
+  throwIfArrayElementTypeAnnotationIsUnsupported,
+  throwIfBubblingTypeIsNull,
+  throwIfEventHasNoName,
   throwIfIncorrectModuleRegistryCallArgument,
-  throwIfUnsupportedFunctionReturnTypeAnnotationParserError,
-  throwIfMoreThanOneModuleInterfaceParserError,
+  throwIfIncorrectModuleRegistryCallTypeParameterParserError,
+  throwIfModuleInterfaceIsMisnamed,
+  throwIfModuleInterfaceNotFound,
   throwIfModuleTypeIsUnsupported,
-  throwIfUntypedModule,
-  throwIfUnsupportedFunctionParamTypeAnnotationParserError,
-  throwIfArrayElementTypeAnnotationIsUnsupported,
+  throwIfMoreThanOneCodegenNativecommands,
+  throwIfMoreThanOneModuleInterfaceParserError,
+  throwIfMoreThanOneModuleRegistryCalls,
   throwIfPartialNotAnnotatingTypeParameter,
   throwIfPartialWithMoreParameter,
-  throwIfMoreThanOneCodegenNativecommands,
-  throwIfEventHasNoName,
-  throwIfBubblingTypeIsNull,
-  throwIfArgumentPropsAreNull,
   throwIfTypeAliasIsNotInterface,
+  throwIfUnsupportedFunctionParamTypeAnnotationParserError,
+  throwIfUnsupportedFunctionReturnTypeAnnotationParserError,
+  throwIfUntypedModule,
+  throwIfUnusedModuleInterfaceParserError,
+  throwIfWrongNumberOfCallExpressionArgs,
 } = require('../error-utils');
 const {
-  UnsupportedModulePropertyParserError,
-  ModuleInterfaceNotFoundParserError,
-  MoreThanOneModuleRegistryCallsParserError,
-  MisnamedModuleInterfaceParserError,
-  UnusedModuleInterfaceParserError,
+  IncorrectModuleRegistryCallArgumentTypeParserError,
   IncorrectModuleRegistryCallArityParserError,
   IncorrectModuleRegistryCallTypeParameterParserError,
-  IncorrectModuleRegistryCallArgumentTypeParserError,
-  UnsupportedFunctionReturnTypeAnnotationParserError,
-  UntypedModuleRegistryCallParserError,
+  MisnamedModuleInterfaceParserError,
+  ModuleInterfaceNotFoundParserError,
   MoreThanOneModuleInterfaceParserError,
+  MoreThanOneModuleRegistryCallsParserError,
   UnsupportedFunctionParamTypeAnnotationParserError,
+  UnsupportedFunctionReturnTypeAnnotationParserError,
+  UnsupportedModulePropertyParserError,
+  UntypedModuleRegistryCallParserError,
+  UnusedModuleInterfaceParserError,
 } = require('../errors');
 const {FlowParser} = require('../flow/parser');
 const {TypeScriptParser} = require('../typescript/parser');
diff --git a/packages/react-native-codegen/src/parsers/__tests__/parsers-commons-test.js b/packages/react-native-codegen/src/parsers/__tests__/parsers-commons-test.js
index bd62076f6e3d40..44e25e7687648e 100644
--- a/packages/react-native-codegen/src/parsers/__tests__/parsers-commons-test.js
+++ b/packages/react-native-codegen/src/parsers/__tests__/parsers-commons-test.js
@@ -11,56 +11,54 @@
 
 'use-strict';
 
+import type {ParserType} from '../errors';
+
+import {FlowParser} from '../flow/parser';
+import {MockedParser} from '../parserMock';
 import {
   assertGenericTypeAnnotationHasExactlyOneTypeParameter,
-  isObjectProperty,
-  parseObjectProperty,
-  wrapNullable,
-  unwrapNullable,
-  buildSchemaFromConfigType,
   buildSchema,
-  parseModuleName,
+  buildSchemaFromConfigType,
   createComponentConfig,
-  propertyNames,
   getCommandOptions,
-  getOptions,
   getCommandTypeNameAndOptionsExpression,
+  getOptions,
   getTypeResolutionStatus,
   handleGenericTypeAnnotation,
+  isObjectProperty,
+  parseModuleName,
+  parseObjectProperty,
+  propertyNames,
+  unwrapNullable,
+  wrapNullable,
 } from '../parsers-commons';
-import type {ParserType} from '../errors';
 
-const {Visitor} = require('../parsers-primitives');
-const {wrapComponentSchema} = require('../schema.js');
-const {buildComponentSchema} = require('../flow/components');
-const {buildModuleSchema} = require('../parsers-commons.js');
-const {
-  isModuleRegistryCall,
-  createParserErrorCapturer,
-} = require('../utils.js');
 const {
-  ParserError,
-  UnsupportedObjectPropertyTypeAnnotationParserError,
-  UnusedModuleInterfaceParserError,
-  MoreThanOneModuleRegistryCallsParserError,
-  IncorrectModuleRegistryCallArityParserError,
   IncorrectModuleRegistryCallArgumentTypeParserError,
-  UntypedModuleRegistryCallParserError,
+  IncorrectModuleRegistryCallArityParserError,
+  MisnamedModuleInterfaceParserError,
   ModuleInterfaceNotFoundParserError,
   MoreThanOneModuleInterfaceParserError,
-  MisnamedModuleInterfaceParserError,
+  MoreThanOneModuleRegistryCallsParserError,
+  ParserError,
+  UnsupportedObjectPropertyTypeAnnotationParserError,
+  UntypedModuleRegistryCallParserError,
+  UnusedModuleInterfaceParserError,
 } = require('../errors');
-
-import {MockedParser} from '../parserMock';
-import {FlowParser} from '../flow/parser';
+const {buildComponentSchema} = require('../flow/components');
+const {flowTranslateTypeAnnotation} = require('../flow/modules/index');
+const {buildModuleSchema} = require('../parsers-commons.js');
+const {Visitor} = require('../parsers-primitives');
+const {wrapComponentSchema} = require('../schema.js');
+const typeScriptTranslateTypeAnnotation = require('../typescript/modules/index');
+const {
+  createParserErrorCapturer,
+  isModuleRegistryCall,
+} = require('../utils.js');
 
 const parser = new MockedParser();
-
 const flowParser = new FlowParser();
 
-const {flowTranslateTypeAnnotation} = require('../flow/modules/index');
-const typeScriptTranslateTypeAnnotation = require('../typescript/modules/index');
-
 beforeEach(() => {
   jest.clearAllMocks();
 });
@@ -324,6 +322,7 @@ describe('parseObjectProperty', () => {
       );
       expect(() =>
         parseObjectProperty(
+          null, // parentObject
           property,
           moduleName,
           types,
@@ -358,6 +357,7 @@ describe('parseObjectProperty', () => {
       );
       expect(() =>
         parseObjectProperty(
+          null, // parentObject
           property,
           moduleName,
           types,
@@ -716,7 +716,63 @@ describe('buildSchema', () => {
 
       expect(getConfigTypeSpy).toHaveBeenCalledTimes(1);
       expect(getConfigTypeSpy).toHaveBeenCalledWith(
-        parser.getAst(contents),
+        parser.getAst(contents, 'fileName'),
+        Visitor,
+      );
+      expect(schema).toEqual({
+        modules: {
+          Module: {
+            type: 'Component',
+            components: {
+              Module: {
+                extendsProps: [
+                  {
+                    type: 'ReactNativeBuiltInType',
+                    knownTypeName: 'ReactNativeCoreViewProps',
+                  },
+                ],
+                events: [],
+                props: [],
+                commands: [],
+              },
+            },
+          },
+        },
+      });
+    });
+  });
+
+  describe('when there is a codegenNativeComponent, using `as`', () => {
+    const contents = `
+      import type {ViewProps} from 'ViewPropTypes';
+      import type {HostComponent} from 'react-native';
+
+      const codegenNativeComponent = require('codegenNativeComponent');
+
+      export type ModuleProps = $ReadOnly<{|
+        ...ViewProps,
+      |}>;
+
+      export default codegenNativeComponent<ModuleProps>(
+        'Module',
+      ) as HostComponent<ModuleProps>;
+    `;
+
+    it('returns a module with good properties', () => {
+      const schema = buildSchema(
+        contents,
+        'fileName',
+        wrapComponentSchema,
+        buildComponentSchema,
+        buildModuleSchema,
+        Visitor,
+        flowParser,
+        flowTranslateTypeAnnotation,
+      );
+
+      expect(getConfigTypeSpy).toHaveBeenCalledTimes(1);
+      expect(getConfigTypeSpy).toHaveBeenCalledWith(
+        parser.getAst(contents, 'fileName'),
         Visitor,
       );
       expect(schema).toEqual({
@@ -770,7 +826,7 @@ describe('buildSchema', () => {
 
       expect(getConfigTypeSpy).toHaveBeenCalledTimes(1);
       expect(getConfigTypeSpy).toHaveBeenCalledWith(
-        parser.getAst(contents),
+        parser.getAst(contents, 'fileName'),
         Visitor,
       );
       expect(schema).toEqual({
@@ -1085,7 +1141,7 @@ describe('buildModuleSchema', () => {
       const contents = `
       import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
         import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
-    
+
         export interface Spec extends TurboModule {
           +getBool: (arg: boolean) => boolean;      }
         export interface SpecOther extends TurboModule {
@@ -1135,11 +1191,11 @@ describe('buildModuleSchema', () => {
       const contents = `
       import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
         import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
-  
+
         export interface MisnamedSpec extends TurboModule {
           +getArray: (a: Array<any>) => Array<string>;
         }
-  
+
         export default (TurboModuleRegistry.getEnforcing<Spec>(
           'SampleTurboModule',
         ): Spec);
diff --git a/packages/react-native-codegen/src/parsers/__tests__/parsers-primitives-test.js b/packages/react-native-codegen/src/parsers/__tests__/parsers-primitives-test.js
index 770f78a04b3359..02aa6b3a535f7c 100644
--- a/packages/react-native-codegen/src/parsers/__tests__/parsers-primitives-test.js
+++ b/packages/react-native-codegen/src/parsers/__tests__/parsers-primitives-test.js
@@ -17,40 +17,40 @@ import type {
   UnionTypeAnnotationMemberType,
 } from '../../CodegenSchema';
 
+const {UnsupportedUnionTypeAnnotationParserError} = require('../errors');
+const {extractArrayElementType} = require('../flow/components/events');
+const {FlowParser} = require('../flow/parser');
+const {MockedParser} = require('../parserMock');
+const {emitUnion} = require('../parsers-primitives');
 const {
+  Visitor,
   emitArrayType,
   emitBoolean,
   emitBoolProp,
+  emitCommonTypes,
   emitDouble,
   emitDoubleProp,
   emitFloat,
   emitFloatProp,
-  emitNumber,
+  emitGenericObject,
   emitInt32,
   emitInt32Prop,
-  emitGenericObject,
+  emitMixed,
+  emitNumber,
   emitObject,
+  emitObjectProp,
+  emitPartial,
   emitPromise,
   emitRootTag,
-  emitVoid,
   emitString,
   emitStringish,
-  emitMixed,
-  emitPartial,
-  emitCommonTypes,
-  typeAliasResolution,
-  typeEnumResolution,
-  Visitor,
   emitStringProp,
-  emitObjectProp,
   emitUnionProp,
+  emitVoid,
+  typeAliasResolution,
+  typeEnumResolution,
 } = require('../parsers-primitives.js');
-const {MockedParser} = require('../parserMock');
-const {emitUnion} = require('../parsers-primitives');
-const {UnsupportedUnionTypeAnnotationParserError} = require('../errors');
-const {FlowParser} = require('../flow/parser');
 const {TypeScriptParser} = require('../typescript/parser');
-const {extractArrayElementType} = require('../flow/components/events');
 
 const parser = new MockedParser();
 const flowParser = new FlowParser();
diff --git a/packages/react-native-codegen/src/parsers/__tests__/parsers-test.js b/packages/react-native-codegen/src/parsers/__tests__/parsers-test.js
index 32eef3dcf5caae..41014b875069c1 100644
--- a/packages/react-native-codegen/src/parsers/__tests__/parsers-test.js
+++ b/packages/react-native-codegen/src/parsers/__tests__/parsers-test.js
@@ -11,13 +11,13 @@
 
 'use-strict';
 
+import {FlowParser} from '../flow/parser';
+import {TypeScriptParser} from '../typescript/parser';
+
 const {
   UnsupportedObjectPropertyTypeAnnotationParserError,
 } = require('../errors');
 
-import {TypeScriptParser} from '../typescript/parser';
-import {FlowParser} from '../flow/parser';
-
 const hasteModuleName = 'moduleName';
 describe('FlowParser', () => {
   const parser = new FlowParser();
diff --git a/packages/react-native-codegen/src/parsers/__tests__/utils-test.js b/packages/react-native-codegen/src/parsers/__tests__/utils-test.js
index 65b681bc736f1f..31b396be361010 100644
--- a/packages/react-native-codegen/src/parsers/__tests__/utils-test.js
+++ b/packages/react-native-codegen/src/parsers/__tests__/utils-test.js
@@ -11,13 +11,13 @@
 
 'use strict';
 
+const {ParserError} = require('../errors');
 const {
-  extractNativeModuleName,
   createParserErrorCapturer,
+  extractNativeModuleName,
   verifyPlatforms,
   visit,
 } = require('../utils.js');
-const {ParserError} = require('../errors');
 
 beforeEach(() => {
   jest.clearAllMocks();
diff --git a/packages/react-native-codegen/src/parsers/consistency/__tests__/checkComponentSnaps-test.js b/packages/react-native-codegen/src/parsers/consistency/__tests__/checkComponentSnaps-test.js
index b06dd17789c9a9..907de44d7d3a35 100644
--- a/packages/react-native-codegen/src/parsers/consistency/__tests__/checkComponentSnaps-test.js
+++ b/packages/react-native-codegen/src/parsers/consistency/__tests__/checkComponentSnaps-test.js
@@ -10,13 +10,13 @@
 
 'use strict';
 
+const flowSnaps = require('../../../../src/parsers/flow/components/__tests__/__snapshots__/component-parser-test.js.snap');
+const tsSnaps = require('../../../../src/parsers/typescript/components/__tests__/__snapshots__/typescript-component-parser-test.js.snap');
+const flowFixtures = require('../../flow/components/__test_fixtures__/fixtures.js');
+const tsFixtures = require('../../typescript/components/__test_fixtures__/fixtures.js');
 const {compareSnaps, compareTsArraySnaps} = require('../compareSnaps.js');
 
-const flowFixtures = require('../../flow/components/__test_fixtures__/fixtures.js');
-const flowSnaps = require('../../../../src/parsers/flow/components/__tests__/__snapshots__/component-parser-test.js.snap');
 const flowExtraCases = [];
-const tsFixtures = require('../../typescript/components/__test_fixtures__/fixtures.js');
-const tsSnaps = require('../../../../src/parsers/typescript/components/__tests__/__snapshots__/typescript-component-parser-test.js.snap');
 const tsExtraCases = [
   'ARRAY2_PROP_TYPES_NO_EVENTS',
   'PROPS_AND_EVENTS_WITH_INTERFACES',
diff --git a/packages/react-native-codegen/src/parsers/consistency/__tests__/checkModuleSnaps-test.js b/packages/react-native-codegen/src/parsers/consistency/__tests__/checkModuleSnaps-test.js
index 1e1fe3909c103f..846598b467990c 100644
--- a/packages/react-native-codegen/src/parsers/consistency/__tests__/checkModuleSnaps-test.js
+++ b/packages/react-native-codegen/src/parsers/consistency/__tests__/checkModuleSnaps-test.js
@@ -10,13 +10,13 @@
 
 'use strict';
 
+const flowSnaps = require('../../../../src/parsers/flow/modules/__tests__/__snapshots__/module-parser-snapshot-test.js.snap');
+const tsSnaps = require('../../../../src/parsers/typescript/modules/__tests__/__snapshots__/typescript-module-parser-snapshot-test.js.snap');
+const flowFixtures = require('../../flow/modules/__test_fixtures__/fixtures.js');
+const tsFixtures = require('../../typescript/modules/__test_fixtures__/fixtures.js');
 const {compareSnaps, compareTsArraySnaps} = require('../compareSnaps.js');
 
-const flowFixtures = require('../../flow/modules/__test_fixtures__/fixtures.js');
-const flowSnaps = require('../../../../src/parsers/flow/modules/__tests__/__snapshots__/module-parser-snapshot-test.js.snap');
 const flowExtraCases = ['PROMISE_WITH_COMMONLY_USED_TYPES'];
-const tsFixtures = require('../../typescript/modules/__test_fixtures__/fixtures.js');
-const tsSnaps = require('../../../../src/parsers/typescript/modules/__tests__/__snapshots__/typescript-module-parser-snapshot-test.js.snap');
 const tsExtraCases = [
   'NATIVE_MODULE_WITH_ARRAY2_WITH_ALIAS',
   'NATIVE_MODULE_WITH_ARRAY2_WITH_UNION_AND_TOUPLE',
diff --git a/packages/react-native-codegen/src/parsers/error-utils.js b/packages/react-native-codegen/src/parsers/error-utils.js
index 1fedbe2529919a..eb11370bd00415 100644
--- a/packages/react-native-codegen/src/parsers/error-utils.js
+++ b/packages/react-native-codegen/src/parsers/error-utils.js
@@ -11,25 +11,25 @@
 'use strict';
 
 import type {NativeModuleTypeAnnotation} from '../CodegenSchema';
+import type {TypeDeclarationMap} from '../parsers/utils';
 import type {ParserType} from './errors';
 import type {Parser} from './parser';
-import type {TypeDeclarationMap} from '../parsers/utils';
 
 const {
+  IncorrectModuleRegistryCallArgumentTypeParserError,
+  IncorrectModuleRegistryCallArityParserError,
+  IncorrectModuleRegistryCallTypeParameterParserError,
   MisnamedModuleInterfaceParserError,
-  UnsupportedFunctionReturnTypeAnnotationParserError,
   ModuleInterfaceNotFoundParserError,
+  MoreThanOneModuleInterfaceParserError,
   MoreThanOneModuleRegistryCallsParserError,
-  UnusedModuleInterfaceParserError,
-  IncorrectModuleRegistryCallArityParserError,
-  IncorrectModuleRegistryCallTypeParameterParserError,
-  IncorrectModuleRegistryCallArgumentTypeParserError,
+  UnsupportedArrayElementTypeAnnotationParserError,
+  UnsupportedFunctionParamTypeAnnotationParserError,
+  UnsupportedFunctionReturnTypeAnnotationParserError,
+  UnsupportedModulePropertyParserError,
   UnsupportedObjectPropertyValueTypeAnnotationParserError,
   UntypedModuleRegistryCallParserError,
-  UnsupportedModulePropertyParserError,
-  MoreThanOneModuleInterfaceParserError,
-  UnsupportedFunctionParamTypeAnnotationParserError,
-  UnsupportedArrayElementTypeAnnotationParserError,
+  UnusedModuleInterfaceParserError,
 } = require('./errors');
 
 function throwIfModuleInterfaceIsMisnamed(
diff --git a/packages/react-native-codegen/src/parsers/errors.js b/packages/react-native-codegen/src/parsers/errors.js
index b0e42ecad9555e..6a13264b2c8059 100644
--- a/packages/react-native-codegen/src/parsers/errors.js
+++ b/packages/react-native-codegen/src/parsers/errors.js
@@ -11,7 +11,6 @@
 'use strict';
 
 import type {UnionTypeAnnotationMemberType} from '../CodegenSchema';
-
 import type {Parser} from './parser';
 export type ParserType = 'Flow' | 'TypeScript';
 
@@ -218,6 +217,20 @@ class UnsupportedObjectPropertyValueTypeAnnotationParserError extends ParserErro
   }
 }
 
+class UnsupportedObjectDirectRecursivePropertyParserError extends ParserError {
+  constructor(
+    propertyName: string,
+    propertyValueAST: $FlowFixMe,
+    nativeModuleName: string,
+  ) {
+    super(
+      nativeModuleName,
+      propertyValueAST,
+      `Object property '${propertyName}' is direct recursive and must be nullable.`,
+    );
+  }
+}
+
 /**
  * Function parsing errors
  */
@@ -406,6 +419,7 @@ module.exports = {
   UnsupportedModulePropertyParserError,
   UnsupportedObjectPropertyTypeAnnotationParserError,
   UnsupportedObjectPropertyValueTypeAnnotationParserError,
+  UnsupportedObjectDirectRecursivePropertyParserError,
   UnusedModuleInterfaceParserError,
   MoreThanOneModuleRegistryCallsParserError,
   UntypedModuleRegistryCallParserError,
diff --git a/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/fixtures.js b/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/fixtures.js
index 64cefa676f6bf9..7b93444feca642 100644
--- a/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/fixtures.js
+++ b/packages/react-native-codegen/src/parsers/flow/components/__test_fixtures__/fixtures.js
@@ -1001,10 +1001,16 @@ export type ScrollTo = (
 
 interface NativeCommands {
   +scrollTo: ScrollTo;
+  +addOverlays: (
+    viewRef: React.ElementRef<NativeType>,
+    overlayColorsReadOnly: $ReadOnlyArray<string>,
+    overlayColorsArray: Array<string>,
+    overlayColorsArrayAnnotation: string[],
+  ) => void;
 }
 
 export const Commands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['scrollTo'],
+  supportedCommands: ['scrollTo', 'addOverlays'],
 });
 
 export default (codegenNativeComponent<ModuleProps>(
diff --git a/packages/react-native-codegen/src/parsers/flow/components/__tests__/__snapshots__/component-parser-test.js.snap b/packages/react-native-codegen/src/parsers/flow/components/__tests__/__snapshots__/component-parser-test.js.snap
index dbcae681e81b9a..c99cf8de162999 100644
--- a/packages/react-native-codegen/src/parsers/flow/components/__tests__/__snapshots__/component-parser-test.js.snap
+++ b/packages/react-native-codegen/src/parsers/flow/components/__tests__/__snapshots__/component-parser-test.js.snap
@@ -4598,6 +4598,48 @@ exports[`RN Codegen Flow Parser can generate fixture COMMANDS_WITH_EXTERNAL_TYPE
                   'type': 'VoidTypeAnnotation'
                 }
               }
+            },
+            {
+              'name': 'addOverlays',
+              'optional': false,
+              'typeAnnotation': {
+                'type': 'FunctionTypeAnnotation',
+                'params': [
+                  {
+                    'name': 'overlayColorsReadOnly',
+                    'optional': false,
+                    'typeAnnotation': {
+                      'type': 'ArrayTypeAnnotation',
+                      'elementType': {
+                        'type': 'StringTypeAnnotation'
+                      }
+                    }
+                  },
+                  {
+                    'name': 'overlayColorsArray',
+                    'optional': false,
+                    'typeAnnotation': {
+                      'type': 'ArrayTypeAnnotation',
+                      'elementType': {
+                        'type': 'StringTypeAnnotation'
+                      }
+                    }
+                  },
+                  {
+                    'name': 'overlayColorsArrayAnnotation',
+                    'optional': false,
+                    'typeAnnotation': {
+                      'type': 'ArrayTypeAnnotation',
+                      'elementType': {
+                        'type': 'StringTypeAnnotation'
+                      }
+                    }
+                  }
+                ],
+                'returnTypeAnnotation': {
+                  'type': 'VoidTypeAnnotation'
+                }
+              }
             }
           ]
         }
diff --git a/packages/react-native-codegen/src/parsers/flow/components/__tests__/component-parser-test.js b/packages/react-native-codegen/src/parsers/flow/components/__tests__/component-parser-test.js
index e01d1ade6e1f42..50f0dfdc5567b0 100644
--- a/packages/react-native-codegen/src/parsers/flow/components/__tests__/component-parser-test.js
+++ b/packages/react-native-codegen/src/parsers/flow/components/__tests__/component-parser-test.js
@@ -11,9 +11,9 @@
 
 'use strict';
 
-const {FlowParser} = require('../../parser');
-const fixtures = require('../__test_fixtures__/fixtures.js');
 const failureFixtures = require('../__test_fixtures__/failures.js');
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const {FlowParser} = require('../../parser');
 jest.mock('fs', () => ({
   readFileSync: filename => {
     // Jest in the OSS does not allow to capture variables in closures.
diff --git a/packages/react-native-codegen/src/parsers/flow/components/commands.js b/packages/react-native-codegen/src/parsers/flow/components/commands.js
index bf789178d996d1..c8ce0b157cbc5a 100644
--- a/packages/react-native-codegen/src/parsers/flow/components/commands.js
+++ b/packages/react-native-codegen/src/parsers/flow/components/commands.js
@@ -11,8 +11,9 @@
 'use strict';
 
 import type {
-  NamedShape,
+  CommandParamTypeAnnotation,
   CommandTypeAnnotation,
+  NamedShape,
 } from '../../../CodegenSchema.js';
 import type {TypeDeclarationMap} from '../../utils';
 
@@ -21,7 +22,24 @@ const {getValueFromTypes} = require('../utils.js');
 // $FlowFixMe[unclear-type] there's no flowtype for ASTs
 type EventTypeAST = Object;
 
-function buildCommandSchema(property: EventTypeAST, types: TypeDeclarationMap) {
+function buildCommandSchema(
+  property: EventTypeAST,
+  types: TypeDeclarationMap,
+): $ReadOnly<{
+  name: string,
+  optional: boolean,
+  typeAnnotation: {
+    type: 'FunctionTypeAnnotation',
+    params: $ReadOnlyArray<{
+      name: string,
+      optional: boolean,
+      typeAnnotation: CommandParamTypeAnnotation,
+    }>,
+    returnTypeAnnotation: {
+      type: 'VoidTypeAnnotation',
+    },
+  },
+}> {
   const name = property.key.name;
   const optional = property.optional;
   const value = getValueFromTypes(property.value, types);
@@ -48,7 +66,7 @@ function buildCommandSchema(property: EventTypeAST, types: TypeDeclarationMap) {
       paramValue.type === 'GenericTypeAnnotation'
         ? paramValue.id.name
         : paramValue.type;
-    let returnType;
+    let returnType: CommandParamTypeAnnotation;
 
     switch (type) {
       case 'RootTag':
@@ -82,6 +100,30 @@ function buildCommandSchema(property: EventTypeAST, types: TypeDeclarationMap) {
           type: 'StringTypeAnnotation',
         };
         break;
+      case 'Array':
+      case '$ReadOnlyArray':
+        if (!paramValue.type === 'GenericTypeAnnotation') {
+          throw new Error(
+            'Array and $ReadOnlyArray are GenericTypeAnnotation for array',
+          );
+        }
+        returnType = {
+          type: 'ArrayTypeAnnotation',
+          elementType: {
+            // TODO: T172453752 support complex type annotation for array element
+            type: paramValue.typeParameters.params[0].type,
+          },
+        };
+        break;
+      case 'ArrayTypeAnnotation':
+        returnType = {
+          type: 'ArrayTypeAnnotation',
+          elementType: {
+            // TODO: T172453752 support complex type annotation for array element
+            type: paramValue.elementType.type,
+          },
+        };
+        break;
       default:
         (type: empty);
         throw new Error(
diff --git a/packages/react-native-codegen/src/parsers/flow/components/componentsUtils.js b/packages/react-native-codegen/src/parsers/flow/components/componentsUtils.js
index e827bcecbbd7f5..4d6ab405eb8fc0 100644
--- a/packages/react-native-codegen/src/parsers/flow/components/componentsUtils.js
+++ b/packages/react-native-codegen/src/parsers/flow/components/componentsUtils.js
@@ -10,10 +10,11 @@
 
 'use strict';
 
-const {getValueFromTypes} = require('../utils.js');
-const {verifyPropNotAlreadyDefined} = require('../../parsers-commons');
-import type {TypeDeclarationMap, PropAST, ASTNode} from '../../utils';
 import type {BuildSchemaFN, Parser} from '../../parser';
+import type {ASTNode, PropAST, TypeDeclarationMap} from '../../utils';
+
+const {verifyPropNotAlreadyDefined} = require('../../parsers-commons');
+const {getValueFromTypes} = require('../utils.js');
 
 // $FlowFixMe[unsupported-variance-annotation]
 function getTypeAnnotationForArray<+T>(
diff --git a/packages/react-native-codegen/src/parsers/flow/components/events.js b/packages/react-native-codegen/src/parsers/flow/components/events.js
index 17b3c933b326b7..940706e086c3d2 100644
--- a/packages/react-native-codegen/src/parsers/flow/components/events.js
+++ b/packages/react-native-codegen/src/parsers/flow/components/events.js
@@ -11,32 +11,32 @@
 'use strict';
 
 import type {
+  EventTypeAnnotation,
   EventTypeShape,
   NamedShape,
-  EventTypeAnnotation,
 } from '../../../CodegenSchema.js';
 import type {Parser} from '../../parser';
 import type {EventArgumentReturnType} from '../../parsers-commons';
 
 const {
-  throwIfEventHasNoName,
-  throwIfBubblingTypeIsNull,
   throwIfArgumentPropsAreNull,
+  throwIfBubblingTypeIsNull,
+  throwIfEventHasNoName,
 } = require('../../error-utils');
 const {
-  getEventArgument,
   buildPropertiesForEvent,
-  handleEventHandler,
   emitBuildEventSchema,
+  getEventArgument,
+  handleEventHandler,
 } = require('../../parsers-commons');
 const {
   emitBoolProp,
   emitDoubleProp,
   emitFloatProp,
-  emitMixedProp,
-  emitStringProp,
   emitInt32Prop,
+  emitMixedProp,
   emitObjectProp,
+  emitStringProp,
   emitUnionProp,
 } = require('../../parsers-primitives');
 
diff --git a/packages/react-native-codegen/src/parsers/flow/components/index.js b/packages/react-native-codegen/src/parsers/flow/components/index.js
index 9b7acbba20824b..0cae27b0607946 100644
--- a/packages/react-native-codegen/src/parsers/flow/components/index.js
+++ b/packages/react-native-codegen/src/parsers/flow/components/index.js
@@ -12,13 +12,13 @@
 import type {Parser} from '../../parser';
 import type {ComponentSchemaBuilderConfig} from '../../schema.js';
 
-const {getCommands} = require('./commands');
-const {getEvents} = require('./events');
 const {
-  getOptions,
   findComponentConfig,
   getCommandProperties,
+  getOptions,
 } = require('../../parsers-commons');
+const {getCommands} = require('./commands');
+const {getEvents} = require('./events');
 
 // $FlowFixMe[signature-verification-failure] there's no flowtype for AST
 function buildComponentSchema(
diff --git a/packages/react-native-codegen/src/parsers/flow/modules/__test_fixtures__/fixtures.js b/packages/react-native-codegen/src/parsers/flow/modules/__test_fixtures__/fixtures.js
index a7a81e017831bc..c661f988517c60 100644
--- a/packages/react-native-codegen/src/parsers/flow/modules/__test_fixtures__/fixtures.js
+++ b/packages/react-native-codegen/src/parsers/flow/modules/__test_fixtures__/fixtures.js
@@ -731,10 +731,23 @@ export enum StringOptions {
   Three = 'three',
 }
 
+export type BinaryTreeNode = {
+  left?: BinaryTreeNode,
+  value: number,
+  right?: BinaryTreeNode,
+};
+
+export type GraphNode = {
+  label: string,
+  neighbors?: Array<GraphNode>,
+};
+
 export interface Spec extends TurboModule {
   +getCallback: () => () => void;
   +getMixed: (arg: mixed) => mixed;
   +getEnums: (quality: Quality, resolution?: Resolution, floppy: Floppy, stringOptions: StringOptions) => string;
+  +getBinaryTreeNode: (arg: BinaryTreeNode) => BinaryTreeNode;
+  +getGraphNode: (arg: GraphNode) => GraphNode;
   +getMap: (arg: {[a: string]: ?number}) => {[b: string]: ?number};
   +getAnotherMap: (arg: {[string]: string}) => {[string]: string};
   +getUnion: (chooseInt: ChooseInt, chooseFloat: ChooseFloat, chooseObject: ChooseObject, chooseString: ChooseString) => ChooseObject;
diff --git a/packages/react-native-codegen/src/parsers/flow/modules/__tests__/__snapshots__/module-parser-snapshot-test.js.snap b/packages/react-native-codegen/src/parsers/flow/modules/__tests__/__snapshots__/module-parser-snapshot-test.js.snap
index 00d66fd81de929..64e6ed07e66b71 100644
--- a/packages/react-native-codegen/src/parsers/flow/modules/__tests__/__snapshots__/module-parser-snapshot-test.js.snap
+++ b/packages/react-native-codegen/src/parsers/flow/modules/__tests__/__snapshots__/module-parser-snapshot-test.js.snap
@@ -2,7 +2,14 @@
 
 exports[`RN Codegen Flow Parser Fails with error message EMPTY_ENUM_NATIVE_MODULE 1`] = `"Module NativeSampleTurboModule: Failed parsing the enum SomeEnum in NativeSampleTurboModule with the error: Enums should have at least one member and member values can not be mixed- they all must be either blank, number, or string values."`;
 
-exports[`RN Codegen Flow Parser Fails with error message MIXED_VALUES_ENUM_NATIVE_MODULE 1`] = `"Module NativeSampleTurboModule: Failed parsing the enum SomeEnum in NativeSampleTurboModule with the error: Enums should have at least one member and member values can not be mixed- they all must be either blank, number, or string values."`;
+exports[`RN Codegen Flow Parser Fails with error message MIXED_VALUES_ENUM_NATIVE_MODULE 1`] = `
+"Syntax error in path/NativeSampleTurboModule.js: cannot use string initializer in number enum (19:2)
+  STR = 'str',
+  ^~~~~~~~~~~
+note: start of enum body (17:21)
+export enum SomeEnum {
+                     ^"
+`;
 
 exports[`RN Codegen Flow Parser Fails with error message NATIVE_MODULES_WITH_ARRAY_WITH_NO_TYPE_FOR_CONTENT 1`] = `"Module NativeSampleTurboModule: Generic 'Array' must have type parameters."`;
 
@@ -44,7 +51,59 @@ exports[`RN Codegen Flow Parser can generate fixture CXX_ONLY_NATIVE_MODULE 1`]
   'modules': {
     'NativeSampleTurboModule': {
       'type': 'NativeModule',
-      'aliasMap': {},
+      'aliasMap': {
+        'BinaryTreeNode': {
+          'type': 'ObjectTypeAnnotation',
+          'properties': [
+            {
+              'name': 'left',
+              'optional': true,
+              'typeAnnotation': {
+                'type': 'TypeAliasTypeAnnotation',
+                'name': 'BinaryTreeNode'
+              }
+            },
+            {
+              'name': 'value',
+              'optional': false,
+              'typeAnnotation': {
+                'type': 'NumberTypeAnnotation'
+              }
+            },
+            {
+              'name': 'right',
+              'optional': true,
+              'typeAnnotation': {
+                'type': 'TypeAliasTypeAnnotation',
+                'name': 'BinaryTreeNode'
+              }
+            }
+          ]
+        },
+        'GraphNode': {
+          'type': 'ObjectTypeAnnotation',
+          'properties': [
+            {
+              'name': 'label',
+              'optional': false,
+              'typeAnnotation': {
+                'type': 'StringTypeAnnotation'
+              }
+            },
+            {
+              'name': 'neighbors',
+              'optional': true,
+              'typeAnnotation': {
+                'type': 'ArrayTypeAnnotation',
+                'elementType': {
+                  'type': 'TypeAliasTypeAnnotation',
+                  'name': 'GraphNode'
+                }
+              }
+            }
+          ]
+        }
+      },
       'enumMap': {
         'Quality': {
           'name': 'Quality',
@@ -195,6 +254,48 @@ exports[`RN Codegen Flow Parser can generate fixture CXX_ONLY_NATIVE_MODULE 1`]
               ]
             }
           },
+          {
+            'name': 'getBinaryTreeNode',
+            'optional': false,
+            'typeAnnotation': {
+              'type': 'FunctionTypeAnnotation',
+              'returnTypeAnnotation': {
+                'type': 'TypeAliasTypeAnnotation',
+                'name': 'BinaryTreeNode'
+              },
+              'params': [
+                {
+                  'name': 'arg',
+                  'optional': false,
+                  'typeAnnotation': {
+                    'type': 'TypeAliasTypeAnnotation',
+                    'name': 'BinaryTreeNode'
+                  }
+                }
+              ]
+            }
+          },
+          {
+            'name': 'getGraphNode',
+            'optional': false,
+            'typeAnnotation': {
+              'type': 'FunctionTypeAnnotation',
+              'returnTypeAnnotation': {
+                'type': 'TypeAliasTypeAnnotation',
+                'name': 'GraphNode'
+              },
+              'params': [
+                {
+                  'name': 'arg',
+                  'optional': false,
+                  'typeAnnotation': {
+                    'type': 'TypeAliasTypeAnnotation',
+                    'name': 'GraphNode'
+                  }
+                }
+              ]
+            }
+          },
           {
             'name': 'getMap',
             'optional': false,
diff --git a/packages/react-native-codegen/src/parsers/flow/modules/__tests__/module-parser-e2e-test.js b/packages/react-native-codegen/src/parsers/flow/modules/__tests__/module-parser-e2e-test.js
index 6cda41648a0013..e66808ba6a2b88 100644
--- a/packages/react-native-codegen/src/parsers/flow/modules/__tests__/module-parser-e2e-test.js
+++ b/packages/react-native-codegen/src/parsers/flow/modules/__tests__/module-parser-e2e-test.js
@@ -9,22 +9,21 @@
  */
 
 import type {
-  NativeModuleReturnTypeAnnotation,
   NativeModuleBaseTypeAnnotation,
-  NativeModuleSchema,
   NativeModuleParamTypeAnnotation,
+  NativeModuleReturnTypeAnnotation,
+  NativeModuleSchema,
 } from '../../../../CodegenSchema';
 
-const invariant = require('invariant');
-
-const {unwrapNullable} = require('../../../parsers-commons');
 const {
+  MissingTypeParameterGenericParserError,
+  UnnamedFunctionParamParserError,
   UnsupportedGenericParserError,
   UnsupportedTypeAnnotationParserError,
-  UnnamedFunctionParamParserError,
-  MissingTypeParameterGenericParserError,
 } = require('../../../errors');
+const {unwrapNullable} = require('../../../parsers-commons');
 const {FlowParser} = require('../../parser');
+const invariant = require('invariant');
 
 const flowParser = new FlowParser();
 
@@ -85,7 +84,7 @@ describe('Flow Module Parser', () => {
           import type {TurboModule} from 'RCTExport';
           import * as TurboModuleRegistry from 'TurboModuleRegistry';
           export interface Spec extends TurboModule {
-            +useArg(arg: any): void;
+            useArg(arg: any): void;
           }
           export default TurboModuleRegistry.get<Spec>('Foo');
         `);
@@ -99,7 +98,7 @@ describe('Flow Module Parser', () => {
           import type {TurboModule} from 'RCTExport';
           import * as TurboModuleRegistry from 'TurboModuleRegistry';
           export interface Spec extends TurboModule {
-            +useArg(boolean): void;
+            useArg(boolean): void;
           }
           export default TurboModuleRegistry.get<Spec>('Foo');
         `);
@@ -146,7 +145,7 @@ describe('Flow Module Parser', () => {
           ${TYPE_ALIAS_DECLARATIONS}
 
           export interface Spec extends TurboModule {
-            +useArg(${annotateArg(paramName, paramType)}): void;
+            useArg(${annotateArg(paramName, paramType)}): void;
           }
           export default TurboModuleRegistry.get<Spec>('Foo');
         `);
@@ -357,7 +356,7 @@ describe('Flow Module Parser', () => {
               type AnimalPointer = Animal;
 
               export interface Spec extends TurboModule {
-                +useArg(${annotateArg('arg', 'AnimalPointer')}): void;
+                useArg(${annotateArg('arg', 'AnimalPointer')}): void;
               }
               export default TurboModuleRegistry.get<Spec>('Foo');
             `);
@@ -694,7 +693,7 @@ describe('Flow Module Parser', () => {
         import type {TurboModule} from 'RCTExport';
         import * as TurboModuleRegistry from 'TurboModuleRegistry';
         export interface Spec extends TurboModule {
-          +useArg(): void;
+          useArg(): void;
         }
         export default TurboModuleRegistry.get<Spec>('Foo');
       `);
@@ -728,7 +727,7 @@ describe('Flow Module Parser', () => {
           ${TYPE_ALIAS_DECLARATIONS}
 
           export interface Spec extends TurboModule {
-            +useArg(): ${annotateRet(flowType)};
+            useArg(): ${annotateRet(flowType)};
           }
           export default TurboModuleRegistry.get<Spec>('Foo');
         `);
diff --git a/packages/react-native-codegen/src/parsers/flow/modules/__tests__/module-parser-snapshot-test.js b/packages/react-native-codegen/src/parsers/flow/modules/__tests__/module-parser-snapshot-test.js
index ec20817c2bfba2..0fb4e8a15e6ce0 100644
--- a/packages/react-native-codegen/src/parsers/flow/modules/__tests__/module-parser-snapshot-test.js
+++ b/packages/react-native-codegen/src/parsers/flow/modules/__tests__/module-parser-snapshot-test.js
@@ -11,10 +11,9 @@
 
 'use strict';
 
-const {FlowParser} = require('../../parser');
-
-const fixtures = require('../__test_fixtures__/fixtures.js');
 const failureFixtures = require('../__test_fixtures__/failures.js');
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const {FlowParser} = require('../../parser');
 
 const flowParser = new FlowParser();
 
diff --git a/packages/react-native-codegen/src/parsers/flow/modules/index.js b/packages/react-native-codegen/src/parsers/flow/modules/index.js
index c50c45f2d69900..93e68955323960 100644
--- a/packages/react-native-codegen/src/parsers/flow/modules/index.js
+++ b/packages/react-native-codegen/src/parsers/flow/modules/index.js
@@ -13,38 +13,36 @@
 import type {
   NamedShape,
   NativeModuleAliasMap,
-  NativeModuleEnumMap,
   NativeModuleBaseTypeAnnotation,
+  NativeModuleEnumMap,
   NativeModuleTypeAnnotation,
   Nullable,
 } from '../../../CodegenSchema';
-
 import type {Parser} from '../../parser';
 import type {ParserErrorCapturer, TypeDeclarationMap} from '../../utils';
 
 const {
-  unwrapNullable,
-  wrapNullable,
+  UnsupportedGenericParserError,
+  UnsupportedTypeAnnotationParserError,
+} = require('../../errors');
+const {
   assertGenericTypeAnnotationHasExactlyOneTypeParameter,
   parseObjectProperty,
+  unwrapNullable,
+  wrapNullable,
 } = require('../../parsers-commons');
 const {
   emitArrayType,
-  emitFunction,
+  emitCommonTypes,
   emitDictionary,
+  emitFunction,
   emitPromise,
   emitRootTag,
   emitUnion,
-  emitCommonTypes,
   typeAliasResolution,
   typeEnumResolution,
 } = require('../../parsers-primitives');
 
-const {
-  UnsupportedTypeAnnotationParserError,
-  UnsupportedGenericParserError,
-} = require('../../errors');
-
 function translateTypeAnnotation(
   hasteModuleName: string,
   /**
@@ -178,6 +176,7 @@ function translateTypeAnnotation(
             property => {
               return tryParse(() => {
                 return parseObjectProperty(
+                  flowTypeAnnotation,
                   property,
                   hasteModuleName,
                   types,
diff --git a/packages/react-native-codegen/src/parsers/flow/parseFlowAndThrowErrors.js b/packages/react-native-codegen/src/parsers/flow/parseFlowAndThrowErrors.js
new file mode 100644
index 00000000000000..8ffb03422e4fc0
--- /dev/null
+++ b/packages/react-native-codegen/src/parsers/flow/parseFlowAndThrowErrors.js
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+'use strict';
+
+import type {Program as ESTreeProgram} from 'hermes-estree';
+
+const hermesParser = require('hermes-parser');
+
+function parseFlowAndThrowErrors(
+  code: string,
+  options: $ReadOnly<{filename?: ?string}> = {},
+): ESTreeProgram {
+  let ast;
+  try {
+    ast = hermesParser.parse(code, {
+      // Produce an ESTree-compliant AST
+      babel: false,
+      // Parse Flow without a pragma
+      flow: 'all',
+      ...(options.filename != null ? {sourceFilename: options.filename} : {}),
+    });
+  } catch (e) {
+    if (options.filename != null) {
+      e.message = `Syntax error in ${options.filename}: ${e.message}`;
+    }
+    throw e;
+  }
+  return ast;
+}
+
+module.exports = {
+  parseFlowAndThrowErrors,
+};
diff --git a/packages/react-native-codegen/src/parsers/flow/parser.js b/packages/react-native-codegen/src/parsers/flow/parser.js
index b0d1f2df2b50d8..91cac322b93b4e 100644
--- a/packages/react-native-codegen/src/parsers/flow/parser.js
+++ b/packages/react-native-codegen/src/parsers/flow/parser.js
@@ -11,17 +11,17 @@
 'use strict';
 
 import type {
-  UnionTypeAnnotationMemberType,
-  SchemaType,
+  ExtendsPropsShape,
   NamedShape,
-  Nullable,
-  NativeModuleParamTypeAnnotation,
-  NativeModuleEnumMemberType,
-  NativeModuleEnumMembers,
   NativeModuleAliasMap,
   NativeModuleEnumMap,
+  NativeModuleEnumMembers,
+  NativeModuleEnumMemberType,
+  NativeModuleParamTypeAnnotation,
+  Nullable,
   PropTypeAnnotation,
-  ExtendsPropsShape,
+  SchemaType,
+  UnionTypeAnnotationMemberType,
 } from '../../CodegenSchema';
 import type {ParserType} from '../errors';
 import type {
@@ -32,44 +32,37 @@ import type {
 } from '../parser';
 import type {
   ParserErrorCapturer,
-  TypeDeclarationMap,
   PropAST,
+  TypeDeclarationMap,
   TypeResolutionStatus,
 } from '../utils';
 
-type ExtendsForProp = null | {
-  type: 'ReactNativeBuiltInType',
-  knownTypeName: 'ReactNativeCoreViewProps',
-};
-
-const invariant = require('invariant');
-
 const {
-  getSchemaInfo,
-  getTypeAnnotation,
-  flattenProperties,
-} = require('./components/componentsUtils');
-
-const {flowTranslateTypeAnnotation} = require('./modules');
-
-// $FlowFixMe[untyped-import] there's no flowtype flow-parser
-const flowParser = require('flow-parser');
-
+  UnsupportedObjectPropertyTypeAnnotationParserError,
+} = require('../errors');
 const {
-  buildSchema,
-  buildPropSchema,
   buildModuleSchema,
+  buildPropSchema,
+  buildSchema,
   handleGenericTypeAnnotation,
 } = require('../parsers-commons');
 const {Visitor} = require('../parsers-primitives');
-const {buildComponentSchema} = require('./components');
 const {wrapComponentSchema} = require('../schema.js');
-
+const {buildComponentSchema} = require('./components');
+const {
+  flattenProperties,
+  getSchemaInfo,
+  getTypeAnnotation,
+} = require('./components/componentsUtils');
+const {flowTranslateTypeAnnotation} = require('./modules');
+const {parseFlowAndThrowErrors} = require('./parseFlowAndThrowErrors');
 const fs = require('fs');
+const invariant = require('invariant');
 
-const {
-  UnsupportedObjectPropertyTypeAnnotationParserError,
-} = require('../errors');
+type ExtendsForProp = null | {
+  type: 'ReactNativeBuiltInType',
+  knownTypeName: 'ReactNativeCoreViewProps',
+};
 
 class FlowParser implements Parser {
   typeParameterInstantiation: string = 'TypeParameterInstantiation';
@@ -149,10 +142,8 @@ class FlowParser implements Parser {
     return this.parseString(contents, 'path/NativeSampleTurboModule.js');
   }
 
-  getAst(contents: string): $FlowFixMe {
-    return flowParser.parse(contents, {
-      enums: true,
-    });
+  getAst(contents: string, filename?: ?string): $FlowFixMe {
+    return parseFlowAndThrowErrors(contents, {filename});
   }
 
   getFunctionTypeAnnotationParameters(
diff --git a/packages/react-native-codegen/src/parsers/flow/utils.js b/packages/react-native-codegen/src/parsers/flow/utils.js
index 73e71760df4423..02af5916606827 100644
--- a/packages/react-native-codegen/src/parsers/flow/utils.js
+++ b/packages/react-native-codegen/src/parsers/flow/utils.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {TypeDeclarationMap, ASTNode} from '../utils';
+import type {ASTNode, TypeDeclarationMap} from '../utils';
 
 function getValueFromTypes(value: ASTNode, types: TypeDeclarationMap): ASTNode {
   if (value.type === 'GenericTypeAnnotation' && types[value.id.name]) {
diff --git a/packages/react-native-codegen/src/parsers/parser.js b/packages/react-native-codegen/src/parsers/parser.js
index 7835107642da3e..4c0d0257ed54ac 100644
--- a/packages/react-native-codegen/src/parsers/parser.js
+++ b/packages/react-native-codegen/src/parsers/parser.js
@@ -11,24 +11,24 @@
 'use strict';
 
 import type {
-  UnionTypeAnnotationMemberType,
-  SchemaType,
+  ExtendsPropsShape,
   NamedShape,
-  Nullable,
-  NativeModuleParamTypeAnnotation,
-  NativeModuleEnumMemberType,
-  NativeModuleEnumMembers,
   NativeModuleAliasMap,
   NativeModuleEnumMap,
+  NativeModuleEnumMembers,
+  NativeModuleEnumMemberType,
+  NativeModuleParamTypeAnnotation,
+  Nullable,
   PropTypeAnnotation,
-  ExtendsPropsShape,
+  SchemaType,
+  UnionTypeAnnotationMemberType,
 } from '../CodegenSchema';
 import type {ParserType} from './errors';
 import type {
+  ASTNode,
   ParserErrorCapturer,
-  TypeDeclarationMap,
   PropAST,
-  ASTNode,
+  TypeDeclarationMap,
   TypeResolutionStatus,
 } from './utils';
 
@@ -169,9 +169,11 @@ export interface Parser {
   /**
    * Given the content of a file, it returns an AST.
    * @parameter contents: the content of the file.
+   * @parameter filename: the name of the file, if available.
+   * @throws if there is a syntax error.
    * @returns: the AST of the file.
    */
-  getAst(contents: string): $FlowFixMe;
+  getAst(contents: string, filename?: ?string): $FlowFixMe;
 
   /**
    * Given a FunctionTypeAnnotation, it returns an array of its parameters.
diff --git a/packages/react-native-codegen/src/parsers/parserMock.js b/packages/react-native-codegen/src/parsers/parserMock.js
index 1a775b3079cb23..7b0cc7ed53f093 100644
--- a/packages/react-native-codegen/src/parsers/parserMock.js
+++ b/packages/react-native-codegen/src/parsers/parserMock.js
@@ -11,46 +11,45 @@
 'use strict';
 
 import type {
-  GetSchemaInfoFN,
-  GetTypeAnnotationFN,
-  Parser,
-  ResolveTypeAnnotationFN,
-} from './parser';
-import type {ParserType} from './errors';
-type ExtendsForProp = null | {
-  type: 'ReactNativeBuiltInType',
-  knownTypeName: 'ReactNativeCoreViewProps',
-};
-import type {
-  UnionTypeAnnotationMemberType,
-  SchemaType,
+  ExtendsPropsShape,
   NamedShape,
-  Nullable,
-  NativeModuleParamTypeAnnotation,
-  NativeModuleEnumMemberType,
-  NativeModuleEnumMembers,
   NativeModuleAliasMap,
   NativeModuleEnumMap,
+  NativeModuleEnumMembers,
+  NativeModuleEnumMemberType,
+  NativeModuleParamTypeAnnotation,
+  Nullable,
   PropTypeAnnotation,
-  ExtendsPropsShape,
+  SchemaType,
+  UnionTypeAnnotationMemberType,
 } from '../CodegenSchema';
+import type {ParserType} from './errors';
+import type {
+  GetSchemaInfoFN,
+  GetTypeAnnotationFN,
+  Parser,
+  ResolveTypeAnnotationFN,
+} from './parser';
 import type {
   ParserErrorCapturer,
   PropAST,
   TypeDeclarationMap,
   TypeResolutionStatus,
 } from './utils';
-import invariant from 'invariant';
 
-const {flattenProperties} = require('./typescript/components/componentsUtils');
-
-const {buildPropSchema} = require('./parsers-commons');
+import invariant from 'invariant';
 
-// $FlowFixMe[untyped-import] there's no flowtype flow-parser
-const flowParser = require('flow-parser');
 const {
   UnsupportedObjectPropertyTypeAnnotationParserError,
 } = require('./errors');
+const {parseFlowAndThrowErrors} = require('./flow/parseFlowAndThrowErrors');
+const {buildPropSchema} = require('./parsers-commons');
+const {flattenProperties} = require('./typescript/components/componentsUtils');
+
+type ExtendsForProp = null | {
+  type: 'ReactNativeBuiltInType',
+  knownTypeName: 'ReactNativeCoreViewProps',
+};
 
 const schemaMock = {
   modules: {
@@ -122,10 +121,8 @@ export class MockedParser implements Parser {
     return schemaMock;
   }
 
-  getAst(contents: string): $FlowFixMe {
-    return flowParser.parse(contents, {
-      enums: true,
-    });
+  getAst(contents: string, filename?: ?string): $FlowFixMe {
+    return parseFlowAndThrowErrors(contents, {filename});
   }
 
   getFunctionTypeAnnotationParameters(
diff --git a/packages/react-native-codegen/src/parsers/parsers-commons.js b/packages/react-native-codegen/src/parsers/parsers-commons.js
index f2f5a3839d5518..81b7a446aa87cd 100644
--- a/packages/react-native-codegen/src/parsers/parsers-commons.js
+++ b/packages/react-native-codegen/src/parsers/parsers-commons.js
@@ -11,69 +11,66 @@
 'use strict';
 
 import type {
-  Nullable,
+  EventTypeAnnotation,
+  EventTypeShape,
   NamedShape,
   NativeModuleAliasMap,
   NativeModuleBaseTypeAnnotation,
-  NativeModuleSchema,
-  NativeModuleTypeAnnotation,
+  NativeModuleEnumMap,
   NativeModuleFunctionTypeAnnotation,
   NativeModuleParamTypeAnnotation,
   NativeModulePropertyShape,
-  SchemaType,
-  NativeModuleEnumMap,
+  NativeModuleSchema,
+  NativeModuleTypeAnnotation,
+  Nullable,
+  ObjectTypeAnnotation,
   OptionsShape,
   PropTypeAnnotation,
-  EventTypeAnnotation,
-  ObjectTypeAnnotation,
-  EventTypeShape,
+  SchemaType,
 } from '../CodegenSchema.js';
-
-import type {Parser} from './parser';
 import type {ParserType} from './errors';
+import type {Parser} from './parser';
+import type {ComponentSchemaBuilderConfig} from './schema.js';
 import type {
   ParserErrorCapturer,
-  TypeDeclarationMap,
   PropAST,
+  TypeDeclarationMap,
   TypeResolutionStatus,
 } from './utils';
-import type {ComponentSchemaBuilderConfig} from './schema.js';
-
-const {
-  getConfigType,
-  extractNativeModuleName,
-  createParserErrorCapturer,
-  visit,
-  isModuleRegistryCall,
-  verifyPlatforms,
-} = require('./utils');
 
 const {
-  throwIfPropertyValueTypeIsUnsupported,
-  throwIfUnsupportedFunctionParamTypeAnnotationParserError,
-  throwIfUnsupportedFunctionReturnTypeAnnotationParserError,
-  throwIfModuleTypeIsUnsupported,
-  throwIfUnusedModuleInterfaceParserError,
-  throwIfMoreThanOneModuleRegistryCalls,
-  throwIfWrongNumberOfCallExpressionArgs,
-  throwIfUntypedModule,
-  throwIfIncorrectModuleRegistryCallTypeParameterParserError,
+  throwIfConfigNotfound,
   throwIfIncorrectModuleRegistryCallArgument,
-  throwIfModuleInterfaceNotFound,
-  throwIfMoreThanOneModuleInterfaceParserError,
+  throwIfIncorrectModuleRegistryCallTypeParameterParserError,
   throwIfModuleInterfaceIsMisnamed,
+  throwIfModuleInterfaceNotFound,
+  throwIfModuleTypeIsUnsupported,
   throwIfMoreThanOneCodegenNativecommands,
-  throwIfConfigNotfound,
   throwIfMoreThanOneConfig,
+  throwIfMoreThanOneModuleInterfaceParserError,
+  throwIfMoreThanOneModuleRegistryCalls,
+  throwIfPropertyValueTypeIsUnsupported,
   throwIfTypeAliasIsNotInterface,
+  throwIfUnsupportedFunctionParamTypeAnnotationParserError,
+  throwIfUnsupportedFunctionReturnTypeAnnotationParserError,
+  throwIfUntypedModule,
+  throwIfUnusedModuleInterfaceParserError,
+  throwIfWrongNumberOfCallExpressionArgs,
 } = require('./error-utils');
-
 const {
   MissingTypeParameterGenericParserError,
   MoreThanOneTypeParameterGenericParserError,
   UnnamedFunctionParamParserError,
+  UnsupportedObjectDirectRecursivePropertyParserError,
 } = require('./errors');
-
+const {
+  createParserErrorCapturer,
+  extractNativeModuleName,
+  getConfigType,
+  isModuleRegistryCall,
+  verifyPlatforms,
+  visit,
+} = require('./utils');
 const invariant = require('invariant');
 
 export type CommandOptions = $ReadOnly<{
@@ -175,6 +172,7 @@ function isObjectProperty(property: $FlowFixMe, language: ParserType): boolean {
 }
 
 function parseObjectProperty(
+  parentObject?: $FlowFixMe,
   property: $FlowFixMe,
   hasteModuleName: string,
   types: TypeDeclarationMap,
@@ -195,6 +193,41 @@ function parseObjectProperty(
       ? property.typeAnnotation.typeAnnotation
       : property.value;
 
+  // Handle recursive types
+  if (parentObject) {
+    const propertyType = parser.getResolveTypeAnnotationFN()(
+      languageTypeAnnotation,
+      types,
+      parser,
+    );
+    if (
+      propertyType.typeResolutionStatus.successful === true &&
+      propertyType.typeResolutionStatus.type === 'alias' &&
+      (language === 'TypeScript'
+        ? parentObject.typeName &&
+          parentObject.typeName.name === languageTypeAnnotation.typeName?.name
+        : parentObject.id &&
+          parentObject.id.name === languageTypeAnnotation.id?.name)
+    ) {
+      if (!optional) {
+        throw new UnsupportedObjectDirectRecursivePropertyParserError(
+          name,
+          languageTypeAnnotation,
+          hasteModuleName,
+        );
+      }
+      return {
+        name,
+        optional,
+        typeAnnotation: {
+          type: 'TypeAliasTypeAnnotation',
+          name: propertyType.typeResolutionStatus.name,
+        },
+      };
+    }
+  }
+
+  // Handle non-recursive types
   const [propertyTypeAnnotation, isPropertyNullable] =
     unwrapNullable<$FlowFixMe>(
       translateTypeAnnotation(
@@ -210,7 +243,7 @@ function parseObjectProperty(
     );
 
   if (
-    propertyTypeAnnotation.type === 'FunctionTypeAnnotation' ||
+    (propertyTypeAnnotation.type === 'FunctionTypeAnnotation' && !cxxOnly) ||
     propertyTypeAnnotation.type === 'PromiseTypeAnnotation' ||
     propertyTypeAnnotation.type === 'VoidTypeAnnotation'
   ) {
@@ -484,7 +517,7 @@ function buildSchema(
     return {modules: {}};
   }
 
-  const ast = parser.getAst(contents);
+  const ast = parser.getAst(contents, filename);
   const configType = getConfigType(ast, Visitor);
 
   return buildSchemaFromConfigType(
@@ -707,6 +740,7 @@ function findNativeComponentType(
   // expression so we need to go one level deeper
   if (
     declaration.type === 'TSAsExpression' ||
+    declaration.type === 'AsExpression' ||
     declaration.type === 'TypeCastExpression'
   ) {
     declaration = declaration.expression;
diff --git a/packages/react-native-codegen/src/parsers/parsers-primitives.js b/packages/react-native-codegen/src/parsers/parsers-primitives.js
index e632570db09cec..dbc2c564cc4f88 100644
--- a/packages/react-native-codegen/src/parsers/parsers-primitives.js
+++ b/packages/react-native-codegen/src/parsers/parsers-primitives.js
@@ -11,57 +11,55 @@
 'use strict';
 
 import type {
-  Nullable,
   BooleanTypeAnnotation,
   DoubleTypeAnnotation,
   EventTypeAnnotation,
   Int32TypeAnnotation,
   NamedShape,
   NativeModuleAliasMap,
-  NativeModuleEnumMap,
   NativeModuleBaseTypeAnnotation,
-  NativeModuleTypeAnnotation,
+  NativeModuleEnumDeclaration,
+  NativeModuleEnumMap,
   NativeModuleFloatTypeAnnotation,
   NativeModuleFunctionTypeAnnotation,
   NativeModuleGenericObjectTypeAnnotation,
   NativeModuleMixedTypeAnnotation,
   NativeModuleNumberTypeAnnotation,
+  NativeModuleObjectTypeAnnotation,
   NativeModulePromiseTypeAnnotation,
   NativeModuleTypeAliasTypeAnnotation,
+  NativeModuleTypeAnnotation,
   NativeModuleUnionTypeAnnotation,
+  Nullable,
   ObjectTypeAnnotation,
   ReservedTypeAnnotation,
   StringTypeAnnotation,
   VoidTypeAnnotation,
-  NativeModuleObjectTypeAnnotation,
-  NativeModuleEnumDeclaration,
 } from '../CodegenSchema';
 import type {Parser} from './parser';
 import type {
   ParserErrorCapturer,
-  TypeResolutionStatus,
   TypeDeclarationMap,
+  TypeResolutionStatus,
 } from './utils';
 
-const {
-  UnsupportedUnionTypeAnnotationParserError,
-  UnsupportedTypeAnnotationParserError,
-  ParserError,
-} = require('./errors');
-
 const {
   throwIfArrayElementTypeAnnotationIsUnsupported,
   throwIfPartialNotAnnotatingTypeParameter,
   throwIfPartialWithMoreParameter,
 } = require('./error-utils');
-const {nullGuard} = require('./parsers-utils');
+const {
+  ParserError,
+  UnsupportedTypeAnnotationParserError,
+  UnsupportedUnionTypeAnnotationParserError,
+} = require('./errors');
 const {
   assertGenericTypeAnnotationHasExactlyOneTypeParameter,
-  wrapNullable,
-  unwrapNullable,
   translateFunctionTypeAnnotation,
+  unwrapNullable,
+  wrapNullable,
 } = require('./parsers-commons');
-
+const {nullGuard} = require('./parsers-utils');
 const {isModuleRegistryCall} = require('./utils');
 
 function emitBoolean(nullable: boolean): Nullable<BooleanTypeAnnotation> {
diff --git a/packages/react-native-codegen/src/parsers/schema.js b/packages/react-native-codegen/src/parsers/schema.js
index 0fdf3c3751148a..2ebf6158b2dcba 100644
--- a/packages/react-native-codegen/src/parsers/schema.js
+++ b/packages/react-native-codegen/src/parsers/schema.js
@@ -11,13 +11,13 @@
 'use strict';
 
 import type {
+  CommandTypeAnnotation,
   EventTypeShape,
+  ExtendsPropsShape,
   NamedShape,
-  CommandTypeAnnotation,
+  OptionsShape,
   PropTypeAnnotation,
-  ExtendsPropsShape,
   SchemaType,
-  OptionsShape,
 } from '../CodegenSchema.js';
 
 export type ComponentSchemaBuilderConfig = $ReadOnly<{
diff --git a/packages/react-native-codegen/src/parsers/typescript/components/__test_fixtures__/fixtures.js b/packages/react-native-codegen/src/parsers/typescript/components/__test_fixtures__/fixtures.js
index 7f81b17e6cc3fe..ed237a0b6c9ef8 100644
--- a/packages/react-native-codegen/src/parsers/typescript/components/__test_fixtures__/fixtures.js
+++ b/packages/react-native-codegen/src/parsers/typescript/components/__test_fixtures__/fixtures.js
@@ -1108,13 +1108,20 @@ export type ScrollTo = (
   y: Int,
   animated: Boolean,
 ) => Void;
+export type AddOverlays = (
+  viewRef: React.ElementRef<NativeType>,
+  overlayColorsReadOnly: ReadOnlyArray<string>,
+  overlayColorsArray: Array<string>,
+  overlayColorsArrayAnnotation: string[],
+) => Void;
 
 interface NativeCommands {
   readonly scrollTo: ScrollTo;
+  readonly addOverlays: AddOverlays;
 }
 
 export const Commands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['scrollTo'],
+  supportedCommands: ['scrollTo', 'addOverlays'],
 });
 
 export default codegenNativeComponent<ModuleProps>('Module') as NativeType;
diff --git a/packages/react-native-codegen/src/parsers/typescript/components/__tests__/__snapshots__/typescript-component-parser-test.js.snap b/packages/react-native-codegen/src/parsers/typescript/components/__tests__/__snapshots__/typescript-component-parser-test.js.snap
index 59699c28576fb4..5c31630cb3c8f7 100644
--- a/packages/react-native-codegen/src/parsers/typescript/components/__tests__/__snapshots__/typescript-component-parser-test.js.snap
+++ b/packages/react-native-codegen/src/parsers/typescript/components/__tests__/__snapshots__/typescript-component-parser-test.js.snap
@@ -5303,6 +5303,48 @@ exports[`RN Codegen TypeScript Parser can generate fixture COMMANDS_WITH_EXTERNA
                   'type': 'VoidTypeAnnotation'
                 }
               }
+            },
+            {
+              'name': 'addOverlays',
+              'optional': false,
+              'typeAnnotation': {
+                'type': 'FunctionTypeAnnotation',
+                'params': [
+                  {
+                    'name': 'overlayColorsReadOnly',
+                    'optional': false,
+                    'typeAnnotation': {
+                      'type': 'ArrayTypeAnnotation',
+                      'elementType': {
+                        'type': 'StringTypeAnnotation'
+                      }
+                    }
+                  },
+                  {
+                    'name': 'overlayColorsArray',
+                    'optional': false,
+                    'typeAnnotation': {
+                      'type': 'ArrayTypeAnnotation',
+                      'elementType': {
+                        'type': 'StringTypeAnnotation'
+                      }
+                    }
+                  },
+                  {
+                    'name': 'overlayColorsArrayAnnotation',
+                    'optional': false,
+                    'typeAnnotation': {
+                      'type': 'ArrayTypeAnnotation',
+                      'elementType': {
+                        'type': 'StringTypeAnnotation'
+                      }
+                    }
+                  }
+                ],
+                'returnTypeAnnotation': {
+                  'type': 'VoidTypeAnnotation'
+                }
+              }
             }
           ]
         }
diff --git a/packages/react-native-codegen/src/parsers/typescript/components/__tests__/typescript-component-parser-test.js b/packages/react-native-codegen/src/parsers/typescript/components/__tests__/typescript-component-parser-test.js
index dd56de0b1351be..cd31e4f4d71edf 100644
--- a/packages/react-native-codegen/src/parsers/typescript/components/__tests__/typescript-component-parser-test.js
+++ b/packages/react-native-codegen/src/parsers/typescript/components/__tests__/typescript-component-parser-test.js
@@ -11,9 +11,9 @@
 
 'use strict';
 
-const {TypeScriptParser} = require('../../parser');
-const fixtures = require('../__test_fixtures__/fixtures.js');
 const failureFixtures = require('../__test_fixtures__/failures.js');
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const {TypeScriptParser} = require('../../parser');
 jest.mock('fs', () => ({
   readFileSync: filename => {
     // Jest in the OSS does not allow to capture variables in closures.
diff --git a/packages/react-native-codegen/src/parsers/typescript/components/commands.js b/packages/react-native-codegen/src/parsers/typescript/components/commands.js
index 390a6d71b9607c..882f7002d9a4b6 100644
--- a/packages/react-native-codegen/src/parsers/typescript/components/commands.js
+++ b/packages/react-native-codegen/src/parsers/typescript/components/commands.js
@@ -11,11 +11,13 @@
 'use strict';
 
 import type {
-  NamedShape,
   CommandTypeAnnotation,
+  NamedShape,
 } from '../../../CodegenSchema.js';
 import type {TypeDeclarationMap} from '../../utils';
+
 const {parseTopLevelType} = require('../parseTopLevelType');
+const {getPrimitiveTypeAnnotation} = require('./componentsUtils');
 
 // $FlowFixMe[unclear-type] there's no flowtype for ASTs
 type EventTypeAST = Object;
@@ -61,28 +63,34 @@ function buildCommandSchemaInternal(
         };
         break;
       case 'TSBooleanKeyword':
-        returnType = {
-          type: 'BooleanTypeAnnotation',
-        };
-        break;
       case 'Int32':
-        returnType = {
-          type: 'Int32TypeAnnotation',
-        };
-        break;
       case 'Double':
-        returnType = {
-          type: 'DoubleTypeAnnotation',
-        };
-        break;
       case 'Float':
+      case 'TSStringKeyword':
+        returnType = getPrimitiveTypeAnnotation(type);
+        break;
+      case 'Array':
+      case 'ReadOnlyArray':
+        if (!paramValue.type === 'TSTypeReference') {
+          throw new Error(
+            'Array and ReadOnlyArray are TSTypeReference for array',
+          );
+        }
         returnType = {
-          type: 'FloatTypeAnnotation',
+          type: 'ArrayTypeAnnotation',
+          elementType: getPrimitiveTypeAnnotation(
+            // TODO: T172453752 support complex type annotation for array element
+            paramValue.typeParameters.params[0].type,
+          ),
         };
         break;
-      case 'TSStringKeyword':
+      case 'TSArrayType':
         returnType = {
-          type: 'StringTypeAnnotation',
+          type: 'ArrayTypeAnnotation',
+          elementType: {
+            // TODO: T172453752 support complex type annotation for array element
+            type: getPrimitiveTypeAnnotation(paramValue.elementType.type).type,
+          },
         };
         break;
       default:
diff --git a/packages/react-native-codegen/src/parsers/typescript/components/componentsUtils.js b/packages/react-native-codegen/src/parsers/typescript/components/componentsUtils.js
index bbe56a973e5bdb..f6eb2f12042d2b 100644
--- a/packages/react-native-codegen/src/parsers/typescript/components/componentsUtils.js
+++ b/packages/react-native-codegen/src/parsers/typescript/components/componentsUtils.js
@@ -9,13 +9,15 @@
  */
 
 'use strict';
+
+import type {BuildSchemaFN, Parser} from '../../parser';
+import type {ASTNode, PropAST, TypeDeclarationMap} from '../../utils';
+
+const {verifyPropNotAlreadyDefined} = require('../../parsers-commons');
 const {
-  parseTopLevelType,
   flattenIntersectionType,
+  parseTopLevelType,
 } = require('../parseTopLevelType');
-const {verifyPropNotAlreadyDefined} = require('../../parsers-commons');
-import type {TypeDeclarationMap, PropAST, ASTNode} from '../../utils';
-import type {BuildSchemaFN, Parser} from '../../parser';
 
 function getUnionOfLiterals(
   name: string,
@@ -157,6 +159,34 @@ function buildObjectType<T>(
   };
 }
 
+function getPrimitiveTypeAnnotation(type: string): $FlowFixMe {
+  switch (type) {
+    case 'Int32':
+      return {
+        type: 'Int32TypeAnnotation',
+      };
+    case 'Double':
+      return {
+        type: 'DoubleTypeAnnotation',
+      };
+    case 'Float':
+      return {
+        type: 'FloatTypeAnnotation',
+      };
+    case 'TSBooleanKeyword':
+      return {
+        type: 'BooleanTypeAnnotation',
+      };
+    case 'Stringish':
+    case 'TSStringKeyword':
+      return {
+        type: 'StringTypeAnnotation',
+      };
+    default:
+      throw new Error(`Unknown primitive type "${type}"`);
+  }
+}
+
 function getCommonTypeAnnotation<T>(
   name: string,
   forArray: boolean,
@@ -224,26 +254,12 @@ function getCommonTypeAnnotation<T>(
         types,
       );
     case 'Int32':
-      return {
-        type: 'Int32TypeAnnotation',
-      };
     case 'Double':
-      return {
-        type: 'DoubleTypeAnnotation',
-      };
     case 'Float':
-      return {
-        type: 'FloatTypeAnnotation',
-      };
     case 'TSBooleanKeyword':
-      return {
-        type: 'BooleanTypeAnnotation',
-      };
     case 'Stringish':
     case 'TSStringKeyword':
-      return {
-        type: 'StringTypeAnnotation',
-      };
+      return getPrimitiveTypeAnnotation(type);
     case 'UnsafeMixed':
       return {
         type: 'MixedTypeAnnotation',
@@ -512,5 +528,6 @@ function flattenProperties(
 module.exports = {
   getSchemaInfo,
   getTypeAnnotation,
+  getPrimitiveTypeAnnotation,
   flattenProperties,
 };
diff --git a/packages/react-native-codegen/src/parsers/typescript/components/events.js b/packages/react-native-codegen/src/parsers/typescript/components/events.js
index 0be6d104d580f0..a0672ac3570448 100644
--- a/packages/react-native-codegen/src/parsers/typescript/components/events.js
+++ b/packages/react-native-codegen/src/parsers/typescript/components/events.js
@@ -11,35 +11,36 @@
 'use strict';
 
 import type {
+  EventTypeAnnotation,
   EventTypeShape,
   NamedShape,
-  EventTypeAnnotation,
 } from '../../../CodegenSchema.js';
-import type {TypeDeclarationMap} from '../../utils';
 import type {Parser} from '../../parser';
-const {flattenProperties} = require('./componentsUtils');
-const {parseTopLevelType} = require('../parseTopLevelType');
+import type {TypeDeclarationMap} from '../../utils';
+
 const {
-  throwIfEventHasNoName,
-  throwIfBubblingTypeIsNull,
   throwIfArgumentPropsAreNull,
+  throwIfBubblingTypeIsNull,
+  throwIfEventHasNoName,
 } = require('../../error-utils');
 const {
-  getEventArgument,
   buildPropertiesForEvent,
-  handleEventHandler,
   emitBuildEventSchema,
+  getEventArgument,
+  handleEventHandler,
 } = require('../../parsers-commons');
 const {
   emitBoolProp,
   emitDoubleProp,
   emitFloatProp,
-  emitMixedProp,
-  emitStringProp,
   emitInt32Prop,
+  emitMixedProp,
   emitObjectProp,
+  emitStringProp,
   emitUnionProp,
 } = require('../../parsers-primitives');
+const {parseTopLevelType} = require('../parseTopLevelType');
+const {flattenProperties} = require('./componentsUtils');
 function getPropertyType(
   /* $FlowFixMe[missing-local-annot] The type annotation(s) required by Flow's
    * LTI update could not be added via codemod */
diff --git a/packages/react-native-codegen/src/parsers/typescript/components/extends.js b/packages/react-native-codegen/src/parsers/typescript/components/extends.js
index fa0ed221a9578e..6e29af9caf1379 100644
--- a/packages/react-native-codegen/src/parsers/typescript/components/extends.js
+++ b/packages/react-native-codegen/src/parsers/typescript/components/extends.js
@@ -11,6 +11,7 @@
 'use strict';
 
 import type {TypeDeclarationMap} from '../../utils';
+
 const {parseTopLevelType} = require('../parseTopLevelType');
 
 function isEvent(typeAnnotation: $FlowFixMe): boolean {
diff --git a/packages/react-native-codegen/src/parsers/typescript/components/index.js b/packages/react-native-codegen/src/parsers/typescript/components/index.js
index 4d3523c6a1941a..fa95c8f7e41b8f 100644
--- a/packages/react-native-codegen/src/parsers/typescript/components/index.js
+++ b/packages/react-native-codegen/src/parsers/typescript/components/index.js
@@ -12,14 +12,14 @@
 import type {Parser} from '../../parser';
 import type {ComponentSchemaBuilderConfig} from '../../schema.js';
 
-const {getCommands} = require('./commands');
-const {getEvents} = require('./events');
-const {categorizeProps} = require('./extends');
 const {
-  getOptions,
   findComponentConfig,
   getCommandProperties,
+  getOptions,
 } = require('../../parsers-commons');
+const {getCommands} = require('./commands');
+const {getEvents} = require('./events');
+const {categorizeProps} = require('./extends');
 
 // $FlowFixMe[unclear-type] TODO(T108222691): Use flow-types for @babel/parser
 type PropsAST = Object;
diff --git a/packages/react-native-codegen/src/parsers/typescript/modules/__test_fixtures__/fixtures.js b/packages/react-native-codegen/src/parsers/typescript/modules/__test_fixtures__/fixtures.js
index 5f6377869afb1d..09a26837f09339 100644
--- a/packages/react-native-codegen/src/parsers/typescript/modules/__test_fixtures__/fixtures.js
+++ b/packages/react-native-codegen/src/parsers/typescript/modules/__test_fixtures__/fixtures.js
@@ -825,10 +825,23 @@ export type ChooseFloat = 1.44 | 2.88 | 5.76;
 export type ChooseObject = {} | {low: string};
 export type ChooseString = 'One' | 'Two' | 'Three';
 
+export type BinaryTreeNode = {
+  left?: BinaryTreeNode,
+  value: number,
+  right?: BinaryTreeNode,
+};
+
+export type GraphNode = {
+  label: string,
+  neighbors?: Array<GraphNode>,
+};
+
 export interface Spec extends TurboModule {
   readonly getCallback: () => () => void;
   readonly getMixed: (arg: unknown) => unknown;
   readonly getEnums: (quality: Quality, resolution?: Resolution, floppy: Floppy, stringOptions: StringOptions) => string;
+  readonly getBinaryTreeNode: (arg: BinaryTreeNode) => BinaryTreeNode;
+  readonly getGraphNode: (arg: GraphNode) => GraphNode;
   readonly getMap: (arg: {[a: string]: number | null;}) => {[b: string]: number | null;};
   readonly getAnotherMap: (arg: {[key: string]: string}) => {[key: string]: string};
   readonly getUnion: (chooseInt: ChooseInt, chooseFloat: ChooseFloat, chooseObject: ChooseObject, chooseString: ChooseString) => ChooseObject;
diff --git a/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/__snapshots__/typescript-module-parser-snapshot-test.js.snap b/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/__snapshots__/typescript-module-parser-snapshot-test.js.snap
index 870a93494166d8..e18ec2843dd1fb 100644
--- a/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/__snapshots__/typescript-module-parser-snapshot-test.js.snap
+++ b/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/__snapshots__/typescript-module-parser-snapshot-test.js.snap
@@ -42,7 +42,59 @@ exports[`RN Codegen TypeScript Parser can generate fixture CXX_ONLY_NATIVE_MODUL
   'modules': {
     'NativeSampleTurboModule': {
       'type': 'NativeModule',
-      'aliasMap': {},
+      'aliasMap': {
+        'BinaryTreeNode': {
+          'type': 'ObjectTypeAnnotation',
+          'properties': [
+            {
+              'name': 'left',
+              'optional': true,
+              'typeAnnotation': {
+                'type': 'TypeAliasTypeAnnotation',
+                'name': 'BinaryTreeNode'
+              }
+            },
+            {
+              'name': 'value',
+              'optional': false,
+              'typeAnnotation': {
+                'type': 'NumberTypeAnnotation'
+              }
+            },
+            {
+              'name': 'right',
+              'optional': true,
+              'typeAnnotation': {
+                'type': 'TypeAliasTypeAnnotation',
+                'name': 'BinaryTreeNode'
+              }
+            }
+          ]
+        },
+        'GraphNode': {
+          'type': 'ObjectTypeAnnotation',
+          'properties': [
+            {
+              'name': 'label',
+              'optional': false,
+              'typeAnnotation': {
+                'type': 'StringTypeAnnotation'
+              }
+            },
+            {
+              'name': 'neighbors',
+              'optional': true,
+              'typeAnnotation': {
+                'type': 'ArrayTypeAnnotation',
+                'elementType': {
+                  'type': 'TypeAliasTypeAnnotation',
+                  'name': 'GraphNode'
+                }
+              }
+            }
+          ]
+        }
+      },
       'enumMap': {
         'Quality': {
           'name': 'Quality',
@@ -193,6 +245,48 @@ exports[`RN Codegen TypeScript Parser can generate fixture CXX_ONLY_NATIVE_MODUL
               ]
             }
           },
+          {
+            'name': 'getBinaryTreeNode',
+            'optional': false,
+            'typeAnnotation': {
+              'type': 'FunctionTypeAnnotation',
+              'returnTypeAnnotation': {
+                'type': 'TypeAliasTypeAnnotation',
+                'name': 'BinaryTreeNode'
+              },
+              'params': [
+                {
+                  'name': 'arg',
+                  'optional': false,
+                  'typeAnnotation': {
+                    'type': 'TypeAliasTypeAnnotation',
+                    'name': 'BinaryTreeNode'
+                  }
+                }
+              ]
+            }
+          },
+          {
+            'name': 'getGraphNode',
+            'optional': false,
+            'typeAnnotation': {
+              'type': 'FunctionTypeAnnotation',
+              'returnTypeAnnotation': {
+                'type': 'TypeAliasTypeAnnotation',
+                'name': 'GraphNode'
+              },
+              'params': [
+                {
+                  'name': 'arg',
+                  'optional': false,
+                  'typeAnnotation': {
+                    'type': 'TypeAliasTypeAnnotation',
+                    'name': 'GraphNode'
+                  }
+                }
+              ]
+            }
+          },
           {
             'name': 'getMap',
             'optional': false,
diff --git a/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/typescript-module-parser-e2e-test.js b/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/typescript-module-parser-e2e-test.js
index 04b471ac808dd0..58b9444b46e502 100644
--- a/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/typescript-module-parser-e2e-test.js
+++ b/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/typescript-module-parser-e2e-test.js
@@ -9,22 +9,21 @@
  */
 
 import type {
-  NativeModuleReturnTypeAnnotation,
   NativeModuleBaseTypeAnnotation,
-  NativeModuleSchema,
   NativeModuleParamTypeAnnotation,
+  NativeModuleReturnTypeAnnotation,
+  NativeModuleSchema,
 } from '../../../../CodegenSchema';
 
-const invariant = require('invariant');
-
-const {unwrapNullable} = require('../../../parsers-commons');
 const {
+  MissingTypeParameterGenericParserError,
+  UnnamedFunctionParamParserError,
   UnsupportedGenericParserError,
   UnsupportedTypeAnnotationParserError,
-  UnnamedFunctionParamParserError,
-  MissingTypeParameterGenericParserError,
 } = require('../../../errors');
+const {unwrapNullable} = require('../../../parsers-commons');
 const {TypeScriptParser} = require('../../parser');
+const invariant = require('invariant');
 
 const typescriptParser = new TypeScriptParser();
 
diff --git a/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/typescript-module-parser-snapshot-test.js b/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/typescript-module-parser-snapshot-test.js
index 68b1e694dbf28b..d375d0bbae99f4 100644
--- a/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/typescript-module-parser-snapshot-test.js
+++ b/packages/react-native-codegen/src/parsers/typescript/modules/__tests__/typescript-module-parser-snapshot-test.js
@@ -11,10 +11,9 @@
 
 'use strict';
 
-const {TypeScriptParser} = require('../../parser');
-
-const fixtures = require('../__test_fixtures__/fixtures.js');
 const failureFixtures = require('../__test_fixtures__/failures.js');
+const fixtures = require('../__test_fixtures__/fixtures.js');
+const {TypeScriptParser} = require('../../parser');
 
 const typeScriptParser = new TypeScriptParser();
 
diff --git a/packages/react-native-codegen/src/parsers/typescript/modules/index.js b/packages/react-native-codegen/src/parsers/typescript/modules/index.js
index 4668924375cce3..0b92061702db1b 100644
--- a/packages/react-native-codegen/src/parsers/typescript/modules/index.js
+++ b/packages/react-native-codegen/src/parsers/typescript/modules/index.js
@@ -13,46 +13,44 @@
 import type {
   NamedShape,
   NativeModuleAliasMap,
-  NativeModuleEnumMap,
   NativeModuleBaseTypeAnnotation,
+  NativeModuleEnumMap,
   NativeModuleTypeAnnotation,
   Nullable,
 } from '../../../CodegenSchema';
-
 import type {Parser} from '../../parser';
 import type {
   ParserErrorCapturer,
-  TypeResolutionStatus,
   TypeDeclarationMap,
+  TypeResolutionStatus,
 } from '../../utils';
-const {flattenIntersectionType} = require('../parseTopLevelType');
-const {flattenProperties} = require('../components/componentsUtils');
 
+const {
+  UnsupportedGenericParserError,
+  UnsupportedTypeAnnotationParserError,
+} = require('../../errors');
 const {parseObjectProperty} = require('../../parsers-commons');
-
 const {
   emitArrayType,
-  emitFunction,
+  emitCommonTypes,
   emitDictionary,
+  emitFunction,
   emitPromise,
   emitRootTag,
   emitUnion,
-  emitCommonTypes,
+  translateArrayTypeAnnotation,
   typeAliasResolution,
   typeEnumResolution,
-  translateArrayTypeAnnotation,
 } = require('../../parsers-primitives');
-
-const {
-  UnsupportedGenericParserError,
-  UnsupportedTypeAnnotationParserError,
-} = require('../../errors');
+const {flattenProperties} = require('../components/componentsUtils');
+const {flattenIntersectionType} = require('../parseTopLevelType');
 
 function translateObjectTypeAnnotation(
   hasteModuleName: string,
   /**
    * TODO(T108222691): Use flow-types for @babel/parser
    */
+  typeScriptTypeAnnotation: $FlowFixMe,
   nullable: boolean,
   objectMembers: $ReadOnlyArray<$FlowFixMe>,
   typeResolutionStatus: TypeResolutionStatus,
@@ -69,6 +67,7 @@ function translateObjectTypeAnnotation(
     .map<?NamedShape<Nullable<NativeModuleBaseTypeAnnotation>>>(property => {
       return tryParse(() => {
         return parseObjectProperty(
+          typeScriptTypeAnnotation,
           property,
           hasteModuleName,
           types,
@@ -269,6 +268,7 @@ function translateTypeAnnotation(
 
       return translateObjectTypeAnnotation(
         hasteModuleName,
+        typeScriptTypeAnnotation,
         nullable,
         flattenProperties([typeAnnotation], types, parser),
         typeResolutionStatus,
@@ -284,6 +284,7 @@ function translateTypeAnnotation(
     case 'TSIntersectionType': {
       return translateObjectTypeAnnotation(
         hasteModuleName,
+        typeScriptTypeAnnotation,
         nullable,
         flattenProperties(
           flattenIntersectionType(typeAnnotation, types),
@@ -327,6 +328,7 @@ function translateTypeAnnotation(
 
       return translateObjectTypeAnnotation(
         hasteModuleName,
+        typeScriptTypeAnnotation,
         nullable,
         typeAnnotation.members,
         typeResolutionStatus,
diff --git a/packages/react-native-codegen/src/parsers/typescript/parser.js b/packages/react-native-codegen/src/parsers/typescript/parser.js
index 9e8dc836b4ed3a..7262b60301bfed 100644
--- a/packages/react-native-codegen/src/parsers/typescript/parser.js
+++ b/packages/react-native-codegen/src/parsers/typescript/parser.js
@@ -11,17 +11,17 @@
 'use strict';
 
 import type {
-  UnionTypeAnnotationMemberType,
-  SchemaType,
+  ExtendsPropsShape,
   NamedShape,
-  Nullable,
-  NativeModuleParamTypeAnnotation,
-  NativeModuleEnumMembers,
-  NativeModuleEnumMemberType,
   NativeModuleAliasMap,
   NativeModuleEnumMap,
+  NativeModuleEnumMembers,
+  NativeModuleEnumMemberType,
+  NativeModuleParamTypeAnnotation,
+  Nullable,
   PropTypeAnnotation,
-  ExtendsPropsShape,
+  SchemaType,
+  UnionTypeAnnotationMemberType,
 } from '../../CodegenSchema';
 import type {ParserType} from '../errors';
 import type {
@@ -32,39 +32,35 @@ import type {
 } from '../parser';
 import type {
   ParserErrorCapturer,
-  TypeDeclarationMap,
   PropAST,
+  TypeDeclarationMap,
   TypeResolutionStatus,
 } from '../utils';
-const invariant = require('invariant');
-
-const {typeScriptTranslateTypeAnnotation} = require('./modules');
-
-// $FlowFixMe[untyped-import] Use flow-types for @babel/parser
-const babelParser = require('@babel/parser');
 
-const {Visitor} = require('../parsers-primitives');
-const {buildComponentSchema} = require('./components');
-const {wrapComponentSchema} = require('../schema.js');
 const {
-  buildSchema,
+  UnsupportedObjectPropertyTypeAnnotationParserError,
+} = require('../errors');
+const {
   buildModuleSchema,
-  extendsForProp,
   buildPropSchema,
+  buildSchema,
+  extendsForProp,
   handleGenericTypeAnnotation,
 } = require('../parsers-commons.js');
-
-const {parseTopLevelType} = require('./parseTopLevelType');
+const {Visitor} = require('../parsers-primitives');
+const {wrapComponentSchema} = require('../schema.js');
+const {buildComponentSchema} = require('./components');
 const {
+  flattenProperties,
   getSchemaInfo,
   getTypeAnnotation,
-  flattenProperties,
 } = require('./components/componentsUtils');
+const {typeScriptTranslateTypeAnnotation} = require('./modules');
+const {parseTopLevelType} = require('./parseTopLevelType');
+// $FlowFixMe[untyped-import] Use flow-types for @babel/parser
+const babelParser = require('@babel/parser');
 const fs = require('fs');
-
-const {
-  UnsupportedObjectPropertyTypeAnnotationParserError,
-} = require('../errors');
+const invariant = require('invariant');
 
 class TypeScriptParser implements Parser {
   typeParameterInstantiation: string = 'TSTypeParameterInstantiation';
@@ -146,7 +142,7 @@ class TypeScriptParser implements Parser {
     return this.parseString(contents, 'path/NativeSampleTurboModule.ts');
   }
 
-  getAst(contents: string): $FlowFixMe {
+  getAst(contents: string, filename?: ?string): $FlowFixMe {
     return babelParser.parse(contents, {
       sourceType: 'module',
       plugins: ['typescript'],
diff --git a/packages/react-native-codegen/src/parsers/utils.js b/packages/react-native-codegen/src/parsers/utils.js
index 5c904c6c80fecf..77c30275951211 100644
--- a/packages/react-native-codegen/src/parsers/utils.js
+++ b/packages/react-native-codegen/src/parsers/utils.js
@@ -11,7 +11,6 @@
 'use strict';
 
 const {ParserError} = require('./errors');
-
 const path = require('path');
 
 export type TypeDeclarationMap = {[declarationName: string]: $FlowFixMe};
@@ -86,6 +85,12 @@ function verifyPlatforms(
       return;
     }
 
+    if (name.endsWith('Windows')) {
+      excludedPlatforms.add('iOS');
+      excludedPlatforms.add('android');
+      return;
+    }
+
     if (name.endsWith('Cxx')) {
       cxxOnly = true;
       excludedPlatforms.add('iOS');
diff --git a/packages/react-native-gradle-plugin/build.gradle.kts b/packages/react-native-gradle-plugin/build.gradle.kts
index c4a31beb010e19..6e09a3e22a7508 100644
--- a/packages/react-native-gradle-plugin/build.gradle.kts
+++ b/packages/react-native-gradle-plugin/build.gradle.kts
@@ -26,6 +26,10 @@ gradlePlugin {
       id = "com.facebook.react"
       implementationClass = "com.facebook.react.ReactPlugin"
     }
+    create("reactrootproject") {
+      id = "com.facebook.react.rootproject"
+      implementationClass = "com.facebook.react.ReactRootProjectPlugin"
+    }
   }
 }
 
@@ -63,7 +67,7 @@ kotlin { jvmToolchain(17) }
 
 tasks.withType<KotlinCompile>().configureEach {
   kotlinOptions {
-    apiVersion = "1.5"
+    apiVersion = "1.6"
     // See comment above on JDK 11 support
     jvmTarget = "11"
     allWarningsAsErrors = true
diff --git a/packages/react-native-gradle-plugin/gradle/libs.versions.toml b/packages/react-native-gradle-plugin/gradle/libs.versions.toml
index f2a1d2edab765a..24a77d1f56d040 100644
--- a/packages/react-native-gradle-plugin/gradle/libs.versions.toml
+++ b/packages/react-native-gradle-plugin/gradle/libs.versions.toml
@@ -1,10 +1,10 @@
 [versions]
-agp = "8.1.1"
+agp = "8.2.1"
 gson = "2.8.9"
 guava = "31.0.1-jre"
 javapoet = "1.13.0"
 junit = "4.13.2"
-kotlin = "1.8.0"
+kotlin = "1.9.22"
 
 [libraries]
 kotlin-gradle-plugin = { module = "org.jetbrains.kotlin:kotlin-gradle-plugin", version.ref = "kotlin" }
diff --git a/packages/react-native-gradle-plugin/gradle/wrapper/gradle-wrapper.jar b/packages/react-native-gradle-plugin/gradle/wrapper/gradle-wrapper.jar
index 7f93135c49b765..d64cd4917707c1 100644
Binary files a/packages/react-native-gradle-plugin/gradle/wrapper/gradle-wrapper.jar and b/packages/react-native-gradle-plugin/gradle/wrapper/gradle-wrapper.jar differ
diff --git a/packages/react-native-gradle-plugin/gradle/wrapper/gradle-wrapper.properties b/packages/react-native-gradle-plugin/gradle/wrapper/gradle-wrapper.properties
index 8838ba97ba0914..2ea3535dc058bd 100644
--- a/packages/react-native-gradle-plugin/gradle/wrapper/gradle-wrapper.properties
+++ b/packages/react-native-gradle-plugin/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.4-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.6-all.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME
diff --git a/packages/react-native-gradle-plugin/gradlew.bat b/packages/react-native-gradle-plugin/gradlew.bat
index 6689b85beecde6..7101f8e4676fca 100644
--- a/packages/react-native-gradle-plugin/gradlew.bat
+++ b/packages/react-native-gradle-plugin/gradlew.bat
@@ -43,11 +43,11 @@ set JAVA_EXE=java.exe
 %JAVA_EXE% -version >NUL 2>&1
 if %ERRORLEVEL% equ 0 goto execute
 
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
 
 goto fail
 
@@ -57,11 +57,11 @@ set JAVA_EXE=%JAVA_HOME%/bin/java.exe
 
 if exist "%JAVA_EXE%" goto execute
 
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
 
 goto fail
 
diff --git a/packages/react-native-gradle-plugin/package.json b/packages/react-native-gradle-plugin/package.json
index 9bb950512b5d26..33b450a9e9166c 100644
--- a/packages/react-native-gradle-plugin/package.json
+++ b/packages/react-native-gradle-plugin/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/gradle-plugin",
-  "version": "0.73.0",
+  "version": "0.74.0",
   "description": "Gradle Plugin for React Native",
   "license": "MIT",
   "repository": {
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactPlugin.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactPlugin.kt
index 8f7c78043c5e09..2c5bea4099c53f 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactPlugin.kt
+++ b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactPlugin.kt
@@ -12,8 +12,10 @@ import com.android.build.gradle.internal.tasks.factory.dependsOn
 import com.facebook.react.internal.PrivateReactExtension
 import com.facebook.react.tasks.GenerateCodegenArtifactsTask
 import com.facebook.react.tasks.GenerateCodegenSchemaTask
-import com.facebook.react.utils.AgpConfiguratorUtils.configureBuildConfigFields
+import com.facebook.react.utils.AgpConfiguratorUtils.configureBuildConfigFieldsForApp
+import com.facebook.react.utils.AgpConfiguratorUtils.configureBuildConfigFieldsForLibraries
 import com.facebook.react.utils.AgpConfiguratorUtils.configureDevPorts
+import com.facebook.react.utils.AgpConfiguratorUtils.configureNamespaceForLibraries
 import com.facebook.react.utils.BackwardCompatUtils.configureBackwardCompatibilityReactMap
 import com.facebook.react.utils.DependencyUtils.configureDependencies
 import com.facebook.react.utils.DependencyUtils.configureRepositories
@@ -66,9 +68,10 @@ class ReactPlugin : Plugin<Project> {
       }
 
       configureReactNativeNdk(project, extension)
-      configureBuildConfigFields(project, extension)
+      configureBuildConfigFieldsForApp(project, extension)
       configureDevPorts(project)
       configureBackwardCompatibilityReactMap(project)
+      configureJavaToolChains(project)
 
       project.extensions.getByType(AndroidComponentsExtension::class.java).apply {
         onVariants(selector().all()) { variant ->
@@ -79,12 +82,11 @@ class ReactPlugin : Plugin<Project> {
     }
 
     // Library Only Configuration
+    configureBuildConfigFieldsForLibraries(project)
+    configureNamespaceForLibraries(project)
     project.pluginManager.withPlugin("com.android.library") {
       configureCodegen(project, extension, rootExtension, isLibrary = true)
     }
-
-    // Library and App Configurations
-    configureJavaToolChains(project)
   }
 
   private fun checkJvmVersion(project: Project) {
@@ -159,6 +161,8 @@ class ReactPlugin : Plugin<Project> {
               val parsedPackageJson = packageJson?.let { JsonUtils.fromPackageJson(it) }
 
               val jsSrcsDirInPackageJson = parsedPackageJson?.codegenConfig?.jsSrcsDir
+              val includesGeneratedCode =
+                  parsedPackageJson?.codegenConfig?.includesGeneratedCode ?: false
               if (jsSrcsDirInPackageJson != null) {
                 it.jsRootDir.set(File(packageJson.parentFile, jsSrcsDirInPackageJson))
               } else {
@@ -166,7 +170,7 @@ class ReactPlugin : Plugin<Project> {
               }
               val needsCodegenFromPackageJson =
                   project.needsCodegenFromPackageJson(rootExtension.root)
-              it.onlyIf { isLibrary || needsCodegenFromPackageJson }
+              it.onlyIf { (isLibrary || needsCodegenFromPackageJson) && !includesGeneratedCode }
             }
 
     // We create the task to generate Java code from schema.
@@ -186,7 +190,11 @@ class ReactPlugin : Plugin<Project> {
               // Therefore, the appNeedsCodegen needs to be invoked inside this lambda.
               val needsCodegenFromPackageJson =
                   project.needsCodegenFromPackageJson(rootExtension.root)
-              it.onlyIf { isLibrary || needsCodegenFromPackageJson }
+              val packageJson = findPackageJsonFile(project, rootExtension.root)
+              val parsedPackageJson = packageJson?.let { JsonUtils.fromPackageJson(it) }
+              val includesGeneratedCode =
+                  parsedPackageJson?.codegenConfig?.includesGeneratedCode ?: false
+              it.onlyIf { (isLibrary || needsCodegenFromPackageJson) && !includesGeneratedCode }
             }
 
     // We update the android configuration to include the generated sources.
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactRootProjectPlugin.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactRootProjectPlugin.kt
new file mode 100644
index 00000000000000..5f232cd0e581a5
--- /dev/null
+++ b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/ReactRootProjectPlugin.kt
@@ -0,0 +1,30 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react
+
+import org.gradle.api.Plugin
+import org.gradle.api.Project
+
+/**
+ * Gradle plugin applied to the `android/build.gradle` file.
+ *
+ * This plugin allows to specify project wide configurations that can be applied to both apps and
+ * libraries before they're evaluated.
+ */
+class ReactRootProjectPlugin : Plugin<Project> {
+  override fun apply(project: Project) {
+    project.subprojects {
+      // As the :app project (i.e. ReactPlugin) configures both namespaces and JVM toolchains
+      // for libraries, its evaluation must happen before the libraries' evaluation.
+      // Eventually the configuration of namespace/JVM toolchain can be moved inside this plugin.
+      if (it.path != ":app") {
+        it.evaluationDependsOn(":app")
+      }
+    }
+  }
+}
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/TaskConfiguration.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/TaskConfiguration.kt
index e839e5c37ba3b7..b676d471b4c688 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/TaskConfiguration.kt
+++ b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/TaskConfiguration.kt
@@ -23,7 +23,7 @@ internal fun Project.configureReactTasks(variant: Variant, config: ReactExtensio
   val targetName = variant.name.capitalizeCompat()
   val targetPath = variant.name
 
-  val buildDir = this.layout.buildDirectory.get().asFile
+  val buildDir = layout.buildDirectory.get().asFile
   // Resources: generated/assets/react/<variant>/index.android.bundle
   val resourcesDir = File(buildDir, "generated/res/react/$targetPath")
   // Bundle: generated/assets/react/<variant>/index.android.bundle
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfig.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfig.kt
index 26d7f08d95d3c7..afd02bc06ab490 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfig.kt
+++ b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/model/ModelCodegenConfig.kt
@@ -11,5 +11,6 @@ data class ModelCodegenConfig(
     val name: String?,
     val type: String?,
     val jsSrcsDir: String?,
-    val android: ModelCodegenConfigAndroid?
+    val android: ModelCodegenConfigAndroid?,
+    val includesGeneratedCode: Boolean?,
 )
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTask.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTask.kt
index 3c65387a4036c9..828a145b0076a0 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTask.kt
+++ b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTask.kt
@@ -67,6 +67,8 @@ abstract class GenerateCodegenSchemaTask : Exec() {
                 .cliPath(workingDir),
             "--platform",
             "android",
+            "--exclude",
+            "NativeSampleTurboModule",
             generatedSchemaFile.get().asFile.cliPath(workingDir),
             jsRootDir.asFile.get().cliPath(workingDir),
         ))
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareBoostTask.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareBoostTask.kt
index ee680337af4977..e3da9e4aa448b3 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareBoostTask.kt
+++ b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareBoostTask.kt
@@ -40,7 +40,7 @@ abstract class PrepareBoostTask : DefaultTask() {
       it.into(outputDir)
     }
     File(outputDir.asFile.get(), "boost").apply {
-      renameTo(File(this.parentFile, "boost_${boostVersion.get()}"))
+      renameTo(File(parentFile, "boost_${boostVersion.get()}"))
     }
   }
 }
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareLibeventTask.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareLibeventTask.kt
deleted file mode 100644
index fb00626557f307..00000000000000
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/tasks/internal/PrepareLibeventTask.kt
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tasks.internal
-
-import java.io.File
-import org.gradle.api.DefaultTask
-import org.gradle.api.file.ConfigurableFileCollection
-import org.gradle.api.file.DirectoryProperty
-import org.gradle.api.provider.Property
-import org.gradle.api.tasks.*
-
-/**
- * A task that takes care of extracting Libevent from a source folder/zip and preparing it to be
- * consumed by the NDK.
- */
-abstract class PrepareLibeventTask : DefaultTask() {
-
-  @get:InputFiles abstract val libeventPath: ConfigurableFileCollection
-
-  @get:Input abstract val libeventVersion: Property<String>
-
-  @get:OutputDirectory abstract val outputDir: DirectoryProperty
-
-  @TaskAction
-  fun taskAction() {
-    project.copy { it ->
-      it.from(libeventPath)
-      it.from(project.file("src/main/jni/third-party/libevent/"))
-      it.include(
-          "libevent-${libeventVersion.get()}-stable/*.c",
-          "libevent-${libeventVersion.get()}-stable/*.h",
-          "libevent-${libeventVersion.get()}-stable/include/**/*",
-          "evconfig-private.h",
-          "event-config.h",
-          "CMakeLists.txt")
-      it.eachFile { it.path = it.path.removePrefix("libevent-${libeventVersion.get()}-stable/") }
-      it.includeEmptyDirs = false
-      it.into(outputDir)
-    }
-    File(outputDir.asFile.get(), "event-config.h").apply {
-      val destination =
-          File(this.parentFile, "include/event2/event-config.h").apply { parentFile.mkdirs() }
-      renameTo(destination)
-    }
-  }
-}
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/AgpConfiguratorUtils.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/AgpConfiguratorUtils.kt
index 0312095b0fe7dd..39344aac7716cb 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/AgpConfiguratorUtils.kt
+++ b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/AgpConfiguratorUtils.kt
@@ -8,17 +8,22 @@
 package com.facebook.react.utils
 
 import com.android.build.api.variant.AndroidComponentsExtension
+import com.android.build.gradle.LibraryExtension
 import com.facebook.react.ReactExtension
 import com.facebook.react.utils.ProjectUtils.isHermesEnabled
 import com.facebook.react.utils.ProjectUtils.isNewArchEnabled
+import java.io.File
+import javax.xml.parsers.DocumentBuilder
+import javax.xml.parsers.DocumentBuilderFactory
 import org.gradle.api.Action
 import org.gradle.api.Project
 import org.gradle.api.plugins.AppliedPlugin
+import org.w3c.dom.Element
 
 @Suppress("UnstableApiUsage")
 internal object AgpConfiguratorUtils {
 
-  fun configureBuildConfigFields(project: Project, extension: ReactExtension) {
+  fun configureBuildConfigFieldsForApp(project: Project, extension: ReactExtension) {
     val action =
         Action<AppliedPlugin> {
           project.extensions.getByType(AndroidComponentsExtension::class.java).finalizeDsl { ext ->
@@ -35,24 +40,67 @@ internal object AgpConfiguratorUtils {
     project.pluginManager.withPlugin("com.android.library", action)
   }
 
+  fun configureBuildConfigFieldsForLibraries(appProject: Project) {
+    appProject.rootProject.allprojects { subproject ->
+      subproject.pluginManager.withPlugin("com.android.library") {
+        subproject.extensions.getByType(AndroidComponentsExtension::class.java).finalizeDsl { ext ->
+          ext.buildFeatures.buildConfig = true
+        }
+      }
+    }
+  }
+
   fun configureDevPorts(project: Project) {
     val devServerPort =
         project.properties["reactNativeDevServerPort"]?.toString() ?: DEFAULT_DEV_SERVER_PORT
-    val inspectorProxyPort =
-        project.properties["reactNativeInspectorProxyPort"]?.toString() ?: devServerPort
 
     val action =
         Action<AppliedPlugin> {
           project.extensions.getByType(AndroidComponentsExtension::class.java).finalizeDsl { ext ->
             ext.defaultConfig.resValue("integer", "react_native_dev_server_port", devServerPort)
-            ext.defaultConfig.resValue(
-                "integer", "react_native_inspector_proxy_port", inspectorProxyPort)
           }
         }
 
     project.pluginManager.withPlugin("com.android.application", action)
     project.pluginManager.withPlugin("com.android.library", action)
   }
+
+  fun configureNamespaceForLibraries(appProject: Project) {
+    appProject.rootProject.allprojects { subproject ->
+      subproject.pluginManager.withPlugin("com.android.library") {
+        subproject.extensions.getByType(AndroidComponentsExtension::class.java).finalizeDsl { ext ->
+          if (ext.namespace == null) {
+            val android = subproject.extensions.getByType(LibraryExtension::class.java)
+            val manifestFile = android.sourceSets.getByName("main").manifest.srcFile
+
+            manifestFile
+                .takeIf { it.exists() }
+                ?.let { file ->
+                  getPackageNameFromManifest(file)?.let { packageName ->
+                    ext.namespace = packageName
+                  }
+                }
+          }
+        }
+      }
+    }
+  }
 }
 
 const val DEFAULT_DEV_SERVER_PORT = "8081"
+
+fun getPackageNameFromManifest(manifest: File): String? {
+  val factory: DocumentBuilderFactory = DocumentBuilderFactory.newInstance()
+  val builder: DocumentBuilder = factory.newDocumentBuilder()
+
+  try {
+    val xmlDocument = builder.parse(manifest)
+
+    val manifestElement = xmlDocument.getElementsByTagName("manifest").item(0) as? Element
+    val packageName = manifestElement?.getAttribute("package")
+
+    return if (packageName.isNullOrEmpty()) null else packageName
+  } catch (e: Exception) {
+    return null
+  }
+}
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/DependencyUtils.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/DependencyUtils.kt
index eb91dc556343a3..aedd296d40eea5 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/DependencyUtils.kt
+++ b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/DependencyUtils.kt
@@ -36,6 +36,12 @@ internal object DependencyUtils {
         repositories.mavenCentral { repo ->
           // We don't want to fetch JSC from Maven Central as there are older versions there.
           repo.content { it.excludeModule("org.webkit", "android-jsc") }
+
+          // If the user provided a react.internal.mavenLocalRepo, do not attempt to load
+          // anything from Maven Central that is react related.
+          if (hasProperty(INTERNAL_REACT_NATIVE_MAVEN_LOCAL_REPO)) {
+            repo.content { it.excludeGroup("com.facebook.react") }
+          }
         }
         // Android JSC is installed from npm
         mavenRepoFromURI(File(reactNativeDir, "../jsc-android/dist").toURI())
@@ -48,8 +54,7 @@ internal object DependencyUtils {
   /**
    * This method takes care of configuring the resolution strategy for both the app and all the 3rd
    * party libraries which are auto-linked. Specifically it takes care of:
-   * - Forcing the react-android/hermes-android/flipper-integration version to the one specified in
-   *   the package.json
+   * - Forcing the react-android/hermes-android version to the one specified in the package.json
    * - Substituting `react-native` with `react-android` and `hermes-engine` with `hermes-android`.
    */
   fun configureDependencies(
@@ -71,7 +76,6 @@ internal object DependencyUtils {
         }
         configuration.resolutionStrategy.force(
             "${groupString}:react-android:${versionString}",
-            "${groupString}:flipper-integration:${versionString}",
         )
         if (!(eachProject.findProperty(INTERNAL_USE_HERMES_NIGHTLY) as? String).toBoolean()) {
           // Contributors only: The hermes-engine version is forced only if the user has
@@ -115,7 +119,7 @@ internal object DependencyUtils {
   fun readVersionAndGroupStrings(propertiesFile: File): Pair<String, String> {
     val reactAndroidProperties = Properties()
     propertiesFile.inputStream().use { reactAndroidProperties.load(it) }
-    val versionStringFromFile = reactAndroidProperties[INTERNAL_VERSION_NAME] as? String ?: ""
+    val versionStringFromFile = (reactAndroidProperties[INTERNAL_VERSION_NAME] as? String).orEmpty()
     // If on a nightly, we need to fetch the -SNAPSHOT artifact from Sonatype.
     val versionString =
         if (versionStringFromFile.startsWith("0.0.0") || "-nightly-" in versionStringFromFile) {
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/NdkConfiguratorUtils.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/NdkConfiguratorUtils.kt
index 9434b5a3c52f84..d24a9ee99021eb 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/NdkConfiguratorUtils.kt
+++ b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/NdkConfiguratorUtils.kt
@@ -102,6 +102,7 @@ internal object NdkConfiguratorUtils {
               "**/libreact_debug.so",
               "**/libreact_nativemodule_core.so",
               "**/libreact_newarchdefaults.so",
+              "**/libreact_cxxreactpackage.so",
               "**/libreact_render_componentregistry.so",
               "**/libreact_render_core.so",
               "**/libreact_render_debug.so",
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/Os.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/Os.kt
index 6b3fa4a3e88b21..e00a793ca86d66 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/Os.kt
+++ b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/Os.kt
@@ -40,6 +40,6 @@ internal object Os {
       if (isWindows()) {
         this.relativeTo(base).path
       } else {
-        this.absolutePath
+        absolutePath
       }
 }
diff --git a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/ProjectUtils.kt b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/ProjectUtils.kt
index 48b02e7496f6fe..62f4019ae33e18 100644
--- a/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/ProjectUtils.kt
+++ b/packages/react-native-gradle-plugin/src/main/kotlin/com/facebook/react/utils/ProjectUtils.kt
@@ -28,11 +28,9 @@ internal object ProjectUtils {
   internal fun Project.isNewArchEnabled(extension: ReactExtension): Boolean {
     return (project.hasProperty(NEW_ARCH_ENABLED) &&
         project.property(NEW_ARCH_ENABLED).toString().toBoolean()) ||
-
         (project.hasProperty(SCOPED_NEW_ARCH_ENABLED) &&
             project.property(SCOPED_NEW_ARCH_ENABLED).toString().toBoolean()) ||
         shouldEnableNewArchForReactNativeVersion(project.reactNativeDir(extension))
-
   }
 
   internal val Project.isHermesEnabled: Boolean
@@ -123,7 +121,6 @@ internal object ProjectUtils {
         (this.hasPropertySetToFalse(NEW_ARCH_ENABLED)) ||
             (this.hasPropertySetToFalse(SCOPED_NEW_ARCH_ENABLED))
 
-
     val shouldEnableNewArch =
         shouldEnableNewArchForReactNativeVersion(this.reactNativeDir(extension))
 
@@ -132,5 +129,4 @@ internal object ProjectUtils {
 
   internal fun Project.hasPropertySetToFalse(property: String): Boolean =
       this.hasProperty(property) && this.property(property).toString().toBoolean() == false
-
 }
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTaskTest.kt b/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTaskTest.kt
index 780710cce45539..447c58aaa4cb0c 100644
--- a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTaskTest.kt
+++ b/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenArtifactsTaskTest.kt
@@ -141,7 +141,7 @@ class GenerateCodegenArtifactsTaskTest {
           writeText(
               """
         {
-            "name": "@a/libray",
+            "name": "@a/library",
             "codegenConfig": {
                 "name": "an-awesome-library",
                 "android": {
@@ -174,7 +174,7 @@ class GenerateCodegenArtifactsTaskTest {
           writeText(
               """
         {
-            "name": "@a/libray",
+            "name": "@a/library",
             "codegenConfig": {
             }
         }
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTaskTest.kt b/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTaskTest.kt
index b97c1b29a204f6..0d0f159923821a 100644
--- a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTaskTest.kt
+++ b/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/GenerateCodegenSchemaTaskTest.kt
@@ -145,6 +145,8 @@ class GenerateCodegenSchemaTaskTest {
             File(codegenDir, "lib/cli/combine/combine-js-to-schema-cli.js").toString(),
             "--platform",
             "android",
+            "--exclude",
+            "NativeSampleTurboModule",
             File(outputDir, "schema.json").toString(),
             jsRootDir.toString(),
         ),
@@ -180,6 +182,8 @@ class GenerateCodegenSchemaTaskTest {
                 .path,
             "--platform",
             "android",
+            "--exclude",
+            "NativeSampleTurboModule",
             File(outputDir, "schema.json").relativeTo(project.projectDir).path,
             jsRootDir.relativeTo(project.projectDir).path,
         ),
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareLibeventTaskTest.kt b/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareLibeventTaskTest.kt
deleted file mode 100644
index f5085df947a484..00000000000000
--- a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/tasks/internal/PrepareLibeventTaskTest.kt
+++ /dev/null
@@ -1,101 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tasks.internal
-
-import com.facebook.react.tests.createProject
-import com.facebook.react.tests.createTestTask
-import java.io.*
-import org.junit.Assert.*
-import org.junit.Rule
-import org.junit.Test
-import org.junit.rules.TemporaryFolder
-
-class PrepareLibeventTaskTest {
-
-  @get:Rule val tempFolder = TemporaryFolder()
-
-  @Test(expected = IllegalStateException::class)
-  fun prepareBoostTask_withMissingConfiguration_fails() {
-    val task = createTestTask<PrepareLibeventTask>()
-
-    task.taskAction()
-  }
-
-  @Test
-  fun prepareBoostTask_copiesCMakefile() {
-    val libeventPath = tempFolder.newFolder("libeventPath")
-    val output = tempFolder.newFolder("output")
-    val project = createProject()
-    val task =
-        createTestTask<PrepareLibeventTask>(project = project) {
-          it.libeventPath.setFrom(libeventPath)
-          it.libeventVersion.set("1.0.0")
-          it.outputDir.set(output)
-        }
-    File(project.projectDir, "src/main/jni/third-party/libevent/CMakeLists.txt").apply {
-      parentFile.mkdirs()
-      createNewFile()
-    }
-    task.taskAction()
-
-    assertTrue(File(output, "CMakeLists.txt").exists())
-  }
-
-  @Test
-  fun prepareBoostTask_copiesConfigFiles() {
-    val libeventPath = tempFolder.newFolder("libeventPath")
-    val output = tempFolder.newFolder("output")
-    val project = createProject()
-    val task =
-        createTestTask<PrepareLibeventTask>(project = project) {
-          it.libeventPath.setFrom(libeventPath)
-          it.libeventVersion.set("1.0.0")
-          it.outputDir.set(output)
-        }
-    File(project.projectDir, "src/main/jni/third-party/libevent/event-config.h").apply {
-      parentFile.mkdirs()
-      createNewFile()
-    }
-    File(project.projectDir, "src/main/jni/third-party/libevent/evconfig-private.h").createNewFile()
-
-    task.taskAction()
-
-    assertTrue(File(output, "evconfig-private.h").exists())
-    assertTrue(File(output, "include/event2/event-config.h").exists())
-  }
-
-  @Test
-  fun prepareBoostTask_copiesSourceFiles() {
-    val libeventPath = tempFolder.newFolder("libeventPath")
-    val output = tempFolder.newFolder("output")
-    val task =
-        createTestTask<PrepareLibeventTask> {
-          it.libeventPath.setFrom(libeventPath)
-          it.libeventVersion.set("1.0.0")
-          it.outputDir.set(output)
-        }
-    File(libeventPath, "libevent-1.0.0-stable/sample.c").apply {
-      parentFile.mkdirs()
-      createNewFile()
-    }
-    File(libeventPath, "libevent-1.0.0-stable/sample.h").apply {
-      parentFile.mkdirs()
-      createNewFile()
-    }
-    File(libeventPath, "libevent-1.0.0-stable/include/sample.h").apply {
-      parentFile.mkdirs()
-      createNewFile()
-    }
-
-    task.taskAction()
-
-    assertTrue(File(output, "sample.c").exists())
-    assertTrue(File(output, "sample.h").exists())
-    assertTrue(File(output, "include/sample.h").exists())
-  }
-}
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/AgpConfiguratorUtilsTest.kt b/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/AgpConfiguratorUtilsTest.kt
new file mode 100644
index 00000000000000..1c9c07eb0b6fb7
--- /dev/null
+++ b/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/AgpConfiguratorUtilsTest.kt
@@ -0,0 +1,65 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.utils
+
+import java.io.File
+import org.junit.Assert.*
+import org.junit.Rule
+import org.junit.Test
+import org.junit.rules.TemporaryFolder
+
+class AgpConfiguratorUtilsTest {
+
+  @get:Rule val tempFolder = TemporaryFolder()
+
+  @Test
+  fun getPackageNameFromManifest_withEmptyFile_returnsNull() {
+    val mainFolder = tempFolder.newFolder("awesome-module/src/main/")
+    val manifest = File(mainFolder, "AndroidManifest.xml").apply { writeText("") }
+
+    val actual = getPackageNameFromManifest(manifest)
+    assertNull(actual)
+  }
+
+  @Test
+  fun getPackageNameFromManifest_withMissingPackage_returnsNull() {
+    val mainFolder = tempFolder.newFolder("awesome-module/src/main/")
+    val manifest =
+        File(mainFolder, "AndroidManifest.xml").apply {
+          writeText(
+              // language=xml
+              """
+          <manifest xmlns:android="http://schemas.android.com/apk/res/android">
+          </manifest>
+          """
+                  .trimIndent())
+        }
+
+    val actual = getPackageNameFromManifest(manifest)
+    assertNull(actual)
+  }
+
+  @Test
+  fun getPackageNameFromManifest_withPackage_returnsPackage() {
+    val mainFolder = tempFolder.newFolder("awesome-module/src/main/")
+    val manifest =
+        File(mainFolder, "AndroidManifest.xml").apply {
+          writeText(
+              // language=xml
+              """
+          <manifest xmlns:android="http://schemas.android.com/apk/res/android" package="com.facebook.react" >
+          </manifest>
+          """
+                  .trimIndent())
+        }
+
+    val actual = getPackageNameFromManifest(manifest)
+    assertNotNull(actual)
+    assertEquals("com.facebook.react", actual)
+  }
+}
diff --git a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/ProjectUtilsTest.kt b/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/ProjectUtilsTest.kt
index 2dbc3f432ecbf3..6c87c88edac641 100644
--- a/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/ProjectUtilsTest.kt
+++ b/packages/react-native-gradle-plugin/src/test/kotlin/com/facebook/react/utils/ProjectUtilsTest.kt
@@ -263,7 +263,7 @@ class ProjectUtilsTest {
   @Test
   fun needsCodegenFromPackageJson_withCodegenConfigInModel_returnsTrue() {
     val project = createProject()
-    val model = ModelPackageJson("1000.0.0", ModelCodegenConfig(null, null, null, null))
+    val model = ModelPackageJson("1000.0.0", ModelCodegenConfig(null, null, null, null, false))
 
     assertTrue(project.needsCodegenFromPackageJson(model))
   }
diff --git a/packages/react-native-test-renderer/babel.config.js b/packages/react-native-test-renderer/babel.config.js
new file mode 100644
index 00000000000000..7cd251d7825948
--- /dev/null
+++ b/packages/react-native-test-renderer/babel.config.js
@@ -0,0 +1,17 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+module.exports = {
+  presets: [
+    ['@babel/preset-env', {targets: {node: 'current'}}],
+    '@babel/preset-flow',
+  ],
+  plugins: ['@babel/plugin-transform-react-jsx'],
+};
diff --git a/packages/react-native-test-renderer/jest.config.js b/packages/react-native-test-renderer/jest.config.js
new file mode 100644
index 00000000000000..d1c17f8cc89caf
--- /dev/null
+++ b/packages/react-native-test-renderer/jest.config.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+'use strict';
+
+module.exports = {
+  haste: {
+    defaultPlatform: 'ios',
+    platforms: ['android', 'ios', 'native'],
+  },
+  transform: {
+    '^.+\\.(js|ts|tsx)$': 'babel-jest',
+  },
+  transformIgnorePatterns: [
+    'node_modules/(?!((jest-)?react-native|@react-native(-community)?)/)',
+  ],
+  setupFilesAfterEnv: ['./src/jest/setup-files-after-env'],
+  testEnvironment: './src/jest/environment',
+};
diff --git a/packages/react-native-test-renderer/package.json b/packages/react-native-test-renderer/package.json
new file mode 100644
index 00000000000000..86101d626984d5
--- /dev/null
+++ b/packages/react-native-test-renderer/package.json
@@ -0,0 +1,17 @@
+{
+    "name": "@react-native/test-renderer",
+    "private": true,
+    "version": "0.0.0",
+    "description": "A Test rendering library for React Native",
+    "license": "MIT",
+    "devDependencies": {
+        "@babel/core": "^7.20.0",
+        "@babel/plugin-transform-react-jsx": "^7.0.0",
+        "@babel/preset-env": "^7.20.0",
+        "@babel/preset-flow": "^7.20.0"
+    },
+    "main": "src/index.js",
+    "peerDependencies": {
+        "jest": "^29.7.0"
+    }
+}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/TestBundle.js b/packages/react-native-test-renderer/src/index.js
similarity index 59%
rename from packages/react-native/ReactAndroid/src/androidTest/js/TestBundle.js
rename to packages/react-native-test-renderer/src/index.js
index e4c8a519e1aadb..4317334b56253c 100644
--- a/packages/react-native/ReactAndroid/src/androidTest/js/TestBundle.js
+++ b/packages/react-native-test-renderer/src/index.js
@@ -4,12 +4,11 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow
  * @format
+ * @oncall react_native
  */
 
-'use strict';
+export {render} from './renderer/index.js';
 
-const {AppRegistry} = require('react-native');
-const TestApps = require('./TestApps');
-
-AppRegistry.registerConfig(TestApps);
+export {ReactNativeEnvironment} from './jest/environment.js';
diff --git a/packages/react-native-test-renderer/src/jest/environment.js b/packages/react-native-test-renderer/src/jest/environment.js
new file mode 100644
index 00000000000000..166bba2c2140b0
--- /dev/null
+++ b/packages/react-native-test-renderer/src/jest/environment.js
@@ -0,0 +1,75 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+'use strict';
+
+const NodeEnv = require('jest-environment-node').TestEnvironment;
+
+module.exports = class ReactNativeEnvironment extends NodeEnv {
+  customExportConditions = ['require', 'react-native'];
+
+  constructor(config, context) {
+    super(config, context);
+  }
+
+  async setup() {
+    await super.setup();
+    this.assignGlobals();
+    this.initializeTurboModuleRegistry();
+  }
+
+  assignGlobals() {
+    Object.defineProperties(this.global, {
+      __DEV__: {
+        configurable: true,
+        enumerable: true,
+        value: true,
+        writable: true,
+      },
+    });
+    this.global.IS_REACT_ACT_ENVIRONMENT = true;
+  }
+
+  initializeTurboModuleRegistry() {
+    const dims = {width: 100, height: 100, scale: 1, fontScale: 1};
+    const DIMS = {
+      screen: {
+        ...dims,
+      },
+      window: {
+        ...dims,
+      },
+    };
+    this.global.nativeModuleProxy = name => ({})[name];
+    this.global.__turboModuleProxy = name =>
+      ({
+        SourceCode: {getConstants: () => ({scriptURL: ''})},
+        WebSocketModule: {connect: () => {}},
+        FileReaderModule: {},
+        AppState: {getConstants: () => ({}), getCurrentAppState: () => ({})},
+        DeviceInfo: {getConstants: () => ({Dimensions: DIMS})},
+        UIManager: {getConstants: () => ({})},
+        Timing: {},
+        DevSettings: {},
+        PlatformConstants: {
+          getConstants: () => ({reactNativeVersion: '1000.0.0'}),
+        },
+        Networking: {},
+        ImageLoader: {},
+        NativePerformanceCxx: {},
+        NativePerformanceObserverCxx: {},
+        LogBox: {},
+        SettingsManager: {
+          getConstants: () => ({settings: {}}),
+        },
+        LinkingManager: {},
+        I18n: {getConstants: () => ({})},
+      })[name];
+  }
+};
diff --git a/packages/react-native-test-renderer/src/jest/setup-files-after-env.js b/packages/react-native-test-renderer/src/jest/setup-files-after-env.js
new file mode 100644
index 00000000000000..6dc49eedab97cb
--- /dev/null
+++ b/packages/react-native-test-renderer/src/jest/setup-files-after-env.js
@@ -0,0 +1,222 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+'use strict';
+
+jest.requireActual('@react-native/js-polyfills/error-guard');
+
+jest
+  .mock('react-native/Libraries/ReactNative/UIManager', () => ({
+    AndroidViewPager: {
+      Commands: {
+        setPage: jest.fn(),
+        setPageWithoutAnimation: jest.fn(),
+      },
+    },
+    blur: jest.fn(),
+    createView: jest.fn(),
+    customBubblingEventTypes: {},
+    customDirectEventTypes: {},
+    getConstants: () => ({
+      ViewManagerNames: [],
+    }),
+    getDefaultEventTypes: jest.fn(),
+    dispatchViewManagerCommand: jest.fn(),
+    focus: jest.fn(),
+    getViewManagerConfig: jest.fn(name => {
+      if (name === 'AndroidDrawerLayout') {
+        return {
+          Constants: {
+            DrawerPosition: {
+              Left: 10,
+            },
+          },
+        };
+      }
+
+      return {NativeProps: {}};
+    }),
+    hasViewManagerConfig: jest.fn(name => {
+      return name === 'AndroidDrawerLayout';
+    }),
+    measure: jest.fn(),
+    manageChildren: jest.fn(),
+    removeSubviewsFromContainerWithID: jest.fn(),
+    replaceExistingNonRootView: jest.fn(),
+    setChildren: jest.fn(),
+    updateView: jest.fn(),
+    AndroidDrawerLayout: {
+      Constants: {
+        DrawerPosition: {
+          Left: 10,
+        },
+      },
+    },
+    AndroidTextInput: {
+      Commands: {},
+    },
+    ScrollView: {
+      Constants: {},
+    },
+    View: {
+      Constants: {},
+    },
+  }))
+  // Mock modules defined by the native layer (ex: Objective-C, Java)
+  .mock('react-native/Libraries/BatchedBridge/NativeModules', () => ({
+    AlertManager: {
+      alertWithArgs: jest.fn(),
+    },
+    AsyncLocalStorage: {
+      multiGet: jest.fn((keys, callback) =>
+        process.nextTick(() => callback(null, [])),
+      ),
+      multiSet: jest.fn((entries, callback) =>
+        process.nextTick(() => callback(null)),
+      ),
+      multiRemove: jest.fn((keys, callback) =>
+        process.nextTick(() => callback(null)),
+      ),
+      multiMerge: jest.fn((entries, callback) =>
+        process.nextTick(() => callback(null)),
+      ),
+      clear: jest.fn(callback => process.nextTick(() => callback(null))),
+      getAllKeys: jest.fn(callback =>
+        process.nextTick(() => callback(null, [])),
+      ),
+    },
+    DeviceInfo: {
+      getConstants() {
+        return {
+          Dimensions: {
+            window: {
+              fontScale: 2,
+              height: 1334,
+              scale: 2,
+              width: 750,
+            },
+            screen: {
+              fontScale: 2,
+              height: 1334,
+              scale: 2,
+              width: 750,
+            },
+          },
+        };
+      },
+    },
+    DevSettings: {
+      addMenuItem: jest.fn(),
+      reload: jest.fn(),
+    },
+    ImageLoader: {
+      getSize: jest.fn(url => Promise.resolve([320, 240])),
+      prefetchImage: jest.fn(),
+    },
+    ImageViewManager: {
+      getSize: jest.fn((uri, success) =>
+        process.nextTick(() => success(320, 240)),
+      ),
+      prefetchImage: jest.fn(),
+    },
+    KeyboardObserver: {
+      addListener: jest.fn(),
+      removeListeners: jest.fn(),
+    },
+    Networking: {
+      sendRequest: jest.fn(),
+      abortRequest: jest.fn(),
+      addListener: jest.fn(),
+      removeListeners: jest.fn(),
+    },
+    PlatformConstants: {
+      getConstants() {
+        return {
+          reactNativeVersion: {
+            major: 1000,
+            minor: 0,
+            patch: 0,
+          },
+        };
+      },
+    },
+    PushNotificationManager: {
+      presentLocalNotification: jest.fn(),
+      scheduleLocalNotification: jest.fn(),
+      cancelAllLocalNotifications: jest.fn(),
+      removeAllDeliveredNotifications: jest.fn(),
+      getDeliveredNotifications: jest.fn(callback =>
+        process.nextTick(() => []),
+      ),
+      removeDeliveredNotifications: jest.fn(),
+      setApplicationIconBadgeNumber: jest.fn(),
+      getApplicationIconBadgeNumber: jest.fn(callback =>
+        process.nextTick(() => callback(0)),
+      ),
+      cancelLocalNotifications: jest.fn(),
+      getScheduledLocalNotifications: jest.fn(callback =>
+        process.nextTick(() => callback()),
+      ),
+      requestPermissions: jest.fn(() =>
+        Promise.resolve({alert: true, badge: true, sound: true}),
+      ),
+      abandonPermissions: jest.fn(),
+      checkPermissions: jest.fn(callback =>
+        process.nextTick(() =>
+          callback({alert: true, badge: true, sound: true}),
+        ),
+      ),
+      getInitialNotification: jest.fn(() => Promise.resolve(null)),
+      addListener: jest.fn(),
+      removeListeners: jest.fn(),
+    },
+    StatusBarManager: {
+      setColor: jest.fn(),
+      setStyle: jest.fn(),
+      setHidden: jest.fn(),
+      setNetworkActivityIndicatorVisible: jest.fn(),
+      setBackgroundColor: jest.fn(),
+      setTranslucent: jest.fn(),
+      getConstants: () => ({
+        HEIGHT: 42,
+      }),
+    },
+    Timing: {
+      createTimer: jest.fn(),
+      deleteTimer: jest.fn(),
+    },
+    UIManager: {},
+    BlobModule: {
+      getConstants: () => ({BLOB_URI_SCHEME: 'content', BLOB_URI_HOST: null}),
+      addNetworkingHandler: jest.fn(),
+      enableBlobSupport: jest.fn(),
+      disableBlobSupport: jest.fn(),
+      createFromParts: jest.fn(),
+      sendBlob: jest.fn(),
+      release: jest.fn(),
+    },
+    WebSocketModule: {
+      connect: jest.fn(),
+      send: jest.fn(),
+      sendBinary: jest.fn(),
+      ping: jest.fn(),
+      close: jest.fn(),
+      addListener: jest.fn(),
+      removeListeners: jest.fn(),
+    },
+    I18nManager: {
+      allowRTL: jest.fn(),
+      forceRTL: jest.fn(),
+      swapLeftAndRightInRTL: jest.fn(),
+      getConstants: () => ({
+        isRTL: false,
+        doLeftAndRightSwapInRTL: true,
+      }),
+    },
+  }));
diff --git a/packages/react-native-test-renderer/src/renderer/__tests__/__snapshots__/render-test.js.snap b/packages/react-native-test-renderer/src/renderer/__tests__/__snapshots__/render-test.js.snap
new file mode 100644
index 00000000000000..edd8a0c422dfa7
--- /dev/null
+++ b/packages/react-native-test-renderer/src/renderer/__tests__/__snapshots__/render-test.js.snap
@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`render toJSON renders View props 1`] = `
+<RCTView
+  pointerEvents="box-none"
+>
+  <RCTText
+    accessible={true}
+    allowFontScaling={true}
+    ellipsizeMode="tail"
+    isHighlighted={false}
+    selectionColor={null}
+  >
+    Hello
+  </RCTText>
+  <RCTView
+    style={
+      {
+        "flex": 1,
+      }
+    }
+  />
+</RCTView>
+`;
+
+exports[`render toJSON returns expected JSON output based on renderer component 1`] = `
+<RCTView>
+  <RCTText
+    accessible={true}
+    allowFontScaling={true}
+    ellipsizeMode="tail"
+    isHighlighted={false}
+    selectionColor={null}
+  >
+    Hello
+  </RCTText>
+  <RCTView />
+</RCTView>
+`;
diff --git a/packages/react-native-test-renderer/src/renderer/__tests__/render-test.js b/packages/react-native-test-renderer/src/renderer/__tests__/render-test.js
new file mode 100644
index 00000000000000..f1776daee9c82b
--- /dev/null
+++ b/packages/react-native-test-renderer/src/renderer/__tests__/render-test.js
@@ -0,0 +1,63 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+import * as ReactNativeTestRenderer from '../index';
+import * as React from 'react';
+import {Text, View} from 'react-native';
+import 'react-native/Libraries/Components/View/ViewNativeComponent';
+
+function TestComponent() {
+  return (
+    <View>
+      <Text>Hello</Text>
+      <View />
+    </View>
+  );
+}
+
+function TestComponentWithProps() {
+  return (
+    <View pointerEvents="box-none">
+      <Text>Hello</Text>
+      <View style={{flex: 1}} />
+    </View>
+  );
+}
+
+describe('render', () => {
+  describe('toJSON', () => {
+    it('returns expected JSON output based on renderer component', () => {
+      const result = ReactNativeTestRenderer.render(<TestComponent />);
+      expect(result.toJSON()).toMatchSnapshot();
+    });
+
+    it('renders View props', () => {
+      const result = ReactNativeTestRenderer.render(<TestComponentWithProps />);
+      expect(result.toJSON()).toMatchSnapshot();
+    });
+  });
+
+  describe('findAll', () => {
+    it('returns all nodes matching the predicate', () => {
+      const result = ReactNativeTestRenderer.render(<TestComponent />);
+      const textNode = result.findAll(node => {
+        return node.props?.text === 'Hello';
+      })[0];
+      expect(textNode).not.toBeUndefined();
+
+      const viewNodes = result.findAll(node => {
+        return node.viewName === 'RCTView';
+      });
+      expect(viewNodes.length).toBe(2);
+    });
+  });
+});
diff --git a/packages/react-native-test-renderer/src/renderer/index.js b/packages/react-native-test-renderer/src/renderer/index.js
new file mode 100644
index 00000000000000..0beebea01573cd
--- /dev/null
+++ b/packages/react-native-test-renderer/src/renderer/index.js
@@ -0,0 +1,116 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+import type {Element, ElementType} from 'react';
+
+import * as FabricUIManager from 'react-native/Libraries/ReactNative/__mocks__/FabricUIManager';
+import ReactFabric from 'react-native/Libraries/Renderer/shims/ReactFabric';
+import {act} from 'react-test-renderer';
+
+type FiberPartial = {
+  pendingProps: {
+    children: $ReadOnlyArray<ReactNode>,
+    ...
+  },
+  ...
+};
+
+type ReactNode = {
+  children: ?Array<ReactNode>,
+  props: {text?: string | null, ...},
+  viewName: string,
+  instanceHandle: FiberPartial,
+};
+
+type RenderedNodeJSON = {
+  type: string,
+  props: {[propName: string]: any, ...},
+  children: null | Array<RenderedJSON>,
+  $$typeof?: symbol, // Optional because we add it with defineProperty().
+};
+type RenderedJSON = RenderedNodeJSON | string;
+
+type RenderResult = {
+  toJSON: () => Array<RenderedJSON> | RenderedJSON | null,
+  findAll: (predicate: (ReactNode) => boolean) => Array<ReactNode>,
+};
+
+function buildRenderResult(rootNode: ReactNode): RenderResult {
+  return {
+    toJSON: () => toJSON(rootNode),
+    findAll: (predicate: ReactNode => boolean) => findAll(rootNode, predicate),
+  };
+}
+
+export function render(element: Element<ElementType>): RenderResult {
+  const manager = FabricUIManager.getFabricUIManager();
+  if (!manager) {
+    throw new Error('No FabricUIManager found');
+  }
+  const containerTag = Math.round(Math.random() * 1000000);
+  act(() => {
+    ReactFabric.render(element, containerTag, () => {}, true);
+  });
+
+  // $FlowFixMe
+  const root: [ReactNode] = manager.getRoot(containerTag);
+
+  if (root == null) {
+    throw new Error('No root found for containerTag ' + containerTag);
+  }
+
+  return buildRenderResult(root[0]);
+}
+
+function toJSON(node: ReactNode): RenderedJSON {
+  let renderedChildren = null;
+  if (node.children != null && node.children.length > 0) {
+    renderedChildren = node.children.map(c => toJSON(c));
+  }
+
+  if (node.viewName === 'RCTRawText') {
+    return node.props.text ?? '';
+  }
+
+  const {children: _children, ...props} =
+    node.instanceHandle?.pendingProps ?? {};
+  const json: RenderedNodeJSON = {
+    type: node.viewName,
+    props,
+    children: renderedChildren,
+  };
+
+  Object.defineProperty(json, '$$typeof', {
+    value: Symbol.for('react.test.json'),
+  });
+
+  return json;
+}
+
+function findAll(
+  node: ReactNode,
+  predicate: ReactNode => boolean,
+): Array<ReactNode> {
+  const results = [];
+
+  if (predicate(node)) {
+    results.push(node);
+  }
+
+  if (node.children != null && node.children.length > 0) {
+    for (const child of node.children) {
+      results.push(...findAll(child, predicate));
+    }
+  }
+
+  return results;
+}
diff --git a/packages/react-native/Libraries/ActionSheetIOS/ActionSheetIOS.js b/packages/react-native/Libraries/ActionSheetIOS/ActionSheetIOS.js
index 5366c0ccc2cb9f..e970cdc06a68a2 100644
--- a/packages/react-native/Libraries/ActionSheetIOS/ActionSheetIOS.js
+++ b/packages/react-native/Libraries/ActionSheetIOS/ActionSheetIOS.js
@@ -89,7 +89,9 @@ const ActionSheetIOS = {
     RCTActionSheetManager.showActionSheetWithOptions(
       {
         ...remainingOptions,
+        // $FlowFixMe[incompatible-call]
         tintColor: processedTintColor,
+        // $FlowFixMe[incompatible-call]
         cancelButtonTintColor: processedCancelButtonTintColor,
         destructiveButtonIndices,
       },
diff --git a/packages/react-native/Libraries/ActionSheetIOS/NativeActionSheetManager.js b/packages/react-native/Libraries/ActionSheetIOS/NativeActionSheetManager.js
index 8247ac260aff99..06fec75530e48e 100644
--- a/packages/react-native/Libraries/ActionSheetIOS/NativeActionSheetManager.js
+++ b/packages/react-native/Libraries/ActionSheetIOS/NativeActionSheetManager.js
@@ -4,51 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {||};
-  +showActionSheetWithOptions: (
-    options: {|
-      +title?: ?string,
-      +message?: ?string,
-      +options: ?Array<string>,
-      +destructiveButtonIndices?: ?Array<number>,
-      +cancelButtonIndex?: ?number,
-      +anchor?: ?number,
-      +tintColor?: ?number,
-      +cancelButtonTintColor?: ?number,
-      +userInterfaceStyle?: ?string,
-      +disabledButtonIndices?: Array<number>,
-    |},
-    callback: (buttonIndex: number) => void,
-  ) => void;
-  +showShareActionSheetWithOptions: (
-    options: {|
-      +message?: ?string,
-      +url?: ?string,
-      +subject?: ?string,
-      +anchor?: ?number,
-      +tintColor?: ?number,
-      +cancelButtonTintColor?: ?number,
-      +excludedActivityTypes?: ?Array<string>,
-      +userInterfaceStyle?: ?string,
-    |},
-    failureCallback: (error: {|
-      +domain: string,
-      +code: string,
-      +userInfo?: ?Object,
-      +message: string,
-    |}) => void,
-    successCallback: (completed: boolean, activityType: ?string) => void,
-  ) => void;
-  +dismissActionSheet?: () => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('ActionSheetManager'): ?Spec);
+export * from '../../src/private/specs/modules/NativeActionSheetManager';
+import NativeActionSheetManager from '../../src/private/specs/modules/NativeActionSheetManager';
+export default NativeActionSheetManager;
diff --git a/packages/react-native/Libraries/Alert/NativeAlertManager.js b/packages/react-native/Libraries/Alert/NativeAlertManager.js
index 9bd3836bb4d720..33d2102f6e3d83 100644
--- a/packages/react-native/Libraries/Alert/NativeAlertManager.js
+++ b/packages/react-native/Libraries/Alert/NativeAlertManager.js
@@ -4,37 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type Args = {|
-  title?: string,
-  message?: string,
-  buttons?: Array<Object>, // TODO(T67565166): have a better type
-  type?: string,
-  defaultValue?: string,
-  cancelButtonKey?: string,
-  destructiveButtonKey?: string,
-  preferredButtonKey?: string,
-  keyboardType?: string,
-  userInterfaceStyle?: string,
-  // [macOS
-  defaultInputs?: Array<Object>,
-  modal?: ?boolean,
-  critical?: ?boolean,
-  // macOS]
-|};
-
-export interface Spec extends TurboModule {
-  +alertWithArgs: (
-    args: Args,
-    callback: (id: number, value: string) => void,
-  ) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('AlertManager'): ?Spec);
+export * from '../../src/private/specs/modules/NativeAlertManager';
+import NativeAlertManager from '../../src/private/specs/modules/NativeAlertManager';
+export default NativeAlertManager;
diff --git a/packages/react-native/Libraries/Animated/Animated.js b/packages/react-native/Libraries/Animated/Animated.js
index a9df993ad2981c..509e33880db5d5 100644
--- a/packages/react-native/Libraries/Animated/Animated.js
+++ b/packages/react-native/Libraries/Animated/Animated.js
@@ -21,9 +21,9 @@ import Platform from '../Utilities/Platform';
 import AnimatedImplementation from './AnimatedImplementation';
 import AnimatedMock from './AnimatedMock';
 
-const Animated = ((Platform.isDisableAnimations
+const Animated: typeof AnimatedImplementation = Platform.isDisableAnimations
   ? AnimatedMock
-  : AnimatedImplementation): typeof AnimatedImplementation);
+  : AnimatedImplementation;
 
 export default {
   get FlatList(): AnimatedFlatList {
diff --git a/packages/react-native/Libraries/Animated/AnimatedPlatformConfig.js b/packages/react-native/Libraries/Animated/AnimatedPlatformConfig.js
index fb0b52f3f1c8bd..c495cedb669641 100644
--- a/packages/react-native/Libraries/Animated/AnimatedPlatformConfig.js
+++ b/packages/react-native/Libraries/Animated/AnimatedPlatformConfig.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/react-native/Libraries/Animated/NativeAnimatedHelper.js b/packages/react-native/Libraries/Animated/NativeAnimatedHelper.js
index ef8943b9866fef..5a8ccaa4053b5a 100644
--- a/packages/react-native/Libraries/Animated/NativeAnimatedHelper.js
+++ b/packages/react-native/Libraries/Animated/NativeAnimatedHelper.js
@@ -18,9 +18,9 @@ import type {
 } from './NativeAnimatedModule';
 import type {InterpolationConfigType} from './nodes/AnimatedInterpolation';
 
+import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import NativeEventEmitter from '../EventEmitter/NativeEventEmitter';
 import RCTDeviceEventEmitter from '../EventEmitter/RCTDeviceEventEmitter';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
 import Platform from '../Utilities/Platform';
 import NativeAnimatedNonTurboModule from './NativeAnimatedModule';
 import NativeAnimatedTurboModule from './NativeAnimatedTurboModule';
@@ -48,10 +48,10 @@ const useSingleOpBatching =
 let flushQueueTimeout = null;
 
 const eventListenerGetValueCallbacks: {
-  [$FlowFixMe | number]: ((value: number) => void) | void,
+  [number]: (value: number) => void,
 } = {};
 const eventListenerAnimationFinishedCallbacks: {
-  [$FlowFixMe | number]: EndCallback | void,
+  [number]: EndCallback,
 } = {};
 let globalEventEmitterGetValueListener: ?EventSubscription = null;
 let globalEventEmitterAnimationFinishedListener: ?EventSubscription = null;
@@ -339,7 +339,7 @@ const API = {
 function setupGlobalEventEmitterListeners() {
   globalEventEmitterGetValueListener = RCTDeviceEventEmitter.addListener(
     'onNativeAnimatedModuleGetValue',
-    function (params) {
+    params => {
       const {tag} = params;
       const callback = eventListenerGetValueCallbacks[tag];
       if (!callback) {
@@ -352,14 +352,17 @@ function setupGlobalEventEmitterListeners() {
   globalEventEmitterAnimationFinishedListener =
     RCTDeviceEventEmitter.addListener(
       'onNativeAnimatedModuleAnimationFinished',
-      function (params) {
-        const {animationId} = params;
-        const callback = eventListenerAnimationFinishedCallbacks[animationId];
-        if (!callback) {
-          return;
+      params => {
+        // TODO: remove Array.isArray once native changes have propagated
+        const animations = Array.isArray(params) ? params : [params];
+        for (const animation of animations) {
+          const {animationId} = animation;
+          const callback = eventListenerAnimationFinishedCallbacks[animationId];
+          if (callback) {
+            callback(animation);
+            delete eventListenerAnimationFinishedCallbacks[animationId];
+          }
         }
-        callback(params);
-        delete eventListenerAnimationFinishedCallbacks[animationId];
       },
     );
 }
diff --git a/packages/react-native/Libraries/Animated/NativeAnimatedModule.js b/packages/react-native/Libraries/Animated/NativeAnimatedModule.js
index 5094739f4fd90d..74a9cbb3f46474 100644
--- a/packages/react-native/Libraries/Animated/NativeAnimatedModule.js
+++ b/packages/react-native/Libraries/Animated/NativeAnimatedModule.js
@@ -4,74 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-import shouldUseTurboAnimatedModule from './shouldUseTurboAnimatedModule';
-
-type EndResult = {finished: boolean, value?: number, ...};
-type EndCallback = (result: EndResult) => void;
-type SaveValueCallback = (value: number) => void;
-
-export type EventMapping = {|
-  nativeEventPath: Array<string>,
-  animatedValueTag: ?number,
-|};
-
-// The config has different keys depending on the type of the Node
-// TODO(T54896888): Make these types strict
-export type AnimatedNodeConfig = Object;
-export type AnimatingNodeConfig = Object;
-
-export interface Spec extends TurboModule {
-  +startOperationBatch: () => void;
-  +finishOperationBatch: () => void;
-  +createAnimatedNode: (tag: number, config: AnimatedNodeConfig) => void;
-  +updateAnimatedNodeConfig?: (tag: number, config: AnimatedNodeConfig) => void;
-  +getValue: (tag: number, saveValueCallback: SaveValueCallback) => void;
-  +startListeningToAnimatedNodeValue: (tag: number) => void;
-  +stopListeningToAnimatedNodeValue: (tag: number) => void;
-  +connectAnimatedNodes: (parentTag: number, childTag: number) => void;
-  +disconnectAnimatedNodes: (parentTag: number, childTag: number) => void;
-  +startAnimatingNode: (
-    animationId: number,
-    nodeTag: number,
-    config: AnimatingNodeConfig,
-    endCallback: EndCallback,
-  ) => void;
-  +stopAnimation: (animationId: number) => void;
-  +setAnimatedNodeValue: (nodeTag: number, value: number) => void;
-  +setAnimatedNodeOffset: (nodeTag: number, offset: number) => void;
-  +flattenAnimatedNodeOffset: (nodeTag: number) => void;
-  +extractAnimatedNodeOffset: (nodeTag: number) => void;
-  +connectAnimatedNodeToView: (nodeTag: number, viewTag: number) => void;
-  +disconnectAnimatedNodeFromView: (nodeTag: number, viewTag: number) => void;
-  +restoreDefaultValues: (nodeTag: number) => void;
-  +dropAnimatedNode: (tag: number) => void;
-  +addAnimatedEventToView: (
-    viewTag: number,
-    eventName: string,
-    eventMapping: EventMapping,
-  ) => void;
-  +removeAnimatedEventFromView: (
-    viewTag: number,
-    eventName: string,
-    animatedNodeTag: number,
-  ) => void;
-
-  // Events
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-
-  // All of the above in a batched mode
-  +queueAndExecuteBatchedOperations?: (operationsAndArgs: Array<any>) => void;
-}
-
-const NativeModule: ?Spec = !shouldUseTurboAnimatedModule()
-  ? TurboModuleRegistry.get<Spec>('NativeAnimatedModule')
-  : null;
-export default NativeModule;
+export * from '../../src/private/specs/modules/NativeAnimatedModule';
+import NativeAnimatedModule from '../../src/private/specs/modules/NativeAnimatedModule';
+export default NativeAnimatedModule;
diff --git a/packages/react-native/Libraries/Animated/NativeAnimatedTurboModule.js b/packages/react-native/Libraries/Animated/NativeAnimatedTurboModule.js
index 35a4ffa16bf576..36086746940fcd 100644
--- a/packages/react-native/Libraries/Animated/NativeAnimatedTurboModule.js
+++ b/packages/react-native/Libraries/Animated/NativeAnimatedTurboModule.js
@@ -4,75 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-import shouldUseTurboAnimatedModule from './shouldUseTurboAnimatedModule';
-
-type EndResult = {finished: boolean, value?: number, ...};
-type EndCallback = (result: EndResult) => void;
-type SaveValueCallback = (value: number) => void;
-
-export type EventMapping = {|
-  nativeEventPath: Array<string>,
-  animatedValueTag: ?number,
-|};
-
-// The config has different keys depending on the type of the Node
-// TODO(T54896888): Make these types strict
-export type AnimatedNodeConfig = Object;
-export type AnimatingNodeConfig = Object;
-
-export interface Spec extends TurboModule {
-  +startOperationBatch: () => void;
-  +finishOperationBatch: () => void;
-  +createAnimatedNode: (tag: number, config: AnimatedNodeConfig) => void;
-  +updateAnimatedNodeConfig?: (tag: number, config: AnimatedNodeConfig) => void;
-  +getValue: (tag: number, saveValueCallback: SaveValueCallback) => void;
-  +startListeningToAnimatedNodeValue: (tag: number) => void;
-  +stopListeningToAnimatedNodeValue: (tag: number) => void;
-  +connectAnimatedNodes: (parentTag: number, childTag: number) => void;
-  +disconnectAnimatedNodes: (parentTag: number, childTag: number) => void;
-  +startAnimatingNode: (
-    animationId: number,
-    nodeTag: number,
-    config: AnimatingNodeConfig,
-    endCallback: EndCallback,
-  ) => void;
-  +stopAnimation: (animationId: number) => void;
-  +setAnimatedNodeValue: (nodeTag: number, value: number) => void;
-  +setAnimatedNodeOffset: (nodeTag: number, offset: number) => void;
-  +flattenAnimatedNodeOffset: (nodeTag: number) => void;
-  +extractAnimatedNodeOffset: (nodeTag: number) => void;
-  +connectAnimatedNodeToView: (nodeTag: number, viewTag: number) => void;
-  +disconnectAnimatedNodeFromView: (nodeTag: number, viewTag: number) => void;
-  +restoreDefaultValues: (nodeTag: number) => void;
-  +dropAnimatedNode: (tag: number) => void;
-  +addAnimatedEventToView: (
-    viewTag: number,
-    eventName: string,
-    eventMapping: EventMapping,
-  ) => void;
-  +removeAnimatedEventFromView: (
-    viewTag: number,
-    eventName: string,
-    animatedNodeTag: number,
-  ) => void;
-
-  // Events
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-
-  // All of the above in a batched mode
-  +queueAndExecuteBatchedOperations?: (operationsAndArgs: Array<any>) => void;
-}
-
-const NativeModule: ?Spec = shouldUseTurboAnimatedModule()
-  ? TurboModuleRegistry.get<Spec>('NativeAnimatedTurboModule')
-  : null;
-
-export default NativeModule;
+export * from '../../src/private/specs/modules/NativeAnimatedTurboModule';
+import NativeAnimatedTurboModule from '../../src/private/specs/modules/NativeAnimatedTurboModule';
+export default NativeAnimatedTurboModule;
diff --git a/packages/react-native/Libraries/Animated/__tests__/Animated-test.js b/packages/react-native/Libraries/Animated/__tests__/Animated-test.js
index 96802ebf575a6d..b58175ac46e275 100644
--- a/packages/react-native/Libraries/Animated/__tests__/Animated-test.js
+++ b/packages/react-native/Libraries/Animated/__tests__/Animated-test.js
@@ -1094,9 +1094,7 @@ describe('Animated tests', () => {
       const listener = jest.fn();
       color.addListener(listener);
 
-      const callback = jest.fn(() => {
-        console.log('callback', color.__getValue());
-      });
+      const callback = jest.fn();
       const node = new AnimatedProps({style: {color}}, callback);
       node.__attach();
 
diff --git a/packages/react-native/Libraries/Animated/animations/Animation.js b/packages/react-native/Libraries/Animated/animations/Animation.js
index d8e955f9fda49b..c93dc21f58b7b0 100644
--- a/packages/react-native/Libraries/Animated/animations/Animation.js
+++ b/packages/react-native/Libraries/Animated/animations/Animation.js
@@ -14,11 +14,8 @@ import type {PlatformConfig} from '../AnimatedPlatformConfig';
 import type AnimatedNode from '../nodes/AnimatedNode';
 import type AnimatedValue from '../nodes/AnimatedValue';
 
-import Platform from '../../Utilities/Platform';
 import NativeAnimatedHelper from '../NativeAnimatedHelper';
-import AnimatedColor from '../nodes/AnimatedColor';
 import AnimatedProps from '../nodes/AnimatedProps';
-import AnimatedValueXY from '../nodes/AnimatedValueXY';
 
 export type EndResult = {finished: boolean, value?: number, ...};
 export type EndCallback = (result: EndResult) => void;
@@ -39,10 +36,11 @@ let startNativeAnimationNextId = 1;
 export default class Animation {
   __active: boolean;
   __isInteraction: boolean;
-  __nativeId: number;
   __onEnd: ?EndCallback;
   __iterations: number;
 
+  _nativeId: number;
+
   start(
     fromValue: number,
     onUpdate: (value: number) => void,
@@ -52,8 +50,8 @@ export default class Animation {
   ): void {}
 
   stop(): void {
-    if (this.__nativeId) {
-      NativeAnimatedHelper.API.stopAnimation(this.__nativeId);
+    if (this._nativeId) {
+      NativeAnimatedHelper.API.stopAnimation(this._nativeId);
     }
   }
 
@@ -78,20 +76,6 @@ export default class Animation {
       return result;
     }
 
-    // Vectorized animations (animations on AnimatedValueXY, AnimatedColor nodes)
-    // are split into multiple animations for each component that execute in parallel.
-    // Calling update() on AnimatedProps when each animation completes results in
-    // potential flickering as all animations that are part of the vectorized animation
-    // may not have completed yet. For example, only the animation for the red channel of
-    // an animating color may have been completed, resulting in a temporary red color
-    // being rendered. So, for now, ignore AnimatedProps that use a vectorized animation.
-    if (
-      Platform.OS === 'ios' &&
-      (node instanceof AnimatedValueXY || node instanceof AnimatedColor)
-    ) {
-      return result;
-    }
-
     for (const child of node.__getChildren()) {
       result.push(...this.__findAnimatedPropsNodes(child));
     }
@@ -108,9 +92,9 @@ export default class Animation {
     try {
       const config = this.__getNativeAnimationConfig();
       animatedValue.__makeNative(config.platformConfig);
-      this.__nativeId = NativeAnimatedHelper.generateNewAnimationId();
+      this._nativeId = NativeAnimatedHelper.generateNewAnimationId();
       NativeAnimatedHelper.API.startAnimatingNode(
-        this.__nativeId,
+        this._nativeId,
         animatedValue.__getNativeTag(),
         config,
         result => {
diff --git a/packages/react-native/Libraries/Animated/components/AnimatedFlatList.js b/packages/react-native/Libraries/Animated/components/AnimatedFlatList.js
index a3a24355cba038..adfb8639585656 100644
--- a/packages/react-native/Libraries/Animated/components/AnimatedFlatList.js
+++ b/packages/react-native/Libraries/Animated/components/AnimatedFlatList.js
@@ -14,22 +14,7 @@ import FlatList from '../../Lists/FlatList';
 import createAnimatedComponent from '../createAnimatedComponent';
 import * as React from 'react';
 
-/**
- * @see https://github.com/facebook/react-native/commit/b8c8562
- */
-const FlatListWithEventThrottle = React.forwardRef(
-  // $FlowFixMe[incompatible-call]
-  (
-    props: React.ElementConfig<typeof FlatList>,
-    ref:
-      | ((null | FlatList<mixed>) => mixed)
-      | {current: null | FlatList<mixed>, ...},
-  ) => <FlatList {...props} ref={ref} />,
-);
-
-export default (createAnimatedComponent(
-  FlatListWithEventThrottle,
-): AnimatedComponentType<
+export default (createAnimatedComponent(FlatList): AnimatedComponentType<
   React.ElementConfig<typeof FlatList>,
   React.ElementRef<typeof FlatList>,
 >);
diff --git a/packages/react-native/Libraries/Animated/components/AnimatedScrollView.js b/packages/react-native/Libraries/Animated/components/AnimatedScrollView.js
index e2b48d0ce9af9b..029563d4bb9059 100644
--- a/packages/react-native/Libraries/Animated/components/AnimatedScrollView.js
+++ b/packages/react-native/Libraries/Animated/components/AnimatedScrollView.js
@@ -30,39 +30,44 @@ type Instance = React.ElementRef<typeof ScrollView>;
  * @see https://github.com/facebook/react-native/commit/b8c8562
  */
 const AnimatedScrollView: AnimatedComponentType<Props, Instance> =
-  React.forwardRef((props, forwardedRef) => {
-    // (Android only) When a ScrollView has a RefreshControl and
-    // any `style` property set with an Animated.Value, the CSS
-    // gets incorrectly applied twice. This is because ScrollView
-    // swaps the parent/child relationship of itself and the
-    // RefreshControl component (see ScrollView.js for more details).
-    if (
-      Platform.OS === 'android' &&
-      props.refreshControl != null &&
-      props.style != null
+  React.forwardRef(
+    function AnimatedScrollViewWithOrWithoutInvertedRefreshControl(
+      props,
+      forwardedRef,
     ) {
-      return (
-        <AnimatedScrollViewWithInvertedRefreshControl
-          scrollEventThrottle={0.0001}
-          {...props}
-          ref={forwardedRef}
-          refreshControl={props.refreshControl}
-        />
-      );
-    } else {
-      return (
-        <AnimatedScrollViewWithoutInvertedRefreshControl
-          scrollEventThrottle={0.0001}
-          {...props}
-          ref={forwardedRef}
-        />
-      );
-    }
-  });
+      // (Android only) When a ScrollView has a RefreshControl and
+      // any `style` property set with an Animated.Value, the CSS
+      // gets incorrectly applied twice. This is because ScrollView
+      // swaps the parent/child relationship of itself and the
+      // RefreshControl component (see ScrollView.js for more details).
+      if (
+        Platform.OS === 'android' &&
+        props.refreshControl != null &&
+        props.style != null
+      ) {
+        return (
+          <AnimatedScrollViewWithInvertedRefreshControl
+            scrollEventThrottle={0.0001}
+            {...props}
+            ref={forwardedRef}
+            refreshControl={props.refreshControl}
+          />
+        );
+      } else {
+        return (
+          <AnimatedScrollViewWithoutInvertedRefreshControl
+            scrollEventThrottle={0.0001}
+            {...props}
+            ref={forwardedRef}
+          />
+        );
+      }
+    },
+  );
 
 const AnimatedScrollViewWithInvertedRefreshControl = React.forwardRef(
   // $FlowFixMe[incompatible-call]
-  (
+  function AnimatedScrollViewWithInvertedRefreshControl(
     props: {
       ...React.ElementConfig<typeof ScrollView>,
       // $FlowFixMe[unclear-type] Same Flow type as `refreshControl` in ScrollView
@@ -71,7 +76,7 @@ const AnimatedScrollViewWithInvertedRefreshControl = React.forwardRef(
     forwardedRef:
       | {current: Instance | null, ...}
       | ((Instance | null) => mixed),
-  ) => {
+  ) {
     // Split `props` into the animate-able props for the parent (RefreshControl)
     // and child (ScrollView).
     const {intermediatePropsForRefreshControl, intermediatePropsForScrollView} =
@@ -103,7 +108,7 @@ const AnimatedScrollViewWithInvertedRefreshControl = React.forwardRef(
       Props,
       Instance,
     >(intermediatePropsForScrollView);
-    const ref = useMergeRefs<Instance | null>(scrollViewRef, forwardedRef);
+    const ref = useMergeRefs<Instance>(scrollViewRef, forwardedRef);
 
     return (
       // $FlowFixMe[incompatible-use] Investigate useAnimatedProps return value
diff --git a/packages/react-native/Libraries/Animated/components/AnimatedSectionList.js b/packages/react-native/Libraries/Animated/components/AnimatedSectionList.js
index 083d9be05eb3a2..5b2f80c2c53eab 100644
--- a/packages/react-native/Libraries/Animated/components/AnimatedSectionList.js
+++ b/packages/react-native/Libraries/Animated/components/AnimatedSectionList.js
@@ -8,32 +8,13 @@
  * @format
  */
 
-import type {SectionBase} from '../../Lists/SectionList';
 import type {AnimatedComponentType} from '../createAnimatedComponent';
 
 import SectionList from '../../Lists/SectionList';
 import createAnimatedComponent from '../createAnimatedComponent';
 import * as React from 'react';
 
-/**
- * @see https://github.com/facebook/react-native/commit/b8c8562
- */
-const SectionListWithEventThrottle = React.forwardRef(
-  // $FlowFixMe[incompatible-call]
-  (
-    props: React.ElementConfig<typeof SectionList>,
-    ref:
-      | ((null | SectionList<SectionBase<$FlowFixMe>>) => mixed)
-      | {
-          current: null | SectionList<SectionBase<$FlowFixMe>>,
-          ...
-        },
-  ) => <SectionList {...props} ref={ref} />,
-);
-
-export default (createAnimatedComponent(
-  SectionListWithEventThrottle,
-): AnimatedComponentType<
+export default (createAnimatedComponent(SectionList): AnimatedComponentType<
   React.ElementConfig<typeof SectionList>,
   React.ElementRef<typeof SectionList>,
 >);
diff --git a/packages/react-native/Libraries/Animated/createAnimatedComponent.js b/packages/react-native/Libraries/Animated/createAnimatedComponent.js
index 878b1d34a4391c..78b66e094812d2 100644
--- a/packages/react-native/Libraries/Animated/createAnimatedComponent.js
+++ b/packages/react-native/Libraries/Animated/createAnimatedComponent.js
@@ -13,50 +13,55 @@ import useMergeRefs from '../Utilities/useMergeRefs';
 import useAnimatedProps from './useAnimatedProps';
 import * as React from 'react';
 
+// $FlowFixMe[deprecated-type]
+export type AnimatedProps<Props: {...}> = $ObjMap<
+  Props &
+    $ReadOnly<{
+      passthroughAnimatedPropExplicitValues?: React.ElementConfig<typeof View>,
+    }>,
+  () => any,
+>;
+
 export type AnimatedComponentType<
-  -Props: {+[string]: mixed, ...},
+  Props: {...},
   +Instance = mixed,
-> = React.AbstractComponent<
-  $ObjMap<
-    Props &
-      $ReadOnly<{
-        passthroughAnimatedPropExplicitValues?: React.ElementConfig<
-          typeof View,
-        >,
-      }>,
-    () => any,
-  >,
-  Instance,
->;
+> = React.AbstractComponent<AnimatedProps<Props>, Instance>;
 
 export default function createAnimatedComponent<TProps: {...}, TInstance>(
   Component: React.AbstractComponent<TProps, TInstance>,
 ): AnimatedComponentType<TProps, TInstance> {
-  return React.forwardRef((props, forwardedRef) => {
-    const [reducedProps, callbackRef] = useAnimatedProps<TProps, TInstance>(
-      // $FlowFixMe[incompatible-call]
-      props,
-    );
-    // $FlowFixMe[incompatible-call]
-    const ref = useMergeRefs<TInstance | null>(callbackRef, forwardedRef);
-
-    // Some components require explicit passthrough values for animation
-    // to work properly. For example, if an animated component is
-    // transformed and Pressable, onPress will not work after transform
-    // without these passthrough values.
-    // $FlowFixMe[prop-missing]
-    const {passthroughAnimatedPropExplicitValues, style} = reducedProps;
-    const {style: passthroughStyle, ...passthroughProps} =
-      passthroughAnimatedPropExplicitValues ?? {};
-    const mergedStyle = {...style, ...passthroughStyle};
-
-    return (
-      <Component
-        {...reducedProps}
-        {...passthroughProps}
-        style={mergedStyle}
-        ref={ref}
-      />
-    );
-  });
+  const AnimatedComponent = React.forwardRef<AnimatedProps<TProps>, TInstance>(
+    (props, forwardedRef) => {
+      const [reducedProps, callbackRef] = useAnimatedProps<TProps, TInstance>(
+        // $FlowFixMe[incompatible-call]
+        props,
+      );
+      const ref = useMergeRefs<TInstance>(callbackRef, forwardedRef);
+
+      // Some components require explicit passthrough values for animation
+      // to work properly. For example, if an animated component is
+      // transformed and Pressable, onPress will not work after transform
+      // without these passthrough values.
+      // $FlowFixMe[prop-missing]
+      const {passthroughAnimatedPropExplicitValues, style} = reducedProps;
+      const {style: passthroughStyle, ...passthroughProps} =
+        passthroughAnimatedPropExplicitValues ?? {};
+      const mergedStyle = {...style, ...passthroughStyle};
+
+      return (
+        <Component
+          {...reducedProps}
+          {...passthroughProps}
+          style={mergedStyle}
+          ref={ref}
+        />
+      );
+    },
+  );
+
+  AnimatedComponent.displayName = `Animated(${
+    Component.displayName || 'Anonymous'
+  })`;
+
+  return AnimatedComponent;
 }
diff --git a/packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js b/packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js
index 8fdc6532aeb2e3..840e1264ddb582 100644
--- a/packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js
+++ b/packages/react-native/Libraries/Animated/nodes/AnimatedStyle.js
@@ -12,7 +12,7 @@
 
 import type {PlatformConfig} from '../AnimatedPlatformConfig';
 
-import ReactNativeFeatureFlags from '../../ReactNative/ReactNativeFeatureFlags';
+import * as ReactNativeFeatureFlags from '../../../src/private/featureflags/ReactNativeFeatureFlags';
 import flattenStyle from '../../StyleSheet/flattenStyle';
 import Platform from '../../Utilities/Platform';
 import NativeAnimatedHelper from '../NativeAnimatedHelper';
@@ -30,7 +30,7 @@ function createAnimatedStyle(
   const animatedStyles: any = {};
   for (const key in style) {
     const value = style[key];
-    if (key === 'transform') {
+    if (value != null && key === 'transform') {
       animatedStyles[key] =
         ReactNativeFeatureFlags.shouldUseAnimatedObjectForTransform()
           ? new AnimatedObject(value)
diff --git a/packages/react-native/Libraries/Animated/shouldUseTurboAnimatedModule.js b/packages/react-native/Libraries/Animated/shouldUseTurboAnimatedModule.js
index c112ba99aca60c..0a780617e48309 100644
--- a/packages/react-native/Libraries/Animated/shouldUseTurboAnimatedModule.js
+++ b/packages/react-native/Libraries/Animated/shouldUseTurboAnimatedModule.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/react-native/Libraries/Animated/useAnimatedProps.js b/packages/react-native/Libraries/Animated/useAnimatedProps.js
index 2d87e367d81c46..6be9fac9cd86cf 100644
--- a/packages/react-native/Libraries/Animated/useAnimatedProps.js
+++ b/packages/react-native/Libraries/Animated/useAnimatedProps.js
@@ -10,8 +10,8 @@
 
 'use strict';
 
+import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import {isPublicInstance as isFabricPublicInstance} from '../ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstanceUtils';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
 import useRefEffect from '../Utilities/useRefEffect';
 import {AnimatedEvent} from './AnimatedEvent';
 import NativeAnimatedHelper from './NativeAnimatedHelper';
@@ -37,6 +37,7 @@ export default function useAnimatedProps<TProps: {...}, TInstance>(
 ): [ReducedProps<TProps>, CallbackRef<TInstance | null>] {
   const [, scheduleUpdate] = useReducer<number, void>(count => count + 1, 0);
   const onUpdateRef = useRef<?() => void>(null);
+  const timerRef = useRef<TimeoutID | null>(null);
 
   // TODO: Only invalidate `node` if animated props or `style` change. In the
   // previous implementation, we permitted `style` to override props with the
@@ -87,6 +88,25 @@ export default function useAnimatedProps<TProps: {...}, TInstance>(
           // $FlowIgnore[not-a-function] - Assume it's still a function.
           // $FlowFixMe[incompatible-use]
           instance.setNativeProps(node.__getAnimatedValue());
+          if (isFabricInstance(instance)) {
+            // Keeping state of Fiber tree and Shadow tree in sync.
+            //
+            // This is done by calling `scheduleUpdate` which will trigger a commit.
+            // However, React commit is not fast enough to drive animations.
+            // This is where setNativeProps comes in handy but the state between
+            // Fiber tree and Shadow tree needs to be kept in sync.
+            // The goal is to call `scheduleUpdate` as little as possible to maintain
+            // performance but frequently enough to keep state in sync.
+            // Debounce is set to 48ms, which is 3 * the duration of a frame.
+            // 3 frames was the highest value where flickering state was not observed.
+            if (timerRef.current != null) {
+              clearTimeout(timerRef.current);
+            }
+            timerRef.current = setTimeout(() => {
+              timerRef.current = null;
+              scheduleUpdate();
+            }, 48);
+          }
         }
       };
 
diff --git a/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.h b/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.h
index fabb691c700bfb..ffbff6ae9eb535 100644
--- a/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.h
+++ b/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.h
@@ -11,8 +11,11 @@
 @class RCTBridge;
 @protocol RCTBridgeDelegate;
 @protocol RCTComponentViewProtocol;
+@class RCTRootView;
 @class RCTSurfacePresenterBridgeAdapter;
 
+NS_ASSUME_NONNULL_BEGIN
+
 /**
  * The RCTAppDelegate is an utility class that implements some base configurations for all the React Native apps.
  * It is not mandatory to use it, but it could simplify your AppDelegate code.
@@ -39,7 +42,6 @@
  *   - (UIViewController *)createRootViewController;
  *   - (void)setRootView:(UIView *)rootView toRootViewController:(UIViewController *)rootViewController;
  * New Architecture:
- *   - (BOOL)concurrentRootEnabled
  *   - (BOOL)turboModuleEnabled;
  *   - (BOOL)fabricEnabled;
  *   - (NSDictionary *)prepareInitialProps
@@ -57,10 +59,10 @@
 @interface RCTAppDelegate : NSResponder <NSApplicationDelegate, RCTBridgeDelegate>
 #endif // macOS]
 /// The window object, used to render the UViewControllers
-@property (nonatomic, strong) RCTPlatformWindow *window; // [macOS]
-@property (nonatomic, strong) RCTBridge *bridge;
-@property (nonatomic, strong) NSString *moduleName;
-@property (nonatomic, strong) NSDictionary *initialProps;
+@property (nonatomic, strong, nonnull) RCTPlatformWindow *window; // [macOS]
+@property (nonatomic, strong, nullable) RCTBridge *bridge;
+@property (nonatomic, strong, nullable) NSString *moduleName;
+@property (nonatomic, strong, nullable) NSDictionary *initialProps;
 
 /**
  * It creates a `RCTBridge` using a delegate and some launch options.
@@ -87,8 +89,28 @@
  * @returns: a UIView properly configured with a bridge for React Native.
  */
 - (RCTPlatformView *)createRootViewWithBridge:(RCTBridge *)bridge // [macOS]
-                                   moduleName:(NSString *)moduleName
-                                    initProps:(NSDictionary *)initProps;
+                          moduleName:(NSString *)moduleName
+                           initProps:(NSDictionary *)initProps;
+/**
+ * This method can be used to customize the rootView that is passed to React Native.
+ * A typical example is to override this method in the AppDelegate to change the background color.
+ * To achieve this, add in your `AppDelegate.mm`:
+ * ```
+ * - (void)customizeRootView:(RCTRootView *)rootView
+ * {
+ *   rootView.backgroundColor = [UIColor colorWithDynamicProvider:^UIColor *(UITraitCollection *traitCollection) {
+ *     if ([traitCollection userInterfaceStyle] == UIUserInterfaceStyleDark) {
+ *       return [UIColor blackColor];
+ *     } else {
+ *       return [UIColor whiteColor];
+ *     }
+ *   }];
+ * }
+ * ```
+ *
+ * @parameter: rootView - The root view to customize.
+ */
+- (void)customizeRootView:(RCTRootView *)rootView;
 
 /**
  * It creates the RootViewController.
@@ -104,8 +126,6 @@
  * By default, it assigns the rootView to the view property of the rootViewController
  * If you are not using a simple UIViewController, then there could be other methods to use to setup the rootView.
  * For example: UISplitViewController requires `setViewController(_:for:)`
- *
- * @return: void
  */
 - (void)setRootView:(RCTPlatformView *)rootView toRootViewController:(UIViewController *)rootViewController; // [macOS]
 
@@ -114,7 +134,6 @@
 /// @return: `YES` to use RuntimeScheduler, `NO` to use JavaScript scheduler. The default value is `YES`.
 - (BOOL)runtimeSchedulerEnabled;
 
-#if RCT_NEW_ARCH_ENABLED
 @property (nonatomic, strong) RCTSurfacePresenterBridgeAdapter *bridgeAdapter;
 
 /// This method returns a map of Component Descriptors and Components classes that needs to be registered in the
@@ -142,8 +161,8 @@
 - (BOOL)bridgelessEnabled;
 
 /// Return the bundle URL for the main bundle.
-- (NSURL *)getBundleURL;
-
-#endif
+- (NSURL *__nullable)bundleURL;
 
 @end
+
+NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.mm b/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.mm
index 4bfb4344475fa1..ee3368f397f6e7 100644
--- a/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.mm
+++ b/packages/react-native/Libraries/AppDelegate/RCTAppDelegate.mm
@@ -7,13 +7,13 @@
 
 #import "RCTAppDelegate.h"
 #import <React/RCTCxxBridgeDelegate.h>
+#import <React/RCTLog.h>
 #import <React/RCTRootView.h>
 #import <React/RCTSurfacePresenterBridgeAdapter.h>
+#import <React/RCTUtils.h>
 #import <react/renderer/runtimescheduler/RuntimeScheduler.h>
 #import "RCTAppSetupUtils.h"
-#import "RCTLegacyInteropComponents.h"
 
-#if RCT_NEW_ARCH_ENABLED
 #if RN_DISABLE_OSS_PLUGIN_HEADER
 #import <RCTTurboModulePlugin/RCTTurboModulePlugin.h>
 #else
@@ -23,7 +23,6 @@
 #import <React/RCTComponentViewFactory.h>
 #import <React/RCTComponentViewProtocol.h>
 #import <React/RCTFabricSurface.h>
-#import <React/RCTLegacyViewManagerInteropComponentView.h>
 #import <React/RCTSurfaceHostingProxyRootView.h>
 #import <React/RCTSurfacePresenter.h>
 #import <ReactCommon/RCTContextContainerHandling.h>
@@ -38,9 +37,7 @@
 #import <react/config/ReactNativeConfig.h>
 #import <react/renderer/runtimescheduler/RuntimeScheduler.h>
 #import <react/renderer/runtimescheduler/RuntimeSchedulerCallInvoker.h>
-#import <react/runtime/JSEngineInstance.h>
-
-static NSString *const kRNConcurrentRoot = @"concurrentRoot";
+#import <react/runtime/JSRuntimeFactory.h>
 
 @interface RCTAppDelegate () <
     RCTTurboModuleManagerDelegate,
@@ -51,7 +48,11 @@ @interface RCTAppDelegate () <
 }
 @end
 
-#endif
+static NSDictionary *updateInitialProps(NSDictionary *initialProps, BOOL isFabricEnabled)
+{
+  NSMutableDictionary *mutableProps = [initialProps mutableCopy] ?: [NSMutableDictionary new];
+  return mutableProps;
+}
 
 @interface RCTAppDelegate () <RCTCxxBridgeDelegate> {
   std::shared_ptr<facebook::react::RuntimeScheduler> _runtimeScheduler;
@@ -59,12 +60,9 @@ @interface RCTAppDelegate () <RCTCxxBridgeDelegate> {
 @end
 
 @implementation RCTAppDelegate {
-#if RCT_NEW_ARCH_ENABLED
   RCTHost *_reactHost;
-#endif
 }
 
-#if RCT_NEW_ARCH_ENABLED
 - (instancetype)init
 {
   if (self = [super init]) {
@@ -74,7 +72,6 @@ - (instancetype)init
   }
   return self;
 }
-#endif
 
 #if !TARGET_OS_OSX // [macOS]
 - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(NSDictionary *)launchOptions
@@ -85,53 +82,53 @@ - (void)applicationDidFinishLaunching:(NSNotification *)notification
     NSApplication *application = [notification object];
     NSDictionary *launchOptions = [notification userInfo];
 #endif // macOS]
-  BOOL enableTM = NO;
-  BOOL enableBridgeless = NO;
-#if RCT_NEW_ARCH_ENABLED
-  enableTM = self.turboModuleEnabled;
-  enableBridgeless = self.bridgelessEnabled;
-#endif
+  RCTSetNewArchEnabled([self newArchEnabled]);
+  BOOL enableTM = self.turboModuleEnabled;
+  BOOL fabricEnabled = self.fabricEnabled;
+  BOOL enableBridgeless = self.bridgelessEnabled;
+
+  NSDictionary *initProps = updateInitialProps([self prepareInitialProps], fabricEnabled);
 
   RCTAppSetupPrepareApp(application, enableTM);
 
-  RCTPlatformView *rootView; // [macOS]
+  RCTUIView *rootView; // [macOS]
 
   if (enableBridgeless) {
-#if RCT_NEW_ARCH_ENABLED
     // Enable native view config interop only if both bridgeless mode and Fabric is enabled.
-    RCTSetUseNativeViewConfigsInBridgelessMode([self fabricEnabled]);
+    RCTSetUseNativeViewConfigsInBridgelessMode(fabricEnabled);
 
     // Enable TurboModule interop by default in Bridgeless mode
     RCTEnableTurboModuleInterop(YES);
     RCTEnableTurboModuleInteropBridgeProxy(YES);
 
     [self createReactHost];
-    [self unstable_registerLegacyComponents];
     [RCTComponentViewFactory currentComponentViewFactory].thirdPartyFabricComponentsProvider = self;
-    RCTFabricSurface *surface = [_reactHost createSurfaceWithModuleName:self.moduleName
-                                                      initialProperties:launchOptions];
+    RCTFabricSurface *surface = [_reactHost createSurfaceWithModuleName:self.moduleName initialProperties:initProps];
 
     RCTSurfaceHostingProxyRootView *surfaceHostingProxyRootView = [[RCTSurfaceHostingProxyRootView alloc]
         initWithSurface:surface
         sizeMeasureMode:RCTSurfaceSizeMeasureModeWidthExact | RCTSurfaceSizeMeasureModeHeightExact];
 
     rootView = (RCTRootView *)surfaceHostingProxyRootView;
-#endif
+#if !TARGET_OS_OSX // [macOS]
+    rootView.backgroundColor = [UIColor systemBackgroundColor];
+#else // [macOS
+    rootView.layer.backgroundColor = [[NSColor windowBackgroundColor] CGColor];
+#endif // macOS]
   } else {
     if (!self.bridge) {
       self.bridge = [self createBridgeWithDelegate:self launchOptions:launchOptions];
     }
-#if RCT_NEW_ARCH_ENABLED
-    self.bridgeAdapter = [[RCTSurfacePresenterBridgeAdapter alloc] initWithBridge:self.bridge
-                                                                 contextContainer:_contextContainer];
-    self.bridge.surfacePresenter = self.bridgeAdapter.surfacePresenter;
+    if ([self newArchEnabled]) {
+      self.bridgeAdapter = [[RCTSurfacePresenterBridgeAdapter alloc] initWithBridge:self.bridge
+                                                                   contextContainer:_contextContainer];
+      self.bridge.surfacePresenter = self.bridgeAdapter.surfacePresenter;
 
-    [self unstable_registerLegacyComponents];
-    [RCTComponentViewFactory currentComponentViewFactory].thirdPartyFabricComponentsProvider = self;
-#endif
-    NSDictionary *initProps = [self prepareInitialProps];
+      [RCTComponentViewFactory currentComponentViewFactory].thirdPartyFabricComponentsProvider = self;
+    }
     rootView = [self createRootViewWithBridge:self.bridge moduleName:self.moduleName initProps:initProps];
   }
+  [self customizeRootView:(RCTRootView *)rootView];
 #if !TARGET_OS_OSX // [macOS]
 #if !TARGET_OS_VISION // [visionOS]
   self.window = [[UIWindow alloc] initWithFrame:[UIScreen mainScreen].bounds];
@@ -162,6 +159,11 @@ - (void)applicationDidFinishLaunching:(NSNotification *)notification
 #endif // macOS]
 }
 
+- (void)applicationDidEnterBackground:(UIApplication *)application
+{
+  // Noop
+}
+
 - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
 {
   [NSException raise:@"RCTBridgeDelegate::sourceURLForBridge not implemented"
@@ -171,15 +173,7 @@ - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
 
 - (NSDictionary *)prepareInitialProps
 {
-  NSMutableDictionary *initProps = self.initialProps ? [self.initialProps mutableCopy] : [NSMutableDictionary new];
-
-#ifdef RCT_NEW_ARCH_ENABLED
-  // Hardcoding the Concurrent Root as it it not recommended to
-  // have the concurrentRoot turned off when Fabric is enabled.
-  initProps[kRNConcurrentRoot] = @([self fabricEnabled]);
-#endif
-
-  return initProps;
+  return self.initialProps;
 }
 
 - (RCTBridge *)createBridgeWithDelegate:(id<RCTBridgeDelegate>)delegate launchOptions:(NSDictionary *)launchOptions
@@ -187,14 +181,17 @@ - (RCTBridge *)createBridgeWithDelegate:(id<RCTBridgeDelegate>)delegate launchOp
   return [[RCTBridge alloc] initWithDelegate:delegate launchOptions:launchOptions];
 }
 
+- (void)customizeRootView:(RCTRootView *)rootView
+{
+  // Override point for customization after application launch.
+}
+
 - (RCTPlatformView *)createRootViewWithBridge:(RCTBridge *)bridge // [macOS]
                           moduleName:(NSString *)moduleName
                            initProps:(NSDictionary *)initProps
 {
-  BOOL enableFabric = NO;
-#if RCT_NEW_ARCH_ENABLED
-  enableFabric = self.fabricEnabled;
-#endif
+  [self _logWarnIfCreateRootViewWithBridgeIsOverridden];
+  BOOL enableFabric = self.fabricEnabled;
   RCTPlatformView *rootView = RCTAppSetupDefaultRootView(bridge, moduleName, initProps, enableFabric); // [macOS]
 
 #if !TARGET_OS_OSX // [macOS]
@@ -206,6 +203,21 @@ - (RCTPlatformView *)createRootViewWithBridge:(RCTBridge *)bridge // [macOS]
   return rootView;
 }
 
+// TODO T173939093 - Remove _logWarnIfCreateRootViewWithBridgeIsOverridden after 0.74 is cut
+- (void)_logWarnIfCreateRootViewWithBridgeIsOverridden
+{
+  SEL selector = @selector(createRootViewWithBridge:moduleName:initProps:);
+  IMP baseClassImp = method_getImplementation(class_getInstanceMethod([RCTAppDelegate class], selector));
+  IMP currentClassImp = method_getImplementation(class_getInstanceMethod([self class], selector));
+  if (currentClassImp != baseClassImp) {
+    NSString *warnMessage =
+        @"If you are using the `createRootViewWithBridge` to customize the root view appearence,"
+         "for example to set the backgroundColor, please migrate to `customiseView` method.\n"
+         "The `createRootViewWithBridge` method is not invoked in bridgeless.";
+    RCTLogWarn(@"%@", warnMessage);
+  }
+}
+
 #if !TARGET_OS_OSX // [macOS]
 - (UIViewController *)createRootViewController
 {
@@ -229,6 +241,7 @@ - (BOOL)runtimeSchedulerEnabled
 }
 
 #pragma mark - UISceneDelegate
+
 #if !TARGET_OS_OSX // [macOS]
 - (void)windowScene:(UIWindowScene *)windowScene
     didUpdateCoordinateSpace:(id<UICoordinateSpace>)previousCoordinateSpace
@@ -240,52 +253,48 @@ - (void)windowScene:(UIWindowScene *)windowScene
 #endif // [macOS]
 
 #pragma mark - RCTCxxBridgeDelegate
+
 - (std::unique_ptr<facebook::react::JSExecutorFactory>)jsExecutorFactoryForBridge:(RCTBridge *)bridge
 {
   _runtimeScheduler = std::make_shared<facebook::react::RuntimeScheduler>(RCTRuntimeExecutorFromBridge(bridge));
-#if RCT_NEW_ARCH_ENABLED
-  std::shared_ptr<facebook::react::CallInvoker> callInvoker =
-      std::make_shared<facebook::react::RuntimeSchedulerCallInvoker>(_runtimeScheduler);
-  RCTTurboModuleManager *turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridge:bridge
-                                                                                   delegate:self
-                                                                                  jsInvoker:callInvoker];
-  _contextContainer->erase("RuntimeScheduler");
-  _contextContainer->insert("RuntimeScheduler", _runtimeScheduler);
-  return RCTAppSetupDefaultJsExecutorFactory(bridge, turboModuleManager, _runtimeScheduler);
-#else
-  return RCTAppSetupJsExecutorFactoryForOldArch(bridge, _runtimeScheduler);
-#endif
+  if ([self newArchEnabled]) {
+    std::shared_ptr<facebook::react::CallInvoker> callInvoker =
+        std::make_shared<facebook::react::RuntimeSchedulerCallInvoker>(_runtimeScheduler);
+    RCTTurboModuleManager *turboModuleManager = [[RCTTurboModuleManager alloc] initWithBridge:bridge
+                                                                                     delegate:self
+                                                                                    jsInvoker:callInvoker];
+    _contextContainer->erase("RuntimeScheduler");
+    _contextContainer->insert("RuntimeScheduler", _runtimeScheduler);
+    return RCTAppSetupDefaultJsExecutorFactory(bridge, turboModuleManager, _runtimeScheduler);
+  } else {
+    return RCTAppSetupJsExecutorFactoryForOldArch(bridge, _runtimeScheduler);
+  }
 }
 
-#if RCT_NEW_ARCH_ENABLED
-
-#pragma mark - RCTTurboModuleManagerDelegate
+#pragma mark - New Arch Enabled settings
 
-- (Class)getModuleClassFromName:(const char *)name
+- (BOOL)newArchEnabled
 {
-#if RN_DISABLE_OSS_PLUGIN_HEADER
-  return RCTTurboModulePluginClassProvider(name);
+#if RCT_NEW_ARCH_ENABLED
+  return YES;
 #else
-  return RCTCoreModulesClassProvider(name);
+  return NO;
 #endif
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
-                                                      jsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
+- (BOOL)turboModuleEnabled
 {
-  return nullptr;
+  return [self newArchEnabled];
 }
 
-- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
-                                                     initParams:
-                                                         (const facebook::react::ObjCTurboModule::InitParams &)params
+- (BOOL)fabricEnabled
 {
-  return nullptr;
+  return [self newArchEnabled];
 }
 
-- (id<RCTTurboModule>)getModuleInstanceFromClass:(Class)moduleClass
+- (BOOL)bridgelessEnabled
 {
-  return RCTAppSetupDefaultModuleFromClass(moduleClass);
+  return [self newArchEnabled];
 }
 
 #pragma mark - RCTComponentViewFactoryComponentProvider
@@ -295,49 +304,54 @@ - (Class)getModuleClassFromName:(const char *)name
   return @{};
 }
 
-#pragma mark - New Arch Enabled settings
+#pragma mark - RCTTurboModuleManagerDelegate
 
-- (BOOL)turboModuleEnabled
+- (Class)getModuleClassFromName:(const char *)name
 {
-  return YES;
+#if RN_DISABLE_OSS_PLUGIN_HEADER
+  return RCTTurboModulePluginClassProvider(name);
+#else
+  return RCTCoreModulesClassProvider(name);
+#endif
 }
 
-- (BOOL)fabricEnabled
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
+                                                      jsInvoker:(std::shared_ptr<facebook::react::CallInvoker>)jsInvoker
 {
-  return YES;
+  return nullptr;
 }
 
-- (BOOL)bridgelessEnabled
+- (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:(const std::string &)name
+                                                     initParams:
+                                                         (const facebook::react::ObjCTurboModule::InitParams &)params
 {
-  return NO;
+  return nullptr;
 }
 
-#pragma mark - New Arch Utilities
-
-- (void)unstable_registerLegacyComponents
+- (id<RCTTurboModule>)getModuleInstanceFromClass:(Class)moduleClass
 {
-  for (NSString *legacyComponent in [RCTLegacyInteropComponents legacyInteropComponents]) {
-    [RCTLegacyViewManagerInteropComponentView supportLegacyViewManagerWithName:legacyComponent];
-  }
+  return RCTAppSetupDefaultModuleFromClass(moduleClass);
 }
 
+#pragma mark - New Arch Utilities
+
 - (void)createReactHost
 {
   __weak __typeof(self) weakSelf = self;
-  _reactHost = [[RCTHost alloc] initWithBundleURL:[self getBundleURL]
+  _reactHost = [[RCTHost alloc] initWithBundleURL:[self bundleURL]
                                      hostDelegate:nil
                        turboModuleManagerDelegate:self
-                                 jsEngineProvider:^std::shared_ptr<facebook::react::JSEngineInstance>() {
-                                   return [weakSelf createJSEngineInstance];
+                                 jsEngineProvider:^std::shared_ptr<facebook::react::JSRuntimeFactory>() {
+                                   return [weakSelf createJSRuntimeFactory];
                                  }];
   [_reactHost setBundleURLProvider:^NSURL *() {
-    return [weakSelf getBundleURL];
+    return [weakSelf bundleURL];
   }];
   [_reactHost setContextContainerHandler:self];
   [_reactHost start];
 }
 
-- (std::shared_ptr<facebook::react::JSEngineInstance>)createJSEngineInstance
+- (std::shared_ptr<facebook::react::JSRuntimeFactory>)createJSRuntimeFactory
 {
 #if USE_HERMES
   return std::make_shared<facebook::react::RCTHermesInstance>(_reactNativeConfig, nullptr);
@@ -351,13 +365,11 @@ - (void)didCreateContextContainer:(std::shared_ptr<facebook::react::ContextConta
   contextContainer->insert("ReactNativeConfig", _reactNativeConfig);
 }
 
-- (NSURL *)getBundleURL
+- (NSURL *)bundleURL
 {
-  [NSException raise:@"RCTAppDelegate::getBundleURL not implemented"
+  [NSException raise:@"RCTAppDelegate::bundleURL not implemented"
               format:@"Subclasses must implement a valid getBundleURL method"];
   return nullptr;
 }
 
-#endif
-
 @end
diff --git a/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.h b/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.h
index 0037caa0151a13..3b6d0cae1e8df9 100644
--- a/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.h
+++ b/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.h
@@ -13,41 +13,33 @@
 
 #import <memory>
 
-#ifndef RCT_USE_HERMES
+#if USE_HERMES
 #if __has_include(<jsireact/HermesExecutorFactory.h>)
 #import <jsireact/HermesExecutorFactory.h>
-#define RCT_USE_HERMES 1
 #elif __has_include(<reacthermes/HermesExecutorFactory.h>)
 #import <reacthermes/HermesExecutorFactory.h>
-#define RCT_USE_HERMES 1
-#else
-#import <React/JSCExecutorFactory.h>
-#define RCT_USE_HERMES 0
-#endif
 #endif
+#else // USE_HERMES
+#import <React/JSCExecutorFactory.h>
+#endif // USE_HERMES
 
-#if RCT_NEW_ARCH_ENABLED
 #import <ReactCommon/RCTTurboModuleManager.h>
-#endif
 
 // Forward declaration to decrease compilation coupling
 namespace facebook::react {
 class RuntimeScheduler;
 }
 
-#if RCT_NEW_ARCH_ENABLED
-
 RCT_EXTERN id<RCTTurboModule> RCTAppSetupDefaultModuleFromClass(Class moduleClass);
 
 std::unique_ptr<facebook::react::JSExecutorFactory> RCTAppSetupDefaultJsExecutorFactory(
     RCTBridge *bridge,
     RCTTurboModuleManager *turboModuleManager,
     const std::shared_ptr<facebook::react::RuntimeScheduler> &runtimeScheduler);
-#else
+
 std::unique_ptr<facebook::react::JSExecutorFactory> RCTAppSetupJsExecutorFactoryForOldArch(
     RCTBridge *bridge,
     const std::shared_ptr<facebook::react::RuntimeScheduler> &runtimeScheduler);
-#endif
 
 #endif // __cplusplus
 
diff --git a/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.mm b/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.mm
index ad0fb3b9a56783..fcc5b08af0b160 100644
--- a/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.mm
+++ b/packages/react-native/Libraries/AppDelegate/RCTAppSetupUtils.mm
@@ -11,7 +11,6 @@
 #import <react/renderer/runtimescheduler/RuntimeScheduler.h>
 #import <react/renderer/runtimescheduler/RuntimeSchedulerBinding.h>
 
-#if RCT_NEW_ARCH_ENABLED
 // Turbo Module
 #import <React/RCTBundleAssetImageLoader.h>
 #import <React/RCTDataRequestHandler.h>
@@ -24,38 +23,24 @@
 // Fabric
 #import <React/RCTFabricSurface.h>
 #import <React/RCTSurfaceHostingProxyRootView.h>
-#endif
 
-#ifdef FB_SONARKIT_ENABLED
-#import <FlipperKit/FlipperClient.h>
-#import <FlipperKitLayoutPlugin/FlipperKitLayoutPlugin.h>
-#import <FlipperKitNetworkPlugin/FlipperKitNetworkPlugin.h>
-#import <FlipperKitReactPlugin/FlipperKitReactPlugin.h>
-#import <FlipperKitUserDefaultsPlugin/FKUserDefaultsPlugin.h>
-#import <SKIOSNetworkPlugin/SKIOSNetworkAdapter.h>
+// jsinspector-modern
+#import <jsinspector-modern/InspectorFlags.h>
 
-static void InitializeFlipper(UIApplication *application)
-{
-  FlipperClient *client = [FlipperClient sharedClient];
-  SKDescriptorMapper *layoutDescriptorMapper = [[SKDescriptorMapper alloc] initWithDefaults];
-  [client addPlugin:[[FlipperKitLayoutPlugin alloc] initWithRootNode:application
-                                                withDescriptorMapper:layoutDescriptorMapper]];
-  [client addPlugin:[[FKUserDefaultsPlugin alloc] initWithSuiteName:nil]];
-  [client addPlugin:[FlipperKitReactPlugin new]];
-  [client addPlugin:[[FlipperKitNetworkPlugin alloc] initWithNetworkAdapter:[SKIOSNetworkAdapter new]]];
-  [client start];
-}
+#if __has_include(<React-Codegen/RCTModulesConformingToProtocolsProvider.h>)
+#define USE_OSS_CODEGEN 1
+#import <React-Codegen/RCTModulesConformingToProtocolsProvider.h>
+#elif __has_include(<React_Codegen/RCTModulesConformingToProtocolsProvider.h>)
+#define USE_OSS_CODEGEN 1
+#import <React_Codegen/RCTModulesConformingToProtocolsProvider.h>
+#else
+// Meta internal system do not generate the RCTModulesConformingToProtocolsProvider.h file
+#define USE_OSS_CODEGEN 0
 #endif
 
 void RCTAppSetupPrepareApp(UIApplication *application, BOOL turboModuleEnabled)
 {
-#ifdef FB_SONARKIT_ENABLED
-  InitializeFlipper(application);
-#endif
-
-#if RCT_NEW_ARCH_ENABLED
   RCTEnableTurboModule(turboModuleEnabled);
-#endif
 
 #if DEBUG
 #if !TARGET_OS_OSX // [macOS]
@@ -69,37 +54,70 @@ void RCTAppSetupPrepareApp(UIApplication *application, BOOL turboModuleEnabled)
 RCTUIView * // [macOS]
 RCTAppSetupDefaultRootView(RCTBridge *bridge, NSString *moduleName, NSDictionary *initialProperties, BOOL fabricEnabled)
 {
-#if RCT_NEW_ARCH_ENABLED
   if (fabricEnabled) {
     id<RCTSurfaceProtocol> surface = [[RCTFabricSurface alloc] initWithBridge:bridge
                                                                    moduleName:moduleName
                                                             initialProperties:initialProperties];
     return [[RCTSurfaceHostingProxyRootView alloc] initWithSurface:surface];
   }
-#endif
   return [[RCTRootView alloc] initWithBridge:bridge moduleName:moduleName initialProperties:initialProperties];
 }
 
-#if RCT_NEW_ARCH_ENABLED
 id<RCTTurboModule> RCTAppSetupDefaultModuleFromClass(Class moduleClass)
 {
+  // private block used to filter out modules depending on protocol conformance
+  NSArray * (^extractModuleConformingToProtocol)(RCTModuleRegistry *, Protocol *) =
+      ^NSArray *(RCTModuleRegistry *moduleRegistry, Protocol *protocol)
+  {
+    NSArray<NSString *> *classNames = @[];
+
+#if USE_OSS_CODEGEN
+    if (protocol == @protocol(RCTImageURLLoader)) {
+      classNames = [RCTModulesConformingToProtocolsProvider imageURLLoaderClassNames];
+    } else if (protocol == @protocol(RCTImageDataDecoder)) {
+      classNames = [RCTModulesConformingToProtocolsProvider imageDataDecoderClassNames];
+    } else if (protocol == @protocol(RCTURLRequestHandler)) {
+      classNames = [RCTModulesConformingToProtocolsProvider URLRequestHandlerClassNames];
+    }
+#endif
+
+    NSMutableArray *modules = [NSMutableArray new];
+
+    for (NSString *className in classNames) {
+      const char *cModuleName = [className cStringUsingEncoding:NSUTF8StringEncoding];
+      id moduleFromLibrary = [moduleRegistry moduleForName:cModuleName];
+      if (![moduleFromLibrary conformsToProtocol:protocol]) {
+        continue;
+      }
+      [modules addObject:moduleFromLibrary];
+    }
+    return modules;
+  };
+
   // Set up the default RCTImageLoader and RCTNetworking modules.
   if (moduleClass == RCTImageLoader.class) {
     return [[moduleClass alloc] initWithRedirectDelegate:nil
         loadersProvider:^NSArray<id<RCTImageURLLoader>> *(RCTModuleRegistry *moduleRegistry) {
-          return @[ [RCTBundleAssetImageLoader new] ];
+          NSArray *imageURLLoaderModules =
+              extractModuleConformingToProtocol(moduleRegistry, @protocol(RCTImageURLLoader));
+
+          return [@[ [RCTBundleAssetImageLoader new] ] arrayByAddingObjectsFromArray:imageURLLoaderModules];
         }
         decodersProvider:^NSArray<id<RCTImageDataDecoder>> *(RCTModuleRegistry *moduleRegistry) {
-          return @[ [RCTGIFImageDecoder new] ];
+          NSArray *imageDataDecoder = extractModuleConformingToProtocol(moduleRegistry, @protocol(RCTImageDataDecoder));
+          return [@[ [RCTGIFImageDecoder new] ] arrayByAddingObjectsFromArray:imageDataDecoder];
         }];
   } else if (moduleClass == RCTNetworking.class) {
     return [[moduleClass alloc]
         initWithHandlersProvider:^NSArray<id<RCTURLRequestHandler>> *(RCTModuleRegistry *moduleRegistry) {
-          return @[
+          NSArray *URLRequestHandlerModules =
+              extractModuleConformingToProtocol(moduleRegistry, @protocol(RCTURLRequestHandler));
+          return [@[
             [RCTHTTPRequestHandler new],
             [RCTDataRequestHandler new],
             [RCTFileRequestHandler new],
-          ];
+            [moduleRegistry moduleForName:"BlobModule"],
+          ] arrayByAddingObjectsFromArray:URLRequestHandlerModules];
         }];
   }
   // No custom initializer here.
@@ -124,11 +142,11 @@ void RCTAppSetupPrepareApp(UIApplication *application, BOOL turboModuleEnabled)
   [turboModuleManager moduleForName:"RCTDevMenu"];
 #endif // end RCT_DEV
 
-#if RCT_USE_HERMES
+#if USE_HERMES
   return std::make_unique<facebook::react::HermesExecutorFactory>(
 #else
   return std::make_unique<facebook::react::JSCExecutorFactory>(
-#endif // end RCT_USE_HERMES
+#endif // USE_HERMES
       facebook::react::RCTJSIExecutorRuntimeInstaller(
           [turboModuleManager, bridge, runtimeScheduler](facebook::jsi::Runtime &runtime) {
             if (!bridge || !turboModuleManager) {
@@ -141,17 +159,15 @@ void RCTAppSetupPrepareApp(UIApplication *application, BOOL turboModuleEnabled)
           }));
 }
 
-#else // else !RCT_NEW_ARCH_ENABLED
-
 std::unique_ptr<facebook::react::JSExecutorFactory> RCTAppSetupJsExecutorFactoryForOldArch(
     RCTBridge *bridge,
     const std::shared_ptr<facebook::react::RuntimeScheduler> &runtimeScheduler)
 {
-#if RCT_USE_HERMES
+#if USE_HERMES
   return std::make_unique<facebook::react::HermesExecutorFactory>(
 #else
   return std::make_unique<facebook::react::JSCExecutorFactory>(
-#endif // end RCT_USE_HERMES
+#endif // USE_HERMES
       facebook::react::RCTJSIExecutorRuntimeInstaller([bridge, runtimeScheduler](facebook::jsi::Runtime &runtime) {
         if (!bridge) {
           return;
@@ -161,4 +177,3 @@ void RCTAppSetupPrepareApp(UIApplication *application, BOOL turboModuleEnabled)
         }
       }));
 }
-#endif // end RCT_NEW_ARCH_ENABLED
diff --git a/packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.mm b/packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.mm
deleted file mode 100644
index f15a903bca474c..00000000000000
--- a/packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.mm
+++ /dev/null
@@ -1,21 +0,0 @@
-
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import "RCTLegacyInteropComponents.h"
-
-@implementation RCTLegacyInteropComponents
-
-+ (NSArray<NSString *> *)legacyInteropComponents
-{
-  return @[
-			@"RNTMyLegacyNativeView",
-			@"RNTMyNativeView"
-  ];
-}
-
-@end
diff --git a/packages/react-native/Libraries/AppDelegate/React-RCTAppDelegate.podspec b/packages/react-native/Libraries/AppDelegate/React-RCTAppDelegate.podspec
index 1956cbbbf09dba..146ff1ea5ccf83 100644
--- a/packages/react-native/Libraries/AppDelegate/React-RCTAppDelegate.podspec
+++ b/packages/react-native/Libraries/AppDelegate/React-RCTAppDelegate.podspec
@@ -16,18 +16,17 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_flags = ' -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1'
-folly_compiler_flags = folly_flags + ' ' + '-Wno-comma -Wno-shorten-64-to-32'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 is_new_arch_enabled = ENV["RCT_NEW_ARCH_ENABLED"] == "1"
 use_hermes =  ENV['USE_HERMES'] == nil || ENV['USE_HERMES'] == '1'
-use_frameworks = ENV['USE_FRAMEWORKS'] != nil
 
 new_arch_enabled_flag = (is_new_arch_enabled ? " -DRCT_NEW_ARCH_ENABLED" : "")
-is_fabric_enabled = is_new_arch_enabled || ENV["RCT_FABRIC_ENABLED"]
-fabric_flag = (is_fabric_enabled ? " -DRN_FABRIC_ENABLED" : "")
+is_fabric_enabled = true #is_new_arch_enabled || ENV["RCT_FABRIC_ENABLED"]
 hermes_flag = (use_hermes ? " -DUSE_HERMES" : "")
-other_cflags = "$(inherited)" + folly_flags + new_arch_enabled_flag + fabric_flag + hermes_flag
+other_cflags = "$(inherited)" + folly_compiler_flags + new_arch_enabled_flag + hermes_flag
 
 header_search_paths = [
   "$(PODS_TARGET_SRCROOT)/../../ReactCommon",
@@ -43,21 +42,7 @@ header_search_paths = [
 ].concat(use_hermes ? [
   "$(PODS_ROOT)/Headers/Public/React-hermes",
   "$(PODS_ROOT)/Headers/Public/hermes-engine"
-] : []).concat(use_frameworks ? [
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-Fabric/React_Fabric.framework/Headers/",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx/",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-graphics/React_graphics.framework/Headers/",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-RuntimeApple/React_RuntimeApple.framework/Headers",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-RuntimeCore/React_RuntimeCore.framework/Headers",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-RCTFabric/RCTFabric.framework/Headers/",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-utils/React_utils.framework/Headers/",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-debug/React_debug.framework/Headers/",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-runtimescheduler/React_runtimescheduler.framework/Headers/",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-rendererdebug/React_rendererdebug.framework/Headers/",
-] : []).map{|p| "\"#{p}\""}.join(" ")
+] : [])
 
 Pod::Spec.new do |s|
   s.name            = "React-RCTAppDelegate"
@@ -84,49 +69,31 @@ Pod::Spec.new do |s|
   use_hermes = ENV['USE_HERMES'] == nil || ENV['USE_HERMES'] == "1"
 
   s.dependency "React-Core"
-  s.dependency "RCT-Folly"
+  s.dependency "RCT-Folly", folly_version
   s.dependency "RCTRequired"
   s.dependency "RCTTypeSafety"
-  s.dependency "ReactCommon/turbomodule/core"
   s.dependency "React-RCTNetwork"
   s.dependency "React-RCTImage"
-  s.dependency "React-NativeModulesApple"
   s.dependency "React-CoreModules"
   s.dependency "React-nativeconfig"
-  s.dependency "React-runtimescheduler"
-  s.dependency "React-RCTFabric"
+  s.dependency "React-Codegen"
 
-  if is_new_arch_enabled
-    s.dependency "React-RuntimeCore"
-    s.dependency "React-RuntimeApple"
-    if use_hermes
-      s.dependency "React-RuntimeHermes"
-    end
-  end
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
+  add_dependency(s, "React-NativeModulesApple")
+  add_dependency(s, "React-runtimescheduler")
+  add_dependency(s, "React-RCTFabric", :framework_name => "RCTFabric")
+  add_dependency(s, "React-RuntimeCore")
+  add_dependency(s, "React-RuntimeApple")
+  add_dependency(s, "React-Fabric", :additional_framework_paths => ["react/renderer/components/view/platform/cxx"])
+  add_dependency(s, "React-graphics", :additional_framework_paths => ["react/renderer/graphics/platform/ios"])
+  add_dependency(s, "React-utils")
+  add_dependency(s, "React-debug")
+  add_dependency(s, "React-rendererdebug")
 
   if use_hermes
     s.dependency "React-hermes"
+    s.dependency "React-RuntimeHermes"
   else
     s.dependency "React-jsc"
   end
-
-  if is_new_arch_enabled
-    s.dependency "React-Fabric"
-    s.dependency "React-graphics"
-    s.dependency "React-utils"
-    s.dependency "React-debug"
-    s.dependency "React-rendererdebug"
-
-    s.script_phases = {
-      :name => "Generate Legacy Components Interop",
-      :script => "
-WITH_ENVIRONMENT=\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\"
-source $WITH_ENVIRONMENT
-${NODE_BINARY} ${REACT_NATIVE_PATH}/scripts/codegen/generate-legacy-interop-components.js -p #{ENV['APP_PATH']} -o ${REACT_NATIVE_PATH}/Libraries/AppDelegate
-      ",
-      :execution_position => :before_compile,
-      :input_files => ["#{ENV['APP_PATH']}/react-native.config.js"],
-      :output_files => ["${REACT_NATIVE_PATH}/Libraries/AppDelegate/RCTLegacyInteropComponents.mm"],
-    }
-  end
 end
diff --git a/packages/react-native/Libraries/AppState/NativeAppState.js b/packages/react-native/Libraries/AppState/NativeAppState.js
index 41c2048864897d..fdcebcd2f87492 100644
--- a/packages/react-native/Libraries/AppState/NativeAppState.js
+++ b/packages/react-native/Libraries/AppState/NativeAppState.js
@@ -4,30 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type AppStateConstants = {|
-  initialAppState: string,
-|};
-
-export type AppState = {|app_state: string|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => AppStateConstants;
-  +getCurrentAppState: (
-    success: (appState: AppState) => void,
-    error: (error: Object) => void,
-  ) => void;
-
-  // Events
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('AppState'): Spec);
+export * from '../../src/private/specs/modules/NativeAppState';
+import NativeAppState from '../../src/private/specs/modules/NativeAppState';
+export default NativeAppState;
diff --git a/packages/react-native/Libraries/BatchedBridge/NativeModules.js b/packages/react-native/Libraries/BatchedBridge/NativeModules.js
index 26961d7f830d0c..612915f6ea0325 100644
--- a/packages/react-native/Libraries/BatchedBridge/NativeModules.js
+++ b/packages/react-native/Libraries/BatchedBridge/NativeModules.js
@@ -177,7 +177,7 @@ function updateErrorWithErrorData(
 let NativeModules: {[moduleName: string]: $FlowFixMe, ...} = {};
 if (global.nativeModuleProxy) {
   NativeModules = global.nativeModuleProxy;
-} else if (!global.nativeExtensions) {
+} else {
   const bridgeConfig = global.__fbBatchedBridgeConfig;
   invariant(
     bridgeConfig,
diff --git a/packages/react-native/Libraries/Blob/Blob.js b/packages/react-native/Libraries/Blob/Blob.js
index 98ae81ba84042a..886e257336411f 100644
--- a/packages/react-native/Libraries/Blob/Blob.js
+++ b/packages/react-native/Libraries/Blob/Blob.js
@@ -57,10 +57,7 @@ class Blob {
    * Currently we only support creating Blobs from other Blobs.
    * Reference: https://developer.mozilla.org/en-US/docs/Web/API/Blob/Blob
    */
-  constructor(
-    parts: Array<$ArrayBufferView | ArrayBuffer | Blob | string> = [],
-    options?: BlobOptions,
-  ) {
+  constructor(parts: Array<Blob | string> = [], options?: BlobOptions) {
     const BlobManager = require('./BlobManager');
     this.data = BlobManager.createFromParts(parts, options).data;
   }
diff --git a/packages/react-native/Libraries/Blob/BlobManager.js b/packages/react-native/Libraries/Blob/BlobManager.js
index 73deaf6f9ff561..f4c5ed374995a4 100644
--- a/packages/react-native/Libraries/Blob/BlobManager.js
+++ b/packages/react-native/Libraries/Blob/BlobManager.js
@@ -11,7 +11,6 @@
 import type {BlobCollector, BlobData, BlobOptions} from './BlobTypes';
 
 import NativeBlobModule from './NativeBlobModule';
-import {fromByteArray} from 'base64-js';
 import invariant from 'invariant';
 
 const Blob = require('./Blob');
@@ -60,7 +59,7 @@ class BlobManager {
    * Create blob from existing array of blobs.
    */
   static createFromParts(
-    parts: Array<$ArrayBufferView | ArrayBuffer | Blob | string>,
+    parts: Array<Blob | string>,
     options?: BlobOptions,
   ): Blob {
     invariant(NativeBlobModule, 'NativeBlobModule is available.');
@@ -68,12 +67,11 @@ class BlobManager {
     const blobId = uuidv4();
     const items = parts.map(part => {
       if (part instanceof ArrayBuffer || ArrayBuffer.isView(part)) {
-        return {
-          // $FlowFixMe[incompatible-cast]
-          data: fromByteArray(new Uint8Array((part: ArrayBuffer))),
-          type: 'string',
-        };
-      } else if (part instanceof Blob) {
+        throw new Error(
+          "Creating blobs from 'ArrayBuffer' and 'ArrayBufferView' are not supported",
+        );
+      }
+      if (part instanceof Blob) {
         return {
           data: part.data,
           type: 'blob',
diff --git a/packages/react-native/Libraries/Blob/File.js b/packages/react-native/Libraries/Blob/File.js
index c89744190ad965..6f643307c5d021 100644
--- a/packages/react-native/Libraries/Blob/File.js
+++ b/packages/react-native/Libraries/Blob/File.js
@@ -23,7 +23,7 @@ class File extends Blob {
    * Constructor for JS consumers.
    */
   constructor(
-    parts: Array<$ArrayBufferView | ArrayBuffer | Blob | string>,
+    parts: Array<Blob | string>,
     name: string,
     options?: BlobOptions,
   ) {
diff --git a/packages/react-native/Libraries/Blob/NativeBlobModule.js b/packages/react-native/Libraries/Blob/NativeBlobModule.js
index 00a86fae31bfb8..1971794371d04c 100644
--- a/packages/react-native/Libraries/Blob/NativeBlobModule.js
+++ b/packages/react-native/Libraries/Blob/NativeBlobModule.js
@@ -4,56 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {|BLOB_URI_SCHEME: ?string, BLOB_URI_HOST: ?string|};
-  +addNetworkingHandler: () => void;
-  +addWebSocketHandler: (id: number) => void;
-  +removeWebSocketHandler: (id: number) => void;
-  +sendOverSocket: (blob: Object, socketID: number) => void;
-  +createFromParts: (parts: Array<Object>, withId: string) => void;
-  +release: (blobId: string) => void;
-}
-
-const NativeModule = TurboModuleRegistry.get<Spec>('BlobModule');
-
-let constants = null;
-let NativeBlobModule = null;
-
-if (NativeModule != null) {
-  NativeBlobModule = {
-    getConstants(): {|BLOB_URI_SCHEME: ?string, BLOB_URI_HOST: ?string|} {
-      if (constants == null) {
-        constants = NativeModule.getConstants();
-      }
-      return constants;
-    },
-    addNetworkingHandler(): void {
-      NativeModule.addNetworkingHandler();
-    },
-    addWebSocketHandler(id: number): void {
-      NativeModule.addWebSocketHandler(id);
-    },
-    removeWebSocketHandler(id: number): void {
-      NativeModule.removeWebSocketHandler(id);
-    },
-    sendOverSocket(blob: Object, socketID: number): void {
-      NativeModule.sendOverSocket(blob, socketID);
-    },
-    createFromParts(parts: Array<Object>, withId: string): void {
-      NativeModule.createFromParts(parts, withId);
-    },
-    release(blobId: string): void {
-      NativeModule.release(blobId);
-    },
-  };
-}
-
-export default (NativeBlobModule: ?Spec);
+export * from '../../src/private/specs/modules/NativeBlobModule';
+import NativeBlobModule from '../../src/private/specs/modules/NativeBlobModule';
+export default NativeBlobModule;
diff --git a/packages/react-native/Libraries/Blob/NativeFileReaderModule.js b/packages/react-native/Libraries/Blob/NativeFileReaderModule.js
index e581aba74d176b..9d620af0a1ba9f 100644
--- a/packages/react-native/Libraries/Blob/NativeFileReaderModule.js
+++ b/packages/react-native/Libraries/Blob/NativeFileReaderModule.js
@@ -4,19 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +readAsDataURL: (data: Object) => Promise<string>;
-  +readAsText: (data: Object, encoding: string) => Promise<string>;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'FileReaderModule',
-): Spec);
+export * from '../../src/private/specs/modules/NativeFileReaderModule';
+import NativeFileReaderModule from '../../src/private/specs/modules/NativeFileReaderModule';
+export default NativeFileReaderModule;
diff --git a/packages/react-native/Libraries/Blob/RCTBlobCollector.mm b/packages/react-native/Libraries/Blob/RCTBlobCollector.mm
index c9afc78057c955..9b2ca8cb3a0973 100644
--- a/packages/react-native/Libraries/Blob/RCTBlobCollector.mm
+++ b/packages/react-native/Libraries/Blob/RCTBlobCollector.mm
@@ -21,7 +21,7 @@
 {
   RCTBlobManager *blobManager = blobManager_;
   NSString *blobId = [NSString stringWithUTF8String:blobId_.c_str()];
-  dispatch_async([blobManager_ methodQueue], ^{
+  dispatch_async([blobManager_ executionQueue], ^{
     [blobManager remove:blobId];
   });
 }
diff --git a/packages/react-native/Libraries/Blob/RCTBlobManager.h b/packages/react-native/Libraries/Blob/RCTBlobManager.h
index 317b202911df48..bceb8eb5d81f68 100755
--- a/packages/react-native/Libraries/Blob/RCTBlobManager.h
+++ b/packages/react-native/Libraries/Blob/RCTBlobManager.h
@@ -10,6 +10,8 @@
 #import <React/RCTInitializing.h>
 #import <React/RCTURLRequestHandler.h>
 
+RCT_EXTERN void RCTEnableBlobManagerProcessingQueue(BOOL enabled);
+
 @interface RCTBlobManager : NSObject <RCTBridgeModule, RCTURLRequestHandler, RCTInitializing>
 
 - (NSString *)store:(NSData *)data;
@@ -26,4 +28,6 @@
 
 - (void)createFromParts:(NSArray<NSDictionary<NSString *, id> *> *)parts withId:(NSString *)blobId;
 
+- (dispatch_queue_t)executionQueue;
+
 @end
diff --git a/packages/react-native/Libraries/Blob/RCTBlobManager.mm b/packages/react-native/Libraries/Blob/RCTBlobManager.mm
index 14496f7e491099..286710d69105cf 100755
--- a/packages/react-native/Libraries/Blob/RCTBlobManager.mm
+++ b/packages/react-native/Libraries/Blob/RCTBlobManager.mm
@@ -11,6 +11,7 @@
 
 #import <FBReactNativeSpec/FBReactNativeSpec.h>
 #import <React/RCTConvert.h>
+#import <React/RCTMockDef.h>
 #import <React/RCTNetworking.h>
 #import <React/RCTUtils.h>
 #import <React/RCTWebSocketModule.h>
@@ -18,6 +19,16 @@
 #import "RCTBlobCollector.h"
 #import "RCTBlobPlugins.h"
 
+RCT_MOCK_DEF(RCTBlobManager, dispatch_async);
+#define dispatch_async RCT_MOCK_USE(RCTBlobManager, dispatch_async)
+
+static BOOL gBlobManagerProcessingQueueEnabled = NO;
+
+RCT_EXTERN void RCTEnableBlobManagerProcessingQueue(BOOL enabled)
+{
+  gBlobManagerProcessingQueueEnabled = enabled;
+}
+
 static NSString *const kBlobURIScheme = @"blob";
 
 @interface RCTBlobManager () <
@@ -35,6 +46,7 @@ @implementation RCTBlobManager {
   std::mutex _blobsMutex;
 
   NSOperationQueue *_queue;
+  dispatch_queue_t _processingQueue;
 }
 
 RCT_EXPORT_MODULE(BlobModule)
@@ -48,6 +60,10 @@ - (void)initialize
   std::lock_guard<std::mutex> lock(_blobsMutex);
   _blobs = [NSMutableDictionary new];
 
+  if (gBlobManagerProcessingQueueEnabled) {
+    _processingQueue = dispatch_queue_create("com.facebook.react.blobmanager.processing", DISPATCH_QUEUE_SERIAL);
+  }
+
   facebook::react::RCTBlobCollector::install(self);
 }
 
@@ -143,11 +159,11 @@ - (void)remove:(NSString *)blobId
 
   // TODO(T63516227): Why can methodQueue be nil here?
   // We don't want to do anything when methodQueue is nil.
-  if (!networking.methodQueue) {
+  if (![networking requestQueue]) {
     return;
   }
 
-  dispatch_async(networking.methodQueue, ^{
+  dispatch_async([networking requestQueue], ^{
     [networking addRequestHandler:self];
     [networking addResponseHandler:self];
   });
@@ -194,12 +210,22 @@ - (void)remove:(NSString *)blobId
       [NSException raise:@"Invalid type for blob" format:@"%@ is invalid", type];
     }
   }
-  [self store:data withId:blobId];
+
+  dispatch_async([self executionQueue], ^{
+    [self store:data withId:blobId];
+  });
 }
 
 RCT_EXPORT_METHOD(release : (NSString *)blobId)
 {
-  [self remove:blobId];
+  dispatch_async([self executionQueue], ^{
+    [self remove:blobId];
+  });
+}
+
+- (dispatch_queue_t)executionQueue
+{
+  return gBlobManagerProcessingQueueEnabled ? _processingQueue : _methodQueue;
 }
 
 #pragma mark - RCTURLRequestHandler methods
diff --git a/packages/react-native/Libraries/Blob/RCTFileReaderModule.mm b/packages/react-native/Libraries/Blob/RCTFileReaderModule.mm
index 685d86b48d80ae..caa554029f735e 100644
--- a/packages/react-native/Libraries/Blob/RCTFileReaderModule.mm
+++ b/packages/react-native/Libraries/Blob/RCTFileReaderModule.mm
@@ -31,7 +31,7 @@ @implementation RCTFileReaderModule
                   : (RCTPromiseRejectBlock)reject)
 {
   RCTBlobManager *blobManager = [_moduleRegistry moduleForName:"BlobModule"];
-  dispatch_async(blobManager.methodQueue, ^{
+  dispatch_async([blobManager executionQueue], ^{
     NSData *data = [blobManager resolve:blob];
 
     if (data == nil) {
@@ -62,7 +62,7 @@ @implementation RCTFileReaderModule
                   : (RCTPromiseRejectBlock)reject)
 {
   RCTBlobManager *blobManager = [_moduleRegistry moduleForName:"BlobModule"];
-  dispatch_async(blobManager.methodQueue, ^{
+  dispatch_async([blobManager executionQueue], ^{
     NSData *data = [blobManager resolve:blob];
 
     if (data == nil) {
diff --git a/packages/react-native/Libraries/Blob/React-RCTBlob.podspec b/packages/react-native/Libraries/Blob/React-RCTBlob.podspec
index eccfe09e0f595e..8b48d45e7f4067 100644
--- a/packages/react-native/Libraries/Blob/React-RCTBlob.podspec
+++ b/packages/react-native/Libraries/Blob/React-RCTBlob.podspec
@@ -16,22 +16,18 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 header_search_paths = [
   "\"$(PODS_ROOT)/RCT-Folly\"",
+  "\"$(PODS_ROOT)/boost\"",
+  "\"$(PODS_ROOT)/DoubleConversion\"",
+  "\"$(PODS_ROOT)/fmt/include\"",
   "\"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\"",
-  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
 ]
 
-if ENV["USE_FRAMEWORKS"]
-  header_search_paths = header_search_paths.concat([
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\""
-  ])
-end
-
 Pod::Spec.new do |s|
   s.name                   = "React-RCTBlob"
   s.version                = version
@@ -51,13 +47,18 @@ Pod::Spec.new do |s|
                                "HEADER_SEARCH_PATHS" => header_search_paths.join(' ')
                              }
 
+  s.dependency "DoubleConversion"
+  s.dependency "fmt", "9.1.0"
   s.dependency "RCT-Folly", folly_version
-  s.dependency "React-Codegen", version
-  s.dependency "ReactCommon/turbomodule/core", version
-  s.dependency "React-jsi", version
-  s.dependency "React-Core/RCTBlobHeaders", version
-  s.dependency "React-Core/RCTWebSocket", version
-  s.dependency "React-RCTNetwork", version
+  s.dependency "React-jsi"
+  s.dependency "React-Core/RCTBlobHeaders"
+  s.dependency "React-Core/RCTWebSocket"
+  s.dependency "React-RCTNetwork"
+
+  add_dependency(s, "React-Codegen")
+  add_dependency(s, "React-NativeModulesApple")
+  add_dependency(s, "React-jsinspector", :framework_name => 'jsinspector_modern')
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
 
   if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
     s.dependency "hermes-engine"
diff --git a/packages/react-native/Libraries/Blob/__tests__/Blob-test.js b/packages/react-native/Libraries/Blob/__tests__/Blob-test.js
index f33667c9ed6470..303fe1d9fb66bc 100644
--- a/packages/react-native/Libraries/Blob/__tests__/Blob-test.js
+++ b/packages/react-native/Libraries/Blob/__tests__/Blob-test.js
@@ -15,7 +15,6 @@ jest.setMock('../../BatchedBridge/NativeModules', {
 });
 
 const Blob = require('../Blob');
-const {fromByteArray} = require('base64-js');
 
 describe('Blob', function () {
   it('should create empty blob', () => {
@@ -27,7 +26,7 @@ describe('Blob', function () {
     expect(blob.type).toBe('');
   });
 
-  it('should create blob from ArrayBuffer, other blobs, strings', () => {
+  it('should create blob from other blobs and strings', () => {
     const blobA = new Blob();
     const blobB = new Blob();
     const textA = 'i \u2665 dogs';
@@ -44,20 +43,14 @@ describe('Blob', function () {
     blobA.data.size = 34540;
     blobB.data.size = 65452;
 
-    const buffer = new ArrayBuffer(4);
-
-    const blob = new Blob([blobA, blobB, textA, textB, textC, buffer]);
+    const blob = new Blob([blobA, blobB, textA, textB, textC]);
 
     expect(blob.size).toBe(
       blobA.size +
         blobB.size +
         global.Buffer.byteLength(textA, 'UTF-8') +
         global.Buffer.byteLength(textB, 'UTF-8') +
-        global.Buffer.byteLength(textC, 'UTF-8') +
-        global.Buffer.byteLength(
-          fromByteArray(new Uint8Array(buffer)),
-          'UTF-8',
-        ),
+        global.Buffer.byteLength(textC, 'UTF-8'),
     );
     expect(blob.type).toBe('');
   });
diff --git a/packages/react-native/Libraries/Blob/__tests__/BlobRegistry-test.js b/packages/react-native/Libraries/Blob/__tests__/BlobRegistry-test.js
index 0e88734532e4ed..0f80035d379946 100644
--- a/packages/react-native/Libraries/Blob/__tests__/BlobRegistry-test.js
+++ b/packages/react-native/Libraries/Blob/__tests__/BlobRegistry-test.js
@@ -1,3 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @oncall react_native
+ */
+
 'use strict';
 
 const BlobRegistry = require('../BlobRegistry');
diff --git a/packages/react-native/Libraries/BugReporting/NativeBugReporting.js b/packages/react-native/Libraries/BugReporting/NativeBugReporting.js
index f886208de3d3f3..ca0edbf81af079 100644
--- a/packages/react-native/Libraries/BugReporting/NativeBugReporting.js
+++ b/packages/react-native/Libraries/BugReporting/NativeBugReporting.js
@@ -4,18 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
- * @flow
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +startReportAProblemFlow: () => void;
-  +setExtraData: (extraData: Object, extraFiles: Object) => void;
-  +setCategoryID: (categoryID: string) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('BugReporting'): ?Spec);
+export * from '../../src/private/specs/modules/NativeBugReporting';
+import NativeBugReporting from '../../src/private/specs/modules/NativeBugReporting';
+export default NativeBugReporting;
diff --git a/packages/react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfo.js b/packages/react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfo.js
index e4661589749a04..5e310f43042392 100644
--- a/packages/react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfo.js
+++ b/packages/react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityInfo.js
@@ -8,26 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +isReduceMotionEnabled: (
-    onSuccess: (isReduceMotionEnabled: boolean) => void,
-  ) => void;
-  +isTouchExplorationEnabled: (
-    onSuccess: (isScreenReaderEnabled: boolean) => void,
-  ) => void;
-  +isAccessibilityServiceEnabled?: ?(
-    onSuccess: (isAccessibilityServiceEnabled: boolean) => void,
-  ) => void;
-  +setAccessibilityFocus: (reactTag: number) => void;
-  +announceForAccessibility: (announcement: string) => void;
-  +getRecommendedTimeoutMillis?: (
-    mSec: number,
-    onSuccess: (recommendedTimeoutMillis: number) => void,
-  ) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('AccessibilityInfo'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeAccessibilityInfo';
+import NativeAccessibilityInfo from '../../../src/private/specs/modules/NativeAccessibilityInfo';
+export default NativeAccessibilityInfo;
diff --git a/packages/react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js b/packages/react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js
index 35e54a2340021c..7cbe73f6186b6d 100644
--- a/packages/react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js
+++ b/packages/react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js
@@ -4,69 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getCurrentBoldTextState: (
-    onSuccess: (isBoldTextEnabled: boolean) => void,
-    onError: (error: Object) => void,
-  ) => void;
-  +getCurrentGrayscaleState: (
-    onSuccess: (isGrayscaleEnabled: boolean) => void,
-    onError: (error: Object) => void,
-  ) => void;
-  // [macOS
-  +getCurrentHighContrastState: (
-    onSuccess: (isHighContrastEnabled: boolean) => void,
-    onError: (error: Object) => void,
-  ) => void;
-  // macOS]
-  +getCurrentInvertColorsState: (
-    onSuccess: (isInvertColorsEnabled: boolean) => void,
-    onError: (error: Object) => void,
-  ) => void;
-  +getCurrentReduceMotionState: (
-    onSuccess: (isReduceMotionEnabled: boolean) => void,
-    onError: (error: Object) => void,
-  ) => void;
-  +getCurrentPrefersCrossFadeTransitionsState?: (
-    onSuccess: (prefersCrossFadeTransitions: boolean) => void,
-    onError: (error: Object) => void,
-  ) => void;
-  +getCurrentReduceTransparencyState: (
-    onSuccess: (isReduceTransparencyEnabled: boolean) => void,
-    onError: (error: Object) => void,
-  ) => void;
-  +getCurrentVoiceOverState: (
-    onSuccess: (isScreenReaderEnabled: boolean) => void,
-    onError: (error: Object) => void,
-  ) => void;
-  +setAccessibilityContentSizeMultipliers: (JSMultipliers: {|
-    +extraSmall?: ?number,
-    +small?: ?number,
-    +medium?: ?number,
-    +large?: ?number,
-    +extraLarge?: ?number,
-    +extraExtraLarge?: ?number,
-    +extraExtraExtraLarge?: ?number,
-    +accessibilityMedium?: ?number,
-    +accessibilityLarge?: ?number,
-    +accessibilityExtraLarge?: ?number,
-    +accessibilityExtraExtraLarge?: ?number,
-    +accessibilityExtraExtraExtraLarge?: ?number,
-  |}) => void;
-  +setAccessibilityFocus: (reactTag: number) => void;
-  +announceForAccessibility: (announcement: string) => void;
-  +announceForAccessibilityWithOptions?: (
-    announcement: string,
-    options: {queue?: boolean},
-  ) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('AccessibilityManager'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeAccessibilityManager';
+import NativeAccessibilityManager from '../../../src/private/specs/modules/NativeAccessibilityManager';
+export default NativeAccessibilityManager;
diff --git a/packages/react-native/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.android.js b/packages/react-native/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.android.js
index 09556be26a4644..fdbabb475c7f93 100644
--- a/packages/react-native/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.android.js
+++ b/packages/react-native/Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.android.js
@@ -9,6 +9,7 @@
  */
 
 import UIManager from '../../ReactNative/UIManager';
+import nullthrows from 'nullthrows';
 
 /**
  * This is a function exposed to the React Renderer that can be used by the
@@ -19,13 +20,13 @@ function legacySendAccessibilityEvent(
   eventType: string,
 ): void {
   if (eventType === 'focus') {
-    UIManager.sendAccessibilityEvent(
+    nullthrows(UIManager.sendAccessibilityEvent)(
       reactTag,
       UIManager.getConstants().AccessibilityEventTypes.typeViewFocused,
     );
   }
   if (eventType === 'click') {
-    UIManager.sendAccessibilityEvent(
+    nullthrows(UIManager.sendAccessibilityEvent)(
       reactTag,
       UIManager.getConstants().AccessibilityEventTypes.typeViewClicked,
     );
diff --git a/packages/react-native/Libraries/Components/ActivityIndicator/ActivityIndicator.js b/packages/react-native/Libraries/Components/ActivityIndicator/ActivityIndicator.js
index 655d13d67ce4d6..7f724524add5ce 100644
--- a/packages/react-native/Libraries/Components/ActivityIndicator/ActivityIndicator.js
+++ b/packages/react-native/Libraries/Components/ActivityIndicator/ActivityIndicator.js
@@ -6,7 +6,6 @@
  *
  * @format
  * @flow
- * @generate-docs
  */
 
 'use strict';
@@ -125,9 +124,9 @@ const ActivityIndicator = (
 /**
   Displays a circular loading indicator.
 
-  ```SnackPlayer name=ActivityIndicator%20Function%20Component%20Example
-  import React from "react";
-  import { ActivityIndicator, StyleSheet, Text, View } from "react-native";
+  ```SnackPlayer name=ActivityIndicator%20Example
+  import React from 'react';
+  import {ActivityIndicator, StyleSheet, View} from 'react-native';
 
   const App = () => (
     <View style={[styles.container, styles.horizontal]}>
@@ -141,47 +140,17 @@ const ActivityIndicator = (
   const styles = StyleSheet.create({
     container: {
       flex: 1,
-      justifyContent: "center"
+      justifyContent: 'center',
     },
     horizontal: {
-      flexDirection: "row",
-      justifyContent: "space-around",
-      padding: 10
-    }
-  });
-  export default App;
-  ```
-
-  ```SnackPlayer name=ActivityIndicator%20Class%20Component%20Example
-  import React, { Component } from "react";
-  import { ActivityIndicator, StyleSheet, Text, View } from "react-native";
-
-  class App extends Component {
-    render() {
-      return (
-        <View style={[styles.container, styles.horizontal]}>
-          <ActivityIndicator />
-          <ActivityIndicator size="large" />
-          <ActivityIndicator size="small" color="#0000ff" />
-          <ActivityIndicator size="large" color="#00ff00" />
-        </View>
-      );
-    }
-  }
-
-  const styles = StyleSheet.create({
-    container: {
-      flex: 1,
-      justifyContent: "center"
+      flexDirection: 'row',
+      justifyContent: 'space-around',
+      padding: 10,
     },
-    horizontal: {
-      flexDirection: "row",
-      justifyContent: "space-around",
-      padding: 10
-    }
   });
+
   export default App;
-  ```
+```
 */
 
 const ActivityIndicatorWithRef: React.AbstractComponent<
diff --git a/packages/react-native/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js b/packages/react-native/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js
index 7394582902dcf0..6a7a7e7367b4d4 100644
--- a/packages/react-native/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js
+++ b/packages/react-native/Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js
@@ -8,46 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {WithDefault} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * Whether the indicator should hide when not animating (true by default).
-   *
-   * See https://reactnative.dev/docs/activityindicator#hideswhenstopped
-   */
-  hidesWhenStopped?: WithDefault<boolean, false>,
-
-  /**
-   * Whether to show the indicator (true, the default) or hide it (false).
-   *
-   * See https://reactnative.dev/docs/activityindicator#animating
-   */
-  animating?: WithDefault<boolean, false>,
-
-  /**
-   * The foreground color of the spinner (default is gray).
-   *
-   * See https://reactnative.dev/docs/activityindicator#color
-   */
-  color?: ?ColorValue,
-
-  /**
-   * Size of the indicator (default is 'small').
-   * Passing a number to the size prop is only supported on Android.
-   *
-   * See https://reactnative.dev/docs/activityindicator#size
-   */
-  size?: WithDefault<'small' | 'large', 'small'>,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>('ActivityIndicatorView', {
-  paperComponentName: 'RCTActivityIndicatorView',
-}): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/ActivityIndicatorViewNativeComponent';
+import ActivityIndicatorViewNativeComponent from '../../../src/private/specs/components/ActivityIndicatorViewNativeComponent';
+export default ActivityIndicatorViewNativeComponent;
diff --git a/packages/react-native/Libraries/Components/Button.flow.js b/packages/react-native/Libraries/Components/Button.flow.js
deleted file mode 100644
index 1cf32db90e76dc..00000000000000
--- a/packages/react-native/Libraries/Components/Button.flow.js
+++ /dev/null
@@ -1,318 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- * @generate-docs
- */
-
-'use strict';
-
-import type {PressEvent} from '../Types/CoreEventTypes';
-import type {BlurEvent, FocusEvent, KeyEvent} from '../Types/CoreEventTypes'; // [macOS]
-import type {
-  AccessibilityActionEvent,
-  AccessibilityActionInfo,
-  // [macOS
-  AccessibilityRole,
-  // macOS]
-  AccessibilityState,
-} from './View/ViewAccessibility';
-
-import {type ColorValue} from '../StyleSheet/StyleSheet';
-import * as React from 'react';
-
-type ButtonProps = $ReadOnly<{|
-  /**
-    Text to display inside the button. On Android the given title will be
-    converted to the uppercased form.
-   */
-  title: string,
-
-  /**
-    Handler to be called when the user taps the button. The first function
-    argument is an event in form of [PressEvent](pressevent).
-   */
-  onPress: (event?: PressEvent) => mixed,
-
-  /**
-    If `true`, doesn't play system sound on touch.
-
-    @platform android
-
-    @default false
-   */
-  touchSoundDisabled?: ?boolean,
-
-  /**
-    Color of the text (iOS), or background color of the button (Android).
-
-    @default {@platform android} '#2196F3'
-    @default {@platform ios} '#007AFF'
-   */
-  color?: ?ColorValue,
-
-  /**
-    TV preferred focus.
-
-    @platform tv
-
-    @default false
-   */
-  hasTVPreferredFocus?: ?boolean,
-
-  /**
-    Designates the next view to receive focus when the user navigates down. See
-    the [Android documentation][android:nextFocusDown].
-
-    [android:nextFocusDown]:
-    https://developer.android.com/reference/android/view/View.html#attr_android:nextFocusDown
-
-    @platform android, tv
-   */
-  nextFocusDown?: ?number,
-
-  /**
-    Designates the next view to receive focus when the user navigates forward.
-    See the [Android documentation][android:nextFocusForward].
-
-    [android:nextFocusForward]:
-    https://developer.android.com/reference/android/view/View.html#attr_android:nextFocusForward
-
-    @platform android, tv
-   */
-  nextFocusForward?: ?number,
-
-  /**
-    Designates the next view to receive focus when the user navigates left. See
-    the [Android documentation][android:nextFocusLeft].
-
-    [android:nextFocusLeft]:
-    https://developer.android.com/reference/android/view/View.html#attr_android:nextFocusLeft
-
-    @platform android, tv
-   */
-  nextFocusLeft?: ?number,
-
-  /**
-    Designates the next view to receive focus when the user navigates right. See
-    the [Android documentation][android:nextFocusRight].
-
-    [android:nextFocusRight]:
-    https://developer.android.com/reference/android/view/View.html#attr_android:nextFocusRight
-
-    @platform android, tv
-   */
-  nextFocusRight?: ?number,
-
-  /**
-    Designates the next view to receive focus when the user navigates up. See
-    the [Android documentation][android:nextFocusUp].
-
-    [android:nextFocusUp]:
-    https://developer.android.com/reference/android/view/View.html#attr_android:nextFocusUp
-
-    @platform android, tv
-   */
-  nextFocusUp?: ?number,
-
-  /**
-    Text to display for blindness accessibility features.
-   */
-  accessibilityLabel?: ?string,
-  /**
-   * Alias for accessibilityLabel  https://reactnative.dev/docs/view#accessibilitylabel
-   * https://github.com/facebook/react-native/issues/34424
-   */
-  'aria-label'?: ?string,
-  /**
-    If `true`, disable all interactions for this component.
-
-    @default false
-   */
-  disabled?: ?boolean,
-
-  /**
-    Used to locate this view in end-to-end tests.
-   */
-  testID?: ?string,
-
-  /**
-   * Accessibility props.
-   */
-  accessible?: ?boolean,
-  accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
-  accessibilityState?: ?AccessibilityState,
-
-  /**
-   * [Android] Controlling if a view fires accessibility events and if it is reported to accessibility services.
-   */
-  importantForAccessibility?: ?('auto' | 'yes' | 'no' | 'no-hide-descendants'),
-  accessibilityHint?: ?string,
-  accessibilityLanguage?: ?Stringish,
-
-  // [macOS
-  /**
-   * Custom accessibility role -- otherwise we use button
-   */
-  accessibilityRole?: ?AccessibilityRole,
-
-  /**
-   * Accessibility action handlers
-   */
-  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
-
-  /**
-   * Handler to be called when the button receives key focus
-   */
-  onBlur?: ?(e: BlurEvent) => void,
-
-  /**
-   * Handler to be called when the button loses key focus
-   */
-  onFocus?: ?(e: FocusEvent) => void,
-
-  /**
-   * Handler to be called when a key down press is detected
-   */
-  onKeyDown?: ?(e: KeyEvent) => void,
-
-  /**
-   * Handler to be called when a key up press is detected
-   */
-  onKeyUp?: ?(e: KeyEvent) => void,
-
-  /*
-   * Array of keys to receive key down events for
-   * For arrow keys, add "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown",
-   */
-  validKeysDown?: ?Array<string>,
-
-  /*
-   * Array of keys to receive key up events for
-   * For arrow keys, add "ArrowLeft", "ArrowRight", "ArrowUp", "ArrowDown",
-   */
-  validKeysUp?: ?Array<string>,
-
-  /*
-   * Specifies the Tooltip for the view
-   */
-  tooltip?: string,
-  // macOS]
-|}>;
-
-/**
-  A basic button component that should render nicely on any platform. Supports a
-  minimal level of customization.
-
-  If this button doesn't look right for your app, you can build your own button
-  using [TouchableOpacity](touchableopacity) or
-  [TouchableWithoutFeedback](touchablewithoutfeedback). For inspiration, look at
-  the [source code for this button component][button:source]. Or, take a look at
-  the [wide variety of button components built by the community]
-  [button:examples].
-
-  [button:source]:
-  https://github.com/facebook/react-native/blob/HEAD/Libraries/Components/Button.js
-
-  [button:examples]:
-  https://js.coach/?menu%5Bcollections%5D=React%20Native&page=1&query=button
-
-  ```jsx
-  <Button
-    onPress={onPressLearnMore}
-    title="Learn More"
-    color="#841584"
-    accessibilityLabel="Learn more about this purple button"
-  />
-  ```
-
-  ```SnackPlayer name=Button%20Example
-  import React from 'react';
-  import { StyleSheet, Button, View, SafeAreaView, Text, Alert } from 'react-native';
-
-  const Separator = () => (
-    <View style={styles.separator} />
-  );
-
-  const App = () => (
-    <SafeAreaView style={styles.container}>
-      <View>
-        <Text style={styles.title}>
-          The title and onPress handler are required. It is recommended to set accessibilityLabel to help make your app usable by everyone.
-        </Text>
-        <Button
-          title="Press me"
-          onPress={() => Alert.alert('Simple Button pressed')}
-        />
-      </View>
-      <Separator />
-      <View>
-        <Text style={styles.title}>
-          Adjust the color in a way that looks standard on each platform. On  iOS, the color prop controls the color of the text. On Android, the color adjusts the background color of the button.
-        </Text>
-        <Button
-          title="Press me"
-          color="#f194ff"
-          onPress={() => Alert.alert('Button with adjusted color pressed')}
-        />
-      </View>
-      <Separator />
-      <View>
-        <Text style={styles.title}>
-          All interaction for the component are disabled.
-        </Text>
-        <Button
-          title="Press me"
-          disabled
-          onPress={() => Alert.alert('Cannot press this one')}
-        />
-      </View>
-      <Separator />
-      <View>
-        <Text style={styles.title}>
-          This layout strategy lets the title define the width of the button.
-        </Text>
-        <View style={styles.fixToText}>
-          <Button
-            title="Left button"
-            onPress={() => Alert.alert('Left button pressed')}
-          />
-          <Button
-            title="Right button"
-            onPress={() => Alert.alert('Right button pressed')}
-          />
-        </View>
-      </View>
-    </SafeAreaView>
-  );
-
-  const styles = StyleSheet.create({
-    container: {
-      flex: 1,
-      justifyContent: 'center',
-      marginHorizontal: 16,
-    },
-    title: {
-      textAlign: 'center',
-      marginVertical: 8,
-    },
-    fixToText: {
-      flexDirection: 'row',
-      justifyContent: 'space-between',
-    },
-    separator: {
-      marginVertical: 8,
-      borderBottomColor: '#737373',
-      borderBottomWidth: StyleSheet.hairlineWidth,
-    },
-  });
-
-  export default App;
-  ```
- */
-export type Button = React.ComponentType<ButtonProps>;
diff --git a/packages/react-native/Libraries/Components/Button.js b/packages/react-native/Libraries/Components/Button.js
index a45b53d7ab74ea..3711f6748ff1a0 100644
--- a/packages/react-native/Libraries/Components/Button.js
+++ b/packages/react-native/Libraries/Components/Button.js
@@ -6,7 +6,6 @@
  *
  * @format
  * @flow
- * @generate-docs
  */
 
 'use strict';
@@ -14,7 +13,6 @@
 import type {TextStyleProp, ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {PressEvent} from '../Types/CoreEventTypes';
 import type {KeyEvent} from '../Types/CoreEventTypes'; // [macOS]
-import type {Button as ButtonType} from './Button.flow';
 import type {BlurEvent, FocusEvent} from './TextInput/TextInput'; // [macOS]
 import type {
   AccessibilityActionEvent,
@@ -337,131 +335,129 @@ type ButtonProps = $ReadOnly<{|
   ```
  */
 
-class Button extends React.Component<ButtonProps> {
-  render(): React.Node {
-    const {
-      accessibilityLabel,
-      accessibilityState,
-      'aria-busy': ariaBusy,
-      'aria-checked': ariaChecked,
-      'aria-disabled': ariaDisabled,
-      'aria-expanded': ariaExpanded,
-      'aria-label': ariaLabel,
-      'aria-selected': ariaSelected,
-      importantForAccessibility,
-      color,
-      onPress,
-      touchSoundDisabled,
-      title,
-      hasTVPreferredFocus,
-      nextFocusDown,
-      nextFocusForward,
-      nextFocusLeft,
-      nextFocusRight,
-      nextFocusUp,
-      testID,
-      onFocus, // [macOS
-      onBlur,
-      onKeyDown,
-      onKeyUp,
-      validKeysDown,
-      validKeysUp, // macOS]
-      tooltip, // [macOS]
-      accessible,
-      accessibilityActions,
-      accessibilityHint,
-      accessibilityLanguage,
-      accessibilityRole, // [macOS]
-      onAccessibilityAction,
-    } = this.props;
-    const buttonStyles: Array<ViewStyleProp> = [styles.button];
-    const textStyles: Array<TextStyleProp> = [styles.text];
-    if (color) {
-      if (Platform.OS === 'ios' || Platform.OS === 'macos' /* [macOS] */) {
-        textStyles.push({color: color});
-      } else {
-        buttonStyles.push({backgroundColor: color});
-      }
-    }
-
-    let _accessibilityState = {
-      busy: ariaBusy ?? accessibilityState?.busy,
-      checked: ariaChecked ?? accessibilityState?.checked,
-      disabled: ariaDisabled ?? accessibilityState?.disabled,
-      expanded: ariaExpanded ?? accessibilityState?.expanded,
-      selected: ariaSelected ?? accessibilityState?.selected,
-    };
-
-    const disabled =
-      this.props.disabled != null
-        ? this.props.disabled
-        : _accessibilityState?.disabled;
-
-    _accessibilityState =
-      disabled !== _accessibilityState?.disabled
-        ? {..._accessibilityState, disabled}
-        : _accessibilityState;
-
-    if (disabled) {
-      buttonStyles.push(styles.buttonDisabled);
-      textStyles.push(styles.textDisabled);
+const Button: React.AbstractComponent<ButtonProps> = (props: ButtonProps) => {
+  const {
+    accessibilityLabel,
+    accessibilityState,
+    'aria-busy': ariaBusy,
+    'aria-checked': ariaChecked,
+    'aria-disabled': ariaDisabled,
+    'aria-expanded': ariaExpanded,
+    'aria-label': ariaLabel,
+    'aria-selected': ariaSelected,
+    importantForAccessibility,
+    color,
+    onPress,
+    touchSoundDisabled,
+    title,
+    hasTVPreferredFocus,
+    nextFocusDown,
+    nextFocusForward,
+    nextFocusLeft,
+    nextFocusRight,
+    nextFocusUp,
+    testID,
+    onFocus, // [macOS
+    onBlur,
+    onKeyDown,
+    onKeyUp,
+    validKeysDown,
+    validKeysUp, // macOS]
+    tooltip, // [macOS]
+    accessible,
+    accessibilityActions,
+    accessibilityHint,
+    accessibilityLanguage,
+    accessibilityRole, // [macOS]
+    onAccessibilityAction,
+  } = props;
+  const buttonStyles: Array<ViewStyleProp> = [styles.button];
+  const textStyles: Array<TextStyleProp> = [styles.text];
+  if (color) {
+    if (Platform.OS === 'ios' || Platform.OS === 'macos' /* [macOS] */) {
+      textStyles.push({color: color});
+    } else {
+      buttonStyles.push({backgroundColor: color});
     }
+  }
 
-    invariant(
-      typeof title === 'string',
-      'The title prop of a Button must be a string',
-    );
-    const formattedTitle =
-      Platform.OS === 'android' ? title.toUpperCase() : title;
-    const Touchable =
-      Platform.OS === 'android' ? TouchableNativeFeedback : TouchableOpacity;
-
-    // If `no` is specified for `importantForAccessibility`, it will be changed to `no-hide-descendants` because the text inside should not be focused.
-    const _importantForAccessibility =
-      importantForAccessibility === 'no'
-        ? 'no-hide-descendants'
-        : importantForAccessibility;
-
-    return (
-      <Touchable
-        accessible={accessible}
-        accessibilityActions={accessibilityActions}
-        onAccessibilityAction={onAccessibilityAction}
-        accessibilityLabel={ariaLabel || accessibilityLabel}
-        accessibilityHint={accessibilityHint}
-        accessibilityLanguage={accessibilityLanguage}
-        accessibilityRole={accessibilityRole || 'button'} // [macOS]
-        accessibilityState={_accessibilityState}
-        importantForAccessibility={_importantForAccessibility}
-        hasTVPreferredFocus={hasTVPreferredFocus}
-        nextFocusDown={nextFocusDown}
-        nextFocusForward={nextFocusForward}
-        nextFocusLeft={nextFocusLeft}
-        nextFocusRight={nextFocusRight}
-        nextFocusUp={nextFocusUp}
-        testID={testID}
-        disabled={disabled}
-        onPress={onPress}
-        onFocus={onFocus} // [macOS]
-        onBlur={onBlur} // [macOS]
-        onKeyDown={onKeyDown}
-        onKeyUp={onKeyUp}
-        validKeysDown={validKeysDown}
-        validKeysUp={validKeysUp}
-        tooltip={tooltip} // [macOS]
-        touchSoundDisabled={touchSoundDisabled}>
-        <View style={buttonStyles}>
-          <Text
-            style={textStyles}
-            disabled={disabled}
-            accessible={Platform.OS !== 'macos' /* [macOS] */}>
-            {formattedTitle}
-          </Text>
-        </View>
-      </Touchable>
-    );
+  let _accessibilityState = {
+    busy: ariaBusy ?? accessibilityState?.busy,
+    checked: ariaChecked ?? accessibilityState?.checked,
+    disabled: ariaDisabled ?? accessibilityState?.disabled,
+    expanded: ariaExpanded ?? accessibilityState?.expanded,
+    selected: ariaSelected ?? accessibilityState?.selected,
+  };
+
+  const disabled =
+    props.disabled != null ? props.disabled : _accessibilityState?.disabled;
+
+  _accessibilityState =
+    disabled !== _accessibilityState?.disabled
+      ? {..._accessibilityState, disabled}
+      : _accessibilityState;
+
+  if (disabled) {
+    buttonStyles.push(styles.buttonDisabled);
+    textStyles.push(styles.textDisabled);
   }
-}
+
+  invariant(
+    typeof title === 'string',
+    'The title prop of a Button must be a string',
+  );
+  const formattedTitle =
+    Platform.OS === 'android' ? title.toUpperCase() : title;
+  const Touchable =
+    Platform.OS === 'android' ? TouchableNativeFeedback : TouchableOpacity;
+
+  // If `no` is specified for `importantForAccessibility`, it will be changed to `no-hide-descendants` because the text inside should not be focused.
+  const _importantForAccessibility =
+    importantForAccessibility === 'no'
+      ? 'no-hide-descendants'
+      : importantForAccessibility;
+
+  return (
+    <Touchable
+      accessible={accessible}
+      accessibilityActions={accessibilityActions}
+      onAccessibilityAction={onAccessibilityAction}
+      accessibilityLabel={ariaLabel || accessibilityLabel}
+      accessibilityHint={accessibilityHint}
+      accessibilityLanguage={accessibilityLanguage}
+      accessibilityRole={accessibilityRole || 'button'} // [macOS]
+      accessibilityState={_accessibilityState}
+      importantForAccessibility={_importantForAccessibility}
+      hasTVPreferredFocus={hasTVPreferredFocus}
+      nextFocusDown={nextFocusDown}
+      nextFocusForward={nextFocusForward}
+      nextFocusLeft={nextFocusLeft}
+      nextFocusRight={nextFocusRight}
+      nextFocusUp={nextFocusUp}
+      testID={testID}
+      disabled={disabled}
+      onPress={onPress}
+      onFocus={onFocus} // [macOS]
+      onBlur={onBlur} // [macOS]
+      onKeyDown={onKeyDown}
+      onKeyUp={onKeyUp}
+      validKeysDown={validKeysDown}
+      validKeysUp={validKeysUp}
+      tooltip={tooltip} // [macOS]
+      touchSoundDisabled={touchSoundDisabled}>
+      <View style={buttonStyles}>
+        <Text
+          style={textStyles}
+          disabled={disabled}
+          accessible={Platform.OS !== 'macos' /* [macOS] */}>
+          {formattedTitle}
+        </Text>
+      </View>
+    </Touchable>
+  );
+};
+
+Button.displayName = 'Button';
 
 const styles = StyleSheet.create({
   button: Platform.select({
@@ -517,4 +513,4 @@ const styles = StyleSheet.create({
   }),
 });
 
-module.exports = (Button: ButtonType);
+export default Button;
diff --git a/packages/react-native/Libraries/Components/Clipboard/NativeClipboard.js b/packages/react-native/Libraries/Components/Clipboard/NativeClipboard.js
index d7f268024839c8..2d3c315ead646d 100644
--- a/packages/react-native/Libraries/Components/Clipboard/NativeClipboard.js
+++ b/packages/react-native/Libraries/Components/Clipboard/NativeClipboard.js
@@ -8,14 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {||};
-  +getString: () => Promise<string>;
-  +setString: (content: string) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('Clipboard'): Spec);
+export * from '../../../src/private/specs/modules/NativeClipboard';
+import NativeClipboard from '../../../src/private/specs/modules/NativeClipboard';
+export default NativeClipboard;
diff --git a/packages/react-native/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js b/packages/react-native/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js
index ced6d34a9abcd8..03e2695735c040 100644
--- a/packages/react-native/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js
+++ b/packages/react-native/Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js
@@ -8,117 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  DirectEventHandler,
-  Float,
-  Int32,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type DrawerStateEvent = $ReadOnly<{|
-  drawerState: Int32,
-|}>;
-
-type DrawerSlideEvent = $ReadOnly<{|
-  offset: Float,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  /**
-   * Determines whether the keyboard gets dismissed in response to a drag.
-   *   - 'none' (the default), drags do not dismiss the keyboard.
-   *   - 'on-drag', the keyboard is dismissed when a drag begins.
-   */
-  keyboardDismissMode?: WithDefault<'none' | 'on-drag', 'none'>,
-
-  /**
-   * Specifies the background color of the drawer. The default value is white.
-   * If you want to set the opacity of the drawer, use rgba. Example:
-   *
-   * ```
-   * return (
-   *   <DrawerLayoutAndroid drawerBackgroundColor="rgba(0,0,0,0.5)">
-   *   </DrawerLayoutAndroid>
-   * );
-   * ```
-   */
-  drawerBackgroundColor: ColorValue,
-
-  /**
-   * Specifies the side of the screen from which the drawer will slide in.
-   */
-  drawerPosition?: WithDefault<'left' | 'right', 'left'>,
-
-  /**
-   * Specifies the width of the drawer, more precisely the width of the view that be pulled in
-   * from the edge of the window.
-   */
-
-  drawerWidth?: WithDefault<Float, null>,
-
-  /**
-   * Specifies the lock mode of the drawer. The drawer can be locked in 3 states:
-   * - unlocked (default), meaning that the drawer will respond (open/close) to touch gestures.
-   * - locked-closed, meaning that the drawer will stay closed and not respond to gestures.
-   * - locked-open, meaning that the drawer will stay opened and not respond to gestures.
-   * The drawer may still be opened and closed programmatically (`openDrawer`/`closeDrawer`).
-   */
-  drawerLockMode?: WithDefault<
-    'unlocked' | 'locked-closed' | 'locked-open',
-    'unlocked',
-  >,
-
-  /**
-   * Function called whenever there is an interaction with the navigation view.
-   */
-  onDrawerSlide?: ?DirectEventHandler<DrawerSlideEvent>,
-
-  /**
-   * Function called when the drawer state has changed. The drawer can be in 3 states:
-   * - Idle, meaning there is no interaction with the navigation view happening at the time
-   * - Dragging, meaning there is currently an interaction with the navigation view
-   * - Settling, meaning that there was an interaction with the navigation view, and the
-   * navigation view is now finishing its closing or opening animation
-   */
-  onDrawerStateChanged?: ?DirectEventHandler<DrawerStateEvent>,
-
-  /**
-   * Function called whenever the navigation view has been opened.
-   */
-  onDrawerOpen?: ?DirectEventHandler<null>,
-
-  /**
-   * Function called whenever the navigation view has been closed.
-   */
-  onDrawerClose?: ?DirectEventHandler<null>,
-
-  /**
-   * Make the drawer take the entire screen and draw the background of the
-   * status bar to allow it to open over the status bar. It will only have an
-   * effect on API 21+.
-   */
-  statusBarBackgroundColor?: ?ColorValue,
-|}>;
-
-type NativeType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +openDrawer: (viewRef: React.ElementRef<NativeType>) => void;
-  +closeDrawer: (viewRef: React.ElementRef<NativeType>) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['openDrawer', 'closeDrawer'],
-});
-
-export default (codegenNativeComponent<NativeProps>(
-  'AndroidDrawerLayout',
-): NativeType);
+export * from '../../../src/private/specs/components/AndroidDrawerLayoutNativeComponent';
+import AndroidDrawerLayoutNativeComponent from '../../../src/private/specs/components/AndroidDrawerLayoutNativeComponent';
+export default AndroidDrawerLayoutNativeComponent;
diff --git a/packages/react-native/Libraries/Components/DrawerAndroid/__tests__/DrawerAndroid-test.js b/packages/react-native/Libraries/Components/DrawerAndroid/__tests__/DrawerAndroid-test.js
index 5a9896c1e05af0..adf22019ab0de2 100644
--- a/packages/react-native/Libraries/Components/DrawerAndroid/__tests__/DrawerAndroid-test.js
+++ b/packages/react-native/Libraries/Components/DrawerAndroid/__tests__/DrawerAndroid-test.js
@@ -16,6 +16,7 @@ const View = require('../../View/View');
 /* $FlowFixMe[cannot-resolve-module] (>=0.99.0 site=react_native_ios_fb) This
  * comment suppresses an error found when Flow v0.99 was deployed. To see the
  * error, delete this comment and run Flow. */
+// $FlowFixMe[missing-platform-support]
 const DrawerLayoutAndroid = require('../DrawerLayoutAndroid.android');
 const React = require('react');
 
diff --git a/packages/react-native/Libraries/Components/Keyboard/NativeKeyboardObserver.js b/packages/react-native/Libraries/Components/Keyboard/NativeKeyboardObserver.js
index 2dff4a1d1d5f94..f539abc7c560dd 100644
--- a/packages/react-native/Libraries/Components/Keyboard/NativeKeyboardObserver.js
+++ b/packages/react-native/Libraries/Components/Keyboard/NativeKeyboardObserver.js
@@ -8,13 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('KeyboardObserver'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeKeyboardObserver';
+import NativeKeyboardObserver from '../../../src/private/specs/modules/NativeKeyboardObserver';
+export default NativeKeyboardObserver;
diff --git a/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.android.js b/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.android.js
new file mode 100644
index 00000000000000..035a1da5b150d6
--- /dev/null
+++ b/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.android.js
@@ -0,0 +1,69 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
+import type {SyntheticEvent} from '../../Types/CoreEventTypes';
+import type {RefObject} from 'react';
+
+import PopupMenuAndroidNativeComponent, {
+  Commands,
+} from './PopupMenuAndroidNativeComponent';
+import nullthrows from 'nullthrows';
+import * as React from 'react';
+import {useCallback, useImperativeHandle, useRef} from 'react';
+
+type PopupMenuSelectionEvent = SyntheticEvent<
+  $ReadOnly<{
+    item: number,
+  }>,
+>;
+
+export type PopupMenuAndroidInstance = {
+  +show: () => void,
+};
+
+type Props = {
+  menuItems: $ReadOnlyArray<string>,
+  onSelectionChange: number => void,
+  children: React.Node,
+  instanceRef: RefObject<?PopupMenuAndroidInstance>,
+};
+
+export default function PopupMenuAndroid({
+  menuItems,
+  onSelectionChange,
+  children,
+  instanceRef,
+}: Props): React.Node {
+  const nativeRef = useRef<React.ElementRef<HostComponent<mixed>> | null>(null);
+  const _onSelectionChange = useCallback(
+    (event: PopupMenuSelectionEvent) => {
+      onSelectionChange(event.nativeEvent.item);
+    },
+    [onSelectionChange],
+  );
+
+  useImperativeHandle(instanceRef, ItemViewabilityInstance => {
+    return {
+      show() {
+        Commands.show(nullthrows(nativeRef.current));
+      },
+    };
+  });
+
+  return (
+    <PopupMenuAndroidNativeComponent
+      ref={nativeRef}
+      onSelectionChange={_onSelectionChange}
+      menuItems={menuItems}>
+      {children}
+    </PopupMenuAndroidNativeComponent>
+  );
+}
diff --git a/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.d.ts b/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.d.ts
new file mode 100644
index 00000000000000..435df11d487fe7
--- /dev/null
+++ b/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.d.ts
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+import type * as React from 'react';
+import {HostComponent} from '../../../types/public/ReactNativeTypes';
+
+type PopupMenuAndroidInstance = {
+  show: () => void;
+};
+
+type Props = {
+  menuItems: Array<string>;
+  onSelectionChange: (number) => void;
+  children: React.ReactNode | undefined;
+  instanceRef: React.ElementRef<HostComponent<PopupMenuAndroidInstance>>;
+};
+
+declare class PopupMenuAndroid extends React.Component<Props> {}
diff --git a/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.js b/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.js
new file mode 100644
index 00000000000000..94677cd6b8d23d
--- /dev/null
+++ b/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.js
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import type {RefObject} from 'react';
+import type {Node} from 'react';
+
+import * as React from 'react';
+
+const UnimplementedView = require('../UnimplementedViews/UnimplementedView');
+
+export type PopupMenuAndroidInstance = {
+  +show: () => void,
+};
+
+type Props = {
+  menuItems: $ReadOnlyArray<string>,
+  onSelectionChange: number => void,
+  children: Node,
+  instanceRef: RefObject<?PopupMenuAndroidInstance>,
+};
+
+function PopupMenuAndroid(props: Props): Node {
+  return <UnimplementedView />;
+}
+
+export default PopupMenuAndroid;
diff --git a/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroidNativeComponent.js b/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroidNativeComponent.js
new file mode 100644
index 00000000000000..05bbd5693155c5
--- /dev/null
+++ b/packages/react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroidNativeComponent.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+export * from '../../../src/private/specs/components/PopupMenuAndroidNativeComponent';
+import PopupMenuAndroidNativeComponent from '../../../src/private/specs/components/PopupMenuAndroidNativeComponent';
+export default PopupMenuAndroidNativeComponent;
diff --git a/packages/react-native/Libraries/Components/Pressable/Pressable.js b/packages/react-native/Libraries/Components/Pressable/Pressable.js
index a69a08cbaadbc6..bcc03def85a744 100644
--- a/packages/react-native/Libraries/Components/Pressable/Pressable.js
+++ b/packages/react-native/Libraries/Components/Pressable/Pressable.js
@@ -37,7 +37,7 @@ import useAndroidRippleForView, {
   type RippleConfig,
 } from './useAndroidRippleForView';
 import * as React from 'react';
-import {useImperativeHandle, useMemo, useRef, useState} from 'react';
+import {useMemo, useRef, useState} from 'react';
 
 type ViewStyleProp = $ElementType<React.ElementConfig<typeof View>, 'style'>;
 
diff --git a/packages/react-native/Libraries/Components/Pressable/useAndroidRippleForView.js b/packages/react-native/Libraries/Components/Pressable/useAndroidRippleForView.js
index 44e78c454216c7..20dd19e969181b 100644
--- a/packages/react-native/Libraries/Components/Pressable/useAndroidRippleForView.js
+++ b/packages/react-native/Libraries/Components/Pressable/useAndroidRippleForView.js
@@ -71,8 +71,10 @@ export default function useAndroidRippleForView(
       return {
         viewProps:
           foreground === true
-            ? {nativeForegroundAndroid: nativeRippleValue}
-            : {nativeBackgroundAndroid: nativeRippleValue},
+            ? // $FlowFixMe[incompatible-return]
+              {nativeForegroundAndroid: nativeRippleValue}
+            : // $FlowFixMe[incompatible-return]
+              {nativeBackgroundAndroid: nativeRippleValue},
         onPressIn(event: PressEvent): void {
           const view = viewRef.current;
           if (view != null) {
diff --git a/packages/react-native/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js b/packages/react-native/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js
index 2dc49e65a37221..7e5f03e33ee356 100644
--- a/packages/react-native/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js
+++ b/packages/react-native/Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js
@@ -4,30 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
  * @format
+ * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {Double, WithDefault} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  //Props
-  styleAttr?: string,
-  typeAttr?: string,
-  indeterminate: boolean,
-  progress?: WithDefault<Double, 0>,
-  animating?: WithDefault<boolean, true>,
-  color?: ?ColorValue,
-  testID?: WithDefault<string, ''>,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>('AndroidProgressBar', {
-  interfaceOnly: true,
-}): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/ProgressBarAndroidNativeComponent';
+import ProgressBarAndroidNativeComponent from '../../../src/private/specs/components/ProgressBarAndroidNativeComponent';
+export default ProgressBarAndroidNativeComponent;
diff --git a/packages/react-native/Libraries/Components/ProgressBarAndroid/__tests__/ProgressBarAndroid-test.js b/packages/react-native/Libraries/Components/ProgressBarAndroid/__tests__/ProgressBarAndroid-test.js
index e293e1293141bb..07cb39ff2117e5 100644
--- a/packages/react-native/Libraries/Components/ProgressBarAndroid/__tests__/ProgressBarAndroid-test.js
+++ b/packages/react-native/Libraries/Components/ProgressBarAndroid/__tests__/ProgressBarAndroid-test.js
@@ -15,6 +15,7 @@ const ReactNativeTestTools = require('../../../Utilities/ReactNativeTestTools');
 /* $FlowFixMe[cannot-resolve-module] (>=0.99.0 site=react_native_ios_fb) This
  * comment suppresses an error found when Flow v0.99 was deployed. To see the
  * error, delete this comment and run Flow. */
+// $FlowFixMe[missing-platform-support]
 const ProgressBarAndroid = require('../ProgressBarAndroid.android');
 const React = require('react');
 
diff --git a/packages/react-native/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js b/packages/react-native/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js
index dd76d15d61dbf3..8e7d56557e9353 100644
--- a/packages/react-native/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js
+++ b/packages/react-native/Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js
@@ -8,67 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  DirectEventHandler,
-  Float,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * Whether the pull to refresh functionality is enabled.
-   */
-  enabled?: WithDefault<boolean, true>,
-  /**
-   * The colors (at least one) that will be used to draw the refresh indicator.
-   */
-  colors?: ?$ReadOnlyArray<ColorValue>,
-  /**
-   * The background color of the refresh indicator.
-   */
-  progressBackgroundColor?: ?ColorValue,
-  /**
-   * Size of the refresh indicator.
-   */
-  size?: WithDefault<'default' | 'large', 'default'>,
-  /**
-   * Progress view top offset
-   */
-  progressViewOffset?: WithDefault<Float, 0>,
-
-  /**
-   * Called when the view starts refreshing.
-   */
-  onRefresh?: ?DirectEventHandler<null>,
-
-  /**
-   * Whether the view should be indicating an active refresh.
-   */
-  refreshing: boolean,
-|}>;
-
-type NativeType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setNativeRefreshing: (
-    viewRef: React.ElementRef<NativeType>,
-    value: boolean,
-  ) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setNativeRefreshing'],
-});
-
-export default (codegenNativeComponent<NativeProps>(
-  'AndroidSwipeRefreshLayout',
-): NativeType);
+export * from '../../../src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent';
+import AndroidSwipeRefreshLayoutNativeComponent from '../../../src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent';
+export default AndroidSwipeRefreshLayoutNativeComponent;
diff --git a/packages/react-native/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js b/packages/react-native/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js
index f47880e111deff..a5ae5e5b176576 100644
--- a/packages/react-native/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js
+++ b/packages/react-native/Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js
@@ -8,64 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  DirectEventHandler,
-  Float,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * The color of the refresh indicator.
-   */
-  tintColor?: ?ColorValue,
-  /**
-   * Title color.
-   */
-  titleColor?: ?ColorValue,
-  /**
-   * The title displayed under the refresh indicator.
-   */
-  title?: WithDefault<string, null>,
-  /**
-   * Progress view top offset
-   */
-  progressViewOffset?: WithDefault<Float, 0>,
-
-  /**
-   * Called when the view starts refreshing.
-   */
-  onRefresh?: ?DirectEventHandler<null>,
-
-  /**
-   * Whether the view should be indicating an active refresh.
-   */
-  refreshing: boolean,
-|}>;
-
-type ComponentType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setNativeRefreshing: (
-    viewRef: React.ElementRef<ComponentType>,
-    refreshing: boolean,
-  ) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setNativeRefreshing'],
-});
-
-export default (codegenNativeComponent<NativeProps>('PullToRefreshView', {
-  paperComponentName: 'RCTRefreshControl',
-  excludedPlatforms: ['android'],
-}): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/PullToRefreshViewNativeComponent';
+import PullToRefreshViewNativeComponent from '../../../src/private/specs/components/PullToRefreshViewNativeComponent';
+export default PullToRefreshViewNativeComponent;
diff --git a/packages/react-native/Libraries/Components/RefreshControl/RefreshControl.js b/packages/react-native/Libraries/Components/RefreshControl/RefreshControl.js
index 0fb4860582f556..221df2405e256b 100644
--- a/packages/react-native/Libraries/Components/RefreshControl/RefreshControl.js
+++ b/packages/react-native/Libraries/Components/RefreshControl/RefreshControl.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {ColorValue} from '../../StyleSheet/StyleSheet';
diff --git a/packages/react-native/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js b/packages/react-native/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js
index ff0d08ae5ce281..ac6e9cfaf93f8d 100644
--- a/packages/react-native/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js
+++ b/packages/react-native/Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js
@@ -8,18 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // No props
-|}>;
-
-export default (codegenNativeComponent<NativeProps>('SafeAreaView', {
-  paperComponentName: 'RCTSafeAreaView',
-  interfaceOnly: true,
-}): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/RCTSafeAreaViewNativeComponent';
+import RCTSafeAreaViewNativeComponent from '../../../src/private/specs/components/RCTSafeAreaViewNativeComponent';
+export default RCTSafeAreaViewNativeComponent;
diff --git a/packages/react-native/Libraries/Components/ScrollView/AndroidHorizontalScrollContentViewNativeComponent.js b/packages/react-native/Libraries/Components/ScrollView/AndroidHorizontalScrollContentViewNativeComponent.js
index 50b814a93b90de..f6c6097bbbf629 100644
--- a/packages/react-native/Libraries/Components/ScrollView/AndroidHorizontalScrollContentViewNativeComponent.js
+++ b/packages/react-native/Libraries/Components/ScrollView/AndroidHorizontalScrollContentViewNativeComponent.js
@@ -8,19 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  removeClippedSubviews?: ?boolean,
-|}>;
-
-type NativeType = HostComponent<NativeProps>;
-
-export default (codegenNativeComponent<NativeProps>(
-  'AndroidHorizontalScrollContentView',
-): NativeType);
+export * from '../../../src/private/specs/components/AndroidHorizontalScrollContentViewNativeComponent';
+import AndroidHorizontalScrollContentViewNativeComponent from '../../../src/private/specs/components/AndroidHorizontalScrollContentViewNativeComponent';
+export default AndroidHorizontalScrollContentViewNativeComponent;
diff --git a/packages/react-native/Libraries/Components/ScrollView/ScrollContentViewNativeComponent.js b/packages/react-native/Libraries/Components/ScrollView/ScrollContentViewNativeComponent.js
index bd7278c93d0dee..6ad8519391e861 100644
--- a/packages/react-native/Libraries/Components/ScrollView/ScrollContentViewNativeComponent.js
+++ b/packages/react-native/Libraries/Components/ScrollView/ScrollContentViewNativeComponent.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {
diff --git a/packages/react-native/Libraries/Components/ScrollView/ScrollView.d.ts b/packages/react-native/Libraries/Components/ScrollView/ScrollView.d.ts
index 109a3e0425e202..2e26db757500d6 100644
--- a/packages/react-native/Libraries/Components/ScrollView/ScrollView.d.ts
+++ b/packages/react-native/Libraries/Components/ScrollView/ScrollView.d.ts
@@ -481,12 +481,12 @@ export interface ScrollViewPropsIOS {
   pinchGestureEnabled?: boolean | undefined;
 
   /**
-   * This controls how often the scroll event will be fired while scrolling (as a time interval in ms).
-   * A lower number yields better accuracy for code that is tracking the scroll position,
-   * but can lead to scroll performance problems due to the volume of information being sent over the bridge.
-   * The default value is zero, which means the scroll event will be sent only once each time the view is scrolled.
+   * Limits how often scroll events will be fired while scrolling, specified as
+   * a time interval in ms. This may be useful when expensive work is performed
+   * in response to scrolling. Values <= `16` will disable throttling,
+   * regardless of the refresh rate of the device.
    */
-  scrollEventThrottle?: number | undefined; // null
+  scrollEventThrottle?: number | undefined;
 
   /**
    * The amount by which the scroll view indicators are inset from the edges of the scroll view.
@@ -663,7 +663,6 @@ export interface ScrollViewProps
 
   /**
    * Fires at most once per frame during scrolling.
-   * The frequency of the events can be contolled using the scrollEventThrottle prop.
    */
   onScroll?:
     | ((event: NativeSyntheticEvent<NativeScrollEvent>) => void)
diff --git a/packages/react-native/Libraries/Components/ScrollView/ScrollView.js b/packages/react-native/Libraries/Components/ScrollView/ScrollView.js
index 49ce3e72a88177..582d3af8293cd9 100644
--- a/packages/react-native/Libraries/Components/ScrollView/ScrollView.js
+++ b/packages/react-native/Libraries/Components/ScrollView/ScrollView.js
@@ -525,8 +525,7 @@ export type Props = $ReadOnly<{|
   onMomentumScrollEnd?: ?(event: ScrollEvent) => void,
 
   /**
-   * Fires at most once per frame during scrolling. The frequency of the
-   * events can be controlled using the `scrollEventThrottle` prop.
+   * Fires at most once per frame during scrolling.
    */
   onScroll?: ?(event: ScrollEvent) => void,
   /**
@@ -566,19 +565,10 @@ export type Props = $ReadOnly<{|
    */
   scrollEnabled?: ?boolean,
   /**
-   * This controls how often the scroll event will be fired while scrolling
-   * (as a time interval in ms). A lower number yields better accuracy for code
-   * that is tracking the scroll position, but can lead to scroll performance
-   * problems due to the volume of information being send over the bridge.
-   *
-   * Values between 0 and 17ms indicate 60fps updates are needed and throttling
-   * will be disabled.
-   *
-   * If you do not need precise scroll position tracking, set this value higher
-   * to limit the information being sent across the bridge.
-   *
-   * The default value is zero, which results in the scroll event being sent only
-   * once each time the view is scrolled.
+   * Limits how often scroll events will be fired while scrolling, specified as
+   * a time interval in ms. This may be useful when expensive work is performed
+   * in response to scrolling. Values <= `16` will disable throttling,
+   * regardless of the refresh rate of the device.
    */
   scrollEventThrottle?: ?number,
   /**
@@ -1174,21 +1164,6 @@ class ScrollView extends React.Component<Props, State> {
   }; // macOS]
 
   _handleScroll = (e: ScrollEvent) => {
-    if (__DEV__) {
-      if (
-        this.props.onScroll &&
-        this.props.scrollEventThrottle == null &&
-        (Platform.OS === 'ios' || Platform.OS === 'macos') // [macOS]
-      ) {
-        console.log(
-          'You specified `onScroll` on a <ScrollView> but not ' +
-            '`scrollEventThrottle`. You will only receive one event. ' +
-            'Using `16` you get all the events but be aware that it may ' +
-            "cause frame drops, use a bigger number if you don't need as " +
-            'much precision.',
-        );
-      }
-    }
     this._observedScrollSinceBecomingResponder = true;
     this.props.onScroll && this.props.onScroll(e);
   };
@@ -1709,13 +1684,14 @@ class ScrollView extends React.Component<Props, State> {
 
     const {stickyHeaderIndices} = this.props;
     let children = this.props.children;
+    /**
+     * This function can cause unnecessary remount when nested in conditionals as it causes remap of children keys.
+     * https://react.dev/reference/react/Children#children-toarray-caveats
+     */
+    children = React.Children.toArray<$FlowFixMe>(children);
 
     if (stickyHeaderIndices != null && stickyHeaderIndices.length > 0) {
-      const childArray = React.Children.toArray<$FlowFixMe>(
-        this.props.children,
-      );
-
-      children = childArray.map((child, index) => {
+      children = children.map((child, index) => {
         const indexOfIndex = child ? stickyHeaderIndices.indexOf(index) : -1;
         if (indexOfIndex > -1) {
           const key = child.key;
@@ -1727,7 +1703,7 @@ class ScrollView extends React.Component<Props, State> {
               key={key}
               ref={ref => this._setStickyHeaderRef(key, ref)}
               nextHeaderLayoutY={this._headerLayoutYs.get(
-                this._getKeyForIndex(nextIndex, childArray),
+                this._getKeyForIndex(nextIndex, children),
               )}
               onLayout={event => this._onStickyHeaderLayout(index, event, key)}
               scrollAnimatedValue={this._scrollAnimatedValue}
diff --git a/packages/react-native/Libraries/Components/ScrollView/ScrollViewStickyHeader.js b/packages/react-native/Libraries/Components/ScrollView/ScrollViewStickyHeader.js
index 0cdebf840d004f..3b26ae87fed40a 100644
--- a/packages/react-native/Libraries/Components/ScrollView/ScrollViewStickyHeader.js
+++ b/packages/react-native/Libraries/Components/ScrollView/ScrollViewStickyHeader.js
@@ -67,8 +67,7 @@ const ScrollViewStickyHeaderWithForwardedRef: React.AbstractComponent<
   }, []);
   const ref: (React.ElementRef<typeof Animated.View> | null) => void =
     // $FlowFixMe[incompatible-type] - Ref is mutated by `callbackRef`.
-    // $FlowFixMe[incompatible-call]
-    useMergeRefs<Instance | null>(callbackRef, forwardedRef);
+    useMergeRefs<Instance>(callbackRef, forwardedRef);
 
   const offset = useMemo(
     () =>
diff --git a/packages/react-native/Libraries/Components/Sound/NativeSoundManager.js b/packages/react-native/Libraries/Components/Sound/NativeSoundManager.js
index 425a3c3b835c9d..08e4b37c4e6709 100644
--- a/packages/react-native/Libraries/Components/Sound/NativeSoundManager.js
+++ b/packages/react-native/Libraries/Components/Sound/NativeSoundManager.js
@@ -8,15 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-/**
- * Native Module used for playing sounds in native platform.
- */
-export interface Spec extends TurboModule {
-  +playTouchSound: () => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('SoundManager'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeSoundManager';
+import NativeSoundManager from '../../../src/private/specs/modules/NativeSoundManager';
+export default NativeSoundManager;
diff --git a/packages/react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js b/packages/react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js
index acebb6ca3bd1bc..42739be6110165 100644
--- a/packages/react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js
+++ b/packages/react-native/Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js
@@ -8,61 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {|
-    +HEIGHT: number,
-    +DEFAULT_BACKGROUND_COLOR: number,
-  |};
-  +setColor: (color: number, animated: boolean) => void;
-  +setTranslucent: (translucent: boolean) => void;
-
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   */
-  +setStyle: (statusBarStyle?: ?string) => void;
-  +setHidden: (hidden: boolean) => void;
-}
-
-const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('StatusBarManager');
-let constants = null;
-
-const NativeStatusBarManager = {
-  getConstants(): {|
-    +HEIGHT: number,
-    +DEFAULT_BACKGROUND_COLOR?: number,
-  |} {
-    if (constants == null) {
-      constants = NativeModule.getConstants();
-    }
-    return constants;
-  },
-
-  setColor(color: number, animated: boolean): void {
-    NativeModule.setColor(color, animated);
-  },
-
-  setTranslucent(translucent: boolean): void {
-    NativeModule.setTranslucent(translucent);
-  },
-
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   */
-  setStyle(statusBarStyle?: ?string): void {
-    NativeModule.setStyle(statusBarStyle);
-  },
-
-  setHidden(hidden: boolean): void {
-    NativeModule.setHidden(hidden);
-  },
-};
-
-export default NativeStatusBarManager;
+export * from '../../../src/private/specs/modules/NativeStatusBarManagerAndroid';
+import NativeStatusBarManagerAndroid from '../../../src/private/specs/modules/NativeStatusBarManagerAndroid';
+export default NativeStatusBarManagerAndroid;
diff --git a/packages/react-native/Libraries/Components/StatusBar/NativeStatusBarManagerIOS.js b/packages/react-native/Libraries/Components/StatusBar/NativeStatusBarManagerIOS.js
index 4ca0011b8a42b1..b7c50ea0b70178 100644
--- a/packages/react-native/Libraries/Components/StatusBar/NativeStatusBarManagerIOS.js
+++ b/packages/react-native/Libraries/Components/StatusBar/NativeStatusBarManagerIOS.js
@@ -8,82 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {|
-    +HEIGHT: number,
-    +DEFAULT_BACKGROUND_COLOR?: number,
-  |};
-
-  // TODO(T47754272) Can we remove this method?
-  +getHeight: (callback: (result: {|height: number|}) => void) => void;
-  +setNetworkActivityIndicatorVisible: (visible: boolean) => void;
-  +addListener: (eventType: string) => void;
-  +removeListeners: (count: number) => void;
-
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   *    - 'light-content'
-   */
-  +setStyle: (statusBarStyle?: ?string, animated: boolean) => void;
-  /**
-   *  - withAnimation can be: 'none' | 'fade' | 'slide'
-   */
-  +setHidden: (hidden: boolean, withAnimation: string) => void;
-}
-
-const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('StatusBarManager');
-let constants = null;
-
-const NativeStatusBarManager = {
-  getConstants(): {|
-    +HEIGHT: number,
-    +DEFAULT_BACKGROUND_COLOR?: number,
-  |} {
-    if (constants == null) {
-      constants = NativeModule.getConstants();
-    }
-    return constants;
-  },
-
-  // TODO(T47754272) Can we remove this method?
-  getHeight(callback: (result: {|height: number|}) => void): void {
-    NativeModule.getHeight(callback);
-  },
-
-  setNetworkActivityIndicatorVisible(visible: boolean): void {
-    NativeModule.setNetworkActivityIndicatorVisible(visible);
-  },
-
-  addListener(eventType: string): void {
-    NativeModule.addListener(eventType);
-  },
-
-  removeListeners(count: number): void {
-    NativeModule.removeListeners(count);
-  },
-
-  /**
-   *  - statusBarStyles can be:
-   *    - 'default'
-   *    - 'dark-content'
-   *    - 'light-content'
-   */
-  setStyle(statusBarStyle?: ?string, animated: boolean): void {
-    NativeModule.setStyle(statusBarStyle, animated);
-  },
-
-  /**
-   *  - withAnimation can be: 'none' | 'fade' | 'slide'
-   */
-  setHidden(hidden: boolean, withAnimation: string): void {
-    NativeModule.setHidden(hidden, withAnimation);
-  },
-};
-
-export default NativeStatusBarManager;
+export * from '../../../src/private/specs/modules/NativeStatusBarManagerIOS';
+import NativeStatusBarManagerIOS from '../../../src/private/specs/modules/NativeStatusBarManagerIOS';
+export default NativeStatusBarManagerIOS;
diff --git a/packages/react-native/Libraries/Components/Switch/AndroidSwitchNativeComponent.js b/packages/react-native/Libraries/Components/Switch/AndroidSwitchNativeComponent.js
index a31d7a0244abd5..2e34815590f362 100644
--- a/packages/react-native/Libraries/Components/Switch/AndroidSwitchNativeComponent.js
+++ b/packages/react-native/Libraries/Components/Switch/AndroidSwitchNativeComponent.js
@@ -4,59 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
  * @format
+ * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  BubblingEventHandler,
-  Int32,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type SwitchChangeEvent = $ReadOnly<{|
-  value: boolean,
-  target: Int32,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // Props
-  disabled?: WithDefault<boolean, false>,
-  enabled?: WithDefault<boolean, true>,
-  thumbColor?: ?ColorValue,
-  trackColorForFalse?: ?ColorValue,
-  trackColorForTrue?: ?ColorValue,
-  value?: WithDefault<boolean, false>,
-  on?: WithDefault<boolean, false>,
-  thumbTintColor?: ?ColorValue,
-  trackTintColor?: ?ColorValue,
-
-  // Events
-  onChange?: BubblingEventHandler<SwitchChangeEvent>,
-|}>;
-
-type NativeType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setNativeValue: (
-    viewRef: React.ElementRef<NativeType>,
-    value: boolean,
-  ) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setNativeValue'],
-});
-
-export default (codegenNativeComponent<NativeProps>('AndroidSwitch', {
-  interfaceOnly: true,
-}): NativeType);
+export * from '../../../src/private/specs/components/AndroidSwitchNativeComponent';
+import AndroidSwitchNativeComponent from '../../../src/private/specs/components/AndroidSwitchNativeComponent';
+export default AndroidSwitchNativeComponent;
diff --git a/packages/react-native/Libraries/Components/Switch/Switch.js b/packages/react-native/Libraries/Components/Switch/Switch.js
index 24f3b841aee842..eb0f18521e47c8 100644
--- a/packages/react-native/Libraries/Components/Switch/Switch.js
+++ b/packages/react-native/Libraries/Components/Switch/Switch.js
@@ -6,7 +6,6 @@
  *
  * @flow strict-local
  * @format
- * @generate-docs
  */
 
 import type {ColorValue} from '../../StyleSheet/StyleSheet';
@@ -155,7 +154,6 @@ const SwitchWithForwardedRef: React.AbstractComponent<
     typeof SwitchNativeComponent | typeof AndroidSwitchNativeComponent,
   > | null>(null);
 
-  // $FlowFixMe[incompatible-call]
   const ref = useMergeRefs(nativeSwitchRef, forwardedRef);
 
   const [native, setNative] = React.useState({value: (null: ?boolean)});
diff --git a/packages/react-native/Libraries/Components/Switch/SwitchNativeComponent.js b/packages/react-native/Libraries/Components/Switch/SwitchNativeComponent.js
index 71bf14fb833feb..7ecec529192c0b 100644
--- a/packages/react-native/Libraries/Components/Switch/SwitchNativeComponent.js
+++ b/packages/react-native/Libraries/Components/Switch/SwitchNativeComponent.js
@@ -4,58 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
  * @format
+ * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {
-  BubblingEventHandler,
-  Int32,
-  WithDefault,
-} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type SwitchChangeEvent = $ReadOnly<{|
-  value: boolean,
-  target: Int32,
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  // Props
-  disabled?: WithDefault<boolean, false>,
-  value?: WithDefault<boolean, false>,
-  tintColor?: ?ColorValue,
-  onTintColor?: ?ColorValue,
-  thumbTintColor?: ?ColorValue,
-
-  // Deprecated props
-  thumbColor?: ?ColorValue,
-  trackColorForFalse?: ?ColorValue,
-  trackColorForTrue?: ?ColorValue,
-
-  // Events
-  onChange?: ?BubblingEventHandler<SwitchChangeEvent>,
-|}>;
-
-type ComponentType = HostComponent<NativeProps>;
-
-interface NativeCommands {
-  +setValue: (viewRef: React.ElementRef<ComponentType>, value: boolean) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['setValue'],
-});
-
-export default (codegenNativeComponent<NativeProps>('Switch', {
-  paperComponentName: 'RCTSwitch',
-  excludedPlatforms: ['android'],
-}): ComponentType);
+export * from '../../../src/private/specs/components/SwitchNativeComponent';
+import SwitchNativeComponent from '../../../src/private/specs/components/SwitchNativeComponent';
+export default SwitchNativeComponent;
diff --git a/packages/react-native/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js b/packages/react-native/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js
index 55b770d26a35ef..f5d06e24595213 100644
--- a/packages/react-native/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js
+++ b/packages/react-native/Libraries/Components/TextInput/AndroidTextInputNativeComponent.js
@@ -485,6 +485,11 @@ export type NativeProps = $ReadOnly<{|
    */
   selectionColor?: ?ColorValue,
 
+  /**
+   * The text selection handle color.
+   */
+  selectionHandleColor?: ?ColorValue,
+
   /**
    * The start and end of the text input's selection. Set start and end to
    * the same value to position the cursor.
@@ -692,6 +697,9 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig = {
     fontStyle: true,
     textShadowOffset: true,
     selectionColor: {process: require('../../StyleSheet/processColor').default},
+    selectionHandleColor: {
+      process: require('../../StyleSheet/processColor').default,
+    },
     placeholderTextColor: {
       process: require('../../StyleSheet/processColor').default,
     },
diff --git a/packages/react-native/Libraries/Components/TextInput/InputAccessoryView.js b/packages/react-native/Libraries/Components/TextInput/InputAccessoryView.js
index 792474779f4f1e..43294aab0e4690 100644
--- a/packages/react-native/Libraries/Components/TextInput/InputAccessoryView.js
+++ b/packages/react-native/Libraries/Components/TextInput/InputAccessoryView.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
@@ -85,27 +85,25 @@ type Props = $ReadOnly<{|
   backgroundColor?: ?ColorValue,
 |}>;
 
-class InputAccessoryView extends React.Component<Props> {
-  render(): React.Node {
-    if (Platform.OS === 'ios') {
-      if (React.Children.count(this.props.children) === 0) {
-        return null;
-      }
-
-      return (
-        <RCTInputAccessoryViewNativeComponent
-          style={[this.props.style, styles.container]}
-          nativeID={this.props.nativeID}
-          backgroundColor={this.props.backgroundColor}>
-          {this.props.children}
-        </RCTInputAccessoryViewNativeComponent>
-      );
-    } else {
-      console.warn('<InputAccessoryView> is only supported on iOS.');
+const InputAccessoryView: React.AbstractComponent<Props> = (props: Props) => {
+  if (Platform.OS === 'ios') {
+    if (React.Children.count(props.children) === 0) {
       return null;
     }
+
+    return (
+      <RCTInputAccessoryViewNativeComponent
+        style={[props.style, styles.container]}
+        nativeID={props.nativeID}
+        backgroundColor={props.backgroundColor}>
+        {props.children}
+      </RCTInputAccessoryViewNativeComponent>
+    );
+  } else {
+    console.warn('<InputAccessoryView> is only supported on iOS.');
+    return null;
   }
-}
+};
 
 const styles = StyleSheet.create({
   container: {
@@ -113,4 +111,4 @@ const styles = StyleSheet.create({
   },
 });
 
-module.exports = InputAccessoryView;
+export default InputAccessoryView;
diff --git a/packages/react-native/Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js b/packages/react-native/Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js
index 48432dbdd2c625..9a1dd64f3ed4e1 100644
--- a/packages/react-native/Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js
+++ b/packages/react-native/Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js
@@ -4,23 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow strict-local
  * @format
+ * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  backgroundColor?: ?ColorValue,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>('InputAccessory', {
-  interfaceOnly: true,
-  paperComponentName: 'RCTInputAccessoryView',
-  excludedPlatforms: ['android'],
-}): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/RCTInputAccessoryViewNativeComponent';
+import RCTInputAccessoryViewNativeComponent from '../../../src/private/specs/components/RCTInputAccessoryViewNativeComponent';
+export default RCTInputAccessoryViewNativeComponent;
diff --git a/packages/react-native/Libraries/Components/TextInput/RCTTextInputViewConfig.js b/packages/react-native/Libraries/Components/TextInput/RCTTextInputViewConfig.js
index df3437a0abd9fa..e668c310db79c0 100644
--- a/packages/react-native/Libraries/Components/TextInput/RCTTextInputViewConfig.js
+++ b/packages/react-native/Libraries/Components/TextInput/RCTTextInputViewConfig.js
@@ -31,12 +31,6 @@ const RCTTextInputViewConfig = {
         captured: 'onChangeCapture',
       },
     },
-    topContentSizeChange: {
-      phasedRegistrationNames: {
-        captured: 'onContentSizeChangeCapture',
-        bubbled: 'onContentSizeChange',
-      },
-    },
     topEndEditing: {
       phasedRegistrationNames: {
         bubbled: 'onEndEditing',
@@ -97,6 +91,9 @@ const RCTTextInputViewConfig = {
     topChangeSync: {
       registrationName: 'onChangeSync',
     },
+    topContentSizeChange: {
+      registrationName: 'onContentSizeChange',
+    },
   },
   validAttributes: {
     fontSize: true,
diff --git a/packages/react-native/Libraries/Components/TextInput/TextInput.d.ts b/packages/react-native/Libraries/Components/TextInput/TextInput.d.ts
index 8316d357b90e43..eff278ba1d6842 100644
--- a/packages/react-native/Libraries/Components/TextInput/TextInput.d.ts
+++ b/packages/react-native/Libraries/Components/TextInput/TextInput.d.ts
@@ -443,6 +443,14 @@ export interface TextInputAndroidProps {
    */
   cursorColor?: ColorValue | null | undefined;
 
+  /**
+   * When provided it will set the color of the selection handles when highlighting text.
+   * Unlike the behavior of `selectionColor` the handle color will be set independently
+   * from the color of the text selection box.
+   * @platform android
+   */
+  selectionHandleColor?: ColorValue | null | undefined;
+
   /**
    * Determines whether the individual fields in your app should be included in a
    * view structure for autofill purposes on Android API Level 26+. Defaults to auto.
diff --git a/packages/react-native/Libraries/Components/TextInput/TextInput.flow.js b/packages/react-native/Libraries/Components/TextInput/TextInput.flow.js
index 5a47a8e6d1eeec..97bd846a374a18 100644
--- a/packages/react-native/Libraries/Components/TextInput/TextInput.flow.js
+++ b/packages/react-native/Libraries/Components/TextInput/TextInput.flow.js
@@ -471,6 +471,14 @@ type AndroidProps = $ReadOnly<{|
    */
   cursorColor?: ?ColorValue,
 
+  /**
+   * When provided it will set the color of the selection handles when highlighting text.
+   * Unlike the behavior of `selectionColor` the handle color will be set independently
+   * from the color of the text selection box.
+   * @platform android
+   */
+  selectionHandleColor?: ?ColorValue,
+
   /**
    * When `false`, if there is a small amount of space available around a text input
    * (e.g. landscape orientation on a phone), the OS may choose to have the user edit
diff --git a/packages/react-native/Libraries/Components/TextInput/TextInput.js b/packages/react-native/Libraries/Components/TextInput/TextInput.js
index ee8f93e62a1b47..1cf5e3af3c11d6 100644
--- a/packages/react-native/Libraries/Components/TextInput/TextInput.js
+++ b/packages/react-native/Libraries/Components/TextInput/TextInput.js
@@ -1062,6 +1062,12 @@ export type Props = $ReadOnly<{|
    */
   selectionColor?: ?ColorValue,
 
+  /**
+   * The text selection handle color.
+   * @platform android
+   */
+  selectionHandleColor?: ?ColorValue,
+
   /**
    * If `true`, all text will automatically be selected on focus.
    */
@@ -1188,8 +1194,8 @@ const emptyFunctionThatReturnsTrue = () => true;
  *     return (
  *       <TextInput
  *         {...this.props} // Inherit any props passed to it; e.g., multiline, numberOfLines below
- *         editable = {true}
- *         maxLength = {40}
+ *         editable={true}
+ *         maxLength={40}
  *       />
  *     );
  *   }
@@ -1213,8 +1219,8 @@ const emptyFunctionThatReturnsTrue = () => true;
  *        borderBottomWidth: 1 }}
  *      >
  *        <UselessTextInput
- *          multiline = {true}
- *          numberOfLines = {4}
+ *          multiline={true}
+ *          numberOfLines={4}
  *          onChangeText={(text) => this.setState({text})}
  *          value={this.state.text}
  *        />
@@ -1269,6 +1275,9 @@ function InternalTextInput(props: Props): React.Node {
     id,
     tabIndex,
     selection: propsSelection,
+    selectionColor,
+    selectionHandleColor,
+    cursorColor,
     ...otherProps
   } = props;
 
@@ -1443,10 +1452,7 @@ function InternalTextInput(props: Props): React.Node {
     [mostRecentEventCount, viewCommands],
   );
 
-  const ref = useMergeRefs<TextInputInstance | null>(
-    setLocalRef,
-    props.forwardedRef,
-  );
+  const ref = useMergeRefs<TextInputInstance>(setLocalRef, props.forwardedRef);
 
   const _onChange = (event: ChangeEvent) => {
     const currentText = event.nativeEvent.text;
@@ -1618,8 +1624,7 @@ function InternalTextInput(props: Props): React.Node {
     };
   }
 
-  // $FlowFixMe[underconstrained-implicit-instantiation]
-  let style = flattenStyle(props.style);
+  const style = flattenStyle<TextStyleProp>(props.style);
 
   if (Platform.OS === 'ios' || Platform.OS === 'macos') {
     // [macOS]
@@ -1628,7 +1633,12 @@ function InternalTextInput(props: Props): React.Node {
         ? RCTMultilineTextInputView
         : RCTSinglelineTextInputView;
 
-    style = props.multiline === true ? [styles.multilineInput, style] : style;
+    const useMultilineDefaultStyle =
+      props.multiline === true &&
+      (style == null ||
+        (style.padding == null &&
+          style.paddingVertical == null &&
+          style.paddingTop == null));
 
     const useOnChangeSync =
       (props.unstable_onChangeSync || props.unstable_onChangeTextSync) &&
@@ -1660,7 +1670,10 @@ function InternalTextInput(props: Props): React.Node {
         onSelectionChange={_onSelectionChange}
         onSelectionChangeShouldSetResponder={emptyFunctionThatReturnsTrue}
         selection={selection}
-        style={style}
+        style={StyleSheet.compose(
+          useMultilineDefaultStyle ? styles.multilineDefault : null,
+          style,
+        )}
         text={text}
       />
     );
@@ -1678,7 +1691,15 @@ function InternalTextInput(props: Props): React.Node {
     if (childCount > 1) {
       children = <Text>{children}</Text>;
     }
-
+    // For consistency with iOS set cursor/selectionHandle color as selectionColor
+    const colorProps = {
+      selectionColor,
+      selectionHandleColor:
+        selectionHandleColor === undefined
+          ? selectionColor
+          : selectionHandleColor,
+      cursorColor: cursorColor === undefined ? selectionColor : cursorColor,
+    };
     textInput = (
       /* $FlowFixMe[prop-missing] the types for AndroidTextInput don't match up
        * exactly with the props for TextInput. This will need to get fixed */
@@ -1692,6 +1713,7 @@ function InternalTextInput(props: Props): React.Node {
         // $FlowFixMe[incompatible-type] - Figure out imperative + forward refs.
         ref={ref}
         {...otherProps}
+        {...colorProps}
         {...eventHandlers}
         accessibilityState={_accessibilityState}
         accessibilityLabelledBy={_accessibilityLabelledBy}
@@ -1902,13 +1924,6 @@ const ExportedForwardRef: React.AbstractComponent<
 
 ExportedForwardRef.displayName = 'TextInput';
 
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-ExportedForwardRef.propTypes =
-  require('deprecated-react-native-prop-types').TextInputPropTypes;
-
 // $FlowFixMe[prop-missing]
 ExportedForwardRef.State = {
   currentlyFocusedInput: TextInputState.currentlyFocusedInput,
@@ -1928,7 +1943,7 @@ export type TextInputComponentStatics = $ReadOnly<{|
 |}>;
 
 const styles = StyleSheet.create({
-  multilineInput: {
+  multilineDefault: {
     // This default top inset makes RCTMultilineTextInputView seem as close as possible
     // to single-line RCTSinglelineTextInputView defaults, using the system defaults
     // of font size 17 and a height of 31 points.
diff --git a/packages/react-native/Libraries/Components/TextInput/__tests__/InputAccessoryView-test.js b/packages/react-native/Libraries/Components/TextInput/__tests__/InputAccessoryView-test.js
index d293702660a952..9777451295d3ef 100644
--- a/packages/react-native/Libraries/Components/TextInput/__tests__/InputAccessoryView-test.js
+++ b/packages/react-native/Libraries/Components/TextInput/__tests__/InputAccessoryView-test.js
@@ -13,7 +13,7 @@
 
 const render = require('../../../../jest/renderer');
 const View = require('../../View/View');
-const InputAccessoryView = require('../InputAccessoryView');
+const InputAccessoryView = require('../InputAccessoryView').default;
 const React = require('react');
 
 describe('<InputAccessoryView />', () => {
diff --git a/packages/react-native/Libraries/Components/ToastAndroid/NativeToastAndroid.js b/packages/react-native/Libraries/Components/ToastAndroid/NativeToastAndroid.js
index 3a13f89bd45085..5a3e9aedf38fbe 100644
--- a/packages/react-native/Libraries/Components/ToastAndroid/NativeToastAndroid.js
+++ b/packages/react-native/Libraries/Components/ToastAndroid/NativeToastAndroid.js
@@ -8,31 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {|
-    SHORT: number,
-    LONG: number,
-    TOP: number,
-    BOTTOM: number,
-    CENTER: number,
-  |};
-  +show: (message: string, duration: number) => void;
-  +showWithGravity: (
-    message: string,
-    duration: number,
-    gravity: number,
-  ) => void;
-  +showWithGravityAndOffset: (
-    message: string,
-    duration: number,
-    gravity: number,
-    xOffset: number,
-    yOffset: number,
-  ) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('ToastAndroid'): Spec);
+export * from '../../../src/private/specs/modules/NativeToastAndroid';
+import NativeToastAndroid from '../../../src/private/specs/modules/NativeToastAndroid';
+export default NativeToastAndroid;
diff --git a/packages/react-native/Libraries/Components/Touchable/PooledClass.js b/packages/react-native/Libraries/Components/Touchable/PooledClass.js
index 67847c1ba0c095..e10b470fef7789 100644
--- a/packages/react-native/Libraries/Components/Touchable/PooledClass.js
+++ b/packages/react-native/Libraries/Components/Touchable/PooledClass.js
@@ -112,7 +112,7 @@ const addPoolingTo = function <T>(
 } {
   // Casting as any so that flow ignores the actual implementation and trusts
   // it to match the type we declared
-  const NewKlass = (CopyConstructor: any);
+  const NewKlass: any = CopyConstructor;
   NewKlass.instancePool = [];
   NewKlass.getPooled = pooler || DEFAULT_POOLER;
   if (!NewKlass.poolSize) {
diff --git a/packages/react-native/Libraries/Components/Touchable/Touchable.flow.js b/packages/react-native/Libraries/Components/Touchable/Touchable.flow.js
deleted file mode 100644
index b93087cbec5d0c..00000000000000
--- a/packages/react-native/Libraries/Components/Touchable/Touchable.flow.js
+++ /dev/null
@@ -1,284 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- */
-
-import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
-import type {ColorValue} from '../../StyleSheet/StyleSheet';
-import type {PressEvent} from '../../Types/CoreEventTypes';
-
-import * as React from 'react';
-
-/**
- * `Touchable`: Taps done right.
- *
- * You hook your `ResponderEventPlugin` events into `Touchable`. `Touchable`
- * will measure time/geometry and tells you when to give feedback to the user.
- *
- * ====================== Touchable Tutorial ===============================
- * The `Touchable` mixin helps you handle the "press" interaction. It analyzes
- * the geometry of elements, and observes when another responder (scroll view
- * etc) has stolen the touch lock. It notifies your component when it should
- * give feedback to the user. (bouncing/highlighting/unhighlighting).
- *
- * - When a touch was activated (typically you highlight)
- * - When a touch was deactivated (typically you unhighlight)
- * - When a touch was "pressed" - a touch ended while still within the geometry
- *   of the element, and no other element (like scroller) has "stolen" touch
- *   lock ("responder") (Typically you bounce the element).
- *
- * A good tap interaction isn't as simple as you might think. There should be a
- * slight delay before showing a highlight when starting a touch. If a
- * subsequent touch move exceeds the boundary of the element, it should
- * unhighlight, but if that same touch is brought back within the boundary, it
- * should rehighlight again. A touch can move in and out of that boundary
- * several times, each time toggling highlighting, but a "press" is only
- * triggered if that touch ends while within the element's boundary and no
- * scroller (or anything else) has stolen the lock on touches.
- *
- * To create a new type of component that handles interaction using the
- * `Touchable` mixin, do the following:
- *
- * - Initialize the `Touchable` state.
- *
- *   getInitialState: function() {
- *     return merge(this.touchableGetInitialState(), yourComponentState);
- *   }
- *
- * - Choose the rendered component who's touches should start the interactive
- *   sequence. On that rendered node, forward all `Touchable` responder
- *   handlers. You can choose any rendered node you like. Choose a node whose
- *   hit target you'd like to instigate the interaction sequence:
- *
- *   // In render function:
- *   return (
- *     <View
- *       onStartShouldSetResponder={this.touchableHandleStartShouldSetResponder}
- *       onResponderTerminationRequest={this.touchableHandleResponderTerminationRequest}
- *       onResponderGrant={this.touchableHandleResponderGrant}
- *       onResponderMove={this.touchableHandleResponderMove}
- *       onResponderRelease={this.touchableHandleResponderRelease}
- *       onResponderTerminate={this.touchableHandleResponderTerminate}>
- *       <View>
- *         Even though the hit detection/interactions are triggered by the
- *         wrapping (typically larger) node, we usually end up implementing
- *         custom logic that highlights this inner one.
- *       </View>
- *     </View>
- *   );
- *
- * - You may set up your own handlers for each of these events, so long as you
- *   also invoke the `touchable*` handlers inside of your custom handler.
- *
- * - Implement the handlers on your component class in order to provide
- *   feedback to the user. See documentation for each of these class methods
- *   that you should implement.
- *
- *   touchableHandlePress: function() {
- *      this.performBounceAnimation();  // or whatever you want to do.
- *   },
- *   touchableHandleActivePressIn: function() {
- *     this.beginHighlighting(...);  // Whatever you like to convey activation
- *   },
- *   touchableHandleActivePressOut: function() {
- *     this.endHighlighting(...);  // Whatever you like to convey deactivation
- *   },
- *
- * - There are more advanced methods you can implement (see documentation below):
- *   touchableGetHighlightDelayMS: function() {
- *     return 20;
- *   }
- *   // In practice, *always* use a predeclared constant (conserve memory).
- *   touchableGetPressRectOffset: function() {
- *     return {top: 20, left: 20, right: 20, bottom: 100};
- *   }
- */
-
-/**
- * Touchable states.
- */
-
-const States = {
-  NOT_RESPONDER: 'NOT_RESPONDER', // Not the responder
-  RESPONDER_INACTIVE_PRESS_IN: 'RESPONDER_INACTIVE_PRESS_IN', // Responder, inactive, in the `PressRect`
-  RESPONDER_INACTIVE_PRESS_OUT: 'RESPONDER_INACTIVE_PRESS_OUT', // Responder, inactive, out of `PressRect`
-  RESPONDER_ACTIVE_PRESS_IN: 'RESPONDER_ACTIVE_PRESS_IN', // Responder, active, in the `PressRect`
-  RESPONDER_ACTIVE_PRESS_OUT: 'RESPONDER_ACTIVE_PRESS_OUT', // Responder, active, out of `PressRect`
-  RESPONDER_ACTIVE_LONG_PRESS_IN: 'RESPONDER_ACTIVE_LONG_PRESS_IN', // Responder, active, in the `PressRect`, after long press threshold
-  RESPONDER_ACTIVE_LONG_PRESS_OUT: 'RESPONDER_ACTIVE_LONG_PRESS_OUT', // Responder, active, out of `PressRect`, after long press threshold
-  ERROR: 'ERROR',
-};
-
-type State =
-  | typeof States.NOT_RESPONDER
-  | typeof States.RESPONDER_INACTIVE_PRESS_IN
-  | typeof States.RESPONDER_INACTIVE_PRESS_OUT
-  | typeof States.RESPONDER_ACTIVE_PRESS_IN
-  | typeof States.RESPONDER_ACTIVE_PRESS_OUT
-  | typeof States.RESPONDER_ACTIVE_LONG_PRESS_IN
-  | typeof States.RESPONDER_ACTIVE_LONG_PRESS_OUT
-  | typeof States.ERROR;
-
-/**
- * By convention, methods prefixed with underscores are meant to be @private,
- * and not @protected. Mixers shouldn't access them - not even to provide them
- * as callback handlers.
- *
- *
- * ========== Geometry =========
- * `Touchable` only assumes that there exists a `HitRect` node. The `PressRect`
- * is an abstract box that is extended beyond the `HitRect`.
- *
- *  +--------------------------+
- *  |                          | - "Start" events in `HitRect` cause `HitRect`
- *  |  +--------------------+  |   to become the responder.
- *  |  |  +--------------+  |  | - `HitRect` is typically expanded around
- *  |  |  |              |  |  |   the `VisualRect`, but shifted downward.
- *  |  |  |  VisualRect  |  |  | - After pressing down, after some delay,
- *  |  |  |              |  |  |   and before letting up, the Visual React
- *  |  |  +--------------+  |  |   will become "active". This makes it eligible
- *  |  |     HitRect        |  |   for being highlighted (so long as the
- *  |  +--------------------+  |   press remains in the `PressRect`).
- *  |        PressRect     o   |
- *  +----------------------|---+
- *           Out Region    |
- *                         +-----+ This gap between the `HitRect` and
- *                                 `PressRect` allows a touch to move far away
- *                                 from the original hit rect, and remain
- *                                 highlighted, and eligible for a "Press".
- *                                 Customize this via
- *                                 `touchableGetPressRectOffset()`.
- *
- *
- *
- * ======= State Machine =======
- *
- * +-------------+ <---+ RESPONDER_RELEASE
- * |NOT_RESPONDER|
- * +-------------+ <---+ RESPONDER_TERMINATED
- *     +
- *     | RESPONDER_GRANT (HitRect)
- *     v
- * +---------------------------+  DELAY   +-------------------------+  T + DELAY     +------------------------------+
- * |RESPONDER_INACTIVE_PRESS_IN|+-------->|RESPONDER_ACTIVE_PRESS_IN| +------------> |RESPONDER_ACTIVE_LONG_PRESS_IN|
- * +---------------------------+          +-------------------------+                +------------------------------+
- *     +            ^                         +           ^                                 +           ^
- *     |LEAVE_      |ENTER_                   |LEAVE_     |ENTER_                           |LEAVE_     |ENTER_
- *     |PRESS_RECT  |PRESS_RECT               |PRESS_RECT |PRESS_RECT                       |PRESS_RECT |PRESS_RECT
- *     |            |                         |           |                                 |           |
- *     v            +                         v           +                                 v           +
- * +----------------------------+  DELAY  +--------------------------+               +-------------------------------+
- * |RESPONDER_INACTIVE_PRESS_OUT|+------->|RESPONDER_ACTIVE_PRESS_OUT|               |RESPONDER_ACTIVE_LONG_PRESS_OUT|
- * +----------------------------+         +--------------------------+               +-------------------------------+
- *
- * T + DELAY => LONG_PRESS_DELAY_MS + DELAY
- *
- * Not drawn are the side effects of each transition. The most important side
- * effect is the `touchableHandlePress` abstract method invocation that occurs
- * when a responder is released while in either of the "Press" states.
- *
- * The other important side effects are the highlight abstract method
- * invocations (internal callbacks) to be implemented by the mixer.
- *
- *
- * @lends Touchable.prototype
- */
-interface TouchableMixinType {
-  /**
-   * Invoked when the item receives focus. Mixers might override this to
-   * visually distinguish the `VisualRect` so that the user knows that it
-   * currently has the focus. Most platforms only support a single element being
-   * focused at a time, in which case there may have been a previously focused
-   * element that was blurred just prior to this. This can be overridden when
-   * using `Touchable.Mixin.withoutDefaultFocusAndBlur`.
-   */
-  touchableHandleFocus: (e: Event) => void;
-
-  /**
-   * Invoked when the item loses focus. Mixers might override this to
-   * visually distinguish the `VisualRect` so that the user knows that it
-   * no longer has focus. Most platforms only support a single element being
-   * focused at a time, in which case the focus may have moved to another.
-   * This can be overridden when using
-   * `Touchable.Mixin.withoutDefaultFocusAndBlur`.
-   */
-  touchableHandleBlur: (e: Event) => void;
-
-  componentDidMount: () => void;
-
-  /**
-   * Clear all timeouts on unmount
-   */
-  componentWillUnmount: () => void;
-
-  /**
-   * It's prefer that mixins determine state in this way, having the class
-   * explicitly mix the state in the one and only `getInitialState` method.
-   *
-   * @return {object} State object to be placed inside of
-   * `this.state.touchable`.
-   */
-  touchableGetInitialState: () => {
-    touchable: {
-      touchState: ?State,
-      responderID: ?PressEvent['currentTarget'],
-    },
-  };
-
-  // ==== Hooks to Gesture Responder system ====
-  /**
-   * Must return true if embedded in a native platform scroll view.
-   */
-  touchableHandleResponderTerminationRequest: () => any;
-
-  /**
-   * Must return true to start the process of `Touchable`.
-   */
-  touchableHandleStartShouldSetResponder: () => any;
-
-  /**
-   * Return true to cancel press on long press.
-   */
-  touchableLongPressCancelsPress: () => boolean;
-
-  /**
-   * Place as callback for a DOM element's `onResponderGrant` event.
-   * @param {SyntheticEvent} e Synthetic event from event system.
-   *
-   */
-  touchableHandleResponderGrant: (e: PressEvent) => void;
-
-  /**
-   * Place as callback for a DOM element's `onResponderRelease` event.
-   */
-  touchableHandleResponderRelease: (e: PressEvent) => void;
-
-  /**
-   * Place as callback for a DOM element's `onResponderTerminate` event.
-   */
-  touchableHandleResponderTerminate: (e: PressEvent) => void;
-
-  /**
-   * Place as callback for a DOM element's `onResponderMove` event.
-   */
-  touchableHandleResponderMove: (e: PressEvent) => void;
-
-  withoutDefaultFocusAndBlur: {...};
-}
-
-export type TouchableType = {
-  Mixin: TouchableMixinType,
-  /**
-   * Renders a debugging overlay to visualize touch target with hitSlop (might not work on Android).
-   */
-  renderDebugView: ({
-    color: ColorValue,
-    hitSlop: EdgeInsetsProp,
-    ...
-  }) => null | React.Node,
-};
diff --git a/packages/react-native/Libraries/Components/Touchable/Touchable.js b/packages/react-native/Libraries/Components/Touchable/Touchable.js
index 2a97ad708a1652..6c870433ba61ca 100644
--- a/packages/react-native/Libraries/Components/Touchable/Touchable.js
+++ b/packages/react-native/Libraries/Components/Touchable/Touchable.js
@@ -11,7 +11,6 @@
 import type {EdgeInsetsProp} from '../../StyleSheet/EdgeInsetsPropType';
 import type {ColorValue} from '../../StyleSheet/StyleSheet';
 import type {PressEvent} from '../../Types/CoreEventTypes';
-import type {TouchableType} from './Touchable.flow';
 
 import {PressabilityDebugView} from '../../Pressability/PressabilityDebug';
 import UIManager from '../../ReactNative/UIManager';
@@ -952,7 +951,7 @@ const {
 TouchableMixin.withoutDefaultFocusAndBlur =
   TouchableMixinWithoutDefaultFocusAndBlur;
 
-const Touchable: TouchableType = {
+const Touchable = {
   Mixin: TouchableMixin,
   /**
    * Renders a debugging overlay to visualize touch target with hitSlop (might not work on Android).
@@ -972,4 +971,4 @@ const Touchable: TouchableType = {
   },
 };
 
-module.exports = Touchable;
+export default Touchable;
diff --git a/packages/react-native/Libraries/Components/Touchable/TouchableBounce.js b/packages/react-native/Libraries/Components/Touchable/TouchableBounce.js
index 1f9d8900b4a948..1094ab98d83dbb 100644
--- a/packages/react-native/Libraries/Components/Touchable/TouchableBounce.js
+++ b/packages/react-native/Libraries/Components/Touchable/TouchableBounce.js
@@ -223,6 +223,10 @@ class TouchableBounce extends React.Component<Props, State> {
     this.state.pressability.configure(this._createPressabilityConfig());
   }
 
+  componentDidMount(): mixed {
+    this.state.pressability.configure(this._createPressabilityConfig());
+  }
+
   componentWillUnmount(): void {
     this.state.pressability.reset();
   }
diff --git a/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js b/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js
index 95a5b0843d2dc2..9b4bd64f7d32c1 100644
--- a/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js
+++ b/packages/react-native/Libraries/Components/Touchable/TouchableHighlight.js
@@ -389,6 +389,7 @@ class TouchableHighlight extends React.Component<Props, State> {
 
   componentDidMount(): void {
     this._isMounted = true;
+    this.state.pressability.configure(this._createPressabilityConfig());
   }
 
   componentDidUpdate(prevProps: Props, prevState: State) {
@@ -404,12 +405,12 @@ class TouchableHighlight extends React.Component<Props, State> {
   }
 }
 
-const Touchable = (React.forwardRef((props, hostRef) => (
-  <TouchableHighlight {...props} hostRef={hostRef} />
-)): React.AbstractComponent<
+const Touchable: React.AbstractComponent<
   $ReadOnly<$Diff<Props, {|hostRef: React.Ref<typeof View>|}>>,
   React.ElementRef<typeof View>,
->);
+> = React.forwardRef((props, hostRef) => (
+  <TouchableHighlight {...props} hostRef={hostRef} />
+));
 
 Touchable.displayName = 'TouchableHighlight';
 
diff --git a/packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js b/packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js
index 18d84f20f8a170..dd2005cecc5c40 100644
--- a/packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js
+++ b/packages/react-native/Libraries/Components/Touchable/TouchableNativeFeedback.js
@@ -158,6 +158,7 @@ class TouchableNativeFeedback extends React.Component<Props, State> {
     );
     return {
       type: 'RippleAndroid',
+      // $FlowFixMe[incompatible-type]
       color: processedColor,
       borderless,
       rippleRadius,
@@ -353,6 +354,10 @@ class TouchableNativeFeedback extends React.Component<Props, State> {
     this.state.pressability.configure(this._createPressabilityConfig());
   }
 
+  componentDidMount(): mixed {
+    this.state.pressability.configure(this._createPressabilityConfig());
+  }
+
   componentWillUnmount(): void {
     this.state.pressability.reset();
   }
diff --git a/packages/react-native/Libraries/Components/Touchable/TouchableOpacity.js b/packages/react-native/Libraries/Components/Touchable/TouchableOpacity.js
index 20675e0d748eed..3dff76153742ef 100644
--- a/packages/react-native/Libraries/Components/Touchable/TouchableOpacity.js
+++ b/packages/react-native/Libraries/Components/Touchable/TouchableOpacity.js
@@ -362,14 +362,21 @@ class TouchableOpacity extends React.Component<Props, State> {
     }
   }
 
+  componentDidMount(): void {
+    this.state.pressability.configure(this._createPressabilityConfig());
+  }
+
   componentWillUnmount(): void {
     this.state.pressability.reset();
   }
 }
 
-const Touchable = (React.forwardRef((props, ref) => (
+const Touchable: React.AbstractComponent<
+  Props,
+  React.ElementRef<typeof Animated.View>,
+> = React.forwardRef((props, ref) => (
   <TouchableOpacity {...props} hostRef={ref} />
-)): React.AbstractComponent<Props, React.ElementRef<typeof Animated.View>>);
+));
 
 Touchable.displayName = 'TouchableOpacity';
 
diff --git a/packages/react-native/Libraries/Components/Touchable/TouchableWithoutFeedback.js b/packages/react-native/Libraries/Components/Touchable/TouchableWithoutFeedback.js
index 2babdceab6a52c..991d6518fbb00d 100755
--- a/packages/react-native/Libraries/Components/Touchable/TouchableWithoutFeedback.js
+++ b/packages/react-native/Libraries/Components/Touchable/TouchableWithoutFeedback.js
@@ -229,6 +229,10 @@ class TouchableWithoutFeedback extends React.Component<Props, State> {
     this.state.pressability.configure(createPressabilityConfig(this.props));
   }
 
+  componentDidMount(): mixed {
+    this.state.pressability.configure(createPressabilityConfig(this.props));
+  }
+
   componentWillUnmount(): void {
     this.state.pressability.reset();
   }
diff --git a/packages/react-native/Libraries/Components/TraceUpdateOverlay/TraceUpdateOverlay.js b/packages/react-native/Libraries/Components/TraceUpdateOverlay/TraceUpdateOverlay.js
deleted file mode 100644
index abac38b3bee820..00000000000000
--- a/packages/react-native/Libraries/Components/TraceUpdateOverlay/TraceUpdateOverlay.js
+++ /dev/null
@@ -1,189 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import type {Overlay} from './TraceUpdateOverlayNativeComponent';
-
-import UIManager from '../../ReactNative/UIManager';
-import processColor from '../../StyleSheet/processColor';
-import StyleSheet from '../../StyleSheet/StyleSheet';
-import Platform from '../../Utilities/Platform';
-import View from '../View/View';
-import TraceUpdateOverlayNativeComponent, {
-  Commands,
-} from './TraceUpdateOverlayNativeComponent';
-import * as React from 'react';
-
-type AgentEvents = {
-  drawTraceUpdates: [Array<{node: TraceNode, color: string}>],
-  disableTraceUpdates: [],
-};
-
-interface Agent {
-  addListener<Event: $Keys<AgentEvents>>(
-    event: Event,
-    listener: (...AgentEvents[Event]) => void,
-  ): void;
-  removeListener(event: $Keys<AgentEvents>, listener: () => void): void;
-}
-
-type PublicInstance = {
-  measure?: (
-    (
-      x: number,
-      y: number,
-      width: number,
-      height: number,
-      left: number,
-      top: number,
-    ) => void,
-  ) => void,
-};
-
-type TraceNode =
-  | PublicInstance
-  | {
-      canonical?:
-        | PublicInstance // TODO: remove this variant when syncing the new version of the renderer from React to React Native.
-        | {
-            publicInstance?: PublicInstance,
-          },
-    };
-
-type ReactDevToolsGlobalHook = {
-  on: (eventName: string, (agent: Agent) => void) => void,
-  off: (eventName: string, (agent: Agent) => void) => void,
-  reactDevtoolsAgent: Agent,
-};
-
-const {useEffect, useRef, useState} = React;
-const hook: ReactDevToolsGlobalHook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-const isNativeComponentReady =
-  Platform.OS === 'android' &&
-  UIManager.hasViewManagerConfig('TraceUpdateOverlay');
-let devToolsAgent: ?Agent;
-
-export default function TraceUpdateOverlay(): React.Node {
-  const [overlayDisabled, setOverlayDisabled] = useState(false);
-  // This effect is designed to be explicitly shown here to avoid re-subscribe from the same
-  // overlay component.
-  useEffect(() => {
-    if (!isNativeComponentReady) {
-      return;
-    }
-
-    function attachToDevtools(agent: Agent) {
-      devToolsAgent = agent;
-      agent.addListener('drawTraceUpdates', onAgentDrawTraceUpdates);
-      agent.addListener('disableTraceUpdates', onAgentDisableTraceUpdates);
-    }
-
-    function subscribe() {
-      hook?.on('react-devtools', attachToDevtools);
-      if (hook?.reactDevtoolsAgent) {
-        attachToDevtools(hook.reactDevtoolsAgent);
-      }
-    }
-
-    function unsubscribe() {
-      hook?.off('react-devtools', attachToDevtools);
-      const agent = devToolsAgent;
-      if (agent != null) {
-        agent.removeListener('drawTraceUpdates', onAgentDrawTraceUpdates);
-        agent.removeListener('disableTraceUpdates', onAgentDisableTraceUpdates);
-        devToolsAgent = null;
-      }
-    }
-
-    function onAgentDrawTraceUpdates(
-      nodesToDraw: Array<{node: TraceNode, color: string}> = [],
-    ) {
-      // If overlay is disabled before, now it's enabled.
-      setOverlayDisabled(false);
-
-      const newFramesToDraw: Array<Promise<Overlay>> = [];
-      nodesToDraw.forEach(({node, color}) => {
-        // `canonical.publicInstance` => Fabric
-        // TODO: remove this check when syncing the new version of the renderer from React to React Native.
-        // `canonical` => Legacy Fabric
-        // `node` => Legacy renderer
-        const component =
-          (node.canonical && node.canonical.publicInstance) ??
-          node.canonical ??
-          node;
-        if (!component || !component.measure) {
-          return;
-        }
-        const frameToDrawPromise = new Promise<Overlay>(resolve => {
-          // The if statement here is to make flow happy
-          if (component.measure) {
-            // TODO(T145522797): We should refactor this to use `getBoundingClientRect` when Paper is no longer supported.
-            component.measure((x, y, width, height, left, top) => {
-              resolve({
-                rect: {left, top, width, height},
-                color: processColor(color),
-              });
-            });
-          }
-        });
-        newFramesToDraw.push(frameToDrawPromise);
-      });
-      Promise.all(newFramesToDraw).then(
-        results => {
-          if (nativeComponentRef.current != null) {
-            Commands.draw(
-              nativeComponentRef.current,
-              JSON.stringify(
-                results.filter(
-                  ({rect, color}) => rect.width >= 0 && rect.height >= 0,
-                ),
-              ),
-            );
-          }
-        },
-        err => {
-          console.error(`Failed to measure updated traces. Error: ${err}`);
-        },
-      );
-    }
-
-    function onAgentDisableTraceUpdates() {
-      // When trace updates are disabled from the backend, we won't receive draw events until it's enabled by the next draw. We can safely remove the overlay as it's not needed now.
-      setOverlayDisabled(true);
-    }
-
-    subscribe();
-    return unsubscribe;
-  }, []); // Only run once when the overlay initially rendered
-
-  const nativeComponentRef =
-    useRef<?React.ElementRef<typeof TraceUpdateOverlayNativeComponent>>(null);
-
-  return (
-    !overlayDisabled &&
-    isNativeComponentReady && (
-      <View pointerEvents="none" style={styles.overlay}>
-        <TraceUpdateOverlayNativeComponent
-          ref={nativeComponentRef}
-          style={styles.overlay}
-        />
-      </View>
-    )
-  );
-}
-
-const styles = StyleSheet.create({
-  overlay: {
-    position: 'absolute',
-    top: 0,
-    bottom: 0,
-    left: 0,
-    right: 0,
-  },
-});
diff --git a/packages/react-native/Libraries/Components/TraceUpdateOverlay/TraceUpdateOverlayNativeComponent.js b/packages/react-native/Libraries/Components/TraceUpdateOverlay/TraceUpdateOverlayNativeComponent.js
deleted file mode 100644
index 837223e3774b2d..00000000000000
--- a/packages/react-native/Libraries/Components/TraceUpdateOverlay/TraceUpdateOverlayNativeComponent.js
+++ /dev/null
@@ -1,43 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow strict-local
- * @format
- */
-
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {ProcessedColorValue} from '../../StyleSheet/processColor';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeCommands from '../../Utilities/codegenNativeCommands';
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-import * as React from 'react';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-|}>;
-export type TraceUpdateOverlayNativeComponentType = HostComponent<NativeProps>;
-export type Overlay = {
-  rect: {left: number, top: number, width: number, height: number},
-  color: ?ProcessedColorValue,
-};
-
-interface NativeCommands {
-  +draw: (
-    viewRef: React.ElementRef<TraceUpdateOverlayNativeComponentType>,
-    // TODO(T144046177): Ideally we can pass array of Overlay, but currently
-    // Array type is not supported in RN codegen for building native commands.
-    overlays: string,
-  ) => void;
-}
-
-export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['draw'],
-});
-
-export default (codegenNativeComponent<NativeProps>(
-  'TraceUpdateOverlay',
-): HostComponent<NativeProps>);
diff --git a/packages/react-native/Libraries/Components/UnimplementedViews/UnimplementedNativeViewNativeComponent.js b/packages/react-native/Libraries/Components/UnimplementedViews/UnimplementedNativeViewNativeComponent.js
index 3c972820c54f49..4eb6022646e5a6 100644
--- a/packages/react-native/Libraries/Components/UnimplementedViews/UnimplementedNativeViewNativeComponent.js
+++ b/packages/react-native/Libraries/Components/UnimplementedViews/UnimplementedNativeViewNativeComponent.js
@@ -8,19 +8,6 @@
  * @flow strict-local
  */
 
-import type {HostComponent} from '../../Renderer/shims/ReactNativeTypes';
-import type {WithDefault} from '../../Types/CodegenTypes';
-import type {ViewProps} from '../View/ViewPropTypes';
-
-import codegenNativeComponent from '../../Utilities/codegenNativeComponent';
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-  name?: WithDefault<string, ''>,
-|}>;
-
-// NOTE: This component is not implemented in paper
-// Do not require this file in paper builds
-export default (codegenNativeComponent<NativeProps>(
-  'UnimplementedNativeView',
-): HostComponent<NativeProps>);
+export * from '../../../src/private/specs/components/UnimplementedNativeViewNativeComponent';
+import UnimplementedNativeViewNativeComponent from '../../../src/private/specs/components/UnimplementedNativeViewNativeComponent';
+export default UnimplementedNativeViewNativeComponent;
diff --git a/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js b/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js
index 7ecdb3f3b5d16b..277bbcad479adf 100644
--- a/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js
+++ b/packages/react-native/Libraries/Components/View/ReactNativeStyleAttributes.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format strict-local
- * @flow
+ * @flow strict-local
  */
 
 import type {AnyAttributeType} from '../../Renderer/shims/ReactNativeTypes';
diff --git a/packages/react-native/Libraries/Components/View/View.js b/packages/react-native/Libraries/Components/View/View.js
index 4a9e0c91261e17..c4d2fc63ada85f 100644
--- a/packages/react-native/Libraries/Components/View/View.js
+++ b/packages/react-native/Libraries/Components/View/View.js
@@ -10,7 +10,6 @@
 
 import type {ViewProps} from './ViewPropTypes';
 
-import ReactNativeFeatureFlags from '../../ReactNative/ReactNativeFeatureFlags';
 import flattenStyle from '../../StyleSheet/flattenStyle';
 import TextAncestor from '../../Text/TextAncestor';
 import ViewNativeComponent from './ViewNativeComponent';
@@ -102,20 +101,10 @@ const View: React.AbstractComponent<
 
     // $FlowFixMe[sketchy-null-mixed]
     const newPointerEvents = style?.pointerEvents || pointerEvents;
-    const collapsableOverride =
-      ReactNativeFeatureFlags.shouldForceUnflattenForElevation()
-        ? {
-            collapsable:
-              style != null && style.elevation != null && style.elevation !== 0
-                ? false
-                : otherProps.collapsable,
-          }
-        : {};
 
     const actualView = (
       <ViewNativeComponent
         {...otherProps}
-        {...collapsableOverride}
         accessibilityLiveRegion={
           ariaLive === 'off' ? 'none' : ariaLive ?? accessibilityLiveRegion
         }
diff --git a/packages/react-native/Libraries/Components/View/ViewAccessibility.d.ts b/packages/react-native/Libraries/Components/View/ViewAccessibility.d.ts
index acb833ef7fbe5e..90cca7b66a19ff 100644
--- a/packages/react-native/Libraries/Components/View/ViewAccessibility.d.ts
+++ b/packages/react-native/Libraries/Components/View/ViewAccessibility.d.ts
@@ -58,13 +58,6 @@ export interface AccessibilityProps
   'aria-expanded'?: boolean | undefined;
   'aria-selected'?: boolean | undefined;
 
-  /**
-   * Represents the nativeID of the associated label text. When the assistive technology focuses on the component with this props, the text is read aloud.
-   *
-   * @platform android
-   */
-  'aria-labelledby'?: string | undefined;
-
   /**
    * An accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not obvious from the accessibility label.
    */
@@ -99,7 +92,6 @@ export interface AccessibilityProps
    */
   'aria-hidden'?: boolean | undefined;
 
-  'aria-live'?: ('polite' | 'assertive' | 'off') | undefined;
   'aria-modal'?: boolean | undefined;
 
   /**
@@ -227,13 +219,41 @@ export type AccessibilityRole =
 
 export interface AccessibilityPropsAndroid {
   /**
-   * Indicates to accessibility services whether the user should be notified when this view changes.
-   * Works for Android API >= 19 only.
-   * See http://developer.android.com/reference/android/view/View.html#attr_android:accessibilityLiveRegion for references.
+   * Identifies the element that labels the element it is applied to. When the assistive technology focuses on the component with this props,
+   * the text is read aloud. The value should should match the nativeID of the related element.
+   *
+   * @platform android
+   */
+  accessibilityLabelledBy?: string | string[] | undefined;
+
+  /**
+   * Identifies the element that labels the element it is applied to. When the assistive technology focuses on the component with this props,
+   * the text is read aloud. The value should should match the nativeID of the related element.
+   *
    * @platform android
    */
+  'aria-labelledby'?: string | undefined;
+
+  /**
+   * Indicates to accessibility services whether the user should be notified
+   * when this view changes. Works for Android API >= 19 only.
+   *
+   * @platform android
+   *
+   * See https://reactnative.dev/docs/view#accessibilityliveregion
+   */
   accessibilityLiveRegion?: 'none' | 'polite' | 'assertive' | undefined;
 
+  /**
+   * Indicates to accessibility services whether the user should be notified
+   * when this view changes. Works for Android API >= 19 only.
+   *
+   * @platform android
+   *
+   * See https://reactnative.dev/docs/view#accessibilityliveregion
+   */
+  'aria-live'?: ('polite' | 'assertive' | 'off') | undefined;
+
   /**
    * Controls how view is important for accessibility which is if it fires accessibility events
    * and if it is reported to accessibility services that query the screen.
@@ -244,6 +264,8 @@ export interface AccessibilityPropsAndroid {
    *      'yes' - The view is important for accessibility.
    *      'no' - The view is not important for accessibility.
    *      'no-hide-descendants' - The view is not important for accessibility, nor are any of its descendant views.
+   *
+   * @platform android
    */
   importantForAccessibility?:
     | 'auto'
@@ -251,12 +273,6 @@ export interface AccessibilityPropsAndroid {
     | 'no'
     | 'no-hide-descendants'
     | undefined;
-
-  /**
-   * A reference to another element `nativeID` used to build complex forms. The value of `accessibilityLabelledBy` should match the `nativeID` of the related element.
-   * @platform android
-   */
-  accessibilityLabelledBy?: string | string[] | undefined;
 }
 
 export interface AccessibilityPropsIOS {
diff --git a/packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts b/packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts
index 3319ff491c0993..5a8138df8a7e50 100644
--- a/packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts
+++ b/packages/react-native/Libraries/Components/View/ViewPropTypes.d.ts
@@ -137,22 +137,6 @@ export interface ViewPropsAndroid {
    */
   collapsable?: boolean | undefined;
 
-  /**
-   * Whether this view needs to rendered offscreen and composited with an alpha in order to preserve 100% correct colors and blending behavior.
-   * The default (false) falls back to drawing the component and its children
-   * with an alpha applied to the paint used to draw each element instead of rendering the full component offscreen and compositing it back with an alpha value.
-   * This default may be noticeable and undesired in the case where the View you are setting an opacity on
-   * has multiple overlapping elements (e.g. multiple overlapping Views, or text and a background).
-   *
-   * Rendering offscreen to preserve correct alpha behavior is extremely expensive
-   * and hard to debug for non-native developers, which is why it is not turned on by default.
-   * If you do need to enable this property for an animation,
-   * consider combining it with renderToHardwareTextureAndroid if the view contents are static (i.e. it doesn't need to be redrawn each frame).
-   * If that property is enabled, this View will be rendered off-screen once,
-   * saved in a hardware texture, and then composited onto the screen with an alpha each frame without having to switch rendering targets on the GPU.
-   */
-  needsOffscreenAlphaCompositing?: boolean | undefined;
-
   /**
    * Whether this view should render itself (and all of its children) into a single hardware texture on the GPU.
    *
@@ -166,6 +150,17 @@ export interface ViewPropsAndroid {
    * Whether this `View` should be focusable with a non-touch input device, eg. receive focus with a hardware keyboard.
    */
   focusable?: boolean | undefined;
+
+  /**
+   * Indicates whether this `View` should be focusable with a non-touch input device, eg. receive focus with a hardware keyboard.
+   * See https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex
+   * for more details.
+   *
+   * Supports the following values:
+   * -  0 (View is focusable)
+   * - -1 (View is not focusable)
+   */
+  tabIndex?: 0 | -1 | undefined;
 }
 
 export type DraggedType = 'fileUrl';
@@ -210,13 +205,29 @@ export interface ViewProps
    * the Z-index of sibling views always takes precedence if a touch
    * hits two overlapping views.
    */
-  hitSlop?: Insets | undefined;
+  hitSlop?: null | Insets | number | undefined;
 
   /**
    * Used to reference react managed views from native code.
    */
   id?: string | undefined;
 
+  /**
+   * Whether this view needs to rendered offscreen and composited with an alpha in order to preserve 100% correct colors and blending behavior.
+   * The default (false) falls back to drawing the component and its children
+   * with an alpha applied to the paint used to draw each element instead of rendering the full component offscreen and compositing it back with an alpha value.
+   * This default may be noticeable and undesired in the case where the View you are setting an opacity on
+   * has multiple overlapping elements (e.g. multiple overlapping Views, or text and a background).
+   *
+   * Rendering offscreen to preserve correct alpha behavior is extremely expensive
+   * and hard to debug for non-native developers, which is why it is not turned on by default.
+   * If you do need to enable this property for an animation,
+   * consider combining it with renderToHardwareTextureAndroid if the view contents are static (i.e. it doesn't need to be redrawn each frame).
+   * If that property is enabled, this View will be rendered off-screen once,
+   * saved in a hardware texture, and then composited onto the screen with an alpha each frame without having to switch rendering targets on the GPU.
+   */
+  needsOffscreenAlphaCompositing?: boolean | undefined;
+
   /**
    * Invoked on mount and layout changes with
    *
diff --git a/packages/react-native/Libraries/Components/View/ViewPropTypes.js b/packages/react-native/Libraries/Components/View/ViewPropTypes.js
index bf0a4d724df999..3706760f7ac221 100644
--- a/packages/react-native/Libraries/Components/View/ViewPropTypes.js
+++ b/packages/react-native/Libraries/Components/View/ViewPropTypes.js
@@ -341,28 +341,21 @@ type AndroidDrawableRipple = $ReadOnly<{|
 type AndroidDrawable = AndroidDrawableThemeAttr | AndroidDrawableRipple;
 
 type AndroidViewProps = $ReadOnly<{|
-  nativeBackgroundAndroid?: ?AndroidDrawable,
-  nativeForegroundAndroid?: ?AndroidDrawable,
-
   /**
-   * Whether this `View` should render itself (and all of its children) into a
-   * single hardware texture on the GPU.
+   * Identifies the element that labels the element it is applied to. When the assistive technology focuses on the component with this props,
+   * the text is read aloud. The value should should match the nativeID of the related element.
    *
    * @platform android
-   *
-   * See https://reactnative.dev/docs/view#rendertohardwaretextureandroid
    */
-  renderToHardwareTextureAndroid?: ?boolean,
+  accessibilityLabelledBy?: ?string | ?Array<string>,
 
   /**
-   * Whether this `View` needs to rendered offscreen and composited with an
-   * alpha in order to preserve 100% correct colors and blending behavior.
+   * Identifies the element that labels the element it is applied to. When the assistive technology focuses on the component with this props,
+   * the text is read aloud. The value should should match the nativeID of the related element.
    *
    * @platform android
-   *
-   * See https://reactnative.dev/docs/view#needsoffscreenalphacompositing
    */
-  needsOffscreenAlphaCompositing?: ?boolean,
+  'aria-labelledby'?: ?string,
 
   /**
    * Indicates to accessibility services whether the user should be notified
@@ -384,6 +377,19 @@ type AndroidViewProps = $ReadOnly<{|
    */
   'aria-live'?: ?('polite' | 'assertive' | 'off'),
 
+  nativeBackgroundAndroid?: ?AndroidDrawable,
+  nativeForegroundAndroid?: ?AndroidDrawable,
+
+  /**
+   * Whether this `View` should render itself (and all of its children) into a
+   * single hardware texture on the GPU.
+   *
+   * @platform android
+   *
+   * See https://reactnative.dev/docs/view#rendertohardwaretextureandroid
+   */
+  renderToHardwareTextureAndroid?: ?boolean,
+
   /**
    * Controls how view is important for accessibility which is if it
    * fires accessibility events and if it is reported to accessibility services
@@ -503,6 +509,15 @@ type IOSViewProps = $ReadOnly<{|
    */
   accessibilityElementsHidden?: ?boolean,
 
+  /**
+   * Indicates to the accessibility services that the UI component is in
+   * a specific language. The provided string should be formatted following
+   * the BCP 47 specification (https://www.rfc-editor.org/info/bcp47).
+   *
+   * @platform ios
+   */
+  accessibilityLanguage?: ?Stringish,
+
   /**
    * Whether this `View` should be rendered as a bitmap before compositing.
    *
@@ -644,15 +659,6 @@ export type ViewProps = $ReadOnly<{|
    */
   'aria-label'?: ?Stringish,
 
-  /**
-   * Indicates to the accessibility services that the UI component is in
-   * a specific language. The provided string should be formatted following
-   * the BCP 47 specification (https://www.rfc-editor.org/info/bcp47).
-   *
-   * @platform ios
-   */
-  accessibilityLanguage?: ?Stringish,
-
   /**
    * Indicates to accessibility services to treat UI component like a specific role.
    */
@@ -684,13 +690,6 @@ export type ViewProps = $ReadOnly<{|
    */
   accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
 
-  /**
-   * Specifies the nativeID of the associated label text. When the assistive technology focuses on the component with this props, the text is read aloud.
-   *
-   * @platform android
-   */
-  accessibilityLabelledBy?: ?string | ?Array<string>,
-
   /**
    * alias for accessibilityState
    *
@@ -708,13 +707,6 @@ export type ViewProps = $ReadOnly<{|
    */
   'aria-hidden'?: ?boolean,
 
-  /**
-   * It represents the nativeID of the associated label text. When the assistive technology focuses on the component with this props, the text is read aloud.
-   *
-   * @platform android
-   */
-  'aria-labelledby'?: ?string,
-
   /**
    * Views that are only used to layout their children or otherwise don't draw
    * anything may be automatically removed from the native hierarchy as an
@@ -764,6 +756,14 @@ export type ViewProps = $ReadOnly<{|
    */
   nativeID?: ?string,
 
+  /**
+   * Whether this `View` needs to rendered offscreen and composited with an
+   * alpha in order to preserve 100% correct colors and blending behavior.
+   *
+   * See https://reactnative.dev/docs/view#needsoffscreenalphacompositing
+   */
+  needsOffscreenAlphaCompositing?: ?boolean,
+
   /**
    * This defines how far a touch event can start away from the view.
    * Typical interface guidelines recommend touch targets that are at least
diff --git a/packages/react-native/Libraries/Core/InitializeCore.js b/packages/react-native/Libraries/Core/InitializeCore.js
index 25377f6890cb90..8224a1c53f7ba6 100644
--- a/packages/react-native/Libraries/Core/InitializeCore.js
+++ b/packages/react-native/Libraries/Core/InitializeCore.js
@@ -27,7 +27,7 @@
 const start = Date.now();
 
 require('./setUpGlobals');
-require('./setUpDOM');
+require('../../src/private/core/setUpDOM');
 require('./setUpPerformance');
 require('./setUpErrorHandling');
 require('./polyfillPromise');
diff --git a/packages/react-native/Libraries/Core/NativeExceptionsManager.js b/packages/react-native/Libraries/Core/NativeExceptionsManager.js
index 311879395f5d7b..e0c7872fe00077 100644
--- a/packages/react-native/Libraries/Core/NativeExceptionsManager.js
+++ b/packages/react-native/Libraries/Core/NativeExceptionsManager.js
@@ -8,100 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-const Platform = require('../Utilities/Platform');
-
-export type StackFrame = {|
-  column: ?number,
-  file: ?string,
-  lineNumber: ?number,
-  methodName: string,
-  collapse?: boolean,
-|};
-export type ExceptionData = {
-  message: string,
-  originalMessage: ?string,
-  name: ?string,
-  componentStack: ?string,
-  stack: Array<StackFrame>,
-  id: number,
-  isFatal: boolean,
-  // flowlint-next-line unclear-type:off
-  extraData?: Object,
-  ...
-};
-export interface Spec extends TurboModule {
-  // Deprecated: Use `reportException`
-  +reportFatalException: (
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) => void;
-  // Deprecated: Use `reportException`
-  +reportSoftException: (
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) => void;
-  +reportException?: (data: ExceptionData) => void;
-  +updateExceptionMessage: (
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) => void;
-  // TODO(T53311281): This is a noop on iOS now. Implement it.
-  +dismissRedbox?: () => void;
-}
-
-const NativeModule =
-  TurboModuleRegistry.getEnforcing<Spec>('ExceptionsManager');
-
-const ExceptionsManager = {
-  reportFatalException(
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) {
-    NativeModule.reportFatalException(message, stack, exceptionId);
-  },
-  reportSoftException(
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) {
-    NativeModule.reportSoftException(message, stack, exceptionId);
-  },
-  updateExceptionMessage(
-    message: string,
-    stack: Array<StackFrame>,
-    exceptionId: number,
-  ) {
-    NativeModule.updateExceptionMessage(message, stack, exceptionId);
-  },
-  dismissRedbox(): void {
-    if (
-      Platform.OS !== 'ios' &&
-      Platform.OS !== 'macos' /* [macOS] */ &&
-      NativeModule.dismissRedbox
-    ) {
-      // TODO(T53311281): This is a noop on iOS now. Implement it.
-      NativeModule.dismissRedbox();
-    }
-  },
-  reportException(data: ExceptionData): void {
-    if (NativeModule.reportException) {
-      NativeModule.reportException(data);
-      return;
-    }
-    if (data.isFatal) {
-      ExceptionsManager.reportFatalException(data.message, data.stack, data.id);
-    } else {
-      ExceptionsManager.reportSoftException(data.message, data.stack, data.id);
-    }
-  },
-};
-
-export default ExceptionsManager;
+export * from '../../src/private/specs/modules/NativeExceptionsManager';
+import NativeExceptionsManager from '../../src/private/specs/modules/NativeExceptionsManager';
+export default NativeExceptionsManager;
diff --git a/packages/react-native/Libraries/Core/ReactNativeVersion.js b/packages/react-native/Libraries/Core/ReactNativeVersion.js
index 1d82274f85cb23..2f45659dc6c94a 100644
--- a/packages/react-native/Libraries/Core/ReactNativeVersion.js
+++ b/packages/react-native/Libraries/Core/ReactNativeVersion.js
@@ -1,17 +1,23 @@
 /**
- * @generated by scripts/set-rn-version.js
- *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
  * @flow strict
+ * @generated by scripts/releases/set-rn-version.js
  */
 
-exports.version = {
+const version: $ReadOnly<{
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: string | null,
+}> = {
   major: 1000,
   minor: 0,
   patch: 0,
   prerelease: null,
 };
+
+module.exports = {version};
diff --git a/packages/react-native/Libraries/Core/ReactNativeVersionCheck.js b/packages/react-native/Libraries/Core/ReactNativeVersionCheck.js
index 8b41988696d6b5..aca13899eeddea 100644
--- a/packages/react-native/Libraries/Core/ReactNativeVersionCheck.js
+++ b/packages/react-native/Libraries/Core/ReactNativeVersionCheck.js
@@ -21,7 +21,7 @@ const ReactNativeVersion = require('./ReactNativeVersion');
  * implementations for other platforms (ex: Windows) may override this module
  * and rely on its existence as a separate module.
  */
-exports.checkVersions = function checkVersions(): void {
+const checkVersions = function checkVersions(): void {
   const nativeVersion = Platform.constants.reactNativeVersion;
   if (
     ReactNativeVersion.version.major !== nativeVersion.major ||
@@ -29,12 +29,12 @@ exports.checkVersions = function checkVersions(): void {
   ) {
     console.error(
       `React Native version mismatch.\n\nJavaScript version: ${_formatVersion(
-        ReactNativeVersion.version,
+        (ReactNativeVersion.version: $FlowFixMe),
       )}\n` +
         `Native version: ${_formatVersion(nativeVersion)}\n\n` +
         'Make sure that you have rebuilt the native code. If the problem ' +
         'persists try clearing the Watchman and packager caches with ' +
-        '`watchman watch-del-all && react-native start --reset-cache`.',
+        '`watchman watch-del-all && npx react-native start --reset-cache`.',
     );
   }
 };
@@ -48,3 +48,5 @@ function _formatVersion(
     (version.prerelease != undefined ? `-${version.prerelease}` : '')
   );
 }
+
+module.exports = {checkVersions};
diff --git a/packages/react-native/Libraries/Core/SegmentFetcher/NativeSegmentFetcher.js b/packages/react-native/Libraries/Core/SegmentFetcher/NativeSegmentFetcher.js
index b39822ca9c1646..5319218e4cc8ba 100644
--- a/packages/react-native/Libraries/Core/SegmentFetcher/NativeSegmentFetcher.js
+++ b/packages/react-native/Libraries/Core/SegmentFetcher/NativeSegmentFetcher.js
@@ -8,21 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +fetchSegment: (
-    segmentId: number,
-    options: Object, // flowlint-line unclear-type: off
-    callback: (error: ?Object) => void, // flowlint-line unclear-type: off
-  ) => void;
-  +getSegment?: (
-    segmentId: number,
-    options: Object, // flowlint-line unclear-type: off
-    callback: (error: ?Object, path: ?string) => void, // flowlint-line unclear-type: off
-  ) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('SegmentFetcher'): Spec);
+export * from '../../../src/private/specs/modules/NativeSegmentFetcher';
+import NativeSegmentFetcher from '../../../src/private/specs/modules/NativeSegmentFetcher';
+export default NativeSegmentFetcher;
diff --git a/packages/react-native/Libraries/Core/Timers/NativeTiming.js b/packages/react-native/Libraries/Core/Timers/NativeTiming.js
index 5feaa3077a0059..4b2912453ca1c8 100644
--- a/packages/react-native/Libraries/Core/Timers/NativeTiming.js
+++ b/packages/react-native/Libraries/Core/Timers/NativeTiming.js
@@ -8,19 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +createTimer: (
-    callbackID: number,
-    duration: number,
-    jsSchedulingTime: number,
-    repeats: boolean,
-  ) => void;
-  +deleteTimer: (timerID: number) => void;
-  +setSendIdleEvents: (sendIdleEvents: boolean) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('Timing'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeTiming';
+import NativeTiming from '../../../src/private/specs/modules/NativeTiming';
+export default NativeTiming;
diff --git a/packages/react-native/Libraries/Core/registerCallableModule.js b/packages/react-native/Libraries/Core/registerCallableModule.js
new file mode 100644
index 00000000000000..65eada35f54b8b
--- /dev/null
+++ b/packages/react-native/Libraries/Core/registerCallableModule.js
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+type Module = {...};
+type RegisterCallableModule = (
+  name: string,
+  moduleOrFactory: Module | (void => Module),
+) => void;
+
+const registerCallableModule: RegisterCallableModule = (function () {
+  if (global.RN$Bridgeless === true) {
+    return (name, moduleOrFactory) => {
+      if (typeof moduleOrFactory === 'function') {
+        global.RN$registerCallableModule(name, moduleOrFactory);
+        return;
+      }
+
+      global.RN$registerCallableModule(name, () => moduleOrFactory);
+    };
+  }
+
+  const BatchedBridge = require('../BatchedBridge/BatchedBridge');
+  return (name, moduleOrFactory) => {
+    if (typeof moduleOrFactory === 'function') {
+      BatchedBridge.registerLazyCallableModule(name, moduleOrFactory);
+      return;
+    }
+
+    BatchedBridge.registerCallableModule(name, moduleOrFactory);
+  };
+})();
+
+export default registerCallableModule;
diff --git a/packages/react-native/Libraries/Core/setUpPerformance.js b/packages/react-native/Libraries/Core/setUpPerformance.js
index 6ed3fce86e501c..a33afb30cae53d 100644
--- a/packages/react-native/Libraries/Core/setUpPerformance.js
+++ b/packages/react-native/Libraries/Core/setUpPerformance.js
@@ -8,8 +8,8 @@
  * @format
  */
 
-import NativePerformance from '../WebPerformance/NativePerformance';
-import Performance from '../WebPerformance/Performance';
+import NativePerformance from '../../src/private/webapis/performance/NativePerformance';
+import Performance from '../../src/private/webapis/performance/Performance';
 
 // In case if the native implementation of the Performance API is available, use it,
 // otherwise fall back to the legacy/default one, which only defines 'Performance.now()'
diff --git a/packages/react-native/Libraries/Core/setUpPerformanceObserver.js b/packages/react-native/Libraries/Core/setUpPerformanceObserver.js
index 20e0f32f5c991c..47ed15546c2a05 100644
--- a/packages/react-native/Libraries/Core/setUpPerformanceObserver.js
+++ b/packages/react-native/Libraries/Core/setUpPerformanceObserver.js
@@ -12,5 +12,7 @@ import {polyfillGlobal} from '../Utilities/PolyfillFunctions';
 
 polyfillGlobal(
   'PerformanceObserver',
-  () => require('../WebPerformance/PerformanceObserver').default,
+  () =>
+    require('../../src/private/webapis/performance/PerformanceObserver')
+      .default,
 );
diff --git a/packages/react-native/Libraries/Debugging/DebuggingOverlay.js b/packages/react-native/Libraries/Debugging/DebuggingOverlay.js
new file mode 100644
index 00000000000000..d4b7ea8d9438cb
--- /dev/null
+++ b/packages/react-native/Libraries/Debugging/DebuggingOverlay.js
@@ -0,0 +1,111 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {
+  ElementRectangle,
+  TraceUpdate,
+} from './DebuggingOverlayNativeComponent';
+
+import View from '../Components/View/View';
+import UIManager from '../ReactNative/UIManager';
+import StyleSheet from '../StyleSheet/StyleSheet';
+import DebuggingOverlayNativeComponent, {
+  Commands,
+} from './DebuggingOverlayNativeComponent';
+import * as React from 'react';
+
+const {useRef, useImperativeHandle} = React;
+const isNativeComponentReady =
+  UIManager.hasViewManagerConfig('DebuggingOverlay');
+
+type DebuggingOverlayHandle = {
+  highlightTraceUpdates(updates: TraceUpdate[]): void,
+  highlightElements(elements: ElementRectangle[]): void,
+  clearElementsHighlight(): void,
+};
+
+function DebuggingOverlay(
+  _props: {},
+  ref: React.RefSetter<DebuggingOverlayHandle>,
+): React.Node {
+  useImperativeHandle(
+    ref,
+    () => ({
+      highlightTraceUpdates(updates) {
+        if (!isNativeComponentReady) {
+          return;
+        }
+
+        const nonEmptyRectangles = updates.filter(
+          ({rectangle, color}) => rectangle.width >= 0 && rectangle.height >= 0,
+        );
+
+        if (nativeComponentRef.current != null) {
+          Commands.highlightTraceUpdates(
+            nativeComponentRef.current,
+            nonEmptyRectangles,
+          );
+        }
+      },
+      highlightElements(elements) {
+        if (!isNativeComponentReady) {
+          return;
+        }
+
+        if (nativeComponentRef.current != null) {
+          Commands.highlightElements(nativeComponentRef.current, elements);
+        }
+      },
+      clearElementsHighlight() {
+        if (!isNativeComponentReady) {
+          return;
+        }
+
+        if (nativeComponentRef.current != null) {
+          Commands.clearElementsHighlights(nativeComponentRef.current);
+        }
+      },
+    }),
+    [],
+  );
+
+  const nativeComponentRef = useRef<React.ElementRef<
+    typeof DebuggingOverlayNativeComponent,
+  > | null>(null);
+
+  return (
+    isNativeComponentReady && (
+      <View pointerEvents="none" style={styles.overlay}>
+        <DebuggingOverlayNativeComponent
+          ref={nativeComponentRef}
+          style={styles.overlay}
+        />
+      </View>
+    )
+  );
+}
+
+const styles = StyleSheet.create({
+  overlay: {
+    position: 'absolute',
+    top: 0,
+    bottom: 0,
+    left: 0,
+    right: 0,
+  },
+});
+
+const DebuggingOverlayWithForwardedRef: React.AbstractComponent<
+  {},
+  DebuggingOverlayHandle,
+  React.Node,
+> = React.forwardRef(DebuggingOverlay);
+
+export default DebuggingOverlayWithForwardedRef;
diff --git a/packages/react-native/Libraries/Debugging/DebuggingOverlayNativeComponent.js b/packages/react-native/Libraries/Debugging/DebuggingOverlayNativeComponent.js
new file mode 100644
index 00000000000000..0bf8b9b4e34de1
--- /dev/null
+++ b/packages/react-native/Libraries/Debugging/DebuggingOverlayNativeComponent.js
@@ -0,0 +1,13 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+export * from '../../src/private/specs/components/DebuggingOverlayNativeComponent';
+import DebuggingOverlayNativeComponent from '../../src/private/specs/components/DebuggingOverlayNativeComponent';
+export default DebuggingOverlayNativeComponent;
diff --git a/packages/react-native/Libraries/Debugging/DebuggingOverlayRegistry.js b/packages/react-native/Libraries/Debugging/DebuggingOverlayRegistry.js
new file mode 100644
index 00000000000000..7e3385d240e0e4
--- /dev/null
+++ b/packages/react-native/Libraries/Debugging/DebuggingOverlayRegistry.js
@@ -0,0 +1,513 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type ReactNativeElement from '../../src/private/webapis/dom/nodes/ReactNativeElement';
+import type ReadOnlyElement from '../../src/private/webapis/dom/nodes/ReadOnlyElement';
+import type {
+  AppContainerRootViewRef,
+  DebuggingOverlayRef,
+} from '../ReactNative/AppContainer-dev';
+import type {NativeMethods} from '../Renderer/shims/ReactNativeTypes';
+import type {
+  InstanceFromReactDevTools,
+  ReactDevToolsAgent,
+  ReactDevToolsAgentEvents,
+  ReactDevToolsGlobalHook,
+} from '../Types/ReactDevToolsTypes';
+import type {
+  ElementRectangle,
+  TraceUpdate,
+} from './DebuggingOverlayNativeComponent';
+
+import {
+  findNodeHandle,
+  isChildPublicInstance,
+} from '../ReactNative/RendererProxy';
+import processColor from '../StyleSheet/processColor';
+
+// TODO(T171193075): __REACT_DEVTOOLS_GLOBAL_HOOK__ is always injected in dev-bundles,
+// but it is not mocked in some Jest tests. We should update Jest tests setup, so it would be the same as expected testing environment.
+const reactDevToolsHook: ?ReactDevToolsGlobalHook =
+  window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+
+export type DebuggingOverlayRegistrySubscriberProtocol = {
+  rootViewRef: AppContainerRootViewRef,
+  debuggingOverlayRef: DebuggingOverlayRef,
+};
+
+type ModernNodeUpdate = {
+  id: number,
+  instance: ReactNativeElement,
+  color: string,
+};
+
+type LegacyNodeUpdate = {
+  id: number,
+  instance: NativeMethods,
+  color: string,
+};
+
+class DebuggingOverlayRegistry {
+  #registry: Set<DebuggingOverlayRegistrySubscriberProtocol> = new Set();
+  #reactDevToolsAgent: ReactDevToolsAgent | null = null;
+
+  constructor() {
+    if (reactDevToolsHook?.reactDevtoolsAgent != null) {
+      this.#onReactDevToolsAgentAttached(reactDevToolsHook.reactDevtoolsAgent);
+      return;
+    }
+
+    reactDevToolsHook?.on?.(
+      'react-devtools',
+      this.#onReactDevToolsAgentAttached,
+    );
+  }
+
+  subscribe(subscriber: DebuggingOverlayRegistrySubscriberProtocol) {
+    this.#registry.add(subscriber);
+  }
+
+  unsubscribe(subscriber: DebuggingOverlayRegistrySubscriberProtocol) {
+    const wasPresent = this.#registry.delete(subscriber);
+    if (!wasPresent) {
+      console.error(
+        '[DebuggingOverlayRegistry] Unexpected argument for unsubscription, which was not previously subscribed:',
+        subscriber,
+      );
+    }
+  }
+
+  #onReactDevToolsAgentAttached = (agent: ReactDevToolsAgent): void => {
+    this.#reactDevToolsAgent = agent;
+
+    agent.addListener('drawTraceUpdates', this.#onDrawTraceUpdates);
+    agent.addListener('showNativeHighlight', this.#onHighlightElements);
+    agent.addListener('hideNativeHighlight', this.#onClearElementsHighlights);
+  };
+
+  #getPublicInstanceFromInstance = (
+    instanceHandle: InstanceFromReactDevTools,
+  ): NativeMethods | null => {
+    // `canonical.publicInstance` => Fabric
+    if (instanceHandle.canonical?.publicInstance != null) {
+      return instanceHandle.canonical?.publicInstance;
+    }
+
+    // `canonical` => Legacy Fabric
+    if (instanceHandle.canonical != null) {
+      // $FlowFixMe[incompatible-return]
+      return instanceHandle.canonical;
+    }
+
+    // `instanceHandle` => Legacy renderer
+    if (instanceHandle.measure != null) {
+      // $FlowFixMe[incompatible-return]
+      return instanceHandle;
+    }
+
+    return null;
+  };
+
+  #findLowestParentFromRegistryForInstance(
+    instance: ReactNativeElement,
+  ): ?DebuggingOverlayRegistrySubscriberProtocol {
+    let iterator: ?ReadOnlyElement = instance;
+    while (iterator != null) {
+      for (const subscriber of this.#registry) {
+        if (subscriber.rootViewRef.current === iterator) {
+          return subscriber;
+        }
+      }
+
+      iterator = iterator.parentElement;
+    }
+
+    return null;
+  }
+
+  #findLowestParentFromRegistryForInstanceLegacy(
+    instance: NativeMethods,
+  ): ?DebuggingOverlayRegistrySubscriberProtocol {
+    const candidates: Array<DebuggingOverlayRegistrySubscriberProtocol> = [];
+
+    for (const subscriber of this.#registry) {
+      if (
+        subscriber.rootViewRef.current != null &&
+        // $FlowFixMe[incompatible-call] There is a lot of stuff to untangle to make types for refs work.
+        isChildPublicInstance(subscriber.rootViewRef.current, instance)
+      ) {
+        candidates.push(subscriber);
+      }
+    }
+
+    if (candidates.length === 0) {
+      // In some cases, like with LogBox in custom integrations, the whole subtree for specific React root might not have an AppContainer.
+      return null;
+    }
+
+    if (candidates.length === 1) {
+      return candidates[0];
+    }
+
+    // If there are multiple candidates, we need to find the lowest.
+    // Imagine the case when there is a modal on the screen, both of them will have their own AppContainers,
+    // but modal's AppContainer is a child of screen's AppContainer.
+    const candidatesWithNoChildren: Array<DebuggingOverlayRegistrySubscriberProtocol> =
+      [];
+    for (const potentialParent of candidates) {
+      let shouldSkipThisParent = false;
+
+      if (potentialParent.rootViewRef.current == null) {
+        continue;
+      }
+
+      for (const potentialChild of candidates) {
+        if (potentialChild === potentialParent) {
+          continue;
+        }
+
+        if (potentialChild.rootViewRef.current == null) {
+          continue;
+        }
+
+        if (
+          isChildPublicInstance(
+            // $FlowFixMe[incompatible-call] There is a lot of stuff to untangle to make types for refs work.
+            potentialParent.rootViewRef.current,
+            // $FlowFixMe[incompatible-call] There is a lot of stuff to untangle to make types for refs work.
+            potentialChild.rootViewRef.current,
+          )
+        ) {
+          shouldSkipThisParent = true;
+          break;
+        }
+      }
+
+      if (!shouldSkipThisParent) {
+        candidatesWithNoChildren.push(potentialParent);
+      }
+    }
+
+    if (candidatesWithNoChildren.length === 0) {
+      console.error(
+        '[DebuggingOverlayRegistry] Unexpected circular relationship between AppContainers',
+      );
+      return null;
+    } else if (candidatesWithNoChildren.length > 1) {
+      console.error(
+        '[DebuggingOverlayRegistry] Unexpected multiple options for lowest parent AppContainer',
+      );
+      return null;
+    }
+
+    return candidatesWithNoChildren[0];
+  }
+
+  #onDrawTraceUpdates: (
+    ...ReactDevToolsAgentEvents['drawTraceUpdates']
+  ) => void = traceUpdates => {
+    const modernNodesUpdates: Array<ModernNodeUpdate> = [];
+    const legacyNodesUpdates: Array<LegacyNodeUpdate> = [];
+
+    for (const {node, color} of traceUpdates) {
+      const publicInstance = this.#getPublicInstanceFromInstance(node);
+      if (publicInstance == null) {
+        return;
+      }
+
+      const instanceReactTag = findNodeHandle(node);
+      if (instanceReactTag == null) {
+        return;
+      }
+
+      // Lazy import to avoid dependency cycle.
+      const ReactNativeElementClass =
+        require('../../src/private/webapis/dom/nodes/ReactNativeElement').default;
+      if (publicInstance instanceof ReactNativeElementClass) {
+        modernNodesUpdates.push({
+          id: instanceReactTag,
+          instance: publicInstance,
+          color,
+        });
+      } else {
+        legacyNodesUpdates.push({
+          id: instanceReactTag,
+          instance: publicInstance,
+          color,
+        });
+      }
+    }
+
+    if (modernNodesUpdates.length > 0) {
+      this.#drawTraceUpdatesModern(modernNodesUpdates);
+    }
+
+    if (legacyNodesUpdates.length > 0) {
+      this.#drawTraceUpdatesLegacy(legacyNodesUpdates);
+    }
+  };
+
+  #drawTraceUpdatesModern(updates: Array<ModernNodeUpdate>): void {
+    const parentToTraceUpdatesMap = new Map<
+      DebuggingOverlayRegistrySubscriberProtocol,
+      Array<TraceUpdate>,
+    >();
+    for (const {id, instance, color} of updates) {
+      const parent = this.#findLowestParentFromRegistryForInstance(instance);
+      if (parent == null) {
+        continue;
+      }
+
+      let traceUpdatesForParent = parentToTraceUpdatesMap.get(parent);
+      if (traceUpdatesForParent == null) {
+        traceUpdatesForParent = [];
+        parentToTraceUpdatesMap.set(parent, traceUpdatesForParent);
+      }
+
+      const {x, y, width, height} = instance.getBoundingClientRect();
+
+      const rootViewInstance = parent.rootViewRef.current;
+      if (rootViewInstance == null) {
+        continue;
+      }
+
+      const {x: parentX, y: parentY} =
+        // $FlowFixMe[prop-missing] React Native View is not a descendant of ReactNativeElement yet. We should be able to remove it once Paper is no longer supported.
+        rootViewInstance.getBoundingClientRect();
+
+      // DebuggingOverlay will scale to the same size as a Root view. Substract Root view position from the element position
+      // to calculate the element's position relatively to its parent DebuggingOverlay.
+      // We can't call `getBoundingClientRect` on the debuggingOverlayRef, because its a ref for the native component, which doesn't have it, hopefully yet.
+      traceUpdatesForParent.push({
+        id,
+        rectangle: {x: x - parentX, y: y - parentY, width, height},
+        color: processColor(color),
+      });
+    }
+
+    for (const [parent, traceUpdates] of parentToTraceUpdatesMap.entries()) {
+      const {debuggingOverlayRef} = parent;
+      debuggingOverlayRef.current?.highlightTraceUpdates(traceUpdates);
+    }
+  }
+
+  // TODO: remove once DOM Node APIs are opt-in by default and Paper is no longer supported.
+  #drawTraceUpdatesLegacy(updates: Array<LegacyNodeUpdate>): void {
+    const parentToTraceUpdatesPromisesMap = new Map<
+      DebuggingOverlayRegistrySubscriberProtocol,
+      Array<Promise<TraceUpdate>>,
+    >();
+
+    for (const {id, instance, color} of updates) {
+      const parent =
+        this.#findLowestParentFromRegistryForInstanceLegacy(instance);
+
+      if (parent == null) {
+        continue;
+      }
+
+      let traceUpdatesPromisesForParent =
+        parentToTraceUpdatesPromisesMap.get(parent);
+      if (traceUpdatesPromisesForParent == null) {
+        traceUpdatesPromisesForParent = [];
+        parentToTraceUpdatesPromisesMap.set(
+          parent,
+          traceUpdatesPromisesForParent,
+        );
+      }
+
+      const frameToDrawPromise = new Promise<TraceUpdate>((resolve, reject) => {
+        instance.measure((x, y, width, height, left, top) => {
+          // measure can execute callback without any values provided to signal error.
+          if (left == null || top == null || width == null || height == null) {
+            reject('Unexpectedly failed to call measure on an instance.');
+          }
+
+          resolve({
+            id,
+            rectangle: {x: left, y: top, width, height},
+            color: processColor(color),
+          });
+        });
+      });
+
+      traceUpdatesPromisesForParent.push(frameToDrawPromise);
+    }
+
+    for (const [
+      parent,
+      traceUpdatesPromises,
+    ] of parentToTraceUpdatesPromisesMap.entries()) {
+      Promise.all(traceUpdatesPromises)
+        .then(resolvedTraceUpdates =>
+          parent.debuggingOverlayRef.current?.highlightTraceUpdates(
+            resolvedTraceUpdates,
+          ),
+        )
+        .catch(() => {
+          // noop. For legacy architecture (Paper) this can happen for root views or LogBox button.
+          // LogBox case: it has a separate React root, so `measure` fails.
+          // Calling `console.error` here would trigger rendering a new LogBox button, for which we will call measure again, this is a cycle.
+          // Don't spam the UI with errors for such cases.
+        });
+    }
+  }
+
+  #onHighlightElements: (
+    ...ReactDevToolsAgentEvents['showNativeHighlight']
+  ) => void = nodes => {
+    // First clear highlights for every container
+    for (const subscriber of this.#registry) {
+      subscriber.debuggingOverlayRef.current?.clearElementsHighlight();
+    }
+
+    // Lazy import to avoid dependency cycle.
+    const ReactNativeElementClass =
+      require('../../src/private/webapis/dom/nodes/ReactNativeElement').default;
+
+    const reactNativeElements: Array<ReactNativeElement> = [];
+    const legacyPublicInstances: Array<NativeMethods> = [];
+
+    for (const node of nodes) {
+      const publicInstance = this.#getPublicInstanceFromInstance(node);
+      if (publicInstance == null) {
+        continue;
+      }
+
+      if (publicInstance instanceof ReactNativeElementClass) {
+        reactNativeElements.push(publicInstance);
+      } else {
+        legacyPublicInstances.push(publicInstance);
+      }
+    }
+
+    if (reactNativeElements.length > 0) {
+      this.#onHighlightElementsModern(reactNativeElements);
+    }
+
+    if (legacyPublicInstances.length > 0) {
+      this.#onHighlightElementsLegacy(legacyPublicInstances);
+    }
+  };
+
+  #onHighlightElementsModern(elements: Array<ReactNativeElement>): void {
+    const parentToElementsMap = new Map<
+      DebuggingOverlayRegistrySubscriberProtocol,
+      Array<ReactNativeElement>,
+    >();
+
+    for (const element of elements) {
+      const parent = this.#findLowestParentFromRegistryForInstance(element);
+      if (parent == null) {
+        continue;
+      }
+
+      let childElementOfAParent = parentToElementsMap.get(parent);
+      if (childElementOfAParent == null) {
+        childElementOfAParent = [];
+        parentToElementsMap.set(parent, childElementOfAParent);
+      }
+
+      childElementOfAParent.push(element);
+    }
+
+    for (const [parent, elementsToHighlight] of parentToElementsMap.entries()) {
+      const rootViewInstance = parent.rootViewRef.current;
+      if (rootViewInstance == null) {
+        return;
+      }
+
+      const {x: parentX, y: parentY} =
+        // $FlowFixMe[prop-missing] React Native View is not a descendant of ReactNativeElement yet. We should be able to remove it once Paper is no longer supported.
+        rootViewInstance.getBoundingClientRect();
+
+      // DebuggingOverlay will scale to the same size as a Root view. Substract Root view position from the element position
+      // to calculate the element's position relatively to its parent DebuggingOverlay.
+      // We can't call `getBoundingClientRect` on the debuggingOverlayRef, because its a ref for the native component, which doesn't have it, hopefully yet.
+      const elementsRectangles = elementsToHighlight.map(element => {
+        const {x, y, width, height} = element.getBoundingClientRect();
+        return {x: x - parentX, y: y - parentY, width, height};
+      });
+
+      parent.debuggingOverlayRef.current?.highlightElements(elementsRectangles);
+    }
+  }
+
+  // TODO: remove once DOM Node APIs are opt-in by default and Paper is no longer supported.
+  #onHighlightElementsLegacy(elements: Array<NativeMethods>): void {
+    const parentToElementsMap = new Map<
+      DebuggingOverlayRegistrySubscriberProtocol,
+      Array<NativeMethods>,
+    >();
+
+    for (const element of elements) {
+      const parent =
+        this.#findLowestParentFromRegistryForInstanceLegacy(element);
+      if (parent == null) {
+        continue;
+      }
+
+      let childElementOfAParent = parentToElementsMap.get(parent);
+      if (childElementOfAParent == null) {
+        childElementOfAParent = [];
+        parentToElementsMap.set(parent, childElementOfAParent);
+      }
+
+      childElementOfAParent.push(element);
+    }
+
+    for (const [parent, elementsToHighlight] of parentToElementsMap.entries()) {
+      const promises = elementsToHighlight.map(
+        element =>
+          new Promise<ElementRectangle>((resolve, reject) => {
+            element.measure((x, y, width, height, left, top) => {
+              // measure can execute callback without any values provided to signal error.
+              if (
+                left == null ||
+                top == null ||
+                width == null ||
+                height == null
+              ) {
+                reject('Unexpectedly failed to call measure on an instance.');
+              }
+
+              resolve({x: left, y: top, width, height});
+            });
+          }),
+      );
+
+      Promise.all(promises)
+        .then(resolvedElementsRectangles =>
+          parent.debuggingOverlayRef.current?.highlightElements(
+            resolvedElementsRectangles,
+          ),
+        )
+        .catch(() => {
+          // noop. For legacy architecture (Paper) this can happen for root views or LogBox button.
+          // LogBox case: it has a separate React root, so `measure` fails.
+          // Calling `console.error` here would trigger rendering a new LogBox button, for which we will call measure again, this is a cycle.
+          // Don't spam the UI with errors for such cases.
+        });
+    }
+  }
+
+  #onClearElementsHighlights: (
+    ...ReactDevToolsAgentEvents['hideNativeHighlight']
+  ) => void = () => {
+    for (const subscriber of this.#registry) {
+      subscriber.debuggingOverlayRef.current?.clearElementsHighlight();
+    }
+  };
+}
+
+const debuggingOverlayRegistryInstance: DebuggingOverlayRegistry =
+  new DebuggingOverlayRegistry();
+export default debuggingOverlayRegistryInstance;
diff --git a/packages/react-native/Libraries/Debugging/useSubscribeToDebuggingOverlayRegistry.js b/packages/react-native/Libraries/Debugging/useSubscribeToDebuggingOverlayRegistry.js
new file mode 100644
index 00000000000000..931a2583fa5ae6
--- /dev/null
+++ b/packages/react-native/Libraries/Debugging/useSubscribeToDebuggingOverlayRegistry.js
@@ -0,0 +1,32 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {
+  AppContainerRootViewRef,
+  DebuggingOverlayRef,
+} from '../ReactNative/AppContainer-dev';
+
+import DebuggingOverlayRegistry from './DebuggingOverlayRegistry';
+import {useEffect} from 'react';
+
+const useSubscribeToDebuggingOverlayRegistry = (
+  rootViewRef: AppContainerRootViewRef,
+  debuggingOverlayRef: DebuggingOverlayRef,
+) => {
+  useEffect(() => {
+    const subscriber = {rootViewRef, debuggingOverlayRef};
+
+    DebuggingOverlayRegistry.subscribe(subscriber);
+    return () => DebuggingOverlayRegistry.unsubscribe(subscriber);
+  }, [rootViewRef, debuggingOverlayRef]);
+};
+
+export default useSubscribeToDebuggingOverlayRegistry;
diff --git a/packages/react-native/Libraries/DevToolsSettings/NativeDevToolsSettingsManager.js b/packages/react-native/Libraries/DevToolsSettings/NativeDevToolsSettingsManager.js
index 8370f8f19740e6..ad27f81296571f 100644
--- a/packages/react-native/Libraries/DevToolsSettings/NativeDevToolsSettingsManager.js
+++ b/packages/react-native/Libraries/DevToolsSettings/NativeDevToolsSettingsManager.js
@@ -8,17 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +setConsolePatchSettings: (newConsolePatchSettings: string) => void;
-  +getConsolePatchSettings: () => ?string;
-  +setProfilingSettings?: (newProfilingSettings: string) => void;
-  +getProfilingSettings?: () => ?string;
-}
-
-export default (TurboModuleRegistry.get<Spec>(
-  'DevToolsSettingsManager',
-): ?Spec);
+export * from '../../src/private/specs/modules/NativeDevToolsSettingsManager';
+import NativeDevToolsSettingsManager from '../../src/private/specs/modules/NativeDevToolsSettingsManager';
+export default NativeDevToolsSettingsManager;
diff --git a/packages/react-native/Libraries/HeapCapture/NativeJSCHeapCapture.js b/packages/react-native/Libraries/HeapCapture/NativeJSCHeapCapture.js
index d892ad0bca4fd4..90f2263e127a04 100644
--- a/packages/react-native/Libraries/HeapCapture/NativeJSCHeapCapture.js
+++ b/packages/react-native/Libraries/HeapCapture/NativeJSCHeapCapture.js
@@ -8,12 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +captureComplete: (path: string, error: ?string) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('JSCHeapCapture'): ?Spec);
+export * from '../../src/private/specs/modules/NativeJSCHeapCapture';
+import NativeJSCHeapCapture from '../../src/private/specs/modules/NativeJSCHeapCapture';
+export default NativeJSCHeapCapture;
diff --git a/packages/react-native/Libraries/Image/Image.android.js b/packages/react-native/Libraries/Image/Image.android.js
index 3e63b61e717465..ac8660e968e63f 100644
--- a/packages/react-native/Libraries/Image/Image.android.js
+++ b/packages/react-native/Libraries/Image/Image.android.js
@@ -16,7 +16,10 @@ import flattenStyle from '../StyleSheet/flattenStyle';
 import StyleSheet from '../StyleSheet/StyleSheet';
 import TextAncestor from '../Text/TextAncestor';
 import ImageAnalyticsTagContext from './ImageAnalyticsTagContext';
-import {unstable_getImageComponentDecorator} from './ImageInjection';
+import {
+  unstable_getImageComponentDecorator,
+  useWrapRefWithImageAttachedCallbacks,
+} from './ImageInjection';
 import {getImageSourcesFromImageProps} from './ImageSourceUtils';
 import {convertObjectFitToResizeMode} from './ImageUtils';
 import ImageViewNativeComponent from './ImageViewNativeComponent';
@@ -176,7 +179,6 @@ let BaseImage: AbstractImageAndroid = React.forwardRef(
       loadingIndicatorSrc: loadingIndicatorSource
         ? loadingIndicatorSource.uri
         : null,
-      ref: forwardedRef,
       accessibilityLabel:
         props['aria-label'] ?? props.accessibilityLabel ?? props.alt,
       accessibilityLabelledBy:
@@ -197,6 +199,8 @@ let BaseImage: AbstractImageAndroid = React.forwardRef(
     const resizeMode =
       objectFit || props.resizeMode || style?.resizeMode || 'cover';
 
+    const actualRef = useWrapRefWithImageAttachedCallbacks(forwardedRef);
+
     return (
       <ImageAnalyticsTagContext.Consumer>
         {analyticTag => {
@@ -218,7 +222,7 @@ let BaseImage: AbstractImageAndroid = React.forwardRef(
                       resizeMode={resizeMode}
                       headers={nativeProps.headers}
                       src={sources}
-                      ref={forwardedRef}
+                      ref={actualRef}
                     />
                   );
                 }
@@ -227,6 +231,7 @@ let BaseImage: AbstractImageAndroid = React.forwardRef(
                   <ImageViewNativeComponent
                     {...nativePropsWithAnalytics}
                     resizeMode={resizeMode}
+                    ref={actualRef}
                   />
                 );
               }}
@@ -307,12 +312,6 @@ Image.queryCache = queryCache;
 // $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.resolveAssetSource = resolveAssetSource;
 
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-Image.propTypes = require('deprecated-react-native-prop-types').ImagePropTypes;
-
 const styles = StyleSheet.create({
   base: {
     overflow: 'hidden',
diff --git a/packages/react-native/Libraries/Image/Image.d.ts b/packages/react-native/Libraries/Image/Image.d.ts
index 95d94b00bc8332..096c864f1cdbe3 100644
--- a/packages/react-native/Libraries/Image/Image.d.ts
+++ b/packages/react-native/Libraries/Image/Image.d.ts
@@ -265,7 +265,7 @@ export interface ImagePropsBase
   /**
    * A static image to display while downloading the final image off the network.
    */
-  defaultSource?: ImageURISource | number | undefined;
+  defaultSource?: ImageURISource | ImageRequireSource | undefined;
 
   /**
    * The text that's read by the screen reader when the user interacts with
diff --git a/packages/react-native/Libraries/Image/Image.ios.js b/packages/react-native/Libraries/Image/Image.ios.js
index 69e02e9cee9081..008b1d7ba004a6 100644
--- a/packages/react-native/Libraries/Image/Image.ios.js
+++ b/packages/react-native/Libraries/Image/Image.ios.js
@@ -16,7 +16,10 @@ import {createRootTag} from '../ReactNative/RootTag';
 import flattenStyle from '../StyleSheet/flattenStyle';
 import StyleSheet from '../StyleSheet/StyleSheet';
 import ImageAnalyticsTagContext from './ImageAnalyticsTagContext';
-import {unstable_getImageComponentDecorator} from './ImageInjection';
+import {
+  unstable_getImageComponentDecorator,
+  useWrapRefWithImageAttachedCallbacks,
+} from './ImageInjection';
 import {getImageSourcesFromImageProps} from './ImageSourceUtils';
 import {convertObjectFitToResizeMode} from './ImageUtils';
 import ImageViewNativeComponent from './ImageViewNativeComponent';
@@ -160,6 +163,8 @@ let BaseImage: AbstractImageIOS = React.forwardRef((props, forwardedRef) => {
 
   const accessibilityRole = props.accessibilityRole || 'image';
 
+  const actualRef = useWrapRefWithImageAttachedCallbacks(forwardedRef);
+
   return (
     <ImageAnalyticsTagContext.Consumer>
       {analyticTag => {
@@ -170,7 +175,7 @@ let BaseImage: AbstractImageIOS = React.forwardRef((props, forwardedRef) => {
             {...restProps}
             accessible={props.alt !== undefined ? true : props.accessible}
             accessibilityLabel={accessibilityLabel ?? props.alt}
-            ref={forwardedRef}
+            ref={actualRef}
             style={style}
             resizeMode={resizeMode}
             tintColor={tintColor}
@@ -244,12 +249,6 @@ Image.queryCache = queryCache;
 // $FlowFixMe[incompatible-use] This property isn't writable but we're actually defining it here for the first time.
 Image.resolveAssetSource = resolveAssetSource;
 
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-Image.propTypes = require('deprecated-react-native-prop-types').ImagePropTypes;
-
 const styles = StyleSheet.create({
   base: {
     overflow: 'hidden',
diff --git a/packages/react-native/Libraries/Image/ImageInjection.js b/packages/react-native/Libraries/Image/ImageInjection.js
index 9f4c4b7198349b..072ac69fd35d92 100644
--- a/packages/react-native/Libraries/Image/ImageInjection.js
+++ b/packages/react-native/Libraries/Image/ImageInjection.js
@@ -8,7 +8,15 @@
  * @flow strict-local
  */
 
-import type {AbstractImageAndroid, AbstractImageIOS} from './ImageTypes.flow';
+import type {
+  AbstractImageAndroid,
+  AbstractImageIOS,
+  Image as ImageComponent,
+} from './ImageTypes.flow';
+
+import useMergeRefs from '../Utilities/useMergeRefs';
+import * as React from 'react';
+import {useRef} from 'react';
 
 type ImageComponentDecorator = (AbstractImageAndroid => AbstractImageAndroid) &
   (AbstractImageIOS => AbstractImageIOS);
@@ -24,3 +32,56 @@ export function unstable_setImageComponentDecorator(
 export function unstable_getImageComponentDecorator(): ?ImageComponentDecorator {
   return injectedImageComponentDecorator;
 }
+
+type ImageInstance = React.ElementRef<ImageComponent>;
+
+type ImageAttachedCallback = (
+  imageInstance: ImageInstance,
+) => void | (() => void);
+
+const imageAttachedCallbacks = new Set<ImageAttachedCallback>();
+
+export function unstable_registerImageAttachedCallback(
+  callback: ImageAttachedCallback,
+): void {
+  imageAttachedCallbacks.add(callback);
+}
+
+export function unstable_unregisterImageAttachedCallback(
+  callback: ImageAttachedCallback,
+): void {
+  imageAttachedCallbacks.delete(callback);
+}
+
+export function useWrapRefWithImageAttachedCallbacks(
+  forwardedRef: React.RefSetter<ImageInstance>,
+): React.RefSetter<ImageInstance> {
+  const pendingCleanupCallbacks = useRef<Array<() => void>>([]);
+
+  const imageAttachedCallbacksRef =
+    useRef<?(node: ImageInstance | null) => void>(null);
+
+  if (imageAttachedCallbacksRef.current == null) {
+    imageAttachedCallbacksRef.current = (node: ImageInstance | null): void => {
+      if (node == null) {
+        if (pendingCleanupCallbacks.current.length > 0) {
+          pendingCleanupCallbacks.current.forEach(cb => cb());
+          pendingCleanupCallbacks.current = [];
+        }
+      } else {
+        imageAttachedCallbacks.forEach(imageAttachedCallback => {
+          const maybeCleanupCallback = imageAttachedCallback(node);
+          if (maybeCleanupCallback != null) {
+            pendingCleanupCallbacks.current.push(maybeCleanupCallback);
+          }
+        });
+      }
+    };
+  }
+
+  // `useMergeRefs` returns a stable ref if its arguments don't change.
+  return useMergeRefs<ImageInstance>(
+    forwardedRef,
+    imageAttachedCallbacksRef.current,
+  );
+}
diff --git a/packages/react-native/Libraries/Image/ImageViewNativeComponent.js b/packages/react-native/Libraries/Image/ImageViewNativeComponent.js
index bd9ae7df499b25..01459dddc053d1 100644
--- a/packages/react-native/Libraries/Image/ImageViewNativeComponent.js
+++ b/packages/react-native/Libraries/Image/ImageViewNativeComponent.js
@@ -20,9 +20,11 @@ import type {
 } from '../StyleSheet/StyleSheet';
 import type {ResolvedAssetSource} from './AssetSourceResolver';
 import type {ImageProps} from './ImageProps';
+import type {ElementRef} from 'react';
 
 import * as NativeComponentRegistry from '../NativeComponent/NativeComponentRegistry';
 import {ConditionallyIgnoredEventHandlers} from '../NativeComponent/ViewConfigIgnore';
+import codegenNativeCommands from '../Utilities/codegenNativeCommands';
 import Platform from '../Utilities/Platform';
 
 type Props = $ReadOnly<{
@@ -44,6 +46,17 @@ type Props = $ReadOnly<{
   loadingIndicatorSrc?: ?string,
 }>;
 
+interface NativeCommands {
+  +setIsVisible_EXPERIMENTAL: (
+    viewRef: ElementRef<HostComponent<mixed>>,
+    isVisible: boolean,
+  ) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['setIsVisible_EXPERIMENTAL'],
+});
+
 export const __INTERNAL_VIEW_CONFIG: PartialViewConfig =
   Platform.OS === 'android'
     ? {
@@ -77,6 +90,11 @@ export const __INTERNAL_VIEW_CONFIG: PartialViewConfig =
           borderTopLeftRadius: true,
           resizeMethod: true,
           src: true,
+          // NOTE: New Architecture expects this to be called `source`,
+          // regardless of the platform, therefore propagate it as well.
+          // For the backwards compatibility reasons, we keep both `src`
+          // and `source`, which will be identical at this stage.
+          source: true,
           borderRadius: true,
           headers: true,
           shouldNotifyLoadEvents: true,
diff --git a/packages/react-native/Libraries/Image/NativeImageEditor.js b/packages/react-native/Libraries/Image/NativeImageEditor.js
index 543afac65de5e4..0d9fdb2d6d2e0f 100644
--- a/packages/react-native/Libraries/Image/NativeImageEditor.js
+++ b/packages/react-native/Libraries/Image/NativeImageEditor.js
@@ -8,45 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-type Options = {|
-  +offset: {|
-    +x: number,
-    +y: number,
-  |},
-  +size: {|
-    +width: number,
-    +height: number,
-  |},
-  +displaySize?: ?{|
-    +width: number,
-    +height: number,
-  |},
-  /**
-   * Enum with potential values:
-   *  - cover
-   *  - contain
-   *  - stretch
-   *  - center
-   *  - repeat
-   */
-  +resizeMode?: ?string,
-  +allowExternalStorage?: boolean,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {||};
-  +cropImage: (
-    uri: string,
-    cropData: Options,
-    successCallback: (uri: string) => void,
-    errorCallback: (error: string) => void,
-  ) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'ImageEditingManager',
-): Spec);
+export * from '../../src/private/specs/modules/NativeImageEditor';
+import NativeImageEditor from '../../src/private/specs/modules/NativeImageEditor';
+export default NativeImageEditor;
diff --git a/packages/react-native/Libraries/Image/NativeImageLoaderAndroid.js b/packages/react-native/Libraries/Image/NativeImageLoaderAndroid.js
index 121de3bc99e3de..0b4ff7bf7d967f 100644
--- a/packages/react-native/Libraries/Image/NativeImageLoaderAndroid.js
+++ b/packages/react-native/Libraries/Image/NativeImageLoaderAndroid.js
@@ -4,34 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +abortRequest: (requestId: number) => void;
-  +getConstants: () => {||};
-  +getSize: (uri: string) => Promise<
-    $ReadOnly<{
-      width: number,
-      height: number,
-      ...
-    }>,
-  >;
-  +getSizeWithHeaders: (
-    uri: string,
-    headers: Object,
-  ) => Promise<{
-    width: number,
-    height: number,
-    ...
-  }>;
-  +prefetchImage: (uri: string, requestId: number) => Promise<boolean>;
-  +queryCache: (uris: Array<string>) => Promise<Object>;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('ImageLoader'): Spec);
+export * from '../../src/private/specs/modules/NativeImageLoaderAndroid';
+import NativeImageLoaderAndroid from '../../src/private/specs/modules/NativeImageLoaderAndroid';
+export default NativeImageLoaderAndroid;
diff --git a/packages/react-native/Libraries/Image/NativeImageLoaderIOS.js b/packages/react-native/Libraries/Image/NativeImageLoaderIOS.js
index b46a43be58078d..75a0d1eb81e528 100644
--- a/packages/react-native/Libraries/Image/NativeImageLoaderIOS.js
+++ b/packages/react-native/Libraries/Image/NativeImageLoaderIOS.js
@@ -4,34 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {RootTag} from '../TurboModule/RCTExport';
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {||};
-  // Return [width, height] of image uri
-  +getSize: (uri: string) => Promise<$ReadOnlyArray<number>>;
-  +getSizeWithHeaders: (
-    uri: string,
-    headers: Object,
-  ) => Promise<{
-    width: number,
-    height: number,
-    ...
-  }>;
-  +prefetchImage: (uri: string) => Promise<boolean>;
-  +prefetchImageWithMetadata?: (
-    uri: string,
-    queryRootName: string,
-    rootTag: RootTag,
-  ) => Promise<boolean>;
-  +queryCache: (uris: Array<string>) => Promise<Object>;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('ImageLoader'): Spec);
+export * from '../../src/private/specs/modules/NativeImageLoaderIOS';
+import NativeImageLoaderIOS from '../../src/private/specs/modules/NativeImageLoaderIOS';
+export default NativeImageLoaderIOS;
diff --git a/packages/react-native/Libraries/Image/NativeImageStoreAndroid.js b/packages/react-native/Libraries/Image/NativeImageStoreAndroid.js
index 68644b9a2df587..e70d19bbb75924 100644
--- a/packages/react-native/Libraries/Image/NativeImageStoreAndroid.js
+++ b/packages/react-native/Libraries/Image/NativeImageStoreAndroid.js
@@ -8,19 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {||};
-  +getBase64ForTag: (
-    uri: string,
-    successCallback: (base64ImageData: string) => void,
-    errorCallback: (error: string) => void,
-  ) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'ImageStoreManager',
-): Spec);
+export * from '../../src/private/specs/modules/NativeImageStoreAndroid';
+import NativeImageStoreAndroid from '../../src/private/specs/modules/NativeImageStoreAndroid';
+export default NativeImageStoreAndroid;
diff --git a/packages/react-native/Libraries/Image/NativeImageStoreIOS.js b/packages/react-native/Libraries/Image/NativeImageStoreIOS.js
index 332b7bc9fbed5f..33bc7384cae369 100644
--- a/packages/react-native/Libraries/Image/NativeImageStoreIOS.js
+++ b/packages/react-native/Libraries/Image/NativeImageStoreIOS.js
@@ -8,26 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {||};
-  +getBase64ForTag: (
-    uri: string,
-    successCallback: (base64ImageData: string) => void,
-    errorCallback: (error: {|message: string|}) => void,
-  ) => void;
-  +hasImageForTag: (uri: string, callback: (hasImage: boolean) => void) => void;
-  +removeImageForTag: (uri: string) => void;
-  +addImageFromBase64: (
-    base64ImageData: string,
-    successCallback: (uri: string) => void,
-    errorCallback: (error: {|message: string|}) => void,
-  ) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'ImageStoreManager',
-): Spec);
+export * from '../../src/private/specs/modules/NativeImageStoreIOS';
+import NativeImageStoreIOS from '../../src/private/specs/modules/NativeImageStoreIOS';
+export default NativeImageStoreIOS;
diff --git a/packages/react-native/Libraries/Image/RCTImageLoader.mm b/packages/react-native/Libraries/Image/RCTImageLoader.mm
index e694c2bf0f2ddd..68ac4aa2fe9ff9 100644
--- a/packages/react-native/Libraries/Image/RCTImageLoader.mm
+++ b/packages/react-native/Libraries/Image/RCTImageLoader.mm
@@ -85,16 +85,10 @@ static NSInteger RCTImageBytesForImage(UIImage *image)
 }
 #endif // macOS]
 
-static uint64_t monotonicTimeGetCurrentNanoseconds(void)
+static uint64_t getNextImageRequestCount(void)
 {
-  static struct mach_timebase_info tb_info = {0};
-  static dispatch_once_t onceToken;
-  dispatch_once(&onceToken, ^{
-    __unused int ret = mach_timebase_info(&tb_info);
-    assert(0 == ret);
-  });
-
-  return (mach_absolute_time() * tb_info.numer) / tb_info.denom;
+  static uint64_t requestCounter = 0;
+  return requestCounter++;
 }
 
 static NSError *addResponseHeadersToError(NSError *originalError, NSHTTPURLResponse *response)
@@ -575,8 +569,7 @@ - (RCTImageURLLoaderRequest *)_loadImageOrDataWithURLRequest:(NSURLRequest *)req
   auto cancelled = std::make_shared<std::atomic<int>>(0);
   __block dispatch_block_t cancelLoad = nil;
   __block NSLock *cancelLoadLock = [NSLock new];
-  NSString *requestId =
-      [NSString stringWithFormat:@"%@-%llu", [[NSUUID UUID] UUIDString], monotonicTimeGetCurrentNanoseconds()];
+  NSString *requestId = [NSString stringWithFormat:@"%@-%llu", [[NSUUID UUID] UUIDString], getNextImageRequestCount()];
 
   void (^completionHandler)(NSError *, id, id, NSURLResponse *) =
       ^(NSError *error, id imageOrData, id imageMetadata, NSURLResponse *response) {
diff --git a/packages/react-native/Libraries/Image/RCTImageStoreManager.h b/packages/react-native/Libraries/Image/RCTImageStoreManager.h
index 707b5cf996ecd8..b64455bcb73d4f 100644
--- a/packages/react-native/Libraries/Image/RCTImageStoreManager.h
+++ b/packages/react-native/Libraries/Image/RCTImageStoreManager.h
@@ -11,6 +11,8 @@
 #import <React/RCTBridgeProxy.h>
 #import <React/RCTURLRequestHandler.h>
 
+RCT_EXTERN void RCTEnableImageStoreManagerStorageQueue(BOOL enabled);
+
 @interface RCTImageStoreManager : NSObject <RCTURLRequestHandler>
 
 /**
diff --git a/packages/react-native/Libraries/Image/RCTImageStoreManager.mm b/packages/react-native/Libraries/Image/RCTImageStoreManager.mm
index 3b151604b8c3fd..b69590b5a6e461 100644
--- a/packages/react-native/Libraries/Image/RCTImageStoreManager.mm
+++ b/packages/react-native/Libraries/Image/RCTImageStoreManager.mm
@@ -23,6 +23,12 @@
 #import "RCTImagePlugins.h"
 
 static NSString *const RCTImageStoreURLScheme = @"rct-image-store";
+static BOOL gImageStoreManagerStorageQueueEnabled = NO;
+
+void RCTEnableImageStoreManagerStorageQueue(BOOL enabled)
+{
+  gImageStoreManagerStorageQueueEnabled = enabled;
+}
 
 @interface RCTImageStoreManager () <NativeImageStoreIOSSpec>
 @end
@@ -30,12 +36,33 @@ @interface RCTImageStoreManager () <NativeImageStoreIOSSpec>
 @implementation RCTImageStoreManager {
   NSMutableDictionary<NSString *, NSData *> *_store;
   NSUInteger _id;
+  dispatch_queue_t _storageQueue;
 }
 
 @synthesize methodQueue = _methodQueue;
 
 RCT_EXPORT_MODULE()
 
++ (BOOL)requiresMainQueueSetup
+{
+  return NO;
+}
+
+- (instancetype)init
+{
+  if (self = [super init]) {
+    if (gImageStoreManagerStorageQueueEnabled) {
+      _storageQueue = dispatch_queue_create("com.facebook.react.imagestoremanager.storage", DISPATCH_QUEUE_SERIAL);
+    }
+  }
+  return self;
+}
+
+- (dispatch_queue_t)_getAsyncQueue
+{
+  return gImageStoreManagerStorageQueueEnabled ? _storageQueue : _methodQueue;
+}
+
 - (float)handlerPriority
 {
   return 1;
@@ -43,7 +70,7 @@ - (float)handlerPriority
 
 - (void)removeImageForTag:(NSString *)imageTag withBlock:(void (^)(void))block
 {
-  dispatch_async(_methodQueue, ^{
+  dispatch_async([self _getAsyncQueue], ^{
     [self removeImageForTag:imageTag];
     if (block) {
       block();
@@ -53,7 +80,7 @@ - (void)removeImageForTag:(NSString *)imageTag withBlock:(void (^)(void))block
 
 - (NSString *)_storeImageData:(NSData *)imageData
 {
-  RCTAssertThread(_methodQueue, @"Must be called on RCTImageStoreManager thread");
+  RCTAssertThread([self _getAsyncQueue], @"Must be called on RCTImageStoreManager thread");
 
   if (!_store) {
     _store = [NSMutableDictionary new];
@@ -68,7 +95,7 @@ - (NSString *)_storeImageData:(NSData *)imageData
 - (void)storeImageData:(NSData *)imageData withBlock:(void (^)(NSString *imageTag))block
 {
   RCTAssertParam(block);
-  dispatch_async(_methodQueue, ^{
+  dispatch_async([self _getAsyncQueue], ^{
     block([self _storeImageData:imageData]);
   });
 }
@@ -76,7 +103,7 @@ - (void)storeImageData:(NSData *)imageData withBlock:(void (^)(NSString *imageTa
 - (void)getImageDataForTag:(NSString *)imageTag withBlock:(void (^)(NSData *imageData))block
 {
   RCTAssertParam(block);
-  dispatch_async(_methodQueue, ^{
+  dispatch_async([self _getAsyncQueue], ^{
     block(self->_store[imageTag]);
   });
 }
@@ -84,7 +111,7 @@ - (void)getImageDataForTag:(NSString *)imageTag withBlock:(void (^)(NSData *imag
 - (void)storeImage:(UIImage *)image withBlock:(void (^)(NSString *imageTag))block
 {
   RCTAssertParam(block);
-  dispatch_async(_methodQueue, ^{
+  dispatch_async([self _getAsyncQueue], ^{
     NSString *imageTag = [self _storeImageData:RCTGetImageData(image, 0.75)];
     dispatch_async(dispatch_get_main_queue(), ^{
       block(imageTag);
@@ -130,7 +157,7 @@ - (void)storeImage:(UIImage *)image withBlock:(void (^)(NSString *imageTag))bloc
   dispatch_async(dispatch_get_global_queue(DISPATCH_QUEUE_PRIORITY_DEFAULT, 0), ^{
     NSData *imageData = [[NSData alloc] initWithBase64EncodedString:base64String options:0];
     if (imageData) {
-      dispatch_async(self->_methodQueue, ^{
+      dispatch_async([self _getAsyncQueue], ^{
         successCallback(@[ [self _storeImageData:imageData] ]);
       });
     } else {
@@ -154,7 +181,7 @@ - (id)sendRequest:(NSURLRequest *)request withDelegate:(id<RCTURLRequestDelegate
   };
 
   // Dispatch async to give caller time to cancel the request
-  dispatch_async(_methodQueue, ^{
+  dispatch_async([self _getAsyncQueue], ^{
     if (cancelled->load()) {
       return;
     }
@@ -215,7 +242,7 @@ - (NSString *)storeImage:(UIImage *)image
   RCTLogWarn(
       @"RCTImageStoreManager.storeImage() is deprecated and has poor performance. Use an alternative method instead.");
   __block NSString *imageTag;
-  dispatch_sync(_methodQueue, ^{
+  dispatch_sync([self _getAsyncQueue], ^{
     imageTag = [self _storeImageData:RCTGetImageData(image, 0.75)];
   });
   return imageTag;
@@ -227,7 +254,7 @@ - (UIImage *)imageForTag:(NSString *)imageTag
   RCTLogWarn(
       @"RCTImageStoreManager.imageForTag() is deprecated and has poor performance. Use an alternative method instead.");
   __block NSData *imageData;
-  dispatch_sync(_methodQueue, ^{
+  dispatch_sync([self _getAsyncQueue], ^{
     imageData = self->_store[imageTag];
   });
   return UIImageWithData(imageData); // [macOS]
@@ -236,7 +263,7 @@ - (UIImage *)imageForTag:(NSString *)imageTag
 - (void)getImageForTag:(NSString *)imageTag withBlock:(void (^)(UIImage *image))block
 {
   RCTAssertParam(block);
-  dispatch_async(_methodQueue, ^{
+  dispatch_async([self _getAsyncQueue], ^{
     NSData *imageData = self->_store[imageTag];
     dispatch_async(dispatch_get_main_queue(), ^{
       // imageWithData: is not thread-safe, so we can't do this on methodQueue
diff --git a/packages/react-native/Libraries/Image/React-RCTImage.podspec b/packages/react-native/Libraries/Image/React-RCTImage.podspec
index 2fd72e0f8f6b94..b3c2cff2a4e58a 100644
--- a/packages/react-native/Libraries/Image/React-RCTImage.podspec
+++ b/packages/react-native/Libraries/Image/React-RCTImage.podspec
@@ -16,21 +16,15 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 header_search_paths = [
   "\"$(PODS_ROOT)/RCT-Folly\"",
   "\"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\"",
-  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
 ]
 
-if ENV["USE_FRAMEWORKS"]
-  header_search_paths = header_search_paths.concat([
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\""
-  ])
-end
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTImage"
@@ -58,10 +52,13 @@ Pod::Spec.new do |s|
   # macOS]
 
   s.dependency "RCT-Folly", folly_version
-  s.dependency "React-Codegen", version
-  s.dependency "RCTTypeSafety", version
-  s.dependency "ReactCommon/turbomodule/core", version
-  s.dependency "React-jsi", version
-  s.dependency "React-Core/RCTImageHeaders", version
-  s.dependency "React-RCTNetwork", version
+  s.dependency "RCTTypeSafety"
+  s.dependency "React-jsi"
+  s.dependency "React-Core/RCTImageHeaders"
+  s.dependency "React-RCTNetwork"
+
+  add_dependency(s, "React-Codegen")
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
+  add_dependency(s, "React-NativeModulesApple")
+
 end
diff --git a/packages/react-native/Libraries/Image/__tests__/Image-test.js b/packages/react-native/Libraries/Image/__tests__/Image-test.js
index 6eb4600f191c3c..46124adc88ef2a 100644
--- a/packages/react-native/Libraries/Image/__tests__/Image-test.js
+++ b/packages/react-native/Libraries/Image/__tests__/Image-test.js
@@ -11,8 +11,13 @@
 
 'use strict';
 
+import type {ElementRef} from 'react';
+
+import {act, create} from 'react-test-renderer';
+
 const render = require('../../../jest/renderer');
 const Image = require('../Image');
+const ImageInjection = require('../ImageInjection');
 const React = require('react');
 
 describe('<Image />', () => {
@@ -39,4 +44,251 @@ describe('<Image />', () => {
     const instance = render.create(<Image source={{uri: 'foo-bar.jpg'}} />);
     expect(instance).toMatchSnapshot();
   });
+
+  it('should invoke original ref callbacks correctly when using image attached callbacks', () => {
+    jest.dontMock('../Image');
+
+    let imageInstanceFromCallback = null;
+    let imageInstanceFromRef1 = null;
+    let imageInstanceFromRef2 = null;
+
+    const callback = jest.fn((instance: ElementRef<typeof Image>) => {
+      imageInstanceFromCallback = instance;
+
+      return () => {
+        imageInstanceFromCallback = null;
+      };
+    });
+
+    ImageInjection.unstable_registerImageAttachedCallback(callback);
+
+    expect(imageInstanceFromCallback).toBe(null);
+
+    let testRenderer;
+
+    const ref1 = jest.fn(instance => {
+      imageInstanceFromRef1 = instance;
+    });
+
+    act(() => {
+      testRenderer = create(<Image source={{uri: 'foo-bar.jpg'}} ref={ref1} />);
+    });
+
+    expect(imageInstanceFromCallback).not.toBe(null);
+    expect(imageInstanceFromRef1).not.toBe(null);
+    expect(imageInstanceFromCallback).toBe(imageInstanceFromRef1);
+    expect(callback).toHaveBeenCalledTimes(1);
+    expect(ref1).toHaveBeenCalledTimes(1);
+
+    const ref2 = jest.fn(
+      (instance: React.ElementRef<typeof Image> | null): void => {
+        imageInstanceFromRef2 = instance;
+      },
+    );
+
+    act(() => {
+      testRenderer.update(<Image source={{uri: 'foo-bar.jpg'}} ref={ref2} />);
+    });
+
+    expect(imageInstanceFromCallback).not.toBe(null);
+    expect(imageInstanceFromRef1).toBe(null);
+    expect(imageInstanceFromRef2).not.toBe(null);
+    expect(imageInstanceFromCallback).toBe(imageInstanceFromRef2);
+    expect(callback).toHaveBeenCalledTimes(2);
+    expect(ref1).toHaveBeenCalledTimes(2);
+    expect(ref2).toHaveBeenCalledTimes(1);
+
+    act(() => {
+      testRenderer.update(<Image source={{uri: 'foo-bar.jpg'}} ref={ref2} />);
+    });
+
+    expect(callback).toHaveBeenCalledTimes(2);
+    expect(ref2).toHaveBeenCalledTimes(1);
+  });
+
+  it('should call image attached callbacks (basic)', () => {
+    jest.dontMock('../Image');
+
+    let imageInstanceFromCallback = null;
+    let imageInstanceFromRef = null;
+
+    const callback = (instance: ElementRef<typeof Image>) => {
+      imageInstanceFromCallback = instance;
+
+      return () => {
+        imageInstanceFromCallback = null;
+      };
+    };
+
+    ImageInjection.unstable_registerImageAttachedCallback(callback);
+
+    expect(imageInstanceFromCallback).toBe(null);
+
+    let testRenderer;
+
+    act(() => {
+      testRenderer = create(
+        <Image
+          source={{uri: 'foo-bar.jpg'}}
+          ref={instance => {
+            imageInstanceFromRef = instance;
+          }}
+        />,
+      );
+    });
+
+    expect(imageInstanceFromCallback).not.toBe(null);
+    expect(imageInstanceFromRef).not.toBe(null);
+    expect(imageInstanceFromCallback).toBe(imageInstanceFromRef);
+
+    act(() => {
+      testRenderer.update(<></>);
+    });
+
+    expect(imageInstanceFromCallback).toBe(null);
+    expect(imageInstanceFromRef).toBe(null);
+
+    ImageInjection.unstable_unregisterImageAttachedCallback(callback);
+
+    act(() => {
+      testRenderer.update(
+        <Image
+          source={{uri: 'foo-bar.jpg'}}
+          ref={instance => {
+            imageInstanceFromRef = instance;
+          }}
+        />,
+      );
+    });
+
+    expect(imageInstanceFromRef).not.toBe(null);
+    expect(imageInstanceFromCallback).toBe(null);
+  });
+
+  it('should call image attached callbacks (multiple callbacks)', () => {
+    jest.dontMock('../Image');
+
+    let imageInstanceFromCallback1 = null;
+    let imageInstanceFromCallback2 = null;
+    let imageInstanceFromRef = null;
+
+    ImageInjection.unstable_registerImageAttachedCallback(instance => {
+      imageInstanceFromCallback1 = instance;
+
+      return () => {
+        imageInstanceFromCallback1 = null;
+      };
+    });
+
+    ImageInjection.unstable_registerImageAttachedCallback(instance => {
+      imageInstanceFromCallback2 = instance;
+
+      return () => {
+        imageInstanceFromCallback2 = null;
+      };
+    });
+
+    expect(imageInstanceFromCallback1).toBe(null);
+    expect(imageInstanceFromCallback2).toBe(null);
+
+    let testRenderer;
+
+    act(() => {
+      testRenderer = create(
+        <Image
+          source={{uri: 'foo-bar.jpg'}}
+          ref={instance => {
+            imageInstanceFromRef = instance;
+          }}
+        />,
+      );
+    });
+
+    expect(imageInstanceFromRef).not.toBe(null);
+    expect(imageInstanceFromCallback1).not.toBe(null);
+    expect(imageInstanceFromCallback2).not.toBe(null);
+    expect(imageInstanceFromCallback1).toBe(imageInstanceFromRef);
+    expect(imageInstanceFromCallback2).toBe(imageInstanceFromRef);
+
+    act(() => {
+      testRenderer.update(<></>);
+    });
+
+    expect(imageInstanceFromRef).toBe(null);
+    expect(imageInstanceFromCallback1).toBe(null);
+    expect(imageInstanceFromCallback2).toBe(null);
+  });
+
+  it('should call image attached callbacks (multiple images)', () => {
+    jest.dontMock('../Image');
+
+    let imageInstancesFromCallback = new Set<ElementRef<typeof Image>>();
+
+    ImageInjection.unstable_registerImageAttachedCallback(instance => {
+      imageInstancesFromCallback.add(instance);
+
+      return () => {
+        imageInstancesFromCallback.delete(instance);
+      };
+    });
+
+    expect(imageInstancesFromCallback.size).toBe(0);
+
+    let testRenderer;
+
+    let firstInstance;
+    let secondInstance;
+
+    const firstImageElement = (
+      <Image
+        key="first-image"
+        source={{uri: 'foo-bar.jpg'}}
+        ref={instance => {
+          firstInstance = instance;
+        }}
+      />
+    );
+
+    const secondImageElement = (
+      <Image
+        key="second-image"
+        source={{uri: 'foo-bar-baz.jpg'}}
+        ref={instance => {
+          secondInstance = instance;
+        }}
+      />
+    );
+
+    act(() => {
+      testRenderer = create(
+        <>
+          {firstImageElement}
+          {secondImageElement}
+        </>,
+      );
+    });
+
+    expect(firstInstance).not.toBe(null);
+    expect(secondInstance).not.toBe(null);
+    expect(imageInstancesFromCallback.size).toBe(2);
+    expect([...imageInstancesFromCallback][0]).toBe(firstInstance);
+    expect([...imageInstancesFromCallback][1]).toBe(secondInstance);
+
+    act(() => {
+      testRenderer.update(<>{secondImageElement}</>);
+    });
+
+    expect(firstInstance).toBe(null);
+    expect(secondInstance).not.toBe(null);
+    expect(imageInstancesFromCallback.size).toBe(1);
+    expect([...imageInstancesFromCallback][0]).toBe(secondInstance);
+
+    act(() => {
+      testRenderer.update(<></>);
+    });
+
+    expect(firstInstance).toBe(null);
+    expect(secondInstance).toBe(null);
+    expect(imageInstancesFromCallback.size).toBe(0);
+  });
 });
diff --git a/packages/react-native/Libraries/Image/__tests__/resolveAssetSource-test.js b/packages/react-native/Libraries/Image/__tests__/resolveAssetSource-test.js
index d05f0b7aba3c97..3058f7154048ce 100644
--- a/packages/react-native/Libraries/Image/__tests__/resolveAssetSource-test.js
+++ b/packages/react-native/Libraries/Image/__tests__/resolveAssetSource-test.js
@@ -293,7 +293,7 @@ describe('resolveAssetSource', () => {
       Platform.OS = 'android';
     });
 
-    it('uses bundled source, event when js is sideloaded', () => {
+    it('uses bundled source, even when js is sideloaded', () => {
       resolveAssetSource.setCustomSourceTransformer(resolver =>
         resolver.resourceIdentifierWithoutScale(),
       );
@@ -319,6 +319,64 @@ describe('resolveAssetSource', () => {
       );
     });
 
+    it('can chain multiple custom source transformers', () => {
+      resolveAssetSource.addCustomSourceTransformer(resolver => {
+        if (resolver.asset.type === 'gif') {
+          return resolver.fromSource(`my_gif_file`);
+        }
+        return null;
+      });
+
+      resolveAssetSource.addCustomSourceTransformer(resolver => {
+        if (resolver.asset.type === 'png') {
+          return resolver.fromSource(`my_png_file`);
+        }
+        return null;
+      });
+
+      const pngAsset = {
+        __packager_asset: true,
+        fileSystemLocation: '/root/app/module/a',
+        httpServerLocation: '/assets/AwesomeModule/Subdir',
+        width: 100,
+        height: 200,
+        scales: [1],
+        hash: '5b6f00f',
+        name: '!@Logo#1_\u20ac',
+        type: 'png',
+      };
+
+      expectResolvesAsset(pngAsset, {
+        __packager_asset: true,
+        width: 100,
+        height: 200,
+        uri: 'my_png_file',
+        scale: 1,
+      });
+
+      expectResolvesAsset(
+        {...pngAsset, type: 'gif'},
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri: 'my_gif_file',
+          scale: 1,
+        },
+      );
+
+      expectResolvesAsset(
+        {...pngAsset, type: 'jpg'},
+        {
+          __packager_asset: true,
+          width: 100,
+          height: 200,
+          uri: 'file:///sdcard/Path/To/Simulator/drawable-mdpi/awesomemodule_subdir_logo1_.jpg',
+          scale: 1,
+        },
+      );
+    });
+
     it('allows any customization', () => {
       resolveAssetSource.setCustomSourceTransformer(resolver =>
         resolver.fromSource('TEST'),
diff --git a/packages/react-native/Libraries/Image/resolveAssetSource.js b/packages/react-native/Libraries/Image/resolveAssetSource.js
index df18b1432c130f..d65ab945d5822f 100644
--- a/packages/react-native/Libraries/Image/resolveAssetSource.js
+++ b/packages/react-native/Libraries/Image/resolveAssetSource.js
@@ -8,31 +8,32 @@
  * @flow strict-local
  */
 
-// Resolves an asset into a `source` for `Image`.
-
-'use strict';
+// Utilities for resolving an asset into a `source` for e.g. `Image`
 
 import type {ResolvedAssetSource} from './AssetSourceResolver';
 import type {ImageSource} from './ImageSource';
 
+import SourceCode from '../NativeModules/specs/NativeSourceCode';
+
 const AssetSourceResolver = require('./AssetSourceResolver');
 const {pickScale} = require('./AssetUtils');
 const AssetRegistry = require('@react-native/assets-registry/registry');
 
-let _customSourceTransformer, _serverURL, _scriptURL;
+type CustomSourceTransformer = (
+  resolver: AssetSourceResolver,
+) => ?ResolvedAssetSource;
 
+let _customSourceTransformers: Array<CustomSourceTransformer> = [];
+let _serverURL: ?string;
+let _scriptURL: ?string;
 let _sourceCodeScriptURL: ?string;
+
 function getSourceCodeScriptURL(): ?string {
   if (_sourceCodeScriptURL != null) {
     return _sourceCodeScriptURL;
   }
 
-  let sourceCode =
-    global.nativeExtensions && global.nativeExtensions.SourceCode;
-  if (!sourceCode) {
-    sourceCode = require('../NativeModules/specs/NativeSourceCode').default;
-  }
-  _sourceCodeScriptURL = sourceCode.getConstants().scriptURL;
+  _sourceCodeScriptURL = SourceCode.getConstants().scriptURL;
   return _sourceCodeScriptURL;
 }
 
@@ -80,10 +81,25 @@ function getScriptURL(): ?string {
   return _scriptURL;
 }
 
+/**
+ * `transformer` can optionally be used to apply a custom transformation when
+ * resolving an asset source. This methods overrides all other custom transformers
+ * that may have been previously registered.
+ */
 function setCustomSourceTransformer(
-  transformer: (resolver: AssetSourceResolver) => ResolvedAssetSource,
+  transformer: CustomSourceTransformer,
+): void {
+  _customSourceTransformers = [transformer];
+}
+
+/**
+ * Adds a `transformer` into the chain of custom source transformers, which will
+ * be applied in the order registered, until one returns a non-null value.
+ */
+function addCustomSourceTransformer(
+  transformer: CustomSourceTransformer,
 ): void {
-  _customSourceTransformer = transformer;
+  _customSourceTransformers.push(transformer);
 }
 
 /**
@@ -107,12 +123,21 @@ function resolveAssetSource(source: ?ImageSource): ?ResolvedAssetSource {
     getScriptURL(),
     asset,
   );
-  if (_customSourceTransformer) {
-    return _customSourceTransformer(resolver);
+
+  // Apply (chained) custom source transformers, if any
+  if (_customSourceTransformers) {
+    for (const customSourceTransformer of _customSourceTransformers) {
+      const transformedSource = customSourceTransformer(resolver);
+      if (transformedSource != null) {
+        return transformedSource;
+      }
+    }
   }
+
   return resolver.defaultAsset();
 }
 
 resolveAssetSource.pickScale = pickScale;
 resolveAssetSource.setCustomSourceTransformer = setCustomSourceTransformer;
+resolveAssetSource.addCustomSourceTransformer = addCustomSourceTransformer;
 module.exports = resolveAssetSource;
diff --git a/packages/react-native/Libraries/Inspector/DevtoolsOverlay.js b/packages/react-native/Libraries/Inspector/DevtoolsOverlay.js
deleted file mode 100644
index f1861f2e0b8cf4..00000000000000
--- a/packages/react-native/Libraries/Inspector/DevtoolsOverlay.js
+++ /dev/null
@@ -1,223 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- */
-
-import type {PointerEvent} from '../Types/CoreEventTypes';
-import type {PressEvent} from '../Types/CoreEventTypes';
-import type {HostRef} from './getInspectorDataForViewAtPoint';
-
-import View from '../Components/View/View';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
-import StyleSheet from '../StyleSheet/StyleSheet';
-import Dimensions from '../Utilities/Dimensions';
-import ElementBox from './ElementBox';
-import * as React from 'react';
-
-const {findNodeHandle} = require('../ReactNative/RendererProxy');
-const getInspectorDataForViewAtPoint = require('./getInspectorDataForViewAtPoint');
-
-const {useEffect, useState, useCallback, useRef} = React;
-
-const hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-
-export default function DevtoolsOverlay({
-  inspectedView,
-}: {
-  inspectedView: ?HostRef,
-}): React.Node {
-  const [inspected, setInspected] = useState<null | {
-    frame: {+height: any, +left: any, +top: any, +width: any},
-  }>(null);
-  const [isInspecting, setIsInspecting] = useState(false);
-  const devToolsAgentRef = useRef(null);
-
-  useEffect(() => {
-    let devToolsAgent = null;
-    let hideTimeoutId = null;
-
-    function onAgentHideNativeHighlight() {
-      // we wait to actually hide in order to avoid flicker
-      clearTimeout(hideTimeoutId);
-      hideTimeoutId = setTimeout(() => {
-        setInspected(null);
-      }, 100);
-    }
-
-    function onAgentShowNativeHighlight(node: any) {
-      clearTimeout(hideTimeoutId);
-
-      // `canonical.publicInstance` => Fabric
-      // `canonical` => Legacy Fabric
-      // `node` => Legacy renderer
-      const component =
-        (node.canonical && node.canonical.publicInstance) ??
-        // TODO: remove this check when syncing the new version of the renderer from React to React Native.
-        node.canonical ??
-        node;
-      if (!component || !component.measure) {
-        return;
-      }
-
-      component.measure((x, y, width, height, left, top) => {
-        setInspected({
-          frame: {left, top, width, height},
-        });
-      });
-    }
-
-    function cleanup() {
-      const currentAgent = devToolsAgent;
-      if (currentAgent != null) {
-        currentAgent.removeListener(
-          'hideNativeHighlight',
-          onAgentHideNativeHighlight,
-        );
-        currentAgent.removeListener(
-          'showNativeHighlight',
-          onAgentShowNativeHighlight,
-        );
-        currentAgent.removeListener('shutdown', cleanup);
-        currentAgent.removeListener(
-          'startInspectingNative',
-          onStartInspectingNative,
-        );
-        currentAgent.removeListener(
-          'stopInspectingNative',
-          onStopInspectingNative,
-        );
-        devToolsAgent = null;
-      }
-      devToolsAgentRef.current = null;
-    }
-
-    function onStartInspectingNative() {
-      setIsInspecting(true);
-    }
-
-    function onStopInspectingNative() {
-      setIsInspecting(false);
-    }
-
-    function _attachToDevtools(agent: Object) {
-      devToolsAgent = agent;
-      devToolsAgentRef.current = agent;
-      agent.addListener('hideNativeHighlight', onAgentHideNativeHighlight);
-      agent.addListener('showNativeHighlight', onAgentShowNativeHighlight);
-      agent.addListener('shutdown', cleanup);
-      agent.addListener('startInspectingNative', onStartInspectingNative);
-      agent.addListener('stopInspectingNative', onStopInspectingNative);
-    }
-
-    hook.on('react-devtools', _attachToDevtools);
-    if (hook.reactDevtoolsAgent) {
-      _attachToDevtools(hook.reactDevtoolsAgent);
-    }
-    return () => {
-      hook.off('react-devtools', _attachToDevtools);
-      cleanup();
-    };
-  }, []);
-
-  const findViewForLocation = useCallback(
-    (x: number, y: number) => {
-      const agent = devToolsAgentRef.current;
-      if (agent == null) {
-        return;
-      }
-      getInspectorDataForViewAtPoint(inspectedView, x, y, viewData => {
-        const {touchedViewTag, closestInstance, frame} = viewData;
-        if (closestInstance != null || touchedViewTag != null) {
-          // We call `selectNode` for both non-fabric(viewTag) and fabric(instance),
-          // this makes sure it works for both architectures.
-          agent.selectNode(findNodeHandle(touchedViewTag));
-          if (closestInstance != null) {
-            agent.selectNode(closestInstance);
-          }
-          setInspected({
-            frame,
-          });
-          return true;
-        }
-        return false;
-      });
-    },
-    [inspectedView],
-  );
-
-  const stopInspecting = useCallback(() => {
-    const agent = devToolsAgentRef.current;
-    if (agent == null) {
-      return;
-    }
-    agent.stopInspectingNative(true);
-    setIsInspecting(false);
-    setInspected(null);
-  }, []);
-
-  const onPointerMove = useCallback(
-    (e: PointerEvent) => {
-      findViewForLocation(e.nativeEvent.x, e.nativeEvent.y);
-    },
-    [findViewForLocation],
-  );
-
-  const onResponderMove = useCallback(
-    (e: PressEvent) => {
-      findViewForLocation(
-        e.nativeEvent.touches[0].locationX,
-        e.nativeEvent.touches[0].locationY,
-      );
-    },
-    [findViewForLocation],
-  );
-
-  const shouldSetResponder = useCallback(
-    (e: PressEvent): boolean => {
-      onResponderMove(e);
-      return true;
-    },
-    [onResponderMove],
-  );
-
-  let highlight = inspected ? <ElementBox frame={inspected.frame} /> : null;
-  if (isInspecting) {
-    const events =
-      // Pointer events only work on fabric
-      ReactNativeFeatureFlags.shouldEmitW3CPointerEvents()
-        ? {
-            onPointerMove,
-            onPointerDown: onPointerMove,
-            onPointerUp: stopInspecting,
-          }
-        : {
-            onStartShouldSetResponder: shouldSetResponder,
-            onResponderMove: onResponderMove,
-            onResponderRelease: stopInspecting,
-          };
-    return (
-      <View
-        nativeID="devToolsInspectorOverlay"
-        style={[styles.inspector, {height: Dimensions.get('window').height}]}
-        {...events}>
-        {highlight}
-      </View>
-    );
-  }
-  return highlight;
-}
-
-const styles = StyleSheet.create({
-  inspector: {
-    backgroundColor: 'transparent',
-    position: 'absolute',
-    left: 0,
-    top: 0,
-    right: 0,
-  },
-});
diff --git a/packages/react-native/Libraries/Inspector/ElementProperties.js b/packages/react-native/Libraries/Inspector/ElementProperties.js
index b9c7c159744091..6a6e8c323b70c6 100644
--- a/packages/react-native/Libraries/Inspector/ElementProperties.js
+++ b/packages/react-native/Libraries/Inspector/ElementProperties.js
@@ -10,12 +10,12 @@
 
 'use strict';
 
+import type {InspectorData} from '../Renderer/shims/ReactNativeTypes';
 import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
 
 const TouchableHighlight = require('../Components/Touchable/TouchableHighlight');
 const TouchableWithoutFeedback = require('../Components/Touchable/TouchableWithoutFeedback');
 const View = require('../Components/View/View');
-const openFileInEditor = require('../Core/Devtools/openFileInEditor');
 const flattenStyle = require('../StyleSheet/flattenStyle');
 const StyleSheet = require('../StyleSheet/StyleSheet');
 const Text = require('../Text/Text');
@@ -25,13 +25,8 @@ const StyleInspector = require('./StyleInspector');
 const React = require('react');
 
 type Props = $ReadOnly<{|
-  hierarchy: Array<{|name: string|}>,
+  hierarchy: ?InspectorData['hierarchy'],
   style?: ?ViewStyleProp,
-  source?: ?{
-    fileName?: string,
-    lineNumber?: number,
-    ...
-  },
   frame?: ?Object,
   selection?: ?number,
   setSelection?: number => mixed,
@@ -41,50 +36,40 @@ class ElementProperties extends React.Component<Props> {
   render(): React.Node {
     const style = flattenStyle(this.props.style);
     const selection = this.props.selection;
-    let openFileButton;
-    const source = this.props.source;
-    const {fileName, lineNumber} = source || {};
-    if (fileName && lineNumber) {
-      const parts = fileName.split('/');
-      const fileNameShort = parts[parts.length - 1];
-      openFileButton = (
-        <TouchableHighlight
-          style={styles.openButton}
-          onPress={openFileInEditor.bind(null, fileName, lineNumber)}>
-          <Text style={styles.openButtonTitle} numberOfLines={1}>
-            {fileNameShort}:{lineNumber}
-          </Text>
-        </TouchableHighlight>
-      );
-    }
+
     // Without the `TouchableWithoutFeedback`, taps on this inspector pane
     // would change the inspected element to whatever is under the inspector
     return (
       <TouchableWithoutFeedback>
         <View style={styles.info}>
           <View style={styles.breadcrumb}>
-            {mapWithSeparator(
-              this.props.hierarchy,
-              (hierarchyItem, i): React.MixedElement => (
-                <TouchableHighlight
-                  key={'item-' + i}
-                  style={[styles.breadItem, i === selection && styles.selected]}
-                  // $FlowFixMe[not-a-function] found when converting React.createClass to ES6
-                  onPress={() => this.props.setSelection(i)}>
-                  <Text style={styles.breadItemText}>{hierarchyItem.name}</Text>
-                </TouchableHighlight>
-              ),
-              (i): React.MixedElement => (
-                <Text key={'sep-' + i} style={styles.breadSep}>
-                  &#9656;
-                </Text>
-              ),
-            )}
+            {this.props.hierarchy != null &&
+              mapWithSeparator(
+                this.props.hierarchy,
+                (hierarchyItem, i): React.MixedElement => (
+                  <TouchableHighlight
+                    key={'item-' + i}
+                    style={[
+                      styles.breadItem,
+                      i === selection && styles.selected,
+                    ]}
+                    // $FlowFixMe[not-a-function] found when converting React.createClass to ES6
+                    onPress={() => this.props.setSelection(i)}>
+                    <Text style={styles.breadItemText}>
+                      {hierarchyItem.name}
+                    </Text>
+                  </TouchableHighlight>
+                ),
+                (i): React.MixedElement => (
+                  <Text key={'sep-' + i} style={styles.breadSep}>
+                    &#9656;
+                  </Text>
+                ),
+              )}
           </View>
           <View style={styles.row}>
             <View style={styles.col}>
               <StyleInspector style={style} />
-              {openFileButton}
             </View>
             {<BoxInspector style={style} frame={this.props.frame} />}
           </View>
@@ -130,17 +115,6 @@ const styles = StyleSheet.create({
   info: {
     padding: 10,
   },
-  openButton: {
-    padding: 10,
-    backgroundColor: '#000',
-    marginVertical: 5,
-    marginRight: 5,
-    borderRadius: 2,
-  },
-  openButtonTitle: {
-    color: 'white',
-    fontSize: 8,
-  },
 });
 
 module.exports = ElementProperties;
diff --git a/packages/react-native/Libraries/Inspector/Inspector.js b/packages/react-native/Libraries/Inspector/Inspector.js
index bc76e794870dbb..193f8fd0e9a73c 100644
--- a/packages/react-native/Libraries/Inspector/Inspector.js
+++ b/packages/react-native/Libraries/Inspector/Inspector.js
@@ -10,10 +10,14 @@
 
 'use strict';
 
-import type {TouchedViewDataAtPoint} from '../Renderer/shims/ReactNativeTypes';
-import type {HostRef} from './getInspectorDataForViewAtPoint';
+import type {InspectedViewRef} from '../ReactNative/AppContainer-dev';
+import type {
+  InspectorData,
+  TouchedViewDataAtPoint,
+} from '../Renderer/shims/ReactNativeTypes';
+import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {ReactDevToolsAgent} from '../Types/ReactDevToolsTypes';
 
-const ReactNativeStyleAttributes = require('../Components/View/ReactNativeStyleAttributes');
 const View = require('../Components/View/View');
 const PressabilityDebug = require('../Pressability/PressabilityDebug');
 const {findNodeHandle} = require('../ReactNative/RendererProxy');
@@ -25,114 +29,68 @@ const InspectorOverlay = require('./InspectorOverlay');
 const InspectorPanel = require('./InspectorPanel');
 const React = require('react');
 
-const hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-
-// Required for React DevTools to view/edit React Native styles in Flipper.
-// Flipper doesn't inject these values when initializing DevTools.
-hook.resolveRNStyle = require('../StyleSheet/flattenStyle');
-hook.nativeStyleEditorValidAttributes = Object.keys(ReactNativeStyleAttributes);
-
-class Inspector extends React.Component<
-  {
-    inspectedView: ?HostRef,
-    onRequestRerenderApp: (callback: (instance: ?HostRef) => void) => void,
-    ...
-  },
-  {
-    devtoolsAgent: ?Object,
-    hierarchy: any,
-    panelPos: string,
-    inspecting: boolean,
-    selection: ?number,
-    perfing: boolean,
-    inspected: any,
-    inspectedView: ?HostRef,
-    networking: boolean,
-    ...
-  },
-> {
-  _hideTimeoutID: TimeoutID | null = null;
-  _subs: ?Array<() => void>;
-  _setTouchedViewData: ?(TouchedViewDataAtPoint) => void;
-
-  constructor(props: Object) {
-    super(props);
-
-    this.state = {
-      devtoolsAgent: null,
-      hierarchy: null,
-      panelPos: 'bottom',
-      inspecting: true,
-      perfing: false,
-      inspected: null,
-      selection: null,
-      inspectedView: this.props.inspectedView,
-      networking: false,
-    };
-  }
-
-  componentDidMount() {
-    hook.on('react-devtools', this._attachToDevtools);
-    // if devtools is already started
-    if (hook.reactDevtoolsAgent) {
-      this._attachToDevtools(hook.reactDevtoolsAgent);
-    }
-  }
-
-  componentWillUnmount() {
-    if (this._subs) {
-      this._subs.map(fn => fn());
+const {useState} = React;
+
+type PanelPosition = 'top' | 'bottom';
+type SelectedTab =
+  | 'elements-inspector'
+  | 'network-profiling'
+  | 'performance-profiling';
+
+export type InspectedElementFrame = TouchedViewDataAtPoint['frame'];
+export type InspectedElement = $ReadOnly<{
+  frame: InspectedElementFrame,
+  style?: ViewStyleProp,
+}>;
+export type ElementsHierarchy = InspectorData['hierarchy'];
+
+type Props = {
+  inspectedViewRef: InspectedViewRef,
+  onRequestRerenderApp: () => void,
+  reactDevToolsAgent?: ReactDevToolsAgent,
+};
+
+function Inspector({
+  inspectedViewRef,
+  onRequestRerenderApp,
+  reactDevToolsAgent,
+}: Props): React.Node {
+  const [selectedTab, setSelectedTab] =
+    useState<?SelectedTab>('elements-inspector');
+
+  const [panelPosition, setPanelPosition] = useState<PanelPosition>('bottom');
+  const [inspectedElement, setInspectedElement] =
+    useState<?InspectedElement>(null);
+  const [selectionIndex, setSelectionIndex] = useState<?number>(null);
+  const [elementsHierarchy, setElementsHierarchy] =
+    useState<?ElementsHierarchy>(null);
+
+  const setSelection = (i: number) => {
+    const hierarchyItem = elementsHierarchy?.[i];
+    if (hierarchyItem == null) {
+      return;
     }
-    hook.off('react-devtools', this._attachToDevtools);
-    this._setTouchedViewData = null;
-  }
-
-  UNSAFE_componentWillReceiveProps(newProps: Object) {
-    this.setState({inspectedView: newProps.inspectedView});
-  }
-
-  _attachToDevtools = (agent: Object) => {
-    agent.addListener('shutdown', this._onAgentShutdown);
-
-    this.setState({
-      devtoolsAgent: agent,
-    });
-  };
-
-  _onAgentShutdown = () => {
-    const agent = this.state.devtoolsAgent;
-    if (agent != null) {
-      agent.removeListener('shutdown', this._onAgentShutdown);
-
-      this.setState({devtoolsAgent: null});
-    }
-  };
 
-  setSelection(i: number) {
-    const hierarchyItem = this.state.hierarchy[i];
-    // we pass in findNodeHandle as the method is injected
-    const {measure, props, source} =
-      hierarchyItem.getInspectorData(findNodeHandle);
+    // We pass in findNodeHandle as the method is injected
+    const {measure, props} = hierarchyItem.getInspectorData(findNodeHandle);
 
     measure((x, y, width, height, left, top) => {
-      this.setState({
-        inspected: {
-          frame: {left, top, width, height},
-          style: props.style,
-          source,
-        },
-        selection: i,
+      // $FlowFixMe[incompatible-call] `props` from InspectorData are defined as <string, string> dictionary, which is incompatible with ViewStyleProp
+      setInspectedElement({
+        frame: {left, top, width, height},
+        style: props.style,
       });
+
+      setSelectionIndex(i);
     });
-  }
+  };
 
-  onTouchPoint(locationX: number, locationY: number) {
-    this._setTouchedViewData = viewData => {
+  const onTouchPoint = (locationX: number, locationY: number) => {
+    const setTouchedViewData = (viewData: TouchedViewDataAtPoint) => {
       const {
         hierarchy,
         props,
         selectedIndex,
-        source,
         frame,
         pointerY,
         touchedViewTag,
@@ -142,111 +100,89 @@ class Inspector extends React.Component<
       // Sync the touched view with React DevTools.
       // Note: This is Paper only. To support Fabric,
       // DevTools needs to be updated to not rely on view tags.
-      const agent = this.state.devtoolsAgent;
-      if (agent) {
-        agent.selectNode(findNodeHandle(touchedViewTag));
+      if (reactDevToolsAgent) {
+        reactDevToolsAgent.selectNode(findNodeHandle(touchedViewTag));
         if (closestInstance != null) {
-          agent.selectNode(closestInstance);
+          reactDevToolsAgent.selectNode(closestInstance);
         }
       }
 
-      this.setState({
-        panelPos:
-          pointerY > Dimensions.get('window').height / 2 ? 'top' : 'bottom',
-        selection: selectedIndex,
-        hierarchy,
-        inspected: {
-          style: props.style,
-          frame,
-          source,
-        },
+      setPanelPosition(
+        pointerY > Dimensions.get('window').height / 2 ? 'top' : 'bottom',
+      );
+      setSelectionIndex(selectedIndex);
+      setElementsHierarchy(hierarchy);
+      // $FlowFixMe[incompatible-call] `props` from InspectorData are defined as <string, string> dictionary, which is incompatible with ViewStyleProp
+      setInspectedElement({
+        frame,
+        style: props.style,
       });
     };
+
     getInspectorDataForViewAtPoint(
-      this.state.inspectedView,
+      inspectedViewRef.current,
       locationX,
       locationY,
       viewData => {
-        if (this._setTouchedViewData != null) {
-          this._setTouchedViewData(viewData);
-          this._setTouchedViewData = null;
-        }
+        setTouchedViewData(viewData);
         return false;
       },
     );
-  }
+  };
 
-  setPerfing(val: boolean) {
-    this.setState({
-      perfing: val,
-      inspecting: false,
-      inspected: null,
-      networking: false,
-    });
-  }
+  const setInspecting = (enabled: boolean) => {
+    setSelectedTab(enabled ? 'elements-inspector' : null);
+    setInspectedElement(null);
+  };
 
-  setInspecting(val: boolean) {
-    this.setState({
-      inspecting: val,
-      inspected: null,
-    });
-  }
+  const setPerfing = (enabled: boolean) => {
+    setSelectedTab(enabled ? 'performance-profiling' : null);
+    setInspectedElement(null);
+  };
 
-  setTouchTargeting(val: boolean) {
-    PressabilityDebug.setEnabled(val);
-    this.props.onRequestRerenderApp(inspectedView => {
-      this.setState({inspectedView});
-    });
-  }
+  const setNetworking = (enabled: boolean) => {
+    setSelectedTab(enabled ? 'network-profiling' : null);
+    setInspectedElement(null);
+  };
 
-  setNetworking(val: boolean) {
-    this.setState({
-      networking: val,
-      perfing: false,
-      inspecting: false,
-      inspected: null,
-    });
-  }
+  const setTouchTargeting = (val: boolean) => {
+    PressabilityDebug.setEnabled(val);
+    onRequestRerenderApp();
+  };
 
-  render(): React.Node {
-    const panelContainerStyle =
-      this.state.panelPos === 'bottom'
-        ? {bottom: 0}
-        : {top: Platform.OS === 'ios' ? 20 : 0};
-    return (
-      <View style={styles.container} pointerEvents="box-none">
-        {this.state.inspecting && (
-          <InspectorOverlay
-            inspected={this.state.inspected}
-            // $FlowFixMe[method-unbinding] added when improving typing for this parameters
-            onTouchPoint={this.onTouchPoint.bind(this)}
-          />
-        )}
-        <View style={[styles.panelContainer, panelContainerStyle]}>
-          <InspectorPanel
-            devtoolsIsOpen={!!this.state.devtoolsAgent}
-            inspecting={this.state.inspecting}
-            perfing={this.state.perfing}
-            // $FlowFixMe[method-unbinding] added when improving typing for this parameters
-            setPerfing={this.setPerfing.bind(this)}
-            // $FlowFixMe[method-unbinding] added when improving typing for this parameters
-            setInspecting={this.setInspecting.bind(this)}
-            inspected={this.state.inspected}
-            hierarchy={this.state.hierarchy}
-            selection={this.state.selection}
-            // $FlowFixMe[method-unbinding] added when improving typing for this parameters
-            setSelection={this.setSelection.bind(this)}
-            touchTargeting={PressabilityDebug.isEnabled()}
-            // $FlowFixMe[method-unbinding] added when improving typing for this parameters
-            setTouchTargeting={this.setTouchTargeting.bind(this)}
-            networking={this.state.networking}
-            // $FlowFixMe[method-unbinding] added when improving typing for this parameters
-            setNetworking={this.setNetworking.bind(this)}
-          />
-        </View>
+  const panelContainerStyle =
+    panelPosition === 'bottom'
+      ? {bottom: 0}
+      : Platform.select({ios: {top: 0}, default: {top: 0}});
+
+  return (
+    <View style={styles.container} pointerEvents="box-none">
+      {selectedTab === 'elements-inspector' && (
+        <InspectorOverlay
+          inspected={inspectedElement}
+          onTouchPoint={onTouchPoint}
+        />
+      )}
+
+      <View style={[styles.panelContainer, panelContainerStyle]}>
+        <InspectorPanel
+          devtoolsIsOpen={!!reactDevToolsAgent}
+          inspecting={selectedTab === 'elements-inspector'}
+          perfing={selectedTab === 'performance-profiling'}
+          setPerfing={setPerfing}
+          setInspecting={setInspecting}
+          inspected={inspectedElement}
+          hierarchy={elementsHierarchy}
+          selection={selectionIndex}
+          setSelection={setSelection}
+          touchTargeting={PressabilityDebug.isEnabled()}
+          setTouchTargeting={setTouchTargeting}
+          networking={selectedTab === 'network-profiling'}
+          setNetworking={setNetworking}
+        />
       </View>
-    );
-  }
+    </View>
+  );
 }
 
 const styles = StyleSheet.create({
diff --git a/packages/react-native/Libraries/Inspector/InspectorOverlay.js b/packages/react-native/Libraries/Inspector/InspectorOverlay.js
index c8973baea394bf..33b7ce67d63515 100644
--- a/packages/react-native/Libraries/Inspector/InspectorOverlay.js
+++ b/packages/react-native/Libraries/Inspector/InspectorOverlay.js
@@ -10,58 +10,45 @@
 
 'use strict';
 
-import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
 import type {PressEvent} from '../Types/CoreEventTypes';
+import type {InspectedElement} from './Inspector';
 
 const View = require('../Components/View/View');
 const StyleSheet = require('../StyleSheet/StyleSheet');
-const Dimensions = require('../Utilities/Dimensions').default;
 const ElementBox = require('./ElementBox');
 const React = require('react');
 
-type Inspected = $ReadOnly<{|
-  frame?: Object,
-  style?: ViewStyleProp,
-|}>;
-
 type Props = $ReadOnly<{|
-  inspected?: Inspected,
+  inspected?: ?InspectedElement,
   onTouchPoint: (locationX: number, locationY: number) => void,
 |}>;
 
-class InspectorOverlay extends React.Component<Props> {
-  findViewForTouchEvent: (e: PressEvent) => void = (e: PressEvent) => {
+function InspectorOverlay({inspected, onTouchPoint}: Props): React.Node {
+  const findViewForTouchEvent = (e: PressEvent) => {
     const {locationX, locationY} = e.nativeEvent.touches[0];
 
-    this.props.onTouchPoint(locationX, locationY);
+    onTouchPoint(locationX, locationY);
   };
 
-  shouldSetResponder: (e: PressEvent) => boolean = (e: PressEvent): boolean => {
-    this.findViewForTouchEvent(e);
+  const handleStartShouldSetResponder = (e: PressEvent): boolean => {
+    findViewForTouchEvent(e);
     return true;
   };
 
-  render(): React.Node {
-    let content = null;
-    if (this.props.inspected) {
-      content = (
-        <ElementBox
-          frame={this.props.inspected.frame}
-          style={this.props.inspected.style}
-        />
-      );
-    }
-
-    return (
-      <View
-        onStartShouldSetResponder={this.shouldSetResponder}
-        onResponderMove={this.findViewForTouchEvent}
-        nativeID="inspectorOverlay" /* TODO: T68258846. */
-        style={[styles.inspector, {height: Dimensions.get('window').height}]}>
-        {content}
-      </View>
-    );
+  let content = null;
+  if (inspected) {
+    content = <ElementBox frame={inspected.frame} style={inspected.style} />;
   }
+
+  return (
+    <View
+      onStartShouldSetResponder={handleStartShouldSetResponder}
+      onResponderMove={findViewForTouchEvent}
+      nativeID="inspectorOverlay" /* TODO: T68258846. */
+      style={styles.inspector}>
+      {content}
+    </View>
+  );
 }
 
 const styles = StyleSheet.create({
@@ -71,6 +58,7 @@ const styles = StyleSheet.create({
     left: 0,
     top: 0,
     right: 0,
+    bottom: 0,
   },
 });
 
diff --git a/packages/react-native/Libraries/Inspector/InspectorPanel.js b/packages/react-native/Libraries/Inspector/InspectorPanel.js
index 6f40146db8a3cd..9b0fe2392c32ab 100644
--- a/packages/react-native/Libraries/Inspector/InspectorPanel.js
+++ b/packages/react-native/Libraries/Inspector/InspectorPanel.js
@@ -10,7 +10,7 @@
 
 'use strict';
 
-import type {ViewStyleProp} from '../StyleSheet/StyleSheet';
+import type {ElementsHierarchy, InspectedElement} from './Inspector';
 
 import SafeAreaView from '../Components/SafeAreaView/SafeAreaView';
 
@@ -34,22 +34,10 @@ type Props = $ReadOnly<{|
   setTouchTargeting: (val: boolean) => void,
   networking: boolean,
   setNetworking: (val: boolean) => void,
-  hierarchy?: ?Array<{|name: string|}>,
+  hierarchy?: ?ElementsHierarchy,
   selection?: ?number,
   setSelection: number => mixed,
-  inspected?: ?$ReadOnly<{|
-    style?: ?ViewStyleProp,
-    frame?: ?$ReadOnly<{|
-      top?: ?number,
-      left?: ?number,
-      width?: ?number,
-      height: ?number,
-    |}>,
-    source?: ?{|
-      fileName?: string,
-      lineNumber?: number,
-    |},
-  |}>,
+  inspected?: ?InspectedElement,
 |}>;
 
 class InspectorPanel extends React.Component<Props> {
@@ -70,8 +58,6 @@ class InspectorPanel extends React.Component<Props> {
           <ElementProperties
             style={this.props.inspected.style}
             frame={this.props.inspected.frame}
-            source={this.props.inspected.source}
-            // $FlowFixMe[incompatible-type] : Hierarchy should be non-nullable
             hierarchy={this.props.hierarchy}
             selection={this.props.selection}
             setSelection={this.props.setSelection}
diff --git a/packages/react-native/Libraries/Inspector/ReactDevToolsOverlay.js b/packages/react-native/Libraries/Inspector/ReactDevToolsOverlay.js
new file mode 100644
index 00000000000000..866c3d7d4e99f6
--- /dev/null
+++ b/packages/react-native/Libraries/Inspector/ReactDevToolsOverlay.js
@@ -0,0 +1,171 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+import type {InspectedViewRef} from '../ReactNative/AppContainer-dev';
+import type {PointerEvent} from '../Types/CoreEventTypes';
+import type {PressEvent} from '../Types/CoreEventTypes';
+import type {ReactDevToolsAgent} from '../Types/ReactDevToolsTypes';
+import type {InspectedElement} from './Inspector';
+
+import View from '../Components/View/View';
+import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
+import StyleSheet from '../StyleSheet/StyleSheet';
+import ElementBox from './ElementBox';
+import * as React from 'react';
+
+const {findNodeHandle} = require('../ReactNative/RendererProxy');
+const getInspectorDataForViewAtPoint = require('./getInspectorDataForViewAtPoint');
+
+const {useEffect, useState, useCallback} = React;
+
+type Props = {
+  inspectedViewRef: InspectedViewRef,
+  reactDevToolsAgent: ReactDevToolsAgent,
+};
+
+export default function ReactDevToolsOverlay({
+  inspectedViewRef,
+  reactDevToolsAgent,
+}: Props): React.Node {
+  const [inspected, setInspected] = useState<?InspectedElement>(null);
+  const [isInspecting, setIsInspecting] = useState(false);
+
+  useEffect(() => {
+    function cleanup() {
+      reactDevToolsAgent.removeListener('shutdown', cleanup);
+      reactDevToolsAgent.removeListener(
+        'startInspectingNative',
+        onStartInspectingNative,
+      );
+      reactDevToolsAgent.removeListener(
+        'stopInspectingNative',
+        onStopInspectingNative,
+      );
+    }
+
+    function onStartInspectingNative() {
+      setIsInspecting(true);
+    }
+
+    function onStopInspectingNative() {
+      setIsInspecting(false);
+    }
+
+    reactDevToolsAgent.addListener('shutdown', cleanup);
+    reactDevToolsAgent.addListener(
+      'startInspectingNative',
+      onStartInspectingNative,
+    );
+    reactDevToolsAgent.addListener(
+      'stopInspectingNative',
+      onStopInspectingNative,
+    );
+
+    return cleanup;
+  }, [reactDevToolsAgent]);
+
+  const findViewForLocation = useCallback(
+    (x: number, y: number) => {
+      getInspectorDataForViewAtPoint(
+        inspectedViewRef.current,
+        x,
+        y,
+        viewData => {
+          const {touchedViewTag, closestInstance, frame} = viewData;
+          if (closestInstance != null || touchedViewTag != null) {
+            // We call `selectNode` for both non-fabric(viewTag) and fabric(instance),
+            // this makes sure it works for both architectures.
+            reactDevToolsAgent.selectNode(findNodeHandle(touchedViewTag));
+            if (closestInstance != null) {
+              reactDevToolsAgent.selectNode(closestInstance);
+            }
+            setInspected({
+              frame,
+            });
+            return true;
+          }
+          return false;
+        },
+      );
+    },
+    [inspectedViewRef, reactDevToolsAgent],
+  );
+
+  const stopInspecting = useCallback(() => {
+    reactDevToolsAgent.stopInspectingNative(true);
+    setIsInspecting(false);
+    setInspected(null);
+  }, [reactDevToolsAgent]);
+
+  const onPointerMove = useCallback(
+    (e: PointerEvent) => {
+      findViewForLocation(e.nativeEvent.x, e.nativeEvent.y);
+    },
+    [findViewForLocation],
+  );
+
+  const onResponderMove = useCallback(
+    (e: PressEvent) => {
+      findViewForLocation(
+        e.nativeEvent.touches[0].locationX,
+        e.nativeEvent.touches[0].locationY,
+      );
+    },
+    [findViewForLocation],
+  );
+
+  const shouldSetResponder = useCallback(
+    (e: PressEvent): boolean => {
+      onResponderMove(e);
+      return true;
+    },
+    [onResponderMove],
+  );
+
+  const highlight = inspected ? <ElementBox frame={inspected.frame} /> : null;
+
+  if (isInspecting) {
+    const events =
+      // Pointer events only work on fabric
+      ReactNativeFeatureFlags.shouldEmitW3CPointerEvents()
+        ? {
+            onPointerMove,
+            onPointerDown: onPointerMove,
+            onPointerUp: stopInspecting,
+          }
+        : {
+            onStartShouldSetResponder: shouldSetResponder,
+            onResponderMove: onResponderMove,
+            onResponderRelease: stopInspecting,
+          };
+
+    return (
+      <View
+        nativeID="devToolsInspectorOverlay"
+        style={styles.inspector}
+        {...events}>
+        {highlight}
+      </View>
+    );
+  }
+
+  return highlight;
+}
+
+const styles = StyleSheet.create({
+  inspector: {
+    backgroundColor: 'transparent',
+    position: 'absolute',
+    left: 0,
+    top: 0,
+    right: 0,
+    bottom: 0,
+  },
+});
diff --git a/packages/react-native/Libraries/Inspector/getInspectorDataForViewAtPoint.js b/packages/react-native/Libraries/Inspector/getInspectorDataForViewAtPoint.js
index af6fc4ec1b94cf..e51946944578a4 100644
--- a/packages/react-native/Libraries/Inspector/getInspectorDataForViewAtPoint.js
+++ b/packages/react-native/Libraries/Inspector/getInspectorDataForViewAtPoint.js
@@ -28,17 +28,27 @@ export type ReactRenderer = {
     ...
   },
 };
+type AttachedRendererEventPayload = {id: number, renderer: ReactRenderer};
 
-const hook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-const renderers = findRenderers();
+const reactDevToolsHook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+invariant(
+  Boolean(reactDevToolsHook),
+  'getInspectorDataForViewAtPoint should not be used if React DevTools hook is not injected',
+);
 
-function findRenderers(): $ReadOnlyArray<ReactRenderer> {
-  const allRenderers = Array.from(hook.renderers.values());
+const renderers: Array<ReactRenderer> = Array.from(
+  window.__REACT_DEVTOOLS_GLOBAL_HOOK__.renderers.values(),
+);
+
+const appendRenderer = ({renderer}: AttachedRendererEventPayload) =>
+  renderers.push(renderer);
+reactDevToolsHook.on('renderer', appendRenderer);
+
+function validateRenderers(): void {
   invariant(
-    allRenderers.length >= 1,
+    renderers.length > 0,
     'Expected to find at least one React Native renderer on DevTools hook.',
   );
-  return allRenderers;
 }
 
 module.exports = function getInspectorDataForViewAtPoint(
@@ -47,13 +57,15 @@ module.exports = function getInspectorDataForViewAtPoint(
   locationY: number,
   callback: (viewData: TouchedViewDataAtPoint) => boolean,
 ) {
+  validateRenderers();
+
   let shouldBreak = false;
   // Check all renderers for inspector data.
-  for (let i = 0; i < renderers.length; i++) {
+  for (const renderer of renderers) {
     if (shouldBreak) {
       break;
     }
-    const renderer = renderers[i];
+
     if (renderer?.rendererConfig?.getInspectorDataForViewAtPoint != null) {
       renderer.rendererConfig.getInspectorDataForViewAtPoint(
         inspectedView,
diff --git a/packages/react-native/Libraries/Interaction/FrameRateLogger.js b/packages/react-native/Libraries/Interaction/FrameRateLogger.js
index 7f6d35d72f4bf9..e9d54dbf402a90 100644
--- a/packages/react-native/Libraries/Interaction/FrameRateLogger.js
+++ b/packages/react-native/Libraries/Interaction/FrameRateLogger.js
@@ -30,28 +30,18 @@ const invariant = require('invariant');
  */
 const FrameRateLogger = {
   /**
-   * Enable `debug` to see local logs of what's going on. `reportStackTraces` will grab stack traces
-   * during UI thread stalls and upload them if the native module supports it.
+   * Enable `debug` to see local logs of what's going on.
    */
-  setGlobalOptions: function (options: {
-    debug?: boolean,
-    reportStackTraces?: boolean,
-    ...
-  }) {
+  setGlobalOptions: function (options: {debug?: boolean, ...}) {
     if (options.debug !== undefined) {
       invariant(
         NativeFrameRateLogger,
         'Trying to debug FrameRateLogger without the native module!',
       );
     }
-    if (NativeFrameRateLogger) {
-      // Needs to clone the object first to avoid modifying the argument.
-      const optionsClone = {
-        debug: !!options.debug,
-        reportStackTraces: !!options.reportStackTraces,
-      };
-      NativeFrameRateLogger.setGlobalOptions(optionsClone);
-    }
+    NativeFrameRateLogger?.setGlobalOptions({
+      debug: !!options.debug,
+    });
   },
 
   /**
@@ -59,7 +49,7 @@ const FrameRateLogger = {
    * in `AppRegistry`, but navigation is also a common place to hook in.
    */
   setContext: function (context: string) {
-    NativeFrameRateLogger && NativeFrameRateLogger.setContext(context);
+    NativeFrameRateLogger?.setContext(context);
   },
 
   /**
@@ -67,7 +57,7 @@ const FrameRateLogger = {
    * automatically.
    */
   beginScroll() {
-    NativeFrameRateLogger && NativeFrameRateLogger.beginScroll();
+    NativeFrameRateLogger?.beginScroll();
   },
 
   /**
@@ -75,7 +65,7 @@ const FrameRateLogger = {
    * automatically.
    */
   endScroll() {
-    NativeFrameRateLogger && NativeFrameRateLogger.endScroll();
+    NativeFrameRateLogger?.endScroll();
   },
 };
 
diff --git a/packages/react-native/Libraries/Interaction/NativeFrameRateLogger.js b/packages/react-native/Libraries/Interaction/NativeFrameRateLogger.js
index 69bf692d672ab3..5ac53310c58b8c 100644
--- a/packages/react-native/Libraries/Interaction/NativeFrameRateLogger.js
+++ b/packages/react-native/Libraries/Interaction/NativeFrameRateLogger.js
@@ -4,22 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +setGlobalOptions: (options: {|
-    +debug?: ?boolean,
-    +reportStackTraces?: ?boolean,
-  |}) => void;
-  +setContext: (context: string) => void;
-  +beginScroll: () => void;
-  +endScroll: () => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('FrameRateLogger'): ?Spec);
+export * from '../../src/private/specs/modules/NativeFrameRateLogger';
+import NativeFrameRateLogger from '../../src/private/specs/modules/NativeFrameRateLogger';
+export default NativeFrameRateLogger;
diff --git a/packages/react-native/Libraries/IntersectionObserver/IntersectionObserver.js b/packages/react-native/Libraries/IntersectionObserver/IntersectionObserver.js
index 23d2c158569c0b..8b796dbf5d0f41 100644
--- a/packages/react-native/Libraries/IntersectionObserver/IntersectionObserver.js
+++ b/packages/react-native/Libraries/IntersectionObserver/IntersectionObserver.js
@@ -13,7 +13,7 @@
 import type IntersectionObserverEntry from './IntersectionObserverEntry';
 import type {IntersectionObserverId} from './IntersectionObserverManager';
 
-import ReactNativeElement from '../DOM/Nodes/ReactNativeElement';
+import ReactNativeElement from '../../src/private/webapis/dom/nodes/ReactNativeElement';
 import * as IntersectionObserverManager from './IntersectionObserverManager';
 
 export type IntersectionObserverCallback = (
diff --git a/packages/react-native/Libraries/IntersectionObserver/IntersectionObserverEntry.js b/packages/react-native/Libraries/IntersectionObserver/IntersectionObserverEntry.js
index 315a53446c63e5..034396a7c9f637 100644
--- a/packages/react-native/Libraries/IntersectionObserver/IntersectionObserverEntry.js
+++ b/packages/react-native/Libraries/IntersectionObserver/IntersectionObserverEntry.js
@@ -10,12 +10,10 @@
 
 // flowlint unsafe-getters-setters:off
 
-import type ReactNativeElement from '../DOM/Nodes/ReactNativeElement';
-import type {InternalInstanceHandle} from '../Renderer/shims/ReactNativeTypes';
+import type ReactNativeElement from '../../src/private/webapis/dom/nodes/ReactNativeElement';
 import type {NativeIntersectionObserverEntry} from './NativeIntersectionObserver';
 
-import DOMRectReadOnly from '../DOM/Geometry/DOMRectReadOnly';
-import {getPublicInstanceFromInternalInstanceHandle} from '../DOM/Nodes/ReadOnlyNode';
+import DOMRectReadOnly from '../../src/private/webapis/dom/geometry/DOMRectReadOnly';
 
 /**
  * The [`IntersectionObserverEntry`](https://developer.mozilla.org/en-US/docs/Web/API/IntersectionObserverEntry)
@@ -29,9 +27,17 @@ export default class IntersectionObserverEntry {
   // We lazily compute all the properties from the raw entry provided by the
   // native module, so we avoid unnecessary work.
   _nativeEntry: NativeIntersectionObserverEntry;
-
-  constructor(nativeEntry: NativeIntersectionObserverEntry) {
+  // There are cases where this cannot be safely derived from the instance
+  // handle in the native entry (when the target is detached), so we need to
+  // keep a reference to it directly.
+  _target: ReactNativeElement;
+
+  constructor(
+    nativeEntry: NativeIntersectionObserverEntry,
+    target: ReactNativeElement,
+  ) {
     this._nativeEntry = nativeEntry;
+    this._target = target;
   }
 
   /**
@@ -60,10 +66,12 @@ export default class IntersectionObserverEntry {
       return 0;
     }
 
-    return (
+    const ratio =
       (intersectionRect.width * intersectionRect.height) /
-      (boundingClientRect.width * boundingClientRect.height)
-    );
+      (boundingClientRect.width * boundingClientRect.height);
+
+    // Prevent rounding errors from making this value greater than 1.
+    return Math.min(ratio, 1);
   }
 
   /**
@@ -113,15 +121,7 @@ export default class IntersectionObserverEntry {
    * The `ReactNativeElement` whose intersection with the root changed.
    */
   get target(): ReactNativeElement {
-    const targetInstanceHandle: InternalInstanceHandle =
-      // $FlowExpectedError[incompatible-type] native modules don't support using InternalInstanceHandle as a type
-      this._nativeEntry.targetInstanceHandle;
-
-    const targetElement =
-      getPublicInstanceFromInternalInstanceHandle(targetInstanceHandle);
-
-    // $FlowExpectedError[incompatible-cast] we know targetElement is a ReactNativeElement, not just a ReadOnlyNode
-    return (targetElement: ReactNativeElement);
+    return this._target;
   }
 
   /**
@@ -135,6 +135,7 @@ export default class IntersectionObserverEntry {
 
 export function createIntersectionObserverEntry(
   entry: NativeIntersectionObserverEntry,
+  target: ReactNativeElement,
 ): IntersectionObserverEntry {
-  return new IntersectionObserverEntry(entry);
+  return new IntersectionObserverEntry(entry, target);
 }
diff --git a/packages/react-native/Libraries/IntersectionObserver/IntersectionObserverManager.js b/packages/react-native/Libraries/IntersectionObserver/IntersectionObserverManager.js
index c3f88ee7ef194d..4d50e668e1a668 100644
--- a/packages/react-native/Libraries/IntersectionObserver/IntersectionObserverManager.js
+++ b/packages/react-native/Libraries/IntersectionObserver/IntersectionObserverManager.js
@@ -18,13 +18,16 @@
  * the notifications together.
  */
 
-import type ReactNativeElement from '../DOM/Nodes/ReactNativeElement';
+import type ReactNativeElement from '../../src/private/webapis/dom/nodes/ReactNativeElement';
 import type IntersectionObserver, {
   IntersectionObserverCallback,
 } from './IntersectionObserver';
 import type IntersectionObserverEntry from './IntersectionObserverEntry';
 
-import {getShadowNode} from '../DOM/Nodes/ReadOnlyNode';
+import {
+  getInstanceHandle,
+  getShadowNode,
+} from '../../src/private/webapis/dom/nodes/ReadOnlyNode';
 import * as Systrace from '../Performance/Systrace';
 import warnOnce from '../Utilities/warnOnce';
 import {createIntersectionObserverEntry} from './IntersectionObserverEntry';
@@ -40,6 +43,45 @@ const registeredIntersectionObservers: Map<
   {observer: IntersectionObserver, callback: IntersectionObserverCallback},
 > = new Map();
 
+// We need to keep the mapping from instance handles to targets because when
+// targets are detached (their components are unmounted), React resets the
+// instance handle to prevent memory leaks and it cuts the connection between
+// the instance handle and the target.
+const instanceHandleToTargetMap: WeakMap<interface {}, ReactNativeElement> =
+  new WeakMap();
+
+function getTargetFromInstanceHandle(
+  instanceHandle: mixed,
+): ?ReactNativeElement {
+  // $FlowExpectedError[incompatible-type] instanceHandle is typed as mixed but we know it's an object and we need it to be to use it as a key in a WeakMap.
+  const key: interface {} = instanceHandle;
+  return instanceHandleToTargetMap.get(key);
+}
+
+function setTargetForInstanceHandle(
+  instanceHandle: mixed,
+  target: ReactNativeElement,
+): void {
+  // $FlowExpectedError[incompatible-type] instanceHandle is typed as mixed but we know it's an object and we need it to be to use it as a key in a WeakMap.
+  const key: interface {} = instanceHandle;
+  instanceHandleToTargetMap.set(key, target);
+}
+
+function unsetTargetForInstanceHandle(instanceHandle: mixed): void {
+  // $FlowExpectedError[incompatible-type] instanceHandle is typed as mixed but we know it's an object and we need it to be to use it as a key in a WeakMap.
+  const key: interface {} = instanceHandle;
+  instanceHandleToTargetMap.delete(key);
+}
+
+// The mapping between ReactNativeElement and their corresponding shadow node
+// also needs to be kept here because React removes the link when unmounting.
+// We also keep the instance handle so we don't have to retrieve it again
+// from the target to unobserve.
+const targetToShadowNodeAndInstanceHandleMap: WeakMap<
+  ReactNativeElement,
+  [ReturnType<typeof getShadowNode>, mixed],
+> = new WeakMap();
+
 /**
  * Registers the given intersection observer and returns a unique ID for it,
  * which is required to start observing targets.
@@ -109,6 +151,25 @@ export function observe({
     return;
   }
 
+  const instanceHandle = getInstanceHandle(target);
+  if (instanceHandle == null) {
+    console.error(
+      'IntersectionObserverManager: could not find reference to instance handle from target',
+    );
+    return;
+  }
+
+  // Store the mapping between the instance handle and the target so we can
+  // access it even after the instance handle has been unmounted.
+  setTargetForInstanceHandle(instanceHandle, target);
+
+  // Same for the mapping between the target and its shadow node
+  // and instance handle.
+  targetToShadowNodeAndInstanceHandleMap.set(target, [
+    targetShadowNode,
+    instanceHandle,
+  ]);
+
   if (!isConnected) {
     NativeIntersectionObserver.connect(notifyIntersectionObservers);
     isConnected = true;
@@ -140,18 +201,26 @@ export function unobserve(
     return;
   }
 
-  const targetShadowNode = getShadowNode(target);
-  if (targetShadowNode == null) {
+  const targetShadowNodeAndInstanceHandle =
+    targetToShadowNodeAndInstanceHandleMap.get(target);
+  if (targetShadowNodeAndInstanceHandle == null) {
     console.error(
-      'IntersectionObserverManager: could not find reference to host node from target',
+      'IntersectionObserverManager: could not find registration data for target',
     );
     return;
   }
 
+  const [targetShadowNode, instanceHandle] = targetShadowNodeAndInstanceHandle;
+
   NativeIntersectionObserver.unobserve(
     intersectionObserverId,
     targetShadowNode,
   );
+
+  // We can guarantee we won't receive any more entries for this target,
+  // so we don't need to keep the mappings anymore.
+  unsetTargetForInstanceHandle(instanceHandle);
+  targetToShadowNodeAndInstanceHandleMap.delete(target);
 }
 
 /**
@@ -188,7 +257,16 @@ function doNotifyIntersectionObservers(): void {
       list = [];
       entriesByObserver.set(nativeEntry.intersectionObserverId, list);
     }
-    list.push(createIntersectionObserverEntry(nativeEntry));
+
+    const target = getTargetFromInstanceHandle(
+      nativeEntry.targetInstanceHandle,
+    );
+    if (target == null) {
+      console.warn('Could not find target to create IntersectionObserverEntry');
+      continue;
+    }
+
+    list.push(createIntersectionObserverEntry(nativeEntry, target));
   }
 
   for (const [
diff --git a/packages/react-native/Libraries/IntersectionObserver/NativeIntersectionObserver.h b/packages/react-native/Libraries/IntersectionObserver/NativeIntersectionObserver.h
index 20cd6e63db3fa9..1281f60db29fe1 100644
--- a/packages/react-native/Libraries/IntersectionObserver/NativeIntersectionObserver.h
+++ b/packages/react-native/Libraries/IntersectionObserver/NativeIntersectionObserver.h
@@ -20,7 +20,7 @@ using NativeIntersectionObserverIntersectionObserverId = int32_t;
 using RectAsTuple = std::tuple<Float, Float, Float, Float>;
 
 using NativeIntersectionObserverObserveOptions =
-    NativeIntersectionObserverCxxBaseNativeIntersectionObserverObserveOptions<
+    NativeIntersectionObserverCxxNativeIntersectionObserverObserveOptions<
         // intersectionObserverId
         NativeIntersectionObserverIntersectionObserverId,
         // targetShadowNode
@@ -30,16 +30,11 @@ using NativeIntersectionObserverObserveOptions =
 
 template <>
 struct Bridging<NativeIntersectionObserverObserveOptions>
-    : NativeIntersectionObserverCxxBaseNativeIntersectionObserverObserveOptionsBridging<
-          // intersectionObserverId
-          NativeIntersectionObserverIntersectionObserverId,
-          // targetShadowNode
-          jsi::Object,
-          // thresholds
-          std::vector<Float>> {};
+    : NativeIntersectionObserverCxxNativeIntersectionObserverObserveOptionsBridging<
+          NativeIntersectionObserverObserveOptions> {};
 
 using NativeIntersectionObserverEntry =
-    NativeIntersectionObserverCxxBaseNativeIntersectionObserverEntry<
+    NativeIntersectionObserverCxxNativeIntersectionObserverEntry<
         // intersectionObserverId
         NativeIntersectionObserverIntersectionObserverId,
         // targetInstanceHandle
@@ -57,21 +52,8 @@ using NativeIntersectionObserverEntry =
 
 template <>
 struct Bridging<NativeIntersectionObserverEntry>
-    : NativeIntersectionObserverCxxBaseNativeIntersectionObserverEntryBridging<
-          // intersectionObserverId
-          NativeIntersectionObserverIntersectionObserverId,
-          // targetInstanceHandle
-          jsi::Value,
-          // targetRect
-          RectAsTuple,
-          // rootRect
-          RectAsTuple,
-          // intersectionRect
-          std::optional<RectAsTuple>,
-          // isIntersectingAboveThresholds
-          bool,
-          // time
-          double> {};
+    : NativeIntersectionObserverCxxNativeIntersectionObserverEntryBridging<
+          NativeIntersectionObserverEntry> {};
 
 class NativeIntersectionObserver
     : public NativeIntersectionObserverCxxSpec<NativeIntersectionObserver>,
diff --git a/packages/react-native/Libraries/IntersectionObserver/NativeIntersectionObserver.js b/packages/react-native/Libraries/IntersectionObserver/NativeIntersectionObserver.js
index ff620ec123a770..c50a499b865a5e 100644
--- a/packages/react-native/Libraries/IntersectionObserver/NativeIntersectionObserver.js
+++ b/packages/react-native/Libraries/IntersectionObserver/NativeIntersectionObserver.js
@@ -8,34 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type NativeIntersectionObserverEntry = {
-  intersectionObserverId: number,
-  targetInstanceHandle: mixed,
-  targetRect: $ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
-  rootRect: $ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
-  intersectionRect: ?$ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
-  isIntersectingAboveThresholds: boolean,
-  time: number,
-};
-
-export type NativeIntersectionObserverObserveOptions = {
-  intersectionObserverId: number,
-  targetShadowNode: mixed,
-  thresholds: $ReadOnlyArray<number>,
-};
-
-export interface Spec extends TurboModule {
-  +observe: (options: NativeIntersectionObserverObserveOptions) => void;
-  +unobserve: (intersectionObserverId: number, targetShadowNode: mixed) => void;
-  +connect: (notifyIntersectionObserversCallback: () => void) => void;
-  +disconnect: () => void;
-  +takeRecords: () => $ReadOnlyArray<NativeIntersectionObserverEntry>;
-}
-
-export default (TurboModuleRegistry.get<Spec>(
-  'NativeIntersectionObserverCxx',
-): ?Spec);
+export * from '../../src/private/specs/modules/NativeIntersectionObserver';
+import NativeIntersectionObserver from '../../src/private/specs/modules/NativeIntersectionObserver';
+export default NativeIntersectionObserver;
diff --git a/packages/react-native/Libraries/IntersectionObserver/__mocks__/NativeIntersectionObserver.js b/packages/react-native/Libraries/IntersectionObserver/__mocks__/NativeIntersectionObserver.js
index e66a5e12159687..34b1a8f3419abb 100644
--- a/packages/react-native/Libraries/IntersectionObserver/__mocks__/NativeIntersectionObserver.js
+++ b/packages/react-native/Libraries/IntersectionObserver/__mocks__/NativeIntersectionObserver.js
@@ -8,7 +8,7 @@
  * @format
  */
 
-import type ReactNativeElement from '../../DOM/Nodes/ReactNativeElement';
+import type ReactNativeElement from '../../../src/private/webapis/dom/nodes/ReactNativeElement';
 import type IntersectionObserver from '../IntersectionObserver';
 import type {
   NativeIntersectionObserverEntry,
@@ -16,7 +16,7 @@ import type {
   Spec,
 } from '../NativeIntersectionObserver';
 
-import {getShadowNode} from '../../DOM/Nodes/ReadOnlyNode';
+import {getShadowNode} from '../../../src/private/webapis/dom/nodes/ReadOnlyNode';
 import {getFabricUIManager} from '../../ReactNative/__mocks__/FabricUIManager';
 import invariant from 'invariant';
 import nullthrows from 'nullthrows';
@@ -96,6 +96,16 @@ const NativeIntersectionObserverMock = {
       'unexpected duplicate call to unobserve',
     );
     observations.splice(observationIndex, 1);
+
+    pendingRecords = pendingRecords.filter(
+      record =>
+        record.intersectionObserverId !== intersectionObserverId ||
+        record.targetInstanceHandle !==
+          FabricUIManagerMock.__getInstanceHandleFromNode(
+            // $FlowExpectedError[incompatible-call]
+            targetShadowNode,
+          ),
+    );
   },
   connect: (notifyIntersectionObserversCallback: () => void): void => {
     invariant(callback == null, 'unexpected call to connect');
diff --git a/packages/react-native/Libraries/LayoutAnimation/LayoutAnimation.js b/packages/react-native/Libraries/LayoutAnimation/LayoutAnimation.js
index 6283e673c64846..52d4ac7b818032 100644
--- a/packages/react-native/Libraries/LayoutAnimation/LayoutAnimation.js
+++ b/packages/react-native/Libraries/LayoutAnimation/LayoutAnimation.js
@@ -10,15 +10,14 @@
 
 'use strict';
 
-import type {Spec as FabricUIManagerSpec} from '../ReactNative/FabricUIManager';
 import type {
   LayoutAnimationConfig as LayoutAnimationConfig_,
   LayoutAnimationProperty,
   LayoutAnimationType,
 } from '../Renderer/shims/ReactNativeTypes';
 
+import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import {getFabricUIManager} from '../ReactNative/FabricUIManager';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
 import Platform from '../Utilities/Platform';
 
 const UIManager = require('../ReactNative/UIManager');
diff --git a/packages/react-native/Libraries/Linking/NativeIntentAndroid.js b/packages/react-native/Libraries/Linking/NativeIntentAndroid.js
index 7a9f9b7bfe9a68..67dcaa6f980be8 100644
--- a/packages/react-native/Libraries/Linking/NativeIntentAndroid.js
+++ b/packages/react-native/Libraries/Linking/NativeIntentAndroid.js
@@ -8,23 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getInitialURL: () => Promise<string>;
-  +canOpenURL: (url: string) => Promise<boolean>;
-  +openURL: (url: string) => Promise<void>;
-  +openSettings: () => Promise<void>;
-  +sendIntent: (
-    action: string,
-    extras: ?Array<{
-      key: string,
-      value: string | number | boolean, // TODO(T67672788): Union types are not type safe
-      ...
-    }>,
-  ) => Promise<void>;
-}
-
-export default (TurboModuleRegistry.get<Spec>('IntentAndroid'): ?Spec);
+export * from '../../src/private/specs/modules/NativeIntentAndroid';
+import NativeIntentAndroid from '../../src/private/specs/modules/NativeIntentAndroid';
+export default NativeIntentAndroid;
diff --git a/packages/react-native/Libraries/Linking/NativeLinkingManager.js b/packages/react-native/Libraries/Linking/NativeLinkingManager.js
index 8f4eb239f4247a..6dfe4d4a4ed1e3 100644
--- a/packages/react-native/Libraries/Linking/NativeLinkingManager.js
+++ b/packages/react-native/Libraries/Linking/NativeLinkingManager.js
@@ -8,20 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  // Common interface
-  +getInitialURL: () => Promise<string>;
-  +canOpenURL: (url: string) => Promise<boolean>;
-  +openURL: (url: string) => Promise<void>;
-  +openSettings: () => Promise<void>;
-
-  // Events
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('LinkingManager'): ?Spec);
+export * from '../../src/private/specs/modules/NativeLinkingManager';
+import NativeLinkingManager from '../../src/private/specs/modules/NativeLinkingManager';
+export default NativeLinkingManager;
diff --git a/packages/react-native/Libraries/LinkingIOS/React-RCTLinking.podspec b/packages/react-native/Libraries/LinkingIOS/React-RCTLinking.podspec
index 4d252775dc7673..1f4cd6c0300b8f 100644
--- a/packages/react-native/Libraries/LinkingIOS/React-RCTLinking.podspec
+++ b/packages/react-native/Libraries/LinkingIOS/React-RCTLinking.podspec
@@ -16,25 +16,15 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 header_search_paths = [
   "\"$(PODS_ROOT)/RCT-Folly\"",
   "\"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\"",
-  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
 ]
 
-if ENV["USE_FRAMEWORKS"]
-  header_search_paths = header_search_paths.concat([
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers/build/generated/ios\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Codegen/React_Codegen.framework/Headers/build/generated/ios\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Codegen/React_Codegen.framework/Headers\""
-  ])
-end
-
 Pod::Spec.new do |s|
   s.name                   = "React-RCTLinking"
   s.version                = version
@@ -59,8 +49,11 @@ Pod::Spec.new do |s|
                                "HEADER_SEARCH_PATHS" => header_search_paths.join(' ')
                              }
 
-  s.dependency "React-Codegen", version
   s.dependency "React-Core/RCTLinkingHeaders", version
   s.dependency "ReactCommon/turbomodule/core", version
   s.dependency "React-jsi", version
+
+  add_dependency(s, "React-Codegen", :additional_framework_paths => ["build/generated/ios"])
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
+  add_dependency(s, "React-NativeModulesApple", :additional_framework_paths => ["build/generated/ios"])
 end
diff --git a/packages/react-native/Libraries/Lists/FillRateHelper.js b/packages/react-native/Libraries/Lists/FillRateHelper.js
index c94ca9916f1562..d6fb7ffabca1ef 100644
--- a/packages/react-native/Libraries/Lists/FillRateHelper.js
+++ b/packages/react-native/Libraries/Lists/FillRateHelper.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/react-native/Libraries/Lists/FlatList.d.ts b/packages/react-native/Libraries/Lists/FlatList.d.ts
index a8c1a6f78d5b8f..f06ca24996d881 100644
--- a/packages/react-native/Libraries/Lists/FlatList.d.ts
+++ b/packages/react-native/Libraries/Lists/FlatList.d.ts
@@ -116,8 +116,8 @@ export interface FlatListProps<ItemT> extends VirtualizedListProps<ItemT> {
    */
   onViewableItemsChanged?:
     | ((info: {
-        viewableItems: Array<ViewToken>;
-        changed: Array<ViewToken>;
+        viewableItems: Array<ViewToken<ItemT>>;
+        changed: Array<ViewToken<ItemT>>;
       }) => void)
     | null
     | undefined;
diff --git a/packages/react-native/Libraries/Lists/FlatList.js b/packages/react-native/Libraries/Lists/FlatList.js
index 7c2480d6c17eba..bf9e806af25cd1 100644
--- a/packages/react-native/Libraries/Lists/FlatList.js
+++ b/packages/react-native/Libraries/Lists/FlatList.js
@@ -17,6 +17,7 @@ import type {
   ViewToken,
 } from '@react-native-mac/virtualized-lists'; // [macOS]
 
+import * as ReactNativeFeatureFlags from '../../src/private/featureflags/ReactNativeFeatureFlags';
 import {type ScrollResponderType} from '../Components/ScrollView/ScrollView';
 import {
   VirtualizedList,
@@ -181,7 +182,11 @@ type OptionalProps<ItemT> = {|
 
 // removeClippedSubviewsOrDefault(this.props.removeClippedSubviews)
 function removeClippedSubviewsOrDefault(removeClippedSubviews: ?boolean) {
-  return removeClippedSubviews ?? Platform.OS === 'android';
+  if (ReactNativeFeatureFlags.shouldUseRemoveClippedSubviewsAsDefaultOnIOS()) {
+    return removeClippedSubviews ?? true;
+  } else {
+    return removeClippedSubviews ?? Platform.OS === 'android';
+  }
 }
 
 // numColumnsOrDefault(this.props.numColumns)
diff --git a/packages/react-native/Libraries/Lists/SectionList.d.ts b/packages/react-native/Libraries/Lists/SectionList.d.ts
index 3818461e992f93..aa8646d25e4796 100644
--- a/packages/react-native/Libraries/Lists/SectionList.d.ts
+++ b/packages/react-native/Libraries/Lists/SectionList.d.ts
@@ -59,8 +59,13 @@ export type SectionListRenderItem<ItemT, SectionT = DefaultSectionT> = (
   info: SectionListRenderItemInfo<ItemT, SectionT>,
 ) => React.ReactElement | null;
 
+type VirtualizedListWithoutPreConfiguredProps<ItemT> = Omit<
+  VirtualizedListWithoutRenderItemProps<ItemT>,
+  'stickyHeaderIndices'
+>;
+
 export interface SectionListProps<ItemT, SectionT = DefaultSectionT>
-  extends VirtualizedListWithoutRenderItemProps<ItemT> {
+  extends VirtualizedListWithoutPreConfiguredProps<ItemT> {
   /**
    * Rendered in between each section.
    */
diff --git a/packages/react-native/Libraries/Lists/ViewabilityHelper.js b/packages/react-native/Libraries/Lists/ViewabilityHelper.js
index 3b7dd04f0ada0e..88d1d970744a7e 100644
--- a/packages/react-native/Libraries/Lists/ViewabilityHelper.js
+++ b/packages/react-native/Libraries/Lists/ViewabilityHelper.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/react-native/Libraries/Lists/VirtualizeUtils.js b/packages/react-native/Libraries/Lists/VirtualizeUtils.js
index e57587cc068c1c..0eeeb243c7ce87 100644
--- a/packages/react-native/Libraries/Lists/VirtualizeUtils.js
+++ b/packages/react-native/Libraries/Lists/VirtualizeUtils.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/react-native/Libraries/Lists/VirtualizedList.js b/packages/react-native/Libraries/Lists/VirtualizedList.js
index 0efad220f7c76b..00685d2d525bbc 100644
--- a/packages/react-native/Libraries/Lists/VirtualizedList.js
+++ b/packages/react-native/Libraries/Lists/VirtualizedList.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/react-native/Libraries/Lists/VirtualizedListContext.js b/packages/react-native/Libraries/Lists/VirtualizedListContext.js
index 83417f56d07550..5e8972e6751c39 100644
--- a/packages/react-native/Libraries/Lists/VirtualizedListContext.js
+++ b/packages/react-native/Libraries/Lists/VirtualizedListContext.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/react-native/Libraries/Lists/VirtualizedSectionList.js b/packages/react-native/Libraries/Lists/VirtualizedSectionList.js
index 15adbae4794ee6..2ebd31cf7fdb49 100644
--- a/packages/react-native/Libraries/Lists/VirtualizedSectionList.js
+++ b/packages/react-native/Libraries/Lists/VirtualizedSectionList.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/react-native/Libraries/LogBox/Data/LogBoxData.js b/packages/react-native/Libraries/LogBox/Data/LogBoxData.js
index d3e06b0451303c..abc2401ac42159 100644
--- a/packages/react-native/Libraries/LogBox/Data/LogBoxData.js
+++ b/packages/react-native/Libraries/LogBox/Data/LogBoxData.js
@@ -30,6 +30,7 @@ export type LogData = $ReadOnly<{|
   message: Message,
   category: Category,
   componentStack: ComponentStack,
+  stack?: string,
 |}>;
 
 export type Observer = (
@@ -198,7 +199,7 @@ export function addLog(log: LogData): void {
   // otherwise spammy logs would pause rendering.
   setImmediate(() => {
     try {
-      const stack = parseErrorStack(errorForStackTrace?.stack);
+      const stack = parseErrorStack(log.stack ?? errorForStackTrace?.stack);
 
       appendNewLog(
         new LogBoxLog({
diff --git a/packages/react-native/Libraries/LogBox/LogBoxInspectorContainer.js b/packages/react-native/Libraries/LogBox/LogBoxInspectorContainer.js
index 7faa55ca24137f..142cccaf44bfc2 100644
--- a/packages/react-native/Libraries/LogBox/LogBoxInspectorContainer.js
+++ b/packages/react-native/Libraries/LogBox/LogBoxInspectorContainer.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/react-native/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorSourceMapStatus-test.js.snap b/packages/react-native/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorSourceMapStatus-test.js.snap
index d814a90fe50c96..612a75000e4527 100644
--- a/packages/react-native/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorSourceMapStatus-test.js.snap
+++ b/packages/react-native/Libraries/LogBox/UI/__tests__/__snapshots__/LogBoxInspectorSourceMapStatus-test.js.snap
@@ -27,7 +27,7 @@ exports[`LogBoxInspectorSourceMapStatus should render for failed 1`] = `
     }
   }
 >
-  <ForwardRef
+  <Animated(Image)
     source={
       Object {
         "testUri": "../Libraries/LogBox/UI/LogBoxImages/alert-triangle.png",
@@ -94,7 +94,7 @@ exports[`LogBoxInspectorSourceMapStatus should render for pending 1`] = `
     }
   }
 >
-  <ForwardRef
+  <Animated(Image)
     source={
       Object {
         "testUri": "../Libraries/LogBox/UI/LogBoxImages/loader.png",
diff --git a/packages/react-native/Libraries/LogBox/__tests__/LogBoxInspectorContainer-test.js b/packages/react-native/Libraries/LogBox/__tests__/LogBoxInspectorContainer-test.js
index bee6be3a631a30..853954e6ebdfc5 100644
--- a/packages/react-native/Libraries/LogBox/__tests__/LogBoxInspectorContainer-test.js
+++ b/packages/react-native/Libraries/LogBox/__tests__/LogBoxInspectorContainer-test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  * @oncall react_native
  */
diff --git a/packages/react-native/Libraries/Modal/Modal.js b/packages/react-native/Libraries/Modal/Modal.js
index 0d4902e2030271..e618e83727d1f9 100644
--- a/packages/react-native/Libraries/Modal/Modal.js
+++ b/packages/react-native/Libraries/Modal/Modal.js
@@ -173,7 +173,13 @@ function confirmProps(props: Props) {
   }
 }
 
-class Modal extends React.Component<Props> {
+// Create a state to track whether the Modal is rendering or not.
+// This is the only prop that controls whether the modal is rendered or not.
+type State = {
+  isRendered: boolean,
+};
+
+class Modal extends React.Component<Props, State> {
   static defaultProps: {|hardwareAccelerated: boolean, visible: boolean|} = {
     visible: true,
     hardwareAccelerated: false,
@@ -190,6 +196,9 @@ class Modal extends React.Component<Props> {
       confirmProps(props);
     }
     this._identifier = uniqueModalIdentifier++;
+    this.state = {
+      isRendered: props.visible === true,
+    };
   }
 
   componentDidMount() {
@@ -198,28 +207,44 @@ class Modal extends React.Component<Props> {
       this._eventSubscription = ModalEventEmitter.addListener(
         'modalDismissed',
         event => {
-          if (event.modalID === this._identifier && this.props.onDismiss) {
-            this.props.onDismiss();
-          }
+          this.setState({isRendered: false}, () => {
+            if (event.modalID === this._identifier && this.props.onDismiss) {
+              this.props.onDismiss();
+            }
+          });
         },
       );
     }
   }
 
   componentWillUnmount() {
+    this.setState({isRendered: false});
     if (this._eventSubscription) {
       this._eventSubscription.remove();
     }
   }
 
-  componentDidUpdate() {
+  componentDidUpdate(prevProps: Props) {
+    if (prevProps.visible === false && this.props.visible === true) {
+      this.setState({isRendered: true});
+    }
+
     if (__DEV__) {
       confirmProps(this.props);
     }
   }
 
+  // Helper function to encapsulate platform specific logic to show or not the Modal.
+  _shouldShowModal(): boolean {
+    if (Platform.OS === 'ios') {
+      return this.props.visible === true || this.state.isRendered === true;
+    }
+
+    return this.props.visible === true;
+  }
+
   render(): React.Node {
-    if (this.props.visible !== true) {
+    if (!this._shouldShowModal()) {
       return null;
     }
 
@@ -244,6 +269,17 @@ class Modal extends React.Component<Props> {
       this.props.children
     );
 
+    const onDismiss = () => {
+      // OnDismiss is implemented on iOS only.
+      if (Platform.OS === 'ios') {
+        this.setState({isRendered: false}, () => {
+          if (this.props.onDismiss) {
+            this.props.onDismiss();
+          }
+        });
+      }
+    };
+
     return (
       <RCTModalHostView
         animationType={animationType}
@@ -252,11 +288,7 @@ class Modal extends React.Component<Props> {
         hardwareAccelerated={this.props.hardwareAccelerated}
         onRequestClose={this.props.onRequestClose}
         onShow={this.props.onShow}
-        onDismiss={() => {
-          if (this.props.onDismiss) {
-            this.props.onDismiss();
-          }
-        }}
+        onDismiss={onDismiss}
         visible={this.props.visible}
         statusBarTranslucent={this.props.statusBarTranslucent}
         identifier={this._identifier}
diff --git a/packages/react-native/Libraries/Modal/NativeModalManager.js b/packages/react-native/Libraries/Modal/NativeModalManager.js
index f85a77ac4b5ce7..8e0c835d52fd6b 100644
--- a/packages/react-native/Libraries/Modal/NativeModalManager.js
+++ b/packages/react-native/Libraries/Modal/NativeModalManager.js
@@ -8,14 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  // RCTEventEmitter
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('ModalManager'): ?Spec);
+export * from '../../src/private/specs/modules/NativeModalManager';
+import NativeModalManager from '../../src/private/specs/modules/NativeModalManager';
+export default NativeModalManager;
diff --git a/packages/react-native/Libraries/Modal/RCTModalHostViewNativeComponent.js b/packages/react-native/Libraries/Modal/RCTModalHostViewNativeComponent.js
index a21af54ae4fe72..06b6ea28bf5cfa 100644
--- a/packages/react-native/Libraries/Modal/RCTModalHostViewNativeComponent.js
+++ b/packages/react-native/Libraries/Modal/RCTModalHostViewNativeComponent.js
@@ -8,132 +8,6 @@
  * @flow strict-local
  */
 
-import type {ViewProps} from '../Components/View/ViewPropTypes';
-import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
-import type {
-  DirectEventHandler,
-  Int32,
-  WithDefault,
-} from '../Types/CodegenTypes';
-
-import codegenNativeComponent from '../Utilities/codegenNativeComponent';
-
-type OrientationChangeEvent = $ReadOnly<{|
-  orientation: 'portrait' | 'landscape',
-|}>;
-
-type NativeProps = $ReadOnly<{|
-  ...ViewProps,
-
-  /**
-   * The `animationType` prop controls how the modal animates.
-   *
-   * See https://reactnative.dev/docs/modal#animationtype
-   */
-  animationType?: WithDefault<'none' | 'slide' | 'fade', 'none'>,
-
-  /**
-   * The `presentationStyle` prop controls how the modal appears.
-   *
-   * See https://reactnative.dev/docs/modal#presentationstyle
-   */
-  presentationStyle?: WithDefault<
-    'fullScreen' | 'pageSheet' | 'formSheet' | 'overFullScreen',
-    'fullScreen',
-  >,
-
-  /**
-   * The `transparent` prop determines whether your modal will fill the
-   * entire view.
-   *
-   * See https://reactnative.dev/docs/modal#transparent
-   */
-  transparent?: WithDefault<boolean, false>,
-
-  /**
-   * The `statusBarTranslucent` prop determines whether your modal should go under
-   * the system statusbar.
-   *
-   * See https://reactnative.dev/docs/modal#statusBarTranslucent
-   */
-  statusBarTranslucent?: WithDefault<boolean, false>,
-
-  /**
-   * The `hardwareAccelerated` prop controls whether to force hardware
-   * acceleration for the underlying window.
-   *
-   * See https://reactnative.dev/docs/modal#hardwareaccelerated
-   */
-  hardwareAccelerated?: WithDefault<boolean, false>,
-
-  /**
-   * The `onRequestClose` callback is called when the user taps the hardware
-   * back button on Android or the menu button on Apple TV.
-   *
-   * This is required on Apple TV and Android.
-   *
-   * See https://reactnative.dev/docs/modal#onrequestclose
-   */
-  onRequestClose?: ?DirectEventHandler<null>,
-
-  /**
-   * The `onShow` prop allows passing a function that will be called once the
-   * modal has been shown.
-   *
-   * See https://reactnative.dev/docs/modal#onshow
-   */
-  onShow?: ?DirectEventHandler<null>,
-
-  /**
-   * The `onDismiss` prop allows passing a function that will be called once
-   * the modal has been dismissed.
-   *
-   * See https://reactnative.dev/docs/modal#ondismiss
-   */
-  onDismiss?: ?DirectEventHandler<null>,
-
-  /**
-   * The `visible` prop determines whether your modal is visible.
-   *
-   * See https://reactnative.dev/docs/modal#visible
-   */
-  visible?: WithDefault<boolean, false>,
-
-  /**
-   * Deprecated. Use the `animationType` prop instead.
-   */
-  animated?: WithDefault<boolean, false>,
-
-  /**
-   * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
-   *
-   * See https://reactnative.dev/docs/modal#supportedorientations
-   */
-  supportedOrientations?: WithDefault<
-    $ReadOnlyArray<
-      | 'portrait'
-      | 'portrait-upside-down'
-      | 'landscape'
-      | 'landscape-left'
-      | 'landscape-right',
-    >,
-    'portrait',
-  >,
-
-  /**
-   * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
-   *
-   * See https://reactnative.dev/docs/modal#onorientationchange
-   */
-  onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,
-
-  /**
-   * The `identifier` is the unique number for identifying Modal components.
-   */
-  identifier?: WithDefault<Int32, 0>,
-|}>;
-
-export default (codegenNativeComponent<NativeProps>('ModalHostView', {
-  interfaceOnly: true,
-  paperComponentName: 'RCTModalHostView',
-}): HostComponent<NativeProps>);
+export * from '../../src/private/specs/components/RCTModalHostViewNativeComponent';
+import RCTModalHostViewNativeComponent from '../../src/private/specs/components/RCTModalHostViewNativeComponent';
+export default RCTModalHostViewNativeComponent;
diff --git a/packages/react-native/Libraries/MutationObserver/MutationObserver.js b/packages/react-native/Libraries/MutationObserver/MutationObserver.js
index 4c6c4ef2294aee..679a7b26b2cca6 100644
--- a/packages/react-native/Libraries/MutationObserver/MutationObserver.js
+++ b/packages/react-native/Libraries/MutationObserver/MutationObserver.js
@@ -13,7 +13,7 @@
 import type {MutationObserverId} from './MutationObserverManager';
 import type MutationRecord from './MutationRecord';
 
-import ReactNativeElement from '../DOM/Nodes/ReactNativeElement';
+import ReactNativeElement from '../../src/private/webapis/dom/nodes/ReactNativeElement';
 import * as MutationObserverManager from './MutationObserverManager';
 
 export type MutationObserverCallback = (
diff --git a/packages/react-native/Libraries/MutationObserver/MutationObserverManager.js b/packages/react-native/Libraries/MutationObserver/MutationObserverManager.js
index 9cdf56f0c5dbad..ced78e9a050511 100644
--- a/packages/react-native/Libraries/MutationObserver/MutationObserverManager.js
+++ b/packages/react-native/Libraries/MutationObserver/MutationObserverManager.js
@@ -18,7 +18,7 @@
  * the notifications together.
  */
 
-import type ReactNativeElement from '../DOM/Nodes/ReactNativeElement';
+import type ReactNativeElement from '../../src/private/webapis/dom/nodes/ReactNativeElement';
 import type MutationObserver, {
   MutationObserverCallback,
 } from './MutationObserver';
@@ -27,7 +27,7 @@ import type MutationRecord from './MutationRecord';
 import {
   getPublicInstanceFromInternalInstanceHandle,
   getShadowNode,
-} from '../DOM/Nodes/ReadOnlyNode';
+} from '../../src/private/webapis/dom/nodes/ReadOnlyNode';
 import * as Systrace from '../Performance/Systrace';
 import warnOnce from '../Utilities/warnOnce';
 import {createMutationRecord} from './MutationRecord';
diff --git a/packages/react-native/Libraries/MutationObserver/MutationRecord.js b/packages/react-native/Libraries/MutationObserver/MutationRecord.js
index 18cce2d1fda14d..0616ee97f3c0a8 100644
--- a/packages/react-native/Libraries/MutationObserver/MutationRecord.js
+++ b/packages/react-native/Libraries/MutationObserver/MutationRecord.js
@@ -10,11 +10,13 @@
 
 // flowlint unsafe-getters-setters:off
 
-import type ReactNativeElement from '../DOM/Nodes/ReactNativeElement';
-import type ReadOnlyNode from '../DOM/Nodes/ReadOnlyNode';
+import type ReactNativeElement from '../../src/private/webapis/dom/nodes/ReactNativeElement';
+import type ReadOnlyNode from '../../src/private/webapis/dom/nodes/ReadOnlyNode';
 import type {NativeMutationRecord} from './NativeMutationObserver';
 
-import NodeList, {createNodeList} from '../DOM/OldStyleCollections/NodeList';
+import NodeList, {
+  createNodeList,
+} from '../../src/private/webapis/dom/oldstylecollections/NodeList';
 
 export type MutationType = 'attributes' | 'characterData' | 'childList';
 
@@ -30,15 +32,15 @@ export default class MutationRecord {
   _removedNodes: NodeList<ReadOnlyNode>;
 
   constructor(nativeRecord: NativeMutationRecord) {
-    // $FlowExpectedError[incompatible-cast] the codegen doesn't support the actual type.
-    const target = (nativeRecord.target: ReactNativeElement);
+    // $FlowExpectedError[incompatible-type] the codegen doesn't support the actual type.
+    const target: ReactNativeElement = nativeRecord.target;
     this._target = target;
-    // $FlowExpectedError[incompatible-cast] the codegen doesn't support the actual type.
-    const addedNodes = (nativeRecord.addedNodes: $ReadOnlyArray<ReadOnlyNode>);
+    // $FlowExpectedError[incompatible-type] the codegen doesn't support the actual type.
+    const addedNodes: $ReadOnlyArray<ReadOnlyNode> = nativeRecord.addedNodes;
     this._addedNodes = createNodeList(addedNodes);
-    const removedNodes =
-      // $FlowExpectedError[incompatible-cast] the codegen doesn't support the actual type.
-      (nativeRecord.removedNodes: $ReadOnlyArray<ReadOnlyNode>);
+    const removedNodes: $ReadOnlyArray<ReadOnlyNode> =
+      // $FlowFixMe[incompatible-type]
+      nativeRecord.removedNodes;
     this._removedNodes = createNodeList(removedNodes);
   }
 
diff --git a/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.cpp b/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.cpp
index a491e3e47e6fe0..c725c36252fbd7 100644
--- a/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.cpp
+++ b/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.cpp
@@ -88,7 +88,7 @@ void NativeMutationObserver::connect(
 
   notifyMutationObservers_ = std::move(notifyMutationObservers);
 
-  auto onMutationsCallback = [&](std::vector<const MutationRecord>& records) {
+  auto onMutationsCallback = [&](std::vector<MutationRecord>& records) {
     return onMutations(records);
   };
 
@@ -125,8 +125,7 @@ NativeMutationObserver::getPublicInstancesFromShadowNodes(
   return publicInstances;
 }
 
-void NativeMutationObserver::onMutations(
-    std::vector<const MutationRecord>& records) {
+void NativeMutationObserver::onMutations(std::vector<MutationRecord>& records) {
   SystraceSection s("NativeMutationObserver::onMutations");
 
   for (const auto& record : records) {
diff --git a/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.h b/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.h
index 218ad1714a8a11..b7c2eab986d930 100644
--- a/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.h
+++ b/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.h
@@ -17,7 +17,7 @@
 namespace facebook::react {
 
 using NativeMutationObserverObserveOptions =
-    NativeMutationObserverCxxBaseNativeMutationObserverObserveOptions<
+    NativeMutationObserverCxxNativeMutationObserverObserveOptions<
         // mutationObserverId
         MutationObserverId,
         // targetShadowNode
@@ -27,15 +27,10 @@ using NativeMutationObserverObserveOptions =
 
 template <>
 struct Bridging<NativeMutationObserverObserveOptions>
-    : NativeMutationObserverCxxBaseNativeMutationObserverObserveOptionsBridging<
-          // mutationObserverId
-          MutationObserverId,
-          // targetShadowNode
-          jsi::Object,
-          // subtree
-          bool> {};
-
-using NativeMutationRecord = NativeMutationObserverCxxBaseNativeMutationRecord<
+    : NativeMutationObserverCxxNativeMutationObserverObserveOptionsBridging<
+          NativeMutationObserverObserveOptions> {};
+
+using NativeMutationRecord = NativeMutationObserverCxxNativeMutationRecord<
     // mutationObserverId
     MutationObserverId,
     // target
@@ -47,15 +42,8 @@ using NativeMutationRecord = NativeMutationObserverCxxBaseNativeMutationRecord<
 
 template <>
 struct Bridging<NativeMutationRecord>
-    : NativeMutationObserverCxxBaseNativeMutationRecordBridging<
-          // mutationObserverId
-          MutationObserverId,
-          // target
-          jsi::Value,
-          // addedNodes
-          std::vector<jsi::Value>,
-          // removedNodes
-          std::vector<jsi::Value>> {};
+    : NativeMutationObserverCxxNativeMutationRecordBridging<
+          NativeMutationRecord> {};
 
 class NativeMutationObserver
     : public NativeMutationObserverCxxSpec<NativeMutationObserver>,
@@ -94,7 +82,7 @@ class NativeMutationObserver
   bool notifiedMutationObservers_{};
   std::function<void()> notifyMutationObservers_;
 
-  void onMutations(std::vector<const MutationRecord>& records);
+  void onMutations(std::vector<MutationRecord>& records);
   void notifyMutationObserversIfNecessary();
 
   std::vector<jsi::Value> getPublicInstancesFromShadowNodes(
diff --git a/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.js b/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.js
index 024102c96c8385..c348917049f396 100644
--- a/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.js
+++ b/packages/react-native/Libraries/MutationObserver/NativeMutationObserver.js
@@ -8,51 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type MutationObserverId = number;
-
-// These types are not supported by the codegen.
-type ShadowNode = mixed;
-type InstanceHandle = mixed;
-type ReactNativeElement = mixed;
-type ReadOnlyNode = mixed;
-
-export type NativeMutationRecord = {
-  mutationObserverId: MutationObserverId,
-  target: ReactNativeElement,
-  addedNodes: $ReadOnlyArray<ReadOnlyNode>,
-  removedNodes: $ReadOnlyArray<ReadOnlyNode>,
-  ...
-};
-
-export type NativeMutationObserverObserveOptions = {
-  mutationObserverId: number,
-  targetShadowNode: ShadowNode,
-  subtree: boolean,
-};
-
-export interface Spec extends TurboModule {
-  +observe: (options: NativeMutationObserverObserveOptions) => void;
-  +unobserve: (
-    mutationObserverId: number,
-    targetShadowNode: ShadowNode,
-  ) => void;
-  +connect: (
-    notifyMutationObservers: () => void,
-    // We need this to retain the public instance before React removes the
-    // reference to it (which happen in mutations that remove nodes, or when
-    // nodes are removed between the change and the callback is executed in JS).
-    getPublicInstanceFromInstanceHandle: (
-      instanceHandle: InstanceHandle,
-    ) => ReadOnlyNode,
-  ) => void;
-  +disconnect: () => void;
-  +takeRecords: () => $ReadOnlyArray<NativeMutationRecord>;
-}
-
-export default (TurboModuleRegistry.get<Spec>(
-  'NativeMutationObserverCxx',
-): ?Spec);
+export * from '../../src/private/specs/modules/NativeMutationObserver';
+import NativeMutationObserver from '../../src/private/specs/modules/NativeMutationObserver';
+export default NativeMutationObserver;
diff --git a/packages/react-native/Libraries/MutationObserver/__mocks__/NativeMutationObserver.js b/packages/react-native/Libraries/MutationObserver/__mocks__/NativeMutationObserver.js
index d7ffb65520d827..779674081e3b1e 100644
--- a/packages/react-native/Libraries/MutationObserver/__mocks__/NativeMutationObserver.js
+++ b/packages/react-native/Libraries/MutationObserver/__mocks__/NativeMutationObserver.js
@@ -28,7 +28,7 @@ import type {
   Spec,
 } from '../NativeMutationObserver';
 
-import ReadOnlyNode from '../../DOM/Nodes/ReadOnlyNode';
+import ReadOnlyNode from '../../../src/private/webapis/dom/nodes/ReadOnlyNode';
 import {
   type NodeMock,
   type UIManagerCommitHook,
diff --git a/packages/react-native/Libraries/NativeAnimation/RCTNativeAnimatedTurboModule.mm b/packages/react-native/Libraries/NativeAnimation/RCTNativeAnimatedTurboModule.mm
index b1b884a097fa37..cdf38d90dcd297 100644
--- a/packages/react-native/Libraries/NativeAnimation/RCTNativeAnimatedTurboModule.mm
+++ b/packages/react-native/Libraries/NativeAnimation/RCTNativeAnimatedTurboModule.mm
@@ -59,14 +59,6 @@ - (void)invalidate
   [_surfacePresenter removeObserver:self];
 }
 
-- (dispatch_queue_t)methodQueue
-{
-  // This module needs to be on the same queue as the UIManager to avoid
-  // having to lock `_operations` and `_preOperations` since `uiManagerWillPerformMounting`
-  // will be called from that queue.
-  return RCTGetUIManagerQueue();
-}
-
 /*
  * In bridgeless mode, `setBridge` is never called during initializtion. Instead this selector is invoked via
  * BridgelessTurboModuleSetup.
@@ -90,32 +82,40 @@ - (void)setSurfacePresenter:(id<RCTSurfacePresenterStub>)surfacePresenter
 
 RCT_EXPORT_METHOD(createAnimatedNode : (double)tag config : (NSDictionary<NSString *, id> *)config)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager createAnimatedNode:[NSNumber numberWithDouble:tag] config:config];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager createAnimatedNode:[NSNumber numberWithDouble:tag] config:config];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(updateAnimatedNodeConfig : (double)tag config : (NSDictionary<NSString *, id> *)config)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager updateAnimatedNodeConfig:[NSNumber numberWithDouble:tag] config:config];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager updateAnimatedNodeConfig:[NSNumber numberWithDouble:tag] config:config];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(connectAnimatedNodes : (double)parentTag childTag : (double)childTag)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager connectAnimatedNodes:[NSNumber numberWithDouble:parentTag]
-                              childTag:[NSNumber numberWithDouble:childTag]];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager connectAnimatedNodes:[NSNumber numberWithDouble:parentTag]
+                                childTag:[NSNumber numberWithDouble:childTag]];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(disconnectAnimatedNodes : (double)parentTag childTag : (double)childTag)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager disconnectAnimatedNodes:[NSNumber numberWithDouble:parentTag]
-                                 childTag:[NSNumber numberWithDouble:childTag]];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager disconnectAnimatedNodes:[NSNumber numberWithDouble:parentTag]
+                                   childTag:[NSNumber numberWithDouble:childTag]];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(startAnimatingNode
@@ -124,101 +124,126 @@ - (void)setSurfacePresenter:(id<RCTSurfacePresenterStub>)surfacePresenter
                   : (NSDictionary<NSString *, id> *)config endCallback
                   : (RCTResponseSenderBlock)callBack)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager startAnimatingNode:[NSNumber numberWithDouble:animationId]
-                             nodeTag:[NSNumber numberWithDouble:nodeTag]
-                              config:config
-                         endCallback:callBack];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager startAnimatingNode:[NSNumber numberWithDouble:animationId]
+                               nodeTag:[NSNumber numberWithDouble:nodeTag]
+                                config:config
+                           endCallback:callBack];
+    }];
 
-  [self flushOperationQueues];
+    [self flushOperationQueues];
+  });
 }
 
 RCT_EXPORT_METHOD(stopAnimation : (double)animationId)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager stopAnimation:[NSNumber numberWithDouble:animationId]];
-  }];
-  [self flushOperationQueues];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager stopAnimation:[NSNumber numberWithDouble:animationId]];
+    }];
+    [self flushOperationQueues];
+  });
 }
 
 RCT_EXPORT_METHOD(setAnimatedNodeValue : (double)nodeTag value : (double)value)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager setAnimatedNodeValue:[NSNumber numberWithDouble:nodeTag] value:[NSNumber numberWithDouble:value]];
-  }];
-  // In Bridge, flushing of native animations is done from RCTCxxBridge batchDidComplete().
-  // Since RCTCxxBridge doesn't exist in Bridgeless, and components are not remounted in Fabric for native animations,
-  // flush here for changes in Animated.Value for Animated.event.
-  [self flushOperationQueues];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager setAnimatedNodeValue:[NSNumber numberWithDouble:nodeTag] value:[NSNumber numberWithDouble:value]];
+    }];
+    // In Bridge, flushing of native animations is done from RCTCxxBridge batchDidComplete().
+    // Since RCTCxxBridge doesn't exist in Bridgeless, and components are not remounted in Fabric for native animations,
+    // flush here for changes in Animated.Value for Animated.event.
+    [self flushOperationQueues];
+  });
 }
 
 RCT_EXPORT_METHOD(setAnimatedNodeOffset : (double)nodeTag offset : (double)offset)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager setAnimatedNodeOffset:[NSNumber numberWithDouble:nodeTag] offset:[NSNumber numberWithDouble:offset]];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager setAnimatedNodeOffset:[NSNumber numberWithDouble:nodeTag]
+                                   offset:[NSNumber numberWithDouble:offset]];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(flattenAnimatedNodeOffset : (double)nodeTag)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager flattenAnimatedNodeOffset:[NSNumber numberWithDouble:nodeTag]];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager flattenAnimatedNodeOffset:[NSNumber numberWithDouble:nodeTag]];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(extractAnimatedNodeOffset : (double)nodeTag)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager extractAnimatedNodeOffset:[NSNumber numberWithDouble:nodeTag]];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager extractAnimatedNodeOffset:[NSNumber numberWithDouble:nodeTag]];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(connectAnimatedNodeToView : (double)nodeTag viewTag : (double)viewTag)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    // viewName is not used when node is managed by Fabric, and nodes are always managed by Fabric in Bridgeless.
-    [nodesManager connectAnimatedNodeToView:[NSNumber numberWithDouble:nodeTag]
-                                    viewTag:[NSNumber numberWithDouble:viewTag]
-                                   viewName:nil];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      // viewName is not used when node is managed by Fabric, and nodes are always managed by Fabric in Bridgeless.
+      [nodesManager connectAnimatedNodeToView:[NSNumber numberWithDouble:nodeTag]
+                                      viewTag:[NSNumber numberWithDouble:viewTag]
+                                     viewName:nil];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(disconnectAnimatedNodeFromView : (double)nodeTag viewTag : (double)viewTag)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager disconnectAnimatedNodeFromView:[NSNumber numberWithDouble:nodeTag]
-                                         viewTag:[NSNumber numberWithDouble:viewTag]];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager disconnectAnimatedNodeFromView:[NSNumber numberWithDouble:nodeTag]
+                                           viewTag:[NSNumber numberWithDouble:viewTag]];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(restoreDefaultValues : (double)nodeTag)
 {
-  [self addPreOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager restoreDefaultValues:[NSNumber numberWithDouble:nodeTag]];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addPreOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager restoreDefaultValues:[NSNumber numberWithDouble:nodeTag]];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(dropAnimatedNode : (double)tag)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager dropAnimatedNode:[NSNumber numberWithDouble:tag]];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager dropAnimatedNode:[NSNumber numberWithDouble:tag]];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(startListeningToAnimatedNodeValue : (double)tag)
 {
-  __weak id<RCTValueAnimatedNodeObserver> valueObserver = self;
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager startListeningToAnimatedNodeValue:[NSNumber numberWithDouble:tag] valueObserver:valueObserver];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    __weak id<RCTValueAnimatedNodeObserver> valueObserver = self;
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager startListeningToAnimatedNodeValue:[NSNumber numberWithDouble:tag] valueObserver:valueObserver];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(stopListeningToAnimatedNodeValue : (double)tag)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager stopListeningToAnimatedNodeValue:[NSNumber numberWithDouble:tag]];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager stopListeningToAnimatedNodeValue:[NSNumber numberWithDouble:tag]];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(addAnimatedEventToView
@@ -233,11 +258,13 @@ - (void)setSurfacePresenter:(id<RCTSurfacePresenterStub>)surfacePresenter
     eventMappingDict[@"animatedValueTag"] = @(*eventMapping.animatedValueTag());
   }
 
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager addAnimatedEventToView:[NSNumber numberWithDouble:viewTag]
-                               eventName:eventName
-                            eventMapping:eventMappingDict];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager addAnimatedEventToView:[NSNumber numberWithDouble:viewTag]
+                                 eventName:eventName
+                              eventMapping:eventMappingDict];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(removeAnimatedEventFromView
@@ -245,18 +272,22 @@ - (void)setSurfacePresenter:(id<RCTSurfacePresenterStub>)surfacePresenter
                   : (nonnull NSString *)eventName animatedNodeTag
                   : (double)animatedNodeTag)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager removeAnimatedEventFromView:[NSNumber numberWithDouble:viewTag]
-                                    eventName:eventName
-                              animatedNodeTag:[NSNumber numberWithDouble:animatedNodeTag]];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager removeAnimatedEventFromView:[NSNumber numberWithDouble:viewTag]
+                                      eventName:eventName
+                                animatedNodeTag:[NSNumber numberWithDouble:animatedNodeTag]];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(getValue : (double)nodeTag saveValueCallback : (RCTResponseSenderBlock)saveValueCallback)
 {
-  [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
-    [nodesManager getValue:[NSNumber numberWithDouble:nodeTag] saveCallback:saveValueCallback];
-  }];
+  dispatch_async(RCTGetUIManagerQueue(), ^{
+    [self addOperationBlock:^(RCTNativeAnimatedNodesManager *nodesManager) {
+      [nodesManager getValue:[NSNumber numberWithDouble:nodeTag] saveCallback:saveValueCallback];
+    }];
+  });
 }
 
 RCT_EXPORT_METHOD(queueAndExecuteBatchedOperations : (NSArray *)operationsAndArgs)
diff --git a/packages/react-native/Libraries/NativeAnimation/React-RCTAnimation.podspec b/packages/react-native/Libraries/NativeAnimation/React-RCTAnimation.podspec
index 89d77d63a6d6c0..fe5a5786da607a 100644
--- a/packages/react-native/Libraries/NativeAnimation/React-RCTAnimation.podspec
+++ b/packages/react-native/Libraries/NativeAnimation/React-RCTAnimation.podspec
@@ -16,22 +16,15 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 header_search_paths = [
   "\"$(PODS_ROOT)/RCT-Folly\"",
   "\"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\"",
-  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
 ]
 
-if ENV["USE_FRAMEWORKS"]
-  header_search_paths = header_search_paths.concat([
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\""
-  ])
-end
-
 Pod::Spec.new do |s|
   s.name                   = "React-RCTAnimation"
   s.version                = version
@@ -52,9 +45,11 @@ Pod::Spec.new do |s|
                              }
 
   s.dependency "RCT-Folly", folly_version
-  s.dependency "React-Codegen", version
-  s.dependency "RCTTypeSafety", version
-  s.dependency "ReactCommon/turbomodule/core", version
-  s.dependency "React-jsi", version
-  s.dependency "React-Core/RCTAnimationHeaders", version
+  s.dependency "RCTTypeSafety"
+  s.dependency "React-jsi"
+  s.dependency "React-Core/RCTAnimationHeaders"
+
+  add_dependency(s, "React-Codegen", :additional_framework_paths => ["build/generated/ios"])
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
+  add_dependency(s, "React-NativeModulesApple")
 end
diff --git a/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js b/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js
index 0326ec9afd621d..a077a2b1f5f3b2 100644
--- a/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js
+++ b/packages/react-native/Libraries/NativeComponent/BaseViewConfig.android.js
@@ -304,6 +304,7 @@ const validAttributesForEventProps = {
   onTouchCancel: true,
 
   // Pointer events
+  onClick: true,
   onPointerEnter: true,
   onPointerEnterCapture: true,
   onPointerLeave: true,
diff --git a/packages/react-native/Libraries/NativeComponent/NativeComponentRegistry.js b/packages/react-native/Libraries/NativeComponent/NativeComponentRegistry.js
index 46dab04b7723a0..f071f3e6133fdf 100644
--- a/packages/react-native/Libraries/NativeComponent/NativeComponentRegistry.js
+++ b/packages/react-native/Libraries/NativeComponent/NativeComponentRegistry.js
@@ -15,7 +15,7 @@ import type {
 
 import getNativeComponentAttributes from '../ReactNative/getNativeComponentAttributes';
 import UIManager from '../ReactNative/UIManager';
-import ReactNativeViewConfigRegistry from '../Renderer/shims/ReactNativeViewConfigRegistry';
+import * as ReactNativeViewConfigRegistry from '../Renderer/shims/ReactNativeViewConfigRegistry';
 import verifyComponentAttributeEquivalence from '../Utilities/verifyComponentAttributeEquivalence';
 import * as StaticViewConfigValidator from './StaticViewConfigValidator';
 import {createViewConfig} from './ViewConfig';
diff --git a/packages/react-native/Libraries/NativeModules/specs/NativeAnimationsDebugModule.js b/packages/react-native/Libraries/NativeModules/specs/NativeAnimationsDebugModule.js
index 31869c35abb46f..abcba87dfbfd6c 100644
--- a/packages/react-native/Libraries/NativeModules/specs/NativeAnimationsDebugModule.js
+++ b/packages/react-native/Libraries/NativeModules/specs/NativeAnimationsDebugModule.js
@@ -8,13 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +startRecordingFps: () => void;
-  +stopRecordingFps: (animationStopTimeMs: number) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('AnimationsDebugModule'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeAnimationsDebugModule';
+import NativeAnimationsDebugModule from '../../../src/private/specs/modules/NativeAnimationsDebugModule';
+export default NativeAnimationsDebugModule;
diff --git a/packages/react-native/Libraries/NativeModules/specs/NativeDevMenu.js b/packages/react-native/Libraries/NativeModules/specs/NativeDevMenu.js
index 3819002afbe8cf..5cda96f7a8ab22 100644
--- a/packages/react-native/Libraries/NativeModules/specs/NativeDevMenu.js
+++ b/packages/react-native/Libraries/NativeModules/specs/NativeDevMenu.js
@@ -8,16 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +show: () => void;
-  +reload: () => void;
-  +debugRemotely: (enableDebug: boolean) => void;
-  +setProfilingEnabled: (enabled: boolean) => void;
-  +setHotLoadingEnabled: (enabled: boolean) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('DevMenu'): Spec);
+export * from '../../../src/private/specs/modules/NativeDevMenu';
+import NativeDevMenu from '../../../src/private/specs/modules/NativeDevMenu';
+export default NativeDevMenu;
diff --git a/packages/react-native/Libraries/NativeModules/specs/NativeDevSettings.js b/packages/react-native/Libraries/NativeModules/specs/NativeDevSettings.js
index 7a717b87a7f22e..3afe5e7c1ae5ef 100644
--- a/packages/react-native/Libraries/NativeModules/specs/NativeDevSettings.js
+++ b/packages/react-native/Libraries/NativeModules/specs/NativeDevSettings.js
@@ -8,29 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +reload: () => void;
-  +reloadWithReason?: (reason: string) => void;
-  +onFastRefresh?: () => void;
-  +setHotLoadingEnabled: (isHotLoadingEnabled: boolean) => void;
-  +setIsDebuggingRemotely: (isDebuggingRemotelyEnabled: boolean) => void;
-  +setProfilingEnabled: (isProfilingEnabled: boolean) => void;
-  +toggleElementInspector: () => void;
-  +addMenuItem: (title: string) => void;
-
-  // Events
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-
-  // iOS only.
-  +setIsShakeToShowDevMenuEnabled: (enabled: boolean) => void;
-
-  // macOS only.
-  +setIsSecondaryClickToShowDevMenuEnabled: (enabled: boolean) => void; // [macOS]
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('DevSettings'): Spec);
+export * from '../../../src/private/specs/modules/NativeDevSettings';
+import NativeDevSettings from '../../../src/private/specs/modules/NativeDevSettings';
+export default NativeDevSettings;
diff --git a/packages/react-native/Libraries/NativeModules/specs/NativeDeviceEventManager.js b/packages/react-native/Libraries/NativeModules/specs/NativeDeviceEventManager.js
index 464d154d2d808f..c072f8fe0dbb0f 100644
--- a/packages/react-native/Libraries/NativeModules/specs/NativeDeviceEventManager.js
+++ b/packages/react-native/Libraries/NativeModules/specs/NativeDeviceEventManager.js
@@ -8,12 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +invokeDefaultBackPressHandler: () => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('DeviceEventManager'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeDeviceEventManager';
+import NativeDeviceEventManager from '../../../src/private/specs/modules/NativeDeviceEventManager';
+export default NativeDeviceEventManager;
diff --git a/packages/react-native/Libraries/NativeModules/specs/NativeDialogManagerAndroid.js b/packages/react-native/Libraries/NativeModules/specs/NativeDialogManagerAndroid.js
index beccaf95335639..cfa2794219c4c1 100644
--- a/packages/react-native/Libraries/NativeModules/specs/NativeDialogManagerAndroid.js
+++ b/packages/react-native/Libraries/NativeModules/specs/NativeDialogManagerAndroid.js
@@ -8,41 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-/* 'buttonClicked' | 'dismissed' */
-type DialogAction = string;
-/*
-  buttonPositive = -1,
-  buttonNegative = -2,
-  buttonNeutral = -3
-*/
-type DialogButtonKey = number;
-export type DialogOptions = {|
-  title?: string,
-  message?: string,
-  buttonPositive?: string,
-  buttonNegative?: string,
-  buttonNeutral?: string,
-  items?: Array<string>,
-  cancelable?: boolean,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {|
-    +buttonClicked: DialogAction,
-    +dismissed: DialogAction,
-    +buttonPositive: DialogButtonKey,
-    +buttonNegative: DialogButtonKey,
-    +buttonNeutral: DialogButtonKey,
-  |};
-  +showAlert: (
-    config: DialogOptions,
-    onError: (error: string) => void,
-    onAction: (action: DialogAction, buttonKey?: DialogButtonKey) => void,
-  ) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('DialogManagerAndroid'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeDialogManagerAndroid';
+import NativeDialogManagerAndroid from '../../../src/private/specs/modules/NativeDialogManagerAndroid';
+export default NativeDialogManagerAndroid;
diff --git a/packages/react-native/Libraries/NativeModules/specs/NativeLogBox.js b/packages/react-native/Libraries/NativeModules/specs/NativeLogBox.js
index 35a8d460b96691..836da86d63bd6d 100644
--- a/packages/react-native/Libraries/NativeModules/specs/NativeLogBox.js
+++ b/packages/react-native/Libraries/NativeModules/specs/NativeLogBox.js
@@ -8,13 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +show: () => void;
-  +hide: () => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('LogBox'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeLogBox';
+import NativeLogBox from '../../../src/private/specs/modules/NativeLogBox';
+export default NativeLogBox;
diff --git a/packages/react-native/Libraries/NativeModules/specs/NativeRedBox.js b/packages/react-native/Libraries/NativeModules/specs/NativeRedBox.js
index 689f09aa1f54ec..e278898f2d8f39 100644
--- a/packages/react-native/Libraries/NativeModules/specs/NativeRedBox.js
+++ b/packages/react-native/Libraries/NativeModules/specs/NativeRedBox.js
@@ -4,17 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +setExtraData: (extraData: Object, forIdentifier: string) => void;
-  +dismiss: () => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('RedBox'): ?Spec);
+export * from '../../../src/private/specs/modules/NativeRedBox';
+import NativeRedBox from '../../../src/private/specs/modules/NativeRedBox';
+export default NativeRedBox;
diff --git a/packages/react-native/Libraries/NativeModules/specs/NativeSourceCode.js b/packages/react-native/Libraries/NativeModules/specs/NativeSourceCode.js
index 8441e21cb87e70..3ff3c9c109db73 100644
--- a/packages/react-native/Libraries/NativeModules/specs/NativeSourceCode.js
+++ b/packages/react-native/Libraries/NativeModules/specs/NativeSourceCode.js
@@ -8,29 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../../TurboModule/TurboModuleRegistry';
-
-export type SourceCodeConstants = {|
-  scriptURL: string,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => SourceCodeConstants;
-}
-
-const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('SourceCode');
-let constants = null;
-
-const NativeSourceCode = {
-  getConstants(): SourceCodeConstants {
-    if (constants == null) {
-      constants = NativeModule.getConstants();
-    }
-
-    return constants;
-  },
-};
-
+export * from '../../../src/private/specs/modules/NativeSourceCode';
+import NativeSourceCode from '../../../src/private/specs/modules/NativeSourceCode';
 export default NativeSourceCode;
diff --git a/packages/react-native/Libraries/Network/NativeNetworkingAndroid.js b/packages/react-native/Libraries/Network/NativeNetworkingAndroid.js
index f15a19f9b24f9f..429bd876800687 100644
--- a/packages/react-native/Libraries/Network/NativeNetworkingAndroid.js
+++ b/packages/react-native/Libraries/Network/NativeNetworkingAndroid.js
@@ -4,34 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-type Header = [string, string];
-
-export interface Spec extends TurboModule {
-  +sendRequest: (
-    method: string,
-    url: string,
-    requestId: number,
-    headers: Array<Header>,
-    data: Object,
-    responseType: string,
-    useIncrementalUpdates: boolean,
-    timeout: number,
-    withCredentials: boolean,
-  ) => void;
-  +abortRequest: (requestId: number) => void;
-  +clearCookies: (callback: (result: boolean) => void) => void;
-
-  // RCTEventEmitter
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('Networking'): Spec);
+export * from '../../src/private/specs/modules/NativeNetworkingAndroid';
+import NativeNetworkingAndroid from '../../src/private/specs/modules/NativeNetworkingAndroid';
+export default NativeNetworkingAndroid;
diff --git a/packages/react-native/Libraries/Network/NativeNetworkingIOS.js b/packages/react-native/Libraries/Network/NativeNetworkingIOS.js
index 28ec9d7bcbac6f..f7f46d26f07d24 100644
--- a/packages/react-native/Libraries/Network/NativeNetworkingIOS.js
+++ b/packages/react-native/Libraries/Network/NativeNetworkingIOS.js
@@ -4,34 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +sendRequest: (
-    query: {|
-      method: string,
-      url: string,
-      data: Object,
-      headers: Object,
-      responseType: string,
-      incrementalUpdates: boolean,
-      timeout: number,
-      withCredentials: boolean,
-    |},
-    callback: (requestId: number) => void,
-  ) => void;
-  +abortRequest: (requestId: number) => void;
-  +clearCookies: (callback: (result: boolean) => void) => void;
-
-  // RCTEventEmitter
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('Networking'): Spec);
+export * from '../../src/private/specs/modules/NativeNetworkingIOS';
+import NativeNetworkingIOS from '../../src/private/specs/modules/NativeNetworkingIOS';
+export default NativeNetworkingIOS;
diff --git a/packages/react-native/Libraries/Network/RCTHTTPRequestHandler.mm b/packages/react-native/Libraries/Network/RCTHTTPRequestHandler.mm
index b7b2db1e57e398..4a0353396d7eda 100644
--- a/packages/react-native/Libraries/Network/RCTHTTPRequestHandler.mm
+++ b/packages/react-native/Libraries/Network/RCTHTTPRequestHandler.mm
@@ -32,7 +32,6 @@ @implementation RCTHTTPRequestHandler {
 }
 
 @synthesize moduleRegistry = _moduleRegistry;
-@synthesize methodQueue = _methodQueue;
 
 RCT_EXPORT_MODULE()
 
@@ -79,7 +78,8 @@ - (NSURLSessionDataTask *)sendRequest:(NSURLRequest *)request withDelegate:(id<R
 
     NSOperationQueue *callbackQueue = [NSOperationQueue new];
     callbackQueue.maxConcurrentOperationCount = 1;
-    callbackQueue.underlyingQueue = [[_moduleRegistry moduleForName:"Networking"] methodQueue];
+    RCTNetworking *networking = [_moduleRegistry moduleForName:"Networking"];
+    callbackQueue.underlyingQueue = [networking requestQueue];
     NSURLSessionConfiguration *configuration;
     if (urlSessionConfigurationProvider) {
       configuration = urlSessionConfigurationProvider();
diff --git a/packages/react-native/Libraries/Network/RCTNetworkTask.mm b/packages/react-native/Libraries/Network/RCTNetworkTask.mm
index fc2c6dcad9f51e..47a2e92d0d58dd 100644
--- a/packages/react-native/Libraries/Network/RCTNetworkTask.mm
+++ b/packages/react-native/Libraries/Network/RCTNetworkTask.mm
@@ -164,7 +164,21 @@ - (void)URLRequest:(id)requestToken didReceiveData:(NSData *)data
     if (!_data) {
       _data = [NSMutableData new];
     }
-    [_data appendData:data];
+    @try {
+      [_data appendData:data];
+    } @catch (NSException *exception) {
+      _status = RCTNetworkTaskFinished;
+      if (_completionBlock) {
+        RCTURLRequestCompletionBlock completionBlock = _completionBlock;
+        [self dispatchCallback:^{
+          completionBlock(
+              self->_response, nil, RCTErrorWithMessage(exception.reason ?: @"Request's received data too long."));
+        }];
+      }
+      [self invalidate];
+      return;
+    }
+
     length = _data.length;
   }
 
diff --git a/packages/react-native/Libraries/Network/RCTNetworking.h b/packages/react-native/Libraries/Network/RCTNetworking.h
index fcc9fe81714a29..249259bda21b20 100644
--- a/packages/react-native/Libraries/Network/RCTNetworking.h
+++ b/packages/react-native/Libraries/Network/RCTNetworking.h
@@ -10,6 +10,8 @@
 #import <React/RCTNetworkTask.h>
 #import <React/RCTURLRequestHandler.h>
 
+RCT_EXTERN void RCTEnableNetworkingRequestQueue(BOOL enabled);
+
 @protocol RCTNetworkingRequestHandler <NSObject>
 
 // @lint-ignore FBOBJCUNTYPEDCOLLECTION1
@@ -28,6 +30,8 @@
 
 @interface RCTNetworking : RCTEventEmitter
 
+- (instancetype)init NS_DESIGNATED_INITIALIZER;
+
 /**
  * Allows RCTNetworking instances to be initialized with handlers.
  * The handlers will be requested via the bridge's moduleForName method when required.
@@ -54,6 +58,8 @@
 
 - (void)removeResponseHandler:(id<RCTNetworkingResponseHandler>)handler;
 
+- (dispatch_queue_t)requestQueue;
+
 @end
 
 @interface RCTBridge (RCTNetworking)
diff --git a/packages/react-native/Libraries/Network/RCTNetworking.mm b/packages/react-native/Libraries/Network/RCTNetworking.mm
index 7abc90d75c2ead..0eae618e898219 100644
--- a/packages/react-native/Libraries/Network/RCTNetworking.mm
+++ b/packages/react-native/Libraries/Network/RCTNetworking.mm
@@ -19,6 +19,13 @@
 
 #import "RCTNetworkPlugins.h"
 
+static BOOL gEnableNetworkingRequestQueue = NO;
+
+RCT_EXTERN void RCTEnableNetworkingRequestQueue(BOOL enabled)
+{
+  gEnableNetworkingRequestQueue = enabled;
+}
+
 typedef RCTURLRequestCancellationBlock (^RCTHTTPQueryResult)(NSError *error, NSDictionary<NSString *, id> *result);
 
 NSString *const RCTNetworkingPHUploadHackScheme = @"ph-upload";
@@ -69,7 +76,7 @@ @implementation RCTHTTPFormDataHelper {
 
 - (RCTURLRequestCancellationBlock)process:(NSArray<NSDictionary *> *)formData callback:(RCTHTTPQueryResult)callback
 {
-  RCTAssertThread(_networker.methodQueue, @"process: must be called on method queue");
+  RCTAssertThread([_networker requestQueue], @"process: must be called on request queue");
 
   if (formData.count == 0) {
     return callback(nil, nil);
@@ -98,7 +105,7 @@ - (RCTURLRequestCancellationBlock)process:(NSArray<NSDictionary *> *)formData ca
 
 - (RCTURLRequestCancellationBlock)handleResult:(NSDictionary<NSString *, id> *)result error:(NSError *)error
 {
-  RCTAssertThread(_networker.methodQueue, @"handleResult: must be called on method queue");
+  RCTAssertThread([_networker requestQueue], @"handleResult: must be called on request queue");
 
   if (error) {
     return _callback(error, nil);
@@ -151,6 +158,7 @@ @implementation RCTNetworking {
   NSArray<id<RCTURLRequestHandler>> * (^_handlersProvider)(RCTModuleRegistry *);
   NSMutableArray<id<RCTNetworkingRequestHandler>> *_requestHandlers;
   NSMutableArray<id<RCTNetworkingResponseHandler>> *_responseHandlers;
+  dispatch_queue_t _requestQueue;
 }
 
 @synthesize methodQueue = _methodQueue;
@@ -164,13 +172,18 @@ + (BOOL)requiresMainQueueSetup
 
 - (instancetype)init
 {
-  return [super initWithDisabledObservation];
+  if (self = [super initWithDisabledObservation]) {
+    if (gEnableNetworkingRequestQueue) {
+      _requestQueue = dispatch_queue_create("com.facebook.react.network.request", DISPATCH_QUEUE_SERIAL);
+    }
+  }
+  return self;
 }
 
 - (instancetype)initWithHandlersProvider:
     (NSArray<id<RCTURLRequestHandler>> * (^)(RCTModuleRegistry *moduleRegistry))getHandlers
 {
-  if (self = [super initWithDisabledObservation]) {
+  if (self = [self init]) {
     _handlersProvider = getHandlers;
   }
   return self;
@@ -186,6 +199,11 @@ - (void)invalidate
     [_tasksByRequestID[requestID] cancel];
   }
   [_tasksByRequestID removeAllObjects];
+  for (id<RCTURLRequestHandler> handler in _handlers) {
+    if ([handler conformsToProtocol:@protocol(RCTInvalidating)]) {
+      [(id<RCTInvalidating>)handler invalidate];
+    }
+  }
   _handlers = nil;
   _requestHandlers = nil;
   _responseHandlers = nil;
@@ -294,7 +312,7 @@ - (void)invalidate
 - (RCTURLRequestCancellationBlock)buildRequest:(NSDictionary<NSString *, id> *)query
                                completionBlock:(void (^)(NSURLRequest *request))block
 {
-  RCTAssertThread(_methodQueue, @"buildRequest: must be called on method queue");
+  RCTAssertThread([self requestQueue], @"buildRequest: must be called on request queue");
 
   NSURL *URL = [RCTConvert NSURL:query[@"url"]]; // this is marked as nullable in JS, but should not be null
   NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:URL];
@@ -347,7 +365,7 @@ - (RCTURLRequestCancellationBlock)buildRequest:(NSDictionary<NSString *, id> *)q
                                       forHTTPHeaderField:@"Content-Length"];
                                 }
 
-                                dispatch_async(self->_methodQueue, ^{
+                                dispatch_async([self requestQueue], ^{
                                   block(request);
                                 });
 
@@ -385,7 +403,7 @@ - (BOOL)canHandleRequest:(NSURLRequest *)request
                    callback:(RCTURLRequestCancellationBlock (^)(NSError *error, NSDictionary<NSString *, id> *result))
                                 callback
 {
-  RCTAssertThread(_methodQueue, @"processDataForHTTPQuery: must be called on method queue");
+  RCTAssertThread([self requestQueue], @"processDataForHTTPQuery: must be called on request queue");
 
   if (!query) {
     return callback(nil, nil);
@@ -414,7 +432,7 @@ - (BOOL)canHandleRequest:(NSURLRequest *)request
     RCTNetworkTask *task =
         [self networkTaskWithRequest:request
                      completionBlock:^(NSURLResponse *response, NSData *data, NSError *error) {
-                       dispatch_async(self->_methodQueue, ^{
+                       dispatch_async([self requestQueue], ^{
                          cancellationBlock = callback(
                              error, data ? @{@"body" : data, @"contentType" : RCTNullIfNil(response.MIMEType)} : nil);
                        });
@@ -514,7 +532,7 @@ - (void)sendData:(NSData *)data
         response:(NSURLResponse *)response
          forTask:(RCTNetworkTask *)task
 {
-  RCTAssertThread(_methodQueue, @"sendData: must be called on method queue");
+  RCTAssertThread([self requestQueue], @"sendData: must be called on request queue");
 
   id responseData = nil;
   for (id<RCTNetworkingResponseHandler> handler in _responseHandlers) {
@@ -552,7 +570,7 @@ - (void)sendRequest:(NSURLRequest *)request
     incrementalUpdates:(BOOL)incrementalUpdates
         responseSender:(RCTResponseSenderBlock)responseSender
 {
-  RCTAssertThread(_methodQueue, @"sendRequest: must be called on method queue");
+  RCTAssertThread([self requestQueue], @"sendRequest: must be called on request queue");
   __weak __typeof(self) weakSelf = self;
   __block RCTNetworkTask *task;
   RCTURLRequestProgressBlock uploadProgressBlock = ^(int64_t progress, int64_t total) {
@@ -689,7 +707,9 @@ - (RCTNetworkTask *)networkTaskWithRequest:(NSURLRequest *)request
     return nil;
   }
 
-  RCTNetworkTask *task = [[RCTNetworkTask alloc] initWithRequest:request handler:handler callbackQueue:_methodQueue];
+  RCTNetworkTask *task = [[RCTNetworkTask alloc] initWithRequest:request
+                                                         handler:handler
+                                                   callbackQueue:[self requestQueue]];
   task.completionBlock = completionBlock;
   return task;
 }
@@ -709,7 +729,7 @@ - (RCTNetworkTask *)networkTaskWithRequest:(NSURLRequest *)request
   double timeout = query.timeout();
   bool withCredentials = query.withCredentials();
 
-  dispatch_async(_methodQueue, ^{
+  dispatch_async([self requestQueue], ^{
     NSDictionary *queryDict = @{
       @"method" : method,
       @"url" : url,
@@ -738,7 +758,7 @@ - (RCTNetworkTask *)networkTaskWithRequest:(NSURLRequest *)request
 
 RCT_EXPORT_METHOD(abortRequest : (double)requestID)
 {
-  dispatch_async(_methodQueue, ^{
+  dispatch_async([self requestQueue], ^{
     [self->_tasksByRequestID[[NSNumber numberWithDouble:requestID]] cancel];
     [self->_tasksByRequestID removeObjectForKey:[NSNumber numberWithDouble:requestID]];
   });
@@ -746,7 +766,7 @@ - (RCTNetworkTask *)networkTaskWithRequest:(NSURLRequest *)request
 
 RCT_EXPORT_METHOD(clearCookies : (RCTResponseSenderBlock)responseSender)
 {
-  dispatch_async(_methodQueue, ^{
+  dispatch_async([self requestQueue], ^{
     NSHTTPCookieStorage *storage = [NSHTTPCookieStorage sharedHTTPCookieStorage];
     if (!storage.cookies.count) {
       responseSender(@[ @NO ]);
@@ -760,6 +780,11 @@ - (RCTNetworkTask *)networkTaskWithRequest:(NSURLRequest *)request
   });
 }
 
+- (dispatch_queue_t)requestQueue
+{
+  return gEnableNetworkingRequestQueue ? _requestQueue : _methodQueue;
+}
+
 - (std::shared_ptr<facebook::react::TurboModule>)getTurboModule:
     (const facebook::react::ObjCTurboModule::InitParams &)params
 {
diff --git a/packages/react-native/Libraries/Network/React-RCTNetwork.podspec b/packages/react-native/Libraries/Network/React-RCTNetwork.podspec
index d36e1a5a975c75..a9f28d165e1cf7 100644
--- a/packages/react-native/Libraries/Network/React-RCTNetwork.podspec
+++ b/packages/react-native/Libraries/Network/React-RCTNetwork.podspec
@@ -16,26 +16,15 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 header_search_paths = [
   "\"$(PODS_ROOT)/RCT-Folly\"",
   "\"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\"",
-  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
 ]
 
-if ENV["USE_FRAMEWORKS"]
-  header_search_paths = header_search_paths.concat([
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers/build/generated/ios\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Codegen/React_Codegen.framework/Headers/build/generated/ios\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Codegen/React_Codegen.framework/Headers\"",
-
-  ])
-end
-
 Pod::Spec.new do |s|
   s.name                   = "React-RCTNetwork"
   s.version                = version
@@ -60,9 +49,11 @@ Pod::Spec.new do |s|
   # macOS]
 
   s.dependency "RCT-Folly", folly_version
-  s.dependency "React-Codegen", version
-  s.dependency "RCTTypeSafety", version
-  s.dependency "ReactCommon/turbomodule/core", version
-  s.dependency "React-jsi", version
-  s.dependency "React-Core/RCTNetworkHeaders", version
+  s.dependency "RCTTypeSafety"
+  s.dependency "React-jsi"
+  s.dependency "React-Core/RCTNetworkHeaders"
+
+  add_dependency(s, "React-Codegen", :additional_framework_paths => ["build/generated/ios"])
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
+  add_dependency(s, "React-NativeModulesApple", :additional_framework_paths => ["build/generated/ios"])
 end
diff --git a/packages/react-native/Libraries/Performance/NativeJSCSamplingProfiler.js b/packages/react-native/Libraries/Performance/NativeJSCSamplingProfiler.js
index ca780e705f0e33..3d7a19497be4fe 100644
--- a/packages/react-native/Libraries/Performance/NativeJSCSamplingProfiler.js
+++ b/packages/react-native/Libraries/Performance/NativeJSCSamplingProfiler.js
@@ -8,12 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +operationComplete: (token: number, result: ?string, error: ?string) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('JSCSamplingProfiler'): ?Spec);
+export * from '../../src/private/specs/modules/NativeJSCSamplingProfiler';
+import NativeJSCSamplingProfiler from '../../src/private/specs/modules/NativeJSCSamplingProfiler';
+export default NativeJSCSamplingProfiler;
diff --git a/packages/react-native/Libraries/Performance/QuickPerformanceLogger.js b/packages/react-native/Libraries/Performance/QuickPerformanceLogger.js
deleted file mode 100644
index d867b7ae2d5d67..00000000000000
--- a/packages/react-native/Libraries/Performance/QuickPerformanceLogger.js
+++ /dev/null
@@ -1,155 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict
- */
-
-'use strict';
-
-const AUTO_SET_TIMESTAMP = -1;
-const DUMMY_INSTANCE_KEY = 0;
-
-// Defines map of annotations
-// Use as following:
-// {string: {key1: value1, key2: value2}}
-export type AnnotationsMap = Partial<{
-  string: ?{[string]: string, ...},
-  int: ?{[string]: number, ...},
-  double: ?{[string]: number, ...},
-  bool: ?{[string]: boolean, ...},
-  string_array: ?{[string]: $ReadOnlyArray<string>, ...},
-  int_array: ?{[string]: $ReadOnlyArray<number>, ...},
-  double_array: ?{[string]: $ReadOnlyArray<number>, ...},
-  bool_array: ?{[string]: $ReadOnlyArray<boolean>, ...},
-}>;
-
-const QuickPerformanceLogger = {
-  markerStart(
-    markerId: number,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-    timestamp: number = AUTO_SET_TIMESTAMP,
-  ): void {
-    if (global.nativeQPLMarkerStart) {
-      global.nativeQPLMarkerStart(markerId, instanceKey, timestamp);
-    }
-  },
-
-  markerEnd(
-    markerId: number,
-    actionId: number,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-    timestamp: number = AUTO_SET_TIMESTAMP,
-  ): void {
-    if (global.nativeQPLMarkerEnd) {
-      global.nativeQPLMarkerEnd(markerId, instanceKey, actionId, timestamp);
-    }
-  },
-
-  markerTag(
-    markerId: number,
-    tag: string,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    if (global.nativeQPLMarkerTag) {
-      global.nativeQPLMarkerTag(markerId, instanceKey, tag);
-    }
-  },
-
-  markerAnnotate(
-    markerId: number,
-    annotations: AnnotationsMap,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    if (global.nativeQPLMarkerAnnotateWithMap) {
-      global.nativeQPLMarkerAnnotateWithMap(markerId, annotations, instanceKey);
-    } else if (global.nativeQPLMarkerAnnotate) {
-      for (const type of [
-        'string',
-        'int',
-        'double',
-        'bool',
-        'string_array',
-        'int_array',
-        'double_array',
-        'bool_array',
-      ]) {
-        const keyValsOfType = annotations[type];
-        if (keyValsOfType != null) {
-          for (const annotationKey of Object.keys(keyValsOfType)) {
-            global.nativeQPLMarkerAnnotate(
-              markerId,
-              instanceKey,
-              annotationKey,
-              keyValsOfType[annotationKey].toString(),
-            );
-          }
-        }
-      }
-    }
-  },
-
-  markerCancel(
-    markerId: number,
-    instanceKey?: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    // $FlowFixMe[object-this-reference]
-    this.markerDrop(markerId, instanceKey);
-  },
-
-  markerPoint(
-    markerId: number,
-    name: string,
-    instanceKey: number = DUMMY_INSTANCE_KEY,
-    timestamp: number = AUTO_SET_TIMESTAMP,
-    data: ?string = null,
-  ): void {
-    if (global.nativeQPLMarkerPoint) {
-      global.nativeQPLMarkerPoint(markerId, name, instanceKey, timestamp, data);
-    }
-  },
-
-  markerDrop(
-    markerId: number,
-    instanceKey?: number = DUMMY_INSTANCE_KEY,
-  ): void {
-    if (global.nativeQPLMarkerDrop) {
-      global.nativeQPLMarkerDrop(markerId, instanceKey);
-    }
-  },
-
-  // Checks whether the given QPL marker is going to be sent to server or not
-  // (the latter may be the case due to e.g. downsampling).
-  // Note that markerStart is expected to have been already called at this point.
-  isMarkerOn(
-    markerId: number,
-    instanceKey?: number = DUMMY_INSTANCE_KEY,
-  ): boolean {
-    if (global.nativeQPLIsMarkerOn) {
-      return global.nativeQPLIsMarkerOn(markerId, instanceKey);
-    }
-    return true;
-  },
-
-  markEvent(
-    markerId: number,
-    type: string,
-    annotations: ?AnnotationsMap = null,
-  ): void {
-    if (global.nativeQPLMarkEvent) {
-      global.nativeQPLMarkEvent(markerId, type, annotations);
-    }
-  },
-
-  currentTimestamp(): number {
-    if (global.nativeQPLTimestamp) {
-      return global.nativeQPLTimestamp();
-    }
-    return 0;
-  },
-};
-
-module.exports = QuickPerformanceLogger;
diff --git a/packages/react-native/Libraries/PermissionsAndroid/NativePermissionsAndroid.js b/packages/react-native/Libraries/PermissionsAndroid/NativePermissionsAndroid.js
index 6373ab08d6173b..d6d77d2621311a 100644
--- a/packages/react-native/Libraries/PermissionsAndroid/NativePermissionsAndroid.js
+++ b/packages/react-native/Libraries/PermissionsAndroid/NativePermissionsAndroid.js
@@ -4,74 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @format
  * @flow strict
+ * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-// TODO: Use proper enum types.
-export type PermissionStatus = string;
-export type PermissionType = string;
-/*
-export type PermissionStatus = 'granted' | 'denied' | 'never_ask_again';
-export type PermissionType =
-  | 'android.permission.READ_CALENDAR'
-  | 'android.permission.WRITE_CALENDAR'
-  | 'android.permission.CAMERA'
-  | 'android.permission.READ_CONTACTS'
-  | 'android.permission.WRITE_CONTACTS'
-  | 'android.permission.GET_ACCOUNTS'
-  | 'android.permission.ACCESS_BACKGROUND_LOCATION'
-  | 'android.permission.ACCESS_FINE_LOCATION'
-  | 'android.permission.ACCESS_COARSE_LOCATION'
-  | 'android.permission.RECORD_AUDIO'
-  | 'android.permission.READ_PHONE_STATE'
-  | 'android.permission.CALL_PHONE'
-  | 'android.permission.READ_CALL_LOG'
-  | 'android.permission.WRITE_CALL_LOG'
-  | 'com.android.voicemail.permission.ADD_VOICEMAIL'
-  | 'com.android.voicemail.permission.READ_VOICEMAIL'
-  | 'com.android.voicemail.permission.WRITE_VOICEMAIL'
-  | 'android.permission.USE_SIP'
-  | 'android.permission.PROCESS_OUTGOING_CALLS'
-  | 'android.permission.BODY_SENSORS'
-  | 'android.permission.BODY_SENSORS_BACKGROUND'
-  | 'android.permission.SEND_SMS'
-  | 'android.permission.RECEIVE_SMS'
-  | 'android.permission.READ_SMS'
-  | 'android.permission.RECEIVE_WAP_PUSH'
-  | 'android.permission.RECEIVE_MMS'
-  | 'android.permission.READ_EXTERNAL_STORAGE'
-  | 'android.permission.READ_MEDIA_IMAGES',
-  | 'android.permission.READ_MEDIA_VIDEO',
-  | 'android.permission.READ_MEDIA_AUDIO',
-  | 'android.permission.READ_MEDIA_VISUAL_USER_SELECTED'
-  | 'android.permission.WRITE_EXTERNAL_STORAGE'
-  | 'android.permission.BLUETOOTH_CONNECT'
-  | 'android.permission.BLUETOOTH_SCAN'
-  | 'android.permission.BLUETOOTH_ADVERTISE'
-  | 'android.permission.ACCESS_MEDIA_LOCATION'
-  | 'android.permission.ACCEPT_HANDOVER'
-  | 'android.permission.ACTIVITY_RECOGNITION'
-  | 'android.permission.ANSWER_PHONE_CALLS'
-  | 'android.permission.READ_PHONE_NUMBERS'
-  | 'android.permission.UWB_RANGING'
-  | 'android.permission.POST_NOTIFICATIONS'
-  | 'android.permission.NEARBY_WIFI_DEVICES';
-*/
-
-export interface Spec extends TurboModule {
-  +checkPermission: (permission: PermissionType) => Promise<boolean>;
-  +requestPermission: (permission: PermissionType) => Promise<PermissionStatus>;
-  +shouldShowRequestPermissionRationale: (
-    permission: string,
-  ) => Promise<boolean>;
-  +requestMultiplePermissions: (
-    permissions: Array<PermissionType>,
-  ) => Promise<{[permission: PermissionType]: PermissionStatus, ...}>;
-}
-
-export default (TurboModuleRegistry.get<Spec>('PermissionsAndroid'): ?Spec);
+export * from '../../src/private/specs/modules/NativePermissionsAndroid';
+import NativePermissionsAndroid from '../../src/private/specs/modules/NativePermissionsAndroid';
+export default NativePermissionsAndroid;
diff --git a/packages/react-native/Libraries/PermissionsAndroid/PermissionsAndroid.js b/packages/react-native/Libraries/PermissionsAndroid/PermissionsAndroid.js
index 12cb1b83091a07..fa9497607b4423 100644
--- a/packages/react-native/Libraries/PermissionsAndroid/PermissionsAndroid.js
+++ b/packages/react-native/Libraries/PermissionsAndroid/PermissionsAndroid.js
@@ -134,9 +134,9 @@ class PermissionsAndroid {
     WRITE_EXTERNAL_STORAGE: string,
   |} = PERMISSIONS;
   RESULTS: {|
-    DENIED: $TEMPORARY$string<'denied'>,
-    GRANTED: $TEMPORARY$string<'granted'>,
-    NEVER_ASK_AGAIN: $TEMPORARY$string<'never_ask_again'>,
+    DENIED: 'denied',
+    GRANTED: 'granted',
+    NEVER_ASK_AGAIN: 'never_ask_again',
   |} = PERMISSION_REQUEST_RESULT;
 
   /**
diff --git a/packages/react-native/Libraries/Pressability/Pressability.js b/packages/react-native/Libraries/Pressability/Pressability.js
index 92c638cdc231a7..893c9b858c421d 100644
--- a/packages/react-native/Libraries/Pressability/Pressability.js
+++ b/packages/react-native/Libraries/Pressability/Pressability.js
@@ -319,6 +319,7 @@ const DEFAULT_MIN_PRESS_DURATION = 130;
 
 const DEFAULT_LONG_PRESS_DEACTIVATION_DISTANCE = 10;
 let longPressDeactivationDistance = DEFAULT_LONG_PRESS_DEACTIVATION_DISTANCE;
+
 /**
  * Pressability implements press handling capabilities.
  *
@@ -339,7 +340,8 @@ let longPressDeactivationDistance = DEFAULT_LONG_PRESS_DEACTIVATION_DISTANCE;
  * bounds should trigger deactivation, but moving the same finger back within an
  * element's bounds should trigger reactivation.
  *
- * In order to use `Pressability`, do the following:
+ * This should be consumed by functional components using `usePressability`. The
+ * following steps are only relevant for using `Pressability` in classes:
  *
  * 1. Instantiate `Pressability` and store it on your component's state.
  *
@@ -356,7 +358,15 @@ let longPressDeactivationDistance = DEFAULT_LONG_PRESS_DEACTIVATION_DISTANCE;
  *      <View {...this.state.pressability.getEventHandlers()} />
  *    );
  *
- * 3. Reset `Pressability` when your component unmounts.
+ * 3. Update `Pressability` when your component mounts, updates, and unmounts.
+ *
+ *    componentDidMount() {
+ *      this.state.pressability.configure(...);
+ *    }
+ *
+ *    componentDidUpdate() {
+ *      this.state.pressability.configure(...);
+ *    }
  *
  *    componentWillUnmount() {
  *      this.state.pressability.reset();
diff --git a/packages/react-native/Libraries/Pressability/usePressability.js b/packages/react-native/Libraries/Pressability/usePressability.js
index 3204711c9e5039..3f2aebb4461261 100644
--- a/packages/react-native/Libraries/Pressability/usePressability.js
+++ b/packages/react-native/Libraries/Pressability/usePressability.js
@@ -18,6 +18,13 @@ import {useEffect, useRef} from 'react';
  * Creates a persistent instance of `Pressability` that automatically configures
  * itself and resets. Accepts null `config` to support lazy initialization. Once
  * initialized, will not un-initialize until the component has been unmounted.
+ *
+ * In order to use `usePressability`, do the following:
+ *
+ *   const config = useMemo(...);
+ *   const eventHandlers = usePressability(config);
+ *   const pressableView = <View {...eventHandlers} />;
+ *
  */
 export default function usePressability(
   config: ?PressabilityConfig,
diff --git a/packages/react-native/Libraries/PushNotificationIOS/NativePushNotificationManagerIOS.js b/packages/react-native/Libraries/PushNotificationIOS/NativePushNotificationManagerIOS.js
index 0df32a8b3792ea..e7d2b687b0e81d 100644
--- a/packages/react-native/Libraries/PushNotificationIOS/NativePushNotificationManagerIOS.js
+++ b/packages/react-native/Libraries/PushNotificationIOS/NativePushNotificationManagerIOS.js
@@ -4,104 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
- * @flow
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-type Permissions = {|
-  alert: boolean,
-  badge: boolean,
-  sound: boolean,
-|};
-
-type Notification = {|
-  +alertTitle?: ?string,
-  +alertBody?: ?string,
-  +userInfo?: ?Object,
-  /**
-   * Identifier for the notification category. See the [Apple documentation](https://developer.apple.com/documentation/usernotifications/declaring_your_actionable_notification_types)
-   * for more details.
-   */
-  +category?: ?string,
-  /**
-   * Actual type: string | number
-   *
-   * Schedule notifications using EITHER `fireDate` or `fireIntervalSeconds`.
-   * If both are specified, `fireDate` takes precedence.
-   * If you use `presentLocalNotification`, both will be ignored
-   * and the notification will be shown immediately.
-   */
-  +fireDate?: ?number,
-  /**
-   * Seconds from now to display the notification.
-   *
-   * Schedule notifications using EITHER `fireDate` or `fireIntervalSeconds`.
-   * If both are specified, `fireDate` takes precedence.
-   * If you use `presentLocalNotification`, both will be ignored
-   * and the notification will be shown immediately.
-   */
-  +fireIntervalSeconds?: ?number,
-  /** Badge count to display on the app icon. */
-  +applicationIconBadgeNumber?: ?number,
-  /** Whether to silence the notification sound. */
-  +isSilent?: ?boolean,
-  /**
-   * Custom notification sound to play. Write-only: soundName will be null when
-   * accessing already created notifications using getScheduledLocalNotifications
-   * or getDeliveredNotifications.
-   */
-  +soundName?: ?string,
-  /** DEPRECATED. This was used for iOS's legacy UILocalNotification. */
-  +alertAction?: ?string,
-  /** DEPRECATED. Use `fireDate` or `fireIntervalSeconds` instead. */
-  +repeatInterval?: ?string,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {||};
-  +onFinishRemoteNotification: (
-    notificationId: string,
-    /**
-     * Type:
-     *  'UIBackgroundFetchResultNewData' |
-     *  'UIBackgroundFetchResultNoData' |
-     *  'UIBackgroundFetchResultFailed'
-     */
-    fetchResult: string,
-  ) => void;
-  +setApplicationIconBadgeNumber: (num: number) => void;
-  +getApplicationIconBadgeNumber: (callback: (num: number) => void) => void;
-  +requestPermissions: (permission: {|
-    +alert: boolean,
-    +badge: boolean,
-    +sound: boolean,
-  |}) => Promise<Permissions>;
-  +abandonPermissions: () => void;
-  +checkPermissions: (callback: (permissions: Permissions) => void) => void;
-  +presentLocalNotification: (notification: Notification) => void;
-  +scheduleLocalNotification: (notification: Notification) => void;
-  +cancelAllLocalNotifications: () => void;
-  +cancelLocalNotifications: (userInfo: Object) => void;
-  +getInitialNotification: () => Promise<?Notification>;
-  +getScheduledLocalNotifications: (
-    callback: (notification: Notification) => void,
-  ) => void;
-  +removeAllDeliveredNotifications: () => void;
-  +removeDeliveredNotifications: (identifiers: Array<string>) => void;
-  +getDeliveredNotifications: (
-    callback: (notification: Array<Notification>) => void,
-  ) => void;
-  +getAuthorizationStatus: (
-    callback: (authorizationStatus: number) => void,
-  ) => void;
-  +addListener: (eventType: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>(
-  'PushNotificationManager',
-): ?Spec);
+export * from '../../src/private/specs/modules/NativePushNotificationManagerIOS';
+import NativePushNotificationManagerIOS from '../../src/private/specs/modules/NativePushNotificationManagerIOS';
+export default NativePushNotificationManagerIOS;
diff --git a/packages/react-native/Libraries/PushNotificationIOS/PushNotificationIOS.js b/packages/react-native/Libraries/PushNotificationIOS/PushNotificationIOS.js
index 91c7e02c3e4c2e..f51e3db3b58ae9 100644
--- a/packages/react-native/Libraries/PushNotificationIOS/PushNotificationIOS.js
+++ b/packages/react-native/Libraries/PushNotificationIOS/PushNotificationIOS.js
@@ -70,12 +70,16 @@ export type FetchResult = {
 export type PushNotificationEventName = $Keys<{
   /**
    * Fired when a remote notification is received. The handler will be invoked
-   * with an instance of `PushNotificationIOS`.
+   * with an instance of `PushNotificationIOS`. This will handle notifications
+   * that arrive in the foreground or were tapped to open the app from the
+   * background.
    */
   notification: string,
   /**
    * Fired when a local notification is received. The handler will be invoked
-   * with an instance of `PushNotificationIOS`.
+   * with an instance of `PushNotificationIOS`. This will handle notifications
+   * that arrive in the foreground or were tapped to open the app from the
+   * background.
    */
   localNotification: string,
   /**
@@ -85,8 +89,8 @@ export type PushNotificationEventName = $Keys<{
   register: string,
   /**
    * Fired when the user fails to register for remote notifications. Typically
-   * occurs when APNS is having issues, or the device is a simulator. The
-   * handler will be invoked with {message: string, code: number, details: any}.
+   * occurs due to APNS issues or if the device is a simulator. The handler
+   * will be invoked with {message: string, code: number, details: any}.
    */
   registrationError: string,
   ...
@@ -94,8 +98,7 @@ export type PushNotificationEventName = $Keys<{
 
 /**
  *
- * Handle push notifications for your app, including permission handling and
- * icon badge number.
+ * Handle notifications for your app, including scheduling and permissions.
  *
  * See https://reactnative.dev/docs/pushnotificationios
  */
@@ -118,7 +121,7 @@ class PushNotificationIOS {
   };
 
   /**
-   * Schedules the localNotification for immediate presentation.
+   * Schedules a local notification for immediate presentation.
    *
    * See https://reactnative.dev/docs/pushnotificationios#presentlocalnotification
    */
@@ -131,7 +134,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Schedules the localNotification for future presentation.
+   * Schedules a local notification for future presentation.
    *
    * See https://reactnative.dev/docs/pushnotificationios#schedulelocalnotification
    */
@@ -144,7 +147,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Cancels all scheduled localNotifications.
+   * Cancels all scheduled local notifications.
    *
    * See https://reactnative.dev/docs/pushnotificationios#cancelalllocalnotifications
    */
@@ -157,7 +160,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Remove all delivered notifications from Notification Center.
+   * Removes all delivered notifications from Notification Center.
    *
    * See https://reactnative.dev/docs/pushnotificationios#removealldeliverednotifications
    */
@@ -170,7 +173,8 @@ class PushNotificationIOS {
   }
 
   /**
-   * Provides you with a list of the app’s notifications that are still displayed in Notification Center.
+   * Provides a list of the app’s notifications that are currently displayed
+   * in Notification Center.
    *
    * See https://reactnative.dev/docs/pushnotificationios#getdeliverednotifications
    */
@@ -185,7 +189,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Removes the specified notifications from Notification Center
+   * Removes the specified notifications from Notification Center.
    *
    * See https://reactnative.dev/docs/pushnotificationios#removedeliverednotifications
    */
@@ -198,7 +202,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Sets the badge number for the app icon on the home screen.
+   * Sets the badge number for the app icon on the Home Screen.
    *
    * See https://reactnative.dev/docs/pushnotificationios#setapplicationiconbadgenumber
    */
@@ -211,7 +215,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Gets the current badge number for the app icon on the home screen.
+   * Gets the current badge number for the app icon on the Home Screen.
    *
    * See https://reactnative.dev/docs/pushnotificationios#getapplicationiconbadgenumber
    */
@@ -224,7 +228,8 @@ class PushNotificationIOS {
   }
 
   /**
-   * Cancel local notifications.
+   * Cancels any scheduled local notifications which match the fields in the
+   * provided `userInfo`.
    *
    * See https://reactnative.dev/docs/pushnotificationios#cancellocalnotification
    */
@@ -237,7 +242,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Gets the local notifications that are currently scheduled.
+   * Gets the list of local notifications that are currently scheduled.
    *
    * See https://reactnative.dev/docs/pushnotificationios#getscheduledlocalnotifications
    */
@@ -250,8 +255,8 @@ class PushNotificationIOS {
   }
 
   /**
-   * Attaches a listener to remote or local notification events while the app
-   * is running in the foreground or the background.
+   * Attaches a listener to notification events including local notifications,
+   * remote notifications, and notification registration results.
    *
    * See https://reactnative.dev/docs/pushnotificationios#addeventlistener
    */
@@ -305,10 +310,7 @@ class PushNotificationIOS {
    *
    * See https://reactnative.dev/docs/pushnotificationios#removeeventlistener
    */
-  static removeEventListener(
-    type: PushNotificationEventName,
-    handler: Function,
-  ): void {
+  static removeEventListener(type: PushNotificationEventName): void {
     invariant(
       type === 'notification' ||
         type === 'register' ||
@@ -325,10 +327,9 @@ class PushNotificationIOS {
   }
 
   /**
-   * Requests notification permissions from iOS, prompting the user's
+   * Requests notification permissions from iOS, prompting the user with a
    * dialog box. By default, it will request all notification permissions, but
-   * a subset of these can be requested by passing a map of requested
-   * permissions.
+   * you can optionally specify which permissions to request.
    *
    * See https://reactnative.dev/docs/pushnotificationios#requestpermissions
    */
@@ -365,7 +366,8 @@ class PushNotificationIOS {
   }
 
   /**
-   * Unregister for all remote notifications received via Apple Push Notification service.
+   * Unregister for all remote notifications received via Apple Push Notification
+   * service. This should be called in rare circumstances only.
    *
    * See https://reactnative.dev/docs/pushnotificationios#abandonpermissions
    */
@@ -378,8 +380,8 @@ class PushNotificationIOS {
   }
 
   /**
-   * See what push permissions are currently enabled. `callback` will be
-   * invoked with a `permissions` object.
+   * Check which push permissions are currently enabled. `callback` will be
+   * invoked with a `Permissions` object.
    *
    * See https://reactnative.dev/docs/pushnotificationios#checkpermissions
    */
@@ -411,7 +413,8 @@ class PushNotificationIOS {
   }
 
   /**
-   * This method returns a promise that resolves to notification authorization status.
+   * This method returns a promise that resolves to the current notification
+   * authorization status. See UNAuthorizationStatus for possible values.
    */
   static getAuthorizationStatus(
     callback: (authorizationStatus: number) => void,
@@ -427,7 +430,7 @@ class PushNotificationIOS {
   /**
    * You will never need to instantiate `PushNotificationIOS` yourself.
    * Listening to the `notification` event and invoking
-   * `getInitialNotification` is sufficient
+   * `getInitialNotification` is sufficient.
    *
    */
   constructor(nativeNotif: Object) {
@@ -466,7 +469,8 @@ class PushNotificationIOS {
 
   /**
    * This method is available for remote notifications that have been received via:
-   * `application:didReceiveRemoteNotification:fetchCompletionHandler:`
+   * `application:didReceiveRemoteNotification:fetchCompletionHandler:`. See docs
+   * for more information.
    *
    * See https://reactnative.dev/docs/pushnotificationios#finish
    */
@@ -492,7 +496,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * An alias for `getAlert` to get the notification's main message string
+   * An alias for `getAlert` to get the notification's main message string.
    */
   getMessage(): ?string | ?Object {
     // alias because "alert" is an ambiguous name
@@ -500,7 +504,8 @@ class PushNotificationIOS {
   }
 
   /**
-   * Gets the sound string from the `aps` object
+   * Gets the sound string from the `aps` object. This will be `null` for local
+   * notifications.
    *
    * See https://reactnative.dev/docs/pushnotificationios#getsound
    */
@@ -509,7 +514,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Gets the category string from the `aps` object
+   * Gets the category string from the `aps` object.
    *
    * See https://reactnative.dev/docs/pushnotificationios#getcategory
    */
@@ -518,7 +523,8 @@ class PushNotificationIOS {
   }
 
   /**
-   * Gets the notification's main message from the `aps` object
+   * Gets the notification's main message from the `aps` object. Also see the
+   * alias: `getMessage()`.
    *
    * See https://reactnative.dev/docs/pushnotificationios#getalert
    */
@@ -527,7 +533,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Gets the content-available number from the `aps` object
+   * Gets the content-available number from the `aps` object.
    *
    * See https://reactnative.dev/docs/pushnotificationios#getcontentavailable
    */
@@ -536,7 +542,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Gets the badge count number from the `aps` object
+   * Gets the badge count number from the `aps` object.
    *
    * See https://reactnative.dev/docs/pushnotificationios#getbadgecount
    */
@@ -545,7 +551,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Gets the data object on the notif
+   * Gets the data object on the notification.
    *
    * See https://reactnative.dev/docs/pushnotificationios#getdata
    */
@@ -554,7 +560,7 @@ class PushNotificationIOS {
   }
 
   /**
-   * Gets the thread ID on the notif
+   * Gets the thread ID on the notification.
    *
    * See https://reactnative.dev/docs/pushnotificationios#getthreadid
    */
diff --git a/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.h b/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.h
index b7944837bf9147..deb69e766b848c 100644
--- a/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.h
+++ b/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.h
@@ -6,6 +6,9 @@
  */
 
 #import <React/RCTEventEmitter.h>
+#if TARGET_OS_OSX // [macOS
+#import <UserNotifications/UserNotifications.h>
+#endif // macOS]
 
 extern NSString *const RCTRemoteNotificationReceived;
 
@@ -16,17 +19,49 @@ typedef void (^RCTRemoteNotificationCallback)(UIBackgroundFetchResult result);
 #endif // [macOS]
 
 + (void)didRegisterForRemoteNotificationsWithDeviceToken:(NSData *)deviceToken;
-+ (void)didReceiveRemoteNotification:(NSDictionary *)notification;
-#if !TARGET_OS_OSX // [macOS]
++ (void)didFailToRegisterForRemoteNotificationsWithError:(NSError *)error;
+/**
+ * Triggers remoteNotificationReceived or localNotificationReceived events.
+ *
+ * Call this method from UNUserNotificationCenterDelegate's
+ * `userNotificationCenter:didReceiveNotificationResponse:withCompletionHandler:` in order to process a user tap on a
+ * notification.
+ *
+ * To process notifications received while the app is in the foreground, call this method from
+ * `userNotificationCenter:willPresentNotification:withCompletionHandler:`. Use the completion handler to determine if
+ * the push notification should be shown; to match prior behavior which does not show foreground notifications, use
+ * UNNotificationPresentationOptionNone.
+ *
+ * If you need to determine if the notification is remote, check that notification.request.trigger
+ * is an instance of UNPushNotificationTrigger.
+ */
++ (void)didReceiveNotification:(UNNotification *)notification;
+
+ #if !TARGET_OS_OSX // [macOS]
+/**
+ * Call this from your app delegate's `application:didReceiveRemoteNotification:fetchCompletionHandler:`. If you
+ * implement both that method and `userNotificationCenter:didReceiveNotificationResponse:withCompletionHandler:`, only
+ * the latter will be called.
+ */
 + (void)didReceiveRemoteNotification:(NSDictionary *)notification
               fetchCompletionHandler:(RCTRemoteNotificationCallback)completionHandler;
 #if TARGET_OS_IOS // [visionOS]
-+ (void)didReceiveLocalNotification:(UILocalNotification *)notification;
+/** DEPRECATED. Use didReceiveNotification instead. */
++ (void)didReceiveLocalNotification:(UILocalNotification *)notification RCT_DEPRECATED;
 #endif // [visionOS]
 #endif // [macOS]
 #if TARGET_OS_OSX // [macOS
-+ (void)didReceiveUserNotification:(NSUserNotification *)notification;
+/** DEPRECATED. Use didReceiveNotification instead. */
++ (void)didReceiveUserNotification:(NSUserNotification *)notification RCT_DEPRECATED;
 #endif // macOS]
-+ (void)didFailToRegisterForRemoteNotificationsWithError:(NSError *)error;
+
+/**
+ * Call this in `userNotificationCenter:didReceiveNotificationResponse:withCompletionHandler:`
+ * to get the correct value from .getInitialNotification in JS.
+ */
++ (void)setInitialNotification:(UNNotification *)notification;
+
+/** DEPRECATED. Use didReceiveNotification instead. */
++ (void)didReceiveRemoteNotification:(NSDictionary *)notification RCT_DEPRECATED;
 
 @end
diff --git a/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm b/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm
index 3e7a6e6826d5f1..8ee6fc3c1afdfa 100644
--- a/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm
+++ b/packages/react-native/Libraries/PushNotificationIOS/RCTPushNotificationManager.mm
@@ -23,6 +23,7 @@
 static NSString *const kRemoteNotificationRegistrationFailed = @"RemoteNotificationRegistrationFailed";
 
 static NSString *const kErrorUnableToRequestPermissions = @"E_UNABLE_TO_REQUEST_PERMISSIONS";
+static UNNotification *kInitialNotification = nil;
 
 @interface RCTPushNotificationManager () <NativePushNotificationManagerIOSSpec>
 @property (nonatomic, strong) NSMutableDictionary *remoteNotificationCallbacks;
@@ -191,6 +192,11 @@ @implementation RCTPushNotificationManager
   return [formatter stringFromDate:date];
 }
 
+static BOOL IsNotificationRemote(UNNotification *notification)
+{
+  return [notification.request.trigger isKindOfClass:[UNPushNotificationTrigger class]];
+}
+
 RCT_EXPORT_MODULE()
 
 - (dispatch_queue_t)methodQueue
@@ -253,26 +259,41 @@ + (void)didFailToRegisterForRemoteNotificationsWithError:(NSError *)error
                                                     userInfo:@{@"error" : error}];
 }
 
-+ (void)didReceiveRemoteNotification:(NSDictionary *)notification
++ (void)didReceiveNotification:(UNNotification *)notification
 {
-  NSDictionary *userInfo = @{@"notification" : notification};
-  [[NSNotificationCenter defaultCenter] postNotificationName:RCTRemoteNotificationReceived
-                                                      object:self
-                                                    userInfo:userInfo];
+  BOOL const isRemoteNotification = IsNotificationRemote(notification);
+  if (isRemoteNotification) {
+    NSDictionary *userInfo = @{@"notification" : notification.request.content.userInfo};
+    [[NSNotificationCenter defaultCenter] postNotificationName:RCTRemoteNotificationReceived
+                                                        object:self
+                                                      userInfo:userInfo];
+  } else {
+    [[NSNotificationCenter defaultCenter] postNotificationName:kLocalNotificationReceived
+                                                        object:self
+                                                      userInfo:RCTFormatUNNotification(notification)];
+  }
 }
 
 #if !TARGET_OS_OSX // [macOS]
 + (void)didReceiveRemoteNotification:(NSDictionary *)notification
               fetchCompletionHandler:(RCTRemoteNotificationCallback)completionHandler
 {
-  NSDictionary *userInfo = @{@"notification" : notification, @"completionHandler" : completionHandler};
+  NSDictionary *userInfo = completionHandler
+      ? @{@"notification" : notification, @"completionHandler" : completionHandler}
+      : @{@"notification" : notification};
   [[NSNotificationCenter defaultCenter] postNotificationName:RCTRemoteNotificationReceived
                                                       object:self
                                                     userInfo:userInfo];
 }
 #endif // [macOS]
 
++ (void)setInitialNotification:(UNNotification *)notification
+{
+  kInitialNotification = notification;
+}
+
 #if TARGET_OS_IOS // [macOS] [visionOS]
+// Deprecated
 + (void)didReceiveLocalNotification:(UILocalNotification *)notification
 {
   [[NSNotificationCenter defaultCenter] postNotificationName:kLocalNotificationReceived
@@ -280,6 +301,27 @@ + (void)didReceiveLocalNotification:(UILocalNotification *)notification
                                                     userInfo:RCTFormatLocalNotification(notification)];
 }
 #endif // [macOS] [visionOS]
+
+// Deprecated
++ (void)didReceiveRemoteNotification:(NSDictionary *)notification
+{
+  NSDictionary *userInfo = @{@"notification" : notification};
+  [[NSNotificationCenter defaultCenter] postNotificationName:RCTRemoteNotificationReceived
+                                                      object:self
+                                                    userInfo:userInfo];
+}
+
+- (void)invalidate
+{
+  [super invalidate];
+
+  kInitialNotification = nil;
+}
+
+- (void)dealloc
+{
+  kInitialNotification = nil;
+}
 #if TARGET_OS_OSX // [macOS
 + (void)didReceiveUserNotification:(NSUserNotification *)notification
 {
@@ -559,30 +601,54 @@ - (void)handleRemoteNotificationRegistrationError:(NSNotification *)notification
                   : (RCTPromiseResolveBlock)resolve reject
                   : (__unused RCTPromiseRejectBlock)reject)
 {
+  // The user actioned a local or remote notification to launch the app. Notification is represented by UNNotification.
+  // Set this property in the implementation of
+  // userNotificationCenter:didReceiveNotificationResponse:withCompletionHandler.
+  if (kInitialNotification) {
+    NSDictionary<NSString *, id> *notificationDict =
+        RCTFormatUNNotificationContent(kInitialNotification.request.content);
+    if (IsNotificationRemote(kInitialNotification)) {
+      // For backwards compatibility, remote notifications only returns a userInfo dict.
+      NSMutableDictionary<NSString *, id> *userInfoCopy = [notificationDict[@"userInfo"] mutableCopy];
+      userInfoCopy[@"remote"] = @YES;
+      resolve(userInfoCopy);
+    } else {
+      // For backwards compatibility, local notifications return the notification.
+      resolve(notificationDict);
+    }
+    return;
+  }
+  
 #if TARGET_OS_IOS // [macOS] [visionOS]
-  NSMutableDictionary<NSString *, id> *initialNotification =
+  NSMutableDictionary<NSString *, id> *initialRemoteNotification =
       [self.bridge.launchOptions[UIApplicationLaunchOptionsRemoteNotificationKey] mutableCopy];
 
+  // The user actioned a remote notification to launch the app. This is a fallback that is deprecated
+  // in the new architecture.
+  if (initialRemoteNotification) {
+    initialRemoteNotification[@"remote"] = @YES;
+    resolve(initialRemoteNotification);
+    return;
+  }
+
   UILocalNotification *initialLocalNotification =
       self.bridge.launchOptions[UIApplicationLaunchOptionsLocalNotificationKey];
 
-  if (initialNotification) {
-    initialNotification[@"remote"] = @YES;
-    resolve(initialNotification);
-  } else if (initialLocalNotification) {
+  // The user actioned a local notification to launch the app. Notification is represented by UILocalNotification. This
+  // is deprecated.
+  if (initialLocalNotification) {
     resolve(RCTFormatLocalNotification(initialLocalNotification));
-  } else {
-    resolve((id)kCFNull);
+    return;
   }
 #endif // [macOS] [visionOS]
 #if TARGET_OS_OSX // [macOS
   NSUserNotification *initialNotification = self.bridge.launchOptions[NSApplicationLaunchUserNotificationKey];
   if (initialNotification) {
     resolve(RCTFormatUserNotification(initialNotification));
-  } else {
-    resolve((id)kCFNull);
   }
 #endif // macOS]
+
+  resolve((id)kCFNull);
 }
 
 RCT_EXPORT_METHOD(getScheduledLocalNotifications : (RCTResponseSenderBlock)callback)
diff --git a/packages/react-native/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec b/packages/react-native/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec
index a97f267daa8c5b..14002a521e975f 100644
--- a/packages/react-native/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec
+++ b/packages/react-native/Libraries/PushNotificationIOS/React-RCTPushNotification.podspec
@@ -16,22 +16,15 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 header_search_paths = [
   "\"$(PODS_ROOT)/RCT-Folly\"",
   "\"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\"",
-  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
 ]
 
-if ENV["USE_FRAMEWORKS"]
-  header_search_paths = header_search_paths.concat([
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\""
-  ])
-end
-
 Pod::Spec.new do |s|
   s.name                   = "React-RCTPushNotification"
   s.version                = version
@@ -53,9 +46,11 @@ Pod::Spec.new do |s|
                              }
   s.framework              = "UserNotifications"
 
-  s.dependency "React-Codegen", version
-  s.dependency "RCTTypeSafety", version
-  s.dependency "React-Core/RCTPushNotificationHeaders", version
-  s.dependency "ReactCommon/turbomodule/core", version
-  s.dependency "React-jsi", version
+  s.dependency "RCTTypeSafety"
+  s.dependency "React-Core/RCTPushNotificationHeaders"
+  s.dependency "React-jsi"
+
+  add_dependency(s, "React-Codegen", :additional_framework_paths => ["build/generated/ios"])
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
+  add_dependency(s, "React-NativeModulesApple")
 end
diff --git a/packages/react-native/Libraries/ReactNative/AppContainer-dev.js b/packages/react-native/Libraries/ReactNative/AppContainer-dev.js
new file mode 100644
index 00000000000000..05c97b5d44de1a
--- /dev/null
+++ b/packages/react-native/Libraries/ReactNative/AppContainer-dev.js
@@ -0,0 +1,192 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {
+  ReactDevToolsAgent,
+  ReactDevToolsGlobalHook,
+} from '../Types/ReactDevToolsTypes';
+import type {Props} from './AppContainer';
+
+import ReactNativeStyleAttributes from '../Components/View/ReactNativeStyleAttributes';
+import View from '../Components/View/View';
+import DebuggingOverlay from '../Debugging/DebuggingOverlay';
+import useSubscribeToDebuggingOverlayRegistry from '../Debugging/useSubscribeToDebuggingOverlayRegistry';
+import RCTDeviceEventEmitter from '../EventEmitter/RCTDeviceEventEmitter';
+import ReactDevToolsOverlay from '../Inspector/ReactDevToolsOverlay';
+import LogBoxNotificationContainer from '../LogBox/LogBoxNotificationContainer';
+import StyleSheet from '../StyleSheet/StyleSheet';
+import {RootTagContext, createRootTag} from './RootTag';
+import * as React from 'react';
+
+const {useEffect, useState, useCallback} = React;
+
+const reactDevToolsHook: ReactDevToolsGlobalHook =
+  window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
+
+// Required for React DevTools to view / edit React Native styles in Flipper.
+// Flipper doesn't inject these values when initializing DevTools.
+if (reactDevToolsHook) {
+  reactDevToolsHook.resolveRNStyle = require('../StyleSheet/flattenStyle');
+  reactDevToolsHook.nativeStyleEditorValidAttributes = Object.keys(
+    ReactNativeStyleAttributes,
+  );
+}
+
+type InspectorDeferredProps = {
+  inspectedViewRef: InspectedViewRef,
+  onInspectedViewRerenderRequest: () => void,
+  reactDevToolsAgent?: ReactDevToolsAgent,
+};
+
+const InspectorDeferred = ({
+  inspectedViewRef,
+  onInspectedViewRerenderRequest,
+  reactDevToolsAgent,
+}: InspectorDeferredProps) => {
+  // D39382967 adds a require cycle: InitializeCore -> AppContainer -> Inspector -> InspectorPanel -> ScrollView -> InitializeCore
+  // We can't remove it yet, fallback to dynamic require for now. This is the only reason why this logic is in a separate function.
+  const Inspector = require('../Inspector/Inspector');
+
+  return (
+    <Inspector
+      inspectedViewRef={inspectedViewRef}
+      onRequestRerenderApp={onInspectedViewRerenderRequest}
+      reactDevToolsAgent={reactDevToolsAgent}
+    />
+  );
+};
+
+const AppContainer = ({
+  children,
+  fabric,
+  initialProps,
+  internal_excludeInspector = false,
+  internal_excludeLogBox = false,
+  rootTag,
+  showArchitectureIndicator,
+  WrapperComponent,
+}: Props): React.Node => {
+  const appContainerRootViewRef: AppContainerRootViewRef = React.useRef(null);
+  const innerViewRef: InspectedViewRef = React.useRef(null);
+  const debuggingOverlayRef: DebuggingOverlayRef = React.useRef(null);
+
+  useSubscribeToDebuggingOverlayRegistry(
+    appContainerRootViewRef,
+    debuggingOverlayRef,
+  );
+
+  const [key, setKey] = useState(0);
+  const [shouldRenderInspector, setShouldRenderInspector] = useState(false);
+  const [reactDevToolsAgent, setReactDevToolsAgent] =
+    useState<ReactDevToolsAgent | void>(reactDevToolsHook?.reactDevtoolsAgent);
+
+  useEffect(() => {
+    let inspectorSubscription = null;
+    if (!internal_excludeInspector) {
+      inspectorSubscription = RCTDeviceEventEmitter.addListener(
+        'toggleElementInspector',
+        () => setShouldRenderInspector(value => !value),
+      );
+    }
+
+    let reactDevToolsAgentListener = null;
+    // If this is first render, subscribe to the event from React DevTools hook
+    if (reactDevToolsHook != null && reactDevToolsAgent == null) {
+      reactDevToolsAgentListener = setReactDevToolsAgent;
+      reactDevToolsHook.on?.('react-devtools', reactDevToolsAgentListener);
+    }
+
+    return () => {
+      inspectorSubscription?.remove();
+
+      if (
+        reactDevToolsHook?.off != null &&
+        reactDevToolsAgentListener != null
+      ) {
+        reactDevToolsHook.off('react-devtools', reactDevToolsAgentListener);
+      }
+    };
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+
+  let innerView: React.Node = (
+    <View
+      collapsable={reactDevToolsAgent == null && !shouldRenderInspector}
+      pointerEvents="box-none"
+      key={key}
+      style={styles.container}
+      ref={innerViewRef}>
+      {children}
+    </View>
+  );
+
+  if (WrapperComponent != null) {
+    innerView = (
+      <WrapperComponent
+        initialProps={initialProps}
+        fabric={fabric === true}
+        showArchitectureIndicator={showArchitectureIndicator === true}>
+        {innerView}
+      </WrapperComponent>
+    );
+  }
+
+  const onInspectedViewRerenderRequest = useCallback(
+    () => setKey(k => k + 1),
+    [],
+  );
+
+  return (
+    <RootTagContext.Provider value={createRootTag(rootTag)}>
+      <View
+        ref={appContainerRootViewRef}
+        style={styles.container}
+        pointerEvents="box-none">
+        {innerView}
+
+        <DebuggingOverlay ref={debuggingOverlayRef} />
+
+        {reactDevToolsAgent != null && (
+          <ReactDevToolsOverlay
+            inspectedViewRef={innerViewRef}
+            reactDevToolsAgent={reactDevToolsAgent}
+          />
+        )}
+
+        {shouldRenderInspector && (
+          <InspectorDeferred
+            inspectedViewRef={innerViewRef}
+            onInspectedViewRerenderRequest={onInspectedViewRerenderRequest}
+            reactDevToolsAgent={reactDevToolsAgent}
+          />
+        )}
+
+        {!internal_excludeLogBox && <LogBoxNotificationContainer />}
+      </View>
+    </RootTagContext.Provider>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {flex: 1},
+});
+
+export type AppContainerRootViewRef = React.RefObject<React.ElementRef<
+  typeof View,
+> | null>;
+export type InspectedViewRef = React.RefObject<React.ElementRef<
+  typeof View,
+> | null>;
+export type DebuggingOverlayRef = React.RefObject<React.ElementRef<
+  typeof DebuggingOverlay,
+> | null>;
+
+export default AppContainer;
diff --git a/packages/react-native/Libraries/ReactNative/AppContainer-prod.js b/packages/react-native/Libraries/ReactNative/AppContainer-prod.js
new file mode 100644
index 00000000000000..201d54562b91a8
--- /dev/null
+++ b/packages/react-native/Libraries/ReactNative/AppContainer-prod.js
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {Props} from './AppContainer';
+
+import View from '../Components/View/View';
+import StyleSheet from '../StyleSheet/StyleSheet';
+import {RootTagContext, createRootTag} from './RootTag';
+import * as React from 'react';
+
+const AppContainer = ({
+  children,
+  fabric,
+  initialProps,
+  rootTag,
+  showArchitectureIndicator,
+  WrapperComponent,
+}: Props): React.Node => {
+  let innerView = children;
+
+  if (WrapperComponent != null) {
+    innerView = (
+      <WrapperComponent
+        initialProps={initialProps}
+        fabric={fabric === true}
+        showArchitectureIndicator={showArchitectureIndicator === true}>
+        {innerView}
+      </WrapperComponent>
+    );
+  }
+
+  return (
+    <RootTagContext.Provider value={createRootTag(rootTag)}>
+      <View style={styles.root} pointerEvents="box-none">
+        {innerView}
+      </View>
+    </RootTagContext.Provider>
+  );
+};
+
+const styles = StyleSheet.create({
+  root: {flex: 1},
+});
+
+export default AppContainer;
diff --git a/packages/react-native/Libraries/ReactNative/AppContainer.js b/packages/react-native/Libraries/ReactNative/AppContainer.js
index 1756383c926792..b27db96888b5b8 100644
--- a/packages/react-native/Libraries/ReactNative/AppContainer.js
+++ b/packages/react-native/Libraries/ReactNative/AppContainer.js
@@ -10,169 +10,21 @@
 
 import type {RootTag} from './RootTag';
 
-import View from '../Components/View/View';
-import RCTDeviceEventEmitter from '../EventEmitter/RCTDeviceEventEmitter';
-import StyleSheet from '../StyleSheet/StyleSheet';
-import {type EventSubscription} from '../vendor/emitter/EventEmitter';
-import {RootTagContext, createRootTag} from './RootTag';
 import * as React from 'react';
 
-const reactDevToolsHook = window.__REACT_DEVTOOLS_GLOBAL_HOOK__;
-
-type Props = $ReadOnly<{|
+export type Props = $ReadOnly<{|
   children?: React.Node,
   fabric?: boolean,
-  useConcurrentRoot?: boolean,
   rootTag: number | RootTag,
   initialProps?: {...},
   showArchitectureIndicator?: boolean,
   WrapperComponent?: ?React.ComponentType<any>,
-  internal_excludeLogBox?: ?boolean,
-  internal_excludeInspector?: ?boolean,
+  internal_excludeLogBox?: boolean,
+  internal_excludeInspector?: boolean,
 |}>;
 
-type State = {|
-  inspector: ?React.Node,
-  devtoolsOverlay: ?React.Node,
-  traceUpdateOverlay: ?React.Node,
-  mainKey: number,
-|};
-
-class AppContainer extends React.Component<Props, State> {
-  state: State = {
-    inspector: null,
-    devtoolsOverlay: null,
-    traceUpdateOverlay: null,
-    mainKey: 1,
-  };
-  _mainRef: ?React.ElementRef<typeof View>;
-  _subscription: ?EventSubscription = null;
-  _reactDevToolsAgentListener: ?() => void = null;
-
-  static getDerivedStateFromError: any = undefined;
-
-  mountReactDevToolsOverlays(): void {
-    const DevtoolsOverlay = require('../Inspector/DevtoolsOverlay').default;
-    const devtoolsOverlay = <DevtoolsOverlay inspectedView={this._mainRef} />;
-
-    const TraceUpdateOverlay =
-      require('../Components/TraceUpdateOverlay/TraceUpdateOverlay').default;
-    const traceUpdateOverlay = <TraceUpdateOverlay />;
-
-    this.setState({devtoolsOverlay, traceUpdateOverlay});
-  }
-
-  componentDidMount(): void {
-    if (__DEV__) {
-      if (!this.props.internal_excludeInspector) {
-        this._subscription = RCTDeviceEventEmitter.addListener(
-          'toggleElementInspector',
-          () => {
-            const Inspector = require('../Inspector/Inspector');
-            const inspector = this.state.inspector ? null : (
-              <Inspector
-                inspectedView={this._mainRef}
-                onRequestRerenderApp={updateInspectedView => {
-                  this.setState(
-                    s => ({mainKey: s.mainKey + 1}),
-                    () => updateInspectedView(this._mainRef),
-                  );
-                }}
-              />
-            );
-            this.setState({inspector});
-          },
-        );
-
-        if (reactDevToolsHook != null) {
-          if (reactDevToolsHook.reactDevtoolsAgent) {
-            // In case if this is not the first AppContainer rendered and React DevTools are already attached
-            this.mountReactDevToolsOverlays();
-            return;
-          }
-
-          this._reactDevToolsAgentListener = () =>
-            this.mountReactDevToolsOverlays();
-
-          if (reactDevToolsHook.on != null) {
-            reactDevToolsHook.on(
-              'react-devtools',
-              this._reactDevToolsAgentListener,
-            );
-          }
-        }
-      }
-    }
-  }
-
-  componentWillUnmount(): void {
-    if (this._subscription != null) {
-      this._subscription.remove();
-    }
-
-    if (
-      reactDevToolsHook?.off != null &&
-      this._reactDevToolsAgentListener != null
-    ) {
-      reactDevToolsHook.off('react-devtools', this._reactDevToolsAgentListener);
-    }
-  }
-
-  render(): React.Node {
-    let logBox = null;
-    if (__DEV__) {
-      if (!this.props.internal_excludeLogBox) {
-        const LogBoxNotificationContainer =
-          require('../LogBox/LogBoxNotificationContainer').default;
-        logBox = <LogBoxNotificationContainer />;
-      }
-    }
-
-    let innerView: React.Node = (
-      <View
-        collapsable={!this.state.inspector && !this.state.devtoolsOverlay}
-        key={this.state.mainKey}
-        pointerEvents="box-none"
-        style={styles.appContainer}
-        ref={ref => {
-          this._mainRef = ref;
-        }}>
-        {this.props.children}
-      </View>
-    );
-
-    const Wrapper = this.props.WrapperComponent;
-    if (Wrapper != null) {
-      innerView = (
-        <Wrapper
-          initialProps={this.props.initialProps}
-          fabric={this.props.fabric === true}
-          showArchitectureIndicator={
-            this.props.showArchitectureIndicator === true
-          }>
-          {innerView}
-        </Wrapper>
-      );
-    }
-
-    return (
-      <RootTagContext.Provider value={createRootTag(this.props.rootTag)}>
-        <View style={styles.appContainer} pointerEvents="box-none">
-          {innerView}
-          {this.state.traceUpdateOverlay}
-          {this.state.devtoolsOverlay}
-          {this.state.inspector}
-          {logBox}
-        </View>
-      </RootTagContext.Provider>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  appContainer: {
-    flex: 1,
-  },
-});
+const AppContainer: React.AbstractComponent<Props> = __DEV__
+  ? require('./AppContainer-dev').default
+  : require('./AppContainer-prod').default;
 
 module.exports = AppContainer;
diff --git a/packages/react-native/Libraries/ReactNative/AppRegistry.js b/packages/react-native/Libraries/ReactNative/AppRegistry.js
index afd4f08cff0774..69afb10dc3ae97 100644
--- a/packages/react-native/Libraries/ReactNative/AppRegistry.js
+++ b/packages/react-native/Libraries/ReactNative/AppRegistry.js
@@ -361,7 +361,9 @@ global.RN$SurfaceRegistry = {
   setSurfaceProps: AppRegistry.setSurfaceProps,
 };
 
-if (global.RN$Bridgeless !== true) {
+if (global.RN$Bridgeless === true) {
+  console.log('Bridgeless mode is enabled');
+} else {
   BatchedBridge.registerCallableModule('AppRegistry', AppRegistry);
 }
 
diff --git a/packages/react-native/Libraries/ReactNative/BridgelessUIManager.js b/packages/react-native/Libraries/ReactNative/BridgelessUIManager.js
index d7f0efd654e162..41e0e2bb57bd7f 100644
--- a/packages/react-native/Libraries/ReactNative/BridgelessUIManager.js
+++ b/packages/react-native/Libraries/ReactNative/BridgelessUIManager.js
@@ -11,93 +11,61 @@
 'use strict';
 
 import type {RootTag} from '../Types/RootTagTypes';
+import type {UIManagerJSInterface} from '../Types/UIManagerJSInterface';
 
 import {unstable_hasComponent} from '../NativeComponent/NativeComponentRegistryUnstable';
+import defineLazyObjectProperty from '../Utilities/defineLazyObjectProperty';
+import Platform from '../Utilities/Platform';
+import {getFabricUIManager} from './FabricUIManager';
+import nullthrows from 'nullthrows';
 
-let cachedConstants = null;
-
-const errorMessageForMethod = (methodName: string): string =>
-  "[ReactNative Architecture][JS] '" +
-  methodName +
-  "' is not available in the new React Native architecture.";
-
-function nativeViewConfigsInBridgelessModeEnabled(): boolean {
-  return global.RN$LegacyInterop_UIManager_getConstants !== undefined;
+function raiseSoftError(methodName: string, details?: string): void {
+  console.error(
+    `[ReactNative Architecture][JS] '${methodName}' is not available in the new React Native architecture.` +
+      (details ? ` ${details}` : ''),
+  );
 }
 
-function getCachedConstants(): Object {
-  if (!cachedConstants) {
-    cachedConstants = global.RN$LegacyInterop_UIManager_getConstants();
-  }
-  return cachedConstants;
-}
+const getUIManagerConstants: ?() => {[viewManagerName: string]: Object} =
+  global.RN$LegacyInterop_UIManager_getConstants;
 
-const UIManagerJS: {[string]: $FlowFixMe} = {
-  getViewManagerConfig: (viewManagerName: string): mixed => {
-    if (nativeViewConfigsInBridgelessModeEnabled()) {
-      return getCachedConstants()[viewManagerName];
-    } else {
-      console.error(
-        errorMessageForMethod('getViewManagerConfig') +
-          'Use hasViewManagerConfig instead. viewManagerName: ' +
-          viewManagerName,
-      );
-      return null;
+const getUIManagerConstantsCached = (function () {
+  let wasCalledOnce = false;
+  let result = {};
+  return (): {[viewManagerName: string]: Object} => {
+    if (!wasCalledOnce) {
+      result = nullthrows(getUIManagerConstants)();
+      wasCalledOnce = true;
     }
-  },
-  hasViewManagerConfig: (viewManagerName: string): boolean => {
-    return unstable_hasComponent(viewManagerName);
-  },
-  getConstants: (): Object => {
-    if (nativeViewConfigsInBridgelessModeEnabled()) {
-      return getCachedConstants();
-    } else {
-      console.error(errorMessageForMethod('getConstants'));
-      return null;
+    return result;
+  };
+})();
+
+const getConstantsForViewManager: ?(viewManagerName: string) => ?Object =
+  global.RN$LegacyInterop_UIManager_getConstantsForViewManager;
+
+const getDefaultEventTypes: ?() => Object =
+  global.RN$LegacyInterop_UIManager_getDefaultEventTypes;
+
+const getDefaultEventTypesCached = (function () {
+  let wasCalledOnce = false;
+  let result = null;
+  return (): Object => {
+    if (!wasCalledOnce) {
+      result = nullthrows(getDefaultEventTypes)();
+      wasCalledOnce = true;
     }
-  },
-  getConstantsForViewManager: (viewManagerName: string): Object => {
-    console.error(errorMessageForMethod('getConstantsForViewManager'));
-    return {};
-  },
-  getDefaultEventTypes: (): Array<string> => {
-    console.error(errorMessageForMethod('getDefaultEventTypes'));
-    return [];
-  },
-  lazilyLoadView: (name: string): Object => {
-    console.error(errorMessageForMethod('lazilyLoadView'));
-    return {};
-  },
-  createView: (
-    reactTag: ?number,
-    viewName: string,
-    rootTag: RootTag,
-    props: Object,
-  ): void => console.error(errorMessageForMethod('createView')),
-  updateView: (reactTag: number, viewName: string, props: Object): void =>
-    console.error(errorMessageForMethod('updateView')),
-  focus: (reactTag: ?number): void =>
-    console.error(errorMessageForMethod('focus')),
-  blur: (reactTag: ?number): void =>
-    console.error(errorMessageForMethod('blur')),
-  findSubviewIn: (
-    reactTag: ?number,
-    point: Array<number>,
-    callback: (
-      nativeViewTag: number,
-      left: number,
-      top: number,
-      width: number,
-      height: number,
-    ) => void,
-  ): void => console.error(errorMessageForMethod('findSubviewIn')),
-  dispatchViewManagerCommand: (
-    reactTag: ?number,
-    commandID: number,
-    commandArgs: ?Array<string | number | boolean>,
-  ): void => console.error(errorMessageForMethod('dispatchViewManagerCommand')),
+    return result;
+  };
+})();
+
+/**
+ * UIManager.js overrides these APIs.
+ * Pull them out from the BridgelessUIManager implementation. So, we can ignore them.
+ */
+const UIManagerJSOverridenAPIs = {
   measure: (
-    reactTag: ?number,
+    reactTag: number,
     callback: (
       left: number,
       top: number,
@@ -106,19 +74,18 @@ const UIManagerJS: {[string]: $FlowFixMe} = {
       pageX: number,
       pageY: number,
     ) => void,
-  ): void => console.error(errorMessageForMethod('measure')),
+  ): void => {
+    raiseSoftError('measure');
+  },
   measureInWindow: (
-    reactTag: ?number,
+    reactTag: number,
     callback: (x: number, y: number, width: number, height: number) => void,
-  ): void => console.error(errorMessageForMethod('measureInWindow')),
-  viewIsDescendantOf: (
-    reactTag: ?number,
-    ancestorReactTag: ?number,
-    callback: (result: Array<boolean>) => void,
-  ): void => console.error(errorMessageForMethod('viewIsDescendantOf')),
+  ): void => {
+    raiseSoftError('measureInWindow');
+  },
   measureLayout: (
-    reactTag: ?number,
-    ancestorReactTag: ?number,
+    reactTag: number,
+    ancestorReactTag: number,
     errorCallback: (error: Object) => void,
     callback: (
       left: number,
@@ -126,9 +93,11 @@ const UIManagerJS: {[string]: $FlowFixMe} = {
       width: number,
       height: number,
     ) => void,
-  ): void => console.error(errorMessageForMethod('measureLayout')),
+  ): void => {
+    raiseSoftError('measureLayout');
+  },
   measureLayoutRelativeToParent: (
-    reactTag: ?number,
+    reactTag: number,
     errorCallback: (error: Object) => void,
     callback: (
       left: number,
@@ -136,56 +105,334 @@ const UIManagerJS: {[string]: $FlowFixMe} = {
       width: number,
       height: number,
     ) => void,
-  ): void =>
-    console.error(errorMessageForMethod('measureLayoutRelativeToParent')),
-  setJSResponder: (reactTag: ?number, blockNativeResponder: boolean): void =>
-    console.error(errorMessageForMethod('setJSResponder')),
-  clearJSResponder: (): void => {}, // Don't log error here because we're aware it gets called
-  configureNextLayoutAnimation: (
-    config: Object,
-    callback: () => void,
-    errorCallback: (error: Object) => void,
-  ): void =>
-    console.error(errorMessageForMethod('configureNextLayoutAnimation')),
-  removeSubviewsFromContainerWithID: (containerID: number): void =>
-    console.error(errorMessageForMethod('removeSubviewsFromContainerWithID')),
-  replaceExistingNonRootView: (reactTag: ?number, newReactTag: ?number): void =>
-    console.error(errorMessageForMethod('replaceExistingNonRootView')),
-  setChildren: (containerTag: ?number, reactTags: Array<number>): void =>
-    console.error(errorMessageForMethod('setChildren')),
+  ): void => {
+    raiseSoftError('measureLayoutRelativeToParent');
+  },
+  dispatchViewManagerCommand: (
+    reactTag: number,
+    commandID: number,
+    commandArgs: ?Array<string | number | boolean>,
+  ): void => {
+    raiseSoftError('dispatchViewManagerCommand');
+  },
+};
+
+/**
+ * Leave Unimplemented: The only thing that called these methods was the paper renderer.
+ * In OSS, the New Architecture will just use the Fabric renderer, which uses
+ * different APIs.
+ */
+const UIManagerJSUnusedInNewArchAPIs = {
+  createView: (
+    reactTag: number,
+    viewName: string,
+    rootTag: RootTag,
+    props: Object,
+  ): void => {
+    raiseSoftError('createView');
+  },
+  updateView: (reactTag: number, viewName: string, props: Object): void => {
+    raiseSoftError('updateView');
+  },
+  setChildren: (containerTag: number, reactTags: Array<number>): void => {
+    raiseSoftError('setChildren');
+  },
   manageChildren: (
-    containerTag: ?number,
+    containerTag: number,
     moveFromIndices: Array<number>,
     moveToIndices: Array<number>,
     addChildReactTags: Array<number>,
     addAtIndices: Array<number>,
     removeAtIndices: Array<number>,
-  ): void => console.error(errorMessageForMethod('manageChildren')),
+  ): void => {
+    raiseSoftError('manageChildren');
+  },
+  setJSResponder: (reactTag: number, blockNativeResponder: boolean): void => {
+    raiseSoftError('setJSResponder');
+  },
+  clearJSResponder: (): void => {
+    raiseSoftError('clearJSResponder');
+  },
+};
+
+/**
+ * Leave unimplemented: These APIs are deprecated in UIManager. We will eventually remove
+ * them from React Native.
+ */
+const UIManagerJSDeprecatedPlatformAPIs = Platform.select({
+  android: {
+    // TODO(T175424986): Remove UIManager.showPopupMenu() in React Native v0.75.
+    showPopupMenu: (
+      reactTag: number,
+      items: Array<string>,
+      error: (error: Object) => void,
+      success: (event: string, selected?: number) => void,
+    ): void => {
+      raiseSoftError(
+        'showPopupMenu',
+        'Please use the <PopupMenuAndroid /> component instead.',
+      );
+    },
+    // TODO(T175424986): Remove UIManager.dismissPopupMenu() in React Native v0.75.
+    dismissPopupMenu: (): void => {
+      raiseSoftError(
+        'dismissPopupMenu',
+        'Please use the <PopupMenuAndroid /> component instead.',
+      );
+    },
+  },
+});
+
+const UIManagerJSPlatformAPIs = Platform.select({
+  android: {
+    getConstantsForViewManager: (viewManagerName: string): ?Object => {
+      if (getConstantsForViewManager) {
+        return getConstantsForViewManager(viewManagerName);
+      }
+
+      raiseSoftError('getConstantsForViewManager');
+      return {};
+    },
+    getDefaultEventTypes: (): Array<string> => {
+      if (getDefaultEventTypes) {
+        return getDefaultEventTypesCached();
+      }
+
+      raiseSoftError('getDefaultEventTypes');
+      return [];
+    },
+    setLayoutAnimationEnabledExperimental: (enabled: boolean): void => {
+      /**
+       * Layout animations are always enabled in the New Architecture.
+       * They cannot be turned off.
+       */
+      if (!enabled) {
+        raiseSoftError(
+          'setLayoutAnimationEnabledExperimental(false)',
+          'Layout animations are always enabled in the New Architecture.',
+        );
+      }
+    },
+    sendAccessibilityEvent: (reactTag: number, eventType: number): void => {
+      // Keep this in sync with java:FabricUIManager.sendAccessibilityEventFromJS
+      // and legacySendAccessibilityEvent.android.js
+      const AccessibilityEvent = {
+        TYPE_VIEW_FOCUSED: 0x00000008,
+        TYPE_WINDOW_STATE_CHANGED: 0x00000020,
+        TYPE_VIEW_CLICKED: 0x00000001,
+        TYPE_VIEW_HOVER_ENTER: 0x00000080,
+      };
+
+      let eventName = null;
+      if (eventType === AccessibilityEvent.TYPE_VIEW_FOCUSED) {
+        eventName = 'focus';
+      } else if (eventType === AccessibilityEvent.TYPE_WINDOW_STATE_CHANGED) {
+        eventName = 'windowStateChange';
+      } else if (eventType === AccessibilityEvent.TYPE_VIEW_CLICKED) {
+        eventName = 'click';
+      } else if (eventType === AccessibilityEvent.TYPE_VIEW_HOVER_ENTER) {
+        eventName = 'viewHoverEnter';
+      } else {
+        console.error(
+          `sendAccessibilityEvent() dropping event: Called with unsupported eventType: ${eventType}`,
+        );
+        return;
+      }
+
+      const FabricUIManager = nullthrows(getFabricUIManager());
+      const shadowNode =
+        FabricUIManager.findShadowNodeByTag_DEPRECATED(reactTag);
+      if (!shadowNode) {
+        console.error(
+          `sendAccessibilityEvent() dropping event: Cannot find view with tag #${reactTag}`,
+        );
+        return;
+      }
+
+      FabricUIManager.sendAccessibilityEvent(shadowNode, eventName);
+    },
+  },
+  ios: {
+    /**
+     * TODO(T174674274): Implement lazy loading of legacy view managers in the new architecture.
+     *
+     * Leave this unimplemented until we implement lazy loading of legacy modules and view managers in the new architecture.
+     */
+    lazilyLoadView: (name: string): Object => {
+      raiseSoftError('lazilyLoadView');
+      return {};
+    },
+    focus: (reactTag: number): void => {
+      const FabricUIManager = nullthrows(getFabricUIManager());
+      const shadowNode =
+        FabricUIManager.findShadowNodeByTag_DEPRECATED(reactTag);
+      if (!shadowNode) {
+        console.error(`focus() noop: Cannot find view with tag #${reactTag}`);
+        return;
+      }
+      FabricUIManager.dispatchCommand(shadowNode, 'focus', []);
+    },
+    blur: (reactTag: number): void => {
+      const FabricUIManager = nullthrows(getFabricUIManager());
+      const shadowNode =
+        FabricUIManager.findShadowNodeByTag_DEPRECATED(reactTag);
+      if (!shadowNode) {
+        console.error(`blur() noop: Cannot find view with tag #${reactTag}`);
+        return;
+      }
+      FabricUIManager.dispatchCommand(shadowNode, 'blur', []);
+    },
+  },
+});
+
+const UIManagerJS: UIManagerJSInterface & {[string]: any} = {
+  ...UIManagerJSOverridenAPIs,
+  ...UIManagerJSDeprecatedPlatformAPIs,
+  ...UIManagerJSPlatformAPIs,
+  ...UIManagerJSUnusedInNewArchAPIs,
+  getViewManagerConfig: (viewManagerName: string): mixed => {
+    if (getUIManagerConstants) {
+      const constants = getUIManagerConstantsCached();
+      if (
+        !constants[viewManagerName] &&
+        UIManagerJS.getConstantsForViewManager
+      ) {
+        constants[viewManagerName] =
+          UIManagerJS.getConstantsForViewManager(viewManagerName);
+      }
+      return constants[viewManagerName];
+    } else {
+      raiseSoftError(
+        `getViewManagerConfig('${viewManagerName}')`,
+        `If '${viewManagerName}' has a ViewManager and you want to retrieve its native ViewConfig, please turn on the native ViewConfig interop layer. If you want to see if this component is registered with React Native, please call hasViewManagerConfig('${viewManagerName}') instead.`,
+      );
+      return null;
+    }
+  },
+  hasViewManagerConfig: (viewManagerName: string): boolean => {
+    return unstable_hasComponent(viewManagerName);
+  },
+  getConstants: (): Object => {
+    if (getUIManagerConstants) {
+      return getUIManagerConstantsCached();
+    } else {
+      raiseSoftError('getConstants');
+      return null;
+    }
+  },
+  findSubviewIn: (
+    reactTag: number,
+    point: Array<number>,
+    callback: (
+      nativeViewTag: number,
+      left: number,
+      top: number,
+      width: number,
+      height: number,
+    ) => void,
+  ): void => {
+    const FabricUIManager = nullthrows(getFabricUIManager());
+    const shadowNode = FabricUIManager.findShadowNodeByTag_DEPRECATED(reactTag);
+
+    if (!shadowNode) {
+      console.error(
+        `findSubviewIn() noop: Cannot find view with reactTag ${reactTag}`,
+      );
+      return;
+    }
+
+    FabricUIManager.findNodeAtPoint(
+      shadowNode,
+      point[0],
+      point[1],
+      function (internalInstanceHandle) {
+        if (internalInstanceHandle == null) {
+          console.error('findSubviewIn(): Cannot find node at point');
+          return;
+        }
 
-  // Android only
-  setLayoutAnimationEnabledExperimental: (enabled: boolean): void => {
-    console.error(
-      errorMessageForMethod('setLayoutAnimationEnabledExperimental'),
+        let instanceHandle: Object = internalInstanceHandle;
+        let node = instanceHandle.stateNode.node;
+
+        if (!node) {
+          console.error('findSubviewIn(): Cannot find node at point');
+          return;
+        }
+
+        let nativeViewTag: number =
+          instanceHandle.stateNode.canonical.nativeTag;
+
+        FabricUIManager.measure(
+          node,
+          function (x, y, width, height, pageX, pageY) {
+            callback(nativeViewTag, pageX, pageY, width, height);
+          },
+        );
+      },
+    );
+  },
+  viewIsDescendantOf: (
+    reactTag: number,
+    ancestorReactTag: number,
+    callback: (result: Array<boolean>) => void,
+  ): void => {
+    const FabricUIManager = nullthrows(getFabricUIManager());
+    const shadowNode = FabricUIManager.findShadowNodeByTag_DEPRECATED(reactTag);
+    if (!shadowNode) {
+      console.error(
+        `viewIsDescendantOf() noop: Cannot find view with reactTag ${reactTag}`,
+      );
+      return;
+    }
+
+    const ancestorShadowNode =
+      FabricUIManager.findShadowNodeByTag_DEPRECATED(ancestorReactTag);
+    if (!ancestorShadowNode) {
+      console.error(
+        `viewIsDescendantOf() noop: Cannot find view with ancestorReactTag ${ancestorReactTag}`,
+      );
+      return;
+    }
+
+    // Keep this in sync with ReadOnlyNode.js
+    const DOCUMENT_POSITION_CONTAINED_BY = 16;
+
+    let result = FabricUIManager.compareDocumentPosition(
+      ancestorShadowNode,
+      shadowNode,
+    );
+
+    let isAncestor = (result & DOCUMENT_POSITION_CONTAINED_BY) !== 0;
+
+    callback([isAncestor]);
+  },
+  configureNextLayoutAnimation: (
+    config: Object,
+    callback: () => void,
+    errorCallback: (error: Object) => void,
+  ): void => {
+    const FabricUIManager = nullthrows(getFabricUIManager());
+    FabricUIManager.configureNextLayoutAnimation(
+      config,
+      callback,
+      errorCallback,
     );
   },
-  // Please use AccessibilityInfo.sendAccessibilityEvent instead.
-  // See SetAccessibilityFocusExample in AccessibilityExample.js for a migration example.
-  sendAccessibilityEvent: (reactTag: ?number, eventType: number): void =>
-    console.error(errorMessageForMethod('sendAccessibilityEvent')),
-  showPopupMenu: (
-    reactTag: ?number,
-    items: Array<string>,
-    error: (error: Object) => void,
-    success: (event: string, selected?: number) => void,
-  ): void => console.error(errorMessageForMethod('showPopupMenu')),
-  dismissPopupMenu: (): void =>
-    console.error(errorMessageForMethod('dismissPopupMenu')),
 };
 
-if (nativeViewConfigsInBridgelessModeEnabled()) {
-  Object.keys(getCachedConstants()).forEach(viewConfigName => {
-    UIManagerJS[viewConfigName] = getCachedConstants()[viewConfigName];
+if (getUIManagerConstants) {
+  Object.keys(getUIManagerConstantsCached()).forEach(viewConfigName => {
+    UIManagerJS[viewConfigName] = getUIManagerConstantsCached()[viewConfigName];
   });
+
+  if (UIManagerJS.getConstants().ViewManagerNames) {
+    UIManagerJS.getConstants().ViewManagerNames.forEach(viewManagerName => {
+      defineLazyObjectProperty(UIManagerJS, viewManagerName, {
+        get: () =>
+          nullthrows(UIManagerJS.getConstantsForViewManager)(viewManagerName),
+      });
+    });
+  }
 }
 
 module.exports = UIManagerJS;
diff --git a/packages/react-native/Libraries/ReactNative/FabricUIManager.js b/packages/react-native/Libraries/ReactNative/FabricUIManager.js
index 99c8c438d49ea5..8233a12f3fe56d 100644
--- a/packages/react-native/Libraries/ReactNative/FabricUIManager.js
+++ b/packages/react-native/Libraries/ReactNative/FabricUIManager.js
@@ -64,6 +64,12 @@ export interface Spec {
     commandName: string,
     args: Array<mixed>,
   ) => void;
+  +findNodeAtPoint: (
+    node: Node,
+    locationX: number,
+    locationY: number,
+    callback: (instanceHandle: ?InternalInstanceHandle) => void,
+  ) => void;
 
   /**
    * Support methods for the DOM-compatible APIs.
diff --git a/packages/react-native/Libraries/ReactNative/NativeHeadlessJsTaskSupport.js b/packages/react-native/Libraries/ReactNative/NativeHeadlessJsTaskSupport.js
index 48940a9b021671..94efcd6938660f 100644
--- a/packages/react-native/Libraries/ReactNative/NativeHeadlessJsTaskSupport.js
+++ b/packages/react-native/Libraries/ReactNative/NativeHeadlessJsTaskSupport.js
@@ -8,13 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +notifyTaskFinished: (taskId: number) => void;
-  +notifyTaskRetry: (taskId: number) => Promise<boolean>;
-}
-
-export default (TurboModuleRegistry.get<Spec>('HeadlessJsTaskSupport'): ?Spec);
+export * from '../../src/private/specs/modules/NativeHeadlessJsTaskSupport';
+import NativeHeadlessJsTaskSupport from '../../src/private/specs/modules/NativeHeadlessJsTaskSupport';
+export default NativeHeadlessJsTaskSupport;
diff --git a/packages/react-native/Libraries/ReactNative/NativeI18nManager.js b/packages/react-native/Libraries/ReactNative/NativeI18nManager.js
index 7228b4f2e2c9ea..a00ab4f21a4b5e 100644
--- a/packages/react-native/Libraries/ReactNative/NativeI18nManager.js
+++ b/packages/react-native/Libraries/ReactNative/NativeI18nManager.js
@@ -8,21 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type I18nManagerConstants = {|
-  doLeftAndRightSwapInRTL: boolean,
-  isRTL: boolean,
-  localeIdentifier?: ?string,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => I18nManagerConstants;
-  allowRTL: (allowRTL: boolean) => void;
-  forceRTL: (forceRTL: boolean) => void;
-  swapLeftAndRightInRTL: (flipStyles: boolean) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('I18nManager'): ?Spec);
+export * from '../../src/private/specs/modules/NativeI18nManager';
+import NativeI18nManager from '../../src/private/specs/modules/NativeI18nManager';
+export default NativeI18nManager;
diff --git a/packages/react-native/Libraries/ReactNative/NativeUIManager.js b/packages/react-native/Libraries/ReactNative/NativeUIManager.js
index a9586ee74df072..ed833ea1357ab9 100644
--- a/packages/react-native/Libraries/ReactNative/NativeUIManager.js
+++ b/packages/react-native/Libraries/ReactNative/NativeUIManager.js
@@ -4,118 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {RootTag} from '../TurboModule/RCTExport';
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => Object;
-  +getConstantsForViewManager: (viewManagerName: string) => Object;
-  +getDefaultEventTypes: () => Array<string>;
-  +lazilyLoadView: (name: string) => Object; // revisit return
-  +createView: (
-    reactTag: ?number,
-    viewName: string,
-    rootTag: RootTag,
-    props: Object,
-  ) => void;
-  +updateView: (reactTag: number, viewName: string, props: Object) => void;
-  +focus: (reactTag: ?number) => void;
-  +blur: (reactTag: ?number) => void;
-  +findSubviewIn: (
-    reactTag: ?number,
-    point: Array<number>,
-    callback: (
-      nativeViewTag: number,
-      left: number,
-      top: number,
-      width: number,
-      height: number,
-    ) => void,
-  ) => void;
-  +dispatchViewManagerCommand: (
-    reactTag: ?number,
-    commandID: number,
-    commandArgs: ?Array<any>,
-  ) => void;
-  +measure: (
-    reactTag: number,
-    callback: (
-      left: number,
-      top: number,
-      width: number,
-      height: number,
-      pageX: number,
-      pageY: number,
-    ) => void,
-  ) => void;
-  +measureInWindow: (
-    reactTag: number,
-    callback: (x: number, y: number, width: number, height: number) => void,
-  ) => void;
-  +viewIsDescendantOf: (
-    reactTag: ?number,
-    ancestorReactTag: ?number,
-    callback: (result: Array<boolean>) => void,
-  ) => void;
-  +measureLayout: (
-    reactTag: number,
-    ancestorReactTag: number,
-    errorCallback: (error: Object) => void,
-    callback: (
-      left: number,
-      top: number,
-      width: number,
-      height: number,
-    ) => void,
-  ) => void;
-  +measureLayoutRelativeToParent: (
-    reactTag: number,
-    errorCallback: (error: Object) => void,
-    callback: (
-      left: number,
-      top: number,
-      width: number,
-      height: number,
-    ) => void,
-  ) => void;
-  +setJSResponder: (reactTag: ?number, blockNativeResponder: boolean) => void;
-  +clearJSResponder: () => void;
-  +configureNextLayoutAnimation: (
-    config: Object,
-    callback: () => void, // check what is returned here
-    errorCallback: (error: Object) => void,
-  ) => void;
-  +removeSubviewsFromContainerWithID: (containerID: number) => void;
-  +replaceExistingNonRootView: (
-    reactTag: ?number,
-    newReactTag: ?number,
-  ) => void;
-  +setChildren: (containerTag: ?number, reactTags: Array<number>) => void;
-  +manageChildren: (
-    containerTag: ?number,
-    moveFromIndices: Array<number>,
-    moveToIndices: Array<number>,
-    addChildReactTags: Array<number>,
-    addAtIndices: Array<number>,
-    removeAtIndices: Array<number>,
-  ) => void;
-
-  // Android only
-  +setLayoutAnimationEnabledExperimental: (enabled: boolean) => void;
-  +sendAccessibilityEvent: (reactTag: ?number, eventType: number) => void;
-  +showPopupMenu: (
-    reactTag: ?number,
-    items: Array<string>,
-    error: (error: Object) => void,
-    success: (event: string, selected?: number) => void,
-  ) => void;
-  +dismissPopupMenu: () => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('UIManager'): Spec);
+export * from '../../src/private/specs/modules/NativeUIManager';
+import NativeUIManager from '../../src/private/specs/modules/NativeUIManager';
+export default NativeUIManager;
diff --git a/packages/react-native/Libraries/ReactNative/PaperUIManager.js b/packages/react-native/Libraries/ReactNative/PaperUIManager.js
index 2f1e9b809826a8..cf18e8e864e94f 100644
--- a/packages/react-native/Libraries/ReactNative/PaperUIManager.js
+++ b/packages/react-native/Libraries/ReactNative/PaperUIManager.js
@@ -9,8 +9,10 @@
  */
 
 import type {RootTag} from '../Types/RootTagTypes';
+import type {UIManagerJSInterface} from '../Types/UIManagerJSInterface';
 
 import NativeUIManager from './NativeUIManager';
+import nullthrows from 'nullthrows';
 
 const NativeModules = require('../BatchedBridge/NativeModules');
 const defineLazyObjectProperty = require('../Utilities/defineLazyObjectProperty');
@@ -66,7 +68,7 @@ function getViewManagerConfig(viewManagerName: string): any {
     NativeUIManager.lazilyLoadView &&
     !triedLoadingConfig.has(viewManagerName)
   ) {
-    const result = NativeUIManager.lazilyLoadView(viewManagerName);
+    const result = nullthrows(NativeUIManager.lazilyLoadView)(viewManagerName);
     triedLoadingConfig.add(viewManagerName);
     if (result != null && result.viewConfig != null) {
       getConstants()[viewManagerName] = result.viewConfig;
@@ -77,13 +79,11 @@ function getViewManagerConfig(viewManagerName: string): any {
   return viewManagerConfigs[viewManagerName];
 }
 
-/* $FlowFixMe[cannot-spread-interface] (>=0.123.0 site=react_native_fb) This
- * comment suppresses an error found when Flow v0.123.0 was deployed. To see
- * the error, delete this comment and run Flow. */
-const UIManagerJS = {
+// $FlowFixMe[cannot-spread-interface]
+const UIManagerJS: UIManagerJSInterface = {
   ...NativeUIManager,
   createView(
-    reactTag: ?number,
+    reactTag: number,
     viewName: string,
     rootTag: RootTag,
     props: Object,
@@ -162,7 +162,8 @@ if (Platform.OS === 'ios' || Platform.OS === 'macos' /* [macOS] */) {
 } else if (getConstants().ViewManagerNames) {
   NativeUIManager.getConstants().ViewManagerNames.forEach(viewManagerName => {
     defineLazyObjectProperty(NativeUIManager, viewManagerName, {
-      get: () => NativeUIManager.getConstantsForViewManager(viewManagerName),
+      get: () =>
+        nullthrows(NativeUIManager.getConstantsForViewManager)(viewManagerName),
     });
   });
 }
diff --git a/packages/react-native/Libraries/ReactNative/ReactFabricInternals.js b/packages/react-native/Libraries/ReactNative/ReactFabricInternals.js
index 98b8ca0c970cf0..749a11eded825d 100644
--- a/packages/react-native/Libraries/ReactNative/ReactFabricInternals.js
+++ b/packages/react-native/Libraries/ReactNative/ReactFabricInternals.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/react-native/Libraries/ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance.js b/packages/react-native/Libraries/ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance.js
index 71730351f2a321..ff9687732dbba1 100644
--- a/packages/react-native/Libraries/ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance.js
+++ b/packages/react-native/Libraries/ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance.js
@@ -8,8 +8,13 @@
  * @flow strict-local
  */
 
-import type ReactNativeElement from '../../DOM/Nodes/ReactNativeElement';
-import type ReadOnlyText from '../../DOM/Nodes/ReadOnlyText';
+/**
+ * This module is meant to be used by the React renderers to create public
+ * instances and get some data from them (like their instance handle / fiber).
+ */
+
+import type ReactNativeElement from '../../../src/private/webapis/dom/nodes/ReactNativeElement';
+import type ReadOnlyText from '../../../src/private/webapis/dom/nodes/ReadOnlyText';
 import typeof ReactFabricType from '../../Renderer/shims/ReactFabric';
 import type {
   InternalInstanceHandle,
@@ -18,7 +23,7 @@ import type {
 } from '../../Renderer/shims/ReactNativeTypes';
 import type ReactFabricHostComponent from './ReactFabricHostComponent';
 
-import ReactNativeFeatureFlags from '../ReactNativeFeatureFlags';
+import * as ReactNativeFeatureFlags from '../../../src/private/featureflags/ReactNativeFeatureFlags';
 
 // Lazy loaded to avoid evaluating the module when using the legacy renderer.
 let PublicInstanceClass:
@@ -39,7 +44,7 @@ export function createPublicInstance(
     // the right module to avoid eagerly loading both.
     if (ReactNativeFeatureFlags.enableAccessToHostTreeInFabric()) {
       PublicInstanceClass =
-        require('../../DOM/Nodes/ReactNativeElement').default;
+        require('../../../src/private/webapis/dom/nodes/ReactNativeElement').default;
     } else {
       PublicInstanceClass = require('./ReactFabricHostComponent').default;
     }
@@ -52,7 +57,8 @@ export function createPublicTextInstance(
   internalInstanceHandle: InternalInstanceHandle,
 ): ReadOnlyText {
   if (ReadOnlyTextClass == null) {
-    ReadOnlyTextClass = require('../../DOM/Nodes/ReadOnlyText').default;
+    ReadOnlyTextClass =
+      require('../../../src/private/webapis/dom/nodes/ReadOnlyText').default;
   }
 
   return new ReadOnlyTextClass(internalInstanceHandle);
@@ -79,3 +85,16 @@ export function getNodeFromPublicInstance(
     publicInstance.__internalInstanceHandle,
   );
 }
+
+export function getInternalInstanceHandleFromPublicInstance(
+  publicInstance: ReactFabricHostComponent | ReactNativeElement,
+): InternalInstanceHandle {
+  // TODO(T174762768): Remove this once OSS versions of renderers will be synced.
+  // $FlowExpectedError[prop-missing] Keeping this for backwards-compatibility with the renderers versions in open source.
+  if (publicInstance._internalInstanceHandle != null) {
+    // $FlowExpectedError[incompatible-return] Keeping this for backwards-compatibility with the renderers versions in open source.
+    return publicInstance._internalInstanceHandle;
+  }
+
+  return publicInstance.__internalInstanceHandle;
+}
diff --git a/packages/react-native/Libraries/ReactNative/ReactFabricPublicInstance/__tests__/ReactFabricPublicInstance-test.js b/packages/react-native/Libraries/ReactNative/ReactFabricPublicInstance/__tests__/ReactFabricPublicInstance-test.js
index bd1ed8635c2ee4..12087f1b9854dc 100644
--- a/packages/react-native/Libraries/ReactNative/ReactFabricPublicInstance/__tests__/ReactFabricPublicInstance-test.js
+++ b/packages/react-native/Libraries/ReactNative/ReactFabricPublicInstance/__tests__/ReactFabricPublicInstance-test.js
@@ -129,8 +129,12 @@ async function mockRenderKeys(
       jest.spyOn(TextInputState, 'blurTextInput');
       jest.spyOn(TextInputState, 'focusTextInput');
 
-      require('../../../ReactNative/ReactNativeFeatureFlags').enableAccessToHostTreeInFabric =
-        () => flags.enableAccessToHostTreeInFabric;
+      require('../../../../src/private/featureflags/ReactNativeFeatureFlags').override(
+        {
+          enableAccessToHostTreeInFabric: () =>
+            flags.enableAccessToHostTreeInFabric,
+        },
+      );
     });
 
     describe('blur', () => {
diff --git a/packages/react-native/Libraries/ReactNative/ReactNativeFeatureFlags.js b/packages/react-native/Libraries/ReactNative/ReactNativeFeatureFlags.js
index 95d15e6e2f968c..61f37d20a66b95 100644
--- a/packages/react-native/Libraries/ReactNative/ReactNativeFeatureFlags.js
+++ b/packages/react-native/Libraries/ReactNative/ReactNativeFeatureFlags.js
@@ -9,11 +9,6 @@
  */
 
 export type FeatureFlags = {|
-  /**
-   * Function used to enable / disabled Layout Animations in React Native.
-   * Default value = true.
-   */
-  isLayoutAnimationEnabled: () => boolean,
   /**
    * Function used to enable / disable W3C pointer event emitting in React Native.
    * If enabled you must also flip the equivalent native flags on each platform:
@@ -26,51 +21,11 @@ export type FeatureFlags = {|
    * for its hover callbacks
    */
   shouldPressibilityUseW3CPointerEventsForHover: () => boolean,
-  /**
-   * Enables an experimental flush-queue debouncing in Animated.js.
-   */
-  animatedShouldDebounceQueueFlush: () => boolean,
-  /**
-   * Enables an experimental mega-operation for Animated.js that replaces
-   * many calls to native with a single call into native, to reduce JSI/JNI
-   * traffic.
-   */
-  animatedShouldUseSingleOp: () => boolean,
-  /**
-   * Enables GlobalPerformanceLogger replacement with a WebPerformance API based
-   * implementation. Tri-state due to being sensitive to initialization order
-   * vs the platform-specific ReactNativeFeatureFlags implementation.
-   */
-  isGlobalWebPerformanceLoggerEnabled: () => ?boolean,
-  /**
-   * Enables access to the host tree in Fabric using DOM-compatible APIs.
-   */
-  enableAccessToHostTreeInFabric: () => boolean,
-  /**
-   * Enables use of AnimatedObject for animating transform values.
-   */
-  shouldUseAnimatedObjectForTransform: () => boolean,
-  /**
-   * Enables use of setNativeProps in JS driven animations.
-   */
-  shouldUseSetNativePropsInFabric: () => boolean,
-  /**
-   * Enables a hotfix for forcing materialization of views with elevation set.
-   */
-  shouldForceUnflattenForElevation: () => boolean,
 |};
 
 const ReactNativeFeatureFlags: FeatureFlags = {
-  isLayoutAnimationEnabled: () => true,
   shouldEmitW3CPointerEvents: () => false,
   shouldPressibilityUseW3CPointerEventsForHover: () => false,
-  animatedShouldDebounceQueueFlush: () => false,
-  animatedShouldUseSingleOp: () => false,
-  isGlobalWebPerformanceLoggerEnabled: () => undefined,
-  enableAccessToHostTreeInFabric: () => false,
-  shouldUseAnimatedObjectForTransform: () => false,
-  shouldUseSetNativePropsInFabric: () => false,
-  shouldForceUnflattenForElevation: () => false,
 };
 
 module.exports = ReactNativeFeatureFlags;
diff --git a/packages/react-native/Libraries/ReactNative/RendererImplementation.js b/packages/react-native/Libraries/ReactNative/RendererImplementation.js
index 8bc7500a1c4f98..c55f938a26d2e1 100644
--- a/packages/react-native/Libraries/ReactNative/RendererImplementation.js
+++ b/packages/react-native/Libraries/ReactNative/RendererImplementation.js
@@ -9,6 +9,7 @@
  */
 
 import type {HostComponent} from '../Renderer/shims/ReactNativeTypes';
+import type ReactFabricHostComponent from './ReactFabricPublicInstance/ReactFabricHostComponent';
 import type {Element, ElementRef, ElementType} from 'react';
 
 import {type RootTag} from './RootTag';
@@ -110,3 +111,13 @@ export function unstable_batchedUpdates<T>(
 export function isProfilingRenderer(): boolean {
   return Boolean(__DEV__);
 }
+
+export function isChildPublicInstance(
+  parentInstance: ReactFabricHostComponent | HostComponent<mixed>,
+  childInstance: ReactFabricHostComponent | HostComponent<mixed>,
+): boolean {
+  return require('../Renderer/shims/ReactNative').isChildPublicInstance(
+    parentInstance,
+    childInstance,
+  );
+}
diff --git a/packages/react-native/Libraries/ReactNative/UIManager.d.ts b/packages/react-native/Libraries/ReactNative/UIManager.d.ts
index 1f0b346802d739..d5340f3920461c 100644
--- a/packages/react-native/Libraries/ReactNative/UIManager.d.ts
+++ b/packages/react-native/Libraries/ReactNative/UIManager.d.ts
@@ -15,33 +15,6 @@ import {
 } from '../../types/public/ReactNativeTypes';
 
 export interface UIManagerStatic {
-  /**
-   * Capture an image of the screen, window or an individual view. The image
-   * will be stored in a temporary file that will only exist for as long as the
-   * app is running.
-   *
-   * The `view` argument can be the literal string `window` if you want to
-   * capture the entire window, or it can be a reference to a specific
-   * React Native component.
-   *
-   * The `options` argument may include:
-   * - width/height (number) - the width and height of the image to capture.
-   * - format (string) - either 'png' or 'jpeg'. Defaults to 'png'.
-   * - quality (number) - the quality when using jpeg. 0.0 - 1.0 (default).
-   *
-   * Returns a Promise<string> (tempFilePath)
-   * @platform ios
-   */
-  takeSnapshot: (
-    view?: 'window' | React.ReactElement | number,
-    options?: {
-      width?: number | undefined;
-      height?: number | undefined;
-      format?: 'png' | 'jpeg' | undefined;
-      quality?: number | undefined;
-    },
-  ) => Promise<string>;
-
   /**
    * Determines the location on screen, width, and height of the given view and
    * returns the values via an async callback. If successful, the callback will
@@ -112,7 +85,9 @@ export interface UIManagerStatic {
    *
    *     UIManager.setLayoutAnimationEnabledExperimental && UIManager.setLayoutAnimationEnabledExperimental(true);
    */
-  setLayoutAnimationEnabledExperimental(value: boolean): void;
+  setLayoutAnimationEnabledExperimental?:
+    | ((value: boolean) => void)
+    | undefined;
 
   /**
    * Used to display an Android PopupMenu. If a menu item is pressed, the success callback will
@@ -126,12 +101,14 @@ export interface UIManagerStatic {
    *
    * Note that this works only on Android
    */
-  showPopupMenu(
-    node: number,
-    items: string[],
-    error: () => void /* currently unused */,
-    success: (item: string, index: number | undefined) => void,
-  ): void;
+  showPopupMenu?:
+    | ((
+        node: number,
+        items: string[],
+        error: () => void /* currently unused */,
+        success: (item: string, index: number | undefined) => void,
+      ) => void)
+    | undefined;
 
   getViewManagerConfig: (name: string) => {
     Commands: {[key: string]: number};
diff --git a/packages/react-native/Libraries/ReactNative/UIManager.js b/packages/react-native/Libraries/ReactNative/UIManager.js
index 98360a14bb23c5..4c0e4d1ce94bdd 100644
--- a/packages/react-native/Libraries/ReactNative/UIManager.js
+++ b/packages/react-native/Libraries/ReactNative/UIManager.js
@@ -8,32 +8,11 @@
  * @format
  */
 
-import type {RootTag} from '../Types/RootTagTypes';
-import type {Spec} from './NativeUIManager';
+import type {UIManagerJSInterface} from '../Types/UIManagerJSInterface';
 
 import {getFabricUIManager} from './FabricUIManager';
 import nullthrows from 'nullthrows';
 
-export interface UIManagerJSInterface extends Spec {
-  +getViewManagerConfig: (viewManagerName: string) => Object;
-  +hasViewManagerConfig: (viewManagerName: string) => boolean;
-  +createView: (
-    reactTag: ?number,
-    viewName: string,
-    rootTag: RootTag,
-    props: Object,
-  ) => void;
-  +updateView: (reactTag: number, viewName: string, props: Object) => void;
-  +manageChildren: (
-    containerTag: ?number,
-    moveFromIndices: Array<number>,
-    moveToIndices: Array<number>,
-    addChildReactTags: Array<number>,
-    addAtIndices: Array<number>,
-    removeAtIndices: Array<number>,
-  ) => void;
-}
-
 function isFabricReactTag(reactTag: number): boolean {
   // React reserves even numbers for Fabric.
   return reactTag % 2 === 0;
@@ -45,7 +24,7 @@ const UIManagerImpl: UIManagerJSInterface =
     : require('./PaperUIManager');
 
 // $FlowFixMe[cannot-spread-interface]
-const UIManager = {
+const UIManager: UIManagerJSInterface = {
   ...UIManagerImpl,
   measure(
     reactTag: number,
diff --git a/packages/react-native/Libraries/ReactNative/UIManagerProperties.js b/packages/react-native/Libraries/ReactNative/UIManagerProperties.js
index c332897730a6d9..9ea41bc12d1803 100644
--- a/packages/react-native/Libraries/ReactNative/UIManagerProperties.js
+++ b/packages/react-native/Libraries/ReactNative/UIManagerProperties.js
@@ -41,8 +41,6 @@ module.exports = [
   'measureLayout',
   'measureLayoutRelativeToParent',
   'removeRootView',
-  'removeSubviewsFromContainerWithID',
-  'replaceExistingNonRootView',
   'sendAccessibilityEvent',
   'setChildren',
   'setJSResponder',
diff --git a/packages/react-native/Libraries/ReactNative/__mocks__/FabricUIManager.js b/packages/react-native/Libraries/ReactNative/__mocks__/FabricUIManager.js
index 83727b345374b2..676bfb178304ad 100644
--- a/packages/react-native/Libraries/ReactNative/__mocks__/FabricUIManager.js
+++ b/packages/react-native/Libraries/ReactNative/__mocks__/FabricUIManager.js
@@ -24,6 +24,8 @@ import type {
   Spec as FabricUIManager,
 } from '../FabricUIManager';
 
+import {createRootTag} from '../RootTag.js';
+
 export type NodeMock = {
   children: NodeSet,
   instanceHandle: InternalInstanceHandle,
@@ -160,6 +162,7 @@ function hasDisplayNone(node: Node): boolean {
 }
 
 interface IFabricUIManagerMock extends FabricUIManager {
+  getRoot(rootTag: RootTag | number): NodeSet;
   __getInstanceHandleFromNode(node: Node): InternalInstanceHandle;
   __addCommitHook(commitHook: UIManagerCommitHook): void;
   __removeCommitHook(commitHook: UIManagerCommitHook): void;
@@ -292,6 +295,15 @@ const FabricUIManagerMock: IFabricUIManagerMock = {
 
   findShadowNodeByTag_DEPRECATED: jest.fn((reactTag: number): ?Node => {}),
 
+  findNodeAtPoint: jest.fn(
+    (
+      node: Node,
+      locationX: number,
+      locationY: number,
+      callback: (instanceHandle: ?InternalInstanceHandle) => void,
+    ): void => {},
+  ),
+
   getBoundingClientRect: jest.fn(
     (
       node: Node,
@@ -394,7 +406,8 @@ const FabricUIManagerMock: IFabricUIManagerMock = {
 
   compareDocumentPosition: jest.fn((node: Node, otherNode: Node): number => {
     /* eslint-disable no-bitwise */
-    const ReadOnlyNode = require('../../DOM/Nodes/ReadOnlyNode').default;
+    const ReadOnlyNode =
+      require('../../../src/private/webapis/dom/nodes/ReadOnlyNode').default;
 
     // Quick check for node vs. itself
     if (fromNode(node).reactTag === fromNode(otherNode).reactTag) {
@@ -628,6 +641,15 @@ const FabricUIManagerMock: IFabricUIManagerMock = {
     return 'RN:' + fromNode(node).viewName;
   }),
 
+  getRoot(containerTag: RootTag | number): NodeSet {
+    const tag = createRootTag(containerTag);
+    const root = roots.get(tag);
+    if (!root) {
+      throw new Error('No root found for containerTag ' + Number(tag));
+    }
+    return root;
+  },
+
   __getInstanceHandleFromNode(node: Node): InternalInstanceHandle {
     return fromNode(node).instanceHandle;
   },
diff --git a/packages/react-native/Libraries/ReactNative/getNativeComponentAttributes.js b/packages/react-native/Libraries/ReactNative/getNativeComponentAttributes.js
index 6c9f11f06882f6..318a2d18a4e18e 100644
--- a/packages/react-native/Libraries/ReactNative/getNativeComponentAttributes.js
+++ b/packages/react-native/Libraries/ReactNative/getNativeComponentAttributes.js
@@ -20,6 +20,7 @@ const pointsDiffer = require('../Utilities/differ/pointsDiffer');
 const sizesDiffer = require('../Utilities/differ/sizesDiffer');
 const UIManager = require('./UIManager');
 const invariant = require('invariant');
+const nullthrows = require('nullthrows');
 
 function getNativeComponentAttributes(uiViewClassName: string): any {
   const viewConfig = UIManager.getViewManagerConfig(uiViewClassName);
@@ -105,7 +106,10 @@ function attachDefaultEventTypes(viewConfig: any) {
   const constants = UIManager.getConstants();
   if (constants.ViewManagerNames || constants.LazyViewManagersEnabled) {
     // Lazy view managers enabled.
-    viewConfig = merge(viewConfig, UIManager.getDefaultEventTypes());
+    viewConfig = merge(
+      viewConfig,
+      nullthrows(UIManager.getDefaultEventTypes)(),
+    );
   } else {
     viewConfig.bubblingEventTypes = merge(
       viewConfig.bubblingEventTypes,
diff --git a/packages/react-native/Libraries/ReactNative/renderApplication.js b/packages/react-native/Libraries/ReactNative/renderApplication.js
index 7a3aeb2e60dfe5..c6ca67f40144b9 100644
--- a/packages/react-native/Libraries/ReactNative/renderApplication.js
+++ b/packages/react-native/Libraries/ReactNative/renderApplication.js
@@ -22,7 +22,7 @@ import * as React from 'react';
 // require BackHandler so it sets the default handler that exits the app if no listeners respond
 import '../Utilities/BackHandler';
 
-type OffscreenType = React.AbstractComponent<{
+type ActivityType = React.AbstractComponent<{
   mode: 'visible' | 'hidden',
   children: React.Node,
 }>;
@@ -73,20 +73,23 @@ export default function renderApplication<Props: Object>(
   if (useOffscreen && displayMode != null) {
     // $FlowFixMe[incompatible-type]
     // $FlowFixMe[prop-missing]
-    const Offscreen: OffscreenType = React.unstable_Offscreen;
+    const Activity: ActivityType = React.unstable_Activity;
 
     renderable = (
-      <Offscreen
+      <Activity
         mode={displayMode === DisplayMode.VISIBLE ? 'visible' : 'hidden'}>
         {renderable}
-      </Offscreen>
+      </Activity>
     );
   }
 
+  // We want to have concurrentRoot always enabled when you're on Fabric.
+  const useConcurrentRootOverride = fabric;
+
   performanceLogger.startTimespan('renderApplication_React_render');
   performanceLogger.setExtra(
     'usedReactConcurrentRoot',
-    useConcurrentRoot ? '1' : '0',
+    useConcurrentRootOverride ? '1' : '0',
   );
   performanceLogger.setExtra('usedReactFabric', fabric ? '1' : '0');
   performanceLogger.setExtra(
@@ -97,7 +100,7 @@ export default function renderApplication<Props: Object>(
     element: renderable,
     rootTag,
     useFabric: Boolean(fabric),
-    useConcurrentRoot: Boolean(useConcurrentRoot),
+    useConcurrentRoot: Boolean(useConcurrentRootOverride),
   });
   performanceLogger.stopTimespan('renderApplication_React_render');
 }
diff --git a/packages/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js b/packages/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js
index 75484e8e1f96fd..206b826f14ed0d 100644
--- a/packages/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js
+++ b/packages/react-native/Libraries/ReactPrivate/ReactNativePrivateInterface.js
@@ -19,6 +19,7 @@ import typeof CustomEvent from '../Events/CustomEvent';
 import typeof {
   createPublicInstance,
   createPublicTextInstance,
+  getInternalInstanceHandleFromPublicInstance,
   getNativeTagFromPublicInstance,
   getNodeFromPublicInstance,
 } from '../ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance';
@@ -27,7 +28,7 @@ import typeof {
   diff as diffAttributePayloads,
 } from '../ReactNative/ReactFabricPublicInstance/ReactNativeAttributePayload';
 import typeof UIManager from '../ReactNative/UIManager';
-import typeof ReactNativeViewConfigRegistry from '../Renderer/shims/ReactNativeViewConfigRegistry';
+import typeof * as ReactNativeViewConfigRegistry from '../Renderer/shims/ReactNativeViewConfigRegistry';
 import typeof flattenStyle from '../StyleSheet/flattenStyle';
 import type {DangerouslyImpreciseStyleProp} from '../StyleSheet/StyleSheet';
 import typeof deepFreezeAndThrowOnMutationInDev from '../Utilities/deepFreezeAndThrowOnMutationInDev';
@@ -108,4 +109,8 @@ module.exports = {
     return require('../ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance')
       .getNodeFromPublicInstance;
   },
+  get getInternalInstanceHandleFromPublicInstance(): getInternalInstanceHandleFromPublicInstance {
+    return require('../ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance')
+      .getInternalInstanceHandleFromPublicInstance;
+  },
 };
diff --git a/packages/react-native/Libraries/Renderer/implementations/ReactFabric-dev.js b/packages/react-native/Libraries/Renderer/implementations/ReactFabric-dev.js
index 369663c6b8153d..2d08a1c3820f19 100644
--- a/packages/react-native/Libraries/Renderer/implementations/ReactFabric-dev.js
+++ b/packages/react-native/Libraries/Renderer/implementations/ReactFabric-dev.js
@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8,140 +8,325 @@
  * @nolint
  * @providesModule ReactFabric-dev
  * @preventMunge
- * @generated SignedSource<<343bc15819bccf8610b6ff32fcb59b21>>
+ * @generated SignedSource<<f53cdbb0b9c998fa850933493b683c1f>>
  */
 
-'use strict';
+"use strict";
 
 if (__DEV__) {
-  (function() {
+  (function () {
+    "use strict";
 
-          'use strict';
+    /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+    if (
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" &&
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===
+        "function"
+    ) {
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+    }
+    var React = require("react");
+    require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+    var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface");
+    var Scheduler = require("scheduler");
 
-/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
-if (
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===
-    'function'
-) {
-  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-}
-          "use strict";
+    var ReactSharedInternals =
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-var React = require("react");
-require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
-var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface");
-var Scheduler = require("scheduler");
+    // by calls to these methods by a Babel plugin.
+    //
+    // In PROD (or in packages without access to React internals),
+    // they are left as they are instead.
 
-var ReactSharedInternals =
-  React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function warn(format) {
+      {
+        {
+          for (
+            var _len = arguments.length,
+              args = new Array(_len > 1 ? _len - 1 : 0),
+              _key = 1;
+            _key < _len;
+            _key++
+          ) {
+            args[_key - 1] = arguments[_key];
+          }
 
-// by calls to these methods by a Babel plugin.
-//
-// In PROD (or in packages without access to React internals),
-// they are left as they are instead.
+          printWarning("warn", format, args);
+        }
+      }
+    }
+    function error(format) {
+      {
+        {
+          for (
+            var _len2 = arguments.length,
+              args = new Array(_len2 > 1 ? _len2 - 1 : 0),
+              _key2 = 1;
+            _key2 < _len2;
+            _key2++
+          ) {
+            args[_key2 - 1] = arguments[_key2];
+          }
 
-function warn(format) {
-  {
-    {
-      for (
-        var _len = arguments.length,
-          args = new Array(_len > 1 ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      ) {
-        args[_key - 1] = arguments[_key];
+          printWarning("error", format, args);
+        }
       }
+    }
+
+    function printWarning(level, format, args) {
+      // When changing this logic, you might want to also
+      // update consoleWithStackDev.www.js as well.
+      {
+        var ReactDebugCurrentFrame =
+          ReactSharedInternals.ReactDebugCurrentFrame;
+        var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+        if (stack !== "") {
+          format += "%s";
+          args = args.concat([stack]);
+        } // eslint-disable-next-line react-internal/safe-string-coercion
+
+        var argsWithFormat = args.map(function (item) {
+          return String(item);
+        }); // Careful: RN currently depends on this prefix
 
-      printWarning("warn", format, args);
+        argsWithFormat.unshift("Warning: " + format); // We intentionally don't use spread (or .apply) directly because it
+        // breaks IE9: https://github.com/facebook/react/issues/13610
+        // eslint-disable-next-line react-internal/no-production-logging
+
+        Function.prototype.apply.call(console[level], console, argsWithFormat);
+      }
     }
-  }
-}
-function error(format) {
-  {
+
+    var fakeNode = null;
+
     {
-      for (
-        var _len2 = arguments.length,
-          args = new Array(_len2 > 1 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
+      if (
+        typeof window !== "undefined" &&
+        typeof window.dispatchEvent === "function" &&
+        typeof document !== "undefined" && // $FlowFixMe[method-unbinding]
+        typeof document.createEvent === "function"
       ) {
-        args[_key2 - 1] = arguments[_key2];
+        fakeNode = document.createElement("react");
       }
-
-      printWarning("error", format, args);
     }
-  }
-}
 
-function printWarning(level, format, args) {
-  // When changing this logic, you might want to also
-  // update consoleWithStackDev.www.js as well.
-  {
-    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-    var stack = ReactDebugCurrentFrame.getStackAddendum();
+    function invokeGuardedCallbackImpl(name, func, context) {
+      {
+        // In DEV mode, we use a special version
+        // that plays more nicely with the browser's DevTools. The idea is to preserve
+        // "Pause on exceptions" behavior. Because React wraps all user-provided
+        // functions in invokeGuardedCallback, and the production version of
+        // invokeGuardedCallback uses a try-catch, all user exceptions are treated
+        // like caught exceptions, and the DevTools won't pause unless the developer
+        // takes the extra step of enabling pause on caught exceptions. This is
+        // unintuitive, though, because even though React has caught the error, from
+        // the developer's perspective, the error is uncaught.
+        //
+        // To preserve the expected "Pause on exceptions" behavior, we don't use a
+        // try-catch in DEV. Instead, we synchronously dispatch a fake event to a fake
+        // DOM node, and call the user-provided callback from inside an event handler
+        // for that fake event. If the callback throws, the error is "captured" using
+        // event loop context, it does not interrupt the normal program flow.
+        // Effectively, this gives us try-catch behavior without actually using
+        // try-catch. Neat!
+        // fakeNode signifies we are in an environment with a document and window object
+        if (fakeNode) {
+          var evt = document.createEvent("Event");
+          var didCall = false; // Keeps track of whether the user-provided callback threw an error. We
+          // set this to true at the beginning, then set it to false right after
+          // calling the function. If the function errors, `didError` will never be
+          // set to false. This strategy works even if the browser is flaky and
+          // fails to call our global error handler, because it doesn't rely on
+          // the error event at all.
+
+          var didError = true; // Keeps track of the value of window.event so that we can reset it
+          // during the callback to let user code access window.event in the
+          // browsers that support it.
+
+          var windowEvent = window.event; // Keeps track of the descriptor of window.event to restore it after event
+          // dispatching: https://github.com/facebook/react/issues/13688
+
+          var windowEventDescriptor = Object.getOwnPropertyDescriptor(
+            window,
+            "event"
+          );
 
-    if (stack !== "") {
-      format += "%s";
-      args = args.concat([stack]);
-    } // eslint-disable-next-line react-internal/safe-string-coercion
+          var restoreAfterDispatch = function () {
+            // We immediately remove the callback from event listeners so that
+            // nested `invokeGuardedCallback` calls do not clash. Otherwise, a
+            // nested call would trigger the fake event handlers of any call higher
+            // in the stack.
+            fakeNode.removeEventListener(evtType, callCallback, false); // We check for window.hasOwnProperty('event') to prevent the
+            // window.event assignment in both IE <= 10 as they throw an error
+            // "Member not found" in strict mode, and in Firefox which does not
+            // support window.event.
+
+            if (
+              typeof window.event !== "undefined" &&
+              window.hasOwnProperty("event")
+            ) {
+              window.event = windowEvent;
+            }
+          }; // Create an event handler for our fake event. We will synchronously
+          // dispatch our fake event using `dispatchEvent`. Inside the handler, we
+          // call the user-provided callback.
+          // $FlowFixMe[method-unbinding]
+
+          var _funcArgs = Array.prototype.slice.call(arguments, 3);
+
+          var callCallback = function () {
+            didCall = true;
+            restoreAfterDispatch(); // $FlowFixMe[incompatible-call] Flow doesn't understand the arguments splicing.
+
+            func.apply(context, _funcArgs);
+            didError = false;
+          }; // Create a global error event handler. We use this to capture the value
+          // that was thrown. It's possible that this error handler will fire more
+          // than once; for example, if non-React code also calls `dispatchEvent`
+          // and a handler for that event throws. We should be resilient to most of
+          // those cases. Even if our error event handler fires more than once, the
+          // last error event is always used. If the callback actually does error,
+          // we know that the last error event is the correct one, because it's not
+          // possible for anything else to have happened in between our callback
+          // erroring and the code that follows the `dispatchEvent` call below. If
+          // the callback doesn't error, but the error event was fired, we know to
+          // ignore it because `didError` will be false, as described above.
+
+          var error; // Use this to track whether the error event is ever called.
+
+          var didSetError = false;
+          var isCrossOriginError = false;
+
+          var handleWindowError = function (event) {
+            error = event.error;
+            didSetError = true;
+
+            if (error === null && event.colno === 0 && event.lineno === 0) {
+              isCrossOriginError = true;
+            }
 
-    var argsWithFormat = args.map(function(item) {
-      return String(item);
-    }); // Careful: RN currently depends on this prefix
+            if (event.defaultPrevented) {
+              // Some other error handler has prevented default.
+              // Browsers silence the error report if this happens.
+              // We'll remember this to later decide whether to log it or not.
+              if (error != null && typeof error === "object") {
+                try {
+                  error._suppressLogging = true;
+                } catch (inner) {
+                  // Ignore.
+                }
+              }
+            }
+          }; // Create a fake event type.
 
-    argsWithFormat.unshift("Warning: " + format); // We intentionally don't use spread (or .apply) directly because it
-    // breaks IE9: https://github.com/facebook/react/issues/13610
-    // eslint-disable-next-line react-internal/no-production-logging
+          var evtType = "react-" + (name ? name : "invokeguardedcallback"); // Attach our event handlers
 
-    Function.prototype.apply.call(console[level], console, argsWithFormat);
-  }
-}
+          window.addEventListener("error", handleWindowError);
+          fakeNode.addEventListener(evtType, callCallback, false); // Synchronously dispatch our fake event. If the user-provided function
+          // errors, it will trigger our global error handler.
 
-function invokeGuardedCallbackProd(name, func, context, a, b, c, d, e, f) {
-  var funcArgs = Array.prototype.slice.call(arguments, 3);
+          evt.initEvent(evtType, false, false);
+          fakeNode.dispatchEvent(evt);
 
-  try {
-    func.apply(context, funcArgs);
-  } catch (error) {
-    this.onError(error);
-  }
-}
+          if (windowEventDescriptor) {
+            Object.defineProperty(window, "event", windowEventDescriptor);
+          }
+
+          if (didCall && didError) {
+            if (!didSetError) {
+              // The callback errored, but the error event never fired.
+              // eslint-disable-next-line react-internal/prod-error-codes
+              error = new Error(
+                "An error was thrown inside one of your components, but React " +
+                  "doesn't know what it was. This is likely due to browser " +
+                  'flakiness. React does its best to preserve the "Pause on ' +
+                  'exceptions" behavior of the DevTools, which requires some ' +
+                  "DEV-mode only tricks. It's possible that these don't work in " +
+                  "your browser. Try triggering the error in production mode, " +
+                  "or switching to a modern browser. If you suspect that this is " +
+                  "actually an issue with React, please file an issue."
+              );
+            } else if (isCrossOriginError) {
+              // eslint-disable-next-line react-internal/prod-error-codes
+              error = new Error(
+                "A cross-origin error was thrown. React doesn't have access to " +
+                  "the actual error object in development. " +
+                  "See https://reactjs.org/link/crossorigin-error for more information."
+              );
+            }
+
+            this.onError(error);
+          } // Remove our event listeners
+
+          window.removeEventListener("error", handleWindowError);
+
+          if (didCall) {
+            return;
+          } else {
+            // Something went really wrong, and our event was not dispatched.
+            // https://github.com/facebook/react/issues/16734
+            // https://github.com/facebook/react/issues/16585
+            // Fall back to the production implementation.
+            restoreAfterDispatch(); // we fall through and call the prod version instead
+          }
+        } // We only get here if we are in an environment that either does not support the browser
+        // variant or we had trouble getting the browser to emit the error.
+        // $FlowFixMe[method-unbinding]
+
+        var funcArgs = Array.prototype.slice.call(arguments, 3);
+
+        try {
+          // $FlowFixMe[incompatible-call] Flow doesn't understand the arguments splicing.
+          func.apply(context, funcArgs);
+        } catch (error) {
+          this.onError(error);
+        }
+      }
+    }
+
+    var hasError = false;
+    var caughtError = null; // Used by event system to capture/rethrow the first error.
+
+    var hasRethrowError = false;
+    var rethrowError = null;
+    var reporter = {
+      onError: function (error) {
+        hasError = true;
+        caughtError = error;
+      }
+    };
+    /**
+     * Call a function while guarding against errors that happens within it.
+     * Returns an error if it throws, otherwise null.
+     *
+     * In production, this is implemented using a try-catch. The reason we don't
+     * use a try-catch directly is so that we can swap out a different
+     * implementation in DEV mode.
+     *
+     * @param {String} name of the guard to use for logging or debugging
+     * @param {Function} func The function to invoke
+     * @param {*} context The context to use when calling the function
+     * @param {...*} args Arguments for function
+     */
+
+    function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
+      hasError = false;
+      caughtError = null;
+      invokeGuardedCallbackImpl.apply(reporter, arguments);
+    }
+    /**
+     * Same as invokeGuardedCallback, but instead of returning an error, it stores
+     * it in a global so it can be rethrown by `rethrowCaughtError` later.
+     * TODO: See if caughtError and rethrowError can be unified.
+     *
+     * @param {String} name of the guard to use for logging or debugging
+     * @param {Function} func The function to invoke
+     * @param {*} context The context to use when calling the function
+     * @param {...*} args Arguments for function
+     */
 
-var invokeGuardedCallbackImpl = invokeGuardedCallbackProd;
-
-{
-  // In DEV mode, we swap out invokeGuardedCallback for a special version
-  // that plays more nicely with the browser's DevTools. The idea is to preserve
-  // "Pause on exceptions" behavior. Because React wraps all user-provided
-  // functions in invokeGuardedCallback, and the production version of
-  // invokeGuardedCallback uses a try-catch, all user exceptions are treated
-  // like caught exceptions, and the DevTools won't pause unless the developer
-  // takes the extra step of enabling pause on caught exceptions. This is
-  // unintuitive, though, because even though React has caught the error, from
-  // the developer's perspective, the error is uncaught.
-  //
-  // To preserve the expected "Pause on exceptions" behavior, we don't use a
-  // try-catch in DEV. Instead, we synchronously dispatch a fake event to a fake
-  // DOM node, and call the user-provided callback from inside an event handler
-  // for that fake event. If the callback throws, the error is "captured" using
-  // a global event handler. But because the error happens in a different
-  // event loop context, it does not interrupt the normal program flow.
-  // Effectively, this gives us try-catch behavior without actually using
-  // try-catch. Neat!
-  // Check that the browser supports the APIs we need to implement our special
-  // DEV version of invokeGuardedCallback
-  if (
-    typeof window !== "undefined" &&
-    typeof window.dispatchEvent === "function" &&
-    typeof document !== "undefined" &&
-    typeof document.createEvent === "function"
-  ) {
-    var fakeNode = document.createElement("react");
-
-    invokeGuardedCallbackImpl = function invokeGuardedCallbackDev(
+    function invokeGuardedCallbackAndCatchFirstError(
       name,
       func,
       context,
@@ -152,1517 +337,1344 @@ var invokeGuardedCallbackImpl = invokeGuardedCallbackProd;
       e,
       f
     ) {
-      // If document doesn't exist we know for sure we will crash in this method
-      // when we call document.createEvent(). However this can cause confusing
-      // errors: https://github.com/facebook/create-react-app/issues/3482
-      // So we preemptively throw with a better message instead.
-      if (typeof document === "undefined" || document === null) {
+      invokeGuardedCallback.apply(this, arguments);
+
+      if (hasError) {
+        var error = clearCaughtError();
+
+        if (!hasRethrowError) {
+          hasRethrowError = true;
+          rethrowError = error;
+        }
+      }
+    }
+    /**
+     * During execution of guarded functions we will capture the first error which
+     * we will rethrow to be handled by the top level error handler.
+     */
+
+    function rethrowCaughtError() {
+      if (hasRethrowError) {
+        var error = rethrowError;
+        hasRethrowError = false;
+        rethrowError = null;
+        throw error;
+      }
+    }
+    function hasCaughtError() {
+      return hasError;
+    }
+    function clearCaughtError() {
+      if (hasError) {
+        var error = caughtError;
+        hasError = false;
+        caughtError = null;
+        return error;
+      } else {
         throw new Error(
-          "The `document` global was defined when React was initialized, but is not " +
-            "defined anymore. This can happen in a test environment if a component " +
-            "schedules an update from an asynchronous callback, but the test has already " +
-            "finished running. To solve this, you can either unmount the component at " +
-            "the end of your test (and ensure that any asynchronous operations get " +
-            "canceled in `componentWillUnmount`), or you can change the test itself " +
-            "to be asynchronous."
+          "clearCaughtError was called but no error was captured. This error " +
+            "is likely caused by a bug in React. Please file an issue."
         );
       }
+    }
 
-      var evt = document.createEvent("Event");
-      var didCall = false; // Keeps track of whether the user-provided callback threw an error. We
-      // set this to true at the beginning, then set it to false right after
-      // calling the function. If the function errors, `didError` will never be
-      // set to false. This strategy works even if the browser is flaky and
-      // fails to call our global error handler, because it doesn't rely on
-      // the error event at all.
+    var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
 
-      var didError = true; // Keeps track of the value of window.event so that we can reset it
-      // during the callback to let user code access window.event in the
-      // browsers that support it.
+    function isArray(a) {
+      return isArrayImpl(a);
+    }
 
-      var windowEvent = window.event; // Keeps track of the descriptor of window.event to restore it after event
-      // dispatching: https://github.com/facebook/react/issues/13688
+    var getFiberCurrentPropsFromNode$1 = null;
+    var getInstanceFromNode$1 = null;
+    var getNodeFromInstance$1 = null;
+    function setComponentTree(
+      getFiberCurrentPropsFromNodeImpl,
+      getInstanceFromNodeImpl,
+      getNodeFromInstanceImpl
+    ) {
+      getFiberCurrentPropsFromNode$1 = getFiberCurrentPropsFromNodeImpl;
+      getInstanceFromNode$1 = getInstanceFromNodeImpl;
+      getNodeFromInstance$1 = getNodeFromInstanceImpl;
 
-      var windowEventDescriptor = Object.getOwnPropertyDescriptor(
-        window,
-        "event"
-      );
+      {
+        if (!getNodeFromInstance$1 || !getInstanceFromNode$1) {
+          error(
+            "EventPluginUtils.setComponentTree(...): Injected " +
+              "module is missing getNodeFromInstance or getInstanceFromNode."
+          );
+        }
+      }
+    }
 
-      function restoreAfterDispatch() {
-        // We immediately remove the callback from event listeners so that
-        // nested `invokeGuardedCallback` calls do not clash. Otherwise, a
-        // nested call would trigger the fake event handlers of any call higher
-        // in the stack.
-        fakeNode.removeEventListener(evtType, callCallback, false); // We check for window.hasOwnProperty('event') to prevent the
-        // window.event assignment in both IE <= 10 as they throw an error
-        // "Member not found" in strict mode, and in Firefox which does not
-        // support window.event.
+    function validateEventDispatches(event) {
+      {
+        var dispatchListeners = event._dispatchListeners;
+        var dispatchInstances = event._dispatchInstances;
+        var listenersIsArr = isArray(dispatchListeners);
+        var listenersLen = listenersIsArr
+          ? dispatchListeners.length
+          : dispatchListeners
+          ? 1
+          : 0;
+        var instancesIsArr = isArray(dispatchInstances);
+        var instancesLen = instancesIsArr
+          ? dispatchInstances.length
+          : dispatchInstances
+          ? 1
+          : 0;
 
         if (
-          typeof window.event !== "undefined" &&
-          window.hasOwnProperty("event")
+          instancesIsArr !== listenersIsArr ||
+          instancesLen !== listenersLen
         ) {
-          window.event = windowEvent;
-        }
-      } // Create an event handler for our fake event. We will synchronously
-      // dispatch our fake event using `dispatchEvent`. Inside the handler, we
-      // call the user-provided callback.
-
-      var funcArgs = Array.prototype.slice.call(arguments, 3);
-
-      function callCallback() {
-        didCall = true;
-        restoreAfterDispatch();
-        func.apply(context, funcArgs);
-        didError = false;
-      } // Create a global error event handler. We use this to capture the value
-      // that was thrown. It's possible that this error handler will fire more
-      // than once; for example, if non-React code also calls `dispatchEvent`
-      // and a handler for that event throws. We should be resilient to most of
-      // those cases. Even if our error event handler fires more than once, the
-      // last error event is always used. If the callback actually does error,
-      // we know that the last error event is the correct one, because it's not
-      // possible for anything else to have happened in between our callback
-      // erroring and the code that follows the `dispatchEvent` call below. If
-      // the callback doesn't error, but the error event was fired, we know to
-      // ignore it because `didError` will be false, as described above.
-
-      var error; // Use this to track whether the error event is ever called.
-
-      var didSetError = false;
-      var isCrossOriginError = false;
-
-      function handleWindowError(event) {
-        error = event.error;
-        didSetError = true;
-
-        if (error === null && event.colno === 0 && event.lineno === 0) {
-          isCrossOriginError = true;
-        }
-
-        if (event.defaultPrevented) {
-          // Some other error handler has prevented default.
-          // Browsers silence the error report if this happens.
-          // We'll remember this to later decide whether to log it or not.
-          if (error != null && typeof error === "object") {
-            try {
-              error._suppressLogging = true;
-            } catch (inner) {
-              // Ignore.
-            }
-          }
+          error("EventPluginUtils: Invalid `event`.");
         }
-      } // Create a fake event type.
-
-      var evtType = "react-" + (name ? name : "invokeguardedcallback"); // Attach our event handlers
+      }
+    }
+    /**
+     * Dispatch the event to the listener.
+     * @param {SyntheticEvent} event SyntheticEvent to handle
+     * @param {function} listener Application-level callback
+     * @param {*} inst Internal component instance
+     */
 
-      window.addEventListener("error", handleWindowError);
-      fakeNode.addEventListener(evtType, callCallback, false); // Synchronously dispatch our fake event. If the user-provided function
-      // errors, it will trigger our global error handler.
+    function executeDispatch(event, listener, inst) {
+      var type = event.type || "unknown-event";
+      event.currentTarget = getNodeFromInstance$1(inst);
+      invokeGuardedCallbackAndCatchFirstError(type, listener, undefined, event);
+      event.currentTarget = null;
+    }
+    /**
+     * Standard/simple iteration through an event's collected dispatches.
+     */
 
-      evt.initEvent(evtType, false, false);
-      fakeNode.dispatchEvent(evt);
+    function executeDispatchesInOrder(event) {
+      var dispatchListeners = event._dispatchListeners;
+      var dispatchInstances = event._dispatchInstances;
 
-      if (windowEventDescriptor) {
-        Object.defineProperty(window, "event", windowEventDescriptor);
+      {
+        validateEventDispatches(event);
       }
 
-      if (didCall && didError) {
-        if (!didSetError) {
-          // The callback errored, but the error event never fired.
-          // eslint-disable-next-line react-internal/prod-error-codes
-          error = new Error(
-            "An error was thrown inside one of your components, but React " +
-              "doesn't know what it was. This is likely due to browser " +
-              'flakiness. React does its best to preserve the "Pause on ' +
-              'exceptions" behavior of the DevTools, which requires some ' +
-              "DEV-mode only tricks. It's possible that these don't work in " +
-              "your browser. Try triggering the error in production mode, " +
-              "or switching to a modern browser. If you suspect that this is " +
-              "actually an issue with React, please file an issue."
-          );
-        } else if (isCrossOriginError) {
-          // eslint-disable-next-line react-internal/prod-error-codes
-          error = new Error(
-            "A cross-origin error was thrown. React doesn't have access to " +
-              "the actual error object in development. " +
-              "See https://legacy.reactjs.org/docs/cross-origin-errors.html for more information."
-          );
+      if (isArray(dispatchListeners)) {
+        for (var i = 0; i < dispatchListeners.length; i++) {
+          if (event.isPropagationStopped()) {
+            break;
+          } // Listeners and Instances are two parallel arrays that are always in sync.
+
+          executeDispatch(event, dispatchListeners[i], dispatchInstances[i]);
         }
+      } else if (dispatchListeners) {
+        executeDispatch(event, dispatchListeners, dispatchInstances);
+      }
 
-        this.onError(error);
-      } // Remove our event listeners
+      event._dispatchListeners = null;
+      event._dispatchInstances = null;
+    }
+    /**
+     * Standard/simple iteration through an event's collected dispatches, but stops
+     * at the first dispatch execution returning true, and returns that id.
+     *
+     * @return {?string} id of the first dispatch execution who's listener returns
+     * true, or null if no listener returned true.
+     */
 
-      window.removeEventListener("error", handleWindowError);
+    function executeDispatchesInOrderStopAtTrueImpl(event) {
+      var dispatchListeners = event._dispatchListeners;
+      var dispatchInstances = event._dispatchInstances;
 
-      if (!didCall) {
-        // Something went really wrong, and our event was not dispatched.
-        // https://github.com/facebook/react/issues/16734
-        // https://github.com/facebook/react/issues/16585
-        // Fall back to the production implementation.
-        restoreAfterDispatch();
-        return invokeGuardedCallbackProd.apply(this, arguments);
+      {
+        validateEventDispatches(event);
       }
-    };
-  }
-}
-
-var invokeGuardedCallbackImpl$1 = invokeGuardedCallbackImpl;
 
-var hasError = false;
-var caughtError = null; // Used by event system to capture/rethrow the first error.
+      if (isArray(dispatchListeners)) {
+        for (var i = 0; i < dispatchListeners.length; i++) {
+          if (event.isPropagationStopped()) {
+            break;
+          } // Listeners and Instances are two parallel arrays that are always in sync.
 
-var hasRethrowError = false;
-var rethrowError = null;
-var reporter = {
-  onError: function(error) {
-    hasError = true;
-    caughtError = error;
-  }
-};
-/**
- * Call a function while guarding against errors that happens within it.
- * Returns an error if it throws, otherwise null.
- *
- * In production, this is implemented using a try-catch. The reason we don't
- * use a try-catch directly is so that we can swap out a different
- * implementation in DEV mode.
- *
- * @param {String} name of the guard to use for logging or debugging
- * @param {Function} func The function to invoke
- * @param {*} context The context to use when calling the function
- * @param {...*} args Arguments for function
- */
+          if (dispatchListeners[i](event, dispatchInstances[i])) {
+            return dispatchInstances[i];
+          }
+        }
+      } else if (dispatchListeners) {
+        if (dispatchListeners(event, dispatchInstances)) {
+          return dispatchInstances;
+        }
+      }
 
-function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
-  hasError = false;
-  caughtError = null;
-  invokeGuardedCallbackImpl$1.apply(reporter, arguments);
-}
-/**
- * Same as invokeGuardedCallback, but instead of returning an error, it stores
- * it in a global so it can be rethrown by `rethrowCaughtError` later.
- * TODO: See if caughtError and rethrowError can be unified.
- *
- * @param {String} name of the guard to use for logging or debugging
- * @param {Function} func The function to invoke
- * @param {*} context The context to use when calling the function
- * @param {...*} args Arguments for function
- */
+      return null;
+    }
+    /**
+     * @see executeDispatchesInOrderStopAtTrueImpl
+     */
 
-function invokeGuardedCallbackAndCatchFirstError(
-  name,
-  func,
-  context,
-  a,
-  b,
-  c,
-  d,
-  e,
-  f
-) {
-  invokeGuardedCallback.apply(this, arguments);
-
-  if (hasError) {
-    var error = clearCaughtError();
-
-    if (!hasRethrowError) {
-      hasRethrowError = true;
-      rethrowError = error;
-    }
-  }
-}
-/**
- * During execution of guarded functions we will capture the first error which
- * we will rethrow to be handled by the top level error handler.
- */
+    function executeDispatchesInOrderStopAtTrue(event) {
+      var ret = executeDispatchesInOrderStopAtTrueImpl(event);
+      event._dispatchInstances = null;
+      event._dispatchListeners = null;
+      return ret;
+    }
+    /**
+     * Execution of a "direct" dispatch - there must be at most one dispatch
+     * accumulated on the event or it is considered an error. It doesn't really make
+     * sense for an event with multiple dispatches (bubbled) to keep track of the
+     * return values at each dispatch execution, but it does tend to make sense when
+     * dealing with "direct" dispatches.
+     *
+     * @return {*} The return value of executing the single dispatch.
+     */
 
-function rethrowCaughtError() {
-  if (hasRethrowError) {
-    var error = rethrowError;
-    hasRethrowError = false;
-    rethrowError = null;
-    throw error;
-  }
-}
-function hasCaughtError() {
-  return hasError;
-}
-function clearCaughtError() {
-  if (hasError) {
-    var error = caughtError;
-    hasError = false;
-    caughtError = null;
-    return error;
-  } else {
-    throw new Error(
-      "clearCaughtError was called but no error was captured. This error " +
-        "is likely caused by a bug in React. Please file an issue."
-    );
-  }
-}
+    function executeDirectDispatch(event) {
+      {
+        validateEventDispatches(event);
+      }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+      var dispatchListener = event._dispatchListeners;
+      var dispatchInstance = event._dispatchInstances;
 
-function isArray(a) {
-  return isArrayImpl(a);
-}
+      if (isArray(dispatchListener)) {
+        throw new Error("executeDirectDispatch(...): Invalid `event`.");
+      }
 
-var getFiberCurrentPropsFromNode = null;
-var getInstanceFromNode = null;
-var getNodeFromInstance = null;
-function setComponentTree(
-  getFiberCurrentPropsFromNodeImpl,
-  getInstanceFromNodeImpl,
-  getNodeFromInstanceImpl
-) {
-  getFiberCurrentPropsFromNode = getFiberCurrentPropsFromNodeImpl;
-  getInstanceFromNode = getInstanceFromNodeImpl;
-  getNodeFromInstance = getNodeFromInstanceImpl;
-
-  {
-    if (!getNodeFromInstance || !getInstanceFromNode) {
-      error(
-        "EventPluginUtils.setComponentTree(...): Injected " +
-          "module is missing getNodeFromInstance or getInstanceFromNode."
-      );
+      event.currentTarget = dispatchListener
+        ? getNodeFromInstance$1(dispatchInstance)
+        : null;
+      var res = dispatchListener ? dispatchListener(event) : null;
+      event.currentTarget = null;
+      event._dispatchListeners = null;
+      event._dispatchInstances = null;
+      return res;
     }
-  }
-}
-var validateEventDispatches;
-
-{
-  validateEventDispatches = function(event) {
-    var dispatchListeners = event._dispatchListeners;
-    var dispatchInstances = event._dispatchInstances;
-    var listenersIsArr = isArray(dispatchListeners);
-    var listenersLen = listenersIsArr
-      ? dispatchListeners.length
-      : dispatchListeners
-      ? 1
-      : 0;
-    var instancesIsArr = isArray(dispatchInstances);
-    var instancesLen = instancesIsArr
-      ? dispatchInstances.length
-      : dispatchInstances
-      ? 1
-      : 0;
-
-    if (instancesIsArr !== listenersIsArr || instancesLen !== listenersLen) {
-      error("EventPluginUtils: Invalid `event`.");
-    }
-  };
-}
-/**
- * Dispatch the event to the listener.
- * @param {SyntheticEvent} event SyntheticEvent to handle
- * @param {function} listener Application-level callback
- * @param {*} inst Internal component instance
- */
+    /**
+     * @param {SyntheticEvent} event
+     * @return {boolean} True iff number of dispatches accumulated is greater than 0.
+     */
 
-function executeDispatch(event, listener, inst) {
-  var type = event.type || "unknown-event";
-  event.currentTarget = getNodeFromInstance(inst);
-  invokeGuardedCallbackAndCatchFirstError(type, listener, undefined, event);
-  event.currentTarget = null;
-}
-/**
- * Standard/simple iteration through an event's collected dispatches.
- */
+    function hasDispatches(event) {
+      return !!event._dispatchListeners;
+    }
 
-function executeDispatchesInOrder(event) {
-  var dispatchListeners = event._dispatchListeners;
-  var dispatchInstances = event._dispatchInstances;
+    var assign = Object.assign;
 
-  {
-    validateEventDispatches(event);
-  }
+    var EVENT_POOL_SIZE = 10;
+    /**
+     * @interface Event
+     * @see http://www.w3.org/TR/DOM-Level-3-Events/
+     */
 
-  if (isArray(dispatchListeners)) {
-    for (var i = 0; i < dispatchListeners.length; i++) {
-      if (event.isPropagationStopped()) {
-        break;
-      } // Listeners and Instances are two parallel arrays that are always in sync.
+    var EventInterface = {
+      type: null,
+      target: null,
+      // currentTarget is set when dispatching; no use in copying it here
+      currentTarget: function () {
+        return null;
+      },
+      eventPhase: null,
+      bubbles: null,
+      cancelable: null,
+      timeStamp: function (event) {
+        return event.timeStamp || Date.now();
+      },
+      defaultPrevented: null,
+      isTrusted: null
+    };
 
-      executeDispatch(event, dispatchListeners[i], dispatchInstances[i]);
+    function functionThatReturnsTrue() {
+      return true;
     }
-  } else if (dispatchListeners) {
-    executeDispatch(event, dispatchListeners, dispatchInstances);
-  }
 
-  event._dispatchListeners = null;
-  event._dispatchInstances = null;
-}
-/**
- * Standard/simple iteration through an event's collected dispatches, but stops
- * at the first dispatch execution returning true, and returns that id.
- *
- * @return {?string} id of the first dispatch execution who's listener returns
- * true, or null if no listener returned true.
- */
+    function functionThatReturnsFalse() {
+      return false;
+    }
+    /**
+     * Synthetic events are dispatched by event plugins, typically in response to a
+     * top-level event delegation handler.
+     *
+     * These systems should generally use pooling to reduce the frequency of garbage
+     * collection. The system should check `isPersistent` to determine whether the
+     * event should be released into the pool after being dispatched. Users that
+     * need a persisted event should invoke `persist`.
+     *
+     * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
+     * normalizing browser quirks. Subclasses do not necessarily have to implement a
+     * DOM interface; custom application-specific events can also subclass this.
+     *
+     * @param {object} dispatchConfig Configuration used to dispatch this event.
+     * @param {*} targetInst Marker identifying the event target.
+     * @param {object} nativeEvent Native browser event.
+     * @param {DOMEventTarget} nativeEventTarget Target node.
+     */
 
-function executeDispatchesInOrderStopAtTrueImpl(event) {
-  var dispatchListeners = event._dispatchListeners;
-  var dispatchInstances = event._dispatchInstances;
+    function SyntheticEvent(
+      dispatchConfig,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      {
+        // these have a getter/setter for warnings
+        delete this.nativeEvent;
+        delete this.preventDefault;
+        delete this.stopPropagation;
+        delete this.isDefaultPrevented;
+        delete this.isPropagationStopped;
+      }
+
+      this.dispatchConfig = dispatchConfig;
+      this._targetInst = targetInst;
+      this.nativeEvent = nativeEvent;
+      this._dispatchListeners = null;
+      this._dispatchInstances = null;
+      var Interface = this.constructor.Interface;
+
+      for (var propName in Interface) {
+        if (!Interface.hasOwnProperty(propName)) {
+          continue;
+        }
 
-  {
-    validateEventDispatches(event);
-  }
+        {
+          delete this[propName]; // this has a getter/setter for warnings
+        }
 
-  if (isArray(dispatchListeners)) {
-    for (var i = 0; i < dispatchListeners.length; i++) {
-      if (event.isPropagationStopped()) {
-        break;
-      } // Listeners and Instances are two parallel arrays that are always in sync.
+        var normalize = Interface[propName];
 
-      if (dispatchListeners[i](event, dispatchInstances[i])) {
-        return dispatchInstances[i];
+        if (normalize) {
+          this[propName] = normalize(nativeEvent);
+        } else {
+          if (propName === "target") {
+            this.target = nativeEventTarget;
+          } else {
+            this[propName] = nativeEvent[propName];
+          }
+        }
       }
-    }
-  } else if (dispatchListeners) {
-    if (dispatchListeners(event, dispatchInstances)) {
-      return dispatchInstances;
-    }
-  }
 
-  return null;
-}
-/**
- * @see executeDispatchesInOrderStopAtTrueImpl
- */
+      var defaultPrevented =
+        nativeEvent.defaultPrevented != null
+          ? nativeEvent.defaultPrevented
+          : nativeEvent.returnValue === false;
 
-function executeDispatchesInOrderStopAtTrue(event) {
-  var ret = executeDispatchesInOrderStopAtTrueImpl(event);
-  event._dispatchInstances = null;
-  event._dispatchListeners = null;
-  return ret;
-}
-/**
- * Execution of a "direct" dispatch - there must be at most one dispatch
- * accumulated on the event or it is considered an error. It doesn't really make
- * sense for an event with multiple dispatches (bubbled) to keep track of the
- * return values at each dispatch execution, but it does tend to make sense when
- * dealing with "direct" dispatches.
- *
- * @return {*} The return value of executing the single dispatch.
- */
+      if (defaultPrevented) {
+        this.isDefaultPrevented = functionThatReturnsTrue;
+      } else {
+        this.isDefaultPrevented = functionThatReturnsFalse;
+      }
 
-function executeDirectDispatch(event) {
-  {
-    validateEventDispatches(event);
-  }
-
-  var dispatchListener = event._dispatchListeners;
-  var dispatchInstance = event._dispatchInstances;
-
-  if (isArray(dispatchListener)) {
-    throw new Error("executeDirectDispatch(...): Invalid `event`.");
-  }
-
-  event.currentTarget = dispatchListener
-    ? getNodeFromInstance(dispatchInstance)
-    : null;
-  var res = dispatchListener ? dispatchListener(event) : null;
-  event.currentTarget = null;
-  event._dispatchListeners = null;
-  event._dispatchInstances = null;
-  return res;
-}
-/**
- * @param {SyntheticEvent} event
- * @return {boolean} True iff number of dispatches accumulated is greater than 0.
- */
+      this.isPropagationStopped = functionThatReturnsFalse;
+      return this;
+    }
 
-function hasDispatches(event) {
-  return !!event._dispatchListeners;
-}
+    assign(SyntheticEvent.prototype, {
+      preventDefault: function () {
+        this.defaultPrevented = true;
+        var event = this.nativeEvent;
 
-var assign = Object.assign;
+        if (!event) {
+          return;
+        }
 
-var EVENT_POOL_SIZE = 10;
-/**
- * @interface Event
- * @see http://www.w3.org/TR/DOM-Level-3-Events/
- */
+        if (event.preventDefault) {
+          event.preventDefault();
+        } else if (typeof event.returnValue !== "unknown") {
+          event.returnValue = false;
+        }
 
-var EventInterface = {
-  type: null,
-  target: null,
-  // currentTarget is set when dispatching; no use in copying it here
-  currentTarget: function() {
-    return null;
-  },
-  eventPhase: null,
-  bubbles: null,
-  cancelable: null,
-  timeStamp: function(event) {
-    return event.timeStamp || Date.now();
-  },
-  defaultPrevented: null,
-  isTrusted: null
-};
-
-function functionThatReturnsTrue() {
-  return true;
-}
+        this.isDefaultPrevented = functionThatReturnsTrue;
+      },
+      stopPropagation: function () {
+        var event = this.nativeEvent;
 
-function functionThatReturnsFalse() {
-  return false;
-}
-/**
- * Synthetic events are dispatched by event plugins, typically in response to a
- * top-level event delegation handler.
- *
- * These systems should generally use pooling to reduce the frequency of garbage
- * collection. The system should check `isPersistent` to determine whether the
- * event should be released into the pool after being dispatched. Users that
- * need a persisted event should invoke `persist`.
- *
- * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
- * normalizing browser quirks. Subclasses do not necessarily have to implement a
- * DOM interface; custom application-specific events can also subclass this.
- *
- * @param {object} dispatchConfig Configuration used to dispatch this event.
- * @param {*} targetInst Marker identifying the event target.
- * @param {object} nativeEvent Native browser event.
- * @param {DOMEventTarget} nativeEventTarget Target node.
- */
+        if (!event) {
+          return;
+        }
 
-function SyntheticEvent(
-  dispatchConfig,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  {
-    // these have a getter/setter for warnings
-    delete this.nativeEvent;
-    delete this.preventDefault;
-    delete this.stopPropagation;
-    delete this.isDefaultPrevented;
-    delete this.isPropagationStopped;
-  }
-
-  this.dispatchConfig = dispatchConfig;
-  this._targetInst = targetInst;
-  this.nativeEvent = nativeEvent;
-  this._dispatchListeners = null;
-  this._dispatchInstances = null;
-  var Interface = this.constructor.Interface;
-
-  for (var propName in Interface) {
-    if (!Interface.hasOwnProperty(propName)) {
-      continue;
-    }
+        if (event.stopPropagation) {
+          event.stopPropagation();
+        } else if (typeof event.cancelBubble !== "unknown") {
+          // The ChangeEventPlugin registers a "propertychange" event for
+          // IE. This event does not support bubbling or cancelling, and
+          // any references to cancelBubble throw "Member not found".  A
+          // typeof check of "unknown" circumvents this issue (and is also
+          // IE specific).
+          event.cancelBubble = true;
+        }
 
-    {
-      delete this[propName]; // this has a getter/setter for warnings
-    }
+        this.isPropagationStopped = functionThatReturnsTrue;
+      },
+
+      /**
+       * We release all dispatched `SyntheticEvent`s after each event loop, adding
+       * them back into the pool. This allows a way to hold onto a reference that
+       * won't be added back into the pool.
+       */
+      persist: function () {
+        this.isPersistent = functionThatReturnsTrue;
+      },
+
+      /**
+       * Checks if this event should be released back into the pool.
+       *
+       * @return {boolean} True if this should not be released, false otherwise.
+       */
+      isPersistent: functionThatReturnsFalse,
+
+      /**
+       * `PooledClass` looks for `destructor` on each instance it releases.
+       */
+      destructor: function () {
+        var Interface = this.constructor.Interface;
+
+        for (var propName in Interface) {
+          {
+            Object.defineProperty(
+              this,
+              propName,
+              getPooledWarningPropertyDefinition(propName, Interface[propName])
+            );
+          }
+        }
 
-    var normalize = Interface[propName];
+        this.dispatchConfig = null;
+        this._targetInst = null;
+        this.nativeEvent = null;
+        this.isDefaultPrevented = functionThatReturnsFalse;
+        this.isPropagationStopped = functionThatReturnsFalse;
+        this._dispatchListeners = null;
+        this._dispatchInstances = null;
 
-    if (normalize) {
-      this[propName] = normalize(nativeEvent);
-    } else {
-      if (propName === "target") {
-        this.target = nativeEventTarget;
-      } else {
-        this[propName] = nativeEvent[propName];
+        {
+          Object.defineProperty(
+            this,
+            "nativeEvent",
+            getPooledWarningPropertyDefinition("nativeEvent", null)
+          );
+          Object.defineProperty(
+            this,
+            "isDefaultPrevented",
+            getPooledWarningPropertyDefinition(
+              "isDefaultPrevented",
+              functionThatReturnsFalse
+            )
+          );
+          Object.defineProperty(
+            this,
+            "isPropagationStopped",
+            getPooledWarningPropertyDefinition(
+              "isPropagationStopped",
+              functionThatReturnsFalse
+            )
+          );
+          Object.defineProperty(
+            this,
+            "preventDefault",
+            getPooledWarningPropertyDefinition("preventDefault", function () {})
+          );
+          Object.defineProperty(
+            this,
+            "stopPropagation",
+            getPooledWarningPropertyDefinition(
+              "stopPropagation",
+              function () {}
+            )
+          );
+        }
       }
-    }
-  }
+    });
+    SyntheticEvent.Interface = EventInterface;
+    /**
+     * Helper to reduce boilerplate when creating subclasses.
+     */
 
-  var defaultPrevented =
-    nativeEvent.defaultPrevented != null
-      ? nativeEvent.defaultPrevented
-      : nativeEvent.returnValue === false;
+    SyntheticEvent.extend = function (Interface) {
+      var Super = this;
 
-  if (defaultPrevented) {
-    this.isDefaultPrevented = functionThatReturnsTrue;
-  } else {
-    this.isDefaultPrevented = functionThatReturnsFalse;
-  }
+      var E = function () {};
 
-  this.isPropagationStopped = functionThatReturnsFalse;
-  return this;
-}
+      E.prototype = Super.prototype;
+      var prototype = new E();
 
-assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
-    this.defaultPrevented = true;
-    var event = this.nativeEvent;
+      function Class() {
+        return Super.apply(this, arguments);
+      }
 
-    if (!event) {
-      return;
-    }
+      assign(prototype, Class.prototype);
+      Class.prototype = prototype;
+      Class.prototype.constructor = Class;
+      Class.Interface = assign({}, Super.Interface, Interface);
+      Class.extend = Super.extend;
+      addEventPoolingTo(Class);
+      return Class;
+    };
 
-    if (event.preventDefault) {
-      event.preventDefault();
-    } else if (typeof event.returnValue !== "unknown") {
-      event.returnValue = false;
-    }
+    addEventPoolingTo(SyntheticEvent);
+    /**
+     * Helper to nullify syntheticEvent instance properties when destructing
+     *
+     * @param {String} propName
+     * @param {?object} getVal
+     * @return {object} defineProperty object
+     */
 
-    this.isDefaultPrevented = functionThatReturnsTrue;
-  },
-  stopPropagation: function() {
-    var event = this.nativeEvent;
+    function getPooledWarningPropertyDefinition(propName, getVal) {
+      function set(val) {
+        var action = isFunction ? "setting the method" : "setting the property";
+        warn(action, "This is effectively a no-op");
+        return val;
+      }
 
-    if (!event) {
-      return;
-    }
-
-    if (event.stopPropagation) {
-      event.stopPropagation();
-    } else if (typeof event.cancelBubble !== "unknown") {
-      // The ChangeEventPlugin registers a "propertychange" event for
-      // IE. This event does not support bubbling or cancelling, and
-      // any references to cancelBubble throw "Member not found".  A
-      // typeof check of "unknown" circumvents this issue (and is also
-      // IE specific).
-      event.cancelBubble = true;
-    }
-
-    this.isPropagationStopped = functionThatReturnsTrue;
-  },
+      function get() {
+        var action = isFunction
+          ? "accessing the method"
+          : "accessing the property";
+        var result = isFunction
+          ? "This is a no-op function"
+          : "This is set to null";
+        warn(action, result);
+        return getVal;
+      }
 
-  /**
-   * We release all dispatched `SyntheticEvent`s after each event loop, adding
-   * them back into the pool. This allows a way to hold onto a reference that
-   * won't be added back into the pool.
-   */
-  persist: function() {
-    this.isPersistent = functionThatReturnsTrue;
-  },
+      function warn(action, result) {
+        {
+          error(
+            "This synthetic event is reused for performance reasons. If you're seeing this, " +
+              "you're %s `%s` on a released/nullified synthetic event. %s. " +
+              "If you must keep the original synthetic event around, use event.persist(). " +
+              "See https://reactjs.org/link/event-pooling for more information.",
+            action,
+            propName,
+            result
+          );
+        }
+      }
 
-  /**
-   * Checks if this event should be released back into the pool.
-   *
-   * @return {boolean} True if this should not be released, false otherwise.
-   */
-  isPersistent: functionThatReturnsFalse,
+      var isFunction = typeof getVal === "function";
+      return {
+        configurable: true,
+        set: set,
+        get: get
+      };
+    }
 
-  /**
-   * `PooledClass` looks for `destructor` on each instance it releases.
-   */
-  destructor: function() {
-    var Interface = this.constructor.Interface;
+    function createOrGetPooledEvent(
+      dispatchConfig,
+      targetInst,
+      nativeEvent,
+      nativeInst
+    ) {
+      var EventConstructor = this;
 
-    for (var propName in Interface) {
-      {
-        Object.defineProperty(
-          this,
-          propName,
-          getPooledWarningPropertyDefinition(propName, Interface[propName])
+      if (EventConstructor.eventPool.length) {
+        var instance = EventConstructor.eventPool.pop();
+        EventConstructor.call(
+          instance,
+          dispatchConfig,
+          targetInst,
+          nativeEvent,
+          nativeInst
         );
+        return instance;
       }
-    }
 
-    this.dispatchConfig = null;
-    this._targetInst = null;
-    this.nativeEvent = null;
-    this.isDefaultPrevented = functionThatReturnsFalse;
-    this.isPropagationStopped = functionThatReturnsFalse;
-    this._dispatchListeners = null;
-    this._dispatchInstances = null;
-
-    {
-      Object.defineProperty(
-        this,
-        "nativeEvent",
-        getPooledWarningPropertyDefinition("nativeEvent", null)
-      );
-      Object.defineProperty(
-        this,
-        "isDefaultPrevented",
-        getPooledWarningPropertyDefinition(
-          "isDefaultPrevented",
-          functionThatReturnsFalse
-        )
-      );
-      Object.defineProperty(
-        this,
-        "isPropagationStopped",
-        getPooledWarningPropertyDefinition(
-          "isPropagationStopped",
-          functionThatReturnsFalse
-        )
-      );
-      Object.defineProperty(
-        this,
-        "preventDefault",
-        getPooledWarningPropertyDefinition("preventDefault", function() {})
-      );
-      Object.defineProperty(
-        this,
-        "stopPropagation",
-        getPooledWarningPropertyDefinition("stopPropagation", function() {})
+      return new EventConstructor(
+        dispatchConfig,
+        targetInst,
+        nativeEvent,
+        nativeInst
       );
     }
-  }
-});
-SyntheticEvent.Interface = EventInterface;
-/**
- * Helper to reduce boilerplate when creating subclasses.
- */
 
-SyntheticEvent.extend = function(Interface) {
-  var Super = this;
+    function releasePooledEvent(event) {
+      var EventConstructor = this;
 
-  var E = function() {};
+      if (!(event instanceof EventConstructor)) {
+        throw new Error(
+          "Trying to release an event instance into a pool of a different type."
+        );
+      }
 
-  E.prototype = Super.prototype;
-  var prototype = new E();
+      event.destructor();
 
-  function Class() {
-    return Super.apply(this, arguments);
-  }
+      if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
+        EventConstructor.eventPool.push(event);
+      }
+    }
 
-  assign(prototype, Class.prototype);
-  Class.prototype = prototype;
-  Class.prototype.constructor = Class;
-  Class.Interface = assign({}, Super.Interface, Interface);
-  Class.extend = Super.extend;
-  addEventPoolingTo(Class);
-  return Class;
-};
+    function addEventPoolingTo(EventConstructor) {
+      EventConstructor.getPooled = createOrGetPooledEvent;
+      EventConstructor.eventPool = [];
+      EventConstructor.release = releasePooledEvent;
+    }
 
-addEventPoolingTo(SyntheticEvent);
-/**
- * Helper to nullify syntheticEvent instance properties when destructing
- *
- * @param {String} propName
- * @param {?object} getVal
- * @return {object} defineProperty object
- */
+    /**
+     * `touchHistory` isn't actually on the native event, but putting it in the
+     * interface will ensure that it is cleaned up when pooled/destroyed. The
+     * `ResponderEventPlugin` will populate it appropriately.
+     */
 
-function getPooledWarningPropertyDefinition(propName, getVal) {
-  function set(val) {
-    var action = isFunction ? "setting the method" : "setting the property";
-    warn(action, "This is effectively a no-op");
-    return val;
-  }
-
-  function get() {
-    var action = isFunction ? "accessing the method" : "accessing the property";
-    var result = isFunction
-      ? "This is a no-op function"
-      : "This is set to null";
-    warn(action, result);
-    return getVal;
-  }
-
-  function warn(action, result) {
-    {
-      error(
-        "This synthetic event is reused for performance reasons. If you're seeing this, " +
-          "you're %s `%s` on a released/nullified synthetic event. %s. " +
-          "If you must keep the original synthetic event around, use event.persist(). " +
-          "See https://legacy.reactjs.org/docs/legacy-event-pooling.html for more information.",
-        action,
-        propName,
-        result
+    var ResponderSyntheticEvent = SyntheticEvent.extend({
+      touchHistory: function (nativeEvent) {
+        return null; // Actually doesn't even look at the native event.
+      }
+    });
+
+    var TOP_TOUCH_START = "topTouchStart";
+    var TOP_TOUCH_MOVE = "topTouchMove";
+    var TOP_TOUCH_END = "topTouchEnd";
+    var TOP_TOUCH_CANCEL = "topTouchCancel";
+    var TOP_SCROLL = "topScroll";
+    var TOP_SELECTION_CHANGE = "topSelectionChange";
+    function isStartish(topLevelType) {
+      return topLevelType === TOP_TOUCH_START;
+    }
+    function isMoveish(topLevelType) {
+      return topLevelType === TOP_TOUCH_MOVE;
+    }
+    function isEndish(topLevelType) {
+      return (
+        topLevelType === TOP_TOUCH_END || topLevelType === TOP_TOUCH_CANCEL
       );
     }
-  }
+    var startDependencies = [TOP_TOUCH_START];
+    var moveDependencies = [TOP_TOUCH_MOVE];
+    var endDependencies = [TOP_TOUCH_CANCEL, TOP_TOUCH_END];
 
-  var isFunction = typeof getVal === "function";
-  return {
-    configurable: true,
-    set: set,
-    get: get
-  };
-}
+    /**
+     * Tracks the position and time of each active touch by `touch.identifier`. We
+     * should typically only see IDs in the range of 1-20 because IDs get recycled
+     * when touches end and start again.
+     */
 
-function createOrGetPooledEvent(
-  dispatchConfig,
-  targetInst,
-  nativeEvent,
-  nativeInst
-) {
-  var EventConstructor = this;
-
-  if (EventConstructor.eventPool.length) {
-    var instance = EventConstructor.eventPool.pop();
-    EventConstructor.call(
-      instance,
-      dispatchConfig,
-      targetInst,
-      nativeEvent,
-      nativeInst
-    );
-    return instance;
-  }
-
-  return new EventConstructor(
-    dispatchConfig,
-    targetInst,
-    nativeEvent,
-    nativeInst
-  );
-}
+    var MAX_TOUCH_BANK = 20;
+    var touchBank = [];
+    var touchHistory = {
+      touchBank: touchBank,
+      numberActiveTouches: 0,
+      // If there is only one active touch, we remember its location. This prevents
+      // us having to loop through all of the touches all the time in the most
+      // common case.
+      indexOfSingleActiveTouch: -1,
+      mostRecentTimeStamp: 0
+    };
 
-function releasePooledEvent(event) {
-  var EventConstructor = this;
+    function timestampForTouch(touch) {
+      // The legacy internal implementation provides "timeStamp", which has been
+      // renamed to "timestamp". Let both work for now while we iron it out
+      // TODO (evv): rename timeStamp to timestamp in internal code
+      return touch.timeStamp || touch.timestamp;
+    }
+    /**
+     * TODO: Instead of making gestures recompute filtered velocity, we could
+     * include a built in velocity computation that can be reused globally.
+     */
 
-  if (!(event instanceof EventConstructor)) {
-    throw new Error(
-      "Trying to release an event instance into a pool of a different type."
-    );
-  }
+    function createTouchRecord(touch) {
+      return {
+        touchActive: true,
+        startPageX: touch.pageX,
+        startPageY: touch.pageY,
+        startTimeStamp: timestampForTouch(touch),
+        currentPageX: touch.pageX,
+        currentPageY: touch.pageY,
+        currentTimeStamp: timestampForTouch(touch),
+        previousPageX: touch.pageX,
+        previousPageY: touch.pageY,
+        previousTimeStamp: timestampForTouch(touch)
+      };
+    }
 
-  event.destructor();
+    function resetTouchRecord(touchRecord, touch) {
+      touchRecord.touchActive = true;
+      touchRecord.startPageX = touch.pageX;
+      touchRecord.startPageY = touch.pageY;
+      touchRecord.startTimeStamp = timestampForTouch(touch);
+      touchRecord.currentPageX = touch.pageX;
+      touchRecord.currentPageY = touch.pageY;
+      touchRecord.currentTimeStamp = timestampForTouch(touch);
+      touchRecord.previousPageX = touch.pageX;
+      touchRecord.previousPageY = touch.pageY;
+      touchRecord.previousTimeStamp = timestampForTouch(touch);
+    }
 
-  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
-    EventConstructor.eventPool.push(event);
-  }
-}
+    function getTouchIdentifier(_ref) {
+      var identifier = _ref.identifier;
 
-function addEventPoolingTo(EventConstructor) {
-  EventConstructor.getPooled = createOrGetPooledEvent;
-  EventConstructor.eventPool = [];
-  EventConstructor.release = releasePooledEvent;
-}
+      if (identifier == null) {
+        throw new Error("Touch object is missing identifier.");
+      }
 
-/**
- * `touchHistory` isn't actually on the native event, but putting it in the
- * interface will ensure that it is cleaned up when pooled/destroyed. The
- * `ResponderEventPlugin` will populate it appropriately.
- */
+      {
+        if (identifier > MAX_TOUCH_BANK) {
+          error(
+            "Touch identifier %s is greater than maximum supported %s which causes " +
+              "performance issues backfilling array locations for all of the indices.",
+            identifier,
+            MAX_TOUCH_BANK
+          );
+        }
+      }
 
-var ResponderSyntheticEvent = SyntheticEvent.extend({
-  touchHistory: function(nativeEvent) {
-    return null; // Actually doesn't even look at the native event.
-  }
-});
-
-var TOP_TOUCH_START = "topTouchStart";
-var TOP_TOUCH_MOVE = "topTouchMove";
-var TOP_TOUCH_END = "topTouchEnd";
-var TOP_TOUCH_CANCEL = "topTouchCancel";
-var TOP_SCROLL = "topScroll";
-var TOP_SELECTION_CHANGE = "topSelectionChange";
-function isStartish(topLevelType) {
-  return topLevelType === TOP_TOUCH_START;
-}
-function isMoveish(topLevelType) {
-  return topLevelType === TOP_TOUCH_MOVE;
-}
-function isEndish(topLevelType) {
-  return topLevelType === TOP_TOUCH_END || topLevelType === TOP_TOUCH_CANCEL;
-}
-var startDependencies = [TOP_TOUCH_START];
-var moveDependencies = [TOP_TOUCH_MOVE];
-var endDependencies = [TOP_TOUCH_CANCEL, TOP_TOUCH_END];
+      return identifier;
+    }
 
-/**
- * Tracks the position and time of each active touch by `touch.identifier`. We
- * should typically only see IDs in the range of 1-20 because IDs get recycled
- * when touches end and start again.
- */
+    function recordTouchStart(touch) {
+      var identifier = getTouchIdentifier(touch);
+      var touchRecord = touchBank[identifier];
 
-var MAX_TOUCH_BANK = 20;
-var touchBank = [];
-var touchHistory = {
-  touchBank: touchBank,
-  numberActiveTouches: 0,
-  // If there is only one active touch, we remember its location. This prevents
-  // us having to loop through all of the touches all the time in the most
-  // common case.
-  indexOfSingleActiveTouch: -1,
-  mostRecentTimeStamp: 0
-};
-
-function timestampForTouch(touch) {
-  // The legacy internal implementation provides "timeStamp", which has been
-  // renamed to "timestamp". Let both work for now while we iron it out
-  // TODO (evv): rename timeStamp to timestamp in internal code
-  return touch.timeStamp || touch.timestamp;
-}
-/**
- * TODO: Instead of making gestures recompute filtered velocity, we could
- * include a built in velocity computation that can be reused globally.
- */
+      if (touchRecord) {
+        resetTouchRecord(touchRecord, touch);
+      } else {
+        touchBank[identifier] = createTouchRecord(touch);
+      }
 
-function createTouchRecord(touch) {
-  return {
-    touchActive: true,
-    startPageX: touch.pageX,
-    startPageY: touch.pageY,
-    startTimeStamp: timestampForTouch(touch),
-    currentPageX: touch.pageX,
-    currentPageY: touch.pageY,
-    currentTimeStamp: timestampForTouch(touch),
-    previousPageX: touch.pageX,
-    previousPageY: touch.pageY,
-    previousTimeStamp: timestampForTouch(touch)
-  };
-}
+      touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+    }
 
-function resetTouchRecord(touchRecord, touch) {
-  touchRecord.touchActive = true;
-  touchRecord.startPageX = touch.pageX;
-  touchRecord.startPageY = touch.pageY;
-  touchRecord.startTimeStamp = timestampForTouch(touch);
-  touchRecord.currentPageX = touch.pageX;
-  touchRecord.currentPageY = touch.pageY;
-  touchRecord.currentTimeStamp = timestampForTouch(touch);
-  touchRecord.previousPageX = touch.pageX;
-  touchRecord.previousPageY = touch.pageY;
-  touchRecord.previousTimeStamp = timestampForTouch(touch);
-}
+    function recordTouchMove(touch) {
+      var touchRecord = touchBank[getTouchIdentifier(touch)];
 
-function getTouchIdentifier(_ref) {
-  var identifier = _ref.identifier;
+      if (touchRecord) {
+        touchRecord.touchActive = true;
+        touchRecord.previousPageX = touchRecord.currentPageX;
+        touchRecord.previousPageY = touchRecord.currentPageY;
+        touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+        touchRecord.currentPageX = touch.pageX;
+        touchRecord.currentPageY = touch.pageY;
+        touchRecord.currentTimeStamp = timestampForTouch(touch);
+        touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+      } else {
+        {
+          warn(
+            "Cannot record touch move without a touch start.\n" +
+              "Touch Move: %s\n" +
+              "Touch Bank: %s",
+            printTouch(touch),
+            printTouchBank()
+          );
+        }
+      }
+    }
 
-  if (identifier == null) {
-    throw new Error("Touch object is missing identifier.");
-  }
+    function recordTouchEnd(touch) {
+      var touchRecord = touchBank[getTouchIdentifier(touch)];
 
-  {
-    if (identifier > MAX_TOUCH_BANK) {
-      error(
-        "Touch identifier %s is greater than maximum supported %s which causes " +
-          "performance issues backfilling array locations for all of the indices.",
-        identifier,
-        MAX_TOUCH_BANK
-      );
+      if (touchRecord) {
+        touchRecord.touchActive = false;
+        touchRecord.previousPageX = touchRecord.currentPageX;
+        touchRecord.previousPageY = touchRecord.currentPageY;
+        touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+        touchRecord.currentPageX = touch.pageX;
+        touchRecord.currentPageY = touch.pageY;
+        touchRecord.currentTimeStamp = timestampForTouch(touch);
+        touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+      } else {
+        {
+          warn(
+            "Cannot record touch end without a touch start.\n" +
+              "Touch End: %s\n" +
+              "Touch Bank: %s",
+            printTouch(touch),
+            printTouchBank()
+          );
+        }
+      }
     }
-  }
-
-  return identifier;
-}
 
-function recordTouchStart(touch) {
-  var identifier = getTouchIdentifier(touch);
-  var touchRecord = touchBank[identifier];
+    function printTouch(touch) {
+      return JSON.stringify({
+        identifier: touch.identifier,
+        pageX: touch.pageX,
+        pageY: touch.pageY,
+        timestamp: timestampForTouch(touch)
+      });
+    }
 
-  if (touchRecord) {
-    resetTouchRecord(touchRecord, touch);
-  } else {
-    touchBank[identifier] = createTouchRecord(touch);
-  }
+    function printTouchBank() {
+      var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
 
-  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-}
+      if (touchBank.length > MAX_TOUCH_BANK) {
+        printed += " (original size: " + touchBank.length + ")";
+      }
 
-function recordTouchMove(touch) {
-  var touchRecord = touchBank[getTouchIdentifier(touch)];
-
-  if (touchRecord) {
-    touchRecord.touchActive = true;
-    touchRecord.previousPageX = touchRecord.currentPageX;
-    touchRecord.previousPageY = touchRecord.currentPageY;
-    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
-    touchRecord.currentPageX = touch.pageX;
-    touchRecord.currentPageY = touch.pageY;
-    touchRecord.currentTimeStamp = timestampForTouch(touch);
-    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-  } else {
-    {
-      warn(
-        "Cannot record touch move without a touch start.\n" +
-          "Touch Move: %s\n" +
-          "Touch Bank: %s",
-        printTouch(touch),
-        printTouchBank()
-      );
+      return printed;
     }
-  }
-}
 
-function recordTouchEnd(touch) {
-  var touchRecord = touchBank[getTouchIdentifier(touch)];
-
-  if (touchRecord) {
-    touchRecord.touchActive = false;
-    touchRecord.previousPageX = touchRecord.currentPageX;
-    touchRecord.previousPageY = touchRecord.currentPageY;
-    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
-    touchRecord.currentPageX = touch.pageX;
-    touchRecord.currentPageY = touch.pageY;
-    touchRecord.currentTimeStamp = timestampForTouch(touch);
-    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-  } else {
-    {
-      warn(
-        "Cannot record touch end without a touch start.\n" +
-          "Touch End: %s\n" +
-          "Touch Bank: %s",
-        printTouch(touch),
-        printTouchBank()
-      );
-    }
-  }
-}
+    var instrumentationCallback;
+    var ResponderTouchHistoryStore = {
+      /**
+       * Registers a listener which can be used to instrument every touch event.
+       */
+      instrument: function (callback) {
+        instrumentationCallback = callback;
+      },
+      recordTouchTrack: function (topLevelType, nativeEvent) {
+        if (instrumentationCallback != null) {
+          instrumentationCallback(topLevelType, nativeEvent);
+        }
 
-function printTouch(touch) {
-  return JSON.stringify({
-    identifier: touch.identifier,
-    pageX: touch.pageX,
-    pageY: touch.pageY,
-    timestamp: timestampForTouch(touch)
-  });
-}
+        if (isMoveish(topLevelType)) {
+          nativeEvent.changedTouches.forEach(recordTouchMove);
+        } else if (isStartish(topLevelType)) {
+          nativeEvent.changedTouches.forEach(recordTouchStart);
+          touchHistory.numberActiveTouches = nativeEvent.touches.length;
 
-function printTouchBank() {
-  var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
+          if (touchHistory.numberActiveTouches === 1) {
+            touchHistory.indexOfSingleActiveTouch =
+              nativeEvent.touches[0].identifier;
+          }
+        } else if (isEndish(topLevelType)) {
+          nativeEvent.changedTouches.forEach(recordTouchEnd);
+          touchHistory.numberActiveTouches = nativeEvent.touches.length;
 
-  if (touchBank.length > MAX_TOUCH_BANK) {
-    printed += " (original size: " + touchBank.length + ")";
-  }
+          if (touchHistory.numberActiveTouches === 1) {
+            for (var i = 0; i < touchBank.length; i++) {
+              var touchTrackToCheck = touchBank[i];
 
-  return printed;
-}
+              if (touchTrackToCheck != null && touchTrackToCheck.touchActive) {
+                touchHistory.indexOfSingleActiveTouch = i;
+                break;
+              }
+            }
 
-var instrumentationCallback;
-var ResponderTouchHistoryStore = {
-  /**
-   * Registers a listener which can be used to instrument every touch event.
-   */
-  instrument: function(callback) {
-    instrumentationCallback = callback;
-  },
-  recordTouchTrack: function(topLevelType, nativeEvent) {
-    if (instrumentationCallback != null) {
-      instrumentationCallback(topLevelType, nativeEvent);
-    }
-
-    if (isMoveish(topLevelType)) {
-      nativeEvent.changedTouches.forEach(recordTouchMove);
-    } else if (isStartish(topLevelType)) {
-      nativeEvent.changedTouches.forEach(recordTouchStart);
-      touchHistory.numberActiveTouches = nativeEvent.touches.length;
-
-      if (touchHistory.numberActiveTouches === 1) {
-        touchHistory.indexOfSingleActiveTouch =
-          nativeEvent.touches[0].identifier;
-      }
-    } else if (isEndish(topLevelType)) {
-      nativeEvent.changedTouches.forEach(recordTouchEnd);
-      touchHistory.numberActiveTouches = nativeEvent.touches.length;
-
-      if (touchHistory.numberActiveTouches === 1) {
-        for (var i = 0; i < touchBank.length; i++) {
-          var touchTrackToCheck = touchBank[i];
-
-          if (touchTrackToCheck != null && touchTrackToCheck.touchActive) {
-            touchHistory.indexOfSingleActiveTouch = i;
-            break;
+            {
+              var activeRecord =
+                touchBank[touchHistory.indexOfSingleActiveTouch];
+
+              if (activeRecord == null || !activeRecord.touchActive) {
+                error("Cannot find single active touch.");
+              }
+            }
           }
         }
+      },
+      touchHistory: touchHistory
+    };
 
-        {
-          var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
+    /**
+     * Accumulates items that must not be null or undefined.
+     *
+     * This is used to conserve memory by avoiding array allocations.
+     *
+     * @return {*|array<*>} An accumulation of items.
+     */
 
-          if (activeRecord == null || !activeRecord.touchActive) {
-            error("Cannot find single active touch.");
-          }
-        }
+    function accumulate(current, next) {
+      if (next == null) {
+        throw new Error(
+          "accumulate(...): Accumulated items must not be null or undefined."
+        );
       }
-    }
-  },
-  touchHistory: touchHistory
-};
 
-/**
- * Accumulates items that must not be null or undefined.
- *
- * This is used to conserve memory by avoiding array allocations.
- *
- * @return {*|array<*>} An accumulation of items.
- */
+      if (current == null) {
+        return next;
+      } // Both are not empty. Warning: Never call x.concat(y) when you are not
+      // certain that x is an Array (x could be a string with concat method).
 
-function accumulate(current, next) {
-  if (next == null) {
-    throw new Error(
-      "accumulate(...): Accumulated items must not be null or undefined."
-    );
-  }
+      if (isArray(current)) {
+        /* $FlowFixMe[incompatible-return] if `current` is `T` and `T` an array,
+         * `isArray` might refine to the array element type of `T` */
+        return current.concat(next);
+      }
 
-  if (current == null) {
-    return next;
-  } // Both are not empty. Warning: Never call x.concat(y) when you are not
-  // certain that x is an Array (x could be a string with concat method).
+      if (isArray(next)) {
+        /* $FlowFixMe[incompatible-return] unsound if `next` is `T` and `T` an array,
+         * `isArray` might refine to the array element type of `T` */
+        return [current].concat(next);
+      }
 
-  if (isArray(current)) {
-    return current.concat(next);
-  }
+      return [current, next];
+    }
 
-  if (isArray(next)) {
-    return [current].concat(next);
-  }
+    /**
+     * Accumulates items that must not be null or undefined into the first one. This
+     * is used to conserve memory by avoiding array allocations, and thus sacrifices
+     * API cleanness. Since `current` can be null before being passed in and not
+     * null after this function, make sure to assign it back to `current`:
+     *
+     * `a = accumulateInto(a, b);`
+     *
+     * This API should be sparingly used. Try `accumulate` for something cleaner.
+     *
+     * @return {*|array<*>} An accumulation of items.
+     */
 
-  return [current, next];
-}
+    function accumulateInto(current, next) {
+      if (next == null) {
+        throw new Error(
+          "accumulateInto(...): Accumulated items must not be null or undefined."
+        );
+      }
 
-/**
- * Accumulates items that must not be null or undefined into the first one. This
- * is used to conserve memory by avoiding array allocations, and thus sacrifices
- * API cleanness. Since `current` can be null before being passed in and not
- * null after this function, make sure to assign it back to `current`:
- *
- * `a = accumulateInto(a, b);`
- *
- * This API should be sparingly used. Try `accumulate` for something cleaner.
- *
- * @return {*|array<*>} An accumulation of items.
- */
+      if (current == null) {
+        return next;
+      } // Both are not empty. Warning: Never call x.concat(y) when you are not
+      // certain that x is an Array (x could be a string with concat method).
 
-function accumulateInto(current, next) {
-  if (next == null) {
-    throw new Error(
-      "accumulateInto(...): Accumulated items must not be null or undefined."
-    );
-  }
+      if (isArray(current)) {
+        if (isArray(next)) {
+          // $FlowFixMe[prop-missing] `isArray` does not ensure array is mutable
+          // $FlowFixMe[method-unbinding]
+          current.push.apply(current, next);
+          return current;
+        } // $FlowFixMe[prop-missing] `isArray` does not ensure array is mutable
 
-  if (current == null) {
-    return next;
-  } // Both are not empty. Warning: Never call x.concat(y) when you are not
-  // certain that x is an Array (x could be a string with concat method).
+        current.push(next);
+        return current;
+      }
 
-  if (isArray(current)) {
-    if (isArray(next)) {
-      current.push.apply(current, next);
-      return current;
+      if (isArray(next)) {
+        // A bit too dangerous to mutate `next`.
+
+        /* $FlowFixMe[incompatible-return] unsound if `next` is `T` and `T` an array,
+         * `isArray` might refine to the array element type of `T` */
+        return [current].concat(next);
+      }
+
+      return [current, next];
     }
 
-    current.push(next);
-    return current;
-  }
+    /**
+     * @param {array} arr an "accumulation" of items which is either an Array or
+     * a single item. Useful when paired with the `accumulate` module. This is a
+     * simple utility that allows us to reason about a collection of items, but
+     * handling the case when there is exactly one item (and we do not need to
+     * allocate an array).
+     * @param {function} cb Callback invoked with each element or a collection.
+     * @param {?} [scope] Scope used as `this` in a callback.
+     */
+    function forEachAccumulated(arr, cb, scope) {
+      if (Array.isArray(arr)) {
+        // $FlowFixMe[incompatible-call] if `T` is an array, `cb` cannot be called
+        arr.forEach(cb, scope);
+      } else if (arr) {
+        cb.call(scope, arr);
+      }
+    }
+
+    var FunctionComponent = 0;
+    var ClassComponent = 1;
+    var IndeterminateComponent = 2; // Before we know whether it is function or class
+
+    var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
+
+    var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+
+    var HostComponent = 5;
+    var HostText = 6;
+    var Fragment = 7;
+    var Mode = 8;
+    var ContextConsumer = 9;
+    var ContextProvider = 10;
+    var ForwardRef = 11;
+    var Profiler = 12;
+    var SuspenseComponent = 13;
+    var MemoComponent = 14;
+    var SimpleMemoComponent = 15;
+    var LazyComponent = 16;
+    var IncompleteClassComponent = 17;
+    var DehydratedFragment = 18;
+    var SuspenseListComponent = 19;
+    var ScopeComponent = 21;
+    var OffscreenComponent = 22;
+    var LegacyHiddenComponent = 23;
+    var CacheComponent = 24;
+    var TracingMarkerComponent = 25;
+    var HostHoistable = 26;
+    var HostSingleton = 27;
 
-  if (isArray(next)) {
-    // A bit too dangerous to mutate `next`.
-    return [current].concat(next);
-  }
+    /**
+     * Instance of element that should respond to touch/move types of interactions,
+     * as indicated explicitly by relevant callbacks.
+     */
 
-  return [current, next];
-}
+    var responderInst = null;
+    /**
+     * Count of current touches. A textInput should become responder iff the
+     * selection changes while there is a touch on the screen.
+     */
 
-/**
- * @param {array} arr an "accumulation" of items which is either an Array or
- * a single item. Useful when paired with the `accumulate` module. This is a
- * simple utility that allows us to reason about a collection of items, but
- * handling the case when there is exactly one item (and we do not need to
- * allocate an array).
- * @param {function} cb Callback invoked with each element or a collection.
- * @param {?} [scope] Scope used as `this` in a callback.
- */
-function forEachAccumulated(arr, cb, scope) {
-  if (Array.isArray(arr)) {
-    arr.forEach(cb, scope);
-  } else if (arr) {
-    cb.call(scope, arr);
-  }
-}
+    var trackedTouchCount = 0;
 
-var FunctionComponent = 0;
-var ClassComponent = 1;
-var IndeterminateComponent = 2; // Before we know whether it is function or class
-
-var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-
-var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-
-var HostComponent = 5;
-var HostText = 6;
-var Fragment = 7;
-var Mode = 8;
-var ContextConsumer = 9;
-var ContextProvider = 10;
-var ForwardRef = 11;
-var Profiler = 12;
-var SuspenseComponent = 13;
-var MemoComponent = 14;
-var SimpleMemoComponent = 15;
-var LazyComponent = 16;
-var IncompleteClassComponent = 17;
-var DehydratedFragment = 18;
-var SuspenseListComponent = 19;
-var ScopeComponent = 21;
-var OffscreenComponent = 22;
-var LegacyHiddenComponent = 23;
-var CacheComponent = 24;
-var TracingMarkerComponent = 25;
+    function changeResponder(nextResponderInst, blockHostResponder) {
+      var oldResponderInst = responderInst;
+      responderInst = nextResponderInst;
 
-/**
- * Instance of element that should respond to touch/move types of interactions,
- * as indicated explicitly by relevant callbacks.
- */
+      if (ResponderEventPlugin.GlobalResponderHandler !== null) {
+        ResponderEventPlugin.GlobalResponderHandler.onChange(
+          oldResponderInst,
+          nextResponderInst,
+          blockHostResponder
+        );
+      }
+    }
 
-var responderInst = null;
-/**
- * Count of current touches. A textInput should become responder iff the
- * selection changes while there is a touch on the screen.
- */
+    var eventTypes = {
+      /**
+       * On a `touchStart`/`mouseDown`, is it desired that this element become the
+       * responder?
+       */
+      startShouldSetResponder: {
+        phasedRegistrationNames: {
+          bubbled: "onStartShouldSetResponder",
+          captured: "onStartShouldSetResponderCapture"
+        },
+        dependencies: startDependencies
+      },
+
+      /**
+       * On a `scroll`, is it desired that this element become the responder? This
+       * is usually not needed, but should be used to retroactively infer that a
+       * `touchStart` had occurred during momentum scroll. During a momentum scroll,
+       * a touch start will be immediately followed by a scroll event if the view is
+       * currently scrolling.
+       *
+       * TODO: This shouldn't bubble.
+       */
+      scrollShouldSetResponder: {
+        phasedRegistrationNames: {
+          bubbled: "onScrollShouldSetResponder",
+          captured: "onScrollShouldSetResponderCapture"
+        },
+        dependencies: [TOP_SCROLL]
+      },
+
+      /**
+       * On text selection change, should this element become the responder? This
+       * is needed for text inputs or other views with native selection, so the
+       * JS view can claim the responder.
+       *
+       * TODO: This shouldn't bubble.
+       */
+      selectionChangeShouldSetResponder: {
+        phasedRegistrationNames: {
+          bubbled: "onSelectionChangeShouldSetResponder",
+          captured: "onSelectionChangeShouldSetResponderCapture"
+        },
+        dependencies: [TOP_SELECTION_CHANGE]
+      },
+
+      /**
+       * On a `touchMove`/`mouseMove`, is it desired that this element become the
+       * responder?
+       */
+      moveShouldSetResponder: {
+        phasedRegistrationNames: {
+          bubbled: "onMoveShouldSetResponder",
+          captured: "onMoveShouldSetResponderCapture"
+        },
+        dependencies: moveDependencies
+      },
+
+      /**
+       * Direct responder events dispatched directly to responder. Do not bubble.
+       */
+      responderStart: {
+        registrationName: "onResponderStart",
+        dependencies: startDependencies
+      },
+      responderMove: {
+        registrationName: "onResponderMove",
+        dependencies: moveDependencies
+      },
+      responderEnd: {
+        registrationName: "onResponderEnd",
+        dependencies: endDependencies
+      },
+      responderRelease: {
+        registrationName: "onResponderRelease",
+        dependencies: endDependencies
+      },
+      responderTerminationRequest: {
+        registrationName: "onResponderTerminationRequest",
+        dependencies: []
+      },
+      responderGrant: {
+        registrationName: "onResponderGrant",
+        dependencies: []
+      },
+      responderReject: {
+        registrationName: "onResponderReject",
+        dependencies: []
+      },
+      responderTerminate: {
+        registrationName: "onResponderTerminate",
+        dependencies: []
+      }
+    }; // Start of inline: the below functions were inlined from
+    // EventPropagator.js, as they deviated from ReactDOM's newer
+    // implementations.
+
+    function getParent$1(inst) {
+      do {
+        inst = inst.return; // TODO: If this is a HostRoot we might want to bail out.
+        // That is depending on if we want nested subtrees (layers) to bubble
+        // events to their parent. We could also go through parentNode on the
+        // host node but that wouldn't work for React Native and doesn't let us
+        // do the portal feature.
+      } while (inst && inst.tag !== HostComponent);
 
-var trackedTouchCount = 0;
+      if (inst) {
+        return inst;
+      }
 
-var changeResponder = function(nextResponderInst, blockHostResponder) {
-  var oldResponderInst = responderInst;
-  responderInst = nextResponderInst;
+      return null;
+    }
+    /**
+     * Return the lowest common ancestor of A and B, or null if they are in
+     * different trees.
+     */
 
-  if (ResponderEventPlugin.GlobalResponderHandler !== null) {
-    ResponderEventPlugin.GlobalResponderHandler.onChange(
-      oldResponderInst,
-      nextResponderInst,
-      blockHostResponder
-    );
-  }
-};
-
-var eventTypes = {
-  /**
-   * On a `touchStart`/`mouseDown`, is it desired that this element become the
-   * responder?
-   */
-  startShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onStartShouldSetResponder",
-      captured: "onStartShouldSetResponderCapture"
-    },
-    dependencies: startDependencies
-  },
-
-  /**
-   * On a `scroll`, is it desired that this element become the responder? This
-   * is usually not needed, but should be used to retroactively infer that a
-   * `touchStart` had occurred during momentum scroll. During a momentum scroll,
-   * a touch start will be immediately followed by a scroll event if the view is
-   * currently scrolling.
-   *
-   * TODO: This shouldn't bubble.
-   */
-  scrollShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onScrollShouldSetResponder",
-      captured: "onScrollShouldSetResponderCapture"
-    },
-    dependencies: [TOP_SCROLL]
-  },
-
-  /**
-   * On text selection change, should this element become the responder? This
-   * is needed for text inputs or other views with native selection, so the
-   * JS view can claim the responder.
-   *
-   * TODO: This shouldn't bubble.
-   */
-  selectionChangeShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onSelectionChangeShouldSetResponder",
-      captured: "onSelectionChangeShouldSetResponderCapture"
-    },
-    dependencies: [TOP_SELECTION_CHANGE]
-  },
-
-  /**
-   * On a `touchMove`/`mouseMove`, is it desired that this element become the
-   * responder?
-   */
-  moveShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onMoveShouldSetResponder",
-      captured: "onMoveShouldSetResponderCapture"
-    },
-    dependencies: moveDependencies
-  },
-
-  /**
-   * Direct responder events dispatched directly to responder. Do not bubble.
-   */
-  responderStart: {
-    registrationName: "onResponderStart",
-    dependencies: startDependencies
-  },
-  responderMove: {
-    registrationName: "onResponderMove",
-    dependencies: moveDependencies
-  },
-  responderEnd: {
-    registrationName: "onResponderEnd",
-    dependencies: endDependencies
-  },
-  responderRelease: {
-    registrationName: "onResponderRelease",
-    dependencies: endDependencies
-  },
-  responderTerminationRequest: {
-    registrationName: "onResponderTerminationRequest",
-    dependencies: []
-  },
-  responderGrant: {
-    registrationName: "onResponderGrant",
-    dependencies: []
-  },
-  responderReject: {
-    registrationName: "onResponderReject",
-    dependencies: []
-  },
-  responderTerminate: {
-    registrationName: "onResponderTerminate",
-    dependencies: []
-  }
-}; // Start of inline: the below functions were inlined from
-// EventPropagator.js, as they deviated from ReactDOM's newer
-// implementations.
-
-function getParent(inst) {
-  do {
-    inst = inst.return; // TODO: If this is a HostRoot we might want to bail out.
-    // That is depending on if we want nested subtrees (layers) to bubble
-    // events to their parent. We could also go through parentNode on the
-    // host node but that wouldn't work for React Native and doesn't let us
-    // do the portal feature.
-  } while (inst && inst.tag !== HostComponent);
-
-  if (inst) {
-    return inst;
-  }
-
-  return null;
-}
-/**
- * Return the lowest common ancestor of A and B, or null if they are in
- * different trees.
- */
+    function getLowestCommonAncestor(instA, instB) {
+      var depthA = 0;
+
+      for (var tempA = instA; tempA; tempA = getParent$1(tempA)) {
+        depthA++;
+      }
 
-function getLowestCommonAncestor(instA, instB) {
-  var depthA = 0;
+      var depthB = 0;
 
-  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
-    depthA++;
-  }
+      for (var tempB = instB; tempB; tempB = getParent$1(tempB)) {
+        depthB++;
+      } // If A is deeper, crawl up.
 
-  var depthB = 0;
+      while (depthA - depthB > 0) {
+        instA = getParent$1(instA);
+        depthA--;
+      } // If B is deeper, crawl up.
 
-  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
-    depthB++;
-  } // If A is deeper, crawl up.
+      while (depthB - depthA > 0) {
+        instB = getParent$1(instB);
+        depthB--;
+      } // Walk in lockstep until we find a match.
 
-  while (depthA - depthB > 0) {
-    instA = getParent(instA);
-    depthA--;
-  } // If B is deeper, crawl up.
+      var depth = depthA;
 
-  while (depthB - depthA > 0) {
-    instB = getParent(instB);
-    depthB--;
-  } // Walk in lockstep until we find a match.
+      while (depth--) {
+        if (instA === instB || instA === instB.alternate) {
+          return instA;
+        }
 
-  var depth = depthA;
+        instA = getParent$1(instA);
+        instB = getParent$1(instB);
+      }
 
-  while (depth--) {
-    if (instA === instB || instA === instB.alternate) {
-      return instA;
+      return null;
     }
+    /**
+     * Return if A is an ancestor of B.
+     */
 
-    instA = getParent(instA);
-    instB = getParent(instB);
-  }
+    function isAncestor(instA, instB) {
+      while (instB) {
+        if (instA === instB || instA === instB.alternate) {
+          return true;
+        }
 
-  return null;
-}
-/**
- * Return if A is an ancestor of B.
- */
+        instB = getParent$1(instB);
+      }
 
-function isAncestor(instA, instB) {
-  while (instB) {
-    if (instA === instB || instA === instB.alternate) {
-      return true;
+      return false;
     }
+    /**
+     * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+     */
 
-    instB = getParent(instB);
-  }
+    function traverseTwoPhase$1(inst, fn, arg) {
+      var path = [];
 
-  return false;
-}
-/**
- * Simulates the traversal of a two-phase, capture/bubble event dispatch.
- */
+      while (inst) {
+        path.push(inst);
+        inst = getParent$1(inst);
+      }
 
-function traverseTwoPhase(inst, fn, arg) {
-  var path = [];
+      var i;
 
-  while (inst) {
-    path.push(inst);
-    inst = getParent(inst);
-  }
+      for (i = path.length; i-- > 0; ) {
+        fn(path[i], "captured", arg);
+      }
 
-  var i;
+      for (i = 0; i < path.length; i++) {
+        fn(path[i], "bubbled", arg);
+      }
+    }
 
-  for (i = path.length; i-- > 0; ) {
-    fn(path[i], "captured", arg);
-  }
+    function getListener$1(inst, registrationName) {
+      var stateNode = inst.stateNode;
 
-  for (i = 0; i < path.length; i++) {
-    fn(path[i], "bubbled", arg);
-  }
-}
+      if (stateNode === null) {
+        // Work in progress (ex: onload events in incremental mode).
+        return null;
+      }
 
-function getListener(inst, registrationName) {
-  var stateNode = inst.stateNode;
+      var props = getFiberCurrentPropsFromNode$1(stateNode);
 
-  if (stateNode === null) {
-    // Work in progress (ex: onload events in incremental mode).
-    return null;
-  }
+      if (props === null) {
+        // Work in progress.
+        return null;
+      }
 
-  var props = getFiberCurrentPropsFromNode(stateNode);
+      var listener = props[registrationName];
 
-  if (props === null) {
-    // Work in progress.
-    return null;
-  }
+      if (listener && typeof listener !== "function") {
+        throw new Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof listener +
+            "` type."
+        );
+      }
 
-  var listener = props[registrationName];
+      return listener;
+    }
 
-  if (listener && typeof listener !== "function") {
-    throw new Error(
-      "Expected `" +
-        registrationName +
-        "` listener to be a function, instead got a value of `" +
-        typeof listener +
-        "` type."
-    );
-  }
+    function listenerAtPhase$1(inst, event, propagationPhase) {
+      var registrationName =
+        event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+      return getListener$1(inst, registrationName);
+    }
 
-  return listener;
-}
+    function accumulateDirectionalDispatches$1(inst, phase, event) {
+      {
+        if (!inst) {
+          error("Dispatching inst must not be null");
+        }
+      }
 
-function listenerAtPhase(inst, event, propagationPhase) {
-  var registrationName =
-    event.dispatchConfig.phasedRegistrationNames[propagationPhase];
-  return getListener(inst, registrationName);
-}
+      var listener = listenerAtPhase$1(inst, event, phase);
 
-function accumulateDirectionalDispatches(inst, phase, event) {
-  {
-    if (!inst) {
-      error("Dispatching inst must not be null");
+      if (listener) {
+        event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        );
+        event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        );
+      }
     }
-  }
+    /**
+     * Accumulates without regard to direction, does not look for phased
+     * registration names. Same as `accumulateDirectDispatchesSingle` but without
+     * requiring that the `dispatchMarker` be the same as the dispatched ID.
+     */
 
-  var listener = listenerAtPhase(inst, event, phase);
+    function accumulateDispatches$1(inst, ignoredDirection, event) {
+      if (inst && event && event.dispatchConfig.registrationName) {
+        var registrationName = event.dispatchConfig.registrationName;
+        var listener = getListener$1(inst, registrationName);
 
-  if (listener) {
-    event._dispatchListeners = accumulateInto(
-      event._dispatchListeners,
-      listener
-    );
-    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
-  }
-}
-/**
- * Accumulates without regard to direction, does not look for phased
- * registration names. Same as `accumulateDirectDispatchesSingle` but without
- * requiring that the `dispatchMarker` be the same as the dispatched ID.
- */
+        if (listener) {
+          event._dispatchListeners = accumulateInto(
+            event._dispatchListeners,
+            listener
+          );
+          event._dispatchInstances = accumulateInto(
+            event._dispatchInstances,
+            inst
+          );
+        }
+      }
+    }
+    /**
+     * Accumulates dispatches on an `SyntheticEvent`, but only for the
+     * `dispatchMarker`.
+     * @param {SyntheticEvent} event
+     */
 
-function accumulateDispatches(inst, ignoredDirection, event) {
-  if (inst && event && event.dispatchConfig.registrationName) {
-    var registrationName = event.dispatchConfig.registrationName;
-    var listener = getListener(inst, registrationName);
+    function accumulateDirectDispatchesSingle$1(event) {
+      if (event && event.dispatchConfig.registrationName) {
+        accumulateDispatches$1(event._targetInst, null, event);
+      }
+    }
 
-    if (listener) {
-      event._dispatchListeners = accumulateInto(
-        event._dispatchListeners,
-        listener
-      );
-      event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+    function accumulateDirectDispatches$1(events) {
+      forEachAccumulated(events, accumulateDirectDispatchesSingle$1);
     }
-  }
-}
-/**
- * Accumulates dispatches on an `SyntheticEvent`, but only for the
- * `dispatchMarker`.
- * @param {SyntheticEvent} event
- */
 
-function accumulateDirectDispatchesSingle(event) {
-  if (event && event.dispatchConfig.registrationName) {
-    accumulateDispatches(event._targetInst, null, event);
-  }
-}
-
-function accumulateDirectDispatches(events) {
-  forEachAccumulated(events, accumulateDirectDispatchesSingle);
-}
-
-function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    var targetInst = event._targetInst;
-    var parentInst = targetInst ? getParent(targetInst) : null;
-    traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
-  }
-}
+    function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+      if (event && event.dispatchConfig.phasedRegistrationNames) {
+        var targetInst = event._targetInst;
+        var parentInst = targetInst ? getParent$1(targetInst) : null;
+        traverseTwoPhase$1(
+          parentInst,
+          accumulateDirectionalDispatches$1,
+          event
+        );
+      }
+    }
 
-function accumulateTwoPhaseDispatchesSkipTarget(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
-}
+    function accumulateTwoPhaseDispatchesSkipTarget(events) {
+      forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+    }
 
-function accumulateTwoPhaseDispatchesSingle(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
-  }
-}
+    function accumulateTwoPhaseDispatchesSingle$1(event) {
+      if (event && event.dispatchConfig.phasedRegistrationNames) {
+        traverseTwoPhase$1(
+          event._targetInst,
+          accumulateDirectionalDispatches$1,
+          event
+        );
+      }
+    }
 
-function accumulateTwoPhaseDispatches(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
-} // End of inline
+    function accumulateTwoPhaseDispatches$1(events) {
+      forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle$1);
+    } // End of inline
 
-/**
- *
- * Responder System:
- * ----------------
- *
- * - A global, solitary "interaction lock" on a view.
- * - If a node becomes the responder, it should convey visual feedback
- *   immediately to indicate so, either by highlighting or moving accordingly.
- * - To be the responder means, that touches are exclusively important to that
- *   responder view, and no other view.
- * - While touches are still occurring, the responder lock can be transferred to
- *   a new view, but only to increasingly "higher" views (meaning ancestors of
- *   the current responder).
- *
- * Responder being granted:
- * ------------------------
- *
- * - Touch starts, moves, and scrolls can cause an ID to become the responder.
- * - We capture/bubble `startShouldSetResponder`/`moveShouldSetResponder` to
- *   the "appropriate place".
- * - If nothing is currently the responder, the "appropriate place" is the
- *   initiating event's `targetID`.
- * - If something *is* already the responder, the "appropriate place" is the
- *   first common ancestor of the event target and the current `responderInst`.
- * - Some negotiation happens: See the timing diagram below.
- * - Scrolled views automatically become responder. The reasoning is that a
- *   platform scroll view that isn't built on top of the responder system has
- *   began scrolling, and the active responder must now be notified that the
- *   interaction is no longer locked to it - the system has taken over.
- *
- * - Responder being released:
- *   As soon as no more touches that *started* inside of descendants of the
- *   *current* responderInst, an `onResponderRelease` event is dispatched to the
- *   current responder, and the responder lock is released.
- *
- * TODO:
- * - on "end", a callback hook for `onResponderEndShouldRemainResponder` that
- *   determines if the responder lock should remain.
- * - If a view shouldn't "remain" the responder, any active touches should by
- *   default be considered "dead" and do not influence future negotiations or
- *   bubble paths. It should be as if those touches do not exist.
- * -- For multitouch: Usually a translate-z will choose to "remain" responder
- *  after one out of many touches ended. For translate-y, usually the view
- *  doesn't wish to "remain" responder after one of many touches end.
- * - Consider building this on top of a `stopPropagation` model similar to
- *   `W3C` events.
- * - Ensure that `onResponderTerminate` is called on touch cancels, whether or
- *   not `onResponderTerminationRequest` returns `true` or `false`.
- *
- */
+    /**
+     *
+     * Responder System:
+     * ----------------
+     *
+     * - A global, solitary "interaction lock" on a view.
+     * - If a node becomes the responder, it should convey visual feedback
+     *   immediately to indicate so, either by highlighting or moving accordingly.
+     * - To be the responder means, that touches are exclusively important to that
+     *   responder view, and no other view.
+     * - While touches are still occurring, the responder lock can be transferred to
+     *   a new view, but only to increasingly "higher" views (meaning ancestors of
+     *   the current responder).
+     *
+     * Responder being granted:
+     * ------------------------
+     *
+     * - Touch starts, moves, and scrolls can cause an ID to become the responder.
+     * - We capture/bubble `startShouldSetResponder`/`moveShouldSetResponder` to
+     *   the "appropriate place".
+     * - If nothing is currently the responder, the "appropriate place" is the
+     *   initiating event's `targetID`.
+     * - If something *is* already the responder, the "appropriate place" is the
+     *   first common ancestor of the event target and the current `responderInst`.
+     * - Some negotiation happens: See the timing diagram below.
+     * - Scrolled views automatically become responder. The reasoning is that a
+     *   platform scroll view that isn't built on top of the responder system has
+     *   began scrolling, and the active responder must now be notified that the
+     *   interaction is no longer locked to it - the system has taken over.
+     *
+     * - Responder being released:
+     *   As soon as no more touches that *started* inside of descendants of the
+     *   *current* responderInst, an `onResponderRelease` event is dispatched to the
+     *   current responder, and the responder lock is released.
+     *
+     * TODO:
+     * - on "end", a callback hook for `onResponderEndShouldRemainResponder` that
+     *   determines if the responder lock should remain.
+     * - If a view shouldn't "remain" the responder, any active touches should by
+     *   default be considered "dead" and do not influence future negotiations or
+     *   bubble paths. It should be as if those touches do not exist.
+     * -- For multitouch: Usually a translate-z will choose to "remain" responder
+     *  after one out of many touches ended. For translate-y, usually the view
+     *  doesn't wish to "remain" responder after one of many touches end.
+     * - Consider building this on top of a `stopPropagation` model similar to
+     *   `W3C` events.
+     * - Ensure that `onResponderTerminate` is called on touch cancels, whether or
+     *   not `onResponderTerminationRequest` returns `true` or `false`.
+     *
+     */
 
-/*                                             Negotiation Performed
+    /*                                             Negotiation Performed
                                              +-----------------------+
                                             /                         \
 Process low level events to    +     Current Responder      +   wantsResponderID
@@ -1741,16809 +1753,18379 @@ to return true:wantsResponderID|                            |
                                |                            |
                                +                            + */
 
-/**
- * A note about event ordering in the `EventPluginRegistry`.
- *
- * Suppose plugins are injected in the following order:
- *
- * `[R, S, C]`
- *
- * To help illustrate the example, assume `S` is `SimpleEventPlugin` (for
- * `onClick` etc) and `R` is `ResponderEventPlugin`.
- *
- * "Deferred-Dispatched Events":
- *
- * - The current event plugin system will traverse the list of injected plugins,
- *   in order, and extract events by collecting the plugin's return value of
- *   `extractEvents()`.
- * - These events that are returned from `extractEvents` are "deferred
- *   dispatched events".
- * - When returned from `extractEvents`, deferred-dispatched events contain an
- *   "accumulation" of deferred dispatches.
- * - These deferred dispatches are accumulated/collected before they are
- *   returned, but processed at a later time by the `EventPluginRegistry` (hence the
- *   name deferred).
- *
- * In the process of returning their deferred-dispatched events, event plugins
- * themselves can dispatch events on-demand without returning them from
- * `extractEvents`. Plugins might want to do this, so that they can use event
- * dispatching as a tool that helps them decide which events should be extracted
- * in the first place.
- *
- * "On-Demand-Dispatched Events":
- *
- * - On-demand-dispatched events are not returned from `extractEvents`.
- * - On-demand-dispatched events are dispatched during the process of returning
- *   the deferred-dispatched events.
- * - They should not have side effects.
- * - They should be avoided, and/or eventually be replaced with another
- *   abstraction that allows event plugins to perform multiple "rounds" of event
- *   extraction.
- *
- * Therefore, the sequence of event dispatches becomes:
- *
- * - `R`s on-demand events (if any)   (dispatched by `R` on-demand)
- * - `S`s on-demand events (if any)   (dispatched by `S` on-demand)
- * - `C`s on-demand events (if any)   (dispatched by `C` on-demand)
- * - `R`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
- * - `S`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
- * - `C`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
- *
- * In the case of `ResponderEventPlugin`: If the `startShouldSetResponder`
- * on-demand dispatch returns `true` (and some other details are satisfied) the
- * `onResponderGrant` deferred dispatched event is returned from
- * `extractEvents`. The sequence of dispatch executions in this case
- * will appear as follows:
- *
- * - `startShouldSetResponder` (`ResponderEventPlugin` dispatches on-demand)
- * - `touchStartCapture`       (`EventPluginRegistry` dispatches as usual)
- * - `touchStart`              (`EventPluginRegistry` dispatches as usual)
- * - `responderGrant/Reject`   (`EventPluginRegistry` dispatches as usual)
- */
+    /**
+     * A note about event ordering in the `EventPluginRegistry`.
+     *
+     * Suppose plugins are injected in the following order:
+     *
+     * `[R, S, C]`
+     *
+     * To help illustrate the example, assume `S` is `SimpleEventPlugin` (for
+     * `onClick` etc) and `R` is `ResponderEventPlugin`.
+     *
+     * "Deferred-Dispatched Events":
+     *
+     * - The current event plugin system will traverse the list of injected plugins,
+     *   in order, and extract events by collecting the plugin's return value of
+     *   `extractEvents()`.
+     * - These events that are returned from `extractEvents` are "deferred
+     *   dispatched events".
+     * - When returned from `extractEvents`, deferred-dispatched events contain an
+     *   "accumulation" of deferred dispatches.
+     * - These deferred dispatches are accumulated/collected before they are
+     *   returned, but processed at a later time by the `EventPluginRegistry` (hence the
+     *   name deferred).
+     *
+     * In the process of returning their deferred-dispatched events, event plugins
+     * themselves can dispatch events on-demand without returning them from
+     * `extractEvents`. Plugins might want to do this, so that they can use event
+     * dispatching as a tool that helps them decide which events should be extracted
+     * in the first place.
+     *
+     * "On-Demand-Dispatched Events":
+     *
+     * - On-demand-dispatched events are not returned from `extractEvents`.
+     * - On-demand-dispatched events are dispatched during the process of returning
+     *   the deferred-dispatched events.
+     * - They should not have side effects.
+     * - They should be avoided, and/or eventually be replaced with another
+     *   abstraction that allows event plugins to perform multiple "rounds" of event
+     *   extraction.
+     *
+     * Therefore, the sequence of event dispatches becomes:
+     *
+     * - `R`s on-demand events (if any)   (dispatched by `R` on-demand)
+     * - `S`s on-demand events (if any)   (dispatched by `S` on-demand)
+     * - `C`s on-demand events (if any)   (dispatched by `C` on-demand)
+     * - `R`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+     * - `S`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+     * - `C`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+     *
+     * In the case of `ResponderEventPlugin`: If the `startShouldSetResponder`
+     * on-demand dispatch returns `true` (and some other details are satisfied) the
+     * `onResponderGrant` deferred dispatched event is returned from
+     * `extractEvents`. The sequence of dispatch executions in this case
+     * will appear as follows:
+     *
+     * - `startShouldSetResponder` (`ResponderEventPlugin` dispatches on-demand)
+     * - `touchStartCapture`       (`EventPluginRegistry` dispatches as usual)
+     * - `touchStart`              (`EventPluginRegistry` dispatches as usual)
+     * - `responderGrant/Reject`   (`EventPluginRegistry` dispatches as usual)
+     */
 
-function setResponderAndExtractTransfer(
-  topLevelType,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  var shouldSetEventType = isStartish(topLevelType)
-    ? eventTypes.startShouldSetResponder
-    : isMoveish(topLevelType)
-    ? eventTypes.moveShouldSetResponder
-    : topLevelType === TOP_SELECTION_CHANGE
-    ? eventTypes.selectionChangeShouldSetResponder
-    : eventTypes.scrollShouldSetResponder; // TODO: stop one short of the current responder.
-
-  var bubbleShouldSetFrom = !responderInst
-    ? targetInst
-    : getLowestCommonAncestor(responderInst, targetInst); // When capturing/bubbling the "shouldSet" event, we want to skip the target
-  // (deepest ID) if it happens to be the current responder. The reasoning:
-  // It's strange to get an `onMoveShouldSetResponder` when you're *already*
-  // the responder.
-
-  var skipOverBubbleShouldSetFrom = bubbleShouldSetFrom === responderInst;
-  var shouldSetEvent = ResponderSyntheticEvent.getPooled(
-    shouldSetEventType,
-    bubbleShouldSetFrom,
-    nativeEvent,
-    nativeEventTarget
-  );
-  shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-
-  if (skipOverBubbleShouldSetFrom) {
-    accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent);
-  } else {
-    accumulateTwoPhaseDispatches(shouldSetEvent);
-  }
-
-  var wantsResponderInst = executeDispatchesInOrderStopAtTrue(shouldSetEvent);
-
-  if (!shouldSetEvent.isPersistent()) {
-    shouldSetEvent.constructor.release(shouldSetEvent);
-  }
-
-  if (!wantsResponderInst || wantsResponderInst === responderInst) {
-    return null;
-  }
-
-  var extracted;
-  var grantEvent = ResponderSyntheticEvent.getPooled(
-    eventTypes.responderGrant,
-    wantsResponderInst,
-    nativeEvent,
-    nativeEventTarget
-  );
-  grantEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-  accumulateDirectDispatches(grantEvent);
-  var blockHostResponder = executeDirectDispatch(grantEvent) === true;
-
-  if (responderInst) {
-    var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
-      eventTypes.responderTerminationRequest,
-      responderInst,
+    function setResponderAndExtractTransfer(
+      topLevelType,
+      targetInst,
       nativeEvent,
       nativeEventTarget
-    );
-    terminationRequestEvent.touchHistory =
-      ResponderTouchHistoryStore.touchHistory;
-    accumulateDirectDispatches(terminationRequestEvent);
-    var shouldSwitch =
-      !hasDispatches(terminationRequestEvent) ||
-      executeDirectDispatch(terminationRequestEvent);
-
-    if (!terminationRequestEvent.isPersistent()) {
-      terminationRequestEvent.constructor.release(terminationRequestEvent);
-    }
-
-    if (shouldSwitch) {
-      var terminateEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes.responderTerminate,
-        responderInst,
+    ) {
+      var shouldSetEventType = isStartish(topLevelType)
+        ? eventTypes.startShouldSetResponder
+        : isMoveish(topLevelType)
+        ? eventTypes.moveShouldSetResponder
+        : topLevelType === TOP_SELECTION_CHANGE
+        ? eventTypes.selectionChangeShouldSetResponder
+        : eventTypes.scrollShouldSetResponder; // TODO: stop one short of the current responder.
+
+      var bubbleShouldSetFrom = !responderInst
+        ? targetInst
+        : getLowestCommonAncestor(responderInst, targetInst); // When capturing/bubbling the "shouldSet" event, we want to skip the target
+      // (deepest ID) if it happens to be the current responder. The reasoning:
+      // It's strange to get an `onMoveShouldSetResponder` when you're *already*
+      // the responder.
+
+      var skipOverBubbleShouldSetFrom = bubbleShouldSetFrom === responderInst;
+      var shouldSetEvent = ResponderSyntheticEvent.getPooled(
+        shouldSetEventType,
+        bubbleShouldSetFrom,
         nativeEvent,
         nativeEventTarget
       );
-      terminateEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(terminateEvent);
-      extracted = accumulate(extracted, [grantEvent, terminateEvent]);
-      changeResponder(wantsResponderInst, blockHostResponder);
-    } else {
-      var rejectEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes.responderReject,
+      shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+
+      if (skipOverBubbleShouldSetFrom) {
+        accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent);
+      } else {
+        accumulateTwoPhaseDispatches$1(shouldSetEvent);
+      }
+
+      var wantsResponderInst =
+        executeDispatchesInOrderStopAtTrue(shouldSetEvent);
+
+      if (!shouldSetEvent.isPersistent()) {
+        shouldSetEvent.constructor.release(shouldSetEvent);
+      }
+
+      if (!wantsResponderInst || wantsResponderInst === responderInst) {
+        return null;
+      }
+
+      var extracted;
+      var grantEvent = ResponderSyntheticEvent.getPooled(
+        eventTypes.responderGrant,
         wantsResponderInst,
         nativeEvent,
         nativeEventTarget
       );
-      rejectEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(rejectEvent);
-      extracted = accumulate(extracted, rejectEvent);
-    }
-  } else {
-    extracted = accumulate(extracted, grantEvent);
-    changeResponder(wantsResponderInst, blockHostResponder);
-  }
+      grantEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+      accumulateDirectDispatches$1(grantEvent);
+      var blockHostResponder = executeDirectDispatch(grantEvent) === true;
+
+      if (responderInst) {
+        var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
+          eventTypes.responderTerminationRequest,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        );
+        terminationRequestEvent.touchHistory =
+          ResponderTouchHistoryStore.touchHistory;
+        accumulateDirectDispatches$1(terminationRequestEvent);
+        var shouldSwitch =
+          !hasDispatches(terminationRequestEvent) ||
+          executeDirectDispatch(terminationRequestEvent);
+
+        if (!terminationRequestEvent.isPersistent()) {
+          terminationRequestEvent.constructor.release(terminationRequestEvent);
+        }
 
-  return extracted;
-}
-/**
- * A transfer is a negotiation between a currently set responder and the next
- * element to claim responder status. Any start event could trigger a transfer
- * of responderInst. Any move event could trigger a transfer.
- *
- * @param {string} topLevelType Record from `BrowserEventConstants`.
- * @return {boolean} True if a transfer of responder could possibly occur.
- */
+        if (shouldSwitch) {
+          var terminateEvent = ResponderSyntheticEvent.getPooled(
+            eventTypes.responderTerminate,
+            responderInst,
+            nativeEvent,
+            nativeEventTarget
+          );
+          terminateEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+          accumulateDirectDispatches$1(terminateEvent);
+          extracted = accumulate(extracted, [grantEvent, terminateEvent]);
+          changeResponder(wantsResponderInst, blockHostResponder);
+        } else {
+          var rejectEvent = ResponderSyntheticEvent.getPooled(
+            eventTypes.responderReject,
+            wantsResponderInst,
+            nativeEvent,
+            nativeEventTarget
+          );
+          rejectEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+          accumulateDirectDispatches$1(rejectEvent);
+          extracted = accumulate(extracted, rejectEvent);
+        }
+      } else {
+        extracted = accumulate(extracted, grantEvent);
+        changeResponder(wantsResponderInst, blockHostResponder);
+      }
 
-function canTriggerTransfer(topLevelType, topLevelInst, nativeEvent) {
-  return (
-    topLevelInst && // responderIgnoreScroll: We are trying to migrate away from specifically
-    // tracking native scroll events here and responderIgnoreScroll indicates we
-    // will send topTouchCancel to handle canceling touch events instead
-    ((topLevelType === TOP_SCROLL && !nativeEvent.responderIgnoreScroll) ||
-      (trackedTouchCount > 0 && topLevelType === TOP_SELECTION_CHANGE) ||
-      isStartish(topLevelType) ||
-      isMoveish(topLevelType))
-  );
-}
-/**
- * Returns whether or not this touch end event makes it such that there are no
- * longer any touches that started inside of the current `responderInst`.
- *
- * @param {NativeEvent} nativeEvent Native touch end event.
- * @return {boolean} Whether or not this touch end event ends the responder.
- */
+      return extracted;
+    }
+    /**
+     * A transfer is a negotiation between a currently set responder and the next
+     * element to claim responder status. Any start event could trigger a transfer
+     * of responderInst. Any move event could trigger a transfer.
+     *
+     * @param {string} topLevelType Record from `BrowserEventConstants`.
+     * @return {boolean} True if a transfer of responder could possibly occur.
+     */
+
+    function canTriggerTransfer(topLevelType, topLevelInst, nativeEvent) {
+      return (
+        topLevelInst && // responderIgnoreScroll: We are trying to migrate away from specifically
+        // tracking native scroll events here and responderIgnoreScroll indicates we
+        // will send topTouchCancel to handle canceling touch events instead
+        ((topLevelType === TOP_SCROLL && !nativeEvent.responderIgnoreScroll) ||
+          (trackedTouchCount > 0 && topLevelType === TOP_SELECTION_CHANGE) ||
+          isStartish(topLevelType) ||
+          isMoveish(topLevelType))
+      );
+    }
+    /**
+     * Returns whether or not this touch end event makes it such that there are no
+     * longer any touches that started inside of the current `responderInst`.
+     *
+     * @param {NativeEvent} nativeEvent Native touch end event.
+     * @return {boolean} Whether or not this touch end event ends the responder.
+     */
 
-function noResponderTouches(nativeEvent) {
-  var touches = nativeEvent.touches;
+    function noResponderTouches(nativeEvent) {
+      var touches = nativeEvent.touches;
 
-  if (!touches || touches.length === 0) {
-    return true;
-  }
+      if (!touches || touches.length === 0) {
+        return true;
+      }
 
-  for (var i = 0; i < touches.length; i++) {
-    var activeTouch = touches[i];
-    var target = activeTouch.target;
+      for (var i = 0; i < touches.length; i++) {
+        var activeTouch = touches[i];
+        var target = activeTouch.target;
 
-    if (target !== null && target !== undefined && target !== 0) {
-      // Is the original touch location inside of the current responder?
-      var targetInst = getInstanceFromNode(target);
+        if (target !== null && target !== undefined && target !== 0) {
+          // Is the original touch location inside of the current responder?
+          var targetInst = getInstanceFromNode$1(target);
 
-      if (isAncestor(responderInst, targetInst)) {
-        return false;
+          if (isAncestor(responderInst, targetInst)) {
+            return false;
+          }
+        }
       }
+
+      return true;
     }
-  }
 
-  return true;
-}
+    var ResponderEventPlugin = {
+      /* For unit testing only */
+      _getResponder: function () {
+        return responderInst;
+      },
+      eventTypes: eventTypes,
 
-var ResponderEventPlugin = {
-  /* For unit testing only */
-  _getResponder: function() {
-    return responderInst;
-  },
-  eventTypes: eventTypes,
-
-  /**
-   * We must be resilient to `targetInst` being `null` on `touchMove` or
-   * `touchEnd`. On certain platforms, this means that a native scroll has
-   * assumed control and the original touch targets are destroyed.
-   */
-  extractEvents: function(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget,
-    eventSystemFlags
-  ) {
-    if (isStartish(topLevelType)) {
-      trackedTouchCount += 1;
-    } else if (isEndish(topLevelType)) {
-      if (trackedTouchCount >= 0) {
-        trackedTouchCount -= 1;
-      } else {
-        {
-          warn(
-            "Ended a touch event which was not counted in `trackedTouchCount`."
-          );
-        }
+      /**
+       * We must be resilient to `targetInst` being `null` on `touchMove` or
+       * `touchEnd`. On certain platforms, this means that a native scroll has
+       * assumed control and the original touch targets are destroyed.
+       */
+      extractEvents: function (
+        topLevelType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget,
+        eventSystemFlags
+      ) {
+        if (isStartish(topLevelType)) {
+          trackedTouchCount += 1;
+        } else if (isEndish(topLevelType)) {
+          if (trackedTouchCount >= 0) {
+            trackedTouchCount -= 1;
+          } else {
+            {
+              warn(
+                "Ended a touch event which was not counted in `trackedTouchCount`."
+              );
+            }
 
-        return null;
-      }
-    }
+            return null;
+          }
+        }
 
-    ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
-    var extracted = canTriggerTransfer(topLevelType, targetInst, nativeEvent)
-      ? setResponderAndExtractTransfer(
+        ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+        var extracted = canTriggerTransfer(
           topLevelType,
           targetInst,
-          nativeEvent,
-          nativeEventTarget
+          nativeEvent
         )
-      : null; // Responder may or may not have transferred on a new touch start/move.
-    // Regardless, whoever is the responder after any potential transfer, we
-    // direct all touch start/move/ends to them in the form of
-    // `onResponderMove/Start/End`. These will be called for *every* additional
-    // finger that move/start/end, dispatched directly to whoever is the
-    // current responder at that moment, until the responder is "released".
-    //
-    // These multiple individual change touch events are are always bookended
-    // by `onResponderGrant`, and one of
-    // (`onResponderRelease/onResponderTerminate`).
-
-    var isResponderTouchStart = responderInst && isStartish(topLevelType);
-    var isResponderTouchMove = responderInst && isMoveish(topLevelType);
-    var isResponderTouchEnd = responderInst && isEndish(topLevelType);
-    var incrementalTouch = isResponderTouchStart
-      ? eventTypes.responderStart
-      : isResponderTouchMove
-      ? eventTypes.responderMove
-      : isResponderTouchEnd
-      ? eventTypes.responderEnd
-      : null;
-
-    if (incrementalTouch) {
-      var gesture = ResponderSyntheticEvent.getPooled(
-        incrementalTouch,
-        responderInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      gesture.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(gesture);
-      extracted = accumulate(extracted, gesture);
-    }
-
-    var isResponderTerminate =
-      responderInst && topLevelType === TOP_TOUCH_CANCEL;
-    var isResponderRelease =
-      responderInst &&
-      !isResponderTerminate &&
-      isEndish(topLevelType) &&
-      noResponderTouches(nativeEvent);
-    var finalTouch = isResponderTerminate
-      ? eventTypes.responderTerminate
-      : isResponderRelease
-      ? eventTypes.responderRelease
-      : null;
-
-    if (finalTouch) {
-      var finalEvent = ResponderSyntheticEvent.getPooled(
-        finalTouch,
-        responderInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      finalEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(finalEvent);
-      extracted = accumulate(extracted, finalEvent);
-      changeResponder(null);
-    }
+          ? setResponderAndExtractTransfer(
+              topLevelType,
+              targetInst,
+              nativeEvent,
+              nativeEventTarget
+            )
+          : null; // Responder may or may not have transferred on a new touch start/move.
+        // Regardless, whoever is the responder after any potential transfer, we
+        // direct all touch start/move/ends to them in the form of
+        // `onResponderMove/Start/End`. These will be called for *every* additional
+        // finger that move/start/end, dispatched directly to whoever is the
+        // current responder at that moment, until the responder is "released".
+        //
+        // These multiple individual change touch events are are always bookended
+        // by `onResponderGrant`, and one of
+        // (`onResponderRelease/onResponderTerminate`).
+
+        var isResponderTouchStart = responderInst && isStartish(topLevelType);
+        var isResponderTouchMove = responderInst && isMoveish(topLevelType);
+        var isResponderTouchEnd = responderInst && isEndish(topLevelType);
+        var incrementalTouch = isResponderTouchStart
+          ? eventTypes.responderStart
+          : isResponderTouchMove
+          ? eventTypes.responderMove
+          : isResponderTouchEnd
+          ? eventTypes.responderEnd
+          : null;
+
+        if (incrementalTouch) {
+          var gesture = ResponderSyntheticEvent.getPooled(
+            incrementalTouch,
+            responderInst,
+            nativeEvent,
+            nativeEventTarget
+          );
+          gesture.touchHistory = ResponderTouchHistoryStore.touchHistory;
+          accumulateDirectDispatches$1(gesture);
+          extracted = accumulate(extracted, gesture);
+        }
+
+        var isResponderTerminate =
+          responderInst && topLevelType === TOP_TOUCH_CANCEL;
+        var isResponderRelease =
+          responderInst &&
+          !isResponderTerminate &&
+          isEndish(topLevelType) &&
+          noResponderTouches(nativeEvent);
+        var finalTouch = isResponderTerminate
+          ? eventTypes.responderTerminate
+          : isResponderRelease
+          ? eventTypes.responderRelease
+          : null;
+
+        if (finalTouch) {
+          var finalEvent = ResponderSyntheticEvent.getPooled(
+            finalTouch,
+            responderInst,
+            nativeEvent,
+            nativeEventTarget
+          );
+          finalEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+          accumulateDirectDispatches$1(finalEvent);
+          extracted = accumulate(extracted, finalEvent);
+          changeResponder(null);
+        }
+
+        return extracted;
+      },
+      GlobalResponderHandler: null,
+      injection: {
+        /**
+         * @param {{onChange: (ReactID, ReactID) => void} GlobalResponderHandler
+         * Object that handles any change in responder. Use this to inject
+         * integration with an existing touch handling system etc.
+         */
+        injectGlobalResponderHandler: function (GlobalResponderHandler) {
+          ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+        }
+      }
+    };
 
-    return extracted;
-  },
-  GlobalResponderHandler: null,
-  injection: {
     /**
-     * @param {{onChange: (ReactID, ReactID) => void} GlobalResponderHandler
-     * Object that handles any change in responder. Use this to inject
-     * integration with an existing touch handling system etc.
+     * Injectable ordering of event plugins.
+     */
+    var eventPluginOrder = null;
+    /**
+     * Injectable mapping from names to event plugin modules.
      */
-    injectGlobalResponderHandler: function(GlobalResponderHandler) {
-      ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
-    }
-  }
-};
 
-/**
- * Injectable ordering of event plugins.
- */
-var eventPluginOrder = null;
-/**
- * Injectable mapping from names to event plugin modules.
- */
+    var namesToPlugins = {};
+    /**
+     * Recomputes the plugin list using the injected plugins and plugin ordering.
+     *
+     * @private
+     */
 
-var namesToPlugins = {};
-/**
- * Recomputes the plugin list using the injected plugins and plugin ordering.
- *
- * @private
- */
+    function recomputePluginOrdering() {
+      if (!eventPluginOrder) {
+        // Wait until an `eventPluginOrder` is injected.
+        return;
+      }
 
-function recomputePluginOrdering() {
-  if (!eventPluginOrder) {
-    // Wait until an `eventPluginOrder` is injected.
-    return;
-  }
+      for (var pluginName in namesToPlugins) {
+        var pluginModule = namesToPlugins[pluginName]; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-  for (var pluginName in namesToPlugins) {
-    var pluginModule = namesToPlugins[pluginName];
-    var pluginIndex = eventPluginOrder.indexOf(pluginName);
+        var pluginIndex = eventPluginOrder.indexOf(pluginName);
 
-    if (pluginIndex <= -1) {
-      throw new Error(
-        "EventPluginRegistry: Cannot inject event plugins that do not exist in " +
-          ("the plugin ordering, `" + pluginName + "`.")
-      );
-    }
+        if (pluginIndex <= -1) {
+          throw new Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in " +
+              ("the plugin ordering, `" + pluginName + "`.")
+          );
+        }
 
-    if (plugins[pluginIndex]) {
-      continue;
-    }
+        if (plugins[pluginIndex]) {
+          continue;
+        }
 
-    if (!pluginModule.extractEvents) {
-      throw new Error(
-        "EventPluginRegistry: Event plugins must implement an `extractEvents` " +
-          ("method, but `" + pluginName + "` does not.")
-      );
-    }
+        if (!pluginModule.extractEvents) {
+          throw new Error(
+            "EventPluginRegistry: Event plugins must implement an `extractEvents` " +
+              ("method, but `" + pluginName + "` does not.")
+          );
+        }
 
-    plugins[pluginIndex] = pluginModule;
-    var publishedEvents = pluginModule.eventTypes;
+        plugins[pluginIndex] = pluginModule;
+        var publishedEvents = pluginModule.eventTypes;
 
-    for (var eventName in publishedEvents) {
-      if (
-        !publishEventForPlugin(
-          publishedEvents[eventName],
-          pluginModule,
-          eventName
-        )
-      ) {
-        throw new Error(
-          "EventPluginRegistry: Failed to publish event `" +
-            eventName +
-            "` for plugin `" +
-            pluginName +
-            "`."
-        );
+        for (var eventName in publishedEvents) {
+          if (
+            !publishEventForPlugin(
+              publishedEvents[eventName],
+              pluginModule,
+              eventName
+            )
+          ) {
+            throw new Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            );
+          }
+        }
       }
     }
-  }
-}
-/**
- * Publishes an event so that it can be dispatched by the supplied plugin.
- *
- * @param {object} dispatchConfig Dispatch configuration for the event.
- * @param {object} PluginModule Plugin publishing the event.
- * @return {boolean} True if the event was successfully published.
- * @private
- */
+    /**
+     * Publishes an event so that it can be dispatched by the supplied plugin.
+     *
+     * @param {object} dispatchConfig Dispatch configuration for the event.
+     * @param {object} PluginModule Plugin publishing the event.
+     * @return {boolean} True if the event was successfully published.
+     * @private
+     */
 
-function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
-  if (eventNameDispatchConfigs.hasOwnProperty(eventName)) {
-    throw new Error(
-      "EventPluginRegistry: More than one plugin attempted to publish the same " +
-        ("event name, `" + eventName + "`.")
-    );
-  }
-
-  eventNameDispatchConfigs[eventName] = dispatchConfig;
-  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
-
-  if (phasedRegistrationNames) {
-    for (var phaseName in phasedRegistrationNames) {
-      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
-        var phasedRegistrationName = phasedRegistrationNames[phaseName];
-        publishRegistrationName(
-          phasedRegistrationName,
-          pluginModule,
-          eventName
+    function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
+      if (eventNameDispatchConfigs.hasOwnProperty(eventName)) {
+        throw new Error(
+          "EventPluginRegistry: More than one plugin attempted to publish the same " +
+            ("event name, `" + eventName + "`.")
         );
       }
+
+      eventNameDispatchConfigs[eventName] = dispatchConfig;
+      var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+
+      if (phasedRegistrationNames) {
+        for (var phaseName in phasedRegistrationNames) {
+          if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
+            var phasedRegistrationName = phasedRegistrationNames[phaseName];
+            publishRegistrationName(phasedRegistrationName, pluginModule);
+          }
+        }
+
+        return true;
+      } else if (dispatchConfig.registrationName) {
+        publishRegistrationName(dispatchConfig.registrationName, pluginModule);
+        return true;
+      }
+
+      return false;
     }
+    /**
+     * Publishes a registration name that is used to identify dispatched events.
+     *
+     * @param {string} registrationName Registration name to add.
+     * @param {object} PluginModule Plugin publishing the event.
+     * @private
+     */
 
-    return true;
-  } else if (dispatchConfig.registrationName) {
-    publishRegistrationName(
-      dispatchConfig.registrationName,
+    function publishRegistrationName(
+      registrationName,
       pluginModule,
       eventName
-    );
-    return true;
-  }
+    ) {
+      if (registrationNameModules[registrationName]) {
+        throw new Error(
+          "EventPluginRegistry: More than one plugin attempted to publish the same " +
+            ("registration name, `" + registrationName + "`.")
+        );
+      }
 
-  return false;
-}
-/**
- * Publishes a registration name that is used to identify dispatched events.
- *
- * @param {string} registrationName Registration name to add.
- * @param {object} PluginModule Plugin publishing the event.
- * @private
- */
+      registrationNameModules[registrationName] = pluginModule;
 
-function publishRegistrationName(registrationName, pluginModule, eventName) {
-  if (registrationNameModules[registrationName]) {
-    throw new Error(
-      "EventPluginRegistry: More than one plugin attempted to publish the same " +
-        ("registration name, `" + registrationName + "`.")
-    );
-  }
+      {
+        registrationName.toLowerCase();
+      }
+    }
+    /**
+     * Registers plugins so that they can extract and dispatch events.
+     */
 
-  registrationNameModules[registrationName] = pluginModule;
-  registrationNameDependencies[registrationName] =
-    pluginModule.eventTypes[eventName].dependencies;
+    /**
+     * Ordered list of injected plugins.
+     */
 
-  {
-    var lowerCasedName = registrationName.toLowerCase();
-  }
-}
-/**
- * Registers plugins so that they can extract and dispatch events.
- */
+    var plugins = [];
+    /**
+     * Mapping from event name to dispatch config
+     */
 
-/**
- * Ordered list of injected plugins.
- */
+    var eventNameDispatchConfigs = {};
+    /**
+     * Mapping from registration name to plugin module
+     */
 
-var plugins = [];
-/**
- * Mapping from event name to dispatch config
- */
+    var registrationNameModules = {};
 
-var eventNameDispatchConfigs = {};
-/**
- * Mapping from registration name to plugin module
- */
+    /**
+     * Injects an ordering of plugins (by plugin name). This allows the ordering
+     * to be decoupled from injection of the actual plugins so that ordering is
+     * always deterministic regardless of packaging, on-the-fly injection, etc.
+     *
+     * @param {array} InjectedEventPluginOrder
+     * @internal
+     */
 
-var registrationNameModules = {};
-/**
- * Mapping from registration name to event name
- */
+    function injectEventPluginOrder(injectedEventPluginOrder) {
+      if (eventPluginOrder) {
+        throw new Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than " +
+            "once. You are likely trying to load more than one copy of React."
+        );
+      } // Clone the ordering so it cannot be dynamically mutated.
+      // $FlowFixMe[method-unbinding] found when upgrading Flow
 
-var registrationNameDependencies = {};
+      eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+      recomputePluginOrdering();
+    }
+    /**
+     * Injects plugins to be used by plugin event system. The plugin names must be
+     * in the ordering injected by `injectEventPluginOrder`.
+     *
+     * Plugins can be injected as part of page initialization or on-the-fly.
+     *
+     * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+     * @internal
+     */
 
-/**
- * Injects an ordering of plugins (by plugin name). This allows the ordering
- * to be decoupled from injection of the actual plugins so that ordering is
- * always deterministic regardless of packaging, on-the-fly injection, etc.
- *
- * @param {array} InjectedEventPluginOrder
- * @internal
- */
+    function injectEventPluginsByName(injectedNamesToPlugins) {
+      var isOrderingDirty = false;
 
-function injectEventPluginOrder(injectedEventPluginOrder) {
-  if (eventPluginOrder) {
-    throw new Error(
-      "EventPluginRegistry: Cannot inject event plugin ordering more than " +
-        "once. You are likely trying to load more than one copy of React."
-    );
-  } // Clone the ordering so it cannot be dynamically mutated.
+      for (var pluginName in injectedNamesToPlugins) {
+        if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+          continue;
+        }
 
-  eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
-  recomputePluginOrdering();
-}
-/**
- * Injects plugins to be used by plugin event system. The plugin names must be
- * in the ordering injected by `injectEventPluginOrder`.
- *
- * Plugins can be injected as part of page initialization or on-the-fly.
- *
- * @param {object} injectedNamesToPlugins Map from names to plugin modules.
- * @internal
- */
+        var pluginModule = injectedNamesToPlugins[pluginName];
+
+        if (
+          !namesToPlugins.hasOwnProperty(pluginName) ||
+          namesToPlugins[pluginName] !== pluginModule
+        ) {
+          if (namesToPlugins[pluginName]) {
+            throw new Error(
+              "EventPluginRegistry: Cannot inject two different event plugins " +
+                ("using the same name, `" + pluginName + "`.")
+            );
+          }
 
-function injectEventPluginsByName(injectedNamesToPlugins) {
-  var isOrderingDirty = false;
+          namesToPlugins[pluginName] = pluginModule;
+          isOrderingDirty = true;
+        }
+      }
 
-  for (var pluginName in injectedNamesToPlugins) {
-    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
-      continue;
+      if (isOrderingDirty) {
+        recomputePluginOrdering();
+      }
     }
 
-    var pluginModule = injectedNamesToPlugins[pluginName];
+    function getListener(inst, registrationName) {
+      var stateNode = inst.stateNode;
 
-    if (
-      !namesToPlugins.hasOwnProperty(pluginName) ||
-      namesToPlugins[pluginName] !== pluginModule
-    ) {
-      if (namesToPlugins[pluginName]) {
-        throw new Error(
-          "EventPluginRegistry: Cannot inject two different event plugins " +
-            ("using the same name, `" + pluginName + "`.")
-        );
+      if (stateNode === null) {
+        // Work in progress (ex: onload events in incremental mode).
+        return null;
       }
 
-      namesToPlugins[pluginName] = pluginModule;
-      isOrderingDirty = true;
-    }
-  }
+      var props = getFiberCurrentPropsFromNode$1(stateNode);
 
-  if (isOrderingDirty) {
-    recomputePluginOrdering();
-  }
-}
+      if (props === null) {
+        // Work in progress.
+        return null;
+      }
 
-/**
- * Get a list of listeners for a specific event, in-order.
- * For React Native we treat the props-based function handlers
- * as the first-class citizens, and they are always executed first
- * for both capture and bubbling phase.
- *
- * We need "phase" propagated to this point to support the HostComponent
- * EventEmitter API, which does not mutate the name of the handler based
- * on phase (whereas prop handlers are registered as `onMyEvent` and `onMyEvent_Capture`).
- *
- * Native system events emitted into React Native
- * will be emitted both to the prop handler function and to imperative event
- * listeners.
- *
- * This will either return null, a single Function without an array, or
- * an array of 2+ items.
- */
+      var listener = props[registrationName];
 
-function getListeners(
-  inst,
-  registrationName,
-  phase,
-  dispatchToImperativeListeners
-) {
-  var stateNode = inst.stateNode;
-
-  if (stateNode === null) {
-    return null;
-  } // If null: Work in progress (ex: onload events in incremental mode).
-
-  var props = getFiberCurrentPropsFromNode(stateNode);
-
-  if (props === null) {
-    // Work in progress.
-    return null;
-  }
-
-  var listener = props[registrationName];
-
-  if (listener && typeof listener !== "function") {
-    throw new Error(
-      "Expected `" +
-        registrationName +
-        "` listener to be a function, instead got a value of `" +
-        typeof listener +
-        "` type."
-    );
-  } // If there are no imperative listeners, early exit.
-
-  if (
-    !(
-      dispatchToImperativeListeners &&
-      stateNode.canonical &&
-      stateNode.canonical._eventListeners
-    )
-  ) {
-    return listener;
-  } // Below this is the de-optimized path.
-  // If you are using _eventListeners, we do not (yet)
-  // expect this to be as performant as the props-only path.
-  // If/when this becomes a bottleneck, it can be refactored
-  // to avoid unnecessary closures and array allocations.
-  //
-  // Previously, there was only one possible listener for an event:
-  // the onEventName property in props.
-  // Now, it is also possible to have N listeners
-  // for a specific event on a node. Thus, we accumulate all of the listeners,
-  // including the props listener, and return a function that calls them all in
-  // order, starting with the handler prop and then the listeners in order.
-  // We return either a non-empty array or null.
-
-  var listeners = [];
-
-  if (listener) {
-    listeners.push(listener);
-  } // TODO: for now, all of these events get an `rn:` prefix to enforce
-  // that the user knows they're only getting non-W3C-compliant events
-  // through this imperative event API.
-  // Events might not necessarily be noncompliant, but we currently have
-  // no verification that /any/ events are compliant.
-  // Thus, we prefix to ensure no collision with W3C event names.
-
-  var requestedPhaseIsCapture = phase === "captured";
-  var mangledImperativeRegistrationName = requestedPhaseIsCapture
-    ? "rn:" + registrationName.replace(/Capture$/, "")
-    : "rn:" + registrationName; // Get imperative event listeners for this event
-
-  if (
-    stateNode.canonical._eventListeners[mangledImperativeRegistrationName] &&
-    stateNode.canonical._eventListeners[mangledImperativeRegistrationName]
-      .length > 0
-  ) {
-    var eventListeners =
-      stateNode.canonical._eventListeners[mangledImperativeRegistrationName];
-    eventListeners.forEach(function(listenerObj) {
-      // Make sure phase of listener matches requested phase
-      var isCaptureEvent =
-        listenerObj.options.capture != null && listenerObj.options.capture;
-
-      if (isCaptureEvent !== requestedPhaseIsCapture) {
-        return;
-      } // For now (this is an area of future optimization) we must wrap
-      // all imperative event listeners in a function to unwrap the SyntheticEvent
-      // and pass them an Event.
-      // When this API is more stable and used more frequently, we can revisit.
-
-      var listenerFnWrapper = function(syntheticEvent) {
-        var eventInst = new ReactNativePrivateInterface.CustomEvent(
-          mangledImperativeRegistrationName,
-          {
-            detail: syntheticEvent.nativeEvent
-          }
+      if (listener && typeof listener !== "function") {
+        throw new Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof listener +
+            "` type."
         );
-        eventInst.isTrusted = true; // setSyntheticEvent is present on the React Native Event shim.
-        // It is used to forward method calls on Event to the underlying SyntheticEvent.
-        // $FlowFixMe
+      }
 
-        eventInst.setSyntheticEvent(syntheticEvent);
+      return listener;
+    }
 
-        for (
-          var _len = arguments.length,
-            args = new Array(_len > 1 ? _len - 1 : 0),
-            _key = 1;
-          _key < _len;
-          _key++
-        ) {
-          args[_key - 1] = arguments[_key];
-        }
-
-        listenerObj.listener.apply(listenerObj, [eventInst].concat(args));
-      }; // Only call once?
-      // If so, we ensure that it's only called once by setting a flag
-      // and by removing it from eventListeners once it is called (but only
-      // when it's actually been executed).
-
-      if (listenerObj.options.once) {
-        listeners.push(function() {
-          // Remove from the event listener once it's been called
-          stateNode.canonical.removeEventListener_unstable(
-            mangledImperativeRegistrationName,
-            listenerObj.listener,
-            listenerObj.capture
-          ); // Guard against function being called more than once in
-          // case there are somehow multiple in-flight references to
-          // it being processed
-
-          if (!listenerObj.invalidated) {
-            listenerObj.invalidated = true;
-            listenerObj.listener.apply(listenerObj, arguments);
-          }
-        });
-      } else {
-        listeners.push(listenerFnWrapper);
+    var customBubblingEventTypes =
+        ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+          .customBubblingEventTypes,
+      customDirectEventTypes =
+        ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+          .customDirectEventTypes; // Start of inline: the below functions were inlined from
+    // EventPropagator.js, as they deviated from ReactDOM's newer
+    // implementations.
+    // $FlowFixMe[missing-local-annot]
+
+    function listenerAtPhase(inst, event, propagationPhase) {
+      var registrationName =
+        event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+      return getListener(inst, registrationName);
+    } // $FlowFixMe[missing-local-annot]
+
+    function accumulateDirectionalDispatches(inst, phase, event) {
+      {
+        if (!inst) {
+          error("Dispatching inst must not be null");
+        }
       }
-    });
-  }
 
-  if (listeners.length === 0) {
-    return null;
-  }
+      var listener = listenerAtPhase(inst, event, phase);
 
-  if (listeners.length === 1) {
-    return listeners[0];
-  }
+      if (listener) {
+        event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        );
+        event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        );
+      }
+    } // $FlowFixMe[missing-local-annot]
 
-  return listeners;
-}
+    function getParent(inst) {
+      do {
+        inst = inst.return; // TODO: If this is a HostRoot we might want to bail out.
+        // That is depending on if we want nested subtrees (layers) to bubble
+        // events to their parent. We could also go through parentNode on the
+        // host node but that wouldn't work for React Native and doesn't let us
+        // do the portal feature.
+      } while (inst && inst.tag !== HostComponent);
 
-var customBubblingEventTypes =
-    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-      .customBubblingEventTypes,
-  customDirectEventTypes =
-    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-      .customDirectEventTypes; // Start of inline: the below functions were inlined from
-// EventPropagator.js, as they deviated from ReactDOM's newer
-// implementations.
-
-function listenersAtPhase(inst, event, propagationPhase) {
-  var registrationName =
-    event.dispatchConfig.phasedRegistrationNames[propagationPhase];
-  return getListeners(inst, registrationName, propagationPhase, true);
-}
+      if (inst) {
+        return inst;
+      }
+
+      return null;
+    }
+    /**
+     * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+     */
 
-function accumulateListenersAndInstances(inst, event, listeners) {
-  var listenersLength = listeners
-    ? isArray(listeners)
-      ? listeners.length
-      : 1
-    : 0;
+    function traverseTwoPhase(inst, fn, arg, skipBubbling) {
+      var path = [];
 
-  if (listenersLength > 0) {
-    event._dispatchListeners = accumulateInto(
-      event._dispatchListeners,
-      listeners
-    ); // Avoid allocating additional arrays here
+      while (inst) {
+        path.push(inst);
+        inst = getParent(inst);
+      }
 
-    if (event._dispatchInstances == null && listenersLength === 1) {
-      event._dispatchInstances = inst;
-    } else {
-      event._dispatchInstances = event._dispatchInstances || [];
+      var i;
 
-      if (!isArray(event._dispatchInstances)) {
-        event._dispatchInstances = [event._dispatchInstances];
+      for (i = path.length; i-- > 0; ) {
+        fn(path[i], "captured", arg);
       }
 
-      for (var i = 0; i < listenersLength; i++) {
-        event._dispatchInstances.push(inst);
+      if (skipBubbling) {
+        // Dispatch on target only
+        fn(path[0], "bubbled", arg);
+      } else {
+        for (i = 0; i < path.length; i++) {
+          fn(path[i], "bubbled", arg);
+        }
       }
-    }
-  }
-}
+    } // $FlowFixMe[missing-local-annot]
 
-function accumulateDirectionalDispatches$1(inst, phase, event) {
-  {
-    if (!inst) {
-      error("Dispatching inst must not be null");
-    }
-  }
+    function accumulateTwoPhaseDispatchesSingle(event) {
+      if (event && event.dispatchConfig.phasedRegistrationNames) {
+        traverseTwoPhase(
+          event._targetInst,
+          accumulateDirectionalDispatches,
+          event,
+          false
+        );
+      }
+    } // $FlowFixMe[missing-local-annot]
 
-  var listeners = listenersAtPhase(inst, event, phase);
-  accumulateListenersAndInstances(inst, event, listeners);
-}
+    function accumulateTwoPhaseDispatches(events) {
+      forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+    } // $FlowFixMe[missing-local-annot]
 
-function getParent$1(inst) {
-  do {
-    inst = inst.return; // TODO: If this is a HostRoot we might want to bail out.
-    // That is depending on if we want nested subtrees (layers) to bubble
-    // events to their parent. We could also go through parentNode on the
-    // host node but that wouldn't work for React Native and doesn't let us
-    // do the portal feature.
-  } while (inst && inst.tag !== HostComponent);
+    function accumulateCapturePhaseDispatches(event) {
+      if (event && event.dispatchConfig.phasedRegistrationNames) {
+        traverseTwoPhase(
+          event._targetInst,
+          accumulateDirectionalDispatches,
+          event,
+          true
+        );
+      }
+    }
+    /**
+     * Accumulates without regard to direction, does not look for phased
+     * registration names. Same as `accumulateDirectDispatchesSingle` but without
+     * requiring that the `dispatchMarker` be the same as the dispatched ID.
+     */
 
-  if (inst) {
-    return inst;
-  }
+    function accumulateDispatches(inst, ignoredDirection, event) {
+      if (inst && event && event.dispatchConfig.registrationName) {
+        var registrationName = event.dispatchConfig.registrationName;
+        var listener = getListener(inst, registrationName);
 
-  return null;
-}
-/**
- * Simulates the traversal of a two-phase, capture/bubble event dispatch.
- */
+        if (listener) {
+          event._dispatchListeners = accumulateInto(
+            event._dispatchListeners,
+            listener
+          );
+          event._dispatchInstances = accumulateInto(
+            event._dispatchInstances,
+            inst
+          );
+        }
+      }
+    }
+    /**
+     * Accumulates dispatches on an `SyntheticEvent`, but only for the
+     * `dispatchMarker`.
+     * @param {SyntheticEvent} event
+     */
 
-function traverseTwoPhase$1(inst, fn, arg, skipBubbling) {
-  var path = [];
+    function accumulateDirectDispatchesSingle(event) {
+      if (event && event.dispatchConfig.registrationName) {
+        accumulateDispatches(event._targetInst, null, event);
+      }
+    }
 
-  while (inst) {
-    path.push(inst);
-    inst = getParent$1(inst);
-  }
+    function accumulateDirectDispatches(events) {
+      forEachAccumulated(events, accumulateDirectDispatchesSingle);
+    } // End of inline
 
-  var i;
+    var ReactNativeBridgeEventPlugin = {
+      eventTypes: {},
+      extractEvents: function (
+        topLevelType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      ) {
+        if (targetInst == null) {
+          // Probably a node belonging to another renderer's tree.
+          return null;
+        }
 
-  for (i = path.length; i-- > 0; ) {
-    fn(path[i], "captured", arg);
-  }
+        var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
+        var directDispatchConfig = customDirectEventTypes[topLevelType];
 
-  if (skipBubbling) {
-    // Dispatch on target only
-    fn(path[0], "bubbled", arg);
-  } else {
-    for (i = 0; i < path.length; i++) {
-      fn(path[i], "bubbled", arg);
-    }
-  }
-}
+        if (!bubbleDispatchConfig && !directDispatchConfig) {
+          throw new Error( // $FlowFixMe[incompatible-type] - Flow doesn't like this string coercion because DOMTopLevelEventType is opaque
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          );
+        }
 
-function accumulateTwoPhaseDispatchesSingle$1(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    traverseTwoPhase$1(
-      event._targetInst,
-      accumulateDirectionalDispatches$1,
-      event,
-      false
-    );
-  }
-}
+        var event = SyntheticEvent.getPooled(
+          bubbleDispatchConfig || directDispatchConfig,
+          targetInst,
+          nativeEvent,
+          nativeEventTarget
+        );
 
-function accumulateTwoPhaseDispatches$1(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle$1);
-}
+        if (bubbleDispatchConfig) {
+          var skipBubbling =
+            event != null &&
+            event.dispatchConfig.phasedRegistrationNames != null &&
+            event.dispatchConfig.phasedRegistrationNames.skipBubbling;
 
-function accumulateCapturePhaseDispatches(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    traverseTwoPhase$1(
-      event._targetInst,
-      accumulateDirectionalDispatches$1,
-      event,
-      true
-    );
-  }
-}
-/**
- * Accumulates without regard to direction, does not look for phased
- * registration names. Same as `accumulateDirectDispatchesSingle` but without
- * requiring that the `dispatchMarker` be the same as the dispatched ID.
- */
+          if (skipBubbling) {
+            accumulateCapturePhaseDispatches(event);
+          } else {
+            accumulateTwoPhaseDispatches(event);
+          }
+        } else if (directDispatchConfig) {
+          accumulateDirectDispatches(event);
+        } else {
+          return null;
+        }
 
-function accumulateDispatches$1(inst, ignoredDirection, event) {
-  if (inst && event && event.dispatchConfig.registrationName) {
-    var registrationName = event.dispatchConfig.registrationName;
-    var listeners = getListeners(inst, registrationName, "bubbled", false);
-    accumulateListenersAndInstances(inst, event, listeners);
-  }
-}
-/**
- * Accumulates dispatches on an `SyntheticEvent`, but only for the
- * `dispatchMarker`.
- * @param {SyntheticEvent} event
- */
+        return event;
+      }
+    };
 
-function accumulateDirectDispatchesSingle$1(event) {
-  if (event && event.dispatchConfig.registrationName) {
-    accumulateDispatches$1(event._targetInst, null, event);
-  }
-}
+    var ReactNativeEventPluginOrder = [
+      "ResponderEventPlugin",
+      "ReactNativeBridgeEventPlugin"
+    ];
 
-function accumulateDirectDispatches$1(events) {
-  forEachAccumulated(events, accumulateDirectDispatchesSingle$1);
-} // End of inline
-
-var ReactNativeBridgeEventPlugin = {
-  eventTypes: {},
-  extractEvents: function(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget
-  ) {
-    if (targetInst == null) {
-      // Probably a node belonging to another renderer's tree.
-      return null;
-    }
+    /**
+     * Make sure essential globals are available and are patched correctly. Please don't remove this
+     * line. Bundles created by react-packager `require` it before executing any application code. This
+     * ensures it exists in the dependency graph and can be `require`d.
+     * TODO: require this in packager, not in React #10932517
+     */
+    /**
+     * Inject module for resolving DOM hierarchy and plugin ordering.
+     */
 
-    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
-    var directDispatchConfig = customDirectEventTypes[topLevelType];
+    injectEventPluginOrder(ReactNativeEventPluginOrder);
+    /**
+     * Some important event plugins included by default (without having to require
+     * them).
+     */
 
-    if (!bubbleDispatchConfig && !directDispatchConfig) {
-      throw new Error( // $FlowFixMe - Flow doesn't like this string coercion because DOMTopLevelEventType is opaque
-        'Unsupported top level event type "' + topLevelType + '" dispatched'
-      );
-    }
+    injectEventPluginsByName({
+      ResponderEventPlugin: ResponderEventPlugin,
+      ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+    });
 
-    var event = SyntheticEvent.getPooled(
-      bubbleDispatchConfig || directDispatchConfig,
-      targetInst,
-      nativeEvent,
-      nativeEventTarget
-    );
+    // Modules provided by RN:
+    var emptyObject$1 = {};
+    /**
+     * Create a payload that contains all the updates between two sets of props.
+     *
+     * These helpers are all encapsulated into a single module, because they use
+     * mutation as a performance optimization which leads to subtle shared
+     * dependencies between the code paths. To avoid this mutable state leaking
+     * across modules, I've kept them isolated to this module.
+     */
+    // Tracks removed keys
 
-    if (bubbleDispatchConfig) {
-      var skipBubbling =
-        event != null &&
-        event.dispatchConfig.phasedRegistrationNames != null &&
-        event.dispatchConfig.phasedRegistrationNames.skipBubbling;
+    var removedKeys = null;
+    var removedKeyCount = 0;
+    var deepDifferOptions = {
+      unsafelyIgnoreFunctions: true
+    };
 
-      if (skipBubbling) {
-        accumulateCapturePhaseDispatches(event);
+    function defaultDiffer(prevProp, nextProp) {
+      if (typeof nextProp !== "object" || nextProp === null) {
+        // Scalars have already been checked for equality
+        return true;
       } else {
-        accumulateTwoPhaseDispatches$1(event);
+        // For objects and arrays, the default diffing algorithm is a deep compare
+        return ReactNativePrivateInterface.deepDiffer(
+          prevProp,
+          nextProp,
+          deepDifferOptions
+        );
       }
-    } else if (directDispatchConfig) {
-      accumulateDirectDispatches$1(event);
-    } else {
-      return null;
     }
 
-    return event;
-  }
-};
-
-var ReactNativeEventPluginOrder = [
-  "ResponderEventPlugin",
-  "ReactNativeBridgeEventPlugin"
-];
+    function restoreDeletedValuesInNestedArray(
+      updatePayload,
+      node,
+      validAttributes
+    ) {
+      if (isArray(node)) {
+        var i = node.length;
+
+        while (i-- && removedKeyCount > 0) {
+          restoreDeletedValuesInNestedArray(
+            updatePayload,
+            node[i],
+            validAttributes
+          );
+        }
+      } else if (node && removedKeyCount > 0) {
+        var obj = node;
 
-/**
- * Make sure essential globals are available and are patched correctly. Please don't remove this
- * line. Bundles created by react-packager `require` it before executing any application code. This
- * ensures it exists in the dependency graph and can be `require`d.
- * TODO: require this in packager, not in React #10932517
- */
-/**
- * Inject module for resolving DOM hierarchy and plugin ordering.
- */
+        for (var propKey in removedKeys) {
+          // $FlowFixMe[incompatible-use] found when upgrading Flow
+          if (!removedKeys[propKey]) {
+            continue;
+          }
 
-injectEventPluginOrder(ReactNativeEventPluginOrder);
-/**
- * Some important event plugins included by default (without having to require
- * them).
- */
+          var nextProp = obj[propKey];
 
-injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
-});
+          if (nextProp === undefined) {
+            continue;
+          }
 
-function getInstanceFromInstance(instanceHandle) {
-  return instanceHandle;
-}
+          var attributeConfig = validAttributes[propKey];
 
-function getTagFromInstance(inst) {
-  var nativeInstance = inst.stateNode.canonical;
+          if (!attributeConfig) {
+            continue; // not a valid native prop
+          }
 
-  if (!nativeInstance._nativeTag) {
-    throw new Error("All native instances should have a tag.");
-  }
+          if (typeof nextProp === "function") {
+            // $FlowFixMe[incompatible-type] found when upgrading Flow
+            nextProp = true;
+          }
 
-  return nativeInstance;
-}
-function getFiberCurrentPropsFromNode$1(inst) {
-  return inst.canonical.currentProps;
-}
+          if (typeof nextProp === "undefined") {
+            // $FlowFixMe[incompatible-type] found when upgrading Flow
+            nextProp = null;
+          }
 
-// Module provided by RN:
-var ReactFabricGlobalResponderHandler = {
-  onChange: function(from, to, blockNativeResponder) {
-    var fromOrTo = from || to;
-    var fromOrToStateNode = fromOrTo && fromOrTo.stateNode;
-    var isFabric = !!(
-      fromOrToStateNode && fromOrToStateNode.canonical._internalInstanceHandle
-    );
+          if (typeof attributeConfig !== "object") {
+            // case: !Object is the default case
+            updatePayload[propKey] = nextProp;
+          } else if (
+            typeof attributeConfig.diff === "function" ||
+            typeof attributeConfig.process === "function"
+          ) {
+            // case: CustomAttributeConfiguration
+            var nextValue =
+              typeof attributeConfig.process === "function"
+                ? attributeConfig.process(nextProp)
+                : nextProp;
+            updatePayload[propKey] = nextValue;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          removedKeys[propKey] = false;
+          removedKeyCount--;
+        }
+      }
+    }
 
-    if (isFabric) {
-      if (from) {
-        // equivalent to clearJSResponder
-        nativeFabricUIManager.setIsJSResponder(
-          from.stateNode.node,
-          false,
-          blockNativeResponder || false
+    function diffNestedArrayProperty(
+      updatePayload,
+      prevArray,
+      nextArray,
+      validAttributes
+    ) {
+      var minLength =
+        prevArray.length < nextArray.length
+          ? prevArray.length
+          : nextArray.length;
+      var i;
+
+      for (i = 0; i < minLength; i++) {
+        // Diff any items in the array in the forward direction. Repeated keys
+        // will be overwritten by later values.
+        updatePayload = diffNestedProperty(
+          updatePayload,
+          prevArray[i],
+          nextArray[i],
+          validAttributes
         );
       }
 
-      if (to) {
-        // equivalent to setJSResponder
-        nativeFabricUIManager.setIsJSResponder(
-          to.stateNode.node,
-          true,
-          blockNativeResponder || false
+      for (; i < prevArray.length; i++) {
+        // Clear out all remaining properties.
+        updatePayload = clearNestedProperty(
+          updatePayload,
+          prevArray[i],
+          validAttributes
         );
       }
-    } else {
-      if (to !== null) {
-        var tag = to.stateNode.canonical._nativeTag;
-        ReactNativePrivateInterface.UIManager.setJSResponder(
-          tag,
-          blockNativeResponder
+
+      for (; i < nextArray.length; i++) {
+        // Add all remaining properties.
+        updatePayload = addNestedProperty(
+          updatePayload,
+          nextArray[i],
+          validAttributes
         );
-      } else {
-        ReactNativePrivateInterface.UIManager.clearJSResponder();
       }
-    }
-  }
-};
-
-setComponentTree(
-  getFiberCurrentPropsFromNode$1,
-  getInstanceFromInstance,
-  getTagFromInstance
-);
-ResponderEventPlugin.injection.injectGlobalResponderHandler(
-  ReactFabricGlobalResponderHandler
-);
 
-/**
- * `ReactInstanceMap` maintains a mapping from a public facing stateful
- * instance (key) and the internal representation (value). This allows public
- * methods to accept the user facing instance as an argument and map them back
- * to internal methods.
- *
- * Note that this module is currently shared and assumed to be stateless.
- * If this becomes an actual Map, that will break.
- */
-function get(key) {
-  return key._reactInternals;
-}
-function set(key, value) {
-  key._reactInternals = value;
-}
-
-var enableSchedulingProfiler = false;
-var enableProfilerTimer = true;
-var enableProfilerCommitHooks = true;
-var warnAboutStringRefs = false;
-var enableSuspenseAvoidThisFallback = false;
-var enableNewReconciler = false;
-var enableLazyContextPropagation = false;
-var enableLegacyHidden = false;
-
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for("react.element");
-var REACT_PORTAL_TYPE = Symbol.for("react.portal");
-var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
-var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
-var REACT_CONTEXT_TYPE = Symbol.for("react.context");
-var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
-var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
-var REACT_MEMO_TYPE = Symbol.for("react.memo");
-var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-var REACT_SCOPE_TYPE = Symbol.for("react.scope");
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode");
-var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden");
-var REACT_CACHE_TYPE = Symbol.for("react.cache");
-var REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker");
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = "@@iterator";
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== "object") {
-    return null;
-  }
-
-  var maybeIterator =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === "function") {
-    return maybeIterator;
-  }
-
-  return null;
-}
-
-function getWrappedName(outerType, innerType, wrapperName) {
-  var displayName = outerType.displayName;
-
-  if (displayName) {
-    return displayName;
-  }
-
-  var functionName = innerType.displayName || innerType.name || "";
-  return functionName !== ""
-    ? wrapperName + "(" + functionName + ")"
-    : wrapperName;
-} // Keep in sync with react-reconciler/getComponentNameFromFiber
-
-function getContextName(type) {
-  return type.displayName || "Context";
-} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
-
-function getComponentNameFromType(type) {
-  if (type == null) {
-    // Host root, text node or just invalid type.
-    return null;
-  }
-
-  {
-    if (typeof type.tag === "number") {
-      error(
-        "Received an unexpected object in getComponentNameFromType(). " +
-          "This is likely a bug in React. Please file an issue."
-      );
+      return updatePayload;
     }
-  }
-
-  if (typeof type === "function") {
-    return type.displayName || type.name || null;
-  }
 
-  if (typeof type === "string") {
-    return type;
-  }
+    function diffNestedProperty(
+      updatePayload,
+      prevProp,
+      nextProp,
+      validAttributes
+    ) {
+      if (!updatePayload && prevProp === nextProp) {
+        // If no properties have been added, then we can bail out quickly on object
+        // equality.
+        return updatePayload;
+      }
 
-  switch (type) {
-    case REACT_FRAGMENT_TYPE:
-      return "Fragment";
+      if (!prevProp || !nextProp) {
+        if (nextProp) {
+          return addNestedProperty(updatePayload, nextProp, validAttributes);
+        }
 
-    case REACT_PORTAL_TYPE:
-      return "Portal";
+        if (prevProp) {
+          return clearNestedProperty(updatePayload, prevProp, validAttributes);
+        }
 
-    case REACT_PROFILER_TYPE:
-      return "Profiler";
+        return updatePayload;
+      }
 
-    case REACT_STRICT_MODE_TYPE:
-      return "StrictMode";
+      if (!isArray(prevProp) && !isArray(nextProp)) {
+        // Both are leaves, we can diff the leaves.
+        return diffProperties(
+          updatePayload,
+          prevProp,
+          nextProp,
+          validAttributes
+        );
+      }
 
-    case REACT_SUSPENSE_TYPE:
-      return "Suspense";
+      if (isArray(prevProp) && isArray(nextProp)) {
+        // Both are arrays, we can diff the arrays.
+        return diffNestedArrayProperty(
+          updatePayload,
+          prevProp,
+          nextProp,
+          validAttributes
+        );
+      }
 
-    case REACT_SUSPENSE_LIST_TYPE:
-      return "SuspenseList";
-  }
+      if (isArray(prevProp)) {
+        return diffProperties(
+          updatePayload,
+          ReactNativePrivateInterface.flattenStyle(prevProp),
+          nextProp,
+          validAttributes
+        );
+      }
 
-  if (typeof type === "object") {
-    switch (type.$$typeof) {
-      case REACT_CONTEXT_TYPE:
-        var context = type;
-        return getContextName(context) + ".Consumer";
+      return diffProperties(
+        updatePayload,
+        prevProp,
+        ReactNativePrivateInterface.flattenStyle(nextProp),
+        validAttributes
+      );
+    }
+    /**
+     * addNestedProperty takes a single set of props and valid attribute
+     * attribute configurations. It processes each prop and adds it to the
+     * updatePayload.
+     */
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + ".Provider";
+    function addNestedProperty(updatePayload, nextProp, validAttributes) {
+      if (!nextProp) {
+        return updatePayload;
+      }
 
-      case REACT_FORWARD_REF_TYPE:
-        return getWrappedName(type, type.render, "ForwardRef");
+      if (!isArray(nextProp)) {
+        // Add each property of the leaf.
+        return addProperties(updatePayload, nextProp, validAttributes);
+      }
 
-      case REACT_MEMO_TYPE:
-        var outerName = type.displayName || null;
+      for (var i = 0; i < nextProp.length; i++) {
+        // Add all the properties of the array.
+        updatePayload = addNestedProperty(
+          updatePayload,
+          nextProp[i],
+          validAttributes
+        );
+      }
 
-        if (outerName !== null) {
-          return outerName;
-        }
+      return updatePayload;
+    }
+    /**
+     * clearNestedProperty takes a single set of props and valid attributes. It
+     * adds a null sentinel to the updatePayload, for each prop key.
+     */
 
-        return getComponentNameFromType(type.type) || "Memo";
+    function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+      if (!prevProp) {
+        return updatePayload;
+      }
 
-      case REACT_LAZY_TYPE: {
-        var lazyComponent = type;
-        var payload = lazyComponent._payload;
-        var init = lazyComponent._init;
+      if (!isArray(prevProp)) {
+        // Add each property of the leaf.
+        return clearProperties(updatePayload, prevProp, validAttributes);
+      }
 
-        try {
-          return getComponentNameFromType(init(payload));
-        } catch (x) {
-          return null;
-        }
+      for (var i = 0; i < prevProp.length; i++) {
+        // Add all the properties of the array.
+        updatePayload = clearNestedProperty(
+          updatePayload,
+          prevProp[i],
+          validAttributes
+        );
       }
 
-      // eslint-disable-next-line no-fallthrough
+      return updatePayload;
     }
-  }
+    /**
+     * diffProperties takes two sets of props and a set of valid attributes
+     * and write to updatePayload the values that changed or were deleted.
+     * If no updatePayload is provided, a new one is created and returned if
+     * anything changed.
+     */
 
-  return null;
-}
+    function diffProperties(
+      updatePayload,
+      prevProps,
+      nextProps,
+      validAttributes
+    ) {
+      var attributeConfig;
+      var nextProp;
+      var prevProp;
 
-function getWrappedName$1(outerType, innerType, wrapperName) {
-  var functionName = innerType.displayName || innerType.name || "";
-  return (
-    outerType.displayName ||
-    (functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName)
-  );
-} // Keep in sync with shared/getComponentNameFromType
+      for (var propKey in nextProps) {
+        attributeConfig = validAttributes[propKey];
 
-function getContextName$1(type) {
-  return type.displayName || "Context";
-}
+        if (!attributeConfig) {
+          continue; // not a valid native prop
+        }
 
-function getComponentNameFromFiber(fiber) {
-  var tag = fiber.tag,
-    type = fiber.type;
+        prevProp = prevProps[propKey];
+        nextProp = nextProps[propKey]; // functions are converted to booleans as markers that the associated
+        // events should be sent from native.
 
-  switch (tag) {
-    case CacheComponent:
-      return "Cache";
+        if (typeof nextProp === "function") {
+          nextProp = true; // If nextProp is not a function, then don't bother changing prevProp
+          // since nextProp will win and go into the updatePayload regardless.
 
-    case ContextConsumer:
-      var context = type;
-      return getContextName$1(context) + ".Consumer";
+          if (typeof prevProp === "function") {
+            prevProp = true;
+          }
+        } // An explicit value of undefined is treated as a null because it overrides
+        // any other preceding value.
 
-    case ContextProvider:
-      var provider = type;
-      return getContextName$1(provider._context) + ".Provider";
+        if (typeof nextProp === "undefined") {
+          nextProp = null;
 
-    case DehydratedFragment:
-      return "DehydratedFragment";
+          if (typeof prevProp === "undefined") {
+            prevProp = null;
+          }
+        }
 
-    case ForwardRef:
-      return getWrappedName$1(type, type.render, "ForwardRef");
+        if (removedKeys) {
+          removedKeys[propKey] = false;
+        }
 
-    case Fragment:
-      return "Fragment";
+        if (updatePayload && updatePayload[propKey] !== undefined) {
+          // Something else already triggered an update to this key because another
+          // value diffed. Since we're now later in the nested arrays our value is
+          // more important so we need to calculate it and override the existing
+          // value. It doesn't matter if nothing changed, we'll set it anyway.
+          // Pattern match on: attributeConfig
+          if (typeof attributeConfig !== "object") {
+            // case: !Object is the default case
+            updatePayload[propKey] = nextProp;
+          } else if (
+            typeof attributeConfig.diff === "function" ||
+            typeof attributeConfig.process === "function"
+          ) {
+            // case: CustomAttributeConfiguration
+            var nextValue =
+              typeof attributeConfig.process === "function"
+                ? attributeConfig.process(nextProp)
+                : nextProp;
+            updatePayload[propKey] = nextValue;
+          }
 
-    case HostComponent:
-      // Host component type is the display name (e.g. "div", "View")
-      return type;
+          continue;
+        }
 
-    case HostPortal:
-      return "Portal";
+        if (prevProp === nextProp) {
+          continue; // nothing changed
+        } // Pattern match on: attributeConfig
 
-    case HostRoot:
-      return "Root";
+        if (typeof attributeConfig !== "object") {
+          // case: !Object is the default case
+          if (defaultDiffer(prevProp, nextProp)) {
+            // a normal leaf has changed
+            (updatePayload || (updatePayload = {}))[propKey] = nextProp;
+          }
+        } else if (
+          typeof attributeConfig.diff === "function" ||
+          typeof attributeConfig.process === "function"
+        ) {
+          // case: CustomAttributeConfiguration
+          var shouldUpdate =
+            prevProp === undefined ||
+            (typeof attributeConfig.diff === "function"
+              ? attributeConfig.diff(prevProp, nextProp)
+              : defaultDiffer(prevProp, nextProp));
+
+          if (shouldUpdate) {
+            var _nextValue =
+              typeof attributeConfig.process === "function" // $FlowFixMe[incompatible-use] found when upgrading Flow
+                ? attributeConfig.process(nextProp)
+                : nextProp;
+
+            (updatePayload || (updatePayload = {}))[propKey] = _nextValue;
+          }
+        } else {
+          // default: fallthrough case when nested properties are defined
+          removedKeys = null;
+          removedKeyCount = 0; // We think that attributeConfig is not CustomAttributeConfiguration at
+          // this point so we assume it must be AttributeConfiguration.
+
+          updatePayload = diffNestedProperty(
+            updatePayload,
+            prevProp,
+            nextProp,
+            attributeConfig
+          );
 
-    case HostText:
-      return "Text";
+          if (removedKeyCount > 0 && updatePayload) {
+            restoreDeletedValuesInNestedArray(
+              updatePayload,
+              nextProp,
+              attributeConfig
+            );
+            removedKeys = null;
+          }
+        }
+      } // Also iterate through all the previous props to catch any that have been
+      // removed and make sure native gets the signal so it can reset them to the
+      // default.
 
-    case LazyComponent:
-      // Name comes from the type in this case; we don't have a tag.
-      return getComponentNameFromType(type);
+      for (var _propKey in prevProps) {
+        if (nextProps[_propKey] !== undefined) {
+          continue; // we've already covered this key in the previous pass
+        }
 
-    case Mode:
-      if (type === REACT_STRICT_MODE_TYPE) {
-        // Don't be less specific than shared/getComponentNameFromType
-        return "StrictMode";
-      }
+        attributeConfig = validAttributes[_propKey];
 
-      return "Mode";
+        if (!attributeConfig) {
+          continue; // not a valid native prop
+        }
 
-    case OffscreenComponent:
-      return "Offscreen";
+        if (updatePayload && updatePayload[_propKey] !== undefined) {
+          // This was already updated to a diff result earlier.
+          continue;
+        }
 
-    case Profiler:
-      return "Profiler";
+        prevProp = prevProps[_propKey];
 
-    case ScopeComponent:
-      return "Scope";
+        if (prevProp === undefined) {
+          continue; // was already empty anyway
+        } // Pattern match on: attributeConfig
 
-    case SuspenseComponent:
-      return "Suspense";
+        if (
+          typeof attributeConfig !== "object" ||
+          typeof attributeConfig.diff === "function" ||
+          typeof attributeConfig.process === "function"
+        ) {
+          // case: CustomAttributeConfiguration | !Object
+          // Flag the leaf property for removal by sending a sentinel.
+          (updatePayload || (updatePayload = {}))[_propKey] = null;
 
-    case SuspenseListComponent:
-      return "SuspenseList";
+          if (!removedKeys) {
+            removedKeys = {};
+          }
 
-    case TracingMarkerComponent:
-      return "TracingMarker";
-    // The display name for this tags come from the user-provided type:
+          if (!removedKeys[_propKey]) {
+            removedKeys[_propKey] = true;
+            removedKeyCount++;
+          }
+        } else {
+          // default:
+          // This is a nested attribute configuration where all the properties
+          // were removed so we need to go through and clear out all of them.
+          updatePayload = clearNestedProperty(
+            updatePayload,
+            prevProp,
+            attributeConfig
+          );
+        }
+      }
 
-    case ClassComponent:
-    case FunctionComponent:
-    case IncompleteClassComponent:
-    case IndeterminateComponent:
-    case MemoComponent:
-    case SimpleMemoComponent:
-      if (typeof type === "function") {
-        return type.displayName || type.name || null;
-      }
-
-      if (typeof type === "string") {
-        return type;
-      }
-
-      break;
-  }
-
-  return null;
-}
-
-// Don't change these two values. They're used by React Dev Tools.
-var NoFlags =
-  /*                      */
-  0;
-var PerformedWork =
-  /*                */
-  1; // You can change the rest (and add more).
-
-var Placement =
-  /*                    */
-  2;
-var Update =
-  /*                       */
-  4;
-var ChildDeletion =
-  /*                */
-  16;
-var ContentReset =
-  /*                 */
-  32;
-var Callback =
-  /*                     */
-  64;
-var DidCapture =
-  /*                   */
-  128;
-var ForceClientRender =
-  /*            */
-  256;
-var Ref =
-  /*                          */
-  512;
-var Snapshot =
-  /*                     */
-  1024;
-var Passive =
-  /*                      */
-  2048;
-var Hydrating =
-  /*                    */
-  4096;
-var Visibility =
-  /*                   */
-  8192;
-var StoreConsistency =
-  /*             */
-  16384;
-var LifecycleEffectMask =
-  Passive | Update | Callback | Ref | Snapshot | StoreConsistency; // Union of all commit flags (flags with the lifetime of a particular commit)
-
-var HostEffectMask =
-  /*               */
-  32767; // These are not really side effects, but we still reuse this field.
-
-var Incomplete =
-  /*                   */
-  32768;
-var ShouldCapture =
-  /*                */
-  65536;
-var ForceUpdateForLegacySuspense =
-  /* */
-  131072;
-var Forked =
-  /*                       */
-  1048576; // Static tags describe aspects of a fiber that are not specific to a render,
-// e.g. a fiber uses a passive effect (even if there are no updates on this particular render).
-// This enables us to defer more work in the unmount case,
-// since we can defer traversing the tree during layout to look for Passive effects,
-// and instead rely on the static flag as a signal that there may be cleanup work.
-
-var RefStatic =
-  /*                    */
-  2097152;
-var LayoutStatic =
-  /*                 */
-  4194304;
-var PassiveStatic =
-  /*                */
-  8388608; // These flags allow us to traverse to fibers that have effects on mount
-// don't contain effects, by checking subtreeFlags.
-
-var BeforeMutationMask = // TODO: Remove Update flag from before mutation phase by re-landing Visibility
-  // flag logic (see #20043)
-  Update | Snapshot | 0;
-var MutationMask =
-  Placement |
-  Update |
-  ChildDeletion |
-  ContentReset |
-  Ref |
-  Hydrating |
-  Visibility;
-var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
-
-var PassiveMask = Passive | ChildDeletion; // Union of tags that don't get reset on clones.
-// This allows certain concepts to persist without recalculating them,
-// e.g. whether a subtree contains passive effects or portals.
-
-var StaticMask = LayoutStatic | PassiveStatic | RefStatic;
-
-var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-function getNearestMountedFiber(fiber) {
-  var node = fiber;
-  var nearestMounted = fiber;
-
-  if (!fiber.alternate) {
-    // If there is no alternate, this might be a new tree that isn't inserted
-    // yet. If it is, then it will have a pending insertion effect on it.
-    var nextNode = node;
-
-    do {
-      node = nextNode;
-
-      if ((node.flags & (Placement | Hydrating)) !== NoFlags) {
-        // This is an insertion or in-progress hydration. The nearest possible
-        // mounted fiber is the parent but we need to continue to figure out
-        // if that one is still mounted.
-        nearestMounted = node.return;
-      }
-
-      nextNode = node.return;
-    } while (nextNode);
-  } else {
-    while (node.return) {
-      node = node.return;
-    }
-  }
-
-  if (node.tag === HostRoot) {
-    // TODO: Check if this was a nested HostRoot when used with
-    // renderContainerIntoSubtree.
-    return nearestMounted;
-  } // If we didn't hit the root, that means that we're in an disconnected tree
-  // that has been unmounted.
-
-  return null;
-}
-function isFiberMounted(fiber) {
-  return getNearestMountedFiber(fiber) === fiber;
-}
-function isMounted(component) {
-  {
-    var owner = ReactCurrentOwner.current;
-
-    if (owner !== null && owner.tag === ClassComponent) {
-      var ownerFiber = owner;
-      var instance = ownerFiber.stateNode;
-
-      if (!instance._warnedAboutRefsInRender) {
-        error(
-          "%s is accessing isMounted inside its render() function. " +
-            "render() should be a pure function of props and state. It should " +
-            "never access something that requires stale data from the previous " +
-            "render, such as refs. Move this logic to componentDidMount and " +
-            "componentDidUpdate instead.",
-          getComponentNameFromFiber(ownerFiber) || "A component"
-        );
-      }
-
-      instance._warnedAboutRefsInRender = true;
+      return updatePayload;
     }
-  }
-
-  var fiber = get(component);
-
-  if (!fiber) {
-    return false;
-  }
-
-  return getNearestMountedFiber(fiber) === fiber;
-}
-
-function assertIsMounted(fiber) {
-  if (getNearestMountedFiber(fiber) !== fiber) {
-    throw new Error("Unable to find node on an unmounted component.");
-  }
-}
-
-function findCurrentFiberUsingSlowPath(fiber) {
-  var alternate = fiber.alternate;
+    /**
+     * addProperties adds all the valid props to the payload after being processed.
+     */
 
-  if (!alternate) {
-    // If there is no alternate, then we only need to check if it is mounted.
-    var nearestMounted = getNearestMountedFiber(fiber);
+    function addProperties(updatePayload, props, validAttributes) {
+      // TODO: Fast path
+      return diffProperties(
+        updatePayload,
+        emptyObject$1,
+        props,
+        validAttributes
+      );
+    }
+    /**
+     * clearProperties clears all the previous props by adding a null sentinel
+     * to the payload for each valid key.
+     */
 
-    if (nearestMounted === null) {
-      throw new Error("Unable to find node on an unmounted component.");
+    function clearProperties(updatePayload, prevProps, validAttributes) {
+      // TODO: Fast path
+      return diffProperties(
+        updatePayload,
+        prevProps,
+        emptyObject$1,
+        validAttributes
+      );
     }
 
-    if (nearestMounted !== fiber) {
-      return null;
+    function create(props, validAttributes) {
+      return addProperties(
+        null, // updatePayload
+        props,
+        validAttributes
+      );
+    }
+    function diff(prevProps, nextProps, validAttributes) {
+      return diffProperties(
+        null, // updatePayload
+        prevProps,
+        nextProps,
+        validAttributes
+      );
     }
 
-    return fiber;
-  } // If we have two possible branches, we'll walk backwards up to the root
-  // to see what path the root points to. On the way we may hit one of the
-  // special cases and we'll deal with them.
+    // Used as a way to call batchedUpdates when we don't have a reference to
+    // the renderer. Such as when we're dispatching events or if third party
+    // libraries need to call batchedUpdates. Eventually, this API will go away when
+    // everything is batched by default. We'll then have a similar API to opt-out of
+    // scheduled work and instead do synchronous work.
+    // Defaults
+    var batchedUpdatesImpl = function (fn, bookkeeping) {
+      return fn(bookkeeping);
+    };
 
-  var a = fiber;
-  var b = alternate;
+    var isInsideEventHandler = false;
+    function batchedUpdates$1(fn, bookkeeping) {
+      if (isInsideEventHandler) {
+        // If we are currently inside another batch, we need to wait until it
+        // fully completes before restoring state.
+        return fn(bookkeeping);
+      }
 
-  while (true) {
-    var parentA = a.return;
+      isInsideEventHandler = true;
 
-    if (parentA === null) {
-      // We're at the root.
-      break;
+      try {
+        return batchedUpdatesImpl(fn, bookkeeping);
+      } finally {
+        isInsideEventHandler = false;
+      }
+    }
+    function setBatchingImplementation(
+      _batchedUpdatesImpl,
+      _discreteUpdatesImpl
+    ) {
+      batchedUpdatesImpl = _batchedUpdatesImpl;
     }
 
-    var parentB = parentA.alternate;
-
-    if (parentB === null) {
-      // There is no alternate. This is an unusual case. Currently, it only
-      // happens when a Suspense component is hidden. An extra fragment fiber
-      // is inserted in between the Suspense fiber and its children. Skip
-      // over this extra fragment fiber and proceed to the next parent.
-      var nextParent = parentA.return;
-
-      if (nextParent !== null) {
-        a = b = nextParent;
-        continue;
-      } // If there's no parent, we're at the root.
-
-      break;
-    } // If both copies of the parent fiber point to the same child, we can
-    // assume that the child is current. This happens when we bailout on low
-    // priority: the bailed out fiber's child reuses the current child.
+    /**
+     * Internal queue of events that have accumulated their dispatches and are
+     * waiting to have their dispatches executed.
+     */
 
-    if (parentA.child === parentB.child) {
-      var child = parentA.child;
+    var eventQueue = null;
+    /**
+     * Dispatches an event and releases it back into the pool, unless persistent.
+     *
+     * @param {?object} event Synthetic event to be dispatched.
+     * @private
+     */
 
-      while (child) {
-        if (child === a) {
-          // We've determined that A is the current branch.
-          assertIsMounted(parentA);
-          return fiber;
-        }
+    function executeDispatchesAndRelease(event) {
+      if (event) {
+        executeDispatchesInOrder(event);
 
-        if (child === b) {
-          // We've determined that B is the current branch.
-          assertIsMounted(parentA);
-          return alternate;
+        if (!event.isPersistent()) {
+          event.constructor.release(event);
         }
+      }
+    } // $FlowFixMe[missing-local-annot]
 
-        child = child.sibling;
-      } // We should never have an alternate for any mounting node. So the only
-      // way this could possibly happen is if this was unmounted, if at all.
-
-      throw new Error("Unable to find node on an unmounted component.");
-    }
-
-    if (a.return !== b.return) {
-      // The return pointer of A and the return pointer of B point to different
-      // fibers. We assume that return pointers never criss-cross, so A must
-      // belong to the child set of A.return, and B must belong to the child
-      // set of B.return.
-      a = parentA;
-      b = parentB;
-    } else {
-      // The return pointers point to the same fiber. We'll have to use the
-      // default, slow path: scan the child sets of each parent alternate to see
-      // which child belongs to which set.
-      //
-      // Search parent A's child set
-      var didFindChild = false;
-      var _child = parentA.child;
+    function executeDispatchesAndReleaseTopLevel(e) {
+      return executeDispatchesAndRelease(e);
+    }
 
-      while (_child) {
-        if (_child === a) {
-          didFindChild = true;
-          a = parentA;
-          b = parentB;
-          break;
-        }
+    function runEventsInBatch(events) {
+      if (events !== null) {
+        eventQueue = accumulateInto(eventQueue, events);
+      } // Set `eventQueue` to null before processing it so that we can tell if more
+      // events get enqueued while processing.
 
-        if (_child === b) {
-          didFindChild = true;
-          b = parentA;
-          a = parentB;
-          break;
-        }
+      var processingEventQueue = eventQueue;
+      eventQueue = null;
 
-        _child = _child.sibling;
+      if (!processingEventQueue) {
+        return;
       }
 
-      if (!didFindChild) {
-        // Search parent B's child set
-        _child = parentB.child;
+      forEachAccumulated(
+        processingEventQueue,
+        executeDispatchesAndReleaseTopLevel
+      );
 
-        while (_child) {
-          if (_child === a) {
-            didFindChild = true;
-            a = parentB;
-            b = parentA;
-            break;
-          }
+      if (eventQueue) {
+        throw new Error(
+          "processEventQueue(): Additional events were enqueued while processing " +
+            "an event queue. Support for this has not yet been implemented."
+        );
+      } // This would be a good time to rethrow if any of the event handlers threw.
 
-          if (_child === b) {
-            didFindChild = true;
-            b = parentB;
-            a = parentA;
-            break;
-          }
+      rethrowCaughtError();
+    }
 
-          _child = _child.sibling;
-        }
+    /**
+     * Allows registered plugins an opportunity to extract events from top-level
+     * native browser events.
+     *
+     * @return {*} An accumulation of synthetic events.
+     * @internal
+     */
 
-        if (!didFindChild) {
-          throw new Error(
-            "Child was not found in either parent set. This indicates a bug " +
-              "in React related to the return pointer. Please file an issue."
+    function extractPluginEvents(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      var events = null;
+      var legacyPlugins = plugins;
+
+      for (var i = 0; i < legacyPlugins.length; i++) {
+        // Not every plugin in the ordering may be loaded at runtime.
+        var possiblePlugin = legacyPlugins[i];
+
+        if (possiblePlugin) {
+          var extractedEvents = possiblePlugin.extractEvents(
+            topLevelType,
+            targetInst,
+            nativeEvent,
+            nativeEventTarget
           );
+
+          if (extractedEvents) {
+            events = accumulateInto(events, extractedEvents);
+          }
         }
       }
+
+      return events;
     }
 
-    if (a.alternate !== b) {
-      throw new Error(
-        "Return fibers should always be each others' alternates. " +
-          "This error is likely caused by a bug in React. Please file an issue."
+    function runExtractedPluginEventsInBatch(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      var events = extractPluginEvents(
+        topLevelType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
       );
+      runEventsInBatch(events);
     }
-  } // If the root is not a host container, we're in a disconnected tree. I.e.
-  // unmounted.
-
-  if (a.tag !== HostRoot) {
-    throw new Error("Unable to find node on an unmounted component.");
-  }
-
-  if (a.stateNode.current === a) {
-    // We've determined that A is the current branch.
-    return fiber;
-  } // Otherwise B has to be current branch.
-
-  return alternate;
-}
-function findCurrentHostFiber(parent) {
-  var currentParent = findCurrentFiberUsingSlowPath(parent);
-  return currentParent !== null
-    ? findCurrentHostFiberImpl(currentParent)
-    : null;
-}
 
-function findCurrentHostFiberImpl(node) {
-  // Next we'll drill down this component to find the first HostComponent/Text.
-  if (node.tag === HostComponent || node.tag === HostText) {
-    return node;
-  }
+    function dispatchEvent(target, topLevelType, nativeEvent) {
+      var targetFiber = target;
+      var eventTarget = null;
 
-  var child = node.child;
+      if (targetFiber != null) {
+        var stateNode = targetFiber.stateNode; // Guard against Fiber being unmounted
 
-  while (child !== null) {
-    var match = findCurrentHostFiberImpl(child);
+        if (stateNode != null) {
+          // $FlowExpectedError[incompatible-cast] public instances in Fabric do not implement `EventTarget` yet.
+          eventTarget = getPublicInstance(stateNode);
+        }
+      }
 
-    if (match !== null) {
-      return match;
-    }
+      batchedUpdates$1(function () {
+        // Emit event to the RawEventEmitter. This is an unused-by-default EventEmitter
+        // that can be used to instrument event performance monitoring (primarily - could be useful
+        // for other things too).
+        //
+        // NOTE: this merely emits events into the EventEmitter below.
+        // If *you* do not add listeners to the `RawEventEmitter`,
+        // then all of these emitted events will just blackhole and are no-ops.
+        // It is available (although not officially supported... yet) if you want to collect
+        // perf data on event latency in your application, and could also be useful for debugging
+        // low-level events issues.
+        //
+        // If you do not have any event perf monitoring and are extremely concerned about event perf,
+        // it is safe to disable these "emit" statements; it will prevent checking the size of
+        // an empty array twice and prevent two no-ops. Practically the overhead is so low that
+        // we don't think it's worth thinking about in prod; your perf issues probably lie elsewhere.
+        //
+        // We emit two events here: one for listeners to this specific event,
+        // and one for the catchall listener '*', for any listeners that want
+        // to be notified for all events.
+        // Note that extracted events are *not* emitted,
+        // only events that have a 1:1 mapping with a native event, at least for now.
+        var event = {
+          eventName: topLevelType,
+          nativeEvent: nativeEvent
+        }; // $FlowFixMe[class-object-subtyping] found when upgrading Flow
 
-    child = child.sibling;
-  }
+        ReactNativePrivateInterface.RawEventEmitter.emit(topLevelType, event); // $FlowFixMe[class-object-subtyping] found when upgrading Flow
 
-  return null;
-}
+        ReactNativePrivateInterface.RawEventEmitter.emit("*", event); // Heritage plugin event system
 
-/**
- * In the future, we should cleanup callbacks by cancelling them instead of
- * using this.
- */
-function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
-  return function() {
-    if (!callback) {
-      return undefined;
-    } // This protects against createClass() components.
-    // We don't know if there is code depending on it.
-    // We intentionally don't use isMounted() because even accessing
-    // isMounted property on a React ES6 class will trigger a warning.
-
-    if (typeof context.__isMounted === "boolean") {
-      if (!context.__isMounted) {
-        return undefined;
-      }
-    } // FIXME: there used to be other branches that protected
-    // against unmounted host components. But RN host components don't
-    // define isMounted() anymore, so those checks didn't do anything.
-    // They caused false positive warning noise so we removed them:
-    // https://github.com/facebook/react-native/issues/18868#issuecomment-413579095
-    // However, this means that the callback is NOT guaranteed to be safe
-    // for host components. The solution we should implement is to make
-    // UIManager.measure() and similar calls truly cancelable. Then we
-    // can change our own code calling them to cancel when something unmounts.
-
-    return callback.apply(context, arguments);
-  };
-}
-function warnForStyleProps(props, validAttributes) {
-  {
-    for (var key in validAttributes.style) {
-      if (!(validAttributes[key] || props[key] === undefined)) {
-        error(
-          "You are setting the style `{ %s" +
-            ": ... }` as a prop. You " +
-            "should nest it in a style object. " +
-            "E.g. `{ style: { %s" +
-            ": ... } }`",
-          key,
-          key
+        runExtractedPluginEventsInBatch(
+          topLevelType,
+          targetFiber,
+          nativeEvent,
+          eventTarget
         );
+      }); // React Native doesn't use ReactControlledComponent but if it did, here's
+      // where it would do it.
+    }
+
+    var enableSchedulingProfiler = false;
+    var enableProfilerTimer = true;
+    var enableProfilerCommitHooks = true;
+    var enableProfilerNestedUpdatePhase = true;
+    var syncLaneExpirationMs = 250;
+    var transitionLaneExpirationMs = 5000;
+    var enableLazyContextPropagation = false;
+    var enableLegacyHidden = false;
+    var enableAsyncActions = false;
+    var passChildrenWhenCloningPersistedNodes = false;
+
+    var NoFlags$1 =
+      /*                      */
+      0;
+    var PerformedWork =
+      /*                */
+      1;
+    var Placement =
+      /*                    */
+      2;
+    var DidCapture =
+      /*                   */
+      128;
+    var Hydrating =
+      /*                    */
+      4096; // You can change the rest (and add more).
+
+    var Update =
+      /*                       */
+      4;
+    /* Skipped value:                                 0b0000000000000000000000001000; */
+
+    var ChildDeletion =
+      /*                */
+      16;
+    var ContentReset =
+      /*                 */
+      32;
+    var Callback =
+      /*                     */
+      64;
+    /* Used by DidCapture:                            0b0000000000000000000010000000; */
+
+    var ForceClientRender =
+      /*            */
+      256;
+    var Ref =
+      /*                          */
+      512;
+    var Snapshot =
+      /*                     */
+      1024;
+    var Passive$1 =
+      /*                      */
+      2048;
+    /* Used by Hydrating:                             0b0000000000000001000000000000; */
+
+    var Visibility =
+      /*                   */
+      8192;
+    var StoreConsistency =
+      /*             */
+      16384; // It's OK to reuse these bits because these flags are mutually exclusive for
+    // different fiber types. We should really be doing this for as many flags as
+    // possible, because we're about to run out of bits.
+
+    var ScheduleRetry = StoreConsistency;
+    var ShouldSuspendCommit = Visibility;
+    var DidDefer = ContentReset;
+    var LifecycleEffectMask =
+      Passive$1 | Update | Callback | Ref | Snapshot | StoreConsistency; // Union of all commit flags (flags with the lifetime of a particular commit)
+
+    var HostEffectMask =
+      /*               */
+      32767; // These are not really side effects, but we still reuse this field.
+
+    var Incomplete =
+      /*                   */
+      32768;
+    var ShouldCapture =
+      /*                */
+      65536;
+    var ForceUpdateForLegacySuspense =
+      /* */
+      131072;
+    var Forked =
+      /*                       */
+      1048576; // Static tags describe aspects of a fiber that are not specific to a render,
+    // e.g. a fiber uses a passive effect (even if there are no updates on this particular render).
+    // This enables us to defer more work in the unmount case,
+    // since we can defer traversing the tree during layout to look for Passive effects,
+    // and instead rely on the static flag as a signal that there may be cleanup work.
+
+    var RefStatic =
+      /*                    */
+      2097152;
+    var LayoutStatic =
+      /*                 */
+      4194304;
+    var PassiveStatic =
+      /*                */
+      8388608;
+    var MaySuspendCommit =
+      /*             */
+      16777216; // Flag used to identify newly inserted fibers. It isn't reset after commit unlike `Placement`.
+
+    var PlacementDEV =
+      /*                 */
+      33554432;
+    var MountLayoutDev =
+      /*               */
+      67108864;
+    var MountPassiveDev =
+      /*              */
+      134217728; // Groups of flags that are used in the commit phase to skip over trees that
+    // don't contain effects, by checking subtreeFlags.
+
+    var BeforeMutationMask = // TODO: Remove Update flag from before mutation phase by re-landing Visibility
+      // flag logic (see #20043)
+      Update | Snapshot | 0;
+    var MutationMask =
+      Placement |
+      Update |
+      ChildDeletion |
+      ContentReset |
+      Ref |
+      Hydrating |
+      Visibility;
+    var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
+
+    var PassiveMask = Passive$1 | Visibility | ChildDeletion; // Union of tags that don't get reset on clones.
+    // This allows certain concepts to persist without recalculating them,
+    // e.g. whether a subtree contains passive effects or portals.
+
+    var StaticMask =
+      LayoutStatic | PassiveStatic | RefStatic | MaySuspendCommit;
+
+    // This module only exists as an ESM wrapper around the external CommonJS
+    var scheduleCallback$2 = Scheduler.unstable_scheduleCallback;
+    var cancelCallback$1 = Scheduler.unstable_cancelCallback;
+    var shouldYield = Scheduler.unstable_shouldYield;
+    var requestPaint = Scheduler.unstable_requestPaint;
+    var now$1 = Scheduler.unstable_now;
+    var ImmediatePriority = Scheduler.unstable_ImmediatePriority;
+    var UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
+    var NormalPriority = Scheduler.unstable_NormalPriority;
+    var IdlePriority = Scheduler.unstable_IdlePriority; // this doesn't actually exist on the scheduler, but it *does*
+
+    // Helpers to patch console.logs to avoid logging during side-effect free
+    // replaying on render function. This currently only patches the object
+    // lazily which won't cover if the log function was extracted eagerly.
+    // We could also eagerly patch the method.
+    var disabledDepth = 0;
+    var prevLog;
+    var prevInfo;
+    var prevWarn;
+    var prevError;
+    var prevGroup;
+    var prevGroupCollapsed;
+    var prevGroupEnd;
+
+    function disabledLog() {}
+
+    disabledLog.__reactDisabledLog = true;
+    function disableLogs() {
+      {
+        if (disabledDepth === 0) {
+          /* eslint-disable react-internal/no-production-logging */
+          prevLog = console.log;
+          prevInfo = console.info;
+          prevWarn = console.warn;
+          prevError = console.error;
+          prevGroup = console.group;
+          prevGroupCollapsed = console.groupCollapsed;
+          prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+          var props = {
+            configurable: true,
+            enumerable: true,
+            value: disabledLog,
+            writable: true
+          }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+          Object.defineProperties(console, {
+            info: props,
+            log: props,
+            warn: props,
+            error: props,
+            group: props,
+            groupCollapsed: props,
+            groupEnd: props
+          });
+          /* eslint-enable react-internal/no-production-logging */
+        }
+
+        disabledDepth++;
       }
     }
-  }
-}
-
-// Modules provided by RN:
-var emptyObject = {};
-/**
- * Create a payload that contains all the updates between two sets of props.
- *
- * These helpers are all encapsulated into a single module, because they use
- * mutation as a performance optimization which leads to subtle shared
- * dependencies between the code paths. To avoid this mutable state leaking
- * across modules, I've kept them isolated to this module.
- */
-
-// Tracks removed keys
-var removedKeys = null;
-var removedKeyCount = 0;
-var deepDifferOptions = {
-  unsafelyIgnoreFunctions: true
-};
-
-function defaultDiffer(prevProp, nextProp) {
-  if (typeof nextProp !== "object" || nextProp === null) {
-    // Scalars have already been checked for equality
-    return true;
-  } else {
-    // For objects and arrays, the default diffing algorithm is a deep compare
-    return ReactNativePrivateInterface.deepDiffer(
-      prevProp,
-      nextProp,
-      deepDifferOptions
-    );
-  }
-}
-
-function restoreDeletedValuesInNestedArray(
-  updatePayload,
-  node,
-  validAttributes
-) {
-  if (isArray(node)) {
-    var i = node.length;
+    function reenableLogs() {
+      {
+        disabledDepth--;
+
+        if (disabledDepth === 0) {
+          /* eslint-disable react-internal/no-production-logging */
+          var props = {
+            configurable: true,
+            enumerable: true,
+            writable: true
+          }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+          Object.defineProperties(console, {
+            log: assign({}, props, {
+              value: prevLog
+            }),
+            info: assign({}, props, {
+              value: prevInfo
+            }),
+            warn: assign({}, props, {
+              value: prevWarn
+            }),
+            error: assign({}, props, {
+              value: prevError
+            }),
+            group: assign({}, props, {
+              value: prevGroup
+            }),
+            groupCollapsed: assign({}, props, {
+              value: prevGroupCollapsed
+            }),
+            groupEnd: assign({}, props, {
+              value: prevGroupEnd
+            })
+          });
+          /* eslint-enable react-internal/no-production-logging */
+        }
 
-    while (i-- && removedKeyCount > 0) {
-      restoreDeletedValuesInNestedArray(
-        updatePayload,
-        node[i],
-        validAttributes
-      );
+        if (disabledDepth < 0) {
+          error(
+            "disabledDepth fell below zero. " +
+              "This is a bug in React. Please file an issue."
+          );
+        }
+      }
     }
-  } else if (node && removedKeyCount > 0) {
-    var obj = node;
 
-    for (var propKey in removedKeys) {
-      if (!removedKeys[propKey]) {
-        continue;
+    var rendererID = null;
+    var injectedHook = null;
+    var hasLoggedError = false;
+    var isDevToolsPresent =
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined";
+    function injectInternals(internals) {
+      if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined") {
+        // No DevTools
+        return false;
       }
 
-      var nextProp = obj[propKey];
+      var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
 
-      if (nextProp === undefined) {
-        continue;
+      if (hook.isDisabled) {
+        // This isn't a real property on the hook, but it can be set to opt out
+        // of DevTools integration and associated warnings and logs.
+        // https://github.com/facebook/react/issues/3877
+        return true;
       }
 
-      var attributeConfig = validAttributes[propKey];
+      if (!hook.supportsFiber) {
+        {
+          error(
+            "The installed version of React DevTools is too old and will not work " +
+              "with the current version of React. Please update React DevTools. " +
+              "https://reactjs.org/link/react-devtools"
+          );
+        } // DevTools exists, even though it doesn't support Fiber.
 
-      if (!attributeConfig) {
-        continue; // not a valid native prop
+        return true;
       }
 
-      if (typeof nextProp === "function") {
-        nextProp = true;
-      }
+      try {
+        if (enableSchedulingProfiler);
 
-      if (typeof nextProp === "undefined") {
-        nextProp = null;
+        rendererID = hook.inject(internals); // We have successfully injected, so now it is safe to set up hooks.
+
+        injectedHook = hook;
+      } catch (err) {
+        // Catch all errors because it is unsafe to throw during initialization.
+        {
+          error("React instrumentation encountered an error: %s.", err);
+        }
       }
 
-      if (typeof attributeConfig !== "object") {
-        // case: !Object is the default case
-        updatePayload[propKey] = nextProp;
-      } else if (
-        typeof attributeConfig.diff === "function" ||
-        typeof attributeConfig.process === "function"
-      ) {
-        // case: CustomAttributeConfiguration
-        var nextValue =
-          typeof attributeConfig.process === "function"
-            ? attributeConfig.process(nextProp)
-            : nextProp;
-        updatePayload[propKey] = nextValue;
+      if (hook.checkDCE) {
+        // This is the real DevTools.
+        return true;
+      } else {
+        // This is likely a hook installed by Fast Refresh runtime.
+        return false;
       }
+    }
+    function onScheduleRoot(root, children) {
+      {
+        if (
+          injectedHook &&
+          typeof injectedHook.onScheduleFiberRoot === "function"
+        ) {
+          try {
+            injectedHook.onScheduleFiberRoot(rendererID, root, children);
+          } catch (err) {
+            if (!hasLoggedError) {
+              hasLoggedError = true;
 
-      removedKeys[propKey] = false;
-      removedKeyCount--;
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        }
+      }
     }
-  }
-}
+    function onCommitRoot(root, eventPriority) {
+      if (
+        injectedHook &&
+        typeof injectedHook.onCommitFiberRoot === "function"
+      ) {
+        try {
+          var didError = (root.current.flags & DidCapture) === DidCapture;
 
-function diffNestedArrayProperty(
-  updatePayload,
-  prevArray,
-  nextArray,
-  validAttributes
-) {
-  var minLength =
-    prevArray.length < nextArray.length ? prevArray.length : nextArray.length;
-  var i;
-
-  for (i = 0; i < minLength; i++) {
-    // Diff any items in the array in the forward direction. Repeated keys
-    // will be overwritten by later values.
-    updatePayload = diffNestedProperty(
-      updatePayload,
-      prevArray[i],
-      nextArray[i],
-      validAttributes
-    );
-  }
+          if (enableProfilerTimer) {
+            var schedulerPriority;
 
-  for (; i < prevArray.length; i++) {
-    // Clear out all remaining properties.
-    updatePayload = clearNestedProperty(
-      updatePayload,
-      prevArray[i],
-      validAttributes
-    );
-  }
+            switch (eventPriority) {
+              case DiscreteEventPriority:
+                schedulerPriority = ImmediatePriority;
+                break;
 
-  for (; i < nextArray.length; i++) {
-    // Add all remaining properties.
-    updatePayload = addNestedProperty(
-      updatePayload,
-      nextArray[i],
-      validAttributes
-    );
-  }
+              case ContinuousEventPriority:
+                schedulerPriority = UserBlockingPriority;
+                break;
 
-  return updatePayload;
-}
+              case DefaultEventPriority:
+                schedulerPriority = NormalPriority;
+                break;
+
+              case IdleEventPriority:
+                schedulerPriority = IdlePriority;
+                break;
+
+              default:
+                schedulerPriority = NormalPriority;
+                break;
+            }
+
+            injectedHook.onCommitFiberRoot(
+              rendererID,
+              root,
+              schedulerPriority,
+              didError
+            );
+          }
+        } catch (err) {
+          {
+            if (!hasLoggedError) {
+              hasLoggedError = true;
 
-function diffNestedProperty(
-  updatePayload,
-  prevProp,
-  nextProp,
-  validAttributes
-) {
-  if (!updatePayload && prevProp === nextProp) {
-    // If no properties have been added, then we can bail out quickly on object
-    // equality.
-    return updatePayload;
-  }
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        }
+      }
+    }
+    function onPostCommitRoot(root) {
+      if (
+        injectedHook &&
+        typeof injectedHook.onPostCommitFiberRoot === "function"
+      ) {
+        try {
+          injectedHook.onPostCommitFiberRoot(rendererID, root);
+        } catch (err) {
+          {
+            if (!hasLoggedError) {
+              hasLoggedError = true;
 
-  if (!prevProp || !nextProp) {
-    if (nextProp) {
-      return addNestedProperty(updatePayload, nextProp, validAttributes);
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        }
+      }
     }
+    function onCommitUnmount(fiber) {
+      if (
+        injectedHook &&
+        typeof injectedHook.onCommitFiberUnmount === "function"
+      ) {
+        try {
+          injectedHook.onCommitFiberUnmount(rendererID, fiber);
+        } catch (err) {
+          {
+            if (!hasLoggedError) {
+              hasLoggedError = true;
 
-    if (prevProp) {
-      return clearNestedProperty(updatePayload, prevProp, validAttributes);
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        }
+      }
     }
+    function setIsStrictModeForDevtools(newIsStrictMode) {
+      {
+        if (newIsStrictMode) {
+          disableLogs();
+        } else {
+          reenableLogs();
+        }
+      }
+    } // Profiler API hooks
 
-    return updatePayload;
-  }
+    function injectProfilingHooks(profilingHooks) {}
 
-  if (!isArray(prevProp) && !isArray(nextProp)) {
-    // Both are leaves, we can diff the leaves.
-    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
-  }
+    function getLaneLabelMap() {
+      {
+        return null;
+      }
+    }
 
-  if (isArray(prevProp) && isArray(nextProp)) {
-    // Both are arrays, we can diff the arrays.
-    return diffNestedArrayProperty(
-      updatePayload,
-      prevProp,
-      nextProp,
-      validAttributes
-    );
-  }
+    var NoMode =
+      /*                         */
+      0; // TODO: Remove ConcurrentMode by reading from the root tag instead
+
+    var ConcurrentMode =
+      /*                 */
+      1;
+    var ProfileMode =
+      /*                    */
+      2;
+    var StrictLegacyMode =
+      /*               */
+      8;
+    var StrictEffectsMode =
+      /*              */
+      16;
+    var NoStrictPassiveEffectsMode =
+      /*     */
+      64;
+
+    // TODO: This is pretty well supported by browsers. Maybe we can drop it.
+    var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback; // Count leading zeros.
+    // Based on:
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/clz32
+
+    var log = Math.log;
+    var LN2 = Math.LN2;
+
+    function clz32Fallback(x) {
+      var asUint = x >>> 0;
+
+      if (asUint === 0) {
+        return 32;
+      }
+
+      return (31 - ((log(asUint) / LN2) | 0)) | 0;
+    }
+
+    // If those values are changed that package should be rebuilt and redeployed.
+
+    var TotalLanes = 31;
+    var NoLanes =
+      /*                        */
+      0;
+    var NoLane =
+      /*                          */
+      0;
+    var SyncHydrationLane =
+      /*               */
+      1;
+    var SyncLane =
+      /*                        */
+      2;
+    var SyncLaneIndex = 1;
+    var InputContinuousHydrationLane =
+      /*    */
+      4;
+    var InputContinuousLane =
+      /*             */
+      8;
+    var DefaultHydrationLane =
+      /*            */
+      16;
+    var DefaultLane =
+      /*                     */
+      32;
+    var SyncUpdateLanes = SyncLane | InputContinuousLane | DefaultLane;
+    var TransitionHydrationLane =
+      /*                */
+      64;
+    var TransitionLanes =
+      /*                       */
+      4194176;
+    var TransitionLane1 =
+      /*                        */
+      128;
+    var TransitionLane2 =
+      /*                        */
+      256;
+    var TransitionLane3 =
+      /*                        */
+      512;
+    var TransitionLane4 =
+      /*                        */
+      1024;
+    var TransitionLane5 =
+      /*                        */
+      2048;
+    var TransitionLane6 =
+      /*                        */
+      4096;
+    var TransitionLane7 =
+      /*                        */
+      8192;
+    var TransitionLane8 =
+      /*                        */
+      16384;
+    var TransitionLane9 =
+      /*                        */
+      32768;
+    var TransitionLane10 =
+      /*                       */
+      65536;
+    var TransitionLane11 =
+      /*                       */
+      131072;
+    var TransitionLane12 =
+      /*                       */
+      262144;
+    var TransitionLane13 =
+      /*                       */
+      524288;
+    var TransitionLane14 =
+      /*                       */
+      1048576;
+    var TransitionLane15 =
+      /*                       */
+      2097152;
+    var RetryLanes =
+      /*                            */
+      62914560;
+    var RetryLane1 =
+      /*                             */
+      4194304;
+    var RetryLane2 =
+      /*                             */
+      8388608;
+    var RetryLane3 =
+      /*                             */
+      16777216;
+    var RetryLane4 =
+      /*                             */
+      33554432;
+    var SomeRetryLane = RetryLane1;
+    var SelectiveHydrationLane =
+      /*          */
+      67108864;
+    var NonIdleLanes =
+      /*                          */
+      134217727;
+    var IdleHydrationLane =
+      /*               */
+      134217728;
+    var IdleLane =
+      /*                        */
+      268435456;
+    var OffscreenLane =
+      /*                   */
+      536870912;
+    var DeferredLane =
+      /*                    */
+      1073741824; // Any lane that might schedule an update. This is used to detect infinite
+    // update loops, so it doesn't include hydration lanes or retries.
+
+    var UpdateLanes =
+      SyncLane | InputContinuousLane | DefaultLane | TransitionLanes; // This function is used for the experimental timeline (react-devtools-timeline)
+    var NoTimestamp = -1;
+    var nextTransitionLane = TransitionLane1;
+    var nextRetryLane = RetryLane1;
+
+    function getHighestPriorityLanes(lanes) {
+      {
+        var pendingSyncLanes = lanes & SyncUpdateLanes;
 
-  if (isArray(prevProp)) {
-    return diffProperties(
-      updatePayload, // $FlowFixMe - We know that this is always an object when the input is.
-      ReactNativePrivateInterface.flattenStyle(prevProp), // $FlowFixMe - We know that this isn't an array because of above flow.
-      nextProp,
-      validAttributes
-    );
-  }
-
-  return diffProperties(
-    updatePayload,
-    prevProp, // $FlowFixMe - We know that this is always an object when the input is.
-    ReactNativePrivateInterface.flattenStyle(nextProp),
-    validAttributes
-  );
-}
-/**
- * addNestedProperty takes a single set of props and valid attribute
- * attribute configurations. It processes each prop and adds it to the
- * updatePayload.
- */
+        if (pendingSyncLanes !== 0) {
+          return pendingSyncLanes;
+        }
+      }
 
-function addNestedProperty(updatePayload, nextProp, validAttributes) {
-  if (!nextProp) {
-    return updatePayload;
-  }
+      switch (getHighestPriorityLane(lanes)) {
+        case SyncHydrationLane:
+          return SyncHydrationLane;
 
-  if (!isArray(nextProp)) {
-    // Add each property of the leaf.
-    return addProperties(updatePayload, nextProp, validAttributes);
-  }
+        case SyncLane:
+          return SyncLane;
 
-  for (var i = 0; i < nextProp.length; i++) {
-    // Add all the properties of the array.
-    updatePayload = addNestedProperty(
-      updatePayload,
-      nextProp[i],
-      validAttributes
-    );
-  }
+        case InputContinuousHydrationLane:
+          return InputContinuousHydrationLane;
 
-  return updatePayload;
-}
-/**
- * clearNestedProperty takes a single set of props and valid attributes. It
- * adds a null sentinel to the updatePayload, for each prop key.
- */
+        case InputContinuousLane:
+          return InputContinuousLane;
 
-function clearNestedProperty(updatePayload, prevProp, validAttributes) {
-  if (!prevProp) {
-    return updatePayload;
-  }
+        case DefaultHydrationLane:
+          return DefaultHydrationLane;
 
-  if (!isArray(prevProp)) {
-    // Add each property of the leaf.
-    return clearProperties(updatePayload, prevProp, validAttributes);
-  }
+        case DefaultLane:
+          return DefaultLane;
 
-  for (var i = 0; i < prevProp.length; i++) {
-    // Add all the properties of the array.
-    updatePayload = clearNestedProperty(
-      updatePayload,
-      prevProp[i],
-      validAttributes
-    );
-  }
+        case TransitionHydrationLane:
+          return TransitionHydrationLane;
 
-  return updatePayload;
-}
-/**
- * diffProperties takes two sets of props and a set of valid attributes
- * and write to updatePayload the values that changed or were deleted.
- * If no updatePayload is provided, a new one is created and returned if
- * anything changed.
- */
+        case TransitionLane1:
+        case TransitionLane2:
+        case TransitionLane3:
+        case TransitionLane4:
+        case TransitionLane5:
+        case TransitionLane6:
+        case TransitionLane7:
+        case TransitionLane8:
+        case TransitionLane9:
+        case TransitionLane10:
+        case TransitionLane11:
+        case TransitionLane12:
+        case TransitionLane13:
+        case TransitionLane14:
+        case TransitionLane15:
+          return lanes & TransitionLanes;
 
-function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
-  var attributeConfig;
-  var nextProp;
-  var prevProp;
+        case RetryLane1:
+        case RetryLane2:
+        case RetryLane3:
+        case RetryLane4:
+          return lanes & RetryLanes;
 
-  for (var propKey in nextProps) {
-    attributeConfig = validAttributes[propKey];
+        case SelectiveHydrationLane:
+          return SelectiveHydrationLane;
 
-    if (!attributeConfig) {
-      continue; // not a valid native prop
-    }
+        case IdleHydrationLane:
+          return IdleHydrationLane;
 
-    prevProp = prevProps[propKey];
-    nextProp = nextProps[propKey]; // functions are converted to booleans as markers that the associated
-    // events should be sent from native.
+        case IdleLane:
+          return IdleLane;
 
-    if (typeof nextProp === "function") {
-      nextProp = true; // If nextProp is not a function, then don't bother changing prevProp
-      // since nextProp will win and go into the updatePayload regardless.
+        case OffscreenLane:
+          return OffscreenLane;
 
-      if (typeof prevProp === "function") {
-        prevProp = true;
-      }
-    } // An explicit value of undefined is treated as a null because it overrides
-    // any other preceding value.
+        case DeferredLane:
+          // This shouldn't be reachable because deferred work is always entangled
+          // with something else.
+          return NoLanes;
 
-    if (typeof nextProp === "undefined") {
-      nextProp = null;
+        default:
+          {
+            error("Should have found matching lanes. This is a bug in React.");
+          } // This shouldn't be reachable, but as a fallback, return the entire bitmask.
 
-      if (typeof prevProp === "undefined") {
-        prevProp = null;
+          return lanes;
       }
     }
 
-    if (removedKeys) {
-      removedKeys[propKey] = false;
-    }
+    function getNextLanes(root, wipLanes) {
+      // Early bailout if there's no pending work left.
+      var pendingLanes = root.pendingLanes;
 
-    if (updatePayload && updatePayload[propKey] !== undefined) {
-      // Something else already triggered an update to this key because another
-      // value diffed. Since we're now later in the nested arrays our value is
-      // more important so we need to calculate it and override the existing
-      // value. It doesn't matter if nothing changed, we'll set it anyway.
-      // Pattern match on: attributeConfig
-      if (typeof attributeConfig !== "object") {
-        // case: !Object is the default case
-        updatePayload[propKey] = nextProp;
-      } else if (
-        typeof attributeConfig.diff === "function" ||
-        typeof attributeConfig.process === "function"
-      ) {
-        // case: CustomAttributeConfiguration
-        var nextValue =
-          typeof attributeConfig.process === "function"
-            ? attributeConfig.process(nextProp)
-            : nextProp;
-        updatePayload[propKey] = nextValue;
+      if (pendingLanes === NoLanes) {
+        return NoLanes;
       }
 
-      continue;
-    }
+      var nextLanes = NoLanes;
+      var suspendedLanes = root.suspendedLanes;
+      var pingedLanes = root.pingedLanes; // Do not work on any idle work until all the non-idle work has finished,
+      // even if the work is suspended.
 
-    if (prevProp === nextProp) {
-      continue; // nothing changed
-    } // Pattern match on: attributeConfig
+      var nonIdlePendingLanes = pendingLanes & NonIdleLanes;
 
-    if (typeof attributeConfig !== "object") {
-      // case: !Object is the default case
-      if (defaultDiffer(prevProp, nextProp)) {
-        // a normal leaf has changed
-        (updatePayload || (updatePayload = {}))[propKey] = nextProp;
-      }
-    } else if (
-      typeof attributeConfig.diff === "function" ||
-      typeof attributeConfig.process === "function"
-    ) {
-      // case: CustomAttributeConfiguration
-      var shouldUpdate =
-        prevProp === undefined ||
-        (typeof attributeConfig.diff === "function"
-          ? attributeConfig.diff(prevProp, nextProp)
-          : defaultDiffer(prevProp, nextProp));
+      if (nonIdlePendingLanes !== NoLanes) {
+        var nonIdleUnblockedLanes = nonIdlePendingLanes & ~suspendedLanes;
 
-      if (shouldUpdate) {
-        var _nextValue =
-          typeof attributeConfig.process === "function"
-            ? attributeConfig.process(nextProp)
-            : nextProp;
+        if (nonIdleUnblockedLanes !== NoLanes) {
+          nextLanes = getHighestPriorityLanes(nonIdleUnblockedLanes);
+        } else {
+          var nonIdlePingedLanes = nonIdlePendingLanes & pingedLanes;
+
+          if (nonIdlePingedLanes !== NoLanes) {
+            nextLanes = getHighestPriorityLanes(nonIdlePingedLanes);
+          }
+        }
+      } else {
+        // The only remaining work is Idle.
+        var unblockedLanes = pendingLanes & ~suspendedLanes;
 
-        (updatePayload || (updatePayload = {}))[propKey] = _nextValue;
+        if (unblockedLanes !== NoLanes) {
+          nextLanes = getHighestPriorityLanes(unblockedLanes);
+        } else {
+          if (pingedLanes !== NoLanes) {
+            nextLanes = getHighestPriorityLanes(pingedLanes);
+          }
+        }
       }
-    } else {
-      // default: fallthrough case when nested properties are defined
-      removedKeys = null;
-      removedKeyCount = 0; // We think that attributeConfig is not CustomAttributeConfiguration at
-      // this point so we assume it must be AttributeConfiguration.
 
-      updatePayload = diffNestedProperty(
-        updatePayload,
-        prevProp,
-        nextProp,
-        attributeConfig
-      );
+      if (nextLanes === NoLanes) {
+        // This should only be reachable if we're suspended
+        // TODO: Consider warning in this path if a fallback timer is not scheduled.
+        return NoLanes;
+      } // If we're already in the middle of a render, switching lanes will interrupt
+      // it and we'll lose our progress. We should only do this if the new lanes are
+      // higher priority.
 
-      if (removedKeyCount > 0 && updatePayload) {
-        restoreDeletedValuesInNestedArray(
-          updatePayload,
-          nextProp,
-          attributeConfig
-        );
-        removedKeys = null;
+      if (
+        wipLanes !== NoLanes &&
+        wipLanes !== nextLanes && // If we already suspended with a delay, then interrupting is fine. Don't
+        // bother waiting until the root is complete.
+        (wipLanes & suspendedLanes) === NoLanes
+      ) {
+        var nextLane = getHighestPriorityLane(nextLanes);
+        var wipLane = getHighestPriorityLane(wipLanes);
+
+        if (
+          // Tests whether the next lane is equal or lower priority than the wip
+          // one. This works because the bits decrease in priority as you go left.
+          nextLane >= wipLane || // Default priority updates should not interrupt transition updates. The
+          // only difference between default updates and transition updates is that
+          // default updates do not support refresh transitions.
+          (nextLane === DefaultLane && (wipLane & TransitionLanes) !== NoLanes)
+        ) {
+          // Keep working on the existing in-progress tree. Do not interrupt.
+          return wipLanes;
+        }
       }
-    }
-  } // Also iterate through all the previous props to catch any that have been
-  // removed and make sure native gets the signal so it can reset them to the
-  // default.
 
-  for (var _propKey in prevProps) {
-    if (nextProps[_propKey] !== undefined) {
-      continue; // we've already covered this key in the previous pass
+      return nextLanes;
     }
+    function getEntangledLanes(root, renderLanes) {
+      var entangledLanes = renderLanes;
+
+      if ((entangledLanes & InputContinuousLane) !== NoLanes) {
+        // When updates are sync by default, we entangle continuous priority updates
+        // and default updates, so they render in the same batch. The only reason
+        // they use separate lanes is because continuous updates should interrupt
+        // transitions, but default updates should not.
+        entangledLanes |= entangledLanes & DefaultLane;
+      } // Check for entangled lanes and add them to the batch.
+      //
+      // A lane is said to be entangled with another when it's not allowed to render
+      // in a batch that does not also include the other lane. Typically we do this
+      // when multiple updates have the same source, and we only want to respond to
+      // the most recent event from that source.
+      //
+      // Note that we apply entanglements *after* checking for partial work above.
+      // This means that if a lane is entangled during an interleaved event while
+      // it's already rendering, we won't interrupt it. This is intentional, since
+      // entanglement is usually "best effort": we'll try our best to render the
+      // lanes in the same batch, but it's not worth throwing out partially
+      // completed work in order to do it.
+      // TODO: Reconsider this. The counter-argument is that the partial work
+      // represents an intermediate state, which we don't want to show to the user.
+      // And by spending extra time finishing it, we're increasing the amount of
+      // time it takes to show the final state, which is what they are actually
+      // waiting for.
+      //
+      // For those exceptions where entanglement is semantically important,
+      // we should ensure that there is no partial work at the
+      // time we apply the entanglement.
+
+      var allEntangledLanes = root.entangledLanes;
 
-    attributeConfig = validAttributes[_propKey];
+      if (allEntangledLanes !== NoLanes) {
+        var entanglements = root.entanglements;
+        var lanes = entangledLanes & allEntangledLanes;
+
+        while (lanes > 0) {
+          var index = pickArbitraryLaneIndex(lanes);
+          var lane = 1 << index;
+          entangledLanes |= entanglements[index];
+          lanes &= ~lane;
+        }
+      }
 
-    if (!attributeConfig) {
-      continue; // not a valid native prop
+      return entangledLanes;
     }
 
-    if (updatePayload && updatePayload[_propKey] !== undefined) {
-      // This was already updated to a diff result earlier.
-      continue;
+    function computeExpirationTime(lane, currentTime) {
+      switch (lane) {
+        case SyncHydrationLane:
+        case SyncLane:
+        case InputContinuousHydrationLane:
+        case InputContinuousLane:
+          // User interactions should expire slightly more quickly.
+          //
+          // NOTE: This is set to the corresponding constant as in Scheduler.js.
+          // When we made it larger, a product metric in www regressed, suggesting
+          // there's a user interaction that's being starved by a series of
+          // synchronous updates. If that theory is correct, the proper solution is
+          // to fix the starvation. However, this scenario supports the idea that
+          // expiration times are an important safeguard when starvation
+          // does happen.
+          return currentTime + syncLaneExpirationMs;
+
+        case DefaultHydrationLane:
+        case DefaultLane:
+        case TransitionHydrationLane:
+        case TransitionLane1:
+        case TransitionLane2:
+        case TransitionLane3:
+        case TransitionLane4:
+        case TransitionLane5:
+        case TransitionLane6:
+        case TransitionLane7:
+        case TransitionLane8:
+        case TransitionLane9:
+        case TransitionLane10:
+        case TransitionLane11:
+        case TransitionLane12:
+        case TransitionLane13:
+        case TransitionLane14:
+        case TransitionLane15:
+          return currentTime + transitionLaneExpirationMs;
+
+        case RetryLane1:
+        case RetryLane2:
+        case RetryLane3:
+        case RetryLane4:
+          // TODO: Retries should be allowed to expire if they are CPU bound for
+          // too long, but when I made this change it caused a spike in browser
+          // crashes. There must be some other underlying bug; not super urgent but
+          // ideally should figure out why and fix it. Unfortunately we don't have
+          // a repro for the crashes, only detected via production metrics.
+          return NoTimestamp;
+
+        case SelectiveHydrationLane:
+        case IdleHydrationLane:
+        case IdleLane:
+        case OffscreenLane:
+        case DeferredLane:
+          // Anything idle priority or lower should never expire.
+          return NoTimestamp;
+
+        default:
+          {
+            error("Should have found matching lanes. This is a bug in React.");
+          }
+
+          return NoTimestamp;
+      }
     }
 
-    prevProp = prevProps[_propKey];
+    function markStarvedLanesAsExpired(root, currentTime) {
+      // TODO: This gets called every time we yield. We can optimize by storing
+      // the earliest expiration time on the root. Then use that to quickly bail out
+      // of this function.
+      var pendingLanes = root.pendingLanes;
+      var suspendedLanes = root.suspendedLanes;
+      var pingedLanes = root.pingedLanes;
+      var expirationTimes = root.expirationTimes; // Iterate through the pending lanes and check if we've reached their
+      // expiration time. If so, we'll assume the update is being starved and mark
+      // it as expired to force it to finish.
+      // TODO: We should be able to replace this with upgradePendingLanesToSync
+      //
+      // We exclude retry lanes because those must always be time sliced, in order
+      // to unwrap uncached promises.
+      // TODO: Write a test for this
 
-    if (prevProp === undefined) {
-      continue; // was already empty anyway
-    } // Pattern match on: attributeConfig
+      var lanes = pendingLanes & ~RetryLanes;
 
-    if (
-      typeof attributeConfig !== "object" ||
-      typeof attributeConfig.diff === "function" ||
-      typeof attributeConfig.process === "function"
-    ) {
-      // case: CustomAttributeConfiguration | !Object
-      // Flag the leaf property for removal by sending a sentinel.
-      (updatePayload || (updatePayload = {}))[_propKey] = null;
+      while (lanes > 0) {
+        var index = pickArbitraryLaneIndex(lanes);
+        var lane = 1 << index;
+        var expirationTime = expirationTimes[index];
 
-      if (!removedKeys) {
-        removedKeys = {};
-      }
+        if (expirationTime === NoTimestamp) {
+          // Found a pending lane with no expiration time. If it's not suspended, or
+          // if it's pinged, assume it's CPU-bound. Compute a new expiration time
+          // using the current time.
+          if (
+            (lane & suspendedLanes) === NoLanes ||
+            (lane & pingedLanes) !== NoLanes
+          ) {
+            // Assumes timestamps are monotonically increasing.
+            expirationTimes[index] = computeExpirationTime(lane, currentTime);
+          }
+        } else if (expirationTime <= currentTime) {
+          // This lane expired
+          root.expiredLanes |= lane;
+        }
 
-      if (!removedKeys[_propKey]) {
-        removedKeys[_propKey] = true;
-        removedKeyCount++;
+        lanes &= ~lane;
+      }
+    } // This returns the highest priority pending lanes regardless of whether they
+    function getLanesToRetrySynchronouslyOnError(
+      root,
+      originallyAttemptedLanes
+    ) {
+      if (root.errorRecoveryDisabledLanes & originallyAttemptedLanes) {
+        // The error recovery mechanism is disabled until these lanes are cleared.
+        return NoLanes;
       }
-    } else {
-      // default:
-      // This is a nested attribute configuration where all the properties
-      // were removed so we need to go through and clear out all of them.
-      updatePayload = clearNestedProperty(
-        updatePayload,
-        prevProp,
-        attributeConfig
-      );
-    }
-  }
-
-  return updatePayload;
-}
-/**
- * addProperties adds all the valid props to the payload after being processed.
- */
 
-function addProperties(updatePayload, props, validAttributes) {
-  // TODO: Fast path
-  return diffProperties(updatePayload, emptyObject, props, validAttributes);
-}
-/**
- * clearProperties clears all the previous props by adding a null sentinel
- * to the payload for each valid key.
- */
+      var everythingButOffscreen = root.pendingLanes & ~OffscreenLane;
 
-function clearProperties(updatePayload, prevProps, validAttributes) {
-  // TODO: Fast path
-  return diffProperties(updatePayload, prevProps, emptyObject, validAttributes);
-}
+      if (everythingButOffscreen !== NoLanes) {
+        return everythingButOffscreen;
+      }
 
-function create(props, validAttributes) {
-  return addProperties(
-    null, // updatePayload
-    props,
-    validAttributes
-  );
-}
-function diff(prevProps, nextProps, validAttributes) {
-  return diffProperties(
-    null, // updatePayload
-    prevProps,
-    nextProps,
-    validAttributes
-  );
-}
+      if (everythingButOffscreen & OffscreenLane) {
+        return OffscreenLane;
+      }
 
-// Used as a way to call batchedUpdates when we don't have a reference to
-// the renderer. Such as when we're dispatching events or if third party
-// libraries need to call batchedUpdates. Eventually, this API will go away when
-// everything is batched by default. We'll then have a similar API to opt-out of
-// scheduled work and instead do synchronous work.
-// Defaults
-var batchedUpdatesImpl = function(fn, bookkeeping) {
-  return fn(bookkeeping);
-};
-
-var isInsideEventHandler = false;
-function batchedUpdates(fn, bookkeeping) {
-  if (isInsideEventHandler) {
-    // If we are currently inside another batch, we need to wait until it
-    // fully completes before restoring state.
-    return fn(bookkeeping);
-  }
-
-  isInsideEventHandler = true;
-
-  try {
-    return batchedUpdatesImpl(fn, bookkeeping);
-  } finally {
-    isInsideEventHandler = false;
-  }
-}
-function setBatchingImplementation(_batchedUpdatesImpl, _discreteUpdatesImpl) {
-  batchedUpdatesImpl = _batchedUpdatesImpl;
-}
+      return NoLanes;
+    }
+    function includesSyncLane(lanes) {
+      return (lanes & (SyncLane | SyncHydrationLane)) !== NoLanes;
+    }
+    function includesNonIdleWork(lanes) {
+      return (lanes & NonIdleLanes) !== NoLanes;
+    }
+    function includesOnlyRetries(lanes) {
+      return (lanes & RetryLanes) === lanes;
+    }
+    function includesOnlyNonUrgentLanes(lanes) {
+      // TODO: Should hydration lanes be included here? This function is only
+      // used in `updateDeferredValueImpl`.
+      var UrgentLanes = SyncLane | InputContinuousLane | DefaultLane;
+      return (lanes & UrgentLanes) === NoLanes;
+    }
+    function includesOnlyTransitions(lanes) {
+      return (lanes & TransitionLanes) === lanes;
+    }
+    function includesBlockingLane(root, lanes) {
+      var SyncDefaultLanes =
+        InputContinuousHydrationLane |
+        InputContinuousLane |
+        DefaultHydrationLane |
+        DefaultLane;
+      return (lanes & SyncDefaultLanes) !== NoLanes;
+    }
+    function includesExpiredLane(root, lanes) {
+      // This is a separate check from includesBlockingLane because a lane can
+      // expire after a render has already started.
+      return (lanes & root.expiredLanes) !== NoLanes;
+    }
+    function isTransitionLane(lane) {
+      return (lane & TransitionLanes) !== NoLanes;
+    }
+    function claimNextTransitionLane() {
+      // Cycle through the lanes, assigning each new transition to the next lane.
+      // In most cases, this means every transition gets its own lane, until we
+      // run out of lanes and cycle back to the beginning.
+      var lane = nextTransitionLane;
+      nextTransitionLane <<= 1;
 
-/**
- * Internal queue of events that have accumulated their dispatches and are
- * waiting to have their dispatches executed.
- */
+      if ((nextTransitionLane & TransitionLanes) === NoLanes) {
+        nextTransitionLane = TransitionLane1;
+      }
 
-var eventQueue = null;
-/**
- * Dispatches an event and releases it back into the pool, unless persistent.
- *
- * @param {?object} event Synthetic event to be dispatched.
- * @private
- */
+      return lane;
+    }
+    function claimNextRetryLane() {
+      var lane = nextRetryLane;
+      nextRetryLane <<= 1;
 
-var executeDispatchesAndRelease = function(event) {
-  if (event) {
-    executeDispatchesInOrder(event);
+      if ((nextRetryLane & RetryLanes) === NoLanes) {
+        nextRetryLane = RetryLane1;
+      }
 
-    if (!event.isPersistent()) {
-      event.constructor.release(event);
+      return lane;
+    }
+    function getHighestPriorityLane(lanes) {
+      return lanes & -lanes;
+    }
+    function pickArbitraryLane(lanes) {
+      // This wrapper function gets inlined. Only exists so to communicate that it
+      // doesn't matter which bit is selected; you can pick any bit without
+      // affecting the algorithms where its used. Here I'm using
+      // getHighestPriorityLane because it requires the fewest operations.
+      return getHighestPriorityLane(lanes);
     }
-  }
-};
 
-var executeDispatchesAndReleaseTopLevel = function(e) {
-  return executeDispatchesAndRelease(e);
-};
+    function pickArbitraryLaneIndex(lanes) {
+      return 31 - clz32(lanes);
+    }
 
-function runEventsInBatch(events) {
-  if (events !== null) {
-    eventQueue = accumulateInto(eventQueue, events);
-  } // Set `eventQueue` to null before processing it so that we can tell if more
-  // events get enqueued while processing.
+    function laneToIndex(lane) {
+      return pickArbitraryLaneIndex(lane);
+    }
 
-  var processingEventQueue = eventQueue;
-  eventQueue = null;
+    function includesSomeLane(a, b) {
+      return (a & b) !== NoLanes;
+    }
+    function isSubsetOfLanes(set, subset) {
+      return (set & subset) === subset;
+    }
+    function mergeLanes(a, b) {
+      return a | b;
+    }
+    function removeLanes(set, subset) {
+      return set & ~subset;
+    }
+    function intersectLanes(a, b) {
+      return a & b;
+    } // Seems redundant, but it changes the type from a single lane (used for
+    // updates) to a group of lanes (used for flushing work).
 
-  if (!processingEventQueue) {
-    return;
-  }
+    function laneToLanes(lane) {
+      return lane;
+    }
+    function createLaneMap(initial) {
+      // Intentionally pushing one by one.
+      // https://v8.dev/blog/elements-kinds#avoid-creating-holes
+      var laneMap = [];
 
-  forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseTopLevel);
+      for (var i = 0; i < TotalLanes; i++) {
+        laneMap.push(initial);
+      }
 
-  if (eventQueue) {
-    throw new Error(
-      "processEventQueue(): Additional events were enqueued while processing " +
-        "an event queue. Support for this has not yet been implemented."
-    );
-  } // This would be a good time to rethrow if any of the event handlers threw.
+      return laneMap;
+    }
+    function markRootUpdated(root, updateLane) {
+      root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
+      // could unblock them. Clear the suspended lanes so that we can try rendering
+      // them again.
+      //
+      // TODO: We really only need to unsuspend only lanes that are in the
+      // `subtreeLanes` of the updated fiber, or the update lanes of the return
+      // path. This would exclude suspended updates in an unrelated sibling tree,
+      // since there's no way for this update to unblock it.
+      //
+      // We don't do this if the incoming update is idle, because we never process
+      // idle updates until after all the regular updates have finished; there's no
+      // way it could unblock a transition.
 
-  rethrowCaughtError();
-}
+      if (updateLane !== IdleLane) {
+        root.suspendedLanes = NoLanes;
+        root.pingedLanes = NoLanes;
+      }
+    }
+    function markRootSuspended$1(root, suspendedLanes, spawnedLane) {
+      root.suspendedLanes |= suspendedLanes;
+      root.pingedLanes &= ~suspendedLanes; // The suspended lanes are no longer CPU-bound. Clear their expiration times.
 
-/**
- * Allows registered plugins an opportunity to extract events from top-level
- * native browser events.
- *
- * @return {*} An accumulation of synthetic events.
- * @internal
- */
+      var expirationTimes = root.expirationTimes;
+      var lanes = suspendedLanes;
 
-function extractPluginEvents(
-  topLevelType,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  var events = null;
-  var legacyPlugins = plugins;
-
-  for (var i = 0; i < legacyPlugins.length; i++) {
-    // Not every plugin in the ordering may be loaded at runtime.
-    var possiblePlugin = legacyPlugins[i];
-
-    if (possiblePlugin) {
-      var extractedEvents = possiblePlugin.extractEvents(
-        topLevelType,
-        targetInst,
-        nativeEvent,
-        nativeEventTarget
-      );
+      while (lanes > 0) {
+        var index = pickArbitraryLaneIndex(lanes);
+        var lane = 1 << index;
+        expirationTimes[index] = NoTimestamp;
+        lanes &= ~lane;
+      }
 
-      if (extractedEvents) {
-        events = accumulateInto(events, extractedEvents);
+      if (spawnedLane !== NoLane) {
+        markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
       }
     }
-  }
+    function markRootPinged(root, pingedLanes) {
+      root.pingedLanes |= root.suspendedLanes & pingedLanes;
+    }
+    function markRootFinished(root, remainingLanes, spawnedLane) {
+      var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
+      root.pendingLanes = remainingLanes; // Let's try everything again
 
-  return events;
-}
+      root.suspendedLanes = NoLanes;
+      root.pingedLanes = NoLanes;
+      root.expiredLanes &= remainingLanes;
+      root.entangledLanes &= remainingLanes;
+      root.errorRecoveryDisabledLanes &= remainingLanes;
+      root.shellSuspendCounter = 0;
+      var entanglements = root.entanglements;
+      var expirationTimes = root.expirationTimes;
+      var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
 
-function runExtractedPluginEventsInBatch(
-  topLevelType,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  var events = extractPluginEvents(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget
-  );
-  runEventsInBatch(events);
-}
+      var lanes = noLongerPendingLanes;
 
-function dispatchEvent(target, topLevelType, nativeEvent) {
-  var targetFiber = target;
-  var eventTarget = null;
+      while (lanes > 0) {
+        var index = pickArbitraryLaneIndex(lanes);
+        var lane = 1 << index;
+        entanglements[index] = NoLanes;
+        expirationTimes[index] = NoTimestamp;
+        var hiddenUpdatesForLane = hiddenUpdates[index];
 
-  if (targetFiber != null) {
-    var stateNode = targetFiber.stateNode; // Guard against Fiber being unmounted
+        if (hiddenUpdatesForLane !== null) {
+          hiddenUpdates[index] = null; // "Hidden" updates are updates that were made to a hidden component. They
+          // have special logic associated with them because they may be entangled
+          // with updates that occur outside that tree. But once the outer tree
+          // commits, they behave like regular updates.
 
-    if (stateNode != null) {
-      eventTarget = stateNode.canonical;
-    }
-  }
+          for (var i = 0; i < hiddenUpdatesForLane.length; i++) {
+            var update = hiddenUpdatesForLane[i];
 
-  batchedUpdates(function() {
-    // Emit event to the RawEventEmitter. This is an unused-by-default EventEmitter
-    // that can be used to instrument event performance monitoring (primarily - could be useful
-    // for other things too).
-    //
-    // NOTE: this merely emits events into the EventEmitter below.
-    // If *you* do not add listeners to the `RawEventEmitter`,
-    // then all of these emitted events will just blackhole and are no-ops.
-    // It is available (although not officially supported... yet) if you want to collect
-    // perf data on event latency in your application, and could also be useful for debugging
-    // low-level events issues.
-    //
-    // If you do not have any event perf monitoring and are extremely concerned about event perf,
-    // it is safe to disable these "emit" statements; it will prevent checking the size of
-    // an empty array twice and prevent two no-ops. Practically the overhead is so low that
-    // we don't think it's worth thinking about in prod; your perf issues probably lie elsewhere.
-    //
-    // We emit two events here: one for listeners to this specific event,
-    // and one for the catchall listener '*', for any listeners that want
-    // to be notified for all events.
-    // Note that extracted events are *not* emitted,
-    // only events that have a 1:1 mapping with a native event, at least for now.
-    var event = {
-      eventName: topLevelType,
-      nativeEvent: nativeEvent
-    };
-    ReactNativePrivateInterface.RawEventEmitter.emit(topLevelType, event);
-    ReactNativePrivateInterface.RawEventEmitter.emit("*", event); // Heritage plugin event system
+            if (update !== null) {
+              update.lane &= ~OffscreenLane;
+            }
+          }
+        }
 
-    runExtractedPluginEventsInBatch(
-      topLevelType,
-      targetFiber,
-      nativeEvent,
-      eventTarget
-    );
-  }); // React Native doesn't use ReactControlledComponent but if it did, here's
-  // where it would do it.
-}
+        lanes &= ~lane;
+      }
 
-// This module only exists as an ESM wrapper around the external CommonJS
-var scheduleCallback = Scheduler.unstable_scheduleCallback;
-var cancelCallback = Scheduler.unstable_cancelCallback;
-var shouldYield = Scheduler.unstable_shouldYield;
-var requestPaint = Scheduler.unstable_requestPaint;
-var now = Scheduler.unstable_now;
-var ImmediatePriority = Scheduler.unstable_ImmediatePriority;
-var UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
-var NormalPriority = Scheduler.unstable_NormalPriority;
-var IdlePriority = Scheduler.unstable_IdlePriority;
-
-var rendererID = null;
-var injectedHook = null;
-var hasLoggedError = false;
-var isDevToolsPresent = typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined";
-function injectInternals(internals) {
-  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined") {
-    // No DevTools
-    return false;
-  }
-
-  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-
-  if (hook.isDisabled) {
-    // This isn't a real property on the hook, but it can be set to opt out
-    // of DevTools integration and associated warnings and logs.
-    // https://github.com/facebook/react/issues/3877
-    return true;
-  }
-
-  if (!hook.supportsFiber) {
-    {
-      error(
-        "The installed version of React DevTools is too old and will not work " +
-          "with the current version of React. Please update React DevTools. " +
-          "https://react.dev/learn/react-developer-tools"
-      );
-    } // DevTools exists, even though it doesn't support Fiber.
-
-    return true;
-  }
-
-  try {
-    if (enableSchedulingProfiler) {
-      // Conditionally inject these hooks only if Timeline profiler is supported by this build.
-      // This gives DevTools a way to feature detect that isn't tied to version number
-      // (since profiling and timeline are controlled by different feature flags).
-      internals = assign({}, internals, {
-        getLaneLabelMap: getLaneLabelMap,
-        injectProfilingHooks: injectProfilingHooks
-      });
+      if (spawnedLane !== NoLane) {
+        markSpawnedDeferredLane(
+          root,
+          spawnedLane, // This render finished successfully without suspending, so we don't need
+          // to entangle the spawned task with the parent task.
+          NoLanes
+        );
+      }
     }
 
-    rendererID = hook.inject(internals); // We have successfully injected, so now it is safe to set up hooks.
+    function markSpawnedDeferredLane(root, spawnedLane, entangledLanes) {
+      // This render spawned a deferred task. Mark it as pending.
+      root.pendingLanes |= spawnedLane;
+      root.suspendedLanes &= ~spawnedLane; // Entangle the spawned lane with the DeferredLane bit so that we know it
+      // was the result of another render. This lets us avoid a useDeferredValue
+      // waterfall — only the first level will defer.
 
-    injectedHook = hook;
-  } catch (err) {
-    // Catch all errors because it is unsafe to throw during initialization.
-    {
-      error("React instrumentation encountered an error: %s.", err);
+      var spawnedLaneIndex = laneToIndex(spawnedLane);
+      root.entangledLanes |= spawnedLane;
+      root.entanglements[spawnedLaneIndex] |=
+        DeferredLane | // If the parent render task suspended, we must also entangle those lanes
+        // with the spawned task, so that the deferred task includes all the same
+        // updates that the parent task did. We can exclude any lane that is not
+        // used for updates (e.g. Offscreen).
+        (entangledLanes & UpdateLanes);
     }
-  }
 
-  if (hook.checkDCE) {
-    // This is the real DevTools.
-    return true;
-  } else {
-    // This is likely a hook installed by Fast Refresh runtime.
-    return false;
-  }
-}
-function onScheduleRoot(root, children) {
-  {
-    if (
-      injectedHook &&
-      typeof injectedHook.onScheduleFiberRoot === "function"
-    ) {
-      try {
-        injectedHook.onScheduleFiberRoot(rendererID, root, children);
-      } catch (err) {
-        if (!hasLoggedError) {
-          hasLoggedError = true;
+    function markRootEntangled(root, entangledLanes) {
+      // In addition to entangling each of the given lanes with each other, we also
+      // have to consider _transitive_ entanglements. For each lane that is already
+      // entangled with *any* of the given lanes, that lane is now transitively
+      // entangled with *all* the given lanes.
+      //
+      // Translated: If C is entangled with A, then entangling A with B also
+      // entangles C with B.
+      //
+      // If this is hard to grasp, it might help to intentionally break this
+      // function and look at the tests that fail in ReactTransition-test.js. Try
+      // commenting out one of the conditions below.
+      var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
+      var entanglements = root.entanglements;
+      var lanes = rootEntangledLanes;
 
-          error("React instrumentation encountered an error: %s", err);
+      while (lanes) {
+        var index = pickArbitraryLaneIndex(lanes);
+        var lane = 1 << index;
+
+        if (
+          // Is this one of the newly entangled lanes?
+          (lane & entangledLanes) | // Is this lane transitively entangled with the newly entangled lanes?
+          (entanglements[index] & entangledLanes)
+        ) {
+          entanglements[index] |= entangledLanes;
         }
+
+        lanes &= ~lane;
       }
     }
-  }
-}
-function onCommitRoot(root, eventPriority) {
-  if (injectedHook && typeof injectedHook.onCommitFiberRoot === "function") {
-    try {
-      var didError = (root.current.flags & DidCapture) === DidCapture;
+    function upgradePendingLaneToSync(root, lane) {
+      // Since we're upgrading the priority of the given lane, there is now pending
+      // sync work.
+      root.pendingLanes |= SyncLane; // Entangle the sync lane with the lane we're upgrading. This means SyncLane
+      // will not be allowed to finish without also finishing the given lane.
 
-      if (enableProfilerTimer) {
-        var schedulerPriority;
+      root.entangledLanes |= SyncLane;
+      root.entanglements[SyncLaneIndex] |= lane;
+    }
+    function markHiddenUpdate(root, update, lane) {
+      var index = laneToIndex(lane);
+      var hiddenUpdates = root.hiddenUpdates;
+      var hiddenUpdatesForLane = hiddenUpdates[index];
 
-        switch (eventPriority) {
-          case DiscreteEventPriority:
-            schedulerPriority = ImmediatePriority;
+      if (hiddenUpdatesForLane === null) {
+        hiddenUpdates[index] = [update];
+      } else {
+        hiddenUpdatesForLane.push(update);
+      }
+
+      update.lane = lane | OffscreenLane;
+    }
+    function getBumpedLaneForHydration(root, renderLanes) {
+      var renderLane = getHighestPriorityLane(renderLanes);
+      var lane;
+
+      if ((renderLane & SyncUpdateLanes) !== NoLane) {
+        lane = SyncHydrationLane;
+      } else {
+        switch (renderLane) {
+          case SyncLane:
+            lane = SyncHydrationLane;
             break;
 
-          case ContinuousEventPriority:
-            schedulerPriority = UserBlockingPriority;
+          case InputContinuousLane:
+            lane = InputContinuousHydrationLane;
             break;
 
-          case DefaultEventPriority:
-            schedulerPriority = NormalPriority;
+          case DefaultLane:
+            lane = DefaultHydrationLane;
             break;
 
-          case IdleEventPriority:
-            schedulerPriority = IdlePriority;
+          case TransitionLane1:
+          case TransitionLane2:
+          case TransitionLane3:
+          case TransitionLane4:
+          case TransitionLane5:
+          case TransitionLane6:
+          case TransitionLane7:
+          case TransitionLane8:
+          case TransitionLane9:
+          case TransitionLane10:
+          case TransitionLane11:
+          case TransitionLane12:
+          case TransitionLane13:
+          case TransitionLane14:
+          case TransitionLane15:
+          case RetryLane1:
+          case RetryLane2:
+          case RetryLane3:
+          case RetryLane4:
+            lane = TransitionHydrationLane;
+            break;
+
+          case IdleLane:
+            lane = IdleHydrationLane;
             break;
 
           default:
-            schedulerPriority = NormalPriority;
+            // Everything else is already either a hydration lane, or shouldn't
+            // be retried at a hydration lane.
+            lane = NoLane;
             break;
         }
+      } // Check if the lane we chose is suspended. If so, that indicates that we
+      // already attempted and failed to hydrate at that level. Also check if we're
+      // already rendering that lane, which is rare but could happen.
 
-        injectedHook.onCommitFiberRoot(
-          rendererID,
-          root,
-          schedulerPriority,
-          didError
-        );
-      } else {
-        injectedHook.onCommitFiberRoot(rendererID, root, undefined, didError);
+      if ((lane & (root.suspendedLanes | renderLanes)) !== NoLane) {
+        // Give up trying to hydrate and fall back to client render.
+        return NoLane;
       }
-    } catch (err) {
-      {
-        if (!hasLoggedError) {
-          hasLoggedError = true;
 
-          error("React instrumentation encountered an error: %s", err);
-        }
-      }
+      return lane;
     }
-  }
-}
-function onPostCommitRoot(root) {
-  if (
-    injectedHook &&
-    typeof injectedHook.onPostCommitFiberRoot === "function"
-  ) {
-    try {
-      injectedHook.onPostCommitFiberRoot(rendererID, root);
-    } catch (err) {
-      {
-        if (!hasLoggedError) {
-          hasLoggedError = true;
-
-          error("React instrumentation encountered an error: %s", err);
-        }
+    function addFiberToLanesMap(root, fiber, lanes) {
+      if (!isDevToolsPresent) {
+        return;
       }
-    }
-  }
-}
-function onCommitUnmount(fiber) {
-  if (injectedHook && typeof injectedHook.onCommitFiberUnmount === "function") {
-    try {
-      injectedHook.onCommitFiberUnmount(rendererID, fiber);
-    } catch (err) {
-      {
-        if (!hasLoggedError) {
-          hasLoggedError = true;
 
-          error("React instrumentation encountered an error: %s", err);
-        }
+      var pendingUpdatersLaneMap = root.pendingUpdatersLaneMap;
+
+      while (lanes > 0) {
+        var index = laneToIndex(lanes);
+        var lane = 1 << index;
+        var updaters = pendingUpdatersLaneMap[index];
+        updaters.add(fiber);
+        lanes &= ~lane;
       }
     }
-  }
-}
-
-function injectProfilingHooks(profilingHooks) {}
-
-function getLaneLabelMap() {
-  {
-    return null;
-  }
-}
-function markComponentRenderStopped() {}
-function markComponentErrored(fiber, thrownValue, lanes) {}
-function markComponentSuspended(fiber, wakeable, lanes) {}
-
-var NoMode =
-  /*                         */
-  0; // TODO: Remove ConcurrentMode by reading from the root tag instead
-
-var ConcurrentMode =
-  /*                 */
-  1;
-var ProfileMode =
-  /*                    */
-  2;
-var StrictLegacyMode =
-  /*               */
-  8;
-
-// TODO: This is pretty well supported by browsers. Maybe we can drop it.
-var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback; // Count leading zeros.
-// Based on:
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/clz32
-
-var log = Math.log;
-var LN2 = Math.LN2;
-
-function clz32Fallback(x) {
-  var asUint = x >>> 0;
-
-  if (asUint === 0) {
-    return 32;
-  }
-
-  return (31 - ((log(asUint) / LN2) | 0)) | 0;
-}
-
-// If those values are changed that package should be rebuilt and redeployed.
-
-var TotalLanes = 31;
-var NoLanes =
-  /*                        */
-  0;
-var NoLane =
-  /*                          */
-  0;
-var SyncLane =
-  /*                        */
-  1;
-var InputContinuousHydrationLane =
-  /*    */
-  2;
-var InputContinuousLane =
-  /*             */
-  4;
-var DefaultHydrationLane =
-  /*            */
-  8;
-var DefaultLane =
-  /*                     */
-  16;
-var TransitionHydrationLane =
-  /*                */
-  32;
-var TransitionLanes =
-  /*                       */
-  4194240;
-var TransitionLane1 =
-  /*                        */
-  64;
-var TransitionLane2 =
-  /*                        */
-  128;
-var TransitionLane3 =
-  /*                        */
-  256;
-var TransitionLane4 =
-  /*                        */
-  512;
-var TransitionLane5 =
-  /*                        */
-  1024;
-var TransitionLane6 =
-  /*                        */
-  2048;
-var TransitionLane7 =
-  /*                        */
-  4096;
-var TransitionLane8 =
-  /*                        */
-  8192;
-var TransitionLane9 =
-  /*                        */
-  16384;
-var TransitionLane10 =
-  /*                       */
-  32768;
-var TransitionLane11 =
-  /*                       */
-  65536;
-var TransitionLane12 =
-  /*                       */
-  131072;
-var TransitionLane13 =
-  /*                       */
-  262144;
-var TransitionLane14 =
-  /*                       */
-  524288;
-var TransitionLane15 =
-  /*                       */
-  1048576;
-var TransitionLane16 =
-  /*                       */
-  2097152;
-var RetryLanes =
-  /*                            */
-  130023424;
-var RetryLane1 =
-  /*                             */
-  4194304;
-var RetryLane2 =
-  /*                             */
-  8388608;
-var RetryLane3 =
-  /*                             */
-  16777216;
-var RetryLane4 =
-  /*                             */
-  33554432;
-var RetryLane5 =
-  /*                             */
-  67108864;
-var SomeRetryLane = RetryLane1;
-var SelectiveHydrationLane =
-  /*          */
-  134217728;
-var NonIdleLanes =
-  /*                          */
-  268435455;
-var IdleHydrationLane =
-  /*               */
-  268435456;
-var IdleLane =
-  /*                        */
-  536870912;
-var OffscreenLane =
-  /*                   */
-  1073741824; // This function is used for the experimental timeline (react-devtools-timeline)
-var NoTimestamp = -1;
-var nextTransitionLane = TransitionLane1;
-var nextRetryLane = RetryLane1;
-
-function getHighestPriorityLanes(lanes) {
-  switch (getHighestPriorityLane(lanes)) {
-    case SyncLane:
-      return SyncLane;
-
-    case InputContinuousHydrationLane:
-      return InputContinuousHydrationLane;
-
-    case InputContinuousLane:
-      return InputContinuousLane;
-
-    case DefaultHydrationLane:
-      return DefaultHydrationLane;
-
-    case DefaultLane:
-      return DefaultLane;
-
-    case TransitionHydrationLane:
-      return TransitionHydrationLane;
-
-    case TransitionLane1:
-    case TransitionLane2:
-    case TransitionLane3:
-    case TransitionLane4:
-    case TransitionLane5:
-    case TransitionLane6:
-    case TransitionLane7:
-    case TransitionLane8:
-    case TransitionLane9:
-    case TransitionLane10:
-    case TransitionLane11:
-    case TransitionLane12:
-    case TransitionLane13:
-    case TransitionLane14:
-    case TransitionLane15:
-    case TransitionLane16:
-      return lanes & TransitionLanes;
-
-    case RetryLane1:
-    case RetryLane2:
-    case RetryLane3:
-    case RetryLane4:
-    case RetryLane5:
-      return lanes & RetryLanes;
-
-    case SelectiveHydrationLane:
-      return SelectiveHydrationLane;
-
-    case IdleHydrationLane:
-      return IdleHydrationLane;
-
-    case IdleLane:
-      return IdleLane;
-
-    case OffscreenLane:
-      return OffscreenLane;
-
-    default:
-      {
-        error("Should have found matching lanes. This is a bug in React.");
-      } // This shouldn't be reachable, but as a fallback, return the entire bitmask.
-
-      return lanes;
-  }
-}
-
-function getNextLanes(root, wipLanes) {
-  // Early bailout if there's no pending work left.
-  var pendingLanes = root.pendingLanes;
-
-  if (pendingLanes === NoLanes) {
-    return NoLanes;
-  }
+    function movePendingFibersToMemoized(root, lanes) {
+      if (!isDevToolsPresent) {
+        return;
+      }
 
-  var nextLanes = NoLanes;
-  var suspendedLanes = root.suspendedLanes;
-  var pingedLanes = root.pingedLanes; // Do not work on any idle work until all the non-idle work has finished,
-  // even if the work is suspended.
+      var pendingUpdatersLaneMap = root.pendingUpdatersLaneMap;
+      var memoizedUpdaters = root.memoizedUpdaters;
 
-  var nonIdlePendingLanes = pendingLanes & NonIdleLanes;
+      while (lanes > 0) {
+        var index = laneToIndex(lanes);
+        var lane = 1 << index;
+        var updaters = pendingUpdatersLaneMap[index];
 
-  if (nonIdlePendingLanes !== NoLanes) {
-    var nonIdleUnblockedLanes = nonIdlePendingLanes & ~suspendedLanes;
+        if (updaters.size > 0) {
+          updaters.forEach(function (fiber) {
+            var alternate = fiber.alternate;
 
-    if (nonIdleUnblockedLanes !== NoLanes) {
-      nextLanes = getHighestPriorityLanes(nonIdleUnblockedLanes);
-    } else {
-      var nonIdlePingedLanes = nonIdlePendingLanes & pingedLanes;
+            if (alternate === null || !memoizedUpdaters.has(alternate)) {
+              memoizedUpdaters.add(fiber);
+            }
+          });
+          updaters.clear();
+        }
 
-      if (nonIdlePingedLanes !== NoLanes) {
-        nextLanes = getHighestPriorityLanes(nonIdlePingedLanes);
+        lanes &= ~lane;
       }
     }
-  } else {
-    // The only remaining work is Idle.
-    var unblockedLanes = pendingLanes & ~suspendedLanes;
-
-    if (unblockedLanes !== NoLanes) {
-      nextLanes = getHighestPriorityLanes(unblockedLanes);
-    } else {
-      if (pingedLanes !== NoLanes) {
-        nextLanes = getHighestPriorityLanes(pingedLanes);
+    function getTransitionsForLanes(root, lanes) {
+      {
+        return null;
       }
     }
-  }
 
-  if (nextLanes === NoLanes) {
-    // This should only be reachable if we're suspended
-    // TODO: Consider warning in this path if a fallback timer is not scheduled.
-    return NoLanes;
-  } // If we're already in the middle of a render, switching lanes will interrupt
-  // it and we'll lose our progress. We should only do this if the new lanes are
-  // higher priority.
+    var DiscreteEventPriority = SyncLane;
+    var ContinuousEventPriority = InputContinuousLane;
+    var DefaultEventPriority = DefaultLane;
+    var IdleEventPriority = IdleLane;
+    var currentUpdatePriority = NoLane;
+    function getCurrentUpdatePriority() {
+      return currentUpdatePriority;
+    }
+    function setCurrentUpdatePriority(newPriority) {
+      currentUpdatePriority = newPriority;
+    }
+    function higherEventPriority(a, b) {
+      return a !== 0 && a < b ? a : b;
+    }
+    function lowerEventPriority(a, b) {
+      return a === 0 || a > b ? a : b;
+    }
+    function isHigherEventPriority(a, b) {
+      return a !== 0 && a < b;
+    }
+    function lanesToEventPriority(lanes) {
+      var lane = getHighestPriorityLane(lanes);
 
-  if (
-    wipLanes !== NoLanes &&
-    wipLanes !== nextLanes && // If we already suspended with a delay, then interrupting is fine. Don't
-    // bother waiting until the root is complete.
-    (wipLanes & suspendedLanes) === NoLanes
-  ) {
-    var nextLane = getHighestPriorityLane(nextLanes);
-    var wipLane = getHighestPriorityLane(wipLanes);
+      if (!isHigherEventPriority(DiscreteEventPriority, lane)) {
+        return DiscreteEventPriority;
+      }
 
-    if (
-      // Tests whether the next lane is equal or lower priority than the wip
-      // one. This works because the bits decrease in priority as you go left.
-      nextLane >= wipLane || // Default priority updates should not interrupt transition updates. The
-      // only difference between default updates and transition updates is that
-      // default updates do not support refresh transitions.
-      (nextLane === DefaultLane && (wipLane & TransitionLanes) !== NoLanes)
-    ) {
-      // Keep working on the existing in-progress tree. Do not interrupt.
-      return wipLanes;
-    }
-  }
-
-  if ((nextLanes & InputContinuousLane) !== NoLanes) {
-    // When updates are sync by default, we entangle continuous priority updates
-    // and default updates, so they render in the same batch. The only reason
-    // they use separate lanes is because continuous updates should interrupt
-    // transitions, but default updates should not.
-    nextLanes |= pendingLanes & DefaultLane;
-  } // Check for entangled lanes and add them to the batch.
-  //
-  // A lane is said to be entangled with another when it's not allowed to render
-  // in a batch that does not also include the other lane. Typically we do this
-  // when multiple updates have the same source, and we only want to respond to
-  // the most recent event from that source.
-  //
-  // Note that we apply entanglements *after* checking for partial work above.
-  // This means that if a lane is entangled during an interleaved event while
-  // it's already rendering, we won't interrupt it. This is intentional, since
-  // entanglement is usually "best effort": we'll try our best to render the
-  // lanes in the same batch, but it's not worth throwing out partially
-  // completed work in order to do it.
-  // TODO: Reconsider this. The counter-argument is that the partial work
-  // represents an intermediate state, which we don't want to show to the user.
-  // And by spending extra time finishing it, we're increasing the amount of
-  // time it takes to show the final state, which is what they are actually
-  // waiting for.
-  //
-  // For those exceptions where entanglement is semantically important, like
-  // useMutableSource, we should ensure that there is no partial work at the
-  // time we apply the entanglement.
-
-  var entangledLanes = root.entangledLanes;
-
-  if (entangledLanes !== NoLanes) {
-    var entanglements = root.entanglements;
-    var lanes = nextLanes & entangledLanes;
-
-    while (lanes > 0) {
-      var index = pickArbitraryLaneIndex(lanes);
-      var lane = 1 << index;
-      nextLanes |= entanglements[index];
-      lanes &= ~lane;
-    }
-  }
-
-  return nextLanes;
-}
-function getMostRecentEventTime(root, lanes) {
-  var eventTimes = root.eventTimes;
-  var mostRecentEventTime = NoTimestamp;
+      if (!isHigherEventPriority(ContinuousEventPriority, lane)) {
+        return ContinuousEventPriority;
+      }
 
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var eventTime = eventTimes[index];
+      if (includesNonIdleWork(lane)) {
+        return DefaultEventPriority;
+      }
 
-    if (eventTime > mostRecentEventTime) {
-      mostRecentEventTime = eventTime;
+      return IdleEventPriority;
     }
 
-    lanes &= ~lane;
-  }
+    // Renderers that don't support mutation
+    // can re-export everything from this module.
+    function shim$2() {
+      throw new Error(
+        "The current renderer does not support mutation. " +
+          "This error is likely caused by a bug in React. " +
+          "Please file an issue."
+      );
+    } // Mutation (when unsupported)
+    var commitMount = shim$2;
 
-  return mostRecentEventTime;
-}
+    // Renderers that don't support hydration
+    // can re-export everything from this module.
+    function shim$1() {
+      throw new Error(
+        "The current renderer does not support hydration. " +
+          "This error is likely caused by a bug in React. " +
+          "Please file an issue."
+      );
+    } // Hydration (when unsupported)
+    var isSuspenseInstancePending = shim$1;
+    var isSuspenseInstanceFallback = shim$1;
+    var getSuspenseInstanceFallbackErrorDetails = shim$1;
+    var registerSuspenseInstanceRetry = shim$1;
+    var errorHydratingContainer = shim$1;
+
+    // Renderers that don't support hydration
+    // can re-export everything from this module.
+    function shim() {
+      throw new Error(
+        "The current renderer does not support Resources. " +
+          "This error is likely caused by a bug in React. " +
+          "Please file an issue."
+      );
+    } // Resources (when unsupported)
+    var suspendResource = shim;
+
+    var _nativeFabricUIManage = nativeFabricUIManager,
+      createNode = _nativeFabricUIManage.createNode,
+      cloneNodeWithNewChildren = _nativeFabricUIManage.cloneNodeWithNewChildren,
+      cloneNodeWithNewChildrenAndProps =
+        _nativeFabricUIManage.cloneNodeWithNewChildrenAndProps,
+      cloneNodeWithNewProps = _nativeFabricUIManage.cloneNodeWithNewProps,
+      createChildNodeSet = _nativeFabricUIManage.createChildSet,
+      appendChildNode = _nativeFabricUIManage.appendChild,
+      appendChildNodeToSet = _nativeFabricUIManage.appendChildToSet,
+      completeRoot = _nativeFabricUIManage.completeRoot,
+      registerEventHandler = _nativeFabricUIManage.registerEventHandler,
+      FabricDefaultPriority =
+        _nativeFabricUIManage.unstable_DefaultEventPriority,
+      FabricDiscretePriority =
+        _nativeFabricUIManage.unstable_DiscreteEventPriority,
+      fabricGetCurrentEventPriority =
+        _nativeFabricUIManage.unstable_getCurrentEventPriority;
+    var getViewConfigForType =
+      ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get; // Counter for uniquely identifying views.
+    // % 10 === 1 means it is a rootTag.
+    // % 2 === 0 means it is a Fabric tag.
+    // This means that they never overlap.
+
+    var nextReactTag = 2; // TODO: Remove this conditional once all changes have propagated.
+
+    if (registerEventHandler) {
+      /**
+       * Register the event emitter with the native bridge
+       */
+      registerEventHandler(dispatchEvent);
+    }
+    function appendInitialChild(parentInstance, child) {
+      appendChildNode(parentInstance.node, child.node);
+    }
+    function createInstance(
+      type,
+      props,
+      rootContainerInstance,
+      hostContext,
+      internalInstanceHandle
+    ) {
+      var tag = nextReactTag;
+      nextReactTag += 2;
+      var viewConfig = getViewConfigForType(type);
 
-function computeExpirationTime(lane, currentTime) {
-  switch (lane) {
-    case SyncLane:
-    case InputContinuousHydrationLane:
-    case InputContinuousLane:
-      // User interactions should expire slightly more quickly.
-      //
-      // NOTE: This is set to the corresponding constant as in Scheduler.js.
-      // When we made it larger, a product metric in www regressed, suggesting
-      // there's a user interaction that's being starved by a series of
-      // synchronous updates. If that theory is correct, the proper solution is
-      // to fix the starvation. However, this scenario supports the idea that
-      // expiration times are an important safeguard when starvation
-      // does happen.
-      return currentTime + 250;
-
-    case DefaultHydrationLane:
-    case DefaultLane:
-    case TransitionHydrationLane:
-    case TransitionLane1:
-    case TransitionLane2:
-    case TransitionLane3:
-    case TransitionLane4:
-    case TransitionLane5:
-    case TransitionLane6:
-    case TransitionLane7:
-    case TransitionLane8:
-    case TransitionLane9:
-    case TransitionLane10:
-    case TransitionLane11:
-    case TransitionLane12:
-    case TransitionLane13:
-    case TransitionLane14:
-    case TransitionLane15:
-    case TransitionLane16:
-      return currentTime + 5000;
-
-    case RetryLane1:
-    case RetryLane2:
-    case RetryLane3:
-    case RetryLane4:
-    case RetryLane5:
-      // TODO: Retries should be allowed to expire if they are CPU bound for
-      // too long, but when I made this change it caused a spike in browser
-      // crashes. There must be some other underlying bug; not super urgent but
-      // ideally should figure out why and fix it. Unfortunately we don't have
-      // a repro for the crashes, only detected via production metrics.
-      return NoTimestamp;
-
-    case SelectiveHydrationLane:
-    case IdleHydrationLane:
-    case IdleLane:
-    case OffscreenLane:
-      // Anything idle priority or lower should never expire.
-      return NoTimestamp;
-
-    default:
       {
-        error("Should have found matching lanes. This is a bug in React.");
+        for (var key in viewConfig.validAttributes) {
+          if (props.hasOwnProperty(key)) {
+            ReactNativePrivateInterface.deepFreezeAndThrowOnMutationInDev(
+              props[key]
+            );
+          }
+        }
       }
 
-      return NoTimestamp;
-  }
-}
+      var updatePayload = create(props, viewConfig.validAttributes);
+      var node = createNode(
+        tag, // reactTag
+        viewConfig.uiViewClassName, // viewName
+        rootContainerInstance, // rootTag
+        updatePayload, // props
+        internalInstanceHandle // internalInstanceHandle
+      );
+      var component = ReactNativePrivateInterface.createPublicInstance(
+        tag,
+        viewConfig,
+        internalInstanceHandle
+      );
+      return {
+        node: node,
+        canonical: {
+          nativeTag: tag,
+          viewConfig: viewConfig,
+          currentProps: props,
+          internalInstanceHandle: internalInstanceHandle,
+          publicInstance: component
+        }
+      };
+    }
+    function createTextInstance(
+      text,
+      rootContainerInstance,
+      hostContext,
+      internalInstanceHandle
+    ) {
+      {
+        if (!hostContext.isInAParentText) {
+          error("Text strings must be rendered within a <Text> component.");
+        }
+      }
 
-function markStarvedLanesAsExpired(root, currentTime) {
-  // TODO: This gets called every time we yield. We can optimize by storing
-  // the earliest expiration time on the root. Then use that to quickly bail out
-  // of this function.
-  var pendingLanes = root.pendingLanes;
-  var suspendedLanes = root.suspendedLanes;
-  var pingedLanes = root.pingedLanes;
-  var expirationTimes = root.expirationTimes; // Iterate through the pending lanes and check if we've reached their
-  // expiration time. If so, we'll assume the update is being starved and mark
-  // it as expired to force it to finish.
-
-  var lanes = pendingLanes;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var expirationTime = expirationTimes[index];
-
-    if (expirationTime === NoTimestamp) {
-      // Found a pending lane with no expiration time. If it's not suspended, or
-      // if it's pinged, assume it's CPU-bound. Compute a new expiration time
-      // using the current time.
+      var tag = nextReactTag;
+      nextReactTag += 2;
+      var node = createNode(
+        tag, // reactTag
+        "RCTRawText", // viewName
+        rootContainerInstance, // rootTag
+        {
+          text: text
+        }, // props
+        internalInstanceHandle // instance handle
+      );
+      return {
+        node: node
+      };
+    }
+    function getRootHostContext(rootContainerInstance) {
+      return {
+        isInAParentText: false
+      };
+    }
+    function getChildHostContext(parentHostContext, type) {
+      var prevIsInAParentText = parentHostContext.isInAParentText;
+      var isInAParentText =
+        type === "AndroidTextInput" || // Android
+        type === "RCTMultilineTextInputView" || // iOS
+        type === "RCTSinglelineTextInputView" || // iOS
+        type === "RCTText" ||
+        type === "RCTVirtualText"; // TODO: If this is an offscreen host container, we should reuse the
+      // parent context.
+
+      if (prevIsInAParentText !== isInAParentText) {
+        return {
+          isInAParentText: isInAParentText
+        };
+      } else {
+        return parentHostContext;
+      }
+    }
+    function getPublicInstance(instance) {
       if (
-        (lane & suspendedLanes) === NoLanes ||
-        (lane & pingedLanes) !== NoLanes
+        instance.canonical != null &&
+        instance.canonical.publicInstance != null
       ) {
-        // Assumes timestamps are monotonically increasing.
-        expirationTimes[index] = computeExpirationTime(lane, currentTime);
+        return instance.canonical.publicInstance;
+      } // For compatibility with the legacy renderer, in case it's used with Fabric
+      // in the same app.
+      // $FlowExpectedError[prop-missing]
+
+      if (instance._nativeTag != null) {
+        // $FlowExpectedError[incompatible-return]
+        return instance;
       }
-    } else if (expirationTime <= currentTime) {
-      // This lane expired
-      root.expiredLanes |= lane;
+
+      return null;
     }
 
-    lanes &= ~lane;
-  }
-} // This returns the highest priority pending lanes regardless of whether they
-function getLanesToRetrySynchronouslyOnError(root) {
-  var everythingButOffscreen = root.pendingLanes & ~OffscreenLane;
+    function getPublicTextInstance(textInstance, internalInstanceHandle) {
+      if (textInstance.publicInstance == null) {
+        textInstance.publicInstance =
+          ReactNativePrivateInterface.createPublicTextInstance(
+            internalInstanceHandle
+          );
+      }
 
-  if (everythingButOffscreen !== NoLanes) {
-    return everythingButOffscreen;
-  }
+      return textInstance.publicInstance;
+    }
 
-  if (everythingButOffscreen & OffscreenLane) {
-    return OffscreenLane;
-  }
+    function getPublicInstanceFromInternalInstanceHandle(
+      internalInstanceHandle
+    ) {
+      var instance = internalInstanceHandle.stateNode; // React resets all the fields in the fiber when the component is unmounted
+      // to prevent memory leaks.
 
-  return NoLanes;
-}
-function includesSyncLane(lanes) {
-  return (lanes & SyncLane) !== NoLanes;
-}
-function includesNonIdleWork(lanes) {
-  return (lanes & NonIdleLanes) !== NoLanes;
-}
-function includesOnlyRetries(lanes) {
-  return (lanes & RetryLanes) === lanes;
-}
-function includesOnlyNonUrgentLanes(lanes) {
-  var UrgentLanes = SyncLane | InputContinuousLane | DefaultLane;
-  return (lanes & UrgentLanes) === NoLanes;
-}
-function includesOnlyTransitions(lanes) {
-  return (lanes & TransitionLanes) === lanes;
-}
-function includesBlockingLane(root, lanes) {
-  var SyncDefaultLanes =
-    InputContinuousHydrationLane |
-    InputContinuousLane |
-    DefaultHydrationLane |
-    DefaultLane;
-  return (lanes & SyncDefaultLanes) !== NoLanes;
-}
-function includesExpiredLane(root, lanes) {
-  // This is a separate check from includesBlockingLane because a lane can
-  // expire after a render has already started.
-  return (lanes & root.expiredLanes) !== NoLanes;
-}
-function isTransitionLane(lane) {
-  return (lane & TransitionLanes) !== NoLanes;
-}
-function claimNextTransitionLane() {
-  // Cycle through the lanes, assigning each new transition to the next lane.
-  // In most cases, this means every transition gets its own lane, until we
-  // run out of lanes and cycle back to the beginning.
-  var lane = nextTransitionLane;
-  nextTransitionLane <<= 1;
-
-  if ((nextTransitionLane & TransitionLanes) === NoLanes) {
-    nextTransitionLane = TransitionLane1;
-  }
-
-  return lane;
-}
-function claimNextRetryLane() {
-  var lane = nextRetryLane;
-  nextRetryLane <<= 1;
+      if (instance == null) {
+        return null;
+      }
 
-  if ((nextRetryLane & RetryLanes) === NoLanes) {
-    nextRetryLane = RetryLane1;
-  }
+      if (internalInstanceHandle.tag === HostText) {
+        var textInstance = instance;
+        return getPublicTextInstance(textInstance, internalInstanceHandle);
+      }
 
-  return lane;
-}
-function getHighestPriorityLane(lanes) {
-  return lanes & -lanes;
-}
-function pickArbitraryLane(lanes) {
-  // This wrapper function gets inlined. Only exists so to communicate that it
-  // doesn't matter which bit is selected; you can pick any bit without
-  // affecting the algorithms where its used. Here I'm using
-  // getHighestPriorityLane because it requires the fewest operations.
-  return getHighestPriorityLane(lanes);
-}
+      var elementInstance = internalInstanceHandle.stateNode;
+      return getPublicInstance(elementInstance);
+    }
+    function shouldSetTextContent(type, props) {
+      // TODO (bvaughn) Revisit this decision.
+      // Always returning false simplifies the createInstance() implementation,
+      // But creates an additional child Fiber for raw text children.
+      // No additional native views are created though.
+      // It's not clear to me which is better so I'm deferring for now.
+      // More context @ github.com/facebook/react/pull/8560#discussion_r92111303
+      return false;
+    }
+    function getCurrentEventPriority() {
+      var currentEventPriority = fabricGetCurrentEventPriority
+        ? fabricGetCurrentEventPriority()
+        : null;
 
-function pickArbitraryLaneIndex(lanes) {
-  return 31 - clz32(lanes);
-}
+      if (currentEventPriority != null) {
+        switch (currentEventPriority) {
+          case FabricDiscretePriority:
+            return DiscreteEventPriority;
 
-function laneToIndex(lane) {
-  return pickArbitraryLaneIndex(lane);
-}
+          case FabricDefaultPriority:
+          default:
+            return DefaultEventPriority;
+        }
+      }
 
-function includesSomeLane(a, b) {
-  return (a & b) !== NoLanes;
-}
-function isSubsetOfLanes(set, subset) {
-  return (set & subset) === subset;
-}
-function mergeLanes(a, b) {
-  return a | b;
-}
-function removeLanes(set, subset) {
-  return set & ~subset;
-}
-function intersectLanes(a, b) {
-  return a & b;
-} // Seems redundant, but it changes the type from a single lane (used for
-// updates) to a group of lanes (used for flushing work).
+      return DefaultEventPriority;
+    }
+    function shouldAttemptEagerTransition() {
+      return false;
+    } // The Fabric renderer is secondary to the existing React Native renderer.
 
-function laneToLanes(lane) {
-  return lane;
-}
-function createLaneMap(initial) {
-  // Intentionally pushing one by one.
-  // https://v8.dev/blog/elements-kinds#avoid-creating-holes
-  var laneMap = [];
+    var warnsIfNotActing = false;
+    var scheduleTimeout = setTimeout;
+    var cancelTimeout = clearTimeout;
+    var noTimeout = -1; // -------------------
+    function cloneInstance(
+      instance,
+      type,
+      oldProps,
+      newProps,
+      keepChildren,
+      newChildSet
+    ) {
+      var viewConfig = instance.canonical.viewConfig;
+      var updatePayload = diff(oldProps, newProps, viewConfig.validAttributes); // TODO: If the event handlers have changed, we need to update the current props
+      // in the commit phase but there is no host config hook to do it yet.
+      // So instead we hack it by updating it in the render phase.
+
+      instance.canonical.currentProps = newProps;
+      var node = instance.node;
+      var clone;
+
+      if (keepChildren) {
+        if (updatePayload !== null) {
+          clone = cloneNodeWithNewProps(node, updatePayload);
+        } else {
+          // No changes
+          return instance;
+        }
+      } else {
+        // If passChildrenWhenCloningPersistedNodes is enabled, children will be non-null
+        if (newChildSet != null) {
+          if (updatePayload !== null) {
+            clone = cloneNodeWithNewChildrenAndProps(
+              node,
+              newChildSet,
+              updatePayload
+            );
+          } else {
+            clone = cloneNodeWithNewChildren(node, newChildSet);
+          }
+        } else {
+          if (updatePayload !== null) {
+            clone = cloneNodeWithNewChildrenAndProps(node, updatePayload);
+          } else {
+            clone = cloneNodeWithNewChildren(node);
+          }
+        }
+      }
 
-  for (var i = 0; i < TotalLanes; i++) {
-    laneMap.push(initial);
-  }
+      return {
+        node: clone,
+        canonical: instance.canonical
+      };
+    }
+    function cloneHiddenInstance(instance, type, props) {
+      var viewConfig = instance.canonical.viewConfig;
+      var node = instance.node;
+      var updatePayload = create(
+        {
+          style: {
+            display: "none"
+          }
+        },
+        viewConfig.validAttributes
+      );
+      return {
+        node: cloneNodeWithNewProps(node, updatePayload),
+        canonical: instance.canonical
+      };
+    }
+    function cloneHiddenTextInstance(instance, text) {
+      throw new Error("Not yet implemented.");
+    }
+    function createContainerChildSet() {
+      {
+        return createChildNodeSet();
+      }
+    }
+    function appendChildToContainerChildSet(childSet, child) {
+      {
+        appendChildNodeToSet(childSet, child.node);
+      }
+    }
+    function finalizeContainerChildren(container, newChildren) {
+      completeRoot(container, newChildren);
+    }
+    function replaceContainerChildren(container, newChildren) {
+      // Noop - children will be replaced in finalizeContainerChildren
+    }
+    function preloadInstance(type, props) {
+      return true;
+    }
+    function waitForCommitToBeReady() {
+      return null;
+    }
 
-  return laneMap;
-}
-function markRootUpdated(root, updateLane, eventTime) {
-  root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
-  // could unblock them. Clear the suspended lanes so that we can try rendering
-  // them again.
-  //
-  // TODO: We really only need to unsuspend only lanes that are in the
-  // `subtreeLanes` of the updated fiber, or the update lanes of the return
-  // path. This would exclude suspended updates in an unrelated sibling tree,
-  // since there's no way for this update to unblock it.
-  //
-  // We don't do this if the incoming update is idle, because we never process
-  // idle updates until after all the regular updates have finished; there's no
-  // way it could unblock a transition.
-
-  if (updateLane !== IdleLane) {
-    root.suspendedLanes = NoLanes;
-    root.pingedLanes = NoLanes;
-  }
-
-  var eventTimes = root.eventTimes;
-  var index = laneToIndex(updateLane); // We can always overwrite an existing timestamp because we prefer the most
-  // recent event, and we assume time is monotonically increasing.
-
-  eventTimes[index] = eventTime;
-}
-function markRootSuspended(root, suspendedLanes) {
-  root.suspendedLanes |= suspendedLanes;
-  root.pingedLanes &= ~suspendedLanes; // The suspended lanes are no longer CPU-bound. Clear their expiration times.
-
-  var expirationTimes = root.expirationTimes;
-  var lanes = suspendedLanes;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    expirationTimes[index] = NoTimestamp;
-    lanes &= ~lane;
-  }
-}
-function markRootPinged(root, pingedLanes, eventTime) {
-  root.pingedLanes |= root.suspendedLanes & pingedLanes;
-}
-function markRootFinished(root, remainingLanes) {
-  var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
-  root.pendingLanes = remainingLanes; // Let's try everything again
-
-  root.suspendedLanes = NoLanes;
-  root.pingedLanes = NoLanes;
-  root.expiredLanes &= remainingLanes;
-  root.mutableReadLanes &= remainingLanes;
-  root.entangledLanes &= remainingLanes;
-  var entanglements = root.entanglements;
-  var eventTimes = root.eventTimes;
-  var expirationTimes = root.expirationTimes; // Clear the lanes that no longer have pending work
-
-  var lanes = noLongerPendingLanes;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    entanglements[index] = NoLanes;
-    eventTimes[index] = NoTimestamp;
-    expirationTimes[index] = NoTimestamp;
-    lanes &= ~lane;
-  }
-}
-function markRootEntangled(root, entangledLanes) {
-  // In addition to entangling each of the given lanes with each other, we also
-  // have to consider _transitive_ entanglements. For each lane that is already
-  // entangled with *any* of the given lanes, that lane is now transitively
-  // entangled with *all* the given lanes.
-  //
-  // Translated: If C is entangled with A, then entangling A with B also
-  // entangles C with B.
-  //
-  // If this is hard to grasp, it might help to intentionally break this
-  // function and look at the tests that fail in ReactTransition-test.js. Try
-  // commenting out one of the conditions below.
-  var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
-  var entanglements = root.entanglements;
-  var lanes = rootEntangledLanes;
-
-  while (lanes) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
+    // This is ok in DOM because they types are interchangeable, but in React Native
+    // they aren't.
 
-    if (
-      // Is this one of the newly entangled lanes?
-      (lane & entangledLanes) | // Is this lane transitively entangled with the newly entangled lanes?
-      (entanglements[index] & entangledLanes)
-    ) {
-      entanglements[index] |= entangledLanes;
-    }
+    function getInstanceFromNode(node) {
+      var instance = node; // In React Native, node is never a text instance
 
-    lanes &= ~lane;
-  }
-}
-function getBumpedLaneForHydration(root, renderLanes) {
-  var renderLane = getHighestPriorityLane(renderLanes);
-  var lane;
-
-  switch (renderLane) {
-    case InputContinuousLane:
-      lane = InputContinuousHydrationLane;
-      break;
-
-    case DefaultLane:
-      lane = DefaultHydrationLane;
-      break;
-
-    case TransitionLane1:
-    case TransitionLane2:
-    case TransitionLane3:
-    case TransitionLane4:
-    case TransitionLane5:
-    case TransitionLane6:
-    case TransitionLane7:
-    case TransitionLane8:
-    case TransitionLane9:
-    case TransitionLane10:
-    case TransitionLane11:
-    case TransitionLane12:
-    case TransitionLane13:
-    case TransitionLane14:
-    case TransitionLane15:
-    case TransitionLane16:
-    case RetryLane1:
-    case RetryLane2:
-    case RetryLane3:
-    case RetryLane4:
-    case RetryLane5:
-      lane = TransitionHydrationLane;
-      break;
-
-    case IdleLane:
-      lane = IdleHydrationLane;
-      break;
-
-    default:
-      // Everything else is already either a hydration lane, or shouldn't
-      // be retried at a hydration lane.
-      lane = NoLane;
-      break;
-  } // Check if the lane we chose is suspended. If so, that indicates that we
-  // already attempted and failed to hydrate at that level. Also check if we're
-  // already rendering that lane, which is rare but could happen.
-
-  if ((lane & (root.suspendedLanes | renderLanes)) !== NoLane) {
-    // Give up trying to hydrate and fall back to client render.
-    return NoLane;
-  }
-
-  return lane;
-}
-function addFiberToLanesMap(root, fiber, lanes) {
-  if (!isDevToolsPresent) {
-    return;
-  }
-
-  var pendingUpdatersLaneMap = root.pendingUpdatersLaneMap;
-
-  while (lanes > 0) {
-    var index = laneToIndex(lanes);
-    var lane = 1 << index;
-    var updaters = pendingUpdatersLaneMap[index];
-    updaters.add(fiber);
-    lanes &= ~lane;
-  }
-}
-function movePendingFibersToMemoized(root, lanes) {
-  if (!isDevToolsPresent) {
-    return;
-  }
+      if (
+        instance.canonical != null &&
+        instance.canonical.internalInstanceHandle != null
+      ) {
+        return instance.canonical.internalInstanceHandle;
+      } // $FlowFixMe[incompatible-return] DevTools incorrectly passes a fiber in React Native.
 
-  var pendingUpdatersLaneMap = root.pendingUpdatersLaneMap;
-  var memoizedUpdaters = root.memoizedUpdaters;
+      return node;
+    }
 
-  while (lanes > 0) {
-    var index = laneToIndex(lanes);
-    var lane = 1 << index;
-    var updaters = pendingUpdatersLaneMap[index];
+    function getNodeFromInstance(fiber) {
+      var publicInstance = getPublicInstance(fiber.stateNode);
 
-    if (updaters.size > 0) {
-      updaters.forEach(function(fiber) {
-        var alternate = fiber.alternate;
+      if (publicInstance == null) {
+        throw new Error("Could not find host instance from fiber");
+      }
 
-        if (alternate === null || !memoizedUpdaters.has(alternate)) {
-          memoizedUpdaters.add(fiber);
-        }
-      });
-      updaters.clear();
+      return publicInstance;
     }
 
-    lanes &= ~lane;
-  }
-}
-function getTransitionsForLanes(root, lanes) {
-  {
-    return null;
-  }
-}
+    function getFiberCurrentPropsFromNode(instance) {
+      return instance.canonical.currentProps;
+    }
 
-var DiscreteEventPriority = SyncLane;
-var ContinuousEventPriority = InputContinuousLane;
-var DefaultEventPriority = DefaultLane;
-var IdleEventPriority = IdleLane;
-var currentUpdatePriority = NoLane;
-function getCurrentUpdatePriority() {
-  return currentUpdatePriority;
-}
-function setCurrentUpdatePriority(newPriority) {
-  currentUpdatePriority = newPriority;
-}
-function higherEventPriority(a, b) {
-  return a !== 0 && a < b ? a : b;
-}
-function lowerEventPriority(a, b) {
-  return a === 0 || a > b ? a : b;
-}
-function isHigherEventPriority(a, b) {
-  return a !== 0 && a < b;
-}
-function lanesToEventPriority(lanes) {
-  var lane = getHighestPriorityLane(lanes);
+    var ReactFabricGlobalResponderHandler = {
+      onChange: function (from, to, blockNativeResponder) {
+        if (from && from.stateNode) {
+          // equivalent to clearJSResponder
+          nativeFabricUIManager.setIsJSResponder(
+            from.stateNode.node,
+            false,
+            blockNativeResponder || false
+          );
+        }
 
-  if (!isHigherEventPriority(DiscreteEventPriority, lane)) {
-    return DiscreteEventPriority;
-  }
+        if (to && to.stateNode) {
+          // equivalent to setJSResponder
+          nativeFabricUIManager.setIsJSResponder(
+            to.stateNode.node,
+            true,
+            blockNativeResponder || false
+          );
+        }
+      }
+    };
 
-  if (!isHigherEventPriority(ContinuousEventPriority, lane)) {
-    return ContinuousEventPriority;
-  }
+    setComponentTree(
+      getFiberCurrentPropsFromNode,
+      getInstanceFromNode,
+      getNodeFromInstance
+    );
+    ResponderEventPlugin.injection.injectGlobalResponderHandler(
+      ReactFabricGlobalResponderHandler
+    );
 
-  if (includesNonIdleWork(lane)) {
-    return DefaultEventPriority;
-  }
+    /**
+     * `ReactInstanceMap` maintains a mapping from a public facing stateful
+     * instance (key) and the internal representation (value). This allows public
+     * methods to accept the user facing instance as an argument and map them back
+     * to internal methods.
+     *
+     * Note that this module is currently shared and assumed to be stateless.
+     * If this becomes an actual Map, that will break.
+     */
+    function get(key) {
+      return key._reactInternals;
+    }
+    function set(key, value) {
+      key._reactInternals = value;
+    }
+
+    // ATTENTION
+    // When adding new symbols to this file,
+    // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+    // The Symbol used to tag the ReactElement-like types.
+    var REACT_ELEMENT_TYPE = Symbol.for("react.element");
+    var REACT_PORTAL_TYPE = Symbol.for("react.portal");
+    var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+    var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
+    var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+    var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
+    var REACT_CONTEXT_TYPE = Symbol.for("react.context");
+    var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
+    var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
+    var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
+    var REACT_MEMO_TYPE = Symbol.for("react.memo");
+    var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+    var REACT_SCOPE_TYPE = Symbol.for("react.scope");
+    var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode");
+    var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+    var REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden");
+    var REACT_CACHE_TYPE = Symbol.for("react.cache");
+    var REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker");
+    var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+    var FAUX_ITERATOR_SYMBOL = "@@iterator";
+    function getIteratorFn(maybeIterable) {
+      if (maybeIterable === null || typeof maybeIterable !== "object") {
+        return null;
+      }
 
-  return IdleEventPriority;
-}
+      var maybeIterator =
+        (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+        maybeIterable[FAUX_ITERATOR_SYMBOL];
 
-// Renderers that don't support mutation
-// can re-export everything from this module.
-function shim() {
-  throw new Error(
-    "The current renderer does not support mutation. " +
-      "This error is likely caused by a bug in React. " +
-      "Please file an issue."
-  );
-} // Mutation (when unsupported)
-var commitMount = shim;
-
-// Renderers that don't support hydration
-// can re-export everything from this module.
-function shim$1() {
-  throw new Error(
-    "The current renderer does not support hydration. " +
-      "This error is likely caused by a bug in React. " +
-      "Please file an issue."
-  );
-} // Hydration (when unsupported)
-var isSuspenseInstancePending = shim$1;
-var isSuspenseInstanceFallback = shim$1;
-var getSuspenseInstanceFallbackErrorDetails = shim$1;
-var registerSuspenseInstanceRetry = shim$1;
-var hydrateTextInstance = shim$1;
-var errorHydratingContainer = shim$1;
-
-var _nativeFabricUIManage = nativeFabricUIManager,
-  createNode = _nativeFabricUIManage.createNode,
-  cloneNode = _nativeFabricUIManage.cloneNode,
-  cloneNodeWithNewChildren = _nativeFabricUIManage.cloneNodeWithNewChildren,
-  cloneNodeWithNewChildrenAndProps =
-    _nativeFabricUIManage.cloneNodeWithNewChildrenAndProps,
-  cloneNodeWithNewProps = _nativeFabricUIManage.cloneNodeWithNewProps,
-  createChildNodeSet = _nativeFabricUIManage.createChildSet,
-  appendChildNode = _nativeFabricUIManage.appendChild,
-  appendChildNodeToSet = _nativeFabricUIManage.appendChildToSet,
-  completeRoot = _nativeFabricUIManage.completeRoot,
-  registerEventHandler = _nativeFabricUIManage.registerEventHandler,
-  fabricMeasure = _nativeFabricUIManage.measure,
-  fabricMeasureInWindow = _nativeFabricUIManage.measureInWindow,
-  fabricMeasureLayout = _nativeFabricUIManage.measureLayout,
-  FabricDefaultPriority = _nativeFabricUIManage.unstable_DefaultEventPriority,
-  FabricDiscretePriority = _nativeFabricUIManage.unstable_DiscreteEventPriority,
-  fabricGetCurrentEventPriority =
-    _nativeFabricUIManage.unstable_getCurrentEventPriority,
-  _setNativeProps = _nativeFabricUIManage.setNativeProps;
-var getViewConfigForType =
-  ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get; // Counter for uniquely identifying views.
-// % 10 === 1 means it is a rootTag.
-// % 2 === 0 means it is a Fabric tag.
-// This means that they never overlap.
-
-var nextReactTag = 2;
-
-// TODO: Remove this conditional once all changes have propagated.
-if (registerEventHandler) {
-  /**
-   * Register the event emitter with the native bridge
-   */
-  registerEventHandler(dispatchEvent);
-}
-/**
- * This is used for refs on host components.
- */
+      if (typeof maybeIterator === "function") {
+        return maybeIterator;
+      }
 
-var ReactFabricHostComponent = /*#__PURE__*/ (function() {
-  function ReactFabricHostComponent(
-    tag,
-    viewConfig,
-    props,
-    internalInstanceHandle
-  ) {
-    this._nativeTag = tag;
-    this.viewConfig = viewConfig;
-    this.currentProps = props;
-    this._internalInstanceHandle = internalInstanceHandle;
-  }
-
-  var _proto = ReactFabricHostComponent.prototype;
-
-  _proto.blur = function blur() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
-  };
-
-  _proto.focus = function focus() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
-  };
-
-  _proto.measure = function measure(callback) {
-    var stateNode = this._internalInstanceHandle.stateNode;
-
-    if (stateNode != null) {
-      fabricMeasure(
-        stateNode.node,
-        mountSafeCallback_NOT_REALLY_SAFE(this, callback)
-      );
+      return null;
     }
-  };
-
-  _proto.measureInWindow = function measureInWindow(callback) {
-    var stateNode = this._internalInstanceHandle.stateNode;
 
-    if (stateNode != null) {
-      fabricMeasureInWindow(
-        stateNode.node,
-        mountSafeCallback_NOT_REALLY_SAFE(this, callback)
-      );
-    }
-  };
+    function getWrappedName$1(outerType, innerType, wrapperName) {
+      var displayName = outerType.displayName;
 
-  _proto.measureLayout = function measureLayout(
-    relativeToNativeNode,
-    onSuccess,
-    onFail
-  ) /* currently unused */
-  {
-    if (
-      typeof relativeToNativeNode === "number" ||
-      !(relativeToNativeNode instanceof ReactFabricHostComponent)
-    ) {
-      {
-        error(
-          "Warning: ref.measureLayout must be called with a ref to a native component."
-        );
+      if (displayName) {
+        return displayName;
       }
 
-      return;
+      var functionName = innerType.displayName || innerType.name || "";
+      return functionName !== ""
+        ? wrapperName + "(" + functionName + ")"
+        : wrapperName;
+    } // Keep in sync with react-reconciler/getComponentNameFromFiber
+
+    function getContextName$1(type) {
+      return type.displayName || "Context";
     }
 
-    var toStateNode = this._internalInstanceHandle.stateNode;
-    var fromStateNode = relativeToNativeNode._internalInstanceHandle.stateNode;
+    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
 
-    if (toStateNode != null && fromStateNode != null) {
-      fabricMeasureLayout(
-        toStateNode.node,
-        fromStateNode.node,
-        mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-        mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-      );
-    }
-  };
+    function getComponentNameFromType(type) {
+      if (type == null) {
+        // Host root, text node or just invalid type.
+        return null;
+      }
 
-  _proto.setNativeProps = function setNativeProps(nativeProps) {
-    {
-      warnForStyleProps(nativeProps, this.viewConfig.validAttributes);
-    }
-
-    var updatePayload = create(nativeProps, this.viewConfig.validAttributes);
-    var stateNode = this._internalInstanceHandle.stateNode;
-
-    if (stateNode != null && updatePayload != null) {
-      _setNativeProps(stateNode.node, updatePayload);
-    }
-  }; // This API (addEventListener, removeEventListener) attempts to adhere to the
-  // w3 Level2 Events spec as much as possible, treating HostComponent as a DOM node.
-  //
-  // Unless otherwise noted, these methods should "just work" and adhere to the W3 specs.
-  // If they deviate in a way that is not explicitly noted here, you've found a bug!
-  //
-  // See:
-  // * https://www.w3.org/TR/DOM-Level-2-Events/events.html
-  // * https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/addEventListener
-  // * https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener
-  //
-  // And notably, not implemented (yet?):
-  // * https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/dispatchEvent
-  //
-  //
-  // Deviations from spec/TODOs:
-  // (1) listener must currently be a function, we do not support EventListener objects yet.
-  // (2) we do not support the `signal` option / AbortSignal yet
-
-  _proto.addEventListener_unstable = function addEventListener_unstable(
-    eventType,
-    listener,
-    options
-  ) {
-    if (typeof eventType !== "string") {
-      throw new Error("addEventListener_unstable eventType must be a string");
-    }
-
-    if (typeof listener !== "function") {
-      throw new Error("addEventListener_unstable listener must be a function");
-    } // The third argument is either boolean indicating "captures" or an object.
-
-    var optionsObj =
-      typeof options === "object" && options !== null ? options : {};
-    var capture =
-      (typeof options === "boolean" ? options : optionsObj.capture) || false;
-    var once = optionsObj.once || false;
-    var passive = optionsObj.passive || false;
-    var signal = null; // TODO: implement signal/AbortSignal
-
-    var eventListeners = this._eventListeners || {};
-
-    if (this._eventListeners == null) {
-      this._eventListeners = eventListeners;
-    }
-
-    var namedEventListeners = eventListeners[eventType] || [];
-
-    if (eventListeners[eventType] == null) {
-      eventListeners[eventType] = namedEventListeners;
-    }
-
-    namedEventListeners.push({
-      listener: listener,
-      invalidated: false,
-      options: {
-        capture: capture,
-        once: once,
-        passive: passive,
-        signal: signal
+      if (typeof type === "function") {
+        if (type.$$typeof === REACT_CLIENT_REFERENCE) {
+          // TODO: Create a convention for naming client references with debug info.
+          return null;
+        }
+
+        return type.displayName || type.name || null;
       }
-    });
-  }; // See https://developer.mozilla.org/en-US/docs/Web/API/EventTarget/removeEventListener
 
-  _proto.removeEventListener_unstable = function removeEventListener_unstable(
-    eventType,
-    listener,
-    options
-  ) {
-    // eventType and listener must be referentially equal to be removed from the listeners
-    // data structure, but in "options" we only check the `capture` flag, according to spec.
-    // That means if you add the same function as a listener with capture set to true and false,
-    // you must also call removeEventListener twice with capture set to true/false.
-    var optionsObj =
-      typeof options === "object" && options !== null ? options : {};
-    var capture =
-      (typeof options === "boolean" ? options : optionsObj.capture) || false; // If there are no event listeners or named event listeners, we can bail early - our
-    // job is already done.
+      if (typeof type === "string") {
+        return type;
+      }
 
-    var eventListeners = this._eventListeners;
+      switch (type) {
+        case REACT_FRAGMENT_TYPE:
+          return "Fragment";
 
-    if (!eventListeners) {
-      return;
-    }
+        case REACT_PORTAL_TYPE:
+          return "Portal";
 
-    var namedEventListeners = eventListeners[eventType];
+        case REACT_PROFILER_TYPE:
+          return "Profiler";
 
-    if (!namedEventListeners) {
-      return;
-    } // TODO: optimize this path to make remove cheaper
+        case REACT_STRICT_MODE_TYPE:
+          return "StrictMode";
 
-    eventListeners[eventType] = namedEventListeners.filter(function(
-      listenerObj
-    ) {
-      return !(
-        listenerObj.listener === listener &&
-        listenerObj.options.capture === capture
-      );
-    });
-  };
+        case REACT_SUSPENSE_TYPE:
+          return "Suspense";
 
-  return ReactFabricHostComponent;
-})(); // eslint-disable-next-line no-unused-expressions
-function appendInitialChild(parentInstance, child) {
-  appendChildNode(parentInstance.node, child.node);
-}
-function createInstance(
-  type,
-  props,
-  rootContainerInstance,
-  hostContext,
-  internalInstanceHandle
-) {
-  var tag = nextReactTag;
-  nextReactTag += 2;
-  var viewConfig = getViewConfigForType(type);
-
-  {
-    for (var key in viewConfig.validAttributes) {
-      if (props.hasOwnProperty(key)) {
-        ReactNativePrivateInterface.deepFreezeAndThrowOnMutationInDev(
-          props[key]
-        );
+        case REACT_SUSPENSE_LIST_TYPE:
+          return "SuspenseList";
       }
-    }
-  }
-
-  var updatePayload = create(props, viewConfig.validAttributes);
-  var node = createNode(
-    tag, // reactTag
-    viewConfig.uiViewClassName, // viewName
-    rootContainerInstance, // rootTag
-    updatePayload, // props
-    internalInstanceHandle // internalInstanceHandle
-  );
-  var component = new ReactFabricHostComponent(
-    tag,
-    viewConfig,
-    props,
-    internalInstanceHandle
-  );
-  return {
-    node: node,
-    canonical: component
-  };
-}
-function createTextInstance(
-  text,
-  rootContainerInstance,
-  hostContext,
-  internalInstanceHandle
-) {
-  {
-    if (!hostContext.isInAParentText) {
-      error("Text strings must be rendered within a <Text> component.");
-    }
-  }
-
-  var tag = nextReactTag;
-  nextReactTag += 2;
-  var node = createNode(
-    tag, // reactTag
-    "RCTRawText", // viewName
-    rootContainerInstance, // rootTag
-    {
-      text: text
-    }, // props
-    internalInstanceHandle // instance handle
-  );
-  return {
-    node: node
-  };
-}
-function getRootHostContext(rootContainerInstance) {
-  return {
-    isInAParentText: false
-  };
-}
-function getChildHostContext(parentHostContext, type, rootContainerInstance) {
-  var prevIsInAParentText = parentHostContext.isInAParentText;
-  var isInAParentText =
-    type === "AndroidTextInput" || // Android
-    type === "RCTMultilineTextInputView" || // iOS
-    type === "RCTSinglelineTextInputView" || // iOS
-    type === "RCTText" ||
-    type === "RCTVirtualText"; // TODO: If this is an offscreen host container, we should reuse the
-  // parent context.
-
-  if (prevIsInAParentText !== isInAParentText) {
-    return {
-      isInAParentText: isInAParentText
-    };
-  } else {
-    return parentHostContext;
-  }
-}
-function getPublicInstance(instance) {
-  return instance.canonical;
-}
-function prepareForCommit(containerInfo) {
-  // Noop
-  return null;
-}
-function prepareUpdate(
-  instance,
-  type,
-  oldProps,
-  newProps,
-  rootContainerInstance,
-  hostContext
-) {
-  var viewConfig = instance.canonical.viewConfig;
-  var updatePayload = diff(oldProps, newProps, viewConfig.validAttributes); // TODO: If the event handlers have changed, we need to update the current props
-  // in the commit phase but there is no host config hook to do it yet.
-  // So instead we hack it by updating it in the render phase.
-
-  instance.canonical.currentProps = newProps;
-  return updatePayload;
-}
-function resetAfterCommit(containerInfo) {
-  // Noop
-}
-function shouldSetTextContent(type, props) {
-  // TODO (bvaughn) Revisit this decision.
-  // Always returning false simplifies the createInstance() implementation,
-  // But creates an additional child Fiber for raw text children.
-  // No additional native views are created though.
-  // It's not clear to me which is better so I'm deferring for now.
-  // More context @ github.com/facebook/react/pull/8560#discussion_r92111303
-  return false;
-}
-function getCurrentEventPriority() {
-  var currentEventPriority = fabricGetCurrentEventPriority
-    ? fabricGetCurrentEventPriority()
-    : null;
-
-  if (currentEventPriority != null) {
-    switch (currentEventPriority) {
-      case FabricDiscretePriority:
-        return DiscreteEventPriority;
-
-      case FabricDefaultPriority:
-      default:
-        return DefaultEventPriority;
-    }
-  }
-
-  return DefaultEventPriority;
-} // The Fabric renderer is secondary to the existing React Native renderer.
-
-var warnsIfNotActing = false;
-var scheduleTimeout = setTimeout;
-var cancelTimeout = clearTimeout;
-var noTimeout = -1; // -------------------
-function cloneInstance(
-  instance,
-  updatePayload,
-  type,
-  oldProps,
-  newProps,
-  internalInstanceHandle,
-  keepChildren,
-  recyclableInstance
-) {
-  var node = instance.node;
-  var clone;
-
-  if (keepChildren) {
-    if (updatePayload !== null) {
-      clone = cloneNodeWithNewProps(node, updatePayload);
-    } else {
-      clone = cloneNode(node);
-    }
-  } else {
-    if (updatePayload !== null) {
-      clone = cloneNodeWithNewChildrenAndProps(node, updatePayload);
-    } else {
-      clone = cloneNodeWithNewChildren(node);
-    }
-  }
-
-  return {
-    node: clone,
-    canonical: instance.canonical
-  };
-}
-function cloneHiddenInstance(instance, type, props, internalInstanceHandle) {
-  var viewConfig = instance.canonical.viewConfig;
-  var node = instance.node;
-  var updatePayload = create(
-    {
-      style: {
-        display: "none"
-      }
-    },
-    viewConfig.validAttributes
-  );
-  return {
-    node: cloneNodeWithNewProps(node, updatePayload),
-    canonical: instance.canonical
-  };
-}
-function cloneHiddenTextInstance(instance, text, internalInstanceHandle) {
-  throw new Error("Not yet implemented.");
-}
-function createContainerChildSet(container) {
-  return createChildNodeSet(container);
-}
-function appendChildToContainerChildSet(childSet, child) {
-  appendChildNodeToSet(childSet, child.node);
-}
-function finalizeContainerChildren(container, newChildren) {
-  completeRoot(container, newChildren);
-}
-function replaceContainerChildren(container, newChildren) {}
-function preparePortalMount(portalInstance) {
-  // noop
-}
 
-var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    var ownerName = null;
+      if (typeof type === "object") {
+        {
+          if (typeof type.tag === "number") {
+            error(
+              "Received an unexpected object in getComponentNameFromType(). " +
+                "This is likely a bug in React. Please file an issue."
+            );
+          }
+        }
 
-    if (ownerFn) {
-      ownerName = ownerFn.displayName || ownerFn.name || null;
-    }
+        switch (type.$$typeof) {
+          case REACT_CONTEXT_TYPE:
+            var context = type;
+            return getContextName$1(context) + ".Consumer";
 
-    return describeComponentFrame(name, source, ownerName);
-  }
-}
-var componentFrameCache;
+          case REACT_PROVIDER_TYPE:
+            var provider = type;
+            return getContextName$1(provider._context) + ".Provider";
 
-{
-  var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
-}
-var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+          case REACT_FORWARD_REF_TYPE:
+            return getWrappedName$1(type, type.render, "ForwardRef");
 
-function describeComponentFrame(name, source, ownerName) {
-  var sourceInfo = "";
+          case REACT_MEMO_TYPE:
+            var outerName = type.displayName || null;
 
-  if (source) {
-    var path = source.fileName;
-    var fileName = path.replace(BEFORE_SLASH_RE, ""); // In DEV, include code for a common special case:
-    // prefer "folder/index.js" instead of just "index.js".
+            if (outerName !== null) {
+              return outerName;
+            }
 
-    if (/^index\./.test(fileName)) {
-      var match = path.match(BEFORE_SLASH_RE);
+            return getComponentNameFromType(type.type) || "Memo";
 
-      if (match) {
-        var pathBeforeSlash = match[1];
+          case REACT_LAZY_TYPE: {
+            var lazyComponent = type;
+            var payload = lazyComponent._payload;
+            var init = lazyComponent._init;
 
-        if (pathBeforeSlash) {
-          var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
-          fileName = folderName + "/" + fileName;
+            try {
+              return getComponentNameFromType(init(payload));
+            } catch (x) {
+              return null;
+            }
+          }
         }
       }
-    }
-
-    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
-  } else if (ownerName) {
-    sourceInfo = " (created by " + ownerName + ")";
-  }
 
-  return "\n    in " + (name || "Unknown") + sourceInfo;
-}
-
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeFunctionComponentFrame(ctor, source, ownerFn);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    if (!fn) {
-      return "";
+      return null;
     }
 
-    var name = fn.displayName || fn.name || null;
-    var ownerName = null;
+    function getWrappedName(outerType, innerType, wrapperName) {
+      var functionName = innerType.displayName || innerType.name || "";
+      return (
+        outerType.displayName ||
+        (functionName !== ""
+          ? wrapperName + "(" + functionName + ")"
+          : wrapperName)
+      );
+    } // Keep in sync with shared/getComponentNameFromType
 
-    if (ownerFn) {
-      ownerName = ownerFn.displayName || ownerFn.name || null;
+    function getContextName(type) {
+      return type.displayName || "Context";
     }
 
-    return describeComponentFrame(name, source, ownerName);
-  }
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-  if (type == null) {
-    return "";
-  }
+    function getComponentNameFromFiber(fiber) {
+      var tag = fiber.tag,
+        type = fiber.type;
 
-  if (typeof type === "function") {
-    {
-      return describeFunctionComponentFrame(type, source, ownerFn);
-    }
-  }
+      switch (tag) {
+        case CacheComponent:
+          return "Cache";
 
-  if (typeof type === "string") {
-    return describeBuiltInComponentFrame(type, source, ownerFn);
-  }
+        case ContextConsumer:
+          var context = type;
+          return getContextName(context) + ".Consumer";
 
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame("Suspense", source, ownerFn);
+        case ContextProvider:
+          var provider = type;
+          return getContextName(provider._context) + ".Provider";
 
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame("SuspenseList", source, ownerFn);
-  }
+        case DehydratedFragment:
+          return "DehydratedFragment";
 
-  if (typeof type === "object") {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render, source, ownerFn);
+        case ForwardRef:
+          return getWrappedName(type, type.render, "ForwardRef");
 
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+        case Fragment:
+          return "Fragment";
 
-      case REACT_LAZY_TYPE: {
-        var lazyComponent = type;
-        var payload = lazyComponent._payload;
-        var init = lazyComponent._init;
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent:
+          // Host component type is the display name (e.g. "div", "View")
+          return type;
 
-        try {
-          // Lazy may contain any component type so we recursively resolve it.
-          return describeUnknownElementTypeFrameInDEV(
-            init(payload),
-            source,
-            ownerFn
-          );
-        } catch (x) {}
-      }
-    }
-  }
+        case HostPortal:
+          return "Portal";
 
-  return "";
-}
+        case HostRoot:
+          return "Root";
 
-var hasOwnProperty = Object.prototype.hasOwnProperty;
+        case HostText:
+          return "Text";
 
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+        case LazyComponent:
+          // Name comes from the type in this case; we don't have a tag.
+          return getComponentNameFromType(type);
 
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(
-        element.type,
-        element._source,
-        owner ? owner.type : null
-      );
-      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame.setExtraStackFrame(null);
-    }
-  }
-}
+        case Mode:
+          if (type === REACT_STRICT_MODE_TYPE) {
+            // Don't be less specific than shared/getComponentNameFromType
+            return "StrictMode";
+          }
 
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
+          return "Mode";
 
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
+        case OffscreenComponent:
+          return "Offscreen";
 
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== "function") {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error(
-              (componentName || "React class") +
-                ": " +
-                location +
-                " type `" +
-                typeSpecName +
-                "` is invalid; " +
-                "it must be a function, usually from the `prop-types` package, but received `" +
-                typeof typeSpecs[typeSpecName] +
-                "`." +
-                "This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-            );
-            err.name = "Invariant Violation";
-            throw err;
-          }
+        case Profiler:
+          return "Profiler";
 
-          error$1 = typeSpecs[typeSpecName](
-            values,
-            typeSpecName,
-            componentName,
-            location,
-            null,
-            "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
-          );
-        } catch (ex) {
-          error$1 = ex;
-        }
+        case ScopeComponent:
+          return "Scope";
 
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
+        case SuspenseComponent:
+          return "Suspense";
 
-          error(
-            "%s: type specification of %s" +
-              " `%s` is invalid; the type checker " +
-              "function must return `null` or an `Error` but returned a %s. " +
-              "You may have forgotten to pass an argument to the type checker " +
-              "creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
-              "shape all require an argument).",
-            componentName || "React class",
-            location,
-            typeSpecName,
-            typeof error$1
-          );
+        case SuspenseListComponent:
+          return "SuspenseList";
 
-          setCurrentlyValidatingElement(null);
-        }
+        case TracingMarkerComponent:
+          return "TracingMarker";
+        // The display name for this tags come from the user-provided type:
 
-        if (
-          error$1 instanceof Error &&
-          !(error$1.message in loggedTypeFailures)
-        ) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
+        case ClassComponent:
+        case FunctionComponent:
+        case IncompleteClassComponent:
+        case IndeterminateComponent:
+        case MemoComponent:
+        case SimpleMemoComponent:
+          if (typeof type === "function") {
+            return type.displayName || type.name || null;
+          }
 
-          error("Failed %s type: %s", location, error$1.message);
+          if (typeof type === "string") {
+            return type;
+          }
 
-          setCurrentlyValidatingElement(null);
-        }
+          break;
       }
+
+      return null;
     }
-  }
-}
 
-var valueStack = [];
-var fiberStack;
+    var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
+    function getNearestMountedFiber(fiber) {
+      var node = fiber;
+      var nearestMounted = fiber;
 
-{
-  fiberStack = [];
-}
+      if (!fiber.alternate) {
+        // If there is no alternate, this might be a new tree that isn't inserted
+        // yet. If it is, then it will have a pending insertion effect on it.
+        var nextNode = node;
 
-var index = -1;
+        do {
+          node = nextNode;
 
-function createCursor(defaultValue) {
-  return {
-    current: defaultValue
-  };
-}
+          if ((node.flags & (Placement | Hydrating)) !== NoFlags$1) {
+            // This is an insertion or in-progress hydration. The nearest possible
+            // mounted fiber is the parent but we need to continue to figure out
+            // if that one is still mounted.
+            nearestMounted = node.return;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-function pop(cursor, fiber) {
-  if (index < 0) {
-    {
-      error("Unexpected pop.");
-    }
+          nextNode = node.return;
+        } while (nextNode);
+      } else {
+        while (node.return) {
+          node = node.return;
+        }
+      }
 
-    return;
-  }
+      if (node.tag === HostRoot) {
+        // TODO: Check if this was a nested HostRoot when used with
+        // renderContainerIntoSubtree.
+        return nearestMounted;
+      } // If we didn't hit the root, that means that we're in an disconnected tree
+      // that has been unmounted.
 
-  {
-    if (fiber !== fiberStack[index]) {
-      error("Unexpected Fiber popped.");
+      return null;
+    }
+    function isFiberMounted(fiber) {
+      return getNearestMountedFiber(fiber) === fiber;
     }
-  }
+    function isMounted(component) {
+      {
+        var owner = ReactCurrentOwner$3.current;
 
-  cursor.current = valueStack[index];
-  valueStack[index] = null;
+        if (owner !== null && owner.tag === ClassComponent) {
+          var ownerFiber = owner;
+          var instance = ownerFiber.stateNode;
 
-  {
-    fiberStack[index] = null;
-  }
+          if (!instance._warnedAboutRefsInRender) {
+            error(
+              "%s is accessing isMounted inside its render() function. " +
+                "render() should be a pure function of props and state. It should " +
+                "never access something that requires stale data from the previous " +
+                "render, such as refs. Move this logic to componentDidMount and " +
+                "componentDidUpdate instead.",
+              getComponentNameFromFiber(ownerFiber) || "A component"
+            );
+          }
 
-  index--;
-}
+          instance._warnedAboutRefsInRender = true;
+        }
+      }
 
-function push(cursor, value, fiber) {
-  index++;
-  valueStack[index] = cursor.current;
+      var fiber = get(component);
 
-  {
-    fiberStack[index] = fiber;
-  }
+      if (!fiber) {
+        return false;
+      }
 
-  cursor.current = value;
-}
+      return getNearestMountedFiber(fiber) === fiber;
+    }
 
-var warnedAboutMissingGetChildContext;
+    function assertIsMounted(fiber) {
+      if (getNearestMountedFiber(fiber) !== fiber) {
+        throw new Error("Unable to find node on an unmounted component.");
+      }
+    }
 
-{
-  warnedAboutMissingGetChildContext = {};
-}
+    function findCurrentFiberUsingSlowPath(fiber) {
+      var alternate = fiber.alternate;
 
-var emptyContextObject = {};
+      if (!alternate) {
+        // If there is no alternate, then we only need to check if it is mounted.
+        var nearestMounted = getNearestMountedFiber(fiber);
 
-{
-  Object.freeze(emptyContextObject);
-} // A cursor to the current merged context object on the stack.
+        if (nearestMounted === null) {
+          throw new Error("Unable to find node on an unmounted component.");
+        }
 
-var contextStackCursor = createCursor(emptyContextObject); // A cursor to a boolean indicating whether the context has changed.
+        if (nearestMounted !== fiber) {
+          return null;
+        }
 
-var didPerformWorkStackCursor = createCursor(false); // Keep track of the previous context object that was on the stack.
-// We use this to get access to the parent context after we have already
-// pushed the next context provider, and now need to merge their contexts.
+        return fiber;
+      } // If we have two possible branches, we'll walk backwards up to the root
+      // to see what path the root points to. On the way we may hit one of the
+      // special cases and we'll deal with them.
 
-var previousContext = emptyContextObject;
+      var a = fiber;
+      var b = alternate;
 
-function getUnmaskedContext(
-  workInProgress,
-  Component,
-  didPushOwnContextIfProvider
-) {
-  {
-    if (didPushOwnContextIfProvider && isContextProvider(Component)) {
-      // If the fiber is a context provider itself, when we read its context
-      // we may have already pushed its own child context on the stack. A context
-      // provider should not "see" its own child context. Therefore we read the
-      // previous (parent) context instead for a context provider.
-      return previousContext;
-    }
+      while (true) {
+        var parentA = a.return;
 
-    return contextStackCursor.current;
-  }
-}
+        if (parentA === null) {
+          // We're at the root.
+          break;
+        }
 
-function cacheContext(workInProgress, unmaskedContext, maskedContext) {
-  {
-    var instance = workInProgress.stateNode;
-    instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
-    instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
-  }
-}
+        var parentB = parentA.alternate;
 
-function getMaskedContext(workInProgress, unmaskedContext) {
-  {
-    var type = workInProgress.type;
-    var contextTypes = type.contextTypes;
+        if (parentB === null) {
+          // There is no alternate. This is an unusual case. Currently, it only
+          // happens when a Suspense component is hidden. An extra fragment fiber
+          // is inserted in between the Suspense fiber and its children. Skip
+          // over this extra fragment fiber and proceed to the next parent.
+          var nextParent = parentA.return;
 
-    if (!contextTypes) {
-      return emptyContextObject;
-    } // Avoid recreating masked context unless unmasked context has changed.
-    // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
-    // This may trigger infinite loops if componentWillReceiveProps calls setState.
+          if (nextParent !== null) {
+            a = b = nextParent;
+            continue;
+          } // If there's no parent, we're at the root.
 
-    var instance = workInProgress.stateNode;
+          break;
+        } // If both copies of the parent fiber point to the same child, we can
+        // assume that the child is current. This happens when we bailout on low
+        // priority: the bailed out fiber's child reuses the current child.
+
+        if (parentA.child === parentB.child) {
+          var child = parentA.child;
+
+          while (child) {
+            if (child === a) {
+              // We've determined that A is the current branch.
+              assertIsMounted(parentA);
+              return fiber;
+            }
 
-    if (
-      instance &&
-      instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
-    ) {
-      return instance.__reactInternalMemoizedMaskedChildContext;
-    }
+            if (child === b) {
+              // We've determined that B is the current branch.
+              assertIsMounted(parentA);
+              return alternate;
+            }
 
-    var context = {};
+            child = child.sibling;
+          } // We should never have an alternate for any mounting node. So the only
+          // way this could possibly happen is if this was unmounted, if at all.
 
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
-    }
+          throw new Error("Unable to find node on an unmounted component.");
+        }
 
-    {
-      var name = getComponentNameFromFiber(workInProgress) || "Unknown";
-      checkPropTypes(contextTypes, context, "context", name);
-    } // Cache unmasked context so we can avoid recreating masked context unless necessary.
-    // Context is created before the class component is instantiated so check for instance.
+        if (a.return !== b.return) {
+          // The return pointer of A and the return pointer of B point to different
+          // fibers. We assume that return pointers never criss-cross, so A must
+          // belong to the child set of A.return, and B must belong to the child
+          // set of B.return.
+          a = parentA;
+          b = parentB;
+        } else {
+          // The return pointers point to the same fiber. We'll have to use the
+          // default, slow path: scan the child sets of each parent alternate to see
+          // which child belongs to which set.
+          //
+          // Search parent A's child set
+          var didFindChild = false;
+          var _child = parentA.child;
+
+          while (_child) {
+            if (_child === a) {
+              didFindChild = true;
+              a = parentA;
+              b = parentB;
+              break;
+            }
 
-    if (instance) {
-      cacheContext(workInProgress, unmaskedContext, context);
-    }
+            if (_child === b) {
+              didFindChild = true;
+              b = parentA;
+              a = parentB;
+              break;
+            }
 
-    return context;
-  }
-}
+            _child = _child.sibling;
+          }
 
-function hasContextChanged() {
-  {
-    return didPerformWorkStackCursor.current;
-  }
-}
+          if (!didFindChild) {
+            // Search parent B's child set
+            _child = parentB.child;
 
-function isContextProvider(type) {
-  {
-    var childContextTypes = type.childContextTypes;
-    return childContextTypes !== null && childContextTypes !== undefined;
-  }
-}
+            while (_child) {
+              if (_child === a) {
+                didFindChild = true;
+                a = parentB;
+                b = parentA;
+                break;
+              }
 
-function popContext(fiber) {
-  {
-    pop(didPerformWorkStackCursor, fiber);
-    pop(contextStackCursor, fiber);
-  }
-}
+              if (_child === b) {
+                didFindChild = true;
+                b = parentB;
+                a = parentA;
+                break;
+              }
 
-function popTopLevelContextObject(fiber) {
-  {
-    pop(didPerformWorkStackCursor, fiber);
-    pop(contextStackCursor, fiber);
-  }
-}
+              _child = _child.sibling;
+            }
 
-function pushTopLevelContextObject(fiber, context, didChange) {
-  {
-    if (contextStackCursor.current !== emptyContextObject) {
-      throw new Error(
-        "Unexpected context found on stack. " +
-          "This error is likely caused by a bug in React. Please file an issue."
-      );
+            if (!didFindChild) {
+              throw new Error(
+                "Child was not found in either parent set. This indicates a bug " +
+                  "in React related to the return pointer. Please file an issue."
+              );
+            }
+          }
+        }
+
+        if (a.alternate !== b) {
+          throw new Error(
+            "Return fibers should always be each others' alternates. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        }
+      } // If the root is not a host container, we're in a disconnected tree. I.e.
+      // unmounted.
+
+      if (a.tag !== HostRoot) {
+        throw new Error("Unable to find node on an unmounted component.");
+      }
+
+      if (a.stateNode.current === a) {
+        // We've determined that A is the current branch.
+        return fiber;
+      } // Otherwise B has to be current branch.
+
+      return alternate;
+    }
+    function findCurrentHostFiber(parent) {
+      var currentParent = findCurrentFiberUsingSlowPath(parent);
+      return currentParent !== null
+        ? findCurrentHostFiberImpl(currentParent)
+        : null;
     }
 
-    push(contextStackCursor, context, fiber);
-    push(didPerformWorkStackCursor, didChange, fiber);
-  }
-}
+    function findCurrentHostFiberImpl(node) {
+      // Next we'll drill down this component to find the first HostComponent/Text.
+      var tag = node.tag;
 
-function processChildContext(fiber, type, parentContext) {
-  {
-    var instance = fiber.stateNode;
-    var childContextTypes = type.childContextTypes; // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+      if (
+        tag === HostComponent ||
+        tag === HostHoistable ||
+        tag === HostSingleton ||
+        tag === HostText
+      ) {
+        return node;
+      }
 
-    if (typeof instance.getChildContext !== "function") {
-      {
-        var componentName = getComponentNameFromFiber(fiber) || "Unknown";
+      var child = node.child;
 
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
+      while (child !== null) {
+        var match = findCurrentHostFiberImpl(child);
 
-          error(
-            "%s.childContextTypes is specified but there is no getChildContext() method " +
-              "on the instance. You can either define getChildContext() on %s or remove " +
-              "childContextTypes from it.",
-            componentName,
-            componentName
-          );
+        if (match !== null) {
+          return match;
         }
+
+        child = child.sibling;
       }
 
-      return parentContext;
+      return null;
     }
+    function doesFiberContain(parentFiber, childFiber) {
+      var node = childFiber;
+      var parentFiberAlternate = parentFiber.alternate;
 
-    var childContext = instance.getChildContext();
+      while (node !== null) {
+        if (node === parentFiber || node === parentFiberAlternate) {
+          return true;
+        }
 
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error(
-          (getComponentNameFromFiber(fiber) || "Unknown") +
-            '.getChildContext(): key "' +
-            contextKey +
-            '" is not defined in childContextTypes.'
-        );
+        node = node.return;
       }
-    }
 
-    {
-      var name = getComponentNameFromFiber(fiber) || "Unknown";
-      checkPropTypes(childContextTypes, childContext, "child context", name);
+      return false;
     }
 
-    return assign({}, parentContext, childContext);
-  }
-}
+    function describeBuiltInComponentFrame(name, ownerFn) {
+      {
+        var ownerName = null;
 
-function pushContextProvider(workInProgress) {
-  {
-    var instance = workInProgress.stateNode; // We push the context as early as possible to ensure stack integrity.
-    // If the instance does not exist yet, we will push null at first,
-    // and replace it on the stack later when invalidating the context.
-
-    var memoizedMergedChildContext =
-      (instance && instance.__reactInternalMemoizedMergedChildContext) ||
-      emptyContextObject; // Remember the parent context so we can merge with it later.
-    // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
-
-    previousContext = contextStackCursor.current;
-    push(contextStackCursor, memoizedMergedChildContext, workInProgress);
-    push(
-      didPerformWorkStackCursor,
-      didPerformWorkStackCursor.current,
-      workInProgress
-    );
-    return true;
-  }
-}
+        if (ownerFn) {
+          ownerName = ownerFn.displayName || ownerFn.name || null;
+        }
 
-function invalidateContextProvider(workInProgress, type, didChange) {
-  {
-    var instance = workInProgress.stateNode;
+        return describeComponentFrame(name, ownerName);
+      }
+    }
 
-    if (!instance) {
-      throw new Error(
-        "Expected to have an instance by this point. " +
-          "This error is likely caused by a bug in React. Please file an issue."
-      );
+    {
+      var PossiblyWeakMap$1 = typeof WeakMap === "function" ? WeakMap : Map;
+      new PossiblyWeakMap$1();
     }
 
-    if (didChange) {
-      // Merge parent and own context.
-      // Skip this if we're not updating due to sCU.
-      // This avoids unnecessarily recomputing memoized values.
-      var mergedContext = processChildContext(
-        workInProgress,
-        type,
-        previousContext
-      );
-      instance.__reactInternalMemoizedMergedChildContext = mergedContext; // Replace the old (or empty) context with the new one.
-      // It is important to unwind the context in the reverse order.
+    function describeComponentFrame(name, ownerName) {
+      var sourceInfo = "";
 
-      pop(didPerformWorkStackCursor, workInProgress);
-      pop(contextStackCursor, workInProgress); // Now push the new context and mark that it has changed.
+      if (ownerName) {
+        sourceInfo = " (created by " + ownerName + ")";
+      }
 
-      push(contextStackCursor, mergedContext, workInProgress);
-      push(didPerformWorkStackCursor, didChange, workInProgress);
-    } else {
-      pop(didPerformWorkStackCursor, workInProgress);
-      push(didPerformWorkStackCursor, didChange, workInProgress);
+      return "\n    in " + (name || "Unknown") + sourceInfo;
     }
-  }
-}
 
-function findCurrentUnmaskedContext(fiber) {
-  {
-    // Currently this is only used with renderSubtreeIntoContainer; not sure if it
-    // makes sense elsewhere
-    if (!isFiberMounted(fiber) || fiber.tag !== ClassComponent) {
-      throw new Error(
-        "Expected subtree parent to be a mounted class component. " +
-          "This error is likely caused by a bug in React. Please file an issue."
-      );
+    function describeClassComponentFrame(ctor, ownerFn) {
+      {
+        return describeFunctionComponentFrame(ctor, ownerFn);
+      }
     }
+    function describeFunctionComponentFrame(fn, ownerFn) {
+      {
+        if (!fn) {
+          return "";
+        }
 
-    var node = fiber;
+        var name = fn.displayName || fn.name || null;
+        var ownerName = null;
 
-    do {
-      switch (node.tag) {
-        case HostRoot:
-          return node.stateNode.context;
+        if (ownerFn) {
+          ownerName = ownerFn.displayName || ownerFn.name || null;
+        }
 
-        case ClassComponent: {
-          var Component = node.type;
+        return describeComponentFrame(name, ownerName);
+      }
+    }
 
-          if (isContextProvider(Component)) {
-            return node.stateNode.__reactInternalMemoizedMergedChildContext;
-          }
+    function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
+      if (type == null) {
+        return "";
+      }
 
-          break;
+      if (typeof type === "function") {
+        {
+          return describeFunctionComponentFrame(type, ownerFn);
         }
       }
 
-      node = node.return;
-    } while (node !== null);
-
-    throw new Error(
-      "Found unexpected detached subtree parent. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-}
-
-var LegacyRoot = 0;
-var ConcurrentRoot = 1;
+      if (typeof type === "string") {
+        return describeBuiltInComponentFrame(type, ownerFn);
+      }
 
-/**
- * inlined Object.is polyfill to avoid requiring consumers ship their own
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- */
-function is(x, y) {
-  return (
-    (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y) // eslint-disable-line no-self-compare
-  );
-}
+      switch (type) {
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense", ownerFn);
 
-var objectIs = typeof Object.is === "function" ? Object.is : is;
-
-var syncQueue = null;
-var includesLegacySyncCallbacks = false;
-var isFlushingSyncQueue = false;
-function scheduleSyncCallback(callback) {
-  // Push this callback into an internal queue. We'll flush these either in
-  // the next tick, or earlier if something calls `flushSyncCallbackQueue`.
-  if (syncQueue === null) {
-    syncQueue = [callback];
-  } else {
-    // Push onto existing queue. Don't need to schedule a callback because
-    // we already scheduled one when we created the queue.
-    syncQueue.push(callback);
-  }
-}
-function scheduleLegacySyncCallback(callback) {
-  includesLegacySyncCallbacks = true;
-  scheduleSyncCallback(callback);
-}
-function flushSyncCallbacksOnlyInLegacyMode() {
-  // Only flushes the queue if there's a legacy sync callback scheduled.
-  // TODO: There's only a single type of callback: performSyncOnWorkOnRoot. So
-  // it might make more sense for the queue to be a list of roots instead of a
-  // list of generic callbacks. Then we can have two: one for legacy roots, one
-  // for concurrent roots. And this method would only flush the legacy ones.
-  if (includesLegacySyncCallbacks) {
-    flushSyncCallbacks();
-  }
-}
-function flushSyncCallbacks() {
-  if (!isFlushingSyncQueue && syncQueue !== null) {
-    // Prevent re-entrance.
-    isFlushingSyncQueue = true;
-    var i = 0;
-    var previousUpdatePriority = getCurrentUpdatePriority();
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList", ownerFn);
+      }
 
-    try {
-      var isSync = true;
-      var queue = syncQueue; // TODO: Is this necessary anymore? The only user code that runs in this
-      // queue is in the render or commit phases.
+      if (typeof type === "object") {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeFunctionComponentFrame(type.render, ownerFn);
 
-      setCurrentUpdatePriority(DiscreteEventPriority);
+          case REACT_MEMO_TYPE:
+            // Memo may contain any component type so we recursively resolve it.
+            return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
-      for (; i < queue.length; i++) {
-        var callback = queue[i];
+          case REACT_LAZY_TYPE: {
+            var lazyComponent = type;
+            var payload = lazyComponent._payload;
+            var init = lazyComponent._init;
 
-        do {
-          callback = callback(isSync);
-        } while (callback !== null);
+            try {
+              // Lazy may contain any component type so we recursively resolve it.
+              return describeUnknownElementTypeFrameInDEV(
+                init(payload),
+                ownerFn
+              );
+            } catch (x) {}
+          }
+        }
       }
 
-      syncQueue = null;
-      includesLegacySyncCallbacks = false;
-    } catch (error) {
-      // If something throws, leave the remaining callbacks on the queue.
-      if (syncQueue !== null) {
-        syncQueue = syncQueue.slice(i + 1);
-      } // Resume flushing in the next tick
-
-      scheduleCallback(ImmediatePriority, flushSyncCallbacks);
-      throw error;
-    } finally {
-      setCurrentUpdatePriority(previousUpdatePriority);
-      isFlushingSyncQueue = false;
+      return "";
     }
-  }
 
-  return null;
-}
+    // $FlowFixMe[method-unbinding]
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-// This is imported by the event replaying implementation in React DOM. It's
-// in a separate file to break a circular dependency between the renderer and
-// the reconciler.
-function isRootDehydrated(root) {
-  var currentState = root.current.memoizedState;
-  return currentState.isDehydrated;
-}
+    var loggedTypeFailures = {};
+    var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
 
-// TODO: Use the unified fiber stack module instead of this local one?
-// Intentionally not using it yet to derisk the initial implementation, because
-// the way we push/pop these values is a bit unusual. If there's a mistake, I'd
-// rather the ids be wrong than crash the whole reconciler.
-var forkStack = [];
-var forkStackIndex = 0;
-var treeForkProvider = null;
-var treeForkCount = 0;
-var idStack = [];
-var idStackIndex = 0;
-var treeContextProvider = null;
-var treeContextId = 1;
-var treeContextOverflow = "";
-
-function popTreeContext(workInProgress) {
-  // Restore the previous values.
-  // This is a bit more complicated than other context-like modules in Fiber
-  // because the same Fiber may appear on the stack multiple times and for
-  // different reasons. We have to keep popping until the work-in-progress is
-  // no longer at the top of the stack.
-  while (workInProgress === treeForkProvider) {
-    treeForkProvider = forkStack[--forkStackIndex];
-    forkStack[forkStackIndex] = null;
-    treeForkCount = forkStack[--forkStackIndex];
-    forkStack[forkStackIndex] = null;
-  }
-
-  while (workInProgress === treeContextProvider) {
-    treeContextProvider = idStack[--idStackIndex];
-    idStack[idStackIndex] = null;
-    treeContextOverflow = idStack[--idStackIndex];
-    idStack[idStackIndex] = null;
-    treeContextId = idStack[--idStackIndex];
-    idStack[idStackIndex] = null;
-  }
-}
+    function setCurrentlyValidatingElement(element) {
+      {
+        if (element) {
+          var owner = element._owner;
+          var stack = describeUnknownElementTypeFrameInDEV(
+            element.type,
+            owner ? owner.type : null
+          );
+          ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
+        } else {
+          ReactDebugCurrentFrame$1.setExtraStackFrame(null);
+        }
+      }
+    }
 
-var isHydrating = false; // This flag allows for warning supression when we expect there to be mismatches
-// due to earlier mismatches or a suspended fiber.
+    function checkPropTypes(
+      typeSpecs,
+      values,
+      location,
+      componentName,
+      element
+    ) {
+      {
+        // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
+        var has = Function.call.bind(hasOwnProperty);
 
-var didSuspendOrErrorDEV = false; // Hydration errors that were thrown inside this boundary
+        for (var typeSpecName in typeSpecs) {
+          if (has(typeSpecs, typeSpecName)) {
+            var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
+            // fail the render phase where it didn't fail before. So we log it.
+            // After these have been cleaned up, we'll let them throw.
 
-var hydrationErrors = null;
-function didSuspendOrErrorWhileHydratingDEV() {
-  {
-    return didSuspendOrErrorDEV;
-  }
-}
+            try {
+              // This is intentionally an invariant that gets caught. It's the same
+              // behavior as without this statement except with a better message.
+              if (typeof typeSpecs[typeSpecName] !== "function") {
+                // eslint-disable-next-line react-internal/prod-error-codes
+                var err = Error(
+                  (componentName || "React class") +
+                    ": " +
+                    location +
+                    " type `" +
+                    typeSpecName +
+                    "` is invalid; " +
+                    "it must be a function, usually from the `prop-types` package, but received `" +
+                    typeof typeSpecs[typeSpecName] +
+                    "`." +
+                    "This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                );
+                err.name = "Invariant Violation";
+                throw err;
+              }
 
-function reenterHydrationStateFromDehydratedSuspenseInstance(
-  fiber,
-  suspenseInstance,
-  treeContext
-) {
-  {
-    return false;
-  }
-}
+              error$1 = typeSpecs[typeSpecName](
+                values,
+                typeSpecName,
+                componentName,
+                location,
+                null,
+                "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
+              );
+            } catch (ex) {
+              error$1 = ex;
+            }
 
-function prepareToHydrateHostInstance(
-  fiber,
-  rootContainerInstance,
-  hostContext
-) {
-  {
-    throw new Error(
-      "Expected prepareToHydrateHostInstance() to never be called. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-}
+            if (error$1 && !(error$1 instanceof Error)) {
+              setCurrentlyValidatingElement(element);
 
-function prepareToHydrateHostTextInstance(fiber) {
-  {
-    throw new Error(
-      "Expected prepareToHydrateHostTextInstance() to never be called. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-  var shouldUpdate = hydrateTextInstance();
-}
+              error(
+                "%s: type specification of %s" +
+                  " `%s` is invalid; the type checker " +
+                  "function must return `null` or an `Error` but returned a %s. " +
+                  "You may have forgotten to pass an argument to the type checker " +
+                  "creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
+                  "shape all require an argument).",
+                componentName || "React class",
+                location,
+                typeSpecName,
+                typeof error$1
+              );
 
-function prepareToHydrateHostSuspenseInstance(fiber) {
-  {
-    throw new Error(
-      "Expected prepareToHydrateHostSuspenseInstance() to never be called. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-}
+              setCurrentlyValidatingElement(null);
+            }
 
-function popHydrationState(fiber) {
-  {
-    return false;
-  }
-}
+            if (
+              error$1 instanceof Error &&
+              !(error$1.message in loggedTypeFailures)
+            ) {
+              // Only monitor this failure once because there tends to be a lot of the
+              // same error.
+              loggedTypeFailures[error$1.message] = true;
+              setCurrentlyValidatingElement(element);
 
-function upgradeHydrationErrorsToRecoverable() {
-  if (hydrationErrors !== null) {
-    // Successfully completed a forced client render. The errors that occurred
-    // during the hydration attempt are now recovered. We will log them in
-    // commit phase, once the entire tree has finished.
-    queueRecoverableErrors(hydrationErrors);
-    hydrationErrors = null;
-  }
-}
+              error("Failed %s type: %s", location, error$1.message);
 
-function getIsHydrating() {
-  return isHydrating;
-}
+              setCurrentlyValidatingElement(null);
+            }
+          }
+        }
+      }
+    }
 
-function queueHydrationError(error) {
-  if (hydrationErrors === null) {
-    hydrationErrors = [error];
-  } else {
-    hydrationErrors.push(error);
-  }
-}
+    var valueStack = [];
+    var fiberStack;
 
-var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
-var NoTransition = null;
-function requestCurrentTransition() {
-  return ReactCurrentBatchConfig.transition;
-}
+    {
+      fiberStack = [];
+    }
 
-/**
- * Performs equality by iterating through keys on an object and returning false
- * when any key has values which are not strictly equal between the arguments.
- * Returns true when the values of all keys are strictly equal.
- */
+    var index = -1;
+
+    function createCursor(defaultValue) {
+      return {
+        current: defaultValue
+      };
+    }
 
-function shallowEqual(objA, objB) {
-  if (objectIs(objA, objB)) {
-    return true;
-  }
+    function pop(cursor, fiber) {
+      if (index < 0) {
+        {
+          error("Unexpected pop.");
+        }
 
-  if (
-    typeof objA !== "object" ||
-    objA === null ||
-    typeof objB !== "object" ||
-    objB === null
-  ) {
-    return false;
-  }
+        return;
+      }
 
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
+      {
+        if (fiber !== fiberStack[index]) {
+          error("Unexpected Fiber popped.");
+        }
+      }
 
-  if (keysA.length !== keysB.length) {
-    return false;
-  } // Test for A's keys different from B.
+      cursor.current = valueStack[index];
+      valueStack[index] = null;
 
-  for (var i = 0; i < keysA.length; i++) {
-    var currentKey = keysA[i];
+      {
+        fiberStack[index] = null;
+      }
 
-    if (
-      !hasOwnProperty.call(objB, currentKey) ||
-      !objectIs(objA[currentKey], objB[currentKey])
-    ) {
-      return false;
+      index--;
     }
-  }
-
-  return true;
-}
 
-function describeFiber(fiber) {
-  var owner = fiber._debugOwner ? fiber._debugOwner.type : null;
-  var source = fiber._debugSource;
+    function push(cursor, value, fiber) {
+      index++;
+      valueStack[index] = cursor.current;
 
-  switch (fiber.tag) {
-    case HostComponent:
-      return describeBuiltInComponentFrame(fiber.type, source, owner);
+      {
+        fiberStack[index] = fiber;
+      }
 
-    case LazyComponent:
-      return describeBuiltInComponentFrame("Lazy", source, owner);
+      cursor.current = value;
+    }
 
-    case SuspenseComponent:
-      return describeBuiltInComponentFrame("Suspense", source, owner);
+    var warnedAboutMissingGetChildContext;
 
-    case SuspenseListComponent:
-      return describeBuiltInComponentFrame("SuspenseList", source, owner);
+    {
+      warnedAboutMissingGetChildContext = {};
+    }
 
-    case FunctionComponent:
-    case IndeterminateComponent:
-    case SimpleMemoComponent:
-      return describeFunctionComponentFrame(fiber.type, source, owner);
+    var emptyContextObject = {};
 
-    case ForwardRef:
-      return describeFunctionComponentFrame(fiber.type.render, source, owner);
+    {
+      Object.freeze(emptyContextObject);
+    } // A cursor to the current merged context object on the stack.
 
-    case ClassComponent:
-      return describeClassComponentFrame(fiber.type, source, owner);
+    var contextStackCursor$1 = createCursor(emptyContextObject); // A cursor to a boolean indicating whether the context has changed.
 
-    default:
-      return "";
-  }
-}
+    var didPerformWorkStackCursor = createCursor(false); // Keep track of the previous context object that was on the stack.
+    // We use this to get access to the parent context after we have already
+    // pushed the next context provider, and now need to merge their contexts.
 
-function getStackByFiberInDevAndProd(workInProgress) {
-  try {
-    var info = "";
-    var node = workInProgress;
+    var previousContext = emptyContextObject;
 
-    do {
-      info += describeFiber(node);
-      node = node.return;
-    } while (node);
+    function getUnmaskedContext(
+      workInProgress,
+      Component,
+      didPushOwnContextIfProvider
+    ) {
+      {
+        if (didPushOwnContextIfProvider && isContextProvider(Component)) {
+          // If the fiber is a context provider itself, when we read its context
+          // we may have already pushed its own child context on the stack. A context
+          // provider should not "see" its own child context. Therefore we read the
+          // previous (parent) context instead for a context provider.
+          return previousContext;
+        }
 
-    return info;
-  } catch (x) {
-    return "\nError generating stack: " + x.message + "\n" + x.stack;
-  }
-}
+        return contextStackCursor$1.current;
+      }
+    }
 
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-var current = null;
-var isRendering = false;
-function getCurrentFiberOwnerNameInDevOrNull() {
-  {
-    if (current === null) {
-      return null;
+    function cacheContext(workInProgress, unmaskedContext, maskedContext) {
+      {
+        var instance = workInProgress.stateNode;
+        instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
+        instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+      }
     }
 
-    var owner = current._debugOwner;
+    function getMaskedContext(workInProgress, unmaskedContext) {
+      {
+        var type = workInProgress.type;
+        var contextTypes = type.contextTypes;
 
-    if (owner !== null && typeof owner !== "undefined") {
-      return getComponentNameFromFiber(owner);
-    }
-  }
+        if (!contextTypes) {
+          return emptyContextObject;
+        } // Avoid recreating masked context unless unmasked context has changed.
+        // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
+        // This may trigger infinite loops if componentWillReceiveProps calls setState.
 
-  return null;
-}
+        var instance = workInProgress.stateNode;
 
-function getCurrentFiberStackInDev() {
-  {
-    if (current === null) {
-      return "";
-    } // Safe because if current fiber exists, we are reconciling,
-    // and it is guaranteed to be the work-in-progress version.
+        if (
+          instance &&
+          instance.__reactInternalMemoizedUnmaskedChildContext ===
+            unmaskedContext
+        ) {
+          return instance.__reactInternalMemoizedMaskedChildContext;
+        }
 
-    return getStackByFiberInDevAndProd(current);
-  }
-}
+        var context = {};
 
-function resetCurrentFiber() {
-  {
-    ReactDebugCurrentFrame$1.getCurrentStack = null;
-    current = null;
-    isRendering = false;
-  }
-}
-function setCurrentFiber(fiber) {
-  {
-    ReactDebugCurrentFrame$1.getCurrentStack =
-      fiber === null ? null : getCurrentFiberStackInDev;
-    current = fiber;
-    isRendering = false;
-  }
-}
-function getCurrentFiber() {
-  {
-    return current;
-  }
-}
-function setIsRendering(rendering) {
-  {
-    isRendering = rendering;
-  }
-}
+        for (var key in contextTypes) {
+          context[key] = unmaskedContext[key];
+        }
 
-var ReactStrictModeWarnings = {
-  recordUnsafeLifecycleWarnings: function(fiber, instance) {},
-  flushPendingUnsafeLifecycleWarnings: function() {},
-  recordLegacyContextWarning: function(fiber, instance) {},
-  flushLegacyContextWarning: function() {},
-  discardPendingWarnings: function() {}
-};
+        {
+          var name = getComponentNameFromFiber(workInProgress) || "Unknown";
+          checkPropTypes(contextTypes, context, "context", name);
+        } // Cache unmasked context so we can avoid recreating masked context unless necessary.
+        // Context is created before the class component is instantiated so check for instance.
 
-{
-  var findStrictRoot = function(fiber) {
-    var maybeStrictRoot = null;
-    var node = fiber;
+        if (instance) {
+          cacheContext(workInProgress, unmaskedContext, context);
+        }
 
-    while (node !== null) {
-      if (node.mode & StrictLegacyMode) {
-        maybeStrictRoot = node;
+        return context;
       }
-
-      node = node.return;
     }
 
-    return maybeStrictRoot;
-  };
-
-  var setToSortedString = function(set) {
-    var array = [];
-    set.forEach(function(value) {
-      array.push(value);
-    });
-    return array.sort().join(", ");
-  };
-
-  var pendingComponentWillMountWarnings = [];
-  var pendingUNSAFE_ComponentWillMountWarnings = [];
-  var pendingComponentWillReceivePropsWarnings = [];
-  var pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
-  var pendingComponentWillUpdateWarnings = [];
-  var pendingUNSAFE_ComponentWillUpdateWarnings = []; // Tracks components we have already warned about.
-
-  var didWarnAboutUnsafeLifecycles = new Set();
-
-  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function(
-    fiber,
-    instance
-  ) {
-    // Dedupe strategy: Warn once per component.
-    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
-      return;
+    function hasContextChanged() {
+      {
+        return didPerformWorkStackCursor.current;
+      }
     }
 
-    if (
-      typeof instance.componentWillMount === "function" && // Don't warn about react-lifecycles-compat polyfilled components.
-      instance.componentWillMount.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillMountWarnings.push(fiber);
+    function isContextProvider(type) {
+      {
+        var childContextTypes = type.childContextTypes;
+        return childContextTypes !== null && childContextTypes !== undefined;
+      }
     }
 
-    if (
-      fiber.mode & StrictLegacyMode &&
-      typeof instance.UNSAFE_componentWillMount === "function"
-    ) {
-      pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
+    function popContext(fiber) {
+      {
+        pop(didPerformWorkStackCursor, fiber);
+        pop(contextStackCursor$1, fiber);
+      }
     }
 
-    if (
-      typeof instance.componentWillReceiveProps === "function" &&
-      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillReceivePropsWarnings.push(fiber);
+    function popTopLevelContextObject(fiber) {
+      {
+        pop(didPerformWorkStackCursor, fiber);
+        pop(contextStackCursor$1, fiber);
+      }
     }
 
-    if (
-      fiber.mode & StrictLegacyMode &&
-      typeof instance.UNSAFE_componentWillReceiveProps === "function"
-    ) {
-      pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
-    }
+    function pushTopLevelContextObject(fiber, context, didChange) {
+      {
+        if (contextStackCursor$1.current !== emptyContextObject) {
+          throw new Error(
+            "Unexpected context found on stack. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        }
 
-    if (
-      typeof instance.componentWillUpdate === "function" &&
-      instance.componentWillUpdate.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillUpdateWarnings.push(fiber);
+        push(contextStackCursor$1, context, fiber);
+        push(didPerformWorkStackCursor, didChange, fiber);
+      }
     }
 
-    if (
-      fiber.mode & StrictLegacyMode &&
-      typeof instance.UNSAFE_componentWillUpdate === "function"
-    ) {
-      pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
-    }
-  };
+    function processChildContext(fiber, type, parentContext) {
+      {
+        var instance = fiber.stateNode;
+        var childContextTypes = type.childContextTypes; // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+        // It has only been added in Fiber to match the (unintentional) behavior in Stack.
 
-  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
-    // We do an initial pass to gather component names
-    var componentWillMountUniqueNames = new Set();
+        if (typeof instance.getChildContext !== "function") {
+          {
+            var componentName = getComponentNameFromFiber(fiber) || "Unknown";
 
-    if (pendingComponentWillMountWarnings.length > 0) {
-      pendingComponentWillMountWarnings.forEach(function(fiber) {
-        componentWillMountUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
-        );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingComponentWillMountWarnings = [];
-    }
+            if (!warnedAboutMissingGetChildContext[componentName]) {
+              warnedAboutMissingGetChildContext[componentName] = true;
 
-    var UNSAFE_componentWillMountUniqueNames = new Set();
+              error(
+                "%s.childContextTypes is specified but there is no getChildContext() method " +
+                  "on the instance. You can either define getChildContext() on %s or remove " +
+                  "childContextTypes from it.",
+                componentName,
+                componentName
+              );
+            }
+          }
 
-    if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
-      pendingUNSAFE_ComponentWillMountWarnings.forEach(function(fiber) {
-        UNSAFE_componentWillMountUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
-        );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingUNSAFE_ComponentWillMountWarnings = [];
-    }
+          return parentContext;
+        }
 
-    var componentWillReceivePropsUniqueNames = new Set();
+        var childContext = instance.getChildContext();
 
-    if (pendingComponentWillReceivePropsWarnings.length > 0) {
-      pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
-        componentWillReceivePropsUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
-        );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingComponentWillReceivePropsWarnings = [];
-    }
+        for (var contextKey in childContext) {
+          if (!(contextKey in childContextTypes)) {
+            throw new Error(
+              (getComponentNameFromFiber(fiber) || "Unknown") +
+                '.getChildContext(): key "' +
+                contextKey +
+                '" is not defined in childContextTypes.'
+            );
+          }
+        }
 
-    var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
+        {
+          var name = getComponentNameFromFiber(fiber) || "Unknown";
+          checkPropTypes(
+            childContextTypes,
+            childContext,
+            "child context",
+            name
+          );
+        }
 
-    if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
-      pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(function(fiber) {
-        UNSAFE_componentWillReceivePropsUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
-        );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+        return assign({}, parentContext, childContext);
+      }
     }
 
-    var componentWillUpdateUniqueNames = new Set();
-
-    if (pendingComponentWillUpdateWarnings.length > 0) {
-      pendingComponentWillUpdateWarnings.forEach(function(fiber) {
-        componentWillUpdateUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
+    function pushContextProvider(workInProgress) {
+      {
+        var instance = workInProgress.stateNode; // We push the context as early as possible to ensure stack integrity.
+        // If the instance does not exist yet, we will push null at first,
+        // and replace it on the stack later when invalidating the context.
+
+        var memoizedMergedChildContext =
+          (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+          emptyContextObject; // Remember the parent context so we can merge with it later.
+        // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
+
+        previousContext = contextStackCursor$1.current;
+        push(contextStackCursor$1, memoizedMergedChildContext, workInProgress);
+        push(
+          didPerformWorkStackCursor,
+          didPerformWorkStackCursor.current,
+          workInProgress
         );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingComponentWillUpdateWarnings = [];
+        return true;
+      }
     }
 
-    var UNSAFE_componentWillUpdateUniqueNames = new Set();
-
-    if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
-      pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function(fiber) {
-        UNSAFE_componentWillUpdateUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
-        );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingUNSAFE_ComponentWillUpdateWarnings = [];
-    } // Finally, we flush all the warnings
-    // UNSAFE_ ones before the deprecated ones, since they'll be 'louder'
-
-    if (UNSAFE_componentWillMountUniqueNames.size > 0) {
-      var sortedNames = setToSortedString(UNSAFE_componentWillMountUniqueNames);
-
-      error(
-        "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
-          "See https://react.dev/reference/react/Component#unsafe_componentwillmount for details.\n\n" +
-          "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
-          "\nPlease update the following components: %s",
-        sortedNames
-      );
-    }
+    function invalidateContextProvider(workInProgress, type, didChange) {
+      {
+        var instance = workInProgress.stateNode;
 
-    if (UNSAFE_componentWillReceivePropsUniqueNames.size > 0) {
-      var _sortedNames = setToSortedString(
-        UNSAFE_componentWillReceivePropsUniqueNames
-      );
+        if (!instance) {
+          throw new Error(
+            "Expected to have an instance by this point. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        }
 
-      error(
-        "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
-          "and may indicate bugs in your code. " +
-          "See https://react.dev/reference/react/Component#unsafe_componentwillreceiveprops for details.\n\n" +
-          "* Move data fetching code or side effects to componentDidUpdate.\n" +
-          "* If you're updating state whenever props change, " +
-          "refactor your code to use memoization techniques or move it to " +
-          "static getDerivedStateFromProps. Learn more at: https://react.dev/reference/react/Component#static-getderivedstatefromprops\n" +
-          "\nPlease update the following components: %s",
-        _sortedNames
-      );
-    }
+        if (didChange) {
+          // Merge parent and own context.
+          // Skip this if we're not updating due to sCU.
+          // This avoids unnecessarily recomputing memoized values.
+          var mergedContext = processChildContext(
+            workInProgress,
+            type,
+            previousContext
+          );
+          instance.__reactInternalMemoizedMergedChildContext = mergedContext; // Replace the old (or empty) context with the new one.
+          // It is important to unwind the context in the reverse order.
 
-    if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
-      var _sortedNames2 = setToSortedString(
-        UNSAFE_componentWillUpdateUniqueNames
-      );
+          pop(didPerformWorkStackCursor, workInProgress);
+          pop(contextStackCursor$1, workInProgress); // Now push the new context and mark that it has changed.
 
-      error(
-        "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
-          "and may indicate bugs in your code. " +
-          "See https://react.dev/reference/react/Component#unsafe_componentwillupdate for details.\n\n" +
-          "* Move data fetching code or side effects to componentDidUpdate.\n" +
-          "\nPlease update the following components: %s",
-        _sortedNames2
-      );
+          push(contextStackCursor$1, mergedContext, workInProgress);
+          push(didPerformWorkStackCursor, didChange, workInProgress);
+        } else {
+          pop(didPerformWorkStackCursor, workInProgress);
+          push(didPerformWorkStackCursor, didChange, workInProgress);
+        }
+      }
     }
 
-    if (componentWillMountUniqueNames.size > 0) {
-      var _sortedNames3 = setToSortedString(componentWillMountUniqueNames);
+    function findCurrentUnmaskedContext(fiber) {
+      {
+        // Currently this is only used with renderSubtreeIntoContainer; not sure if it
+        // makes sense elsewhere
+        if (!isFiberMounted(fiber) || fiber.tag !== ClassComponent) {
+          throw new Error(
+            "Expected subtree parent to be a mounted class component. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        }
 
-      warn(
-        "componentWillMount has been renamed, and is not recommended for use. " +
-          "See https://react.dev/reference/react/Component#componentwillmount for details.\n\n" +
-          "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
-          "* Rename componentWillMount to UNSAFE_componentWillMount to suppress " +
-          "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-          "To rename all deprecated lifecycles to their new names, you can run " +
-          "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-          "\nPlease update the following components: %s",
-        _sortedNames3
-      );
-    }
+        var node = fiber;
 
-    if (componentWillReceivePropsUniqueNames.size > 0) {
-      var _sortedNames4 = setToSortedString(
-        componentWillReceivePropsUniqueNames
-      );
+        do {
+          switch (node.tag) {
+            case HostRoot:
+              return node.stateNode.context;
 
-      warn(
-        "componentWillReceiveProps has been renamed, and is not recommended for use. " +
-          "See https://react.dev/reference/react/Component#componentwillreceiveprops for details.\n\n" +
-          "* Move data fetching code or side effects to componentDidUpdate.\n" +
-          "* If you're updating state whenever props change, refactor your " +
-          "code to use memoization techniques or move it to " +
-          "static getDerivedStateFromProps. Learn more at: https://react.dev/reference/react/Component#static-getderivedstatefromprops\n" +
-          "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
-          "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-          "To rename all deprecated lifecycles to their new names, you can run " +
-          "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-          "\nPlease update the following components: %s",
-        _sortedNames4
-      );
-    }
+            case ClassComponent: {
+              var Component = node.type;
 
-    if (componentWillUpdateUniqueNames.size > 0) {
-      var _sortedNames5 = setToSortedString(componentWillUpdateUniqueNames);
+              if (isContextProvider(Component)) {
+                return node.stateNode.__reactInternalMemoizedMergedChildContext;
+              }
 
-      warn(
-        "componentWillUpdate has been renamed, and is not recommended for use. " +
-          "See https://react.dev/reference/react/Component#componentwillupdate for details.\n\n" +
-          "* Move data fetching code or side effects to componentDidUpdate.\n" +
-          "* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress " +
-          "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-          "To rename all deprecated lifecycles to their new names, you can run " +
-          "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-          "\nPlease update the following components: %s",
-        _sortedNames5
-      );
-    }
-  };
+              break;
+            }
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-  var pendingLegacyContextWarning = new Map(); // Tracks components we have already warned about.
+          node = node.return;
+        } while (node !== null);
 
-  var didWarnAboutLegacyContext = new Set();
+        throw new Error(
+          "Found unexpected detached subtree parent. " +
+            "This error is likely caused by a bug in React. Please file an issue."
+        );
+      }
+    }
 
-  ReactStrictModeWarnings.recordLegacyContextWarning = function(
-    fiber,
-    instance
-  ) {
-    var strictRoot = findStrictRoot(fiber);
+    var LegacyRoot = 0;
+    var ConcurrentRoot = 1;
+
+    // We use the existence of the state object as an indicator that the component
+    // is hidden.
+    var OffscreenVisible =
+      /*                     */
+      1;
+    var OffscreenDetached =
+      /*                    */
+      2;
+    var OffscreenPassiveEffectsConnected =
+      /*     */
+      4;
+    function isOffscreenManual(offscreenFiber) {
+      return (
+        offscreenFiber.memoizedProps !== null &&
+        offscreenFiber.memoizedProps.mode === "manual"
+      );
+    }
 
-    if (strictRoot === null) {
-      error(
-        "Expected to find a StrictMode component in a strict mode tree. " +
-          "This error is likely caused by a bug in React. Please file an issue."
+    /**
+     * inlined Object.is polyfill to avoid requiring consumers ship their own
+     * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+     */
+    function is(x, y) {
+      return (
+        (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y) // eslint-disable-line no-self-compare
       );
+    }
 
-      return;
-    } // Dedup strategy: Warn once per component.
+    var objectIs = typeof Object.is === "function" ? Object.is : is; // $FlowFixMe[method-unbinding]
 
-    if (didWarnAboutLegacyContext.has(fiber.type)) {
-      return;
+    // This is imported by the event replaying implementation in React DOM. It's
+    // in a separate file to break a circular dependency between the renderer and
+    // the reconciler.
+    function isRootDehydrated(root) {
+      var currentState = root.current.memoizedState;
+      return currentState.isDehydrated;
     }
 
-    var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
+    var contextStackCursor = createCursor(null);
+    var contextFiberStackCursor = createCursor(null);
+    var rootInstanceStackCursor = createCursor(null); // Represents the nearest host transition provider (in React DOM, a <form />)
 
-    if (
-      fiber.type.contextTypes != null ||
-      fiber.type.childContextTypes != null ||
-      (instance !== null && typeof instance.getChildContext === "function")
-    ) {
-      if (warningsForRoot === undefined) {
-        warningsForRoot = [];
-        pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+    function requiredContext(c) {
+      {
+        if (c === null) {
+          error(
+            "Expected host context to exist. This error is likely caused by a bug " +
+              "in React. Please file an issue."
+          );
+        }
       }
 
-      warningsForRoot.push(fiber);
+      return c;
     }
-  };
 
-  ReactStrictModeWarnings.flushLegacyContextWarning = function() {
-    pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
-      if (fiberArray.length === 0) {
-        return;
-      }
+    function getRootHostContainer() {
+      var rootInstance = requiredContext(rootInstanceStackCursor.current);
+      return rootInstance;
+    }
 
-      var firstFiber = fiberArray[0];
-      var uniqueNames = new Set();
-      fiberArray.forEach(function(fiber) {
-        uniqueNames.add(getComponentNameFromFiber(fiber) || "Component");
-        didWarnAboutLegacyContext.add(fiber.type);
-      });
-      var sortedNames = setToSortedString(uniqueNames);
+    function pushHostContainer(fiber, nextRootInstance) {
+      // Push current root instance onto the stack;
+      // This allows us to reset root when portals are popped.
+      push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
+      // This enables us to pop only Fibers that provide unique contexts.
 
-      try {
-        setCurrentFiber(firstFiber);
+      push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
+      // However, we can't just call getRootHostContext() and push it because
+      // we'd have a different number of entries on the stack depending on
+      // whether getRootHostContext() throws somewhere in renderer code or not.
+      // So we push an empty value first. This lets us safely unwind on errors.
 
-        error(
-          "Legacy context API has been detected within a strict-mode tree." +
-            "\n\nThe old API will be supported in all 16.x releases, but applications " +
-            "using it should migrate to the new version." +
-            "\n\nPlease update the following components: %s" +
-            "\n\nLearn more about this warning here: https://legacy.reactjs.org/docs/legacy-context.html",
-          sortedNames
-        );
-      } finally {
-        resetCurrentFiber();
-      }
-    });
-  };
-
-  ReactStrictModeWarnings.discardPendingWarnings = function() {
-    pendingComponentWillMountWarnings = [];
-    pendingUNSAFE_ComponentWillMountWarnings = [];
-    pendingComponentWillReceivePropsWarnings = [];
-    pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
-    pendingComponentWillUpdateWarnings = [];
-    pendingUNSAFE_ComponentWillUpdateWarnings = [];
-    pendingLegacyContextWarning = new Map();
-  };
-}
+      push(contextStackCursor, null, fiber);
+      var nextRootContext = getRootHostContext(); // Now that we know this function doesn't throw, replace it.
 
-/*
- * The `'' + value` pattern (used in 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 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";
-    return type;
-  }
-} // $FlowFixMe only called in DEV, so void return is not possible.
-
-function willCoercionThrow(value) {
-  {
-    try {
-      testStringCoercion(value);
-      return false;
-    } catch (e) {
-      return true;
+      pop(contextStackCursor, fiber);
+      push(contextStackCursor, nextRootContext, fiber);
     }
-  }
-}
-
-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 before using it here.",
-        typeName(value)
-      );
 
-      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    function popHostContainer(fiber) {
+      pop(contextStackCursor, fiber);
+      pop(contextFiberStackCursor, fiber);
+      pop(rootInstanceStackCursor, fiber);
     }
-  }
-}
-function checkPropStringCoercion(value, propName) {
-  {
-    if (willCoercionThrow(value)) {
-      error(
-        "The provided `%s` prop is an unsupported type %s." +
-          " This value must be coerced to a string before before using it here.",
-        propName,
-        typeName(value)
-      );
 
-      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    function getHostContext() {
+      var context = requiredContext(contextStackCursor.current);
+      return context;
     }
-  }
-}
 
-function resolveDefaultProps(Component, baseProps) {
-  if (Component && Component.defaultProps) {
-    // Resolve default props. Taken from ReactElement
-    var props = assign({}, baseProps);
-    var defaultProps = Component.defaultProps;
+    function pushHostContext(fiber) {
+      var context = requiredContext(contextStackCursor.current);
+      var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
 
-    for (var propName in defaultProps) {
-      if (props[propName] === undefined) {
-        props[propName] = defaultProps[propName];
+      if (context !== nextContext) {
+        // Track the context and the Fiber that provided it.
+        // This enables us to pop only Fibers that provide unique contexts.
+        push(contextFiberStackCursor, fiber, fiber);
+        push(contextStackCursor, nextContext, fiber);
       }
     }
 
-    return props;
-  }
-
-  return baseProps;
-}
+    function popHostContext(fiber) {
+      if (contextFiberStackCursor.current === fiber) {
+        // Do not pop unless this Fiber provided the current context.
+        // pushHostContext() only pushes Fibers that provide unique contexts.
+        pop(contextStackCursor, fiber);
+        pop(contextFiberStackCursor, fiber);
+      }
+    }
 
-var valueCursor = createCursor(null);
-var rendererSigil;
+    var isHydrating = false; // This flag allows for warning supression when we expect there to be mismatches
+    // due to earlier mismatches or a suspended fiber.
 
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-}
+    var didSuspendOrErrorDEV = false; // Hydration errors that were thrown inside this boundary
 
-var currentlyRenderingFiber = null;
-var lastContextDependency = null;
-var lastFullyObservedContext = null;
-var isDisallowedContextReadInDEV = false;
-function resetContextDependencies() {
-  // This is called right before React yields execution, to ensure `readContext`
-  // cannot be called outside the render phase.
-  currentlyRenderingFiber = null;
-  lastContextDependency = null;
-  lastFullyObservedContext = null;
-
-  {
-    isDisallowedContextReadInDEV = false;
-  }
-}
-function enterDisallowedContextReadInDEV() {
-  {
-    isDisallowedContextReadInDEV = true;
-  }
-}
-function exitDisallowedContextReadInDEV() {
-  {
-    isDisallowedContextReadInDEV = false;
-  }
-}
-function pushProvider(providerFiber, context, nextValue) {
-  {
-    push(valueCursor, context._currentValue2, providerFiber);
-    context._currentValue2 = nextValue;
+    var hydrationErrors = null;
+    function didSuspendOrErrorWhileHydratingDEV() {
+      {
+        return didSuspendOrErrorDEV;
+      }
+    }
 
-    {
-      if (
-        context._currentRenderer2 !== undefined &&
-        context._currentRenderer2 !== null &&
-        context._currentRenderer2 !== rendererSigil
-      ) {
-        error(
-          "Detected multiple renderers concurrently rendering the " +
-            "same context provider. This is currently unsupported."
+    function prepareToHydrateHostInstance(fiber, hostContext) {
+      {
+        throw new Error(
+          "Expected prepareToHydrateHostInstance() to never be called. " +
+            "This error is likely caused by a bug in React. Please file an issue."
         );
       }
-
-      context._currentRenderer2 = rendererSigil;
     }
-  }
-}
-function popProvider(context, providerFiber) {
-  var currentValue = valueCursor.current;
-  pop(valueCursor, providerFiber);
 
-  {
-    {
-      context._currentValue2 = currentValue;
+    function prepareToHydrateHostTextInstance(fiber) {
+      {
+        throw new Error(
+          "Expected prepareToHydrateHostTextInstance() to never be called. " +
+            "This error is likely caused by a bug in React. Please file an issue."
+        );
+      }
     }
-  }
-}
-function scheduleContextWorkOnParentPath(parent, renderLanes, propagationRoot) {
-  // Update the child lanes of all the ancestors, including the alternates.
-  var node = parent;
 
-  while (node !== null) {
-    var alternate = node.alternate;
+    function prepareToHydrateHostSuspenseInstance(fiber) {
+      {
+        throw new Error(
+          "Expected prepareToHydrateHostSuspenseInstance() to never be called. " +
+            "This error is likely caused by a bug in React. Please file an issue."
+        );
+      }
+    }
 
-    if (!isSubsetOfLanes(node.childLanes, renderLanes)) {
-      node.childLanes = mergeLanes(node.childLanes, renderLanes);
+    function popHydrationState(fiber) {
+      {
+        return false;
+      }
+    }
 
-      if (alternate !== null) {
-        alternate.childLanes = mergeLanes(alternate.childLanes, renderLanes);
+    function upgradeHydrationErrorsToRecoverable() {
+      if (hydrationErrors !== null) {
+        // Successfully completed a forced client render. The errors that occurred
+        // during the hydration attempt are now recovered. We will log them in
+        // commit phase, once the entire tree has finished.
+        queueRecoverableErrors(hydrationErrors);
+        hydrationErrors = null;
       }
-    } else if (
-      alternate !== null &&
-      !isSubsetOfLanes(alternate.childLanes, renderLanes)
-    ) {
-      alternate.childLanes = mergeLanes(alternate.childLanes, renderLanes);
     }
 
-    if (node === propagationRoot) {
-      break;
+    function getIsHydrating() {
+      return isHydrating;
     }
 
-    node = node.return;
-  }
+    function queueHydrationError(error) {
+      if (hydrationErrors === null) {
+        hydrationErrors = [error];
+      } else {
+        hydrationErrors.push(error);
+      }
+    }
+
+    // we wait until the current render is over (either finished or interrupted)
+    // before adding it to the fiber/hook queue. Push to this array so we can
+    // access the queue, fiber, update, et al later.
+
+    var concurrentQueues = [];
+    var concurrentQueuesIndex = 0;
+    var concurrentlyUpdatedLanes = NoLanes;
+    function finishQueueingConcurrentUpdates() {
+      var endIndex = concurrentQueuesIndex;
+      concurrentQueuesIndex = 0;
+      concurrentlyUpdatedLanes = NoLanes;
+      var i = 0;
+
+      while (i < endIndex) {
+        var fiber = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var queue = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var update = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var lane = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+
+        if (queue !== null && update !== null) {
+          var pending = queue.pending;
+
+          if (pending === null) {
+            // This is the first update. Create a circular list.
+            update.next = update;
+          } else {
+            update.next = pending.next;
+            pending.next = update;
+          }
 
-  {
-    if (node !== propagationRoot) {
-      error(
-        "Expected to find the propagation root when scheduling context work. " +
-          "This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
-  }
-}
-function propagateContextChange(workInProgress, context, renderLanes) {
-  {
-    propagateContextChange_eager(workInProgress, context, renderLanes);
-  }
-}
+          queue.pending = update;
+        }
 
-function propagateContextChange_eager(workInProgress, context, renderLanes) {
-  var fiber = workInProgress.child;
+        if (lane !== NoLane) {
+          markUpdateLaneFromFiberToRoot(fiber, update, lane);
+        }
+      }
+    }
+    function getConcurrentlyUpdatedLanes() {
+      return concurrentlyUpdatedLanes;
+    }
 
-  if (fiber !== null) {
-    // Set the return pointer of the child to the work-in-progress fiber.
-    fiber.return = workInProgress;
-  }
+    function enqueueUpdate$1(fiber, queue, update, lane) {
+      // Don't update the `childLanes` on the return path yet. If we already in
+      // the middle of rendering, wait until after it has completed.
+      concurrentQueues[concurrentQueuesIndex++] = fiber;
+      concurrentQueues[concurrentQueuesIndex++] = queue;
+      concurrentQueues[concurrentQueuesIndex++] = update;
+      concurrentQueues[concurrentQueuesIndex++] = lane;
+      concurrentlyUpdatedLanes = mergeLanes(concurrentlyUpdatedLanes, lane); // The fiber's `lane` field is used in some places to check if any work is
+      // scheduled, to perform an eager bailout, so we need to update it immediately.
+      // TODO: We should probably move this to the "shared" queue instead.
 
-  while (fiber !== null) {
-    var nextFiber = void 0; // Visit this fiber.
+      fiber.lanes = mergeLanes(fiber.lanes, lane);
+      var alternate = fiber.alternate;
 
-    var list = fiber.dependencies;
+      if (alternate !== null) {
+        alternate.lanes = mergeLanes(alternate.lanes, lane);
+      }
+    }
 
-    if (list !== null) {
-      nextFiber = fiber.child;
-      var dependency = list.firstContext;
+    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
+      return getRootForUpdatedFiber(fiber);
+    }
+    function enqueueConcurrentHookUpdateAndEagerlyBailout(
+      fiber,
+      queue,
+      update
+    ) {
+      // This function is used to queue an update that doesn't need a rerender. The
+      // only reason we queue it is in case there's a subsequent higher priority
+      // update that causes it to be rebased.
+      var lane = NoLane;
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane); // Usually we can rely on the upcoming render phase to process the concurrent
+      // queue. However, since this is a bail out, we're not scheduling any work
+      // here. So the update we just queued will leak until something else happens
+      // to schedule work (if ever).
+      //
+      // Check if we're currently in the middle of rendering a tree, and if not,
+      // process the queue immediately to prevent a leak.
 
-      while (dependency !== null) {
-        // Check if the context matches.
-        if (dependency.context === context) {
-          // Match! Schedule an update on this fiber.
-          if (fiber.tag === ClassComponent) {
-            // Schedule a force update on the work-in-progress.
-            var lane = pickArbitraryLane(renderLanes);
-            var update = createUpdate(NoTimestamp, lane);
-            update.tag = ForceUpdate; // TODO: Because we don't have a work-in-progress, this will add the
-            // update to the current fiber, too, which means it will persist even if
-            // this render is thrown away. Since it's a race condition, not sure it's
-            // worth fixing.
-            // Inlined `enqueueUpdate` to remove interleaved update check
+      var isConcurrentlyRendering = getWorkInProgressRoot() !== null;
 
-            var updateQueue = fiber.updateQueue;
+      if (!isConcurrentlyRendering) {
+        finishQueueingConcurrentUpdates();
+      }
+    }
+    function enqueueConcurrentClassUpdate(fiber, queue, update, lane) {
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
+      return getRootForUpdatedFiber(fiber);
+    }
+    function enqueueConcurrentRenderForLane(fiber, lane) {
+      enqueueUpdate$1(fiber, null, null, lane);
+      return getRootForUpdatedFiber(fiber);
+    } // Calling this function outside this module should only be done for backwards
+    // compatibility and should always be accompanied by a warning.
 
-            if (updateQueue === null);
-            else {
-              var sharedQueue = updateQueue.shared;
-              var pending = sharedQueue.pending;
+    function unsafe_markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
+      // NOTE: For Hyrum's Law reasons, if an infinite update loop is detected, it
+      // should throw before `markUpdateLaneFromFiberToRoot` is called. But this is
+      // undefined behavior and we can change it if we need to; it just so happens
+      // that, at the time of this writing, there's an internal product test that
+      // happens to rely on this.
+      var root = getRootForUpdatedFiber(sourceFiber);
+      markUpdateLaneFromFiberToRoot(sourceFiber, null, lane);
+      return root;
+    }
 
-              if (pending === null) {
-                // This is the first update. Create a circular list.
-                update.next = update;
-              } else {
-                update.next = pending.next;
-                pending.next = update;
-              }
+    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+      // Update the source fiber's lanes
+      sourceFiber.lanes = mergeLanes(sourceFiber.lanes, lane);
+      var alternate = sourceFiber.alternate;
 
-              sharedQueue.pending = update;
-            }
-          }
+      if (alternate !== null) {
+        alternate.lanes = mergeLanes(alternate.lanes, lane);
+      } // Walk the parent path to the root and update the child lanes.
 
-          fiber.lanes = mergeLanes(fiber.lanes, renderLanes);
-          var alternate = fiber.alternate;
+      var isHidden = false;
+      var parent = sourceFiber.return;
+      var node = sourceFiber;
 
-          if (alternate !== null) {
-            alternate.lanes = mergeLanes(alternate.lanes, renderLanes);
-          }
+      while (parent !== null) {
+        parent.childLanes = mergeLanes(parent.childLanes, lane);
+        alternate = parent.alternate;
 
-          scheduleContextWorkOnParentPath(
-            fiber.return,
-            renderLanes,
-            workInProgress
-          ); // Mark the updated lanes on the list, too.
+        if (alternate !== null) {
+          alternate.childLanes = mergeLanes(alternate.childLanes, lane);
+        }
 
-          list.lanes = mergeLanes(list.lanes, renderLanes); // Since we already found a match, we can stop traversing the
-          // dependency list.
+        if (parent.tag === OffscreenComponent) {
+          // Check if this offscreen boundary is currently hidden.
+          //
+          // The instance may be null if the Offscreen parent was unmounted. Usually
+          // the parent wouldn't be reachable in that case because we disconnect
+          // fibers from the tree when they are deleted. However, there's a weird
+          // edge case where setState is called on a fiber that was interrupted
+          // before it ever mounted. Because it never mounts, it also never gets
+          // deleted. Because it never gets deleted, its return pointer never gets
+          // disconnected. Which means it may be attached to a deleted Offscreen
+          // parent node. (This discovery suggests it may be better for memory usage
+          // if we don't attach the `return` pointer until the commit phase, though
+          // in order to do that we'd need some other way to track the return
+          // pointer during the initial render, like on the stack.)
+          //
+          // This case is always accompanied by a warning, but we still need to
+          // account for it. (There may be other cases that we haven't discovered,
+          // too.)
+          var offscreenInstance = parent.stateNode;
 
-          break;
+          if (
+            offscreenInstance !== null &&
+            !(offscreenInstance._visibility & OffscreenVisible)
+          ) {
+            isHidden = true;
+          }
         }
 
-        dependency = dependency.next;
+        node = parent;
+        parent = parent.return;
       }
-    } else if (fiber.tag === ContextProvider) {
-      // Don't scan deeper if this is a matching provider
-      nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
-    } else if (fiber.tag === DehydratedFragment) {
-      // If a dehydrated suspense boundary is in this subtree, we don't know
-      // if it will have any context consumers in it. The best we can do is
-      // mark it as having updates.
-      var parentSuspense = fiber.return;
 
-      if (parentSuspense === null) {
-        throw new Error(
-          "We just came from a parent so we must have had a parent. This is a bug in React."
-        );
+      if (isHidden && update !== null && node.tag === HostRoot) {
+        var root = node.stateNode;
+        markHiddenUpdate(root, update, lane);
       }
+    }
 
-      parentSuspense.lanes = mergeLanes(parentSuspense.lanes, renderLanes);
-      var _alternate = parentSuspense.alternate;
+    function getRootForUpdatedFiber(sourceFiber) {
+      // TODO: We will detect and infinite update loop and throw even if this fiber
+      // has already unmounted. This isn't really necessary but it happens to be the
+      // current behavior we've used for several release cycles. Consider not
+      // performing this check if the updated fiber already unmounted, since it's
+      // not possible for that to cause an infinite update loop.
+      throwIfInfiniteUpdateLoopDetected(); // When a setState happens, we must ensure the root is scheduled. Because
+      // update queues do not have a backpointer to the root, the only way to do
+      // this currently is to walk up the return path. This used to not be a big
+      // deal because we would have to walk up the return path to set
+      // the `childLanes`, anyway, but now those two traversals happen at
+      // different times.
+      // TODO: Consider adding a `root` backpointer on the update queue.
 
-      if (_alternate !== null) {
-        _alternate.lanes = mergeLanes(_alternate.lanes, renderLanes);
-      } // This is intentionally passing this fiber as the parent
-      // because we want to schedule this fiber as having work
-      // on its children. We'll use the childLanes on
-      // this fiber to indicate that a context has changed.
+      detectUpdateOnUnmountedFiber(sourceFiber, sourceFiber);
+      var node = sourceFiber;
+      var parent = node.return;
 
-      scheduleContextWorkOnParentPath(
-        parentSuspense,
-        renderLanes,
-        workInProgress
-      );
-      nextFiber = fiber.sibling;
-    } else {
-      // Traverse down.
-      nextFiber = fiber.child;
-    }
-
-    if (nextFiber !== null) {
-      // Set the return pointer of the child to the work-in-progress fiber.
-      nextFiber.return = fiber;
-    } else {
-      // No child. Traverse to next sibling.
-      nextFiber = fiber;
-
-      while (nextFiber !== null) {
-        if (nextFiber === workInProgress) {
-          // We're back to the root of this subtree. Exit.
-          nextFiber = null;
-          break;
-        }
+      while (parent !== null) {
+        detectUpdateOnUnmountedFiber(sourceFiber, node);
+        node = parent;
+        parent = node.return;
+      }
 
-        var sibling = nextFiber.sibling;
+      return node.tag === HostRoot ? node.stateNode : null;
+    }
 
-        if (sibling !== null) {
-          // Set the return pointer of the sibling to the work-in-progress fiber.
-          sibling.return = nextFiber.return;
-          nextFiber = sibling;
-          break;
-        } // No more siblings. Traverse up.
+    function detectUpdateOnUnmountedFiber(sourceFiber, parent) {
+      {
+        var alternate = parent.alternate;
 
-        nextFiber = nextFiber.return;
+        if (
+          alternate === null &&
+          (parent.flags & (Placement | Hydrating)) !== NoFlags$1
+        ) {
+          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
+        }
       }
     }
 
-    fiber = nextFiber;
-  }
-}
-function prepareToReadContext(workInProgress, renderLanes) {
-  currentlyRenderingFiber = workInProgress;
-  lastContextDependency = null;
-  lastFullyObservedContext = null;
-  var dependencies = workInProgress.dependencies;
+    var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+    // there's only a single root, but we do support multi root apps, hence this
+    // extra complexity. But this module is optimized for the single root case.
 
-  if (dependencies !== null) {
-    {
-      var firstContext = dependencies.firstContext;
+    var firstScheduledRoot = null;
+    var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
 
-      if (firstContext !== null) {
-        if (includesSomeLane(dependencies.lanes, renderLanes)) {
-          // Context list has a pending update. Mark that this fiber performed work.
-          markWorkInProgressReceivedUpdate();
-        } // Reset the work-in-progress list
+    var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+    // microtask, so we have to dedupe those separately. This wouldn't be an issue
+    // if we required all `act` calls to be awaited, which we might in the future.
+
+    var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
+
+    var mightHavePendingSyncWork = false;
+    var isFlushingWork = false;
+    var currentEventTransitionLane = NoLane;
+    function ensureRootIsScheduled(root) {
+      // This function is called whenever a root receives an update. It does two
+      // things 1) it ensures the root is in the root schedule, and 2) it ensures
+      // there's a pending microtask to process the root schedule.
+      //
+      // Most of the actual scheduling logic does not happen until
+      // `scheduleTaskForRootDuringMicrotask` runs.
+      // Add the root to the schedule
+      if (root === lastScheduledRoot || root.next !== null);
+      else {
+        if (lastScheduledRoot === null) {
+          firstScheduledRoot = lastScheduledRoot = root;
+        } else {
+          lastScheduledRoot.next = root;
+          lastScheduledRoot = root;
+        }
+      } // Any time a root received an update, we set this to true until the next time
+      // we process the schedule. If it's false, then we can quickly exit flushSync
+      // without consulting the schedule.
+
+      mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+      // there's a task scheduled for each one at the correct priority.
+
+      if (ReactCurrentActQueue$3.current !== null) {
+        // We're inside an `act` scope.
+        if (!didScheduleMicrotask_act) {
+          didScheduleMicrotask_act = true;
+          scheduleImmediateTask(processRootScheduleInMicrotask);
+        }
+      } else {
+        if (!didScheduleMicrotask) {
+          didScheduleMicrotask = true;
+          scheduleImmediateTask(processRootScheduleInMicrotask);
+        }
+      }
+
+      {
+        // While this flag is disabled, we schedule the render task immediately
+        // instead of waiting a microtask.
+        // TODO: We need to land enableDeferRootSchedulingToMicrotask ASAP to
+        // unblock additional features we have planned.
+        scheduleTaskForRootDuringMicrotask(root, now$1());
+      }
 
-        dependencies.firstContext = null;
+      if (ReactCurrentActQueue$3.isBatchingLegacy && root.tag === LegacyRoot) {
+        // Special `act` case: Record whenever a legacy update is scheduled.
+        ReactCurrentActQueue$3.didScheduleLegacyUpdate = true;
       }
     }
-  }
-}
-function readContext(context) {
-  {
-    // This warning would fire if you read context inside a Hook like useMemo.
-    // Unlike the class check below, it's not enforced in production for perf.
-    if (isDisallowedContextReadInDEV) {
-      error(
-        "Context can only be read while React is rendering. " +
-          "In classes, you can read it in the render method or getDerivedStateFromProps. " +
-          "In function components, you can read it directly in the function body, but not " +
-          "inside Hooks like useReducer() or useMemo()."
-      );
+    function flushSyncWorkOnAllRoots() {
+      // This is allowed to be called synchronously, but the caller should check
+      // the execution context first.
+      flushSyncWorkAcrossRoots_impl(false);
+    }
+    function flushSyncWorkOnLegacyRootsOnly() {
+      // This is allowed to be called synchronously, but the caller should check
+      // the execution context first.
+      flushSyncWorkAcrossRoots_impl(true);
     }
-  }
 
-  var value = context._currentValue2;
+    function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+      if (isFlushingWork) {
+        // Prevent reentrancy.
+        // TODO: Is this overly defensive? The callers must check the execution
+        // context first regardless.
+        return;
+      }
 
-  if (lastFullyObservedContext === context);
-  else {
-    var contextItem = {
-      context: context,
-      memoizedValue: value,
-      next: null
-    };
+      if (!mightHavePendingSyncWork) {
+        // Fast path. There's no sync work to do.
+        return;
+      } // There may or may not be synchronous work scheduled. Let's check.
 
-    if (lastContextDependency === null) {
-      if (currentlyRenderingFiber === null) {
-        throw new Error(
-          "Context can only be read while React is rendering. " +
-            "In classes, you can read it in the render method or getDerivedStateFromProps. " +
-            "In function components, you can read it directly in the function body, but not " +
-            "inside Hooks like useReducer() or useMemo()."
-        );
-      } // This is the first dependency for this component. Create a new list.
+      var didPerformSomeWork;
+      var errors = null;
+      isFlushingWork = true;
 
-      lastContextDependency = contextItem;
-      currentlyRenderingFiber.dependencies = {
-        lanes: NoLanes,
-        firstContext: contextItem
-      };
-    } else {
-      // Append a new context item.
-      lastContextDependency = lastContextDependency.next = contextItem;
-    }
-  }
+      do {
+        didPerformSomeWork = false;
+        var root = firstScheduledRoot;
+
+        while (root !== null) {
+          if (onlyLegacy && root.tag !== LegacyRoot);
+          else {
+            var workInProgressRoot = getWorkInProgressRoot();
+            var workInProgressRootRenderLanes =
+              getWorkInProgressRootRenderLanes();
+            var nextLanes = getNextLanes(
+              root,
+              root === workInProgressRoot
+                ? workInProgressRootRenderLanes
+                : NoLanes
+            );
 
-  return value;
-}
+            if (includesSyncLane(nextLanes)) {
+              // This root has pending sync work. Flush it now.
+              try {
+                didPerformSomeWork = true;
+                performSyncWorkOnRoot(root, nextLanes);
+              } catch (error) {
+                // Collect errors so we can rethrow them at the end
+                if (errors === null) {
+                  errors = [error];
+                } else {
+                  errors.push(error);
+                }
+              }
+            }
+          }
 
-// render. When this render exits, either because it finishes or because it is
-// interrupted, the interleaved updates will be transferred onto the main part
-// of the queue.
-
-var concurrentQueues = null;
-function pushConcurrentUpdateQueue(queue) {
-  if (concurrentQueues === null) {
-    concurrentQueues = [queue];
-  } else {
-    concurrentQueues.push(queue);
-  }
-}
-function finishQueueingConcurrentUpdates() {
-  // Transfer the interleaved updates onto the main queue. Each queue has a
-  // `pending` field and an `interleaved` field. When they are not null, they
-  // point to the last node in a circular linked list. We need to append the
-  // interleaved list to the end of the pending list by joining them into a
-  // single, circular list.
-  if (concurrentQueues !== null) {
-    for (var i = 0; i < concurrentQueues.length; i++) {
-      var queue = concurrentQueues[i];
-      var lastInterleavedUpdate = queue.interleaved;
+          root = root.next;
+        }
+      } while (didPerformSomeWork);
 
-      if (lastInterleavedUpdate !== null) {
-        queue.interleaved = null;
-        var firstInterleavedUpdate = lastInterleavedUpdate.next;
-        var lastPendingUpdate = queue.pending;
+      isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+      // TODO: Consider returning these to the caller, to allow them to decide
+      // how/when to rethrow.
 
-        if (lastPendingUpdate !== null) {
-          var firstPendingUpdate = lastPendingUpdate.next;
-          lastPendingUpdate.next = firstInterleavedUpdate;
-          lastInterleavedUpdate.next = firstPendingUpdate;
-        }
+      if (errors !== null) {
+        if (errors.length > 1) {
+          if (typeof AggregateError === "function") {
+            // eslint-disable-next-line no-undef
+            throw new AggregateError(errors);
+          } else {
+            for (var i = 1; i < errors.length; i++) {
+              scheduleImmediateTask(throwError.bind(null, errors[i]));
+            }
 
-        queue.pending = lastInterleavedUpdate;
+            var firstError = errors[0];
+            throw firstError;
+          }
+        } else {
+          var error = errors[0];
+          throw error;
+        }
       }
     }
 
-    concurrentQueues = null;
-  }
-}
-function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-  var interleaved = queue.interleaved;
-
-  if (interleaved === null) {
-    // This is the first update. Create a circular list.
-    update.next = update; // At the end of the current render, this queue's interleaved updates will
-    // be transferred to the pending queue.
-
-    pushConcurrentUpdateQueue(queue);
-  } else {
-    update.next = interleaved.next;
-    interleaved.next = update;
-  }
-
-  queue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
-}
-function enqueueConcurrentHookUpdateAndEagerlyBailout(
-  fiber,
-  queue,
-  update,
-  lane
-) {
-  var interleaved = queue.interleaved;
-
-  if (interleaved === null) {
-    // This is the first update. Create a circular list.
-    update.next = update; // At the end of the current render, this queue's interleaved updates will
-    // be transferred to the pending queue.
-
-    pushConcurrentUpdateQueue(queue);
-  } else {
-    update.next = interleaved.next;
-    interleaved.next = update;
-  }
-
-  queue.interleaved = update;
-}
-function enqueueConcurrentClassUpdate(fiber, queue, update, lane) {
-  var interleaved = queue.interleaved;
-
-  if (interleaved === null) {
-    // This is the first update. Create a circular list.
-    update.next = update; // At the end of the current render, this queue's interleaved updates will
-    // be transferred to the pending queue.
-
-    pushConcurrentUpdateQueue(queue);
-  } else {
-    update.next = interleaved.next;
-    interleaved.next = update;
-  }
-
-  queue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
-}
-function enqueueConcurrentRenderForLane(fiber, lane) {
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
-} // Calling this function outside this module should only be done for backwards
-// compatibility and should always be accompanied by a warning.
+    function throwError(error) {
+      throw error;
+    }
 
-var unsafe_markUpdateLaneFromFiberToRoot = markUpdateLaneFromFiberToRoot;
+    function processRootScheduleInMicrotask() {
+      // This function is always called inside a microtask. It should never be
+      // called synchronously.
+      didScheduleMicrotask = false;
 
-function markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
-  // Update the source fiber's lanes
-  sourceFiber.lanes = mergeLanes(sourceFiber.lanes, lane);
-  var alternate = sourceFiber.alternate;
+      {
+        didScheduleMicrotask_act = false;
+      } // We'll recompute this as we iterate through all the roots and schedule them.
 
-  if (alternate !== null) {
-    alternate.lanes = mergeLanes(alternate.lanes, lane);
-  }
+      mightHavePendingSyncWork = false;
+      var currentTime = now$1();
+      var prev = null;
+      var root = firstScheduledRoot;
 
-  {
-    if (
-      alternate === null &&
-      (sourceFiber.flags & (Placement | Hydrating)) !== NoFlags
-    ) {
-      warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
-    }
-  } // Walk the parent path to the root and update the child lanes.
+      while (root !== null) {
+        var next = root.next;
 
-  var node = sourceFiber;
-  var parent = sourceFiber.return;
-
-  while (parent !== null) {
-    parent.childLanes = mergeLanes(parent.childLanes, lane);
-    alternate = parent.alternate;
-
-    if (alternate !== null) {
-      alternate.childLanes = mergeLanes(alternate.childLanes, lane);
-    } else {
-      {
-        if ((parent.flags & (Placement | Hydrating)) !== NoFlags) {
-          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
+        if (
+          currentEventTransitionLane !== NoLane &&
+          shouldAttemptEagerTransition()
+        ) {
+          // A transition was scheduled during an event, but we're going to try to
+          // render it synchronously anyway. We do this during a popstate event to
+          // preserve the scroll position of the previous page.
+          upgradePendingLaneToSync(root, currentEventTransitionLane);
         }
-      }
-    }
 
-    node = parent;
-    parent = parent.return;
-  }
+        var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
 
-  if (node.tag === HostRoot) {
-    var root = node.stateNode;
-    return root;
-  } else {
-    return null;
-  }
-}
+        if (nextLanes === NoLane) {
+          // This root has no more pending work. Remove it from the schedule. To
+          // guard against subtle reentrancy bugs, this microtask is the only place
+          // we do this — you can add roots to the schedule whenever, but you can
+          // only remove them here.
+          // Null this out so we know it's been removed from the schedule.
+          root.next = null;
 
-var UpdateState = 0;
-var ReplaceState = 1;
-var ForceUpdate = 2;
-var CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
-// It should only be read right after calling `processUpdateQueue`, via
-// `checkHasForceUpdateAfterProcessing`.
+          if (prev === null) {
+            // This is the new head of the list
+            firstScheduledRoot = next;
+          } else {
+            prev.next = next;
+          }
 
-var hasForceUpdate = false;
-var didWarnUpdateInsideUpdate;
-var currentlyProcessingQueue;
+          if (next === null) {
+            // This is the new tail of the list
+            lastScheduledRoot = prev;
+          }
+        } else {
+          // This root still has work. Keep it in the list.
+          prev = root;
 
-{
-  didWarnUpdateInsideUpdate = false;
-  currentlyProcessingQueue = null;
-}
+          if (includesSyncLane(nextLanes)) {
+            mightHavePendingSyncWork = true;
+          }
+        }
 
-function initializeUpdateQueue(fiber) {
-  var queue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: {
-      pending: null,
-      interleaved: null,
-      lanes: NoLanes
-    },
-    effects: null
-  };
-  fiber.updateQueue = queue;
-}
-function cloneUpdateQueue(current, workInProgress) {
-  // Clone the update queue from current. Unless it's already a clone.
-  var queue = workInProgress.updateQueue;
-  var currentQueue = current.updateQueue;
-
-  if (queue === currentQueue) {
-    var clone = {
-      baseState: currentQueue.baseState,
-      firstBaseUpdate: currentQueue.firstBaseUpdate,
-      lastBaseUpdate: currentQueue.lastBaseUpdate,
-      shared: currentQueue.shared,
-      effects: currentQueue.effects
-    };
-    workInProgress.updateQueue = clone;
-  }
-}
-function createUpdate(eventTime, lane) {
-  var update = {
-    eventTime: eventTime,
-    lane: lane,
-    tag: UpdateState,
-    payload: null,
-    callback: null,
-    next: null
-  };
-  return update;
-}
-function enqueueUpdate(fiber, update, lane) {
-  var updateQueue = fiber.updateQueue;
+        root = next;
+      }
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return null;
-  }
+      currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+      // to come at the end, because it does actual rendering work that might throw.
 
-  var sharedQueue = updateQueue.shared;
+      flushSyncWorkOnAllRoots();
+    }
 
-  {
-    if (
-      currentlyProcessingQueue === sharedQueue &&
-      !didWarnUpdateInsideUpdate
-    ) {
-      error(
-        "An update (setState, replaceState, or forceUpdate) was scheduled " +
-          "from inside an update function. Update functions should be pure, " +
-          "with zero side-effects. Consider using componentDidUpdate or a " +
-          "callback."
+    function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+      // This function is always called inside a microtask, or at the very end of a
+      // rendering task right before we yield to the main thread. It should never be
+      // called synchronously.
+      //
+      // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+      // that ASAP to unblock additional features we have planned.
+      //
+      // This function also never performs React work synchronously; it should
+      // only schedule work to be performed later, in a separate task or microtask.
+      // Check if any lanes are being starved by other work. If so, mark them as
+      // expired so we know to work on those next.
+      markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+      var workInProgressRoot = getWorkInProgressRoot();
+      var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+      var nextLanes = getNextLanes(
+        root,
+        root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
       );
+      var existingCallbackNode = root.callbackNode;
 
-      didWarnUpdateInsideUpdate = true;
-    }
-  }
+      if (
+        // Check if there's nothing to work on
+        nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+        // schedule a task to render it. We'll either wait for a ping, or wait to
+        // receive an update.
+        //
+        // Suspended render phase
+        (root === workInProgressRoot && isWorkLoopSuspendedOnData()) || // Suspended commit phase
+        root.cancelPendingCommit !== null
+      ) {
+        // Fast path: There's nothing to work on.
+        if (existingCallbackNode !== null) {
+          cancelCallback(existingCallbackNode);
+        }
 
-  if (isUnsafeClassRenderPhaseUpdate()) {
-    // This is an unsafe render phase update. Add directly to the update
-    // queue so we can process it immediately during the current render.
-    var pending = sharedQueue.pending;
+        root.callbackNode = null;
+        root.callbackPriority = NoLane;
+        return NoLane;
+      } // Schedule a new callback in the host environment.
 
-    if (pending === null) {
-      // This is the first update. Create a circular list.
-      update.next = update;
-    } else {
-      update.next = pending.next;
-      pending.next = update;
-    }
+      if (includesSyncLane(nextLanes)) {
+        // Synchronous work is always flushed at the end of the microtask, so we
+        // don't need to schedule an additional task.
+        if (existingCallbackNode !== null) {
+          cancelCallback(existingCallbackNode);
+        }
 
-    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
-    // this fiber. This is for backwards compatibility in the case where you
-    // update a different component during render phase than the one that is
-    // currently renderings (a pattern that is accompanied by a warning).
+        root.callbackPriority = SyncLane;
+        root.callbackNode = null;
+        return SyncLane;
+      } else {
+        // We use the highest priority lane to represent the priority of the callback.
+        var existingCallbackPriority = root.callbackPriority;
+        var newCallbackPriority = getHighestPriorityLane(nextLanes);
 
-    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
-  } else {
-    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
-  }
-}
-function entangleTransitions(root, fiber, lane) {
-  var updateQueue = fiber.updateQueue;
+        if (
+          newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+          // Scheduler task, rather than an `act` task, cancel it and re-schedule
+          // on the `act` queue.
+          !(
+            ReactCurrentActQueue$3.current !== null &&
+            existingCallbackNode !== fakeActCallbackNode$1
+          )
+        ) {
+          // The priority hasn't changed. We can reuse the existing task.
+          return newCallbackPriority;
+        } else {
+          // Cancel the existing callback. We'll schedule a new one below.
+          cancelCallback(existingCallbackNode);
+        }
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return;
-  }
+        var schedulerPriorityLevel;
 
-  var sharedQueue = updateQueue.shared;
+        switch (lanesToEventPriority(nextLanes)) {
+          case DiscreteEventPriority:
+            schedulerPriorityLevel = ImmediatePriority;
+            break;
 
-  if (isTransitionLane(lane)) {
-    var queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
-    // have finished. We can remove them from the shared queue, which represents
-    // a superset of the actually pending lanes. In some cases we may entangle
-    // more than we need to, but that's OK. In fact it's worse if we *don't*
-    // entangle when we should.
+          case ContinuousEventPriority:
+            schedulerPriorityLevel = UserBlockingPriority;
+            break;
 
-    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+          case DefaultEventPriority:
+            schedulerPriorityLevel = NormalPriority;
+            break;
 
-    var newQueueLanes = mergeLanes(queueLanes, lane);
-    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
-    // the lane finished since the last time we entangled it. So we need to
-    // entangle it again, just to be sure.
+          case IdleEventPriority:
+            schedulerPriorityLevel = IdlePriority;
+            break;
 
-    markRootEntangled(root, newQueueLanes);
-  }
-}
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  // Captured updates are updates that are thrown by a child during the render
-  // phase. They should be discarded if the render is aborted. Therefore,
-  // we should only put them on the work-in-progress queue, not the current one.
-  var queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
-
-  var current = workInProgress.alternate;
-
-  if (current !== null) {
-    var currentQueue = current.updateQueue;
-
-    if (queue === currentQueue) {
-      // The work-in-progress queue is the same as current. This happens when
-      // we bail out on a parent fiber that then captures an error thrown by
-      // a child. Since we want to append the update only to the work-in
-      // -progress queue, we need to clone the updates. We usually clone during
-      // processUpdateQueue, but that didn't happen in this case because we
-      // skipped over the parent when we bailed out.
-      var newFirst = null;
-      var newLast = null;
-      var firstBaseUpdate = queue.firstBaseUpdate;
+          default:
+            schedulerPriorityLevel = NormalPriority;
+            break;
+        }
 
-      if (firstBaseUpdate !== null) {
-        // Loop through the updates and clone them.
-        var update = firstBaseUpdate;
+        var newCallbackNode = scheduleCallback$1(
+          schedulerPriorityLevel,
+          performConcurrentWorkOnRoot.bind(null, root)
+        );
+        root.callbackPriority = newCallbackPriority;
+        root.callbackNode = newCallbackNode;
+        return newCallbackPriority;
+      }
+    }
 
-        do {
-          var clone = {
-            eventTime: update.eventTime,
-            lane: update.lane,
-            tag: update.tag,
-            payload: update.payload,
-            callback: update.callback,
-            next: null
-          };
+    function getContinuationForRoot(root, originalCallbackNode) {
+      // This is called at the end of `performConcurrentWorkOnRoot` to determine
+      // if we need to schedule a continuation task.
+      //
+      // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+      // however, since most of the logic for determining if we need a continuation
+      // versus a new task is the same, we cheat a bit and call it here. This is
+      // only safe to do because we know we're at the end of the browser task.
+      // So although it's not an actual microtask, it might as well be.
+      scheduleTaskForRootDuringMicrotask(root, now$1());
 
-          if (newLast === null) {
-            newFirst = newLast = clone;
-          } else {
-            newLast.next = clone;
-            newLast = clone;
-          }
+      if (root.callbackNode === originalCallbackNode) {
+        // The task node scheduled for this root is the same one that's
+        // currently executed. Need to return a continuation.
+        return performConcurrentWorkOnRoot.bind(null, root);
+      }
 
-          update = update.next;
-        } while (update !== null); // Append the captured update the end of the cloned list.
+      return null;
+    }
+    var fakeActCallbackNode$1 = {};
 
-        if (newLast === null) {
-          newFirst = newLast = capturedUpdate;
-        } else {
-          newLast.next = capturedUpdate;
-          newLast = capturedUpdate;
-        }
+    function scheduleCallback$1(priorityLevel, callback) {
+      if (ReactCurrentActQueue$3.current !== null) {
+        // Special case: We're inside an `act` scope (a testing utility).
+        // Instead of scheduling work in the host environment, add it to a
+        // fake internal queue that's managed by the `act` implementation.
+        ReactCurrentActQueue$3.current.push(callback);
+        return fakeActCallbackNode$1;
       } else {
-        // There are no base updates.
-        newFirst = newLast = capturedUpdate;
+        return scheduleCallback$2(priorityLevel, callback);
       }
-
-      queue = {
-        baseState: currentQueue.baseState,
-        firstBaseUpdate: newFirst,
-        lastBaseUpdate: newLast,
-        shared: currentQueue.shared,
-        effects: currentQueue.effects
-      };
-      workInProgress.updateQueue = queue;
-      return;
     }
-  } // Append the update to the end of the list.
-
-  var lastBaseUpdate = queue.lastBaseUpdate;
 
-  if (lastBaseUpdate === null) {
-    queue.firstBaseUpdate = capturedUpdate;
-  } else {
-    lastBaseUpdate.next = capturedUpdate;
-  }
-
-  queue.lastBaseUpdate = capturedUpdate;
-}
-
-function getStateFromUpdate(
-  workInProgress,
-  queue,
-  update,
-  prevState,
-  nextProps,
-  instance
-) {
-  switch (update.tag) {
-    case ReplaceState: {
-      var payload = update.payload;
-
-      if (typeof payload === "function") {
-        // Updater function
-        {
-          enterDisallowedContextReadInDEV();
-        }
+    function cancelCallback(callbackNode) {
+      if (callbackNode === fakeActCallbackNode$1);
+      else if (callbackNode !== null) {
+        cancelCallback$1(callbackNode);
+      }
+    }
 
-        var nextState = payload.call(instance, prevState, nextProps);
+    function scheduleImmediateTask(cb) {
+      if (ReactCurrentActQueue$3.current !== null) {
+        // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+        // callback queue. This is because we currently support calling `act`
+        // without awaiting the result. The plan is to deprecate that, and require
+        // that you always await the result so that the microtasks have a chance to
+        // run. But it hasn't happened yet.
+        ReactCurrentActQueue$3.current.push(function () {
+          cb();
+          return null;
+        });
+      } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+      // Alternatively, can we move this check to the host config?
 
-        {
-          exitDisallowedContextReadInDEV();
-        }
+      {
+        // If microtasks are not supported, use Scheduler.
+        scheduleCallback$2(ImmediatePriority, cb);
+      }
+    }
 
-        return nextState;
-      } // State object
+    function requestTransitionLane( // This argument isn't used, it's only here to encourage the caller to
+      // check that it's inside a transition before calling this function.
+      // TODO: Make this non-nullable. Requires a tweak to useOptimistic.
+      transition
+    ) {
+      // The algorithm for assigning an update to a lane should be stable for all
+      // updates at the same priority within the same event. To do this, the
+      // inputs to the algorithm must be the same.
+      //
+      // The trick we use is to cache the first of each of these inputs within an
+      // event. Then reset the cached values once we can be sure the event is
+      // over. Our heuristic for that is whenever we enter a concurrent work loop.
+      if (currentEventTransitionLane === NoLane) {
+        // All transitions within the same event are assigned the same lane.
+        currentEventTransitionLane = claimNextTransitionLane();
+      }
 
-      return payload;
+      return currentEventTransitionLane;
     }
 
-    case CaptureUpdate: {
-      workInProgress.flags =
-        (workInProgress.flags & ~ShouldCapture) | DidCapture;
-    }
-    // Intentional fallthrough
+    var currentEntangledLane = NoLane; // A thenable that resolves when the entangled scope completes. It does not
+    // resolve to a particular value because it's only used for suspending the UI
+    // until the async action scope has completed.
 
-    case UpdateState: {
-      var _payload = update.payload;
-      var partialState;
+    var currentEntangledActionThenable = null;
 
-      if (typeof _payload === "function") {
-        // Updater function
-        {
-          enterDisallowedContextReadInDEV();
+    function chainThenableValue(thenable, result) {
+      // Equivalent to: Promise.resolve(thenable).then(() => result), except we can
+      // cheat a bit since we know that that this thenable is only ever consumed
+      // by React.
+      //
+      // We don't technically require promise support on the client yet, hence this
+      // extra code.
+      var listeners = [];
+      var thenableWithOverride = {
+        status: "pending",
+        value: null,
+        reason: null,
+        then: function (resolve) {
+          listeners.push(resolve);
         }
-
-        partialState = _payload.call(instance, prevState, nextProps);
-
-        {
-          exitDisallowedContextReadInDEV();
+      };
+      thenable.then(
+        function (value) {
+          var fulfilledThenable = thenableWithOverride;
+          fulfilledThenable.status = "fulfilled";
+          fulfilledThenable.value = result;
+
+          for (var i = 0; i < listeners.length; i++) {
+            var listener = listeners[i];
+            listener(result);
+          }
+        },
+        function (error) {
+          var rejectedThenable = thenableWithOverride;
+          rejectedThenable.status = "rejected";
+          rejectedThenable.reason = error;
+
+          for (var i = 0; i < listeners.length; i++) {
+            var listener = listeners[i]; // This is a perf hack where we call the `onFulfill` ping function
+            // instead of `onReject`, because we know that React is the only
+            // consumer of these promises, and it passes the same listener to both.
+            // We also know that it will read the error directly off the
+            // `.reason` field.
+
+            listener(undefined);
+          }
         }
-      } else {
-        // Partial state object
-        partialState = _payload;
-      }
-
-      if (partialState === null || partialState === undefined) {
-        // Null and undefined are treated as no-ops.
-        return prevState;
-      } // Merge the partial state and the previous state.
-
-      return assign({}, prevState, partialState);
+      );
+      return thenableWithOverride;
     }
-
-    case ForceUpdate: {
-      hasForceUpdate = true;
-      return prevState;
+    function peekEntangledActionLane() {
+      return currentEntangledLane;
+    }
+    function peekEntangledActionThenable() {
+      return currentEntangledActionThenable;
     }
-  }
-
-  return prevState;
-}
 
-function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-  // This is always non-null on a ClassComponent or HostRoot
-  var queue = workInProgress.updateQueue;
-  hasForceUpdate = false;
+    var UpdateState = 0;
+    var ReplaceState = 1;
+    var ForceUpdate = 2;
+    var CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
+    // It should only be read right after calling `processUpdateQueue`, via
+    // `checkHasForceUpdateAfterProcessing`.
 
-  {
-    currentlyProcessingQueue = queue.shared;
-  }
+    var hasForceUpdate = false;
+    var didWarnUpdateInsideUpdate;
+    var currentlyProcessingQueue;
 
-  var firstBaseUpdate = queue.firstBaseUpdate;
-  var lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
+    {
+      didWarnUpdateInsideUpdate = false;
+      currentlyProcessingQueue = null;
+    }
+
+    function initializeUpdateQueue(fiber) {
+      var queue = {
+        baseState: fiber.memoizedState,
+        firstBaseUpdate: null,
+        lastBaseUpdate: null,
+        shared: {
+          pending: null,
+          lanes: NoLanes,
+          hiddenCallbacks: null
+        },
+        callbacks: null
+      };
+      fiber.updateQueue = queue;
+    }
+    function cloneUpdateQueue(current, workInProgress) {
+      // Clone the update queue from current. Unless it's already a clone.
+      var queue = workInProgress.updateQueue;
+      var currentQueue = current.updateQueue;
 
-  var pendingQueue = queue.shared.pending;
+      if (queue === currentQueue) {
+        var clone = {
+          baseState: currentQueue.baseState,
+          firstBaseUpdate: currentQueue.firstBaseUpdate,
+          lastBaseUpdate: currentQueue.lastBaseUpdate,
+          shared: currentQueue.shared,
+          callbacks: null
+        };
+        workInProgress.updateQueue = clone;
+      }
+    }
+    function createUpdate(lane) {
+      var update = {
+        lane: lane,
+        tag: UpdateState,
+        payload: null,
+        callback: null,
+        next: null
+      };
+      return update;
+    }
+    function enqueueUpdate(fiber, update, lane) {
+      var updateQueue = fiber.updateQueue;
 
-  if (pendingQueue !== null) {
-    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
-    // and last so that it's non-circular.
+      if (updateQueue === null) {
+        // Only occurs if the fiber has been unmounted.
+        return null;
+      }
 
-    var lastPendingUpdate = pendingQueue;
-    var firstPendingUpdate = lastPendingUpdate.next;
-    lastPendingUpdate.next = null; // Append pending updates to base queue
+      var sharedQueue = updateQueue.shared;
 
-    if (lastBaseUpdate === null) {
-      firstBaseUpdate = firstPendingUpdate;
-    } else {
-      lastBaseUpdate.next = firstPendingUpdate;
-    }
+      {
+        if (
+          currentlyProcessingQueue === sharedQueue &&
+          !didWarnUpdateInsideUpdate
+        ) {
+          var componentName = getComponentNameFromFiber(fiber);
 
-    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
-    // we need to transfer the updates to that queue, too. Because the base
-    // queue is a singly-linked list with no cycles, we can append to both
-    // lists and take advantage of structural sharing.
-    // TODO: Pass `current` as argument
+          error(
+            "An update (setState, replaceState, or forceUpdate) was scheduled " +
+              "from inside an update function. Update functions should be pure, " +
+              "with zero side-effects. Consider using componentDidUpdate or a " +
+              "callback.\n\nPlease update the following component: %s",
+            componentName
+          );
 
-    var current = workInProgress.alternate;
+          didWarnUpdateInsideUpdate = true;
+        }
+      }
 
-    if (current !== null) {
-      // This is always non-null on a ClassComponent or HostRoot
-      var currentQueue = current.updateQueue;
-      var currentLastBaseUpdate = currentQueue.lastBaseUpdate;
+      if (isUnsafeClassRenderPhaseUpdate()) {
+        // This is an unsafe render phase update. Add directly to the update
+        // queue so we can process it immediately during the current render.
+        var pending = sharedQueue.pending;
 
-      if (currentLastBaseUpdate !== lastBaseUpdate) {
-        if (currentLastBaseUpdate === null) {
-          currentQueue.firstBaseUpdate = firstPendingUpdate;
+        if (pending === null) {
+          // This is the first update. Create a circular list.
+          update.next = update;
         } else {
-          currentLastBaseUpdate.next = firstPendingUpdate;
+          update.next = pending.next;
+          pending.next = update;
         }
 
-        currentQueue.lastBaseUpdate = lastPendingUpdate;
+        sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
+        // this fiber. This is for backwards compatibility in the case where you
+        // update a different component during render phase than the one that is
+        // currently renderings (a pattern that is accompanied by a warning).
+
+        return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
+      } else {
+        return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
       }
     }
-  } // These values may change as we process the queue.
+    function entangleTransitions(root, fiber, lane) {
+      var updateQueue = fiber.updateQueue;
 
-  if (firstBaseUpdate !== null) {
-    // Iterate through the list of updates to compute the result.
-    var newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
-    // from the original lanes.
+      if (updateQueue === null) {
+        // Only occurs if the fiber has been unmounted.
+        return;
+      }
 
-    var newLanes = NoLanes;
-    var newBaseState = null;
-    var newFirstBaseUpdate = null;
-    var newLastBaseUpdate = null;
-    var update = firstBaseUpdate;
+      var sharedQueue = updateQueue.shared;
 
-    do {
-      var updateLane = update.lane;
-      var updateEventTime = update.eventTime;
+      if (isTransitionLane(lane)) {
+        var queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
+        // have finished. We can remove them from the shared queue, which represents
+        // a superset of the actually pending lanes. In some cases we may entangle
+        // more than we need to, but that's OK. In fact it's worse if we *don't*
+        // entangle when we should.
 
-      if (!isSubsetOfLanes(renderLanes, updateLane)) {
-        // Priority is insufficient. Skip this update. If this is the first
-        // skipped update, the previous update/state is the new base
-        // update/state.
-        var clone = {
-          eventTime: updateEventTime,
-          lane: updateLane,
-          tag: update.tag,
-          payload: update.payload,
-          callback: update.callback,
-          next: null
-        };
+        queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
 
-        if (newLastBaseUpdate === null) {
-          newFirstBaseUpdate = newLastBaseUpdate = clone;
-          newBaseState = newState;
-        } else {
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Update the remaining priority in the queue.
+        var newQueueLanes = mergeLanes(queueLanes, lane);
+        sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
+        // the lane finished since the last time we entangled it. So we need to
+        // entangle it again, just to be sure.
 
-        newLanes = mergeLanes(newLanes, updateLane);
-      } else {
-        // This update does have sufficient priority.
-        if (newLastBaseUpdate !== null) {
-          var _clone = {
-            eventTime: updateEventTime,
-            // This update is going to be committed so we never want uncommit
-            // it. Using NoLane works because 0 is a subset of all bitmasks, so
-            // this will never be skipped by the check above.
-            lane: NoLane,
-            tag: update.tag,
-            payload: update.payload,
-            callback: update.callback,
-            next: null
-          };
-          newLastBaseUpdate = newLastBaseUpdate.next = _clone;
-        } // Process this update.
+        markRootEntangled(root, newQueueLanes);
+      }
+    }
+    function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+      // Captured updates are updates that are thrown by a child during the render
+      // phase. They should be discarded if the render is aborted. Therefore,
+      // we should only put them on the work-in-progress queue, not the current one.
+      var queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
 
-        newState = getStateFromUpdate(
-          workInProgress,
-          queue,
-          update,
-          newState,
-          props,
-          instance
-        );
-        var callback = update.callback;
+      var current = workInProgress.alternate;
 
-        if (
-          callback !== null && // If the update was already committed, we should not queue its
-          // callback again.
-          update.lane !== NoLane
-        ) {
-          workInProgress.flags |= Callback;
-          var effects = queue.effects;
+      if (current !== null) {
+        var currentQueue = current.updateQueue;
+
+        if (queue === currentQueue) {
+          // The work-in-progress queue is the same as current. This happens when
+          // we bail out on a parent fiber that then captures an error thrown by
+          // a child. Since we want to append the update only to the work-in
+          // -progress queue, we need to clone the updates. We usually clone during
+          // processUpdateQueue, but that didn't happen in this case because we
+          // skipped over the parent when we bailed out.
+          var newFirst = null;
+          var newLast = null;
+          var firstBaseUpdate = queue.firstBaseUpdate;
+
+          if (firstBaseUpdate !== null) {
+            // Loop through the updates and clone them.
+            var update = firstBaseUpdate;
+
+            do {
+              var clone = {
+                lane: update.lane,
+                tag: update.tag,
+                payload: update.payload,
+                // When this update is rebased, we should not fire its
+                // callback again.
+                callback: null,
+                next: null
+              };
+
+              if (newLast === null) {
+                newFirst = newLast = clone;
+              } else {
+                newLast.next = clone;
+                newLast = clone;
+              } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-          if (effects === null) {
-            queue.effects = [update];
+              update = update.next;
+            } while (update !== null); // Append the captured update the end of the cloned list.
+
+            if (newLast === null) {
+              newFirst = newLast = capturedUpdate;
+            } else {
+              newLast.next = capturedUpdate;
+              newLast = capturedUpdate;
+            }
           } else {
-            effects.push(update);
+            // There are no base updates.
+            newFirst = newLast = capturedUpdate;
           }
-        }
-      }
-
-      update = update.next;
 
-      if (update === null) {
-        pendingQueue = queue.shared.pending;
+          queue = {
+            baseState: currentQueue.baseState,
+            firstBaseUpdate: newFirst,
+            lastBaseUpdate: newLast,
+            shared: currentQueue.shared,
+            callbacks: currentQueue.callbacks
+          };
+          workInProgress.updateQueue = queue;
+          return;
+        }
+      } // Append the update to the end of the list.
 
-        if (pendingQueue === null) {
-          break;
-        } else {
-          // An update was scheduled from inside a reducer. Add the new
-          // pending updates to the end of the list and keep processing.
-          var _lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
-          // unravel them when transferring them to the base queue.
+      var lastBaseUpdate = queue.lastBaseUpdate;
 
-          var _firstPendingUpdate = _lastPendingUpdate.next;
-          _lastPendingUpdate.next = null;
-          update = _firstPendingUpdate;
-          queue.lastBaseUpdate = _lastPendingUpdate;
-          queue.shared.pending = null;
-        }
+      if (lastBaseUpdate === null) {
+        queue.firstBaseUpdate = capturedUpdate;
+      } else {
+        lastBaseUpdate.next = capturedUpdate;
       }
-    } while (true);
 
-    if (newLastBaseUpdate === null) {
-      newBaseState = newState;
+      queue.lastBaseUpdate = capturedUpdate;
     }
 
-    queue.baseState = newBaseState;
-    queue.firstBaseUpdate = newFirstBaseUpdate;
-    queue.lastBaseUpdate = newLastBaseUpdate; // Interleaved updates are stored on a separate queue. We aren't going to
-    // process them during this render, but we do need to track which lanes
-    // are remaining.
-
-    var lastInterleaved = queue.shared.interleaved;
+    function getStateFromUpdate(
+      workInProgress,
+      queue,
+      update,
+      prevState,
+      nextProps,
+      instance
+    ) {
+      switch (update.tag) {
+        case ReplaceState: {
+          var payload = update.payload;
 
-    if (lastInterleaved !== null) {
-      var interleaved = lastInterleaved;
+          if (typeof payload === "function") {
+            // Updater function
+            {
+              enterDisallowedContextReadInDEV();
+            }
 
-      do {
-        newLanes = mergeLanes(newLanes, interleaved.lane);
-        interleaved = interleaved.next;
-      } while (interleaved !== lastInterleaved);
-    } else if (firstBaseUpdate === null) {
-      // `queue.lanes` is used for entangling transitions. We can set it back to
-      // zero once the queue is empty.
-      queue.shared.lanes = NoLanes;
-    } // Set the remaining expiration time to be whatever is remaining in the queue.
-    // This should be fine because the only two other things that contribute to
-    // expiration time are props and context. We're already in the middle of the
-    // begin phase by the time we start processing the queue, so we've already
-    // dealt with the props. Context in components that specify
-    // shouldComponentUpdate is tricky; but we'll have to account for
-    // that regardless.
-
-    markSkippedUpdateLanes(newLanes);
-    workInProgress.lanes = newLanes;
-    workInProgress.memoizedState = newState;
-  }
-
-  {
-    currentlyProcessingQueue = null;
-  }
-}
+            var nextState = payload.call(instance, prevState, nextProps);
 
-function callCallback(callback, context) {
-  if (typeof callback !== "function") {
-    throw new Error(
-      "Invalid argument passed as callback. Expected a function. Instead " +
-        ("received: " + callback)
-    );
-  }
+            {
+              if (workInProgress.mode & StrictLegacyMode) {
+                setIsStrictModeForDevtools(true);
 
-  callback.call(context);
-}
+                try {
+                  payload.call(instance, prevState, nextProps);
+                } finally {
+                  setIsStrictModeForDevtools(false);
+                }
+              }
 
-function resetHasForceUpdateBeforeProcessing() {
-  hasForceUpdate = false;
-}
-function checkHasForceUpdateAfterProcessing() {
-  return hasForceUpdate;
-}
-function commitUpdateQueue(finishedWork, finishedQueue, instance) {
-  // Commit the effects
-  var effects = finishedQueue.effects;
-  finishedQueue.effects = null;
+              exitDisallowedContextReadInDEV();
+            }
 
-  if (effects !== null) {
-    for (var i = 0; i < effects.length; i++) {
-      var effect = effects[i];
-      var callback = effect.callback;
+            return nextState;
+          } // State object
 
-      if (callback !== null) {
-        effect.callback = null;
-        callCallback(callback, instance);
-      }
-    }
-  }
-}
+          return payload;
+        }
 
-var fakeInternalInstance = {}; // React.Component uses a shared frozen object by default.
-// We'll use it to determine whether we need to initialize legacy refs.
-
-var emptyRefsObject = new React.Component().refs;
-var didWarnAboutStateAssignmentForComponent;
-var didWarnAboutUninitializedState;
-var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
-var didWarnAboutLegacyLifecyclesAndDerivedState;
-var didWarnAboutUndefinedDerivedState;
-var warnOnUndefinedDerivedState;
-var warnOnInvalidCallback;
-var didWarnAboutDirectlyAssigningPropsToState;
-var didWarnAboutContextTypeAndContextTypes;
-var didWarnAboutInvalidateContextType;
-
-{
-  didWarnAboutStateAssignmentForComponent = new Set();
-  didWarnAboutUninitializedState = new Set();
-  didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
-  didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
-  didWarnAboutDirectlyAssigningPropsToState = new Set();
-  didWarnAboutUndefinedDerivedState = new Set();
-  didWarnAboutContextTypeAndContextTypes = new Set();
-  didWarnAboutInvalidateContextType = new Set();
-  var didWarnOnInvalidCallback = new Set();
-
-  warnOnInvalidCallback = function(callback, callerName) {
-    if (callback === null || typeof callback === "function") {
-      return;
-    }
-
-    var key = callerName + "_" + callback;
-
-    if (!didWarnOnInvalidCallback.has(key)) {
-      didWarnOnInvalidCallback.add(key);
-
-      error(
-        "%s(...): Expected the last optional `callback` argument to be a " +
-          "function. Instead received: %s.",
-        callerName,
-        callback
-      );
-    }
-  };
+        case CaptureUpdate: {
+          workInProgress.flags =
+            (workInProgress.flags & ~ShouldCapture) | DidCapture;
+        }
+        // Intentional fallthrough
 
-  warnOnUndefinedDerivedState = function(type, partialState) {
-    if (partialState === undefined) {
-      var componentName = getComponentNameFromType(type) || "Component";
+        case UpdateState: {
+          var _payload = update.payload;
+          var partialState;
 
-      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
-        didWarnAboutUndefinedDerivedState.add(componentName);
+          if (typeof _payload === "function") {
+            // Updater function
+            {
+              enterDisallowedContextReadInDEV();
+            }
 
-        error(
-          "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
-            "You have returned undefined.",
-          componentName
-        );
-      }
-    }
-  }; // This is so gross but it's at least non-critical and can be removed if
-  // it causes problems. This is meant to give a nicer error message for
-  // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
-  // ...)) which otherwise throws a "_processChildContext is not a function"
-  // exception.
+            partialState = _payload.call(instance, prevState, nextProps);
 
-  Object.defineProperty(fakeInternalInstance, "_processChildContext", {
-    enumerable: false,
-    value: function() {
-      throw new Error(
-        "_processChildContext is not available in React 16+. This likely " +
-          "means you have multiple copies of React and are attempting to nest " +
-          "a React 15 tree inside a React 16 tree using " +
-          "unstable_renderSubtreeIntoContainer, which isn't supported. Try " +
-          "to make sure you have only one copy of React (and ideally, switch " +
-          "to ReactDOM.createPortal)."
-      );
-    }
-  });
-  Object.freeze(fakeInternalInstance);
-}
+            {
+              if (workInProgress.mode & StrictLegacyMode) {
+                setIsStrictModeForDevtools(true);
 
-function applyDerivedStateFromProps(
-  workInProgress,
-  ctor,
-  getDerivedStateFromProps,
-  nextProps
-) {
-  var prevState = workInProgress.memoizedState;
-  var partialState = getDerivedStateFromProps(nextProps, prevState);
-
-  {
-    warnOnUndefinedDerivedState(ctor, partialState);
-  } // Merge the partial state and the previous state.
-
-  var memoizedState =
-    partialState === null || partialState === undefined
-      ? prevState
-      : assign({}, prevState, partialState);
-  workInProgress.memoizedState = memoizedState; // Once the update queue is empty, persist the derived state onto the
-  // base state.
-
-  if (workInProgress.lanes === NoLanes) {
-    // Queue is always non-null for classes
-    var updateQueue = workInProgress.updateQueue;
-    updateQueue.baseState = memoizedState;
-  }
-}
+                try {
+                  _payload.call(instance, prevState, nextProps);
+                } finally {
+                  setIsStrictModeForDevtools(false);
+                }
+              }
 
-var classComponentUpdater = {
-  isMounted: isMounted,
-  enqueueSetState: function(inst, payload, callback) {
-    var fiber = get(inst);
-    var eventTime = requestEventTime();
-    var lane = requestUpdateLane(fiber);
-    var update = createUpdate(eventTime, lane);
-    update.payload = payload;
+              exitDisallowedContextReadInDEV();
+            }
+          } else {
+            // Partial state object
+            partialState = _payload;
+          }
 
-    if (callback !== undefined && callback !== null) {
-      {
-        warnOnInvalidCallback(callback, "setState");
-      }
+          if (partialState === null || partialState === undefined) {
+            // Null and undefined are treated as no-ops.
+            return prevState;
+          } // Merge the partial state and the previous state.
 
-      update.callback = callback;
-    }
+          return assign({}, prevState, partialState);
+        }
 
-    var root = enqueueUpdate(fiber, update, lane);
+        case ForceUpdate: {
+          hasForceUpdate = true;
+          return prevState;
+        }
+      }
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
-      entangleTransitions(root, fiber, lane);
+      return prevState;
     }
-  },
-  enqueueReplaceState: function(inst, payload, callback) {
-    var fiber = get(inst);
-    var eventTime = requestEventTime();
-    var lane = requestUpdateLane(fiber);
-    var update = createUpdate(eventTime, lane);
-    update.tag = ReplaceState;
-    update.payload = payload;
 
-    if (callback !== undefined && callback !== null) {
-      {
-        warnOnInvalidCallback(callback, "replaceState");
+    var didReadFromEntangledAsyncAction = false; // Each call to processUpdateQueue should be accompanied by a call to this. It's
+    // only in a separate function because in updateHostRoot, it must happen after
+    // all the context stacks have been pushed to, to prevent a stack mismatch. A
+    // bit unfortunate.
+
+    function suspendIfUpdateReadFromEntangledAsyncAction() {
+      // Check if this update is part of a pending async action. If so, we'll
+      // need to suspend until the action has finished, so that it's batched
+      // together with future updates in the same action.
+      // TODO: Once we support hooks inside useMemo (or an equivalent
+      // memoization boundary like Forget), hoist this logic so that it only
+      // suspends if the memo boundary produces a new value.
+      if (didReadFromEntangledAsyncAction) {
+        var entangledActionThenable = peekEntangledActionThenable();
+
+        if (entangledActionThenable !== null) {
+          // TODO: Instead of the throwing the thenable directly, throw a
+          // special object like `use` does so we can detect if it's captured
+          // by userspace.
+          throw entangledActionThenable;
+        }
       }
-
-      update.callback = callback;
     }
+    function processUpdateQueue(workInProgress, props, instance, renderLanes) {
+      didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
 
-    var root = enqueueUpdate(fiber, update, lane);
+      var queue = workInProgress.updateQueue;
+      hasForceUpdate = false;
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
-      entangleTransitions(root, fiber, lane);
-    }
-  },
-  enqueueForceUpdate: function(inst, callback) {
-    var fiber = get(inst);
-    var eventTime = requestEventTime();
-    var lane = requestUpdateLane(fiber);
-    var update = createUpdate(eventTime, lane);
-    update.tag = ForceUpdate;
-
-    if (callback !== undefined && callback !== null) {
       {
-        warnOnInvalidCallback(callback, "forceUpdate");
+        currentlyProcessingQueue = queue.shared;
       }
 
-      update.callback = callback;
-    }
+      var firstBaseUpdate = queue.firstBaseUpdate;
+      var lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
 
-    var root = enqueueUpdate(fiber, update, lane);
+      var pendingQueue = queue.shared.pending;
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
-      entangleTransitions(root, fiber, lane);
-    }
-  }
-};
+      if (pendingQueue !== null) {
+        queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
+        // and last so that it's non-circular.
 
-function checkShouldComponentUpdate(
-  workInProgress,
-  ctor,
-  oldProps,
-  newProps,
-  oldState,
-  newState,
-  nextContext
-) {
-  var instance = workInProgress.stateNode;
+        var lastPendingUpdate = pendingQueue;
+        var firstPendingUpdate = lastPendingUpdate.next;
+        lastPendingUpdate.next = null; // Append pending updates to base queue
 
-  if (typeof instance.shouldComponentUpdate === "function") {
-    var shouldUpdate = instance.shouldComponentUpdate(
-      newProps,
-      newState,
-      nextContext
-    );
+        if (lastBaseUpdate === null) {
+          firstBaseUpdate = firstPendingUpdate;
+        } else {
+          lastBaseUpdate.next = firstPendingUpdate;
+        }
 
-    {
-      if (shouldUpdate === undefined) {
-        error(
-          "%s.shouldComponentUpdate(): Returned undefined instead of a " +
-            "boolean value. Make sure to return true or false.",
-          getComponentNameFromType(ctor) || "Component"
-        );
-      }
-    }
+        lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
+        // we need to transfer the updates to that queue, too. Because the base
+        // queue is a singly-linked list with no cycles, we can append to both
+        // lists and take advantage of structural sharing.
+        // TODO: Pass `current` as argument
 
-    return shouldUpdate;
-  }
+        var current = workInProgress.alternate;
 
-  if (ctor.prototype && ctor.prototype.isPureReactComponent) {
-    return (
-      !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-    );
-  }
+        if (current !== null) {
+          // This is always non-null on a ClassComponent or HostRoot
+          var currentQueue = current.updateQueue;
+          var currentLastBaseUpdate = currentQueue.lastBaseUpdate;
 
-  return true;
-}
+          if (currentLastBaseUpdate !== lastBaseUpdate) {
+            if (currentLastBaseUpdate === null) {
+              currentQueue.firstBaseUpdate = firstPendingUpdate;
+            } else {
+              currentLastBaseUpdate.next = firstPendingUpdate;
+            }
 
-function checkClassInstance(workInProgress, ctor, newProps) {
-  var instance = workInProgress.stateNode;
+            currentQueue.lastBaseUpdate = lastPendingUpdate;
+          }
+        }
+      } // These values may change as we process the queue.
 
-  {
-    var name = getComponentNameFromType(ctor) || "Component";
-    var renderPresent = instance.render;
+      if (firstBaseUpdate !== null) {
+        // Iterate through the list of updates to compute the result.
+        var newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
+        // from the original lanes.
+
+        var newLanes = NoLanes;
+        var newBaseState = null;
+        var newFirstBaseUpdate = null;
+        var newLastBaseUpdate = null;
+        var update = firstBaseUpdate;
 
-    if (!renderPresent) {
-      if (ctor.prototype && typeof ctor.prototype.render === "function") {
-        error(
-          "%s(...): No `render` method found on the returned component " +
-            "instance: did you accidentally return an object from the constructor?",
-          name
-        );
-      } else {
-        error(
-          "%s(...): No `render` method found on the returned component " +
-            "instance: you may have forgotten to define `render`.",
-          name
-        );
-      }
-    }
-
-    if (
-      instance.getInitialState &&
-      !instance.getInitialState.isReactClassApproved &&
-      !instance.state
-    ) {
-      error(
-        "getInitialState was defined on %s, a plain JavaScript class. " +
-          "This is only supported for classes created using React.createClass. " +
-          "Did you mean to define a state property instead?",
-        name
-      );
-    }
-
-    if (
-      instance.getDefaultProps &&
-      !instance.getDefaultProps.isReactClassApproved
-    ) {
-      error(
-        "getDefaultProps was defined on %s, a plain JavaScript class. " +
-          "This is only supported for classes created using React.createClass. " +
-          "Use a static property to define defaultProps instead.",
-        name
-      );
-    }
-
-    if (instance.propTypes) {
-      error(
-        "propTypes was defined as an instance property on %s. Use a static " +
-          "property to define propTypes instead.",
-        name
-      );
-    }
-
-    if (instance.contextType) {
-      error(
-        "contextType was defined as an instance property on %s. Use a static " +
-          "property to define contextType instead.",
-        name
-      );
-    }
-
-    {
-      if (instance.contextTypes) {
-        error(
-          "contextTypes was defined as an instance property on %s. Use a static " +
-            "property to define contextTypes instead.",
-          name
-        );
-      }
+        do {
+          // An extra OffscreenLane bit is added to updates that were made to
+          // a hidden tree, so that we can distinguish them from updates that were
+          // already there when the tree was hidden.
+          var updateLane = removeLanes(update.lane, OffscreenLane);
+          var isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
+          // it's not a "base" update and we should disregard the extra base lanes
+          // that were added to renderLanes when we entered the Offscreen tree.
+
+          var shouldSkipUpdate = isHiddenUpdate
+            ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane)
+            : !isSubsetOfLanes(renderLanes, updateLane);
+
+          if (shouldSkipUpdate) {
+            // Priority is insufficient. Skip this update. If this is the first
+            // skipped update, the previous update/state is the new base
+            // update/state.
+            var clone = {
+              lane: updateLane,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            };
+
+            if (newLastBaseUpdate === null) {
+              newFirstBaseUpdate = newLastBaseUpdate = clone;
+              newBaseState = newState;
+            } else {
+              newLastBaseUpdate = newLastBaseUpdate.next = clone;
+            } // Update the remaining priority in the queue.
 
-      if (
-        ctor.contextType &&
-        ctor.contextTypes &&
-        !didWarnAboutContextTypeAndContextTypes.has(ctor)
-      ) {
-        didWarnAboutContextTypeAndContextTypes.add(ctor);
+            newLanes = mergeLanes(newLanes, updateLane);
+          } else {
+            // This update does have sufficient priority.
+            // Check if this update is part of a pending async action. If so,
+            // we'll need to suspend until the action has finished, so that it's
+            // batched together with future updates in the same action.
+            if (
+              updateLane !== NoLane &&
+              updateLane === peekEntangledActionLane()
+            ) {
+              didReadFromEntangledAsyncAction = true;
+            }
 
-        error(
-          "%s declares both contextTypes and contextType static properties. " +
-            "The legacy contextTypes property will be ignored.",
-          name
-        );
-      }
-    }
+            if (newLastBaseUpdate !== null) {
+              var _clone = {
+                // This update is going to be committed so we never want uncommit
+                // it. Using NoLane works because 0 is a subset of all bitmasks, so
+                // this will never be skipped by the check above.
+                lane: NoLane,
+                tag: update.tag,
+                payload: update.payload,
+                // When this update is rebased, we should not fire its
+                // callback again.
+                callback: null,
+                next: null
+              };
+              newLastBaseUpdate = newLastBaseUpdate.next = _clone;
+            } // Process this update.
+
+            newState = getStateFromUpdate(
+              workInProgress,
+              queue,
+              update,
+              newState,
+              props,
+              instance
+            );
+            var callback = update.callback;
 
-    if (typeof instance.componentShouldUpdate === "function") {
-      error(
-        "%s has a method called " +
-          "componentShouldUpdate(). Did you mean shouldComponentUpdate()? " +
-          "The name is phrased as a question because the function is " +
-          "expected to return a value.",
-        name
-      );
-    }
+            if (callback !== null) {
+              workInProgress.flags |= Callback;
 
-    if (
-      ctor.prototype &&
-      ctor.prototype.isPureReactComponent &&
-      typeof instance.shouldComponentUpdate !== "undefined"
-    ) {
-      error(
-        "%s has a method called shouldComponentUpdate(). " +
-          "shouldComponentUpdate should not be used when extending React.PureComponent. " +
-          "Please extend React.Component if shouldComponentUpdate is used.",
-        getComponentNameFromType(ctor) || "A pure component"
-      );
-    }
+              if (isHiddenUpdate) {
+                workInProgress.flags |= Visibility;
+              }
 
-    if (typeof instance.componentDidUnmount === "function") {
-      error(
-        "%s has a method called " +
-          "componentDidUnmount(). But there is no such lifecycle method. " +
-          "Did you mean componentWillUnmount()?",
-        name
-      );
-    }
+              var callbacks = queue.callbacks;
 
-    if (typeof instance.componentDidReceiveProps === "function") {
-      error(
-        "%s has a method called " +
-          "componentDidReceiveProps(). But there is no such lifecycle method. " +
-          "If you meant to update the state in response to changing props, " +
-          "use componentWillReceiveProps(). If you meant to fetch data or " +
-          "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
-        name
-      );
-    }
+              if (callbacks === null) {
+                queue.callbacks = [callback];
+              } else {
+                callbacks.push(callback);
+              }
+            }
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-    if (typeof instance.componentWillRecieveProps === "function") {
-      error(
-        "%s has a method called " +
-          "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
-        name
-      );
-    }
+          update = update.next;
 
-    if (typeof instance.UNSAFE_componentWillRecieveProps === "function") {
-      error(
-        "%s has a method called " +
-          "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
-        name
-      );
-    }
+          if (update === null) {
+            pendingQueue = queue.shared.pending;
 
-    var hasMutatedProps = instance.props !== newProps;
+            if (pendingQueue === null) {
+              break;
+            } else {
+              // An update was scheduled from inside a reducer. Add the new
+              // pending updates to the end of the list and keep processing.
+              var _lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
+              // unravel them when transferring them to the base queue.
+
+              var _firstPendingUpdate = _lastPendingUpdate.next;
+              _lastPendingUpdate.next = null;
+              update = _firstPendingUpdate;
+              queue.lastBaseUpdate = _lastPendingUpdate;
+              queue.shared.pending = null;
+            }
+          }
+        } while (true);
 
-    if (instance.props !== undefined && hasMutatedProps) {
-      error(
-        "%s(...): When calling super() in `%s`, make sure to pass " +
-          "up the same props that your component's constructor was passed.",
-        name,
-        name
-      );
-    }
+        if (newLastBaseUpdate === null) {
+          newBaseState = newState;
+        }
 
-    if (instance.defaultProps) {
-      error(
-        "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
-          " Instead, define defaultProps as a static property on %s.",
-        name,
-        name
-      );
-    }
+        queue.baseState = newBaseState;
+        queue.firstBaseUpdate = newFirstBaseUpdate;
+        queue.lastBaseUpdate = newLastBaseUpdate;
 
-    if (
-      typeof instance.getSnapshotBeforeUpdate === "function" &&
-      typeof instance.componentDidUpdate !== "function" &&
-      !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)
-    ) {
-      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
+        if (firstBaseUpdate === null) {
+          // `queue.lanes` is used for entangling transitions. We can set it back to
+          // zero once the queue is empty.
+          queue.shared.lanes = NoLanes;
+        } // Set the remaining expiration time to be whatever is remaining in the queue.
+        // This should be fine because the only two other things that contribute to
+        // expiration time are props and context. We're already in the middle of the
+        // begin phase by the time we start processing the queue, so we've already
+        // dealt with the props. Context in components that specify
+        // shouldComponentUpdate is tricky; but we'll have to account for
+        // that regardless.
 
-      error(
-        "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). " +
-          "This component defines getSnapshotBeforeUpdate() only.",
-        getComponentNameFromType(ctor)
-      );
-    }
+        markSkippedUpdateLanes(newLanes);
+        workInProgress.lanes = newLanes;
+        workInProgress.memoizedState = newState;
+      }
 
-    if (typeof instance.getDerivedStateFromProps === "function") {
-      error(
-        "%s: getDerivedStateFromProps() is defined as an instance method " +
-          "and will be ignored. Instead, declare it as a static method.",
-        name
-      );
+      {
+        currentlyProcessingQueue = null;
+      }
     }
 
-    if (typeof instance.getDerivedStateFromError === "function") {
-      error(
-        "%s: getDerivedStateFromError() is defined as an instance method " +
-          "and will be ignored. Instead, declare it as a static method.",
-        name
-      );
-    }
+    function callCallback(callback, context) {
+      if (typeof callback !== "function") {
+        throw new Error(
+          "Invalid argument passed as callback. Expected a function. Instead " +
+            ("received: " + callback)
+        );
+      }
 
-    if (typeof ctor.getSnapshotBeforeUpdate === "function") {
-      error(
-        "%s: getSnapshotBeforeUpdate() is defined as a static method " +
-          "and will be ignored. Instead, declare it as an instance method.",
-        name
-      );
+      callback.call(context);
     }
 
-    var _state = instance.state;
-
-    if (_state && (typeof _state !== "object" || isArray(_state))) {
-      error("%s.state: must be set to an object or null", name);
+    function resetHasForceUpdateBeforeProcessing() {
+      hasForceUpdate = false;
     }
-
-    if (
-      typeof instance.getChildContext === "function" &&
-      typeof ctor.childContextTypes !== "object"
-    ) {
-      error(
-        "%s.getChildContext(): childContextTypes must be defined in order to " +
-          "use getChildContext().",
-        name
-      );
+    function checkHasForceUpdateAfterProcessing() {
+      return hasForceUpdate;
     }
-  }
-}
-
-function adoptClassInstance(workInProgress, instance) {
-  instance.updater = classComponentUpdater;
-  workInProgress.stateNode = instance; // The instance needs access to the fiber so that it can schedule updates
-
-  set(instance, workInProgress);
+    function deferHiddenCallbacks(updateQueue) {
+      // When an update finishes on a hidden component, its callback should not
+      // be fired until/unless the component is made visible again. Stash the
+      // callback on the shared queue object so it can be fired later.
+      var newHiddenCallbacks = updateQueue.callbacks;
 
-  {
-    instance._reactInternalInstance = fakeInternalInstance;
-  }
-}
+      if (newHiddenCallbacks !== null) {
+        var existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-function constructClassInstance(workInProgress, ctor, props) {
-  var isLegacyContextConsumer = false;
-  var unmaskedContext = emptyContextObject;
-  var context = emptyContextObject;
-  var contextType = ctor.contextType;
-
-  {
-    if ("contextType" in ctor) {
-      var isValid = // Allow null for conditional declaration
-        contextType === null ||
-        (contextType !== undefined &&
-          contextType.$$typeof === REACT_CONTEXT_TYPE &&
-          contextType._context === undefined); // Not a <Context.Consumer>
-
-      if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
-        didWarnAboutInvalidateContextType.add(ctor);
-        var addendum = "";
-
-        if (contextType === undefined) {
-          addendum =
-            " However, it is set to undefined. " +
-            "This can be caused by a typo or by mixing up named and default imports. " +
-            "This can also happen due to a circular dependency, so " +
-            "try moving the createContext() call to a separate file.";
-        } else if (typeof contextType !== "object") {
-          addendum = " However, it is set to a " + typeof contextType + ".";
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = " Did you accidentally pass the Context.Provider instead?";
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
-          addendum = " Did you accidentally pass the Context.Consumer instead?";
+        if (existingHiddenCallbacks === null) {
+          updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
         } else {
-          addendum =
-            " However, it is set to an object with keys {" +
-            Object.keys(contextType).join(", ") +
-            "}.";
+          updateQueue.shared.hiddenCallbacks =
+            existingHiddenCallbacks.concat(newHiddenCallbacks);
         }
-
-        error(
-          "%s defines an invalid contextType. " +
-            "contextType should point to the Context object returned by React.createContext().%s",
-          getComponentNameFromType(ctor) || "Component",
-          addendum
-        );
       }
     }
-  }
-
-  if (typeof contextType === "object" && contextType !== null) {
-    context = readContext(contextType);
-  } else {
-    unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
-    var contextTypes = ctor.contextTypes;
-    isLegacyContextConsumer =
-      contextTypes !== null && contextTypes !== undefined;
-    context = isLegacyContextConsumer
-      ? getMaskedContext(workInProgress, unmaskedContext)
-      : emptyContextObject;
-  }
-
-  var instance = new ctor(props, context); // Instantiate twice to help detect side-effects.
-
-  var state = (workInProgress.memoizedState =
-    instance.state !== null && instance.state !== undefined
-      ? instance.state
-      : null);
-  adoptClassInstance(workInProgress, instance);
-
-  {
-    if (typeof ctor.getDerivedStateFromProps === "function" && state === null) {
-      var componentName = getComponentNameFromType(ctor) || "Component";
+    function commitHiddenCallbacks(updateQueue, context) {
+      // This component is switching from hidden -> visible. Commit any callbacks
+      // that were previously deferred.
+      var hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-      if (!didWarnAboutUninitializedState.has(componentName)) {
-        didWarnAboutUninitializedState.add(componentName);
+      if (hiddenCallbacks !== null) {
+        updateQueue.shared.hiddenCallbacks = null;
 
-        error(
-          "`%s` uses `getDerivedStateFromProps` but its initial state is " +
-            "%s. This is not recommended. Instead, define the initial state by " +
-            "assigning an object to `this.state` in the constructor of `%s`. " +
-            "This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
-          componentName,
-          instance.state === null ? "null" : "undefined",
-          componentName
-        );
+        for (var i = 0; i < hiddenCallbacks.length; i++) {
+          var callback = hiddenCallbacks[i];
+          callCallback(callback, context);
+        }
       }
-    } // If new component APIs are defined, "unsafe" lifecycles won't be called.
-    // Warn about these lifecycles if they are present.
-    // Don't warn about react-lifecycles-compat polyfilled methods though.
+    }
+    function commitCallbacks(updateQueue, context) {
+      var callbacks = updateQueue.callbacks;
 
-    if (
-      typeof ctor.getDerivedStateFromProps === "function" ||
-      typeof instance.getSnapshotBeforeUpdate === "function"
-    ) {
-      var foundWillMountName = null;
-      var foundWillReceivePropsName = null;
-      var foundWillUpdateName = null;
+      if (callbacks !== null) {
+        updateQueue.callbacks = null;
 
-      if (
-        typeof instance.componentWillMount === "function" &&
-        instance.componentWillMount.__suppressDeprecationWarning !== true
-      ) {
-        foundWillMountName = "componentWillMount";
-      } else if (typeof instance.UNSAFE_componentWillMount === "function") {
-        foundWillMountName = "UNSAFE_componentWillMount";
+        for (var i = 0; i < callbacks.length; i++) {
+          var callback = callbacks[i];
+          callCallback(callback, context);
+        }
       }
+    }
 
-      if (
-        typeof instance.componentWillReceiveProps === "function" &&
-        instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
-      ) {
-        foundWillReceivePropsName = "componentWillReceiveProps";
-      } else if (
-        typeof instance.UNSAFE_componentWillReceiveProps === "function"
-      ) {
-        foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps";
+    /**
+     * Performs equality by iterating through keys on an object and returning false
+     * when any key has values which are not strictly equal between the arguments.
+     * Returns true when the values of all keys are strictly equal.
+     */
+
+    function shallowEqual(objA, objB) {
+      if (objectIs(objA, objB)) {
+        return true;
       }
 
       if (
-        typeof instance.componentWillUpdate === "function" &&
-        instance.componentWillUpdate.__suppressDeprecationWarning !== true
+        typeof objA !== "object" ||
+        objA === null ||
+        typeof objB !== "object" ||
+        objB === null
       ) {
-        foundWillUpdateName = "componentWillUpdate";
-      } else if (typeof instance.UNSAFE_componentWillUpdate === "function") {
-        foundWillUpdateName = "UNSAFE_componentWillUpdate";
+        return false;
       }
 
-      if (
-        foundWillMountName !== null ||
-        foundWillReceivePropsName !== null ||
-        foundWillUpdateName !== null
-      ) {
-        var _componentName = getComponentNameFromType(ctor) || "Component";
+      var keysA = Object.keys(objA);
+      var keysB = Object.keys(objB);
 
-        var newApiName =
-          typeof ctor.getDerivedStateFromProps === "function"
-            ? "getDerivedStateFromProps()"
-            : "getSnapshotBeforeUpdate()";
+      if (keysA.length !== keysB.length) {
+        return false;
+      } // Test for A's keys different from B.
 
-        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
-          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
+      for (var i = 0; i < keysA.length; i++) {
+        var currentKey = keysA[i];
 
-          error(
-            "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" +
-              "%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n" +
-              "The above lifecycles should be removed. Learn more about this warning here:\n" +
-              "https://react.dev/reference/react/Component",
-            _componentName,
-            newApiName,
-            foundWillMountName !== null ? "\n  " + foundWillMountName : "",
-            foundWillReceivePropsName !== null
-              ? "\n  " + foundWillReceivePropsName
-              : "",
-            foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : ""
-          );
+        if (
+          !hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
+          !objectIs(objA[currentKey], objB[currentKey])
+        ) {
+          return false;
         }
       }
-    }
-  } // Cache unmasked context so we can avoid recreating masked context unless necessary.
-  // ReactFiberContext usually updates this cache but can't for newly-created instances.
-
-  if (isLegacyContextConsumer) {
-    cacheContext(workInProgress, unmaskedContext, context);
-  }
 
-  return instance;
-}
-
-function callComponentWillMount(workInProgress, instance) {
-  var oldState = instance.state;
-
-  if (typeof instance.componentWillMount === "function") {
-    instance.componentWillMount();
-  }
+      return true;
+    }
 
-  if (typeof instance.UNSAFE_componentWillMount === "function") {
-    instance.UNSAFE_componentWillMount();
-  }
+    function describeFiber(fiber) {
+      var owner = fiber._debugOwner ? fiber._debugOwner.type : null;
 
-  if (oldState !== instance.state) {
-    {
-      error(
-        "%s.componentWillMount(): Assigning directly to this.state is " +
-          "deprecated (except inside a component's " +
-          "constructor). Use setState instead.",
-        getComponentNameFromFiber(workInProgress) || "Component"
-      );
-    }
+      switch (fiber.tag) {
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent:
+          return describeBuiltInComponentFrame(fiber.type, owner);
 
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
-  }
-}
+        case LazyComponent:
+          return describeBuiltInComponentFrame("Lazy", owner);
 
-function callComponentWillReceiveProps(
-  workInProgress,
-  instance,
-  newProps,
-  nextContext
-) {
-  var oldState = instance.state;
+        case SuspenseComponent:
+          return describeBuiltInComponentFrame("Suspense", owner);
 
-  if (typeof instance.componentWillReceiveProps === "function") {
-    instance.componentWillReceiveProps(newProps, nextContext);
-  }
+        case SuspenseListComponent:
+          return describeBuiltInComponentFrame("SuspenseList", owner);
 
-  if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
-    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
-  }
+        case FunctionComponent:
+        case IndeterminateComponent:
+        case SimpleMemoComponent:
+          return describeFunctionComponentFrame(fiber.type, owner);
 
-  if (instance.state !== oldState) {
-    {
-      var componentName =
-        getComponentNameFromFiber(workInProgress) || "Component";
+        case ForwardRef:
+          return describeFunctionComponentFrame(fiber.type.render, owner);
 
-      if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
-        didWarnAboutStateAssignmentForComponent.add(componentName);
+        case ClassComponent:
+          return describeClassComponentFrame(fiber.type, owner);
 
-        error(
-          "%s.componentWillReceiveProps(): Assigning directly to " +
-            "this.state is deprecated (except inside a component's " +
-            "constructor). Use setState instead.",
-          componentName
-        );
+        default:
+          return "";
       }
     }
 
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
-  }
-} // Invokes the mount life-cycles on a previously never rendered instance.
-
-function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
-  {
-    checkClassInstance(workInProgress, ctor, newProps);
-  }
-
-  var instance = workInProgress.stateNode;
-  instance.props = newProps;
-  instance.state = workInProgress.memoizedState;
-  instance.refs = emptyRefsObject;
-  initializeUpdateQueue(workInProgress);
-  var contextType = ctor.contextType;
-
-  if (typeof contextType === "object" && contextType !== null) {
-    instance.context = readContext(contextType);
-  } else {
-    var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
-    instance.context = getMaskedContext(workInProgress, unmaskedContext);
-  }
+    function getStackByFiberInDevAndProd(workInProgress) {
+      try {
+        var info = "";
+        var node = workInProgress;
 
-  {
-    if (instance.state === newProps) {
-      var componentName = getComponentNameFromType(ctor) || "Component";
+        do {
+          info += describeFiber(node); // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-      if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
-        didWarnAboutDirectlyAssigningPropsToState.add(componentName);
+          node = node.return;
+        } while (node);
 
-        error(
-          "%s: It is not recommended to assign props directly to state " +
-            "because updates to props won't be reflected in state. " +
-            "In most cases, it is better to use props directly.",
-          componentName
-        );
+        return info;
+      } catch (x) {
+        return "\nError generating stack: " + x.message + "\n" + x.stack;
       }
     }
 
-    if (workInProgress.mode & StrictLegacyMode) {
-      ReactStrictModeWarnings.recordLegacyContextWarning(
-        workInProgress,
-        instance
-      );
-    }
-
-    {
-      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
-        workInProgress,
-        instance
-      );
-    }
-  }
-
-  instance.state = workInProgress.memoizedState;
-  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-
-  if (typeof getDerivedStateFromProps === "function") {
-    applyDerivedStateFromProps(
-      workInProgress,
-      ctor,
-      getDerivedStateFromProps,
-      newProps
-    );
-    instance.state = workInProgress.memoizedState;
-  } // In order to support react-lifecycles-compat polyfilled components,
-  // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-  if (
-    typeof ctor.getDerivedStateFromProps !== "function" &&
-    typeof instance.getSnapshotBeforeUpdate !== "function" &&
-    (typeof instance.UNSAFE_componentWillMount === "function" ||
-      typeof instance.componentWillMount === "function")
-  ) {
-    callComponentWillMount(workInProgress, instance); // If we had additional state updates during this life-cycle, let's
-    // process them now.
-
-    processUpdateQueue(workInProgress, newProps, instance, renderLanes);
-    instance.state = workInProgress.memoizedState;
-  }
-
-  if (typeof instance.componentDidMount === "function") {
-    var fiberFlags = Update;
-
-    workInProgress.flags |= fiberFlags;
-  }
-}
-
-function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
-  var instance = workInProgress.stateNode;
-  var oldProps = workInProgress.memoizedProps;
-  instance.props = oldProps;
-  var oldContext = instance.context;
-  var contextType = ctor.contextType;
-  var nextContext = emptyContextObject;
-
-  if (typeof contextType === "object" && contextType !== null) {
-    nextContext = readContext(contextType);
-  } else {
-    var nextLegacyUnmaskedContext = getUnmaskedContext(
-      workInProgress,
-      ctor,
-      true
-    );
-    nextContext = getMaskedContext(workInProgress, nextLegacyUnmaskedContext);
-  }
-
-  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-  var hasNewLifecycles =
-    typeof getDerivedStateFromProps === "function" ||
-    typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
-  // ever the previously attempted to render - not the "current". However,
-  // during componentDidUpdate we pass the "current" props.
-  // In order to support react-lifecycles-compat polyfilled components,
-  // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-  if (
-    !hasNewLifecycles &&
-    (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-      typeof instance.componentWillReceiveProps === "function")
-  ) {
-    if (oldProps !== newProps || oldContext !== nextContext) {
-      callComponentWillReceiveProps(
-        workInProgress,
-        instance,
-        newProps,
-        nextContext
-      );
-    }
-  }
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var current = null;
+    var isRendering = false;
+    function getCurrentFiberOwnerNameInDevOrNull() {
+      {
+        if (current === null) {
+          return null;
+        }
 
-  resetHasForceUpdateBeforeProcessing();
-  var oldState = workInProgress.memoizedState;
-  var newState = (instance.state = oldState);
-  processUpdateQueue(workInProgress, newProps, instance, renderLanes);
-  newState = workInProgress.memoizedState;
+        var owner = current._debugOwner;
 
-  if (
-    oldProps === newProps &&
-    oldState === newState &&
-    !hasContextChanged() &&
-    !checkHasForceUpdateAfterProcessing()
-  ) {
-    // If an update was already in progress, we should schedule an Update
-    // effect even though we're bailing out, so that cWU/cDU are called.
-    if (typeof instance.componentDidMount === "function") {
-      var fiberFlags = Update;
+        if (owner !== null && typeof owner !== "undefined") {
+          return getComponentNameFromFiber(owner);
+        }
+      }
 
-      workInProgress.flags |= fiberFlags;
+      return null;
     }
 
-    return false;
-  }
-
-  if (typeof getDerivedStateFromProps === "function") {
-    applyDerivedStateFromProps(
-      workInProgress,
-      ctor,
-      getDerivedStateFromProps,
-      newProps
-    );
-    newState = workInProgress.memoizedState;
-  }
-
-  var shouldUpdate =
-    checkHasForceUpdateAfterProcessing() ||
-    checkShouldComponentUpdate(
-      workInProgress,
-      ctor,
-      oldProps,
-      newProps,
-      oldState,
-      newState,
-      nextContext
-    );
-
-  if (shouldUpdate) {
-    // In order to support react-lifecycles-compat polyfilled components,
-    // Unsafe lifecycles should not be invoked for components using the new APIs.
-    if (
-      !hasNewLifecycles &&
-      (typeof instance.UNSAFE_componentWillMount === "function" ||
-        typeof instance.componentWillMount === "function")
-    ) {
-      if (typeof instance.componentWillMount === "function") {
-        instance.componentWillMount();
-      }
+    function getCurrentFiberStackInDev() {
+      {
+        if (current === null) {
+          return "";
+        } // Safe because if current fiber exists, we are reconciling,
+        // and it is guaranteed to be the work-in-progress version.
 
-      if (typeof instance.UNSAFE_componentWillMount === "function") {
-        instance.UNSAFE_componentWillMount();
+        return getStackByFiberInDevAndProd(current);
       }
     }
 
-    if (typeof instance.componentDidMount === "function") {
-      var _fiberFlags = Update;
-
-      workInProgress.flags |= _fiberFlags;
-    }
-  } else {
-    // If an update was already in progress, we should schedule an Update
-    // effect even though we're bailing out, so that cWU/cDU are called.
-    if (typeof instance.componentDidMount === "function") {
-      var _fiberFlags2 = Update;
-
-      workInProgress.flags |= _fiberFlags2;
-    } // If shouldComponentUpdate returned false, we should still update the
-    // memoized state to indicate that this work can be reused.
-
-    workInProgress.memoizedProps = newProps;
-    workInProgress.memoizedState = newState;
-  } // Update the existing instance's state, props, and context pointers even
-  // if shouldComponentUpdate returns false.
-
-  instance.props = newProps;
-  instance.state = newState;
-  instance.context = nextContext;
-  return shouldUpdate;
-} // Invokes the update life-cycles and returns false if it shouldn't rerender.
-
-function updateClassInstance(
-  current,
-  workInProgress,
-  ctor,
-  newProps,
-  renderLanes
-) {
-  var instance = workInProgress.stateNode;
-  cloneUpdateQueue(current, workInProgress);
-  var unresolvedOldProps = workInProgress.memoizedProps;
-  var oldProps =
-    workInProgress.type === workInProgress.elementType
-      ? unresolvedOldProps
-      : resolveDefaultProps(workInProgress.type, unresolvedOldProps);
-  instance.props = oldProps;
-  var unresolvedNewProps = workInProgress.pendingProps;
-  var oldContext = instance.context;
-  var contextType = ctor.contextType;
-  var nextContext = emptyContextObject;
-
-  if (typeof contextType === "object" && contextType !== null) {
-    nextContext = readContext(contextType);
-  } else {
-    var nextUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
-    nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
-  }
-
-  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-  var hasNewLifecycles =
-    typeof getDerivedStateFromProps === "function" ||
-    typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
-  // ever the previously attempted to render - not the "current". However,
-  // during componentDidUpdate we pass the "current" props.
-  // In order to support react-lifecycles-compat polyfilled components,
-  // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-  if (
-    !hasNewLifecycles &&
-    (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-      typeof instance.componentWillReceiveProps === "function")
-  ) {
-    if (
-      unresolvedOldProps !== unresolvedNewProps ||
-      oldContext !== nextContext
-    ) {
-      callComponentWillReceiveProps(
-        workInProgress,
-        instance,
-        newProps,
-        nextContext
-      );
-    }
-  }
-
-  resetHasForceUpdateBeforeProcessing();
-  var oldState = workInProgress.memoizedState;
-  var newState = (instance.state = oldState);
-  processUpdateQueue(workInProgress, newProps, instance, renderLanes);
-  newState = workInProgress.memoizedState;
-
-  if (
-    unresolvedOldProps === unresolvedNewProps &&
-    oldState === newState &&
-    !hasContextChanged() &&
-    !checkHasForceUpdateAfterProcessing() &&
-    !enableLazyContextPropagation
-  ) {
-    // If an update was already in progress, we should schedule an Update
-    // effect even though we're bailing out, so that cWU/cDU are called.
-    if (typeof instance.componentDidUpdate === "function") {
-      if (
-        unresolvedOldProps !== current.memoizedProps ||
-        oldState !== current.memoizedState
-      ) {
-        workInProgress.flags |= Update;
+    function resetCurrentFiber() {
+      {
+        ReactDebugCurrentFrame.getCurrentStack = null;
+        current = null;
+        isRendering = false;
       }
     }
-
-    if (typeof instance.getSnapshotBeforeUpdate === "function") {
-      if (
-        unresolvedOldProps !== current.memoizedProps ||
-        oldState !== current.memoizedState
-      ) {
-        workInProgress.flags |= Snapshot;
+    function setCurrentFiber(fiber) {
+      {
+        ReactDebugCurrentFrame.getCurrentStack =
+          fiber === null ? null : getCurrentFiberStackInDev;
+        current = fiber;
+        isRendering = false;
       }
     }
-
-    return false;
-  }
-
-  if (typeof getDerivedStateFromProps === "function") {
-    applyDerivedStateFromProps(
-      workInProgress,
-      ctor,
-      getDerivedStateFromProps,
-      newProps
-    );
-    newState = workInProgress.memoizedState;
-  }
-
-  var shouldUpdate =
-    checkHasForceUpdateAfterProcessing() ||
-    checkShouldComponentUpdate(
-      workInProgress,
-      ctor,
-      oldProps,
-      newProps,
-      oldState,
-      newState,
-      nextContext
-    ) || // TODO: In some cases, we'll end up checking if context has changed twice,
-    // both before and after `shouldComponentUpdate` has been called. Not ideal,
-    // but I'm loath to refactor this function. This only happens for memoized
-    // components so it's not that common.
-    enableLazyContextPropagation;
-
-  if (shouldUpdate) {
-    // In order to support react-lifecycles-compat polyfilled components,
-    // Unsafe lifecycles should not be invoked for components using the new APIs.
-    if (
-      !hasNewLifecycles &&
-      (typeof instance.UNSAFE_componentWillUpdate === "function" ||
-        typeof instance.componentWillUpdate === "function")
-    ) {
-      if (typeof instance.componentWillUpdate === "function") {
-        instance.componentWillUpdate(newProps, newState, nextContext);
-      }
-
-      if (typeof instance.UNSAFE_componentWillUpdate === "function") {
-        instance.UNSAFE_componentWillUpdate(newProps, newState, nextContext);
+    function getCurrentFiber() {
+      {
+        return current;
       }
     }
-
-    if (typeof instance.componentDidUpdate === "function") {
-      workInProgress.flags |= Update;
-    }
-
-    if (typeof instance.getSnapshotBeforeUpdate === "function") {
-      workInProgress.flags |= Snapshot;
-    }
-  } else {
-    // If an update was already in progress, we should schedule an Update
-    // effect even though we're bailing out, so that cWU/cDU are called.
-    if (typeof instance.componentDidUpdate === "function") {
-      if (
-        unresolvedOldProps !== current.memoizedProps ||
-        oldState !== current.memoizedState
-      ) {
-        workInProgress.flags |= Update;
+    function setIsRendering(rendering) {
+      {
+        isRendering = rendering;
       }
     }
 
-    if (typeof instance.getSnapshotBeforeUpdate === "function") {
-      if (
-        unresolvedOldProps !== current.memoizedProps ||
-        oldState !== current.memoizedState
-      ) {
-        workInProgress.flags |= Snapshot;
-      }
-    } // If shouldComponentUpdate returned false, we should still update the
-    // memoized props/state to indicate that this work can be reused.
+    var ReactStrictModeWarnings = {
+      recordUnsafeLifecycleWarnings: function (fiber, instance) {},
+      flushPendingUnsafeLifecycleWarnings: function () {},
+      recordLegacyContextWarning: function (fiber, instance) {},
+      flushLegacyContextWarning: function () {},
+      discardPendingWarnings: function () {}
+    };
 
-    workInProgress.memoizedProps = newProps;
-    workInProgress.memoizedState = newState;
-  } // Update the existing instance's state, props, and context pointers even
-  // if shouldComponentUpdate returns false.
+    {
+      var findStrictRoot = function (fiber) {
+        var maybeStrictRoot = null;
+        var node = fiber;
 
-  instance.props = newProps;
-  instance.state = newState;
-  instance.context = nextContext;
-  return shouldUpdate;
-}
+        while (node !== null) {
+          if (node.mode & StrictLegacyMode) {
+            maybeStrictRoot = node;
+          }
 
-var didWarnAboutMaps;
-var didWarnAboutGenerators;
-var didWarnAboutStringRefs;
-var ownerHasKeyUseWarning;
-var ownerHasFunctionTypeWarning;
+          node = node.return;
+        }
 
-var warnForMissingKey = function(child, returnFiber) {};
+        return maybeStrictRoot;
+      };
 
-{
-  didWarnAboutMaps = false;
-  didWarnAboutGenerators = false;
-  didWarnAboutStringRefs = {};
-  /**
-   * 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.
-   */
+      var setToSortedString = function (set) {
+        var array = [];
+        set.forEach(function (value) {
+          array.push(value);
+        });
+        return array.sort().join(", ");
+      };
 
-  ownerHasKeyUseWarning = {};
-  ownerHasFunctionTypeWarning = {};
+      var pendingComponentWillMountWarnings = [];
+      var pendingUNSAFE_ComponentWillMountWarnings = [];
+      var pendingComponentWillReceivePropsWarnings = [];
+      var pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+      var pendingComponentWillUpdateWarnings = [];
+      var pendingUNSAFE_ComponentWillUpdateWarnings = []; // Tracks components we have already warned about.
 
-  warnForMissingKey = function(child, returnFiber) {
-    if (child === null || typeof child !== "object") {
-      return;
-    }
+      var didWarnAboutUnsafeLifecycles = new Set();
 
-    if (!child._store || child._store.validated || child.key != null) {
-      return;
-    }
+      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function (
+        fiber,
+        instance
+      ) {
+        // Dedupe strategy: Warn once per component.
+        if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
+          return;
+        }
 
-    if (typeof child._store !== "object") {
-      throw new Error(
-        "React Component in warnForMissingKey should have a _store. " +
-          "This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
+        if (
+          typeof instance.componentWillMount === "function" && // Don't warn about react-lifecycles-compat polyfilled components.
+          instance.componentWillMount.__suppressDeprecationWarning !== true
+        ) {
+          pendingComponentWillMountWarnings.push(fiber);
+        }
 
-    child._store.validated = true;
-    var componentName = getComponentNameFromFiber(returnFiber) || "Component";
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillMount === "function"
+        ) {
+          pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
+        }
 
-    if (ownerHasKeyUseWarning[componentName]) {
-      return;
-    }
+        if (
+          typeof instance.componentWillReceiveProps === "function" &&
+          instance.componentWillReceiveProps.__suppressDeprecationWarning !==
+            true
+        ) {
+          pendingComponentWillReceivePropsWarnings.push(fiber);
+        }
 
-    ownerHasKeyUseWarning[componentName] = true;
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillReceiveProps === "function"
+        ) {
+          pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
+        }
 
-    error(
-      "Each child in a list should have a unique " +
-        '"key" prop. See https://react.dev/warnings/special-props for ' +
-        "more information."
-    );
-  };
-}
+        if (
+          typeof instance.componentWillUpdate === "function" &&
+          instance.componentWillUpdate.__suppressDeprecationWarning !== true
+        ) {
+          pendingComponentWillUpdateWarnings.push(fiber);
+        }
 
-function coerceRef(returnFiber, current, element) {
-  var mixedRef = element.ref;
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillUpdate === "function"
+        ) {
+          pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
+        }
+      };
 
-  if (
-    mixedRef !== null &&
-    typeof mixedRef !== "function" &&
-    typeof mixedRef !== "object"
-  ) {
-    {
-      // TODO: Clean this up once we turn on the string ref warning for
-      // everyone, because the strict mode case will no longer be relevant
-      if (
-        (returnFiber.mode & StrictLegacyMode || warnAboutStringRefs) && // We warn in ReactElement.js if owner and self are equal for string refs
-        // because these cannot be automatically converted to an arrow function
-        // using a codemod. Therefore, we don't have to warn about string refs again.
-        !(
-          element._owner &&
-          element._self &&
-          element._owner.stateNode !== element._self
-        )
-      ) {
-        var componentName =
-          getComponentNameFromFiber(returnFiber) || "Component";
+      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings =
+        function () {
+          // We do an initial pass to gather component names
+          var componentWillMountUniqueNames = new Set();
 
-        if (!didWarnAboutStringRefs[componentName]) {
-          {
-            error(
-              'A string ref, "%s", has been found within a strict mode tree. ' +
-                "String refs are a source of potential bugs and should be avoided. " +
-                "We recommend using useRef() or createRef() instead. " +
-                "Learn more about using refs safely here: " +
-                "https://react.dev/reference/react/Component#refs",
-              mixedRef
-            );
+          if (pendingComponentWillMountWarnings.length > 0) {
+            pendingComponentWillMountWarnings.forEach(function (fiber) {
+              componentWillMountUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillMountWarnings = [];
           }
 
-          didWarnAboutStringRefs[componentName] = true;
-        }
-      }
-    }
-
-    if (element._owner) {
-      var owner = element._owner;
-      var inst;
+          var UNSAFE_componentWillMountUniqueNames = new Set();
 
-      if (owner) {
-        var ownerFiber = owner;
+          if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillMountWarnings.forEach(function (fiber) {
+              UNSAFE_componentWillMountUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingUNSAFE_ComponentWillMountWarnings = [];
+          }
 
-        if (ownerFiber.tag !== ClassComponent) {
-          throw new Error(
-            "Function components cannot have string refs. " +
-              "We recommend using useRef() instead. " +
-              "Learn more about using refs safely here: " +
-              "https://react.dev/reference/react/Component#refs"
-          );
-        }
+          var componentWillReceivePropsUniqueNames = new Set();
 
-        inst = ownerFiber.stateNode;
-      }
+          if (pendingComponentWillReceivePropsWarnings.length > 0) {
+            pendingComponentWillReceivePropsWarnings.forEach(function (fiber) {
+              componentWillReceivePropsUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillReceivePropsWarnings = [];
+          }
 
-      if (!inst) {
-        throw new Error(
-          "Missing owner for string ref " +
-            mixedRef +
-            ". This error is likely caused by a " +
-            "bug in React. Please file an issue."
-        );
-      } // Assigning this to a const so Flow knows it won't change in the closure
+          var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
 
-      var resolvedInst = inst;
+          if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(
+              function (fiber) {
+                UNSAFE_componentWillReceivePropsUniqueNames.add(
+                  getComponentNameFromFiber(fiber) || "Component"
+                );
+                didWarnAboutUnsafeLifecycles.add(fiber.type);
+              }
+            );
+            pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+          }
 
-      {
-        checkPropStringCoercion(mixedRef, "ref");
-      }
+          var componentWillUpdateUniqueNames = new Set();
 
-      var stringRef = "" + mixedRef; // Check if previous string ref matches new string ref
+          if (pendingComponentWillUpdateWarnings.length > 0) {
+            pendingComponentWillUpdateWarnings.forEach(function (fiber) {
+              componentWillUpdateUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillUpdateWarnings = [];
+          }
 
-      if (
-        current !== null &&
-        current.ref !== null &&
-        typeof current.ref === "function" &&
-        current.ref._stringRef === stringRef
-      ) {
-        return current.ref;
-      }
+          var UNSAFE_componentWillUpdateUniqueNames = new Set();
 
-      var ref = function(value) {
-        var refs = resolvedInst.refs;
+          if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function (fiber) {
+              UNSAFE_componentWillUpdateUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingUNSAFE_ComponentWillUpdateWarnings = [];
+          } // Finally, we flush all the warnings
+          // UNSAFE_ ones before the deprecated ones, since they'll be 'louder'
+
+          if (UNSAFE_componentWillMountUniqueNames.size > 0) {
+            var sortedNames = setToSortedString(
+              UNSAFE_componentWillMountUniqueNames
+            );
 
-        if (refs === emptyRefsObject) {
-          // This is a lazy pooled frozen object, so we need to initialize.
-          refs = resolvedInst.refs = {};
-        }
+            error(
+              "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
+                "\nPlease update the following components: %s",
+              sortedNames
+            );
+          }
 
-        if (value === null) {
-          delete refs[stringRef];
-        } else {
-          refs[stringRef] = value;
-        }
-      };
+          if (UNSAFE_componentWillReceivePropsUniqueNames.size > 0) {
+            var _sortedNames = setToSortedString(
+              UNSAFE_componentWillReceivePropsUniqueNames
+            );
 
-      ref._stringRef = stringRef;
-      return ref;
-    } else {
-      if (typeof mixedRef !== "string") {
-        throw new Error(
-          "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
-        );
-      }
+            error(
+              "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
+                "and may indicate bugs in your code. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* If you're updating state whenever props change, " +
+                "refactor your code to use memoization techniques or move it to " +
+                "static getDerivedStateFromProps. Learn more at: https://reactjs.org/link/derived-state\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames
+            );
+          }
 
-      if (!element._owner) {
-        throw new Error(
-          "Element ref was specified as a string (" +
-            mixedRef +
-            ") but no owner was set. This could happen for one of" +
-            " the following reasons:\n" +
-            "1. You may be adding a ref to a function component\n" +
-            "2. You may be adding a ref to a component that was not created inside a component's render method\n" +
-            "3. You have multiple copies of React loaded\n" +
-            "See https://legacy.reactjs.org/warnings/refs-must-have-owner.html for more information."
-        );
-      }
-    }
-  }
+          if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
+            var _sortedNames2 = setToSortedString(
+              UNSAFE_componentWillUpdateUniqueNames
+            );
 
-  return mixedRef;
-}
+            error(
+              "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
+                "and may indicate bugs in your code. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames2
+            );
+          }
 
-function throwOnInvalidObjectType(returnFiber, newChild) {
-  var childString = Object.prototype.toString.call(newChild);
-  throw new Error(
-    "Objects are not valid as a React child (found: " +
-      (childString === "[object Object]"
-        ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
-        : childString) +
-      "). " +
-      "If you meant to render a collection of children, use an array " +
-      "instead."
-  );
-}
+          if (componentWillMountUniqueNames.size > 0) {
+            var _sortedNames3 = setToSortedString(
+              componentWillMountUniqueNames
+            );
 
-function warnOnFunctionType(returnFiber) {
-  {
-    var componentName = getComponentNameFromFiber(returnFiber) || "Component";
+            warn(
+              "componentWillMount has been renamed, and is not recommended for use. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
+                "* Rename componentWillMount to UNSAFE_componentWillMount to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames3
+            );
+          }
 
-    if (ownerHasFunctionTypeWarning[componentName]) {
-      return;
-    }
+          if (componentWillReceivePropsUniqueNames.size > 0) {
+            var _sortedNames4 = setToSortedString(
+              componentWillReceivePropsUniqueNames
+            );
 
-    ownerHasFunctionTypeWarning[componentName] = true;
+            warn(
+              "componentWillReceiveProps has been renamed, and is not recommended for use. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* If you're updating state whenever props change, refactor your " +
+                "code to use memoization techniques or move it to " +
+                "static getDerivedStateFromProps. Learn more at: https://reactjs.org/link/derived-state\n" +
+                "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames4
+            );
+          }
 
-    error(
-      "Functions are not valid as a React child. This may happen if " +
-        "you return a Component instead of <Component /> from render. " +
-        "Or maybe you meant to call this function rather than return it."
-    );
-  }
-}
+          if (componentWillUpdateUniqueNames.size > 0) {
+            var _sortedNames5 = setToSortedString(
+              componentWillUpdateUniqueNames
+            );
 
-function resolveLazy(lazyType) {
-  var payload = lazyType._payload;
-  var init = lazyType._init;
-  return init(payload);
-} // This wrapper function exists because I expect to clone the code in each path
-// to be able to optimize each path individually by branching early. This needs
-// a compiler or we can do it manually. Helpers that don't need this branching
-// live outside of this function.
+            warn(
+              "componentWillUpdate has been renamed, and is not recommended for use. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames5
+            );
+          }
+        };
 
-function ChildReconciler(shouldTrackSideEffects) {
-  function deleteChild(returnFiber, childToDelete) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return;
-    }
+      var pendingLegacyContextWarning = new Map(); // Tracks components we have already warned about.
 
-    var deletions = returnFiber.deletions;
+      var didWarnAboutLegacyContext = new Set();
 
-    if (deletions === null) {
-      returnFiber.deletions = [childToDelete];
-      returnFiber.flags |= ChildDeletion;
-    } else {
-      deletions.push(childToDelete);
-    }
-  }
+      ReactStrictModeWarnings.recordLegacyContextWarning = function (
+        fiber,
+        instance
+      ) {
+        var strictRoot = findStrictRoot(fiber);
 
-  function deleteRemainingChildren(returnFiber, currentFirstChild) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return null;
-    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
-    // assuming that after the first child we've already added everything.
+        if (strictRoot === null) {
+          error(
+            "Expected to find a StrictMode component in a strict mode tree. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
 
-    var childToDelete = currentFirstChild;
+          return;
+        } // Dedup strategy: Warn once per component.
 
-    while (childToDelete !== null) {
-      deleteChild(returnFiber, childToDelete);
-      childToDelete = childToDelete.sibling;
-    }
+        if (didWarnAboutLegacyContext.has(fiber.type)) {
+          return;
+        }
 
-    return null;
-  }
+        var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
 
-  function mapRemainingChildren(returnFiber, currentFirstChild) {
-    // Add the remaining children to a temporary map so that we can find them by
-    // keys quickly. Implicit (null) keys get added to this set with their index
-    // instead.
-    var existingChildren = new Map();
-    var existingChild = currentFirstChild;
+        if (
+          fiber.type.contextTypes != null ||
+          fiber.type.childContextTypes != null ||
+          (instance !== null && typeof instance.getChildContext === "function")
+        ) {
+          if (warningsForRoot === undefined) {
+            warningsForRoot = [];
+            pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+          }
 
-    while (existingChild !== null) {
-      if (existingChild.key !== null) {
-        existingChildren.set(existingChild.key, existingChild);
-      } else {
-        existingChildren.set(existingChild.index, existingChild);
-      }
+          warningsForRoot.push(fiber);
+        }
+      };
 
-      existingChild = existingChild.sibling;
-    }
+      ReactStrictModeWarnings.flushLegacyContextWarning = function () {
+        pendingLegacyContextWarning.forEach(function (fiberArray, strictRoot) {
+          if (fiberArray.length === 0) {
+            return;
+          }
 
-    return existingChildren;
-  }
+          var firstFiber = fiberArray[0];
+          var uniqueNames = new Set();
+          fiberArray.forEach(function (fiber) {
+            uniqueNames.add(getComponentNameFromFiber(fiber) || "Component");
+            didWarnAboutLegacyContext.add(fiber.type);
+          });
+          var sortedNames = setToSortedString(uniqueNames);
 
-  function useFiber(fiber, pendingProps) {
-    // We currently set sibling to null and index to 0 here because it is easy
-    // to forget to do before returning it. E.g. for the single child case.
-    var clone = createWorkInProgress(fiber, pendingProps);
-    clone.index = 0;
-    clone.sibling = null;
-    return clone;
-  }
+          try {
+            setCurrentFiber(firstFiber);
 
-  function placeChild(newFiber, lastPlacedIndex, newIndex) {
-    newFiber.index = newIndex;
+            error(
+              "Legacy context API has been detected within a strict-mode tree." +
+                "\n\nThe old API will be supported in all 16.x releases, but applications " +
+                "using it should migrate to the new version." +
+                "\n\nPlease update the following components: %s" +
+                "\n\nLearn more about this warning here: https://reactjs.org/link/legacy-context",
+              sortedNames
+            );
+          } finally {
+            resetCurrentFiber();
+          }
+        });
+      };
 
-    if (!shouldTrackSideEffects) {
-      // During hydration, the useId algorithm needs to know which fibers are
-      // part of a list of children (arrays, iterators).
-      newFiber.flags |= Forked;
-      return lastPlacedIndex;
+      ReactStrictModeWarnings.discardPendingWarnings = function () {
+        pendingComponentWillMountWarnings = [];
+        pendingUNSAFE_ComponentWillMountWarnings = [];
+        pendingComponentWillReceivePropsWarnings = [];
+        pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+        pendingComponentWillUpdateWarnings = [];
+        pendingUNSAFE_ComponentWillUpdateWarnings = [];
+        pendingLegacyContextWarning = new Map();
+      };
     }
 
-    var current = newFiber.alternate;
+    /*
+     * 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]
 
-    if (current !== null) {
-      var oldIndex = current.index;
+        return type;
+      }
+    } // $FlowFixMe[incompatible-return] only called in DEV, so void return is not possible.
 
-      if (oldIndex < lastPlacedIndex) {
-        // This is a move.
-        newFiber.flags |= Placement;
-        return lastPlacedIndex;
-      } else {
-        // This item can stay in place.
-        return oldIndex;
+    function willCoercionThrow(value) {
+      {
+        try {
+          testStringCoercion(value);
+          return false;
+        } catch (e) {
+          return true;
+        }
       }
-    } else {
-      // This is an insertion.
-      newFiber.flags |= Placement;
-      return lastPlacedIndex;
     }
-  }
 
-  function placeSingleChild(newFiber) {
-    // This is simpler for the single child case. We only need to do a
-    // placement for inserting new children.
-    if (shouldTrackSideEffects && newFiber.alternate === null) {
-      newFiber.flags |= Placement;
+    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 newFiber;
-  }
-
-  function updateTextNode(returnFiber, current, textContent, lanes) {
-    if (current === null || current.tag !== HostText) {
-      // Insert
-      var created = createFiberFromText(textContent, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      var existing = useFiber(current, textContent);
-      existing.return = returnFiber;
-      return existing;
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
     }
-  }
-
-  function updateElement(returnFiber, current, element, lanes) {
-    var elementType = element.type;
+    function checkPropStringCoercion(value, propName) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided `%s` prop is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            propName,
+            typeName(value)
+          );
 
-    if (elementType === REACT_FRAGMENT_TYPE) {
-      return updateFragment(
-        returnFiber,
-        current,
-        element.props.children,
-        lanes,
-        element.key
-      );
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
     }
 
-    if (current !== null) {
-      if (
-        current.elementType === elementType || // Keep this check inline so it only runs on the false path:
-        isCompatibleFamilyForHotReloading(current, element) || // Lazy types should reconcile their resolved type.
-        // We need to do this after the Hot Reloading check above,
-        // because hot reloading has different semantics than prod because
-        // it doesn't resuspend. So we can't let the call below suspend.
-        (typeof elementType === "object" &&
-          elementType !== null &&
-          elementType.$$typeof === REACT_LAZY_TYPE &&
-          resolveLazy(elementType) === current.type)
-      ) {
-        // Move based on index
-        var existing = useFiber(current, element.props);
-        existing.ref = coerceRef(returnFiber, current, element);
-        existing.return = returnFiber;
+    var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
 
+    function getThenablesFromState(state) {
+      {
+        var devState = state;
+        return devState.thenables;
+      }
+    } // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+    // detect this is caught by userspace, we'll log a warning in development.
+
+    var SuspenseException = new Error(
+      "Suspense Exception: This is not a real error! It's an implementation " +
+        "detail of `use` to interrupt the current render. You must either " +
+        "rethrow it immediately, or move the `use` call outside of the " +
+        "`try/catch` block. Capturing without rethrowing will lead to " +
+        "unexpected behavior.\n\n" +
+        "To handle async errors, wrap your component in an error boundary, or " +
+        "call the promise's `.catch` method and pass the result to `use`"
+    );
+    var SuspenseyCommitException = new Error(
+      "Suspense Exception: This is not a real error, and should not leak into " +
+        "userspace. If you're seeing this, it's likely a bug in React."
+    ); // This is a noop thenable that we use to trigger a fallback in throwException.
+    // TODO: It would be better to refactor throwException into multiple functions
+    // so we can trigger a fallback directly without having to check the type. But
+    // for now this will do.
+
+    var noopSuspenseyCommitThenable = {
+      then: function () {
         {
-          existing._debugSource = element._source;
-          existing._debugOwner = element._owner;
+          error(
+            "Internal React error: A listener was unexpectedly attached to a " +
+              '"noop" thenable. This is a bug in React. Please file an issue.'
+          );
         }
+      }
+    };
+    function createThenableState() {
+      // The ThenableState is created the first time a component suspends. If it
+      // suspends again, we'll reuse the same state.
+      {
+        return {
+          didWarnAboutUncachedPromise: false,
+          thenables: []
+        };
+      }
+    }
+    function isThenableResolved(thenable) {
+      var status = thenable.status;
+      return status === "fulfilled" || status === "rejected";
+    }
 
-        return existing;
+    function noop() {}
+
+    function trackUsedThenable(thenableState, thenable, index) {
+      if (ReactCurrentActQueue$2.current !== null) {
+        ReactCurrentActQueue$2.didUsePromise = true;
       }
-    } // Insert
 
-    var created = createFiberFromElement(element, returnFiber.mode, lanes);
-    created.ref = coerceRef(returnFiber, current, element);
-    created.return = returnFiber;
-    return created;
-  }
+      var trackedThenables = getThenablesFromState(thenableState);
+      var previous = trackedThenables[index];
 
-  function updatePortal(returnFiber, current, portal, lanes) {
-    if (
-      current === null ||
-      current.tag !== HostPortal ||
-      current.stateNode.containerInfo !== portal.containerInfo ||
-      current.stateNode.implementation !== portal.implementation
-    ) {
-      // Insert
-      var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      var existing = useFiber(current, portal.children || []);
-      existing.return = returnFiber;
-      return existing;
-    }
-  }
-
-  function updateFragment(returnFiber, current, fragment, lanes, key) {
-    if (current === null || current.tag !== Fragment) {
-      // Insert
-      var created = createFiberFromFragment(
-        fragment,
-        returnFiber.mode,
-        lanes,
-        key
-      );
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      var existing = useFiber(current, fragment);
-      existing.return = returnFiber;
-      return existing;
-    }
-  }
+      if (previous === undefined) {
+        trackedThenables.push(thenable);
+      } else {
+        if (previous !== thenable) {
+          // Reuse the previous thenable, and drop the new one. We can assume
+          // they represent the same value, because components are idempotent.
+          {
+            var thenableStateDev = thenableState;
+
+            if (!thenableStateDev.didWarnAboutUncachedPromise) {
+              // We should only warn the first time an uncached thenable is
+              // discovered per component, because if there are multiple, the
+              // subsequent ones are likely derived from the first.
+              //
+              // We track this on the thenableState instead of deduping using the
+              // component name like we usually do, because in the case of a
+              // promise-as-React-node, the owner component is likely different from
+              // the parent that's currently being reconciled. We'd have to track
+              // the owner using state, which we're trying to move away from. Though
+              // since this is dev-only, maybe that'd be OK.
+              //
+              // However, another benefit of doing it this way is we might
+              // eventually have a thenableState per memo/Forget boundary instead
+              // of per component, so this would allow us to have more
+              // granular warnings.
+              thenableStateDev.didWarnAboutUncachedPromise = true; // TODO: This warning should link to a corresponding docs page.
 
-  function createChild(returnFiber, newChild, lanes) {
-    if (
-      (typeof newChild === "string" && newChild !== "") ||
-      typeof newChild === "number"
-    ) {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      var created = createFiberFromText("" + newChild, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    }
-
-    if (typeof newChild === "object" && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE: {
-          var _created = createFiberFromElement(
-            newChild,
-            returnFiber.mode,
-            lanes
-          );
+              error(
+                "A component was suspended by an uncached promise. Creating " +
+                  "promises inside a Client Component or hook is not yet " +
+                  "supported, except via a Suspense-compatible library or framework."
+              );
+            }
+          } // Avoid an unhandled rejection errors for the Promises that we'll
+          // intentionally ignore.
 
-          _created.ref = coerceRef(returnFiber, null, newChild);
-          _created.return = returnFiber;
-          return _created;
+          thenable.then(noop, noop);
+          thenable = previous;
         }
+      } // We use an expando to track the status and result of a thenable so that we
+      // can synchronously unwrap the value. Think of this as an extension of the
+      // Promise API, or a custom interface that is a superset of Thenable.
+      //
+      // If the thenable doesn't have a status, set it to "pending" and attach
+      // a listener that will update its status and result when it resolves.
 
-        case REACT_PORTAL_TYPE: {
-          var _created2 = createFiberFromPortal(
-            newChild,
-            returnFiber.mode,
-            lanes
-          );
-
-          _created2.return = returnFiber;
-          return _created2;
+      switch (thenable.status) {
+        case "fulfilled": {
+          var fulfilledValue = thenable.value;
+          return fulfilledValue;
         }
 
-        case REACT_LAZY_TYPE: {
-          var payload = newChild._payload;
-          var init = newChild._init;
-          return createChild(returnFiber, init(payload), lanes);
+        case "rejected": {
+          var rejectedError = thenable.reason;
+          checkIfUseWrappedInAsyncCatch(rejectedError);
+          throw rejectedError;
         }
-      }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        var _created3 = createFiberFromFragment(
-          newChild,
-          returnFiber.mode,
-          lanes,
-          null
-        );
+        default: {
+          if (typeof thenable.status === "string") {
+            // Only instrument the thenable if the status if not defined. If
+            // it's defined, but an unknown value, assume it's been instrumented by
+            // some custom userspace implementation. We treat it as "pending".
+            // Attach a dummy listener, to ensure that any lazy initialization can
+            // happen. Flight lazily parses JSON when the value is actually awaited.
+            thenable.then(noop, noop);
+          } else {
+            // This is an uncached thenable that we haven't seen before.
+            // Detect infinite ping loops caused by uncached promises.
+            var root = getWorkInProgressRoot();
+
+            if (root !== null && root.shellSuspendCounter > 100) {
+              // This root has suspended repeatedly in the shell without making any
+              // progress (i.e. committing something). This is highly suggestive of
+              // an infinite ping loop, often caused by an accidental Async Client
+              // Component.
+              //
+              // During a transition, we can suspend the work loop until the promise
+              // to resolve, but this is a sync render, so that's not an option. We
+              // also can't show a fallback, because none was provided. So our last
+              // resort is to throw an error.
+              //
+              // TODO: Remove this error in a future release. Other ways of handling
+              // this case include forcing a concurrent render, or putting the whole
+              // root into offscreen mode.
+              throw new Error(
+                "async/await is not yet supported in Client Components, only " +
+                  "Server Components. This error is often caused by accidentally " +
+                  "adding `'use client'` to a module that was originally written " +
+                  "for the server."
+              );
+            }
 
-        _created3.return = returnFiber;
-        return _created3;
-      }
+            var pendingThenable = thenable;
+            pendingThenable.status = "pending";
+            pendingThenable.then(
+              function (fulfilledValue) {
+                if (thenable.status === "pending") {
+                  var fulfilledThenable = thenable;
+                  fulfilledThenable.status = "fulfilled";
+                  fulfilledThenable.value = fulfilledValue;
+                }
+              },
+              function (error) {
+                if (thenable.status === "pending") {
+                  var rejectedThenable = thenable;
+                  rejectedThenable.status = "rejected";
+                  rejectedThenable.reason = error;
+                }
+              }
+            ); // Check one more time in case the thenable resolved synchronously.
 
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
+            switch (thenable.status) {
+              case "fulfilled": {
+                var fulfilledThenable = thenable;
+                return fulfilledThenable.value;
+              }
 
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType(returnFiber);
-      }
-    }
+              case "rejected": {
+                var rejectedThenable = thenable;
+                var _rejectedError = rejectedThenable.reason;
+                checkIfUseWrappedInAsyncCatch(_rejectedError);
+                throw _rejectedError;
+              }
+            }
+          } // Suspend.
+          //
+          // Throwing here is an implementation detail that allows us to unwind the
+          // call stack. But we shouldn't allow it to leak into userspace. Throw an
+          // opaque placeholder value instead of the actual thenable. If it doesn't
+          // get captured by the work loop, log a warning, because that means
+          // something in userspace must have caught it.
 
-    return null;
-  }
+          suspendedThenable = thenable;
 
-  function updateSlot(returnFiber, oldFiber, newChild, lanes) {
-    // Update the fiber if the keys match, otherwise return null.
-    var key = oldFiber !== null ? oldFiber.key : null;
+          {
+            needsToResetSuspendedThenableDEV = true;
+          }
 
-    if (
-      (typeof newChild === "string" && newChild !== "") ||
-      typeof newChild === "number"
-    ) {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      if (key !== null) {
-        return null;
+          throw SuspenseException;
+        }
       }
-
-      return updateTextNode(returnFiber, oldFiber, "" + newChild, lanes);
     }
+    // passed to the rest of the Suspense implementation — which, for historical
+    // reasons, expects to receive a thenable.
 
-    if (typeof newChild === "object" && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE: {
-          if (newChild.key === key) {
-            return updateElement(returnFiber, oldFiber, newChild, lanes);
-          } else {
-            return null;
-          }
-        }
+    var suspendedThenable = null;
+    var needsToResetSuspendedThenableDEV = false;
+    function getSuspendedThenable() {
+      // This is called right after `use` suspends by throwing an exception. `use`
+      // throws an opaque value instead of the thenable itself so that it can't be
+      // caught in userspace. Then the work loop accesses the actual thenable using
+      // this function.
+      if (suspendedThenable === null) {
+        throw new Error(
+          "Expected a suspended thenable. This is a bug in React. Please file " +
+            "an issue."
+        );
+      }
 
-        case REACT_PORTAL_TYPE: {
-          if (newChild.key === key) {
-            return updatePortal(returnFiber, oldFiber, newChild, lanes);
-          } else {
-            return null;
-          }
-        }
+      var thenable = suspendedThenable;
+      suspendedThenable = null;
 
-        case REACT_LAZY_TYPE: {
-          var payload = newChild._payload;
-          var init = newChild._init;
-          return updateSlot(returnFiber, oldFiber, init(payload), lanes);
-        }
+      {
+        needsToResetSuspendedThenableDEV = false;
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        if (key !== null) {
-          return null;
+      return thenable;
+    }
+    function checkIfUseWrappedInTryCatch() {
+      {
+        // This was set right before SuspenseException was thrown, and it should
+        // have been cleared when the exception was handled. If it wasn't,
+        // it must have been caught by userspace.
+        if (needsToResetSuspendedThenableDEV) {
+          needsToResetSuspendedThenableDEV = false;
+          return true;
         }
-
-        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
       }
 
-      throwOnInvalidObjectType(returnFiber, newChild);
+      return false;
     }
-
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType(returnFiber);
+    function checkIfUseWrappedInAsyncCatch(rejectedReason) {
+      // This check runs in prod, too, because it prevents a more confusing
+      // downstream error, where SuspenseException is caught by a promise and
+      // thrown asynchronously.
+      // TODO: Another way to prevent SuspenseException from leaking into an async
+      // execution context is to check the dispatcher every time `use` is called,
+      // or some equivalent. That might be preferable for other reasons, too, since
+      // it matches how we prevent similar mistakes for other hooks.
+      if (rejectedReason === SuspenseException) {
+        throw new Error(
+          "Hooks are not supported inside an async component. This " +
+            "error is often caused by accidentally adding `'use client'` " +
+            "to a module that was originally written for the server."
+        );
       }
     }
 
-    return null;
-  }
+    var thenableState$1 = null;
+    var thenableIndexCounter$1 = 0;
+    var didWarnAboutMaps;
+    var didWarnAboutGenerators;
+    var didWarnAboutStringRefs;
+    var ownerHasKeyUseWarning;
+    var ownerHasFunctionTypeWarning;
 
-  function updateFromMap(
-    existingChildren,
-    returnFiber,
-    newIdx,
-    newChild,
-    lanes
-  ) {
-    if (
-      (typeof newChild === "string" && newChild !== "") ||
-      typeof newChild === "number"
-    ) {
-      // Text nodes don't have keys, so we neither have to check the old nor
-      // new node for the key. If both are text nodes, they match.
-      var matchedFiber = existingChildren.get(newIdx) || null;
-      return updateTextNode(returnFiber, matchedFiber, "" + newChild, lanes);
-    }
+    var warnForMissingKey = function (child, returnFiber) {};
 
-    if (typeof newChild === "object" && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE: {
-          var _matchedFiber =
-            existingChildren.get(
-              newChild.key === null ? newIdx : newChild.key
-            ) || null;
+    {
+      didWarnAboutMaps = false;
+      didWarnAboutGenerators = false;
+      didWarnAboutStringRefs = {};
+      /**
+       * 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.
+       */
+
+      ownerHasKeyUseWarning = {};
+      ownerHasFunctionTypeWarning = {};
+
+      warnForMissingKey = function (child, returnFiber) {
+        if (child === null || typeof child !== "object") {
+          return;
+        }
 
-          return updateElement(returnFiber, _matchedFiber, newChild, lanes);
+        if (!child._store || child._store.validated || child.key != null) {
+          return;
         }
 
-        case REACT_PORTAL_TYPE: {
-          var _matchedFiber2 =
-            existingChildren.get(
-              newChild.key === null ? newIdx : newChild.key
-            ) || null;
+        if (typeof child._store !== "object") {
+          throw new Error(
+            "React Component in warnForMissingKey should have a _store. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        } // $FlowFixMe[cannot-write] unable to narrow type from mixed to writable object
 
-          return updatePortal(returnFiber, _matchedFiber2, newChild, lanes);
-        }
+        child._store.validated = true;
+        var componentName =
+          getComponentNameFromFiber(returnFiber) || "Component";
 
-        case REACT_LAZY_TYPE:
-          var payload = newChild._payload;
-          var init = newChild._init;
-          return updateFromMap(
-            existingChildren,
-            returnFiber,
-            newIdx,
-            init(payload),
-            lanes
-          );
-      }
+        if (ownerHasKeyUseWarning[componentName]) {
+          return;
+        }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        var _matchedFiber3 = existingChildren.get(newIdx) || null;
+        ownerHasKeyUseWarning[componentName] = true;
 
-        return updateFragment(
-          returnFiber,
-          _matchedFiber3,
-          newChild,
-          lanes,
-          null
+        error(
+          "Each child in a list should have a unique " +
+            '"key" prop. See https://reactjs.org/link/warning-keys for ' +
+            "more information."
         );
-      }
-
-      throwOnInvalidObjectType(returnFiber, newChild);
+      };
     }
 
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType(returnFiber);
-      }
+    function isReactClass(type) {
+      return type.prototype && type.prototype.isReactComponent;
     }
 
-    return null;
-  }
-  /**
-   * Warns if there is a duplicate or missing key
-   */
-
-  function warnOnInvalidKey(child, knownKeys, returnFiber) {
-    {
-      if (typeof child !== "object" || child === null) {
-        return knownKeys;
-      }
-
-      switch (child.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-        case REACT_PORTAL_TYPE:
-          warnForMissingKey(child, returnFiber);
-          var key = child.key;
-
-          if (typeof key !== "string") {
-            break;
-          }
-
-          if (knownKeys === null) {
-            knownKeys = new Set();
-            knownKeys.add(key);
-            break;
-          }
-
-          if (!knownKeys.has(key)) {
-            knownKeys.add(key);
-            break;
-          }
-
-          error(
-            "Encountered two children with the same key, `%s`. " +
-              "Keys should be unique so that components maintain their identity " +
-              "across updates. Non-unique keys may cause children to be " +
-              "duplicated and/or omitted — the behavior is unsupported and " +
-              "could change in a future version.",
-            key
-          );
-
-          break;
+    function unwrapThenable(thenable) {
+      var index = thenableIndexCounter$1;
+      thenableIndexCounter$1 += 1;
 
-        case REACT_LAZY_TYPE:
-          var payload = child._payload;
-          var init = child._init;
-          warnOnInvalidKey(init(payload), knownKeys, returnFiber);
-          break;
+      if (thenableState$1 === null) {
+        thenableState$1 = createThenableState();
       }
-    }
-
-    return knownKeys;
-  }
-
-  function reconcileChildrenArray(
-    returnFiber,
-    currentFirstChild,
-    newChildren,
-    lanes
-  ) {
-    // This algorithm can't optimize by searching from both ends since we
-    // don't have backpointers on fibers. I'm trying to see how far we can get
-    // with that model. If it ends up not being worth the tradeoffs, we can
-    // add it later.
-    // Even with a two ended optimization, we'd want to optimize for the case
-    // where there are few changes and brute force the comparison instead of
-    // going for the Map. It'd like to explore hitting that path first in
-    // forward-only mode and only go for the Map once we notice that we need
-    // lots of look ahead. This doesn't handle reversal as well as two ended
-    // search but that's unusual. Besides, for the two ended optimization to
-    // work on Iterables, we'd need to copy the whole set.
-    // In this first iteration, we'll just live with hitting the bad case
-    // (adding everything to a Map) in for every insert/move.
-    // If you change this code, also update reconcileChildrenIterator() which
-    // uses the same algorithm.
-    {
-      // First, validate keys.
-      var knownKeys = null;
 
-      for (var i = 0; i < newChildren.length; i++) {
-        var child = newChildren[i];
-        knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
-      }
+      return trackUsedThenable(thenableState$1, thenable, index);
     }
 
-    var resultingFirstChild = null;
-    var previousNewFiber = null;
-    var oldFiber = currentFirstChild;
-    var lastPlacedIndex = 0;
-    var newIdx = 0;
-    var nextOldFiber = null;
-
-    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
-      }
-
-      var newFiber = updateSlot(
-        returnFiber,
-        oldFiber,
-        newChildren[newIdx],
-        lanes
-      );
+    function coerceRef(returnFiber, current, element) {
+      var mixedRef = element.ref;
 
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
+      if (
+        mixedRef !== null &&
+        typeof mixedRef !== "function" &&
+        typeof mixedRef !== "object"
+      ) {
+        {
+          if (
+            // Will already throw with "Function components cannot have string refs"
+            !(element._owner && element._owner.tag !== ClassComponent) && // Will already warn with "Function components cannot be given refs"
+            !(
+              typeof element.type === "function" && !isReactClass(element.type)
+            ) && // Will already throw with "Element ref was specified as a string (someStringRef) but no owner was set"
+            element._owner
+          ) {
+            var componentName =
+              getComponentNameFromFiber(returnFiber) || "Component";
 
-        break;
-      }
+            if (!didWarnAboutStringRefs[componentName]) {
+              error(
+                'Component "%s" contains the string ref "%s". Support for string refs ' +
+                  "will be removed in a future major release. We recommend using " +
+                  "useRef() or createRef() instead. " +
+                  "Learn more about using refs safely here: " +
+                  "https://reactjs.org/link/strict-mode-string-ref",
+                componentName,
+                mixedRef
+              );
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
+              didWarnAboutStringRefs[componentName] = true;
+            }
+          }
         }
-      }
-
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
-
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
+        if (element._owner) {
+          var owner = element._owner;
+          var inst;
 
-    if (newIdx === newChildren.length) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+          if (owner) {
+            var ownerFiber = owner;
 
-      return resultingFirstChild;
-    }
+            if (ownerFiber.tag !== ClassComponent) {
+              throw new Error(
+                "Function components cannot have string refs. " +
+                  "We recommend using useRef() instead. " +
+                  "Learn more about using refs safely here: " +
+                  "https://reactjs.org/link/strict-mode-string-ref"
+              );
+            }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; newIdx < newChildren.length; newIdx++) {
-        var _newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
+            inst = ownerFiber.stateNode;
+          }
 
-        if (_newFiber === null) {
-          continue;
-        }
+          if (!inst) {
+            throw new Error(
+              "Missing owner for string ref " +
+                mixedRef +
+                ". This error is likely caused by a " +
+                "bug in React. Please file an issue."
+            );
+          } // Assigning this to a const so Flow knows it won't change in the closure
 
-        lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
+          var resolvedInst = inst;
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = _newFiber;
-        } else {
-          previousNewFiber.sibling = _newFiber;
-        }
+          {
+            checkPropStringCoercion(mixedRef, "ref");
+          }
 
-        previousNewFiber = _newFiber;
-      }
+          var stringRef = "" + mixedRef; // Check if previous string ref matches new string ref
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
+          if (
+            current !== null &&
+            current.ref !== null &&
+            typeof current.ref === "function" &&
+            current.ref._stringRef === stringRef
+          ) {
+            return current.ref;
+          }
 
-    var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+          var ref = function (value) {
+            var refs = resolvedInst.refs;
 
-    for (; newIdx < newChildren.length; newIdx++) {
-      var _newFiber2 = updateFromMap(
-        existingChildren,
-        returnFiber,
-        newIdx,
-        newChildren[newIdx],
-        lanes
-      );
+            if (value === null) {
+              delete refs[stringRef];
+            } else {
+              refs[stringRef] = value;
+            }
+          };
 
-      if (_newFiber2 !== null) {
-        if (shouldTrackSideEffects) {
-          if (_newFiber2.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(
-              _newFiber2.key === null ? newIdx : _newFiber2.key
+          ref._stringRef = stringRef;
+          return ref;
+        } else {
+          if (typeof mixedRef !== "string") {
+            throw new Error(
+              "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
             );
           }
-        }
 
-        lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
-
-        if (previousNewFiber === null) {
-          resultingFirstChild = _newFiber2;
-        } else {
-          previousNewFiber.sibling = _newFiber2;
+          if (!element._owner) {
+            throw new Error(
+              "Element ref was specified as a string (" +
+                mixedRef +
+                ") but no owner was set. This could happen for one of" +
+                " the following reasons:\n" +
+                "1. You may be adding a ref to a function component\n" +
+                "2. You may be adding a ref to a component that was not created inside a component's render method\n" +
+                "3. You have multiple copies of React loaded\n" +
+                "See https://reactjs.org/link/refs-must-have-owner for more information."
+            );
+          }
         }
-
-        previousNewFiber = _newFiber2;
       }
-    }
 
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(function(child) {
-        return deleteChild(returnFiber, child);
-      });
+      return mixedRef;
     }
 
-    return resultingFirstChild;
-  }
-
-  function reconcileChildrenIterator(
-    returnFiber,
-    currentFirstChild,
-    newChildrenIterable,
-    lanes
-  ) {
-    // This is the same implementation as reconcileChildrenArray(),
-    // but using the iterator instead.
-    var iteratorFn = getIteratorFn(newChildrenIterable);
-
-    if (typeof iteratorFn !== "function") {
+    function throwOnInvalidObjectType(returnFiber, newChild) {
+      // $FlowFixMe[method-unbinding]
+      var childString = Object.prototype.toString.call(newChild);
       throw new Error(
-        "An object is not an iterable. This error is likely caused by a bug in " +
-          "React. Please file an issue."
+        "Objects are not valid as a React child (found: " +
+          (childString === "[object Object]"
+            ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+            : childString) +
+          "). " +
+          "If you meant to render a collection of children, use an array " +
+          "instead."
       );
     }
 
-    {
-      // We don't support rendering Generators because it's a mutation.
-      // See https://github.com/facebook/react/issues/12995
-      if (
-        typeof Symbol === "function" && // $FlowFixMe Flow doesn't know about toStringTag
-        newChildrenIterable[Symbol.toStringTag] === "Generator"
-      ) {
-        if (!didWarnAboutGenerators) {
-          error(
-            "Using Generators as children is unsupported and will likely yield " +
-              "unexpected results because enumerating a generator mutates it. " +
-              "You may convert it to an array with `Array.from()` or the " +
-              "`[...spread]` operator before rendering. Keep in mind " +
-              "you might need to polyfill these features for older browsers."
-          );
-        }
-
-        didWarnAboutGenerators = true;
-      } // Warn about using Maps as children
+    function warnOnFunctionType(returnFiber) {
+      {
+        var componentName =
+          getComponentNameFromFiber(returnFiber) || "Component";
 
-      if (newChildrenIterable.entries === iteratorFn) {
-        if (!didWarnAboutMaps) {
-          error(
-            "Using Maps as children is not supported. " +
-              "Use an array of keyed ReactElements instead."
-          );
+        if (ownerHasFunctionTypeWarning[componentName]) {
+          return;
         }
 
-        didWarnAboutMaps = true;
-      } // First, validate keys.
-      // We'll get a different iterator later for the main pass.
-
-      var _newChildren = iteratorFn.call(newChildrenIterable);
-
-      if (_newChildren) {
-        var knownKeys = null;
+        ownerHasFunctionTypeWarning[componentName] = true;
 
-        var _step = _newChildren.next();
-
-        for (; !_step.done; _step = _newChildren.next()) {
-          var child = _step.value;
-          knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
-        }
+        error(
+          "Functions are not valid as a React child. This may happen if " +
+            "you return a Component instead of <Component /> from render. " +
+            "Or maybe you meant to call this function rather than return it."
+        );
       }
     }
 
-    var newChildren = iteratorFn.call(newChildrenIterable);
+    function resolveLazy(lazyType) {
+      var payload = lazyType._payload;
+      var init = lazyType._init;
+      return init(payload);
+    } // This wrapper function exists because I expect to clone the code in each path
+    // to be able to optimize each path individually by branching early. This needs
+    // a compiler or we can do it manually. Helpers that don't need this branching
+    // live outside of this function.
 
-    if (newChildren == null) {
-      throw new Error("An iterable object provided no iterator.");
-    }
+    function createChildReconciler(shouldTrackSideEffects) {
+      function deleteChild(returnFiber, childToDelete) {
+        if (!shouldTrackSideEffects) {
+          // Noop.
+          return;
+        }
 
-    var resultingFirstChild = null;
-    var previousNewFiber = null;
-    var oldFiber = currentFirstChild;
-    var lastPlacedIndex = 0;
-    var newIdx = 0;
-    var nextOldFiber = null;
-    var step = newChildren.next();
+        var deletions = returnFiber.deletions;
 
-    for (
-      ;
-      oldFiber !== null && !step.done;
-      newIdx++, step = newChildren.next()
-    ) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
+        if (deletions === null) {
+          returnFiber.deletions = [childToDelete];
+          returnFiber.flags |= ChildDeletion;
+        } else {
+          deletions.push(childToDelete);
+        }
       }
 
-      var newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
-
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
-        }
+      function deleteRemainingChildren(returnFiber, currentFirstChild) {
+        if (!shouldTrackSideEffects) {
+          // Noop.
+          return null;
+        } // TODO: For the shouldClone case, this could be micro-optimized a bit by
+        // assuming that after the first child we've already added everything.
 
-        break;
-      }
+        var childToDelete = currentFirstChild;
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
+        while (childToDelete !== null) {
+          deleteChild(returnFiber, childToDelete);
+          childToDelete = childToDelete.sibling;
         }
+
+        return null;
       }
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+      function mapRemainingChildren(returnFiber, currentFirstChild) {
+        // Add the remaining children to a temporary map so that we can find them by
+        // keys quickly. Implicit (null) keys get added to this set with their index
+        // instead.
+        var existingChildren = new Map();
+        var existingChild = currentFirstChild;
 
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
+        while (existingChild !== null) {
+          if (existingChild.key !== null) {
+            existingChildren.set(existingChild.key, existingChild);
+          } else {
+            existingChildren.set(existingChild.index, existingChild);
+          }
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
+          existingChild = existingChild.sibling;
+        }
 
-    if (step.done) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+        return existingChildren;
+      }
 
-      return resultingFirstChild;
-    }
+      function useFiber(fiber, pendingProps) {
+        // We currently set sibling to null and index to 0 here because it is easy
+        // to forget to do before returning it. E.g. for the single child case.
+        var clone = createWorkInProgress(fiber, pendingProps);
+        clone.index = 0;
+        clone.sibling = null;
+        return clone;
+      }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; !step.done; newIdx++, step = newChildren.next()) {
-        var _newFiber3 = createChild(returnFiber, step.value, lanes);
+      function placeChild(newFiber, lastPlacedIndex, newIndex) {
+        newFiber.index = newIndex;
 
-        if (_newFiber3 === null) {
-          continue;
+        if (!shouldTrackSideEffects) {
+          // During hydration, the useId algorithm needs to know which fibers are
+          // part of a list of children (arrays, iterators).
+          newFiber.flags |= Forked;
+          return lastPlacedIndex;
         }
 
-        lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
+        var current = newFiber.alternate;
+
+        if (current !== null) {
+          var oldIndex = current.index;
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = _newFiber3;
+          if (oldIndex < lastPlacedIndex) {
+            // This is a move.
+            newFiber.flags |= Placement | PlacementDEV;
+            return lastPlacedIndex;
+          } else {
+            // This item can stay in place.
+            return oldIndex;
+          }
         } else {
-          previousNewFiber.sibling = _newFiber3;
+          // This is an insertion.
+          newFiber.flags |= Placement | PlacementDEV;
+          return lastPlacedIndex;
         }
-
-        previousNewFiber = _newFiber3;
       }
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
-
-    var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
-
-    for (; !step.done; newIdx++, step = newChildren.next()) {
-      var _newFiber4 = updateFromMap(
-        existingChildren,
-        returnFiber,
-        newIdx,
-        step.value,
-        lanes
-      );
-
-      if (_newFiber4 !== null) {
-        if (shouldTrackSideEffects) {
-          if (_newFiber4.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(
-              _newFiber4.key === null ? newIdx : _newFiber4.key
-            );
-          }
+      function placeSingleChild(newFiber) {
+        // This is simpler for the single child case. We only need to do a
+        // placement for inserting new children.
+        if (shouldTrackSideEffects && newFiber.alternate === null) {
+          newFiber.flags |= Placement | PlacementDEV;
         }
 
-        lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
+        return newFiber;
+      }
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = _newFiber4;
+      function updateTextNode(returnFiber, current, textContent, lanes) {
+        if (current === null || current.tag !== HostText) {
+          // Insert
+          var created = createFiberFromText(
+            textContent,
+            returnFiber.mode,
+            lanes
+          );
+          created.return = returnFiber;
+          return created;
         } else {
-          previousNewFiber.sibling = _newFiber4;
+          // Update
+          var existing = useFiber(current, textContent);
+          existing.return = returnFiber;
+          return existing;
         }
-
-        previousNewFiber = _newFiber4;
       }
-    }
-
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(function(child) {
-        return deleteChild(returnFiber, child);
-      });
-    }
 
-    return resultingFirstChild;
-  }
-
-  function reconcileSingleTextNode(
-    returnFiber,
-    currentFirstChild,
-    textContent,
-    lanes
-  ) {
-    // There's no need to check for keys on text nodes since we don't have a
-    // way to define them.
-    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
-      // We already have an existing node so let's just update it and delete
-      // the rest.
-      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
-      var existing = useFiber(currentFirstChild, textContent);
-      existing.return = returnFiber;
-      return existing;
-    } // The existing first child is not a text node so we need to create one
-    // and delete the existing ones.
-
-    deleteRemainingChildren(returnFiber, currentFirstChild);
-    var created = createFiberFromText(textContent, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
-  }
-
-  function reconcileSingleElement(
-    returnFiber,
-    currentFirstChild,
-    element,
-    lanes
-  ) {
-    var key = element.key;
-    var child = currentFirstChild;
-
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
+      function updateElement(returnFiber, current, element, lanes) {
         var elementType = element.type;
 
         if (elementType === REACT_FRAGMENT_TYPE) {
-          if (child.tag === Fragment) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            var existing = useFiber(child, element.props.children);
-            existing.return = returnFiber;
-
-            {
-              existing._debugSource = element._source;
-              existing._debugOwner = element._owner;
-            }
+          return updateFragment(
+            returnFiber,
+            current,
+            element.props.children,
+            lanes,
+            element.key
+          );
+        }
 
-            return existing;
-          }
-        } else {
+        if (current !== null) {
           if (
-            child.elementType === elementType || // Keep this check inline so it only runs on the false path:
-            isCompatibleFamilyForHotReloading(child, element) || // Lazy types should reconcile their resolved type.
+            current.elementType === elementType || // Keep this check inline so it only runs on the false path:
+            isCompatibleFamilyForHotReloading(current, element) || // Lazy types should reconcile their resolved type.
             // We need to do this after the Hot Reloading check above,
             // because hot reloading has different semantics than prod because
             // it doesn't resuspend. So we can't let the call below suspend.
             (typeof elementType === "object" &&
               elementType !== null &&
               elementType.$$typeof === REACT_LAZY_TYPE &&
-              resolveLazy(elementType) === child.type)
+              resolveLazy(elementType) === current.type)
           ) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-
-            var _existing = useFiber(child, element.props);
-
-            _existing.ref = coerceRef(returnFiber, child, element);
-            _existing.return = returnFiber;
+            // Move based on index
+            var existing = useFiber(current, element.props);
+            existing.ref = coerceRef(returnFiber, current, element);
+            existing.return = returnFiber;
 
             {
-              _existing._debugSource = element._source;
-              _existing._debugOwner = element._owner;
+              existing._debugOwner = element._owner;
             }
 
-            return _existing;
+            return existing;
           }
-        } // Didn't match.
+        } // Insert
 
-        deleteRemainingChildren(returnFiber, child);
-        break;
-      } else {
-        deleteChild(returnFiber, child);
+        var created = createFiberFromElement(element, returnFiber.mode, lanes);
+        created.ref = coerceRef(returnFiber, current, element);
+        created.return = returnFiber;
+        return created;
       }
 
-      child = child.sibling;
-    }
-
-    if (element.type === REACT_FRAGMENT_TYPE) {
-      var created = createFiberFromFragment(
-        element.props.children,
-        returnFiber.mode,
-        lanes,
-        element.key
-      );
-      created.return = returnFiber;
-      return created;
-    } else {
-      var _created4 = createFiberFromElement(element, returnFiber.mode, lanes);
-
-      _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
-      _created4.return = returnFiber;
-      return _created4;
-    }
-  }
-
-  function reconcileSinglePortal(
-    returnFiber,
-    currentFirstChild,
-    portal,
-    lanes
-  ) {
-    var key = portal.key;
-    var child = currentFirstChild;
-
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
+      function updatePortal(returnFiber, current, portal, lanes) {
         if (
-          child.tag === HostPortal &&
-          child.stateNode.containerInfo === portal.containerInfo &&
-          child.stateNode.implementation === portal.implementation
+          current === null ||
+          current.tag !== HostPortal ||
+          current.stateNode.containerInfo !== portal.containerInfo ||
+          current.stateNode.implementation !== portal.implementation
         ) {
-          deleteRemainingChildren(returnFiber, child.sibling);
-          var existing = useFiber(child, portal.children || []);
+          // Insert
+          var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+          created.return = returnFiber;
+          return created;
+        } else {
+          // Update
+          var existing = useFiber(current, portal.children || []);
           existing.return = returnFiber;
           return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
         }
-      } else {
-        deleteChild(returnFiber, child);
-      }
-
-      child = child.sibling;
-    }
-
-    var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
-  } // This API will tag the children with the side-effect of the reconciliation
-  // itself. They will be added to the side-effect list as we pass through the
-  // children and the parent.
-
-  function reconcileChildFibers(
-    returnFiber,
-    currentFirstChild,
-    newChild,
-    lanes
-  ) {
-    // This function is not recursive.
-    // If the top level item is an array, we treat it as a set of children,
-    // not as a fragment. Nested arrays on the other hand will be treated as
-    // fragment nodes. Recursion happens at the normal flow.
-    // Handle top level unkeyed fragments as if they were arrays.
-    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
-    // We treat the ambiguous cases above the same.
-    var isUnkeyedTopLevelFragment =
-      typeof newChild === "object" &&
-      newChild !== null &&
-      newChild.type === REACT_FRAGMENT_TYPE &&
-      newChild.key === null;
-
-    if (isUnkeyedTopLevelFragment) {
-      newChild = newChild.props.children;
-    } // Handle object types
-
-    if (typeof newChild === "object" && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          return placeSingleChild(
-            reconcileSingleElement(
-              returnFiber,
-              currentFirstChild,
-              newChild,
-              lanes
-            )
-          );
+      }
 
-        case REACT_PORTAL_TYPE:
-          return placeSingleChild(
-            reconcileSinglePortal(
-              returnFiber,
-              currentFirstChild,
-              newChild,
-              lanes
-            )
+      function updateFragment(returnFiber, current, fragment, lanes, key) {
+        if (current === null || current.tag !== Fragment) {
+          // Insert
+          var created = createFiberFromFragment(
+            fragment,
+            returnFiber.mode,
+            lanes,
+            key
           );
+          created.return = returnFiber;
+          return created;
+        } else {
+          // Update
+          var existing = useFiber(current, fragment);
+          existing.return = returnFiber;
+          return existing;
+        }
+      }
 
-        case REACT_LAZY_TYPE:
-          var payload = newChild._payload;
-          var init = newChild._init; // TODO: This function is supposed to be non-recursive.
-
-          return reconcileChildFibers(
-            returnFiber,
-            currentFirstChild,
-            init(payload),
+      function createChild(returnFiber, newChild, lanes) {
+        if (
+          (typeof newChild === "string" && newChild !== "") ||
+          typeof newChild === "number"
+        ) {
+          // Text nodes don't have keys. If the previous node is implicitly keyed
+          // we can continue to replace it without aborting even if it is not a text
+          // node.
+          var created = createFiberFromText(
+            "" + newChild,
+            returnFiber.mode,
             lanes
           );
-      }
+          created.return = returnFiber;
+          return created;
+        }
 
-      if (isArray(newChild)) {
-        return reconcileChildrenArray(
-          returnFiber,
-          currentFirstChild,
-          newChild,
-          lanes
-        );
-      }
+        if (typeof newChild === "object" && newChild !== null) {
+          switch (newChild.$$typeof) {
+            case REACT_ELEMENT_TYPE: {
+              var _created = createFiberFromElement(
+                newChild,
+                returnFiber.mode,
+                lanes
+              );
 
-      if (getIteratorFn(newChild)) {
-        return reconcileChildrenIterator(
-          returnFiber,
-          currentFirstChild,
-          newChild,
-          lanes
-        );
-      }
+              _created.ref = coerceRef(returnFiber, null, newChild);
+              _created.return = returnFiber;
+              return _created;
+            }
 
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
+            case REACT_PORTAL_TYPE: {
+              var _created2 = createFiberFromPortal(
+                newChild,
+                returnFiber.mode,
+                lanes
+              );
 
-    if (
-      (typeof newChild === "string" && newChild !== "") ||
-      typeof newChild === "number"
-    ) {
-      return placeSingleChild(
-        reconcileSingleTextNode(
-          returnFiber,
-          currentFirstChild,
-          "" + newChild,
-          lanes
-        )
-      );
-    }
+              _created2.return = returnFiber;
+              return _created2;
+            }
 
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType(returnFiber);
-      }
-    } // Remaining cases are all treated as empty.
+            case REACT_LAZY_TYPE: {
+              var payload = newChild._payload;
+              var init = newChild._init;
+              return createChild(returnFiber, init(payload), lanes);
+            }
+          }
 
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  }
+          if (isArray(newChild) || getIteratorFn(newChild)) {
+            var _created3 = createFiberFromFragment(
+              newChild,
+              returnFiber.mode,
+              lanes,
+              null
+            );
 
-  return reconcileChildFibers;
-}
+            _created3.return = returnFiber;
+            return _created3;
+          } // Usable node types
+          //
+          // Unwrap the inner value and recursively call this function again.
 
-var reconcileChildFibers = ChildReconciler(true);
-var mountChildFibers = ChildReconciler(false);
-function cloneChildFibers(current, workInProgress) {
-  if (current !== null && workInProgress.child !== current.child) {
-    throw new Error("Resuming work not yet implemented.");
-  }
-
-  if (workInProgress.child === null) {
-    return;
-  }
-
-  var currentChild = workInProgress.child;
-  var newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
-  workInProgress.child = newChild;
-  newChild.return = workInProgress;
-
-  while (currentChild.sibling !== null) {
-    currentChild = currentChild.sibling;
-    newChild = newChild.sibling = createWorkInProgress(
-      currentChild,
-      currentChild.pendingProps
-    );
-    newChild.return = workInProgress;
-  }
+          if (typeof newChild.then === "function") {
+            var thenable = newChild;
+            return createChild(returnFiber, unwrapThenable(thenable), lanes);
+          }
 
-  newChild.sibling = null;
-} // Reset a workInProgress child set to prepare it for a second pass.
+          if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+            var context = newChild;
+            return createChild(
+              returnFiber,
+              readContextDuringReconcilation(returnFiber, context, lanes),
+              lanes
+            );
+          }
 
-function resetChildFibers(workInProgress, lanes) {
-  var child = workInProgress.child;
+          throwOnInvalidObjectType(returnFiber, newChild);
+        }
 
-  while (child !== null) {
-    resetWorkInProgress(child, lanes);
-    child = child.sibling;
-  }
-}
+        {
+          if (typeof newChild === "function") {
+            warnOnFunctionType(returnFiber);
+          }
+        }
 
-var NO_CONTEXT = {};
-var contextStackCursor$1 = createCursor(NO_CONTEXT);
-var contextFiberStackCursor = createCursor(NO_CONTEXT);
-var rootInstanceStackCursor = createCursor(NO_CONTEXT);
+        return null;
+      }
 
-function requiredContext(c) {
-  if (c === NO_CONTEXT) {
-    throw new Error(
-      "Expected host context to exist. This error is likely caused by a bug " +
-        "in React. Please file an issue."
-    );
-  }
+      function updateSlot(returnFiber, oldFiber, newChild, lanes) {
+        // Update the fiber if the keys match, otherwise return null.
+        var key = oldFiber !== null ? oldFiber.key : null;
 
-  return c;
-}
+        if (
+          (typeof newChild === "string" && newChild !== "") ||
+          typeof newChild === "number"
+        ) {
+          // Text nodes don't have keys. If the previous node is implicitly keyed
+          // we can continue to replace it without aborting even if it is not a text
+          // node.
+          if (key !== null) {
+            return null;
+          }
 
-function getRootHostContainer() {
-  var rootInstance = requiredContext(rootInstanceStackCursor.current);
-  return rootInstance;
-}
+          return updateTextNode(returnFiber, oldFiber, "" + newChild, lanes);
+        }
 
-function pushHostContainer(fiber, nextRootInstance) {
-  // Push current root instance onto the stack;
-  // This allows us to reset root when portals are popped.
-  push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
-  // This enables us to pop only Fibers that provide unique contexts.
+        if (typeof newChild === "object" && newChild !== null) {
+          switch (newChild.$$typeof) {
+            case REACT_ELEMENT_TYPE: {
+              if (newChild.key === key) {
+                return updateElement(returnFiber, oldFiber, newChild, lanes);
+              } else {
+                return null;
+              }
+            }
 
-  push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
-  // However, we can't just call getRootHostContext() and push it because
-  // we'd have a different number of entries on the stack depending on
-  // whether getRootHostContext() throws somewhere in renderer code or not.
-  // So we push an empty value first. This lets us safely unwind on errors.
+            case REACT_PORTAL_TYPE: {
+              if (newChild.key === key) {
+                return updatePortal(returnFiber, oldFiber, newChild, lanes);
+              } else {
+                return null;
+              }
+            }
 
-  push(contextStackCursor$1, NO_CONTEXT, fiber);
-  var nextRootContext = getRootHostContext(); // Now that we know this function doesn't throw, replace it.
+            case REACT_LAZY_TYPE: {
+              var payload = newChild._payload;
+              var init = newChild._init;
+              return updateSlot(returnFiber, oldFiber, init(payload), lanes);
+            }
+          }
 
-  pop(contextStackCursor$1, fiber);
-  push(contextStackCursor$1, nextRootContext, fiber);
-}
+          if (isArray(newChild) || getIteratorFn(newChild)) {
+            if (key !== null) {
+              return null;
+            }
 
-function popHostContainer(fiber) {
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-  pop(rootInstanceStackCursor, fiber);
-}
+            return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+          } // Usable node types
+          //
+          // Unwrap the inner value and recursively call this function again.
 
-function getHostContext() {
-  var context = requiredContext(contextStackCursor$1.current);
-  return context;
-}
+          if (typeof newChild.then === "function") {
+            var thenable = newChild;
+            return updateSlot(
+              returnFiber,
+              oldFiber,
+              unwrapThenable(thenable),
+              lanes
+            );
+          }
 
-function pushHostContext(fiber) {
-  var rootInstance = requiredContext(rootInstanceStackCursor.current);
-  var context = requiredContext(contextStackCursor$1.current);
-  var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
+          if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+            var context = newChild;
+            return updateSlot(
+              returnFiber,
+              oldFiber,
+              readContextDuringReconcilation(returnFiber, context, lanes),
+              lanes
+            );
+          }
 
-  if (context === nextContext) {
-    return;
-  } // Track the context and the Fiber that provided it.
-  // This enables us to pop only Fibers that provide unique contexts.
+          throwOnInvalidObjectType(returnFiber, newChild);
+        }
 
-  push(contextFiberStackCursor, fiber, fiber);
-  push(contextStackCursor$1, nextContext, fiber);
-}
+        {
+          if (typeof newChild === "function") {
+            warnOnFunctionType(returnFiber);
+          }
+        }
 
-function popHostContext(fiber) {
-  // Do not pop unless this Fiber provided the current context.
-  // pushHostContext() only pushes Fibers that provide unique contexts.
-  if (contextFiberStackCursor.current !== fiber) {
-    return;
-  }
+        return null;
+      }
 
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-}
+      function updateFromMap(
+        existingChildren,
+        returnFiber,
+        newIdx,
+        newChild,
+        lanes
+      ) {
+        if (
+          (typeof newChild === "string" && newChild !== "") ||
+          typeof newChild === "number"
+        ) {
+          // Text nodes don't have keys, so we neither have to check the old nor
+          // new node for the key. If both are text nodes, they match.
+          var matchedFiber = existingChildren.get(newIdx) || null;
+          return updateTextNode(
+            returnFiber,
+            matchedFiber,
+            "" + newChild,
+            lanes
+          );
+        }
 
-var DefaultSuspenseContext = 0; // The Suspense Context is split into two parts. The lower bits is
-// inherited deeply down the subtree. The upper bits only affect
-// this immediate suspense boundary and gets reset each new
-// boundary or suspense list.
-
-var SubtreeSuspenseContextMask = 1; // Subtree Flags:
-// InvisibleParentSuspenseContext indicates that one of our parent Suspense
-// boundaries is not currently showing visible main content.
-// Either because it is already showing a fallback or is not mounted at all.
-// We can use this to determine if it is desirable to trigger a fallback at
-// the parent. If not, then we might need to trigger undesirable boundaries
-// and/or suspend the commit to avoid hiding the parent content.
-
-var InvisibleParentSuspenseContext = 1; // Shallow Flags:
-// ForceSuspenseFallback can be used by SuspenseList to force newly added
-// items into their fallback state during one of the render passes.
-
-var ForceSuspenseFallback = 2;
-var suspenseStackCursor = createCursor(DefaultSuspenseContext);
-function hasSuspenseContext(parentContext, flag) {
-  return (parentContext & flag) !== 0;
-}
-function setDefaultShallowSuspenseContext(parentContext) {
-  return parentContext & SubtreeSuspenseContextMask;
-}
-function setShallowSuspenseContext(parentContext, shallowContext) {
-  return (parentContext & SubtreeSuspenseContextMask) | shallowContext;
-}
-function addSubtreeSuspenseContext(parentContext, subtreeContext) {
-  return parentContext | subtreeContext;
-}
-function pushSuspenseContext(fiber, newContext) {
-  push(suspenseStackCursor, newContext, fiber);
-}
-function popSuspenseContext(fiber) {
-  pop(suspenseStackCursor, fiber);
-}
+        if (typeof newChild === "object" && newChild !== null) {
+          switch (newChild.$$typeof) {
+            case REACT_ELEMENT_TYPE: {
+              var _matchedFiber =
+                existingChildren.get(
+                  newChild.key === null ? newIdx : newChild.key
+                ) || null;
 
-function shouldCaptureSuspense(workInProgress, hasInvisibleParent) {
-  // If it was the primary children that just suspended, capture and render the
-  // fallback. Otherwise, don't capture and bubble to the next boundary.
-  var nextState = workInProgress.memoizedState;
+              return updateElement(returnFiber, _matchedFiber, newChild, lanes);
+            }
 
-  if (nextState !== null) {
-    if (nextState.dehydrated !== null) {
-      // A dehydrated boundary always captures.
-      return true;
-    }
+            case REACT_PORTAL_TYPE: {
+              var _matchedFiber2 =
+                existingChildren.get(
+                  newChild.key === null ? newIdx : newChild.key
+                ) || null;
 
-    return false;
-  }
+              return updatePortal(returnFiber, _matchedFiber2, newChild, lanes);
+            }
 
-  var props = workInProgress.memoizedProps; // Regular boundaries always capture.
+            case REACT_LAZY_TYPE:
+              var payload = newChild._payload;
+              var init = newChild._init;
+              return updateFromMap(
+                existingChildren,
+                returnFiber,
+                newIdx,
+                init(payload),
+                lanes
+              );
+          }
 
-  {
-    return true;
-  } // If it's a boundary we should avoid, then we prefer to bubble up to the
-}
-function findFirstSuspended(row) {
-  var node = row;
+          if (isArray(newChild) || getIteratorFn(newChild)) {
+            var _matchedFiber3 = existingChildren.get(newIdx) || null;
 
-  while (node !== null) {
-    if (node.tag === SuspenseComponent) {
-      var state = node.memoizedState;
+            return updateFragment(
+              returnFiber,
+              _matchedFiber3,
+              newChild,
+              lanes,
+              null
+            );
+          } // Usable node types
+          //
+          // Unwrap the inner value and recursively call this function again.
+
+          if (typeof newChild.then === "function") {
+            var thenable = newChild;
+            return updateFromMap(
+              existingChildren,
+              returnFiber,
+              newIdx,
+              unwrapThenable(thenable),
+              lanes
+            );
+          }
 
-      if (state !== null) {
-        var dehydrated = state.dehydrated;
+          if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+            var context = newChild;
+            return updateFromMap(
+              existingChildren,
+              returnFiber,
+              newIdx,
+              readContextDuringReconcilation(returnFiber, context, lanes),
+              lanes
+            );
+          }
 
-        if (
-          dehydrated === null ||
-          isSuspenseInstancePending() ||
-          isSuspenseInstanceFallback()
-        ) {
-          return node;
+          throwOnInvalidObjectType(returnFiber, newChild);
         }
-      }
-    } else if (
-      node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
-      // keep track of whether it suspended or not.
-      node.memoizedProps.revealOrder !== undefined
-    ) {
-      var didSuspend = (node.flags & DidCapture) !== NoFlags;
-
-      if (didSuspend) {
-        return node;
-      }
-    } else if (node.child !== null) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
 
-    if (node === row) {
-      return null;
-    }
+        {
+          if (typeof newChild === "function") {
+            warnOnFunctionType(returnFiber);
+          }
+        }
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === row) {
         return null;
       }
+      /**
+       * Warns if there is a duplicate or missing key
+       */
 
-      node = node.return;
-    }
+      function warnOnInvalidKey(child, knownKeys, returnFiber) {
+        {
+          if (typeof child !== "object" || child === null) {
+            return knownKeys;
+          }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
+          switch (child.$$typeof) {
+            case REACT_ELEMENT_TYPE:
+            case REACT_PORTAL_TYPE:
+              warnForMissingKey(child, returnFiber);
+              var key = child.key;
 
-  return null;
-}
+              if (typeof key !== "string") {
+                break;
+              }
 
-var NoFlags$1 =
-  /*   */
-  0; // Represents whether effect should fire.
+              if (knownKeys === null) {
+                knownKeys = new Set();
+                knownKeys.add(key);
+                break;
+              }
+
+              if (!knownKeys.has(key)) {
+                knownKeys.add(key);
+                break;
+              }
 
-var HasEffect =
-  /* */
-  1; // Represents the phase in which the effect (not the clean-up) fires.
+              error(
+                "Encountered two children with the same key, `%s`. " +
+                  "Keys should be unique so that components maintain their identity " +
+                  "across updates. Non-unique keys may cause children to be " +
+                  "duplicated and/or omitted — the behavior is unsupported and " +
+                  "could change in a future version.",
+                key
+              );
 
-var Insertion =
-  /*  */
-  2;
-var Layout =
-  /*    */
-  4;
-var Passive$1 =
-  /*   */
-  8;
+              break;
 
-// and should be reset before starting a new render.
-// This tracks which mutable sources need to be reset after a render.
+            case REACT_LAZY_TYPE:
+              var payload = child._payload;
+              var init = child._init;
+              warnOnInvalidKey(init(payload), knownKeys, returnFiber);
+              break;
+          }
+        }
 
-var workInProgressSources = [];
-function resetWorkInProgressVersions() {
-  for (var i = 0; i < workInProgressSources.length; i++) {
-    var mutableSource = workInProgressSources[i];
+        return knownKeys;
+      }
 
-    {
-      mutableSource._workInProgressVersionSecondary = null;
-    }
-  }
+      function reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChildren,
+        lanes
+      ) {
+        // This algorithm can't optimize by searching from both ends since we
+        // don't have backpointers on fibers. I'm trying to see how far we can get
+        // with that model. If it ends up not being worth the tradeoffs, we can
+        // add it later.
+        // Even with a two ended optimization, we'd want to optimize for the case
+        // where there are few changes and brute force the comparison instead of
+        // going for the Map. It'd like to explore hitting that path first in
+        // forward-only mode and only go for the Map once we notice that we need
+        // lots of look ahead. This doesn't handle reversal as well as two ended
+        // search but that's unusual. Besides, for the two ended optimization to
+        // work on Iterables, we'd need to copy the whole set.
+        // In this first iteration, we'll just live with hitting the bad case
+        // (adding everything to a Map) in for every insert/move.
+        // If you change this code, also update reconcileChildrenIterator() which
+        // uses the same algorithm.
+        {
+          // First, validate keys.
+          var knownKeys = null;
 
-  workInProgressSources.length = 0;
-}
+          for (var i = 0; i < newChildren.length; i++) {
+            var child = newChildren[i];
+            knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
+          }
+        }
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
-var didWarnAboutMismatchedHooksForComponent;
-var didWarnUncachedGetSnapshot;
+        var resultingFirstChild = null;
+        var previousNewFiber = null;
+        var oldFiber = currentFirstChild;
+        var lastPlacedIndex = 0;
+        var newIdx = 0;
+        var nextOldFiber = null;
+
+        for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
+          if (oldFiber.index > newIdx) {
+            nextOldFiber = oldFiber;
+            oldFiber = null;
+          } else {
+            nextOldFiber = oldFiber.sibling;
+          }
 
-{
-  didWarnAboutMismatchedHooksForComponent = new Set();
-}
+          var newFiber = updateSlot(
+            returnFiber,
+            oldFiber,
+            newChildren[newIdx],
+            lanes
+          );
 
-// These are set right before calling the component.
-var renderLanes = NoLanes; // The work-in-progress fiber. I've named it differently to distinguish it from
-// the work-in-progress hook.
+          if (newFiber === null) {
+            // TODO: This breaks on empty slots like null children. That's
+            // unfortunate because it triggers the slow path all the time. We need
+            // a better way to communicate whether this was a miss or null,
+            // boolean, undefined, etc.
+            if (oldFiber === null) {
+              oldFiber = nextOldFiber;
+            }
 
-var currentlyRenderingFiber$1 = null; // Hooks are stored as a linked list on the fiber's memoizedState field. The
-// current hook list is the list that belongs to the current fiber. The
-// work-in-progress hook list is a new list that will be added to the
-// work-in-progress fiber.
+            break;
+          }
 
-var currentHook = null;
-var workInProgressHook = null; // Whether an update was scheduled at any point during the render phase. This
-// does not get reset if we do another render pass; only when we're completely
-// finished evaluating this component. This is an optimization so we know
-// whether we need to clear render phase updates after a throw.
+          if (shouldTrackSideEffects) {
+            if (oldFiber && newFiber.alternate === null) {
+              // We matched the slot, but we didn't reuse the existing fiber, so we
+              // need to delete the existing child.
+              deleteChild(returnFiber, oldFiber);
+            }
+          }
 
-var didScheduleRenderPhaseUpdate = false; // Where an update was scheduled only during the current render pass. This
-// gets reset after each attempt.
-// TODO: Maybe there's some way to consolidate this with
-// `didScheduleRenderPhaseUpdate`. Or with `numberOfReRenders`.
+          lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-var didScheduleRenderPhaseUpdateDuringThisPass = false; // Counts the number of useId hooks in this component.
-// hydration). This counter is global, so client ids are not stable across
-// render attempts.
+          if (previousNewFiber === null) {
+            // TODO: Move out of the loop. This only happens for the first run.
+            resultingFirstChild = newFiber;
+          } else {
+            // TODO: Defer siblings if we're not at the right index for this slot.
+            // I.e. if we had null values before, then we want to defer this
+            // for each null value. However, we also don't want to call updateSlot
+            // with the previous one.
+            previousNewFiber.sibling = newFiber;
+          }
 
-var globalClientIdCounter = 0;
-var RE_RENDER_LIMIT = 25; // In DEV, this is the name of the currently executing primitive hook
+          previousNewFiber = newFiber;
+          oldFiber = nextOldFiber;
+        }
 
-var currentHookNameInDev = null; // In DEV, this list ensures that hooks are called in the same order between renders.
-// The list stores the order of hooks used during the initial render (mount).
-// Subsequent renders (updates) reference this list.
+        if (newIdx === newChildren.length) {
+          // We've reached the end of the new children. We can delete the rest.
+          deleteRemainingChildren(returnFiber, oldFiber);
 
-var hookTypesDev = null;
-var hookTypesUpdateIndexDev = -1; // In DEV, this tracks whether currently rendering component needs to ignore
-// the dependencies for Hooks that need them (e.g. useEffect or useMemo).
-// When true, such Hooks will always be "remounted". Only used during hot reload.
+          return resultingFirstChild;
+        }
 
-var ignorePreviousDependencies = false;
+        if (oldFiber === null) {
+          // If we don't have any more existing children we can choose a fast path
+          // since the rest will all be insertions.
+          for (; newIdx < newChildren.length; newIdx++) {
+            var _newFiber = createChild(
+              returnFiber,
+              newChildren[newIdx],
+              lanes
+            );
 
-function mountHookTypesDev() {
-  {
-    var hookName = currentHookNameInDev;
+            if (_newFiber === null) {
+              continue;
+            }
 
-    if (hookTypesDev === null) {
-      hookTypesDev = [hookName];
-    } else {
-      hookTypesDev.push(hookName);
-    }
-  }
-}
+            lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
 
-function updateHookTypesDev() {
-  {
-    var hookName = currentHookNameInDev;
+            if (previousNewFiber === null) {
+              // TODO: Move out of the loop. This only happens for the first run.
+              resultingFirstChild = _newFiber;
+            } else {
+              previousNewFiber.sibling = _newFiber;
+            }
 
-    if (hookTypesDev !== null) {
-      hookTypesUpdateIndexDev++;
+            previousNewFiber = _newFiber;
+          }
 
-      if (hookTypesDev[hookTypesUpdateIndexDev] !== hookName) {
-        warnOnHookMismatchInDev(hookName);
-      }
-    }
-  }
-}
+          return resultingFirstChild;
+        } // Add all children to a key map for quick lookups.
 
-function checkDepsAreArrayDev(deps) {
-  {
-    if (deps !== undefined && deps !== null && !isArray(deps)) {
-      // Verify deps, but only on mount to avoid extra checks.
-      // It's unlikely their type would change as usually you define them inline.
-      error(
-        "%s received a final argument that is not an array (instead, received `%s`). When " +
-          "specified, the final argument must be an array.",
-        currentHookNameInDev,
-        typeof deps
-      );
-    }
-  }
-}
+        var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-function warnOnHookMismatchInDev(currentHookName) {
-  {
-    var componentName = getComponentNameFromFiber(currentlyRenderingFiber$1);
+        for (; newIdx < newChildren.length; newIdx++) {
+          var _newFiber2 = updateFromMap(
+            existingChildren,
+            returnFiber,
+            newIdx,
+            newChildren[newIdx],
+            lanes
+          );
 
-    if (!didWarnAboutMismatchedHooksForComponent.has(componentName)) {
-      didWarnAboutMismatchedHooksForComponent.add(componentName);
+          if (_newFiber2 !== null) {
+            if (shouldTrackSideEffects) {
+              if (_newFiber2.alternate !== null) {
+                // The new fiber is a work in progress, but if there exists a
+                // current, that means that we reused the fiber. We need to delete
+                // it from the child list so that we don't add it to the deletion
+                // list.
+                existingChildren.delete(
+                  _newFiber2.key === null ? newIdx : _newFiber2.key
+                );
+              }
+            }
 
-      if (hookTypesDev !== null) {
-        var table = "";
-        var secondColumnStart = 30;
+            lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
 
-        for (var i = 0; i <= hookTypesUpdateIndexDev; i++) {
-          var oldHookName = hookTypesDev[i];
-          var newHookName =
-            i === hookTypesUpdateIndexDev ? currentHookName : oldHookName;
-          var row = i + 1 + ". " + oldHookName; // Extra space so second column lines up
-          // lol @ IE not supporting String#repeat
+            if (previousNewFiber === null) {
+              resultingFirstChild = _newFiber2;
+            } else {
+              previousNewFiber.sibling = _newFiber2;
+            }
 
-          while (row.length < secondColumnStart) {
-            row += " ";
+            previousNewFiber = _newFiber2;
           }
+        }
 
-          row += newHookName + "\n";
-          table += row;
+        if (shouldTrackSideEffects) {
+          // Any existing children that weren't consumed above were deleted. We need
+          // to add them to the deletion list.
+          existingChildren.forEach(function (child) {
+            return deleteChild(returnFiber, child);
+          });
         }
 
-        error(
-          "React has detected a change in the order of Hooks called by %s. " +
-            "This will lead to bugs and errors if not fixed. " +
-            "For more information, read the Rules of Hooks: https://react.dev/warnings/invalid-hook-call-warning\n\n" +
-            "   Previous render            Next render\n" +
-            "   ------------------------------------------------------\n" +
-            "%s" +
-            "   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
-          componentName,
-          table
-        );
+        return resultingFirstChild;
       }
-    }
-  }
-}
 
-function throwInvalidHookError() {
-  throw new Error(
-    "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for" +
-      " one of the following reasons:\n" +
-      "1. You might have mismatching versions of React and the renderer (such as React DOM)\n" +
-      "2. You might be breaking the Rules of Hooks\n" +
-      "3. You might have more than one copy of React in the same app\n" +
-      "See https://react.dev/warnings/invalid-hook-call-warning for tips about how to debug and fix this problem."
-  );
-}
+      function reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChildrenIterable,
+        lanes
+      ) {
+        // This is the same implementation as reconcileChildrenArray(),
+        // but using the iterator instead.
+        var iteratorFn = getIteratorFn(newChildrenIterable);
 
-function areHookInputsEqual(nextDeps, prevDeps) {
-  {
-    if (ignorePreviousDependencies) {
-      // Only true when this component is being hot reloaded.
-      return false;
-    }
-  }
+        if (typeof iteratorFn !== "function") {
+          throw new Error(
+            "An object is not an iterable. This error is likely caused by a bug in " +
+              "React. Please file an issue."
+          );
+        }
 
-  if (prevDeps === null) {
-    {
-      error(
-        "%s received a final argument during this render, but not during " +
-          "the previous render. Even though the final argument is optional, " +
-          "its type cannot change between renders.",
-        currentHookNameInDev
-      );
-    }
+        {
+          // We don't support rendering Generators because it's a mutation.
+          // See https://github.com/facebook/react/issues/12995
+          if (
+            typeof Symbol === "function" && // $FlowFixMe[prop-missing] Flow doesn't know about toStringTag
+            newChildrenIterable[Symbol.toStringTag] === "Generator"
+          ) {
+            if (!didWarnAboutGenerators) {
+              error(
+                "Using Generators as children is unsupported and will likely yield " +
+                  "unexpected results because enumerating a generator mutates it. " +
+                  "You may convert it to an array with `Array.from()` or the " +
+                  "`[...spread]` operator before rendering. Keep in mind " +
+                  "you might need to polyfill these features for older browsers."
+              );
+            }
 
-    return false;
-  }
-
-  {
-    // Don't bother comparing lengths in prod because these arrays should be
-    // passed inline.
-    if (nextDeps.length !== prevDeps.length) {
-      error(
-        "The final argument passed to %s changed size between renders. The " +
-          "order and size of this array must remain constant.\n\n" +
-          "Previous: %s\n" +
-          "Incoming: %s",
-        currentHookNameInDev,
-        "[" + prevDeps.join(", ") + "]",
-        "[" + nextDeps.join(", ") + "]"
-      );
-    }
-  }
+            didWarnAboutGenerators = true;
+          } // Warn about using Maps as children
 
-  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    if (objectIs(nextDeps[i], prevDeps[i])) {
-      continue;
-    }
+          if (newChildrenIterable.entries === iteratorFn) {
+            if (!didWarnAboutMaps) {
+              error(
+                "Using Maps as children is not supported. " +
+                  "Use an array of keyed ReactElements instead."
+              );
+            }
 
-    return false;
-  }
+            didWarnAboutMaps = true;
+          } // First, validate keys.
+          // We'll get a different iterator later for the main pass.
 
-  return true;
-}
+          var _newChildren = iteratorFn.call(newChildrenIterable);
 
-function renderWithHooks(
-  current,
-  workInProgress,
-  Component,
-  props,
-  secondArg,
-  nextRenderLanes
-) {
-  renderLanes = nextRenderLanes;
-  currentlyRenderingFiber$1 = workInProgress;
-
-  {
-    hookTypesDev = current !== null ? current._debugHookTypes : null;
-    hookTypesUpdateIndexDev = -1; // Used for hot reloading:
-
-    ignorePreviousDependencies =
-      current !== null && current.type !== workInProgress.type;
-  }
-
-  workInProgress.memoizedState = null;
-  workInProgress.updateQueue = null;
-  workInProgress.lanes = NoLanes; // The following should have already been reset
-  // currentHook = null;
-  // workInProgressHook = null;
-  // didScheduleRenderPhaseUpdate = false;
-  // localIdCounter = 0;
-  // TODO Warn if no hooks are used at all during mount, then some are used during update.
-  // Currently we will identify the update render as a mount because memoizedState === null.
-  // This is tricky because it's valid for certain types of components (e.g. React.lazy)
-  // Using memoizedState to differentiate between mount/update only works if at least one stateful hook is used.
-  // Non-stateful hooks (e.g. context) don't get added to memoizedState,
-  // so memoizedState would be null during updates and mounts.
-
-  {
-    if (current !== null && current.memoizedState !== null) {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
-    } else if (hookTypesDev !== null) {
-      // This dispatcher handles an edge case where a component is updating,
-      // but no stateful hooks have been used.
-      // We want to match the production code behavior (which will use HooksDispatcherOnMount),
-      // but with the extra DEV validation to ensure hooks ordering hasn't changed.
-      // This dispatcher does that.
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountWithHookTypesInDEV;
-    } else {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
-    }
-  }
-
-  var children = Component(props, secondArg); // Check if there was a render phase update
-
-  if (didScheduleRenderPhaseUpdateDuringThisPass) {
-    // Keep rendering in a loop for as long as render phase updates continue to
-    // be scheduled. Use a counter to prevent infinite loops.
-    var numberOfReRenders = 0;
-
-    do {
-      didScheduleRenderPhaseUpdateDuringThisPass = false;
+          if (_newChildren) {
+            var knownKeys = null;
 
-      if (numberOfReRenders >= RE_RENDER_LIMIT) {
-        throw new Error(
-          "Too many re-renders. React limits the number of renders to prevent " +
-            "an infinite loop."
-        );
-      }
+            var _step = _newChildren.next();
 
-      numberOfReRenders += 1;
+            for (; !_step.done; _step = _newChildren.next()) {
+              var child = _step.value;
+              knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
+            }
+          }
+        }
 
-      {
-        // Even when hot reloading, allow dependencies to stabilize
-        // after first render to prevent infinite render phase updates.
-        ignorePreviousDependencies = false;
-      } // Start over from the beginning of the list
+        var newChildren = iteratorFn.call(newChildrenIterable);
 
-      currentHook = null;
-      workInProgressHook = null;
-      workInProgress.updateQueue = null;
+        if (newChildren == null) {
+          throw new Error("An iterable object provided no iterator.");
+        }
 
-      {
-        // Also validate hook order for cascading updates.
-        hookTypesUpdateIndexDev = -1;
-      }
+        var resultingFirstChild = null;
+        var previousNewFiber = null;
+        var oldFiber = currentFirstChild;
+        var lastPlacedIndex = 0;
+        var newIdx = 0;
+        var nextOldFiber = null;
+        var step = newChildren.next();
 
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
-      children = Component(props, secondArg);
-    } while (didScheduleRenderPhaseUpdateDuringThisPass);
-  } // We can assume the previous dispatcher is always this one, since we set it
-  // at the beginning of the render phase and there's no re-entrance.
+        for (
+          ;
+          oldFiber !== null && !step.done;
+          newIdx++, step = newChildren.next()
+        ) {
+          if (oldFiber.index > newIdx) {
+            nextOldFiber = oldFiber;
+            oldFiber = null;
+          } else {
+            nextOldFiber = oldFiber.sibling;
+          }
 
-  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+          var newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
 
-  {
-    workInProgress._debugHookTypes = hookTypesDev;
-  } // This check uses currentHook so that it works the same in DEV and prod bundles.
-  // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
+          if (newFiber === null) {
+            // TODO: This breaks on empty slots like null children. That's
+            // unfortunate because it triggers the slow path all the time. We need
+            // a better way to communicate whether this was a miss or null,
+            // boolean, undefined, etc.
+            if (oldFiber === null) {
+              oldFiber = nextOldFiber;
+            }
 
-  var didRenderTooFewHooks = currentHook !== null && currentHook.next !== null;
-  renderLanes = NoLanes;
-  currentlyRenderingFiber$1 = null;
-  currentHook = null;
-  workInProgressHook = null;
+            break;
+          }
 
-  {
-    currentHookNameInDev = null;
-    hookTypesDev = null;
-    hookTypesUpdateIndexDev = -1; // Confirm that a static flag was not added or removed since the last
-    // render. If this fires, it suggests that we incorrectly reset the static
-    // flags in some other part of the codebase. This has happened before, for
-    // example, in the SuspenseList implementation.
+          if (shouldTrackSideEffects) {
+            if (oldFiber && newFiber.alternate === null) {
+              // We matched the slot, but we didn't reuse the existing fiber, so we
+              // need to delete the existing child.
+              deleteChild(returnFiber, oldFiber);
+            }
+          }
 
-    if (
-      current !== null &&
-      (current.flags & StaticMask) !== (workInProgress.flags & StaticMask) && // Disable this warning in legacy mode, because legacy Suspense is weird
-      // and creates false positives. To make this work in legacy mode, we'd
-      // need to mark fibers that commit in an incomplete state, somehow. For
-      // now I'll disable the warning that most of the bugs that would trigger
-      // it are either exclusive to concurrent mode or exist in both.
-      (current.mode & ConcurrentMode) !== NoMode
-    ) {
-      error(
-        "Internal React error: Expected static flag was missing. Please " +
-          "notify the React team."
-      );
-    }
-  }
+          lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-  didScheduleRenderPhaseUpdate = false; // This is reset by checkDidRenderIdHook
-  // localIdCounter = 0;
+          if (previousNewFiber === null) {
+            // TODO: Move out of the loop. This only happens for the first run.
+            resultingFirstChild = newFiber;
+          } else {
+            // TODO: Defer siblings if we're not at the right index for this slot.
+            // I.e. if we had null values before, then we want to defer this
+            // for each null value. However, we also don't want to call updateSlot
+            // with the previous one.
+            previousNewFiber.sibling = newFiber;
+          }
 
-  if (didRenderTooFewHooks) {
-    throw new Error(
-      "Rendered fewer hooks than expected. This may be caused by an accidental " +
-        "early return statement."
-    );
-  }
+          previousNewFiber = newFiber;
+          oldFiber = nextOldFiber;
+        }
 
-  return children;
-}
-function bailoutHooks(current, workInProgress, lanes) {
-  workInProgress.updateQueue = current.updateQueue; // TODO: Don't need to reset the flags here, because they're reset in the
-  // complete phase (bubbleProperties).
+        if (step.done) {
+          // We've reached the end of the new children. We can delete the rest.
+          deleteRemainingChildren(returnFiber, oldFiber);
 
-  {
-    workInProgress.flags &= ~(Passive | Update);
-  }
+          return resultingFirstChild;
+        }
 
-  current.lanes = removeLanes(current.lanes, lanes);
-}
-function resetHooksAfterThrow() {
-  // We can assume the previous dispatcher is always this one, since we set it
-  // at the beginning of the render phase and there's no re-entrance.
-  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-
-  if (didScheduleRenderPhaseUpdate) {
-    // There were render phase updates. These are only valid for this render
-    // phase, which we are now aborting. Remove the updates from the queues so
-    // they do not persist to the next render. Do not remove updates from hooks
-    // that weren't processed.
-    //
-    // Only reset the updates from the queue if it has a clone. If it does
-    // not have a clone, that means it wasn't processed, and the updates were
-    // scheduled before we entered the render phase.
-    var hook = currentlyRenderingFiber$1.memoizedState;
+        if (oldFiber === null) {
+          // If we don't have any more existing children we can choose a fast path
+          // since the rest will all be insertions.
+          for (; !step.done; newIdx++, step = newChildren.next()) {
+            var _newFiber3 = createChild(returnFiber, step.value, lanes);
 
-    while (hook !== null) {
-      var queue = hook.queue;
+            if (_newFiber3 === null) {
+              continue;
+            }
 
-      if (queue !== null) {
-        queue.pending = null;
-      }
-
-      hook = hook.next;
-    }
+            lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
 
-    didScheduleRenderPhaseUpdate = false;
-  }
+            if (previousNewFiber === null) {
+              // TODO: Move out of the loop. This only happens for the first run.
+              resultingFirstChild = _newFiber3;
+            } else {
+              previousNewFiber.sibling = _newFiber3;
+            }
 
-  renderLanes = NoLanes;
-  currentlyRenderingFiber$1 = null;
-  currentHook = null;
-  workInProgressHook = null;
+            previousNewFiber = _newFiber3;
+          }
 
-  {
-    hookTypesDev = null;
-    hookTypesUpdateIndexDev = -1;
-    currentHookNameInDev = null;
-    isUpdatingOpaqueValueInRenderPhase = false;
-  }
+          return resultingFirstChild;
+        } // Add all children to a key map for quick lookups.
 
-  didScheduleRenderPhaseUpdateDuringThisPass = false;
-}
+        var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-function mountWorkInProgressHook() {
-  var hook = {
-    memoizedState: null,
-    baseState: null,
-    baseQueue: null,
-    queue: null,
-    next: null
-  };
-
-  if (workInProgressHook === null) {
-    // This is the first hook in the list
-    currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook;
-  } else {
-    // Append to the end of the list
-    workInProgressHook = workInProgressHook.next = hook;
-  }
-
-  return workInProgressHook;
-}
+        for (; !step.done; newIdx++, step = newChildren.next()) {
+          var _newFiber4 = updateFromMap(
+            existingChildren,
+            returnFiber,
+            newIdx,
+            step.value,
+            lanes
+          );
 
-function updateWorkInProgressHook() {
-  // This function is used both for updates and for re-renders triggered by a
-  // render phase update. It assumes there is either a current hook we can
-  // clone, or a work-in-progress hook from a previous render pass that we can
-  // use as a base. When we reach the end of the base list, we must switch to
-  // the dispatcher used for mounts.
-  var nextCurrentHook;
-
-  if (currentHook === null) {
-    var current = currentlyRenderingFiber$1.alternate;
-
-    if (current !== null) {
-      nextCurrentHook = current.memoizedState;
-    } else {
-      nextCurrentHook = null;
-    }
-  } else {
-    nextCurrentHook = currentHook.next;
-  }
-
-  var nextWorkInProgressHook;
-
-  if (workInProgressHook === null) {
-    nextWorkInProgressHook = currentlyRenderingFiber$1.memoizedState;
-  } else {
-    nextWorkInProgressHook = workInProgressHook.next;
-  }
-
-  if (nextWorkInProgressHook !== null) {
-    // There's already a work-in-progress. Reuse it.
-    workInProgressHook = nextWorkInProgressHook;
-    nextWorkInProgressHook = workInProgressHook.next;
-    currentHook = nextCurrentHook;
-  } else {
-    // Clone from the current hook.
-    if (nextCurrentHook === null) {
-      throw new Error("Rendered more hooks than during the previous render.");
-    }
-
-    currentHook = nextCurrentHook;
-    var newHook = {
-      memoizedState: currentHook.memoizedState,
-      baseState: currentHook.baseState,
-      baseQueue: currentHook.baseQueue,
-      queue: currentHook.queue,
-      next: null
-    };
+          if (_newFiber4 !== null) {
+            if (shouldTrackSideEffects) {
+              if (_newFiber4.alternate !== null) {
+                // The new fiber is a work in progress, but if there exists a
+                // current, that means that we reused the fiber. We need to delete
+                // it from the child list so that we don't add it to the deletion
+                // list.
+                existingChildren.delete(
+                  _newFiber4.key === null ? newIdx : _newFiber4.key
+                );
+              }
+            }
 
-    if (workInProgressHook === null) {
-      // This is the first hook in the list.
-      currentlyRenderingFiber$1.memoizedState = workInProgressHook = newHook;
-    } else {
-      // Append to the end of the list.
-      workInProgressHook = workInProgressHook.next = newHook;
-    }
-  }
+            lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
 
-  return workInProgressHook;
-}
+            if (previousNewFiber === null) {
+              resultingFirstChild = _newFiber4;
+            } else {
+              previousNewFiber.sibling = _newFiber4;
+            }
 
-function createFunctionComponentUpdateQueue() {
-  return {
-    lastEffect: null,
-    stores: null
-  };
-}
+            previousNewFiber = _newFiber4;
+          }
+        }
 
-function basicStateReducer(state, action) {
-  // $FlowFixMe: Flow doesn't like mixed types
-  return typeof action === "function" ? action(state) : action;
-}
+        if (shouldTrackSideEffects) {
+          // Any existing children that weren't consumed above were deleted. We need
+          // to add them to the deletion list.
+          existingChildren.forEach(function (child) {
+            return deleteChild(returnFiber, child);
+          });
+        }
 
-function mountReducer(reducer, initialArg, init) {
-  var hook = mountWorkInProgressHook();
-  var initialState;
-
-  if (init !== undefined) {
-    initialState = init(initialArg);
-  } else {
-    initialState = initialArg;
-  }
-
-  hook.memoizedState = hook.baseState = initialState;
-  var queue = {
-    pending: null,
-    interleaved: null,
-    lanes: NoLanes,
-    dispatch: null,
-    lastRenderedReducer: reducer,
-    lastRenderedState: initialState
-  };
-  hook.queue = queue;
-  var dispatch = (queue.dispatch = dispatchReducerAction.bind(
-    null,
-    currentlyRenderingFiber$1,
-    queue
-  ));
-  return [hook.memoizedState, dispatch];
-}
+        return resultingFirstChild;
+      }
 
-function updateReducer(reducer, initialArg, init) {
-  var hook = updateWorkInProgressHook();
-  var queue = hook.queue;
+      function reconcileSingleTextNode(
+        returnFiber,
+        currentFirstChild,
+        textContent,
+        lanes
+      ) {
+        // There's no need to check for keys on text nodes since we don't have a
+        // way to define them.
+        if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
+          // We already have an existing node so let's just update it and delete
+          // the rest.
+          deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
+          var existing = useFiber(currentFirstChild, textContent);
+          existing.return = returnFiber;
+          return existing;
+        } // The existing first child is not a text node so we need to create one
+        // and delete the existing ones.
 
-  if (queue === null) {
-    throw new Error(
-      "Should have a queue. This is likely a bug in React. Please file an issue."
-    );
-  }
+        deleteRemainingChildren(returnFiber, currentFirstChild);
+        var created = createFiberFromText(textContent, returnFiber.mode, lanes);
+        created.return = returnFiber;
+        return created;
+      }
 
-  queue.lastRenderedReducer = reducer;
-  var current = currentHook; // The last rebase update that is NOT part of the base state.
+      function reconcileSingleElement(
+        returnFiber,
+        currentFirstChild,
+        element,
+        lanes
+      ) {
+        var key = element.key;
+        var child = currentFirstChild;
 
-  var baseQueue = current.baseQueue; // The last pending update that hasn't been processed yet.
+        while (child !== null) {
+          // TODO: If key === null and child.key === null, then this only applies to
+          // the first item in the list.
+          if (child.key === key) {
+            var elementType = element.type;
 
-  var pendingQueue = queue.pending;
+            if (elementType === REACT_FRAGMENT_TYPE) {
+              if (child.tag === Fragment) {
+                deleteRemainingChildren(returnFiber, child.sibling);
+                var existing = useFiber(child, element.props.children);
+                existing.return = returnFiber;
 
-  if (pendingQueue !== null) {
-    // We have new updates that haven't been processed yet.
-    // We'll add them to the base queue.
-    if (baseQueue !== null) {
-      // Merge the pending queue and the base queue.
-      var baseFirst = baseQueue.next;
-      var pendingFirst = pendingQueue.next;
-      baseQueue.next = pendingFirst;
-      pendingQueue.next = baseFirst;
-    }
+                {
+                  existing._debugOwner = element._owner;
+                }
 
-    {
-      if (current.baseQueue !== baseQueue) {
-        // Internal invariant that should never happen, but feasibly could in
-        // the future if we implement resuming, or some form of that.
-        error(
-          "Internal error: Expected work-in-progress queue to be a clone. " +
-            "This is a bug in React."
-        );
-      }
-    }
+                return existing;
+              }
+            } else {
+              if (
+                child.elementType === elementType || // Keep this check inline so it only runs on the false path:
+                isCompatibleFamilyForHotReloading(child, element) || // Lazy types should reconcile their resolved type.
+                // We need to do this after the Hot Reloading check above,
+                // because hot reloading has different semantics than prod because
+                // it doesn't resuspend. So we can't let the call below suspend.
+                (typeof elementType === "object" &&
+                  elementType !== null &&
+                  elementType.$$typeof === REACT_LAZY_TYPE &&
+                  resolveLazy(elementType) === child.type)
+              ) {
+                deleteRemainingChildren(returnFiber, child.sibling);
+
+                var _existing = useFiber(child, element.props);
+
+                _existing.ref = coerceRef(returnFiber, child, element);
+                _existing.return = returnFiber;
 
-    current.baseQueue = baseQueue = pendingQueue;
-    queue.pending = null;
-  }
+                {
+                  _existing._debugOwner = element._owner;
+                }
 
-  if (baseQueue !== null) {
-    // We have a queue to process.
-    var first = baseQueue.next;
-    var newState = current.baseState;
-    var newBaseState = null;
-    var newBaseQueueFirst = null;
-    var newBaseQueueLast = null;
-    var update = first;
+                return _existing;
+              }
+            } // Didn't match.
 
-    do {
-      var updateLane = update.lane;
+            deleteRemainingChildren(returnFiber, child);
+            break;
+          } else {
+            deleteChild(returnFiber, child);
+          }
 
-      if (!isSubsetOfLanes(renderLanes, updateLane)) {
-        // Priority is insufficient. Skip this update. If this is the first
-        // skipped update, the previous update/state is the new base
-        // update/state.
-        var clone = {
-          lane: updateLane,
-          action: update.action,
-          hasEagerState: update.hasEagerState,
-          eagerState: update.eagerState,
-          next: null
-        };
+          child = child.sibling;
+        }
 
-        if (newBaseQueueLast === null) {
-          newBaseQueueFirst = newBaseQueueLast = clone;
-          newBaseState = newState;
+        if (element.type === REACT_FRAGMENT_TYPE) {
+          var created = createFiberFromFragment(
+            element.props.children,
+            returnFiber.mode,
+            lanes,
+            element.key
+          );
+          created.return = returnFiber;
+          return created;
         } else {
-          newBaseQueueLast = newBaseQueueLast.next = clone;
-        } // Update the remaining priority in the queue.
-        // TODO: Don't need to accumulate this. Instead, we can remove
-        // renderLanes from the original lanes.
-
-        currentlyRenderingFiber$1.lanes = mergeLanes(
-          currentlyRenderingFiber$1.lanes,
-          updateLane
-        );
-        markSkippedUpdateLanes(updateLane);
-      } else {
-        // This update does have sufficient priority.
-        if (newBaseQueueLast !== null) {
-          var _clone = {
-            // This update is going to be committed so we never want uncommit
-            // it. Using NoLane works because 0 is a subset of all bitmasks, so
-            // this will never be skipped by the check above.
-            lane: NoLane,
-            action: update.action,
-            hasEagerState: update.hasEagerState,
-            eagerState: update.eagerState,
-            next: null
-          };
-          newBaseQueueLast = newBaseQueueLast.next = _clone;
-        } // Process this update.
+          var _created4 = createFiberFromElement(
+            element,
+            returnFiber.mode,
+            lanes
+          );
 
-        if (update.hasEagerState) {
-          // If this update is a state update (not a reducer) and was processed eagerly,
-          // we can use the eagerly computed state
-          newState = update.eagerState;
-        } else {
-          var action = update.action;
-          newState = reducer(newState, action);
+          _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
+          _created4.return = returnFiber;
+          return _created4;
         }
       }
 
-      update = update.next;
-    } while (update !== null && update !== first);
-
-    if (newBaseQueueLast === null) {
-      newBaseState = newState;
-    } else {
-      newBaseQueueLast.next = newBaseQueueFirst;
-    } // Mark that the fiber performed work, but only if the new state is
-    // different from the current state.
-
-    if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
-    }
+      function reconcileSinglePortal(
+        returnFiber,
+        currentFirstChild,
+        portal,
+        lanes
+      ) {
+        var key = portal.key;
+        var child = currentFirstChild;
 
-    hook.memoizedState = newState;
-    hook.baseState = newBaseState;
-    hook.baseQueue = newBaseQueueLast;
-    queue.lastRenderedState = newState;
-  } // Interleaved updates are stored on a separate queue. We aren't going to
-  // process them during this render, but we do need to track which lanes
-  // are remaining.
+        while (child !== null) {
+          // TODO: If key === null and child.key === null, then this only applies to
+          // the first item in the list.
+          if (child.key === key) {
+            if (
+              child.tag === HostPortal &&
+              child.stateNode.containerInfo === portal.containerInfo &&
+              child.stateNode.implementation === portal.implementation
+            ) {
+              deleteRemainingChildren(returnFiber, child.sibling);
+              var existing = useFiber(child, portal.children || []);
+              existing.return = returnFiber;
+              return existing;
+            } else {
+              deleteRemainingChildren(returnFiber, child);
+              break;
+            }
+          } else {
+            deleteChild(returnFiber, child);
+          }
 
-  var lastInterleaved = queue.interleaved;
+          child = child.sibling;
+        }
 
-  if (lastInterleaved !== null) {
-    var interleaved = lastInterleaved;
+        var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+        created.return = returnFiber;
+        return created;
+      } // This API will tag the children with the side-effect of the reconciliation
+      // itself. They will be added to the side-effect list as we pass through the
+      // children and the parent.
 
-    do {
-      var interleavedLane = interleaved.lane;
-      currentlyRenderingFiber$1.lanes = mergeLanes(
-        currentlyRenderingFiber$1.lanes,
-        interleavedLane
-      );
-      markSkippedUpdateLanes(interleavedLane);
-      interleaved = interleaved.next;
-    } while (interleaved !== lastInterleaved);
-  } else if (baseQueue === null) {
-    // `queue.lanes` is used for entangling transitions. We can set it back to
-    // zero once the queue is empty.
-    queue.lanes = NoLanes;
-  }
-
-  var dispatch = queue.dispatch;
-  return [hook.memoizedState, dispatch];
-}
+      function reconcileChildFibersImpl(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        lanes
+      ) {
+        // This function is not recursive.
+        // If the top level item is an array, we treat it as a set of children,
+        // not as a fragment. Nested arrays on the other hand will be treated as
+        // fragment nodes. Recursion happens at the normal flow.
+        // Handle top level unkeyed fragments as if they were arrays.
+        // This leads to an ambiguity between <>{[...]}</> and <>...</>.
+        // We treat the ambiguous cases above the same.
+        // TODO: Let's use recursion like we do for Usable nodes?
+        var isUnkeyedTopLevelFragment =
+          typeof newChild === "object" &&
+          newChild !== null &&
+          newChild.type === REACT_FRAGMENT_TYPE &&
+          newChild.key === null;
+
+        if (isUnkeyedTopLevelFragment) {
+          newChild = newChild.props.children;
+        } // Handle object types
+
+        if (typeof newChild === "object" && newChild !== null) {
+          switch (newChild.$$typeof) {
+            case REACT_ELEMENT_TYPE:
+              return placeSingleChild(
+                reconcileSingleElement(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild,
+                  lanes
+                )
+              );
 
-function rerenderReducer(reducer, initialArg, init) {
-  var hook = updateWorkInProgressHook();
-  var queue = hook.queue;
+            case REACT_PORTAL_TYPE:
+              return placeSingleChild(
+                reconcileSinglePortal(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild,
+                  lanes
+                )
+              );
 
-  if (queue === null) {
-    throw new Error(
-      "Should have a queue. This is likely a bug in React. Please file an issue."
-    );
-  }
+            case REACT_LAZY_TYPE:
+              var payload = newChild._payload;
+              var init = newChild._init; // TODO: This function is supposed to be non-recursive.
+
+              return reconcileChildFibers(
+                returnFiber,
+                currentFirstChild,
+                init(payload),
+                lanes
+              );
+          }
 
-  queue.lastRenderedReducer = reducer; // This is a re-render. Apply the new render phase updates to the previous
-  // work-in-progress hook.
+          if (isArray(newChild)) {
+            return reconcileChildrenArray(
+              returnFiber,
+              currentFirstChild,
+              newChild,
+              lanes
+            );
+          }
 
-  var dispatch = queue.dispatch;
-  var lastRenderPhaseUpdate = queue.pending;
-  var newState = hook.memoizedState;
+          if (getIteratorFn(newChild)) {
+            return reconcileChildrenIterator(
+              returnFiber,
+              currentFirstChild,
+              newChild,
+              lanes
+            );
+          } // Usables are a valid React node type. When React encounters a Usable in
+          // a child position, it unwraps it using the same algorithm as `use`. For
+          // example, for promises, React will throw an exception to unwind the
+          // stack, then replay the component once the promise resolves.
+          //
+          // A difference from `use` is that React will keep unwrapping the value
+          // until it reaches a non-Usable type.
+          //
+          // e.g. Usable<Usable<Usable<T>>> should resolve to T
+          //
+          // The structure is a bit unfortunate. Ideally, we shouldn't need to
+          // replay the entire begin phase of the parent fiber in order to reconcile
+          // the children again. This would require a somewhat significant refactor,
+          // because reconcilation happens deep within the begin phase, and
+          // depending on the type of work, not always at the end. We should
+          // consider as an future improvement.
+
+          if (typeof newChild.then === "function") {
+            var thenable = newChild;
+            return reconcileChildFibersImpl(
+              returnFiber,
+              currentFirstChild,
+              unwrapThenable(thenable),
+              lanes
+            );
+          }
 
-  if (lastRenderPhaseUpdate !== null) {
-    // The queue doesn't persist past this render pass.
-    queue.pending = null;
-    var firstRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-    var update = firstRenderPhaseUpdate;
+          if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+            var context = newChild;
+            return reconcileChildFibersImpl(
+              returnFiber,
+              currentFirstChild,
+              readContextDuringReconcilation(returnFiber, context, lanes),
+              lanes
+            );
+          }
 
-    do {
-      // Process this render phase update. We don't have to check the
-      // priority because it will always be the same as the current
-      // render's.
-      var action = update.action;
-      newState = reducer(newState, action);
-      update = update.next;
-    } while (update !== firstRenderPhaseUpdate); // Mark that the fiber performed work, but only if the new state is
-    // different from the current state.
+          throwOnInvalidObjectType(returnFiber, newChild);
+        }
 
-    if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
-    }
+        if (
+          (typeof newChild === "string" && newChild !== "") ||
+          typeof newChild === "number"
+        ) {
+          return placeSingleChild(
+            reconcileSingleTextNode(
+              returnFiber,
+              currentFirstChild,
+              "" + newChild,
+              lanes
+            )
+          );
+        }
 
-    hook.memoizedState = newState; // Don't persist the state accumulated from the render phase updates to
-    // the base state unless the queue is empty.
-    // TODO: Not sure if this is the desired semantics, but it's what we
-    // do for gDSFP. I can't remember why.
+        {
+          if (typeof newChild === "function") {
+            warnOnFunctionType(returnFiber);
+          }
+        } // Remaining cases are all treated as empty.
 
-    if (hook.baseQueue === null) {
-      hook.baseState = newState;
-    }
+        return deleteRemainingChildren(returnFiber, currentFirstChild);
+      }
 
-    queue.lastRenderedState = newState;
-  }
+      function reconcileChildFibers(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        lanes
+      ) {
+        // This indirection only exists so we can reset `thenableState` at the end.
+        // It should get inlined by Closure.
+        thenableIndexCounter$1 = 0;
+        var firstChildFiber = reconcileChildFibersImpl(
+          returnFiber,
+          currentFirstChild,
+          newChild,
+          lanes
+        );
+        thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
+        // set at the beginning.
 
-  return [newState, dispatch];
-}
+        return firstChildFiber;
+      }
 
-function mountMutableSource(source, getSnapshot, subscribe) {
-  {
-    return undefined;
-  }
-}
+      return reconcileChildFibers;
+    }
 
-function updateMutableSource(source, getSnapshot, subscribe) {
-  {
-    return undefined;
-  }
-}
+    var reconcileChildFibers = createChildReconciler(true);
+    var mountChildFibers = createChildReconciler(false);
+    function resetChildReconcilerOnUnwind() {
+      // On unwind, clear any pending thenables that were used.
+      thenableState$1 = null;
+      thenableIndexCounter$1 = 0;
+    }
+    function cloneChildFibers(current, workInProgress) {
+      if (current !== null && workInProgress.child !== current.child) {
+        throw new Error("Resuming work not yet implemented.");
+      }
 
-function mountSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  var fiber = currentlyRenderingFiber$1;
-  var hook = mountWorkInProgressHook();
-  var nextSnapshot;
+      if (workInProgress.child === null) {
+        return;
+      }
 
-  {
-    nextSnapshot = getSnapshot();
+      var currentChild = workInProgress.child;
+      var newChild = createWorkInProgress(
+        currentChild,
+        currentChild.pendingProps
+      );
+      workInProgress.child = newChild;
+      newChild.return = workInProgress;
+
+      while (currentChild.sibling !== null) {
+        currentChild = currentChild.sibling;
+        newChild = newChild.sibling = createWorkInProgress(
+          currentChild,
+          currentChild.pendingProps
+        );
+        newChild.return = workInProgress;
+      }
 
-    {
-      if (!didWarnUncachedGetSnapshot) {
-        var cachedSnapshot = getSnapshot();
+      newChild.sibling = null;
+    } // Reset a workInProgress child set to prepare it for a second pass.
 
-        if (!objectIs(nextSnapshot, cachedSnapshot)) {
-          error(
-            "The result of getSnapshot should be cached to avoid an infinite loop"
-          );
+    function resetChildFibers(workInProgress, lanes) {
+      var child = workInProgress.child;
 
-          didWarnUncachedGetSnapshot = true;
-        }
+      while (child !== null) {
+        resetWorkInProgress(child, lanes);
+        child = child.sibling;
       }
-    } // Unless we're rendering a blocking lane, schedule a consistency check.
-    // Right before committing, we will walk the tree and check if any of the
-    // stores were mutated.
-    //
-    // We won't do this if we're hydrating server-rendered content, because if
-    // the content is stale, it's already visible anyway. Instead we'll patch
-    // it up in a passive effect.
+    }
 
-    var root = getWorkInProgressRoot();
+    // TODO: This isn't being used yet, but it's intended to replace the
+    // InvisibleParentContext that is currently managed by SuspenseContext.
 
-    if (root === null) {
-      throw new Error(
-        "Expected a work-in-progress root. This is a bug in React. Please file an issue."
+    var currentTreeHiddenStackCursor = createCursor(null);
+    var prevEntangledRenderLanesCursor = createCursor(NoLanes);
+    function pushHiddenContext(fiber, context) {
+      var prevEntangledRenderLanes = getEntangledRenderLanes();
+      push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes, fiber);
+      push(currentTreeHiddenStackCursor, context, fiber); // When rendering a subtree that's currently hidden, we must include all
+      // lanes that would have rendered if the hidden subtree hadn't been deferred.
+      // That is, in order to reveal content from hidden -> visible, we must commit
+      // all the updates that we skipped when we originally hid the tree.
+
+      setEntangledRenderLanes(
+        mergeLanes(prevEntangledRenderLanes, context.baseLanes)
       );
     }
+    function reuseHiddenContextOnStack(fiber) {
+      // This subtree is not currently hidden, so we don't need to add any lanes
+      // to the render lanes. But we still need to push something to avoid a
+      // context mismatch. Reuse the existing context on the stack.
+      push(prevEntangledRenderLanesCursor, getEntangledRenderLanes(), fiber);
+      push(
+        currentTreeHiddenStackCursor,
+        currentTreeHiddenStackCursor.current,
+        fiber
+      );
+    }
+    function popHiddenContext(fiber) {
+      // Restore the previous render lanes from the stack
+      setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
+      pop(currentTreeHiddenStackCursor, fiber);
+      pop(prevEntangledRenderLanesCursor, fiber);
+    }
+    function isCurrentTreeHidden() {
+      return currentTreeHiddenStackCursor.current !== null;
+    }
 
-    if (!includesBlockingLane(root, renderLanes)) {
-      pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
-    }
-  } // Read the current snapshot from the store on every render. This breaks the
-  // normal rules of React, and only works because store updates are
-  // always synchronous.
-
-  hook.memoizedState = nextSnapshot;
-  var inst = {
-    value: nextSnapshot,
-    getSnapshot: getSnapshot
-  };
-  hook.queue = inst; // Schedule an effect to subscribe to the store.
-
-  mountEffect(subscribeToStore.bind(null, fiber, inst, subscribe), [subscribe]); // Schedule an effect to update the mutable instance fields. We will update
-  // this whenever subscribe, getSnapshot, or value changes. Because there's no
-  // clean-up function, and we track the deps correctly, we can call pushEffect
-  // directly, without storing any additional state. For the same reason, we
-  // don't need to set a static flag, either.
-  // TODO: We can move this to the passive phase once we add a pre-commit
-  // consistency check. See the next comment.
-
-  fiber.flags |= Passive;
-  pushEffect(
-    HasEffect | Passive$1,
-    updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
-    undefined,
-    null
-  );
-  return nextSnapshot;
-}
+    // suspends, i.e. it's the nearest `catch` block on the stack.
 
-function updateSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  var fiber = currentlyRenderingFiber$1;
-  var hook = updateWorkInProgressHook(); // Read the current snapshot from the store on every render. This breaks the
-  // normal rules of React, and only works because store updates are
-  // always synchronous.
+    var suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
+    // Everything above this is the "shell". When this is null, it means we're
+    // rendering in the shell of the app. If it's non-null, it means we're rendering
+    // deeper than the shell, inside a new tree that wasn't already visible.
+    //
+    // The main way we use this concept is to determine whether showing a fallback
+    // would result in a desirable or undesirable loading state. Activing a fallback
+    // in the shell is considered an undersirable loading state, because it would
+    // mean hiding visible (albeit stale) content in the current tree — we prefer to
+    // show the stale content, rather than switch to a fallback. But showing a
+    // fallback in a new tree is fine, because there's no stale content to
+    // prefer instead.
+
+    var shellBoundary = null;
+    function getShellBoundary() {
+      return shellBoundary;
+    }
+    function pushPrimaryTreeSuspenseHandler(handler) {
+      // TODO: Pass as argument
+      var current = handler.alternate;
+      // propagated a single level. For example, when ForceSuspenseFallback is set,
+      // it should only force the nearest Suspense boundary into fallback mode.
+
+      pushSuspenseListContext(
+        handler,
+        setDefaultShallowSuspenseListContext(suspenseStackCursor.current)
+      ); // Experimental feature: Some Suspense boundaries are marked as having an
+      // to push a nested Suspense handler, because it will get replaced by the
+      // outer fallback, anyway. Consider this as a future optimization.
+
+      push(suspenseHandlerStackCursor, handler, handler);
+
+      if (shellBoundary === null) {
+        if (current === null || isCurrentTreeHidden()) {
+          // This boundary is not visible in the current UI.
+          shellBoundary = handler;
+        } else {
+          var prevState = current.memoizedState;
 
-  var nextSnapshot = getSnapshot();
+          if (prevState !== null) {
+            // This boundary is showing a fallback in the current UI.
+            shellBoundary = handler;
+          }
+        }
+      }
+    }
+    function pushFallbackTreeSuspenseHandler(fiber) {
+      // We're about to render the fallback. If something in the fallback suspends,
+      // it's akin to throwing inside of a `catch` block. This boundary should not
+      // capture. Reuse the existing handler on the stack.
+      reuseSuspenseHandlerOnStack(fiber);
+    }
+    function pushOffscreenSuspenseHandler(fiber) {
+      if (fiber.tag === OffscreenComponent) {
+        // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
+        // Reuse the current value on the stack.
+        // TODO: We can avoid needing to push here by by forking popSuspenseHandler
+        // into separate functions for Suspense and Offscreen.
+        pushSuspenseListContext(fiber, suspenseStackCursor.current);
+        push(suspenseHandlerStackCursor, fiber, fiber);
 
-  {
-    if (!didWarnUncachedGetSnapshot) {
-      var cachedSnapshot = getSnapshot();
+        if (shellBoundary !== null);
+        else {
+          var current = fiber.alternate;
 
-      if (!objectIs(nextSnapshot, cachedSnapshot)) {
-        error(
-          "The result of getSnapshot should be cached to avoid an infinite loop"
-        );
+          if (current !== null) {
+            var prevState = current.memoizedState;
 
-        didWarnUncachedGetSnapshot = true;
-      }
-    }
-  }
-
-  var prevSnapshot = hook.memoizedState;
-  var snapshotChanged = !objectIs(prevSnapshot, nextSnapshot);
-
-  if (snapshotChanged) {
-    hook.memoizedState = nextSnapshot;
-    markWorkInProgressReceivedUpdate();
-  }
-
-  var inst = hook.queue;
-  updateEffect(subscribeToStore.bind(null, fiber, inst, subscribe), [
-    subscribe
-  ]); // Whenever getSnapshot or subscribe changes, we need to check in the
-  // commit phase if there was an interleaved mutation. In concurrent mode
-  // this can happen all the time, but even in synchronous mode, an earlier
-  // effect may have mutated the store.
-
-  if (
-    inst.getSnapshot !== getSnapshot ||
-    snapshotChanged || // Check if the susbcribe function changed. We can save some memory by
-    // checking whether we scheduled a subscription effect above.
-    (workInProgressHook !== null &&
-      workInProgressHook.memoizedState.tag & HasEffect)
-  ) {
-    fiber.flags |= Passive;
-    pushEffect(
-      HasEffect | Passive$1,
-      updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
-      undefined,
-      null
-    ); // Unless we're rendering a blocking lane, schedule a consistency check.
-    // Right before committing, we will walk the tree and check if any of the
-    // stores were mutated.
-
-    var root = getWorkInProgressRoot();
-
-    if (root === null) {
-      throw new Error(
-        "Expected a work-in-progress root. This is a bug in React. Please file an issue."
-      );
+            if (prevState !== null) {
+              // This is the first boundary in the stack that's already showing
+              // a fallback. So everything outside is considered the shell.
+              shellBoundary = fiber;
+            }
+          }
+        }
+      } else {
+        // This is a LegacyHidden component.
+        reuseSuspenseHandlerOnStack(fiber);
+      }
     }
-
-    if (!includesBlockingLane(root, renderLanes)) {
-      pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
+    function reuseSuspenseHandlerOnStack(fiber) {
+      pushSuspenseListContext(fiber, suspenseStackCursor.current);
+      push(suspenseHandlerStackCursor, getSuspenseHandler(), fiber);
+    }
+    function getSuspenseHandler() {
+      return suspenseHandlerStackCursor.current;
     }
-  }
+    function popSuspenseHandler(fiber) {
+      pop(suspenseHandlerStackCursor, fiber);
 
-  return nextSnapshot;
-}
+      if (shellBoundary === fiber) {
+        // Popping back into the shell.
+        shellBoundary = null;
+      }
 
-function pushStoreConsistencyCheck(fiber, getSnapshot, renderedSnapshot) {
-  fiber.flags |= StoreConsistency;
-  var check = {
-    getSnapshot: getSnapshot,
-    value: renderedSnapshot
-  };
-  var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
-
-  if (componentUpdateQueue === null) {
-    componentUpdateQueue = createFunctionComponentUpdateQueue();
-    currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
-    componentUpdateQueue.stores = [check];
-  } else {
-    var stores = componentUpdateQueue.stores;
-
-    if (stores === null) {
-      componentUpdateQueue.stores = [check];
-    } else {
-      stores.push(check);
-    }
-  }
-}
+      popSuspenseListContext(fiber);
+    } // SuspenseList context
+    // TODO: Move to a separate module? We may change the SuspenseList
+    // implementation to hide/show in the commit phase, anyway.
 
-function updateStoreInstance(fiber, inst, nextSnapshot, getSnapshot) {
-  // These are updated in the passive phase
-  inst.value = nextSnapshot;
-  inst.getSnapshot = getSnapshot; // Something may have been mutated in between render and commit. This could
-  // have been in an event that fired before the passive effects, or it could
-  // have been in a layout effect. In that case, we would have used the old
-  // snapsho and getSnapshot values to bail out. We need to check one more time.
-
-  if (checkIfSnapshotChanged(inst)) {
-    // Force a re-render.
-    forceStoreRerender(fiber);
-  }
-}
+    var DefaultSuspenseContext = 0;
+    var SubtreeSuspenseContextMask = 1; // ForceSuspenseFallback can be used by SuspenseList to force newly added
+    // items into their fallback state during one of the render passes.
 
-function subscribeToStore(fiber, inst, subscribe) {
-  var handleStoreChange = function() {
-    // The store changed. Check if the snapshot changed since the last time we
-    // read from the store.
-    if (checkIfSnapshotChanged(inst)) {
-      // Force a re-render.
-      forceStoreRerender(fiber);
+    var ForceSuspenseFallback = 2;
+    var suspenseStackCursor = createCursor(DefaultSuspenseContext);
+    function hasSuspenseListContext(parentContext, flag) {
+      return (parentContext & flag) !== 0;
+    }
+    function setDefaultShallowSuspenseListContext(parentContext) {
+      return parentContext & SubtreeSuspenseContextMask;
+    }
+    function setShallowSuspenseListContext(parentContext, shallowContext) {
+      return (parentContext & SubtreeSuspenseContextMask) | shallowContext;
+    }
+    function pushSuspenseListContext(fiber, newContext) {
+      push(suspenseStackCursor, newContext, fiber);
+    }
+    function popSuspenseListContext(fiber) {
+      pop(suspenseStackCursor, fiber);
     }
-  }; // Subscribe to the store and return a clean-up function.
 
-  return subscribe(handleStoreChange);
-}
+    // A non-null SuspenseState means that it is blocked for one reason or another.
+    // - A non-null dehydrated field means it's blocked pending hydration.
+    //   - A non-null dehydrated field can use isSuspenseInstancePending or
+    //     isSuspenseInstanceFallback to query the reason for being dehydrated.
+    // - A null dehydrated field means it's blocked by something suspending and
+    //   we're currently showing a fallback instead.
 
-function checkIfSnapshotChanged(inst) {
-  var latestGetSnapshot = inst.getSnapshot;
-  var prevValue = inst.value;
+    function findFirstSuspended(row) {
+      var node = row;
 
-  try {
-    var nextValue = latestGetSnapshot();
-    return !objectIs(prevValue, nextValue);
-  } catch (error) {
-    return true;
-  }
-}
+      while (node !== null) {
+        if (node.tag === SuspenseComponent) {
+          var state = node.memoizedState;
 
-function forceStoreRerender(fiber) {
-  var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+          if (state !== null) {
+            var dehydrated = state.dehydrated;
 
-  if (root !== null) {
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-  }
-}
+            if (
+              dehydrated === null ||
+              isSuspenseInstancePending() ||
+              isSuspenseInstanceFallback()
+            ) {
+              return node;
+            }
+          }
+        } else if (
+          node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
+          // keep track of whether it suspended or not.
+          node.memoizedProps.revealOrder !== undefined
+        ) {
+          var didSuspend = (node.flags & DidCapture) !== NoFlags$1;
 
-function mountState(initialState) {
-  var hook = mountWorkInProgressHook();
-
-  if (typeof initialState === "function") {
-    // $FlowFixMe: Flow doesn't like mixed types
-    initialState = initialState();
-  }
-
-  hook.memoizedState = hook.baseState = initialState;
-  var queue = {
-    pending: null,
-    interleaved: null,
-    lanes: NoLanes,
-    dispatch: null,
-    lastRenderedReducer: basicStateReducer,
-    lastRenderedState: initialState
-  };
-  hook.queue = queue;
-  var dispatch = (queue.dispatch = dispatchSetState.bind(
-    null,
-    currentlyRenderingFiber$1,
-    queue
-  ));
-  return [hook.memoizedState, dispatch];
-}
+          if (didSuspend) {
+            return node;
+          }
+        } else if (node.child !== null) {
+          node.child.return = node;
+          node = node.child;
+          continue;
+        }
 
-function updateState(initialState) {
-  return updateReducer(basicStateReducer);
-}
+        if (node === row) {
+          return null;
+        }
 
-function rerenderState(initialState) {
-  return rerenderReducer(basicStateReducer);
-}
+        while (node.sibling === null) {
+          if (node.return === null || node.return === row) {
+            return null;
+          }
 
-function pushEffect(tag, create, destroy, deps) {
-  var effect = {
-    tag: tag,
-    create: create,
-    destroy: destroy,
-    deps: deps,
-    // Circular
-    next: null
-  };
-  var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
-
-  if (componentUpdateQueue === null) {
-    componentUpdateQueue = createFunctionComponentUpdateQueue();
-    currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
-    componentUpdateQueue.lastEffect = effect.next = effect;
-  } else {
-    var lastEffect = componentUpdateQueue.lastEffect;
-
-    if (lastEffect === null) {
-      componentUpdateQueue.lastEffect = effect.next = effect;
-    } else {
-      var firstEffect = lastEffect.next;
-      lastEffect.next = effect;
-      effect.next = firstEffect;
-      componentUpdateQueue.lastEffect = effect;
-    }
-  }
-
-  return effect;
-}
+          node = node.return;
+        }
 
-function mountRef(initialValue) {
-  var hook = mountWorkInProgressHook();
+        node.sibling.return = node.return;
+        node = node.sibling;
+      }
 
-  {
-    var _ref2 = {
-      current: initialValue
-    };
-    hook.memoizedState = _ref2;
-    return _ref2;
-  }
-}
+      return null;
+    }
 
-function updateRef(initialValue) {
-  var hook = updateWorkInProgressHook();
-  return hook.memoizedState;
-}
+    var NoFlags =
+      /*   */
+      0; // Represents whether effect should fire.
 
-function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
-  var hook = mountWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  currentlyRenderingFiber$1.flags |= fiberFlags;
-  hook.memoizedState = pushEffect(
-    HasEffect | hookFlags,
-    create,
-    undefined,
-    nextDeps
-  );
-}
+    var HasEffect =
+      /* */
+      1; // Represents the phase in which the effect (not the clean-up) fires.
 
-function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
-  var hook = updateWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  var destroy = undefined;
+    var Insertion =
+      /* */
+      2;
+    var Layout =
+      /*    */
+      4;
+    var Passive =
+      /*   */
+      8;
 
-  if (currentHook !== null) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
+    var didWarnAboutMismatchedHooksForComponent;
+    var didWarnUncachedGetSnapshot;
+    var didWarnAboutUseWrappedInTryCatch;
+    var didWarnAboutAsyncClientComponent;
 
-    if (nextDeps !== null) {
-      var prevDeps = prevEffect.deps;
+    {
+      didWarnAboutMismatchedHooksForComponent = new Set();
+      didWarnAboutUseWrappedInTryCatch = new Set();
+      didWarnAboutAsyncClientComponent = new Set();
+    } // The effect "instance" is a shared object that remains the same for the entire
+    // lifetime of an effect. In Rust terms, a RefCell. We use it to store the
+    // "destroy" function that is returned from an effect, because that is stateful.
+    // The field is `undefined` if the effect is unmounted, or if the effect ran
+    // but is not stateful. We don't explicitly track whether the effect is mounted
+    // or unmounted because that can be inferred by the hiddenness of the fiber in
+    // the tree, i.e. whether there is a hidden Offscreen fiber above it.
+    //
+    // It's unfortunate that this is stored on a separate object, because it adds
+    // more memory per effect instance, but it's conceptually sound. I think there's
+    // likely a better data structure we could use for effects; perhaps just one
+    // array of effect instances per fiber. But I think this is OK for now despite
+    // the additional memory and we can follow up with performance
+    // optimizations later.
+    // These are set right before calling the component.
+
+    var renderLanes = NoLanes; // The work-in-progress fiber. I've named it differently to distinguish it from
+    // the work-in-progress hook.
+
+    var currentlyRenderingFiber$1 = null; // Hooks are stored as a linked list on the fiber's memoizedState field. The
+    // current hook list is the list that belongs to the current fiber. The
+    // work-in-progress hook list is a new list that will be added to the
+    // work-in-progress fiber.
+
+    var currentHook = null;
+    var workInProgressHook = null; // Whether an update was scheduled at any point during the render phase. This
+    // does not get reset if we do another render pass; only when we're completely
+    // finished evaluating this component. This is an optimization so we know
+    // whether we need to clear render phase updates after a throw.
+
+    var didScheduleRenderPhaseUpdate = false; // Where an update was scheduled only during the current render pass. This
+    // gets reset after each attempt.
+    // TODO: Maybe there's some way to consolidate this with
+    // `didScheduleRenderPhaseUpdate`. Or with `numberOfReRenders`.
+
+    var didScheduleRenderPhaseUpdateDuringThisPass = false;
+    var shouldDoubleInvokeUserFnsInHooksDEV = false; // Counts the number of useId hooks in this component.
+
+    var thenableIndexCounter = 0;
+    var thenableState = null; // Used for ids that are generated completely client-side (i.e. not during
+    // hydration). This counter is global, so client ids are not stable across
+    // render attempts.
+
+    var globalClientIdCounter = 0;
+    var RE_RENDER_LIMIT = 25; // In DEV, this is the name of the currently executing primitive hook
+
+    var currentHookNameInDev = null; // In DEV, this list ensures that hooks are called in the same order between renders.
+    // The list stores the order of hooks used during the initial render (mount).
+    // Subsequent renders (updates) reference this list.
+
+    var hookTypesDev = null;
+    var hookTypesUpdateIndexDev = -1; // In DEV, this tracks whether currently rendering component needs to ignore
+    // the dependencies for Hooks that need them (e.g. useEffect or useMemo).
+    // When true, such Hooks will always be "remounted". Only used during hot reload.
+
+    var ignorePreviousDependencies = false;
+
+    function mountHookTypesDev() {
+      {
+        var hookName = currentHookNameInDev;
 
-      if (areHookInputsEqual(nextDeps, prevDeps)) {
-        hook.memoizedState = pushEffect(hookFlags, create, destroy, nextDeps);
-        return;
+        if (hookTypesDev === null) {
+          hookTypesDev = [hookName];
+        } else {
+          hookTypesDev.push(hookName);
+        }
       }
     }
-  }
-
-  currentlyRenderingFiber$1.flags |= fiberFlags;
-  hook.memoizedState = pushEffect(
-    HasEffect | hookFlags,
-    create,
-    destroy,
-    nextDeps
-  );
-}
 
-function mountEffect(create, deps) {
-  {
-    return mountEffectImpl(Passive | PassiveStatic, Passive$1, create, deps);
-  }
-}
+    function updateHookTypesDev() {
+      {
+        var hookName = currentHookNameInDev;
 
-function updateEffect(create, deps) {
-  return updateEffectImpl(Passive, Passive$1, create, deps);
-}
+        if (hookTypesDev !== null) {
+          hookTypesUpdateIndexDev++;
 
-function mountInsertionEffect(create, deps) {
-  return mountEffectImpl(Update, Insertion, create, deps);
-}
+          if (hookTypesDev[hookTypesUpdateIndexDev] !== hookName) {
+            warnOnHookMismatchInDev(hookName);
+          }
+        }
+      }
+    }
 
-function updateInsertionEffect(create, deps) {
-  return updateEffectImpl(Update, Insertion, create, deps);
-}
+    function checkDepsAreArrayDev(deps) {
+      {
+        if (deps !== undefined && deps !== null && !isArray(deps)) {
+          // Verify deps, but only on mount to avoid extra checks.
+          // It's unlikely their type would change as usually you define them inline.
+          error(
+            "%s received a final argument that is not an array (instead, received `%s`). When " +
+              "specified, the final argument must be an array.",
+            currentHookNameInDev,
+            typeof deps
+          );
+        }
+      }
+    }
 
-function mountLayoutEffect(create, deps) {
-  var fiberFlags = Update;
+    function warnOnHookMismatchInDev(currentHookName) {
+      {
+        var componentName = getComponentNameFromFiber(
+          currentlyRenderingFiber$1
+        );
 
-  return mountEffectImpl(fiberFlags, Layout, create, deps);
-}
+        if (!didWarnAboutMismatchedHooksForComponent.has(componentName)) {
+          didWarnAboutMismatchedHooksForComponent.add(componentName);
 
-function updateLayoutEffect(create, deps) {
-  return updateEffectImpl(Update, Layout, create, deps);
-}
+          if (hookTypesDev !== null) {
+            var table = "";
+            var secondColumnStart = 30;
 
-function imperativeHandleEffect(create, ref) {
-  if (typeof ref === "function") {
-    var refCallback = ref;
+            for (var i = 0; i <= hookTypesUpdateIndexDev; i++) {
+              var oldHookName = hookTypesDev[i];
+              var newHookName =
+                i === hookTypesUpdateIndexDev ? currentHookName : oldHookName;
+              var row = i + 1 + ". " + oldHookName; // Extra space so second column lines up
+              // lol @ IE not supporting String#repeat
 
-    var _inst = create();
+              while (row.length < secondColumnStart) {
+                row += " ";
+              }
 
-    refCallback(_inst);
-    return function() {
-      refCallback(null);
-    };
-  } else if (ref !== null && ref !== undefined) {
-    var refObject = ref;
+              row += newHookName + "\n";
+              table += row;
+            }
 
-    {
-      if (!refObject.hasOwnProperty("current")) {
-        error(
-          "Expected useImperativeHandle() first argument to either be a " +
-            "ref callback or React.createRef() object. Instead received: %s.",
-          "an object with keys {" + Object.keys(refObject).join(", ") + "}"
-        );
+            error(
+              "React has detected a change in the order of Hooks called by %s. " +
+                "This will lead to bugs and errors if not fixed. " +
+                "For more information, read the Rules of Hooks: https://reactjs.org/link/rules-of-hooks\n\n" +
+                "   Previous render            Next render\n" +
+                "   ------------------------------------------------------\n" +
+                "%s" +
+                "   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
+              componentName,
+              table
+            );
+          }
+        }
       }
     }
 
-    var _inst2 = create();
+    function warnIfAsyncClientComponent(Component) {
+      {
+        // This dev-only check only works for detecting native async functions,
+        // not transpiled ones. There's also a prod check that we use to prevent
+        // async client components from crashing the app; the prod one works even
+        // for transpiled async functions. Neither mechanism is completely
+        // bulletproof but together they cover the most common cases.
+        var isAsyncFunction = // $FlowIgnore[method-unbinding]
+          Object.prototype.toString.call(Component) ===
+          "[object AsyncFunction]";
+
+        if (isAsyncFunction) {
+          // Encountered an async Client Component. This is not yet supported.
+          var componentName = getComponentNameFromFiber(
+            currentlyRenderingFiber$1
+          );
 
-    refObject.current = _inst2;
-    return function() {
-      refObject.current = null;
-    };
-  }
-}
+          if (!didWarnAboutAsyncClientComponent.has(componentName)) {
+            didWarnAboutAsyncClientComponent.add(componentName);
 
-function mountImperativeHandle(ref, create, deps) {
-  {
-    if (typeof create !== "function") {
-      error(
-        "Expected useImperativeHandle() second argument to be a function " +
-          "that creates a handle. Instead received: %s.",
-        create !== null ? typeof create : "null"
-      );
+            error(
+              "async/await is not yet supported in Client Components, only " +
+                "Server Components. This error is often caused by accidentally " +
+                "adding `'use client'` to a module that was originally written " +
+                "for the server."
+            );
+          }
+        }
+      }
     }
-  } // TODO: If deps are provided, should we skip comparing the ref itself?
 
-  var effectDeps =
-    deps !== null && deps !== undefined ? deps.concat([ref]) : null;
-  var fiberFlags = Update;
-
-  return mountEffectImpl(
-    fiberFlags,
-    Layout,
-    imperativeHandleEffect.bind(null, create, ref),
-    effectDeps
-  );
-}
-
-function updateImperativeHandle(ref, create, deps) {
-  {
-    if (typeof create !== "function") {
-      error(
-        "Expected useImperativeHandle() second argument to be a function " +
-          "that creates a handle. Instead received: %s.",
-        create !== null ? typeof create : "null"
+    function throwInvalidHookError() {
+      throw new Error(
+        "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for" +
+          " one of the following reasons:\n" +
+          "1. You might have mismatching versions of React and the renderer (such as React DOM)\n" +
+          "2. You might be breaking the Rules of Hooks\n" +
+          "3. You might have more than one copy of React in the same app\n" +
+          "See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem."
       );
     }
-  } // TODO: If deps are provided, should we skip comparing the ref itself?
 
-  var effectDeps =
-    deps !== null && deps !== undefined ? deps.concat([ref]) : null;
-  return updateEffectImpl(
-    Update,
-    Layout,
-    imperativeHandleEffect.bind(null, create, ref),
-    effectDeps
-  );
-}
-
-function mountDebugValue(value, formatterFn) {
-  // This hook is normally a no-op.
-  // The react-debug-hooks package injects its own implementation
-  // so that e.g. DevTools can display custom hook values.
-}
+    function areHookInputsEqual(nextDeps, prevDeps) {
+      {
+        if (ignorePreviousDependencies) {
+          // Only true when this component is being hot reloaded.
+          return false;
+        }
+      }
 
-var updateDebugValue = mountDebugValue;
+      if (prevDeps === null) {
+        {
+          error(
+            "%s received a final argument during this render, but not during " +
+              "the previous render. Even though the final argument is optional, " +
+              "its type cannot change between renders.",
+            currentHookNameInDev
+          );
+        }
 
-function mountCallback(callback, deps) {
-  var hook = mountWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  hook.memoizedState = [callback, nextDeps];
-  return callback;
-}
+        return false;
+      }
 
-function updateCallback(callback, deps) {
-  var hook = updateWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  var prevState = hook.memoizedState;
+      {
+        // Don't bother comparing lengths in prod because these arrays should be
+        // passed inline.
+        if (nextDeps.length !== prevDeps.length) {
+          error(
+            "The final argument passed to %s changed size between renders. The " +
+              "order and size of this array must remain constant.\n\n" +
+              "Previous: %s\n" +
+              "Incoming: %s",
+            currentHookNameInDev,
+            "[" + prevDeps.join(", ") + "]",
+            "[" + nextDeps.join(", ") + "]"
+          );
+        }
+      } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-  if (prevState !== null) {
-    if (nextDeps !== null) {
-      var prevDeps = prevState[1];
+      for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        if (objectIs(nextDeps[i], prevDeps[i])) {
+          continue;
+        }
 
-      if (areHookInputsEqual(nextDeps, prevDeps)) {
-        return prevState[0];
+        return false;
       }
+
+      return true;
     }
-  }
 
-  hook.memoizedState = [callback, nextDeps];
-  return callback;
-}
+    function renderWithHooks(
+      current,
+      workInProgress,
+      Component,
+      props,
+      secondArg,
+      nextRenderLanes
+    ) {
+      renderLanes = nextRenderLanes;
+      currentlyRenderingFiber$1 = workInProgress;
 
-function mountMemo(nextCreate, deps) {
-  var hook = mountWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  var nextValue = nextCreate();
-  hook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
-}
+      {
+        hookTypesDev = current !== null ? current._debugHookTypes : null;
+        hookTypesUpdateIndexDev = -1; // Used for hot reloading:
 
-function updateMemo(nextCreate, deps) {
-  var hook = updateWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  var prevState = hook.memoizedState;
+        ignorePreviousDependencies =
+          current !== null && current.type !== workInProgress.type;
+        warnIfAsyncClientComponent(Component);
+      }
 
-  if (prevState !== null) {
-    // Assume these are defined. If they're not, areHookInputsEqual will warn.
-    if (nextDeps !== null) {
-      var prevDeps = prevState[1];
+      workInProgress.memoizedState = null;
+      workInProgress.updateQueue = null;
+      workInProgress.lanes = NoLanes; // The following should have already been reset
+      // currentHook = null;
+      // workInProgressHook = null;
+      // didScheduleRenderPhaseUpdate = false;
+      // localIdCounter = 0;
+      // thenableIndexCounter = 0;
+      // thenableState = null;
+      // TODO Warn if no hooks are used at all during mount, then some are used during update.
+      // Currently we will identify the update render as a mount because memoizedState === null.
+      // This is tricky because it's valid for certain types of components (e.g. React.lazy)
+      // Using memoizedState to differentiate between mount/update only works if at least one stateful hook is used.
+      // Non-stateful hooks (e.g. context) don't get added to memoizedState,
+      // so memoizedState would be null during updates and mounts.
 
-      if (areHookInputsEqual(nextDeps, prevDeps)) {
-        return prevState[0];
+      {
+        if (current !== null && current.memoizedState !== null) {
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
+        } else if (hookTypesDev !== null) {
+          // This dispatcher handles an edge case where a component is updating,
+          // but no stateful hooks have been used.
+          // We want to match the production code behavior (which will use HooksDispatcherOnMount),
+          // but with the extra DEV validation to ensure hooks ordering hasn't changed.
+          // This dispatcher does that.
+          ReactCurrentDispatcher$1.current =
+            HooksDispatcherOnMountWithHookTypesInDEV;
+        } else {
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+        }
+      } // In Strict Mode, during development, user functions are double invoked to
+      // help detect side effects. The logic for how this is implemented for in
+      // hook components is a bit complex so let's break it down.
+      //
+      // We will invoke the entire component function twice. However, during the
+      // second invocation of the component, the hook state from the first
+      // invocation will be reused. That means things like `useMemo` functions won't
+      // run again, because the deps will match and the memoized result will
+      // be reused.
+      //
+      // We want memoized functions to run twice, too, so account for this, user
+      // functions are double invoked during the *first* invocation of the component
+      // function, and are *not* double invoked during the second incovation:
+      //
+      // - First execution of component function: user functions are double invoked
+      // - Second execution of component function (in Strict Mode, during
+      //   development): user functions are not double invoked.
+      //
+      // This is intentional for a few reasons; most importantly, it's because of
+      // how `use` works when something suspends: it reuses the promise that was
+      // passed during the first attempt. This is itself a form of memoization.
+      // We need to be able to memoize the reactive inputs to the `use` call using
+      // a hook (i.e. `useMemo`), which means, the reactive inputs to `use` must
+      // come from the same component invocation as the output.
+      //
+      // There are plenty of tests to ensure this behavior is correct.
+
+      var shouldDoubleRenderDEV =
+        (workInProgress.mode & StrictLegacyMode) !== NoMode;
+      shouldDoubleInvokeUserFnsInHooksDEV = shouldDoubleRenderDEV;
+      var children = Component(props, secondArg);
+      shouldDoubleInvokeUserFnsInHooksDEV = false; // Check if there was a render phase update
+
+      if (didScheduleRenderPhaseUpdateDuringThisPass) {
+        // Keep rendering until the component stabilizes (there are no more render
+        // phase updates).
+        children = renderWithHooksAgain(
+          workInProgress,
+          Component,
+          props,
+          secondArg
+        );
       }
-    }
-  }
 
-  var nextValue = nextCreate();
-  hook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
-}
+      if (shouldDoubleRenderDEV) {
+        // In development, components are invoked twice to help detect side effects.
+        setIsStrictModeForDevtools(true);
 
-function mountDeferredValue(value) {
-  var hook = mountWorkInProgressHook();
-  hook.memoizedState = value;
-  return value;
-}
+        try {
+          children = renderWithHooksAgain(
+            workInProgress,
+            Component,
+            props,
+            secondArg
+          );
+        } finally {
+          setIsStrictModeForDevtools(false);
+        }
+      }
 
-function updateDeferredValue(value) {
-  var hook = updateWorkInProgressHook();
-  var resolvedCurrentHook = currentHook;
-  var prevValue = resolvedCurrentHook.memoizedState;
-  return updateDeferredValueImpl(hook, prevValue, value);
-}
+      finishRenderingHooks(current, workInProgress);
+      return children;
+    }
 
-function rerenderDeferredValue(value) {
-  var hook = updateWorkInProgressHook();
-
-  if (currentHook === null) {
-    // This is a rerender during a mount.
-    hook.memoizedState = value;
-    return value;
-  } else {
-    // This is a rerender during an update.
-    var prevValue = currentHook.memoizedState;
-    return updateDeferredValueImpl(hook, prevValue, value);
-  }
-}
+    function finishRenderingHooks(current, workInProgress, Component) {
+      {
+        workInProgress._debugHookTypes = hookTypesDev;
+      } // We can assume the previous dispatcher is always this one, since we set it
+      // at the beginning of the render phase and there's no re-entrance.
 
-function updateDeferredValueImpl(hook, prevValue, value) {
-  var shouldDeferValue = !includesOnlyNonUrgentLanes(renderLanes);
-
-  if (shouldDeferValue) {
-    // This is an urgent update. If the value has changed, keep using the
-    // previous value and spawn a deferred render to update it later.
-    if (!objectIs(value, prevValue)) {
-      // Schedule a deferred render
-      var deferredLane = claimNextTransitionLane();
-      currentlyRenderingFiber$1.lanes = mergeLanes(
-        currentlyRenderingFiber$1.lanes,
-        deferredLane
-      );
-      markSkippedUpdateLanes(deferredLane); // Set this to true to indicate that the rendered value is inconsistent
-      // from the latest value. The name "baseState" doesn't really match how we
-      // use it because we're reusing a state hook field instead of creating a
-      // new one.
-
-      hook.baseState = true;
-    } // Reuse the previous value
-
-    return prevValue;
-  } else {
-    // This is not an urgent update, so we can use the latest value regardless
-    // of what it is. No need to defer it.
-    // However, if we're currently inside a spawned render, then we need to mark
-    // this as an update to prevent the fiber from bailing out.
-    //
-    // `baseState` is true when the current value is different from the rendered
-    // value. The name doesn't really match how we use it because we're reusing
-    // a state hook field instead of creating a new one.
-    if (hook.baseState) {
-      // Flip this back to false.
-      hook.baseState = false;
-      markWorkInProgressReceivedUpdate();
-    }
-
-    hook.memoizedState = value;
-    return value;
-  }
-}
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
+      // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
-function startTransition(setPending, callback, options) {
-  var previousPriority = getCurrentUpdatePriority();
-  setCurrentUpdatePriority(
-    higherEventPriority(previousPriority, ContinuousEventPriority)
-  );
-  setPending(true);
-  var prevTransition = ReactCurrentBatchConfig$1.transition;
-  ReactCurrentBatchConfig$1.transition = {};
-  var currentTransition = ReactCurrentBatchConfig$1.transition;
-
-  {
-    ReactCurrentBatchConfig$1.transition._updatedFibers = new Set();
-  }
-
-  try {
-    setPending(false);
-    callback();
-  } finally {
-    setCurrentUpdatePriority(previousPriority);
-    ReactCurrentBatchConfig$1.transition = prevTransition;
+      var didRenderTooFewHooks =
+        currentHook !== null && currentHook.next !== null;
+      renderLanes = NoLanes;
+      currentlyRenderingFiber$1 = null;
+      currentHook = null;
+      workInProgressHook = null;
 
-    {
-      if (prevTransition === null && currentTransition._updatedFibers) {
-        var updatedFibersCount = currentTransition._updatedFibers.size;
+      {
+        currentHookNameInDev = null;
+        hookTypesDev = null;
+        hookTypesUpdateIndexDev = -1; // Confirm that a static flag was not added or removed since the last
+        // render. If this fires, it suggests that we incorrectly reset the static
+        // flags in some other part of the codebase. This has happened before, for
+        // example, in the SuspenseList implementation.
 
-        if (updatedFibersCount > 10) {
-          warn(
-            "Detected a large number of updates inside startTransition. " +
-              "If this is due to a subscription please re-write it to use React provided hooks. " +
-              "Otherwise concurrent mode guarantees are off the table."
+        if (
+          current !== null &&
+          (current.flags & StaticMask) !==
+            (workInProgress.flags & StaticMask) && // Disable this warning in legacy mode, because legacy Suspense is weird
+          // and creates false positives. To make this work in legacy mode, we'd
+          // need to mark fibers that commit in an incomplete state, somehow. For
+          // now I'll disable the warning that most of the bugs that would trigger
+          // it are either exclusive to concurrent mode or exist in both.
+          (current.mode & ConcurrentMode) !== NoMode
+        ) {
+          error(
+            "Internal React error: Expected static flag was missing. Please " +
+              "notify the React team."
           );
         }
-
-        currentTransition._updatedFibers.clear();
       }
-    }
-  }
-}
-
-function mountTransition() {
-  var _mountState = mountState(false),
-    isPending = _mountState[0],
-    setPending = _mountState[1]; // The `start` method never changes.
 
-  var start = startTransition.bind(null, setPending);
-  var hook = mountWorkInProgressHook();
-  hook.memoizedState = start;
-  return [isPending, start];
-}
+      didScheduleRenderPhaseUpdate = false; // This is reset by checkDidRenderIdHook
+      // localIdCounter = 0;
 
-function updateTransition() {
-  var _updateState = updateState(),
-    isPending = _updateState[0];
+      thenableIndexCounter = 0;
+      thenableState = null;
 
-  var hook = updateWorkInProgressHook();
-  var start = hook.memoizedState;
-  return [isPending, start];
-}
+      if (didRenderTooFewHooks) {
+        throw new Error(
+          "Rendered fewer hooks than expected. This may be caused by an accidental " +
+            "early return statement."
+        );
+      }
 
-function rerenderTransition() {
-  var _rerenderState = rerenderState(),
-    isPending = _rerenderState[0];
+      {
+        if (checkIfUseWrappedInTryCatch()) {
+          var componentName =
+            getComponentNameFromFiber(workInProgress) || "Unknown";
 
-  var hook = updateWorkInProgressHook();
-  var start = hook.memoizedState;
-  return [isPending, start];
-}
+          if (
+            !didWarnAboutUseWrappedInTryCatch.has(componentName) && // This warning also fires if you suspend with `use` inside an
+            // async component. Since we warn for that above, we'll silence this
+            // second warning by checking here.
+            !didWarnAboutAsyncClientComponent.has(componentName)
+          ) {
+            didWarnAboutUseWrappedInTryCatch.add(componentName);
 
-var isUpdatingOpaqueValueInRenderPhase = false;
-function getIsUpdatingOpaqueValueInRenderPhaseInDEV() {
-  {
-    return isUpdatingOpaqueValueInRenderPhase;
-  }
-}
+            error(
+              "`use` was called from inside a try/catch block. This is not allowed " +
+                "and can lead to unexpected behavior. To handle errors triggered " +
+                "by `use`, wrap your component in a error boundary."
+            );
+          }
+        }
+      }
+    }
 
-function mountId() {
-  var hook = mountWorkInProgressHook();
-  var root = getWorkInProgressRoot(); // TODO: In Fizz, id generation is specific to each server config. Maybe we
-  // should do this in Fiber, too? Deferring this decision for now because
-  // there's no other place to store the prefix except for an internal field on
-  // the public createRoot object, which the fiber tree does not currently have
-  // a reference to.
-
-  var identifierPrefix = root.identifierPrefix;
-  var id;
-
-  {
-    // Use a lowercase r prefix for client-generated ids.
-    var globalClientId = globalClientIdCounter++;
-    id = ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":";
-  }
-
-  hook.memoizedState = id;
-  return id;
-}
+    function replaySuspendedComponentWithHooks(
+      current,
+      workInProgress,
+      Component,
+      props,
+      secondArg
+    ) {
+      // This function is used to replay a component that previously suspended,
+      // after its data resolves.
+      //
+      // It's a simplified version of renderWithHooks, but it doesn't need to do
+      // most of the set up work because they weren't reset when we suspended; they
+      // only get reset when the component either completes (finishRenderingHooks)
+      // or unwinds (resetHooksOnUnwind).
+      {
+        hookTypesUpdateIndexDev = -1; // Used for hot reloading:
 
-function updateId() {
-  var hook = updateWorkInProgressHook();
-  var id = hook.memoizedState;
-  return id;
-}
+        ignorePreviousDependencies =
+          current !== null && current.type !== workInProgress.type;
+      }
 
-function dispatchReducerAction(fiber, queue, action) {
-  {
-    if (typeof arguments[3] === "function") {
-      error(
-        "State updates from the useState() and useReducer() Hooks don't support the " +
-          "second callback argument. To execute a side effect after " +
-          "rendering, declare it in the component body with useEffect()."
+      var children = renderWithHooksAgain(
+        workInProgress,
+        Component,
+        props,
+        secondArg
       );
+      finishRenderingHooks(current, workInProgress);
+      return children;
     }
-  }
 
-  var lane = requestUpdateLane(fiber);
-  var update = {
-    lane: lane,
-    action: action,
-    hasEagerState: false,
-    eagerState: null,
-    next: null
-  };
-
-  if (isRenderPhaseUpdate(fiber)) {
-    enqueueRenderPhaseUpdate(queue, update);
-  } else {
-    var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
+    function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
+      // This is used to perform another render pass. It's used when setState is
+      // called during render, and for double invoking components in Strict Mode
+      // during development.
+      //
+      // The state from the previous pass is reused whenever possible. So, state
+      // updates that were already processed are not processed again, and memoized
+      // functions (`useMemo`) are not invoked again.
+      //
+      // Keep rendering in a loop for as long as render phase updates continue to
+      // be scheduled. Use a counter to prevent infinite loops.
+      currentlyRenderingFiber$1 = workInProgress;
+      var numberOfReRenders = 0;
+      var children;
 
-    if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
-      entangleTransitionUpdate(root, queue, lane);
-    }
-  }
-}
+      do {
+        if (didScheduleRenderPhaseUpdateDuringThisPass) {
+          // It's possible that a use() value depended on a state that was updated in
+          // this rerender, so we need to watch for different thenables this time.
+          thenableState = null;
+        }
 
-function dispatchSetState(fiber, queue, action) {
-  {
-    if (typeof arguments[3] === "function") {
-      error(
-        "State updates from the useState() and useReducer() Hooks don't support the " +
-          "second callback argument. To execute a side effect after " +
-          "rendering, declare it in the component body with useEffect()."
-      );
-    }
-  }
+        thenableIndexCounter = 0;
+        didScheduleRenderPhaseUpdateDuringThisPass = false;
 
-  var lane = requestUpdateLane(fiber);
-  var update = {
-    lane: lane,
-    action: action,
-    hasEagerState: false,
-    eagerState: null,
-    next: null
-  };
+        if (numberOfReRenders >= RE_RENDER_LIMIT) {
+          throw new Error(
+            "Too many re-renders. React limits the number of renders to prevent " +
+              "an infinite loop."
+          );
+        }
 
-  if (isRenderPhaseUpdate(fiber)) {
-    enqueueRenderPhaseUpdate(queue, update);
-  } else {
-    var alternate = fiber.alternate;
+        numberOfReRenders += 1;
 
-    if (
-      fiber.lanes === NoLanes &&
-      (alternate === null || alternate.lanes === NoLanes)
-    ) {
-      // The queue is currently empty, which means we can eagerly compute the
-      // next state before entering the render phase. If the new state is the
-      // same as the current state, we may be able to bail out entirely.
-      var lastRenderedReducer = queue.lastRenderedReducer;
+        {
+          // Even when hot reloading, allow dependencies to stabilize
+          // after first render to prevent infinite render phase updates.
+          ignorePreviousDependencies = false;
+        } // Start over from the beginning of the list
 
-      if (lastRenderedReducer !== null) {
-        var prevDispatcher;
+        currentHook = null;
+        workInProgressHook = null;
+        workInProgress.updateQueue = null;
 
         {
-          prevDispatcher = ReactCurrentDispatcher$1.current;
-          ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          // Also validate hook order for cascading updates.
+          hookTypesUpdateIndexDev = -1;
         }
 
-        try {
-          var currentState = queue.lastRenderedState;
-          var eagerState = lastRenderedReducer(currentState, action); // Stash the eagerly computed state, and the reducer used to compute
-          // it, on the update object. If the reducer hasn't changed by the
-          // time we enter the render phase, then the eager state can be used
-          // without calling the reducer again.
-
-          update.hasEagerState = true;
-          update.eagerState = eagerState;
-
-          if (objectIs(eagerState, currentState)) {
-            // Fast path. We can bail out without scheduling React to re-render.
-            // It's still possible that we'll need to rebase this update later,
-            // if the component re-renders for a different reason and by that
-            // time the reducer has changed.
-            // TODO: Do we still need to entangle transitions in this case?
-            enqueueConcurrentHookUpdateAndEagerlyBailout(
-              fiber,
-              queue,
-              update,
-              lane
-            );
-            return;
-          }
-        } catch (error) {
-          // Suppress the error. It will throw again in the render phase.
-        } finally {
-          {
-            ReactCurrentDispatcher$1.current = prevDispatcher;
-          }
-        }
-      }
+        ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
+        children = Component(props, secondArg);
+      } while (didScheduleRenderPhaseUpdateDuringThisPass);
+
+      return children;
     }
+    function bailoutHooks(current, workInProgress, lanes) {
+      workInProgress.updateQueue = current.updateQueue; // TODO: Don't need to reset the flags here, because they're reset in the
+      // complete phase (bubbleProperties).
 
-    var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
+      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+        workInProgress.flags &= ~(
+          MountPassiveDev |
+          MountLayoutDev |
+          Passive$1 |
+          Update
+        );
+      } else {
+        workInProgress.flags &= ~(Passive$1 | Update);
+      }
 
-    if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
-      entangleTransitionUpdate(root, queue, lane);
+      current.lanes = removeLanes(current.lanes, lanes);
     }
-  }
-}
+    function resetHooksAfterThrow() {
+      // This is called immediaetly after a throw. It shouldn't reset the entire
+      // module state, because the work loop might decide to replay the component
+      // again without rewinding.
+      //
+      // It should only reset things like the current dispatcher, to prevent hooks
+      // from being called outside of a component.
+      currentlyRenderingFiber$1 = null; // We can assume the previous dispatcher is always this one, since we set it
+      // at the beginning of the render phase and there's no re-entrance.
+
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+    }
+    function resetHooksOnUnwind(workInProgress) {
+      if (didScheduleRenderPhaseUpdate) {
+        // There were render phase updates. These are only valid for this render
+        // phase, which we are now aborting. Remove the updates from the queues so
+        // they do not persist to the next render. Do not remove updates from hooks
+        // that weren't processed.
+        //
+        // Only reset the updates from the queue if it has a clone. If it does
+        // not have a clone, that means it wasn't processed, and the updates were
+        // scheduled before we entered the render phase.
+        var hook = workInProgress.memoizedState;
 
-function isRenderPhaseUpdate(fiber) {
-  var alternate = fiber.alternate;
-  return (
-    fiber === currentlyRenderingFiber$1 ||
-    (alternate !== null && alternate === currentlyRenderingFiber$1)
-  );
-}
+        while (hook !== null) {
+          var queue = hook.queue;
 
-function enqueueRenderPhaseUpdate(queue, update) {
-  // This is a render phase update. Stash it in a lazily-created map of
-  // queue -> linked list of updates. After this render pass, we'll restart
-  // and apply the stashed updates on top of the work-in-progress hook.
-  didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate = true;
-  var pending = queue.pending;
-
-  if (pending === null) {
-    // This is the first update. Create a circular list.
-    update.next = update;
-  } else {
-    update.next = pending.next;
-    pending.next = update;
-  }
-
-  queue.pending = update;
-} // TODO: Move to ReactFiberConcurrentUpdates?
-
-function entangleTransitionUpdate(root, queue, lane) {
-  if (isTransitionLane(lane)) {
-    var queueLanes = queue.lanes; // If any entangled lanes are no longer pending on the root, then they
-    // must have finished. We can remove them from the shared queue, which
-    // represents a superset of the actually pending lanes. In some cases we
-    // may entangle more than we need to, but that's OK. In fact it's worse if
-    // we *don't* entangle when we should.
-
-    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
-
-    var newQueueLanes = mergeLanes(queueLanes, lane);
-    queue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
-    // the lane finished since the last time we entangled it. So we need to
-    // entangle it again, just to be sure.
-
-    markRootEntangled(root, newQueueLanes);
-  }
-}
+          if (queue !== null) {
+            queue.pending = null;
+          }
 
-var ContextOnlyDispatcher = {
-  readContext: readContext,
-  useCallback: throwInvalidHookError,
-  useContext: throwInvalidHookError,
-  useEffect: throwInvalidHookError,
-  useImperativeHandle: throwInvalidHookError,
-  useInsertionEffect: throwInvalidHookError,
-  useLayoutEffect: throwInvalidHookError,
-  useMemo: throwInvalidHookError,
-  useReducer: throwInvalidHookError,
-  useRef: throwInvalidHookError,
-  useState: throwInvalidHookError,
-  useDebugValue: throwInvalidHookError,
-  useDeferredValue: throwInvalidHookError,
-  useTransition: throwInvalidHookError,
-  useMutableSource: throwInvalidHookError,
-  useSyncExternalStore: throwInvalidHookError,
-  useId: throwInvalidHookError,
-  unstable_isNewReconciler: enableNewReconciler
-};
-
-var HooksDispatcherOnMountInDEV = null;
-var HooksDispatcherOnMountWithHookTypesInDEV = null;
-var HooksDispatcherOnUpdateInDEV = null;
-var HooksDispatcherOnRerenderInDEV = null;
-var InvalidNestedHooksDispatcherOnMountInDEV = null;
-var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
-var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
-
-{
-  var warnInvalidContextAccess = function() {
-    error(
-      "Context can only be read while React is rendering. " +
-        "In classes, you can read it in the render method or getDerivedStateFromProps. " +
-        "In function components, you can read it directly in the function body, but not " +
-        "inside Hooks like useReducer() or useMemo()."
-    );
-  };
-
-  var warnInvalidHookAccess = function() {
-    error(
-      "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. " +
-        "You can only call Hooks at the top level of your React function. " +
-        "For more information, see " +
-        "https://react.dev/warnings/invalid-hook-call-warning"
-    );
-  };
-
-  HooksDispatcherOnMountInDEV = {
-    readContext: function(context) {
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      return mountCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      mountHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      return mountEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      return mountImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      return mountInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      return mountLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+          hook = hook.next;
+        }
 
-      try {
-        return mountMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        didScheduleRenderPhaseUpdate = false;
       }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
-      try {
-        return mountReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      mountHookTypesDev();
-      return mountRef(initialValue);
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
-
-      try {
-        return mountState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      mountHookTypesDev();
-      return mountDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      mountHookTypesDev();
-      return mountDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      mountHookTypesDev();
-      return mountTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      mountHookTypesDev();
-      return mountMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      mountHookTypesDev();
-      return mountSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      mountHookTypesDev();
-      return mountId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  HooksDispatcherOnMountWithHookTypesInDEV = {
-    readContext: function(context) {
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      updateHookTypesDev();
-      return mountCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      updateHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      updateHookTypesDev();
-      return mountEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      updateHookTypesDev();
-      return mountImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      updateHookTypesDev();
-      return mountInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      updateHookTypesDev();
-      return mountLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      renderLanes = NoLanes;
+      currentlyRenderingFiber$1 = null;
+      currentHook = null;
+      workInProgressHook = null;
 
-      try {
-        return mountMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+      {
+        hookTypesDev = null;
+        hookTypesUpdateIndexDev = -1;
+        currentHookNameInDev = null;
       }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
-      try {
-        return mountReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      updateHookTypesDev();
-      return mountRef(initialValue);
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      didScheduleRenderPhaseUpdateDuringThisPass = false;
+      thenableIndexCounter = 0;
+      thenableState = null;
+    }
 
-      try {
-        return mountState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      updateHookTypesDev();
-      return mountDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      updateHookTypesDev();
-      return mountDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      updateHookTypesDev();
-      return mountTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      updateHookTypesDev();
-      return mountMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      updateHookTypesDev();
-      return mountSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      updateHookTypesDev();
-      return mountId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  HooksDispatcherOnUpdateInDEV = {
-    readContext: function(context) {
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      updateHookTypesDev();
-      return updateCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      updateHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      updateHookTypesDev();
-      return updateEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      updateHookTypesDev();
-      return updateImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      updateHookTypesDev();
-      return updateInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      updateHookTypesDev();
-      return updateLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+    function mountWorkInProgressHook() {
+      var hook = {
+        memoizedState: null,
+        baseState: null,
+        baseQueue: null,
+        queue: null,
+        next: null
+      };
 
-      try {
-        return updateMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+      if (workInProgressHook === null) {
+        // This is the first hook in the list
+        currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook;
+      } else {
+        // Append to the end of the list
+        workInProgressHook = workInProgressHook.next = hook;
       }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
-
-      try {
-        return updateReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      updateHookTypesDev();
-      return updateRef();
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-      try {
-        return updateState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      updateHookTypesDev();
-      return updateDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      updateHookTypesDev();
-      return updateDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      updateHookTypesDev();
-      return updateTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      updateHookTypesDev();
-      return updateMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      updateHookTypesDev();
-      return updateSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      updateHookTypesDev();
-      return updateId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  HooksDispatcherOnRerenderInDEV = {
-    readContext: function(context) {
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      updateHookTypesDev();
-      return updateCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      updateHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      updateHookTypesDev();
-      return updateEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      updateHookTypesDev();
-      return updateImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      updateHookTypesDev();
-      return updateInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      updateHookTypesDev();
-      return updateLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
-
-      try {
-        return updateMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+      return workInProgressHook;
+    }
 
-      try {
-        return rerenderReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      updateHookTypesDev();
-      return updateRef();
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+    function updateWorkInProgressHook() {
+      // This function is used both for updates and for re-renders triggered by a
+      // render phase update. It assumes there is either a current hook we can
+      // clone, or a work-in-progress hook from a previous render pass that we can
+      // use as a base.
+      var nextCurrentHook;
 
-      try {
-        return rerenderState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      updateHookTypesDev();
-      return updateDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      updateHookTypesDev();
-      return rerenderDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      updateHookTypesDev();
-      return rerenderTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      updateHookTypesDev();
-      return updateMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      updateHookTypesDev();
-      return updateSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      updateHookTypesDev();
-      return updateId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  InvalidNestedHooksDispatcherOnMountInDEV = {
-    readContext: function(context) {
-      warnInvalidContextAccess();
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      if (currentHook === null) {
+        var current = currentlyRenderingFiber$1.alternate;
 
-      try {
-        return mountMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        if (current !== null) {
+          nextCurrentHook = current.memoizedState;
+        } else {
+          nextCurrentHook = null;
+        }
+      } else {
+        nextCurrentHook = currentHook.next;
       }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
-
-      try {
-        return mountReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountRef(initialValue);
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
-      try {
-        return mountState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  InvalidNestedHooksDispatcherOnUpdateInDEV = {
-    readContext: function(context) {
-      warnInvalidContextAccess();
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var nextWorkInProgressHook;
 
-      try {
-        return updateMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+      if (workInProgressHook === null) {
+        nextWorkInProgressHook = currentlyRenderingFiber$1.memoizedState;
+      } else {
+        nextWorkInProgressHook = workInProgressHook.next;
       }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-      try {
-        return updateReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateRef();
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      if (nextWorkInProgressHook !== null) {
+        // There's already a work-in-progress. Reuse it.
+        workInProgressHook = nextWorkInProgressHook;
+        nextWorkInProgressHook = workInProgressHook.next;
+        currentHook = nextCurrentHook;
+      } else {
+        // Clone from the current hook.
+        if (nextCurrentHook === null) {
+          var currentFiber = currentlyRenderingFiber$1.alternate;
+
+          if (currentFiber === null) {
+            // This is the initial render. This branch is reached when the component
+            // suspends, resumes, then renders an additional hook.
+            // Should never be reached because we should switch to the mount dispatcher first.
+            throw new Error(
+              "Update hook called on initial render. This is likely a bug in React. Please file an issue."
+            );
+          } else {
+            // This is an update. We should always have a current hook.
+            throw new Error(
+              "Rendered more hooks than during the previous render."
+            );
+          }
+        }
 
-      try {
-        return updateState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  InvalidNestedHooksDispatcherOnRerenderInDEV = {
-    readContext: function(context) {
-      warnInvalidContextAccess();
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+        currentHook = nextCurrentHook;
+        var newHook = {
+          memoizedState: currentHook.memoizedState,
+          baseState: currentHook.baseState,
+          baseQueue: currentHook.baseQueue,
+          queue: currentHook.queue,
+          next: null
+        };
 
-      try {
-        return updateMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        if (workInProgressHook === null) {
+          // This is the first hook in the list.
+          currentlyRenderingFiber$1.memoizedState = workInProgressHook =
+            newHook;
+        } else {
+          // Append to the end of the list.
+          workInProgressHook = workInProgressHook.next = newHook;
+        }
       }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-      try {
-        return rerenderReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateRef();
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      return workInProgressHook;
+    } // NOTE: defining two versions of this function to avoid size impact when this feature is disabled.
+    // Previously this function was inlined, the additional `memoCache` property makes it not inlined.
 
-      try {
-        return rerenderState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return rerenderDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return rerenderTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-}
+    var createFunctionComponentUpdateQueue;
 
-var now$1 = Scheduler.unstable_now;
-var commitTime = 0;
-var layoutEffectStartTime = -1;
-var profilerStartTime = -1;
-var passiveEffectStartTime = -1;
-/**
- * Tracks whether the current update was a nested/cascading update (scheduled from a layout effect).
- *
- * The overall sequence is:
- *   1. render
- *   2. commit (and call `onRender`, `onCommit`)
- *   3. check for nested updates
- *   4. flush passive effects (and call `onPostCommit`)
- *
- * Nested updates are identified in step 3 above,
- * but step 4 still applies to the work that was just committed.
- * We use two flags to track nested updates then:
- * one tracks whether the upcoming update is a nested update,
- * and the other tracks whether the current update was a nested update.
- * The first value gets synced to the second at the start of the render phase.
- */
+    {
+      createFunctionComponentUpdateQueue = function () {
+        return {
+          lastEffect: null,
+          events: null,
+          stores: null
+        };
+      };
+    }
 
-var currentUpdateIsNested = false;
-var nestedUpdateScheduled = false;
+    function useThenable(thenable) {
+      // Track the position of the thenable within this fiber.
+      var index = thenableIndexCounter;
+      thenableIndexCounter += 1;
 
-function isCurrentUpdateNested() {
-  return currentUpdateIsNested;
-}
+      if (thenableState === null) {
+        thenableState = createThenableState();
+      }
 
-function markNestedUpdateScheduled() {
-  {
-    nestedUpdateScheduled = true;
-  }
-}
+      var result = trackUsedThenable(thenableState, thenable, index);
 
-function resetNestedUpdateFlag() {
-  {
-    currentUpdateIsNested = false;
-    nestedUpdateScheduled = false;
-  }
-}
+      if (
+        currentlyRenderingFiber$1.alternate === null &&
+        (workInProgressHook === null
+          ? currentlyRenderingFiber$1.memoizedState === null
+          : workInProgressHook.next === null)
+      ) {
+        // Initial render, and either this is the first time the component is
+        // called, or there were no Hooks called after this use() the previous
+        // time (perhaps because it threw). Subsequent Hook calls should use the
+        // mount dispatcher.
+        {
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+        }
+      }
 
-function syncNestedUpdateFlag() {
-  {
-    currentUpdateIsNested = nestedUpdateScheduled;
-    nestedUpdateScheduled = false;
-  }
-}
+      return result;
+    }
 
-function getCommitTime() {
-  return commitTime;
-}
+    function use(usable) {
+      if (usable !== null && typeof usable === "object") {
+        // $FlowFixMe[method-unbinding]
+        if (typeof usable.then === "function") {
+          // This is a thenable.
+          var thenable = usable;
+          return useThenable(thenable);
+        } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+          var context = usable;
+          return readContext(context);
+        }
+      } // eslint-disable-next-line react-internal/safe-string-coercion
 
-function recordCommitTime() {
-  commitTime = now$1();
-}
+      throw new Error(
+        "An unsupported type was passed to use(): " + String(usable)
+      );
+    }
 
-function startProfilerTimer(fiber) {
-  profilerStartTime = now$1();
+    function basicStateReducer(state, action) {
+      // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+      return typeof action === "function" ? action(state) : action;
+    }
 
-  if (fiber.actualStartTime < 0) {
-    fiber.actualStartTime = now$1();
-  }
-}
+    function mountReducer(reducer, initialArg, init) {
+      var hook = mountWorkInProgressHook();
+      var initialState;
 
-function stopProfilerTimerIfRunning(fiber) {
-  profilerStartTime = -1;
-}
+      if (init !== undefined) {
+        initialState = init(initialArg);
 
-function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
-  if (profilerStartTime >= 0) {
-    var elapsedTime = now$1() - profilerStartTime;
-    fiber.actualDuration += elapsedTime;
+        if (shouldDoubleInvokeUserFnsInHooksDEV) {
+          setIsStrictModeForDevtools(true);
+          init(initialArg);
+          setIsStrictModeForDevtools(false);
+        }
+      } else {
+        initialState = initialArg;
+      }
 
-    if (overrideBaseTime) {
-      fiber.selfBaseDuration = elapsedTime;
+      hook.memoizedState = hook.baseState = initialState;
+      var queue = {
+        pending: null,
+        lanes: NoLanes,
+        dispatch: null,
+        lastRenderedReducer: reducer,
+        lastRenderedState: initialState
+      };
+      hook.queue = queue;
+      var dispatch = (queue.dispatch = dispatchReducerAction.bind(
+        null,
+        currentlyRenderingFiber$1,
+        queue
+      ));
+      return [hook.memoizedState, dispatch];
     }
 
-    profilerStartTime = -1;
-  }
-}
+    function updateReducer(reducer, initialArg, init) {
+      var hook = updateWorkInProgressHook();
+      return updateReducerImpl(hook, currentHook, reducer);
+    }
 
-function recordLayoutEffectDuration(fiber) {
-  if (layoutEffectStartTime >= 0) {
-    var elapsedTime = now$1() - layoutEffectStartTime;
-    layoutEffectStartTime = -1; // Store duration on the next nearest Profiler ancestor
-    // Or the root (for the DevTools Profiler to read)
+    function updateReducerImpl(hook, current, reducer) {
+      var queue = hook.queue;
 
-    var parentFiber = fiber.return;
+      if (queue === null) {
+        throw new Error(
+          "Should have a queue. This is likely a bug in React. Please file an issue."
+        );
+      }
 
-    while (parentFiber !== null) {
-      switch (parentFiber.tag) {
-        case HostRoot:
-          var root = parentFiber.stateNode;
-          root.effectDuration += elapsedTime;
-          return;
+      queue.lastRenderedReducer = reducer; // The last rebase update that is NOT part of the base state.
 
-        case Profiler:
-          var parentStateNode = parentFiber.stateNode;
-          parentStateNode.effectDuration += elapsedTime;
-          return;
+      var baseQueue = hook.baseQueue; // The last pending update that hasn't been processed yet.
+
+      var pendingQueue = queue.pending;
+
+      if (pendingQueue !== null) {
+        // We have new updates that haven't been processed yet.
+        // We'll add them to the base queue.
+        if (baseQueue !== null) {
+          // Merge the pending queue and the base queue.
+          var baseFirst = baseQueue.next;
+          var pendingFirst = pendingQueue.next;
+          baseQueue.next = pendingFirst;
+          pendingQueue.next = baseFirst;
+        }
+
+        {
+          if (current.baseQueue !== baseQueue) {
+            // Internal invariant that should never happen, but feasibly could in
+            // the future if we implement resuming, or some form of that.
+            error(
+              "Internal error: Expected work-in-progress queue to be a clone. " +
+                "This is a bug in React."
+            );
+          }
+        }
+
+        current.baseQueue = baseQueue = pendingQueue;
+        queue.pending = null;
       }
 
-      parentFiber = parentFiber.return;
-    }
-  }
-}
+      var baseState = hook.baseState;
+
+      if (baseQueue === null) {
+        // If there are no pending updates, then the memoized state should be the
+        // same as the base state. Currently these only diverge in the case of
+        // useOptimistic, because useOptimistic accepts a new baseState on
+        // every render.
+        hook.memoizedState = baseState; // We don't need to call markWorkInProgressReceivedUpdate because
+        // baseState is derived from other reactive values.
+      } else {
+        // We have a queue to process.
+        var first = baseQueue.next;
+        var newState = baseState;
+        var newBaseState = null;
+        var newBaseQueueFirst = null;
+        var newBaseQueueLast = null;
+        var update = first;
+        var didReadFromEntangledAsyncAction = false;
 
-function recordPassiveEffectDuration(fiber) {
-  if (passiveEffectStartTime >= 0) {
-    var elapsedTime = now$1() - passiveEffectStartTime;
-    passiveEffectStartTime = -1; // Store duration on the next nearest Profiler ancestor
-    // Or the root (for the DevTools Profiler to read)
+        do {
+          // An extra OffscreenLane bit is added to updates that were made to
+          // a hidden tree, so that we can distinguish them from updates that were
+          // already there when the tree was hidden.
+          var updateLane = removeLanes(update.lane, OffscreenLane);
+          var isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
+          // it's not a "base" update and we should disregard the extra base lanes
+          // that were added to renderLanes when we entered the Offscreen tree.
+
+          var shouldSkipUpdate = isHiddenUpdate
+            ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane)
+            : !isSubsetOfLanes(renderLanes, updateLane);
+
+          if (shouldSkipUpdate) {
+            // Priority is insufficient. Skip this update. If this is the first
+            // skipped update, the previous update/state is the new base
+            // update/state.
+            var clone = {
+              lane: updateLane,
+              revertLane: update.revertLane,
+              action: update.action,
+              hasEagerState: update.hasEagerState,
+              eagerState: update.eagerState,
+              next: null
+            };
+
+            if (newBaseQueueLast === null) {
+              newBaseQueueFirst = newBaseQueueLast = clone;
+              newBaseState = newState;
+            } else {
+              newBaseQueueLast = newBaseQueueLast.next = clone;
+            } // Update the remaining priority in the queue.
+            // TODO: Don't need to accumulate this. Instead, we can remove
+            // renderLanes from the original lanes.
+
+            currentlyRenderingFiber$1.lanes = mergeLanes(
+              currentlyRenderingFiber$1.lanes,
+              updateLane
+            );
+            markSkippedUpdateLanes(updateLane);
+          } else {
+            {
+              // This is not an optimistic update, and we're going to apply it now.
+              // But, if there were earlier updates that were skipped, we need to
+              // leave this update in the queue so it can be rebased later.
+              if (newBaseQueueLast !== null) {
+                var _clone = {
+                  // This update is going to be committed so we never want uncommit
+                  // it. Using NoLane works because 0 is a subset of all bitmasks, so
+                  // this will never be skipped by the check above.
+                  lane: NoLane,
+                  revertLane: NoLane,
+                  action: update.action,
+                  hasEagerState: update.hasEagerState,
+                  eagerState: update.eagerState,
+                  next: null
+                };
+                newBaseQueueLast = newBaseQueueLast.next = _clone;
+              } // Check if this update is part of a pending async action. If so,
+              // we'll need to suspend until the action has finished, so that it's
+              // batched together with future updates in the same action.
+
+              if (updateLane === peekEntangledActionLane()) {
+                didReadFromEntangledAsyncAction = true;
+              }
+            } // Process this update.
 
-    var parentFiber = fiber.return;
+            var action = update.action;
 
-    while (parentFiber !== null) {
-      switch (parentFiber.tag) {
-        case HostRoot:
-          var root = parentFiber.stateNode;
+            if (shouldDoubleInvokeUserFnsInHooksDEV) {
+              reducer(newState, action);
+            }
 
-          if (root !== null) {
-            root.passiveEffectDuration += elapsedTime;
+            if (update.hasEagerState) {
+              // If this update is a state update (not a reducer) and was processed eagerly,
+              // we can use the eagerly computed state
+              newState = update.eagerState;
+            } else {
+              newState = reducer(newState, action);
+            }
           }
 
-          return;
-
-        case Profiler:
-          var parentStateNode = parentFiber.stateNode;
+          update = update.next;
+        } while (update !== null && update !== first);
 
-          if (parentStateNode !== null) {
-            // Detached fibers have their state node cleared out.
-            // In this case, the return pointer is also cleared out,
-            // so we won't be able to report the time spent in this Profiler's subtree.
-            parentStateNode.passiveEffectDuration += elapsedTime;
+        if (newBaseQueueLast === null) {
+          newBaseState = newState;
+        } else {
+          newBaseQueueLast.next = newBaseQueueFirst;
+        } // Mark that the fiber performed work, but only if the new state is
+        // different from the current state.
+
+        if (!objectIs(newState, hook.memoizedState)) {
+          markWorkInProgressReceivedUpdate(); // Check if this update is part of a pending async action. If so, we'll
+          // need to suspend until the action has finished, so that it's batched
+          // together with future updates in the same action.
+          // TODO: Once we support hooks inside useMemo (or an equivalent
+          // memoization boundary like Forget), hoist this logic so that it only
+          // suspends if the memo boundary produces a new value.
+
+          if (didReadFromEntangledAsyncAction) {
+            var entangledActionThenable = peekEntangledActionThenable();
+
+            if (entangledActionThenable !== null) {
+              // TODO: Instead of the throwing the thenable directly, throw a
+              // special object like `use` does so we can detect if it's captured
+              // by userspace.
+              throw entangledActionThenable;
+            }
           }
+        }
 
-          return;
+        hook.memoizedState = newState;
+        hook.baseState = newBaseState;
+        hook.baseQueue = newBaseQueueLast;
+        queue.lastRenderedState = newState;
       }
 
-      parentFiber = parentFiber.return;
+      if (baseQueue === null) {
+        // `queue.lanes` is used for entangling transitions. We can set it back to
+        // zero once the queue is empty.
+        queue.lanes = NoLanes;
+      }
+
+      var dispatch = queue.dispatch;
+      return [hook.memoizedState, dispatch];
     }
-  }
-}
 
-function startLayoutEffectTimer() {
-  layoutEffectStartTime = now$1();
-}
+    function rerenderReducer(reducer, initialArg, init) {
+      var hook = updateWorkInProgressHook();
+      var queue = hook.queue;
 
-function startPassiveEffectTimer() {
-  passiveEffectStartTime = now$1();
-}
+      if (queue === null) {
+        throw new Error(
+          "Should have a queue. This is likely a bug in React. Please file an issue."
+        );
+      }
 
-function transferActualDuration(fiber) {
-  // Transfer time spent rendering these children so we don't lose it
-  // after we rerender. This is used as a helper in special cases
-  // where we should count the work of multiple passes.
-  var child = fiber.child;
+      queue.lastRenderedReducer = reducer; // This is a re-render. Apply the new render phase updates to the previous
+      // work-in-progress hook.
 
-  while (child) {
-    fiber.actualDuration += child.actualDuration;
-    child = child.sibling;
-  }
-}
+      var dispatch = queue.dispatch;
+      var lastRenderPhaseUpdate = queue.pending;
+      var newState = hook.memoizedState;
 
-function createCapturedValueAtFiber(value, source) {
-  // If the value is an error, call this function immediately after it is thrown
-  // so the stack is accurate.
-  return {
-    value: value,
-    source: source,
-    stack: getStackByFiberInDevAndProd(source),
-    digest: null
-  };
-}
-function createCapturedValue(value, digest, stack) {
-  return {
-    value: value,
-    source: null,
-    stack: stack != null ? stack : null,
-    digest: digest != null ? digest : null
-  };
-}
+      if (lastRenderPhaseUpdate !== null) {
+        // The queue doesn't persist past this render pass.
+        queue.pending = null;
+        var firstRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+        var update = firstRenderPhaseUpdate;
 
-if (
-  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog !==
-  "function"
-) {
-  throw new Error(
-    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
-  );
-}
+        do {
+          // Process this render phase update. We don't have to check the
+          // priority because it will always be the same as the current
+          // render's.
+          var action = update.action;
+          newState = reducer(newState, action);
+          update = update.next;
+        } while (update !== firstRenderPhaseUpdate); // Mark that the fiber performed work, but only if the new state is
+        // different from the current state.
 
-function showErrorDialog(boundary, errorInfo) {
-  var capturedError = {
-    componentStack: errorInfo.stack !== null ? errorInfo.stack : "",
-    error: errorInfo.value,
-    errorBoundary:
-      boundary !== null && boundary.tag === ClassComponent
-        ? boundary.stateNode
-        : null
-  };
-  return ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
-    capturedError
-  );
-}
+        if (!objectIs(newState, hook.memoizedState)) {
+          markWorkInProgressReceivedUpdate();
+        }
 
-function logCapturedError(boundary, errorInfo) {
-  try {
-    var logError = showErrorDialog(boundary, errorInfo); // Allow injected showErrorDialog() to prevent default console.error logging.
-    // This enables renderers like ReactNative to better manage redbox behavior.
+        hook.memoizedState = newState; // Don't persist the state accumulated from the render phase updates to
+        // the base state unless the queue is empty.
+        // TODO: Not sure if this is the desired semantics, but it's what we
+        // do for gDSFP. I can't remember why.
 
-    if (logError === false) {
-      return;
-    }
+        if (hook.baseQueue === null) {
+          hook.baseState = newState;
+        }
 
-    var error = errorInfo.value;
+        queue.lastRenderedState = newState;
+      }
 
-    if (true) {
-      var source = errorInfo.source;
-      var stack = errorInfo.stack;
-      var componentStack = stack !== null ? stack : ""; // Browsers support silencing uncaught errors by calling
-      // `preventDefault()` in window `error` handler.
-      // We record this information as an expando on the error.
+      return [newState, dispatch];
+    }
 
-      if (error != null && error._suppressLogging) {
-        if (boundary.tag === ClassComponent) {
-          // The error is recoverable and was silenced.
-          // Ignore it and don't print the stack addendum.
-          // This is handy for testing error boundaries without noise.
-          return;
-        } // The error is fatal. Since the silencing might have
-        // been accidental, we'll surface it anyway.
-        // However, the browser would have silenced the original error
-        // so we'll print it first, and then print the stack addendum.
-
-        console["error"](error); // Don't transform to our wrapper
-        // For a more detailed description of this block, see:
-        // https://github.com/facebook/react/pull/13384
-      }
-
-      var componentName = source ? getComponentNameFromFiber(source) : null;
-      var componentNameMessage = componentName
-        ? "The above error occurred in the <" + componentName + "> component:"
-        : "The above error occurred in one of your React components:";
-      var errorBoundaryMessage;
-
-      if (boundary.tag === HostRoot) {
-        errorBoundaryMessage =
-          "Consider adding an error boundary to your tree to customize error handling behavior.\n" +
-          "Visit https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary to learn more about error boundaries.";
-      } else {
-        var errorBoundaryName =
-          getComponentNameFromFiber(boundary) || "Anonymous";
-        errorBoundaryMessage =
-          "React will try to recreate this component tree from scratch " +
-          ("using the error boundary you provided, " + errorBoundaryName + ".");
-      }
-
-      var combinedMessage =
-        componentNameMessage +
-        "\n" +
-        componentStack +
-        "\n\n" +
-        ("" + errorBoundaryMessage); // In development, we provide our own message with just the component stack.
-      // We don't include the original error message and JS stack because the browser
-      // has already printed it. Even if the application swallows the error, it is still
-      // displayed by the browser thanks to the DEV-only fake event trick in ReactErrorUtils.
-
-      console["error"](combinedMessage); // Don't transform to our wrapper
-    } else {
-      // In production, we print the error directly.
-      // This will include the message, the JS stack, and anything the browser wants to show.
-      // We pass the error object instead of custom message so that the browser displays the error natively.
-      console["error"](error); // Don't transform to our wrapper
-    }
-  } catch (e) {
-    // This method must not throw, or React internal state will get messed up.
-    // If console.error is overridden, or logCapturedError() shows a dialog that throws,
-    // we want to report this error outside of the normal stack as a last resort.
-    // https://github.com/facebook/react/issues/13188
-    setTimeout(function() {
-      throw e;
-    });
-  }
-}
+    function mountSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+      var fiber = currentlyRenderingFiber$1;
+      var hook = mountWorkInProgressHook();
+      var nextSnapshot;
+
+      {
+        nextSnapshot = getSnapshot();
 
-var PossiblyWeakMap$1 = typeof WeakMap === "function" ? WeakMap : Map;
+        {
+          if (!didWarnUncachedGetSnapshot) {
+            var cachedSnapshot = getSnapshot();
 
-function createRootErrorUpdate(fiber, errorInfo, lane) {
-  var update = createUpdate(NoTimestamp, lane); // Unmount the root by rendering null.
+            if (!objectIs(nextSnapshot, cachedSnapshot)) {
+              error(
+                "The result of getSnapshot should be cached to avoid an infinite loop"
+              );
 
-  update.tag = CaptureUpdate; // Caution: React DevTools currently depends on this property
-  // being called "element".
+              didWarnUncachedGetSnapshot = true;
+            }
+          }
+        } // Unless we're rendering a blocking lane, schedule a consistency check.
+        // Right before committing, we will walk the tree and check if any of the
+        // stores were mutated.
+        //
+        // We won't do this if we're hydrating server-rendered content, because if
+        // the content is stale, it's already visible anyway. Instead we'll patch
+        // it up in a passive effect.
 
-  update.payload = {
-    element: null
-  };
-  var error = errorInfo.value;
+        var root = getWorkInProgressRoot();
 
-  update.callback = function() {
-    onUncaughtError(error);
-    logCapturedError(fiber, errorInfo);
-  };
+        if (root === null) {
+          throw new Error(
+            "Expected a work-in-progress root. This is a bug in React. Please file an issue."
+          );
+        }
 
-  return update;
-}
+        var rootRenderLanes = getWorkInProgressRootRenderLanes();
 
-function createClassErrorUpdate(fiber, errorInfo, lane) {
-  var update = createUpdate(NoTimestamp, lane);
-  update.tag = CaptureUpdate;
-  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+        if (!includesBlockingLane(root, rootRenderLanes)) {
+          pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
+        }
+      } // Read the current snapshot from the store on every render. This breaks the
+      // normal rules of React, and only works because store updates are
+      // always synchronous.
+
+      hook.memoizedState = nextSnapshot;
+      var inst = {
+        value: nextSnapshot,
+        getSnapshot: getSnapshot
+      };
+      hook.queue = inst; // Schedule an effect to subscribe to the store.
+
+      mountEffect(subscribeToStore.bind(null, fiber, inst, subscribe), [
+        subscribe
+      ]); // Schedule an effect to update the mutable instance fields. We will update
+      // this whenever subscribe, getSnapshot, or value changes. Because there's no
+      // clean-up function, and we track the deps correctly, we can call pushEffect
+      // directly, without storing any additional state. For the same reason, we
+      // don't need to set a static flag, either.
+
+      fiber.flags |= Passive$1;
+      pushEffect(
+        HasEffect | Passive,
+        updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
+        createEffectInstance(),
+        null
+      );
+      return nextSnapshot;
+    }
 
-  if (typeof getDerivedStateFromError === "function") {
-    var error$1 = errorInfo.value;
+    function updateSyncExternalStore(
+      subscribe,
+      getSnapshot,
+      getServerSnapshot
+    ) {
+      var fiber = currentlyRenderingFiber$1;
+      var hook = updateWorkInProgressHook(); // Read the current snapshot from the store on every render. This breaks the
+      // normal rules of React, and only works because store updates are
+      // always synchronous.
 
-    update.payload = function() {
-      return getDerivedStateFromError(error$1);
-    };
+      var nextSnapshot;
 
-    update.callback = function() {
       {
-        markFailedErrorBoundaryForHotReloading(fiber);
-      }
+        nextSnapshot = getSnapshot();
 
-      logCapturedError(fiber, errorInfo);
-    };
-  }
+        {
+          if (!didWarnUncachedGetSnapshot) {
+            var cachedSnapshot = getSnapshot();
 
-  var inst = fiber.stateNode;
+            if (!objectIs(nextSnapshot, cachedSnapshot)) {
+              error(
+                "The result of getSnapshot should be cached to avoid an infinite loop"
+              );
 
-  if (inst !== null && typeof inst.componentDidCatch === "function") {
-    update.callback = function callback() {
-      {
-        markFailedErrorBoundaryForHotReloading(fiber);
+              didWarnUncachedGetSnapshot = true;
+            }
+          }
+        }
       }
 
-      logCapturedError(fiber, errorInfo);
+      var prevSnapshot = (currentHook || hook).memoizedState;
+      var snapshotChanged = !objectIs(prevSnapshot, nextSnapshot);
 
-      if (typeof getDerivedStateFromError !== "function") {
-        // To preserve the preexisting retry behavior of error boundaries,
-        // we keep track of which ones already failed during this batch.
-        // This gets reset before we yield back to the browser.
-        // TODO: Warn in strict mode if getDerivedStateFromError is
-        // not defined.
-        markLegacyErrorBoundaryAsFailed(this);
+      if (snapshotChanged) {
+        hook.memoizedState = nextSnapshot;
+        markWorkInProgressReceivedUpdate();
       }
 
-      var error$1 = errorInfo.value;
-      var stack = errorInfo.stack;
-      this.componentDidCatch(error$1, {
-        componentStack: stack !== null ? stack : ""
-      });
+      var inst = hook.queue;
+      updateEffect(subscribeToStore.bind(null, fiber, inst, subscribe), [
+        subscribe
+      ]); // Whenever getSnapshot or subscribe changes, we need to check in the
+      // commit phase if there was an interleaved mutation. In concurrent mode
+      // this can happen all the time, but even in synchronous mode, an earlier
+      // effect may have mutated the store.
 
-      {
-        if (typeof getDerivedStateFromError !== "function") {
-          // If componentDidCatch is the only error boundary method defined,
-          // then it needs to call setState to recover from errors.
-          // If no state update is scheduled then the boundary will swallow the error.
-          if (!includesSomeLane(fiber.lanes, SyncLane)) {
-            error(
-              "%s: Error boundaries should implement getDerivedStateFromError(). " +
-                "In that method, return a state update to display an error message or fallback UI.",
-              getComponentNameFromFiber(fiber) || "Unknown"
-            );
-          }
-        }
-      }
-    };
-  }
+      if (
+        inst.getSnapshot !== getSnapshot ||
+        snapshotChanged || // Check if the subscribe function changed. We can save some memory by
+        // checking whether we scheduled a subscription effect above.
+        (workInProgressHook !== null &&
+          workInProgressHook.memoizedState.tag & HasEffect)
+      ) {
+        fiber.flags |= Passive$1;
+        pushEffect(
+          HasEffect | Passive,
+          updateStoreInstance.bind(
+            null,
+            fiber,
+            inst,
+            nextSnapshot,
+            getSnapshot
+          ),
+          createEffectInstance(),
+          null
+        ); // Unless we're rendering a blocking lane, schedule a consistency check.
+        // Right before committing, we will walk the tree and check if any of the
+        // stores were mutated.
 
-  return update;
-}
+        var root = getWorkInProgressRoot();
 
-function attachPingListener(root, wakeable, lanes) {
-  // Attach a ping listener
-  //
-  // The data might resolve before we have a chance to commit the fallback. Or,
-  // in the case of a refresh, we'll never commit a fallback. So we need to
-  // attach a listener now. When it resolves ("pings"), we can decide whether to
-  // try rendering the tree again.
-  //
-  // Only attach a listener if one does not already exist for the lanes
-  // we're currently rendering (which acts like a "thread ID" here).
-  //
-  // We only need to do this in concurrent mode. Legacy Suspense always
-  // commits fallbacks synchronously, so there are no pings.
-  var pingCache = root.pingCache;
-  var threadIDs;
-
-  if (pingCache === null) {
-    pingCache = root.pingCache = new PossiblyWeakMap$1();
-    threadIDs = new Set();
-    pingCache.set(wakeable, threadIDs);
-  } else {
-    threadIDs = pingCache.get(wakeable);
-
-    if (threadIDs === undefined) {
-      threadIDs = new Set();
-      pingCache.set(wakeable, threadIDs);
-    }
-  }
-
-  if (!threadIDs.has(lanes)) {
-    // Memoize using the thread ID to prevent redundant listeners.
-    threadIDs.add(lanes);
-    var ping = pingSuspendedRoot.bind(null, root, wakeable, lanes);
+        if (root === null) {
+          throw new Error(
+            "Expected a work-in-progress root. This is a bug in React. Please file an issue."
+          );
+        }
 
-    {
-      if (isDevToolsPresent) {
-        // If we have pending work still, restore the original updaters
-        restorePendingUpdaters(root, lanes);
+        if (!includesBlockingLane(root, renderLanes)) {
+          pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
+        }
       }
-    }
 
-    wakeable.then(ping, ping);
-  }
-}
+      return nextSnapshot;
+    }
 
-function attachRetryListener(suspenseBoundary, root, wakeable, lanes) {
-  // Retry listener
-  //
-  // If the fallback does commit, we need to attach a different type of
-  // listener. This one schedules an update on the Suspense boundary to turn
-  // the fallback state off.
-  //
-  // Stash the wakeable on the boundary fiber so we can access it in the
-  // commit phase.
-  //
-  // When the wakeable resolves, we'll attempt to render the boundary
-  // again ("retry").
-  var wakeables = suspenseBoundary.updateQueue;
-
-  if (wakeables === null) {
-    var updateQueue = new Set();
-    updateQueue.add(wakeable);
-    suspenseBoundary.updateQueue = updateQueue;
-  } else {
-    wakeables.add(wakeable);
-  }
-}
+    function pushStoreConsistencyCheck(fiber, getSnapshot, renderedSnapshot) {
+      fiber.flags |= StoreConsistency;
+      var check = {
+        getSnapshot: getSnapshot,
+        value: renderedSnapshot
+      };
+      var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
 
-function resetSuspendedComponent(sourceFiber, rootRenderLanes) {
-  // A legacy mode Suspense quirk, only relevant to hook components.
+      if (componentUpdateQueue === null) {
+        componentUpdateQueue = createFunctionComponentUpdateQueue();
+        currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
+        componentUpdateQueue.stores = [check];
+      } else {
+        var stores = componentUpdateQueue.stores;
 
-  var tag = sourceFiber.tag;
+        if (stores === null) {
+          componentUpdateQueue.stores = [check];
+        } else {
+          stores.push(check);
+        }
+      }
+    }
 
-  if (
-    (sourceFiber.mode & ConcurrentMode) === NoMode &&
-    (tag === FunctionComponent ||
-      tag === ForwardRef ||
-      tag === SimpleMemoComponent)
-  ) {
-    var currentSource = sourceFiber.alternate;
+    function updateStoreInstance(fiber, inst, nextSnapshot, getSnapshot) {
+      // These are updated in the passive phase
+      inst.value = nextSnapshot;
+      inst.getSnapshot = getSnapshot; // Something may have been mutated in between render and commit. This could
+      // have been in an event that fired before the passive effects, or it could
+      // have been in a layout effect. In that case, we would have used the old
+      // snapsho and getSnapshot values to bail out. We need to check one more time.
 
-    if (currentSource) {
-      sourceFiber.updateQueue = currentSource.updateQueue;
-      sourceFiber.memoizedState = currentSource.memoizedState;
-      sourceFiber.lanes = currentSource.lanes;
-    } else {
-      sourceFiber.updateQueue = null;
-      sourceFiber.memoizedState = null;
+      if (checkIfSnapshotChanged(inst)) {
+        // Force a re-render.
+        forceStoreRerender(fiber);
+      }
     }
-  }
-}
 
-function getNearestSuspenseBoundaryToCapture(returnFiber) {
-  var node = returnFiber;
-
-  do {
-    if (node.tag === SuspenseComponent && shouldCaptureSuspense(node)) {
-      return node;
-    } // This boundary already captured during this render. Continue to the next
-    // boundary.
+    function subscribeToStore(fiber, inst, subscribe) {
+      var handleStoreChange = function () {
+        // The store changed. Check if the snapshot changed since the last time we
+        // read from the store.
+        if (checkIfSnapshotChanged(inst)) {
+          // Force a re-render.
+          forceStoreRerender(fiber);
+        }
+      }; // Subscribe to the store and return a clean-up function.
 
-    node = node.return;
-  } while (node !== null);
+      return subscribe(handleStoreChange);
+    }
 
-  return null;
-}
+    function checkIfSnapshotChanged(inst) {
+      var latestGetSnapshot = inst.getSnapshot;
+      var prevValue = inst.value;
 
-function markSuspenseBoundaryShouldCapture(
-  suspenseBoundary,
-  returnFiber,
-  sourceFiber,
-  root,
-  rootRenderLanes
-) {
-  // This marks a Suspense boundary so that when we're unwinding the stack,
-  // it captures the suspended "exception" and does a second (fallback) pass.
-  if ((suspenseBoundary.mode & ConcurrentMode) === NoMode) {
-    // Legacy Mode Suspense
-    //
-    // If the boundary is in legacy mode, we should *not*
-    // suspend the commit. Pretend as if the suspended component rendered
-    // null and keep rendering. When the Suspense boundary completes,
-    // we'll do a second pass to render the fallback.
-    if (suspenseBoundary === returnFiber) {
-      // Special case where we suspended while reconciling the children of
-      // a Suspense boundary's inner Offscreen wrapper fiber. This happens
-      // when a React.lazy component is a direct child of a
-      // Suspense boundary.
-      //
-      // Suspense boundaries are implemented as multiple fibers, but they
-      // are a single conceptual unit. The legacy mode behavior where we
-      // pretend the suspended fiber committed as `null` won't work,
-      // because in this case the "suspended" fiber is the inner
-      // Offscreen wrapper.
-      //
-      // Because the contents of the boundary haven't started rendering
-      // yet (i.e. nothing in the tree has partially rendered) we can
-      // switch to the regular, concurrent mode behavior: mark the
-      // boundary with ShouldCapture and enter the unwind phase.
-      suspenseBoundary.flags |= ShouldCapture;
-    } else {
-      suspenseBoundary.flags |= DidCapture;
-      sourceFiber.flags |= ForceUpdateForLegacySuspense; // We're going to commit this fiber even though it didn't complete.
-      // But we shouldn't call any lifecycle methods or callbacks. Remove
-      // all lifecycle effect tags.
-
-      sourceFiber.flags &= ~(LifecycleEffectMask | Incomplete);
-
-      if (sourceFiber.tag === ClassComponent) {
-        var currentSourceFiber = sourceFiber.alternate;
-
-        if (currentSourceFiber === null) {
-          // This is a new mount. Change the tag so it's not mistaken for a
-          // completed class component. For example, we should not call
-          // componentWillUnmount if it is deleted.
-          sourceFiber.tag = IncompleteClassComponent;
-        } else {
-          // When we try rendering again, we should not reuse the current fiber,
-          // since it's known to be in an inconsistent state. Use a force update to
-          // prevent a bail out.
-          var update = createUpdate(NoTimestamp, SyncLane);
-          update.tag = ForceUpdate;
-          enqueueUpdate(sourceFiber, update, SyncLane);
-        }
-      } // The source fiber did not complete. Mark it with Sync priority to
-      // indicate that it still has pending work.
-
-      sourceFiber.lanes = mergeLanes(sourceFiber.lanes, SyncLane);
-    }
-
-    return suspenseBoundary;
-  } // Confirmed that the boundary is in a concurrent mode tree. Continue
-  // with the normal suspend path.
-  //
-  // After this we'll use a set of heuristics to determine whether this
-  // render pass will run to completion or restart or "suspend" the commit.
-  // The actual logic for this is spread out in different places.
-  //
-  // This first principle is that if we're going to suspend when we complete
-  // a root, then we should also restart if we get an update or ping that
-  // might unsuspend it, and vice versa. The only reason to suspend is
-  // because you think you might want to restart before committing. However,
-  // it doesn't make sense to restart only while in the period we're suspended.
-  //
-  // Restarting too aggressively is also not good because it starves out any
-  // intermediate loading state. So we use heuristics to determine when.
-  // Suspense Heuristics
-  //
-  // If nothing threw a Promise or all the same fallbacks are already showing,
-  // then don't suspend/restart.
-  //
-  // If this is an initial render of a new tree of Suspense boundaries and
-  // those trigger a fallback, then don't suspend/restart. We want to ensure
-  // that we can show the initial loading state as quickly as possible.
-  //
-  // If we hit a "Delayed" case, such as when we'd switch from content back into
-  // a fallback, then we should always suspend/restart. Transitions apply
-  // to this case. If none is defined, JND is used instead.
-  //
-  // If we're already showing a fallback and it gets "retried", allowing us to show
-  // another level, but there's still an inner boundary that would show a fallback,
-  // then we suspend/restart for 500ms since the last time we showed a fallback
-  // anywhere in the tree. This effectively throttles progressive loading into a
-  // consistent train of commits. This also gives us an opportunity to restart to
-  // get to the completed state slightly earlier.
-  //
-  // If there's ambiguity due to batching it's resolved in preference of:
-  // 1) "delayed", 2) "initial render", 3) "retry".
-  //
-  // We want to ensure that a "busy" state doesn't get force committed. We want to
-  // ensure that new initial loading states can commit as soon as possible.
-
-  suspenseBoundary.flags |= ShouldCapture; // TODO: I think we can remove this, since we now use `DidCapture` in
-  // the begin phase to prevent an early bailout.
-
-  suspenseBoundary.lanes = rootRenderLanes;
-  return suspenseBoundary;
-}
+      try {
+        var nextValue = latestGetSnapshot();
+        return !objectIs(prevValue, nextValue);
+      } catch (error) {
+        return true;
+      }
+    }
 
-function throwException(
-  root,
-  returnFiber,
-  sourceFiber,
-  value,
-  rootRenderLanes
-) {
-  // The source fiber did not complete.
-  sourceFiber.flags |= Incomplete;
-
-  {
-    if (isDevToolsPresent) {
-      // If we have pending work still, restore the original updaters
-      restorePendingUpdaters(root, rootRenderLanes);
-    }
-  }
-
-  if (
-    value !== null &&
-    typeof value === "object" &&
-    typeof value.then === "function"
-  ) {
-    // This is a wakeable. The component suspended.
-    var wakeable = value;
-    resetSuspendedComponent(sourceFiber);
-
-    var suspenseBoundary = getNearestSuspenseBoundaryToCapture(returnFiber);
-
-    if (suspenseBoundary !== null) {
-      suspenseBoundary.flags &= ~ForceClientRender;
-      markSuspenseBoundaryShouldCapture(
-        suspenseBoundary,
-        returnFiber,
-        sourceFiber,
-        root,
-        rootRenderLanes
-      ); // We only attach ping listeners in concurrent mode. Legacy Suspense always
-      // commits fallbacks synchronously, so there are no pings.
+    function forceStoreRerender(fiber) {
+      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-      if (suspenseBoundary.mode & ConcurrentMode) {
-        attachPingListener(root, wakeable, rootRenderLanes);
-      }
-
-      attachRetryListener(suspenseBoundary, root, wakeable);
-      return;
-    } else {
-      // No boundary was found. Unless this is a sync update, this is OK.
-      // We can suspend and wait for more data to arrive.
-      if (!includesSyncLane(rootRenderLanes)) {
-        // This is not a sync update. Suspend. Since we're not activating a
-        // Suspense boundary, this will unwind all the way to the root without
-        // performing a second pass to render a fallback. (This is arguably how
-        // refresh transitions should work, too, since we're not going to commit
-        // the fallbacks anyway.)
-        //
-        // This case also applies to initial hydration.
-        attachPingListener(root, wakeable, rootRenderLanes);
-        renderDidSuspendDelayIfPossible();
-        return;
-      } // This is a sync/discrete update. We treat this case like an error
-      // because discrete renders are expected to produce a complete tree
-      // synchronously to maintain consistency with external state.
-
-      var uncaughtSuspenseError = new Error(
-        "A component suspended while responding to synchronous input. This " +
-          "will cause the UI to be replaced with a loading indicator. To " +
-          "fix, updates that suspend should be wrapped " +
-          "with startTransition."
-      ); // If we're outside a transition, fall through to the regular error path.
-      // The error will be caught by the nearest suspense boundary.
-
-      value = uncaughtSuspenseError;
-    }
-  }
-
-  value = createCapturedValueAtFiber(value, sourceFiber);
-  renderDidError(value); // We didn't find a boundary that could handle this type of exception. Start
-  // over and traverse parent path again, this time treating the exception
-  // as an error.
-
-  var workInProgress = returnFiber;
-
-  do {
-    switch (workInProgress.tag) {
-      case HostRoot: {
-        var _errorInfo = value;
-        workInProgress.flags |= ShouldCapture;
-        var lane = pickArbitraryLane(rootRenderLanes);
-        workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
-        var update = createRootErrorUpdate(workInProgress, _errorInfo, lane);
-        enqueueCapturedUpdate(workInProgress, update);
-        return;
+      if (root !== null) {
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
+    }
 
-      case ClassComponent:
-        // Capture and retry
-        var errorInfo = value;
-        var ctor = workInProgress.type;
-        var instance = workInProgress.stateNode;
-
-        if (
-          (workInProgress.flags & DidCapture) === NoFlags &&
-          (typeof ctor.getDerivedStateFromError === "function" ||
-            (instance !== null &&
-              typeof instance.componentDidCatch === "function" &&
-              !isAlreadyFailedLegacyErrorBoundary(instance)))
-        ) {
-          workInProgress.flags |= ShouldCapture;
+    function mountStateImpl(initialState) {
+      var hook = mountWorkInProgressHook();
 
-          var _lane = pickArbitraryLane(rootRenderLanes);
+      if (typeof initialState === "function") {
+        var initialStateInitializer = initialState; // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
 
-          workInProgress.lanes = mergeLanes(workInProgress.lanes, _lane); // Schedule the error boundary to re-render using updated state
+        initialState = initialStateInitializer();
 
-          var _update = createClassErrorUpdate(
-            workInProgress,
-            errorInfo,
-            _lane
-          );
+        if (shouldDoubleInvokeUserFnsInHooksDEV) {
+          setIsStrictModeForDevtools(true); // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
 
-          enqueueCapturedUpdate(workInProgress, _update);
-          return;
+          initialStateInitializer();
+          setIsStrictModeForDevtools(false);
         }
+      }
 
-        break;
+      hook.memoizedState = hook.baseState = initialState;
+      var queue = {
+        pending: null,
+        lanes: NoLanes,
+        dispatch: null,
+        lastRenderedReducer: basicStateReducer,
+        lastRenderedState: initialState
+      };
+      hook.queue = queue;
+      return hook;
     }
 
-    workInProgress = workInProgress.return;
-  } while (workInProgress !== null);
-}
+    function mountState(initialState) {
+      var hook = mountStateImpl(initialState);
+      var queue = hook.queue;
+      var dispatch = dispatchSetState.bind(
+        null,
+        currentlyRenderingFiber$1,
+        queue
+      );
+      queue.dispatch = dispatch;
+      return [hook.memoizedState, dispatch];
+    }
 
-function getSuspendedCache() {
-  {
-    return null;
-  } // This function is called when a Suspense boundary suspends. It returns the
-}
+    function updateState(initialState) {
+      return updateReducer(basicStateReducer);
+    }
 
-var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
-var didReceiveUpdate = false;
-var didWarnAboutBadClass;
-var didWarnAboutModulePatternComponent;
-var didWarnAboutContextTypeOnFunctionComponent;
-var didWarnAboutGetDerivedStateOnFunctionComponent;
-var didWarnAboutFunctionRefs;
-var didWarnAboutReassigningProps;
-var didWarnAboutRevealOrder;
-var didWarnAboutTailOptions;
-
-{
-  didWarnAboutBadClass = {};
-  didWarnAboutModulePatternComponent = {};
-  didWarnAboutContextTypeOnFunctionComponent = {};
-  didWarnAboutGetDerivedStateOnFunctionComponent = {};
-  didWarnAboutFunctionRefs = {};
-  didWarnAboutReassigningProps = false;
-  didWarnAboutRevealOrder = {};
-  didWarnAboutTailOptions = {};
-}
+    function rerenderState(initialState) {
+      return rerenderReducer(basicStateReducer);
+    }
 
-function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
-  if (current === null) {
-    // If this is a fresh new component that hasn't been rendered yet, we
-    // won't update its child set by applying minimal side-effects. Instead,
-    // we will add them all to the child before it gets rendered. That means
-    // we can optimize this reconciliation pass by not tracking side-effects.
-    workInProgress.child = mountChildFibers(
-      workInProgress,
-      null,
-      nextChildren,
-      renderLanes
-    );
-  } else {
-    // If the current child is the same as the work in progress, it means that
-    // we haven't yet started any work on these children. Therefore, we use
-    // the clone algorithm to create a copy of all the current children.
-    // If we had any progressed work already, that is invalid at this point so
-    // let's throw it out.
-    workInProgress.child = reconcileChildFibers(
-      workInProgress,
-      current.child,
-      nextChildren,
-      renderLanes
-    );
-  }
-}
+    function pushEffect(tag, create, inst, deps) {
+      var effect = {
+        tag: tag,
+        create: create,
+        inst: inst,
+        deps: deps,
+        // Circular
+        next: null
+      };
+      var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
 
-function forceUnmountCurrentAndReconcile(
-  current,
-  workInProgress,
-  nextChildren,
-  renderLanes
-) {
-  // This function is fork of reconcileChildren. It's used in cases where we
-  // want to reconcile without matching against the existing set. This has the
-  // effect of all current children being unmounted; even if the type and key
-  // are the same, the old child is unmounted and a new child is created.
-  //
-  // To do this, we're going to go through the reconcile algorithm twice. In
-  // the first pass, we schedule a deletion for all the current children by
-  // passing null.
-  workInProgress.child = reconcileChildFibers(
-    workInProgress,
-    current.child,
-    null,
-    renderLanes
-  ); // In the second pass, we mount the new children. The trick here is that we
-  // pass null in place of where we usually pass the current child set. This has
-  // the effect of remounting all children regardless of whether their
-  // identities match.
-
-  workInProgress.child = reconcileChildFibers(
-    workInProgress,
-    null,
-    nextChildren,
-    renderLanes
-  );
-}
+      if (componentUpdateQueue === null) {
+        componentUpdateQueue = createFunctionComponentUpdateQueue();
+        currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
+        componentUpdateQueue.lastEffect = effect.next = effect;
+      } else {
+        var lastEffect = componentUpdateQueue.lastEffect;
 
-function updateForwardRef(
-  current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  // TODO: current can be non-null here even if the component
-  // hasn't yet mounted. This happens after the first render suspends.
-  // We'll need to figure out if this is fine or can cause issues.
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
-
-      if (innerPropTypes) {
-        checkPropTypes(
-          innerPropTypes,
-          nextProps, // Resolved props
-          "prop",
-          getComponentNameFromType(Component)
-        );
+        if (lastEffect === null) {
+          componentUpdateQueue.lastEffect = effect.next = effect;
+        } else {
+          var firstEffect = lastEffect.next;
+          lastEffect.next = effect;
+          effect.next = firstEffect;
+          componentUpdateQueue.lastEffect = effect;
+        }
       }
-    }
-  }
-
-  var render = Component.render;
-  var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
 
-  var nextChildren;
-  prepareToReadContext(workInProgress, renderLanes);
-
-  {
-    ReactCurrentOwner$1.current = workInProgress;
-    setIsRendering(true);
-    nextChildren = renderWithHooks(
-      current,
-      workInProgress,
-      render,
-      nextProps,
-      ref,
-      renderLanes
-    );
+      return effect;
+    }
 
-    setIsRendering(false);
-  }
+    function createEffectInstance() {
+      return {
+        destroy: undefined
+      };
+    }
 
-  if (current !== null && !didReceiveUpdate) {
-    bailoutHooks(current, workInProgress, renderLanes);
-    return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
-  }
+    function mountRef(initialValue) {
+      var hook = mountWorkInProgressHook();
 
-  workInProgress.flags |= PerformedWork;
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
+      {
+        var _ref2 = {
+          current: initialValue
+        };
+        hook.memoizedState = _ref2;
+        return _ref2;
+      }
+    }
 
-function updateMemoComponent(
-  current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  if (current === null) {
-    var type = Component.type;
+    function updateRef(initialValue) {
+      var hook = updateWorkInProgressHook();
+      return hook.memoizedState;
+    }
 
-    if (
-      isSimpleFunctionComponent(type) &&
-      Component.compare === null && // SimpleMemoComponent codepath doesn't resolve outer props either.
-      Component.defaultProps === undefined
-    ) {
-      var resolvedType = type;
+    function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
+      var hook = mountWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      currentlyRenderingFiber$1.flags |= fiberFlags;
+      hook.memoizedState = pushEffect(
+        HasEffect | hookFlags,
+        create,
+        createEffectInstance(),
+        nextDeps
+      );
+    }
 
-      {
-        resolvedType = resolveFunctionForHotReloading(type);
-      } // If this is a plain function component without default props,
-      // and with only the default shallow comparison, we upgrade it
-      // to a SimpleMemoComponent to allow fast path updates.
+    function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
+      var hook = updateWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      var effect = hook.memoizedState;
+      var inst = effect.inst; // currentHook is null on initial mount when rerendering after a render phase
+      // state update or for strict mode.
 
-      workInProgress.tag = SimpleMemoComponent;
-      workInProgress.type = resolvedType;
+      if (currentHook !== null) {
+        if (nextDeps !== null) {
+          var prevEffect = currentHook.memoizedState;
+          var prevDeps = prevEffect.deps;
 
-      {
-        validateFunctionComponentInDev(workInProgress, type);
+          if (areHookInputsEqual(nextDeps, prevDeps)) {
+            hook.memoizedState = pushEffect(hookFlags, create, inst, nextDeps);
+            return;
+          }
+        }
       }
 
-      return updateSimpleMemoComponent(
-        current,
-        workInProgress,
-        resolvedType,
-        nextProps,
-        renderLanes
+      currentlyRenderingFiber$1.flags |= fiberFlags;
+      hook.memoizedState = pushEffect(
+        HasEffect | hookFlags,
+        create,
+        inst,
+        nextDeps
       );
     }
 
-    {
-      var innerPropTypes = type.propTypes;
-
-      if (innerPropTypes) {
-        // Inner memo component props aren't currently validated in createElement.
-        // We could move it there, but we'd still need this for lazy code path.
-        checkPropTypes(
-          innerPropTypes,
-          nextProps, // Resolved props
-          "prop",
-          getComponentNameFromType(type)
+    function mountEffect(create, deps) {
+      if (
+        (currentlyRenderingFiber$1.mode & StrictEffectsMode) !== NoMode &&
+        (currentlyRenderingFiber$1.mode & NoStrictPassiveEffectsMode) === NoMode
+      ) {
+        mountEffectImpl(
+          MountPassiveDev | Passive$1 | PassiveStatic,
+          Passive,
+          create,
+          deps
         );
+      } else {
+        mountEffectImpl(Passive$1 | PassiveStatic, Passive, create, deps);
       }
     }
 
-    var child = createFiberFromTypeAndProps(
-      Component.type,
-      null,
-      nextProps,
-      workInProgress,
-      workInProgress.mode,
-      renderLanes
-    );
-    child.ref = workInProgress.ref;
-    child.return = workInProgress;
-    workInProgress.child = child;
-    return child;
-  }
-
-  {
-    var _type = Component.type;
-    var _innerPropTypes = _type.propTypes;
-
-    if (_innerPropTypes) {
-      // Inner memo component props aren't currently validated in createElement.
-      // We could move it there, but we'd still need this for lazy code path.
-      checkPropTypes(
-        _innerPropTypes,
-        nextProps, // Resolved props
-        "prop",
-        getComponentNameFromType(_type)
-      );
+    function updateEffect(create, deps) {
+      updateEffectImpl(Passive$1, Passive, create, deps);
     }
-  }
 
-  var currentChild = current.child; // This is always exactly one child
+    function mountInsertionEffect(create, deps) {
+      mountEffectImpl(Update, Insertion, create, deps);
+    }
 
-  var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
-    current,
-    renderLanes
-  );
+    function updateInsertionEffect(create, deps) {
+      return updateEffectImpl(Update, Insertion, create, deps);
+    }
 
-  if (!hasScheduledUpdateOrContext) {
-    // This will be the props with resolved defaultProps,
-    // unlike current.memoizedProps which will be the unresolved ones.
-    var prevProps = currentChild.memoizedProps; // Default to shallow comparison
+    function mountLayoutEffect(create, deps) {
+      var fiberFlags = Update | LayoutStatic;
 
-    var compare = Component.compare;
-    compare = compare !== null ? compare : shallowEqual;
+      if ((currentlyRenderingFiber$1.mode & StrictEffectsMode) !== NoMode) {
+        fiberFlags |= MountLayoutDev;
+      }
 
-    if (compare(prevProps, nextProps) && current.ref === workInProgress.ref) {
-      return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
+      return mountEffectImpl(fiberFlags, Layout, create, deps);
     }
-  } // React DevTools reads this flag.
-
-  workInProgress.flags |= PerformedWork;
-  var newChild = createWorkInProgress(currentChild, nextProps);
-  newChild.ref = workInProgress.ref;
-  newChild.return = workInProgress;
-  workInProgress.child = newChild;
-  return newChild;
-}
-
-function updateSimpleMemoComponent(
-  current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  // TODO: current can be non-null here even if the component
-  // hasn't yet mounted. This happens when the inner render suspends.
-  // We'll need to figure out if this is fine or can cause issues.
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var outerMemoType = workInProgress.elementType;
-
-      if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
-        // We warn when you define propTypes on lazy()
-        // so let's just skip over it to find memo() outer wrapper.
-        // Inner props for memo are validated later.
-        var lazyComponent = outerMemoType;
-        var payload = lazyComponent._payload;
-        var init = lazyComponent._init;
 
-        try {
-          outerMemoType = init(payload);
-        } catch (x) {
-          outerMemoType = null;
-        } // Inner propTypes will be validated in the function component path.
+    function updateLayoutEffect(create, deps) {
+      return updateEffectImpl(Update, Layout, create, deps);
+    }
 
-        var outerPropTypes = outerMemoType && outerMemoType.propTypes;
+    function imperativeHandleEffect(create, ref) {
+      if (typeof ref === "function") {
+        var refCallback = ref;
+        var inst = create();
+        refCallback(inst);
+        return function () {
+          refCallback(null);
+        };
+      } else if (ref !== null && ref !== undefined) {
+        var refObject = ref;
 
-        if (outerPropTypes) {
-          checkPropTypes(
-            outerPropTypes,
-            nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
-            "prop",
-            getComponentNameFromType(outerMemoType)
-          );
+        {
+          if (!refObject.hasOwnProperty("current")) {
+            error(
+              "Expected useImperativeHandle() first argument to either be a " +
+                "ref callback or React.createRef() object. Instead received: %s.",
+              "an object with keys {" + Object.keys(refObject).join(", ") + "}"
+            );
+          }
         }
-      }
-    }
-  }
 
-  if (current !== null) {
-    var prevProps = current.memoizedProps;
+        var _inst = create();
 
-    if (
-      shallowEqual(prevProps, nextProps) &&
-      current.ref === workInProgress.ref && // Prevent bailout if the implementation changed due to hot reload.
-      workInProgress.type === current.type
-    ) {
-      didReceiveUpdate = false; // The props are shallowly equal. Reuse the previous props object, like we
-      // would during a normal fiber bailout.
-      //
-      // We don't have strong guarantees that the props object is referentially
-      // equal during updates where we can't bail out anyway — like if the props
-      // are shallowly equal, but there's a local state or context update in the
-      // same batch.
-      //
-      // However, as a principle, we should aim to make the behavior consistent
-      // across different ways of memoizing a component. For example, React.memo
-      // has a different internal Fiber layout if you pass a normal function
-      // component (SimpleMemoComponent) versus if you pass a different type
-      // like forwardRef (MemoComponent). But this is an implementation detail.
-      // Wrapping a component in forwardRef (or React.lazy, etc) shouldn't
-      // affect whether the props object is reused during a bailout.
-
-      workInProgress.pendingProps = nextProps = prevProps;
-
-      if (!checkScheduledUpdateOrContext(current, renderLanes)) {
-        // The pending lanes were cleared at the beginning of beginWork. We're
-        // about to bail out, but there might be other lanes that weren't
-        // included in the current render. Usually, the priority level of the
-        // remaining updates is accumulated during the evaluation of the
-        // component (i.e. when processing the update queue). But since since
-        // we're bailing out early *without* evaluating the component, we need
-        // to account for it here, too. Reset to the value of the current fiber.
-        // NOTE: This only applies to SimpleMemoComponent, not MemoComponent,
-        // because a MemoComponent fiber does not have hooks or an update queue;
-        // rather, it wraps around an inner component, which may or may not
-        // contains hooks.
-        // TODO: Move the reset at in beginWork out of the common path so that
-        // this is no longer necessary.
-        workInProgress.lanes = current.lanes;
-        return bailoutOnAlreadyFinishedWork(
-          current,
-          workInProgress,
-          renderLanes
-        );
-      } else if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags) {
-        // This is a special case that only exists for legacy mode.
-        // See https://github.com/facebook/react/pull/19216.
-        didReceiveUpdate = true;
+        refObject.current = _inst;
+        return function () {
+          refObject.current = null;
+        };
       }
     }
-  }
-
-  return updateFunctionComponent(
-    current,
-    workInProgress,
-    Component,
-    nextProps,
-    renderLanes
-  );
-}
-
-function updateOffscreenComponent(current, workInProgress, renderLanes) {
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children;
-  var prevState = current !== null ? current.memoizedState : null;
 
-  if (nextProps.mode === "hidden" || enableLegacyHidden) {
-    // Rendering a hidden tree.
-    if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-      // In legacy sync mode, don't defer the subtree. Render it now.
-      // TODO: Consider how Offscreen should work with transitions in the future
-      var nextState = {
-        baseLanes: NoLanes,
-        cachePool: null,
-        transitions: null
-      };
-      workInProgress.memoizedState = nextState;
-
-      pushRenderLanes(workInProgress, renderLanes);
-    } else if (!includesSomeLane(renderLanes, OffscreenLane)) {
-      var spawnedCachePool = null; // We're hidden, and we're not rendering at Offscreen. We will bail out
-      // and resume this tree later.
+    function mountImperativeHandle(ref, create, deps) {
+      {
+        if (typeof create !== "function") {
+          error(
+            "Expected useImperativeHandle() second argument to be a function " +
+              "that creates a handle. Instead received: %s.",
+            create !== null ? typeof create : "null"
+          );
+        }
+      } // TODO: If deps are provided, should we skip comparing the ref itself?
 
-      var nextBaseLanes;
+      var effectDeps =
+        deps !== null && deps !== undefined ? deps.concat([ref]) : null;
+      var fiberFlags = Update | LayoutStatic;
 
-      if (prevState !== null) {
-        var prevBaseLanes = prevState.baseLanes;
-        nextBaseLanes = mergeLanes(prevBaseLanes, renderLanes);
-      } else {
-        nextBaseLanes = renderLanes;
-      } // Schedule this fiber to re-render at offscreen priority. Then bailout.
+      if ((currentlyRenderingFiber$1.mode & StrictEffectsMode) !== NoMode) {
+        fiberFlags |= MountLayoutDev;
+      }
 
-      workInProgress.lanes = workInProgress.childLanes = laneToLanes(
-        OffscreenLane
+      mountEffectImpl(
+        fiberFlags,
+        Layout,
+        imperativeHandleEffect.bind(null, create, ref),
+        effectDeps
       );
-      var _nextState = {
-        baseLanes: nextBaseLanes,
-        cachePool: spawnedCachePool,
-        transitions: null
-      };
-      workInProgress.memoizedState = _nextState;
-      workInProgress.updateQueue = null;
-      // to avoid a push/pop misalignment.
-
-      pushRenderLanes(workInProgress, nextBaseLanes);
-
-      return null;
-    } else {
-      // This is the second render. The surrounding visible content has already
-      // committed. Now we resume rendering the hidden tree.
-      // Rendering at offscreen, so we can clear the base lanes.
-      var _nextState2 = {
-        baseLanes: NoLanes,
-        cachePool: null,
-        transitions: null
-      };
-      workInProgress.memoizedState = _nextState2; // Push the lanes that were skipped when we bailed out.
-
-      var subtreeRenderLanes =
-        prevState !== null ? prevState.baseLanes : renderLanes;
-
-      pushRenderLanes(workInProgress, subtreeRenderLanes);
     }
-  } else {
-    // Rendering a visible tree.
-    var _subtreeRenderLanes;
 
-    if (prevState !== null) {
-      // We're going from hidden -> visible.
-      _subtreeRenderLanes = mergeLanes(prevState.baseLanes, renderLanes);
-
-      workInProgress.memoizedState = null;
-    } else {
-      // We weren't previously hidden, and we still aren't, so there's nothing
-      // special to do. Need to push to the stack regardless, though, to avoid
-      // a push/pop misalignment.
-      _subtreeRenderLanes = renderLanes;
+    function updateImperativeHandle(ref, create, deps) {
+      {
+        if (typeof create !== "function") {
+          error(
+            "Expected useImperativeHandle() second argument to be a function " +
+              "that creates a handle. Instead received: %s.",
+            create !== null ? typeof create : "null"
+          );
+        }
+      } // TODO: If deps are provided, should we skip comparing the ref itself?
+
+      var effectDeps =
+        deps !== null && deps !== undefined ? deps.concat([ref]) : null;
+      updateEffectImpl(
+        Update,
+        Layout,
+        imperativeHandleEffect.bind(null, create, ref),
+        effectDeps
+      );
     }
 
-    pushRenderLanes(workInProgress, _subtreeRenderLanes);
-  }
-
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-} // Note: These happen to have identical begin phases, for now. We shouldn't hold
-
-function updateFragment(current, workInProgress, renderLanes) {
-  var nextChildren = workInProgress.pendingProps;
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
-
-function updateMode(current, workInProgress, renderLanes) {
-  var nextChildren = workInProgress.pendingProps.children;
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
+    function mountDebugValue(value, formatterFn) {
+      // This hook is normally a no-op.
+      // The react-debug-hooks package injects its own implementation
+      // so that e.g. DevTools can display custom hook values.
+    }
 
-function updateProfiler(current, workInProgress, renderLanes) {
-  {
-    workInProgress.flags |= Update;
+    var updateDebugValue = mountDebugValue;
 
-    {
-      // Reset effect durations for the next eventual effect phase.
-      // These are reset during render to allow the DevTools commit hook a chance to read them,
-      var stateNode = workInProgress.stateNode;
-      stateNode.effectDuration = 0;
-      stateNode.passiveEffectDuration = 0;
-    }
-  }
-
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children;
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
+    function mountCallback(callback, deps) {
+      var hook = mountWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      hook.memoizedState = [callback, nextDeps];
+      return callback;
+    }
 
-function markRef(current, workInProgress) {
-  var ref = workInProgress.ref;
+    function updateCallback(callback, deps) {
+      var hook = updateWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      var prevState = hook.memoizedState;
 
-  if (
-    (current === null && ref !== null) ||
-    (current !== null && current.ref !== ref)
-  ) {
-    // Schedule a Ref effect
-    workInProgress.flags |= Ref;
-  }
-}
+      if (nextDeps !== null) {
+        var prevDeps = prevState[1];
 
-function updateFunctionComponent(
-  current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
-
-      if (innerPropTypes) {
-        checkPropTypes(
-          innerPropTypes,
-          nextProps, // Resolved props
-          "prop",
-          getComponentNameFromType(Component)
-        );
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
       }
-    }
-  }
 
-  var context;
-
-  {
-    var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
-    context = getMaskedContext(workInProgress, unmaskedContext);
-  }
+      hook.memoizedState = [callback, nextDeps];
+      return callback;
+    }
 
-  var nextChildren;
-  prepareToReadContext(workInProgress, renderLanes);
+    function mountMemo(nextCreate, deps) {
+      var hook = mountWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      var nextValue = nextCreate();
 
-  {
-    ReactCurrentOwner$1.current = workInProgress;
-    setIsRendering(true);
-    nextChildren = renderWithHooks(
-      current,
-      workInProgress,
-      Component,
-      nextProps,
-      context,
-      renderLanes
-    );
+      if (shouldDoubleInvokeUserFnsInHooksDEV) {
+        setIsStrictModeForDevtools(true);
+        nextCreate();
+        setIsStrictModeForDevtools(false);
+      }
 
-    setIsRendering(false);
-  }
+      hook.memoizedState = [nextValue, nextDeps];
+      return nextValue;
+    }
 
-  if (current !== null && !didReceiveUpdate) {
-    bailoutHooks(current, workInProgress, renderLanes);
-    return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
-  }
+    function updateMemo(nextCreate, deps) {
+      var hook = updateWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      var prevState = hook.memoizedState; // Assume these are defined. If they're not, areHookInputsEqual will warn.
 
-  workInProgress.flags |= PerformedWork;
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
+      if (nextDeps !== null) {
+        var prevDeps = prevState[1];
 
-function updateClassComponent(
-  current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  {
-    // This is used by DevTools to force a boundary to error.
-    switch (shouldError(workInProgress)) {
-      case false: {
-        var _instance = workInProgress.stateNode;
-        var ctor = workInProgress.type; // TODO This way of resetting the error boundary state is a hack.
-        // Is there a better way to do this?
-
-        var tempInstance = new ctor(
-          workInProgress.memoizedProps,
-          _instance.context
-        );
-        var state = tempInstance.state;
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
 
-        _instance.updater.enqueueSetState(_instance, state, null);
+      var nextValue = nextCreate();
 
-        break;
+      if (shouldDoubleInvokeUserFnsInHooksDEV) {
+        setIsStrictModeForDevtools(true);
+        nextCreate();
+        setIsStrictModeForDevtools(false);
       }
 
-      case true: {
-        workInProgress.flags |= DidCapture;
-        workInProgress.flags |= ShouldCapture; // eslint-disable-next-line react-internal/prod-error-codes
+      hook.memoizedState = [nextValue, nextDeps];
+      return nextValue;
+    }
 
-        var error$1 = new Error("Simulated error coming from DevTools");
-        var lane = pickArbitraryLane(renderLanes);
-        workInProgress.lanes = mergeLanes(workInProgress.lanes, lane); // Schedule the error boundary to re-render using updated state
+    function mountDeferredValue(value, initialValue) {
+      var hook = mountWorkInProgressHook();
+      return mountDeferredValueImpl(hook, value, initialValue);
+    }
 
-        var update = createClassErrorUpdate(
-          workInProgress,
-          createCapturedValueAtFiber(error$1, workInProgress),
-          lane
-        );
-        enqueueCapturedUpdate(workInProgress, update);
-        break;
-      }
+    function updateDeferredValue(value, initialValue) {
+      var hook = updateWorkInProgressHook();
+      var resolvedCurrentHook = currentHook;
+      var prevValue = resolvedCurrentHook.memoizedState;
+      return updateDeferredValueImpl(hook, prevValue, value, initialValue);
     }
 
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
+    function rerenderDeferredValue(value, initialValue) {
+      var hook = updateWorkInProgressHook();
 
-      if (innerPropTypes) {
-        checkPropTypes(
-          innerPropTypes,
-          nextProps, // Resolved props
-          "prop",
-          getComponentNameFromType(Component)
-        );
+      if (currentHook === null) {
+        // This is a rerender during a mount.
+        return mountDeferredValueImpl(hook, value, initialValue);
+      } else {
+        // This is a rerender during an update.
+        var prevValue = currentHook.memoizedState;
+        return updateDeferredValueImpl(hook, prevValue, value, initialValue);
       }
     }
-  } // Push context providers early to prevent context stack mismatches.
-  // During mounting we don't know the child context yet as the instance doesn't exist.
-  // We will invalidate the child context in finishClassComponent() right after rendering.
-
-  var hasContext;
 
-  if (isContextProvider(Component)) {
-    hasContext = true;
-    pushContextProvider(workInProgress);
-  } else {
-    hasContext = false;
-  }
-
-  prepareToReadContext(workInProgress, renderLanes);
-  var instance = workInProgress.stateNode;
-  var shouldUpdate;
-
-  if (instance === null) {
-    resetSuspendedCurrentOnMountInLegacyMode(current, workInProgress); // In the initial pass we might need to construct the instance.
+    function mountDeferredValueImpl(hook, value, initialValue) {
+      if (
+        // When `initialValue` is provided, we defer the initial render even if the
+        // current render is not synchronous.
+        initialValue !== undefined && // However, to avoid waterfalls, we do not defer if this render
+        // was itself spawned by an earlier useDeferredValue. Check if DeferredLane
+        // is part of the render lanes.
+        !includesSomeLane(renderLanes, DeferredLane)
+      ) {
+        // Render with the initial value
+        hook.memoizedState = initialValue; // Schedule a deferred render to switch to the final value.
 
-    constructClassInstance(workInProgress, Component, nextProps);
-    mountClassInstance(workInProgress, Component, nextProps, renderLanes);
-    shouldUpdate = true;
-  } else if (current === null) {
-    // In a resume, we'll already have an instance we can reuse.
-    shouldUpdate = resumeMountClassInstance(
-      workInProgress,
-      Component,
-      nextProps,
-      renderLanes
-    );
-  } else {
-    shouldUpdate = updateClassInstance(
-      current,
-      workInProgress,
-      Component,
-      nextProps,
-      renderLanes
-    );
-  }
-
-  var nextUnitOfWork = finishClassComponent(
-    current,
-    workInProgress,
-    Component,
-    shouldUpdate,
-    hasContext,
-    renderLanes
-  );
-
-  {
-    var inst = workInProgress.stateNode;
-
-    if (shouldUpdate && inst.props !== nextProps) {
-      if (!didWarnAboutReassigningProps) {
-        error(
-          "It looks like %s is reassigning its own `this.props` while rendering. " +
-            "This is not supported and can lead to confusing bugs.",
-          getComponentNameFromFiber(workInProgress) || "a component"
+        var deferredLane = requestDeferredLane();
+        currentlyRenderingFiber$1.lanes = mergeLanes(
+          currentlyRenderingFiber$1.lanes,
+          deferredLane
         );
+        markSkippedUpdateLanes(deferredLane);
+        return initialValue;
+      } else {
+        hook.memoizedState = value;
+        return value;
       }
-
-      didWarnAboutReassigningProps = true;
     }
-  }
 
-  return nextUnitOfWork;
-}
+    function updateDeferredValueImpl(hook, prevValue, value, initialValue) {
+      if (objectIs(value, prevValue)) {
+        // The incoming value is referentially identical to the currently rendered
+        // value, so we can bail out quickly.
+        return value;
+      } else {
+        // Received a new value that's different from the current value.
+        // Check if we're inside a hidden tree
+        if (isCurrentTreeHidden()) {
+          // Revealing a prerendered tree is considered the same as mounting new
+          // one, so we reuse the "mount" path in this case.
+          var resultValue = mountDeferredValueImpl(hook, value, initialValue); // Unlike during an actual mount, we need to mark this as an update if
+          // the value changed.
+
+          if (!objectIs(resultValue, prevValue)) {
+            markWorkInProgressReceivedUpdate();
+          }
+
+          return resultValue;
+        }
 
-function finishClassComponent(
-  current,
-  workInProgress,
-  Component,
-  shouldUpdate,
-  hasContext,
-  renderLanes
-) {
-  // Refs should update even if shouldComponentUpdate returns false
-  markRef(current, workInProgress);
-  var didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags;
-
-  if (!shouldUpdate && !didCaptureError) {
-    // Context providers should defer to sCU for rendering
-    if (hasContext) {
-      invalidateContextProvider(workInProgress, Component, false);
-    }
-
-    return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
-  }
-
-  var instance = workInProgress.stateNode; // Rerender
-
-  ReactCurrentOwner$1.current = workInProgress;
-  var nextChildren;
-
-  if (
-    didCaptureError &&
-    typeof Component.getDerivedStateFromError !== "function"
-  ) {
-    // If we captured an error, but getDerivedStateFromError is not defined,
-    // unmount all the children. componentDidCatch will schedule an update to
-    // re-render a fallback. This is temporary until we migrate everyone to
-    // the new API.
-    // TODO: Warn in a future release.
-    nextChildren = null;
+        var shouldDeferValue = !includesOnlyNonUrgentLanes(renderLanes);
 
-    {
-      stopProfilerTimerIfRunning();
-    }
-  } else {
-    {
-      setIsRendering(true);
-      nextChildren = instance.render();
+        if (shouldDeferValue) {
+          // This is an urgent update. Since the value has changed, keep using the
+          // previous value and spawn a deferred render to update it later.
+          // Schedule a deferred render
+          var deferredLane = requestDeferredLane();
+          currentlyRenderingFiber$1.lanes = mergeLanes(
+            currentlyRenderingFiber$1.lanes,
+            deferredLane
+          );
+          markSkippedUpdateLanes(deferredLane); // Reuse the previous value. We do not need to mark this as an update,
+          // because we did not render a new value.
 
-      setIsRendering(false);
+          return prevValue;
+        } else {
+          // This is not an urgent update, so we can use the latest value regardless
+          // of what it is. No need to defer it.
+          // Mark this as an update to prevent the fiber from bailing out.
+          markWorkInProgressReceivedUpdate();
+          hook.memoizedState = value;
+          return value;
+        }
+      }
     }
-  } // React DevTools reads this flag.
 
-  workInProgress.flags |= PerformedWork;
+    function startTransition(
+      fiber,
+      queue,
+      pendingState,
+      finishedState,
+      callback,
+      options
+    ) {
+      var previousPriority = getCurrentUpdatePriority();
+      setCurrentUpdatePriority(
+        higherEventPriority(previousPriority, ContinuousEventPriority)
+      );
+      var prevTransition = ReactCurrentBatchConfig$2.transition;
+      var currentTransition = {
+        _callbacks: new Set()
+      };
 
-  if (current !== null && didCaptureError) {
-    // If we're recovering from an error, reconcile without reusing any of
-    // the existing children. Conceptually, the normal children and the children
-    // that are shown on error are two different sets, so we shouldn't reuse
-    // normal children even if their identities match.
-    forceUnmountCurrentAndReconcile(
-      current,
-      workInProgress,
-      nextChildren,
-      renderLanes
-    );
-  } else {
-    reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  } // Memoize state using the values we just used to render.
-  // TODO: Restructure so we never read values from the instance.
+      {
+        ReactCurrentBatchConfig$2.transition = null;
+        dispatchSetState(fiber, queue, pendingState);
+        ReactCurrentBatchConfig$2.transition = currentTransition;
+      }
 
-  workInProgress.memoizedState = instance.state; // The context might have changed so we need to recalculate it.
+      {
+        ReactCurrentBatchConfig$2.transition._updatedFibers = new Set();
+      }
 
-  if (hasContext) {
-    invalidateContextProvider(workInProgress, Component, true);
-  }
+      try {
+        var returnValue, thenable, thenableForFinishedState;
+        if (enableAsyncActions);
+        else {
+          // Async actions are not enabled.
+          dispatchSetState(fiber, queue, finishedState);
+          callback();
+        }
+      } catch (error) {
+        {
+          // The error rethrowing behavior is only enabled when the async actions
+          // feature is on, even for sync actions.
+          throw error;
+        }
+      } finally {
+        setCurrentUpdatePriority(previousPriority);
+        ReactCurrentBatchConfig$2.transition = prevTransition;
 
-  return workInProgress.child;
-}
+        {
+          if (prevTransition === null && currentTransition._updatedFibers) {
+            var updatedFibersCount = currentTransition._updatedFibers.size;
 
-function pushHostRootContext(workInProgress) {
-  var root = workInProgress.stateNode;
+            currentTransition._updatedFibers.clear();
 
-  if (root.pendingContext) {
-    pushTopLevelContextObject(
-      workInProgress,
-      root.pendingContext,
-      root.pendingContext !== root.context
-    );
-  } else if (root.context) {
-    // Should always be set
-    pushTopLevelContextObject(workInProgress, root.context, false);
-  }
+            if (updatedFibersCount > 10) {
+              warn(
+                "Detected a large number of updates inside startTransition. " +
+                  "If this is due to a subscription please re-write it to use React provided hooks. " +
+                  "Otherwise concurrent mode guarantees are off the table."
+              );
+            }
+          }
+        }
+      }
+    }
 
-  pushHostContainer(workInProgress, root.containerInfo);
-}
+    function mountTransition() {
+      var stateHook = mountStateImpl(false); // The `start` method never changes.
 
-function updateHostRoot(current, workInProgress, renderLanes) {
-  pushHostRootContext(workInProgress);
+      var start = startTransition.bind(
+        null,
+        currentlyRenderingFiber$1,
+        stateHook.queue,
+        true,
+        false
+      );
+      var hook = mountWorkInProgressHook();
+      hook.memoizedState = start;
+      return [false, start];
+    }
 
-  if (current === null) {
-    throw new Error("Should have a current fiber. This is a bug in React.");
-  }
+    function updateTransition() {
+      var _updateState = updateState(),
+        booleanOrThenable = _updateState[0];
 
-  var nextProps = workInProgress.pendingProps;
-  var prevState = workInProgress.memoizedState;
-  var prevChildren = prevState.element;
-  cloneUpdateQueue(current, workInProgress);
-  processUpdateQueue(workInProgress, nextProps, null, renderLanes);
-  var nextState = workInProgress.memoizedState;
-  var root = workInProgress.stateNode;
-  // being called "element".
+      var hook = updateWorkInProgressHook();
+      var start = hook.memoizedState;
+      var isPending =
+        typeof booleanOrThenable === "boolean"
+          ? booleanOrThenable // This will suspend until the async action scope has finished.
+          : useThenable(booleanOrThenable);
+      return [isPending, start];
+    }
 
-  var nextChildren = nextState.element;
+    function rerenderTransition() {
+      var _rerenderState = rerenderState(),
+        booleanOrThenable = _rerenderState[0];
 
-  {
-    if (nextChildren === prevChildren) {
-      return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
+      var hook = updateWorkInProgressHook();
+      var start = hook.memoizedState;
+      var isPending =
+        typeof booleanOrThenable === "boolean"
+          ? booleanOrThenable // This will suspend until the async action scope has finished.
+          : useThenable(booleanOrThenable);
+      return [isPending, start];
     }
 
-    reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  }
+    function mountId() {
+      var hook = mountWorkInProgressHook();
+      var root = getWorkInProgressRoot(); // TODO: In Fizz, id generation is specific to each server config. Maybe we
+      // should do this in Fiber, too? Deferring this decision for now because
+      // there's no other place to store the prefix except for an internal field on
+      // the public createRoot object, which the fiber tree does not currently have
+      // a reference to.
 
-  return workInProgress.child;
-}
+      var identifierPrefix = root.identifierPrefix;
+      var id;
 
-function updateHostComponent(current, workInProgress, renderLanes) {
-  pushHostContext(workInProgress);
+      {
+        // Use a lowercase r prefix for client-generated ids.
+        var globalClientId = globalClientIdCounter++;
+        id = ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":";
+      }
 
-  var type = workInProgress.type;
-  var nextProps = workInProgress.pendingProps;
-  var prevProps = current !== null ? current.memoizedProps : null;
-  var nextChildren = nextProps.children;
+      hook.memoizedState = id;
+      return id;
+    }
 
-  if (prevProps !== null && shouldSetTextContent()) {
-    // If we're switching from a direct text child to a normal child, or to
-    // empty, we need to schedule the text content to be reset.
-    workInProgress.flags |= ContentReset;
-  }
+    function updateId() {
+      var hook = updateWorkInProgressHook();
+      var id = hook.memoizedState;
+      return id;
+    }
 
-  markRef(current, workInProgress);
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
+    function dispatchReducerAction(fiber, queue, action) {
+      {
+        if (typeof arguments[3] === "function") {
+          error(
+            "State updates from the useState() and useReducer() Hooks don't support the " +
+              "second callback argument. To execute a side effect after " +
+              "rendering, declare it in the component body with useEffect()."
+          );
+        }
+      }
 
-function updateHostText(current, workInProgress) {
-  // immediately after.
+      var lane = requestUpdateLane(fiber);
+      var update = {
+        lane: lane,
+        revertLane: NoLane,
+        action: action,
+        hasEagerState: false,
+        eagerState: null,
+        next: null
+      };
 
-  return null;
-}
+      if (isRenderPhaseUpdate(fiber)) {
+        enqueueRenderPhaseUpdate(queue, update);
+      } else {
+        var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
-function mountLazyComponent(
-  _current,
-  workInProgress,
-  elementType,
-  renderLanes
-) {
-  resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress);
-  var props = workInProgress.pendingProps;
-  var lazyComponent = elementType;
-  var payload = lazyComponent._payload;
-  var init = lazyComponent._init;
-  var Component = init(payload); // Store the unwrapped component in the type.
-
-  workInProgress.type = Component;
-  var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(Component));
-  var resolvedProps = resolveDefaultProps(Component, props);
-  var child;
-
-  switch (resolvedTag) {
-    case FunctionComponent: {
-      {
-        validateFunctionComponentInDev(workInProgress, Component);
-        workInProgress.type = Component = resolveFunctionForHotReloading(
-          Component
-        );
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitionUpdate(root, queue, lane);
+        }
       }
-
-      child = updateFunctionComponent(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderLanes
-      );
-      return child;
     }
 
-    case ClassComponent: {
+    function dispatchSetState(fiber, queue, action) {
       {
-        workInProgress.type = Component = resolveClassForHotReloading(
-          Component
-        );
+        if (typeof arguments[3] === "function") {
+          error(
+            "State updates from the useState() and useReducer() Hooks don't support the " +
+              "second callback argument. To execute a side effect after " +
+              "rendering, declare it in the component body with useEffect()."
+          );
+        }
       }
 
-      child = updateClassComponent(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderLanes
-      );
-      return child;
-    }
+      var lane = requestUpdateLane(fiber);
+      var update = {
+        lane: lane,
+        revertLane: NoLane,
+        action: action,
+        hasEagerState: false,
+        eagerState: null,
+        next: null
+      };
 
-    case ForwardRef: {
-      {
-        workInProgress.type = Component = resolveForwardRefForHotReloading(
-          Component
-        );
-      }
+      if (isRenderPhaseUpdate(fiber)) {
+        enqueueRenderPhaseUpdate(queue, update);
+      } else {
+        var alternate = fiber.alternate;
 
-      child = updateForwardRef(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderLanes
-      );
-      return child;
-    }
+        if (
+          fiber.lanes === NoLanes &&
+          (alternate === null || alternate.lanes === NoLanes)
+        ) {
+          // The queue is currently empty, which means we can eagerly compute the
+          // next state before entering the render phase. If the new state is the
+          // same as the current state, we may be able to bail out entirely.
+          var lastRenderedReducer = queue.lastRenderedReducer;
 
-    case MemoComponent: {
-      {
-        if (workInProgress.type !== workInProgress.elementType) {
-          var outerPropTypes = Component.propTypes;
+          if (lastRenderedReducer !== null) {
+            var prevDispatcher;
 
-          if (outerPropTypes) {
-            checkPropTypes(
-              outerPropTypes,
-              resolvedProps, // Resolved for outer only
-              "prop",
-              getComponentNameFromType(Component)
-            );
+            {
+              prevDispatcher = ReactCurrentDispatcher$1.current;
+              ReactCurrentDispatcher$1.current =
+                InvalidNestedHooksDispatcherOnUpdateInDEV;
+            }
+
+            try {
+              var currentState = queue.lastRenderedState;
+              var eagerState = lastRenderedReducer(currentState, action); // Stash the eagerly computed state, and the reducer used to compute
+              // it, on the update object. If the reducer hasn't changed by the
+              // time we enter the render phase, then the eager state can be used
+              // without calling the reducer again.
+
+              update.hasEagerState = true;
+              update.eagerState = eagerState;
+
+              if (objectIs(eagerState, currentState)) {
+                // Fast path. We can bail out without scheduling React to re-render.
+                // It's still possible that we'll need to rebase this update later,
+                // if the component re-renders for a different reason and by that
+                // time the reducer has changed.
+                // TODO: Do we still need to entangle transitions in this case?
+                enqueueConcurrentHookUpdateAndEagerlyBailout(
+                  fiber,
+                  queue,
+                  update
+                );
+                return;
+              }
+            } catch (error) {
+              // Suppress the error. It will throw again in the render phase.
+            } finally {
+              {
+                ReactCurrentDispatcher$1.current = prevDispatcher;
+              }
+            }
           }
         }
+
+        var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
+
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitionUpdate(root, queue, lane);
+        }
       }
+    }
 
-      child = updateMemoComponent(
-        null,
-        workInProgress,
-        Component,
-        resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
-        renderLanes
+    function isRenderPhaseUpdate(fiber) {
+      var alternate = fiber.alternate;
+      return (
+        fiber === currentlyRenderingFiber$1 ||
+        (alternate !== null && alternate === currentlyRenderingFiber$1)
       );
-      return child;
     }
-  }
 
-  var hint = "";
+    function enqueueRenderPhaseUpdate(queue, update) {
+      // This is a render phase update. Stash it in a lazily-created map of
+      // queue -> linked list of updates. After this render pass, we'll restart
+      // and apply the stashed updates on top of the work-in-progress hook.
+      didScheduleRenderPhaseUpdateDuringThisPass =
+        didScheduleRenderPhaseUpdate = true;
+      var pending = queue.pending;
 
-  {
-    if (
-      Component !== null &&
-      typeof Component === "object" &&
-      Component.$$typeof === REACT_LAZY_TYPE
-    ) {
-      hint = " Did you wrap a component in React.lazy() more than once?";
-    }
-  } // This message intentionally doesn't mention ForwardRef or MemoComponent
-  // because the fact that it's a separate type of work is an
-  // implementation detail.
-
-  throw new Error(
-    "Element type is invalid. Received a promise that resolves to: " +
-      Component +
-      ". " +
-      ("Lazy element type must resolve to a class or function." + hint)
-  );
-}
+      if (pending === null) {
+        // This is the first update. Create a circular list.
+        update.next = update;
+      } else {
+        update.next = pending.next;
+        pending.next = update;
+      }
+
+      queue.pending = update;
+    } // TODO: Move to ReactFiberConcurrentUpdates?
+
+    function entangleTransitionUpdate(root, queue, lane) {
+      if (isTransitionLane(lane)) {
+        var queueLanes = queue.lanes; // If any entangled lanes are no longer pending on the root, then they
+        // must have finished. We can remove them from the shared queue, which
+        // represents a superset of the actually pending lanes. In some cases we
+        // may entangle more than we need to, but that's OK. In fact it's worse if
+        // we *don't* entangle when we should.
+
+        queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+
+        var newQueueLanes = mergeLanes(queueLanes, lane);
+        queue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
+        // the lane finished since the last time we entangled it. So we need to
+        // entangle it again, just to be sure.
+
+        markRootEntangled(root, newQueueLanes);
+      }
+    }
+
+    var ContextOnlyDispatcher = {
+      readContext: readContext,
+      use: use,
+      useCallback: throwInvalidHookError,
+      useContext: throwInvalidHookError,
+      useEffect: throwInvalidHookError,
+      useImperativeHandle: throwInvalidHookError,
+      useInsertionEffect: throwInvalidHookError,
+      useLayoutEffect: throwInvalidHookError,
+      useMemo: throwInvalidHookError,
+      useReducer: throwInvalidHookError,
+      useRef: throwInvalidHookError,
+      useState: throwInvalidHookError,
+      useDebugValue: throwInvalidHookError,
+      useDeferredValue: throwInvalidHookError,
+      useTransition: throwInvalidHookError,
+      useSyncExternalStore: throwInvalidHookError,
+      useId: throwInvalidHookError
+    };
 
-function mountIncompleteClassComponent(
-  _current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress); // Promote the fiber to a class and try rendering again.
-
-  workInProgress.tag = ClassComponent; // The rest of this function is a fork of `updateClassComponent`
-  // Push context providers early to prevent context stack mismatches.
-  // During mounting we don't know the child context yet as the instance doesn't exist.
-  // We will invalidate the child context in finishClassComponent() right after rendering.
-
-  var hasContext;
-
-  if (isContextProvider(Component)) {
-    hasContext = true;
-    pushContextProvider(workInProgress);
-  } else {
-    hasContext = false;
-  }
-
-  prepareToReadContext(workInProgress, renderLanes);
-  constructClassInstance(workInProgress, Component, nextProps);
-  mountClassInstance(workInProgress, Component, nextProps, renderLanes);
-  return finishClassComponent(
-    null,
-    workInProgress,
-    Component,
-    true,
-    hasContext,
-    renderLanes
-  );
-}
+    var HooksDispatcherOnMountInDEV = null;
+    var HooksDispatcherOnMountWithHookTypesInDEV = null;
+    var HooksDispatcherOnUpdateInDEV = null;
+    var HooksDispatcherOnRerenderInDEV = null;
+    var InvalidNestedHooksDispatcherOnMountInDEV = null;
+    var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
+    var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
 
-function mountIndeterminateComponent(
-  _current,
-  workInProgress,
-  Component,
-  renderLanes
-) {
-  resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress);
-  var props = workInProgress.pendingProps;
-  var context;
-
-  {
-    var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
-    context = getMaskedContext(workInProgress, unmaskedContext);
-  }
-
-  prepareToReadContext(workInProgress, renderLanes);
-  var value;
-
-  {
-    if (
-      Component.prototype &&
-      typeof Component.prototype.render === "function"
-    ) {
-      var componentName = getComponentNameFromType(Component) || "Unknown";
+    {
+      var warnInvalidContextAccess = function () {
+        error(
+          "Context can only be read while React is rendering. " +
+            "In classes, you can read it in the render method or getDerivedStateFromProps. " +
+            "In function components, you can read it directly in the function body, but not " +
+            "inside Hooks like useReducer() or useMemo()."
+        );
+      };
 
-      if (!didWarnAboutBadClass[componentName]) {
+      var warnInvalidHookAccess = function () {
         error(
-          "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
-            "This is likely to cause errors. Change %s to extend React.Component instead.",
-          componentName,
-          componentName
+          "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. " +
+            "You can only call Hooks at the top level of your React function. " +
+            "For more information, see " +
+            "https://reactjs.org/link/rules-of-hooks"
         );
+      };
 
-        didWarnAboutBadClass[componentName] = true;
-      }
-    }
+      HooksDispatcherOnMountInDEV = {
+        readContext: function (context) {
+          return readContext(context);
+        },
+        use: use,
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          return mountCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          mountHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          return mountEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          return mountImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          return mountInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          return mountLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-    if (workInProgress.mode & StrictLegacyMode) {
-      ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress, null);
-    }
+          try {
+            return mountMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          mountHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-    setIsRendering(true);
-    ReactCurrentOwner$1.current = workInProgress;
-    value = renderWithHooks(
-      null,
-      workInProgress,
-      Component,
-      props,
-      context,
-      renderLanes
-    );
-    setIsRendering(false);
-  }
+          try {
+            return mountReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          mountHookTypesDev();
+          return mountRef(initialValue);
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          mountHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-  workInProgress.flags |= PerformedWork;
+          try {
+            return mountState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          mountHookTypesDev();
+          return mountDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          mountHookTypesDev();
+          return mountDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          mountHookTypesDev();
+          return mountTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          mountHookTypesDev();
+          return mountSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          mountHookTypesDev();
+          return mountId();
+        }
+      };
 
-  {
-    // Support for module components is deprecated and is removed behind a flag.
-    // Whether or not it would crash later, we want to show a good message in DEV first.
-    if (
-      typeof value === "object" &&
-      value !== null &&
-      typeof value.render === "function" &&
-      value.$$typeof === undefined
-    ) {
-      var _componentName = getComponentNameFromType(Component) || "Unknown";
+      HooksDispatcherOnMountWithHookTypesInDEV = {
+        readContext: function (context) {
+          return readContext(context);
+        },
+        use: use,
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          updateHookTypesDev();
+          return mountCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          updateHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          updateHookTypesDev();
+          return mountEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          updateHookTypesDev();
+          return mountImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          updateHookTypesDev();
+          return mountInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          updateHookTypesDev();
+          return mountLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-      if (!didWarnAboutModulePatternComponent[_componentName]) {
-        error(
-          "The <%s /> component appears to be a function component that returns a class instance. " +
-            "Change %s to a class that extends React.Component instead. " +
-            "If you can't use a class try assigning the prototype on the function as a workaround. " +
-            "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " +
-            "cannot be called with `new` by React.",
-          _componentName,
-          _componentName,
-          _componentName
-        );
+          try {
+            return mountMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-        didWarnAboutModulePatternComponent[_componentName] = true;
-      }
-    }
-  }
+          try {
+            return mountReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          updateHookTypesDev();
+          return mountRef(initialValue);
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-  if (
-    // Run these checks in production only if the flag is off.
-    // Eventually we'll delete this branch altogether.
-    typeof value === "object" &&
-    value !== null &&
-    typeof value.render === "function" &&
-    value.$$typeof === undefined
-  ) {
-    {
-      var _componentName2 = getComponentNameFromType(Component) || "Unknown";
+          try {
+            return mountState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          updateHookTypesDev();
+          return mountDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          updateHookTypesDev();
+          return mountDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          updateHookTypesDev();
+          return mountTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          updateHookTypesDev();
+          return mountSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          updateHookTypesDev();
+          return mountId();
+        }
+      };
 
-      if (!didWarnAboutModulePatternComponent[_componentName2]) {
-        error(
-          "The <%s /> component appears to be a function component that returns a class instance. " +
-            "Change %s to a class that extends React.Component instead. " +
-            "If you can't use a class try assigning the prototype on the function as a workaround. " +
-            "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " +
-            "cannot be called with `new` by React.",
-          _componentName2,
-          _componentName2,
-          _componentName2
-        );
+      HooksDispatcherOnUpdateInDEV = {
+        readContext: function (context) {
+          return readContext(context);
+        },
+        use: use,
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          updateHookTypesDev();
+          return updateCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          updateHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          updateHookTypesDev();
+          return updateEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          updateHookTypesDev();
+          return updateImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          updateHookTypesDev();
+          return updateInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          updateHookTypesDev();
+          return updateLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-        didWarnAboutModulePatternComponent[_componentName2] = true;
-      }
-    } // Proceed under the assumption that this is a class instance
+          try {
+            return updateMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-    workInProgress.tag = ClassComponent; // Throw out any hooks that were used.
+          try {
+            return updateReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          updateHookTypesDev();
+          return updateRef();
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-    workInProgress.memoizedState = null;
-    workInProgress.updateQueue = null; // Push context providers early to prevent context stack mismatches.
-    // During mounting we don't know the child context yet as the instance doesn't exist.
-    // We will invalidate the child context in finishClassComponent() right after rendering.
+          try {
+            return updateState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          updateHookTypesDev();
+          return updateDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          updateHookTypesDev();
+          return updateDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          updateHookTypesDev();
+          return updateTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          updateHookTypesDev();
+          return updateSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          updateHookTypesDev();
+          return updateId();
+        }
+      };
 
-    var hasContext = false;
+      HooksDispatcherOnRerenderInDEV = {
+        readContext: function (context) {
+          return readContext(context);
+        },
+        use: use,
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          updateHookTypesDev();
+          return updateCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          updateHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          updateHookTypesDev();
+          return updateEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          updateHookTypesDev();
+          return updateImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          updateHookTypesDev();
+          return updateInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          updateHookTypesDev();
+          return updateLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
-    if (isContextProvider(Component)) {
-      hasContext = true;
-      pushContextProvider(workInProgress);
-    } else {
-      hasContext = false;
-    }
+          try {
+            return updateMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
-    workInProgress.memoizedState =
-      value.state !== null && value.state !== undefined ? value.state : null;
-    initializeUpdateQueue(workInProgress);
-    adoptClassInstance(workInProgress, value);
-    mountClassInstance(workInProgress, Component, props, renderLanes);
-    return finishClassComponent(
-      null,
-      workInProgress,
-      Component,
-      true,
-      hasContext,
-      renderLanes
-    );
-  } else {
-    // Proceed under the assumption that this is a function component
-    workInProgress.tag = FunctionComponent;
+          try {
+            return rerenderReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          updateHookTypesDev();
+          return updateRef();
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
-    reconcileChildren(null, workInProgress, value, renderLanes);
+          try {
+            return rerenderState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          updateHookTypesDev();
+          return updateDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          updateHookTypesDev();
+          return rerenderDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          updateHookTypesDev();
+          return rerenderTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          updateHookTypesDev();
+          return updateSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          updateHookTypesDev();
+          return updateId();
+        }
+      };
 
-    {
-      validateFunctionComponentInDev(workInProgress, Component);
-    }
+      InvalidNestedHooksDispatcherOnMountInDEV = {
+        readContext: function (context) {
+          warnInvalidContextAccess();
+          return readContext(context);
+        },
+        use: function (usable) {
+          warnInvalidHookAccess();
+          return use(usable);
+        },
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-    return workInProgress.child;
-  }
-}
+          try {
+            return mountMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-function validateFunctionComponentInDev(workInProgress, Component) {
-  {
-    if (Component) {
-      if (Component.childContextTypes) {
-        error(
-          "%s(...): childContextTypes cannot be defined on a function component.",
-          Component.displayName || Component.name || "Component"
-        );
-      }
-    }
+          try {
+            return mountReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountRef(initialValue);
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-    if (workInProgress.ref !== null) {
-      var info = "";
-      var ownerName = getCurrentFiberOwnerNameInDevOrNull();
+          try {
+            return mountState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountId();
+        }
+      };
 
-      if (ownerName) {
-        info += "\n\nCheck the render method of `" + ownerName + "`.";
-      }
+      InvalidNestedHooksDispatcherOnUpdateInDEV = {
+        readContext: function (context) {
+          warnInvalidContextAccess();
+          return readContext(context);
+        },
+        use: function (usable) {
+          warnInvalidHookAccess();
+          return use(usable);
+        },
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-      var warningKey = ownerName || "";
-      var debugSource = workInProgress._debugSource;
+          try {
+            return updateMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-      if (debugSource) {
-        warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
-      }
+          try {
+            return updateReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateRef();
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-      if (!didWarnAboutFunctionRefs[warningKey]) {
-        didWarnAboutFunctionRefs[warningKey] = true;
+          try {
+            return updateState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateId();
+        }
+      };
 
-        error(
-          "Function components cannot be given refs. " +
-            "Attempts to access this ref will fail. " +
-            "Did you mean to use React.forwardRef()?%s",
-          info
-        );
-      }
-    }
+      InvalidNestedHooksDispatcherOnRerenderInDEV = {
+        readContext: function (context) {
+          warnInvalidContextAccess();
+          return readContext(context);
+        },
+        use: function (usable) {
+          warnInvalidHookAccess();
+          return use(usable);
+        },
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-    if (typeof Component.getDerivedStateFromProps === "function") {
-      var _componentName3 = getComponentNameFromType(Component) || "Unknown";
+          try {
+            return updateMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-      if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3]) {
-        error(
-          "%s: Function components do not support getDerivedStateFromProps.",
-          _componentName3
-        );
+          try {
+            return rerenderReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateRef();
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-        didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3] = true;
-      }
+          try {
+            return rerenderState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return rerenderDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return rerenderTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateId();
+        }
+      };
     }
 
-    if (
-      typeof Component.contextType === "object" &&
-      Component.contextType !== null
-    ) {
-      var _componentName4 = getComponentNameFromType(Component) || "Unknown";
+    var now = Scheduler.unstable_now;
+    var commitTime = 0;
+    var layoutEffectStartTime = -1;
+    var profilerStartTime = -1;
+    var passiveEffectStartTime = -1;
+    /**
+     * Tracks whether the current update was a nested/cascading update (scheduled from a layout effect).
+     *
+     * The overall sequence is:
+     *   1. render
+     *   2. commit (and call `onRender`, `onCommit`)
+     *   3. check for nested updates
+     *   4. flush passive effects (and call `onPostCommit`)
+     *
+     * Nested updates are identified in step 3 above,
+     * but step 4 still applies to the work that was just committed.
+     * We use two flags to track nested updates then:
+     * one tracks whether the upcoming update is a nested update,
+     * and the other tracks whether the current update was a nested update.
+     * The first value gets synced to the second at the start of the render phase.
+     */
 
-      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName4]) {
-        error(
-          "%s: Function components do not support contextType.",
-          _componentName4
-        );
+    var currentUpdateIsNested = false;
+    var nestedUpdateScheduled = false;
 
-        didWarnAboutContextTypeOnFunctionComponent[_componentName4] = true;
-      }
+    function isCurrentUpdateNested() {
+      return currentUpdateIsNested;
     }
-  }
-}
-
-var SUSPENDED_MARKER = {
-  dehydrated: null,
-  treeContext: null,
-  retryLane: NoLane
-};
-
-function mountSuspenseOffscreenState(renderLanes) {
-  return {
-    baseLanes: renderLanes,
-    cachePool: getSuspendedCache(),
-    transitions: null
-  };
-}
 
-function updateSuspenseOffscreenState(prevOffscreenState, renderLanes) {
-  var cachePool = null;
-
-  return {
-    baseLanes: mergeLanes(prevOffscreenState.baseLanes, renderLanes),
-    cachePool: cachePool,
-    transitions: prevOffscreenState.transitions
-  };
-} // TODO: Probably should inline this back
-
-function shouldRemainOnFallback(
-  suspenseContext,
-  current,
-  workInProgress,
-  renderLanes
-) {
-  // If we're already showing a fallback, there are cases where we need to
-  // remain on that fallback regardless of whether the content has resolved.
-  // For example, SuspenseList coordinates when nested content appears.
-  if (current !== null) {
-    var suspenseState = current.memoizedState;
-
-    if (suspenseState === null) {
-      // Currently showing content. Don't hide it, even if ForceSuspenseFallback
-      // is true. More precise name might be "ForceRemainSuspenseFallback".
-      // Note: This is a factoring smell. Can't remain on a fallback if there's
-      // no fallback to remain on.
-      return false;
+    function markNestedUpdateScheduled() {
+      {
+        nestedUpdateScheduled = true;
+      }
     }
-  } // Not currently showing content. Consult the Suspense context.
 
-  return hasSuspenseContext(suspenseContext, ForceSuspenseFallback);
-}
-
-function getRemainingWorkInPrimaryTree(current, renderLanes) {
-  // TODO: Should not remove render lanes that were pinged during this render
-  return removeLanes(current.childLanes, renderLanes);
-}
+    function resetNestedUpdateFlag() {
+      {
+        currentUpdateIsNested = false;
+        nestedUpdateScheduled = false;
+      }
+    }
 
-function updateSuspenseComponent(current, workInProgress, renderLanes) {
-  var nextProps = workInProgress.pendingProps; // This is used by DevTools to force a boundary to suspend.
-
-  {
-    if (shouldSuspend(workInProgress)) {
-      workInProgress.flags |= DidCapture;
-    }
-  }
-
-  var suspenseContext = suspenseStackCursor.current;
-  var showFallback = false;
-  var didSuspend = (workInProgress.flags & DidCapture) !== NoFlags;
-
-  if (didSuspend || shouldRemainOnFallback(suspenseContext, current)) {
-    // Something in this boundary's subtree already suspended. Switch to
-    // rendering the fallback children.
-    showFallback = true;
-    workInProgress.flags &= ~DidCapture;
-  } else {
-    // Attempting the main content
-    if (current === null || current.memoizedState !== null) {
-      // This is a new mount or this boundary is already showing a fallback state.
-      // Mark this subtree context as having at least one invisible parent that could
-      // handle the fallback state.
-      // Avoided boundaries are not considered since they cannot handle preferred fallback states.
+    function syncNestedUpdateFlag() {
       {
-        suspenseContext = addSubtreeSuspenseContext(
-          suspenseContext,
-          InvisibleParentSuspenseContext
-        );
+        currentUpdateIsNested = nestedUpdateScheduled;
+        nestedUpdateScheduled = false;
       }
     }
-  }
-
-  suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
-  pushSuspenseContext(workInProgress, suspenseContext); // OK, the next part is confusing. We're about to reconcile the Suspense
-  // boundary's children. This involves some custom reconciliation logic. Two
-  // main reasons this is so complicated.
-  //
-  // First, Legacy Mode has different semantics for backwards compatibility. The
-  // primary tree will commit in an inconsistent state, so when we do the
-  // second pass to render the fallback, we do some exceedingly, uh, clever
-  // hacks to make that not totally break. Like transferring effects and
-  // deletions from hidden tree. In Concurrent Mode, it's much simpler,
-  // because we bailout on the primary tree completely and leave it in its old
-  // state, no effects. Same as what we do for Offscreen (except that
-  // Offscreen doesn't have the first render pass).
-  //
-  // Second is hydration. During hydration, the Suspense fiber has a slightly
-  // different layout, where the child points to a dehydrated fragment, which
-  // contains the DOM rendered by the server.
-  //
-  // Third, even if you set all that aside, Suspense is like error boundaries in
-  // that we first we try to render one tree, and if that fails, we render again
-  // and switch to a different tree. Like a try/catch block. So we have to track
-  // which branch we're currently rendering. Ideally we would model this using
-  // a stack.
-
-  if (current === null) {
-    var suspenseState = workInProgress.memoizedState;
-
-    if (suspenseState !== null) {
-      var dehydrated = suspenseState.dehydrated;
-
-      if (dehydrated !== null) {
-        return mountDehydratedSuspenseComponent(workInProgress);
-      }
-    }
-
-    var nextPrimaryChildren = nextProps.children;
-    var nextFallbackChildren = nextProps.fallback;
-
-    if (showFallback) {
-      var fallbackFragment = mountSuspenseFallbackChildren(
-        workInProgress,
-        nextPrimaryChildren,
-        nextFallbackChildren,
-        renderLanes
-      );
-      var primaryChildFragment = workInProgress.child;
-      primaryChildFragment.memoizedState = mountSuspenseOffscreenState(
-        renderLanes
-      );
-      workInProgress.memoizedState = SUSPENDED_MARKER;
 
-      return fallbackFragment;
-    } else {
-      return mountSuspensePrimaryChildren(workInProgress, nextPrimaryChildren);
+    function getCommitTime() {
+      return commitTime;
     }
-  } else {
-    // This is an update.
-    // Special path for hydration
-    var prevState = current.memoizedState;
 
-    if (prevState !== null) {
-      var _dehydrated = prevState.dehydrated;
+    function recordCommitTime() {
+      commitTime = now();
+    }
 
-      if (_dehydrated !== null) {
-        return updateDehydratedSuspenseComponent(
-          current,
-          workInProgress,
-          didSuspend,
-          nextProps,
-          _dehydrated,
-          prevState,
-          renderLanes
-        );
+    function startProfilerTimer(fiber) {
+      profilerStartTime = now();
+
+      if (fiber.actualStartTime < 0) {
+        fiber.actualStartTime = now();
       }
     }
 
-    if (showFallback) {
-      var _nextFallbackChildren = nextProps.fallback;
-      var _nextPrimaryChildren = nextProps.children;
-      var fallbackChildFragment = updateSuspenseFallbackChildren(
-        current,
-        workInProgress,
-        _nextPrimaryChildren,
-        _nextFallbackChildren,
-        renderLanes
-      );
-      var _primaryChildFragment2 = workInProgress.child;
-      var prevOffscreenState = current.child.memoizedState;
-      _primaryChildFragment2.memoizedState =
-        prevOffscreenState === null
-          ? mountSuspenseOffscreenState(renderLanes)
-          : updateSuspenseOffscreenState(prevOffscreenState, renderLanes);
-
-      _primaryChildFragment2.childLanes = getRemainingWorkInPrimaryTree(
-        current,
-        renderLanes
-      );
-      workInProgress.memoizedState = SUSPENDED_MARKER;
-      return fallbackChildFragment;
-    } else {
-      var _nextPrimaryChildren2 = nextProps.children;
+    function stopProfilerTimerIfRunning(fiber) {
+      profilerStartTime = -1;
+    }
 
-      var _primaryChildFragment3 = updateSuspensePrimaryChildren(
-        current,
-        workInProgress,
-        _nextPrimaryChildren2,
-        renderLanes
-      );
+    function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
+      if (profilerStartTime >= 0) {
+        var elapsedTime = now() - profilerStartTime;
+        fiber.actualDuration += elapsedTime;
 
-      workInProgress.memoizedState = null;
-      return _primaryChildFragment3;
-    }
-  }
-}
+        if (overrideBaseTime) {
+          fiber.selfBaseDuration = elapsedTime;
+        }
 
-function mountSuspensePrimaryChildren(
-  workInProgress,
-  primaryChildren,
-  renderLanes
-) {
-  var mode = workInProgress.mode;
-  var primaryChildProps = {
-    mode: "visible",
-    children: primaryChildren
-  };
-  var primaryChildFragment = mountWorkInProgressOffscreenFiber(
-    primaryChildProps,
-    mode
-  );
-  primaryChildFragment.return = workInProgress;
-  workInProgress.child = primaryChildFragment;
-  return primaryChildFragment;
-}
+        profilerStartTime = -1;
+      }
+    }
 
-function mountSuspenseFallbackChildren(
-  workInProgress,
-  primaryChildren,
-  fallbackChildren,
-  renderLanes
-) {
-  var mode = workInProgress.mode;
-  var progressedPrimaryFragment = workInProgress.child;
-  var primaryChildProps = {
-    mode: "hidden",
-    children: primaryChildren
-  };
-  var primaryChildFragment;
-  var fallbackChildFragment;
-
-  if (
-    (mode & ConcurrentMode) === NoMode &&
-    progressedPrimaryFragment !== null
-  ) {
-    // In legacy mode, we commit the primary tree as if it successfully
-    // completed, even though it's in an inconsistent state.
-    primaryChildFragment = progressedPrimaryFragment;
-    primaryChildFragment.childLanes = NoLanes;
-    primaryChildFragment.pendingProps = primaryChildProps;
-
-    if (workInProgress.mode & ProfileMode) {
-      // Reset the durations from the first pass so they aren't included in the
-      // final amounts. This seems counterintuitive, since we're intentionally
-      // not measuring part of the render phase, but this makes it match what we
-      // do in Concurrent Mode.
-      primaryChildFragment.actualDuration = 0;
-      primaryChildFragment.actualStartTime = -1;
-      primaryChildFragment.selfBaseDuration = 0;
-      primaryChildFragment.treeBaseDuration = 0;
-    }
-
-    fallbackChildFragment = createFiberFromFragment(
-      fallbackChildren,
-      mode,
-      renderLanes,
-      null
-    );
-  } else {
-    primaryChildFragment = mountWorkInProgressOffscreenFiber(
-      primaryChildProps,
-      mode
-    );
-    fallbackChildFragment = createFiberFromFragment(
-      fallbackChildren,
-      mode,
-      renderLanes,
-      null
-    );
-  }
+    function recordLayoutEffectDuration(fiber) {
+      if (layoutEffectStartTime >= 0) {
+        var elapsedTime = now() - layoutEffectStartTime;
+        layoutEffectStartTime = -1; // Store duration on the next nearest Profiler ancestor
+        // Or the root (for the DevTools Profiler to read)
 
-  primaryChildFragment.return = workInProgress;
-  fallbackChildFragment.return = workInProgress;
-  primaryChildFragment.sibling = fallbackChildFragment;
-  workInProgress.child = primaryChildFragment;
-  return fallbackChildFragment;
-}
+        var parentFiber = fiber.return;
 
-function mountWorkInProgressOffscreenFiber(offscreenProps, mode, renderLanes) {
-  // The props argument to `createFiberFromOffscreen` is `any` typed, so we use
-  // this wrapper function to constrain it.
-  return createFiberFromOffscreen(offscreenProps, mode, NoLanes, null);
-}
+        while (parentFiber !== null) {
+          switch (parentFiber.tag) {
+            case HostRoot:
+              var root = parentFiber.stateNode;
+              root.effectDuration += elapsedTime;
+              return;
 
-function updateWorkInProgressOffscreenFiber(current, offscreenProps) {
-  // The props argument to `createWorkInProgress` is `any` typed, so we use this
-  // wrapper function to constrain it.
-  return createWorkInProgress(current, offscreenProps);
-}
+            case Profiler:
+              var parentStateNode = parentFiber.stateNode;
+              parentStateNode.effectDuration += elapsedTime;
+              return;
+          }
 
-function updateSuspensePrimaryChildren(
-  current,
-  workInProgress,
-  primaryChildren,
-  renderLanes
-) {
-  var currentPrimaryChildFragment = current.child;
-  var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
-  var primaryChildFragment = updateWorkInProgressOffscreenFiber(
-    currentPrimaryChildFragment,
-    {
-      mode: "visible",
-      children: primaryChildren
+          parentFiber = parentFiber.return;
+        }
+      }
     }
-  );
 
-  if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-    primaryChildFragment.lanes = renderLanes;
-  }
+    function recordPassiveEffectDuration(fiber) {
+      if (passiveEffectStartTime >= 0) {
+        var elapsedTime = now() - passiveEffectStartTime;
+        passiveEffectStartTime = -1; // Store duration on the next nearest Profiler ancestor
+        // Or the root (for the DevTools Profiler to read)
 
-  primaryChildFragment.return = workInProgress;
-  primaryChildFragment.sibling = null;
+        var parentFiber = fiber.return;
 
-  if (currentFallbackChildFragment !== null) {
-    // Delete the fallback child fragment
-    var deletions = workInProgress.deletions;
+        while (parentFiber !== null) {
+          switch (parentFiber.tag) {
+            case HostRoot:
+              var root = parentFiber.stateNode;
 
-    if (deletions === null) {
-      workInProgress.deletions = [currentFallbackChildFragment];
-      workInProgress.flags |= ChildDeletion;
-    } else {
-      deletions.push(currentFallbackChildFragment);
-    }
-  }
+              if (root !== null) {
+                root.passiveEffectDuration += elapsedTime;
+              }
 
-  workInProgress.child = primaryChildFragment;
-  return primaryChildFragment;
-}
+              return;
 
-function updateSuspenseFallbackChildren(
-  current,
-  workInProgress,
-  primaryChildren,
-  fallbackChildren,
-  renderLanes
-) {
-  var mode = workInProgress.mode;
-  var currentPrimaryChildFragment = current.child;
-  var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
-  var primaryChildProps = {
-    mode: "hidden",
-    children: primaryChildren
-  };
-  var primaryChildFragment;
-
-  if (
-    // In legacy mode, we commit the primary tree as if it successfully
-    // completed, even though it's in an inconsistent state.
-    (mode & ConcurrentMode) === NoMode && // Make sure we're on the second pass, i.e. the primary child fragment was
-    // already cloned. In legacy mode, the only case where this isn't true is
-    // when DevTools forces us to display a fallback; we skip the first render
-    // pass entirely and go straight to rendering the fallback. (In Concurrent
-    // Mode, SuspenseList can also trigger this scenario, but this is a legacy-
-    // only codepath.)
-    workInProgress.child !== currentPrimaryChildFragment
-  ) {
-    var progressedPrimaryFragment = workInProgress.child;
-    primaryChildFragment = progressedPrimaryFragment;
-    primaryChildFragment.childLanes = NoLanes;
-    primaryChildFragment.pendingProps = primaryChildProps;
-
-    if (workInProgress.mode & ProfileMode) {
-      // Reset the durations from the first pass so they aren't included in the
-      // final amounts. This seems counterintuitive, since we're intentionally
-      // not measuring part of the render phase, but this makes it match what we
-      // do in Concurrent Mode.
-      primaryChildFragment.actualDuration = 0;
-      primaryChildFragment.actualStartTime = -1;
-      primaryChildFragment.selfBaseDuration =
-        currentPrimaryChildFragment.selfBaseDuration;
-      primaryChildFragment.treeBaseDuration =
-        currentPrimaryChildFragment.treeBaseDuration;
-    } // The fallback fiber was added as a deletion during the first pass.
-    // However, since we're going to remain on the fallback, we no longer want
-    // to delete it.
-
-    workInProgress.deletions = null;
-  } else {
-    primaryChildFragment = updateWorkInProgressOffscreenFiber(
-      currentPrimaryChildFragment,
-      primaryChildProps
-    ); // Since we're reusing a current tree, we need to reuse the flags, too.
-    // (We don't do this in legacy mode, because in legacy mode we don't re-use
-    // the current tree; see previous branch.)
-
-    primaryChildFragment.subtreeFlags =
-      currentPrimaryChildFragment.subtreeFlags & StaticMask;
-  }
-
-  var fallbackChildFragment;
-
-  if (currentFallbackChildFragment !== null) {
-    fallbackChildFragment = createWorkInProgress(
-      currentFallbackChildFragment,
-      fallbackChildren
-    );
-  } else {
-    fallbackChildFragment = createFiberFromFragment(
-      fallbackChildren,
-      mode,
-      renderLanes,
-      null
-    ); // Needs a placement effect because the parent (the Suspense boundary) already
-    // mounted but this is a new fiber.
-
-    fallbackChildFragment.flags |= Placement;
-  }
-
-  fallbackChildFragment.return = workInProgress;
-  primaryChildFragment.return = workInProgress;
-  primaryChildFragment.sibling = fallbackChildFragment;
-  workInProgress.child = primaryChildFragment;
-  return fallbackChildFragment;
-}
+            case Profiler:
+              var parentStateNode = parentFiber.stateNode;
 
-function retrySuspenseComponentWithoutHydrating(
-  current,
-  workInProgress,
-  renderLanes,
-  recoverableError
-) {
-  // Falling back to client rendering. Because this has performance
-  // implications, it's considered a recoverable error, even though the user
-  // likely won't observe anything wrong with the UI.
-  //
-  // The error is passed in as an argument to enforce that every caller provide
-  // a custom message, or explicitly opt out (currently the only path that opts
-  // out is legacy mode; every concurrent path provides an error).
-  if (recoverableError !== null) {
-    queueHydrationError(recoverableError);
-  } // This will add the old fiber to the deletion list
-
-  reconcileChildFibers(workInProgress, current.child, null, renderLanes); // We're now not suspended nor dehydrated.
-
-  var nextProps = workInProgress.pendingProps;
-  var primaryChildren = nextProps.children;
-  var primaryChildFragment = mountSuspensePrimaryChildren(
-    workInProgress,
-    primaryChildren
-  ); // Needs a placement effect because the parent (the Suspense boundary) already
-  // mounted but this is a new fiber.
-
-  primaryChildFragment.flags |= Placement;
-  workInProgress.memoizedState = null;
-  return primaryChildFragment;
-}
+              if (parentStateNode !== null) {
+                // Detached fibers have their state node cleared out.
+                // In this case, the return pointer is also cleared out,
+                // so we won't be able to report the time spent in this Profiler's subtree.
+                parentStateNode.passiveEffectDuration += elapsedTime;
+              }
 
-function mountSuspenseFallbackAfterRetryWithoutHydrating(
-  current,
-  workInProgress,
-  primaryChildren,
-  fallbackChildren,
-  renderLanes
-) {
-  var fiberMode = workInProgress.mode;
-  var primaryChildProps = {
-    mode: "visible",
-    children: primaryChildren
-  };
-  var primaryChildFragment = mountWorkInProgressOffscreenFiber(
-    primaryChildProps,
-    fiberMode
-  );
-  var fallbackChildFragment = createFiberFromFragment(
-    fallbackChildren,
-    fiberMode,
-    renderLanes,
-    null
-  ); // Needs a placement effect because the parent (the Suspense
-  // boundary) already mounted but this is a new fiber.
-
-  fallbackChildFragment.flags |= Placement;
-  primaryChildFragment.return = workInProgress;
-  fallbackChildFragment.return = workInProgress;
-  primaryChildFragment.sibling = fallbackChildFragment;
-  workInProgress.child = primaryChildFragment;
-
-  if ((workInProgress.mode & ConcurrentMode) !== NoMode) {
-    // We will have dropped the effect list which contains the
-    // deletion. We need to reconcile to delete the current child.
-    reconcileChildFibers(workInProgress, current.child, null, renderLanes);
-  }
-
-  return fallbackChildFragment;
-}
+              return;
+          }
 
-function mountDehydratedSuspenseComponent(
-  workInProgress,
-  suspenseInstance,
-  renderLanes
-) {
-  // During the first pass, we'll bail out and not drill into the children.
-  // Instead, we'll leave the content in place and try to hydrate it later.
-  if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-    {
-      error(
-        "Cannot hydrate Suspense in legacy mode. Switch from " +
-          "ReactDOM.hydrate(element, container) to " +
-          "ReactDOMClient.hydrateRoot(container, <App />)" +
-          ".render(element) or remove the Suspense components from " +
-          "the server rendered components."
-      );
+          parentFiber = parentFiber.return;
+        }
+      }
     }
 
-    workInProgress.lanes = laneToLanes(SyncLane);
-  } else if (isSuspenseInstanceFallback()) {
-    // This is a client-only boundary. Since we won't get any content from the server
-    // for this, we need to schedule that at a higher priority based on when it would
-    // have timed out. In theory we could render it in this pass but it would have the
-    // wrong priority associated with it and will prevent hydration of parent path.
-    // Instead, we'll leave work left on it to render it in a separate commit.
-    // TODO This time should be the time at which the server rendered response that is
-    // a parent to this boundary was displayed. However, since we currently don't have
-    // a protocol to transfer that time, we'll just estimate it by using the current
-    // time. This will mean that Suspense timeouts are slightly shifted to later than
-    // they should be.
-    // Schedule a normal pri update to render this content.
-    workInProgress.lanes = laneToLanes(DefaultHydrationLane);
-  } else {
-    // We'll continue hydrating the rest at offscreen priority since we'll already
-    // be showing the right content coming from the server, it is no rush.
-    workInProgress.lanes = laneToLanes(OffscreenLane);
-  }
-
-  return null;
-}
-
-function updateDehydratedSuspenseComponent(
-  current,
-  workInProgress,
-  didSuspend,
-  nextProps,
-  suspenseInstance,
-  suspenseState,
-  renderLanes
-) {
-  if (!didSuspend) {
-    if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-      return retrySuspenseComponentWithoutHydrating(
-        current,
-        workInProgress,
-        renderLanes, // TODO: When we delete legacy mode, we should make this error argument
-        // required — every concurrent mode path that causes hydration to
-        // de-opt to client rendering should have an error message.
-        null
-      );
+    function startLayoutEffectTimer() {
+      layoutEffectStartTime = now();
     }
 
-    if (isSuspenseInstanceFallback()) {
-      // This boundary is in a permanent fallback state. In this case, we'll never
-      // get an update and we'll never be able to hydrate the final content. Let's just try the
-      // client side render instead.
-      var digest, message, stack;
+    function startPassiveEffectTimer() {
+      passiveEffectStartTime = now();
+    }
 
-      {
-        var _getSuspenseInstanceF = getSuspenseInstanceFallbackErrorDetails();
+    function transferActualDuration(fiber) {
+      // Transfer time spent rendering these children so we don't lose it
+      // after we rerender. This is used as a helper in special cases
+      // where we should count the work of multiple passes.
+      var child = fiber.child;
 
-        digest = _getSuspenseInstanceF.digest;
-        message = _getSuspenseInstanceF.message;
-        stack = _getSuspenseInstanceF.stack;
+      while (child) {
+        // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
+        fiber.actualDuration += child.actualDuration;
+        child = child.sibling;
       }
+    }
 
-      var error;
+    function resolveDefaultProps(Component, baseProps) {
+      if (Component && Component.defaultProps) {
+        // Resolve default props. Taken from ReactElement
+        var props = assign({}, baseProps);
+        var defaultProps = Component.defaultProps;
 
-      if (message) {
-        // eslint-disable-next-line react-internal/prod-error-codes
-        error = new Error(message);
-      } else {
-        error = new Error(
-          "The server could not finish this Suspense boundary, likely " +
-            "due to an error during server rendering. Switched to " +
-            "client rendering."
-        );
+        for (var propName in defaultProps) {
+          if (props[propName] === undefined) {
+            props[propName] = defaultProps[propName];
+          }
+        }
+
+        return props;
       }
 
-      var capturedValue = createCapturedValue(error, digest, stack);
-      return retrySuspenseComponentWithoutHydrating(
-        current,
-        workInProgress,
-        renderLanes,
-        capturedValue
-      );
+      return baseProps;
     }
-    // any context has changed, we need to treat is as if the input might have changed.
 
-    var hasContextChanged = includesSomeLane(renderLanes, current.childLanes);
+    var fakeInternalInstance = {};
+    var didWarnAboutStateAssignmentForComponent;
+    var didWarnAboutUninitializedState;
+    var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
+    var didWarnAboutLegacyLifecyclesAndDerivedState;
+    var didWarnAboutUndefinedDerivedState;
+    var didWarnAboutDirectlyAssigningPropsToState;
+    var didWarnAboutContextTypeAndContextTypes;
+    var didWarnAboutInvalidateContextType;
+    var didWarnOnInvalidCallback;
 
-    if (didReceiveUpdate || hasContextChanged) {
-      // This boundary has changed since the first render. This means that we are now unable to
-      // hydrate it. We might still be able to hydrate it using a higher priority lane.
-      var root = getWorkInProgressRoot();
-
-      if (root !== null) {
-        var attemptHydrationAtLane = getBumpedLaneForHydration(
-          root,
-          renderLanes
-        );
-
-        if (
-          attemptHydrationAtLane !== NoLane &&
-          attemptHydrationAtLane !== suspenseState.retryLane
-        ) {
-          // Intentionally mutating since this render will get interrupted. This
-          // is one of the very rare times where we mutate the current tree
-          // during the render phase.
-          suspenseState.retryLane = attemptHydrationAtLane; // TODO: Ideally this would inherit the event time of the current render
-
-          var eventTime = NoTimestamp;
-          enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
-          scheduleUpdateOnFiber(
-            root,
-            current,
-            attemptHydrationAtLane,
-            eventTime
+    {
+      didWarnAboutStateAssignmentForComponent = new Set();
+      didWarnAboutUninitializedState = new Set();
+      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
+      didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
+      didWarnAboutDirectlyAssigningPropsToState = new Set();
+      didWarnAboutUndefinedDerivedState = new Set();
+      didWarnAboutContextTypeAndContextTypes = new Set();
+      didWarnAboutInvalidateContextType = new Set();
+      didWarnOnInvalidCallback = new Set(); // This is so gross but it's at least non-critical and can be removed if
+      // it causes problems. This is meant to give a nicer error message for
+      // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
+      // ...)) which otherwise throws a "_processChildContext is not a function"
+      // exception.
+
+      Object.defineProperty(fakeInternalInstance, "_processChildContext", {
+        enumerable: false,
+        value: function () {
+          throw new Error(
+            "_processChildContext is not available in React 16+. This likely " +
+              "means you have multiple copies of React and are attempting to nest " +
+              "a React 15 tree inside a React 16 tree using " +
+              "unstable_renderSubtreeIntoContainer, which isn't supported. Try " +
+              "to make sure you have only one copy of React (and ideally, switch " +
+              "to ReactDOM.createPortal)."
           );
         }
-      } // If we have scheduled higher pri work above, this will probably just abort the render
-      // since we now have higher priority work, but in case it doesn't, we need to prepare to
-      // render something, if we time out. Even if that requires us to delete everything and
-      // skip hydration.
-      // Delay having to do this as long as the suspense timeout allows us.
-
-      renderDidSuspendDelayIfPossible();
-
-      var _capturedValue = createCapturedValue(
-        new Error(
-          "This Suspense boundary received an update before it finished " +
-            "hydrating. This caused the boundary to switch to client rendering. " +
-            "The usual way to fix this is to wrap the original update " +
-            "in startTransition."
-        )
-      );
-
-      return retrySuspenseComponentWithoutHydrating(
-        current,
-        workInProgress,
-        renderLanes,
-        _capturedValue
-      );
-    } else if (isSuspenseInstancePending()) {
-      // This component is still pending more data from the server, so we can't hydrate its
-      // content. We treat it as if this component suspended itself. It might seem as if
-      // we could just try to render it client-side instead. However, this will perform a
-      // lot of unnecessary work and is unlikely to complete since it often will suspend
-      // on missing data anyway. Additionally, the server might be able to render more
-      // than we can on the client yet. In that case we'd end up with more fallback states
-      // on the client than if we just leave it alone. If the server times out or errors
-      // these should update this boundary to the permanent Fallback state instead.
-      // Mark it as having captured (i.e. suspended).
-      workInProgress.flags |= DidCapture; // Leave the child in place. I.e. the dehydrated fragment.
-
-      workInProgress.child = current.child; // Register a callback to retry this boundary once the server has sent the result.
-
-      var retry = retryDehydratedSuspenseBoundary.bind(null, current);
-      registerSuspenseInstanceRetry();
-      return null;
-    } else {
-      // This is the first attempt.
-      reenterHydrationStateFromDehydratedSuspenseInstance(
-        workInProgress,
-        suspenseInstance,
-        suspenseState.treeContext
-      );
-      var primaryChildren = nextProps.children;
-      var primaryChildFragment = mountSuspensePrimaryChildren(
-        workInProgress,
-        primaryChildren
-      ); // Mark the children as hydrating. This is a fast path to know whether this
-      // tree is part of a hydrating tree. This is used to determine if a child
-      // node has fully mounted yet, and for scheduling event replaying.
-      // Conceptually this is similar to Placement in that a new subtree is
-      // inserted into the React tree here. It just happens to not need DOM
-      // mutations because it already exists.
-
-      primaryChildFragment.flags |= Hydrating;
-      return primaryChildFragment;
-    }
-  } else {
-    // This is the second render pass. We already attempted to hydrated, but
-    // something either suspended or errored.
-    if (workInProgress.flags & ForceClientRender) {
-      // Something errored during hydration. Try again without hydrating.
-      workInProgress.flags &= ~ForceClientRender;
-
-      var _capturedValue2 = createCapturedValue(
-        new Error(
-          "There was an error while hydrating this Suspense boundary. " +
-            "Switched to client rendering."
-        )
-      );
-
-      return retrySuspenseComponentWithoutHydrating(
-        current,
-        workInProgress,
-        renderLanes,
-        _capturedValue2
-      );
-    } else if (workInProgress.memoizedState !== null) {
-      // Something suspended and we should still be in dehydrated mode.
-      // Leave the existing child in place.
-      workInProgress.child = current.child; // The dehydrated completion pass expects this flag to be there
-      // but the normal suspense pass doesn't.
-
-      workInProgress.flags |= DidCapture;
-      return null;
-    } else {
-      // Suspended but we should no longer be in dehydrated mode.
-      // Therefore we now have to render the fallback.
-      var nextPrimaryChildren = nextProps.children;
-      var nextFallbackChildren = nextProps.fallback;
-      var fallbackChildFragment = mountSuspenseFallbackAfterRetryWithoutHydrating(
-        current,
-        workInProgress,
-        nextPrimaryChildren,
-        nextFallbackChildren,
-        renderLanes
-      );
-      var _primaryChildFragment4 = workInProgress.child;
-      _primaryChildFragment4.memoizedState = mountSuspenseOffscreenState(
-        renderLanes
-      );
-      workInProgress.memoizedState = SUSPENDED_MARKER;
-      return fallbackChildFragment;
+      });
+      Object.freeze(fakeInternalInstance);
     }
-  }
-}
 
-function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
-  fiber.lanes = mergeLanes(fiber.lanes, renderLanes);
-  var alternate = fiber.alternate;
+    function warnOnInvalidCallback(callback, callerName) {
+      {
+        if (callback === null || typeof callback === "function") {
+          return;
+        }
 
-  if (alternate !== null) {
-    alternate.lanes = mergeLanes(alternate.lanes, renderLanes);
-  }
+        var key = callerName + "_" + callback;
 
-  scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
-}
+        if (!didWarnOnInvalidCallback.has(key)) {
+          didWarnOnInvalidCallback.add(key);
 
-function propagateSuspenseContextChange(
-  workInProgress,
-  firstChild,
-  renderLanes
-) {
-  // Mark any Suspense boundaries with fallbacks as having work to do.
-  // If they were previously forced into fallbacks, they may now be able
-  // to unblock.
-  var node = firstChild;
-
-  while (node !== null) {
-    if (node.tag === SuspenseComponent) {
-      var state = node.memoizedState;
-
-      if (state !== null) {
-        scheduleSuspenseWorkOnFiber(node, renderLanes, workInProgress);
-      }
-    } else if (node.tag === SuspenseListComponent) {
-      // If the tail is hidden there might not be an Suspense boundaries
-      // to schedule work on. In this case we have to schedule it on the
-      // list itself.
-      // We don't have to traverse to the children of the list since
-      // the list will propagate the change when it rerenders.
-      scheduleSuspenseWorkOnFiber(node, renderLanes, workInProgress);
-    } else if (node.child !== null) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
-
-    if (node === workInProgress) {
-      return;
-    }
-
-    while (node.sibling === null) {
-      if (node.return === null || node.return === workInProgress) {
-        return;
+          error(
+            "%s(...): Expected the last optional `callback` argument to be a " +
+              "function. Instead received: %s.",
+            callerName,
+            callback
+          );
+        }
       }
-
-      node = node.return;
-    }
-
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
-}
-
-function findLastContentRow(firstChild) {
-  // This is going to find the last row among these children that is already
-  // showing content on the screen, as opposed to being in fallback state or
-  // new. If a row has multiple Suspense boundaries, any of them being in the
-  // fallback state, counts as the whole row being in a fallback state.
-  // Note that the "rows" will be workInProgress, but any nested children
-  // will still be current since we haven't rendered them yet. The mounted
-  // order may not be the same as the new order. We use the new order.
-  var row = firstChild;
-  var lastContentRow = null;
-
-  while (row !== null) {
-    var currentRow = row.alternate; // New rows can't be content rows.
-
-    if (currentRow !== null && findFirstSuspended(currentRow) === null) {
-      lastContentRow = row;
     }
 
-    row = row.sibling;
-  }
-
-  return lastContentRow;
-}
-
-function validateRevealOrder(revealOrder) {
-  {
-    if (
-      revealOrder !== undefined &&
-      revealOrder !== "forwards" &&
-      revealOrder !== "backwards" &&
-      revealOrder !== "together" &&
-      !didWarnAboutRevealOrder[revealOrder]
-    ) {
-      didWarnAboutRevealOrder[revealOrder] = true;
-
-      if (typeof revealOrder === "string") {
-        switch (revealOrder.toLowerCase()) {
-          case "together":
-          case "forwards":
-          case "backwards": {
-            error(
-              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
-                'Use lowercase "%s" instead.',
-              revealOrder,
-              revealOrder.toLowerCase()
-            );
+    function warnOnUndefinedDerivedState(type, partialState) {
+      {
+        if (partialState === undefined) {
+          var componentName = getComponentNameFromType(type) || "Component";
 
-            break;
-          }
+          if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
+            didWarnAboutUndefinedDerivedState.add(componentName);
 
-          case "forward":
-          case "backward": {
             error(
-              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
-                'React uses the -s suffix in the spelling. Use "%ss" instead.',
-              revealOrder,
-              revealOrder.toLowerCase()
+              "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
+                "You have returned undefined.",
+              componentName
             );
-
-            break;
           }
-
-          default:
-            error(
-              '"%s" is not a supported revealOrder on <SuspenseList />. ' +
-                'Did you mean "together", "forwards" or "backwards"?',
-              revealOrder
-            );
-
-            break;
         }
-      } else {
-        error(
-          "%s is not a supported value for revealOrder on <SuspenseList />. " +
-            'Did you mean "together", "forwards" or "backwards"?',
-          revealOrder
-        );
       }
     }
-  }
-}
 
-function validateTailOptions(tailMode, revealOrder) {
-  {
-    if (tailMode !== undefined && !didWarnAboutTailOptions[tailMode]) {
-      if (tailMode !== "collapsed" && tailMode !== "hidden") {
-        didWarnAboutTailOptions[tailMode] = true;
+    function applyDerivedStateFromProps(
+      workInProgress,
+      ctor,
+      getDerivedStateFromProps,
+      nextProps
+    ) {
+      var prevState = workInProgress.memoizedState;
+      var partialState = getDerivedStateFromProps(nextProps, prevState);
 
-        error(
-          '"%s" is not a supported value for tail on <SuspenseList />. ' +
-            'Did you mean "collapsed" or "hidden"?',
-          tailMode
-        );
-      } else if (revealOrder !== "forwards" && revealOrder !== "backwards") {
-        didWarnAboutTailOptions[tailMode] = true;
+      {
+        if (workInProgress.mode & StrictLegacyMode) {
+          setIsStrictModeForDevtools(true);
 
-        error(
-          '<SuspenseList tail="%s" /> is only valid if revealOrder is ' +
-            '"forwards" or "backwards". ' +
-            'Did you mean to specify revealOrder="forwards"?',
-          tailMode
-        );
-      }
-    }
-  }
-}
+          try {
+            // Invoke the function an extra time to help detect side-effects.
+            partialState = getDerivedStateFromProps(nextProps, prevState);
+          } finally {
+            setIsStrictModeForDevtools(false);
+          }
+        }
 
-function validateSuspenseListNestedChild(childSlot, index) {
-  {
-    var isAnArray = isArray(childSlot);
-    var isIterable =
-      !isAnArray && typeof getIteratorFn(childSlot) === "function";
-
-    if (isAnArray || isIterable) {
-      var type = isAnArray ? "array" : "iterable";
-
-      error(
-        "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in " +
-          "an additional SuspenseList to configure its revealOrder: " +
-          "<SuspenseList revealOrder=...> ... " +
-          "<SuspenseList revealOrder=...>{%s}</SuspenseList> ... " +
-          "</SuspenseList>",
-        type,
-        index,
-        type
-      );
+        warnOnUndefinedDerivedState(ctor, partialState);
+      } // Merge the partial state and the previous state.
 
-      return false;
+      var memoizedState =
+        partialState === null || partialState === undefined
+          ? prevState
+          : assign({}, prevState, partialState);
+      workInProgress.memoizedState = memoizedState; // Once the update queue is empty, persist the derived state onto the
+      // base state.
+
+      if (workInProgress.lanes === NoLanes) {
+        // Queue is always non-null for classes
+        var updateQueue = workInProgress.updateQueue;
+        updateQueue.baseState = memoizedState;
+      }
     }
-  }
 
-  return true;
-}
+    var classComponentUpdater = {
+      isMounted: isMounted,
+      // $FlowFixMe[missing-local-annot]
+      enqueueSetState: function (inst, payload, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.payload = payload;
 
-function validateSuspenseListChildren(children, revealOrder) {
-  {
-    if (
-      (revealOrder === "forwards" || revealOrder === "backwards") &&
-      children !== undefined &&
-      children !== null &&
-      children !== false
-    ) {
-      if (isArray(children)) {
-        for (var i = 0; i < children.length; i++) {
-          if (!validateSuspenseListNestedChild(children[i], i)) {
-            return;
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback, "setState");
           }
-        }
-      } else {
-        var iteratorFn = getIteratorFn(children);
-
-        if (typeof iteratorFn === "function") {
-          var childrenIterator = iteratorFn.call(children);
 
-          if (childrenIterator) {
-            var step = childrenIterator.next();
-            var _i = 0;
+          update.callback = callback;
+        }
 
-            for (; !step.done; step = childrenIterator.next()) {
-              if (!validateSuspenseListNestedChild(step.value, _i)) {
-                return;
-              }
+        var root = enqueueUpdate(fiber, update, lane);
 
-              _i++;
-            }
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
+        }
+      },
+      enqueueReplaceState: function (inst, payload, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.tag = ReplaceState;
+        update.payload = payload;
+
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback, "replaceState");
           }
-        } else {
-          error(
-            'A single row was passed to a <SuspenseList revealOrder="%s" />. ' +
-              "This is not useful since it needs multiple rows. " +
-              "Did you mean to pass multiple children or an array?",
-            revealOrder
-          );
+
+          update.callback = callback;
         }
-      }
-    }
-  }
-}
 
-function initSuspenseListRenderState(
-  workInProgress,
-  isBackwards,
-  tail,
-  lastContentRow,
-  tailMode
-) {
-  var renderState = workInProgress.memoizedState;
-
-  if (renderState === null) {
-    workInProgress.memoizedState = {
-      isBackwards: isBackwards,
-      rendering: null,
-      renderingStartTime: 0,
-      last: lastContentRow,
-      tail: tail,
-      tailMode: tailMode
-    };
-  } else {
-    // We can reuse the existing object from previous renders.
-    renderState.isBackwards = isBackwards;
-    renderState.rendering = null;
-    renderState.renderingStartTime = 0;
-    renderState.last = lastContentRow;
-    renderState.tail = tail;
-    renderState.tailMode = tailMode;
-  }
-} // This can end up rendering this component multiple passes.
-// The first pass splits the children fibers into two sets. A head and tail.
-// We first render the head. If anything is in fallback state, we do another
-// pass through beginWork to rerender all children (including the tail) with
-// the force suspend context. If the first render didn't have anything in
-// in fallback state. Then we render each row in the tail one-by-one.
-// That happens in the completeWork phase without going back to beginWork.
-
-function updateSuspenseListComponent(current, workInProgress, renderLanes) {
-  var nextProps = workInProgress.pendingProps;
-  var revealOrder = nextProps.revealOrder;
-  var tailMode = nextProps.tail;
-  var newChildren = nextProps.children;
-  validateRevealOrder(revealOrder);
-  validateTailOptions(tailMode, revealOrder);
-  validateSuspenseListChildren(newChildren, revealOrder);
-  reconcileChildren(current, workInProgress, newChildren, renderLanes);
-  var suspenseContext = suspenseStackCursor.current;
-  var shouldForceFallback = hasSuspenseContext(
-    suspenseContext,
-    ForceSuspenseFallback
-  );
-
-  if (shouldForceFallback) {
-    suspenseContext = setShallowSuspenseContext(
-      suspenseContext,
-      ForceSuspenseFallback
-    );
-    workInProgress.flags |= DidCapture;
-  } else {
-    var didSuspendBefore =
-      current !== null && (current.flags & DidCapture) !== NoFlags;
-
-    if (didSuspendBefore) {
-      // If we previously forced a fallback, we need to schedule work
-      // on any nested boundaries to let them know to try to render
-      // again. This is the same as context updating.
-      propagateSuspenseContextChange(
-        workInProgress,
-        workInProgress.child,
-        renderLanes
-      );
-    }
+        var root = enqueueUpdate(fiber, update, lane);
 
-    suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
-  }
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
+        }
+      },
+      // $FlowFixMe[missing-local-annot]
+      enqueueForceUpdate: function (inst, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.tag = ForceUpdate;
+
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback, "forceUpdate");
+          }
 
-  pushSuspenseContext(workInProgress, suspenseContext);
+          update.callback = callback;
+        }
 
-  if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-    // In legacy mode, SuspenseList doesn't work so we just
-    // use make it a noop by treating it as the default revealOrder.
-    workInProgress.memoizedState = null;
-  } else {
-    switch (revealOrder) {
-      case "forwards": {
-        var lastContentRow = findLastContentRow(workInProgress.child);
-        var tail;
+        var root = enqueueUpdate(fiber, update, lane);
 
-        if (lastContentRow === null) {
-          // The whole list is part of the tail.
-          // TODO: We could fast path by just rendering the tail now.
-          tail = workInProgress.child;
-          workInProgress.child = null;
-        } else {
-          // Disconnect the tail rows after the content row.
-          // We're going to render them separately later.
-          tail = lastContentRow.sibling;
-          lastContentRow.sibling = null;
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
         }
-
-        initSuspenseListRenderState(
-          workInProgress,
-          false, // isBackwards
-          tail,
-          lastContentRow,
-          tailMode
-        );
-        break;
       }
+    };
 
-      case "backwards": {
-        // We're going to find the first row that has existing content.
-        // At the same time we're going to reverse the list of everything
-        // we pass in the meantime. That's going to be our tail in reverse
-        // order.
-        var _tail = null;
-        var row = workInProgress.child;
-        workInProgress.child = null;
+    function checkShouldComponentUpdate(
+      workInProgress,
+      ctor,
+      oldProps,
+      newProps,
+      oldState,
+      newState,
+      nextContext
+    ) {
+      var instance = workInProgress.stateNode;
 
-        while (row !== null) {
-          var currentRow = row.alternate; // New rows can't be content rows.
+      if (typeof instance.shouldComponentUpdate === "function") {
+        var shouldUpdate = instance.shouldComponentUpdate(
+          newProps,
+          newState,
+          nextContext
+        );
 
-          if (currentRow !== null && findFirstSuspended(currentRow) === null) {
-            // This is the beginning of the main content.
-            workInProgress.child = row;
-            break;
+        {
+          if (workInProgress.mode & StrictLegacyMode) {
+            setIsStrictModeForDevtools(true);
+
+            try {
+              // Invoke the function an extra time to help detect side-effects.
+              shouldUpdate = instance.shouldComponentUpdate(
+                newProps,
+                newState,
+                nextContext
+              );
+            } finally {
+              setIsStrictModeForDevtools(false);
+            }
           }
 
-          var nextRow = row.sibling;
-          row.sibling = _tail;
-          _tail = row;
-          row = nextRow;
-        } // TODO: If workInProgress.child is null, we can continue on the tail immediately.
+          if (shouldUpdate === undefined) {
+            error(
+              "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+                "boolean value. Make sure to return true or false.",
+              getComponentNameFromType(ctor) || "Component"
+            );
+          }
+        }
 
-        initSuspenseListRenderState(
-          workInProgress,
-          true, // isBackwards
-          _tail,
-          null, // last
-          tailMode
-        );
-        break;
+        return shouldUpdate;
       }
 
-      case "together": {
-        initSuspenseListRenderState(
-          workInProgress,
-          false, // isBackwards
-          null, // tail
-          null, // last
-          undefined
+      if (ctor.prototype && ctor.prototype.isPureReactComponent) {
+        return (
+          !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
         );
-        break;
       }
 
-      default: {
-        // The default reveal order is the same as not having
-        // a boundary.
-        workInProgress.memoizedState = null;
-      }
+      return true;
     }
-  }
 
-  return workInProgress.child;
-}
+    function checkClassInstance(workInProgress, ctor, newProps) {
+      var instance = workInProgress.stateNode;
 
-function updatePortalComponent(current, workInProgress, renderLanes) {
-  pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
-  var nextChildren = workInProgress.pendingProps;
-
-  if (current === null) {
-    // Portals are special because we don't append the children during mount
-    // but at commit. Therefore we need to track insertions which the normal
-    // flow doesn't do during mount. This doesn't happen at the root because
-    // the root always starts with a "current" with a null child.
-    // TODO: Consider unifying this with how the root works.
-    workInProgress.child = reconcileChildFibers(
-      workInProgress,
-      null,
-      nextChildren,
-      renderLanes
-    );
-  } else {
-    reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  }
+      {
+        var name = getComponentNameFromType(ctor) || "Component";
+        var renderPresent = instance.render;
 
-  return workInProgress.child;
-}
+        if (!renderPresent) {
+          if (ctor.prototype && typeof ctor.prototype.render === "function") {
+            error(
+              "%s(...): No `render` method found on the returned component " +
+                "instance: did you accidentally return an object from the constructor?",
+              name
+            );
+          } else {
+            error(
+              "%s(...): No `render` method found on the returned component " +
+                "instance: you may have forgotten to define `render`.",
+              name
+            );
+          }
+        }
 
-var hasWarnedAboutUsingNoValuePropOnContextProvider = false;
+        if (
+          instance.getInitialState &&
+          !instance.getInitialState.isReactClassApproved &&
+          !instance.state
+        ) {
+          error(
+            "getInitialState was defined on %s, a plain JavaScript class. " +
+              "This is only supported for classes created using React.createClass. " +
+              "Did you mean to define a state property instead?",
+            name
+          );
+        }
 
-function updateContextProvider(current, workInProgress, renderLanes) {
-  var providerType = workInProgress.type;
-  var context = providerType._context;
-  var newProps = workInProgress.pendingProps;
-  var oldProps = workInProgress.memoizedProps;
-  var newValue = newProps.value;
+        if (
+          instance.getDefaultProps &&
+          !instance.getDefaultProps.isReactClassApproved
+        ) {
+          error(
+            "getDefaultProps was defined on %s, a plain JavaScript class. " +
+              "This is only supported for classes created using React.createClass. " +
+              "Use a static property to define defaultProps instead.",
+            name
+          );
+        }
 
-  {
-    if (!("value" in newProps)) {
-      if (!hasWarnedAboutUsingNoValuePropOnContextProvider) {
-        hasWarnedAboutUsingNoValuePropOnContextProvider = true;
+        if (instance.propTypes) {
+          error(
+            "propTypes was defined as an instance property on %s. Use a static " +
+              "property to define propTypes instead.",
+            name
+          );
+        }
 
-        error(
-          "The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?"
-        );
-      }
-    }
+        if (instance.contextType) {
+          error(
+            "contextType was defined as an instance property on %s. Use a static " +
+              "property to define contextType instead.",
+            name
+          );
+        }
 
-    var providerPropTypes = workInProgress.type.propTypes;
+        {
+          if (instance.contextTypes) {
+            error(
+              "contextTypes was defined as an instance property on %s. Use a static " +
+                "property to define contextTypes instead.",
+              name
+            );
+          }
 
-    if (providerPropTypes) {
-      checkPropTypes(providerPropTypes, newProps, "prop", "Context.Provider");
-    }
-  }
+          if (
+            ctor.contextType &&
+            ctor.contextTypes &&
+            !didWarnAboutContextTypeAndContextTypes.has(ctor)
+          ) {
+            didWarnAboutContextTypeAndContextTypes.add(ctor);
 
-  pushProvider(workInProgress, context, newValue);
+            error(
+              "%s declares both contextTypes and contextType static properties. " +
+                "The legacy contextTypes property will be ignored.",
+              name
+            );
+          }
+        }
 
-  {
-    if (oldProps !== null) {
-      var oldValue = oldProps.value;
+        if (typeof instance.componentShouldUpdate === "function") {
+          error(
+            "%s has a method called " +
+              "componentShouldUpdate(). Did you mean shouldComponentUpdate()? " +
+              "The name is phrased as a question because the function is " +
+              "expected to return a value.",
+            name
+          );
+        }
 
-      if (objectIs(oldValue, newValue)) {
-        // No change. Bailout early if children are the same.
-        if (oldProps.children === newProps.children && !hasContextChanged()) {
-          return bailoutOnAlreadyFinishedWork(
-            current,
-            workInProgress,
-            renderLanes
+        if (
+          ctor.prototype &&
+          ctor.prototype.isPureReactComponent &&
+          typeof instance.shouldComponentUpdate !== "undefined"
+        ) {
+          error(
+            "%s has a method called shouldComponentUpdate(). " +
+              "shouldComponentUpdate should not be used when extending React.PureComponent. " +
+              "Please extend React.Component if shouldComponentUpdate is used.",
+            getComponentNameFromType(ctor) || "A pure component"
           );
         }
-      } else {
-        // The context value changed. Search for matching consumers and schedule
-        // them to update.
-        propagateContextChange(workInProgress, context, renderLanes);
-      }
-    }
-  }
 
-  var newChildren = newProps.children;
-  reconcileChildren(current, workInProgress, newChildren, renderLanes);
-  return workInProgress.child;
-}
+        if (typeof instance.componentDidUnmount === "function") {
+          error(
+            "%s has a method called " +
+              "componentDidUnmount(). But there is no such lifecycle method. " +
+              "Did you mean componentWillUnmount()?",
+            name
+          );
+        }
 
-var hasWarnedAboutUsingContextAsConsumer = false;
-
-function updateContextConsumer(current, workInProgress, renderLanes) {
-  var context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
+        if (typeof instance.componentDidReceiveProps === "function") {
+          error(
+            "%s has a method called " +
+              "componentDidReceiveProps(). But there is no such lifecycle method. " +
+              "If you meant to update the state in response to changing props, " +
+              "use componentWillReceiveProps(). If you meant to fetch data or " +
+              "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
+            name
+          );
+        }
 
+        if (typeof instance.componentWillRecieveProps === "function") {
           error(
-            "Rendering <Context> directly is not supported and will be removed in " +
-              "a future major release. Did you mean to render <Context.Consumer> instead?"
+            "%s has a method called " +
+              "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
+            name
           );
         }
-      }
-    } else {
-      context = context._context;
-    }
-  }
 
-  var newProps = workInProgress.pendingProps;
-  var render = newProps.children;
+        if (typeof instance.UNSAFE_componentWillRecieveProps === "function") {
+          error(
+            "%s has a method called " +
+              "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
+            name
+          );
+        }
 
-  {
-    if (typeof render !== "function") {
-      error(
-        "A context consumer was rendered with multiple children, or a child " +
-          "that isn't a function. A context consumer expects a single child " +
-          "that is a function. If you did pass a function, make sure there " +
-          "is no trailing or leading whitespace around it."
-      );
-    }
-  }
+        var hasMutatedProps = instance.props !== newProps;
 
-  prepareToReadContext(workInProgress, renderLanes);
-  var newValue = readContext(context);
+        if (instance.props !== undefined && hasMutatedProps) {
+          error(
+            "%s(...): When calling super() in `%s`, make sure to pass " +
+              "up the same props that your component's constructor was passed.",
+            name,
+            name
+          );
+        }
 
-  var newChildren;
+        if (instance.defaultProps) {
+          error(
+            "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
+              " Instead, define defaultProps as a static property on %s.",
+            name,
+            name
+          );
+        }
 
-  {
-    ReactCurrentOwner$1.current = workInProgress;
-    setIsRendering(true);
-    newChildren = render(newValue);
-    setIsRendering(false);
-  }
+        if (
+          typeof instance.getSnapshotBeforeUpdate === "function" &&
+          typeof instance.componentDidUpdate !== "function" &&
+          !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)
+        ) {
+          didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
 
-  workInProgress.flags |= PerformedWork;
-  reconcileChildren(current, workInProgress, newChildren, renderLanes);
-  return workInProgress.child;
-}
-
-function markWorkInProgressReceivedUpdate() {
-  didReceiveUpdate = true;
-}
+          error(
+            "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). " +
+              "This component defines getSnapshotBeforeUpdate() only.",
+            getComponentNameFromType(ctor)
+          );
+        }
 
-function resetSuspendedCurrentOnMountInLegacyMode(current, workInProgress) {
-  if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-    if (current !== null) {
-      // A lazy component only mounts if it suspended inside a non-
-      // concurrent tree, in an inconsistent state. We want to treat it like
-      // a new mount, even though an empty version of it already committed.
-      // Disconnect the alternate pointers.
-      current.alternate = null;
-      workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
+        if (typeof instance.getDerivedStateFromProps === "function") {
+          error(
+            "%s: getDerivedStateFromProps() is defined as an instance method " +
+              "and will be ignored. Instead, declare it as a static method.",
+            name
+          );
+        }
 
-      workInProgress.flags |= Placement;
-    }
-  }
-}
+        if (typeof instance.getDerivedStateFromError === "function") {
+          error(
+            "%s: getDerivedStateFromError() is defined as an instance method " +
+              "and will be ignored. Instead, declare it as a static method.",
+            name
+          );
+        }
 
-function bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes) {
-  if (current !== null) {
-    // Reuse previous dependencies
-    workInProgress.dependencies = current.dependencies;
-  }
+        if (typeof ctor.getSnapshotBeforeUpdate === "function") {
+          error(
+            "%s: getSnapshotBeforeUpdate() is defined as a static method " +
+              "and will be ignored. Instead, declare it as an instance method.",
+            name
+          );
+        }
 
-  {
-    // Don't update "base" render times for bailouts.
-    stopProfilerTimerIfRunning();
-  }
+        var state = instance.state;
 
-  markSkippedUpdateLanes(workInProgress.lanes); // Check if the children have any pending work.
+        if (state && (typeof state !== "object" || isArray(state))) {
+          error("%s.state: must be set to an object or null", name);
+        }
 
-  if (!includesSomeLane(renderLanes, workInProgress.childLanes)) {
-    // The children don't have any work either. We can skip them.
-    // TODO: Once we add back resuming, we should check if the children are
-    // a work-in-progress set. If so, we need to transfer their effects.
-    {
-      return null;
+        if (
+          typeof instance.getChildContext === "function" &&
+          typeof ctor.childContextTypes !== "object"
+        ) {
+          error(
+            "%s.getChildContext(): childContextTypes must be defined in order to " +
+              "use getChildContext().",
+            name
+          );
+        }
+      }
     }
-  } // This fiber doesn't have work, but its subtree does. Clone the child
-  // fibers and continue.
 
-  cloneChildFibers(current, workInProgress);
-  return workInProgress.child;
-}
+    function adoptClassInstance(workInProgress, instance) {
+      instance.updater = classComponentUpdater;
+      workInProgress.stateNode = instance; // The instance needs access to the fiber so that it can schedule updates
 
-function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
-  {
-    var returnFiber = oldWorkInProgress.return;
+      set(instance, workInProgress);
 
-    if (returnFiber === null) {
-      // eslint-disable-next-line react-internal/prod-error-codes
-      throw new Error("Cannot swap the root fiber.");
-    } // Disconnect from the old current.
-    // It will get deleted.
+      {
+        instance._reactInternalInstance = fakeInternalInstance;
+      }
+    }
 
-    current.alternate = null;
-    oldWorkInProgress.alternate = null; // Connect to the new tree.
+    function constructClassInstance(workInProgress, ctor, props) {
+      var isLegacyContextConsumer = false;
+      var unmaskedContext = emptyContextObject;
+      var context = emptyContextObject;
+      var contextType = ctor.contextType;
 
-    newWorkInProgress.index = oldWorkInProgress.index;
-    newWorkInProgress.sibling = oldWorkInProgress.sibling;
-    newWorkInProgress.return = oldWorkInProgress.return;
-    newWorkInProgress.ref = oldWorkInProgress.ref; // Replace the child/sibling pointers above it.
+      {
+        if ("contextType" in ctor) {
+          var isValid = // Allow null for conditional declaration
+            contextType === null ||
+            (contextType !== undefined &&
+              contextType.$$typeof === REACT_CONTEXT_TYPE &&
+              contextType._context === undefined); // Not a <Context.Consumer>
+
+          if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
+            didWarnAboutInvalidateContextType.add(ctor);
+            var addendum = "";
+
+            if (contextType === undefined) {
+              addendum =
+                " However, it is set to undefined. " +
+                "This can be caused by a typo or by mixing up named and default imports. " +
+                "This can also happen due to a circular dependency, so " +
+                "try moving the createContext() call to a separate file.";
+            } else if (typeof contextType !== "object") {
+              addendum = " However, it is set to a " + typeof contextType + ".";
+            } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
+              addendum =
+                " Did you accidentally pass the Context.Provider instead?";
+            } else if (contextType._context !== undefined) {
+              // <Context.Consumer>
+              addendum =
+                " Did you accidentally pass the Context.Consumer instead?";
+            } else {
+              addendum =
+                " However, it is set to an object with keys {" +
+                Object.keys(contextType).join(", ") +
+                "}.";
+            }
 
-    if (oldWorkInProgress === returnFiber.child) {
-      returnFiber.child = newWorkInProgress;
-    } else {
-      var prevSibling = returnFiber.child;
+            error(
+              "%s defines an invalid contextType. " +
+                "contextType should point to the Context object returned by React.createContext().%s",
+              getComponentNameFromType(ctor) || "Component",
+              addendum
+            );
+          }
+        }
+      }
 
-      if (prevSibling === null) {
-        // eslint-disable-next-line react-internal/prod-error-codes
-        throw new Error("Expected parent to have a child.");
+      if (typeof contextType === "object" && contextType !== null) {
+        context = readContext(contextType);
+      } else {
+        unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
+        var contextTypes = ctor.contextTypes;
+        isLegacyContextConsumer =
+          contextTypes !== null && contextTypes !== undefined;
+        context = isLegacyContextConsumer
+          ? getMaskedContext(workInProgress, unmaskedContext)
+          : emptyContextObject;
       }
 
-      while (prevSibling.sibling !== oldWorkInProgress) {
-        prevSibling = prevSibling.sibling;
+      var instance = new ctor(props, context); // Instantiate twice to help detect side-effects.
 
-        if (prevSibling === null) {
-          // eslint-disable-next-line react-internal/prod-error-codes
-          throw new Error("Expected to find the previous sibling.");
+      {
+        if (workInProgress.mode & StrictLegacyMode) {
+          setIsStrictModeForDevtools(true);
+
+          try {
+            instance = new ctor(props, context); // eslint-disable-line no-new
+          } finally {
+            setIsStrictModeForDevtools(false);
+          }
         }
       }
 
-      prevSibling.sibling = newWorkInProgress;
-    } // Delete the old fiber and place the new one.
-    // Since the old fiber is disconnected, we have to schedule it manually.
+      var state = (workInProgress.memoizedState =
+        instance.state !== null && instance.state !== undefined
+          ? instance.state
+          : null);
+      adoptClassInstance(workInProgress, instance);
+
+      {
+        if (
+          typeof ctor.getDerivedStateFromProps === "function" &&
+          state === null
+        ) {
+          var componentName = getComponentNameFromType(ctor) || "Component";
 
-    var deletions = returnFiber.deletions;
+          if (!didWarnAboutUninitializedState.has(componentName)) {
+            didWarnAboutUninitializedState.add(componentName);
 
-    if (deletions === null) {
-      returnFiber.deletions = [current];
-      returnFiber.flags |= ChildDeletion;
-    } else {
-      deletions.push(current);
-    }
+            error(
+              "`%s` uses `getDerivedStateFromProps` but its initial state is " +
+                "%s. This is not recommended. Instead, define the initial state by " +
+                "assigning an object to `this.state` in the constructor of `%s`. " +
+                "This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
+              componentName,
+              instance.state === null ? "null" : "undefined",
+              componentName
+            );
+          }
+        } // If new component APIs are defined, "unsafe" lifecycles won't be called.
+        // Warn about these lifecycles if they are present.
+        // Don't warn about react-lifecycles-compat polyfilled methods though.
 
-    newWorkInProgress.flags |= Placement; // Restart work from the new fiber.
+        if (
+          typeof ctor.getDerivedStateFromProps === "function" ||
+          typeof instance.getSnapshotBeforeUpdate === "function"
+        ) {
+          var foundWillMountName = null;
+          var foundWillReceivePropsName = null;
+          var foundWillUpdateName = null;
 
-    return newWorkInProgress;
-  }
-}
+          if (
+            typeof instance.componentWillMount === "function" &&
+            instance.componentWillMount.__suppressDeprecationWarning !== true
+          ) {
+            foundWillMountName = "componentWillMount";
+          } else if (typeof instance.UNSAFE_componentWillMount === "function") {
+            foundWillMountName = "UNSAFE_componentWillMount";
+          }
 
-function checkScheduledUpdateOrContext(current, renderLanes) {
-  // Before performing an early bailout, we must check if there are pending
-  // updates or context.
-  var updateLanes = current.lanes;
+          if (
+            typeof instance.componentWillReceiveProps === "function" &&
+            instance.componentWillReceiveProps.__suppressDeprecationWarning !==
+              true
+          ) {
+            foundWillReceivePropsName = "componentWillReceiveProps";
+          } else if (
+            typeof instance.UNSAFE_componentWillReceiveProps === "function"
+          ) {
+            foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps";
+          }
 
-  if (includesSomeLane(updateLanes, renderLanes)) {
-    return true;
-  } // No pending update, but because context is propagated lazily, we need
+          if (
+            typeof instance.componentWillUpdate === "function" &&
+            instance.componentWillUpdate.__suppressDeprecationWarning !== true
+          ) {
+            foundWillUpdateName = "componentWillUpdate";
+          } else if (
+            typeof instance.UNSAFE_componentWillUpdate === "function"
+          ) {
+            foundWillUpdateName = "UNSAFE_componentWillUpdate";
+          }
 
-  return false;
-}
+          if (
+            foundWillMountName !== null ||
+            foundWillReceivePropsName !== null ||
+            foundWillUpdateName !== null
+          ) {
+            var _componentName = getComponentNameFromType(ctor) || "Component";
 
-function attemptEarlyBailoutIfNoScheduledUpdate(
-  current,
-  workInProgress,
-  renderLanes
-) {
-  // This fiber does not have any pending work. Bailout without entering
-  // the begin phase. There's still some bookkeeping we that needs to be done
-  // in this optimized path, mostly pushing stuff onto the stack.
-  switch (workInProgress.tag) {
-    case HostRoot:
-      pushHostRootContext(workInProgress);
-      var root = workInProgress.stateNode;
-      break;
+            var newApiName =
+              typeof ctor.getDerivedStateFromProps === "function"
+                ? "getDerivedStateFromProps()"
+                : "getSnapshotBeforeUpdate()";
 
-    case HostComponent:
-      pushHostContext(workInProgress);
-      break;
+            if (
+              !didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)
+            ) {
+              didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
 
-    case ClassComponent: {
-      var Component = workInProgress.type;
+              error(
+                "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" +
+                  "%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n" +
+                  "The above lifecycles should be removed. Learn more about this warning here:\n" +
+                  "https://reactjs.org/link/unsafe-component-lifecycles",
+                _componentName,
+                newApiName,
+                foundWillMountName !== null ? "\n  " + foundWillMountName : "",
+                foundWillReceivePropsName !== null
+                  ? "\n  " + foundWillReceivePropsName
+                  : "",
+                foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : ""
+              );
+            }
+          }
+        }
+      } // Cache unmasked context so we can avoid recreating masked context unless necessary.
+      // ReactFiberContext usually updates this cache but can't for newly-created instances.
 
-      if (isContextProvider(Component)) {
-        pushContextProvider(workInProgress);
+      if (isLegacyContextConsumer) {
+        cacheContext(workInProgress, unmaskedContext, context);
       }
 
-      break;
+      return instance;
     }
 
-    case HostPortal:
-      pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
-      break;
-
-    case ContextProvider: {
-      var newValue = workInProgress.memoizedProps.value;
-      var context = workInProgress.type._context;
-      pushProvider(workInProgress, context, newValue);
-      break;
-    }
+    function callComponentWillMount(workInProgress, instance) {
+      var oldState = instance.state;
 
-    case Profiler:
-      {
-        // Profiler should only call onRender when one of its descendants actually rendered.
-        var hasChildWork = includesSomeLane(
-          renderLanes,
-          workInProgress.childLanes
-        );
+      if (typeof instance.componentWillMount === "function") {
+        instance.componentWillMount();
+      }
 
-        if (hasChildWork) {
-          workInProgress.flags |= Update;
-        }
+      if (typeof instance.UNSAFE_componentWillMount === "function") {
+        instance.UNSAFE_componentWillMount();
+      }
 
+      if (oldState !== instance.state) {
         {
-          // Reset effect durations for the next eventual effect phase.
-          // These are reset during render to allow the DevTools commit hook a chance to read them,
-          var stateNode = workInProgress.stateNode;
-          stateNode.effectDuration = 0;
-          stateNode.passiveEffectDuration = 0;
+          error(
+            "%s.componentWillMount(): Assigning directly to this.state is " +
+              "deprecated (except inside a component's " +
+              "constructor). Use setState instead.",
+            getComponentNameFromFiber(workInProgress) || "Component"
+          );
         }
+
+        classComponentUpdater.enqueueReplaceState(
+          instance,
+          instance.state,
+          null
+        );
       }
+    }
+
+    function callComponentWillReceiveProps(
+      workInProgress,
+      instance,
+      newProps,
+      nextContext
+    ) {
+      var oldState = instance.state;
 
-      break;
+      if (typeof instance.componentWillReceiveProps === "function") {
+        instance.componentWillReceiveProps(newProps, nextContext);
+      }
 
-    case SuspenseComponent: {
-      var state = workInProgress.memoizedState;
+      if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
+        instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+      }
 
-      if (state !== null) {
-        if (state.dehydrated !== null) {
-          pushSuspenseContext(
-            workInProgress,
-            setDefaultShallowSuspenseContext(suspenseStackCursor.current)
-          ); // We know that this component will suspend again because if it has
-          // been unsuspended it has committed as a resolved Suspense component.
-          // If it needs to be retried, it should have work scheduled on it.
+      if (instance.state !== oldState) {
+        {
+          var componentName =
+            getComponentNameFromFiber(workInProgress) || "Component";
 
-          workInProgress.flags |= DidCapture; // We should never render the children of a dehydrated boundary until we
-          // upgrade it. We return null instead of bailoutOnAlreadyFinishedWork.
+          if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
+            didWarnAboutStateAssignmentForComponent.add(componentName);
 
-          return null;
-        } // If this boundary is currently timed out, we need to decide
-        // whether to retry the primary children, or to skip over it and
-        // go straight to the fallback. Check the priority of the primary
-        // child fragment.
+            error(
+              "%s.componentWillReceiveProps(): Assigning directly to " +
+                "this.state is deprecated (except inside a component's " +
+                "constructor). Use setState instead.",
+              componentName
+            );
+          }
+        }
 
-        var primaryChildFragment = workInProgress.child;
-        var primaryChildLanes = primaryChildFragment.childLanes;
+        classComponentUpdater.enqueueReplaceState(
+          instance,
+          instance.state,
+          null
+        );
+      }
+    } // Invokes the mount life-cycles on a previously never rendered instance.
 
-        if (includesSomeLane(renderLanes, primaryChildLanes)) {
-          // The primary children have pending work. Use the normal path
-          // to attempt to render the primary children again.
-          return updateSuspenseComponent(current, workInProgress, renderLanes);
-        } else {
-          // The primary child fragment does not have pending work marked
-          // on it
-          pushSuspenseContext(
-            workInProgress,
-            setDefaultShallowSuspenseContext(suspenseStackCursor.current)
-          ); // The primary children do not have pending work with sufficient
-          // priority. Bailout.
+    function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
+      {
+        checkClassInstance(workInProgress, ctor, newProps);
+      }
 
-          var child = bailoutOnAlreadyFinishedWork(
-            current,
-            workInProgress,
-            renderLanes
-          );
+      var instance = workInProgress.stateNode;
+      instance.props = newProps;
+      instance.state = workInProgress.memoizedState;
+      instance.refs = {};
+      initializeUpdateQueue(workInProgress);
+      var contextType = ctor.contextType;
 
-          if (child !== null) {
-            // The fallback children have pending work. Skip over the
-            // primary children and work on the fallback.
-            return child.sibling;
-          } else {
-            // Note: We can return `null` here because we already checked
-            // whether there were nested context consumers, via the call to
-            // `bailoutOnAlreadyFinishedWork` above.
-            return null;
-          }
-        }
+      if (typeof contextType === "object" && contextType !== null) {
+        instance.context = readContext(contextType);
       } else {
-        pushSuspenseContext(
-          workInProgress,
-          setDefaultShallowSuspenseContext(suspenseStackCursor.current)
-        );
+        var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
+        instance.context = getMaskedContext(workInProgress, unmaskedContext);
       }
 
-      break;
-    }
+      {
+        if (instance.state === newProps) {
+          var componentName = getComponentNameFromType(ctor) || "Component";
 
-    case SuspenseListComponent: {
-      var didSuspendBefore = (current.flags & DidCapture) !== NoFlags;
+          if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
+            didWarnAboutDirectlyAssigningPropsToState.add(componentName);
 
-      var _hasChildWork = includesSomeLane(
-        renderLanes,
-        workInProgress.childLanes
-      );
+            error(
+              "%s: It is not recommended to assign props directly to state " +
+                "because updates to props won't be reflected in state. " +
+                "In most cases, it is better to use props directly.",
+              componentName
+            );
+          }
+        }
 
-      if (didSuspendBefore) {
-        if (_hasChildWork) {
-          // If something was in fallback state last time, and we have all the
-          // same children then we're still in progressive loading state.
-          // Something might get unblocked by state updates or retries in the
-          // tree which will affect the tail. So we need to use the normal
-          // path to compute the correct tail.
-          return updateSuspenseListComponent(
-            current,
+        if (workInProgress.mode & StrictLegacyMode) {
+          ReactStrictModeWarnings.recordLegacyContextWarning(
             workInProgress,
-            renderLanes
+            instance
           );
-        } // If none of the children had any work, that means that none of
-        // them got retried so they'll still be blocked in the same way
-        // as before. We can fast bail out.
+        }
 
-        workInProgress.flags |= DidCapture;
-      } // If nothing suspended before and we're rendering the same children,
-      // then the tail doesn't matter. Anything new that suspends will work
-      // in the "together" mode, so we can continue from the state we had.
+        ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
+          workInProgress,
+          instance
+        );
+      }
 
-      var renderState = workInProgress.memoizedState;
+      instance.state = workInProgress.memoizedState;
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
 
-      if (renderState !== null) {
-        // Reset to the "together" mode in case we've started a different
-        // update in the past but didn't complete it.
-        renderState.rendering = null;
-        renderState.tail = null;
-        renderState.lastEffect = null;
-      }
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        instance.state = workInProgress.memoizedState;
+      } // In order to support react-lifecycles-compat polyfilled components,
+      // Unsafe lifecycles should not be invoked for components using the new APIs.
 
-      pushSuspenseContext(workInProgress, suspenseStackCursor.current);
+      if (
+        typeof ctor.getDerivedStateFromProps !== "function" &&
+        typeof instance.getSnapshotBeforeUpdate !== "function" &&
+        (typeof instance.UNSAFE_componentWillMount === "function" ||
+          typeof instance.componentWillMount === "function")
+      ) {
+        callComponentWillMount(workInProgress, instance); // If we had additional state updates during this life-cycle, let's
+        // process them now.
 
-      if (_hasChildWork) {
-        break;
-      } else {
-        // If none of the children had any work, that means that none of
-        // them got retried so they'll still be blocked in the same way
-        // as before. We can fast bail out.
-        return null;
+        processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+        suspendIfUpdateReadFromEntangledAsyncAction();
+        instance.state = workInProgress.memoizedState;
       }
-    }
 
-    case OffscreenComponent:
-    case LegacyHiddenComponent: {
-      // Need to check if the tree still needs to be deferred. This is
-      // almost identical to the logic used in the normal update path,
-      // so we'll just enter that. The only difference is we'll bail out
-      // at the next level instead of this one, because the child props
-      // have not changed. Which is fine.
-      // TODO: Probably should refactor `beginWork` to split the bailout
-      // path from the normal path. I'm tempted to do a labeled break here
-      // but I won't :)
-      workInProgress.lanes = NoLanes;
-      return updateOffscreenComponent(current, workInProgress, renderLanes);
-    }
-  }
-
-  return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
-}
+      if (typeof instance.componentDidMount === "function") {
+        workInProgress.flags |= Update | LayoutStatic;
+      }
 
-function beginWork(current, workInProgress, renderLanes) {
-  {
-    if (workInProgress._debugNeedsRemount && current !== null) {
-      // This will restart the begin phase with a new fiber.
-      return remountFiber(
-        current,
-        workInProgress,
-        createFiberFromTypeAndProps(
-          workInProgress.type,
-          workInProgress.key,
-          workInProgress.pendingProps,
-          workInProgress._debugOwner || null,
-          workInProgress.mode,
-          workInProgress.lanes
-        )
-      );
+      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+        workInProgress.flags |= MountLayoutDev;
+      }
     }
-  }
-
-  if (current !== null) {
-    var oldProps = current.memoizedProps;
-    var newProps = workInProgress.pendingProps;
 
-    if (
-      oldProps !== newProps ||
-      hasContextChanged() || // Force a re-render if the implementation changed due to hot reload:
-      workInProgress.type !== current.type
+    function resumeMountClassInstance(
+      workInProgress,
+      ctor,
+      newProps,
+      renderLanes
     ) {
-      // If props or context changed, mark the fiber as having performed work.
-      // This may be unset if the props are determined to be equal later (memo).
-      didReceiveUpdate = true;
-    } else {
-      // Neither props nor legacy context changes. Check if there's a pending
-      // update or context change.
-      var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
-        current,
-        renderLanes
-      );
-
-      if (
-        !hasScheduledUpdateOrContext && // If this is the second pass of an error or suspense boundary, there
-        // may not be work scheduled on `current`, so we check for this flag.
-        (workInProgress.flags & DidCapture) === NoFlags
-      ) {
-        // No pending updates or context. Bail out now.
-        didReceiveUpdate = false;
-        return attemptEarlyBailoutIfNoScheduledUpdate(
-          current,
+      var instance = workInProgress.stateNode;
+      var oldProps = workInProgress.memoizedProps;
+      instance.props = oldProps;
+      var oldContext = instance.context;
+      var contextType = ctor.contextType;
+      var nextContext = emptyContextObject;
+
+      if (typeof contextType === "object" && contextType !== null) {
+        nextContext = readContext(contextType);
+      } else {
+        var nextLegacyUnmaskedContext = getUnmaskedContext(
           workInProgress,
-          renderLanes
+          ctor,
+          true
+        );
+        nextContext = getMaskedContext(
+          workInProgress,
+          nextLegacyUnmaskedContext
         );
       }
 
-      if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags) {
-        // This is a special case that only exists for legacy mode.
-        // See https://github.com/facebook/react/pull/19216.
-        didReceiveUpdate = true;
-      } else {
-        // An update was scheduled on this fiber, but there are no new props
-        // nor legacy context. Set this to false. If an update queue or context
-        // consumer produces a changed value, it will set this to true. Otherwise,
-        // the component will assume the children have not changed and bail out.
-        didReceiveUpdate = false;
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+      var hasNewLifecycles =
+        typeof getDerivedStateFromProps === "function" ||
+        typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
+      // ever the previously attempted to render - not the "current". However,
+      // during componentDidUpdate we pass the "current" props.
+      // In order to support react-lifecycles-compat polyfilled components,
+      // Unsafe lifecycles should not be invoked for components using the new APIs.
+
+      if (
+        !hasNewLifecycles &&
+        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+          typeof instance.componentWillReceiveProps === "function")
+      ) {
+        if (oldProps !== newProps || oldContext !== nextContext) {
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            newProps,
+            nextContext
+          );
+        }
       }
-    }
-  } else {
-    didReceiveUpdate = false;
-  } // Before entering the begin phase, clear pending update priority.
-  // TODO: This assumes that we're about to evaluate the component and process
-  // the update queue. However, there's an exception: SimpleMemoComponent
-  // sometimes bails out later in the begin phase. This indicates that we should
-  // move this assignment out of the common path and into each branch.
 
-  workInProgress.lanes = NoLanes;
+      resetHasForceUpdateBeforeProcessing();
+      var oldState = workInProgress.memoizedState;
+      var newState = (instance.state = oldState);
+      processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
+      newState = workInProgress.memoizedState;
 
-  switch (workInProgress.tag) {
-    case IndeterminateComponent: {
-      return mountIndeterminateComponent(
-        current,
-        workInProgress,
-        workInProgress.type,
-        renderLanes
-      );
-    }
+      if (
+        oldProps === newProps &&
+        oldState === newState &&
+        !hasContextChanged() &&
+        !checkHasForceUpdateAfterProcessing()
+      ) {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
 
-    case LazyComponent: {
-      var elementType = workInProgress.elementType;
-      return mountLazyComponent(
-        current,
-        workInProgress,
-        elementType,
-        renderLanes
-      );
-    }
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        }
 
-    case FunctionComponent: {
-      var Component = workInProgress.type;
-      var unresolvedProps = workInProgress.pendingProps;
-      var resolvedProps =
-        workInProgress.elementType === Component
-          ? unresolvedProps
-          : resolveDefaultProps(Component, unresolvedProps);
-      return updateFunctionComponent(
-        current,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderLanes
-      );
-    }
+        return false;
+      }
 
-    case ClassComponent: {
-      var _Component = workInProgress.type;
-      var _unresolvedProps = workInProgress.pendingProps;
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        newState = workInProgress.memoizedState;
+      }
 
-      var _resolvedProps =
-        workInProgress.elementType === _Component
-          ? _unresolvedProps
-          : resolveDefaultProps(_Component, _unresolvedProps);
+      var shouldUpdate =
+        checkHasForceUpdateAfterProcessing() ||
+        checkShouldComponentUpdate(
+          workInProgress,
+          ctor,
+          oldProps,
+          newProps,
+          oldState,
+          newState,
+          nextContext
+        );
 
-      return updateClassComponent(
-        current,
-        workInProgress,
-        _Component,
-        _resolvedProps,
-        renderLanes
-      );
-    }
+      if (shouldUpdate) {
+        // In order to support react-lifecycles-compat polyfilled components,
+        // Unsafe lifecycles should not be invoked for components using the new APIs.
+        if (
+          !hasNewLifecycles &&
+          (typeof instance.UNSAFE_componentWillMount === "function" ||
+            typeof instance.componentWillMount === "function")
+        ) {
+          if (typeof instance.componentWillMount === "function") {
+            instance.componentWillMount();
+          }
 
-    case HostRoot:
-      return updateHostRoot(current, workInProgress, renderLanes);
+          if (typeof instance.UNSAFE_componentWillMount === "function") {
+            instance.UNSAFE_componentWillMount();
+          }
+        }
 
-    case HostComponent:
-      return updateHostComponent(current, workInProgress, renderLanes);
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
 
-    case HostText:
-      return updateHostText();
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        }
+      } else {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
 
-    case SuspenseComponent:
-      return updateSuspenseComponent(current, workInProgress, renderLanes);
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        } // If shouldComponentUpdate returned false, we should still update the
+        // memoized state to indicate that this work can be reused.
 
-    case HostPortal:
-      return updatePortalComponent(current, workInProgress, renderLanes);
+        workInProgress.memoizedProps = newProps;
+        workInProgress.memoizedState = newState;
+      } // Update the existing instance's state, props, and context pointers even
+      // if shouldComponentUpdate returns false.
 
-    case ForwardRef: {
-      var type = workInProgress.type;
-      var _unresolvedProps2 = workInProgress.pendingProps;
+      instance.props = newProps;
+      instance.state = newState;
+      instance.context = nextContext;
+      return shouldUpdate;
+    } // Invokes the update life-cycles and returns false if it shouldn't rerender.
 
-      var _resolvedProps2 =
-        workInProgress.elementType === type
-          ? _unresolvedProps2
-          : resolveDefaultProps(type, _unresolvedProps2);
+    function updateClassInstance(
+      current,
+      workInProgress,
+      ctor,
+      newProps,
+      renderLanes
+    ) {
+      var instance = workInProgress.stateNode;
+      cloneUpdateQueue(current, workInProgress);
+      var unresolvedOldProps = workInProgress.memoizedProps;
+      var oldProps =
+        workInProgress.type === workInProgress.elementType
+          ? unresolvedOldProps
+          : resolveDefaultProps(workInProgress.type, unresolvedOldProps);
+      instance.props = oldProps;
+      var unresolvedNewProps = workInProgress.pendingProps;
+      var oldContext = instance.context;
+      var contextType = ctor.contextType;
+      var nextContext = emptyContextObject;
+
+      if (typeof contextType === "object" && contextType !== null) {
+        nextContext = readContext(contextType);
+      } else {
+        var nextUnmaskedContext = getUnmaskedContext(
+          workInProgress,
+          ctor,
+          true
+        );
+        nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
+      }
 
-      return updateForwardRef(
-        current,
-        workInProgress,
-        type,
-        _resolvedProps2,
-        renderLanes
-      );
-    }
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+      var hasNewLifecycles =
+        typeof getDerivedStateFromProps === "function" ||
+        typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
+      // ever the previously attempted to render - not the "current". However,
+      // during componentDidUpdate we pass the "current" props.
+      // In order to support react-lifecycles-compat polyfilled components,
+      // Unsafe lifecycles should not be invoked for components using the new APIs.
 
-    case Fragment:
-      return updateFragment(current, workInProgress, renderLanes);
+      if (
+        !hasNewLifecycles &&
+        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+          typeof instance.componentWillReceiveProps === "function")
+      ) {
+        if (
+          unresolvedOldProps !== unresolvedNewProps ||
+          oldContext !== nextContext
+        ) {
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            newProps,
+            nextContext
+          );
+        }
+      }
 
-    case Mode:
-      return updateMode(current, workInProgress, renderLanes);
+      resetHasForceUpdateBeforeProcessing();
+      var oldState = workInProgress.memoizedState;
+      var newState = (instance.state = oldState);
+      processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
+      newState = workInProgress.memoizedState;
 
-    case Profiler:
-      return updateProfiler(current, workInProgress, renderLanes);
+      if (
+        unresolvedOldProps === unresolvedNewProps &&
+        oldState === newState &&
+        !hasContextChanged() &&
+        !checkHasForceUpdateAfterProcessing() &&
+        !enableLazyContextPropagation
+      ) {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Update;
+          }
+        }
 
-    case ContextProvider:
-      return updateContextProvider(current, workInProgress, renderLanes);
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Snapshot;
+          }
+        }
 
-    case ContextConsumer:
-      return updateContextConsumer(current, workInProgress, renderLanes);
+        return false;
+      }
 
-    case MemoComponent: {
-      var _type2 = workInProgress.type;
-      var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        newState = workInProgress.memoizedState;
+      }
 
-      var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
+      var shouldUpdate =
+        checkHasForceUpdateAfterProcessing() ||
+        checkShouldComponentUpdate(
+          workInProgress,
+          ctor,
+          oldProps,
+          newProps,
+          oldState,
+          newState,
+          nextContext
+        ) || // TODO: In some cases, we'll end up checking if context has changed twice,
+        // both before and after `shouldComponentUpdate` has been called. Not ideal,
+        // but I'm loath to refactor this function. This only happens for memoized
+        // components so it's not that common.
+        enableLazyContextPropagation;
 
-      {
-        if (workInProgress.type !== workInProgress.elementType) {
-          var outerPropTypes = _type2.propTypes;
+      if (shouldUpdate) {
+        // In order to support react-lifecycles-compat polyfilled components,
+        // Unsafe lifecycles should not be invoked for components using the new APIs.
+        if (
+          !hasNewLifecycles &&
+          (typeof instance.UNSAFE_componentWillUpdate === "function" ||
+            typeof instance.componentWillUpdate === "function")
+        ) {
+          if (typeof instance.componentWillUpdate === "function") {
+            instance.componentWillUpdate(newProps, newState, nextContext);
+          }
 
-          if (outerPropTypes) {
-            checkPropTypes(
-              outerPropTypes,
-              _resolvedProps3, // Resolved for outer only
-              "prop",
-              getComponentNameFromType(_type2)
+          if (typeof instance.UNSAFE_componentWillUpdate === "function") {
+            instance.UNSAFE_componentWillUpdate(
+              newProps,
+              newState,
+              nextContext
             );
           }
         }
-      }
 
-      _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
-      return updateMemoComponent(
-        current,
-        workInProgress,
-        _type2,
-        _resolvedProps3,
-        renderLanes
-      );
-    }
-
-    case SimpleMemoComponent: {
-      return updateSimpleMemoComponent(
-        current,
-        workInProgress,
-        workInProgress.type,
-        workInProgress.pendingProps,
-        renderLanes
-      );
-    }
+        if (typeof instance.componentDidUpdate === "function") {
+          workInProgress.flags |= Update;
+        }
 
-    case IncompleteClassComponent: {
-      var _Component2 = workInProgress.type;
-      var _unresolvedProps4 = workInProgress.pendingProps;
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          workInProgress.flags |= Snapshot;
+        }
+      } else {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Update;
+          }
+        }
 
-      var _resolvedProps4 =
-        workInProgress.elementType === _Component2
-          ? _unresolvedProps4
-          : resolveDefaultProps(_Component2, _unresolvedProps4);
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Snapshot;
+          }
+        } // If shouldComponentUpdate returned false, we should still update the
+        // memoized props/state to indicate that this work can be reused.
 
-      return mountIncompleteClassComponent(
-        current,
-        workInProgress,
-        _Component2,
-        _resolvedProps4,
-        renderLanes
-      );
-    }
+        workInProgress.memoizedProps = newProps;
+        workInProgress.memoizedState = newState;
+      } // Update the existing instance's state, props, and context pointers even
+      // if shouldComponentUpdate returns false.
 
-    case SuspenseListComponent: {
-      return updateSuspenseListComponent(current, workInProgress, renderLanes);
+      instance.props = newProps;
+      instance.state = newState;
+      instance.context = nextContext;
+      return shouldUpdate;
     }
 
-    case ScopeComponent: {
-      break;
+    function createCapturedValueAtFiber(value, source) {
+      // If the value is an error, call this function immediately after it is thrown
+      // so the stack is accurate.
+      return {
+        value: value,
+        source: source,
+        stack: getStackByFiberInDevAndProd(source),
+        digest: null
+      };
     }
-
-    case OffscreenComponent: {
-      return updateOffscreenComponent(current, workInProgress, renderLanes);
+    function createCapturedValue(value, digest, stack) {
+      return {
+        value: value,
+        source: null,
+        stack: stack != null ? stack : null,
+        digest: digest != null ? digest : null
+      };
     }
-  }
 
-  throw new Error(
-    "Unknown unit of work tag (" +
-      workInProgress.tag +
-      "). This error is likely caused by a bug in " +
-      "React. Please file an issue."
-  );
-}
-
-function markUpdate(workInProgress) {
-  // Tag the fiber with an update effect. This turns a Placement into
-  // a PlacementAndUpdate.
-  workInProgress.flags |= Update;
-}
-
-function markRef$1(workInProgress) {
-  workInProgress.flags |= Ref;
-}
-
-function hadNoMutationsEffects(current, completedWork) {
-  var didBailout = current !== null && current.child === completedWork.child;
-
-  if (didBailout) {
-    return true;
-  }
-
-  if ((completedWork.flags & ChildDeletion) !== NoFlags) {
-    return false;
-  } // TODO: If we move the `hadNoMutationsEffects` call after `bubbleProperties`
-  // then we only have to check the `completedWork.subtreeFlags`.
-
-  var child = completedWork.child;
-
-  while (child !== null) {
     if (
-      (child.flags & MutationMask) !== NoFlags ||
-      (child.subtreeFlags & MutationMask) !== NoFlags
+      typeof ReactNativePrivateInterface.ReactFiberErrorDialog
+        .showErrorDialog !== "function"
     ) {
-      return false;
+      throw new Error(
+        "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
+      );
     }
 
-    child = child.sibling;
-  }
-
-  return true;
-}
+    function showErrorDialog(boundary, errorInfo) {
+      var capturedError = {
+        componentStack: errorInfo.stack !== null ? errorInfo.stack : "",
+        error: errorInfo.value,
+        errorBoundary:
+          boundary !== null && boundary.tag === ClassComponent
+            ? boundary.stateNode
+            : null
+      };
+      return ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+        capturedError
+      );
+    }
 
-var appendAllChildren;
-var updateHostContainer;
-var updateHostComponent$1;
-var updateHostText$1;
-
-{
-  // Persistent host tree mode
-  appendAllChildren = function(
-    parent,
-    workInProgress,
-    needsVisibilityToggle,
-    isHidden
-  ) {
-    // We only have the top Fiber that was created but we need recurse down its
-    // children to find all the terminal nodes.
-    var node = workInProgress.child;
-
-    while (node !== null) {
-      // eslint-disable-next-line no-labels
-      if (node.tag === HostComponent) {
-        var instance = node.stateNode;
-
-        if (needsVisibilityToggle && isHidden) {
-          // This child is inside a timed out tree. Hide it.
-          var props = node.memoizedProps;
-          var type = node.type;
-          instance = cloneHiddenInstance(instance);
-        }
-
-        appendInitialChild(parent, instance);
-      } else if (node.tag === HostText) {
-        var _instance = node.stateNode;
-
-        if (needsVisibilityToggle && isHidden) {
-          // This child is inside a timed out tree. Hide it.
-          var text = node.memoizedProps;
-          _instance = cloneHiddenTextInstance();
-        }
-
-        appendInitialChild(parent, _instance);
-      } else if (node.tag === HostPortal);
-      else if (node.tag === OffscreenComponent && node.memoizedState !== null) {
-        // The children in this boundary are hidden. Toggle their visibility
-        // before appending.
-        var child = node.child;
+    function logCapturedError(boundary, errorInfo) {
+      try {
+        var logError = showErrorDialog(boundary, errorInfo); // Allow injected showErrorDialog() to prevent default console.error logging.
+        // This enables renderers like ReactNative to better manage redbox behavior.
 
-        if (child !== null) {
-          child.return = node;
+        if (logError === false) {
+          return;
         }
 
-        appendAllChildren(parent, node, true, true);
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      } // $FlowFixMe This is correct but Flow is confused by the labeled break.
-
-      node = node;
+        var error = errorInfo.value;
+
+        if (true) {
+          var source = errorInfo.source;
+          var stack = errorInfo.stack;
+          var componentStack = stack !== null ? stack : ""; // Browsers support silencing uncaught errors by calling
+          // `preventDefault()` in window `error` handler.
+          // We record this information as an expando on the error.
+
+          if (error != null && error._suppressLogging) {
+            if (boundary.tag === ClassComponent) {
+              // The error is recoverable and was silenced.
+              // Ignore it and don't print the stack addendum.
+              // This is handy for testing error boundaries without noise.
+              return;
+            } // The error is fatal. Since the silencing might have
+            // been accidental, we'll surface it anyway.
+            // However, the browser would have silenced the original error
+            // so we'll print it first, and then print the stack addendum.
+
+            console["error"](error); // Don't transform to our wrapper
+            // For a more detailed description of this block, see:
+            // https://github.com/facebook/react/pull/13384
+          }
 
-      if (node === workInProgress) {
-        return;
-      }
+          var componentName = source ? getComponentNameFromFiber(source) : null;
+          var componentNameMessage = componentName
+            ? "The above error occurred in the <" +
+              componentName +
+              "> component:"
+            : "The above error occurred in one of your React components:";
+          var errorBoundaryMessage;
+
+          if (boundary.tag === HostRoot) {
+            errorBoundaryMessage =
+              "Consider adding an error boundary to your tree to customize error handling behavior.\n" +
+              "Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.";
+          } else {
+            var errorBoundaryName =
+              getComponentNameFromFiber(boundary) || "Anonymous";
+            errorBoundaryMessage =
+              "React will try to recreate this component tree from scratch " +
+              ("using the error boundary you provided, " +
+                errorBoundaryName +
+                ".");
+          }
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === workInProgress) {
-          return;
+          var combinedMessage =
+            componentNameMessage +
+            "\n" +
+            componentStack +
+            "\n\n" +
+            ("" + errorBoundaryMessage); // In development, we provide our own message with just the component stack.
+          // We don't include the original error message and JS stack because the browser
+          // has already printed it. Even if the application swallows the error, it is still
+          // displayed by the browser thanks to the DEV-only fake event trick in ReactErrorUtils.
+
+          console["error"](combinedMessage); // Don't transform to our wrapper
         }
-
-        node = node.return;
+      } catch (e) {
+        // This method must not throw, or React internal state will get messed up.
+        // If console.error is overridden, or logCapturedError() shows a dialog that throws,
+        // we want to report this error outside of the normal stack as a last resort.
+        // https://github.com/facebook/react/issues/13188
+        setTimeout(function () {
+          throw e;
+        });
       }
-
-      node.sibling.return = node.return;
-      node = node.sibling;
     }
-  }; // An unfortunate fork of appendAllChildren because we have two different parent types.
 
-  var appendAllChildrenToContainer = function(
-    containerChildSet,
-    workInProgress,
-    needsVisibilityToggle,
-    isHidden
-  ) {
-    // We only have the top Fiber that was created but we need recurse down its
-    // children to find all the terminal nodes.
-    var node = workInProgress.child;
+    function createRootErrorUpdate(fiber, errorInfo, lane) {
+      var update = createUpdate(lane); // Unmount the root by rendering null.
 
-    while (node !== null) {
-      // eslint-disable-next-line no-labels
-      if (node.tag === HostComponent) {
-        var instance = node.stateNode;
+      update.tag = CaptureUpdate; // Caution: React DevTools currently depends on this property
+      // being called "element".
 
-        if (needsVisibilityToggle && isHidden) {
-          // This child is inside a timed out tree. Hide it.
-          var props = node.memoizedProps;
-          var type = node.type;
-          instance = cloneHiddenInstance(instance);
-        }
+      update.payload = {
+        element: null
+      };
+      var error = errorInfo.value;
 
-        appendChildToContainerChildSet(containerChildSet, instance);
-      } else if (node.tag === HostText) {
-        var _instance2 = node.stateNode;
+      update.callback = function () {
+        onUncaughtError(error);
+        logCapturedError(fiber, errorInfo);
+      };
 
-        if (needsVisibilityToggle && isHidden) {
-          // This child is inside a timed out tree. Hide it.
-          var text = node.memoizedProps;
-          _instance2 = cloneHiddenTextInstance();
-        }
+      return update;
+    }
 
-        appendChildToContainerChildSet(containerChildSet, _instance2);
-      } else if (node.tag === HostPortal);
-      else if (node.tag === OffscreenComponent && node.memoizedState !== null) {
-        // The children in this boundary are hidden. Toggle their visibility
-        // before appending.
-        var child = node.child;
+    function createClassErrorUpdate(fiber, errorInfo, lane) {
+      var update = createUpdate(lane);
+      update.tag = CaptureUpdate;
+      var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
 
-        if (child !== null) {
-          child.return = node;
-        }
+      if (typeof getDerivedStateFromError === "function") {
+        var error$1 = errorInfo.value;
 
-        appendAllChildrenToContainer(containerChildSet, node, true, true);
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      } // $FlowFixMe This is correct but Flow is confused by the labeled break.
+        update.payload = function () {
+          return getDerivedStateFromError(error$1);
+        };
 
-      node = node;
+        update.callback = function () {
+          {
+            markFailedErrorBoundaryForHotReloading(fiber);
+          }
 
-      if (node === workInProgress) {
-        return;
+          logCapturedError(fiber, errorInfo);
+        };
       }
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === workInProgress) {
-          return;
-        }
+      var inst = fiber.stateNode;
 
-        node = node.return;
-      }
+      if (inst !== null && typeof inst.componentDidCatch === "function") {
+        // $FlowFixMe[missing-this-annot]
+        update.callback = function callback() {
+          {
+            markFailedErrorBoundaryForHotReloading(fiber);
+          }
 
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  };
+          logCapturedError(fiber, errorInfo);
 
-  updateHostContainer = function(current, workInProgress) {
-    var portalOrRoot = workInProgress.stateNode;
-    var childrenUnchanged = hadNoMutationsEffects(current, workInProgress);
+          if (typeof getDerivedStateFromError !== "function") {
+            // To preserve the preexisting retry behavior of error boundaries,
+            // we keep track of which ones already failed during this batch.
+            // This gets reset before we yield back to the browser.
+            // TODO: Warn in strict mode if getDerivedStateFromError is
+            // not defined.
+            markLegacyErrorBoundaryAsFailed(this);
+          }
 
-    if (childrenUnchanged);
-    else {
-      var container = portalOrRoot.containerInfo;
-      var newChildSet = createContainerChildSet(container); // If children might have changed, we have to add them all to the set.
+          var error$1 = errorInfo.value;
+          var stack = errorInfo.stack;
+          this.componentDidCatch(error$1, {
+            componentStack: stack !== null ? stack : ""
+          });
 
-      appendAllChildrenToContainer(newChildSet, workInProgress, false, false);
-      portalOrRoot.pendingChildren = newChildSet; // Schedule an update on the container to swap out the container.
+          {
+            if (typeof getDerivedStateFromError !== "function") {
+              // If componentDidCatch is the only error boundary method defined,
+              // then it needs to call setState to recover from errors.
+              // If no state update is scheduled then the boundary will swallow the error.
+              if (!includesSomeLane(fiber.lanes, SyncLane)) {
+                error(
+                  "%s: Error boundaries should implement getDerivedStateFromError(). " +
+                    "In that method, return a state update to display an error message or fallback UI.",
+                  getComponentNameFromFiber(fiber) || "Unknown"
+                );
+              }
+            }
+          }
+        };
+      }
 
-      markUpdate(workInProgress);
-      finalizeContainerChildren(container, newChildSet);
+      return update;
     }
-  };
 
-  updateHostComponent$1 = function(
-    current,
-    workInProgress,
-    type,
-    newProps,
-    rootContainerInstance
-  ) {
-    var currentInstance = current.stateNode;
-    var oldProps = current.memoizedProps; // If there are no effects associated with this node, then none of our children had any updates.
-    // This guarantees that we can reuse all of them.
+    function resetSuspendedComponent(sourceFiber, rootRenderLanes) {
+      // A legacy mode Suspense quirk, only relevant to hook components.
 
-    var childrenUnchanged = hadNoMutationsEffects(current, workInProgress);
+      var tag = sourceFiber.tag;
 
-    if (childrenUnchanged && oldProps === newProps) {
-      // No changes, just reuse the existing instance.
-      // Note that this might release a previous clone.
-      workInProgress.stateNode = currentInstance;
-      return;
-    }
-
-    var recyclableInstance = workInProgress.stateNode;
-    var currentHostContext = getHostContext();
-    var updatePayload = null;
-
-    if (oldProps !== newProps) {
-      updatePayload = prepareUpdate(
-        recyclableInstance,
-        type,
-        oldProps,
-        newProps
-      );
-    }
+      if (
+        (sourceFiber.mode & ConcurrentMode) === NoMode &&
+        (tag === FunctionComponent ||
+          tag === ForwardRef ||
+          tag === SimpleMemoComponent)
+      ) {
+        var currentSource = sourceFiber.alternate;
 
-    if (childrenUnchanged && updatePayload === null) {
-      // No changes, just reuse the existing instance.
-      // Note that this might release a previous clone.
-      workInProgress.stateNode = currentInstance;
-      return;
+        if (currentSource) {
+          sourceFiber.updateQueue = currentSource.updateQueue;
+          sourceFiber.memoizedState = currentSource.memoizedState;
+          sourceFiber.lanes = currentSource.lanes;
+        } else {
+          sourceFiber.updateQueue = null;
+          sourceFiber.memoizedState = null;
+        }
+      }
     }
 
-    var newInstance = cloneInstance(
-      currentInstance,
-      updatePayload,
-      type,
-      oldProps,
-      newProps,
-      workInProgress,
-      childrenUnchanged
-    );
-
-    workInProgress.stateNode = newInstance;
-
-    if (childrenUnchanged) {
-      // If there are no other effects in this tree, we need to flag this node as having one.
-      // Even though we're not going to use it for anything.
-      // Otherwise parents won't know that there are new children to propagate upwards.
-      markUpdate(workInProgress);
-    } else {
-      // If children might have changed, we have to add them all to the set.
-      appendAllChildren(newInstance, workInProgress, false, false);
-    }
-  };
-
-  updateHostText$1 = function(current, workInProgress, oldText, newText) {
-    if (oldText !== newText) {
-      // If the text content differs, we'll create a new text instance for it.
-      var rootContainerInstance = getRootHostContainer();
-      var currentHostContext = getHostContext();
-      workInProgress.stateNode = createTextInstance(
-        newText,
-        rootContainerInstance,
-        currentHostContext,
-        workInProgress
-      ); // We'll have to mark it as having an effect, even though we won't use the effect for anything.
-      // This lets the parents know that at least one of their children has changed.
-
-      markUpdate(workInProgress);
-    } else {
-      workInProgress.stateNode = current.stateNode;
-    }
-  };
-}
+    function markSuspenseBoundaryShouldCapture(
+      suspenseBoundary,
+      returnFiber,
+      sourceFiber,
+      root,
+      rootRenderLanes
+    ) {
+      // This marks a Suspense boundary so that when we're unwinding the stack,
+      // it captures the suspended "exception" and does a second (fallback) pass.
+      if ((suspenseBoundary.mode & ConcurrentMode) === NoMode) {
+        // Legacy Mode Suspense
+        //
+        // If the boundary is in legacy mode, we should *not*
+        // suspend the commit. Pretend as if the suspended component rendered
+        // null and keep rendering. When the Suspense boundary completes,
+        // we'll do a second pass to render the fallback.
+        if (suspenseBoundary === returnFiber) {
+          // Special case where we suspended while reconciling the children of
+          // a Suspense boundary's inner Offscreen wrapper fiber. This happens
+          // when a React.lazy component is a direct child of a
+          // Suspense boundary.
+          //
+          // Suspense boundaries are implemented as multiple fibers, but they
+          // are a single conceptual unit. The legacy mode behavior where we
+          // pretend the suspended fiber committed as `null` won't work,
+          // because in this case the "suspended" fiber is the inner
+          // Offscreen wrapper.
+          //
+          // Because the contents of the boundary haven't started rendering
+          // yet (i.e. nothing in the tree has partially rendered) we can
+          // switch to the regular, concurrent mode behavior: mark the
+          // boundary with ShouldCapture and enter the unwind phase.
+          suspenseBoundary.flags |= ShouldCapture;
+        } else {
+          suspenseBoundary.flags |= DidCapture;
+          sourceFiber.flags |= ForceUpdateForLegacySuspense; // We're going to commit this fiber even though it didn't complete.
+          // But we shouldn't call any lifecycle methods or callbacks. Remove
+          // all lifecycle effect tags.
 
-function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
-  switch (renderState.tailMode) {
-    case "hidden": {
-      // Any insertions at the end of the tail list after this point
-      // should be invisible. If there are already mounted boundaries
-      // anything before them are not considered for collapsing.
-      // Therefore we need to go through the whole tail to find if
-      // there are any.
-      var tailNode = renderState.tail;
-      var lastTailNode = null;
-
-      while (tailNode !== null) {
-        if (tailNode.alternate !== null) {
-          lastTailNode = tailNode;
-        }
-
-        tailNode = tailNode.sibling;
-      } // Next we're simply going to delete all insertions after the
-      // last rendered item.
-
-      if (lastTailNode === null) {
-        // All remaining items in the tail are insertions.
-        renderState.tail = null;
-      } else {
-        // Detach the insertion after the last node that was already
-        // inserted.
-        lastTailNode.sibling = null;
-      }
+          sourceFiber.flags &= ~(LifecycleEffectMask | Incomplete);
 
-      break;
-    }
+          if (sourceFiber.tag === ClassComponent) {
+            var currentSourceFiber = sourceFiber.alternate;
 
-    case "collapsed": {
-      // Any insertions at the end of the tail list after this point
-      // should be invisible. If there are already mounted boundaries
-      // anything before them are not considered for collapsing.
-      // Therefore we need to go through the whole tail to find if
-      // there are any.
-      var _tailNode = renderState.tail;
-      var _lastTailNode = null;
+            if (currentSourceFiber === null) {
+              // This is a new mount. Change the tag so it's not mistaken for a
+              // completed class component. For example, we should not call
+              // componentWillUnmount if it is deleted.
+              sourceFiber.tag = IncompleteClassComponent;
+            } else {
+              // When we try rendering again, we should not reuse the current fiber,
+              // since it's known to be in an inconsistent state. Use a force update to
+              // prevent a bail out.
+              var update = createUpdate(SyncLane);
+              update.tag = ForceUpdate;
+              enqueueUpdate(sourceFiber, update, SyncLane);
+            }
+          } // The source fiber did not complete. Mark it with Sync priority to
+          // indicate that it still has pending work.
 
-      while (_tailNode !== null) {
-        if (_tailNode.alternate !== null) {
-          _lastTailNode = _tailNode;
+          sourceFiber.lanes = mergeLanes(sourceFiber.lanes, SyncLane);
         }
 
-        _tailNode = _tailNode.sibling;
-      } // Next we're simply going to delete all insertions after the
-      // last rendered item.
+        return suspenseBoundary;
+      } // Confirmed that the boundary is in a concurrent mode tree. Continue
+      // with the normal suspend path.
+      //
+      // After this we'll use a set of heuristics to determine whether this
+      // render pass will run to completion or restart or "suspend" the commit.
+      // The actual logic for this is spread out in different places.
+      //
+      // This first principle is that if we're going to suspend when we complete
+      // a root, then we should also restart if we get an update or ping that
+      // might unsuspend it, and vice versa. The only reason to suspend is
+      // because you think you might want to restart before committing. However,
+      // it doesn't make sense to restart only while in the period we're suspended.
+      //
+      // Restarting too aggressively is also not good because it starves out any
+      // intermediate loading state. So we use heuristics to determine when.
+      // Suspense Heuristics
+      //
+      // If nothing threw a Promise or all the same fallbacks are already showing,
+      // then don't suspend/restart.
+      //
+      // If this is an initial render of a new tree of Suspense boundaries and
+      // those trigger a fallback, then don't suspend/restart. We want to ensure
+      // that we can show the initial loading state as quickly as possible.
+      //
+      // If we hit a "Delayed" case, such as when we'd switch from content back into
+      // a fallback, then we should always suspend/restart. Transitions apply
+      // to this case. If none is defined, JND is used instead.
+      //
+      // If we're already showing a fallback and it gets "retried", allowing us to show
+      // another level, but there's still an inner boundary that would show a fallback,
+      // then we suspend/restart for 500ms since the last time we showed a fallback
+      // anywhere in the tree. This effectively throttles progressive loading into a
+      // consistent train of commits. This also gives us an opportunity to restart to
+      // get to the completed state slightly earlier.
+      //
+      // If there's ambiguity due to batching it's resolved in preference of:
+      // 1) "delayed", 2) "initial render", 3) "retry".
+      //
+      // We want to ensure that a "busy" state doesn't get force committed. We want to
+      // ensure that new initial loading states can commit as soon as possible.
 
-      if (_lastTailNode === null) {
-        // All remaining items in the tail are insertions.
-        if (!hasRenderedATailFallback && renderState.tail !== null) {
-          // We suspended during the head. We want to show at least one
-          // row at the tail. So we'll keep on and cut off the rest.
-          renderState.tail.sibling = null;
-        } else {
-          renderState.tail = null;
-        }
-      } else {
-        // Detach the insertion after the last node that was already
-        // inserted.
-        _lastTailNode.sibling = null;
-      }
+      suspenseBoundary.flags |= ShouldCapture; // TODO: I think we can remove this, since we now use `DidCapture` in
+      // the begin phase to prevent an early bailout.
 
-      break;
+      suspenseBoundary.lanes = rootRenderLanes;
+      return suspenseBoundary;
     }
-  }
-}
 
-function bubbleProperties(completedWork) {
-  var didBailout =
-    completedWork.alternate !== null &&
-    completedWork.alternate.child === completedWork.child;
-  var newChildLanes = NoLanes;
-  var subtreeFlags = NoFlags;
-
-  if (!didBailout) {
-    // Bubble up the earliest expiration time.
-    if ((completedWork.mode & ProfileMode) !== NoMode) {
-      // In profiling mode, resetChildExpirationTime is also used to reset
-      // profiler durations.
-      var actualDuration = completedWork.actualDuration;
-      var treeBaseDuration = completedWork.selfBaseDuration;
-      var child = completedWork.child;
+    function throwException(
+      root,
+      returnFiber,
+      sourceFiber,
+      value,
+      rootRenderLanes
+    ) {
+      // The source fiber did not complete.
+      sourceFiber.flags |= Incomplete;
 
-      while (child !== null) {
-        newChildLanes = mergeLanes(
-          newChildLanes,
-          mergeLanes(child.lanes, child.childLanes)
-        );
-        subtreeFlags |= child.subtreeFlags;
-        subtreeFlags |= child.flags; // When a fiber is cloned, its actualDuration is reset to 0. This value will
-        // only be updated if work is done on the fiber (i.e. it doesn't bailout).
-        // When work is done, it should bubble to the parent's actualDuration. If
-        // the fiber has not been cloned though, (meaning no work was done), then
-        // this value will reflect the amount of time spent working on a previous
-        // render. In that case it should not bubble. We determine whether it was
-        // cloned by comparing the child pointer.
-
-        actualDuration += child.actualDuration;
-        treeBaseDuration += child.treeBaseDuration;
-        child = child.sibling;
+      {
+        if (isDevToolsPresent) {
+          // If we have pending work still, restore the original updaters
+          restorePendingUpdaters(root, rootRenderLanes);
+        }
       }
 
-      completedWork.actualDuration = actualDuration;
-      completedWork.treeBaseDuration = treeBaseDuration;
-    } else {
-      var _child = completedWork.child;
+      if (value !== null && typeof value === "object") {
+        if (typeof value.then === "function") {
+          // This is a wakeable. The component suspended.
+          var wakeable = value;
+          resetSuspendedComponent(sourceFiber);
+
+          var suspenseBoundary = getSuspenseHandler();
+
+          if (suspenseBoundary !== null) {
+            switch (suspenseBoundary.tag) {
+              case SuspenseComponent: {
+                // If this suspense boundary is not already showing a fallback, mark
+                // the in-progress render as suspended. We try to perform this logic
+                // as soon as soon as possible during the render phase, so the work
+                // loop can know things like whether it's OK to switch to other tasks,
+                // or whether it can wait for data to resolve before continuing.
+                // TODO: Most of these checks are already performed when entering a
+                // Suspense boundary. We should track the information on the stack so
+                // we don't have to recompute it on demand. This would also allow us
+                // to unify with `use` which needs to perform this logic even sooner,
+                // before `throwException` is called.
+                if (sourceFiber.mode & ConcurrentMode) {
+                  if (getShellBoundary() === null) {
+                    // Suspended in the "shell" of the app. This is an undesirable
+                    // loading state. We should avoid committing this tree.
+                    renderDidSuspendDelayIfPossible();
+                  } else {
+                    // If we suspended deeper than the shell, we don't need to delay
+                    // the commmit. However, we still call renderDidSuspend if this is
+                    // a new boundary, to tell the work loop that a new fallback has
+                    // appeared during this render.
+                    // TODO: Theoretically we should be able to delete this branch.
+                    // It's currently used for two things: 1) to throttle the
+                    // appearance of successive loading states, and 2) in
+                    // SuspenseList, to determine whether the children include any
+                    // pending fallbacks. For 1, we should apply throttling to all
+                    // retries, not just ones that render an additional fallback. For
+                    // 2, we should check subtreeFlags instead. Then we can delete
+                    // this branch.
+                    var current = suspenseBoundary.alternate;
+
+                    if (current === null) {
+                      renderDidSuspend();
+                    }
+                  }
+                }
 
-      while (_child !== null) {
-        newChildLanes = mergeLanes(
-          newChildLanes,
-          mergeLanes(_child.lanes, _child.childLanes)
-        );
-        subtreeFlags |= _child.subtreeFlags;
-        subtreeFlags |= _child.flags; // Update the return pointer so the tree is consistent. This is a code
-        // smell because it assumes the commit phase is never concurrent with
-        // the render phase. Will address during refactor to alternate model.
+                suspenseBoundary.flags &= ~ForceClientRender;
+                markSuspenseBoundaryShouldCapture(
+                  suspenseBoundary,
+                  returnFiber,
+                  sourceFiber,
+                  root,
+                  rootRenderLanes
+                ); // Retry listener
+                //
+                // If the fallback does commit, we need to attach a different type of
+                // listener. This one schedules an update on the Suspense boundary to
+                // turn the fallback state off.
+                //
+                // Stash the wakeable on the boundary fiber so we can access it in the
+                // commit phase.
+                //
+                // When the wakeable resolves, we'll attempt to render the boundary
+                // again ("retry").
+                // Check if this is a Suspensey resource. We do not attach retry
+                // listeners to these, because we don't actually need them for
+                // rendering. Only for committing. Instead, if a fallback commits
+                // and the only thing that suspended was a Suspensey resource, we
+                // retry immediately.
+                // TODO: Refactor throwException so that we don't have to do this type
+                // check. The caller already knows what the cause was.
+
+                var isSuspenseyResource =
+                  wakeable === noopSuspenseyCommitThenable;
+
+                if (isSuspenseyResource) {
+                  suspenseBoundary.flags |= ScheduleRetry;
+                } else {
+                  var retryQueue = suspenseBoundary.updateQueue;
+
+                  if (retryQueue === null) {
+                    suspenseBoundary.updateQueue = new Set([wakeable]);
+                  } else {
+                    retryQueue.add(wakeable);
+                  } // We only attach ping listeners in concurrent mode. Legacy
+                  // Suspense always commits fallbacks synchronously, so there are
+                  // no pings.
 
-        _child.return = completedWork;
-        _child = _child.sibling;
-      }
-    }
+                  if (suspenseBoundary.mode & ConcurrentMode) {
+                    attachPingListener(root, wakeable, rootRenderLanes);
+                  }
+                }
 
-    completedWork.subtreeFlags |= subtreeFlags;
-  } else {
-    // Bubble up the earliest expiration time.
-    if ((completedWork.mode & ProfileMode) !== NoMode) {
-      // In profiling mode, resetChildExpirationTime is also used to reset
-      // profiler durations.
-      var _treeBaseDuration = completedWork.selfBaseDuration;
-      var _child2 = completedWork.child;
+                return false;
+              }
 
-      while (_child2 !== null) {
-        newChildLanes = mergeLanes(
-          newChildLanes,
-          mergeLanes(_child2.lanes, _child2.childLanes)
-        ); // "Static" flags share the lifetime of the fiber/hook they belong to,
-        // so we should bubble those up even during a bailout. All the other
-        // flags have a lifetime only of a single render + commit, so we should
-        // ignore them.
+              case OffscreenComponent: {
+                if (suspenseBoundary.mode & ConcurrentMode) {
+                  suspenseBoundary.flags |= ShouldCapture;
 
-        subtreeFlags |= _child2.subtreeFlags & StaticMask;
-        subtreeFlags |= _child2.flags & StaticMask;
-        _treeBaseDuration += _child2.treeBaseDuration;
-        _child2 = _child2.sibling;
-      }
+                  var _isSuspenseyResource =
+                    wakeable === noopSuspenseyCommitThenable;
 
-      completedWork.treeBaseDuration = _treeBaseDuration;
-    } else {
-      var _child3 = completedWork.child;
+                  if (_isSuspenseyResource) {
+                    suspenseBoundary.flags |= ScheduleRetry;
+                  } else {
+                    var offscreenQueue = suspenseBoundary.updateQueue;
+
+                    if (offscreenQueue === null) {
+                      var newOffscreenQueue = {
+                        transitions: null,
+                        markerInstances: null,
+                        retryQueue: new Set([wakeable])
+                      };
+                      suspenseBoundary.updateQueue = newOffscreenQueue;
+                    } else {
+                      var _retryQueue = offscreenQueue.retryQueue;
+
+                      if (_retryQueue === null) {
+                        offscreenQueue.retryQueue = new Set([wakeable]);
+                      } else {
+                        _retryQueue.add(wakeable);
+                      }
+                    }
+
+                    attachPingListener(root, wakeable, rootRenderLanes);
+                  }
+
+                  return false;
+                }
+              }
+            }
 
-      while (_child3 !== null) {
-        newChildLanes = mergeLanes(
-          newChildLanes,
-          mergeLanes(_child3.lanes, _child3.childLanes)
-        ); // "Static" flags share the lifetime of the fiber/hook they belong to,
-        // so we should bubble those up even during a bailout. All the other
-        // flags have a lifetime only of a single render + commit, so we should
-        // ignore them.
+            throw new Error(
+              "Unexpected Suspense handler tag (" +
+                suspenseBoundary.tag +
+                "). This " +
+                "is a bug in React."
+            );
+          } else {
+            // No boundary was found. Unless this is a sync update, this is OK.
+            // We can suspend and wait for more data to arrive.
+            if (root.tag === ConcurrentRoot) {
+              // In a concurrent root, suspending without a Suspense boundary is
+              // allowed. It will suspend indefinitely without committing.
+              //
+              // TODO: Should we have different behavior for discrete updates? What
+              // about flushSync? Maybe it should put the tree into an inert state,
+              // and potentially log a warning. Revisit this for a future release.
+              attachPingListener(root, wakeable, rootRenderLanes);
+              renderDidSuspendDelayIfPossible();
+              return false;
+            } else {
+              // In a legacy root, suspending without a boundary is always an error.
+              var uncaughtSuspenseError = new Error(
+                "A component suspended while responding to synchronous input. This " +
+                  "will cause the UI to be replaced with a loading indicator. To " +
+                  "fix, updates that suspend should be wrapped " +
+                  "with startTransition."
+              );
+              value = uncaughtSuspenseError;
+            }
+          }
+        }
+      } // This is a regular error, not a Suspense wakeable.
 
-        subtreeFlags |= _child3.subtreeFlags & StaticMask;
-        subtreeFlags |= _child3.flags & StaticMask; // Update the return pointer so the tree is consistent. This is a code
-        // smell because it assumes the commit phase is never concurrent with
-        // the render phase. Will address during refactor to alternate model.
+      value = createCapturedValueAtFiber(value, sourceFiber);
+      renderDidError(value); // We didn't find a boundary that could handle this type of exception. Start
+      // over and traverse parent path again, this time treating the exception
+      // as an error.
 
-        _child3.return = completedWork;
-        _child3 = _child3.sibling;
+      if (returnFiber === null) {
+        // There's no return fiber, which means the root errored. This should never
+        // happen. Return `true` to trigger a fatal error (panic).
+        return true;
       }
-    }
 
-    completedWork.subtreeFlags |= subtreeFlags;
-  }
+      var workInProgress = returnFiber;
 
-  completedWork.childLanes = newChildLanes;
-  return didBailout;
-}
+      do {
+        switch (workInProgress.tag) {
+          case HostRoot: {
+            var _errorInfo = value;
+            workInProgress.flags |= ShouldCapture;
+            var lane = pickArbitraryLane(rootRenderLanes);
+            workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
+            var update = createRootErrorUpdate(
+              workInProgress,
+              _errorInfo,
+              lane
+            );
+            enqueueCapturedUpdate(workInProgress, update);
+            return false;
+          }
 
-function completeDehydratedSuspenseBoundary(
-  current,
-  workInProgress,
-  nextState
-) {
-  var wasHydrated = popHydrationState();
-
-  if (nextState !== null && nextState.dehydrated !== null) {
-    // We might be inside a hydration state the first time we're picking up this
-    // Suspense boundary, and also after we've reentered it for further hydration.
-    if (current === null) {
-      if (!wasHydrated) {
-        throw new Error(
-          "A dehydrated suspense component was completed without a hydrated node. " +
-            "This is probably a bug in React."
-        );
-      }
+          case ClassComponent:
+            // Capture and retry
+            var errorInfo = value;
+            var ctor = workInProgress.type;
+            var instance = workInProgress.stateNode;
 
-      prepareToHydrateHostSuspenseInstance();
-      bubbleProperties(workInProgress);
+            if (
+              (workInProgress.flags & DidCapture) === NoFlags$1 &&
+              (typeof ctor.getDerivedStateFromError === "function" ||
+                (instance !== null &&
+                  typeof instance.componentDidCatch === "function" &&
+                  !isAlreadyFailedLegacyErrorBoundary(instance)))
+            ) {
+              workInProgress.flags |= ShouldCapture;
 
-      {
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          var isTimedOutSuspense = nextState !== null;
+              var _lane = pickArbitraryLane(rootRenderLanes);
 
-          if (isTimedOutSuspense) {
-            // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-            var primaryChildFragment = workInProgress.child;
+              workInProgress.lanes = mergeLanes(workInProgress.lanes, _lane); // Schedule the error boundary to re-render using updated state
 
-            if (primaryChildFragment !== null) {
-              // $FlowFixMe Flow doesn't support type casting in combination with the -= operator
-              workInProgress.treeBaseDuration -=
-                primaryChildFragment.treeBaseDuration;
-            }
-          }
-        }
-      }
-
-      return false;
-    } else {
-      if ((workInProgress.flags & DidCapture) === NoFlags) {
-        // This boundary did not suspend so it's now hydrated and unsuspended.
-        workInProgress.memoizedState = null;
-      } // If nothing suspended, we need to schedule an effect to mark this boundary
-      // as having hydrated so events know that they're free to be invoked.
-      // It's also a signal to replay events and the suspense callback.
-      // If something suspended, schedule an effect to attach retry listeners.
-      // So we might as well always mark this.
-
-      workInProgress.flags |= Update;
-      bubbleProperties(workInProgress);
+              var _update = createClassErrorUpdate(
+                workInProgress,
+                errorInfo,
+                _lane
+              );
 
-      {
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          var _isTimedOutSuspense = nextState !== null;
+              enqueueCapturedUpdate(workInProgress, _update);
+              return false;
+            }
 
-          if (_isTimedOutSuspense) {
-            // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-            var _primaryChildFragment = workInProgress.child;
+            break;
+        } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-            if (_primaryChildFragment !== null) {
-              // $FlowFixMe Flow doesn't support type casting in combination with the -= operator
-              workInProgress.treeBaseDuration -=
-                _primaryChildFragment.treeBaseDuration;
-            }
-          }
-        }
-      }
+        workInProgress = workInProgress.return;
+      } while (workInProgress !== null);
 
       return false;
     }
-  } else {
-    // Successfully completed this tree. If this was a forced client render,
-    // there may have been recoverable errors during first hydration
-    // attempt. If so, add them to a queue so we can log them in the
-    // commit phase.
-    upgradeHydrationErrorsToRecoverable(); // Fall through to normal Suspense path
 
-    return true;
-  }
-}
-
-function completeWork(current, workInProgress, renderLanes) {
-  var newProps = workInProgress.pendingProps; // Note: This intentionally doesn't check if we're hydrating because comparing
-  // to the current tree provider fiber is just as fast and less error-prone.
-  // Ideally we would have a special version of the work loop only
-  // for hydration.
-
-  popTreeContext(workInProgress);
-
-  switch (workInProgress.tag) {
-    case IndeterminateComponent:
-    case LazyComponent:
-    case SimpleMemoComponent:
-    case FunctionComponent:
-    case ForwardRef:
-    case Fragment:
-    case Mode:
-    case Profiler:
-    case ContextConsumer:
-    case MemoComponent:
-      bubbleProperties(workInProgress);
-      return null;
+    var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
+    // into a dehydrated boundary.
 
-    case ClassComponent: {
-      var Component = workInProgress.type;
+    var SelectiveHydrationException = new Error(
+      "This is not a real error. It's an implementation detail of React's " +
+        "selective hydration feature. If this leaks into userspace, it's a bug in " +
+        "React. Please file an issue."
+    );
+    var didReceiveUpdate = false;
+    var didWarnAboutBadClass;
+    var didWarnAboutModulePatternComponent;
+    var didWarnAboutContextTypeOnFunctionComponent;
+    var didWarnAboutGetDerivedStateOnFunctionComponent;
+    var didWarnAboutFunctionRefs;
+    var didWarnAboutReassigningProps;
+    var didWarnAboutRevealOrder;
+    var didWarnAboutTailOptions;
+    var didWarnAboutDefaultPropsOnFunctionComponent;
 
-      if (isContextProvider(Component)) {
-        popContext(workInProgress);
+    {
+      didWarnAboutBadClass = {};
+      didWarnAboutModulePatternComponent = {};
+      didWarnAboutContextTypeOnFunctionComponent = {};
+      didWarnAboutGetDerivedStateOnFunctionComponent = {};
+      didWarnAboutFunctionRefs = {};
+      didWarnAboutReassigningProps = false;
+      didWarnAboutRevealOrder = {};
+      didWarnAboutTailOptions = {};
+      didWarnAboutDefaultPropsOnFunctionComponent = {};
+    }
+
+    function reconcileChildren(
+      current,
+      workInProgress,
+      nextChildren,
+      renderLanes
+    ) {
+      if (current === null) {
+        // If this is a fresh new component that hasn't been rendered yet, we
+        // won't update its child set by applying minimal side-effects. Instead,
+        // we will add them all to the child before it gets rendered. That means
+        // we can optimize this reconciliation pass by not tracking side-effects.
+        workInProgress.child = mountChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderLanes
+        );
+      } else {
+        // If the current child is the same as the work in progress, it means that
+        // we haven't yet started any work on these children. Therefore, we use
+        // the clone algorithm to create a copy of all the current children.
+        // If we had any progressed work already, that is invalid at this point so
+        // let's throw it out.
+        workInProgress.child = reconcileChildFibers(
+          workInProgress,
+          current.child,
+          nextChildren,
+          renderLanes
+        );
       }
-
-      bubbleProperties(workInProgress);
-      return null;
     }
 
-    case HostRoot: {
-      var fiberRoot = workInProgress.stateNode;
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      resetWorkInProgressVersions();
-
-      if (fiberRoot.pendingContext) {
-        fiberRoot.context = fiberRoot.pendingContext;
-        fiberRoot.pendingContext = null;
-      }
+    function forceUnmountCurrentAndReconcile(
+      current,
+      workInProgress,
+      nextChildren,
+      renderLanes
+    ) {
+      // This function is fork of reconcileChildren. It's used in cases where we
+      // want to reconcile without matching against the existing set. This has the
+      // effect of all current children being unmounted; even if the type and key
+      // are the same, the old child is unmounted and a new child is created.
+      //
+      // To do this, we're going to go through the reconcile algorithm twice. In
+      // the first pass, we schedule a deletion for all the current children by
+      // passing null.
+      workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        current.child,
+        null,
+        renderLanes
+      ); // In the second pass, we mount the new children. The trick here is that we
+      // pass null in place of where we usually pass the current child set. This has
+      // the effect of remounting all children regardless of whether their
+      // identities match.
 
-      if (current === null || current.child === null) {
-        // If we hydrated, pop so that we can delete any remaining children
-        // that weren't hydrated.
-        var wasHydrated = popHydrationState();
+      workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        null,
+        nextChildren,
+        renderLanes
+      );
+    }
 
-        if (wasHydrated) {
-          // If we hydrated, then we'll need to schedule an update for
-          // the commit side-effects on the root.
-          markUpdate(workInProgress);
-        } else {
-          if (current !== null) {
-            var prevState = current.memoizedState;
+    function updateForwardRef(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      // TODO: current can be non-null here even if the component
+      // hasn't yet mounted. This happens after the first render suspends.
+      // We'll need to figure out if this is fine or can cause issues.
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          // Lazy component props can't be validated in createElement
+          // because they're only guaranteed to be resolved here.
+          var innerPropTypes = Component.propTypes;
 
-            if (
-              // Check if this is a client root
-              !prevState.isDehydrated || // Check if we reverted to client rendering (e.g. due to an error)
-              (workInProgress.flags & ForceClientRender) !== NoFlags
-            ) {
-              // Schedule an effect to clear this container at the start of the
-              // next commit. This handles the case of React rendering into a
-              // container with previous children. It's also safe to do for
-              // updates too, because current.child would only be null if the
-              // previous render was null (so the container would already
-              // be empty).
-              workInProgress.flags |= Snapshot; // If this was a forced client render, there may have been
-              // recoverable errors during first hydration attempt. If so, add
-              // them to a queue so we can log them in the commit phase.
-
-              upgradeHydrationErrorsToRecoverable();
-            }
+          if (innerPropTypes) {
+            checkPropTypes(
+              innerPropTypes,
+              nextProps, // Resolved props
+              "prop",
+              getComponentNameFromType(Component)
+            );
           }
         }
       }
 
-      updateHostContainer(current, workInProgress);
-      bubbleProperties(workInProgress);
+      var render = Component.render;
+      var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
 
-      return null;
-    }
+      var nextChildren;
+      prepareToReadContext(workInProgress, renderLanes);
 
-    case HostComponent: {
-      popHostContext(workInProgress);
-      var rootContainerInstance = getRootHostContainer();
-      var type = workInProgress.type;
+      {
+        ReactCurrentOwner$2.current = workInProgress;
+        setIsRendering(true);
+        nextChildren = renderWithHooks(
+          current,
+          workInProgress,
+          render,
+          nextProps,
+          ref,
+          renderLanes
+        );
+        setIsRendering(false);
+      }
 
-      if (current !== null && workInProgress.stateNode != null) {
-        updateHostComponent$1(
+      if (current !== null && !didReceiveUpdate) {
+        bailoutHooks(current, workInProgress, renderLanes);
+        return bailoutOnAlreadyFinishedWork(
           current,
           workInProgress,
-          type,
-          newProps,
-          rootContainerInstance
+          renderLanes
         );
+      }
 
-        if (current.ref !== workInProgress.ref) {
-          markRef$1(workInProgress);
-        }
-      } else {
-        if (!newProps) {
-          if (workInProgress.stateNode === null) {
-            throw new Error(
-              "We must have new props for new mounts. This error is likely " +
-                "caused by a bug in React. Please file an issue."
-            );
-          } // This can happen when we abort work.
+      workInProgress.flags |= PerformedWork;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
 
-          bubbleProperties(workInProgress);
-          return null;
-        }
+    function updateMemoComponent(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      if (current === null) {
+        var type = Component.type;
+
+        if (
+          isSimpleFunctionComponent(type) &&
+          Component.compare === null && // SimpleMemoComponent codepath doesn't resolve outer props either.
+          Component.defaultProps === undefined
+        ) {
+          var resolvedType = type;
 
-        var currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
-        // "stack" as the parent. Then append children as we go in beginWork
-        // or completeWork depending on whether we want to add them top->down or
-        // bottom->up. Top->down is faster in IE11.
+          {
+            resolvedType = resolveFunctionForHotReloading(type);
+          } // If this is a plain function component without default props,
+          // and with only the default shallow comparison, we upgrade it
+          // to a SimpleMemoComponent to allow fast path updates.
 
-        var _wasHydrated = popHydrationState();
+          workInProgress.tag = SimpleMemoComponent;
+          workInProgress.type = resolvedType;
 
-        if (_wasHydrated) {
-          // TODO: Move this and createInstance step into the beginPhase
-          // to consolidate.
-          if (prepareToHydrateHostInstance()) {
-            // If changes to the hydrated node need to be applied at the
-            // commit-phase we mark this as such.
-            markUpdate(workInProgress);
+          {
+            validateFunctionComponentInDev(workInProgress, type);
           }
-        } else {
-          var instance = createInstance(
-            type,
-            newProps,
-            rootContainerInstance,
-            currentHostContext,
-            workInProgress
+
+          return updateSimpleMemoComponent(
+            current,
+            workInProgress,
+            resolvedType,
+            nextProps,
+            renderLanes
           );
-          appendAllChildren(instance, workInProgress, false, false);
-          workInProgress.stateNode = instance; // Certain renderers require commit-time effects for initial mount.
         }
 
-        if (workInProgress.ref !== null) {
-          // If there is a ref on a host node we need to schedule a callback
-          markRef$1(workInProgress);
-        }
-      }
+        {
+          var innerPropTypes = type.propTypes;
 
-      bubbleProperties(workInProgress);
-      return null;
-    }
+          if (innerPropTypes) {
+            // Inner memo component props aren't currently validated in createElement.
+            // We could move it there, but we'd still need this for lazy code path.
+            checkPropTypes(
+              innerPropTypes,
+              nextProps, // Resolved props
+              "prop",
+              getComponentNameFromType(type)
+            );
+          }
 
-    case HostText: {
-      var newText = newProps;
+          if (Component.defaultProps !== undefined) {
+            var componentName = getComponentNameFromType(type) || "Unknown";
 
-      if (current && workInProgress.stateNode != null) {
-        var oldText = current.memoizedProps; // If we have an alternate, that means this is an update and we need
-        // to schedule a side-effect to do the updates.
+            if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
+              error(
+                "%s: Support for defaultProps will be removed from memo components " +
+                  "in a future major release. Use JavaScript default parameters instead.",
+                componentName
+              );
 
-        updateHostText$1(current, workInProgress, oldText, newText);
-      } else {
-        if (typeof newText !== "string") {
-          if (workInProgress.stateNode === null) {
-            throw new Error(
-              "We must have new props for new mounts. This error is likely " +
-                "caused by a bug in React. Please file an issue."
-            );
-          } // This can happen when we abort work.
+              didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
+            }
+          }
         }
 
-        var _rootContainerInstance = getRootHostContainer();
-
-        var _currentHostContext = getHostContext();
+        var child = createFiberFromTypeAndProps(
+          Component.type,
+          null,
+          nextProps,
+          workInProgress,
+          workInProgress.mode,
+          renderLanes
+        );
+        child.ref = workInProgress.ref;
+        child.return = workInProgress;
+        workInProgress.child = child;
+        return child;
+      }
 
-        var _wasHydrated2 = popHydrationState();
+      {
+        var _type = Component.type;
+        var _innerPropTypes = _type.propTypes;
 
-        if (_wasHydrated2) {
-          if (prepareToHydrateHostTextInstance()) {
-            markUpdate(workInProgress);
-          }
-        } else {
-          workInProgress.stateNode = createTextInstance(
-            newText,
-            _rootContainerInstance,
-            _currentHostContext,
-            workInProgress
+        if (_innerPropTypes) {
+          // Inner memo component props aren't currently validated in createElement.
+          // We could move it there, but we'd still need this for lazy code path.
+          checkPropTypes(
+            _innerPropTypes,
+            nextProps, // Resolved props
+            "prop",
+            getComponentNameFromType(_type)
           );
         }
       }
 
-      bubbleProperties(workInProgress);
-      return null;
-    }
-
-    case SuspenseComponent: {
-      popSuspenseContext(workInProgress);
-      var nextState = workInProgress.memoizedState; // Special path for dehydrated boundaries. We may eventually move this
-      // to its own fiber type so that we can add other kinds of hydration
-      // boundaries that aren't associated with a Suspense tree. In anticipation
-      // of such a refactor, all the hydration logic is contained in
-      // this branch.
-
-      if (
-        current === null ||
-        (current.memoizedState !== null &&
-          current.memoizedState.dehydrated !== null)
-      ) {
-        var fallthroughToNormalSuspensePath = completeDehydratedSuspenseBoundary(
-          current,
-          workInProgress,
-          nextState
-        );
+      var currentChild = current.child; // This is always exactly one child
 
-        if (!fallthroughToNormalSuspensePath) {
-          if (workInProgress.flags & ShouldCapture) {
-            // Special case. There were remaining unhydrated nodes. We treat
-            // this as a mismatch. Revert to client rendering.
-            return workInProgress;
-          } else {
-            // Did not finish hydrating, either because this is the initial
-            // render or because something suspended.
-            return null;
-          }
-        } // Continue with the normal Suspense path.
-      }
+      var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
+        current,
+        renderLanes
+      );
 
-      if ((workInProgress.flags & DidCapture) !== NoFlags) {
-        // Something suspended. Re-render with the fallback children.
-        workInProgress.lanes = renderLanes; // Do not reset the effect list.
+      if (!hasScheduledUpdateOrContext) {
+        // This will be the props with resolved defaultProps,
+        // unlike current.memoizedProps which will be the unresolved ones.
+        var prevProps = currentChild.memoizedProps; // Default to shallow comparison
 
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          transferActualDuration(workInProgress);
-        } // Don't bubble properties in this case.
+        var compare = Component.compare;
+        compare = compare !== null ? compare : shallowEqual;
 
-        return workInProgress;
-      }
+        if (
+          compare(prevProps, nextProps) &&
+          current.ref === workInProgress.ref
+        ) {
+          return bailoutOnAlreadyFinishedWork(
+            current,
+            workInProgress,
+            renderLanes
+          );
+        }
+      } // React DevTools reads this flag.
 
-      var nextDidTimeout = nextState !== null;
-      var prevDidTimeout = current !== null && current.memoizedState !== null;
-      // a passive effect, which is when we process the transitions
+      workInProgress.flags |= PerformedWork;
+      var newChild = createWorkInProgress(currentChild, nextProps);
+      newChild.ref = workInProgress.ref;
+      newChild.return = workInProgress;
+      workInProgress.child = newChild;
+      return newChild;
+    }
 
-      if (nextDidTimeout !== prevDidTimeout) {
-        // an effect to toggle the subtree's visibility. When we switch from
-        // fallback -> primary, the inner Offscreen fiber schedules this effect
-        // as part of its normal complete phase. But when we switch from
-        // primary -> fallback, the inner Offscreen fiber does not have a complete
-        // phase. So we need to schedule its effect here.
-        //
-        // We also use this flag to connect/disconnect the effects, but the same
-        // logic applies: when re-connecting, the Offscreen fiber's complete
-        // phase will handle scheduling the effect. It's only when the fallback
-        // is active that we have to do anything special.
-
-        if (nextDidTimeout) {
-          var _offscreenFiber2 = workInProgress.child;
-          _offscreenFiber2.flags |= Visibility; // TODO: This will still suspend a synchronous tree if anything
-          // in the concurrent tree already suspended during this render.
-          // This is a known bug.
-
-          if ((workInProgress.mode & ConcurrentMode) !== NoMode) {
-            // TODO: Move this back to throwException because this is too late
-            // if this is a large tree which is common for initial loads. We
-            // don't know if we should restart a render or not until we get
-            // this marker, and this is too late.
-            // If this render already had a ping or lower pri updates,
-            // and this is the first time we know we're going to suspend we
-            // should be able to immediately restart from within throwException.
-            var hasInvisibleChildContext =
-              current === null &&
-              (workInProgress.memoizedProps.unstable_avoidThisFallback !==
-                true ||
-                !enableSuspenseAvoidThisFallback);
+    function updateSimpleMemoComponent(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      // TODO: current can be non-null here even if the component
+      // hasn't yet mounted. This happens when the inner render suspends.
+      // We'll need to figure out if this is fine or can cause issues.
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          // Lazy component props can't be validated in createElement
+          // because they're only guaranteed to be resolved here.
+          var outerMemoType = workInProgress.elementType;
+
+          if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
+            // We warn when you define propTypes on lazy()
+            // so let's just skip over it to find memo() outer wrapper.
+            // Inner props for memo are validated later.
+            var lazyComponent = outerMemoType;
+            var payload = lazyComponent._payload;
+            var init = lazyComponent._init;
 
-            if (
-              hasInvisibleChildContext ||
-              hasSuspenseContext(
-                suspenseStackCursor.current,
-                InvisibleParentSuspenseContext
-              )
-            ) {
-              // If this was in an invisible tree or a new render, then showing
-              // this boundary is ok.
-              renderDidSuspend();
-            } else {
-              // Otherwise, we're going to have to hide content so we should
-              // suspend for longer if possible.
-              renderDidSuspendDelayIfPossible();
+            try {
+              outerMemoType = init(payload);
+            } catch (x) {
+              outerMemoType = null;
+            } // Inner propTypes will be validated in the function component path.
+
+            var outerPropTypes = outerMemoType && outerMemoType.propTypes;
+
+            if (outerPropTypes) {
+              checkPropTypes(
+                outerPropTypes,
+                nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
+                "prop",
+                getComponentNameFromType(outerMemoType)
+              );
             }
           }
         }
       }
 
-      var wakeables = workInProgress.updateQueue;
-
-      if (wakeables !== null) {
-        // Schedule an effect to attach a retry listener to the promise.
-        // TODO: Move to passive phase
-        workInProgress.flags |= Update;
-      }
-
-      bubbleProperties(workInProgress);
-
-      {
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          if (nextDidTimeout) {
-            // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-            var primaryChildFragment = workInProgress.child;
+      if (current !== null) {
+        var prevProps = current.memoizedProps;
 
-            if (primaryChildFragment !== null) {
-              // $FlowFixMe Flow doesn't support type casting in combination with the -= operator
-              workInProgress.treeBaseDuration -=
-                primaryChildFragment.treeBaseDuration;
-            }
+        if (
+          shallowEqual(prevProps, nextProps) &&
+          current.ref === workInProgress.ref && // Prevent bailout if the implementation changed due to hot reload.
+          workInProgress.type === current.type
+        ) {
+          didReceiveUpdate = false; // The props are shallowly equal. Reuse the previous props object, like we
+          // would during a normal fiber bailout.
+          //
+          // We don't have strong guarantees that the props object is referentially
+          // equal during updates where we can't bail out anyway — like if the props
+          // are shallowly equal, but there's a local state or context update in the
+          // same batch.
+          //
+          // However, as a principle, we should aim to make the behavior consistent
+          // across different ways of memoizing a component. For example, React.memo
+          // has a different internal Fiber layout if you pass a normal function
+          // component (SimpleMemoComponent) versus if you pass a different type
+          // like forwardRef (MemoComponent). But this is an implementation detail.
+          // Wrapping a component in forwardRef (or React.lazy, etc) shouldn't
+          // affect whether the props object is reused during a bailout.
+
+          workInProgress.pendingProps = nextProps = prevProps;
+
+          if (!checkScheduledUpdateOrContext(current, renderLanes)) {
+            // The pending lanes were cleared at the beginning of beginWork. We're
+            // about to bail out, but there might be other lanes that weren't
+            // included in the current render. Usually, the priority level of the
+            // remaining updates is accumulated during the evaluation of the
+            // component (i.e. when processing the update queue). But since since
+            // we're bailing out early *without* evaluating the component, we need
+            // to account for it here, too. Reset to the value of the current fiber.
+            // NOTE: This only applies to SimpleMemoComponent, not MemoComponent,
+            // because a MemoComponent fiber does not have hooks or an update queue;
+            // rather, it wraps around an inner component, which may or may not
+            // contains hooks.
+            // TODO: Move the reset at in beginWork out of the common path so that
+            // this is no longer necessary.
+            workInProgress.lanes = current.lanes;
+            return bailoutOnAlreadyFinishedWork(
+              current,
+              workInProgress,
+              renderLanes
+            );
+          } else if (
+            (current.flags & ForceUpdateForLegacySuspense) !==
+            NoFlags$1
+          ) {
+            // This is a special case that only exists for legacy mode.
+            // See https://github.com/facebook/react/pull/19216.
+            didReceiveUpdate = true;
           }
         }
       }
 
-      return null;
+      return updateFunctionComponent(
+        current,
+        workInProgress,
+        Component,
+        nextProps,
+        renderLanes
+      );
     }
 
-    case HostPortal:
-      popHostContainer(workInProgress);
-      updateHostContainer(current, workInProgress);
+    function updateOffscreenComponent(current, workInProgress, renderLanes) {
+      var nextProps = workInProgress.pendingProps;
+      var nextChildren = nextProps.children;
+      var nextIsDetached =
+        (workInProgress.stateNode._pendingVisibility & OffscreenDetached) !== 0;
+      var prevState = current !== null ? current.memoizedState : null;
+      markRef$1(current, workInProgress);
 
-      if (current === null) {
-        preparePortalMount(workInProgress.stateNode.containerInfo);
-      }
+      if (nextProps.mode === "hidden" || enableLegacyHidden || nextIsDetached) {
+        // Rendering a hidden tree.
+        var didSuspend = (workInProgress.flags & DidCapture) !== NoFlags$1;
 
-      bubbleProperties(workInProgress);
-      return null;
+        if (didSuspend) {
+          // Something suspended inside a hidden tree
+          // Include the base lanes from the last render
+          var nextBaseLanes =
+            prevState !== null
+              ? mergeLanes(prevState.baseLanes, renderLanes)
+              : renderLanes;
 
-    case ContextProvider:
-      // Pop provider fiber
-      var context = workInProgress.type._context;
-      popProvider(context, workInProgress);
-      bubbleProperties(workInProgress);
-      return null;
+          if (current !== null) {
+            // Reset to the current children
+            var currentChild = (workInProgress.child = current.child); // The current render suspended, but there may be other lanes with
+            // pending work. We can't read `childLanes` from the current Offscreen
+            // fiber because we reset it when it was deferred; however, we can read
+            // the pending lanes from the child fibers.
+
+            var currentChildLanes = NoLanes;
+
+            while (currentChild !== null) {
+              currentChildLanes = mergeLanes(
+                mergeLanes(currentChildLanes, currentChild.lanes),
+                currentChild.childLanes
+              );
+              currentChild = currentChild.sibling;
+            }
 
-    case IncompleteClassComponent: {
-      // Same as class component case. I put it down here so that the tags are
-      // sequential to ensure this switch is compiled to a jump table.
-      var _Component = workInProgress.type;
+            var lanesWeJustAttempted = nextBaseLanes;
+            var remainingChildLanes = removeLanes(
+              currentChildLanes,
+              lanesWeJustAttempted
+            );
+            workInProgress.childLanes = remainingChildLanes;
+          } else {
+            workInProgress.childLanes = NoLanes;
+            workInProgress.child = null;
+          }
 
-      if (isContextProvider(_Component)) {
-        popContext(workInProgress);
-      }
+          return deferHiddenOffscreenComponent(
+            current,
+            workInProgress,
+            nextBaseLanes
+          );
+        }
 
-      bubbleProperties(workInProgress);
-      return null;
-    }
+        if ((workInProgress.mode & ConcurrentMode) === NoMode) {
+          // In legacy sync mode, don't defer the subtree. Render it now.
+          // TODO: Consider how Offscreen should work with transitions in the future
+          var nextState = {
+            baseLanes: NoLanes,
+            cachePool: null
+          };
+          workInProgress.memoizedState = nextState;
+
+          reuseHiddenContextOnStack(workInProgress);
+          pushOffscreenSuspenseHandler(workInProgress);
+        } else if (!includesSomeLane(renderLanes, OffscreenLane)) {
+          // We're hidden, and we're not rendering at Offscreen. We will bail out
+          // and resume this tree later.
+          // Schedule this fiber to re-render at Offscreen priority
+          workInProgress.lanes = workInProgress.childLanes =
+            laneToLanes(OffscreenLane); // Include the base lanes from the last render
+
+          var _nextBaseLanes =
+            prevState !== null
+              ? mergeLanes(prevState.baseLanes, renderLanes)
+              : renderLanes;
+
+          return deferHiddenOffscreenComponent(
+            current,
+            workInProgress,
+            _nextBaseLanes
+          );
+        } else {
+          // This is the second render. The surrounding visible content has already
+          // committed. Now we resume rendering the hidden tree.
+          // Rendering at offscreen, so we can clear the base lanes.
+          var _nextState = {
+            baseLanes: NoLanes,
+            cachePool: null
+          };
+          workInProgress.memoizedState = _nextState;
 
-    case SuspenseListComponent: {
-      popSuspenseContext(workInProgress);
-      var renderState = workInProgress.memoizedState;
+          if (prevState !== null) {
+            pushHiddenContext(workInProgress, prevState);
+          } else {
+            reuseHiddenContextOnStack(workInProgress);
+          }
 
-      if (renderState === null) {
-        // We're running in the default, "independent" mode.
-        // We don't do anything in this mode.
-        bubbleProperties(workInProgress);
-        return null;
-      }
+          pushOffscreenSuspenseHandler(workInProgress);
+        }
+      } else {
+        // Rendering a visible tree.
+        if (prevState !== null) {
+          pushHiddenContext(workInProgress, prevState);
+          reuseSuspenseHandlerOnStack(workInProgress); // Since we're not hidden anymore, reset the state
 
-      var didSuspendAlready = (workInProgress.flags & DidCapture) !== NoFlags;
-      var renderedTail = renderState.rendering;
-
-      if (renderedTail === null) {
-        // We just rendered the head.
-        if (!didSuspendAlready) {
-          // This is the first pass. We need to figure out if anything is still
-          // suspended in the rendered set.
-          // If new content unsuspended, but there's still some content that
-          // didn't. Then we need to do a second pass that forces everything
-          // to keep showing their fallbacks.
-          // We might be suspended if something in this render pass suspended, or
-          // something in the previous committed pass suspended. Otherwise,
-          // there's no chance so we can skip the expensive call to
-          // findFirstSuspended.
-          var cannotBeSuspended =
-            renderHasNotSuspendedYet() &&
-            (current === null || (current.flags & DidCapture) === NoFlags);
-
-          if (!cannotBeSuspended) {
-            var row = workInProgress.child;
+          workInProgress.memoizedState = null;
+        } else {
+          // to avoid a push/pop misalignment.
 
-            while (row !== null) {
-              var suspended = findFirstSuspended(row);
+          reuseHiddenContextOnStack(workInProgress);
+          reuseSuspenseHandlerOnStack(workInProgress);
+        }
+      }
 
-              if (suspended !== null) {
-                didSuspendAlready = true;
-                workInProgress.flags |= DidCapture;
-                cutOffTailIfNeeded(renderState, false); // If this is a newly suspended tree, it might not get committed as
-                // part of the second pass. In that case nothing will subscribe to
-                // its thenables. Instead, we'll transfer its thenables to the
-                // SuspenseList so that it can retry if they resolve.
-                // There might be multiple of these in the list but since we're
-                // going to wait for all of them anyway, it doesn't really matter
-                // which ones gets to ping. In theory we could get clever and keep
-                // track of how many dependencies remain but it gets tricky because
-                // in the meantime, we can add/remove/change items and dependencies.
-                // We might bail out of the loop before finding any but that
-                // doesn't matter since that means that the other boundaries that
-                // we did find already has their listeners attached.
-
-                var newThenables = suspended.updateQueue;
-
-                if (newThenables !== null) {
-                  workInProgress.updateQueue = newThenables;
-                  workInProgress.flags |= Update;
-                } // Rerender the whole list, but this time, we'll force fallbacks
-                // to stay in place.
-                // Reset the effect flags before doing the second pass since that's now invalid.
-                // Reset the child fibers to their original state.
-
-                workInProgress.subtreeFlags = NoFlags;
-                resetChildFibers(workInProgress, renderLanes); // Set up the Suspense Context to force suspense and immediately
-                // rerender the children.
-
-                pushSuspenseContext(
-                  workInProgress,
-                  setShallowSuspenseContext(
-                    suspenseStackCursor.current,
-                    ForceSuspenseFallback
-                  )
-                ); // Don't bubble properties in this case.
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
 
-                return workInProgress.child;
-              }
+    function deferHiddenOffscreenComponent(
+      current,
+      workInProgress,
+      nextBaseLanes,
+      renderLanes
+    ) {
+      var nextState = {
+        baseLanes: nextBaseLanes,
+        // Save the cache pool so we can resume later.
+        cachePool: null
+      };
+      workInProgress.memoizedState = nextState;
+      // to avoid a push/pop misalignment.
 
-              row = row.sibling;
-            }
-          }
+      reuseHiddenContextOnStack(workInProgress);
+      pushOffscreenSuspenseHandler(workInProgress);
 
-          if (renderState.tail !== null && now() > getRenderTargetTime()) {
-            // We have already passed our CPU deadline but we still have rows
-            // left in the tail. We'll just give up further attempts to render
-            // the main content and only render fallbacks.
-            workInProgress.flags |= DidCapture;
-            didSuspendAlready = true;
-            cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
-            // to get it started back up to attempt the next item. While in terms
-            // of priority this work has the same priority as this current render,
-            // it's not part of the same transition once the transition has
-            // committed. If it's sync, we still want to yield so that it can be
-            // painted. Conceptually, this is really the same as pinging.
-            // We can use any RetryLane even if it's the one currently rendering
-            // since we're leaving it behind on this node.
-
-            workInProgress.lanes = SomeRetryLane;
-          }
-        } else {
-          cutOffTailIfNeeded(renderState, false);
-        } // Next we're going to render the tail.
-      } else {
-        // Append the rendered row to the child list.
-        if (!didSuspendAlready) {
-          var _suspended = findFirstSuspended(renderedTail);
+      return null;
+    } // Note: These happen to have identical begin phases, for now. We shouldn't hold
 
-          if (_suspended !== null) {
-            workInProgress.flags |= DidCapture;
-            didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
-            // get lost if this row ends up dropped during a second pass.
+    function updateFragment(current, workInProgress, renderLanes) {
+      var nextChildren = workInProgress.pendingProps;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
 
-            var _newThenables = _suspended.updateQueue;
+    function updateMode(current, workInProgress, renderLanes) {
+      var nextChildren = workInProgress.pendingProps.children;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
 
-            if (_newThenables !== null) {
-              workInProgress.updateQueue = _newThenables;
-              workInProgress.flags |= Update;
-            }
+    function updateProfiler(current, workInProgress, renderLanes) {
+      {
+        workInProgress.flags |= Update;
 
-            cutOffTailIfNeeded(renderState, true); // This might have been modified.
+        {
+          // Reset effect durations for the next eventual effect phase.
+          // These are reset during render to allow the DevTools commit hook a chance to read them,
+          var stateNode = workInProgress.stateNode;
+          stateNode.effectDuration = 0;
+          stateNode.passiveEffectDuration = 0;
+        }
+      }
 
-            if (
-              renderState.tail === null &&
-              renderState.tailMode === "hidden" &&
-              !renderedTail.alternate &&
-              !getIsHydrating() // We don't cut it if we're hydrating.
-            ) {
-              // We're done.
-              bubbleProperties(workInProgress);
-              return null;
-            }
-          } else if (
-            // The time it took to render last row is greater than the remaining
-            // time we have to render. So rendering one more row would likely
-            // exceed it.
-            now() * 2 - renderState.renderingStartTime >
-              getRenderTargetTime() &&
-            renderLanes !== OffscreenLane
-          ) {
-            // We have now passed our CPU deadline and we'll just give up further
-            // attempts to render the main content and only render fallbacks.
-            // The assumption is that this is usually faster.
-            workInProgress.flags |= DidCapture;
-            didSuspendAlready = true;
-            cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
-            // to get it started back up to attempt the next item. While in terms
-            // of priority this work has the same priority as this current render,
-            // it's not part of the same transition once the transition has
-            // committed. If it's sync, we still want to yield so that it can be
-            // painted. Conceptually, this is really the same as pinging.
-            // We can use any RetryLane even if it's the one currently rendering
-            // since we're leaving it behind on this node.
-
-            workInProgress.lanes = SomeRetryLane;
-          }
-        }
-
-        if (renderState.isBackwards) {
-          // The effect list of the backwards tail will have been added
-          // to the end. This breaks the guarantee that life-cycles fire in
-          // sibling order but that isn't a strong guarantee promised by React.
-          // Especially since these might also just pop in during future commits.
-          // Append to the beginning of the list.
-          renderedTail.sibling = workInProgress.child;
-          workInProgress.child = renderedTail;
-        } else {
-          var previousSibling = renderState.last;
+      var nextProps = workInProgress.pendingProps;
+      var nextChildren = nextProps.children;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
 
-          if (previousSibling !== null) {
-            previousSibling.sibling = renderedTail;
-          } else {
-            workInProgress.child = renderedTail;
-          }
+    function markRef$1(current, workInProgress) {
+      var ref = workInProgress.ref;
 
-          renderState.last = renderedTail;
-        }
+      if (
+        (current === null && ref !== null) ||
+        (current !== null && current.ref !== ref)
+      ) {
+        // Schedule a Ref effect
+        workInProgress.flags |= Ref;
+        workInProgress.flags |= RefStatic;
       }
+    }
 
-      if (renderState.tail !== null) {
-        // We still have tail rows to render.
-        // Pop a row.
-        var next = renderState.tail;
-        renderState.rendering = next;
-        renderState.tail = next.sibling;
-        renderState.renderingStartTime = now();
-        next.sibling = null; // Restore the context.
-        // TODO: We can probably just avoid popping it instead and only
-        // setting it the first time we go from not suspended to suspended.
-
-        var suspenseContext = suspenseStackCursor.current;
+    function updateFunctionComponent(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          // Lazy component props can't be validated in createElement
+          // because they're only guaranteed to be resolved here.
+          var innerPropTypes = Component.propTypes;
 
-        if (didSuspendAlready) {
-          suspenseContext = setShallowSuspenseContext(
-            suspenseContext,
-            ForceSuspenseFallback
-          );
-        } else {
-          suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+          if (innerPropTypes) {
+            checkPropTypes(
+              innerPropTypes,
+              nextProps, // Resolved props
+              "prop",
+              getComponentNameFromType(Component)
+            );
+          }
         }
+      }
 
-        pushSuspenseContext(workInProgress, suspenseContext); // Do a pass over the next row.
-        // Don't bubble properties in this case.
+      var context;
 
-        return next;
+      {
+        var unmaskedContext = getUnmaskedContext(
+          workInProgress,
+          Component,
+          true
+        );
+        context = getMaskedContext(workInProgress, unmaskedContext);
       }
 
-      bubbleProperties(workInProgress);
-      return null;
-    }
+      var nextChildren;
+      prepareToReadContext(workInProgress, renderLanes);
 
-    case ScopeComponent: {
-      break;
-    }
+      {
+        ReactCurrentOwner$2.current = workInProgress;
+        setIsRendering(true);
+        nextChildren = renderWithHooks(
+          current,
+          workInProgress,
+          Component,
+          nextProps,
+          context,
+          renderLanes
+        );
+        setIsRendering(false);
+      }
 
-    case OffscreenComponent:
-    case LegacyHiddenComponent: {
-      popRenderLanes(workInProgress);
-      var _nextState = workInProgress.memoizedState;
-      var nextIsHidden = _nextState !== null;
+      if (current !== null && !didReceiveUpdate) {
+        bailoutHooks(current, workInProgress, renderLanes);
+        return bailoutOnAlreadyFinishedWork(
+          current,
+          workInProgress,
+          renderLanes
+        );
+      }
 
-      if (current !== null) {
-        var _prevState = current.memoizedState;
-        var prevIsHidden = _prevState !== null;
+      workInProgress.flags |= PerformedWork;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
 
-        if (
-          prevIsHidden !== nextIsHidden && // LegacyHidden doesn't do any hiding — it only pre-renders.
-          !enableLegacyHidden
-        ) {
-          workInProgress.flags |= Visibility;
-        }
-      }
+    function replayFunctionComponent(
+      current,
+      workInProgress,
+      nextProps,
+      Component,
+      secondArg,
+      renderLanes
+    ) {
+      // This function is used to replay a component that previously suspended,
+      // after its data resolves. It's a simplified version of
+      // updateFunctionComponent that reuses the hooks from the previous attempt.
+      prepareToReadContext(workInProgress, renderLanes);
 
-      if (!nextIsHidden || (workInProgress.mode & ConcurrentMode) === NoMode) {
-        bubbleProperties(workInProgress);
-      } else {
-        // Don't bubble properties for hidden children unless we're rendering
-        // at offscreen priority.
-        if (includesSomeLane(subtreeRenderLanes, OffscreenLane)) {
-          bubbleProperties(workInProgress);
-        }
+      var nextChildren = replaySuspendedComponentWithHooks(
+        current,
+        workInProgress,
+        Component,
+        nextProps,
+        secondArg
+      );
+
+      if (current !== null && !didReceiveUpdate) {
+        bailoutHooks(current, workInProgress, renderLanes);
+        return bailoutOnAlreadyFinishedWork(
+          current,
+          workInProgress,
+          renderLanes
+        );
       }
-      return null;
-    }
 
-    case CacheComponent: {
-      return null;
+      workInProgress.flags |= PerformedWork;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
     }
 
-    case TracingMarkerComponent: {
-      return null;
-    }
-  }
+    function updateClassComponent(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      {
+        // This is used by DevTools to force a boundary to error.
+        switch (shouldError(workInProgress)) {
+          case false: {
+            var _instance = workInProgress.stateNode;
+            var ctor = workInProgress.type; // TODO This way of resetting the error boundary state is a hack.
+            // Is there a better way to do this?
+
+            var tempInstance = new ctor(
+              workInProgress.memoizedProps,
+              _instance.context
+            );
+            var state = tempInstance.state;
 
-  throw new Error(
-    "Unknown unit of work tag (" +
-      workInProgress.tag +
-      "). This error is likely caused by a bug in " +
-      "React. Please file an issue."
-  );
-}
+            _instance.updater.enqueueSetState(_instance, state, null);
 
-function unwindWork(current, workInProgress, renderLanes) {
-  // Note: This intentionally doesn't check if we're hydrating because comparing
-  // to the current tree provider fiber is just as fast and less error-prone.
-  // Ideally we would have a special version of the work loop only
-  // for hydration.
-  popTreeContext(workInProgress);
+            break;
+          }
 
-  switch (workInProgress.tag) {
-    case ClassComponent: {
-      var Component = workInProgress.type;
+          case true: {
+            workInProgress.flags |= DidCapture;
+            workInProgress.flags |= ShouldCapture; // eslint-disable-next-line react-internal/prod-error-codes
 
-      if (isContextProvider(Component)) {
-        popContext(workInProgress);
-      }
+            var error$1 = new Error("Simulated error coming from DevTools");
+            var lane = pickArbitraryLane(renderLanes);
+            workInProgress.lanes = mergeLanes(workInProgress.lanes, lane); // Schedule the error boundary to re-render using updated state
 
-      var flags = workInProgress.flags;
+            var update = createClassErrorUpdate(
+              workInProgress,
+              createCapturedValueAtFiber(error$1, workInProgress),
+              lane
+            );
+            enqueueCapturedUpdate(workInProgress, update);
+            break;
+          }
+        }
 
-      if (flags & ShouldCapture) {
-        workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;
+        if (workInProgress.type !== workInProgress.elementType) {
+          // Lazy component props can't be validated in createElement
+          // because they're only guaranteed to be resolved here.
+          var innerPropTypes = Component.propTypes;
 
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          transferActualDuration(workInProgress);
+          if (innerPropTypes) {
+            checkPropTypes(
+              innerPropTypes,
+              nextProps, // Resolved props
+              "prop",
+              getComponentNameFromType(Component)
+            );
+          }
         }
+      } // Push context providers early to prevent context stack mismatches.
+      // During mounting we don't know the child context yet as the instance doesn't exist.
+      // We will invalidate the child context in finishClassComponent() right after rendering.
 
-        return workInProgress;
+      var hasContext;
+
+      if (isContextProvider(Component)) {
+        hasContext = true;
+        pushContextProvider(workInProgress);
+      } else {
+        hasContext = false;
       }
 
-      return null;
-    }
+      prepareToReadContext(workInProgress, renderLanes);
+      var instance = workInProgress.stateNode;
+      var shouldUpdate;
 
-    case HostRoot: {
-      var root = workInProgress.stateNode;
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      resetWorkInProgressVersions();
-      var _flags = workInProgress.flags;
+      if (instance === null) {
+        resetSuspendedCurrentOnMountInLegacyMode(current, workInProgress); // In the initial pass we might need to construct the instance.
 
-      if (
-        (_flags & ShouldCapture) !== NoFlags &&
-        (_flags & DidCapture) === NoFlags
-      ) {
-        // There was an error during render that wasn't captured by a suspense
-        // boundary. Do a second pass on the root to unmount the children.
-        workInProgress.flags = (_flags & ~ShouldCapture) | DidCapture;
-        return workInProgress;
-      } // We unwound to the root without completing it. Exit.
+        constructClassInstance(workInProgress, Component, nextProps);
+        mountClassInstance(workInProgress, Component, nextProps, renderLanes);
+        shouldUpdate = true;
+      } else if (current === null) {
+        // In a resume, we'll already have an instance we can reuse.
+        shouldUpdate = resumeMountClassInstance(
+          workInProgress,
+          Component,
+          nextProps,
+          renderLanes
+        );
+      } else {
+        shouldUpdate = updateClassInstance(
+          current,
+          workInProgress,
+          Component,
+          nextProps,
+          renderLanes
+        );
+      }
 
-      return null;
-    }
+      var nextUnitOfWork = finishClassComponent(
+        current,
+        workInProgress,
+        Component,
+        shouldUpdate,
+        hasContext,
+        renderLanes
+      );
 
-    case HostComponent: {
-      // TODO: popHydrationState
-      popHostContext(workInProgress);
-      return null;
-    }
+      {
+        var inst = workInProgress.stateNode;
 
-    case SuspenseComponent: {
-      popSuspenseContext(workInProgress);
-      var suspenseState = workInProgress.memoizedState;
+        if (shouldUpdate && inst.props !== nextProps) {
+          if (!didWarnAboutReassigningProps) {
+            error(
+              "It looks like %s is reassigning its own `this.props` while rendering. " +
+                "This is not supported and can lead to confusing bugs.",
+              getComponentNameFromFiber(workInProgress) || "a component"
+            );
+          }
 
-      if (suspenseState !== null && suspenseState.dehydrated !== null) {
-        if (workInProgress.alternate === null) {
-          throw new Error(
-            "Threw in newly mounted dehydrated component. This is likely a bug in " +
-              "React. Please file an issue."
-          );
+          didWarnAboutReassigningProps = true;
         }
       }
 
-      var _flags2 = workInProgress.flags;
-
-      if (_flags2 & ShouldCapture) {
-        workInProgress.flags = (_flags2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+      return nextUnitOfWork;
+    }
 
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          transferActualDuration(workInProgress);
+    function finishClassComponent(
+      current,
+      workInProgress,
+      Component,
+      shouldUpdate,
+      hasContext,
+      renderLanes
+    ) {
+      // Refs should update even if shouldComponentUpdate returns false
+      markRef$1(current, workInProgress);
+      var didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags$1;
+
+      if (!shouldUpdate && !didCaptureError) {
+        // Context providers should defer to sCU for rendering
+        if (hasContext) {
+          invalidateContextProvider(workInProgress, Component, false);
         }
 
-        return workInProgress;
+        return bailoutOnAlreadyFinishedWork(
+          current,
+          workInProgress,
+          renderLanes
+        );
       }
 
-      return null;
-    }
+      var instance = workInProgress.stateNode; // Rerender
 
-    case SuspenseListComponent: {
-      popSuspenseContext(workInProgress); // SuspenseList doesn't actually catch anything. It should've been
-      // caught by a nested boundary. If not, it should bubble through.
+      ReactCurrentOwner$2.current = workInProgress;
+      var nextChildren;
 
-      return null;
-    }
+      if (
+        didCaptureError &&
+        typeof Component.getDerivedStateFromError !== "function"
+      ) {
+        // If we captured an error, but getDerivedStateFromError is not defined,
+        // unmount all the children. componentDidCatch will schedule an update to
+        // re-render a fallback. This is temporary until we migrate everyone to
+        // the new API.
+        // TODO: Warn in a future release.
+        nextChildren = null;
 
-    case HostPortal:
-      popHostContainer(workInProgress);
-      return null;
+        {
+          stopProfilerTimerIfRunning();
+        }
+      } else {
+        {
+          setIsRendering(true);
+          nextChildren = instance.render();
 
-    case ContextProvider:
-      var context = workInProgress.type._context;
-      popProvider(context, workInProgress);
-      return null;
+          if (workInProgress.mode & StrictLegacyMode) {
+            setIsStrictModeForDevtools(true);
 
-    case OffscreenComponent:
-    case LegacyHiddenComponent:
-      popRenderLanes(workInProgress);
-      return null;
+            try {
+              instance.render();
+            } finally {
+              setIsStrictModeForDevtools(false);
+            }
+          }
 
-    case CacheComponent:
-      return null;
+          setIsRendering(false);
+        }
+      } // React DevTools reads this flag.
 
-    default:
-      return null;
-  }
-}
+      workInProgress.flags |= PerformedWork;
 
-function unwindInterruptedWork(current, interruptedWork, renderLanes) {
-  // Note: This intentionally doesn't check if we're hydrating because comparing
-  // to the current tree provider fiber is just as fast and less error-prone.
-  // Ideally we would have a special version of the work loop only
-  // for hydration.
-  popTreeContext(interruptedWork);
+      if (current !== null && didCaptureError) {
+        // If we're recovering from an error, reconcile without reusing any of
+        // the existing children. Conceptually, the normal children and the children
+        // that are shown on error are two different sets, so we shouldn't reuse
+        // normal children even if their identities match.
+        forceUnmountCurrentAndReconcile(
+          current,
+          workInProgress,
+          nextChildren,
+          renderLanes
+        );
+      } else {
+        reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      } // Memoize state using the values we just used to render.
+      // TODO: Restructure so we never read values from the instance.
 
-  switch (interruptedWork.tag) {
-    case ClassComponent: {
-      var childContextTypes = interruptedWork.type.childContextTypes;
+      workInProgress.memoizedState = instance.state; // The context might have changed so we need to recalculate it.
 
-      if (childContextTypes !== null && childContextTypes !== undefined) {
-        popContext(interruptedWork);
+      if (hasContext) {
+        invalidateContextProvider(workInProgress, Component, true);
       }
 
-      break;
-    }
-
-    case HostRoot: {
-      var root = interruptedWork.stateNode;
-      popHostContainer(interruptedWork);
-      popTopLevelContextObject(interruptedWork);
-      resetWorkInProgressVersions();
-      break;
-    }
-
-    case HostComponent: {
-      popHostContext(interruptedWork);
-      break;
+      return workInProgress.child;
     }
 
-    case HostPortal:
-      popHostContainer(interruptedWork);
-      break;
+    function pushHostRootContext(workInProgress) {
+      var root = workInProgress.stateNode;
 
-    case SuspenseComponent:
-      popSuspenseContext(interruptedWork);
-      break;
+      if (root.pendingContext) {
+        pushTopLevelContextObject(
+          workInProgress,
+          root.pendingContext,
+          root.pendingContext !== root.context
+        );
+      } else if (root.context) {
+        // Should always be set
+        pushTopLevelContextObject(workInProgress, root.context, false);
+      }
 
-    case SuspenseListComponent:
-      popSuspenseContext(interruptedWork);
-      break;
+      pushHostContainer(workInProgress, root.containerInfo);
+    }
 
-    case ContextProvider:
-      var context = interruptedWork.type._context;
-      popProvider(context, interruptedWork);
-      break;
+    function updateHostRoot(current, workInProgress, renderLanes) {
+      pushHostRootContext(workInProgress);
 
-    case OffscreenComponent:
-    case LegacyHiddenComponent:
-      popRenderLanes(interruptedWork);
-      break;
-  }
-}
+      if (current === null) {
+        throw new Error("Should have a current fiber. This is a bug in React.");
+      }
 
-var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
-
-{
-  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
-} // Used during the commit phase to track the state of the Offscreen component stack.
-var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
-var nextEffect = null; // Used for Profiling builds to track updaters.
-
-var inProgressLanes = null;
-var inProgressRoot = null;
-function reportUncaughtErrorInDEV(error) {
-  // Wrapping each small part of the commit phase into a guarded
-  // callback is a bit too slow (https://github.com/facebook/react/pull/21666).
-  // But we rely on it to surface errors to DEV tools like overlays
-  // (https://github.com/facebook/react/issues/21712).
-  // As a compromise, rethrow only caught errors in a guard.
-  {
-    invokeGuardedCallback(null, function() {
-      throw error;
-    });
-    clearCaughtError();
-  }
-}
+      var nextProps = workInProgress.pendingProps;
+      var prevState = workInProgress.memoizedState;
+      var prevChildren = prevState.element;
+      cloneUpdateQueue(current, workInProgress);
+      processUpdateQueue(workInProgress, nextProps, null, renderLanes);
+      var nextState = workInProgress.memoizedState;
+      // it needs to happen after the `pushCacheProvider` call above to avoid a
+      // context stack mismatch. A bit unfortunate.
 
-var callComponentWillUnmountWithTimer = function(current, instance) {
-  instance.props = current.memoizedProps;
-  instance.state = current.memoizedState;
-
-  if (current.mode & ProfileMode) {
-    try {
-      startLayoutEffectTimer();
-      instance.componentWillUnmount();
-    } finally {
-      recordLayoutEffectDuration(current);
-    }
-  } else {
-    instance.componentWillUnmount();
-  }
-}; // Capture errors so they don't interrupt mounting.
-
-function safelyCallComponentWillUnmount(
-  current,
-  nearestMountedAncestor,
-  instance
-) {
-  try {
-    callComponentWillUnmountWithTimer(current, instance);
-  } catch (error) {
-    captureCommitPhaseError(current, nearestMountedAncestor, error);
-  }
-} // Capture errors so they don't interrupt mounting.
-
-function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
-
-  if (ref !== null) {
-    if (typeof ref === "function") {
-      var retVal;
+      suspendIfUpdateReadFromEntangledAsyncAction(); // Caution: React DevTools currently depends on this property
+      // being called "element".
 
-      try {
-        if (
-          enableProfilerTimer &&
-          enableProfilerCommitHooks &&
-          current.mode & ProfileMode
-        ) {
-          try {
-            startLayoutEffectTimer();
-            retVal = ref(null);
-          } finally {
-            recordLayoutEffectDuration(current);
-          }
-        } else {
-          retVal = ref(null);
-        }
-      } catch (error) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error);
-      }
+      var nextChildren = nextState.element;
 
       {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(current)
+        if (nextChildren === prevChildren) {
+          return bailoutOnAlreadyFinishedWork(
+            current,
+            workInProgress,
+            renderLanes
           );
         }
+
+        reconcileChildren(current, workInProgress, nextChildren, renderLanes);
       }
-    } else {
-      ref.current = null;
+
+      return workInProgress.child;
     }
-  }
-}
 
-function safelyCallDestroy(current, nearestMountedAncestor, destroy) {
-  try {
-    destroy();
-  } catch (error) {
-    captureCommitPhaseError(current, nearestMountedAncestor, error);
-  }
-}
-
-var focusedInstanceHandle = null;
-var shouldFireAfterActiveInstanceBlur = false;
-function commitBeforeMutationEffects(root, firstChild) {
-  focusedInstanceHandle = prepareForCommit(root.containerInfo);
-  nextEffect = firstChild;
-  commitBeforeMutationEffects_begin(); // We no longer need to track the active instance fiber
-
-  var shouldFire = shouldFireAfterActiveInstanceBlur;
-  shouldFireAfterActiveInstanceBlur = false;
-  focusedInstanceHandle = null;
-  return shouldFire;
-}
-
-function commitBeforeMutationEffects_begin() {
-  while (nextEffect !== null) {
-    var fiber = nextEffect; // This phase is only used for beforeActiveInstanceBlur.
+    function updateHostComponent$1(current, workInProgress, renderLanes) {
+      pushHostContext(workInProgress);
+      var nextProps = workInProgress.pendingProps;
+      var prevProps = current !== null ? current.memoizedProps : null;
+      var nextChildren = nextProps.children;
 
-    var child = fiber.child;
+      if (prevProps !== null && shouldSetTextContent()) {
+        // If we're switching from a direct text child to a normal child, or to
+        // empty, we need to schedule the text content to be reset.
+        workInProgress.flags |= ContentReset;
+      }
 
-    if (
-      (fiber.subtreeFlags & BeforeMutationMask) !== NoFlags &&
-      child !== null
-    ) {
-      child.return = fiber;
-      nextEffect = child;
-    } else {
-      commitBeforeMutationEffects_complete();
+      markRef$1(current, workInProgress);
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
     }
-  }
-}
 
-function commitBeforeMutationEffects_complete() {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
-    setCurrentFiber(fiber);
+    function updateHostText$1(current, workInProgress) {
+      // immediately after.
 
-    try {
-      commitBeforeMutationEffectsOnFiber(fiber);
-    } catch (error) {
-      captureCommitPhaseError(fiber, fiber.return, error);
+      return null;
     }
 
-    resetCurrentFiber();
-    var sibling = fiber.sibling;
-
-    if (sibling !== null) {
-      sibling.return = fiber.return;
-      nextEffect = sibling;
-      return;
-    }
+    function mountLazyComponent(
+      _current,
+      workInProgress,
+      elementType,
+      renderLanes
+    ) {
+      resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress);
+      var props = workInProgress.pendingProps;
+      var lazyComponent = elementType;
+      var payload = lazyComponent._payload;
+      var init = lazyComponent._init;
+      var Component = init(payload); // Store the unwrapped component in the type.
+
+      workInProgress.type = Component;
+      var resolvedTag = (workInProgress.tag =
+        resolveLazyComponentTag(Component));
+      var resolvedProps = resolveDefaultProps(Component, props);
+      var child;
+
+      switch (resolvedTag) {
+        case FunctionComponent: {
+          {
+            validateFunctionComponentInDev(workInProgress, Component);
+            workInProgress.type = Component =
+              resolveFunctionForHotReloading(Component);
+          }
 
-    nextEffect = fiber.return;
-  }
-}
+          child = updateFunctionComponent(
+            null,
+            workInProgress,
+            Component,
+            resolvedProps,
+            renderLanes
+          );
+          return child;
+        }
 
-function commitBeforeMutationEffectsOnFiber(finishedWork) {
-  var current = finishedWork.alternate;
-  var flags = finishedWork.flags;
+        case ClassComponent: {
+          {
+            workInProgress.type = Component =
+              resolveClassForHotReloading(Component);
+          }
 
-  if ((flags & Snapshot) !== NoFlags) {
-    setCurrentFiber(finishedWork);
+          child = updateClassComponent(
+            null,
+            workInProgress,
+            Component,
+            resolvedProps,
+            renderLanes
+          );
+          return child;
+        }
 
-    switch (finishedWork.tag) {
-      case FunctionComponent:
-      case ForwardRef:
-      case SimpleMemoComponent: {
-        break;
-      }
+        case ForwardRef: {
+          {
+            workInProgress.type = Component =
+              resolveForwardRefForHotReloading(Component);
+          }
 
-      case ClassComponent: {
-        if (current !== null) {
-          var prevProps = current.memoizedProps;
-          var prevState = current.memoizedState;
-          var instance = finishedWork.stateNode; // We could update instance props and state here,
-          // but instead we rely on them being set during last render.
-          // TODO: revisit this when we implement resuming.
+          child = updateForwardRef(
+            null,
+            workInProgress,
+            Component,
+            resolvedProps,
+            renderLanes
+          );
+          return child;
+        }
 
+        case MemoComponent: {
           {
-            if (
-              finishedWork.type === finishedWork.elementType &&
-              !didWarnAboutReassigningProps
-            ) {
-              if (instance.props !== finishedWork.memoizedProps) {
-                error(
-                  "Expected %s props to match memoized props before " +
-                    "getSnapshotBeforeUpdate. " +
-                    "This might either be because of a bug in React, or because " +
-                    "a component reassigns its own `this.props`. " +
-                    "Please file an issue.",
-                  getComponentNameFromFiber(finishedWork) || "instance"
-                );
-              }
-
-              if (instance.state !== finishedWork.memoizedState) {
-                error(
-                  "Expected %s state to match memoized state before " +
-                    "getSnapshotBeforeUpdate. " +
-                    "This might either be because of a bug in React, or because " +
-                    "a component reassigns its own `this.state`. " +
-                    "Please file an issue.",
-                  getComponentNameFromFiber(finishedWork) || "instance"
+            if (workInProgress.type !== workInProgress.elementType) {
+              var outerPropTypes = Component.propTypes;
+
+              if (outerPropTypes) {
+                checkPropTypes(
+                  outerPropTypes,
+                  resolvedProps, // Resolved for outer only
+                  "prop",
+                  getComponentNameFromType(Component)
                 );
               }
             }
           }
 
-          var snapshot = instance.getSnapshotBeforeUpdate(
-            finishedWork.elementType === finishedWork.type
-              ? prevProps
-              : resolveDefaultProps(finishedWork.type, prevProps),
-            prevState
+          child = updateMemoComponent(
+            null,
+            workInProgress,
+            Component,
+            resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
+            renderLanes
           );
+          return child;
+        }
+      }
 
-          {
-            var didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
+      var hint = "";
 
-            if (snapshot === undefined && !didWarnSet.has(finishedWork.type)) {
-              didWarnSet.add(finishedWork.type);
+      {
+        if (
+          Component !== null &&
+          typeof Component === "object" &&
+          Component.$$typeof === REACT_LAZY_TYPE
+        ) {
+          hint = " Did you wrap a component in React.lazy() more than once?";
+        }
+      } // This message intentionally doesn't mention ForwardRef or MemoComponent
+      // because the fact that it's a separate type of work is an
+      // implementation detail.
 
-              error(
-                "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
-                  "must be returned. You have returned undefined.",
-                getComponentNameFromFiber(finishedWork)
-              );
-            }
-          }
+      throw new Error(
+        "Element type is invalid. Received a promise that resolves to: " +
+          Component +
+          ". " +
+          ("Lazy element type must resolve to a class or function." + hint)
+      );
+    }
 
-          instance.__reactInternalSnapshotBeforeUpdate = snapshot;
-        }
+    function mountIncompleteClassComponent(
+      _current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress); // Promote the fiber to a class and try rendering again.
 
-        break;
-      }
+      workInProgress.tag = ClassComponent; // The rest of this function is a fork of `updateClassComponent`
+      // Push context providers early to prevent context stack mismatches.
+      // During mounting we don't know the child context yet as the instance doesn't exist.
+      // We will invalidate the child context in finishClassComponent() right after rendering.
 
-      case HostRoot: {
-        break;
+      var hasContext;
+
+      if (isContextProvider(Component)) {
+        hasContext = true;
+        pushContextProvider(workInProgress);
+      } else {
+        hasContext = false;
       }
 
-      case HostComponent:
-      case HostText:
-      case HostPortal:
-      case IncompleteClassComponent:
-        // Nothing to do for these component types
-        break;
+      prepareToReadContext(workInProgress, renderLanes);
+      constructClassInstance(workInProgress, Component, nextProps);
+      mountClassInstance(workInProgress, Component, nextProps, renderLanes);
+      return finishClassComponent(
+        null,
+        workInProgress,
+        Component,
+        true,
+        hasContext,
+        renderLanes
+      );
+    }
+
+    function mountIndeterminateComponent(
+      _current,
+      workInProgress,
+      Component,
+      renderLanes
+    ) {
+      resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress);
+      var props = workInProgress.pendingProps;
+      var context;
 
-      default: {
-        throw new Error(
-          "This unit of work tag should not have side-effects. This error is " +
-            "likely caused by a bug in React. Please file an issue."
+      {
+        var unmaskedContext = getUnmaskedContext(
+          workInProgress,
+          Component,
+          false
         );
+        context = getMaskedContext(workInProgress, unmaskedContext);
       }
-    }
 
-    resetCurrentFiber();
-  }
-}
+      prepareToReadContext(workInProgress, renderLanes);
+      var value;
 
-function commitHookEffectListUnmount(
-  flags,
-  finishedWork,
-  nearestMountedAncestor
-) {
-  var updateQueue = finishedWork.updateQueue;
-  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
-
-  if (lastEffect !== null) {
-    var firstEffect = lastEffect.next;
-    var effect = firstEffect;
-
-    do {
-      if ((effect.tag & flags) === flags) {
-        // Unmount
-        var destroy = effect.destroy;
-        effect.destroy = undefined;
-
-        if (destroy !== undefined) {
-          {
-            if ((flags & Insertion) !== NoFlags$1) {
-              setIsRunningInsertionEffect(true);
-            }
-          }
+      {
+        if (
+          Component.prototype &&
+          typeof Component.prototype.render === "function"
+        ) {
+          var componentName = getComponentNameFromType(Component) || "Unknown";
 
-          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy);
+          if (!didWarnAboutBadClass[componentName]) {
+            error(
+              "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
+                "This is likely to cause errors. Change %s to extend React.Component instead.",
+              componentName,
+              componentName
+            );
 
-          {
-            if ((flags & Insertion) !== NoFlags$1) {
-              setIsRunningInsertionEffect(false);
-            }
+            didWarnAboutBadClass[componentName] = true;
           }
         }
+
+        if (workInProgress.mode & StrictLegacyMode) {
+          ReactStrictModeWarnings.recordLegacyContextWarning(
+            workInProgress,
+            null
+          );
+        }
+
+        setIsRendering(true);
+        ReactCurrentOwner$2.current = workInProgress;
+        value = renderWithHooks(
+          null,
+          workInProgress,
+          Component,
+          props,
+          context,
+          renderLanes
+        );
+        setIsRendering(false);
       }
 
-      effect = effect.next;
-    } while (effect !== firstEffect);
-  }
-}
+      workInProgress.flags |= PerformedWork;
 
-function commitHookEffectListMount(flags, finishedWork) {
-  var updateQueue = finishedWork.updateQueue;
-  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
+      {
+        // Support for module components is deprecated and is removed behind a flag.
+        // Whether or not it would crash later, we want to show a good message in DEV first.
+        if (
+          typeof value === "object" &&
+          value !== null &&
+          typeof value.render === "function" &&
+          value.$$typeof === undefined
+        ) {
+          var _componentName = getComponentNameFromType(Component) || "Unknown";
 
-  if (lastEffect !== null) {
-    var firstEffect = lastEffect.next;
-    var effect = firstEffect;
+          if (!didWarnAboutModulePatternComponent[_componentName]) {
+            error(
+              "The <%s /> component appears to be a function component that returns a class instance. " +
+                "Change %s to a class that extends React.Component instead. " +
+                "If you can't use a class try assigning the prototype on the function as a workaround. " +
+                "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " +
+                "cannot be called with `new` by React.",
+              _componentName,
+              _componentName,
+              _componentName
+            );
 
-    do {
-      if ((effect.tag & flags) === flags) {
-        var create = effect.create;
+            didWarnAboutModulePatternComponent[_componentName] = true;
+          }
+        }
+      }
 
+      if (
+        // Run these checks in production only if the flag is off.
+        // Eventually we'll delete this branch altogether.
+        typeof value === "object" &&
+        value !== null &&
+        typeof value.render === "function" &&
+        value.$$typeof === undefined
+      ) {
         {
-          if ((flags & Insertion) !== NoFlags$1) {
-            setIsRunningInsertionEffect(true);
+          var _componentName2 =
+            getComponentNameFromType(Component) || "Unknown";
+
+          if (!didWarnAboutModulePatternComponent[_componentName2]) {
+            error(
+              "The <%s /> component appears to be a function component that returns a class instance. " +
+                "Change %s to a class that extends React.Component instead. " +
+                "If you can't use a class try assigning the prototype on the function as a workaround. " +
+                "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " +
+                "cannot be called with `new` by React.",
+              _componentName2,
+              _componentName2,
+              _componentName2
+            );
+
+            didWarnAboutModulePatternComponent[_componentName2] = true;
           }
+        } // Proceed under the assumption that this is a class instance
+
+        workInProgress.tag = ClassComponent; // Throw out any hooks that were used.
+
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null; // Push context providers early to prevent context stack mismatches.
+        // During mounting we don't know the child context yet as the instance doesn't exist.
+        // We will invalidate the child context in finishClassComponent() right after rendering.
+
+        var hasContext = false;
+
+        if (isContextProvider(Component)) {
+          hasContext = true;
+          pushContextProvider(workInProgress);
+        } else {
+          hasContext = false;
         }
 
-        effect.destroy = create();
+        workInProgress.memoizedState =
+          value.state !== null && value.state !== undefined
+            ? value.state
+            : null;
+        initializeUpdateQueue(workInProgress);
+        adoptClassInstance(workInProgress, value);
+        mountClassInstance(workInProgress, Component, props, renderLanes);
+        return finishClassComponent(
+          null,
+          workInProgress,
+          Component,
+          true,
+          hasContext,
+          renderLanes
+        );
+      } else {
+        // Proceed under the assumption that this is a function component
+        workInProgress.tag = FunctionComponent;
+
+        reconcileChildren(null, workInProgress, value, renderLanes);
 
         {
-          if ((flags & Insertion) !== NoFlags$1) {
-            setIsRunningInsertionEffect(false);
-          }
+          validateFunctionComponentInDev(workInProgress, Component);
         }
 
-        {
-          var destroy = effect.destroy;
+        return workInProgress.child;
+      }
+    }
+
+    function validateFunctionComponentInDev(workInProgress, Component) {
+      {
+        if (Component) {
+          if (Component.childContextTypes) {
+            error(
+              "%s(...): childContextTypes cannot be defined on a function component.",
+              Component.displayName || Component.name || "Component"
+            );
+          }
+        }
 
-          if (destroy !== undefined && typeof destroy !== "function") {
-            var hookName = void 0;
+        if (workInProgress.ref !== null) {
+          var info = "";
+          var componentName = getComponentNameFromType(Component) || "Unknown";
+          var ownerName = getCurrentFiberOwnerNameInDevOrNull();
 
-            if ((effect.tag & Layout) !== NoFlags) {
-              hookName = "useLayoutEffect";
-            } else if ((effect.tag & Insertion) !== NoFlags) {
-              hookName = "useInsertionEffect";
-            } else {
-              hookName = "useEffect";
-            }
+          if (ownerName) {
+            info += "\n\nCheck the render method of `" + ownerName + "`.";
+          }
 
-            var addendum = void 0;
+          var warningKey = componentName + "|" + (ownerName || "");
 
-            if (destroy === null) {
-              addendum =
-                " You returned null. If your effect does not require clean " +
-                "up, return undefined (or nothing).";
-            } else if (typeof destroy.then === "function") {
-              addendum =
-                "\n\nIt looks like you wrote " +
-                hookName +
-                "(async () => ...) or returned a Promise. " +
-                "Instead, write the async function inside your effect " +
-                "and call it immediately:\n\n" +
-                hookName +
-                "(() => {\n" +
-                "  async function fetchData() {\n" +
-                "    // You can await here\n" +
-                "    const response = await MyAPI.getData(someId);\n" +
-                "    // ...\n" +
-                "  }\n" +
-                "  fetchData();\n" +
-                "}, [someId]); // Or [] if effect doesn't need props or state\n\n" +
-                "Learn more about data fetching with Hooks: https://react.dev/reference/react/useEffect#fetching-data-with-effects";
-            } else {
-              addendum = " You returned: " + destroy;
-            }
+          if (!didWarnAboutFunctionRefs[warningKey]) {
+            didWarnAboutFunctionRefs[warningKey] = true;
 
             error(
-              "%s must not return anything besides a function, " +
-                "which is used for clean-up.%s",
-              hookName,
-              addendum
+              "Function components cannot be given refs. " +
+                "Attempts to access this ref will fail. " +
+                "Did you mean to use React.forwardRef()?%s",
+              info
             );
           }
         }
-      }
-
-      effect = effect.next;
-    } while (effect !== firstEffect);
-  }
-}
 
-function commitPassiveEffectDurations(finishedRoot, finishedWork) {
-  {
-    // Only Profilers with work in their subtree will have an Update effect scheduled.
-    if ((finishedWork.flags & Update) !== NoFlags) {
-      switch (finishedWork.tag) {
-        case Profiler: {
-          var passiveEffectDuration =
-            finishedWork.stateNode.passiveEffectDuration;
-          var _finishedWork$memoize = finishedWork.memoizedProps,
-            id = _finishedWork$memoize.id,
-            onPostCommit = _finishedWork$memoize.onPostCommit; // This value will still reflect the previous commit phase.
-          // It does not get reset until the start of the next commit phase.
+        if (Component.defaultProps !== undefined) {
+          var _componentName3 =
+            getComponentNameFromType(Component) || "Unknown";
 
-          var commitTime = getCommitTime();
-          var phase = finishedWork.alternate === null ? "mount" : "update";
+          if (!didWarnAboutDefaultPropsOnFunctionComponent[_componentName3]) {
+            error(
+              "%s: Support for defaultProps will be removed from function components " +
+                "in a future major release. Use JavaScript default parameters instead.",
+              _componentName3
+            );
 
-          {
-            if (isCurrentUpdateNested()) {
-              phase = "nested-update";
-            }
+            didWarnAboutDefaultPropsOnFunctionComponent[_componentName3] = true;
           }
+        }
+
+        if (typeof Component.getDerivedStateFromProps === "function") {
+          var _componentName4 =
+            getComponentNameFromType(Component) || "Unknown";
 
-          if (typeof onPostCommit === "function") {
-            onPostCommit(id, phase, passiveEffectDuration, commitTime);
-          } // Bubble times to the next nearest ancestor Profiler.
-          // After we process that Profiler, we'll bubble further up.
+          if (
+            !didWarnAboutGetDerivedStateOnFunctionComponent[_componentName4]
+          ) {
+            error(
+              "%s: Function components do not support getDerivedStateFromProps.",
+              _componentName4
+            );
 
-          var parentFiber = finishedWork.return;
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName4] =
+              true;
+          }
+        }
 
-          outer: while (parentFiber !== null) {
-            switch (parentFiber.tag) {
-              case HostRoot:
-                var root = parentFiber.stateNode;
-                root.passiveEffectDuration += passiveEffectDuration;
-                break outer;
+        if (
+          typeof Component.contextType === "object" &&
+          Component.contextType !== null
+        ) {
+          var _componentName5 =
+            getComponentNameFromType(Component) || "Unknown";
 
-              case Profiler:
-                var parentStateNode = parentFiber.stateNode;
-                parentStateNode.passiveEffectDuration += passiveEffectDuration;
-                break outer;
-            }
+          if (!didWarnAboutContextTypeOnFunctionComponent[_componentName5]) {
+            error(
+              "%s: Function components do not support contextType.",
+              _componentName5
+            );
 
-            parentFiber = parentFiber.return;
+            didWarnAboutContextTypeOnFunctionComponent[_componentName5] = true;
           }
-
-          break;
         }
       }
     }
-  }
-}
 
-function commitLayoutEffectOnFiber(
-  finishedRoot,
-  current,
-  finishedWork,
-  committedLanes
-) {
-  if ((finishedWork.flags & LayoutMask) !== NoFlags) {
-    switch (finishedWork.tag) {
-      case FunctionComponent:
-      case ForwardRef:
-      case SimpleMemoComponent: {
-        {
-          // At this point layout effects have already been destroyed (during mutation phase).
-          // This is done to prevent sibling component effects from interfering with each other,
-          // e.g. a destroy function in one component should never override a ref set
-          // by a create function in another component during the same commit.
-          if (finishedWork.mode & ProfileMode) {
-            try {
-              startLayoutEffectTimer();
-              commitHookEffectListMount(Layout | HasEffect, finishedWork);
-            } finally {
-              recordLayoutEffectDuration(finishedWork);
-            }
-          } else {
-            commitHookEffectListMount(Layout | HasEffect, finishedWork);
-          }
+    var SUSPENDED_MARKER = {
+      dehydrated: null,
+      treeContext: null,
+      retryLane: NoLane
+    };
+
+    function mountSuspenseOffscreenState(renderLanes) {
+      return {
+        baseLanes: renderLanes,
+        cachePool: getSuspendedCache()
+      };
+    }
+
+    function updateSuspenseOffscreenState(prevOffscreenState, renderLanes) {
+      var cachePool = null;
+
+      return {
+        baseLanes: mergeLanes(prevOffscreenState.baseLanes, renderLanes),
+        cachePool: cachePool
+      };
+    } // TODO: Probably should inline this back
+
+    function shouldRemainOnFallback(current, workInProgress, renderLanes) {
+      // If we're already showing a fallback, there are cases where we need to
+      // remain on that fallback regardless of whether the content has resolved.
+      // For example, SuspenseList coordinates when nested content appears.
+      // TODO: For compatibility with offscreen prerendering, this should also check
+      // whether the current fiber (if it exists) was visible in the previous tree.
+      if (current !== null) {
+        var suspenseState = current.memoizedState;
+
+        if (suspenseState === null) {
+          // Currently showing content. Don't hide it, even if ForceSuspenseFallback
+          // is true. More precise name might be "ForceRemainSuspenseFallback".
+          // Note: This is a factoring smell. Can't remain on a fallback if there's
+          // no fallback to remain on.
+          return false;
         }
+      } // Not currently showing content. Consult the Suspense context.
 
-        break;
-      }
+      var suspenseContext = suspenseStackCursor.current;
+      return hasSuspenseListContext(suspenseContext, ForceSuspenseFallback);
+    }
 
-      case ClassComponent: {
-        var instance = finishedWork.stateNode;
+    function getRemainingWorkInPrimaryTree(
+      current,
+      primaryTreeDidDefer,
+      renderLanes
+    ) {
+      var remainingLanes =
+        current !== null
+          ? removeLanes(current.childLanes, renderLanes)
+          : NoLanes;
 
-        if (finishedWork.flags & Update) {
-          {
-            if (current === null) {
-              // We could update instance props and state here,
-              // but instead we rely on them being set during last render.
-              // TODO: revisit this when we implement resuming.
-              {
-                if (
-                  finishedWork.type === finishedWork.elementType &&
-                  !didWarnAboutReassigningProps
-                ) {
-                  if (instance.props !== finishedWork.memoizedProps) {
-                    error(
-                      "Expected %s props to match memoized props before " +
-                        "componentDidMount. " +
-                        "This might either be because of a bug in React, or because " +
-                        "a component reassigns its own `this.props`. " +
-                        "Please file an issue.",
-                      getComponentNameFromFiber(finishedWork) || "instance"
-                    );
-                  }
+      if (primaryTreeDidDefer) {
+        // A useDeferredValue hook spawned a deferred task inside the primary tree.
+        // Ensure that we retry this component at the deferred priority.
+        // TODO: We could make this a per-subtree value instead of a global one.
+        // Would need to track it on the context stack somehow, similar to what
+        // we'd have to do for resumable contexts.
+        remainingLanes = mergeLanes(remainingLanes, peekDeferredLane());
+      }
 
-                  if (instance.state !== finishedWork.memoizedState) {
-                    error(
-                      "Expected %s state to match memoized state before " +
-                        "componentDidMount. " +
-                        "This might either be because of a bug in React, or because " +
-                        "a component reassigns its own `this.state`. " +
-                        "Please file an issue.",
-                      getComponentNameFromFiber(finishedWork) || "instance"
-                    );
-                  }
-                }
-              }
+      return remainingLanes;
+    }
 
-              if (finishedWork.mode & ProfileMode) {
-                try {
-                  startLayoutEffectTimer();
-                  instance.componentDidMount();
-                } finally {
-                  recordLayoutEffectDuration(finishedWork);
-                }
-              } else {
-                instance.componentDidMount();
-              }
-            } else {
-              var prevProps =
-                finishedWork.elementType === finishedWork.type
-                  ? current.memoizedProps
-                  : resolveDefaultProps(
-                      finishedWork.type,
-                      current.memoizedProps
-                    );
-              var prevState = current.memoizedState; // We could update instance props and state here,
-              // but instead we rely on them being set during last render.
-              // TODO: revisit this when we implement resuming.
+    function updateSuspenseComponent(current, workInProgress, renderLanes) {
+      var nextProps = workInProgress.pendingProps; // This is used by DevTools to force a boundary to suspend.
 
-              {
+      {
+        if (shouldSuspend(workInProgress)) {
+          workInProgress.flags |= DidCapture;
+        }
+      }
+
+      var showFallback = false;
+      var didSuspend = (workInProgress.flags & DidCapture) !== NoFlags$1;
+
+      if (didSuspend || shouldRemainOnFallback(current)) {
+        // Something in this boundary's subtree already suspended. Switch to
+        // rendering the fallback children.
+        showFallback = true;
+        workInProgress.flags &= ~DidCapture;
+      } // Check if the primary children spawned a deferred task (useDeferredValue)
+      // during the first pass.
+
+      var didPrimaryChildrenDefer =
+        (workInProgress.flags & DidDefer) !== NoFlags$1;
+      workInProgress.flags &= ~DidDefer; // OK, the next part is confusing. We're about to reconcile the Suspense
+      // boundary's children. This involves some custom reconciliation logic. Two
+      // main reasons this is so complicated.
+      //
+      // First, Legacy Mode has different semantics for backwards compatibility. The
+      // primary tree will commit in an inconsistent state, so when we do the
+      // second pass to render the fallback, we do some exceedingly, uh, clever
+      // hacks to make that not totally break. Like transferring effects and
+      // deletions from hidden tree. In Concurrent Mode, it's much simpler,
+      // because we bailout on the primary tree completely and leave it in its old
+      // state, no effects. Same as what we do for Offscreen (except that
+      // Offscreen doesn't have the first render pass).
+      //
+      // Second is hydration. During hydration, the Suspense fiber has a slightly
+      // different layout, where the child points to a dehydrated fragment, which
+      // contains the DOM rendered by the server.
+      //
+      // Third, even if you set all that aside, Suspense is like error boundaries in
+      // that we first we try to render one tree, and if that fails, we render again
+      // and switch to a different tree. Like a try/catch block. So we have to track
+      // which branch we're currently rendering. Ideally we would model this using
+      // a stack.
+
+      if (current === null) {
+        var nextPrimaryChildren = nextProps.children;
+        var nextFallbackChildren = nextProps.fallback;
+
+        if (showFallback) {
+          pushFallbackTreeSuspenseHandler(workInProgress);
+          var fallbackFragment = mountSuspenseFallbackChildren(
+            workInProgress,
+            nextPrimaryChildren,
+            nextFallbackChildren,
+            renderLanes
+          );
+          var primaryChildFragment = workInProgress.child;
+          primaryChildFragment.memoizedState =
+            mountSuspenseOffscreenState(renderLanes);
+          primaryChildFragment.childLanes = getRemainingWorkInPrimaryTree(
+            current,
+            didPrimaryChildrenDefer,
+            renderLanes
+          );
+          workInProgress.memoizedState = SUSPENDED_MARKER;
+
+          return fallbackFragment;
+        } else {
+          pushPrimaryTreeSuspenseHandler(workInProgress);
+          return mountSuspensePrimaryChildren(
+            workInProgress,
+            nextPrimaryChildren
+          );
+        }
+      } else {
+        // This is an update.
+        // Special path for hydration
+        var prevState = current.memoizedState;
+
+        if (prevState !== null) {
+          var _dehydrated = prevState.dehydrated;
+
+          if (_dehydrated !== null) {
+            return updateDehydratedSuspenseComponent(
+              current,
+              workInProgress,
+              didSuspend,
+              didPrimaryChildrenDefer,
+              nextProps,
+              _dehydrated,
+              prevState,
+              renderLanes
+            );
+          }
+        }
+
+        if (showFallback) {
+          pushFallbackTreeSuspenseHandler(workInProgress);
+          var _nextFallbackChildren = nextProps.fallback;
+          var _nextPrimaryChildren = nextProps.children;
+          var fallbackChildFragment = updateSuspenseFallbackChildren(
+            current,
+            workInProgress,
+            _nextPrimaryChildren,
+            _nextFallbackChildren,
+            renderLanes
+          );
+          var _primaryChildFragment2 = workInProgress.child;
+          var prevOffscreenState = current.child.memoizedState;
+          _primaryChildFragment2.memoizedState =
+            prevOffscreenState === null
+              ? mountSuspenseOffscreenState(renderLanes)
+              : updateSuspenseOffscreenState(prevOffscreenState, renderLanes);
+
+          _primaryChildFragment2.childLanes = getRemainingWorkInPrimaryTree(
+            current,
+            didPrimaryChildrenDefer,
+            renderLanes
+          );
+          workInProgress.memoizedState = SUSPENDED_MARKER;
+          return fallbackChildFragment;
+        } else {
+          pushPrimaryTreeSuspenseHandler(workInProgress);
+          var _nextPrimaryChildren2 = nextProps.children;
+
+          var _primaryChildFragment3 = updateSuspensePrimaryChildren(
+            current,
+            workInProgress,
+            _nextPrimaryChildren2,
+            renderLanes
+          );
+
+          workInProgress.memoizedState = null;
+          return _primaryChildFragment3;
+        }
+      }
+    }
+
+    function mountSuspensePrimaryChildren(
+      workInProgress,
+      primaryChildren,
+      renderLanes
+    ) {
+      var mode = workInProgress.mode;
+      var primaryChildProps = {
+        mode: "visible",
+        children: primaryChildren
+      };
+      var primaryChildFragment = mountWorkInProgressOffscreenFiber(
+        primaryChildProps,
+        mode
+      );
+      primaryChildFragment.return = workInProgress;
+      workInProgress.child = primaryChildFragment;
+      return primaryChildFragment;
+    }
+
+    function mountSuspenseFallbackChildren(
+      workInProgress,
+      primaryChildren,
+      fallbackChildren,
+      renderLanes
+    ) {
+      var mode = workInProgress.mode;
+      var progressedPrimaryFragment = workInProgress.child;
+      var primaryChildProps = {
+        mode: "hidden",
+        children: primaryChildren
+      };
+      var primaryChildFragment;
+      var fallbackChildFragment;
+
+      if (
+        (mode & ConcurrentMode) === NoMode &&
+        progressedPrimaryFragment !== null
+      ) {
+        // In legacy mode, we commit the primary tree as if it successfully
+        // completed, even though it's in an inconsistent state.
+        primaryChildFragment = progressedPrimaryFragment;
+        primaryChildFragment.childLanes = NoLanes;
+        primaryChildFragment.pendingProps = primaryChildProps;
+
+        if (workInProgress.mode & ProfileMode) {
+          // Reset the durations from the first pass so they aren't included in the
+          // final amounts. This seems counterintuitive, since we're intentionally
+          // not measuring part of the render phase, but this makes it match what we
+          // do in Concurrent Mode.
+          primaryChildFragment.actualDuration = 0;
+          primaryChildFragment.actualStartTime = -1;
+          primaryChildFragment.selfBaseDuration = 0;
+          primaryChildFragment.treeBaseDuration = 0;
+        }
+
+        fallbackChildFragment = createFiberFromFragment(
+          fallbackChildren,
+          mode,
+          renderLanes,
+          null
+        );
+      } else {
+        primaryChildFragment = mountWorkInProgressOffscreenFiber(
+          primaryChildProps,
+          mode
+        );
+        fallbackChildFragment = createFiberFromFragment(
+          fallbackChildren,
+          mode,
+          renderLanes,
+          null
+        );
+      }
+
+      primaryChildFragment.return = workInProgress;
+      fallbackChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = fallbackChildFragment;
+      workInProgress.child = primaryChildFragment;
+      return fallbackChildFragment;
+    }
+
+    function mountWorkInProgressOffscreenFiber(
+      offscreenProps,
+      mode,
+      renderLanes
+    ) {
+      // The props argument to `createFiberFromOffscreen` is `any` typed, so we use
+      // this wrapper function to constrain it.
+      return createFiberFromOffscreen(offscreenProps, mode, NoLanes, null);
+    }
+
+    function updateWorkInProgressOffscreenFiber(current, offscreenProps) {
+      // The props argument to `createWorkInProgress` is `any` typed, so we use this
+      // wrapper function to constrain it.
+      return createWorkInProgress(current, offscreenProps);
+    }
+
+    function updateSuspensePrimaryChildren(
+      current,
+      workInProgress,
+      primaryChildren,
+      renderLanes
+    ) {
+      var currentPrimaryChildFragment = current.child;
+      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
+      var primaryChildFragment = updateWorkInProgressOffscreenFiber(
+        currentPrimaryChildFragment,
+        {
+          mode: "visible",
+          children: primaryChildren
+        }
+      );
+
+      if ((workInProgress.mode & ConcurrentMode) === NoMode) {
+        primaryChildFragment.lanes = renderLanes;
+      }
+
+      primaryChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = null;
+
+      if (currentFallbackChildFragment !== null) {
+        // Delete the fallback child fragment
+        var deletions = workInProgress.deletions;
+
+        if (deletions === null) {
+          workInProgress.deletions = [currentFallbackChildFragment];
+          workInProgress.flags |= ChildDeletion;
+        } else {
+          deletions.push(currentFallbackChildFragment);
+        }
+      }
+
+      workInProgress.child = primaryChildFragment;
+      return primaryChildFragment;
+    }
+
+    function updateSuspenseFallbackChildren(
+      current,
+      workInProgress,
+      primaryChildren,
+      fallbackChildren,
+      renderLanes
+    ) {
+      var mode = workInProgress.mode;
+      var currentPrimaryChildFragment = current.child;
+      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
+      var primaryChildProps = {
+        mode: "hidden",
+        children: primaryChildren
+      };
+      var primaryChildFragment;
+
+      if (
+        // In legacy mode, we commit the primary tree as if it successfully
+        // completed, even though it's in an inconsistent state.
+        (mode & ConcurrentMode) === NoMode && // Make sure we're on the second pass, i.e. the primary child fragment was
+        // already cloned. In legacy mode, the only case where this isn't true is
+        // when DevTools forces us to display a fallback; we skip the first render
+        // pass entirely and go straight to rendering the fallback. (In Concurrent
+        // Mode, SuspenseList can also trigger this scenario, but this is a legacy-
+        // only codepath.)
+        workInProgress.child !== currentPrimaryChildFragment
+      ) {
+        var progressedPrimaryFragment = workInProgress.child;
+        primaryChildFragment = progressedPrimaryFragment;
+        primaryChildFragment.childLanes = NoLanes;
+        primaryChildFragment.pendingProps = primaryChildProps;
+
+        if (workInProgress.mode & ProfileMode) {
+          // Reset the durations from the first pass so they aren't included in the
+          // final amounts. This seems counterintuitive, since we're intentionally
+          // not measuring part of the render phase, but this makes it match what we
+          // do in Concurrent Mode.
+          primaryChildFragment.actualDuration = 0;
+          primaryChildFragment.actualStartTime = -1;
+          primaryChildFragment.selfBaseDuration =
+            currentPrimaryChildFragment.selfBaseDuration;
+          primaryChildFragment.treeBaseDuration =
+            currentPrimaryChildFragment.treeBaseDuration;
+        } // The fallback fiber was added as a deletion during the first pass.
+        // However, since we're going to remain on the fallback, we no longer want
+        // to delete it.
+
+        workInProgress.deletions = null;
+      } else {
+        primaryChildFragment = updateWorkInProgressOffscreenFiber(
+          currentPrimaryChildFragment,
+          primaryChildProps
+        ); // Since we're reusing a current tree, we need to reuse the flags, too.
+        // (We don't do this in legacy mode, because in legacy mode we don't re-use
+        // the current tree; see previous branch.)
+
+        primaryChildFragment.subtreeFlags =
+          currentPrimaryChildFragment.subtreeFlags & StaticMask;
+      }
+
+      var fallbackChildFragment;
+
+      if (currentFallbackChildFragment !== null) {
+        fallbackChildFragment = createWorkInProgress(
+          currentFallbackChildFragment,
+          fallbackChildren
+        );
+      } else {
+        fallbackChildFragment = createFiberFromFragment(
+          fallbackChildren,
+          mode,
+          renderLanes,
+          null
+        ); // Needs a placement effect because the parent (the Suspense boundary) already
+        // mounted but this is a new fiber.
+
+        fallbackChildFragment.flags |= Placement;
+      }
+
+      fallbackChildFragment.return = workInProgress;
+      primaryChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = fallbackChildFragment;
+      workInProgress.child = primaryChildFragment;
+      return fallbackChildFragment;
+    }
+
+    function retrySuspenseComponentWithoutHydrating(
+      current,
+      workInProgress,
+      renderLanes,
+      recoverableError
+    ) {
+      // Falling back to client rendering. Because this has performance
+      // implications, it's considered a recoverable error, even though the user
+      // likely won't observe anything wrong with the UI.
+      //
+      // The error is passed in as an argument to enforce that every caller provide
+      // a custom message, or explicitly opt out (currently the only path that opts
+      // out is legacy mode; every concurrent path provides an error).
+      if (recoverableError !== null) {
+        queueHydrationError(recoverableError);
+      } // This will add the old fiber to the deletion list
+
+      reconcileChildFibers(workInProgress, current.child, null, renderLanes); // We're now not suspended nor dehydrated.
+
+      var nextProps = workInProgress.pendingProps;
+      var primaryChildren = nextProps.children;
+      var primaryChildFragment = mountSuspensePrimaryChildren(
+        workInProgress,
+        primaryChildren
+      ); // Needs a placement effect because the parent (the Suspense boundary) already
+      // mounted but this is a new fiber.
+
+      primaryChildFragment.flags |= Placement;
+      workInProgress.memoizedState = null;
+      return primaryChildFragment;
+    }
+
+    function mountSuspenseFallbackAfterRetryWithoutHydrating(
+      current,
+      workInProgress,
+      primaryChildren,
+      fallbackChildren,
+      renderLanes
+    ) {
+      var fiberMode = workInProgress.mode;
+      var primaryChildProps = {
+        mode: "visible",
+        children: primaryChildren
+      };
+      var primaryChildFragment = mountWorkInProgressOffscreenFiber(
+        primaryChildProps,
+        fiberMode
+      );
+      var fallbackChildFragment = createFiberFromFragment(
+        fallbackChildren,
+        fiberMode,
+        renderLanes,
+        null
+      ); // Needs a placement effect because the parent (the Suspense
+      // boundary) already mounted but this is a new fiber.
+
+      fallbackChildFragment.flags |= Placement;
+      primaryChildFragment.return = workInProgress;
+      fallbackChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = fallbackChildFragment;
+      workInProgress.child = primaryChildFragment;
+
+      if ((workInProgress.mode & ConcurrentMode) !== NoMode) {
+        // We will have dropped the effect list which contains the
+        // deletion. We need to reconcile to delete the current child.
+        reconcileChildFibers(workInProgress, current.child, null, renderLanes);
+      }
+
+      return fallbackChildFragment;
+    }
+
+    function updateDehydratedSuspenseComponent(
+      current,
+      workInProgress,
+      didSuspend,
+      didPrimaryChildrenDefer,
+      nextProps,
+      suspenseInstance,
+      suspenseState,
+      renderLanes
+    ) {
+      if (!didSuspend) {
+        // This is the first render pass. Attempt to hydrate.
+        pushPrimaryTreeSuspenseHandler(workInProgress); // We should never be hydrating at this point because it is the first pass,
+
+        if ((workInProgress.mode & ConcurrentMode) === NoMode) {
+          return retrySuspenseComponentWithoutHydrating(
+            current,
+            workInProgress,
+            renderLanes,
+            null
+          );
+        }
+
+        if (isSuspenseInstanceFallback()) {
+          // This boundary is in a permanent fallback state. In this case, we'll never
+          // get an update and we'll never be able to hydrate the final content. Let's just try the
+          // client side render instead.
+          var digest;
+          var message, stack;
+
+          {
+            var _getSuspenseInstanceF =
+              getSuspenseInstanceFallbackErrorDetails();
+
+            digest = _getSuspenseInstanceF.digest;
+            message = _getSuspenseInstanceF.message;
+            stack = _getSuspenseInstanceF.stack;
+          }
+
+          var capturedValue = null; // TODO: Figure out a better signal than encoding a magic digest value.
+
+          {
+            var error;
+
+            if (message) {
+              // eslint-disable-next-line react-internal/prod-error-codes
+              error = new Error(message);
+            } else {
+              error = new Error(
+                "The server could not finish this Suspense boundary, likely " +
+                  "due to an error during server rendering. Switched to " +
+                  "client rendering."
+              );
+            }
+
+            error.digest = digest;
+            capturedValue = createCapturedValue(error, digest, stack);
+          }
+
+          return retrySuspenseComponentWithoutHydrating(
+            current,
+            workInProgress,
+            renderLanes,
+            capturedValue
+          );
+        }
+        // any context has changed, we need to treat is as if the input might have changed.
+
+        var hasContextChanged = includesSomeLane(
+          renderLanes,
+          current.childLanes
+        );
+
+        if (didReceiveUpdate || hasContextChanged) {
+          // This boundary has changed since the first render. This means that we are now unable to
+          // hydrate it. We might still be able to hydrate it using a higher priority lane.
+          var root = getWorkInProgressRoot();
+
+          if (root !== null) {
+            var attemptHydrationAtLane = getBumpedLaneForHydration(
+              root,
+              renderLanes
+            );
+
+            if (
+              attemptHydrationAtLane !== NoLane &&
+              attemptHydrationAtLane !== suspenseState.retryLane
+            ) {
+              // Intentionally mutating since this render will get interrupted. This
+              // is one of the very rare times where we mutate the current tree
+              // during the render phase.
+              suspenseState.retryLane = attemptHydrationAtLane;
+              enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
+              scheduleUpdateOnFiber(root, current, attemptHydrationAtLane); // Throw a special object that signals to the work loop that it should
+              // interrupt the current render.
+              //
+              // Because we're inside a React-only execution stack, we don't
+              // strictly need to throw here — we could instead modify some internal
+              // work loop state. But using an exception means we don't need to
+              // check for this case on every iteration of the work loop. So doing
+              // it this way moves the check out of the fast path.
+
+              throw SelectiveHydrationException;
+            }
+          } // If we did not selectively hydrate, we'll continue rendering without
+          // hydrating. Mark this tree as suspended to prevent it from committing
+          // outside a transition.
+          //
+          // This path should only happen if the hydration lane already suspended.
+          // Currently, it also happens during sync updates because there is no
+          // hydration lane for sync updates.
+          // TODO: We should ideally have a sync hydration lane that we can apply to do
+          // a pass where we hydrate this subtree in place using the previous Context and then
+          // reapply the update afterwards.
+
+          if (isSuspenseInstancePending());
+          else {
+            renderDidSuspendDelayIfPossible();
+          }
+
+          return retrySuspenseComponentWithoutHydrating(
+            current,
+            workInProgress,
+            renderLanes,
+            null
+          );
+        } else if (isSuspenseInstancePending()) {
+          // This component is still pending more data from the server, so we can't hydrate its
+          // content. We treat it as if this component suspended itself. It might seem as if
+          // we could just try to render it client-side instead. However, this will perform a
+          // lot of unnecessary work and is unlikely to complete since it often will suspend
+          // on missing data anyway. Additionally, the server might be able to render more
+          // than we can on the client yet. In that case we'd end up with more fallback states
+          // on the client than if we just leave it alone. If the server times out or errors
+          // these should update this boundary to the permanent Fallback state instead.
+          // Mark it as having captured (i.e. suspended).
+          workInProgress.flags |= DidCapture; // Leave the child in place. I.e. the dehydrated fragment.
+
+          workInProgress.child = current.child; // Register a callback to retry this boundary once the server has sent the result.
+
+          retryDehydratedSuspenseBoundary.bind(null, current);
+          registerSuspenseInstanceRetry();
+          return null;
+        } else {
+          var primaryChildren = nextProps.children;
+          var primaryChildFragment = mountSuspensePrimaryChildren(
+            workInProgress,
+            primaryChildren
+          ); // Mark the children as hydrating. This is a fast path to know whether this
+          // tree is part of a hydrating tree. This is used to determine if a child
+          // node has fully mounted yet, and for scheduling event replaying.
+          // Conceptually this is similar to Placement in that a new subtree is
+          // inserted into the React tree here. It just happens to not need DOM
+          // mutations because it already exists.
+
+          primaryChildFragment.flags |= Hydrating;
+          return primaryChildFragment;
+        }
+      } else {
+        // This is the second render pass. We already attempted to hydrated, but
+        // something either suspended or errored.
+        if (workInProgress.flags & ForceClientRender) {
+          // Something errored during hydration. Try again without hydrating.
+          pushPrimaryTreeSuspenseHandler(workInProgress);
+          workInProgress.flags &= ~ForceClientRender;
+
+          var _capturedValue = createCapturedValue(
+            new Error(
+              "There was an error while hydrating this Suspense boundary. " +
+                "Switched to client rendering."
+            )
+          );
+
+          return retrySuspenseComponentWithoutHydrating(
+            current,
+            workInProgress,
+            renderLanes,
+            _capturedValue
+          );
+        } else if (workInProgress.memoizedState !== null) {
+          // Something suspended and we should still be in dehydrated mode.
+          // Leave the existing child in place.
+          // Push to avoid a mismatch
+          pushFallbackTreeSuspenseHandler(workInProgress);
+          workInProgress.child = current.child; // The dehydrated completion pass expects this flag to be there
+          // but the normal suspense pass doesn't.
+
+          workInProgress.flags |= DidCapture;
+          return null;
+        } else {
+          // Suspended but we should no longer be in dehydrated mode.
+          // Therefore we now have to render the fallback.
+          pushFallbackTreeSuspenseHandler(workInProgress);
+          var nextPrimaryChildren = nextProps.children;
+          var nextFallbackChildren = nextProps.fallback;
+          var fallbackChildFragment =
+            mountSuspenseFallbackAfterRetryWithoutHydrating(
+              current,
+              workInProgress,
+              nextPrimaryChildren,
+              nextFallbackChildren,
+              renderLanes
+            );
+          var _primaryChildFragment4 = workInProgress.child;
+          _primaryChildFragment4.memoizedState =
+            mountSuspenseOffscreenState(renderLanes);
+          _primaryChildFragment4.childLanes = getRemainingWorkInPrimaryTree(
+            current,
+            didPrimaryChildrenDefer,
+            renderLanes
+          );
+          workInProgress.memoizedState = SUSPENDED_MARKER;
+          return fallbackChildFragment;
+        }
+      }
+    }
+
+    function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
+      fiber.lanes = mergeLanes(fiber.lanes, renderLanes);
+      var alternate = fiber.alternate;
+
+      if (alternate !== null) {
+        alternate.lanes = mergeLanes(alternate.lanes, renderLanes);
+      }
+
+      scheduleContextWorkOnParentPath(
+        fiber.return,
+        renderLanes,
+        propagationRoot
+      );
+    }
+
+    function propagateSuspenseContextChange(
+      workInProgress,
+      firstChild,
+      renderLanes
+    ) {
+      // Mark any Suspense boundaries with fallbacks as having work to do.
+      // If they were previously forced into fallbacks, they may now be able
+      // to unblock.
+      var node = firstChild;
+
+      while (node !== null) {
+        if (node.tag === SuspenseComponent) {
+          var state = node.memoizedState;
+
+          if (state !== null) {
+            scheduleSuspenseWorkOnFiber(node, renderLanes, workInProgress);
+          }
+        } else if (node.tag === SuspenseListComponent) {
+          // If the tail is hidden there might not be an Suspense boundaries
+          // to schedule work on. In this case we have to schedule it on the
+          // list itself.
+          // We don't have to traverse to the children of the list since
+          // the list will propagate the change when it rerenders.
+          scheduleSuspenseWorkOnFiber(node, renderLanes, workInProgress);
+        } else if (node.child !== null) {
+          node.child.return = node;
+          node = node.child;
+          continue;
+        }
+
+        if (node === workInProgress) {
+          return;
+        } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+        while (node.sibling === null) {
+          // $FlowFixMe[incompatible-use] found when upgrading Flow
+          if (node.return === null || node.return === workInProgress) {
+            return;
+          }
+
+          node = node.return;
+        } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+        node.sibling.return = node.return;
+        node = node.sibling;
+      }
+    }
+
+    function findLastContentRow(firstChild) {
+      // This is going to find the last row among these children that is already
+      // showing content on the screen, as opposed to being in fallback state or
+      // new. If a row has multiple Suspense boundaries, any of them being in the
+      // fallback state, counts as the whole row being in a fallback state.
+      // Note that the "rows" will be workInProgress, but any nested children
+      // will still be current since we haven't rendered them yet. The mounted
+      // order may not be the same as the new order. We use the new order.
+      var row = firstChild;
+      var lastContentRow = null;
+
+      while (row !== null) {
+        var currentRow = row.alternate; // New rows can't be content rows.
+
+        if (currentRow !== null && findFirstSuspended(currentRow) === null) {
+          lastContentRow = row;
+        }
+
+        row = row.sibling;
+      }
+
+      return lastContentRow;
+    }
+
+    function validateRevealOrder(revealOrder) {
+      {
+        if (
+          revealOrder !== undefined &&
+          revealOrder !== "forwards" &&
+          revealOrder !== "backwards" &&
+          revealOrder !== "together" &&
+          !didWarnAboutRevealOrder[revealOrder]
+        ) {
+          didWarnAboutRevealOrder[revealOrder] = true;
+
+          if (typeof revealOrder === "string") {
+            switch (revealOrder.toLowerCase()) {
+              case "together":
+              case "forwards":
+              case "backwards": {
+                error(
+                  '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                    'Use lowercase "%s" instead.',
+                  revealOrder,
+                  revealOrder.toLowerCase()
+                );
+
+                break;
+              }
+
+              case "forward":
+              case "backward": {
+                error(
+                  '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                    'React uses the -s suffix in the spelling. Use "%ss" instead.',
+                  revealOrder,
+                  revealOrder.toLowerCase()
+                );
+
+                break;
+              }
+
+              default:
+                error(
+                  '"%s" is not a supported revealOrder on <SuspenseList />. ' +
+                    'Did you mean "together", "forwards" or "backwards"?',
+                  revealOrder
+                );
+
+                break;
+            }
+          } else {
+            error(
+              "%s is not a supported value for revealOrder on <SuspenseList />. " +
+                'Did you mean "together", "forwards" or "backwards"?',
+              revealOrder
+            );
+          }
+        }
+      }
+    }
+
+    function validateTailOptions(tailMode, revealOrder) {
+      {
+        if (tailMode !== undefined && !didWarnAboutTailOptions[tailMode]) {
+          if (tailMode !== "collapsed" && tailMode !== "hidden") {
+            didWarnAboutTailOptions[tailMode] = true;
+
+            error(
+              '"%s" is not a supported value for tail on <SuspenseList />. ' +
+                'Did you mean "collapsed" or "hidden"?',
+              tailMode
+            );
+          } else if (
+            revealOrder !== "forwards" &&
+            revealOrder !== "backwards"
+          ) {
+            didWarnAboutTailOptions[tailMode] = true;
+
+            error(
+              '<SuspenseList tail="%s" /> is only valid if revealOrder is ' +
+                '"forwards" or "backwards". ' +
+                'Did you mean to specify revealOrder="forwards"?',
+              tailMode
+            );
+          }
+        }
+      }
+    }
+
+    function validateSuspenseListNestedChild(childSlot, index) {
+      {
+        var isAnArray = isArray(childSlot);
+        var isIterable =
+          !isAnArray && typeof getIteratorFn(childSlot) === "function";
+
+        if (isAnArray || isIterable) {
+          var type = isAnArray ? "array" : "iterable";
+
+          error(
+            "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in " +
+              "an additional SuspenseList to configure its revealOrder: " +
+              "<SuspenseList revealOrder=...> ... " +
+              "<SuspenseList revealOrder=...>{%s}</SuspenseList> ... " +
+              "</SuspenseList>",
+            type,
+            index,
+            type
+          );
+
+          return false;
+        }
+      }
+
+      return true;
+    }
+
+    function validateSuspenseListChildren(children, revealOrder) {
+      {
+        if (
+          (revealOrder === "forwards" || revealOrder === "backwards") &&
+          children !== undefined &&
+          children !== null &&
+          children !== false
+        ) {
+          if (isArray(children)) {
+            for (var i = 0; i < children.length; i++) {
+              if (!validateSuspenseListNestedChild(children[i], i)) {
+                return;
+              }
+            }
+          } else {
+            var iteratorFn = getIteratorFn(children);
+
+            if (typeof iteratorFn === "function") {
+              var childrenIterator = iteratorFn.call(children);
+
+              if (childrenIterator) {
+                var step = childrenIterator.next();
+                var _i = 0;
+
+                for (; !step.done; step = childrenIterator.next()) {
+                  if (!validateSuspenseListNestedChild(step.value, _i)) {
+                    return;
+                  }
+
+                  _i++;
+                }
+              }
+            } else {
+              error(
+                'A single row was passed to a <SuspenseList revealOrder="%s" />. ' +
+                  "This is not useful since it needs multiple rows. " +
+                  "Did you mean to pass multiple children or an array?",
+                revealOrder
+              );
+            }
+          }
+        }
+      }
+    }
+
+    function initSuspenseListRenderState(
+      workInProgress,
+      isBackwards,
+      tail,
+      lastContentRow,
+      tailMode
+    ) {
+      var renderState = workInProgress.memoizedState;
+
+      if (renderState === null) {
+        workInProgress.memoizedState = {
+          isBackwards: isBackwards,
+          rendering: null,
+          renderingStartTime: 0,
+          last: lastContentRow,
+          tail: tail,
+          tailMode: tailMode
+        };
+      } else {
+        // We can reuse the existing object from previous renders.
+        renderState.isBackwards = isBackwards;
+        renderState.rendering = null;
+        renderState.renderingStartTime = 0;
+        renderState.last = lastContentRow;
+        renderState.tail = tail;
+        renderState.tailMode = tailMode;
+      }
+    } // This can end up rendering this component multiple passes.
+    // The first pass splits the children fibers into two sets. A head and tail.
+    // We first render the head. If anything is in fallback state, we do another
+    // pass through beginWork to rerender all children (including the tail) with
+    // the force suspend context. If the first render didn't have anything in
+    // in fallback state. Then we render each row in the tail one-by-one.
+    // That happens in the completeWork phase without going back to beginWork.
+
+    function updateSuspenseListComponent(current, workInProgress, renderLanes) {
+      var nextProps = workInProgress.pendingProps;
+      var revealOrder = nextProps.revealOrder;
+      var tailMode = nextProps.tail;
+      var newChildren = nextProps.children;
+      validateRevealOrder(revealOrder);
+      validateTailOptions(tailMode, revealOrder);
+      validateSuspenseListChildren(newChildren, revealOrder);
+      reconcileChildren(current, workInProgress, newChildren, renderLanes);
+      var suspenseContext = suspenseStackCursor.current;
+      var shouldForceFallback = hasSuspenseListContext(
+        suspenseContext,
+        ForceSuspenseFallback
+      );
+
+      if (shouldForceFallback) {
+        suspenseContext = setShallowSuspenseListContext(
+          suspenseContext,
+          ForceSuspenseFallback
+        );
+        workInProgress.flags |= DidCapture;
+      } else {
+        var didSuspendBefore =
+          current !== null && (current.flags & DidCapture) !== NoFlags$1;
+
+        if (didSuspendBefore) {
+          // If we previously forced a fallback, we need to schedule work
+          // on any nested boundaries to let them know to try to render
+          // again. This is the same as context updating.
+          propagateSuspenseContextChange(
+            workInProgress,
+            workInProgress.child,
+            renderLanes
+          );
+        }
+
+        suspenseContext = setDefaultShallowSuspenseListContext(suspenseContext);
+      }
+
+      pushSuspenseListContext(workInProgress, suspenseContext);
+
+      if ((workInProgress.mode & ConcurrentMode) === NoMode) {
+        // In legacy mode, SuspenseList doesn't work so we just
+        // use make it a noop by treating it as the default revealOrder.
+        workInProgress.memoizedState = null;
+      } else {
+        switch (revealOrder) {
+          case "forwards": {
+            var lastContentRow = findLastContentRow(workInProgress.child);
+            var tail;
+
+            if (lastContentRow === null) {
+              // The whole list is part of the tail.
+              // TODO: We could fast path by just rendering the tail now.
+              tail = workInProgress.child;
+              workInProgress.child = null;
+            } else {
+              // Disconnect the tail rows after the content row.
+              // We're going to render them separately later.
+              tail = lastContentRow.sibling;
+              lastContentRow.sibling = null;
+            }
+
+            initSuspenseListRenderState(
+              workInProgress,
+              false, // isBackwards
+              tail,
+              lastContentRow,
+              tailMode
+            );
+            break;
+          }
+
+          case "backwards": {
+            // We're going to find the first row that has existing content.
+            // At the same time we're going to reverse the list of everything
+            // we pass in the meantime. That's going to be our tail in reverse
+            // order.
+            var _tail = null;
+            var row = workInProgress.child;
+            workInProgress.child = null;
+
+            while (row !== null) {
+              var currentRow = row.alternate; // New rows can't be content rows.
+
+              if (
+                currentRow !== null &&
+                findFirstSuspended(currentRow) === null
+              ) {
+                // This is the beginning of the main content.
+                workInProgress.child = row;
+                break;
+              }
+
+              var nextRow = row.sibling;
+              row.sibling = _tail;
+              _tail = row;
+              row = nextRow;
+            } // TODO: If workInProgress.child is null, we can continue on the tail immediately.
+
+            initSuspenseListRenderState(
+              workInProgress,
+              true, // isBackwards
+              _tail,
+              null, // last
+              tailMode
+            );
+            break;
+          }
+
+          case "together": {
+            initSuspenseListRenderState(
+              workInProgress,
+              false, // isBackwards
+              null, // tail
+              null, // last
+              undefined
+            );
+            break;
+          }
+
+          default: {
+            // The default reveal order is the same as not having
+            // a boundary.
+            workInProgress.memoizedState = null;
+          }
+        }
+      }
+
+      return workInProgress.child;
+    }
+
+    function updatePortalComponent(current, workInProgress, renderLanes) {
+      pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+      var nextChildren = workInProgress.pendingProps;
+
+      if (current === null) {
+        // Portals are special because we don't append the children during mount
+        // but at commit. Therefore we need to track insertions which the normal
+        // flow doesn't do during mount. This doesn't happen at the root because
+        // the root always starts with a "current" with a null child.
+        // TODO: Consider unifying this with how the root works.
+        workInProgress.child = reconcileChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderLanes
+        );
+      } else {
+        reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      }
+
+      return workInProgress.child;
+    }
+
+    var hasWarnedAboutUsingNoValuePropOnContextProvider = false;
+
+    function updateContextProvider(current, workInProgress, renderLanes) {
+      var providerType = workInProgress.type;
+      var context = providerType._context;
+      var newProps = workInProgress.pendingProps;
+      var oldProps = workInProgress.memoizedProps;
+      var newValue = newProps.value;
+
+      {
+        if (!("value" in newProps)) {
+          if (!hasWarnedAboutUsingNoValuePropOnContextProvider) {
+            hasWarnedAboutUsingNoValuePropOnContextProvider = true;
+
+            error(
+              "The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?"
+            );
+          }
+        }
+
+        var providerPropTypes = workInProgress.type.propTypes;
+
+        if (providerPropTypes) {
+          checkPropTypes(
+            providerPropTypes,
+            newProps,
+            "prop",
+            "Context.Provider"
+          );
+        }
+      }
+
+      pushProvider(workInProgress, context, newValue);
+
+      {
+        if (oldProps !== null) {
+          var oldValue = oldProps.value;
+
+          if (objectIs(oldValue, newValue)) {
+            // No change. Bailout early if children are the same.
+            if (
+              oldProps.children === newProps.children &&
+              !hasContextChanged()
+            ) {
+              return bailoutOnAlreadyFinishedWork(
+                current,
+                workInProgress,
+                renderLanes
+              );
+            }
+          } else {
+            // The context value changed. Search for matching consumers and schedule
+            // them to update.
+            propagateContextChange(workInProgress, context, renderLanes);
+          }
+        }
+      }
+
+      var newChildren = newProps.children;
+      reconcileChildren(current, workInProgress, newChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    var hasWarnedAboutUsingContextAsConsumer = false;
+
+    function updateContextConsumer(current, workInProgress, renderLanes) {
+      var context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
+      // DEV mode, we create a separate object for Context.Consumer that acts
+      // like a proxy to Context. This proxy object adds unnecessary code in PROD
+      // so we use the old behaviour (Context.Consumer references Context) to
+      // reduce size and overhead. The separate object references context via
+      // a property called "_context", which also gives us the ability to check
+      // in DEV mode if this property exists or not and warn if it does not.
+
+      {
+        if (context._context === undefined) {
+          // This may be because it's a Context (rather than a Consumer).
+          // Or it may be because it's older React where they're the same thing.
+          // We only want to warn if we're sure it's a new React.
+          if (context !== context.Consumer) {
+            if (!hasWarnedAboutUsingContextAsConsumer) {
+              hasWarnedAboutUsingContextAsConsumer = true;
+
+              error(
+                "Rendering <Context> directly is not supported and will be removed in " +
+                  "a future major release. Did you mean to render <Context.Consumer> instead?"
+              );
+            }
+          }
+        } else {
+          context = context._context;
+        }
+      }
+
+      var newProps = workInProgress.pendingProps;
+      var render = newProps.children;
+
+      {
+        if (typeof render !== "function") {
+          error(
+            "A context consumer was rendered with multiple children, or a child " +
+              "that isn't a function. A context consumer expects a single child " +
+              "that is a function. If you did pass a function, make sure there " +
+              "is no trailing or leading whitespace around it."
+          );
+        }
+      }
+
+      prepareToReadContext(workInProgress, renderLanes);
+      var newValue = readContext(context);
+
+      var newChildren;
+
+      {
+        ReactCurrentOwner$2.current = workInProgress;
+        setIsRendering(true);
+        newChildren = render(newValue);
+        setIsRendering(false);
+      }
+
+      workInProgress.flags |= PerformedWork;
+      reconcileChildren(current, workInProgress, newChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    function markWorkInProgressReceivedUpdate() {
+      didReceiveUpdate = true;
+    }
+
+    function resetSuspendedCurrentOnMountInLegacyMode(current, workInProgress) {
+      if ((workInProgress.mode & ConcurrentMode) === NoMode) {
+        if (current !== null) {
+          // A lazy component only mounts if it suspended inside a non-
+          // concurrent tree, in an inconsistent state. We want to treat it like
+          // a new mount, even though an empty version of it already committed.
+          // Disconnect the alternate pointers.
+          current.alternate = null;
+          workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
+
+          workInProgress.flags |= Placement;
+        }
+      }
+    }
+
+    function bailoutOnAlreadyFinishedWork(
+      current,
+      workInProgress,
+      renderLanes
+    ) {
+      if (current !== null) {
+        // Reuse previous dependencies
+        workInProgress.dependencies = current.dependencies;
+      }
+
+      {
+        // Don't update "base" render times for bailouts.
+        stopProfilerTimerIfRunning();
+      }
+
+      markSkippedUpdateLanes(workInProgress.lanes); // Check if the children have any pending work.
+
+      if (!includesSomeLane(renderLanes, workInProgress.childLanes)) {
+        // The children don't have any work either. We can skip them.
+        // TODO: Once we add back resuming, we should check if the children are
+        // a work-in-progress set. If so, we need to transfer their effects.
+        {
+          return null;
+        }
+      } // This fiber doesn't have work, but its subtree does. Clone the child
+      // fibers and continue.
+
+      cloneChildFibers(current, workInProgress);
+      return workInProgress.child;
+    }
+
+    function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
+      {
+        var returnFiber = oldWorkInProgress.return;
+
+        if (returnFiber === null) {
+          // eslint-disable-next-line react-internal/prod-error-codes
+          throw new Error("Cannot swap the root fiber.");
+        } // Disconnect from the old current.
+        // It will get deleted.
+
+        current.alternate = null;
+        oldWorkInProgress.alternate = null; // Connect to the new tree.
+
+        newWorkInProgress.index = oldWorkInProgress.index;
+        newWorkInProgress.sibling = oldWorkInProgress.sibling;
+        newWorkInProgress.return = oldWorkInProgress.return;
+        newWorkInProgress.ref = oldWorkInProgress.ref; // Replace the child/sibling pointers above it.
+
+        if (oldWorkInProgress === returnFiber.child) {
+          returnFiber.child = newWorkInProgress;
+        } else {
+          var prevSibling = returnFiber.child;
+
+          if (prevSibling === null) {
+            // eslint-disable-next-line react-internal/prod-error-codes
+            throw new Error("Expected parent to have a child.");
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          while (prevSibling.sibling !== oldWorkInProgress) {
+            // $FlowFixMe[incompatible-use] found when upgrading Flow
+            prevSibling = prevSibling.sibling;
+
+            if (prevSibling === null) {
+              // eslint-disable-next-line react-internal/prod-error-codes
+              throw new Error("Expected to find the previous sibling.");
+            }
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          prevSibling.sibling = newWorkInProgress;
+        } // Delete the old fiber and place the new one.
+        // Since the old fiber is disconnected, we have to schedule it manually.
+
+        var deletions = returnFiber.deletions;
+
+        if (deletions === null) {
+          returnFiber.deletions = [current];
+          returnFiber.flags |= ChildDeletion;
+        } else {
+          deletions.push(current);
+        }
+
+        newWorkInProgress.flags |= Placement; // Restart work from the new fiber.
+
+        return newWorkInProgress;
+      }
+    }
+
+    function checkScheduledUpdateOrContext(current, renderLanes) {
+      // Before performing an early bailout, we must check if there are pending
+      // updates or context.
+      var updateLanes = current.lanes;
+
+      if (includesSomeLane(updateLanes, renderLanes)) {
+        return true;
+      } // No pending update, but because context is propagated lazily, we need
+
+      return false;
+    }
+
+    function attemptEarlyBailoutIfNoScheduledUpdate(
+      current,
+      workInProgress,
+      renderLanes
+    ) {
+      // This fiber does not have any pending work. Bailout without entering
+      // the begin phase. There's still some bookkeeping we that needs to be done
+      // in this optimized path, mostly pushing stuff onto the stack.
+      switch (workInProgress.tag) {
+        case HostRoot:
+          pushHostRootContext(workInProgress);
+          break;
+
+        case HostSingleton:
+        case HostComponent:
+          pushHostContext(workInProgress);
+          break;
+
+        case ClassComponent: {
+          var Component = workInProgress.type;
+
+          if (isContextProvider(Component)) {
+            pushContextProvider(workInProgress);
+          }
+
+          break;
+        }
+
+        case HostPortal:
+          pushHostContainer(
+            workInProgress,
+            workInProgress.stateNode.containerInfo
+          );
+          break;
+
+        case ContextProvider: {
+          var newValue = workInProgress.memoizedProps.value;
+          var context = workInProgress.type._context;
+          pushProvider(workInProgress, context, newValue);
+          break;
+        }
+
+        case Profiler:
+          {
+            // Profiler should only call onRender when one of its descendants actually rendered.
+            var hasChildWork = includesSomeLane(
+              renderLanes,
+              workInProgress.childLanes
+            );
+
+            if (hasChildWork) {
+              workInProgress.flags |= Update;
+            }
+
+            {
+              // Reset effect durations for the next eventual effect phase.
+              // These are reset during render to allow the DevTools commit hook a chance to read them,
+              var stateNode = workInProgress.stateNode;
+              stateNode.effectDuration = 0;
+              stateNode.passiveEffectDuration = 0;
+            }
+          }
+
+          break;
+
+        case SuspenseComponent: {
+          var state = workInProgress.memoizedState;
+
+          if (state !== null) {
+            if (state.dehydrated !== null) {
+              // We're not going to render the children, so this is just to maintain
+              // push/pop symmetry
+              pushPrimaryTreeSuspenseHandler(workInProgress); // We know that this component will suspend again because if it has
+              // been unsuspended it has committed as a resolved Suspense component.
+              // If it needs to be retried, it should have work scheduled on it.
+
+              workInProgress.flags |= DidCapture; // We should never render the children of a dehydrated boundary until we
+              // upgrade it. We return null instead of bailoutOnAlreadyFinishedWork.
+
+              return null;
+            } // If this boundary is currently timed out, we need to decide
+            // whether to retry the primary children, or to skip over it and
+            // go straight to the fallback. Check the priority of the primary
+            // child fragment.
+
+            var primaryChildFragment = workInProgress.child;
+            var primaryChildLanes = primaryChildFragment.childLanes;
+
+            if (includesSomeLane(renderLanes, primaryChildLanes)) {
+              // The primary children have pending work. Use the normal path
+              // to attempt to render the primary children again.
+              return updateSuspenseComponent(
+                current,
+                workInProgress,
+                renderLanes
+              );
+            } else {
+              // The primary child fragment does not have pending work marked
+              // on it
+              pushPrimaryTreeSuspenseHandler(workInProgress); // The primary children do not have pending work with sufficient
+              // priority. Bailout.
+
+              var child = bailoutOnAlreadyFinishedWork(
+                current,
+                workInProgress,
+                renderLanes
+              );
+
+              if (child !== null) {
+                // The fallback children have pending work. Skip over the
+                // primary children and work on the fallback.
+                return child.sibling;
+              } else {
+                // Note: We can return `null` here because we already checked
+                // whether there were nested context consumers, via the call to
+                // `bailoutOnAlreadyFinishedWork` above.
+                return null;
+              }
+            }
+          } else {
+            pushPrimaryTreeSuspenseHandler(workInProgress);
+          }
+
+          break;
+        }
+
+        case SuspenseListComponent: {
+          var didSuspendBefore = (current.flags & DidCapture) !== NoFlags$1;
+
+          var _hasChildWork = includesSomeLane(
+            renderLanes,
+            workInProgress.childLanes
+          );
+
+          if (didSuspendBefore) {
+            if (_hasChildWork) {
+              // If something was in fallback state last time, and we have all the
+              // same children then we're still in progressive loading state.
+              // Something might get unblocked by state updates or retries in the
+              // tree which will affect the tail. So we need to use the normal
+              // path to compute the correct tail.
+              return updateSuspenseListComponent(
+                current,
+                workInProgress,
+                renderLanes
+              );
+            } // If none of the children had any work, that means that none of
+            // them got retried so they'll still be blocked in the same way
+            // as before. We can fast bail out.
+
+            workInProgress.flags |= DidCapture;
+          } // If nothing suspended before and we're rendering the same children,
+          // then the tail doesn't matter. Anything new that suspends will work
+          // in the "together" mode, so we can continue from the state we had.
+
+          var renderState = workInProgress.memoizedState;
+
+          if (renderState !== null) {
+            // Reset to the "together" mode in case we've started a different
+            // update in the past but didn't complete it.
+            renderState.rendering = null;
+            renderState.tail = null;
+            renderState.lastEffect = null;
+          }
+
+          pushSuspenseListContext(workInProgress, suspenseStackCursor.current);
+
+          if (_hasChildWork) {
+            break;
+          } else {
+            // If none of the children had any work, that means that none of
+            // them got retried so they'll still be blocked in the same way
+            // as before. We can fast bail out.
+            return null;
+          }
+        }
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent: {
+          // Need to check if the tree still needs to be deferred. This is
+          // almost identical to the logic used in the normal update path,
+          // so we'll just enter that. The only difference is we'll bail out
+          // at the next level instead of this one, because the child props
+          // have not changed. Which is fine.
+          // TODO: Probably should refactor `beginWork` to split the bailout
+          // path from the normal path. I'm tempted to do a labeled break here
+          // but I won't :)
+          workInProgress.lanes = NoLanes;
+          return updateOffscreenComponent(current, workInProgress, renderLanes);
+        }
+      }
+
+      return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
+    }
+
+    function beginWork$1(current, workInProgress, renderLanes) {
+      {
+        if (workInProgress._debugNeedsRemount && current !== null) {
+          // This will restart the begin phase with a new fiber.
+          return remountFiber(
+            current,
+            workInProgress,
+            createFiberFromTypeAndProps(
+              workInProgress.type,
+              workInProgress.key,
+              workInProgress.pendingProps,
+              workInProgress._debugOwner || null,
+              workInProgress.mode,
+              workInProgress.lanes
+            )
+          );
+        }
+      }
+
+      if (current !== null) {
+        var oldProps = current.memoizedProps;
+        var newProps = workInProgress.pendingProps;
+
+        if (
+          oldProps !== newProps ||
+          hasContextChanged() || // Force a re-render if the implementation changed due to hot reload:
+          workInProgress.type !== current.type
+        ) {
+          // If props or context changed, mark the fiber as having performed work.
+          // This may be unset if the props are determined to be equal later (memo).
+          didReceiveUpdate = true;
+        } else {
+          // Neither props nor legacy context changes. Check if there's a pending
+          // update or context change.
+          var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
+            current,
+            renderLanes
+          );
+
+          if (
+            !hasScheduledUpdateOrContext && // If this is the second pass of an error or suspense boundary, there
+            // may not be work scheduled on `current`, so we check for this flag.
+            (workInProgress.flags & DidCapture) === NoFlags$1
+          ) {
+            // No pending updates or context. Bail out now.
+            didReceiveUpdate = false;
+            return attemptEarlyBailoutIfNoScheduledUpdate(
+              current,
+              workInProgress,
+              renderLanes
+            );
+          }
+
+          if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags$1) {
+            // This is a special case that only exists for legacy mode.
+            // See https://github.com/facebook/react/pull/19216.
+            didReceiveUpdate = true;
+          } else {
+            // An update was scheduled on this fiber, but there are no new props
+            // nor legacy context. Set this to false. If an update queue or context
+            // consumer produces a changed value, it will set this to true. Otherwise,
+            // the component will assume the children have not changed and bail out.
+            didReceiveUpdate = false;
+          }
+        }
+      } else {
+        didReceiveUpdate = false;
+      } // Before entering the begin phase, clear pending update priority.
+      // TODO: This assumes that we're about to evaluate the component and process
+      // the update queue. However, there's an exception: SimpleMemoComponent
+      // sometimes bails out later in the begin phase. This indicates that we should
+      // move this assignment out of the common path and into each branch.
+
+      workInProgress.lanes = NoLanes;
+
+      switch (workInProgress.tag) {
+        case IndeterminateComponent: {
+          return mountIndeterminateComponent(
+            current,
+            workInProgress,
+            workInProgress.type,
+            renderLanes
+          );
+        }
+
+        case LazyComponent: {
+          var elementType = workInProgress.elementType;
+          return mountLazyComponent(
+            current,
+            workInProgress,
+            elementType,
+            renderLanes
+          );
+        }
+
+        case FunctionComponent: {
+          var Component = workInProgress.type;
+          var unresolvedProps = workInProgress.pendingProps;
+          var resolvedProps =
+            workInProgress.elementType === Component
+              ? unresolvedProps
+              : resolveDefaultProps(Component, unresolvedProps);
+          return updateFunctionComponent(
+            current,
+            workInProgress,
+            Component,
+            resolvedProps,
+            renderLanes
+          );
+        }
+
+        case ClassComponent: {
+          var _Component = workInProgress.type;
+          var _unresolvedProps = workInProgress.pendingProps;
+
+          var _resolvedProps =
+            workInProgress.elementType === _Component
+              ? _unresolvedProps
+              : resolveDefaultProps(_Component, _unresolvedProps);
+
+          return updateClassComponent(
+            current,
+            workInProgress,
+            _Component,
+            _resolvedProps,
+            renderLanes
+          );
+        }
+
+        case HostRoot:
+          return updateHostRoot(current, workInProgress, renderLanes);
+
+        case HostHoistable:
+
+        // Fall through
+
+        case HostSingleton:
+
+        // Fall through
+
+        case HostComponent:
+          return updateHostComponent$1(current, workInProgress, renderLanes);
+
+        case HostText:
+          return updateHostText$1();
+
+        case SuspenseComponent:
+          return updateSuspenseComponent(current, workInProgress, renderLanes);
+
+        case HostPortal:
+          return updatePortalComponent(current, workInProgress, renderLanes);
+
+        case ForwardRef: {
+          var type = workInProgress.type;
+          var _unresolvedProps2 = workInProgress.pendingProps;
+
+          var _resolvedProps2 =
+            workInProgress.elementType === type
+              ? _unresolvedProps2
+              : resolveDefaultProps(type, _unresolvedProps2);
+
+          return updateForwardRef(
+            current,
+            workInProgress,
+            type,
+            _resolvedProps2,
+            renderLanes
+          );
+        }
+
+        case Fragment:
+          return updateFragment(current, workInProgress, renderLanes);
+
+        case Mode:
+          return updateMode(current, workInProgress, renderLanes);
+
+        case Profiler:
+          return updateProfiler(current, workInProgress, renderLanes);
+
+        case ContextProvider:
+          return updateContextProvider(current, workInProgress, renderLanes);
+
+        case ContextConsumer:
+          return updateContextConsumer(current, workInProgress, renderLanes);
+
+        case MemoComponent: {
+          var _type2 = workInProgress.type;
+          var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
+
+          var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
+
+          {
+            if (workInProgress.type !== workInProgress.elementType) {
+              var outerPropTypes = _type2.propTypes;
+
+              if (outerPropTypes) {
+                checkPropTypes(
+                  outerPropTypes,
+                  _resolvedProps3, // Resolved for outer only
+                  "prop",
+                  getComponentNameFromType(_type2)
+                );
+              }
+            }
+          }
+
+          _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
+          return updateMemoComponent(
+            current,
+            workInProgress,
+            _type2,
+            _resolvedProps3,
+            renderLanes
+          );
+        }
+
+        case SimpleMemoComponent: {
+          return updateSimpleMemoComponent(
+            current,
+            workInProgress,
+            workInProgress.type,
+            workInProgress.pendingProps,
+            renderLanes
+          );
+        }
+
+        case IncompleteClassComponent: {
+          var _Component2 = workInProgress.type;
+          var _unresolvedProps4 = workInProgress.pendingProps;
+
+          var _resolvedProps4 =
+            workInProgress.elementType === _Component2
+              ? _unresolvedProps4
+              : resolveDefaultProps(_Component2, _unresolvedProps4);
+
+          return mountIncompleteClassComponent(
+            current,
+            workInProgress,
+            _Component2,
+            _resolvedProps4,
+            renderLanes
+          );
+        }
+
+        case SuspenseListComponent: {
+          return updateSuspenseListComponent(
+            current,
+            workInProgress,
+            renderLanes
+          );
+        }
+
+        case ScopeComponent: {
+          break;
+        }
+
+        case OffscreenComponent: {
+          return updateOffscreenComponent(current, workInProgress, renderLanes);
+        }
+      }
+
+      throw new Error(
+        "Unknown unit of work tag (" +
+          workInProgress.tag +
+          "). This error is likely caused by a bug in " +
+          "React. Please file an issue."
+      );
+    }
+
+    var valueCursor = createCursor(null);
+
+    var renderer2CursorDEV;
+
+    {
+      renderer2CursorDEV = createCursor(null);
+    }
+
+    var rendererSigil;
+
+    {
+      // Use this to detect multiple renderers using the same context
+      rendererSigil = {};
+    }
+
+    var currentlyRenderingFiber = null;
+    var lastContextDependency = null;
+    var lastFullyObservedContext = null;
+    var isDisallowedContextReadInDEV = false;
+    function resetContextDependencies() {
+      // This is called right before React yields execution, to ensure `readContext`
+      // cannot be called outside the render phase.
+      currentlyRenderingFiber = null;
+      lastContextDependency = null;
+      lastFullyObservedContext = null;
+
+      {
+        isDisallowedContextReadInDEV = false;
+      }
+    }
+    function enterDisallowedContextReadInDEV() {
+      {
+        isDisallowedContextReadInDEV = true;
+      }
+    }
+    function exitDisallowedContextReadInDEV() {
+      {
+        isDisallowedContextReadInDEV = false;
+      }
+    }
+    function pushProvider(providerFiber, context, nextValue) {
+      {
+        push(valueCursor, context._currentValue2, providerFiber);
+        context._currentValue2 = nextValue;
+
+        {
+          push(renderer2CursorDEV, context._currentRenderer2, providerFiber);
+
+          if (
+            context._currentRenderer2 !== undefined &&
+            context._currentRenderer2 !== null &&
+            context._currentRenderer2 !== rendererSigil
+          ) {
+            error(
+              "Detected multiple renderers concurrently rendering the " +
+                "same context provider. This is currently unsupported."
+            );
+          }
+
+          context._currentRenderer2 = rendererSigil;
+        }
+      }
+    }
+    function popProvider(context, providerFiber) {
+      var currentValue = valueCursor.current;
+
+      {
+        context._currentValue2 = currentValue;
+
+        {
+          var currentRenderer2 = renderer2CursorDEV.current;
+          pop(renderer2CursorDEV, providerFiber);
+          context._currentRenderer2 = currentRenderer2;
+        }
+      }
+
+      pop(valueCursor, providerFiber);
+    }
+    function scheduleContextWorkOnParentPath(
+      parent,
+      renderLanes,
+      propagationRoot
+    ) {
+      // Update the child lanes of all the ancestors, including the alternates.
+      var node = parent;
+
+      while (node !== null) {
+        var alternate = node.alternate;
+
+        if (!isSubsetOfLanes(node.childLanes, renderLanes)) {
+          node.childLanes = mergeLanes(node.childLanes, renderLanes);
+
+          if (alternate !== null) {
+            alternate.childLanes = mergeLanes(
+              alternate.childLanes,
+              renderLanes
+            );
+          }
+        } else if (
+          alternate !== null &&
+          !isSubsetOfLanes(alternate.childLanes, renderLanes)
+        ) {
+          alternate.childLanes = mergeLanes(alternate.childLanes, renderLanes);
+        } else;
+
+        if (node === propagationRoot) {
+          break;
+        }
+
+        node = node.return;
+      }
+
+      {
+        if (node !== propagationRoot) {
+          error(
+            "Expected to find the propagation root when scheduling context work. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        }
+      }
+    }
+    function propagateContextChange(workInProgress, context, renderLanes) {
+      {
+        propagateContextChange_eager(workInProgress, context, renderLanes);
+      }
+    }
+
+    function propagateContextChange_eager(
+      workInProgress,
+      context,
+      renderLanes
+    ) {
+      var fiber = workInProgress.child;
+
+      if (fiber !== null) {
+        // Set the return pointer of the child to the work-in-progress fiber.
+        fiber.return = workInProgress;
+      }
+
+      while (fiber !== null) {
+        var nextFiber = void 0; // Visit this fiber.
+
+        var list = fiber.dependencies;
+
+        if (list !== null) {
+          nextFiber = fiber.child;
+          var dependency = list.firstContext;
+
+          while (dependency !== null) {
+            // Check if the context matches.
+            if (dependency.context === context) {
+              // Match! Schedule an update on this fiber.
+              if (fiber.tag === ClassComponent) {
+                // Schedule a force update on the work-in-progress.
+                var lane = pickArbitraryLane(renderLanes);
+                var update = createUpdate(lane);
+                update.tag = ForceUpdate; // TODO: Because we don't have a work-in-progress, this will add the
+                // update to the current fiber, too, which means it will persist even if
+                // this render is thrown away. Since it's a race condition, not sure it's
+                // worth fixing.
+                // Inlined `enqueueUpdate` to remove interleaved update check
+
+                var updateQueue = fiber.updateQueue;
+
+                if (updateQueue === null);
+                else {
+                  var sharedQueue = updateQueue.shared;
+                  var pending = sharedQueue.pending;
+
+                  if (pending === null) {
+                    // This is the first update. Create a circular list.
+                    update.next = update;
+                  } else {
+                    update.next = pending.next;
+                    pending.next = update;
+                  }
+
+                  sharedQueue.pending = update;
+                }
+              }
+
+              fiber.lanes = mergeLanes(fiber.lanes, renderLanes);
+              var alternate = fiber.alternate;
+
+              if (alternate !== null) {
+                alternate.lanes = mergeLanes(alternate.lanes, renderLanes);
+              }
+
+              scheduleContextWorkOnParentPath(
+                fiber.return,
+                renderLanes,
+                workInProgress
+              ); // Mark the updated lanes on the list, too.
+
+              list.lanes = mergeLanes(list.lanes, renderLanes); // Since we already found a match, we can stop traversing the
+              // dependency list.
+
+              break;
+            }
+
+            dependency = dependency.next;
+          }
+        } else if (fiber.tag === ContextProvider) {
+          // Don't scan deeper if this is a matching provider
+          nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
+        } else if (fiber.tag === DehydratedFragment) {
+          // If a dehydrated suspense boundary is in this subtree, we don't know
+          // if it will have any context consumers in it. The best we can do is
+          // mark it as having updates.
+          var parentSuspense = fiber.return;
+
+          if (parentSuspense === null) {
+            throw new Error(
+              "We just came from a parent so we must have had a parent. This is a bug in React."
+            );
+          }
+
+          parentSuspense.lanes = mergeLanes(parentSuspense.lanes, renderLanes);
+          var _alternate = parentSuspense.alternate;
+
+          if (_alternate !== null) {
+            _alternate.lanes = mergeLanes(_alternate.lanes, renderLanes);
+          } // This is intentionally passing this fiber as the parent
+          // because we want to schedule this fiber as having work
+          // on its children. We'll use the childLanes on
+          // this fiber to indicate that a context has changed.
+
+          scheduleContextWorkOnParentPath(
+            parentSuspense,
+            renderLanes,
+            workInProgress
+          );
+          nextFiber = fiber.sibling;
+        } else {
+          // Traverse down.
+          nextFiber = fiber.child;
+        }
+
+        if (nextFiber !== null) {
+          // Set the return pointer of the child to the work-in-progress fiber.
+          nextFiber.return = fiber;
+        } else {
+          // No child. Traverse to next sibling.
+          nextFiber = fiber;
+
+          while (nextFiber !== null) {
+            if (nextFiber === workInProgress) {
+              // We're back to the root of this subtree. Exit.
+              nextFiber = null;
+              break;
+            }
+
+            var sibling = nextFiber.sibling;
+
+            if (sibling !== null) {
+              // Set the return pointer of the sibling to the work-in-progress fiber.
+              sibling.return = nextFiber.return;
+              nextFiber = sibling;
+              break;
+            } // No more siblings. Traverse up.
+
+            nextFiber = nextFiber.return;
+          }
+        }
+
+        fiber = nextFiber;
+      }
+    }
+    function prepareToReadContext(workInProgress, renderLanes) {
+      currentlyRenderingFiber = workInProgress;
+      lastContextDependency = null;
+      lastFullyObservedContext = null;
+      var dependencies = workInProgress.dependencies;
+
+      if (dependencies !== null) {
+        {
+          var firstContext = dependencies.firstContext;
+
+          if (firstContext !== null) {
+            if (includesSomeLane(dependencies.lanes, renderLanes)) {
+              // Context list has a pending update. Mark that this fiber performed work.
+              markWorkInProgressReceivedUpdate();
+            } // Reset the work-in-progress list
+
+            dependencies.firstContext = null;
+          }
+        }
+      }
+    }
+    function readContext(context) {
+      {
+        // This warning would fire if you read context inside a Hook like useMemo.
+        // Unlike the class check below, it's not enforced in production for perf.
+        if (isDisallowedContextReadInDEV) {
+          error(
+            "Context can only be read while React is rendering. " +
+              "In classes, you can read it in the render method or getDerivedStateFromProps. " +
+              "In function components, you can read it directly in the function body, but not " +
+              "inside Hooks like useReducer() or useMemo()."
+          );
+        }
+      }
+
+      return readContextForConsumer(currentlyRenderingFiber, context);
+    }
+    function readContextDuringReconcilation(consumer, context, renderLanes) {
+      if (currentlyRenderingFiber === null) {
+        prepareToReadContext(consumer, renderLanes);
+      }
+
+      return readContextForConsumer(consumer, context);
+    }
+
+    function readContextForConsumer(consumer, context) {
+      var value = context._currentValue2;
+
+      if (lastFullyObservedContext === context);
+      else {
+        var contextItem = {
+          context: context,
+          memoizedValue: value,
+          next: null
+        };
+
+        if (lastContextDependency === null) {
+          if (consumer === null) {
+            throw new Error(
+              "Context can only be read while React is rendering. " +
+                "In classes, you can read it in the render method or getDerivedStateFromProps. " +
+                "In function components, you can read it directly in the function body, but not " +
+                "inside Hooks like useReducer() or useMemo()."
+            );
+          } // This is the first dependency for this component. Create a new list.
+
+          lastContextDependency = contextItem;
+          consumer.dependencies = {
+            lanes: NoLanes,
+            firstContext: contextItem
+          };
+        } else {
+          // Append a new context item.
+          lastContextDependency = lastContextDependency.next = contextItem;
+        }
+      }
+
+      return value;
+    }
+
+    var ReactCurrentBatchConfig$1 =
+      ReactSharedInternals.ReactCurrentBatchConfig;
+    function requestCurrentTransition() {
+      var transition = ReactCurrentBatchConfig$1.transition;
+
+      if (transition !== null) {
+        // Whenever a transition update is scheduled, register a callback on the
+        // transition object so we can get the return value of the scope function.
+        transition._callbacks.add(handleAsyncAction);
+      }
+
+      return transition;
+    }
+
+    function handleAsyncAction(transition, thenable) {}
+
+    function notifyTransitionCallbacks(transition, returnValue) {
+      var callbacks = transition._callbacks;
+      callbacks.forEach(function (callback) {
+        return callback(transition, returnValue);
+      });
+    } // When retrying a Suspense/Offscreen boundary, we restore the cache that was
+    function getSuspendedCache() {
+      {
+        return null;
+      } // This function is called when a Suspense boundary suspends. It returns the
+    }
+
+    /**
+     * Tag the fiber with an update effect. This turns a Placement into
+     * a PlacementAndUpdate.
+     */
+
+    function markUpdate(workInProgress) {
+      workInProgress.flags |= Update;
+    }
+
+    function markRef(workInProgress) {
+      workInProgress.flags |= Ref | RefStatic;
+    }
+    /**
+     * In persistent mode, return whether this update needs to clone the subtree.
+     */
+
+    function doesRequireClone(current, completedWork) {
+      var didBailout =
+        current !== null && current.child === completedWork.child;
+
+      if (didBailout) {
+        return false;
+      }
+
+      if ((completedWork.flags & ChildDeletion) !== NoFlags$1) {
+        return true;
+      } // TODO: If we move the `doesRequireClone` call after `bubbleProperties`
+      // then we only have to check the `completedWork.subtreeFlags`.
+
+      var child = completedWork.child;
+
+      while (child !== null) {
+        if (
+          (child.flags & MutationMask) !== NoFlags$1 ||
+          (child.subtreeFlags & MutationMask) !== NoFlags$1
+        ) {
+          return true;
+        }
+
+        child = child.sibling;
+      }
+
+      return false;
+    }
+
+    function appendAllChildren(
+      parent,
+      workInProgress,
+      needsVisibilityToggle,
+      isHidden
+    ) {
+      {
+        // We only have the top Fiber that was created but we need recurse down its
+        // children to find all the terminal nodes.
+        var _node = workInProgress.child;
+
+        while (_node !== null) {
+          if (_node.tag === HostComponent) {
+            var instance = _node.stateNode;
+
+            if (needsVisibilityToggle && isHidden) {
+              instance = cloneHiddenInstance(instance);
+            }
+
+            appendInitialChild(parent, instance);
+          } else if (_node.tag === HostText) {
+            var _instance = _node.stateNode;
+
+            if (needsVisibilityToggle && isHidden) {
+              _instance = cloneHiddenTextInstance();
+            }
+
+            appendInitialChild(parent, _instance);
+          } else if (_node.tag === HostPortal);
+          else if (
+            _node.tag === OffscreenComponent &&
+            _node.memoizedState !== null
+          ) {
+            // The children in this boundary are hidden. Toggle their visibility
+            // before appending.
+            var child = _node.child;
+
+            if (child !== null) {
+              child.return = _node;
+            }
+
+            appendAllChildren(
+              parent,
+              _node,
+              /* needsVisibilityToggle */
+              true,
+              /* isHidden */
+              true
+            );
+          } else if (_node.child !== null) {
+            _node.child.return = _node;
+            _node = _node.child;
+            continue;
+          }
+
+          if (_node === workInProgress) {
+            return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          while (_node.sibling === null) {
+            // $FlowFixMe[incompatible-use] found when upgrading Flow
+            if (_node.return === null || _node.return === workInProgress) {
+              return;
+            }
+
+            _node = _node.return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          _node.sibling.return = _node.return;
+          _node = _node.sibling;
+        }
+      }
+    } // An unfortunate fork of appendAllChildren because we have two different parent types.
+
+    function appendAllChildrenToContainer(
+      containerChildSet,
+      workInProgress,
+      needsVisibilityToggle,
+      isHidden
+    ) {
+      {
+        // We only have the top Fiber that was created but we need recurse down its
+        // children to find all the terminal nodes.
+        var node = workInProgress.child;
+
+        while (node !== null) {
+          // eslint-disable-next-line no-labels
+          if (node.tag === HostComponent) {
+            var instance = node.stateNode;
+
+            if (needsVisibilityToggle && isHidden) {
+              instance = cloneHiddenInstance(instance);
+            }
+
+            appendChildToContainerChildSet(containerChildSet, instance);
+          } else if (node.tag === HostText) {
+            var _instance2 = node.stateNode;
+
+            if (needsVisibilityToggle && isHidden) {
+              _instance2 = cloneHiddenTextInstance();
+            }
+
+            appendChildToContainerChildSet(containerChildSet, _instance2);
+          } else if (node.tag === HostPortal);
+          else if (
+            node.tag === OffscreenComponent &&
+            node.memoizedState !== null
+          ) {
+            // The children in this boundary are hidden. Toggle their visibility
+            // before appending.
+            var child = node.child;
+
+            if (child !== null) {
+              child.return = node;
+            } // If Offscreen is not in manual mode, detached tree is hidden from user space.
+
+            var _needsVisibilityToggle = !isOffscreenManual(node);
+
+            appendAllChildrenToContainer(
+              containerChildSet,
+              node,
+              /* needsVisibilityToggle */
+              _needsVisibilityToggle,
+              /* isHidden */
+              true
+            );
+          } else if (node.child !== null) {
+            node.child.return = node;
+            node = node.child;
+            continue;
+          }
+
+          node = node;
+
+          if (node === workInProgress) {
+            return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          while (node.sibling === null) {
+            // $FlowFixMe[incompatible-use] found when upgrading Flow
+            if (node.return === null || node.return === workInProgress) {
+              return;
+            }
+
+            node = node.return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          node.sibling.return = node.return;
+          node = node.sibling;
+        }
+      }
+    }
+
+    function updateHostContainer(current, workInProgress) {
+      {
+        if (doesRequireClone(current, workInProgress)) {
+          var portalOrRoot = workInProgress.stateNode;
+          var container = portalOrRoot.containerInfo;
+          var newChildSet = createContainerChildSet(); // If children might have changed, we have to add them all to the set.
+
+          appendAllChildrenToContainer(
+            newChildSet,
+            workInProgress,
+            /* needsVisibilityToggle */
+            false,
+            /* isHidden */
+            false
+          );
+          portalOrRoot.pendingChildren = newChildSet; // Schedule an update on the container to swap out the container.
+
+          markUpdate(workInProgress);
+          finalizeContainerChildren(container, newChildSet);
+        }
+      }
+    }
+
+    function updateHostComponent(
+      current,
+      workInProgress,
+      type,
+      newProps,
+      renderLanes
+    ) {
+      {
+        var currentInstance = current.stateNode;
+        var _oldProps = current.memoizedProps; // If there are no effects associated with this node, then none of our children had any updates.
+        // This guarantees that we can reuse all of them.
+
+        var requiresClone = doesRequireClone(current, workInProgress);
+
+        if (!requiresClone && _oldProps === newProps) {
+          // No changes, just reuse the existing instance.
+          // Note that this might release a previous clone.
+          workInProgress.stateNode = currentInstance;
+          return;
+        }
+
+        getHostContext();
+        var newChildSet = null;
+
+        if (requiresClone && passChildrenWhenCloningPersistedNodes) {
+          newChildSet = createContainerChildSet(); // If children might have changed, we have to add them all to the set.
+
+          appendAllChildrenToContainer(
+            newChildSet,
+            workInProgress,
+            /* needsVisibilityToggle */
+            false,
+            /* isHidden */
+            false
+          );
+        }
+
+        var newInstance = cloneInstance(
+          currentInstance,
+          type,
+          _oldProps,
+          newProps,
+          !requiresClone,
+          newChildSet
+        );
+
+        if (newInstance === currentInstance) {
+          // No changes, just reuse the existing instance.
+          // Note that this might release a previous clone.
+          workInProgress.stateNode = currentInstance;
+          return;
+        } // Certain renderers require commit-time effects for initial mount.
+
+        workInProgress.stateNode = newInstance;
+
+        if (!requiresClone) {
+          // If there are no other effects in this tree, we need to flag this node as having one.
+          // Even though we're not going to use it for anything.
+          // Otherwise parents won't know that there are new children to propagate upwards.
+          markUpdate(workInProgress);
+        } else {
+          // If children might have changed, we have to add them all to the set.
+          appendAllChildren(
+            newInstance,
+            workInProgress,
+            /* needsVisibilityToggle */
+            false,
+            /* isHidden */
+            false
+          );
+        }
+      }
+    } // This function must be called at the very end of the complete phase, because
+    // it might throw to suspend, and if the resource immediately loads, the work
+    // loop will resume rendering as if the work-in-progress completed. So it must
+    // fully complete.
+    // TODO: This should ideally move to begin phase, but currently the instance is
+    // not created until the complete phase. For our existing use cases, host nodes
+    // that suspend don't have children, so it doesn't matter. But that might not
+    // always be true in the future.
+
+    function preloadInstanceAndSuspendIfNeeded(
+      workInProgress,
+      type,
+      props,
+      renderLanes
+    ) {
+      {
+        // If this flag was set previously, we can remove it. The flag
+        // represents whether this particular set of props might ever need to
+        // suspend. The safest thing to do is for maySuspendCommit to always
+        // return true, but if the renderer is reasonably confident that the
+        // underlying resource won't be evicted, it can return false as a
+        // performance optimization.
+        workInProgress.flags &= ~MaySuspendCommit;
+        return;
+      } // Mark this fiber with a flag. This gets set on all host instances
+    }
+
+    function scheduleRetryEffect(workInProgress, retryQueue) {
+      var wakeables = retryQueue;
+
+      if (wakeables !== null) {
+        // Schedule an effect to attach a retry listener to the promise.
+        // TODO: Move to passive phase
+        workInProgress.flags |= Update;
+      } else {
+        // This boundary suspended, but no wakeables were added to the retry
+        // queue. Check if the renderer suspended commit. If so, this means
+        // that once the fallback is committed, we can immediately retry
+        // rendering again, because rendering wasn't actually blocked. Only
+        // the commit phase.
+        // TODO: Consider a model where we always schedule an immediate retry, even
+        // for normal Suspense. That way the retry can partially render up to the
+        // first thing that suspends.
+        if (workInProgress.flags & ScheduleRetry) {
+          var retryLane = // TODO: This check should probably be moved into claimNextRetryLane
+            // I also suspect that we need some further consolidation of offscreen
+            // and retry lanes.
+            workInProgress.tag !== OffscreenComponent
+              ? claimNextRetryLane()
+              : OffscreenLane;
+          workInProgress.lanes = mergeLanes(workInProgress.lanes, retryLane);
+        }
+      }
+    }
+
+    function updateHostText(current, workInProgress, oldText, newText) {
+      {
+        if (oldText !== newText) {
+          // If the text content differs, we'll create a new text instance for it.
+          var rootContainerInstance = getRootHostContainer();
+          var currentHostContext = getHostContext();
+          workInProgress.stateNode = createTextInstance(
+            newText,
+            rootContainerInstance,
+            currentHostContext,
+            workInProgress
+          ); // We'll have to mark it as having an effect, even though we won't use the effect for anything.
+          // This lets the parents know that at least one of their children has changed.
+
+          markUpdate(workInProgress);
+        } else {
+          workInProgress.stateNode = current.stateNode;
+        }
+      }
+    }
+
+    function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+      switch (renderState.tailMode) {
+        case "hidden": {
+          // Any insertions at the end of the tail list after this point
+          // should be invisible. If there are already mounted boundaries
+          // anything before them are not considered for collapsing.
+          // Therefore we need to go through the whole tail to find if
+          // there are any.
+          var tailNode = renderState.tail;
+          var lastTailNode = null;
+
+          while (tailNode !== null) {
+            if (tailNode.alternate !== null) {
+              lastTailNode = tailNode;
+            }
+
+            tailNode = tailNode.sibling;
+          } // Next we're simply going to delete all insertions after the
+          // last rendered item.
+
+          if (lastTailNode === null) {
+            // All remaining items in the tail are insertions.
+            renderState.tail = null;
+          } else {
+            // Detach the insertion after the last node that was already
+            // inserted.
+            lastTailNode.sibling = null;
+          }
+
+          break;
+        }
+
+        case "collapsed": {
+          // Any insertions at the end of the tail list after this point
+          // should be invisible. If there are already mounted boundaries
+          // anything before them are not considered for collapsing.
+          // Therefore we need to go through the whole tail to find if
+          // there are any.
+          var _tailNode = renderState.tail;
+          var _lastTailNode = null;
+
+          while (_tailNode !== null) {
+            if (_tailNode.alternate !== null) {
+              _lastTailNode = _tailNode;
+            }
+
+            _tailNode = _tailNode.sibling;
+          } // Next we're simply going to delete all insertions after the
+          // last rendered item.
+
+          if (_lastTailNode === null) {
+            // All remaining items in the tail are insertions.
+            if (!hasRenderedATailFallback && renderState.tail !== null) {
+              // We suspended during the head. We want to show at least one
+              // row at the tail. So we'll keep on and cut off the rest.
+              renderState.tail.sibling = null;
+            } else {
+              renderState.tail = null;
+            }
+          } else {
+            // Detach the insertion after the last node that was already
+            // inserted.
+            _lastTailNode.sibling = null;
+          }
+
+          break;
+        }
+      }
+    }
+
+    function bubbleProperties(completedWork) {
+      var didBailout =
+        completedWork.alternate !== null &&
+        completedWork.alternate.child === completedWork.child;
+      var newChildLanes = NoLanes;
+      var subtreeFlags = NoFlags$1;
+
+      if (!didBailout) {
+        // Bubble up the earliest expiration time.
+        if ((completedWork.mode & ProfileMode) !== NoMode) {
+          // In profiling mode, resetChildExpirationTime is also used to reset
+          // profiler durations.
+          var actualDuration = completedWork.actualDuration;
+          var treeBaseDuration = completedWork.selfBaseDuration;
+          var child = completedWork.child;
+
+          while (child !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(child.lanes, child.childLanes)
+            );
+            subtreeFlags |= child.subtreeFlags;
+            subtreeFlags |= child.flags; // When a fiber is cloned, its actualDuration is reset to 0. This value will
+            // only be updated if work is done on the fiber (i.e. it doesn't bailout).
+            // When work is done, it should bubble to the parent's actualDuration. If
+            // the fiber has not been cloned though, (meaning no work was done), then
+            // this value will reflect the amount of time spent working on a previous
+            // render. In that case it should not bubble. We determine whether it was
+            // cloned by comparing the child pointer.
+            // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
+
+            actualDuration += child.actualDuration; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
+
+            treeBaseDuration += child.treeBaseDuration;
+            child = child.sibling;
+          }
+
+          completedWork.actualDuration = actualDuration;
+          completedWork.treeBaseDuration = treeBaseDuration;
+        } else {
+          var _child = completedWork.child;
+
+          while (_child !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child.lanes, _child.childLanes)
+            );
+            subtreeFlags |= _child.subtreeFlags;
+            subtreeFlags |= _child.flags; // Update the return pointer so the tree is consistent. This is a code
+            // smell because it assumes the commit phase is never concurrent with
+            // the render phase. Will address during refactor to alternate model.
+
+            _child.return = completedWork;
+            _child = _child.sibling;
+          }
+        }
+
+        completedWork.subtreeFlags |= subtreeFlags;
+      } else {
+        // Bubble up the earliest expiration time.
+        if ((completedWork.mode & ProfileMode) !== NoMode) {
+          // In profiling mode, resetChildExpirationTime is also used to reset
+          // profiler durations.
+          var _treeBaseDuration = completedWork.selfBaseDuration;
+          var _child2 = completedWork.child;
+
+          while (_child2 !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child2.lanes, _child2.childLanes)
+            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
+            // so we should bubble those up even during a bailout. All the other
+            // flags have a lifetime only of a single render + commit, so we should
+            // ignore them.
+
+            subtreeFlags |= _child2.subtreeFlags & StaticMask;
+            subtreeFlags |= _child2.flags & StaticMask; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
+
+            _treeBaseDuration += _child2.treeBaseDuration;
+            _child2 = _child2.sibling;
+          }
+
+          completedWork.treeBaseDuration = _treeBaseDuration;
+        } else {
+          var _child3 = completedWork.child;
+
+          while (_child3 !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child3.lanes, _child3.childLanes)
+            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
+            // so we should bubble those up even during a bailout. All the other
+            // flags have a lifetime only of a single render + commit, so we should
+            // ignore them.
+
+            subtreeFlags |= _child3.subtreeFlags & StaticMask;
+            subtreeFlags |= _child3.flags & StaticMask; // Update the return pointer so the tree is consistent. This is a code
+            // smell because it assumes the commit phase is never concurrent with
+            // the render phase. Will address during refactor to alternate model.
+
+            _child3.return = completedWork;
+            _child3 = _child3.sibling;
+          }
+        }
+
+        completedWork.subtreeFlags |= subtreeFlags;
+      }
+
+      completedWork.childLanes = newChildLanes;
+      return didBailout;
+    }
+
+    function completeDehydratedSuspenseBoundary(
+      current,
+      workInProgress,
+      nextState
+    ) {
+      var wasHydrated = popHydrationState();
+
+      if (nextState !== null && nextState.dehydrated !== null) {
+        // We might be inside a hydration state the first time we're picking up this
+        // Suspense boundary, and also after we've reentered it for further hydration.
+        if (current === null) {
+          if (!wasHydrated) {
+            throw new Error(
+              "A dehydrated suspense component was completed without a hydrated node. " +
+                "This is probably a bug in React."
+            );
+          }
+
+          prepareToHydrateHostSuspenseInstance();
+          bubbleProperties(workInProgress);
+
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              var isTimedOutSuspense = nextState !== null;
+
+              if (isTimedOutSuspense) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var primaryChildFragment = workInProgress.child;
+
+                if (primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    primaryChildFragment.treeBaseDuration;
+                }
+              }
+            }
+          }
+
+          return false;
+        } else {
+          if ((workInProgress.flags & DidCapture) === NoFlags$1) {
+            // This boundary did not suspend so it's now hydrated and unsuspended.
+            workInProgress.memoizedState = null;
+          } // If nothing suspended, we need to schedule an effect to mark this boundary
+          // as having hydrated so events know that they're free to be invoked.
+          // It's also a signal to replay events and the suspense callback.
+          // If something suspended, schedule an effect to attach retry listeners.
+          // So we might as well always mark this.
+
+          workInProgress.flags |= Update;
+          bubbleProperties(workInProgress);
+
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              var _isTimedOutSuspense = nextState !== null;
+
+              if (_isTimedOutSuspense) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var _primaryChildFragment = workInProgress.child;
+
+                if (_primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    _primaryChildFragment.treeBaseDuration;
+                }
+              }
+            }
+          }
+
+          return false;
+        }
+      } else {
+        // Successfully completed this tree. If this was a forced client render,
+        // there may have been recoverable errors during first hydration
+        // attempt. If so, add them to a queue so we can log them in the
+        // commit phase.
+        upgradeHydrationErrorsToRecoverable(); // Fall through to normal Suspense path
+
+        return true;
+      }
+    }
+
+    function completeWork(current, workInProgress, renderLanes) {
+      var newProps = workInProgress.pendingProps; // Note: This intentionally doesn't check if we're hydrating because comparing
+
+      switch (workInProgress.tag) {
+        case IndeterminateComponent:
+        case LazyComponent:
+        case SimpleMemoComponent:
+        case FunctionComponent:
+        case ForwardRef:
+        case Fragment:
+        case Mode:
+        case Profiler:
+        case ContextConsumer:
+        case MemoComponent:
+          bubbleProperties(workInProgress);
+          return null;
+
+        case ClassComponent: {
+          var Component = workInProgress.type;
+
+          if (isContextProvider(Component)) {
+            popContext(workInProgress);
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case HostRoot: {
+          var fiberRoot = workInProgress.stateNode;
+          popHostContainer(workInProgress);
+          popTopLevelContextObject(workInProgress);
+
+          if (fiberRoot.pendingContext) {
+            fiberRoot.context = fiberRoot.pendingContext;
+            fiberRoot.pendingContext = null;
+          }
+
+          if (current === null || current.child === null) {
+            // If we hydrated, pop so that we can delete any remaining children
+            // that weren't hydrated.
+            var wasHydrated = popHydrationState();
+
+            if (wasHydrated) {
+              // If we hydrated, then we'll need to schedule an update for
+              // the commit side-effects on the root.
+              markUpdate(workInProgress);
+            } else {
+              if (current !== null) {
+                var prevState = current.memoizedState;
+
+                if (
+                  // Check if this is a client root
+                  !prevState.isDehydrated || // Check if we reverted to client rendering (e.g. due to an error)
+                  (workInProgress.flags & ForceClientRender) !== NoFlags$1
+                ) {
+                  // Schedule an effect to clear this container at the start of the
+                  // next commit. This handles the case of React rendering into a
+                  // container with previous children. It's also safe to do for
+                  // updates too, because current.child would only be null if the
+                  // previous render was null (so the container would already
+                  // be empty).
+                  workInProgress.flags |= Snapshot; // If this was a forced client render, there may have been
+                  // recoverable errors during first hydration attempt. If so, add
+                  // them to a queue so we can log them in the commit phase.
+
+                  upgradeHydrationErrorsToRecoverable();
+                }
+              }
+            }
+          }
+
+          updateHostContainer(current, workInProgress);
+          bubbleProperties(workInProgress);
+
+          return null;
+        }
+
+        case HostHoistable:
+
+        case HostSingleton:
+
+        case HostComponent: {
+          popHostContext(workInProgress);
+          var _type2 = workInProgress.type;
+
+          if (current !== null && workInProgress.stateNode != null) {
+            updateHostComponent(current, workInProgress, _type2, newProps);
+
+            if (current.ref !== workInProgress.ref) {
+              markRef(workInProgress);
+            }
+          } else {
+            if (!newProps) {
+              if (workInProgress.stateNode === null) {
+                throw new Error(
+                  "We must have new props for new mounts. This error is likely " +
+                    "caused by a bug in React. Please file an issue."
+                );
+              } // This can happen when we abort work.
+
+              bubbleProperties(workInProgress);
+              return null;
+            }
+
+            var _currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
+            // "stack" as the parent. Then append children as we go in beginWork
+            // or completeWork depending on whether we want to add them top->down or
+            // bottom->up. Top->down is faster in IE11.
+
+            var _wasHydrated2 = popHydrationState();
+
+            if (_wasHydrated2) {
+              // TODO: Move this and createInstance step into the beginPhase
+              // to consolidate.
+              prepareToHydrateHostInstance();
+            } else {
+              var _rootContainerInstance = getRootHostContainer();
+
+              var _instance3 = createInstance(
+                _type2,
+                newProps,
+                _rootContainerInstance,
+                _currentHostContext,
+                workInProgress
+              ); // TODO: For persistent renderers, we should pass children as part
+              // of the initial instance creation
+
+              appendAllChildren(_instance3, workInProgress, false, false);
+              workInProgress.stateNode = _instance3; // Certain renderers require commit-time effects for initial mount.
+            }
+
+            if (workInProgress.ref !== null) {
+              // If there is a ref on a host node we need to schedule a callback
+              markRef(workInProgress);
+            }
+          }
+
+          bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
+          // throw to suspend, and if the resource immediately loads, the work loop
+          // will resume rendering as if the work-in-progress completed. So it must
+          // fully complete.
+
+          preloadInstanceAndSuspendIfNeeded(workInProgress);
+          return null;
+        }
+
+        case HostText: {
+          var newText = newProps;
+
+          if (current && workInProgress.stateNode != null) {
+            var oldText = current.memoizedProps; // If we have an alternate, that means this is an update and we need
+            // to schedule a side-effect to do the updates.
+
+            updateHostText(current, workInProgress, oldText, newText);
+          } else {
+            if (typeof newText !== "string") {
+              if (workInProgress.stateNode === null) {
+                throw new Error(
+                  "We must have new props for new mounts. This error is likely " +
+                    "caused by a bug in React. Please file an issue."
+                );
+              } // This can happen when we abort work.
+            }
+
+            var _rootContainerInstance2 = getRootHostContainer();
+
+            var _currentHostContext2 = getHostContext();
+
+            var _wasHydrated3 = popHydrationState();
+
+            if (_wasHydrated3) {
+              if (prepareToHydrateHostTextInstance()) {
+                markUpdate(workInProgress);
+              }
+            } else {
+              workInProgress.stateNode = createTextInstance(
+                newText,
+                _rootContainerInstance2,
+                _currentHostContext2,
+                workInProgress
+              );
+            }
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case SuspenseComponent: {
+          popSuspenseHandler(workInProgress);
+          var nextState = workInProgress.memoizedState; // Special path for dehydrated boundaries. We may eventually move this
+          // to its own fiber type so that we can add other kinds of hydration
+          // boundaries that aren't associated with a Suspense tree. In anticipation
+          // of such a refactor, all the hydration logic is contained in
+          // this branch.
+
+          if (
+            current === null ||
+            (current.memoizedState !== null &&
+              current.memoizedState.dehydrated !== null)
+          ) {
+            var fallthroughToNormalSuspensePath =
+              completeDehydratedSuspenseBoundary(
+                current,
+                workInProgress,
+                nextState
+              );
+
+            if (!fallthroughToNormalSuspensePath) {
+              if (workInProgress.flags & ForceClientRender) {
+                // Special case. There were remaining unhydrated nodes. We treat
+                // this as a mismatch. Revert to client rendering.
+                return workInProgress;
+              } else {
+                // Did not finish hydrating, either because this is the initial
+                // render or because something suspended.
+                return null;
+              }
+            } // Continue with the normal Suspense path.
+          }
+
+          if ((workInProgress.flags & DidCapture) !== NoFlags$1) {
+            // Something suspended. Re-render with the fallback children.
+            workInProgress.lanes = renderLanes; // Do not reset the effect list.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            } // Don't bubble properties in this case.
+
+            return workInProgress;
+          }
+
+          var nextDidTimeout = nextState !== null;
+          var prevDidTimeout =
+            current !== null && current.memoizedState !== null;
+          // a passive effect, which is when we process the transitions
+
+          if (nextDidTimeout !== prevDidTimeout) {
+            // an effect to toggle the subtree's visibility. When we switch from
+            // fallback -> primary, the inner Offscreen fiber schedules this effect
+            // as part of its normal complete phase. But when we switch from
+            // primary -> fallback, the inner Offscreen fiber does not have a complete
+            // phase. So we need to schedule its effect here.
+            //
+            // We also use this flag to connect/disconnect the effects, but the same
+            // logic applies: when re-connecting, the Offscreen fiber's complete
+            // phase will handle scheduling the effect. It's only when the fallback
+            // is active that we have to do anything special.
+
+            if (nextDidTimeout) {
+              var _offscreenFiber2 = workInProgress.child;
+              _offscreenFiber2.flags |= Visibility;
+            }
+          }
+
+          var retryQueue = workInProgress.updateQueue;
+          scheduleRetryEffect(workInProgress, retryQueue);
+
+          bubbleProperties(workInProgress);
+
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              if (nextDidTimeout) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var primaryChildFragment = workInProgress.child;
+
+                if (primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    primaryChildFragment.treeBaseDuration;
+                }
+              }
+            }
+          }
+
+          return null;
+        }
+
+        case HostPortal:
+          popHostContainer(workInProgress);
+          updateHostContainer(current, workInProgress);
+
+          bubbleProperties(workInProgress);
+          return null;
+
+        case ContextProvider:
+          // Pop provider fiber
+          var context = workInProgress.type._context;
+          popProvider(context, workInProgress);
+          bubbleProperties(workInProgress);
+          return null;
+
+        case IncompleteClassComponent: {
+          // Same as class component case. I put it down here so that the tags are
+          // sequential to ensure this switch is compiled to a jump table.
+          var _Component = workInProgress.type;
+
+          if (isContextProvider(_Component)) {
+            popContext(workInProgress);
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case SuspenseListComponent: {
+          popSuspenseListContext(workInProgress);
+          var renderState = workInProgress.memoizedState;
+
+          if (renderState === null) {
+            // We're running in the default, "independent" mode.
+            // We don't do anything in this mode.
+            bubbleProperties(workInProgress);
+            return null;
+          }
+
+          var didSuspendAlready =
+            (workInProgress.flags & DidCapture) !== NoFlags$1;
+          var renderedTail = renderState.rendering;
+
+          if (renderedTail === null) {
+            // We just rendered the head.
+            if (!didSuspendAlready) {
+              // This is the first pass. We need to figure out if anything is still
+              // suspended in the rendered set.
+              // If new content unsuspended, but there's still some content that
+              // didn't. Then we need to do a second pass that forces everything
+              // to keep showing their fallbacks.
+              // We might be suspended if something in this render pass suspended, or
+              // something in the previous committed pass suspended. Otherwise,
+              // there's no chance so we can skip the expensive call to
+              // findFirstSuspended.
+              var cannotBeSuspended =
+                renderHasNotSuspendedYet() &&
+                (current === null ||
+                  (current.flags & DidCapture) === NoFlags$1);
+
+              if (!cannotBeSuspended) {
+                var row = workInProgress.child;
+
+                while (row !== null) {
+                  var suspended = findFirstSuspended(row);
+
+                  if (suspended !== null) {
+                    didSuspendAlready = true;
+                    workInProgress.flags |= DidCapture;
+                    cutOffTailIfNeeded(renderState, false); // If this is a newly suspended tree, it might not get committed as
+                    // part of the second pass. In that case nothing will subscribe to
+                    // its thenables. Instead, we'll transfer its thenables to the
+                    // SuspenseList so that it can retry if they resolve.
+                    // There might be multiple of these in the list but since we're
+                    // going to wait for all of them anyway, it doesn't really matter
+                    // which ones gets to ping. In theory we could get clever and keep
+                    // track of how many dependencies remain but it gets tricky because
+                    // in the meantime, we can add/remove/change items and dependencies.
+                    // We might bail out of the loop before finding any but that
+                    // doesn't matter since that means that the other boundaries that
+                    // we did find already has their listeners attached.
+
+                    var _retryQueue = suspended.updateQueue;
+                    workInProgress.updateQueue = _retryQueue;
+                    scheduleRetryEffect(workInProgress, _retryQueue); // Rerender the whole list, but this time, we'll force fallbacks
+                    // to stay in place.
+                    // Reset the effect flags before doing the second pass since that's now invalid.
+                    // Reset the child fibers to their original state.
+
+                    workInProgress.subtreeFlags = NoFlags$1;
+                    resetChildFibers(workInProgress, renderLanes); // Set up the Suspense List Context to force suspense and
+                    // immediately rerender the children.
+
+                    pushSuspenseListContext(
+                      workInProgress,
+                      setShallowSuspenseListContext(
+                        suspenseStackCursor.current,
+                        ForceSuspenseFallback
+                      )
+                    ); // Don't bubble properties in this case.
+
+                    return workInProgress.child;
+                  }
+
+                  row = row.sibling;
+                }
+              }
+
+              if (
+                renderState.tail !== null &&
+                now$1() > getRenderTargetTime()
+              ) {
+                // We have already passed our CPU deadline but we still have rows
+                // left in the tail. We'll just give up further attempts to render
+                // the main content and only render fallbacks.
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true;
+                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
+                // to get it started back up to attempt the next item. While in terms
+                // of priority this work has the same priority as this current render,
+                // it's not part of the same transition once the transition has
+                // committed. If it's sync, we still want to yield so that it can be
+                // painted. Conceptually, this is really the same as pinging.
+                // We can use any RetryLane even if it's the one currently rendering
+                // since we're leaving it behind on this node.
+
+                workInProgress.lanes = SomeRetryLane;
+              }
+            } else {
+              cutOffTailIfNeeded(renderState, false);
+            } // Next we're going to render the tail.
+          } else {
+            // Append the rendered row to the child list.
+            if (!didSuspendAlready) {
+              var _suspended = findFirstSuspended(renderedTail);
+
+              if (_suspended !== null) {
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
+                // get lost if this row ends up dropped during a second pass.
+
+                var _retryQueue2 = _suspended.updateQueue;
+                workInProgress.updateQueue = _retryQueue2;
+                scheduleRetryEffect(workInProgress, _retryQueue2);
+                cutOffTailIfNeeded(renderState, true); // This might have been modified.
+
+                if (
+                  renderState.tail === null &&
+                  renderState.tailMode === "hidden" &&
+                  !renderedTail.alternate &&
+                  !getIsHydrating() // We don't cut it if we're hydrating.
+                ) {
+                  // We're done.
+                  bubbleProperties(workInProgress);
+                  return null;
+                }
+              } else if (
+                // The time it took to render last row is greater than the remaining
+                // time we have to render. So rendering one more row would likely
+                // exceed it.
+                now$1() * 2 - renderState.renderingStartTime >
+                  getRenderTargetTime() &&
+                renderLanes !== OffscreenLane
+              ) {
+                // We have now passed our CPU deadline and we'll just give up further
+                // attempts to render the main content and only render fallbacks.
+                // The assumption is that this is usually faster.
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true;
+                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
+                // to get it started back up to attempt the next item. While in terms
+                // of priority this work has the same priority as this current render,
+                // it's not part of the same transition once the transition has
+                // committed. If it's sync, we still want to yield so that it can be
+                // painted. Conceptually, this is really the same as pinging.
+                // We can use any RetryLane even if it's the one currently rendering
+                // since we're leaving it behind on this node.
+
+                workInProgress.lanes = SomeRetryLane;
+              }
+            }
+
+            if (renderState.isBackwards) {
+              // The effect list of the backwards tail will have been added
+              // to the end. This breaks the guarantee that life-cycles fire in
+              // sibling order but that isn't a strong guarantee promised by React.
+              // Especially since these might also just pop in during future commits.
+              // Append to the beginning of the list.
+              renderedTail.sibling = workInProgress.child;
+              workInProgress.child = renderedTail;
+            } else {
+              var previousSibling = renderState.last;
+
+              if (previousSibling !== null) {
+                previousSibling.sibling = renderedTail;
+              } else {
+                workInProgress.child = renderedTail;
+              }
+
+              renderState.last = renderedTail;
+            }
+          }
+
+          if (renderState.tail !== null) {
+            // We still have tail rows to render.
+            // Pop a row.
+            var next = renderState.tail;
+            renderState.rendering = next;
+            renderState.tail = next.sibling;
+            renderState.renderingStartTime = now$1();
+            next.sibling = null; // Restore the context.
+            // TODO: We can probably just avoid popping it instead and only
+            // setting it the first time we go from not suspended to suspended.
+
+            var suspenseContext = suspenseStackCursor.current;
+
+            if (didSuspendAlready) {
+              suspenseContext = setShallowSuspenseListContext(
+                suspenseContext,
+                ForceSuspenseFallback
+              );
+            } else {
+              suspenseContext =
+                setDefaultShallowSuspenseListContext(suspenseContext);
+            }
+
+            pushSuspenseListContext(workInProgress, suspenseContext); // Do a pass over the next row.
+            // Don't bubble properties in this case.
+
+            return next;
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case ScopeComponent: {
+          break;
+        }
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent: {
+          popSuspenseHandler(workInProgress);
+          popHiddenContext(workInProgress);
+          var _nextState = workInProgress.memoizedState;
+          var nextIsHidden = _nextState !== null; // Schedule a Visibility effect if the visibility has changed
+
+          {
+            if (current !== null) {
+              var _prevState = current.memoizedState;
+              var prevIsHidden = _prevState !== null;
+
+              if (prevIsHidden !== nextIsHidden) {
+                workInProgress.flags |= Visibility;
+              }
+            } else {
+              // On initial mount, we only need a Visibility effect if the tree
+              // is hidden.
+              if (nextIsHidden) {
+                workInProgress.flags |= Visibility;
+              }
+            }
+          }
+
+          if (
+            !nextIsHidden ||
+            (workInProgress.mode & ConcurrentMode) === NoMode
+          ) {
+            bubbleProperties(workInProgress);
+          } else {
+            // Don't bubble properties for hidden children unless we're rendering
+            // at offscreen priority.
+            if (
+              includesSomeLane(renderLanes, OffscreenLane) && // Also don't bubble if the tree suspended
+              (workInProgress.flags & DidCapture) === NoLanes
+            ) {
+              bubbleProperties(workInProgress); // Check if there was an insertion or update in the hidden subtree.
+              // If so, we need to hide those nodes in the commit phase, so
+              // schedule a visibility effect.
+
+              if (workInProgress.subtreeFlags & (Placement | Update)) {
+                workInProgress.flags |= Visibility;
+              }
+            }
+          }
+
+          var offscreenQueue = workInProgress.updateQueue;
+
+          if (offscreenQueue !== null) {
+            var _retryQueue3 = offscreenQueue.retryQueue;
+            scheduleRetryEffect(workInProgress, _retryQueue3);
+          }
+          return null;
+        }
+
+        case CacheComponent: {
+          return null;
+        }
+
+        case TracingMarkerComponent: {
+          return null;
+        }
+      }
+
+      throw new Error(
+        "Unknown unit of work tag (" +
+          workInProgress.tag +
+          "). This error is likely caused by a bug in " +
+          "React. Please file an issue."
+      );
+    }
+
+    function unwindWork(current, workInProgress, renderLanes) {
+      switch (workInProgress.tag) {
+        case ClassComponent: {
+          var Component = workInProgress.type;
+
+          if (isContextProvider(Component)) {
+            popContext(workInProgress);
+          }
+
+          var flags = workInProgress.flags;
+
+          if (flags & ShouldCapture) {
+            workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case HostRoot: {
+          popHostContainer(workInProgress);
+          popTopLevelContextObject(workInProgress);
+          var _flags = workInProgress.flags;
+
+          if (
+            (_flags & ShouldCapture) !== NoFlags$1 &&
+            (_flags & DidCapture) === NoFlags$1
+          ) {
+            // There was an error during render that wasn't captured by a suspense
+            // boundary. Do a second pass on the root to unmount the children.
+            workInProgress.flags = (_flags & ~ShouldCapture) | DidCapture;
+            return workInProgress;
+          } // We unwound to the root without completing it. Exit.
+
+          return null;
+        }
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          // TODO: popHydrationState
+          popHostContext(workInProgress);
+          return null;
+        }
+
+        case SuspenseComponent: {
+          popSuspenseHandler(workInProgress);
+          var suspenseState = workInProgress.memoizedState;
+
+          if (suspenseState !== null && suspenseState.dehydrated !== null) {
+            if (workInProgress.alternate === null) {
+              throw new Error(
+                "Threw in newly mounted dehydrated component. This is likely a bug in " +
+                  "React. Please file an issue."
+              );
+            }
+          }
+
+          var _flags2 = workInProgress.flags;
+
+          if (_flags2 & ShouldCapture) {
+            workInProgress.flags = (_flags2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case SuspenseListComponent: {
+          popSuspenseListContext(workInProgress); // SuspenseList doesn't actually catch anything. It should've been
+          // caught by a nested boundary. If not, it should bubble through.
+
+          return null;
+        }
+
+        case HostPortal:
+          popHostContainer(workInProgress);
+          return null;
+
+        case ContextProvider:
+          var context = workInProgress.type._context;
+          popProvider(context, workInProgress);
+          return null;
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent: {
+          popSuspenseHandler(workInProgress);
+          popHiddenContext(workInProgress);
+          var _flags3 = workInProgress.flags;
+
+          if (_flags3 & ShouldCapture) {
+            workInProgress.flags = (_flags3 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case CacheComponent:
+          return null;
+
+        case TracingMarkerComponent:
+          return null;
+
+        default:
+          return null;
+      }
+    }
+
+    function unwindInterruptedWork(current, interruptedWork, renderLanes) {
+      switch (interruptedWork.tag) {
+        case ClassComponent: {
+          var childContextTypes = interruptedWork.type.childContextTypes;
+
+          if (childContextTypes !== null && childContextTypes !== undefined) {
+            popContext(interruptedWork);
+          }
+
+          break;
+        }
+
+        case HostRoot: {
+          popHostContainer(interruptedWork);
+          popTopLevelContextObject(interruptedWork);
+          break;
+        }
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          popHostContext(interruptedWork);
+          break;
+        }
+
+        case HostPortal:
+          popHostContainer(interruptedWork);
+          break;
+
+        case SuspenseComponent:
+          popSuspenseHandler(interruptedWork);
+          break;
+
+        case SuspenseListComponent:
+          popSuspenseListContext(interruptedWork);
+          break;
+
+        case ContextProvider:
+          var context = interruptedWork.type._context;
+          popProvider(context, interruptedWork);
+          break;
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent:
+          popSuspenseHandler(interruptedWork);
+          popHiddenContext(interruptedWork);
+          break;
+      }
+    }
+
+    var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
+
+    {
+      didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
+    } // Used during the commit phase to track the state of the Offscreen component stack.
+    // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
+
+    var offscreenSubtreeIsHidden = false;
+    var offscreenSubtreeWasHidden = false;
+    var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
+    var nextEffect = null; // Used for Profiling builds to track updaters.
+
+    var inProgressLanes = null;
+    var inProgressRoot = null;
+
+    function shouldProfile(current) {
+      return (
+        (current.mode & ProfileMode) !== NoMode &&
+        (getExecutionContext() & CommitContext) !== NoContext
+      );
+    }
+
+    function reportUncaughtErrorInDEV(error) {
+      // Wrapping each small part of the commit phase into a guarded
+      // callback is a bit too slow (https://github.com/facebook/react/pull/21666).
+      // But we rely on it to surface errors to DEV tools like overlays
+      // (https://github.com/facebook/react/issues/21712).
+      // As a compromise, rethrow only caught errors in a guard.
+      {
+        invokeGuardedCallback(null, function () {
+          throw error;
+        });
+        clearCaughtError();
+      }
+    }
+
+    function callComponentWillUnmountWithTimer(current, instance) {
+      instance.props = current.memoizedProps;
+      instance.state = current.memoizedState;
+
+      if (shouldProfile(current)) {
+        try {
+          startLayoutEffectTimer();
+          instance.componentWillUnmount();
+        } finally {
+          recordLayoutEffectDuration(current);
+        }
+      } else {
+        instance.componentWillUnmount();
+      }
+    } // Capture errors so they don't interrupt unmounting.
+
+    function safelyCallComponentWillUnmount(
+      current,
+      nearestMountedAncestor,
+      instance
+    ) {
+      try {
+        callComponentWillUnmountWithTimer(current, instance);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      }
+    } // Capture errors so they don't interrupt mounting.
+
+    function safelyAttachRef(current, nearestMountedAncestor) {
+      try {
+        commitAttachRef(current);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      }
+    }
+
+    function safelyDetachRef(current, nearestMountedAncestor) {
+      var ref = current.ref;
+      var refCleanup = current.refCleanup;
+
+      if (ref !== null) {
+        if (typeof refCleanup === "function") {
+          try {
+            if (shouldProfile(current)) {
+              try {
+                startLayoutEffectTimer();
+                refCleanup();
+              } finally {
+                recordLayoutEffectDuration(current);
+              }
+            } else {
+              refCleanup();
+            }
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
+          } finally {
+            // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+            current.refCleanup = null;
+            var finishedWork = current.alternate;
+
+            if (finishedWork != null) {
+              finishedWork.refCleanup = null;
+            }
+          }
+        } else if (typeof ref === "function") {
+          var retVal;
+
+          try {
+            if (shouldProfile(current)) {
+              try {
+                startLayoutEffectTimer();
+                retVal = ref(null);
+              } finally {
+                recordLayoutEffectDuration(current);
+              }
+            } else {
+              retVal = ref(null);
+            }
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
+          }
+
+          {
+            if (typeof retVal === "function") {
+              error(
+                "Unexpected return value from a callback ref in %s. " +
+                  "A callback ref should not return a function.",
+                getComponentNameFromFiber(current)
+              );
+            }
+          }
+        } else {
+          // $FlowFixMe[incompatible-use] unable to narrow type to RefObject
+          ref.current = null;
+        }
+      }
+    }
+
+    function safelyCallDestroy(current, nearestMountedAncestor, destroy) {
+      try {
+        destroy();
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      }
+    }
+    var shouldFireAfterActiveInstanceBlur = false;
+    function commitBeforeMutationEffects(root, firstChild) {
+      nextEffect = firstChild;
+      commitBeforeMutationEffects_begin(); // We no longer need to track the active instance fiber
+
+      var shouldFire = shouldFireAfterActiveInstanceBlur;
+      shouldFireAfterActiveInstanceBlur = false;
+      return shouldFire;
+    }
+
+    function commitBeforeMutationEffects_begin() {
+      while (nextEffect !== null) {
+        var fiber = nextEffect; // This phase is only used for beforeActiveInstanceBlur.
+
+        var child = fiber.child;
+
+        if (
+          (fiber.subtreeFlags & BeforeMutationMask) !== NoFlags$1 &&
+          child !== null
+        ) {
+          child.return = fiber;
+          nextEffect = child;
+        } else {
+          commitBeforeMutationEffects_complete();
+        }
+      }
+    }
+
+    function commitBeforeMutationEffects_complete() {
+      while (nextEffect !== null) {
+        var fiber = nextEffect;
+        setCurrentFiber(fiber);
+
+        try {
+          commitBeforeMutationEffectsOnFiber(fiber);
+        } catch (error) {
+          captureCommitPhaseError(fiber, fiber.return, error);
+        }
+
+        resetCurrentFiber();
+        var sibling = fiber.sibling;
+
+        if (sibling !== null) {
+          sibling.return = fiber.return;
+          nextEffect = sibling;
+          return;
+        }
+
+        nextEffect = fiber.return;
+      }
+    }
+
+    function commitBeforeMutationEffectsOnFiber(finishedWork) {
+      var current = finishedWork.alternate;
+      var flags = finishedWork.flags;
+
+      if ((flags & Snapshot) !== NoFlags$1) {
+        setCurrentFiber(finishedWork);
+      }
+
+      switch (finishedWork.tag) {
+        case FunctionComponent: {
+          break;
+        }
+
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          break;
+        }
+
+        case ClassComponent: {
+          if ((flags & Snapshot) !== NoFlags$1) {
+            if (current !== null) {
+              var prevProps = current.memoizedProps;
+              var prevState = current.memoizedState;
+              var instance = finishedWork.stateNode; // We could update instance props and state here,
+              // but instead we rely on them being set during last render.
+              // TODO: revisit this when we implement resuming.
+
+              {
                 if (
                   finishedWork.type === finishedWork.elementType &&
                   !didWarnAboutReassigningProps
@@ -18551,7 +20133,7 @@ function commitLayoutEffectOnFiber(
                   if (instance.props !== finishedWork.memoizedProps) {
                     error(
                       "Expected %s props to match memoized props before " +
-                        "componentDidUpdate. " +
+                        "getSnapshotBeforeUpdate. " +
                         "This might either be because of a bug in React, or because " +
                         "a component reassigns its own `this.props`. " +
                         "Please file an issue.",
@@ -18559,5566 +20141,7818 @@ function commitLayoutEffectOnFiber(
                     );
                   }
 
-                  if (instance.state !== finishedWork.memoizedState) {
-                    error(
-                      "Expected %s state to match memoized state before " +
-                        "componentDidUpdate. " +
-                        "This might either be because of a bug in React, or because " +
-                        "a component reassigns its own `this.state`. " +
-                        "Please file an issue.",
-                      getComponentNameFromFiber(finishedWork) || "instance"
-                    );
-                  }
-                }
+                  if (instance.state !== finishedWork.memoizedState) {
+                    error(
+                      "Expected %s state to match memoized state before " +
+                        "getSnapshotBeforeUpdate. " +
+                        "This might either be because of a bug in React, or because " +
+                        "a component reassigns its own `this.state`. " +
+                        "Please file an issue.",
+                      getComponentNameFromFiber(finishedWork) || "instance"
+                    );
+                  }
+                }
+              }
+
+              var snapshot = instance.getSnapshotBeforeUpdate(
+                finishedWork.elementType === finishedWork.type
+                  ? prevProps
+                  : resolveDefaultProps(finishedWork.type, prevProps),
+                prevState
+              );
+
+              {
+                var didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
+
+                if (
+                  snapshot === undefined &&
+                  !didWarnSet.has(finishedWork.type)
+                ) {
+                  didWarnSet.add(finishedWork.type);
+
+                  error(
+                    "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
+                      "must be returned. You have returned undefined.",
+                    getComponentNameFromFiber(finishedWork)
+                  );
+                }
+              }
+
+              instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+            }
+          }
+
+          break;
+        }
+
+        case HostRoot: {
+          break;
+        }
+
+        case HostComponent:
+        case HostHoistable:
+        case HostSingleton:
+        case HostText:
+        case HostPortal:
+        case IncompleteClassComponent:
+          // Nothing to do for these component types
+          break;
+
+        default: {
+          if ((flags & Snapshot) !== NoFlags$1) {
+            throw new Error(
+              "This unit of work tag should not have side-effects. This error is " +
+                "likely caused by a bug in React. Please file an issue."
+            );
+          }
+        }
+      }
+
+      if ((flags & Snapshot) !== NoFlags$1) {
+        resetCurrentFiber();
+      }
+    }
+
+    function commitHookEffectListUnmount(
+      flags,
+      finishedWork,
+      nearestMountedAncestor
+    ) {
+      var updateQueue = finishedWork.updateQueue;
+      var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
+
+      if (lastEffect !== null) {
+        var firstEffect = lastEffect.next;
+        var effect = firstEffect;
+
+        do {
+          if ((effect.tag & flags) === flags) {
+            // Unmount
+            var inst = effect.inst;
+            var destroy = inst.destroy;
+
+            if (destroy !== undefined) {
+              inst.destroy = undefined;
+
+              {
+                if ((flags & Insertion) !== NoFlags) {
+                  setIsRunningInsertionEffect(true);
+                }
+              }
+
+              safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy);
+
+              {
+                if ((flags & Insertion) !== NoFlags) {
+                  setIsRunningInsertionEffect(false);
+                }
+              }
+            }
+          }
+
+          effect = effect.next;
+        } while (effect !== firstEffect);
+      }
+    }
+
+    function commitHookEffectListMount(flags, finishedWork) {
+      var updateQueue = finishedWork.updateQueue;
+      var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
+
+      if (lastEffect !== null) {
+        var firstEffect = lastEffect.next;
+        var effect = firstEffect;
+
+        do {
+          if ((effect.tag & flags) === flags) {
+            var create = effect.create;
+
+            {
+              if ((flags & Insertion) !== NoFlags) {
+                setIsRunningInsertionEffect(true);
+              }
+            }
+
+            var inst = effect.inst;
+            var destroy = create();
+            inst.destroy = destroy;
+
+            {
+              if ((flags & Insertion) !== NoFlags) {
+                setIsRunningInsertionEffect(false);
+              }
+            }
+
+            {
+              if (destroy !== undefined && typeof destroy !== "function") {
+                var hookName = void 0;
+
+                if ((effect.tag & Layout) !== NoFlags$1) {
+                  hookName = "useLayoutEffect";
+                } else if ((effect.tag & Insertion) !== NoFlags$1) {
+                  hookName = "useInsertionEffect";
+                } else {
+                  hookName = "useEffect";
+                }
+
+                var addendum = void 0;
+
+                if (destroy === null) {
+                  addendum =
+                    " You returned null. If your effect does not require clean " +
+                    "up, return undefined (or nothing).";
+                } else if (typeof destroy.then === "function") {
+                  addendum =
+                    "\n\nIt looks like you wrote " +
+                    hookName +
+                    "(async () => ...) or returned a Promise. " +
+                    "Instead, write the async function inside your effect " +
+                    "and call it immediately:\n\n" +
+                    hookName +
+                    "(() => {\n" +
+                    "  async function fetchData() {\n" +
+                    "    // You can await here\n" +
+                    "    const response = await MyAPI.getData(someId);\n" +
+                    "    // ...\n" +
+                    "  }\n" +
+                    "  fetchData();\n" +
+                    "}, [someId]); // Or [] if effect doesn't need props or state\n\n" +
+                    "Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-fetching";
+                } else {
+                  addendum = " You returned: " + destroy;
+                }
+
+                error(
+                  "%s must not return anything besides a function, " +
+                    "which is used for clean-up.%s",
+                  hookName,
+                  addendum
+                );
+              }
+            }
+          }
+
+          effect = effect.next;
+        } while (effect !== firstEffect);
+      }
+    }
+
+    function commitPassiveEffectDurations(finishedRoot, finishedWork) {
+      if (getExecutionContext() & CommitContext) {
+        // Only Profilers with work in their subtree will have an Update effect scheduled.
+        if ((finishedWork.flags & Update) !== NoFlags$1) {
+          switch (finishedWork.tag) {
+            case Profiler: {
+              var passiveEffectDuration =
+                finishedWork.stateNode.passiveEffectDuration;
+              var _finishedWork$memoize = finishedWork.memoizedProps,
+                id = _finishedWork$memoize.id,
+                onPostCommit = _finishedWork$memoize.onPostCommit; // This value will still reflect the previous commit phase.
+              // It does not get reset until the start of the next commit phase.
+
+              var commitTime = getCommitTime();
+              var phase = finishedWork.alternate === null ? "mount" : "update";
+
+              {
+                if (isCurrentUpdateNested()) {
+                  phase = "nested-update";
+                }
+              }
+
+              if (typeof onPostCommit === "function") {
+                onPostCommit(id, phase, passiveEffectDuration, commitTime);
+              } // Bubble times to the next nearest ancestor Profiler.
+              // After we process that Profiler, we'll bubble further up.
+
+              var parentFiber = finishedWork.return;
+
+              outer: while (parentFiber !== null) {
+                switch (parentFiber.tag) {
+                  case HostRoot:
+                    var root = parentFiber.stateNode;
+                    root.passiveEffectDuration += passiveEffectDuration;
+                    break outer;
+
+                  case Profiler:
+                    var parentStateNode = parentFiber.stateNode;
+                    parentStateNode.passiveEffectDuration +=
+                      passiveEffectDuration;
+                    break outer;
+                }
+
+                parentFiber = parentFiber.return;
+              }
+
+              break;
+            }
+          }
+        }
+      }
+    }
+
+    function commitHookLayoutEffects(finishedWork, hookFlags) {
+      // At this point layout effects have already been destroyed (during mutation phase).
+      // This is done to prevent sibling component effects from interfering with each other,
+      // e.g. a destroy function in one component should never override a ref set
+      // by a create function in another component during the same commit.
+      if (shouldProfile(finishedWork)) {
+        try {
+          startLayoutEffectTimer();
+          commitHookEffectListMount(hookFlags, finishedWork);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+
+        recordLayoutEffectDuration(finishedWork);
+      } else {
+        try {
+          commitHookEffectListMount(hookFlags, finishedWork);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+    }
+
+    function commitClassLayoutLifecycles(finishedWork, current) {
+      var instance = finishedWork.stateNode;
+
+      if (current === null) {
+        // We could update instance props and state here,
+        // but instead we rely on them being set during last render.
+        // TODO: revisit this when we implement resuming.
+        {
+          if (
+            finishedWork.type === finishedWork.elementType &&
+            !didWarnAboutReassigningProps
+          ) {
+            if (instance.props !== finishedWork.memoizedProps) {
+              error(
+                "Expected %s props to match memoized props before " +
+                  "componentDidMount. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.props`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+
+            if (instance.state !== finishedWork.memoizedState) {
+              error(
+                "Expected %s state to match memoized state before " +
+                  "componentDidMount. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.state`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+          }
+        }
+
+        if (shouldProfile(finishedWork)) {
+          try {
+            startLayoutEffectTimer();
+            instance.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+
+          recordLayoutEffectDuration(finishedWork);
+        } else {
+          try {
+            instance.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+        }
+      } else {
+        var prevProps =
+          finishedWork.elementType === finishedWork.type
+            ? current.memoizedProps
+            : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+        var prevState = current.memoizedState; // We could update instance props and state here,
+        // but instead we rely on them being set during last render.
+        // TODO: revisit this when we implement resuming.
+
+        {
+          if (
+            finishedWork.type === finishedWork.elementType &&
+            !didWarnAboutReassigningProps
+          ) {
+            if (instance.props !== finishedWork.memoizedProps) {
+              error(
+                "Expected %s props to match memoized props before " +
+                  "componentDidUpdate. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.props`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+
+            if (instance.state !== finishedWork.memoizedState) {
+              error(
+                "Expected %s state to match memoized state before " +
+                  "componentDidUpdate. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.state`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+          }
+        }
+
+        if (shouldProfile(finishedWork)) {
+          try {
+            startLayoutEffectTimer();
+            instance.componentDidUpdate(
+              prevProps,
+              prevState,
+              instance.__reactInternalSnapshotBeforeUpdate
+            );
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+
+          recordLayoutEffectDuration(finishedWork);
+        } else {
+          try {
+            instance.componentDidUpdate(
+              prevProps,
+              prevState,
+              instance.__reactInternalSnapshotBeforeUpdate
+            );
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+        }
+      }
+    }
+
+    function commitClassCallbacks(finishedWork) {
+      // TODO: I think this is now always non-null by the time it reaches the
+      // commit phase. Consider removing the type check.
+      var updateQueue = finishedWork.updateQueue;
+
+      if (updateQueue !== null) {
+        var instance = finishedWork.stateNode;
+
+        {
+          if (
+            finishedWork.type === finishedWork.elementType &&
+            !didWarnAboutReassigningProps
+          ) {
+            if (instance.props !== finishedWork.memoizedProps) {
+              error(
+                "Expected %s props to match memoized props before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.props`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+
+            if (instance.state !== finishedWork.memoizedState) {
+              error(
+                "Expected %s state to match memoized state before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.state`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+          }
+        } // We could update instance props and state here,
+        // but instead we rely on them being set during last render.
+        // TODO: revisit this when we implement resuming.
+
+        try {
+          commitCallbacks(updateQueue, instance);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+    }
+
+    function commitHostComponentMount(finishedWork) {
+      var type = finishedWork.type;
+      var props = finishedWork.memoizedProps;
+      var instance = finishedWork.stateNode;
+
+      try {
+        commitMount(instance, type, props, finishedWork);
+      } catch (error) {
+        captureCommitPhaseError(finishedWork, finishedWork.return, error);
+      }
+    }
+
+    function commitProfilerUpdate(finishedWork, current) {
+      if (getExecutionContext() & CommitContext) {
+        try {
+          var _finishedWork$memoize2 = finishedWork.memoizedProps,
+            onCommit = _finishedWork$memoize2.onCommit,
+            onRender = _finishedWork$memoize2.onRender;
+          var effectDuration = finishedWork.stateNode.effectDuration;
+          var commitTime = getCommitTime();
+          var phase = current === null ? "mount" : "update";
+
+          if (enableProfilerNestedUpdatePhase) {
+            if (isCurrentUpdateNested()) {
+              phase = "nested-update";
+            }
+          }
+
+          if (typeof onRender === "function") {
+            onRender(
+              finishedWork.memoizedProps.id,
+              phase,
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              commitTime
+            );
+          }
+
+          if (enableProfilerCommitHooks) {
+            if (typeof onCommit === "function") {
+              onCommit(
+                finishedWork.memoizedProps.id,
+                phase,
+                effectDuration,
+                commitTime
+              );
+            } // Schedule a passive effect for this Profiler to call onPostCommit hooks.
+            // This effect should be scheduled even if there is no onPostCommit callback for this Profiler,
+            // because the effect is also where times bubble to parent Profilers.
+
+            enqueuePendingPassiveProfilerEffect(finishedWork); // Propagate layout effect durations to the next nearest Profiler ancestor.
+            // Do not reset these values until the next render so DevTools has a chance to read them first.
+
+            var parentFiber = finishedWork.return;
+
+            outer: while (parentFiber !== null) {
+              switch (parentFiber.tag) {
+                case HostRoot:
+                  var root = parentFiber.stateNode;
+                  root.effectDuration += effectDuration;
+                  break outer;
+
+                case Profiler:
+                  var parentStateNode = parentFiber.stateNode;
+                  parentStateNode.effectDuration += effectDuration;
+                  break outer;
+              }
+
+              parentFiber = parentFiber.return;
+            }
+          }
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+    }
+
+    function commitLayoutEffectOnFiber(
+      finishedRoot,
+      current,
+      finishedWork,
+      committedLanes
+    ) {
+      // When updating this function, also update reappearLayoutEffects, which does
+      // most of the same things when an offscreen tree goes from hidden -> visible.
+      var flags = finishedWork.flags;
+
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+
+          if (flags & Update) {
+            commitHookLayoutEffects(finishedWork, Layout | HasEffect);
+          }
+
+          break;
+        }
+
+        case ClassComponent: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+
+          if (flags & Update) {
+            commitClassLayoutLifecycles(finishedWork, current);
+          }
+
+          if (flags & Callback) {
+            commitClassCallbacks(finishedWork);
+          }
+
+          if (flags & Ref) {
+            safelyAttachRef(finishedWork, finishedWork.return);
+          }
+
+          break;
+        }
+
+        case HostRoot: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+
+          if (flags & Callback) {
+            // TODO: I think this is now always non-null by the time it reaches the
+            // commit phase. Consider removing the type check.
+            var updateQueue = finishedWork.updateQueue;
+
+            if (updateQueue !== null) {
+              var instance = null;
+
+              if (finishedWork.child !== null) {
+                switch (finishedWork.child.tag) {
+                  case HostSingleton:
+                  case HostComponent:
+                    instance = getPublicInstance(finishedWork.child.stateNode);
+                    break;
+
+                  case ClassComponent:
+                    instance = finishedWork.child.stateNode;
+                    break;
+                }
+              }
+
+              try {
+                commitCallbacks(updateQueue, instance);
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
+            }
+          }
+
+          break;
+        }
+
+        case HostHoistable:
+
+        case HostSingleton:
+        case HostComponent: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork); // Renderers may schedule work to be done after host components are mounted
+          // (eg DOM renderer may schedule auto-focus for inputs and form controls).
+          // These effects should only be committed when components are first mounted,
+          // aka when there is no current/alternate.
+
+          if (current === null && flags & Update) {
+            commitHostComponentMount(finishedWork);
+          }
+
+          if (flags & Ref) {
+            safelyAttachRef(finishedWork, finishedWork.return);
+          }
+
+          break;
+        }
+
+        case Profiler: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork); // TODO: Should this fire inside an offscreen tree? Or should it wait to
+          // fire when the tree becomes visible again.
+
+          if (flags & Update) {
+            commitProfilerUpdate(finishedWork, current);
+          }
+
+          break;
+        }
+
+        case SuspenseComponent: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+
+          break;
+        }
+
+        case OffscreenComponent: {
+          var isModernRoot = (finishedWork.mode & ConcurrentMode) !== NoMode;
+
+          if (isModernRoot) {
+            var isHidden = finishedWork.memoizedState !== null;
+            var newOffscreenSubtreeIsHidden =
+              isHidden || offscreenSubtreeIsHidden;
+
+            if (newOffscreenSubtreeIsHidden);
+            else {
+              // The Offscreen tree is visible.
+              var wasHidden =
+                current !== null && current.memoizedState !== null;
+              var newOffscreenSubtreeWasHidden =
+                wasHidden || offscreenSubtreeWasHidden;
+              var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden;
+              var prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+              offscreenSubtreeIsHidden = newOffscreenSubtreeIsHidden;
+              offscreenSubtreeWasHidden = newOffscreenSubtreeWasHidden;
+
+              if (offscreenSubtreeWasHidden && !prevOffscreenSubtreeWasHidden) {
+                // This is the root of a reappearing boundary. As we continue
+                // traversing the layout effects, we must also re-mount layout
+                // effects that were unmounted when the Offscreen subtree was
+                // hidden. So this is a superset of the normal commitLayoutEffects.
+                var includeWorkInProgressEffects =
+                  (finishedWork.subtreeFlags & LayoutMask) !== NoFlags$1;
+                recursivelyTraverseReappearLayoutEffects(
+                  finishedRoot,
+                  finishedWork,
+                  includeWorkInProgressEffects
+                );
+              } else {
+                recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+              }
+
+              offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+              offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+            }
+          } else {
+            recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+          }
+
+          if (flags & Ref) {
+            var props = finishedWork.memoizedProps;
+
+            if (props.mode === "manual") {
+              safelyAttachRef(finishedWork, finishedWork.return);
+            } else {
+              safelyDetachRef(finishedWork, finishedWork.return);
+            }
+          }
+
+          break;
+        }
+
+        default: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+          break;
+        }
+      }
+    }
+
+    function commitAttachRef(finishedWork) {
+      var ref = finishedWork.ref;
+
+      if (ref !== null) {
+        var instance = finishedWork.stateNode;
+        var instanceToUse;
+
+        switch (finishedWork.tag) {
+          case HostHoistable:
+          case HostSingleton:
+          case HostComponent:
+            instanceToUse = getPublicInstance(instance);
+            break;
+
+          default:
+            instanceToUse = instance;
+        } // Moved outside to ensure DCE works with this flag
+
+        if (typeof ref === "function") {
+          if (shouldProfile(finishedWork)) {
+            try {
+              startLayoutEffectTimer();
+              finishedWork.refCleanup = ref(instanceToUse);
+            } finally {
+              recordLayoutEffectDuration(finishedWork);
+            }
+          } else {
+            finishedWork.refCleanup = ref(instanceToUse);
+          }
+        } else {
+          {
+            if (!ref.hasOwnProperty("current")) {
+              error(
+                "Unexpected ref object provided for %s. " +
+                  "Use either a ref-setter function or React.createRef().",
+                getComponentNameFromFiber(finishedWork)
+              );
+            }
+          } // $FlowFixMe[incompatible-use] unable to narrow type to the non-function case
+
+          ref.current = instanceToUse;
+        }
+      }
+    }
+
+    function detachFiberMutation(fiber) {
+      // Cut off the return pointer to disconnect it from the tree.
+      // This enables us to detect and warn against state updates on an unmounted component.
+      // It also prevents events from bubbling from within disconnected components.
+      //
+      // Ideally, we should also clear the child pointer of the parent alternate to let this
+      // get GC:ed but we don't know which for sure which parent is the current
+      // one so we'll settle for GC:ing the subtree of this child.
+      // This child itself will be GC:ed when the parent updates the next time.
+      //
+      // Note that we can't clear child or sibling pointers yet.
+      // They're needed for passive effects and for findDOMNode.
+      // We defer those fields, and all other cleanup, to the passive phase (see detachFiberAfterEffects).
+      //
+      // Don't reset the alternate yet, either. We need that so we can detach the
+      // alternate's fields in the passive phase. Clearing the return pointer is
+      // sufficient for findDOMNode semantics.
+      var alternate = fiber.alternate;
+
+      if (alternate !== null) {
+        alternate.return = null;
+      }
+
+      fiber.return = null;
+    }
+
+    function detachFiberAfterEffects(fiber) {
+      var alternate = fiber.alternate;
+
+      if (alternate !== null) {
+        fiber.alternate = null;
+        detachFiberAfterEffects(alternate);
+      } // Clear cyclical Fiber fields. This level alone is designed to roughly
+      // approximate the planned Fiber refactor. In that world, `setState` will be
+      // bound to a special "instance" object instead of a Fiber. The Instance
+      // object will not have any of these fields. It will only be connected to
+      // the fiber tree via a single link at the root. So if this level alone is
+      // sufficient to fix memory issues, that bodes well for our plans.
+
+      fiber.child = null;
+      fiber.deletions = null;
+      fiber.sibling = null; // The `stateNode` is cyclical because on host nodes it points to the host
+
+      fiber.stateNode = null;
+
+      {
+        fiber._debugOwner = null;
+      } // Theoretically, nothing in here should be necessary, because we already
+      // disconnected the fiber from the tree. So even if something leaks this
+      // particular fiber, it won't leak anything else.
+
+      fiber.return = null;
+      fiber.dependencies = null;
+      fiber.memoizedProps = null;
+      fiber.memoizedState = null;
+      fiber.pendingProps = null;
+      fiber.stateNode = null; // TODO: Move to `commitPassiveUnmountInsideDeletedTreeOnFiber` instead.
+
+      fiber.updateQueue = null;
+    }
+
+    function emptyPortalContainer(current) {
+      createContainerChildSet();
+    }
+
+    function commitPlacement(finishedWork) {
+      {
+        return;
+      }
+    }
+
+    function commitDeletionEffects(root, returnFiber, deletedFiber) {
+      {
+        // Detach refs and call componentWillUnmount() on the whole subtree.
+        commitDeletionEffectsOnFiber(root, returnFiber, deletedFiber);
+      }
+
+      detachFiberMutation(deletedFiber);
+    }
+
+    function recursivelyTraverseDeletionEffects(
+      finishedRoot,
+      nearestMountedAncestor,
+      parent
+    ) {
+      // TODO: Use a static flag to skip trees that don't have unmount effects
+      var child = parent.child;
+
+      while (child !== null) {
+        commitDeletionEffectsOnFiber(
+          finishedRoot,
+          nearestMountedAncestor,
+          child
+        );
+        child = child.sibling;
+      }
+    }
+
+    function commitDeletionEffectsOnFiber(
+      finishedRoot,
+      nearestMountedAncestor,
+      deletedFiber
+    ) {
+      onCommitUnmount(deletedFiber); // The cases in this outer switch modify the stack before they traverse
+      // into their subtree. There are simpler cases in the inner switch
+      // that don't modify the stack.
+
+      switch (deletedFiber.tag) {
+        case HostHoistable:
+
+        case HostSingleton:
+
+        case HostComponent: {
+          if (!offscreenSubtreeWasHidden) {
+            safelyDetachRef(deletedFiber, nearestMountedAncestor);
+          } // Intentional fallthrough to next branch
+        }
+
+        case HostText: {
+          // We only need to remove the nearest host child. Set the host parent
+          // to `null` on the stack to indicate that nested children don't
+          // need to be removed.
+          {
+            recursivelyTraverseDeletionEffects(
+              finishedRoot,
+              nearestMountedAncestor,
+              deletedFiber
+            );
+          }
+
+          return;
+        }
+
+        case DehydratedFragment: {
+          return;
+        }
+
+        case HostPortal: {
+          {
+            emptyPortalContainer();
+            recursivelyTraverseDeletionEffects(
+              finishedRoot,
+              nearestMountedAncestor,
+              deletedFiber
+            );
+          }
+
+          return;
+        }
+
+        case FunctionComponent:
+        case ForwardRef:
+        case MemoComponent:
+        case SimpleMemoComponent: {
+          if (!offscreenSubtreeWasHidden) {
+            var updateQueue = deletedFiber.updateQueue;
+
+            if (updateQueue !== null) {
+              var lastEffect = updateQueue.lastEffect;
+
+              if (lastEffect !== null) {
+                var firstEffect = lastEffect.next;
+                var effect = firstEffect;
+
+                do {
+                  var tag = effect.tag;
+                  var inst = effect.inst;
+                  var destroy = inst.destroy;
+
+                  if (destroy !== undefined) {
+                    if ((tag & Insertion) !== NoFlags) {
+                      inst.destroy = undefined;
+                      safelyCallDestroy(
+                        deletedFiber,
+                        nearestMountedAncestor,
+                        destroy
+                      );
+                    } else if ((tag & Layout) !== NoFlags) {
+                      if (shouldProfile(deletedFiber)) {
+                        startLayoutEffectTimer();
+                        inst.destroy = undefined;
+                        safelyCallDestroy(
+                          deletedFiber,
+                          nearestMountedAncestor,
+                          destroy
+                        );
+                        recordLayoutEffectDuration(deletedFiber);
+                      } else {
+                        inst.destroy = undefined;
+                        safelyCallDestroy(
+                          deletedFiber,
+                          nearestMountedAncestor,
+                          destroy
+                        );
+                      }
+                    }
+                  }
+
+                  effect = effect.next;
+                } while (effect !== firstEffect);
+              }
+            }
+          }
+
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
+          return;
+        }
+
+        case ClassComponent: {
+          if (!offscreenSubtreeWasHidden) {
+            safelyDetachRef(deletedFiber, nearestMountedAncestor);
+            var instance = deletedFiber.stateNode;
+
+            if (typeof instance.componentWillUnmount === "function") {
+              safelyCallComponentWillUnmount(
+                deletedFiber,
+                nearestMountedAncestor,
+                instance
+              );
+            }
+          }
+
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
+          return;
+        }
+
+        case ScopeComponent: {
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
+          return;
+        }
+
+        case OffscreenComponent: {
+          safelyDetachRef(deletedFiber, nearestMountedAncestor);
+
+          if (deletedFiber.mode & ConcurrentMode) {
+            // If this offscreen component is hidden, we already unmounted it. Before
+            // deleting the children, track that it's already unmounted so that we
+            // don't attempt to unmount the effects again.
+            // TODO: If the tree is hidden, in most cases we should be able to skip
+            // over the nested children entirely. An exception is we haven't yet found
+            // the topmost host node to delete, which we already track on the stack.
+            // But the other case is portals, which need to be detached no matter how
+            // deeply they are nested. We should use a subtree flag to track whether a
+            // subtree includes a nested portal.
+            var prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+            offscreenSubtreeWasHidden =
+              prevOffscreenSubtreeWasHidden ||
+              deletedFiber.memoizedState !== null;
+            recursivelyTraverseDeletionEffects(
+              finishedRoot,
+              nearestMountedAncestor,
+              deletedFiber
+            );
+            offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+          } else {
+            recursivelyTraverseDeletionEffects(
+              finishedRoot,
+              nearestMountedAncestor,
+              deletedFiber
+            );
+          }
+
+          break;
+        }
+
+        default: {
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
+          return;
+        }
+      }
+    }
+
+    function commitSuspenseCallback(finishedWork) {}
+
+    function getRetryCache(finishedWork) {
+      // TODO: Unify the interface for the retry cache so we don't have to switch
+      // on the tag like this.
+      switch (finishedWork.tag) {
+        case SuspenseComponent:
+        case SuspenseListComponent: {
+          var retryCache = finishedWork.stateNode;
+
+          if (retryCache === null) {
+            retryCache = finishedWork.stateNode = new PossiblyWeakSet();
+          }
+
+          return retryCache;
+        }
+
+        case OffscreenComponent: {
+          var instance = finishedWork.stateNode;
+          var _retryCache = instance._retryCache;
+
+          if (_retryCache === null) {
+            _retryCache = instance._retryCache = new PossiblyWeakSet();
+          }
+
+          return _retryCache;
+        }
+
+        default: {
+          throw new Error(
+            "Unexpected Suspense handler tag (" +
+              finishedWork.tag +
+              "). This is a " +
+              "bug in React."
+          );
+        }
+      }
+    }
+
+    function detachOffscreenInstance(instance) {
+      var fiber = instance._current;
+
+      if (fiber === null) {
+        throw new Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      }
+
+      if ((instance._pendingVisibility & OffscreenDetached) !== NoFlags$1) {
+        // The instance is already detached, this is a noop.
+        return;
+      } // TODO: There is an opportunity to optimise this by not entering commit phase
+      // and unmounting effects directly.
+
+      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+
+      if (root !== null) {
+        instance._pendingVisibility |= OffscreenDetached;
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
+      }
+    }
+    function attachOffscreenInstance(instance) {
+      var fiber = instance._current;
+
+      if (fiber === null) {
+        throw new Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      }
+
+      if ((instance._pendingVisibility & OffscreenDetached) === NoFlags$1) {
+        // The instance is already attached, this is a noop.
+        return;
+      }
+
+      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+
+      if (root !== null) {
+        instance._pendingVisibility &= ~OffscreenDetached;
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
+      }
+    }
+
+    function attachSuspenseRetryListeners(finishedWork, wakeables) {
+      // If this boundary just timed out, then it will have a set of wakeables.
+      // For each wakeable, attach a listener so that when it resolves, React
+      // attempts to re-render the boundary in the primary (pre-timeout) state.
+      var retryCache = getRetryCache(finishedWork);
+      wakeables.forEach(function (wakeable) {
+        // Memoize using the boundary fiber to prevent redundant listeners.
+        var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
+
+        if (!retryCache.has(wakeable)) {
+          retryCache.add(wakeable);
+
+          {
+            if (isDevToolsPresent) {
+              if (inProgressLanes !== null && inProgressRoot !== null) {
+                // If we have pending work still, associate the original updaters with it.
+                restorePendingUpdaters(inProgressRoot, inProgressLanes);
+              } else {
+                throw Error(
+                  "Expected finished root and lanes to be set. This is a bug in React."
+                );
+              }
+            }
+          }
+
+          wakeable.then(retry, retry);
+        }
+      });
+    } // This function detects when a Suspense boundary goes from visible to hidden.
+    function commitMutationEffects(root, finishedWork, committedLanes) {
+      inProgressLanes = committedLanes;
+      inProgressRoot = root;
+      setCurrentFiber(finishedWork);
+      commitMutationEffectsOnFiber(finishedWork, root);
+      setCurrentFiber(finishedWork);
+      inProgressLanes = null;
+      inProgressRoot = null;
+    }
+
+    function recursivelyTraverseMutationEffects(root, parentFiber, lanes) {
+      // Deletions effects can be scheduled on any fiber type. They need to happen
+      // before the children effects hae fired.
+      var deletions = parentFiber.deletions;
+
+      if (deletions !== null) {
+        for (var i = 0; i < deletions.length; i++) {
+          var childToDelete = deletions[i];
+
+          try {
+            commitDeletionEffects(root, parentFiber, childToDelete);
+          } catch (error) {
+            captureCommitPhaseError(childToDelete, parentFiber, error);
+          }
+        }
+      }
+
+      var prevDebugFiber = getCurrentFiber();
+
+      if (parentFiber.subtreeFlags & MutationMask) {
+        var child = parentFiber.child;
+
+        while (child !== null) {
+          setCurrentFiber(child);
+          commitMutationEffectsOnFiber(child, root);
+          child = child.sibling;
+        }
+      }
+
+      setCurrentFiber(prevDebugFiber);
+    }
+
+    function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
+      var current = finishedWork.alternate;
+      var flags = finishedWork.flags; // The effect flag should be checked *after* we refine the type of fiber,
+      // because the fiber tag is more specific. An exception is any flag related
+      // to reconciliation, because those can be set on all fiber types.
+
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case MemoComponent:
+        case SimpleMemoComponent: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
+
+          if (flags & Update) {
+            try {
+              commitHookEffectListUnmount(
+                Insertion | HasEffect,
+                finishedWork,
+                finishedWork.return
+              );
+              commitHookEffectListMount(Insertion | HasEffect, finishedWork);
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            } // Layout effects are destroyed during the mutation phase so that all
+            // destroy functions for all fibers are called before any create functions.
+            // This prevents sibling component effects from interfering with each other,
+            // e.g. a destroy function in one component should never override a ref set
+            // by a create function in another component during the same commit.
+
+            if (shouldProfile(finishedWork)) {
+              try {
+                startLayoutEffectTimer();
+                commitHookEffectListUnmount(
+                  Layout | HasEffect,
+                  finishedWork,
+                  finishedWork.return
+                );
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
+
+              recordLayoutEffectDuration(finishedWork);
+            } else {
+              try {
+                commitHookEffectListUnmount(
+                  Layout | HasEffect,
+                  finishedWork,
+                  finishedWork.return
+                );
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
+            }
+          }
+
+          return;
+        }
+
+        case ClassComponent: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
+
+          if (flags & Ref) {
+            if (current !== null) {
+              safelyDetachRef(current, current.return);
+            }
+          }
+
+          if (flags & Callback && offscreenSubtreeIsHidden) {
+            var updateQueue = finishedWork.updateQueue;
+
+            if (updateQueue !== null) {
+              deferHiddenCallbacks(updateQueue);
+            }
+          }
+
+          return;
+        }
+
+        case HostHoistable:
+
+        case HostSingleton:
+
+        case HostComponent: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
+
+          if (flags & Ref) {
+            if (current !== null) {
+              safelyDetachRef(current, current.return);
+            }
+          }
+
+          return;
+        }
+
+        case HostText: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
+
+          return;
+        }
+
+        case HostRoot: {
+          {
+            recursivelyTraverseMutationEffects(root, finishedWork);
+            commitReconciliationEffects(finishedWork);
+          }
+
+          if (flags & Update) {
+            {
+              var containerInfo = root.containerInfo;
+              var pendingChildren = root.pendingChildren;
+
+              try {
+                replaceContainerChildren(containerInfo, pendingChildren);
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
+            }
+          }
+
+          return;
+        }
+
+        case HostPortal: {
+          {
+            recursivelyTraverseMutationEffects(root, finishedWork);
+            commitReconciliationEffects(finishedWork);
+          }
+
+          if (flags & Update) {
+            {
+              var portal = finishedWork.stateNode;
+              var _containerInfo = portal.containerInfo;
+              var _pendingChildren = portal.pendingChildren;
+
+              try {
+                replaceContainerChildren(_containerInfo, _pendingChildren);
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
+            }
+          }
+
+          return;
+        }
+
+        case SuspenseComponent: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork); // TODO: We should mark a flag on the Suspense fiber itself, rather than
+          // relying on the Offscreen fiber having a flag also being marked. The
+          // reason is that this offscreen fiber might not be part of the work-in-
+          // progress tree! It could have been reused from a previous render. This
+          // doesn't lead to incorrect behavior because we don't rely on the flag
+          // check alone; we also compare the states explicitly below. But for
+          // modeling purposes, we _should_ be able to rely on the flag check alone.
+          // So this is a bit fragile.
+          //
+          // Also, all this logic could/should move to the passive phase so it
+          // doesn't block paint.
+
+          var offscreenFiber = finishedWork.child;
+
+          if (offscreenFiber.flags & Visibility) {
+            // Throttle the appearance and disappearance of Suspense fallbacks.
+            var isShowingFallback = finishedWork.memoizedState !== null;
+            var wasShowingFallback =
+              current !== null && current.memoizedState !== null;
+
+            {
+              if (isShowingFallback && !wasShowingFallback) {
+                // Old behavior. Only mark when a fallback appears, not when
+                // it disappears.
+                markCommitTimeOfFallback();
+              }
+            }
+          }
+
+          if (flags & Update) {
+            try {
+              commitSuspenseCallback(finishedWork);
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            }
+
+            var retryQueue = finishedWork.updateQueue;
+
+            if (retryQueue !== null) {
+              finishedWork.updateQueue = null;
+              attachSuspenseRetryListeners(finishedWork, retryQueue);
+            }
+          }
+
+          return;
+        }
+
+        case OffscreenComponent: {
+          if (flags & Ref) {
+            if (current !== null) {
+              safelyDetachRef(current, current.return);
+            }
+          }
+
+          var newState = finishedWork.memoizedState;
+          var isHidden = newState !== null;
+          var wasHidden = current !== null && current.memoizedState !== null;
+
+          if (finishedWork.mode & ConcurrentMode) {
+            // Before committing the children, track on the stack whether this
+            // offscreen subtree was already hidden, so that we don't unmount the
+            // effects again.
+            var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden;
+            var prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+            offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden || isHidden;
+            offscreenSubtreeWasHidden =
+              prevOffscreenSubtreeWasHidden || wasHidden;
+            recursivelyTraverseMutationEffects(root, finishedWork);
+            offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+            offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+          } else {
+            recursivelyTraverseMutationEffects(root, finishedWork);
+          }
+
+          commitReconciliationEffects(finishedWork);
+          var offscreenInstance = finishedWork.stateNode; // TODO: Add explicit effect flag to set _current.
+
+          offscreenInstance._current = finishedWork; // Offscreen stores pending changes to visibility in `_pendingVisibility`. This is
+          // to support batching of `attach` and `detach` calls.
+
+          offscreenInstance._visibility &= ~OffscreenDetached;
+          offscreenInstance._visibility |=
+            offscreenInstance._pendingVisibility & OffscreenDetached;
+
+          if (flags & Visibility) {
+            // Track the current state on the Offscreen instance so we can
+            // read it during an event
+            if (isHidden) {
+              offscreenInstance._visibility &= ~OffscreenVisible;
+            } else {
+              offscreenInstance._visibility |= OffscreenVisible;
+            }
+
+            if (isHidden) {
+              var isUpdate = current !== null;
+              var wasHiddenByAncestorOffscreen =
+                offscreenSubtreeIsHidden || offscreenSubtreeWasHidden; // Only trigger disapper layout effects if:
+              //   - This is an update, not first mount.
+              //   - This Offscreen was not hidden before.
+              //   - Ancestor Offscreen was not hidden in previous commit.
+
+              if (isUpdate && !wasHidden && !wasHiddenByAncestorOffscreen) {
+                if ((finishedWork.mode & ConcurrentMode) !== NoMode) {
+                  // Disappear the layout effects of all the children
+                  recursivelyTraverseDisappearLayoutEffects(finishedWork);
+                }
+              }
+            } // Offscreen with manual mode manages visibility manually.
+          } // TODO: Move to passive phase
+
+          if (flags & Update) {
+            var offscreenQueue = finishedWork.updateQueue;
+
+            if (offscreenQueue !== null) {
+              var _retryQueue = offscreenQueue.retryQueue;
+
+              if (_retryQueue !== null) {
+                offscreenQueue.retryQueue = null;
+                attachSuspenseRetryListeners(finishedWork, _retryQueue);
+              }
+            }
+          }
+
+          return;
+        }
+
+        case SuspenseListComponent: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
+
+          if (flags & Update) {
+            var _retryQueue2 = finishedWork.updateQueue;
+
+            if (_retryQueue2 !== null) {
+              finishedWork.updateQueue = null;
+              attachSuspenseRetryListeners(finishedWork, _retryQueue2);
+            }
+          }
+
+          return;
+        }
+
+        case ScopeComponent: {
+          return;
+        }
+
+        default: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
+          return;
+        }
+      }
+    }
+
+    function commitReconciliationEffects(finishedWork) {
+      // Placement effects (insertions, reorders) can be scheduled on any fiber
+      // type. They needs to happen after the children effects have fired, but
+      // before the effects on this fiber have fired.
+      var flags = finishedWork.flags;
+
+      if (flags & Placement) {
+        try {
+          commitPlacement(finishedWork);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        } // Clear the "placement" from effect tag so that we know that this is
+        // inserted, before any life-cycles like componentDidMount gets called.
+        // TODO: findDOMNode doesn't rely on this any more but isMounted does
+        // and isMounted is deprecated anyway so we should be able to kill this.
+
+        finishedWork.flags &= ~Placement;
+      }
+
+      if (flags & Hydrating) {
+        finishedWork.flags &= ~Hydrating;
+      }
+    }
+
+    function commitLayoutEffects(finishedWork, root, committedLanes) {
+      inProgressLanes = committedLanes;
+      inProgressRoot = root;
+      var current = finishedWork.alternate;
+      commitLayoutEffectOnFiber(root, current, finishedWork);
+      inProgressLanes = null;
+      inProgressRoot = null;
+    }
+
+    function recursivelyTraverseLayoutEffects(root, parentFiber, lanes) {
+      var prevDebugFiber = getCurrentFiber();
+
+      if (parentFiber.subtreeFlags & LayoutMask) {
+        var child = parentFiber.child;
+
+        while (child !== null) {
+          setCurrentFiber(child);
+          var current = child.alternate;
+          commitLayoutEffectOnFiber(root, current, child);
+          child = child.sibling;
+        }
+      }
+
+      setCurrentFiber(prevDebugFiber);
+    }
+
+    function disappearLayoutEffects(finishedWork) {
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case MemoComponent:
+        case SimpleMemoComponent: {
+          // TODO (Offscreen) Check: flags & LayoutStatic
+          if (shouldProfile(finishedWork)) {
+            try {
+              startLayoutEffectTimer();
+              commitHookEffectListUnmount(
+                Layout,
+                finishedWork,
+                finishedWork.return
+              );
+            } finally {
+              recordLayoutEffectDuration(finishedWork);
+            }
+          } else {
+            commitHookEffectListUnmount(
+              Layout,
+              finishedWork,
+              finishedWork.return
+            );
+          }
+
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+          break;
+        }
+
+        case ClassComponent: {
+          // TODO (Offscreen) Check: flags & RefStatic
+          safelyDetachRef(finishedWork, finishedWork.return);
+          var instance = finishedWork.stateNode;
+
+          if (typeof instance.componentWillUnmount === "function") {
+            safelyCallComponentWillUnmount(
+              finishedWork,
+              finishedWork.return,
+              instance
+            );
+          }
+
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+          break;
+        }
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          // TODO (Offscreen) Check: flags & RefStatic
+          safelyDetachRef(finishedWork, finishedWork.return);
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+          break;
+        }
+
+        case OffscreenComponent: {
+          // TODO (Offscreen) Check: flags & RefStatic
+          safelyDetachRef(finishedWork, finishedWork.return);
+          var isHidden = finishedWork.memoizedState !== null;
+
+          if (isHidden);
+          else {
+            recursivelyTraverseDisappearLayoutEffects(finishedWork);
+          }
+
+          break;
+        }
+
+        default: {
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+          break;
+        }
+      }
+    }
+
+    function recursivelyTraverseDisappearLayoutEffects(parentFiber) {
+      // TODO (Offscreen) Check: flags & (RefStatic | LayoutStatic)
+      var child = parentFiber.child;
+
+      while (child !== null) {
+        disappearLayoutEffects(child);
+        child = child.sibling;
+      }
+    }
+
+    function reappearLayoutEffects(
+      finishedRoot,
+      current,
+      finishedWork, // This function visits both newly finished work and nodes that were re-used
+      // from a previously committed tree. We cannot check non-static flags if the
+      // node was reused.
+      includeWorkInProgressEffects
+    ) {
+      // Turn on layout effects in a tree that previously disappeared.
+      var flags = finishedWork.flags;
+
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          ); // TODO: Check flags & LayoutStatic
+
+          commitHookLayoutEffects(finishedWork, Layout);
+          break;
+        }
+
+        case ClassComponent: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          ); // TODO: Check for LayoutStatic flag
+
+          var instance = finishedWork.stateNode;
+
+          if (typeof instance.componentDidMount === "function") {
+            try {
+              instance.componentDidMount();
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            }
+          } // Commit any callbacks that would have fired while the component
+          // was hidden.
+
+          var updateQueue = finishedWork.updateQueue;
+
+          if (updateQueue !== null) {
+            commitHiddenCallbacks(updateQueue, instance);
+          } // If this is newly finished work, check for setState callbacks
+
+          if (includeWorkInProgressEffects && flags & Callback) {
+            commitClassCallbacks(finishedWork);
+          } // TODO: Check flags & RefStatic
+
+          safelyAttachRef(finishedWork, finishedWork.return);
+          break;
+        }
+        // Unlike commitLayoutEffectsOnFiber, we don't need to handle HostRoot
+        // because this function only visits nodes that are inside an
+        // Offscreen fiber.
+        // case HostRoot: {
+        //  ...
+        // }
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          ); // Renderers may schedule work to be done after host components are mounted
+          // (eg DOM renderer may schedule auto-focus for inputs and form controls).
+          // These effects should only be committed when components are first mounted,
+          // aka when there is no current/alternate.
+
+          if (
+            includeWorkInProgressEffects &&
+            current === null &&
+            flags & Update
+          ) {
+            commitHostComponentMount(finishedWork);
+          } // TODO: Check flags & Ref
+
+          safelyAttachRef(finishedWork, finishedWork.return);
+          break;
+        }
+
+        case Profiler: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          ); // TODO: Figure out how Profiler updates should work with Offscreen
+
+          if (includeWorkInProgressEffects && flags & Update) {
+            commitProfilerUpdate(finishedWork, current);
+          }
+
+          break;
+        }
+
+        case SuspenseComponent: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          ); // TODO: Figure out how Suspense hydration callbacks should work
+
+          break;
+        }
+
+        case OffscreenComponent: {
+          var offscreenState = finishedWork.memoizedState;
+          var isHidden = offscreenState !== null;
+
+          if (isHidden);
+          else {
+            recursivelyTraverseReappearLayoutEffects(
+              finishedRoot,
+              finishedWork,
+              includeWorkInProgressEffects
+            );
+          } // TODO: Check flags & Ref
+
+          safelyAttachRef(finishedWork, finishedWork.return);
+          break;
+        }
+
+        default: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          );
+          break;
+        }
+      }
+    }
+
+    function recursivelyTraverseReappearLayoutEffects(
+      finishedRoot,
+      parentFiber,
+      includeWorkInProgressEffects
+    ) {
+      // This function visits both newly finished work and nodes that were re-used
+      // from a previously committed tree. We cannot check non-static flags if the
+      // node was reused.
+      var childShouldIncludeWorkInProgressEffects =
+        includeWorkInProgressEffects &&
+        (parentFiber.subtreeFlags & LayoutMask) !== NoFlags$1; // TODO (Offscreen) Check: flags & (RefStatic | LayoutStatic)
+
+      var prevDebugFiber = getCurrentFiber();
+      var child = parentFiber.child;
+
+      while (child !== null) {
+        var current = child.alternate;
+        reappearLayoutEffects(
+          finishedRoot,
+          current,
+          child,
+          childShouldIncludeWorkInProgressEffects
+        );
+        child = child.sibling;
+      }
+
+      setCurrentFiber(prevDebugFiber);
+    }
+
+    function commitHookPassiveMountEffects(finishedWork, hookFlags) {
+      if (shouldProfile(finishedWork)) {
+        startPassiveEffectTimer();
+
+        try {
+          commitHookEffectListMount(hookFlags, finishedWork);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+
+        recordPassiveEffectDuration(finishedWork);
+      } else {
+        try {
+          commitHookEffectListMount(hookFlags, finishedWork);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+    }
+
+    function commitPassiveMountEffects(
+      root,
+      finishedWork,
+      committedLanes,
+      committedTransitions
+    ) {
+      setCurrentFiber(finishedWork);
+      commitPassiveMountOnFiber(root, finishedWork);
+      resetCurrentFiber();
+    }
+
+    function recursivelyTraversePassiveMountEffects(
+      root,
+      parentFiber,
+      committedLanes,
+      committedTransitions
+    ) {
+      var prevDebugFiber = getCurrentFiber();
+
+      if (parentFiber.subtreeFlags & PassiveMask) {
+        var child = parentFiber.child;
+
+        while (child !== null) {
+          setCurrentFiber(child);
+          commitPassiveMountOnFiber(root, child);
+          child = child.sibling;
+        }
+      }
+
+      setCurrentFiber(prevDebugFiber);
+    }
+
+    function commitPassiveMountOnFiber(
+      finishedRoot,
+      finishedWork,
+      committedLanes,
+      committedTransitions
+    ) {
+      // When updating this function, also update reconnectPassiveEffects, which does
+      // most of the same things when an offscreen tree goes from hidden -> visible,
+      // or when toggling effects inside a hidden tree.
+      var flags = finishedWork.flags;
+
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+
+          if (flags & Passive$1) {
+            commitHookPassiveMountEffects(finishedWork, Passive | HasEffect);
+          }
+
+          break;
+        }
+
+        case HostRoot: {
+          recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+
+          break;
+        }
+
+        case LegacyHiddenComponent: {
+          break;
+        }
+
+        case OffscreenComponent: {
+          // TODO: Pass `current` as argument to this function
+          var _instance3 = finishedWork.stateNode;
+          var nextState = finishedWork.memoizedState;
+          var isHidden = nextState !== null;
+
+          if (isHidden) {
+            if (_instance3._visibility & OffscreenPassiveEffectsConnected) {
+              // The effects are currently connected. Update them.
+              recursivelyTraversePassiveMountEffects(
+                finishedRoot,
+                finishedWork
+              );
+            } else {
+              if (finishedWork.mode & ConcurrentMode);
+              else {
+                // Legacy Mode: Fire the effects even if the tree is hidden.
+                _instance3._visibility |= OffscreenPassiveEffectsConnected;
+                recursivelyTraversePassiveMountEffects(
+                  finishedRoot,
+                  finishedWork
+                );
+              }
+            }
+          } else {
+            // Tree is visible
+            if (_instance3._visibility & OffscreenPassiveEffectsConnected) {
+              // The effects are currently connected. Update them.
+              recursivelyTraversePassiveMountEffects(
+                finishedRoot,
+                finishedWork
+              );
+            } else {
+              // The effects are currently disconnected. Reconnect them, while also
+              // firing effects inside newly mounted trees. This also applies to
+              // the initial render.
+              _instance3._visibility |= OffscreenPassiveEffectsConnected;
+              recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              );
+            }
+          }
+
+          break;
+        }
+
+        case CacheComponent: {
+          recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+
+          break;
+        }
+
+        case TracingMarkerComponent:
+
+        default: {
+          recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+          break;
+        }
+      }
+    }
+
+    function recursivelyTraverseReconnectPassiveEffects(
+      finishedRoot,
+      parentFiber,
+      committedLanes,
+      committedTransitions,
+      includeWorkInProgressEffects
+    ) {
+      var prevDebugFiber = getCurrentFiber();
+      var child = parentFiber.child;
+
+      while (child !== null) {
+        reconnectPassiveEffects(finishedRoot, child);
+        child = child.sibling;
+      }
+
+      setCurrentFiber(prevDebugFiber);
+    }
+
+    function reconnectPassiveEffects(
+      finishedRoot,
+      finishedWork,
+      committedLanes,
+      committedTransitions, // This function visits both newly finished work and nodes that were re-used
+      // from a previously committed tree. We cannot check non-static flags if the
+      // node was reused.
+      includeWorkInProgressEffects
+    ) {
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          recursivelyTraverseReconnectPassiveEffects(
+            finishedRoot,
+            finishedWork
+          ); // TODO: Check for PassiveStatic flag
+
+          commitHookPassiveMountEffects(finishedWork, Passive);
+          break;
+        }
+        // Unlike commitPassiveMountOnFiber, we don't need to handle HostRoot
+        // because this function only visits nodes that are inside an
+        // Offscreen fiber.
+        // case HostRoot: {
+        //  ...
+        // }
+
+        case LegacyHiddenComponent: {
+          break;
+        }
+
+        case OffscreenComponent: {
+          var _instance4 = finishedWork.stateNode;
+          var nextState = finishedWork.memoizedState;
+          var isHidden = nextState !== null;
+
+          if (isHidden) {
+            if (_instance4._visibility & OffscreenPassiveEffectsConnected) {
+              // The effects are currently connected. Update them.
+              recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              );
+            } else {
+              if (finishedWork.mode & ConcurrentMode);
+              else {
+                // Legacy Mode: Fire the effects even if the tree is hidden.
+                _instance4._visibility |= OffscreenPassiveEffectsConnected;
+                recursivelyTraverseReconnectPassiveEffects(
+                  finishedRoot,
+                  finishedWork
+                );
+              }
+            }
+          } else {
+            // Tree is visible
+            // Since we're already inside a reconnecting tree, it doesn't matter
+            // whether the effects are currently connected. In either case, we'll
+            // continue traversing the tree and firing all the effects.
+            //
+            // We do need to set the "connected" flag on the instance, though.
+            _instance4._visibility |= OffscreenPassiveEffectsConnected;
+            recursivelyTraverseReconnectPassiveEffects(
+              finishedRoot,
+              finishedWork
+            );
+          }
+
+          break;
+        }
+
+        case CacheComponent: {
+          recursivelyTraverseReconnectPassiveEffects(
+            finishedRoot,
+            finishedWork
+          );
+
+          break;
+        }
+
+        case TracingMarkerComponent:
+
+        default: {
+          recursivelyTraverseReconnectPassiveEffects(
+            finishedRoot,
+            finishedWork
+          );
+          break;
+        }
+      }
+    }
+
+    function commitPassiveUnmountEffects(finishedWork) {
+      setCurrentFiber(finishedWork);
+      commitPassiveUnmountOnFiber(finishedWork);
+      resetCurrentFiber();
+    } // If we're inside a brand new tree, or a tree that was already visible, then we
+    // should only suspend host components that have a ShouldSuspendCommit flag.
+    // Components without it haven't changed since the last commit, so we can skip
+    // over those.
+    //
+    // When we enter a tree that is being revealed (going from hidden -> visible),
+    // we need to suspend _any_ component that _may_ suspend. Even if they're
+    // already in the "current" tree. Because their visibility has changed, the
+    // browser may not have prerendered them yet. So we check the MaySuspendCommit
+    // flag instead.
+
+    var suspenseyCommitFlag = ShouldSuspendCommit;
+    function accumulateSuspenseyCommit(finishedWork) {
+      accumulateSuspenseyCommitOnFiber(finishedWork);
+    }
+
+    function recursivelyAccumulateSuspenseyCommit(parentFiber) {
+      if (parentFiber.subtreeFlags & suspenseyCommitFlag) {
+        var child = parentFiber.child;
+
+        while (child !== null) {
+          accumulateSuspenseyCommitOnFiber(child);
+          child = child.sibling;
+        }
+      }
+    }
+
+    function accumulateSuspenseyCommitOnFiber(fiber) {
+      switch (fiber.tag) {
+        case HostHoistable: {
+          recursivelyAccumulateSuspenseyCommit(fiber);
+
+          if (fiber.flags & suspenseyCommitFlag) {
+            if (fiber.memoizedState !== null) {
+              suspendResource();
+            }
+          }
+
+          break;
+        }
+
+        case HostComponent: {
+          recursivelyAccumulateSuspenseyCommit(fiber);
+
+          break;
+        }
+
+        case HostRoot:
+        case HostPortal: {
+          {
+            recursivelyAccumulateSuspenseyCommit(fiber);
+          }
+
+          break;
+        }
+
+        case OffscreenComponent: {
+          var isHidden = fiber.memoizedState !== null;
+
+          if (isHidden);
+          else {
+            var current = fiber.alternate;
+            var wasHidden = current !== null && current.memoizedState !== null;
+
+            if (wasHidden) {
+              // This tree is being revealed. Visit all newly visible suspensey
+              // instances, even if they're in the current tree.
+              var prevFlags = suspenseyCommitFlag;
+              suspenseyCommitFlag = MaySuspendCommit;
+              recursivelyAccumulateSuspenseyCommit(fiber);
+              suspenseyCommitFlag = prevFlags;
+            } else {
+              recursivelyAccumulateSuspenseyCommit(fiber);
+            }
+          }
+
+          break;
+        }
+
+        default: {
+          recursivelyAccumulateSuspenseyCommit(fiber);
+        }
+      }
+    }
+
+    function detachAlternateSiblings(parentFiber) {
+      // A fiber was deleted from this parent fiber, but it's still part of the
+      // previous (alternate) parent fiber's list of children. Because children
+      // are a linked list, an earlier sibling that's still alive will be
+      // connected to the deleted fiber via its `alternate`:
+      //
+      //   live fiber --alternate--> previous live fiber --sibling--> deleted
+      //   fiber
+      //
+      // We can't disconnect `alternate` on nodes that haven't been deleted yet,
+      // but we can disconnect the `sibling` and `child` pointers.
+      var previousFiber = parentFiber.alternate;
+
+      if (previousFiber !== null) {
+        var detachedChild = previousFiber.child;
+
+        if (detachedChild !== null) {
+          previousFiber.child = null;
+
+          do {
+            // $FlowFixMe[incompatible-use] found when upgrading Flow
+            var detachedSibling = detachedChild.sibling; // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+            detachedChild.sibling = null;
+            detachedChild = detachedSibling;
+          } while (detachedChild !== null);
+        }
+      }
+    }
+
+    function commitHookPassiveUnmountEffects(
+      finishedWork,
+      nearestMountedAncestor,
+      hookFlags
+    ) {
+      if (shouldProfile(finishedWork)) {
+        startPassiveEffectTimer();
+        commitHookEffectListUnmount(
+          hookFlags,
+          finishedWork,
+          nearestMountedAncestor
+        );
+        recordPassiveEffectDuration(finishedWork);
+      } else {
+        commitHookEffectListUnmount(
+          hookFlags,
+          finishedWork,
+          nearestMountedAncestor
+        );
+      }
+    }
+
+    function recursivelyTraversePassiveUnmountEffects(parentFiber) {
+      // Deletions effects can be scheduled on any fiber type. They need to happen
+      // before the children effects have fired.
+      var deletions = parentFiber.deletions;
+
+      if ((parentFiber.flags & ChildDeletion) !== NoFlags$1) {
+        if (deletions !== null) {
+          for (var i = 0; i < deletions.length; i++) {
+            var childToDelete = deletions[i]; // TODO: Convert this to use recursion
+
+            nextEffect = childToDelete;
+            commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+              childToDelete,
+              parentFiber
+            );
+          }
+        }
+
+        detachAlternateSiblings(parentFiber);
+      }
+
+      var prevDebugFiber = getCurrentFiber(); // TODO: Split PassiveMask into separate masks for mount and unmount?
+
+      if (parentFiber.subtreeFlags & PassiveMask) {
+        var child = parentFiber.child;
+
+        while (child !== null) {
+          setCurrentFiber(child);
+          commitPassiveUnmountOnFiber(child);
+          child = child.sibling;
+        }
+      }
+
+      setCurrentFiber(prevDebugFiber);
+    }
+
+    function commitPassiveUnmountOnFiber(finishedWork) {
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          recursivelyTraversePassiveUnmountEffects(finishedWork);
+
+          if (finishedWork.flags & Passive$1) {
+            commitHookPassiveUnmountEffects(
+              finishedWork,
+              finishedWork.return,
+              Passive | HasEffect
+            );
+          }
+
+          break;
+        }
+
+        case OffscreenComponent: {
+          var instance = finishedWork.stateNode;
+          var nextState = finishedWork.memoizedState;
+          var isHidden = nextState !== null;
+
+          if (
+            isHidden &&
+            instance._visibility & OffscreenPassiveEffectsConnected && // For backwards compatibility, don't unmount when a tree suspends. In
+            // the future we may change this to unmount after a delay.
+            (finishedWork.return === null ||
+              finishedWork.return.tag !== SuspenseComponent)
+          ) {
+            // The effects are currently connected. Disconnect them.
+            // TODO: Add option or heuristic to delay before disconnecting the
+            // effects. Then if the tree reappears before the delay has elapsed, we
+            // can skip toggling the effects entirely.
+            instance._visibility &= ~OffscreenPassiveEffectsConnected;
+            recursivelyTraverseDisconnectPassiveEffects(finishedWork);
+          } else {
+            recursivelyTraversePassiveUnmountEffects(finishedWork);
+          }
+
+          break;
+        }
+
+        default: {
+          recursivelyTraversePassiveUnmountEffects(finishedWork);
+          break;
+        }
+      }
+    }
+
+    function recursivelyTraverseDisconnectPassiveEffects(parentFiber) {
+      // Deletions effects can be scheduled on any fiber type. They need to happen
+      // before the children effects have fired.
+      var deletions = parentFiber.deletions;
+
+      if ((parentFiber.flags & ChildDeletion) !== NoFlags$1) {
+        if (deletions !== null) {
+          for (var i = 0; i < deletions.length; i++) {
+            var childToDelete = deletions[i]; // TODO: Convert this to use recursion
+
+            nextEffect = childToDelete;
+            commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+              childToDelete,
+              parentFiber
+            );
+          }
+        }
+
+        detachAlternateSiblings(parentFiber);
+      }
+
+      var prevDebugFiber = getCurrentFiber(); // TODO: Check PassiveStatic flag
+
+      var child = parentFiber.child;
+
+      while (child !== null) {
+        setCurrentFiber(child);
+        disconnectPassiveEffect(child);
+        child = child.sibling;
+      }
+
+      setCurrentFiber(prevDebugFiber);
+    }
+
+    function disconnectPassiveEffect(finishedWork) {
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          // TODO: Check PassiveStatic flag
+          commitHookPassiveUnmountEffects(
+            finishedWork,
+            finishedWork.return,
+            Passive
+          ); // When disconnecting passive effects, we fire the effects in the same
+          // order as during a deletiong: parent before child
+
+          recursivelyTraverseDisconnectPassiveEffects(finishedWork);
+          break;
+        }
+
+        case OffscreenComponent: {
+          var instance = finishedWork.stateNode;
+
+          if (instance._visibility & OffscreenPassiveEffectsConnected) {
+            instance._visibility &= ~OffscreenPassiveEffectsConnected;
+            recursivelyTraverseDisconnectPassiveEffects(finishedWork);
+          }
+
+          break;
+        }
+
+        default: {
+          recursivelyTraverseDisconnectPassiveEffects(finishedWork);
+          break;
+        }
+      }
+    }
+
+    function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+      deletedSubtreeRoot,
+      nearestMountedAncestor
+    ) {
+      while (nextEffect !== null) {
+        var fiber = nextEffect; // Deletion effects fire in parent -> child order
+        // TODO: Check if fiber has a PassiveStatic flag
+
+        setCurrentFiber(fiber);
+        commitPassiveUnmountInsideDeletedTreeOnFiber(
+          fiber,
+          nearestMountedAncestor
+        );
+        resetCurrentFiber();
+        var child = fiber.child; // TODO: Only traverse subtree if it has a PassiveStatic flag.
+
+        if (child !== null) {
+          child.return = fiber;
+          nextEffect = child;
+        } else {
+          commitPassiveUnmountEffectsInsideOfDeletedTree_complete(
+            deletedSubtreeRoot
+          );
+        }
+      }
+    }
+
+    function commitPassiveUnmountEffectsInsideOfDeletedTree_complete(
+      deletedSubtreeRoot
+    ) {
+      while (nextEffect !== null) {
+        var fiber = nextEffect;
+        var sibling = fiber.sibling;
+        var returnFiber = fiber.return; // Recursively traverse the entire deleted tree and clean up fiber fields.
+        // This is more aggressive than ideal, and the long term goal is to only
+        // have to detach the deleted tree at the root.
+
+        detachFiberAfterEffects(fiber);
+
+        if (fiber === deletedSubtreeRoot) {
+          nextEffect = null;
+          return;
+        }
+
+        if (sibling !== null) {
+          sibling.return = returnFiber;
+          nextEffect = sibling;
+          return;
+        }
+
+        nextEffect = returnFiber;
+      }
+    }
+
+    function commitPassiveUnmountInsideDeletedTreeOnFiber(
+      current,
+      nearestMountedAncestor
+    ) {
+      switch (current.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          commitHookPassiveUnmountEffects(
+            current,
+            nearestMountedAncestor,
+            Passive
+          );
+          break;
+        }
+      }
+    }
+
+    function invokeLayoutEffectMountInDEV(fiber) {
+      {
+        // We don't need to re-check StrictEffectsMode here.
+        // This function is only called if that check has already passed.
+        switch (fiber.tag) {
+          case FunctionComponent:
+          case ForwardRef:
+          case SimpleMemoComponent: {
+            try {
+              commitHookEffectListMount(Layout | HasEffect, fiber);
+            } catch (error) {
+              captureCommitPhaseError(fiber, fiber.return, error);
+            }
+
+            break;
+          }
+
+          case ClassComponent: {
+            var instance = fiber.stateNode;
+
+            if (typeof instance.componentDidMount === "function") {
+              try {
+                instance.componentDidMount();
+              } catch (error) {
+                captureCommitPhaseError(fiber, fiber.return, error);
               }
+            }
+
+            break;
+          }
+        }
+      }
+    }
+
+    function invokePassiveEffectMountInDEV(fiber) {
+      {
+        // We don't need to re-check StrictEffectsMode here.
+        // This function is only called if that check has already passed.
+        switch (fiber.tag) {
+          case FunctionComponent:
+          case ForwardRef:
+          case SimpleMemoComponent: {
+            try {
+              commitHookEffectListMount(Passive | HasEffect, fiber);
+            } catch (error) {
+              captureCommitPhaseError(fiber, fiber.return, error);
+            }
+
+            break;
+          }
+        }
+      }
+    }
+
+    function invokeLayoutEffectUnmountInDEV(fiber) {
+      {
+        // We don't need to re-check StrictEffectsMode here.
+        // This function is only called if that check has already passed.
+        switch (fiber.tag) {
+          case FunctionComponent:
+          case ForwardRef:
+          case SimpleMemoComponent: {
+            try {
+              commitHookEffectListUnmount(
+                Layout | HasEffect,
+                fiber,
+                fiber.return
+              );
+            } catch (error) {
+              captureCommitPhaseError(fiber, fiber.return, error);
+            }
+
+            break;
+          }
+
+          case ClassComponent: {
+            var instance = fiber.stateNode;
+
+            if (typeof instance.componentWillUnmount === "function") {
+              safelyCallComponentWillUnmount(fiber, fiber.return, instance);
+            }
+
+            break;
+          }
+        }
+      }
+    }
 
-              if (finishedWork.mode & ProfileMode) {
-                try {
-                  startLayoutEffectTimer();
-                  instance.componentDidUpdate(
-                    prevProps,
-                    prevState,
-                    instance.__reactInternalSnapshotBeforeUpdate
-                  );
-                } finally {
-                  recordLayoutEffectDuration(finishedWork);
-                }
-              } else {
-                instance.componentDidUpdate(
-                  prevProps,
-                  prevState,
-                  instance.__reactInternalSnapshotBeforeUpdate
-                );
-              }
+    function invokePassiveEffectUnmountInDEV(fiber) {
+      {
+        // We don't need to re-check StrictEffectsMode here.
+        // This function is only called if that check has already passed.
+        switch (fiber.tag) {
+          case FunctionComponent:
+          case ForwardRef:
+          case SimpleMemoComponent: {
+            try {
+              commitHookEffectListUnmount(
+                Passive | HasEffect,
+                fiber,
+                fiber.return
+              );
+            } catch (error) {
+              captureCommitPhaseError(fiber, fiber.return, error);
             }
           }
-        } // TODO: I think this is now always non-null by the time it reaches the
-        // commit phase. Consider removing the type check.
+        }
+      }
+    }
 
-        var updateQueue = finishedWork.updateQueue;
+    if (typeof Symbol === "function" && Symbol.for) {
+      var symbolFor = Symbol.for;
+      symbolFor("selector.component");
+      symbolFor("selector.has_pseudo_class");
+      symbolFor("selector.role");
+      symbolFor("selector.test_id");
+      symbolFor("selector.text");
+    }
 
-        if (updateQueue !== null) {
-          {
-            if (
-              finishedWork.type === finishedWork.elementType &&
-              !didWarnAboutReassigningProps
-            ) {
-              if (instance.props !== finishedWork.memoizedProps) {
-                error(
-                  "Expected %s props to match memoized props before " +
-                    "processing the update queue. " +
-                    "This might either be because of a bug in React, or because " +
-                    "a component reassigns its own `this.props`. " +
-                    "Please file an issue.",
-                  getComponentNameFromFiber(finishedWork) || "instance"
-                );
-              }
+    var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
+    function isLegacyActEnvironment(fiber) {
+      {
+        // Legacy mode. We preserve the behavior of React 17's act. It assumes an
+        // act environment whenever `jest` is defined, but you can still turn off
+        // spurious warnings by setting IS_REACT_ACT_ENVIRONMENT explicitly
+        // to false.
+        // $FlowFixMe[cannot-resolve-name] Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
+        typeof IS_REACT_ACT_ENVIRONMENT !== "undefined" // $FlowFixMe[cannot-resolve-name]
+          ? IS_REACT_ACT_ENVIRONMENT
+          : undefined; // $FlowFixMe[cannot-resolve-name] - Flow doesn't know about jest
+        return warnsIfNotActing;
+      }
+    }
+    function isConcurrentActEnvironment() {
+      {
+        var isReactActEnvironmentGlobal = // $FlowFixMe[cannot-resolve-name] Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
+          typeof IS_REACT_ACT_ENVIRONMENT !== "undefined" // $FlowFixMe[cannot-resolve-name]
+            ? IS_REACT_ACT_ENVIRONMENT
+            : undefined;
 
-              if (instance.state !== finishedWork.memoizedState) {
-                error(
-                  "Expected %s state to match memoized state before " +
-                    "processing the update queue. " +
-                    "This might either be because of a bug in React, or because " +
-                    "a component reassigns its own `this.state`. " +
-                    "Please file an issue.",
-                  getComponentNameFromFiber(finishedWork) || "instance"
-                );
-              }
-            }
-          } // We could update instance props and state here,
-          // but instead we rely on them being set during last render.
-          // TODO: revisit this when we implement resuming.
+        if (
+          !isReactActEnvironmentGlobal &&
+          ReactCurrentActQueue$1.current !== null
+        ) {
+          // TODO: Include link to relevant documentation page.
+          error(
+            "The current testing environment is not configured to support " +
+              "act(...)"
+          );
+        }
+
+        return isReactActEnvironmentGlobal;
+      }
+    }
+
+    var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+      ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+      ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
+    var NoContext =
+      /*             */
+      0;
+    var BatchedContext =
+      /*               */
+      1;
+    var RenderContext =
+      /*         */
+      2;
+    var CommitContext =
+      /*         */
+      4;
+    var RootInProgress = 0;
+    var RootFatalErrored = 1;
+    var RootErrored = 2;
+    var RootSuspended = 3;
+    var RootSuspendedWithDelay = 4;
+    var RootCompleted = 5;
+    var RootDidNotComplete = 6; // Describes where we are in the React execution stack
+
+    var executionContext = NoContext; // The root we're working on
+
+    var workInProgressRoot = null; // The fiber we're working on
+
+    var workInProgress = null; // The lanes we're rendering
+
+    var workInProgressRootRenderLanes = NoLanes;
+    var NotSuspended = 0;
+    var SuspendedOnError = 1;
+    var SuspendedOnData = 2;
+    var SuspendedOnImmediate = 3;
+    var SuspendedOnInstance = 4;
+    var SuspendedOnInstanceAndReadyToContinue = 5;
+    var SuspendedOnDeprecatedThrowPromise = 6;
+    var SuspendedAndReadyToContinue = 7;
+    var SuspendedOnHydration = 8; // When this is true, the work-in-progress fiber just suspended (or errored) and
+    // we've yet to unwind the stack. In some cases, we may yield to the main thread
+    // after this happens. If the fiber is pinged before we resume, we can retry
+    // immediately instead of unwinding the stack.
+
+    var workInProgressSuspendedReason = NotSuspended;
+    var workInProgressThrownValue = null; // Whether a ping listener was attached during this render. This is slightly
+    // different that whether something suspended, because we don't add multiple
+    // listeners to a promise we've already seen (per root and lane).
+
+    var workInProgressRootDidAttachPingListener = false; // A contextual version of workInProgressRootRenderLanes. It is a superset of
+    // the lanes that we started working on at the root. When we enter a subtree
+    // that is currently hidden, we add the lanes that would have committed if
+    // the hidden tree hadn't been deferred. This is modified by the
+    // HiddenContext module.
+    //
+    // Most things in the work loop should deal with workInProgressRootRenderLanes.
+    // Most things in begin/complete phases should deal with entangledRenderLanes.
+
+    var entangledRenderLanes = NoLanes; // Whether to root completed, errored, suspended, etc.
+
+    var workInProgressRootExitStatus = RootInProgress; // A fatal error, if one is thrown
+
+    var workInProgressRootFatalError = null; // The work left over by components that were visited during this render. Only
+    // includes unprocessed updates, not work in bailed out children.
+
+    var workInProgressRootSkippedLanes = NoLanes; // Lanes that were updated (in an interleaved event) during this render.
+
+    var workInProgressRootInterleavedUpdatedLanes = NoLanes; // Lanes that were updated during the render phase (*not* an interleaved event).
+
+    var workInProgressRootPingedLanes = NoLanes; // If this lane scheduled deferred work, this is the lane of the deferred task.
+
+    var workInProgressDeferredLane = NoLane; // Errors that are thrown during the render phase.
+
+    var workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
+    // We will log them once the tree commits.
+
+    var workInProgressRootRecoverableErrors = null; // The most recent time we either committed a fallback, or when a fallback was
+    // filled in with the resolved UI. This lets us throttle the appearance of new
+    // content as it streams in, to minimize jank.
+    // TODO: Think of a better name for this variable?
+
+    var globalMostRecentFallbackTime = 0;
+    var FALLBACK_THROTTLE_MS = 300; // The absolute time for when we should start giving up on rendering
+    // more and prefer CPU suspense heuristics instead.
+
+    var workInProgressRootRenderTargetTime = Infinity; // How long a render is supposed to take before we start following CPU
+    // suspense heuristics and opt out of rendering more content.
+
+    var RENDER_TIMEOUT_MS = 500;
+    var workInProgressTransitions = null;
+
+    function resetRenderTimer() {
+      workInProgressRootRenderTargetTime = now$1() + RENDER_TIMEOUT_MS;
+    }
+
+    function getRenderTargetTime() {
+      return workInProgressRootRenderTargetTime;
+    }
+    var hasUncaughtError = false;
+    var firstUncaughtError = null;
+    var legacyErrorBoundariesThatAlreadyFailed = null; // Only used when enableProfilerNestedUpdateScheduledHook is true;
+    var rootDoesHavePassiveEffects = false;
+    var rootWithPendingPassiveEffects = null;
+    var pendingPassiveEffectsLanes = NoLanes;
+    var pendingPassiveProfilerEffects = [];
+
+    var NESTED_UPDATE_LIMIT = 50;
+    var nestedUpdateCount = 0;
+    var rootWithNestedUpdates = null;
+    var isFlushingPassiveEffects = false;
+    var didScheduleUpdateDuringPassiveEffects = false;
+    var NESTED_PASSIVE_UPDATE_LIMIT = 50;
+    var nestedPassiveUpdateCount = 0;
+    var rootWithPassiveNestedUpdates = null;
+    var isRunningInsertionEffect = false;
+    function getWorkInProgressRoot() {
+      return workInProgressRoot;
+    }
+    function getWorkInProgressRootRenderLanes() {
+      return workInProgressRootRenderLanes;
+    }
+    function isWorkLoopSuspendedOnData() {
+      return workInProgressSuspendedReason === SuspendedOnData;
+    }
+    function requestUpdateLane(fiber) {
+      // Special cases
+      var mode = fiber.mode;
+
+      if ((mode & ConcurrentMode) === NoMode) {
+        return SyncLane;
+      } else if (
+        (executionContext & RenderContext) !== NoContext &&
+        workInProgressRootRenderLanes !== NoLanes
+      ) {
+        // This is a render phase update. These are not officially supported. The
+        // old behavior is to give this the same "thread" (lanes) as
+        // whatever is currently rendering. So if you call `setState` on a component
+        // that happens later in the same render, it will flush. Ideally, we want to
+        // remove the special case and treat them as if they came from an
+        // interleaved event. Regardless, this pattern is not officially supported.
+        // This behavior is only a fallback. The flag only exists until we can roll
+        // out the setState warning, since existing code might accidentally rely on
+        // the current behavior.
+        return pickArbitraryLane(workInProgressRootRenderLanes);
+      }
+
+      var transition = requestCurrentTransition();
+
+      if (transition !== null) {
+        {
+          var batchConfigTransition = ReactCurrentBatchConfig.transition;
 
-          commitUpdateQueue(finishedWork, updateQueue, instance);
+          if (!batchConfigTransition._updatedFibers) {
+            batchConfigTransition._updatedFibers = new Set();
+          }
+
+          batchConfigTransition._updatedFibers.add(fiber);
+        }
+
+        var actionScopeLane = peekEntangledActionLane();
+        return actionScopeLane !== NoLane // We're inside an async action scope. Reuse the same lane.
+          ? actionScopeLane // We may or may not be inside an async action scope. If we are, this
+          : // is the first update in that scope. Either way, we need to get a
+            // fresh transition lane.
+            requestTransitionLane();
+      } // Updates originating inside certain React methods, like flushSync, have
+      // their priority set by tracking it with a context variable.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
+
+      var updateLane = getCurrentUpdatePriority();
+
+      if (updateLane !== NoLane) {
+        return updateLane;
+      } // This update originated outside React. Ask the host environment for an
+      // appropriate priority, based on the type of event.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
+
+      var eventLane = getCurrentEventPriority();
+      return eventLane;
+    }
+
+    function requestRetryLane(fiber) {
+      // This is a fork of `requestUpdateLane` designed specifically for Suspense
+      // "retries" — a special update that attempts to flip a Suspense boundary
+      // from its placeholder state to its primary/resolved state.
+      // Special cases
+      var mode = fiber.mode;
+
+      if ((mode & ConcurrentMode) === NoMode) {
+        return SyncLane;
+      }
+
+      return claimNextRetryLane();
+    }
+
+    function requestDeferredLane() {
+      if (workInProgressDeferredLane === NoLane) {
+        // If there are multiple useDeferredValue hooks in the same render, the
+        // tasks that they spawn should all be batched together, so they should all
+        // receive the same lane.
+        // Check the priority of the current render to decide the priority of the
+        // deferred task.
+        // OffscreenLane is used for prerendering, but we also use OffscreenLane
+        // for incremental hydration. It's given the lowest priority because the
+        // initial HTML is the same as the final UI. But useDeferredValue during
+        // hydration is an exception — we need to upgrade the UI to the final
+        // value. So if we're currently hydrating, we treat it like a transition.
+        var isPrerendering =
+          includesSomeLane(workInProgressRootRenderLanes, OffscreenLane) &&
+          !getIsHydrating();
+
+        if (isPrerendering) {
+          // There's only one OffscreenLane, so if it contains deferred work, we
+          // should just reschedule using the same lane.
+          workInProgressDeferredLane = OffscreenLane;
+        } else {
+          // Everything else is spawned as a transition.
+          workInProgressDeferredLane = claimNextTransitionLane();
         }
+      } // Mark the parent Suspense boundary so it knows to spawn the deferred lane.
+
+      var suspenseHandler = getSuspenseHandler();
+
+      if (suspenseHandler !== null) {
+        // TODO: As an optimization, we shouldn't entangle the lanes at the root; we
+        // can entangle them using the baseLanes of the Suspense boundary instead.
+        // We only need to do something special if there's no Suspense boundary.
+        suspenseHandler.flags |= DidDefer;
+      }
 
-        break;
+      return workInProgressDeferredLane;
+    }
+    function peekDeferredLane() {
+      return workInProgressDeferredLane;
+    }
+    function scheduleUpdateOnFiber(root, fiber, lane) {
+      {
+        if (isRunningInsertionEffect) {
+          error("useInsertionEffect must not schedule updates.");
+        }
       }
 
-      case HostRoot: {
-        // TODO: I think this is now always non-null by the time it reaches the
-        // commit phase. Consider removing the type check.
-        var _updateQueue = finishedWork.updateQueue;
+      {
+        if (isFlushingPassiveEffects) {
+          didScheduleUpdateDuringPassiveEffects = true;
+        }
+      } // Check if the work loop is currently suspended and waiting for data to
+      // finish loading.
 
-        if (_updateQueue !== null) {
-          var _instance = null;
+      if (
+        // Suspended render phase
+        (root === workInProgressRoot &&
+          workInProgressSuspendedReason === SuspendedOnData) || // Suspended commit phase
+        root.cancelPendingCommit !== null
+      ) {
+        // The incoming update might unblock the current render. Interrupt the
+        // current attempt and restart from the top.
+        prepareFreshStack(root, NoLanes);
+        markRootSuspended(
+          root,
+          workInProgressRootRenderLanes,
+          workInProgressDeferredLane
+        );
+      } // Mark that the root has a pending update.
 
-          if (finishedWork.child !== null) {
-            switch (finishedWork.child.tag) {
-              case HostComponent:
-                _instance = getPublicInstance(finishedWork.child.stateNode);
-                break;
+      markRootUpdated(root, lane);
 
-              case ClassComponent:
-                _instance = finishedWork.child.stateNode;
-                break;
-            }
+      if (
+        (executionContext & RenderContext) !== NoLanes &&
+        root === workInProgressRoot
+      ) {
+        // This update was dispatched during the render phase. This is a mistake
+        // if the update originates from user space (with the exception of local
+        // hook updates, which are handled differently and don't reach this
+        // function), but there are some internal React features that use this as
+        // an implementation detail, like selective hydration.
+        warnAboutRenderPhaseUpdatesInDEV(fiber); // Track lanes that were updated during the render phase
+      } else {
+        // This is a normal update, scheduled from outside the render phase. For
+        // example, during an input event.
+        {
+          if (isDevToolsPresent) {
+            addFiberToLanesMap(root, fiber, lane);
+          }
+        }
+
+        warnIfUpdatesNotWrappedWithActDEV(fiber);
+
+        if (root === workInProgressRoot) {
+          // Received an update to a tree that's in the middle of rendering. Mark
+          // that there was an interleaved update work on this root.
+          if ((executionContext & RenderContext) === NoContext) {
+            workInProgressRootInterleavedUpdatedLanes = mergeLanes(
+              workInProgressRootInterleavedUpdatedLanes,
+              lane
+            );
+          }
+
+          if (workInProgressRootExitStatus === RootSuspendedWithDelay) {
+            // The root already suspended with a delay, which means this render
+            // definitely won't finish. Since we have a new update, let's mark it as
+            // suspended now, right before marking the incoming update. This has the
+            // effect of interrupting the current render and switching to the update.
+            // TODO: Make sure this doesn't override pings that happen while we've
+            // already started rendering.
+            markRootSuspended(
+              root,
+              workInProgressRootRenderLanes,
+              workInProgressDeferredLane
+            );
           }
+        }
+
+        ensureRootIsScheduled(root);
 
-          commitUpdateQueue(finishedWork, _updateQueue, _instance);
+        if (
+          lane === SyncLane &&
+          executionContext === NoContext &&
+          (fiber.mode & ConcurrentMode) === NoMode
+        ) {
+          if (ReactCurrentActQueue.isBatchingLegacy);
+          else {
+            // Flush the synchronous work now, unless we're already working or inside
+            // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
+            // scheduleCallbackForFiber to preserve the ability to schedule a callback
+            // without immediately flushing it. We only do this for user-initiated
+            // updates, to preserve historical behavior of legacy mode.
+            resetRenderTimer();
+            flushSyncWorkOnLegacyRootsOnly();
+          }
         }
+      }
+    }
+    function isUnsafeClassRenderPhaseUpdate(fiber) {
+      // Check if this is a render phase update. Only called by class components,
+      // which special (deprecated) behavior for UNSAFE_componentWillReceive props.
+      return (executionContext & RenderContext) !== NoContext;
+    } // This is the entry point for every concurrent task, i.e. anything that
+    // goes through Scheduler.
 
-        break;
+    function performConcurrentWorkOnRoot(root, didTimeout) {
+      {
+        resetNestedUpdateFlag();
       }
 
-      case HostComponent: {
-        var _instance2 = finishedWork.stateNode; // Renderers may schedule work to be done after host components are mounted
-        // (eg DOM renderer may schedule auto-focus for inputs and form controls).
-        // These effects should only be committed when components are first mounted,
-        // aka when there is no current/alternate.
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        throw new Error("Should not already be working.");
+      } // Flush any pending passive effects before deciding which lanes to work on,
+      // in case they schedule additional work.
 
-        if (current === null && finishedWork.flags & Update) {
-          var type = finishedWork.type;
-          var props = finishedWork.memoizedProps;
-          commitMount();
+      var originalCallbackNode = root.callbackNode;
+      var didFlushPassiveEffects = flushPassiveEffects();
+
+      if (didFlushPassiveEffects) {
+        // Something in the passive effect phase may have canceled the current task.
+        // Check if the task node for this root was changed.
+        if (root.callbackNode !== originalCallbackNode) {
+          // The current task was canceled. Exit. We don't need to call
+          // `ensureRootIsScheduled` because the check above implies either that
+          // there's a new task, or that there's no remaining work on this root.
+          return null;
         }
+      } // Determine the next lanes to work on, using the fields stored
+      // on the root.
+      // TODO: This was already computed in the caller. Pass it as an argument.
+
+      var lanes = getNextLanes(
+        root,
+        root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+      );
+
+      if (lanes === NoLanes) {
+        // Defensive coding. This is never expected to happen.
+        return null;
+      } // We disable time-slicing in some cases: if the work has been CPU-bound
+      // for too long ("expired" work, to prevent starvation), or we're in
+      // sync-updates-by-default mode.
+      // TODO: We only check `didTimeout` defensively, to account for a Scheduler
+      // bug we're still investigating. Once the bug in Scheduler is fixed,
+      // we can remove this, since we track expiration ourselves.
+
+      var shouldTimeSlice =
+        !includesBlockingLane(root, lanes) &&
+        !includesExpiredLane(root, lanes) &&
+        !didTimeout;
+      var exitStatus = shouldTimeSlice
+        ? renderRootConcurrent(root, lanes)
+        : renderRootSync(root, lanes);
+
+      if (exitStatus !== RootInProgress) {
+        var renderWasConcurrent = shouldTimeSlice;
+
+        do {
+          if (exitStatus === RootDidNotComplete) {
+            // The render unwound without completing the tree. This happens in special
+            // cases where need to exit the current render without producing a
+            // consistent tree or committing.
+            markRootSuspended(root, lanes, NoLane);
+          } else {
+            // The render completed.
+            // Check if this render may have yielded to a concurrent event, and if so,
+            // confirm that any newly rendered stores are consistent.
+            // TODO: It's possible that even a concurrent render may never have yielded
+            // to the main thread, if it was fast enough, or if it expired. We could
+            // skip the consistency check in that case, too.
+            var finishedWork = root.current.alternate;
+
+            if (
+              renderWasConcurrent &&
+              !isRenderConsistentWithExternalStores(finishedWork)
+            ) {
+              // A store was mutated in an interleaved event. Render again,
+              // synchronously, to block further mutations.
+              exitStatus = renderRootSync(root, lanes); // We assume the tree is now consistent because we didn't yield to any
+              // concurrent events.
+
+              renderWasConcurrent = false; // Need to check the exit status again.
+
+              continue;
+            } // Check if something threw
 
-        break;
+            if (exitStatus === RootErrored) {
+              var originallyAttemptedLanes = lanes;
+              var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                root,
+                originallyAttemptedLanes
+              );
+
+              if (errorRetryLanes !== NoLanes) {
+                lanes = errorRetryLanes;
+                exitStatus = recoverFromConcurrentError(
+                  root,
+                  originallyAttemptedLanes,
+                  errorRetryLanes
+                );
+                renderWasConcurrent = false;
+              }
+            }
+
+            if (exitStatus === RootFatalErrored) {
+              var fatalError = workInProgressRootFatalError;
+              prepareFreshStack(root, NoLanes);
+              markRootSuspended(root, lanes, NoLane);
+              ensureRootIsScheduled(root);
+              throw fatalError;
+            } // We now have a consistent tree. The next step is either to commit it,
+            // or, if something suspended, wait to commit it after a timeout.
+
+            root.finishedWork = finishedWork;
+            root.finishedLanes = lanes;
+            finishConcurrentRender(root, exitStatus, finishedWork, lanes);
+          }
+
+          break;
+        } while (true);
       }
 
-      case HostText: {
-        // We have no life-cycles associated with text.
-        break;
+      ensureRootIsScheduled(root);
+      return getContinuationForRoot(root, originalCallbackNode);
+    }
+
+    function recoverFromConcurrentError(
+      root,
+      originallyAttemptedLanes,
+      errorRetryLanes
+    ) {
+      // If an error occurred during hydration, discard server response and fall
+      // back to client side render.
+      // Before rendering again, save the errors from the previous attempt.
+      var errorsFromFirstAttempt = workInProgressRootConcurrentErrors;
+      var wasRootDehydrated = isRootDehydrated(root);
+
+      if (wasRootDehydrated) {
+        // The shell failed to hydrate. Set a flag to force a client rendering
+        // during the next attempt. To do this, we call prepareFreshStack now
+        // to create the root work-in-progress fiber. This is a bit weird in terms
+        // of factoring, because it relies on renderRootSync not calling
+        // prepareFreshStack again in the call below, which happens because the
+        // root and lanes haven't changed.
+        //
+        // TODO: I think what we should do is set ForceClientRender inside
+        // throwException, like we do for nested Suspense boundaries. The reason
+        // it's here instead is so we can switch to the synchronous work loop, too.
+        // Something to consider for a future refactor.
+        var rootWorkInProgress = prepareFreshStack(root, errorRetryLanes);
+        rootWorkInProgress.flags |= ForceClientRender;
+
+        {
+          errorHydratingContainer();
+        }
       }
 
-      case HostPortal: {
-        // We have no life-cycles associated with portals.
-        break;
+      var exitStatus = renderRootSync(root, errorRetryLanes);
+
+      if (exitStatus !== RootErrored) {
+        // Successfully finished rendering on retry
+        if (workInProgressRootDidAttachPingListener && !wasRootDehydrated) {
+          // During the synchronous render, we attached additional ping listeners.
+          // This is highly suggestive of an uncached promise (though it's not the
+          // only reason this would happen). If it was an uncached promise, then
+          // it may have masked a downstream error from ocurring without actually
+          // fixing it. Example:
+          //
+          //    use(Promise.resolve('uncached'))
+          //    throw new Error('Oops!')
+          //
+          // When this happens, there's a conflict between blocking potential
+          // concurrent data races and unwrapping uncached promise values. We
+          // have to choose one or the other. Because the data race recovery is
+          // a last ditch effort, we'll disable it.
+          root.errorRecoveryDisabledLanes = mergeLanes(
+            root.errorRecoveryDisabledLanes,
+            originallyAttemptedLanes
+          ); // Mark the current render as suspended and force it to restart. Once
+          // these lanes finish successfully, we'll re-enable the error recovery
+          // mechanism for subsequent updates.
+
+          workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes;
+          return RootSuspendedWithDelay;
+        } // The errors from the failed first attempt have been recovered. Add
+        // them to the collection of recoverable errors. We'll log them in the
+        // commit phase.
+
+        var errorsFromSecondAttempt = workInProgressRootRecoverableErrors;
+        workInProgressRootRecoverableErrors = errorsFromFirstAttempt; // The errors from the second attempt should be queued after the errors
+        // from the first attempt, to preserve the causal sequence.
+
+        if (errorsFromSecondAttempt !== null) {
+          queueRecoverableErrors(errorsFromSecondAttempt);
+        }
       }
 
-      case Profiler: {
-        {
-          var _finishedWork$memoize2 = finishedWork.memoizedProps,
-            onCommit = _finishedWork$memoize2.onCommit,
-            onRender = _finishedWork$memoize2.onRender;
-          var effectDuration = finishedWork.stateNode.effectDuration;
-          var commitTime = getCommitTime();
-          var phase = current === null ? "mount" : "update";
+      return exitStatus;
+    }
 
-          {
-            if (isCurrentUpdateNested()) {
-              phase = "nested-update";
-            }
-          }
+    function queueRecoverableErrors(errors) {
+      if (workInProgressRootRecoverableErrors === null) {
+        workInProgressRootRecoverableErrors = errors;
+      } else {
+        // $FlowFixMe[method-unbinding]
+        workInProgressRootRecoverableErrors.push.apply(
+          workInProgressRootRecoverableErrors,
+          errors
+        );
+      }
+    }
 
-          if (typeof onRender === "function") {
-            onRender(
-              finishedWork.memoizedProps.id,
-              phase,
-              finishedWork.actualDuration,
-              finishedWork.treeBaseDuration,
-              finishedWork.actualStartTime,
-              commitTime
+    function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
+      // TODO: The fact that most of these branches are identical suggests that some
+      // of the exit statuses are not best modeled as exit statuses and should be
+      // tracked orthogonally.
+      switch (exitStatus) {
+        case RootInProgress:
+        case RootFatalErrored: {
+          throw new Error("Root did not complete. This is a bug in React.");
+        }
+
+        case RootSuspendedWithDelay: {
+          if (includesOnlyTransitions(lanes)) {
+            // This is a transition, so we should exit without committing a
+            // placeholder and without scheduling a timeout. Delay indefinitely
+            // until we receive more data.
+            markRootSuspended(root, lanes, workInProgressDeferredLane);
+            return;
+          } // Commit the placeholder.
+
+          break;
+        }
+
+        case RootErrored:
+        case RootSuspended:
+        case RootCompleted: {
+          break;
+        }
+
+        default: {
+          throw new Error("Unknown root exit status.");
+        }
+      }
+
+      if (shouldForceFlushFallbacksInDEV()) {
+        // We're inside an `act` scope. Commit immediately.
+        commitRoot(
+          root,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          workInProgressDeferredLane
+        );
+      } else {
+        if (includesOnlyRetries(lanes) && exitStatus === RootSuspended) {
+          // This render only included retries, no updates. Throttle committing
+          // retries so that we don't show too many loading states too quickly.
+          var msUntilTimeout =
+            globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
+
+          if (msUntilTimeout > 10) {
+            markRootSuspended(root, lanes, workInProgressDeferredLane);
+            var nextLanes = getNextLanes(root, NoLanes);
+
+            if (nextLanes !== NoLanes) {
+              // There's additional work we can do on this root. We might as well
+              // attempt to work on that while we're suspended.
+              return;
+            } // The render is suspended, it hasn't timed out, and there's no
+            // lower priority work to do. Instead of committing the fallback
+            // immediately, wait for more data to arrive.
+            // TODO: Combine retry throttling with Suspensey commits. Right now they
+            // run one after the other.
+
+            root.timeoutHandle = scheduleTimeout(
+              commitRootWhenReady.bind(
+                null,
+                root,
+                finishedWork,
+                workInProgressRootRecoverableErrors,
+                workInProgressTransitions,
+                lanes,
+                workInProgressDeferredLane
+              ),
+              msUntilTimeout
             );
+            return;
           }
+        }
 
-          {
-            if (typeof onCommit === "function") {
-              onCommit(
-                finishedWork.memoizedProps.id,
-                phase,
-                effectDuration,
-                commitTime
-              );
-            } // Schedule a passive effect for this Profiler to call onPostCommit hooks.
-            // This effect should be scheduled even if there is no onPostCommit callback for this Profiler,
-            // because the effect is also where times bubble to parent Profilers.
+        commitRootWhenReady(
+          root,
+          finishedWork,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          lanes,
+          workInProgressDeferredLane
+        );
+      }
+    }
 
-            enqueuePendingPassiveProfilerEffect(finishedWork); // Propagate layout effect durations to the next nearest Profiler ancestor.
-            // Do not reset these values until the next render so DevTools has a chance to read them first.
+    function commitRootWhenReady(
+      root,
+      finishedWork,
+      recoverableErrors,
+      transitions,
+      lanes,
+      spawnedLane
+    ) {
+      // TODO: Combine retry throttling with Suspensey commits. Right now they run
+      // one after the other.
+      if (includesOnlyNonUrgentLanes(lanes)) {
+        // the suspensey resources. The renderer is responsible for accumulating
+        // all the load events. This all happens in a single synchronous
+        // transaction, so it track state in its own module scope.
+
+        accumulateSuspenseyCommit(finishedWork); // At the end, ask the renderer if it's ready to commit, or if we should
+        // suspend. If it's not ready, it will return a callback to subscribe to
+        // a ready event.
+
+        var schedulePendingCommit = waitForCommitToBeReady();
+
+        if (schedulePendingCommit !== null) {
+          // NOTE: waitForCommitToBeReady returns a subscribe function so that we
+          // only allocate a function if the commit isn't ready yet. The other
+          // pattern would be to always pass a callback to waitForCommitToBeReady.
+          // Not yet ready to commit. Delay the commit until the renderer notifies
+          // us that it's ready. This will be canceled if we start work on the
+          // root again.
+          root.cancelPendingCommit = schedulePendingCommit(
+            commitRoot.bind(null, root, recoverableErrors, transitions)
+          );
+          markRootSuspended(root, lanes, spawnedLane);
+          return;
+        }
+      } // Otherwise, commit immediately.
 
-            var parentFiber = finishedWork.return;
+      commitRoot(root, recoverableErrors, transitions, spawnedLane);
+    }
 
-            outer: while (parentFiber !== null) {
-              switch (parentFiber.tag) {
-                case HostRoot:
-                  var root = parentFiber.stateNode;
-                  root.effectDuration += effectDuration;
-                  break outer;
+    function isRenderConsistentWithExternalStores(finishedWork) {
+      // Search the rendered tree for external store reads, and check whether the
+      // stores were mutated in a concurrent event. Intentionally using an iterative
+      // loop instead of recursion so we can exit early.
+      var node = finishedWork;
 
-                case Profiler:
-                  var parentStateNode = parentFiber.stateNode;
-                  parentStateNode.effectDuration += effectDuration;
-                  break outer;
-              }
+      while (true) {
+        if (node.flags & StoreConsistency) {
+          var updateQueue = node.updateQueue;
 
-              parentFiber = parentFiber.return;
+          if (updateQueue !== null) {
+            var checks = updateQueue.stores;
+
+            if (checks !== null) {
+              for (var i = 0; i < checks.length; i++) {
+                var check = checks[i];
+                var getSnapshot = check.getSnapshot;
+                var renderedValue = check.value;
+
+                try {
+                  if (!objectIs(getSnapshot(), renderedValue)) {
+                    // Found an inconsistent store.
+                    return false;
+                  }
+                } catch (error) {
+                  // If `getSnapshot` throws, return `false`. This will schedule
+                  // a re-render, and the error will be rethrown during render.
+                  return false;
+                }
+              }
             }
           }
         }
 
-        break;
+        var child = node.child;
+
+        if (node.subtreeFlags & StoreConsistency && child !== null) {
+          child.return = node;
+          node = child;
+          continue;
+        }
+
+        if (node === finishedWork) {
+          return true;
+        }
+
+        while (node.sibling === null) {
+          if (node.return === null || node.return === finishedWork) {
+            return true;
+          }
+
+          node = node.return;
+        }
+
+        node.sibling.return = node.return;
+        node = node.sibling;
+      } // Flow doesn't know this is unreachable, but eslint does
+      // eslint-disable-next-line no-unreachable
+
+      return true;
+    }
+
+    function markRootSuspended(root, suspendedLanes, spawnedLane) {
+      // When suspending, we should always exclude lanes that were pinged or (more
+      // rarely, since we try to avoid it) updated during the render phase.
+      // TODO: Lol maybe there's a better way to factor this besides this
+      // obnoxiously named function :)
+      suspendedLanes = removeLanes(
+        suspendedLanes,
+        workInProgressRootPingedLanes
+      );
+      suspendedLanes = removeLanes(
+        suspendedLanes,
+        workInProgressRootInterleavedUpdatedLanes
+      );
+      markRootSuspended$1(root, suspendedLanes, spawnedLane);
+    } // This is the entry point for synchronous tasks that don't go
+    // through Scheduler
+
+    function performSyncWorkOnRoot(root, lanes) {
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        throw new Error("Should not already be working.");
       }
 
-      case SuspenseComponent: {
-        break;
+      var didFlushPassiveEffects = flushPassiveEffects();
+
+      if (didFlushPassiveEffects) {
+        // If passive effects were flushed, exit to the outer work loop in the root
+        // scheduler, so we can recompute the priority.
+        // TODO: We don't actually need this `ensureRootIsScheduled` call because
+        // this path is only reachable if the root is already part of the schedule.
+        // I'm including it only for consistency with the other exit points from
+        // this function. Can address in a subsequent refactor.
+        ensureRootIsScheduled(root);
+        return null;
       }
 
-      case SuspenseListComponent:
-      case IncompleteClassComponent:
-      case ScopeComponent:
-      case OffscreenComponent:
-      case LegacyHiddenComponent:
-      case TracingMarkerComponent: {
-        break;
+      {
+        syncNestedUpdateFlag();
       }
 
-      default:
-        throw new Error(
-          "This unit of work tag should not have side-effects. This error is " +
-            "likely caused by a bug in React. Please file an issue."
+      var exitStatus = renderRootSync(root, lanes);
+
+      if (root.tag !== LegacyRoot && exitStatus === RootErrored) {
+        // If something threw an error, try rendering one more time. We'll render
+        // synchronously to block concurrent data mutations, and we'll includes
+        // all pending updates are included. If it still fails after the second
+        // attempt, we'll give up and commit the resulting tree.
+        var originallyAttemptedLanes = lanes;
+        var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+          root,
+          originallyAttemptedLanes
         );
-    }
-  }
 
-  {
-    {
-      if (finishedWork.flags & Ref) {
-        commitAttachRef(finishedWork);
+        if (errorRetryLanes !== NoLanes) {
+          lanes = errorRetryLanes;
+          exitStatus = recoverFromConcurrentError(
+            root,
+            originallyAttemptedLanes,
+            errorRetryLanes
+          );
+        }
       }
-    }
-  }
-}
 
-function commitAttachRef(finishedWork) {
-  var ref = finishedWork.ref;
+      if (exitStatus === RootFatalErrored) {
+        var fatalError = workInProgressRootFatalError;
+        prepareFreshStack(root, NoLanes);
+        markRootSuspended(root, lanes, NoLane);
+        ensureRootIsScheduled(root);
+        throw fatalError;
+      }
 
-  if (ref !== null) {
-    var instance = finishedWork.stateNode;
-    var instanceToUse;
+      if (exitStatus === RootDidNotComplete) {
+        // The render unwound without completing the tree. This happens in special
+        // cases where need to exit the current render without producing a
+        // consistent tree or committing.
+        markRootSuspended(root, lanes, workInProgressDeferredLane);
+        ensureRootIsScheduled(root);
+        return null;
+      } // We now have a consistent tree. Because this is a sync render, we
+      // will commit it even if something suspended.
 
-    switch (finishedWork.tag) {
-      case HostComponent:
-        instanceToUse = getPublicInstance(instance);
-        break;
+      var finishedWork = root.current.alternate;
+      root.finishedWork = finishedWork;
+      root.finishedLanes = lanes;
+      commitRoot(
+        root,
+        workInProgressRootRecoverableErrors,
+        workInProgressTransitions,
+        workInProgressDeferredLane
+      ); // Before exiting, make sure there's a callback scheduled for the next
+      // pending level.
 
-      default:
-        instanceToUse = instance;
-    } // Moved outside to ensure DCE works with this flag
+      ensureRootIsScheduled(root);
+      return null;
+    }
+    function getExecutionContext() {
+      return executionContext;
+    }
+    function batchedUpdates(fn, a) {
+      var prevExecutionContext = executionContext;
+      executionContext |= BatchedContext;
 
-    if (typeof ref === "function") {
-      var retVal;
+      try {
+        return fn(a);
+      } finally {
+        executionContext = prevExecutionContext; // If there were legacy sync updates, flush them at the end of the outer
+        // most batchedUpdates-like method.
 
-      if (finishedWork.mode & ProfileMode) {
-        try {
-          startLayoutEffectTimer();
-          retVal = ref(instanceToUse);
-        } finally {
-          recordLayoutEffectDuration(finishedWork);
+        if (
+          executionContext === NoContext && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
+          !ReactCurrentActQueue.isBatchingLegacy
+        ) {
+          resetRenderTimer();
+          flushSyncWorkOnLegacyRootsOnly();
         }
-      } else {
-        retVal = ref(instanceToUse);
       }
+    }
+    // Warning, this opts-out of checking the function body.
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line no-redeclare
+    // eslint-disable-next-line no-redeclare
 
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+    function flushSync(fn) {
+      // In legacy mode, we flush pending passive effects at the beginning of the
+      // next event, not at the end of the previous one.
+      if (
+        rootWithPendingPassiveEffects !== null &&
+        rootWithPendingPassiveEffects.tag === LegacyRoot &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        flushPassiveEffects();
       }
-    } else {
-      {
-        if (!ref.hasOwnProperty("current")) {
-          error(
-            "Unexpected ref object provided for %s. " +
-              "Use either a ref-setter function or React.createRef().",
-            getComponentNameFromFiber(finishedWork)
-          );
+
+      var prevExecutionContext = executionContext;
+      executionContext |= BatchedContext;
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      var previousPriority = getCurrentUpdatePriority();
+
+      try {
+        ReactCurrentBatchConfig.transition = null;
+        setCurrentUpdatePriority(DiscreteEventPriority);
+
+        if (fn) {
+          return fn();
+        } else {
+          return undefined;
         }
-      }
+      } finally {
+        setCurrentUpdatePriority(previousPriority);
+        ReactCurrentBatchConfig.transition = prevTransition;
+        executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
+        // Note that this will happen even if batchedUpdates is higher up
+        // the stack.
 
-      ref.current = instanceToUse;
+        if (
+          (executionContext & (RenderContext | CommitContext)) ===
+          NoContext
+        ) {
+          flushSyncWorkOnAllRoots();
+        }
+      }
     }
-  }
-}
+    // hidden subtree. The stack logic is managed there because that's the only
+    // place that ever modifies it. Which module it lives in doesn't matter for
+    // performance because this function will get inlined regardless
 
-function detachFiberMutation(fiber) {
-  // Cut off the return pointer to disconnect it from the tree.
-  // This enables us to detect and warn against state updates on an unmounted component.
-  // It also prevents events from bubbling from within disconnected components.
-  //
-  // Ideally, we should also clear the child pointer of the parent alternate to let this
-  // get GC:ed but we don't know which for sure which parent is the current
-  // one so we'll settle for GC:ing the subtree of this child.
-  // This child itself will be GC:ed when the parent updates the next time.
-  //
-  // Note that we can't clear child or sibling pointers yet.
-  // They're needed for passive effects and for findDOMNode.
-  // We defer those fields, and all other cleanup, to the passive phase (see detachFiberAfterEffects).
-  //
-  // Don't reset the alternate yet, either. We need that so we can detach the
-  // alternate's fields in the passive phase. Clearing the return pointer is
-  // sufficient for findDOMNode semantics.
-  var alternate = fiber.alternate;
-
-  if (alternate !== null) {
-    alternate.return = null;
-  }
-
-  fiber.return = null;
-}
+    function setEntangledRenderLanes(newEntangledRenderLanes) {
+      entangledRenderLanes = newEntangledRenderLanes;
+    }
+    function getEntangledRenderLanes() {
+      return entangledRenderLanes;
+    }
 
-function detachFiberAfterEffects(fiber) {
-  var alternate = fiber.alternate;
-
-  if (alternate !== null) {
-    fiber.alternate = null;
-    detachFiberAfterEffects(alternate);
-  } // Note: Defensively using negation instead of < in case
-  // `deletedTreeCleanUpLevel` is undefined.
-
-  {
-    // Clear cyclical Fiber fields. This level alone is designed to roughly
-    // approximate the planned Fiber refactor. In that world, `setState` will be
-    // bound to a special "instance" object instead of a Fiber. The Instance
-    // object will not have any of these fields. It will only be connected to
-    // the fiber tree via a single link at the root. So if this level alone is
-    // sufficient to fix memory issues, that bodes well for our plans.
-    fiber.child = null;
-    fiber.deletions = null;
-    fiber.sibling = null; // The `stateNode` is cyclical because on host nodes it points to the host
-    // tree, which has its own pointers to children, parents, and siblings.
-    // The other host nodes also point back to fibers, so we should detach that
-    // one, too.
-
-    if (fiber.tag === HostComponent) {
-      var hostInstance = fiber.stateNode;
-    }
-
-    fiber.stateNode = null; // I'm intentionally not clearing the `return` field in this level. We
-    // already disconnect the `return` pointer at the root of the deleted
-    // subtree (in `detachFiberMutation`). Besides, `return` by itself is not
-    // cyclical — it's only cyclical when combined with `child`, `sibling`, and
-    // `alternate`. But we'll clear it in the next level anyway, just in case.
+    function resetWorkInProgressStack() {
+      if (workInProgress === null) return;
+      var interruptedWork;
 
-    {
-      fiber._debugOwner = null;
-    }
+      if (workInProgressSuspendedReason === NotSuspended) {
+        // Normal case. Work-in-progress hasn't started yet. Unwind all
+        // its parents.
+        interruptedWork = workInProgress.return;
+      } else {
+        // Work-in-progress is in suspended state. Reset the work loop and unwind
+        // both the suspended fiber and all its parents.
+        resetSuspendedWorkLoopOnUnwind(workInProgress);
+        interruptedWork = workInProgress;
+      }
 
-    {
-      // Theoretically, nothing in here should be necessary, because we already
-      // disconnected the fiber from the tree. So even if something leaks this
-      // particular fiber, it won't leak anything else
-      //
-      // The purpose of this branch is to be super aggressive so we can measure
-      // if there's any difference in memory impact. If there is, that could
-      // indicate a React leak we don't know about.
-      fiber.return = null;
-      fiber.dependencies = null;
-      fiber.memoizedProps = null;
-      fiber.memoizedState = null;
-      fiber.pendingProps = null;
-      fiber.stateNode = null; // TODO: Move to `commitPassiveUnmountInsideDeletedTreeOnFiber` instead.
+      while (interruptedWork !== null) {
+        var current = interruptedWork.alternate;
+        unwindInterruptedWork(current, interruptedWork);
+        interruptedWork = interruptedWork.return;
+      }
 
-      fiber.updateQueue = null;
+      workInProgress = null;
     }
-  }
-}
 
-function emptyPortalContainer(current) {
-  var portal = current.stateNode;
-  var containerInfo = portal.containerInfo;
-  var emptyChildSet = createContainerChildSet(containerInfo);
-}
+    function prepareFreshStack(root, lanes) {
+      root.finishedWork = null;
+      root.finishedLanes = NoLanes;
+      var timeoutHandle = root.timeoutHandle;
 
-function commitPlacement(finishedWork) {
-  {
-    return;
-  } // Recursively insert all host nodes into the parent.
-}
+      if (timeoutHandle !== noTimeout) {
+        // The root previous suspended and scheduled a timeout to commit a fallback
+        // state. Now that we have additional work, cancel the timeout.
+        root.timeoutHandle = noTimeout; // $FlowFixMe[incompatible-call] Complains noTimeout is not a TimeoutID, despite the check above
 
-function commitDeletionEffects(root, returnFiber, deletedFiber) {
-  {
-    // Detach refs and call componentWillUnmount() on the whole subtree.
-    commitDeletionEffectsOnFiber(root, returnFiber, deletedFiber);
-  }
+        cancelTimeout(timeoutHandle);
+      }
 
-  detachFiberMutation(deletedFiber);
-}
+      var cancelPendingCommit = root.cancelPendingCommit;
 
-function recursivelyTraverseDeletionEffects(
-  finishedRoot,
-  nearestMountedAncestor,
-  parent
-) {
-  // TODO: Use a static flag to skip trees that don't have unmount effects
-  var child = parent.child;
-
-  while (child !== null) {
-    commitDeletionEffectsOnFiber(finishedRoot, nearestMountedAncestor, child);
-    child = child.sibling;
-  }
-}
+      if (cancelPendingCommit !== null) {
+        root.cancelPendingCommit = null;
+        cancelPendingCommit();
+      }
 
-function commitDeletionEffectsOnFiber(
-  finishedRoot,
-  nearestMountedAncestor,
-  deletedFiber
-) {
-  onCommitUnmount(deletedFiber); // The cases in this outer switch modify the stack before they traverse
-  // into their subtree. There are simpler cases in the inner switch
-  // that don't modify the stack.
-
-  switch (deletedFiber.tag) {
-    case HostComponent: {
-      {
-        safelyDetachRef(deletedFiber, nearestMountedAncestor);
-      } // Intentional fallthrough to next branch
-    }
-    // eslint-disable-next-line-no-fallthrough
+      resetWorkInProgressStack();
+      workInProgressRoot = root;
+      var rootWorkInProgress = createWorkInProgress(root.current, null);
+      workInProgress = rootWorkInProgress;
+      workInProgressRootRenderLanes = lanes;
+      workInProgressSuspendedReason = NotSuspended;
+      workInProgressThrownValue = null;
+      workInProgressRootDidAttachPingListener = false;
+      workInProgressRootExitStatus = RootInProgress;
+      workInProgressRootFatalError = null;
+      workInProgressRootSkippedLanes = NoLanes;
+      workInProgressRootInterleavedUpdatedLanes = NoLanes;
+      workInProgressRootPingedLanes = NoLanes;
+      workInProgressDeferredLane = NoLane;
+      workInProgressRootConcurrentErrors = null;
+      workInProgressRootRecoverableErrors = null; // Get the lanes that are entangled with whatever we're about to render. We
+      // track these separately so we can distinguish the priority of the render
+      // task from the priority of the lanes it is entangled with. For example, a
+      // transition may not be allowed to finish unless it includes the Sync lane,
+      // which is currently suspended. We should be able to render the Transition
+      // and Sync lane in the same batch, but at Transition priority, because the
+      // Sync lane already suspended.
+
+      entangledRenderLanes = getEntangledLanes(root, lanes);
+      finishQueueingConcurrentUpdates();
 
-    case HostText: {
-      // We only need to remove the nearest host child. Set the host parent
-      // to `null` on the stack to indicate that nested children don't
-      // need to be removed.
       {
-        recursivelyTraverseDeletionEffects(
-          finishedRoot,
-          nearestMountedAncestor,
-          deletedFiber
-        );
+        ReactStrictModeWarnings.discardPendingWarnings();
       }
 
-      return;
+      return rootWorkInProgress;
     }
 
-    case DehydratedFragment: {
-      return;
+    function resetSuspendedWorkLoopOnUnwind(fiber) {
+      // Reset module-level state that was set during the render phase.
+      resetContextDependencies();
+      resetHooksOnUnwind(fiber);
+      resetChildReconcilerOnUnwind();
     }
 
-    case HostPortal: {
-      {
-        emptyPortalContainer(deletedFiber);
-        recursivelyTraverseDeletionEffects(
-          finishedRoot,
-          nearestMountedAncestor,
-          deletedFiber
-        );
+    function handleThrow(root, thrownValue) {
+      // A component threw an exception. Usually this is because it suspended, but
+      // it also includes regular program errors.
+      //
+      // We're either going to unwind the stack to show a Suspense or error
+      // boundary, or we're going to replay the component again. Like after a
+      // promise resolves.
+      //
+      // Until we decide whether we're going to unwind or replay, we should preserve
+      // the current state of the work loop without resetting anything.
+      //
+      // If we do decide to unwind the stack, module-level variables will be reset
+      // in resetSuspendedWorkLoopOnUnwind.
+      // These should be reset immediately because they're only supposed to be set
+      // when React is executing user code.
+      resetHooksAfterThrow();
+      resetCurrentFiber();
+      ReactCurrentOwner$1.current = null;
+
+      if (thrownValue === SuspenseException) {
+        // This is a special type of exception used for Suspense. For historical
+        // reasons, the rest of the Suspense implementation expects the thrown value
+        // to be a thenable, because before `use` existed that was the (unstable)
+        // API for suspending. This implementation detail can change later, once we
+        // deprecate the old API in favor of `use`.
+        thrownValue = getSuspendedThenable();
+        workInProgressSuspendedReason =
+          shouldRemainOnPreviousScreen() && // Check if there are other pending updates that might possibly unblock this
+          // component from suspending. This mirrors the check in
+          // renderDidSuspendDelayIfPossible. We should attempt to unify them somehow.
+          // TODO: Consider unwinding immediately, using the
+          // SuspendedOnHydration mechanism.
+          !includesNonIdleWork(workInProgressRootSkippedLanes) &&
+          !includesNonIdleWork(workInProgressRootInterleavedUpdatedLanes) // Suspend work loop until data resolves
+            ? SuspendedOnData // Don't suspend work loop, except to check if the data has
+            : // immediately resolved (i.e. in a microtask). Otherwise, trigger the
+              // nearest Suspense fallback.
+              SuspendedOnImmediate;
+      } else if (thrownValue === SuspenseyCommitException) {
+        thrownValue = getSuspendedThenable();
+        workInProgressSuspendedReason = SuspendedOnInstance;
+      } else if (thrownValue === SelectiveHydrationException) {
+        // An update flowed into a dehydrated boundary. Before we can apply the
+        // update, we need to finish hydrating. Interrupt the work-in-progress
+        // render so we can restart at the hydration lane.
+        //
+        // The ideal implementation would be able to switch contexts without
+        // unwinding the current stack.
+        //
+        // We could name this something more general but as of now it's the only
+        // case where we think this should happen.
+        workInProgressSuspendedReason = SuspendedOnHydration;
+      } else {
+        // This is a regular error.
+        var isWakeable =
+          thrownValue !== null &&
+          typeof thrownValue === "object" &&
+          typeof thrownValue.then === "function";
+        workInProgressSuspendedReason = isWakeable // A wakeable object was thrown by a legacy Suspense implementation.
+          ? // This has slightly different behavior than suspending with `use`.
+            SuspendedOnDeprecatedThrowPromise // This is a regular error. If something earlier in the component already
+          : // suspended, we must clear the thenable state to unblock the work loop.
+            SuspendedOnError;
       }
 
-      return;
-    }
-
-    case FunctionComponent:
-    case ForwardRef:
-    case MemoComponent:
-    case SimpleMemoComponent: {
-      {
-        var updateQueue = deletedFiber.updateQueue;
+      workInProgressThrownValue = thrownValue;
+      var erroredWork = workInProgress;
 
-        if (updateQueue !== null) {
-          var lastEffect = updateQueue.lastEffect;
+      if (erroredWork === null) {
+        // This is a fatal error
+        workInProgressRootExitStatus = RootFatalErrored;
+        workInProgressRootFatalError = thrownValue;
+        return;
+      }
 
-          if (lastEffect !== null) {
-            var firstEffect = lastEffect.next;
-            var effect = firstEffect;
+      if (erroredWork.mode & ProfileMode) {
+        // Record the time spent rendering before an error was thrown. This
+        // avoids inaccurate Profiler durations in the case of a
+        // suspended render.
+        stopProfilerTimerIfRunningAndRecordDelta(erroredWork, true);
+      }
+    }
 
-            do {
-              var _effect = effect,
-                destroy = _effect.destroy,
-                tag = _effect.tag;
-
-              if (destroy !== undefined) {
-                if ((tag & Insertion) !== NoFlags$1) {
-                  safelyCallDestroy(
-                    deletedFiber,
-                    nearestMountedAncestor,
-                    destroy
-                  );
-                } else if ((tag & Layout) !== NoFlags$1) {
-                  if (deletedFiber.mode & ProfileMode) {
-                    startLayoutEffectTimer();
-                    safelyCallDestroy(
-                      deletedFiber,
-                      nearestMountedAncestor,
-                      destroy
-                    );
-                    recordLayoutEffectDuration(deletedFiber);
-                  } else {
-                    safelyCallDestroy(
-                      deletedFiber,
-                      nearestMountedAncestor,
-                      destroy
-                    );
-                  }
-                }
-              }
+    function shouldRemainOnPreviousScreen() {
+      // This is asking whether it's better to suspend the transition and remain
+      // on the previous screen, versus showing a fallback as soon as possible. It
+      // takes into account both the priority of render and also whether showing a
+      // fallback would produce a desirable user experience.
+      var handler = getSuspenseHandler();
 
-              effect = effect.next;
-            } while (effect !== firstEffect);
-          }
+      if (handler === null) {
+        // There's no Suspense boundary that can provide a fallback. We have no
+        // choice but to remain on the previous screen.
+        // NOTE: We do this even for sync updates, for lack of any better option. In
+        // the future, we may change how we handle this, like by putting the whole
+        // root into a "detached" mode.
+        return true;
+      } // TODO: Once `use` has fully replaced the `throw promise` pattern, we should
+      // be able to remove the equivalent check in finishConcurrentRender, and rely
+      // just on this one.
+
+      if (includesOnlyTransitions(workInProgressRootRenderLanes)) {
+        if (getShellBoundary() === null) {
+          // We're rendering inside the "shell" of the app. Activating the nearest
+          // fallback would cause visible content to disappear. It's better to
+          // suspend the transition and remain on the previous screen.
+          return true;
+        } else {
+          // We're rendering content that wasn't part of the previous screen.
+          // Rather than block the transition, it's better to show a fallback as
+          // soon as possible. The appearance of any nested fallbacks will be
+          // throttled to avoid jank.
+          return false;
         }
       }
 
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
-      return;
+      if (
+        includesOnlyRetries(workInProgressRootRenderLanes) || // In this context, an OffscreenLane counts as a Retry
+        // TODO: It's become increasingly clear that Retries and Offscreen are
+        // deeply connected. They probably can be unified further.
+        includesSomeLane(workInProgressRootRenderLanes, OffscreenLane)
+      ) {
+        // During a retry, we can suspend rendering if the nearest Suspense boundary
+        // is the boundary of the "shell", because we're guaranteed not to block
+        // any new content from appearing.
+        //
+        // The reason we must check if this is a retry is because it guarantees
+        // that suspending the work loop won't block an actual update, because
+        // retries don't "update" anything; they fill in fallbacks that were left
+        // behind by a previous transition.
+        return handler === getShellBoundary();
+      } // For all other Lanes besides Transitions and Retries, we should not wait
+      // for the data to load.
+
+      return false;
     }
 
-    case ClassComponent: {
-      {
-        safelyDetachRef(deletedFiber, nearestMountedAncestor);
-        var instance = deletedFiber.stateNode;
+    function pushDispatcher(container) {
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
-        if (typeof instance.componentWillUnmount === "function") {
-          safelyCallComponentWillUnmount(
-            deletedFiber,
-            nearestMountedAncestor,
-            instance
-          );
-        }
+      if (prevDispatcher === null) {
+        // The React isomorphic package does not include a default dispatcher.
+        // Instead the first renderer will lazily attach one, in order to give
+        // nicer error messages.
+        return ContextOnlyDispatcher;
+      } else {
+        return prevDispatcher;
       }
+    }
 
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
-      return;
+    function popDispatcher(prevDispatcher) {
+      ReactCurrentDispatcher.current = prevDispatcher;
     }
 
-    case ScopeComponent: {
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
+    function markCommitTimeOfFallback() {
+      globalMostRecentFallbackTime = now$1();
+    }
+    function markSkippedUpdateLanes(lane) {
+      workInProgressRootSkippedLanes = mergeLanes(
+        lane,
+        workInProgressRootSkippedLanes
       );
-      return;
     }
+    function renderDidSuspend() {
+      if (workInProgressRootExitStatus === RootInProgress) {
+        workInProgressRootExitStatus = RootSuspended;
+      }
+    }
+    function renderDidSuspendDelayIfPossible() {
+      workInProgressRootExitStatus = RootSuspendedWithDelay; // Check if there are updates that we skipped tree that might have unblocked
+      // this render.
 
-    case OffscreenComponent: {
-      {
-        recursivelyTraverseDeletionEffects(
-          finishedRoot,
-          nearestMountedAncestor,
-          deletedFiber
+      if (
+        (includesNonIdleWork(workInProgressRootSkippedLanes) ||
+          includesNonIdleWork(workInProgressRootInterleavedUpdatedLanes)) &&
+        workInProgressRoot !== null
+      ) {
+        // Mark the current render as suspended so that we switch to working on
+        // the updates that were skipped. Usually we only suspend at the end of
+        // the render phase.
+        // TODO: We should probably always mark the root as suspended immediately
+        // (inside this function), since by suspending at the end of the render
+        // phase introduces a potential mistake where we suspend lanes that were
+        // pinged or updated while we were rendering.
+        // TODO: Consider unwinding immediately, using the
+        // SuspendedOnHydration mechanism.
+        markRootSuspended(
+          workInProgressRoot,
+          workInProgressRootRenderLanes,
+          workInProgressDeferredLane
         );
       }
-
-      break;
     }
+    function renderDidError(error) {
+      if (workInProgressRootExitStatus !== RootSuspendedWithDelay) {
+        workInProgressRootExitStatus = RootErrored;
+      }
 
-    default: {
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
-      return;
-    }
-  }
-}
+      if (workInProgressRootConcurrentErrors === null) {
+        workInProgressRootConcurrentErrors = [error];
+      } else {
+        workInProgressRootConcurrentErrors.push(error);
+      }
+    } // Called during render to determine if anything has suspended.
+    // Returns false if we're not sure.
 
-function commitSuspenseCallback(finishedWork) {
-  // TODO: Move this to passive phase
-  var newState = finishedWork.memoizedState;
-}
+    function renderHasNotSuspendedYet() {
+      // If something errored or completed, we can't really be sure,
+      // so those are false.
+      return workInProgressRootExitStatus === RootInProgress;
+    } // TODO: Over time, this function and renderRootConcurrent have become more
+    // and more similar. Not sure it makes sense to maintain forked paths. Consider
+    // unifying them again.
+
+    function renderRootSync(root, lanes) {
+      var prevExecutionContext = executionContext;
+      executionContext |= RenderContext;
+      var prevDispatcher = pushDispatcher();
+      // and prepare a fresh one. Otherwise we'll continue where we left off.
+
+      if (
+        workInProgressRoot !== root ||
+        workInProgressRootRenderLanes !== lanes
+      ) {
+        {
+          if (isDevToolsPresent) {
+            var memoizedUpdaters = root.memoizedUpdaters;
 
-function attachSuspenseRetryListeners(finishedWork) {
-  // If this boundary just timed out, then it will have a set of wakeables.
-  // For each wakeable, attach a listener so that when it resolves, React
-  // attempts to re-render the boundary in the primary (pre-timeout) state.
-  var wakeables = finishedWork.updateQueue;
+            if (memoizedUpdaters.size > 0) {
+              restorePendingUpdaters(root, workInProgressRootRenderLanes);
+              memoizedUpdaters.clear();
+            } // At this point, move Fibers that scheduled the upcoming work from the Map to the Set.
+            // If we bailout on this work, we'll move them back (like above).
+            // It's important to move them now in case the work spawns more work at the same priority with different updaters.
+            // That way we can keep the current update and future updates separate.
 
-  if (wakeables !== null) {
-    finishedWork.updateQueue = null;
-    var retryCache = finishedWork.stateNode;
+            movePendingFibersToMemoized(root, lanes);
+          }
+        }
 
-    if (retryCache === null) {
-      retryCache = finishedWork.stateNode = new PossiblyWeakSet();
-    }
+        workInProgressTransitions = getTransitionsForLanes();
+        prepareFreshStack(root, lanes);
+      }
 
-    wakeables.forEach(function(wakeable) {
-      // Memoize using the boundary fiber to prevent redundant listeners.
-      var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
+      var didSuspendInShell = false;
 
-      if (!retryCache.has(wakeable)) {
-        retryCache.add(wakeable);
+      outer: do {
+        try {
+          if (
+            workInProgressSuspendedReason !== NotSuspended &&
+            workInProgress !== null
+          ) {
+            // The work loop is suspended. During a synchronous render, we don't
+            // yield to the main thread. Immediately unwind the stack. This will
+            // trigger either a fallback or an error boundary.
+            // TODO: For discrete and "default" updates (anything that's not
+            // flushSync), we want to wait for the microtasks the flush before
+            // unwinding. Will probably implement this using renderRootConcurrent,
+            // or merge renderRootSync and renderRootConcurrent into the same
+            // function and fork the behavior some other way.
+            var unitOfWork = workInProgress;
+            var thrownValue = workInProgressThrownValue;
+
+            switch (workInProgressSuspendedReason) {
+              case SuspendedOnHydration: {
+                // Selective hydration. An update flowed into a dehydrated tree.
+                // Interrupt the current render so the work loop can switch to the
+                // hydration lane.
+                resetWorkInProgressStack();
+                workInProgressRootExitStatus = RootDidNotComplete;
+                break outer;
+              }
 
-        {
-          if (isDevToolsPresent) {
-            if (inProgressLanes !== null && inProgressRoot !== null) {
-              // If we have pending work still, associate the original updaters with it.
-              restorePendingUpdaters(inProgressRoot, inProgressLanes);
-            } else {
-              throw Error(
-                "Expected finished root and lanes to be set. This is a bug in React."
-              );
+              case SuspendedOnImmediate:
+              case SuspendedOnData: {
+                if (!didSuspendInShell && getSuspenseHandler() === null) {
+                  didSuspendInShell = true;
+                } // Intentional fallthrough
+              }
+
+              default: {
+                // Unwind then continue with the normal work loop.
+                workInProgressSuspendedReason = NotSuspended;
+                workInProgressThrownValue = null;
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+                break;
+              }
             }
           }
+
+          workLoopSync();
+          break;
+        } catch (thrownValue) {
+          handleThrow(root, thrownValue);
         }
+      } while (true); // Check if something suspended in the shell. We use this to detect an
+      // infinite ping loop caused by an uncached promise.
+      //
+      // Only increment this counter once per synchronous render attempt across the
+      // whole tree. Even if there are many sibling components that suspend, this
+      // counter only gets incremented once.
 
-        wakeable.then(retry, retry);
+      if (didSuspendInShell) {
+        root.shellSuspendCounter++;
       }
-    });
-  }
-} // This function detects when a Suspense boundary goes from visible to hidden.
-function commitMutationEffects(root, finishedWork, committedLanes) {
-  inProgressLanes = committedLanes;
-  inProgressRoot = root;
-  setCurrentFiber(finishedWork);
-  commitMutationEffectsOnFiber(finishedWork, root);
-  setCurrentFiber(finishedWork);
-  inProgressLanes = null;
-  inProgressRoot = null;
-}
-
-function recursivelyTraverseMutationEffects(root, parentFiber, lanes) {
-  // Deletions effects can be scheduled on any fiber type. They need to happen
-  // before the children effects hae fired.
-  var deletions = parentFiber.deletions;
 
-  if (deletions !== null) {
-    for (var i = 0; i < deletions.length; i++) {
-      var childToDelete = deletions[i];
+      resetContextDependencies();
+      executionContext = prevExecutionContext;
+      popDispatcher(prevDispatcher);
 
-      try {
-        commitDeletionEffects(root, parentFiber, childToDelete);
-      } catch (error) {
-        captureCommitPhaseError(childToDelete, parentFiber, error);
+      if (workInProgress !== null) {
+        // This is a sync render, so we should have finished the whole tree.
+        throw new Error(
+          "Cannot commit an incomplete root. This error is likely caused by a " +
+            "bug in React. Please file an issue."
+        );
       }
-    }
-  }
 
-  var prevDebugFiber = getCurrentFiber();
+      workInProgressRoot = null;
+      workInProgressRootRenderLanes = NoLanes; // It's safe to process the queue now that the render phase is complete.
+
+      finishQueueingConcurrentUpdates();
+      return workInProgressRootExitStatus;
+    } // The work loop is an extremely hot path. Tell Closure not to inline it.
 
-  if (parentFiber.subtreeFlags & MutationMask) {
-    var child = parentFiber.child;
+    /** @noinline */
 
-    while (child !== null) {
-      setCurrentFiber(child);
-      commitMutationEffectsOnFiber(child, root);
-      child = child.sibling;
+    function workLoopSync() {
+      // Perform work without checking if we need to yield between fiber.
+      while (workInProgress !== null) {
+        performUnitOfWork(workInProgress);
+      }
     }
-  }
 
-  setCurrentFiber(prevDebugFiber);
-}
+    function renderRootConcurrent(root, lanes) {
+      var prevExecutionContext = executionContext;
+      executionContext |= RenderContext;
+      var prevDispatcher = pushDispatcher();
+      // and prepare a fresh one. Otherwise we'll continue where we left off.
 
-function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
-  var current = finishedWork.alternate;
-  var flags = finishedWork.flags; // The effect flag should be checked *after* we refine the type of fiber,
-  // because the fiber tag is more specific. An exception is any flag related
-  // to reconcilation, because those can be set on all fiber types.
-
-  switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case MemoComponent:
-    case SimpleMemoComponent: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-
-      if (flags & Update) {
-        try {
-          commitHookEffectListUnmount(
-            Insertion | HasEffect,
-            finishedWork,
-            finishedWork.return
-          );
-          commitHookEffectListMount(Insertion | HasEffect, finishedWork);
-        } catch (error) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error);
-        } // Layout effects are destroyed during the mutation phase so that all
-        // destroy functions for all fibers are called before any create functions.
-        // This prevents sibling component effects from interfering with each other,
-        // e.g. a destroy function in one component should never override a ref set
-        // by a create function in another component during the same commit.
+      if (
+        workInProgressRoot !== root ||
+        workInProgressRootRenderLanes !== lanes
+      ) {
+        {
+          if (isDevToolsPresent) {
+            var memoizedUpdaters = root.memoizedUpdaters;
 
-        if (finishedWork.mode & ProfileMode) {
-          try {
-            startLayoutEffectTimer();
-            commitHookEffectListUnmount(
-              Layout | HasEffect,
-              finishedWork,
-              finishedWork.return
-            );
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
+            if (memoizedUpdaters.size > 0) {
+              restorePendingUpdaters(root, workInProgressRootRenderLanes);
+              memoizedUpdaters.clear();
+            } // At this point, move Fibers that scheduled the upcoming work from the Map to the Set.
+            // If we bailout on this work, we'll move them back (like above).
+            // It's important to move them now in case the work spawns more work at the same priority with different updaters.
+            // That way we can keep the current update and future updates separate.
 
-          recordLayoutEffectDuration(finishedWork);
-        } else {
-          try {
-            commitHookEffectListUnmount(
-              Layout | HasEffect,
-              finishedWork,
-              finishedWork.return
-            );
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            movePendingFibersToMemoized(root, lanes);
           }
         }
+
+        workInProgressTransitions = getTransitionsForLanes();
+        resetRenderTimer();
+        prepareFreshStack(root, lanes);
       }
 
-      return;
-    }
+      outer: do {
+        try {
+          if (
+            workInProgressSuspendedReason !== NotSuspended &&
+            workInProgress !== null
+          ) {
+            // The work loop is suspended. We need to either unwind the stack or
+            // replay the suspended component.
+            var unitOfWork = workInProgress;
+            var thrownValue = workInProgressThrownValue;
+
+            resumeOrUnwind: switch (workInProgressSuspendedReason) {
+              case SuspendedOnError: {
+                // Unwind then continue with the normal work loop.
+                workInProgressSuspendedReason = NotSuspended;
+                workInProgressThrownValue = null;
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+                break;
+              }
+
+              case SuspendedOnData: {
+                var thenable = thrownValue;
+
+                if (isThenableResolved(thenable)) {
+                  // The data resolved. Try rendering the component again.
+                  workInProgressSuspendedReason = NotSuspended;
+                  workInProgressThrownValue = null;
+                  replaySuspendedUnitOfWork(unitOfWork);
+                  break;
+                } // The work loop is suspended on data. We should wait for it to
+                // resolve before continuing to render.
+                // TODO: Handle the case where the promise resolves synchronously.
+                // Usually this is handled when we instrument the promise to add a
+                // `status` field, but if the promise already has a status, we won't
+                // have added a listener until right here.
+
+                var onResolution = function () {
+                  // Check if the root is still suspended on this promise.
+                  if (
+                    workInProgressSuspendedReason === SuspendedOnData &&
+                    workInProgressRoot === root
+                  ) {
+                    // Mark the root as ready to continue rendering.
+                    workInProgressSuspendedReason = SuspendedAndReadyToContinue;
+                  } // Ensure the root is scheduled. We should do this even if we're
+                  // currently working on a different root, so that we resume
+                  // rendering later.
+
+                  ensureRootIsScheduled(root);
+                };
+
+                thenable.then(onResolution, onResolution);
+                break outer;
+              }
+
+              case SuspendedOnImmediate: {
+                // If this fiber just suspended, it's possible the data is already
+                // cached. Yield to the main thread to give it a chance to ping. If
+                // it does, we can retry immediately without unwinding the stack.
+                workInProgressSuspendedReason = SuspendedAndReadyToContinue;
+                break outer;
+              }
+
+              case SuspendedOnInstance: {
+                workInProgressSuspendedReason =
+                  SuspendedOnInstanceAndReadyToContinue;
+                break outer;
+              }
+
+              case SuspendedAndReadyToContinue: {
+                var _thenable = thrownValue;
+
+                if (isThenableResolved(_thenable)) {
+                  // The data resolved. Try rendering the component again.
+                  workInProgressSuspendedReason = NotSuspended;
+                  workInProgressThrownValue = null;
+                  replaySuspendedUnitOfWork(unitOfWork);
+                } else {
+                  // Otherwise, unwind then continue with the normal work loop.
+                  workInProgressSuspendedReason = NotSuspended;
+                  workInProgressThrownValue = null;
+                  throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+                }
+
+                break;
+              }
+
+              case SuspendedOnInstanceAndReadyToContinue: {
+                switch (workInProgress.tag) {
+                  case HostComponent:
+                  case HostHoistable:
+                  case HostSingleton: {
+                    // Before unwinding the stack, check one more time if the
+                    // instance is ready. It may have loaded when React yielded to
+                    // the main thread.
+                    // Assigning this to a constant so Flow knows the binding won't
+                    // be mutated by `preloadInstance`.
+                    var hostFiber = workInProgress;
+                    var type = hostFiber.type;
+                    var props = hostFiber.pendingProps;
+                    var isReady = preloadInstance(type, props);
+
+                    if (isReady) {
+                      // The data resolved. Resume the work loop as if nothing
+                      // suspended. Unlike when a user component suspends, we don't
+                      // have to replay anything because the host fiber
+                      // already completed.
+                      workInProgressSuspendedReason = NotSuspended;
+                      workInProgressThrownValue = null;
+                      var sibling = hostFiber.sibling;
+
+                      if (sibling !== null) {
+                        workInProgress = sibling;
+                      } else {
+                        var returnFiber = hostFiber.return;
+
+                        if (returnFiber !== null) {
+                          workInProgress = returnFiber;
+                          completeUnitOfWork(returnFiber);
+                        } else {
+                          workInProgress = null;
+                        }
+                      }
+
+                      break resumeOrUnwind;
+                    }
+
+                    break;
+                  }
+
+                  default: {
+                    // This will fail gracefully but it's not correct, so log a
+                    // warning in dev.
+                    if (true) {
+                      error(
+                        "Unexpected type of fiber triggered a suspensey commit. " +
+                          "This is a bug in React."
+                      );
+                    }
+
+                    break;
+                  }
+                } // Otherwise, unwind then continue with the normal work loop.
+
+                workInProgressSuspendedReason = NotSuspended;
+                workInProgressThrownValue = null;
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+                break;
+              }
+
+              case SuspendedOnDeprecatedThrowPromise: {
+                // Suspended by an old implementation that uses the `throw promise`
+                // pattern. The newer replaying behavior can cause subtle issues
+                // like infinite ping loops. So we maintain the old behavior and
+                // always unwind.
+                workInProgressSuspendedReason = NotSuspended;
+                workInProgressThrownValue = null;
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+                break;
+              }
+
+              case SuspendedOnHydration: {
+                // Selective hydration. An update flowed into a dehydrated tree.
+                // Interrupt the current render so the work loop can switch to the
+                // hydration lane.
+                resetWorkInProgressStack();
+                workInProgressRootExitStatus = RootDidNotComplete;
+                break outer;
+              }
+
+              default: {
+                throw new Error(
+                  "Unexpected SuspendedReason. This is a bug in React."
+                );
+              }
+            }
+          }
 
-    case ClassComponent: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+          if (true && ReactCurrentActQueue.current !== null) {
+            // `act` special case: If we're inside an `act` scope, don't consult
+            // `shouldYield`. Always keep working until the render is complete.
+            // This is not just an optimization: in a unit test environment, we
+            // can't trust the result of `shouldYield`, because the host I/O is
+            // likely mocked.
+            workLoopSync();
+          } else {
+            workLoopConcurrent();
+          }
 
-      if (flags & Ref) {
-        if (current !== null) {
-          safelyDetachRef(current, current.return);
+          break;
+        } catch (thrownValue) {
+          handleThrow(root, thrownValue);
         }
-      }
+      } while (true);
 
-      return;
-    }
+      resetContextDependencies();
+      popDispatcher(prevDispatcher);
+      executionContext = prevExecutionContext;
 
-    case HostComponent: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+      if (workInProgress !== null) {
+        return RootInProgress;
+      } else {
+        workInProgressRoot = null;
+        workInProgressRootRenderLanes = NoLanes; // It's safe to process the queue now that the render phase is complete.
 
-      if (flags & Ref) {
-        if (current !== null) {
-          safelyDetachRef(current, current.return);
-        }
-      }
+        finishQueueingConcurrentUpdates(); // Return the final exit status.
 
-      return;
+        return workInProgressRootExitStatus;
+      }
     }
+    /** @noinline */
 
-    case HostText: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-
-      return;
+    function workLoopConcurrent() {
+      // Perform work until Scheduler asks us to yield
+      while (workInProgress !== null && !shouldYield()) {
+        // $FlowFixMe[incompatible-call] found when upgrading Flow
+        performUnitOfWork(workInProgress);
+      }
     }
 
-    case HostRoot: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+    function performUnitOfWork(unitOfWork) {
+      // The current, flushed, state of this fiber is the alternate. Ideally
+      // nothing should rely on this, but relying on it here means that we don't
+      // need an additional field on the work in progress.
+      var current = unitOfWork.alternate;
+      setCurrentFiber(unitOfWork);
+      var next;
 
-      if (flags & Update) {
-        {
-          var containerInfo = root.containerInfo;
-          var pendingChildren = root.pendingChildren;
+      if ((unitOfWork.mode & ProfileMode) !== NoMode) {
+        startProfilerTimer(unitOfWork);
+        next = beginWork(current, unitOfWork, entangledRenderLanes);
+        stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
+      } else {
+        next = beginWork(current, unitOfWork, entangledRenderLanes);
+      }
 
-          try {
-            replaceContainerChildren(containerInfo, pendingChildren);
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
-        }
+      resetCurrentFiber();
+      unitOfWork.memoizedProps = unitOfWork.pendingProps;
+
+      if (next === null) {
+        // If this doesn't spawn new work, complete the current work.
+        completeUnitOfWork(unitOfWork);
+      } else {
+        workInProgress = next;
       }
 
-      return;
+      ReactCurrentOwner$1.current = null;
     }
 
-    case HostPortal: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+    function replaySuspendedUnitOfWork(unitOfWork) {
+      // This is a fork of performUnitOfWork specifcally for replaying a fiber that
+      // just suspended.
+      //
+      var current = unitOfWork.alternate;
+      setCurrentFiber(unitOfWork);
+      var next;
+      setCurrentFiber(unitOfWork);
+      var isProfilingMode = (unitOfWork.mode & ProfileMode) !== NoMode;
 
-      if (flags & Update) {
-        {
-          var portal = finishedWork.stateNode;
-          var _containerInfo = portal.containerInfo;
-          var _pendingChildren = portal.pendingChildren;
+      if (isProfilingMode) {
+        startProfilerTimer(unitOfWork);
+      }
 
-          try {
-            replaceContainerChildren(_containerInfo, _pendingChildren);
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
+      switch (unitOfWork.tag) {
+        case IndeterminateComponent: {
+          // Because it suspended with `use`, we can assume it's a
+          // function component.
+          unitOfWork.tag = FunctionComponent; // Fallthrough to the next branch.
         }
-      }
 
-      return;
-    }
+        case SimpleMemoComponent:
+        case FunctionComponent: {
+          // Resolve `defaultProps`. This logic is copied from `beginWork`.
+          // TODO: Consider moving this switch statement into that module. Also,
+          // could maybe use this as an opportunity to say `use` doesn't work with
+          // `defaultProps` :)
+          var Component = unitOfWork.type;
+          var unresolvedProps = unitOfWork.pendingProps;
+          var resolvedProps =
+            unitOfWork.elementType === Component
+              ? unresolvedProps
+              : resolveDefaultProps(Component, unresolvedProps);
+          var context;
 
-    case SuspenseComponent: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      var offscreenFiber = finishedWork.child;
+          {
+            var unmaskedContext = getUnmaskedContext(
+              unitOfWork,
+              Component,
+              true
+            );
+            context = getMaskedContext(unitOfWork, unmaskedContext);
+          }
 
-      if (offscreenFiber.flags & Visibility) {
-        var offscreenInstance = offscreenFiber.stateNode;
-        var newState = offscreenFiber.memoizedState;
-        var isHidden = newState !== null; // Track the current state on the Offscreen instance so we can
-        // read it during an event
+          next = replayFunctionComponent(
+            current,
+            unitOfWork,
+            resolvedProps,
+            Component,
+            context,
+            workInProgressRootRenderLanes
+          );
+          break;
+        }
 
-        offscreenInstance.isHidden = isHidden;
+        case ForwardRef: {
+          // Resolve `defaultProps`. This logic is copied from `beginWork`.
+          // TODO: Consider moving this switch statement into that module. Also,
+          // could maybe use this as an opportunity to say `use` doesn't work with
+          // `defaultProps` :)
+          var _Component = unitOfWork.type.render;
+          var _unresolvedProps = unitOfWork.pendingProps;
 
-        if (isHidden) {
-          var wasHidden =
-            offscreenFiber.alternate !== null &&
-            offscreenFiber.alternate.memoizedState !== null;
+          var _resolvedProps =
+            unitOfWork.elementType === _Component
+              ? _unresolvedProps
+              : resolveDefaultProps(_Component, _unresolvedProps);
 
-          if (!wasHidden) {
-            // TODO: Move to passive phase
-            markCommitTimeOfFallback();
-          }
+          next = replayFunctionComponent(
+            current,
+            unitOfWork,
+            _resolvedProps,
+            _Component,
+            unitOfWork.ref,
+            workInProgressRootRenderLanes
+          );
+          break;
         }
-      }
 
-      if (flags & Update) {
-        try {
-          commitSuspenseCallback(finishedWork);
-        } catch (error) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        case HostComponent: {
+          // Some host components are stateful (that's how we implement form
+          // actions) but we don't bother to reuse the memoized state because it's
+          // not worth the extra code. The main reason to reuse the previous hooks
+          // is to reuse uncached promises, but we happen to know that the only
+          // promises that a host component might suspend on are definitely cached
+          // because they are controlled by us. So don't bother.
+          resetHooksOnUnwind(unitOfWork); // Fallthrough to the next branch.
         }
 
-        attachSuspenseRetryListeners(finishedWork);
+        default: {
+          // Other types besides function components are reset completely before
+          // being replayed. Currently this only happens when a Usable type is
+          // reconciled — the reconciler will suspend.
+          //
+          // We reset the fiber back to its original state; however, this isn't
+          // a full "unwind" because we're going to reuse the promises that were
+          // reconciled previously. So it's intentional that we don't call
+          // resetSuspendedWorkLoopOnUnwind here.
+          unwindInterruptedWork(current, unitOfWork);
+          unitOfWork = workInProgress = resetWorkInProgress(
+            unitOfWork,
+            entangledRenderLanes
+          );
+          next = beginWork(current, unitOfWork, entangledRenderLanes);
+          break;
+        }
       }
 
-      return;
-    }
+      if (isProfilingMode) {
+        stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
+      } // The begin phase finished successfully without suspending. Return to the
+      // normal work loop.
 
-    case OffscreenComponent: {
-      var _wasHidden = current !== null && current.memoizedState !== null;
+      resetCurrentFiber();
+      unitOfWork.memoizedProps = unitOfWork.pendingProps;
 
-      {
-        recursivelyTraverseMutationEffects(root, finishedWork);
+      if (next === null) {
+        // If this doesn't spawn new work, complete the current work.
+        completeUnitOfWork(unitOfWork);
+      } else {
+        workInProgress = next;
       }
 
-      commitReconciliationEffects(finishedWork);
+      ReactCurrentOwner$1.current = null;
+    }
 
-      if (flags & Visibility) {
-        var _offscreenInstance = finishedWork.stateNode;
-        var _newState = finishedWork.memoizedState;
+    function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
+      // This is a fork of performUnitOfWork specifcally for unwinding a fiber
+      // that threw an exception.
+      //
+      // Return to the normal work loop. This will unwind the stack, and potentially
+      // result in showing a fallback.
+      resetSuspendedWorkLoopOnUnwind(unitOfWork);
+      var returnFiber = unitOfWork.return;
 
-        var _isHidden = _newState !== null;
-        // read it during an event
+      try {
+        // Find and mark the nearest Suspense or error boundary that can handle
+        // this "exception".
+        var didFatal = throwException(
+          root,
+          returnFiber,
+          unitOfWork,
+          thrownValue,
+          workInProgressRootRenderLanes
+        );
 
-        _offscreenInstance.isHidden = _isHidden;
+        if (didFatal) {
+          panicOnRootError(thrownValue);
+          return;
+        }
+      } catch (error) {
+        // We had trouble processing the error. An example of this happening is
+        // when accessing the `componentDidCatch` property of an error boundary
+        // throws an error. A weird edge case. There's a regression test for this.
+        // To prevent an infinite loop, bubble the error up to the next parent.
+        if (returnFiber !== null) {
+          workInProgress = returnFiber;
+          throw error;
+        } else {
+          panicOnRootError(thrownValue);
+          return;
+        }
       }
 
-      return;
+      if (unitOfWork.flags & Incomplete) {
+        // Unwind the stack until we reach the nearest boundary.
+        unwindUnitOfWork(unitOfWork);
+      } else {
+        // Although the fiber suspended, we're intentionally going to commit it in
+        // an inconsistent state. We can do this safely in cases where we know the
+        // inconsistent tree will be hidden.
+        //
+        // This currently only applies to Legacy Suspense implementation, but we may
+        // port a version of this to concurrent roots, too, when performing a
+        // synchronous render. Because that will allow us to mutate the tree as we
+        // go instead of buffering mutations until the end. Though it's unclear if
+        // this particular path is how that would be implemented.
+        completeUnitOfWork(unitOfWork);
+      }
     }
 
-    case SuspenseListComponent: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+    function panicOnRootError(error) {
+      // There's no ancestor that can handle this exception. This should never
+      // happen because the root is supposed to capture all errors that weren't
+      // caught by an error boundary. This is a fatal error, or panic condition,
+      // because we've run out of ways to recover.
+      workInProgressRootExitStatus = RootFatalErrored;
+      workInProgressRootFatalError = error; // Set `workInProgress` to null. This represents advancing to the next
+      // sibling, or the parent if there are no siblings. But since the root
+      // has no siblings nor a parent, we set it to null. Usually this is
+      // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+      // intentionally not calling those, we need set it here.
+      // TODO: Consider calling `unwindWork` to pop the contexts.
 
-      if (flags & Update) {
-        attachSuspenseRetryListeners(finishedWork);
-      }
-
-      return;
+      workInProgress = null;
     }
 
-    case ScopeComponent: {
-      return;
-    }
+    function completeUnitOfWork(unitOfWork) {
+      // Attempt to complete the current unit of work, then move to the next
+      // sibling. If there are no more siblings, return to the parent fiber.
+      var completedWork = unitOfWork;
 
-    default: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      return;
-    }
-  }
-}
+      do {
+        {
+          if ((completedWork.flags & Incomplete) !== NoFlags$1) {
+            // NOTE: If we re-enable sibling prerendering in some cases, this branch
+            // is where we would switch to the unwinding path.
+            error(
+              "Internal React error: Expected this fiber to be complete, but " +
+                "it isn't. It should have been unwound. This is a bug in React."
+            );
+          }
+        } // The current, flushed, state of this fiber is the alternate. Ideally
+        // nothing should rely on this, but relying on it here means that we don't
+        // need an additional field on the work in progress.
 
-function commitReconciliationEffects(finishedWork) {
-  // Placement effects (insertions, reorders) can be scheduled on any fiber
-  // type. They needs to happen after the children effects have fired, but
-  // before the effects on this fiber have fired.
-  var flags = finishedWork.flags;
-
-  if (flags & Placement) {
-    try {
-      commitPlacement(finishedWork);
-    } catch (error) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error);
-    } // Clear the "placement" from effect tag so that we know that this is
-    // inserted, before any life-cycles like componentDidMount gets called.
-    // TODO: findDOMNode doesn't rely on this any more but isMounted does
-    // and isMounted is deprecated anyway so we should be able to kill this.
-
-    finishedWork.flags &= ~Placement;
-  }
-
-  if (flags & Hydrating) {
-    finishedWork.flags &= ~Hydrating;
-  }
-}
+        var current = completedWork.alternate;
+        var returnFiber = completedWork.return;
+        setCurrentFiber(completedWork);
+        var next = void 0;
 
-function commitLayoutEffects(finishedWork, root, committedLanes) {
-  inProgressLanes = committedLanes;
-  inProgressRoot = root;
-  nextEffect = finishedWork;
-  commitLayoutEffects_begin(finishedWork, root, committedLanes);
-  inProgressLanes = null;
-  inProgressRoot = null;
-}
+        if ((completedWork.mode & ProfileMode) === NoMode) {
+          next = completeWork(current, completedWork, entangledRenderLanes);
+        } else {
+          startProfilerTimer(completedWork);
+          next = completeWork(current, completedWork, entangledRenderLanes); // Update render duration assuming we didn't error.
 
-function commitLayoutEffects_begin(subtreeRoot, root, committedLanes) {
-  // Suspense layout effects semantics don't change for legacy roots.
-  var isModernRoot = (subtreeRoot.mode & ConcurrentMode) !== NoMode;
+          stopProfilerTimerIfRunningAndRecordDelta(completedWork, false);
+        }
 
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
-    var firstChild = fiber.child;
+        resetCurrentFiber();
 
-    if ((fiber.subtreeFlags & LayoutMask) !== NoFlags && firstChild !== null) {
-      firstChild.return = fiber;
-      nextEffect = firstChild;
-    } else {
-      commitLayoutMountEffects_complete(subtreeRoot, root, committedLanes);
-    }
-  }
-}
+        if (next !== null) {
+          // Completing this fiber spawned new work. Work on that next.
+          workInProgress = next;
+          return;
+        }
 
-function commitLayoutMountEffects_complete(subtreeRoot, root, committedLanes) {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
+        var siblingFiber = completedWork.sibling;
 
-    if ((fiber.flags & LayoutMask) !== NoFlags) {
-      var current = fiber.alternate;
-      setCurrentFiber(fiber);
+        if (siblingFiber !== null) {
+          // If there is more work to do in this returnFiber, do that next.
+          workInProgress = siblingFiber;
+          return;
+        } // Otherwise, return to the parent
+        // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-      try {
-        commitLayoutEffectOnFiber(root, current, fiber, committedLanes);
-      } catch (error) {
-        captureCommitPhaseError(fiber, fiber.return, error);
-      }
+        completedWork = returnFiber; // Update the next thing we're working on in case something throws.
 
-      resetCurrentFiber();
-    }
+        workInProgress = completedWork;
+      } while (completedWork !== null); // We've reached the root.
 
-    if (fiber === subtreeRoot) {
-      nextEffect = null;
-      return;
+      if (workInProgressRootExitStatus === RootInProgress) {
+        workInProgressRootExitStatus = RootCompleted;
+      }
     }
 
-    var sibling = fiber.sibling;
+    function unwindUnitOfWork(unitOfWork) {
+      var incompleteWork = unitOfWork;
 
-    if (sibling !== null) {
-      sibling.return = fiber.return;
-      nextEffect = sibling;
-      return;
-    }
+      do {
+        // The current, flushed, state of this fiber is the alternate. Ideally
+        // nothing should rely on this, but relying on it here means that we don't
+        // need an additional field on the work in progress.
+        var current = incompleteWork.alternate; // This fiber did not complete because something threw. Pop values off
+        // the stack without entering the complete phase. If this is a boundary,
+        // capture values if possible.
+
+        var next = unwindWork(current, incompleteWork); // Because this fiber did not complete, don't reset its lanes.
+
+        if (next !== null) {
+          // Found a boundary that can handle this exception. Re-renter the
+          // begin phase. This branch will return us to the normal work loop.
+          //
+          // Since we're restarting, remove anything that is not a host effect
+          // from the effect tag.
+          next.flags &= HostEffectMask;
+          workInProgress = next;
+          return;
+        } // Keep unwinding until we reach either a boundary or the root.
 
-    nextEffect = fiber.return;
-  }
-}
+        if ((incompleteWork.mode & ProfileMode) !== NoMode) {
+          // Record the render duration for the fiber that errored.
+          stopProfilerTimerIfRunningAndRecordDelta(incompleteWork, false); // Include the time spent working on failed children before continuing.
 
-function commitPassiveMountEffects(
-  root,
-  finishedWork,
-  committedLanes,
-  committedTransitions
-) {
-  nextEffect = finishedWork;
-  commitPassiveMountEffects_begin(
-    finishedWork,
-    root,
-    committedLanes,
-    committedTransitions
-  );
-}
+          var actualDuration = incompleteWork.actualDuration;
+          var child = incompleteWork.child;
 
-function commitPassiveMountEffects_begin(
-  subtreeRoot,
-  root,
-  committedLanes,
-  committedTransitions
-) {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
-    var firstChild = fiber.child;
-
-    if ((fiber.subtreeFlags & PassiveMask) !== NoFlags && firstChild !== null) {
-      firstChild.return = fiber;
-      nextEffect = firstChild;
-    } else {
-      commitPassiveMountEffects_complete(
-        subtreeRoot,
-        root,
-        committedLanes,
-        committedTransitions
-      );
-    }
-  }
-}
+          while (child !== null) {
+            // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
+            actualDuration += child.actualDuration;
+            child = child.sibling;
+          }
 
-function commitPassiveMountEffects_complete(
-  subtreeRoot,
-  root,
-  committedLanes,
-  committedTransitions
-) {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
+          incompleteWork.actualDuration = actualDuration;
+        } // TODO: Once we stop prerendering siblings, instead of resetting the parent
+        // of the node being unwound, we should be able to reset node itself as we
+        // unwind the stack. Saves an additional null check.
 
-    if ((fiber.flags & Passive) !== NoFlags) {
-      setCurrentFiber(fiber);
+        var returnFiber = incompleteWork.return;
+
+        if (returnFiber !== null) {
+          // Mark the parent fiber as incomplete and clear its subtree flags.
+          // TODO: Once we stop prerendering siblings, we may be able to get rid of
+          // the Incomplete flag because unwinding to the nearest boundary will
+          // happen synchronously.
+          returnFiber.flags |= Incomplete;
+          returnFiber.subtreeFlags = NoFlags$1;
+          returnFiber.deletions = null;
+        } // NOTE: If we re-enable sibling prerendering in some cases, here we
+        // would switch to the normal completion path: check if a sibling
+        // exists, and if so, begin work on it.
+        // Otherwise, return to the parent
+        // $FlowFixMe[incompatible-type] we bail out when we get a null
+
+        incompleteWork = returnFiber; // Update the next thing we're working on in case something throws.
+
+        workInProgress = incompleteWork;
+      } while (incompleteWork !== null); // We've unwound all the way to the root.
+
+      workInProgressRootExitStatus = RootDidNotComplete;
+      workInProgress = null;
+    }
+
+    function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
+      // TODO: This no longer makes any sense. We already wrap the mutation and
+      // layout phases. Should be able to remove.
+      var previousUpdateLanePriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
 
       try {
-        commitPassiveMountOnFiber(
+        ReactCurrentBatchConfig.transition = null;
+        setCurrentUpdatePriority(DiscreteEventPriority);
+        commitRootImpl(
           root,
-          fiber,
-          committedLanes,
-          committedTransitions
+          recoverableErrors,
+          transitions,
+          previousUpdateLanePriority,
+          spawnedLane
         );
-      } catch (error) {
-        captureCommitPhaseError(fiber, fiber.return, error);
+      } finally {
+        ReactCurrentBatchConfig.transition = prevTransition;
+        setCurrentUpdatePriority(previousUpdateLanePriority);
       }
 
-      resetCurrentFiber();
-    }
-
-    if (fiber === subtreeRoot) {
-      nextEffect = null;
-      return;
+      return null;
     }
 
-    var sibling = fiber.sibling;
+    function commitRootImpl(
+      root,
+      recoverableErrors,
+      transitions,
+      renderPriorityLevel,
+      spawnedLane
+    ) {
+      do {
+        // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
+        // means `flushPassiveEffects` will sometimes result in additional
+        // passive effects. So we need to keep flushing in a loop until there are
+        // no more pending effects.
+        // TODO: Might be better if `flushPassiveEffects` did not automatically
+        // flush synchronous work at the end, to avoid factoring hazards like this.
+        flushPassiveEffects();
+      } while (rootWithPendingPassiveEffects !== null);
 
-    if (sibling !== null) {
-      sibling.return = fiber.return;
-      nextEffect = sibling;
-      return;
-    }
+      flushRenderPhaseStrictModeWarningsInDEV();
 
-    nextEffect = fiber.return;
-  }
-}
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        throw new Error("Should not already be working.");
+      }
 
-function commitPassiveMountOnFiber(
-  finishedRoot,
-  finishedWork,
-  committedLanes,
-  committedTransitions
-) {
-  switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      if (finishedWork.mode & ProfileMode) {
-        startPassiveEffectTimer();
+      var finishedWork = root.finishedWork;
+      var lanes = root.finishedLanes;
 
-        try {
-          commitHookEffectListMount(Passive$1 | HasEffect, finishedWork);
-        } finally {
-          recordPassiveEffectDuration(finishedWork);
-        }
+      if (finishedWork === null) {
+        return null;
       } else {
-        commitHookEffectListMount(Passive$1 | HasEffect, finishedWork);
+        {
+          if (lanes === NoLanes) {
+            error(
+              "root.finishedLanes should not be empty during a commit. This is a " +
+                "bug in React."
+            );
+          }
+        }
       }
 
-      break;
-    }
-  }
-}
+      root.finishedWork = null;
+      root.finishedLanes = NoLanes;
 
-function commitPassiveUnmountEffects(firstChild) {
-  nextEffect = firstChild;
-  commitPassiveUnmountEffects_begin();
-}
+      if (finishedWork === root.current) {
+        throw new Error(
+          "Cannot commit the same tree as before. This error is likely caused by " +
+            "a bug in React. Please file an issue."
+        );
+      } // commitRoot never returns a continuation; it always finishes synchronously.
+      // So we can clear these now to allow a new callback to be scheduled.
+
+      root.callbackNode = null;
+      root.callbackPriority = NoLane;
+      root.cancelPendingCommit = null; // Check which lanes no longer have any work scheduled on them, and mark
+      // those as finished.
+
+      var remainingLanes = mergeLanes(
+        finishedWork.lanes,
+        finishedWork.childLanes
+      ); // Make sure to account for lanes that were updated by a concurrent event
+      // during the render phase; don't mark them as finished.
+
+      var concurrentlyUpdatedLanes = getConcurrentlyUpdatedLanes();
+      remainingLanes = mergeLanes(remainingLanes, concurrentlyUpdatedLanes);
+      markRootFinished(root, remainingLanes, spawnedLane);
+
+      if (root === workInProgressRoot) {
+        // We can reset these now that they are finished.
+        workInProgressRoot = null;
+        workInProgress = null;
+        workInProgressRootRenderLanes = NoLanes;
+      } // If there are pending passive effects, schedule a callback to process them.
+      // Do this as early as possible, so it is queued before anything else that
+      // might get scheduled in the commit phase. (See #16714.)
+      // TODO: Delete all other places that schedule the passive effect callback
+      // They're redundant.
 
-function commitPassiveUnmountEffects_begin() {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
-    var child = fiber.child;
+      if (
+        (finishedWork.subtreeFlags & PassiveMask) !== NoFlags$1 ||
+        (finishedWork.flags & PassiveMask) !== NoFlags$1
+      ) {
+        if (!rootDoesHavePassiveEffects) {
+          rootDoesHavePassiveEffects = true;
+          scheduleCallback(NormalPriority, function () {
+            flushPassiveEffects(); // This render triggered passive effects: release the root cache pool
+            // *after* passive effects fire to avoid freeing a cache pool that may
+            // be referenced by a node in the tree (HostRoot, Cache boundary etc)
 
-    if ((nextEffect.flags & ChildDeletion) !== NoFlags) {
-      var deletions = fiber.deletions;
+            return null;
+          });
+        }
+      } // Check if there are any effects in the whole tree.
+      // TODO: This is left over from the effect list implementation, where we had
+      // to check for the existence of `firstEffect` to satisfy Flow. I think the
+      // only other reason this optimization exists is because it affects profiling.
+      // Reconsider whether this is necessary.
+
+      var subtreeHasEffects =
+        (finishedWork.subtreeFlags &
+          (BeforeMutationMask | MutationMask | LayoutMask | PassiveMask)) !==
+        NoFlags$1;
+      var rootHasEffect =
+        (finishedWork.flags &
+          (BeforeMutationMask | MutationMask | LayoutMask | PassiveMask)) !==
+        NoFlags$1;
+
+      if (subtreeHasEffects || rootHasEffect) {
+        var prevTransition = ReactCurrentBatchConfig.transition;
+        ReactCurrentBatchConfig.transition = null;
+        var previousPriority = getCurrentUpdatePriority();
+        setCurrentUpdatePriority(DiscreteEventPriority);
+        var prevExecutionContext = executionContext;
+        executionContext |= CommitContext; // Reset this to null before calling lifecycles
+
+        ReactCurrentOwner$1.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
+        // of the effect list for each phase: all mutation effects come before all
+        // layout effects, and so on.
+        // The first phase a "before mutation" phase. We use this phase to read the
+        // state of the host tree right before we mutate it. This is where
+        // getSnapshotBeforeUpdate is called.
+
+        commitBeforeMutationEffects(root, finishedWork);
 
-      if (deletions !== null) {
-        for (var i = 0; i < deletions.length; i++) {
-          var fiberToDelete = deletions[i];
-          nextEffect = fiberToDelete;
-          commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
-            fiberToDelete,
-            fiber
-          );
+        {
+          // Mark the current commit time to be shared by all Profilers in this
+          // batch. This enables them to be grouped later.
+          recordCommitTime();
+        }
+
+        commitMutationEffects(root, finishedWork, lanes);
+        // the mutation phase, so that the previous tree is still current during
+        // componentWillUnmount, but before the layout phase, so that the finished
+        // work is current during componentDidMount/Update.
+
+        root.current = finishedWork; // The next phase is the layout phase, where we call effects that read
+
+        commitLayoutEffects(finishedWork, root, lanes);
+        // opportunity to paint.
+
+        requestPaint();
+        executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
+
+        setCurrentUpdatePriority(previousPriority);
+        ReactCurrentBatchConfig.transition = prevTransition;
+      } else {
+        // No effects.
+        root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
+        // no effects.
+        // TODO: Maybe there's a better way to report this.
+
+        {
+          recordCommitTime();
         }
+      }
+
+      var rootDidHavePassiveEffects = rootDoesHavePassiveEffects;
 
+      if (rootDoesHavePassiveEffects) {
+        // This commit has passive effects. Stash a reference to them. But don't
+        // schedule a callback until after flushing layout work.
+        rootDoesHavePassiveEffects = false;
+        rootWithPendingPassiveEffects = root;
+        pendingPassiveEffectsLanes = lanes;
+      } else {
         {
-          // A fiber was deleted from this parent fiber, but it's still part of
-          // the previous (alternate) parent fiber's list of children. Because
-          // children are a linked list, an earlier sibling that's still alive
-          // will be connected to the deleted fiber via its `alternate`:
-          //
-          //   live fiber
-          //   --alternate--> previous live fiber
-          //   --sibling--> deleted fiber
-          //
-          // We can't disconnect `alternate` on nodes that haven't been deleted
-          // yet, but we can disconnect the `sibling` and `child` pointers.
-          var previousFiber = fiber.alternate;
+          nestedPassiveUpdateCount = 0;
+          rootWithPassiveNestedUpdates = null;
+        }
+      } // Read this again, since an effect might have updated it
 
-          if (previousFiber !== null) {
-            var detachedChild = previousFiber.child;
+      remainingLanes = root.pendingLanes; // Check if there's remaining work on this root
+      // TODO: This is part of the `componentDidCatch` implementation. Its purpose
+      // is to detect whether something might have called setState inside
+      // `componentDidCatch`. The mechanism is known to be flawed because `setState`
+      // inside `componentDidCatch` is itself flawed — that's why we recommend
+      // `getDerivedStateFromError` instead. However, it could be improved by
+      // checking if remainingLanes includes Sync work, instead of whether there's
+      // any work remaining at all (which would also include stuff like Suspense
+      // retries or transitions). It's been like this for a while, though, so fixing
+      // it probably isn't that urgent.
 
-            if (detachedChild !== null) {
-              previousFiber.child = null;
+      if (remainingLanes === NoLanes) {
+        // If there's no remaining work, we can clear the set of already failed
+        // error boundaries.
+        legacyErrorBoundariesThatAlreadyFailed = null;
+      }
 
-              do {
-                var detachedSibling = detachedChild.sibling;
-                detachedChild.sibling = null;
-                detachedChild = detachedSibling;
-              } while (detachedChild !== null);
-            }
-          }
+      {
+        if (!rootDidHavePassiveEffects) {
+          commitDoubleInvokeEffectsInDEV(root, false);
         }
+      }
+
+      onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
 
-        nextEffect = fiber;
+      {
+        if (isDevToolsPresent) {
+          root.memoizedUpdaters.clear();
+        }
       }
-    }
+      // additional work on this root is scheduled.
 
-    if ((fiber.subtreeFlags & PassiveMask) !== NoFlags && child !== null) {
-      child.return = fiber;
-      nextEffect = child;
-    } else {
-      commitPassiveUnmountEffects_complete();
-    }
-  }
-}
+      ensureRootIsScheduled(root);
 
-function commitPassiveUnmountEffects_complete() {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
+      if (recoverableErrors !== null) {
+        // There were errors during this render, but recovered from them without
+        // needing to surface it to the UI. We log them here.
+        var onRecoverableError = root.onRecoverableError;
 
-    if ((fiber.flags & Passive) !== NoFlags) {
-      setCurrentFiber(fiber);
-      commitPassiveUnmountOnFiber(fiber);
-      resetCurrentFiber();
-    }
+        for (var i = 0; i < recoverableErrors.length; i++) {
+          var recoverableError = recoverableErrors[i];
+          var errorInfo = makeErrorInfo(
+            recoverableError.digest,
+            recoverableError.stack
+          );
+          onRecoverableError(recoverableError.value, errorInfo);
+        }
+      }
 
-    var sibling = fiber.sibling;
+      if (hasUncaughtError) {
+        hasUncaughtError = false;
+        var error$1 = firstUncaughtError;
+        firstUncaughtError = null;
+        throw error$1;
+      } // If the passive effects are the result of a discrete render, flush them
+      // synchronously at the end of the current task so that the result is
+      // immediately observable. Otherwise, we assume that they are not
+      // order-dependent and do not need to be observed by external systems, so we
+      // can wait until after paint.
+      // TODO: We can optimize this by not scheduling the callback earlier. Since we
+      // currently schedule the callback in multiple places, will wait until those
+      // are consolidated.
 
-    if (sibling !== null) {
-      sibling.return = fiber.return;
-      nextEffect = sibling;
-      return;
-    }
+      if (
+        includesSyncLane(pendingPassiveEffectsLanes) &&
+        root.tag !== LegacyRoot
+      ) {
+        flushPassiveEffects();
+      } // Read this again, since a passive effect might have updated it
 
-    nextEffect = fiber.return;
-  }
-}
+      remainingLanes = root.pendingLanes; // Check if this render scheduled a cascading synchronous update. This is a
+      // heurstic to detect infinite update loops. We are intentionally excluding
+      // hydration lanes in this check, because render triggered by selective
+      // hydration is conceptually not an update.
 
-function commitPassiveUnmountOnFiber(finishedWork) {
-  switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      if (finishedWork.mode & ProfileMode) {
-        startPassiveEffectTimer();
-        commitHookEffectListUnmount(
-          Passive$1 | HasEffect,
-          finishedWork,
-          finishedWork.return
-        );
-        recordPassiveEffectDuration(finishedWork);
+      if (
+        // Was the finished render the result of an update (not hydration)?
+        includesSomeLane(lanes, UpdateLanes) && // Did it schedule a sync update?
+        includesSomeLane(remainingLanes, SyncUpdateLanes)
+      ) {
+        {
+          markNestedUpdateScheduled();
+        } // Count the number of times the root synchronously re-renders without
+        // finishing. If there are too many, it indicates an infinite update loop.
+
+        if (root === rootWithNestedUpdates) {
+          nestedUpdateCount++;
+        } else {
+          nestedUpdateCount = 0;
+          rootWithNestedUpdates = root;
+        }
       } else {
-        commitHookEffectListUnmount(
-          Passive$1 | HasEffect,
-          finishedWork,
-          finishedWork.return
-        );
-      }
+        nestedUpdateCount = 0;
+      } // If layout work was scheduled, flush it now.
 
-      break;
-    }
-  }
-}
+      flushSyncWorkOnAllRoots();
 
-function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
-  deletedSubtreeRoot,
-  nearestMountedAncestor
-) {
-  while (nextEffect !== null) {
-    var fiber = nextEffect; // Deletion effects fire in parent -> child order
-    // TODO: Check if fiber has a PassiveStatic flag
-
-    setCurrentFiber(fiber);
-    commitPassiveUnmountInsideDeletedTreeOnFiber(fiber, nearestMountedAncestor);
-    resetCurrentFiber();
-    var child = fiber.child; // TODO: Only traverse subtree if it has a PassiveStatic flag. (But, if we
-    // do this, still need to handle `deletedTreeCleanUpLevel` correctly.)
-
-    if (child !== null) {
-      child.return = fiber;
-      nextEffect = child;
-    } else {
-      commitPassiveUnmountEffectsInsideOfDeletedTree_complete(
-        deletedSubtreeRoot
-      );
+      return null;
     }
-  }
-}
 
-function commitPassiveUnmountEffectsInsideOfDeletedTree_complete(
-  deletedSubtreeRoot
-) {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
-    var sibling = fiber.sibling;
-    var returnFiber = fiber.return;
+    function makeErrorInfo(digest, componentStack) {
+      {
+        var errorInfo = {
+          componentStack: componentStack,
+          digest: digest
+        };
+        Object.defineProperty(errorInfo, "digest", {
+          configurable: false,
+          enumerable: true,
+          get: function () {
+            error(
+              'You are accessing "digest" from the errorInfo object passed to onRecoverableError.' +
+                " This property is deprecated and will be removed in a future version of React." +
+                " To access the digest of an Error look for this property on the Error instance itself."
+            );
+
+            return digest;
+          }
+        });
+        return errorInfo;
+      }
+    }
 
-    {
-      // Recursively traverse the entire deleted tree and clean up fiber fields.
-      // This is more aggressive than ideal, and the long term goal is to only
-      // have to detach the deleted tree at the root.
-      detachFiberAfterEffects(fiber);
+    function flushPassiveEffects() {
+      // Returns whether passive effects were flushed.
+      // TODO: Combine this check with the one in flushPassiveEFfectsImpl. We should
+      // probably just combine the two functions. I believe they were only separate
+      // in the first place because we used to wrap it with
+      // `Scheduler.runWithPriority`, which accepts a function. But now we track the
+      // priority within React itself, so we can mutate the variable directly.
+      if (rootWithPendingPassiveEffects !== null) {
+        var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
+        var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
+        var prevTransition = ReactCurrentBatchConfig.transition;
+        var previousPriority = getCurrentUpdatePriority();
 
-      if (fiber === deletedSubtreeRoot) {
-        nextEffect = null;
-        return;
+        try {
+          ReactCurrentBatchConfig.transition = null;
+          setCurrentUpdatePriority(priority);
+          return flushPassiveEffectsImpl();
+        } finally {
+          setCurrentUpdatePriority(previousPriority);
+          ReactCurrentBatchConfig.transition = prevTransition; // Once passive effects have run for the tree - giving components a
+        }
       }
+
+      return false;
     }
+    function enqueuePendingPassiveProfilerEffect(fiber) {
+      {
+        pendingPassiveProfilerEffects.push(fiber);
 
-    if (sibling !== null) {
-      sibling.return = returnFiber;
-      nextEffect = sibling;
-      return;
+        if (!rootDoesHavePassiveEffects) {
+          rootDoesHavePassiveEffects = true;
+          scheduleCallback(NormalPriority, function () {
+            flushPassiveEffects();
+            return null;
+          });
+        }
+      }
     }
 
-    nextEffect = returnFiber;
-  }
-}
+    function flushPassiveEffectsImpl() {
+      if (rootWithPendingPassiveEffects === null) {
+        return false;
+      } // Cache and clear the transitions flag
+      var root = rootWithPendingPassiveEffects;
+      rootWithPendingPassiveEffects = null; // TODO: This is sometimes out of sync with rootWithPendingPassiveEffects.
+      // Figure out why and fix it. It's not causing any known issues (probably
+      // because it's only used for profiling), but it's a refactor hazard.
 
-function commitPassiveUnmountInsideDeletedTreeOnFiber(
-  current,
-  nearestMountedAncestor
-) {
-  switch (current.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      if (current.mode & ProfileMode) {
-        startPassiveEffectTimer();
-        commitHookEffectListUnmount(Passive$1, current, nearestMountedAncestor);
-        recordPassiveEffectDuration(current);
-      } else {
-        commitHookEffectListUnmount(Passive$1, current, nearestMountedAncestor);
-      }
+      pendingPassiveEffectsLanes = NoLanes;
 
-      break;
-    }
-  }
-} // TODO: Reuse reappearLayoutEffects traversal here?
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        throw new Error(
+          "Cannot flush passive effects while already rendering."
+        );
+      }
 
-var COMPONENT_TYPE = 0;
-var HAS_PSEUDO_CLASS_TYPE = 1;
-var ROLE_TYPE = 2;
-var TEST_NAME_TYPE = 3;
-var TEXT_TYPE = 4;
+      {
+        isFlushingPassiveEffects = true;
+        didScheduleUpdateDuringPassiveEffects = false;
+      }
 
-if (typeof Symbol === "function" && Symbol.for) {
-  var symbolFor = Symbol.for;
-  COMPONENT_TYPE = symbolFor("selector.component");
-  HAS_PSEUDO_CLASS_TYPE = symbolFor("selector.has_pseudo_class");
-  ROLE_TYPE = symbolFor("selector.role");
-  TEST_NAME_TYPE = symbolFor("selector.test_id");
-  TEXT_TYPE = symbolFor("selector.text");
-}
+      var prevExecutionContext = executionContext;
+      executionContext |= CommitContext;
+      commitPassiveUnmountEffects(root.current);
+      commitPassiveMountEffects(root, root.current); // TODO: Move to commitPassiveMountEffects
 
-var ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
-function isLegacyActEnvironment(fiber) {
-  {
-    // Legacy mode. We preserve the behavior of React 17's act. It assumes an
-    // act environment whenever `jest` is defined, but you can still turn off
-    // spurious warnings by setting IS_REACT_ACT_ENVIRONMENT explicitly
-    // to false.
-    var isReactActEnvironmentGlobal = // $FlowExpectedError – Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
-      typeof IS_REACT_ACT_ENVIRONMENT !== "undefined"
-        ? IS_REACT_ACT_ENVIRONMENT
-        : undefined; // $FlowExpectedError - Flow doesn't know about jest
-    return warnsIfNotActing;
-  }
-}
-function isConcurrentActEnvironment() {
-  {
-    var isReactActEnvironmentGlobal = // $FlowExpectedError – Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
-      typeof IS_REACT_ACT_ENVIRONMENT !== "undefined"
-        ? IS_REACT_ACT_ENVIRONMENT
-        : undefined;
-
-    if (!isReactActEnvironmentGlobal && ReactCurrentActQueue.current !== null) {
-      // TODO: Include link to relevant documentation page.
-      error(
-        "The current testing environment is not configured to support " +
-          "act(...)"
-      );
-    }
+      {
+        var profilerEffects = pendingPassiveProfilerEffects;
+        pendingPassiveProfilerEffects = [];
 
-    return isReactActEnvironmentGlobal;
-  }
-}
+        for (var i = 0; i < profilerEffects.length; i++) {
+          var fiber = profilerEffects[i];
+          commitPassiveEffectDurations(root, fiber);
+        }
+      }
 
-var ceil = Math.ceil;
-var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
-  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
-  ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
-var NoContext =
-  /*             */
-  0;
-var BatchedContext =
-  /*               */
-  1;
-var RenderContext =
-  /*                */
-  2;
-var CommitContext =
-  /*                */
-  4;
-var RootInProgress = 0;
-var RootFatalErrored = 1;
-var RootErrored = 2;
-var RootSuspended = 3;
-var RootSuspendedWithDelay = 4;
-var RootCompleted = 5;
-var RootDidNotComplete = 6; // Describes where we are in the React execution stack
-
-var executionContext = NoContext; // The root we're working on
-
-var workInProgressRoot = null; // The fiber we're working on
-
-var workInProgress = null; // The lanes we're rendering
-
-var workInProgressRootRenderLanes = NoLanes; // Stack that allows components to change the render lanes for its subtree
-// This is a superset of the lanes we started working on at the root. The only
-// case where it's different from `workInProgressRootRenderLanes` is when we
-// enter a subtree that is hidden and needs to be unhidden: Suspense and
-// Offscreen component.
-//
-// Most things in the work loop should deal with workInProgressRootRenderLanes.
-// Most things in begin/complete phases should deal with subtreeRenderLanes.
-
-var subtreeRenderLanes = NoLanes;
-var subtreeRenderLanesCursor = createCursor(NoLanes); // Whether to root completed, errored, suspended, etc.
-
-var workInProgressRootExitStatus = RootInProgress; // A fatal error, if one is thrown
-
-var workInProgressRootFatalError = null; // "Included" lanes refer to lanes that were worked on during this render. It's
-// slightly different than `renderLanes` because `renderLanes` can change as you
-// enter and exit an Offscreen tree. This value is the combination of all render
-// lanes for the entire render phase.
-
-var workInProgressRootIncludedLanes = NoLanes; // The work left over by components that were visited during this render. Only
-// includes unprocessed updates, not work in bailed out children.
-
-var workInProgressRootSkippedLanes = NoLanes; // Lanes that were updated (in an interleaved event) during this render.
-
-var workInProgressRootInterleavedUpdatedLanes = NoLanes; // Lanes that were updated during the render phase (*not* an interleaved event).
-
-var workInProgressRootPingedLanes = NoLanes; // Errors that are thrown during the render phase.
-
-var workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
-// We will log them once the tree commits.
-
-var workInProgressRootRecoverableErrors = null; // The most recent time we committed a fallback. This lets us ensure a train
-// model where we don't commit new loading states in too quick succession.
-
-var globalMostRecentFallbackTime = 0;
-var FALLBACK_THROTTLE_MS = 500; // The absolute time for when we should start giving up on rendering
-// more and prefer CPU suspense heuristics instead.
-
-var workInProgressRootRenderTargetTime = Infinity; // How long a render is supposed to take before we start following CPU
-// suspense heuristics and opt out of rendering more content.
-
-var RENDER_TIMEOUT_MS = 500;
-var workInProgressTransitions = null;
-
-function resetRenderTimer() {
-  workInProgressRootRenderTargetTime = now() + RENDER_TIMEOUT_MS;
-}
+      {
+        commitDoubleInvokeEffectsInDEV(root, true);
+      }
 
-function getRenderTargetTime() {
-  return workInProgressRootRenderTargetTime;
-}
-var hasUncaughtError = false;
-var firstUncaughtError = null;
-var legacyErrorBoundariesThatAlreadyFailed = null; // Only used when enableProfilerNestedUpdateScheduledHook is true;
-var rootDoesHavePassiveEffects = false;
-var rootWithPendingPassiveEffects = null;
-var pendingPassiveEffectsLanes = NoLanes;
-var pendingPassiveProfilerEffects = [];
-var pendingPassiveTransitions = null; // Use these to prevent an infinite loop of nested updates
-
-var NESTED_UPDATE_LIMIT = 50;
-var nestedUpdateCount = 0;
-var rootWithNestedUpdates = null;
-var isFlushingPassiveEffects = false;
-var didScheduleUpdateDuringPassiveEffects = false;
-var NESTED_PASSIVE_UPDATE_LIMIT = 50;
-var nestedPassiveUpdateCount = 0;
-var rootWithPassiveNestedUpdates = null; // If two updates are scheduled within the same event, we should treat their
-// event times as simultaneous, even if the actual clock time has advanced
-// between the first and second call.
-
-var currentEventTime = NoTimestamp;
-var currentEventTransitionLane = NoLanes;
-var isRunningInsertionEffect = false;
-function getWorkInProgressRoot() {
-  return workInProgressRoot;
-}
-function requestEventTime() {
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    // We're inside React, so it's fine to read the actual time.
-    return now();
-  } // We're not inside React, so we may be in the middle of a browser event.
-
-  if (currentEventTime !== NoTimestamp) {
-    // Use the same start time for all updates until we enter React again.
-    return currentEventTime;
-  } // This is the first update since React yielded. Compute a new start time.
-
-  currentEventTime = now();
-  return currentEventTime;
-}
-function requestUpdateLane(fiber) {
-  // Special cases
-  var mode = fiber.mode;
-
-  if ((mode & ConcurrentMode) === NoMode) {
-    return SyncLane;
-  } else if (
-    (executionContext & RenderContext) !== NoContext &&
-    workInProgressRootRenderLanes !== NoLanes
-  ) {
-    // This is a render phase update. These are not officially supported. The
-    // old behavior is to give this the same "thread" (lanes) as
-    // whatever is currently rendering. So if you call `setState` on a component
-    // that happens later in the same render, it will flush. Ideally, we want to
-    // remove the special case and treat them as if they came from an
-    // interleaved event. Regardless, this pattern is not officially supported.
-    // This behavior is only a fallback. The flag only exists until we can roll
-    // out the setState warning, since existing code might accidentally rely on
-    // the current behavior.
-    return pickArbitraryLane(workInProgressRootRenderLanes);
-  }
-
-  var isTransition = requestCurrentTransition() !== NoTransition;
-
-  if (isTransition) {
-    if (ReactCurrentBatchConfig$2.transition !== null) {
-      var transition = ReactCurrentBatchConfig$2.transition;
-
-      if (!transition._updatedFibers) {
-        transition._updatedFibers = new Set();
-      }
-
-      transition._updatedFibers.add(fiber);
-    } // The algorithm for assigning an update to a lane should be stable for all
-    // updates at the same priority within the same event. To do this, the
-    // inputs to the algorithm must be the same.
-    //
-    // The trick we use is to cache the first of each of these inputs within an
-    // event. Then reset the cached values once we can be sure the event is
-    // over. Our heuristic for that is whenever we enter a concurrent work loop.
-
-    if (currentEventTransitionLane === NoLane) {
-      // All transitions within the same event are assigned the same lane.
-      currentEventTransitionLane = claimNextTransitionLane();
-    }
-
-    return currentEventTransitionLane;
-  } // Updates originating inside certain React methods, like flushSync, have
-  // their priority set by tracking it with a context variable.
-  //
-  // The opaque type returned by the host config is internally a lane, so we can
-  // use that directly.
-  // TODO: Move this type conversion to the event priority module.
-
-  var updateLane = getCurrentUpdatePriority();
-
-  if (updateLane !== NoLane) {
-    return updateLane;
-  } // This update originated outside React. Ask the host environment for an
-  // appropriate priority, based on the type of event.
-  //
-  // The opaque type returned by the host config is internally a lane, so we can
-  // use that directly.
-  // TODO: Move this type conversion to the event priority module.
-
-  var eventLane = getCurrentEventPriority();
-  return eventLane;
-}
+      executionContext = prevExecutionContext;
+      flushSyncWorkOnAllRoots();
 
-function requestRetryLane(fiber) {
-  // This is a fork of `requestUpdateLane` designed specifically for Suspense
-  // "retries" — a special update that attempts to flip a Suspense boundary
-  // from its placeholder state to its primary/resolved state.
-  // Special cases
-  var mode = fiber.mode;
+      {
+        // If additional passive effects were scheduled, increment a counter. If this
+        // exceeds the limit, we'll fire a warning.
+        if (didScheduleUpdateDuringPassiveEffects) {
+          if (root === rootWithPassiveNestedUpdates) {
+            nestedPassiveUpdateCount++;
+          } else {
+            nestedPassiveUpdateCount = 0;
+            rootWithPassiveNestedUpdates = root;
+          }
+        } else {
+          nestedPassiveUpdateCount = 0;
+        }
 
-  if ((mode & ConcurrentMode) === NoMode) {
-    return SyncLane;
-  }
+        isFlushingPassiveEffects = false;
+        didScheduleUpdateDuringPassiveEffects = false;
+      } // TODO: Move to commitPassiveMountEffects
 
-  return claimNextRetryLane();
-}
+      onPostCommitRoot(root);
 
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
-  checkForNestedUpdates();
+      {
+        var stateNode = root.current.stateNode;
+        stateNode.effectDuration = 0;
+        stateNode.passiveEffectDuration = 0;
+      }
 
-  {
-    if (isRunningInsertionEffect) {
-      error("useInsertionEffect must not schedule updates.");
+      return true;
     }
-  }
 
-  {
-    if (isFlushingPassiveEffects) {
-      didScheduleUpdateDuringPassiveEffects = true;
+    function isAlreadyFailedLegacyErrorBoundary(instance) {
+      return (
+        legacyErrorBoundariesThatAlreadyFailed !== null &&
+        legacyErrorBoundariesThatAlreadyFailed.has(instance)
+      );
+    }
+    function markLegacyErrorBoundaryAsFailed(instance) {
+      if (legacyErrorBoundariesThatAlreadyFailed === null) {
+        legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
+      } else {
+        legacyErrorBoundariesThatAlreadyFailed.add(instance);
+      }
     }
-  } // Mark that the root has a pending update.
-
-  markRootUpdated(root, lane, eventTime);
 
-  if (
-    (executionContext & RenderContext) !== NoLanes &&
-    root === workInProgressRoot
-  ) {
-    // This update was dispatched during the render phase. This is a mistake
-    // if the update originates from user space (with the exception of local
-    // hook updates, which are handled differently and don't reach this
-    // function), but there are some internal React features that use this as
-    // an implementation detail, like selective hydration.
-    warnAboutRenderPhaseUpdatesInDEV(fiber); // Track lanes that were updated during the render phase
-  } else {
-    // This is a normal update, scheduled from outside the render phase. For
-    // example, during an input event.
-    {
-      if (isDevToolsPresent) {
-        addFiberToLanesMap(root, fiber, lane);
+    function prepareToThrowUncaughtError(error) {
+      if (!hasUncaughtError) {
+        hasUncaughtError = true;
+        firstUncaughtError = error;
       }
     }
 
-    warnIfUpdatesNotWrappedWithActDEV(fiber);
+    var onUncaughtError = prepareToThrowUncaughtError;
 
-    if (root === workInProgressRoot) {
-      // Received an update to a tree that's in the middle of rendering. Mark
-      // that there was an interleaved update work on this root. Unless the
-      // `deferRenderPhaseUpdateToNextBatch` flag is off and this is a render
-      // phase update. In that case, we don't treat render phase updates as if
-      // they were interleaved, for backwards compat reasons.
-      if ((executionContext & RenderContext) === NoContext) {
-        workInProgressRootInterleavedUpdatedLanes = mergeLanes(
-          workInProgressRootInterleavedUpdatedLanes,
-          lane
-        );
-      }
+    function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+      var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
+      var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
+      var root = enqueueUpdate(rootFiber, update, SyncLane);
 
-      if (workInProgressRootExitStatus === RootSuspendedWithDelay) {
-        // The root already suspended with a delay, which means this render
-        // definitely won't finish. Since we have a new update, let's mark it as
-        // suspended now, right before marking the incoming update. This has the
-        // effect of interrupting the current render and switching to the update.
-        // TODO: Make sure this doesn't override pings that happen while we've
-        // already started rendering.
-        markRootSuspended$1(root, workInProgressRootRenderLanes);
+      if (root !== null) {
+        markRootUpdated(root, SyncLane);
+        ensureRootIsScheduled(root);
       }
     }
 
-    ensureRootIsScheduled(root, eventTime);
-
-    if (
-      lane === SyncLane &&
-      executionContext === NoContext &&
-      (fiber.mode & ConcurrentMode) === NoMode && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
-      !ReactCurrentActQueue$1.isBatchingLegacy
+    function captureCommitPhaseError(
+      sourceFiber,
+      nearestMountedAncestor,
+      error$1
     ) {
-      // Flush the synchronous work now, unless we're already working or inside
-      // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
-      // scheduleCallbackForFiber to preserve the ability to schedule a callback
-      // without immediately flushing it. We only do this for user-initiated
-      // updates, to preserve historical behavior of legacy mode.
-      resetRenderTimer();
-      flushSyncCallbacksOnlyInLegacyMode();
-    }
-  }
-}
-function isUnsafeClassRenderPhaseUpdate(fiber) {
-  // Check if this is a render phase update. Only called by class components,
-  // which special (deprecated) behavior for UNSAFE_componentWillReceive props.
-  return (
-    // TODO: Remove outdated deferRenderPhaseUpdateToNextBatch experiment. We
-    // decided not to enable it.
-    (executionContext & RenderContext) !== NoContext
-  );
-} // Use this function to schedule a task for a root. There's only one task per
-// root; if a task was already scheduled, we'll check to make sure the priority
-// of the existing task is the same as the priority of the next level that the
-// root has work on. This function is called on every update, and right before
-// exiting a task.
-
-function ensureRootIsScheduled(root, currentTime) {
-  var existingCallbackNode = root.callbackNode; // Check if any lanes are being starved by other work. If so, mark them as
-  // expired so we know to work on those next.
-
-  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
-
-  var nextLanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-  );
-
-  if (nextLanes === NoLanes) {
-    // Special case: There's nothing to work on.
-    if (existingCallbackNode !== null) {
-      cancelCallback$1(existingCallbackNode);
-    }
-
-    root.callbackNode = null;
-    root.callbackPriority = NoLane;
-    return;
-  } // We use the highest priority lane to represent the priority of the callback.
-
-  var newCallbackPriority = getHighestPriorityLane(nextLanes); // Check if there's an existing task. We may be able to reuse it.
-
-  var existingCallbackPriority = root.callbackPriority;
-
-  if (
-    existingCallbackPriority === newCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
-    // Scheduler task, rather than an `act` task, cancel it and re-scheduled
-    // on the `act` queue.
-    !(
-      ReactCurrentActQueue$1.current !== null &&
-      existingCallbackNode !== fakeActCallbackNode
-    )
-  ) {
-    {
-      // If we're going to re-use an existing task, it needs to exist.
-      // Assume that discrete update microtasks are non-cancellable and null.
-      // TODO: Temporary until we confirm this warning is not fired.
-      if (
-        existingCallbackNode == null &&
-        existingCallbackPriority !== SyncLane
-      ) {
-        error(
-          "Expected scheduled callback to exist. This error is likely caused by a bug in React. Please file an issue."
-        );
+      {
+        reportUncaughtErrorInDEV(error$1);
+        setIsRunningInsertionEffect(false);
       }
-    } // The priority hasn't changed. We can reuse the existing task. Exit.
 
-    return;
-  }
-
-  if (existingCallbackNode != null) {
-    // Cancel the existing callback. We'll schedule a new one below.
-    cancelCallback$1(existingCallbackNode);
-  } // Schedule a new callback.
-
-  var newCallbackNode;
-
-  if (newCallbackPriority === SyncLane) {
-    // Special case: Sync React callbacks are scheduled on a special
-    // internal queue
-    if (root.tag === LegacyRoot) {
-      if (ReactCurrentActQueue$1.isBatchingLegacy !== null) {
-        ReactCurrentActQueue$1.didScheduleLegacyUpdate = true;
+      if (sourceFiber.tag === HostRoot) {
+        // Error was thrown at the root. There is no parent, so the root
+        // itself should capture it.
+        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error$1);
+        return;
       }
 
-      scheduleLegacySyncCallback(performSyncWorkOnRoot.bind(null, root));
-    } else {
-      scheduleSyncCallback(performSyncWorkOnRoot.bind(null, root));
-    }
-
-    {
-      // Flush the queue in an Immediate task.
-      scheduleCallback$1(ImmediatePriority, flushSyncCallbacks);
-    }
-
-    newCallbackNode = null;
-  } else {
-    var schedulerPriorityLevel;
+      var fiber = nearestMountedAncestor;
 
-    switch (lanesToEventPriority(nextLanes)) {
-      case DiscreteEventPriority:
-        schedulerPriorityLevel = ImmediatePriority;
-        break;
+      while (fiber !== null) {
+        if (fiber.tag === HostRoot) {
+          captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error$1);
+          return;
+        } else if (fiber.tag === ClassComponent) {
+          var ctor = fiber.type;
+          var instance = fiber.stateNode;
 
-      case ContinuousEventPriority:
-        schedulerPriorityLevel = UserBlockingPriority;
-        break;
+          if (
+            typeof ctor.getDerivedStateFromError === "function" ||
+            (typeof instance.componentDidCatch === "function" &&
+              !isAlreadyFailedLegacyErrorBoundary(instance))
+          ) {
+            var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
+            var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
+            var root = enqueueUpdate(fiber, update, SyncLane);
 
-      case DefaultEventPriority:
-        schedulerPriorityLevel = NormalPriority;
-        break;
+            if (root !== null) {
+              markRootUpdated(root, SyncLane);
+              ensureRootIsScheduled(root);
+            }
 
-      case IdleEventPriority:
-        schedulerPriorityLevel = IdlePriority;
-        break;
+            return;
+          }
+        }
 
-      default:
-        schedulerPriorityLevel = NormalPriority;
-        break;
-    }
+        fiber = fiber.return;
+      }
 
-    newCallbackNode = scheduleCallback$1(
-      schedulerPriorityLevel,
-      performConcurrentWorkOnRoot.bind(null, root)
-    );
-  }
-
-  root.callbackPriority = newCallbackPriority;
-  root.callbackNode = newCallbackNode;
-} // This is the entry point for every concurrent task, i.e. anything that
-// goes through Scheduler.
-
-function performConcurrentWorkOnRoot(root, didTimeout) {
-  {
-    resetNestedUpdateFlag();
-  } // Since we know we're in a React event, we can clear the current
-  // event time. The next update will compute a new event time.
-
-  currentEventTime = NoTimestamp;
-  currentEventTransitionLane = NoLanes;
-
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    throw new Error("Should not already be working.");
-  } // Flush any pending passive effects before deciding which lanes to work on,
-  // in case they schedule additional work.
-
-  var originalCallbackNode = root.callbackNode;
-  var didFlushPassiveEffects = flushPassiveEffects();
-
-  if (didFlushPassiveEffects) {
-    // Something in the passive effect phase may have canceled the current task.
-    // Check if the task node for this root was changed.
-    if (root.callbackNode !== originalCallbackNode) {
-      // The current task was canceled. Exit. We don't need to call
-      // `ensureRootIsScheduled` because the check above implies either that
-      // there's a new task, or that there's no remaining work on this root.
-      return null;
+      {
+        error(
+          "Internal React error: Attempted to capture a commit phase error " +
+            "inside a detached tree. This indicates a bug in React. Potential " +
+            "causes include deleting the same fiber more than once, committing an " +
+            "already-finished tree, or an inconsistent return pointer.\n\n" +
+            "Error message:\n\n%s",
+          error$1
+        );
+      }
     }
-  } // Determine the next lanes to work on, using the fields stored
-  // on the root.
-
-  var lanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-  );
-
-  if (lanes === NoLanes) {
-    // Defensive coding. This is never expected to happen.
-    return null;
-  } // We disable time-slicing in some cases: if the work has been CPU-bound
-  // for too long ("expired" work, to prevent starvation), or we're in
-  // sync-updates-by-default mode.
-  // TODO: We only check `didTimeout` defensively, to account for a Scheduler
-  // bug we're still investigating. Once the bug in Scheduler is fixed,
-  // we can remove this, since we track expiration ourselves.
-
-  var shouldTimeSlice =
-    !includesBlockingLane(root, lanes) &&
-    !includesExpiredLane(root, lanes) &&
-    !didTimeout;
-  var exitStatus = shouldTimeSlice
-    ? renderRootConcurrent(root, lanes)
-    : renderRootSync(root, lanes);
-
-  if (exitStatus !== RootInProgress) {
-    if (exitStatus === RootErrored) {
-      // If something threw an error, try rendering one more time. We'll
-      // render synchronously to block concurrent data mutations, and we'll
-      // includes all pending updates are included. If it still fails after
-      // the second attempt, we'll give up and commit the resulting tree.
-      var errorRetryLanes = getLanesToRetrySynchronouslyOnError(root);
-
-      if (errorRetryLanes !== NoLanes) {
-        lanes = errorRetryLanes;
-        exitStatus = recoverFromConcurrentError(root, errorRetryLanes);
-      }
-    }
-
-    if (exitStatus === RootFatalErrored) {
-      var fatalError = workInProgressRootFatalError;
-      prepareFreshStack(root, NoLanes);
-      markRootSuspended$1(root, lanes);
-      ensureRootIsScheduled(root, now());
-      throw fatalError;
-    }
-
-    if (exitStatus === RootDidNotComplete) {
-      // The render unwound without completing the tree. This happens in special
-      // cases where need to exit the current render without producing a
-      // consistent tree or committing.
+    function attachPingListener(root, wakeable, lanes) {
+      // Attach a ping listener
       //
-      // This should only happen during a concurrent render, not a discrete or
-      // synchronous update. We should have already checked for this when we
-      // unwound the stack.
-      markRootSuspended$1(root, lanes);
-    } else {
-      // The render completed.
-      // Check if this render may have yielded to a concurrent event, and if so,
-      // confirm that any newly rendered stores are consistent.
-      // TODO: It's possible that even a concurrent render may never have yielded
-      // to the main thread, if it was fast enough, or if it expired. We could
-      // skip the consistency check in that case, too.
-      var renderWasConcurrent = !includesBlockingLane(root, lanes);
-      var finishedWork = root.current.alternate;
-
-      if (
-        renderWasConcurrent &&
-        !isRenderConsistentWithExternalStores(finishedWork)
-      ) {
-        // A store was mutated in an interleaved event. Render again,
-        // synchronously, to block further mutations.
-        exitStatus = renderRootSync(root, lanes); // We need to check again if something threw
+      // The data might resolve before we have a chance to commit the fallback. Or,
+      // in the case of a refresh, we'll never commit a fallback. So we need to
+      // attach a listener now. When it resolves ("pings"), we can decide whether to
+      // try rendering the tree again.
+      //
+      // Only attach a listener if one does not already exist for the lanes
+      // we're currently rendering (which acts like a "thread ID" here).
+      //
+      // We only need to do this in concurrent mode. Legacy Suspense always
+      // commits fallbacks synchronously, so there are no pings.
+      var pingCache = root.pingCache;
+      var threadIDs;
 
-        if (exitStatus === RootErrored) {
-          var _errorRetryLanes = getLanesToRetrySynchronouslyOnError(root);
+      if (pingCache === null) {
+        pingCache = root.pingCache = new PossiblyWeakMap();
+        threadIDs = new Set();
+        pingCache.set(wakeable, threadIDs);
+      } else {
+        threadIDs = pingCache.get(wakeable);
 
-          if (_errorRetryLanes !== NoLanes) {
-            lanes = _errorRetryLanes;
-            exitStatus = recoverFromConcurrentError(root, _errorRetryLanes); // We assume the tree is now consistent because we didn't yield to any
-            // concurrent events.
-          }
+        if (threadIDs === undefined) {
+          threadIDs = new Set();
+          pingCache.set(wakeable, threadIDs);
         }
+      }
+
+      if (!threadIDs.has(lanes)) {
+        workInProgressRootDidAttachPingListener = true; // Memoize using the thread ID to prevent redundant listeners.
+
+        threadIDs.add(lanes);
+        var ping = pingSuspendedRoot.bind(null, root, wakeable, lanes);
 
-        if (exitStatus === RootFatalErrored) {
-          var _fatalError = workInProgressRootFatalError;
-          prepareFreshStack(root, NoLanes);
-          markRootSuspended$1(root, lanes);
-          ensureRootIsScheduled(root, now());
-          throw _fatalError;
+        {
+          if (isDevToolsPresent) {
+            // If we have pending work still, restore the original updaters
+            restorePendingUpdaters(root, lanes);
+          }
         }
-      } // We now have a consistent tree. The next step is either to commit it,
-      // or, if something suspended, wait to commit it after a timeout.
 
-      root.finishedWork = finishedWork;
-      root.finishedLanes = lanes;
-      finishConcurrentRender(root, exitStatus, lanes);
+        wakeable.then(ping, ping);
+      }
     }
-  }
 
-  ensureRootIsScheduled(root, now());
+    function pingSuspendedRoot(root, wakeable, pingedLanes) {
+      var pingCache = root.pingCache;
 
-  if (root.callbackNode === originalCallbackNode) {
-    // The task node scheduled for this root is the same one that's
-    // currently executed. Need to return a continuation.
-    return performConcurrentWorkOnRoot.bind(null, root);
-  }
+      if (pingCache !== null) {
+        // The wakeable resolved, so we no longer need to memoize, because it will
+        // never be thrown again.
+        pingCache.delete(wakeable);
+      }
 
-  return null;
-}
+      markRootPinged(root, pingedLanes);
+      warnIfSuspenseResolutionNotWrappedWithActDEV(root);
 
-function recoverFromConcurrentError(root, errorRetryLanes) {
-  // If an error occurred during hydration, discard server response and fall
-  // back to client side render.
-  // Before rendering again, save the errors from the previous attempt.
-  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors;
-
-  if (isRootDehydrated(root)) {
-    // The shell failed to hydrate. Set a flag to force a client rendering
-    // during the next attempt. To do this, we call prepareFreshStack now
-    // to create the root work-in-progress fiber. This is a bit weird in terms
-    // of factoring, because it relies on renderRootSync not calling
-    // prepareFreshStack again in the call below, which happens because the
-    // root and lanes haven't changed.
-    //
-    // TODO: I think what we should do is set ForceClientRender inside
-    // throwException, like we do for nested Suspense boundaries. The reason
-    // it's here instead is so we can switch to the synchronous work loop, too.
-    // Something to consider for a future refactor.
-    var rootWorkInProgress = prepareFreshStack(root, errorRetryLanes);
-    rootWorkInProgress.flags |= ForceClientRender;
+      if (
+        workInProgressRoot === root &&
+        isSubsetOfLanes(workInProgressRootRenderLanes, pingedLanes)
+      ) {
+        // Received a ping at the same priority level at which we're currently
+        // rendering. We might want to restart this render. This should mirror
+        // the logic of whether or not a root suspends once it completes.
+        // TODO: If we're rendering sync either due to Sync, Batched or expired,
+        // we should probably never restart.
+        // If we're suspended with delay, or if it's a retry, we'll always suspend
+        // so we can always restart.
+        if (
+          workInProgressRootExitStatus === RootSuspendedWithDelay ||
+          (workInProgressRootExitStatus === RootSuspended &&
+            includesOnlyRetries(workInProgressRootRenderLanes) &&
+            now$1() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+        ) {
+          // Force a restart from the root by unwinding the stack. Unless this is
+          // being called from the render phase, because that would cause a crash.
+          if ((executionContext & RenderContext) === NoContext) {
+            prepareFreshStack(root, NoLanes);
+          }
+        } else {
+          // Even though we can't restart right now, we might get an
+          // opportunity later. So we mark this render as having a ping.
+          workInProgressRootPingedLanes = mergeLanes(
+            workInProgressRootPingedLanes,
+            pingedLanes
+          );
+        }
+      }
 
-    {
-      errorHydratingContainer(root.containerInfo);
+      ensureRootIsScheduled(root);
     }
-  }
 
-  var exitStatus = renderRootSync(root, errorRetryLanes);
+    function retryTimedOutBoundary(boundaryFiber, retryLane) {
+      // The boundary fiber (a Suspense component or SuspenseList component)
+      // previously was rendered in its fallback state. One of the promises that
+      // suspended it has resolved, which means at least part of the tree was
+      // likely unblocked. Try rendering again, at a new lanes.
+      if (retryLane === NoLane) {
+        // TODO: Assign this to `suspenseState.retryLane`? to avoid
+        // unnecessary entanglement?
+        retryLane = requestRetryLane(boundaryFiber);
+      } // TODO: Special case idle priority?
 
-  if (exitStatus !== RootErrored) {
-    // Successfully finished rendering on retry
-    // The errors from the failed first attempt have been recovered. Add
-    // them to the collection of recoverable errors. We'll log them in the
-    // commit phase.
-    var errorsFromSecondAttempt = workInProgressRootRecoverableErrors;
-    workInProgressRootRecoverableErrors = errorsFromFirstAttempt; // The errors from the second attempt should be queued after the errors
-    // from the first attempt, to preserve the causal sequence.
+      var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
 
-    if (errorsFromSecondAttempt !== null) {
-      queueRecoverableErrors(errorsFromSecondAttempt);
+      if (root !== null) {
+        markRootUpdated(root, retryLane);
+        ensureRootIsScheduled(root);
+      }
     }
-  }
-
-  return exitStatus;
-}
 
-function queueRecoverableErrors(errors) {
-  if (workInProgressRootRecoverableErrors === null) {
-    workInProgressRootRecoverableErrors = errors;
-  } else {
-    workInProgressRootRecoverableErrors.push.apply(
-      workInProgressRootRecoverableErrors,
-      errors
-    );
-  }
-}
+    function retryDehydratedSuspenseBoundary(boundaryFiber) {
+      var suspenseState = boundaryFiber.memoizedState;
+      var retryLane = NoLane;
 
-function finishConcurrentRender(root, exitStatus, lanes) {
-  switch (exitStatus) {
-    case RootInProgress:
-    case RootFatalErrored: {
-      throw new Error("Root did not complete. This is a bug in React.");
-    }
-    // Flow knows about invariant, so it complains if I add a break
-    // statement, but eslint doesn't know about invariant, so it complains
-    // if I do. eslint-disable-next-line no-fallthrough
+      if (suspenseState !== null) {
+        retryLane = suspenseState.retryLane;
+      }
 
-    case RootErrored: {
-      // We should have already attempted to retry this tree. If we reached
-      // this point, it errored again. Commit it.
-      commitRoot(
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      );
-      break;
+      retryTimedOutBoundary(boundaryFiber, retryLane);
     }
+    function resolveRetryWakeable(boundaryFiber, wakeable) {
+      var retryLane = NoLane; // Default
 
-    case RootSuspended: {
-      markRootSuspended$1(root, lanes); // We have an acceptable loading state. We need to figure out if we
-      // should immediately commit it or wait a bit.
-
-      if (
-        includesOnlyRetries(lanes) && // do not delay if we're inside an act() scope
-        !shouldForceFlushFallbacksInDEV()
-      ) {
-        // This render only included retries, no updates. Throttle committing
-        // retries so that we don't show too many loading states too quickly.
-        var msUntilTimeout =
-          globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now(); // Don't bother with a very short suspense time.
+      var retryCache;
 
-        if (msUntilTimeout > 10) {
-          var nextLanes = getNextLanes(root, NoLanes);
+      switch (boundaryFiber.tag) {
+        case SuspenseComponent:
+          retryCache = boundaryFiber.stateNode;
+          var suspenseState = boundaryFiber.memoizedState;
 
-          if (nextLanes !== NoLanes) {
-            // There's additional work on this root.
-            break;
+          if (suspenseState !== null) {
+            retryLane = suspenseState.retryLane;
           }
 
-          var suspendedLanes = root.suspendedLanes;
-
-          if (!isSubsetOfLanes(suspendedLanes, lanes)) {
-            // We should prefer to render the fallback of at the last
-            // suspended level. Ping the last suspended level to try
-            // rendering it again.
-            // FIXME: What if the suspended lanes are Idle? Should not restart.
-            var eventTime = requestEventTime();
-            markRootPinged(root, suspendedLanes);
-            break;
-          } // The render is suspended, it hasn't timed out, and there's no
-          // lower priority work to do. Instead of committing the fallback
-          // immediately, wait for more data to arrive.
+          break;
 
-          root.timeoutHandle = scheduleTimeout(
-            commitRoot.bind(
-              null,
-              root,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions
-            ),
-            msUntilTimeout
-          );
+        case SuspenseListComponent:
+          retryCache = boundaryFiber.stateNode;
           break;
-        }
-      } // The work expired. Commit immediately.
 
-      commitRoot(
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      );
-      break;
-    }
-
-    case RootSuspendedWithDelay: {
-      markRootSuspended$1(root, lanes);
-
-      if (includesOnlyTransitions(lanes)) {
-        // This is a transition, so we should exit without committing a
-        // placeholder and without scheduling a timeout. Delay indefinitely
-        // until we receive more data.
-        break;
-      }
-
-      if (!shouldForceFlushFallbacksInDEV()) {
-        // This is not a transition, but we did trigger an avoided state.
-        // Schedule a placeholder to display after a short delay, using the Just
-        // Noticeable Difference.
-        // TODO: Is the JND optimization worth the added complexity? If this is
-        // the only reason we track the event time, then probably not.
-        // Consider removing.
-        var mostRecentEventTime = getMostRecentEventTime(root, lanes);
-        var eventTimeMs = mostRecentEventTime;
-        var timeElapsedMs = now() - eventTimeMs;
-
-        var _msUntilTimeout = jnd(timeElapsedMs) - timeElapsedMs; // Don't bother with a very short suspense time.
-
-        if (_msUntilTimeout > 10) {
-          // Instead of committing the fallback immediately, wait for more data
-          // to arrive.
-          root.timeoutHandle = scheduleTimeout(
-            commitRoot.bind(
-              null,
-              root,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions
-            ),
-            _msUntilTimeout
-          );
+        case OffscreenComponent: {
+          var instance = boundaryFiber.stateNode;
+          retryCache = instance._retryCache;
           break;
         }
-      } // Commit the placeholder.
 
-      commitRoot(
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      );
-      break;
-    }
+        default:
+          throw new Error(
+            "Pinged unknown suspense boundary type. " +
+              "This is probably a bug in React."
+          );
+      }
 
-    case RootCompleted: {
-      // The work completed. Ready to commit.
-      commitRoot(
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      );
-      break;
-    }
+      if (retryCache !== null) {
+        // The wakeable resolved, so we no longer need to memoize, because it will
+        // never be thrown again.
+        retryCache.delete(wakeable);
+      }
 
-    default: {
-      throw new Error("Unknown root exit status.");
+      retryTimedOutBoundary(boundaryFiber, retryLane);
     }
-  }
-}
-
-function isRenderConsistentWithExternalStores(finishedWork) {
-  // Search the rendered tree for external store reads, and check whether the
-  // stores were mutated in a concurrent event. Intentionally using an iterative
-  // loop instead of recursion so we can exit early.
-  var node = finishedWork;
-
-  while (true) {
-    if (node.flags & StoreConsistency) {
-      var updateQueue = node.updateQueue;
-
-      if (updateQueue !== null) {
-        var checks = updateQueue.stores;
+    function throwIfInfiniteUpdateLoopDetected() {
+      if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
+        nestedUpdateCount = 0;
+        nestedPassiveUpdateCount = 0;
+        rootWithNestedUpdates = null;
+        rootWithPassiveNestedUpdates = null;
+        throw new Error(
+          "Maximum update depth exceeded. This can happen when a component " +
+            "repeatedly calls setState inside componentWillUpdate or " +
+            "componentDidUpdate. React limits the number of nested updates to " +
+            "prevent infinite loops."
+        );
+      }
 
-        if (checks !== null) {
-          for (var i = 0; i < checks.length; i++) {
-            var check = checks[i];
-            var getSnapshot = check.getSnapshot;
-            var renderedValue = check.value;
+      {
+        if (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
+          nestedPassiveUpdateCount = 0;
+          rootWithPassiveNestedUpdates = null;
 
-            try {
-              if (!objectIs(getSnapshot(), renderedValue)) {
-                // Found an inconsistent store.
-                return false;
-              }
-            } catch (error) {
-              // If `getSnapshot` throws, return `false`. This will schedule
-              // a re-render, and the error will be rethrown during render.
-              return false;
-            }
-          }
+          error(
+            "Maximum update depth exceeded. This can happen when a component " +
+              "calls setState inside useEffect, but useEffect either doesn't " +
+              "have a dependency array, or one of the dependencies changes on " +
+              "every render."
+          );
         }
       }
     }
 
-    var child = node.child;
-
-    if (node.subtreeFlags & StoreConsistency && child !== null) {
-      child.return = node;
-      node = child;
-      continue;
-    }
-
-    if (node === finishedWork) {
-      return true;
+    function flushRenderPhaseStrictModeWarningsInDEV() {
+      {
+        ReactStrictModeWarnings.flushLegacyContextWarning();
+        ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
+      }
     }
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === finishedWork) {
-        return true;
+    function commitDoubleInvokeEffectsInDEV(root, hasPassiveEffects) {
+      {
+        {
+          legacyCommitDoubleInvokeEffectsInDEV(root.current, hasPassiveEffects);
+        }
       }
-
-      node = node.return;
     }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  } // Flow doesn't know this is unreachable, but eslint does
-  // eslint-disable-next-line no-unreachable
+    function legacyCommitDoubleInvokeEffectsInDEV(fiber, hasPassiveEffects) {
+      // TODO (StrictEffects) Should we set a marker on the root if it contains strict effects
+      // so we don't traverse unnecessarily? similar to subtreeFlags but just at the root level.
+      // Maybe not a big deal since this is DEV only behavior.
+      setCurrentFiber(fiber);
+      invokeEffectsInDev(fiber, MountLayoutDev, invokeLayoutEffectUnmountInDEV);
 
-  return true;
-}
+      if (hasPassiveEffects) {
+        invokeEffectsInDev(
+          fiber,
+          MountPassiveDev,
+          invokePassiveEffectUnmountInDEV
+        );
+      }
 
-function markRootSuspended$1(root, suspendedLanes) {
-  // When suspending, we should always exclude lanes that were pinged or (more
-  // rarely, since we try to avoid it) updated during the render phase.
-  // TODO: Lol maybe there's a better way to factor this besides this
-  // obnoxiously named function :)
-  suspendedLanes = removeLanes(suspendedLanes, workInProgressRootPingedLanes);
-  suspendedLanes = removeLanes(
-    suspendedLanes,
-    workInProgressRootInterleavedUpdatedLanes
-  );
-  markRootSuspended(root, suspendedLanes);
-} // This is the entry point for synchronous tasks that don't go
-// through Scheduler
-
-function performSyncWorkOnRoot(root) {
-  {
-    syncNestedUpdateFlag();
-  }
-
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    throw new Error("Should not already be working.");
-  }
-
-  flushPassiveEffects();
-  var lanes = getNextLanes(root, NoLanes);
-
-  if (!includesSomeLane(lanes, SyncLane)) {
-    // There's no remaining sync work left.
-    ensureRootIsScheduled(root, now());
-    return null;
-  }
-
-  var exitStatus = renderRootSync(root, lanes);
-
-  if (root.tag !== LegacyRoot && exitStatus === RootErrored) {
-    // If something threw an error, try rendering one more time. We'll render
-    // synchronously to block concurrent data mutations, and we'll includes
-    // all pending updates are included. If it still fails after the second
-    // attempt, we'll give up and commit the resulting tree.
-    var errorRetryLanes = getLanesToRetrySynchronouslyOnError(root);
-
-    if (errorRetryLanes !== NoLanes) {
-      lanes = errorRetryLanes;
-      exitStatus = recoverFromConcurrentError(root, errorRetryLanes);
-    }
-  }
-
-  if (exitStatus === RootFatalErrored) {
-    var fatalError = workInProgressRootFatalError;
-    prepareFreshStack(root, NoLanes);
-    markRootSuspended$1(root, lanes);
-    ensureRootIsScheduled(root, now());
-    throw fatalError;
-  }
-
-  if (exitStatus === RootDidNotComplete) {
-    throw new Error("Root did not complete. This is a bug in React.");
-  } // We now have a consistent tree. Because this is a sync render, we
-  // will commit it even if something suspended.
-
-  var finishedWork = root.current.alternate;
-  root.finishedWork = finishedWork;
-  root.finishedLanes = lanes;
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  ); // Before exiting, make sure there's a callback scheduled for the next
-  // pending level.
-
-  ensureRootIsScheduled(root, now());
-  return null;
-}
-function batchedUpdates$1(fn, a) {
-  var prevExecutionContext = executionContext;
-  executionContext |= BatchedContext;
+      invokeEffectsInDev(fiber, MountLayoutDev, invokeLayoutEffectMountInDEV);
 
-  try {
-    return fn(a);
-  } finally {
-    executionContext = prevExecutionContext; // If there were legacy sync updates, flush them at the end of the outer
-    // most batchedUpdates-like method.
+      if (hasPassiveEffects) {
+        invokeEffectsInDev(
+          fiber,
+          MountPassiveDev,
+          invokePassiveEffectMountInDEV
+        );
+      }
 
-    if (
-      executionContext === NoContext && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
-      !ReactCurrentActQueue$1.isBatchingLegacy
-    ) {
-      resetRenderTimer();
-      flushSyncCallbacksOnlyInLegacyMode();
+      resetCurrentFiber();
     }
-  }
-}
-// Warning, this opts-out of checking the function body.
-
-// eslint-disable-next-line no-redeclare
-function flushSync(fn) {
-  // In legacy mode, we flush pending passive effects at the beginning of the
-  // next event, not at the end of the previous one.
-  if (
-    rootWithPendingPassiveEffects !== null &&
-    rootWithPendingPassiveEffects.tag === LegacyRoot &&
-    (executionContext & (RenderContext | CommitContext)) === NoContext
-  ) {
-    flushPassiveEffects();
-  }
-
-  var prevExecutionContext = executionContext;
-  executionContext |= BatchedContext;
-  var prevTransition = ReactCurrentBatchConfig$2.transition;
-  var previousPriority = getCurrentUpdatePriority();
-
-  try {
-    ReactCurrentBatchConfig$2.transition = null;
-    setCurrentUpdatePriority(DiscreteEventPriority);
-
-    if (fn) {
-      return fn();
-    } else {
-      return undefined;
-    }
-  } finally {
-    setCurrentUpdatePriority(previousPriority);
-    ReactCurrentBatchConfig$2.transition = prevTransition;
-    executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
-    // Note that this will happen even if batchedUpdates is higher up
-    // the stack.
-
-    if ((executionContext & (RenderContext | CommitContext)) === NoContext) {
-      flushSyncCallbacks();
-    }
-  }
-}
-function pushRenderLanes(fiber, lanes) {
-  push(subtreeRenderLanesCursor, subtreeRenderLanes, fiber);
-  subtreeRenderLanes = mergeLanes(subtreeRenderLanes, lanes);
-  workInProgressRootIncludedLanes = mergeLanes(
-    workInProgressRootIncludedLanes,
-    lanes
-  );
-}
-function popRenderLanes(fiber) {
-  subtreeRenderLanes = subtreeRenderLanesCursor.current;
-  pop(subtreeRenderLanesCursor, fiber);
-}
-
-function prepareFreshStack(root, lanes) {
-  root.finishedWork = null;
-  root.finishedLanes = NoLanes;
-  var timeoutHandle = root.timeoutHandle;
-
-  if (timeoutHandle !== noTimeout) {
-    // The root previous suspended and scheduled a timeout to commit a fallback
-    // state. Now that we have additional work, cancel the timeout.
-    root.timeoutHandle = noTimeout; // $FlowFixMe Complains noTimeout is not a TimeoutID, despite the check above
-
-    cancelTimeout(timeoutHandle);
-  }
-
-  if (workInProgress !== null) {
-    var interruptedWork = workInProgress.return;
-
-    while (interruptedWork !== null) {
-      var current = interruptedWork.alternate;
-      unwindInterruptedWork(current, interruptedWork);
-      interruptedWork = interruptedWork.return;
-    }
-  }
-
-  workInProgressRoot = root;
-  var rootWorkInProgress = createWorkInProgress(root.current, null);
-  workInProgress = rootWorkInProgress;
-  workInProgressRootRenderLanes = subtreeRenderLanes = workInProgressRootIncludedLanes = lanes;
-  workInProgressRootExitStatus = RootInProgress;
-  workInProgressRootFatalError = null;
-  workInProgressRootSkippedLanes = NoLanes;
-  workInProgressRootInterleavedUpdatedLanes = NoLanes;
-  workInProgressRootPingedLanes = NoLanes;
-  workInProgressRootConcurrentErrors = null;
-  workInProgressRootRecoverableErrors = null;
-  finishQueueingConcurrentUpdates();
-
-  {
-    ReactStrictModeWarnings.discardPendingWarnings();
-  }
-
-  return rootWorkInProgress;
-}
-
-function handleError(root, thrownValue) {
-  do {
-    var erroredWork = workInProgress;
-
-    try {
-      // Reset module-level state that was set during the render phase.
-      resetContextDependencies();
-      resetHooksAfterThrow();
-      resetCurrentFiber(); // TODO: I found and added this missing line while investigating a
-      // separate issue. Write a regression test using string refs.
-
-      ReactCurrentOwner$2.current = null;
-
-      if (erroredWork === null || erroredWork.return === null) {
-        // Expected to be working on a non-root fiber. This is a fatal error
-        // because there's no ancestor that can handle it; the root is
-        // supposed to capture all errors that weren't caught by an error
-        // boundary.
-        workInProgressRootExitStatus = RootFatalErrored;
-        workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
-        // sibling, or the parent if there are no siblings. But since the root
-        // has no siblings nor a parent, we set it to null. Usually this is
-        // handled by `completeUnitOfWork` or `unwindWork`, but since we're
-        // intentionally not calling those, we need set it here.
-        // TODO: Consider calling `unwindWork` to pop the contexts.
-
-        workInProgress = null;
-        return;
-      }
 
-      if (enableProfilerTimer && erroredWork.mode & ProfileMode) {
-        // Record the time spent rendering before an error was thrown. This
-        // avoids inaccurate Profiler durations in the case of a
-        // suspended render.
-        stopProfilerTimerIfRunningAndRecordDelta(erroredWork, true);
-      }
+    function invokeEffectsInDev(firstChild, fiberFlags, invokeEffectFn) {
+      var current = firstChild;
+      var subtreeRoot = null;
 
-      if (enableSchedulingProfiler) {
-        markComponentRenderStopped();
+      while (current != null) {
+        var primarySubtreeFlag = current.subtreeFlags & fiberFlags;
 
         if (
-          thrownValue !== null &&
-          typeof thrownValue === "object" &&
-          typeof thrownValue.then === "function"
+          current !== subtreeRoot &&
+          current.child != null &&
+          primarySubtreeFlag !== NoFlags$1
         ) {
-          var wakeable = thrownValue;
-          markComponentSuspended(
-            erroredWork,
-            wakeable,
-            workInProgressRootRenderLanes
-          );
+          current = current.child;
         } else {
-          markComponentErrored(
-            erroredWork,
-            thrownValue,
-            workInProgressRootRenderLanes
-          );
-        }
-      }
+          if ((current.flags & fiberFlags) !== NoFlags$1) {
+            invokeEffectFn(current);
+          }
 
-      throwException(
-        root,
-        erroredWork.return,
-        erroredWork,
-        thrownValue,
-        workInProgressRootRenderLanes
-      );
-      completeUnitOfWork(erroredWork);
-    } catch (yetAnotherThrownValue) {
-      // Something in the return path also threw.
-      thrownValue = yetAnotherThrownValue;
-
-      if (workInProgress === erroredWork && erroredWork !== null) {
-        // If this boundary has already errored, then we had trouble processing
-        // the error. Bubble it to the next boundary.
-        erroredWork = erroredWork.return;
-        workInProgress = erroredWork;
-      } else {
-        erroredWork = workInProgress;
+          if (current.sibling !== null) {
+            current = current.sibling;
+          } else {
+            current = subtreeRoot = current.return;
+          }
+        }
       }
+    }
 
-      continue;
-    } // Return to the normal work loop.
-
-    return;
-  } while (true);
-}
+    var didWarnStateUpdateForNotYetMountedComponent = null;
+    function warnAboutUpdateOnNotYetMountedFiberInDEV(fiber) {
+      {
+        if ((executionContext & RenderContext) !== NoContext) {
+          // We let the other warning about render phase updates deal with this one.
+          return;
+        }
 
-function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher$2.current;
-  ReactCurrentDispatcher$2.current = ContextOnlyDispatcher;
-
-  if (prevDispatcher === null) {
-    // The React isomorphic package does not include a default dispatcher.
-    // Instead the first renderer will lazily attach one, in order to give
-    // nicer error messages.
-    return ContextOnlyDispatcher;
-  } else {
-    return prevDispatcher;
-  }
-}
+        if (!(fiber.mode & ConcurrentMode)) {
+          return;
+        }
 
-function popDispatcher(prevDispatcher) {
-  ReactCurrentDispatcher$2.current = prevDispatcher;
-}
+        var tag = fiber.tag;
 
-function markCommitTimeOfFallback() {
-  globalMostRecentFallbackTime = now();
-}
-function markSkippedUpdateLanes(lane) {
-  workInProgressRootSkippedLanes = mergeLanes(
-    lane,
-    workInProgressRootSkippedLanes
-  );
-}
-function renderDidSuspend() {
-  if (workInProgressRootExitStatus === RootInProgress) {
-    workInProgressRootExitStatus = RootSuspended;
-  }
-}
-function renderDidSuspendDelayIfPossible() {
-  if (
-    workInProgressRootExitStatus === RootInProgress ||
-    workInProgressRootExitStatus === RootSuspended ||
-    workInProgressRootExitStatus === RootErrored
-  ) {
-    workInProgressRootExitStatus = RootSuspendedWithDelay;
-  } // Check if there are updates that we skipped tree that might have unblocked
-  // this render.
-
-  if (
-    workInProgressRoot !== null &&
-    (includesNonIdleWork(workInProgressRootSkippedLanes) ||
-      includesNonIdleWork(workInProgressRootInterleavedUpdatedLanes))
-  ) {
-    // Mark the current render as suspended so that we switch to working on
-    // the updates that were skipped. Usually we only suspend at the end of
-    // the render phase.
-    // TODO: We should probably always mark the root as suspended immediately
-    // (inside this function), since by suspending at the end of the render
-    // phase introduces a potential mistake where we suspend lanes that were
-    // pinged or updated while we were rendering.
-    markRootSuspended$1(workInProgressRoot, workInProgressRootRenderLanes);
-  }
-}
-function renderDidError(error) {
-  if (workInProgressRootExitStatus !== RootSuspendedWithDelay) {
-    workInProgressRootExitStatus = RootErrored;
-  }
-
-  if (workInProgressRootConcurrentErrors === null) {
-    workInProgressRootConcurrentErrors = [error];
-  } else {
-    workInProgressRootConcurrentErrors.push(error);
-  }
-} // Called during render to determine if anything has suspended.
-// Returns false if we're not sure.
-
-function renderHasNotSuspendedYet() {
-  // If something errored or completed, we can't really be sure,
-  // so those are false.
-  return workInProgressRootExitStatus === RootInProgress;
-}
+        if (
+          tag !== IndeterminateComponent &&
+          tag !== HostRoot &&
+          tag !== ClassComponent &&
+          tag !== FunctionComponent &&
+          tag !== ForwardRef &&
+          tag !== MemoComponent &&
+          tag !== SimpleMemoComponent
+        ) {
+          // Only warn for user-defined components, not internal ones like Suspense.
+          return;
+        } // We show the whole stack but dedupe on the top component's name because
+        // the problematic code almost always lies inside that component.
 
-function renderRootSync(root, lanes) {
-  var prevExecutionContext = executionContext;
-  executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(); // If the root or lanes have changed, throw out the existing stack
-  // and prepare a fresh one. Otherwise we'll continue where we left off.
+        var componentName =
+          getComponentNameFromFiber(fiber) || "ReactComponent";
 
-  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
-    {
-      if (isDevToolsPresent) {
-        var memoizedUpdaters = root.memoizedUpdaters;
+        if (didWarnStateUpdateForNotYetMountedComponent !== null) {
+          if (didWarnStateUpdateForNotYetMountedComponent.has(componentName)) {
+            return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-        if (memoizedUpdaters.size > 0) {
-          restorePendingUpdaters(root, workInProgressRootRenderLanes);
-          memoizedUpdaters.clear();
-        } // At this point, move Fibers that scheduled the upcoming work from the Map to the Set.
-        // If we bailout on this work, we'll move them back (like above).
-        // It's important to move them now in case the work spawns more work at the same priority with different updaters.
-        // That way we can keep the current update and future updates separate.
+          didWarnStateUpdateForNotYetMountedComponent.add(componentName);
+        } else {
+          didWarnStateUpdateForNotYetMountedComponent = new Set([
+            componentName
+          ]);
+        }
 
-        movePendingFibersToMemoized(root, lanes);
-      }
-    }
+        var previousFiber = current;
 
-    workInProgressTransitions = getTransitionsForLanes();
-    prepareFreshStack(root, lanes);
-  }
+        try {
+          setCurrentFiber(fiber);
 
-  do {
-    try {
-      workLoopSync();
-      break;
-    } catch (thrownValue) {
-      handleError(root, thrownValue);
+          error(
+            "Can't perform a React state update on a component that hasn't mounted yet. " +
+              "This indicates that you have a side-effect in your render function that " +
+              "asynchronously later calls tries to update the component. Move this work to " +
+              "useEffect instead."
+          );
+        } finally {
+          if (previousFiber) {
+            setCurrentFiber(fiber);
+          } else {
+            resetCurrentFiber();
+          }
+        }
+      }
     }
-  } while (true);
+    var beginWork;
 
-  resetContextDependencies();
-  executionContext = prevExecutionContext;
-  popDispatcher(prevDispatcher);
+    {
+      var dummyFiber = null;
+
+      beginWork = function (current, unitOfWork, lanes) {
+        // If a component throws an error, we replay it again in a synchronously
+        // dispatched event, so that the debugger will treat it as an uncaught
+        // error See ReactErrorUtils for more information.
+        // Before entering the begin phase, copy the work-in-progress onto a dummy
+        // fiber. If beginWork throws, we'll use this to reset the state.
+        var originalWorkInProgressCopy = assignFiberPropertiesInDEV(
+          dummyFiber,
+          unitOfWork
+        );
 
-  if (workInProgress !== null) {
-    // This is a sync render, so we should have finished the whole tree.
-    throw new Error(
-      "Cannot commit an incomplete root. This error is likely caused by a " +
-        "bug in React. Please file an issue."
-    );
-  }
+        try {
+          return beginWork$1(current, unitOfWork, lanes);
+        } catch (originalError) {
+          if (
+            didSuspendOrErrorWhileHydratingDEV() ||
+            originalError === SuspenseException ||
+            originalError === SelectiveHydrationException ||
+            (originalError !== null &&
+              typeof originalError === "object" &&
+              typeof originalError.then === "function")
+          ) {
+            // Don't replay promises.
+            // Don't replay errors if we are hydrating and have already suspended or handled an error
+            throw originalError;
+          } // Don't reset current debug fiber, since we're about to work on the
+          // same fiber again.
+          // Unwind the failed stack frame
 
-  workInProgressRoot = null;
-  workInProgressRootRenderLanes = NoLanes;
-  return workInProgressRootExitStatus;
-} // The work loop is an extremely hot path. Tell Closure not to inline it.
+          resetSuspendedWorkLoopOnUnwind(unitOfWork);
+          unwindInterruptedWork(current, unitOfWork); // Restore the original properties of the fiber.
 
-/** @noinline */
+          assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
 
-function workLoopSync() {
-  // Already timed out, so perform work without checking if we need to yield.
-  while (workInProgress !== null) {
-    performUnitOfWork(workInProgress);
-  }
-}
+          if (unitOfWork.mode & ProfileMode) {
+            // Reset the profiler timer.
+            startProfilerTimer(unitOfWork);
+          } // Run beginWork again.
 
-function renderRootConcurrent(root, lanes) {
-  var prevExecutionContext = executionContext;
-  executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(); // If the root or lanes have changed, throw out the existing stack
-  // and prepare a fresh one. Otherwise we'll continue where we left off.
+          invokeGuardedCallback(
+            null,
+            beginWork$1,
+            null,
+            current,
+            unitOfWork,
+            lanes
+          );
 
-  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
-    {
-      if (isDevToolsPresent) {
-        var memoizedUpdaters = root.memoizedUpdaters;
+          if (hasCaughtError()) {
+            var replayError = clearCaughtError();
 
-        if (memoizedUpdaters.size > 0) {
-          restorePendingUpdaters(root, workInProgressRootRenderLanes);
-          memoizedUpdaters.clear();
-        } // At this point, move Fibers that scheduled the upcoming work from the Map to the Set.
-        // If we bailout on this work, we'll move them back (like above).
-        // It's important to move them now in case the work spawns more work at the same priority with different updaters.
-        // That way we can keep the current update and future updates separate.
+            if (
+              typeof replayError === "object" &&
+              replayError !== null &&
+              replayError._suppressLogging &&
+              typeof originalError === "object" &&
+              originalError !== null &&
+              !originalError._suppressLogging
+            ) {
+              // If suppressed, let the flag carry over to the original error which is the one we'll rethrow.
+              originalError._suppressLogging = true;
+            }
+          } // We always throw the original error in case the second render pass is not idempotent.
+          // This can happen if a memoized function or CommonJS module doesn't throw after first invocation.
 
-        movePendingFibersToMemoized(root, lanes);
-      }
+          throw originalError;
+        }
+      };
     }
 
-    workInProgressTransitions = getTransitionsForLanes();
-    resetRenderTimer();
-    prepareFreshStack(root, lanes);
-  }
+    var didWarnAboutUpdateInRender = false;
+    var didWarnAboutUpdateInRenderForAnotherComponent;
 
-  do {
-    try {
-      workLoopConcurrent();
-      break;
-    } catch (thrownValue) {
-      handleError(root, thrownValue);
+    {
+      didWarnAboutUpdateInRenderForAnotherComponent = new Set();
     }
-  } while (true);
 
-  resetContextDependencies();
-  popDispatcher(prevDispatcher);
-  executionContext = prevExecutionContext;
-
-  if (workInProgress !== null) {
-    return RootInProgress;
-  } else {
-    workInProgressRoot = null;
-    workInProgressRootRenderLanes = NoLanes; // Return the final exit status.
+    function warnAboutRenderPhaseUpdatesInDEV(fiber) {
+      {
+        if (isRendering) {
+          switch (fiber.tag) {
+            case FunctionComponent:
+            case ForwardRef:
+            case SimpleMemoComponent: {
+              var renderingComponentName =
+                (workInProgress && getComponentNameFromFiber(workInProgress)) ||
+                "Unknown"; // Dedupe by the rendering component because it's the one that needs to be fixed.
+
+              var dedupeKey = renderingComponentName;
+
+              if (
+                !didWarnAboutUpdateInRenderForAnotherComponent.has(dedupeKey)
+              ) {
+                didWarnAboutUpdateInRenderForAnotherComponent.add(dedupeKey);
+                var setStateComponentName =
+                  getComponentNameFromFiber(fiber) || "Unknown";
 
-    return workInProgressRootExitStatus;
-  }
-}
-/** @noinline */
+                error(
+                  "Cannot update a component (`%s`) while rendering a " +
+                    "different component (`%s`). To locate the bad setState() call inside `%s`, " +
+                    "follow the stack trace as described in https://reactjs.org/link/setstate-in-render",
+                  setStateComponentName,
+                  renderingComponentName,
+                  renderingComponentName
+                );
+              }
 
-function workLoopConcurrent() {
-  // Perform work until Scheduler asks us to yield
-  while (workInProgress !== null && !shouldYield()) {
-    performUnitOfWork(workInProgress);
-  }
-}
+              break;
+            }
 
-function performUnitOfWork(unitOfWork) {
-  // The current, flushed, state of this fiber is the alternate. Ideally
-  // nothing should rely on this, but relying on it here means that we don't
-  // need an additional field on the work in progress.
-  var current = unitOfWork.alternate;
-  setCurrentFiber(unitOfWork);
-  var next;
-
-  if ((unitOfWork.mode & ProfileMode) !== NoMode) {
-    startProfilerTimer(unitOfWork);
-    next = beginWork$1(current, unitOfWork, subtreeRenderLanes);
-    stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
-  } else {
-    next = beginWork$1(current, unitOfWork, subtreeRenderLanes);
-  }
-
-  resetCurrentFiber();
-  unitOfWork.memoizedProps = unitOfWork.pendingProps;
-
-  if (next === null) {
-    // If this doesn't spawn new work, complete the current work.
-    completeUnitOfWork(unitOfWork);
-  } else {
-    workInProgress = next;
-  }
-
-  ReactCurrentOwner$2.current = null;
-}
+            case ClassComponent: {
+              if (!didWarnAboutUpdateInRender) {
+                error(
+                  "Cannot update during an existing state transition (such as " +
+                    "within `render`). Render methods should be a pure " +
+                    "function of props and state."
+                );
 
-function completeUnitOfWork(unitOfWork) {
-  // Attempt to complete the current unit of work, then move to the next
-  // sibling. If there are no more siblings, return to the parent fiber.
-  var completedWork = unitOfWork;
+                didWarnAboutUpdateInRender = true;
+              }
 
-  do {
-    // The current, flushed, state of this fiber is the alternate. Ideally
-    // nothing should rely on this, but relying on it here means that we don't
-    // need an additional field on the work in progress.
-    var current = completedWork.alternate;
-    var returnFiber = completedWork.return; // Check if the work completed or if something threw.
+              break;
+            }
+          }
+        }
+      }
+    }
 
-    if ((completedWork.flags & Incomplete) === NoFlags) {
-      setCurrentFiber(completedWork);
-      var next = void 0;
+    function restorePendingUpdaters(root, lanes) {
+      {
+        if (isDevToolsPresent) {
+          var memoizedUpdaters = root.memoizedUpdaters;
+          memoizedUpdaters.forEach(function (schedulingFiber) {
+            addFiberToLanesMap(root, schedulingFiber, lanes);
+          }); // This function intentionally does not clear memoized updaters.
+          // Those may still be relevant to the current commit
+          // and a future one (e.g. Suspense).
+        }
+      }
+    }
+    var fakeActCallbackNode = {}; // $FlowFixMe[missing-local-annot]
 
-      if ((completedWork.mode & ProfileMode) === NoMode) {
-        next = completeWork(current, completedWork, subtreeRenderLanes);
-      } else {
-        startProfilerTimer(completedWork);
-        next = completeWork(current, completedWork, subtreeRenderLanes); // Update render duration assuming we didn't error.
+    function scheduleCallback(priorityLevel, callback) {
+      {
+        // If we're currently inside an `act` scope, bypass Scheduler and push to
+        // the `act` queue instead.
+        var actQueue = ReactCurrentActQueue.current;
 
-        stopProfilerTimerIfRunningAndRecordDelta(completedWork, false);
+        if (actQueue !== null) {
+          actQueue.push(callback);
+          return fakeActCallbackNode;
+        } else {
+          return scheduleCallback$2(priorityLevel, callback);
+        }
       }
+    }
 
-      resetCurrentFiber();
+    function shouldForceFlushFallbacksInDEV() {
+      // Never force flush in production. This function should get stripped out.
+      return ReactCurrentActQueue.current !== null;
+    }
 
-      if (next !== null) {
-        // Completing this fiber spawned new work. Work on that next.
-        workInProgress = next;
-        return;
-      }
-    } else {
-      // This fiber did not complete because something threw. Pop values off
-      // the stack without entering the complete phase. If this is a boundary,
-      // capture values if possible.
-      var _next = unwindWork(current, completedWork); // Because this fiber did not complete, don't reset its lanes.
-
-      if (_next !== null) {
-        // If completing this work spawned new work, do that next. We'll come
-        // back here again.
-        // Since we're restarting, remove anything that is not a host effect
-        // from the effect tag.
-        _next.flags &= HostEffectMask;
-        workInProgress = _next;
-        return;
-      }
+    function warnIfUpdatesNotWrappedWithActDEV(fiber) {
+      {
+        if (fiber.mode & ConcurrentMode) {
+          if (!isConcurrentActEnvironment()) {
+            // Not in an act environment. No need to warn.
+            return;
+          }
+        } else {
+          // Legacy mode has additional cases where we suppress a warning.
+          if (!isLegacyActEnvironment()) {
+            // Not in an act environment. No need to warn.
+            return;
+          }
 
-      if ((completedWork.mode & ProfileMode) !== NoMode) {
-        // Record the render duration for the fiber that errored.
-        stopProfilerTimerIfRunningAndRecordDelta(completedWork, false); // Include the time spent working on failed children before continuing.
+          if (executionContext !== NoContext) {
+            // Legacy mode doesn't warn if the update is batched, i.e.
+            // batchedUpdates or flushSync.
+            return;
+          }
 
-        var actualDuration = completedWork.actualDuration;
-        var child = completedWork.child;
+          if (
+            fiber.tag !== FunctionComponent &&
+            fiber.tag !== ForwardRef &&
+            fiber.tag !== SimpleMemoComponent
+          ) {
+            // For backwards compatibility with pre-hooks code, legacy mode only
+            // warns for updates that originate from a hook.
+            return;
+          }
+        }
 
-        while (child !== null) {
-          actualDuration += child.actualDuration;
-          child = child.sibling;
+        if (ReactCurrentActQueue.current === null) {
+          var previousFiber = current;
+
+          try {
+            setCurrentFiber(fiber);
+
+            error(
+              "An update to %s inside a test was not wrapped in act(...).\n\n" +
+                "When testing, code that causes React state updates should be " +
+                "wrapped into act(...):\n\n" +
+                "act(() => {\n" +
+                "  /* fire events that update state */\n" +
+                "});\n" +
+                "/* assert on the output */\n\n" +
+                "This ensures that you're testing the behavior the user would see " +
+                "in the browser." +
+                " Learn more at https://reactjs.org/link/wrap-tests-with-act",
+              getComponentNameFromFiber(fiber)
+            );
+          } finally {
+            if (previousFiber) {
+              setCurrentFiber(fiber);
+            } else {
+              resetCurrentFiber();
+            }
+          }
         }
+      }
+    }
 
-        completedWork.actualDuration = actualDuration;
+    function warnIfSuspenseResolutionNotWrappedWithActDEV(root) {
+      {
+        if (
+          root.tag !== LegacyRoot &&
+          isConcurrentActEnvironment() &&
+          ReactCurrentActQueue.current === null
+        ) {
+          error(
+            "A suspended resource finished loading inside a test, but the event " +
+              "was not wrapped in act(...).\n\n" +
+              "When testing, code that resolves suspended data should be wrapped " +
+              "into act(...):\n\n" +
+              "act(() => {\n" +
+              "  /* finish loading suspended data */\n" +
+              "});\n" +
+              "/* assert on the output */\n\n" +
+              "This ensures that you're testing the behavior the user would see " +
+              "in the browser." +
+              " Learn more at https://reactjs.org/link/wrap-tests-with-act"
+          );
+        }
       }
+    }
 
-      if (returnFiber !== null) {
-        // Mark the parent fiber as incomplete and clear its subtree flags.
-        returnFiber.flags |= Incomplete;
-        returnFiber.subtreeFlags = NoFlags;
-        returnFiber.deletions = null;
-      } else {
-        // We've unwound all the way to the root.
-        workInProgressRootExitStatus = RootDidNotComplete;
-        workInProgress = null;
-        return;
+    function setIsRunningInsertionEffect(isRunning) {
+      {
+        isRunningInsertionEffect = isRunning;
       }
     }
 
-    var siblingFiber = completedWork.sibling;
+    /* eslint-disable react-internal/prod-error-codes */
+    // Used by React Refresh runtime through DevTools Global Hook.
 
-    if (siblingFiber !== null) {
-      // If there is more work to do in this returnFiber, do that next.
-      workInProgress = siblingFiber;
-      return;
-    } // Otherwise, return to the parent
+    var resolveFamily = null;
+    var failedBoundaries = null;
+    var setRefreshHandler = function (handler) {
+      {
+        resolveFamily = handler;
+      }
+    };
+    function resolveFunctionForHotReloading(type) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return type;
+        }
 
-    completedWork = returnFiber; // Update the next thing we're working on in case something throws.
+        var family = resolveFamily(type);
 
-    workInProgress = completedWork;
-  } while (completedWork !== null); // We've reached the root.
+        if (family === undefined) {
+          return type;
+        } // Use the latest known implementation.
 
-  if (workInProgressRootExitStatus === RootInProgress) {
-    workInProgressRootExitStatus = RootCompleted;
-  }
-}
+        return family.current;
+      }
+    }
+    function resolveClassForHotReloading(type) {
+      // No implementation differences.
+      return resolveFunctionForHotReloading(type);
+    }
+    function resolveForwardRefForHotReloading(type) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return type;
+        }
 
-function commitRoot(root, recoverableErrors, transitions) {
-  // TODO: This no longer makes any sense. We already wrap the mutation and
-  // layout phases. Should be able to remove.
-  var previousUpdateLanePriority = getCurrentUpdatePriority();
-  var prevTransition = ReactCurrentBatchConfig$2.transition;
+        var family = resolveFamily(type);
 
-  try {
-    ReactCurrentBatchConfig$2.transition = null;
-    setCurrentUpdatePriority(DiscreteEventPriority);
-    commitRootImpl(
-      root,
-      recoverableErrors,
-      transitions,
-      previousUpdateLanePriority
-    );
-  } finally {
-    ReactCurrentBatchConfig$2.transition = prevTransition;
-    setCurrentUpdatePriority(previousUpdateLanePriority);
-  }
+        if (family === undefined) {
+          // Check if we're dealing with a real forwardRef. Don't want to crash early.
+          if (
+            type !== null &&
+            type !== undefined &&
+            typeof type.render === "function"
+          ) {
+            // ForwardRef is special because its resolved .type is an object,
+            // but it's possible that we only have its inner render function in the map.
+            // If that inner render function is different, we'll build a new forwardRef type.
+            var currentRender = resolveFunctionForHotReloading(type.render);
+
+            if (type.render !== currentRender) {
+              var syntheticType = {
+                $$typeof: REACT_FORWARD_REF_TYPE,
+                render: currentRender
+              };
+
+              if (type.displayName !== undefined) {
+                syntheticType.displayName = type.displayName;
+              }
 
-  return null;
-}
+              return syntheticType;
+            }
+          }
 
-function commitRootImpl(
-  root,
-  recoverableErrors,
-  transitions,
-  renderPriorityLevel
-) {
-  do {
-    // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
-    // means `flushPassiveEffects` will sometimes result in additional
-    // passive effects. So we need to keep flushing in a loop until there are
-    // no more pending effects.
-    // TODO: Might be better if `flushPassiveEffects` did not automatically
-    // flush synchronous work at the end, to avoid factoring hazards like this.
-    flushPassiveEffects();
-  } while (rootWithPendingPassiveEffects !== null);
-
-  flushRenderPhaseStrictModeWarningsInDEV();
-
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    throw new Error("Should not already be working.");
-  }
-
-  var finishedWork = root.finishedWork;
-  var lanes = root.finishedLanes;
-
-  if (finishedWork === null) {
-    return null;
-  } else {
-    {
-      if (lanes === NoLanes) {
-        error(
-          "root.finishedLanes should not be empty during a commit. This is a " +
-            "bug in React."
-        );
+          return type;
+        } // Use the latest known implementation.
+
+        return family.current;
       }
     }
-  }
+    function isCompatibleFamilyForHotReloading(fiber, element) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return false;
+        }
 
-  root.finishedWork = null;
-  root.finishedLanes = NoLanes;
+        var prevType = fiber.elementType;
+        var nextType = element.type; // If we got here, we know types aren't === equal.
 
-  if (finishedWork === root.current) {
-    throw new Error(
-      "Cannot commit the same tree as before. This error is likely caused by " +
-        "a bug in React. Please file an issue."
-    );
-  } // commitRoot never returns a continuation; it always finishes synchronously.
-  // So we can clear these now to allow a new callback to be scheduled.
-
-  root.callbackNode = null;
-  root.callbackPriority = NoLane; // Update the first and last pending times on this root. The new first
-  // pending time is whatever is left on the root fiber.
-
-  var remainingLanes = mergeLanes(finishedWork.lanes, finishedWork.childLanes);
-  markRootFinished(root, remainingLanes);
-
-  if (root === workInProgressRoot) {
-    // We can reset these now that they are finished.
-    workInProgressRoot = null;
-    workInProgress = null;
-    workInProgressRootRenderLanes = NoLanes;
-  } // If there are pending passive effects, schedule a callback to process them.
-  // Do this as early as possible, so it is queued before anything else that
-  // might get scheduled in the commit phase. (See #16714.)
-  // TODO: Delete all other places that schedule the passive effect callback
-  // They're redundant.
-
-  if (
-    (finishedWork.subtreeFlags & PassiveMask) !== NoFlags ||
-    (finishedWork.flags & PassiveMask) !== NoFlags
-  ) {
-    if (!rootDoesHavePassiveEffects) {
-      rootDoesHavePassiveEffects = true;
-      // to store it in pendingPassiveTransitions until they get processed
-      // We need to pass this through as an argument to commitRoot
-      // because workInProgressTransitions might have changed between
-      // the previous render and commit if we throttle the commit
-      // with setTimeout
-
-      pendingPassiveTransitions = transitions;
-      scheduleCallback$1(NormalPriority, function() {
-        flushPassiveEffects(); // This render triggered passive effects: release the root cache pool
-        // *after* passive effects fire to avoid freeing a cache pool that may
-        // be referenced by a node in the tree (HostRoot, Cache boundary etc)
+        var needsCompareFamilies = false;
+        var $$typeofNextType =
+          typeof nextType === "object" && nextType !== null
+            ? nextType.$$typeof
+            : null;
 
-        return null;
-      });
-    }
-  } // Check if there are any effects in the whole tree.
-  // TODO: This is left over from the effect list implementation, where we had
-  // to check for the existence of `firstEffect` to satisfy Flow. I think the
-  // only other reason this optimization exists is because it affects profiling.
-  // Reconsider whether this is necessary.
-
-  var subtreeHasEffects =
-    (finishedWork.subtreeFlags &
-      (BeforeMutationMask | MutationMask | LayoutMask | PassiveMask)) !==
-    NoFlags;
-  var rootHasEffect =
-    (finishedWork.flags &
-      (BeforeMutationMask | MutationMask | LayoutMask | PassiveMask)) !==
-    NoFlags;
-
-  if (subtreeHasEffects || rootHasEffect) {
-    var prevTransition = ReactCurrentBatchConfig$2.transition;
-    ReactCurrentBatchConfig$2.transition = null;
-    var previousPriority = getCurrentUpdatePriority();
-    setCurrentUpdatePriority(DiscreteEventPriority);
-    var prevExecutionContext = executionContext;
-    executionContext |= CommitContext; // Reset this to null before calling lifecycles
-
-    ReactCurrentOwner$2.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
-    // of the effect list for each phase: all mutation effects come before all
-    // layout effects, and so on.
-    // The first phase a "before mutation" phase. We use this phase to read the
-    // state of the host tree right before we mutate it. This is where
-    // getSnapshotBeforeUpdate is called.
-
-    var shouldFireAfterActiveInstanceBlur = commitBeforeMutationEffects(
-      root,
-      finishedWork
-    );
+        switch (fiber.tag) {
+          case ClassComponent: {
+            if (typeof nextType === "function") {
+              needsCompareFamilies = true;
+            }
 
-    {
-      // Mark the current commit time to be shared by all Profilers in this
-      // batch. This enables them to be grouped later.
-      recordCommitTime();
-    }
+            break;
+          }
 
-    commitMutationEffects(root, finishedWork, lanes);
+          case FunctionComponent: {
+            if (typeof nextType === "function") {
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              // We don't know the inner type yet.
+              // We're going to assume that the lazy inner type is stable,
+              // and so it is sufficient to avoid reconciling it away.
+              // We're not going to unwrap or actually use the new lazy type.
+              needsCompareFamilies = true;
+            }
 
-    resetAfterCommit(root.containerInfo); // The work-in-progress tree is now the current tree. This must come after
-    // the mutation phase, so that the previous tree is still current during
-    // componentWillUnmount, but before the layout phase, so that the finished
-    // work is current during componentDidMount/Update.
+            break;
+          }
 
-    root.current = finishedWork; // The next phase is the layout phase, where we call effects that read
+          case ForwardRef: {
+            if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              needsCompareFamilies = true;
+            }
 
-    commitLayoutEffects(finishedWork, root, lanes);
-    // opportunity to paint.
+            break;
+          }
 
-    requestPaint();
-    executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
+          case MemoComponent:
+          case SimpleMemoComponent: {
+            if ($$typeofNextType === REACT_MEMO_TYPE) {
+              // TODO: if it was but can no longer be simple,
+              // we shouldn't set this.
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              needsCompareFamilies = true;
+            }
 
-    setCurrentUpdatePriority(previousPriority);
-    ReactCurrentBatchConfig$2.transition = prevTransition;
-  } else {
-    // No effects.
-    root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
-    // no effects.
-    // TODO: Maybe there's a better way to report this.
+            break;
+          }
 
-    {
-      recordCommitTime();
-    }
-  }
+          default:
+            return false;
+        } // Check if both types have a family and it's the same one.
 
-  if (rootDoesHavePassiveEffects) {
-    // This commit has passive effects. Stash a reference to them. But don't
-    // schedule a callback until after flushing layout work.
-    rootDoesHavePassiveEffects = false;
-    rootWithPendingPassiveEffects = root;
-    pendingPassiveEffectsLanes = lanes;
-  } else {
-    {
-      nestedPassiveUpdateCount = 0;
-      rootWithPassiveNestedUpdates = null;
-    }
-  } // Read this again, since an effect might have updated it
-
-  remainingLanes = root.pendingLanes; // Check if there's remaining work on this root
-  // TODO: This is part of the `componentDidCatch` implementation. Its purpose
-  // is to detect whether something might have called setState inside
-  // `componentDidCatch`. The mechanism is known to be flawed because `setState`
-  // inside `componentDidCatch` is itself flawed — that's why we recommend
-  // `getDerivedStateFromError` instead. However, it could be improved by
-  // checking if remainingLanes includes Sync work, instead of whether there's
-  // any work remaining at all (which would also include stuff like Suspense
-  // retries or transitions). It's been like this for a while, though, so fixing
-  // it probably isn't that urgent.
-
-  if (remainingLanes === NoLanes) {
-    // If there's no remaining work, we can clear the set of already failed
-    // error boundaries.
-    legacyErrorBoundariesThatAlreadyFailed = null;
-  }
-
-  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
-
-  {
-    if (isDevToolsPresent) {
-      root.memoizedUpdaters.clear();
-    }
-  }
-  // additional work on this root is scheduled.
-
-  ensureRootIsScheduled(root, now());
-
-  if (recoverableErrors !== null) {
-    // There were errors during this render, but recovered from them without
-    // needing to surface it to the UI. We log them here.
-    var onRecoverableError = root.onRecoverableError;
-
-    for (var i = 0; i < recoverableErrors.length; i++) {
-      var recoverableError = recoverableErrors[i];
-      var componentStack = recoverableError.stack;
-      var digest = recoverableError.digest;
-      onRecoverableError(recoverableError.value, {
-        componentStack: componentStack,
-        digest: digest
-      });
-    }
-  }
-
-  if (hasUncaughtError) {
-    hasUncaughtError = false;
-    var error$1 = firstUncaughtError;
-    firstUncaughtError = null;
-    throw error$1;
-  } // If the passive effects are the result of a discrete render, flush them
-  // synchronously at the end of the current task so that the result is
-  // immediately observable. Otherwise, we assume that they are not
-  // order-dependent and do not need to be observed by external systems, so we
-  // can wait until after paint.
-  // TODO: We can optimize this by not scheduling the callback earlier. Since we
-  // currently schedule the callback in multiple places, will wait until those
-  // are consolidated.
-
-  if (
-    includesSomeLane(pendingPassiveEffectsLanes, SyncLane) &&
-    root.tag !== LegacyRoot
-  ) {
-    flushPassiveEffects();
-  } // Read this again, since a passive effect might have updated it
-
-  remainingLanes = root.pendingLanes;
-
-  if (includesSomeLane(remainingLanes, SyncLane)) {
-    {
-      markNestedUpdateScheduled();
-    } // Count the number of times the root synchronously re-renders without
-    // finishing. If there are too many, it indicates an infinite update loop.
+        if (needsCompareFamilies) {
+          // Note: memo() and forwardRef() we'll compare outer rather than inner type.
+          // This means both of them need to be registered to preserve state.
+          // If we unwrapped and compared the inner types for wrappers instead,
+          // then we would risk falsely saying two separate memo(Foo)
+          // calls are equivalent because they wrap the same Foo function.
+          var prevFamily = resolveFamily(prevType); // $FlowFixMe[not-a-function] found when upgrading Flow
 
-    if (root === rootWithNestedUpdates) {
-      nestedUpdateCount++;
-    } else {
-      nestedUpdateCount = 0;
-      rootWithNestedUpdates = root;
-    }
-  } else {
-    nestedUpdateCount = 0;
-  } // If layout work was scheduled, flush it now.
+          if (
+            prevFamily !== undefined &&
+            prevFamily === resolveFamily(nextType)
+          ) {
+            return true;
+          }
+        }
 
-  flushSyncCallbacks();
+        return false;
+      }
+    }
+    function markFailedErrorBoundaryForHotReloading(fiber) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return;
+        }
 
-  return null;
-}
+        if (typeof WeakSet !== "function") {
+          return;
+        }
 
-function flushPassiveEffects() {
-  // Returns whether passive effects were flushed.
-  // TODO: Combine this check with the one in flushPassiveEFfectsImpl. We should
-  // probably just combine the two functions. I believe they were only separate
-  // in the first place because we used to wrap it with
-  // `Scheduler.runWithPriority`, which accepts a function. But now we track the
-  // priority within React itself, so we can mutate the variable directly.
-  if (rootWithPendingPassiveEffects !== null) {
-    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
-    var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
-    var prevTransition = ReactCurrentBatchConfig$2.transition;
-    var previousPriority = getCurrentUpdatePriority();
-
-    try {
-      ReactCurrentBatchConfig$2.transition = null;
-      setCurrentUpdatePriority(priority);
-      return flushPassiveEffectsImpl();
-    } finally {
-      setCurrentUpdatePriority(previousPriority);
-      ReactCurrentBatchConfig$2.transition = prevTransition; // Once passive effects have run for the tree - giving components a
-    }
-  }
-
-  return false;
-}
-function enqueuePendingPassiveProfilerEffect(fiber) {
-  {
-    pendingPassiveProfilerEffects.push(fiber);
+        if (failedBoundaries === null) {
+          failedBoundaries = new WeakSet();
+        }
 
-    if (!rootDoesHavePassiveEffects) {
-      rootDoesHavePassiveEffects = true;
-      scheduleCallback$1(NormalPriority, function() {
-        flushPassiveEffects();
-        return null;
-      });
+        failedBoundaries.add(fiber);
+      }
     }
-  }
-}
+    var scheduleRefresh = function (root, update) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return;
+        }
 
-function flushPassiveEffectsImpl() {
-  if (rootWithPendingPassiveEffects === null) {
-    return false;
-  } // Cache and clear the transitions flag
-
-  var transitions = pendingPassiveTransitions;
-  pendingPassiveTransitions = null;
-  var root = rootWithPendingPassiveEffects;
-  var lanes = pendingPassiveEffectsLanes;
-  rootWithPendingPassiveEffects = null; // TODO: This is sometimes out of sync with rootWithPendingPassiveEffects.
-  // Figure out why and fix it. It's not causing any known issues (probably
-  // because it's only used for profiling), but it's a refactor hazard.
-
-  pendingPassiveEffectsLanes = NoLanes;
-
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    throw new Error("Cannot flush passive effects while already rendering.");
-  }
-
-  {
-    isFlushingPassiveEffects = true;
-    didScheduleUpdateDuringPassiveEffects = false;
-  }
-
-  var prevExecutionContext = executionContext;
-  executionContext |= CommitContext;
-  commitPassiveUnmountEffects(root.current);
-  commitPassiveMountEffects(root, root.current, lanes, transitions); // TODO: Move to commitPassiveMountEffects
-
-  {
-    var profilerEffects = pendingPassiveProfilerEffects;
-    pendingPassiveProfilerEffects = [];
-
-    for (var i = 0; i < profilerEffects.length; i++) {
-      var _fiber = profilerEffects[i];
-      commitPassiveEffectDurations(root, _fiber);
-    }
-  }
-
-  executionContext = prevExecutionContext;
-  flushSyncCallbacks();
-
-  {
-    // If additional passive effects were scheduled, increment a counter. If this
-    // exceeds the limit, we'll fire a warning.
-    if (didScheduleUpdateDuringPassiveEffects) {
-      if (root === rootWithPassiveNestedUpdates) {
-        nestedPassiveUpdateCount++;
-      } else {
-        nestedPassiveUpdateCount = 0;
-        rootWithPassiveNestedUpdates = root;
+        var staleFamilies = update.staleFamilies,
+          updatedFamilies = update.updatedFamilies;
+        flushPassiveEffects();
+        flushSync(function () {
+          scheduleFibersWithFamiliesRecursively(
+            root.current,
+            updatedFamilies,
+            staleFamilies
+          );
+        });
       }
-    } else {
-      nestedPassiveUpdateCount = 0;
-    }
+    };
+    var scheduleRoot = function (root, element) {
+      {
+        if (root.context !== emptyContextObject) {
+          // Super edge case: root has a legacy _renderSubtree context
+          // but we don't know the parentComponent so we can't pass it.
+          // Just ignore. We'll delete this with _renderSubtree code path later.
+          return;
+        }
 
-    isFlushingPassiveEffects = false;
-    didScheduleUpdateDuringPassiveEffects = false;
-  } // TODO: Move to commitPassiveMountEffects
+        flushPassiveEffects();
+        flushSync(function () {
+          updateContainer(element, root, null, null);
+        });
+      }
+    };
 
-  onPostCommitRoot(root);
+    function scheduleFibersWithFamiliesRecursively(
+      fiber,
+      updatedFamilies,
+      staleFamilies
+    ) {
+      {
+        var alternate = fiber.alternate,
+          child = fiber.child,
+          sibling = fiber.sibling,
+          tag = fiber.tag,
+          type = fiber.type;
+        var candidateType = null;
+
+        switch (tag) {
+          case FunctionComponent:
+          case SimpleMemoComponent:
+          case ClassComponent:
+            candidateType = type;
+            break;
 
-  {
-    var stateNode = root.current.stateNode;
-    stateNode.effectDuration = 0;
-    stateNode.passiveEffectDuration = 0;
-  }
+          case ForwardRef:
+            candidateType = type.render;
+            break;
+        }
 
-  return true;
-}
+        if (resolveFamily === null) {
+          throw new Error(
+            "Expected resolveFamily to be set during hot reload."
+          );
+        }
 
-function isAlreadyFailedLegacyErrorBoundary(instance) {
-  return (
-    legacyErrorBoundariesThatAlreadyFailed !== null &&
-    legacyErrorBoundariesThatAlreadyFailed.has(instance)
-  );
-}
-function markLegacyErrorBoundaryAsFailed(instance) {
-  if (legacyErrorBoundariesThatAlreadyFailed === null) {
-    legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
-  } else {
-    legacyErrorBoundariesThatAlreadyFailed.add(instance);
-  }
-}
+        var needsRender = false;
+        var needsRemount = false;
 
-function prepareToThrowUncaughtError(error) {
-  if (!hasUncaughtError) {
-    hasUncaughtError = true;
-    firstUncaughtError = error;
-  }
-}
+        if (candidateType !== null) {
+          var family = resolveFamily(candidateType);
 
-var onUncaughtError = prepareToThrowUncaughtError;
+          if (family !== undefined) {
+            if (staleFamilies.has(family)) {
+              needsRemount = true;
+            } else if (updatedFamilies.has(family)) {
+              if (tag === ClassComponent) {
+                needsRemount = true;
+              } else {
+                needsRender = true;
+              }
+            }
+          }
+        }
 
-function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
-  var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
-  var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
-  var root = enqueueUpdate(rootFiber, update, SyncLane);
-  var eventTime = requestEventTime();
+        if (failedBoundaries !== null) {
+          if (
+            failedBoundaries.has(fiber) || // $FlowFixMe[incompatible-use] found when upgrading Flow
+            (alternate !== null && failedBoundaries.has(alternate))
+          ) {
+            needsRemount = true;
+          }
+        }
 
-  if (root !== null) {
-    markRootUpdated(root, SyncLane, eventTime);
-    ensureRootIsScheduled(root, eventTime);
-  }
-}
+        if (needsRemount) {
+          fiber._debugNeedsRemount = true;
+        }
 
-function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) {
-  {
-    reportUncaughtErrorInDEV(error$1);
-    setIsRunningInsertionEffect(false);
-  }
-
-  if (sourceFiber.tag === HostRoot) {
-    // Error was thrown at the root. There is no parent, so the root
-    // itself should capture it.
-    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error$1);
-    return;
-  }
-
-  var fiber = null;
-
-  {
-    fiber = sourceFiber.return;
-  }
-
-  while (fiber !== null) {
-    if (fiber.tag === HostRoot) {
-      captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error$1);
-      return;
-    } else if (fiber.tag === ClassComponent) {
-      var ctor = fiber.type;
-      var instance = fiber.stateNode;
+        if (needsRemount || needsRender) {
+          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-      if (
-        typeof ctor.getDerivedStateFromError === "function" ||
-        (typeof instance.componentDidCatch === "function" &&
-          !isAlreadyFailedLegacyErrorBoundary(instance))
-      ) {
-        var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
-        var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
-        var root = enqueueUpdate(fiber, update, SyncLane);
-        var eventTime = requestEventTime();
+          if (root !== null) {
+            scheduleUpdateOnFiber(root, fiber, SyncLane);
+          }
+        }
 
-        if (root !== null) {
-          markRootUpdated(root, SyncLane, eventTime);
-          ensureRootIsScheduled(root, eventTime);
+        if (child !== null && !needsRemount) {
+          scheduleFibersWithFamiliesRecursively(
+            child,
+            updatedFamilies,
+            staleFamilies
+          );
         }
 
-        return;
+        if (sibling !== null) {
+          scheduleFibersWithFamiliesRecursively(
+            sibling,
+            updatedFamilies,
+            staleFamilies
+          );
+        }
       }
     }
 
-    fiber = fiber.return;
-  }
-
-  {
-    // TODO: Until we re-land skipUnmountedBoundaries (see #20147), this warning
-    // will fire for errors that are thrown by destroy functions inside deleted
-    // trees. What it should instead do is propagate the error to the parent of
-    // the deleted tree. In the meantime, do not add this warning to the
-    // allowlist; this is only for our internal use.
-    error(
-      "Internal React error: Attempted to capture a commit phase error " +
-        "inside a detached tree. This indicates a bug in React. Likely " +
-        "causes include deleting the same fiber more than once, committing an " +
-        "already-finished tree, or an inconsistent return pointer.\n\n" +
-        "Error message:\n\n%s",
-      error$1
-    );
-  }
-}
-function pingSuspendedRoot(root, wakeable, pingedLanes) {
-  var pingCache = root.pingCache;
-
-  if (pingCache !== null) {
-    // The wakeable resolved, so we no longer need to memoize, because it will
-    // never be thrown again.
-    pingCache.delete(wakeable);
-  }
-
-  var eventTime = requestEventTime();
-  markRootPinged(root, pingedLanes);
-  warnIfSuspenseResolutionNotWrappedWithActDEV(root);
-
-  if (
-    workInProgressRoot === root &&
-    isSubsetOfLanes(workInProgressRootRenderLanes, pingedLanes)
-  ) {
-    // Received a ping at the same priority level at which we're currently
-    // rendering. We might want to restart this render. This should mirror
-    // the logic of whether or not a root suspends once it completes.
-    // TODO: If we're rendering sync either due to Sync, Batched or expired,
-    // we should probably never restart.
-    // If we're suspended with delay, or if it's a retry, we'll always suspend
-    // so we can always restart.
-    if (
-      workInProgressRootExitStatus === RootSuspendedWithDelay ||
-      (workInProgressRootExitStatus === RootSuspended &&
-        includesOnlyRetries(workInProgressRootRenderLanes) &&
-        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
-    ) {
-      // Restart from the root.
-      prepareFreshStack(root, NoLanes);
-    } else {
-      // Even though we can't restart right now, we might get an
-      // opportunity later. So we mark this render as having a ping.
-      workInProgressRootPingedLanes = mergeLanes(
-        workInProgressRootPingedLanes,
-        pingedLanes
-      );
-    }
-  }
-
-  ensureRootIsScheduled(root, eventTime);
-}
-
-function retryTimedOutBoundary(boundaryFiber, retryLane) {
-  // The boundary fiber (a Suspense component or SuspenseList component)
-  // previously was rendered in its fallback state. One of the promises that
-  // suspended it has resolved, which means at least part of the tree was
-  // likely unblocked. Try rendering again, at a new lanes.
-  if (retryLane === NoLane) {
-    // TODO: Assign this to `suspenseState.retryLane`? to avoid
-    // unnecessary entanglement?
-    retryLane = requestRetryLane(boundaryFiber);
-  } // TODO: Special case idle priority?
-
-  var eventTime = requestEventTime();
-  var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
-
-  if (root !== null) {
-    markRootUpdated(root, retryLane, eventTime);
-    ensureRootIsScheduled(root, eventTime);
-  }
-}
+    var findHostInstancesForRefresh = function (root, families) {
+      {
+        var hostInstances = new Set();
+        var types = new Set(
+          families.map(function (family) {
+            return family.current;
+          })
+        );
+        findHostInstancesForMatchingFibersRecursively(
+          root.current,
+          types,
+          hostInstances
+        );
+        return hostInstances;
+      }
+    };
 
-function retryDehydratedSuspenseBoundary(boundaryFiber) {
-  var suspenseState = boundaryFiber.memoizedState;
-  var retryLane = NoLane;
+    function findHostInstancesForMatchingFibersRecursively(
+      fiber,
+      types,
+      hostInstances
+    ) {
+      {
+        var child = fiber.child,
+          sibling = fiber.sibling,
+          tag = fiber.tag,
+          type = fiber.type;
+        var candidateType = null;
+
+        switch (tag) {
+          case FunctionComponent:
+          case SimpleMemoComponent:
+          case ClassComponent:
+            candidateType = type;
+            break;
 
-  if (suspenseState !== null) {
-    retryLane = suspenseState.retryLane;
-  }
+          case ForwardRef:
+            candidateType = type.render;
+            break;
+        }
 
-  retryTimedOutBoundary(boundaryFiber, retryLane);
-}
-function resolveRetryWakeable(boundaryFiber, wakeable) {
-  var retryLane = NoLane; // Default
+        var didMatch = false;
 
-  var retryCache;
+        if (candidateType !== null) {
+          if (types.has(candidateType)) {
+            didMatch = true;
+          }
+        }
 
-  switch (boundaryFiber.tag) {
-    case SuspenseComponent:
-      retryCache = boundaryFiber.stateNode;
-      var suspenseState = boundaryFiber.memoizedState;
+        if (didMatch) {
+          // We have a match. This only drills down to the closest host components.
+          // There's no need to search deeper because for the purpose of giving
+          // visual feedback, "flashing" outermost parent rectangles is sufficient.
+          findHostInstancesForFiberShallowly(fiber, hostInstances);
+        } else {
+          // If there's no match, maybe there will be one further down in the child tree.
+          if (child !== null) {
+            findHostInstancesForMatchingFibersRecursively(
+              child,
+              types,
+              hostInstances
+            );
+          }
+        }
 
-      if (suspenseState !== null) {
-        retryLane = suspenseState.retryLane;
+        if (sibling !== null) {
+          findHostInstancesForMatchingFibersRecursively(
+            sibling,
+            types,
+            hostInstances
+          );
+        }
       }
+    }
 
-      break;
+    function findHostInstancesForFiberShallowly(fiber, hostInstances) {
+      {
+        var foundHostInstances = findChildHostInstancesForFiberShallowly(
+          fiber,
+          hostInstances
+        );
 
-    case SuspenseListComponent:
-      retryCache = boundaryFiber.stateNode;
-      break;
+        if (foundHostInstances) {
+          return;
+        } // If we didn't find any host children, fallback to closest host parent.
 
-    default:
-      throw new Error(
-        "Pinged unknown suspense boundary type. " +
-          "This is probably a bug in React."
-      );
-  }
-
-  if (retryCache !== null) {
-    // The wakeable resolved, so we no longer need to memoize, because it will
-    // never be thrown again.
-    retryCache.delete(wakeable);
-  }
-
-  retryTimedOutBoundary(boundaryFiber, retryLane);
-} // Computes the next Just Noticeable Difference (JND) boundary.
-// The theory is that a person can't tell the difference between small differences in time.
-// Therefore, if we wait a bit longer than necessary that won't translate to a noticeable
-// difference in the experience. However, waiting for longer might mean that we can avoid
-// showing an intermediate loading state. The longer we have already waited, the harder it
-// is to tell small differences in time. Therefore, the longer we've already waited,
-// the longer we can wait additionally. At some point we have to give up though.
-// We pick a train model where the next boundary commits at a consistent schedule.
-// These particular numbers are vague estimates. We expect to adjust them based on research.
-
-function jnd(timeElapsed) {
-  return timeElapsed < 120
-    ? 120
-    : timeElapsed < 480
-    ? 480
-    : timeElapsed < 1080
-    ? 1080
-    : timeElapsed < 1920
-    ? 1920
-    : timeElapsed < 3000
-    ? 3000
-    : timeElapsed < 4320
-    ? 4320
-    : ceil(timeElapsed / 1960) * 1960;
-}
+        var node = fiber;
 
-function checkForNestedUpdates() {
-  if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
-    nestedUpdateCount = 0;
-    rootWithNestedUpdates = null;
-    throw new Error(
-      "Maximum update depth exceeded. This can happen when a component " +
-        "repeatedly calls setState inside componentWillUpdate or " +
-        "componentDidUpdate. React limits the number of nested updates to " +
-        "prevent infinite loops."
-    );
-  }
-
-  {
-    if (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
-      nestedPassiveUpdateCount = 0;
-      rootWithPassiveNestedUpdates = null;
-
-      error(
-        "Maximum update depth exceeded. This can happen when a component " +
-          "calls setState inside useEffect, but useEffect either doesn't " +
-          "have a dependency array, or one of the dependencies changes on " +
-          "every render."
-      );
-    }
-  }
-}
+        while (true) {
+          switch (node.tag) {
+            case HostSingleton:
+            case HostComponent:
+              hostInstances.add(node.stateNode);
+              return;
 
-function flushRenderPhaseStrictModeWarningsInDEV() {
-  {
-    ReactStrictModeWarnings.flushLegacyContextWarning();
+            case HostPortal:
+              hostInstances.add(node.stateNode.containerInfo);
+              return;
 
-    {
-      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
-    }
-  }
-}
+            case HostRoot:
+              hostInstances.add(node.stateNode.containerInfo);
+              return;
+          }
 
-var didWarnStateUpdateForNotYetMountedComponent = null;
-function warnAboutUpdateOnNotYetMountedFiberInDEV(fiber) {
-  {
-    if ((executionContext & RenderContext) !== NoContext) {
-      // We let the other warning about render phase updates deal with this one.
-      return;
-    }
+          if (node.return === null) {
+            throw new Error("Expected to reach root first.");
+          }
 
-    if (!(fiber.mode & ConcurrentMode)) {
-      return;
+          node = node.return;
+        }
+      }
     }
 
-    var tag = fiber.tag;
-
-    if (
-      tag !== IndeterminateComponent &&
-      tag !== HostRoot &&
-      tag !== ClassComponent &&
-      tag !== FunctionComponent &&
-      tag !== ForwardRef &&
-      tag !== MemoComponent &&
-      tag !== SimpleMemoComponent
-    ) {
-      // Only warn for user-defined components, not internal ones like Suspense.
-      return;
-    } // We show the whole stack but dedupe on the top component's name because
-    // the problematic code almost always lies inside that component.
-
-    var componentName = getComponentNameFromFiber(fiber) || "ReactComponent";
+    function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
+      {
+        var node = fiber;
+        var foundHostInstances = false;
 
-    if (didWarnStateUpdateForNotYetMountedComponent !== null) {
-      if (didWarnStateUpdateForNotYetMountedComponent.has(componentName)) {
-        return;
-      }
+        while (true) {
+          if (
+            node.tag === HostComponent ||
+            node.tag === HostHoistable ||
+            false
+          ) {
+            // We got a match.
+            foundHostInstances = true;
+            hostInstances.add(node.stateNode); // There may still be more, so keep searching.
+          } else if (node.child !== null) {
+            node.child.return = node;
+            node = node.child;
+            continue;
+          }
 
-      didWarnStateUpdateForNotYetMountedComponent.add(componentName);
-    } else {
-      didWarnStateUpdateForNotYetMountedComponent = new Set([componentName]);
-    }
+          if (node === fiber) {
+            return foundHostInstances;
+          }
 
-    var previousFiber = current;
+          while (node.sibling === null) {
+            if (node.return === null || node.return === fiber) {
+              return foundHostInstances;
+            }
 
-    try {
-      setCurrentFiber(fiber);
+            node = node.return;
+          }
 
-      error(
-        "Can't perform a React state update on a component that hasn't mounted yet. " +
-          "This indicates that you have a side-effect in your render function that " +
-          "asynchronously later calls tries to update the component. Move this work to " +
-          "useEffect instead."
-      );
-    } finally {
-      if (previousFiber) {
-        setCurrentFiber(fiber);
-      } else {
-        resetCurrentFiber();
+          node.sibling.return = node.return;
+          node = node.sibling;
+        }
       }
-    }
-  }
-}
-var beginWork$1;
-
-{
-  var dummyFiber = null;
-
-  beginWork$1 = function(current, unitOfWork, lanes) {
-    // If a component throws an error, we replay it again in a synchronously
-    // dispatched event, so that the debugger will treat it as an uncaught
-    // error See ReactErrorUtils for more information.
-    // Before entering the begin phase, copy the work-in-progress onto a dummy
-    // fiber. If beginWork throws, we'll use this to reset the state.
-    var originalWorkInProgressCopy = assignFiberPropertiesInDEV(
-      dummyFiber,
-      unitOfWork
-    );
-
-    try {
-      return beginWork(current, unitOfWork, lanes);
-    } catch (originalError) {
-      if (
-        didSuspendOrErrorWhileHydratingDEV() ||
-        (originalError !== null &&
-          typeof originalError === "object" &&
-          typeof originalError.then === "function")
-      ) {
-        // Don't replay promises.
-        // Don't replay errors if we are hydrating and have already suspended or handled an error
-        throw originalError;
-      } // Keep this code in sync with handleError; any changes here must have
-      // corresponding changes there.
 
-      resetContextDependencies();
-      resetHooksAfterThrow(); // Don't reset current debug fiber, since we're about to work on the
-      // same fiber again.
-      // Unwind the failed stack frame
+      return false;
+    }
 
-      unwindInterruptedWork(current, unitOfWork); // Restore the original properties of the fiber.
+    var hasBadMapPolyfill;
 
-      assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
+    {
+      hasBadMapPolyfill = false;
 
-      if (unitOfWork.mode & ProfileMode) {
-        // Reset the profiler timer.
-        startProfilerTimer(unitOfWork);
-      } // Run beginWork again.
+      try {
+        var nonExtensibleObject = Object.preventExtensions({});
+        /* eslint-disable no-new */
+
+        new Map([[nonExtensibleObject, null]]);
+        new Set([nonExtensibleObject]);
+        /* eslint-enable no-new */
+      } catch (e) {
+        // TODO: Consider warning about bad polyfills
+        hasBadMapPolyfill = true;
+      }
+    }
+
+    function FiberNode(tag, pendingProps, key, mode) {
+      // Instance
+      this.tag = tag;
+      this.key = key;
+      this.elementType = null;
+      this.type = null;
+      this.stateNode = null; // Fiber
+
+      this.return = null;
+      this.child = null;
+      this.sibling = null;
+      this.index = 0;
+      this.ref = null;
+      this.refCleanup = null;
+      this.pendingProps = pendingProps;
+      this.memoizedProps = null;
+      this.updateQueue = null;
+      this.memoizedState = null;
+      this.dependencies = null;
+      this.mode = mode; // Effects
+
+      this.flags = NoFlags$1;
+      this.subtreeFlags = NoFlags$1;
+      this.deletions = null;
+      this.lanes = NoLanes;
+      this.childLanes = NoLanes;
+      this.alternate = null;
 
-      invokeGuardedCallback(null, beginWork, null, current, unitOfWork, lanes);
+      {
+        // Note: The following is done to avoid a v8 performance cliff.
+        //
+        // Initializing the fields below to smis and later updating them with
+        // double values will cause Fibers to end up having separate shapes.
+        // This behavior/bug has something to do with Object.preventExtension().
+        // Fortunately this only impacts DEV builds.
+        // Unfortunately it makes React unusably slow for some applications.
+        // To work around this, initialize the fields below with doubles.
+        //
+        // Learn more about this here:
+        // https://github.com/facebook/react/issues/14365
+        // https://bugs.chromium.org/p/v8/issues/detail?id=8538
+        this.actualDuration = Number.NaN;
+        this.actualStartTime = Number.NaN;
+        this.selfBaseDuration = Number.NaN;
+        this.treeBaseDuration = Number.NaN; // It's okay to replace the initial doubles with smis after initialization.
+        // This won't trigger the performance cliff mentioned above,
+        // and it simplifies other profiler code (including DevTools).
+
+        this.actualDuration = 0;
+        this.actualStartTime = -1;
+        this.selfBaseDuration = 0;
+        this.treeBaseDuration = 0;
+      }
 
-      if (hasCaughtError()) {
-        var replayError = clearCaughtError();
+      {
+        // This isn't directly used but is handy for debugging internals:
+        this._debugOwner = null;
+        this._debugNeedsRemount = false;
+        this._debugHookTypes = null;
 
         if (
-          typeof replayError === "object" &&
-          replayError !== null &&
-          replayError._suppressLogging &&
-          typeof originalError === "object" &&
-          originalError !== null &&
-          !originalError._suppressLogging
+          !hasBadMapPolyfill &&
+          typeof Object.preventExtensions === "function"
         ) {
-          // If suppressed, let the flag carry over to the original error which is the one we'll rethrow.
-          originalError._suppressLogging = true;
+          Object.preventExtensions(this);
         }
-      } // We always throw the original error in case the second render pass is not idempotent.
-      // This can happen if a memoized function or CommonJS module doesn't throw after first invocation.
-
-      throw originalError;
+      }
+    } // This is a constructor function, rather than a POJO constructor, still
+    // please ensure we do the following:
+    // 1) Nobody should add any instance methods on this. Instance methods can be
+    //    more difficult to predict when they get optimized and they are almost
+    //    never inlined properly in static compilers.
+    // 2) Nobody should rely on `instanceof Fiber` for type testing. We should
+    //    always know when it is a fiber.
+    // 3) We might want to experiment with using numeric keys since they are easier
+    //    to optimize in a non-JIT environment.
+    // 4) We can easily go from a constructor to a createFiber object literal if that
+    //    is faster.
+    // 5) It should be easy to port this to a C struct and keep a C implementation
+    //    compatible.
+
+    function createFiber(tag, pendingProps, key, mode) {
+      // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
+      return new FiberNode(tag, pendingProps, key, mode);
+    }
+
+    function shouldConstruct(Component) {
+      var prototype = Component.prototype;
+      return !!(prototype && prototype.isReactComponent);
+    }
+
+    function isSimpleFunctionComponent(type) {
+      return (
+        typeof type === "function" &&
+        !shouldConstruct(type) &&
+        type.defaultProps === undefined
+      );
     }
-  };
-}
-
-var didWarnAboutUpdateInRender = false;
-var didWarnAboutUpdateInRenderForAnotherComponent;
+    function resolveLazyComponentTag(Component) {
+      if (typeof Component === "function") {
+        return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
+      } else if (Component !== undefined && Component !== null) {
+        var $$typeof = Component.$$typeof;
 
-{
-  didWarnAboutUpdateInRenderForAnotherComponent = new Set();
-}
+        if ($$typeof === REACT_FORWARD_REF_TYPE) {
+          return ForwardRef;
+        }
 
-function warnAboutRenderPhaseUpdatesInDEV(fiber) {
-  {
-    if (isRendering && !getIsUpdatingOpaqueValueInRenderPhaseInDEV()) {
-      switch (fiber.tag) {
-        case FunctionComponent:
-        case ForwardRef:
-        case SimpleMemoComponent: {
-          var renderingComponentName =
-            (workInProgress && getComponentNameFromFiber(workInProgress)) ||
-            "Unknown"; // Dedupe by the rendering component because it's the one that needs to be fixed.
+        if ($$typeof === REACT_MEMO_TYPE) {
+          return MemoComponent;
+        }
+      }
 
-          var dedupeKey = renderingComponentName;
+      return IndeterminateComponent;
+    } // This is used to create an alternate fiber to do work on.
 
-          if (!didWarnAboutUpdateInRenderForAnotherComponent.has(dedupeKey)) {
-            didWarnAboutUpdateInRenderForAnotherComponent.add(dedupeKey);
-            var setStateComponentName =
-              getComponentNameFromFiber(fiber) || "Unknown";
+    function createWorkInProgress(current, pendingProps) {
+      var workInProgress = current.alternate;
 
-            error(
-              "Cannot update a component (`%s`) while rendering a " +
-                "different component (`%s`). To locate the bad setState() call inside `%s`, " +
-                "follow the stack trace as described in https://react.dev/reference/react/useState#troubleshooting",
-              setStateComponentName,
-              renderingComponentName,
-              renderingComponentName
-            );
-          }
+      if (workInProgress === null) {
+        // We use a double buffering pooling technique because we know that we'll
+        // only ever need at most two versions of a tree. We pool the "other" unused
+        // node that we're free to reuse. This is lazily created to avoid allocating
+        // extra objects for things that are never updated. It also allow us to
+        // reclaim the extra memory if needed.
+        workInProgress = createFiber(
+          current.tag,
+          pendingProps,
+          current.key,
+          current.mode
+        );
+        workInProgress.elementType = current.elementType;
+        workInProgress.type = current.type;
+        workInProgress.stateNode = current.stateNode;
 
-          break;
+        {
+          // DEV-only fields
+          workInProgress._debugOwner = current._debugOwner;
+          workInProgress._debugHookTypes = current._debugHookTypes;
         }
 
-        case ClassComponent: {
-          if (!didWarnAboutUpdateInRender) {
-            error(
-              "Cannot update during an existing state transition (such as " +
-                "within `render`). Render methods should be a pure " +
-                "function of props and state."
-            );
+        workInProgress.alternate = current;
+        current.alternate = workInProgress;
+      } else {
+        workInProgress.pendingProps = pendingProps; // Needed because Blocks store data on type.
 
-            didWarnAboutUpdateInRender = true;
-          }
+        workInProgress.type = current.type; // We already have an alternate.
+        // Reset the effect tag.
 
-          break;
-        }
-      }
-    }
-  }
-}
+        workInProgress.flags = NoFlags$1; // The effects are no longer valid.
 
-function restorePendingUpdaters(root, lanes) {
-  {
-    if (isDevToolsPresent) {
-      var memoizedUpdaters = root.memoizedUpdaters;
-      memoizedUpdaters.forEach(function(schedulingFiber) {
-        addFiberToLanesMap(root, schedulingFiber, lanes);
-      }); // This function intentionally does not clear memoized updaters.
-      // Those may still be relevant to the current commit
-      // and a future one (e.g. Suspense).
-    }
-  }
-}
-var fakeActCallbackNode = {};
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.deletions = null;
 
-function scheduleCallback$1(priorityLevel, callback) {
-  {
-    // If we're currently inside an `act` scope, bypass Scheduler and push to
-    // the `act` queue instead.
-    var actQueue = ReactCurrentActQueue$1.current;
+        {
+          // We intentionally reset, rather than copy, actualDuration & actualStartTime.
+          // This prevents time from endlessly accumulating in new commits.
+          // This has the downside of resetting values for different priority renders,
+          // But works for yielding (the common case) and should support resuming.
+          workInProgress.actualDuration = 0;
+          workInProgress.actualStartTime = -1;
+        }
+      } // Reset all effects except static ones.
+      // Static effects are not specific to a render.
+
+      workInProgress.flags = current.flags & StaticMask;
+      workInProgress.childLanes = current.childLanes;
+      workInProgress.lanes = current.lanes;
+      workInProgress.child = current.child;
+      workInProgress.memoizedProps = current.memoizedProps;
+      workInProgress.memoizedState = current.memoizedState;
+      workInProgress.updateQueue = current.updateQueue; // Clone the dependencies object. This is mutated during the render phase, so
+      // it cannot be shared with the current fiber.
+
+      var currentDependencies = current.dependencies;
+      workInProgress.dependencies =
+        currentDependencies === null
+          ? null
+          : {
+              lanes: currentDependencies.lanes,
+              firstContext: currentDependencies.firstContext
+            }; // These will be overridden during the parent's reconciliation
+
+      workInProgress.sibling = current.sibling;
+      workInProgress.index = current.index;
+      workInProgress.ref = current.ref;
+      workInProgress.refCleanup = current.refCleanup;
 
-    if (actQueue !== null) {
-      actQueue.push(callback);
-      return fakeActCallbackNode;
-    } else {
-      return scheduleCallback(priorityLevel, callback);
-    }
-  }
-}
+      {
+        workInProgress.selfBaseDuration = current.selfBaseDuration;
+        workInProgress.treeBaseDuration = current.treeBaseDuration;
+      }
 
-function cancelCallback$1(callbackNode) {
-  if (callbackNode === fakeActCallbackNode) {
-    return;
-  } // In production, always call Scheduler. This function will be stripped out.
+      {
+        workInProgress._debugNeedsRemount = current._debugNeedsRemount;
 
-  return cancelCallback(callbackNode);
-}
+        switch (workInProgress.tag) {
+          case IndeterminateComponent:
+          case FunctionComponent:
+          case SimpleMemoComponent:
+            workInProgress.type = resolveFunctionForHotReloading(current.type);
+            break;
 
-function shouldForceFlushFallbacksInDEV() {
-  // Never force flush in production. This function should get stripped out.
-  return ReactCurrentActQueue$1.current !== null;
-}
+          case ClassComponent:
+            workInProgress.type = resolveClassForHotReloading(current.type);
+            break;
 
-function warnIfUpdatesNotWrappedWithActDEV(fiber) {
-  {
-    if (fiber.mode & ConcurrentMode) {
-      if (!isConcurrentActEnvironment()) {
-        // Not in an act environment. No need to warn.
-        return;
-      }
-    } else {
-      // Legacy mode has additional cases where we suppress a warning.
-      if (!isLegacyActEnvironment()) {
-        // Not in an act environment. No need to warn.
-        return;
+          case ForwardRef:
+            workInProgress.type = resolveForwardRefForHotReloading(
+              current.type
+            );
+            break;
+        }
       }
 
-      if (executionContext !== NoContext) {
-        // Legacy mode doesn't warn if the update is batched, i.e.
-        // batchedUpdates or flushSync.
-        return;
-      }
+      return workInProgress;
+    } // Used to reuse a Fiber for a second pass.
 
-      if (
-        fiber.tag !== FunctionComponent &&
-        fiber.tag !== ForwardRef &&
-        fiber.tag !== SimpleMemoComponent
-      ) {
-        // For backwards compatibility with pre-hooks code, legacy mode only
-        // warns for updates that originate from a hook.
-        return;
-      }
-    }
+    function resetWorkInProgress(workInProgress, renderLanes) {
+      // This resets the Fiber to what createFiber or createWorkInProgress would
+      // have set the values to before during the first pass. Ideally this wouldn't
+      // be necessary but unfortunately many code paths reads from the workInProgress
+      // when they should be reading from current and writing to workInProgress.
+      // We assume pendingProps, index, key, ref, return are still untouched to
+      // avoid doing another reconciliation.
+      // Reset the effect flags but keep any Placement tags, since that's something
+      // that child fiber is setting, not the reconciliation.
+      workInProgress.flags &= StaticMask | Placement; // The effects are no longer valid.
 
-    if (ReactCurrentActQueue$1.current === null) {
-      var previousFiber = current;
+      var current = workInProgress.alternate;
 
-      try {
-        setCurrentFiber(fiber);
+      if (current === null) {
+        // Reset to createFiber's initial values.
+        workInProgress.childLanes = NoLanes;
+        workInProgress.lanes = renderLanes;
+        workInProgress.child = null;
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.memoizedProps = null;
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
+        workInProgress.dependencies = null;
+        workInProgress.stateNode = null;
 
-        error(
-          "An update to %s inside a test was not wrapped in act(...).\n\n" +
-            "When testing, code that causes React state updates should be " +
-            "wrapped into act(...):\n\n" +
-            "act(() => {\n" +
-            "  /* fire events that update state */\n" +
-            "});\n" +
-            "/* assert on the output */\n\n" +
-            "This ensures that you're testing the behavior the user would see " +
-            "in the browser." +
-            " Learn more at https://legacy.reactjs.org/docs/test-utils.html#act",
-          getComponentNameFromFiber(fiber)
-        );
-      } finally {
-        if (previousFiber) {
-          setCurrentFiber(fiber);
-        } else {
-          resetCurrentFiber();
+        {
+          // Note: We don't reset the actualTime counts. It's useful to accumulate
+          // actual time across multiple render passes.
+          workInProgress.selfBaseDuration = 0;
+          workInProgress.treeBaseDuration = 0;
+        }
+      } else {
+        // Reset to the cloned values that createWorkInProgress would've.
+        workInProgress.childLanes = current.childLanes;
+        workInProgress.lanes = current.lanes;
+        workInProgress.child = current.child;
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.deletions = null;
+        workInProgress.memoizedProps = current.memoizedProps;
+        workInProgress.memoizedState = current.memoizedState;
+        workInProgress.updateQueue = current.updateQueue; // Needed because Blocks store data on type.
+
+        workInProgress.type = current.type; // Clone the dependencies object. This is mutated during the render phase, so
+        // it cannot be shared with the current fiber.
+
+        var currentDependencies = current.dependencies;
+        workInProgress.dependencies =
+          currentDependencies === null
+            ? null
+            : {
+                lanes: currentDependencies.lanes,
+                firstContext: currentDependencies.firstContext
+              };
+
+        {
+          // Note: We don't reset the actualTime counts. It's useful to accumulate
+          // actual time across multiple render passes.
+          workInProgress.selfBaseDuration = current.selfBaseDuration;
+          workInProgress.treeBaseDuration = current.treeBaseDuration;
         }
       }
-    }
-  }
-}
 
-function warnIfSuspenseResolutionNotWrappedWithActDEV(root) {
-  {
-    if (
-      root.tag !== LegacyRoot &&
-      isConcurrentActEnvironment() &&
-      ReactCurrentActQueue$1.current === null
-    ) {
-      error(
-        "A suspended resource finished loading inside a test, but the event " +
-          "was not wrapped in act(...).\n\n" +
-          "When testing, code that resolves suspended data should be wrapped " +
-          "into act(...):\n\n" +
-          "act(() => {\n" +
-          "  /* finish loading suspended data */\n" +
-          "});\n" +
-          "/* assert on the output */\n\n" +
-          "This ensures that you're testing the behavior the user would see " +
-          "in the browser." +
-          " Learn more at https://legacy.reactjs.org/docs/test-utils.html#act"
-      );
+      return workInProgress;
     }
-  }
-}
-
-function setIsRunningInsertionEffect(isRunning) {
-  {
-    isRunningInsertionEffect = isRunning;
-  }
-}
-
-/* eslint-disable react-internal/prod-error-codes */
-var resolveFamily = null; // $FlowFixMe Flow gets confused by a WeakSet feature check below.
+    function createHostRootFiber(
+      tag,
+      isStrictMode,
+      concurrentUpdatesByDefaultOverride
+    ) {
+      var mode;
 
-var failedBoundaries = null;
-var setRefreshHandler = function(handler) {
-  {
-    resolveFamily = handler;
-  }
-};
-function resolveFunctionForHotReloading(type) {
-  {
-    if (resolveFamily === null) {
-      // Hot reloading is disabled.
-      return type;
-    }
+      if (tag === ConcurrentRoot) {
+        mode = ConcurrentMode;
 
-    var family = resolveFamily(type);
+        if (isStrictMode === true) {
+          mode |= StrictLegacyMode | StrictEffectsMode;
+        }
+      } else {
+        mode = NoMode;
+      }
 
-    if (family === undefined) {
-      return type;
-    } // Use the latest known implementation.
+      if (isDevToolsPresent) {
+        // Always collect profile timings when DevTools are present.
+        // This enables DevTools to start capturing timing at any point–
+        // Without some nodes in the tree having empty base times.
+        mode |= ProfileMode;
+      }
 
-    return family.current;
-  }
-}
-function resolveClassForHotReloading(type) {
-  // No implementation differences.
-  return resolveFunctionForHotReloading(type);
-}
-function resolveForwardRefForHotReloading(type) {
-  {
-    if (resolveFamily === null) {
-      // Hot reloading is disabled.
-      return type;
+      return createFiber(HostRoot, null, null, mode);
     }
+    function createFiberFromTypeAndProps(
+      type, // React$ElementType
+      key,
+      pendingProps,
+      owner,
+      mode,
+      lanes
+    ) {
+      var fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
 
-    var family = resolveFamily(type);
+      var resolvedType = type;
 
-    if (family === undefined) {
-      // Check if we're dealing with a real forwardRef. Don't want to crash early.
-      if (
-        type !== null &&
-        type !== undefined &&
-        typeof type.render === "function"
-      ) {
-        // ForwardRef is special because its resolved .type is an object,
-        // but it's possible that we only have its inner render function in the map.
-        // If that inner render function is different, we'll build a new forwardRef type.
-        var currentRender = resolveFunctionForHotReloading(type.render);
-
-        if (type.render !== currentRender) {
-          var syntheticType = {
-            $$typeof: REACT_FORWARD_REF_TYPE,
-            render: currentRender
-          };
+      if (typeof type === "function") {
+        if (shouldConstruct(type)) {
+          fiberTag = ClassComponent;
 
-          if (type.displayName !== undefined) {
-            syntheticType.displayName = type.displayName;
+          {
+            resolvedType = resolveClassForHotReloading(resolvedType);
+          }
+        } else {
+          {
+            resolvedType = resolveFunctionForHotReloading(resolvedType);
           }
-
-          return syntheticType;
         }
-      }
+      } else if (typeof type === "string") {
+        {
+          fiberTag = HostComponent;
+        }
+      } else {
+        getTag: switch (type) {
+          case REACT_FRAGMENT_TYPE:
+            return createFiberFromFragment(
+              pendingProps.children,
+              mode,
+              lanes,
+              key
+            );
 
-      return type;
-    } // Use the latest known implementation.
+          case REACT_STRICT_MODE_TYPE:
+            fiberTag = Mode;
+            mode |= StrictLegacyMode;
 
-    return family.current;
-  }
-}
-function isCompatibleFamilyForHotReloading(fiber, element) {
-  {
-    if (resolveFamily === null) {
-      // Hot reloading is disabled.
-      return false;
-    }
+            if ((mode & ConcurrentMode) !== NoMode) {
+              // Strict effects should never run on legacy roots
+              mode |= StrictEffectsMode;
+            }
 
-    var prevType = fiber.elementType;
-    var nextType = element.type; // If we got here, we know types aren't === equal.
+            break;
 
-    var needsCompareFamilies = false;
-    var $$typeofNextType =
-      typeof nextType === "object" && nextType !== null
-        ? nextType.$$typeof
-        : null;
+          case REACT_PROFILER_TYPE:
+            return createFiberFromProfiler(pendingProps, mode, lanes, key);
 
-    switch (fiber.tag) {
-      case ClassComponent: {
-        if (typeof nextType === "function") {
-          needsCompareFamilies = true;
-        }
+          case REACT_SUSPENSE_TYPE:
+            return createFiberFromSuspense(pendingProps, mode, lanes, key);
 
-        break;
-      }
+          case REACT_SUSPENSE_LIST_TYPE:
+            return createFiberFromSuspenseList(pendingProps, mode, lanes, key);
 
-      case FunctionComponent: {
-        if (typeof nextType === "function") {
-          needsCompareFamilies = true;
-        } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-          // We don't know the inner type yet.
-          // We're going to assume that the lazy inner type is stable,
-          // and so it is sufficient to avoid reconciling it away.
-          // We're not going to unwrap or actually use the new lazy type.
-          needsCompareFamilies = true;
-        }
+          case REACT_OFFSCREEN_TYPE:
+            return createFiberFromOffscreen(pendingProps, mode, lanes, key);
 
-        break;
-      }
+          case REACT_LEGACY_HIDDEN_TYPE:
 
-      case ForwardRef: {
-        if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
-          needsCompareFamilies = true;
-        } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-          needsCompareFamilies = true;
-        }
+          // Fall through
 
-        break;
-      }
+          case REACT_SCOPE_TYPE:
 
-      case MemoComponent:
-      case SimpleMemoComponent: {
-        if ($$typeofNextType === REACT_MEMO_TYPE) {
-          // TODO: if it was but can no longer be simple,
-          // we shouldn't set this.
-          needsCompareFamilies = true;
-        } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-          needsCompareFamilies = true;
-        }
+          // Fall through
 
-        break;
-      }
+          case REACT_CACHE_TYPE:
 
-      default:
-        return false;
-    } // Check if both types have a family and it's the same one.
+          // Fall through
 
-    if (needsCompareFamilies) {
-      // Note: memo() and forwardRef() we'll compare outer rather than inner type.
-      // This means both of them need to be registered to preserve state.
-      // If we unwrapped and compared the inner types for wrappers instead,
-      // then we would risk falsely saying two separate memo(Foo)
-      // calls are equivalent because they wrap the same Foo function.
-      var prevFamily = resolveFamily(prevType);
+          case REACT_TRACING_MARKER_TYPE:
 
-      if (prevFamily !== undefined && prevFamily === resolveFamily(nextType)) {
-        return true;
-      }
-    }
+          // Fall through
 
-    return false;
-  }
-}
-function markFailedErrorBoundaryForHotReloading(fiber) {
-  {
-    if (resolveFamily === null) {
-      // Hot reloading is disabled.
-      return;
-    }
+          case REACT_DEBUG_TRACING_MODE_TYPE:
 
-    if (typeof WeakSet !== "function") {
-      return;
-    }
+          // Fall through
 
-    if (failedBoundaries === null) {
-      failedBoundaries = new WeakSet();
-    }
+          default: {
+            if (typeof type === "object" && type !== null) {
+              switch (type.$$typeof) {
+                case REACT_PROVIDER_TYPE:
+                  fiberTag = ContextProvider;
+                  break getTag;
 
-    failedBoundaries.add(fiber);
-  }
-}
-var scheduleRefresh = function(root, update) {
-  {
-    if (resolveFamily === null) {
-      // Hot reloading is disabled.
-      return;
-    }
-
-    var staleFamilies = update.staleFamilies,
-      updatedFamilies = update.updatedFamilies;
-    flushPassiveEffects();
-    flushSync(function() {
-      scheduleFibersWithFamiliesRecursively(
-        root.current,
-        updatedFamilies,
-        staleFamilies
-      );
-    });
-  }
-};
-var scheduleRoot = function(root, element) {
-  {
-    if (root.context !== emptyContextObject) {
-      // Super edge case: root has a legacy _renderSubtree context
-      // but we don't know the parentComponent so we can't pass it.
-      // Just ignore. We'll delete this with _renderSubtree code path later.
-      return;
-    }
-
-    flushPassiveEffects();
-    flushSync(function() {
-      updateContainer(element, root, null, null);
-    });
-  }
-};
-
-function scheduleFibersWithFamiliesRecursively(
-  fiber,
-  updatedFamilies,
-  staleFamilies
-) {
-  {
-    var alternate = fiber.alternate,
-      child = fiber.child,
-      sibling = fiber.sibling,
-      tag = fiber.tag,
-      type = fiber.type;
-    var candidateType = null;
-
-    switch (tag) {
-      case FunctionComponent:
-      case SimpleMemoComponent:
-      case ClassComponent:
-        candidateType = type;
-        break;
-
-      case ForwardRef:
-        candidateType = type.render;
-        break;
-    }
-
-    if (resolveFamily === null) {
-      throw new Error("Expected resolveFamily to be set during hot reload.");
-    }
-
-    var needsRender = false;
-    var needsRemount = false;
-
-    if (candidateType !== null) {
-      var family = resolveFamily(candidateType);
-
-      if (family !== undefined) {
-        if (staleFamilies.has(family)) {
-          needsRemount = true;
-        } else if (updatedFamilies.has(family)) {
-          if (tag === ClassComponent) {
-            needsRemount = true;
-          } else {
-            needsRender = true;
-          }
-        }
-      }
-    }
+                case REACT_CONTEXT_TYPE:
+                  // This is a consumer
+                  fiberTag = ContextConsumer;
+                  break getTag;
 
-    if (failedBoundaries !== null) {
-      if (
-        failedBoundaries.has(fiber) ||
-        (alternate !== null && failedBoundaries.has(alternate))
-      ) {
-        needsRemount = true;
-      }
-    }
+                case REACT_FORWARD_REF_TYPE:
+                  fiberTag = ForwardRef;
 
-    if (needsRemount) {
-      fiber._debugNeedsRemount = true;
-    }
+                  {
+                    resolvedType =
+                      resolveForwardRefForHotReloading(resolvedType);
+                  }
 
-    if (needsRemount || needsRender) {
-      var _root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+                  break getTag;
 
-      if (_root !== null) {
-        scheduleUpdateOnFiber(_root, fiber, SyncLane, NoTimestamp);
-      }
-    }
+                case REACT_MEMO_TYPE:
+                  fiberTag = MemoComponent;
+                  break getTag;
 
-    if (child !== null && !needsRemount) {
-      scheduleFibersWithFamiliesRecursively(
-        child,
-        updatedFamilies,
-        staleFamilies
-      );
-    }
+                case REACT_LAZY_TYPE:
+                  fiberTag = LazyComponent;
+                  resolvedType = null;
+                  break getTag;
+              }
+            }
 
-    if (sibling !== null) {
-      scheduleFibersWithFamiliesRecursively(
-        sibling,
-        updatedFamilies,
-        staleFamilies
-      );
-    }
-  }
-}
+            var info = "";
 
-var findHostInstancesForRefresh = function(root, families) {
-  {
-    var hostInstances = new Set();
-    var types = new Set(
-      families.map(function(family) {
-        return family.current;
-      })
-    );
-    findHostInstancesForMatchingFibersRecursively(
-      root.current,
-      types,
-      hostInstances
-    );
-    return hostInstances;
-  }
-};
-
-function findHostInstancesForMatchingFibersRecursively(
-  fiber,
-  types,
-  hostInstances
-) {
-  {
-    var child = fiber.child,
-      sibling = fiber.sibling,
-      tag = fiber.tag,
-      type = fiber.type;
-    var candidateType = null;
-
-    switch (tag) {
-      case FunctionComponent:
-      case SimpleMemoComponent:
-      case ClassComponent:
-        candidateType = type;
-        break;
-
-      case ForwardRef:
-        candidateType = type.render;
-        break;
-    }
-
-    var didMatch = false;
-
-    if (candidateType !== null) {
-      if (types.has(candidateType)) {
-        didMatch = true;
-      }
-    }
-
-    if (didMatch) {
-      // We have a match. This only drills down to the closest host components.
-      // There's no need to search deeper because for the purpose of giving
-      // visual feedback, "flashing" outermost parent rectangles is sufficient.
-      findHostInstancesForFiberShallowly(fiber, hostInstances);
-    } else {
-      // If there's no match, maybe there will be one further down in the child tree.
-      if (child !== null) {
-        findHostInstancesForMatchingFibersRecursively(
-          child,
-          types,
-          hostInstances
-        );
-      }
-    }
+            {
+              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.";
+              }
 
-    if (sibling !== null) {
-      findHostInstancesForMatchingFibersRecursively(
-        sibling,
-        types,
-        hostInstances
-      );
-    }
-  }
-}
+              var ownerName = owner ? getComponentNameFromFiber(owner) : null;
 
-function findHostInstancesForFiberShallowly(fiber, hostInstances) {
-  {
-    var foundHostInstances = findChildHostInstancesForFiberShallowly(
-      fiber,
-      hostInstances
-    );
+              if (ownerName) {
+                info += "\n\nCheck the render method of `" + ownerName + "`.";
+              }
+            }
 
-    if (foundHostInstances) {
-      return;
-    } // If we didn't find any host children, fallback to closest host parent.
+            throw new Error(
+              "Element type is invalid: expected a string (for built-in " +
+                "components) or a class/function (for composite components) " +
+                ("but got: " + (type == null ? type : typeof type) + "." + info)
+            );
+          }
+        }
+      }
 
-    var node = fiber;
+      var fiber = createFiber(fiberTag, pendingProps, key, mode);
+      fiber.elementType = type;
+      fiber.type = resolvedType;
+      fiber.lanes = lanes;
 
-    while (true) {
-      switch (node.tag) {
-        case HostComponent:
-          hostInstances.add(node.stateNode);
-          return;
+      {
+        fiber._debugOwner = owner;
+      }
 
-        case HostPortal:
-          hostInstances.add(node.stateNode.containerInfo);
-          return;
+      return fiber;
+    }
+    function createFiberFromElement(element, mode, lanes) {
+      var owner = null;
 
-        case HostRoot:
-          hostInstances.add(node.stateNode.containerInfo);
-          return;
+      {
+        owner = element._owner;
       }
 
-      if (node.return === null) {
-        throw new Error("Expected to reach root first.");
+      var type = element.type;
+      var key = element.key;
+      var pendingProps = element.props;
+      var fiber = createFiberFromTypeAndProps(
+        type,
+        key,
+        pendingProps,
+        owner,
+        mode,
+        lanes
+      );
+
+      {
+        fiber._debugOwner = element._owner;
       }
 
-      node = node.return;
+      return fiber;
+    }
+    function createFiberFromFragment(elements, mode, lanes, key) {
+      var fiber = createFiber(Fragment, elements, key, mode);
+      fiber.lanes = lanes;
+      return fiber;
     }
-  }
-}
-
-function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
-  {
-    var node = fiber;
-    var foundHostInstances = false;
 
-    while (true) {
-      if (node.tag === HostComponent) {
-        // We got a match.
-        foundHostInstances = true;
-        hostInstances.add(node.stateNode); // There may still be more, so keep searching.
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
+    function createFiberFromProfiler(pendingProps, mode, lanes, key) {
+      {
+        if (typeof pendingProps.id !== "string") {
+          error(
+            'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
+            typeof pendingProps.id
+          );
+        }
       }
 
-      if (node === fiber) {
-        return foundHostInstances;
+      var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
+      fiber.elementType = REACT_PROFILER_TYPE;
+      fiber.lanes = lanes;
+
+      {
+        fiber.stateNode = {
+          effectDuration: 0,
+          passiveEffectDuration: 0
+        };
       }
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === fiber) {
-          return foundHostInstances;
+      return fiber;
+    }
+
+    function createFiberFromSuspense(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_SUSPENSE_TYPE;
+      fiber.lanes = lanes;
+      return fiber;
+    }
+    function createFiberFromSuspenseList(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
+      fiber.lanes = lanes;
+      return fiber;
+    }
+    function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(OffscreenComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_OFFSCREEN_TYPE;
+      fiber.lanes = lanes;
+      var primaryChildInstance = {
+        _visibility: OffscreenVisible,
+        _pendingVisibility: OffscreenVisible,
+        _pendingMarkers: null,
+        _retryCache: null,
+        _transitions: null,
+        _current: null,
+        detach: function () {
+          return detachOffscreenInstance(primaryChildInstance);
+        },
+        attach: function () {
+          return attachOffscreenInstance(primaryChildInstance);
         }
+      };
+      fiber.stateNode = primaryChildInstance;
+      return fiber;
+    }
+    function createFiberFromText(content, mode, lanes) {
+      var fiber = createFiber(HostText, content, null, mode);
+      fiber.lanes = lanes;
+      return fiber;
+    }
+    function createFiberFromPortal(portal, mode, lanes) {
+      var pendingProps = portal.children !== null ? portal.children : [];
+      var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
+      fiber.lanes = lanes;
+      fiber.stateNode = {
+        containerInfo: portal.containerInfo,
+        pendingChildren: null,
+        // Used by persistent updates
+        implementation: portal.implementation
+      };
+      return fiber;
+    } // Used for stashing WIP properties to replay failed work in DEV.
+
+    function assignFiberPropertiesInDEV(target, source) {
+      if (target === null) {
+        // This Fiber's initial properties will always be overwritten.
+        // We only use a Fiber to ensure the same hidden class so DEV isn't slow.
+        target = createFiber(IndeterminateComponent, null, null, NoMode);
+      } // This is intentionally written as a list of all properties.
+      // We tried to use Object.assign() instead but this is called in
+      // the hottest path, and Object.assign() was too slow:
+      // https://github.com/facebook/react/issues/12502
+      // This code is DEV-only so size is not a concern.
+
+      target.tag = source.tag;
+      target.key = source.key;
+      target.elementType = source.elementType;
+      target.type = source.type;
+      target.stateNode = source.stateNode;
+      target.return = source.return;
+      target.child = source.child;
+      target.sibling = source.sibling;
+      target.index = source.index;
+      target.ref = source.ref;
+      target.refCleanup = source.refCleanup;
+      target.pendingProps = source.pendingProps;
+      target.memoizedProps = source.memoizedProps;
+      target.updateQueue = source.updateQueue;
+      target.memoizedState = source.memoizedState;
+      target.dependencies = source.dependencies;
+      target.mode = source.mode;
+      target.flags = source.flags;
+      target.subtreeFlags = source.subtreeFlags;
+      target.deletions = source.deletions;
+      target.lanes = source.lanes;
+      target.childLanes = source.childLanes;
+      target.alternate = source.alternate;
 
-        node = node.return;
+      {
+        target.actualDuration = source.actualDuration;
+        target.actualStartTime = source.actualStartTime;
+        target.selfBaseDuration = source.selfBaseDuration;
+        target.treeBaseDuration = source.treeBaseDuration;
       }
 
-      node.sibling.return = node.return;
-      node = node.sibling;
+      target._debugOwner = source._debugOwner;
+      target._debugNeedsRemount = source._debugNeedsRemount;
+      target._debugHookTypes = source._debugHookTypes;
+      return target;
     }
-  }
 
-  return false;
-}
-
-var hasBadMapPolyfill;
-
-{
-  hasBadMapPolyfill = false;
-
-  try {
-    var nonExtensibleObject = Object.preventExtensions({});
-    /* eslint-disable no-new */
+    function FiberRootNode(
+      containerInfo, // $FlowFixMe[missing-local-annot]
+      tag,
+      hydrate,
+      identifierPrefix,
+      onRecoverableError,
+      formState
+    ) {
+      this.tag = tag;
+      this.containerInfo = containerInfo;
+      this.pendingChildren = null;
+      this.current = null;
+      this.pingCache = null;
+      this.finishedWork = null;
+      this.timeoutHandle = noTimeout;
+      this.cancelPendingCommit = null;
+      this.context = null;
+      this.pendingContext = null;
+      this.next = null;
+      this.callbackNode = null;
+      this.callbackPriority = NoLane;
+      this.expirationTimes = createLaneMap(NoTimestamp);
+      this.pendingLanes = NoLanes;
+      this.suspendedLanes = NoLanes;
+      this.pingedLanes = NoLanes;
+      this.expiredLanes = NoLanes;
+      this.finishedLanes = NoLanes;
+      this.errorRecoveryDisabledLanes = NoLanes;
+      this.shellSuspendCounter = 0;
+      this.entangledLanes = NoLanes;
+      this.entanglements = createLaneMap(NoLanes);
+      this.hiddenUpdates = createLaneMap(null);
+      this.identifierPrefix = identifierPrefix;
+      this.onRecoverableError = onRecoverableError;
+
+      this.formState = formState;
+      this.incompleteTransitions = new Map();
 
-    new Map([[nonExtensibleObject, null]]);
-    new Set([nonExtensibleObject]);
-    /* eslint-enable no-new */
-  } catch (e) {
-    // TODO: Consider warning about bad polyfills
-    hasBadMapPolyfill = true;
-  }
-}
+      {
+        this.effectDuration = 0;
+        this.passiveEffectDuration = 0;
+      }
 
-function FiberNode(tag, pendingProps, key, mode) {
-  // Instance
-  this.tag = tag;
-  this.key = key;
-  this.elementType = null;
-  this.type = null;
-  this.stateNode = null; // Fiber
-
-  this.return = null;
-  this.child = null;
-  this.sibling = null;
-  this.index = 0;
-  this.ref = null;
-  this.pendingProps = pendingProps;
-  this.memoizedProps = null;
-  this.updateQueue = null;
-  this.memoizedState = null;
-  this.dependencies = null;
-  this.mode = mode; // Effects
-
-  this.flags = NoFlags;
-  this.subtreeFlags = NoFlags;
-  this.deletions = null;
-  this.lanes = NoLanes;
-  this.childLanes = NoLanes;
-  this.alternate = null;
-
-  {
-    // Note: The following is done to avoid a v8 performance cliff.
-    //
-    // Initializing the fields below to smis and later updating them with
-    // double values will cause Fibers to end up having separate shapes.
-    // This behavior/bug has something to do with Object.preventExtension().
-    // Fortunately this only impacts DEV builds.
-    // Unfortunately it makes React unusably slow for some applications.
-    // To work around this, initialize the fields below with doubles.
-    //
-    // Learn more about this here:
-    // https://github.com/facebook/react/issues/14365
-    // https://bugs.chromium.org/p/v8/issues/detail?id=8538
-    this.actualDuration = Number.NaN;
-    this.actualStartTime = Number.NaN;
-    this.selfBaseDuration = Number.NaN;
-    this.treeBaseDuration = Number.NaN; // It's okay to replace the initial doubles with smis after initialization.
-    // This won't trigger the performance cliff mentioned above,
-    // and it simplifies other profiler code (including DevTools).
-
-    this.actualDuration = 0;
-    this.actualStartTime = -1;
-    this.selfBaseDuration = 0;
-    this.treeBaseDuration = 0;
-  }
-
-  {
-    // This isn't directly used but is handy for debugging internals:
-    this._debugSource = null;
-    this._debugOwner = null;
-    this._debugNeedsRemount = false;
-    this._debugHookTypes = null;
-
-    if (!hasBadMapPolyfill && typeof Object.preventExtensions === "function") {
-      Object.preventExtensions(this);
-    }
-  }
-} // This is a constructor function, rather than a POJO constructor, still
-// please ensure we do the following:
-// 1) Nobody should add any instance methods on this. Instance methods can be
-//    more difficult to predict when they get optimized and they are almost
-//    never inlined properly in static compilers.
-// 2) Nobody should rely on `instanceof Fiber` for type testing. We should
-//    always know when it is a fiber.
-// 3) We might want to experiment with using numeric keys since they are easier
-//    to optimize in a non-JIT environment.
-// 4) We can easily go from a constructor to a createFiber object literal if that
-//    is faster.
-// 5) It should be easy to port this to a C struct and keep a C implementation
-//    compatible.
-
-var createFiber = function(tag, pendingProps, key, mode) {
-  // $FlowFixMe: the shapes are exact here but Flow doesn't like constructors
-  return new FiberNode(tag, pendingProps, key, mode);
-};
-
-function shouldConstruct(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
+      {
+        this.memoizedUpdaters = new Set();
+        var pendingUpdatersLaneMap = (this.pendingUpdatersLaneMap = []);
 
-function isSimpleFunctionComponent(type) {
-  return (
-    typeof type === "function" &&
-    !shouldConstruct(type) &&
-    type.defaultProps === undefined
-  );
-}
-function resolveLazyComponentTag(Component) {
-  if (typeof Component === "function") {
-    return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
-  } else if (Component !== undefined && Component !== null) {
-    var $$typeof = Component.$$typeof;
+        for (var _i = 0; _i < TotalLanes; _i++) {
+          pendingUpdatersLaneMap.push(new Set());
+        }
+      }
 
-    if ($$typeof === REACT_FORWARD_REF_TYPE) {
-      return ForwardRef;
-    }
+      {
+        switch (tag) {
+          case ConcurrentRoot:
+            this._debugRootType = hydrate ? "hydrateRoot()" : "createRoot()";
+            break;
 
-    if ($$typeof === REACT_MEMO_TYPE) {
-      return MemoComponent;
+          case LegacyRoot:
+            this._debugRootType = hydrate ? "hydrate()" : "render()";
+            break;
+        }
+      }
     }
-  }
 
-  return IndeterminateComponent;
-} // This is used to create an alternate fiber to do work on.
+    function createFiberRoot(
+      containerInfo,
+      tag,
+      hydrate,
+      initialChildren,
+      hydrationCallbacks,
+      isStrictMode,
+      concurrentUpdatesByDefaultOverride, // TODO: We have several of these arguments that are conceptually part of the
+      // host config, but because they are passed in at runtime, we have to thread
+      // them through the root constructor. Perhaps we should put them all into a
+      // single type, like a DynamicHostConfig that is defined by the renderer.
+      identifierPrefix,
+      onRecoverableError,
+      transitionCallbacks,
+      formState
+    ) {
+      // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
+      var root = new FiberRootNode(
+        containerInfo,
+        tag,
+        hydrate,
+        identifierPrefix,
+        onRecoverableError,
+        formState
+      );
+      // stateNode is any.
 
-function createWorkInProgress(current, pendingProps) {
-  var workInProgress = current.alternate;
+      var uninitializedFiber = createHostRootFiber(tag, isStrictMode);
+      root.current = uninitializedFiber;
+      uninitializedFiber.stateNode = root;
 
-  if (workInProgress === null) {
-    // We use a double buffering pooling technique because we know that we'll
-    // only ever need at most two versions of a tree. We pool the "other" unused
-    // node that we're free to reuse. This is lazily created to avoid allocating
-    // extra objects for things that are never updated. It also allow us to
-    // reclaim the extra memory if needed.
-    workInProgress = createFiber(
-      current.tag,
-      pendingProps,
-      current.key,
-      current.mode
-    );
-    workInProgress.elementType = current.elementType;
-    workInProgress.type = current.type;
-    workInProgress.stateNode = current.stateNode;
+      {
+        var _initialState = {
+          element: initialChildren,
+          isDehydrated: hydrate,
+          cache: null // not enabled yet
+        };
+        uninitializedFiber.memoizedState = _initialState;
+      }
 
-    {
-      // DEV-only fields
-      workInProgress._debugSource = current._debugSource;
-      workInProgress._debugOwner = current._debugOwner;
-      workInProgress._debugHookTypes = current._debugHookTypes;
+      initializeUpdateQueue(uninitializedFiber);
+      return root;
     }
 
-    workInProgress.alternate = current;
-    current.alternate = workInProgress;
-  } else {
-    workInProgress.pendingProps = pendingProps; // Needed because Blocks store data on type.
+    var ReactVersion = "18.3.0-canary-03d6f7cf0-20240209";
 
-    workInProgress.type = current.type; // We already have an alternate.
-    // Reset the effect tag.
+    function createPortal$1(
+      children,
+      containerInfo, // TODO: figure out the API for cross-renderer implementation.
+      implementation
+    ) {
+      var key =
+        arguments.length > 3 && arguments[3] !== undefined
+          ? arguments[3]
+          : null;
 
-    workInProgress.flags = NoFlags; // The effects are no longer valid.
+      {
+        checkKeyStringCoercion(key);
+      }
 
-    workInProgress.subtreeFlags = NoFlags;
-    workInProgress.deletions = null;
+      return {
+        // This tag allow us to uniquely identify this as a React Portal
+        $$typeof: REACT_PORTAL_TYPE,
+        key: key == null ? null : "" + key,
+        children: children,
+        containerInfo: containerInfo,
+        implementation: implementation
+      };
+    }
 
-    {
-      // We intentionally reset, rather than copy, actualDuration & actualStartTime.
-      // This prevents time from endlessly accumulating in new commits.
-      // This has the downside of resetting values for different priority renders,
-      // But works for yielding (the common case) and should support resuming.
-      workInProgress.actualDuration = 0;
-      workInProgress.actualStartTime = -1;
-    }
-  } // Reset all effects except static ones.
-  // Static effects are not specific to a render.
-
-  workInProgress.flags = current.flags & StaticMask;
-  workInProgress.childLanes = current.childLanes;
-  workInProgress.lanes = current.lanes;
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue; // Clone the dependencies object. This is mutated during the render phase, so
-  // it cannot be shared with the current fiber.
-
-  var currentDependencies = current.dependencies;
-  workInProgress.dependencies =
-    currentDependencies === null
-      ? null
-      : {
-          lanes: currentDependencies.lanes,
-          firstContext: currentDependencies.firstContext
-        }; // These will be overridden during the parent's reconciliation
-
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
-
-  {
-    workInProgress.selfBaseDuration = current.selfBaseDuration;
-    workInProgress.treeBaseDuration = current.treeBaseDuration;
-  }
-
-  {
-    workInProgress._debugNeedsRemount = current._debugNeedsRemount;
-
-    switch (workInProgress.tag) {
-      case IndeterminateComponent:
-      case FunctionComponent:
-      case SimpleMemoComponent:
-        workInProgress.type = resolveFunctionForHotReloading(current.type);
-        break;
-
-      case ClassComponent:
-        workInProgress.type = resolveClassForHotReloading(current.type);
-        break;
-
-      case ForwardRef:
-        workInProgress.type = resolveForwardRefForHotReloading(current.type);
-        break;
-    }
-  }
-
-  return workInProgress;
-} // Used to reuse a Fiber for a second pass.
-
-function resetWorkInProgress(workInProgress, renderLanes) {
-  // This resets the Fiber to what createFiber or createWorkInProgress would
-  // have set the values to before during the first pass. Ideally this wouldn't
-  // be necessary but unfortunately many code paths reads from the workInProgress
-  // when they should be reading from current and writing to workInProgress.
-  // We assume pendingProps, index, key, ref, return are still untouched to
-  // avoid doing another reconciliation.
-  // Reset the effect flags but keep any Placement tags, since that's something
-  // that child fiber is setting, not the reconciliation.
-  workInProgress.flags &= StaticMask | Placement; // The effects are no longer valid.
-
-  var current = workInProgress.alternate;
-
-  if (current === null) {
-    // Reset to createFiber's initial values.
-    workInProgress.childLanes = NoLanes;
-    workInProgress.lanes = renderLanes;
-    workInProgress.child = null;
-    workInProgress.subtreeFlags = NoFlags;
-    workInProgress.memoizedProps = null;
-    workInProgress.memoizedState = null;
-    workInProgress.updateQueue = null;
-    workInProgress.dependencies = null;
-    workInProgress.stateNode = null;
+    // Might add PROFILE later.
 
-    {
-      // Note: We don't reset the actualTime counts. It's useful to accumulate
-      // actual time across multiple render passes.
-      workInProgress.selfBaseDuration = 0;
-      workInProgress.treeBaseDuration = 0;
-    }
-  } else {
-    // Reset to the cloned values that createWorkInProgress would've.
-    workInProgress.childLanes = current.childLanes;
-    workInProgress.lanes = current.lanes;
-    workInProgress.child = current.child;
-    workInProgress.subtreeFlags = NoFlags;
-    workInProgress.deletions = null;
-    workInProgress.memoizedProps = current.memoizedProps;
-    workInProgress.memoizedState = current.memoizedState;
-    workInProgress.updateQueue = current.updateQueue; // Needed because Blocks store data on type.
-
-    workInProgress.type = current.type; // Clone the dependencies object. This is mutated during the render phase, so
-    // it cannot be shared with the current fiber.
-
-    var currentDependencies = current.dependencies;
-    workInProgress.dependencies =
-      currentDependencies === null
-        ? null
-        : {
-            lanes: currentDependencies.lanes,
-            firstContext: currentDependencies.firstContext
-          };
+    var didWarnAboutNestedUpdates;
+    var didWarnAboutFindNodeInStrictMode;
 
     {
-      // Note: We don't reset the actualTime counts. It's useful to accumulate
-      // actual time across multiple render passes.
-      workInProgress.selfBaseDuration = current.selfBaseDuration;
-      workInProgress.treeBaseDuration = current.treeBaseDuration;
+      didWarnAboutNestedUpdates = false;
+      didWarnAboutFindNodeInStrictMode = {};
     }
-  }
-
-  return workInProgress;
-}
-function createHostRootFiber(
-  tag,
-  isStrictMode,
-  concurrentUpdatesByDefaultOverride
-) {
-  var mode;
-
-  if (tag === ConcurrentRoot) {
-    mode = ConcurrentMode;
-
-    if (isStrictMode === true) {
-      mode |= StrictLegacyMode;
-    }
-  } else {
-    mode = NoMode;
-  }
-
-  if (isDevToolsPresent) {
-    // Always collect profile timings when DevTools are present.
-    // This enables DevTools to start capturing timing at any point–
-    // Without some nodes in the tree having empty base times.
-    mode |= ProfileMode;
-  }
-
-  return createFiber(HostRoot, null, null, mode);
-}
-function createFiberFromTypeAndProps(
-  type, // React$ElementType
-  key,
-  pendingProps,
-  owner,
-  mode,
-  lanes
-) {
-  var fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
-
-  var resolvedType = type;
-
-  if (typeof type === "function") {
-    if (shouldConstruct(type)) {
-      fiberTag = ClassComponent;
 
-      {
-        resolvedType = resolveClassForHotReloading(resolvedType);
-      }
-    } else {
-      {
-        resolvedType = resolveFunctionForHotReloading(resolvedType);
+    function getContextForSubtree(parentComponent) {
+      if (!parentComponent) {
+        return emptyContextObject;
       }
-    }
-  } else if (typeof type === "string") {
-    fiberTag = HostComponent;
-  } else {
-    getTag: switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(pendingProps.children, mode, lanes, key);
-
-      case REACT_STRICT_MODE_TYPE:
-        fiberTag = Mode;
-        mode |= StrictLegacyMode;
 
-        break;
+      var fiber = get(parentComponent);
+      var parentContext = findCurrentUnmaskedContext(fiber);
 
-      case REACT_PROFILER_TYPE:
-        return createFiberFromProfiler(pendingProps, mode, lanes, key);
+      if (fiber.tag === ClassComponent) {
+        var Component = fiber.type;
 
-      case REACT_SUSPENSE_TYPE:
-        return createFiberFromSuspense(pendingProps, mode, lanes, key);
+        if (isContextProvider(Component)) {
+          return processChildContext(fiber, Component, parentContext);
+        }
+      }
 
-      case REACT_SUSPENSE_LIST_TYPE:
-        return createFiberFromSuspenseList(pendingProps, mode, lanes, key);
+      return parentContext;
+    }
 
-      case REACT_OFFSCREEN_TYPE:
-        return createFiberFromOffscreen(pendingProps, mode, lanes, key);
+    function findHostInstanceWithWarning(component, methodName) {
+      {
+        var fiber = get(component);
 
-      case REACT_LEGACY_HIDDEN_TYPE:
+        if (fiber === undefined) {
+          if (typeof component.render === "function") {
+            throw new Error("Unable to find node on an unmounted component.");
+          } else {
+            var keys = Object.keys(component).join(",");
+            throw new Error(
+              "Argument appears to not be a ReactComponent. Keys: " + keys
+            );
+          }
+        }
 
-      // eslint-disable-next-line no-fallthrough
+        var hostFiber = findCurrentHostFiber(fiber);
 
-      case REACT_SCOPE_TYPE:
+        if (hostFiber === null) {
+          return null;
+        }
 
-      // eslint-disable-next-line no-fallthrough
+        if (hostFiber.mode & StrictLegacyMode) {
+          var componentName = getComponentNameFromFiber(fiber) || "Component";
 
-      case REACT_CACHE_TYPE:
+          if (!didWarnAboutFindNodeInStrictMode[componentName]) {
+            didWarnAboutFindNodeInStrictMode[componentName] = true;
+            var previousFiber = current;
 
-      // eslint-disable-next-line no-fallthrough
+            try {
+              setCurrentFiber(hostFiber);
 
-      case REACT_TRACING_MARKER_TYPE:
+              if (fiber.mode & StrictLegacyMode) {
+                error(
+                  "%s is deprecated in StrictMode. " +
+                    "%s was passed an instance of %s which is inside StrictMode. " +
+                    "Instead, add a ref directly to the element you want to reference. " +
+                    "Learn more about using refs safely here: " +
+                    "https://reactjs.org/link/strict-mode-find-node",
+                  methodName,
+                  methodName,
+                  componentName
+                );
+              } else {
+                error(
+                  "%s is deprecated in StrictMode. " +
+                    "%s was passed an instance of %s which renders StrictMode children. " +
+                    "Instead, add a ref directly to the element you want to reference. " +
+                    "Learn more about using refs safely here: " +
+                    "https://reactjs.org/link/strict-mode-find-node",
+                  methodName,
+                  methodName,
+                  componentName
+                );
+              }
+            } finally {
+              // Ideally this should reset to previous but this shouldn't be called in
+              // render and there's another warning for that anyway.
+              if (previousFiber) {
+                setCurrentFiber(previousFiber);
+              } else {
+                resetCurrentFiber();
+              }
+            }
+          }
+        }
 
-      // eslint-disable-next-line no-fallthrough
+        return getPublicInstance(hostFiber.stateNode);
+      }
+    }
 
-      case REACT_DEBUG_TRACING_MODE_TYPE:
+    function createContainer(
+      containerInfo,
+      tag,
+      hydrationCallbacks,
+      isStrictMode,
+      concurrentUpdatesByDefaultOverride,
+      identifierPrefix,
+      onRecoverableError,
+      transitionCallbacks
+    ) {
+      var hydrate = false;
+      var initialChildren = null;
+      return createFiberRoot(
+        containerInfo,
+        tag,
+        hydrate,
+        initialChildren,
+        hydrationCallbacks,
+        isStrictMode,
+        concurrentUpdatesByDefaultOverride,
+        identifierPrefix,
+        onRecoverableError,
+        transitionCallbacks,
+        null
+      );
+    }
+    function updateContainer(element, container, parentComponent, callback) {
+      {
+        onScheduleRoot(container, element);
+      }
 
-      // eslint-disable-next-line no-fallthrough
+      var current$1 = container.current;
+      var lane = requestUpdateLane(current$1);
 
-      default: {
-        if (typeof type === "object" && type !== null) {
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = ContextProvider;
-              break getTag;
+      var context = getContextForSubtree(parentComponent);
 
-            case REACT_CONTEXT_TYPE:
-              // This is a consumer
-              fiberTag = ContextConsumer;
-              break getTag;
+      if (container.context === null) {
+        container.context = context;
+      } else {
+        container.pendingContext = context;
+      }
 
-            case REACT_FORWARD_REF_TYPE:
-              fiberTag = ForwardRef;
+      {
+        if (isRendering && current !== null && !didWarnAboutNestedUpdates) {
+          didWarnAboutNestedUpdates = true;
 
-              {
-                resolvedType = resolveForwardRefForHotReloading(resolvedType);
-              }
+          error(
+            "Render methods should be a pure function of props and state; " +
+              "triggering nested component updates from render is not allowed. " +
+              "If necessary, trigger nested updates in componentDidUpdate.\n\n" +
+              "Check the render method of %s.",
+            getComponentNameFromFiber(current) || "Unknown"
+          );
+        }
+      }
 
-              break getTag;
+      var update = createUpdate(lane); // Caution: React DevTools currently depends on this property
+      // being called "element".
 
-            case REACT_MEMO_TYPE:
-              fiberTag = MemoComponent;
-              break getTag;
+      update.payload = {
+        element: element
+      };
+      callback = callback === undefined ? null : callback;
 
-            case REACT_LAZY_TYPE:
-              fiberTag = LazyComponent;
-              resolvedType = null;
-              break getTag;
+      if (callback !== null) {
+        {
+          if (typeof callback !== "function") {
+            error(
+              "render(...): Expected the last optional `callback` argument to be a " +
+                "function. Instead received: %s.",
+              callback
+            );
           }
         }
 
-        var info = "";
+        update.callback = callback;
+      }
 
-        {
-          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 root = enqueueUpdate(current$1, update, lane);
 
-          var ownerName = owner ? getComponentNameFromFiber(owner) : null;
+      if (root !== null) {
+        scheduleUpdateOnFiber(root, current$1, lane);
+        entangleTransitions(root, current$1, lane);
+      }
 
-          if (ownerName) {
-            info += "\n\nCheck the render method of `" + ownerName + "`.";
-          }
-        }
+      return lane;
+    }
+    function getPublicRootInstance(container) {
+      var containerFiber = container.current;
 
-        throw new Error(
-          "Element type is invalid: expected a string (for built-in " +
-            "components) or a class/function (for composite components) " +
-            ("but got: " + (type == null ? type : typeof type) + "." + info)
-        );
+      if (!containerFiber.child) {
+        return null;
+      }
+
+      switch (containerFiber.child.tag) {
+        case HostSingleton:
+        case HostComponent:
+          return getPublicInstance(containerFiber.child.stateNode);
+
+        default:
+          return containerFiber.child.stateNode;
       }
     }
-  }
 
-  var fiber = createFiber(fiberTag, pendingProps, key, mode);
-  fiber.elementType = type;
-  fiber.type = resolvedType;
-  fiber.lanes = lanes;
+    var shouldErrorImpl = function (fiber) {
+      return null;
+    };
 
-  {
-    fiber._debugOwner = owner;
-  }
+    function shouldError(fiber) {
+      return shouldErrorImpl(fiber);
+    }
 
-  return fiber;
-}
-function createFiberFromElement(element, mode, lanes) {
-  var owner = null;
-
-  {
-    owner = element._owner;
-  }
-
-  var type = element.type;
-  var key = element.key;
-  var pendingProps = element.props;
-  var fiber = createFiberFromTypeAndProps(
-    type,
-    key,
-    pendingProps,
-    owner,
-    mode,
-    lanes
-  );
-
-  {
-    fiber._debugSource = element._source;
-    fiber._debugOwner = element._owner;
-  }
-
-  return fiber;
-}
-function createFiberFromFragment(elements, mode, lanes, key) {
-  var fiber = createFiber(Fragment, elements, key, mode);
-  fiber.lanes = lanes;
-  return fiber;
-}
+    var shouldSuspendImpl = function (fiber) {
+      return false;
+    };
 
-function createFiberFromProfiler(pendingProps, mode, lanes, key) {
-  {
-    if (typeof pendingProps.id !== "string") {
-      error(
-        'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
-        typeof pendingProps.id
-      );
+    function shouldSuspend(fiber) {
+      return shouldSuspendImpl(fiber);
     }
-  }
+    var overrideHookState = null;
+    var overrideHookStateDeletePath = null;
+    var overrideHookStateRenamePath = null;
+    var overrideProps = null;
+    var overridePropsDeletePath = null;
+    var overridePropsRenamePath = null;
+    var scheduleUpdate = null;
+    var setErrorHandler = null;
+    var setSuspenseHandler = null;
 
-  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
-  fiber.elementType = REACT_PROFILER_TYPE;
-  fiber.lanes = lanes;
+    {
+      var copyWithDeleteImpl = function (obj, path, index) {
+        var key = path[index];
+        var updated = isArray(obj) ? obj.slice() : assign({}, obj);
 
-  {
-    fiber.stateNode = {
-      effectDuration: 0,
-      passiveEffectDuration: 0
-    };
-  }
+        if (index + 1 === path.length) {
+          if (isArray(updated)) {
+            updated.splice(key, 1);
+          } else {
+            delete updated[key];
+          }
 
-  return fiber;
-}
+          return updated;
+        } // $FlowFixMe[incompatible-use] number or string is fine here
 
-function createFiberFromSuspense(pendingProps, mode, lanes, key) {
-  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
-  fiber.elementType = REACT_SUSPENSE_TYPE;
-  fiber.lanes = lanes;
-  return fiber;
-}
-function createFiberFromSuspenseList(pendingProps, mode, lanes, key) {
-  var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
-  fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
-  fiber.lanes = lanes;
-  return fiber;
-}
-function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
-  var fiber = createFiber(OffscreenComponent, pendingProps, key, mode);
-  fiber.elementType = REACT_OFFSCREEN_TYPE;
-  fiber.lanes = lanes;
-  var primaryChildInstance = {
-    isHidden: false
-  };
-  fiber.stateNode = primaryChildInstance;
-  return fiber;
-}
-function createFiberFromText(content, mode, lanes) {
-  var fiber = createFiber(HostText, content, null, mode);
-  fiber.lanes = lanes;
-  return fiber;
-}
-function createFiberFromPortal(portal, mode, lanes) {
-  var pendingProps = portal.children !== null ? portal.children : [];
-  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
-  fiber.lanes = lanes;
-  fiber.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null,
-    // Used by persistent updates
-    implementation: portal.implementation
-  };
-  return fiber;
-} // Used for stashing WIP properties to replay failed work in DEV.
-
-function assignFiberPropertiesInDEV(target, source) {
-  if (target === null) {
-    // This Fiber's initial properties will always be overwritten.
-    // We only use a Fiber to ensure the same hidden class so DEV isn't slow.
-    target = createFiber(IndeterminateComponent, null, null, NoMode);
-  } // This is intentionally written as a list of all properties.
-  // We tried to use Object.assign() instead but this is called in
-  // the hottest path, and Object.assign() was too slow:
-  // https://github.com/facebook/react/issues/12502
-  // This code is DEV-only so size is not a concern.
-
-  target.tag = source.tag;
-  target.key = source.key;
-  target.elementType = source.elementType;
-  target.type = source.type;
-  target.stateNode = source.stateNode;
-  target.return = source.return;
-  target.child = source.child;
-  target.sibling = source.sibling;
-  target.index = source.index;
-  target.ref = source.ref;
-  target.pendingProps = source.pendingProps;
-  target.memoizedProps = source.memoizedProps;
-  target.updateQueue = source.updateQueue;
-  target.memoizedState = source.memoizedState;
-  target.dependencies = source.dependencies;
-  target.mode = source.mode;
-  target.flags = source.flags;
-  target.subtreeFlags = source.subtreeFlags;
-  target.deletions = source.deletions;
-  target.lanes = source.lanes;
-  target.childLanes = source.childLanes;
-  target.alternate = source.alternate;
-
-  {
-    target.actualDuration = source.actualDuration;
-    target.actualStartTime = source.actualStartTime;
-    target.selfBaseDuration = source.selfBaseDuration;
-    target.treeBaseDuration = source.treeBaseDuration;
-  }
-
-  target._debugSource = source._debugSource;
-  target._debugOwner = source._debugOwner;
-  target._debugNeedsRemount = source._debugNeedsRemount;
-  target._debugHookTypes = source._debugHookTypes;
-  return target;
-}
+        updated[key] = copyWithDeleteImpl(obj[key], path, index + 1);
+        return updated;
+      };
 
-function FiberRootNode(
-  containerInfo,
-  tag,
-  hydrate,
-  identifierPrefix,
-  onRecoverableError
-) {
-  this.tag = tag;
-  this.containerInfo = containerInfo;
-  this.pendingChildren = null;
-  this.current = null;
-  this.pingCache = null;
-  this.finishedWork = null;
-  this.timeoutHandle = noTimeout;
-  this.context = null;
-  this.pendingContext = null;
-  this.callbackNode = null;
-  this.callbackPriority = NoLane;
-  this.eventTimes = createLaneMap(NoLanes);
-  this.expirationTimes = createLaneMap(NoTimestamp);
-  this.pendingLanes = NoLanes;
-  this.suspendedLanes = NoLanes;
-  this.pingedLanes = NoLanes;
-  this.expiredLanes = NoLanes;
-  this.mutableReadLanes = NoLanes;
-  this.finishedLanes = NoLanes;
-  this.entangledLanes = NoLanes;
-  this.entanglements = createLaneMap(NoLanes);
-  this.identifierPrefix = identifierPrefix;
-  this.onRecoverableError = onRecoverableError;
-
-  {
-    this.effectDuration = 0;
-    this.passiveEffectDuration = 0;
-  }
-
-  {
-    this.memoizedUpdaters = new Set();
-    var pendingUpdatersLaneMap = (this.pendingUpdatersLaneMap = []);
-
-    for (var _i = 0; _i < TotalLanes; _i++) {
-      pendingUpdatersLaneMap.push(new Set());
-    }
-  }
-
-  {
-    switch (tag) {
-      case ConcurrentRoot:
-        this._debugRootType = hydrate ? "hydrateRoot()" : "createRoot()";
-        break;
-
-      case LegacyRoot:
-        this._debugRootType = hydrate ? "hydrate()" : "render()";
-        break;
-    }
-  }
-}
+      var copyWithDelete = function (obj, path) {
+        return copyWithDeleteImpl(obj, path, 0);
+      };
 
-function createFiberRoot(
-  containerInfo,
-  tag,
-  hydrate,
-  initialChildren,
-  hydrationCallbacks,
-  isStrictMode,
-  concurrentUpdatesByDefaultOverride, // TODO: We have several of these arguments that are conceptually part of the
-  // host config, but because they are passed in at runtime, we have to thread
-  // them through the root constructor. Perhaps we should put them all into a
-  // single type, like a DynamicHostConfig that is defined by the renderer.
-  identifierPrefix,
-  onRecoverableError,
-  transitionCallbacks
-) {
-  var root = new FiberRootNode(
-    containerInfo,
-    tag,
-    hydrate,
-    identifierPrefix,
-    onRecoverableError
-  );
-  // stateNode is any.
-
-  var uninitializedFiber = createHostRootFiber(tag, isStrictMode);
-  root.current = uninitializedFiber;
-  uninitializedFiber.stateNode = root;
-
-  {
-    var _initialState = {
-      element: initialChildren,
-      isDehydrated: hydrate,
-      cache: null,
-      // not enabled yet
-      transitions: null,
-      pendingSuspenseBoundaries: null
-    };
-    uninitializedFiber.memoizedState = _initialState;
-  }
+      var copyWithRenameImpl = function (obj, oldPath, newPath, index) {
+        var oldKey = oldPath[index];
+        var updated = isArray(obj) ? obj.slice() : assign({}, obj);
 
-  initializeUpdateQueue(uninitializedFiber);
-  return root;
-}
+        if (index + 1 === oldPath.length) {
+          var newKey = newPath[index]; // $FlowFixMe[incompatible-use] number or string is fine here
 
-var ReactVersion = "18.2.0-next-9e3b772b8-20220608";
-
-function createPortal(
-  children,
-  containerInfo, // TODO: figure out the API for cross-renderer implementation.
-  implementation
-) {
-  var key =
-    arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-
-  {
-    checkKeyStringCoercion(key);
-  }
-
-  return {
-    // This tag allow us to uniquely identify this as a React Portal
-    $$typeof: REACT_PORTAL_TYPE,
-    key: key == null ? null : "" + key,
-    children: children,
-    containerInfo: containerInfo,
-    implementation: implementation
-  };
-}
+          updated[newKey] = updated[oldKey];
 
-var didWarnAboutNestedUpdates;
-var didWarnAboutFindNodeInStrictMode;
+          if (isArray(updated)) {
+            updated.splice(oldKey, 1);
+          } else {
+            delete updated[oldKey];
+          }
+        } else {
+          // $FlowFixMe[incompatible-use] number or string is fine here
+          updated[oldKey] = copyWithRenameImpl(
+            // $FlowFixMe[incompatible-use] number or string is fine here
+            obj[oldKey],
+            oldPath,
+            newPath,
+            index + 1
+          );
+        }
 
-{
-  didWarnAboutNestedUpdates = false;
-  didWarnAboutFindNodeInStrictMode = {};
-}
+        return updated;
+      };
 
-function getContextForSubtree(parentComponent) {
-  if (!parentComponent) {
-    return emptyContextObject;
-  }
+      var copyWithRename = function (obj, oldPath, newPath) {
+        if (oldPath.length !== newPath.length) {
+          warn("copyWithRename() expects paths of the same length");
 
-  var fiber = get(parentComponent);
-  var parentContext = findCurrentUnmaskedContext(fiber);
+          return;
+        } else {
+          for (var i = 0; i < newPath.length - 1; i++) {
+            if (oldPath[i] !== newPath[i]) {
+              warn(
+                "copyWithRename() expects paths to be the same except for the deepest key"
+              );
 
-  if (fiber.tag === ClassComponent) {
-    var Component = fiber.type;
+              return;
+            }
+          }
+        }
 
-    if (isContextProvider(Component)) {
-      return processChildContext(fiber, Component, parentContext);
-    }
-  }
+        return copyWithRenameImpl(obj, oldPath, newPath, 0);
+      };
 
-  return parentContext;
-}
+      var copyWithSetImpl = function (obj, path, index, value) {
+        if (index >= path.length) {
+          return value;
+        }
 
-function findHostInstanceWithWarning(component, methodName) {
-  {
-    var fiber = get(component);
+        var key = path[index];
+        var updated = isArray(obj) ? obj.slice() : assign({}, obj); // $FlowFixMe[incompatible-use] number or string is fine here
 
-    if (fiber === undefined) {
-      if (typeof component.render === "function") {
-        throw new Error("Unable to find node on an unmounted component.");
-      } else {
-        var keys = Object.keys(component).join(",");
-        throw new Error(
-          "Argument appears to not be a ReactComponent. Keys: " + keys
-        );
-      }
-    }
+        updated[key] = copyWithSetImpl(obj[key], path, index + 1, value);
+        return updated;
+      };
 
-    var hostFiber = findCurrentHostFiber(fiber);
+      var copyWithSet = function (obj, path, value) {
+        return copyWithSetImpl(obj, path, 0, value);
+      };
 
-    if (hostFiber === null) {
-      return null;
-    }
+      var findHook = function (fiber, id) {
+        // For now, the "id" of stateful hooks is just the stateful hook index.
+        // This may change in the future with e.g. nested hooks.
+        var currentHook = fiber.memoizedState;
 
-    if (hostFiber.mode & StrictLegacyMode) {
-      var componentName = getComponentNameFromFiber(fiber) || "Component";
+        while (currentHook !== null && id > 0) {
+          currentHook = currentHook.next;
+          id--;
+        }
 
-      if (!didWarnAboutFindNodeInStrictMode[componentName]) {
-        didWarnAboutFindNodeInStrictMode[componentName] = true;
-        var previousFiber = current;
+        return currentHook;
+      }; // Support DevTools editable values for useState and useReducer.
 
-        try {
-          setCurrentFiber(hostFiber);
+      overrideHookState = function (fiber, id, path, value) {
+        var hook = findHook(fiber, id);
 
-          if (fiber.mode & StrictLegacyMode) {
-            error(
-              "%s is deprecated in StrictMode. " +
-                "%s was passed an instance of %s which is inside StrictMode. " +
-                "Instead, add a ref directly to the element you want to reference. " +
-                "Learn more about using refs safely here: " +
-                "https://react.dev/reference/react-dom/findDOMNode",
-              methodName,
-              methodName,
-              componentName
-            );
-          } else {
-            error(
-              "%s is deprecated in StrictMode. " +
-                "%s was passed an instance of %s which renders StrictMode children. " +
-                "Instead, add a ref directly to the element you want to reference. " +
-                "Learn more about using refs safely here: " +
-                "https://react.dev/reference/react-dom/findDOMNode",
-              methodName,
-              methodName,
-              componentName
-            );
-          }
-        } finally {
-          // Ideally this should reset to previous but this shouldn't be called in
-          // render and there's another warning for that anyway.
-          if (previousFiber) {
-            setCurrentFiber(previousFiber);
-          } else {
-            resetCurrentFiber();
+        if (hook !== null) {
+          var newState = copyWithSet(hook.memoizedState, path, value);
+          hook.memoizedState = newState;
+          hook.baseState = newState; // We aren't actually adding an update to the queue,
+          // because there is no update we can add for useReducer hooks that won't trigger an error.
+          // (There's no appropriate action type for DevTools overrides.)
+          // As a result though, React will see the scheduled update as a noop and bailout.
+          // Shallow cloning props works as a workaround for now to bypass the bailout check.
+
+          fiber.memoizedProps = assign({}, fiber.memoizedProps);
+          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+
+          if (root !== null) {
+            scheduleUpdateOnFiber(root, fiber, SyncLane);
           }
         }
-      }
-    }
+      };
 
-    return hostFiber.stateNode;
-  }
-}
+      overrideHookStateDeletePath = function (fiber, id, path) {
+        var hook = findHook(fiber, id);
 
-function createContainer(
-  containerInfo,
-  tag,
-  hydrationCallbacks,
-  isStrictMode,
-  concurrentUpdatesByDefaultOverride,
-  identifierPrefix,
-  onRecoverableError,
-  transitionCallbacks
-) {
-  var hydrate = false;
-  var initialChildren = null;
-  return createFiberRoot(
-    containerInfo,
-    tag,
-    hydrate,
-    initialChildren,
-    hydrationCallbacks,
-    isStrictMode,
-    concurrentUpdatesByDefaultOverride,
-    identifierPrefix,
-    onRecoverableError
-  );
-}
-function updateContainer(element, container, parentComponent, callback) {
-  {
-    onScheduleRoot(container, element);
-  }
-
-  var current$1 = container.current;
-  var eventTime = requestEventTime();
-  var lane = requestUpdateLane(current$1);
-
-  var context = getContextForSubtree(parentComponent);
-
-  if (container.context === null) {
-    container.context = context;
-  } else {
-    container.pendingContext = context;
-  }
-
-  {
-    if (isRendering && current !== null && !didWarnAboutNestedUpdates) {
-      didWarnAboutNestedUpdates = true;
-
-      error(
-        "Render methods should be a pure function of props and state; " +
-          "triggering nested component updates from render is not allowed. " +
-          "If necessary, trigger nested updates in componentDidUpdate.\n\n" +
-          "Check the render method of %s.",
-        getComponentNameFromFiber(current) || "Unknown"
-      );
-    }
-  }
+        if (hook !== null) {
+          var newState = copyWithDelete(hook.memoizedState, path);
+          hook.memoizedState = newState;
+          hook.baseState = newState; // We aren't actually adding an update to the queue,
+          // because there is no update we can add for useReducer hooks that won't trigger an error.
+          // (There's no appropriate action type for DevTools overrides.)
+          // As a result though, React will see the scheduled update as a noop and bailout.
+          // Shallow cloning props works as a workaround for now to bypass the bailout check.
+
+          fiber.memoizedProps = assign({}, fiber.memoizedProps);
+          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-  var update = createUpdate(eventTime, lane); // Caution: React DevTools currently depends on this property
-  // being called "element".
+          if (root !== null) {
+            scheduleUpdateOnFiber(root, fiber, SyncLane);
+          }
+        }
+      };
 
-  update.payload = {
-    element: element
-  };
-  callback = callback === undefined ? null : callback;
+      overrideHookStateRenamePath = function (fiber, id, oldPath, newPath) {
+        var hook = findHook(fiber, id);
 
-  if (callback !== null) {
-    {
-      if (typeof callback !== "function") {
-        error(
-          "render(...): Expected the last optional `callback` argument to be a " +
-            "function. Instead received: %s.",
-          callback
-        );
-      }
-    }
+        if (hook !== null) {
+          var newState = copyWithRename(hook.memoizedState, oldPath, newPath);
+          hook.memoizedState = newState;
+          hook.baseState = newState; // We aren't actually adding an update to the queue,
+          // because there is no update we can add for useReducer hooks that won't trigger an error.
+          // (There's no appropriate action type for DevTools overrides.)
+          // As a result though, React will see the scheduled update as a noop and bailout.
+          // Shallow cloning props works as a workaround for now to bypass the bailout check.
 
-    update.callback = callback;
-  }
+          fiber.memoizedProps = assign({}, fiber.memoizedProps);
+          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-  var root = enqueueUpdate(current$1, update, lane);
+          if (root !== null) {
+            scheduleUpdateOnFiber(root, fiber, SyncLane);
+          }
+        }
+      }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
 
-  if (root !== null) {
-    scheduleUpdateOnFiber(root, current$1, lane, eventTime);
-    entangleTransitions(root, current$1, lane);
-  }
+      overrideProps = function (fiber, path, value) {
+        fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
 
-  return lane;
-}
-function getPublicRootInstance(container) {
-  var containerFiber = container.current;
+        if (fiber.alternate) {
+          fiber.alternate.pendingProps = fiber.pendingProps;
+        }
 
-  if (!containerFiber.child) {
-    return null;
-  }
+        var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-  switch (containerFiber.child.tag) {
-    case HostComponent:
-      return getPublicInstance(containerFiber.child.stateNode);
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
+        }
+      };
 
-    default:
-      return containerFiber.child.stateNode;
-  }
-}
+      overridePropsDeletePath = function (fiber, path) {
+        fiber.pendingProps = copyWithDelete(fiber.memoizedProps, path);
 
-var shouldErrorImpl = function(fiber) {
-  return null;
-};
+        if (fiber.alternate) {
+          fiber.alternate.pendingProps = fiber.pendingProps;
+        }
 
-function shouldError(fiber) {
-  return shouldErrorImpl(fiber);
-}
+        var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-var shouldSuspendImpl = function(fiber) {
-  return false;
-};
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
+        }
+      };
 
-function shouldSuspend(fiber) {
-  return shouldSuspendImpl(fiber);
-}
-var overrideHookState = null;
-var overrideHookStateDeletePath = null;
-var overrideHookStateRenamePath = null;
-var overrideProps = null;
-var overridePropsDeletePath = null;
-var overridePropsRenamePath = null;
-var scheduleUpdate = null;
-var setErrorHandler = null;
-var setSuspenseHandler = null;
-
-{
-  var copyWithDeleteImpl = function(obj, path, index) {
-    var key = path[index];
-    var updated = isArray(obj) ? obj.slice() : assign({}, obj);
-
-    if (index + 1 === path.length) {
-      if (isArray(updated)) {
-        updated.splice(key, 1);
-      } else {
-        delete updated[key];
-      }
+      overridePropsRenamePath = function (fiber, oldPath, newPath) {
+        fiber.pendingProps = copyWithRename(
+          fiber.memoizedProps,
+          oldPath,
+          newPath
+        );
 
-      return updated;
-    } // $FlowFixMe number or string is fine here
+        if (fiber.alternate) {
+          fiber.alternate.pendingProps = fiber.pendingProps;
+        }
 
-    updated[key] = copyWithDeleteImpl(obj[key], path, index + 1);
-    return updated;
-  };
+        var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-  var copyWithDelete = function(obj, path) {
-    return copyWithDeleteImpl(obj, path, 0);
-  };
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
+        }
+      };
 
-  var copyWithRenameImpl = function(obj, oldPath, newPath, index) {
-    var oldKey = oldPath[index];
-    var updated = isArray(obj) ? obj.slice() : assign({}, obj);
+      scheduleUpdate = function (fiber) {
+        var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-    if (index + 1 === oldPath.length) {
-      var newKey = newPath[index]; // $FlowFixMe number or string is fine here
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
+        }
+      };
 
-      updated[newKey] = updated[oldKey];
+      setErrorHandler = function (newShouldErrorImpl) {
+        shouldErrorImpl = newShouldErrorImpl;
+      };
 
-      if (isArray(updated)) {
-        updated.splice(oldKey, 1);
-      } else {
-        delete updated[oldKey];
-      }
-    } else {
-      // $FlowFixMe number or string is fine here
-      updated[oldKey] = copyWithRenameImpl(
-        // $FlowFixMe number or string is fine here
-        obj[oldKey],
-        oldPath,
-        newPath,
-        index + 1
-      );
+      setSuspenseHandler = function (newShouldSuspendImpl) {
+        shouldSuspendImpl = newShouldSuspendImpl;
+      };
     }
 
-    return updated;
-  };
-
-  var copyWithRename = function(obj, oldPath, newPath) {
-    if (oldPath.length !== newPath.length) {
-      warn("copyWithRename() expects paths of the same length");
+    function findHostInstanceByFiber(fiber) {
+      var hostFiber = findCurrentHostFiber(fiber);
 
-      return;
-    } else {
-      for (var i = 0; i < newPath.length - 1; i++) {
-        if (oldPath[i] !== newPath[i]) {
-          warn(
-            "copyWithRename() expects paths to be the same except for the deepest key"
-          );
-
-          return;
-        }
+      if (hostFiber === null) {
+        return null;
       }
-    }
-
-    return copyWithRenameImpl(obj, oldPath, newPath, 0);
-  };
 
-  var copyWithSetImpl = function(obj, path, index, value) {
-    if (index >= path.length) {
-      return value;
+      return hostFiber.stateNode;
     }
 
-    var key = path[index];
-    var updated = isArray(obj) ? obj.slice() : assign({}, obj); // $FlowFixMe number or string is fine here
+    function emptyFindFiberByHostInstance(instance) {
+      return null;
+    }
 
-    updated[key] = copyWithSetImpl(obj[key], path, index + 1, value);
-    return updated;
-  };
+    function getCurrentFiberForDevTools() {
+      return current;
+    }
 
-  var copyWithSet = function(obj, path, value) {
-    return copyWithSetImpl(obj, path, 0, value);
-  };
+    function injectIntoDevTools(devToolsConfig) {
+      var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+      return injectInternals({
+        bundleType: devToolsConfig.bundleType,
+        version: devToolsConfig.version,
+        rendererPackageName: devToolsConfig.rendererPackageName,
+        rendererConfig: devToolsConfig.rendererConfig,
+        overrideHookState: overrideHookState,
+        overrideHookStateDeletePath: overrideHookStateDeletePath,
+        overrideHookStateRenamePath: overrideHookStateRenamePath,
+        overrideProps: overrideProps,
+        overridePropsDeletePath: overridePropsDeletePath,
+        overridePropsRenamePath: overridePropsRenamePath,
+        setErrorHandler: setErrorHandler,
+        setSuspenseHandler: setSuspenseHandler,
+        scheduleUpdate: scheduleUpdate,
+        currentDispatcherRef: ReactCurrentDispatcher,
+        findHostInstanceByFiber: findHostInstanceByFiber,
+        findFiberByHostInstance:
+          findFiberByHostInstance || emptyFindFiberByHostInstance,
+        // React Refresh
+        findHostInstancesForRefresh: findHostInstancesForRefresh,
+        scheduleRefresh: scheduleRefresh,
+        scheduleRoot: scheduleRoot,
+        setRefreshHandler: setRefreshHandler,
+        // Enables DevTools to append owner stacks to error messages in DEV mode.
+        getCurrentFiber: getCurrentFiberForDevTools,
+        // Enables DevTools to detect reconciler version rather than renderer version
+        // which may not match for third party renderers.
+        reconcilerVersion: ReactVersion
+      });
+    }
 
-  var findHook = function(fiber, id) {
-    // For now, the "id" of stateful hooks is just the stateful hook index.
-    // This may change in the future with e.g. nested hooks.
-    var currentHook = fiber.memoizedState;
+    var instanceCache = new Map();
 
-    while (currentHook !== null && id > 0) {
-      currentHook = currentHook.next;
-      id--;
+    function getInstanceFromTag(tag) {
+      return instanceCache.get(tag) || null;
     }
 
-    return currentHook;
-  }; // Support DevTools editable values for useState and useReducer.
+    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+    function findHostInstance_DEPRECATED(componentOrHandle) {
+      {
+        var owner = ReactCurrentOwner.current;
 
-  overrideHookState = function(fiber, id, path, value) {
-    var hook = findHook(fiber, id);
+        if (owner !== null && owner.stateNode !== null) {
+          if (!owner.stateNode._warnedAboutRefsInRender) {
+            error(
+              "%s is accessing findNodeHandle inside its render(). " +
+                "render() should be a pure function of props and state. It should " +
+                "never access something that requires stale data from the previous " +
+                "render, such as refs. Move this logic to componentDidMount and " +
+                "componentDidUpdate instead.",
+              getComponentNameFromType(owner.type) || "A component"
+            );
+          }
 
-    if (hook !== null) {
-      var newState = copyWithSet(hook.memoizedState, path, value);
-      hook.memoizedState = newState;
-      hook.baseState = newState; // We aren't actually adding an update to the queue,
-      // because there is no update we can add for useReducer hooks that won't trigger an error.
-      // (There's no appropriate action type for DevTools overrides.)
-      // As a result though, React will see the scheduled update as a noop and bailout.
-      // Shallow cloning props works as a workaround for now to bypass the bailout check.
+          owner.stateNode._warnedAboutRefsInRender = true;
+        }
+      }
 
-      fiber.memoizedProps = assign({}, fiber.memoizedProps);
-      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      if (componentOrHandle == null) {
+        return null;
+      } // For compatibility with Fabric instances
 
-      if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-      }
-    }
-  };
+      if (
+        componentOrHandle.canonical &&
+        componentOrHandle.canonical.publicInstance
+      ) {
+        // $FlowExpectedError[incompatible-return] Can't refine componentOrHandle as a Fabric instance
+        return componentOrHandle.canonical.publicInstance;
+      } // For compatibility with legacy renderer instances
 
-  overrideHookStateDeletePath = function(fiber, id, path) {
-    var hook = findHook(fiber, id);
+      if (componentOrHandle._nativeTag) {
+        // $FlowFixMe[incompatible-exact] Necessary when running Flow on Fabric
+        // $FlowFixMe[incompatible-return]
+        return componentOrHandle;
+      }
 
-    if (hook !== null) {
-      var newState = copyWithDelete(hook.memoizedState, path);
-      hook.memoizedState = newState;
-      hook.baseState = newState; // We aren't actually adding an update to the queue,
-      // because there is no update we can add for useReducer hooks that won't trigger an error.
-      // (There's no appropriate action type for DevTools overrides.)
-      // As a result though, React will see the scheduled update as a noop and bailout.
-      // Shallow cloning props works as a workaround for now to bypass the bailout check.
+      var hostInstance;
 
-      fiber.memoizedProps = assign({}, fiber.memoizedProps);
-      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      {
+        hostInstance = findHostInstanceWithWarning(
+          componentOrHandle,
+          "findHostInstance_DEPRECATED"
+        );
+      } // findHostInstance handles legacy vs. Fabric differences correctly
+      // $FlowFixMe[incompatible-exact] we need to fix the definition of `HostComponent` to use NativeMethods as an interface, not as a type.
+      // $FlowFixMe[incompatible-return]
 
-      if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-      }
+      return hostInstance;
     }
-  };
-
-  overrideHookStateRenamePath = function(fiber, id, oldPath, newPath) {
-    var hook = findHook(fiber, id);
+    function findNodeHandle(componentOrHandle) {
+      {
+        var owner = ReactCurrentOwner.current;
 
-    if (hook !== null) {
-      var newState = copyWithRename(hook.memoizedState, oldPath, newPath);
-      hook.memoizedState = newState;
-      hook.baseState = newState; // We aren't actually adding an update to the queue,
-      // because there is no update we can add for useReducer hooks that won't trigger an error.
-      // (There's no appropriate action type for DevTools overrides.)
-      // As a result though, React will see the scheduled update as a noop and bailout.
-      // Shallow cloning props works as a workaround for now to bypass the bailout check.
+        if (owner !== null && owner.stateNode !== null) {
+          if (!owner.stateNode._warnedAboutRefsInRender) {
+            error(
+              "%s is accessing findNodeHandle inside its render(). " +
+                "render() should be a pure function of props and state. It should " +
+                "never access something that requires stale data from the previous " +
+                "render, such as refs. Move this logic to componentDidMount and " +
+                "componentDidUpdate instead.",
+              getComponentNameFromType(owner.type) || "A component"
+            );
+          }
 
-      fiber.memoizedProps = assign({}, fiber.memoizedProps);
-      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+          owner.stateNode._warnedAboutRefsInRender = true;
+        }
+      }
 
-      if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      if (componentOrHandle == null) {
+        return null;
       }
-    }
-  }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
 
-  overrideProps = function(fiber, path, value) {
-    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
+      if (typeof componentOrHandle === "number") {
+        // Already a node handle
+        return componentOrHandle;
+      } // For compatibility with legacy renderer instances
 
-    if (fiber.alternate) {
-      fiber.alternate.pendingProps = fiber.pendingProps;
-    }
+      if (componentOrHandle._nativeTag) {
+        return componentOrHandle._nativeTag;
+      } // For compatibility with Fabric instances
 
-    var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      if (
+        componentOrHandle.canonical != null &&
+        componentOrHandle.canonical.nativeTag != null
+      ) {
+        return componentOrHandle.canonical.nativeTag;
+      } // For compatibility with Fabric public instances
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-    }
-  };
+      var nativeTag =
+        ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+          componentOrHandle
+        );
 
-  overridePropsDeletePath = function(fiber, path) {
-    fiber.pendingProps = copyWithDelete(fiber.memoizedProps, path);
+      if (nativeTag) {
+        return nativeTag;
+      }
 
-    if (fiber.alternate) {
-      fiber.alternate.pendingProps = fiber.pendingProps;
-    }
+      var hostInstance;
 
-    var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      {
+        hostInstance = findHostInstanceWithWarning(
+          componentOrHandle,
+          "findNodeHandle"
+        );
+      }
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-    }
-  };
+      if (hostInstance == null) {
+        // $FlowFixMe[incompatible-return] Flow limitation in refining an opaque type
+        return hostInstance;
+      }
 
-  overridePropsRenamePath = function(fiber, oldPath, newPath) {
-    fiber.pendingProps = copyWithRename(fiber.memoizedProps, oldPath, newPath);
+      if (hostInstance._nativeTag != null) {
+        // $FlowFixMe[incompatible-return] For compatibility with legacy renderer instances
+        return hostInstance._nativeTag;
+      } // $FlowFixMe[incompatible-call] Necessary when running Flow on the legacy renderer
 
-    if (fiber.alternate) {
-      fiber.alternate.pendingProps = fiber.pendingProps;
+      return ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+        hostInstance
+      );
     }
+    function dispatchCommand(handle, command, args) {
+      var nativeTag =
+        handle._nativeTag != null
+          ? handle._nativeTag
+          : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
 
-    var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      if (nativeTag == null) {
+        {
+          error(
+            "dispatchCommand was called with a ref that isn't a " +
+              "native component. Use React.forwardRef to get access to the underlying native component"
+          );
+        }
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-    }
-  };
+        return;
+      }
 
-  scheduleUpdate = function(fiber) {
-    var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      var node = ReactNativePrivateInterface.getNodeFromPublicInstance(handle);
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      if (node != null) {
+        nativeFabricUIManager.dispatchCommand(node, command, args);
+      } else {
+        ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          nativeTag,
+          command,
+          args
+        );
+      }
     }
-  };
+    function sendAccessibilityEvent(handle, eventType) {
+      var nativeTag =
+        handle._nativeTag != null
+          ? handle._nativeTag
+          : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
 
-  setErrorHandler = function(newShouldErrorImpl) {
-    shouldErrorImpl = newShouldErrorImpl;
-  };
-
-  setSuspenseHandler = function(newShouldSuspendImpl) {
-    shouldSuspendImpl = newShouldSuspendImpl;
-  };
-}
+      if (nativeTag == null) {
+        {
+          error(
+            "sendAccessibilityEvent was called with a ref that isn't a " +
+              "native component. Use React.forwardRef to get access to the underlying native component"
+          );
+        }
 
-function findHostInstanceByFiber(fiber) {
-  var hostFiber = findCurrentHostFiber(fiber);
+        return;
+      }
 
-  if (hostFiber === null) {
-    return null;
-  }
+      var node = ReactNativePrivateInterface.getNodeFromPublicInstance(handle);
 
-  return hostFiber.stateNode;
-}
+      if (node != null) {
+        nativeFabricUIManager.sendAccessibilityEvent(node, eventType);
+      } else {
+        ReactNativePrivateInterface.legacySendAccessibilityEvent(
+          nativeTag,
+          eventType
+        );
+      }
+    }
+    function getNodeFromInternalInstanceHandle(internalInstanceHandle) {
+      return (
+        // $FlowExpectedError[incompatible-return] internalInstanceHandle is opaque but we need to make an exception here.
+        internalInstanceHandle && // $FlowExpectedError[incompatible-return]
+        internalInstanceHandle.stateNode && // $FlowExpectedError[incompatible-use]
+        internalInstanceHandle.stateNode.node
+      );
+    } // Should have been PublicInstance from ReactFiberConfigFabric
+    // Should have been PublicInstance from ReactFiberConfigNative
+    // Remove this once Paper is no longer supported and DOM Node API are enabled by default in RN.
 
-function emptyFindFiberByHostInstance(instance) {
-  return null;
-}
+    function isChildPublicInstance(parentInstance, childInstance) {
+      {
+        // Paper
+        if (
+          // $FlowExpectedError[incompatible-type]
+          // $FlowExpectedError[prop-missing] Don't check via `instanceof ReactNativeFiberHostComponent`, so it won't be leaked to Fabric.
+          parentInstance._internalFiberInstanceHandleDEV && // $FlowExpectedError[incompatible-type]
+          // $FlowExpectedError[prop-missing] Don't check via `instanceof ReactNativeFiberHostComponent`, so it won't be leaked to Fabric.
+          childInstance._internalFiberInstanceHandleDEV
+        ) {
+          return doesFiberContain(
+            // $FlowExpectedError[incompatible-call]
+            parentInstance._internalFiberInstanceHandleDEV, // $FlowExpectedError[incompatible-call]
+            childInstance._internalFiberInstanceHandleDEV
+          );
+        }
 
-function getCurrentFiberForDevTools() {
-  return current;
-}
+        var parentInternalInstanceHandle = // $FlowExpectedError[incompatible-call] Type for parentInstance should have been PublicInstance from ReactFiberConfigFabric.
+          ReactNativePrivateInterface.getInternalInstanceHandleFromPublicInstance(
+            parentInstance
+          );
+        var childInternalInstanceHandle = // $FlowExpectedError[incompatible-call] Type for childInstance should have been PublicInstance from ReactFiberConfigFabric.
+          ReactNativePrivateInterface.getInternalInstanceHandleFromPublicInstance(
+            childInstance
+          ); // Fabric
 
-function injectIntoDevTools(devToolsConfig) {
-  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
-  var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-  return injectInternals({
-    bundleType: devToolsConfig.bundleType,
-    version: devToolsConfig.version,
-    rendererPackageName: devToolsConfig.rendererPackageName,
-    rendererConfig: devToolsConfig.rendererConfig,
-    overrideHookState: overrideHookState,
-    overrideHookStateDeletePath: overrideHookStateDeletePath,
-    overrideHookStateRenamePath: overrideHookStateRenamePath,
-    overrideProps: overrideProps,
-    overridePropsDeletePath: overridePropsDeletePath,
-    overridePropsRenamePath: overridePropsRenamePath,
-    setErrorHandler: setErrorHandler,
-    setSuspenseHandler: setSuspenseHandler,
-    scheduleUpdate: scheduleUpdate,
-    currentDispatcherRef: ReactCurrentDispatcher,
-    findHostInstanceByFiber: findHostInstanceByFiber,
-    findFiberByHostInstance:
-      findFiberByHostInstance || emptyFindFiberByHostInstance,
-    // React Refresh
-    findHostInstancesForRefresh: findHostInstancesForRefresh,
-    scheduleRefresh: scheduleRefresh,
-    scheduleRoot: scheduleRoot,
-    setRefreshHandler: setRefreshHandler,
-    // Enables DevTools to append owner stacks to error messages in DEV mode.
-    getCurrentFiber: getCurrentFiberForDevTools,
-    // Enables DevTools to detect reconciler version rather than renderer version
-    // which may not match for third party renderers.
-    reconcilerVersion: ReactVersion
-  });
-}
+        if (
+          parentInternalInstanceHandle != null &&
+          childInternalInstanceHandle != null
+        ) {
+          return doesFiberContain(
+            parentInternalInstanceHandle,
+            childInternalInstanceHandle
+          );
+        } // Means that one instance is from Fabric and other is from Paper.
 
-var instanceCache = new Map();
+        return false;
+      }
+    }
 
-function getInstanceFromTag(tag) {
-  return instanceCache.get(tag) || null;
-}
+    var emptyObject = {};
 
-var emptyObject$1 = {};
+    {
+      Object.freeze(emptyObject);
+    } // $FlowFixMe[missing-local-annot]
+
+    function createHierarchy(fiberHierarchy) {
+      return fiberHierarchy.map(function (fiber) {
+        return {
+          name: getComponentNameFromType(fiber.type),
+          getInspectorData: function (findNodeHandle) {
+            return {
+              props: getHostProps(fiber),
+              measure: function (callback) {
+                // If this is Fabric, we'll find a shadow node and use that to measure.
+                var hostFiber = findCurrentHostFiber(fiber);
+                var node =
+                  hostFiber != null &&
+                  hostFiber.stateNode !== null &&
+                  hostFiber.stateNode.node;
+
+                if (node) {
+                  nativeFabricUIManager.measure(node, callback);
+                } else {
+                  return ReactNativePrivateInterface.UIManager.measure(
+                    getHostNode(fiber, findNodeHandle),
+                    callback
+                  );
+                }
+              }
+            };
+          }
+        };
+      });
+    } // $FlowFixMe[missing-local-annot]
 
-{
-  Object.freeze(emptyObject$1);
-}
+    function getHostNode(fiber, findNodeHandle) {
+      {
+        var hostNode; // look for children first for the hostNode
+        // as composite fibers do not have a hostNode
 
-var createHierarchy;
-var getHostNode;
-var getHostProps;
-var lastNonHostInstance;
+        while (fiber) {
+          if (fiber.stateNode !== null && fiber.tag === HostComponent) {
+            hostNode = findNodeHandle(fiber.stateNode);
+          }
 
-var getOwnerHierarchy;
-var traverseOwnerTreeUp;
+          if (hostNode) {
+            return hostNode;
+          }
 
-{
-  createHierarchy = function(fiberHierarchy) {
-    return fiberHierarchy.map(function(fiber) {
-      return {
-        name: getComponentNameFromType(fiber.type),
-        getInspectorData: function(findNodeHandle) {
-          return {
-            props: getHostProps(fiber),
-            source: fiber._debugSource,
-            measure: function(callback) {
-              // If this is Fabric, we'll find a ShadowNode and use that to measure.
-              var hostFiber = findCurrentHostFiber(fiber);
-              var shadowNode =
-                hostFiber != null &&
-                hostFiber.stateNode !== null &&
-                hostFiber.stateNode.node;
-
-              if (shadowNode) {
-                nativeFabricUIManager.measure(shadowNode, callback);
-              } else {
-                return ReactNativePrivateInterface.UIManager.measure(
-                  getHostNode(fiber, findNodeHandle),
-                  callback
-                );
-              }
-            }
-          };
+          fiber = fiber.child;
         }
-      };
-    });
-  };
-
-  getHostNode = function(fiber, findNodeHandle) {
-    var hostNode; // look for children first for the hostNode
-    // as composite fibers do not have a hostNode
-
-    while (fiber) {
-      if (fiber.stateNode !== null && fiber.tag === HostComponent) {
-        hostNode = findNodeHandle(fiber.stateNode);
-      }
 
-      if (hostNode) {
-        return hostNode;
+        return null;
       }
+    } // $FlowFixMe[missing-local-annot]
 
-      fiber = fiber.child;
-    }
-
-    return null;
-  };
+    function getHostProps(fiber) {
+      var host = findCurrentHostFiber(fiber);
 
-  getHostProps = function(fiber) {
-    var host = findCurrentHostFiber(fiber);
+      if (host) {
+        return host.memoizedProps || emptyObject;
+      }
 
-    if (host) {
-      return host.memoizedProps || emptyObject$1;
+      return emptyObject;
     }
 
-    return emptyObject$1;
-  };
+    function getInspectorDataForInstance(closestInstance) {
+      {
+        // Handle case where user clicks outside of ReactNative
+        if (!closestInstance) {
+          return {
+            hierarchy: [],
+            props: emptyObject,
+            selectedIndex: null,
+            componentStack: ""
+          };
+        }
 
-  exports.getInspectorDataForInstance = function(closestInstance) {
-    // Handle case where user clicks outside of ReactNative
-    if (!closestInstance) {
-      return {
-        hierarchy: [],
-        props: emptyObject$1,
-        selectedIndex: null,
-        source: null
-      };
+        var fiber = findCurrentFiberUsingSlowPath(closestInstance);
+        var fiberHierarchy = getOwnerHierarchy(fiber);
+        var instance = lastNonHostInstance(fiberHierarchy);
+        var hierarchy = createHierarchy(fiberHierarchy);
+        var props = getHostProps(instance);
+        var selectedIndex = fiberHierarchy.indexOf(instance);
+        var componentStack =
+          fiber !== null ? getStackByFiberInDevAndProd(fiber) : "";
+        return {
+          closestInstance: instance,
+          hierarchy: hierarchy,
+          props: props,
+          selectedIndex: selectedIndex,
+          componentStack: componentStack
+        };
+      }
     }
 
-    var fiber = findCurrentFiberUsingSlowPath(closestInstance);
-    var fiberHierarchy = getOwnerHierarchy(fiber);
-    var instance = lastNonHostInstance(fiberHierarchy);
-    var hierarchy = createHierarchy(fiberHierarchy);
-    var props = getHostProps(instance);
-    var source = instance._debugSource;
-    var selectedIndex = fiberHierarchy.indexOf(instance);
-    return {
-      hierarchy: hierarchy,
-      props: props,
-      selectedIndex: selectedIndex,
-      source: source
-    };
-  };
-
-  getOwnerHierarchy = function(instance) {
-    var hierarchy = [];
-    traverseOwnerTreeUp(hierarchy, instance);
-    return hierarchy;
-  };
+    function getOwnerHierarchy(instance) {
+      var hierarchy = [];
+      traverseOwnerTreeUp(hierarchy, instance);
+      return hierarchy;
+    } // $FlowFixMe[missing-local-annot]
 
-  lastNonHostInstance = function(hierarchy) {
-    for (var i = hierarchy.length - 1; i > 1; i--) {
-      var instance = hierarchy[i];
+    function lastNonHostInstance(hierarchy) {
+      for (var i = hierarchy.length - 1; i > 1; i--) {
+        var instance = hierarchy[i];
 
-      if (instance.tag !== HostComponent) {
-        return instance;
+        if (instance.tag !== HostComponent) {
+          return instance;
+        }
       }
-    }
 
-    return hierarchy[0];
-  };
+      return hierarchy[0];
+    } // $FlowFixMe[missing-local-annot]
 
-  traverseOwnerTreeUp = function(hierarchy, instance) {
-    if (instance) {
-      hierarchy.unshift(instance);
-      traverseOwnerTreeUp(hierarchy, instance._debugOwner);
+    function traverseOwnerTreeUp(hierarchy, instance) {
+      {
+        if (instance) {
+          hierarchy.unshift(instance);
+          traverseOwnerTreeUp(hierarchy, instance._debugOwner);
+        }
+      }
     }
-  };
-}
-
-var getInspectorDataForViewTag;
-var getInspectorDataForViewAtPoint;
-
-{
-  getInspectorDataForViewTag = function(viewTag) {
-    var closestInstance = getInstanceFromTag(viewTag); // Handle case where user clicks outside of ReactNative
 
-    if (!closestInstance) {
-      return {
-        hierarchy: [],
-        props: emptyObject$1,
-        selectedIndex: null,
-        source: null
-      };
+    function getInspectorDataForViewTag(viewTag) {
+      {
+        var closestInstance = getInstanceFromTag(viewTag);
+        return getInspectorDataForInstance(closestInstance);
+      }
     }
 
-    var fiber = findCurrentFiberUsingSlowPath(closestInstance);
-    var fiberHierarchy = getOwnerHierarchy(fiber);
-    var instance = lastNonHostInstance(fiberHierarchy);
-    var hierarchy = createHierarchy(fiberHierarchy);
-    var props = getHostProps(instance);
-    var source = instance._debugSource;
-    var selectedIndex = fiberHierarchy.indexOf(instance);
-    return {
-      hierarchy: hierarchy,
-      props: props,
-      selectedIndex: selectedIndex,
-      source: source
-    };
-  };
-
-  getInspectorDataForViewAtPoint = function(
-    findNodeHandle,
-    inspectedView,
-    locationX,
-    locationY,
-    callback
-  ) {
-    var closestInstance = null;
-
-    if (inspectedView._internalInstanceHandle != null) {
-      // For Fabric we can look up the instance handle directly and measure it.
-      nativeFabricUIManager.findNodeAtPoint(
-        inspectedView._internalInstanceHandle.stateNode.node,
-        locationX,
-        locationY,
-        function(internalInstanceHandle) {
-          if (internalInstanceHandle == null) {
-            callback(
-              assign(
-                {
-                  pointerY: locationY,
-                  frame: {
-                    left: 0,
-                    top: 0,
-                    width: 0,
-                    height: 0
-                  }
-                },
-                exports.getInspectorDataForInstance(closestInstance)
-              )
-            );
-          }
-
-          closestInstance =
-            internalInstanceHandle.stateNode.canonical._internalInstanceHandle; // Note: this is deprecated and we want to remove it ASAP. Keeping it here for React DevTools compatibility for now.
+    function getInspectorDataForViewAtPoint(
+      findNodeHandle,
+      inspectedView,
+      locationX,
+      locationY,
+      callback
+    ) {
+      {
+        var closestInstance = null;
+        var fabricNode =
+          ReactNativePrivateInterface.getNodeFromPublicInstance(inspectedView);
+
+        if (fabricNode) {
+          // For Fabric we can look up the instance handle directly and measure it.
+          nativeFabricUIManager.findNodeAtPoint(
+            fabricNode,
+            locationX,
+            locationY,
+            function (internalInstanceHandle) {
+              var node =
+                internalInstanceHandle != null
+                  ? getNodeFromInternalInstanceHandle(internalInstanceHandle)
+                  : null;
+
+              if (internalInstanceHandle == null || node == null) {
+                callback(
+                  assign(
+                    {
+                      pointerY: locationY,
+                      frame: {
+                        left: 0,
+                        top: 0,
+                        width: 0,
+                        height: 0
+                      }
+                    },
+                    getInspectorDataForInstance(closestInstance)
+                  )
+                );
+                return;
+              }
 
-          var nativeViewTag =
-            internalInstanceHandle.stateNode.canonical._nativeTag;
-          nativeFabricUIManager.measure(
-            internalInstanceHandle.stateNode.node,
-            function(x, y, width, height, pageX, pageY) {
-              var inspectorData = exports.getInspectorDataForInstance(
-                closestInstance
+              closestInstance =
+                internalInstanceHandle.stateNode.canonical
+                  .internalInstanceHandle; // Note: this is deprecated and we want to remove it ASAP. Keeping it here for React DevTools compatibility for now.
+
+              var nativeViewTag =
+                internalInstanceHandle.stateNode.canonical.nativeTag;
+              nativeFabricUIManager.measure(
+                node,
+                function (x, y, width, height, pageX, pageY) {
+                  var inspectorData =
+                    getInspectorDataForInstance(closestInstance);
+                  callback(
+                    assign({}, inspectorData, {
+                      pointerY: locationY,
+                      frame: {
+                        left: pageX,
+                        top: pageY,
+                        width: width,
+                        height: height
+                      },
+                      touchedViewTag: nativeViewTag
+                    })
+                  );
+                }
+              );
+            }
+          );
+        } else if (inspectedView._internalFiberInstanceHandleDEV != null) {
+          // For Paper we fall back to the old strategy using the React tag.
+          ReactNativePrivateInterface.UIManager.findSubviewIn(
+            findNodeHandle(inspectedView),
+            [locationX, locationY],
+            function (nativeViewTag, left, top, width, height) {
+              var inspectorData = getInspectorDataForInstance(
+                getInstanceFromTag(nativeViewTag)
               );
               callback(
                 assign({}, inspectorData, {
                   pointerY: locationY,
                   frame: {
-                    left: pageX,
-                    top: pageY,
+                    left: left,
+                    top: top,
                     width: width,
                     height: height
                   },
@@ -24127,293 +27961,107 @@ var getInspectorDataForViewAtPoint;
               );
             }
           );
-        }
-      );
-    } else if (inspectedView._internalFiberInstanceHandleDEV != null) {
-      // For Paper we fall back to the old strategy using the React tag.
-      ReactNativePrivateInterface.UIManager.findSubviewIn(
-        findNodeHandle(inspectedView),
-        [locationX, locationY],
-        function(nativeViewTag, left, top, width, height) {
-          var inspectorData = exports.getInspectorDataForInstance(
-            getInstanceFromTag(nativeViewTag)
-          );
-          callback(
-            assign({}, inspectorData, {
-              pointerY: locationY,
-              frame: {
-                left: left,
-                top: top,
-                width: width,
-                height: height
-              },
-              touchedViewTag: nativeViewTag
-            })
+        } else {
+          error(
+            "getInspectorDataForViewAtPoint expects to receive a host component"
           );
-        }
-      );
-    } else {
-      error(
-        "getInspectorDataForViewAtPoint expects to receive a host component"
-      );
-
-      return;
-    }
-  };
-}
 
-var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
-
-function findHostInstance_DEPRECATED(componentOrHandle) {
-  {
-    var owner = ReactCurrentOwner$3.current;
-
-    if (owner !== null && owner.stateNode !== null) {
-      if (!owner.stateNode._warnedAboutRefsInRender) {
-        error(
-          "%s is accessing findNodeHandle inside its render(). " +
-            "render() should be a pure function of props and state. It should " +
-            "never access something that requires stale data from the previous " +
-            "render, such as refs. Move this logic to componentDidMount and " +
-            "componentDidUpdate instead.",
-          getComponentNameFromType(owner.type) || "A component"
-        );
+          return;
+        }
       }
-
-      owner.stateNode._warnedAboutRefsInRender = true;
     }
-  }
-
-  if (componentOrHandle == null) {
-    return null;
-  } // $FlowIssue Flow has hardcoded values for React DOM that don't work with RN
-
-  if (componentOrHandle._nativeTag) {
-    // $FlowIssue Flow has hardcoded values for React DOM that don't work with RN
-    return componentOrHandle;
-  } // $FlowIssue Flow has hardcoded values for React DOM that don't work with RN
-
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag) {
-    // $FlowIssue Flow has hardcoded values for React DOM that don't work with RN
-    return componentOrHandle.canonical;
-  }
-
-  var hostInstance;
-
-  {
-    hostInstance = findHostInstanceWithWarning(
-      componentOrHandle,
-      "findHostInstance_DEPRECATED"
-    );
-  }
-
-  if (hostInstance == null) {
-    return hostInstance;
-  }
 
-  if (hostInstance.canonical) {
-    // Fabric
-    return hostInstance.canonical;
-  } // $FlowFixMe[incompatible-return]
-
-  return hostInstance;
-}
+    function onRecoverableError(error$1) {
+      // TODO: Expose onRecoverableError option to userspace
+      // eslint-disable-next-line react-internal/no-production-logging, react-internal/warning-args
+      error(error$1);
+    }
 
-function findNodeHandle(componentOrHandle) {
-  {
-    var owner = ReactCurrentOwner$3.current;
+    function render(element, containerTag, callback, concurrentRoot) {
+      var root = roots.get(containerTag);
 
-    if (owner !== null && owner.stateNode !== null) {
-      if (!owner.stateNode._warnedAboutRefsInRender) {
-        error(
-          "%s is accessing findNodeHandle inside its render(). " +
-            "render() should be a pure function of props and state. It should " +
-            "never access something that requires stale data from the previous " +
-            "render, such as refs. Move this logic to componentDidMount and " +
-            "componentDidUpdate instead.",
-          getComponentNameFromType(owner.type) || "A component"
+      if (!root) {
+        // TODO (bvaughn): If we decide to keep the wrapper component,
+        // We could create a wrapper for containerTag as well to reduce special casing.
+        root = createContainer(
+          containerTag,
+          concurrentRoot ? ConcurrentRoot : LegacyRoot,
+          null,
+          false,
+          null,
+          "",
+          onRecoverableError,
+          null
         );
+        roots.set(containerTag, root);
       }
 
-      owner.stateNode._warnedAboutRefsInRender = true;
-    }
-  }
-
-  if (componentOrHandle == null) {
-    return null;
-  }
-
-  if (typeof componentOrHandle === "number") {
-    // Already a node handle
-    return componentOrHandle;
-  }
-
-  if (componentOrHandle._nativeTag) {
-    return componentOrHandle._nativeTag;
-  }
-
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag) {
-    return componentOrHandle.canonical._nativeTag;
-  }
-
-  var hostInstance;
-
-  {
-    hostInstance = findHostInstanceWithWarning(
-      componentOrHandle,
-      "findNodeHandle"
-    );
-  }
-
-  if (hostInstance == null) {
-    return hostInstance;
-  } // TODO: the code is right but the types here are wrong.
-  // https://github.com/facebook/react/pull/12863
-
-  if (hostInstance.canonical) {
-    // Fabric
-    return hostInstance.canonical._nativeTag;
-  }
-
-  return hostInstance._nativeTag;
-}
-
-function dispatchCommand(handle, command, args) {
-  if (handle._nativeTag == null) {
-    {
-      error(
-        "dispatchCommand was called with a ref that isn't a " +
-          "native component. Use React.forwardRef to get access to the underlying native component"
-      );
-    }
-
-    return;
-  }
-
-  if (handle._internalInstanceHandle != null) {
-    var stateNode = handle._internalInstanceHandle.stateNode;
-
-    if (stateNode != null) {
-      nativeFabricUIManager.dispatchCommand(stateNode.node, command, args);
-    }
-  } else {
-    ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
-      handle._nativeTag,
-      command,
-      args
-    );
-  }
-}
+      updateContainer(element, root, null, callback);
+      return getPublicRootInstance(root);
+    } // $FlowFixMe[missing-this-annot]
 
-function sendAccessibilityEvent(handle, eventType) {
-  if (handle._nativeTag == null) {
-    {
-      error(
-        "sendAccessibilityEvent was called with a ref that isn't a " +
-          "native component. Use React.forwardRef to get access to the underlying native component"
-      );
+    function unmountComponentAtNode(containerTag) {
+      this.stopSurface(containerTag);
     }
 
-    return;
-  }
+    function stopSurface(containerTag) {
+      var root = roots.get(containerTag);
 
-  if (handle._internalInstanceHandle != null) {
-    var stateNode = handle._internalInstanceHandle.stateNode;
-
-    if (stateNode != null) {
-      nativeFabricUIManager.sendAccessibilityEvent(stateNode.node, eventType);
+      if (root) {
+        // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
+        updateContainer(null, root, null, function () {
+          roots.delete(containerTag);
+        });
+      }
     }
-  } else {
-    ReactNativePrivateInterface.legacySendAccessibilityEvent(
-      handle._nativeTag,
-      eventType
-    );
-  }
-}
-
-function onRecoverableError(error$1) {
-  // TODO: Expose onRecoverableError option to userspace
-  // eslint-disable-next-line react-internal/no-production-logging, react-internal/warning-args
-  error(error$1);
-}
-
-function render(element, containerTag, callback, concurrentRoot) {
-  var root = roots.get(containerTag);
-
-  if (!root) {
-    // TODO (bvaughn): If we decide to keep the wrapper component,
-    // We could create a wrapper for containerTag as well to reduce special casing.
-    root = createContainer(
-      containerTag,
-      concurrentRoot ? ConcurrentRoot : LegacyRoot,
-      null,
-      false,
-      null,
-      "",
-      onRecoverableError
-    );
-    roots.set(containerTag, root);
-  }
-
-  updateContainer(element, root, null, callback); // $FlowIssue Flow has hardcoded values for React DOM that don't work with RN
-
-  return getPublicRootInstance(root);
-}
 
-function unmountComponentAtNode(containerTag) {
-  this.stopSurface(containerTag);
-}
-
-function stopSurface(containerTag) {
-  var root = roots.get(containerTag);
-
-  if (root) {
-    // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
-    updateContainer(null, root, null, function() {
-      roots.delete(containerTag);
+    function createPortal(children, containerTag) {
+      var key =
+        arguments.length > 2 && arguments[2] !== undefined
+          ? arguments[2]
+          : null;
+      return createPortal$1(children, containerTag, null, key);
+    }
+
+    setBatchingImplementation(batchedUpdates);
+    var roots = new Map();
+    injectIntoDevTools({
+      // $FlowExpectedError[incompatible-call] The type of `Instance` in `getClosestInstanceFromNode` does not match in Fabric and the legacy renderer, so it fails to typecheck here.
+      findFiberByHostInstance: getInstanceFromNode,
+      bundleType: 1,
+      version: ReactVersion,
+      rendererPackageName: "react-native-renderer",
+      rendererConfig: {
+        getInspectorDataForInstance: getInspectorDataForInstance,
+        getInspectorDataForViewTag: getInspectorDataForViewTag,
+        getInspectorDataForViewAtPoint: getInspectorDataForViewAtPoint.bind(
+          null,
+          findNodeHandle
+        )
+      }
     });
-  }
-}
-
-function createPortal$1(children, containerTag) {
-  var key =
-    arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  return createPortal(children, containerTag, null, key);
-}
 
-setBatchingImplementation(batchedUpdates$1);
-var roots = new Map();
-injectIntoDevTools({
-  findFiberByHostInstance: getInstanceFromInstance,
-  bundleType: 1,
-  version: ReactVersion,
-  rendererPackageName: "react-native-renderer",
-  rendererConfig: {
-    getInspectorDataForViewTag: getInspectorDataForViewTag,
-    getInspectorDataForViewAtPoint: getInspectorDataForViewAtPoint.bind(
-      null,
-      findNodeHandle
-    )
-  }
-});
-
-exports.createPortal = createPortal$1;
-exports.dispatchCommand = dispatchCommand;
-exports.findHostInstance_DEPRECATED = findHostInstance_DEPRECATED;
-exports.findNodeHandle = findNodeHandle;
-exports.render = render;
-exports.sendAccessibilityEvent = sendAccessibilityEvent;
-exports.stopSurface = stopSurface;
-exports.unmountComponentAtNode = unmountComponentAtNode;
-
-          /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
-if (
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
-    'function'
-) {
-  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-}
-        
+    exports.createPortal = createPortal;
+    exports.dispatchCommand = dispatchCommand;
+    exports.findHostInstance_DEPRECATED = findHostInstance_DEPRECATED;
+    exports.findNodeHandle = findNodeHandle;
+    exports.getInspectorDataForInstance = getInspectorDataForInstance;
+    exports.getNodeFromInternalInstanceHandle =
+      getNodeFromInternalInstanceHandle;
+    exports.getPublicInstanceFromInternalInstanceHandle =
+      getPublicInstanceFromInternalInstanceHandle;
+    exports.isChildPublicInstance = isChildPublicInstance;
+    exports.render = render;
+    exports.sendAccessibilityEvent = sendAccessibilityEvent;
+    exports.stopSurface = stopSurface;
+    exports.unmountComponentAtNode = unmountComponentAtNode;
+    /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+    if (
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" &&
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
+        "function"
+    ) {
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+    }
   })();
 }
diff --git a/packages/react-native/Libraries/Renderer/implementations/ReactFabric-prod.js b/packages/react-native/Libraries/Renderer/implementations/ReactFabric-prod.js
index e61e79886237ba..6753ca0e3d8f0f 100644
--- a/packages/react-native/Libraries/Renderer/implementations/ReactFabric-prod.js
+++ b/packages/react-native/Libraries/Renderer/implementations/ReactFabric-prod.js
@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8,7 +8,7 @@
  * @nolint
  * @providesModule ReactFabric-prod
  * @preventMunge
- * @generated SignedSource<<fd9d50d45a1497af23e636e66fa0284b>>
+ * @generated SignedSource<<dd10c8324912bc8df4b15cfbfdd5d9ff>>
  */
 
 "use strict";
@@ -16,7 +16,7 @@ require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
   Scheduler = require("scheduler");
-function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
+function invokeGuardedCallbackImpl(name, func, context) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
     func.apply(context, funcArgs);
@@ -29,7 +29,7 @@ var hasError = !1,
   hasRethrowError = !1,
   rethrowError = null,
   reporter = {
-    onError: function(error) {
+    onError: function (error) {
       hasError = !0;
       caughtError = error;
     }
@@ -64,12 +64,12 @@ function invokeGuardedCallbackAndCatchFirstError(
   }
 }
 var isArrayImpl = Array.isArray,
-  getFiberCurrentPropsFromNode = null,
-  getInstanceFromNode = null,
-  getNodeFromInstance = null;
+  getFiberCurrentPropsFromNode$1 = null,
+  getInstanceFromNode$1 = null,
+  getNodeFromInstance$1 = null;
 function executeDispatch(event, listener, inst) {
   var type = event.type || "unknown-event";
-  event.currentTarget = getNodeFromInstance(inst);
+  event.currentTarget = getNodeFromInstance$1(inst);
   invokeGuardedCallbackAndCatchFirstError(type, listener, void 0, event);
   event.currentTarget = null;
 }
@@ -79,7 +79,7 @@ function executeDirectDispatch(event) {
   if (isArrayImpl(dispatchListener))
     throw Error("executeDirectDispatch(...): Invalid `event`.");
   event.currentTarget = dispatchListener
-    ? getNodeFromInstance(dispatchInstance)
+    ? getNodeFromInstance$1(dispatchInstance)
     : null;
   dispatchListener = dispatchListener ? dispatchListener(event) : null;
   event.currentTarget = null;
@@ -112,16 +112,18 @@ function SyntheticEvent(
         : "target" === propName
         ? (this.target = nativeEventTarget)
         : (this[propName] = nativeEvent[propName]));
-  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
-  ? nativeEvent.defaultPrevented
-  : !1 === nativeEvent.returnValue)
+  this.isDefaultPrevented = (
+    null != nativeEvent.defaultPrevented
+      ? nativeEvent.defaultPrevented
+      : !1 === nativeEvent.returnValue
+  )
     ? functionThatReturnsTrue
     : functionThatReturnsFalse;
   this.isPropagationStopped = functionThatReturnsFalse;
   return this;
 }
 assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
+  preventDefault: function () {
     this.defaultPrevented = !0;
     var event = this.nativeEvent;
     event &&
@@ -130,7 +132,7 @@ assign(SyntheticEvent.prototype, {
         : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
       (this.isDefaultPrevented = functionThatReturnsTrue));
   },
-  stopPropagation: function() {
+  stopPropagation: function () {
     var event = this.nativeEvent;
     event &&
       (event.stopPropagation
@@ -138,35 +140,36 @@ assign(SyntheticEvent.prototype, {
         : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
       (this.isPropagationStopped = functionThatReturnsTrue));
   },
-  persist: function() {
+  persist: function () {
     this.isPersistent = functionThatReturnsTrue;
   },
   isPersistent: functionThatReturnsFalse,
-  destructor: function() {
+  destructor: function () {
     var Interface = this.constructor.Interface,
       propName;
     for (propName in Interface) this[propName] = null;
     this.nativeEvent = this._targetInst = this.dispatchConfig = null;
-    this.isPropagationStopped = this.isDefaultPrevented = functionThatReturnsFalse;
+    this.isPropagationStopped = this.isDefaultPrevented =
+      functionThatReturnsFalse;
     this._dispatchInstances = this._dispatchListeners = null;
   }
 });
 SyntheticEvent.Interface = {
   type: null,
   target: null,
-  currentTarget: function() {
+  currentTarget: function () {
     return null;
   },
   eventPhase: null,
   bubbles: null,
   cancelable: null,
-  timeStamp: function(event) {
+  timeStamp: function (event) {
     return event.timeStamp || Date.now();
   },
   defaultPrevented: null,
   isTrusted: null
 };
-SyntheticEvent.extend = function(Interface) {
+SyntheticEvent.extend = function (Interface) {
   function E() {}
   function Class() {
     return Super.apply(this, arguments);
@@ -210,7 +213,7 @@ function addEventPoolingTo(EventConstructor) {
   EventConstructor.release = releasePooledEvent;
 }
 var ResponderSyntheticEvent = SyntheticEvent.extend({
-  touchHistory: function() {
+  touchHistory: function () {
     return null;
   }
 });
@@ -293,10 +296,10 @@ function recordTouchEnd(touch) {
 }
 var instrumentationCallback,
   ResponderTouchHistoryStore = {
-    instrument: function(callback) {
+    instrument: function (callback) {
       instrumentationCallback = callback;
     },
-    recordTouchTrack: function(topLevelType, nativeEvent) {
+    recordTouchTrack: function (topLevelType, nativeEvent) {
       null != instrumentationCallback &&
         instrumentationCallback(topLevelType, nativeEvent);
       if (isMoveish(topLevelType))
@@ -428,20 +431,20 @@ var eventTypes = {
     dependencies: []
   }
 };
-function getParent(inst) {
+function getParent$1(inst) {
   do inst = inst.return;
   while (inst && 5 !== inst.tag);
   return inst ? inst : null;
 }
-function traverseTwoPhase(inst, fn, arg) {
-  for (var path = []; inst; ) path.push(inst), (inst = getParent(inst));
+function traverseTwoPhase$1(inst, fn, arg) {
+  for (var path = []; inst; ) path.push(inst), (inst = getParent$1(inst));
   for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
   for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
 }
-function getListener(inst, registrationName) {
+function getListener$1(inst, registrationName) {
   inst = inst.stateNode;
   if (null === inst) return null;
-  inst = getFiberCurrentPropsFromNode(inst);
+  inst = getFiberCurrentPropsFromNode$1(inst);
   if (null === inst) return null;
   if ((inst = inst[registrationName]) && "function" !== typeof inst)
     throw Error(
@@ -453,9 +456,9 @@ function getListener(inst, registrationName) {
     );
   return inst;
 }
-function accumulateDirectionalDispatches(inst, phase, event) {
+function accumulateDirectionalDispatches$1(inst, phase, event) {
   if (
-    (phase = getListener(
+    (phase = getListener$1(
       inst,
       event.dispatchConfig.phasedRegistrationNames[phase]
     ))
@@ -469,11 +472,11 @@ function accumulateDirectionalDispatches(inst, phase, event) {
         inst
       ));
 }
-function accumulateDirectDispatchesSingle(event) {
+function accumulateDirectDispatchesSingle$1(event) {
   if (event && event.dispatchConfig.registrationName) {
     var inst = event._targetInst;
     if (inst && event && event.dispatchConfig.registrationName) {
-      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      var listener = getListener$1(inst, event.dispatchConfig.registrationName);
       listener &&
         ((event._dispatchListeners = accumulateInto(
           event._dispatchListeners,
@@ -489,21 +492,25 @@ function accumulateDirectDispatchesSingle(event) {
 function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
   if (event && event.dispatchConfig.phasedRegistrationNames) {
     var targetInst = event._targetInst;
-    targetInst = targetInst ? getParent(targetInst) : null;
-    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+    targetInst = targetInst ? getParent$1(targetInst) : null;
+    traverseTwoPhase$1(targetInst, accumulateDirectionalDispatches$1, event);
   }
 }
-function accumulateTwoPhaseDispatchesSingle(event) {
+function accumulateTwoPhaseDispatchesSingle$1(event) {
   event &&
     event.dispatchConfig.phasedRegistrationNames &&
-    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+    traverseTwoPhase$1(
+      event._targetInst,
+      accumulateDirectionalDispatches$1,
+      event
+    );
 }
 var ResponderEventPlugin = {
-    _getResponder: function() {
+    _getResponder: function () {
       return responderInst;
     },
     eventTypes: eventTypes,
-    extractEvents: function(
+    extractEvents: function (
       topLevelType,
       targetInst,
       nativeEvent,
@@ -537,24 +544,24 @@ var ResponderEventPlugin = {
             for (
               var depthA = 0, tempA = JSCompiler_temp;
               tempA;
-              tempA = getParent(tempA)
+              tempA = getParent$1(tempA)
             )
               depthA++;
             tempA = 0;
-            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+            for (var tempB = targetInst; tempB; tempB = getParent$1(tempB))
               tempA++;
             for (; 0 < depthA - tempA; )
-              (JSCompiler_temp = getParent(JSCompiler_temp)), depthA--;
+              (JSCompiler_temp = getParent$1(JSCompiler_temp)), depthA--;
             for (; 0 < tempA - depthA; )
-              (targetInst = getParent(targetInst)), tempA--;
+              (targetInst = getParent$1(targetInst)), tempA--;
             for (; depthA--; ) {
               if (
                 JSCompiler_temp === targetInst ||
                 JSCompiler_temp === targetInst.alternate
               )
                 break b;
-              JSCompiler_temp = getParent(JSCompiler_temp);
-              targetInst = getParent(targetInst);
+              JSCompiler_temp = getParent$1(JSCompiler_temp);
+              targetInst = getParent$1(targetInst);
             }
             JSCompiler_temp = null;
           }
@@ -576,7 +583,7 @@ var ResponderEventPlugin = {
             )
           : forEachAccumulated(
               shouldSetEventType,
-              accumulateTwoPhaseDispatchesSingle
+              accumulateTwoPhaseDispatchesSingle$1
             );
         b: {
           JSCompiler_temp = shouldSetEventType._dispatchListeners;
@@ -620,7 +627,7 @@ var ResponderEventPlugin = {
               ResponderTouchHistoryStore.touchHistory),
             forEachAccumulated(
               shouldSetEventType,
-              accumulateDirectDispatchesSingle
+              accumulateDirectDispatchesSingle$1
             ),
             (targetInst = !0 === executeDirectDispatch(shouldSetEventType)),
             responderInst)
@@ -633,7 +640,7 @@ var ResponderEventPlugin = {
                 nativeEventTarget
               )),
               (depthA.touchHistory = ResponderTouchHistoryStore.touchHistory),
-              forEachAccumulated(depthA, accumulateDirectDispatchesSingle),
+              forEachAccumulated(depthA, accumulateDirectDispatchesSingle$1),
               (tempA =
                 !depthA._dispatchListeners || executeDirectDispatch(depthA)),
               depthA.isPersistent() || depthA.constructor.release(depthA),
@@ -646,7 +653,7 @@ var ResponderEventPlugin = {
                 nativeEventTarget
               );
               depthA.touchHistory = ResponderTouchHistoryStore.touchHistory;
-              forEachAccumulated(depthA, accumulateDirectDispatchesSingle);
+              forEachAccumulated(depthA, accumulateDirectDispatchesSingle$1);
               var JSCompiler_temp$jscomp$0 = accumulate(
                 JSCompiler_temp$jscomp$0,
                 [shouldSetEventType, depthA]
@@ -663,7 +670,7 @@ var ResponderEventPlugin = {
                   ResponderTouchHistoryStore.touchHistory),
                 forEachAccumulated(
                   shouldSetEventType,
-                  accumulateDirectDispatchesSingle
+                  accumulateDirectDispatchesSingle$1
                 ),
                 (JSCompiler_temp$jscomp$0 = accumulate(
                   JSCompiler_temp$jscomp$0,
@@ -701,7 +708,7 @@ var ResponderEventPlugin = {
             ResponderTouchHistoryStore.touchHistory),
           forEachAccumulated(
             shouldSetEventType,
-            accumulateDirectDispatchesSingle
+            accumulateDirectDispatchesSingle$1
           ),
           (JSCompiler_temp$jscomp$0 = accumulate(
             JSCompiler_temp$jscomp$0,
@@ -727,7 +734,7 @@ var ResponderEventPlugin = {
                   void 0 !== targetInst &&
                   0 !== targetInst)
               ) {
-                depthA = getInstanceFromNode(targetInst);
+                depthA = getInstanceFromNode$1(targetInst);
                 b: {
                   for (targetInst = responderInst; depthA; ) {
                     if (
@@ -737,7 +744,7 @@ var ResponderEventPlugin = {
                       targetInst = !0;
                       break b;
                     }
-                    depthA = getParent(depthA);
+                    depthA = getParent$1(depthA);
                   }
                   targetInst = !1;
                 }
@@ -762,7 +769,7 @@ var ResponderEventPlugin = {
           nativeEventTarget
         )),
           (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
-          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle$1),
           (JSCompiler_temp$jscomp$0 = accumulate(
             JSCompiler_temp$jscomp$0,
             nativeEvent
@@ -772,7 +779,7 @@ var ResponderEventPlugin = {
     },
     GlobalResponderHandler: null,
     injection: {
-      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+      injectGlobalResponderHandler: function (GlobalResponderHandler) {
         ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
       }
     }
@@ -799,14 +806,13 @@ function recomputePluginOrdering() {
         pluginIndex = pluginModule.eventTypes;
         for (var eventName in pluginIndex) {
           var JSCompiler_inline_result = void 0;
-          var dispatchConfig = pluginIndex[eventName],
-            eventName$jscomp$0 = eventName;
-          if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
+          var dispatchConfig = pluginIndex[eventName];
+          if (eventNameDispatchConfigs.hasOwnProperty(eventName))
             throw Error(
               "EventPluginRegistry: More than one plugin attempted to publish the same event name, `" +
-                (eventName$jscomp$0 + "`.")
+                (eventName + "`.")
             );
-          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          eventNameDispatchConfigs[eventName] = dispatchConfig;
           var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
           if (phasedRegistrationNames) {
             for (JSCompiler_inline_result in phasedRegistrationNames)
@@ -815,16 +821,14 @@ function recomputePluginOrdering() {
               ) &&
                 publishRegistrationName(
                   phasedRegistrationNames[JSCompiler_inline_result],
-                  pluginModule,
-                  eventName$jscomp$0
+                  pluginModule
                 );
             JSCompiler_inline_result = !0;
           } else
             dispatchConfig.registrationName
               ? (publishRegistrationName(
                   dispatchConfig.registrationName,
-                  pluginModule,
-                  eventName$jscomp$0
+                  pluginModule
                 ),
                 (JSCompiler_inline_result = !0))
               : (JSCompiler_inline_result = !1);
@@ -851,15 +855,10 @@ function publishRegistrationName(registrationName, pluginModule) {
 var plugins = [],
   eventNameDispatchConfigs = {},
   registrationNameModules = {};
-function getListeners(
-  inst,
-  registrationName,
-  phase,
-  dispatchToImperativeListeners
-) {
-  var stateNode = inst.stateNode;
-  if (null === stateNode) return null;
-  inst = getFiberCurrentPropsFromNode(stateNode);
+function getListener(inst, registrationName) {
+  inst = inst.stateNode;
+  if (null === inst) return null;
+  inst = getFiberCurrentPropsFromNode$1(inst);
   if (null === inst) return null;
   if ((inst = inst[registrationName]) && "function" !== typeof inst)
     throw Error(
@@ -869,67 +868,7 @@ function getListeners(
         typeof inst +
         "` type."
     );
-  if (
-    !(
-      dispatchToImperativeListeners &&
-      stateNode.canonical &&
-      stateNode.canonical._eventListeners
-    )
-  )
-    return inst;
-  var listeners = [];
-  inst && listeners.push(inst);
-  var requestedPhaseIsCapture = "captured" === phase,
-    mangledImperativeRegistrationName = requestedPhaseIsCapture
-      ? "rn:" + registrationName.replace(/Capture$/, "")
-      : "rn:" + registrationName;
-  stateNode.canonical._eventListeners[mangledImperativeRegistrationName] &&
-    0 <
-      stateNode.canonical._eventListeners[mangledImperativeRegistrationName]
-        .length &&
-    stateNode.canonical._eventListeners[
-      mangledImperativeRegistrationName
-    ].forEach(function(listenerObj) {
-      if (
-        (null != listenerObj.options.capture && listenerObj.options.capture) ===
-        requestedPhaseIsCapture
-      ) {
-        var listenerFnWrapper = function(syntheticEvent) {
-          var eventInst = new ReactNativePrivateInterface.CustomEvent(
-            mangledImperativeRegistrationName,
-            { detail: syntheticEvent.nativeEvent }
-          );
-          eventInst.isTrusted = !0;
-          eventInst.setSyntheticEvent(syntheticEvent);
-          for (
-            var _len = arguments.length,
-              args = Array(1 < _len ? _len - 1 : 0),
-              _key = 1;
-            _key < _len;
-            _key++
-          )
-            args[_key - 1] = arguments[_key];
-          listenerObj.listener.apply(listenerObj, [eventInst].concat(args));
-        };
-        listenerObj.options.once
-          ? listeners.push(function() {
-              stateNode.canonical.removeEventListener_unstable(
-                mangledImperativeRegistrationName,
-                listenerObj.listener,
-                listenerObj.capture
-              );
-              listenerObj.invalidated ||
-                ((listenerObj.invalidated = !0),
-                listenerObj.listener.apply(listenerObj, arguments));
-            })
-          : listeners.push(listenerFnWrapper);
-      }
-    });
-  return 0 === listeners.length
-    ? null
-    : 1 === listeners.length
-    ? listeners[0]
-    : listeners;
+  return inst;
 }
 var customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
@@ -937,42 +876,23 @@ var customBubblingEventTypes =
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-function accumulateListenersAndInstances(inst, event, listeners) {
-  var listenersLength = listeners
-    ? isArrayImpl(listeners)
-      ? listeners.length
-      : 1
-    : 0;
-  if (0 < listenersLength)
-    if (
-      ((event._dispatchListeners = accumulateInto(
-        event._dispatchListeners,
-        listeners
-      )),
-      null == event._dispatchInstances && 1 === listenersLength)
-    )
-      event._dispatchInstances = inst;
-    else
-      for (
-        event._dispatchInstances = event._dispatchInstances || [],
-          isArrayImpl(event._dispatchInstances) ||
-            (event._dispatchInstances = [event._dispatchInstances]),
-          listeners = 0;
-        listeners < listenersLength;
-        listeners++
-      )
-        event._dispatchInstances.push(inst);
-}
-function accumulateDirectionalDispatches$1(inst, phase, event) {
-  phase = getListeners(
-    inst,
-    event.dispatchConfig.phasedRegistrationNames[phase],
-    phase,
-    !0
-  );
-  accumulateListenersAndInstances(inst, event, phase);
+function accumulateDirectionalDispatches(inst, phase, event) {
+  if (
+    (phase = getListener(
+      inst,
+      event.dispatchConfig.phasedRegistrationNames[phase]
+    ))
+  )
+    (event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      phase
+    )),
+      (event._dispatchInstances = accumulateInto(
+        event._dispatchInstances,
+        inst
+      ));
 }
-function traverseTwoPhase$1(inst, fn, arg, skipBubbling) {
+function traverseTwoPhase(inst, fn, arg, skipBubbling) {
   for (var path = []; inst; ) {
     path.push(inst);
     do inst = inst.return;
@@ -984,27 +904,30 @@ function traverseTwoPhase$1(inst, fn, arg, skipBubbling) {
   else
     for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
 }
-function accumulateTwoPhaseDispatchesSingle$1(event) {
+function accumulateTwoPhaseDispatchesSingle(event) {
   event &&
     event.dispatchConfig.phasedRegistrationNames &&
-    traverseTwoPhase$1(
+    traverseTwoPhase(
       event._targetInst,
-      accumulateDirectionalDispatches$1,
+      accumulateDirectionalDispatches,
       event,
       !1
     );
 }
-function accumulateDirectDispatchesSingle$1(event) {
+function accumulateDirectDispatchesSingle(event) {
   if (event && event.dispatchConfig.registrationName) {
     var inst = event._targetInst;
     if (inst && event && event.dispatchConfig.registrationName) {
-      var listeners = getListeners(
-        inst,
-        event.dispatchConfig.registrationName,
-        "bubbled",
-        !1
-      );
-      accumulateListenersAndInstances(inst, event, listeners);
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
     }
   }
 }
@@ -1017,11 +940,11 @@ eventPluginOrder = Array.prototype.slice.call([
   "ReactNativeBridgeEventPlugin"
 ]);
 recomputePluginOrdering();
-var injectedNamesToPlugins$jscomp$inline_223 = {
+var injectedNamesToPlugins$jscomp$inline_232 = {
     ResponderEventPlugin: ResponderEventPlugin,
     ReactNativeBridgeEventPlugin: {
       eventTypes: {},
-      extractEvents: function(
+      extractEvents: function (
         topLevelType,
         targetInst,
         nativeEvent,
@@ -1046,438 +969,153 @@ var injectedNamesToPlugins$jscomp$inline_223 = {
           topLevelType.dispatchConfig.phasedRegistrationNames.skipBubbling
             ? topLevelType &&
               topLevelType.dispatchConfig.phasedRegistrationNames &&
-              traverseTwoPhase$1(
+              traverseTwoPhase(
                 topLevelType._targetInst,
-                accumulateDirectionalDispatches$1,
+                accumulateDirectionalDispatches,
                 topLevelType,
                 !0
               )
             : forEachAccumulated(
                 topLevelType,
-                accumulateTwoPhaseDispatchesSingle$1
+                accumulateTwoPhaseDispatchesSingle
               );
         else if (directDispatchConfig)
-          forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle$1);
+          forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
         else return null;
         return topLevelType;
       }
     }
   },
-  isOrderingDirty$jscomp$inline_224 = !1,
-  pluginName$jscomp$inline_225;
-for (pluginName$jscomp$inline_225 in injectedNamesToPlugins$jscomp$inline_223)
+  isOrderingDirty$jscomp$inline_233 = !1,
+  pluginName$jscomp$inline_234;
+for (pluginName$jscomp$inline_234 in injectedNamesToPlugins$jscomp$inline_232)
   if (
-    injectedNamesToPlugins$jscomp$inline_223.hasOwnProperty(
-      pluginName$jscomp$inline_225
+    injectedNamesToPlugins$jscomp$inline_232.hasOwnProperty(
+      pluginName$jscomp$inline_234
     )
   ) {
-    var pluginModule$jscomp$inline_226 =
-      injectedNamesToPlugins$jscomp$inline_223[pluginName$jscomp$inline_225];
+    var pluginModule$jscomp$inline_235 =
+      injectedNamesToPlugins$jscomp$inline_232[pluginName$jscomp$inline_234];
     if (
-      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_225) ||
-      namesToPlugins[pluginName$jscomp$inline_225] !==
-        pluginModule$jscomp$inline_226
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_234) ||
+      namesToPlugins[pluginName$jscomp$inline_234] !==
+        pluginModule$jscomp$inline_235
     ) {
-      if (namesToPlugins[pluginName$jscomp$inline_225])
+      if (namesToPlugins[pluginName$jscomp$inline_234])
         throw Error(
           "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            (pluginName$jscomp$inline_225 + "`.")
+            (pluginName$jscomp$inline_234 + "`.")
         );
-      namesToPlugins[
-        pluginName$jscomp$inline_225
-      ] = pluginModule$jscomp$inline_226;
-      isOrderingDirty$jscomp$inline_224 = !0;
+      namesToPlugins[pluginName$jscomp$inline_234] =
+        pluginModule$jscomp$inline_235;
+      isOrderingDirty$jscomp$inline_233 = !0;
     }
   }
-isOrderingDirty$jscomp$inline_224 && recomputePluginOrdering();
-function getInstanceFromInstance(instanceHandle) {
-  return instanceHandle;
+isOrderingDirty$jscomp$inline_233 && recomputePluginOrdering();
+var emptyObject = {},
+  removedKeys = null,
+  removedKeyCount = 0,
+  deepDifferOptions = { unsafelyIgnoreFunctions: !0 };
+function defaultDiffer(prevProp, nextProp) {
+  return "object" !== typeof nextProp || null === nextProp
+    ? !0
+    : ReactNativePrivateInterface.deepDiffer(
+        prevProp,
+        nextProp,
+        deepDifferOptions
+      );
 }
-getFiberCurrentPropsFromNode = function(inst) {
-  return inst.canonical.currentProps;
-};
-getInstanceFromNode = getInstanceFromInstance;
-getNodeFromInstance = function(inst) {
-  inst = inst.stateNode.canonical;
-  if (!inst._nativeTag) throw Error("All native instances should have a tag.");
-  return inst;
-};
-ResponderEventPlugin.injection.injectGlobalResponderHandler({
-  onChange: function(from, to, blockNativeResponder) {
-    var fromOrTo = from || to;
-    (fromOrTo = fromOrTo && fromOrTo.stateNode) &&
-    fromOrTo.canonical._internalInstanceHandle
-      ? (from &&
-          nativeFabricUIManager.setIsJSResponder(
-            from.stateNode.node,
-            !1,
-            blockNativeResponder || !1
-          ),
-        to &&
-          nativeFabricUIManager.setIsJSResponder(
-            to.stateNode.node,
-            !0,
-            blockNativeResponder || !1
-          ))
-      : null !== to
-      ? ReactNativePrivateInterface.UIManager.setJSResponder(
-          to.stateNode.canonical._nativeTag,
-          blockNativeResponder
-        )
-      : ReactNativePrivateInterface.UIManager.clearJSResponder();
-  }
-});
-var ReactSharedInternals =
-    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-  REACT_ELEMENT_TYPE = Symbol.for("react.element"),
-  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
-  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
-  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-  REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-  REACT_MEMO_TYPE = Symbol.for("react.memo"),
-  REACT_LAZY_TYPE = Symbol.for("react.lazy");
-Symbol.for("react.scope");
-Symbol.for("react.debug_trace_mode");
-var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
-Symbol.for("react.legacy_hidden");
-Symbol.for("react.cache");
-Symbol.for("react.tracing_marker");
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-function getIteratorFn(maybeIterable) {
-  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
-  maybeIterable =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable["@@iterator"];
-  return "function" === typeof maybeIterable ? maybeIterable : null;
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (isArrayImpl(node))
+    for (var i = node.length; i-- && 0 < removedKeyCount; )
+      restoreDeletedValuesInNestedArray(
+        updatePayload,
+        node[i],
+        validAttributes
+      );
+  else if (node && 0 < removedKeyCount)
+    for (i in removedKeys)
+      if (removedKeys[i]) {
+        var nextProp = node[i];
+        if (void 0 !== nextProp) {
+          var attributeConfig = validAttributes[i];
+          if (attributeConfig) {
+            "function" === typeof nextProp && (nextProp = !0);
+            "undefined" === typeof nextProp && (nextProp = null);
+            if ("object" !== typeof attributeConfig)
+              updatePayload[i] = nextProp;
+            else if (
+              "function" === typeof attributeConfig.diff ||
+              "function" === typeof attributeConfig.process
+            )
+              (nextProp =
+                "function" === typeof attributeConfig.process
+                  ? attributeConfig.process(nextProp)
+                  : nextProp),
+                (updatePayload[i] = nextProp);
+            removedKeys[i] = !1;
+            removedKeyCount--;
+          }
+        }
+      }
 }
-function getComponentNameFromType(type) {
-  if (null == type) return null;
-  if ("function" === typeof type) return type.displayName || type.name || null;
-  if ("string" === typeof type) return type;
-  switch (type) {
-    case REACT_FRAGMENT_TYPE:
-      return "Fragment";
-    case REACT_PORTAL_TYPE:
-      return "Portal";
-    case REACT_PROFILER_TYPE:
-      return "Profiler";
-    case REACT_STRICT_MODE_TYPE:
-      return "StrictMode";
-    case REACT_SUSPENSE_TYPE:
-      return "Suspense";
-    case REACT_SUSPENSE_LIST_TYPE:
-      return "SuspenseList";
+function diffNestedProperty(
+  updatePayload,
+  prevProp,
+  nextProp,
+  validAttributes
+) {
+  if (!updatePayload && prevProp === nextProp) return updatePayload;
+  if (!prevProp || !nextProp)
+    return nextProp
+      ? addNestedProperty(updatePayload, nextProp, validAttributes)
+      : prevProp
+      ? clearNestedProperty(updatePayload, prevProp, validAttributes)
+      : updatePayload;
+  if (!isArrayImpl(prevProp) && !isArrayImpl(nextProp))
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  if (isArrayImpl(prevProp) && isArrayImpl(nextProp)) {
+    var minLength =
+        prevProp.length < nextProp.length ? prevProp.length : nextProp.length,
+      i;
+    for (i = 0; i < minLength; i++)
+      updatePayload = diffNestedProperty(
+        updatePayload,
+        prevProp[i],
+        nextProp[i],
+        validAttributes
+      );
+    for (; i < prevProp.length; i++)
+      updatePayload = clearNestedProperty(
+        updatePayload,
+        prevProp[i],
+        validAttributes
+      );
+    for (; i < nextProp.length; i++)
+      updatePayload = addNestedProperty(
+        updatePayload,
+        nextProp[i],
+        validAttributes
+      );
+    return updatePayload;
   }
-  if ("object" === typeof type)
-    switch (type.$$typeof) {
-      case REACT_CONTEXT_TYPE:
-        return (type.displayName || "Context") + ".Consumer";
-      case REACT_PROVIDER_TYPE:
-        return (type._context.displayName || "Context") + ".Provider";
-      case REACT_FORWARD_REF_TYPE:
-        var innerType = type.render;
-        type = type.displayName;
-        type ||
-          ((type = innerType.displayName || innerType.name || ""),
-          (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
-        return type;
-      case REACT_MEMO_TYPE:
-        return (
-          (innerType = type.displayName || null),
-          null !== innerType
-            ? innerType
-            : getComponentNameFromType(type.type) || "Memo"
-        );
-      case REACT_LAZY_TYPE:
-        innerType = type._payload;
-        type = type._init;
-        try {
-          return getComponentNameFromType(type(innerType));
-        } catch (x) {}
-    }
-  return null;
-}
-function getComponentNameFromFiber(fiber) {
-  var type = fiber.type;
-  switch (fiber.tag) {
-    case 24:
-      return "Cache";
-    case 9:
-      return (type.displayName || "Context") + ".Consumer";
-    case 10:
-      return (type._context.displayName || "Context") + ".Provider";
-    case 18:
-      return "DehydratedFragment";
-    case 11:
-      return (
-        (fiber = type.render),
-        (fiber = fiber.displayName || fiber.name || ""),
-        type.displayName ||
-          ("" !== fiber ? "ForwardRef(" + fiber + ")" : "ForwardRef")
-      );
-    case 7:
-      return "Fragment";
-    case 5:
-      return type;
-    case 4:
-      return "Portal";
-    case 3:
-      return "Root";
-    case 6:
-      return "Text";
-    case 16:
-      return getComponentNameFromType(type);
-    case 8:
-      return type === REACT_STRICT_MODE_TYPE ? "StrictMode" : "Mode";
-    case 22:
-      return "Offscreen";
-    case 12:
-      return "Profiler";
-    case 21:
-      return "Scope";
-    case 13:
-      return "Suspense";
-    case 19:
-      return "SuspenseList";
-    case 25:
-      return "TracingMarker";
-    case 1:
-    case 0:
-    case 17:
-    case 2:
-    case 14:
-    case 15:
-      if ("function" === typeof type)
-        return type.displayName || type.name || null;
-      if ("string" === typeof type) return type;
-  }
-  return null;
-}
-function getNearestMountedFiber(fiber) {
-  var node = fiber,
-    nearestMounted = fiber;
-  if (fiber.alternate) for (; node.return; ) node = node.return;
-  else {
-    fiber = node;
-    do
-      (node = fiber),
-        0 !== (node.flags & 4098) && (nearestMounted = node.return),
-        (fiber = node.return);
-    while (fiber);
-  }
-  return 3 === node.tag ? nearestMounted : null;
-}
-function assertIsMounted(fiber) {
-  if (getNearestMountedFiber(fiber) !== fiber)
-    throw Error("Unable to find node on an unmounted component.");
-}
-function findCurrentFiberUsingSlowPath(fiber) {
-  var alternate = fiber.alternate;
-  if (!alternate) {
-    alternate = getNearestMountedFiber(fiber);
-    if (null === alternate)
-      throw Error("Unable to find node on an unmounted component.");
-    return alternate !== fiber ? null : fiber;
-  }
-  for (var a = fiber, b = alternate; ; ) {
-    var parentA = a.return;
-    if (null === parentA) break;
-    var parentB = parentA.alternate;
-    if (null === parentB) {
-      b = parentA.return;
-      if (null !== b) {
-        a = b;
-        continue;
-      }
-      break;
-    }
-    if (parentA.child === parentB.child) {
-      for (parentB = parentA.child; parentB; ) {
-        if (parentB === a) return assertIsMounted(parentA), fiber;
-        if (parentB === b) return assertIsMounted(parentA), alternate;
-        parentB = parentB.sibling;
-      }
-      throw Error("Unable to find node on an unmounted component.");
-    }
-    if (a.return !== b.return) (a = parentA), (b = parentB);
-    else {
-      for (var didFindChild = !1, child$0 = parentA.child; child$0; ) {
-        if (child$0 === a) {
-          didFindChild = !0;
-          a = parentA;
-          b = parentB;
-          break;
-        }
-        if (child$0 === b) {
-          didFindChild = !0;
-          b = parentA;
-          a = parentB;
-          break;
-        }
-        child$0 = child$0.sibling;
-      }
-      if (!didFindChild) {
-        for (child$0 = parentB.child; child$0; ) {
-          if (child$0 === a) {
-            didFindChild = !0;
-            a = parentB;
-            b = parentA;
-            break;
-          }
-          if (child$0 === b) {
-            didFindChild = !0;
-            b = parentB;
-            a = parentA;
-            break;
-          }
-          child$0 = child$0.sibling;
-        }
-        if (!didFindChild)
-          throw Error(
-            "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
-          );
-      }
-    }
-    if (a.alternate !== b)
-      throw Error(
-        "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
-      );
-  }
-  if (3 !== a.tag)
-    throw Error("Unable to find node on an unmounted component.");
-  return a.stateNode.current === a ? fiber : alternate;
-}
-function findCurrentHostFiber(parent) {
-  parent = findCurrentFiberUsingSlowPath(parent);
-  return null !== parent ? findCurrentHostFiberImpl(parent) : null;
-}
-function findCurrentHostFiberImpl(node) {
-  if (5 === node.tag || 6 === node.tag) return node;
-  for (node = node.child; null !== node; ) {
-    var match = findCurrentHostFiberImpl(node);
-    if (null !== match) return match;
-    node = node.sibling;
-  }
-  return null;
-}
-function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
-  return function() {
-    if (
-      callback &&
-      ("boolean" !== typeof context.__isMounted || context.__isMounted)
-    )
-      return callback.apply(context, arguments);
-  };
-}
-var emptyObject = {},
-  removedKeys = null,
-  removedKeyCount = 0,
-  deepDifferOptions = { unsafelyIgnoreFunctions: !0 };
-function defaultDiffer(prevProp, nextProp) {
-  return "object" !== typeof nextProp || null === nextProp
-    ? !0
-    : ReactNativePrivateInterface.deepDiffer(
-        prevProp,
-        nextProp,
-        deepDifferOptions
-      );
-}
-function restoreDeletedValuesInNestedArray(
-  updatePayload,
-  node,
-  validAttributes
-) {
-  if (isArrayImpl(node))
-    for (var i = node.length; i-- && 0 < removedKeyCount; )
-      restoreDeletedValuesInNestedArray(
-        updatePayload,
-        node[i],
-        validAttributes
-      );
-  else if (node && 0 < removedKeyCount)
-    for (i in removedKeys)
-      if (removedKeys[i]) {
-        var nextProp = node[i];
-        if (void 0 !== nextProp) {
-          var attributeConfig = validAttributes[i];
-          if (attributeConfig) {
-            "function" === typeof nextProp && (nextProp = !0);
-            "undefined" === typeof nextProp && (nextProp = null);
-            if ("object" !== typeof attributeConfig)
-              updatePayload[i] = nextProp;
-            else if (
-              "function" === typeof attributeConfig.diff ||
-              "function" === typeof attributeConfig.process
-            )
-              (nextProp =
-                "function" === typeof attributeConfig.process
-                  ? attributeConfig.process(nextProp)
-                  : nextProp),
-                (updatePayload[i] = nextProp);
-            removedKeys[i] = !1;
-            removedKeyCount--;
-          }
-        }
-      }
-}
-function diffNestedProperty(
-  updatePayload,
-  prevProp,
-  nextProp,
-  validAttributes
-) {
-  if (!updatePayload && prevProp === nextProp) return updatePayload;
-  if (!prevProp || !nextProp)
-    return nextProp
-      ? addNestedProperty(updatePayload, nextProp, validAttributes)
-      : prevProp
-      ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-      : updatePayload;
-  if (!isArrayImpl(prevProp) && !isArrayImpl(nextProp))
-    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
-  if (isArrayImpl(prevProp) && isArrayImpl(nextProp)) {
-    var minLength =
-        prevProp.length < nextProp.length ? prevProp.length : nextProp.length,
-      i;
-    for (i = 0; i < minLength; i++)
-      updatePayload = diffNestedProperty(
-        updatePayload,
-        prevProp[i],
-        nextProp[i],
-        validAttributes
-      );
-    for (; i < prevProp.length; i++)
-      updatePayload = clearNestedProperty(
-        updatePayload,
-        prevProp[i],
-        validAttributes
-      );
-    for (; i < nextProp.length; i++)
-      updatePayload = addNestedProperty(
-        updatePayload,
-        nextProp[i],
-        validAttributes
-      );
-    return updatePayload;
-  }
-  return isArrayImpl(prevProp)
-    ? diffProperties(
-        updatePayload,
-        ReactNativePrivateInterface.flattenStyle(prevProp),
-        nextProp,
-        validAttributes
-      )
-    : diffProperties(
-        updatePayload,
-        prevProp,
-        ReactNativePrivateInterface.flattenStyle(nextProp),
-        validAttributes
-      );
+  return isArrayImpl(prevProp)
+    ? diffProperties(
+        updatePayload,
+        ReactNativePrivateInterface.flattenStyle(prevProp),
+        nextProp,
+        validAttributes
+      )
+    : diffProperties(
+        updatePayload,
+        prevProp,
+        ReactNativePrivateInterface.flattenStyle(nextProp),
+        validAttributes
+      );
 }
 function addNestedProperty(updatePayload, nextProp, validAttributes) {
   if (!nextProp) return updatePayload;
@@ -1557,9 +1195,8 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               "function" === typeof attributeConfig.process
                 ? attributeConfig.process(nextProp)
                 : nextProp),
-              ((updatePayload || (updatePayload = {}))[
-                propKey
-              ] = attributeConfig);
+              ((updatePayload || (updatePayload = {}))[propKey] =
+                attributeConfig);
         } else
           (removedKeys = null),
             (removedKeyCount = 0),
@@ -1578,19 +1215,19 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               ),
               (removedKeys = null));
     }
-  for (var propKey$2 in prevProps)
-    void 0 === nextProps[propKey$2] &&
-      (!(attributeConfig = validAttributes[propKey$2]) ||
-        (updatePayload && void 0 !== updatePayload[propKey$2]) ||
-        ((prevProp = prevProps[propKey$2]),
+  for (var propKey$1 in prevProps)
+    void 0 === nextProps[propKey$1] &&
+      (!(attributeConfig = validAttributes[propKey$1]) ||
+        (updatePayload && void 0 !== updatePayload[propKey$1]) ||
+        ((prevProp = prevProps[propKey$1]),
         void 0 !== prevProp &&
           ("object" !== typeof attributeConfig ||
           "function" === typeof attributeConfig.diff ||
           "function" === typeof attributeConfig.process
-            ? (((updatePayload || (updatePayload = {}))[propKey$2] = null),
+            ? (((updatePayload || (updatePayload = {}))[propKey$1] = null),
               removedKeys || (removedKeys = {}),
-              removedKeys[propKey$2] ||
-                ((removedKeys[propKey$2] = !0), removedKeyCount++))
+              removedKeys[propKey$1] ||
+                ((removedKeys[propKey$1] = !0), removedKeyCount++))
             : (updatePayload = clearNestedProperty(
                 updatePayload,
                 prevProp,
@@ -1602,7 +1239,7 @@ function batchedUpdatesImpl(fn, bookkeeping) {
   return fn(bookkeeping);
 }
 var isInsideEventHandler = !1;
-function batchedUpdates(fn, bookkeeping) {
+function batchedUpdates$1(fn, bookkeeping) {
   if (isInsideEventHandler) return fn(bookkeeping);
   isInsideEventHandler = !0;
   try {
@@ -1635,9 +1272,9 @@ function dispatchEvent(target, topLevelType, nativeEvent) {
   var eventTarget = null;
   if (null != target) {
     var stateNode = target.stateNode;
-    null != stateNode && (eventTarget = stateNode.canonical);
+    null != stateNode && (eventTarget = getPublicInstance(stateNode));
   }
-  batchedUpdates(function() {
+  batchedUpdates$1(function () {
     var event = { eventName: topLevelType, nativeEvent: nativeEvent };
     ReactNativePrivateInterface.RawEventEmitter.emit(topLevelType, event);
     ReactNativePrivateInterface.RawEventEmitter.emit("*", event);
@@ -1668,15 +1305,17 @@ function dispatchEvent(target, topLevelType, nativeEvent) {
           "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
         );
       if (hasRethrowError)
-        throw ((event = rethrowError),
-        (hasRethrowError = !1),
-        (rethrowError = null),
-        event);
+        throw (
+          ((event = rethrowError),
+          (hasRethrowError = !1),
+          (rethrowError = null),
+          event)
+        );
     }
   });
 }
-var scheduleCallback = Scheduler.unstable_scheduleCallback,
-  cancelCallback = Scheduler.unstable_cancelCallback,
+var scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
   requestPaint = Scheduler.unstable_requestPaint,
   now = Scheduler.unstable_now,
@@ -1684,6 +1323,8 @@ var scheduleCallback = Scheduler.unstable_scheduleCallback,
   UserBlockingPriority = Scheduler.unstable_UserBlockingPriority,
   NormalPriority = Scheduler.unstable_NormalPriority,
   IdlePriority = Scheduler.unstable_IdlePriority,
+  ReactSharedInternals =
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   rendererID = null,
   injectedHook = null;
 function onCommitRoot(root) {
@@ -1704,9 +1345,11 @@ function clz32Fallback(x) {
   x >>>= 0;
   return 0 === x ? 32 : (31 - ((log(x) / LN2) | 0)) | 0;
 }
-var nextTransitionLane = 64,
+var nextTransitionLane = 128,
   nextRetryLane = 4194304;
 function getHighestPriorityLanes(lanes) {
+  var pendingSyncLanes = lanes & 42;
+  if (0 !== pendingSyncLanes) return pendingSyncLanes;
   switch (lanes & -lanes) {
     case 1:
       return 1;
@@ -1721,6 +1364,7 @@ function getHighestPriorityLanes(lanes) {
     case 32:
       return 32;
     case 64:
+      return 64;
     case 128:
     case 256:
     case 512:
@@ -1736,13 +1380,14 @@ function getHighestPriorityLanes(lanes) {
     case 524288:
     case 1048576:
     case 2097152:
-      return lanes & 4194240;
+      return lanes & 4194176;
     case 4194304:
     case 8388608:
     case 16777216:
     case 33554432:
+      return lanes & 62914560;
     case 67108864:
-      return lanes & 130023424;
+      return 67108864;
     case 134217728:
       return 134217728;
     case 268435456:
@@ -1750,59 +1395,47 @@ function getHighestPriorityLanes(lanes) {
     case 536870912:
       return 536870912;
     case 1073741824:
-      return 1073741824;
+      return 0;
     default:
       return lanes;
   }
 }
 function getNextLanes(root, wipLanes) {
   var pendingLanes = root.pendingLanes;
-  if (0 === pendingLanes) return 0;
-  var nextLanes = 0,
-    suspendedLanes = root.suspendedLanes,
-    pingedLanes = root.pingedLanes,
-    nonIdlePendingLanes = pendingLanes & 268435455;
-  if (0 !== nonIdlePendingLanes) {
-    var nonIdleUnblockedLanes = nonIdlePendingLanes & ~suspendedLanes;
-    0 !== nonIdleUnblockedLanes
-      ? (nextLanes = getHighestPriorityLanes(nonIdleUnblockedLanes))
-      : ((pingedLanes &= nonIdlePendingLanes),
-        0 !== pingedLanes &&
-          (nextLanes = getHighestPriorityLanes(pingedLanes)));
-  } else
-    (nonIdlePendingLanes = pendingLanes & ~suspendedLanes),
-      0 !== nonIdlePendingLanes
-        ? (nextLanes = getHighestPriorityLanes(nonIdlePendingLanes))
-        : 0 !== pingedLanes &&
-          (nextLanes = getHighestPriorityLanes(pingedLanes));
-  if (0 === nextLanes) return 0;
-  if (
-    0 !== wipLanes &&
-    wipLanes !== nextLanes &&
-    0 === (wipLanes & suspendedLanes) &&
-    ((suspendedLanes = nextLanes & -nextLanes),
-    (pingedLanes = wipLanes & -wipLanes),
-    suspendedLanes >= pingedLanes ||
-      (16 === suspendedLanes && 0 !== (pingedLanes & 4194240)))
-  )
-    return wipLanes;
-  0 !== (nextLanes & 4) && (nextLanes |= pendingLanes & 16);
-  wipLanes = root.entangledLanes;
-  if (0 !== wipLanes)
-    for (root = root.entanglements, wipLanes &= nextLanes; 0 < wipLanes; )
-      (pendingLanes = 31 - clz32(wipLanes)),
-        (suspendedLanes = 1 << pendingLanes),
-        (nextLanes |= root[pendingLanes]),
-        (wipLanes &= ~suspendedLanes);
-  return nextLanes;
+  if (0 === pendingLanes) return 0;
+  var nextLanes = 0,
+    suspendedLanes = root.suspendedLanes;
+  root = root.pingedLanes;
+  var nonIdlePendingLanes = pendingLanes & 134217727;
+  0 !== nonIdlePendingLanes
+    ? ((pendingLanes = nonIdlePendingLanes & ~suspendedLanes),
+      0 !== pendingLanes
+        ? (nextLanes = getHighestPriorityLanes(pendingLanes))
+        : ((root &= nonIdlePendingLanes),
+          0 !== root && (nextLanes = getHighestPriorityLanes(root))))
+    : ((pendingLanes &= ~suspendedLanes),
+      0 !== pendingLanes
+        ? (nextLanes = getHighestPriorityLanes(pendingLanes))
+        : 0 !== root && (nextLanes = getHighestPriorityLanes(root)));
+  return 0 === nextLanes
+    ? 0
+    : 0 !== wipLanes &&
+      wipLanes !== nextLanes &&
+      0 === (wipLanes & suspendedLanes) &&
+      ((suspendedLanes = nextLanes & -nextLanes),
+      (root = wipLanes & -wipLanes),
+      suspendedLanes >= root ||
+        (32 === suspendedLanes && 0 !== (root & 4194176)))
+    ? wipLanes
+    : nextLanes;
 }
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
     case 1:
     case 2:
     case 4:
-      return currentTime + 250;
     case 8:
+      return currentTime + 250;
     case 16:
     case 32:
     case 64:
@@ -1826,8 +1459,8 @@ function computeExpirationTime(lane, currentTime) {
     case 8388608:
     case 16777216:
     case 33554432:
-    case 67108864:
       return -1;
+    case 67108864:
     case 134217728:
     case 268435456:
     case 536870912:
@@ -1837,67 +1470,96 @@ function computeExpirationTime(lane, currentTime) {
       return -1;
   }
 }
-function getLanesToRetrySynchronouslyOnError(root) {
-  root = root.pendingLanes & -1073741825;
-  return 0 !== root ? root : root & 1073741824 ? 1073741824 : 0;
+function getLanesToRetrySynchronouslyOnError(root, originallyAttemptedLanes) {
+  if (root.errorRecoveryDisabledLanes & originallyAttemptedLanes) return 0;
+  root = root.pendingLanes & -536870913;
+  return 0 !== root ? root : root & 536870912 ? 536870912 : 0;
 }
 function claimNextTransitionLane() {
   var lane = nextTransitionLane;
   nextTransitionLane <<= 1;
-  0 === (nextTransitionLane & 4194240) && (nextTransitionLane = 64);
+  0 === (nextTransitionLane & 4194176) && (nextTransitionLane = 128);
+  return lane;
+}
+function claimNextRetryLane() {
+  var lane = nextRetryLane;
+  nextRetryLane <<= 1;
+  0 === (nextRetryLane & 62914560) && (nextRetryLane = 4194304);
   return lane;
 }
 function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
-  536870912 !== updateLane &&
+  268435456 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
-function markRootFinished(root, remainingLanes) {
+function markRootFinished(root, remainingLanes, spawnedLane) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
   root.pendingLanes = remainingLanes;
   root.suspendedLanes = 0;
   root.pingedLanes = 0;
   root.expiredLanes &= remainingLanes;
-  root.mutableReadLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
+  root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes;
-  for (root = root.expirationTimes; 0 < noLongerPendingLanes; ) {
-    var index$7 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$7;
-    remainingLanes[index$7] = 0;
-    eventTimes[index$7] = -1;
-    root[index$7] = -1;
+  for (
+    var expirationTimes = root.expirationTimes,
+      hiddenUpdates = root.hiddenUpdates;
+    0 < noLongerPendingLanes;
+
+  ) {
+    var index$5 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$5;
+    remainingLanes[index$5] = 0;
+    expirationTimes[index$5] = -1;
+    var hiddenUpdatesForLane = hiddenUpdates[index$5];
+    if (null !== hiddenUpdatesForLane)
+      for (
+        hiddenUpdates[index$5] = null, index$5 = 0;
+        index$5 < hiddenUpdatesForLane.length;
+        index$5++
+      ) {
+        var update = hiddenUpdatesForLane[index$5];
+        null !== update && (update.lane &= -536870913);
+      }
     noLongerPendingLanes &= ~lane;
   }
+  0 !== spawnedLane && markSpawnedDeferredLane(root, spawnedLane, 0);
+}
+function markSpawnedDeferredLane(root, spawnedLane, entangledLanes) {
+  root.pendingLanes |= spawnedLane;
+  root.suspendedLanes &= ~spawnedLane;
+  var spawnedLaneIndex = 31 - clz32(spawnedLane);
+  root.entangledLanes |= spawnedLane;
+  root.entanglements[spawnedLaneIndex] =
+    root.entanglements[spawnedLaneIndex] |
+    1073741824 |
+    (entangledLanes & 4194218);
 }
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$8 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$8;
-    (lane & entangledLanes) | (root[index$8] & entangledLanes) &&
-      (root[index$8] |= entangledLanes);
+    var index$6 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$6;
+    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
+      (root[index$6] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 var currentUpdatePriority = 0;
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
-  return 1 < lanes
-    ? 4 < lanes
-      ? 0 !== (lanes & 268435455)
-        ? 16
-        : 536870912
-      : 4
-    : 1;
+  return 2 < lanes
+    ? 8 < lanes
+      ? 0 !== (lanes & 134217727)
+        ? 32
+        : 268435456
+      : 8
+    : 2;
 }
 function shim$1() {
   throw Error(
@@ -1906,7 +1568,6 @@ function shim$1() {
 }
 var _nativeFabricUIManage = nativeFabricUIManager,
   createNode = _nativeFabricUIManage.createNode,
-  cloneNode = _nativeFabricUIManage.cloneNode,
   cloneNodeWithNewChildren = _nativeFabricUIManage.cloneNodeWithNewChildren,
   cloneNodeWithNewChildrenAndProps =
     _nativeFabricUIManage.cloneNodeWithNewChildrenAndProps,
@@ -1916,125 +1577,13 @@ var _nativeFabricUIManage = nativeFabricUIManager,
   appendChildNodeToSet = _nativeFabricUIManage.appendChildToSet,
   completeRoot = _nativeFabricUIManage.completeRoot,
   registerEventHandler = _nativeFabricUIManage.registerEventHandler,
-  fabricMeasure = _nativeFabricUIManage.measure,
-  fabricMeasureInWindow = _nativeFabricUIManage.measureInWindow,
-  fabricMeasureLayout = _nativeFabricUIManage.measureLayout,
   FabricDiscretePriority = _nativeFabricUIManage.unstable_DiscreteEventPriority,
   fabricGetCurrentEventPriority =
     _nativeFabricUIManage.unstable_getCurrentEventPriority,
-  _setNativeProps = _nativeFabricUIManage.setNativeProps,
   getViewConfigForType =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
   nextReactTag = 2;
 registerEventHandler && registerEventHandler(dispatchEvent);
-var ReactFabricHostComponent = (function() {
-  function ReactFabricHostComponent(
-    tag,
-    viewConfig,
-    props,
-    internalInstanceHandle
-  ) {
-    this._nativeTag = tag;
-    this.viewConfig = viewConfig;
-    this.currentProps = props;
-    this._internalInstanceHandle = internalInstanceHandle;
-  }
-  var _proto = ReactFabricHostComponent.prototype;
-  _proto.blur = function() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
-  };
-  _proto.focus = function() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
-  };
-  _proto.measure = function(callback) {
-    var stateNode = this._internalInstanceHandle.stateNode;
-    null != stateNode &&
-      fabricMeasure(
-        stateNode.node,
-        mountSafeCallback_NOT_REALLY_SAFE(this, callback)
-      );
-  };
-  _proto.measureInWindow = function(callback) {
-    var stateNode = this._internalInstanceHandle.stateNode;
-    null != stateNode &&
-      fabricMeasureInWindow(
-        stateNode.node,
-        mountSafeCallback_NOT_REALLY_SAFE(this, callback)
-      );
-  };
-  _proto.measureLayout = function(relativeToNativeNode, onSuccess, onFail) {
-    if (
-      "number" !== typeof relativeToNativeNode &&
-      relativeToNativeNode instanceof ReactFabricHostComponent
-    ) {
-      var toStateNode = this._internalInstanceHandle.stateNode;
-      relativeToNativeNode =
-        relativeToNativeNode._internalInstanceHandle.stateNode;
-      null != toStateNode &&
-        null != relativeToNativeNode &&
-        fabricMeasureLayout(
-          toStateNode.node,
-          relativeToNativeNode.node,
-          mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-          mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-        );
-    }
-  };
-  _proto.setNativeProps = function(nativeProps) {
-    nativeProps = diffProperties(
-      null,
-      emptyObject,
-      nativeProps,
-      this.viewConfig.validAttributes
-    );
-    var stateNode = this._internalInstanceHandle.stateNode;
-    null != stateNode &&
-      null != nativeProps &&
-      _setNativeProps(stateNode.node, nativeProps);
-  };
-  _proto.addEventListener_unstable = function(eventType, listener, options) {
-    if ("string" !== typeof eventType)
-      throw Error("addEventListener_unstable eventType must be a string");
-    if ("function" !== typeof listener)
-      throw Error("addEventListener_unstable listener must be a function");
-    var optionsObj =
-      "object" === typeof options && null !== options ? options : {};
-    options =
-      ("boolean" === typeof options ? options : optionsObj.capture) || !1;
-    var once = optionsObj.once || !1;
-    optionsObj = optionsObj.passive || !1;
-    var eventListeners = this._eventListeners || {};
-    null == this._eventListeners && (this._eventListeners = eventListeners);
-    var namedEventListeners = eventListeners[eventType] || [];
-    null == eventListeners[eventType] &&
-      (eventListeners[eventType] = namedEventListeners);
-    namedEventListeners.push({
-      listener: listener,
-      invalidated: !1,
-      options: {
-        capture: options,
-        once: once,
-        passive: optionsObj,
-        signal: null
-      }
-    });
-  };
-  _proto.removeEventListener_unstable = function(eventType, listener, options) {
-    var optionsObj =
-        "object" === typeof options && null !== options ? options : {},
-      capture =
-        ("boolean" === typeof options ? options : optionsObj.capture) || !1;
-    (options = this._eventListeners) &&
-      (optionsObj = options[eventType]) &&
-      (options[eventType] = optionsObj.filter(function(listenerObj) {
-        return !(
-          listenerObj.listener === listener &&
-          listenerObj.options.capture === capture
-        );
-      }));
-  };
-  return ReactFabricHostComponent;
-})();
 function createTextInstance(
   text,
   rootContainerInstance,
@@ -2053,6 +1602,13 @@ function createTextInstance(
     )
   };
 }
+function getPublicInstance(instance) {
+  return null != instance.canonical && null != instance.canonical.publicInstance
+    ? instance.canonical.publicInstance
+    : null != instance._nativeTag
+    ? instance
+    : null;
+}
 var scheduleTimeout = setTimeout,
   cancelTimeout = clearTimeout;
 function cloneHiddenInstance(instance) {
@@ -2068,14 +1624,289 @@ function cloneHiddenInstance(instance) {
     canonical: instance.canonical
   };
 }
-function describeComponentFrame(name, source, ownerName) {
-  source = "";
-  ownerName && (source = " (created by " + ownerName + ")");
-  return "\n    in " + (name || "Unknown") + source;
+function getInstanceFromNode(node) {
+  return null != node.canonical && null != node.canonical.internalInstanceHandle
+    ? node.canonical.internalInstanceHandle
+    : node;
+}
+getFiberCurrentPropsFromNode$1 = function (instance) {
+  return instance.canonical.currentProps;
+};
+getInstanceFromNode$1 = getInstanceFromNode;
+getNodeFromInstance$1 = function (fiber) {
+  fiber = getPublicInstance(fiber.stateNode);
+  if (null == fiber) throw Error("Could not find host instance from fiber");
+  return fiber;
+};
+ResponderEventPlugin.injection.injectGlobalResponderHandler({
+  onChange: function (from, to, blockNativeResponder) {
+    from &&
+      from.stateNode &&
+      nativeFabricUIManager.setIsJSResponder(
+        from.stateNode.node,
+        !1,
+        blockNativeResponder || !1
+      );
+    to &&
+      to.stateNode &&
+      nativeFabricUIManager.setIsJSResponder(
+        to.stateNode.node,
+        !0,
+        blockNativeResponder || !1
+      );
+  }
+});
+var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
+  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
+  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
+  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
+  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
+  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
+  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
+  REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
+  REACT_MEMO_TYPE = Symbol.for("react.memo"),
+  REACT_LAZY_TYPE = Symbol.for("react.lazy");
+Symbol.for("react.scope");
+Symbol.for("react.debug_trace_mode");
+var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+Symbol.for("react.legacy_hidden");
+Symbol.for("react.cache");
+Symbol.for("react.tracing_marker");
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+function getIteratorFn(maybeIterable) {
+  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
+  maybeIterable =
+    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+    maybeIterable["@@iterator"];
+  return "function" === typeof maybeIterable ? maybeIterable : null;
+}
+var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
+function getComponentNameFromType(type) {
+  if (null == type) return null;
+  if ("function" === typeof type)
+    return type.$$typeof === REACT_CLIENT_REFERENCE
+      ? null
+      : type.displayName || type.name || null;
+  if ("string" === typeof type) return type;
+  switch (type) {
+    case REACT_FRAGMENT_TYPE:
+      return "Fragment";
+    case REACT_PORTAL_TYPE:
+      return "Portal";
+    case REACT_PROFILER_TYPE:
+      return "Profiler";
+    case REACT_STRICT_MODE_TYPE:
+      return "StrictMode";
+    case REACT_SUSPENSE_TYPE:
+      return "Suspense";
+    case REACT_SUSPENSE_LIST_TYPE:
+      return "SuspenseList";
+  }
+  if ("object" === typeof type)
+    switch (type.$$typeof) {
+      case REACT_CONTEXT_TYPE:
+        return (type.displayName || "Context") + ".Consumer";
+      case REACT_PROVIDER_TYPE:
+        return (type._context.displayName || "Context") + ".Provider";
+      case REACT_FORWARD_REF_TYPE:
+        var innerType = type.render;
+        type = type.displayName;
+        type ||
+          ((type = innerType.displayName || innerType.name || ""),
+          (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
+        return type;
+      case REACT_MEMO_TYPE:
+        return (
+          (innerType = type.displayName || null),
+          null !== innerType
+            ? innerType
+            : getComponentNameFromType(type.type) || "Memo"
+        );
+      case REACT_LAZY_TYPE:
+        innerType = type._payload;
+        type = type._init;
+        try {
+          return getComponentNameFromType(type(innerType));
+        } catch (x) {}
+    }
+  return null;
+}
+function getComponentNameFromFiber(fiber) {
+  var type = fiber.type;
+  switch (fiber.tag) {
+    case 24:
+      return "Cache";
+    case 9:
+      return (type.displayName || "Context") + ".Consumer";
+    case 10:
+      return (type._context.displayName || "Context") + ".Provider";
+    case 18:
+      return "DehydratedFragment";
+    case 11:
+      return (
+        (fiber = type.render),
+        (fiber = fiber.displayName || fiber.name || ""),
+        type.displayName ||
+          ("" !== fiber ? "ForwardRef(" + fiber + ")" : "ForwardRef")
+      );
+    case 7:
+      return "Fragment";
+    case 26:
+    case 27:
+    case 5:
+      return type;
+    case 4:
+      return "Portal";
+    case 3:
+      return "Root";
+    case 6:
+      return "Text";
+    case 16:
+      return getComponentNameFromType(type);
+    case 8:
+      return type === REACT_STRICT_MODE_TYPE ? "StrictMode" : "Mode";
+    case 22:
+      return "Offscreen";
+    case 12:
+      return "Profiler";
+    case 21:
+      return "Scope";
+    case 13:
+      return "Suspense";
+    case 19:
+      return "SuspenseList";
+    case 25:
+      return "TracingMarker";
+    case 1:
+    case 0:
+    case 17:
+    case 2:
+    case 14:
+    case 15:
+      if ("function" === typeof type)
+        return type.displayName || type.name || null;
+      if ("string" === typeof type) return type;
+  }
+  return null;
+}
+function getNearestMountedFiber(fiber) {
+  var node = fiber,
+    nearestMounted = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    fiber = node;
+    do
+      (node = fiber),
+        0 !== (node.flags & 4098) && (nearestMounted = node.return),
+        (fiber = node.return);
+    while (fiber);
+  }
+  return 3 === node.tag ? nearestMounted : null;
+}
+function assertIsMounted(fiber) {
+  if (getNearestMountedFiber(fiber) !== fiber)
+    throw Error("Unable to find node on an unmounted component.");
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    alternate = getNearestMountedFiber(fiber);
+    if (null === alternate)
+      throw Error("Unable to find node on an unmounted component.");
+    return alternate !== fiber ? null : fiber;
+  }
+  for (var a = fiber, b = alternate; ; ) {
+    var parentA = a.return;
+    if (null === parentA) break;
+    var parentB = parentA.alternate;
+    if (null === parentB) {
+      b = parentA.return;
+      if (null !== b) {
+        a = b;
+        continue;
+      }
+      break;
+    }
+    if (parentA.child === parentB.child) {
+      for (parentB = parentA.child; parentB; ) {
+        if (parentB === a) return assertIsMounted(parentA), fiber;
+        if (parentB === b) return assertIsMounted(parentA), alternate;
+        parentB = parentB.sibling;
+      }
+      throw Error("Unable to find node on an unmounted component.");
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      for (var didFindChild = !1, child$7 = parentA.child; child$7; ) {
+        if (child$7 === a) {
+          didFindChild = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (child$7 === b) {
+          didFindChild = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        child$7 = child$7.sibling;
+      }
+      if (!didFindChild) {
+        for (child$7 = parentB.child; child$7; ) {
+          if (child$7 === a) {
+            didFindChild = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (child$7 === b) {
+            didFindChild = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          child$7 = child$7.sibling;
+        }
+        if (!didFindChild)
+          throw Error(
+            "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+          );
+      }
+    }
+    if (a.alternate !== b)
+      throw Error(
+        "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+  if (3 !== a.tag)
+    throw Error("Unable to find node on an unmounted component.");
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  return null !== parent ? findCurrentHostFiberImpl(parent) : null;
+}
+function findCurrentHostFiberImpl(node) {
+  var tag = node.tag;
+  if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return node;
+  for (node = node.child; null !== node; ) {
+    tag = findCurrentHostFiberImpl(node);
+    if (null !== tag) return tag;
+    node = node.sibling;
+  }
+  return null;
+}
+function describeComponentFrame(name, ownerName) {
+  var sourceInfo = "";
+  ownerName && (sourceInfo = " (created by " + ownerName + ")");
+  return "\n    in " + (name || "Unknown") + sourceInfo;
 }
-function describeFunctionComponentFrame(fn, source) {
+function describeFunctionComponentFrame(fn) {
   return fn
-    ? describeComponentFrame(fn.displayName || fn.name || null, source, null)
+    ? describeComponentFrame(fn.displayName || fn.name || null, null)
     : "";
 }
 var hasOwnProperty = Object.prototype.hasOwnProperty,
@@ -2094,7 +1925,7 @@ function push(cursor, value) {
   cursor.current = value;
 }
 var emptyContextObject = {},
-  contextStackCursor = createCursor(emptyContextObject),
+  contextStackCursor$1 = createCursor(emptyContextObject),
   didPerformWorkStackCursor = createCursor(!1),
   previousContext = emptyContextObject;
 function getMaskedContext(workInProgress, unmaskedContext) {
@@ -2111,7 +1942,8 @@ function getMaskedContext(workInProgress, unmaskedContext) {
   for (key in contextTypes) context[key] = unmaskedContext[key];
   instance &&
     ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext =
+      unmaskedContext),
     (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
   return context;
 }
@@ -2121,14 +1953,14 @@ function isContextProvider(type) {
 }
 function popContext() {
   pop(didPerformWorkStackCursor);
-  pop(contextStackCursor);
+  pop(contextStackCursor$1);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
-  if (contextStackCursor.current !== emptyContextObject)
+  if (contextStackCursor$1.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context);
+  push(contextStackCursor$1, context);
   push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
@@ -2151,8 +1983,8 @@ function pushContextProvider(workInProgress) {
     ((workInProgress = workInProgress.stateNode) &&
       workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
-  previousContext = contextStackCursor.current;
-  push(contextStackCursor, workInProgress);
+  previousContext = contextStackCursor$1.current;
+  push(contextStackCursor$1, workInProgress);
   push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
@@ -2170,8 +2002,8 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       )),
       (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
       pop(didPerformWorkStackCursor),
-      pop(contextStackCursor),
-      push(contextStackCursor, workInProgress))
+      pop(contextStackCursor$1),
+      push(contextStackCursor$1, workInProgress))
     : pop(didPerformWorkStackCursor);
   push(didPerformWorkStackCursor, didChange);
 }
@@ -2179,190 +2011,324 @@ function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
 var objectIs = "function" === typeof Object.is ? Object.is : is,
-  syncQueue = null,
-  includesLegacySyncCallbacks = !1,
-  isFlushingSyncQueue = !1;
-function flushSyncCallbacks() {
-  if (!isFlushingSyncQueue && null !== syncQueue) {
-    isFlushingSyncQueue = !0;
-    var i = 0,
-      previousUpdatePriority = currentUpdatePriority;
-    try {
-      var queue = syncQueue;
-      for (currentUpdatePriority = 1; i < queue.length; i++) {
-        var callback = queue[i];
-        do callback = callback(!0);
-        while (null !== callback);
-      }
-      syncQueue = null;
-      includesLegacySyncCallbacks = !1;
-    } catch (error) {
-      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
-      scheduleCallback(ImmediatePriority, flushSyncCallbacks),
-      error);
-    } finally {
-      (currentUpdatePriority = previousUpdatePriority),
-        (isFlushingSyncQueue = !1);
-    }
-  }
-  return null;
-}
-var forkStack = [],
-  forkStackIndex = 0,
-  treeForkProvider = null,
-  idStack = [],
-  idStackIndex = 0,
-  treeContextProvider = null;
-function popTreeContext(workInProgress) {
-  for (; workInProgress === treeForkProvider; )
-    (treeForkProvider = forkStack[--forkStackIndex]),
-      (forkStack[forkStackIndex] = null),
-      --forkStackIndex,
-      (forkStack[forkStackIndex] = null);
-  for (; workInProgress === treeContextProvider; )
-    (treeContextProvider = idStack[--idStackIndex]),
-      (idStack[idStackIndex] = null),
-      --idStackIndex,
-      (idStack[idStackIndex] = null),
-      --idStackIndex,
-      (idStack[idStackIndex] = null);
-}
-var hydrationErrors = null,
-  ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
-function shallowEqual(objA, objB) {
-  if (objectIs(objA, objB)) return !0;
-  if (
-    "object" !== typeof objA ||
-    null === objA ||
-    "object" !== typeof objB ||
-    null === objB
-  )
-    return !1;
-  var keysA = Object.keys(objA),
-    keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) return !1;
-  for (keysB = 0; keysB < keysA.length; keysB++) {
-    var currentKey = keysA[keysB];
-    if (
-      !hasOwnProperty.call(objB, currentKey) ||
-      !objectIs(objA[currentKey], objB[currentKey])
-    )
-      return !1;
-  }
-  return !0;
-}
-function describeFiber(fiber) {
-  switch (fiber.tag) {
-    case 5:
-      return describeComponentFrame(fiber.type, null, null);
-    case 16:
-      return describeComponentFrame("Lazy", null, null);
-    case 13:
-      return describeComponentFrame("Suspense", null, null);
-    case 19:
-      return describeComponentFrame("SuspenseList", null, null);
-    case 0:
-    case 2:
-    case 15:
-      return describeFunctionComponentFrame(fiber.type, null);
-    case 11:
-      return describeFunctionComponentFrame(fiber.type.render, null);
-    case 1:
-      return (fiber = describeFunctionComponentFrame(fiber.type, null)), fiber;
-    default:
-      return "";
-  }
+  contextStackCursor = createCursor(null),
+  contextFiberStackCursor = createCursor(null),
+  rootInstanceStackCursor = createCursor(null);
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor, null);
+  pop(contextStackCursor);
+  push(contextStackCursor, { isInAParentText: !1 });
 }
-function resolveDefaultProps(Component, baseProps) {
-  if (Component && Component.defaultProps) {
-    baseProps = assign({}, baseProps);
-    Component = Component.defaultProps;
-    for (var propName in Component)
-      void 0 === baseProps[propName] &&
-        (baseProps[propName] = Component[propName]);
-    return baseProps;
-  }
-  return baseProps;
+function popHostContainer() {
+  pop(contextStackCursor);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
 }
-var valueCursor = createCursor(null),
-  currentlyRenderingFiber = null,
-  lastContextDependency = null,
-  lastFullyObservedContext = null;
-function resetContextDependencies() {
-  lastFullyObservedContext = lastContextDependency = currentlyRenderingFiber = null;
+function pushHostContext(fiber) {
+  var context = contextStackCursor.current;
+  var JSCompiler_inline_result = fiber.type;
+  JSCompiler_inline_result =
+    "AndroidTextInput" === JSCompiler_inline_result ||
+    "RCTMultilineTextInputView" === JSCompiler_inline_result ||
+    "RCTSinglelineTextInputView" === JSCompiler_inline_result ||
+    "RCTText" === JSCompiler_inline_result ||
+    "RCTVirtualText" === JSCompiler_inline_result;
+  JSCompiler_inline_result =
+    context.isInAParentText !== JSCompiler_inline_result
+      ? { isInAParentText: JSCompiler_inline_result }
+      : context;
+  context !== JSCompiler_inline_result &&
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor, JSCompiler_inline_result));
 }
-function popProvider(context) {
-  var currentValue = valueCursor.current;
-  pop(valueCursor);
-  context._currentValue2 = currentValue;
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor), pop(contextFiberStackCursor));
 }
-function scheduleContextWorkOnParentPath(parent, renderLanes, propagationRoot) {
-  for (; null !== parent; ) {
-    var alternate = parent.alternate;
-    (parent.childLanes & renderLanes) !== renderLanes
-      ? ((parent.childLanes |= renderLanes),
-        null !== alternate && (alternate.childLanes |= renderLanes))
-      : null !== alternate &&
-        (alternate.childLanes & renderLanes) !== renderLanes &&
-        (alternate.childLanes |= renderLanes);
-    if (parent === propagationRoot) break;
-    parent = parent.return;
+var hydrationErrors = null,
+  concurrentQueues = [],
+  concurrentQueuesIndex = 0,
+  concurrentlyUpdatedLanes = 0;
+function finishQueueingConcurrentUpdates() {
+  for (
+    var endIndex = concurrentQueuesIndex,
+      i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+    i < endIndex;
+
+  ) {
+    var fiber = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var queue = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var update = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var lane = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    if (null !== queue && null !== update) {
+      var pending = queue.pending;
+      null === pending
+        ? (update.next = update)
+        : ((update.next = pending.next), (pending.next = update));
+      queue.pending = update;
+    }
+    0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
   }
 }
-function prepareToReadContext(workInProgress, renderLanes) {
-  currentlyRenderingFiber = workInProgress;
-  lastFullyObservedContext = lastContextDependency = null;
-  workInProgress = workInProgress.dependencies;
-  null !== workInProgress &&
-    null !== workInProgress.firstContext &&
-    (0 !== (workInProgress.lanes & renderLanes) && (didReceiveUpdate = !0),
-    (workInProgress.firstContext = null));
-}
-function readContext(context) {
-  var value = context._currentValue2;
-  if (lastFullyObservedContext !== context)
-    if (
-      ((context = { context: context, memoizedValue: value, next: null }),
-      null === lastContextDependency)
-    ) {
-      if (null === currentlyRenderingFiber)
-        throw Error(
-          "Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo()."
-        );
-      lastContextDependency = context;
-      currentlyRenderingFiber.dependencies = {
-        lanes: 0,
-        firstContext: context
-      };
-    } else lastContextDependency = lastContextDependency.next = context;
-  return value;
-}
-var concurrentQueues = null;
-function pushConcurrentUpdateQueue(queue) {
-  null === concurrentQueues
-    ? (concurrentQueues = [queue])
-    : concurrentQueues.push(queue);
-}
-function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-  var interleaved = queue.interleaved;
-  null === interleaved
-    ? ((update.next = update), pushConcurrentUpdateQueue(queue))
-    : ((update.next = interleaved.next), (interleaved.next = update));
-  queue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
-}
-function markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
+function enqueueUpdate$1(fiber, queue, update, lane) {
+  concurrentQueues[concurrentQueuesIndex++] = fiber;
+  concurrentQueues[concurrentQueuesIndex++] = queue;
+  concurrentQueues[concurrentQueuesIndex++] = update;
+  concurrentQueues[concurrentQueuesIndex++] = lane;
+  concurrentlyUpdatedLanes |= lane;
+  fiber.lanes |= lane;
+  fiber = fiber.alternate;
+  null !== fiber && (fiber.lanes |= lane);
+}
+function enqueueConcurrentRenderForLane(fiber, lane) {
+  enqueueUpdate$1(fiber, null, null, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
   sourceFiber.lanes |= lane;
   var alternate = sourceFiber.alternate;
   null !== alternate && (alternate.lanes |= lane);
-  alternate = sourceFiber;
-  for (sourceFiber = sourceFiber.return; null !== sourceFiber; )
-    (sourceFiber.childLanes |= lane),
-      (alternate = sourceFiber.alternate),
+  for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+    (parent.childLanes |= lane),
+      (alternate = parent.alternate),
       null !== alternate && (alternate.childLanes |= lane),
-      (alternate = sourceFiber),
-      (sourceFiber = sourceFiber.return);
-  return 3 === alternate.tag ? alternate.stateNode : null;
+      22 === parent.tag &&
+        ((sourceFiber = parent.stateNode),
+        null === sourceFiber || sourceFiber._visibility & 1 || (isHidden = !0)),
+      (sourceFiber = parent),
+      (parent = parent.return);
+  isHidden &&
+    null !== update &&
+    3 === sourceFiber.tag &&
+    ((parent = sourceFiber.stateNode),
+    (isHidden = 31 - clz32(lane)),
+    (parent = parent.hiddenUpdates),
+    (sourceFiber = parent[isHidden]),
+    null === sourceFiber
+      ? (parent[isHidden] = [update])
+      : sourceFiber.push(update),
+    (update.lane = lane | 536870912));
+}
+function getRootForUpdatedFiber(sourceFiber) {
+  if (50 < nestedUpdateCount)
+    throw (
+      ((nestedUpdateCount = 0),
+      (rootWithNestedUpdates = null),
+      Error(
+        "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
+      ))
+    );
+  for (var parent = sourceFiber.return; null !== parent; )
+    (sourceFiber = parent), (parent = sourceFiber.return);
+  return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
+}
+var firstScheduledRoot = null,
+  lastScheduledRoot = null,
+  didScheduleMicrotask = !1,
+  mightHavePendingSyncWork = !1,
+  isFlushingWork = !1,
+  currentEventTransitionLane = 0;
+function ensureRootIsScheduled(root) {
+  root !== lastScheduledRoot &&
+    null === root.next &&
+    (null === lastScheduledRoot
+      ? (firstScheduledRoot = lastScheduledRoot = root)
+      : (lastScheduledRoot = lastScheduledRoot.next = root));
+  mightHavePendingSyncWork = !0;
+  didScheduleMicrotask ||
+    ((didScheduleMicrotask = !0),
+    scheduleCallback$2(ImmediatePriority, processRootScheduleInMicrotask));
+  scheduleTaskForRootDuringMicrotask(root, now());
+}
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (!isFlushingWork && mightHavePendingSyncWork) {
+    var errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root = firstScheduledRoot; null !== root; ) {
+        if (!onlyLegacy || 0 === root.tag) {
+          var workInProgressRootRenderLanes$9 = workInProgressRootRenderLanes,
+            nextLanes = getNextLanes(
+              root,
+              root === workInProgressRoot ? workInProgressRootRenderLanes$9 : 0
+            );
+          if (0 !== (nextLanes & 3))
+            try {
+              didPerformSomeWork = !0;
+              workInProgressRootRenderLanes$9 = root;
+              if (0 !== (executionContext & 6))
+                throw Error("Should not already be working.");
+              if (!flushPassiveEffects()) {
+                var exitStatus = renderRootSync(
+                  workInProgressRootRenderLanes$9,
+                  nextLanes
+                );
+                if (
+                  0 !== workInProgressRootRenderLanes$9.tag &&
+                  2 === exitStatus
+                ) {
+                  var originallyAttemptedLanes = nextLanes,
+                    errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                      workInProgressRootRenderLanes$9,
+                      originallyAttemptedLanes
+                    );
+                  0 !== errorRetryLanes &&
+                    ((nextLanes = errorRetryLanes),
+                    (exitStatus = recoverFromConcurrentError(
+                      workInProgressRootRenderLanes$9,
+                      originallyAttemptedLanes,
+                      errorRetryLanes
+                    )));
+                }
+                if (1 === exitStatus)
+                  throw (
+                    ((originallyAttemptedLanes = workInProgressRootFatalError),
+                    prepareFreshStack(workInProgressRootRenderLanes$9, 0),
+                    markRootSuspended(
+                      workInProgressRootRenderLanes$9,
+                      nextLanes,
+                      0
+                    ),
+                    ensureRootIsScheduled(workInProgressRootRenderLanes$9),
+                    originallyAttemptedLanes)
+                  );
+                6 === exitStatus
+                  ? markRootSuspended(
+                      workInProgressRootRenderLanes$9,
+                      nextLanes,
+                      workInProgressDeferredLane
+                    )
+                  : ((workInProgressRootRenderLanes$9.finishedWork =
+                      workInProgressRootRenderLanes$9.current.alternate),
+                    (workInProgressRootRenderLanes$9.finishedLanes = nextLanes),
+                    commitRoot(
+                      workInProgressRootRenderLanes$9,
+                      workInProgressRootRecoverableErrors,
+                      workInProgressTransitions,
+                      workInProgressDeferredLane
+                    ));
+              }
+              ensureRootIsScheduled(workInProgressRootRenderLanes$9);
+            } catch (error) {
+              null === errors ? (errors = [error]) : errors.push(error);
+            }
+        }
+        root = root.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          (didPerformSomeWork = throwError.bind(null, errors[onlyLegacy])),
+            scheduleCallback$2(ImmediatePriority, didPerformSomeWork);
+      }
+      throw errors[0];
+    }
+  }
+}
+function throwError(error) {
+  throw error;
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next,
+      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -62914561;
+    0 < lanes;
+
+  ) {
+    var index$3 = 31 - clz32(lanes),
+      lane = 1 << index$3,
+      expirationTime = expirationTimes[index$3];
+    if (-1 === expirationTime) {
+      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
+        expirationTimes[index$3] = computeExpirationTime(lane, currentTime);
+    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
+    lanes &= ~lane;
+  }
+  currentTime = workInProgressRoot;
+  suspendedLanes = workInProgressRootRenderLanes;
+  suspendedLanes = getNextLanes(
+    root,
+    root === currentTime ? suspendedLanes : 0
+  );
+  pingedLanes = root.callbackNode;
+  if (
+    0 === suspendedLanes ||
+    (root === currentTime && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackNode = null),
+      (root.callbackPriority = 0)
+    );
+  if (0 !== (suspendedLanes & 3))
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackPriority = 2),
+      (root.callbackNode = null),
+      2
+    );
+  currentTime = suspendedLanes & -suspendedLanes;
+  if (currentTime === root.callbackPriority) return currentTime;
+  null !== pingedLanes && cancelCallback$1(pingedLanes);
+  switch (lanesToEventPriority(suspendedLanes)) {
+    case 2:
+      suspendedLanes = ImmediatePriority;
+      break;
+    case 8:
+      suspendedLanes = UserBlockingPriority;
+      break;
+    case 32:
+      suspendedLanes = NormalPriority;
+      break;
+    case 268435456:
+      suspendedLanes = IdlePriority;
+      break;
+    default:
+      suspendedLanes = NormalPriority;
+  }
+  pingedLanes = performConcurrentWorkOnRoot.bind(null, root);
+  suspendedLanes = scheduleCallback$2(suspendedLanes, pingedLanes);
+  root.callbackPriority = currentTime;
+  root.callbackNode = suspendedLanes;
+  return currentTime;
 }
 var hasForceUpdate = !1;
 function initializeUpdateQueue(fiber) {
@@ -2370,8 +2336,8 @@ function initializeUpdateQueue(fiber) {
     baseState: fiber.memoizedState,
     firstBaseUpdate: null,
     lastBaseUpdate: null,
-    shared: { pending: null, interleaved: null, lanes: 0 },
-    effects: null
+    shared: { pending: null, lanes: 0, hiddenCallbacks: null },
+    callbacks: null
   };
 }
 function cloneUpdateQueue(current, workInProgress) {
@@ -2382,18 +2348,11 @@ function cloneUpdateQueue(current, workInProgress) {
       firstBaseUpdate: current.firstBaseUpdate,
       lastBaseUpdate: current.lastBaseUpdate,
       shared: current.shared,
-      effects: current.effects
+      callbacks: null
     });
 }
-function createUpdate(eventTime, lane) {
-  return {
-    eventTime: eventTime,
-    lane: lane,
-    tag: 0,
-    payload: null,
-    callback: null,
-    next: null
-  };
+function createUpdate(lane) {
+  return { lane: lane, tag: 0, payload: null, callback: null, next: null };
 }
 function enqueueUpdate(fiber, update, lane) {
   var updateQueue = fiber.updateQueue;
@@ -2405,18 +2364,16 @@ function enqueueUpdate(fiber, update, lane) {
       ? (update.next = update)
       : ((update.next = pending.next), (pending.next = update));
     updateQueue.pending = update;
-    return markUpdateLaneFromFiberToRoot(fiber, lane);
+    update = getRootForUpdatedFiber(fiber);
+    markUpdateLaneFromFiberToRoot(fiber, null, lane);
+    return update;
   }
-  pending = updateQueue.interleaved;
-  null === pending
-    ? ((update.next = update), pushConcurrentUpdateQueue(updateQueue))
-    : ((update.next = pending.next), (pending.next = update));
-  updateQueue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
+  enqueueUpdate$1(fiber, updateQueue, update, lane);
+  return getRootForUpdatedFiber(fiber);
 }
 function entangleTransitions(root, fiber, lane) {
   fiber = fiber.updateQueue;
-  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194240))) {
+  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194176))) {
     var queueLanes = fiber.lanes;
     queueLanes &= root.pendingLanes;
     lane |= queueLanes;
@@ -2437,11 +2394,10 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
     if (null !== queue) {
       do {
         var clone = {
-          eventTime: queue.eventTime,
           lane: queue.lane,
           tag: queue.tag,
           payload: queue.payload,
-          callback: queue.callback,
+          callback: null,
           next: null
         };
         null === newLast
@@ -2458,7 +2414,7 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
       firstBaseUpdate: newFirst,
       lastBaseUpdate: newLast,
       shared: current.shared,
-      effects: current.effects
+      callbacks: current.callbacks
     };
     workInProgress.updateQueue = queue;
     return;
@@ -2472,7 +2428,7 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
 function processUpdateQueue(
   workInProgress$jscomp$0,
   props,
-  instance,
+  instance$jscomp$0,
   renderLanes
 ) {
   var queue = workInProgress$jscomp$0.updateQueue;
@@ -2505,32 +2461,32 @@ function processUpdateQueue(
     current = firstPendingUpdate = lastPendingUpdate = null;
     pendingQueue = firstBaseUpdate;
     do {
-      var updateLane = pendingQueue.lane,
-        updateEventTime = pendingQueue.eventTime;
-      if ((renderLanes & updateLane) === updateLane) {
+      var updateLane = pendingQueue.lane & -536870913,
+        isHiddenUpdate = updateLane !== pendingQueue.lane;
+      if (
+        isHiddenUpdate
+          ? (workInProgressRootRenderLanes & updateLane) === updateLane
+          : (renderLanes & updateLane) === updateLane
+      ) {
         null !== current &&
-          (current = current.next = {
-            eventTime: updateEventTime,
-            lane: 0,
-            tag: pendingQueue.tag,
-            payload: pendingQueue.payload,
-            callback: pendingQueue.callback,
-            next: null
-          });
+          (current = current.next =
+            {
+              lane: 0,
+              tag: pendingQueue.tag,
+              payload: pendingQueue.payload,
+              callback: null,
+              next: null
+            });
         a: {
           var workInProgress = workInProgress$jscomp$0,
             update = pendingQueue;
           updateLane = props;
-          updateEventTime = instance;
+          var instance = instance$jscomp$0;
           switch (update.tag) {
             case 1:
               workInProgress = update.payload;
               if ("function" === typeof workInProgress) {
-                newState = workInProgress.call(
-                  updateEventTime,
-                  newState,
-                  updateLane
-                );
+                newState = workInProgress.call(instance, newState, updateLane);
                 break a;
               }
               newState = workInProgress;
@@ -2541,7 +2497,7 @@ function processUpdateQueue(
               workInProgress = update.payload;
               updateLane =
                 "function" === typeof workInProgress
-                  ? workInProgress.call(updateEventTime, newState, updateLane)
+                  ? workInProgress.call(instance, newState, updateLane)
                   : workInProgress;
               if (null === updateLane || void 0 === updateLane) break a;
               newState = assign({}, newState, updateLane);
@@ -2550,16 +2506,16 @@ function processUpdateQueue(
               hasForceUpdate = !0;
           }
         }
-        null !== pendingQueue.callback &&
-          0 !== pendingQueue.lane &&
+        updateLane = pendingQueue.callback;
+        null !== updateLane &&
           ((workInProgress$jscomp$0.flags |= 64),
-          (updateLane = queue.effects),
-          null === updateLane
-            ? (queue.effects = [pendingQueue])
-            : updateLane.push(pendingQueue));
+          isHiddenUpdate && (workInProgress$jscomp$0.flags |= 8192),
+          (isHiddenUpdate = queue.callbacks),
+          null === isHiddenUpdate
+            ? (queue.callbacks = [updateLane])
+            : isHiddenUpdate.push(updateLane));
       } else
-        (updateEventTime = {
-          eventTime: updateEventTime,
+        (isHiddenUpdate = {
           lane: updateLane,
           tag: pendingQueue.tag,
           payload: pendingQueue.payload,
@@ -2567,208 +2523,185 @@ function processUpdateQueue(
           next: null
         }),
           null === current
-            ? ((firstPendingUpdate = current = updateEventTime),
+            ? ((firstPendingUpdate = current = isHiddenUpdate),
               (lastPendingUpdate = newState))
-            : (current = current.next = updateEventTime),
+            : (current = current.next = isHiddenUpdate),
           (lastBaseUpdate |= updateLane);
       pendingQueue = pendingQueue.next;
       if (null === pendingQueue)
         if (((pendingQueue = queue.shared.pending), null === pendingQueue))
           break;
         else
-          (updateLane = pendingQueue),
-            (pendingQueue = updateLane.next),
-            (updateLane.next = null),
-            (queue.lastBaseUpdate = updateLane),
+          (isHiddenUpdate = pendingQueue),
+            (pendingQueue = isHiddenUpdate.next),
+            (isHiddenUpdate.next = null),
+            (queue.lastBaseUpdate = isHiddenUpdate),
             (queue.shared.pending = null);
     } while (1);
     null === current && (lastPendingUpdate = newState);
     queue.baseState = lastPendingUpdate;
     queue.firstBaseUpdate = firstPendingUpdate;
     queue.lastBaseUpdate = current;
-    props = queue.shared.interleaved;
-    if (null !== props) {
-      queue = props;
-      do (lastBaseUpdate |= queue.lane), (queue = queue.next);
-      while (queue !== props);
-    } else null === firstBaseUpdate && (queue.shared.lanes = 0);
+    null === firstBaseUpdate && (queue.shared.lanes = 0);
     workInProgressRootSkippedLanes |= lastBaseUpdate;
     workInProgress$jscomp$0.lanes = lastBaseUpdate;
     workInProgress$jscomp$0.memoizedState = newState;
   }
 }
-function commitUpdateQueue(finishedWork, finishedQueue, instance) {
-  finishedWork = finishedQueue.effects;
-  finishedQueue.effects = null;
-  if (null !== finishedWork)
-    for (
-      finishedQueue = 0;
-      finishedQueue < finishedWork.length;
-      finishedQueue++
-    ) {
-      var effect = finishedWork[finishedQueue],
-        callback = effect.callback;
-      if (null !== callback) {
-        effect.callback = null;
-        if ("function" !== typeof callback)
+function callCallback(callback, context) {
+  if ("function" !== typeof callback)
+    throw Error(
+      "Invalid argument passed as callback. Expected a function. Instead received: " +
+        callback
+    );
+  callback.call(context);
+}
+function commitCallbacks(updateQueue, context) {
+  var callbacks = updateQueue.callbacks;
+  if (null !== callbacks)
+    for (
+      updateQueue.callbacks = null, updateQueue = 0;
+      updateQueue < callbacks.length;
+      updateQueue++
+    )
+      callCallback(callbacks[updateQueue], context);
+}
+function shallowEqual(objA, objB) {
+  if (objectIs(objA, objB)) return !0;
+  if (
+    "object" !== typeof objA ||
+    null === objA ||
+    "object" !== typeof objB ||
+    null === objB
+  )
+    return !1;
+  var keysA = Object.keys(objA),
+    keysB = Object.keys(objB);
+  if (keysA.length !== keysB.length) return !1;
+  for (keysB = 0; keysB < keysA.length; keysB++) {
+    var currentKey = keysA[keysB];
+    if (
+      !hasOwnProperty.call(objB, currentKey) ||
+      !objectIs(objA[currentKey], objB[currentKey])
+    )
+      return !1;
+  }
+  return !0;
+}
+function describeFiber(fiber) {
+  switch (fiber.tag) {
+    case 26:
+    case 27:
+    case 5:
+      return describeComponentFrame(fiber.type, null);
+    case 16:
+      return describeComponentFrame("Lazy", null);
+    case 13:
+      return describeComponentFrame("Suspense", null);
+    case 19:
+      return describeComponentFrame("SuspenseList", null);
+    case 0:
+    case 2:
+    case 15:
+      return describeFunctionComponentFrame(fiber.type);
+    case 11:
+      return describeFunctionComponentFrame(fiber.type.render);
+    case 1:
+      return (fiber = describeFunctionComponentFrame(fiber.type)), fiber;
+    default:
+      return "";
+  }
+}
+var SuspenseException = Error(
+    "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"
+  ),
+  SuspenseyCommitException = Error(
+    "Suspense Exception: This is not a real error, and should not leak into userspace. If you're seeing this, it's likely a bug in React."
+  ),
+  noopSuspenseyCommitThenable = { then: function () {} };
+function isThenableResolved(thenable) {
+  thenable = thenable.status;
+  return "fulfilled" === thenable || "rejected" === thenable;
+}
+function noop() {}
+function trackUsedThenable(thenableState, thenable, index) {
+  index = thenableState[index];
+  void 0 === index
+    ? thenableState.push(thenable)
+    : index !== thenable && (thenable.then(noop, noop), (thenable = index));
+  switch (thenable.status) {
+    case "fulfilled":
+      return thenable.value;
+    case "rejected":
+      throw (
+        ((thenableState = thenable.reason),
+        checkIfUseWrappedInAsyncCatch(thenableState),
+        thenableState)
+      );
+    default:
+      if ("string" === typeof thenable.status) thenable.then(noop, noop);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
           throw Error(
-            "Invalid argument passed as callback. Expected a function. Instead received: " +
-              callback
+            "async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
           );
-        callback.call(instance);
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
+            }
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+        switch (thenable.status) {
+          case "fulfilled":
+            return thenable.value;
+          case "rejected":
+            throw (
+              ((thenableState = thenable.reason),
+              checkIfUseWrappedInAsyncCatch(thenableState),
+              thenableState)
+            );
+        }
       }
-    }
-}
-var emptyRefsObject = new React.Component().refs;
-function applyDerivedStateFromProps(
-  workInProgress,
-  ctor,
-  getDerivedStateFromProps,
-  nextProps
-) {
-  ctor = workInProgress.memoizedState;
-  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
-  getDerivedStateFromProps =
-    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
-      ? ctor
-      : assign({}, ctor, getDerivedStateFromProps);
-  workInProgress.memoizedState = getDerivedStateFromProps;
-  0 === workInProgress.lanes &&
-    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
-}
-var classComponentUpdater = {
-  isMounted: function(component) {
-    return (component = component._reactInternals)
-      ? getNearestMountedFiber(component) === component
-      : !1;
-  },
-  enqueueSetState: function(inst, payload, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane, eventTime),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueReplaceState: function(inst, payload, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.tag = 1;
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane, eventTime),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueForceUpdate: function(inst, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.tag = 2;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    callback = enqueueUpdate(inst, update, lane);
-    null !== callback &&
-      (scheduleUpdateOnFiber(callback, inst, lane, eventTime),
-      entangleTransitions(callback, inst, lane));
+      suspendedThenable = thenable;
+      throw SuspenseException;
   }
-};
-function checkShouldComponentUpdate(
-  workInProgress,
-  ctor,
-  oldProps,
-  newProps,
-  oldState,
-  newState,
-  nextContext
-) {
-  workInProgress = workInProgress.stateNode;
-  return "function" === typeof workInProgress.shouldComponentUpdate
-    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
-    : ctor.prototype && ctor.prototype.isPureReactComponent
-    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-    : !0;
 }
-function constructClassInstance(workInProgress, ctor, props) {
-  var isLegacyContextConsumer = !1,
-    unmaskedContext = emptyContextObject;
-  var context = ctor.contextType;
-  "object" === typeof context && null !== context
-    ? (context = readContext(context))
-    : ((unmaskedContext = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (isLegacyContextConsumer = ctor.contextTypes),
-      (context = (isLegacyContextConsumer =
-        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
-        ? getMaskedContext(workInProgress, unmaskedContext)
-        : emptyContextObject));
-  ctor = new ctor(props, context);
-  workInProgress.memoizedState =
-    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
-  ctor.updater = classComponentUpdater;
-  workInProgress.stateNode = ctor;
-  ctor._reactInternals = workInProgress;
-  isLegacyContextConsumer &&
-    ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-  return ctor;
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  if (null === suspendedThenable)
+    throw Error(
+      "Expected a suspended thenable. This is a bug in React. Please file an issue."
+    );
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
 }
-function callComponentWillReceiveProps(
-  workInProgress,
-  instance,
-  newProps,
-  nextContext
-) {
-  workInProgress = instance.state;
-  "function" === typeof instance.componentWillReceiveProps &&
-    instance.componentWillReceiveProps(newProps, nextContext);
-  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
-    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
-  instance.state !== workInProgress &&
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+function checkIfUseWrappedInAsyncCatch(rejectedReason) {
+  if (rejectedReason === SuspenseException)
+    throw Error(
+      "Hooks are not supported inside an async component. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
+    );
 }
-function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
-  var instance = workInProgress.stateNode;
-  instance.props = newProps;
-  instance.state = workInProgress.memoizedState;
-  instance.refs = emptyRefsObject;
-  initializeUpdateQueue(workInProgress);
-  var contextType = ctor.contextType;
-  "object" === typeof contextType && null !== contextType
-    ? (instance.context = readContext(contextType))
-    : ((contextType = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (instance.context = getMaskedContext(workInProgress, contextType)));
-  instance.state = workInProgress.memoizedState;
-  contextType = ctor.getDerivedStateFromProps;
-  "function" === typeof contextType &&
-    (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
-    (instance.state = workInProgress.memoizedState));
-  "function" === typeof ctor.getDerivedStateFromProps ||
-    "function" === typeof instance.getSnapshotBeforeUpdate ||
-    ("function" !== typeof instance.UNSAFE_componentWillMount &&
-      "function" !== typeof instance.componentWillMount) ||
-    ((ctor = instance.state),
-    "function" === typeof instance.componentWillMount &&
-      instance.componentWillMount(),
-    "function" === typeof instance.UNSAFE_componentWillMount &&
-      instance.UNSAFE_componentWillMount(),
-    ctor !== instance.state &&
-      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
-    processUpdateQueue(workInProgress, newProps, instance, renderLanes),
-    (instance.state = workInProgress.memoizedState));
-  "function" === typeof instance.componentDidMount &&
-    (workInProgress.flags |= 4);
+var thenableState$1 = null,
+  thenableIndexCounter$1 = 0;
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter$1;
+  thenableIndexCounter$1 += 1;
+  null === thenableState$1 && (thenableState$1 = []);
+  return trackUsedThenable(thenableState$1, thenable, index);
 }
 function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
@@ -2782,7 +2715,7 @@ function coerceRef(returnFiber, current, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://react.dev/reference/react/Component#refs"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2801,9 +2734,8 @@ function coerceRef(returnFiber, current, element) {
         current.ref._stringRef === stringRef
       )
         return current.ref;
-      current = function(value) {
+      current = function (value) {
         var refs = resolvedInst.refs;
-        refs === emptyRefsObject && (refs = resolvedInst.refs = {});
         null === value ? delete refs[stringRef] : (refs[stringRef] = value);
       };
       current._stringRef = stringRef;
@@ -2817,7 +2749,7 @@ function coerceRef(returnFiber, current, element) {
       throw Error(
         "Element ref was specified as a string (" +
           returnFiber +
-          ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://legacy.reactjs.org/warnings/refs-must-have-owner.html for more information."
+          ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://reactjs.org/link/refs-must-have-owner for more information."
       );
   }
   return returnFiber;
@@ -2836,7 +2768,7 @@ function resolveLazy(lazyType) {
   var init = lazyType._init;
   return init(lazyType._payload);
 }
-function ChildReconciler(shouldTrackSideEffects) {
+function createChildReconciler(shouldTrackSideEffects) {
   function deleteChild(returnFiber, childToDelete) {
     if (shouldTrackSideEffects) {
       var deletions = returnFiber.deletions;
@@ -2875,16 +2807,16 @@ function ChildReconciler(shouldTrackSideEffects) {
       return (
         (newIndex = newIndex.index),
         newIndex < lastPlacedIndex
-          ? ((newFiber.flags |= 2), lastPlacedIndex)
+          ? ((newFiber.flags |= 33554434), lastPlacedIndex)
           : newIndex
       );
-    newFiber.flags |= 2;
+    newFiber.flags |= 33554434;
     return lastPlacedIndex;
   }
   function placeSingleChild(newFiber) {
     shouldTrackSideEffects &&
       null === newFiber.alternate &&
-      (newFiber.flags |= 2);
+      (newFiber.flags |= 33554434);
     return newFiber;
   }
   function updateTextNode(returnFiber, current, textContent, lanes) {
@@ -3021,6 +2953,14 @@ function ChildReconciler(shouldTrackSideEffects) {
           (newChild.return = returnFiber),
           newChild
         );
+      if ("function" === typeof newChild.then)
+        return createChild(returnFiber, unwrapThenable(newChild), lanes);
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return createChild(
+          returnFiber,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3054,6 +2994,20 @@ function ChildReconciler(shouldTrackSideEffects) {
         return null !== key
           ? null
           : updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+      if ("function" === typeof newChild.then)
+        return updateSlot(
+          returnFiber,
+          oldFiber,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return updateSlot(
+          returnFiber,
+          oldFiber,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3106,6 +3060,22 @@ function ChildReconciler(shouldTrackSideEffects) {
           (existingChildren = existingChildren.get(newIdx) || null),
           updateFragment(returnFiber, existingChildren, newChild, lanes, null)
         );
+      if ("function" === typeof newChild.then)
+        return updateFromMap(
+          existingChildren,
+          returnFiber,
+          newIdx,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return updateFromMap(
+          existingChildren,
+          returnFiber,
+          newIdx,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3196,7 +3166,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             : (previousNewFiber.sibling = nextOldFiber),
           (previousNewFiber = nextOldFiber));
     shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
+      oldFiber.forEach(function (child) {
         return deleteChild(returnFiber, child);
       });
     return resultingFirstChild;
@@ -3272,12 +3242,12 @@ function ChildReconciler(shouldTrackSideEffects) {
             : (previousNewFiber.sibling = step),
           (previousNewFiber = step));
     shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
+      oldFiber.forEach(function (child) {
         return deleteChild(returnFiber, child);
       });
     return iteratorFn;
   }
-  function reconcileChildFibers(
+  function reconcileChildFibersImpl(
     returnFiber,
     currentFirstChild,
     newChild,
@@ -3422,6 +3392,20 @@ function ChildReconciler(shouldTrackSideEffects) {
           newChild,
           lanes
         );
+      if ("function" === typeof newChild.then)
+        return reconcileChildFibersImpl(
+          returnFiber,
+          currentFirstChild,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return reconcileChildFibersImpl(
+          returnFiber,
+          currentFirstChild,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return ("string" === typeof newChild && "" !== newChild) ||
@@ -3443,54 +3427,76 @@ function ChildReconciler(shouldTrackSideEffects) {
         placeSingleChild(returnFiber))
       : deleteRemainingChildren(returnFiber, currentFirstChild);
   }
-  return reconcileChildFibers;
-}
-var reconcileChildFibers = ChildReconciler(!0),
-  mountChildFibers = ChildReconciler(!1),
-  NO_CONTEXT = {},
-  contextStackCursor$1 = createCursor(NO_CONTEXT),
-  contextFiberStackCursor = createCursor(NO_CONTEXT),
-  rootInstanceStackCursor = createCursor(NO_CONTEXT);
-function requiredContext(c) {
-  if (c === NO_CONTEXT)
-    throw Error(
-      "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+  function reconcileChildFibers(
+    returnFiber,
+    currentFirstChild,
+    newChild,
+    lanes
+  ) {
+    thenableIndexCounter$1 = 0;
+    returnFiber = reconcileChildFibersImpl(
+      returnFiber,
+      currentFirstChild,
+      newChild,
+      lanes
     );
-  return c;
-}
-function pushHostContainer(fiber, nextRootInstance) {
-  push(rootInstanceStackCursor, nextRootInstance);
-  push(contextFiberStackCursor, fiber);
-  push(contextStackCursor$1, NO_CONTEXT);
-  pop(contextStackCursor$1);
-  push(contextStackCursor$1, { isInAParentText: !1 });
+    thenableState$1 = null;
+    return returnFiber;
+  }
+  return reconcileChildFibers;
 }
-function popHostContainer() {
-  pop(contextStackCursor$1);
-  pop(contextFiberStackCursor);
-  pop(rootInstanceStackCursor);
+var reconcileChildFibers = createChildReconciler(!0),
+  mountChildFibers = createChildReconciler(!1),
+  currentTreeHiddenStackCursor = createCursor(null),
+  prevEntangledRenderLanesCursor = createCursor(0);
+function pushHiddenContext(fiber, context) {
+  fiber = entangledRenderLanes;
+  push(prevEntangledRenderLanesCursor, fiber);
+  push(currentTreeHiddenStackCursor, context);
+  entangledRenderLanes = fiber | context.baseLanes;
+}
+function reuseHiddenContextOnStack() {
+  push(prevEntangledRenderLanesCursor, entangledRenderLanes);
+  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
+}
+function popHiddenContext() {
+  entangledRenderLanes = prevEntangledRenderLanesCursor.current;
+  pop(currentTreeHiddenStackCursor);
+  pop(prevEntangledRenderLanesCursor);
+}
+var suspenseHandlerStackCursor = createCursor(null),
+  shellBoundary = null;
+function pushPrimaryTreeSuspenseHandler(handler) {
+  var current = handler.alternate;
+  push(suspenseStackCursor, suspenseStackCursor.current & 1);
+  push(suspenseHandlerStackCursor, handler);
+  null === shellBoundary &&
+    (null === current || null !== currentTreeHiddenStackCursor.current
+      ? (shellBoundary = handler)
+      : null !== current.memoizedState && (shellBoundary = handler));
+}
+function pushOffscreenSuspenseHandler(fiber) {
+  if (22 === fiber.tag) {
+    if (
+      (push(suspenseStackCursor, suspenseStackCursor.current),
+      push(suspenseHandlerStackCursor, fiber),
+      null === shellBoundary)
+    ) {
+      var current = fiber.alternate;
+      null !== current &&
+        null !== current.memoizedState &&
+        (shellBoundary = fiber);
+    }
+  } else reuseSuspenseHandlerOnStack(fiber);
 }
-function pushHostContext(fiber) {
-  requiredContext(rootInstanceStackCursor.current);
-  var context = requiredContext(contextStackCursor$1.current);
-  var JSCompiler_inline_result = fiber.type;
-  JSCompiler_inline_result =
-    "AndroidTextInput" === JSCompiler_inline_result ||
-    "RCTMultilineTextInputView" === JSCompiler_inline_result ||
-    "RCTSinglelineTextInputView" === JSCompiler_inline_result ||
-    "RCTText" === JSCompiler_inline_result ||
-    "RCTVirtualText" === JSCompiler_inline_result;
-  JSCompiler_inline_result =
-    context.isInAParentText !== JSCompiler_inline_result
-      ? { isInAParentText: JSCompiler_inline_result }
-      : context;
-  context !== JSCompiler_inline_result &&
-    (push(contextFiberStackCursor, fiber),
-    push(contextStackCursor$1, JSCompiler_inline_result));
+function reuseSuspenseHandlerOnStack() {
+  push(suspenseStackCursor, suspenseStackCursor.current);
+  push(suspenseHandlerStackCursor, suspenseHandlerStackCursor.current);
 }
-function popHostContext(fiber) {
-  contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
+function popSuspenseHandler(fiber) {
+  pop(suspenseHandlerStackCursor);
+  shellBoundary === fiber && (shellBoundary = null);
+  pop(suspenseStackCursor);
 }
 var suspenseStackCursor = createCursor(0);
 function findFirstSuspended(row) {
@@ -3516,24 +3522,21 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var workInProgressSources = [];
-function resetWorkInProgressVersions() {
-  for (var i = 0; i < workInProgressSources.length; i++)
-    workInProgressSources[i]._workInProgressVersionSecondary = null;
-  workInProgressSources.length = 0;
-}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
+  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
   didScheduleRenderPhaseUpdate = !1,
   didScheduleRenderPhaseUpdateDuringThisPass = !1,
+  shouldDoubleInvokeUserFnsInHooksDEV = !1,
+  thenableIndexCounter = 0,
+  thenableState = null,
   globalClientIdCounter = 0;
 function throwInvalidHookError() {
   throw Error(
-    "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/warnings/invalid-hook-call-warning for tips about how to debug and fix this problem."
+    "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem."
   );
 }
 function areHookInputsEqual(nextDeps, prevDeps) {
@@ -3559,32 +3562,74 @@ function renderWithHooks(
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
+  shouldDoubleInvokeUserFnsInHooksDEV = !1;
   current = Component(props, secondArg);
-  if (didScheduleRenderPhaseUpdateDuringThisPass) {
-    nextRenderLanes = 0;
-    do {
-      didScheduleRenderPhaseUpdateDuringThisPass = !1;
-      if (25 <= nextRenderLanes)
-        throw Error(
-          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-        );
-      nextRenderLanes += 1;
-      workInProgressHook = currentHook = null;
-      workInProgress.updateQueue = null;
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
-      current = Component(props, secondArg);
-    } while (didScheduleRenderPhaseUpdateDuringThisPass);
-  }
+  shouldDoubleInvokeUserFnsInHooksDEV = !1;
+  didScheduleRenderPhaseUpdateDuringThisPass &&
+    (current = renderWithHooksAgain(
+      workInProgress,
+      Component,
+      props,
+      secondArg
+    ));
+  finishRenderingHooks();
+  return current;
+}
+function finishRenderingHooks() {
   ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-  workInProgress = null !== currentHook && null !== currentHook.next;
+  var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
   didScheduleRenderPhaseUpdate = !1;
-  if (workInProgress)
+  thenableIndexCounter = 0;
+  thenableState = null;
+  if (didRenderTooFewHooks)
     throw Error(
       "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
     );
-  return current;
+}
+function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
+  currentlyRenderingFiber$1 = workInProgress;
+  var numberOfReRenders = 0;
+  do {
+    didScheduleRenderPhaseUpdateDuringThisPass && (thenableState = null);
+    thenableIndexCounter = 0;
+    didScheduleRenderPhaseUpdateDuringThisPass = !1;
+    if (25 <= numberOfReRenders)
+      throw Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      );
+    numberOfReRenders += 1;
+    workInProgressHook = currentHook = null;
+    workInProgress.updateQueue = null;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
+    var children = Component(props, secondArg);
+  } while (didScheduleRenderPhaseUpdateDuringThisPass);
+  return children;
+}
+function bailoutHooks(current, workInProgress, lanes) {
+  workInProgress.updateQueue = current.updateQueue;
+  workInProgress.flags &= -2053;
+  current.lanes &= ~lanes;
+}
+function resetHooksOnUnwind(workInProgress) {
+  if (didScheduleRenderPhaseUpdate) {
+    for (
+      workInProgress = workInProgress.memoizedState;
+      null !== workInProgress;
+
+    ) {
+      var queue = workInProgress.queue;
+      null !== queue && (queue.pending = null);
+      workInProgress = workInProgress.next;
+    }
+    didScheduleRenderPhaseUpdate = !1;
+  }
+  renderLanes = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdateDuringThisPass = !1;
+  thenableIndexCounter = 0;
+  thenableState = null;
 }
 function mountWorkInProgressHook() {
   var hook = {
@@ -3613,8 +3658,13 @@ function updateWorkInProgressHook() {
     (workInProgressHook = nextWorkInProgressHook),
       (currentHook = nextCurrentHook);
   else {
-    if (null === nextCurrentHook)
+    if (null === nextCurrentHook) {
+      if (null === currentlyRenderingFiber$1.alternate)
+        throw Error(
+          "Update hook called on initial render. This is likely a bug in React. Please file an issue."
+        );
       throw Error("Rendered more hooks than during the previous render.");
+    }
     currentHook = nextCurrentHook;
     nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
@@ -3624,24 +3674,48 @@ function updateWorkInProgressHook() {
       next: null
     };
     null === workInProgressHook
-      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook =
+          nextCurrentHook)
       : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
+var createFunctionComponentUpdateQueue;
+createFunctionComponentUpdateQueue = function () {
+  return { lastEffect: null, events: null, stores: null };
+};
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
+function use(usable) {
+  if (null !== usable && "object" === typeof usable) {
+    if ("function" === typeof usable.then) return useThenable(usable);
+    if (usable.$$typeof === REACT_CONTEXT_TYPE) return readContext(usable);
+  }
+  throw Error("An unsupported type was passed to use(): " + String(usable));
+}
 function basicStateReducer(state, action) {
   return "function" === typeof action ? action(state) : action;
 }
 function updateReducer(reducer) {
   var hook = updateWorkInProgressHook(),
+    current = currentHook,
     queue = hook.queue;
   if (null === queue)
     throw Error(
       "Should have a queue. This is likely a bug in React. Please file an issue."
     );
   queue.lastRenderedReducer = reducer;
-  var current = currentHook,
-    baseQueue = current.baseQueue,
+  var baseQueue = hook.baseQueue,
     pendingQueue = queue.pending;
   if (null !== pendingQueue) {
     if (null !== baseQueue) {
@@ -3652,29 +3726,40 @@ function updateReducer(reducer) {
     current.baseQueue = baseQueue = pendingQueue;
     queue.pending = null;
   }
-  if (null !== baseQueue) {
-    pendingQueue = baseQueue.next;
-    current = current.baseState;
+  pendingQueue = hook.baseState;
+  if (null === baseQueue) hook.memoizedState = pendingQueue;
+  else {
+    current = baseQueue.next;
     var newBaseQueueFirst = (baseFirst = null),
       newBaseQueueLast = null,
-      update = pendingQueue;
+      update = current;
     do {
-      var updateLane = update.lane;
-      if ((renderLanes & updateLane) === updateLane)
+      var updateLane = update.lane & -536870913;
+      if (
+        updateLane !== update.lane
+          ? (workInProgressRootRenderLanes & updateLane) === updateLane
+          : (renderLanes & updateLane) === updateLane
+      )
         null !== newBaseQueueLast &&
-          (newBaseQueueLast = newBaseQueueLast.next = {
-            lane: 0,
-            action: update.action,
-            hasEagerState: update.hasEagerState,
-            eagerState: update.eagerState,
-            next: null
-          }),
-          (current = update.hasEagerState
+          (newBaseQueueLast = newBaseQueueLast.next =
+            {
+              lane: 0,
+              revertLane: 0,
+              action: update.action,
+              hasEagerState: update.hasEagerState,
+              eagerState: update.eagerState,
+              next: null
+            }),
+          (updateLane = update.action),
+          shouldDoubleInvokeUserFnsInHooksDEV &&
+            reducer(pendingQueue, updateLane),
+          (pendingQueue = update.hasEagerState
             ? update.eagerState
-            : reducer(current, update.action));
+            : reducer(pendingQueue, updateLane));
       else {
         var clone = {
           lane: updateLane,
+          revertLane: update.revertLane,
           action: update.action,
           hasEagerState: update.hasEagerState,
           eagerState: update.eagerState,
@@ -3682,32 +3767,23 @@ function updateReducer(reducer) {
         };
         null === newBaseQueueLast
           ? ((newBaseQueueFirst = newBaseQueueLast = clone),
-            (baseFirst = current))
+            (baseFirst = pendingQueue))
           : (newBaseQueueLast = newBaseQueueLast.next = clone);
         currentlyRenderingFiber$1.lanes |= updateLane;
         workInProgressRootSkippedLanes |= updateLane;
       }
       update = update.next;
-    } while (null !== update && update !== pendingQueue);
+    } while (null !== update && update !== current);
     null === newBaseQueueLast
-      ? (baseFirst = current)
+      ? (baseFirst = pendingQueue)
       : (newBaseQueueLast.next = newBaseQueueFirst);
-    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
-    hook.memoizedState = current;
+    objectIs(pendingQueue, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = pendingQueue;
     hook.baseState = baseFirst;
     hook.baseQueue = newBaseQueueLast;
-    queue.lastRenderedState = current;
+    queue.lastRenderedState = pendingQueue;
   }
-  reducer = queue.interleaved;
-  if (null !== reducer) {
-    baseQueue = reducer;
-    do
-      (pendingQueue = baseQueue.lane),
-        (currentlyRenderingFiber$1.lanes |= pendingQueue),
-        (workInProgressRootSkippedLanes |= pendingQueue),
-        (baseQueue = baseQueue.next);
-    while (baseQueue !== reducer);
-  } else null === baseQueue && (queue.lanes = 0);
+  null === baseQueue && (queue.lanes = 0);
   return [hook.memoizedState, queue.dispatch];
 }
 function rerenderReducer(reducer) {
@@ -3733,12 +3809,14 @@ function rerenderReducer(reducer) {
   }
   return [newState, dispatch];
 }
-function updateMutableSource() {}
 function updateSyncExternalStore(subscribe, getSnapshot) {
   var fiber = currentlyRenderingFiber$1,
-    hook = updateWorkInProgressHook(),
-    nextSnapshot = getSnapshot(),
-    snapshotChanged = !objectIs(hook.memoizedState, nextSnapshot);
+    hook = updateWorkInProgressHook();
+  var nextSnapshot = getSnapshot();
+  var snapshotChanged = !objectIs(
+    (currentHook || hook).memoizedState,
+    nextSnapshot
+  );
   snapshotChanged &&
     ((hook.memoizedState = nextSnapshot), (didReceiveUpdate = !0));
   hook = hook.queue;
@@ -3754,14 +3832,14 @@ function updateSyncExternalStore(subscribe, getSnapshot) {
     pushEffect(
       9,
       updateStoreInstance.bind(null, fiber, hook, nextSnapshot, getSnapshot),
-      void 0,
+      { destroy: void 0 },
       null
     );
     if (null === workInProgressRoot)
       throw Error(
         "Expected a work-in-progress root. This is a bug in React. Please file an issue."
       );
-    0 !== (renderLanes & 30) ||
+    0 !== (renderLanes & 60) ||
       pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
   }
   return nextSnapshot;
@@ -3771,7 +3849,7 @@ function pushStoreConsistencyCheck(fiber, getSnapshot, renderedSnapshot) {
   fiber = { getSnapshot: getSnapshot, value: renderedSnapshot };
   getSnapshot = currentlyRenderingFiber$1.updateQueue;
   null === getSnapshot
-    ? ((getSnapshot = { lastEffect: null, stores: null }),
+    ? ((getSnapshot = createFunctionComponentUpdateQueue()),
       (currentlyRenderingFiber$1.updateQueue = getSnapshot),
       (getSnapshot.stores = [fiber]))
     : ((renderedSnapshot = getSnapshot.stores),
@@ -3785,7 +3863,7 @@ function updateStoreInstance(fiber, inst, nextSnapshot, getSnapshot) {
   checkIfSnapshotChanged(inst) && forceStoreRerender(fiber);
 }
 function subscribeToStore(fiber, inst, subscribe) {
-  return subscribe(function() {
+  return subscribe(function () {
     checkIfSnapshotChanged(inst) && forceStoreRerender(fiber);
   });
 }
@@ -3800,41 +3878,38 @@ function checkIfSnapshotChanged(inst) {
   }
 }
 function forceStoreRerender(fiber) {
-  var root = markUpdateLaneFromFiberToRoot(fiber, 1);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 1, -1);
+  var root = enqueueConcurrentRenderForLane(fiber, 2);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
-function mountState(initialState) {
+function mountStateImpl(initialState) {
   var hook = mountWorkInProgressHook();
-  "function" === typeof initialState && (initialState = initialState());
+  if ("function" === typeof initialState) {
+    var initialStateInitializer = initialState;
+    initialState = initialStateInitializer();
+    shouldDoubleInvokeUserFnsInHooksDEV && initialStateInitializer();
+  }
   hook.memoizedState = hook.baseState = initialState;
-  initialState = {
+  hook.queue = {
     pending: null,
-    interleaved: null,
     lanes: 0,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
   };
-  hook.queue = initialState;
-  initialState = initialState.dispatch = dispatchSetState.bind(
-    null,
-    currentlyRenderingFiber$1,
-    initialState
-  );
-  return [hook.memoizedState, initialState];
+  return hook;
 }
-function pushEffect(tag, create, destroy, deps) {
-  tag = { tag: tag, create: create, destroy: destroy, deps: deps, next: null };
+function pushEffect(tag, create, inst, deps) {
+  tag = { tag: tag, create: create, inst: inst, deps: deps, next: null };
   create = currentlyRenderingFiber$1.updateQueue;
   null === create
-    ? ((create = { lastEffect: null, stores: null }),
+    ? ((create = createFunctionComponentUpdateQueue()),
       (currentlyRenderingFiber$1.updateQueue = create),
       (create.lastEffect = tag.next = tag))
-    : ((destroy = create.lastEffect),
-      null === destroy
+    : ((inst = create.lastEffect),
+      null === inst
         ? (create.lastEffect = tag.next = tag)
-        : ((deps = destroy.next),
-          (destroy.next = tag),
+        : ((deps = inst.next),
+          (inst.next = tag),
           (tag.next = deps),
           (create.lastEffect = tag)));
   return tag;
@@ -3848,30 +3923,26 @@ function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
   hook.memoizedState = pushEffect(
     1 | hookFlags,
     create,
-    void 0,
+    { destroy: void 0 },
     void 0 === deps ? null : deps
   );
 }
 function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
-  var destroy = void 0;
-  if (null !== currentHook) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
-    if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      hook.memoizedState = pushEffect(hookFlags, create, destroy, deps);
-      return;
-    }
-  }
-  currentlyRenderingFiber$1.flags |= fiberFlags;
-  hook.memoizedState = pushEffect(1 | hookFlags, create, destroy, deps);
+  var inst = hook.memoizedState.inst;
+  null !== currentHook &&
+  null !== deps &&
+  areHookInputsEqual(deps, currentHook.memoizedState.deps)
+    ? (hook.memoizedState = pushEffect(hookFlags, create, inst, deps))
+    : ((currentlyRenderingFiber$1.flags |= fiberFlags),
+      (hook.memoizedState = pushEffect(1 | hookFlags, create, inst, deps)));
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(8390656, 8, create, deps);
+  mountEffectImpl(8390656, 8, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(2048, 8, create, deps);
+  updateEffectImpl(2048, 8, create, deps);
 }
 function updateInsertionEffect(create, deps) {
   return updateEffectImpl(4, 2, create, deps);
@@ -3884,7 +3955,7 @@ function imperativeHandleEffect(create, ref) {
     return (
       (create = create()),
       ref(create),
-      function() {
+      function () {
         ref(null);
       }
     );
@@ -3892,30 +3963,21 @@ function imperativeHandleEffect(create, ref) {
     return (
       (create = create()),
       (ref.current = create),
-      function() {
+      function () {
         ref.current = null;
       }
     );
 }
 function updateImperativeHandle(ref, create, deps) {
-  deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-  return updateEffectImpl(
-    4,
-    4,
-    imperativeHandleEffect.bind(null, create, ref),
-    deps
-  );
+  deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
+  updateEffectImpl(4, 4, imperativeHandleEffect.bind(null, create, ref), deps);
 }
 function mountDebugValue() {}
 function updateCallback(callback, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
   var prevState = hook.memoizedState;
-  if (
-    null !== prevState &&
-    null !== deps &&
-    areHookInputsEqual(deps, prevState[1])
-  )
+  if (null !== deps && areHookInputsEqual(deps, prevState[1]))
     return prevState[0];
   hook.memoizedState = [callback, deps];
   return callback;
@@ -3924,41 +3986,53 @@ function updateMemo(nextCreate, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
   var prevState = hook.memoizedState;
-  if (
-    null !== prevState &&
-    null !== deps &&
-    areHookInputsEqual(deps, prevState[1])
-  )
+  if (null !== deps && areHookInputsEqual(deps, prevState[1]))
     return prevState[0];
-  nextCreate = nextCreate();
-  hook.memoizedState = [nextCreate, deps];
-  return nextCreate;
-}
-function updateDeferredValueImpl(hook, prevValue, value) {
-  if (0 === (renderLanes & 21))
+  prevState = nextCreate();
+  shouldDoubleInvokeUserFnsInHooksDEV && nextCreate();
+  hook.memoizedState = [prevState, deps];
+  return prevState;
+}
+function mountDeferredValueImpl(hook, value, initialValue) {
+  return void 0 !== initialValue && 0 === (renderLanes & 1073741824)
+    ? ((hook.memoizedState = initialValue),
+      (hook = requestDeferredLane()),
+      (currentlyRenderingFiber$1.lanes |= hook),
+      (workInProgressRootSkippedLanes |= hook),
+      initialValue)
+    : (hook.memoizedState = value);
+}
+function updateDeferredValueImpl(hook, prevValue, value, initialValue) {
+  if (objectIs(value, prevValue)) return value;
+  if (null !== currentTreeHiddenStackCursor.current)
     return (
-      hook.baseState && ((hook.baseState = !1), (didReceiveUpdate = !0)),
-      (hook.memoizedState = value)
+      (hook = mountDeferredValueImpl(hook, value, initialValue)),
+      objectIs(hook, prevValue) || (didReceiveUpdate = !0),
+      hook
     );
-  objectIs(value, prevValue) ||
-    ((value = claimNextTransitionLane()),
-    (currentlyRenderingFiber$1.lanes |= value),
-    (workInProgressRootSkippedLanes |= value),
-    (hook.baseState = !0));
+  if (0 === (renderLanes & 42))
+    return (didReceiveUpdate = !0), (hook.memoizedState = value);
+  hook = requestDeferredLane();
+  currentlyRenderingFiber$1.lanes |= hook;
+  workInProgressRootSkippedLanes |= hook;
   return prevValue;
 }
-function startTransition(setPending, callback) {
+function startTransition(fiber, queue, pendingState, finishedState, callback) {
   var previousPriority = currentUpdatePriority;
   currentUpdatePriority =
-    0 !== previousPriority && 4 > previousPriority ? previousPriority : 4;
-  setPending(!0);
-  var prevTransition = ReactCurrentBatchConfig$1.transition;
-  ReactCurrentBatchConfig$1.transition = {};
+    0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
+  var prevTransition = ReactCurrentBatchConfig$2.transition,
+    currentTransition = { _callbacks: new Set() };
+  ReactCurrentBatchConfig$2.transition = null;
+  dispatchSetState(fiber, queue, pendingState);
+  ReactCurrentBatchConfig$2.transition = currentTransition;
   try {
-    setPending(!1), callback();
+    dispatchSetState(fiber, queue, finishedState), callback();
+  } catch (error) {
+    throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
-      (ReactCurrentBatchConfig$1.transition = prevTransition);
+      (ReactCurrentBatchConfig$2.transition = prevTransition);
   }
 }
 function updateId() {
@@ -3968,25 +4042,25 @@ function dispatchReducerAction(fiber, queue, action) {
   var lane = requestUpdateLane(fiber);
   action = {
     lane: lane,
+    revertLane: 0,
     action: action,
     hasEagerState: !1,
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    ((action = enqueueConcurrentHookUpdate(fiber, queue, action, lane)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
 }
 function dispatchSetState(fiber, queue, action) {
   var lane = requestUpdateLane(fiber),
     update = {
       lane: lane,
+      revertLane: 0,
       action: action,
       hasEagerState: !1,
       eagerState: null,
@@ -4006,20 +4080,17 @@ function dispatchSetState(fiber, queue, action) {
         update.hasEagerState = !0;
         update.eagerState = eagerState;
         if (objectIs(eagerState, currentState)) {
-          var interleaved = queue.interleaved;
-          null === interleaved
-            ? ((update.next = update), pushConcurrentUpdateQueue(queue))
-            : ((update.next = interleaved.next), (interleaved.next = update));
-          queue.interleaved = update;
+          enqueueUpdate$1(fiber, queue, update, 0);
+          null === workInProgressRoot && finishQueueingConcurrentUpdates();
           return;
         }
       } catch (error) {
       } finally {
       }
-    action = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
+    enqueueUpdate$1(fiber, queue, update, lane);
+    action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
 }
@@ -4031,7 +4102,8 @@ function isRenderPhaseUpdate(fiber) {
   );
 }
 function enqueueRenderPhaseUpdate(queue, update) {
-  didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate = !0;
+  didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate =
+    !0;
   var pending = queue.pending;
   null === pending
     ? (update.next = update)
@@ -4039,7 +4111,7 @@ function enqueueRenderPhaseUpdate(queue, update) {
   queue.pending = update;
 }
 function entangleTransitionUpdate(root, queue, lane) {
-  if (0 !== (lane & 4194240)) {
+  if (0 !== (lane & 4194176)) {
     var queueLanes = queue.lanes;
     queueLanes &= root.pendingLanes;
     lane |= queueLanes;
@@ -4049,6 +4121,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
     readContext: readContext,
+    use: use,
     useCallback: throwInvalidHookError,
     useContext: throwInvalidHookError,
     useEffect: throwInvalidHookError,
@@ -4062,14 +4135,13 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
     useTransition: throwInvalidHookError,
-    useMutableSource: throwInvalidHookError,
     useSyncExternalStore: throwInvalidHookError,
-    useId: throwInvalidHookError,
-    unstable_isNewReconciler: !1
+    useId: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
-    useCallback: function(callback, deps) {
+    use: use,
+    useCallback: function (callback, deps) {
       mountWorkInProgressHook().memoizedState = [
         callback,
         void 0 === deps ? null : deps
@@ -4078,39 +4150,42 @@ var ContextOnlyDispatcher = {
     },
     useContext: readContext,
     useEffect: mountEffect,
-    useImperativeHandle: function(ref, create, deps) {
+    useImperativeHandle: function (ref, create, deps) {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return mountEffectImpl(
-        4,
+      mountEffectImpl(
+        4194308,
         4,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
-    useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 4, create, deps);
+    useLayoutEffect: function (create, deps) {
+      return mountEffectImpl(4194308, 4, create, deps);
     },
-    useInsertionEffect: function(create, deps) {
-      return mountEffectImpl(4, 2, create, deps);
+    useInsertionEffect: function (create, deps) {
+      mountEffectImpl(4, 2, create, deps);
     },
-    useMemo: function(nextCreate, deps) {
+    useMemo: function (nextCreate, deps) {
       var hook = mountWorkInProgressHook();
       deps = void 0 === deps ? null : deps;
-      nextCreate = nextCreate();
-      hook.memoizedState = [nextCreate, deps];
-      return nextCreate;
+      var nextValue = nextCreate();
+      shouldDoubleInvokeUserFnsInHooksDEV && nextCreate();
+      hook.memoizedState = [nextValue, deps];
+      return nextValue;
     },
-    useReducer: function(reducer, initialArg, init) {
+    useReducer: function (reducer, initialArg, init) {
       var hook = mountWorkInProgressHook();
-      initialArg = void 0 !== init ? init(initialArg) : initialArg;
-      hook.memoizedState = hook.baseState = initialArg;
+      if (void 0 !== init) {
+        var initialState = init(initialArg);
+        shouldDoubleInvokeUserFnsInHooksDEV && init(initialArg);
+      } else initialState = initialArg;
+      hook.memoizedState = hook.baseState = initialState;
       reducer = {
         pending: null,
-        interleaved: null,
         lanes: 0,
         dispatch: null,
         lastRenderedReducer: reducer,
-        lastRenderedState: initialArg
+        lastRenderedState: initialState
       };
       hook.queue = reducer;
       reducer = reducer.dispatch = dispatchReducerAction.bind(
@@ -4120,25 +4195,40 @@ var ContextOnlyDispatcher = {
       );
       return [hook.memoizedState, reducer];
     },
-    useRef: function(initialValue) {
+    useRef: function (initialValue) {
       var hook = mountWorkInProgressHook();
       initialValue = { current: initialValue };
       return (hook.memoizedState = initialValue);
     },
-    useState: mountState,
+    useState: function (initialState) {
+      initialState = mountStateImpl(initialState);
+      var queue = initialState.queue,
+        dispatch = dispatchSetState.bind(
+          null,
+          currentlyRenderingFiber$1,
+          queue
+        );
+      queue.dispatch = dispatch;
+      return [initialState.memoizedState, dispatch];
+    },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
-      return (mountWorkInProgressHook().memoizedState = value);
+    useDeferredValue: function (value, initialValue) {
+      var hook = mountWorkInProgressHook();
+      return mountDeferredValueImpl(hook, value, initialValue);
     },
-    useTransition: function() {
-      var _mountState = mountState(!1),
-        isPending = _mountState[0];
-      _mountState = startTransition.bind(null, _mountState[1]);
-      mountWorkInProgressHook().memoizedState = _mountState;
-      return [isPending, _mountState];
+    useTransition: function () {
+      var stateHook = mountStateImpl(!1);
+      stateHook = startTransition.bind(
+        null,
+        currentlyRenderingFiber$1,
+        stateHook.queue,
+        !0,
+        !1
+      );
+      mountWorkInProgressHook().memoizedState = stateHook;
+      return [!1, stateHook];
     },
-    useMutableSource: function() {},
-    useSyncExternalStore: function(subscribe, getSnapshot) {
+    useSyncExternalStore: function (subscribe, getSnapshot) {
       var fiber = currentlyRenderingFiber$1,
         hook = mountWorkInProgressHook();
       var nextSnapshot = getSnapshot();
@@ -4146,7 +4236,7 @@ var ContextOnlyDispatcher = {
         throw Error(
           "Expected a work-in-progress root. This is a bug in React. Please file an issue."
         );
-      0 !== (renderLanes & 30) ||
+      0 !== (workInProgressRootRenderLanes & 60) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
       hook.memoizedState = nextSnapshot;
       var inst = { value: nextSnapshot, getSnapshot: getSnapshot };
@@ -4158,23 +4248,23 @@ var ContextOnlyDispatcher = {
       pushEffect(
         9,
         updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
-        void 0,
+        { destroy: void 0 },
         null
       );
       return nextSnapshot;
     },
-    useId: function() {
+    useId: function () {
       var hook = mountWorkInProgressHook(),
         identifierPrefix = workInProgressRoot.identifierPrefix,
         globalClientId = globalClientIdCounter++;
       identifierPrefix =
         ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":";
       return (hook.memoizedState = identifierPrefix);
-    },
-    unstable_isNewReconciler: !1
+    }
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
+    use: use,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
@@ -4184,26 +4274,35 @@ var ContextOnlyDispatcher = {
     useMemo: updateMemo,
     useReducer: updateReducer,
     useRef: updateRef,
-    useState: function() {
+    useState: function () {
       return updateReducer(basicStateReducer);
     },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
+    useDeferredValue: function (value, initialValue) {
       var hook = updateWorkInProgressHook();
-      return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
+      return updateDeferredValueImpl(
+        hook,
+        currentHook.memoizedState,
+        value,
+        initialValue
+      );
     },
-    useTransition: function() {
-      var isPending = updateReducer(basicStateReducer)[0],
+    useTransition: function () {
+      var booleanOrThenable = updateReducer(basicStateReducer)[0],
         start = updateWorkInProgressHook().memoizedState;
-      return [isPending, start];
+      return [
+        "boolean" === typeof booleanOrThenable
+          ? booleanOrThenable
+          : useThenable(booleanOrThenable),
+        start
+      ];
     },
-    useMutableSource: updateMutableSource,
     useSyncExternalStore: updateSyncExternalStore,
-    useId: updateId,
-    unstable_isNewReconciler: !1
+    useId: updateId
   },
   HooksDispatcherOnRerender = {
     readContext: readContext,
+    use: use,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
@@ -4213,26 +4312,193 @@ var ContextOnlyDispatcher = {
     useMemo: updateMemo,
     useReducer: rerenderReducer,
     useRef: updateRef,
-    useState: function() {
+    useState: function () {
       return rerenderReducer(basicStateReducer);
     },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
+    useDeferredValue: function (value, initialValue) {
       var hook = updateWorkInProgressHook();
       return null === currentHook
-        ? (hook.memoizedState = value)
-        : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
+        ? mountDeferredValueImpl(hook, value, initialValue)
+        : updateDeferredValueImpl(
+            hook,
+            currentHook.memoizedState,
+            value,
+            initialValue
+          );
     },
-    useTransition: function() {
-      var isPending = rerenderReducer(basicStateReducer)[0],
+    useTransition: function () {
+      var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
         start = updateWorkInProgressHook().memoizedState;
-      return [isPending, start];
+      return [
+        "boolean" === typeof booleanOrThenable
+          ? booleanOrThenable
+          : useThenable(booleanOrThenable),
+        start
+      ];
     },
-    useMutableSource: updateMutableSource,
     useSyncExternalStore: updateSyncExternalStore,
-    useId: updateId,
-    unstable_isNewReconciler: !1
+    useId: updateId
   };
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    baseProps = assign({}, baseProps);
+    Component = Component.defaultProps;
+    for (var propName in Component)
+      void 0 === baseProps[propName] &&
+        (baseProps[propName] = Component[propName]);
+    return baseProps;
+  }
+  return baseProps;
+}
+function applyDerivedStateFromProps(
+  workInProgress,
+  ctor,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  ctor = workInProgress.memoizedState;
+  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
+  getDerivedStateFromProps =
+    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
+      ? ctor
+      : assign({}, ctor, getDerivedStateFromProps);
+  workInProgress.memoizedState = getDerivedStateFromProps;
+  0 === workInProgress.lanes &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
+}
+var classComponentUpdater = {
+  isMounted: function (component) {
+    return (component = component._reactInternals)
+      ? getNearestMountedFiber(component) === component
+      : !1;
+  },
+  enqueueSetState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueReplaceState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.tag = 1;
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueForceUpdate: function (inst, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.tag = 2;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    callback = enqueueUpdate(inst, update, lane);
+    null !== callback &&
+      (scheduleUpdateOnFiber(callback, inst, lane),
+      entangleTransitions(callback, inst, lane));
+  }
+};
+function checkShouldComponentUpdate(
+  workInProgress,
+  ctor,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  nextContext
+) {
+  workInProgress = workInProgress.stateNode;
+  return "function" === typeof workInProgress.shouldComponentUpdate
+    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
+    : ctor.prototype && ctor.prototype.isPureReactComponent
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
+}
+function constructClassInstance(workInProgress, ctor, props) {
+  var isLegacyContextConsumer = !1,
+    unmaskedContext = emptyContextObject;
+  var context = ctor.contextType;
+  "object" === typeof context && null !== context
+    ? (context = readContext(context))
+    : ((unmaskedContext = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor$1.current),
+      (isLegacyContextConsumer = ctor.contextTypes),
+      (context = (isLegacyContextConsumer =
+        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
+        ? getMaskedContext(workInProgress, unmaskedContext)
+        : emptyContextObject));
+  ctor = new ctor(props, context);
+  workInProgress.memoizedState =
+    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
+  ctor.updater = classComponentUpdater;
+  workInProgress.stateNode = ctor;
+  ctor._reactInternals = workInProgress;
+  isLegacyContextConsumer &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext =
+      unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return ctor;
+}
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  nextContext
+) {
+  workInProgress = instance.state;
+  "function" === typeof instance.componentWillReceiveProps &&
+    instance.componentWillReceiveProps(newProps, nextContext);
+  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
+    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+  instance.state !== workInProgress &&
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+}
+function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
+  var instance = workInProgress.stateNode;
+  instance.props = newProps;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = {};
+  initializeUpdateQueue(workInProgress);
+  var contextType = ctor.contextType;
+  "object" === typeof contextType && null !== contextType
+    ? (instance.context = readContext(contextType))
+    : ((contextType = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor$1.current),
+      (instance.context = getMaskedContext(workInProgress, contextType)));
+  instance.state = workInProgress.memoizedState;
+  contextType = ctor.getDerivedStateFromProps;
+  "function" === typeof contextType &&
+    (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof ctor.getDerivedStateFromProps ||
+    "function" === typeof instance.getSnapshotBeforeUpdate ||
+    ("function" !== typeof instance.UNSAFE_componentWillMount &&
+      "function" !== typeof instance.componentWillMount) ||
+    ((ctor = instance.state),
+    "function" === typeof instance.componentWillMount &&
+      instance.componentWillMount(),
+    "function" === typeof instance.UNSAFE_componentWillMount &&
+      instance.UNSAFE_componentWillMount(),
+    ctor !== instance.state &&
+      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
+    processUpdateQueue(workInProgress, newProps, instance, renderLanes),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.flags |= 4194308);
+}
 function createCapturedValueAtFiber(value, source) {
   try {
     var info = "",
@@ -4251,14 +4517,6 @@ function createCapturedValueAtFiber(value, source) {
     digest: null
   };
 }
-function createCapturedValue(value, digest, stack) {
-  return {
-    value: value,
-    source: null,
-    stack: null != stack ? stack : null,
-    digest: null != digest ? digest : null
-  };
-}
 if (
   "function" !==
   typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
@@ -4276,40 +4534,39 @@ function logCapturedError(boundary, errorInfo) {
           null !== boundary && 1 === boundary.tag ? boundary.stateNode : null
       }) && console.error(errorInfo.value);
   } catch (e) {
-    setTimeout(function() {
+    setTimeout(function () {
       throw e;
     });
   }
 }
-var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
 function createRootErrorUpdate(fiber, errorInfo, lane) {
-  lane = createUpdate(-1, lane);
+  lane = createUpdate(lane);
   lane.tag = 3;
   lane.payload = { element: null };
   var error = errorInfo.value;
-  lane.callback = function() {
+  lane.callback = function () {
     hasUncaughtError || ((hasUncaughtError = !0), (firstUncaughtError = error));
     logCapturedError(fiber, errorInfo);
   };
   return lane;
 }
 function createClassErrorUpdate(fiber, errorInfo, lane) {
-  lane = createUpdate(-1, lane);
+  lane = createUpdate(lane);
   lane.tag = 3;
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
   if ("function" === typeof getDerivedStateFromError) {
     var error = errorInfo.value;
-    lane.payload = function() {
+    lane.payload = function () {
       return getDerivedStateFromError(error);
     };
-    lane.callback = function() {
+    lane.callback = function () {
       logCapturedError(fiber, errorInfo);
     };
   }
   var inst = fiber.stateNode;
   null !== inst &&
     "function" === typeof inst.componentDidCatch &&
-    (lane.callback = function() {
+    (lane.callback = function () {
       logCapturedError(fiber, errorInfo);
       "function" !== typeof getDerivedStateFromError &&
         (null === legacyErrorBoundariesThatAlreadyFailed
@@ -4322,22 +4579,157 @@ function createClassErrorUpdate(fiber, errorInfo, lane) {
     });
   return lane;
 }
-function attachPingListener(root, wakeable, lanes) {
-  var pingCache = root.pingCache;
-  if (null === pingCache) {
-    pingCache = root.pingCache = new PossiblyWeakMap();
-    var threadIDs = new Set();
-    pingCache.set(wakeable, threadIDs);
-  } else
-    (threadIDs = pingCache.get(wakeable)),
-      void 0 === threadIDs &&
-        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
-  threadIDs.has(lanes) ||
-    (threadIDs.add(lanes),
-    (root = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
-    wakeable.then(root, root));
+function throwException(
+  root,
+  returnFiber,
+  sourceFiber,
+  value,
+  rootRenderLanes
+) {
+  sourceFiber.flags |= 32768;
+  if (
+    null !== value &&
+    "object" === typeof value &&
+    "function" === typeof value.then
+  ) {
+    var tag = sourceFiber.tag;
+    0 !== (sourceFiber.mode & 1) ||
+      (0 !== tag && 11 !== tag && 15 !== tag) ||
+      ((tag = sourceFiber.alternate)
+        ? ((sourceFiber.updateQueue = tag.updateQueue),
+          (sourceFiber.memoizedState = tag.memoizedState),
+          (sourceFiber.lanes = tag.lanes))
+        : ((sourceFiber.updateQueue = null),
+          (sourceFiber.memoizedState = null)));
+    tag = suspenseHandlerStackCursor.current;
+    if (null !== tag) {
+      switch (tag.tag) {
+        case 13:
+          return (
+            sourceFiber.mode & 1 &&
+              (null === shellBoundary
+                ? renderDidSuspendDelayIfPossible()
+                : null === tag.alternate &&
+                  0 === workInProgressRootExitStatus &&
+                  (workInProgressRootExitStatus = 3)),
+            (tag.flags &= -257),
+            0 === (tag.mode & 1)
+              ? tag === returnFiber
+                ? (tag.flags |= 65536)
+                : ((tag.flags |= 128),
+                  (sourceFiber.flags |= 131072),
+                  (sourceFiber.flags &= -52805),
+                  1 === sourceFiber.tag &&
+                    (null === sourceFiber.alternate
+                      ? (sourceFiber.tag = 17)
+                      : ((returnFiber = createUpdate(2)),
+                        (returnFiber.tag = 2),
+                        enqueueUpdate(sourceFiber, returnFiber, 2))),
+                  (sourceFiber.lanes |= 2))
+              : ((tag.flags |= 65536), (tag.lanes = rootRenderLanes)),
+            value === noopSuspenseyCommitThenable
+              ? (tag.flags |= 16384)
+              : ((returnFiber = tag.updateQueue),
+                null === returnFiber
+                  ? (tag.updateQueue = new Set([value]))
+                  : returnFiber.add(value),
+                tag.mode & 1 &&
+                  attachPingListener(root, value, rootRenderLanes)),
+            !1
+          );
+        case 22:
+          if (tag.mode & 1)
+            return (
+              (tag.flags |= 65536),
+              value === noopSuspenseyCommitThenable
+                ? (tag.flags |= 16384)
+                : ((returnFiber = tag.updateQueue),
+                  null === returnFiber
+                    ? ((returnFiber = {
+                        transitions: null,
+                        markerInstances: null,
+                        retryQueue: new Set([value])
+                      }),
+                      (tag.updateQueue = returnFiber))
+                    : ((sourceFiber = returnFiber.retryQueue),
+                      null === sourceFiber
+                        ? (returnFiber.retryQueue = new Set([value]))
+                        : sourceFiber.add(value)),
+                  attachPingListener(root, value, rootRenderLanes)),
+              !1
+            );
+      }
+      throw Error(
+        "Unexpected Suspense handler tag (" +
+          tag.tag +
+          "). This is a bug in React."
+      );
+    }
+    if (1 === root.tag)
+      return (
+        attachPingListener(root, value, rootRenderLanes),
+        renderDidSuspendDelayIfPossible(),
+        !1
+      );
+    value = Error(
+      "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition."
+    );
+  }
+  root = value = createCapturedValueAtFiber(value, sourceFiber);
+  4 !== workInProgressRootExitStatus && (workInProgressRootExitStatus = 2);
+  null === workInProgressRootConcurrentErrors
+    ? (workInProgressRootConcurrentErrors = [root])
+    : workInProgressRootConcurrentErrors.push(root);
+  if (null === returnFiber) return !0;
+  root = returnFiber;
+  do {
+    switch (root.tag) {
+      case 3:
+        return (
+          (root.flags |= 65536),
+          (rootRenderLanes &= -rootRenderLanes),
+          (root.lanes |= rootRenderLanes),
+          (rootRenderLanes = createRootErrorUpdate(
+            root,
+            value,
+            rootRenderLanes
+          )),
+          enqueueCapturedUpdate(root, rootRenderLanes),
+          !1
+        );
+      case 1:
+        if (
+          ((returnFiber = value),
+          (sourceFiber = root.type),
+          (tag = root.stateNode),
+          0 === (root.flags & 128) &&
+            ("function" === typeof sourceFiber.getDerivedStateFromError ||
+              (null !== tag &&
+                "function" === typeof tag.componentDidCatch &&
+                (null === legacyErrorBoundariesThatAlreadyFailed ||
+                  !legacyErrorBoundariesThatAlreadyFailed.has(tag)))))
+        )
+          return (
+            (root.flags |= 65536),
+            (rootRenderLanes &= -rootRenderLanes),
+            (root.lanes |= rootRenderLanes),
+            (rootRenderLanes = createClassErrorUpdate(
+              root,
+              returnFiber,
+              rootRenderLanes
+            )),
+            enqueueCapturedUpdate(root, rootRenderLanes),
+            !1
+          );
+    }
+    root = root.return;
+  } while (null !== root);
+  return !1;
 }
 var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(
+    "This is not a real error. It's an implementation detail of React's selective hydration feature. If this leaks into userspace, it's a bug in React. Please file an issue."
+  ),
   didReceiveUpdate = !1;
 function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
   workInProgress.child =
@@ -4370,9 +4762,7 @@ function updateForwardRef(
   );
   if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current.updateQueue),
-      (workInProgress.flags &= -2053),
-      (current.lanes &= ~renderLanes),
+      bailoutHooks(current, workInProgress, renderLanes),
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   workInProgress.flags |= 1;
@@ -4468,60 +4858,69 @@ function updateSimpleMemoComponent(
 function updateOffscreenComponent(current, workInProgress, renderLanes) {
   var nextProps = workInProgress.pendingProps,
     nextChildren = nextProps.children,
+    nextIsDetached = 0 !== (workInProgress.stateNode._pendingVisibility & 2),
     prevState = null !== current ? current.memoizedState : null;
-  if ("hidden" === nextProps.mode)
+  markRef$1(current, workInProgress);
+  if ("hidden" === nextProps.mode || nextIsDetached) {
+    if (0 !== (workInProgress.flags & 128)) {
+      renderLanes =
+        null !== prevState ? prevState.baseLanes | renderLanes : renderLanes;
+      if (null !== current) {
+        nextProps = workInProgress.child = current.child;
+        for (nextChildren = 0; null !== nextProps; )
+          (nextChildren =
+            nextChildren | nextProps.lanes | nextProps.childLanes),
+            (nextProps = nextProps.sibling);
+        workInProgress.childLanes = nextChildren & ~renderLanes;
+      } else (workInProgress.childLanes = 0), (workInProgress.child = null);
+      return deferHiddenOffscreenComponent(
+        current,
+        workInProgress,
+        renderLanes
+      );
+    }
     if (0 === (workInProgress.mode & 1))
-      (workInProgress.memoizedState = {
-        baseLanes: 0,
-        cachePool: null,
-        transitions: null
-      }),
-        push(subtreeRenderLanesCursor, subtreeRenderLanes),
-        (subtreeRenderLanes |= renderLanes);
+      (workInProgress.memoizedState = { baseLanes: 0, cachePool: null }),
+        reuseHiddenContextOnStack();
     else {
-      if (0 === (renderLanes & 1073741824))
+      if (0 === (renderLanes & 536870912))
         return (
-          (current =
-            null !== prevState
-              ? prevState.baseLanes | renderLanes
-              : renderLanes),
-          (workInProgress.lanes = workInProgress.childLanes = 1073741824),
-          (workInProgress.memoizedState = {
-            baseLanes: current,
-            cachePool: null,
-            transitions: null
-          }),
-          (workInProgress.updateQueue = null),
-          push(subtreeRenderLanesCursor, subtreeRenderLanes),
-          (subtreeRenderLanes |= current),
-          null
+          (workInProgress.lanes = workInProgress.childLanes = 536870912),
+          deferHiddenOffscreenComponent(
+            current,
+            workInProgress,
+            null !== prevState ? prevState.baseLanes | renderLanes : renderLanes
+          )
         );
-      workInProgress.memoizedState = {
-        baseLanes: 0,
-        cachePool: null,
-        transitions: null
-      };
-      nextProps = null !== prevState ? prevState.baseLanes : renderLanes;
-      push(subtreeRenderLanesCursor, subtreeRenderLanes);
-      subtreeRenderLanes |= nextProps;
+      workInProgress.memoizedState = { baseLanes: 0, cachePool: null };
+      null !== prevState
+        ? pushHiddenContext(workInProgress, prevState)
+        : reuseHiddenContextOnStack();
     }
-  else
+    pushOffscreenSuspenseHandler(workInProgress);
+  } else
     null !== prevState
-      ? ((nextProps = prevState.baseLanes | renderLanes),
+      ? (pushHiddenContext(workInProgress, prevState),
+        reuseSuspenseHandlerOnStack(workInProgress),
         (workInProgress.memoizedState = null))
-      : (nextProps = renderLanes),
-      push(subtreeRenderLanesCursor, subtreeRenderLanes),
-      (subtreeRenderLanes |= nextProps);
+      : (reuseHiddenContextOnStack(),
+        reuseSuspenseHandlerOnStack(workInProgress));
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
-function markRef(current, workInProgress) {
+function deferHiddenOffscreenComponent(current, workInProgress, nextBaseLanes) {
+  workInProgress.memoizedState = { baseLanes: nextBaseLanes, cachePool: null };
+  reuseHiddenContextOnStack();
+  pushOffscreenSuspenseHandler(workInProgress);
+  return null;
+}
+function markRef$1(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
     (null === current && null !== ref) ||
     (null !== current && current.ref !== ref)
   )
-    workInProgress.flags |= 512;
+    (workInProgress.flags |= 512), (workInProgress.flags |= 2097152);
 }
 function updateFunctionComponent(
   current,
@@ -4532,7 +4931,7 @@ function updateFunctionComponent(
 ) {
   var context = isContextProvider(Component)
     ? previousContext
-    : contextStackCursor.current;
+    : contextStackCursor$1.current;
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderLanes);
   Component = renderWithHooks(
@@ -4545,15 +4944,38 @@ function updateFunctionComponent(
   );
   if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current.updateQueue),
-      (workInProgress.flags &= -2053),
-      (current.lanes &= ~renderLanes),
+      bailoutHooks(current, workInProgress, renderLanes),
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   workInProgress.flags |= 1;
   reconcileChildren(current, workInProgress, Component, renderLanes);
   return workInProgress.child;
 }
+function replayFunctionComponent(
+  current,
+  workInProgress,
+  nextProps,
+  Component,
+  secondArg,
+  renderLanes
+) {
+  prepareToReadContext(workInProgress, renderLanes);
+  nextProps = renderWithHooksAgain(
+    workInProgress,
+    Component,
+    nextProps,
+    secondArg
+  );
+  finishRenderingHooks();
+  if (null !== current && !didReceiveUpdate)
+    return (
+      bailoutHooks(current, workInProgress, renderLanes),
+      bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
+    );
+  workInProgress.flags |= 1;
+  reconcileChildren(current, workInProgress, nextProps, renderLanes);
+  return workInProgress.child;
+}
 function updateClassComponent(
   current,
   workInProgress,
@@ -4581,7 +5003,7 @@ function updateClassComponent(
       ? (contextType = readContext(contextType))
       : ((contextType = isContextProvider(Component)
           ? previousContext
-          : contextStackCursor.current),
+          : contextStackCursor$1.current),
         (contextType = getMaskedContext(workInProgress, contextType)));
     var getDerivedStateFromProps = Component.getDerivedStateFromProps,
       hasNewLifecycles =
@@ -4633,9 +5055,9 @@ function updateClassComponent(
               "function" === typeof instance.UNSAFE_componentWillMount &&
                 instance.UNSAFE_componentWillMount()),
             "function" === typeof instance.componentDidMount &&
-              (workInProgress.flags |= 4))
+              (workInProgress.flags |= 4194308))
           : ("function" === typeof instance.componentDidMount &&
-              (workInProgress.flags |= 4),
+              (workInProgress.flags |= 4194308),
             (workInProgress.memoizedProps = nextProps),
             (workInProgress.memoizedState = oldContext)),
         (instance.props = nextProps),
@@ -4643,7 +5065,7 @@ function updateClassComponent(
         (instance.context = contextType),
         (nextProps = oldProps))
       : ("function" === typeof instance.componentDidMount &&
-          (workInProgress.flags |= 4),
+          (workInProgress.flags |= 4194308),
         (nextProps = !1));
   } else {
     instance = workInProgress.stateNode;
@@ -4661,7 +5083,7 @@ function updateClassComponent(
       ? (oldContext = readContext(oldContext))
       : ((oldContext = isContextProvider(Component)
           ? previousContext
-          : contextStackCursor.current),
+          : contextStackCursor$1.current),
         (oldContext = getMaskedContext(workInProgress, oldContext)));
     var getDerivedStateFromProps$jscomp$0 = Component.getDerivedStateFromProps;
     (getDerivedStateFromProps =
@@ -4761,7 +5183,7 @@ function finishClassComponent(
   hasContext,
   renderLanes
 ) {
-  markRef(current, workInProgress);
+  markRef$1(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.flags & 128);
   if (!shouldUpdate && !didCaptureError)
     return (
@@ -4807,11 +5229,19 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, treeContext: null, retryLane: 0 };
 function mountSuspenseOffscreenState(renderLanes) {
-  return { baseLanes: renderLanes, cachePool: null, transitions: null };
+  return { baseLanes: renderLanes, cachePool: null };
+}
+function getRemainingWorkInPrimaryTree(
+  current,
+  primaryTreeDidDefer,
+  renderLanes
+) {
+  current = null !== current ? current.childLanes & ~renderLanes : 0;
+  primaryTreeDidDefer && (current |= workInProgressDeferredLane);
+  return current;
 }
 function updateSuspenseComponent(current, workInProgress, renderLanes) {
   var nextProps = workInProgress.pendingProps,
-    suspenseContext = suspenseStackCursor.current,
     showFallback = !1,
     didSuspend = 0 !== (workInProgress.flags & 128),
     JSCompiler_temp;
@@ -4819,83 +5249,85 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     (JSCompiler_temp =
       null !== current && null === current.memoizedState
         ? !1
-        : 0 !== (suspenseContext & 2));
-  if (JSCompiler_temp) (showFallback = !0), (workInProgress.flags &= -129);
-  else if (null === current || null !== current.memoizedState)
-    suspenseContext |= 1;
-  push(suspenseStackCursor, suspenseContext & 1);
+        : 0 !== (suspenseStackCursor.current & 2));
+  JSCompiler_temp && ((showFallback = !0), (workInProgress.flags &= -129));
+  JSCompiler_temp = 0 !== (workInProgress.flags & 32);
+  workInProgress.flags &= -33;
   if (null === current) {
-    current = workInProgress.memoizedState;
-    if (null !== current && null !== current.dehydrated)
-      return (
-        0 === (workInProgress.mode & 1)
-          ? (workInProgress.lanes = 1)
-          : shim$1()
-          ? (workInProgress.lanes = 8)
-          : (workInProgress.lanes = 1073741824),
+    didSuspend = nextProps.children;
+    nextProps = nextProps.fallback;
+    if (showFallback) {
+      reuseSuspenseHandlerOnStack(workInProgress);
+      showFallback = workInProgress.mode;
+      var progressedPrimaryFragment = workInProgress.child;
+      didSuspend = { mode: "hidden", children: didSuspend };
+      0 === (showFallback & 1) && null !== progressedPrimaryFragment
+        ? ((progressedPrimaryFragment.childLanes = 0),
+          (progressedPrimaryFragment.pendingProps = didSuspend))
+        : (progressedPrimaryFragment = createFiberFromOffscreen(
+            didSuspend,
+            showFallback,
+            0,
+            null
+          ));
+      nextProps = createFiberFromFragment(
+        nextProps,
+        showFallback,
+        renderLanes,
         null
       );
-    didSuspend = nextProps.children;
-    current = nextProps.fallback;
-    return showFallback
-      ? ((nextProps = workInProgress.mode),
-        (showFallback = workInProgress.child),
-        (didSuspend = { mode: "hidden", children: didSuspend }),
-        0 === (nextProps & 1) && null !== showFallback
-          ? ((showFallback.childLanes = 0),
-            (showFallback.pendingProps = didSuspend))
-          : (showFallback = createFiberFromOffscreen(
-              didSuspend,
-              nextProps,
-              0,
-              null
-            )),
-        (current = createFiberFromFragment(
-          current,
-          nextProps,
-          renderLanes,
-          null
-        )),
-        (showFallback.return = workInProgress),
-        (current.return = workInProgress),
-        (showFallback.sibling = current),
-        (workInProgress.child = showFallback),
-        (workInProgress.child.memoizedState = mountSuspenseOffscreenState(
-          renderLanes
-        )),
-        (workInProgress.memoizedState = SUSPENDED_MARKER),
-        current)
-      : mountSuspensePrimaryChildren(workInProgress, didSuspend);
+      progressedPrimaryFragment.return = workInProgress;
+      nextProps.return = workInProgress;
+      progressedPrimaryFragment.sibling = nextProps;
+      workInProgress.child = progressedPrimaryFragment;
+      showFallback = workInProgress.child;
+      showFallback.memoizedState = mountSuspenseOffscreenState(renderLanes);
+      showFallback.childLanes = getRemainingWorkInPrimaryTree(
+        current,
+        JSCompiler_temp,
+        renderLanes
+      );
+      workInProgress.memoizedState = SUSPENDED_MARKER;
+      return nextProps;
+    }
+    pushPrimaryTreeSuspenseHandler(workInProgress);
+    return mountSuspensePrimaryChildren(workInProgress, didSuspend);
+  }
+  progressedPrimaryFragment = current.memoizedState;
+  if (null !== progressedPrimaryFragment) {
+    var dehydrated = progressedPrimaryFragment.dehydrated;
+    if (null !== dehydrated)
+      return updateDehydratedSuspenseComponent(
+        current,
+        workInProgress,
+        didSuspend,
+        JSCompiler_temp,
+        nextProps,
+        dehydrated,
+        progressedPrimaryFragment,
+        renderLanes
+      );
   }
-  suspenseContext = current.memoizedState;
-  if (
-    null !== suspenseContext &&
-    ((JSCompiler_temp = suspenseContext.dehydrated), null !== JSCompiler_temp)
-  )
-    return updateDehydratedSuspenseComponent(
-      current,
-      workInProgress,
-      didSuspend,
-      nextProps,
-      JSCompiler_temp,
-      suspenseContext,
-      renderLanes
-    );
   if (showFallback) {
+    reuseSuspenseHandlerOnStack(workInProgress);
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
-    suspenseContext = current.child;
-    JSCompiler_temp = suspenseContext.sibling;
+    progressedPrimaryFragment = current.child;
+    dehydrated = progressedPrimaryFragment.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
-    0 === (didSuspend & 1) && workInProgress.child !== suspenseContext
+    0 === (didSuspend & 1) && workInProgress.child !== progressedPrimaryFragment
       ? ((nextProps = workInProgress.child),
         (nextProps.childLanes = 0),
         (nextProps.pendingProps = primaryChildProps),
         (workInProgress.deletions = null))
-      : ((nextProps = createWorkInProgress(suspenseContext, primaryChildProps)),
-        (nextProps.subtreeFlags = suspenseContext.subtreeFlags & 14680064));
-    null !== JSCompiler_temp
-      ? (showFallback = createWorkInProgress(JSCompiler_temp, showFallback))
+      : ((nextProps = createWorkInProgress(
+          progressedPrimaryFragment,
+          primaryChildProps
+        )),
+        (nextProps.subtreeFlags =
+          progressedPrimaryFragment.subtreeFlags & 31457280));
+    null !== dehydrated
+      ? (showFallback = createWorkInProgress(dehydrated, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -4913,33 +5345,34 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     didSuspend =
       null === didSuspend
         ? mountSuspenseOffscreenState(renderLanes)
-        : {
-            baseLanes: didSuspend.baseLanes | renderLanes,
-            cachePool: null,
-            transitions: didSuspend.transitions
-          };
+        : { baseLanes: didSuspend.baseLanes | renderLanes, cachePool: null };
     showFallback.memoizedState = didSuspend;
-    showFallback.childLanes = current.childLanes & ~renderLanes;
+    showFallback.childLanes = getRemainingWorkInPrimaryTree(
+      current,
+      JSCompiler_temp,
+      renderLanes
+    );
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
   }
-  showFallback = current.child;
-  current = showFallback.sibling;
-  nextProps = createWorkInProgress(showFallback, {
+  pushPrimaryTreeSuspenseHandler(workInProgress);
+  JSCompiler_temp = current.child;
+  current = JSCompiler_temp.sibling;
+  JSCompiler_temp = createWorkInProgress(JSCompiler_temp, {
     mode: "visible",
     children: nextProps.children
   });
-  0 === (workInProgress.mode & 1) && (nextProps.lanes = renderLanes);
-  nextProps.return = workInProgress;
-  nextProps.sibling = null;
+  0 === (workInProgress.mode & 1) && (JSCompiler_temp.lanes = renderLanes);
+  JSCompiler_temp.return = workInProgress;
+  JSCompiler_temp.sibling = null;
   null !== current &&
     ((renderLanes = workInProgress.deletions),
     null === renderLanes
       ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16))
       : renderLanes.push(current));
-  workInProgress.child = nextProps;
+  workInProgress.child = JSCompiler_temp;
   workInProgress.memoizedState = null;
-  return nextProps;
+  return JSCompiler_temp;
 }
 function mountSuspensePrimaryChildren(workInProgress, primaryChildren) {
   primaryChildren = createFiberFromOffscreen(
@@ -4974,6 +5407,7 @@ function updateDehydratedSuspenseComponent(
   current,
   workInProgress,
   didSuspend,
+  didPrimaryChildrenDefer,
   nextProps,
   suspenseInstance,
   suspenseState,
@@ -4982,25 +5416,30 @@ function updateDehydratedSuspenseComponent(
   if (didSuspend) {
     if (workInProgress.flags & 256)
       return (
+        pushPrimaryTreeSuspenseHandler(workInProgress),
         (workInProgress.flags &= -257),
-        (suspenseState = createCapturedValue(
-          Error(
-            "There was an error while hydrating this Suspense boundary. Switched to client rendering."
-          )
-        )),
         retrySuspenseComponentWithoutHydrating(
           current,
           workInProgress,
           renderLanes,
-          suspenseState
+          {
+            value: Error(
+              "There was an error while hydrating this Suspense boundary. Switched to client rendering."
+            ),
+            source: null,
+            stack: null,
+            digest: null
+          }
         )
       );
     if (null !== workInProgress.memoizedState)
       return (
+        reuseSuspenseHandlerOnStack(workInProgress),
         (workInProgress.child = current.child),
         (workInProgress.flags |= 128),
         null
       );
+    reuseSuspenseHandlerOnStack(workInProgress);
     suspenseState = nextProps.fallback;
     didSuspend = workInProgress.mode;
     nextProps = createFiberFromOffscreen(
@@ -5022,12 +5461,17 @@ function updateDehydratedSuspenseComponent(
     workInProgress.child = nextProps;
     0 !== (workInProgress.mode & 1) &&
       reconcileChildFibers(workInProgress, current.child, null, renderLanes);
-    workInProgress.child.memoizedState = mountSuspenseOffscreenState(
+    nextProps = workInProgress.child;
+    nextProps.memoizedState = mountSuspenseOffscreenState(renderLanes);
+    nextProps.childLanes = getRemainingWorkInPrimaryTree(
+      current,
+      didPrimaryChildrenDefer,
       renderLanes
     );
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return suspenseState;
   }
+  pushPrimaryTreeSuspenseHandler(workInProgress);
   if (0 === (workInProgress.mode & 1))
     return retrySuspenseComponentWithoutHydrating(
       current,
@@ -5037,82 +5481,87 @@ function updateDehydratedSuspenseComponent(
     );
   if (shim$1())
     return (
-      (suspenseState = shim$1().digest),
-      (suspenseState = createCapturedValue(
-        Error(
-          "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
-        ),
-        suspenseState,
-        void 0
+      (didPrimaryChildrenDefer = shim$1().digest),
+      (suspenseState = Error(
+        "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
       )),
+      (suspenseState.digest = didPrimaryChildrenDefer),
       retrySuspenseComponentWithoutHydrating(
         current,
         workInProgress,
         renderLanes,
-        suspenseState
+        {
+          value: suspenseState,
+          source: null,
+          stack: null,
+          digest:
+            null != didPrimaryChildrenDefer ? didPrimaryChildrenDefer : null
+        }
       )
     );
-  didSuspend = 0 !== (renderLanes & current.childLanes);
-  if (didReceiveUpdate || didSuspend) {
-    nextProps = workInProgressRoot;
-    if (null !== nextProps) {
-      switch (renderLanes & -renderLanes) {
-        case 4:
-          didSuspend = 2;
-          break;
-        case 16:
-          didSuspend = 8;
-          break;
-        case 64:
-        case 128:
-        case 256:
-        case 512:
-        case 1024:
-        case 2048:
-        case 4096:
-        case 8192:
-        case 16384:
-        case 32768:
-        case 65536:
-        case 131072:
-        case 262144:
-        case 524288:
-        case 1048576:
-        case 2097152:
-        case 4194304:
-        case 8388608:
-        case 16777216:
-        case 33554432:
-        case 67108864:
-          didSuspend = 32;
-          break;
-        case 536870912:
-          didSuspend = 268435456;
-          break;
-        default:
-          didSuspend = 0;
-      }
-      didSuspend =
-        0 !== (didSuspend & (nextProps.suspendedLanes | renderLanes))
+  didPrimaryChildrenDefer = 0 !== (renderLanes & current.childLanes);
+  if (didReceiveUpdate || didPrimaryChildrenDefer) {
+    didPrimaryChildrenDefer = workInProgressRoot;
+    if (null !== didPrimaryChildrenDefer) {
+      nextProps = renderLanes & -renderLanes;
+      if (0 !== (nextProps & 42)) nextProps = 1;
+      else
+        switch (nextProps) {
+          case 2:
+            nextProps = 1;
+            break;
+          case 8:
+            nextProps = 4;
+            break;
+          case 32:
+            nextProps = 16;
+            break;
+          case 128:
+          case 256:
+          case 512:
+          case 1024:
+          case 2048:
+          case 4096:
+          case 8192:
+          case 16384:
+          case 32768:
+          case 65536:
+          case 131072:
+          case 262144:
+          case 524288:
+          case 1048576:
+          case 2097152:
+          case 4194304:
+          case 8388608:
+          case 16777216:
+          case 33554432:
+            nextProps = 64;
+            break;
+          case 268435456:
+            nextProps = 134217728;
+            break;
+          default:
+            nextProps = 0;
+        }
+      nextProps =
+        0 !==
+        (nextProps & (didPrimaryChildrenDefer.suspendedLanes | renderLanes))
           ? 0
-          : didSuspend;
-      0 !== didSuspend &&
-        didSuspend !== suspenseState.retryLane &&
-        ((suspenseState.retryLane = didSuspend),
-        markUpdateLaneFromFiberToRoot(current, didSuspend),
-        scheduleUpdateOnFiber(nextProps, current, didSuspend, -1));
+          : nextProps;
+      if (0 !== nextProps && nextProps !== suspenseState.retryLane)
+        throw (
+          ((suspenseState.retryLane = nextProps),
+          enqueueConcurrentRenderForLane(current, nextProps),
+          scheduleUpdateOnFiber(didPrimaryChildrenDefer, current, nextProps),
+          SelectiveHydrationException)
+        );
     }
-    renderDidSuspendDelayIfPossible();
-    suspenseState = createCapturedValue(
-      Error(
-        "This Suspense boundary received an update before it finished hydrating. This caused the boundary to switch to client rendering. The usual way to fix this is to wrap the original update in startTransition."
-      )
-    );
+    shim$1() || renderDidSuspendDelayIfPossible();
     return retrySuspenseComponentWithoutHydrating(
       current,
       workInProgress,
       renderLanes,
-      suspenseState
+      null
     );
   }
   if (shim$1())
@@ -5263,10 +5712,8 @@ function bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes) {
     workInProgress.child = renderLanes;
     for (renderLanes.return = workInProgress; null !== current.sibling; )
       (current = current.sibling),
-        (renderLanes = renderLanes.sibling = createWorkInProgress(
-          current,
-          current.pendingProps
-        )),
+        (renderLanes = renderLanes.sibling =
+          createWorkInProgress(current, current.pendingProps)),
         (renderLanes.return = workInProgress);
     renderLanes.sibling = null;
   }
@@ -5281,6 +5728,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
     case 3:
       pushHostRootContext(workInProgress);
       break;
+    case 27:
     case 5:
       pushHostContext(workInProgress);
       break;
@@ -5302,13 +5750,13 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
       if (null !== context) {
         if (null !== context.dehydrated)
           return (
-            push(suspenseStackCursor, suspenseStackCursor.current & 1),
+            pushPrimaryTreeSuspenseHandler(workInProgress),
             (workInProgress.flags |= 128),
             null
           );
         if (0 !== (renderLanes & workInProgress.child.childLanes))
           return updateSuspenseComponent(current, workInProgress, renderLanes);
-        push(suspenseStackCursor, suspenseStackCursor.current & 1);
+        pushPrimaryTreeSuspenseHandler(workInProgress);
         current = bailoutOnAlreadyFinishedWork(
           current,
           workInProgress,
@@ -5316,7 +5764,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
         );
         return null !== current ? current.sibling : null;
       }
-      push(suspenseStackCursor, suspenseStackCursor.current & 1);
+      pushPrimaryTreeSuspenseHandler(workInProgress);
       break;
     case 19:
       context = 0 !== (renderLanes & workInProgress.childLanes);
@@ -5346,21 +5794,79 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
   }
   return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
 }
-function hadNoMutationsEffects(current, completedWork) {
-  if (null !== current && current.child === completedWork.child) return !0;
-  if (0 !== (completedWork.flags & 16)) return !1;
+var valueCursor = createCursor(null),
+  currentlyRenderingFiber = null,
+  lastContextDependency = null,
+  lastFullyObservedContext = null;
+function resetContextDependencies() {
+  lastFullyObservedContext =
+    lastContextDependency =
+    currentlyRenderingFiber =
+      null;
+}
+function popProvider(context) {
+  context._currentValue2 = valueCursor.current;
+  pop(valueCursor);
+}
+function scheduleContextWorkOnParentPath(parent, renderLanes, propagationRoot) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    (parent.childLanes & renderLanes) !== renderLanes
+      ? ((parent.childLanes |= renderLanes),
+        null !== alternate && (alternate.childLanes |= renderLanes))
+      : null !== alternate &&
+        (alternate.childLanes & renderLanes) !== renderLanes &&
+        (alternate.childLanes |= renderLanes);
+    if (parent === propagationRoot) break;
+    parent = parent.return;
+  }
+}
+function prepareToReadContext(workInProgress, renderLanes) {
+  currentlyRenderingFiber = workInProgress;
+  lastFullyObservedContext = lastContextDependency = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (0 !== (workInProgress.lanes & renderLanes) && (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
+}
+function readContext(context) {
+  return readContextForConsumer(currentlyRenderingFiber, context);
+}
+function readContextDuringReconcilation(consumer, context, renderLanes) {
+  null === currentlyRenderingFiber &&
+    prepareToReadContext(consumer, renderLanes);
+  return readContextForConsumer(consumer, context);
+}
+function readContextForConsumer(consumer, context) {
+  var value = context._currentValue2;
+  if (lastFullyObservedContext !== context)
+    if (
+      ((context = { context: context, memoizedValue: value, next: null }),
+      null === lastContextDependency)
+    ) {
+      if (null === consumer)
+        throw Error(
+          "Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo()."
+        );
+      lastContextDependency = context;
+      consumer.dependencies = { lanes: 0, firstContext: context };
+    } else lastContextDependency = lastContextDependency.next = context;
+  return value;
+}
+var ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
+function handleAsyncAction() {}
+function doesRequireClone(current, completedWork) {
+  if (null !== current && current.child === completedWork.child) return !1;
+  if (0 !== (completedWork.flags & 16)) return !0;
   for (current = completedWork.child; null !== current; ) {
     if (0 !== (current.flags & 12854) || 0 !== (current.subtreeFlags & 12854))
-      return !1;
+      return !0;
     current = current.sibling;
   }
-  return !0;
+  return !1;
 }
-var appendAllChildren,
-  updateHostContainer,
-  updateHostComponent$1,
-  updateHostText$1;
-appendAllChildren = function(
+function appendAllChildren(
   parent,
   workInProgress,
   needsVisibilityToggle,
@@ -5396,7 +5902,7 @@ appendAllChildren = function(
     node.sibling.return = node.return;
     node = node.sibling;
   }
-};
+}
 function appendAllChildrenToContainer(
   containerChildSet,
   workInProgress,
@@ -5419,7 +5925,15 @@ function appendAllChildrenToContainer(
       if (22 === node.tag && null !== node.memoizedState)
         (instance = node.child),
           null !== instance && (instance.return = node),
-          appendAllChildrenToContainer(containerChildSet, node, !0, !0);
+          appendAllChildrenToContainer(
+            containerChildSet,
+            node,
+            !(
+              null !== node.memoizedProps &&
+              "manual" === node.memoizedProps.mode
+            ),
+            !0
+          );
       else if (null !== node.child) {
         node.child.return = node;
         node = node.child;
@@ -5434,71 +5948,25 @@ function appendAllChildrenToContainer(
     node = node.sibling;
   }
 }
-updateHostContainer = function(current, workInProgress) {
-  var portalOrRoot = workInProgress.stateNode;
-  if (!hadNoMutationsEffects(current, workInProgress)) {
-    current = portalOrRoot.containerInfo;
-    var newChildSet = createChildNodeSet(current);
+function updateHostContainer(current, workInProgress) {
+  if (doesRequireClone(current, workInProgress)) {
+    current = workInProgress.stateNode;
+    var container = current.containerInfo,
+      newChildSet = createChildNodeSet();
     appendAllChildrenToContainer(newChildSet, workInProgress, !1, !1);
-    portalOrRoot.pendingChildren = newChildSet;
+    current.pendingChildren = newChildSet;
     workInProgress.flags |= 4;
-    completeRoot(current, newChildSet);
-  }
-};
-updateHostComponent$1 = function(current, workInProgress, type, newProps) {
-  type = current.stateNode;
-  var oldProps = current.memoizedProps;
-  if (
-    (current = hadNoMutationsEffects(current, workInProgress)) &&
-    oldProps === newProps
-  )
-    workInProgress.stateNode = type;
-  else {
-    var recyclableInstance = workInProgress.stateNode;
-    requiredContext(contextStackCursor$1.current);
-    var updatePayload = null;
-    oldProps !== newProps &&
-      ((oldProps = diffProperties(
-        null,
-        oldProps,
-        newProps,
-        recyclableInstance.canonical.viewConfig.validAttributes
-      )),
-      (recyclableInstance.canonical.currentProps = newProps),
-      (updatePayload = oldProps));
-    current && null === updatePayload
-      ? (workInProgress.stateNode = type)
-      : ((newProps = updatePayload),
-        (oldProps = type.node),
-        (type = {
-          node: current
-            ? null !== newProps
-              ? cloneNodeWithNewProps(oldProps, newProps)
-              : cloneNode(oldProps)
-            : null !== newProps
-            ? cloneNodeWithNewChildrenAndProps(oldProps, newProps)
-            : cloneNodeWithNewChildren(oldProps),
-          canonical: type.canonical
-        }),
-        (workInProgress.stateNode = type),
-        current
-          ? (workInProgress.flags |= 4)
-          : appendAllChildren(type, workInProgress, !1, !1));
+    completeRoot(container, newChildSet);
   }
-};
-updateHostText$1 = function(current, workInProgress, oldText, newText) {
-  oldText !== newText
-    ? ((current = requiredContext(rootInstanceStackCursor.current)),
-      (oldText = requiredContext(contextStackCursor$1.current)),
-      (workInProgress.stateNode = createTextInstance(
-        newText,
-        current,
-        oldText,
-        workInProgress
-      )),
-      (workInProgress.flags |= 4))
-    : (workInProgress.stateNode = current.stateNode);
-};
+}
+function scheduleRetryEffect(workInProgress, retryQueue) {
+  null !== retryQueue
+    ? (workInProgress.flags |= 4)
+    : workInProgress.flags & 16384 &&
+      ((retryQueue =
+        22 !== workInProgress.tag ? claimNextRetryLane() : 536870912),
+      (workInProgress.lanes |= retryQueue));
+}
 function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
   switch (renderState.tailMode) {
     case "hidden":
@@ -5513,14 +5981,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$62 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$62 = lastTailNode),
+      for (var lastTailNode$61 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$61 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$62
+      null === lastTailNode$61
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$62.sibling = null);
+        : (lastTailNode$61.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -5530,26 +5998,25 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$63 = completedWork.child; null !== child$63; )
-      (newChildLanes |= child$63.lanes | child$63.childLanes),
-        (subtreeFlags |= child$63.subtreeFlags & 14680064),
-        (subtreeFlags |= child$63.flags & 14680064),
-        (child$63.return = completedWork),
-        (child$63 = child$63.sibling);
+    for (var child$62 = completedWork.child; null !== child$62; )
+      (newChildLanes |= child$62.lanes | child$62.childLanes),
+        (subtreeFlags |= child$62.subtreeFlags & 31457280),
+        (subtreeFlags |= child$62.flags & 31457280),
+        (child$62.return = completedWork),
+        (child$62 = child$62.sibling);
   else
-    for (child$63 = completedWork.child; null !== child$63; )
-      (newChildLanes |= child$63.lanes | child$63.childLanes),
-        (subtreeFlags |= child$63.subtreeFlags),
-        (subtreeFlags |= child$63.flags),
-        (child$63.return = completedWork),
-        (child$63 = child$63.sibling);
+    for (child$62 = completedWork.child; null !== child$62; )
+      (newChildLanes |= child$62.lanes | child$62.childLanes),
+        (subtreeFlags |= child$62.subtreeFlags),
+        (subtreeFlags |= child$62.flags),
+        (child$62.return = completedWork),
+        (child$62 = child$62.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
 }
 function completeWork(current, workInProgress, renderLanes) {
   var newProps = workInProgress.pendingProps;
-  popTreeContext(workInProgress);
   switch (workInProgress.tag) {
     case 2:
     case 16:
@@ -5570,14 +6037,13 @@ function completeWork(current, workInProgress, renderLanes) {
       );
     case 3:
       return (
-        (renderLanes = workInProgress.stateNode),
+        (newProps = workInProgress.stateNode),
         popHostContainer(),
         pop(didPerformWorkStackCursor),
-        pop(contextStackCursor),
-        resetWorkInProgressVersions(),
-        renderLanes.pendingContext &&
-          ((renderLanes.context = renderLanes.pendingContext),
-          (renderLanes.pendingContext = null)),
+        pop(contextStackCursor$1),
+        newProps.pendingContext &&
+          ((newProps.context = newProps.pendingContext),
+          (newProps.pendingContext = null)),
         (null !== current && null !== current.child) ||
           null === current ||
           (current.memoizedState.isDehydrated &&
@@ -5590,20 +6056,47 @@ function completeWork(current, workInProgress, renderLanes) {
         bubbleProperties(workInProgress),
         null
       );
+    case 26:
+    case 27:
     case 5:
       popHostContext(workInProgress);
-      renderLanes = requiredContext(rootInstanceStackCursor.current);
-      var type = workInProgress.type;
-      if (null !== current && null != workInProgress.stateNode)
-        updateHostComponent$1(
-          current,
-          workInProgress,
-          type,
-          newProps,
-          renderLanes
-        ),
-          current.ref !== workInProgress.ref && (workInProgress.flags |= 512);
-      else {
+      renderLanes = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode) {
+        renderLanes = current.stateNode;
+        var oldProps = current.memoizedProps,
+          requiresClone = doesRequireClone(current, workInProgress);
+        if (requiresClone || oldProps !== newProps) {
+          b: {
+            oldProps = diffProperties(
+              null,
+              oldProps,
+              newProps,
+              renderLanes.canonical.viewConfig.validAttributes
+            );
+            renderLanes.canonical.currentProps = newProps;
+            newProps = renderLanes.node;
+            if (requiresClone)
+              newProps =
+                null !== oldProps
+                  ? cloneNodeWithNewChildrenAndProps(newProps, oldProps)
+                  : cloneNodeWithNewChildren(newProps);
+            else if (null !== oldProps)
+              newProps = cloneNodeWithNewProps(newProps, oldProps);
+            else {
+              newProps = renderLanes;
+              break b;
+            }
+            newProps = { node: newProps, canonical: renderLanes.canonical };
+          }
+          newProps === renderLanes
+            ? (workInProgress.stateNode = renderLanes)
+            : ((workInProgress.stateNode = newProps),
+              requiresClone
+                ? appendAllChildren(newProps, workInProgress, !1, !1)
+                : (workInProgress.flags |= 4));
+        } else workInProgress.stateNode = renderLanes;
+        current.ref !== workInProgress.ref && (workInProgress.flags |= 2097664);
+      } else {
         if (!newProps) {
           if (null === workInProgress.stateNode)
             throw Error(
@@ -5612,62 +6105,72 @@ function completeWork(current, workInProgress, renderLanes) {
           bubbleProperties(workInProgress);
           return null;
         }
-        requiredContext(contextStackCursor$1.current);
+        requiresClone = rootInstanceStackCursor.current;
         current = nextReactTag;
         nextReactTag += 2;
-        type = getViewConfigForType(type);
-        var updatePayload = diffProperties(
+        renderLanes = getViewConfigForType(renderLanes);
+        oldProps = diffProperties(
           null,
           emptyObject,
           newProps,
-          type.validAttributes
+          renderLanes.validAttributes
         );
-        renderLanes = createNode(
+        requiresClone = createNode(
           current,
-          type.uiViewClassName,
-          renderLanes,
-          updatePayload,
+          renderLanes.uiViewClassName,
+          requiresClone,
+          oldProps,
           workInProgress
         );
-        current = new ReactFabricHostComponent(
+        oldProps = ReactNativePrivateInterface.createPublicInstance(
           current,
-          type,
-          newProps,
+          renderLanes,
           workInProgress
         );
-        current = { node: renderLanes, canonical: current };
+        current = {
+          node: requiresClone,
+          canonical: {
+            nativeTag: current,
+            viewConfig: renderLanes,
+            currentProps: newProps,
+            internalInstanceHandle: workInProgress,
+            publicInstance: oldProps
+          }
+        };
         appendAllChildren(current, workInProgress, !1, !1);
         workInProgress.stateNode = current;
-        null !== workInProgress.ref && (workInProgress.flags |= 512);
+        null !== workInProgress.ref && (workInProgress.flags |= 2097664);
       }
       bubbleProperties(workInProgress);
+      workInProgress.flags &= -16777217;
       return null;
     case 6:
       if (current && null != workInProgress.stateNode)
-        updateHostText$1(
-          current,
-          workInProgress,
-          current.memoizedProps,
-          newProps
-        );
+        current.memoizedProps !== newProps
+          ? ((workInProgress.stateNode = createTextInstance(
+              newProps,
+              rootInstanceStackCursor.current,
+              contextStackCursor.current,
+              workInProgress
+            )),
+            (workInProgress.flags |= 4))
+          : (workInProgress.stateNode = current.stateNode);
       else {
         if ("string" !== typeof newProps && null === workInProgress.stateNode)
           throw Error(
             "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
           );
-        current = requiredContext(rootInstanceStackCursor.current);
-        renderLanes = requiredContext(contextStackCursor$1.current);
         workInProgress.stateNode = createTextInstance(
           newProps,
-          current,
-          renderLanes,
+          rootInstanceStackCursor.current,
+          contextStackCursor.current,
           workInProgress
         );
       }
       bubbleProperties(workInProgress);
       return null;
     case 13:
-      pop(suspenseStackCursor);
+      popSuspenseHandler(workInProgress);
       newProps = workInProgress.memoizedState;
       if (
         null === current ||
@@ -5687,25 +6190,21 @@ function completeWork(current, workInProgress, renderLanes) {
             (workInProgress.memoizedState = null);
           workInProgress.flags |= 4;
           bubbleProperties(workInProgress);
-          type = !1;
+          requiresClone = !1;
         } else
           null !== hydrationErrors &&
             (queueRecoverableErrors(hydrationErrors), (hydrationErrors = null)),
-            (type = !0);
-        if (!type) return workInProgress.flags & 65536 ? workInProgress : null;
+            (requiresClone = !0);
+        if (!requiresClone)
+          return workInProgress.flags & 256 ? workInProgress : null;
       }
       if (0 !== (workInProgress.flags & 128))
         return (workInProgress.lanes = renderLanes), workInProgress;
-      renderLanes = null !== newProps;
-      renderLanes !== (null !== current && null !== current.memoizedState) &&
-        renderLanes &&
-        ((workInProgress.child.flags |= 8192),
-        0 !== (workInProgress.mode & 1) &&
-          (null === current || 0 !== (suspenseStackCursor.current & 1)
-            ? 0 === workInProgressRootExitStatus &&
-              (workInProgressRootExitStatus = 3)
-            : renderDidSuspendDelayIfPossible()));
-      null !== workInProgress.updateQueue && (workInProgress.flags |= 4);
+      newProps = null !== newProps;
+      newProps !== (null !== current && null !== current.memoizedState) &&
+        newProps &&
+        (workInProgress.child.flags |= 8192);
+      scheduleRetryEffect(workInProgress, workInProgress.updateQueue);
       bubbleProperties(workInProgress);
       return null;
     case 4:
@@ -5729,61 +6228,30 @@ function completeWork(current, workInProgress, renderLanes) {
       );
     case 19:
       pop(suspenseStackCursor);
-      type = workInProgress.memoizedState;
-      if (null === type) return bubbleProperties(workInProgress), null;
+      requiresClone = workInProgress.memoizedState;
+      if (null === requiresClone) return bubbleProperties(workInProgress), null;
       newProps = 0 !== (workInProgress.flags & 128);
-      updatePayload = type.rendering;
-      if (null === updatePayload)
-        if (newProps) cutOffTailIfNeeded(type, !1);
+      oldProps = requiresClone.rendering;
+      if (null === oldProps)
+        if (newProps) cutOffTailIfNeeded(requiresClone, !1);
         else {
           if (
             0 !== workInProgressRootExitStatus ||
             (null !== current && 0 !== (current.flags & 128))
           )
             for (current = workInProgress.child; null !== current; ) {
-              updatePayload = findFirstSuspended(current);
-              if (null !== updatePayload) {
+              oldProps = findFirstSuspended(current);
+              if (null !== oldProps) {
                 workInProgress.flags |= 128;
-                cutOffTailIfNeeded(type, !1);
-                current = updatePayload.updateQueue;
-                null !== current &&
-                  ((workInProgress.updateQueue = current),
-                  (workInProgress.flags |= 4));
+                cutOffTailIfNeeded(requiresClone, !1);
+                current = oldProps.updateQueue;
+                workInProgress.updateQueue = current;
+                scheduleRetryEffect(workInProgress, current);
                 workInProgress.subtreeFlags = 0;
                 current = renderLanes;
-                for (renderLanes = workInProgress.child; null !== renderLanes; )
-                  (newProps = renderLanes),
-                    (type = current),
-                    (newProps.flags &= 14680066),
-                    (updatePayload = newProps.alternate),
-                    null === updatePayload
-                      ? ((newProps.childLanes = 0),
-                        (newProps.lanes = type),
-                        (newProps.child = null),
-                        (newProps.subtreeFlags = 0),
-                        (newProps.memoizedProps = null),
-                        (newProps.memoizedState = null),
-                        (newProps.updateQueue = null),
-                        (newProps.dependencies = null),
-                        (newProps.stateNode = null))
-                      : ((newProps.childLanes = updatePayload.childLanes),
-                        (newProps.lanes = updatePayload.lanes),
-                        (newProps.child = updatePayload.child),
-                        (newProps.subtreeFlags = 0),
-                        (newProps.deletions = null),
-                        (newProps.memoizedProps = updatePayload.memoizedProps),
-                        (newProps.memoizedState = updatePayload.memoizedState),
-                        (newProps.updateQueue = updatePayload.updateQueue),
-                        (newProps.type = updatePayload.type),
-                        (type = updatePayload.dependencies),
-                        (newProps.dependencies =
-                          null === type
-                            ? null
-                            : {
-                                lanes: type.lanes,
-                                firstContext: type.firstContext
-                              })),
-                    (renderLanes = renderLanes.sibling);
+                for (newProps = workInProgress.child; null !== newProps; )
+                  resetWorkInProgress(newProps, current),
+                    (newProps = newProps.sibling);
                 push(
                   suspenseStackCursor,
                   (suspenseStackCursor.current & 1) | 2
@@ -5792,54 +6260,51 @@ function completeWork(current, workInProgress, renderLanes) {
               }
               current = current.sibling;
             }
-          null !== type.tail &&
+          null !== requiresClone.tail &&
             now() > workInProgressRootRenderTargetTime &&
             ((workInProgress.flags |= 128),
             (newProps = !0),
-            cutOffTailIfNeeded(type, !1),
+            cutOffTailIfNeeded(requiresClone, !1),
             (workInProgress.lanes = 4194304));
         }
       else {
         if (!newProps)
-          if (
-            ((current = findFirstSuspended(updatePayload)), null !== current)
-          ) {
+          if (((current = findFirstSuspended(oldProps)), null !== current)) {
             if (
               ((workInProgress.flags |= 128),
               (newProps = !0),
               (current = current.updateQueue),
-              null !== current &&
-                ((workInProgress.updateQueue = current),
-                (workInProgress.flags |= 4)),
-              cutOffTailIfNeeded(type, !0),
-              null === type.tail &&
-                "hidden" === type.tailMode &&
-                !updatePayload.alternate)
+              (workInProgress.updateQueue = current),
+              scheduleRetryEffect(workInProgress, current),
+              cutOffTailIfNeeded(requiresClone, !0),
+              null === requiresClone.tail &&
+                "hidden" === requiresClone.tailMode &&
+                !oldProps.alternate)
             )
               return bubbleProperties(workInProgress), null;
           } else
-            2 * now() - type.renderingStartTime >
+            2 * now() - requiresClone.renderingStartTime >
               workInProgressRootRenderTargetTime &&
-              1073741824 !== renderLanes &&
+              536870912 !== renderLanes &&
               ((workInProgress.flags |= 128),
               (newProps = !0),
-              cutOffTailIfNeeded(type, !1),
+              cutOffTailIfNeeded(requiresClone, !1),
               (workInProgress.lanes = 4194304));
-        type.isBackwards
-          ? ((updatePayload.sibling = workInProgress.child),
-            (workInProgress.child = updatePayload))
-          : ((current = type.last),
+        requiresClone.isBackwards
+          ? ((oldProps.sibling = workInProgress.child),
+            (workInProgress.child = oldProps))
+          : ((current = requiresClone.last),
             null !== current
-              ? (current.sibling = updatePayload)
-              : (workInProgress.child = updatePayload),
-            (type.last = updatePayload));
+              ? (current.sibling = oldProps)
+              : (workInProgress.child = oldProps),
+            (requiresClone.last = oldProps));
       }
-      if (null !== type.tail)
+      if (null !== requiresClone.tail)
         return (
-          (workInProgress = type.tail),
-          (type.rendering = workInProgress),
-          (type.tail = workInProgress.sibling),
-          (type.renderingStartTime = now()),
+          (workInProgress = requiresClone.tail),
+          (requiresClone.rendering = workInProgress),
+          (requiresClone.tail = workInProgress.sibling),
+          (requiresClone.renderingStartTime = now()),
           (workInProgress.sibling = null),
           (current = suspenseStackCursor.current),
           push(suspenseStackCursor, newProps ? (current & 1) | 2 : current & 1),
@@ -5850,15 +6315,22 @@ function completeWork(current, workInProgress, renderLanes) {
     case 22:
     case 23:
       return (
-        popRenderLanes(),
-        (renderLanes = null !== workInProgress.memoizedState),
-        null !== current &&
-          (null !== current.memoizedState) !== renderLanes &&
-          (workInProgress.flags |= 8192),
-        renderLanes && 0 !== (workInProgress.mode & 1)
-          ? 0 !== (subtreeRenderLanes & 1073741824) &&
-            bubbleProperties(workInProgress)
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        (newProps = null !== workInProgress.memoizedState),
+        null !== current
+          ? (null !== current.memoizedState) !== newProps &&
+            (workInProgress.flags |= 8192)
+          : newProps && (workInProgress.flags |= 8192),
+        newProps && 0 !== (workInProgress.mode & 1)
+          ? 0 !== (renderLanes & 536870912) &&
+            0 === (workInProgress.flags & 128) &&
+            (bubbleProperties(workInProgress),
+            workInProgress.subtreeFlags & 6 && (workInProgress.flags |= 8192))
           : bubbleProperties(workInProgress),
+        (current = workInProgress.updateQueue),
+        null !== current &&
+          scheduleRetryEffect(workInProgress, current.retryQueue),
         null
       );
     case 24:
@@ -5873,7 +6345,6 @@ function completeWork(current, workInProgress, renderLanes) {
   );
 }
 function unwindWork(current, workInProgress) {
-  popTreeContext(workInProgress);
   switch (workInProgress.tag) {
     case 1:
       return (
@@ -5887,17 +6358,18 @@ function unwindWork(current, workInProgress) {
       return (
         popHostContainer(),
         pop(didPerformWorkStackCursor),
-        pop(contextStackCursor),
-        resetWorkInProgressVersions(),
+        pop(contextStackCursor$1),
         (current = workInProgress.flags),
         0 !== (current & 65536) && 0 === (current & 128)
           ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
           : null
       );
+    case 26:
+    case 27:
     case 5:
       return popHostContext(workInProgress), null;
     case 13:
-      pop(suspenseStackCursor);
+      popSuspenseHandler(workInProgress);
       current = workInProgress.memoizedState;
       if (
         null !== current &&
@@ -5919,23 +6391,100 @@ function unwindWork(current, workInProgress) {
       return popProvider(workInProgress.type._context), null;
     case 22:
     case 23:
-      return popRenderLanes(), null;
+      return (
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        (current = workInProgress.flags),
+        current & 65536
+          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
+          : null
+      );
     case 24:
       return null;
+    case 25:
+      return null;
     default:
       return null;
   }
 }
-var PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
+function unwindInterruptedWork(current, interruptedWork) {
+  switch (interruptedWork.tag) {
+    case 1:
+      current = interruptedWork.type.childContextTypes;
+      null !== current && void 0 !== current && popContext();
+      break;
+    case 3:
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor$1);
+      break;
+    case 26:
+    case 27:
+    case 5:
+      popHostContext(interruptedWork);
+      break;
+    case 4:
+      popHostContainer();
+      break;
+    case 13:
+      popSuspenseHandler(interruptedWork);
+      break;
+    case 19:
+      pop(suspenseStackCursor);
+      break;
+    case 10:
+      popProvider(interruptedWork.type._context);
+      break;
+    case 22:
+    case 23:
+      popSuspenseHandler(interruptedWork), popHiddenContext();
+  }
+}
+var offscreenSubtreeIsHidden = !1,
+  offscreenSubtreeWasHidden = !1,
+  PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
   nextEffect = null;
+function safelyAttachRef(current, nearestMountedAncestor) {
+  try {
+    var ref = current.ref;
+    if (null !== ref) {
+      var instance = current.stateNode;
+      switch (current.tag) {
+        case 26:
+        case 27:
+        case 5:
+          var instanceToUse = getPublicInstance(instance);
+          break;
+        default:
+          instanceToUse = instance;
+      }
+      "function" === typeof ref
+        ? (current.refCleanup = ref(instanceToUse))
+        : (ref.current = instanceToUse);
+    }
+  } catch (error) {
+    captureCommitPhaseError(current, nearestMountedAncestor, error);
+  }
+}
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        ref(null);
+        refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (error$77) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$77);
       }
     else ref.current = null;
 }
@@ -5959,39 +6508,43 @@ function commitBeforeMutationEffects(root, firstChild) {
       for (; null !== nextEffect; ) {
         root = nextEffect;
         try {
-          var current = root.alternate;
-          if (0 !== (root.flags & 1024))
-            switch (root.tag) {
-              case 0:
-              case 11:
-              case 15:
-                break;
-              case 1:
-                if (null !== current) {
-                  var prevProps = current.memoizedProps,
-                    prevState = current.memoizedState,
-                    instance = root.stateNode,
-                    snapshot = instance.getSnapshotBeforeUpdate(
-                      root.elementType === root.type
-                        ? prevProps
-                        : resolveDefaultProps(root.type, prevProps),
-                      prevState
-                    );
-                  instance.__reactInternalSnapshotBeforeUpdate = snapshot;
-                }
-                break;
-              case 3:
-                break;
-              case 5:
-              case 6:
-              case 4:
-              case 17:
-                break;
-              default:
+          var current = root.alternate,
+            flags = root.flags;
+          switch (root.tag) {
+            case 0:
+              break;
+            case 11:
+            case 15:
+              break;
+            case 1:
+              if (0 !== (flags & 1024) && null !== current) {
+                var prevProps = current.memoizedProps,
+                  prevState = current.memoizedState,
+                  instance = root.stateNode,
+                  snapshot = instance.getSnapshotBeforeUpdate(
+                    root.elementType === root.type
+                      ? prevProps
+                      : resolveDefaultProps(root.type, prevProps),
+                    prevState
+                  );
+                instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+              }
+              break;
+            case 3:
+              break;
+            case 5:
+            case 26:
+            case 27:
+            case 6:
+            case 4:
+            case 17:
+              break;
+            default:
+              if (0 !== (flags & 1024))
                 throw Error(
                   "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
                 );
-            }
+          }
         } catch (error) {
           captureCommitPhaseError(root, root.return, error);
         }
@@ -6018,10 +6571,11 @@ function commitHookEffectListUnmount(
     var effect = (updateQueue = updateQueue.next);
     do {
       if ((effect.tag & flags) === flags) {
-        var destroy = effect.destroy;
-        effect.destroy = void 0;
+        var inst = effect.inst,
+          destroy = inst.destroy;
         void 0 !== destroy &&
-          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy);
+          ((inst.destroy = void 0),
+          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy));
       }
       effect = effect.next;
     } while (effect !== updateQueue);
@@ -6034,11 +6588,148 @@ function commitHookEffectListMount(flags, finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
       if ((effect.tag & flags) === flags) {
-        var create$75 = effect.create;
-        effect.destroy = create$75();
+        var create$78 = effect.create,
+          inst = effect.inst;
+        create$78 = create$78();
+        inst.destroy = create$78;
+      }
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitHookLayoutEffects(finishedWork, hookFlags) {
+  try {
+    commitHookEffectListMount(hookFlags, finishedWork);
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+function commitClassCallbacks(finishedWork) {
+  var updateQueue = finishedWork.updateQueue;
+  if (null !== updateQueue) {
+    var instance = finishedWork.stateNode;
+    try {
+      commitCallbacks(updateQueue, instance);
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+  }
+}
+function commitHostComponentMount(finishedWork) {
+  try {
+    throw Error(
+      "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+    );
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
+  var flags = finishedWork.flags;
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 4 && commitHookLayoutEffects(finishedWork, 5);
+      break;
+    case 1:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      if (flags & 4)
+        if (((finishedRoot = finishedWork.stateNode), null === current))
+          try {
+            finishedRoot.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          current = current.memoizedState;
+          try {
+            finishedRoot.componentDidUpdate(
+              prevProps,
+              current,
+              finishedRoot.__reactInternalSnapshotBeforeUpdate
+            );
+          } catch (error$79) {
+            captureCommitPhaseError(
+              finishedWork,
+              finishedWork.return,
+              error$79
+            );
+          }
+        }
+      flags & 64 && commitClassCallbacks(finishedWork);
+      flags & 512 && safelyAttachRef(finishedWork, finishedWork.return);
+      break;
+    case 3:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      if (flags & 64 && ((flags = finishedWork.updateQueue), null !== flags)) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 27:
+            case 5:
+              finishedRoot = getPublicInstance(finishedWork.child.stateNode);
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        try {
+          commitCallbacks(flags, finishedRoot);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
       }
-      effect = effect.next;
-    } while (effect !== finishedWork);
+      break;
+    case 26:
+    case 27:
+    case 5:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      null === current && flags & 4 && commitHostComponentMount(finishedWork);
+      flags & 512 && safelyAttachRef(finishedWork, finishedWork.return);
+      break;
+    case 12:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      break;
+    case 13:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      break;
+    case 22:
+      if (0 !== (finishedWork.mode & 1)) {
+        if (
+          ((prevProps =
+            null !== finishedWork.memoizedState || offscreenSubtreeIsHidden),
+          !prevProps)
+        ) {
+          current =
+            (null !== current && null !== current.memoizedState) ||
+            offscreenSubtreeWasHidden;
+          var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
+            prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+          offscreenSubtreeIsHidden = prevProps;
+          (offscreenSubtreeWasHidden = current) &&
+          !prevOffscreenSubtreeWasHidden
+            ? recursivelyTraverseReappearLayoutEffects(
+                finishedRoot,
+                finishedWork,
+                0 !== (finishedWork.subtreeFlags & 8772)
+              )
+            : recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+          offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+          offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+        }
+      } else recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 512 &&
+        ("manual" === finishedWork.memoizedProps.mode
+          ? safelyAttachRef(finishedWork, finishedWork.return)
+          : safelyDetachRef(finishedWork, finishedWork.return));
+      break;
+    default:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
   }
 }
 function detachFiberAfterEffects(fiber) {
@@ -6076,8 +6767,11 @@ function commitDeletionEffectsOnFiber(
       injectedHook.onCommitFiberUnmount(rendererID, deletedFiber);
     } catch (err) {}
   switch (deletedFiber.tag) {
+    case 26:
+    case 27:
     case 5:
-      safelyDetachRef(deletedFiber, nearestMountedAncestor);
+      offscreenSubtreeWasHidden ||
+        safelyDetachRef(deletedFiber, nearestMountedAncestor);
     case 6:
       recursivelyTraverseDeletionEffects(
         finishedRoot,
@@ -6088,7 +6782,7 @@ function commitDeletionEffectsOnFiber(
     case 18:
       break;
     case 4:
-      createChildNodeSet(deletedFiber.stateNode.containerInfo);
+      createChildNodeSet();
       recursivelyTraverseDeletionEffects(
         finishedRoot,
         nearestMountedAncestor,
@@ -6099,27 +6793,35 @@ function commitDeletionEffectsOnFiber(
     case 11:
     case 14:
     case 15:
-      var updateQueue = deletedFiber.updateQueue;
-      if (
-        null !== updateQueue &&
-        ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
-      ) {
-        var effect = (updateQueue = updateQueue.next);
-        do {
-          var _effect = effect,
-            destroy = _effect.destroy;
-          _effect = _effect.tag;
-          void 0 !== destroy &&
-            (0 !== (_effect & 2)
-              ? safelyCallDestroy(deletedFiber, nearestMountedAncestor, destroy)
-              : 0 !== (_effect & 4) &&
-                safelyCallDestroy(
-                  deletedFiber,
-                  nearestMountedAncestor,
-                  destroy
-                ));
-          effect = effect.next;
-        } while (effect !== updateQueue);
+      if (!offscreenSubtreeWasHidden) {
+        var updateQueue = deletedFiber.updateQueue;
+        if (
+          null !== updateQueue &&
+          ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
+        ) {
+          var effect = (updateQueue = updateQueue.next);
+          do {
+            var tag = effect.tag,
+              inst = effect.inst,
+              destroy = inst.destroy;
+            void 0 !== destroy &&
+              (0 !== (tag & 2)
+                ? ((inst.destroy = void 0),
+                  safelyCallDestroy(
+                    deletedFiber,
+                    nearestMountedAncestor,
+                    destroy
+                  ))
+                : 0 !== (tag & 4) &&
+                  ((inst.destroy = void 0),
+                  safelyCallDestroy(
+                    deletedFiber,
+                    nearestMountedAncestor,
+                    destroy
+                  )));
+            effect = effect.next;
+          } while (effect !== updateQueue);
+        }
       }
       recursivelyTraverseDeletionEffects(
         finishedRoot,
@@ -6128,9 +6830,12 @@ function commitDeletionEffectsOnFiber(
       );
       break;
     case 1:
-      safelyDetachRef(deletedFiber, nearestMountedAncestor);
-      updateQueue = deletedFiber.stateNode;
-      if ("function" === typeof updateQueue.componentWillUnmount)
+      if (
+        !offscreenSubtreeWasHidden &&
+        (safelyDetachRef(deletedFiber, nearestMountedAncestor),
+        (updateQueue = deletedFiber.stateNode),
+        "function" === typeof updateQueue.componentWillUnmount)
+      )
         try {
           (updateQueue.props = deletedFiber.memoizedProps),
             (updateQueue.state = deletedFiber.memoizedState),
@@ -6144,278 +6849,649 @@ function commitDeletionEffectsOnFiber(
         deletedFiber
       );
       break;
-    case 21:
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
+    case 21:
+      recursivelyTraverseDeletionEffects(
+        finishedRoot,
+        nearestMountedAncestor,
+        deletedFiber
+      );
+      break;
+    case 22:
+      safelyDetachRef(deletedFiber, nearestMountedAncestor);
+      deletedFiber.mode & 1
+        ? ((offscreenSubtreeWasHidden =
+            (updateQueue = offscreenSubtreeWasHidden) ||
+            null !== deletedFiber.memoizedState),
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          ),
+          (offscreenSubtreeWasHidden = updateQueue))
+        : recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
+      break;
+    default:
+      recursivelyTraverseDeletionEffects(
+        finishedRoot,
+        nearestMountedAncestor,
+        deletedFiber
+      );
+  }
+}
+function getRetryCache(finishedWork) {
+  switch (finishedWork.tag) {
+    case 13:
+    case 19:
+      var retryCache = finishedWork.stateNode;
+      null === retryCache &&
+        (retryCache = finishedWork.stateNode = new PossiblyWeakSet());
+      return retryCache;
+    case 22:
+      return (
+        (finishedWork = finishedWork.stateNode),
+        (retryCache = finishedWork._retryCache),
+        null === retryCache &&
+          (retryCache = finishedWork._retryCache = new PossiblyWeakSet()),
+        retryCache
+      );
+    default:
+      throw Error(
+        "Unexpected Suspense handler tag (" +
+          finishedWork.tag +
+          "). This is a bug in React."
+      );
+  }
+}
+function attachSuspenseRetryListeners(finishedWork, wakeables) {
+  var retryCache = getRetryCache(finishedWork);
+  wakeables.forEach(function (wakeable) {
+    var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
+    retryCache.has(wakeable) ||
+      (retryCache.add(wakeable), wakeable.then(retry, retry));
+  });
+}
+function recursivelyTraverseMutationEffects(root, parentFiber) {
+  var deletions = parentFiber.deletions;
+  if (null !== deletions)
+    for (var i = 0; i < deletions.length; i++) {
+      var childToDelete = deletions[i];
+      try {
+        commitDeletionEffectsOnFiber(root, parentFiber, childToDelete);
+        var alternate = childToDelete.alternate;
+        null !== alternate && (alternate.return = null);
+        childToDelete.return = null;
+      } catch (error) {
+        captureCommitPhaseError(childToDelete, parentFiber, error);
+      }
+    }
+  if (parentFiber.subtreeFlags & 12854)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitMutationEffectsOnFiber(parentFiber, root),
+        (parentFiber = parentFiber.sibling);
+}
+function commitMutationEffectsOnFiber(finishedWork, root) {
+  var current = finishedWork.alternate,
+    flags = finishedWork.flags;
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 14:
+    case 15:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      if (flags & 4) {
+        try {
+          commitHookEffectListUnmount(3, finishedWork, finishedWork.return),
+            commitHookEffectListMount(3, finishedWork);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+        try {
+          commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
+        } catch (error$81) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$81);
+        }
+      }
+      break;
+    case 1:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      flags & 512 &&
+        null !== current &&
+        safelyDetachRef(current, current.return);
+      flags & 64 &&
+        offscreenSubtreeIsHidden &&
+        ((finishedWork = finishedWork.updateQueue),
+        null !== finishedWork &&
+          ((flags = finishedWork.callbacks),
+          null !== flags &&
+            ((current = finishedWork.shared.hiddenCallbacks),
+            (finishedWork.shared.hiddenCallbacks =
+              null === current ? flags : current.concat(flags)))));
+      break;
+    case 26:
+    case 27:
+    case 5:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      flags & 512 &&
+        null !== current &&
+        safelyDetachRef(current, current.return);
+      break;
+    case 6:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      break;
+    case 3:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      break;
+    case 4:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      break;
+    case 13:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      finishedWork.child.flags & 8192 &&
+        ((current = null !== current && null !== current.memoizedState),
+        null === finishedWork.memoizedState ||
+          current ||
+          (globalMostRecentFallbackTime = now()));
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((finishedWork.updateQueue = null),
+          attachSuspenseRetryListeners(finishedWork, flags)));
+      break;
+    case 22:
+      flags & 512 &&
+        null !== current &&
+        safelyDetachRef(current, current.return);
+      var isHidden = null !== finishedWork.memoizedState,
+        wasHidden = null !== current && null !== current.memoizedState;
+      if (finishedWork.mode & 1) {
+        var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
+          prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+        offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden || isHidden;
+        offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || wasHidden;
+        recursivelyTraverseMutationEffects(root, finishedWork);
+        offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+        offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+      } else recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      root = finishedWork.stateNode;
+      root._current = finishedWork;
+      root._visibility &= -3;
+      root._visibility |= root._pendingVisibility & 2;
+      flags & 8192 &&
+        ((root._visibility = isHidden
+          ? root._visibility & -2
+          : root._visibility | 1),
+        isHidden &&
+          ((isHidden = offscreenSubtreeIsHidden || offscreenSubtreeWasHidden),
+          null === current ||
+            wasHidden ||
+            isHidden ||
+            (0 !== (finishedWork.mode & 1) &&
+              recursivelyTraverseDisappearLayoutEffects(finishedWork))));
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((current = flags.retryQueue),
+          null !== current &&
+            ((flags.retryQueue = null),
+            attachSuspenseRetryListeners(finishedWork, current))));
+      break;
+    case 19:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((finishedWork.updateQueue = null),
+          attachSuspenseRetryListeners(finishedWork, flags)));
+      break;
+    case 21:
+      break;
+    default:
+      recursivelyTraverseMutationEffects(root, finishedWork),
+        commitReconciliationEffects(finishedWork);
+  }
+}
+function commitReconciliationEffects(finishedWork) {
+  var flags = finishedWork.flags;
+  flags & 2 && (finishedWork.flags &= -3);
+  flags & 4096 && (finishedWork.flags &= -4097);
+}
+function recursivelyTraverseLayoutEffects(root, parentFiber) {
+  if (parentFiber.subtreeFlags & 8772)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitLayoutEffectOnFiber(root, parentFiber.alternate, parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function recursivelyTraverseDisappearLayoutEffects(parentFiber) {
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var finishedWork = parentFiber;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 14:
+      case 15:
+        commitHookEffectListUnmount(4, finishedWork, finishedWork.return);
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 1:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        var instance = finishedWork.stateNode;
+        if ("function" === typeof instance.componentWillUnmount) {
+          var current = finishedWork,
+            nearestMountedAncestor = finishedWork.return;
+          try {
+            var current$jscomp$0 = current;
+            instance.props = current$jscomp$0.memoizedProps;
+            instance.state = current$jscomp$0.memoizedState;
+            instance.componentWillUnmount();
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
+          }
+        }
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 26:
+      case 27:
+      case 5:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 22:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        null === finishedWork.memoizedState &&
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      default:
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+function recursivelyTraverseReappearLayoutEffects(
+  finishedRoot$jscomp$0,
+  parentFiber,
+  includeWorkInProgressEffects
+) {
+  includeWorkInProgressEffects =
+    includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772);
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var current = parentFiber.alternate,
+      finishedRoot = finishedRoot$jscomp$0,
+      finishedWork = parentFiber,
+      flags = finishedWork.flags;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 15:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        commitHookLayoutEffects(finishedWork, 4);
+        break;
+      case 1:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        finishedRoot = finishedWork.stateNode;
+        if ("function" === typeof finishedRoot.componentDidMount)
+          try {
+            finishedRoot.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+        current = finishedWork.updateQueue;
+        if (null !== current) {
+          var hiddenCallbacks = current.shared.hiddenCallbacks;
+          if (null !== hiddenCallbacks)
+            for (
+              current.shared.hiddenCallbacks = null, current = 0;
+              current < hiddenCallbacks.length;
+              current++
+            )
+              callCallback(hiddenCallbacks[current], finishedRoot);
+        }
+        includeWorkInProgressEffects &&
+          flags & 64 &&
+          commitClassCallbacks(finishedWork);
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      case 26:
+      case 27:
+      case 5:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        includeWorkInProgressEffects &&
+          null === current &&
+          flags & 4 &&
+          commitHostComponentMount(finishedWork);
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      case 12:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        break;
+      case 13:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        break;
+      case 22:
+        null === finishedWork.memoizedState &&
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          );
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      default:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+function commitHookPassiveMountEffects(finishedWork, hookFlags) {
+  try {
+    commitHookEffectListMount(hookFlags, finishedWork);
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+function recursivelyTraversePassiveMountEffects(root, parentFiber) {
+  if (parentFiber.subtreeFlags & 10256)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitPassiveMountOnFiber(root, parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function commitPassiveMountOnFiber(finishedRoot, finishedWork) {
+  var flags = finishedWork.flags;
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      flags & 2048 && commitHookPassiveMountEffects(finishedWork, 9);
+      break;
+    case 3:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      break;
+    case 23:
+      break;
+    case 22:
+      flags = finishedWork.stateNode;
+      null !== finishedWork.memoizedState
+        ? flags._visibility & 4
+          ? recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork)
+          : finishedWork.mode & 1 ||
+            ((flags._visibility |= 4),
+            recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork))
+        : flags._visibility & 4
+        ? recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork)
+        : ((flags._visibility |= 4),
+          recursivelyTraverseReconnectPassiveEffects(
+            finishedRoot,
+            finishedWork
+          ));
+      break;
+    case 24:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      break;
+    default:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+  }
+}
+function recursivelyTraverseReconnectPassiveEffects(
+  finishedRoot$jscomp$0,
+  parentFiber
+) {
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var finishedRoot = finishedRoot$jscomp$0,
+      finishedWork = parentFiber;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 15:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+        commitHookPassiveMountEffects(finishedWork, 8);
+        break;
+      case 23:
+        break;
+      case 22:
+        var instance = finishedWork.stateNode;
+        null !== finishedWork.memoizedState
+          ? instance._visibility & 4
+            ? recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              )
+            : finishedWork.mode & 1 ||
+              ((instance._visibility |= 4),
+              recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              ))
+          : ((instance._visibility |= 4),
+            recursivelyTraverseReconnectPassiveEffects(
+              finishedRoot,
+              finishedWork
+            ));
+        break;
+      case 24:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+        break;
+      default:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+var suspenseyCommitFlag = 8192;
+function recursivelyAccumulateSuspenseyCommit(parentFiber) {
+  if (parentFiber.subtreeFlags & suspenseyCommitFlag)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      accumulateSuspenseyCommitOnFiber(parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function accumulateSuspenseyCommitOnFiber(fiber) {
+  switch (fiber.tag) {
+    case 26:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+      if (fiber.flags & suspenseyCommitFlag && null !== fiber.memoizedState)
+        throw Error(
+          "The current renderer does not support Resources. This error is likely caused by a bug in React. Please file an issue."
+        );
+      break;
+    case 5:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+      break;
+    case 3:
+    case 4:
+      recursivelyAccumulateSuspenseyCommit(fiber);
       break;
     case 22:
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
+      if (null === fiber.memoizedState) {
+        var current = fiber.alternate;
+        null !== current && null !== current.memoizedState
+          ? ((current = suspenseyCommitFlag),
+            (suspenseyCommitFlag = 16777216),
+            recursivelyAccumulateSuspenseyCommit(fiber),
+            (suspenseyCommitFlag = current))
+          : recursivelyAccumulateSuspenseyCommit(fiber);
+      }
       break;
     default:
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
+      recursivelyAccumulateSuspenseyCommit(fiber);
   }
 }
-function attachSuspenseRetryListeners(finishedWork) {
-  var wakeables = finishedWork.updateQueue;
-  if (null !== wakeables) {
-    finishedWork.updateQueue = null;
-    var retryCache = finishedWork.stateNode;
-    null === retryCache &&
-      (retryCache = finishedWork.stateNode = new PossiblyWeakSet());
-    wakeables.forEach(function(wakeable) {
-      var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
-      retryCache.has(wakeable) ||
-        (retryCache.add(wakeable), wakeable.then(retry, retry));
-    });
+function detachAlternateSiblings(parentFiber) {
+  var previousFiber = parentFiber.alternate;
+  if (
+    null !== previousFiber &&
+    ((parentFiber = previousFiber.child), null !== parentFiber)
+  ) {
+    previousFiber.child = null;
+    do
+      (previousFiber = parentFiber.sibling),
+        (parentFiber.sibling = null),
+        (parentFiber = previousFiber);
+    while (null !== parentFiber);
   }
 }
-function recursivelyTraverseMutationEffects(root, parentFiber) {
+function recursivelyTraversePassiveUnmountEffects(parentFiber) {
   var deletions = parentFiber.deletions;
-  if (null !== deletions)
-    for (var i = 0; i < deletions.length; i++) {
-      var childToDelete = deletions[i];
-      try {
-        commitDeletionEffectsOnFiber(root, parentFiber, childToDelete);
-        var alternate = childToDelete.alternate;
-        null !== alternate && (alternate.return = null);
-        childToDelete.return = null;
-      } catch (error) {
-        captureCommitPhaseError(childToDelete, parentFiber, error);
+  if (0 !== (parentFiber.flags & 16)) {
+    if (null !== deletions)
+      for (var i = 0; i < deletions.length; i++) {
+        var childToDelete = deletions[i];
+        nextEffect = childToDelete;
+        commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+          childToDelete,
+          parentFiber
+        );
       }
-    }
-  if (parentFiber.subtreeFlags & 12854)
+    detachAlternateSiblings(parentFiber);
+  }
+  if (parentFiber.subtreeFlags & 10256)
     for (parentFiber = parentFiber.child; null !== parentFiber; )
-      commitMutationEffectsOnFiber(parentFiber, root),
+      commitPassiveUnmountOnFiber(parentFiber),
         (parentFiber = parentFiber.sibling);
 }
-function commitMutationEffectsOnFiber(finishedWork, root) {
-  var current = finishedWork.alternate,
-    flags = finishedWork.flags;
+function commitPassiveUnmountOnFiber(finishedWork) {
   switch (finishedWork.tag) {
     case 0:
     case 11:
-    case 14:
     case 15:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      if (flags & 4) {
-        try {
-          commitHookEffectListUnmount(3, finishedWork, finishedWork.return),
-            commitHookEffectListMount(3, finishedWork);
-        } catch (error) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error);
-        }
-        try {
-          commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$79) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$79);
-        }
-      }
-      break;
-    case 1:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      flags & 512 &&
-        null !== current &&
-        safelyDetachRef(current, current.return);
-      break;
-    case 5:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      flags & 512 &&
-        null !== current &&
-        safelyDetachRef(current, current.return);
-      break;
-    case 6:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      break;
-    case 3:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      break;
-    case 4:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      break;
-    case 13:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      root = finishedWork.child;
-      root.flags & 8192 &&
-        ((current = null !== root.memoizedState),
-        (root.stateNode.isHidden = current),
-        !current ||
-          (null !== root.alternate && null !== root.alternate.memoizedState) ||
-          (globalMostRecentFallbackTime = now()));
-      flags & 4 && attachSuspenseRetryListeners(finishedWork);
+      recursivelyTraversePassiveUnmountEffects(finishedWork);
+      finishedWork.flags & 2048 &&
+        commitHookEffectListUnmount(9, finishedWork, finishedWork.return);
       break;
     case 22:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      flags & 8192 &&
-        (finishedWork.stateNode.isHidden = null !== finishedWork.memoizedState);
-      break;
-    case 19:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      flags & 4 && attachSuspenseRetryListeners(finishedWork);
-      break;
-    case 21:
+      var instance = finishedWork.stateNode;
+      null !== finishedWork.memoizedState &&
+      instance._visibility & 4 &&
+      (null === finishedWork.return || 13 !== finishedWork.return.tag)
+        ? ((instance._visibility &= -5),
+          recursivelyTraverseDisconnectPassiveEffects(finishedWork))
+        : recursivelyTraversePassiveUnmountEffects(finishedWork);
       break;
     default:
-      recursivelyTraverseMutationEffects(root, finishedWork),
-        commitReconciliationEffects(finishedWork);
+      recursivelyTraversePassiveUnmountEffects(finishedWork);
   }
 }
-function commitReconciliationEffects(finishedWork) {
-  var flags = finishedWork.flags;
-  flags & 2 && (finishedWork.flags &= -3);
-  flags & 4096 && (finishedWork.flags &= -4097);
+function recursivelyTraverseDisconnectPassiveEffects(parentFiber) {
+  var deletions = parentFiber.deletions;
+  if (0 !== (parentFiber.flags & 16)) {
+    if (null !== deletions)
+      for (var i = 0; i < deletions.length; i++) {
+        var childToDelete = deletions[i];
+        nextEffect = childToDelete;
+        commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+          childToDelete,
+          parentFiber
+        );
+      }
+    detachAlternateSiblings(parentFiber);
+  }
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    deletions = parentFiber;
+    switch (deletions.tag) {
+      case 0:
+      case 11:
+      case 15:
+        commitHookEffectListUnmount(8, deletions, deletions.return);
+        recursivelyTraverseDisconnectPassiveEffects(deletions);
+        break;
+      case 22:
+        i = deletions.stateNode;
+        i._visibility & 4 &&
+          ((i._visibility &= -5),
+          recursivelyTraverseDisconnectPassiveEffects(deletions));
+        break;
+      default:
+        recursivelyTraverseDisconnectPassiveEffects(deletions);
+    }
+    parentFiber = parentFiber.sibling;
+  }
 }
-function commitLayoutEffects(finishedWork) {
-  for (nextEffect = finishedWork; null !== nextEffect; ) {
-    var fiber = nextEffect,
-      firstChild = fiber.child;
-    if (0 !== (fiber.subtreeFlags & 8772) && null !== firstChild)
-      (firstChild.return = fiber), (nextEffect = firstChild);
+function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+  deletedSubtreeRoot,
+  nearestMountedAncestor
+) {
+  for (; null !== nextEffect; ) {
+    var fiber = nextEffect;
+    switch (fiber.tag) {
+      case 0:
+      case 11:
+      case 15:
+        commitHookEffectListUnmount(8, fiber, nearestMountedAncestor);
+    }
+    var child = fiber.child;
+    if (null !== child) (child.return = fiber), (nextEffect = child);
     else
-      for (fiber = finishedWork; null !== nextEffect; ) {
-        firstChild = nextEffect;
-        if (0 !== (firstChild.flags & 8772)) {
-          var current = firstChild.alternate;
-          try {
-            if (0 !== (firstChild.flags & 8772))
-              switch (firstChild.tag) {
-                case 0:
-                case 11:
-                case 15:
-                  commitHookEffectListMount(5, firstChild);
-                  break;
-                case 1:
-                  var instance = firstChild.stateNode;
-                  if (firstChild.flags & 4)
-                    if (null === current) instance.componentDidMount();
-                    else {
-                      var prevProps =
-                        firstChild.elementType === firstChild.type
-                          ? current.memoizedProps
-                          : resolveDefaultProps(
-                              firstChild.type,
-                              current.memoizedProps
-                            );
-                      instance.componentDidUpdate(
-                        prevProps,
-                        current.memoizedState,
-                        instance.__reactInternalSnapshotBeforeUpdate
-                      );
-                    }
-                  var updateQueue = firstChild.updateQueue;
-                  null !== updateQueue &&
-                    commitUpdateQueue(firstChild, updateQueue, instance);
-                  break;
-                case 3:
-                  var updateQueue$76 = firstChild.updateQueue;
-                  if (null !== updateQueue$76) {
-                    current = null;
-                    if (null !== firstChild.child)
-                      switch (firstChild.child.tag) {
-                        case 5:
-                          current = firstChild.child.stateNode.canonical;
-                          break;
-                        case 1:
-                          current = firstChild.child.stateNode;
-                      }
-                    commitUpdateQueue(firstChild, updateQueue$76, current);
-                  }
-                  break;
-                case 5:
-                  if (null === current && firstChild.flags & 4)
-                    throw Error(
-                      "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
-                    );
-                  break;
-                case 6:
-                  break;
-                case 4:
-                  break;
-                case 12:
-                  break;
-                case 13:
-                  break;
-                case 19:
-                case 17:
-                case 21:
-                case 22:
-                case 23:
-                case 25:
-                  break;
-                default:
-                  throw Error(
-                    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                  );
-              }
-            if (firstChild.flags & 512) {
-              current = void 0;
-              var ref = firstChild.ref;
-              if (null !== ref) {
-                var instance$jscomp$0 = firstChild.stateNode;
-                switch (firstChild.tag) {
-                  case 5:
-                    current = instance$jscomp$0.canonical;
-                    break;
-                  default:
-                    current = instance$jscomp$0;
-                }
-                "function" === typeof ref
-                  ? ref(current)
-                  : (ref.current = current);
-              }
-            }
-          } catch (error) {
-            captureCommitPhaseError(firstChild, firstChild.return, error);
-          }
-        }
-        if (firstChild === fiber) {
+      a: for (fiber = deletedSubtreeRoot; null !== nextEffect; ) {
+        child = nextEffect;
+        var sibling = child.sibling,
+          returnFiber = child.return;
+        detachFiberAfterEffects(child);
+        if (child === fiber) {
           nextEffect = null;
-          break;
+          break a;
         }
-        current = firstChild.sibling;
-        if (null !== current) {
-          current.return = firstChild.return;
-          nextEffect = current;
-          break;
+        if (null !== sibling) {
+          sibling.return = returnFiber;
+          nextEffect = sibling;
+          break a;
         }
-        nextEffect = firstChild.return;
+        nextEffect = returnFiber;
       }
   }
 }
-var ceil = Math.ceil,
-  ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
-  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   executionContext = 0,
   workInProgressRoot = null,
   workInProgress = null,
   workInProgressRootRenderLanes = 0,
-  subtreeRenderLanes = 0,
-  subtreeRenderLanesCursor = createCursor(0),
+  workInProgressSuspendedReason = 0,
+  workInProgressThrownValue = null,
+  workInProgressRootDidAttachPingListener = !1,
+  entangledRenderLanes = 0,
   workInProgressRootExitStatus = 0,
   workInProgressRootFatalError = null,
   workInProgressRootSkippedLanes = 0,
   workInProgressRootInterleavedUpdatedLanes = 0,
   workInProgressRootPingedLanes = 0,
+  workInProgressDeferredLane = 0,
   workInProgressRootConcurrentErrors = null,
   workInProgressRootRecoverableErrors = null,
   globalMostRecentFallbackTime = 0,
@@ -6428,21 +7504,14 @@ var ceil = Math.ceil,
   rootWithPendingPassiveEffects = null,
   pendingPassiveEffectsLanes = 0,
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
-  if (0 === (fiber.mode & 1)) return 1;
+  if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
-  if (null !== ReactCurrentBatchConfig.transition)
+  fiber = ReactCurrentBatchConfig$1.transition;
+  null !== fiber && fiber._callbacks.add(handleAsyncAction);
+  if (null !== fiber)
     return (
       0 === currentEventTransitionLane &&
         (currentEventTransitionLane = claimNextTransitionLane()),
@@ -6457,108 +7526,53 @@ function requestUpdateLane(fiber) {
       if (null != fiber)
         switch (fiber) {
           case FabricDiscretePriority:
-            fiber = 1;
+            fiber = 2;
             break a;
         }
-      fiber = 16;
+      fiber = 32;
     }
   return fiber;
 }
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
-  if (50 < nestedUpdateCount)
-    throw ((nestedUpdateCount = 0),
-    (rootWithNestedUpdates = null),
-    Error(
-      "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
-    ));
-  markRootUpdated(root, lane, eventTime);
+function requestDeferredLane() {
+  0 === workInProgressDeferredLane &&
+    (workInProgressDeferredLane =
+      0 !== (workInProgressRootRenderLanes & 536870912)
+        ? 536870912
+        : claimNextTransitionLane());
+  var suspenseHandler = suspenseHandlerStackCursor.current;
+  null !== suspenseHandler && (suspenseHandler.flags |= 32);
+  return workInProgressDeferredLane;
+}
+function scheduleUpdateOnFiber(root, fiber, lane) {
+  if (
+    (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    prepareFreshStack(root, 0),
+      markRootSuspended(
+        root,
+        workInProgressRootRenderLanes,
+        workInProgressDeferredLane
+      );
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot)
     root === workInProgressRoot &&
       (0 === (executionContext & 2) &&
         (workInProgressRootInterleavedUpdatedLanes |= lane),
       4 === workInProgressRootExitStatus &&
-        markRootSuspended$1(root, workInProgressRootRenderLanes)),
-      ensureRootIsScheduled(root, eventTime),
-      1 === lane &&
+        markRootSuspended(
+          root,
+          workInProgressRootRenderLanes,
+          workInProgressDeferredLane
+        )),
+      ensureRootIsScheduled(root),
+      2 === lane &&
         0 === executionContext &&
         0 === (fiber.mode & 1) &&
         ((workInProgressRootRenderTargetTime = now() + 500),
-        includesLegacySyncCallbacks && flushSyncCallbacks());
-}
-function ensureRootIsScheduled(root, currentTime) {
-  for (
-    var existingCallbackNode = root.callbackNode,
-      suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes;
-    0 < lanes;
-
-  ) {
-    var index$5 = 31 - clz32(lanes),
-      lane = 1 << index$5,
-      expirationTime = expirationTimes[index$5];
-    if (-1 === expirationTime) {
-      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$5] = computeExpirationTime(lane, currentTime);
-    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
-    lanes &= ~lane;
-  }
-  suspendedLanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : 0
-  );
-  if (0 === suspendedLanes)
-    null !== existingCallbackNode && cancelCallback(existingCallbackNode),
-      (root.callbackNode = null),
-      (root.callbackPriority = 0);
-  else if (
-    ((currentTime = suspendedLanes & -suspendedLanes),
-    root.callbackPriority !== currentTime)
-  ) {
-    null != existingCallbackNode && cancelCallback(existingCallbackNode);
-    if (1 === currentTime)
-      0 === root.tag
-        ? ((existingCallbackNode = performSyncWorkOnRoot.bind(null, root)),
-          (includesLegacySyncCallbacks = !0),
-          null === syncQueue
-            ? (syncQueue = [existingCallbackNode])
-            : syncQueue.push(existingCallbackNode))
-        : ((existingCallbackNode = performSyncWorkOnRoot.bind(null, root)),
-          null === syncQueue
-            ? (syncQueue = [existingCallbackNode])
-            : syncQueue.push(existingCallbackNode)),
-        scheduleCallback(ImmediatePriority, flushSyncCallbacks),
-        (existingCallbackNode = null);
-    else {
-      switch (lanesToEventPriority(suspendedLanes)) {
-        case 1:
-          existingCallbackNode = ImmediatePriority;
-          break;
-        case 4:
-          existingCallbackNode = UserBlockingPriority;
-          break;
-        case 16:
-          existingCallbackNode = NormalPriority;
-          break;
-        case 536870912:
-          existingCallbackNode = IdlePriority;
-          break;
-        default:
-          existingCallbackNode = NormalPriority;
-      }
-      existingCallbackNode = scheduleCallback$1(
-        existingCallbackNode,
-        performConcurrentWorkOnRoot.bind(null, root)
-      );
-    }
-    root.callbackPriority = currentTime;
-    root.callbackNode = existingCallbackNode;
-  }
+        flushSyncWorkAcrossRoots_impl(!0));
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6))
     throw Error("Should not already be working.");
   var originalCallbackNode = root.callbackNode;
@@ -6569,184 +7583,140 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
     root === workInProgressRoot ? workInProgressRootRenderLanes : 0
   );
   if (0 === lanes) return null;
-  if (0 !== (lanes & 30) || 0 !== (lanes & root.expiredLanes) || didTimeout)
-    didTimeout = renderRootSync(root, lanes);
-  else {
-    didTimeout = lanes;
-    var prevExecutionContext = executionContext;
-    executionContext |= 2;
-    var prevDispatcher = pushDispatcher();
-    if (
-      workInProgressRoot !== root ||
-      workInProgressRootRenderLanes !== didTimeout
-    )
-      (workInProgressTransitions = null),
-        (workInProgressRootRenderTargetTime = now() + 500),
-        prepareFreshStack(root, didTimeout);
-    do
-      try {
-        workLoopConcurrent();
-        break;
-      } catch (thrownValue) {
-        handleError(root, thrownValue);
-      }
-    while (1);
-    resetContextDependencies();
-    ReactCurrentDispatcher$2.current = prevDispatcher;
-    executionContext = prevExecutionContext;
-    null !== workInProgress
-      ? (didTimeout = 0)
-      : ((workInProgressRoot = null),
-        (workInProgressRootRenderLanes = 0),
-        (didTimeout = workInProgressRootExitStatus));
-  }
-  if (0 !== didTimeout) {
-    2 === didTimeout &&
-      ((prevExecutionContext = getLanesToRetrySynchronouslyOnError(root)),
-      0 !== prevExecutionContext &&
-        ((lanes = prevExecutionContext),
-        (didTimeout = recoverFromConcurrentError(root, prevExecutionContext))));
-    if (1 === didTimeout)
-      throw ((originalCallbackNode = workInProgressRootFatalError),
-      prepareFreshStack(root, 0),
-      markRootSuspended$1(root, lanes),
-      ensureRootIsScheduled(root, now()),
-      originalCallbackNode);
-    if (6 === didTimeout) markRootSuspended$1(root, lanes);
-    else {
-      prevExecutionContext = root.current.alternate;
-      if (
-        0 === (lanes & 30) &&
-        !isRenderConsistentWithExternalStores(prevExecutionContext) &&
-        ((didTimeout = renderRootSync(root, lanes)),
-        2 === didTimeout &&
-          ((prevDispatcher = getLanesToRetrySynchronouslyOnError(root)),
-          0 !== prevDispatcher &&
-            ((lanes = prevDispatcher),
-            (didTimeout = recoverFromConcurrentError(root, prevDispatcher)))),
-        1 === didTimeout)
-      )
-        throw ((originalCallbackNode = workInProgressRootFatalError),
-        prepareFreshStack(root, 0),
-        markRootSuspended$1(root, lanes),
-        ensureRootIsScheduled(root, now()),
-        originalCallbackNode);
-      root.finishedWork = prevExecutionContext;
-      root.finishedLanes = lanes;
-      switch (didTimeout) {
-        case 0:
-        case 1:
-          throw Error("Root did not complete. This is a bug in React.");
-        case 2:
-          commitRoot(
+  var exitStatus = (didTimeout =
+    0 === (lanes & 60) && 0 === (lanes & root.expiredLanes) && !didTimeout)
+    ? renderRootConcurrent(root, lanes)
+    : renderRootSync(root, lanes);
+  if (0 !== exitStatus) {
+    var renderWasConcurrent = didTimeout;
+    do {
+      if (6 === exitStatus) markRootSuspended(root, lanes, 0);
+      else {
+        didTimeout = root.current.alternate;
+        if (
+          renderWasConcurrent &&
+          !isRenderConsistentWithExternalStores(didTimeout)
+        ) {
+          exitStatus = renderRootSync(root, lanes);
+          renderWasConcurrent = !1;
+          continue;
+        }
+        if (2 === exitStatus) {
+          renderWasConcurrent = lanes;
+          var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
             root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
+            renderWasConcurrent
           );
-          break;
-        case 3:
-          markRootSuspended$1(root, lanes);
+          0 !== errorRetryLanes &&
+            ((lanes = errorRetryLanes),
+            (exitStatus = recoverFromConcurrentError(
+              root,
+              renderWasConcurrent,
+              errorRetryLanes
+            )));
+        }
+        if (1 === exitStatus)
+          throw (
+            ((originalCallbackNode = workInProgressRootFatalError),
+            prepareFreshStack(root, 0),
+            markRootSuspended(root, lanes, 0),
+            ensureRootIsScheduled(root),
+            originalCallbackNode)
+          );
+        root.finishedWork = didTimeout;
+        root.finishedLanes = lanes;
+        a: {
+          renderWasConcurrent = root;
+          switch (exitStatus) {
+            case 0:
+            case 1:
+              throw Error("Root did not complete. This is a bug in React.");
+            case 4:
+              if ((lanes & 4194176) === lanes) {
+                markRootSuspended(
+                  renderWasConcurrent,
+                  lanes,
+                  workInProgressDeferredLane
+                );
+                break a;
+              }
+              break;
+            case 2:
+            case 3:
+            case 5:
+              break;
+            default:
+              throw Error("Unknown root exit status.");
+          }
           if (
-            (lanes & 130023424) === lanes &&
-            ((didTimeout = globalMostRecentFallbackTime + 500 - now()),
-            10 < didTimeout)
+            (lanes & 62914560) === lanes &&
+            3 === exitStatus &&
+            ((exitStatus = globalMostRecentFallbackTime + 300 - now()),
+            10 < exitStatus)
           ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            prevExecutionContext = root.suspendedLanes;
-            if ((prevExecutionContext & lanes) !== lanes) {
-              requestEventTime();
-              root.pingedLanes |= root.suspendedLanes & prevExecutionContext;
-              break;
-            }
-            root.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(
-                null,
-                root,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions
-              ),
-              didTimeout
+            markRootSuspended(
+              renderWasConcurrent,
+              lanes,
+              workInProgressDeferredLane
             );
-            break;
-          }
-          commitRoot(
-            root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
-          );
-          break;
-        case 4:
-          markRootSuspended$1(root, lanes);
-          if ((lanes & 4194240) === lanes) break;
-          didTimeout = root.eventTimes;
-          for (prevExecutionContext = -1; 0 < lanes; ) {
-            var index$4 = 31 - clz32(lanes);
-            prevDispatcher = 1 << index$4;
-            index$4 = didTimeout[index$4];
-            index$4 > prevExecutionContext && (prevExecutionContext = index$4);
-            lanes &= ~prevDispatcher;
-          }
-          lanes = prevExecutionContext;
-          lanes = now() - lanes;
-          lanes =
-            (120 > lanes
-              ? 120
-              : 480 > lanes
-              ? 480
-              : 1080 > lanes
-              ? 1080
-              : 1920 > lanes
-              ? 1920
-              : 3e3 > lanes
-              ? 3e3
-              : 4320 > lanes
-              ? 4320
-              : 1960 * ceil(lanes / 1960)) - lanes;
-          if (10 < lanes) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(
+            if (0 !== getNextLanes(renderWasConcurrent, 0)) break a;
+            renderWasConcurrent.timeoutHandle = scheduleTimeout(
+              commitRootWhenReady.bind(
                 null,
-                root,
+                renderWasConcurrent,
+                didTimeout,
                 workInProgressRootRecoverableErrors,
-                workInProgressTransitions
+                workInProgressTransitions,
+                lanes,
+                workInProgressDeferredLane
               ),
-              lanes
+              exitStatus
             );
-            break;
+            break a;
           }
-          commitRoot(
-            root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
-          );
-          break;
-        case 5:
-          commitRoot(
-            root,
+          commitRootWhenReady(
+            renderWasConcurrent,
+            didTimeout,
             workInProgressRootRecoverableErrors,
-            workInProgressTransitions
+            workInProgressTransitions,
+            lanes,
+            workInProgressDeferredLane
           );
-          break;
-        default:
-          throw Error("Unknown root exit status.");
+        }
       }
-    }
+      break;
+    } while (1);
   }
-  ensureRootIsScheduled(root, now());
-  return root.callbackNode === originalCallbackNode
-    ? performConcurrentWorkOnRoot.bind(null, root)
-    : null;
+  ensureRootIsScheduled(root);
+  scheduleTaskForRootDuringMicrotask(root, now());
+  root =
+    root.callbackNode === originalCallbackNode
+      ? performConcurrentWorkOnRoot.bind(null, root)
+      : null;
+  return root;
 }
-function recoverFromConcurrentError(root, errorRetryLanes) {
-  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors;
-  root.current.memoizedState.isDehydrated &&
+function recoverFromConcurrentError(
+  root,
+  originallyAttemptedLanes,
+  errorRetryLanes
+) {
+  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors,
+    JSCompiler_inline_result;
+  (JSCompiler_inline_result = root.current.memoizedState.isDehydrated) &&
     (prepareFreshStack(root, errorRetryLanes).flags |= 256);
-  root = renderRootSync(root, errorRetryLanes);
-  2 !== root &&
-    ((errorRetryLanes = workInProgressRootRecoverableErrors),
-    (workInProgressRootRecoverableErrors = errorsFromFirstAttempt),
-    null !== errorRetryLanes && queueRecoverableErrors(errorRetryLanes));
-  return root;
+  errorRetryLanes = renderRootSync(root, errorRetryLanes);
+  if (2 !== errorRetryLanes) {
+    if (workInProgressRootDidAttachPingListener && !JSCompiler_inline_result)
+      return (
+        (root.errorRecoveryDisabledLanes |= originallyAttemptedLanes),
+        (workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes),
+        4
+      );
+    root = workInProgressRootRecoverableErrors;
+    workInProgressRootRecoverableErrors = errorsFromFirstAttempt;
+    null !== root && queueRecoverableErrors(root);
+  }
+  return errorRetryLanes;
 }
 function queueRecoverableErrors(errors) {
   null === workInProgressRootRecoverableErrors
@@ -6756,6 +7726,17 @@ function queueRecoverableErrors(errors) {
         errors
       );
 }
+function commitRootWhenReady(
+  root,
+  finishedWork,
+  recoverableErrors,
+  transitions,
+  lanes,
+  spawnedLane
+) {
+  0 === (lanes & 42) && accumulateSuspenseyCommitOnFiber(finishedWork);
+  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+}
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
     if (node.flags & 16384) {
@@ -6790,52 +7771,40 @@ function isRenderConsistentWithExternalStores(finishedWork) {
   }
   return !0;
 }
-function markRootSuspended$1(root, suspendedLanes) {
+function markRootSuspended(root, suspendedLanes, spawnedLane) {
   suspendedLanes &= ~workInProgressRootPingedLanes;
   suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
-  for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$6 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$6;
-    root[index$6] = -1;
-    suspendedLanes &= ~lane;
+  for (
+    var expirationTimes = root.expirationTimes, lanes = suspendedLanes;
+    0 < lanes;
+
+  ) {
+    var index$4 = 31 - clz32(lanes),
+      lane = 1 << index$4;
+    expirationTimes[index$4] = -1;
+    lanes &= ~lane;
   }
+  0 !== spawnedLane &&
+    markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
 }
-function performSyncWorkOnRoot(root) {
-  if (0 !== (executionContext & 6))
-    throw Error("Should not already be working.");
-  flushPassiveEffects();
-  var lanes = getNextLanes(root, 0);
-  if (0 === (lanes & 1)) return ensureRootIsScheduled(root, now()), null;
-  var exitStatus = renderRootSync(root, lanes);
-  if (0 !== root.tag && 2 === exitStatus) {
-    var errorRetryLanes = getLanesToRetrySynchronouslyOnError(root);
-    0 !== errorRetryLanes &&
-      ((lanes = errorRetryLanes),
-      (exitStatus = recoverFromConcurrentError(root, errorRetryLanes)));
-  }
-  if (1 === exitStatus)
-    throw ((exitStatus = workInProgressRootFatalError),
-    prepareFreshStack(root, 0),
-    markRootSuspended$1(root, lanes),
-    ensureRootIsScheduled(root, now()),
-    exitStatus);
-  if (6 === exitStatus)
-    throw Error("Root did not complete. This is a bug in React.");
-  root.finishedWork = root.current.alternate;
-  root.finishedLanes = lanes;
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
-  ensureRootIsScheduled(root, now());
-  return null;
-}
-function popRenderLanes() {
-  subtreeRenderLanes = subtreeRenderLanesCursor.current;
-  pop(subtreeRenderLanesCursor);
+function resetWorkInProgressStack() {
+  if (null !== workInProgress) {
+    if (0 === workInProgressSuspendedReason)
+      var interruptedWork = workInProgress.return;
+    else
+      (interruptedWork = workInProgress),
+        resetContextDependencies(),
+        resetHooksOnUnwind(interruptedWork),
+        (thenableState$1 = null),
+        (thenableIndexCounter$1 = 0),
+        (interruptedWork = workInProgress);
+    for (; null !== interruptedWork; )
+      unwindInterruptedWork(interruptedWork.alternate, interruptedWork),
+        (interruptedWork = interruptedWork.return);
+    workInProgress = null;
+  }
 }
 function prepareFreshStack(root, lanes) {
   root.finishedWork = null;
@@ -6843,266 +7812,93 @@ function prepareFreshStack(root, lanes) {
   var timeoutHandle = root.timeoutHandle;
   -1 !== timeoutHandle &&
     ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
-  if (null !== workInProgress)
-    for (timeoutHandle = workInProgress.return; null !== timeoutHandle; ) {
-      var interruptedWork = timeoutHandle;
-      popTreeContext(interruptedWork);
-      switch (interruptedWork.tag) {
-        case 1:
-          interruptedWork = interruptedWork.type.childContextTypes;
-          null !== interruptedWork &&
-            void 0 !== interruptedWork &&
-            popContext();
-          break;
-        case 3:
-          popHostContainer();
-          pop(didPerformWorkStackCursor);
-          pop(contextStackCursor);
-          resetWorkInProgressVersions();
-          break;
-        case 5:
-          popHostContext(interruptedWork);
-          break;
-        case 4:
-          popHostContainer();
-          break;
-        case 13:
-          pop(suspenseStackCursor);
-          break;
-        case 19:
-          pop(suspenseStackCursor);
-          break;
-        case 10:
-          popProvider(interruptedWork.type._context);
-          break;
-        case 22:
-        case 23:
-          popRenderLanes();
-      }
-      timeoutHandle = timeoutHandle.return;
-    }
+  timeoutHandle = root.cancelPendingCommit;
+  null !== timeoutHandle &&
+    ((root.cancelPendingCommit = null), timeoutHandle());
+  resetWorkInProgressStack();
   workInProgressRoot = root;
-  workInProgress = root = createWorkInProgress(root.current, null);
-  workInProgressRootRenderLanes = subtreeRenderLanes = lanes;
+  workInProgress = timeoutHandle = createWorkInProgress(root.current, null);
+  workInProgressRootRenderLanes = lanes;
+  workInProgressSuspendedReason = 0;
+  workInProgressThrownValue = null;
+  workInProgressRootDidAttachPingListener = !1;
   workInProgressRootExitStatus = 0;
   workInProgressRootFatalError = null;
-  workInProgressRootPingedLanes = workInProgressRootInterleavedUpdatedLanes = workInProgressRootSkippedLanes = 0;
-  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors = null;
-  if (null !== concurrentQueues) {
-    for (lanes = 0; lanes < concurrentQueues.length; lanes++)
-      if (
-        ((timeoutHandle = concurrentQueues[lanes]),
-        (interruptedWork = timeoutHandle.interleaved),
-        null !== interruptedWork)
-      ) {
-        timeoutHandle.interleaved = null;
-        var firstInterleavedUpdate = interruptedWork.next,
-          lastPendingUpdate = timeoutHandle.pending;
-        if (null !== lastPendingUpdate) {
-          var firstPendingUpdate = lastPendingUpdate.next;
-          lastPendingUpdate.next = firstInterleavedUpdate;
-          interruptedWork.next = firstPendingUpdate;
-        }
-        timeoutHandle.pending = interruptedWork;
-      }
-    concurrentQueues = null;
-  }
-  return root;
-}
-function handleError(root$jscomp$0, thrownValue) {
-  do {
-    var erroredWork = workInProgress;
-    try {
-      resetContextDependencies();
-      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-      if (didScheduleRenderPhaseUpdate) {
-        for (
-          var hook = currentlyRenderingFiber$1.memoizedState;
-          null !== hook;
+  workInProgressDeferredLane =
+    workInProgressRootPingedLanes =
+    workInProgressRootInterleavedUpdatedLanes =
+    workInProgressRootSkippedLanes =
+      0;
+  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors =
+    null;
+  0 !== (lanes & 8) && (lanes |= lanes & 32);
+  var allEntangledLanes = root.entangledLanes;
+  if (0 !== allEntangledLanes)
+    for (
+      root = root.entanglements, allEntangledLanes &= lanes;
+      0 < allEntangledLanes;
 
-        ) {
-          var queue = hook.queue;
-          null !== queue && (queue.pending = null);
-          hook = hook.next;
-        }
-        didScheduleRenderPhaseUpdate = !1;
-      }
-      renderLanes = 0;
-      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
-      didScheduleRenderPhaseUpdateDuringThisPass = !1;
-      ReactCurrentOwner$2.current = null;
-      if (null === erroredWork || null === erroredWork.return) {
-        workInProgressRootExitStatus = 1;
-        workInProgressRootFatalError = thrownValue;
-        workInProgress = null;
-        break;
-      }
-      a: {
-        var root = root$jscomp$0,
-          returnFiber = erroredWork.return,
-          sourceFiber = erroredWork,
-          value = thrownValue;
-        thrownValue = workInProgressRootRenderLanes;
-        sourceFiber.flags |= 32768;
-        if (
-          null !== value &&
-          "object" === typeof value &&
-          "function" === typeof value.then
-        ) {
-          var wakeable = value,
-            sourceFiber$jscomp$0 = sourceFiber,
-            tag = sourceFiber$jscomp$0.tag;
-          if (
-            0 === (sourceFiber$jscomp$0.mode & 1) &&
-            (0 === tag || 11 === tag || 15 === tag)
-          ) {
-            var currentSource = sourceFiber$jscomp$0.alternate;
-            currentSource
-              ? ((sourceFiber$jscomp$0.updateQueue = currentSource.updateQueue),
-                (sourceFiber$jscomp$0.memoizedState =
-                  currentSource.memoizedState),
-                (sourceFiber$jscomp$0.lanes = currentSource.lanes))
-              : ((sourceFiber$jscomp$0.updateQueue = null),
-                (sourceFiber$jscomp$0.memoizedState = null));
-          }
-          b: {
-            sourceFiber$jscomp$0 = returnFiber;
-            do {
-              var JSCompiler_temp;
-              if ((JSCompiler_temp = 13 === sourceFiber$jscomp$0.tag)) {
-                var nextState = sourceFiber$jscomp$0.memoizedState;
-                JSCompiler_temp =
-                  null !== nextState
-                    ? null !== nextState.dehydrated
-                      ? !0
-                      : !1
-                    : !0;
-              }
-              if (JSCompiler_temp) {
-                var suspenseBoundary = sourceFiber$jscomp$0;
-                break b;
-              }
-              sourceFiber$jscomp$0 = sourceFiber$jscomp$0.return;
-            } while (null !== sourceFiber$jscomp$0);
-            suspenseBoundary = null;
-          }
-          if (null !== suspenseBoundary) {
-            suspenseBoundary.flags &= -257;
-            value = suspenseBoundary;
-            sourceFiber$jscomp$0 = thrownValue;
-            if (0 === (value.mode & 1))
-              if (value === returnFiber) value.flags |= 65536;
-              else {
-                value.flags |= 128;
-                sourceFiber.flags |= 131072;
-                sourceFiber.flags &= -52805;
-                if (1 === sourceFiber.tag)
-                  if (null === sourceFiber.alternate) sourceFiber.tag = 17;
-                  else {
-                    var update = createUpdate(-1, 1);
-                    update.tag = 2;
-                    enqueueUpdate(sourceFiber, update, 1);
-                  }
-                sourceFiber.lanes |= 1;
-              }
-            else (value.flags |= 65536), (value.lanes = sourceFiber$jscomp$0);
-            suspenseBoundary.mode & 1 &&
-              attachPingListener(root, wakeable, thrownValue);
-            thrownValue = suspenseBoundary;
-            root = wakeable;
-            var wakeables = thrownValue.updateQueue;
-            if (null === wakeables) {
-              var updateQueue = new Set();
-              updateQueue.add(root);
-              thrownValue.updateQueue = updateQueue;
-            } else wakeables.add(root);
-            break a;
-          } else {
-            if (0 === (thrownValue & 1)) {
-              attachPingListener(root, wakeable, thrownValue);
-              renderDidSuspendDelayIfPossible();
-              break a;
-            }
-            value = Error(
-              "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition."
-            );
-          }
-        }
-        root = value = createCapturedValueAtFiber(value, sourceFiber);
-        4 !== workInProgressRootExitStatus &&
-          (workInProgressRootExitStatus = 2);
-        null === workInProgressRootConcurrentErrors
-          ? (workInProgressRootConcurrentErrors = [root])
-          : workInProgressRootConcurrentErrors.push(root);
-        root = returnFiber;
-        do {
-          switch (root.tag) {
-            case 3:
-              wakeable = value;
-              root.flags |= 65536;
-              thrownValue &= -thrownValue;
-              root.lanes |= thrownValue;
-              var update$jscomp$0 = createRootErrorUpdate(
-                root,
-                wakeable,
-                thrownValue
-              );
-              enqueueCapturedUpdate(root, update$jscomp$0);
-              break a;
-            case 1:
-              wakeable = value;
-              var ctor = root.type,
-                instance = root.stateNode;
-              if (
-                0 === (root.flags & 128) &&
-                ("function" === typeof ctor.getDerivedStateFromError ||
-                  (null !== instance &&
-                    "function" === typeof instance.componentDidCatch &&
-                    (null === legacyErrorBoundariesThatAlreadyFailed ||
-                      !legacyErrorBoundariesThatAlreadyFailed.has(instance))))
-              ) {
-                root.flags |= 65536;
-                thrownValue &= -thrownValue;
-                root.lanes |= thrownValue;
-                var update$32 = createClassErrorUpdate(
-                  root,
-                  wakeable,
-                  thrownValue
-                );
-                enqueueCapturedUpdate(root, update$32);
-                break a;
-              }
-          }
-          root = root.return;
-        } while (null !== root);
-      }
-      completeUnitOfWork(erroredWork);
-    } catch (yetAnotherThrownValue) {
-      thrownValue = yetAnotherThrownValue;
-      workInProgress === erroredWork &&
-        null !== erroredWork &&
-        (workInProgress = erroredWork = erroredWork.return);
-      continue;
+    ) {
+      var index$2 = 31 - clz32(allEntangledLanes),
+        lane = 1 << index$2;
+      lanes |= root[index$2];
+      allEntangledLanes &= ~lane;
     }
-    break;
-  } while (1);
+  entangledRenderLanes = lanes;
+  finishQueueingConcurrentUpdates();
+  return timeoutHandle;
+}
+function handleThrow(root, thrownValue) {
+  currentlyRenderingFiber$1 = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
+  thrownValue === SuspenseException
+    ? ((thrownValue = getSuspendedThenable()),
+      (root = suspenseHandlerStackCursor.current),
+      (workInProgressSuspendedReason =
+        (null !== root &&
+          ((workInProgressRootRenderLanes & 4194176) ===
+          workInProgressRootRenderLanes
+            ? null !== shellBoundary
+            : ((workInProgressRootRenderLanes & 62914560) !==
+                workInProgressRootRenderLanes &&
+                0 === (workInProgressRootRenderLanes & 536870912)) ||
+              root !== shellBoundary)) ||
+        0 !== (workInProgressRootSkippedLanes & 134217727) ||
+        0 !== (workInProgressRootInterleavedUpdatedLanes & 134217727)
+          ? 3
+          : 2))
+    : thrownValue === SuspenseyCommitException
+    ? ((thrownValue = getSuspendedThenable()),
+      (workInProgressSuspendedReason = 4))
+    : (workInProgressSuspendedReason =
+        thrownValue === SelectiveHydrationException
+          ? 8
+          : null !== thrownValue &&
+            "object" === typeof thrownValue &&
+            "function" === typeof thrownValue.then
+          ? 6
+          : 1);
+  workInProgressThrownValue = thrownValue;
+  null === workInProgress &&
+    ((workInProgressRootExitStatus = 1),
+    (workInProgressRootFatalError = thrownValue));
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher$2.current;
-  ReactCurrentDispatcher$2.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function renderDidSuspendDelayIfPossible() {
-  if (
-    0 === workInProgressRootExitStatus ||
-    3 === workInProgressRootExitStatus ||
-    2 === workInProgressRootExitStatus
-  )
-    workInProgressRootExitStatus = 4;
-  null === workInProgressRoot ||
-    (0 === (workInProgressRootSkippedLanes & 268435455) &&
-      0 === (workInProgressRootInterleavedUpdatedLanes & 268435455)) ||
-    markRootSuspended$1(workInProgressRoot, workInProgressRootRenderLanes);
+  workInProgressRootExitStatus = 4;
+  (0 === (workInProgressRootSkippedLanes & 134217727) &&
+    0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)) ||
+    null === workInProgressRoot ||
+    markRootSuspended(
+      workInProgressRoot,
+      workInProgressRootRenderLanes,
+      workInProgressDeferredLane
+    );
 }
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
@@ -7110,67 +7906,278 @@ function renderRootSync(root, lanes) {
   var prevDispatcher = pushDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = null), prepareFreshStack(root, lanes);
-  do
+  lanes = !1;
+  a: do
     try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        var unitOfWork = workInProgress,
+          thrownValue = workInProgressThrownValue;
+        switch (workInProgressSuspendedReason) {
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
+          default:
+            (workInProgressSuspendedReason = 0),
+              (workInProgressThrownValue = null),
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+        }
+      }
       workLoopSync();
       break;
-    } catch (thrownValue) {
-      handleError(root, thrownValue);
+    } catch (thrownValue$89) {
+      handleThrow(root, thrownValue$89);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  ReactCurrentDispatcher$2.current = prevDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
   if (null !== workInProgress)
     throw Error(
       "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
     );
   workInProgressRoot = null;
   workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
   return workInProgressRootExitStatus;
 }
 function workLoopSync() {
   for (; null !== workInProgress; ) performUnitOfWork(workInProgress);
 }
+function renderRootConcurrent(root, lanes) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 2;
+  var prevDispatcher = pushDispatcher();
+  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
+    (workInProgressTransitions = null),
+      (workInProgressRootRenderTargetTime = now() + 500),
+      prepareFreshStack(root, lanes);
+  a: do
+    try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        lanes = workInProgress;
+        var thrownValue = workInProgressThrownValue;
+        b: switch (workInProgressSuspendedReason) {
+          case 1:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 2:
+            if (isThenableResolved(thrownValue)) {
+              workInProgressSuspendedReason = 0;
+              workInProgressThrownValue = null;
+              replaySuspendedUnitOfWork(lanes);
+              break;
+            }
+            lanes = function () {
+              2 === workInProgressSuspendedReason &&
+                workInProgressRoot === root &&
+                (workInProgressSuspendedReason = 7);
+              ensureRootIsScheduled(root);
+            };
+            thrownValue.then(lanes, lanes);
+            break a;
+          case 3:
+            workInProgressSuspendedReason = 7;
+            break a;
+          case 4:
+            workInProgressSuspendedReason = 5;
+            break a;
+          case 7:
+            isThenableResolved(thrownValue)
+              ? ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                replaySuspendedUnitOfWork(lanes))
+              : ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                throwAndUnwindWorkLoop(root, lanes, thrownValue));
+            break;
+          case 5:
+            switch (workInProgress.tag) {
+              case 5:
+              case 26:
+              case 27:
+                lanes = workInProgress;
+                workInProgressSuspendedReason = 0;
+                workInProgressThrownValue = null;
+                var sibling = lanes.sibling;
+                if (null !== sibling) workInProgress = sibling;
+                else {
+                  var returnFiber = lanes.return;
+                  null !== returnFiber
+                    ? ((workInProgress = returnFiber),
+                      completeUnitOfWork(returnFiber))
+                    : (workInProgress = null);
+                }
+                break b;
+            }
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 6:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          default:
+            throw Error("Unexpected SuspendedReason. This is a bug in React.");
+        }
+      }
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue$91) {
+      handleThrow(root, thrownValue$91);
+    }
+  while (1);
+  resetContextDependencies();
+  ReactCurrentDispatcher.current = prevDispatcher;
+  executionContext = prevExecutionContext;
+  if (null !== workInProgress) return 0;
+  workInProgressRoot = null;
+  workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
+  return workInProgressRootExitStatus;
+}
 function workLoopConcurrent() {
   for (; null !== workInProgress && !shouldYield(); )
     performUnitOfWork(workInProgress);
 }
 function performUnitOfWork(unitOfWork) {
-  var next = beginWork$1(unitOfWork.alternate, unitOfWork, subtreeRenderLanes);
+  var next = beginWork(unitOfWork.alternate, unitOfWork, entangledRenderLanes);
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
   null === next ? completeUnitOfWork(unitOfWork) : (workInProgress = next);
-  ReactCurrentOwner$2.current = null;
+  ReactCurrentOwner.current = null;
+}
+function replaySuspendedUnitOfWork(unitOfWork) {
+  var current = unitOfWork.alternate;
+  switch (unitOfWork.tag) {
+    case 2:
+      unitOfWork.tag = 0;
+    case 15:
+    case 0:
+      var Component = unitOfWork.type,
+        unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultProps(Component, unresolvedProps);
+      var context = isContextProvider(Component)
+        ? previousContext
+        : contextStackCursor$1.current;
+      context = getMaskedContext(unitOfWork, context);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        context,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 11:
+      Component = unitOfWork.type.render;
+      unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultProps(Component, unresolvedProps);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        unitOfWork.ref,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 5:
+      resetHooksOnUnwind(unitOfWork);
+    default:
+      unwindInterruptedWork(current, unitOfWork),
+        (unitOfWork = workInProgress =
+          resetWorkInProgress(unitOfWork, entangledRenderLanes)),
+        (current = beginWork(current, unitOfWork, entangledRenderLanes));
+  }
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === current
+    ? completeUnitOfWork(unitOfWork)
+    : (workInProgress = current);
+  ReactCurrentOwner.current = null;
+}
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
+  resetContextDependencies();
+  resetHooksOnUnwind(unitOfWork);
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+  var returnFiber = unitOfWork.return;
+  try {
+    if (
+      throwException(
+        root,
+        returnFiber,
+        unitOfWork,
+        thrownValue,
+        workInProgressRootRenderLanes
+      )
+    ) {
+      workInProgressRootExitStatus = 1;
+      workInProgressRootFatalError = thrownValue;
+      workInProgress = null;
+      return;
+    }
+  } catch (error) {
+    if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
+    workInProgressRootExitStatus = 1;
+    workInProgressRootFatalError = thrownValue;
+    workInProgress = null;
+    return;
+  }
+  if (unitOfWork.flags & 32768)
+    a: {
+      root = unitOfWork;
+      do {
+        unitOfWork = unwindWork(root.alternate, root);
+        if (null !== unitOfWork) {
+          unitOfWork.flags &= 32767;
+          workInProgress = unitOfWork;
+          break a;
+        }
+        root = root.return;
+        null !== root &&
+          ((root.flags |= 32768),
+          (root.subtreeFlags = 0),
+          (root.deletions = null));
+        workInProgress = root;
+      } while (null !== root);
+      workInProgressRootExitStatus = 6;
+      workInProgress = null;
+    }
+  else completeUnitOfWork(unitOfWork);
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
-    var current = completedWork.alternate;
     unitOfWork = completedWork.return;
-    if (0 === (completedWork.flags & 32768)) {
-      if (
-        ((current = completeWork(current, completedWork, subtreeRenderLanes)),
-        null !== current)
-      ) {
-        workInProgress = current;
-        return;
-      }
-    } else {
-      current = unwindWork(current, completedWork);
-      if (null !== current) {
-        current.flags &= 32767;
-        workInProgress = current;
-        return;
-      }
-      if (null !== unitOfWork)
-        (unitOfWork.flags |= 32768),
-          (unitOfWork.subtreeFlags = 0),
-          (unitOfWork.deletions = null);
-      else {
-        workInProgressRootExitStatus = 6;
-        workInProgress = null;
-        return;
-      }
+    var next = completeWork(
+      completedWork.alternate,
+      completedWork,
+      entangledRenderLanes
+    );
+    if (null !== next) {
+      workInProgress = next;
+      return;
     }
     completedWork = completedWork.sibling;
     if (null !== completedWork) {
@@ -7181,20 +8188,21 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function commitRoot(root, recoverableErrors, transitions) {
+function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   var previousUpdateLanePriority = currentUpdatePriority,
-    prevTransition = ReactCurrentBatchConfig$2.transition;
+    prevTransition = ReactCurrentBatchConfig.transition;
   try {
-    (ReactCurrentBatchConfig$2.transition = null),
-      (currentUpdatePriority = 1),
+    (ReactCurrentBatchConfig.transition = null),
+      (currentUpdatePriority = 2),
       commitRootImpl(
         root,
         recoverableErrors,
         transitions,
-        previousUpdateLanePriority
+        previousUpdateLanePriority,
+        spawnedLane
       );
   } finally {
-    (ReactCurrentBatchConfig$2.transition = prevTransition),
+    (ReactCurrentBatchConfig.transition = prevTransition),
       (currentUpdatePriority = previousUpdateLanePriority);
   }
   return null;
@@ -7203,98 +8211,104 @@ function commitRootImpl(
   root,
   recoverableErrors,
   transitions,
-  renderPriorityLevel
+  renderPriorityLevel,
+  spawnedLane
 ) {
   do flushPassiveEffects();
   while (null !== rootWithPendingPassiveEffects);
   if (0 !== (executionContext & 6))
     throw Error("Should not already be working.");
-  transitions = root.finishedWork;
-  var lanes = root.finishedLanes;
-  if (null === transitions) return null;
+  var finishedWork = root.finishedWork;
+  transitions = root.finishedLanes;
+  if (null === finishedWork) return null;
   root.finishedWork = null;
   root.finishedLanes = 0;
-  if (transitions === root.current)
+  if (finishedWork === root.current)
     throw Error(
       "Cannot commit the same tree as before. This error is likely caused by a bug in React. Please file an issue."
     );
   root.callbackNode = null;
   root.callbackPriority = 0;
-  var remainingLanes = transitions.lanes | transitions.childLanes;
-  markRootFinished(root, remainingLanes);
+  root.cancelPendingCommit = null;
+  var remainingLanes = finishedWork.lanes | finishedWork.childLanes;
+  remainingLanes |= concurrentlyUpdatedLanes;
+  markRootFinished(root, remainingLanes, spawnedLane);
   root === workInProgressRoot &&
     ((workInProgress = workInProgressRoot = null),
     (workInProgressRootRenderLanes = 0));
-  (0 === (transitions.subtreeFlags & 2064) &&
-    0 === (transitions.flags & 2064)) ||
+  (0 === (finishedWork.subtreeFlags & 10256) &&
+    0 === (finishedWork.flags & 10256)) ||
     rootDoesHavePassiveEffects ||
     ((rootDoesHavePassiveEffects = !0),
-    scheduleCallback$1(NormalPriority, function() {
+    scheduleCallback(NormalPriority, function () {
       flushPassiveEffects();
       return null;
     }));
-  remainingLanes = 0 !== (transitions.flags & 15990);
-  if (0 !== (transitions.subtreeFlags & 15990) || remainingLanes) {
-    remainingLanes = ReactCurrentBatchConfig$2.transition;
-    ReactCurrentBatchConfig$2.transition = null;
-    var previousPriority = currentUpdatePriority;
-    currentUpdatePriority = 1;
+  spawnedLane = 0 !== (finishedWork.flags & 15990);
+  if (0 !== (finishedWork.subtreeFlags & 15990) || spawnedLane) {
+    spawnedLane = ReactCurrentBatchConfig.transition;
+    ReactCurrentBatchConfig.transition = null;
+    remainingLanes = currentUpdatePriority;
+    currentUpdatePriority = 2;
     var prevExecutionContext = executionContext;
     executionContext |= 4;
-    ReactCurrentOwner$2.current = null;
-    commitBeforeMutationEffects(root, transitions);
-    commitMutationEffectsOnFiber(transitions, root);
-    root.current = transitions;
-    commitLayoutEffects(transitions, root, lanes);
+    ReactCurrentOwner.current = null;
+    commitBeforeMutationEffects(root, finishedWork);
+    commitMutationEffectsOnFiber(finishedWork, root);
+    root.current = finishedWork;
+    commitLayoutEffectOnFiber(root, finishedWork.alternate, finishedWork);
     requestPaint();
     executionContext = prevExecutionContext;
-    currentUpdatePriority = previousPriority;
-    ReactCurrentBatchConfig$2.transition = remainingLanes;
-  } else root.current = transitions;
+    currentUpdatePriority = remainingLanes;
+    ReactCurrentBatchConfig.transition = spawnedLane;
+  } else root.current = finishedWork;
   rootDoesHavePassiveEffects &&
     ((rootDoesHavePassiveEffects = !1),
     (rootWithPendingPassiveEffects = root),
-    (pendingPassiveEffectsLanes = lanes));
+    (pendingPassiveEffectsLanes = transitions));
   remainingLanes = root.pendingLanes;
   0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
-  onCommitRoot(transitions.stateNode, renderPriorityLevel);
-  ensureRootIsScheduled(root, now());
+  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
+  ensureRootIsScheduled(root);
   if (null !== recoverableErrors)
     for (
-      renderPriorityLevel = root.onRecoverableError, transitions = 0;
-      transitions < recoverableErrors.length;
-      transitions++
+      renderPriorityLevel = root.onRecoverableError, finishedWork = 0;
+      finishedWork < recoverableErrors.length;
+      finishedWork++
     )
-      (lanes = recoverableErrors[transitions]),
-        renderPriorityLevel(lanes.value, {
-          componentStack: lanes.stack,
-          digest: lanes.digest
-        });
+      (spawnedLane = recoverableErrors[finishedWork]),
+        (remainingLanes = {
+          digest: spawnedLane.digest,
+          componentStack: spawnedLane.stack
+        }),
+        renderPriorityLevel(spawnedLane.value, remainingLanes);
   if (hasUncaughtError)
-    throw ((hasUncaughtError = !1),
-    (root = firstUncaughtError),
-    (firstUncaughtError = null),
-    root);
-  0 !== (pendingPassiveEffectsLanes & 1) &&
+    throw (
+      ((hasUncaughtError = !1),
+      (root = firstUncaughtError),
+      (firstUncaughtError = null),
+      root)
+    );
+  0 !== (pendingPassiveEffectsLanes & 3) &&
     0 !== root.tag &&
     flushPassiveEffects();
   remainingLanes = root.pendingLanes;
-  0 !== (remainingLanes & 1)
+  0 !== (transitions & 4194218) && 0 !== (remainingLanes & 42)
     ? root === rootWithNestedUpdates
       ? nestedUpdateCount++
       : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
     : (nestedUpdateCount = 0);
-  flushSyncCallbacks();
+  flushSyncWorkAcrossRoots_impl(!1);
   return null;
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactCurrentBatchConfig$2.transition,
+      prevTransition = ReactCurrentBatchConfig.transition,
       previousPriority = currentUpdatePriority;
     try {
-      ReactCurrentBatchConfig$2.transition = null;
-      currentUpdatePriority = 16 > renderPriority ? 16 : renderPriority;
+      ReactCurrentBatchConfig.transition = null;
+      currentUpdatePriority = 32 > renderPriority ? 32 : renderPriority;
       if (null === rootWithPendingPassiveEffects)
         var JSCompiler_inline_result = !1;
       else {
@@ -7305,116 +8319,10 @@ function flushPassiveEffects() {
           throw Error("Cannot flush passive effects while already rendering.");
         var prevExecutionContext = executionContext;
         executionContext |= 4;
-        for (nextEffect = renderPriority.current; null !== nextEffect; ) {
-          var fiber = nextEffect,
-            child = fiber.child;
-          if (0 !== (nextEffect.flags & 16)) {
-            var deletions = fiber.deletions;
-            if (null !== deletions) {
-              for (var i = 0; i < deletions.length; i++) {
-                var fiberToDelete = deletions[i];
-                for (nextEffect = fiberToDelete; null !== nextEffect; ) {
-                  var fiber$jscomp$0 = nextEffect;
-                  switch (fiber$jscomp$0.tag) {
-                    case 0:
-                    case 11:
-                    case 15:
-                      commitHookEffectListUnmount(8, fiber$jscomp$0, fiber);
-                  }
-                  var child$jscomp$0 = fiber$jscomp$0.child;
-                  if (null !== child$jscomp$0)
-                    (child$jscomp$0.return = fiber$jscomp$0),
-                      (nextEffect = child$jscomp$0);
-                  else
-                    for (; null !== nextEffect; ) {
-                      fiber$jscomp$0 = nextEffect;
-                      var sibling = fiber$jscomp$0.sibling,
-                        returnFiber = fiber$jscomp$0.return;
-                      detachFiberAfterEffects(fiber$jscomp$0);
-                      if (fiber$jscomp$0 === fiberToDelete) {
-                        nextEffect = null;
-                        break;
-                      }
-                      if (null !== sibling) {
-                        sibling.return = returnFiber;
-                        nextEffect = sibling;
-                        break;
-                      }
-                      nextEffect = returnFiber;
-                    }
-                }
-              }
-              var previousFiber = fiber.alternate;
-              if (null !== previousFiber) {
-                var detachedChild = previousFiber.child;
-                if (null !== detachedChild) {
-                  previousFiber.child = null;
-                  do {
-                    var detachedSibling = detachedChild.sibling;
-                    detachedChild.sibling = null;
-                    detachedChild = detachedSibling;
-                  } while (null !== detachedChild);
-                }
-              }
-              nextEffect = fiber;
-            }
-          }
-          if (0 !== (fiber.subtreeFlags & 2064) && null !== child)
-            (child.return = fiber), (nextEffect = child);
-          else
-            b: for (; null !== nextEffect; ) {
-              fiber = nextEffect;
-              if (0 !== (fiber.flags & 2048))
-                switch (fiber.tag) {
-                  case 0:
-                  case 11:
-                  case 15:
-                    commitHookEffectListUnmount(9, fiber, fiber.return);
-                }
-              var sibling$jscomp$0 = fiber.sibling;
-              if (null !== sibling$jscomp$0) {
-                sibling$jscomp$0.return = fiber.return;
-                nextEffect = sibling$jscomp$0;
-                break b;
-              }
-              nextEffect = fiber.return;
-            }
-        }
-        var finishedWork = renderPriority.current;
-        for (nextEffect = finishedWork; null !== nextEffect; ) {
-          child = nextEffect;
-          var firstChild = child.child;
-          if (0 !== (child.subtreeFlags & 2064) && null !== firstChild)
-            (firstChild.return = child), (nextEffect = firstChild);
-          else
-            b: for (child = finishedWork; null !== nextEffect; ) {
-              deletions = nextEffect;
-              if (0 !== (deletions.flags & 2048))
-                try {
-                  switch (deletions.tag) {
-                    case 0:
-                    case 11:
-                    case 15:
-                      commitHookEffectListMount(9, deletions);
-                  }
-                } catch (error) {
-                  captureCommitPhaseError(deletions, deletions.return, error);
-                }
-              if (deletions === child) {
-                nextEffect = null;
-                break b;
-              }
-              var sibling$jscomp$1 = deletions.sibling;
-              if (null !== sibling$jscomp$1) {
-                sibling$jscomp$1.return = deletions.return;
-                nextEffect = sibling$jscomp$1;
-                break b;
-              }
-              nextEffect = deletions.return;
-            }
-        }
+        commitPassiveUnmountOnFiber(renderPriority.current);
+        commitPassiveMountOnFiber(renderPriority, renderPriority.current);
         executionContext = prevExecutionContext;
-        flushSyncCallbacks();
+        flushSyncWorkAcrossRoots_impl(!1);
         if (
           injectedHook &&
           "function" === typeof injectedHook.onPostCommitFiberRoot
@@ -7427,29 +8335,23 @@ function flushPassiveEffects() {
       return JSCompiler_inline_result;
     } finally {
       (currentUpdatePriority = previousPriority),
-        (ReactCurrentBatchConfig$2.transition = prevTransition);
+        (ReactCurrentBatchConfig.transition = prevTransition);
     }
   }
   return !1;
 }
 function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
-  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 1);
-  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 1);
-  sourceFiber = requestEventTime();
+  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
+  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 1, sourceFiber),
-    ensureRootIsScheduled(rootFiber, sourceFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
     captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
   else
-    for (
-      nearestMountedAncestor = sourceFiber.return;
-      null !== nearestMountedAncestor;
-
-    ) {
+    for (; null !== nearestMountedAncestor; ) {
       if (3 === nearestMountedAncestor.tag) {
         captureCommitPhaseErrorOnRoot(
           nearestMountedAncestor,
@@ -7470,51 +8372,60 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
           sourceFiber = createClassErrorUpdate(
             nearestMountedAncestor,
             sourceFiber,
-            1
+            2
           );
           nearestMountedAncestor = enqueueUpdate(
             nearestMountedAncestor,
             sourceFiber,
-            1
+            2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 1, sourceFiber),
-            ensureRootIsScheduled(nearestMountedAncestor, sourceFiber));
+            (markRootUpdated(nearestMountedAncestor, 2),
+            ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
       }
       nearestMountedAncestor = nearestMountedAncestor.return;
     }
 }
+function attachPingListener(root, wakeable, lanes) {
+  var pingCache = root.pingCache;
+  if (null === pingCache) {
+    pingCache = root.pingCache = new PossiblyWeakMap();
+    var threadIDs = new Set();
+    pingCache.set(wakeable, threadIDs);
+  } else
+    (threadIDs = pingCache.get(wakeable)),
+      void 0 === threadIDs &&
+        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
+  threadIDs.has(lanes) ||
+    ((workInProgressRootDidAttachPingListener = !0),
+    threadIDs.add(lanes),
+    (root = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
+    wakeable.then(root, root));
+}
 function pingSuspendedRoot(root, wakeable, pingedLanes) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(wakeable);
-  wakeable = requestEventTime();
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
   workInProgressRoot === root &&
     (workInProgressRootRenderLanes & pingedLanes) === pingedLanes &&
     (4 === workInProgressRootExitStatus ||
     (3 === workInProgressRootExitStatus &&
-      (workInProgressRootRenderLanes & 130023424) ===
+      (workInProgressRootRenderLanes & 62914560) ===
         workInProgressRootRenderLanes &&
-      500 > now() - globalMostRecentFallbackTime)
-      ? prepareFreshStack(root, 0)
+      300 > now() - globalMostRecentFallbackTime)
+      ? 0 === (executionContext & 2) && prepareFreshStack(root, 0)
       : (workInProgressRootPingedLanes |= pingedLanes));
-  ensureRootIsScheduled(root, wakeable);
+  ensureRootIsScheduled(root);
 }
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
-    (0 === (boundaryFiber.mode & 1)
-      ? (retryLane = 1)
-      : ((retryLane = nextRetryLane),
-        (nextRetryLane <<= 1),
-        0 === (nextRetryLane & 130023424) && (nextRetryLane = 4194304)));
-  var eventTime = requestEventTime();
-  boundaryFiber = markUpdateLaneFromFiberToRoot(boundaryFiber, retryLane);
+    (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
+  boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
-    ensureRootIsScheduled(boundaryFiber, eventTime));
+    (markRootUpdated(boundaryFiber, retryLane),
+    ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
   var suspenseState = boundaryFiber.memoizedState,
@@ -7533,6 +8444,9 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
     case 19:
       retryCache = boundaryFiber.stateNode;
       break;
+    case 22:
+      retryCache = boundaryFiber.stateNode._retryCache;
+      break;
     default:
       throw Error(
         "Pinged unknown suspense boundary type. This is probably a bug in React."
@@ -7541,8 +8455,8 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   null !== retryCache && retryCache.delete(wakeable);
   retryTimedOutBoundary(boundaryFiber, retryLane);
 }
-var beginWork$1;
-beginWork$1 = function(current, workInProgress, renderLanes) {
+var beginWork;
+beginWork = function (current, workInProgress, renderLanes) {
   if (null !== current)
     if (
       current.memoizedProps !== workInProgress.pendingProps ||
@@ -7573,7 +8487,7 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
       current = workInProgress.pendingProps;
       var context = getMaskedContext(
         workInProgress,
-        contextStackCursor.current
+        contextStackCursor$1.current
       );
       prepareToReadContext(workInProgress, renderLanes);
       context = renderWithHooks(
@@ -7725,11 +8639,13 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
         : (reconcileChildren(current, workInProgress, context, renderLanes),
           (workInProgress = workInProgress.child));
       return workInProgress;
+    case 26:
+    case 27:
     case 5:
       return (
         pushHostContext(workInProgress),
         (Component = workInProgress.pendingProps.children),
-        markRef(current, workInProgress),
+        markRef$1(current, workInProgress),
         reconcileChildren(current, workInProgress, Component, renderLanes),
         workInProgress.child
       );
@@ -7838,7 +8754,7 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
                 ) {
                   if (dependency.context === Component) {
                     if (1 === hasContext.tag) {
-                      dependency = createUpdate(-1, renderLanes & -renderLanes);
+                      dependency = createUpdate(renderLanes & -renderLanes);
                       dependency.tag = 2;
                       var updateQueue = hasContext.updateQueue;
                       if (null !== updateQueue) {
@@ -7979,17 +8895,27 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
       "). This error is likely caused by a bug in React. Please file an issue."
   );
 };
-function scheduleCallback$1(priorityLevel, callback) {
-  return scheduleCallback(priorityLevel, callback);
+function scheduleCallback(priorityLevel, callback) {
+  return scheduleCallback$2(priorityLevel, callback);
 }
 function FiberNode(tag, pendingProps, key, mode) {
   this.tag = tag;
   this.key = key;
-  this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
+  this.sibling =
+    this.child =
+    this.return =
+    this.stateNode =
+    this.type =
+    this.elementType =
+      null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
-  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.dependencies =
+    this.memoizedState =
+    this.updateQueue =
+    this.memoizedProps =
+      null;
   this.mode = mode;
   this.subtreeFlags = this.flags = 0;
   this.deletions = null;
@@ -8032,7 +8958,7 @@ function createWorkInProgress(current, pendingProps) {
       (workInProgress.flags = 0),
       (workInProgress.subtreeFlags = 0),
       (workInProgress.deletions = null));
-  workInProgress.flags = current.flags & 14680064;
+  workInProgress.flags = current.flags & 31457280;
   workInProgress.childLanes = current.childLanes;
   workInProgress.lanes = current.lanes;
   workInProgress.child = current.child;
@@ -8047,6 +8973,39 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
+  return workInProgress;
+}
+function resetWorkInProgress(workInProgress, renderLanes) {
+  workInProgress.flags &= 31457282;
+  var current = workInProgress.alternate;
+  null === current
+    ? ((workInProgress.childLanes = 0),
+      (workInProgress.lanes = renderLanes),
+      (workInProgress.child = null),
+      (workInProgress.subtreeFlags = 0),
+      (workInProgress.memoizedProps = null),
+      (workInProgress.memoizedState = null),
+      (workInProgress.updateQueue = null),
+      (workInProgress.dependencies = null),
+      (workInProgress.stateNode = null))
+    : ((workInProgress.childLanes = current.childLanes),
+      (workInProgress.lanes = current.lanes),
+      (workInProgress.child = current.child),
+      (workInProgress.subtreeFlags = 0),
+      (workInProgress.deletions = null),
+      (workInProgress.memoizedProps = current.memoizedProps),
+      (workInProgress.memoizedState = current.memoizedState),
+      (workInProgress.updateQueue = current.updateQueue),
+      (workInProgress.type = current.type),
+      (renderLanes = current.dependencies),
+      (workInProgress.dependencies =
+        null === renderLanes
+          ? null
+          : {
+              lanes: renderLanes.lanes,
+              firstContext: renderLanes.firstContext
+            }));
   return workInProgress;
 }
 function createFiberFromTypeAndProps(
@@ -8068,6 +9027,7 @@ function createFiberFromTypeAndProps(
       case REACT_STRICT_MODE_TYPE:
         fiberTag = 8;
         mode |= 8;
+        0 !== (mode & 1) && (mode |= 16);
         break;
       case REACT_PROFILER_TYPE:
         return (
@@ -8132,7 +9092,41 @@ function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
   pendingProps = createFiber(22, pendingProps, key, mode);
   pendingProps.elementType = REACT_OFFSCREEN_TYPE;
   pendingProps.lanes = lanes;
-  pendingProps.stateNode = { isHidden: !1 };
+  var primaryChildInstance = {
+    _visibility: 1,
+    _pendingVisibility: 1,
+    _pendingMarkers: null,
+    _retryCache: null,
+    _transitions: null,
+    _current: null,
+    detach: function () {
+      var fiber = primaryChildInstance._current;
+      if (null === fiber)
+        throw Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      if (0 === (primaryChildInstance._pendingVisibility & 2)) {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root &&
+          ((primaryChildInstance._pendingVisibility |= 2),
+          scheduleUpdateOnFiber(root, fiber, 2));
+      }
+    },
+    attach: function () {
+      var fiber = primaryChildInstance._current;
+      if (null === fiber)
+        throw Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      if (0 !== (primaryChildInstance._pendingVisibility & 2)) {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root &&
+          ((primaryChildInstance._pendingVisibility &= -3),
+          scheduleUpdateOnFiber(root, fiber, 2));
+      }
+    }
+  };
+  pendingProps.stateNode = primaryChildInstance;
   return pendingProps;
 }
 function createFiberFromText(content, mode, lanes) {
@@ -8160,22 +9154,42 @@ function FiberRootNode(
   tag,
   hydrate,
   identifierPrefix,
-  onRecoverableError
+  onRecoverableError,
+  formState
 ) {
   this.tag = tag;
   this.containerInfo = containerInfo;
-  this.finishedWork = this.pingCache = this.current = this.pendingChildren = null;
+  this.finishedWork =
+    this.pingCache =
+    this.current =
+    this.pendingChildren =
+      null;
   this.timeoutHandle = -1;
-  this.callbackNode = this.pendingContext = this.context = null;
+  this.callbackNode =
+    this.next =
+    this.pendingContext =
+    this.context =
+    this.cancelPendingCommit =
+      null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
-  this.entangledLanes = this.finishedLanes = this.mutableReadLanes = this.expiredLanes = this.pingedLanes = this.suspendedLanes = this.pendingLanes = 0;
+  this.entangledLanes =
+    this.shellSuspendCounter =
+    this.errorRecoveryDisabledLanes =
+    this.finishedLanes =
+    this.expiredLanes =
+    this.pingedLanes =
+    this.suspendedLanes =
+    this.pendingLanes =
+      0;
   this.entanglements = createLaneMap(0);
+  this.hiddenUpdates = createLaneMap(null);
   this.identifierPrefix = identifierPrefix;
   this.onRecoverableError = onRecoverableError;
+  this.formState = formState;
+  this.incompleteTransitions = new Map();
 }
-function createPortal(children, containerInfo, implementation) {
+function createPortal$1(children, containerInfo, implementation) {
   var key =
     3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
   return {
@@ -8197,11 +9211,10 @@ function findHostInstance(component) {
     );
   }
   component = findCurrentHostFiber(fiber);
-  return null === component ? null : component.stateNode;
+  return null === component ? null : getPublicInstance(component.stateNode);
 }
 function updateContainer(element, container, parentComponent, callback) {
   var current = container.current,
-    eventTime = requestEventTime(),
     lane = requestUpdateLane(current);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternals;
@@ -8250,13 +9263,13 @@ function updateContainer(element, container, parentComponent, callback) {
   null === container.context
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
-  container = createUpdate(eventTime, lane);
+  container = createUpdate(lane);
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(current, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, current, lane, eventTime),
+    (scheduleUpdateOnFiber(element, current, lane),
     entangleTransitions(element, current, lane));
   return lane;
 }
@@ -8267,19 +9280,32 @@ function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
   if (componentOrHandle._nativeTag) return componentOrHandle._nativeTag;
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-    return componentOrHandle.canonical._nativeTag;
+  if (
+    null != componentOrHandle.canonical &&
+    null != componentOrHandle.canonical.nativeTag
+  )
+    return componentOrHandle.canonical.nativeTag;
+  var nativeTag =
+    ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+      componentOrHandle
+    );
+  if (nativeTag) return nativeTag;
   componentOrHandle = findHostInstance(componentOrHandle);
   return null == componentOrHandle
     ? componentOrHandle
-    : componentOrHandle.canonical
-    ? componentOrHandle.canonical._nativeTag
-    : componentOrHandle._nativeTag;
+    : null != componentOrHandle._nativeTag
+    ? componentOrHandle._nativeTag
+    : ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+        componentOrHandle
+      );
+}
+function getInspectorDataForInstance() {
+  throw Error("getInspectorDataForInstance() is not available in production");
 }
 function onRecoverableError(error) {
   console.error(error);
 }
-batchedUpdatesImpl = function(fn, a) {
+batchedUpdatesImpl = function (fn, a) {
   var prevExecutionContext = executionContext;
   executionContext |= 1;
   try {
@@ -8288,33 +9314,34 @@ batchedUpdatesImpl = function(fn, a) {
     (executionContext = prevExecutionContext),
       0 === executionContext &&
         ((workInProgressRootRenderTargetTime = now() + 500),
-        includesLegacySyncCallbacks && flushSyncCallbacks());
+        flushSyncWorkAcrossRoots_impl(!0));
   }
 };
 var roots = new Map(),
-  devToolsConfig$jscomp$inline_938 = {
-    findFiberByHostInstance: getInstanceFromInstance,
+  devToolsConfig$jscomp$inline_1055 = {
+    findFiberByHostInstance: getInstanceFromNode,
     bundleType: 0,
-    version: "18.2.0-next-9e3b772b8-20220608",
+    version: "18.3.0-canary-03d6f7cf0-20240209",
     rendererPackageName: "react-native-renderer",
     rendererConfig: {
-      getInspectorDataForViewTag: function() {
+      getInspectorDataForInstance: getInspectorDataForInstance,
+      getInspectorDataForViewTag: function () {
         throw Error(
           "getInspectorDataForViewTag() is not available in production"
         );
       },
-      getInspectorDataForViewAtPoint: function() {
+      getInspectorDataForViewAtPoint: function () {
         throw Error(
           "getInspectorDataForViewAtPoint() is not available in production."
         );
       }.bind(null, findNodeHandle)
     }
   };
-var internals$jscomp$inline_1180 = {
-  bundleType: devToolsConfig$jscomp$inline_938.bundleType,
-  version: devToolsConfig$jscomp$inline_938.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_938.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_938.rendererConfig,
+var internals$jscomp$inline_1280 = {
+  bundleType: devToolsConfig$jscomp$inline_1055.bundleType,
+  version: devToolsConfig$jscomp$inline_1055.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1055.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1055.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -8325,68 +9352,93 @@ var internals$jscomp$inline_1180 = {
   setSuspenseHandler: null,
   scheduleUpdate: null,
   currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
-  findHostInstanceByFiber: function(fiber) {
+  findHostInstanceByFiber: function (fiber) {
     fiber = findCurrentHostFiber(fiber);
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_938.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1055.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.2.0-next-9e3b772b8-20220608"
+  reconcilerVersion: "18.3.0-canary-03d6f7cf0-20240209"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1181 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1281 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1181.isDisabled &&
-    hook$jscomp$inline_1181.supportsFiber
+    !hook$jscomp$inline_1281.isDisabled &&
+    hook$jscomp$inline_1281.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1181.inject(
-        internals$jscomp$inline_1180
+      (rendererID = hook$jscomp$inline_1281.inject(
+        internals$jscomp$inline_1280
       )),
-        (injectedHook = hook$jscomp$inline_1181);
+        (injectedHook = hook$jscomp$inline_1281);
     } catch (err) {}
 }
-exports.createPortal = function(children, containerTag) {
-  return createPortal(
+exports.createPortal = function (children, containerTag) {
+  return createPortal$1(
     children,
     containerTag,
     null,
     2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
   );
 };
-exports.dispatchCommand = function(handle, command, args) {
-  null != handle._nativeTag &&
-    (null != handle._internalInstanceHandle
-      ? ((handle = handle._internalInstanceHandle.stateNode),
-        null != handle &&
-          nativeFabricUIManager.dispatchCommand(handle.node, command, args))
+exports.dispatchCommand = function (handle, command, args) {
+  var nativeTag =
+    null != handle._nativeTag
+      ? handle._nativeTag
+      : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
+  null != nativeTag &&
+    ((handle = ReactNativePrivateInterface.getNodeFromPublicInstance(handle)),
+    null != handle
+      ? nativeFabricUIManager.dispatchCommand(handle, command, args)
       : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
-          handle._nativeTag,
+          nativeTag,
           command,
           args
         ));
 };
-exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
-  if (null == componentOrHandle) return null;
-  if (componentOrHandle._nativeTag) return componentOrHandle;
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-    return componentOrHandle.canonical;
-  componentOrHandle = findHostInstance(componentOrHandle);
+exports.findHostInstance_DEPRECATED = function (componentOrHandle) {
   return null == componentOrHandle
+    ? null
+    : componentOrHandle.canonical && componentOrHandle.canonical.publicInstance
+    ? componentOrHandle.canonical.publicInstance
+    : componentOrHandle._nativeTag
     ? componentOrHandle
-    : componentOrHandle.canonical
-    ? componentOrHandle.canonical
-    : componentOrHandle;
+    : findHostInstance(componentOrHandle);
 };
 exports.findNodeHandle = findNodeHandle;
-exports.getInspectorDataForInstance = void 0;
-exports.render = function(element, containerTag, callback, concurrentRoot) {
+exports.getInspectorDataForInstance = getInspectorDataForInstance;
+exports.getNodeFromInternalInstanceHandle = function (internalInstanceHandle) {
+  return (
+    internalInstanceHandle &&
+    internalInstanceHandle.stateNode &&
+    internalInstanceHandle.stateNode.node
+  );
+};
+exports.getPublicInstanceFromInternalInstanceHandle = function (
+  internalInstanceHandle
+) {
+  var instance = internalInstanceHandle.stateNode;
+  return null == instance
+    ? null
+    : 6 === internalInstanceHandle.tag
+    ? (null == instance.publicInstance &&
+        (instance.publicInstance =
+          ReactNativePrivateInterface.createPublicTextInstance(
+            internalInstanceHandle
+          )),
+      instance.publicInstance)
+    : getPublicInstance(internalInstanceHandle.stateNode);
+};
+exports.isChildPublicInstance = function () {
+  throw Error("isChildPublicInstance() is not available in production.");
+};
+exports.render = function (element, containerTag, callback, concurrentRoot) {
   var root = roots.get(containerTag);
   root ||
     ((root = concurrentRoot ? 1 : 0),
@@ -8395,26 +9447,22 @@ exports.render = function(element, containerTag, callback, concurrentRoot) {
       root,
       !1,
       "",
-      onRecoverableError
+      onRecoverableError,
+      null
     )),
     (root = createFiber(3, null, null, 1 === root ? 1 : 0)),
     (concurrentRoot.current = root),
     (root.stateNode = concurrentRoot),
-    (root.memoizedState = {
-      element: null,
-      isDehydrated: !1,
-      cache: null,
-      transitions: null,
-      pendingSuspenseBoundaries: null
-    }),
+    (root.memoizedState = { element: null, isDehydrated: !1, cache: null }),
     initializeUpdateQueue(root),
     (root = concurrentRoot),
     roots.set(containerTag, root));
   updateContainer(element, root, null, callback);
   a: if (((element = root.current), element.child))
     switch (element.child.tag) {
+      case 27:
       case 5:
-        element = element.child.stateNode.canonical;
+        element = getPublicInstance(element.child.stateNode);
         break a;
       default:
         element = element.child.stateNode;
@@ -8422,24 +9470,27 @@ exports.render = function(element, containerTag, callback, concurrentRoot) {
   else element = null;
   return element;
 };
-exports.sendAccessibilityEvent = function(handle, eventType) {
-  null != handle._nativeTag &&
-    (null != handle._internalInstanceHandle
-      ? ((handle = handle._internalInstanceHandle.stateNode),
-        null != handle &&
-          nativeFabricUIManager.sendAccessibilityEvent(handle.node, eventType))
+exports.sendAccessibilityEvent = function (handle, eventType) {
+  var nativeTag =
+    null != handle._nativeTag
+      ? handle._nativeTag
+      : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
+  null != nativeTag &&
+    ((handle = ReactNativePrivateInterface.getNodeFromPublicInstance(handle)),
+    null != handle
+      ? nativeFabricUIManager.sendAccessibilityEvent(handle, eventType)
       : ReactNativePrivateInterface.legacySendAccessibilityEvent(
-          handle._nativeTag,
+          nativeTag,
           eventType
         ));
 };
-exports.stopSurface = function(containerTag) {
+exports.stopSurface = function (containerTag) {
   var root = roots.get(containerTag);
   root &&
-    updateContainer(null, root, null, function() {
+    updateContainer(null, root, null, function () {
       roots.delete(containerTag);
     });
 };
-exports.unmountComponentAtNode = function(containerTag) {
+exports.unmountComponentAtNode = function (containerTag) {
   this.stopSurface(containerTag);
 };
diff --git a/packages/react-native/Libraries/Renderer/implementations/ReactFabric-profiling.js b/packages/react-native/Libraries/Renderer/implementations/ReactFabric-profiling.js
index 50397dda81d2bb..25d43a4a918176 100644
--- a/packages/react-native/Libraries/Renderer/implementations/ReactFabric-profiling.js
+++ b/packages/react-native/Libraries/Renderer/implementations/ReactFabric-profiling.js
@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8,26 +8,19 @@
  * @nolint
  * @providesModule ReactFabric-profiling
  * @preventMunge
- * @generated SignedSource<<1466b90312f81bedd331ce30d8d61240>>
+ * @generated SignedSource<<51d6b522792ab4b6c4d286b5e09bbfcd>>
  */
 
-
-          'use strict';
-
-/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
-if (
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===
-    'function'
-) {
-  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-}
-          "use strict";
+"use strict";
+"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+  "function" ===
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
+  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
 require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
-  React = require("react"),
-  Scheduler = require("scheduler");
-function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
+  Scheduler = require("scheduler"),
+  React = require("react");
+function invokeGuardedCallbackImpl(name, func, context) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
     func.apply(context, funcArgs);
@@ -40,7 +33,7 @@ var hasError = !1,
   hasRethrowError = !1,
   rethrowError = null,
   reporter = {
-    onError: function(error) {
+    onError: function (error) {
       hasError = !0;
       caughtError = error;
     }
@@ -75,12 +68,12 @@ function invokeGuardedCallbackAndCatchFirstError(
   }
 }
 var isArrayImpl = Array.isArray,
-  getFiberCurrentPropsFromNode = null,
-  getInstanceFromNode = null,
-  getNodeFromInstance = null;
+  getFiberCurrentPropsFromNode$1 = null,
+  getInstanceFromNode$1 = null,
+  getNodeFromInstance$1 = null;
 function executeDispatch(event, listener, inst) {
   var type = event.type || "unknown-event";
-  event.currentTarget = getNodeFromInstance(inst);
+  event.currentTarget = getNodeFromInstance$1(inst);
   invokeGuardedCallbackAndCatchFirstError(type, listener, void 0, event);
   event.currentTarget = null;
 }
@@ -90,7 +83,7 @@ function executeDirectDispatch(event) {
   if (isArrayImpl(dispatchListener))
     throw Error("executeDirectDispatch(...): Invalid `event`.");
   event.currentTarget = dispatchListener
-    ? getNodeFromInstance(dispatchInstance)
+    ? getNodeFromInstance$1(dispatchInstance)
     : null;
   dispatchListener = dispatchListener ? dispatchListener(event) : null;
   event.currentTarget = null;
@@ -123,16 +116,18 @@ function SyntheticEvent(
         : "target" === propName
         ? (this.target = nativeEventTarget)
         : (this[propName] = nativeEvent[propName]));
-  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
-  ? nativeEvent.defaultPrevented
-  : !1 === nativeEvent.returnValue)
+  this.isDefaultPrevented = (
+    null != nativeEvent.defaultPrevented
+      ? nativeEvent.defaultPrevented
+      : !1 === nativeEvent.returnValue
+  )
     ? functionThatReturnsTrue
     : functionThatReturnsFalse;
   this.isPropagationStopped = functionThatReturnsFalse;
   return this;
 }
 assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
+  preventDefault: function () {
     this.defaultPrevented = !0;
     var event = this.nativeEvent;
     event &&
@@ -141,7 +136,7 @@ assign(SyntheticEvent.prototype, {
         : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
       (this.isDefaultPrevented = functionThatReturnsTrue));
   },
-  stopPropagation: function() {
+  stopPropagation: function () {
     var event = this.nativeEvent;
     event &&
       (event.stopPropagation
@@ -149,35 +144,36 @@ assign(SyntheticEvent.prototype, {
         : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
       (this.isPropagationStopped = functionThatReturnsTrue));
   },
-  persist: function() {
+  persist: function () {
     this.isPersistent = functionThatReturnsTrue;
   },
   isPersistent: functionThatReturnsFalse,
-  destructor: function() {
+  destructor: function () {
     var Interface = this.constructor.Interface,
       propName;
     for (propName in Interface) this[propName] = null;
     this.nativeEvent = this._targetInst = this.dispatchConfig = null;
-    this.isPropagationStopped = this.isDefaultPrevented = functionThatReturnsFalse;
+    this.isPropagationStopped = this.isDefaultPrevented =
+      functionThatReturnsFalse;
     this._dispatchInstances = this._dispatchListeners = null;
   }
 });
 SyntheticEvent.Interface = {
   type: null,
   target: null,
-  currentTarget: function() {
+  currentTarget: function () {
     return null;
   },
   eventPhase: null,
   bubbles: null,
   cancelable: null,
-  timeStamp: function(event) {
+  timeStamp: function (event) {
     return event.timeStamp || Date.now();
   },
   defaultPrevented: null,
   isTrusted: null
 };
-SyntheticEvent.extend = function(Interface) {
+SyntheticEvent.extend = function (Interface) {
   function E() {}
   function Class() {
     return Super.apply(this, arguments);
@@ -221,7 +217,7 @@ function addEventPoolingTo(EventConstructor) {
   EventConstructor.release = releasePooledEvent;
 }
 var ResponderSyntheticEvent = SyntheticEvent.extend({
-  touchHistory: function() {
+  touchHistory: function () {
     return null;
   }
 });
@@ -304,10 +300,10 @@ function recordTouchEnd(touch) {
 }
 var instrumentationCallback,
   ResponderTouchHistoryStore = {
-    instrument: function(callback) {
+    instrument: function (callback) {
       instrumentationCallback = callback;
     },
-    recordTouchTrack: function(topLevelType, nativeEvent) {
+    recordTouchTrack: function (topLevelType, nativeEvent) {
       null != instrumentationCallback &&
         instrumentationCallback(topLevelType, nativeEvent);
       if (isMoveish(topLevelType))
@@ -439,20 +435,20 @@ var eventTypes = {
     dependencies: []
   }
 };
-function getParent(inst) {
+function getParent$1(inst) {
   do inst = inst.return;
   while (inst && 5 !== inst.tag);
   return inst ? inst : null;
 }
-function traverseTwoPhase(inst, fn, arg) {
-  for (var path = []; inst; ) path.push(inst), (inst = getParent(inst));
+function traverseTwoPhase$1(inst, fn, arg) {
+  for (var path = []; inst; ) path.push(inst), (inst = getParent$1(inst));
   for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
   for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
 }
-function getListener(inst, registrationName) {
+function getListener$1(inst, registrationName) {
   inst = inst.stateNode;
   if (null === inst) return null;
-  inst = getFiberCurrentPropsFromNode(inst);
+  inst = getFiberCurrentPropsFromNode$1(inst);
   if (null === inst) return null;
   if ((inst = inst[registrationName]) && "function" !== typeof inst)
     throw Error(
@@ -464,9 +460,9 @@ function getListener(inst, registrationName) {
     );
   return inst;
 }
-function accumulateDirectionalDispatches(inst, phase, event) {
+function accumulateDirectionalDispatches$1(inst, phase, event) {
   if (
-    (phase = getListener(
+    (phase = getListener$1(
       inst,
       event.dispatchConfig.phasedRegistrationNames[phase]
     ))
@@ -480,11 +476,11 @@ function accumulateDirectionalDispatches(inst, phase, event) {
         inst
       ));
 }
-function accumulateDirectDispatchesSingle(event) {
+function accumulateDirectDispatchesSingle$1(event) {
   if (event && event.dispatchConfig.registrationName) {
     var inst = event._targetInst;
     if (inst && event && event.dispatchConfig.registrationName) {
-      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      var listener = getListener$1(inst, event.dispatchConfig.registrationName);
       listener &&
         ((event._dispatchListeners = accumulateInto(
           event._dispatchListeners,
@@ -500,21 +496,25 @@ function accumulateDirectDispatchesSingle(event) {
 function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
   if (event && event.dispatchConfig.phasedRegistrationNames) {
     var targetInst = event._targetInst;
-    targetInst = targetInst ? getParent(targetInst) : null;
-    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+    targetInst = targetInst ? getParent$1(targetInst) : null;
+    traverseTwoPhase$1(targetInst, accumulateDirectionalDispatches$1, event);
   }
 }
-function accumulateTwoPhaseDispatchesSingle(event) {
+function accumulateTwoPhaseDispatchesSingle$1(event) {
   event &&
     event.dispatchConfig.phasedRegistrationNames &&
-    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+    traverseTwoPhase$1(
+      event._targetInst,
+      accumulateDirectionalDispatches$1,
+      event
+    );
 }
 var ResponderEventPlugin = {
-    _getResponder: function() {
+    _getResponder: function () {
       return responderInst;
     },
     eventTypes: eventTypes,
-    extractEvents: function(
+    extractEvents: function (
       topLevelType,
       targetInst,
       nativeEvent,
@@ -548,24 +548,24 @@ var ResponderEventPlugin = {
             for (
               var depthA = 0, tempA = JSCompiler_temp;
               tempA;
-              tempA = getParent(tempA)
+              tempA = getParent$1(tempA)
             )
               depthA++;
             tempA = 0;
-            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+            for (var tempB = targetInst; tempB; tempB = getParent$1(tempB))
               tempA++;
             for (; 0 < depthA - tempA; )
-              (JSCompiler_temp = getParent(JSCompiler_temp)), depthA--;
+              (JSCompiler_temp = getParent$1(JSCompiler_temp)), depthA--;
             for (; 0 < tempA - depthA; )
-              (targetInst = getParent(targetInst)), tempA--;
+              (targetInst = getParent$1(targetInst)), tempA--;
             for (; depthA--; ) {
               if (
                 JSCompiler_temp === targetInst ||
                 JSCompiler_temp === targetInst.alternate
               )
                 break b;
-              JSCompiler_temp = getParent(JSCompiler_temp);
-              targetInst = getParent(targetInst);
+              JSCompiler_temp = getParent$1(JSCompiler_temp);
+              targetInst = getParent$1(targetInst);
             }
             JSCompiler_temp = null;
           }
@@ -587,7 +587,7 @@ var ResponderEventPlugin = {
             )
           : forEachAccumulated(
               shouldSetEventType,
-              accumulateTwoPhaseDispatchesSingle
+              accumulateTwoPhaseDispatchesSingle$1
             );
         b: {
           JSCompiler_temp = shouldSetEventType._dispatchListeners;
@@ -631,7 +631,7 @@ var ResponderEventPlugin = {
               ResponderTouchHistoryStore.touchHistory),
             forEachAccumulated(
               shouldSetEventType,
-              accumulateDirectDispatchesSingle
+              accumulateDirectDispatchesSingle$1
             ),
             (targetInst = !0 === executeDirectDispatch(shouldSetEventType)),
             responderInst)
@@ -644,7 +644,7 @@ var ResponderEventPlugin = {
                 nativeEventTarget
               )),
               (depthA.touchHistory = ResponderTouchHistoryStore.touchHistory),
-              forEachAccumulated(depthA, accumulateDirectDispatchesSingle),
+              forEachAccumulated(depthA, accumulateDirectDispatchesSingle$1),
               (tempA =
                 !depthA._dispatchListeners || executeDirectDispatch(depthA)),
               depthA.isPersistent() || depthA.constructor.release(depthA),
@@ -657,7 +657,7 @@ var ResponderEventPlugin = {
                 nativeEventTarget
               );
               depthA.touchHistory = ResponderTouchHistoryStore.touchHistory;
-              forEachAccumulated(depthA, accumulateDirectDispatchesSingle);
+              forEachAccumulated(depthA, accumulateDirectDispatchesSingle$1);
               var JSCompiler_temp$jscomp$0 = accumulate(
                 JSCompiler_temp$jscomp$0,
                 [shouldSetEventType, depthA]
@@ -674,7 +674,7 @@ var ResponderEventPlugin = {
                   ResponderTouchHistoryStore.touchHistory),
                 forEachAccumulated(
                   shouldSetEventType,
-                  accumulateDirectDispatchesSingle
+                  accumulateDirectDispatchesSingle$1
                 ),
                 (JSCompiler_temp$jscomp$0 = accumulate(
                   JSCompiler_temp$jscomp$0,
@@ -712,7 +712,7 @@ var ResponderEventPlugin = {
             ResponderTouchHistoryStore.touchHistory),
           forEachAccumulated(
             shouldSetEventType,
-            accumulateDirectDispatchesSingle
+            accumulateDirectDispatchesSingle$1
           ),
           (JSCompiler_temp$jscomp$0 = accumulate(
             JSCompiler_temp$jscomp$0,
@@ -738,7 +738,7 @@ var ResponderEventPlugin = {
                   void 0 !== targetInst &&
                   0 !== targetInst)
               ) {
-                depthA = getInstanceFromNode(targetInst);
+                depthA = getInstanceFromNode$1(targetInst);
                 b: {
                   for (targetInst = responderInst; depthA; ) {
                     if (
@@ -748,7 +748,7 @@ var ResponderEventPlugin = {
                       targetInst = !0;
                       break b;
                     }
-                    depthA = getParent(depthA);
+                    depthA = getParent$1(depthA);
                   }
                   targetInst = !1;
                 }
@@ -773,7 +773,7 @@ var ResponderEventPlugin = {
           nativeEventTarget
         )),
           (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
-          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle$1),
           (JSCompiler_temp$jscomp$0 = accumulate(
             JSCompiler_temp$jscomp$0,
             nativeEvent
@@ -783,7 +783,7 @@ var ResponderEventPlugin = {
     },
     GlobalResponderHandler: null,
     injection: {
-      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+      injectGlobalResponderHandler: function (GlobalResponderHandler) {
         ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
       }
     }
@@ -810,14 +810,13 @@ function recomputePluginOrdering() {
         pluginIndex = pluginModule.eventTypes;
         for (var eventName in pluginIndex) {
           var JSCompiler_inline_result = void 0;
-          var dispatchConfig = pluginIndex[eventName],
-            eventName$jscomp$0 = eventName;
-          if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
+          var dispatchConfig = pluginIndex[eventName];
+          if (eventNameDispatchConfigs.hasOwnProperty(eventName))
             throw Error(
               "EventPluginRegistry: More than one plugin attempted to publish the same event name, `" +
-                (eventName$jscomp$0 + "`.")
+                (eventName + "`.")
             );
-          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          eventNameDispatchConfigs[eventName] = dispatchConfig;
           var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
           if (phasedRegistrationNames) {
             for (JSCompiler_inline_result in phasedRegistrationNames)
@@ -826,16 +825,14 @@ function recomputePluginOrdering() {
               ) &&
                 publishRegistrationName(
                   phasedRegistrationNames[JSCompiler_inline_result],
-                  pluginModule,
-                  eventName$jscomp$0
+                  pluginModule
                 );
             JSCompiler_inline_result = !0;
           } else
             dispatchConfig.registrationName
               ? (publishRegistrationName(
                   dispatchConfig.registrationName,
-                  pluginModule,
-                  eventName$jscomp$0
+                  pluginModule
                 ),
                 (JSCompiler_inline_result = !0))
               : (JSCompiler_inline_result = !1);
@@ -862,15 +859,10 @@ function publishRegistrationName(registrationName, pluginModule) {
 var plugins = [],
   eventNameDispatchConfigs = {},
   registrationNameModules = {};
-function getListeners(
-  inst,
-  registrationName,
-  phase,
-  dispatchToImperativeListeners
-) {
-  var stateNode = inst.stateNode;
-  if (null === stateNode) return null;
-  inst = getFiberCurrentPropsFromNode(stateNode);
+function getListener(inst, registrationName) {
+  inst = inst.stateNode;
+  if (null === inst) return null;
+  inst = getFiberCurrentPropsFromNode$1(inst);
   if (null === inst) return null;
   if ((inst = inst[registrationName]) && "function" !== typeof inst)
     throw Error(
@@ -880,67 +872,7 @@ function getListeners(
         typeof inst +
         "` type."
     );
-  if (
-    !(
-      dispatchToImperativeListeners &&
-      stateNode.canonical &&
-      stateNode.canonical._eventListeners
-    )
-  )
-    return inst;
-  var listeners = [];
-  inst && listeners.push(inst);
-  var requestedPhaseIsCapture = "captured" === phase,
-    mangledImperativeRegistrationName = requestedPhaseIsCapture
-      ? "rn:" + registrationName.replace(/Capture$/, "")
-      : "rn:" + registrationName;
-  stateNode.canonical._eventListeners[mangledImperativeRegistrationName] &&
-    0 <
-      stateNode.canonical._eventListeners[mangledImperativeRegistrationName]
-        .length &&
-    stateNode.canonical._eventListeners[
-      mangledImperativeRegistrationName
-    ].forEach(function(listenerObj) {
-      if (
-        (null != listenerObj.options.capture && listenerObj.options.capture) ===
-        requestedPhaseIsCapture
-      ) {
-        var listenerFnWrapper = function(syntheticEvent) {
-          var eventInst = new ReactNativePrivateInterface.CustomEvent(
-            mangledImperativeRegistrationName,
-            { detail: syntheticEvent.nativeEvent }
-          );
-          eventInst.isTrusted = !0;
-          eventInst.setSyntheticEvent(syntheticEvent);
-          for (
-            var _len = arguments.length,
-              args = Array(1 < _len ? _len - 1 : 0),
-              _key = 1;
-            _key < _len;
-            _key++
-          )
-            args[_key - 1] = arguments[_key];
-          listenerObj.listener.apply(listenerObj, [eventInst].concat(args));
-        };
-        listenerObj.options.once
-          ? listeners.push(function() {
-              stateNode.canonical.removeEventListener_unstable(
-                mangledImperativeRegistrationName,
-                listenerObj.listener,
-                listenerObj.capture
-              );
-              listenerObj.invalidated ||
-                ((listenerObj.invalidated = !0),
-                listenerObj.listener.apply(listenerObj, arguments));
-            })
-          : listeners.push(listenerFnWrapper);
-      }
-    });
-  return 0 === listeners.length
-    ? null
-    : 1 === listeners.length
-    ? listeners[0]
-    : listeners;
+  return inst;
 }
 var customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
@@ -948,42 +880,23 @@ var customBubblingEventTypes =
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-function accumulateListenersAndInstances(inst, event, listeners) {
-  var listenersLength = listeners
-    ? isArrayImpl(listeners)
-      ? listeners.length
-      : 1
-    : 0;
-  if (0 < listenersLength)
-    if (
-      ((event._dispatchListeners = accumulateInto(
-        event._dispatchListeners,
-        listeners
-      )),
-      null == event._dispatchInstances && 1 === listenersLength)
-    )
-      event._dispatchInstances = inst;
-    else
-      for (
-        event._dispatchInstances = event._dispatchInstances || [],
-          isArrayImpl(event._dispatchInstances) ||
-            (event._dispatchInstances = [event._dispatchInstances]),
-          listeners = 0;
-        listeners < listenersLength;
-        listeners++
-      )
-        event._dispatchInstances.push(inst);
-}
-function accumulateDirectionalDispatches$1(inst, phase, event) {
-  phase = getListeners(
-    inst,
-    event.dispatchConfig.phasedRegistrationNames[phase],
-    phase,
-    !0
-  );
-  accumulateListenersAndInstances(inst, event, phase);
+function accumulateDirectionalDispatches(inst, phase, event) {
+  if (
+    (phase = getListener(
+      inst,
+      event.dispatchConfig.phasedRegistrationNames[phase]
+    ))
+  )
+    (event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      phase
+    )),
+      (event._dispatchInstances = accumulateInto(
+        event._dispatchInstances,
+        inst
+      ));
 }
-function traverseTwoPhase$1(inst, fn, arg, skipBubbling) {
+function traverseTwoPhase(inst, fn, arg, skipBubbling) {
   for (var path = []; inst; ) {
     path.push(inst);
     do inst = inst.return;
@@ -995,27 +908,30 @@ function traverseTwoPhase$1(inst, fn, arg, skipBubbling) {
   else
     for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
 }
-function accumulateTwoPhaseDispatchesSingle$1(event) {
+function accumulateTwoPhaseDispatchesSingle(event) {
   event &&
     event.dispatchConfig.phasedRegistrationNames &&
-    traverseTwoPhase$1(
+    traverseTwoPhase(
       event._targetInst,
-      accumulateDirectionalDispatches$1,
+      accumulateDirectionalDispatches,
       event,
       !1
     );
 }
-function accumulateDirectDispatchesSingle$1(event) {
+function accumulateDirectDispatchesSingle(event) {
   if (event && event.dispatchConfig.registrationName) {
     var inst = event._targetInst;
     if (inst && event && event.dispatchConfig.registrationName) {
-      var listeners = getListeners(
-        inst,
-        event.dispatchConfig.registrationName,
-        "bubbled",
-        !1
-      );
-      accumulateListenersAndInstances(inst, event, listeners);
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
     }
   }
 }
@@ -1028,11 +944,11 @@ eventPluginOrder = Array.prototype.slice.call([
   "ReactNativeBridgeEventPlugin"
 ]);
 recomputePluginOrdering();
-var injectedNamesToPlugins$jscomp$inline_234 = {
+var injectedNamesToPlugins$jscomp$inline_251 = {
     ResponderEventPlugin: ResponderEventPlugin,
     ReactNativeBridgeEventPlugin: {
       eventTypes: {},
-      extractEvents: function(
+      extractEvents: function (
         topLevelType,
         targetInst,
         nativeEvent,
@@ -1057,410 +973,125 @@ var injectedNamesToPlugins$jscomp$inline_234 = {
           topLevelType.dispatchConfig.phasedRegistrationNames.skipBubbling
             ? topLevelType &&
               topLevelType.dispatchConfig.phasedRegistrationNames &&
-              traverseTwoPhase$1(
+              traverseTwoPhase(
                 topLevelType._targetInst,
-                accumulateDirectionalDispatches$1,
+                accumulateDirectionalDispatches,
                 topLevelType,
                 !0
               )
             : forEachAccumulated(
                 topLevelType,
-                accumulateTwoPhaseDispatchesSingle$1
+                accumulateTwoPhaseDispatchesSingle
               );
         else if (directDispatchConfig)
-          forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle$1);
+          forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
         else return null;
         return topLevelType;
       }
     }
   },
-  isOrderingDirty$jscomp$inline_235 = !1,
-  pluginName$jscomp$inline_236;
-for (pluginName$jscomp$inline_236 in injectedNamesToPlugins$jscomp$inline_234)
+  isOrderingDirty$jscomp$inline_252 = !1,
+  pluginName$jscomp$inline_253;
+for (pluginName$jscomp$inline_253 in injectedNamesToPlugins$jscomp$inline_251)
   if (
-    injectedNamesToPlugins$jscomp$inline_234.hasOwnProperty(
-      pluginName$jscomp$inline_236
+    injectedNamesToPlugins$jscomp$inline_251.hasOwnProperty(
+      pluginName$jscomp$inline_253
     )
   ) {
-    var pluginModule$jscomp$inline_237 =
-      injectedNamesToPlugins$jscomp$inline_234[pluginName$jscomp$inline_236];
+    var pluginModule$jscomp$inline_254 =
+      injectedNamesToPlugins$jscomp$inline_251[pluginName$jscomp$inline_253];
     if (
-      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_236) ||
-      namesToPlugins[pluginName$jscomp$inline_236] !==
-        pluginModule$jscomp$inline_237
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_253) ||
+      namesToPlugins[pluginName$jscomp$inline_253] !==
+        pluginModule$jscomp$inline_254
     ) {
-      if (namesToPlugins[pluginName$jscomp$inline_236])
+      if (namesToPlugins[pluginName$jscomp$inline_253])
         throw Error(
           "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            (pluginName$jscomp$inline_236 + "`.")
+            (pluginName$jscomp$inline_253 + "`.")
         );
-      namesToPlugins[
-        pluginName$jscomp$inline_236
-      ] = pluginModule$jscomp$inline_237;
-      isOrderingDirty$jscomp$inline_235 = !0;
+      namesToPlugins[pluginName$jscomp$inline_253] =
+        pluginModule$jscomp$inline_254;
+      isOrderingDirty$jscomp$inline_252 = !0;
     }
   }
-isOrderingDirty$jscomp$inline_235 && recomputePluginOrdering();
-function getInstanceFromInstance(instanceHandle) {
-  return instanceHandle;
-}
-getFiberCurrentPropsFromNode = function(inst) {
-  return inst.canonical.currentProps;
-};
-getInstanceFromNode = getInstanceFromInstance;
-getNodeFromInstance = function(inst) {
-  inst = inst.stateNode.canonical;
-  if (!inst._nativeTag) throw Error("All native instances should have a tag.");
-  return inst;
-};
-ResponderEventPlugin.injection.injectGlobalResponderHandler({
-  onChange: function(from, to, blockNativeResponder) {
-    var fromOrTo = from || to;
-    (fromOrTo = fromOrTo && fromOrTo.stateNode) &&
-    fromOrTo.canonical._internalInstanceHandle
-      ? (from &&
-          nativeFabricUIManager.setIsJSResponder(
-            from.stateNode.node,
-            !1,
-            blockNativeResponder || !1
-          ),
-        to &&
-          nativeFabricUIManager.setIsJSResponder(
-            to.stateNode.node,
-            !0,
-            blockNativeResponder || !1
-          ))
-      : null !== to
-      ? ReactNativePrivateInterface.UIManager.setJSResponder(
-          to.stateNode.canonical._nativeTag,
-          blockNativeResponder
-        )
-      : ReactNativePrivateInterface.UIManager.clearJSResponder();
-  }
-});
-var ReactSharedInternals =
-    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
-  REACT_ELEMENT_TYPE = Symbol.for("react.element"),
-  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
-  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
-  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
-  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
-  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
-  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
-  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
-  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
-  REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
-  REACT_MEMO_TYPE = Symbol.for("react.memo"),
-  REACT_LAZY_TYPE = Symbol.for("react.lazy");
-Symbol.for("react.scope");
-Symbol.for("react.debug_trace_mode");
-var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
-Symbol.for("react.legacy_hidden");
-Symbol.for("react.cache");
-Symbol.for("react.tracing_marker");
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-function getIteratorFn(maybeIterable) {
-  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
-  maybeIterable =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable["@@iterator"];
-  return "function" === typeof maybeIterable ? maybeIterable : null;
+isOrderingDirty$jscomp$inline_252 && recomputePluginOrdering();
+var emptyObject = {},
+  removedKeys = null,
+  removedKeyCount = 0,
+  deepDifferOptions = { unsafelyIgnoreFunctions: !0 };
+function defaultDiffer(prevProp, nextProp) {
+  return "object" !== typeof nextProp || null === nextProp
+    ? !0
+    : ReactNativePrivateInterface.deepDiffer(
+        prevProp,
+        nextProp,
+        deepDifferOptions
+      );
 }
-function getComponentNameFromType(type) {
-  if (null == type) return null;
-  if ("function" === typeof type) return type.displayName || type.name || null;
-  if ("string" === typeof type) return type;
-  switch (type) {
-    case REACT_FRAGMENT_TYPE:
-      return "Fragment";
-    case REACT_PORTAL_TYPE:
-      return "Portal";
-    case REACT_PROFILER_TYPE:
-      return "Profiler";
-    case REACT_STRICT_MODE_TYPE:
-      return "StrictMode";
-    case REACT_SUSPENSE_TYPE:
-      return "Suspense";
-    case REACT_SUSPENSE_LIST_TYPE:
-      return "SuspenseList";
-  }
-  if ("object" === typeof type)
-    switch (type.$$typeof) {
-      case REACT_CONTEXT_TYPE:
-        return (type.displayName || "Context") + ".Consumer";
-      case REACT_PROVIDER_TYPE:
-        return (type._context.displayName || "Context") + ".Provider";
-      case REACT_FORWARD_REF_TYPE:
-        var innerType = type.render;
-        type = type.displayName;
-        type ||
-          ((type = innerType.displayName || innerType.name || ""),
-          (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
-        return type;
-      case REACT_MEMO_TYPE:
-        return (
-          (innerType = type.displayName || null),
-          null !== innerType
-            ? innerType
-            : getComponentNameFromType(type.type) || "Memo"
-        );
-      case REACT_LAZY_TYPE:
-        innerType = type._payload;
-        type = type._init;
-        try {
-          return getComponentNameFromType(type(innerType));
-        } catch (x) {}
-    }
-  return null;
+function restoreDeletedValuesInNestedArray(
+  updatePayload,
+  node,
+  validAttributes
+) {
+  if (isArrayImpl(node))
+    for (var i = node.length; i-- && 0 < removedKeyCount; )
+      restoreDeletedValuesInNestedArray(
+        updatePayload,
+        node[i],
+        validAttributes
+      );
+  else if (node && 0 < removedKeyCount)
+    for (i in removedKeys)
+      if (removedKeys[i]) {
+        var nextProp = node[i];
+        if (void 0 !== nextProp) {
+          var attributeConfig = validAttributes[i];
+          if (attributeConfig) {
+            "function" === typeof nextProp && (nextProp = !0);
+            "undefined" === typeof nextProp && (nextProp = null);
+            if ("object" !== typeof attributeConfig)
+              updatePayload[i] = nextProp;
+            else if (
+              "function" === typeof attributeConfig.diff ||
+              "function" === typeof attributeConfig.process
+            )
+              (nextProp =
+                "function" === typeof attributeConfig.process
+                  ? attributeConfig.process(nextProp)
+                  : nextProp),
+                (updatePayload[i] = nextProp);
+            removedKeys[i] = !1;
+            removedKeyCount--;
+          }
+        }
+      }
 }
-function getComponentNameFromFiber(fiber) {
-  var type = fiber.type;
-  switch (fiber.tag) {
-    case 24:
-      return "Cache";
-    case 9:
-      return (type.displayName || "Context") + ".Consumer";
-    case 10:
-      return (type._context.displayName || "Context") + ".Provider";
-    case 18:
-      return "DehydratedFragment";
-    case 11:
-      return (
-        (fiber = type.render),
-        (fiber = fiber.displayName || fiber.name || ""),
-        type.displayName ||
-          ("" !== fiber ? "ForwardRef(" + fiber + ")" : "ForwardRef")
-      );
-    case 7:
-      return "Fragment";
-    case 5:
-      return type;
-    case 4:
-      return "Portal";
-    case 3:
-      return "Root";
-    case 6:
-      return "Text";
-    case 16:
-      return getComponentNameFromType(type);
-    case 8:
-      return type === REACT_STRICT_MODE_TYPE ? "StrictMode" : "Mode";
-    case 22:
-      return "Offscreen";
-    case 12:
-      return "Profiler";
-    case 21:
-      return "Scope";
-    case 13:
-      return "Suspense";
-    case 19:
-      return "SuspenseList";
-    case 25:
-      return "TracingMarker";
-    case 1:
-    case 0:
-    case 17:
-    case 2:
-    case 14:
-    case 15:
-      if ("function" === typeof type)
-        return type.displayName || type.name || null;
-      if ("string" === typeof type) return type;
-  }
-  return null;
-}
-function getNearestMountedFiber(fiber) {
-  var node = fiber,
-    nearestMounted = fiber;
-  if (fiber.alternate) for (; node.return; ) node = node.return;
-  else {
-    fiber = node;
-    do
-      (node = fiber),
-        0 !== (node.flags & 4098) && (nearestMounted = node.return),
-        (fiber = node.return);
-    while (fiber);
-  }
-  return 3 === node.tag ? nearestMounted : null;
-}
-function assertIsMounted(fiber) {
-  if (getNearestMountedFiber(fiber) !== fiber)
-    throw Error("Unable to find node on an unmounted component.");
-}
-function findCurrentFiberUsingSlowPath(fiber) {
-  var alternate = fiber.alternate;
-  if (!alternate) {
-    alternate = getNearestMountedFiber(fiber);
-    if (null === alternate)
-      throw Error("Unable to find node on an unmounted component.");
-    return alternate !== fiber ? null : fiber;
-  }
-  for (var a = fiber, b = alternate; ; ) {
-    var parentA = a.return;
-    if (null === parentA) break;
-    var parentB = parentA.alternate;
-    if (null === parentB) {
-      b = parentA.return;
-      if (null !== b) {
-        a = b;
-        continue;
-      }
-      break;
-    }
-    if (parentA.child === parentB.child) {
-      for (parentB = parentA.child; parentB; ) {
-        if (parentB === a) return assertIsMounted(parentA), fiber;
-        if (parentB === b) return assertIsMounted(parentA), alternate;
-        parentB = parentB.sibling;
-      }
-      throw Error("Unable to find node on an unmounted component.");
-    }
-    if (a.return !== b.return) (a = parentA), (b = parentB);
-    else {
-      for (var didFindChild = !1, child$0 = parentA.child; child$0; ) {
-        if (child$0 === a) {
-          didFindChild = !0;
-          a = parentA;
-          b = parentB;
-          break;
-        }
-        if (child$0 === b) {
-          didFindChild = !0;
-          b = parentA;
-          a = parentB;
-          break;
-        }
-        child$0 = child$0.sibling;
-      }
-      if (!didFindChild) {
-        for (child$0 = parentB.child; child$0; ) {
-          if (child$0 === a) {
-            didFindChild = !0;
-            a = parentB;
-            b = parentA;
-            break;
-          }
-          if (child$0 === b) {
-            didFindChild = !0;
-            b = parentB;
-            a = parentA;
-            break;
-          }
-          child$0 = child$0.sibling;
-        }
-        if (!didFindChild)
-          throw Error(
-            "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
-          );
-      }
-    }
-    if (a.alternate !== b)
-      throw Error(
-        "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
-      );
-  }
-  if (3 !== a.tag)
-    throw Error("Unable to find node on an unmounted component.");
-  return a.stateNode.current === a ? fiber : alternate;
-}
-function findCurrentHostFiber(parent) {
-  parent = findCurrentFiberUsingSlowPath(parent);
-  return null !== parent ? findCurrentHostFiberImpl(parent) : null;
-}
-function findCurrentHostFiberImpl(node) {
-  if (5 === node.tag || 6 === node.tag) return node;
-  for (node = node.child; null !== node; ) {
-    var match = findCurrentHostFiberImpl(node);
-    if (null !== match) return match;
-    node = node.sibling;
-  }
-  return null;
-}
-function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
-  return function() {
-    if (
-      callback &&
-      ("boolean" !== typeof context.__isMounted || context.__isMounted)
-    )
-      return callback.apply(context, arguments);
-  };
-}
-var emptyObject = {},
-  removedKeys = null,
-  removedKeyCount = 0,
-  deepDifferOptions = { unsafelyIgnoreFunctions: !0 };
-function defaultDiffer(prevProp, nextProp) {
-  return "object" !== typeof nextProp || null === nextProp
-    ? !0
-    : ReactNativePrivateInterface.deepDiffer(
-        prevProp,
-        nextProp,
-        deepDifferOptions
-      );
-}
-function restoreDeletedValuesInNestedArray(
-  updatePayload,
-  node,
-  validAttributes
-) {
-  if (isArrayImpl(node))
-    for (var i = node.length; i-- && 0 < removedKeyCount; )
-      restoreDeletedValuesInNestedArray(
-        updatePayload,
-        node[i],
-        validAttributes
-      );
-  else if (node && 0 < removedKeyCount)
-    for (i in removedKeys)
-      if (removedKeys[i]) {
-        var nextProp = node[i];
-        if (void 0 !== nextProp) {
-          var attributeConfig = validAttributes[i];
-          if (attributeConfig) {
-            "function" === typeof nextProp && (nextProp = !0);
-            "undefined" === typeof nextProp && (nextProp = null);
-            if ("object" !== typeof attributeConfig)
-              updatePayload[i] = nextProp;
-            else if (
-              "function" === typeof attributeConfig.diff ||
-              "function" === typeof attributeConfig.process
-            )
-              (nextProp =
-                "function" === typeof attributeConfig.process
-                  ? attributeConfig.process(nextProp)
-                  : nextProp),
-                (updatePayload[i] = nextProp);
-            removedKeys[i] = !1;
-            removedKeyCount--;
-          }
-        }
-      }
-}
-function diffNestedProperty(
-  updatePayload,
-  prevProp,
-  nextProp,
-  validAttributes
-) {
-  if (!updatePayload && prevProp === nextProp) return updatePayload;
-  if (!prevProp || !nextProp)
-    return nextProp
-      ? addNestedProperty(updatePayload, nextProp, validAttributes)
-      : prevProp
-      ? clearNestedProperty(updatePayload, prevProp, validAttributes)
-      : updatePayload;
-  if (!isArrayImpl(prevProp) && !isArrayImpl(nextProp))
-    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
-  if (isArrayImpl(prevProp) && isArrayImpl(nextProp)) {
-    var minLength =
-        prevProp.length < nextProp.length ? prevProp.length : nextProp.length,
-      i;
-    for (i = 0; i < minLength; i++)
-      updatePayload = diffNestedProperty(
-        updatePayload,
-        prevProp[i],
-        nextProp[i],
-        validAttributes
+function diffNestedProperty(
+  updatePayload,
+  prevProp,
+  nextProp,
+  validAttributes
+) {
+  if (!updatePayload && prevProp === nextProp) return updatePayload;
+  if (!prevProp || !nextProp)
+    return nextProp
+      ? addNestedProperty(updatePayload, nextProp, validAttributes)
+      : prevProp
+      ? clearNestedProperty(updatePayload, prevProp, validAttributes)
+      : updatePayload;
+  if (!isArrayImpl(prevProp) && !isArrayImpl(nextProp))
+    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
+  if (isArrayImpl(prevProp) && isArrayImpl(nextProp)) {
+    var minLength =
+        prevProp.length < nextProp.length ? prevProp.length : nextProp.length,
+      i;
+    for (i = 0; i < minLength; i++)
+      updatePayload = diffNestedProperty(
+        updatePayload,
+        prevProp[i],
+        nextProp[i],
+        validAttributes
       );
     for (; i < prevProp.length; i++)
       updatePayload = clearNestedProperty(
@@ -1568,9 +1199,8 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               "function" === typeof attributeConfig.process
                 ? attributeConfig.process(nextProp)
                 : nextProp),
-              ((updatePayload || (updatePayload = {}))[
-                propKey
-              ] = attributeConfig);
+              ((updatePayload || (updatePayload = {}))[propKey] =
+                attributeConfig);
         } else
           (removedKeys = null),
             (removedKeyCount = 0),
@@ -1589,19 +1219,19 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               ),
               (removedKeys = null));
     }
-  for (var propKey$2 in prevProps)
-    void 0 === nextProps[propKey$2] &&
-      (!(attributeConfig = validAttributes[propKey$2]) ||
-        (updatePayload && void 0 !== updatePayload[propKey$2]) ||
-        ((prevProp = prevProps[propKey$2]),
+  for (var propKey$1 in prevProps)
+    void 0 === nextProps[propKey$1] &&
+      (!(attributeConfig = validAttributes[propKey$1]) ||
+        (updatePayload && void 0 !== updatePayload[propKey$1]) ||
+        ((prevProp = prevProps[propKey$1]),
         void 0 !== prevProp &&
           ("object" !== typeof attributeConfig ||
           "function" === typeof attributeConfig.diff ||
           "function" === typeof attributeConfig.process
-            ? (((updatePayload || (updatePayload = {}))[propKey$2] = null),
+            ? (((updatePayload || (updatePayload = {}))[propKey$1] = null),
               removedKeys || (removedKeys = {}),
-              removedKeys[propKey$2] ||
-                ((removedKeys[propKey$2] = !0), removedKeyCount++))
+              removedKeys[propKey$1] ||
+                ((removedKeys[propKey$1] = !0), removedKeyCount++))
             : (updatePayload = clearNestedProperty(
                 updatePayload,
                 prevProp,
@@ -1613,7 +1243,7 @@ function batchedUpdatesImpl(fn, bookkeeping) {
   return fn(bookkeeping);
 }
 var isInsideEventHandler = !1;
-function batchedUpdates(fn, bookkeeping) {
+function batchedUpdates$1(fn, bookkeeping) {
   if (isInsideEventHandler) return fn(bookkeeping);
   isInsideEventHandler = !0;
   try {
@@ -1646,9 +1276,9 @@ function dispatchEvent(target, topLevelType, nativeEvent) {
   var eventTarget = null;
   if (null != target) {
     var stateNode = target.stateNode;
-    null != stateNode && (eventTarget = stateNode.canonical);
+    null != stateNode && (eventTarget = getPublicInstance(stateNode));
   }
-  batchedUpdates(function() {
+  batchedUpdates$1(function () {
     var event = { eventName: topLevelType, nativeEvent: nativeEvent };
     ReactNativePrivateInterface.RawEventEmitter.emit(topLevelType, event);
     ReactNativePrivateInterface.RawEventEmitter.emit("*", event);
@@ -1679,22 +1309,26 @@ function dispatchEvent(target, topLevelType, nativeEvent) {
           "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
         );
       if (hasRethrowError)
-        throw ((event = rethrowError),
-        (hasRethrowError = !1),
-        (rethrowError = null),
-        event);
+        throw (
+          ((event = rethrowError),
+          (hasRethrowError = !1),
+          (rethrowError = null),
+          event)
+        );
     }
   });
 }
-var scheduleCallback = Scheduler.unstable_scheduleCallback,
-  cancelCallback = Scheduler.unstable_cancelCallback,
+var scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
   requestPaint = Scheduler.unstable_requestPaint,
-  now = Scheduler.unstable_now,
+  now$1 = Scheduler.unstable_now,
   ImmediatePriority = Scheduler.unstable_ImmediatePriority,
   UserBlockingPriority = Scheduler.unstable_UserBlockingPriority,
   NormalPriority = Scheduler.unstable_NormalPriority,
   IdlePriority = Scheduler.unstable_IdlePriority,
+  ReactSharedInternals =
+    React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED,
   rendererID = null,
   injectedHook = null,
   isDevToolsPresent = "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__;
@@ -1703,16 +1337,16 @@ function onCommitRoot(root, eventPriority) {
     try {
       var didError = 128 === (root.current.flags & 128);
       switch (eventPriority) {
-        case 1:
+        case 2:
           var schedulerPriority = ImmediatePriority;
           break;
-        case 4:
+        case 8:
           schedulerPriority = UserBlockingPriority;
           break;
-        case 16:
+        case 32:
           schedulerPriority = NormalPriority;
           break;
-        case 536870912:
+        case 268435456:
           schedulerPriority = IdlePriority;
           break;
         default:
@@ -1733,9 +1367,11 @@ function clz32Fallback(x) {
   x >>>= 0;
   return 0 === x ? 32 : (31 - ((log(x) / LN2) | 0)) | 0;
 }
-var nextTransitionLane = 64,
+var nextTransitionLane = 128,
   nextRetryLane = 4194304;
 function getHighestPriorityLanes(lanes) {
+  var pendingSyncLanes = lanes & 42;
+  if (0 !== pendingSyncLanes) return pendingSyncLanes;
   switch (lanes & -lanes) {
     case 1:
       return 1;
@@ -1750,6 +1386,7 @@ function getHighestPriorityLanes(lanes) {
     case 32:
       return 32;
     case 64:
+      return 64;
     case 128:
     case 256:
     case 512:
@@ -1765,13 +1402,14 @@ function getHighestPriorityLanes(lanes) {
     case 524288:
     case 1048576:
     case 2097152:
-      return lanes & 4194240;
+      return lanes & 4194176;
     case 4194304:
     case 8388608:
     case 16777216:
     case 33554432:
+      return lanes & 62914560;
     case 67108864:
-      return lanes & 130023424;
+      return 67108864;
     case 134217728:
       return 134217728;
     case 268435456:
@@ -1779,7 +1417,7 @@ function getHighestPriorityLanes(lanes) {
     case 536870912:
       return 536870912;
     case 1073741824:
-      return 1073741824;
+      return 0;
     default:
       return lanes;
   }
@@ -1788,50 +1426,38 @@ function getNextLanes(root, wipLanes) {
   var pendingLanes = root.pendingLanes;
   if (0 === pendingLanes) return 0;
   var nextLanes = 0,
-    suspendedLanes = root.suspendedLanes,
-    pingedLanes = root.pingedLanes,
-    nonIdlePendingLanes = pendingLanes & 268435455;
-  if (0 !== nonIdlePendingLanes) {
-    var nonIdleUnblockedLanes = nonIdlePendingLanes & ~suspendedLanes;
-    0 !== nonIdleUnblockedLanes
-      ? (nextLanes = getHighestPriorityLanes(nonIdleUnblockedLanes))
-      : ((pingedLanes &= nonIdlePendingLanes),
-        0 !== pingedLanes &&
-          (nextLanes = getHighestPriorityLanes(pingedLanes)));
-  } else
-    (nonIdlePendingLanes = pendingLanes & ~suspendedLanes),
-      0 !== nonIdlePendingLanes
-        ? (nextLanes = getHighestPriorityLanes(nonIdlePendingLanes))
-        : 0 !== pingedLanes &&
-          (nextLanes = getHighestPriorityLanes(pingedLanes));
-  if (0 === nextLanes) return 0;
-  if (
-    0 !== wipLanes &&
-    wipLanes !== nextLanes &&
-    0 === (wipLanes & suspendedLanes) &&
-    ((suspendedLanes = nextLanes & -nextLanes),
-    (pingedLanes = wipLanes & -wipLanes),
-    suspendedLanes >= pingedLanes ||
-      (16 === suspendedLanes && 0 !== (pingedLanes & 4194240)))
-  )
-    return wipLanes;
-  0 !== (nextLanes & 4) && (nextLanes |= pendingLanes & 16);
-  wipLanes = root.entangledLanes;
-  if (0 !== wipLanes)
-    for (root = root.entanglements, wipLanes &= nextLanes; 0 < wipLanes; )
-      (pendingLanes = 31 - clz32(wipLanes)),
-        (suspendedLanes = 1 << pendingLanes),
-        (nextLanes |= root[pendingLanes]),
-        (wipLanes &= ~suspendedLanes);
-  return nextLanes;
+    suspendedLanes = root.suspendedLanes;
+  root = root.pingedLanes;
+  var nonIdlePendingLanes = pendingLanes & 134217727;
+  0 !== nonIdlePendingLanes
+    ? ((pendingLanes = nonIdlePendingLanes & ~suspendedLanes),
+      0 !== pendingLanes
+        ? (nextLanes = getHighestPriorityLanes(pendingLanes))
+        : ((root &= nonIdlePendingLanes),
+          0 !== root && (nextLanes = getHighestPriorityLanes(root))))
+    : ((pendingLanes &= ~suspendedLanes),
+      0 !== pendingLanes
+        ? (nextLanes = getHighestPriorityLanes(pendingLanes))
+        : 0 !== root && (nextLanes = getHighestPriorityLanes(root)));
+  return 0 === nextLanes
+    ? 0
+    : 0 !== wipLanes &&
+      wipLanes !== nextLanes &&
+      0 === (wipLanes & suspendedLanes) &&
+      ((suspendedLanes = nextLanes & -nextLanes),
+      (root = wipLanes & -wipLanes),
+      suspendedLanes >= root ||
+        (32 === suspendedLanes && 0 !== (root & 4194176)))
+    ? wipLanes
+    : nextLanes;
 }
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
     case 1:
     case 2:
     case 4:
-      return currentTime + 250;
     case 8:
+      return currentTime + 250;
     case 16:
     case 32:
     case 64:
@@ -1855,8 +1481,8 @@ function computeExpirationTime(lane, currentTime) {
     case 8388608:
     case 16777216:
     case 33554432:
-    case 67108864:
       return -1;
+    case 67108864:
     case 134217728:
     case 268435456:
     case 536870912:
@@ -1866,63 +1492,92 @@ function computeExpirationTime(lane, currentTime) {
       return -1;
   }
 }
-function getLanesToRetrySynchronouslyOnError(root) {
-  root = root.pendingLanes & -1073741825;
-  return 0 !== root ? root : root & 1073741824 ? 1073741824 : 0;
+function getLanesToRetrySynchronouslyOnError(root, originallyAttemptedLanes) {
+  if (root.errorRecoveryDisabledLanes & originallyAttemptedLanes) return 0;
+  root = root.pendingLanes & -536870913;
+  return 0 !== root ? root : root & 536870912 ? 536870912 : 0;
 }
 function claimNextTransitionLane() {
   var lane = nextTransitionLane;
   nextTransitionLane <<= 1;
-  0 === (nextTransitionLane & 4194240) && (nextTransitionLane = 64);
+  0 === (nextTransitionLane & 4194176) && (nextTransitionLane = 128);
+  return lane;
+}
+function claimNextRetryLane() {
+  var lane = nextRetryLane;
+  nextRetryLane <<= 1;
+  0 === (nextRetryLane & 62914560) && (nextRetryLane = 4194304);
   return lane;
 }
 function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
-  536870912 !== updateLane &&
+  268435456 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
-function markRootFinished(root, remainingLanes) {
+function markRootFinished(root, remainingLanes, spawnedLane) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
   root.pendingLanes = remainingLanes;
   root.suspendedLanes = 0;
   root.pingedLanes = 0;
   root.expiredLanes &= remainingLanes;
-  root.mutableReadLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
+  root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes;
-  for (root = root.expirationTimes; 0 < noLongerPendingLanes; ) {
-    var index$7 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$7;
-    remainingLanes[index$7] = 0;
-    eventTimes[index$7] = -1;
-    root[index$7] = -1;
+  for (
+    var expirationTimes = root.expirationTimes,
+      hiddenUpdates = root.hiddenUpdates;
+    0 < noLongerPendingLanes;
+
+  ) {
+    var index$5 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$5;
+    remainingLanes[index$5] = 0;
+    expirationTimes[index$5] = -1;
+    var hiddenUpdatesForLane = hiddenUpdates[index$5];
+    if (null !== hiddenUpdatesForLane)
+      for (
+        hiddenUpdates[index$5] = null, index$5 = 0;
+        index$5 < hiddenUpdatesForLane.length;
+        index$5++
+      ) {
+        var update = hiddenUpdatesForLane[index$5];
+        null !== update && (update.lane &= -536870913);
+      }
     noLongerPendingLanes &= ~lane;
   }
+  0 !== spawnedLane && markSpawnedDeferredLane(root, spawnedLane, 0);
+}
+function markSpawnedDeferredLane(root, spawnedLane, entangledLanes) {
+  root.pendingLanes |= spawnedLane;
+  root.suspendedLanes &= ~spawnedLane;
+  var spawnedLaneIndex = 31 - clz32(spawnedLane);
+  root.entangledLanes |= spawnedLane;
+  root.entanglements[spawnedLaneIndex] =
+    root.entanglements[spawnedLaneIndex] |
+    1073741824 |
+    (entangledLanes & 4194218);
 }
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$8 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$8;
-    (lane & entangledLanes) | (root[index$8] & entangledLanes) &&
-      (root[index$8] |= entangledLanes);
+    var index$6 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$6;
+    (lane & entangledLanes) | (root[index$6] & entangledLanes) &&
+      (root[index$6] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function addFiberToLanesMap(root, fiber, lanes) {
   if (isDevToolsPresent)
     for (root = root.pendingUpdatersLaneMap; 0 < lanes; ) {
-      var index$9 = 31 - clz32(lanes),
-        lane = 1 << index$9;
-      root[index$9].add(fiber);
+      var index$7 = 31 - clz32(lanes),
+        lane = 1 << index$7;
+      root[index$7].add(fiber);
       lanes &= ~lane;
     }
 }
@@ -1934,29 +1589,29 @@ function movePendingFibersToMemoized(root, lanes) {
       0 < lanes;
 
     ) {
-      var index$10 = 31 - clz32(lanes);
-      root = 1 << index$10;
-      index$10 = pendingUpdatersLaneMap[index$10];
-      0 < index$10.size &&
-        (index$10.forEach(function(fiber) {
+      var index$8 = 31 - clz32(lanes);
+      root = 1 << index$8;
+      index$8 = pendingUpdatersLaneMap[index$8];
+      0 < index$8.size &&
+        (index$8.forEach(function (fiber) {
           var alternate = fiber.alternate;
           (null !== alternate && memoizedUpdaters.has(alternate)) ||
             memoizedUpdaters.add(fiber);
         }),
-        index$10.clear());
+        index$8.clear());
       lanes &= ~root;
     }
 }
 var currentUpdatePriority = 0;
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
-  return 1 < lanes
-    ? 4 < lanes
-      ? 0 !== (lanes & 268435455)
-        ? 16
-        : 536870912
-      : 4
-    : 1;
+  return 2 < lanes
+    ? 8 < lanes
+      ? 0 !== (lanes & 134217727)
+        ? 32
+        : 268435456
+      : 8
+    : 2;
 }
 function shim$1() {
   throw Error(
@@ -1965,7 +1620,6 @@ function shim$1() {
 }
 var _nativeFabricUIManage = nativeFabricUIManager,
   createNode = _nativeFabricUIManage.createNode,
-  cloneNode = _nativeFabricUIManage.cloneNode,
   cloneNodeWithNewChildren = _nativeFabricUIManage.cloneNodeWithNewChildren,
   cloneNodeWithNewChildrenAndProps =
     _nativeFabricUIManage.cloneNodeWithNewChildrenAndProps,
@@ -1975,125 +1629,13 @@ var _nativeFabricUIManage = nativeFabricUIManager,
   appendChildNodeToSet = _nativeFabricUIManage.appendChildToSet,
   completeRoot = _nativeFabricUIManage.completeRoot,
   registerEventHandler = _nativeFabricUIManage.registerEventHandler,
-  fabricMeasure = _nativeFabricUIManage.measure,
-  fabricMeasureInWindow = _nativeFabricUIManage.measureInWindow,
-  fabricMeasureLayout = _nativeFabricUIManage.measureLayout,
   FabricDiscretePriority = _nativeFabricUIManage.unstable_DiscreteEventPriority,
   fabricGetCurrentEventPriority =
     _nativeFabricUIManage.unstable_getCurrentEventPriority,
-  _setNativeProps = _nativeFabricUIManage.setNativeProps,
   getViewConfigForType =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
   nextReactTag = 2;
 registerEventHandler && registerEventHandler(dispatchEvent);
-var ReactFabricHostComponent = (function() {
-  function ReactFabricHostComponent(
-    tag,
-    viewConfig,
-    props,
-    internalInstanceHandle
-  ) {
-    this._nativeTag = tag;
-    this.viewConfig = viewConfig;
-    this.currentProps = props;
-    this._internalInstanceHandle = internalInstanceHandle;
-  }
-  var _proto = ReactFabricHostComponent.prototype;
-  _proto.blur = function() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
-  };
-  _proto.focus = function() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
-  };
-  _proto.measure = function(callback) {
-    var stateNode = this._internalInstanceHandle.stateNode;
-    null != stateNode &&
-      fabricMeasure(
-        stateNode.node,
-        mountSafeCallback_NOT_REALLY_SAFE(this, callback)
-      );
-  };
-  _proto.measureInWindow = function(callback) {
-    var stateNode = this._internalInstanceHandle.stateNode;
-    null != stateNode &&
-      fabricMeasureInWindow(
-        stateNode.node,
-        mountSafeCallback_NOT_REALLY_SAFE(this, callback)
-      );
-  };
-  _proto.measureLayout = function(relativeToNativeNode, onSuccess, onFail) {
-    if (
-      "number" !== typeof relativeToNativeNode &&
-      relativeToNativeNode instanceof ReactFabricHostComponent
-    ) {
-      var toStateNode = this._internalInstanceHandle.stateNode;
-      relativeToNativeNode =
-        relativeToNativeNode._internalInstanceHandle.stateNode;
-      null != toStateNode &&
-        null != relativeToNativeNode &&
-        fabricMeasureLayout(
-          toStateNode.node,
-          relativeToNativeNode.node,
-          mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-          mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-        );
-    }
-  };
-  _proto.setNativeProps = function(nativeProps) {
-    nativeProps = diffProperties(
-      null,
-      emptyObject,
-      nativeProps,
-      this.viewConfig.validAttributes
-    );
-    var stateNode = this._internalInstanceHandle.stateNode;
-    null != stateNode &&
-      null != nativeProps &&
-      _setNativeProps(stateNode.node, nativeProps);
-  };
-  _proto.addEventListener_unstable = function(eventType, listener, options) {
-    if ("string" !== typeof eventType)
-      throw Error("addEventListener_unstable eventType must be a string");
-    if ("function" !== typeof listener)
-      throw Error("addEventListener_unstable listener must be a function");
-    var optionsObj =
-      "object" === typeof options && null !== options ? options : {};
-    options =
-      ("boolean" === typeof options ? options : optionsObj.capture) || !1;
-    var once = optionsObj.once || !1;
-    optionsObj = optionsObj.passive || !1;
-    var eventListeners = this._eventListeners || {};
-    null == this._eventListeners && (this._eventListeners = eventListeners);
-    var namedEventListeners = eventListeners[eventType] || [];
-    null == eventListeners[eventType] &&
-      (eventListeners[eventType] = namedEventListeners);
-    namedEventListeners.push({
-      listener: listener,
-      invalidated: !1,
-      options: {
-        capture: options,
-        once: once,
-        passive: optionsObj,
-        signal: null
-      }
-    });
-  };
-  _proto.removeEventListener_unstable = function(eventType, listener, options) {
-    var optionsObj =
-        "object" === typeof options && null !== options ? options : {},
-      capture =
-        ("boolean" === typeof options ? options : optionsObj.capture) || !1;
-    (options = this._eventListeners) &&
-      (optionsObj = options[eventType]) &&
-      (options[eventType] = optionsObj.filter(function(listenerObj) {
-        return !(
-          listenerObj.listener === listener &&
-          listenerObj.options.capture === capture
-        );
-      }));
-  };
-  return ReactFabricHostComponent;
-})();
 function createTextInstance(
   text,
   rootContainerInstance,
@@ -2112,6 +1654,13 @@ function createTextInstance(
     )
   };
 }
+function getPublicInstance(instance) {
+  return null != instance.canonical && null != instance.canonical.publicInstance
+    ? instance.canonical.publicInstance
+    : null != instance._nativeTag
+    ? instance
+    : null;
+}
 var scheduleTimeout = setTimeout,
   cancelTimeout = clearTimeout;
 function cloneHiddenInstance(instance) {
@@ -2127,15 +1676,290 @@ function cloneHiddenInstance(instance) {
     canonical: instance.canonical
   };
 }
-function describeComponentFrame(name, source, ownerName) {
-  source = "";
-  ownerName && (source = " (created by " + ownerName + ")");
-  return "\n    in " + (name || "Unknown") + source;
-}
-function describeFunctionComponentFrame(fn, source) {
-  return fn
-    ? describeComponentFrame(fn.displayName || fn.name || null, source, null)
-    : "";
+function getInstanceFromNode(node) {
+  return null != node.canonical && null != node.canonical.internalInstanceHandle
+    ? node.canonical.internalInstanceHandle
+    : node;
+}
+getFiberCurrentPropsFromNode$1 = function (instance) {
+  return instance.canonical.currentProps;
+};
+getInstanceFromNode$1 = getInstanceFromNode;
+getNodeFromInstance$1 = function (fiber) {
+  fiber = getPublicInstance(fiber.stateNode);
+  if (null == fiber) throw Error("Could not find host instance from fiber");
+  return fiber;
+};
+ResponderEventPlugin.injection.injectGlobalResponderHandler({
+  onChange: function (from, to, blockNativeResponder) {
+    from &&
+      from.stateNode &&
+      nativeFabricUIManager.setIsJSResponder(
+        from.stateNode.node,
+        !1,
+        blockNativeResponder || !1
+      );
+    to &&
+      to.stateNode &&
+      nativeFabricUIManager.setIsJSResponder(
+        to.stateNode.node,
+        !0,
+        blockNativeResponder || !1
+      );
+  }
+});
+var REACT_ELEMENT_TYPE = Symbol.for("react.element"),
+  REACT_PORTAL_TYPE = Symbol.for("react.portal"),
+  REACT_FRAGMENT_TYPE = Symbol.for("react.fragment"),
+  REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode"),
+  REACT_PROFILER_TYPE = Symbol.for("react.profiler"),
+  REACT_PROVIDER_TYPE = Symbol.for("react.provider"),
+  REACT_CONTEXT_TYPE = Symbol.for("react.context"),
+  REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref"),
+  REACT_SUSPENSE_TYPE = Symbol.for("react.suspense"),
+  REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list"),
+  REACT_MEMO_TYPE = Symbol.for("react.memo"),
+  REACT_LAZY_TYPE = Symbol.for("react.lazy");
+Symbol.for("react.scope");
+Symbol.for("react.debug_trace_mode");
+var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+Symbol.for("react.legacy_hidden");
+Symbol.for("react.cache");
+Symbol.for("react.tracing_marker");
+var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+function getIteratorFn(maybeIterable) {
+  if (null === maybeIterable || "object" !== typeof maybeIterable) return null;
+  maybeIterable =
+    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+    maybeIterable["@@iterator"];
+  return "function" === typeof maybeIterable ? maybeIterable : null;
+}
+var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
+function getComponentNameFromType(type) {
+  if (null == type) return null;
+  if ("function" === typeof type)
+    return type.$$typeof === REACT_CLIENT_REFERENCE
+      ? null
+      : type.displayName || type.name || null;
+  if ("string" === typeof type) return type;
+  switch (type) {
+    case REACT_FRAGMENT_TYPE:
+      return "Fragment";
+    case REACT_PORTAL_TYPE:
+      return "Portal";
+    case REACT_PROFILER_TYPE:
+      return "Profiler";
+    case REACT_STRICT_MODE_TYPE:
+      return "StrictMode";
+    case REACT_SUSPENSE_TYPE:
+      return "Suspense";
+    case REACT_SUSPENSE_LIST_TYPE:
+      return "SuspenseList";
+  }
+  if ("object" === typeof type)
+    switch (type.$$typeof) {
+      case REACT_CONTEXT_TYPE:
+        return (type.displayName || "Context") + ".Consumer";
+      case REACT_PROVIDER_TYPE:
+        return (type._context.displayName || "Context") + ".Provider";
+      case REACT_FORWARD_REF_TYPE:
+        var innerType = type.render;
+        type = type.displayName;
+        type ||
+          ((type = innerType.displayName || innerType.name || ""),
+          (type = "" !== type ? "ForwardRef(" + type + ")" : "ForwardRef"));
+        return type;
+      case REACT_MEMO_TYPE:
+        return (
+          (innerType = type.displayName || null),
+          null !== innerType
+            ? innerType
+            : getComponentNameFromType(type.type) || "Memo"
+        );
+      case REACT_LAZY_TYPE:
+        innerType = type._payload;
+        type = type._init;
+        try {
+          return getComponentNameFromType(type(innerType));
+        } catch (x) {}
+    }
+  return null;
+}
+function getComponentNameFromFiber(fiber) {
+  var type = fiber.type;
+  switch (fiber.tag) {
+    case 24:
+      return "Cache";
+    case 9:
+      return (type.displayName || "Context") + ".Consumer";
+    case 10:
+      return (type._context.displayName || "Context") + ".Provider";
+    case 18:
+      return "DehydratedFragment";
+    case 11:
+      return (
+        (fiber = type.render),
+        (fiber = fiber.displayName || fiber.name || ""),
+        type.displayName ||
+          ("" !== fiber ? "ForwardRef(" + fiber + ")" : "ForwardRef")
+      );
+    case 7:
+      return "Fragment";
+    case 26:
+    case 27:
+    case 5:
+      return type;
+    case 4:
+      return "Portal";
+    case 3:
+      return "Root";
+    case 6:
+      return "Text";
+    case 16:
+      return getComponentNameFromType(type);
+    case 8:
+      return type === REACT_STRICT_MODE_TYPE ? "StrictMode" : "Mode";
+    case 22:
+      return "Offscreen";
+    case 12:
+      return "Profiler";
+    case 21:
+      return "Scope";
+    case 13:
+      return "Suspense";
+    case 19:
+      return "SuspenseList";
+    case 25:
+      return "TracingMarker";
+    case 1:
+    case 0:
+    case 17:
+    case 2:
+    case 14:
+    case 15:
+      if ("function" === typeof type)
+        return type.displayName || type.name || null;
+      if ("string" === typeof type) return type;
+  }
+  return null;
+}
+function getNearestMountedFiber(fiber) {
+  var node = fiber,
+    nearestMounted = fiber;
+  if (fiber.alternate) for (; node.return; ) node = node.return;
+  else {
+    fiber = node;
+    do
+      (node = fiber),
+        0 !== (node.flags & 4098) && (nearestMounted = node.return),
+        (fiber = node.return);
+    while (fiber);
+  }
+  return 3 === node.tag ? nearestMounted : null;
+}
+function assertIsMounted(fiber) {
+  if (getNearestMountedFiber(fiber) !== fiber)
+    throw Error("Unable to find node on an unmounted component.");
+}
+function findCurrentFiberUsingSlowPath(fiber) {
+  var alternate = fiber.alternate;
+  if (!alternate) {
+    alternate = getNearestMountedFiber(fiber);
+    if (null === alternate)
+      throw Error("Unable to find node on an unmounted component.");
+    return alternate !== fiber ? null : fiber;
+  }
+  for (var a = fiber, b = alternate; ; ) {
+    var parentA = a.return;
+    if (null === parentA) break;
+    var parentB = parentA.alternate;
+    if (null === parentB) {
+      b = parentA.return;
+      if (null !== b) {
+        a = b;
+        continue;
+      }
+      break;
+    }
+    if (parentA.child === parentB.child) {
+      for (parentB = parentA.child; parentB; ) {
+        if (parentB === a) return assertIsMounted(parentA), fiber;
+        if (parentB === b) return assertIsMounted(parentA), alternate;
+        parentB = parentB.sibling;
+      }
+      throw Error("Unable to find node on an unmounted component.");
+    }
+    if (a.return !== b.return) (a = parentA), (b = parentB);
+    else {
+      for (var didFindChild = !1, child$9 = parentA.child; child$9; ) {
+        if (child$9 === a) {
+          didFindChild = !0;
+          a = parentA;
+          b = parentB;
+          break;
+        }
+        if (child$9 === b) {
+          didFindChild = !0;
+          b = parentA;
+          a = parentB;
+          break;
+        }
+        child$9 = child$9.sibling;
+      }
+      if (!didFindChild) {
+        for (child$9 = parentB.child; child$9; ) {
+          if (child$9 === a) {
+            didFindChild = !0;
+            a = parentB;
+            b = parentA;
+            break;
+          }
+          if (child$9 === b) {
+            didFindChild = !0;
+            b = parentB;
+            a = parentA;
+            break;
+          }
+          child$9 = child$9.sibling;
+        }
+        if (!didFindChild)
+          throw Error(
+            "Child was not found in either parent set. This indicates a bug in React related to the return pointer. Please file an issue."
+          );
+      }
+    }
+    if (a.alternate !== b)
+      throw Error(
+        "Return fibers should always be each others' alternates. This error is likely caused by a bug in React. Please file an issue."
+      );
+  }
+  if (3 !== a.tag)
+    throw Error("Unable to find node on an unmounted component.");
+  return a.stateNode.current === a ? fiber : alternate;
+}
+function findCurrentHostFiber(parent) {
+  parent = findCurrentFiberUsingSlowPath(parent);
+  return null !== parent ? findCurrentHostFiberImpl(parent) : null;
+}
+function findCurrentHostFiberImpl(node) {
+  var tag = node.tag;
+  if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return node;
+  for (node = node.child; null !== node; ) {
+    tag = findCurrentHostFiberImpl(node);
+    if (null !== tag) return tag;
+    node = node.sibling;
+  }
+  return null;
+}
+function describeComponentFrame(name, ownerName) {
+  var sourceInfo = "";
+  ownerName && (sourceInfo = " (created by " + ownerName + ")");
+  return "\n    in " + (name || "Unknown") + sourceInfo;
+}
+function describeFunctionComponentFrame(fn) {
+  return fn
+    ? describeComponentFrame(fn.displayName || fn.name || null, null)
+    : "";
 }
 var hasOwnProperty = Object.prototype.hasOwnProperty,
   valueStack = [],
@@ -2153,7 +1977,7 @@ function push(cursor, value) {
   cursor.current = value;
 }
 var emptyContextObject = {},
-  contextStackCursor = createCursor(emptyContextObject),
+  contextStackCursor$1 = createCursor(emptyContextObject),
   didPerformWorkStackCursor = createCursor(!1),
   previousContext = emptyContextObject;
 function getMaskedContext(workInProgress, unmaskedContext) {
@@ -2170,7 +1994,8 @@ function getMaskedContext(workInProgress, unmaskedContext) {
   for (key in contextTypes) context[key] = unmaskedContext[key];
   instance &&
     ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext =
+      unmaskedContext),
     (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
   return context;
 }
@@ -2180,14 +2005,14 @@ function isContextProvider(type) {
 }
 function popContext() {
   pop(didPerformWorkStackCursor);
-  pop(contextStackCursor);
+  pop(contextStackCursor$1);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
-  if (contextStackCursor.current !== emptyContextObject)
+  if (contextStackCursor$1.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context);
+  push(contextStackCursor$1, context);
   push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
@@ -2210,8 +2035,8 @@ function pushContextProvider(workInProgress) {
     ((workInProgress = workInProgress.stateNode) &&
       workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
-  previousContext = contextStackCursor.current;
-  push(contextStackCursor, workInProgress);
+  previousContext = contextStackCursor$1.current;
+  push(contextStackCursor$1, workInProgress);
   push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
@@ -2229,8 +2054,8 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       )),
       (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
       pop(didPerformWorkStackCursor),
-      pop(contextStackCursor),
-      push(contextStackCursor, workInProgress))
+      pop(contextStackCursor$1),
+      push(contextStackCursor$1, workInProgress))
     : pop(didPerformWorkStackCursor);
   push(didPerformWorkStackCursor, didChange);
 }
@@ -2238,190 +2063,327 @@ function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
 var objectIs = "function" === typeof Object.is ? Object.is : is,
-  syncQueue = null,
-  includesLegacySyncCallbacks = !1,
-  isFlushingSyncQueue = !1;
-function flushSyncCallbacks() {
-  if (!isFlushingSyncQueue && null !== syncQueue) {
-    isFlushingSyncQueue = !0;
-    var i = 0,
-      previousUpdatePriority = currentUpdatePriority;
-    try {
-      var queue = syncQueue;
-      for (currentUpdatePriority = 1; i < queue.length; i++) {
-        var callback = queue[i];
-        do callback = callback(!0);
-        while (null !== callback);
-      }
-      syncQueue = null;
-      includesLegacySyncCallbacks = !1;
-    } catch (error) {
-      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
-      scheduleCallback(ImmediatePriority, flushSyncCallbacks),
-      error);
-    } finally {
-      (currentUpdatePriority = previousUpdatePriority),
-        (isFlushingSyncQueue = !1);
-    }
-  }
-  return null;
-}
-var forkStack = [],
-  forkStackIndex = 0,
-  treeForkProvider = null,
-  idStack = [],
-  idStackIndex = 0,
-  treeContextProvider = null;
-function popTreeContext(workInProgress) {
-  for (; workInProgress === treeForkProvider; )
-    (treeForkProvider = forkStack[--forkStackIndex]),
-      (forkStack[forkStackIndex] = null),
-      --forkStackIndex,
-      (forkStack[forkStackIndex] = null);
-  for (; workInProgress === treeContextProvider; )
-    (treeContextProvider = idStack[--idStackIndex]),
-      (idStack[idStackIndex] = null),
-      --idStackIndex,
-      (idStack[idStackIndex] = null),
-      --idStackIndex,
-      (idStack[idStackIndex] = null);
-}
-var hydrationErrors = null,
-  ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
-function shallowEqual(objA, objB) {
-  if (objectIs(objA, objB)) return !0;
-  if (
-    "object" !== typeof objA ||
-    null === objA ||
-    "object" !== typeof objB ||
-    null === objB
-  )
-    return !1;
-  var keysA = Object.keys(objA),
-    keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) return !1;
-  for (keysB = 0; keysB < keysA.length; keysB++) {
-    var currentKey = keysA[keysB];
-    if (
-      !hasOwnProperty.call(objB, currentKey) ||
-      !objectIs(objA[currentKey], objB[currentKey])
-    )
-      return !1;
-  }
-  return !0;
-}
-function describeFiber(fiber) {
-  switch (fiber.tag) {
-    case 5:
-      return describeComponentFrame(fiber.type, null, null);
-    case 16:
-      return describeComponentFrame("Lazy", null, null);
-    case 13:
-      return describeComponentFrame("Suspense", null, null);
-    case 19:
-      return describeComponentFrame("SuspenseList", null, null);
-    case 0:
-    case 2:
-    case 15:
-      return describeFunctionComponentFrame(fiber.type, null);
-    case 11:
-      return describeFunctionComponentFrame(fiber.type.render, null);
-    case 1:
-      return (fiber = describeFunctionComponentFrame(fiber.type, null)), fiber;
-    default:
-      return "";
-  }
+  contextStackCursor = createCursor(null),
+  contextFiberStackCursor = createCursor(null),
+  rootInstanceStackCursor = createCursor(null);
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor, null);
+  pop(contextStackCursor);
+  push(contextStackCursor, { isInAParentText: !1 });
 }
-function resolveDefaultProps(Component, baseProps) {
-  if (Component && Component.defaultProps) {
-    baseProps = assign({}, baseProps);
-    Component = Component.defaultProps;
-    for (var propName in Component)
-      void 0 === baseProps[propName] &&
-        (baseProps[propName] = Component[propName]);
-    return baseProps;
-  }
-  return baseProps;
+function popHostContainer() {
+  pop(contextStackCursor);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
 }
-var valueCursor = createCursor(null),
-  currentlyRenderingFiber = null,
-  lastContextDependency = null,
-  lastFullyObservedContext = null;
-function resetContextDependencies() {
-  lastFullyObservedContext = lastContextDependency = currentlyRenderingFiber = null;
+function pushHostContext(fiber) {
+  var context = contextStackCursor.current;
+  var JSCompiler_inline_result = fiber.type;
+  JSCompiler_inline_result =
+    "AndroidTextInput" === JSCompiler_inline_result ||
+    "RCTMultilineTextInputView" === JSCompiler_inline_result ||
+    "RCTSinglelineTextInputView" === JSCompiler_inline_result ||
+    "RCTText" === JSCompiler_inline_result ||
+    "RCTVirtualText" === JSCompiler_inline_result;
+  JSCompiler_inline_result =
+    context.isInAParentText !== JSCompiler_inline_result
+      ? { isInAParentText: JSCompiler_inline_result }
+      : context;
+  context !== JSCompiler_inline_result &&
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor, JSCompiler_inline_result));
 }
-function popProvider(context) {
-  var currentValue = valueCursor.current;
-  pop(valueCursor);
-  context._currentValue2 = currentValue;
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor), pop(contextFiberStackCursor));
 }
-function scheduleContextWorkOnParentPath(parent, renderLanes, propagationRoot) {
-  for (; null !== parent; ) {
-    var alternate = parent.alternate;
-    (parent.childLanes & renderLanes) !== renderLanes
-      ? ((parent.childLanes |= renderLanes),
-        null !== alternate && (alternate.childLanes |= renderLanes))
-      : null !== alternate &&
-        (alternate.childLanes & renderLanes) !== renderLanes &&
-        (alternate.childLanes |= renderLanes);
-    if (parent === propagationRoot) break;
-    parent = parent.return;
+var hydrationErrors = null,
+  concurrentQueues = [],
+  concurrentQueuesIndex = 0,
+  concurrentlyUpdatedLanes = 0;
+function finishQueueingConcurrentUpdates() {
+  for (
+    var endIndex = concurrentQueuesIndex,
+      i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+    i < endIndex;
+
+  ) {
+    var fiber = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var queue = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var update = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var lane = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    if (null !== queue && null !== update) {
+      var pending = queue.pending;
+      null === pending
+        ? (update.next = update)
+        : ((update.next = pending.next), (pending.next = update));
+      queue.pending = update;
+    }
+    0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
   }
 }
-function prepareToReadContext(workInProgress, renderLanes) {
-  currentlyRenderingFiber = workInProgress;
-  lastFullyObservedContext = lastContextDependency = null;
-  workInProgress = workInProgress.dependencies;
-  null !== workInProgress &&
-    null !== workInProgress.firstContext &&
-    (0 !== (workInProgress.lanes & renderLanes) && (didReceiveUpdate = !0),
-    (workInProgress.firstContext = null));
-}
-function readContext(context) {
-  var value = context._currentValue2;
-  if (lastFullyObservedContext !== context)
-    if (
-      ((context = { context: context, memoizedValue: value, next: null }),
-      null === lastContextDependency)
-    ) {
-      if (null === currentlyRenderingFiber)
-        throw Error(
-          "Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo()."
-        );
-      lastContextDependency = context;
-      currentlyRenderingFiber.dependencies = {
-        lanes: 0,
-        firstContext: context
-      };
-    } else lastContextDependency = lastContextDependency.next = context;
-  return value;
-}
-var concurrentQueues = null;
-function pushConcurrentUpdateQueue(queue) {
-  null === concurrentQueues
-    ? (concurrentQueues = [queue])
-    : concurrentQueues.push(queue);
-}
-function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-  var interleaved = queue.interleaved;
-  null === interleaved
-    ? ((update.next = update), pushConcurrentUpdateQueue(queue))
-    : ((update.next = interleaved.next), (interleaved.next = update));
-  queue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
-}
-function markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
+function enqueueUpdate$1(fiber, queue, update, lane) {
+  concurrentQueues[concurrentQueuesIndex++] = fiber;
+  concurrentQueues[concurrentQueuesIndex++] = queue;
+  concurrentQueues[concurrentQueuesIndex++] = update;
+  concurrentQueues[concurrentQueuesIndex++] = lane;
+  concurrentlyUpdatedLanes |= lane;
+  fiber.lanes |= lane;
+  fiber = fiber.alternate;
+  null !== fiber && (fiber.lanes |= lane);
+}
+function enqueueConcurrentRenderForLane(fiber, lane) {
+  enqueueUpdate$1(fiber, null, null, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
   sourceFiber.lanes |= lane;
   var alternate = sourceFiber.alternate;
   null !== alternate && (alternate.lanes |= lane);
-  alternate = sourceFiber;
-  for (sourceFiber = sourceFiber.return; null !== sourceFiber; )
-    (sourceFiber.childLanes |= lane),
-      (alternate = sourceFiber.alternate),
+  for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+    (parent.childLanes |= lane),
+      (alternate = parent.alternate),
       null !== alternate && (alternate.childLanes |= lane),
-      (alternate = sourceFiber),
-      (sourceFiber = sourceFiber.return);
-  return 3 === alternate.tag ? alternate.stateNode : null;
+      22 === parent.tag &&
+        ((sourceFiber = parent.stateNode),
+        null === sourceFiber || sourceFiber._visibility & 1 || (isHidden = !0)),
+      (sourceFiber = parent),
+      (parent = parent.return);
+  isHidden &&
+    null !== update &&
+    3 === sourceFiber.tag &&
+    ((parent = sourceFiber.stateNode),
+    (isHidden = 31 - clz32(lane)),
+    (parent = parent.hiddenUpdates),
+    (sourceFiber = parent[isHidden]),
+    null === sourceFiber
+      ? (parent[isHidden] = [update])
+      : sourceFiber.push(update),
+    (update.lane = lane | 536870912));
+}
+function getRootForUpdatedFiber(sourceFiber) {
+  if (50 < nestedUpdateCount)
+    throw (
+      ((nestedUpdateCount = 0),
+      (rootWithNestedUpdates = null),
+      Error(
+        "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
+      ))
+    );
+  for (var parent = sourceFiber.return; null !== parent; )
+    (sourceFiber = parent), (parent = sourceFiber.return);
+  return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
+}
+var firstScheduledRoot = null,
+  lastScheduledRoot = null,
+  didScheduleMicrotask = !1,
+  mightHavePendingSyncWork = !1,
+  isFlushingWork = !1,
+  currentEventTransitionLane = 0;
+function ensureRootIsScheduled(root) {
+  root !== lastScheduledRoot &&
+    null === root.next &&
+    (null === lastScheduledRoot
+      ? (firstScheduledRoot = lastScheduledRoot = root)
+      : (lastScheduledRoot = lastScheduledRoot.next = root));
+  mightHavePendingSyncWork = !0;
+  didScheduleMicrotask ||
+    ((didScheduleMicrotask = !0),
+    scheduleCallback$2(ImmediatePriority, processRootScheduleInMicrotask));
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+}
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (!isFlushingWork && mightHavePendingSyncWork) {
+    var errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root = firstScheduledRoot; null !== root; ) {
+        if (!onlyLegacy || 0 === root.tag) {
+          var workInProgressRootRenderLanes$11 = workInProgressRootRenderLanes,
+            nextLanes = getNextLanes(
+              root,
+              root === workInProgressRoot ? workInProgressRootRenderLanes$11 : 0
+            );
+          if (0 !== (nextLanes & 3))
+            try {
+              didPerformSomeWork = !0;
+              workInProgressRootRenderLanes$11 = root;
+              if (0 !== (executionContext & 6))
+                throw Error("Should not already be working.");
+              if (!flushPassiveEffects()) {
+                currentUpdateIsNested = nestedUpdateScheduled;
+                nestedUpdateScheduled = !1;
+                var exitStatus = renderRootSync(
+                  workInProgressRootRenderLanes$11,
+                  nextLanes
+                );
+                if (
+                  0 !== workInProgressRootRenderLanes$11.tag &&
+                  2 === exitStatus
+                ) {
+                  var originallyAttemptedLanes = nextLanes,
+                    errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                      workInProgressRootRenderLanes$11,
+                      originallyAttemptedLanes
+                    );
+                  0 !== errorRetryLanes &&
+                    ((nextLanes = errorRetryLanes),
+                    (exitStatus = recoverFromConcurrentError(
+                      workInProgressRootRenderLanes$11,
+                      originallyAttemptedLanes,
+                      errorRetryLanes
+                    )));
+                }
+                if (1 === exitStatus)
+                  throw (
+                    ((originallyAttemptedLanes = workInProgressRootFatalError),
+                    prepareFreshStack(workInProgressRootRenderLanes$11, 0),
+                    markRootSuspended(
+                      workInProgressRootRenderLanes$11,
+                      nextLanes,
+                      0
+                    ),
+                    ensureRootIsScheduled(workInProgressRootRenderLanes$11),
+                    originallyAttemptedLanes)
+                  );
+                6 === exitStatus
+                  ? markRootSuspended(
+                      workInProgressRootRenderLanes$11,
+                      nextLanes,
+                      workInProgressDeferredLane
+                    )
+                  : ((workInProgressRootRenderLanes$11.finishedWork =
+                      workInProgressRootRenderLanes$11.current.alternate),
+                    (workInProgressRootRenderLanes$11.finishedLanes =
+                      nextLanes),
+                    commitRoot(
+                      workInProgressRootRenderLanes$11,
+                      workInProgressRootRecoverableErrors,
+                      workInProgressTransitions,
+                      workInProgressDeferredLane
+                    ));
+              }
+              ensureRootIsScheduled(workInProgressRootRenderLanes$11);
+            } catch (error) {
+              null === errors ? (errors = [error]) : errors.push(error);
+            }
+        }
+        root = root.next;
+      }
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          (didPerformSomeWork = throwError.bind(null, errors[onlyLegacy])),
+            scheduleCallback$2(ImmediatePriority, didPerformSomeWork);
+      }
+      throw errors[0];
+    }
+  }
+}
+function throwError(error) {
+  throw error;
+}
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now$1(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next,
+      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
+  }
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
+}
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -62914561;
+    0 < lanes;
+
+  ) {
+    var index$3 = 31 - clz32(lanes),
+      lane = 1 << index$3,
+      expirationTime = expirationTimes[index$3];
+    if (-1 === expirationTime) {
+      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
+        expirationTimes[index$3] = computeExpirationTime(lane, currentTime);
+    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
+    lanes &= ~lane;
+  }
+  currentTime = workInProgressRoot;
+  suspendedLanes = workInProgressRootRenderLanes;
+  suspendedLanes = getNextLanes(
+    root,
+    root === currentTime ? suspendedLanes : 0
+  );
+  pingedLanes = root.callbackNode;
+  if (
+    0 === suspendedLanes ||
+    (root === currentTime && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackNode = null),
+      (root.callbackPriority = 0)
+    );
+  if (0 !== (suspendedLanes & 3))
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackPriority = 2),
+      (root.callbackNode = null),
+      2
+    );
+  currentTime = suspendedLanes & -suspendedLanes;
+  if (currentTime === root.callbackPriority) return currentTime;
+  null !== pingedLanes && cancelCallback$1(pingedLanes);
+  switch (lanesToEventPriority(suspendedLanes)) {
+    case 2:
+      suspendedLanes = ImmediatePriority;
+      break;
+    case 8:
+      suspendedLanes = UserBlockingPriority;
+      break;
+    case 32:
+      suspendedLanes = NormalPriority;
+      break;
+    case 268435456:
+      suspendedLanes = IdlePriority;
+      break;
+    default:
+      suspendedLanes = NormalPriority;
+  }
+  pingedLanes = performConcurrentWorkOnRoot.bind(null, root);
+  suspendedLanes = scheduleCallback$2(suspendedLanes, pingedLanes);
+  root.callbackPriority = currentTime;
+  root.callbackNode = suspendedLanes;
+  return currentTime;
 }
 var hasForceUpdate = !1;
 function initializeUpdateQueue(fiber) {
@@ -2429,8 +2391,8 @@ function initializeUpdateQueue(fiber) {
     baseState: fiber.memoizedState,
     firstBaseUpdate: null,
     lastBaseUpdate: null,
-    shared: { pending: null, interleaved: null, lanes: 0 },
-    effects: null
+    shared: { pending: null, lanes: 0, hiddenCallbacks: null },
+    callbacks: null
   };
 }
 function cloneUpdateQueue(current, workInProgress) {
@@ -2441,18 +2403,11 @@ function cloneUpdateQueue(current, workInProgress) {
       firstBaseUpdate: current.firstBaseUpdate,
       lastBaseUpdate: current.lastBaseUpdate,
       shared: current.shared,
-      effects: current.effects
+      callbacks: null
     });
 }
-function createUpdate(eventTime, lane) {
-  return {
-    eventTime: eventTime,
-    lane: lane,
-    tag: 0,
-    payload: null,
-    callback: null,
-    next: null
-  };
+function createUpdate(lane) {
+  return { lane: lane, tag: 0, payload: null, callback: null, next: null };
 }
 function enqueueUpdate(fiber, update, lane) {
   var updateQueue = fiber.updateQueue;
@@ -2464,18 +2419,16 @@ function enqueueUpdate(fiber, update, lane) {
       ? (update.next = update)
       : ((update.next = pending.next), (pending.next = update));
     updateQueue.pending = update;
-    return markUpdateLaneFromFiberToRoot(fiber, lane);
+    update = getRootForUpdatedFiber(fiber);
+    markUpdateLaneFromFiberToRoot(fiber, null, lane);
+    return update;
   }
-  pending = updateQueue.interleaved;
-  null === pending
-    ? ((update.next = update), pushConcurrentUpdateQueue(updateQueue))
-    : ((update.next = pending.next), (pending.next = update));
-  updateQueue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
+  enqueueUpdate$1(fiber, updateQueue, update, lane);
+  return getRootForUpdatedFiber(fiber);
 }
 function entangleTransitions(root, fiber, lane) {
   fiber = fiber.updateQueue;
-  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194240))) {
+  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194176))) {
     var queueLanes = fiber.lanes;
     queueLanes &= root.pendingLanes;
     lane |= queueLanes;
@@ -2496,11 +2449,10 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
     if (null !== queue) {
       do {
         var clone = {
-          eventTime: queue.eventTime,
           lane: queue.lane,
           tag: queue.tag,
           payload: queue.payload,
-          callback: queue.callback,
+          callback: null,
           next: null
         };
         null === newLast
@@ -2517,7 +2469,7 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
       firstBaseUpdate: newFirst,
       lastBaseUpdate: newLast,
       shared: current.shared,
-      effects: current.effects
+      callbacks: current.callbacks
     };
     workInProgress.updateQueue = queue;
     return;
@@ -2531,7 +2483,7 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
 function processUpdateQueue(
   workInProgress$jscomp$0,
   props,
-  instance,
+  instance$jscomp$0,
   renderLanes
 ) {
   var queue = workInProgress$jscomp$0.updateQueue;
@@ -2564,32 +2516,32 @@ function processUpdateQueue(
     current = firstPendingUpdate = lastPendingUpdate = null;
     pendingQueue = firstBaseUpdate;
     do {
-      var updateLane = pendingQueue.lane,
-        updateEventTime = pendingQueue.eventTime;
-      if ((renderLanes & updateLane) === updateLane) {
+      var updateLane = pendingQueue.lane & -536870913,
+        isHiddenUpdate = updateLane !== pendingQueue.lane;
+      if (
+        isHiddenUpdate
+          ? (workInProgressRootRenderLanes & updateLane) === updateLane
+          : (renderLanes & updateLane) === updateLane
+      ) {
         null !== current &&
-          (current = current.next = {
-            eventTime: updateEventTime,
-            lane: 0,
-            tag: pendingQueue.tag,
-            payload: pendingQueue.payload,
-            callback: pendingQueue.callback,
-            next: null
-          });
+          (current = current.next =
+            {
+              lane: 0,
+              tag: pendingQueue.tag,
+              payload: pendingQueue.payload,
+              callback: null,
+              next: null
+            });
         a: {
           var workInProgress = workInProgress$jscomp$0,
             update = pendingQueue;
           updateLane = props;
-          updateEventTime = instance;
+          var instance = instance$jscomp$0;
           switch (update.tag) {
             case 1:
               workInProgress = update.payload;
               if ("function" === typeof workInProgress) {
-                newState = workInProgress.call(
-                  updateEventTime,
-                  newState,
-                  updateLane
-                );
+                newState = workInProgress.call(instance, newState, updateLane);
                 break a;
               }
               newState = workInProgress;
@@ -2600,7 +2552,7 @@ function processUpdateQueue(
               workInProgress = update.payload;
               updateLane =
                 "function" === typeof workInProgress
-                  ? workInProgress.call(updateEventTime, newState, updateLane)
+                  ? workInProgress.call(instance, newState, updateLane)
                   : workInProgress;
               if (null === updateLane || void 0 === updateLane) break a;
               newState = assign({}, newState, updateLane);
@@ -2609,16 +2561,16 @@ function processUpdateQueue(
               hasForceUpdate = !0;
           }
         }
-        null !== pendingQueue.callback &&
-          0 !== pendingQueue.lane &&
+        updateLane = pendingQueue.callback;
+        null !== updateLane &&
           ((workInProgress$jscomp$0.flags |= 64),
-          (updateLane = queue.effects),
-          null === updateLane
-            ? (queue.effects = [pendingQueue])
-            : updateLane.push(pendingQueue));
+          isHiddenUpdate && (workInProgress$jscomp$0.flags |= 8192),
+          (isHiddenUpdate = queue.callbacks),
+          null === isHiddenUpdate
+            ? (queue.callbacks = [updateLane])
+            : isHiddenUpdate.push(updateLane));
       } else
-        (updateEventTime = {
-          eventTime: updateEventTime,
+        (isHiddenUpdate = {
           lane: updateLane,
           tag: pendingQueue.tag,
           payload: pendingQueue.payload,
@@ -2626,208 +2578,185 @@ function processUpdateQueue(
           next: null
         }),
           null === current
-            ? ((firstPendingUpdate = current = updateEventTime),
+            ? ((firstPendingUpdate = current = isHiddenUpdate),
               (lastPendingUpdate = newState))
-            : (current = current.next = updateEventTime),
+            : (current = current.next = isHiddenUpdate),
           (lastBaseUpdate |= updateLane);
       pendingQueue = pendingQueue.next;
       if (null === pendingQueue)
         if (((pendingQueue = queue.shared.pending), null === pendingQueue))
           break;
         else
-          (updateLane = pendingQueue),
-            (pendingQueue = updateLane.next),
-            (updateLane.next = null),
-            (queue.lastBaseUpdate = updateLane),
+          (isHiddenUpdate = pendingQueue),
+            (pendingQueue = isHiddenUpdate.next),
+            (isHiddenUpdate.next = null),
+            (queue.lastBaseUpdate = isHiddenUpdate),
             (queue.shared.pending = null);
     } while (1);
     null === current && (lastPendingUpdate = newState);
     queue.baseState = lastPendingUpdate;
     queue.firstBaseUpdate = firstPendingUpdate;
     queue.lastBaseUpdate = current;
-    props = queue.shared.interleaved;
-    if (null !== props) {
-      queue = props;
-      do (lastBaseUpdate |= queue.lane), (queue = queue.next);
-      while (queue !== props);
-    } else null === firstBaseUpdate && (queue.shared.lanes = 0);
+    null === firstBaseUpdate && (queue.shared.lanes = 0);
     workInProgressRootSkippedLanes |= lastBaseUpdate;
     workInProgress$jscomp$0.lanes = lastBaseUpdate;
     workInProgress$jscomp$0.memoizedState = newState;
   }
 }
-function commitUpdateQueue(finishedWork, finishedQueue, instance) {
-  finishedWork = finishedQueue.effects;
-  finishedQueue.effects = null;
-  if (null !== finishedWork)
+function callCallback(callback, context) {
+  if ("function" !== typeof callback)
+    throw Error(
+      "Invalid argument passed as callback. Expected a function. Instead received: " +
+        callback
+    );
+  callback.call(context);
+}
+function commitCallbacks(updateQueue, context) {
+  var callbacks = updateQueue.callbacks;
+  if (null !== callbacks)
     for (
-      finishedQueue = 0;
-      finishedQueue < finishedWork.length;
-      finishedQueue++
-    ) {
-      var effect = finishedWork[finishedQueue],
-        callback = effect.callback;
-      if (null !== callback) {
-        effect.callback = null;
-        if ("function" !== typeof callback)
-          throw Error(
-            "Invalid argument passed as callback. Expected a function. Instead received: " +
-              callback
-          );
-        callback.call(instance);
-      }
-    }
+      updateQueue.callbacks = null, updateQueue = 0;
+      updateQueue < callbacks.length;
+      updateQueue++
+    )
+      callCallback(callbacks[updateQueue], context);
 }
-var emptyRefsObject = new React.Component().refs;
-function applyDerivedStateFromProps(
-  workInProgress,
-  ctor,
-  getDerivedStateFromProps,
-  nextProps
-) {
-  ctor = workInProgress.memoizedState;
-  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
-  getDerivedStateFromProps =
-    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
-      ? ctor
-      : assign({}, ctor, getDerivedStateFromProps);
-  workInProgress.memoizedState = getDerivedStateFromProps;
-  0 === workInProgress.lanes &&
-    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
+function shallowEqual(objA, objB) {
+  if (objectIs(objA, objB)) return !0;
+  if (
+    "object" !== typeof objA ||
+    null === objA ||
+    "object" !== typeof objB ||
+    null === objB
+  )
+    return !1;
+  var keysA = Object.keys(objA),
+    keysB = Object.keys(objB);
+  if (keysA.length !== keysB.length) return !1;
+  for (keysB = 0; keysB < keysA.length; keysB++) {
+    var currentKey = keysA[keysB];
+    if (
+      !hasOwnProperty.call(objB, currentKey) ||
+      !objectIs(objA[currentKey], objB[currentKey])
+    )
+      return !1;
+  }
+  return !0;
 }
-var classComponentUpdater = {
-  isMounted: function(component) {
-    return (component = component._reactInternals)
-      ? getNearestMountedFiber(component) === component
-      : !1;
-  },
-  enqueueSetState: function(inst, payload, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane, eventTime),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueReplaceState: function(inst, payload, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.tag = 1;
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane, eventTime),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueForceUpdate: function(inst, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.tag = 2;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    callback = enqueueUpdate(inst, update, lane);
-    null !== callback &&
-      (scheduleUpdateOnFiber(callback, inst, lane, eventTime),
-      entangleTransitions(callback, inst, lane));
+function describeFiber(fiber) {
+  switch (fiber.tag) {
+    case 26:
+    case 27:
+    case 5:
+      return describeComponentFrame(fiber.type, null);
+    case 16:
+      return describeComponentFrame("Lazy", null);
+    case 13:
+      return describeComponentFrame("Suspense", null);
+    case 19:
+      return describeComponentFrame("SuspenseList", null);
+    case 0:
+    case 2:
+    case 15:
+      return describeFunctionComponentFrame(fiber.type);
+    case 11:
+      return describeFunctionComponentFrame(fiber.type.render);
+    case 1:
+      return (fiber = describeFunctionComponentFrame(fiber.type)), fiber;
+    default:
+      return "";
   }
-};
-function checkShouldComponentUpdate(
-  workInProgress,
-  ctor,
-  oldProps,
-  newProps,
-  oldState,
-  newState,
-  nextContext
-) {
-  workInProgress = workInProgress.stateNode;
-  return "function" === typeof workInProgress.shouldComponentUpdate
-    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
-    : ctor.prototype && ctor.prototype.isPureReactComponent
-    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-    : !0;
 }
-function constructClassInstance(workInProgress, ctor, props) {
-  var isLegacyContextConsumer = !1,
-    unmaskedContext = emptyContextObject;
-  var context = ctor.contextType;
-  "object" === typeof context && null !== context
-    ? (context = readContext(context))
-    : ((unmaskedContext = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (isLegacyContextConsumer = ctor.contextTypes),
-      (context = (isLegacyContextConsumer =
-        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
-        ? getMaskedContext(workInProgress, unmaskedContext)
-        : emptyContextObject));
-  ctor = new ctor(props, context);
-  workInProgress.memoizedState =
-    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
-  ctor.updater = classComponentUpdater;
-  workInProgress.stateNode = ctor;
-  ctor._reactInternals = workInProgress;
-  isLegacyContextConsumer &&
-    ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-  return ctor;
+var SuspenseException = Error(
+    "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"
+  ),
+  SuspenseyCommitException = Error(
+    "Suspense Exception: This is not a real error, and should not leak into userspace. If you're seeing this, it's likely a bug in React."
+  ),
+  noopSuspenseyCommitThenable = { then: function () {} };
+function isThenableResolved(thenable) {
+  thenable = thenable.status;
+  return "fulfilled" === thenable || "rejected" === thenable;
+}
+function noop() {}
+function trackUsedThenable(thenableState, thenable, index) {
+  index = thenableState[index];
+  void 0 === index
+    ? thenableState.push(thenable)
+    : index !== thenable && (thenable.then(noop, noop), (thenable = index));
+  switch (thenable.status) {
+    case "fulfilled":
+      return thenable.value;
+    case "rejected":
+      throw (
+        ((thenableState = thenable.reason),
+        checkIfUseWrappedInAsyncCatch(thenableState),
+        thenableState)
+      );
+    default:
+      if ("string" === typeof thenable.status) thenable.then(noop, noop);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
+          throw Error(
+            "async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
+          );
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
+            }
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+        switch (thenable.status) {
+          case "fulfilled":
+            return thenable.value;
+          case "rejected":
+            throw (
+              ((thenableState = thenable.reason),
+              checkIfUseWrappedInAsyncCatch(thenableState),
+              thenableState)
+            );
+        }
+      }
+      suspendedThenable = thenable;
+      throw SuspenseException;
+  }
 }
-function callComponentWillReceiveProps(
-  workInProgress,
-  instance,
-  newProps,
-  nextContext
-) {
-  workInProgress = instance.state;
-  "function" === typeof instance.componentWillReceiveProps &&
-    instance.componentWillReceiveProps(newProps, nextContext);
-  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
-    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
-  instance.state !== workInProgress &&
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  if (null === suspendedThenable)
+    throw Error(
+      "Expected a suspended thenable. This is a bug in React. Please file an issue."
+    );
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
 }
-function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
-  var instance = workInProgress.stateNode;
-  instance.props = newProps;
-  instance.state = workInProgress.memoizedState;
-  instance.refs = emptyRefsObject;
-  initializeUpdateQueue(workInProgress);
-  var contextType = ctor.contextType;
-  "object" === typeof contextType && null !== contextType
-    ? (instance.context = readContext(contextType))
-    : ((contextType = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (instance.context = getMaskedContext(workInProgress, contextType)));
-  instance.state = workInProgress.memoizedState;
-  contextType = ctor.getDerivedStateFromProps;
-  "function" === typeof contextType &&
-    (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
-    (instance.state = workInProgress.memoizedState));
-  "function" === typeof ctor.getDerivedStateFromProps ||
-    "function" === typeof instance.getSnapshotBeforeUpdate ||
-    ("function" !== typeof instance.UNSAFE_componentWillMount &&
-      "function" !== typeof instance.componentWillMount) ||
-    ((ctor = instance.state),
-    "function" === typeof instance.componentWillMount &&
-      instance.componentWillMount(),
-    "function" === typeof instance.UNSAFE_componentWillMount &&
-      instance.UNSAFE_componentWillMount(),
-    ctor !== instance.state &&
-      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
-    processUpdateQueue(workInProgress, newProps, instance, renderLanes),
-    (instance.state = workInProgress.memoizedState));
-  "function" === typeof instance.componentDidMount &&
-    (workInProgress.flags |= 4);
+function checkIfUseWrappedInAsyncCatch(rejectedReason) {
+  if (rejectedReason === SuspenseException)
+    throw Error(
+      "Hooks are not supported inside an async component. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
+    );
+}
+var thenableState$1 = null,
+  thenableIndexCounter$1 = 0;
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter$1;
+  thenableIndexCounter$1 += 1;
+  null === thenableState$1 && (thenableState$1 = []);
+  return trackUsedThenable(thenableState$1, thenable, index);
 }
 function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
@@ -2841,7 +2770,7 @@ function coerceRef(returnFiber, current, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://react.dev/reference/react/Component#refs"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2860,9 +2789,8 @@ function coerceRef(returnFiber, current, element) {
         current.ref._stringRef === stringRef
       )
         return current.ref;
-      current = function(value) {
+      current = function (value) {
         var refs = resolvedInst.refs;
-        refs === emptyRefsObject && (refs = resolvedInst.refs = {});
         null === value ? delete refs[stringRef] : (refs[stringRef] = value);
       };
       current._stringRef = stringRef;
@@ -2876,7 +2804,7 @@ function coerceRef(returnFiber, current, element) {
       throw Error(
         "Element ref was specified as a string (" +
           returnFiber +
-          ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://legacy.reactjs.org/warnings/refs-must-have-owner.html for more information."
+          ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://reactjs.org/link/refs-must-have-owner for more information."
       );
   }
   return returnFiber;
@@ -2895,7 +2823,7 @@ function resolveLazy(lazyType) {
   var init = lazyType._init;
   return init(lazyType._payload);
 }
-function ChildReconciler(shouldTrackSideEffects) {
+function createChildReconciler(shouldTrackSideEffects) {
   function deleteChild(returnFiber, childToDelete) {
     if (shouldTrackSideEffects) {
       var deletions = returnFiber.deletions;
@@ -2934,16 +2862,16 @@ function ChildReconciler(shouldTrackSideEffects) {
       return (
         (newIndex = newIndex.index),
         newIndex < lastPlacedIndex
-          ? ((newFiber.flags |= 2), lastPlacedIndex)
+          ? ((newFiber.flags |= 33554434), lastPlacedIndex)
           : newIndex
       );
-    newFiber.flags |= 2;
+    newFiber.flags |= 33554434;
     return lastPlacedIndex;
   }
   function placeSingleChild(newFiber) {
     shouldTrackSideEffects &&
       null === newFiber.alternate &&
-      (newFiber.flags |= 2);
+      (newFiber.flags |= 33554434);
     return newFiber;
   }
   function updateTextNode(returnFiber, current, textContent, lanes) {
@@ -3080,6 +3008,14 @@ function ChildReconciler(shouldTrackSideEffects) {
           (newChild.return = returnFiber),
           newChild
         );
+      if ("function" === typeof newChild.then)
+        return createChild(returnFiber, unwrapThenable(newChild), lanes);
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return createChild(
+          returnFiber,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3113,6 +3049,20 @@ function ChildReconciler(shouldTrackSideEffects) {
         return null !== key
           ? null
           : updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+      if ("function" === typeof newChild.then)
+        return updateSlot(
+          returnFiber,
+          oldFiber,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return updateSlot(
+          returnFiber,
+          oldFiber,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3165,6 +3115,22 @@ function ChildReconciler(shouldTrackSideEffects) {
           (existingChildren = existingChildren.get(newIdx) || null),
           updateFragment(returnFiber, existingChildren, newChild, lanes, null)
         );
+      if ("function" === typeof newChild.then)
+        return updateFromMap(
+          existingChildren,
+          returnFiber,
+          newIdx,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return updateFromMap(
+          existingChildren,
+          returnFiber,
+          newIdx,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3255,7 +3221,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             : (previousNewFiber.sibling = nextOldFiber),
           (previousNewFiber = nextOldFiber));
     shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
+      oldFiber.forEach(function (child) {
         return deleteChild(returnFiber, child);
       });
     return resultingFirstChild;
@@ -3331,12 +3297,12 @@ function ChildReconciler(shouldTrackSideEffects) {
             : (previousNewFiber.sibling = step),
           (previousNewFiber = step));
     shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
+      oldFiber.forEach(function (child) {
         return deleteChild(returnFiber, child);
       });
     return iteratorFn;
   }
-  function reconcileChildFibers(
+  function reconcileChildFibersImpl(
     returnFiber,
     currentFirstChild,
     newChild,
@@ -3481,6 +3447,20 @@ function ChildReconciler(shouldTrackSideEffects) {
           newChild,
           lanes
         );
+      if ("function" === typeof newChild.then)
+        return reconcileChildFibersImpl(
+          returnFiber,
+          currentFirstChild,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return reconcileChildFibersImpl(
+          returnFiber,
+          currentFirstChild,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return ("string" === typeof newChild && "" !== newChild) ||
@@ -3502,54 +3482,76 @@ function ChildReconciler(shouldTrackSideEffects) {
         placeSingleChild(returnFiber))
       : deleteRemainingChildren(returnFiber, currentFirstChild);
   }
-  return reconcileChildFibers;
-}
-var reconcileChildFibers = ChildReconciler(!0),
-  mountChildFibers = ChildReconciler(!1),
-  NO_CONTEXT = {},
-  contextStackCursor$1 = createCursor(NO_CONTEXT),
-  contextFiberStackCursor = createCursor(NO_CONTEXT),
-  rootInstanceStackCursor = createCursor(NO_CONTEXT);
-function requiredContext(c) {
-  if (c === NO_CONTEXT)
-    throw Error(
-      "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+  function reconcileChildFibers(
+    returnFiber,
+    currentFirstChild,
+    newChild,
+    lanes
+  ) {
+    thenableIndexCounter$1 = 0;
+    returnFiber = reconcileChildFibersImpl(
+      returnFiber,
+      currentFirstChild,
+      newChild,
+      lanes
     );
-  return c;
-}
-function pushHostContainer(fiber, nextRootInstance) {
-  push(rootInstanceStackCursor, nextRootInstance);
-  push(contextFiberStackCursor, fiber);
-  push(contextStackCursor$1, NO_CONTEXT);
-  pop(contextStackCursor$1);
-  push(contextStackCursor$1, { isInAParentText: !1 });
+    thenableState$1 = null;
+    return returnFiber;
+  }
+  return reconcileChildFibers;
 }
-function popHostContainer() {
-  pop(contextStackCursor$1);
-  pop(contextFiberStackCursor);
-  pop(rootInstanceStackCursor);
+var reconcileChildFibers = createChildReconciler(!0),
+  mountChildFibers = createChildReconciler(!1),
+  currentTreeHiddenStackCursor = createCursor(null),
+  prevEntangledRenderLanesCursor = createCursor(0);
+function pushHiddenContext(fiber, context) {
+  fiber = entangledRenderLanes;
+  push(prevEntangledRenderLanesCursor, fiber);
+  push(currentTreeHiddenStackCursor, context);
+  entangledRenderLanes = fiber | context.baseLanes;
+}
+function reuseHiddenContextOnStack() {
+  push(prevEntangledRenderLanesCursor, entangledRenderLanes);
+  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
+}
+function popHiddenContext() {
+  entangledRenderLanes = prevEntangledRenderLanesCursor.current;
+  pop(currentTreeHiddenStackCursor);
+  pop(prevEntangledRenderLanesCursor);
+}
+var suspenseHandlerStackCursor = createCursor(null),
+  shellBoundary = null;
+function pushPrimaryTreeSuspenseHandler(handler) {
+  var current = handler.alternate;
+  push(suspenseStackCursor, suspenseStackCursor.current & 1);
+  push(suspenseHandlerStackCursor, handler);
+  null === shellBoundary &&
+    (null === current || null !== currentTreeHiddenStackCursor.current
+      ? (shellBoundary = handler)
+      : null !== current.memoizedState && (shellBoundary = handler));
+}
+function pushOffscreenSuspenseHandler(fiber) {
+  if (22 === fiber.tag) {
+    if (
+      (push(suspenseStackCursor, suspenseStackCursor.current),
+      push(suspenseHandlerStackCursor, fiber),
+      null === shellBoundary)
+    ) {
+      var current = fiber.alternate;
+      null !== current &&
+        null !== current.memoizedState &&
+        (shellBoundary = fiber);
+    }
+  } else reuseSuspenseHandlerOnStack(fiber);
 }
-function pushHostContext(fiber) {
-  requiredContext(rootInstanceStackCursor.current);
-  var context = requiredContext(contextStackCursor$1.current);
-  var JSCompiler_inline_result = fiber.type;
-  JSCompiler_inline_result =
-    "AndroidTextInput" === JSCompiler_inline_result ||
-    "RCTMultilineTextInputView" === JSCompiler_inline_result ||
-    "RCTSinglelineTextInputView" === JSCompiler_inline_result ||
-    "RCTText" === JSCompiler_inline_result ||
-    "RCTVirtualText" === JSCompiler_inline_result;
-  JSCompiler_inline_result =
-    context.isInAParentText !== JSCompiler_inline_result
-      ? { isInAParentText: JSCompiler_inline_result }
-      : context;
-  context !== JSCompiler_inline_result &&
-    (push(contextFiberStackCursor, fiber),
-    push(contextStackCursor$1, JSCompiler_inline_result));
+function reuseSuspenseHandlerOnStack() {
+  push(suspenseStackCursor, suspenseStackCursor.current);
+  push(suspenseHandlerStackCursor, suspenseHandlerStackCursor.current);
 }
-function popHostContext(fiber) {
-  contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
+function popSuspenseHandler(fiber) {
+  pop(suspenseHandlerStackCursor);
+  shellBoundary === fiber && (shellBoundary = null);
+  pop(suspenseStackCursor);
 }
 var suspenseStackCursor = createCursor(0);
 function findFirstSuspended(row) {
@@ -3575,24 +3577,21 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var workInProgressSources = [];
-function resetWorkInProgressVersions() {
-  for (var i = 0; i < workInProgressSources.length; i++)
-    workInProgressSources[i]._workInProgressVersionSecondary = null;
-  workInProgressSources.length = 0;
-}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
+  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
   didScheduleRenderPhaseUpdate = !1,
   didScheduleRenderPhaseUpdateDuringThisPass = !1,
+  shouldDoubleInvokeUserFnsInHooksDEV = !1,
+  thenableIndexCounter = 0,
+  thenableState = null,
   globalClientIdCounter = 0;
 function throwInvalidHookError() {
   throw Error(
-    "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/warnings/invalid-hook-call-warning for tips about how to debug and fix this problem."
+    "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem."
   );
 }
 function areHookInputsEqual(nextDeps, prevDeps) {
@@ -3618,32 +3617,74 @@ function renderWithHooks(
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
+  shouldDoubleInvokeUserFnsInHooksDEV = !1;
   current = Component(props, secondArg);
-  if (didScheduleRenderPhaseUpdateDuringThisPass) {
-    nextRenderLanes = 0;
-    do {
-      didScheduleRenderPhaseUpdateDuringThisPass = !1;
-      if (25 <= nextRenderLanes)
-        throw Error(
-          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-        );
-      nextRenderLanes += 1;
-      workInProgressHook = currentHook = null;
-      workInProgress.updateQueue = null;
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
-      current = Component(props, secondArg);
-    } while (didScheduleRenderPhaseUpdateDuringThisPass);
-  }
+  shouldDoubleInvokeUserFnsInHooksDEV = !1;
+  didScheduleRenderPhaseUpdateDuringThisPass &&
+    (current = renderWithHooksAgain(
+      workInProgress,
+      Component,
+      props,
+      secondArg
+    ));
+  finishRenderingHooks();
+  return current;
+}
+function finishRenderingHooks() {
   ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-  workInProgress = null !== currentHook && null !== currentHook.next;
+  var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
   didScheduleRenderPhaseUpdate = !1;
-  if (workInProgress)
+  thenableIndexCounter = 0;
+  thenableState = null;
+  if (didRenderTooFewHooks)
     throw Error(
       "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
     );
-  return current;
+}
+function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
+  currentlyRenderingFiber$1 = workInProgress;
+  var numberOfReRenders = 0;
+  do {
+    didScheduleRenderPhaseUpdateDuringThisPass && (thenableState = null);
+    thenableIndexCounter = 0;
+    didScheduleRenderPhaseUpdateDuringThisPass = !1;
+    if (25 <= numberOfReRenders)
+      throw Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      );
+    numberOfReRenders += 1;
+    workInProgressHook = currentHook = null;
+    workInProgress.updateQueue = null;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
+    var children = Component(props, secondArg);
+  } while (didScheduleRenderPhaseUpdateDuringThisPass);
+  return children;
+}
+function bailoutHooks(current, workInProgress, lanes) {
+  workInProgress.updateQueue = current.updateQueue;
+  workInProgress.flags &= -2053;
+  current.lanes &= ~lanes;
+}
+function resetHooksOnUnwind(workInProgress) {
+  if (didScheduleRenderPhaseUpdate) {
+    for (
+      workInProgress = workInProgress.memoizedState;
+      null !== workInProgress;
+
+    ) {
+      var queue = workInProgress.queue;
+      null !== queue && (queue.pending = null);
+      workInProgress = workInProgress.next;
+    }
+    didScheduleRenderPhaseUpdate = !1;
+  }
+  renderLanes = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdateDuringThisPass = !1;
+  thenableIndexCounter = 0;
+  thenableState = null;
 }
 function mountWorkInProgressHook() {
   var hook = {
@@ -3672,8 +3713,13 @@ function updateWorkInProgressHook() {
     (workInProgressHook = nextWorkInProgressHook),
       (currentHook = nextCurrentHook);
   else {
-    if (null === nextCurrentHook)
+    if (null === nextCurrentHook) {
+      if (null === currentlyRenderingFiber$1.alternate)
+        throw Error(
+          "Update hook called on initial render. This is likely a bug in React. Please file an issue."
+        );
       throw Error("Rendered more hooks than during the previous render.");
+    }
     currentHook = nextCurrentHook;
     nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
@@ -3683,24 +3729,48 @@ function updateWorkInProgressHook() {
       next: null
     };
     null === workInProgressHook
-      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook =
+          nextCurrentHook)
       : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
+var createFunctionComponentUpdateQueue;
+createFunctionComponentUpdateQueue = function () {
+  return { lastEffect: null, events: null, stores: null };
+};
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
+function use(usable) {
+  if (null !== usable && "object" === typeof usable) {
+    if ("function" === typeof usable.then) return useThenable(usable);
+    if (usable.$$typeof === REACT_CONTEXT_TYPE) return readContext(usable);
+  }
+  throw Error("An unsupported type was passed to use(): " + String(usable));
+}
 function basicStateReducer(state, action) {
   return "function" === typeof action ? action(state) : action;
 }
 function updateReducer(reducer) {
   var hook = updateWorkInProgressHook(),
+    current = currentHook,
     queue = hook.queue;
   if (null === queue)
     throw Error(
       "Should have a queue. This is likely a bug in React. Please file an issue."
     );
   queue.lastRenderedReducer = reducer;
-  var current = currentHook,
-    baseQueue = current.baseQueue,
+  var baseQueue = hook.baseQueue,
     pendingQueue = queue.pending;
   if (null !== pendingQueue) {
     if (null !== baseQueue) {
@@ -3711,29 +3781,40 @@ function updateReducer(reducer) {
     current.baseQueue = baseQueue = pendingQueue;
     queue.pending = null;
   }
-  if (null !== baseQueue) {
-    pendingQueue = baseQueue.next;
-    current = current.baseState;
+  pendingQueue = hook.baseState;
+  if (null === baseQueue) hook.memoizedState = pendingQueue;
+  else {
+    current = baseQueue.next;
     var newBaseQueueFirst = (baseFirst = null),
       newBaseQueueLast = null,
-      update = pendingQueue;
+      update = current;
     do {
-      var updateLane = update.lane;
-      if ((renderLanes & updateLane) === updateLane)
+      var updateLane = update.lane & -536870913;
+      if (
+        updateLane !== update.lane
+          ? (workInProgressRootRenderLanes & updateLane) === updateLane
+          : (renderLanes & updateLane) === updateLane
+      )
         null !== newBaseQueueLast &&
-          (newBaseQueueLast = newBaseQueueLast.next = {
-            lane: 0,
-            action: update.action,
-            hasEagerState: update.hasEagerState,
-            eagerState: update.eagerState,
-            next: null
-          }),
-          (current = update.hasEagerState
+          (newBaseQueueLast = newBaseQueueLast.next =
+            {
+              lane: 0,
+              revertLane: 0,
+              action: update.action,
+              hasEagerState: update.hasEagerState,
+              eagerState: update.eagerState,
+              next: null
+            }),
+          (updateLane = update.action),
+          shouldDoubleInvokeUserFnsInHooksDEV &&
+            reducer(pendingQueue, updateLane),
+          (pendingQueue = update.hasEagerState
             ? update.eagerState
-            : reducer(current, update.action));
+            : reducer(pendingQueue, updateLane));
       else {
         var clone = {
           lane: updateLane,
+          revertLane: update.revertLane,
           action: update.action,
           hasEagerState: update.hasEagerState,
           eagerState: update.eagerState,
@@ -3741,32 +3822,23 @@ function updateReducer(reducer) {
         };
         null === newBaseQueueLast
           ? ((newBaseQueueFirst = newBaseQueueLast = clone),
-            (baseFirst = current))
+            (baseFirst = pendingQueue))
           : (newBaseQueueLast = newBaseQueueLast.next = clone);
         currentlyRenderingFiber$1.lanes |= updateLane;
         workInProgressRootSkippedLanes |= updateLane;
       }
       update = update.next;
-    } while (null !== update && update !== pendingQueue);
+    } while (null !== update && update !== current);
     null === newBaseQueueLast
-      ? (baseFirst = current)
+      ? (baseFirst = pendingQueue)
       : (newBaseQueueLast.next = newBaseQueueFirst);
-    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
-    hook.memoizedState = current;
+    objectIs(pendingQueue, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = pendingQueue;
     hook.baseState = baseFirst;
     hook.baseQueue = newBaseQueueLast;
-    queue.lastRenderedState = current;
+    queue.lastRenderedState = pendingQueue;
   }
-  reducer = queue.interleaved;
-  if (null !== reducer) {
-    baseQueue = reducer;
-    do
-      (pendingQueue = baseQueue.lane),
-        (currentlyRenderingFiber$1.lanes |= pendingQueue),
-        (workInProgressRootSkippedLanes |= pendingQueue),
-        (baseQueue = baseQueue.next);
-    while (baseQueue !== reducer);
-  } else null === baseQueue && (queue.lanes = 0);
+  null === baseQueue && (queue.lanes = 0);
   return [hook.memoizedState, queue.dispatch];
 }
 function rerenderReducer(reducer) {
@@ -3792,12 +3864,14 @@ function rerenderReducer(reducer) {
   }
   return [newState, dispatch];
 }
-function updateMutableSource() {}
 function updateSyncExternalStore(subscribe, getSnapshot) {
   var fiber = currentlyRenderingFiber$1,
-    hook = updateWorkInProgressHook(),
-    nextSnapshot = getSnapshot(),
-    snapshotChanged = !objectIs(hook.memoizedState, nextSnapshot);
+    hook = updateWorkInProgressHook();
+  var nextSnapshot = getSnapshot();
+  var snapshotChanged = !objectIs(
+    (currentHook || hook).memoizedState,
+    nextSnapshot
+  );
   snapshotChanged &&
     ((hook.memoizedState = nextSnapshot), (didReceiveUpdate = !0));
   hook = hook.queue;
@@ -3813,14 +3887,14 @@ function updateSyncExternalStore(subscribe, getSnapshot) {
     pushEffect(
       9,
       updateStoreInstance.bind(null, fiber, hook, nextSnapshot, getSnapshot),
-      void 0,
+      { destroy: void 0 },
       null
     );
     if (null === workInProgressRoot)
       throw Error(
         "Expected a work-in-progress root. This is a bug in React. Please file an issue."
       );
-    0 !== (renderLanes & 30) ||
+    0 !== (renderLanes & 60) ||
       pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
   }
   return nextSnapshot;
@@ -3830,7 +3904,7 @@ function pushStoreConsistencyCheck(fiber, getSnapshot, renderedSnapshot) {
   fiber = { getSnapshot: getSnapshot, value: renderedSnapshot };
   getSnapshot = currentlyRenderingFiber$1.updateQueue;
   null === getSnapshot
-    ? ((getSnapshot = { lastEffect: null, stores: null }),
+    ? ((getSnapshot = createFunctionComponentUpdateQueue()),
       (currentlyRenderingFiber$1.updateQueue = getSnapshot),
       (getSnapshot.stores = [fiber]))
     : ((renderedSnapshot = getSnapshot.stores),
@@ -3844,7 +3918,7 @@ function updateStoreInstance(fiber, inst, nextSnapshot, getSnapshot) {
   checkIfSnapshotChanged(inst) && forceStoreRerender(fiber);
 }
 function subscribeToStore(fiber, inst, subscribe) {
-  return subscribe(function() {
+  return subscribe(function () {
     checkIfSnapshotChanged(inst) && forceStoreRerender(fiber);
   });
 }
@@ -3859,41 +3933,38 @@ function checkIfSnapshotChanged(inst) {
   }
 }
 function forceStoreRerender(fiber) {
-  var root = markUpdateLaneFromFiberToRoot(fiber, 1);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 1, -1);
+  var root = enqueueConcurrentRenderForLane(fiber, 2);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
-function mountState(initialState) {
+function mountStateImpl(initialState) {
   var hook = mountWorkInProgressHook();
-  "function" === typeof initialState && (initialState = initialState());
+  if ("function" === typeof initialState) {
+    var initialStateInitializer = initialState;
+    initialState = initialStateInitializer();
+    shouldDoubleInvokeUserFnsInHooksDEV && initialStateInitializer();
+  }
   hook.memoizedState = hook.baseState = initialState;
-  initialState = {
+  hook.queue = {
     pending: null,
-    interleaved: null,
     lanes: 0,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
   };
-  hook.queue = initialState;
-  initialState = initialState.dispatch = dispatchSetState.bind(
-    null,
-    currentlyRenderingFiber$1,
-    initialState
-  );
-  return [hook.memoizedState, initialState];
+  return hook;
 }
-function pushEffect(tag, create, destroy, deps) {
-  tag = { tag: tag, create: create, destroy: destroy, deps: deps, next: null };
+function pushEffect(tag, create, inst, deps) {
+  tag = { tag: tag, create: create, inst: inst, deps: deps, next: null };
   create = currentlyRenderingFiber$1.updateQueue;
   null === create
-    ? ((create = { lastEffect: null, stores: null }),
+    ? ((create = createFunctionComponentUpdateQueue()),
       (currentlyRenderingFiber$1.updateQueue = create),
       (create.lastEffect = tag.next = tag))
-    : ((destroy = create.lastEffect),
-      null === destroy
+    : ((inst = create.lastEffect),
+      null === inst
         ? (create.lastEffect = tag.next = tag)
-        : ((deps = destroy.next),
-          (destroy.next = tag),
+        : ((deps = inst.next),
+          (inst.next = tag),
           (tag.next = deps),
           (create.lastEffect = tag)));
   return tag;
@@ -3907,30 +3978,26 @@ function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
   hook.memoizedState = pushEffect(
     1 | hookFlags,
     create,
-    void 0,
+    { destroy: void 0 },
     void 0 === deps ? null : deps
   );
 }
 function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
-  var destroy = void 0;
-  if (null !== currentHook) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
-    if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      hook.memoizedState = pushEffect(hookFlags, create, destroy, deps);
-      return;
-    }
-  }
-  currentlyRenderingFiber$1.flags |= fiberFlags;
-  hook.memoizedState = pushEffect(1 | hookFlags, create, destroy, deps);
+  var inst = hook.memoizedState.inst;
+  null !== currentHook &&
+  null !== deps &&
+  areHookInputsEqual(deps, currentHook.memoizedState.deps)
+    ? (hook.memoizedState = pushEffect(hookFlags, create, inst, deps))
+    : ((currentlyRenderingFiber$1.flags |= fiberFlags),
+      (hook.memoizedState = pushEffect(1 | hookFlags, create, inst, deps)));
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(8390656, 8, create, deps);
+  mountEffectImpl(8390656, 8, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(2048, 8, create, deps);
+  updateEffectImpl(2048, 8, create, deps);
 }
 function updateInsertionEffect(create, deps) {
   return updateEffectImpl(4, 2, create, deps);
@@ -3943,7 +4010,7 @@ function imperativeHandleEffect(create, ref) {
     return (
       (create = create()),
       ref(create),
-      function() {
+      function () {
         ref(null);
       }
     );
@@ -3951,30 +4018,21 @@ function imperativeHandleEffect(create, ref) {
     return (
       (create = create()),
       (ref.current = create),
-      function() {
+      function () {
         ref.current = null;
       }
     );
 }
 function updateImperativeHandle(ref, create, deps) {
   deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-  return updateEffectImpl(
-    4,
-    4,
-    imperativeHandleEffect.bind(null, create, ref),
-    deps
-  );
+  updateEffectImpl(4, 4, imperativeHandleEffect.bind(null, create, ref), deps);
 }
 function mountDebugValue() {}
 function updateCallback(callback, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
   var prevState = hook.memoizedState;
-  if (
-    null !== prevState &&
-    null !== deps &&
-    areHookInputsEqual(deps, prevState[1])
-  )
+  if (null !== deps && areHookInputsEqual(deps, prevState[1]))
     return prevState[0];
   hook.memoizedState = [callback, deps];
   return callback;
@@ -3983,41 +4041,51 @@ function updateMemo(nextCreate, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
   var prevState = hook.memoizedState;
-  if (
-    null !== prevState &&
-    null !== deps &&
-    areHookInputsEqual(deps, prevState[1])
-  )
+  if (null !== deps && areHookInputsEqual(deps, prevState[1]))
     return prevState[0];
-  nextCreate = nextCreate();
-  hook.memoizedState = [nextCreate, deps];
-  return nextCreate;
+  prevState = nextCreate();
+  shouldDoubleInvokeUserFnsInHooksDEV && nextCreate();
+  hook.memoizedState = [prevState, deps];
+  return prevState;
 }
 function updateDeferredValueImpl(hook, prevValue, value) {
-  if (0 === (renderLanes & 21))
+  if (objectIs(value, prevValue)) return value;
+  if (null !== currentTreeHiddenStackCursor.current)
     return (
-      hook.baseState && ((hook.baseState = !1), (didReceiveUpdate = !0)),
-      (hook.memoizedState = value)
+      (hook.memoizedState = value),
+      objectIs(value, prevValue) || (didReceiveUpdate = !0),
+      value
     );
-  objectIs(value, prevValue) ||
-    ((value = claimNextTransitionLane()),
-    (currentlyRenderingFiber$1.lanes |= value),
-    (workInProgressRootSkippedLanes |= value),
-    (hook.baseState = !0));
+  if (0 === (renderLanes & 42))
+    return (didReceiveUpdate = !0), (hook.memoizedState = value);
+  0 === workInProgressDeferredLane &&
+    (workInProgressDeferredLane =
+      0 !== (workInProgressRootRenderLanes & 536870912)
+        ? 536870912
+        : claimNextTransitionLane());
+  hook = suspenseHandlerStackCursor.current;
+  null !== hook && (hook.flags |= 32);
+  hook = workInProgressDeferredLane;
+  currentlyRenderingFiber$1.lanes |= hook;
+  workInProgressRootSkippedLanes |= hook;
   return prevValue;
 }
-function startTransition(setPending, callback) {
+function startTransition(fiber, queue, pendingState, finishedState, callback) {
   var previousPriority = currentUpdatePriority;
   currentUpdatePriority =
-    0 !== previousPriority && 4 > previousPriority ? previousPriority : 4;
-  setPending(!0);
-  var prevTransition = ReactCurrentBatchConfig$1.transition;
-  ReactCurrentBatchConfig$1.transition = {};
+    0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
+  var prevTransition = ReactCurrentBatchConfig$2.transition,
+    currentTransition = { _callbacks: new Set() };
+  ReactCurrentBatchConfig$2.transition = null;
+  dispatchSetState(fiber, queue, pendingState);
+  ReactCurrentBatchConfig$2.transition = currentTransition;
   try {
-    setPending(!1), callback();
+    dispatchSetState(fiber, queue, finishedState), callback();
+  } catch (error) {
+    throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
-      (ReactCurrentBatchConfig$1.transition = prevTransition);
+      (ReactCurrentBatchConfig$2.transition = prevTransition);
   }
 }
 function updateId() {
@@ -4027,25 +4095,25 @@ function dispatchReducerAction(fiber, queue, action) {
   var lane = requestUpdateLane(fiber);
   action = {
     lane: lane,
+    revertLane: 0,
     action: action,
     hasEagerState: !1,
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    ((action = enqueueConcurrentHookUpdate(fiber, queue, action, lane)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
 }
 function dispatchSetState(fiber, queue, action) {
   var lane = requestUpdateLane(fiber),
     update = {
       lane: lane,
+      revertLane: 0,
       action: action,
       hasEagerState: !1,
       eagerState: null,
@@ -4065,20 +4133,17 @@ function dispatchSetState(fiber, queue, action) {
         update.hasEagerState = !0;
         update.eagerState = eagerState;
         if (objectIs(eagerState, currentState)) {
-          var interleaved = queue.interleaved;
-          null === interleaved
-            ? ((update.next = update), pushConcurrentUpdateQueue(queue))
-            : ((update.next = interleaved.next), (interleaved.next = update));
-          queue.interleaved = update;
+          enqueueUpdate$1(fiber, queue, update, 0);
+          null === workInProgressRoot && finishQueueingConcurrentUpdates();
           return;
         }
       } catch (error) {
       } finally {
       }
-    action = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
+    enqueueUpdate$1(fiber, queue, update, lane);
+    action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
 }
@@ -4090,7 +4155,8 @@ function isRenderPhaseUpdate(fiber) {
   );
 }
 function enqueueRenderPhaseUpdate(queue, update) {
-  didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate = !0;
+  didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate =
+    !0;
   var pending = queue.pending;
   null === pending
     ? (update.next = update)
@@ -4098,7 +4164,7 @@ function enqueueRenderPhaseUpdate(queue, update) {
   queue.pending = update;
 }
 function entangleTransitionUpdate(root, queue, lane) {
-  if (0 !== (lane & 4194240)) {
+  if (0 !== (lane & 4194176)) {
     var queueLanes = queue.lanes;
     queueLanes &= root.pendingLanes;
     lane |= queueLanes;
@@ -4108,6 +4174,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
     readContext: readContext,
+    use: use,
     useCallback: throwInvalidHookError,
     useContext: throwInvalidHookError,
     useEffect: throwInvalidHookError,
@@ -4121,14 +4188,13 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
     useTransition: throwInvalidHookError,
-    useMutableSource: throwInvalidHookError,
     useSyncExternalStore: throwInvalidHookError,
-    useId: throwInvalidHookError,
-    unstable_isNewReconciler: !1
+    useId: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
-    useCallback: function(callback, deps) {
+    use: use,
+    useCallback: function (callback, deps) {
       mountWorkInProgressHook().memoizedState = [
         callback,
         void 0 === deps ? null : deps
@@ -4137,39 +4203,42 @@ var ContextOnlyDispatcher = {
     },
     useContext: readContext,
     useEffect: mountEffect,
-    useImperativeHandle: function(ref, create, deps) {
+    useImperativeHandle: function (ref, create, deps) {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return mountEffectImpl(
-        4,
+      mountEffectImpl(
+        4194308,
         4,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
-    useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 4, create, deps);
+    useLayoutEffect: function (create, deps) {
+      return mountEffectImpl(4194308, 4, create, deps);
     },
-    useInsertionEffect: function(create, deps) {
-      return mountEffectImpl(4, 2, create, deps);
+    useInsertionEffect: function (create, deps) {
+      mountEffectImpl(4, 2, create, deps);
     },
-    useMemo: function(nextCreate, deps) {
+    useMemo: function (nextCreate, deps) {
       var hook = mountWorkInProgressHook();
       deps = void 0 === deps ? null : deps;
-      nextCreate = nextCreate();
-      hook.memoizedState = [nextCreate, deps];
-      return nextCreate;
+      var nextValue = nextCreate();
+      shouldDoubleInvokeUserFnsInHooksDEV && nextCreate();
+      hook.memoizedState = [nextValue, deps];
+      return nextValue;
     },
-    useReducer: function(reducer, initialArg, init) {
+    useReducer: function (reducer, initialArg, init) {
       var hook = mountWorkInProgressHook();
-      initialArg = void 0 !== init ? init(initialArg) : initialArg;
-      hook.memoizedState = hook.baseState = initialArg;
+      if (void 0 !== init) {
+        var initialState = init(initialArg);
+        shouldDoubleInvokeUserFnsInHooksDEV && init(initialArg);
+      } else initialState = initialArg;
+      hook.memoizedState = hook.baseState = initialState;
       reducer = {
         pending: null,
-        interleaved: null,
         lanes: 0,
         dispatch: null,
         lastRenderedReducer: reducer,
-        lastRenderedState: initialArg
+        lastRenderedState: initialState
       };
       hook.queue = reducer;
       reducer = reducer.dispatch = dispatchReducerAction.bind(
@@ -4179,25 +4248,40 @@ var ContextOnlyDispatcher = {
       );
       return [hook.memoizedState, reducer];
     },
-    useRef: function(initialValue) {
+    useRef: function (initialValue) {
       var hook = mountWorkInProgressHook();
       initialValue = { current: initialValue };
       return (hook.memoizedState = initialValue);
     },
-    useState: mountState,
+    useState: function (initialState) {
+      initialState = mountStateImpl(initialState);
+      var queue = initialState.queue,
+        dispatch = dispatchSetState.bind(
+          null,
+          currentlyRenderingFiber$1,
+          queue
+        );
+      queue.dispatch = dispatch;
+      return [initialState.memoizedState, dispatch];
+    },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
-      return (mountWorkInProgressHook().memoizedState = value);
+    useDeferredValue: function (value) {
+      mountWorkInProgressHook().memoizedState = value;
+      return value;
     },
-    useTransition: function() {
-      var _mountState = mountState(!1),
-        isPending = _mountState[0];
-      _mountState = startTransition.bind(null, _mountState[1]);
-      mountWorkInProgressHook().memoizedState = _mountState;
-      return [isPending, _mountState];
+    useTransition: function () {
+      var stateHook = mountStateImpl(!1);
+      stateHook = startTransition.bind(
+        null,
+        currentlyRenderingFiber$1,
+        stateHook.queue,
+        !0,
+        !1
+      );
+      mountWorkInProgressHook().memoizedState = stateHook;
+      return [!1, stateHook];
     },
-    useMutableSource: function() {},
-    useSyncExternalStore: function(subscribe, getSnapshot) {
+    useSyncExternalStore: function (subscribe, getSnapshot) {
       var fiber = currentlyRenderingFiber$1,
         hook = mountWorkInProgressHook();
       var nextSnapshot = getSnapshot();
@@ -4205,7 +4289,7 @@ var ContextOnlyDispatcher = {
         throw Error(
           "Expected a work-in-progress root. This is a bug in React. Please file an issue."
         );
-      0 !== (renderLanes & 30) ||
+      0 !== (workInProgressRootRenderLanes & 60) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
       hook.memoizedState = nextSnapshot;
       var inst = { value: nextSnapshot, getSnapshot: getSnapshot };
@@ -4217,23 +4301,23 @@ var ContextOnlyDispatcher = {
       pushEffect(
         9,
         updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
-        void 0,
+        { destroy: void 0 },
         null
       );
       return nextSnapshot;
     },
-    useId: function() {
+    useId: function () {
       var hook = mountWorkInProgressHook(),
         identifierPrefix = workInProgressRoot.identifierPrefix,
         globalClientId = globalClientIdCounter++;
       identifierPrefix =
         ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":";
       return (hook.memoizedState = identifierPrefix);
-    },
-    unstable_isNewReconciler: !1
+    }
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
+    use: use,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
@@ -4243,26 +4327,30 @@ var ContextOnlyDispatcher = {
     useMemo: updateMemo,
     useReducer: updateReducer,
     useRef: updateRef,
-    useState: function() {
+    useState: function () {
       return updateReducer(basicStateReducer);
     },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
+    useDeferredValue: function (value) {
       var hook = updateWorkInProgressHook();
       return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
     },
-    useTransition: function() {
-      var isPending = updateReducer(basicStateReducer)[0],
+    useTransition: function () {
+      var booleanOrThenable = updateReducer(basicStateReducer)[0],
         start = updateWorkInProgressHook().memoizedState;
-      return [isPending, start];
+      return [
+        "boolean" === typeof booleanOrThenable
+          ? booleanOrThenable
+          : useThenable(booleanOrThenable),
+        start
+      ];
     },
-    useMutableSource: updateMutableSource,
     useSyncExternalStore: updateSyncExternalStore,
-    useId: updateId,
-    unstable_isNewReconciler: !1
+    useId: updateId
   },
   HooksDispatcherOnRerender = {
     readContext: readContext,
+    use: use,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
@@ -4272,36 +4360,43 @@ var ContextOnlyDispatcher = {
     useMemo: updateMemo,
     useReducer: rerenderReducer,
     useRef: updateRef,
-    useState: function() {
+    useState: function () {
       return rerenderReducer(basicStateReducer);
     },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
+    useDeferredValue: function (value) {
       var hook = updateWorkInProgressHook();
       return null === currentHook
-        ? (hook.memoizedState = value)
+        ? ((hook.memoizedState = value), value)
         : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
     },
-    useTransition: function() {
-      var isPending = rerenderReducer(basicStateReducer)[0],
+    useTransition: function () {
+      var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
         start = updateWorkInProgressHook().memoizedState;
-      return [isPending, start];
+      return [
+        "boolean" === typeof booleanOrThenable
+          ? booleanOrThenable
+          : useThenable(booleanOrThenable),
+        start
+      ];
     },
-    useMutableSource: updateMutableSource,
     useSyncExternalStore: updateSyncExternalStore,
-    useId: updateId,
-    unstable_isNewReconciler: !1
+    useId: updateId
   },
-  now$1 = Scheduler.unstable_now,
+  now = Scheduler.unstable_now,
   commitTime = 0,
   layoutEffectStartTime = -1,
   profilerStartTime = -1,
   passiveEffectStartTime = -1,
   currentUpdateIsNested = !1,
   nestedUpdateScheduled = !1;
+function startProfilerTimer(fiber) {
+  profilerStartTime = now();
+  0 > fiber.actualStartTime && (fiber.actualStartTime = now());
+}
 function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
   if (0 <= profilerStartTime) {
-    var elapsedTime = now$1() - profilerStartTime;
+    var elapsedTime = now() - profilerStartTime;
     fiber.actualDuration += elapsedTime;
     overrideBaseTime && (fiber.selfBaseDuration = elapsedTime);
     profilerStartTime = -1;
@@ -4309,7 +4404,7 @@ function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
 }
 function recordLayoutEffectDuration(fiber) {
   if (0 <= layoutEffectStartTime) {
-    var elapsedTime = now$1() - layoutEffectStartTime;
+    var elapsedTime = now() - layoutEffectStartTime;
     layoutEffectStartTime = -1;
     for (fiber = fiber.return; null !== fiber; ) {
       switch (fiber.tag) {
@@ -4326,7 +4421,7 @@ function recordLayoutEffectDuration(fiber) {
 }
 function recordPassiveEffectDuration(fiber) {
   if (0 <= passiveEffectStartTime) {
-    var elapsedTime = now$1() - passiveEffectStartTime;
+    var elapsedTime = now() - passiveEffectStartTime;
     passiveEffectStartTime = -1;
     for (fiber = fiber.return; null !== fiber; ) {
       switch (fiber.tag) {
@@ -4343,12 +4438,171 @@ function recordPassiveEffectDuration(fiber) {
     }
   }
 }
-function startLayoutEffectTimer() {
-  layoutEffectStartTime = now$1();
+function startLayoutEffectTimer() {
+  layoutEffectStartTime = now();
+}
+function transferActualDuration(fiber) {
+  for (var child = fiber.child; child; )
+    (fiber.actualDuration += child.actualDuration), (child = child.sibling);
+}
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    baseProps = assign({}, baseProps);
+    Component = Component.defaultProps;
+    for (var propName in Component)
+      void 0 === baseProps[propName] &&
+        (baseProps[propName] = Component[propName]);
+    return baseProps;
+  }
+  return baseProps;
+}
+function applyDerivedStateFromProps(
+  workInProgress,
+  ctor,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  ctor = workInProgress.memoizedState;
+  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
+  getDerivedStateFromProps =
+    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
+      ? ctor
+      : assign({}, ctor, getDerivedStateFromProps);
+  workInProgress.memoizedState = getDerivedStateFromProps;
+  0 === workInProgress.lanes &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
+}
+var classComponentUpdater = {
+  isMounted: function (component) {
+    return (component = component._reactInternals)
+      ? getNearestMountedFiber(component) === component
+      : !1;
+  },
+  enqueueSetState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueReplaceState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.tag = 1;
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueForceUpdate: function (inst, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.tag = 2;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    callback = enqueueUpdate(inst, update, lane);
+    null !== callback &&
+      (scheduleUpdateOnFiber(callback, inst, lane),
+      entangleTransitions(callback, inst, lane));
+  }
+};
+function checkShouldComponentUpdate(
+  workInProgress,
+  ctor,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  nextContext
+) {
+  workInProgress = workInProgress.stateNode;
+  return "function" === typeof workInProgress.shouldComponentUpdate
+    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
+    : ctor.prototype && ctor.prototype.isPureReactComponent
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
+}
+function constructClassInstance(workInProgress, ctor, props) {
+  var isLegacyContextConsumer = !1,
+    unmaskedContext = emptyContextObject;
+  var context = ctor.contextType;
+  "object" === typeof context && null !== context
+    ? (context = readContext(context))
+    : ((unmaskedContext = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor$1.current),
+      (isLegacyContextConsumer = ctor.contextTypes),
+      (context = (isLegacyContextConsumer =
+        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
+        ? getMaskedContext(workInProgress, unmaskedContext)
+        : emptyContextObject));
+  ctor = new ctor(props, context);
+  workInProgress.memoizedState =
+    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
+  ctor.updater = classComponentUpdater;
+  workInProgress.stateNode = ctor;
+  ctor._reactInternals = workInProgress;
+  isLegacyContextConsumer &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext =
+      unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return ctor;
 }
-function transferActualDuration(fiber) {
-  for (var child = fiber.child; child; )
-    (fiber.actualDuration += child.actualDuration), (child = child.sibling);
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  nextContext
+) {
+  workInProgress = instance.state;
+  "function" === typeof instance.componentWillReceiveProps &&
+    instance.componentWillReceiveProps(newProps, nextContext);
+  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
+    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+  instance.state !== workInProgress &&
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+}
+function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
+  var instance = workInProgress.stateNode;
+  instance.props = newProps;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = {};
+  initializeUpdateQueue(workInProgress);
+  var contextType = ctor.contextType;
+  "object" === typeof contextType && null !== contextType
+    ? (instance.context = readContext(contextType))
+    : ((contextType = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor$1.current),
+      (instance.context = getMaskedContext(workInProgress, contextType)));
+  instance.state = workInProgress.memoizedState;
+  contextType = ctor.getDerivedStateFromProps;
+  "function" === typeof contextType &&
+    (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof ctor.getDerivedStateFromProps ||
+    "function" === typeof instance.getSnapshotBeforeUpdate ||
+    ("function" !== typeof instance.UNSAFE_componentWillMount &&
+      "function" !== typeof instance.componentWillMount) ||
+    ((ctor = instance.state),
+    "function" === typeof instance.componentWillMount &&
+      instance.componentWillMount(),
+    "function" === typeof instance.UNSAFE_componentWillMount &&
+      instance.UNSAFE_componentWillMount(),
+    ctor !== instance.state &&
+      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
+    processUpdateQueue(workInProgress, newProps, instance, renderLanes),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.flags |= 4194308);
 }
 function createCapturedValueAtFiber(value, source) {
   try {
@@ -4368,14 +4622,6 @@ function createCapturedValueAtFiber(value, source) {
     digest: null
   };
 }
-function createCapturedValue(value, digest, stack) {
-  return {
-    value: value,
-    source: null,
-    stack: null != stack ? stack : null,
-    digest: null != digest ? digest : null
-  };
-}
 if (
   "function" !==
   typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
@@ -4393,40 +4639,39 @@ function logCapturedError(boundary, errorInfo) {
           null !== boundary && 1 === boundary.tag ? boundary.stateNode : null
       }) && console.error(errorInfo.value);
   } catch (e) {
-    setTimeout(function() {
+    setTimeout(function () {
       throw e;
     });
   }
 }
-var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
 function createRootErrorUpdate(fiber, errorInfo, lane) {
-  lane = createUpdate(-1, lane);
+  lane = createUpdate(lane);
   lane.tag = 3;
   lane.payload = { element: null };
   var error = errorInfo.value;
-  lane.callback = function() {
+  lane.callback = function () {
     hasUncaughtError || ((hasUncaughtError = !0), (firstUncaughtError = error));
     logCapturedError(fiber, errorInfo);
   };
   return lane;
 }
 function createClassErrorUpdate(fiber, errorInfo, lane) {
-  lane = createUpdate(-1, lane);
+  lane = createUpdate(lane);
   lane.tag = 3;
   var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
   if ("function" === typeof getDerivedStateFromError) {
     var error = errorInfo.value;
-    lane.payload = function() {
+    lane.payload = function () {
       return getDerivedStateFromError(error);
     };
-    lane.callback = function() {
+    lane.callback = function () {
       logCapturedError(fiber, errorInfo);
     };
   }
   var inst = fiber.stateNode;
   null !== inst &&
     "function" === typeof inst.componentDidCatch &&
-    (lane.callback = function() {
+    (lane.callback = function () {
       logCapturedError(fiber, errorInfo);
       "function" !== typeof getDerivedStateFromError &&
         (null === legacyErrorBoundariesThatAlreadyFailed
@@ -4439,23 +4684,158 @@ function createClassErrorUpdate(fiber, errorInfo, lane) {
     });
   return lane;
 }
-function attachPingListener(root, wakeable, lanes) {
-  var pingCache = root.pingCache;
-  if (null === pingCache) {
-    pingCache = root.pingCache = new PossiblyWeakMap();
-    var threadIDs = new Set();
-    pingCache.set(wakeable, threadIDs);
-  } else
-    (threadIDs = pingCache.get(wakeable)),
-      void 0 === threadIDs &&
-        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
-  threadIDs.has(lanes) ||
-    (threadIDs.add(lanes),
-    (pingCache = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
-    isDevToolsPresent && restorePendingUpdaters(root, lanes),
-    wakeable.then(pingCache, pingCache));
+function throwException(
+  root,
+  returnFiber,
+  sourceFiber,
+  value,
+  rootRenderLanes
+) {
+  sourceFiber.flags |= 32768;
+  isDevToolsPresent && restorePendingUpdaters(root, rootRenderLanes);
+  if (
+    null !== value &&
+    "object" === typeof value &&
+    "function" === typeof value.then
+  ) {
+    var tag = sourceFiber.tag;
+    0 !== (sourceFiber.mode & 1) ||
+      (0 !== tag && 11 !== tag && 15 !== tag) ||
+      ((tag = sourceFiber.alternate)
+        ? ((sourceFiber.updateQueue = tag.updateQueue),
+          (sourceFiber.memoizedState = tag.memoizedState),
+          (sourceFiber.lanes = tag.lanes))
+        : ((sourceFiber.updateQueue = null),
+          (sourceFiber.memoizedState = null)));
+    tag = suspenseHandlerStackCursor.current;
+    if (null !== tag) {
+      switch (tag.tag) {
+        case 13:
+          return (
+            sourceFiber.mode & 1 &&
+              (null === shellBoundary
+                ? renderDidSuspendDelayIfPossible()
+                : null === tag.alternate &&
+                  0 === workInProgressRootExitStatus &&
+                  (workInProgressRootExitStatus = 3)),
+            (tag.flags &= -257),
+            0 === (tag.mode & 1)
+              ? tag === returnFiber
+                ? (tag.flags |= 65536)
+                : ((tag.flags |= 128),
+                  (sourceFiber.flags |= 131072),
+                  (sourceFiber.flags &= -52805),
+                  1 === sourceFiber.tag &&
+                    (null === sourceFiber.alternate
+                      ? (sourceFiber.tag = 17)
+                      : ((returnFiber = createUpdate(2)),
+                        (returnFiber.tag = 2),
+                        enqueueUpdate(sourceFiber, returnFiber, 2))),
+                  (sourceFiber.lanes |= 2))
+              : ((tag.flags |= 65536), (tag.lanes = rootRenderLanes)),
+            value === noopSuspenseyCommitThenable
+              ? (tag.flags |= 16384)
+              : ((returnFiber = tag.updateQueue),
+                null === returnFiber
+                  ? (tag.updateQueue = new Set([value]))
+                  : returnFiber.add(value),
+                tag.mode & 1 &&
+                  attachPingListener(root, value, rootRenderLanes)),
+            !1
+          );
+        case 22:
+          if (tag.mode & 1)
+            return (
+              (tag.flags |= 65536),
+              value === noopSuspenseyCommitThenable
+                ? (tag.flags |= 16384)
+                : ((returnFiber = tag.updateQueue),
+                  null === returnFiber
+                    ? ((returnFiber = {
+                        transitions: null,
+                        markerInstances: null,
+                        retryQueue: new Set([value])
+                      }),
+                      (tag.updateQueue = returnFiber))
+                    : ((sourceFiber = returnFiber.retryQueue),
+                      null === sourceFiber
+                        ? (returnFiber.retryQueue = new Set([value]))
+                        : sourceFiber.add(value)),
+                  attachPingListener(root, value, rootRenderLanes)),
+              !1
+            );
+      }
+      throw Error(
+        "Unexpected Suspense handler tag (" +
+          tag.tag +
+          "). This is a bug in React."
+      );
+    }
+    if (1 === root.tag)
+      return (
+        attachPingListener(root, value, rootRenderLanes),
+        renderDidSuspendDelayIfPossible(),
+        !1
+      );
+    value = Error(
+      "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition."
+    );
+  }
+  root = value = createCapturedValueAtFiber(value, sourceFiber);
+  4 !== workInProgressRootExitStatus && (workInProgressRootExitStatus = 2);
+  null === workInProgressRootConcurrentErrors
+    ? (workInProgressRootConcurrentErrors = [root])
+    : workInProgressRootConcurrentErrors.push(root);
+  if (null === returnFiber) return !0;
+  root = returnFiber;
+  do {
+    switch (root.tag) {
+      case 3:
+        return (
+          (root.flags |= 65536),
+          (rootRenderLanes &= -rootRenderLanes),
+          (root.lanes |= rootRenderLanes),
+          (rootRenderLanes = createRootErrorUpdate(
+            root,
+            value,
+            rootRenderLanes
+          )),
+          enqueueCapturedUpdate(root, rootRenderLanes),
+          !1
+        );
+      case 1:
+        if (
+          ((returnFiber = value),
+          (sourceFiber = root.type),
+          (tag = root.stateNode),
+          0 === (root.flags & 128) &&
+            ("function" === typeof sourceFiber.getDerivedStateFromError ||
+              (null !== tag &&
+                "function" === typeof tag.componentDidCatch &&
+                (null === legacyErrorBoundariesThatAlreadyFailed ||
+                  !legacyErrorBoundariesThatAlreadyFailed.has(tag)))))
+        )
+          return (
+            (root.flags |= 65536),
+            (rootRenderLanes &= -rootRenderLanes),
+            (root.lanes |= rootRenderLanes),
+            (rootRenderLanes = createClassErrorUpdate(
+              root,
+              returnFiber,
+              rootRenderLanes
+            )),
+            enqueueCapturedUpdate(root, rootRenderLanes),
+            !1
+          );
+    }
+    root = root.return;
+  } while (null !== root);
+  return !1;
 }
 var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(
+    "This is not a real error. It's an implementation detail of React's selective hydration feature. If this leaks into userspace, it's a bug in React. Please file an issue."
+  ),
   didReceiveUpdate = !1;
 function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
   workInProgress.child =
@@ -4488,9 +4868,7 @@ function updateForwardRef(
   );
   if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current.updateQueue),
-      (workInProgress.flags &= -2053),
-      (current.lanes &= ~renderLanes),
+      bailoutHooks(current, workInProgress, renderLanes),
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   workInProgress.flags |= 1;
@@ -4586,60 +4964,69 @@ function updateSimpleMemoComponent(
 function updateOffscreenComponent(current, workInProgress, renderLanes) {
   var nextProps = workInProgress.pendingProps,
     nextChildren = nextProps.children,
+    nextIsDetached = 0 !== (workInProgress.stateNode._pendingVisibility & 2),
     prevState = null !== current ? current.memoizedState : null;
-  if ("hidden" === nextProps.mode)
-    if (0 === (workInProgress.mode & 1))
-      (workInProgress.memoizedState = {
-        baseLanes: 0,
-        cachePool: null,
-        transitions: null
-      }),
-        push(subtreeRenderLanesCursor, subtreeRenderLanes),
-        (subtreeRenderLanes |= renderLanes);
-    else {
-      if (0 === (renderLanes & 1073741824))
-        return (
-          (current =
-            null !== prevState
-              ? prevState.baseLanes | renderLanes
-              : renderLanes),
-          (workInProgress.lanes = workInProgress.childLanes = 1073741824),
-          (workInProgress.memoizedState = {
-            baseLanes: current,
-            cachePool: null,
-            transitions: null
-          }),
-          (workInProgress.updateQueue = null),
-          push(subtreeRenderLanesCursor, subtreeRenderLanes),
-          (subtreeRenderLanes |= current),
-          null
-        );
-      workInProgress.memoizedState = {
-        baseLanes: 0,
-        cachePool: null,
-        transitions: null
-      };
-      nextProps = null !== prevState ? prevState.baseLanes : renderLanes;
-      push(subtreeRenderLanesCursor, subtreeRenderLanes);
-      subtreeRenderLanes |= nextProps;
+  markRef$1(current, workInProgress);
+  if ("hidden" === nextProps.mode || nextIsDetached) {
+    if (0 !== (workInProgress.flags & 128)) {
+      renderLanes =
+        null !== prevState ? prevState.baseLanes | renderLanes : renderLanes;
+      if (null !== current) {
+        nextProps = workInProgress.child = current.child;
+        for (nextChildren = 0; null !== nextProps; )
+          (nextChildren =
+            nextChildren | nextProps.lanes | nextProps.childLanes),
+            (nextProps = nextProps.sibling);
+        workInProgress.childLanes = nextChildren & ~renderLanes;
+      } else (workInProgress.childLanes = 0), (workInProgress.child = null);
+      return deferHiddenOffscreenComponent(
+        current,
+        workInProgress,
+        renderLanes
+      );
     }
-  else
+    if (0 === (workInProgress.mode & 1))
+      (workInProgress.memoizedState = { baseLanes: 0, cachePool: null }),
+        reuseHiddenContextOnStack(),
+        pushOffscreenSuspenseHandler(workInProgress);
+    else if (0 !== (renderLanes & 536870912))
+      (workInProgress.memoizedState = { baseLanes: 0, cachePool: null }),
+        null !== prevState
+          ? pushHiddenContext(workInProgress, prevState)
+          : reuseHiddenContextOnStack(),
+        pushOffscreenSuspenseHandler(workInProgress);
+    else
+      return (
+        (workInProgress.lanes = workInProgress.childLanes = 536870912),
+        deferHiddenOffscreenComponent(
+          current,
+          workInProgress,
+          null !== prevState ? prevState.baseLanes | renderLanes : renderLanes
+        )
+      );
+  } else
     null !== prevState
-      ? ((nextProps = prevState.baseLanes | renderLanes),
+      ? (pushHiddenContext(workInProgress, prevState),
+        reuseSuspenseHandlerOnStack(workInProgress),
         (workInProgress.memoizedState = null))
-      : (nextProps = renderLanes),
-      push(subtreeRenderLanesCursor, subtreeRenderLanes),
-      (subtreeRenderLanes |= nextProps);
+      : (reuseHiddenContextOnStack(),
+        reuseSuspenseHandlerOnStack(workInProgress));
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
-function markRef(current, workInProgress) {
+function deferHiddenOffscreenComponent(current, workInProgress, nextBaseLanes) {
+  workInProgress.memoizedState = { baseLanes: nextBaseLanes, cachePool: null };
+  reuseHiddenContextOnStack();
+  pushOffscreenSuspenseHandler(workInProgress);
+  return null;
+}
+function markRef$1(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
     (null === current && null !== ref) ||
     (null !== current && current.ref !== ref)
   )
-    workInProgress.flags |= 512;
+    (workInProgress.flags |= 512), (workInProgress.flags |= 2097152);
 }
 function updateFunctionComponent(
   current,
@@ -4650,7 +5037,7 @@ function updateFunctionComponent(
 ) {
   var context = isContextProvider(Component)
     ? previousContext
-    : contextStackCursor.current;
+    : contextStackCursor$1.current;
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderLanes);
   Component = renderWithHooks(
@@ -4663,15 +5050,38 @@ function updateFunctionComponent(
   );
   if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current.updateQueue),
-      (workInProgress.flags &= -2053),
-      (current.lanes &= ~renderLanes),
+      bailoutHooks(current, workInProgress, renderLanes),
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   workInProgress.flags |= 1;
   reconcileChildren(current, workInProgress, Component, renderLanes);
   return workInProgress.child;
 }
+function replayFunctionComponent(
+  current,
+  workInProgress,
+  nextProps,
+  Component,
+  secondArg,
+  renderLanes
+) {
+  prepareToReadContext(workInProgress, renderLanes);
+  nextProps = renderWithHooksAgain(
+    workInProgress,
+    Component,
+    nextProps,
+    secondArg
+  );
+  finishRenderingHooks();
+  if (null !== current && !didReceiveUpdate)
+    return (
+      bailoutHooks(current, workInProgress, renderLanes),
+      bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
+    );
+  workInProgress.flags |= 1;
+  reconcileChildren(current, workInProgress, nextProps, renderLanes);
+  return workInProgress.child;
+}
 function updateClassComponent(
   current,
   workInProgress,
@@ -4699,7 +5109,7 @@ function updateClassComponent(
       ? (contextType = readContext(contextType))
       : ((contextType = isContextProvider(Component)
           ? previousContext
-          : contextStackCursor.current),
+          : contextStackCursor$1.current),
         (contextType = getMaskedContext(workInProgress, contextType)));
     var getDerivedStateFromProps = Component.getDerivedStateFromProps,
       hasNewLifecycles =
@@ -4751,9 +5161,9 @@ function updateClassComponent(
               "function" === typeof instance.UNSAFE_componentWillMount &&
                 instance.UNSAFE_componentWillMount()),
             "function" === typeof instance.componentDidMount &&
-              (workInProgress.flags |= 4))
+              (workInProgress.flags |= 4194308))
           : ("function" === typeof instance.componentDidMount &&
-              (workInProgress.flags |= 4),
+              (workInProgress.flags |= 4194308),
             (workInProgress.memoizedProps = nextProps),
             (workInProgress.memoizedState = oldContext)),
         (instance.props = nextProps),
@@ -4761,7 +5171,7 @@ function updateClassComponent(
         (instance.context = contextType),
         (nextProps = oldProps))
       : ("function" === typeof instance.componentDidMount &&
-          (workInProgress.flags |= 4),
+          (workInProgress.flags |= 4194308),
         (nextProps = !1));
   } else {
     instance = workInProgress.stateNode;
@@ -4779,7 +5189,7 @@ function updateClassComponent(
       ? (oldContext = readContext(oldContext))
       : ((oldContext = isContextProvider(Component)
           ? previousContext
-          : contextStackCursor.current),
+          : contextStackCursor$1.current),
         (oldContext = getMaskedContext(workInProgress, oldContext)));
     var getDerivedStateFromProps$jscomp$0 = Component.getDerivedStateFromProps;
     (getDerivedStateFromProps =
@@ -4879,7 +5289,7 @@ function finishClassComponent(
   hasContext,
   renderLanes
 ) {
-  markRef(current, workInProgress);
+  markRef$1(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.flags & 128);
   if (!shouldUpdate && !didCaptureError)
     return (
@@ -4929,11 +5339,19 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, treeContext: null, retryLane: 0 };
 function mountSuspenseOffscreenState(renderLanes) {
-  return { baseLanes: renderLanes, cachePool: null, transitions: null };
+  return { baseLanes: renderLanes, cachePool: null };
+}
+function getRemainingWorkInPrimaryTree(
+  current,
+  primaryTreeDidDefer,
+  renderLanes
+) {
+  current = null !== current ? current.childLanes & ~renderLanes : 0;
+  primaryTreeDidDefer && (current |= workInProgressDeferredLane);
+  return current;
 }
 function updateSuspenseComponent(current, workInProgress, renderLanes) {
   var nextProps = workInProgress.pendingProps,
-    suspenseContext = suspenseStackCursor.current,
     showFallback = !1,
     didSuspend = 0 !== (workInProgress.flags & 128),
     JSCompiler_temp;
@@ -4941,93 +5359,97 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     (JSCompiler_temp =
       null !== current && null === current.memoizedState
         ? !1
-        : 0 !== (suspenseContext & 2));
-  if (JSCompiler_temp) (showFallback = !0), (workInProgress.flags &= -129);
-  else if (null === current || null !== current.memoizedState)
-    suspenseContext |= 1;
-  push(suspenseStackCursor, suspenseContext & 1);
+        : 0 !== (suspenseStackCursor.current & 2));
+  JSCompiler_temp && ((showFallback = !0), (workInProgress.flags &= -129));
+  JSCompiler_temp = 0 !== (workInProgress.flags & 32);
+  workInProgress.flags &= -33;
   if (null === current) {
-    current = workInProgress.memoizedState;
-    if (null !== current && null !== current.dehydrated)
-      return (
-        0 === (workInProgress.mode & 1)
-          ? (workInProgress.lanes = 1)
-          : shim$1()
-          ? (workInProgress.lanes = 8)
-          : (workInProgress.lanes = 1073741824),
+    didSuspend = nextProps.children;
+    nextProps = nextProps.fallback;
+    if (showFallback) {
+      reuseSuspenseHandlerOnStack(workInProgress);
+      showFallback = workInProgress.mode;
+      var progressedPrimaryFragment = workInProgress.child;
+      didSuspend = { mode: "hidden", children: didSuspend };
+      0 === (showFallback & 1) && null !== progressedPrimaryFragment
+        ? ((progressedPrimaryFragment.childLanes = 0),
+          (progressedPrimaryFragment.pendingProps = didSuspend),
+          workInProgress.mode & 2 &&
+            ((progressedPrimaryFragment.actualDuration = 0),
+            (progressedPrimaryFragment.actualStartTime = -1),
+            (progressedPrimaryFragment.selfBaseDuration = 0),
+            (progressedPrimaryFragment.treeBaseDuration = 0)))
+        : (progressedPrimaryFragment = createFiberFromOffscreen(
+            didSuspend,
+            showFallback,
+            0,
+            null
+          ));
+      nextProps = createFiberFromFragment(
+        nextProps,
+        showFallback,
+        renderLanes,
         null
       );
-    didSuspend = nextProps.children;
-    current = nextProps.fallback;
-    return showFallback
-      ? ((nextProps = workInProgress.mode),
-        (showFallback = workInProgress.child),
-        (didSuspend = { mode: "hidden", children: didSuspend }),
-        0 === (nextProps & 1) && null !== showFallback
-          ? ((showFallback.childLanes = 0),
-            (showFallback.pendingProps = didSuspend),
-            workInProgress.mode & 2 &&
-              ((showFallback.actualDuration = 0),
-              (showFallback.actualStartTime = -1),
-              (showFallback.selfBaseDuration = 0),
-              (showFallback.treeBaseDuration = 0)))
-          : (showFallback = createFiberFromOffscreen(
-              didSuspend,
-              nextProps,
-              0,
-              null
-            )),
-        (current = createFiberFromFragment(
-          current,
-          nextProps,
-          renderLanes,
-          null
-        )),
-        (showFallback.return = workInProgress),
-        (current.return = workInProgress),
-        (showFallback.sibling = current),
-        (workInProgress.child = showFallback),
-        (workInProgress.child.memoizedState = mountSuspenseOffscreenState(
-          renderLanes
-        )),
-        (workInProgress.memoizedState = SUSPENDED_MARKER),
-        current)
-      : mountSuspensePrimaryChildren(workInProgress, didSuspend);
+      progressedPrimaryFragment.return = workInProgress;
+      nextProps.return = workInProgress;
+      progressedPrimaryFragment.sibling = nextProps;
+      workInProgress.child = progressedPrimaryFragment;
+      showFallback = workInProgress.child;
+      showFallback.memoizedState = mountSuspenseOffscreenState(renderLanes);
+      showFallback.childLanes = getRemainingWorkInPrimaryTree(
+        current,
+        JSCompiler_temp,
+        renderLanes
+      );
+      workInProgress.memoizedState = SUSPENDED_MARKER;
+      return nextProps;
+    }
+    pushPrimaryTreeSuspenseHandler(workInProgress);
+    return mountSuspensePrimaryChildren(workInProgress, didSuspend);
+  }
+  progressedPrimaryFragment = current.memoizedState;
+  if (null !== progressedPrimaryFragment) {
+    var dehydrated = progressedPrimaryFragment.dehydrated;
+    if (null !== dehydrated)
+      return updateDehydratedSuspenseComponent(
+        current,
+        workInProgress,
+        didSuspend,
+        JSCompiler_temp,
+        nextProps,
+        dehydrated,
+        progressedPrimaryFragment,
+        renderLanes
+      );
   }
-  suspenseContext = current.memoizedState;
-  if (
-    null !== suspenseContext &&
-    ((JSCompiler_temp = suspenseContext.dehydrated), null !== JSCompiler_temp)
-  )
-    return updateDehydratedSuspenseComponent(
-      current,
-      workInProgress,
-      didSuspend,
-      nextProps,
-      JSCompiler_temp,
-      suspenseContext,
-      renderLanes
-    );
   if (showFallback) {
+    reuseSuspenseHandlerOnStack(workInProgress);
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
-    suspenseContext = current.child;
-    JSCompiler_temp = suspenseContext.sibling;
+    progressedPrimaryFragment = current.child;
+    dehydrated = progressedPrimaryFragment.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
-    0 === (didSuspend & 1) && workInProgress.child !== suspenseContext
+    0 === (didSuspend & 1) && workInProgress.child !== progressedPrimaryFragment
       ? ((nextProps = workInProgress.child),
         (nextProps.childLanes = 0),
         (nextProps.pendingProps = primaryChildProps),
         workInProgress.mode & 2 &&
           ((nextProps.actualDuration = 0),
           (nextProps.actualStartTime = -1),
-          (nextProps.selfBaseDuration = suspenseContext.selfBaseDuration),
-          (nextProps.treeBaseDuration = suspenseContext.treeBaseDuration)),
+          (nextProps.selfBaseDuration =
+            progressedPrimaryFragment.selfBaseDuration),
+          (nextProps.treeBaseDuration =
+            progressedPrimaryFragment.treeBaseDuration)),
         (workInProgress.deletions = null))
-      : ((nextProps = createWorkInProgress(suspenseContext, primaryChildProps)),
-        (nextProps.subtreeFlags = suspenseContext.subtreeFlags & 14680064));
-    null !== JSCompiler_temp
-      ? (showFallback = createWorkInProgress(JSCompiler_temp, showFallback))
+      : ((nextProps = createWorkInProgress(
+          progressedPrimaryFragment,
+          primaryChildProps
+        )),
+        (nextProps.subtreeFlags =
+          progressedPrimaryFragment.subtreeFlags & 31457280));
+    null !== dehydrated
+      ? (showFallback = createWorkInProgress(dehydrated, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -5045,33 +5467,34 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     didSuspend =
       null === didSuspend
         ? mountSuspenseOffscreenState(renderLanes)
-        : {
-            baseLanes: didSuspend.baseLanes | renderLanes,
-            cachePool: null,
-            transitions: didSuspend.transitions
-          };
+        : { baseLanes: didSuspend.baseLanes | renderLanes, cachePool: null };
     showFallback.memoizedState = didSuspend;
-    showFallback.childLanes = current.childLanes & ~renderLanes;
+    showFallback.childLanes = getRemainingWorkInPrimaryTree(
+      current,
+      JSCompiler_temp,
+      renderLanes
+    );
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
   }
-  showFallback = current.child;
-  current = showFallback.sibling;
-  nextProps = createWorkInProgress(showFallback, {
+  pushPrimaryTreeSuspenseHandler(workInProgress);
+  JSCompiler_temp = current.child;
+  current = JSCompiler_temp.sibling;
+  JSCompiler_temp = createWorkInProgress(JSCompiler_temp, {
     mode: "visible",
     children: nextProps.children
   });
-  0 === (workInProgress.mode & 1) && (nextProps.lanes = renderLanes);
-  nextProps.return = workInProgress;
-  nextProps.sibling = null;
+  0 === (workInProgress.mode & 1) && (JSCompiler_temp.lanes = renderLanes);
+  JSCompiler_temp.return = workInProgress;
+  JSCompiler_temp.sibling = null;
   null !== current &&
     ((renderLanes = workInProgress.deletions),
     null === renderLanes
       ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16))
       : renderLanes.push(current));
-  workInProgress.child = nextProps;
+  workInProgress.child = JSCompiler_temp;
   workInProgress.memoizedState = null;
-  return nextProps;
+  return JSCompiler_temp;
 }
 function mountSuspensePrimaryChildren(workInProgress, primaryChildren) {
   primaryChildren = createFiberFromOffscreen(
@@ -5106,6 +5529,7 @@ function updateDehydratedSuspenseComponent(
   current,
   workInProgress,
   didSuspend,
+  didPrimaryChildrenDefer,
   nextProps,
   suspenseInstance,
   suspenseState,
@@ -5114,25 +5538,30 @@ function updateDehydratedSuspenseComponent(
   if (didSuspend) {
     if (workInProgress.flags & 256)
       return (
+        pushPrimaryTreeSuspenseHandler(workInProgress),
         (workInProgress.flags &= -257),
-        (suspenseState = createCapturedValue(
-          Error(
-            "There was an error while hydrating this Suspense boundary. Switched to client rendering."
-          )
-        )),
         retrySuspenseComponentWithoutHydrating(
           current,
           workInProgress,
           renderLanes,
-          suspenseState
+          {
+            value: Error(
+              "There was an error while hydrating this Suspense boundary. Switched to client rendering."
+            ),
+            source: null,
+            stack: null,
+            digest: null
+          }
         )
       );
     if (null !== workInProgress.memoizedState)
       return (
+        reuseSuspenseHandlerOnStack(workInProgress),
         (workInProgress.child = current.child),
         (workInProgress.flags |= 128),
         null
       );
+    reuseSuspenseHandlerOnStack(workInProgress);
     suspenseState = nextProps.fallback;
     didSuspend = workInProgress.mode;
     nextProps = createFiberFromOffscreen(
@@ -5154,12 +5583,17 @@ function updateDehydratedSuspenseComponent(
     workInProgress.child = nextProps;
     0 !== (workInProgress.mode & 1) &&
       reconcileChildFibers(workInProgress, current.child, null, renderLanes);
-    workInProgress.child.memoizedState = mountSuspenseOffscreenState(
+    nextProps = workInProgress.child;
+    nextProps.memoizedState = mountSuspenseOffscreenState(renderLanes);
+    nextProps.childLanes = getRemainingWorkInPrimaryTree(
+      current,
+      didPrimaryChildrenDefer,
       renderLanes
     );
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return suspenseState;
   }
+  pushPrimaryTreeSuspenseHandler(workInProgress);
   if (0 === (workInProgress.mode & 1))
     return retrySuspenseComponentWithoutHydrating(
       current,
@@ -5169,82 +5603,87 @@ function updateDehydratedSuspenseComponent(
     );
   if (shim$1())
     return (
-      (suspenseState = shim$1().digest),
-      (suspenseState = createCapturedValue(
-        Error(
-          "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
-        ),
-        suspenseState,
-        void 0
+      (didPrimaryChildrenDefer = shim$1().digest),
+      (suspenseState = Error(
+        "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
       )),
+      (suspenseState.digest = didPrimaryChildrenDefer),
       retrySuspenseComponentWithoutHydrating(
         current,
         workInProgress,
         renderLanes,
-        suspenseState
+        {
+          value: suspenseState,
+          source: null,
+          stack: null,
+          digest:
+            null != didPrimaryChildrenDefer ? didPrimaryChildrenDefer : null
+        }
       )
     );
-  didSuspend = 0 !== (renderLanes & current.childLanes);
-  if (didReceiveUpdate || didSuspend) {
-    nextProps = workInProgressRoot;
-    if (null !== nextProps) {
-      switch (renderLanes & -renderLanes) {
-        case 4:
-          didSuspend = 2;
-          break;
-        case 16:
-          didSuspend = 8;
-          break;
-        case 64:
-        case 128:
-        case 256:
-        case 512:
-        case 1024:
-        case 2048:
-        case 4096:
-        case 8192:
-        case 16384:
-        case 32768:
-        case 65536:
-        case 131072:
-        case 262144:
-        case 524288:
-        case 1048576:
-        case 2097152:
-        case 4194304:
-        case 8388608:
-        case 16777216:
-        case 33554432:
-        case 67108864:
-          didSuspend = 32;
-          break;
-        case 536870912:
-          didSuspend = 268435456;
-          break;
-        default:
-          didSuspend = 0;
-      }
-      didSuspend =
-        0 !== (didSuspend & (nextProps.suspendedLanes | renderLanes))
+  didPrimaryChildrenDefer = 0 !== (renderLanes & current.childLanes);
+  if (didReceiveUpdate || didPrimaryChildrenDefer) {
+    didPrimaryChildrenDefer = workInProgressRoot;
+    if (null !== didPrimaryChildrenDefer) {
+      nextProps = renderLanes & -renderLanes;
+      if (0 !== (nextProps & 42)) nextProps = 1;
+      else
+        switch (nextProps) {
+          case 2:
+            nextProps = 1;
+            break;
+          case 8:
+            nextProps = 4;
+            break;
+          case 32:
+            nextProps = 16;
+            break;
+          case 128:
+          case 256:
+          case 512:
+          case 1024:
+          case 2048:
+          case 4096:
+          case 8192:
+          case 16384:
+          case 32768:
+          case 65536:
+          case 131072:
+          case 262144:
+          case 524288:
+          case 1048576:
+          case 2097152:
+          case 4194304:
+          case 8388608:
+          case 16777216:
+          case 33554432:
+            nextProps = 64;
+            break;
+          case 268435456:
+            nextProps = 134217728;
+            break;
+          default:
+            nextProps = 0;
+        }
+      nextProps =
+        0 !==
+        (nextProps & (didPrimaryChildrenDefer.suspendedLanes | renderLanes))
           ? 0
-          : didSuspend;
-      0 !== didSuspend &&
-        didSuspend !== suspenseState.retryLane &&
-        ((suspenseState.retryLane = didSuspend),
-        markUpdateLaneFromFiberToRoot(current, didSuspend),
-        scheduleUpdateOnFiber(nextProps, current, didSuspend, -1));
+          : nextProps;
+      if (0 !== nextProps && nextProps !== suspenseState.retryLane)
+        throw (
+          ((suspenseState.retryLane = nextProps),
+          enqueueConcurrentRenderForLane(current, nextProps),
+          scheduleUpdateOnFiber(didPrimaryChildrenDefer, current, nextProps),
+          SelectiveHydrationException)
+        );
     }
-    renderDidSuspendDelayIfPossible();
-    suspenseState = createCapturedValue(
-      Error(
-        "This Suspense boundary received an update before it finished hydrating. This caused the boundary to switch to client rendering. The usual way to fix this is to wrap the original update in startTransition."
-      )
-    );
+    shim$1() || renderDidSuspendDelayIfPossible();
     return retrySuspenseComponentWithoutHydrating(
       current,
       workInProgress,
       renderLanes,
-      suspenseState
+      null
     );
   }
   if (shim$1())
@@ -5396,10 +5835,8 @@ function bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes) {
     workInProgress.child = renderLanes;
     for (renderLanes.return = workInProgress; null !== current.sibling; )
       (current = current.sibling),
-        (renderLanes = renderLanes.sibling = createWorkInProgress(
-          current,
-          current.pendingProps
-        )),
+        (renderLanes = renderLanes.sibling =
+          createWorkInProgress(current, current.pendingProps)),
         (renderLanes.return = workInProgress);
     renderLanes.sibling = null;
   }
@@ -5414,6 +5851,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
     case 3:
       pushHostRootContext(workInProgress);
       break;
+    case 27:
     case 5:
       pushHostContext(workInProgress);
       break;
@@ -5442,13 +5880,13 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
       if (null !== context) {
         if (null !== context.dehydrated)
           return (
-            push(suspenseStackCursor, suspenseStackCursor.current & 1),
+            pushPrimaryTreeSuspenseHandler(workInProgress),
             (workInProgress.flags |= 128),
             null
           );
         if (0 !== (renderLanes & workInProgress.child.childLanes))
           return updateSuspenseComponent(current, workInProgress, renderLanes);
-        push(suspenseStackCursor, suspenseStackCursor.current & 1);
+        pushPrimaryTreeSuspenseHandler(workInProgress);
         current = bailoutOnAlreadyFinishedWork(
           current,
           workInProgress,
@@ -5456,7 +5894,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
         );
         return null !== current ? current.sibling : null;
       }
-      push(suspenseStackCursor, suspenseStackCursor.current & 1);
+      pushPrimaryTreeSuspenseHandler(workInProgress);
       break;
     case 19:
       context = 0 !== (renderLanes & workInProgress.childLanes);
@@ -5484,23 +5922,81 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
         updateOffscreenComponent(current, workInProgress, renderLanes)
       );
   }
-  return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
+  return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
+}
+var valueCursor = createCursor(null),
+  currentlyRenderingFiber = null,
+  lastContextDependency = null,
+  lastFullyObservedContext = null;
+function resetContextDependencies() {
+  lastFullyObservedContext =
+    lastContextDependency =
+    currentlyRenderingFiber =
+      null;
+}
+function popProvider(context) {
+  context._currentValue2 = valueCursor.current;
+  pop(valueCursor);
+}
+function scheduleContextWorkOnParentPath(parent, renderLanes, propagationRoot) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    (parent.childLanes & renderLanes) !== renderLanes
+      ? ((parent.childLanes |= renderLanes),
+        null !== alternate && (alternate.childLanes |= renderLanes))
+      : null !== alternate &&
+        (alternate.childLanes & renderLanes) !== renderLanes &&
+        (alternate.childLanes |= renderLanes);
+    if (parent === propagationRoot) break;
+    parent = parent.return;
+  }
+}
+function prepareToReadContext(workInProgress, renderLanes) {
+  currentlyRenderingFiber = workInProgress;
+  lastFullyObservedContext = lastContextDependency = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (0 !== (workInProgress.lanes & renderLanes) && (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
+}
+function readContext(context) {
+  return readContextForConsumer(currentlyRenderingFiber, context);
+}
+function readContextDuringReconcilation(consumer, context, renderLanes) {
+  null === currentlyRenderingFiber &&
+    prepareToReadContext(consumer, renderLanes);
+  return readContextForConsumer(consumer, context);
+}
+function readContextForConsumer(consumer, context) {
+  var value = context._currentValue2;
+  if (lastFullyObservedContext !== context)
+    if (
+      ((context = { context: context, memoizedValue: value, next: null }),
+      null === lastContextDependency)
+    ) {
+      if (null === consumer)
+        throw Error(
+          "Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo()."
+        );
+      lastContextDependency = context;
+      consumer.dependencies = { lanes: 0, firstContext: context };
+    } else lastContextDependency = lastContextDependency.next = context;
+  return value;
 }
-function hadNoMutationsEffects(current, completedWork) {
-  if (null !== current && current.child === completedWork.child) return !0;
-  if (0 !== (completedWork.flags & 16)) return !1;
+var ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
+function handleAsyncAction() {}
+function doesRequireClone(current, completedWork) {
+  if (null !== current && current.child === completedWork.child) return !1;
+  if (0 !== (completedWork.flags & 16)) return !0;
   for (current = completedWork.child; null !== current; ) {
     if (0 !== (current.flags & 12854) || 0 !== (current.subtreeFlags & 12854))
-      return !1;
+      return !0;
     current = current.sibling;
   }
-  return !0;
+  return !1;
 }
-var appendAllChildren,
-  updateHostContainer,
-  updateHostComponent$1,
-  updateHostText$1;
-appendAllChildren = function(
+function appendAllChildren(
   parent,
   workInProgress,
   needsVisibilityToggle,
@@ -5536,7 +6032,7 @@ appendAllChildren = function(
     node.sibling.return = node.return;
     node = node.sibling;
   }
-};
+}
 function appendAllChildrenToContainer(
   containerChildSet,
   workInProgress,
@@ -5559,7 +6055,15 @@ function appendAllChildrenToContainer(
       if (22 === node.tag && null !== node.memoizedState)
         (instance = node.child),
           null !== instance && (instance.return = node),
-          appendAllChildrenToContainer(containerChildSet, node, !0, !0);
+          appendAllChildrenToContainer(
+            containerChildSet,
+            node,
+            !(
+              null !== node.memoizedProps &&
+              "manual" === node.memoizedProps.mode
+            ),
+            !0
+          );
       else if (null !== node.child) {
         node.child.return = node;
         node = node.child;
@@ -5574,71 +6078,25 @@ function appendAllChildrenToContainer(
     node = node.sibling;
   }
 }
-updateHostContainer = function(current, workInProgress) {
-  var portalOrRoot = workInProgress.stateNode;
-  if (!hadNoMutationsEffects(current, workInProgress)) {
-    current = portalOrRoot.containerInfo;
-    var newChildSet = createChildNodeSet(current);
+function updateHostContainer(current, workInProgress) {
+  if (doesRequireClone(current, workInProgress)) {
+    current = workInProgress.stateNode;
+    var container = current.containerInfo,
+      newChildSet = createChildNodeSet();
     appendAllChildrenToContainer(newChildSet, workInProgress, !1, !1);
-    portalOrRoot.pendingChildren = newChildSet;
+    current.pendingChildren = newChildSet;
     workInProgress.flags |= 4;
-    completeRoot(current, newChildSet);
-  }
-};
-updateHostComponent$1 = function(current, workInProgress, type, newProps) {
-  type = current.stateNode;
-  var oldProps = current.memoizedProps;
-  if (
-    (current = hadNoMutationsEffects(current, workInProgress)) &&
-    oldProps === newProps
-  )
-    workInProgress.stateNode = type;
-  else {
-    var recyclableInstance = workInProgress.stateNode;
-    requiredContext(contextStackCursor$1.current);
-    var updatePayload = null;
-    oldProps !== newProps &&
-      ((oldProps = diffProperties(
-        null,
-        oldProps,
-        newProps,
-        recyclableInstance.canonical.viewConfig.validAttributes
-      )),
-      (recyclableInstance.canonical.currentProps = newProps),
-      (updatePayload = oldProps));
-    current && null === updatePayload
-      ? (workInProgress.stateNode = type)
-      : ((newProps = updatePayload),
-        (oldProps = type.node),
-        (type = {
-          node: current
-            ? null !== newProps
-              ? cloneNodeWithNewProps(oldProps, newProps)
-              : cloneNode(oldProps)
-            : null !== newProps
-            ? cloneNodeWithNewChildrenAndProps(oldProps, newProps)
-            : cloneNodeWithNewChildren(oldProps),
-          canonical: type.canonical
-        }),
-        (workInProgress.stateNode = type),
-        current
-          ? (workInProgress.flags |= 4)
-          : appendAllChildren(type, workInProgress, !1, !1));
+    completeRoot(container, newChildSet);
   }
-};
-updateHostText$1 = function(current, workInProgress, oldText, newText) {
-  oldText !== newText
-    ? ((current = requiredContext(rootInstanceStackCursor.current)),
-      (oldText = requiredContext(contextStackCursor$1.current)),
-      (workInProgress.stateNode = createTextInstance(
-        newText,
-        current,
-        oldText,
-        workInProgress
-      )),
-      (workInProgress.flags |= 4))
-    : (workInProgress.stateNode = current.stateNode);
-};
+}
+function scheduleRetryEffect(workInProgress, retryQueue) {
+  null !== retryQueue
+    ? (workInProgress.flags |= 4)
+    : workInProgress.flags & 16384 &&
+      ((retryQueue =
+        22 !== workInProgress.tag ? claimNextRetryLane() : 536870912),
+      (workInProgress.lanes |= retryQueue));
+}
 function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
   switch (renderState.tailMode) {
     case "hidden":
@@ -5653,14 +6111,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$65 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$65 = lastTailNode),
+      for (var lastTailNode$64 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$64 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$65
+      null === lastTailNode$64
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$65.sibling = null);
+        : (lastTailNode$64.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -5672,60 +6130,59 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$67 = completedWork.selfBaseDuration,
-          child$68 = completedWork.child;
-        null !== child$68;
+        var treeBaseDuration$66 = completedWork.selfBaseDuration,
+          child$67 = completedWork.child;
+        null !== child$67;
 
       )
-        (newChildLanes |= child$68.lanes | child$68.childLanes),
-          (subtreeFlags |= child$68.subtreeFlags & 14680064),
-          (subtreeFlags |= child$68.flags & 14680064),
-          (treeBaseDuration$67 += child$68.treeBaseDuration),
-          (child$68 = child$68.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$67;
+        (newChildLanes |= child$67.lanes | child$67.childLanes),
+          (subtreeFlags |= child$67.subtreeFlags & 31457280),
+          (subtreeFlags |= child$67.flags & 31457280),
+          (treeBaseDuration$66 += child$67.treeBaseDuration),
+          (child$67 = child$67.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$66;
     } else
       for (
-        treeBaseDuration$67 = completedWork.child;
-        null !== treeBaseDuration$67;
+        treeBaseDuration$66 = completedWork.child;
+        null !== treeBaseDuration$66;
 
       )
         (newChildLanes |=
-          treeBaseDuration$67.lanes | treeBaseDuration$67.childLanes),
-          (subtreeFlags |= treeBaseDuration$67.subtreeFlags & 14680064),
-          (subtreeFlags |= treeBaseDuration$67.flags & 14680064),
-          (treeBaseDuration$67.return = completedWork),
-          (treeBaseDuration$67 = treeBaseDuration$67.sibling);
+          treeBaseDuration$66.lanes | treeBaseDuration$66.childLanes),
+          (subtreeFlags |= treeBaseDuration$66.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$66.flags & 31457280),
+          (treeBaseDuration$66.return = completedWork),
+          (treeBaseDuration$66 = treeBaseDuration$66.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$67 = completedWork.actualDuration;
-    child$68 = completedWork.selfBaseDuration;
+    treeBaseDuration$66 = completedWork.actualDuration;
+    child$67 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$67 += child.actualDuration),
-        (child$68 += child.treeBaseDuration),
+        (treeBaseDuration$66 += child.actualDuration),
+        (child$67 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$67;
-    completedWork.treeBaseDuration = child$68;
+    completedWork.actualDuration = treeBaseDuration$66;
+    completedWork.treeBaseDuration = child$67;
   } else
     for (
-      treeBaseDuration$67 = completedWork.child;
-      null !== treeBaseDuration$67;
+      treeBaseDuration$66 = completedWork.child;
+      null !== treeBaseDuration$66;
 
     )
       (newChildLanes |=
-        treeBaseDuration$67.lanes | treeBaseDuration$67.childLanes),
-        (subtreeFlags |= treeBaseDuration$67.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$67.flags),
-        (treeBaseDuration$67.return = completedWork),
-        (treeBaseDuration$67 = treeBaseDuration$67.sibling);
+        treeBaseDuration$66.lanes | treeBaseDuration$66.childLanes),
+        (subtreeFlags |= treeBaseDuration$66.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$66.flags),
+        (treeBaseDuration$66.return = completedWork),
+        (treeBaseDuration$66 = treeBaseDuration$66.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
 }
 function completeWork(current, workInProgress, renderLanes) {
   var newProps = workInProgress.pendingProps;
-  popTreeContext(workInProgress);
   switch (workInProgress.tag) {
     case 2:
     case 16:
@@ -5749,8 +6206,7 @@ function completeWork(current, workInProgress, renderLanes) {
         (renderLanes = workInProgress.stateNode),
         popHostContainer(),
         pop(didPerformWorkStackCursor),
-        pop(contextStackCursor),
-        resetWorkInProgressVersions(),
+        pop(contextStackCursor$1),
         renderLanes.pendingContext &&
           ((renderLanes.context = renderLanes.pendingContext),
           (renderLanes.pendingContext = null)),
@@ -5766,20 +6222,47 @@ function completeWork(current, workInProgress, renderLanes) {
         bubbleProperties(workInProgress),
         null
       );
+    case 26:
+    case 27:
     case 5:
       popHostContext(workInProgress);
-      renderLanes = requiredContext(rootInstanceStackCursor.current);
-      var type = workInProgress.type;
-      if (null !== current && null != workInProgress.stateNode)
-        updateHostComponent$1(
-          current,
-          workInProgress,
-          type,
-          newProps,
-          renderLanes
-        ),
-          current.ref !== workInProgress.ref && (workInProgress.flags |= 512);
-      else {
+      renderLanes = workInProgress.type;
+      if (null !== current && null != workInProgress.stateNode) {
+        renderLanes = current.stateNode;
+        var oldProps = current.memoizedProps,
+          requiresClone = doesRequireClone(current, workInProgress);
+        if (requiresClone || oldProps !== newProps) {
+          b: {
+            oldProps = diffProperties(
+              null,
+              oldProps,
+              newProps,
+              renderLanes.canonical.viewConfig.validAttributes
+            );
+            renderLanes.canonical.currentProps = newProps;
+            newProps = renderLanes.node;
+            if (requiresClone)
+              newProps =
+                null !== oldProps
+                  ? cloneNodeWithNewChildrenAndProps(newProps, oldProps)
+                  : cloneNodeWithNewChildren(newProps);
+            else if (null !== oldProps)
+              newProps = cloneNodeWithNewProps(newProps, oldProps);
+            else {
+              newProps = renderLanes;
+              break b;
+            }
+            newProps = { node: newProps, canonical: renderLanes.canonical };
+          }
+          newProps === renderLanes
+            ? (workInProgress.stateNode = renderLanes)
+            : ((workInProgress.stateNode = newProps),
+              requiresClone
+                ? appendAllChildren(newProps, workInProgress, !1, !1)
+                : (workInProgress.flags |= 4));
+        } else workInProgress.stateNode = renderLanes;
+        current.ref !== workInProgress.ref && (workInProgress.flags |= 2097664);
+      } else {
         if (!newProps) {
           if (null === workInProgress.stateNode)
             throw Error(
@@ -5788,62 +6271,72 @@ function completeWork(current, workInProgress, renderLanes) {
           bubbleProperties(workInProgress);
           return null;
         }
-        requiredContext(contextStackCursor$1.current);
+        requiresClone = rootInstanceStackCursor.current;
         current = nextReactTag;
         nextReactTag += 2;
-        type = getViewConfigForType(type);
-        var updatePayload = diffProperties(
+        renderLanes = getViewConfigForType(renderLanes);
+        oldProps = diffProperties(
           null,
           emptyObject,
           newProps,
-          type.validAttributes
+          renderLanes.validAttributes
         );
-        renderLanes = createNode(
+        requiresClone = createNode(
           current,
-          type.uiViewClassName,
-          renderLanes,
-          updatePayload,
+          renderLanes.uiViewClassName,
+          requiresClone,
+          oldProps,
           workInProgress
         );
-        current = new ReactFabricHostComponent(
+        oldProps = ReactNativePrivateInterface.createPublicInstance(
           current,
-          type,
-          newProps,
+          renderLanes,
           workInProgress
         );
-        current = { node: renderLanes, canonical: current };
+        current = {
+          node: requiresClone,
+          canonical: {
+            nativeTag: current,
+            viewConfig: renderLanes,
+            currentProps: newProps,
+            internalInstanceHandle: workInProgress,
+            publicInstance: oldProps
+          }
+        };
         appendAllChildren(current, workInProgress, !1, !1);
         workInProgress.stateNode = current;
-        null !== workInProgress.ref && (workInProgress.flags |= 512);
+        null !== workInProgress.ref && (workInProgress.flags |= 2097664);
       }
       bubbleProperties(workInProgress);
+      workInProgress.flags &= -16777217;
       return null;
     case 6:
       if (current && null != workInProgress.stateNode)
-        updateHostText$1(
-          current,
-          workInProgress,
-          current.memoizedProps,
-          newProps
-        );
+        current.memoizedProps !== newProps
+          ? ((workInProgress.stateNode = createTextInstance(
+              newProps,
+              rootInstanceStackCursor.current,
+              contextStackCursor.current,
+              workInProgress
+            )),
+            (workInProgress.flags |= 4))
+          : (workInProgress.stateNode = current.stateNode);
       else {
         if ("string" !== typeof newProps && null === workInProgress.stateNode)
           throw Error(
             "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
           );
-        current = requiredContext(rootInstanceStackCursor.current);
-        renderLanes = requiredContext(contextStackCursor$1.current);
         workInProgress.stateNode = createTextInstance(
           newProps,
-          current,
-          renderLanes,
+          rootInstanceStackCursor.current,
+          contextStackCursor.current,
           workInProgress
         );
       }
       bubbleProperties(workInProgress);
       return null;
     case 13:
-      pop(suspenseStackCursor);
+      popSuspenseHandler(workInProgress);
       newProps = workInProgress.memoizedState;
       if (
         null === current ||
@@ -5865,15 +6358,17 @@ function completeWork(current, workInProgress, renderLanes) {
           bubbleProperties(workInProgress);
           0 !== (workInProgress.mode & 2) &&
             null !== newProps &&
-            ((type = workInProgress.child),
-            null !== type &&
-              (workInProgress.treeBaseDuration -= type.treeBaseDuration));
-          type = !1;
+            ((requiresClone = workInProgress.child),
+            null !== requiresClone &&
+              (workInProgress.treeBaseDuration -=
+                requiresClone.treeBaseDuration));
+          requiresClone = !1;
         } else
           null !== hydrationErrors &&
             (queueRecoverableErrors(hydrationErrors), (hydrationErrors = null)),
-            (type = !0);
-        if (!type) return workInProgress.flags & 65536 ? workInProgress : null;
+            (requiresClone = !0);
+        if (!requiresClone)
+          return workInProgress.flags & 256 ? workInProgress : null;
       }
       if (0 !== (workInProgress.flags & 128))
         return (
@@ -5885,13 +6380,8 @@ function completeWork(current, workInProgress, renderLanes) {
       renderLanes = null !== newProps;
       renderLanes !== (null !== current && null !== current.memoizedState) &&
         renderLanes &&
-        ((workInProgress.child.flags |= 8192),
-        0 !== (workInProgress.mode & 1) &&
-          (null === current || 0 !== (suspenseStackCursor.current & 1)
-            ? 0 === workInProgressRootExitStatus &&
-              (workInProgressRootExitStatus = 3)
-            : renderDidSuspendDelayIfPossible()));
-      null !== workInProgress.updateQueue && (workInProgress.flags |= 4);
+        (workInProgress.child.flags |= 8192);
+      scheduleRetryEffect(workInProgress, workInProgress.updateQueue);
       bubbleProperties(workInProgress);
       0 !== (workInProgress.mode & 2) &&
         renderLanes &&
@@ -5920,64 +6410,29 @@ function completeWork(current, workInProgress, renderLanes) {
       );
     case 19:
       pop(suspenseStackCursor);
-      type = workInProgress.memoizedState;
-      if (null === type) return bubbleProperties(workInProgress), null;
+      requiresClone = workInProgress.memoizedState;
+      if (null === requiresClone) return bubbleProperties(workInProgress), null;
       newProps = 0 !== (workInProgress.flags & 128);
-      updatePayload = type.rendering;
-      if (null === updatePayload)
-        if (newProps) cutOffTailIfNeeded(type, !1);
+      oldProps = requiresClone.rendering;
+      if (null === oldProps)
+        if (newProps) cutOffTailIfNeeded(requiresClone, !1);
         else {
           if (
             0 !== workInProgressRootExitStatus ||
             (null !== current && 0 !== (current.flags & 128))
           )
             for (current = workInProgress.child; null !== current; ) {
-              updatePayload = findFirstSuspended(current);
-              if (null !== updatePayload) {
+              oldProps = findFirstSuspended(current);
+              if (null !== oldProps) {
                 workInProgress.flags |= 128;
-                cutOffTailIfNeeded(type, !1);
-                current = updatePayload.updateQueue;
-                null !== current &&
-                  ((workInProgress.updateQueue = current),
-                  (workInProgress.flags |= 4));
+                cutOffTailIfNeeded(requiresClone, !1);
+                current = oldProps.updateQueue;
+                workInProgress.updateQueue = current;
+                scheduleRetryEffect(workInProgress, current);
                 workInProgress.subtreeFlags = 0;
                 current = renderLanes;
                 for (renderLanes = workInProgress.child; null !== renderLanes; )
-                  (newProps = renderLanes),
-                    (updatePayload = current),
-                    (newProps.flags &= 14680066),
-                    (type = newProps.alternate),
-                    null === type
-                      ? ((newProps.childLanes = 0),
-                        (newProps.lanes = updatePayload),
-                        (newProps.child = null),
-                        (newProps.subtreeFlags = 0),
-                        (newProps.memoizedProps = null),
-                        (newProps.memoizedState = null),
-                        (newProps.updateQueue = null),
-                        (newProps.dependencies = null),
-                        (newProps.stateNode = null),
-                        (newProps.selfBaseDuration = 0),
-                        (newProps.treeBaseDuration = 0))
-                      : ((newProps.childLanes = type.childLanes),
-                        (newProps.lanes = type.lanes),
-                        (newProps.child = type.child),
-                        (newProps.subtreeFlags = 0),
-                        (newProps.deletions = null),
-                        (newProps.memoizedProps = type.memoizedProps),
-                        (newProps.memoizedState = type.memoizedState),
-                        (newProps.updateQueue = type.updateQueue),
-                        (newProps.type = type.type),
-                        (updatePayload = type.dependencies),
-                        (newProps.dependencies =
-                          null === updatePayload
-                            ? null
-                            : {
-                                lanes: updatePayload.lanes,
-                                firstContext: updatePayload.firstContext
-                              }),
-                        (newProps.selfBaseDuration = type.selfBaseDuration),
-                        (newProps.treeBaseDuration = type.treeBaseDuration)),
+                  resetWorkInProgress(renderLanes, current),
                     (renderLanes = renderLanes.sibling);
                 push(
                   suspenseStackCursor,
@@ -5987,54 +6442,51 @@ function completeWork(current, workInProgress, renderLanes) {
               }
               current = current.sibling;
             }
-          null !== type.tail &&
-            now() > workInProgressRootRenderTargetTime &&
+          null !== requiresClone.tail &&
+            now$1() > workInProgressRootRenderTargetTime &&
             ((workInProgress.flags |= 128),
             (newProps = !0),
-            cutOffTailIfNeeded(type, !1),
+            cutOffTailIfNeeded(requiresClone, !1),
             (workInProgress.lanes = 4194304));
         }
       else {
         if (!newProps)
-          if (
-            ((current = findFirstSuspended(updatePayload)), null !== current)
-          ) {
+          if (((current = findFirstSuspended(oldProps)), null !== current)) {
             if (
               ((workInProgress.flags |= 128),
               (newProps = !0),
               (current = current.updateQueue),
-              null !== current &&
-                ((workInProgress.updateQueue = current),
-                (workInProgress.flags |= 4)),
-              cutOffTailIfNeeded(type, !0),
-              null === type.tail &&
-                "hidden" === type.tailMode &&
-                !updatePayload.alternate)
+              (workInProgress.updateQueue = current),
+              scheduleRetryEffect(workInProgress, current),
+              cutOffTailIfNeeded(requiresClone, !0),
+              null === requiresClone.tail &&
+                "hidden" === requiresClone.tailMode &&
+                !oldProps.alternate)
             )
               return bubbleProperties(workInProgress), null;
           } else
-            2 * now() - type.renderingStartTime >
+            2 * now$1() - requiresClone.renderingStartTime >
               workInProgressRootRenderTargetTime &&
-              1073741824 !== renderLanes &&
+              536870912 !== renderLanes &&
               ((workInProgress.flags |= 128),
               (newProps = !0),
-              cutOffTailIfNeeded(type, !1),
+              cutOffTailIfNeeded(requiresClone, !1),
               (workInProgress.lanes = 4194304));
-        type.isBackwards
-          ? ((updatePayload.sibling = workInProgress.child),
-            (workInProgress.child = updatePayload))
-          : ((current = type.last),
+        requiresClone.isBackwards
+          ? ((oldProps.sibling = workInProgress.child),
+            (workInProgress.child = oldProps))
+          : ((current = requiresClone.last),
             null !== current
-              ? (current.sibling = updatePayload)
-              : (workInProgress.child = updatePayload),
-            (type.last = updatePayload));
+              ? (current.sibling = oldProps)
+              : (workInProgress.child = oldProps),
+            (requiresClone.last = oldProps));
       }
-      if (null !== type.tail)
+      if (null !== requiresClone.tail)
         return (
-          (workInProgress = type.tail),
-          (type.rendering = workInProgress),
-          (type.tail = workInProgress.sibling),
-          (type.renderingStartTime = now()),
+          (workInProgress = requiresClone.tail),
+          (requiresClone.rendering = workInProgress),
+          (requiresClone.tail = workInProgress.sibling),
+          (requiresClone.renderingStartTime = now$1()),
           (workInProgress.sibling = null),
           (current = suspenseStackCursor.current),
           push(suspenseStackCursor, newProps ? (current & 1) | 2 : current & 1),
@@ -6045,15 +6497,22 @@ function completeWork(current, workInProgress, renderLanes) {
     case 22:
     case 23:
       return (
-        popRenderLanes(),
-        (renderLanes = null !== workInProgress.memoizedState),
-        null !== current &&
-          (null !== current.memoizedState) !== renderLanes &&
-          (workInProgress.flags |= 8192),
-        renderLanes && 0 !== (workInProgress.mode & 1)
-          ? 0 !== (subtreeRenderLanes & 1073741824) &&
-            bubbleProperties(workInProgress)
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        (newProps = null !== workInProgress.memoizedState),
+        null !== current
+          ? (null !== current.memoizedState) !== newProps &&
+            (workInProgress.flags |= 8192)
+          : newProps && (workInProgress.flags |= 8192),
+        newProps && 0 !== (workInProgress.mode & 1)
+          ? 0 !== (renderLanes & 536870912) &&
+            0 === (workInProgress.flags & 128) &&
+            (bubbleProperties(workInProgress),
+            workInProgress.subtreeFlags & 6 && (workInProgress.flags |= 8192))
           : bubbleProperties(workInProgress),
+        (current = workInProgress.updateQueue),
+        null !== current &&
+          scheduleRetryEffect(workInProgress, current.retryQueue),
         null
       );
     case 24:
@@ -6068,7 +6527,6 @@ function completeWork(current, workInProgress, renderLanes) {
   );
 }
 function unwindWork(current, workInProgress) {
-  popTreeContext(workInProgress);
   switch (workInProgress.tag) {
     case 1:
       return (
@@ -6085,17 +6543,18 @@ function unwindWork(current, workInProgress) {
       return (
         popHostContainer(),
         pop(didPerformWorkStackCursor),
-        pop(contextStackCursor),
-        resetWorkInProgressVersions(),
+        pop(contextStackCursor$1),
         (current = workInProgress.flags),
         0 !== (current & 65536) && 0 === (current & 128)
           ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
           : null
       );
+    case 26:
+    case 27:
     case 5:
       return popHostContext(workInProgress), null;
     case 13:
-      pop(suspenseStackCursor);
+      popSuspenseHandler(workInProgress);
       current = workInProgress.memoizedState;
       if (
         null !== current &&
@@ -6120,31 +6579,137 @@ function unwindWork(current, workInProgress) {
       return popProvider(workInProgress.type._context), null;
     case 22:
     case 23:
-      return popRenderLanes(), null;
+      return (
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        (current = workInProgress.flags),
+        current & 65536
+          ? ((workInProgress.flags = (current & -65537) | 128),
+            0 !== (workInProgress.mode & 2) &&
+              transferActualDuration(workInProgress),
+            workInProgress)
+          : null
+      );
     case 24:
       return null;
+    case 25:
+      return null;
     default:
       return null;
   }
 }
-var PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
+function unwindInterruptedWork(current, interruptedWork) {
+  switch (interruptedWork.tag) {
+    case 1:
+      current = interruptedWork.type.childContextTypes;
+      null !== current && void 0 !== current && popContext();
+      break;
+    case 3:
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor$1);
+      break;
+    case 26:
+    case 27:
+    case 5:
+      popHostContext(interruptedWork);
+      break;
+    case 4:
+      popHostContainer();
+      break;
+    case 13:
+      popSuspenseHandler(interruptedWork);
+      break;
+    case 19:
+      pop(suspenseStackCursor);
+      break;
+    case 10:
+      popProvider(interruptedWork.type._context);
+      break;
+    case 22:
+    case 23:
+      popSuspenseHandler(interruptedWork), popHiddenContext();
+  }
+}
+var offscreenSubtreeIsHidden = !1,
+  offscreenSubtreeWasHidden = !1,
+  PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
   nextEffect = null,
   inProgressLanes = null,
   inProgressRoot = null;
+function shouldProfile(current) {
+  return 0 !== (current.mode & 2) && 0 !== (executionContext & 4);
+}
+function callComponentWillUnmountWithTimer(current, instance) {
+  instance.props = current.memoizedProps;
+  instance.state = current.memoizedState;
+  if (shouldProfile(current))
+    try {
+      startLayoutEffectTimer(), instance.componentWillUnmount();
+    } finally {
+      recordLayoutEffectDuration(current);
+    }
+  else instance.componentWillUnmount();
+}
+function safelyAttachRef(current, nearestMountedAncestor) {
+  try {
+    var ref = current.ref;
+    if (null !== ref) {
+      var instance = current.stateNode;
+      switch (current.tag) {
+        case 26:
+        case 27:
+        case 5:
+          var instanceToUse = getPublicInstance(instance);
+          break;
+        default:
+          instanceToUse = instance;
+      }
+      if ("function" === typeof ref)
+        if (shouldProfile(current))
+          try {
+            startLayoutEffectTimer(), (current.refCleanup = ref(instanceToUse));
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        else current.refCleanup = ref(instanceToUse);
+      else ref.current = instanceToUse;
+    }
+  } catch (error) {
+    captureCommitPhaseError(current, nearestMountedAncestor, error);
+  }
+}
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        if (current.mode & 2)
+        if (shouldProfile(current))
           try {
-            startLayoutEffectTimer(), ref(null);
+            startLayoutEffectTimer(), refCleanup();
           } finally {
             recordLayoutEffectDuration(current);
           }
-        else ref(null);
+        else refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        if (shouldProfile(current))
+          try {
+            startLayoutEffectTimer(), ref(null);
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        else ref(null);
+      } catch (error$85) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$85);
       }
     else ref.current = null;
 }
@@ -6168,86 +6733,310 @@ function commitBeforeMutationEffects(root, firstChild) {
       for (; null !== nextEffect; ) {
         root = nextEffect;
         try {
-          var current = root.alternate;
-          if (0 !== (root.flags & 1024))
-            switch (root.tag) {
-              case 0:
-              case 11:
-              case 15:
-                break;
-              case 1:
-                if (null !== current) {
-                  var prevProps = current.memoizedProps,
-                    prevState = current.memoizedState,
-                    instance = root.stateNode,
-                    snapshot = instance.getSnapshotBeforeUpdate(
-                      root.elementType === root.type
-                        ? prevProps
-                        : resolveDefaultProps(root.type, prevProps),
-                      prevState
-                    );
-                  instance.__reactInternalSnapshotBeforeUpdate = snapshot;
-                }
-                break;
-              case 3:
-                break;
-              case 5:
-              case 6:
-              case 4:
-              case 17:
-                break;
-              default:
+          var current = root.alternate,
+            flags = root.flags;
+          switch (root.tag) {
+            case 0:
+              break;
+            case 11:
+            case 15:
+              break;
+            case 1:
+              if (0 !== (flags & 1024) && null !== current) {
+                var prevProps = current.memoizedProps,
+                  prevState = current.memoizedState,
+                  instance = root.stateNode,
+                  snapshot = instance.getSnapshotBeforeUpdate(
+                    root.elementType === root.type
+                      ? prevProps
+                      : resolveDefaultProps(root.type, prevProps),
+                    prevState
+                  );
+                instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+              }
+              break;
+            case 3:
+              break;
+            case 5:
+            case 26:
+            case 27:
+            case 6:
+            case 4:
+            case 17:
+              break;
+            default:
+              if (0 !== (flags & 1024))
                 throw Error(
                   "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
                 );
+          }
+        } catch (error) {
+          captureCommitPhaseError(root, root.return, error);
+        }
+        firstChild = root.sibling;
+        if (null !== firstChild) {
+          firstChild.return = root.return;
+          nextEffect = firstChild;
+          break;
+        }
+        nextEffect = root.return;
+      }
+  current = shouldFireAfterActiveInstanceBlur;
+  shouldFireAfterActiveInstanceBlur = !1;
+  return current;
+}
+function commitHookEffectListUnmount(
+  flags,
+  finishedWork,
+  nearestMountedAncestor
+) {
+  var updateQueue = finishedWork.updateQueue;
+  updateQueue = null !== updateQueue ? updateQueue.lastEffect : null;
+  if (null !== updateQueue) {
+    var effect = (updateQueue = updateQueue.next);
+    do {
+      if ((effect.tag & flags) === flags) {
+        var inst = effect.inst,
+          destroy = inst.destroy;
+        void 0 !== destroy &&
+          ((inst.destroy = void 0),
+          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy));
+      }
+      effect = effect.next;
+    } while (effect !== updateQueue);
+  }
+}
+function commitHookEffectListMount(flags, finishedWork) {
+  finishedWork = finishedWork.updateQueue;
+  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
+  if (null !== finishedWork) {
+    var effect = (finishedWork = finishedWork.next);
+    do {
+      if ((effect.tag & flags) === flags) {
+        var create$86 = effect.create,
+          inst = effect.inst;
+        create$86 = create$86();
+        inst.destroy = create$86;
+      }
+      effect = effect.next;
+    } while (effect !== finishedWork);
+  }
+}
+function commitHookLayoutEffects(finishedWork, hookFlags) {
+  if (shouldProfile(finishedWork)) {
+    try {
+      startLayoutEffectTimer(),
+        commitHookEffectListMount(hookFlags, finishedWork);
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+    recordLayoutEffectDuration(finishedWork);
+  } else
+    try {
+      commitHookEffectListMount(hookFlags, finishedWork);
+    } catch (error$88) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$88);
+    }
+}
+function commitClassCallbacks(finishedWork) {
+  var updateQueue = finishedWork.updateQueue;
+  if (null !== updateQueue) {
+    var instance = finishedWork.stateNode;
+    try {
+      commitCallbacks(updateQueue, instance);
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+  }
+}
+function commitHostComponentMount(finishedWork) {
+  try {
+    throw Error(
+      "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
+    );
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+function commitProfilerUpdate(finishedWork, current) {
+  if (executionContext & 4)
+    try {
+      var _finishedWork$memoize2 = finishedWork.memoizedProps,
+        onCommit = _finishedWork$memoize2.onCommit,
+        onRender = _finishedWork$memoize2.onRender,
+        effectDuration = finishedWork.stateNode.effectDuration;
+      _finishedWork$memoize2 = commitTime;
+      current = null === current ? "mount" : "update";
+      currentUpdateIsNested && (current = "nested-update");
+      "function" === typeof onRender &&
+        onRender(
+          finishedWork.memoizedProps.id,
+          current,
+          finishedWork.actualDuration,
+          finishedWork.treeBaseDuration,
+          finishedWork.actualStartTime,
+          _finishedWork$memoize2
+        );
+      "function" === typeof onCommit &&
+        onCommit(
+          finishedWork.memoizedProps.id,
+          current,
+          effectDuration,
+          _finishedWork$memoize2
+        );
+      enqueuePendingPassiveProfilerEffect(finishedWork);
+      var parentFiber = finishedWork.return;
+      a: for (; null !== parentFiber; ) {
+        switch (parentFiber.tag) {
+          case 3:
+            parentFiber.stateNode.effectDuration += effectDuration;
+            break a;
+          case 12:
+            parentFiber.stateNode.effectDuration += effectDuration;
+            break a;
+        }
+        parentFiber = parentFiber.return;
+      }
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+}
+function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
+  var flags = finishedWork.flags;
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 4 && commitHookLayoutEffects(finishedWork, 5);
+      break;
+    case 1:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      if (flags & 4)
+        if (((finishedRoot = finishedWork.stateNode), null === current))
+          if (shouldProfile(finishedWork)) {
+            try {
+              startLayoutEffectTimer(), finishedRoot.componentDidMount();
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            }
+            recordLayoutEffectDuration(finishedWork);
+          } else
+            try {
+              finishedRoot.componentDidMount();
+            } catch (error$89) {
+              captureCommitPhaseError(
+                finishedWork,
+                finishedWork.return,
+                error$89
+              );
+            }
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          current = current.memoizedState;
+          if (shouldProfile(finishedWork)) {
+            try {
+              startLayoutEffectTimer(),
+                finishedRoot.componentDidUpdate(
+                  prevProps,
+                  current,
+                  finishedRoot.__reactInternalSnapshotBeforeUpdate
+                );
+            } catch (error$90) {
+              captureCommitPhaseError(
+                finishedWork,
+                finishedWork.return,
+                error$90
+              );
+            }
+            recordLayoutEffectDuration(finishedWork);
+          } else
+            try {
+              finishedRoot.componentDidUpdate(
+                prevProps,
+                current,
+                finishedRoot.__reactInternalSnapshotBeforeUpdate
+              );
+            } catch (error$91) {
+              captureCommitPhaseError(
+                finishedWork,
+                finishedWork.return,
+                error$91
+              );
             }
-        } catch (error) {
-          captureCommitPhaseError(root, root.return, error);
         }
-        firstChild = root.sibling;
-        if (null !== firstChild) {
-          firstChild.return = root.return;
-          nextEffect = firstChild;
-          break;
+      flags & 64 && commitClassCallbacks(finishedWork);
+      flags & 512 && safelyAttachRef(finishedWork, finishedWork.return);
+      break;
+    case 3:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      if (flags & 64 && ((flags = finishedWork.updateQueue), null !== flags)) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 27:
+            case 5:
+              finishedRoot = getPublicInstance(finishedWork.child.stateNode);
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        try {
+          commitCallbacks(flags, finishedRoot);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
-        nextEffect = root.return;
-      }
-  current = shouldFireAfterActiveInstanceBlur;
-  shouldFireAfterActiveInstanceBlur = !1;
-  return current;
-}
-function commitHookEffectListUnmount(
-  flags,
-  finishedWork,
-  nearestMountedAncestor
-) {
-  var updateQueue = finishedWork.updateQueue;
-  updateQueue = null !== updateQueue ? updateQueue.lastEffect : null;
-  if (null !== updateQueue) {
-    var effect = (updateQueue = updateQueue.next);
-    do {
-      if ((effect.tag & flags) === flags) {
-        var destroy = effect.destroy;
-        effect.destroy = void 0;
-        void 0 !== destroy &&
-          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy);
-      }
-      effect = effect.next;
-    } while (effect !== updateQueue);
-  }
-}
-function commitHookEffectListMount(flags, finishedWork) {
-  finishedWork = finishedWork.updateQueue;
-  finishedWork = null !== finishedWork ? finishedWork.lastEffect : null;
-  if (null !== finishedWork) {
-    var effect = (finishedWork = finishedWork.next);
-    do {
-      if ((effect.tag & flags) === flags) {
-        var create$83 = effect.create;
-        effect.destroy = create$83();
       }
-      effect = effect.next;
-    } while (effect !== finishedWork);
+      break;
+    case 26:
+    case 27:
+    case 5:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      null === current && flags & 4 && commitHostComponentMount(finishedWork);
+      flags & 512 && safelyAttachRef(finishedWork, finishedWork.return);
+      break;
+    case 12:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 4 && commitProfilerUpdate(finishedWork, current);
+      break;
+    case 13:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      break;
+    case 22:
+      if (0 !== (finishedWork.mode & 1)) {
+        if (
+          ((prevProps =
+            null !== finishedWork.memoizedState || offscreenSubtreeIsHidden),
+          !prevProps)
+        ) {
+          current =
+            (null !== current && null !== current.memoizedState) ||
+            offscreenSubtreeWasHidden;
+          var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
+            prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+          offscreenSubtreeIsHidden = prevProps;
+          (offscreenSubtreeWasHidden = current) &&
+          !prevOffscreenSubtreeWasHidden
+            ? recursivelyTraverseReappearLayoutEffects(
+                finishedRoot,
+                finishedWork,
+                0 !== (finishedWork.subtreeFlags & 8772)
+              )
+            : recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+          offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+          offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+        }
+      } else recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 512 &&
+        ("manual" === finishedWork.memoizedProps.mode
+          ? safelyAttachRef(finishedWork, finishedWork.return)
+          : safelyDetachRef(finishedWork, finishedWork.return));
+      break;
+    default:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
   }
 }
 function detachFiberAfterEffects(fiber) {
@@ -6285,8 +7074,11 @@ function commitDeletionEffectsOnFiber(
       injectedHook.onCommitFiberUnmount(rendererID, deletedFiber);
     } catch (err) {}
   switch (deletedFiber.tag) {
+    case 26:
+    case 27:
     case 5:
-      safelyDetachRef(deletedFiber, nearestMountedAncestor);
+      offscreenSubtreeWasHidden ||
+        safelyDetachRef(deletedFiber, nearestMountedAncestor);
     case 6:
       recursivelyTraverseDeletionEffects(
         finishedRoot,
@@ -6297,7 +7089,7 @@ function commitDeletionEffectsOnFiber(
     case 18:
       break;
     case 4:
-      createChildNodeSet(deletedFiber.stateNode.containerInfo);
+      createChildNodeSet();
       recursivelyTraverseDeletionEffects(
         finishedRoot,
         nearestMountedAncestor,
@@ -6308,35 +7100,44 @@ function commitDeletionEffectsOnFiber(
     case 11:
     case 14:
     case 15:
-      var updateQueue = deletedFiber.updateQueue;
-      if (
-        null !== updateQueue &&
-        ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
-      ) {
-        var effect = (updateQueue = updateQueue.next);
-        do {
-          var _effect = effect,
-            destroy = _effect.destroy;
-          _effect = _effect.tag;
-          void 0 !== destroy &&
-            (0 !== (_effect & 2)
-              ? safelyCallDestroy(deletedFiber, nearestMountedAncestor, destroy)
-              : 0 !== (_effect & 4) &&
-                (deletedFiber.mode & 2
-                  ? (startLayoutEffectTimer(),
-                    safelyCallDestroy(
-                      deletedFiber,
-                      nearestMountedAncestor,
-                      destroy
-                    ),
-                    recordLayoutEffectDuration(deletedFiber))
-                  : safelyCallDestroy(
-                      deletedFiber,
-                      nearestMountedAncestor,
-                      destroy
-                    )));
-          effect = effect.next;
-        } while (effect !== updateQueue);
+      if (!offscreenSubtreeWasHidden) {
+        var updateQueue = deletedFiber.updateQueue;
+        if (
+          null !== updateQueue &&
+          ((updateQueue = updateQueue.lastEffect), null !== updateQueue)
+        ) {
+          var effect = (updateQueue = updateQueue.next);
+          do {
+            var tag = effect.tag,
+              inst = effect.inst,
+              destroy = inst.destroy;
+            void 0 !== destroy &&
+              (0 !== (tag & 2)
+                ? ((inst.destroy = void 0),
+                  safelyCallDestroy(
+                    deletedFiber,
+                    nearestMountedAncestor,
+                    destroy
+                  ))
+                : 0 !== (tag & 4) &&
+                  (shouldProfile(deletedFiber)
+                    ? (startLayoutEffectTimer(),
+                      (inst.destroy = void 0),
+                      safelyCallDestroy(
+                        deletedFiber,
+                        nearestMountedAncestor,
+                        destroy
+                      ),
+                      recordLayoutEffectDuration(deletedFiber))
+                    : ((inst.destroy = void 0),
+                      safelyCallDestroy(
+                        deletedFiber,
+                        nearestMountedAncestor,
+                        destroy
+                      ))));
+            effect = effect.next;
+          } while (effect !== updateQueue);
+        }
       }
       recursivelyTraverseDeletionEffects(
         finishedRoot,
@@ -6345,21 +7146,14 @@ function commitDeletionEffectsOnFiber(
       );
       break;
     case 1:
-      safelyDetachRef(deletedFiber, nearestMountedAncestor);
-      updateQueue = deletedFiber.stateNode;
-      if ("function" === typeof updateQueue.componentWillUnmount)
+      if (
+        !offscreenSubtreeWasHidden &&
+        (safelyDetachRef(deletedFiber, nearestMountedAncestor),
+        (updateQueue = deletedFiber.stateNode),
+        "function" === typeof updateQueue.componentWillUnmount)
+      )
         try {
-          if (
-            ((updateQueue.props = deletedFiber.memoizedProps),
-            (updateQueue.state = deletedFiber.memoizedState),
-            deletedFiber.mode & 2)
-          )
-            try {
-              startLayoutEffectTimer(), updateQueue.componentWillUnmount();
-            } finally {
-              recordLayoutEffectDuration(deletedFiber);
-            }
-          else updateQueue.componentWillUnmount();
+          callComponentWillUnmountWithTimer(deletedFiber, updateQueue);
         } catch (error) {
           captureCommitPhaseError(deletedFiber, nearestMountedAncestor, error);
         }
@@ -6377,11 +7171,22 @@ function commitDeletionEffectsOnFiber(
       );
       break;
     case 22:
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
+      safelyDetachRef(deletedFiber, nearestMountedAncestor);
+      deletedFiber.mode & 1
+        ? ((offscreenSubtreeWasHidden =
+            (updateQueue = offscreenSubtreeWasHidden) ||
+            null !== deletedFiber.memoizedState),
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          ),
+          (offscreenSubtreeWasHidden = updateQueue))
+        : recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
       break;
     default:
       recursivelyTraverseDeletionEffects(
@@ -6391,29 +7196,47 @@ function commitDeletionEffectsOnFiber(
       );
   }
 }
-function attachSuspenseRetryListeners(finishedWork) {
-  var wakeables = finishedWork.updateQueue;
-  if (null !== wakeables) {
-    finishedWork.updateQueue = null;
-    var retryCache = finishedWork.stateNode;
-    null === retryCache &&
-      (retryCache = finishedWork.stateNode = new PossiblyWeakSet());
-    wakeables.forEach(function(wakeable) {
-      var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
-      if (!retryCache.has(wakeable)) {
-        retryCache.add(wakeable);
-        if (isDevToolsPresent)
-          if (null !== inProgressLanes && null !== inProgressRoot)
-            restorePendingUpdaters(inProgressRoot, inProgressLanes);
-          else
-            throw Error(
-              "Expected finished root and lanes to be set. This is a bug in React."
-            );
-        wakeable.then(retry, retry);
-      }
-    });
+function getRetryCache(finishedWork) {
+  switch (finishedWork.tag) {
+    case 13:
+    case 19:
+      var retryCache = finishedWork.stateNode;
+      null === retryCache &&
+        (retryCache = finishedWork.stateNode = new PossiblyWeakSet());
+      return retryCache;
+    case 22:
+      return (
+        (finishedWork = finishedWork.stateNode),
+        (retryCache = finishedWork._retryCache),
+        null === retryCache &&
+          (retryCache = finishedWork._retryCache = new PossiblyWeakSet()),
+        retryCache
+      );
+    default:
+      throw Error(
+        "Unexpected Suspense handler tag (" +
+          finishedWork.tag +
+          "). This is a bug in React."
+      );
   }
 }
+function attachSuspenseRetryListeners(finishedWork, wakeables) {
+  var retryCache = getRetryCache(finishedWork);
+  wakeables.forEach(function (wakeable) {
+    var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
+    if (!retryCache.has(wakeable)) {
+      retryCache.add(wakeable);
+      if (isDevToolsPresent)
+        if (null !== inProgressLanes && null !== inProgressRoot)
+          restorePendingUpdaters(inProgressRoot, inProgressLanes);
+        else
+          throw Error(
+            "Expected finished root and lanes to be set. This is a bug in React."
+          );
+      wakeable.then(retry, retry);
+    }
+  });
+}
 function commitMutationEffects(root, finishedWork, committedLanes) {
   inProgressLanes = committedLanes;
   inProgressRoot = root;
@@ -6456,26 +7279,26 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         } catch (error) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
-        if (finishedWork.mode & 2) {
+        if (shouldProfile(finishedWork)) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$89) {
+          } catch (error$94) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$89
+              error$94
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$90) {
+          } catch (error$95) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$90
+              error$95
             );
           }
       }
@@ -6486,277 +7309,576 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       flags & 512 &&
         null !== current &&
         safelyDetachRef(current, current.return);
+      flags & 64 &&
+        offscreenSubtreeIsHidden &&
+        ((finishedWork = finishedWork.updateQueue),
+        null !== finishedWork &&
+          ((flags = finishedWork.callbacks),
+          null !== flags &&
+            ((current = finishedWork.shared.hiddenCallbacks),
+            (finishedWork.shared.hiddenCallbacks =
+              null === current ? flags : current.concat(flags)))));
+      break;
+    case 26:
+    case 27:
+    case 5:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      flags & 512 &&
+        null !== current &&
+        safelyDetachRef(current, current.return);
+      break;
+    case 6:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      break;
+    case 3:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      break;
+    case 4:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      break;
+    case 13:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      finishedWork.child.flags & 8192 &&
+        ((current = null !== current && null !== current.memoizedState),
+        null === finishedWork.memoizedState ||
+          current ||
+          (globalMostRecentFallbackTime = now$1()));
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((finishedWork.updateQueue = null),
+          attachSuspenseRetryListeners(finishedWork, flags)));
+      break;
+    case 22:
+      flags & 512 &&
+        null !== current &&
+        safelyDetachRef(current, current.return);
+      var isHidden = null !== finishedWork.memoizedState,
+        wasHidden = null !== current && null !== current.memoizedState;
+      if (finishedWork.mode & 1) {
+        var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
+          prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+        offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden || isHidden;
+        offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden || wasHidden;
+        recursivelyTraverseMutationEffects(root, finishedWork);
+        offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+        offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+      } else recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      root = finishedWork.stateNode;
+      root._current = finishedWork;
+      root._visibility &= -3;
+      root._visibility |= root._pendingVisibility & 2;
+      flags & 8192 &&
+        ((root._visibility = isHidden
+          ? root._visibility & -2
+          : root._visibility | 1),
+        isHidden &&
+          ((isHidden = offscreenSubtreeIsHidden || offscreenSubtreeWasHidden),
+          null === current ||
+            wasHidden ||
+            isHidden ||
+            (0 !== (finishedWork.mode & 1) &&
+              recursivelyTraverseDisappearLayoutEffects(finishedWork))));
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((current = flags.retryQueue),
+          null !== current &&
+            ((flags.retryQueue = null),
+            attachSuspenseRetryListeners(finishedWork, current))));
+      break;
+    case 19:
+      recursivelyTraverseMutationEffects(root, finishedWork);
+      commitReconciliationEffects(finishedWork);
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((finishedWork.updateQueue = null),
+          attachSuspenseRetryListeners(finishedWork, flags)));
+      break;
+    case 21:
+      break;
+    default:
+      recursivelyTraverseMutationEffects(root, finishedWork),
+        commitReconciliationEffects(finishedWork);
+  }
+}
+function commitReconciliationEffects(finishedWork) {
+  var flags = finishedWork.flags;
+  flags & 2 && (finishedWork.flags &= -3);
+  flags & 4096 && (finishedWork.flags &= -4097);
+}
+function commitLayoutEffects(finishedWork, root, committedLanes) {
+  inProgressLanes = committedLanes;
+  inProgressRoot = root;
+  commitLayoutEffectOnFiber(root, finishedWork.alternate, finishedWork);
+  inProgressRoot = inProgressLanes = null;
+}
+function recursivelyTraverseLayoutEffects(root, parentFiber) {
+  if (parentFiber.subtreeFlags & 8772)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitLayoutEffectOnFiber(root, parentFiber.alternate, parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function recursivelyTraverseDisappearLayoutEffects(parentFiber) {
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var finishedWork = parentFiber;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 14:
+      case 15:
+        if (shouldProfile(finishedWork))
+          try {
+            startLayoutEffectTimer(),
+              commitHookEffectListUnmount(4, finishedWork, finishedWork.return);
+          } finally {
+            recordLayoutEffectDuration(finishedWork);
+          }
+        else commitHookEffectListUnmount(4, finishedWork, finishedWork.return);
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 1:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        var instance = finishedWork.stateNode;
+        if ("function" === typeof instance.componentWillUnmount) {
+          var current = finishedWork,
+            nearestMountedAncestor = finishedWork.return;
+          try {
+            callComponentWillUnmountWithTimer(current, instance);
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
+          }
+        }
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 26:
+      case 27:
+      case 5:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 22:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        null === finishedWork.memoizedState &&
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      default:
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+function recursivelyTraverseReappearLayoutEffects(
+  finishedRoot$jscomp$0,
+  parentFiber,
+  includeWorkInProgressEffects
+) {
+  includeWorkInProgressEffects =
+    includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772);
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var current = parentFiber.alternate,
+      finishedRoot = finishedRoot$jscomp$0,
+      finishedWork = parentFiber,
+      flags = finishedWork.flags;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 15:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        commitHookLayoutEffects(finishedWork, 4);
+        break;
+      case 1:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        finishedRoot = finishedWork.stateNode;
+        if ("function" === typeof finishedRoot.componentDidMount)
+          try {
+            finishedRoot.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+        current = finishedWork.updateQueue;
+        if (null !== current) {
+          var hiddenCallbacks = current.shared.hiddenCallbacks;
+          if (null !== hiddenCallbacks)
+            for (
+              current.shared.hiddenCallbacks = null, current = 0;
+              current < hiddenCallbacks.length;
+              current++
+            )
+              callCallback(hiddenCallbacks[current], finishedRoot);
+        }
+        includeWorkInProgressEffects &&
+          flags & 64 &&
+          commitClassCallbacks(finishedWork);
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      case 26:
+      case 27:
+      case 5:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        includeWorkInProgressEffects &&
+          null === current &&
+          flags & 4 &&
+          commitHostComponentMount(finishedWork);
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      case 12:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        includeWorkInProgressEffects &&
+          flags & 4 &&
+          commitProfilerUpdate(finishedWork, current);
+        break;
+      case 13:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        break;
+      case 22:
+        null === finishedWork.memoizedState &&
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          );
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      default:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+function commitHookPassiveMountEffects(finishedWork, hookFlags) {
+  if (shouldProfile(finishedWork)) {
+    passiveEffectStartTime = now();
+    try {
+      commitHookEffectListMount(hookFlags, finishedWork);
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+    recordPassiveEffectDuration(finishedWork);
+  } else
+    try {
+      commitHookEffectListMount(hookFlags, finishedWork);
+    } catch (error$103) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$103);
+    }
+}
+function recursivelyTraversePassiveMountEffects(root, parentFiber) {
+  if (parentFiber.subtreeFlags & 10256)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitPassiveMountOnFiber(root, parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function commitPassiveMountOnFiber(finishedRoot, finishedWork) {
+  var flags = finishedWork.flags;
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      flags & 2048 && commitHookPassiveMountEffects(finishedWork, 9);
+      break;
+    case 3:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      break;
+    case 23:
+      break;
+    case 22:
+      flags = finishedWork.stateNode;
+      null !== finishedWork.memoizedState
+        ? flags._visibility & 4
+          ? recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork)
+          : finishedWork.mode & 1 ||
+            ((flags._visibility |= 4),
+            recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork))
+        : flags._visibility & 4
+        ? recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork)
+        : ((flags._visibility |= 4),
+          recursivelyTraverseReconnectPassiveEffects(
+            finishedRoot,
+            finishedWork
+          ));
+      break;
+    case 24:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      break;
+    default:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+  }
+}
+function recursivelyTraverseReconnectPassiveEffects(
+  finishedRoot$jscomp$0,
+  parentFiber
+) {
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var finishedRoot = finishedRoot$jscomp$0,
+      finishedWork = parentFiber;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 15:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+        commitHookPassiveMountEffects(finishedWork, 8);
+        break;
+      case 23:
+        break;
+      case 22:
+        var instance = finishedWork.stateNode;
+        null !== finishedWork.memoizedState
+          ? instance._visibility & 4
+            ? recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              )
+            : finishedWork.mode & 1 ||
+              ((instance._visibility |= 4),
+              recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              ))
+          : ((instance._visibility |= 4),
+            recursivelyTraverseReconnectPassiveEffects(
+              finishedRoot,
+              finishedWork
+            ));
+        break;
+      case 24:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+        break;
+      default:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+var suspenseyCommitFlag = 8192;
+function recursivelyAccumulateSuspenseyCommit(parentFiber) {
+  if (parentFiber.subtreeFlags & suspenseyCommitFlag)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      accumulateSuspenseyCommitOnFiber(parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function accumulateSuspenseyCommitOnFiber(fiber) {
+  switch (fiber.tag) {
+    case 26:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+      if (fiber.flags & suspenseyCommitFlag && null !== fiber.memoizedState)
+        throw Error(
+          "The current renderer does not support Resources. This error is likely caused by a bug in React. Please file an issue."
+        );
       break;
     case 5:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      flags & 512 &&
-        null !== current &&
-        safelyDetachRef(current, current.return);
-      break;
-    case 6:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+      recursivelyAccumulateSuspenseyCommit(fiber);
       break;
     case 3:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      break;
     case 4:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      break;
-    case 13:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      root = finishedWork.child;
-      root.flags & 8192 &&
-        ((current = null !== root.memoizedState),
-        (root.stateNode.isHidden = current),
-        !current ||
-          (null !== root.alternate && null !== root.alternate.memoizedState) ||
-          (globalMostRecentFallbackTime = now()));
-      flags & 4 && attachSuspenseRetryListeners(finishedWork);
+      recursivelyAccumulateSuspenseyCommit(fiber);
       break;
     case 22:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      flags & 8192 &&
-        (finishedWork.stateNode.isHidden = null !== finishedWork.memoizedState);
+      if (null === fiber.memoizedState) {
+        var current = fiber.alternate;
+        null !== current && null !== current.memoizedState
+          ? ((current = suspenseyCommitFlag),
+            (suspenseyCommitFlag = 16777216),
+            recursivelyAccumulateSuspenseyCommit(fiber),
+            (suspenseyCommitFlag = current))
+          : recursivelyAccumulateSuspenseyCommit(fiber);
+      }
       break;
-    case 19:
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      flags & 4 && attachSuspenseRetryListeners(finishedWork);
+    default:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+  }
+}
+function detachAlternateSiblings(parentFiber) {
+  var previousFiber = parentFiber.alternate;
+  if (
+    null !== previousFiber &&
+    ((parentFiber = previousFiber.child), null !== parentFiber)
+  ) {
+    previousFiber.child = null;
+    do
+      (previousFiber = parentFiber.sibling),
+        (parentFiber.sibling = null),
+        (parentFiber = previousFiber);
+    while (null !== parentFiber);
+  }
+}
+function commitHookPassiveUnmountEffects(
+  finishedWork,
+  nearestMountedAncestor,
+  hookFlags
+) {
+  shouldProfile(finishedWork)
+    ? ((passiveEffectStartTime = now()),
+      commitHookEffectListUnmount(
+        hookFlags,
+        finishedWork,
+        nearestMountedAncestor
+      ),
+      recordPassiveEffectDuration(finishedWork))
+    : commitHookEffectListUnmount(
+        hookFlags,
+        finishedWork,
+        nearestMountedAncestor
+      );
+}
+function recursivelyTraversePassiveUnmountEffects(parentFiber) {
+  var deletions = parentFiber.deletions;
+  if (0 !== (parentFiber.flags & 16)) {
+    if (null !== deletions)
+      for (var i = 0; i < deletions.length; i++) {
+        var childToDelete = deletions[i];
+        nextEffect = childToDelete;
+        commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+          childToDelete,
+          parentFiber
+        );
+      }
+    detachAlternateSiblings(parentFiber);
+  }
+  if (parentFiber.subtreeFlags & 10256)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitPassiveUnmountOnFiber(parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function commitPassiveUnmountOnFiber(finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+      recursivelyTraversePassiveUnmountEffects(finishedWork);
+      finishedWork.flags & 2048 &&
+        commitHookPassiveUnmountEffects(finishedWork, finishedWork.return, 9);
       break;
-    case 21:
+    case 22:
+      var instance = finishedWork.stateNode;
+      null !== finishedWork.memoizedState &&
+      instance._visibility & 4 &&
+      (null === finishedWork.return || 13 !== finishedWork.return.tag)
+        ? ((instance._visibility &= -5),
+          recursivelyTraverseDisconnectPassiveEffects(finishedWork))
+        : recursivelyTraversePassiveUnmountEffects(finishedWork);
       break;
     default:
-      recursivelyTraverseMutationEffects(root, finishedWork),
-        commitReconciliationEffects(finishedWork);
+      recursivelyTraversePassiveUnmountEffects(finishedWork);
   }
 }
-function commitReconciliationEffects(finishedWork) {
-  var flags = finishedWork.flags;
-  flags & 2 && (finishedWork.flags &= -3);
-  flags & 4096 && (finishedWork.flags &= -4097);
+function recursivelyTraverseDisconnectPassiveEffects(parentFiber) {
+  var deletions = parentFiber.deletions;
+  if (0 !== (parentFiber.flags & 16)) {
+    if (null !== deletions)
+      for (var i = 0; i < deletions.length; i++) {
+        var childToDelete = deletions[i];
+        nextEffect = childToDelete;
+        commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+          childToDelete,
+          parentFiber
+        );
+      }
+    detachAlternateSiblings(parentFiber);
+  }
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    deletions = parentFiber;
+    switch (deletions.tag) {
+      case 0:
+      case 11:
+      case 15:
+        commitHookPassiveUnmountEffects(deletions, deletions.return, 8);
+        recursivelyTraverseDisconnectPassiveEffects(deletions);
+        break;
+      case 22:
+        i = deletions.stateNode;
+        i._visibility & 4 &&
+          ((i._visibility &= -5),
+          recursivelyTraverseDisconnectPassiveEffects(deletions));
+        break;
+      default:
+        recursivelyTraverseDisconnectPassiveEffects(deletions);
+    }
+    parentFiber = parentFiber.sibling;
+  }
 }
-function commitLayoutEffects(finishedWork, root, committedLanes) {
-  inProgressLanes = committedLanes;
-  inProgressRoot = root;
-  for (nextEffect = finishedWork; null !== nextEffect; )
-    if (
-      ((root = nextEffect),
-      (committedLanes = root.child),
-      0 !== (root.subtreeFlags & 8772) && null !== committedLanes)
-    )
-      (committedLanes.return = root), (nextEffect = committedLanes);
+function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+  deletedSubtreeRoot,
+  nearestMountedAncestor
+) {
+  for (; null !== nextEffect; ) {
+    var fiber = nextEffect;
+    switch (fiber.tag) {
+      case 0:
+      case 11:
+      case 15:
+        commitHookPassiveUnmountEffects(fiber, nearestMountedAncestor, 8);
+    }
+    var child = fiber.child;
+    if (null !== child) (child.return = fiber), (nextEffect = child);
     else
-      for (root = finishedWork; null !== nextEffect; ) {
-        committedLanes = nextEffect;
-        if (0 !== (committedLanes.flags & 8772)) {
-          var current = committedLanes.alternate;
-          try {
-            if (0 !== (committedLanes.flags & 8772))
-              switch (committedLanes.tag) {
-                case 0:
-                case 11:
-                case 15:
-                  if (committedLanes.mode & 2)
-                    try {
-                      startLayoutEffectTimer(),
-                        commitHookEffectListMount(5, committedLanes);
-                    } finally {
-                      recordLayoutEffectDuration(committedLanes);
-                    }
-                  else commitHookEffectListMount(5, committedLanes);
-                  break;
-                case 1:
-                  var instance = committedLanes.stateNode;
-                  if (committedLanes.flags & 4)
-                    if (null === current)
-                      if (committedLanes.mode & 2)
-                        try {
-                          startLayoutEffectTimer(),
-                            instance.componentDidMount();
-                        } finally {
-                          recordLayoutEffectDuration(committedLanes);
-                        }
-                      else instance.componentDidMount();
-                    else {
-                      var prevProps =
-                          committedLanes.elementType === committedLanes.type
-                            ? current.memoizedProps
-                            : resolveDefaultProps(
-                                committedLanes.type,
-                                current.memoizedProps
-                              ),
-                        prevState = current.memoizedState;
-                      if (committedLanes.mode & 2)
-                        try {
-                          startLayoutEffectTimer(),
-                            instance.componentDidUpdate(
-                              prevProps,
-                              prevState,
-                              instance.__reactInternalSnapshotBeforeUpdate
-                            );
-                        } finally {
-                          recordLayoutEffectDuration(committedLanes);
-                        }
-                      else
-                        instance.componentDidUpdate(
-                          prevProps,
-                          prevState,
-                          instance.__reactInternalSnapshotBeforeUpdate
-                        );
-                    }
-                  var updateQueue = committedLanes.updateQueue;
-                  null !== updateQueue &&
-                    commitUpdateQueue(committedLanes, updateQueue, instance);
-                  break;
-                case 3:
-                  var updateQueue$85 = committedLanes.updateQueue;
-                  if (null !== updateQueue$85) {
-                    var instance$86 = null;
-                    if (null !== committedLanes.child)
-                      switch (committedLanes.child.tag) {
-                        case 5:
-                          instance$86 =
-                            committedLanes.child.stateNode.canonical;
-                          break;
-                        case 1:
-                          instance$86 = committedLanes.child.stateNode;
-                      }
-                    commitUpdateQueue(
-                      committedLanes,
-                      updateQueue$85,
-                      instance$86
-                    );
-                  }
-                  break;
-                case 5:
-                  if (null === current && committedLanes.flags & 4)
-                    throw Error(
-                      "The current renderer does not support mutation. This error is likely caused by a bug in React. Please file an issue."
-                    );
-                  break;
-                case 6:
-                  break;
-                case 4:
-                  break;
-                case 12:
-                  var _finishedWork$memoize2 = committedLanes.memoizedProps,
-                    onCommit = _finishedWork$memoize2.onCommit,
-                    onRender = _finishedWork$memoize2.onRender,
-                    effectDuration = committedLanes.stateNode.effectDuration;
-                  instance$86 = commitTime;
-                  current = null === current ? "mount" : "update";
-                  currentUpdateIsNested && (current = "nested-update");
-                  "function" === typeof onRender &&
-                    onRender(
-                      committedLanes.memoizedProps.id,
-                      current,
-                      committedLanes.actualDuration,
-                      committedLanes.treeBaseDuration,
-                      committedLanes.actualStartTime,
-                      instance$86
-                    );
-                  "function" === typeof onCommit &&
-                    onCommit(
-                      committedLanes.memoizedProps.id,
-                      current,
-                      effectDuration,
-                      instance$86
-                    );
-                  enqueuePendingPassiveProfilerEffect(committedLanes);
-                  var parentFiber = committedLanes.return;
-                  a: for (; null !== parentFiber; ) {
-                    switch (parentFiber.tag) {
-                      case 3:
-                        parentFiber.stateNode.effectDuration += effectDuration;
-                        break a;
-                      case 12:
-                        parentFiber.stateNode.effectDuration += effectDuration;
-                        break a;
-                    }
-                    parentFiber = parentFiber.return;
-                  }
-                  break;
-                case 13:
-                  break;
-                case 19:
-                case 17:
-                case 21:
-                case 22:
-                case 23:
-                case 25:
-                  break;
-                default:
-                  throw Error(
-                    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                  );
-              }
-            if (committedLanes.flags & 512) {
-              instance$86 = void 0;
-              current = committedLanes;
-              var ref = current.ref;
-              if (null !== ref) {
-                var instance$jscomp$0 = current.stateNode;
-                switch (current.tag) {
-                  case 5:
-                    instance$86 = instance$jscomp$0.canonical;
-                    break;
-                  default:
-                    instance$86 = instance$jscomp$0;
-                }
-                if ("function" === typeof ref)
-                  if (current.mode & 2)
-                    try {
-                      startLayoutEffectTimer(), ref(instance$86);
-                    } finally {
-                      recordLayoutEffectDuration(current);
-                    }
-                  else ref(instance$86);
-                else ref.current = instance$86;
-              }
-            }
-          } catch (error) {
-            captureCommitPhaseError(
-              committedLanes,
-              committedLanes.return,
-              error
-            );
-          }
-        }
-        if (committedLanes === root) {
+      a: for (fiber = deletedSubtreeRoot; null !== nextEffect; ) {
+        child = nextEffect;
+        var sibling = child.sibling,
+          returnFiber = child.return;
+        detachFiberAfterEffects(child);
+        if (child === fiber) {
           nextEffect = null;
-          break;
+          break a;
         }
-        instance$86 = committedLanes.sibling;
-        if (null !== instance$86) {
-          instance$86.return = committedLanes.return;
-          nextEffect = instance$86;
-          break;
+        if (null !== sibling) {
+          sibling.return = returnFiber;
+          nextEffect = sibling;
+          break a;
         }
-        nextEffect = committedLanes.return;
+        nextEffect = returnFiber;
       }
-  inProgressRoot = inProgressLanes = null;
+  }
 }
-var ceil = Math.ceil,
-  ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
-  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   executionContext = 0,
   workInProgressRoot = null,
   workInProgress = null,
   workInProgressRootRenderLanes = 0,
-  subtreeRenderLanes = 0,
-  subtreeRenderLanesCursor = createCursor(0),
+  workInProgressSuspendedReason = 0,
+  workInProgressThrownValue = null,
+  workInProgressRootDidAttachPingListener = !1,
+  entangledRenderLanes = 0,
   workInProgressRootExitStatus = 0,
   workInProgressRootFatalError = null,
   workInProgressRootSkippedLanes = 0,
   workInProgressRootInterleavedUpdatedLanes = 0,
   workInProgressRootPingedLanes = 0,
+  workInProgressDeferredLane = 0,
   workInProgressRootConcurrentErrors = null,
   workInProgressRootRecoverableErrors = null,
   globalMostRecentFallbackTime = 0,
@@ -6770,21 +7892,14 @@ var ceil = Math.ceil,
   pendingPassiveEffectsLanes = 0,
   pendingPassiveProfilerEffects = [],
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
-  if (0 === (fiber.mode & 1)) return 1;
+  if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
-  if (null !== ReactCurrentBatchConfig.transition)
+  fiber = ReactCurrentBatchConfig$1.transition;
+  null !== fiber && fiber._callbacks.add(handleAsyncAction);
+  if (null !== fiber)
     return (
       0 === currentEventTransitionLane &&
         (currentEventTransitionLane = claimNextTransitionLane()),
@@ -6799,110 +7914,45 @@ function requestUpdateLane(fiber) {
       if (null != fiber)
         switch (fiber) {
           case FabricDiscretePriority:
-            fiber = 1;
+            fiber = 2;
             break a;
         }
-      fiber = 16;
+      fiber = 32;
     }
   return fiber;
 }
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
-  if (50 < nestedUpdateCount)
-    throw ((nestedUpdateCount = 0),
-    (rootWithNestedUpdates = null),
-    Error(
-      "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
-    ));
-  markRootUpdated(root, lane, eventTime);
+function scheduleUpdateOnFiber(root, fiber, lane) {
+  if (
+    (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    prepareFreshStack(root, 0),
+      markRootSuspended(
+        root,
+        workInProgressRootRenderLanes,
+        workInProgressDeferredLane
+      );
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot)
     isDevToolsPresent && addFiberToLanesMap(root, fiber, lane),
       root === workInProgressRoot &&
         (0 === (executionContext & 2) &&
           (workInProgressRootInterleavedUpdatedLanes |= lane),
         4 === workInProgressRootExitStatus &&
-          markRootSuspended$1(root, workInProgressRootRenderLanes)),
-      ensureRootIsScheduled(root, eventTime),
-      1 === lane &&
+          markRootSuspended(
+            root,
+            workInProgressRootRenderLanes,
+            workInProgressDeferredLane
+          )),
+      ensureRootIsScheduled(root),
+      2 === lane &&
         0 === executionContext &&
         0 === (fiber.mode & 1) &&
-        ((workInProgressRootRenderTargetTime = now() + 500),
-        includesLegacySyncCallbacks && flushSyncCallbacks());
-}
-function ensureRootIsScheduled(root, currentTime) {
-  for (
-    var existingCallbackNode = root.callbackNode,
-      suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes;
-    0 < lanes;
-
-  ) {
-    var index$5 = 31 - clz32(lanes),
-      lane = 1 << index$5,
-      expirationTime = expirationTimes[index$5];
-    if (-1 === expirationTime) {
-      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$5] = computeExpirationTime(lane, currentTime);
-    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
-    lanes &= ~lane;
-  }
-  suspendedLanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : 0
-  );
-  if (0 === suspendedLanes)
-    null !== existingCallbackNode && cancelCallback(existingCallbackNode),
-      (root.callbackNode = null),
-      (root.callbackPriority = 0);
-  else if (
-    ((currentTime = suspendedLanes & -suspendedLanes),
-    root.callbackPriority !== currentTime)
-  ) {
-    null != existingCallbackNode && cancelCallback(existingCallbackNode);
-    if (1 === currentTime)
-      0 === root.tag
-        ? ((existingCallbackNode = performSyncWorkOnRoot.bind(null, root)),
-          (includesLegacySyncCallbacks = !0),
-          null === syncQueue
-            ? (syncQueue = [existingCallbackNode])
-            : syncQueue.push(existingCallbackNode))
-        : ((existingCallbackNode = performSyncWorkOnRoot.bind(null, root)),
-          null === syncQueue
-            ? (syncQueue = [existingCallbackNode])
-            : syncQueue.push(existingCallbackNode)),
-        scheduleCallback(ImmediatePriority, flushSyncCallbacks),
-        (existingCallbackNode = null);
-    else {
-      switch (lanesToEventPriority(suspendedLanes)) {
-        case 1:
-          existingCallbackNode = ImmediatePriority;
-          break;
-        case 4:
-          existingCallbackNode = UserBlockingPriority;
-          break;
-        case 16:
-          existingCallbackNode = NormalPriority;
-          break;
-        case 536870912:
-          existingCallbackNode = IdlePriority;
-          break;
-        default:
-          existingCallbackNode = NormalPriority;
-      }
-      existingCallbackNode = scheduleCallback$1(
-        existingCallbackNode,
-        performConcurrentWorkOnRoot.bind(null, root)
-      );
-    }
-    root.callbackPriority = currentTime;
-    root.callbackNode = existingCallbackNode;
-  }
+        ((workInProgressRootRenderTargetTime = now$1() + 500),
+        flushSyncWorkAcrossRoots_impl(!0));
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   nestedUpdateScheduled = currentUpdateIsNested = !1;
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6))
     throw Error("Should not already be working.");
   var originalCallbackNode = root.callbackNode;
@@ -6913,192 +7963,140 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
     root === workInProgressRoot ? workInProgressRootRenderLanes : 0
   );
   if (0 === lanes) return null;
-  if (0 !== (lanes & 30) || 0 !== (lanes & root.expiredLanes) || didTimeout)
-    didTimeout = renderRootSync(root, lanes);
-  else {
-    didTimeout = lanes;
-    var prevExecutionContext = executionContext;
-    executionContext |= 2;
-    var prevDispatcher = pushDispatcher();
-    if (
-      workInProgressRoot !== root ||
-      workInProgressRootRenderLanes !== didTimeout
-    ) {
-      if (isDevToolsPresent) {
-        var memoizedUpdaters = root.memoizedUpdaters;
-        0 < memoizedUpdaters.size &&
-          (restorePendingUpdaters(root, workInProgressRootRenderLanes),
-          memoizedUpdaters.clear());
-        movePendingFibersToMemoized(root, didTimeout);
-      }
-      workInProgressTransitions = null;
-      workInProgressRootRenderTargetTime = now() + 500;
-      prepareFreshStack(root, didTimeout);
-    }
-    do
-      try {
-        workLoopConcurrent();
-        break;
-      } catch (thrownValue) {
-        handleError(root, thrownValue);
-      }
-    while (1);
-    resetContextDependencies();
-    ReactCurrentDispatcher$2.current = prevDispatcher;
-    executionContext = prevExecutionContext;
-    null !== workInProgress
-      ? (didTimeout = 0)
-      : ((workInProgressRoot = null),
-        (workInProgressRootRenderLanes = 0),
-        (didTimeout = workInProgressRootExitStatus));
-  }
-  if (0 !== didTimeout) {
-    2 === didTimeout &&
-      ((prevExecutionContext = getLanesToRetrySynchronouslyOnError(root)),
-      0 !== prevExecutionContext &&
-        ((lanes = prevExecutionContext),
-        (didTimeout = recoverFromConcurrentError(root, prevExecutionContext))));
-    if (1 === didTimeout)
-      throw ((originalCallbackNode = workInProgressRootFatalError),
-      prepareFreshStack(root, 0),
-      markRootSuspended$1(root, lanes),
-      ensureRootIsScheduled(root, now()),
-      originalCallbackNode);
-    if (6 === didTimeout) markRootSuspended$1(root, lanes);
-    else {
-      prevExecutionContext = root.current.alternate;
-      if (
-        0 === (lanes & 30) &&
-        !isRenderConsistentWithExternalStores(prevExecutionContext) &&
-        ((didTimeout = renderRootSync(root, lanes)),
-        2 === didTimeout &&
-          ((prevDispatcher = getLanesToRetrySynchronouslyOnError(root)),
-          0 !== prevDispatcher &&
-            ((lanes = prevDispatcher),
-            (didTimeout = recoverFromConcurrentError(root, prevDispatcher)))),
-        1 === didTimeout)
-      )
-        throw ((originalCallbackNode = workInProgressRootFatalError),
-        prepareFreshStack(root, 0),
-        markRootSuspended$1(root, lanes),
-        ensureRootIsScheduled(root, now()),
-        originalCallbackNode);
-      root.finishedWork = prevExecutionContext;
-      root.finishedLanes = lanes;
-      switch (didTimeout) {
-        case 0:
-        case 1:
-          throw Error("Root did not complete. This is a bug in React.");
-        case 2:
-          commitRoot(
+  var exitStatus = (didTimeout =
+    0 === (lanes & 60) && 0 === (lanes & root.expiredLanes) && !didTimeout)
+    ? renderRootConcurrent(root, lanes)
+    : renderRootSync(root, lanes);
+  if (0 !== exitStatus) {
+    var renderWasConcurrent = didTimeout;
+    do {
+      if (6 === exitStatus) markRootSuspended(root, lanes, 0);
+      else {
+        didTimeout = root.current.alternate;
+        if (
+          renderWasConcurrent &&
+          !isRenderConsistentWithExternalStores(didTimeout)
+        ) {
+          exitStatus = renderRootSync(root, lanes);
+          renderWasConcurrent = !1;
+          continue;
+        }
+        if (2 === exitStatus) {
+          renderWasConcurrent = lanes;
+          var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
             root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
+            renderWasConcurrent
           );
-          break;
-        case 3:
-          markRootSuspended$1(root, lanes);
+          0 !== errorRetryLanes &&
+            ((lanes = errorRetryLanes),
+            (exitStatus = recoverFromConcurrentError(
+              root,
+              renderWasConcurrent,
+              errorRetryLanes
+            )));
+        }
+        if (1 === exitStatus)
+          throw (
+            ((originalCallbackNode = workInProgressRootFatalError),
+            prepareFreshStack(root, 0),
+            markRootSuspended(root, lanes, 0),
+            ensureRootIsScheduled(root),
+            originalCallbackNode)
+          );
+        root.finishedWork = didTimeout;
+        root.finishedLanes = lanes;
+        a: {
+          renderWasConcurrent = root;
+          switch (exitStatus) {
+            case 0:
+            case 1:
+              throw Error("Root did not complete. This is a bug in React.");
+            case 4:
+              if ((lanes & 4194176) === lanes) {
+                markRootSuspended(
+                  renderWasConcurrent,
+                  lanes,
+                  workInProgressDeferredLane
+                );
+                break a;
+              }
+              break;
+            case 2:
+            case 3:
+            case 5:
+              break;
+            default:
+              throw Error("Unknown root exit status.");
+          }
           if (
-            (lanes & 130023424) === lanes &&
-            ((didTimeout = globalMostRecentFallbackTime + 500 - now()),
-            10 < didTimeout)
+            (lanes & 62914560) === lanes &&
+            3 === exitStatus &&
+            ((exitStatus = globalMostRecentFallbackTime + 300 - now$1()),
+            10 < exitStatus)
           ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            prevExecutionContext = root.suspendedLanes;
-            if ((prevExecutionContext & lanes) !== lanes) {
-              requestEventTime();
-              root.pingedLanes |= root.suspendedLanes & prevExecutionContext;
-              break;
-            }
-            root.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(
-                null,
-                root,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions
-              ),
-              didTimeout
+            markRootSuspended(
+              renderWasConcurrent,
+              lanes,
+              workInProgressDeferredLane
             );
-            break;
-          }
-          commitRoot(
-            root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
-          );
-          break;
-        case 4:
-          markRootSuspended$1(root, lanes);
-          if ((lanes & 4194240) === lanes) break;
-          didTimeout = root.eventTimes;
-          for (prevExecutionContext = -1; 0 < lanes; )
-            (memoizedUpdaters = 31 - clz32(lanes)),
-              (prevDispatcher = 1 << memoizedUpdaters),
-              (memoizedUpdaters = didTimeout[memoizedUpdaters]),
-              memoizedUpdaters > prevExecutionContext &&
-                (prevExecutionContext = memoizedUpdaters),
-              (lanes &= ~prevDispatcher);
-          lanes = prevExecutionContext;
-          lanes = now() - lanes;
-          lanes =
-            (120 > lanes
-              ? 120
-              : 480 > lanes
-              ? 480
-              : 1080 > lanes
-              ? 1080
-              : 1920 > lanes
-              ? 1920
-              : 3e3 > lanes
-              ? 3e3
-              : 4320 > lanes
-              ? 4320
-              : 1960 * ceil(lanes / 1960)) - lanes;
-          if (10 < lanes) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(
+            if (0 !== getNextLanes(renderWasConcurrent, 0)) break a;
+            renderWasConcurrent.timeoutHandle = scheduleTimeout(
+              commitRootWhenReady.bind(
                 null,
-                root,
+                renderWasConcurrent,
+                didTimeout,
                 workInProgressRootRecoverableErrors,
-                workInProgressTransitions
+                workInProgressTransitions,
+                lanes,
+                workInProgressDeferredLane
               ),
-              lanes
+              exitStatus
             );
-            break;
+            break a;
           }
-          commitRoot(
-            root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
-          );
-          break;
-        case 5:
-          commitRoot(
-            root,
+          commitRootWhenReady(
+            renderWasConcurrent,
+            didTimeout,
             workInProgressRootRecoverableErrors,
-            workInProgressTransitions
+            workInProgressTransitions,
+            lanes,
+            workInProgressDeferredLane
           );
-          break;
-        default:
-          throw Error("Unknown root exit status.");
+        }
       }
-    }
+      break;
+    } while (1);
   }
-  ensureRootIsScheduled(root, now());
-  return root.callbackNode === originalCallbackNode
-    ? performConcurrentWorkOnRoot.bind(null, root)
-    : null;
+  ensureRootIsScheduled(root);
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+  root =
+    root.callbackNode === originalCallbackNode
+      ? performConcurrentWorkOnRoot.bind(null, root)
+      : null;
+  return root;
 }
-function recoverFromConcurrentError(root, errorRetryLanes) {
-  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors;
-  root.current.memoizedState.isDehydrated &&
+function recoverFromConcurrentError(
+  root,
+  originallyAttemptedLanes,
+  errorRetryLanes
+) {
+  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors,
+    JSCompiler_inline_result;
+  (JSCompiler_inline_result = root.current.memoizedState.isDehydrated) &&
     (prepareFreshStack(root, errorRetryLanes).flags |= 256);
-  root = renderRootSync(root, errorRetryLanes);
-  2 !== root &&
-    ((errorRetryLanes = workInProgressRootRecoverableErrors),
-    (workInProgressRootRecoverableErrors = errorsFromFirstAttempt),
-    null !== errorRetryLanes && queueRecoverableErrors(errorRetryLanes));
-  return root;
+  errorRetryLanes = renderRootSync(root, errorRetryLanes);
+  if (2 !== errorRetryLanes) {
+    if (workInProgressRootDidAttachPingListener && !JSCompiler_inline_result)
+      return (
+        (root.errorRecoveryDisabledLanes |= originallyAttemptedLanes),
+        (workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes),
+        4
+      );
+    root = workInProgressRootRecoverableErrors;
+    workInProgressRootRecoverableErrors = errorsFromFirstAttempt;
+    null !== root && queueRecoverableErrors(root);
+  }
+  return errorRetryLanes;
 }
 function queueRecoverableErrors(errors) {
   null === workInProgressRootRecoverableErrors
@@ -7108,6 +8106,17 @@ function queueRecoverableErrors(errors) {
         errors
       );
 }
+function commitRootWhenReady(
+  root,
+  finishedWork,
+  recoverableErrors,
+  transitions,
+  lanes,
+  spawnedLane
+) {
+  0 === (lanes & 42) && accumulateSuspenseyCommitOnFiber(finishedWork);
+  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+}
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
     if (node.flags & 16384) {
@@ -7142,54 +8151,40 @@ function isRenderConsistentWithExternalStores(finishedWork) {
   }
   return !0;
 }
-function markRootSuspended$1(root, suspendedLanes) {
+function markRootSuspended(root, suspendedLanes, spawnedLane) {
   suspendedLanes &= ~workInProgressRootPingedLanes;
   suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
-  for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$6 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$6;
-    root[index$6] = -1;
-    suspendedLanes &= ~lane;
-  }
-}
-function performSyncWorkOnRoot(root) {
-  currentUpdateIsNested = nestedUpdateScheduled;
-  nestedUpdateScheduled = !1;
-  if (0 !== (executionContext & 6))
-    throw Error("Should not already be working.");
-  flushPassiveEffects();
-  var lanes = getNextLanes(root, 0);
-  if (0 === (lanes & 1)) return ensureRootIsScheduled(root, now()), null;
-  var exitStatus = renderRootSync(root, lanes);
-  if (0 !== root.tag && 2 === exitStatus) {
-    var errorRetryLanes = getLanesToRetrySynchronouslyOnError(root);
-    0 !== errorRetryLanes &&
-      ((lanes = errorRetryLanes),
-      (exitStatus = recoverFromConcurrentError(root, errorRetryLanes)));
-  }
-  if (1 === exitStatus)
-    throw ((exitStatus = workInProgressRootFatalError),
-    prepareFreshStack(root, 0),
-    markRootSuspended$1(root, lanes),
-    ensureRootIsScheduled(root, now()),
-    exitStatus);
-  if (6 === exitStatus)
-    throw Error("Root did not complete. This is a bug in React.");
-  root.finishedWork = root.current.alternate;
-  root.finishedLanes = lanes;
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
-  ensureRootIsScheduled(root, now());
-  return null;
+  for (
+    var expirationTimes = root.expirationTimes, lanes = suspendedLanes;
+    0 < lanes;
+
+  ) {
+    var index$4 = 31 - clz32(lanes),
+      lane = 1 << index$4;
+    expirationTimes[index$4] = -1;
+    lanes &= ~lane;
+  }
+  0 !== spawnedLane &&
+    markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
 }
-function popRenderLanes() {
-  subtreeRenderLanes = subtreeRenderLanesCursor.current;
-  pop(subtreeRenderLanesCursor);
+function resetWorkInProgressStack() {
+  if (null !== workInProgress) {
+    if (0 === workInProgressSuspendedReason)
+      var interruptedWork = workInProgress.return;
+    else
+      (interruptedWork = workInProgress),
+        resetContextDependencies(),
+        resetHooksOnUnwind(interruptedWork),
+        (thenableState$1 = null),
+        (thenableIndexCounter$1 = 0),
+        (interruptedWork = workInProgress);
+    for (; null !== interruptedWork; )
+      unwindInterruptedWork(interruptedWork.alternate, interruptedWork),
+        (interruptedWork = interruptedWork.return);
+    workInProgress = null;
+  }
 }
 function prepareFreshStack(root, lanes) {
   root.finishedWork = null;
@@ -7197,269 +8192,95 @@ function prepareFreshStack(root, lanes) {
   var timeoutHandle = root.timeoutHandle;
   -1 !== timeoutHandle &&
     ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
-  if (null !== workInProgress)
-    for (timeoutHandle = workInProgress.return; null !== timeoutHandle; ) {
-      var interruptedWork = timeoutHandle;
-      popTreeContext(interruptedWork);
-      switch (interruptedWork.tag) {
-        case 1:
-          interruptedWork = interruptedWork.type.childContextTypes;
-          null !== interruptedWork &&
-            void 0 !== interruptedWork &&
-            popContext();
-          break;
-        case 3:
-          popHostContainer();
-          pop(didPerformWorkStackCursor);
-          pop(contextStackCursor);
-          resetWorkInProgressVersions();
-          break;
-        case 5:
-          popHostContext(interruptedWork);
-          break;
-        case 4:
-          popHostContainer();
-          break;
-        case 13:
-          pop(suspenseStackCursor);
-          break;
-        case 19:
-          pop(suspenseStackCursor);
-          break;
-        case 10:
-          popProvider(interruptedWork.type._context);
-          break;
-        case 22:
-        case 23:
-          popRenderLanes();
-      }
-      timeoutHandle = timeoutHandle.return;
-    }
+  timeoutHandle = root.cancelPendingCommit;
+  null !== timeoutHandle &&
+    ((root.cancelPendingCommit = null), timeoutHandle());
+  resetWorkInProgressStack();
   workInProgressRoot = root;
-  workInProgress = root = createWorkInProgress(root.current, null);
-  workInProgressRootRenderLanes = subtreeRenderLanes = lanes;
+  workInProgress = timeoutHandle = createWorkInProgress(root.current, null);
+  workInProgressRootRenderLanes = lanes;
+  workInProgressSuspendedReason = 0;
+  workInProgressThrownValue = null;
+  workInProgressRootDidAttachPingListener = !1;
   workInProgressRootExitStatus = 0;
   workInProgressRootFatalError = null;
-  workInProgressRootPingedLanes = workInProgressRootInterleavedUpdatedLanes = workInProgressRootSkippedLanes = 0;
-  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors = null;
-  if (null !== concurrentQueues) {
-    for (lanes = 0; lanes < concurrentQueues.length; lanes++)
-      if (
-        ((timeoutHandle = concurrentQueues[lanes]),
-        (interruptedWork = timeoutHandle.interleaved),
-        null !== interruptedWork)
-      ) {
-        timeoutHandle.interleaved = null;
-        var firstInterleavedUpdate = interruptedWork.next,
-          lastPendingUpdate = timeoutHandle.pending;
-        if (null !== lastPendingUpdate) {
-          var firstPendingUpdate = lastPendingUpdate.next;
-          lastPendingUpdate.next = firstInterleavedUpdate;
-          interruptedWork.next = firstPendingUpdate;
-        }
-        timeoutHandle.pending = interruptedWork;
-      }
-    concurrentQueues = null;
-  }
-  return root;
-}
-function handleError(root$jscomp$0, thrownValue) {
-  do {
-    var erroredWork = workInProgress;
-    try {
-      resetContextDependencies();
-      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-      if (didScheduleRenderPhaseUpdate) {
-        for (
-          var hook = currentlyRenderingFiber$1.memoizedState;
-          null !== hook;
+  workInProgressDeferredLane =
+    workInProgressRootPingedLanes =
+    workInProgressRootInterleavedUpdatedLanes =
+    workInProgressRootSkippedLanes =
+      0;
+  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors =
+    null;
+  0 !== (lanes & 8) && (lanes |= lanes & 32);
+  var allEntangledLanes = root.entangledLanes;
+  if (0 !== allEntangledLanes)
+    for (
+      root = root.entanglements, allEntangledLanes &= lanes;
+      0 < allEntangledLanes;
 
-        ) {
-          var queue = hook.queue;
-          null !== queue && (queue.pending = null);
-          hook = hook.next;
-        }
-        didScheduleRenderPhaseUpdate = !1;
-      }
-      renderLanes = 0;
-      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
-      didScheduleRenderPhaseUpdateDuringThisPass = !1;
-      ReactCurrentOwner$2.current = null;
-      if (null === erroredWork || null === erroredWork.return) {
-        workInProgressRootExitStatus = 1;
-        workInProgressRootFatalError = thrownValue;
-        workInProgress = null;
-        break;
-      }
-      erroredWork.mode & 2 &&
-        stopProfilerTimerIfRunningAndRecordDelta(erroredWork, !0);
-      a: {
-        var root = root$jscomp$0,
-          returnFiber = erroredWork.return,
-          sourceFiber = erroredWork,
-          value = thrownValue;
-        thrownValue = workInProgressRootRenderLanes;
-        sourceFiber.flags |= 32768;
-        isDevToolsPresent && restorePendingUpdaters(root, thrownValue);
-        if (
-          null !== value &&
-          "object" === typeof value &&
-          "function" === typeof value.then
-        ) {
-          var wakeable = value,
-            sourceFiber$jscomp$0 = sourceFiber,
-            tag = sourceFiber$jscomp$0.tag;
-          if (
-            0 === (sourceFiber$jscomp$0.mode & 1) &&
-            (0 === tag || 11 === tag || 15 === tag)
-          ) {
-            var currentSource = sourceFiber$jscomp$0.alternate;
-            currentSource
-              ? ((sourceFiber$jscomp$0.updateQueue = currentSource.updateQueue),
-                (sourceFiber$jscomp$0.memoizedState =
-                  currentSource.memoizedState),
-                (sourceFiber$jscomp$0.lanes = currentSource.lanes))
-              : ((sourceFiber$jscomp$0.updateQueue = null),
-                (sourceFiber$jscomp$0.memoizedState = null));
-          }
-          b: {
-            sourceFiber$jscomp$0 = returnFiber;
-            do {
-              var JSCompiler_temp;
-              if ((JSCompiler_temp = 13 === sourceFiber$jscomp$0.tag)) {
-                var nextState = sourceFiber$jscomp$0.memoizedState;
-                JSCompiler_temp =
-                  null !== nextState
-                    ? null !== nextState.dehydrated
-                      ? !0
-                      : !1
-                    : !0;
-              }
-              if (JSCompiler_temp) {
-                var suspenseBoundary = sourceFiber$jscomp$0;
-                break b;
-              }
-              sourceFiber$jscomp$0 = sourceFiber$jscomp$0.return;
-            } while (null !== sourceFiber$jscomp$0);
-            suspenseBoundary = null;
-          }
-          if (null !== suspenseBoundary) {
-            suspenseBoundary.flags &= -257;
-            value = suspenseBoundary;
-            sourceFiber$jscomp$0 = thrownValue;
-            if (0 === (value.mode & 1))
-              if (value === returnFiber) value.flags |= 65536;
-              else {
-                value.flags |= 128;
-                sourceFiber.flags |= 131072;
-                sourceFiber.flags &= -52805;
-                if (1 === sourceFiber.tag)
-                  if (null === sourceFiber.alternate) sourceFiber.tag = 17;
-                  else {
-                    var update = createUpdate(-1, 1);
-                    update.tag = 2;
-                    enqueueUpdate(sourceFiber, update, 1);
-                  }
-                sourceFiber.lanes |= 1;
-              }
-            else (value.flags |= 65536), (value.lanes = sourceFiber$jscomp$0);
-            suspenseBoundary.mode & 1 &&
-              attachPingListener(root, wakeable, thrownValue);
-            thrownValue = suspenseBoundary;
-            root = wakeable;
-            var wakeables = thrownValue.updateQueue;
-            if (null === wakeables) {
-              var updateQueue = new Set();
-              updateQueue.add(root);
-              thrownValue.updateQueue = updateQueue;
-            } else wakeables.add(root);
-            break a;
-          } else {
-            if (0 === (thrownValue & 1)) {
-              attachPingListener(root, wakeable, thrownValue);
-              renderDidSuspendDelayIfPossible();
-              break a;
-            }
-            value = Error(
-              "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition."
-            );
-          }
-        }
-        root = value = createCapturedValueAtFiber(value, sourceFiber);
-        4 !== workInProgressRootExitStatus &&
-          (workInProgressRootExitStatus = 2);
-        null === workInProgressRootConcurrentErrors
-          ? (workInProgressRootConcurrentErrors = [root])
-          : workInProgressRootConcurrentErrors.push(root);
-        root = returnFiber;
-        do {
-          switch (root.tag) {
-            case 3:
-              wakeable = value;
-              root.flags |= 65536;
-              thrownValue &= -thrownValue;
-              root.lanes |= thrownValue;
-              var update$jscomp$0 = createRootErrorUpdate(
-                root,
-                wakeable,
-                thrownValue
-              );
-              enqueueCapturedUpdate(root, update$jscomp$0);
-              break a;
-            case 1:
-              wakeable = value;
-              var ctor = root.type,
-                instance = root.stateNode;
-              if (
-                0 === (root.flags & 128) &&
-                ("function" === typeof ctor.getDerivedStateFromError ||
-                  (null !== instance &&
-                    "function" === typeof instance.componentDidCatch &&
-                    (null === legacyErrorBoundariesThatAlreadyFailed ||
-                      !legacyErrorBoundariesThatAlreadyFailed.has(instance))))
-              ) {
-                root.flags |= 65536;
-                thrownValue &= -thrownValue;
-                root.lanes |= thrownValue;
-                var update$34 = createClassErrorUpdate(
-                  root,
-                  wakeable,
-                  thrownValue
-                );
-                enqueueCapturedUpdate(root, update$34);
-                break a;
-              }
-          }
-          root = root.return;
-        } while (null !== root);
-      }
-      completeUnitOfWork(erroredWork);
-    } catch (yetAnotherThrownValue) {
-      thrownValue = yetAnotherThrownValue;
-      workInProgress === erroredWork &&
-        null !== erroredWork &&
-        (workInProgress = erroredWork = erroredWork.return);
-      continue;
+    ) {
+      var index$2 = 31 - clz32(allEntangledLanes),
+        lane = 1 << index$2;
+      lanes |= root[index$2];
+      allEntangledLanes &= ~lane;
     }
-    break;
-  } while (1);
+  entangledRenderLanes = lanes;
+  finishQueueingConcurrentUpdates();
+  return timeoutHandle;
+}
+function handleThrow(root, thrownValue) {
+  currentlyRenderingFiber$1 = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
+  thrownValue === SuspenseException
+    ? ((thrownValue = getSuspendedThenable()),
+      (root = suspenseHandlerStackCursor.current),
+      (workInProgressSuspendedReason =
+        (null !== root &&
+          ((workInProgressRootRenderLanes & 4194176) ===
+          workInProgressRootRenderLanes
+            ? null !== shellBoundary
+            : ((workInProgressRootRenderLanes & 62914560) !==
+                workInProgressRootRenderLanes &&
+                0 === (workInProgressRootRenderLanes & 536870912)) ||
+              root !== shellBoundary)) ||
+        0 !== (workInProgressRootSkippedLanes & 134217727) ||
+        0 !== (workInProgressRootInterleavedUpdatedLanes & 134217727)
+          ? 3
+          : 2))
+    : thrownValue === SuspenseyCommitException
+    ? ((thrownValue = getSuspendedThenable()),
+      (workInProgressSuspendedReason = 4))
+    : (workInProgressSuspendedReason =
+        thrownValue === SelectiveHydrationException
+          ? 8
+          : null !== thrownValue &&
+            "object" === typeof thrownValue &&
+            "function" === typeof thrownValue.then
+          ? 6
+          : 1);
+  workInProgressThrownValue = thrownValue;
+  root = workInProgress;
+  null === root
+    ? ((workInProgressRootExitStatus = 1),
+      (workInProgressRootFatalError = thrownValue))
+    : root.mode & 2 && stopProfilerTimerIfRunningAndRecordDelta(root, !0);
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher$2.current;
-  ReactCurrentDispatcher$2.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function renderDidSuspendDelayIfPossible() {
-  if (
-    0 === workInProgressRootExitStatus ||
-    3 === workInProgressRootExitStatus ||
-    2 === workInProgressRootExitStatus
-  )
-    workInProgressRootExitStatus = 4;
-  null === workInProgressRoot ||
-    (0 === (workInProgressRootSkippedLanes & 268435455) &&
-      0 === (workInProgressRootInterleavedUpdatedLanes & 268435455)) ||
-    markRootSuspended$1(workInProgressRoot, workInProgressRootRenderLanes);
+  workInProgressRootExitStatus = 4;
+  (0 === (workInProgressRootSkippedLanes & 134217727) &&
+    0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)) ||
+    null === workInProgressRoot ||
+    markRootSuspended(
+      workInProgressRoot,
+      workInProgressRootRenderLanes,
+      workInProgressDeferredLane
+    );
 }
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
@@ -7476,28 +8297,159 @@ function renderRootSync(root, lanes) {
     workInProgressTransitions = null;
     prepareFreshStack(root, lanes);
   }
-  do
+  lanes = !1;
+  a: do
     try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        memoizedUpdaters = workInProgress;
+        var thrownValue = workInProgressThrownValue;
+        switch (workInProgressSuspendedReason) {
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
+          default:
+            (workInProgressSuspendedReason = 0),
+              (workInProgressThrownValue = null),
+              throwAndUnwindWorkLoop(root, memoizedUpdaters, thrownValue);
+        }
+      }
       workLoopSync();
       break;
-    } catch (thrownValue) {
-      handleError(root, thrownValue);
+    } catch (thrownValue$104) {
+      handleThrow(root, thrownValue$104);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  ReactCurrentDispatcher$2.current = prevDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
   if (null !== workInProgress)
     throw Error(
       "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
     );
   workInProgressRoot = null;
   workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
   return workInProgressRootExitStatus;
 }
 function workLoopSync() {
   for (; null !== workInProgress; ) performUnitOfWork(workInProgress);
 }
+function renderRootConcurrent(root, lanes) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 2;
+  var prevDispatcher = pushDispatcher();
+  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
+    if (isDevToolsPresent) {
+      var memoizedUpdaters = root.memoizedUpdaters;
+      0 < memoizedUpdaters.size &&
+        (restorePendingUpdaters(root, workInProgressRootRenderLanes),
+        memoizedUpdaters.clear());
+      movePendingFibersToMemoized(root, lanes);
+    }
+    workInProgressTransitions = null;
+    workInProgressRootRenderTargetTime = now$1() + 500;
+    prepareFreshStack(root, lanes);
+  }
+  a: do
+    try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress)
+        b: switch (
+          ((lanes = workInProgress),
+          (memoizedUpdaters = workInProgressThrownValue),
+          workInProgressSuspendedReason)
+        ) {
+          case 1:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
+            break;
+          case 2:
+            if (isThenableResolved(memoizedUpdaters)) {
+              workInProgressSuspendedReason = 0;
+              workInProgressThrownValue = null;
+              replaySuspendedUnitOfWork(lanes);
+              break;
+            }
+            lanes = function () {
+              2 === workInProgressSuspendedReason &&
+                workInProgressRoot === root &&
+                (workInProgressSuspendedReason = 7);
+              ensureRootIsScheduled(root);
+            };
+            memoizedUpdaters.then(lanes, lanes);
+            break a;
+          case 3:
+            workInProgressSuspendedReason = 7;
+            break a;
+          case 4:
+            workInProgressSuspendedReason = 5;
+            break a;
+          case 7:
+            isThenableResolved(memoizedUpdaters)
+              ? ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                replaySuspendedUnitOfWork(lanes))
+              : ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters));
+            break;
+          case 5:
+            switch (workInProgress.tag) {
+              case 5:
+              case 26:
+              case 27:
+                lanes = workInProgress;
+                workInProgressSuspendedReason = 0;
+                workInProgressThrownValue = null;
+                var sibling = lanes.sibling;
+                if (null !== sibling) workInProgress = sibling;
+                else {
+                  var returnFiber = lanes.return;
+                  null !== returnFiber
+                    ? ((workInProgress = returnFiber),
+                      completeUnitOfWork(returnFiber))
+                    : (workInProgress = null);
+                }
+                break b;
+            }
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
+            break;
+          case 6:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
+            break;
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          default:
+            throw Error("Unexpected SuspendedReason. This is a bug in React.");
+        }
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue$106) {
+      handleThrow(root, thrownValue$106);
+    }
+  while (1);
+  resetContextDependencies();
+  ReactCurrentDispatcher.current = prevDispatcher;
+  executionContext = prevExecutionContext;
+  if (null !== workInProgress) return 0;
+  workInProgressRoot = null;
+  workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
+  return workInProgressRootExitStatus;
+}
 function workLoopConcurrent() {
   for (; null !== workInProgress && !shouldYield(); )
     performUnitOfWork(workInProgress);
@@ -7505,59 +8457,146 @@ function workLoopConcurrent() {
 function performUnitOfWork(unitOfWork) {
   var current = unitOfWork.alternate;
   0 !== (unitOfWork.mode & 2)
-    ? ((profilerStartTime = now$1()),
-      0 > unitOfWork.actualStartTime && (unitOfWork.actualStartTime = now$1()),
-      (current = beginWork$1(current, unitOfWork, subtreeRenderLanes)),
+    ? (startProfilerTimer(unitOfWork),
+      (current = beginWork(current, unitOfWork, entangledRenderLanes)),
       stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0))
-    : (current = beginWork$1(current, unitOfWork, subtreeRenderLanes));
+    : (current = beginWork(current, unitOfWork, entangledRenderLanes));
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === current
+    ? completeUnitOfWork(unitOfWork)
+    : (workInProgress = current);
+  ReactCurrentOwner.current = null;
+}
+function replaySuspendedUnitOfWork(unitOfWork) {
+  var current = unitOfWork.alternate,
+    isProfilingMode = 0 !== (unitOfWork.mode & 2);
+  isProfilingMode && startProfilerTimer(unitOfWork);
+  switch (unitOfWork.tag) {
+    case 2:
+      unitOfWork.tag = 0;
+    case 15:
+    case 0:
+      var Component = unitOfWork.type,
+        unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultProps(Component, unresolvedProps);
+      var context = isContextProvider(Component)
+        ? previousContext
+        : contextStackCursor$1.current;
+      context = getMaskedContext(unitOfWork, context);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        context,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 11:
+      Component = unitOfWork.type.render;
+      unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultProps(Component, unresolvedProps);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        unitOfWork.ref,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 5:
+      resetHooksOnUnwind(unitOfWork);
+    default:
+      unwindInterruptedWork(current, unitOfWork),
+        (unitOfWork = workInProgress =
+          resetWorkInProgress(unitOfWork, entangledRenderLanes)),
+        (current = beginWork(current, unitOfWork, entangledRenderLanes));
+  }
+  isProfilingMode && stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0);
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
   null === current
     ? completeUnitOfWork(unitOfWork)
     : (workInProgress = current);
-  ReactCurrentOwner$2.current = null;
+  ReactCurrentOwner.current = null;
+}
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
+  resetContextDependencies();
+  resetHooksOnUnwind(unitOfWork);
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+  var returnFiber = unitOfWork.return;
+  try {
+    if (
+      throwException(
+        root,
+        returnFiber,
+        unitOfWork,
+        thrownValue,
+        workInProgressRootRenderLanes
+      )
+    ) {
+      workInProgressRootExitStatus = 1;
+      workInProgressRootFatalError = thrownValue;
+      workInProgress = null;
+      return;
+    }
+  } catch (error) {
+    if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
+    workInProgressRootExitStatus = 1;
+    workInProgressRootFatalError = thrownValue;
+    workInProgress = null;
+    return;
+  }
+  if (unitOfWork.flags & 32768)
+    a: {
+      root = unitOfWork;
+      do {
+        unitOfWork = unwindWork(root.alternate, root);
+        if (null !== unitOfWork) {
+          unitOfWork.flags &= 32767;
+          workInProgress = unitOfWork;
+          break a;
+        }
+        if (0 !== (root.mode & 2)) {
+          stopProfilerTimerIfRunningAndRecordDelta(root, !1);
+          unitOfWork = root.actualDuration;
+          for (thrownValue = root.child; null !== thrownValue; )
+            (unitOfWork += thrownValue.actualDuration),
+              (thrownValue = thrownValue.sibling);
+          root.actualDuration = unitOfWork;
+        }
+        root = root.return;
+        null !== root &&
+          ((root.flags |= 32768),
+          (root.subtreeFlags = 0),
+          (root.deletions = null));
+        workInProgress = root;
+      } while (null !== root);
+      workInProgressRootExitStatus = 6;
+      workInProgress = null;
+    }
+  else completeUnitOfWork(unitOfWork);
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
     var current = completedWork.alternate;
     unitOfWork = completedWork.return;
-    if (0 === (completedWork.flags & 32768)) {
-      if (0 === (completedWork.mode & 2))
-        current = completeWork(current, completedWork, subtreeRenderLanes);
-      else {
-        var fiber = completedWork;
-        profilerStartTime = now$1();
-        0 > fiber.actualStartTime && (fiber.actualStartTime = now$1());
-        current = completeWork(current, completedWork, subtreeRenderLanes);
-        stopProfilerTimerIfRunningAndRecordDelta(completedWork, !1);
-      }
-      if (null !== current) {
-        workInProgress = current;
-        return;
-      }
-    } else {
-      current = unwindWork(current, completedWork);
-      if (null !== current) {
-        current.flags &= 32767;
-        workInProgress = current;
-        return;
-      }
-      if (0 !== (completedWork.mode & 2)) {
-        stopProfilerTimerIfRunningAndRecordDelta(completedWork, !1);
-        current = completedWork.actualDuration;
-        for (fiber = completedWork.child; null !== fiber; )
-          (current += fiber.actualDuration), (fiber = fiber.sibling);
-        completedWork.actualDuration = current;
-      }
-      if (null !== unitOfWork)
-        (unitOfWork.flags |= 32768),
-          (unitOfWork.subtreeFlags = 0),
-          (unitOfWork.deletions = null);
-      else {
-        workInProgressRootExitStatus = 6;
-        workInProgress = null;
-        return;
-      }
+    0 === (completedWork.mode & 2)
+      ? (current = completeWork(current, completedWork, entangledRenderLanes))
+      : (startProfilerTimer(completedWork),
+        (current = completeWork(current, completedWork, entangledRenderLanes)),
+        stopProfilerTimerIfRunningAndRecordDelta(completedWork, !1));
+    if (null !== current) {
+      workInProgress = current;
+      return;
     }
     completedWork = completedWork.sibling;
     if (null !== completedWork) {
@@ -7568,20 +8607,21 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function commitRoot(root, recoverableErrors, transitions) {
+function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   var previousUpdateLanePriority = currentUpdatePriority,
-    prevTransition = ReactCurrentBatchConfig$2.transition;
+    prevTransition = ReactCurrentBatchConfig.transition;
   try {
-    (ReactCurrentBatchConfig$2.transition = null),
-      (currentUpdatePriority = 1),
+    (ReactCurrentBatchConfig.transition = null),
+      (currentUpdatePriority = 2),
       commitRootImpl(
         root,
         recoverableErrors,
         transitions,
-        previousUpdateLanePriority
+        previousUpdateLanePriority,
+        spawnedLane
       );
   } finally {
-    (ReactCurrentBatchConfig$2.transition = prevTransition),
+    (ReactCurrentBatchConfig.transition = prevTransition),
       (currentUpdatePriority = previousUpdateLanePriority);
   }
   return null;
@@ -7590,101 +8630,107 @@ function commitRootImpl(
   root,
   recoverableErrors,
   transitions,
-  renderPriorityLevel
+  renderPriorityLevel,
+  spawnedLane
 ) {
   do flushPassiveEffects();
   while (null !== rootWithPendingPassiveEffects);
   if (0 !== (executionContext & 6))
     throw Error("Should not already be working.");
-  transitions = root.finishedWork;
-  var lanes = root.finishedLanes;
-  if (null === transitions) return null;
+  var finishedWork = root.finishedWork;
+  transitions = root.finishedLanes;
+  if (null === finishedWork) return null;
   root.finishedWork = null;
   root.finishedLanes = 0;
-  if (transitions === root.current)
+  if (finishedWork === root.current)
     throw Error(
       "Cannot commit the same tree as before. This error is likely caused by a bug in React. Please file an issue."
     );
   root.callbackNode = null;
   root.callbackPriority = 0;
-  var remainingLanes = transitions.lanes | transitions.childLanes;
-  markRootFinished(root, remainingLanes);
+  root.cancelPendingCommit = null;
+  var remainingLanes = finishedWork.lanes | finishedWork.childLanes;
+  remainingLanes |= concurrentlyUpdatedLanes;
+  markRootFinished(root, remainingLanes, spawnedLane);
   root === workInProgressRoot &&
     ((workInProgress = workInProgressRoot = null),
     (workInProgressRootRenderLanes = 0));
-  (0 === (transitions.subtreeFlags & 2064) &&
-    0 === (transitions.flags & 2064)) ||
+  (0 === (finishedWork.subtreeFlags & 10256) &&
+    0 === (finishedWork.flags & 10256)) ||
     rootDoesHavePassiveEffects ||
     ((rootDoesHavePassiveEffects = !0),
-    scheduleCallback$1(NormalPriority, function() {
+    scheduleCallback(NormalPriority, function () {
       flushPassiveEffects();
       return null;
     }));
-  remainingLanes = 0 !== (transitions.flags & 15990);
-  if (0 !== (transitions.subtreeFlags & 15990) || remainingLanes) {
-    remainingLanes = ReactCurrentBatchConfig$2.transition;
-    ReactCurrentBatchConfig$2.transition = null;
-    var previousPriority = currentUpdatePriority;
-    currentUpdatePriority = 1;
+  spawnedLane = 0 !== (finishedWork.flags & 15990);
+  if (0 !== (finishedWork.subtreeFlags & 15990) || spawnedLane) {
+    spawnedLane = ReactCurrentBatchConfig.transition;
+    ReactCurrentBatchConfig.transition = null;
+    remainingLanes = currentUpdatePriority;
+    currentUpdatePriority = 2;
     var prevExecutionContext = executionContext;
     executionContext |= 4;
-    ReactCurrentOwner$2.current = null;
-    commitBeforeMutationEffects(root, transitions);
-    commitTime = now$1();
-    commitMutationEffects(root, transitions, lanes);
-    root.current = transitions;
-    commitLayoutEffects(transitions, root, lanes);
+    ReactCurrentOwner.current = null;
+    commitBeforeMutationEffects(root, finishedWork);
+    commitTime = now();
+    commitMutationEffects(root, finishedWork, transitions);
+    root.current = finishedWork;
+    commitLayoutEffects(finishedWork, root, transitions);
     requestPaint();
     executionContext = prevExecutionContext;
-    currentUpdatePriority = previousPriority;
-    ReactCurrentBatchConfig$2.transition = remainingLanes;
-  } else (root.current = transitions), (commitTime = now$1());
+    currentUpdatePriority = remainingLanes;
+    ReactCurrentBatchConfig.transition = spawnedLane;
+  } else (root.current = finishedWork), (commitTime = now());
   rootDoesHavePassiveEffects &&
     ((rootDoesHavePassiveEffects = !1),
     (rootWithPendingPassiveEffects = root),
-    (pendingPassiveEffectsLanes = lanes));
+    (pendingPassiveEffectsLanes = transitions));
   remainingLanes = root.pendingLanes;
   0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
-  onCommitRoot(transitions.stateNode, renderPriorityLevel);
+  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
   isDevToolsPresent && root.memoizedUpdaters.clear();
-  ensureRootIsScheduled(root, now());
+  ensureRootIsScheduled(root);
   if (null !== recoverableErrors)
     for (
-      renderPriorityLevel = root.onRecoverableError, transitions = 0;
-      transitions < recoverableErrors.length;
-      transitions++
+      renderPriorityLevel = root.onRecoverableError, finishedWork = 0;
+      finishedWork < recoverableErrors.length;
+      finishedWork++
     )
-      (lanes = recoverableErrors[transitions]),
-        renderPriorityLevel(lanes.value, {
-          componentStack: lanes.stack,
-          digest: lanes.digest
-        });
+      (spawnedLane = recoverableErrors[finishedWork]),
+        (remainingLanes = {
+          digest: spawnedLane.digest,
+          componentStack: spawnedLane.stack
+        }),
+        renderPriorityLevel(spawnedLane.value, remainingLanes);
   if (hasUncaughtError)
-    throw ((hasUncaughtError = !1),
-    (root = firstUncaughtError),
-    (firstUncaughtError = null),
-    root);
-  0 !== (pendingPassiveEffectsLanes & 1) &&
+    throw (
+      ((hasUncaughtError = !1),
+      (root = firstUncaughtError),
+      (firstUncaughtError = null),
+      root)
+    );
+  0 !== (pendingPassiveEffectsLanes & 3) &&
     0 !== root.tag &&
     flushPassiveEffects();
   remainingLanes = root.pendingLanes;
-  0 !== (remainingLanes & 1)
+  0 !== (transitions & 4194218) && 0 !== (remainingLanes & 42)
     ? ((nestedUpdateScheduled = !0),
       root === rootWithNestedUpdates
         ? nestedUpdateCount++
         : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root)))
     : (nestedUpdateCount = 0);
-  flushSyncCallbacks();
+  flushSyncWorkAcrossRoots_impl(!1);
   return null;
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactCurrentBatchConfig$2.transition,
+      prevTransition = ReactCurrentBatchConfig.transition,
       previousPriority = currentUpdatePriority;
     try {
-      ReactCurrentBatchConfig$2.transition = null;
-      currentUpdatePriority = 16 > renderPriority ? 16 : renderPriority;
+      ReactCurrentBatchConfig.transition = null;
+      currentUpdatePriority = 32 > renderPriority ? 32 : renderPriority;
       if (null === rootWithPendingPassiveEffects)
         var JSCompiler_inline_result = !1;
       else {
@@ -7695,161 +8741,35 @@ function flushPassiveEffects() {
           throw Error("Cannot flush passive effects while already rendering.");
         var prevExecutionContext = executionContext;
         executionContext |= 4;
-        for (nextEffect = renderPriority.current; null !== nextEffect; ) {
-          var fiber = nextEffect,
-            child = fiber.child;
-          if (0 !== (nextEffect.flags & 16)) {
-            var deletions = fiber.deletions;
-            if (null !== deletions) {
-              for (var i = 0; i < deletions.length; i++) {
-                var fiberToDelete = deletions[i];
-                for (nextEffect = fiberToDelete; null !== nextEffect; ) {
-                  var fiber$jscomp$0 = nextEffect,
-                    current = fiber$jscomp$0;
-                  switch (current.tag) {
-                    case 0:
-                    case 11:
-                    case 15:
-                      current.mode & 2
-                        ? ((passiveEffectStartTime = now$1()),
-                          commitHookEffectListUnmount(8, current, fiber),
-                          recordPassiveEffectDuration(current))
-                        : commitHookEffectListUnmount(8, current, fiber);
-                  }
-                  var child$jscomp$0 = fiber$jscomp$0.child;
-                  if (null !== child$jscomp$0)
-                    (child$jscomp$0.return = fiber$jscomp$0),
-                      (nextEffect = child$jscomp$0);
-                  else
-                    for (; null !== nextEffect; ) {
-                      fiber$jscomp$0 = nextEffect;
-                      var sibling = fiber$jscomp$0.sibling,
-                        returnFiber = fiber$jscomp$0.return;
-                      detachFiberAfterEffects(fiber$jscomp$0);
-                      if (fiber$jscomp$0 === fiberToDelete) {
-                        nextEffect = null;
-                        break;
-                      }
-                      if (null !== sibling) {
-                        sibling.return = returnFiber;
-                        nextEffect = sibling;
-                        break;
-                      }
-                      nextEffect = returnFiber;
-                    }
-                }
-              }
-              var previousFiber = fiber.alternate;
-              if (null !== previousFiber) {
-                var detachedChild = previousFiber.child;
-                if (null !== detachedChild) {
-                  previousFiber.child = null;
-                  do {
-                    var detachedSibling = detachedChild.sibling;
-                    detachedChild.sibling = null;
-                    detachedChild = detachedSibling;
-                  } while (null !== detachedChild);
-                }
-              }
-              nextEffect = fiber;
-            }
-          }
-          if (0 !== (fiber.subtreeFlags & 2064) && null !== child)
-            (child.return = fiber), (nextEffect = child);
-          else
-            b: for (; null !== nextEffect; ) {
-              fiber = nextEffect;
-              if (0 !== (fiber.flags & 2048))
-                switch (((i = fiber), i.tag)) {
-                  case 0:
-                  case 11:
-                  case 15:
-                    i.mode & 2
-                      ? ((passiveEffectStartTime = now$1()),
-                        commitHookEffectListUnmount(9, i, i.return),
-                        recordPassiveEffectDuration(i))
-                      : commitHookEffectListUnmount(9, i, i.return);
-                }
-              var sibling$jscomp$0 = fiber.sibling;
-              if (null !== sibling$jscomp$0) {
-                sibling$jscomp$0.return = fiber.return;
-                nextEffect = sibling$jscomp$0;
-                break b;
-              }
-              nextEffect = fiber.return;
-            }
-        }
-        var finishedWork = renderPriority.current;
-        for (nextEffect = finishedWork; null !== nextEffect; ) {
-          child = nextEffect;
-          var firstChild = child.child;
-          if (0 !== (child.subtreeFlags & 2064) && null !== firstChild)
-            (firstChild.return = child), (nextEffect = firstChild);
-          else
-            b: for (child = finishedWork; null !== nextEffect; ) {
-              deletions = nextEffect;
-              if (0 !== (deletions.flags & 2048))
-                try {
-                  switch (((fiberToDelete = deletions), fiberToDelete.tag)) {
-                    case 0:
-                    case 11:
-                    case 15:
-                      if (fiberToDelete.mode & 2) {
-                        passiveEffectStartTime = now$1();
-                        try {
-                          commitHookEffectListMount(9, fiberToDelete);
-                        } finally {
-                          recordPassiveEffectDuration(fiberToDelete);
-                        }
-                      } else commitHookEffectListMount(9, fiberToDelete);
-                  }
-                } catch (error) {
-                  captureCommitPhaseError(deletions, deletions.return, error);
-                }
-              if (deletions === child) {
-                nextEffect = null;
-                break b;
-              }
-              var sibling$jscomp$1 = deletions.sibling;
-              if (null !== sibling$jscomp$1) {
-                sibling$jscomp$1.return = deletions.return;
-                nextEffect = sibling$jscomp$1;
-                break b;
-              }
-              nextEffect = deletions.return;
-            }
-        }
-        finishedWork = pendingPassiveProfilerEffects;
+        commitPassiveUnmountOnFiber(renderPriority.current);
+        commitPassiveMountOnFiber(renderPriority, renderPriority.current);
+        var profilerEffects = pendingPassiveProfilerEffects;
         pendingPassiveProfilerEffects = [];
-        for (firstChild = 0; firstChild < finishedWork.length; firstChild++) {
-          var finishedWork$jscomp$0 = finishedWork[firstChild];
-          if (0 !== (finishedWork$jscomp$0.flags & 4))
-            switch (finishedWork$jscomp$0.tag) {
+        for (var i = 0; i < profilerEffects.length; i++) {
+          var finishedWork = profilerEffects[i];
+          if (executionContext & 4 && 0 !== (finishedWork.flags & 4))
+            switch (finishedWork.tag) {
               case 12:
                 var passiveEffectDuration =
-                    finishedWork$jscomp$0.stateNode.passiveEffectDuration,
-                  _finishedWork$memoize = finishedWork$jscomp$0.memoizedProps,
+                    finishedWork.stateNode.passiveEffectDuration,
+                  _finishedWork$memoize = finishedWork.memoizedProps,
                   id = _finishedWork$memoize.id,
-                  onPostCommit = _finishedWork$memoize.onPostCommit;
-                sibling$jscomp$1 = commitTime;
-                var phase =
-                  null === finishedWork$jscomp$0.alternate ? "mount" : "update";
+                  onPostCommit = _finishedWork$memoize.onPostCommit,
+                  commitTime$87 = commitTime,
+                  phase = null === finishedWork.alternate ? "mount" : "update";
                 currentUpdateIsNested && (phase = "nested-update");
                 "function" === typeof onPostCommit &&
-                  onPostCommit(
-                    id,
-                    phase,
-                    passiveEffectDuration,
-                    sibling$jscomp$1
-                  );
-                var parentFiber = finishedWork$jscomp$0.return;
+                  onPostCommit(id, phase, passiveEffectDuration, commitTime$87);
+                var parentFiber = finishedWork.return;
                 b: for (; null !== parentFiber; ) {
                   switch (parentFiber.tag) {
                     case 3:
-                      parentFiber.stateNode.passiveEffectDuration += passiveEffectDuration;
+                      parentFiber.stateNode.passiveEffectDuration +=
+                        passiveEffectDuration;
                       break b;
                     case 12:
-                      parentFiber.stateNode.passiveEffectDuration += passiveEffectDuration;
+                      parentFiber.stateNode.passiveEffectDuration +=
+                        passiveEffectDuration;
                       break b;
                   }
                   parentFiber = parentFiber.return;
@@ -7857,7 +8777,7 @@ function flushPassiveEffects() {
             }
         }
         executionContext = prevExecutionContext;
-        flushSyncCallbacks();
+        flushSyncWorkAcrossRoots_impl(!1);
         if (
           injectedHook &&
           "function" === typeof injectedHook.onPostCommitFiberRoot
@@ -7873,7 +8793,7 @@ function flushPassiveEffects() {
       return JSCompiler_inline_result;
     } finally {
       (currentUpdatePriority = previousPriority),
-        (ReactCurrentBatchConfig$2.transition = prevTransition);
+        (ReactCurrentBatchConfig.transition = prevTransition);
     }
   }
   return !1;
@@ -7882,29 +8802,23 @@ function enqueuePendingPassiveProfilerEffect(fiber) {
   pendingPassiveProfilerEffects.push(fiber);
   rootDoesHavePassiveEffects ||
     ((rootDoesHavePassiveEffects = !0),
-    scheduleCallback$1(NormalPriority, function() {
+    scheduleCallback(NormalPriority, function () {
       flushPassiveEffects();
       return null;
     }));
 }
 function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
-  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 1);
-  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 1);
-  sourceFiber = requestEventTime();
+  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
+  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 1, sourceFiber),
-    ensureRootIsScheduled(rootFiber, sourceFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
     captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
   else
-    for (
-      nearestMountedAncestor = sourceFiber.return;
-      null !== nearestMountedAncestor;
-
-    ) {
+    for (; null !== nearestMountedAncestor; ) {
       if (3 === nearestMountedAncestor.tag) {
         captureCommitPhaseErrorOnRoot(
           nearestMountedAncestor,
@@ -7925,51 +8839,61 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
           sourceFiber = createClassErrorUpdate(
             nearestMountedAncestor,
             sourceFiber,
-            1
+            2
           );
           nearestMountedAncestor = enqueueUpdate(
             nearestMountedAncestor,
             sourceFiber,
-            1
+            2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 1, sourceFiber),
-            ensureRootIsScheduled(nearestMountedAncestor, sourceFiber));
+            (markRootUpdated(nearestMountedAncestor, 2),
+            ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
       }
       nearestMountedAncestor = nearestMountedAncestor.return;
     }
 }
+function attachPingListener(root, wakeable, lanes) {
+  var pingCache = root.pingCache;
+  if (null === pingCache) {
+    pingCache = root.pingCache = new PossiblyWeakMap();
+    var threadIDs = new Set();
+    pingCache.set(wakeable, threadIDs);
+  } else
+    (threadIDs = pingCache.get(wakeable)),
+      void 0 === threadIDs &&
+        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
+  threadIDs.has(lanes) ||
+    ((workInProgressRootDidAttachPingListener = !0),
+    threadIDs.add(lanes),
+    (pingCache = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
+    isDevToolsPresent && restorePendingUpdaters(root, lanes),
+    wakeable.then(pingCache, pingCache));
+}
 function pingSuspendedRoot(root, wakeable, pingedLanes) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(wakeable);
-  wakeable = requestEventTime();
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
   workInProgressRoot === root &&
     (workInProgressRootRenderLanes & pingedLanes) === pingedLanes &&
     (4 === workInProgressRootExitStatus ||
     (3 === workInProgressRootExitStatus &&
-      (workInProgressRootRenderLanes & 130023424) ===
+      (workInProgressRootRenderLanes & 62914560) ===
         workInProgressRootRenderLanes &&
-      500 > now() - globalMostRecentFallbackTime)
-      ? prepareFreshStack(root, 0)
+      300 > now$1() - globalMostRecentFallbackTime)
+      ? 0 === (executionContext & 2) && prepareFreshStack(root, 0)
       : (workInProgressRootPingedLanes |= pingedLanes));
-  ensureRootIsScheduled(root, wakeable);
+  ensureRootIsScheduled(root);
 }
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
-    (0 === (boundaryFiber.mode & 1)
-      ? (retryLane = 1)
-      : ((retryLane = nextRetryLane),
-        (nextRetryLane <<= 1),
-        0 === (nextRetryLane & 130023424) && (nextRetryLane = 4194304)));
-  var eventTime = requestEventTime();
-  boundaryFiber = markUpdateLaneFromFiberToRoot(boundaryFiber, retryLane);
+    (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
+  boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
-    ensureRootIsScheduled(boundaryFiber, eventTime));
+    (markRootUpdated(boundaryFiber, retryLane),
+    ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
   var suspenseState = boundaryFiber.memoizedState,
@@ -7988,6 +8912,9 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
     case 19:
       retryCache = boundaryFiber.stateNode;
       break;
+    case 22:
+      retryCache = boundaryFiber.stateNode._retryCache;
+      break;
     default:
       throw Error(
         "Pinged unknown suspense boundary type. This is probably a bug in React."
@@ -7996,8 +8923,8 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   null !== retryCache && retryCache.delete(wakeable);
   retryTimedOutBoundary(boundaryFiber, retryLane);
 }
-var beginWork$1;
-beginWork$1 = function(current, workInProgress, renderLanes) {
+var beginWork;
+beginWork = function (current, workInProgress, renderLanes) {
   if (null !== current)
     if (
       current.memoizedProps !== workInProgress.pendingProps ||
@@ -8028,7 +8955,7 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
       current = workInProgress.pendingProps;
       var context = getMaskedContext(
         workInProgress,
-        contextStackCursor.current
+        contextStackCursor$1.current
       );
       prepareToReadContext(workInProgress, renderLanes);
       context = renderWithHooks(
@@ -8180,11 +9107,13 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
         : (reconcileChildren(current, workInProgress, context, renderLanes),
           (workInProgress = workInProgress.child));
       return workInProgress;
+    case 26:
+    case 27:
     case 5:
       return (
         pushHostContext(workInProgress),
         (Component = workInProgress.pendingProps.children),
-        markRef(current, workInProgress),
+        markRef$1(current, workInProgress),
         reconcileChildren(current, workInProgress, Component, renderLanes),
         workInProgress.child
       );
@@ -8297,7 +9226,7 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
                 ) {
                   if (dependency.context === Component) {
                     if (1 === hasContext.tag) {
-                      dependency = createUpdate(-1, renderLanes & -renderLanes);
+                      dependency = createUpdate(renderLanes & -renderLanes);
                       dependency.tag = 2;
                       var updateQueue = hasContext.updateQueue;
                       if (null !== updateQueue) {
@@ -8440,21 +9369,31 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
 };
 function restorePendingUpdaters(root, lanes) {
   isDevToolsPresent &&
-    root.memoizedUpdaters.forEach(function(schedulingFiber) {
+    root.memoizedUpdaters.forEach(function (schedulingFiber) {
       addFiberToLanesMap(root, schedulingFiber, lanes);
     });
 }
-function scheduleCallback$1(priorityLevel, callback) {
-  return scheduleCallback(priorityLevel, callback);
+function scheduleCallback(priorityLevel, callback) {
+  return scheduleCallback$2(priorityLevel, callback);
 }
 function FiberNode(tag, pendingProps, key, mode) {
   this.tag = tag;
   this.key = key;
-  this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
+  this.sibling =
+    this.child =
+    this.return =
+    this.stateNode =
+    this.type =
+    this.elementType =
+      null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
-  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.dependencies =
+    this.memoizedState =
+    this.updateQueue =
+    this.memoizedProps =
+      null;
   this.mode = mode;
   this.subtreeFlags = this.flags = 0;
   this.deletions = null;
@@ -8502,7 +9441,7 @@ function createWorkInProgress(current, pendingProps) {
       (workInProgress.deletions = null),
       (workInProgress.actualDuration = 0),
       (workInProgress.actualStartTime = -1));
-  workInProgress.flags = current.flags & 14680064;
+  workInProgress.flags = current.flags & 31457280;
   workInProgress.childLanes = current.childLanes;
   workInProgress.lanes = current.lanes;
   workInProgress.child = current.child;
@@ -8517,10 +9456,47 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   workInProgress.selfBaseDuration = current.selfBaseDuration;
   workInProgress.treeBaseDuration = current.treeBaseDuration;
   return workInProgress;
 }
+function resetWorkInProgress(workInProgress, renderLanes) {
+  workInProgress.flags &= 31457282;
+  var current = workInProgress.alternate;
+  null === current
+    ? ((workInProgress.childLanes = 0),
+      (workInProgress.lanes = renderLanes),
+      (workInProgress.child = null),
+      (workInProgress.subtreeFlags = 0),
+      (workInProgress.memoizedProps = null),
+      (workInProgress.memoizedState = null),
+      (workInProgress.updateQueue = null),
+      (workInProgress.dependencies = null),
+      (workInProgress.stateNode = null),
+      (workInProgress.selfBaseDuration = 0),
+      (workInProgress.treeBaseDuration = 0))
+    : ((workInProgress.childLanes = current.childLanes),
+      (workInProgress.lanes = current.lanes),
+      (workInProgress.child = current.child),
+      (workInProgress.subtreeFlags = 0),
+      (workInProgress.deletions = null),
+      (workInProgress.memoizedProps = current.memoizedProps),
+      (workInProgress.memoizedState = current.memoizedState),
+      (workInProgress.updateQueue = current.updateQueue),
+      (workInProgress.type = current.type),
+      (renderLanes = current.dependencies),
+      (workInProgress.dependencies =
+        null === renderLanes
+          ? null
+          : {
+              lanes: renderLanes.lanes,
+              firstContext: renderLanes.firstContext
+            }),
+      (workInProgress.selfBaseDuration = current.selfBaseDuration),
+      (workInProgress.treeBaseDuration = current.treeBaseDuration));
+  return workInProgress;
+}
 function createFiberFromTypeAndProps(
   type,
   key,
@@ -8540,6 +9516,7 @@ function createFiberFromTypeAndProps(
       case REACT_STRICT_MODE_TYPE:
         fiberTag = 8;
         mode |= 8;
+        0 !== (mode & 1) && (mode |= 16);
         break;
       case REACT_PROFILER_TYPE:
         return (
@@ -8605,7 +9582,41 @@ function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
   pendingProps = createFiber(22, pendingProps, key, mode);
   pendingProps.elementType = REACT_OFFSCREEN_TYPE;
   pendingProps.lanes = lanes;
-  pendingProps.stateNode = { isHidden: !1 };
+  var primaryChildInstance = {
+    _visibility: 1,
+    _pendingVisibility: 1,
+    _pendingMarkers: null,
+    _retryCache: null,
+    _transitions: null,
+    _current: null,
+    detach: function () {
+      var fiber = primaryChildInstance._current;
+      if (null === fiber)
+        throw Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      if (0 === (primaryChildInstance._pendingVisibility & 2)) {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root &&
+          ((primaryChildInstance._pendingVisibility |= 2),
+          scheduleUpdateOnFiber(root, fiber, 2));
+      }
+    },
+    attach: function () {
+      var fiber = primaryChildInstance._current;
+      if (null === fiber)
+        throw Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      if (0 !== (primaryChildInstance._pendingVisibility & 2)) {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root &&
+          ((primaryChildInstance._pendingVisibility &= -3),
+          scheduleUpdateOnFiber(root, fiber, 2));
+      }
+    }
+  };
+  pendingProps.stateNode = primaryChildInstance;
   return pendingProps;
 }
 function createFiberFromText(content, mode, lanes) {
@@ -8633,26 +9644,46 @@ function FiberRootNode(
   tag,
   hydrate,
   identifierPrefix,
-  onRecoverableError
+  onRecoverableError,
+  formState
 ) {
   this.tag = tag;
   this.containerInfo = containerInfo;
-  this.finishedWork = this.pingCache = this.current = this.pendingChildren = null;
+  this.finishedWork =
+    this.pingCache =
+    this.current =
+    this.pendingChildren =
+      null;
   this.timeoutHandle = -1;
-  this.callbackNode = this.pendingContext = this.context = null;
+  this.callbackNode =
+    this.next =
+    this.pendingContext =
+    this.context =
+    this.cancelPendingCommit =
+      null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
-  this.entangledLanes = this.finishedLanes = this.mutableReadLanes = this.expiredLanes = this.pingedLanes = this.suspendedLanes = this.pendingLanes = 0;
+  this.entangledLanes =
+    this.shellSuspendCounter =
+    this.errorRecoveryDisabledLanes =
+    this.finishedLanes =
+    this.expiredLanes =
+    this.pingedLanes =
+    this.suspendedLanes =
+    this.pendingLanes =
+      0;
   this.entanglements = createLaneMap(0);
+  this.hiddenUpdates = createLaneMap(null);
   this.identifierPrefix = identifierPrefix;
   this.onRecoverableError = onRecoverableError;
+  this.formState = formState;
+  this.incompleteTransitions = new Map();
   this.passiveEffectDuration = this.effectDuration = 0;
   this.memoizedUpdaters = new Set();
   containerInfo = this.pendingUpdatersLaneMap = [];
   for (tag = 0; 31 > tag; tag++) containerInfo.push(new Set());
 }
-function createPortal(children, containerInfo, implementation) {
+function createPortal$1(children, containerInfo, implementation) {
   var key =
     3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
   return {
@@ -8674,11 +9705,10 @@ function findHostInstance(component) {
     );
   }
   component = findCurrentHostFiber(fiber);
-  return null === component ? null : component.stateNode;
+  return null === component ? null : getPublicInstance(component.stateNode);
 }
 function updateContainer(element, container, parentComponent, callback) {
   var current = container.current,
-    eventTime = requestEventTime(),
     lane = requestUpdateLane(current);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternals;
@@ -8727,13 +9757,13 @@ function updateContainer(element, container, parentComponent, callback) {
   null === container.context
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
-  container = createUpdate(eventTime, lane);
+  container = createUpdate(lane);
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(current, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, current, lane, eventTime),
+    (scheduleUpdateOnFiber(element, current, lane),
     entangleTransitions(element, current, lane));
   return lane;
 }
@@ -8744,19 +9774,32 @@ function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
   if (componentOrHandle._nativeTag) return componentOrHandle._nativeTag;
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-    return componentOrHandle.canonical._nativeTag;
+  if (
+    null != componentOrHandle.canonical &&
+    null != componentOrHandle.canonical.nativeTag
+  )
+    return componentOrHandle.canonical.nativeTag;
+  var nativeTag =
+    ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+      componentOrHandle
+    );
+  if (nativeTag) return nativeTag;
   componentOrHandle = findHostInstance(componentOrHandle);
   return null == componentOrHandle
     ? componentOrHandle
-    : componentOrHandle.canonical
-    ? componentOrHandle.canonical._nativeTag
-    : componentOrHandle._nativeTag;
+    : null != componentOrHandle._nativeTag
+    ? componentOrHandle._nativeTag
+    : ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+        componentOrHandle
+      );
+}
+function getInspectorDataForInstance() {
+  throw Error("getInspectorDataForInstance() is not available in production");
 }
 function onRecoverableError(error) {
   console.error(error);
 }
-batchedUpdatesImpl = function(fn, a) {
+batchedUpdatesImpl = function (fn, a) {
   var prevExecutionContext = executionContext;
   executionContext |= 1;
   try {
@@ -8764,34 +9807,35 @@ batchedUpdatesImpl = function(fn, a) {
   } finally {
     (executionContext = prevExecutionContext),
       0 === executionContext &&
-        ((workInProgressRootRenderTargetTime = now() + 500),
-        includesLegacySyncCallbacks && flushSyncCallbacks());
+        ((workInProgressRootRenderTargetTime = now$1() + 500),
+        flushSyncWorkAcrossRoots_impl(!0));
   }
 };
 var roots = new Map(),
-  devToolsConfig$jscomp$inline_981 = {
-    findFiberByHostInstance: getInstanceFromInstance,
+  devToolsConfig$jscomp$inline_1114 = {
+    findFiberByHostInstance: getInstanceFromNode,
     bundleType: 0,
-    version: "18.2.0-next-9e3b772b8-20220608",
+    version: "18.3.0-canary-c1b45781",
     rendererPackageName: "react-native-renderer",
     rendererConfig: {
-      getInspectorDataForViewTag: function() {
+      getInspectorDataForInstance: getInspectorDataForInstance,
+      getInspectorDataForViewTag: function () {
         throw Error(
           "getInspectorDataForViewTag() is not available in production"
         );
       },
-      getInspectorDataForViewAtPoint: function() {
+      getInspectorDataForViewAtPoint: function () {
         throw Error(
           "getInspectorDataForViewAtPoint() is not available in production."
         );
       }.bind(null, findNodeHandle)
     }
   };
-var internals$jscomp$inline_1243 = {
-  bundleType: devToolsConfig$jscomp$inline_981.bundleType,
-  version: devToolsConfig$jscomp$inline_981.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_981.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_981.rendererConfig,
+var internals$jscomp$inline_1333 = {
+  bundleType: devToolsConfig$jscomp$inline_1114.bundleType,
+  version: devToolsConfig$jscomp$inline_1114.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1114.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1114.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -8802,68 +9846,93 @@ var internals$jscomp$inline_1243 = {
   setSuspenseHandler: null,
   scheduleUpdate: null,
   currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
-  findHostInstanceByFiber: function(fiber) {
+  findHostInstanceByFiber: function (fiber) {
     fiber = findCurrentHostFiber(fiber);
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_981.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1114.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.2.0-next-9e3b772b8-20220608"
+  reconcilerVersion: "18.3.0-canary-c1b45781"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1244 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1334 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1244.isDisabled &&
-    hook$jscomp$inline_1244.supportsFiber
+    !hook$jscomp$inline_1334.isDisabled &&
+    hook$jscomp$inline_1334.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1244.inject(
-        internals$jscomp$inline_1243
+      (rendererID = hook$jscomp$inline_1334.inject(
+        internals$jscomp$inline_1333
       )),
-        (injectedHook = hook$jscomp$inline_1244);
+        (injectedHook = hook$jscomp$inline_1334);
     } catch (err) {}
 }
-exports.createPortal = function(children, containerTag) {
-  return createPortal(
+exports.createPortal = function (children, containerTag) {
+  return createPortal$1(
     children,
     containerTag,
     null,
     2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
   );
 };
-exports.dispatchCommand = function(handle, command, args) {
-  null != handle._nativeTag &&
-    (null != handle._internalInstanceHandle
-      ? ((handle = handle._internalInstanceHandle.stateNode),
-        null != handle &&
-          nativeFabricUIManager.dispatchCommand(handle.node, command, args))
+exports.dispatchCommand = function (handle, command, args) {
+  var nativeTag =
+    null != handle._nativeTag
+      ? handle._nativeTag
+      : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
+  null != nativeTag &&
+    ((handle = ReactNativePrivateInterface.getNodeFromPublicInstance(handle)),
+    null != handle
+      ? nativeFabricUIManager.dispatchCommand(handle, command, args)
       : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
-          handle._nativeTag,
+          nativeTag,
           command,
           args
         ));
 };
-exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
-  if (null == componentOrHandle) return null;
-  if (componentOrHandle._nativeTag) return componentOrHandle;
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-    return componentOrHandle.canonical;
-  componentOrHandle = findHostInstance(componentOrHandle);
+exports.findHostInstance_DEPRECATED = function (componentOrHandle) {
   return null == componentOrHandle
+    ? null
+    : componentOrHandle.canonical && componentOrHandle.canonical.publicInstance
+    ? componentOrHandle.canonical.publicInstance
+    : componentOrHandle._nativeTag
     ? componentOrHandle
-    : componentOrHandle.canonical
-    ? componentOrHandle.canonical
-    : componentOrHandle;
+    : findHostInstance(componentOrHandle);
 };
 exports.findNodeHandle = findNodeHandle;
-exports.getInspectorDataForInstance = void 0;
-exports.render = function(element, containerTag, callback, concurrentRoot) {
+exports.getInspectorDataForInstance = getInspectorDataForInstance;
+exports.getNodeFromInternalInstanceHandle = function (internalInstanceHandle) {
+  return (
+    internalInstanceHandle &&
+    internalInstanceHandle.stateNode &&
+    internalInstanceHandle.stateNode.node
+  );
+};
+exports.getPublicInstanceFromInternalInstanceHandle = function (
+  internalInstanceHandle
+) {
+  var instance = internalInstanceHandle.stateNode;
+  return null == instance
+    ? null
+    : 6 === internalInstanceHandle.tag
+    ? (null == instance.publicInstance &&
+        (instance.publicInstance =
+          ReactNativePrivateInterface.createPublicTextInstance(
+            internalInstanceHandle
+          )),
+      instance.publicInstance)
+    : getPublicInstance(internalInstanceHandle.stateNode);
+};
+exports.isChildPublicInstance = function () {
+  throw Error("isChildPublicInstance() is not available in production.");
+};
+exports.render = function (element, containerTag, callback, concurrentRoot) {
   var root = roots.get(containerTag);
   root ||
     ((root = concurrentRoot ? 1 : 0),
@@ -8872,28 +9941,24 @@ exports.render = function(element, containerTag, callback, concurrentRoot) {
       root,
       !1,
       "",
-      onRecoverableError
+      onRecoverableError,
+      null
     )),
     (root = 1 === root ? 1 : 0),
     isDevToolsPresent && (root |= 2),
     (root = createFiber(3, null, null, root)),
     (concurrentRoot.current = root),
     (root.stateNode = concurrentRoot),
-    (root.memoizedState = {
-      element: null,
-      isDehydrated: !1,
-      cache: null,
-      transitions: null,
-      pendingSuspenseBoundaries: null
-    }),
+    (root.memoizedState = { element: null, isDehydrated: !1, cache: null }),
     initializeUpdateQueue(root),
     (root = concurrentRoot),
     roots.set(containerTag, root));
   updateContainer(element, root, null, callback);
   a: if (((element = root.current), element.child))
     switch (element.child.tag) {
+      case 27:
       case 5:
-        element = element.child.stateNode.canonical;
+        element = getPublicInstance(element.child.stateNode);
         break a;
       default:
         element = element.child.stateNode;
@@ -8901,34 +9966,31 @@ exports.render = function(element, containerTag, callback, concurrentRoot) {
   else element = null;
   return element;
 };
-exports.sendAccessibilityEvent = function(handle, eventType) {
-  null != handle._nativeTag &&
-    (null != handle._internalInstanceHandle
-      ? ((handle = handle._internalInstanceHandle.stateNode),
-        null != handle &&
-          nativeFabricUIManager.sendAccessibilityEvent(handle.node, eventType))
+exports.sendAccessibilityEvent = function (handle, eventType) {
+  var nativeTag =
+    null != handle._nativeTag
+      ? handle._nativeTag
+      : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
+  null != nativeTag &&
+    ((handle = ReactNativePrivateInterface.getNodeFromPublicInstance(handle)),
+    null != handle
+      ? nativeFabricUIManager.sendAccessibilityEvent(handle, eventType)
       : ReactNativePrivateInterface.legacySendAccessibilityEvent(
-          handle._nativeTag,
+          nativeTag,
           eventType
         ));
 };
-exports.stopSurface = function(containerTag) {
+exports.stopSurface = function (containerTag) {
   var root = roots.get(containerTag);
   root &&
-    updateContainer(null, root, null, function() {
+    updateContainer(null, root, null, function () {
       roots.delete(containerTag);
     });
 };
-exports.unmountComponentAtNode = function(containerTag) {
+exports.unmountComponentAtNode = function (containerTag) {
   this.stopSurface(containerTag);
 };
-
-          /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
-if (
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
-    'function'
-) {
-  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-}
-        
+"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+  "function" ===
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
+  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
diff --git a/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js b/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js
index b104de13da53c2..d993f420538989 100644
--- a/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js
+++ b/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-dev.js
@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8,140 +8,325 @@
  * @nolint
  * @providesModule ReactNativeRenderer-dev
  * @preventMunge
- * @generated SignedSource<<bfa2bf0648000d40e0e1b109070049f6>>
+ * @generated SignedSource<<434937dbc3b1c3592d8ef8196d0c1a52>>
  */
 
-'use strict';
+"use strict";
 
 if (__DEV__) {
-  (function() {
+  (function () {
+    "use strict";
 
-          'use strict';
+    /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+    if (
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" &&
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===
+        "function"
+    ) {
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
+    }
+    var React = require("react");
+    require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
+    var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface");
+    var Scheduler = require("scheduler");
 
-/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
-if (
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===
-    'function'
-) {
-  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-}
-          "use strict";
+    var ReactSharedInternals =
+      React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
 
-var React = require("react");
-require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
-var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface");
-var Scheduler = require("scheduler");
+    // by calls to these methods by a Babel plugin.
+    //
+    // In PROD (or in packages without access to React internals),
+    // they are left as they are instead.
 
-var ReactSharedInternals =
-  React.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    function warn(format) {
+      {
+        {
+          for (
+            var _len = arguments.length,
+              args = new Array(_len > 1 ? _len - 1 : 0),
+              _key = 1;
+            _key < _len;
+            _key++
+          ) {
+            args[_key - 1] = arguments[_key];
+          }
 
-// by calls to these methods by a Babel plugin.
-//
-// In PROD (or in packages without access to React internals),
-// they are left as they are instead.
+          printWarning("warn", format, args);
+        }
+      }
+    }
+    function error(format) {
+      {
+        {
+          for (
+            var _len2 = arguments.length,
+              args = new Array(_len2 > 1 ? _len2 - 1 : 0),
+              _key2 = 1;
+            _key2 < _len2;
+            _key2++
+          ) {
+            args[_key2 - 1] = arguments[_key2];
+          }
 
-function warn(format) {
-  {
-    {
-      for (
-        var _len = arguments.length,
-          args = new Array(_len > 1 ? _len - 1 : 0),
-          _key = 1;
-        _key < _len;
-        _key++
-      ) {
-        args[_key - 1] = arguments[_key];
+          printWarning("error", format, args);
+        }
       }
+    }
+
+    function printWarning(level, format, args) {
+      // When changing this logic, you might want to also
+      // update consoleWithStackDev.www.js as well.
+      {
+        var ReactDebugCurrentFrame =
+          ReactSharedInternals.ReactDebugCurrentFrame;
+        var stack = ReactDebugCurrentFrame.getStackAddendum();
+
+        if (stack !== "") {
+          format += "%s";
+          args = args.concat([stack]);
+        } // eslint-disable-next-line react-internal/safe-string-coercion
+
+        var argsWithFormat = args.map(function (item) {
+          return String(item);
+        }); // Careful: RN currently depends on this prefix
 
-      printWarning("warn", format, args);
+        argsWithFormat.unshift("Warning: " + format); // We intentionally don't use spread (or .apply) directly because it
+        // breaks IE9: https://github.com/facebook/react/issues/13610
+        // eslint-disable-next-line react-internal/no-production-logging
+
+        Function.prototype.apply.call(console[level], console, argsWithFormat);
+      }
     }
-  }
-}
-function error(format) {
-  {
+
+    var fakeNode = null;
+
     {
-      for (
-        var _len2 = arguments.length,
-          args = new Array(_len2 > 1 ? _len2 - 1 : 0),
-          _key2 = 1;
-        _key2 < _len2;
-        _key2++
+      if (
+        typeof window !== "undefined" &&
+        typeof window.dispatchEvent === "function" &&
+        typeof document !== "undefined" && // $FlowFixMe[method-unbinding]
+        typeof document.createEvent === "function"
       ) {
-        args[_key2 - 1] = arguments[_key2];
+        fakeNode = document.createElement("react");
       }
-
-      printWarning("error", format, args);
     }
-  }
-}
 
-function printWarning(level, format, args) {
-  // When changing this logic, you might want to also
-  // update consoleWithStackDev.www.js as well.
-  {
-    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
-    var stack = ReactDebugCurrentFrame.getStackAddendum();
+    function invokeGuardedCallbackImpl(name, func, context) {
+      {
+        // In DEV mode, we use a special version
+        // that plays more nicely with the browser's DevTools. The idea is to preserve
+        // "Pause on exceptions" behavior. Because React wraps all user-provided
+        // functions in invokeGuardedCallback, and the production version of
+        // invokeGuardedCallback uses a try-catch, all user exceptions are treated
+        // like caught exceptions, and the DevTools won't pause unless the developer
+        // takes the extra step of enabling pause on caught exceptions. This is
+        // unintuitive, though, because even though React has caught the error, from
+        // the developer's perspective, the error is uncaught.
+        //
+        // To preserve the expected "Pause on exceptions" behavior, we don't use a
+        // try-catch in DEV. Instead, we synchronously dispatch a fake event to a fake
+        // DOM node, and call the user-provided callback from inside an event handler
+        // for that fake event. If the callback throws, the error is "captured" using
+        // event loop context, it does not interrupt the normal program flow.
+        // Effectively, this gives us try-catch behavior without actually using
+        // try-catch. Neat!
+        // fakeNode signifies we are in an environment with a document and window object
+        if (fakeNode) {
+          var evt = document.createEvent("Event");
+          var didCall = false; // Keeps track of whether the user-provided callback threw an error. We
+          // set this to true at the beginning, then set it to false right after
+          // calling the function. If the function errors, `didError` will never be
+          // set to false. This strategy works even if the browser is flaky and
+          // fails to call our global error handler, because it doesn't rely on
+          // the error event at all.
+
+          var didError = true; // Keeps track of the value of window.event so that we can reset it
+          // during the callback to let user code access window.event in the
+          // browsers that support it.
+
+          var windowEvent = window.event; // Keeps track of the descriptor of window.event to restore it after event
+          // dispatching: https://github.com/facebook/react/issues/13688
+
+          var windowEventDescriptor = Object.getOwnPropertyDescriptor(
+            window,
+            "event"
+          );
 
-    if (stack !== "") {
-      format += "%s";
-      args = args.concat([stack]);
-    } // eslint-disable-next-line react-internal/safe-string-coercion
+          var restoreAfterDispatch = function () {
+            // We immediately remove the callback from event listeners so that
+            // nested `invokeGuardedCallback` calls do not clash. Otherwise, a
+            // nested call would trigger the fake event handlers of any call higher
+            // in the stack.
+            fakeNode.removeEventListener(evtType, callCallback, false); // We check for window.hasOwnProperty('event') to prevent the
+            // window.event assignment in both IE <= 10 as they throw an error
+            // "Member not found" in strict mode, and in Firefox which does not
+            // support window.event.
+
+            if (
+              typeof window.event !== "undefined" &&
+              window.hasOwnProperty("event")
+            ) {
+              window.event = windowEvent;
+            }
+          }; // Create an event handler for our fake event. We will synchronously
+          // dispatch our fake event using `dispatchEvent`. Inside the handler, we
+          // call the user-provided callback.
+          // $FlowFixMe[method-unbinding]
+
+          var _funcArgs = Array.prototype.slice.call(arguments, 3);
+
+          var callCallback = function () {
+            didCall = true;
+            restoreAfterDispatch(); // $FlowFixMe[incompatible-call] Flow doesn't understand the arguments splicing.
+
+            func.apply(context, _funcArgs);
+            didError = false;
+          }; // Create a global error event handler. We use this to capture the value
+          // that was thrown. It's possible that this error handler will fire more
+          // than once; for example, if non-React code also calls `dispatchEvent`
+          // and a handler for that event throws. We should be resilient to most of
+          // those cases. Even if our error event handler fires more than once, the
+          // last error event is always used. If the callback actually does error,
+          // we know that the last error event is the correct one, because it's not
+          // possible for anything else to have happened in between our callback
+          // erroring and the code that follows the `dispatchEvent` call below. If
+          // the callback doesn't error, but the error event was fired, we know to
+          // ignore it because `didError` will be false, as described above.
+
+          var error; // Use this to track whether the error event is ever called.
+
+          var didSetError = false;
+          var isCrossOriginError = false;
+
+          var handleWindowError = function (event) {
+            error = event.error;
+            didSetError = true;
+
+            if (error === null && event.colno === 0 && event.lineno === 0) {
+              isCrossOriginError = true;
+            }
 
-    var argsWithFormat = args.map(function(item) {
-      return String(item);
-    }); // Careful: RN currently depends on this prefix
+            if (event.defaultPrevented) {
+              // Some other error handler has prevented default.
+              // Browsers silence the error report if this happens.
+              // We'll remember this to later decide whether to log it or not.
+              if (error != null && typeof error === "object") {
+                try {
+                  error._suppressLogging = true;
+                } catch (inner) {
+                  // Ignore.
+                }
+              }
+            }
+          }; // Create a fake event type.
 
-    argsWithFormat.unshift("Warning: " + format); // We intentionally don't use spread (or .apply) directly because it
-    // breaks IE9: https://github.com/facebook/react/issues/13610
-    // eslint-disable-next-line react-internal/no-production-logging
+          var evtType = "react-" + (name ? name : "invokeguardedcallback"); // Attach our event handlers
 
-    Function.prototype.apply.call(console[level], console, argsWithFormat);
-  }
-}
+          window.addEventListener("error", handleWindowError);
+          fakeNode.addEventListener(evtType, callCallback, false); // Synchronously dispatch our fake event. If the user-provided function
+          // errors, it will trigger our global error handler.
 
-function invokeGuardedCallbackProd(name, func, context, a, b, c, d, e, f) {
-  var funcArgs = Array.prototype.slice.call(arguments, 3);
+          evt.initEvent(evtType, false, false);
+          fakeNode.dispatchEvent(evt);
 
-  try {
-    func.apply(context, funcArgs);
-  } catch (error) {
-    this.onError(error);
-  }
-}
+          if (windowEventDescriptor) {
+            Object.defineProperty(window, "event", windowEventDescriptor);
+          }
+
+          if (didCall && didError) {
+            if (!didSetError) {
+              // The callback errored, but the error event never fired.
+              // eslint-disable-next-line react-internal/prod-error-codes
+              error = new Error(
+                "An error was thrown inside one of your components, but React " +
+                  "doesn't know what it was. This is likely due to browser " +
+                  'flakiness. React does its best to preserve the "Pause on ' +
+                  'exceptions" behavior of the DevTools, which requires some ' +
+                  "DEV-mode only tricks. It's possible that these don't work in " +
+                  "your browser. Try triggering the error in production mode, " +
+                  "or switching to a modern browser. If you suspect that this is " +
+                  "actually an issue with React, please file an issue."
+              );
+            } else if (isCrossOriginError) {
+              // eslint-disable-next-line react-internal/prod-error-codes
+              error = new Error(
+                "A cross-origin error was thrown. React doesn't have access to " +
+                  "the actual error object in development. " +
+                  "See https://reactjs.org/link/crossorigin-error for more information."
+              );
+            }
+
+            this.onError(error);
+          } // Remove our event listeners
+
+          window.removeEventListener("error", handleWindowError);
+
+          if (didCall) {
+            return;
+          } else {
+            // Something went really wrong, and our event was not dispatched.
+            // https://github.com/facebook/react/issues/16734
+            // https://github.com/facebook/react/issues/16585
+            // Fall back to the production implementation.
+            restoreAfterDispatch(); // we fall through and call the prod version instead
+          }
+        } // We only get here if we are in an environment that either does not support the browser
+        // variant or we had trouble getting the browser to emit the error.
+        // $FlowFixMe[method-unbinding]
+
+        var funcArgs = Array.prototype.slice.call(arguments, 3);
+
+        try {
+          // $FlowFixMe[incompatible-call] Flow doesn't understand the arguments splicing.
+          func.apply(context, funcArgs);
+        } catch (error) {
+          this.onError(error);
+        }
+      }
+    }
+
+    var hasError = false;
+    var caughtError = null; // Used by event system to capture/rethrow the first error.
+
+    var hasRethrowError = false;
+    var rethrowError = null;
+    var reporter = {
+      onError: function (error) {
+        hasError = true;
+        caughtError = error;
+      }
+    };
+    /**
+     * Call a function while guarding against errors that happens within it.
+     * Returns an error if it throws, otherwise null.
+     *
+     * In production, this is implemented using a try-catch. The reason we don't
+     * use a try-catch directly is so that we can swap out a different
+     * implementation in DEV mode.
+     *
+     * @param {String} name of the guard to use for logging or debugging
+     * @param {Function} func The function to invoke
+     * @param {*} context The context to use when calling the function
+     * @param {...*} args Arguments for function
+     */
+
+    function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
+      hasError = false;
+      caughtError = null;
+      invokeGuardedCallbackImpl.apply(reporter, arguments);
+    }
+    /**
+     * Same as invokeGuardedCallback, but instead of returning an error, it stores
+     * it in a global so it can be rethrown by `rethrowCaughtError` later.
+     * TODO: See if caughtError and rethrowError can be unified.
+     *
+     * @param {String} name of the guard to use for logging or debugging
+     * @param {Function} func The function to invoke
+     * @param {*} context The context to use when calling the function
+     * @param {...*} args Arguments for function
+     */
 
-var invokeGuardedCallbackImpl = invokeGuardedCallbackProd;
-
-{
-  // In DEV mode, we swap out invokeGuardedCallback for a special version
-  // that plays more nicely with the browser's DevTools. The idea is to preserve
-  // "Pause on exceptions" behavior. Because React wraps all user-provided
-  // functions in invokeGuardedCallback, and the production version of
-  // invokeGuardedCallback uses a try-catch, all user exceptions are treated
-  // like caught exceptions, and the DevTools won't pause unless the developer
-  // takes the extra step of enabling pause on caught exceptions. This is
-  // unintuitive, though, because even though React has caught the error, from
-  // the developer's perspective, the error is uncaught.
-  //
-  // To preserve the expected "Pause on exceptions" behavior, we don't use a
-  // try-catch in DEV. Instead, we synchronously dispatch a fake event to a fake
-  // DOM node, and call the user-provided callback from inside an event handler
-  // for that fake event. If the callback throws, the error is "captured" using
-  // a global event handler. But because the error happens in a different
-  // event loop context, it does not interrupt the normal program flow.
-  // Effectively, this gives us try-catch behavior without actually using
-  // try-catch. Neat!
-  // Check that the browser supports the APIs we need to implement our special
-  // DEV version of invokeGuardedCallback
-  if (
-    typeof window !== "undefined" &&
-    typeof window.dispatchEvent === "function" &&
-    typeof document !== "undefined" &&
-    typeof document.createEvent === "function"
-  ) {
-    var fakeNode = document.createElement("react");
-
-    invokeGuardedCallbackImpl = function invokeGuardedCallbackDev(
+    function invokeGuardedCallbackAndCatchFirstError(
       name,
       func,
       context,
@@ -152,1517 +337,1344 @@ var invokeGuardedCallbackImpl = invokeGuardedCallbackProd;
       e,
       f
     ) {
-      // If document doesn't exist we know for sure we will crash in this method
-      // when we call document.createEvent(). However this can cause confusing
-      // errors: https://github.com/facebook/create-react-app/issues/3482
-      // So we preemptively throw with a better message instead.
-      if (typeof document === "undefined" || document === null) {
+      invokeGuardedCallback.apply(this, arguments);
+
+      if (hasError) {
+        var error = clearCaughtError();
+
+        if (!hasRethrowError) {
+          hasRethrowError = true;
+          rethrowError = error;
+        }
+      }
+    }
+    /**
+     * During execution of guarded functions we will capture the first error which
+     * we will rethrow to be handled by the top level error handler.
+     */
+
+    function rethrowCaughtError() {
+      if (hasRethrowError) {
+        var error = rethrowError;
+        hasRethrowError = false;
+        rethrowError = null;
+        throw error;
+      }
+    }
+    function hasCaughtError() {
+      return hasError;
+    }
+    function clearCaughtError() {
+      if (hasError) {
+        var error = caughtError;
+        hasError = false;
+        caughtError = null;
+        return error;
+      } else {
         throw new Error(
-          "The `document` global was defined when React was initialized, but is not " +
-            "defined anymore. This can happen in a test environment if a component " +
-            "schedules an update from an asynchronous callback, but the test has already " +
-            "finished running. To solve this, you can either unmount the component at " +
-            "the end of your test (and ensure that any asynchronous operations get " +
-            "canceled in `componentWillUnmount`), or you can change the test itself " +
-            "to be asynchronous."
+          "clearCaughtError was called but no error was captured. This error " +
+            "is likely caused by a bug in React. Please file an issue."
         );
       }
+    }
 
-      var evt = document.createEvent("Event");
-      var didCall = false; // Keeps track of whether the user-provided callback threw an error. We
-      // set this to true at the beginning, then set it to false right after
-      // calling the function. If the function errors, `didError` will never be
-      // set to false. This strategy works even if the browser is flaky and
-      // fails to call our global error handler, because it doesn't rely on
-      // the error event at all.
+    var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
 
-      var didError = true; // Keeps track of the value of window.event so that we can reset it
-      // during the callback to let user code access window.event in the
-      // browsers that support it.
+    function isArray(a) {
+      return isArrayImpl(a);
+    }
 
-      var windowEvent = window.event; // Keeps track of the descriptor of window.event to restore it after event
-      // dispatching: https://github.com/facebook/react/issues/13688
+    var getFiberCurrentPropsFromNode$1 = null;
+    var getInstanceFromNode = null;
+    var getNodeFromInstance = null;
+    function setComponentTree(
+      getFiberCurrentPropsFromNodeImpl,
+      getInstanceFromNodeImpl,
+      getNodeFromInstanceImpl
+    ) {
+      getFiberCurrentPropsFromNode$1 = getFiberCurrentPropsFromNodeImpl;
+      getInstanceFromNode = getInstanceFromNodeImpl;
+      getNodeFromInstance = getNodeFromInstanceImpl;
 
-      var windowEventDescriptor = Object.getOwnPropertyDescriptor(
-        window,
-        "event"
-      );
+      {
+        if (!getNodeFromInstance || !getInstanceFromNode) {
+          error(
+            "EventPluginUtils.setComponentTree(...): Injected " +
+              "module is missing getNodeFromInstance or getInstanceFromNode."
+          );
+        }
+      }
+    }
 
-      function restoreAfterDispatch() {
-        // We immediately remove the callback from event listeners so that
-        // nested `invokeGuardedCallback` calls do not clash. Otherwise, a
-        // nested call would trigger the fake event handlers of any call higher
-        // in the stack.
-        fakeNode.removeEventListener(evtType, callCallback, false); // We check for window.hasOwnProperty('event') to prevent the
-        // window.event assignment in both IE <= 10 as they throw an error
-        // "Member not found" in strict mode, and in Firefox which does not
-        // support window.event.
+    function validateEventDispatches(event) {
+      {
+        var dispatchListeners = event._dispatchListeners;
+        var dispatchInstances = event._dispatchInstances;
+        var listenersIsArr = isArray(dispatchListeners);
+        var listenersLen = listenersIsArr
+          ? dispatchListeners.length
+          : dispatchListeners
+          ? 1
+          : 0;
+        var instancesIsArr = isArray(dispatchInstances);
+        var instancesLen = instancesIsArr
+          ? dispatchInstances.length
+          : dispatchInstances
+          ? 1
+          : 0;
 
         if (
-          typeof window.event !== "undefined" &&
-          window.hasOwnProperty("event")
+          instancesIsArr !== listenersIsArr ||
+          instancesLen !== listenersLen
         ) {
-          window.event = windowEvent;
-        }
-      } // Create an event handler for our fake event. We will synchronously
-      // dispatch our fake event using `dispatchEvent`. Inside the handler, we
-      // call the user-provided callback.
-
-      var funcArgs = Array.prototype.slice.call(arguments, 3);
-
-      function callCallback() {
-        didCall = true;
-        restoreAfterDispatch();
-        func.apply(context, funcArgs);
-        didError = false;
-      } // Create a global error event handler. We use this to capture the value
-      // that was thrown. It's possible that this error handler will fire more
-      // than once; for example, if non-React code also calls `dispatchEvent`
-      // and a handler for that event throws. We should be resilient to most of
-      // those cases. Even if our error event handler fires more than once, the
-      // last error event is always used. If the callback actually does error,
-      // we know that the last error event is the correct one, because it's not
-      // possible for anything else to have happened in between our callback
-      // erroring and the code that follows the `dispatchEvent` call below. If
-      // the callback doesn't error, but the error event was fired, we know to
-      // ignore it because `didError` will be false, as described above.
-
-      var error; // Use this to track whether the error event is ever called.
-
-      var didSetError = false;
-      var isCrossOriginError = false;
-
-      function handleWindowError(event) {
-        error = event.error;
-        didSetError = true;
-
-        if (error === null && event.colno === 0 && event.lineno === 0) {
-          isCrossOriginError = true;
-        }
-
-        if (event.defaultPrevented) {
-          // Some other error handler has prevented default.
-          // Browsers silence the error report if this happens.
-          // We'll remember this to later decide whether to log it or not.
-          if (error != null && typeof error === "object") {
-            try {
-              error._suppressLogging = true;
-            } catch (inner) {
-              // Ignore.
-            }
-          }
+          error("EventPluginUtils: Invalid `event`.");
         }
-      } // Create a fake event type.
-
-      var evtType = "react-" + (name ? name : "invokeguardedcallback"); // Attach our event handlers
+      }
+    }
+    /**
+     * Dispatch the event to the listener.
+     * @param {SyntheticEvent} event SyntheticEvent to handle
+     * @param {function} listener Application-level callback
+     * @param {*} inst Internal component instance
+     */
 
-      window.addEventListener("error", handleWindowError);
-      fakeNode.addEventListener(evtType, callCallback, false); // Synchronously dispatch our fake event. If the user-provided function
-      // errors, it will trigger our global error handler.
+    function executeDispatch(event, listener, inst) {
+      var type = event.type || "unknown-event";
+      event.currentTarget = getNodeFromInstance(inst);
+      invokeGuardedCallbackAndCatchFirstError(type, listener, undefined, event);
+      event.currentTarget = null;
+    }
+    /**
+     * Standard/simple iteration through an event's collected dispatches.
+     */
 
-      evt.initEvent(evtType, false, false);
-      fakeNode.dispatchEvent(evt);
+    function executeDispatchesInOrder(event) {
+      var dispatchListeners = event._dispatchListeners;
+      var dispatchInstances = event._dispatchInstances;
 
-      if (windowEventDescriptor) {
-        Object.defineProperty(window, "event", windowEventDescriptor);
+      {
+        validateEventDispatches(event);
       }
 
-      if (didCall && didError) {
-        if (!didSetError) {
-          // The callback errored, but the error event never fired.
-          // eslint-disable-next-line react-internal/prod-error-codes
-          error = new Error(
-            "An error was thrown inside one of your components, but React " +
-              "doesn't know what it was. This is likely due to browser " +
-              'flakiness. React does its best to preserve the "Pause on ' +
-              'exceptions" behavior of the DevTools, which requires some ' +
-              "DEV-mode only tricks. It's possible that these don't work in " +
-              "your browser. Try triggering the error in production mode, " +
-              "or switching to a modern browser. If you suspect that this is " +
-              "actually an issue with React, please file an issue."
-          );
-        } else if (isCrossOriginError) {
-          // eslint-disable-next-line react-internal/prod-error-codes
-          error = new Error(
-            "A cross-origin error was thrown. React doesn't have access to " +
-              "the actual error object in development. " +
-              "See https://legacy.reactjs.org/docs/cross-origin-errors.html for more information."
-          );
+      if (isArray(dispatchListeners)) {
+        for (var i = 0; i < dispatchListeners.length; i++) {
+          if (event.isPropagationStopped()) {
+            break;
+          } // Listeners and Instances are two parallel arrays that are always in sync.
+
+          executeDispatch(event, dispatchListeners[i], dispatchInstances[i]);
         }
+      } else if (dispatchListeners) {
+        executeDispatch(event, dispatchListeners, dispatchInstances);
+      }
 
-        this.onError(error);
-      } // Remove our event listeners
+      event._dispatchListeners = null;
+      event._dispatchInstances = null;
+    }
+    /**
+     * Standard/simple iteration through an event's collected dispatches, but stops
+     * at the first dispatch execution returning true, and returns that id.
+     *
+     * @return {?string} id of the first dispatch execution who's listener returns
+     * true, or null if no listener returned true.
+     */
 
-      window.removeEventListener("error", handleWindowError);
+    function executeDispatchesInOrderStopAtTrueImpl(event) {
+      var dispatchListeners = event._dispatchListeners;
+      var dispatchInstances = event._dispatchInstances;
 
-      if (!didCall) {
-        // Something went really wrong, and our event was not dispatched.
-        // https://github.com/facebook/react/issues/16734
-        // https://github.com/facebook/react/issues/16585
-        // Fall back to the production implementation.
-        restoreAfterDispatch();
-        return invokeGuardedCallbackProd.apply(this, arguments);
+      {
+        validateEventDispatches(event);
       }
-    };
-  }
-}
-
-var invokeGuardedCallbackImpl$1 = invokeGuardedCallbackImpl;
 
-var hasError = false;
-var caughtError = null; // Used by event system to capture/rethrow the first error.
+      if (isArray(dispatchListeners)) {
+        for (var i = 0; i < dispatchListeners.length; i++) {
+          if (event.isPropagationStopped()) {
+            break;
+          } // Listeners and Instances are two parallel arrays that are always in sync.
 
-var hasRethrowError = false;
-var rethrowError = null;
-var reporter = {
-  onError: function(error) {
-    hasError = true;
-    caughtError = error;
-  }
-};
-/**
- * Call a function while guarding against errors that happens within it.
- * Returns an error if it throws, otherwise null.
- *
- * In production, this is implemented using a try-catch. The reason we don't
- * use a try-catch directly is so that we can swap out a different
- * implementation in DEV mode.
- *
- * @param {String} name of the guard to use for logging or debugging
- * @param {Function} func The function to invoke
- * @param {*} context The context to use when calling the function
- * @param {...*} args Arguments for function
- */
+          if (dispatchListeners[i](event, dispatchInstances[i])) {
+            return dispatchInstances[i];
+          }
+        }
+      } else if (dispatchListeners) {
+        if (dispatchListeners(event, dispatchInstances)) {
+          return dispatchInstances;
+        }
+      }
 
-function invokeGuardedCallback(name, func, context, a, b, c, d, e, f) {
-  hasError = false;
-  caughtError = null;
-  invokeGuardedCallbackImpl$1.apply(reporter, arguments);
-}
-/**
- * Same as invokeGuardedCallback, but instead of returning an error, it stores
- * it in a global so it can be rethrown by `rethrowCaughtError` later.
- * TODO: See if caughtError and rethrowError can be unified.
- *
- * @param {String} name of the guard to use for logging or debugging
- * @param {Function} func The function to invoke
- * @param {*} context The context to use when calling the function
- * @param {...*} args Arguments for function
- */
+      return null;
+    }
+    /**
+     * @see executeDispatchesInOrderStopAtTrueImpl
+     */
 
-function invokeGuardedCallbackAndCatchFirstError(
-  name,
-  func,
-  context,
-  a,
-  b,
-  c,
-  d,
-  e,
-  f
-) {
-  invokeGuardedCallback.apply(this, arguments);
-
-  if (hasError) {
-    var error = clearCaughtError();
-
-    if (!hasRethrowError) {
-      hasRethrowError = true;
-      rethrowError = error;
-    }
-  }
-}
-/**
- * During execution of guarded functions we will capture the first error which
- * we will rethrow to be handled by the top level error handler.
- */
+    function executeDispatchesInOrderStopAtTrue(event) {
+      var ret = executeDispatchesInOrderStopAtTrueImpl(event);
+      event._dispatchInstances = null;
+      event._dispatchListeners = null;
+      return ret;
+    }
+    /**
+     * Execution of a "direct" dispatch - there must be at most one dispatch
+     * accumulated on the event or it is considered an error. It doesn't really make
+     * sense for an event with multiple dispatches (bubbled) to keep track of the
+     * return values at each dispatch execution, but it does tend to make sense when
+     * dealing with "direct" dispatches.
+     *
+     * @return {*} The return value of executing the single dispatch.
+     */
 
-function rethrowCaughtError() {
-  if (hasRethrowError) {
-    var error = rethrowError;
-    hasRethrowError = false;
-    rethrowError = null;
-    throw error;
-  }
-}
-function hasCaughtError() {
-  return hasError;
-}
-function clearCaughtError() {
-  if (hasError) {
-    var error = caughtError;
-    hasError = false;
-    caughtError = null;
-    return error;
-  } else {
-    throw new Error(
-      "clearCaughtError was called but no error was captured. This error " +
-        "is likely caused by a bug in React. Please file an issue."
-    );
-  }
-}
+    function executeDirectDispatch(event) {
+      {
+        validateEventDispatches(event);
+      }
 
-var isArrayImpl = Array.isArray; // eslint-disable-next-line no-redeclare
+      var dispatchListener = event._dispatchListeners;
+      var dispatchInstance = event._dispatchInstances;
 
-function isArray(a) {
-  return isArrayImpl(a);
-}
+      if (isArray(dispatchListener)) {
+        throw new Error("executeDirectDispatch(...): Invalid `event`.");
+      }
 
-var getFiberCurrentPropsFromNode = null;
-var getInstanceFromNode = null;
-var getNodeFromInstance = null;
-function setComponentTree(
-  getFiberCurrentPropsFromNodeImpl,
-  getInstanceFromNodeImpl,
-  getNodeFromInstanceImpl
-) {
-  getFiberCurrentPropsFromNode = getFiberCurrentPropsFromNodeImpl;
-  getInstanceFromNode = getInstanceFromNodeImpl;
-  getNodeFromInstance = getNodeFromInstanceImpl;
-
-  {
-    if (!getNodeFromInstance || !getInstanceFromNode) {
-      error(
-        "EventPluginUtils.setComponentTree(...): Injected " +
-          "module is missing getNodeFromInstance or getInstanceFromNode."
-      );
+      event.currentTarget = dispatchListener
+        ? getNodeFromInstance(dispatchInstance)
+        : null;
+      var res = dispatchListener ? dispatchListener(event) : null;
+      event.currentTarget = null;
+      event._dispatchListeners = null;
+      event._dispatchInstances = null;
+      return res;
     }
-  }
-}
-var validateEventDispatches;
-
-{
-  validateEventDispatches = function(event) {
-    var dispatchListeners = event._dispatchListeners;
-    var dispatchInstances = event._dispatchInstances;
-    var listenersIsArr = isArray(dispatchListeners);
-    var listenersLen = listenersIsArr
-      ? dispatchListeners.length
-      : dispatchListeners
-      ? 1
-      : 0;
-    var instancesIsArr = isArray(dispatchInstances);
-    var instancesLen = instancesIsArr
-      ? dispatchInstances.length
-      : dispatchInstances
-      ? 1
-      : 0;
-
-    if (instancesIsArr !== listenersIsArr || instancesLen !== listenersLen) {
-      error("EventPluginUtils: Invalid `event`.");
-    }
-  };
-}
-/**
- * Dispatch the event to the listener.
- * @param {SyntheticEvent} event SyntheticEvent to handle
- * @param {function} listener Application-level callback
- * @param {*} inst Internal component instance
- */
+    /**
+     * @param {SyntheticEvent} event
+     * @return {boolean} True iff number of dispatches accumulated is greater than 0.
+     */
 
-function executeDispatch(event, listener, inst) {
-  var type = event.type || "unknown-event";
-  event.currentTarget = getNodeFromInstance(inst);
-  invokeGuardedCallbackAndCatchFirstError(type, listener, undefined, event);
-  event.currentTarget = null;
-}
-/**
- * Standard/simple iteration through an event's collected dispatches.
- */
+    function hasDispatches(event) {
+      return !!event._dispatchListeners;
+    }
 
-function executeDispatchesInOrder(event) {
-  var dispatchListeners = event._dispatchListeners;
-  var dispatchInstances = event._dispatchInstances;
+    var assign = Object.assign;
 
-  {
-    validateEventDispatches(event);
-  }
+    var EVENT_POOL_SIZE = 10;
+    /**
+     * @interface Event
+     * @see http://www.w3.org/TR/DOM-Level-3-Events/
+     */
 
-  if (isArray(dispatchListeners)) {
-    for (var i = 0; i < dispatchListeners.length; i++) {
-      if (event.isPropagationStopped()) {
-        break;
-      } // Listeners and Instances are two parallel arrays that are always in sync.
+    var EventInterface = {
+      type: null,
+      target: null,
+      // currentTarget is set when dispatching; no use in copying it here
+      currentTarget: function () {
+        return null;
+      },
+      eventPhase: null,
+      bubbles: null,
+      cancelable: null,
+      timeStamp: function (event) {
+        return event.timeStamp || Date.now();
+      },
+      defaultPrevented: null,
+      isTrusted: null
+    };
 
-      executeDispatch(event, dispatchListeners[i], dispatchInstances[i]);
+    function functionThatReturnsTrue() {
+      return true;
     }
-  } else if (dispatchListeners) {
-    executeDispatch(event, dispatchListeners, dispatchInstances);
-  }
 
-  event._dispatchListeners = null;
-  event._dispatchInstances = null;
-}
-/**
- * Standard/simple iteration through an event's collected dispatches, but stops
- * at the first dispatch execution returning true, and returns that id.
- *
- * @return {?string} id of the first dispatch execution who's listener returns
- * true, or null if no listener returned true.
- */
+    function functionThatReturnsFalse() {
+      return false;
+    }
+    /**
+     * Synthetic events are dispatched by event plugins, typically in response to a
+     * top-level event delegation handler.
+     *
+     * These systems should generally use pooling to reduce the frequency of garbage
+     * collection. The system should check `isPersistent` to determine whether the
+     * event should be released into the pool after being dispatched. Users that
+     * need a persisted event should invoke `persist`.
+     *
+     * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
+     * normalizing browser quirks. Subclasses do not necessarily have to implement a
+     * DOM interface; custom application-specific events can also subclass this.
+     *
+     * @param {object} dispatchConfig Configuration used to dispatch this event.
+     * @param {*} targetInst Marker identifying the event target.
+     * @param {object} nativeEvent Native browser event.
+     * @param {DOMEventTarget} nativeEventTarget Target node.
+     */
 
-function executeDispatchesInOrderStopAtTrueImpl(event) {
-  var dispatchListeners = event._dispatchListeners;
-  var dispatchInstances = event._dispatchInstances;
+    function SyntheticEvent(
+      dispatchConfig,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      {
+        // these have a getter/setter for warnings
+        delete this.nativeEvent;
+        delete this.preventDefault;
+        delete this.stopPropagation;
+        delete this.isDefaultPrevented;
+        delete this.isPropagationStopped;
+      }
+
+      this.dispatchConfig = dispatchConfig;
+      this._targetInst = targetInst;
+      this.nativeEvent = nativeEvent;
+      this._dispatchListeners = null;
+      this._dispatchInstances = null;
+      var Interface = this.constructor.Interface;
+
+      for (var propName in Interface) {
+        if (!Interface.hasOwnProperty(propName)) {
+          continue;
+        }
 
-  {
-    validateEventDispatches(event);
-  }
+        {
+          delete this[propName]; // this has a getter/setter for warnings
+        }
 
-  if (isArray(dispatchListeners)) {
-    for (var i = 0; i < dispatchListeners.length; i++) {
-      if (event.isPropagationStopped()) {
-        break;
-      } // Listeners and Instances are two parallel arrays that are always in sync.
+        var normalize = Interface[propName];
 
-      if (dispatchListeners[i](event, dispatchInstances[i])) {
-        return dispatchInstances[i];
+        if (normalize) {
+          this[propName] = normalize(nativeEvent);
+        } else {
+          if (propName === "target") {
+            this.target = nativeEventTarget;
+          } else {
+            this[propName] = nativeEvent[propName];
+          }
+        }
       }
-    }
-  } else if (dispatchListeners) {
-    if (dispatchListeners(event, dispatchInstances)) {
-      return dispatchInstances;
-    }
-  }
 
-  return null;
-}
-/**
- * @see executeDispatchesInOrderStopAtTrueImpl
- */
+      var defaultPrevented =
+        nativeEvent.defaultPrevented != null
+          ? nativeEvent.defaultPrevented
+          : nativeEvent.returnValue === false;
 
-function executeDispatchesInOrderStopAtTrue(event) {
-  var ret = executeDispatchesInOrderStopAtTrueImpl(event);
-  event._dispatchInstances = null;
-  event._dispatchListeners = null;
-  return ret;
-}
-/**
- * Execution of a "direct" dispatch - there must be at most one dispatch
- * accumulated on the event or it is considered an error. It doesn't really make
- * sense for an event with multiple dispatches (bubbled) to keep track of the
- * return values at each dispatch execution, but it does tend to make sense when
- * dealing with "direct" dispatches.
- *
- * @return {*} The return value of executing the single dispatch.
- */
+      if (defaultPrevented) {
+        this.isDefaultPrevented = functionThatReturnsTrue;
+      } else {
+        this.isDefaultPrevented = functionThatReturnsFalse;
+      }
 
-function executeDirectDispatch(event) {
-  {
-    validateEventDispatches(event);
-  }
-
-  var dispatchListener = event._dispatchListeners;
-  var dispatchInstance = event._dispatchInstances;
-
-  if (isArray(dispatchListener)) {
-    throw new Error("executeDirectDispatch(...): Invalid `event`.");
-  }
-
-  event.currentTarget = dispatchListener
-    ? getNodeFromInstance(dispatchInstance)
-    : null;
-  var res = dispatchListener ? dispatchListener(event) : null;
-  event.currentTarget = null;
-  event._dispatchListeners = null;
-  event._dispatchInstances = null;
-  return res;
-}
-/**
- * @param {SyntheticEvent} event
- * @return {boolean} True iff number of dispatches accumulated is greater than 0.
- */
+      this.isPropagationStopped = functionThatReturnsFalse;
+      return this;
+    }
 
-function hasDispatches(event) {
-  return !!event._dispatchListeners;
-}
+    assign(SyntheticEvent.prototype, {
+      preventDefault: function () {
+        this.defaultPrevented = true;
+        var event = this.nativeEvent;
 
-var assign = Object.assign;
+        if (!event) {
+          return;
+        }
 
-var EVENT_POOL_SIZE = 10;
-/**
- * @interface Event
- * @see http://www.w3.org/TR/DOM-Level-3-Events/
- */
+        if (event.preventDefault) {
+          event.preventDefault();
+        } else if (typeof event.returnValue !== "unknown") {
+          event.returnValue = false;
+        }
 
-var EventInterface = {
-  type: null,
-  target: null,
-  // currentTarget is set when dispatching; no use in copying it here
-  currentTarget: function() {
-    return null;
-  },
-  eventPhase: null,
-  bubbles: null,
-  cancelable: null,
-  timeStamp: function(event) {
-    return event.timeStamp || Date.now();
-  },
-  defaultPrevented: null,
-  isTrusted: null
-};
-
-function functionThatReturnsTrue() {
-  return true;
-}
+        this.isDefaultPrevented = functionThatReturnsTrue;
+      },
+      stopPropagation: function () {
+        var event = this.nativeEvent;
 
-function functionThatReturnsFalse() {
-  return false;
-}
-/**
- * Synthetic events are dispatched by event plugins, typically in response to a
- * top-level event delegation handler.
- *
- * These systems should generally use pooling to reduce the frequency of garbage
- * collection. The system should check `isPersistent` to determine whether the
- * event should be released into the pool after being dispatched. Users that
- * need a persisted event should invoke `persist`.
- *
- * Synthetic events (and subclasses) implement the DOM Level 3 Events API by
- * normalizing browser quirks. Subclasses do not necessarily have to implement a
- * DOM interface; custom application-specific events can also subclass this.
- *
- * @param {object} dispatchConfig Configuration used to dispatch this event.
- * @param {*} targetInst Marker identifying the event target.
- * @param {object} nativeEvent Native browser event.
- * @param {DOMEventTarget} nativeEventTarget Target node.
- */
+        if (!event) {
+          return;
+        }
 
-function SyntheticEvent(
-  dispatchConfig,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  {
-    // these have a getter/setter for warnings
-    delete this.nativeEvent;
-    delete this.preventDefault;
-    delete this.stopPropagation;
-    delete this.isDefaultPrevented;
-    delete this.isPropagationStopped;
-  }
-
-  this.dispatchConfig = dispatchConfig;
-  this._targetInst = targetInst;
-  this.nativeEvent = nativeEvent;
-  this._dispatchListeners = null;
-  this._dispatchInstances = null;
-  var Interface = this.constructor.Interface;
-
-  for (var propName in Interface) {
-    if (!Interface.hasOwnProperty(propName)) {
-      continue;
-    }
+        if (event.stopPropagation) {
+          event.stopPropagation();
+        } else if (typeof event.cancelBubble !== "unknown") {
+          // The ChangeEventPlugin registers a "propertychange" event for
+          // IE. This event does not support bubbling or cancelling, and
+          // any references to cancelBubble throw "Member not found".  A
+          // typeof check of "unknown" circumvents this issue (and is also
+          // IE specific).
+          event.cancelBubble = true;
+        }
 
-    {
-      delete this[propName]; // this has a getter/setter for warnings
-    }
+        this.isPropagationStopped = functionThatReturnsTrue;
+      },
+
+      /**
+       * We release all dispatched `SyntheticEvent`s after each event loop, adding
+       * them back into the pool. This allows a way to hold onto a reference that
+       * won't be added back into the pool.
+       */
+      persist: function () {
+        this.isPersistent = functionThatReturnsTrue;
+      },
+
+      /**
+       * Checks if this event should be released back into the pool.
+       *
+       * @return {boolean} True if this should not be released, false otherwise.
+       */
+      isPersistent: functionThatReturnsFalse,
+
+      /**
+       * `PooledClass` looks for `destructor` on each instance it releases.
+       */
+      destructor: function () {
+        var Interface = this.constructor.Interface;
+
+        for (var propName in Interface) {
+          {
+            Object.defineProperty(
+              this,
+              propName,
+              getPooledWarningPropertyDefinition(propName, Interface[propName])
+            );
+          }
+        }
 
-    var normalize = Interface[propName];
+        this.dispatchConfig = null;
+        this._targetInst = null;
+        this.nativeEvent = null;
+        this.isDefaultPrevented = functionThatReturnsFalse;
+        this.isPropagationStopped = functionThatReturnsFalse;
+        this._dispatchListeners = null;
+        this._dispatchInstances = null;
 
-    if (normalize) {
-      this[propName] = normalize(nativeEvent);
-    } else {
-      if (propName === "target") {
-        this.target = nativeEventTarget;
-      } else {
-        this[propName] = nativeEvent[propName];
+        {
+          Object.defineProperty(
+            this,
+            "nativeEvent",
+            getPooledWarningPropertyDefinition("nativeEvent", null)
+          );
+          Object.defineProperty(
+            this,
+            "isDefaultPrevented",
+            getPooledWarningPropertyDefinition(
+              "isDefaultPrevented",
+              functionThatReturnsFalse
+            )
+          );
+          Object.defineProperty(
+            this,
+            "isPropagationStopped",
+            getPooledWarningPropertyDefinition(
+              "isPropagationStopped",
+              functionThatReturnsFalse
+            )
+          );
+          Object.defineProperty(
+            this,
+            "preventDefault",
+            getPooledWarningPropertyDefinition("preventDefault", function () {})
+          );
+          Object.defineProperty(
+            this,
+            "stopPropagation",
+            getPooledWarningPropertyDefinition(
+              "stopPropagation",
+              function () {}
+            )
+          );
+        }
       }
-    }
-  }
+    });
+    SyntheticEvent.Interface = EventInterface;
+    /**
+     * Helper to reduce boilerplate when creating subclasses.
+     */
 
-  var defaultPrevented =
-    nativeEvent.defaultPrevented != null
-      ? nativeEvent.defaultPrevented
-      : nativeEvent.returnValue === false;
+    SyntheticEvent.extend = function (Interface) {
+      var Super = this;
 
-  if (defaultPrevented) {
-    this.isDefaultPrevented = functionThatReturnsTrue;
-  } else {
-    this.isDefaultPrevented = functionThatReturnsFalse;
-  }
+      var E = function () {};
 
-  this.isPropagationStopped = functionThatReturnsFalse;
-  return this;
-}
+      E.prototype = Super.prototype;
+      var prototype = new E();
 
-assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
-    this.defaultPrevented = true;
-    var event = this.nativeEvent;
+      function Class() {
+        return Super.apply(this, arguments);
+      }
 
-    if (!event) {
-      return;
-    }
+      assign(prototype, Class.prototype);
+      Class.prototype = prototype;
+      Class.prototype.constructor = Class;
+      Class.Interface = assign({}, Super.Interface, Interface);
+      Class.extend = Super.extend;
+      addEventPoolingTo(Class);
+      return Class;
+    };
 
-    if (event.preventDefault) {
-      event.preventDefault();
-    } else if (typeof event.returnValue !== "unknown") {
-      event.returnValue = false;
-    }
+    addEventPoolingTo(SyntheticEvent);
+    /**
+     * Helper to nullify syntheticEvent instance properties when destructing
+     *
+     * @param {String} propName
+     * @param {?object} getVal
+     * @return {object} defineProperty object
+     */
 
-    this.isDefaultPrevented = functionThatReturnsTrue;
-  },
-  stopPropagation: function() {
-    var event = this.nativeEvent;
+    function getPooledWarningPropertyDefinition(propName, getVal) {
+      function set(val) {
+        var action = isFunction ? "setting the method" : "setting the property";
+        warn(action, "This is effectively a no-op");
+        return val;
+      }
 
-    if (!event) {
-      return;
-    }
-
-    if (event.stopPropagation) {
-      event.stopPropagation();
-    } else if (typeof event.cancelBubble !== "unknown") {
-      // The ChangeEventPlugin registers a "propertychange" event for
-      // IE. This event does not support bubbling or cancelling, and
-      // any references to cancelBubble throw "Member not found".  A
-      // typeof check of "unknown" circumvents this issue (and is also
-      // IE specific).
-      event.cancelBubble = true;
-    }
-
-    this.isPropagationStopped = functionThatReturnsTrue;
-  },
+      function get() {
+        var action = isFunction
+          ? "accessing the method"
+          : "accessing the property";
+        var result = isFunction
+          ? "This is a no-op function"
+          : "This is set to null";
+        warn(action, result);
+        return getVal;
+      }
 
-  /**
-   * We release all dispatched `SyntheticEvent`s after each event loop, adding
-   * them back into the pool. This allows a way to hold onto a reference that
-   * won't be added back into the pool.
-   */
-  persist: function() {
-    this.isPersistent = functionThatReturnsTrue;
-  },
+      function warn(action, result) {
+        {
+          error(
+            "This synthetic event is reused for performance reasons. If you're seeing this, " +
+              "you're %s `%s` on a released/nullified synthetic event. %s. " +
+              "If you must keep the original synthetic event around, use event.persist(). " +
+              "See https://reactjs.org/link/event-pooling for more information.",
+            action,
+            propName,
+            result
+          );
+        }
+      }
 
-  /**
-   * Checks if this event should be released back into the pool.
-   *
-   * @return {boolean} True if this should not be released, false otherwise.
-   */
-  isPersistent: functionThatReturnsFalse,
+      var isFunction = typeof getVal === "function";
+      return {
+        configurable: true,
+        set: set,
+        get: get
+      };
+    }
 
-  /**
-   * `PooledClass` looks for `destructor` on each instance it releases.
-   */
-  destructor: function() {
-    var Interface = this.constructor.Interface;
+    function createOrGetPooledEvent(
+      dispatchConfig,
+      targetInst,
+      nativeEvent,
+      nativeInst
+    ) {
+      var EventConstructor = this;
 
-    for (var propName in Interface) {
-      {
-        Object.defineProperty(
-          this,
-          propName,
-          getPooledWarningPropertyDefinition(propName, Interface[propName])
+      if (EventConstructor.eventPool.length) {
+        var instance = EventConstructor.eventPool.pop();
+        EventConstructor.call(
+          instance,
+          dispatchConfig,
+          targetInst,
+          nativeEvent,
+          nativeInst
         );
+        return instance;
       }
-    }
 
-    this.dispatchConfig = null;
-    this._targetInst = null;
-    this.nativeEvent = null;
-    this.isDefaultPrevented = functionThatReturnsFalse;
-    this.isPropagationStopped = functionThatReturnsFalse;
-    this._dispatchListeners = null;
-    this._dispatchInstances = null;
-
-    {
-      Object.defineProperty(
-        this,
-        "nativeEvent",
-        getPooledWarningPropertyDefinition("nativeEvent", null)
-      );
-      Object.defineProperty(
-        this,
-        "isDefaultPrevented",
-        getPooledWarningPropertyDefinition(
-          "isDefaultPrevented",
-          functionThatReturnsFalse
-        )
-      );
-      Object.defineProperty(
-        this,
-        "isPropagationStopped",
-        getPooledWarningPropertyDefinition(
-          "isPropagationStopped",
-          functionThatReturnsFalse
-        )
-      );
-      Object.defineProperty(
-        this,
-        "preventDefault",
-        getPooledWarningPropertyDefinition("preventDefault", function() {})
-      );
-      Object.defineProperty(
-        this,
-        "stopPropagation",
-        getPooledWarningPropertyDefinition("stopPropagation", function() {})
+      return new EventConstructor(
+        dispatchConfig,
+        targetInst,
+        nativeEvent,
+        nativeInst
       );
     }
-  }
-});
-SyntheticEvent.Interface = EventInterface;
-/**
- * Helper to reduce boilerplate when creating subclasses.
- */
 
-SyntheticEvent.extend = function(Interface) {
-  var Super = this;
+    function releasePooledEvent(event) {
+      var EventConstructor = this;
 
-  var E = function() {};
+      if (!(event instanceof EventConstructor)) {
+        throw new Error(
+          "Trying to release an event instance into a pool of a different type."
+        );
+      }
 
-  E.prototype = Super.prototype;
-  var prototype = new E();
+      event.destructor();
 
-  function Class() {
-    return Super.apply(this, arguments);
-  }
+      if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
+        EventConstructor.eventPool.push(event);
+      }
+    }
 
-  assign(prototype, Class.prototype);
-  Class.prototype = prototype;
-  Class.prototype.constructor = Class;
-  Class.Interface = assign({}, Super.Interface, Interface);
-  Class.extend = Super.extend;
-  addEventPoolingTo(Class);
-  return Class;
-};
+    function addEventPoolingTo(EventConstructor) {
+      EventConstructor.getPooled = createOrGetPooledEvent;
+      EventConstructor.eventPool = [];
+      EventConstructor.release = releasePooledEvent;
+    }
 
-addEventPoolingTo(SyntheticEvent);
-/**
- * Helper to nullify syntheticEvent instance properties when destructing
- *
- * @param {String} propName
- * @param {?object} getVal
- * @return {object} defineProperty object
- */
+    /**
+     * `touchHistory` isn't actually on the native event, but putting it in the
+     * interface will ensure that it is cleaned up when pooled/destroyed. The
+     * `ResponderEventPlugin` will populate it appropriately.
+     */
 
-function getPooledWarningPropertyDefinition(propName, getVal) {
-  function set(val) {
-    var action = isFunction ? "setting the method" : "setting the property";
-    warn(action, "This is effectively a no-op");
-    return val;
-  }
-
-  function get() {
-    var action = isFunction ? "accessing the method" : "accessing the property";
-    var result = isFunction
-      ? "This is a no-op function"
-      : "This is set to null";
-    warn(action, result);
-    return getVal;
-  }
-
-  function warn(action, result) {
-    {
-      error(
-        "This synthetic event is reused for performance reasons. If you're seeing this, " +
-          "you're %s `%s` on a released/nullified synthetic event. %s. " +
-          "If you must keep the original synthetic event around, use event.persist(). " +
-          "See https://legacy.reactjs.org/docs/legacy-event-pooling.html for more information.",
-        action,
-        propName,
-        result
+    var ResponderSyntheticEvent = SyntheticEvent.extend({
+      touchHistory: function (nativeEvent) {
+        return null; // Actually doesn't even look at the native event.
+      }
+    });
+
+    var TOP_TOUCH_START = "topTouchStart";
+    var TOP_TOUCH_MOVE = "topTouchMove";
+    var TOP_TOUCH_END = "topTouchEnd";
+    var TOP_TOUCH_CANCEL = "topTouchCancel";
+    var TOP_SCROLL = "topScroll";
+    var TOP_SELECTION_CHANGE = "topSelectionChange";
+    function isStartish(topLevelType) {
+      return topLevelType === TOP_TOUCH_START;
+    }
+    function isMoveish(topLevelType) {
+      return topLevelType === TOP_TOUCH_MOVE;
+    }
+    function isEndish(topLevelType) {
+      return (
+        topLevelType === TOP_TOUCH_END || topLevelType === TOP_TOUCH_CANCEL
       );
     }
-  }
+    var startDependencies = [TOP_TOUCH_START];
+    var moveDependencies = [TOP_TOUCH_MOVE];
+    var endDependencies = [TOP_TOUCH_CANCEL, TOP_TOUCH_END];
 
-  var isFunction = typeof getVal === "function";
-  return {
-    configurable: true,
-    set: set,
-    get: get
-  };
-}
+    /**
+     * Tracks the position and time of each active touch by `touch.identifier`. We
+     * should typically only see IDs in the range of 1-20 because IDs get recycled
+     * when touches end and start again.
+     */
 
-function createOrGetPooledEvent(
-  dispatchConfig,
-  targetInst,
-  nativeEvent,
-  nativeInst
-) {
-  var EventConstructor = this;
-
-  if (EventConstructor.eventPool.length) {
-    var instance = EventConstructor.eventPool.pop();
-    EventConstructor.call(
-      instance,
-      dispatchConfig,
-      targetInst,
-      nativeEvent,
-      nativeInst
-    );
-    return instance;
-  }
-
-  return new EventConstructor(
-    dispatchConfig,
-    targetInst,
-    nativeEvent,
-    nativeInst
-  );
-}
+    var MAX_TOUCH_BANK = 20;
+    var touchBank = [];
+    var touchHistory = {
+      touchBank: touchBank,
+      numberActiveTouches: 0,
+      // If there is only one active touch, we remember its location. This prevents
+      // us having to loop through all of the touches all the time in the most
+      // common case.
+      indexOfSingleActiveTouch: -1,
+      mostRecentTimeStamp: 0
+    };
 
-function releasePooledEvent(event) {
-  var EventConstructor = this;
+    function timestampForTouch(touch) {
+      // The legacy internal implementation provides "timeStamp", which has been
+      // renamed to "timestamp". Let both work for now while we iron it out
+      // TODO (evv): rename timeStamp to timestamp in internal code
+      return touch.timeStamp || touch.timestamp;
+    }
+    /**
+     * TODO: Instead of making gestures recompute filtered velocity, we could
+     * include a built in velocity computation that can be reused globally.
+     */
 
-  if (!(event instanceof EventConstructor)) {
-    throw new Error(
-      "Trying to release an event instance into a pool of a different type."
-    );
-  }
+    function createTouchRecord(touch) {
+      return {
+        touchActive: true,
+        startPageX: touch.pageX,
+        startPageY: touch.pageY,
+        startTimeStamp: timestampForTouch(touch),
+        currentPageX: touch.pageX,
+        currentPageY: touch.pageY,
+        currentTimeStamp: timestampForTouch(touch),
+        previousPageX: touch.pageX,
+        previousPageY: touch.pageY,
+        previousTimeStamp: timestampForTouch(touch)
+      };
+    }
 
-  event.destructor();
+    function resetTouchRecord(touchRecord, touch) {
+      touchRecord.touchActive = true;
+      touchRecord.startPageX = touch.pageX;
+      touchRecord.startPageY = touch.pageY;
+      touchRecord.startTimeStamp = timestampForTouch(touch);
+      touchRecord.currentPageX = touch.pageX;
+      touchRecord.currentPageY = touch.pageY;
+      touchRecord.currentTimeStamp = timestampForTouch(touch);
+      touchRecord.previousPageX = touch.pageX;
+      touchRecord.previousPageY = touch.pageY;
+      touchRecord.previousTimeStamp = timestampForTouch(touch);
+    }
 
-  if (EventConstructor.eventPool.length < EVENT_POOL_SIZE) {
-    EventConstructor.eventPool.push(event);
-  }
-}
+    function getTouchIdentifier(_ref) {
+      var identifier = _ref.identifier;
 
-function addEventPoolingTo(EventConstructor) {
-  EventConstructor.getPooled = createOrGetPooledEvent;
-  EventConstructor.eventPool = [];
-  EventConstructor.release = releasePooledEvent;
-}
+      if (identifier == null) {
+        throw new Error("Touch object is missing identifier.");
+      }
 
-/**
- * `touchHistory` isn't actually on the native event, but putting it in the
- * interface will ensure that it is cleaned up when pooled/destroyed. The
- * `ResponderEventPlugin` will populate it appropriately.
- */
+      {
+        if (identifier > MAX_TOUCH_BANK) {
+          error(
+            "Touch identifier %s is greater than maximum supported %s which causes " +
+              "performance issues backfilling array locations for all of the indices.",
+            identifier,
+            MAX_TOUCH_BANK
+          );
+        }
+      }
 
-var ResponderSyntheticEvent = SyntheticEvent.extend({
-  touchHistory: function(nativeEvent) {
-    return null; // Actually doesn't even look at the native event.
-  }
-});
-
-var TOP_TOUCH_START = "topTouchStart";
-var TOP_TOUCH_MOVE = "topTouchMove";
-var TOP_TOUCH_END = "topTouchEnd";
-var TOP_TOUCH_CANCEL = "topTouchCancel";
-var TOP_SCROLL = "topScroll";
-var TOP_SELECTION_CHANGE = "topSelectionChange";
-function isStartish(topLevelType) {
-  return topLevelType === TOP_TOUCH_START;
-}
-function isMoveish(topLevelType) {
-  return topLevelType === TOP_TOUCH_MOVE;
-}
-function isEndish(topLevelType) {
-  return topLevelType === TOP_TOUCH_END || topLevelType === TOP_TOUCH_CANCEL;
-}
-var startDependencies = [TOP_TOUCH_START];
-var moveDependencies = [TOP_TOUCH_MOVE];
-var endDependencies = [TOP_TOUCH_CANCEL, TOP_TOUCH_END];
+      return identifier;
+    }
 
-/**
- * Tracks the position and time of each active touch by `touch.identifier`. We
- * should typically only see IDs in the range of 1-20 because IDs get recycled
- * when touches end and start again.
- */
+    function recordTouchStart(touch) {
+      var identifier = getTouchIdentifier(touch);
+      var touchRecord = touchBank[identifier];
 
-var MAX_TOUCH_BANK = 20;
-var touchBank = [];
-var touchHistory = {
-  touchBank: touchBank,
-  numberActiveTouches: 0,
-  // If there is only one active touch, we remember its location. This prevents
-  // us having to loop through all of the touches all the time in the most
-  // common case.
-  indexOfSingleActiveTouch: -1,
-  mostRecentTimeStamp: 0
-};
-
-function timestampForTouch(touch) {
-  // The legacy internal implementation provides "timeStamp", which has been
-  // renamed to "timestamp". Let both work for now while we iron it out
-  // TODO (evv): rename timeStamp to timestamp in internal code
-  return touch.timeStamp || touch.timestamp;
-}
-/**
- * TODO: Instead of making gestures recompute filtered velocity, we could
- * include a built in velocity computation that can be reused globally.
- */
+      if (touchRecord) {
+        resetTouchRecord(touchRecord, touch);
+      } else {
+        touchBank[identifier] = createTouchRecord(touch);
+      }
 
-function createTouchRecord(touch) {
-  return {
-    touchActive: true,
-    startPageX: touch.pageX,
-    startPageY: touch.pageY,
-    startTimeStamp: timestampForTouch(touch),
-    currentPageX: touch.pageX,
-    currentPageY: touch.pageY,
-    currentTimeStamp: timestampForTouch(touch),
-    previousPageX: touch.pageX,
-    previousPageY: touch.pageY,
-    previousTimeStamp: timestampForTouch(touch)
-  };
-}
+      touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+    }
 
-function resetTouchRecord(touchRecord, touch) {
-  touchRecord.touchActive = true;
-  touchRecord.startPageX = touch.pageX;
-  touchRecord.startPageY = touch.pageY;
-  touchRecord.startTimeStamp = timestampForTouch(touch);
-  touchRecord.currentPageX = touch.pageX;
-  touchRecord.currentPageY = touch.pageY;
-  touchRecord.currentTimeStamp = timestampForTouch(touch);
-  touchRecord.previousPageX = touch.pageX;
-  touchRecord.previousPageY = touch.pageY;
-  touchRecord.previousTimeStamp = timestampForTouch(touch);
-}
+    function recordTouchMove(touch) {
+      var touchRecord = touchBank[getTouchIdentifier(touch)];
 
-function getTouchIdentifier(_ref) {
-  var identifier = _ref.identifier;
+      if (touchRecord) {
+        touchRecord.touchActive = true;
+        touchRecord.previousPageX = touchRecord.currentPageX;
+        touchRecord.previousPageY = touchRecord.currentPageY;
+        touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+        touchRecord.currentPageX = touch.pageX;
+        touchRecord.currentPageY = touch.pageY;
+        touchRecord.currentTimeStamp = timestampForTouch(touch);
+        touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+      } else {
+        {
+          warn(
+            "Cannot record touch move without a touch start.\n" +
+              "Touch Move: %s\n" +
+              "Touch Bank: %s",
+            printTouch(touch),
+            printTouchBank()
+          );
+        }
+      }
+    }
 
-  if (identifier == null) {
-    throw new Error("Touch object is missing identifier.");
-  }
+    function recordTouchEnd(touch) {
+      var touchRecord = touchBank[getTouchIdentifier(touch)];
 
-  {
-    if (identifier > MAX_TOUCH_BANK) {
-      error(
-        "Touch identifier %s is greater than maximum supported %s which causes " +
-          "performance issues backfilling array locations for all of the indices.",
-        identifier,
-        MAX_TOUCH_BANK
-      );
+      if (touchRecord) {
+        touchRecord.touchActive = false;
+        touchRecord.previousPageX = touchRecord.currentPageX;
+        touchRecord.previousPageY = touchRecord.currentPageY;
+        touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
+        touchRecord.currentPageX = touch.pageX;
+        touchRecord.currentPageY = touch.pageY;
+        touchRecord.currentTimeStamp = timestampForTouch(touch);
+        touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
+      } else {
+        {
+          warn(
+            "Cannot record touch end without a touch start.\n" +
+              "Touch End: %s\n" +
+              "Touch Bank: %s",
+            printTouch(touch),
+            printTouchBank()
+          );
+        }
+      }
     }
-  }
-
-  return identifier;
-}
 
-function recordTouchStart(touch) {
-  var identifier = getTouchIdentifier(touch);
-  var touchRecord = touchBank[identifier];
+    function printTouch(touch) {
+      return JSON.stringify({
+        identifier: touch.identifier,
+        pageX: touch.pageX,
+        pageY: touch.pageY,
+        timestamp: timestampForTouch(touch)
+      });
+    }
 
-  if (touchRecord) {
-    resetTouchRecord(touchRecord, touch);
-  } else {
-    touchBank[identifier] = createTouchRecord(touch);
-  }
+    function printTouchBank() {
+      var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
 
-  touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-}
+      if (touchBank.length > MAX_TOUCH_BANK) {
+        printed += " (original size: " + touchBank.length + ")";
+      }
 
-function recordTouchMove(touch) {
-  var touchRecord = touchBank[getTouchIdentifier(touch)];
-
-  if (touchRecord) {
-    touchRecord.touchActive = true;
-    touchRecord.previousPageX = touchRecord.currentPageX;
-    touchRecord.previousPageY = touchRecord.currentPageY;
-    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
-    touchRecord.currentPageX = touch.pageX;
-    touchRecord.currentPageY = touch.pageY;
-    touchRecord.currentTimeStamp = timestampForTouch(touch);
-    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-  } else {
-    {
-      warn(
-        "Cannot record touch move without a touch start.\n" +
-          "Touch Move: %s\n" +
-          "Touch Bank: %s",
-        printTouch(touch),
-        printTouchBank()
-      );
+      return printed;
     }
-  }
-}
 
-function recordTouchEnd(touch) {
-  var touchRecord = touchBank[getTouchIdentifier(touch)];
-
-  if (touchRecord) {
-    touchRecord.touchActive = false;
-    touchRecord.previousPageX = touchRecord.currentPageX;
-    touchRecord.previousPageY = touchRecord.currentPageY;
-    touchRecord.previousTimeStamp = touchRecord.currentTimeStamp;
-    touchRecord.currentPageX = touch.pageX;
-    touchRecord.currentPageY = touch.pageY;
-    touchRecord.currentTimeStamp = timestampForTouch(touch);
-    touchHistory.mostRecentTimeStamp = timestampForTouch(touch);
-  } else {
-    {
-      warn(
-        "Cannot record touch end without a touch start.\n" +
-          "Touch End: %s\n" +
-          "Touch Bank: %s",
-        printTouch(touch),
-        printTouchBank()
-      );
-    }
-  }
-}
+    var instrumentationCallback;
+    var ResponderTouchHistoryStore = {
+      /**
+       * Registers a listener which can be used to instrument every touch event.
+       */
+      instrument: function (callback) {
+        instrumentationCallback = callback;
+      },
+      recordTouchTrack: function (topLevelType, nativeEvent) {
+        if (instrumentationCallback != null) {
+          instrumentationCallback(topLevelType, nativeEvent);
+        }
 
-function printTouch(touch) {
-  return JSON.stringify({
-    identifier: touch.identifier,
-    pageX: touch.pageX,
-    pageY: touch.pageY,
-    timestamp: timestampForTouch(touch)
-  });
-}
+        if (isMoveish(topLevelType)) {
+          nativeEvent.changedTouches.forEach(recordTouchMove);
+        } else if (isStartish(topLevelType)) {
+          nativeEvent.changedTouches.forEach(recordTouchStart);
+          touchHistory.numberActiveTouches = nativeEvent.touches.length;
 
-function printTouchBank() {
-  var printed = JSON.stringify(touchBank.slice(0, MAX_TOUCH_BANK));
+          if (touchHistory.numberActiveTouches === 1) {
+            touchHistory.indexOfSingleActiveTouch =
+              nativeEvent.touches[0].identifier;
+          }
+        } else if (isEndish(topLevelType)) {
+          nativeEvent.changedTouches.forEach(recordTouchEnd);
+          touchHistory.numberActiveTouches = nativeEvent.touches.length;
 
-  if (touchBank.length > MAX_TOUCH_BANK) {
-    printed += " (original size: " + touchBank.length + ")";
-  }
+          if (touchHistory.numberActiveTouches === 1) {
+            for (var i = 0; i < touchBank.length; i++) {
+              var touchTrackToCheck = touchBank[i];
 
-  return printed;
-}
+              if (touchTrackToCheck != null && touchTrackToCheck.touchActive) {
+                touchHistory.indexOfSingleActiveTouch = i;
+                break;
+              }
+            }
 
-var instrumentationCallback;
-var ResponderTouchHistoryStore = {
-  /**
-   * Registers a listener which can be used to instrument every touch event.
-   */
-  instrument: function(callback) {
-    instrumentationCallback = callback;
-  },
-  recordTouchTrack: function(topLevelType, nativeEvent) {
-    if (instrumentationCallback != null) {
-      instrumentationCallback(topLevelType, nativeEvent);
-    }
-
-    if (isMoveish(topLevelType)) {
-      nativeEvent.changedTouches.forEach(recordTouchMove);
-    } else if (isStartish(topLevelType)) {
-      nativeEvent.changedTouches.forEach(recordTouchStart);
-      touchHistory.numberActiveTouches = nativeEvent.touches.length;
-
-      if (touchHistory.numberActiveTouches === 1) {
-        touchHistory.indexOfSingleActiveTouch =
-          nativeEvent.touches[0].identifier;
-      }
-    } else if (isEndish(topLevelType)) {
-      nativeEvent.changedTouches.forEach(recordTouchEnd);
-      touchHistory.numberActiveTouches = nativeEvent.touches.length;
-
-      if (touchHistory.numberActiveTouches === 1) {
-        for (var i = 0; i < touchBank.length; i++) {
-          var touchTrackToCheck = touchBank[i];
-
-          if (touchTrackToCheck != null && touchTrackToCheck.touchActive) {
-            touchHistory.indexOfSingleActiveTouch = i;
-            break;
+            {
+              var activeRecord =
+                touchBank[touchHistory.indexOfSingleActiveTouch];
+
+              if (activeRecord == null || !activeRecord.touchActive) {
+                error("Cannot find single active touch.");
+              }
+            }
           }
         }
+      },
+      touchHistory: touchHistory
+    };
 
-        {
-          var activeRecord = touchBank[touchHistory.indexOfSingleActiveTouch];
+    /**
+     * Accumulates items that must not be null or undefined.
+     *
+     * This is used to conserve memory by avoiding array allocations.
+     *
+     * @return {*|array<*>} An accumulation of items.
+     */
 
-          if (activeRecord == null || !activeRecord.touchActive) {
-            error("Cannot find single active touch.");
-          }
-        }
+    function accumulate(current, next) {
+      if (next == null) {
+        throw new Error(
+          "accumulate(...): Accumulated items must not be null or undefined."
+        );
       }
-    }
-  },
-  touchHistory: touchHistory
-};
 
-/**
- * Accumulates items that must not be null or undefined.
- *
- * This is used to conserve memory by avoiding array allocations.
- *
- * @return {*|array<*>} An accumulation of items.
- */
+      if (current == null) {
+        return next;
+      } // Both are not empty. Warning: Never call x.concat(y) when you are not
+      // certain that x is an Array (x could be a string with concat method).
 
-function accumulate(current, next) {
-  if (next == null) {
-    throw new Error(
-      "accumulate(...): Accumulated items must not be null or undefined."
-    );
-  }
+      if (isArray(current)) {
+        /* $FlowFixMe[incompatible-return] if `current` is `T` and `T` an array,
+         * `isArray` might refine to the array element type of `T` */
+        return current.concat(next);
+      }
 
-  if (current == null) {
-    return next;
-  } // Both are not empty. Warning: Never call x.concat(y) when you are not
-  // certain that x is an Array (x could be a string with concat method).
+      if (isArray(next)) {
+        /* $FlowFixMe[incompatible-return] unsound if `next` is `T` and `T` an array,
+         * `isArray` might refine to the array element type of `T` */
+        return [current].concat(next);
+      }
 
-  if (isArray(current)) {
-    return current.concat(next);
-  }
+      return [current, next];
+    }
 
-  if (isArray(next)) {
-    return [current].concat(next);
-  }
+    /**
+     * Accumulates items that must not be null or undefined into the first one. This
+     * is used to conserve memory by avoiding array allocations, and thus sacrifices
+     * API cleanness. Since `current` can be null before being passed in and not
+     * null after this function, make sure to assign it back to `current`:
+     *
+     * `a = accumulateInto(a, b);`
+     *
+     * This API should be sparingly used. Try `accumulate` for something cleaner.
+     *
+     * @return {*|array<*>} An accumulation of items.
+     */
 
-  return [current, next];
-}
+    function accumulateInto(current, next) {
+      if (next == null) {
+        throw new Error(
+          "accumulateInto(...): Accumulated items must not be null or undefined."
+        );
+      }
 
-/**
- * Accumulates items that must not be null or undefined into the first one. This
- * is used to conserve memory by avoiding array allocations, and thus sacrifices
- * API cleanness. Since `current` can be null before being passed in and not
- * null after this function, make sure to assign it back to `current`:
- *
- * `a = accumulateInto(a, b);`
- *
- * This API should be sparingly used. Try `accumulate` for something cleaner.
- *
- * @return {*|array<*>} An accumulation of items.
- */
+      if (current == null) {
+        return next;
+      } // Both are not empty. Warning: Never call x.concat(y) when you are not
+      // certain that x is an Array (x could be a string with concat method).
 
-function accumulateInto(current, next) {
-  if (next == null) {
-    throw new Error(
-      "accumulateInto(...): Accumulated items must not be null or undefined."
-    );
-  }
+      if (isArray(current)) {
+        if (isArray(next)) {
+          // $FlowFixMe[prop-missing] `isArray` does not ensure array is mutable
+          // $FlowFixMe[method-unbinding]
+          current.push.apply(current, next);
+          return current;
+        } // $FlowFixMe[prop-missing] `isArray` does not ensure array is mutable
 
-  if (current == null) {
-    return next;
-  } // Both are not empty. Warning: Never call x.concat(y) when you are not
-  // certain that x is an Array (x could be a string with concat method).
+        current.push(next);
+        return current;
+      }
 
-  if (isArray(current)) {
-    if (isArray(next)) {
-      current.push.apply(current, next);
-      return current;
+      if (isArray(next)) {
+        // A bit too dangerous to mutate `next`.
+
+        /* $FlowFixMe[incompatible-return] unsound if `next` is `T` and `T` an array,
+         * `isArray` might refine to the array element type of `T` */
+        return [current].concat(next);
+      }
+
+      return [current, next];
     }
 
-    current.push(next);
-    return current;
-  }
+    /**
+     * @param {array} arr an "accumulation" of items which is either an Array or
+     * a single item. Useful when paired with the `accumulate` module. This is a
+     * simple utility that allows us to reason about a collection of items, but
+     * handling the case when there is exactly one item (and we do not need to
+     * allocate an array).
+     * @param {function} cb Callback invoked with each element or a collection.
+     * @param {?} [scope] Scope used as `this` in a callback.
+     */
+    function forEachAccumulated(arr, cb, scope) {
+      if (Array.isArray(arr)) {
+        // $FlowFixMe[incompatible-call] if `T` is an array, `cb` cannot be called
+        arr.forEach(cb, scope);
+      } else if (arr) {
+        cb.call(scope, arr);
+      }
+    }
+
+    var FunctionComponent = 0;
+    var ClassComponent = 1;
+    var IndeterminateComponent = 2; // Before we know whether it is function or class
+
+    var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
+
+    var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
+
+    var HostComponent = 5;
+    var HostText = 6;
+    var Fragment = 7;
+    var Mode = 8;
+    var ContextConsumer = 9;
+    var ContextProvider = 10;
+    var ForwardRef = 11;
+    var Profiler = 12;
+    var SuspenseComponent = 13;
+    var MemoComponent = 14;
+    var SimpleMemoComponent = 15;
+    var LazyComponent = 16;
+    var IncompleteClassComponent = 17;
+    var DehydratedFragment = 18;
+    var SuspenseListComponent = 19;
+    var ScopeComponent = 21;
+    var OffscreenComponent = 22;
+    var LegacyHiddenComponent = 23;
+    var CacheComponent = 24;
+    var TracingMarkerComponent = 25;
+    var HostHoistable = 26;
+    var HostSingleton = 27;
 
-  if (isArray(next)) {
-    // A bit too dangerous to mutate `next`.
-    return [current].concat(next);
-  }
+    /**
+     * Instance of element that should respond to touch/move types of interactions,
+     * as indicated explicitly by relevant callbacks.
+     */
 
-  return [current, next];
-}
+    var responderInst = null;
+    /**
+     * Count of current touches. A textInput should become responder iff the
+     * selection changes while there is a touch on the screen.
+     */
 
-/**
- * @param {array} arr an "accumulation" of items which is either an Array or
- * a single item. Useful when paired with the `accumulate` module. This is a
- * simple utility that allows us to reason about a collection of items, but
- * handling the case when there is exactly one item (and we do not need to
- * allocate an array).
- * @param {function} cb Callback invoked with each element or a collection.
- * @param {?} [scope] Scope used as `this` in a callback.
- */
-function forEachAccumulated(arr, cb, scope) {
-  if (Array.isArray(arr)) {
-    arr.forEach(cb, scope);
-  } else if (arr) {
-    cb.call(scope, arr);
-  }
-}
+    var trackedTouchCount = 0;
 
-var FunctionComponent = 0;
-var ClassComponent = 1;
-var IndeterminateComponent = 2; // Before we know whether it is function or class
-
-var HostRoot = 3; // Root of a host tree. Could be nested inside another node.
-
-var HostPortal = 4; // A subtree. Could be an entry point to a different renderer.
-
-var HostComponent = 5;
-var HostText = 6;
-var Fragment = 7;
-var Mode = 8;
-var ContextConsumer = 9;
-var ContextProvider = 10;
-var ForwardRef = 11;
-var Profiler = 12;
-var SuspenseComponent = 13;
-var MemoComponent = 14;
-var SimpleMemoComponent = 15;
-var LazyComponent = 16;
-var IncompleteClassComponent = 17;
-var DehydratedFragment = 18;
-var SuspenseListComponent = 19;
-var ScopeComponent = 21;
-var OffscreenComponent = 22;
-var LegacyHiddenComponent = 23;
-var CacheComponent = 24;
-var TracingMarkerComponent = 25;
+    function changeResponder(nextResponderInst, blockHostResponder) {
+      var oldResponderInst = responderInst;
+      responderInst = nextResponderInst;
 
-/**
- * Instance of element that should respond to touch/move types of interactions,
- * as indicated explicitly by relevant callbacks.
- */
+      if (ResponderEventPlugin.GlobalResponderHandler !== null) {
+        ResponderEventPlugin.GlobalResponderHandler.onChange(
+          oldResponderInst,
+          nextResponderInst,
+          blockHostResponder
+        );
+      }
+    }
 
-var responderInst = null;
-/**
- * Count of current touches. A textInput should become responder iff the
- * selection changes while there is a touch on the screen.
- */
+    var eventTypes = {
+      /**
+       * On a `touchStart`/`mouseDown`, is it desired that this element become the
+       * responder?
+       */
+      startShouldSetResponder: {
+        phasedRegistrationNames: {
+          bubbled: "onStartShouldSetResponder",
+          captured: "onStartShouldSetResponderCapture"
+        },
+        dependencies: startDependencies
+      },
+
+      /**
+       * On a `scroll`, is it desired that this element become the responder? This
+       * is usually not needed, but should be used to retroactively infer that a
+       * `touchStart` had occurred during momentum scroll. During a momentum scroll,
+       * a touch start will be immediately followed by a scroll event if the view is
+       * currently scrolling.
+       *
+       * TODO: This shouldn't bubble.
+       */
+      scrollShouldSetResponder: {
+        phasedRegistrationNames: {
+          bubbled: "onScrollShouldSetResponder",
+          captured: "onScrollShouldSetResponderCapture"
+        },
+        dependencies: [TOP_SCROLL]
+      },
+
+      /**
+       * On text selection change, should this element become the responder? This
+       * is needed for text inputs or other views with native selection, so the
+       * JS view can claim the responder.
+       *
+       * TODO: This shouldn't bubble.
+       */
+      selectionChangeShouldSetResponder: {
+        phasedRegistrationNames: {
+          bubbled: "onSelectionChangeShouldSetResponder",
+          captured: "onSelectionChangeShouldSetResponderCapture"
+        },
+        dependencies: [TOP_SELECTION_CHANGE]
+      },
+
+      /**
+       * On a `touchMove`/`mouseMove`, is it desired that this element become the
+       * responder?
+       */
+      moveShouldSetResponder: {
+        phasedRegistrationNames: {
+          bubbled: "onMoveShouldSetResponder",
+          captured: "onMoveShouldSetResponderCapture"
+        },
+        dependencies: moveDependencies
+      },
+
+      /**
+       * Direct responder events dispatched directly to responder. Do not bubble.
+       */
+      responderStart: {
+        registrationName: "onResponderStart",
+        dependencies: startDependencies
+      },
+      responderMove: {
+        registrationName: "onResponderMove",
+        dependencies: moveDependencies
+      },
+      responderEnd: {
+        registrationName: "onResponderEnd",
+        dependencies: endDependencies
+      },
+      responderRelease: {
+        registrationName: "onResponderRelease",
+        dependencies: endDependencies
+      },
+      responderTerminationRequest: {
+        registrationName: "onResponderTerminationRequest",
+        dependencies: []
+      },
+      responderGrant: {
+        registrationName: "onResponderGrant",
+        dependencies: []
+      },
+      responderReject: {
+        registrationName: "onResponderReject",
+        dependencies: []
+      },
+      responderTerminate: {
+        registrationName: "onResponderTerminate",
+        dependencies: []
+      }
+    }; // Start of inline: the below functions were inlined from
+    // EventPropagator.js, as they deviated from ReactDOM's newer
+    // implementations.
+
+    function getParent$1(inst) {
+      do {
+        inst = inst.return; // TODO: If this is a HostRoot we might want to bail out.
+        // That is depending on if we want nested subtrees (layers) to bubble
+        // events to their parent. We could also go through parentNode on the
+        // host node but that wouldn't work for React Native and doesn't let us
+        // do the portal feature.
+      } while (inst && inst.tag !== HostComponent);
 
-var trackedTouchCount = 0;
+      if (inst) {
+        return inst;
+      }
 
-var changeResponder = function(nextResponderInst, blockHostResponder) {
-  var oldResponderInst = responderInst;
-  responderInst = nextResponderInst;
+      return null;
+    }
+    /**
+     * Return the lowest common ancestor of A and B, or null if they are in
+     * different trees.
+     */
 
-  if (ResponderEventPlugin.GlobalResponderHandler !== null) {
-    ResponderEventPlugin.GlobalResponderHandler.onChange(
-      oldResponderInst,
-      nextResponderInst,
-      blockHostResponder
-    );
-  }
-};
-
-var eventTypes = {
-  /**
-   * On a `touchStart`/`mouseDown`, is it desired that this element become the
-   * responder?
-   */
-  startShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onStartShouldSetResponder",
-      captured: "onStartShouldSetResponderCapture"
-    },
-    dependencies: startDependencies
-  },
-
-  /**
-   * On a `scroll`, is it desired that this element become the responder? This
-   * is usually not needed, but should be used to retroactively infer that a
-   * `touchStart` had occurred during momentum scroll. During a momentum scroll,
-   * a touch start will be immediately followed by a scroll event if the view is
-   * currently scrolling.
-   *
-   * TODO: This shouldn't bubble.
-   */
-  scrollShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onScrollShouldSetResponder",
-      captured: "onScrollShouldSetResponderCapture"
-    },
-    dependencies: [TOP_SCROLL]
-  },
-
-  /**
-   * On text selection change, should this element become the responder? This
-   * is needed for text inputs or other views with native selection, so the
-   * JS view can claim the responder.
-   *
-   * TODO: This shouldn't bubble.
-   */
-  selectionChangeShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onSelectionChangeShouldSetResponder",
-      captured: "onSelectionChangeShouldSetResponderCapture"
-    },
-    dependencies: [TOP_SELECTION_CHANGE]
-  },
-
-  /**
-   * On a `touchMove`/`mouseMove`, is it desired that this element become the
-   * responder?
-   */
-  moveShouldSetResponder: {
-    phasedRegistrationNames: {
-      bubbled: "onMoveShouldSetResponder",
-      captured: "onMoveShouldSetResponderCapture"
-    },
-    dependencies: moveDependencies
-  },
-
-  /**
-   * Direct responder events dispatched directly to responder. Do not bubble.
-   */
-  responderStart: {
-    registrationName: "onResponderStart",
-    dependencies: startDependencies
-  },
-  responderMove: {
-    registrationName: "onResponderMove",
-    dependencies: moveDependencies
-  },
-  responderEnd: {
-    registrationName: "onResponderEnd",
-    dependencies: endDependencies
-  },
-  responderRelease: {
-    registrationName: "onResponderRelease",
-    dependencies: endDependencies
-  },
-  responderTerminationRequest: {
-    registrationName: "onResponderTerminationRequest",
-    dependencies: []
-  },
-  responderGrant: {
-    registrationName: "onResponderGrant",
-    dependencies: []
-  },
-  responderReject: {
-    registrationName: "onResponderReject",
-    dependencies: []
-  },
-  responderTerminate: {
-    registrationName: "onResponderTerminate",
-    dependencies: []
-  }
-}; // Start of inline: the below functions were inlined from
-// EventPropagator.js, as they deviated from ReactDOM's newer
-// implementations.
-
-function getParent(inst) {
-  do {
-    inst = inst.return; // TODO: If this is a HostRoot we might want to bail out.
-    // That is depending on if we want nested subtrees (layers) to bubble
-    // events to their parent. We could also go through parentNode on the
-    // host node but that wouldn't work for React Native and doesn't let us
-    // do the portal feature.
-  } while (inst && inst.tag !== HostComponent);
-
-  if (inst) {
-    return inst;
-  }
-
-  return null;
-}
-/**
- * Return the lowest common ancestor of A and B, or null if they are in
- * different trees.
- */
+    function getLowestCommonAncestor(instA, instB) {
+      var depthA = 0;
+
+      for (var tempA = instA; tempA; tempA = getParent$1(tempA)) {
+        depthA++;
+      }
 
-function getLowestCommonAncestor(instA, instB) {
-  var depthA = 0;
+      var depthB = 0;
 
-  for (var tempA = instA; tempA; tempA = getParent(tempA)) {
-    depthA++;
-  }
+      for (var tempB = instB; tempB; tempB = getParent$1(tempB)) {
+        depthB++;
+      } // If A is deeper, crawl up.
 
-  var depthB = 0;
+      while (depthA - depthB > 0) {
+        instA = getParent$1(instA);
+        depthA--;
+      } // If B is deeper, crawl up.
 
-  for (var tempB = instB; tempB; tempB = getParent(tempB)) {
-    depthB++;
-  } // If A is deeper, crawl up.
+      while (depthB - depthA > 0) {
+        instB = getParent$1(instB);
+        depthB--;
+      } // Walk in lockstep until we find a match.
 
-  while (depthA - depthB > 0) {
-    instA = getParent(instA);
-    depthA--;
-  } // If B is deeper, crawl up.
+      var depth = depthA;
 
-  while (depthB - depthA > 0) {
-    instB = getParent(instB);
-    depthB--;
-  } // Walk in lockstep until we find a match.
+      while (depth--) {
+        if (instA === instB || instA === instB.alternate) {
+          return instA;
+        }
 
-  var depth = depthA;
+        instA = getParent$1(instA);
+        instB = getParent$1(instB);
+      }
 
-  while (depth--) {
-    if (instA === instB || instA === instB.alternate) {
-      return instA;
+      return null;
     }
+    /**
+     * Return if A is an ancestor of B.
+     */
 
-    instA = getParent(instA);
-    instB = getParent(instB);
-  }
+    function isAncestor(instA, instB) {
+      while (instB) {
+        if (instA === instB || instA === instB.alternate) {
+          return true;
+        }
 
-  return null;
-}
-/**
- * Return if A is an ancestor of B.
- */
+        instB = getParent$1(instB);
+      }
 
-function isAncestor(instA, instB) {
-  while (instB) {
-    if (instA === instB || instA === instB.alternate) {
-      return true;
+      return false;
     }
+    /**
+     * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+     */
 
-    instB = getParent(instB);
-  }
+    function traverseTwoPhase$1(inst, fn, arg) {
+      var path = [];
 
-  return false;
-}
-/**
- * Simulates the traversal of a two-phase, capture/bubble event dispatch.
- */
+      while (inst) {
+        path.push(inst);
+        inst = getParent$1(inst);
+      }
 
-function traverseTwoPhase(inst, fn, arg) {
-  var path = [];
+      var i;
 
-  while (inst) {
-    path.push(inst);
-    inst = getParent(inst);
-  }
+      for (i = path.length; i-- > 0; ) {
+        fn(path[i], "captured", arg);
+      }
 
-  var i;
+      for (i = 0; i < path.length; i++) {
+        fn(path[i], "bubbled", arg);
+      }
+    }
 
-  for (i = path.length; i-- > 0; ) {
-    fn(path[i], "captured", arg);
-  }
+    function getListener$1(inst, registrationName) {
+      var stateNode = inst.stateNode;
 
-  for (i = 0; i < path.length; i++) {
-    fn(path[i], "bubbled", arg);
-  }
-}
+      if (stateNode === null) {
+        // Work in progress (ex: onload events in incremental mode).
+        return null;
+      }
 
-function getListener(inst, registrationName) {
-  var stateNode = inst.stateNode;
+      var props = getFiberCurrentPropsFromNode$1(stateNode);
 
-  if (stateNode === null) {
-    // Work in progress (ex: onload events in incremental mode).
-    return null;
-  }
+      if (props === null) {
+        // Work in progress.
+        return null;
+      }
 
-  var props = getFiberCurrentPropsFromNode(stateNode);
+      var listener = props[registrationName];
 
-  if (props === null) {
-    // Work in progress.
-    return null;
-  }
+      if (listener && typeof listener !== "function") {
+        throw new Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof listener +
+            "` type."
+        );
+      }
 
-  var listener = props[registrationName];
+      return listener;
+    }
 
-  if (listener && typeof listener !== "function") {
-    throw new Error(
-      "Expected `" +
-        registrationName +
-        "` listener to be a function, instead got a value of `" +
-        typeof listener +
-        "` type."
-    );
-  }
+    function listenerAtPhase$1(inst, event, propagationPhase) {
+      var registrationName =
+        event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+      return getListener$1(inst, registrationName);
+    }
 
-  return listener;
-}
+    function accumulateDirectionalDispatches$1(inst, phase, event) {
+      {
+        if (!inst) {
+          error("Dispatching inst must not be null");
+        }
+      }
 
-function listenerAtPhase(inst, event, propagationPhase) {
-  var registrationName =
-    event.dispatchConfig.phasedRegistrationNames[propagationPhase];
-  return getListener(inst, registrationName);
-}
+      var listener = listenerAtPhase$1(inst, event, phase);
 
-function accumulateDirectionalDispatches(inst, phase, event) {
-  {
-    if (!inst) {
-      error("Dispatching inst must not be null");
+      if (listener) {
+        event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        );
+        event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        );
+      }
     }
-  }
+    /**
+     * Accumulates without regard to direction, does not look for phased
+     * registration names. Same as `accumulateDirectDispatchesSingle` but without
+     * requiring that the `dispatchMarker` be the same as the dispatched ID.
+     */
 
-  var listener = listenerAtPhase(inst, event, phase);
+    function accumulateDispatches$1(inst, ignoredDirection, event) {
+      if (inst && event && event.dispatchConfig.registrationName) {
+        var registrationName = event.dispatchConfig.registrationName;
+        var listener = getListener$1(inst, registrationName);
 
-  if (listener) {
-    event._dispatchListeners = accumulateInto(
-      event._dispatchListeners,
-      listener
-    );
-    event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
-  }
-}
-/**
- * Accumulates without regard to direction, does not look for phased
- * registration names. Same as `accumulateDirectDispatchesSingle` but without
- * requiring that the `dispatchMarker` be the same as the dispatched ID.
- */
+        if (listener) {
+          event._dispatchListeners = accumulateInto(
+            event._dispatchListeners,
+            listener
+          );
+          event._dispatchInstances = accumulateInto(
+            event._dispatchInstances,
+            inst
+          );
+        }
+      }
+    }
+    /**
+     * Accumulates dispatches on an `SyntheticEvent`, but only for the
+     * `dispatchMarker`.
+     * @param {SyntheticEvent} event
+     */
 
-function accumulateDispatches(inst, ignoredDirection, event) {
-  if (inst && event && event.dispatchConfig.registrationName) {
-    var registrationName = event.dispatchConfig.registrationName;
-    var listener = getListener(inst, registrationName);
+    function accumulateDirectDispatchesSingle$1(event) {
+      if (event && event.dispatchConfig.registrationName) {
+        accumulateDispatches$1(event._targetInst, null, event);
+      }
+    }
 
-    if (listener) {
-      event._dispatchListeners = accumulateInto(
-        event._dispatchListeners,
-        listener
-      );
-      event._dispatchInstances = accumulateInto(event._dispatchInstances, inst);
+    function accumulateDirectDispatches$1(events) {
+      forEachAccumulated(events, accumulateDirectDispatchesSingle$1);
     }
-  }
-}
-/**
- * Accumulates dispatches on an `SyntheticEvent`, but only for the
- * `dispatchMarker`.
- * @param {SyntheticEvent} event
- */
 
-function accumulateDirectDispatchesSingle(event) {
-  if (event && event.dispatchConfig.registrationName) {
-    accumulateDispatches(event._targetInst, null, event);
-  }
-}
-
-function accumulateDirectDispatches(events) {
-  forEachAccumulated(events, accumulateDirectDispatchesSingle);
-}
-
-function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    var targetInst = event._targetInst;
-    var parentInst = targetInst ? getParent(targetInst) : null;
-    traverseTwoPhase(parentInst, accumulateDirectionalDispatches, event);
-  }
-}
+    function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
+      if (event && event.dispatchConfig.phasedRegistrationNames) {
+        var targetInst = event._targetInst;
+        var parentInst = targetInst ? getParent$1(targetInst) : null;
+        traverseTwoPhase$1(
+          parentInst,
+          accumulateDirectionalDispatches$1,
+          event
+        );
+      }
+    }
 
-function accumulateTwoPhaseDispatchesSkipTarget(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
-}
+    function accumulateTwoPhaseDispatchesSkipTarget(events) {
+      forEachAccumulated(events, accumulateTwoPhaseDispatchesSingleSkipTarget);
+    }
 
-function accumulateTwoPhaseDispatchesSingle(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
-  }
-}
+    function accumulateTwoPhaseDispatchesSingle$1(event) {
+      if (event && event.dispatchConfig.phasedRegistrationNames) {
+        traverseTwoPhase$1(
+          event._targetInst,
+          accumulateDirectionalDispatches$1,
+          event
+        );
+      }
+    }
 
-function accumulateTwoPhaseDispatches(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
-} // End of inline
+    function accumulateTwoPhaseDispatches$1(events) {
+      forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle$1);
+    } // End of inline
 
-/**
- *
- * Responder System:
- * ----------------
- *
- * - A global, solitary "interaction lock" on a view.
- * - If a node becomes the responder, it should convey visual feedback
- *   immediately to indicate so, either by highlighting or moving accordingly.
- * - To be the responder means, that touches are exclusively important to that
- *   responder view, and no other view.
- * - While touches are still occurring, the responder lock can be transferred to
- *   a new view, but only to increasingly "higher" views (meaning ancestors of
- *   the current responder).
- *
- * Responder being granted:
- * ------------------------
- *
- * - Touch starts, moves, and scrolls can cause an ID to become the responder.
- * - We capture/bubble `startShouldSetResponder`/`moveShouldSetResponder` to
- *   the "appropriate place".
- * - If nothing is currently the responder, the "appropriate place" is the
- *   initiating event's `targetID`.
- * - If something *is* already the responder, the "appropriate place" is the
- *   first common ancestor of the event target and the current `responderInst`.
- * - Some negotiation happens: See the timing diagram below.
- * - Scrolled views automatically become responder. The reasoning is that a
- *   platform scroll view that isn't built on top of the responder system has
- *   began scrolling, and the active responder must now be notified that the
- *   interaction is no longer locked to it - the system has taken over.
- *
- * - Responder being released:
- *   As soon as no more touches that *started* inside of descendants of the
- *   *current* responderInst, an `onResponderRelease` event is dispatched to the
- *   current responder, and the responder lock is released.
- *
- * TODO:
- * - on "end", a callback hook for `onResponderEndShouldRemainResponder` that
- *   determines if the responder lock should remain.
- * - If a view shouldn't "remain" the responder, any active touches should by
- *   default be considered "dead" and do not influence future negotiations or
- *   bubble paths. It should be as if those touches do not exist.
- * -- For multitouch: Usually a translate-z will choose to "remain" responder
- *  after one out of many touches ended. For translate-y, usually the view
- *  doesn't wish to "remain" responder after one of many touches end.
- * - Consider building this on top of a `stopPropagation` model similar to
- *   `W3C` events.
- * - Ensure that `onResponderTerminate` is called on touch cancels, whether or
- *   not `onResponderTerminationRequest` returns `true` or `false`.
- *
- */
+    /**
+     *
+     * Responder System:
+     * ----------------
+     *
+     * - A global, solitary "interaction lock" on a view.
+     * - If a node becomes the responder, it should convey visual feedback
+     *   immediately to indicate so, either by highlighting or moving accordingly.
+     * - To be the responder means, that touches are exclusively important to that
+     *   responder view, and no other view.
+     * - While touches are still occurring, the responder lock can be transferred to
+     *   a new view, but only to increasingly "higher" views (meaning ancestors of
+     *   the current responder).
+     *
+     * Responder being granted:
+     * ------------------------
+     *
+     * - Touch starts, moves, and scrolls can cause an ID to become the responder.
+     * - We capture/bubble `startShouldSetResponder`/`moveShouldSetResponder` to
+     *   the "appropriate place".
+     * - If nothing is currently the responder, the "appropriate place" is the
+     *   initiating event's `targetID`.
+     * - If something *is* already the responder, the "appropriate place" is the
+     *   first common ancestor of the event target and the current `responderInst`.
+     * - Some negotiation happens: See the timing diagram below.
+     * - Scrolled views automatically become responder. The reasoning is that a
+     *   platform scroll view that isn't built on top of the responder system has
+     *   began scrolling, and the active responder must now be notified that the
+     *   interaction is no longer locked to it - the system has taken over.
+     *
+     * - Responder being released:
+     *   As soon as no more touches that *started* inside of descendants of the
+     *   *current* responderInst, an `onResponderRelease` event is dispatched to the
+     *   current responder, and the responder lock is released.
+     *
+     * TODO:
+     * - on "end", a callback hook for `onResponderEndShouldRemainResponder` that
+     *   determines if the responder lock should remain.
+     * - If a view shouldn't "remain" the responder, any active touches should by
+     *   default be considered "dead" and do not influence future negotiations or
+     *   bubble paths. It should be as if those touches do not exist.
+     * -- For multitouch: Usually a translate-z will choose to "remain" responder
+     *  after one out of many touches ended. For translate-y, usually the view
+     *  doesn't wish to "remain" responder after one of many touches end.
+     * - Consider building this on top of a `stopPropagation` model similar to
+     *   `W3C` events.
+     * - Ensure that `onResponderTerminate` is called on touch cancels, whether or
+     *   not `onResponderTerminationRequest` returns `true` or `false`.
+     *
+     */
 
-/*                                             Negotiation Performed
+    /*                                             Negotiation Performed
                                              +-----------------------+
                                             /                         \
 Process low level events to    +     Current Responder      +   wantsResponderID
@@ -1741,22707 +1753,26677 @@ to return true:wantsResponderID|                            |
                                |                            |
                                +                            + */
 
-/**
- * A note about event ordering in the `EventPluginRegistry`.
- *
- * Suppose plugins are injected in the following order:
- *
- * `[R, S, C]`
- *
- * To help illustrate the example, assume `S` is `SimpleEventPlugin` (for
- * `onClick` etc) and `R` is `ResponderEventPlugin`.
- *
- * "Deferred-Dispatched Events":
- *
- * - The current event plugin system will traverse the list of injected plugins,
- *   in order, and extract events by collecting the plugin's return value of
- *   `extractEvents()`.
- * - These events that are returned from `extractEvents` are "deferred
- *   dispatched events".
- * - When returned from `extractEvents`, deferred-dispatched events contain an
- *   "accumulation" of deferred dispatches.
- * - These deferred dispatches are accumulated/collected before they are
- *   returned, but processed at a later time by the `EventPluginRegistry` (hence the
- *   name deferred).
- *
- * In the process of returning their deferred-dispatched events, event plugins
- * themselves can dispatch events on-demand without returning them from
- * `extractEvents`. Plugins might want to do this, so that they can use event
- * dispatching as a tool that helps them decide which events should be extracted
- * in the first place.
- *
- * "On-Demand-Dispatched Events":
- *
- * - On-demand-dispatched events are not returned from `extractEvents`.
- * - On-demand-dispatched events are dispatched during the process of returning
- *   the deferred-dispatched events.
- * - They should not have side effects.
- * - They should be avoided, and/or eventually be replaced with another
- *   abstraction that allows event plugins to perform multiple "rounds" of event
- *   extraction.
- *
- * Therefore, the sequence of event dispatches becomes:
- *
- * - `R`s on-demand events (if any)   (dispatched by `R` on-demand)
- * - `S`s on-demand events (if any)   (dispatched by `S` on-demand)
- * - `C`s on-demand events (if any)   (dispatched by `C` on-demand)
- * - `R`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
- * - `S`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
- * - `C`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
- *
- * In the case of `ResponderEventPlugin`: If the `startShouldSetResponder`
- * on-demand dispatch returns `true` (and some other details are satisfied) the
- * `onResponderGrant` deferred dispatched event is returned from
- * `extractEvents`. The sequence of dispatch executions in this case
- * will appear as follows:
- *
- * - `startShouldSetResponder` (`ResponderEventPlugin` dispatches on-demand)
- * - `touchStartCapture`       (`EventPluginRegistry` dispatches as usual)
- * - `touchStart`              (`EventPluginRegistry` dispatches as usual)
- * - `responderGrant/Reject`   (`EventPluginRegistry` dispatches as usual)
- */
+    /**
+     * A note about event ordering in the `EventPluginRegistry`.
+     *
+     * Suppose plugins are injected in the following order:
+     *
+     * `[R, S, C]`
+     *
+     * To help illustrate the example, assume `S` is `SimpleEventPlugin` (for
+     * `onClick` etc) and `R` is `ResponderEventPlugin`.
+     *
+     * "Deferred-Dispatched Events":
+     *
+     * - The current event plugin system will traverse the list of injected plugins,
+     *   in order, and extract events by collecting the plugin's return value of
+     *   `extractEvents()`.
+     * - These events that are returned from `extractEvents` are "deferred
+     *   dispatched events".
+     * - When returned from `extractEvents`, deferred-dispatched events contain an
+     *   "accumulation" of deferred dispatches.
+     * - These deferred dispatches are accumulated/collected before they are
+     *   returned, but processed at a later time by the `EventPluginRegistry` (hence the
+     *   name deferred).
+     *
+     * In the process of returning their deferred-dispatched events, event plugins
+     * themselves can dispatch events on-demand without returning them from
+     * `extractEvents`. Plugins might want to do this, so that they can use event
+     * dispatching as a tool that helps them decide which events should be extracted
+     * in the first place.
+     *
+     * "On-Demand-Dispatched Events":
+     *
+     * - On-demand-dispatched events are not returned from `extractEvents`.
+     * - On-demand-dispatched events are dispatched during the process of returning
+     *   the deferred-dispatched events.
+     * - They should not have side effects.
+     * - They should be avoided, and/or eventually be replaced with another
+     *   abstraction that allows event plugins to perform multiple "rounds" of event
+     *   extraction.
+     *
+     * Therefore, the sequence of event dispatches becomes:
+     *
+     * - `R`s on-demand events (if any)   (dispatched by `R` on-demand)
+     * - `S`s on-demand events (if any)   (dispatched by `S` on-demand)
+     * - `C`s on-demand events (if any)   (dispatched by `C` on-demand)
+     * - `R`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+     * - `S`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+     * - `C`s extracted events (if any)   (dispatched by `EventPluginRegistry`)
+     *
+     * In the case of `ResponderEventPlugin`: If the `startShouldSetResponder`
+     * on-demand dispatch returns `true` (and some other details are satisfied) the
+     * `onResponderGrant` deferred dispatched event is returned from
+     * `extractEvents`. The sequence of dispatch executions in this case
+     * will appear as follows:
+     *
+     * - `startShouldSetResponder` (`ResponderEventPlugin` dispatches on-demand)
+     * - `touchStartCapture`       (`EventPluginRegistry` dispatches as usual)
+     * - `touchStart`              (`EventPluginRegistry` dispatches as usual)
+     * - `responderGrant/Reject`   (`EventPluginRegistry` dispatches as usual)
+     */
 
-function setResponderAndExtractTransfer(
-  topLevelType,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  var shouldSetEventType = isStartish(topLevelType)
-    ? eventTypes.startShouldSetResponder
-    : isMoveish(topLevelType)
-    ? eventTypes.moveShouldSetResponder
-    : topLevelType === TOP_SELECTION_CHANGE
-    ? eventTypes.selectionChangeShouldSetResponder
-    : eventTypes.scrollShouldSetResponder; // TODO: stop one short of the current responder.
-
-  var bubbleShouldSetFrom = !responderInst
-    ? targetInst
-    : getLowestCommonAncestor(responderInst, targetInst); // When capturing/bubbling the "shouldSet" event, we want to skip the target
-  // (deepest ID) if it happens to be the current responder. The reasoning:
-  // It's strange to get an `onMoveShouldSetResponder` when you're *already*
-  // the responder.
-
-  var skipOverBubbleShouldSetFrom = bubbleShouldSetFrom === responderInst;
-  var shouldSetEvent = ResponderSyntheticEvent.getPooled(
-    shouldSetEventType,
-    bubbleShouldSetFrom,
-    nativeEvent,
-    nativeEventTarget
-  );
-  shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-
-  if (skipOverBubbleShouldSetFrom) {
-    accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent);
-  } else {
-    accumulateTwoPhaseDispatches(shouldSetEvent);
-  }
-
-  var wantsResponderInst = executeDispatchesInOrderStopAtTrue(shouldSetEvent);
-
-  if (!shouldSetEvent.isPersistent()) {
-    shouldSetEvent.constructor.release(shouldSetEvent);
-  }
-
-  if (!wantsResponderInst || wantsResponderInst === responderInst) {
-    return null;
-  }
-
-  var extracted;
-  var grantEvent = ResponderSyntheticEvent.getPooled(
-    eventTypes.responderGrant,
-    wantsResponderInst,
-    nativeEvent,
-    nativeEventTarget
-  );
-  grantEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-  accumulateDirectDispatches(grantEvent);
-  var blockHostResponder = executeDirectDispatch(grantEvent) === true;
-
-  if (responderInst) {
-    var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
-      eventTypes.responderTerminationRequest,
-      responderInst,
+    function setResponderAndExtractTransfer(
+      topLevelType,
+      targetInst,
       nativeEvent,
       nativeEventTarget
-    );
-    terminationRequestEvent.touchHistory =
-      ResponderTouchHistoryStore.touchHistory;
-    accumulateDirectDispatches(terminationRequestEvent);
-    var shouldSwitch =
-      !hasDispatches(terminationRequestEvent) ||
-      executeDirectDispatch(terminationRequestEvent);
-
-    if (!terminationRequestEvent.isPersistent()) {
-      terminationRequestEvent.constructor.release(terminationRequestEvent);
-    }
-
-    if (shouldSwitch) {
-      var terminateEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes.responderTerminate,
-        responderInst,
+    ) {
+      var shouldSetEventType = isStartish(topLevelType)
+        ? eventTypes.startShouldSetResponder
+        : isMoveish(topLevelType)
+        ? eventTypes.moveShouldSetResponder
+        : topLevelType === TOP_SELECTION_CHANGE
+        ? eventTypes.selectionChangeShouldSetResponder
+        : eventTypes.scrollShouldSetResponder; // TODO: stop one short of the current responder.
+
+      var bubbleShouldSetFrom = !responderInst
+        ? targetInst
+        : getLowestCommonAncestor(responderInst, targetInst); // When capturing/bubbling the "shouldSet" event, we want to skip the target
+      // (deepest ID) if it happens to be the current responder. The reasoning:
+      // It's strange to get an `onMoveShouldSetResponder` when you're *already*
+      // the responder.
+
+      var skipOverBubbleShouldSetFrom = bubbleShouldSetFrom === responderInst;
+      var shouldSetEvent = ResponderSyntheticEvent.getPooled(
+        shouldSetEventType,
+        bubbleShouldSetFrom,
         nativeEvent,
         nativeEventTarget
       );
-      terminateEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(terminateEvent);
-      extracted = accumulate(extracted, [grantEvent, terminateEvent]);
-      changeResponder(wantsResponderInst, blockHostResponder);
-    } else {
-      var rejectEvent = ResponderSyntheticEvent.getPooled(
-        eventTypes.responderReject,
+      shouldSetEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+
+      if (skipOverBubbleShouldSetFrom) {
+        accumulateTwoPhaseDispatchesSkipTarget(shouldSetEvent);
+      } else {
+        accumulateTwoPhaseDispatches$1(shouldSetEvent);
+      }
+
+      var wantsResponderInst =
+        executeDispatchesInOrderStopAtTrue(shouldSetEvent);
+
+      if (!shouldSetEvent.isPersistent()) {
+        shouldSetEvent.constructor.release(shouldSetEvent);
+      }
+
+      if (!wantsResponderInst || wantsResponderInst === responderInst) {
+        return null;
+      }
+
+      var extracted;
+      var grantEvent = ResponderSyntheticEvent.getPooled(
+        eventTypes.responderGrant,
         wantsResponderInst,
         nativeEvent,
         nativeEventTarget
       );
-      rejectEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(rejectEvent);
-      extracted = accumulate(extracted, rejectEvent);
-    }
-  } else {
-    extracted = accumulate(extracted, grantEvent);
-    changeResponder(wantsResponderInst, blockHostResponder);
-  }
+      grantEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+      accumulateDirectDispatches$1(grantEvent);
+      var blockHostResponder = executeDirectDispatch(grantEvent) === true;
+
+      if (responderInst) {
+        var terminationRequestEvent = ResponderSyntheticEvent.getPooled(
+          eventTypes.responderTerminationRequest,
+          responderInst,
+          nativeEvent,
+          nativeEventTarget
+        );
+        terminationRequestEvent.touchHistory =
+          ResponderTouchHistoryStore.touchHistory;
+        accumulateDirectDispatches$1(terminationRequestEvent);
+        var shouldSwitch =
+          !hasDispatches(terminationRequestEvent) ||
+          executeDirectDispatch(terminationRequestEvent);
+
+        if (!terminationRequestEvent.isPersistent()) {
+          terminationRequestEvent.constructor.release(terminationRequestEvent);
+        }
 
-  return extracted;
-}
-/**
- * A transfer is a negotiation between a currently set responder and the next
- * element to claim responder status. Any start event could trigger a transfer
- * of responderInst. Any move event could trigger a transfer.
- *
- * @param {string} topLevelType Record from `BrowserEventConstants`.
- * @return {boolean} True if a transfer of responder could possibly occur.
- */
+        if (shouldSwitch) {
+          var terminateEvent = ResponderSyntheticEvent.getPooled(
+            eventTypes.responderTerminate,
+            responderInst,
+            nativeEvent,
+            nativeEventTarget
+          );
+          terminateEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+          accumulateDirectDispatches$1(terminateEvent);
+          extracted = accumulate(extracted, [grantEvent, terminateEvent]);
+          changeResponder(wantsResponderInst, blockHostResponder);
+        } else {
+          var rejectEvent = ResponderSyntheticEvent.getPooled(
+            eventTypes.responderReject,
+            wantsResponderInst,
+            nativeEvent,
+            nativeEventTarget
+          );
+          rejectEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+          accumulateDirectDispatches$1(rejectEvent);
+          extracted = accumulate(extracted, rejectEvent);
+        }
+      } else {
+        extracted = accumulate(extracted, grantEvent);
+        changeResponder(wantsResponderInst, blockHostResponder);
+      }
 
-function canTriggerTransfer(topLevelType, topLevelInst, nativeEvent) {
-  return (
-    topLevelInst && // responderIgnoreScroll: We are trying to migrate away from specifically
-    // tracking native scroll events here and responderIgnoreScroll indicates we
-    // will send topTouchCancel to handle canceling touch events instead
-    ((topLevelType === TOP_SCROLL && !nativeEvent.responderIgnoreScroll) ||
-      (trackedTouchCount > 0 && topLevelType === TOP_SELECTION_CHANGE) ||
-      isStartish(topLevelType) ||
-      isMoveish(topLevelType))
-  );
-}
-/**
- * Returns whether or not this touch end event makes it such that there are no
- * longer any touches that started inside of the current `responderInst`.
- *
- * @param {NativeEvent} nativeEvent Native touch end event.
- * @return {boolean} Whether or not this touch end event ends the responder.
- */
+      return extracted;
+    }
+    /**
+     * A transfer is a negotiation between a currently set responder and the next
+     * element to claim responder status. Any start event could trigger a transfer
+     * of responderInst. Any move event could trigger a transfer.
+     *
+     * @param {string} topLevelType Record from `BrowserEventConstants`.
+     * @return {boolean} True if a transfer of responder could possibly occur.
+     */
+
+    function canTriggerTransfer(topLevelType, topLevelInst, nativeEvent) {
+      return (
+        topLevelInst && // responderIgnoreScroll: We are trying to migrate away from specifically
+        // tracking native scroll events here and responderIgnoreScroll indicates we
+        // will send topTouchCancel to handle canceling touch events instead
+        ((topLevelType === TOP_SCROLL && !nativeEvent.responderIgnoreScroll) ||
+          (trackedTouchCount > 0 && topLevelType === TOP_SELECTION_CHANGE) ||
+          isStartish(topLevelType) ||
+          isMoveish(topLevelType))
+      );
+    }
+    /**
+     * Returns whether or not this touch end event makes it such that there are no
+     * longer any touches that started inside of the current `responderInst`.
+     *
+     * @param {NativeEvent} nativeEvent Native touch end event.
+     * @return {boolean} Whether or not this touch end event ends the responder.
+     */
 
-function noResponderTouches(nativeEvent) {
-  var touches = nativeEvent.touches;
+    function noResponderTouches(nativeEvent) {
+      var touches = nativeEvent.touches;
 
-  if (!touches || touches.length === 0) {
-    return true;
-  }
+      if (!touches || touches.length === 0) {
+        return true;
+      }
 
-  for (var i = 0; i < touches.length; i++) {
-    var activeTouch = touches[i];
-    var target = activeTouch.target;
+      for (var i = 0; i < touches.length; i++) {
+        var activeTouch = touches[i];
+        var target = activeTouch.target;
 
-    if (target !== null && target !== undefined && target !== 0) {
-      // Is the original touch location inside of the current responder?
-      var targetInst = getInstanceFromNode(target);
+        if (target !== null && target !== undefined && target !== 0) {
+          // Is the original touch location inside of the current responder?
+          var targetInst = getInstanceFromNode(target);
 
-      if (isAncestor(responderInst, targetInst)) {
-        return false;
+          if (isAncestor(responderInst, targetInst)) {
+            return false;
+          }
+        }
       }
+
+      return true;
     }
-  }
 
-  return true;
-}
+    var ResponderEventPlugin = {
+      /* For unit testing only */
+      _getResponder: function () {
+        return responderInst;
+      },
+      eventTypes: eventTypes,
 
-var ResponderEventPlugin = {
-  /* For unit testing only */
-  _getResponder: function() {
-    return responderInst;
-  },
-  eventTypes: eventTypes,
-
-  /**
-   * We must be resilient to `targetInst` being `null` on `touchMove` or
-   * `touchEnd`. On certain platforms, this means that a native scroll has
-   * assumed control and the original touch targets are destroyed.
-   */
-  extractEvents: function(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget,
-    eventSystemFlags
-  ) {
-    if (isStartish(topLevelType)) {
-      trackedTouchCount += 1;
-    } else if (isEndish(topLevelType)) {
-      if (trackedTouchCount >= 0) {
-        trackedTouchCount -= 1;
-      } else {
-        {
-          warn(
-            "Ended a touch event which was not counted in `trackedTouchCount`."
-          );
-        }
+      /**
+       * We must be resilient to `targetInst` being `null` on `touchMove` or
+       * `touchEnd`. On certain platforms, this means that a native scroll has
+       * assumed control and the original touch targets are destroyed.
+       */
+      extractEvents: function (
+        topLevelType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget,
+        eventSystemFlags
+      ) {
+        if (isStartish(topLevelType)) {
+          trackedTouchCount += 1;
+        } else if (isEndish(topLevelType)) {
+          if (trackedTouchCount >= 0) {
+            trackedTouchCount -= 1;
+          } else {
+            {
+              warn(
+                "Ended a touch event which was not counted in `trackedTouchCount`."
+              );
+            }
 
-        return null;
-      }
-    }
+            return null;
+          }
+        }
 
-    ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
-    var extracted = canTriggerTransfer(topLevelType, targetInst, nativeEvent)
-      ? setResponderAndExtractTransfer(
+        ResponderTouchHistoryStore.recordTouchTrack(topLevelType, nativeEvent);
+        var extracted = canTriggerTransfer(
           topLevelType,
           targetInst,
-          nativeEvent,
-          nativeEventTarget
+          nativeEvent
         )
-      : null; // Responder may or may not have transferred on a new touch start/move.
-    // Regardless, whoever is the responder after any potential transfer, we
-    // direct all touch start/move/ends to them in the form of
-    // `onResponderMove/Start/End`. These will be called for *every* additional
-    // finger that move/start/end, dispatched directly to whoever is the
-    // current responder at that moment, until the responder is "released".
-    //
-    // These multiple individual change touch events are are always bookended
-    // by `onResponderGrant`, and one of
-    // (`onResponderRelease/onResponderTerminate`).
-
-    var isResponderTouchStart = responderInst && isStartish(topLevelType);
-    var isResponderTouchMove = responderInst && isMoveish(topLevelType);
-    var isResponderTouchEnd = responderInst && isEndish(topLevelType);
-    var incrementalTouch = isResponderTouchStart
-      ? eventTypes.responderStart
-      : isResponderTouchMove
-      ? eventTypes.responderMove
-      : isResponderTouchEnd
-      ? eventTypes.responderEnd
-      : null;
-
-    if (incrementalTouch) {
-      var gesture = ResponderSyntheticEvent.getPooled(
-        incrementalTouch,
-        responderInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      gesture.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(gesture);
-      extracted = accumulate(extracted, gesture);
-    }
-
-    var isResponderTerminate =
-      responderInst && topLevelType === TOP_TOUCH_CANCEL;
-    var isResponderRelease =
-      responderInst &&
-      !isResponderTerminate &&
-      isEndish(topLevelType) &&
-      noResponderTouches(nativeEvent);
-    var finalTouch = isResponderTerminate
-      ? eventTypes.responderTerminate
-      : isResponderRelease
-      ? eventTypes.responderRelease
-      : null;
-
-    if (finalTouch) {
-      var finalEvent = ResponderSyntheticEvent.getPooled(
-        finalTouch,
-        responderInst,
-        nativeEvent,
-        nativeEventTarget
-      );
-      finalEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
-      accumulateDirectDispatches(finalEvent);
-      extracted = accumulate(extracted, finalEvent);
-      changeResponder(null);
-    }
+          ? setResponderAndExtractTransfer(
+              topLevelType,
+              targetInst,
+              nativeEvent,
+              nativeEventTarget
+            )
+          : null; // Responder may or may not have transferred on a new touch start/move.
+        // Regardless, whoever is the responder after any potential transfer, we
+        // direct all touch start/move/ends to them in the form of
+        // `onResponderMove/Start/End`. These will be called for *every* additional
+        // finger that move/start/end, dispatched directly to whoever is the
+        // current responder at that moment, until the responder is "released".
+        //
+        // These multiple individual change touch events are are always bookended
+        // by `onResponderGrant`, and one of
+        // (`onResponderRelease/onResponderTerminate`).
+
+        var isResponderTouchStart = responderInst && isStartish(topLevelType);
+        var isResponderTouchMove = responderInst && isMoveish(topLevelType);
+        var isResponderTouchEnd = responderInst && isEndish(topLevelType);
+        var incrementalTouch = isResponderTouchStart
+          ? eventTypes.responderStart
+          : isResponderTouchMove
+          ? eventTypes.responderMove
+          : isResponderTouchEnd
+          ? eventTypes.responderEnd
+          : null;
+
+        if (incrementalTouch) {
+          var gesture = ResponderSyntheticEvent.getPooled(
+            incrementalTouch,
+            responderInst,
+            nativeEvent,
+            nativeEventTarget
+          );
+          gesture.touchHistory = ResponderTouchHistoryStore.touchHistory;
+          accumulateDirectDispatches$1(gesture);
+          extracted = accumulate(extracted, gesture);
+        }
+
+        var isResponderTerminate =
+          responderInst && topLevelType === TOP_TOUCH_CANCEL;
+        var isResponderRelease =
+          responderInst &&
+          !isResponderTerminate &&
+          isEndish(topLevelType) &&
+          noResponderTouches(nativeEvent);
+        var finalTouch = isResponderTerminate
+          ? eventTypes.responderTerminate
+          : isResponderRelease
+          ? eventTypes.responderRelease
+          : null;
+
+        if (finalTouch) {
+          var finalEvent = ResponderSyntheticEvent.getPooled(
+            finalTouch,
+            responderInst,
+            nativeEvent,
+            nativeEventTarget
+          );
+          finalEvent.touchHistory = ResponderTouchHistoryStore.touchHistory;
+          accumulateDirectDispatches$1(finalEvent);
+          extracted = accumulate(extracted, finalEvent);
+          changeResponder(null);
+        }
+
+        return extracted;
+      },
+      GlobalResponderHandler: null,
+      injection: {
+        /**
+         * @param {{onChange: (ReactID, ReactID) => void} GlobalResponderHandler
+         * Object that handles any change in responder. Use this to inject
+         * integration with an existing touch handling system etc.
+         */
+        injectGlobalResponderHandler: function (GlobalResponderHandler) {
+          ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
+        }
+      }
+    };
 
-    return extracted;
-  },
-  GlobalResponderHandler: null,
-  injection: {
     /**
-     * @param {{onChange: (ReactID, ReactID) => void} GlobalResponderHandler
-     * Object that handles any change in responder. Use this to inject
-     * integration with an existing touch handling system etc.
+     * Injectable ordering of event plugins.
+     */
+    var eventPluginOrder = null;
+    /**
+     * Injectable mapping from names to event plugin modules.
      */
-    injectGlobalResponderHandler: function(GlobalResponderHandler) {
-      ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
-    }
-  }
-};
 
-/**
- * Injectable ordering of event plugins.
- */
-var eventPluginOrder = null;
-/**
- * Injectable mapping from names to event plugin modules.
- */
+    var namesToPlugins = {};
+    /**
+     * Recomputes the plugin list using the injected plugins and plugin ordering.
+     *
+     * @private
+     */
 
-var namesToPlugins = {};
-/**
- * Recomputes the plugin list using the injected plugins and plugin ordering.
- *
- * @private
- */
+    function recomputePluginOrdering() {
+      if (!eventPluginOrder) {
+        // Wait until an `eventPluginOrder` is injected.
+        return;
+      }
 
-function recomputePluginOrdering() {
-  if (!eventPluginOrder) {
-    // Wait until an `eventPluginOrder` is injected.
-    return;
-  }
+      for (var pluginName in namesToPlugins) {
+        var pluginModule = namesToPlugins[pluginName]; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-  for (var pluginName in namesToPlugins) {
-    var pluginModule = namesToPlugins[pluginName];
-    var pluginIndex = eventPluginOrder.indexOf(pluginName);
+        var pluginIndex = eventPluginOrder.indexOf(pluginName);
 
-    if (pluginIndex <= -1) {
-      throw new Error(
-        "EventPluginRegistry: Cannot inject event plugins that do not exist in " +
-          ("the plugin ordering, `" + pluginName + "`.")
-      );
-    }
+        if (pluginIndex <= -1) {
+          throw new Error(
+            "EventPluginRegistry: Cannot inject event plugins that do not exist in " +
+              ("the plugin ordering, `" + pluginName + "`.")
+          );
+        }
 
-    if (plugins[pluginIndex]) {
-      continue;
-    }
+        if (plugins[pluginIndex]) {
+          continue;
+        }
 
-    if (!pluginModule.extractEvents) {
-      throw new Error(
-        "EventPluginRegistry: Event plugins must implement an `extractEvents` " +
-          ("method, but `" + pluginName + "` does not.")
-      );
-    }
+        if (!pluginModule.extractEvents) {
+          throw new Error(
+            "EventPluginRegistry: Event plugins must implement an `extractEvents` " +
+              ("method, but `" + pluginName + "` does not.")
+          );
+        }
 
-    plugins[pluginIndex] = pluginModule;
-    var publishedEvents = pluginModule.eventTypes;
+        plugins[pluginIndex] = pluginModule;
+        var publishedEvents = pluginModule.eventTypes;
 
-    for (var eventName in publishedEvents) {
-      if (
-        !publishEventForPlugin(
-          publishedEvents[eventName],
-          pluginModule,
-          eventName
-        )
-      ) {
-        throw new Error(
-          "EventPluginRegistry: Failed to publish event `" +
-            eventName +
-            "` for plugin `" +
-            pluginName +
-            "`."
-        );
+        for (var eventName in publishedEvents) {
+          if (
+            !publishEventForPlugin(
+              publishedEvents[eventName],
+              pluginModule,
+              eventName
+            )
+          ) {
+            throw new Error(
+              "EventPluginRegistry: Failed to publish event `" +
+                eventName +
+                "` for plugin `" +
+                pluginName +
+                "`."
+            );
+          }
+        }
       }
     }
-  }
-}
-/**
- * Publishes an event so that it can be dispatched by the supplied plugin.
- *
- * @param {object} dispatchConfig Dispatch configuration for the event.
- * @param {object} PluginModule Plugin publishing the event.
- * @return {boolean} True if the event was successfully published.
- * @private
- */
+    /**
+     * Publishes an event so that it can be dispatched by the supplied plugin.
+     *
+     * @param {object} dispatchConfig Dispatch configuration for the event.
+     * @param {object} PluginModule Plugin publishing the event.
+     * @return {boolean} True if the event was successfully published.
+     * @private
+     */
 
-function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
-  if (eventNameDispatchConfigs.hasOwnProperty(eventName)) {
-    throw new Error(
-      "EventPluginRegistry: More than one plugin attempted to publish the same " +
-        ("event name, `" + eventName + "`.")
-    );
-  }
-
-  eventNameDispatchConfigs[eventName] = dispatchConfig;
-  var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
-
-  if (phasedRegistrationNames) {
-    for (var phaseName in phasedRegistrationNames) {
-      if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
-        var phasedRegistrationName = phasedRegistrationNames[phaseName];
-        publishRegistrationName(
-          phasedRegistrationName,
-          pluginModule,
-          eventName
+    function publishEventForPlugin(dispatchConfig, pluginModule, eventName) {
+      if (eventNameDispatchConfigs.hasOwnProperty(eventName)) {
+        throw new Error(
+          "EventPluginRegistry: More than one plugin attempted to publish the same " +
+            ("event name, `" + eventName + "`.")
         );
       }
+
+      eventNameDispatchConfigs[eventName] = dispatchConfig;
+      var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
+
+      if (phasedRegistrationNames) {
+        for (var phaseName in phasedRegistrationNames) {
+          if (phasedRegistrationNames.hasOwnProperty(phaseName)) {
+            var phasedRegistrationName = phasedRegistrationNames[phaseName];
+            publishRegistrationName(phasedRegistrationName, pluginModule);
+          }
+        }
+
+        return true;
+      } else if (dispatchConfig.registrationName) {
+        publishRegistrationName(dispatchConfig.registrationName, pluginModule);
+        return true;
+      }
+
+      return false;
     }
+    /**
+     * Publishes a registration name that is used to identify dispatched events.
+     *
+     * @param {string} registrationName Registration name to add.
+     * @param {object} PluginModule Plugin publishing the event.
+     * @private
+     */
 
-    return true;
-  } else if (dispatchConfig.registrationName) {
-    publishRegistrationName(
-      dispatchConfig.registrationName,
+    function publishRegistrationName(
+      registrationName,
       pluginModule,
       eventName
-    );
-    return true;
-  }
+    ) {
+      if (registrationNameModules[registrationName]) {
+        throw new Error(
+          "EventPluginRegistry: More than one plugin attempted to publish the same " +
+            ("registration name, `" + registrationName + "`.")
+        );
+      }
 
-  return false;
-}
-/**
- * Publishes a registration name that is used to identify dispatched events.
- *
- * @param {string} registrationName Registration name to add.
- * @param {object} PluginModule Plugin publishing the event.
- * @private
- */
+      registrationNameModules[registrationName] = pluginModule;
 
-function publishRegistrationName(registrationName, pluginModule, eventName) {
-  if (registrationNameModules[registrationName]) {
-    throw new Error(
-      "EventPluginRegistry: More than one plugin attempted to publish the same " +
-        ("registration name, `" + registrationName + "`.")
-    );
-  }
+      {
+        registrationName.toLowerCase();
+      }
+    }
+    /**
+     * Registers plugins so that they can extract and dispatch events.
+     */
 
-  registrationNameModules[registrationName] = pluginModule;
-  registrationNameDependencies[registrationName] =
-    pluginModule.eventTypes[eventName].dependencies;
+    /**
+     * Ordered list of injected plugins.
+     */
 
-  {
-    var lowerCasedName = registrationName.toLowerCase();
-  }
-}
-/**
- * Registers plugins so that they can extract and dispatch events.
- */
+    var plugins = [];
+    /**
+     * Mapping from event name to dispatch config
+     */
 
-/**
- * Ordered list of injected plugins.
- */
+    var eventNameDispatchConfigs = {};
+    /**
+     * Mapping from registration name to plugin module
+     */
 
-var plugins = [];
-/**
- * Mapping from event name to dispatch config
- */
+    var registrationNameModules = {};
 
-var eventNameDispatchConfigs = {};
-/**
- * Mapping from registration name to plugin module
- */
+    /**
+     * Injects an ordering of plugins (by plugin name). This allows the ordering
+     * to be decoupled from injection of the actual plugins so that ordering is
+     * always deterministic regardless of packaging, on-the-fly injection, etc.
+     *
+     * @param {array} InjectedEventPluginOrder
+     * @internal
+     */
 
-var registrationNameModules = {};
-/**
- * Mapping from registration name to event name
- */
+    function injectEventPluginOrder(injectedEventPluginOrder) {
+      if (eventPluginOrder) {
+        throw new Error(
+          "EventPluginRegistry: Cannot inject event plugin ordering more than " +
+            "once. You are likely trying to load more than one copy of React."
+        );
+      } // Clone the ordering so it cannot be dynamically mutated.
+      // $FlowFixMe[method-unbinding] found when upgrading Flow
 
-var registrationNameDependencies = {};
+      eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
+      recomputePluginOrdering();
+    }
+    /**
+     * Injects plugins to be used by plugin event system. The plugin names must be
+     * in the ordering injected by `injectEventPluginOrder`.
+     *
+     * Plugins can be injected as part of page initialization or on-the-fly.
+     *
+     * @param {object} injectedNamesToPlugins Map from names to plugin modules.
+     * @internal
+     */
 
-/**
- * Injects an ordering of plugins (by plugin name). This allows the ordering
- * to be decoupled from injection of the actual plugins so that ordering is
- * always deterministic regardless of packaging, on-the-fly injection, etc.
- *
- * @param {array} InjectedEventPluginOrder
- * @internal
- */
+    function injectEventPluginsByName(injectedNamesToPlugins) {
+      var isOrderingDirty = false;
 
-function injectEventPluginOrder(injectedEventPluginOrder) {
-  if (eventPluginOrder) {
-    throw new Error(
-      "EventPluginRegistry: Cannot inject event plugin ordering more than " +
-        "once. You are likely trying to load more than one copy of React."
-    );
-  } // Clone the ordering so it cannot be dynamically mutated.
+      for (var pluginName in injectedNamesToPlugins) {
+        if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
+          continue;
+        }
 
-  eventPluginOrder = Array.prototype.slice.call(injectedEventPluginOrder);
-  recomputePluginOrdering();
-}
-/**
- * Injects plugins to be used by plugin event system. The plugin names must be
- * in the ordering injected by `injectEventPluginOrder`.
- *
- * Plugins can be injected as part of page initialization or on-the-fly.
- *
- * @param {object} injectedNamesToPlugins Map from names to plugin modules.
- * @internal
- */
+        var pluginModule = injectedNamesToPlugins[pluginName];
+
+        if (
+          !namesToPlugins.hasOwnProperty(pluginName) ||
+          namesToPlugins[pluginName] !== pluginModule
+        ) {
+          if (namesToPlugins[pluginName]) {
+            throw new Error(
+              "EventPluginRegistry: Cannot inject two different event plugins " +
+                ("using the same name, `" + pluginName + "`.")
+            );
+          }
 
-function injectEventPluginsByName(injectedNamesToPlugins) {
-  var isOrderingDirty = false;
+          namesToPlugins[pluginName] = pluginModule;
+          isOrderingDirty = true;
+        }
+      }
 
-  for (var pluginName in injectedNamesToPlugins) {
-    if (!injectedNamesToPlugins.hasOwnProperty(pluginName)) {
-      continue;
+      if (isOrderingDirty) {
+        recomputePluginOrdering();
+      }
     }
 
-    var pluginModule = injectedNamesToPlugins[pluginName];
+    function getListener(inst, registrationName) {
+      var stateNode = inst.stateNode;
 
-    if (
-      !namesToPlugins.hasOwnProperty(pluginName) ||
-      namesToPlugins[pluginName] !== pluginModule
-    ) {
-      if (namesToPlugins[pluginName]) {
-        throw new Error(
-          "EventPluginRegistry: Cannot inject two different event plugins " +
-            ("using the same name, `" + pluginName + "`.")
-        );
+      if (stateNode === null) {
+        // Work in progress (ex: onload events in incremental mode).
+        return null;
       }
 
-      namesToPlugins[pluginName] = pluginModule;
-      isOrderingDirty = true;
-    }
-  }
+      var props = getFiberCurrentPropsFromNode$1(stateNode);
 
-  if (isOrderingDirty) {
-    recomputePluginOrdering();
-  }
-}
+      if (props === null) {
+        // Work in progress.
+        return null;
+      }
 
-/**
- * Get a list of listeners for a specific event, in-order.
- * For React Native we treat the props-based function handlers
- * as the first-class citizens, and they are always executed first
- * for both capture and bubbling phase.
- *
- * We need "phase" propagated to this point to support the HostComponent
- * EventEmitter API, which does not mutate the name of the handler based
- * on phase (whereas prop handlers are registered as `onMyEvent` and `onMyEvent_Capture`).
- *
- * Native system events emitted into React Native
- * will be emitted both to the prop handler function and to imperative event
- * listeners.
- *
- * This will either return null, a single Function without an array, or
- * an array of 2+ items.
- */
+      var listener = props[registrationName];
 
-function getListeners(
-  inst,
-  registrationName,
-  phase,
-  dispatchToImperativeListeners
-) {
-  var stateNode = inst.stateNode;
-
-  if (stateNode === null) {
-    return null;
-  } // If null: Work in progress (ex: onload events in incremental mode).
-
-  var props = getFiberCurrentPropsFromNode(stateNode);
-
-  if (props === null) {
-    // Work in progress.
-    return null;
-  }
-
-  var listener = props[registrationName];
-
-  if (listener && typeof listener !== "function") {
-    throw new Error(
-      "Expected `" +
-        registrationName +
-        "` listener to be a function, instead got a value of `" +
-        typeof listener +
-        "` type."
-    );
-  } // If there are no imperative listeners, early exit.
-
-  if (
-    !(
-      dispatchToImperativeListeners &&
-      stateNode.canonical &&
-      stateNode.canonical._eventListeners
-    )
-  ) {
-    return listener;
-  } // Below this is the de-optimized path.
-  // If you are using _eventListeners, we do not (yet)
-  // expect this to be as performant as the props-only path.
-  // If/when this becomes a bottleneck, it can be refactored
-  // to avoid unnecessary closures and array allocations.
-  //
-  // Previously, there was only one possible listener for an event:
-  // the onEventName property in props.
-  // Now, it is also possible to have N listeners
-  // for a specific event on a node. Thus, we accumulate all of the listeners,
-  // including the props listener, and return a function that calls them all in
-  // order, starting with the handler prop and then the listeners in order.
-  // We return either a non-empty array or null.
-
-  var listeners = [];
-
-  if (listener) {
-    listeners.push(listener);
-  } // TODO: for now, all of these events get an `rn:` prefix to enforce
-  // that the user knows they're only getting non-W3C-compliant events
-  // through this imperative event API.
-  // Events might not necessarily be noncompliant, but we currently have
-  // no verification that /any/ events are compliant.
-  // Thus, we prefix to ensure no collision with W3C event names.
-
-  var requestedPhaseIsCapture = phase === "captured";
-  var mangledImperativeRegistrationName = requestedPhaseIsCapture
-    ? "rn:" + registrationName.replace(/Capture$/, "")
-    : "rn:" + registrationName; // Get imperative event listeners for this event
-
-  if (
-    stateNode.canonical._eventListeners[mangledImperativeRegistrationName] &&
-    stateNode.canonical._eventListeners[mangledImperativeRegistrationName]
-      .length > 0
-  ) {
-    var eventListeners =
-      stateNode.canonical._eventListeners[mangledImperativeRegistrationName];
-    eventListeners.forEach(function(listenerObj) {
-      // Make sure phase of listener matches requested phase
-      var isCaptureEvent =
-        listenerObj.options.capture != null && listenerObj.options.capture;
-
-      if (isCaptureEvent !== requestedPhaseIsCapture) {
-        return;
-      } // For now (this is an area of future optimization) we must wrap
-      // all imperative event listeners in a function to unwrap the SyntheticEvent
-      // and pass them an Event.
-      // When this API is more stable and used more frequently, we can revisit.
-
-      var listenerFnWrapper = function(syntheticEvent) {
-        var eventInst = new ReactNativePrivateInterface.CustomEvent(
-          mangledImperativeRegistrationName,
-          {
-            detail: syntheticEvent.nativeEvent
-          }
+      if (listener && typeof listener !== "function") {
+        throw new Error(
+          "Expected `" +
+            registrationName +
+            "` listener to be a function, instead got a value of `" +
+            typeof listener +
+            "` type."
         );
-        eventInst.isTrusted = true; // setSyntheticEvent is present on the React Native Event shim.
-        // It is used to forward method calls on Event to the underlying SyntheticEvent.
-        // $FlowFixMe
-
-        eventInst.setSyntheticEvent(syntheticEvent);
-
-        for (
-          var _len = arguments.length,
-            args = new Array(_len > 1 ? _len - 1 : 0),
-            _key = 1;
-          _key < _len;
-          _key++
-        ) {
-          args[_key - 1] = arguments[_key];
-        }
-
-        listenerObj.listener.apply(listenerObj, [eventInst].concat(args));
-      }; // Only call once?
-      // If so, we ensure that it's only called once by setting a flag
-      // and by removing it from eventListeners once it is called (but only
-      // when it's actually been executed).
-
-      if (listenerObj.options.once) {
-        listeners.push(function() {
-          // Remove from the event listener once it's been called
-          stateNode.canonical.removeEventListener_unstable(
-            mangledImperativeRegistrationName,
-            listenerObj.listener,
-            listenerObj.capture
-          ); // Guard against function being called more than once in
-          // case there are somehow multiple in-flight references to
-          // it being processed
-
-          if (!listenerObj.invalidated) {
-            listenerObj.invalidated = true;
-            listenerObj.listener.apply(listenerObj, arguments);
-          }
-        });
-      } else {
-        listeners.push(listenerFnWrapper);
       }
-    });
-  }
 
-  if (listeners.length === 0) {
-    return null;
-  }
+      return listener;
+    }
 
-  if (listeners.length === 1) {
-    return listeners[0];
-  }
+    var customBubblingEventTypes =
+        ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+          .customBubblingEventTypes,
+      customDirectEventTypes =
+        ReactNativePrivateInterface.ReactNativeViewConfigRegistry
+          .customDirectEventTypes; // Start of inline: the below functions were inlined from
+    // EventPropagator.js, as they deviated from ReactDOM's newer
+    // implementations.
+    // $FlowFixMe[missing-local-annot]
 
-  return listeners;
-}
+    function listenerAtPhase(inst, event, propagationPhase) {
+      var registrationName =
+        event.dispatchConfig.phasedRegistrationNames[propagationPhase];
+      return getListener(inst, registrationName);
+    } // $FlowFixMe[missing-local-annot]
 
-var customBubblingEventTypes =
-    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-      .customBubblingEventTypes,
-  customDirectEventTypes =
-    ReactNativePrivateInterface.ReactNativeViewConfigRegistry
-      .customDirectEventTypes; // Start of inline: the below functions were inlined from
-// EventPropagator.js, as they deviated from ReactDOM's newer
-// implementations.
-
-function listenersAtPhase(inst, event, propagationPhase) {
-  var registrationName =
-    event.dispatchConfig.phasedRegistrationNames[propagationPhase];
-  return getListeners(inst, registrationName, propagationPhase, true);
-}
+    function accumulateDirectionalDispatches(inst, phase, event) {
+      {
+        if (!inst) {
+          error("Dispatching inst must not be null");
+        }
+      }
 
-function accumulateListenersAndInstances(inst, event, listeners) {
-  var listenersLength = listeners
-    ? isArray(listeners)
-      ? listeners.length
-      : 1
-    : 0;
+      var listener = listenerAtPhase(inst, event, phase);
 
-  if (listenersLength > 0) {
-    event._dispatchListeners = accumulateInto(
-      event._dispatchListeners,
-      listeners
-    ); // Avoid allocating additional arrays here
+      if (listener) {
+        event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        );
+        event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        );
+      }
+    } // $FlowFixMe[missing-local-annot]
 
-    if (event._dispatchInstances == null && listenersLength === 1) {
-      event._dispatchInstances = inst;
-    } else {
-      event._dispatchInstances = event._dispatchInstances || [];
+    function getParent(inst) {
+      do {
+        inst = inst.return; // TODO: If this is a HostRoot we might want to bail out.
+        // That is depending on if we want nested subtrees (layers) to bubble
+        // events to their parent. We could also go through parentNode on the
+        // host node but that wouldn't work for React Native and doesn't let us
+        // do the portal feature.
+      } while (inst && inst.tag !== HostComponent);
 
-      if (!isArray(event._dispatchInstances)) {
-        event._dispatchInstances = [event._dispatchInstances];
+      if (inst) {
+        return inst;
       }
 
-      for (var i = 0; i < listenersLength; i++) {
-        event._dispatchInstances.push(inst);
-      }
+      return null;
     }
-  }
-}
+    /**
+     * Simulates the traversal of a two-phase, capture/bubble event dispatch.
+     */
 
-function accumulateDirectionalDispatches$1(inst, phase, event) {
-  {
-    if (!inst) {
-      error("Dispatching inst must not be null");
-    }
-  }
+    function traverseTwoPhase(inst, fn, arg, skipBubbling) {
+      var path = [];
 
-  var listeners = listenersAtPhase(inst, event, phase);
-  accumulateListenersAndInstances(inst, event, listeners);
-}
+      while (inst) {
+        path.push(inst);
+        inst = getParent(inst);
+      }
 
-function getParent$1(inst) {
-  do {
-    inst = inst.return; // TODO: If this is a HostRoot we might want to bail out.
-    // That is depending on if we want nested subtrees (layers) to bubble
-    // events to their parent. We could also go through parentNode on the
-    // host node but that wouldn't work for React Native and doesn't let us
-    // do the portal feature.
-  } while (inst && inst.tag !== HostComponent);
+      var i;
 
-  if (inst) {
-    return inst;
-  }
+      for (i = path.length; i-- > 0; ) {
+        fn(path[i], "captured", arg);
+      }
 
-  return null;
-}
-/**
- * Simulates the traversal of a two-phase, capture/bubble event dispatch.
- */
+      if (skipBubbling) {
+        // Dispatch on target only
+        fn(path[0], "bubbled", arg);
+      } else {
+        for (i = 0; i < path.length; i++) {
+          fn(path[i], "bubbled", arg);
+        }
+      }
+    } // $FlowFixMe[missing-local-annot]
 
-function traverseTwoPhase$1(inst, fn, arg, skipBubbling) {
-  var path = [];
+    function accumulateTwoPhaseDispatchesSingle(event) {
+      if (event && event.dispatchConfig.phasedRegistrationNames) {
+        traverseTwoPhase(
+          event._targetInst,
+          accumulateDirectionalDispatches,
+          event,
+          false
+        );
+      }
+    } // $FlowFixMe[missing-local-annot]
 
-  while (inst) {
-    path.push(inst);
-    inst = getParent$1(inst);
-  }
+    function accumulateTwoPhaseDispatches(events) {
+      forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle);
+    } // $FlowFixMe[missing-local-annot]
 
-  var i;
+    function accumulateCapturePhaseDispatches(event) {
+      if (event && event.dispatchConfig.phasedRegistrationNames) {
+        traverseTwoPhase(
+          event._targetInst,
+          accumulateDirectionalDispatches,
+          event,
+          true
+        );
+      }
+    }
+    /**
+     * Accumulates without regard to direction, does not look for phased
+     * registration names. Same as `accumulateDirectDispatchesSingle` but without
+     * requiring that the `dispatchMarker` be the same as the dispatched ID.
+     */
 
-  for (i = path.length; i-- > 0; ) {
-    fn(path[i], "captured", arg);
-  }
+    function accumulateDispatches(inst, ignoredDirection, event) {
+      if (inst && event && event.dispatchConfig.registrationName) {
+        var registrationName = event.dispatchConfig.registrationName;
+        var listener = getListener(inst, registrationName);
 
-  if (skipBubbling) {
-    // Dispatch on target only
-    fn(path[0], "bubbled", arg);
-  } else {
-    for (i = 0; i < path.length; i++) {
-      fn(path[i], "bubbled", arg);
+        if (listener) {
+          event._dispatchListeners = accumulateInto(
+            event._dispatchListeners,
+            listener
+          );
+          event._dispatchInstances = accumulateInto(
+            event._dispatchInstances,
+            inst
+          );
+        }
+      }
     }
-  }
-}
+    /**
+     * Accumulates dispatches on an `SyntheticEvent`, but only for the
+     * `dispatchMarker`.
+     * @param {SyntheticEvent} event
+     */
 
-function accumulateTwoPhaseDispatchesSingle$1(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    traverseTwoPhase$1(
-      event._targetInst,
-      accumulateDirectionalDispatches$1,
-      event,
-      false
-    );
-  }
-}
+    function accumulateDirectDispatchesSingle(event) {
+      if (event && event.dispatchConfig.registrationName) {
+        accumulateDispatches(event._targetInst, null, event);
+      }
+    }
 
-function accumulateTwoPhaseDispatches$1(events) {
-  forEachAccumulated(events, accumulateTwoPhaseDispatchesSingle$1);
-}
+    function accumulateDirectDispatches(events) {
+      forEachAccumulated(events, accumulateDirectDispatchesSingle);
+    } // End of inline
 
-function accumulateCapturePhaseDispatches(event) {
-  if (event && event.dispatchConfig.phasedRegistrationNames) {
-    traverseTwoPhase$1(
-      event._targetInst,
-      accumulateDirectionalDispatches$1,
-      event,
-      true
-    );
-  }
-}
-/**
- * Accumulates without regard to direction, does not look for phased
- * registration names. Same as `accumulateDirectDispatchesSingle` but without
- * requiring that the `dispatchMarker` be the same as the dispatched ID.
- */
+    var ReactNativeBridgeEventPlugin = {
+      eventTypes: {},
+      extractEvents: function (
+        topLevelType,
+        targetInst,
+        nativeEvent,
+        nativeEventTarget
+      ) {
+        if (targetInst == null) {
+          // Probably a node belonging to another renderer's tree.
+          return null;
+        }
 
-function accumulateDispatches$1(inst, ignoredDirection, event) {
-  if (inst && event && event.dispatchConfig.registrationName) {
-    var registrationName = event.dispatchConfig.registrationName;
-    var listeners = getListeners(inst, registrationName, "bubbled", false);
-    accumulateListenersAndInstances(inst, event, listeners);
-  }
-}
-/**
- * Accumulates dispatches on an `SyntheticEvent`, but only for the
- * `dispatchMarker`.
- * @param {SyntheticEvent} event
- */
+        var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
+        var directDispatchConfig = customDirectEventTypes[topLevelType];
 
-function accumulateDirectDispatchesSingle$1(event) {
-  if (event && event.dispatchConfig.registrationName) {
-    accumulateDispatches$1(event._targetInst, null, event);
-  }
-}
+        if (!bubbleDispatchConfig && !directDispatchConfig) {
+          throw new Error( // $FlowFixMe[incompatible-type] - Flow doesn't like this string coercion because DOMTopLevelEventType is opaque
+            'Unsupported top level event type "' + topLevelType + '" dispatched'
+          );
+        }
 
-function accumulateDirectDispatches$1(events) {
-  forEachAccumulated(events, accumulateDirectDispatchesSingle$1);
-} // End of inline
-
-var ReactNativeBridgeEventPlugin = {
-  eventTypes: {},
-  extractEvents: function(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget
-  ) {
-    if (targetInst == null) {
-      // Probably a node belonging to another renderer's tree.
-      return null;
-    }
+        var event = SyntheticEvent.getPooled(
+          bubbleDispatchConfig || directDispatchConfig,
+          targetInst,
+          nativeEvent,
+          nativeEventTarget
+        );
 
-    var bubbleDispatchConfig = customBubblingEventTypes[topLevelType];
-    var directDispatchConfig = customDirectEventTypes[topLevelType];
+        if (bubbleDispatchConfig) {
+          var skipBubbling =
+            event != null &&
+            event.dispatchConfig.phasedRegistrationNames != null &&
+            event.dispatchConfig.phasedRegistrationNames.skipBubbling;
 
-    if (!bubbleDispatchConfig && !directDispatchConfig) {
-      throw new Error( // $FlowFixMe - Flow doesn't like this string coercion because DOMTopLevelEventType is opaque
-        'Unsupported top level event type "' + topLevelType + '" dispatched'
-      );
-    }
+          if (skipBubbling) {
+            accumulateCapturePhaseDispatches(event);
+          } else {
+            accumulateTwoPhaseDispatches(event);
+          }
+        } else if (directDispatchConfig) {
+          accumulateDirectDispatches(event);
+        } else {
+          return null;
+        }
 
-    var event = SyntheticEvent.getPooled(
-      bubbleDispatchConfig || directDispatchConfig,
-      targetInst,
-      nativeEvent,
-      nativeEventTarget
-    );
+        return event;
+      }
+    };
 
-    if (bubbleDispatchConfig) {
-      var skipBubbling =
-        event != null &&
-        event.dispatchConfig.phasedRegistrationNames != null &&
-        event.dispatchConfig.phasedRegistrationNames.skipBubbling;
+    var ReactNativeEventPluginOrder = [
+      "ResponderEventPlugin",
+      "ReactNativeBridgeEventPlugin"
+    ];
 
-      if (skipBubbling) {
-        accumulateCapturePhaseDispatches(event);
-      } else {
-        accumulateTwoPhaseDispatches$1(event);
-      }
-    } else if (directDispatchConfig) {
-      accumulateDirectDispatches$1(event);
-    } else {
-      return null;
-    }
+    /**
+     * Make sure essential globals are available and are patched correctly. Please don't remove this
+     * line. Bundles created by react-packager `require` it before executing any application code. This
+     * ensures it exists in the dependency graph and can be `require`d.
+     * TODO: require this in packager, not in React #10932517
+     */
+    /**
+     * Inject module for resolving DOM hierarchy and plugin ordering.
+     */
 
-    return event;
-  }
-};
+    injectEventPluginOrder(ReactNativeEventPluginOrder);
+    /**
+     * Some important event plugins included by default (without having to require
+     * them).
+     */
 
-var ReactNativeEventPluginOrder = [
-  "ResponderEventPlugin",
-  "ReactNativeBridgeEventPlugin"
-];
+    injectEventPluginsByName({
+      ResponderEventPlugin: ResponderEventPlugin,
+      ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
+    });
 
-/**
- * Make sure essential globals are available and are patched correctly. Please don't remove this
- * line. Bundles created by react-packager `require` it before executing any application code. This
- * ensures it exists in the dependency graph and can be `require`d.
- * TODO: require this in packager, not in React #10932517
- */
-/**
- * Inject module for resolving DOM hierarchy and plugin ordering.
- */
+    var instanceCache = new Map();
+    var instanceProps = new Map();
+    function precacheFiberNode(hostInst, tag) {
+      instanceCache.set(tag, hostInst);
+    }
+    function uncacheFiberNode(tag) {
+      instanceCache.delete(tag);
+      instanceProps.delete(tag);
+    }
 
-injectEventPluginOrder(ReactNativeEventPluginOrder);
-/**
- * Some important event plugins included by default (without having to require
- * them).
- */
+    function getInstanceFromTag(tag) {
+      return instanceCache.get(tag) || null;
+    }
 
-injectEventPluginsByName({
-  ResponderEventPlugin: ResponderEventPlugin,
-  ReactNativeBridgeEventPlugin: ReactNativeBridgeEventPlugin
-});
+    function getTagFromInstance(inst) {
+      var nativeInstance = inst.stateNode;
+      var tag = nativeInstance._nativeTag;
 
-var instanceCache = new Map();
-var instanceProps = new Map();
-function precacheFiberNode(hostInst, tag) {
-  instanceCache.set(tag, hostInst);
-}
-function uncacheFiberNode(tag) {
-  instanceCache.delete(tag);
-  instanceProps.delete(tag);
-}
+      if (tag === undefined && nativeInstance.canonical != null) {
+        // For compatibility with Fabric
+        tag = nativeInstance.canonical.nativeTag;
+        nativeInstance = nativeInstance.canonical.publicInstance;
+      }
 
-function getInstanceFromTag(tag) {
-  return instanceCache.get(tag) || null;
-}
+      if (!tag) {
+        throw new Error("All native instances should have a tag.");
+      }
 
-function getTagFromInstance(inst) {
-  var nativeInstance = inst.stateNode;
-  var tag = nativeInstance._nativeTag;
+      return nativeInstance;
+    }
+    function getFiberCurrentPropsFromNode(stateNode) {
+      return instanceProps.get(stateNode._nativeTag) || null;
+    }
+    function updateFiberProps(tag, props) {
+      instanceProps.set(tag, props);
+    }
 
-  if (tag === undefined) {
-    nativeInstance = nativeInstance.canonical;
-    tag = nativeInstance._nativeTag;
-  }
+    // Used as a way to call batchedUpdates when we don't have a reference to
+    // the renderer. Such as when we're dispatching events or if third party
+    // libraries need to call batchedUpdates. Eventually, this API will go away when
+    // everything is batched by default. We'll then have a similar API to opt-out of
+    // scheduled work and instead do synchronous work.
+    // Defaults
+    var batchedUpdatesImpl = function (fn, bookkeeping) {
+      return fn(bookkeeping);
+    };
 
-  if (!tag) {
-    throw new Error("All native instances should have a tag.");
-  }
+    var isInsideEventHandler = false;
+    function batchedUpdates$1(fn, bookkeeping) {
+      if (isInsideEventHandler) {
+        // If we are currently inside another batch, we need to wait until it
+        // fully completes before restoring state.
+        return fn(bookkeeping);
+      }
 
-  return nativeInstance;
-}
-function getFiberCurrentPropsFromNode$1(stateNode) {
-  return instanceProps.get(stateNode._nativeTag) || null;
-}
-function updateFiberProps(tag, props) {
-  instanceProps.set(tag, props);
-}
+      isInsideEventHandler = true;
 
-// Used as a way to call batchedUpdates when we don't have a reference to
-// the renderer. Such as when we're dispatching events or if third party
-// libraries need to call batchedUpdates. Eventually, this API will go away when
-// everything is batched by default. We'll then have a similar API to opt-out of
-// scheduled work and instead do synchronous work.
-// Defaults
-var batchedUpdatesImpl = function(fn, bookkeeping) {
-  return fn(bookkeeping);
-};
-
-var isInsideEventHandler = false;
-function batchedUpdates(fn, bookkeeping) {
-  if (isInsideEventHandler) {
-    // If we are currently inside another batch, we need to wait until it
-    // fully completes before restoring state.
-    return fn(bookkeeping);
-  }
-
-  isInsideEventHandler = true;
-
-  try {
-    return batchedUpdatesImpl(fn, bookkeeping);
-  } finally {
-    isInsideEventHandler = false;
-  }
-}
-function setBatchingImplementation(_batchedUpdatesImpl, _discreteUpdatesImpl) {
-  batchedUpdatesImpl = _batchedUpdatesImpl;
-}
+      try {
+        return batchedUpdatesImpl(fn, bookkeeping);
+      } finally {
+        isInsideEventHandler = false;
+      }
+    }
+    function setBatchingImplementation(
+      _batchedUpdatesImpl,
+      _discreteUpdatesImpl
+    ) {
+      batchedUpdatesImpl = _batchedUpdatesImpl;
+    }
 
-/**
- * Internal queue of events that have accumulated their dispatches and are
- * waiting to have their dispatches executed.
- */
+    /**
+     * Internal queue of events that have accumulated their dispatches and are
+     * waiting to have their dispatches executed.
+     */
 
-var eventQueue = null;
-/**
- * Dispatches an event and releases it back into the pool, unless persistent.
- *
- * @param {?object} event Synthetic event to be dispatched.
- * @private
- */
+    var eventQueue = null;
+    /**
+     * Dispatches an event and releases it back into the pool, unless persistent.
+     *
+     * @param {?object} event Synthetic event to be dispatched.
+     * @private
+     */
 
-var executeDispatchesAndRelease = function(event) {
-  if (event) {
-    executeDispatchesInOrder(event);
+    function executeDispatchesAndRelease(event) {
+      if (event) {
+        executeDispatchesInOrder(event);
+
+        if (!event.isPersistent()) {
+          event.constructor.release(event);
+        }
+      }
+    } // $FlowFixMe[missing-local-annot]
 
-    if (!event.isPersistent()) {
-      event.constructor.release(event);
+    function executeDispatchesAndReleaseTopLevel(e) {
+      return executeDispatchesAndRelease(e);
     }
-  }
-};
 
-var executeDispatchesAndReleaseTopLevel = function(e) {
-  return executeDispatchesAndRelease(e);
-};
+    function runEventsInBatch(events) {
+      if (events !== null) {
+        eventQueue = accumulateInto(eventQueue, events);
+      } // Set `eventQueue` to null before processing it so that we can tell if more
+      // events get enqueued while processing.
 
-function runEventsInBatch(events) {
-  if (events !== null) {
-    eventQueue = accumulateInto(eventQueue, events);
-  } // Set `eventQueue` to null before processing it so that we can tell if more
-  // events get enqueued while processing.
+      var processingEventQueue = eventQueue;
+      eventQueue = null;
 
-  var processingEventQueue = eventQueue;
-  eventQueue = null;
+      if (!processingEventQueue) {
+        return;
+      }
 
-  if (!processingEventQueue) {
-    return;
-  }
+      forEachAccumulated(
+        processingEventQueue,
+        executeDispatchesAndReleaseTopLevel
+      );
 
-  forEachAccumulated(processingEventQueue, executeDispatchesAndReleaseTopLevel);
+      if (eventQueue) {
+        throw new Error(
+          "processEventQueue(): Additional events were enqueued while processing " +
+            "an event queue. Support for this has not yet been implemented."
+        );
+      } // This would be a good time to rethrow if any of the event handlers threw.
 
-  if (eventQueue) {
-    throw new Error(
-      "processEventQueue(): Additional events were enqueued while processing " +
-        "an event queue. Support for this has not yet been implemented."
-    );
-  } // This would be a good time to rethrow if any of the event handlers threw.
+      rethrowCaughtError();
+    }
 
-  rethrowCaughtError();
-}
+    /**
+     * Version of `ReactBrowserEventEmitter` that works on the receiving side of a
+     * serialized worker boundary.
+     */
+    // Shared default empty native event - conserve memory.
 
-/**
- * Version of `ReactBrowserEventEmitter` that works on the receiving side of a
- * serialized worker boundary.
- */
-// Shared default empty native event - conserve memory.
+    var EMPTY_NATIVE_EVENT = {};
+    /**
+     * Selects a subsequence of `Touch`es, without destroying `touches`.
+     *
+     * @param {Array<Touch>} touches Deserialized touch objects.
+     * @param {Array<number>} indices Indices by which to pull subsequence.
+     * @return {Array<Touch>} Subsequence of touch objects.
+     */
+    // $FlowFixMe[missing-local-annot]
 
-var EMPTY_NATIVE_EVENT = {};
-/**
- * Selects a subsequence of `Touch`es, without destroying `touches`.
- *
- * @param {Array<Touch>} touches Deserialized touch objects.
- * @param {Array<number>} indices Indices by which to pull subsequence.
- * @return {Array<Touch>} Subsequence of touch objects.
- */
+    function touchSubsequence(touches, indices) {
+      var ret = [];
 
-var touchSubsequence = function(touches, indices) {
-  var ret = [];
+      for (var i = 0; i < indices.length; i++) {
+        ret.push(touches[indices[i]]);
+      }
 
-  for (var i = 0; i < indices.length; i++) {
-    ret.push(touches[indices[i]]);
-  }
+      return ret;
+    }
+    /**
+     * TODO: Pool all of this.
+     *
+     * Destroys `touches` by removing touch objects at indices `indices`. This is
+     * to maintain compatibility with W3C touch "end" events, where the active
+     * touches don't include the set that has just been "ended".
+     *
+     * @param {Array<Touch>} touches Deserialized touch objects.
+     * @param {Array<number>} indices Indices to remove from `touches`.
+     * @return {Array<Touch>} Subsequence of removed touch objects.
+     */
 
-  return ret;
-};
-/**
- * TODO: Pool all of this.
- *
- * Destroys `touches` by removing touch objects at indices `indices`. This is
- * to maintain compatibility with W3C touch "end" events, where the active
- * touches don't include the set that has just been "ended".
- *
- * @param {Array<Touch>} touches Deserialized touch objects.
- * @param {Array<number>} indices Indices to remove from `touches`.
- * @return {Array<Touch>} Subsequence of removed touch objects.
- */
+    function removeTouchesAtIndices(touches, indices) {
+      var rippedOut = []; // use an unsafe downcast to alias to nullable elements,
+      // so we can delete and then compact.
 
-var removeTouchesAtIndices = function(touches, indices) {
-  var rippedOut = []; // use an unsafe downcast to alias to nullable elements,
-  // so we can delete and then compact.
+      var temp = touches;
 
-  var temp = touches;
+      for (var i = 0; i < indices.length; i++) {
+        var index = indices[i];
+        rippedOut.push(touches[index]);
+        temp[index] = null;
+      }
 
-  for (var i = 0; i < indices.length; i++) {
-    var index = indices[i];
-    rippedOut.push(touches[index]);
-    temp[index] = null;
-  }
+      var fillAt = 0;
 
-  var fillAt = 0;
+      for (var j = 0; j < temp.length; j++) {
+        var cur = temp[j];
 
-  for (var j = 0; j < temp.length; j++) {
-    var cur = temp[j];
+        if (cur !== null) {
+          temp[fillAt++] = cur;
+        }
+      }
 
-    if (cur !== null) {
-      temp[fillAt++] = cur;
+      temp.length = fillAt;
+      return rippedOut;
     }
-  }
+    /**
+     * Internal version of `receiveEvent` in terms of normalized (non-tag)
+     * `rootNodeID`.
+     *
+     * @see receiveEvent.
+     *
+     * @param {rootNodeID} rootNodeID React root node ID that event occurred on.
+     * @param {TopLevelType} topLevelType Top level type of event.
+     * @param {?object} nativeEventParam Object passed from native.
+     */
 
-  temp.length = fillAt;
-  return rippedOut;
-};
-/**
- * Internal version of `receiveEvent` in terms of normalized (non-tag)
- * `rootNodeID`.
- *
- * @see receiveEvent.
- *
- * @param {rootNodeID} rootNodeID React root node ID that event occurred on.
- * @param {TopLevelType} topLevelType Top level type of event.
- * @param {?object} nativeEventParam Object passed from native.
- */
+    function _receiveRootNodeIDEvent(
+      rootNodeID,
+      topLevelType,
+      nativeEventParam
+    ) {
+      var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT;
+      var inst = getInstanceFromTag(rootNodeID);
+      var target = null;
 
-function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
-  var nativeEvent = nativeEventParam || EMPTY_NATIVE_EVENT;
-  var inst = getInstanceFromTag(rootNodeID);
-  var target = null;
+      if (inst != null) {
+        target = inst.stateNode;
+      }
 
-  if (inst != null) {
-    target = inst.stateNode;
-  }
+      batchedUpdates$1(function () {
+        runExtractedPluginEventsInBatch(
+          topLevelType,
+          inst,
+          nativeEvent,
+          target
+        );
+      }); // React Native doesn't use ReactControlledComponent but if it did, here's
+      // where it would do it.
+    }
+    /**
+     * Allows registered plugins an opportunity to extract events from top-level
+     * native browser events.
+     *
+     * @return {*} An accumulation of synthetic events.
+     * @internal
+     */
 
-  batchedUpdates(function() {
-    runExtractedPluginEventsInBatch(topLevelType, inst, nativeEvent, target);
-  }); // React Native doesn't use ReactControlledComponent but if it did, here's
-  // where it would do it.
-}
-/**
- * Allows registered plugins an opportunity to extract events from top-level
- * native browser events.
- *
- * @return {*} An accumulation of synthetic events.
- * @internal
- */
+    function extractPluginEvents(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      var events = null;
+      var legacyPlugins = plugins;
+
+      for (var i = 0; i < legacyPlugins.length; i++) {
+        // Not every plugin in the ordering may be loaded at runtime.
+        var possiblePlugin = legacyPlugins[i];
+
+        if (possiblePlugin) {
+          var extractedEvents = possiblePlugin.extractEvents(
+            topLevelType,
+            targetInst,
+            nativeEvent,
+            nativeEventTarget
+          );
 
-function extractPluginEvents(
-  topLevelType,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  var events = null;
-  var legacyPlugins = plugins;
-
-  for (var i = 0; i < legacyPlugins.length; i++) {
-    // Not every plugin in the ordering may be loaded at runtime.
-    var possiblePlugin = legacyPlugins[i];
-
-    if (possiblePlugin) {
-      var extractedEvents = possiblePlugin.extractEvents(
+          if (extractedEvents) {
+            events = accumulateInto(events, extractedEvents);
+          }
+        }
+      }
+
+      return events;
+    }
+
+    function runExtractedPluginEventsInBatch(
+      topLevelType,
+      targetInst,
+      nativeEvent,
+      nativeEventTarget
+    ) {
+      var events = extractPluginEvents(
         topLevelType,
         targetInst,
         nativeEvent,
         nativeEventTarget
       );
-
-      if (extractedEvents) {
-        events = accumulateInto(events, extractedEvents);
-      }
+      runEventsInBatch(events);
     }
-  }
+    /**
+     * Publicly exposed method on module for native objc to invoke when a top
+     * level event is extracted.
+     * @param {rootNodeID} rootNodeID React root node ID that event occurred on.
+     * @param {TopLevelType} topLevelType Top level type of event.
+     * @param {object} nativeEventParam Object passed from native.
+     */
 
-  return events;
-}
+    function receiveEvent(rootNodeID, topLevelType, nativeEventParam) {
+      _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
+    }
+    /**
+     * Simple multi-wrapper around `receiveEvent` that is intended to receive an
+     * efficient representation of `Touch` objects, and other information that
+     * can be used to construct W3C compliant `Event` and `Touch` lists.
+     *
+     * This may create dispatch behavior that differs than web touch handling. We
+     * loop through each of the changed touches and receive it as a single event.
+     * So two `touchStart`/`touchMove`s that occur simultaneously are received as
+     * two separate touch event dispatches - when they arguably should be one.
+     *
+     * This implementation reuses the `Touch` objects themselves as the `Event`s
+     * since we dispatch an event for each touch (though that might not be spec
+     * compliant). The main purpose of reusing them is to save allocations.
+     *
+     * TODO: Dispatch multiple changed touches in one event. The bubble path
+     * could be the first common ancestor of all the `changedTouches`.
+     *
+     * One difference between this behavior and W3C spec: cancelled touches will
+     * not appear in `.touches`, or in any future `.touches`, though they may
+     * still be "actively touching the surface".
+     *
+     * Web desktop polyfills only need to construct a fake touch event with
+     * identifier 0, also abandoning traditional click handlers.
+     */
 
-function runExtractedPluginEventsInBatch(
-  topLevelType,
-  targetInst,
-  nativeEvent,
-  nativeEventTarget
-) {
-  var events = extractPluginEvents(
-    topLevelType,
-    targetInst,
-    nativeEvent,
-    nativeEventTarget
-  );
-  runEventsInBatch(events);
-}
-/**
- * Publicly exposed method on module for native objc to invoke when a top
- * level event is extracted.
- * @param {rootNodeID} rootNodeID React root node ID that event occurred on.
- * @param {TopLevelType} topLevelType Top level type of event.
- * @param {object} nativeEventParam Object passed from native.
- */
+    function receiveTouches(eventTopLevelType, touches, changedIndices) {
+      var changedTouches =
+        eventTopLevelType === "topTouchEnd" ||
+        eventTopLevelType === "topTouchCancel"
+          ? removeTouchesAtIndices(touches, changedIndices)
+          : touchSubsequence(touches, changedIndices);
+
+      for (var jj = 0; jj < changedTouches.length; jj++) {
+        var touch = changedTouches[jj]; // Touch objects can fulfill the role of `DOM` `Event` objects if we set
+        // the `changedTouches`/`touches`. This saves allocations.
+
+        touch.changedTouches = changedTouches;
+        touch.touches = touches;
+        var nativeEvent = touch;
+        var rootNodeID = null;
+        var target = nativeEvent.target;
+
+        if (target !== null && target !== undefined) {
+          if (target < 1) {
+            {
+              error("A view is reporting that a touch occurred on tag zero.");
+            }
+          } else {
+            rootNodeID = target;
+          }
+        } // $FlowFixMe[incompatible-call] Shouldn't we *not* call it if rootNodeID is null?
 
-function receiveEvent(rootNodeID, topLevelType, nativeEventParam) {
-  _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
-}
-/**
- * Simple multi-wrapper around `receiveEvent` that is intended to receive an
- * efficient representation of `Touch` objects, and other information that
- * can be used to construct W3C compliant `Event` and `Touch` lists.
- *
- * This may create dispatch behavior that differs than web touch handling. We
- * loop through each of the changed touches and receive it as a single event.
- * So two `touchStart`/`touchMove`s that occur simultaneously are received as
- * two separate touch event dispatches - when they arguably should be one.
- *
- * This implementation reuses the `Touch` objects themselves as the `Event`s
- * since we dispatch an event for each touch (though that might not be spec
- * compliant). The main purpose of reusing them is to save allocations.
- *
- * TODO: Dispatch multiple changed touches in one event. The bubble path
- * could be the first common ancestor of all the `changedTouches`.
- *
- * One difference between this behavior and W3C spec: cancelled touches will
- * not appear in `.touches`, or in any future `.touches`, though they may
- * still be "actively touching the surface".
- *
- * Web desktop polyfills only need to construct a fake touch event with
- * identifier 0, also abandoning traditional click handlers.
- */
+        _receiveRootNodeIDEvent(rootNodeID, eventTopLevelType, nativeEvent);
+      }
+    }
 
-function receiveTouches(eventTopLevelType, touches, changedIndices) {
-  var changedTouches =
-    eventTopLevelType === "topTouchEnd" ||
-    eventTopLevelType === "topTouchCancel"
-      ? removeTouchesAtIndices(touches, changedIndices)
-      : touchSubsequence(touches, changedIndices);
-
-  for (var jj = 0; jj < changedTouches.length; jj++) {
-    var touch = changedTouches[jj]; // Touch objects can fulfill the role of `DOM` `Event` objects if we set
-    // the `changedTouches`/`touches`. This saves allocations.
-
-    touch.changedTouches = changedTouches;
-    touch.touches = touches;
-    var nativeEvent = touch;
-    var rootNodeID = null;
-    var target = nativeEvent.target;
-
-    if (target !== null && target !== undefined) {
-      if (target < 1) {
-        {
-          error("A view is reporting that a touch occurred on tag zero.");
+    // Module provided by RN:
+    var ReactNativeGlobalResponderHandler = {
+      onChange: function (from, to, blockNativeResponder) {
+        if (to !== null) {
+          var tag = to.stateNode._nativeTag;
+          ReactNativePrivateInterface.UIManager.setJSResponder(
+            tag,
+            blockNativeResponder
+          );
+        } else {
+          ReactNativePrivateInterface.UIManager.clearJSResponder();
         }
-      } else {
-        rootNodeID = target;
       }
-    } // $FlowFixMe Shouldn't we *not* call it if rootNodeID is null?
-
-    _receiveRootNodeIDEvent(rootNodeID, eventTopLevelType, nativeEvent);
-  }
-}
+    };
 
-// Module provided by RN:
-var ReactNativeGlobalResponderHandler = {
-  onChange: function(from, to, blockNativeResponder) {
-    if (to !== null) {
-      var tag = to.stateNode._nativeTag;
-      ReactNativePrivateInterface.UIManager.setJSResponder(
-        tag,
-        blockNativeResponder
-      );
-    } else {
-      ReactNativePrivateInterface.UIManager.clearJSResponder();
-    }
-  }
-};
+    /**
+     * Register the event emitter with the native bridge
+     */
 
-/**
- * Register the event emitter with the native bridge
- */
+    ReactNativePrivateInterface.RCTEventEmitter.register({
+      receiveEvent: receiveEvent,
+      receiveTouches: receiveTouches
+    });
+    setComponentTree(
+      getFiberCurrentPropsFromNode,
+      getInstanceFromTag,
+      getTagFromInstance
+    );
+    ResponderEventPlugin.injection.injectGlobalResponderHandler(
+      ReactNativeGlobalResponderHandler
+    );
 
-ReactNativePrivateInterface.RCTEventEmitter.register({
-  receiveEvent: receiveEvent,
-  receiveTouches: receiveTouches
-});
-setComponentTree(
-  getFiberCurrentPropsFromNode$1,
-  getInstanceFromTag,
-  getTagFromInstance
-);
-ResponderEventPlugin.injection.injectGlobalResponderHandler(
-  ReactNativeGlobalResponderHandler
-);
+    /**
+     * `ReactInstanceMap` maintains a mapping from a public facing stateful
+     * instance (key) and the internal representation (value). This allows public
+     * methods to accept the user facing instance as an argument and map them back
+     * to internal methods.
+     *
+     * Note that this module is currently shared and assumed to be stateless.
+     * If this becomes an actual Map, that will break.
+     */
+    function get(key) {
+      return key._reactInternals;
+    }
+    function set(key, value) {
+      key._reactInternals = value;
+    }
+
+    var enableSchedulingProfiler = false;
+    var enableProfilerTimer = true;
+    var enableProfilerCommitHooks = true;
+    var enableProfilerNestedUpdatePhase = true;
+    var syncLaneExpirationMs = 250;
+    var transitionLaneExpirationMs = 5000;
+    var enableLazyContextPropagation = false;
+    var enableLegacyHidden = false;
+    var enableAsyncActions = false;
+
+    // ATTENTION
+    // When adding new symbols to this file,
+    // Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
+    // The Symbol used to tag the ReactElement-like types.
+    var REACT_ELEMENT_TYPE = Symbol.for("react.element");
+    var REACT_PORTAL_TYPE = Symbol.for("react.portal");
+    var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
+    var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
+    var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
+    var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
+    var REACT_CONTEXT_TYPE = Symbol.for("react.context");
+    var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
+    var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
+    var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
+    var REACT_MEMO_TYPE = Symbol.for("react.memo");
+    var REACT_LAZY_TYPE = Symbol.for("react.lazy");
+    var REACT_SCOPE_TYPE = Symbol.for("react.scope");
+    var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode");
+    var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
+    var REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden");
+    var REACT_CACHE_TYPE = Symbol.for("react.cache");
+    var REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker");
+    var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
+    var FAUX_ITERATOR_SYMBOL = "@@iterator";
+    function getIteratorFn(maybeIterable) {
+      if (maybeIterable === null || typeof maybeIterable !== "object") {
+        return null;
+      }
 
-/**
- * `ReactInstanceMap` maintains a mapping from a public facing stateful
- * instance (key) and the internal representation (value). This allows public
- * methods to accept the user facing instance as an argument and map them back
- * to internal methods.
- *
- * Note that this module is currently shared and assumed to be stateless.
- * If this becomes an actual Map, that will break.
- */
-function get(key) {
-  return key._reactInternals;
-}
-function set(key, value) {
-  key._reactInternals = value;
-}
+      var maybeIterator =
+        (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
+        maybeIterable[FAUX_ITERATOR_SYMBOL];
 
-var enableSchedulingProfiler = false;
-var enableProfilerTimer = true;
-var enableProfilerCommitHooks = true;
-var warnAboutStringRefs = false;
-var enableSuspenseAvoidThisFallback = false;
-var enableNewReconciler = false;
-var enableLazyContextPropagation = false;
-var enableLegacyHidden = false;
-
-// ATTENTION
-// When adding new symbols to this file,
-// Please consider also adding to 'react-devtools-shared/src/backend/ReactSymbols'
-// The Symbol used to tag the ReactElement-like types.
-var REACT_ELEMENT_TYPE = Symbol.for("react.element");
-var REACT_PORTAL_TYPE = Symbol.for("react.portal");
-var REACT_FRAGMENT_TYPE = Symbol.for("react.fragment");
-var REACT_STRICT_MODE_TYPE = Symbol.for("react.strict_mode");
-var REACT_PROFILER_TYPE = Symbol.for("react.profiler");
-var REACT_PROVIDER_TYPE = Symbol.for("react.provider");
-var REACT_CONTEXT_TYPE = Symbol.for("react.context");
-var REACT_FORWARD_REF_TYPE = Symbol.for("react.forward_ref");
-var REACT_SUSPENSE_TYPE = Symbol.for("react.suspense");
-var REACT_SUSPENSE_LIST_TYPE = Symbol.for("react.suspense_list");
-var REACT_MEMO_TYPE = Symbol.for("react.memo");
-var REACT_LAZY_TYPE = Symbol.for("react.lazy");
-var REACT_SCOPE_TYPE = Symbol.for("react.scope");
-var REACT_DEBUG_TRACING_MODE_TYPE = Symbol.for("react.debug_trace_mode");
-var REACT_OFFSCREEN_TYPE = Symbol.for("react.offscreen");
-var REACT_LEGACY_HIDDEN_TYPE = Symbol.for("react.legacy_hidden");
-var REACT_CACHE_TYPE = Symbol.for("react.cache");
-var REACT_TRACING_MARKER_TYPE = Symbol.for("react.tracing_marker");
-var MAYBE_ITERATOR_SYMBOL = Symbol.iterator;
-var FAUX_ITERATOR_SYMBOL = "@@iterator";
-function getIteratorFn(maybeIterable) {
-  if (maybeIterable === null || typeof maybeIterable !== "object") {
-    return null;
-  }
-
-  var maybeIterator =
-    (MAYBE_ITERATOR_SYMBOL && maybeIterable[MAYBE_ITERATOR_SYMBOL]) ||
-    maybeIterable[FAUX_ITERATOR_SYMBOL];
-
-  if (typeof maybeIterator === "function") {
-    return maybeIterator;
-  }
-
-  return null;
-}
+      if (typeof maybeIterator === "function") {
+        return maybeIterator;
+      }
 
-function getWrappedName(outerType, innerType, wrapperName) {
-  var displayName = outerType.displayName;
-
-  if (displayName) {
-    return displayName;
-  }
-
-  var functionName = innerType.displayName || innerType.name || "";
-  return functionName !== ""
-    ? wrapperName + "(" + functionName + ")"
-    : wrapperName;
-} // Keep in sync with react-reconciler/getComponentNameFromFiber
-
-function getContextName(type) {
-  return type.displayName || "Context";
-} // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
-
-function getComponentNameFromType(type) {
-  if (type == null) {
-    // Host root, text node or just invalid type.
-    return null;
-  }
-
-  {
-    if (typeof type.tag === "number") {
-      error(
-        "Received an unexpected object in getComponentNameFromType(). " +
-          "This is likely a bug in React. Please file an issue."
-      );
+      return null;
     }
-  }
 
-  if (typeof type === "function") {
-    return type.displayName || type.name || null;
-  }
+    function getWrappedName$1(outerType, innerType, wrapperName) {
+      var displayName = outerType.displayName;
 
-  if (typeof type === "string") {
-    return type;
-  }
+      if (displayName) {
+        return displayName;
+      }
 
-  switch (type) {
-    case REACT_FRAGMENT_TYPE:
-      return "Fragment";
+      var functionName = innerType.displayName || innerType.name || "";
+      return functionName !== ""
+        ? wrapperName + "(" + functionName + ")"
+        : wrapperName;
+    } // Keep in sync with react-reconciler/getComponentNameFromFiber
 
-    case REACT_PORTAL_TYPE:
-      return "Portal";
+    function getContextName$1(type) {
+      return type.displayName || "Context";
+    }
 
-    case REACT_PROFILER_TYPE:
-      return "Profiler";
+    var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference"); // Note that the reconciler package should generally prefer to use getComponentNameFromFiber() instead.
 
-    case REACT_STRICT_MODE_TYPE:
-      return "StrictMode";
+    function getComponentNameFromType(type) {
+      if (type == null) {
+        // Host root, text node or just invalid type.
+        return null;
+      }
 
-    case REACT_SUSPENSE_TYPE:
-      return "Suspense";
+      if (typeof type === "function") {
+        if (type.$$typeof === REACT_CLIENT_REFERENCE) {
+          // TODO: Create a convention for naming client references with debug info.
+          return null;
+        }
 
-    case REACT_SUSPENSE_LIST_TYPE:
-      return "SuspenseList";
-  }
+        return type.displayName || type.name || null;
+      }
 
-  if (typeof type === "object") {
-    switch (type.$$typeof) {
-      case REACT_CONTEXT_TYPE:
-        var context = type;
-        return getContextName(context) + ".Consumer";
+      if (typeof type === "string") {
+        return type;
+      }
 
-      case REACT_PROVIDER_TYPE:
-        var provider = type;
-        return getContextName(provider._context) + ".Provider";
+      switch (type) {
+        case REACT_FRAGMENT_TYPE:
+          return "Fragment";
 
-      case REACT_FORWARD_REF_TYPE:
-        return getWrappedName(type, type.render, "ForwardRef");
+        case REACT_PORTAL_TYPE:
+          return "Portal";
 
-      case REACT_MEMO_TYPE:
-        var outerName = type.displayName || null;
+        case REACT_PROFILER_TYPE:
+          return "Profiler";
 
-        if (outerName !== null) {
-          return outerName;
-        }
+        case REACT_STRICT_MODE_TYPE:
+          return "StrictMode";
 
-        return getComponentNameFromType(type.type) || "Memo";
+        case REACT_SUSPENSE_TYPE:
+          return "Suspense";
 
-      case REACT_LAZY_TYPE: {
-        var lazyComponent = type;
-        var payload = lazyComponent._payload;
-        var init = lazyComponent._init;
+        case REACT_SUSPENSE_LIST_TYPE:
+          return "SuspenseList";
+      }
 
-        try {
-          return getComponentNameFromType(init(payload));
-        } catch (x) {
-          return null;
+      if (typeof type === "object") {
+        {
+          if (typeof type.tag === "number") {
+            error(
+              "Received an unexpected object in getComponentNameFromType(). " +
+                "This is likely a bug in React. Please file an issue."
+            );
+          }
         }
-      }
 
-      // eslint-disable-next-line no-fallthrough
-    }
-  }
+        switch (type.$$typeof) {
+          case REACT_CONTEXT_TYPE:
+            var context = type;
+            return getContextName$1(context) + ".Consumer";
 
-  return null;
-}
+          case REACT_PROVIDER_TYPE:
+            var provider = type;
+            return getContextName$1(provider._context) + ".Provider";
 
-function getWrappedName$1(outerType, innerType, wrapperName) {
-  var functionName = innerType.displayName || innerType.name || "";
-  return (
-    outerType.displayName ||
-    (functionName !== "" ? wrapperName + "(" + functionName + ")" : wrapperName)
-  );
-} // Keep in sync with shared/getComponentNameFromType
+          case REACT_FORWARD_REF_TYPE:
+            return getWrappedName$1(type, type.render, "ForwardRef");
 
-function getContextName$1(type) {
-  return type.displayName || "Context";
-}
+          case REACT_MEMO_TYPE:
+            var outerName = type.displayName || null;
 
-function getComponentNameFromFiber(fiber) {
-  var tag = fiber.tag,
-    type = fiber.type;
+            if (outerName !== null) {
+              return outerName;
+            }
 
-  switch (tag) {
-    case CacheComponent:
-      return "Cache";
+            return getComponentNameFromType(type.type) || "Memo";
 
-    case ContextConsumer:
-      var context = type;
-      return getContextName$1(context) + ".Consumer";
+          case REACT_LAZY_TYPE: {
+            var lazyComponent = type;
+            var payload = lazyComponent._payload;
+            var init = lazyComponent._init;
 
-    case ContextProvider:
-      var provider = type;
-      return getContextName$1(provider._context) + ".Provider";
+            try {
+              return getComponentNameFromType(init(payload));
+            } catch (x) {
+              return null;
+            }
+          }
+        }
+      }
 
-    case DehydratedFragment:
-      return "DehydratedFragment";
+      return null;
+    }
 
-    case ForwardRef:
-      return getWrappedName$1(type, type.render, "ForwardRef");
+    function getWrappedName(outerType, innerType, wrapperName) {
+      var functionName = innerType.displayName || innerType.name || "";
+      return (
+        outerType.displayName ||
+        (functionName !== ""
+          ? wrapperName + "(" + functionName + ")"
+          : wrapperName)
+      );
+    } // Keep in sync with shared/getComponentNameFromType
 
-    case Fragment:
-      return "Fragment";
+    function getContextName(type) {
+      return type.displayName || "Context";
+    }
 
-    case HostComponent:
-      // Host component type is the display name (e.g. "div", "View")
-      return type;
+    function getComponentNameFromFiber(fiber) {
+      var tag = fiber.tag,
+        type = fiber.type;
 
-    case HostPortal:
-      return "Portal";
+      switch (tag) {
+        case CacheComponent:
+          return "Cache";
 
-    case HostRoot:
-      return "Root";
+        case ContextConsumer:
+          var context = type;
+          return getContextName(context) + ".Consumer";
 
-    case HostText:
-      return "Text";
+        case ContextProvider:
+          var provider = type;
+          return getContextName(provider._context) + ".Provider";
 
-    case LazyComponent:
-      // Name comes from the type in this case; we don't have a tag.
-      return getComponentNameFromType(type);
+        case DehydratedFragment:
+          return "DehydratedFragment";
 
-    case Mode:
-      if (type === REACT_STRICT_MODE_TYPE) {
-        // Don't be less specific than shared/getComponentNameFromType
-        return "StrictMode";
-      }
+        case ForwardRef:
+          return getWrappedName(type, type.render, "ForwardRef");
 
-      return "Mode";
+        case Fragment:
+          return "Fragment";
 
-    case OffscreenComponent:
-      return "Offscreen";
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent:
+          // Host component type is the display name (e.g. "div", "View")
+          return type;
 
-    case Profiler:
-      return "Profiler";
+        case HostPortal:
+          return "Portal";
 
-    case ScopeComponent:
-      return "Scope";
+        case HostRoot:
+          return "Root";
 
-    case SuspenseComponent:
-      return "Suspense";
+        case HostText:
+          return "Text";
 
-    case SuspenseListComponent:
-      return "SuspenseList";
+        case LazyComponent:
+          // Name comes from the type in this case; we don't have a tag.
+          return getComponentNameFromType(type);
 
-    case TracingMarkerComponent:
-      return "TracingMarker";
-    // The display name for this tags come from the user-provided type:
+        case Mode:
+          if (type === REACT_STRICT_MODE_TYPE) {
+            // Don't be less specific than shared/getComponentNameFromType
+            return "StrictMode";
+          }
 
-    case ClassComponent:
-    case FunctionComponent:
-    case IncompleteClassComponent:
-    case IndeterminateComponent:
-    case MemoComponent:
-    case SimpleMemoComponent:
-      if (typeof type === "function") {
-        return type.displayName || type.name || null;
-      }
+          return "Mode";
 
-      if (typeof type === "string") {
-        return type;
-      }
+        case OffscreenComponent:
+          return "Offscreen";
 
-      break;
-  }
+        case Profiler:
+          return "Profiler";
 
-  return null;
-}
+        case ScopeComponent:
+          return "Scope";
 
-// Don't change these two values. They're used by React Dev Tools.
-var NoFlags =
-  /*                      */
-  0;
-var PerformedWork =
-  /*                */
-  1; // You can change the rest (and add more).
-
-var Placement =
-  /*                    */
-  2;
-var Update =
-  /*                       */
-  4;
-var ChildDeletion =
-  /*                */
-  16;
-var ContentReset =
-  /*                 */
-  32;
-var Callback =
-  /*                     */
-  64;
-var DidCapture =
-  /*                   */
-  128;
-var ForceClientRender =
-  /*            */
-  256;
-var Ref =
-  /*                          */
-  512;
-var Snapshot =
-  /*                     */
-  1024;
-var Passive =
-  /*                      */
-  2048;
-var Hydrating =
-  /*                    */
-  4096;
-var Visibility =
-  /*                   */
-  8192;
-var StoreConsistency =
-  /*             */
-  16384;
-var LifecycleEffectMask =
-  Passive | Update | Callback | Ref | Snapshot | StoreConsistency; // Union of all commit flags (flags with the lifetime of a particular commit)
-
-var HostEffectMask =
-  /*               */
-  32767; // These are not really side effects, but we still reuse this field.
-
-var Incomplete =
-  /*                   */
-  32768;
-var ShouldCapture =
-  /*                */
-  65536;
-var ForceUpdateForLegacySuspense =
-  /* */
-  131072;
-var Forked =
-  /*                       */
-  1048576; // Static tags describe aspects of a fiber that are not specific to a render,
-// e.g. a fiber uses a passive effect (even if there are no updates on this particular render).
-// This enables us to defer more work in the unmount case,
-// since we can defer traversing the tree during layout to look for Passive effects,
-// and instead rely on the static flag as a signal that there may be cleanup work.
-
-var RefStatic =
-  /*                    */
-  2097152;
-var LayoutStatic =
-  /*                 */
-  4194304;
-var PassiveStatic =
-  /*                */
-  8388608; // These flags allow us to traverse to fibers that have effects on mount
-// don't contain effects, by checking subtreeFlags.
-
-var BeforeMutationMask = // TODO: Remove Update flag from before mutation phase by re-landing Visibility
-  // flag logic (see #20043)
-  Update | Snapshot | 0;
-var MutationMask =
-  Placement |
-  Update |
-  ChildDeletion |
-  ContentReset |
-  Ref |
-  Hydrating |
-  Visibility;
-var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
-
-var PassiveMask = Passive | ChildDeletion; // Union of tags that don't get reset on clones.
-// This allows certain concepts to persist without recalculating them,
-// e.g. whether a subtree contains passive effects or portals.
-
-var StaticMask = LayoutStatic | PassiveStatic | RefStatic;
-
-var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
-function getNearestMountedFiber(fiber) {
-  var node = fiber;
-  var nearestMounted = fiber;
-
-  if (!fiber.alternate) {
-    // If there is no alternate, this might be a new tree that isn't inserted
-    // yet. If it is, then it will have a pending insertion effect on it.
-    var nextNode = node;
-
-    do {
-      node = nextNode;
-
-      if ((node.flags & (Placement | Hydrating)) !== NoFlags) {
-        // This is an insertion or in-progress hydration. The nearest possible
-        // mounted fiber is the parent but we need to continue to figure out
-        // if that one is still mounted.
-        nearestMounted = node.return;
-      }
-
-      nextNode = node.return;
-    } while (nextNode);
-  } else {
-    while (node.return) {
-      node = node.return;
-    }
-  }
-
-  if (node.tag === HostRoot) {
-    // TODO: Check if this was a nested HostRoot when used with
-    // renderContainerIntoSubtree.
-    return nearestMounted;
-  } // If we didn't hit the root, that means that we're in an disconnected tree
-  // that has been unmounted.
-
-  return null;
-}
-function isFiberMounted(fiber) {
-  return getNearestMountedFiber(fiber) === fiber;
-}
-function isMounted(component) {
-  {
-    var owner = ReactCurrentOwner.current;
+        case SuspenseComponent:
+          return "Suspense";
 
-    if (owner !== null && owner.tag === ClassComponent) {
-      var ownerFiber = owner;
-      var instance = ownerFiber.stateNode;
+        case SuspenseListComponent:
+          return "SuspenseList";
 
-      if (!instance._warnedAboutRefsInRender) {
-        error(
-          "%s is accessing isMounted inside its render() function. " +
-            "render() should be a pure function of props and state. It should " +
-            "never access something that requires stale data from the previous " +
-            "render, such as refs. Move this logic to componentDidMount and " +
-            "componentDidUpdate instead.",
-          getComponentNameFromFiber(ownerFiber) || "A component"
-        );
-      }
+        case TracingMarkerComponent:
+          return "TracingMarker";
+        // The display name for this tags come from the user-provided type:
 
-      instance._warnedAboutRefsInRender = true;
-    }
-  }
+        case ClassComponent:
+        case FunctionComponent:
+        case IncompleteClassComponent:
+        case IndeterminateComponent:
+        case MemoComponent:
+        case SimpleMemoComponent:
+          if (typeof type === "function") {
+            return type.displayName || type.name || null;
+          }
 
-  var fiber = get(component);
+          if (typeof type === "string") {
+            return type;
+          }
 
-  if (!fiber) {
-    return false;
-  }
+          break;
+      }
 
-  return getNearestMountedFiber(fiber) === fiber;
-}
+      return null;
+    }
 
-function assertIsMounted(fiber) {
-  if (getNearestMountedFiber(fiber) !== fiber) {
-    throw new Error("Unable to find node on an unmounted component.");
-  }
-}
+    var NoFlags$1 =
+      /*                      */
+      0;
+    var PerformedWork =
+      /*                */
+      1;
+    var Placement =
+      /*                    */
+      2;
+    var DidCapture =
+      /*                   */
+      128;
+    var Hydrating =
+      /*                    */
+      4096; // You can change the rest (and add more).
+
+    var Update =
+      /*                       */
+      4;
+    /* Skipped value:                                 0b0000000000000000000000001000; */
+
+    var ChildDeletion =
+      /*                */
+      16;
+    var ContentReset =
+      /*                 */
+      32;
+    var Callback =
+      /*                     */
+      64;
+    /* Used by DidCapture:                            0b0000000000000000000010000000; */
+
+    var ForceClientRender =
+      /*            */
+      256;
+    var Ref =
+      /*                          */
+      512;
+    var Snapshot =
+      /*                     */
+      1024;
+    var Passive$1 =
+      /*                      */
+      2048;
+    /* Used by Hydrating:                             0b0000000000000001000000000000; */
+
+    var Visibility =
+      /*                   */
+      8192;
+    var StoreConsistency =
+      /*             */
+      16384; // It's OK to reuse these bits because these flags are mutually exclusive for
+    // different fiber types. We should really be doing this for as many flags as
+    // possible, because we're about to run out of bits.
+
+    var ScheduleRetry = StoreConsistency;
+    var ShouldSuspendCommit = Visibility;
+    var DidDefer = ContentReset;
+    var LifecycleEffectMask =
+      Passive$1 | Update | Callback | Ref | Snapshot | StoreConsistency; // Union of all commit flags (flags with the lifetime of a particular commit)
+
+    var HostEffectMask =
+      /*               */
+      32767; // These are not really side effects, but we still reuse this field.
+
+    var Incomplete =
+      /*                   */
+      32768;
+    var ShouldCapture =
+      /*                */
+      65536;
+    var ForceUpdateForLegacySuspense =
+      /* */
+      131072;
+    var Forked =
+      /*                       */
+      1048576; // Static tags describe aspects of a fiber that are not specific to a render,
+    // e.g. a fiber uses a passive effect (even if there are no updates on this particular render).
+    // This enables us to defer more work in the unmount case,
+    // since we can defer traversing the tree during layout to look for Passive effects,
+    // and instead rely on the static flag as a signal that there may be cleanup work.
+
+    var RefStatic =
+      /*                    */
+      2097152;
+    var LayoutStatic =
+      /*                 */
+      4194304;
+    var PassiveStatic =
+      /*                */
+      8388608;
+    var MaySuspendCommit =
+      /*             */
+      16777216; // Flag used to identify newly inserted fibers. It isn't reset after commit unlike `Placement`.
+
+    var PlacementDEV =
+      /*                 */
+      33554432;
+    var MountLayoutDev =
+      /*               */
+      67108864;
+    var MountPassiveDev =
+      /*              */
+      134217728; // Groups of flags that are used in the commit phase to skip over trees that
+    // don't contain effects, by checking subtreeFlags.
+
+    var BeforeMutationMask = // TODO: Remove Update flag from before mutation phase by re-landing Visibility
+      // flag logic (see #20043)
+      Update | Snapshot | 0;
+    var MutationMask =
+      Placement |
+      Update |
+      ChildDeletion |
+      ContentReset |
+      Ref |
+      Hydrating |
+      Visibility;
+    var LayoutMask = Update | Callback | Ref | Visibility; // TODO: Split into PassiveMountMask and PassiveUnmountMask
+
+    var PassiveMask = Passive$1 | Visibility | ChildDeletion; // Union of tags that don't get reset on clones.
+    // This allows certain concepts to persist without recalculating them,
+    // e.g. whether a subtree contains passive effects or portals.
+
+    var StaticMask =
+      LayoutStatic | PassiveStatic | RefStatic | MaySuspendCommit;
+
+    var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
+    function getNearestMountedFiber(fiber) {
+      var node = fiber;
+      var nearestMounted = fiber;
+
+      if (!fiber.alternate) {
+        // If there is no alternate, this might be a new tree that isn't inserted
+        // yet. If it is, then it will have a pending insertion effect on it.
+        var nextNode = node;
 
-function findCurrentFiberUsingSlowPath(fiber) {
-  var alternate = fiber.alternate;
+        do {
+          node = nextNode;
 
-  if (!alternate) {
-    // If there is no alternate, then we only need to check if it is mounted.
-    var nearestMounted = getNearestMountedFiber(fiber);
+          if ((node.flags & (Placement | Hydrating)) !== NoFlags$1) {
+            // This is an insertion or in-progress hydration. The nearest possible
+            // mounted fiber is the parent but we need to continue to figure out
+            // if that one is still mounted.
+            nearestMounted = node.return;
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-    if (nearestMounted === null) {
-      throw new Error("Unable to find node on an unmounted component.");
-    }
+          nextNode = node.return;
+        } while (nextNode);
+      } else {
+        while (node.return) {
+          node = node.return;
+        }
+      }
+
+      if (node.tag === HostRoot) {
+        // TODO: Check if this was a nested HostRoot when used with
+        // renderContainerIntoSubtree.
+        return nearestMounted;
+      } // If we didn't hit the root, that means that we're in an disconnected tree
+      // that has been unmounted.
 
-    if (nearestMounted !== fiber) {
       return null;
     }
+    function isFiberMounted(fiber) {
+      return getNearestMountedFiber(fiber) === fiber;
+    }
+    function isMounted(component) {
+      {
+        var owner = ReactCurrentOwner$3.current;
 
-    return fiber;
-  } // If we have two possible branches, we'll walk backwards up to the root
-  // to see what path the root points to. On the way we may hit one of the
-  // special cases and we'll deal with them.
+        if (owner !== null && owner.tag === ClassComponent) {
+          var ownerFiber = owner;
+          var instance = ownerFiber.stateNode;
 
-  var a = fiber;
-  var b = alternate;
+          if (!instance._warnedAboutRefsInRender) {
+            error(
+              "%s is accessing isMounted inside its render() function. " +
+                "render() should be a pure function of props and state. It should " +
+                "never access something that requires stale data from the previous " +
+                "render, such as refs. Move this logic to componentDidMount and " +
+                "componentDidUpdate instead.",
+              getComponentNameFromFiber(ownerFiber) || "A component"
+            );
+          }
 
-  while (true) {
-    var parentA = a.return;
+          instance._warnedAboutRefsInRender = true;
+        }
+      }
 
-    if (parentA === null) {
-      // We're at the root.
-      break;
-    }
+      var fiber = get(component);
 
-    var parentB = parentA.alternate;
+      if (!fiber) {
+        return false;
+      }
 
-    if (parentB === null) {
-      // There is no alternate. This is an unusual case. Currently, it only
-      // happens when a Suspense component is hidden. An extra fragment fiber
-      // is inserted in between the Suspense fiber and its children. Skip
-      // over this extra fragment fiber and proceed to the next parent.
-      var nextParent = parentA.return;
+      return getNearestMountedFiber(fiber) === fiber;
+    }
 
-      if (nextParent !== null) {
-        a = b = nextParent;
-        continue;
-      } // If there's no parent, we're at the root.
+    function assertIsMounted(fiber) {
+      if (getNearestMountedFiber(fiber) !== fiber) {
+        throw new Error("Unable to find node on an unmounted component.");
+      }
+    }
 
-      break;
-    } // If both copies of the parent fiber point to the same child, we can
-    // assume that the child is current. This happens when we bailout on low
-    // priority: the bailed out fiber's child reuses the current child.
+    function findCurrentFiberUsingSlowPath(fiber) {
+      var alternate = fiber.alternate;
 
-    if (parentA.child === parentB.child) {
-      var child = parentA.child;
+      if (!alternate) {
+        // If there is no alternate, then we only need to check if it is mounted.
+        var nearestMounted = getNearestMountedFiber(fiber);
 
-      while (child) {
-        if (child === a) {
-          // We've determined that A is the current branch.
-          assertIsMounted(parentA);
-          return fiber;
+        if (nearestMounted === null) {
+          throw new Error("Unable to find node on an unmounted component.");
         }
 
-        if (child === b) {
-          // We've determined that B is the current branch.
-          assertIsMounted(parentA);
-          return alternate;
+        if (nearestMounted !== fiber) {
+          return null;
         }
 
-        child = child.sibling;
-      } // We should never have an alternate for any mounting node. So the only
-      // way this could possibly happen is if this was unmounted, if at all.
-
-      throw new Error("Unable to find node on an unmounted component.");
-    }
-
-    if (a.return !== b.return) {
-      // The return pointer of A and the return pointer of B point to different
-      // fibers. We assume that return pointers never criss-cross, so A must
-      // belong to the child set of A.return, and B must belong to the child
-      // set of B.return.
-      a = parentA;
-      b = parentB;
-    } else {
-      // The return pointers point to the same fiber. We'll have to use the
-      // default, slow path: scan the child sets of each parent alternate to see
-      // which child belongs to which set.
-      //
-      // Search parent A's child set
-      var didFindChild = false;
-      var _child = parentA.child;
+        return fiber;
+      } // If we have two possible branches, we'll walk backwards up to the root
+      // to see what path the root points to. On the way we may hit one of the
+      // special cases and we'll deal with them.
 
-      while (_child) {
-        if (_child === a) {
-          didFindChild = true;
-          a = parentA;
-          b = parentB;
+      var a = fiber;
+      var b = alternate;
+
+      while (true) {
+        var parentA = a.return;
+
+        if (parentA === null) {
+          // We're at the root.
           break;
         }
 
-        if (_child === b) {
-          didFindChild = true;
-          b = parentA;
-          a = parentB;
+        var parentB = parentA.alternate;
+
+        if (parentB === null) {
+          // There is no alternate. This is an unusual case. Currently, it only
+          // happens when a Suspense component is hidden. An extra fragment fiber
+          // is inserted in between the Suspense fiber and its children. Skip
+          // over this extra fragment fiber and proceed to the next parent.
+          var nextParent = parentA.return;
+
+          if (nextParent !== null) {
+            a = b = nextParent;
+            continue;
+          } // If there's no parent, we're at the root.
+
           break;
+        } // If both copies of the parent fiber point to the same child, we can
+        // assume that the child is current. This happens when we bailout on low
+        // priority: the bailed out fiber's child reuses the current child.
+
+        if (parentA.child === parentB.child) {
+          var child = parentA.child;
+
+          while (child) {
+            if (child === a) {
+              // We've determined that A is the current branch.
+              assertIsMounted(parentA);
+              return fiber;
+            }
+
+            if (child === b) {
+              // We've determined that B is the current branch.
+              assertIsMounted(parentA);
+              return alternate;
+            }
+
+            child = child.sibling;
+          } // We should never have an alternate for any mounting node. So the only
+          // way this could possibly happen is if this was unmounted, if at all.
+
+          throw new Error("Unable to find node on an unmounted component.");
         }
 
-        _child = _child.sibling;
-      }
+        if (a.return !== b.return) {
+          // The return pointer of A and the return pointer of B point to different
+          // fibers. We assume that return pointers never criss-cross, so A must
+          // belong to the child set of A.return, and B must belong to the child
+          // set of B.return.
+          a = parentA;
+          b = parentB;
+        } else {
+          // The return pointers point to the same fiber. We'll have to use the
+          // default, slow path: scan the child sets of each parent alternate to see
+          // which child belongs to which set.
+          //
+          // Search parent A's child set
+          var didFindChild = false;
+          var _child = parentA.child;
+
+          while (_child) {
+            if (_child === a) {
+              didFindChild = true;
+              a = parentA;
+              b = parentB;
+              break;
+            }
 
-      if (!didFindChild) {
-        // Search parent B's child set
-        _child = parentB.child;
+            if (_child === b) {
+              didFindChild = true;
+              b = parentA;
+              a = parentB;
+              break;
+            }
 
-        while (_child) {
-          if (_child === a) {
-            didFindChild = true;
-            a = parentB;
-            b = parentA;
-            break;
+            _child = _child.sibling;
           }
 
-          if (_child === b) {
-            didFindChild = true;
-            b = parentB;
-            a = parentA;
-            break;
-          }
+          if (!didFindChild) {
+            // Search parent B's child set
+            _child = parentB.child;
 
-          _child = _child.sibling;
+            while (_child) {
+              if (_child === a) {
+                didFindChild = true;
+                a = parentB;
+                b = parentA;
+                break;
+              }
+
+              if (_child === b) {
+                didFindChild = true;
+                b = parentB;
+                a = parentA;
+                break;
+              }
+
+              _child = _child.sibling;
+            }
+
+            if (!didFindChild) {
+              throw new Error(
+                "Child was not found in either parent set. This indicates a bug " +
+                  "in React related to the return pointer. Please file an issue."
+              );
+            }
+          }
         }
 
-        if (!didFindChild) {
+        if (a.alternate !== b) {
           throw new Error(
-            "Child was not found in either parent set. This indicates a bug " +
-              "in React related to the return pointer. Please file an issue."
+            "Return fibers should always be each others' alternates. " +
+              "This error is likely caused by a bug in React. Please file an issue."
           );
         }
+      } // If the root is not a host container, we're in a disconnected tree. I.e.
+      // unmounted.
+
+      if (a.tag !== HostRoot) {
+        throw new Error("Unable to find node on an unmounted component.");
       }
-    }
 
-    if (a.alternate !== b) {
-      throw new Error(
-        "Return fibers should always be each others' alternates. " +
-          "This error is likely caused by a bug in React. Please file an issue."
-      );
+      if (a.stateNode.current === a) {
+        // We've determined that A is the current branch.
+        return fiber;
+      } // Otherwise B has to be current branch.
+
+      return alternate;
+    }
+    function findCurrentHostFiber(parent) {
+      var currentParent = findCurrentFiberUsingSlowPath(parent);
+      return currentParent !== null
+        ? findCurrentHostFiberImpl(currentParent)
+        : null;
     }
-  } // If the root is not a host container, we're in a disconnected tree. I.e.
-  // unmounted.
 
-  if (a.tag !== HostRoot) {
-    throw new Error("Unable to find node on an unmounted component.");
-  }
+    function findCurrentHostFiberImpl(node) {
+      // Next we'll drill down this component to find the first HostComponent/Text.
+      var tag = node.tag;
 
-  if (a.stateNode.current === a) {
-    // We've determined that A is the current branch.
-    return fiber;
-  } // Otherwise B has to be current branch.
+      if (
+        tag === HostComponent ||
+        tag === HostHoistable ||
+        tag === HostSingleton ||
+        tag === HostText
+      ) {
+        return node;
+      }
 
-  return alternate;
-}
-function findCurrentHostFiber(parent) {
-  var currentParent = findCurrentFiberUsingSlowPath(parent);
-  return currentParent !== null
-    ? findCurrentHostFiberImpl(currentParent)
-    : null;
-}
+      var child = node.child;
 
-function findCurrentHostFiberImpl(node) {
-  // Next we'll drill down this component to find the first HostComponent/Text.
-  if (node.tag === HostComponent || node.tag === HostText) {
-    return node;
-  }
+      while (child !== null) {
+        var match = findCurrentHostFiberImpl(child);
 
-  var child = node.child;
+        if (match !== null) {
+          return match;
+        }
 
-  while (child !== null) {
-    var match = findCurrentHostFiberImpl(child);
+        child = child.sibling;
+      }
 
-    if (match !== null) {
-      return match;
+      return null;
     }
+    function doesFiberContain(parentFiber, childFiber) {
+      var node = childFiber;
+      var parentFiberAlternate = parentFiber.alternate;
 
-    child = child.sibling;
-  }
+      while (node !== null) {
+        if (node === parentFiber || node === parentFiberAlternate) {
+          return true;
+        }
 
-  return null;
-}
+        node = node.return;
+      }
 
-// Modules provided by RN:
-var emptyObject = {};
-/**
- * Create a payload that contains all the updates between two sets of props.
- *
- * These helpers are all encapsulated into a single module, because they use
- * mutation as a performance optimization which leads to subtle shared
- * dependencies between the code paths. To avoid this mutable state leaking
- * across modules, I've kept them isolated to this module.
- */
+      return false;
+    }
 
-// Tracks removed keys
-var removedKeys = null;
-var removedKeyCount = 0;
-var deepDifferOptions = {
-  unsafelyIgnoreFunctions: true
-};
-
-function defaultDiffer(prevProp, nextProp) {
-  if (typeof nextProp !== "object" || nextProp === null) {
-    // Scalars have already been checked for equality
-    return true;
-  } else {
-    // For objects and arrays, the default diffing algorithm is a deep compare
-    return ReactNativePrivateInterface.deepDiffer(
-      prevProp,
-      nextProp,
-      deepDifferOptions
-    );
-  }
-}
+    // Modules provided by RN:
+    var emptyObject$1 = {};
+    /**
+     * Create a payload that contains all the updates between two sets of props.
+     *
+     * These helpers are all encapsulated into a single module, because they use
+     * mutation as a performance optimization which leads to subtle shared
+     * dependencies between the code paths. To avoid this mutable state leaking
+     * across modules, I've kept them isolated to this module.
+     */
+    // Tracks removed keys
 
-function restoreDeletedValuesInNestedArray(
-  updatePayload,
-  node,
-  validAttributes
-) {
-  if (isArray(node)) {
-    var i = node.length;
+    var removedKeys = null;
+    var removedKeyCount = 0;
+    var deepDifferOptions = {
+      unsafelyIgnoreFunctions: true
+    };
 
-    while (i-- && removedKeyCount > 0) {
-      restoreDeletedValuesInNestedArray(
-        updatePayload,
-        node[i],
-        validAttributes
-      );
+    function defaultDiffer(prevProp, nextProp) {
+      if (typeof nextProp !== "object" || nextProp === null) {
+        // Scalars have already been checked for equality
+        return true;
+      } else {
+        // For objects and arrays, the default diffing algorithm is a deep compare
+        return ReactNativePrivateInterface.deepDiffer(
+          prevProp,
+          nextProp,
+          deepDifferOptions
+        );
+      }
     }
-  } else if (node && removedKeyCount > 0) {
-    var obj = node;
 
-    for (var propKey in removedKeys) {
-      if (!removedKeys[propKey]) {
-        continue;
-      }
+    function restoreDeletedValuesInNestedArray(
+      updatePayload,
+      node,
+      validAttributes
+    ) {
+      if (isArray(node)) {
+        var i = node.length;
+
+        while (i-- && removedKeyCount > 0) {
+          restoreDeletedValuesInNestedArray(
+            updatePayload,
+            node[i],
+            validAttributes
+          );
+        }
+      } else if (node && removedKeyCount > 0) {
+        var obj = node;
 
-      var nextProp = obj[propKey];
+        for (var propKey in removedKeys) {
+          // $FlowFixMe[incompatible-use] found when upgrading Flow
+          if (!removedKeys[propKey]) {
+            continue;
+          }
 
-      if (nextProp === undefined) {
-        continue;
-      }
+          var nextProp = obj[propKey];
 
-      var attributeConfig = validAttributes[propKey];
+          if (nextProp === undefined) {
+            continue;
+          }
 
-      if (!attributeConfig) {
-        continue; // not a valid native prop
-      }
+          var attributeConfig = validAttributes[propKey];
 
-      if (typeof nextProp === "function") {
-        nextProp = true;
-      }
+          if (!attributeConfig) {
+            continue; // not a valid native prop
+          }
 
-      if (typeof nextProp === "undefined") {
-        nextProp = null;
-      }
+          if (typeof nextProp === "function") {
+            // $FlowFixMe[incompatible-type] found when upgrading Flow
+            nextProp = true;
+          }
 
-      if (typeof attributeConfig !== "object") {
-        // case: !Object is the default case
-        updatePayload[propKey] = nextProp;
-      } else if (
-        typeof attributeConfig.diff === "function" ||
-        typeof attributeConfig.process === "function"
-      ) {
-        // case: CustomAttributeConfiguration
-        var nextValue =
-          typeof attributeConfig.process === "function"
-            ? attributeConfig.process(nextProp)
-            : nextProp;
-        updatePayload[propKey] = nextValue;
-      }
+          if (typeof nextProp === "undefined") {
+            // $FlowFixMe[incompatible-type] found when upgrading Flow
+            nextProp = null;
+          }
 
-      removedKeys[propKey] = false;
-      removedKeyCount--;
+          if (typeof attributeConfig !== "object") {
+            // case: !Object is the default case
+            updatePayload[propKey] = nextProp;
+          } else if (
+            typeof attributeConfig.diff === "function" ||
+            typeof attributeConfig.process === "function"
+          ) {
+            // case: CustomAttributeConfiguration
+            var nextValue =
+              typeof attributeConfig.process === "function"
+                ? attributeConfig.process(nextProp)
+                : nextProp;
+            updatePayload[propKey] = nextValue;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          removedKeys[propKey] = false;
+          removedKeyCount--;
+        }
+      }
     }
-  }
-}
-
-function diffNestedArrayProperty(
-  updatePayload,
-  prevArray,
-  nextArray,
-  validAttributes
-) {
-  var minLength =
-    prevArray.length < nextArray.length ? prevArray.length : nextArray.length;
-  var i;
-
-  for (i = 0; i < minLength; i++) {
-    // Diff any items in the array in the forward direction. Repeated keys
-    // will be overwritten by later values.
-    updatePayload = diffNestedProperty(
-      updatePayload,
-      prevArray[i],
-      nextArray[i],
-      validAttributes
-    );
-  }
-
-  for (; i < prevArray.length; i++) {
-    // Clear out all remaining properties.
-    updatePayload = clearNestedProperty(
-      updatePayload,
-      prevArray[i],
-      validAttributes
-    );
-  }
 
-  for (; i < nextArray.length; i++) {
-    // Add all remaining properties.
-    updatePayload = addNestedProperty(
+    function diffNestedArrayProperty(
       updatePayload,
-      nextArray[i],
+      prevArray,
+      nextArray,
       validAttributes
-    );
-  }
-
-  return updatePayload;
-}
+    ) {
+      var minLength =
+        prevArray.length < nextArray.length
+          ? prevArray.length
+          : nextArray.length;
+      var i;
+
+      for (i = 0; i < minLength; i++) {
+        // Diff any items in the array in the forward direction. Repeated keys
+        // will be overwritten by later values.
+        updatePayload = diffNestedProperty(
+          updatePayload,
+          prevArray[i],
+          nextArray[i],
+          validAttributes
+        );
+      }
 
-function diffNestedProperty(
-  updatePayload,
-  prevProp,
-  nextProp,
-  validAttributes
-) {
-  if (!updatePayload && prevProp === nextProp) {
-    // If no properties have been added, then we can bail out quickly on object
-    // equality.
-    return updatePayload;
-  }
+      for (; i < prevArray.length; i++) {
+        // Clear out all remaining properties.
+        updatePayload = clearNestedProperty(
+          updatePayload,
+          prevArray[i],
+          validAttributes
+        );
+      }
 
-  if (!prevProp || !nextProp) {
-    if (nextProp) {
-      return addNestedProperty(updatePayload, nextProp, validAttributes);
-    }
+      for (; i < nextArray.length; i++) {
+        // Add all remaining properties.
+        updatePayload = addNestedProperty(
+          updatePayload,
+          nextArray[i],
+          validAttributes
+        );
+      }
 
-    if (prevProp) {
-      return clearNestedProperty(updatePayload, prevProp, validAttributes);
+      return updatePayload;
     }
 
-    return updatePayload;
-  }
-
-  if (!isArray(prevProp) && !isArray(nextProp)) {
-    // Both are leaves, we can diff the leaves.
-    return diffProperties(updatePayload, prevProp, nextProp, validAttributes);
-  }
-
-  if (isArray(prevProp) && isArray(nextProp)) {
-    // Both are arrays, we can diff the arrays.
-    return diffNestedArrayProperty(
+    function diffNestedProperty(
       updatePayload,
       prevProp,
       nextProp,
       validAttributes
-    );
-  }
+    ) {
+      if (!updatePayload && prevProp === nextProp) {
+        // If no properties have been added, then we can bail out quickly on object
+        // equality.
+        return updatePayload;
+      }
 
-  if (isArray(prevProp)) {
-    return diffProperties(
-      updatePayload, // $FlowFixMe - We know that this is always an object when the input is.
-      ReactNativePrivateInterface.flattenStyle(prevProp), // $FlowFixMe - We know that this isn't an array because of above flow.
-      nextProp,
-      validAttributes
-    );
-  }
-
-  return diffProperties(
-    updatePayload,
-    prevProp, // $FlowFixMe - We know that this is always an object when the input is.
-    ReactNativePrivateInterface.flattenStyle(nextProp),
-    validAttributes
-  );
-}
-/**
- * addNestedProperty takes a single set of props and valid attribute
- * attribute configurations. It processes each prop and adds it to the
- * updatePayload.
- */
+      if (!prevProp || !nextProp) {
+        if (nextProp) {
+          return addNestedProperty(updatePayload, nextProp, validAttributes);
+        }
 
-function addNestedProperty(updatePayload, nextProp, validAttributes) {
-  if (!nextProp) {
-    return updatePayload;
-  }
+        if (prevProp) {
+          return clearNestedProperty(updatePayload, prevProp, validAttributes);
+        }
 
-  if (!isArray(nextProp)) {
-    // Add each property of the leaf.
-    return addProperties(updatePayload, nextProp, validAttributes);
-  }
+        return updatePayload;
+      }
 
-  for (var i = 0; i < nextProp.length; i++) {
-    // Add all the properties of the array.
-    updatePayload = addNestedProperty(
-      updatePayload,
-      nextProp[i],
-      validAttributes
-    );
-  }
+      if (!isArray(prevProp) && !isArray(nextProp)) {
+        // Both are leaves, we can diff the leaves.
+        return diffProperties(
+          updatePayload,
+          prevProp,
+          nextProp,
+          validAttributes
+        );
+      }
 
-  return updatePayload;
-}
-/**
- * clearNestedProperty takes a single set of props and valid attributes. It
- * adds a null sentinel to the updatePayload, for each prop key.
- */
+      if (isArray(prevProp) && isArray(nextProp)) {
+        // Both are arrays, we can diff the arrays.
+        return diffNestedArrayProperty(
+          updatePayload,
+          prevProp,
+          nextProp,
+          validAttributes
+        );
+      }
 
-function clearNestedProperty(updatePayload, prevProp, validAttributes) {
-  if (!prevProp) {
-    return updatePayload;
-  }
-
-  if (!isArray(prevProp)) {
-    // Add each property of the leaf.
-    return clearProperties(updatePayload, prevProp, validAttributes);
-  }
-
-  for (var i = 0; i < prevProp.length; i++) {
-    // Add all the properties of the array.
-    updatePayload = clearNestedProperty(
-      updatePayload,
-      prevProp[i],
-      validAttributes
-    );
-  }
-
-  return updatePayload;
-}
-/**
- * diffProperties takes two sets of props and a set of valid attributes
- * and write to updatePayload the values that changed or were deleted.
- * If no updatePayload is provided, a new one is created and returned if
- * anything changed.
- */
-
-function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
-  var attributeConfig;
-  var nextProp;
-  var prevProp;
-
-  for (var propKey in nextProps) {
-    attributeConfig = validAttributes[propKey];
+      if (isArray(prevProp)) {
+        return diffProperties(
+          updatePayload,
+          ReactNativePrivateInterface.flattenStyle(prevProp),
+          nextProp,
+          validAttributes
+        );
+      }
 
-    if (!attributeConfig) {
-      continue; // not a valid native prop
+      return diffProperties(
+        updatePayload,
+        prevProp,
+        ReactNativePrivateInterface.flattenStyle(nextProp),
+        validAttributes
+      );
     }
+    /**
+     * addNestedProperty takes a single set of props and valid attribute
+     * attribute configurations. It processes each prop and adds it to the
+     * updatePayload.
+     */
 
-    prevProp = prevProps[propKey];
-    nextProp = nextProps[propKey]; // functions are converted to booleans as markers that the associated
-    // events should be sent from native.
-
-    if (typeof nextProp === "function") {
-      nextProp = true; // If nextProp is not a function, then don't bother changing prevProp
-      // since nextProp will win and go into the updatePayload regardless.
-
-      if (typeof prevProp === "function") {
-        prevProp = true;
+    function addNestedProperty(updatePayload, nextProp, validAttributes) {
+      if (!nextProp) {
+        return updatePayload;
       }
-    } // An explicit value of undefined is treated as a null because it overrides
-    // any other preceding value.
-
-    if (typeof nextProp === "undefined") {
-      nextProp = null;
 
-      if (typeof prevProp === "undefined") {
-        prevProp = null;
+      if (!isArray(nextProp)) {
+        // Add each property of the leaf.
+        return addProperties(updatePayload, nextProp, validAttributes);
       }
-    }
-
-    if (removedKeys) {
-      removedKeys[propKey] = false;
-    }
 
-    if (updatePayload && updatePayload[propKey] !== undefined) {
-      // Something else already triggered an update to this key because another
-      // value diffed. Since we're now later in the nested arrays our value is
-      // more important so we need to calculate it and override the existing
-      // value. It doesn't matter if nothing changed, we'll set it anyway.
-      // Pattern match on: attributeConfig
-      if (typeof attributeConfig !== "object") {
-        // case: !Object is the default case
-        updatePayload[propKey] = nextProp;
-      } else if (
-        typeof attributeConfig.diff === "function" ||
-        typeof attributeConfig.process === "function"
-      ) {
-        // case: CustomAttributeConfiguration
-        var nextValue =
-          typeof attributeConfig.process === "function"
-            ? attributeConfig.process(nextProp)
-            : nextProp;
-        updatePayload[propKey] = nextValue;
+      for (var i = 0; i < nextProp.length; i++) {
+        // Add all the properties of the array.
+        updatePayload = addNestedProperty(
+          updatePayload,
+          nextProp[i],
+          validAttributes
+        );
       }
 
-      continue;
+      return updatePayload;
     }
+    /**
+     * clearNestedProperty takes a single set of props and valid attributes. It
+     * adds a null sentinel to the updatePayload, for each prop key.
+     */
 
-    if (prevProp === nextProp) {
-      continue; // nothing changed
-    } // Pattern match on: attributeConfig
-
-    if (typeof attributeConfig !== "object") {
-      // case: !Object is the default case
-      if (defaultDiffer(prevProp, nextProp)) {
-        // a normal leaf has changed
-        (updatePayload || (updatePayload = {}))[propKey] = nextProp;
+    function clearNestedProperty(updatePayload, prevProp, validAttributes) {
+      if (!prevProp) {
+        return updatePayload;
       }
-    } else if (
-      typeof attributeConfig.diff === "function" ||
-      typeof attributeConfig.process === "function"
-    ) {
-      // case: CustomAttributeConfiguration
-      var shouldUpdate =
-        prevProp === undefined ||
-        (typeof attributeConfig.diff === "function"
-          ? attributeConfig.diff(prevProp, nextProp)
-          : defaultDiffer(prevProp, nextProp));
-
-      if (shouldUpdate) {
-        var _nextValue =
-          typeof attributeConfig.process === "function"
-            ? attributeConfig.process(nextProp)
-            : nextProp;
 
-        (updatePayload || (updatePayload = {}))[propKey] = _nextValue;
+      if (!isArray(prevProp)) {
+        // Add each property of the leaf.
+        return clearProperties(updatePayload, prevProp, validAttributes);
       }
-    } else {
-      // default: fallthrough case when nested properties are defined
-      removedKeys = null;
-      removedKeyCount = 0; // We think that attributeConfig is not CustomAttributeConfiguration at
-      // this point so we assume it must be AttributeConfiguration.
 
-      updatePayload = diffNestedProperty(
-        updatePayload,
-        prevProp,
-        nextProp,
-        attributeConfig
-      );
-
-      if (removedKeyCount > 0 && updatePayload) {
-        restoreDeletedValuesInNestedArray(
+      for (var i = 0; i < prevProp.length; i++) {
+        // Add all the properties of the array.
+        updatePayload = clearNestedProperty(
           updatePayload,
-          nextProp,
-          attributeConfig
+          prevProp[i],
+          validAttributes
         );
-        removedKeys = null;
       }
-    }
-  } // Also iterate through all the previous props to catch any that have been
-  // removed and make sure native gets the signal so it can reset them to the
-  // default.
 
-  for (var _propKey in prevProps) {
-    if (nextProps[_propKey] !== undefined) {
-      continue; // we've already covered this key in the previous pass
+      return updatePayload;
     }
+    /**
+     * diffProperties takes two sets of props and a set of valid attributes
+     * and write to updatePayload the values that changed or were deleted.
+     * If no updatePayload is provided, a new one is created and returned if
+     * anything changed.
+     */
 
-    attributeConfig = validAttributes[_propKey];
-
-    if (!attributeConfig) {
-      continue; // not a valid native prop
-    }
+    function diffProperties(
+      updatePayload,
+      prevProps,
+      nextProps,
+      validAttributes
+    ) {
+      var attributeConfig;
+      var nextProp;
+      var prevProp;
 
-    if (updatePayload && updatePayload[_propKey] !== undefined) {
-      // This was already updated to a diff result earlier.
-      continue;
-    }
+      for (var propKey in nextProps) {
+        attributeConfig = validAttributes[propKey];
 
-    prevProp = prevProps[_propKey];
+        if (!attributeConfig) {
+          continue; // not a valid native prop
+        }
 
-    if (prevProp === undefined) {
-      continue; // was already empty anyway
-    } // Pattern match on: attributeConfig
+        prevProp = prevProps[propKey];
+        nextProp = nextProps[propKey]; // functions are converted to booleans as markers that the associated
+        // events should be sent from native.
 
-    if (
-      typeof attributeConfig !== "object" ||
-      typeof attributeConfig.diff === "function" ||
-      typeof attributeConfig.process === "function"
-    ) {
-      // case: CustomAttributeConfiguration | !Object
-      // Flag the leaf property for removal by sending a sentinel.
-      (updatePayload || (updatePayload = {}))[_propKey] = null;
+        if (typeof nextProp === "function") {
+          nextProp = true; // If nextProp is not a function, then don't bother changing prevProp
+          // since nextProp will win and go into the updatePayload regardless.
 
-      if (!removedKeys) {
-        removedKeys = {};
-      }
+          if (typeof prevProp === "function") {
+            prevProp = true;
+          }
+        } // An explicit value of undefined is treated as a null because it overrides
+        // any other preceding value.
 
-      if (!removedKeys[_propKey]) {
-        removedKeys[_propKey] = true;
-        removedKeyCount++;
-      }
-    } else {
-      // default:
-      // This is a nested attribute configuration where all the properties
-      // were removed so we need to go through and clear out all of them.
-      updatePayload = clearNestedProperty(
-        updatePayload,
-        prevProp,
-        attributeConfig
-      );
-    }
-  }
+        if (typeof nextProp === "undefined") {
+          nextProp = null;
 
-  return updatePayload;
-}
-/**
- * addProperties adds all the valid props to the payload after being processed.
- */
+          if (typeof prevProp === "undefined") {
+            prevProp = null;
+          }
+        }
 
-function addProperties(updatePayload, props, validAttributes) {
-  // TODO: Fast path
-  return diffProperties(updatePayload, emptyObject, props, validAttributes);
-}
-/**
- * clearProperties clears all the previous props by adding a null sentinel
- * to the payload for each valid key.
- */
+        if (removedKeys) {
+          removedKeys[propKey] = false;
+        }
 
-function clearProperties(updatePayload, prevProps, validAttributes) {
-  // TODO: Fast path
-  return diffProperties(updatePayload, prevProps, emptyObject, validAttributes);
-}
+        if (updatePayload && updatePayload[propKey] !== undefined) {
+          // Something else already triggered an update to this key because another
+          // value diffed. Since we're now later in the nested arrays our value is
+          // more important so we need to calculate it and override the existing
+          // value. It doesn't matter if nothing changed, we'll set it anyway.
+          // Pattern match on: attributeConfig
+          if (typeof attributeConfig !== "object") {
+            // case: !Object is the default case
+            updatePayload[propKey] = nextProp;
+          } else if (
+            typeof attributeConfig.diff === "function" ||
+            typeof attributeConfig.process === "function"
+          ) {
+            // case: CustomAttributeConfiguration
+            var nextValue =
+              typeof attributeConfig.process === "function"
+                ? attributeConfig.process(nextProp)
+                : nextProp;
+            updatePayload[propKey] = nextValue;
+          }
 
-function create(props, validAttributes) {
-  return addProperties(
-    null, // updatePayload
-    props,
-    validAttributes
-  );
-}
-function diff(prevProps, nextProps, validAttributes) {
-  return diffProperties(
-    null, // updatePayload
-    prevProps,
-    nextProps,
-    validAttributes
-  );
-}
+          continue;
+        }
 
-/**
- * In the future, we should cleanup callbacks by cancelling them instead of
- * using this.
- */
-function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
-  return function() {
-    if (!callback) {
-      return undefined;
-    } // This protects against createClass() components.
-    // We don't know if there is code depending on it.
-    // We intentionally don't use isMounted() because even accessing
-    // isMounted property on a React ES6 class will trigger a warning.
-
-    if (typeof context.__isMounted === "boolean") {
-      if (!context.__isMounted) {
-        return undefined;
-      }
-    } // FIXME: there used to be other branches that protected
-    // against unmounted host components. But RN host components don't
-    // define isMounted() anymore, so those checks didn't do anything.
-    // They caused false positive warning noise so we removed them:
-    // https://github.com/facebook/react-native/issues/18868#issuecomment-413579095
-    // However, this means that the callback is NOT guaranteed to be safe
-    // for host components. The solution we should implement is to make
-    // UIManager.measure() and similar calls truly cancelable. Then we
-    // can change our own code calling them to cancel when something unmounts.
-
-    return callback.apply(context, arguments);
-  };
-}
-function warnForStyleProps(props, validAttributes) {
-  {
-    for (var key in validAttributes.style) {
-      if (!(validAttributes[key] || props[key] === undefined)) {
-        error(
-          "You are setting the style `{ %s" +
-            ": ... }` as a prop. You " +
-            "should nest it in a style object. " +
-            "E.g. `{ style: { %s" +
-            ": ... } }`",
-          key,
-          key
-        );
-      }
-    }
-  }
-}
+        if (prevProp === nextProp) {
+          continue; // nothing changed
+        } // Pattern match on: attributeConfig
 
-var ReactNativeFiberHostComponent = /*#__PURE__*/ (function() {
-  function ReactNativeFiberHostComponent(
-    tag,
-    viewConfig,
-    internalInstanceHandleDEV
-  ) {
-    this._nativeTag = tag;
-    this._children = [];
-    this.viewConfig = viewConfig;
+        if (typeof attributeConfig !== "object") {
+          // case: !Object is the default case
+          if (defaultDiffer(prevProp, nextProp)) {
+            // a normal leaf has changed
+            (updatePayload || (updatePayload = {}))[propKey] = nextProp;
+          }
+        } else if (
+          typeof attributeConfig.diff === "function" ||
+          typeof attributeConfig.process === "function"
+        ) {
+          // case: CustomAttributeConfiguration
+          var shouldUpdate =
+            prevProp === undefined ||
+            (typeof attributeConfig.diff === "function"
+              ? attributeConfig.diff(prevProp, nextProp)
+              : defaultDiffer(prevProp, nextProp));
+
+          if (shouldUpdate) {
+            var _nextValue =
+              typeof attributeConfig.process === "function" // $FlowFixMe[incompatible-use] found when upgrading Flow
+                ? attributeConfig.process(nextProp)
+                : nextProp;
+
+            (updatePayload || (updatePayload = {}))[propKey] = _nextValue;
+          }
+        } else {
+          // default: fallthrough case when nested properties are defined
+          removedKeys = null;
+          removedKeyCount = 0; // We think that attributeConfig is not CustomAttributeConfiguration at
+          // this point so we assume it must be AttributeConfiguration.
+
+          updatePayload = diffNestedProperty(
+            updatePayload,
+            prevProp,
+            nextProp,
+            attributeConfig
+          );
 
-    {
-      this._internalFiberInstanceHandleDEV = internalInstanceHandleDEV;
-    }
-  }
+          if (removedKeyCount > 0 && updatePayload) {
+            restoreDeletedValuesInNestedArray(
+              updatePayload,
+              nextProp,
+              attributeConfig
+            );
+            removedKeys = null;
+          }
+        }
+      } // Also iterate through all the previous props to catch any that have been
+      // removed and make sure native gets the signal so it can reset them to the
+      // default.
 
-  var _proto = ReactNativeFiberHostComponent.prototype;
+      for (var _propKey in prevProps) {
+        if (nextProps[_propKey] !== undefined) {
+          continue; // we've already covered this key in the previous pass
+        }
 
-  _proto.blur = function blur() {
-    ReactNativePrivateInterface.TextInputState.blurTextInput(this);
-  };
+        attributeConfig = validAttributes[_propKey];
 
-  _proto.focus = function focus() {
-    ReactNativePrivateInterface.TextInputState.focusTextInput(this);
-  };
+        if (!attributeConfig) {
+          continue; // not a valid native prop
+        }
 
-  _proto.measure = function measure(callback) {
-    ReactNativePrivateInterface.UIManager.measure(
-      this._nativeTag,
-      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
-    );
-  };
+        if (updatePayload && updatePayload[_propKey] !== undefined) {
+          // This was already updated to a diff result earlier.
+          continue;
+        }
 
-  _proto.measureInWindow = function measureInWindow(callback) {
-    ReactNativePrivateInterface.UIManager.measureInWindow(
-      this._nativeTag,
-      mountSafeCallback_NOT_REALLY_SAFE(this, callback)
-    );
-  };
+        prevProp = prevProps[_propKey];
 
-  _proto.measureLayout = function measureLayout(
-    relativeToNativeNode,
-    onSuccess,
-    onFail
-  ) /* currently unused */
-  {
-    var relativeNode;
+        if (prevProp === undefined) {
+          continue; // was already empty anyway
+        } // Pattern match on: attributeConfig
 
-    if (typeof relativeToNativeNode === "number") {
-      // Already a node handle
-      relativeNode = relativeToNativeNode;
-    } else {
-      var nativeNode = relativeToNativeNode;
+        if (
+          typeof attributeConfig !== "object" ||
+          typeof attributeConfig.diff === "function" ||
+          typeof attributeConfig.process === "function"
+        ) {
+          // case: CustomAttributeConfiguration | !Object
+          // Flag the leaf property for removal by sending a sentinel.
+          (updatePayload || (updatePayload = {}))[_propKey] = null;
 
-      if (nativeNode._nativeTag) {
-        relativeNode = nativeNode._nativeTag;
-      }
-    }
+          if (!removedKeys) {
+            removedKeys = {};
+          }
 
-    if (relativeNode == null) {
-      {
-        error(
-          "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
-        );
+          if (!removedKeys[_propKey]) {
+            removedKeys[_propKey] = true;
+            removedKeyCount++;
+          }
+        } else {
+          // default:
+          // This is a nested attribute configuration where all the properties
+          // were removed so we need to go through and clear out all of them.
+          updatePayload = clearNestedProperty(
+            updatePayload,
+            prevProp,
+            attributeConfig
+          );
+        }
       }
 
-      return;
+      return updatePayload;
     }
+    /**
+     * addProperties adds all the valid props to the payload after being processed.
+     */
 
-    ReactNativePrivateInterface.UIManager.measureLayout(
-      this._nativeTag,
-      relativeNode,
-      mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
-      mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
-    );
-  };
-
-  _proto.setNativeProps = function setNativeProps(nativeProps) {
-    {
-      warnForStyleProps(nativeProps, this.viewConfig.validAttributes);
+    function addProperties(updatePayload, props, validAttributes) {
+      // TODO: Fast path
+      return diffProperties(
+        updatePayload,
+        emptyObject$1,
+        props,
+        validAttributes
+      );
     }
+    /**
+     * clearProperties clears all the previous props by adding a null sentinel
+     * to the payload for each valid key.
+     */
 
-    var updatePayload = create(nativeProps, this.viewConfig.validAttributes); // Avoid the overhead of bridge calls if there's no update.
-    // This is an expensive no-op for Android, and causes an unnecessary
-    // view invalidation for certain components (eg RCTTextInput) on iOS.
+    function clearProperties(updatePayload, prevProps, validAttributes) {
+      // TODO: Fast path
+      return diffProperties(
+        updatePayload,
+        prevProps,
+        emptyObject$1,
+        validAttributes
+      );
+    }
 
-    if (updatePayload != null) {
-      ReactNativePrivateInterface.UIManager.updateView(
-        this._nativeTag,
-        this.viewConfig.uiViewClassName,
-        updatePayload
+    function create(props, validAttributes) {
+      return addProperties(
+        null, // updatePayload
+        props,
+        validAttributes
       );
     }
-  };
-
-  return ReactNativeFiberHostComponent;
-})(); // eslint-disable-next-line no-unused-expressions
-
-// This module only exists as an ESM wrapper around the external CommonJS
-var scheduleCallback = Scheduler.unstable_scheduleCallback;
-var cancelCallback = Scheduler.unstable_cancelCallback;
-var shouldYield = Scheduler.unstable_shouldYield;
-var requestPaint = Scheduler.unstable_requestPaint;
-var now = Scheduler.unstable_now;
-var ImmediatePriority = Scheduler.unstable_ImmediatePriority;
-var UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
-var NormalPriority = Scheduler.unstable_NormalPriority;
-var IdlePriority = Scheduler.unstable_IdlePriority;
-
-var rendererID = null;
-var injectedHook = null;
-var hasLoggedError = false;
-var isDevToolsPresent = typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined";
-function injectInternals(internals) {
-  if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined") {
-    // No DevTools
-    return false;
-  }
-
-  var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
-
-  if (hook.isDisabled) {
-    // This isn't a real property on the hook, but it can be set to opt out
-    // of DevTools integration and associated warnings and logs.
-    // https://github.com/facebook/react/issues/3877
-    return true;
-  }
-
-  if (!hook.supportsFiber) {
-    {
-      error(
-        "The installed version of React DevTools is too old and will not work " +
-          "with the current version of React. Please update React DevTools. " +
-          "https://react.dev/learn/react-developer-tools"
+    function diff(prevProps, nextProps, validAttributes) {
+      return diffProperties(
+        null, // updatePayload
+        prevProps,
+        nextProps,
+        validAttributes
       );
-    } // DevTools exists, even though it doesn't support Fiber.
-
-    return true;
-  }
-
-  try {
-    if (enableSchedulingProfiler) {
-      // Conditionally inject these hooks only if Timeline profiler is supported by this build.
-      // This gives DevTools a way to feature detect that isn't tied to version number
-      // (since profiling and timeline are controlled by different feature flags).
-      internals = assign({}, internals, {
-        getLaneLabelMap: getLaneLabelMap,
-        injectProfilingHooks: injectProfilingHooks
-      });
     }
 
-    rendererID = hook.inject(internals); // We have successfully injected, so now it is safe to set up hooks.
-
-    injectedHook = hook;
-  } catch (err) {
-    // Catch all errors because it is unsafe to throw during initialization.
-    {
-      error("React instrumentation encountered an error: %s.", err);
+    /**
+     * In the future, we should cleanup callbacks by cancelling them instead of
+     * using this.
+     */
+    function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
+      return function () {
+        if (!callback) {
+          return undefined;
+        } // This protects against createClass() components.
+        // We don't know if there is code depending on it.
+        // We intentionally don't use isMounted() because even accessing
+        // isMounted property on a React ES6 class will trigger a warning.
+
+        if (typeof context.__isMounted === "boolean") {
+          if (!context.__isMounted) {
+            return undefined;
+          }
+        } // FIXME: there used to be other branches that protected
+        // against unmounted host components. But RN host components don't
+        // define isMounted() anymore, so those checks didn't do anything.
+        // They caused false positive warning noise so we removed them:
+        // https://github.com/facebook/react-native/issues/18868#issuecomment-413579095
+        // However, this means that the callback is NOT guaranteed to be safe
+        // for host components. The solution we should implement is to make
+        // UIManager.measure() and similar calls truly cancelable. Then we
+        // can change our own code calling them to cancel when something unmounts.
+
+        return callback.apply(context, arguments);
+      };
+    }
+    function warnForStyleProps(props, validAttributes) {
+      {
+        for (var key in validAttributes.style) {
+          if (!(validAttributes[key] || props[key] === undefined)) {
+            error(
+              "You are setting the style `{ %s" +
+                ": ... }` as a prop. You " +
+                "should nest it in a style object. " +
+                "E.g. `{ style: { %s" +
+                ": ... } }`",
+              key,
+              key
+            );
+          }
+        }
+      }
     }
-  }
 
-  if (hook.checkDCE) {
-    // This is the real DevTools.
-    return true;
-  } else {
-    // This is likely a hook installed by Fast Refresh runtime.
-    return false;
-  }
-}
-function onScheduleRoot(root, children) {
-  {
-    if (
-      injectedHook &&
-      typeof injectedHook.onScheduleFiberRoot === "function"
-    ) {
-      try {
-        injectedHook.onScheduleFiberRoot(rendererID, root, children);
-      } catch (err) {
-        if (!hasLoggedError) {
-          hasLoggedError = true;
+    var ReactNativeFiberHostComponent = /*#__PURE__*/ (function () {
+      function ReactNativeFiberHostComponent(
+        tag,
+        viewConfig,
+        internalInstanceHandleDEV
+      ) {
+        this._children = void 0;
+        this._nativeTag = void 0;
+        this._internalFiberInstanceHandleDEV = void 0;
+        this.viewConfig = void 0;
+        this._nativeTag = tag;
+        this._children = [];
+        this.viewConfig = viewConfig;
 
-          error("React instrumentation encountered an error: %s", err);
+        {
+          this._internalFiberInstanceHandleDEV = internalInstanceHandleDEV;
         }
       }
-    }
-  }
-}
-function onCommitRoot(root, eventPriority) {
-  if (injectedHook && typeof injectedHook.onCommitFiberRoot === "function") {
-    try {
-      var didError = (root.current.flags & DidCapture) === DidCapture;
 
-      if (enableProfilerTimer) {
-        var schedulerPriority;
+      var _proto = ReactNativeFiberHostComponent.prototype;
 
-        switch (eventPriority) {
-          case DiscreteEventPriority:
-            schedulerPriority = ImmediatePriority;
-            break;
+      _proto.blur = function blur() {
+        ReactNativePrivateInterface.TextInputState.blurTextInput(this);
+      };
 
-          case ContinuousEventPriority:
-            schedulerPriority = UserBlockingPriority;
-            break;
+      _proto.focus = function focus() {
+        ReactNativePrivateInterface.TextInputState.focusTextInput(this);
+      };
 
-          case DefaultEventPriority:
-            schedulerPriority = NormalPriority;
-            break;
+      _proto.measure = function measure(callback) {
+        ReactNativePrivateInterface.UIManager.measure(
+          this._nativeTag,
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      };
 
-          case IdleEventPriority:
-            schedulerPriority = IdlePriority;
-            break;
+      _proto.measureInWindow = function measureInWindow(callback) {
+        ReactNativePrivateInterface.UIManager.measureInWindow(
+          this._nativeTag,
+          mountSafeCallback_NOT_REALLY_SAFE(this, callback)
+        );
+      };
 
-          default:
-            schedulerPriority = NormalPriority;
-            break;
+      _proto.measureLayout = function measureLayout(
+        relativeToNativeNode,
+        onSuccess,
+        onFail
+        /* currently unused */
+      ) {
+        var relativeNode;
+
+        if (typeof relativeToNativeNode === "number") {
+          // Already a node handle
+          relativeNode = relativeToNativeNode;
+        } else {
+          var nativeNode = relativeToNativeNode;
+
+          if (nativeNode._nativeTag) {
+            relativeNode = nativeNode._nativeTag;
+          }
         }
 
-        injectedHook.onCommitFiberRoot(
-          rendererID,
-          root,
-          schedulerPriority,
-          didError
+        if (relativeNode == null) {
+          {
+            error(
+              "Warning: ref.measureLayout must be called with a node handle or a ref to a native component."
+            );
+          }
+
+          return;
+        }
+
+        ReactNativePrivateInterface.UIManager.measureLayout(
+          this._nativeTag,
+          relativeNode,
+          mountSafeCallback_NOT_REALLY_SAFE(this, onFail),
+          mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
         );
-      } else {
-        injectedHook.onCommitFiberRoot(rendererID, root, undefined, didError);
-      }
-    } catch (err) {
-      {
-        if (!hasLoggedError) {
-          hasLoggedError = true;
+      };
 
-          error("React instrumentation encountered an error: %s", err);
+      _proto.setNativeProps = function setNativeProps(nativeProps) {
+        {
+          warnForStyleProps(nativeProps, this.viewConfig.validAttributes);
         }
-      }
-    }
-  }
-}
-function onPostCommitRoot(root) {
-  if (
-    injectedHook &&
-    typeof injectedHook.onPostCommitFiberRoot === "function"
-  ) {
-    try {
-      injectedHook.onPostCommitFiberRoot(rendererID, root);
-    } catch (err) {
-      {
-        if (!hasLoggedError) {
-          hasLoggedError = true;
 
-          error("React instrumentation encountered an error: %s", err);
+        var updatePayload = create(
+          nativeProps,
+          this.viewConfig.validAttributes
+        ); // Avoid the overhead of bridge calls if there's no update.
+        // This is an expensive no-op for Android, and causes an unnecessary
+        // view invalidation for certain components (eg RCTTextInput) on iOS.
+
+        if (updatePayload != null) {
+          ReactNativePrivateInterface.UIManager.updateView(
+            this._nativeTag,
+            this.viewConfig.uiViewClassName,
+            updatePayload
+          );
+        }
+      };
+
+      return ReactNativeFiberHostComponent;
+    })();
+
+    // This module only exists as an ESM wrapper around the external CommonJS
+    var scheduleCallback$2 = Scheduler.unstable_scheduleCallback;
+    var cancelCallback$1 = Scheduler.unstable_cancelCallback;
+    var shouldYield = Scheduler.unstable_shouldYield;
+    var requestPaint = Scheduler.unstable_requestPaint;
+    var now$1 = Scheduler.unstable_now;
+    var ImmediatePriority = Scheduler.unstable_ImmediatePriority;
+    var UserBlockingPriority = Scheduler.unstable_UserBlockingPriority;
+    var NormalPriority = Scheduler.unstable_NormalPriority;
+    var IdlePriority = Scheduler.unstable_IdlePriority; // this doesn't actually exist on the scheduler, but it *does*
+
+    // Helpers to patch console.logs to avoid logging during side-effect free
+    // replaying on render function. This currently only patches the object
+    // lazily which won't cover if the log function was extracted eagerly.
+    // We could also eagerly patch the method.
+    var disabledDepth = 0;
+    var prevLog;
+    var prevInfo;
+    var prevWarn;
+    var prevError;
+    var prevGroup;
+    var prevGroupCollapsed;
+    var prevGroupEnd;
+
+    function disabledLog() {}
+
+    disabledLog.__reactDisabledLog = true;
+    function disableLogs() {
+      {
+        if (disabledDepth === 0) {
+          /* eslint-disable react-internal/no-production-logging */
+          prevLog = console.log;
+          prevInfo = console.info;
+          prevWarn = console.warn;
+          prevError = console.error;
+          prevGroup = console.group;
+          prevGroupCollapsed = console.groupCollapsed;
+          prevGroupEnd = console.groupEnd; // https://github.com/facebook/react/issues/19099
+
+          var props = {
+            configurable: true,
+            enumerable: true,
+            value: disabledLog,
+            writable: true
+          }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+          Object.defineProperties(console, {
+            info: props,
+            log: props,
+            warn: props,
+            error: props,
+            group: props,
+            groupCollapsed: props,
+            groupEnd: props
+          });
+          /* eslint-enable react-internal/no-production-logging */
         }
+
+        disabledDepth++;
       }
     }
-  }
-}
-function onCommitUnmount(fiber) {
-  if (injectedHook && typeof injectedHook.onCommitFiberUnmount === "function") {
-    try {
-      injectedHook.onCommitFiberUnmount(rendererID, fiber);
-    } catch (err) {
+    function reenableLogs() {
       {
-        if (!hasLoggedError) {
-          hasLoggedError = true;
+        disabledDepth--;
+
+        if (disabledDepth === 0) {
+          /* eslint-disable react-internal/no-production-logging */
+          var props = {
+            configurable: true,
+            enumerable: true,
+            writable: true
+          }; // $FlowFixMe[cannot-write] Flow thinks console is immutable.
+
+          Object.defineProperties(console, {
+            log: assign({}, props, {
+              value: prevLog
+            }),
+            info: assign({}, props, {
+              value: prevInfo
+            }),
+            warn: assign({}, props, {
+              value: prevWarn
+            }),
+            error: assign({}, props, {
+              value: prevError
+            }),
+            group: assign({}, props, {
+              value: prevGroup
+            }),
+            groupCollapsed: assign({}, props, {
+              value: prevGroupCollapsed
+            }),
+            groupEnd: assign({}, props, {
+              value: prevGroupEnd
+            })
+          });
+          /* eslint-enable react-internal/no-production-logging */
+        }
 
-          error("React instrumentation encountered an error: %s", err);
+        if (disabledDepth < 0) {
+          error(
+            "disabledDepth fell below zero. " +
+              "This is a bug in React. Please file an issue."
+          );
         }
       }
     }
-  }
-}
-
-function injectProfilingHooks(profilingHooks) {}
 
-function getLaneLabelMap() {
-  {
-    return null;
-  }
-}
-function markComponentRenderStopped() {}
-function markComponentErrored(fiber, thrownValue, lanes) {}
-function markComponentSuspended(fiber, wakeable, lanes) {}
-
-var NoMode =
-  /*                         */
-  0; // TODO: Remove ConcurrentMode by reading from the root tag instead
-
-var ConcurrentMode =
-  /*                 */
-  1;
-var ProfileMode =
-  /*                    */
-  2;
-var StrictLegacyMode =
-  /*               */
-  8;
-
-// TODO: This is pretty well supported by browsers. Maybe we can drop it.
-var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback; // Count leading zeros.
-// Based on:
-// https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/clz32
-
-var log = Math.log;
-var LN2 = Math.LN2;
-
-function clz32Fallback(x) {
-  var asUint = x >>> 0;
-
-  if (asUint === 0) {
-    return 32;
-  }
-
-  return (31 - ((log(asUint) / LN2) | 0)) | 0;
-}
-
-// If those values are changed that package should be rebuilt and redeployed.
-
-var TotalLanes = 31;
-var NoLanes =
-  /*                        */
-  0;
-var NoLane =
-  /*                          */
-  0;
-var SyncLane =
-  /*                        */
-  1;
-var InputContinuousHydrationLane =
-  /*    */
-  2;
-var InputContinuousLane =
-  /*             */
-  4;
-var DefaultHydrationLane =
-  /*            */
-  8;
-var DefaultLane =
-  /*                     */
-  16;
-var TransitionHydrationLane =
-  /*                */
-  32;
-var TransitionLanes =
-  /*                       */
-  4194240;
-var TransitionLane1 =
-  /*                        */
-  64;
-var TransitionLane2 =
-  /*                        */
-  128;
-var TransitionLane3 =
-  /*                        */
-  256;
-var TransitionLane4 =
-  /*                        */
-  512;
-var TransitionLane5 =
-  /*                        */
-  1024;
-var TransitionLane6 =
-  /*                        */
-  2048;
-var TransitionLane7 =
-  /*                        */
-  4096;
-var TransitionLane8 =
-  /*                        */
-  8192;
-var TransitionLane9 =
-  /*                        */
-  16384;
-var TransitionLane10 =
-  /*                       */
-  32768;
-var TransitionLane11 =
-  /*                       */
-  65536;
-var TransitionLane12 =
-  /*                       */
-  131072;
-var TransitionLane13 =
-  /*                       */
-  262144;
-var TransitionLane14 =
-  /*                       */
-  524288;
-var TransitionLane15 =
-  /*                       */
-  1048576;
-var TransitionLane16 =
-  /*                       */
-  2097152;
-var RetryLanes =
-  /*                            */
-  130023424;
-var RetryLane1 =
-  /*                             */
-  4194304;
-var RetryLane2 =
-  /*                             */
-  8388608;
-var RetryLane3 =
-  /*                             */
-  16777216;
-var RetryLane4 =
-  /*                             */
-  33554432;
-var RetryLane5 =
-  /*                             */
-  67108864;
-var SomeRetryLane = RetryLane1;
-var SelectiveHydrationLane =
-  /*          */
-  134217728;
-var NonIdleLanes =
-  /*                          */
-  268435455;
-var IdleHydrationLane =
-  /*               */
-  268435456;
-var IdleLane =
-  /*                        */
-  536870912;
-var OffscreenLane =
-  /*                   */
-  1073741824; // This function is used for the experimental timeline (react-devtools-timeline)
-var NoTimestamp = -1;
-var nextTransitionLane = TransitionLane1;
-var nextRetryLane = RetryLane1;
-
-function getHighestPriorityLanes(lanes) {
-  switch (getHighestPriorityLane(lanes)) {
-    case SyncLane:
-      return SyncLane;
-
-    case InputContinuousHydrationLane:
-      return InputContinuousHydrationLane;
-
-    case InputContinuousLane:
-      return InputContinuousLane;
-
-    case DefaultHydrationLane:
-      return DefaultHydrationLane;
-
-    case DefaultLane:
-      return DefaultLane;
-
-    case TransitionHydrationLane:
-      return TransitionHydrationLane;
-
-    case TransitionLane1:
-    case TransitionLane2:
-    case TransitionLane3:
-    case TransitionLane4:
-    case TransitionLane5:
-    case TransitionLane6:
-    case TransitionLane7:
-    case TransitionLane8:
-    case TransitionLane9:
-    case TransitionLane10:
-    case TransitionLane11:
-    case TransitionLane12:
-    case TransitionLane13:
-    case TransitionLane14:
-    case TransitionLane15:
-    case TransitionLane16:
-      return lanes & TransitionLanes;
-
-    case RetryLane1:
-    case RetryLane2:
-    case RetryLane3:
-    case RetryLane4:
-    case RetryLane5:
-      return lanes & RetryLanes;
-
-    case SelectiveHydrationLane:
-      return SelectiveHydrationLane;
-
-    case IdleHydrationLane:
-      return IdleHydrationLane;
-
-    case IdleLane:
-      return IdleLane;
-
-    case OffscreenLane:
-      return OffscreenLane;
-
-    default:
-      {
-        error("Should have found matching lanes. This is a bug in React.");
-      } // This shouldn't be reachable, but as a fallback, return the entire bitmask.
+    var rendererID = null;
+    var injectedHook = null;
+    var hasLoggedError = false;
+    var isDevToolsPresent =
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined";
+    function injectInternals(internals) {
+      if (typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ === "undefined") {
+        // No DevTools
+        return false;
+      }
 
-      return lanes;
-  }
-}
+      var hook = __REACT_DEVTOOLS_GLOBAL_HOOK__;
 
-function getNextLanes(root, wipLanes) {
-  // Early bailout if there's no pending work left.
-  var pendingLanes = root.pendingLanes;
+      if (hook.isDisabled) {
+        // This isn't a real property on the hook, but it can be set to opt out
+        // of DevTools integration and associated warnings and logs.
+        // https://github.com/facebook/react/issues/3877
+        return true;
+      }
 
-  if (pendingLanes === NoLanes) {
-    return NoLanes;
-  }
+      if (!hook.supportsFiber) {
+        {
+          error(
+            "The installed version of React DevTools is too old and will not work " +
+              "with the current version of React. Please update React DevTools. " +
+              "https://reactjs.org/link/react-devtools"
+          );
+        } // DevTools exists, even though it doesn't support Fiber.
 
-  var nextLanes = NoLanes;
-  var suspendedLanes = root.suspendedLanes;
-  var pingedLanes = root.pingedLanes; // Do not work on any idle work until all the non-idle work has finished,
-  // even if the work is suspended.
+        return true;
+      }
 
-  var nonIdlePendingLanes = pendingLanes & NonIdleLanes;
+      try {
+        if (enableSchedulingProfiler);
 
-  if (nonIdlePendingLanes !== NoLanes) {
-    var nonIdleUnblockedLanes = nonIdlePendingLanes & ~suspendedLanes;
+        rendererID = hook.inject(internals); // We have successfully injected, so now it is safe to set up hooks.
 
-    if (nonIdleUnblockedLanes !== NoLanes) {
-      nextLanes = getHighestPriorityLanes(nonIdleUnblockedLanes);
-    } else {
-      var nonIdlePingedLanes = nonIdlePendingLanes & pingedLanes;
+        injectedHook = hook;
+      } catch (err) {
+        // Catch all errors because it is unsafe to throw during initialization.
+        {
+          error("React instrumentation encountered an error: %s.", err);
+        }
+      }
 
-      if (nonIdlePingedLanes !== NoLanes) {
-        nextLanes = getHighestPriorityLanes(nonIdlePingedLanes);
+      if (hook.checkDCE) {
+        // This is the real DevTools.
+        return true;
+      } else {
+        // This is likely a hook installed by Fast Refresh runtime.
+        return false;
       }
     }
-  } else {
-    // The only remaining work is Idle.
-    var unblockedLanes = pendingLanes & ~suspendedLanes;
+    function onScheduleRoot(root, children) {
+      {
+        if (
+          injectedHook &&
+          typeof injectedHook.onScheduleFiberRoot === "function"
+        ) {
+          try {
+            injectedHook.onScheduleFiberRoot(rendererID, root, children);
+          } catch (err) {
+            if (!hasLoggedError) {
+              hasLoggedError = true;
 
-    if (unblockedLanes !== NoLanes) {
-      nextLanes = getHighestPriorityLanes(unblockedLanes);
-    } else {
-      if (pingedLanes !== NoLanes) {
-        nextLanes = getHighestPriorityLanes(pingedLanes);
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        }
       }
     }
-  }
+    function onCommitRoot(root, eventPriority) {
+      if (
+        injectedHook &&
+        typeof injectedHook.onCommitFiberRoot === "function"
+      ) {
+        try {
+          var didError = (root.current.flags & DidCapture) === DidCapture;
 
-  if (nextLanes === NoLanes) {
-    // This should only be reachable if we're suspended
-    // TODO: Consider warning in this path if a fallback timer is not scheduled.
-    return NoLanes;
-  } // If we're already in the middle of a render, switching lanes will interrupt
-  // it and we'll lose our progress. We should only do this if the new lanes are
-  // higher priority.
+          if (enableProfilerTimer) {
+            var schedulerPriority;
 
-  if (
-    wipLanes !== NoLanes &&
-    wipLanes !== nextLanes && // If we already suspended with a delay, then interrupting is fine. Don't
-    // bother waiting until the root is complete.
-    (wipLanes & suspendedLanes) === NoLanes
-  ) {
-    var nextLane = getHighestPriorityLane(nextLanes);
-    var wipLane = getHighestPriorityLane(wipLanes);
+            switch (eventPriority) {
+              case DiscreteEventPriority:
+                schedulerPriority = ImmediatePriority;
+                break;
 
-    if (
-      // Tests whether the next lane is equal or lower priority than the wip
-      // one. This works because the bits decrease in priority as you go left.
-      nextLane >= wipLane || // Default priority updates should not interrupt transition updates. The
-      // only difference between default updates and transition updates is that
-      // default updates do not support refresh transitions.
-      (nextLane === DefaultLane && (wipLane & TransitionLanes) !== NoLanes)
-    ) {
-      // Keep working on the existing in-progress tree. Do not interrupt.
-      return wipLanes;
-    }
-  }
-
-  if ((nextLanes & InputContinuousLane) !== NoLanes) {
-    // When updates are sync by default, we entangle continuous priority updates
-    // and default updates, so they render in the same batch. The only reason
-    // they use separate lanes is because continuous updates should interrupt
-    // transitions, but default updates should not.
-    nextLanes |= pendingLanes & DefaultLane;
-  } // Check for entangled lanes and add them to the batch.
-  //
-  // A lane is said to be entangled with another when it's not allowed to render
-  // in a batch that does not also include the other lane. Typically we do this
-  // when multiple updates have the same source, and we only want to respond to
-  // the most recent event from that source.
-  //
-  // Note that we apply entanglements *after* checking for partial work above.
-  // This means that if a lane is entangled during an interleaved event while
-  // it's already rendering, we won't interrupt it. This is intentional, since
-  // entanglement is usually "best effort": we'll try our best to render the
-  // lanes in the same batch, but it's not worth throwing out partially
-  // completed work in order to do it.
-  // TODO: Reconsider this. The counter-argument is that the partial work
-  // represents an intermediate state, which we don't want to show to the user.
-  // And by spending extra time finishing it, we're increasing the amount of
-  // time it takes to show the final state, which is what they are actually
-  // waiting for.
-  //
-  // For those exceptions where entanglement is semantically important, like
-  // useMutableSource, we should ensure that there is no partial work at the
-  // time we apply the entanglement.
-
-  var entangledLanes = root.entangledLanes;
-
-  if (entangledLanes !== NoLanes) {
-    var entanglements = root.entanglements;
-    var lanes = nextLanes & entangledLanes;
-
-    while (lanes > 0) {
-      var index = pickArbitraryLaneIndex(lanes);
-      var lane = 1 << index;
-      nextLanes |= entanglements[index];
-      lanes &= ~lane;
-    }
-  }
-
-  return nextLanes;
-}
-function getMostRecentEventTime(root, lanes) {
-  var eventTimes = root.eventTimes;
-  var mostRecentEventTime = NoTimestamp;
+              case ContinuousEventPriority:
+                schedulerPriority = UserBlockingPriority;
+                break;
 
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var eventTime = eventTimes[index];
+              case DefaultEventPriority:
+                schedulerPriority = NormalPriority;
+                break;
 
-    if (eventTime > mostRecentEventTime) {
-      mostRecentEventTime = eventTime;
-    }
+              case IdleEventPriority:
+                schedulerPriority = IdlePriority;
+                break;
 
-    lanes &= ~lane;
-  }
+              default:
+                schedulerPriority = NormalPriority;
+                break;
+            }
 
-  return mostRecentEventTime;
-}
+            injectedHook.onCommitFiberRoot(
+              rendererID,
+              root,
+              schedulerPriority,
+              didError
+            );
+          }
+        } catch (err) {
+          {
+            if (!hasLoggedError) {
+              hasLoggedError = true;
 
-function computeExpirationTime(lane, currentTime) {
-  switch (lane) {
-    case SyncLane:
-    case InputContinuousHydrationLane:
-    case InputContinuousLane:
-      // User interactions should expire slightly more quickly.
-      //
-      // NOTE: This is set to the corresponding constant as in Scheduler.js.
-      // When we made it larger, a product metric in www regressed, suggesting
-      // there's a user interaction that's being starved by a series of
-      // synchronous updates. If that theory is correct, the proper solution is
-      // to fix the starvation. However, this scenario supports the idea that
-      // expiration times are an important safeguard when starvation
-      // does happen.
-      return currentTime + 250;
-
-    case DefaultHydrationLane:
-    case DefaultLane:
-    case TransitionHydrationLane:
-    case TransitionLane1:
-    case TransitionLane2:
-    case TransitionLane3:
-    case TransitionLane4:
-    case TransitionLane5:
-    case TransitionLane6:
-    case TransitionLane7:
-    case TransitionLane8:
-    case TransitionLane9:
-    case TransitionLane10:
-    case TransitionLane11:
-    case TransitionLane12:
-    case TransitionLane13:
-    case TransitionLane14:
-    case TransitionLane15:
-    case TransitionLane16:
-      return currentTime + 5000;
-
-    case RetryLane1:
-    case RetryLane2:
-    case RetryLane3:
-    case RetryLane4:
-    case RetryLane5:
-      // TODO: Retries should be allowed to expire if they are CPU bound for
-      // too long, but when I made this change it caused a spike in browser
-      // crashes. There must be some other underlying bug; not super urgent but
-      // ideally should figure out why and fix it. Unfortunately we don't have
-      // a repro for the crashes, only detected via production metrics.
-      return NoTimestamp;
-
-    case SelectiveHydrationLane:
-    case IdleHydrationLane:
-    case IdleLane:
-    case OffscreenLane:
-      // Anything idle priority or lower should never expire.
-      return NoTimestamp;
-
-    default:
-      {
-        error("Should have found matching lanes. This is a bug in React.");
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        }
       }
-
-      return NoTimestamp;
-  }
-}
-
-function markStarvedLanesAsExpired(root, currentTime) {
-  // TODO: This gets called every time we yield. We can optimize by storing
-  // the earliest expiration time on the root. Then use that to quickly bail out
-  // of this function.
-  var pendingLanes = root.pendingLanes;
-  var suspendedLanes = root.suspendedLanes;
-  var pingedLanes = root.pingedLanes;
-  var expirationTimes = root.expirationTimes; // Iterate through the pending lanes and check if we've reached their
-  // expiration time. If so, we'll assume the update is being starved and mark
-  // it as expired to force it to finish.
-
-  var lanes = pendingLanes;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    var expirationTime = expirationTimes[index];
-
-    if (expirationTime === NoTimestamp) {
-      // Found a pending lane with no expiration time. If it's not suspended, or
-      // if it's pinged, assume it's CPU-bound. Compute a new expiration time
-      // using the current time.
+    }
+    function onPostCommitRoot(root) {
       if (
-        (lane & suspendedLanes) === NoLanes ||
-        (lane & pingedLanes) !== NoLanes
+        injectedHook &&
+        typeof injectedHook.onPostCommitFiberRoot === "function"
       ) {
-        // Assumes timestamps are monotonically increasing.
-        expirationTimes[index] = computeExpirationTime(lane, currentTime);
+        try {
+          injectedHook.onPostCommitFiberRoot(rendererID, root);
+        } catch (err) {
+          {
+            if (!hasLoggedError) {
+              hasLoggedError = true;
+
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        }
       }
-    } else if (expirationTime <= currentTime) {
-      // This lane expired
-      root.expiredLanes |= lane;
     }
+    function onCommitUnmount(fiber) {
+      if (
+        injectedHook &&
+        typeof injectedHook.onCommitFiberUnmount === "function"
+      ) {
+        try {
+          injectedHook.onCommitFiberUnmount(rendererID, fiber);
+        } catch (err) {
+          {
+            if (!hasLoggedError) {
+              hasLoggedError = true;
 
-    lanes &= ~lane;
-  }
-} // This returns the highest priority pending lanes regardless of whether they
-function getLanesToRetrySynchronouslyOnError(root) {
-  var everythingButOffscreen = root.pendingLanes & ~OffscreenLane;
-
-  if (everythingButOffscreen !== NoLanes) {
-    return everythingButOffscreen;
-  }
-
-  if (everythingButOffscreen & OffscreenLane) {
-    return OffscreenLane;
-  }
-
-  return NoLanes;
-}
-function includesSyncLane(lanes) {
-  return (lanes & SyncLane) !== NoLanes;
-}
-function includesNonIdleWork(lanes) {
-  return (lanes & NonIdleLanes) !== NoLanes;
-}
-function includesOnlyRetries(lanes) {
-  return (lanes & RetryLanes) === lanes;
-}
-function includesOnlyNonUrgentLanes(lanes) {
-  var UrgentLanes = SyncLane | InputContinuousLane | DefaultLane;
-  return (lanes & UrgentLanes) === NoLanes;
-}
-function includesOnlyTransitions(lanes) {
-  return (lanes & TransitionLanes) === lanes;
-}
-function includesBlockingLane(root, lanes) {
-  var SyncDefaultLanes =
-    InputContinuousHydrationLane |
-    InputContinuousLane |
-    DefaultHydrationLane |
-    DefaultLane;
-  return (lanes & SyncDefaultLanes) !== NoLanes;
-}
-function includesExpiredLane(root, lanes) {
-  // This is a separate check from includesBlockingLane because a lane can
-  // expire after a render has already started.
-  return (lanes & root.expiredLanes) !== NoLanes;
-}
-function isTransitionLane(lane) {
-  return (lane & TransitionLanes) !== NoLanes;
-}
-function claimNextTransitionLane() {
-  // Cycle through the lanes, assigning each new transition to the next lane.
-  // In most cases, this means every transition gets its own lane, until we
-  // run out of lanes and cycle back to the beginning.
-  var lane = nextTransitionLane;
-  nextTransitionLane <<= 1;
-
-  if ((nextTransitionLane & TransitionLanes) === NoLanes) {
-    nextTransitionLane = TransitionLane1;
-  }
-
-  return lane;
-}
-function claimNextRetryLane() {
-  var lane = nextRetryLane;
-  nextRetryLane <<= 1;
-
-  if ((nextRetryLane & RetryLanes) === NoLanes) {
-    nextRetryLane = RetryLane1;
-  }
+              error("React instrumentation encountered an error: %s", err);
+            }
+          }
+        }
+      }
+    }
+    function setIsStrictModeForDevtools(newIsStrictMode) {
+      {
+        if (newIsStrictMode) {
+          disableLogs();
+        } else {
+          reenableLogs();
+        }
+      }
+    } // Profiler API hooks
 
-  return lane;
-}
-function getHighestPriorityLane(lanes) {
-  return lanes & -lanes;
-}
-function pickArbitraryLane(lanes) {
-  // This wrapper function gets inlined. Only exists so to communicate that it
-  // doesn't matter which bit is selected; you can pick any bit without
-  // affecting the algorithms where its used. Here I'm using
-  // getHighestPriorityLane because it requires the fewest operations.
-  return getHighestPriorityLane(lanes);
-}
+    function injectProfilingHooks(profilingHooks) {}
 
-function pickArbitraryLaneIndex(lanes) {
-  return 31 - clz32(lanes);
-}
+    function getLaneLabelMap() {
+      {
+        return null;
+      }
+    }
 
-function laneToIndex(lane) {
-  return pickArbitraryLaneIndex(lane);
-}
+    var NoMode =
+      /*                         */
+      0; // TODO: Remove ConcurrentMode by reading from the root tag instead
+
+    var ConcurrentMode =
+      /*                 */
+      1;
+    var ProfileMode =
+      /*                    */
+      2;
+    var StrictLegacyMode =
+      /*               */
+      8;
+    var StrictEffectsMode =
+      /*              */
+      16;
+    var NoStrictPassiveEffectsMode =
+      /*     */
+      64;
+
+    // TODO: This is pretty well supported by browsers. Maybe we can drop it.
+    var clz32 = Math.clz32 ? Math.clz32 : clz32Fallback; // Count leading zeros.
+    // Based on:
+    // https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Math/clz32
+
+    var log = Math.log;
+    var LN2 = Math.LN2;
+
+    function clz32Fallback(x) {
+      var asUint = x >>> 0;
+
+      if (asUint === 0) {
+        return 32;
+      }
+
+      return (31 - ((log(asUint) / LN2) | 0)) | 0;
+    }
+
+    // If those values are changed that package should be rebuilt and redeployed.
+
+    var TotalLanes = 31;
+    var NoLanes =
+      /*                        */
+      0;
+    var NoLane =
+      /*                          */
+      0;
+    var SyncHydrationLane =
+      /*               */
+      1;
+    var SyncLane =
+      /*                        */
+      2;
+    var SyncLaneIndex = 1;
+    var InputContinuousHydrationLane =
+      /*    */
+      4;
+    var InputContinuousLane =
+      /*             */
+      8;
+    var DefaultHydrationLane =
+      /*            */
+      16;
+    var DefaultLane =
+      /*                     */
+      32;
+    var SyncUpdateLanes = SyncLane | InputContinuousLane | DefaultLane;
+    var TransitionHydrationLane =
+      /*                */
+      64;
+    var TransitionLanes =
+      /*                       */
+      4194176;
+    var TransitionLane1 =
+      /*                        */
+      128;
+    var TransitionLane2 =
+      /*                        */
+      256;
+    var TransitionLane3 =
+      /*                        */
+      512;
+    var TransitionLane4 =
+      /*                        */
+      1024;
+    var TransitionLane5 =
+      /*                        */
+      2048;
+    var TransitionLane6 =
+      /*                        */
+      4096;
+    var TransitionLane7 =
+      /*                        */
+      8192;
+    var TransitionLane8 =
+      /*                        */
+      16384;
+    var TransitionLane9 =
+      /*                        */
+      32768;
+    var TransitionLane10 =
+      /*                       */
+      65536;
+    var TransitionLane11 =
+      /*                       */
+      131072;
+    var TransitionLane12 =
+      /*                       */
+      262144;
+    var TransitionLane13 =
+      /*                       */
+      524288;
+    var TransitionLane14 =
+      /*                       */
+      1048576;
+    var TransitionLane15 =
+      /*                       */
+      2097152;
+    var RetryLanes =
+      /*                            */
+      62914560;
+    var RetryLane1 =
+      /*                             */
+      4194304;
+    var RetryLane2 =
+      /*                             */
+      8388608;
+    var RetryLane3 =
+      /*                             */
+      16777216;
+    var RetryLane4 =
+      /*                             */
+      33554432;
+    var SomeRetryLane = RetryLane1;
+    var SelectiveHydrationLane =
+      /*          */
+      67108864;
+    var NonIdleLanes =
+      /*                          */
+      134217727;
+    var IdleHydrationLane =
+      /*               */
+      134217728;
+    var IdleLane =
+      /*                        */
+      268435456;
+    var OffscreenLane =
+      /*                   */
+      536870912;
+    var DeferredLane =
+      /*                    */
+      1073741824; // Any lane that might schedule an update. This is used to detect infinite
+    // update loops, so it doesn't include hydration lanes or retries.
+
+    var UpdateLanes =
+      SyncLane | InputContinuousLane | DefaultLane | TransitionLanes; // This function is used for the experimental timeline (react-devtools-timeline)
+    var NoTimestamp = -1;
+    var nextTransitionLane = TransitionLane1;
+    var nextRetryLane = RetryLane1;
+
+    function getHighestPriorityLanes(lanes) {
+      {
+        var pendingSyncLanes = lanes & SyncUpdateLanes;
 
-function includesSomeLane(a, b) {
-  return (a & b) !== NoLanes;
-}
-function isSubsetOfLanes(set, subset) {
-  return (set & subset) === subset;
-}
-function mergeLanes(a, b) {
-  return a | b;
-}
-function removeLanes(set, subset) {
-  return set & ~subset;
-}
-function intersectLanes(a, b) {
-  return a & b;
-} // Seems redundant, but it changes the type from a single lane (used for
-// updates) to a group of lanes (used for flushing work).
+        if (pendingSyncLanes !== 0) {
+          return pendingSyncLanes;
+        }
+      }
 
-function laneToLanes(lane) {
-  return lane;
-}
-function createLaneMap(initial) {
-  // Intentionally pushing one by one.
-  // https://v8.dev/blog/elements-kinds#avoid-creating-holes
-  var laneMap = [];
+      switch (getHighestPriorityLane(lanes)) {
+        case SyncHydrationLane:
+          return SyncHydrationLane;
 
-  for (var i = 0; i < TotalLanes; i++) {
-    laneMap.push(initial);
-  }
+        case SyncLane:
+          return SyncLane;
 
-  return laneMap;
-}
-function markRootUpdated(root, updateLane, eventTime) {
-  root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
-  // could unblock them. Clear the suspended lanes so that we can try rendering
-  // them again.
-  //
-  // TODO: We really only need to unsuspend only lanes that are in the
-  // `subtreeLanes` of the updated fiber, or the update lanes of the return
-  // path. This would exclude suspended updates in an unrelated sibling tree,
-  // since there's no way for this update to unblock it.
-  //
-  // We don't do this if the incoming update is idle, because we never process
-  // idle updates until after all the regular updates have finished; there's no
-  // way it could unblock a transition.
-
-  if (updateLane !== IdleLane) {
-    root.suspendedLanes = NoLanes;
-    root.pingedLanes = NoLanes;
-  }
-
-  var eventTimes = root.eventTimes;
-  var index = laneToIndex(updateLane); // We can always overwrite an existing timestamp because we prefer the most
-  // recent event, and we assume time is monotonically increasing.
-
-  eventTimes[index] = eventTime;
-}
-function markRootSuspended(root, suspendedLanes) {
-  root.suspendedLanes |= suspendedLanes;
-  root.pingedLanes &= ~suspendedLanes; // The suspended lanes are no longer CPU-bound. Clear their expiration times.
-
-  var expirationTimes = root.expirationTimes;
-  var lanes = suspendedLanes;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    expirationTimes[index] = NoTimestamp;
-    lanes &= ~lane;
-  }
-}
-function markRootPinged(root, pingedLanes, eventTime) {
-  root.pingedLanes |= root.suspendedLanes & pingedLanes;
-}
-function markRootFinished(root, remainingLanes) {
-  var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
-  root.pendingLanes = remainingLanes; // Let's try everything again
-
-  root.suspendedLanes = NoLanes;
-  root.pingedLanes = NoLanes;
-  root.expiredLanes &= remainingLanes;
-  root.mutableReadLanes &= remainingLanes;
-  root.entangledLanes &= remainingLanes;
-  var entanglements = root.entanglements;
-  var eventTimes = root.eventTimes;
-  var expirationTimes = root.expirationTimes; // Clear the lanes that no longer have pending work
-
-  var lanes = noLongerPendingLanes;
-
-  while (lanes > 0) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
-    entanglements[index] = NoLanes;
-    eventTimes[index] = NoTimestamp;
-    expirationTimes[index] = NoTimestamp;
-    lanes &= ~lane;
-  }
-}
-function markRootEntangled(root, entangledLanes) {
-  // In addition to entangling each of the given lanes with each other, we also
-  // have to consider _transitive_ entanglements. For each lane that is already
-  // entangled with *any* of the given lanes, that lane is now transitively
-  // entangled with *all* the given lanes.
-  //
-  // Translated: If C is entangled with A, then entangling A with B also
-  // entangles C with B.
-  //
-  // If this is hard to grasp, it might help to intentionally break this
-  // function and look at the tests that fail in ReactTransition-test.js. Try
-  // commenting out one of the conditions below.
-  var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
-  var entanglements = root.entanglements;
-  var lanes = rootEntangledLanes;
-
-  while (lanes) {
-    var index = pickArbitraryLaneIndex(lanes);
-    var lane = 1 << index;
+        case InputContinuousHydrationLane:
+          return InputContinuousHydrationLane;
 
-    if (
-      // Is this one of the newly entangled lanes?
-      (lane & entangledLanes) | // Is this lane transitively entangled with the newly entangled lanes?
-      (entanglements[index] & entangledLanes)
-    ) {
-      entanglements[index] |= entangledLanes;
-    }
+        case InputContinuousLane:
+          return InputContinuousLane;
 
-    lanes &= ~lane;
-  }
-}
-function getBumpedLaneForHydration(root, renderLanes) {
-  var renderLane = getHighestPriorityLane(renderLanes);
-  var lane;
-
-  switch (renderLane) {
-    case InputContinuousLane:
-      lane = InputContinuousHydrationLane;
-      break;
-
-    case DefaultLane:
-      lane = DefaultHydrationLane;
-      break;
-
-    case TransitionLane1:
-    case TransitionLane2:
-    case TransitionLane3:
-    case TransitionLane4:
-    case TransitionLane5:
-    case TransitionLane6:
-    case TransitionLane7:
-    case TransitionLane8:
-    case TransitionLane9:
-    case TransitionLane10:
-    case TransitionLane11:
-    case TransitionLane12:
-    case TransitionLane13:
-    case TransitionLane14:
-    case TransitionLane15:
-    case TransitionLane16:
-    case RetryLane1:
-    case RetryLane2:
-    case RetryLane3:
-    case RetryLane4:
-    case RetryLane5:
-      lane = TransitionHydrationLane;
-      break;
-
-    case IdleLane:
-      lane = IdleHydrationLane;
-      break;
-
-    default:
-      // Everything else is already either a hydration lane, or shouldn't
-      // be retried at a hydration lane.
-      lane = NoLane;
-      break;
-  } // Check if the lane we chose is suspended. If so, that indicates that we
-  // already attempted and failed to hydrate at that level. Also check if we're
-  // already rendering that lane, which is rare but could happen.
-
-  if ((lane & (root.suspendedLanes | renderLanes)) !== NoLane) {
-    // Give up trying to hydrate and fall back to client render.
-    return NoLane;
-  }
-
-  return lane;
-}
-function addFiberToLanesMap(root, fiber, lanes) {
-  if (!isDevToolsPresent) {
-    return;
-  }
-
-  var pendingUpdatersLaneMap = root.pendingUpdatersLaneMap;
-
-  while (lanes > 0) {
-    var index = laneToIndex(lanes);
-    var lane = 1 << index;
-    var updaters = pendingUpdatersLaneMap[index];
-    updaters.add(fiber);
-    lanes &= ~lane;
-  }
-}
-function movePendingFibersToMemoized(root, lanes) {
-  if (!isDevToolsPresent) {
-    return;
-  }
+        case DefaultHydrationLane:
+          return DefaultHydrationLane;
 
-  var pendingUpdatersLaneMap = root.pendingUpdatersLaneMap;
-  var memoizedUpdaters = root.memoizedUpdaters;
+        case DefaultLane:
+          return DefaultLane;
 
-  while (lanes > 0) {
-    var index = laneToIndex(lanes);
-    var lane = 1 << index;
-    var updaters = pendingUpdatersLaneMap[index];
+        case TransitionHydrationLane:
+          return TransitionHydrationLane;
 
-    if (updaters.size > 0) {
-      updaters.forEach(function(fiber) {
-        var alternate = fiber.alternate;
+        case TransitionLane1:
+        case TransitionLane2:
+        case TransitionLane3:
+        case TransitionLane4:
+        case TransitionLane5:
+        case TransitionLane6:
+        case TransitionLane7:
+        case TransitionLane8:
+        case TransitionLane9:
+        case TransitionLane10:
+        case TransitionLane11:
+        case TransitionLane12:
+        case TransitionLane13:
+        case TransitionLane14:
+        case TransitionLane15:
+          return lanes & TransitionLanes;
 
-        if (alternate === null || !memoizedUpdaters.has(alternate)) {
-          memoizedUpdaters.add(fiber);
-        }
-      });
-      updaters.clear();
-    }
+        case RetryLane1:
+        case RetryLane2:
+        case RetryLane3:
+        case RetryLane4:
+          return lanes & RetryLanes;
 
-    lanes &= ~lane;
-  }
-}
-function getTransitionsForLanes(root, lanes) {
-  {
-    return null;
-  }
-}
+        case SelectiveHydrationLane:
+          return SelectiveHydrationLane;
 
-var DiscreteEventPriority = SyncLane;
-var ContinuousEventPriority = InputContinuousLane;
-var DefaultEventPriority = DefaultLane;
-var IdleEventPriority = IdleLane;
-var currentUpdatePriority = NoLane;
-function getCurrentUpdatePriority() {
-  return currentUpdatePriority;
-}
-function setCurrentUpdatePriority(newPriority) {
-  currentUpdatePriority = newPriority;
-}
-function higherEventPriority(a, b) {
-  return a !== 0 && a < b ? a : b;
-}
-function lowerEventPriority(a, b) {
-  return a === 0 || a > b ? a : b;
-}
-function isHigherEventPriority(a, b) {
-  return a !== 0 && a < b;
-}
-function lanesToEventPriority(lanes) {
-  var lane = getHighestPriorityLane(lanes);
+        case IdleHydrationLane:
+          return IdleHydrationLane;
 
-  if (!isHigherEventPriority(DiscreteEventPriority, lane)) {
-    return DiscreteEventPriority;
-  }
+        case IdleLane:
+          return IdleLane;
 
-  if (!isHigherEventPriority(ContinuousEventPriority, lane)) {
-    return ContinuousEventPriority;
-  }
+        case OffscreenLane:
+          return OffscreenLane;
 
-  if (includesNonIdleWork(lane)) {
-    return DefaultEventPriority;
-  }
+        case DeferredLane:
+          // This shouldn't be reachable because deferred work is always entangled
+          // with something else.
+          return NoLanes;
 
-  return IdleEventPriority;
-}
+        default:
+          {
+            error("Should have found matching lanes. This is a bug in React.");
+          } // This shouldn't be reachable, but as a fallback, return the entire bitmask.
 
-// Renderers that don't support hydration
-// can re-export everything from this module.
-function shim() {
-  throw new Error(
-    "The current renderer does not support hydration. " +
-      "This error is likely caused by a bug in React. " +
-      "Please file an issue."
-  );
-} // Hydration (when unsupported)
-var isSuspenseInstancePending = shim;
-var isSuspenseInstanceFallback = shim;
-var getSuspenseInstanceFallbackErrorDetails = shim;
-var registerSuspenseInstanceRetry = shim;
-var hydrateTextInstance = shim;
-var clearSuspenseBoundary = shim;
-var clearSuspenseBoundaryFromContainer = shim;
-var errorHydratingContainer = shim;
-
-var getViewConfigForType =
-  ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get;
-var UPDATE_SIGNAL = {};
-
-{
-  Object.freeze(UPDATE_SIGNAL);
-} // Counter for uniquely identifying views.
-// % 10 === 1 means it is a rootTag.
-// % 2 === 0 means it is a Fabric tag.
-
-var nextReactTag = 3;
-
-function allocateTag() {
-  var tag = nextReactTag;
-
-  if (tag % 10 === 1) {
-    tag += 2;
-  }
-
-  nextReactTag = tag + 2;
-  return tag;
-}
+          return lanes;
+      }
+    }
 
-function recursivelyUncacheFiberNode(node) {
-  if (typeof node === "number") {
-    // Leaf node (eg text)
-    uncacheFiberNode(node);
-  } else {
-    uncacheFiberNode(node._nativeTag);
+    function getNextLanes(root, wipLanes) {
+      // Early bailout if there's no pending work left.
+      var pendingLanes = root.pendingLanes;
 
-    node._children.forEach(recursivelyUncacheFiberNode);
-  }
-}
-function appendInitialChild(parentInstance, child) {
-  parentInstance._children.push(child);
-}
-function createInstance(
-  type,
-  props,
-  rootContainerInstance,
-  hostContext,
-  internalInstanceHandle
-) {
-  var tag = allocateTag();
-  var viewConfig = getViewConfigForType(type);
-
-  {
-    for (var key in viewConfig.validAttributes) {
-      if (props.hasOwnProperty(key)) {
-        ReactNativePrivateInterface.deepFreezeAndThrowOnMutationInDev(
-          props[key]
-        );
+      if (pendingLanes === NoLanes) {
+        return NoLanes;
       }
-    }
-  }
-
-  var updatePayload = create(props, viewConfig.validAttributes);
-  ReactNativePrivateInterface.UIManager.createView(
-    tag, // reactTag
-    viewConfig.uiViewClassName, // viewName
-    rootContainerInstance, // rootTag
-    updatePayload // props
-  );
-  var component = new ReactNativeFiberHostComponent(
-    tag,
-    viewConfig,
-    internalInstanceHandle
-  );
-  precacheFiberNode(internalInstanceHandle, tag);
-  updateFiberProps(tag, props); // Not sure how to avoid this cast. Flow is okay if the component is defined
-  // in the same file but if it's external it can't see the types.
-
-  return component;
-}
-function createTextInstance(
-  text,
-  rootContainerInstance,
-  hostContext,
-  internalInstanceHandle
-) {
-  if (!hostContext.isInAParentText) {
-    throw new Error("Text strings must be rendered within a <Text> component.");
-  }
-
-  var tag = allocateTag();
-  ReactNativePrivateInterface.UIManager.createView(
-    tag, // reactTag
-    "RCTRawText", // viewName
-    rootContainerInstance, // rootTag
-    {
-      text: text
-    } // props
-  );
-  precacheFiberNode(internalInstanceHandle, tag);
-  return tag;
-}
-function finalizeInitialChildren(
-  parentInstance,
-  type,
-  props,
-  rootContainerInstance,
-  hostContext
-) {
-  // Don't send a no-op message over the bridge.
-  if (parentInstance._children.length === 0) {
-    return false;
-  } // Map from child objects to native tags.
-  // Either way we need to pass a copy of the Array to prevent it from being frozen.
-
-  var nativeTags = parentInstance._children.map(function(child) {
-    return typeof child === "number"
-      ? child // Leaf node (eg text)
-      : child._nativeTag;
-  });
-
-  ReactNativePrivateInterface.UIManager.setChildren(
-    parentInstance._nativeTag, // containerTag
-    nativeTags // reactTags
-  );
-  return false;
-}
-function getRootHostContext(rootContainerInstance) {
-  return {
-    isInAParentText: false
-  };
-}
-function getChildHostContext(parentHostContext, type, rootContainerInstance) {
-  var prevIsInAParentText = parentHostContext.isInAParentText;
-  var isInAParentText =
-    type === "AndroidTextInput" || // Android
-    type === "RCTMultilineTextInputView" || // iOS
-    type === "RCTSinglelineTextInputView" || // iOS
-    type === "RCTText" ||
-    type === "RCTVirtualText";
-
-  if (prevIsInAParentText !== isInAParentText) {
-    return {
-      isInAParentText: isInAParentText
-    };
-  } else {
-    return parentHostContext;
-  }
-}
-function getPublicInstance(instance) {
-  return instance;
-}
-function prepareForCommit(containerInfo) {
-  // Noop
-  return null;
-}
-function prepareUpdate(
-  instance,
-  type,
-  oldProps,
-  newProps,
-  rootContainerInstance,
-  hostContext
-) {
-  return UPDATE_SIGNAL;
-}
-function resetAfterCommit(containerInfo) {
-  // Noop
-}
-var scheduleTimeout = setTimeout;
-var cancelTimeout = clearTimeout;
-var noTimeout = -1;
-function shouldSetTextContent(type, props) {
-  // TODO (bvaughn) Revisit this decision.
-  // Always returning false simplifies the createInstance() implementation,
-  // But creates an additional child Fiber for raw text children.
-  // No additional native views are created though.
-  // It's not clear to me which is better so I'm deferring for now.
-  // More context @ github.com/facebook/react/pull/8560#discussion_r92111303
-  return false;
-}
-function getCurrentEventPriority() {
-  return DefaultEventPriority;
-} // -------------------
-function appendChild(parentInstance, child) {
-  var childTag = typeof child === "number" ? child : child._nativeTag;
-  var children = parentInstance._children;
-  var index = children.indexOf(child);
-
-  if (index >= 0) {
-    children.splice(index, 1);
-    children.push(child);
-    ReactNativePrivateInterface.UIManager.manageChildren(
-      parentInstance._nativeTag, // containerTag
-      [index], // moveFromIndices
-      [children.length - 1], // moveToIndices
-      [], // addChildReactTags
-      [], // addAtIndices
-      [] // removeAtIndices
-    );
-  } else {
-    children.push(child);
-    ReactNativePrivateInterface.UIManager.manageChildren(
-      parentInstance._nativeTag, // containerTag
-      [], // moveFromIndices
-      [], // moveToIndices
-      [childTag], // addChildReactTags
-      [children.length - 1], // addAtIndices
-      [] // removeAtIndices
-    );
-  }
-}
-function appendChildToContainer(parentInstance, child) {
-  var childTag = typeof child === "number" ? child : child._nativeTag;
-  ReactNativePrivateInterface.UIManager.setChildren(
-    parentInstance, // containerTag
-    [childTag] // reactTags
-  );
-}
-function commitTextUpdate(textInstance, oldText, newText) {
-  ReactNativePrivateInterface.UIManager.updateView(
-    textInstance, // reactTag
-    "RCTRawText", // viewName
-    {
-      text: newText
-    } // props
-  );
-}
-function commitUpdate(
-  instance,
-  updatePayloadTODO,
-  type,
-  oldProps,
-  newProps,
-  internalInstanceHandle
-) {
-  var viewConfig = instance.viewConfig;
-  updateFiberProps(instance._nativeTag, newProps);
-  var updatePayload = diff(oldProps, newProps, viewConfig.validAttributes); // Avoid the overhead of bridge calls if there's no update.
-  // This is an expensive no-op for Android, and causes an unnecessary
-  // view invalidation for certain components (eg RCTTextInput) on iOS.
-
-  if (updatePayload != null) {
-    ReactNativePrivateInterface.UIManager.updateView(
-      instance._nativeTag, // reactTag
-      viewConfig.uiViewClassName, // viewName
-      updatePayload // props
-    );
-  }
-}
-function insertBefore(parentInstance, child, beforeChild) {
-  var children = parentInstance._children;
-  var index = children.indexOf(child); // Move existing child or add new child?
-
-  if (index >= 0) {
-    children.splice(index, 1);
-    var beforeChildIndex = children.indexOf(beforeChild);
-    children.splice(beforeChildIndex, 0, child);
-    ReactNativePrivateInterface.UIManager.manageChildren(
-      parentInstance._nativeTag, // containerID
-      [index], // moveFromIndices
-      [beforeChildIndex], // moveToIndices
-      [], // addChildReactTags
-      [], // addAtIndices
-      [] // removeAtIndices
-    );
-  } else {
-    var _beforeChildIndex = children.indexOf(beforeChild);
-
-    children.splice(_beforeChildIndex, 0, child);
-    var childTag = typeof child === "number" ? child : child._nativeTag;
-    ReactNativePrivateInterface.UIManager.manageChildren(
-      parentInstance._nativeTag, // containerID
-      [], // moveFromIndices
-      [], // moveToIndices
-      [childTag], // addChildReactTags
-      [_beforeChildIndex], // addAtIndices
-      [] // removeAtIndices
-    );
-  }
-}
-function insertInContainerBefore(parentInstance, child, beforeChild) {
-  // TODO (bvaughn): Remove this check when...
-  // We create a wrapper object for the container in ReactNative render()
-  // Or we refactor to remove wrapper objects entirely.
-  // For more info on pros/cons see PR #8560 description.
-  if (typeof parentInstance === "number") {
-    throw new Error("Container does not support insertBefore operation");
-  }
-}
-function removeChild(parentInstance, child) {
-  recursivelyUncacheFiberNode(child);
-  var children = parentInstance._children;
-  var index = children.indexOf(child);
-  children.splice(index, 1);
-  ReactNativePrivateInterface.UIManager.manageChildren(
-    parentInstance._nativeTag, // containerID
-    [], // moveFromIndices
-    [], // moveToIndices
-    [], // addChildReactTags
-    [], // addAtIndices
-    [index] // removeAtIndices
-  );
-}
-function removeChildFromContainer(parentInstance, child) {
-  recursivelyUncacheFiberNode(child);
-  ReactNativePrivateInterface.UIManager.manageChildren(
-    parentInstance, // containerID
-    [], // moveFromIndices
-    [], // moveToIndices
-    [], // addChildReactTags
-    [], // addAtIndices
-    [0] // removeAtIndices
-  );
-}
-function resetTextContent(instance) {
-  // Noop
-}
-function hideInstance(instance) {
-  var viewConfig = instance.viewConfig;
-  var updatePayload = create(
-    {
-      style: {
-        display: "none"
-      }
-    },
-    viewConfig.validAttributes
-  );
-  ReactNativePrivateInterface.UIManager.updateView(
-    instance._nativeTag,
-    viewConfig.uiViewClassName,
-    updatePayload
-  );
-}
-function hideTextInstance(textInstance) {
-  throw new Error("Not yet implemented.");
-}
-function unhideInstance(instance, props) {
-  var viewConfig = instance.viewConfig;
-  var updatePayload = diff(
-    assign({}, props, {
-      style: [
-        props.style,
-        {
-          display: "none"
-        }
-      ]
-    }),
-    props,
-    viewConfig.validAttributes
-  );
-  ReactNativePrivateInterface.UIManager.updateView(
-    instance._nativeTag,
-    viewConfig.uiViewClassName,
-    updatePayload
-  );
-}
-function clearContainer(container) {
-  // TODO Implement this for React Native
-  // UIManager does not expose a "remove all" type method.
-}
-function unhideTextInstance(textInstance, text) {
-  throw new Error("Not yet implemented.");
-}
-function preparePortalMount(portalInstance) {
-  // noop
-}
 
-var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-function describeBuiltInComponentFrame(name, source, ownerFn) {
-  {
-    var ownerName = null;
+      var nextLanes = NoLanes;
+      var suspendedLanes = root.suspendedLanes;
+      var pingedLanes = root.pingedLanes; // Do not work on any idle work until all the non-idle work has finished,
+      // even if the work is suspended.
 
-    if (ownerFn) {
-      ownerName = ownerFn.displayName || ownerFn.name || null;
-    }
+      var nonIdlePendingLanes = pendingLanes & NonIdleLanes;
 
-    return describeComponentFrame(name, source, ownerName);
-  }
-}
-var componentFrameCache;
+      if (nonIdlePendingLanes !== NoLanes) {
+        var nonIdleUnblockedLanes = nonIdlePendingLanes & ~suspendedLanes;
 
-{
-  var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
-  componentFrameCache = new PossiblyWeakMap();
-}
-var BEFORE_SLASH_RE = /^(.*)[\\\/]/;
+        if (nonIdleUnblockedLanes !== NoLanes) {
+          nextLanes = getHighestPriorityLanes(nonIdleUnblockedLanes);
+        } else {
+          var nonIdlePingedLanes = nonIdlePendingLanes & pingedLanes;
 
-function describeComponentFrame(name, source, ownerName) {
-  var sourceInfo = "";
+          if (nonIdlePingedLanes !== NoLanes) {
+            nextLanes = getHighestPriorityLanes(nonIdlePingedLanes);
+          }
+        }
+      } else {
+        // The only remaining work is Idle.
+        var unblockedLanes = pendingLanes & ~suspendedLanes;
 
-  if (source) {
-    var path = source.fileName;
-    var fileName = path.replace(BEFORE_SLASH_RE, ""); // In DEV, include code for a common special case:
-    // prefer "folder/index.js" instead of just "index.js".
+        if (unblockedLanes !== NoLanes) {
+          nextLanes = getHighestPriorityLanes(unblockedLanes);
+        } else {
+          if (pingedLanes !== NoLanes) {
+            nextLanes = getHighestPriorityLanes(pingedLanes);
+          }
+        }
+      }
 
-    if (/^index\./.test(fileName)) {
-      var match = path.match(BEFORE_SLASH_RE);
+      if (nextLanes === NoLanes) {
+        // This should only be reachable if we're suspended
+        // TODO: Consider warning in this path if a fallback timer is not scheduled.
+        return NoLanes;
+      } // If we're already in the middle of a render, switching lanes will interrupt
+      // it and we'll lose our progress. We should only do this if the new lanes are
+      // higher priority.
 
-      if (match) {
-        var pathBeforeSlash = match[1];
+      if (
+        wipLanes !== NoLanes &&
+        wipLanes !== nextLanes && // If we already suspended with a delay, then interrupting is fine. Don't
+        // bother waiting until the root is complete.
+        (wipLanes & suspendedLanes) === NoLanes
+      ) {
+        var nextLane = getHighestPriorityLane(nextLanes);
+        var wipLane = getHighestPriorityLane(wipLanes);
 
-        if (pathBeforeSlash) {
-          var folderName = pathBeforeSlash.replace(BEFORE_SLASH_RE, "");
-          fileName = folderName + "/" + fileName;
+        if (
+          // Tests whether the next lane is equal or lower priority than the wip
+          // one. This works because the bits decrease in priority as you go left.
+          nextLane >= wipLane || // Default priority updates should not interrupt transition updates. The
+          // only difference between default updates and transition updates is that
+          // default updates do not support refresh transitions.
+          (nextLane === DefaultLane && (wipLane & TransitionLanes) !== NoLanes)
+        ) {
+          // Keep working on the existing in-progress tree. Do not interrupt.
+          return wipLanes;
         }
       }
+
+      return nextLanes;
     }
+    function getEntangledLanes(root, renderLanes) {
+      var entangledLanes = renderLanes;
 
-    sourceInfo = " (at " + fileName + ":" + source.lineNumber + ")";
-  } else if (ownerName) {
-    sourceInfo = " (created by " + ownerName + ")";
-  }
+      if ((entangledLanes & InputContinuousLane) !== NoLanes) {
+        // When updates are sync by default, we entangle continuous priority updates
+        // and default updates, so they render in the same batch. The only reason
+        // they use separate lanes is because continuous updates should interrupt
+        // transitions, but default updates should not.
+        entangledLanes |= entangledLanes & DefaultLane;
+      } // Check for entangled lanes and add them to the batch.
+      //
+      // A lane is said to be entangled with another when it's not allowed to render
+      // in a batch that does not also include the other lane. Typically we do this
+      // when multiple updates have the same source, and we only want to respond to
+      // the most recent event from that source.
+      //
+      // Note that we apply entanglements *after* checking for partial work above.
+      // This means that if a lane is entangled during an interleaved event while
+      // it's already rendering, we won't interrupt it. This is intentional, since
+      // entanglement is usually "best effort": we'll try our best to render the
+      // lanes in the same batch, but it's not worth throwing out partially
+      // completed work in order to do it.
+      // TODO: Reconsider this. The counter-argument is that the partial work
+      // represents an intermediate state, which we don't want to show to the user.
+      // And by spending extra time finishing it, we're increasing the amount of
+      // time it takes to show the final state, which is what they are actually
+      // waiting for.
+      //
+      // For those exceptions where entanglement is semantically important,
+      // we should ensure that there is no partial work at the
+      // time we apply the entanglement.
 
-  return "\n    in " + (name || "Unknown") + sourceInfo;
-}
+      var allEntangledLanes = root.entangledLanes;
 
-function describeClassComponentFrame(ctor, source, ownerFn) {
-  {
-    return describeFunctionComponentFrame(ctor, source, ownerFn);
-  }
-}
-function describeFunctionComponentFrame(fn, source, ownerFn) {
-  {
-    if (!fn) {
-      return "";
-    }
+      if (allEntangledLanes !== NoLanes) {
+        var entanglements = root.entanglements;
+        var lanes = entangledLanes & allEntangledLanes;
 
-    var name = fn.displayName || fn.name || null;
-    var ownerName = null;
+        while (lanes > 0) {
+          var index = pickArbitraryLaneIndex(lanes);
+          var lane = 1 << index;
+          entangledLanes |= entanglements[index];
+          lanes &= ~lane;
+        }
+      }
 
-    if (ownerFn) {
-      ownerName = ownerFn.displayName || ownerFn.name || null;
+      return entangledLanes;
     }
 
-    return describeComponentFrame(name, source, ownerName);
-  }
-}
-
-function describeUnknownElementTypeFrameInDEV(type, source, ownerFn) {
-  if (type == null) {
-    return "";
-  }
+    function computeExpirationTime(lane, currentTime) {
+      switch (lane) {
+        case SyncHydrationLane:
+        case SyncLane:
+        case InputContinuousHydrationLane:
+        case InputContinuousLane:
+          // User interactions should expire slightly more quickly.
+          //
+          // NOTE: This is set to the corresponding constant as in Scheduler.js.
+          // When we made it larger, a product metric in www regressed, suggesting
+          // there's a user interaction that's being starved by a series of
+          // synchronous updates. If that theory is correct, the proper solution is
+          // to fix the starvation. However, this scenario supports the idea that
+          // expiration times are an important safeguard when starvation
+          // does happen.
+          return currentTime + syncLaneExpirationMs;
+
+        case DefaultHydrationLane:
+        case DefaultLane:
+        case TransitionHydrationLane:
+        case TransitionLane1:
+        case TransitionLane2:
+        case TransitionLane3:
+        case TransitionLane4:
+        case TransitionLane5:
+        case TransitionLane6:
+        case TransitionLane7:
+        case TransitionLane8:
+        case TransitionLane9:
+        case TransitionLane10:
+        case TransitionLane11:
+        case TransitionLane12:
+        case TransitionLane13:
+        case TransitionLane14:
+        case TransitionLane15:
+          return currentTime + transitionLaneExpirationMs;
+
+        case RetryLane1:
+        case RetryLane2:
+        case RetryLane3:
+        case RetryLane4:
+          // TODO: Retries should be allowed to expire if they are CPU bound for
+          // too long, but when I made this change it caused a spike in browser
+          // crashes. There must be some other underlying bug; not super urgent but
+          // ideally should figure out why and fix it. Unfortunately we don't have
+          // a repro for the crashes, only detected via production metrics.
+          return NoTimestamp;
+
+        case SelectiveHydrationLane:
+        case IdleHydrationLane:
+        case IdleLane:
+        case OffscreenLane:
+        case DeferredLane:
+          // Anything idle priority or lower should never expire.
+          return NoTimestamp;
+
+        default:
+          {
+            error("Should have found matching lanes. This is a bug in React.");
+          }
 
-  if (typeof type === "function") {
-    {
-      return describeFunctionComponentFrame(type, source, ownerFn);
+          return NoTimestamp;
+      }
     }
-  }
 
-  if (typeof type === "string") {
-    return describeBuiltInComponentFrame(type, source, ownerFn);
-  }
+    function markStarvedLanesAsExpired(root, currentTime) {
+      // TODO: This gets called every time we yield. We can optimize by storing
+      // the earliest expiration time on the root. Then use that to quickly bail out
+      // of this function.
+      var pendingLanes = root.pendingLanes;
+      var suspendedLanes = root.suspendedLanes;
+      var pingedLanes = root.pingedLanes;
+      var expirationTimes = root.expirationTimes; // Iterate through the pending lanes and check if we've reached their
+      // expiration time. If so, we'll assume the update is being starved and mark
+      // it as expired to force it to finish.
+      // TODO: We should be able to replace this with upgradePendingLanesToSync
+      //
+      // We exclude retry lanes because those must always be time sliced, in order
+      // to unwrap uncached promises.
+      // TODO: Write a test for this
 
-  switch (type) {
-    case REACT_SUSPENSE_TYPE:
-      return describeBuiltInComponentFrame("Suspense", source, ownerFn);
+      var lanes = pendingLanes & ~RetryLanes;
 
-    case REACT_SUSPENSE_LIST_TYPE:
-      return describeBuiltInComponentFrame("SuspenseList", source, ownerFn);
-  }
+      while (lanes > 0) {
+        var index = pickArbitraryLaneIndex(lanes);
+        var lane = 1 << index;
+        var expirationTime = expirationTimes[index];
 
-  if (typeof type === "object") {
-    switch (type.$$typeof) {
-      case REACT_FORWARD_REF_TYPE:
-        return describeFunctionComponentFrame(type.render, source, ownerFn);
+        if (expirationTime === NoTimestamp) {
+          // Found a pending lane with no expiration time. If it's not suspended, or
+          // if it's pinged, assume it's CPU-bound. Compute a new expiration time
+          // using the current time.
+          if (
+            (lane & suspendedLanes) === NoLanes ||
+            (lane & pingedLanes) !== NoLanes
+          ) {
+            // Assumes timestamps are monotonically increasing.
+            expirationTimes[index] = computeExpirationTime(lane, currentTime);
+          }
+        } else if (expirationTime <= currentTime) {
+          // This lane expired
+          root.expiredLanes |= lane;
+        }
 
-      case REACT_MEMO_TYPE:
-        // Memo may contain any component type so we recursively resolve it.
-        return describeUnknownElementTypeFrameInDEV(type.type, source, ownerFn);
+        lanes &= ~lane;
+      }
+    } // This returns the highest priority pending lanes regardless of whether they
+    function getLanesToRetrySynchronouslyOnError(
+      root,
+      originallyAttemptedLanes
+    ) {
+      if (root.errorRecoveryDisabledLanes & originallyAttemptedLanes) {
+        // The error recovery mechanism is disabled until these lanes are cleared.
+        return NoLanes;
+      }
 
-      case REACT_LAZY_TYPE: {
-        var lazyComponent = type;
-        var payload = lazyComponent._payload;
-        var init = lazyComponent._init;
+      var everythingButOffscreen = root.pendingLanes & ~OffscreenLane;
 
-        try {
-          // Lazy may contain any component type so we recursively resolve it.
-          return describeUnknownElementTypeFrameInDEV(
-            init(payload),
-            source,
-            ownerFn
-          );
-        } catch (x) {}
+      if (everythingButOffscreen !== NoLanes) {
+        return everythingButOffscreen;
       }
-    }
-  }
 
-  return "";
-}
+      if (everythingButOffscreen & OffscreenLane) {
+        return OffscreenLane;
+      }
 
-var hasOwnProperty = Object.prototype.hasOwnProperty;
+      return NoLanes;
+    }
+    function includesSyncLane(lanes) {
+      return (lanes & (SyncLane | SyncHydrationLane)) !== NoLanes;
+    }
+    function includesNonIdleWork(lanes) {
+      return (lanes & NonIdleLanes) !== NoLanes;
+    }
+    function includesOnlyRetries(lanes) {
+      return (lanes & RetryLanes) === lanes;
+    }
+    function includesOnlyNonUrgentLanes(lanes) {
+      // TODO: Should hydration lanes be included here? This function is only
+      // used in `updateDeferredValueImpl`.
+      var UrgentLanes = SyncLane | InputContinuousLane | DefaultLane;
+      return (lanes & UrgentLanes) === NoLanes;
+    }
+    function includesOnlyTransitions(lanes) {
+      return (lanes & TransitionLanes) === lanes;
+    }
+    function includesBlockingLane(root, lanes) {
+      var SyncDefaultLanes =
+        InputContinuousHydrationLane |
+        InputContinuousLane |
+        DefaultHydrationLane |
+        DefaultLane;
+      return (lanes & SyncDefaultLanes) !== NoLanes;
+    }
+    function includesExpiredLane(root, lanes) {
+      // This is a separate check from includesBlockingLane because a lane can
+      // expire after a render has already started.
+      return (lanes & root.expiredLanes) !== NoLanes;
+    }
+    function isTransitionLane(lane) {
+      return (lane & TransitionLanes) !== NoLanes;
+    }
+    function claimNextTransitionLane() {
+      // Cycle through the lanes, assigning each new transition to the next lane.
+      // In most cases, this means every transition gets its own lane, until we
+      // run out of lanes and cycle back to the beginning.
+      var lane = nextTransitionLane;
+      nextTransitionLane <<= 1;
 
-var loggedTypeFailures = {};
-var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+      if ((nextTransitionLane & TransitionLanes) === NoLanes) {
+        nextTransitionLane = TransitionLane1;
+      }
 
-function setCurrentlyValidatingElement(element) {
-  {
-    if (element) {
-      var owner = element._owner;
-      var stack = describeUnknownElementTypeFrameInDEV(
-        element.type,
-        element._source,
-        owner ? owner.type : null
-      );
-      ReactDebugCurrentFrame.setExtraStackFrame(stack);
-    } else {
-      ReactDebugCurrentFrame.setExtraStackFrame(null);
+      return lane;
     }
-  }
-}
+    function claimNextRetryLane() {
+      var lane = nextRetryLane;
+      nextRetryLane <<= 1;
 
-function checkPropTypes(typeSpecs, values, location, componentName, element) {
-  {
-    // $FlowFixMe This is okay but Flow doesn't know it.
-    var has = Function.call.bind(hasOwnProperty);
-
-    for (var typeSpecName in typeSpecs) {
-      if (has(typeSpecs, typeSpecName)) {
-        var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
-        // fail the render phase where it didn't fail before. So we log it.
-        // After these have been cleaned up, we'll let them throw.
+      if ((nextRetryLane & RetryLanes) === NoLanes) {
+        nextRetryLane = RetryLane1;
+      }
 
-        try {
-          // This is intentionally an invariant that gets caught. It's the same
-          // behavior as without this statement except with a better message.
-          if (typeof typeSpecs[typeSpecName] !== "function") {
-            // eslint-disable-next-line react-internal/prod-error-codes
-            var err = Error(
-              (componentName || "React class") +
-                ": " +
-                location +
-                " type `" +
-                typeSpecName +
-                "` is invalid; " +
-                "it must be a function, usually from the `prop-types` package, but received `" +
-                typeof typeSpecs[typeSpecName] +
-                "`." +
-                "This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
-            );
-            err.name = "Invariant Violation";
-            throw err;
-          }
+      return lane;
+    }
+    function getHighestPriorityLane(lanes) {
+      return lanes & -lanes;
+    }
+    function pickArbitraryLane(lanes) {
+      // This wrapper function gets inlined. Only exists so to communicate that it
+      // doesn't matter which bit is selected; you can pick any bit without
+      // affecting the algorithms where its used. Here I'm using
+      // getHighestPriorityLane because it requires the fewest operations.
+      return getHighestPriorityLane(lanes);
+    }
 
-          error$1 = typeSpecs[typeSpecName](
-            values,
-            typeSpecName,
-            componentName,
-            location,
-            null,
-            "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
-          );
-        } catch (ex) {
-          error$1 = ex;
-        }
+    function pickArbitraryLaneIndex(lanes) {
+      return 31 - clz32(lanes);
+    }
 
-        if (error$1 && !(error$1 instanceof Error)) {
-          setCurrentlyValidatingElement(element);
+    function laneToIndex(lane) {
+      return pickArbitraryLaneIndex(lane);
+    }
 
-          error(
-            "%s: type specification of %s" +
-              " `%s` is invalid; the type checker " +
-              "function must return `null` or an `Error` but returned a %s. " +
-              "You may have forgotten to pass an argument to the type checker " +
-              "creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
-              "shape all require an argument).",
-            componentName || "React class",
-            location,
-            typeSpecName,
-            typeof error$1
-          );
+    function includesSomeLane(a, b) {
+      return (a & b) !== NoLanes;
+    }
+    function isSubsetOfLanes(set, subset) {
+      return (set & subset) === subset;
+    }
+    function mergeLanes(a, b) {
+      return a | b;
+    }
+    function removeLanes(set, subset) {
+      return set & ~subset;
+    }
+    function intersectLanes(a, b) {
+      return a & b;
+    } // Seems redundant, but it changes the type from a single lane (used for
+    // updates) to a group of lanes (used for flushing work).
 
-          setCurrentlyValidatingElement(null);
-        }
+    function laneToLanes(lane) {
+      return lane;
+    }
+    function createLaneMap(initial) {
+      // Intentionally pushing one by one.
+      // https://v8.dev/blog/elements-kinds#avoid-creating-holes
+      var laneMap = [];
 
-        if (
-          error$1 instanceof Error &&
-          !(error$1.message in loggedTypeFailures)
-        ) {
-          // Only monitor this failure once because there tends to be a lot of the
-          // same error.
-          loggedTypeFailures[error$1.message] = true;
-          setCurrentlyValidatingElement(element);
+      for (var i = 0; i < TotalLanes; i++) {
+        laneMap.push(initial);
+      }
 
-          error("Failed %s type: %s", location, error$1.message);
+      return laneMap;
+    }
+    function markRootUpdated(root, updateLane) {
+      root.pendingLanes |= updateLane; // If there are any suspended transitions, it's possible this new update
+      // could unblock them. Clear the suspended lanes so that we can try rendering
+      // them again.
+      //
+      // TODO: We really only need to unsuspend only lanes that are in the
+      // `subtreeLanes` of the updated fiber, or the update lanes of the return
+      // path. This would exclude suspended updates in an unrelated sibling tree,
+      // since there's no way for this update to unblock it.
+      //
+      // We don't do this if the incoming update is idle, because we never process
+      // idle updates until after all the regular updates have finished; there's no
+      // way it could unblock a transition.
 
-          setCurrentlyValidatingElement(null);
-        }
+      if (updateLane !== IdleLane) {
+        root.suspendedLanes = NoLanes;
+        root.pingedLanes = NoLanes;
       }
     }
-  }
-}
+    function markRootSuspended$1(root, suspendedLanes, spawnedLane) {
+      root.suspendedLanes |= suspendedLanes;
+      root.pingedLanes &= ~suspendedLanes; // The suspended lanes are no longer CPU-bound. Clear their expiration times.
 
-var valueStack = [];
-var fiberStack;
+      var expirationTimes = root.expirationTimes;
+      var lanes = suspendedLanes;
 
-{
-  fiberStack = [];
-}
-
-var index = -1;
-
-function createCursor(defaultValue) {
-  return {
-    current: defaultValue
-  };
-}
+      while (lanes > 0) {
+        var index = pickArbitraryLaneIndex(lanes);
+        var lane = 1 << index;
+        expirationTimes[index] = NoTimestamp;
+        lanes &= ~lane;
+      }
 
-function pop(cursor, fiber) {
-  if (index < 0) {
-    {
-      error("Unexpected pop.");
+      if (spawnedLane !== NoLane) {
+        markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
+      }
     }
-
-    return;
-  }
-
-  {
-    if (fiber !== fiberStack[index]) {
-      error("Unexpected Fiber popped.");
+    function markRootPinged(root, pingedLanes) {
+      root.pingedLanes |= root.suspendedLanes & pingedLanes;
     }
-  }
+    function markRootFinished(root, remainingLanes, spawnedLane) {
+      var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
+      root.pendingLanes = remainingLanes; // Let's try everything again
 
-  cursor.current = valueStack[index];
-  valueStack[index] = null;
+      root.suspendedLanes = NoLanes;
+      root.pingedLanes = NoLanes;
+      root.expiredLanes &= remainingLanes;
+      root.entangledLanes &= remainingLanes;
+      root.errorRecoveryDisabledLanes &= remainingLanes;
+      root.shellSuspendCounter = 0;
+      var entanglements = root.entanglements;
+      var expirationTimes = root.expirationTimes;
+      var hiddenUpdates = root.hiddenUpdates; // Clear the lanes that no longer have pending work
 
-  {
-    fiberStack[index] = null;
-  }
+      var lanes = noLongerPendingLanes;
 
-  index--;
-}
+      while (lanes > 0) {
+        var index = pickArbitraryLaneIndex(lanes);
+        var lane = 1 << index;
+        entanglements[index] = NoLanes;
+        expirationTimes[index] = NoTimestamp;
+        var hiddenUpdatesForLane = hiddenUpdates[index];
 
-function push(cursor, value, fiber) {
-  index++;
-  valueStack[index] = cursor.current;
+        if (hiddenUpdatesForLane !== null) {
+          hiddenUpdates[index] = null; // "Hidden" updates are updates that were made to a hidden component. They
+          // have special logic associated with them because they may be entangled
+          // with updates that occur outside that tree. But once the outer tree
+          // commits, they behave like regular updates.
 
-  {
-    fiberStack[index] = fiber;
-  }
+          for (var i = 0; i < hiddenUpdatesForLane.length; i++) {
+            var update = hiddenUpdatesForLane[i];
 
-  cursor.current = value;
-}
+            if (update !== null) {
+              update.lane &= ~OffscreenLane;
+            }
+          }
+        }
 
-var warnedAboutMissingGetChildContext;
+        lanes &= ~lane;
+      }
 
-{
-  warnedAboutMissingGetChildContext = {};
-}
+      if (spawnedLane !== NoLane) {
+        markSpawnedDeferredLane(
+          root,
+          spawnedLane, // This render finished successfully without suspending, so we don't need
+          // to entangle the spawned task with the parent task.
+          NoLanes
+        );
+      }
+    }
 
-var emptyContextObject = {};
+    function markSpawnedDeferredLane(root, spawnedLane, entangledLanes) {
+      // This render spawned a deferred task. Mark it as pending.
+      root.pendingLanes |= spawnedLane;
+      root.suspendedLanes &= ~spawnedLane; // Entangle the spawned lane with the DeferredLane bit so that we know it
+      // was the result of another render. This lets us avoid a useDeferredValue
+      // waterfall — only the first level will defer.
 
-{
-  Object.freeze(emptyContextObject);
-} // A cursor to the current merged context object on the stack.
+      var spawnedLaneIndex = laneToIndex(spawnedLane);
+      root.entangledLanes |= spawnedLane;
+      root.entanglements[spawnedLaneIndex] |=
+        DeferredLane | // If the parent render task suspended, we must also entangle those lanes
+        // with the spawned task, so that the deferred task includes all the same
+        // updates that the parent task did. We can exclude any lane that is not
+        // used for updates (e.g. Offscreen).
+        (entangledLanes & UpdateLanes);
+    }
 
-var contextStackCursor = createCursor(emptyContextObject); // A cursor to a boolean indicating whether the context has changed.
+    function markRootEntangled(root, entangledLanes) {
+      // In addition to entangling each of the given lanes with each other, we also
+      // have to consider _transitive_ entanglements. For each lane that is already
+      // entangled with *any* of the given lanes, that lane is now transitively
+      // entangled with *all* the given lanes.
+      //
+      // Translated: If C is entangled with A, then entangling A with B also
+      // entangles C with B.
+      //
+      // If this is hard to grasp, it might help to intentionally break this
+      // function and look at the tests that fail in ReactTransition-test.js. Try
+      // commenting out one of the conditions below.
+      var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
+      var entanglements = root.entanglements;
+      var lanes = rootEntangledLanes;
 
-var didPerformWorkStackCursor = createCursor(false); // Keep track of the previous context object that was on the stack.
-// We use this to get access to the parent context after we have already
-// pushed the next context provider, and now need to merge their contexts.
+      while (lanes) {
+        var index = pickArbitraryLaneIndex(lanes);
+        var lane = 1 << index;
 
-var previousContext = emptyContextObject;
+        if (
+          // Is this one of the newly entangled lanes?
+          (lane & entangledLanes) | // Is this lane transitively entangled with the newly entangled lanes?
+          (entanglements[index] & entangledLanes)
+        ) {
+          entanglements[index] |= entangledLanes;
+        }
 
-function getUnmaskedContext(
-  workInProgress,
-  Component,
-  didPushOwnContextIfProvider
-) {
-  {
-    if (didPushOwnContextIfProvider && isContextProvider(Component)) {
-      // If the fiber is a context provider itself, when we read its context
-      // we may have already pushed its own child context on the stack. A context
-      // provider should not "see" its own child context. Therefore we read the
-      // previous (parent) context instead for a context provider.
-      return previousContext;
+        lanes &= ~lane;
+      }
     }
+    function upgradePendingLaneToSync(root, lane) {
+      // Since we're upgrading the priority of the given lane, there is now pending
+      // sync work.
+      root.pendingLanes |= SyncLane; // Entangle the sync lane with the lane we're upgrading. This means SyncLane
+      // will not be allowed to finish without also finishing the given lane.
 
-    return contextStackCursor.current;
-  }
-}
+      root.entangledLanes |= SyncLane;
+      root.entanglements[SyncLaneIndex] |= lane;
+    }
+    function markHiddenUpdate(root, update, lane) {
+      var index = laneToIndex(lane);
+      var hiddenUpdates = root.hiddenUpdates;
+      var hiddenUpdatesForLane = hiddenUpdates[index];
 
-function cacheContext(workInProgress, unmaskedContext, maskedContext) {
-  {
-    var instance = workInProgress.stateNode;
-    instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
-    instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
-  }
-}
+      if (hiddenUpdatesForLane === null) {
+        hiddenUpdates[index] = [update];
+      } else {
+        hiddenUpdatesForLane.push(update);
+      }
 
-function getMaskedContext(workInProgress, unmaskedContext) {
-  {
-    var type = workInProgress.type;
-    var contextTypes = type.contextTypes;
+      update.lane = lane | OffscreenLane;
+    }
+    function getBumpedLaneForHydration(root, renderLanes) {
+      var renderLane = getHighestPriorityLane(renderLanes);
+      var lane;
 
-    if (!contextTypes) {
-      return emptyContextObject;
-    } // Avoid recreating masked context unless unmasked context has changed.
-    // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
-    // This may trigger infinite loops if componentWillReceiveProps calls setState.
+      if ((renderLane & SyncUpdateLanes) !== NoLane) {
+        lane = SyncHydrationLane;
+      } else {
+        switch (renderLane) {
+          case SyncLane:
+            lane = SyncHydrationLane;
+            break;
 
-    var instance = workInProgress.stateNode;
+          case InputContinuousLane:
+            lane = InputContinuousHydrationLane;
+            break;
 
-    if (
-      instance &&
-      instance.__reactInternalMemoizedUnmaskedChildContext === unmaskedContext
-    ) {
-      return instance.__reactInternalMemoizedMaskedChildContext;
+          case DefaultLane:
+            lane = DefaultHydrationLane;
+            break;
+
+          case TransitionLane1:
+          case TransitionLane2:
+          case TransitionLane3:
+          case TransitionLane4:
+          case TransitionLane5:
+          case TransitionLane6:
+          case TransitionLane7:
+          case TransitionLane8:
+          case TransitionLane9:
+          case TransitionLane10:
+          case TransitionLane11:
+          case TransitionLane12:
+          case TransitionLane13:
+          case TransitionLane14:
+          case TransitionLane15:
+          case RetryLane1:
+          case RetryLane2:
+          case RetryLane3:
+          case RetryLane4:
+            lane = TransitionHydrationLane;
+            break;
+
+          case IdleLane:
+            lane = IdleHydrationLane;
+            break;
+
+          default:
+            // Everything else is already either a hydration lane, or shouldn't
+            // be retried at a hydration lane.
+            lane = NoLane;
+            break;
+        }
+      } // Check if the lane we chose is suspended. If so, that indicates that we
+      // already attempted and failed to hydrate at that level. Also check if we're
+      // already rendering that lane, which is rare but could happen.
+
+      if ((lane & (root.suspendedLanes | renderLanes)) !== NoLane) {
+        // Give up trying to hydrate and fall back to client render.
+        return NoLane;
+      }
+
+      return lane;
     }
+    function addFiberToLanesMap(root, fiber, lanes) {
+      if (!isDevToolsPresent) {
+        return;
+      }
 
-    var context = {};
+      var pendingUpdatersLaneMap = root.pendingUpdatersLaneMap;
 
-    for (var key in contextTypes) {
-      context[key] = unmaskedContext[key];
+      while (lanes > 0) {
+        var index = laneToIndex(lanes);
+        var lane = 1 << index;
+        var updaters = pendingUpdatersLaneMap[index];
+        updaters.add(fiber);
+        lanes &= ~lane;
+      }
     }
+    function movePendingFibersToMemoized(root, lanes) {
+      if (!isDevToolsPresent) {
+        return;
+      }
 
-    {
-      var name = getComponentNameFromFiber(workInProgress) || "Unknown";
-      checkPropTypes(contextTypes, context, "context", name);
-    } // Cache unmasked context so we can avoid recreating masked context unless necessary.
-    // Context is created before the class component is instantiated so check for instance.
+      var pendingUpdatersLaneMap = root.pendingUpdatersLaneMap;
+      var memoizedUpdaters = root.memoizedUpdaters;
+
+      while (lanes > 0) {
+        var index = laneToIndex(lanes);
+        var lane = 1 << index;
+        var updaters = pendingUpdatersLaneMap[index];
+
+        if (updaters.size > 0) {
+          updaters.forEach(function (fiber) {
+            var alternate = fiber.alternate;
+
+            if (alternate === null || !memoizedUpdaters.has(alternate)) {
+              memoizedUpdaters.add(fiber);
+            }
+          });
+          updaters.clear();
+        }
 
-    if (instance) {
-      cacheContext(workInProgress, unmaskedContext, context);
+        lanes &= ~lane;
+      }
+    }
+    function getTransitionsForLanes(root, lanes) {
+      {
+        return null;
+      }
     }
 
-    return context;
-  }
-}
+    var DiscreteEventPriority = SyncLane;
+    var ContinuousEventPriority = InputContinuousLane;
+    var DefaultEventPriority = DefaultLane;
+    var IdleEventPriority = IdleLane;
+    var currentUpdatePriority = NoLane;
+    function getCurrentUpdatePriority() {
+      return currentUpdatePriority;
+    }
+    function setCurrentUpdatePriority(newPriority) {
+      currentUpdatePriority = newPriority;
+    }
+    function higherEventPriority(a, b) {
+      return a !== 0 && a < b ? a : b;
+    }
+    function lowerEventPriority(a, b) {
+      return a === 0 || a > b ? a : b;
+    }
+    function isHigherEventPriority(a, b) {
+      return a !== 0 && a < b;
+    }
+    function lanesToEventPriority(lanes) {
+      var lane = getHighestPriorityLane(lanes);
 
-function hasContextChanged() {
-  {
-    return didPerformWorkStackCursor.current;
-  }
-}
+      if (!isHigherEventPriority(DiscreteEventPriority, lane)) {
+        return DiscreteEventPriority;
+      }
 
-function isContextProvider(type) {
-  {
-    var childContextTypes = type.childContextTypes;
-    return childContextTypes !== null && childContextTypes !== undefined;
-  }
-}
+      if (!isHigherEventPriority(ContinuousEventPriority, lane)) {
+        return ContinuousEventPriority;
+      }
 
-function popContext(fiber) {
-  {
-    pop(didPerformWorkStackCursor, fiber);
-    pop(contextStackCursor, fiber);
-  }
-}
+      if (includesNonIdleWork(lane)) {
+        return DefaultEventPriority;
+      }
 
-function popTopLevelContextObject(fiber) {
-  {
-    pop(didPerformWorkStackCursor, fiber);
-    pop(contextStackCursor, fiber);
-  }
-}
+      return IdleEventPriority;
+    }
 
-function pushTopLevelContextObject(fiber, context, didChange) {
-  {
-    if (contextStackCursor.current !== emptyContextObject) {
+    // Renderers that don't support hydration
+    // can re-export everything from this module.
+    function shim$1() {
+      throw new Error(
+        "The current renderer does not support hydration. " +
+          "This error is likely caused by a bug in React. " +
+          "Please file an issue."
+      );
+    } // Hydration (when unsupported)
+    var isSuspenseInstancePending = shim$1;
+    var isSuspenseInstanceFallback = shim$1;
+    var getSuspenseInstanceFallbackErrorDetails = shim$1;
+    var registerSuspenseInstanceRetry = shim$1;
+    var clearSuspenseBoundary = shim$1;
+    var clearSuspenseBoundaryFromContainer = shim$1;
+    var errorHydratingContainer = shim$1;
+
+    // Renderers that don't support hydration
+    // can re-export everything from this module.
+    function shim() {
       throw new Error(
-        "Unexpected context found on stack. " +
-          "This error is likely caused by a bug in React. Please file an issue."
+        "The current renderer does not support Resources. " +
+          "This error is likely caused by a bug in React. " +
+          "Please file an issue."
       );
+    } // Resources (when unsupported)
+    var suspendResource = shim;
+
+    var getViewConfigForType =
+      ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get; // Unused
+    // Unused
+    // Counter for uniquely identifying views.
+    // % 10 === 1 means it is a rootTag.
+    // % 2 === 0 means it is a Fabric tag.
+
+    var nextReactTag = 3;
+
+    function allocateTag() {
+      var tag = nextReactTag;
+
+      if (tag % 10 === 1) {
+        tag += 2;
+      }
+
+      nextReactTag = tag + 2;
+      return tag;
     }
 
-    push(contextStackCursor, context, fiber);
-    push(didPerformWorkStackCursor, didChange, fiber);
-  }
-}
+    function recursivelyUncacheFiberNode(node) {
+      if (typeof node === "number") {
+        // Leaf node (eg text)
+        uncacheFiberNode(node);
+      } else {
+        uncacheFiberNode(node._nativeTag);
 
-function processChildContext(fiber, type, parentContext) {
-  {
-    var instance = fiber.stateNode;
-    var childContextTypes = type.childContextTypes; // TODO (bvaughn) Replace this behavior with an invariant() in the future.
-    // It has only been added in Fiber to match the (unintentional) behavior in Stack.
+        node._children.forEach(recursivelyUncacheFiberNode);
+      }
+    }
+    function appendInitialChild(parentInstance, child) {
+      parentInstance._children.push(child);
+    }
+    function createInstance(
+      type,
+      props,
+      rootContainerInstance,
+      hostContext,
+      internalInstanceHandle
+    ) {
+      var tag = allocateTag();
+      var viewConfig = getViewConfigForType(type);
 
-    if (typeof instance.getChildContext !== "function") {
       {
-        var componentName = getComponentNameFromFiber(fiber) || "Unknown";
+        for (var key in viewConfig.validAttributes) {
+          if (props.hasOwnProperty(key)) {
+            ReactNativePrivateInterface.deepFreezeAndThrowOnMutationInDev(
+              props[key]
+            );
+          }
+        }
+      }
 
-        if (!warnedAboutMissingGetChildContext[componentName]) {
-          warnedAboutMissingGetChildContext[componentName] = true;
+      var updatePayload = create(props, viewConfig.validAttributes);
+      ReactNativePrivateInterface.UIManager.createView(
+        tag, // reactTag
+        viewConfig.uiViewClassName, // viewName
+        rootContainerInstance, // rootTag
+        updatePayload // props
+      );
+      var component = new ReactNativeFiberHostComponent(
+        tag,
+        viewConfig,
+        internalInstanceHandle
+      );
+      precacheFiberNode(internalInstanceHandle, tag);
+      updateFiberProps(tag, props); // Not sure how to avoid this cast. Flow is okay if the component is defined
+      // in the same file but if it's external it can't see the types.
 
-          error(
-            "%s.childContextTypes is specified but there is no getChildContext() method " +
-              "on the instance. You can either define getChildContext() on %s or remove " +
-              "childContextTypes from it.",
-            componentName,
-            componentName
-          );
-        }
+      return component;
+    }
+    function createTextInstance(
+      text,
+      rootContainerInstance,
+      hostContext,
+      internalInstanceHandle
+    ) {
+      if (!hostContext.isInAParentText) {
+        throw new Error(
+          "Text strings must be rendered within a <Text> component."
+        );
       }
 
-      return parentContext;
+      var tag = allocateTag();
+      ReactNativePrivateInterface.UIManager.createView(
+        tag, // reactTag
+        "RCTRawText", // viewName
+        rootContainerInstance, // rootTag
+        {
+          text: text
+        } // props
+      );
+      precacheFiberNode(internalInstanceHandle, tag);
+      return tag;
     }
+    function finalizeInitialChildren(parentInstance, type, props, hostContext) {
+      // Don't send a no-op message over the bridge.
+      if (parentInstance._children.length === 0) {
+        return false;
+      } // Map from child objects to native tags.
+      // Either way we need to pass a copy of the Array to prevent it from being frozen.
 
-    var childContext = instance.getChildContext();
+      var nativeTags = parentInstance._children.map(function (child) {
+        return typeof child === "number"
+          ? child // Leaf node (eg text)
+          : child._nativeTag;
+      });
 
-    for (var contextKey in childContext) {
-      if (!(contextKey in childContextTypes)) {
-        throw new Error(
-          (getComponentNameFromFiber(fiber) || "Unknown") +
-            '.getChildContext(): key "' +
-            contextKey +
-            '" is not defined in childContextTypes.'
+      ReactNativePrivateInterface.UIManager.setChildren(
+        parentInstance._nativeTag, // containerTag
+        nativeTags // reactTags
+      );
+      return false;
+    }
+    function getRootHostContext(rootContainerInstance) {
+      return {
+        isInAParentText: false
+      };
+    }
+    function getChildHostContext(parentHostContext, type) {
+      var prevIsInAParentText = parentHostContext.isInAParentText;
+      var isInAParentText =
+        type === "AndroidTextInput" || // Android
+        type === "RCTMultilineTextInputView" || // iOS
+        type === "RCTSinglelineTextInputView" || // iOS
+        type === "RCTText" ||
+        type === "RCTVirtualText";
+
+      if (prevIsInAParentText !== isInAParentText) {
+        return {
+          isInAParentText: isInAParentText
+        };
+      } else {
+        return parentHostContext;
+      }
+    }
+    function getPublicInstance(instance) {
+      // $FlowExpectedError[prop-missing] For compatibility with Fabric
+      if (
+        instance.canonical != null &&
+        instance.canonical.publicInstance != null
+      ) {
+        // $FlowFixMe[incompatible-return]
+        return instance.canonical.publicInstance;
+      }
+
+      return instance;
+    }
+    var scheduleTimeout = setTimeout;
+    var cancelTimeout = clearTimeout;
+    var noTimeout = -1;
+    function shouldSetTextContent(type, props) {
+      // TODO (bvaughn) Revisit this decision.
+      // Always returning false simplifies the createInstance() implementation,
+      // But creates an additional child Fiber for raw text children.
+      // No additional native views are created though.
+      // It's not clear to me which is better so I'm deferring for now.
+      // More context @ github.com/facebook/react/pull/8560#discussion_r92111303
+      return false;
+    }
+    function getCurrentEventPriority() {
+      return DefaultEventPriority;
+    }
+    function shouldAttemptEagerTransition() {
+      return false;
+    } // -------------------
+    function appendChild(parentInstance, child) {
+      var childTag = typeof child === "number" ? child : child._nativeTag;
+      var children = parentInstance._children;
+      var index = children.indexOf(child);
+
+      if (index >= 0) {
+        children.splice(index, 1);
+        children.push(child);
+        ReactNativePrivateInterface.UIManager.manageChildren(
+          parentInstance._nativeTag, // containerTag
+          [index], // moveFromIndices
+          [children.length - 1], // moveToIndices
+          [], // addChildReactTags
+          [], // addAtIndices
+          [] // removeAtIndices
+        );
+      } else {
+        children.push(child);
+        ReactNativePrivateInterface.UIManager.manageChildren(
+          parentInstance._nativeTag, // containerTag
+          [], // moveFromIndices
+          [], // moveToIndices
+          [childTag], // addChildReactTags
+          [children.length - 1], // addAtIndices
+          [] // removeAtIndices
         );
       }
     }
-
-    {
-      var name = getComponentNameFromFiber(fiber) || "Unknown";
-      checkPropTypes(childContextTypes, childContext, "child context", name);
+    function appendChildToContainer(parentInstance, child) {
+      var childTag = typeof child === "number" ? child : child._nativeTag;
+      ReactNativePrivateInterface.UIManager.setChildren(
+        parentInstance, // containerTag
+        [childTag] // reactTags
+      );
+    }
+    function commitTextUpdate(textInstance, oldText, newText) {
+      ReactNativePrivateInterface.UIManager.updateView(
+        textInstance, // reactTag
+        "RCTRawText", // viewName
+        {
+          text: newText
+        } // props
+      );
+    }
+    function commitMount(instance, type, newProps, internalInstanceHandle) {
+      // Noop
+    }
+    function commitUpdate(
+      instance,
+      updatePayloadTODO,
+      type,
+      oldProps,
+      newProps,
+      internalInstanceHandle
+    ) {
+      var viewConfig = instance.viewConfig;
+      updateFiberProps(instance._nativeTag, newProps);
+      var updatePayload = diff(oldProps, newProps, viewConfig.validAttributes); // Avoid the overhead of bridge calls if there's no update.
+      // This is an expensive no-op for Android, and causes an unnecessary
+      // view invalidation for certain components (eg RCTTextInput) on iOS.
+
+      if (updatePayload != null) {
+        ReactNativePrivateInterface.UIManager.updateView(
+          instance._nativeTag, // reactTag
+          viewConfig.uiViewClassName, // viewName
+          updatePayload // props
+        );
+      }
+    }
+    function insertBefore(parentInstance, child, beforeChild) {
+      var children = parentInstance._children;
+      var index = children.indexOf(child); // Move existing child or add new child?
+
+      if (index >= 0) {
+        children.splice(index, 1);
+        var beforeChildIndex = children.indexOf(beforeChild);
+        children.splice(beforeChildIndex, 0, child);
+        ReactNativePrivateInterface.UIManager.manageChildren(
+          parentInstance._nativeTag, // containerID
+          [index], // moveFromIndices
+          [beforeChildIndex], // moveToIndices
+          [], // addChildReactTags
+          [], // addAtIndices
+          [] // removeAtIndices
+        );
+      } else {
+        var _beforeChildIndex = children.indexOf(beforeChild);
+
+        children.splice(_beforeChildIndex, 0, child);
+        var childTag = typeof child === "number" ? child : child._nativeTag;
+        ReactNativePrivateInterface.UIManager.manageChildren(
+          parentInstance._nativeTag, // containerID
+          [], // moveFromIndices
+          [], // moveToIndices
+          [childTag], // addChildReactTags
+          [_beforeChildIndex], // addAtIndices
+          [] // removeAtIndices
+        );
+      }
+    }
+    function insertInContainerBefore(parentInstance, child, beforeChild) {
+      // TODO (bvaughn): Remove this check when...
+      // We create a wrapper object for the container in ReactNative render()
+      // Or we refactor to remove wrapper objects entirely.
+      // For more info on pros/cons see PR #8560 description.
+      if (typeof parentInstance === "number") {
+        throw new Error("Container does not support insertBefore operation");
+      }
+    }
+    function removeChild(parentInstance, child) {
+      recursivelyUncacheFiberNode(child);
+      var children = parentInstance._children;
+      var index = children.indexOf(child);
+      children.splice(index, 1);
+      ReactNativePrivateInterface.UIManager.manageChildren(
+        parentInstance._nativeTag, // containerID
+        [], // moveFromIndices
+        [], // moveToIndices
+        [], // addChildReactTags
+        [], // addAtIndices
+        [index] // removeAtIndices
+      );
+    }
+    function removeChildFromContainer(parentInstance, child) {
+      recursivelyUncacheFiberNode(child);
+      ReactNativePrivateInterface.UIManager.manageChildren(
+        parentInstance, // containerID
+        [], // moveFromIndices
+        [], // moveToIndices
+        [], // addChildReactTags
+        [], // addAtIndices
+        [0] // removeAtIndices
+      );
+    }
+    function resetTextContent(instance) {
+      // Noop
+    }
+    function hideInstance(instance) {
+      var viewConfig = instance.viewConfig;
+      var updatePayload = create(
+        {
+          style: {
+            display: "none"
+          }
+        },
+        viewConfig.validAttributes
+      );
+      ReactNativePrivateInterface.UIManager.updateView(
+        instance._nativeTag,
+        viewConfig.uiViewClassName,
+        updatePayload
+      );
+    }
+    function hideTextInstance(textInstance) {
+      throw new Error("Not yet implemented.");
+    }
+    function unhideInstance(instance, props) {
+      var viewConfig = instance.viewConfig;
+      var updatePayload = diff(
+        assign({}, props, {
+          style: [
+            props.style,
+            {
+              display: "none"
+            }
+          ]
+        }),
+        props,
+        viewConfig.validAttributes
+      );
+      ReactNativePrivateInterface.UIManager.updateView(
+        instance._nativeTag,
+        viewConfig.uiViewClassName,
+        updatePayload
+      );
+    }
+    function unhideTextInstance(textInstance, text) {
+      throw new Error("Not yet implemented.");
+    }
+    function preloadInstance(type, props) {
+      // Return true to indicate it's already loaded
+      return true;
+    }
+    function waitForCommitToBeReady() {
+      return null;
     }
 
-    return assign({}, parentContext, childContext);
-  }
-}
+    function describeBuiltInComponentFrame(name, ownerFn) {
+      {
+        var ownerName = null;
 
-function pushContextProvider(workInProgress) {
-  {
-    var instance = workInProgress.stateNode; // We push the context as early as possible to ensure stack integrity.
-    // If the instance does not exist yet, we will push null at first,
-    // and replace it on the stack later when invalidating the context.
-
-    var memoizedMergedChildContext =
-      (instance && instance.__reactInternalMemoizedMergedChildContext) ||
-      emptyContextObject; // Remember the parent context so we can merge with it later.
-    // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
-
-    previousContext = contextStackCursor.current;
-    push(contextStackCursor, memoizedMergedChildContext, workInProgress);
-    push(
-      didPerformWorkStackCursor,
-      didPerformWorkStackCursor.current,
-      workInProgress
-    );
-    return true;
-  }
-}
+        if (ownerFn) {
+          ownerName = ownerFn.displayName || ownerFn.name || null;
+        }
 
-function invalidateContextProvider(workInProgress, type, didChange) {
-  {
-    var instance = workInProgress.stateNode;
+        return describeComponentFrame(name, ownerName);
+      }
+    }
 
-    if (!instance) {
-      throw new Error(
-        "Expected to have an instance by this point. " +
-          "This error is likely caused by a bug in React. Please file an issue."
-      );
+    {
+      var PossiblyWeakMap$1 = typeof WeakMap === "function" ? WeakMap : Map;
+      new PossiblyWeakMap$1();
     }
 
-    if (didChange) {
-      // Merge parent and own context.
-      // Skip this if we're not updating due to sCU.
-      // This avoids unnecessarily recomputing memoized values.
-      var mergedContext = processChildContext(
-        workInProgress,
-        type,
-        previousContext
-      );
-      instance.__reactInternalMemoizedMergedChildContext = mergedContext; // Replace the old (or empty) context with the new one.
-      // It is important to unwind the context in the reverse order.
+    function describeComponentFrame(name, ownerName) {
+      var sourceInfo = "";
 
-      pop(didPerformWorkStackCursor, workInProgress);
-      pop(contextStackCursor, workInProgress); // Now push the new context and mark that it has changed.
+      if (ownerName) {
+        sourceInfo = " (created by " + ownerName + ")";
+      }
 
-      push(contextStackCursor, mergedContext, workInProgress);
-      push(didPerformWorkStackCursor, didChange, workInProgress);
-    } else {
-      pop(didPerformWorkStackCursor, workInProgress);
-      push(didPerformWorkStackCursor, didChange, workInProgress);
+      return "\n    in " + (name || "Unknown") + sourceInfo;
     }
-  }
-}
 
-function findCurrentUnmaskedContext(fiber) {
-  {
-    // Currently this is only used with renderSubtreeIntoContainer; not sure if it
-    // makes sense elsewhere
-    if (!isFiberMounted(fiber) || fiber.tag !== ClassComponent) {
-      throw new Error(
-        "Expected subtree parent to be a mounted class component. " +
-          "This error is likely caused by a bug in React. Please file an issue."
-      );
+    function describeClassComponentFrame(ctor, ownerFn) {
+      {
+        return describeFunctionComponentFrame(ctor, ownerFn);
+      }
     }
+    function describeFunctionComponentFrame(fn, ownerFn) {
+      {
+        if (!fn) {
+          return "";
+        }
 
-    var node = fiber;
+        var name = fn.displayName || fn.name || null;
+        var ownerName = null;
 
-    do {
-      switch (node.tag) {
-        case HostRoot:
-          return node.stateNode.context;
+        if (ownerFn) {
+          ownerName = ownerFn.displayName || ownerFn.name || null;
+        }
 
-        case ClassComponent: {
-          var Component = node.type;
+        return describeComponentFrame(name, ownerName);
+      }
+    }
 
-          if (isContextProvider(Component)) {
-            return node.stateNode.__reactInternalMemoizedMergedChildContext;
-          }
+    function describeUnknownElementTypeFrameInDEV(type, ownerFn) {
+      if (type == null) {
+        return "";
+      }
 
-          break;
+      if (typeof type === "function") {
+        {
+          return describeFunctionComponentFrame(type, ownerFn);
         }
       }
 
-      node = node.return;
-    } while (node !== null);
+      if (typeof type === "string") {
+        return describeBuiltInComponentFrame(type, ownerFn);
+      }
 
-    throw new Error(
-      "Found unexpected detached subtree parent. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-}
+      switch (type) {
+        case REACT_SUSPENSE_TYPE:
+          return describeBuiltInComponentFrame("Suspense", ownerFn);
 
-var LegacyRoot = 0;
-var ConcurrentRoot = 1;
+        case REACT_SUSPENSE_LIST_TYPE:
+          return describeBuiltInComponentFrame("SuspenseList", ownerFn);
+      }
 
-/**
- * inlined Object.is polyfill to avoid requiring consumers ship their own
- * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
- */
-function is(x, y) {
-  return (
-    (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y) // eslint-disable-line no-self-compare
-  );
-}
+      if (typeof type === "object") {
+        switch (type.$$typeof) {
+          case REACT_FORWARD_REF_TYPE:
+            return describeFunctionComponentFrame(type.render, ownerFn);
 
-var objectIs = typeof Object.is === "function" ? Object.is : is;
-
-var syncQueue = null;
-var includesLegacySyncCallbacks = false;
-var isFlushingSyncQueue = false;
-function scheduleSyncCallback(callback) {
-  // Push this callback into an internal queue. We'll flush these either in
-  // the next tick, or earlier if something calls `flushSyncCallbackQueue`.
-  if (syncQueue === null) {
-    syncQueue = [callback];
-  } else {
-    // Push onto existing queue. Don't need to schedule a callback because
-    // we already scheduled one when we created the queue.
-    syncQueue.push(callback);
-  }
-}
-function scheduleLegacySyncCallback(callback) {
-  includesLegacySyncCallbacks = true;
-  scheduleSyncCallback(callback);
-}
-function flushSyncCallbacksOnlyInLegacyMode() {
-  // Only flushes the queue if there's a legacy sync callback scheduled.
-  // TODO: There's only a single type of callback: performSyncOnWorkOnRoot. So
-  // it might make more sense for the queue to be a list of roots instead of a
-  // list of generic callbacks. Then we can have two: one for legacy roots, one
-  // for concurrent roots. And this method would only flush the legacy ones.
-  if (includesLegacySyncCallbacks) {
-    flushSyncCallbacks();
-  }
-}
-function flushSyncCallbacks() {
-  if (!isFlushingSyncQueue && syncQueue !== null) {
-    // Prevent re-entrance.
-    isFlushingSyncQueue = true;
-    var i = 0;
-    var previousUpdatePriority = getCurrentUpdatePriority();
+          case REACT_MEMO_TYPE:
+            // Memo may contain any component type so we recursively resolve it.
+            return describeUnknownElementTypeFrameInDEV(type.type, ownerFn);
 
-    try {
-      var isSync = true;
-      var queue = syncQueue; // TODO: Is this necessary anymore? The only user code that runs in this
-      // queue is in the render or commit phases.
+          case REACT_LAZY_TYPE: {
+            var lazyComponent = type;
+            var payload = lazyComponent._payload;
+            var init = lazyComponent._init;
 
-      setCurrentUpdatePriority(DiscreteEventPriority);
+            try {
+              // Lazy may contain any component type so we recursively resolve it.
+              return describeUnknownElementTypeFrameInDEV(
+                init(payload),
+                ownerFn
+              );
+            } catch (x) {}
+          }
+        }
+      }
 
-      for (; i < queue.length; i++) {
-        var callback = queue[i];
+      return "";
+    }
 
-        do {
-          callback = callback(isSync);
-        } while (callback !== null);
-      }
+    // $FlowFixMe[method-unbinding]
+    var hasOwnProperty = Object.prototype.hasOwnProperty;
 
-      syncQueue = null;
-      includesLegacySyncCallbacks = false;
-    } catch (error) {
-      // If something throws, leave the remaining callbacks on the queue.
-      if (syncQueue !== null) {
-        syncQueue = syncQueue.slice(i + 1);
-      } // Resume flushing in the next tick
+    var loggedTypeFailures = {};
+    var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
 
-      scheduleCallback(ImmediatePriority, flushSyncCallbacks);
-      throw error;
-    } finally {
-      setCurrentUpdatePriority(previousUpdatePriority);
-      isFlushingSyncQueue = false;
+    function setCurrentlyValidatingElement(element) {
+      {
+        if (element) {
+          var owner = element._owner;
+          var stack = describeUnknownElementTypeFrameInDEV(
+            element.type,
+            owner ? owner.type : null
+          );
+          ReactDebugCurrentFrame$1.setExtraStackFrame(stack);
+        } else {
+          ReactDebugCurrentFrame$1.setExtraStackFrame(null);
+        }
+      }
     }
-  }
 
-  return null;
-}
+    function checkPropTypes(
+      typeSpecs,
+      values,
+      location,
+      componentName,
+      element
+    ) {
+      {
+        // $FlowFixMe[incompatible-use] This is okay but Flow doesn't know it.
+        var has = Function.call.bind(hasOwnProperty);
 
-// This is imported by the event replaying implementation in React DOM. It's
-// in a separate file to break a circular dependency between the renderer and
-// the reconciler.
-function isRootDehydrated(root) {
-  var currentState = root.current.memoizedState;
-  return currentState.isDehydrated;
-}
+        for (var typeSpecName in typeSpecs) {
+          if (has(typeSpecs, typeSpecName)) {
+            var error$1 = void 0; // Prop type validation may throw. In case they do, we don't want to
+            // fail the render phase where it didn't fail before. So we log it.
+            // After these have been cleaned up, we'll let them throw.
 
-// TODO: Use the unified fiber stack module instead of this local one?
-// Intentionally not using it yet to derisk the initial implementation, because
-// the way we push/pop these values is a bit unusual. If there's a mistake, I'd
-// rather the ids be wrong than crash the whole reconciler.
-var forkStack = [];
-var forkStackIndex = 0;
-var treeForkProvider = null;
-var treeForkCount = 0;
-var idStack = [];
-var idStackIndex = 0;
-var treeContextProvider = null;
-var treeContextId = 1;
-var treeContextOverflow = "";
-
-function popTreeContext(workInProgress) {
-  // Restore the previous values.
-  // This is a bit more complicated than other context-like modules in Fiber
-  // because the same Fiber may appear on the stack multiple times and for
-  // different reasons. We have to keep popping until the work-in-progress is
-  // no longer at the top of the stack.
-  while (workInProgress === treeForkProvider) {
-    treeForkProvider = forkStack[--forkStackIndex];
-    forkStack[forkStackIndex] = null;
-    treeForkCount = forkStack[--forkStackIndex];
-    forkStack[forkStackIndex] = null;
-  }
-
-  while (workInProgress === treeContextProvider) {
-    treeContextProvider = idStack[--idStackIndex];
-    idStack[idStackIndex] = null;
-    treeContextOverflow = idStack[--idStackIndex];
-    idStack[idStackIndex] = null;
-    treeContextId = idStack[--idStackIndex];
-    idStack[idStackIndex] = null;
-  }
-}
+            try {
+              // This is intentionally an invariant that gets caught. It's the same
+              // behavior as without this statement except with a better message.
+              if (typeof typeSpecs[typeSpecName] !== "function") {
+                // eslint-disable-next-line react-internal/prod-error-codes
+                var err = Error(
+                  (componentName || "React class") +
+                    ": " +
+                    location +
+                    " type `" +
+                    typeSpecName +
+                    "` is invalid; " +
+                    "it must be a function, usually from the `prop-types` package, but received `" +
+                    typeof typeSpecs[typeSpecName] +
+                    "`." +
+                    "This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`."
+                );
+                err.name = "Invariant Violation";
+                throw err;
+              }
 
-var isHydrating = false; // This flag allows for warning supression when we expect there to be mismatches
-// due to earlier mismatches or a suspended fiber.
+              error$1 = typeSpecs[typeSpecName](
+                values,
+                typeSpecName,
+                componentName,
+                location,
+                null,
+                "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"
+              );
+            } catch (ex) {
+              error$1 = ex;
+            }
 
-var didSuspendOrErrorDEV = false; // Hydration errors that were thrown inside this boundary
+            if (error$1 && !(error$1 instanceof Error)) {
+              setCurrentlyValidatingElement(element);
 
-var hydrationErrors = null;
-function didSuspendOrErrorWhileHydratingDEV() {
-  {
-    return didSuspendOrErrorDEV;
-  }
-}
+              error(
+                "%s: type specification of %s" +
+                  " `%s` is invalid; the type checker " +
+                  "function must return `null` or an `Error` but returned a %s. " +
+                  "You may have forgotten to pass an argument to the type checker " +
+                  "creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and " +
+                  "shape all require an argument).",
+                componentName || "React class",
+                location,
+                typeSpecName,
+                typeof error$1
+              );
 
-function reenterHydrationStateFromDehydratedSuspenseInstance(
-  fiber,
-  suspenseInstance,
-  treeContext
-) {
-  {
-    return false;
-  }
-}
+              setCurrentlyValidatingElement(null);
+            }
 
-function prepareToHydrateHostInstance(
-  fiber,
-  rootContainerInstance,
-  hostContext
-) {
-  {
-    throw new Error(
-      "Expected prepareToHydrateHostInstance() to never be called. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-}
+            if (
+              error$1 instanceof Error &&
+              !(error$1.message in loggedTypeFailures)
+            ) {
+              // Only monitor this failure once because there tends to be a lot of the
+              // same error.
+              loggedTypeFailures[error$1.message] = true;
+              setCurrentlyValidatingElement(element);
 
-function prepareToHydrateHostTextInstance(fiber) {
-  {
-    throw new Error(
-      "Expected prepareToHydrateHostTextInstance() to never be called. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-  var shouldUpdate = hydrateTextInstance();
-}
+              error("Failed %s type: %s", location, error$1.message);
 
-function prepareToHydrateHostSuspenseInstance(fiber) {
-  {
-    throw new Error(
-      "Expected prepareToHydrateHostSuspenseInstance() to never be called. " +
-        "This error is likely caused by a bug in React. Please file an issue."
-    );
-  }
-}
+              setCurrentlyValidatingElement(null);
+            }
+          }
+        }
+      }
+    }
 
-function popHydrationState(fiber) {
-  {
-    return false;
-  }
-}
+    var valueStack = [];
+    var fiberStack;
 
-function upgradeHydrationErrorsToRecoverable() {
-  if (hydrationErrors !== null) {
-    // Successfully completed a forced client render. The errors that occurred
-    // during the hydration attempt are now recovered. We will log them in
-    // commit phase, once the entire tree has finished.
-    queueRecoverableErrors(hydrationErrors);
-    hydrationErrors = null;
-  }
-}
+    {
+      fiberStack = [];
+    }
 
-function getIsHydrating() {
-  return isHydrating;
-}
+    var index = -1;
 
-function queueHydrationError(error) {
-  if (hydrationErrors === null) {
-    hydrationErrors = [error];
-  } else {
-    hydrationErrors.push(error);
-  }
-}
+    function createCursor(defaultValue) {
+      return {
+        current: defaultValue
+      };
+    }
 
-var ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
-var NoTransition = null;
-function requestCurrentTransition() {
-  return ReactCurrentBatchConfig.transition;
-}
+    function pop(cursor, fiber) {
+      if (index < 0) {
+        {
+          error("Unexpected pop.");
+        }
 
-/**
- * Performs equality by iterating through keys on an object and returning false
- * when any key has values which are not strictly equal between the arguments.
- * Returns true when the values of all keys are strictly equal.
- */
+        return;
+      }
 
-function shallowEqual(objA, objB) {
-  if (objectIs(objA, objB)) {
-    return true;
-  }
+      {
+        if (fiber !== fiberStack[index]) {
+          error("Unexpected Fiber popped.");
+        }
+      }
 
-  if (
-    typeof objA !== "object" ||
-    objA === null ||
-    typeof objB !== "object" ||
-    objB === null
-  ) {
-    return false;
-  }
+      cursor.current = valueStack[index];
+      valueStack[index] = null;
 
-  var keysA = Object.keys(objA);
-  var keysB = Object.keys(objB);
+      {
+        fiberStack[index] = null;
+      }
 
-  if (keysA.length !== keysB.length) {
-    return false;
-  } // Test for A's keys different from B.
+      index--;
+    }
 
-  for (var i = 0; i < keysA.length; i++) {
-    var currentKey = keysA[i];
+    function push(cursor, value, fiber) {
+      index++;
+      valueStack[index] = cursor.current;
 
-    if (
-      !hasOwnProperty.call(objB, currentKey) ||
-      !objectIs(objA[currentKey], objB[currentKey])
-    ) {
-      return false;
+      {
+        fiberStack[index] = fiber;
+      }
+
+      cursor.current = value;
     }
-  }
 
-  return true;
-}
+    var warnedAboutMissingGetChildContext;
 
-function describeFiber(fiber) {
-  var owner = fiber._debugOwner ? fiber._debugOwner.type : null;
-  var source = fiber._debugSource;
+    {
+      warnedAboutMissingGetChildContext = {};
+    }
 
-  switch (fiber.tag) {
-    case HostComponent:
-      return describeBuiltInComponentFrame(fiber.type, source, owner);
+    var emptyContextObject = {};
 
-    case LazyComponent:
-      return describeBuiltInComponentFrame("Lazy", source, owner);
+    {
+      Object.freeze(emptyContextObject);
+    } // A cursor to the current merged context object on the stack.
 
-    case SuspenseComponent:
-      return describeBuiltInComponentFrame("Suspense", source, owner);
+    var contextStackCursor$1 = createCursor(emptyContextObject); // A cursor to a boolean indicating whether the context has changed.
 
-    case SuspenseListComponent:
-      return describeBuiltInComponentFrame("SuspenseList", source, owner);
+    var didPerformWorkStackCursor = createCursor(false); // Keep track of the previous context object that was on the stack.
+    // We use this to get access to the parent context after we have already
+    // pushed the next context provider, and now need to merge their contexts.
 
-    case FunctionComponent:
-    case IndeterminateComponent:
-    case SimpleMemoComponent:
-      return describeFunctionComponentFrame(fiber.type, source, owner);
+    var previousContext = emptyContextObject;
 
-    case ForwardRef:
-      return describeFunctionComponentFrame(fiber.type.render, source, owner);
+    function getUnmaskedContext(
+      workInProgress,
+      Component,
+      didPushOwnContextIfProvider
+    ) {
+      {
+        if (didPushOwnContextIfProvider && isContextProvider(Component)) {
+          // If the fiber is a context provider itself, when we read its context
+          // we may have already pushed its own child context on the stack. A context
+          // provider should not "see" its own child context. Therefore we read the
+          // previous (parent) context instead for a context provider.
+          return previousContext;
+        }
 
-    case ClassComponent:
-      return describeClassComponentFrame(fiber.type, source, owner);
+        return contextStackCursor$1.current;
+      }
+    }
 
-    default:
-      return "";
-  }
-}
+    function cacheContext(workInProgress, unmaskedContext, maskedContext) {
+      {
+        var instance = workInProgress.stateNode;
+        instance.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext;
+        instance.__reactInternalMemoizedMaskedChildContext = maskedContext;
+      }
+    }
 
-function getStackByFiberInDevAndProd(workInProgress) {
-  try {
-    var info = "";
-    var node = workInProgress;
+    function getMaskedContext(workInProgress, unmaskedContext) {
+      {
+        var type = workInProgress.type;
+        var contextTypes = type.contextTypes;
 
-    do {
-      info += describeFiber(node);
-      node = node.return;
-    } while (node);
+        if (!contextTypes) {
+          return emptyContextObject;
+        } // Avoid recreating masked context unless unmasked context has changed.
+        // Failing to do this will result in unnecessary calls to componentWillReceiveProps.
+        // This may trigger infinite loops if componentWillReceiveProps calls setState.
 
-    return info;
-  } catch (x) {
-    return "\nError generating stack: " + x.message + "\n" + x.stack;
-  }
-}
+        var instance = workInProgress.stateNode;
 
-var ReactDebugCurrentFrame$1 = ReactSharedInternals.ReactDebugCurrentFrame;
-var current = null;
-var isRendering = false;
-function getCurrentFiberOwnerNameInDevOrNull() {
-  {
-    if (current === null) {
-      return null;
-    }
+        if (
+          instance &&
+          instance.__reactInternalMemoizedUnmaskedChildContext ===
+            unmaskedContext
+        ) {
+          return instance.__reactInternalMemoizedMaskedChildContext;
+        }
 
-    var owner = current._debugOwner;
+        var context = {};
 
-    if (owner !== null && typeof owner !== "undefined") {
-      return getComponentNameFromFiber(owner);
-    }
-  }
+        for (var key in contextTypes) {
+          context[key] = unmaskedContext[key];
+        }
 
-  return null;
-}
+        {
+          var name = getComponentNameFromFiber(workInProgress) || "Unknown";
+          checkPropTypes(contextTypes, context, "context", name);
+        } // Cache unmasked context so we can avoid recreating masked context unless necessary.
+        // Context is created before the class component is instantiated so check for instance.
 
-function getCurrentFiberStackInDev() {
-  {
-    if (current === null) {
-      return "";
-    } // Safe because if current fiber exists, we are reconciling,
-    // and it is guaranteed to be the work-in-progress version.
+        if (instance) {
+          cacheContext(workInProgress, unmaskedContext, context);
+        }
 
-    return getStackByFiberInDevAndProd(current);
-  }
-}
+        return context;
+      }
+    }
 
-function resetCurrentFiber() {
-  {
-    ReactDebugCurrentFrame$1.getCurrentStack = null;
-    current = null;
-    isRendering = false;
-  }
-}
-function setCurrentFiber(fiber) {
-  {
-    ReactDebugCurrentFrame$1.getCurrentStack =
-      fiber === null ? null : getCurrentFiberStackInDev;
-    current = fiber;
-    isRendering = false;
-  }
-}
-function getCurrentFiber() {
-  {
-    return current;
-  }
-}
-function setIsRendering(rendering) {
-  {
-    isRendering = rendering;
-  }
-}
+    function hasContextChanged() {
+      {
+        return didPerformWorkStackCursor.current;
+      }
+    }
 
-var ReactStrictModeWarnings = {
-  recordUnsafeLifecycleWarnings: function(fiber, instance) {},
-  flushPendingUnsafeLifecycleWarnings: function() {},
-  recordLegacyContextWarning: function(fiber, instance) {},
-  flushLegacyContextWarning: function() {},
-  discardPendingWarnings: function() {}
-};
+    function isContextProvider(type) {
+      {
+        var childContextTypes = type.childContextTypes;
+        return childContextTypes !== null && childContextTypes !== undefined;
+      }
+    }
 
-{
-  var findStrictRoot = function(fiber) {
-    var maybeStrictRoot = null;
-    var node = fiber;
+    function popContext(fiber) {
+      {
+        pop(didPerformWorkStackCursor, fiber);
+        pop(contextStackCursor$1, fiber);
+      }
+    }
 
-    while (node !== null) {
-      if (node.mode & StrictLegacyMode) {
-        maybeStrictRoot = node;
+    function popTopLevelContextObject(fiber) {
+      {
+        pop(didPerformWorkStackCursor, fiber);
+        pop(contextStackCursor$1, fiber);
       }
+    }
+
+    function pushTopLevelContextObject(fiber, context, didChange) {
+      {
+        if (contextStackCursor$1.current !== emptyContextObject) {
+          throw new Error(
+            "Unexpected context found on stack. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        }
 
-      node = node.return;
+        push(contextStackCursor$1, context, fiber);
+        push(didPerformWorkStackCursor, didChange, fiber);
+      }
     }
 
-    return maybeStrictRoot;
-  };
+    function processChildContext(fiber, type, parentContext) {
+      {
+        var instance = fiber.stateNode;
+        var childContextTypes = type.childContextTypes; // TODO (bvaughn) Replace this behavior with an invariant() in the future.
+        // It has only been added in Fiber to match the (unintentional) behavior in Stack.
 
-  var setToSortedString = function(set) {
-    var array = [];
-    set.forEach(function(value) {
-      array.push(value);
-    });
-    return array.sort().join(", ");
-  };
+        if (typeof instance.getChildContext !== "function") {
+          {
+            var componentName = getComponentNameFromFiber(fiber) || "Unknown";
 
-  var pendingComponentWillMountWarnings = [];
-  var pendingUNSAFE_ComponentWillMountWarnings = [];
-  var pendingComponentWillReceivePropsWarnings = [];
-  var pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
-  var pendingComponentWillUpdateWarnings = [];
-  var pendingUNSAFE_ComponentWillUpdateWarnings = []; // Tracks components we have already warned about.
+            if (!warnedAboutMissingGetChildContext[componentName]) {
+              warnedAboutMissingGetChildContext[componentName] = true;
 
-  var didWarnAboutUnsafeLifecycles = new Set();
+              error(
+                "%s.childContextTypes is specified but there is no getChildContext() method " +
+                  "on the instance. You can either define getChildContext() on %s or remove " +
+                  "childContextTypes from it.",
+                componentName,
+                componentName
+              );
+            }
+          }
 
-  ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function(
-    fiber,
-    instance
-  ) {
-    // Dedupe strategy: Warn once per component.
-    if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
-      return;
-    }
+          return parentContext;
+        }
 
-    if (
-      typeof instance.componentWillMount === "function" && // Don't warn about react-lifecycles-compat polyfilled components.
-      instance.componentWillMount.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillMountWarnings.push(fiber);
-    }
+        var childContext = instance.getChildContext();
 
-    if (
-      fiber.mode & StrictLegacyMode &&
-      typeof instance.UNSAFE_componentWillMount === "function"
-    ) {
-      pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
-    }
+        for (var contextKey in childContext) {
+          if (!(contextKey in childContextTypes)) {
+            throw new Error(
+              (getComponentNameFromFiber(fiber) || "Unknown") +
+                '.getChildContext(): key "' +
+                contextKey +
+                '" is not defined in childContextTypes.'
+            );
+          }
+        }
 
-    if (
-      typeof instance.componentWillReceiveProps === "function" &&
-      instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillReceivePropsWarnings.push(fiber);
-    }
+        {
+          var name = getComponentNameFromFiber(fiber) || "Unknown";
+          checkPropTypes(
+            childContextTypes,
+            childContext,
+            "child context",
+            name
+          );
+        }
 
-    if (
-      fiber.mode & StrictLegacyMode &&
-      typeof instance.UNSAFE_componentWillReceiveProps === "function"
-    ) {
-      pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
+        return assign({}, parentContext, childContext);
+      }
     }
 
-    if (
-      typeof instance.componentWillUpdate === "function" &&
-      instance.componentWillUpdate.__suppressDeprecationWarning !== true
-    ) {
-      pendingComponentWillUpdateWarnings.push(fiber);
+    function pushContextProvider(workInProgress) {
+      {
+        var instance = workInProgress.stateNode; // We push the context as early as possible to ensure stack integrity.
+        // If the instance does not exist yet, we will push null at first,
+        // and replace it on the stack later when invalidating the context.
+
+        var memoizedMergedChildContext =
+          (instance && instance.__reactInternalMemoizedMergedChildContext) ||
+          emptyContextObject; // Remember the parent context so we can merge with it later.
+        // Inherit the parent's did-perform-work value to avoid inadvertently blocking updates.
+
+        previousContext = contextStackCursor$1.current;
+        push(contextStackCursor$1, memoizedMergedChildContext, workInProgress);
+        push(
+          didPerformWorkStackCursor,
+          didPerformWorkStackCursor.current,
+          workInProgress
+        );
+        return true;
+      }
     }
 
-    if (
-      fiber.mode & StrictLegacyMode &&
-      typeof instance.UNSAFE_componentWillUpdate === "function"
-    ) {
-      pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
-    }
-  };
+    function invalidateContextProvider(workInProgress, type, didChange) {
+      {
+        var instance = workInProgress.stateNode;
 
-  ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings = function() {
-    // We do an initial pass to gather component names
-    var componentWillMountUniqueNames = new Set();
+        if (!instance) {
+          throw new Error(
+            "Expected to have an instance by this point. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        }
 
-    if (pendingComponentWillMountWarnings.length > 0) {
-      pendingComponentWillMountWarnings.forEach(function(fiber) {
-        componentWillMountUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
-        );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingComponentWillMountWarnings = [];
-    }
+        if (didChange) {
+          // Merge parent and own context.
+          // Skip this if we're not updating due to sCU.
+          // This avoids unnecessarily recomputing memoized values.
+          var mergedContext = processChildContext(
+            workInProgress,
+            type,
+            previousContext
+          );
+          instance.__reactInternalMemoizedMergedChildContext = mergedContext; // Replace the old (or empty) context with the new one.
+          // It is important to unwind the context in the reverse order.
 
-    var UNSAFE_componentWillMountUniqueNames = new Set();
+          pop(didPerformWorkStackCursor, workInProgress);
+          pop(contextStackCursor$1, workInProgress); // Now push the new context and mark that it has changed.
 
-    if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
-      pendingUNSAFE_ComponentWillMountWarnings.forEach(function(fiber) {
-        UNSAFE_componentWillMountUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
-        );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingUNSAFE_ComponentWillMountWarnings = [];
+          push(contextStackCursor$1, mergedContext, workInProgress);
+          push(didPerformWorkStackCursor, didChange, workInProgress);
+        } else {
+          pop(didPerformWorkStackCursor, workInProgress);
+          push(didPerformWorkStackCursor, didChange, workInProgress);
+        }
+      }
     }
 
-    var componentWillReceivePropsUniqueNames = new Set();
+    function findCurrentUnmaskedContext(fiber) {
+      {
+        // Currently this is only used with renderSubtreeIntoContainer; not sure if it
+        // makes sense elsewhere
+        if (!isFiberMounted(fiber) || fiber.tag !== ClassComponent) {
+          throw new Error(
+            "Expected subtree parent to be a mounted class component. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        }
 
-    if (pendingComponentWillReceivePropsWarnings.length > 0) {
-      pendingComponentWillReceivePropsWarnings.forEach(function(fiber) {
-        componentWillReceivePropsUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
-        );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingComponentWillReceivePropsWarnings = [];
-    }
+        var node = fiber;
 
-    var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
+        do {
+          switch (node.tag) {
+            case HostRoot:
+              return node.stateNode.context;
 
-    if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
-      pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(function(fiber) {
-        UNSAFE_componentWillReceivePropsUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
-        );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
-    }
+            case ClassComponent: {
+              var Component = node.type;
 
-    var componentWillUpdateUniqueNames = new Set();
+              if (isContextProvider(Component)) {
+                return node.stateNode.__reactInternalMemoizedMergedChildContext;
+              }
 
-    if (pendingComponentWillUpdateWarnings.length > 0) {
-      pendingComponentWillUpdateWarnings.forEach(function(fiber) {
-        componentWillUpdateUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
-        );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingComponentWillUpdateWarnings = [];
-    }
+              break;
+            }
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-    var UNSAFE_componentWillUpdateUniqueNames = new Set();
+          node = node.return;
+        } while (node !== null);
 
-    if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
-      pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function(fiber) {
-        UNSAFE_componentWillUpdateUniqueNames.add(
-          getComponentNameFromFiber(fiber) || "Component"
+        throw new Error(
+          "Found unexpected detached subtree parent. " +
+            "This error is likely caused by a bug in React. Please file an issue."
         );
-        didWarnAboutUnsafeLifecycles.add(fiber.type);
-      });
-      pendingUNSAFE_ComponentWillUpdateWarnings = [];
-    } // Finally, we flush all the warnings
-    // UNSAFE_ ones before the deprecated ones, since they'll be 'louder'
-
-    if (UNSAFE_componentWillMountUniqueNames.size > 0) {
-      var sortedNames = setToSortedString(UNSAFE_componentWillMountUniqueNames);
-
-      error(
-        "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
-          "See https://react.dev/reference/react/Component#unsafe_componentwillmount for details.\n\n" +
-          "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
-          "\nPlease update the following components: %s",
-        sortedNames
-      );
+      }
     }
 
-    if (UNSAFE_componentWillReceivePropsUniqueNames.size > 0) {
-      var _sortedNames = setToSortedString(
-        UNSAFE_componentWillReceivePropsUniqueNames
-      );
-
-      error(
-        "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
-          "and may indicate bugs in your code. " +
-          "See https://react.dev/reference/react/Component#unsafe_componentwillreceiveprops for details.\n\n" +
-          "* Move data fetching code or side effects to componentDidUpdate.\n" +
-          "* If you're updating state whenever props change, " +
-          "refactor your code to use memoization techniques or move it to " +
-          "static getDerivedStateFromProps. Learn more at: https://react.dev/reference/react/Component#static-getderivedstatefromprops\n" +
-          "\nPlease update the following components: %s",
-        _sortedNames
+    var LegacyRoot = 0;
+    var ConcurrentRoot = 1;
+
+    // We use the existence of the state object as an indicator that the component
+    // is hidden.
+    var OffscreenVisible =
+      /*                     */
+      1;
+    var OffscreenDetached =
+      /*                    */
+      2;
+    var OffscreenPassiveEffectsConnected =
+      /*     */
+      4;
+    function isOffscreenManual(offscreenFiber) {
+      return (
+        offscreenFiber.memoizedProps !== null &&
+        offscreenFiber.memoizedProps.mode === "manual"
       );
     }
 
-    if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
-      var _sortedNames2 = setToSortedString(
-        UNSAFE_componentWillUpdateUniqueNames
-      );
-
-      error(
-        "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
-          "and may indicate bugs in your code. " +
-          "See https://react.dev/reference/react/Component#unsafe_componentwillupdate for details.\n\n" +
-          "* Move data fetching code or side effects to componentDidUpdate.\n" +
-          "\nPlease update the following components: %s",
-        _sortedNames2
+    /**
+     * inlined Object.is polyfill to avoid requiring consumers ship their own
+     * https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/is
+     */
+    function is(x, y) {
+      return (
+        (x === y && (x !== 0 || 1 / x === 1 / y)) || (x !== x && y !== y) // eslint-disable-line no-self-compare
       );
     }
 
-    if (componentWillMountUniqueNames.size > 0) {
-      var _sortedNames3 = setToSortedString(componentWillMountUniqueNames);
+    var objectIs = typeof Object.is === "function" ? Object.is : is; // $FlowFixMe[method-unbinding]
 
-      warn(
-        "componentWillMount has been renamed, and is not recommended for use. " +
-          "See https://react.dev/reference/react/Component#componentwillmount for details.\n\n" +
-          "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
-          "* Rename componentWillMount to UNSAFE_componentWillMount to suppress " +
-          "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-          "To rename all deprecated lifecycles to their new names, you can run " +
-          "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-          "\nPlease update the following components: %s",
-        _sortedNames3
-      );
+    // This is imported by the event replaying implementation in React DOM. It's
+    // in a separate file to break a circular dependency between the renderer and
+    // the reconciler.
+    function isRootDehydrated(root) {
+      var currentState = root.current.memoizedState;
+      return currentState.isDehydrated;
     }
 
-    if (componentWillReceivePropsUniqueNames.size > 0) {
-      var _sortedNames4 = setToSortedString(
-        componentWillReceivePropsUniqueNames
-      );
+    var contextStackCursor = createCursor(null);
+    var contextFiberStackCursor = createCursor(null);
+    var rootInstanceStackCursor = createCursor(null); // Represents the nearest host transition provider (in React DOM, a <form />)
 
-      warn(
-        "componentWillReceiveProps has been renamed, and is not recommended for use. " +
-          "See https://react.dev/reference/react/Component#componentwillreceiveprops for details.\n\n" +
-          "* Move data fetching code or side effects to componentDidUpdate.\n" +
-          "* If you're updating state whenever props change, refactor your " +
-          "code to use memoization techniques or move it to " +
-          "static getDerivedStateFromProps. Learn more at: https://react.dev/reference/react/Component#static-getderivedstatefromprops\n" +
-          "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
-          "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-          "To rename all deprecated lifecycles to their new names, you can run " +
-          "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-          "\nPlease update the following components: %s",
-        _sortedNames4
-      );
-    }
+    function requiredContext(c) {
+      {
+        if (c === null) {
+          error(
+            "Expected host context to exist. This error is likely caused by a bug " +
+              "in React. Please file an issue."
+          );
+        }
+      }
 
-    if (componentWillUpdateUniqueNames.size > 0) {
-      var _sortedNames5 = setToSortedString(componentWillUpdateUniqueNames);
+      return c;
+    }
 
-      warn(
-        "componentWillUpdate has been renamed, and is not recommended for use. " +
-          "See https://react.dev/reference/react/Component#componentwillupdate for details.\n\n" +
-          "* Move data fetching code or side effects to componentDidUpdate.\n" +
-          "* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress " +
-          "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
-          "To rename all deprecated lifecycles to their new names, you can run " +
-          "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
-          "\nPlease update the following components: %s",
-        _sortedNames5
-      );
+    function getRootHostContainer() {
+      var rootInstance = requiredContext(rootInstanceStackCursor.current);
+      return rootInstance;
     }
-  };
 
-  var pendingLegacyContextWarning = new Map(); // Tracks components we have already warned about.
+    function pushHostContainer(fiber, nextRootInstance) {
+      // Push current root instance onto the stack;
+      // This allows us to reset root when portals are popped.
+      push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
+      // This enables us to pop only Fibers that provide unique contexts.
 
-  var didWarnAboutLegacyContext = new Set();
+      push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
+      // However, we can't just call getRootHostContext() and push it because
+      // we'd have a different number of entries on the stack depending on
+      // whether getRootHostContext() throws somewhere in renderer code or not.
+      // So we push an empty value first. This lets us safely unwind on errors.
 
-  ReactStrictModeWarnings.recordLegacyContextWarning = function(
-    fiber,
-    instance
-  ) {
-    var strictRoot = findStrictRoot(fiber);
+      push(contextStackCursor, null, fiber);
+      var nextRootContext = getRootHostContext(); // Now that we know this function doesn't throw, replace it.
 
-    if (strictRoot === null) {
-      error(
-        "Expected to find a StrictMode component in a strict mode tree. " +
-          "This error is likely caused by a bug in React. Please file an issue."
-      );
+      pop(contextStackCursor, fiber);
+      push(contextStackCursor, nextRootContext, fiber);
+    }
 
-      return;
-    } // Dedup strategy: Warn once per component.
+    function popHostContainer(fiber) {
+      pop(contextStackCursor, fiber);
+      pop(contextFiberStackCursor, fiber);
+      pop(rootInstanceStackCursor, fiber);
+    }
 
-    if (didWarnAboutLegacyContext.has(fiber.type)) {
-      return;
+    function getHostContext() {
+      var context = requiredContext(contextStackCursor.current);
+      return context;
     }
 
-    var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
+    function pushHostContext(fiber) {
+      var context = requiredContext(contextStackCursor.current);
+      var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
 
-    if (
-      fiber.type.contextTypes != null ||
-      fiber.type.childContextTypes != null ||
-      (instance !== null && typeof instance.getChildContext === "function")
-    ) {
-      if (warningsForRoot === undefined) {
-        warningsForRoot = [];
-        pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+      if (context !== nextContext) {
+        // Track the context and the Fiber that provided it.
+        // This enables us to pop only Fibers that provide unique contexts.
+        push(contextFiberStackCursor, fiber, fiber);
+        push(contextStackCursor, nextContext, fiber);
       }
-
-      warningsForRoot.push(fiber);
     }
-  };
 
-  ReactStrictModeWarnings.flushLegacyContextWarning = function() {
-    pendingLegacyContextWarning.forEach(function(fiberArray, strictRoot) {
-      if (fiberArray.length === 0) {
-        return;
+    function popHostContext(fiber) {
+      if (contextFiberStackCursor.current === fiber) {
+        // Do not pop unless this Fiber provided the current context.
+        // pushHostContext() only pushes Fibers that provide unique contexts.
+        pop(contextStackCursor, fiber);
+        pop(contextFiberStackCursor, fiber);
       }
+    }
 
-      var firstFiber = fiberArray[0];
-      var uniqueNames = new Set();
-      fiberArray.forEach(function(fiber) {
-        uniqueNames.add(getComponentNameFromFiber(fiber) || "Component");
-        didWarnAboutLegacyContext.add(fiber.type);
-      });
-      var sortedNames = setToSortedString(uniqueNames);
+    var isHydrating = false; // This flag allows for warning supression when we expect there to be mismatches
+    // due to earlier mismatches or a suspended fiber.
 
-      try {
-        setCurrentFiber(firstFiber);
+    var didSuspendOrErrorDEV = false; // Hydration errors that were thrown inside this boundary
 
-        error(
-          "Legacy context API has been detected within a strict-mode tree." +
-            "\n\nThe old API will be supported in all 16.x releases, but applications " +
-            "using it should migrate to the new version." +
-            "\n\nPlease update the following components: %s" +
-            "\n\nLearn more about this warning here: https://legacy.reactjs.org/docs/legacy-context.html",
-          sortedNames
-        );
-      } finally {
-        resetCurrentFiber();
+    var hydrationErrors = null;
+    function didSuspendOrErrorWhileHydratingDEV() {
+      {
+        return didSuspendOrErrorDEV;
       }
-    });
-  };
-
-  ReactStrictModeWarnings.discardPendingWarnings = function() {
-    pendingComponentWillMountWarnings = [];
-    pendingUNSAFE_ComponentWillMountWarnings = [];
-    pendingComponentWillReceivePropsWarnings = [];
-    pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
-    pendingComponentWillUpdateWarnings = [];
-    pendingUNSAFE_ComponentWillUpdateWarnings = [];
-    pendingLegacyContextWarning = new Map();
-  };
-}
-
-/*
- * The `'' + value` pattern (used in 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 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";
-    return type;
-  }
-} // $FlowFixMe 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 before using it here.",
-        typeName(value)
-      );
-
-      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    function prepareToHydrateHostInstance(fiber, hostContext) {
+      {
+        throw new Error(
+          "Expected prepareToHydrateHostInstance() to never be called. " +
+            "This error is likely caused by a bug in React. Please file an issue."
+        );
+      }
     }
-  }
-}
-function checkPropStringCoercion(value, propName) {
-  {
-    if (willCoercionThrow(value)) {
-      error(
-        "The provided `%s` prop is an unsupported type %s." +
-          " This value must be coerced to a string before before using it here.",
-        propName,
-        typeName(value)
-      );
 
-      return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+    function prepareToHydrateHostTextInstance(fiber) {
+      {
+        throw new Error(
+          "Expected prepareToHydrateHostTextInstance() to never be called. " +
+            "This error is likely caused by a bug in React. Please file an issue."
+        );
+      }
     }
-  }
-}
 
-function resolveDefaultProps(Component, baseProps) {
-  if (Component && Component.defaultProps) {
-    // Resolve default props. Taken from ReactElement
-    var props = assign({}, baseProps);
-    var defaultProps = Component.defaultProps;
-
-    for (var propName in defaultProps) {
-      if (props[propName] === undefined) {
-        props[propName] = defaultProps[propName];
+    function prepareToHydrateHostSuspenseInstance(fiber) {
+      {
+        throw new Error(
+          "Expected prepareToHydrateHostSuspenseInstance() to never be called. " +
+            "This error is likely caused by a bug in React. Please file an issue."
+        );
       }
     }
 
-    return props;
-  }
+    function popHydrationState(fiber) {
+      {
+        return false;
+      }
+    }
 
-  return baseProps;
-}
+    function upgradeHydrationErrorsToRecoverable() {
+      if (hydrationErrors !== null) {
+        // Successfully completed a forced client render. The errors that occurred
+        // during the hydration attempt are now recovered. We will log them in
+        // commit phase, once the entire tree has finished.
+        queueRecoverableErrors(hydrationErrors);
+        hydrationErrors = null;
+      }
+    }
 
-var valueCursor = createCursor(null);
-var rendererSigil;
+    function getIsHydrating() {
+      return isHydrating;
+    }
 
-{
-  // Use this to detect multiple renderers using the same context
-  rendererSigil = {};
-}
+    function queueHydrationError(error) {
+      if (hydrationErrors === null) {
+        hydrationErrors = [error];
+      } else {
+        hydrationErrors.push(error);
+      }
+    }
+
+    // we wait until the current render is over (either finished or interrupted)
+    // before adding it to the fiber/hook queue. Push to this array so we can
+    // access the queue, fiber, update, et al later.
+
+    var concurrentQueues = [];
+    var concurrentQueuesIndex = 0;
+    var concurrentlyUpdatedLanes = NoLanes;
+    function finishQueueingConcurrentUpdates() {
+      var endIndex = concurrentQueuesIndex;
+      concurrentQueuesIndex = 0;
+      concurrentlyUpdatedLanes = NoLanes;
+      var i = 0;
+
+      while (i < endIndex) {
+        var fiber = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var queue = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var update = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+        var lane = concurrentQueues[i];
+        concurrentQueues[i++] = null;
+
+        if (queue !== null && update !== null) {
+          var pending = queue.pending;
+
+          if (pending === null) {
+            // This is the first update. Create a circular list.
+            update.next = update;
+          } else {
+            update.next = pending.next;
+            pending.next = update;
+          }
 
-var currentlyRenderingFiber = null;
-var lastContextDependency = null;
-var lastFullyObservedContext = null;
-var isDisallowedContextReadInDEV = false;
-function resetContextDependencies() {
-  // This is called right before React yields execution, to ensure `readContext`
-  // cannot be called outside the render phase.
-  currentlyRenderingFiber = null;
-  lastContextDependency = null;
-  lastFullyObservedContext = null;
-
-  {
-    isDisallowedContextReadInDEV = false;
-  }
-}
-function enterDisallowedContextReadInDEV() {
-  {
-    isDisallowedContextReadInDEV = true;
-  }
-}
-function exitDisallowedContextReadInDEV() {
-  {
-    isDisallowedContextReadInDEV = false;
-  }
-}
-function pushProvider(providerFiber, context, nextValue) {
-  {
-    push(valueCursor, context._currentValue, providerFiber);
-    context._currentValue = nextValue;
+          queue.pending = update;
+        }
 
-    {
-      if (
-        context._currentRenderer !== undefined &&
-        context._currentRenderer !== null &&
-        context._currentRenderer !== rendererSigil
-      ) {
-        error(
-          "Detected multiple renderers concurrently rendering the " +
-            "same context provider. This is currently unsupported."
-        );
+        if (lane !== NoLane) {
+          markUpdateLaneFromFiberToRoot(fiber, update, lane);
+        }
       }
-
-      context._currentRenderer = rendererSigil;
     }
-  }
-}
-function popProvider(context, providerFiber) {
-  var currentValue = valueCursor.current;
-  pop(valueCursor, providerFiber);
-
-  {
-    {
-      context._currentValue = currentValue;
+    function getConcurrentlyUpdatedLanes() {
+      return concurrentlyUpdatedLanes;
     }
-  }
-}
-function scheduleContextWorkOnParentPath(parent, renderLanes, propagationRoot) {
-  // Update the child lanes of all the ancestors, including the alternates.
-  var node = parent;
 
-  while (node !== null) {
-    var alternate = node.alternate;
+    function enqueueUpdate$1(fiber, queue, update, lane) {
+      // Don't update the `childLanes` on the return path yet. If we already in
+      // the middle of rendering, wait until after it has completed.
+      concurrentQueues[concurrentQueuesIndex++] = fiber;
+      concurrentQueues[concurrentQueuesIndex++] = queue;
+      concurrentQueues[concurrentQueuesIndex++] = update;
+      concurrentQueues[concurrentQueuesIndex++] = lane;
+      concurrentlyUpdatedLanes = mergeLanes(concurrentlyUpdatedLanes, lane); // The fiber's `lane` field is used in some places to check if any work is
+      // scheduled, to perform an eager bailout, so we need to update it immediately.
+      // TODO: We should probably move this to the "shared" queue instead.
 
-    if (!isSubsetOfLanes(node.childLanes, renderLanes)) {
-      node.childLanes = mergeLanes(node.childLanes, renderLanes);
+      fiber.lanes = mergeLanes(fiber.lanes, lane);
+      var alternate = fiber.alternate;
 
       if (alternate !== null) {
-        alternate.childLanes = mergeLanes(alternate.childLanes, renderLanes);
+        alternate.lanes = mergeLanes(alternate.lanes, lane);
       }
-    } else if (
-      alternate !== null &&
-      !isSubsetOfLanes(alternate.childLanes, renderLanes)
-    ) {
-      alternate.childLanes = mergeLanes(alternate.childLanes, renderLanes);
     }
 
-    if (node === propagationRoot) {
-      break;
+    function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
+      return getRootForUpdatedFiber(fiber);
     }
+    function enqueueConcurrentHookUpdateAndEagerlyBailout(
+      fiber,
+      queue,
+      update
+    ) {
+      // This function is used to queue an update that doesn't need a rerender. The
+      // only reason we queue it is in case there's a subsequent higher priority
+      // update that causes it to be rebased.
+      var lane = NoLane;
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane); // Usually we can rely on the upcoming render phase to process the concurrent
+      // queue. However, since this is a bail out, we're not scheduling any work
+      // here. So the update we just queued will leak until something else happens
+      // to schedule work (if ever).
+      //
+      // Check if we're currently in the middle of rendering a tree, and if not,
+      // process the queue immediately to prevent a leak.
 
-    node = node.return;
-  }
+      var isConcurrentlyRendering = getWorkInProgressRoot() !== null;
 
-  {
-    if (node !== propagationRoot) {
-      error(
-        "Expected to find the propagation root when scheduling context work. " +
-          "This error is likely caused by a bug in React. Please file an issue."
-      );
+      if (!isConcurrentlyRendering) {
+        finishQueueingConcurrentUpdates();
+      }
     }
-  }
-}
-function propagateContextChange(workInProgress, context, renderLanes) {
-  {
-    propagateContextChange_eager(workInProgress, context, renderLanes);
-  }
-}
-
-function propagateContextChange_eager(workInProgress, context, renderLanes) {
-  var fiber = workInProgress.child;
-
-  if (fiber !== null) {
-    // Set the return pointer of the child to the work-in-progress fiber.
-    fiber.return = workInProgress;
-  }
-
-  while (fiber !== null) {
-    var nextFiber = void 0; // Visit this fiber.
-
-    var list = fiber.dependencies;
+    function enqueueConcurrentClassUpdate(fiber, queue, update, lane) {
+      var concurrentQueue = queue;
+      var concurrentUpdate = update;
+      enqueueUpdate$1(fiber, concurrentQueue, concurrentUpdate, lane);
+      return getRootForUpdatedFiber(fiber);
+    }
+    function enqueueConcurrentRenderForLane(fiber, lane) {
+      enqueueUpdate$1(fiber, null, null, lane);
+      return getRootForUpdatedFiber(fiber);
+    } // Calling this function outside this module should only be done for backwards
+    // compatibility and should always be accompanied by a warning.
 
-    if (list !== null) {
-      nextFiber = fiber.child;
-      var dependency = list.firstContext;
+    function unsafe_markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
+      // NOTE: For Hyrum's Law reasons, if an infinite update loop is detected, it
+      // should throw before `markUpdateLaneFromFiberToRoot` is called. But this is
+      // undefined behavior and we can change it if we need to; it just so happens
+      // that, at the time of this writing, there's an internal product test that
+      // happens to rely on this.
+      var root = getRootForUpdatedFiber(sourceFiber);
+      markUpdateLaneFromFiberToRoot(sourceFiber, null, lane);
+      return root;
+    }
 
-      while (dependency !== null) {
-        // Check if the context matches.
-        if (dependency.context === context) {
-          // Match! Schedule an update on this fiber.
-          if (fiber.tag === ClassComponent) {
-            // Schedule a force update on the work-in-progress.
-            var lane = pickArbitraryLane(renderLanes);
-            var update = createUpdate(NoTimestamp, lane);
-            update.tag = ForceUpdate; // TODO: Because we don't have a work-in-progress, this will add the
-            // update to the current fiber, too, which means it will persist even if
-            // this render is thrown away. Since it's a race condition, not sure it's
-            // worth fixing.
-            // Inlined `enqueueUpdate` to remove interleaved update check
+    function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+      // Update the source fiber's lanes
+      sourceFiber.lanes = mergeLanes(sourceFiber.lanes, lane);
+      var alternate = sourceFiber.alternate;
 
-            var updateQueue = fiber.updateQueue;
+      if (alternate !== null) {
+        alternate.lanes = mergeLanes(alternate.lanes, lane);
+      } // Walk the parent path to the root and update the child lanes.
 
-            if (updateQueue === null);
-            else {
-              var sharedQueue = updateQueue.shared;
-              var pending = sharedQueue.pending;
+      var isHidden = false;
+      var parent = sourceFiber.return;
+      var node = sourceFiber;
 
-              if (pending === null) {
-                // This is the first update. Create a circular list.
-                update.next = update;
-              } else {
-                update.next = pending.next;
-                pending.next = update;
-              }
+      while (parent !== null) {
+        parent.childLanes = mergeLanes(parent.childLanes, lane);
+        alternate = parent.alternate;
 
-              sharedQueue.pending = update;
-            }
-          }
+        if (alternate !== null) {
+          alternate.childLanes = mergeLanes(alternate.childLanes, lane);
+        }
 
-          fiber.lanes = mergeLanes(fiber.lanes, renderLanes);
-          var alternate = fiber.alternate;
+        if (parent.tag === OffscreenComponent) {
+          // Check if this offscreen boundary is currently hidden.
+          //
+          // The instance may be null if the Offscreen parent was unmounted. Usually
+          // the parent wouldn't be reachable in that case because we disconnect
+          // fibers from the tree when they are deleted. However, there's a weird
+          // edge case where setState is called on a fiber that was interrupted
+          // before it ever mounted. Because it never mounts, it also never gets
+          // deleted. Because it never gets deleted, its return pointer never gets
+          // disconnected. Which means it may be attached to a deleted Offscreen
+          // parent node. (This discovery suggests it may be better for memory usage
+          // if we don't attach the `return` pointer until the commit phase, though
+          // in order to do that we'd need some other way to track the return
+          // pointer during the initial render, like on the stack.)
+          //
+          // This case is always accompanied by a warning, but we still need to
+          // account for it. (There may be other cases that we haven't discovered,
+          // too.)
+          var offscreenInstance = parent.stateNode;
 
-          if (alternate !== null) {
-            alternate.lanes = mergeLanes(alternate.lanes, renderLanes);
+          if (
+            offscreenInstance !== null &&
+            !(offscreenInstance._visibility & OffscreenVisible)
+          ) {
+            isHidden = true;
           }
-
-          scheduleContextWorkOnParentPath(
-            fiber.return,
-            renderLanes,
-            workInProgress
-          ); // Mark the updated lanes on the list, too.
-
-          list.lanes = mergeLanes(list.lanes, renderLanes); // Since we already found a match, we can stop traversing the
-          // dependency list.
-
-          break;
         }
 
-        dependency = dependency.next;
+        node = parent;
+        parent = parent.return;
       }
-    } else if (fiber.tag === ContextProvider) {
-      // Don't scan deeper if this is a matching provider
-      nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
-    } else if (fiber.tag === DehydratedFragment) {
-      // If a dehydrated suspense boundary is in this subtree, we don't know
-      // if it will have any context consumers in it. The best we can do is
-      // mark it as having updates.
-      var parentSuspense = fiber.return;
 
-      if (parentSuspense === null) {
-        throw new Error(
-          "We just came from a parent so we must have had a parent. This is a bug in React."
-        );
+      if (isHidden && update !== null && node.tag === HostRoot) {
+        var root = node.stateNode;
+        markHiddenUpdate(root, update, lane);
       }
+    }
 
-      parentSuspense.lanes = mergeLanes(parentSuspense.lanes, renderLanes);
-      var _alternate = parentSuspense.alternate;
+    function getRootForUpdatedFiber(sourceFiber) {
+      // TODO: We will detect and infinite update loop and throw even if this fiber
+      // has already unmounted. This isn't really necessary but it happens to be the
+      // current behavior we've used for several release cycles. Consider not
+      // performing this check if the updated fiber already unmounted, since it's
+      // not possible for that to cause an infinite update loop.
+      throwIfInfiniteUpdateLoopDetected(); // When a setState happens, we must ensure the root is scheduled. Because
+      // update queues do not have a backpointer to the root, the only way to do
+      // this currently is to walk up the return path. This used to not be a big
+      // deal because we would have to walk up the return path to set
+      // the `childLanes`, anyway, but now those two traversals happen at
+      // different times.
+      // TODO: Consider adding a `root` backpointer on the update queue.
 
-      if (_alternate !== null) {
-        _alternate.lanes = mergeLanes(_alternate.lanes, renderLanes);
-      } // This is intentionally passing this fiber as the parent
-      // because we want to schedule this fiber as having work
-      // on its children. We'll use the childLanes on
-      // this fiber to indicate that a context has changed.
+      detectUpdateOnUnmountedFiber(sourceFiber, sourceFiber);
+      var node = sourceFiber;
+      var parent = node.return;
 
-      scheduleContextWorkOnParentPath(
-        parentSuspense,
-        renderLanes,
-        workInProgress
-      );
-      nextFiber = fiber.sibling;
-    } else {
-      // Traverse down.
-      nextFiber = fiber.child;
-    }
-
-    if (nextFiber !== null) {
-      // Set the return pointer of the child to the work-in-progress fiber.
-      nextFiber.return = fiber;
-    } else {
-      // No child. Traverse to next sibling.
-      nextFiber = fiber;
-
-      while (nextFiber !== null) {
-        if (nextFiber === workInProgress) {
-          // We're back to the root of this subtree. Exit.
-          nextFiber = null;
-          break;
-        }
-
-        var sibling = nextFiber.sibling;
-
-        if (sibling !== null) {
-          // Set the return pointer of the sibling to the work-in-progress fiber.
-          sibling.return = nextFiber.return;
-          nextFiber = sibling;
-          break;
-        } // No more siblings. Traverse up.
-
-        nextFiber = nextFiber.return;
-      }
-    }
-
-    fiber = nextFiber;
-  }
-}
-function prepareToReadContext(workInProgress, renderLanes) {
-  currentlyRenderingFiber = workInProgress;
-  lastContextDependency = null;
-  lastFullyObservedContext = null;
-  var dependencies = workInProgress.dependencies;
-
-  if (dependencies !== null) {
-    {
-      var firstContext = dependencies.firstContext;
-
-      if (firstContext !== null) {
-        if (includesSomeLane(dependencies.lanes, renderLanes)) {
-          // Context list has a pending update. Mark that this fiber performed work.
-          markWorkInProgressReceivedUpdate();
-        } // Reset the work-in-progress list
-
-        dependencies.firstContext = null;
+      while (parent !== null) {
+        detectUpdateOnUnmountedFiber(sourceFiber, node);
+        node = parent;
+        parent = node.return;
       }
-    }
-  }
-}
-function readContext(context) {
-  {
-    // This warning would fire if you read context inside a Hook like useMemo.
-    // Unlike the class check below, it's not enforced in production for perf.
-    if (isDisallowedContextReadInDEV) {
-      error(
-        "Context can only be read while React is rendering. " +
-          "In classes, you can read it in the render method or getDerivedStateFromProps. " +
-          "In function components, you can read it directly in the function body, but not " +
-          "inside Hooks like useReducer() or useMemo()."
-      );
-    }
-  }
-
-  var value = context._currentValue;
-
-  if (lastFullyObservedContext === context);
-  else {
-    var contextItem = {
-      context: context,
-      memoizedValue: value,
-      next: null
-    };
-
-    if (lastContextDependency === null) {
-      if (currentlyRenderingFiber === null) {
-        throw new Error(
-          "Context can only be read while React is rendering. " +
-            "In classes, you can read it in the render method or getDerivedStateFromProps. " +
-            "In function components, you can read it directly in the function body, but not " +
-            "inside Hooks like useReducer() or useMemo()."
-        );
-      } // This is the first dependency for this component. Create a new list.
 
-      lastContextDependency = contextItem;
-      currentlyRenderingFiber.dependencies = {
-        lanes: NoLanes,
-        firstContext: contextItem
-      };
-    } else {
-      // Append a new context item.
-      lastContextDependency = lastContextDependency.next = contextItem;
+      return node.tag === HostRoot ? node.stateNode : null;
     }
-  }
-
-  return value;
-}
 
-// render. When this render exits, either because it finishes or because it is
-// interrupted, the interleaved updates will be transferred onto the main part
-// of the queue.
-
-var concurrentQueues = null;
-function pushConcurrentUpdateQueue(queue) {
-  if (concurrentQueues === null) {
-    concurrentQueues = [queue];
-  } else {
-    concurrentQueues.push(queue);
-  }
-}
-function finishQueueingConcurrentUpdates() {
-  // Transfer the interleaved updates onto the main queue. Each queue has a
-  // `pending` field and an `interleaved` field. When they are not null, they
-  // point to the last node in a circular linked list. We need to append the
-  // interleaved list to the end of the pending list by joining them into a
-  // single, circular list.
-  if (concurrentQueues !== null) {
-    for (var i = 0; i < concurrentQueues.length; i++) {
-      var queue = concurrentQueues[i];
-      var lastInterleavedUpdate = queue.interleaved;
-
-      if (lastInterleavedUpdate !== null) {
-        queue.interleaved = null;
-        var firstInterleavedUpdate = lastInterleavedUpdate.next;
-        var lastPendingUpdate = queue.pending;
+    function detectUpdateOnUnmountedFiber(sourceFiber, parent) {
+      {
+        var alternate = parent.alternate;
 
-        if (lastPendingUpdate !== null) {
-          var firstPendingUpdate = lastPendingUpdate.next;
-          lastPendingUpdate.next = firstInterleavedUpdate;
-          lastInterleavedUpdate.next = firstPendingUpdate;
+        if (
+          alternate === null &&
+          (parent.flags & (Placement | Hydrating)) !== NoFlags$1
+        ) {
+          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
         }
-
-        queue.pending = lastInterleavedUpdate;
       }
     }
 
-    concurrentQueues = null;
-  }
-}
-function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-  var interleaved = queue.interleaved;
-
-  if (interleaved === null) {
-    // This is the first update. Create a circular list.
-    update.next = update; // At the end of the current render, this queue's interleaved updates will
-    // be transferred to the pending queue.
-
-    pushConcurrentUpdateQueue(queue);
-  } else {
-    update.next = interleaved.next;
-    interleaved.next = update;
-  }
-
-  queue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
-}
-function enqueueConcurrentHookUpdateAndEagerlyBailout(
-  fiber,
-  queue,
-  update,
-  lane
-) {
-  var interleaved = queue.interleaved;
-
-  if (interleaved === null) {
-    // This is the first update. Create a circular list.
-    update.next = update; // At the end of the current render, this queue's interleaved updates will
-    // be transferred to the pending queue.
-
-    pushConcurrentUpdateQueue(queue);
-  } else {
-    update.next = interleaved.next;
-    interleaved.next = update;
-  }
-
-  queue.interleaved = update;
-}
-function enqueueConcurrentClassUpdate(fiber, queue, update, lane) {
-  var interleaved = queue.interleaved;
-
-  if (interleaved === null) {
-    // This is the first update. Create a circular list.
-    update.next = update; // At the end of the current render, this queue's interleaved updates will
-    // be transferred to the pending queue.
-
-    pushConcurrentUpdateQueue(queue);
-  } else {
-    update.next = interleaved.next;
-    interleaved.next = update;
-  }
-
-  queue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
-}
-function enqueueConcurrentRenderForLane(fiber, lane) {
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
-} // Calling this function outside this module should only be done for backwards
-// compatibility and should always be accompanied by a warning.
-
-var unsafe_markUpdateLaneFromFiberToRoot = markUpdateLaneFromFiberToRoot;
+    var ReactCurrentActQueue$3 = ReactSharedInternals.ReactCurrentActQueue; // A linked list of all the roots with pending work. In an idiomatic app,
+    // there's only a single root, but we do support multi root apps, hence this
+    // extra complexity. But this module is optimized for the single root case.
 
-function markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
-  // Update the source fiber's lanes
-  sourceFiber.lanes = mergeLanes(sourceFiber.lanes, lane);
-  var alternate = sourceFiber.alternate;
+    var firstScheduledRoot = null;
+    var lastScheduledRoot = null; // Used to prevent redundant mircotasks from being scheduled.
 
-  if (alternate !== null) {
-    alternate.lanes = mergeLanes(alternate.lanes, lane);
-  }
+    var didScheduleMicrotask = false; // `act` "microtasks" are scheduled on the `act` queue instead of an actual
+    // microtask, so we have to dedupe those separately. This wouldn't be an issue
+    // if we required all `act` calls to be awaited, which we might in the future.
 
-  {
-    if (
-      alternate === null &&
-      (sourceFiber.flags & (Placement | Hydrating)) !== NoFlags
-    ) {
-      warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
-    }
-  } // Walk the parent path to the root and update the child lanes.
-
-  var node = sourceFiber;
-  var parent = sourceFiber.return;
+    var didScheduleMicrotask_act = false; // Used to quickly bail out of flushSync if there's no sync work to do.
 
-  while (parent !== null) {
-    parent.childLanes = mergeLanes(parent.childLanes, lane);
-    alternate = parent.alternate;
+    var mightHavePendingSyncWork = false;
+    var isFlushingWork = false;
+    var currentEventTransitionLane = NoLane;
+    function ensureRootIsScheduled(root) {
+      // This function is called whenever a root receives an update. It does two
+      // things 1) it ensures the root is in the root schedule, and 2) it ensures
+      // there's a pending microtask to process the root schedule.
+      //
+      // Most of the actual scheduling logic does not happen until
+      // `scheduleTaskForRootDuringMicrotask` runs.
+      // Add the root to the schedule
+      if (root === lastScheduledRoot || root.next !== null);
+      else {
+        if (lastScheduledRoot === null) {
+          firstScheduledRoot = lastScheduledRoot = root;
+        } else {
+          lastScheduledRoot.next = root;
+          lastScheduledRoot = root;
+        }
+      } // Any time a root received an update, we set this to true until the next time
+      // we process the schedule. If it's false, then we can quickly exit flushSync
+      // without consulting the schedule.
+
+      mightHavePendingSyncWork = true; // At the end of the current event, go through each of the roots and ensure
+      // there's a task scheduled for each one at the correct priority.
+
+      if (ReactCurrentActQueue$3.current !== null) {
+        // We're inside an `act` scope.
+        if (!didScheduleMicrotask_act) {
+          didScheduleMicrotask_act = true;
+          scheduleImmediateTask(processRootScheduleInMicrotask);
+        }
+      } else {
+        if (!didScheduleMicrotask) {
+          didScheduleMicrotask = true;
+          scheduleImmediateTask(processRootScheduleInMicrotask);
+        }
+      }
 
-    if (alternate !== null) {
-      alternate.childLanes = mergeLanes(alternate.childLanes, lane);
-    } else {
       {
-        if ((parent.flags & (Placement | Hydrating)) !== NoFlags) {
-          warnAboutUpdateOnNotYetMountedFiberInDEV(sourceFiber);
-        }
+        // While this flag is disabled, we schedule the render task immediately
+        // instead of waiting a microtask.
+        // TODO: We need to land enableDeferRootSchedulingToMicrotask ASAP to
+        // unblock additional features we have planned.
+        scheduleTaskForRootDuringMicrotask(root, now$1());
       }
-    }
 
-    node = parent;
-    parent = parent.return;
-  }
+      if (ReactCurrentActQueue$3.isBatchingLegacy && root.tag === LegacyRoot) {
+        // Special `act` case: Record whenever a legacy update is scheduled.
+        ReactCurrentActQueue$3.didScheduleLegacyUpdate = true;
+      }
+    }
+    function flushSyncWorkOnAllRoots() {
+      // This is allowed to be called synchronously, but the caller should check
+      // the execution context first.
+      flushSyncWorkAcrossRoots_impl(false);
+    }
+    function flushSyncWorkOnLegacyRootsOnly() {
+      // This is allowed to be called synchronously, but the caller should check
+      // the execution context first.
+      flushSyncWorkAcrossRoots_impl(true);
+    }
 
-  if (node.tag === HostRoot) {
-    var root = node.stateNode;
-    return root;
-  } else {
-    return null;
-  }
-}
+    function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+      if (isFlushingWork) {
+        // Prevent reentrancy.
+        // TODO: Is this overly defensive? The callers must check the execution
+        // context first regardless.
+        return;
+      }
 
-var UpdateState = 0;
-var ReplaceState = 1;
-var ForceUpdate = 2;
-var CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
-// It should only be read right after calling `processUpdateQueue`, via
-// `checkHasForceUpdateAfterProcessing`.
+      if (!mightHavePendingSyncWork) {
+        // Fast path. There's no sync work to do.
+        return;
+      } // There may or may not be synchronous work scheduled. Let's check.
 
-var hasForceUpdate = false;
-var didWarnUpdateInsideUpdate;
-var currentlyProcessingQueue;
+      var didPerformSomeWork;
+      var errors = null;
+      isFlushingWork = true;
 
-{
-  didWarnUpdateInsideUpdate = false;
-  currentlyProcessingQueue = null;
-}
+      do {
+        didPerformSomeWork = false;
+        var root = firstScheduledRoot;
+
+        while (root !== null) {
+          if (onlyLegacy && root.tag !== LegacyRoot);
+          else {
+            var workInProgressRoot = getWorkInProgressRoot();
+            var workInProgressRootRenderLanes =
+              getWorkInProgressRootRenderLanes();
+            var nextLanes = getNextLanes(
+              root,
+              root === workInProgressRoot
+                ? workInProgressRootRenderLanes
+                : NoLanes
+            );
 
-function initializeUpdateQueue(fiber) {
-  var queue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: {
-      pending: null,
-      interleaved: null,
-      lanes: NoLanes
-    },
-    effects: null
-  };
-  fiber.updateQueue = queue;
-}
-function cloneUpdateQueue(current, workInProgress) {
-  // Clone the update queue from current. Unless it's already a clone.
-  var queue = workInProgress.updateQueue;
-  var currentQueue = current.updateQueue;
-
-  if (queue === currentQueue) {
-    var clone = {
-      baseState: currentQueue.baseState,
-      firstBaseUpdate: currentQueue.firstBaseUpdate,
-      lastBaseUpdate: currentQueue.lastBaseUpdate,
-      shared: currentQueue.shared,
-      effects: currentQueue.effects
-    };
-    workInProgress.updateQueue = clone;
-  }
-}
-function createUpdate(eventTime, lane) {
-  var update = {
-    eventTime: eventTime,
-    lane: lane,
-    tag: UpdateState,
-    payload: null,
-    callback: null,
-    next: null
-  };
-  return update;
-}
-function enqueueUpdate(fiber, update, lane) {
-  var updateQueue = fiber.updateQueue;
+            if (includesSyncLane(nextLanes)) {
+              // This root has pending sync work. Flush it now.
+              try {
+                didPerformSomeWork = true;
+                performSyncWorkOnRoot(root, nextLanes);
+              } catch (error) {
+                // Collect errors so we can rethrow them at the end
+                if (errors === null) {
+                  errors = [error];
+                } else {
+                  errors.push(error);
+                }
+              }
+            }
+          }
 
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return null;
-  }
+          root = root.next;
+        }
+      } while (didPerformSomeWork);
 
-  var sharedQueue = updateQueue.shared;
+      isFlushingWork = false; // If any errors were thrown, rethrow them right before exiting.
+      // TODO: Consider returning these to the caller, to allow them to decide
+      // how/when to rethrow.
 
-  {
-    if (
-      currentlyProcessingQueue === sharedQueue &&
-      !didWarnUpdateInsideUpdate
-    ) {
-      error(
-        "An update (setState, replaceState, or forceUpdate) was scheduled " +
-          "from inside an update function. Update functions should be pure, " +
-          "with zero side-effects. Consider using componentDidUpdate or a " +
-          "callback."
-      );
+      if (errors !== null) {
+        if (errors.length > 1) {
+          if (typeof AggregateError === "function") {
+            // eslint-disable-next-line no-undef
+            throw new AggregateError(errors);
+          } else {
+            for (var i = 1; i < errors.length; i++) {
+              scheduleImmediateTask(throwError.bind(null, errors[i]));
+            }
 
-      didWarnUpdateInsideUpdate = true;
+            var firstError = errors[0];
+            throw firstError;
+          }
+        } else {
+          var error = errors[0];
+          throw error;
+        }
+      }
     }
-  }
 
-  if (isUnsafeClassRenderPhaseUpdate()) {
-    // This is an unsafe render phase update. Add directly to the update
-    // queue so we can process it immediately during the current render.
-    var pending = sharedQueue.pending;
-
-    if (pending === null) {
-      // This is the first update. Create a circular list.
-      update.next = update;
-    } else {
-      update.next = pending.next;
-      pending.next = update;
+    function throwError(error) {
+      throw error;
     }
 
-    sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
-    // this fiber. This is for backwards compatibility in the case where you
-    // update a different component during render phase than the one that is
-    // currently renderings (a pattern that is accompanied by a warning).
+    function processRootScheduleInMicrotask() {
+      // This function is always called inside a microtask. It should never be
+      // called synchronously.
+      didScheduleMicrotask = false;
 
-    return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
-  } else {
-    return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
-  }
-}
-function entangleTransitions(root, fiber, lane) {
-  var updateQueue = fiber.updateQueue;
-
-  if (updateQueue === null) {
-    // Only occurs if the fiber has been unmounted.
-    return;
-  }
-
-  var sharedQueue = updateQueue.shared;
-
-  if (isTransitionLane(lane)) {
-    var queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
-    // have finished. We can remove them from the shared queue, which represents
-    // a superset of the actually pending lanes. In some cases we may entangle
-    // more than we need to, but that's OK. In fact it's worse if we *don't*
-    // entangle when we should.
+      {
+        didScheduleMicrotask_act = false;
+      } // We'll recompute this as we iterate through all the roots and schedule them.
 
-    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+      mightHavePendingSyncWork = false;
+      var currentTime = now$1();
+      var prev = null;
+      var root = firstScheduledRoot;
 
-    var newQueueLanes = mergeLanes(queueLanes, lane);
-    sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
-    // the lane finished since the last time we entangled it. So we need to
-    // entangle it again, just to be sure.
+      while (root !== null) {
+        var next = root.next;
 
-    markRootEntangled(root, newQueueLanes);
-  }
-}
-function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
-  // Captured updates are updates that are thrown by a child during the render
-  // phase. They should be discarded if the render is aborted. Therefore,
-  // we should only put them on the work-in-progress queue, not the current one.
-  var queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
-
-  var current = workInProgress.alternate;
-
-  if (current !== null) {
-    var currentQueue = current.updateQueue;
-
-    if (queue === currentQueue) {
-      // The work-in-progress queue is the same as current. This happens when
-      // we bail out on a parent fiber that then captures an error thrown by
-      // a child. Since we want to append the update only to the work-in
-      // -progress queue, we need to clone the updates. We usually clone during
-      // processUpdateQueue, but that didn't happen in this case because we
-      // skipped over the parent when we bailed out.
-      var newFirst = null;
-      var newLast = null;
-      var firstBaseUpdate = queue.firstBaseUpdate;
+        if (
+          currentEventTransitionLane !== NoLane &&
+          shouldAttemptEagerTransition()
+        ) {
+          // A transition was scheduled during an event, but we're going to try to
+          // render it synchronously anyway. We do this during a popstate event to
+          // preserve the scroll position of the previous page.
+          upgradePendingLaneToSync(root, currentEventTransitionLane);
+        }
 
-      if (firstBaseUpdate !== null) {
-        // Loop through the updates and clone them.
-        var update = firstBaseUpdate;
+        var nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
 
-        do {
-          var clone = {
-            eventTime: update.eventTime,
-            lane: update.lane,
-            tag: update.tag,
-            payload: update.payload,
-            callback: update.callback,
-            next: null
-          };
+        if (nextLanes === NoLane) {
+          // This root has no more pending work. Remove it from the schedule. To
+          // guard against subtle reentrancy bugs, this microtask is the only place
+          // we do this — you can add roots to the schedule whenever, but you can
+          // only remove them here.
+          // Null this out so we know it's been removed from the schedule.
+          root.next = null;
 
-          if (newLast === null) {
-            newFirst = newLast = clone;
+          if (prev === null) {
+            // This is the new head of the list
+            firstScheduledRoot = next;
           } else {
-            newLast.next = clone;
-            newLast = clone;
+            prev.next = next;
           }
 
-          update = update.next;
-        } while (update !== null); // Append the captured update the end of the cloned list.
-
-        if (newLast === null) {
-          newFirst = newLast = capturedUpdate;
+          if (next === null) {
+            // This is the new tail of the list
+            lastScheduledRoot = prev;
+          }
         } else {
-          newLast.next = capturedUpdate;
-          newLast = capturedUpdate;
+          // This root still has work. Keep it in the list.
+          prev = root;
+
+          if (includesSyncLane(nextLanes)) {
+            mightHavePendingSyncWork = true;
+          }
         }
-      } else {
-        // There are no base updates.
-        newFirst = newLast = capturedUpdate;
+
+        root = next;
       }
 
-      queue = {
-        baseState: currentQueue.baseState,
-        firstBaseUpdate: newFirst,
-        lastBaseUpdate: newLast,
-        shared: currentQueue.shared,
-        effects: currentQueue.effects
-      };
-      workInProgress.updateQueue = queue;
-      return;
+      currentEventTransitionLane = NoLane; // At the end of the microtask, flush any pending synchronous work. This has
+      // to come at the end, because it does actual rendering work that might throw.
+
+      flushSyncWorkOnAllRoots();
     }
-  } // Append the update to the end of the list.
 
-  var lastBaseUpdate = queue.lastBaseUpdate;
+    function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+      // This function is always called inside a microtask, or at the very end of a
+      // rendering task right before we yield to the main thread. It should never be
+      // called synchronously.
+      //
+      // TODO: Unless enableDeferRootSchedulingToMicrotask is off. We need to land
+      // that ASAP to unblock additional features we have planned.
+      //
+      // This function also never performs React work synchronously; it should
+      // only schedule work to be performed later, in a separate task or microtask.
+      // Check if any lanes are being starved by other work. If so, mark them as
+      // expired so we know to work on those next.
+      markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
+
+      var workInProgressRoot = getWorkInProgressRoot();
+      var workInProgressRootRenderLanes = getWorkInProgressRootRenderLanes();
+      var nextLanes = getNextLanes(
+        root,
+        root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+      );
+      var existingCallbackNode = root.callbackNode;
 
-  if (lastBaseUpdate === null) {
-    queue.firstBaseUpdate = capturedUpdate;
-  } else {
-    lastBaseUpdate.next = capturedUpdate;
-  }
+      if (
+        // Check if there's nothing to work on
+        nextLanes === NoLanes || // If this root is currently suspended and waiting for data to resolve, don't
+        // schedule a task to render it. We'll either wait for a ping, or wait to
+        // receive an update.
+        //
+        // Suspended render phase
+        (root === workInProgressRoot && isWorkLoopSuspendedOnData()) || // Suspended commit phase
+        root.cancelPendingCommit !== null
+      ) {
+        // Fast path: There's nothing to work on.
+        if (existingCallbackNode !== null) {
+          cancelCallback(existingCallbackNode);
+        }
 
-  queue.lastBaseUpdate = capturedUpdate;
-}
+        root.callbackNode = null;
+        root.callbackPriority = NoLane;
+        return NoLane;
+      } // Schedule a new callback in the host environment.
 
-function getStateFromUpdate(
-  workInProgress,
-  queue,
-  update,
-  prevState,
-  nextProps,
-  instance
-) {
-  switch (update.tag) {
-    case ReplaceState: {
-      var payload = update.payload;
-
-      if (typeof payload === "function") {
-        // Updater function
-        {
-          enterDisallowedContextReadInDEV();
+      if (includesSyncLane(nextLanes)) {
+        // Synchronous work is always flushed at the end of the microtask, so we
+        // don't need to schedule an additional task.
+        if (existingCallbackNode !== null) {
+          cancelCallback(existingCallbackNode);
         }
 
-        var nextState = payload.call(instance, prevState, nextProps);
+        root.callbackPriority = SyncLane;
+        root.callbackNode = null;
+        return SyncLane;
+      } else {
+        // We use the highest priority lane to represent the priority of the callback.
+        var existingCallbackPriority = root.callbackPriority;
+        var newCallbackPriority = getHighestPriorityLane(nextLanes);
 
-        {
-          exitDisallowedContextReadInDEV();
+        if (
+          newCallbackPriority === existingCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
+          // Scheduler task, rather than an `act` task, cancel it and re-schedule
+          // on the `act` queue.
+          !(
+            ReactCurrentActQueue$3.current !== null &&
+            existingCallbackNode !== fakeActCallbackNode$1
+          )
+        ) {
+          // The priority hasn't changed. We can reuse the existing task.
+          return newCallbackPriority;
+        } else {
+          // Cancel the existing callback. We'll schedule a new one below.
+          cancelCallback(existingCallbackNode);
         }
 
-        return nextState;
-      } // State object
-
-      return payload;
-    }
+        var schedulerPriorityLevel;
 
-    case CaptureUpdate: {
-      workInProgress.flags =
-        (workInProgress.flags & ~ShouldCapture) | DidCapture;
-    }
-    // Intentional fallthrough
+        switch (lanesToEventPriority(nextLanes)) {
+          case DiscreteEventPriority:
+            schedulerPriorityLevel = ImmediatePriority;
+            break;
 
-    case UpdateState: {
-      var _payload = update.payload;
-      var partialState;
+          case ContinuousEventPriority:
+            schedulerPriorityLevel = UserBlockingPriority;
+            break;
 
-      if (typeof _payload === "function") {
-        // Updater function
-        {
-          enterDisallowedContextReadInDEV();
-        }
+          case DefaultEventPriority:
+            schedulerPriorityLevel = NormalPriority;
+            break;
 
-        partialState = _payload.call(instance, prevState, nextProps);
+          case IdleEventPriority:
+            schedulerPriorityLevel = IdlePriority;
+            break;
 
-        {
-          exitDisallowedContextReadInDEV();
+          default:
+            schedulerPriorityLevel = NormalPriority;
+            break;
         }
-      } else {
-        // Partial state object
-        partialState = _payload;
-      }
 
-      if (partialState === null || partialState === undefined) {
-        // Null and undefined are treated as no-ops.
-        return prevState;
-      } // Merge the partial state and the previous state.
-
-      return assign({}, prevState, partialState);
+        var newCallbackNode = scheduleCallback$1(
+          schedulerPriorityLevel,
+          performConcurrentWorkOnRoot.bind(null, root)
+        );
+        root.callbackPriority = newCallbackPriority;
+        root.callbackNode = newCallbackNode;
+        return newCallbackPriority;
+      }
     }
 
-    case ForceUpdate: {
-      hasForceUpdate = true;
-      return prevState;
-    }
-  }
+    function getContinuationForRoot(root, originalCallbackNode) {
+      // This is called at the end of `performConcurrentWorkOnRoot` to determine
+      // if we need to schedule a continuation task.
+      //
+      // Usually `scheduleTaskForRootDuringMicrotask` only runs inside a microtask;
+      // however, since most of the logic for determining if we need a continuation
+      // versus a new task is the same, we cheat a bit and call it here. This is
+      // only safe to do because we know we're at the end of the browser task.
+      // So although it's not an actual microtask, it might as well be.
+      scheduleTaskForRootDuringMicrotask(root, now$1());
 
-  return prevState;
-}
+      if (root.callbackNode === originalCallbackNode) {
+        // The task node scheduled for this root is the same one that's
+        // currently executed. Need to return a continuation.
+        return performConcurrentWorkOnRoot.bind(null, root);
+      }
 
-function processUpdateQueue(workInProgress, props, instance, renderLanes) {
-  // This is always non-null on a ClassComponent or HostRoot
-  var queue = workInProgress.updateQueue;
-  hasForceUpdate = false;
+      return null;
+    }
+    var fakeActCallbackNode$1 = {};
 
-  {
-    currentlyProcessingQueue = queue.shared;
-  }
+    function scheduleCallback$1(priorityLevel, callback) {
+      if (ReactCurrentActQueue$3.current !== null) {
+        // Special case: We're inside an `act` scope (a testing utility).
+        // Instead of scheduling work in the host environment, add it to a
+        // fake internal queue that's managed by the `act` implementation.
+        ReactCurrentActQueue$3.current.push(callback);
+        return fakeActCallbackNode$1;
+      } else {
+        return scheduleCallback$2(priorityLevel, callback);
+      }
+    }
 
-  var firstBaseUpdate = queue.firstBaseUpdate;
-  var lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
+    function cancelCallback(callbackNode) {
+      if (callbackNode === fakeActCallbackNode$1);
+      else if (callbackNode !== null) {
+        cancelCallback$1(callbackNode);
+      }
+    }
 
-  var pendingQueue = queue.shared.pending;
+    function scheduleImmediateTask(cb) {
+      if (ReactCurrentActQueue$3.current !== null) {
+        // Special case: Inside an `act` scope, we push microtasks to the fake `act`
+        // callback queue. This is because we currently support calling `act`
+        // without awaiting the result. The plan is to deprecate that, and require
+        // that you always await the result so that the microtasks have a chance to
+        // run. But it hasn't happened yet.
+        ReactCurrentActQueue$3.current.push(function () {
+          cb();
+          return null;
+        });
+      } // TODO: Can we land supportsMicrotasks? Which environments don't support it?
+      // Alternatively, can we move this check to the host config?
 
-  if (pendingQueue !== null) {
-    queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
-    // and last so that it's non-circular.
+      {
+        // If microtasks are not supported, use Scheduler.
+        scheduleCallback$2(ImmediatePriority, cb);
+      }
+    }
 
-    var lastPendingUpdate = pendingQueue;
-    var firstPendingUpdate = lastPendingUpdate.next;
-    lastPendingUpdate.next = null; // Append pending updates to base queue
+    function requestTransitionLane( // This argument isn't used, it's only here to encourage the caller to
+      // check that it's inside a transition before calling this function.
+      // TODO: Make this non-nullable. Requires a tweak to useOptimistic.
+      transition
+    ) {
+      // The algorithm for assigning an update to a lane should be stable for all
+      // updates at the same priority within the same event. To do this, the
+      // inputs to the algorithm must be the same.
+      //
+      // The trick we use is to cache the first of each of these inputs within an
+      // event. Then reset the cached values once we can be sure the event is
+      // over. Our heuristic for that is whenever we enter a concurrent work loop.
+      if (currentEventTransitionLane === NoLane) {
+        // All transitions within the same event are assigned the same lane.
+        currentEventTransitionLane = claimNextTransitionLane();
+      }
 
-    if (lastBaseUpdate === null) {
-      firstBaseUpdate = firstPendingUpdate;
-    } else {
-      lastBaseUpdate.next = firstPendingUpdate;
+      return currentEventTransitionLane;
     }
 
-    lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
-    // we need to transfer the updates to that queue, too. Because the base
-    // queue is a singly-linked list with no cycles, we can append to both
-    // lists and take advantage of structural sharing.
-    // TODO: Pass `current` as argument
+    var currentEntangledLane = NoLane; // A thenable that resolves when the entangled scope completes. It does not
+    // resolve to a particular value because it's only used for suspending the UI
+    // until the async action scope has completed.
 
-    var current = workInProgress.alternate;
+    var currentEntangledActionThenable = null;
 
-    if (current !== null) {
-      // This is always non-null on a ClassComponent or HostRoot
-      var currentQueue = current.updateQueue;
-      var currentLastBaseUpdate = currentQueue.lastBaseUpdate;
-
-      if (currentLastBaseUpdate !== lastBaseUpdate) {
-        if (currentLastBaseUpdate === null) {
-          currentQueue.firstBaseUpdate = firstPendingUpdate;
-        } else {
-          currentLastBaseUpdate.next = firstPendingUpdate;
+    function chainThenableValue(thenable, result) {
+      // Equivalent to: Promise.resolve(thenable).then(() => result), except we can
+      // cheat a bit since we know that that this thenable is only ever consumed
+      // by React.
+      //
+      // We don't technically require promise support on the client yet, hence this
+      // extra code.
+      var listeners = [];
+      var thenableWithOverride = {
+        status: "pending",
+        value: null,
+        reason: null,
+        then: function (resolve) {
+          listeners.push(resolve);
         }
-
-        currentQueue.lastBaseUpdate = lastPendingUpdate;
-      }
+      };
+      thenable.then(
+        function (value) {
+          var fulfilledThenable = thenableWithOverride;
+          fulfilledThenable.status = "fulfilled";
+          fulfilledThenable.value = result;
+
+          for (var i = 0; i < listeners.length; i++) {
+            var listener = listeners[i];
+            listener(result);
+          }
+        },
+        function (error) {
+          var rejectedThenable = thenableWithOverride;
+          rejectedThenable.status = "rejected";
+          rejectedThenable.reason = error;
+
+          for (var i = 0; i < listeners.length; i++) {
+            var listener = listeners[i]; // This is a perf hack where we call the `onFulfill` ping function
+            // instead of `onReject`, because we know that React is the only
+            // consumer of these promises, and it passes the same listener to both.
+            // We also know that it will read the error directly off the
+            // `.reason` field.
+
+            listener(undefined);
+          }
+        }
+      );
+      return thenableWithOverride;
+    }
+    function peekEntangledActionLane() {
+      return currentEntangledLane;
+    }
+    function peekEntangledActionThenable() {
+      return currentEntangledActionThenable;
     }
-  } // These values may change as we process the queue.
 
-  if (firstBaseUpdate !== null) {
-    // Iterate through the list of updates to compute the result.
-    var newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
-    // from the original lanes.
+    var UpdateState = 0;
+    var ReplaceState = 1;
+    var ForceUpdate = 2;
+    var CaptureUpdate = 3; // Global state that is reset at the beginning of calling `processUpdateQueue`.
+    // It should only be read right after calling `processUpdateQueue`, via
+    // `checkHasForceUpdateAfterProcessing`.
 
-    var newLanes = NoLanes;
-    var newBaseState = null;
-    var newFirstBaseUpdate = null;
-    var newLastBaseUpdate = null;
-    var update = firstBaseUpdate;
+    var hasForceUpdate = false;
+    var didWarnUpdateInsideUpdate;
+    var currentlyProcessingQueue;
 
-    do {
-      var updateLane = update.lane;
-      var updateEventTime = update.eventTime;
+    {
+      didWarnUpdateInsideUpdate = false;
+      currentlyProcessingQueue = null;
+    }
+
+    function initializeUpdateQueue(fiber) {
+      var queue = {
+        baseState: fiber.memoizedState,
+        firstBaseUpdate: null,
+        lastBaseUpdate: null,
+        shared: {
+          pending: null,
+          lanes: NoLanes,
+          hiddenCallbacks: null
+        },
+        callbacks: null
+      };
+      fiber.updateQueue = queue;
+    }
+    function cloneUpdateQueue(current, workInProgress) {
+      // Clone the update queue from current. Unless it's already a clone.
+      var queue = workInProgress.updateQueue;
+      var currentQueue = current.updateQueue;
 
-      if (!isSubsetOfLanes(renderLanes, updateLane)) {
-        // Priority is insufficient. Skip this update. If this is the first
-        // skipped update, the previous update/state is the new base
-        // update/state.
+      if (queue === currentQueue) {
         var clone = {
-          eventTime: updateEventTime,
-          lane: updateLane,
-          tag: update.tag,
-          payload: update.payload,
-          callback: update.callback,
-          next: null
+          baseState: currentQueue.baseState,
+          firstBaseUpdate: currentQueue.firstBaseUpdate,
+          lastBaseUpdate: currentQueue.lastBaseUpdate,
+          shared: currentQueue.shared,
+          callbacks: null
         };
+        workInProgress.updateQueue = clone;
+      }
+    }
+    function createUpdate(lane) {
+      var update = {
+        lane: lane,
+        tag: UpdateState,
+        payload: null,
+        callback: null,
+        next: null
+      };
+      return update;
+    }
+    function enqueueUpdate(fiber, update, lane) {
+      var updateQueue = fiber.updateQueue;
 
-        if (newLastBaseUpdate === null) {
-          newFirstBaseUpdate = newLastBaseUpdate = clone;
-          newBaseState = newState;
-        } else {
-          newLastBaseUpdate = newLastBaseUpdate.next = clone;
-        } // Update the remaining priority in the queue.
-
-        newLanes = mergeLanes(newLanes, updateLane);
-      } else {
-        // This update does have sufficient priority.
-        if (newLastBaseUpdate !== null) {
-          var _clone = {
-            eventTime: updateEventTime,
-            // This update is going to be committed so we never want uncommit
-            // it. Using NoLane works because 0 is a subset of all bitmasks, so
-            // this will never be skipped by the check above.
-            lane: NoLane,
-            tag: update.tag,
-            payload: update.payload,
-            callback: update.callback,
-            next: null
-          };
-          newLastBaseUpdate = newLastBaseUpdate.next = _clone;
-        } // Process this update.
+      if (updateQueue === null) {
+        // Only occurs if the fiber has been unmounted.
+        return null;
+      }
 
-        newState = getStateFromUpdate(
-          workInProgress,
-          queue,
-          update,
-          newState,
-          props,
-          instance
-        );
-        var callback = update.callback;
+      var sharedQueue = updateQueue.shared;
 
+      {
         if (
-          callback !== null && // If the update was already committed, we should not queue its
-          // callback again.
-          update.lane !== NoLane
+          currentlyProcessingQueue === sharedQueue &&
+          !didWarnUpdateInsideUpdate
         ) {
-          workInProgress.flags |= Callback;
-          var effects = queue.effects;
+          var componentName = getComponentNameFromFiber(fiber);
 
-          if (effects === null) {
-            queue.effects = [update];
-          } else {
-            effects.push(update);
-          }
+          error(
+            "An update (setState, replaceState, or forceUpdate) was scheduled " +
+              "from inside an update function. Update functions should be pure, " +
+              "with zero side-effects. Consider using componentDidUpdate or a " +
+              "callback.\n\nPlease update the following component: %s",
+            componentName
+          );
+
+          didWarnUpdateInsideUpdate = true;
         }
       }
 
-      update = update.next;
+      if (isUnsafeClassRenderPhaseUpdate()) {
+        // This is an unsafe render phase update. Add directly to the update
+        // queue so we can process it immediately during the current render.
+        var pending = sharedQueue.pending;
 
-      if (update === null) {
-        pendingQueue = queue.shared.pending;
-
-        if (pendingQueue === null) {
-          break;
+        if (pending === null) {
+          // This is the first update. Create a circular list.
+          update.next = update;
         } else {
-          // An update was scheduled from inside a reducer. Add the new
-          // pending updates to the end of the list and keep processing.
-          var _lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
-          // unravel them when transferring them to the base queue.
-
-          var _firstPendingUpdate = _lastPendingUpdate.next;
-          _lastPendingUpdate.next = null;
-          update = _firstPendingUpdate;
-          queue.lastBaseUpdate = _lastPendingUpdate;
-          queue.shared.pending = null;
+          update.next = pending.next;
+          pending.next = update;
         }
-      }
-    } while (true);
 
-    if (newLastBaseUpdate === null) {
-      newBaseState = newState;
+        sharedQueue.pending = update; // Update the childLanes even though we're most likely already rendering
+        // this fiber. This is for backwards compatibility in the case where you
+        // update a different component during render phase than the one that is
+        // currently renderings (a pattern that is accompanied by a warning).
+
+        return unsafe_markUpdateLaneFromFiberToRoot(fiber, lane);
+      } else {
+        return enqueueConcurrentClassUpdate(fiber, sharedQueue, update, lane);
+      }
     }
+    function entangleTransitions(root, fiber, lane) {
+      var updateQueue = fiber.updateQueue;
 
-    queue.baseState = newBaseState;
-    queue.firstBaseUpdate = newFirstBaseUpdate;
-    queue.lastBaseUpdate = newLastBaseUpdate; // Interleaved updates are stored on a separate queue. We aren't going to
-    // process them during this render, but we do need to track which lanes
-    // are remaining.
+      if (updateQueue === null) {
+        // Only occurs if the fiber has been unmounted.
+        return;
+      }
 
-    var lastInterleaved = queue.shared.interleaved;
+      var sharedQueue = updateQueue.shared;
 
-    if (lastInterleaved !== null) {
-      var interleaved = lastInterleaved;
+      if (isTransitionLane(lane)) {
+        var queueLanes = sharedQueue.lanes; // If any entangled lanes are no longer pending on the root, then they must
+        // have finished. We can remove them from the shared queue, which represents
+        // a superset of the actually pending lanes. In some cases we may entangle
+        // more than we need to, but that's OK. In fact it's worse if we *don't*
+        // entangle when we should.
 
-      do {
-        newLanes = mergeLanes(newLanes, interleaved.lane);
-        interleaved = interleaved.next;
-      } while (interleaved !== lastInterleaved);
-    } else if (firstBaseUpdate === null) {
-      // `queue.lanes` is used for entangling transitions. We can set it back to
-      // zero once the queue is empty.
-      queue.shared.lanes = NoLanes;
-    } // Set the remaining expiration time to be whatever is remaining in the queue.
-    // This should be fine because the only two other things that contribute to
-    // expiration time are props and context. We're already in the middle of the
-    // begin phase by the time we start processing the queue, so we've already
-    // dealt with the props. Context in components that specify
-    // shouldComponentUpdate is tricky; but we'll have to account for
-    // that regardless.
-
-    markSkippedUpdateLanes(newLanes);
-    workInProgress.lanes = newLanes;
-    workInProgress.memoizedState = newState;
-  }
-
-  {
-    currentlyProcessingQueue = null;
-  }
-}
+        queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
 
-function callCallback(callback, context) {
-  if (typeof callback !== "function") {
-    throw new Error(
-      "Invalid argument passed as callback. Expected a function. Instead " +
-        ("received: " + callback)
-    );
-  }
+        var newQueueLanes = mergeLanes(queueLanes, lane);
+        sharedQueue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
+        // the lane finished since the last time we entangled it. So we need to
+        // entangle it again, just to be sure.
 
-  callback.call(context);
-}
+        markRootEntangled(root, newQueueLanes);
+      }
+    }
+    function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
+      // Captured updates are updates that are thrown by a child during the render
+      // phase. They should be discarded if the render is aborted. Therefore,
+      // we should only put them on the work-in-progress queue, not the current one.
+      var queue = workInProgress.updateQueue; // Check if the work-in-progress queue is a clone.
 
-function resetHasForceUpdateBeforeProcessing() {
-  hasForceUpdate = false;
-}
-function checkHasForceUpdateAfterProcessing() {
-  return hasForceUpdate;
-}
-function commitUpdateQueue(finishedWork, finishedQueue, instance) {
-  // Commit the effects
-  var effects = finishedQueue.effects;
-  finishedQueue.effects = null;
+      var current = workInProgress.alternate;
 
-  if (effects !== null) {
-    for (var i = 0; i < effects.length; i++) {
-      var effect = effects[i];
-      var callback = effect.callback;
+      if (current !== null) {
+        var currentQueue = current.updateQueue;
+
+        if (queue === currentQueue) {
+          // The work-in-progress queue is the same as current. This happens when
+          // we bail out on a parent fiber that then captures an error thrown by
+          // a child. Since we want to append the update only to the work-in
+          // -progress queue, we need to clone the updates. We usually clone during
+          // processUpdateQueue, but that didn't happen in this case because we
+          // skipped over the parent when we bailed out.
+          var newFirst = null;
+          var newLast = null;
+          var firstBaseUpdate = queue.firstBaseUpdate;
+
+          if (firstBaseUpdate !== null) {
+            // Loop through the updates and clone them.
+            var update = firstBaseUpdate;
 
-      if (callback !== null) {
-        effect.callback = null;
-        callCallback(callback, instance);
-      }
-    }
-  }
-}
+            do {
+              var clone = {
+                lane: update.lane,
+                tag: update.tag,
+                payload: update.payload,
+                // When this update is rebased, we should not fire its
+                // callback again.
+                callback: null,
+                next: null
+              };
+
+              if (newLast === null) {
+                newFirst = newLast = clone;
+              } else {
+                newLast.next = clone;
+                newLast = clone;
+              } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-var fakeInternalInstance = {}; // React.Component uses a shared frozen object by default.
-// We'll use it to determine whether we need to initialize legacy refs.
-
-var emptyRefsObject = new React.Component().refs;
-var didWarnAboutStateAssignmentForComponent;
-var didWarnAboutUninitializedState;
-var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
-var didWarnAboutLegacyLifecyclesAndDerivedState;
-var didWarnAboutUndefinedDerivedState;
-var warnOnUndefinedDerivedState;
-var warnOnInvalidCallback;
-var didWarnAboutDirectlyAssigningPropsToState;
-var didWarnAboutContextTypeAndContextTypes;
-var didWarnAboutInvalidateContextType;
-
-{
-  didWarnAboutStateAssignmentForComponent = new Set();
-  didWarnAboutUninitializedState = new Set();
-  didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
-  didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
-  didWarnAboutDirectlyAssigningPropsToState = new Set();
-  didWarnAboutUndefinedDerivedState = new Set();
-  didWarnAboutContextTypeAndContextTypes = new Set();
-  didWarnAboutInvalidateContextType = new Set();
-  var didWarnOnInvalidCallback = new Set();
-
-  warnOnInvalidCallback = function(callback, callerName) {
-    if (callback === null || typeof callback === "function") {
-      return;
-    }
-
-    var key = callerName + "_" + callback;
-
-    if (!didWarnOnInvalidCallback.has(key)) {
-      didWarnOnInvalidCallback.add(key);
-
-      error(
-        "%s(...): Expected the last optional `callback` argument to be a " +
-          "function. Instead received: %s.",
-        callerName,
-        callback
-      );
-    }
-  };
+              update = update.next;
+            } while (update !== null); // Append the captured update the end of the cloned list.
+
+            if (newLast === null) {
+              newFirst = newLast = capturedUpdate;
+            } else {
+              newLast.next = capturedUpdate;
+              newLast = capturedUpdate;
+            }
+          } else {
+            // There are no base updates.
+            newFirst = newLast = capturedUpdate;
+          }
 
-  warnOnUndefinedDerivedState = function(type, partialState) {
-    if (partialState === undefined) {
-      var componentName = getComponentNameFromType(type) || "Component";
+          queue = {
+            baseState: currentQueue.baseState,
+            firstBaseUpdate: newFirst,
+            lastBaseUpdate: newLast,
+            shared: currentQueue.shared,
+            callbacks: currentQueue.callbacks
+          };
+          workInProgress.updateQueue = queue;
+          return;
+        }
+      } // Append the update to the end of the list.
 
-      if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
-        didWarnAboutUndefinedDerivedState.add(componentName);
+      var lastBaseUpdate = queue.lastBaseUpdate;
 
-        error(
-          "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
-            "You have returned undefined.",
-          componentName
-        );
+      if (lastBaseUpdate === null) {
+        queue.firstBaseUpdate = capturedUpdate;
+      } else {
+        lastBaseUpdate.next = capturedUpdate;
       }
+
+      queue.lastBaseUpdate = capturedUpdate;
     }
-  }; // This is so gross but it's at least non-critical and can be removed if
-  // it causes problems. This is meant to give a nicer error message for
-  // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
-  // ...)) which otherwise throws a "_processChildContext is not a function"
-  // exception.
 
-  Object.defineProperty(fakeInternalInstance, "_processChildContext", {
-    enumerable: false,
-    value: function() {
-      throw new Error(
-        "_processChildContext is not available in React 16+. This likely " +
-          "means you have multiple copies of React and are attempting to nest " +
-          "a React 15 tree inside a React 16 tree using " +
-          "unstable_renderSubtreeIntoContainer, which isn't supported. Try " +
-          "to make sure you have only one copy of React (and ideally, switch " +
-          "to ReactDOM.createPortal)."
-      );
-    }
-  });
-  Object.freeze(fakeInternalInstance);
-}
+    function getStateFromUpdate(
+      workInProgress,
+      queue,
+      update,
+      prevState,
+      nextProps,
+      instance
+    ) {
+      switch (update.tag) {
+        case ReplaceState: {
+          var payload = update.payload;
 
-function applyDerivedStateFromProps(
-  workInProgress,
-  ctor,
-  getDerivedStateFromProps,
-  nextProps
-) {
-  var prevState = workInProgress.memoizedState;
-  var partialState = getDerivedStateFromProps(nextProps, prevState);
-
-  {
-    warnOnUndefinedDerivedState(ctor, partialState);
-  } // Merge the partial state and the previous state.
-
-  var memoizedState =
-    partialState === null || partialState === undefined
-      ? prevState
-      : assign({}, prevState, partialState);
-  workInProgress.memoizedState = memoizedState; // Once the update queue is empty, persist the derived state onto the
-  // base state.
-
-  if (workInProgress.lanes === NoLanes) {
-    // Queue is always non-null for classes
-    var updateQueue = workInProgress.updateQueue;
-    updateQueue.baseState = memoizedState;
-  }
-}
+          if (typeof payload === "function") {
+            // Updater function
+            {
+              enterDisallowedContextReadInDEV();
+            }
 
-var classComponentUpdater = {
-  isMounted: isMounted,
-  enqueueSetState: function(inst, payload, callback) {
-    var fiber = get(inst);
-    var eventTime = requestEventTime();
-    var lane = requestUpdateLane(fiber);
-    var update = createUpdate(eventTime, lane);
-    update.payload = payload;
+            var nextState = payload.call(instance, prevState, nextProps);
 
-    if (callback !== undefined && callback !== null) {
-      {
-        warnOnInvalidCallback(callback, "setState");
-      }
+            {
+              if (workInProgress.mode & StrictLegacyMode) {
+                setIsStrictModeForDevtools(true);
 
-      update.callback = callback;
-    }
+                try {
+                  payload.call(instance, prevState, nextProps);
+                } finally {
+                  setIsStrictModeForDevtools(false);
+                }
+              }
 
-    var root = enqueueUpdate(fiber, update, lane);
+              exitDisallowedContextReadInDEV();
+            }
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
-      entangleTransitions(root, fiber, lane);
-    }
-  },
-  enqueueReplaceState: function(inst, payload, callback) {
-    var fiber = get(inst);
-    var eventTime = requestEventTime();
-    var lane = requestUpdateLane(fiber);
-    var update = createUpdate(eventTime, lane);
-    update.tag = ReplaceState;
-    update.payload = payload;
+            return nextState;
+          } // State object
 
-    if (callback !== undefined && callback !== null) {
-      {
-        warnOnInvalidCallback(callback, "replaceState");
-      }
+          return payload;
+        }
 
-      update.callback = callback;
-    }
+        case CaptureUpdate: {
+          workInProgress.flags =
+            (workInProgress.flags & ~ShouldCapture) | DidCapture;
+        }
+        // Intentional fallthrough
 
-    var root = enqueueUpdate(fiber, update, lane);
+        case UpdateState: {
+          var _payload = update.payload;
+          var partialState;
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
-      entangleTransitions(root, fiber, lane);
-    }
-  },
-  enqueueForceUpdate: function(inst, callback) {
-    var fiber = get(inst);
-    var eventTime = requestEventTime();
-    var lane = requestUpdateLane(fiber);
-    var update = createUpdate(eventTime, lane);
-    update.tag = ForceUpdate;
+          if (typeof _payload === "function") {
+            // Updater function
+            {
+              enterDisallowedContextReadInDEV();
+            }
 
-    if (callback !== undefined && callback !== null) {
-      {
-        warnOnInvalidCallback(callback, "forceUpdate");
-      }
+            partialState = _payload.call(instance, prevState, nextProps);
 
-      update.callback = callback;
-    }
+            {
+              if (workInProgress.mode & StrictLegacyMode) {
+                setIsStrictModeForDevtools(true);
 
-    var root = enqueueUpdate(fiber, update, lane);
+                try {
+                  _payload.call(instance, prevState, nextProps);
+                } finally {
+                  setIsStrictModeForDevtools(false);
+                }
+              }
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
-      entangleTransitions(root, fiber, lane);
-    }
-  }
-};
+              exitDisallowedContextReadInDEV();
+            }
+          } else {
+            // Partial state object
+            partialState = _payload;
+          }
 
-function checkShouldComponentUpdate(
-  workInProgress,
-  ctor,
-  oldProps,
-  newProps,
-  oldState,
-  newState,
-  nextContext
-) {
-  var instance = workInProgress.stateNode;
+          if (partialState === null || partialState === undefined) {
+            // Null and undefined are treated as no-ops.
+            return prevState;
+          } // Merge the partial state and the previous state.
 
-  if (typeof instance.shouldComponentUpdate === "function") {
-    var shouldUpdate = instance.shouldComponentUpdate(
-      newProps,
-      newState,
-      nextContext
-    );
+          return assign({}, prevState, partialState);
+        }
 
-    {
-      if (shouldUpdate === undefined) {
-        error(
-          "%s.shouldComponentUpdate(): Returned undefined instead of a " +
-            "boolean value. Make sure to return true or false.",
-          getComponentNameFromType(ctor) || "Component"
-        );
+        case ForceUpdate: {
+          hasForceUpdate = true;
+          return prevState;
+        }
       }
+
+      return prevState;
     }
 
-    return shouldUpdate;
-  }
+    var didReadFromEntangledAsyncAction = false; // Each call to processUpdateQueue should be accompanied by a call to this. It's
+    // only in a separate function because in updateHostRoot, it must happen after
+    // all the context stacks have been pushed to, to prevent a stack mismatch. A
+    // bit unfortunate.
+
+    function suspendIfUpdateReadFromEntangledAsyncAction() {
+      // Check if this update is part of a pending async action. If so, we'll
+      // need to suspend until the action has finished, so that it's batched
+      // together with future updates in the same action.
+      // TODO: Once we support hooks inside useMemo (or an equivalent
+      // memoization boundary like Forget), hoist this logic so that it only
+      // suspends if the memo boundary produces a new value.
+      if (didReadFromEntangledAsyncAction) {
+        var entangledActionThenable = peekEntangledActionThenable();
+
+        if (entangledActionThenable !== null) {
+          // TODO: Instead of the throwing the thenable directly, throw a
+          // special object like `use` does so we can detect if it's captured
+          // by userspace.
+          throw entangledActionThenable;
+        }
+      }
+    }
+    function processUpdateQueue(workInProgress, props, instance, renderLanes) {
+      didReadFromEntangledAsyncAction = false; // This is always non-null on a ClassComponent or HostRoot
 
-  if (ctor.prototype && ctor.prototype.isPureReactComponent) {
-    return (
-      !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-    );
-  }
+      var queue = workInProgress.updateQueue;
+      hasForceUpdate = false;
 
-  return true;
-}
+      {
+        currentlyProcessingQueue = queue.shared;
+      }
 
-function checkClassInstance(workInProgress, ctor, newProps) {
-  var instance = workInProgress.stateNode;
+      var firstBaseUpdate = queue.firstBaseUpdate;
+      var lastBaseUpdate = queue.lastBaseUpdate; // Check if there are pending updates. If so, transfer them to the base queue.
 
-  {
-    var name = getComponentNameFromType(ctor) || "Component";
-    var renderPresent = instance.render;
+      var pendingQueue = queue.shared.pending;
 
-    if (!renderPresent) {
-      if (ctor.prototype && typeof ctor.prototype.render === "function") {
-        error(
-          "%s(...): No `render` method found on the returned component " +
-            "instance: did you accidentally return an object from the constructor?",
-          name
-        );
-      } else {
-        error(
-          "%s(...): No `render` method found on the returned component " +
-            "instance: you may have forgotten to define `render`.",
-          name
-        );
-      }
-    }
+      if (pendingQueue !== null) {
+        queue.shared.pending = null; // The pending queue is circular. Disconnect the pointer between first
+        // and last so that it's non-circular.
 
-    if (
-      instance.getInitialState &&
-      !instance.getInitialState.isReactClassApproved &&
-      !instance.state
-    ) {
-      error(
-        "getInitialState was defined on %s, a plain JavaScript class. " +
-          "This is only supported for classes created using React.createClass. " +
-          "Did you mean to define a state property instead?",
-        name
-      );
-    }
+        var lastPendingUpdate = pendingQueue;
+        var firstPendingUpdate = lastPendingUpdate.next;
+        lastPendingUpdate.next = null; // Append pending updates to base queue
 
-    if (
-      instance.getDefaultProps &&
-      !instance.getDefaultProps.isReactClassApproved
-    ) {
-      error(
-        "getDefaultProps was defined on %s, a plain JavaScript class. " +
-          "This is only supported for classes created using React.createClass. " +
-          "Use a static property to define defaultProps instead.",
-        name
-      );
-    }
+        if (lastBaseUpdate === null) {
+          firstBaseUpdate = firstPendingUpdate;
+        } else {
+          lastBaseUpdate.next = firstPendingUpdate;
+        }
 
-    if (instance.propTypes) {
-      error(
-        "propTypes was defined as an instance property on %s. Use a static " +
-          "property to define propTypes instead.",
-        name
-      );
-    }
+        lastBaseUpdate = lastPendingUpdate; // If there's a current queue, and it's different from the base queue, then
+        // we need to transfer the updates to that queue, too. Because the base
+        // queue is a singly-linked list with no cycles, we can append to both
+        // lists and take advantage of structural sharing.
+        // TODO: Pass `current` as argument
 
-    if (instance.contextType) {
-      error(
-        "contextType was defined as an instance property on %s. Use a static " +
-          "property to define contextType instead.",
-        name
-      );
-    }
+        var current = workInProgress.alternate;
 
-    {
-      if (instance.contextTypes) {
-        error(
-          "contextTypes was defined as an instance property on %s. Use a static " +
-            "property to define contextTypes instead.",
-          name
-        );
-      }
+        if (current !== null) {
+          // This is always non-null on a ClassComponent or HostRoot
+          var currentQueue = current.updateQueue;
+          var currentLastBaseUpdate = currentQueue.lastBaseUpdate;
 
-      if (
-        ctor.contextType &&
-        ctor.contextTypes &&
-        !didWarnAboutContextTypeAndContextTypes.has(ctor)
-      ) {
-        didWarnAboutContextTypeAndContextTypes.add(ctor);
+          if (currentLastBaseUpdate !== lastBaseUpdate) {
+            if (currentLastBaseUpdate === null) {
+              currentQueue.firstBaseUpdate = firstPendingUpdate;
+            } else {
+              currentLastBaseUpdate.next = firstPendingUpdate;
+            }
 
-        error(
-          "%s declares both contextTypes and contextType static properties. " +
-            "The legacy contextTypes property will be ignored.",
-          name
-        );
-      }
-    }
+            currentQueue.lastBaseUpdate = lastPendingUpdate;
+          }
+        }
+      } // These values may change as we process the queue.
 
-    if (typeof instance.componentShouldUpdate === "function") {
-      error(
-        "%s has a method called " +
-          "componentShouldUpdate(). Did you mean shouldComponentUpdate()? " +
-          "The name is phrased as a question because the function is " +
-          "expected to return a value.",
-        name
-      );
-    }
+      if (firstBaseUpdate !== null) {
+        // Iterate through the list of updates to compute the result.
+        var newState = queue.baseState; // TODO: Don't need to accumulate this. Instead, we can remove renderLanes
+        // from the original lanes.
+
+        var newLanes = NoLanes;
+        var newBaseState = null;
+        var newFirstBaseUpdate = null;
+        var newLastBaseUpdate = null;
+        var update = firstBaseUpdate;
 
-    if (
-      ctor.prototype &&
-      ctor.prototype.isPureReactComponent &&
-      typeof instance.shouldComponentUpdate !== "undefined"
-    ) {
-      error(
-        "%s has a method called shouldComponentUpdate(). " +
-          "shouldComponentUpdate should not be used when extending React.PureComponent. " +
-          "Please extend React.Component if shouldComponentUpdate is used.",
-        getComponentNameFromType(ctor) || "A pure component"
-      );
-    }
+        do {
+          // An extra OffscreenLane bit is added to updates that were made to
+          // a hidden tree, so that we can distinguish them from updates that were
+          // already there when the tree was hidden.
+          var updateLane = removeLanes(update.lane, OffscreenLane);
+          var isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
+          // it's not a "base" update and we should disregard the extra base lanes
+          // that were added to renderLanes when we entered the Offscreen tree.
+
+          var shouldSkipUpdate = isHiddenUpdate
+            ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane)
+            : !isSubsetOfLanes(renderLanes, updateLane);
+
+          if (shouldSkipUpdate) {
+            // Priority is insufficient. Skip this update. If this is the first
+            // skipped update, the previous update/state is the new base
+            // update/state.
+            var clone = {
+              lane: updateLane,
+              tag: update.tag,
+              payload: update.payload,
+              callback: update.callback,
+              next: null
+            };
+
+            if (newLastBaseUpdate === null) {
+              newFirstBaseUpdate = newLastBaseUpdate = clone;
+              newBaseState = newState;
+            } else {
+              newLastBaseUpdate = newLastBaseUpdate.next = clone;
+            } // Update the remaining priority in the queue.
 
-    if (typeof instance.componentDidUnmount === "function") {
-      error(
-        "%s has a method called " +
-          "componentDidUnmount(). But there is no such lifecycle method. " +
-          "Did you mean componentWillUnmount()?",
-        name
-      );
-    }
+            newLanes = mergeLanes(newLanes, updateLane);
+          } else {
+            // This update does have sufficient priority.
+            // Check if this update is part of a pending async action. If so,
+            // we'll need to suspend until the action has finished, so that it's
+            // batched together with future updates in the same action.
+            if (
+              updateLane !== NoLane &&
+              updateLane === peekEntangledActionLane()
+            ) {
+              didReadFromEntangledAsyncAction = true;
+            }
 
-    if (typeof instance.componentDidReceiveProps === "function") {
-      error(
-        "%s has a method called " +
-          "componentDidReceiveProps(). But there is no such lifecycle method. " +
-          "If you meant to update the state in response to changing props, " +
-          "use componentWillReceiveProps(). If you meant to fetch data or " +
-          "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
-        name
-      );
-    }
+            if (newLastBaseUpdate !== null) {
+              var _clone = {
+                // This update is going to be committed so we never want uncommit
+                // it. Using NoLane works because 0 is a subset of all bitmasks, so
+                // this will never be skipped by the check above.
+                lane: NoLane,
+                tag: update.tag,
+                payload: update.payload,
+                // When this update is rebased, we should not fire its
+                // callback again.
+                callback: null,
+                next: null
+              };
+              newLastBaseUpdate = newLastBaseUpdate.next = _clone;
+            } // Process this update.
+
+            newState = getStateFromUpdate(
+              workInProgress,
+              queue,
+              update,
+              newState,
+              props,
+              instance
+            );
+            var callback = update.callback;
 
-    if (typeof instance.componentWillRecieveProps === "function") {
-      error(
-        "%s has a method called " +
-          "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
-        name
-      );
-    }
+            if (callback !== null) {
+              workInProgress.flags |= Callback;
 
-    if (typeof instance.UNSAFE_componentWillRecieveProps === "function") {
-      error(
-        "%s has a method called " +
-          "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
-        name
-      );
-    }
+              if (isHiddenUpdate) {
+                workInProgress.flags |= Visibility;
+              }
 
-    var hasMutatedProps = instance.props !== newProps;
+              var callbacks = queue.callbacks;
 
-    if (instance.props !== undefined && hasMutatedProps) {
-      error(
-        "%s(...): When calling super() in `%s`, make sure to pass " +
-          "up the same props that your component's constructor was passed.",
-        name,
-        name
-      );
-    }
+              if (callbacks === null) {
+                queue.callbacks = [callback];
+              } else {
+                callbacks.push(callback);
+              }
+            }
+          } // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-    if (instance.defaultProps) {
-      error(
-        "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
-          " Instead, define defaultProps as a static property on %s.",
-        name,
-        name
-      );
-    }
+          update = update.next;
 
-    if (
-      typeof instance.getSnapshotBeforeUpdate === "function" &&
-      typeof instance.componentDidUpdate !== "function" &&
-      !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)
-    ) {
-      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
+          if (update === null) {
+            pendingQueue = queue.shared.pending;
 
-      error(
-        "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). " +
-          "This component defines getSnapshotBeforeUpdate() only.",
-        getComponentNameFromType(ctor)
-      );
-    }
+            if (pendingQueue === null) {
+              break;
+            } else {
+              // An update was scheduled from inside a reducer. Add the new
+              // pending updates to the end of the list and keep processing.
+              var _lastPendingUpdate = pendingQueue; // Intentionally unsound. Pending updates form a circular list, but we
+              // unravel them when transferring them to the base queue.
+
+              var _firstPendingUpdate = _lastPendingUpdate.next;
+              _lastPendingUpdate.next = null;
+              update = _firstPendingUpdate;
+              queue.lastBaseUpdate = _lastPendingUpdate;
+              queue.shared.pending = null;
+            }
+          }
+        } while (true);
 
-    if (typeof instance.getDerivedStateFromProps === "function") {
-      error(
-        "%s: getDerivedStateFromProps() is defined as an instance method " +
-          "and will be ignored. Instead, declare it as a static method.",
-        name
-      );
-    }
+        if (newLastBaseUpdate === null) {
+          newBaseState = newState;
+        }
 
-    if (typeof instance.getDerivedStateFromError === "function") {
-      error(
-        "%s: getDerivedStateFromError() is defined as an instance method " +
-          "and will be ignored. Instead, declare it as a static method.",
-        name
-      );
-    }
+        queue.baseState = newBaseState;
+        queue.firstBaseUpdate = newFirstBaseUpdate;
+        queue.lastBaseUpdate = newLastBaseUpdate;
 
-    if (typeof ctor.getSnapshotBeforeUpdate === "function") {
-      error(
-        "%s: getSnapshotBeforeUpdate() is defined as a static method " +
-          "and will be ignored. Instead, declare it as an instance method.",
-        name
-      );
-    }
+        if (firstBaseUpdate === null) {
+          // `queue.lanes` is used for entangling transitions. We can set it back to
+          // zero once the queue is empty.
+          queue.shared.lanes = NoLanes;
+        } // Set the remaining expiration time to be whatever is remaining in the queue.
+        // This should be fine because the only two other things that contribute to
+        // expiration time are props and context. We're already in the middle of the
+        // begin phase by the time we start processing the queue, so we've already
+        // dealt with the props. Context in components that specify
+        // shouldComponentUpdate is tricky; but we'll have to account for
+        // that regardless.
 
-    var _state = instance.state;
+        markSkippedUpdateLanes(newLanes);
+        workInProgress.lanes = newLanes;
+        workInProgress.memoizedState = newState;
+      }
 
-    if (_state && (typeof _state !== "object" || isArray(_state))) {
-      error("%s.state: must be set to an object or null", name);
+      {
+        currentlyProcessingQueue = null;
+      }
     }
 
-    if (
-      typeof instance.getChildContext === "function" &&
-      typeof ctor.childContextTypes !== "object"
-    ) {
-      error(
-        "%s.getChildContext(): childContextTypes must be defined in order to " +
-          "use getChildContext().",
-        name
-      );
-    }
-  }
-}
+    function callCallback(callback, context) {
+      if (typeof callback !== "function") {
+        throw new Error(
+          "Invalid argument passed as callback. Expected a function. Instead " +
+            ("received: " + callback)
+        );
+      }
 
-function adoptClassInstance(workInProgress, instance) {
-  instance.updater = classComponentUpdater;
-  workInProgress.stateNode = instance; // The instance needs access to the fiber so that it can schedule updates
+      callback.call(context);
+    }
 
-  set(instance, workInProgress);
+    function resetHasForceUpdateBeforeProcessing() {
+      hasForceUpdate = false;
+    }
+    function checkHasForceUpdateAfterProcessing() {
+      return hasForceUpdate;
+    }
+    function deferHiddenCallbacks(updateQueue) {
+      // When an update finishes on a hidden component, its callback should not
+      // be fired until/unless the component is made visible again. Stash the
+      // callback on the shared queue object so it can be fired later.
+      var newHiddenCallbacks = updateQueue.callbacks;
 
-  {
-    instance._reactInternalInstance = fakeInternalInstance;
-  }
-}
+      if (newHiddenCallbacks !== null) {
+        var existingHiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-function constructClassInstance(workInProgress, ctor, props) {
-  var isLegacyContextConsumer = false;
-  var unmaskedContext = emptyContextObject;
-  var context = emptyContextObject;
-  var contextType = ctor.contextType;
-
-  {
-    if ("contextType" in ctor) {
-      var isValid = // Allow null for conditional declaration
-        contextType === null ||
-        (contextType !== undefined &&
-          contextType.$$typeof === REACT_CONTEXT_TYPE &&
-          contextType._context === undefined); // Not a <Context.Consumer>
-
-      if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
-        didWarnAboutInvalidateContextType.add(ctor);
-        var addendum = "";
-
-        if (contextType === undefined) {
-          addendum =
-            " However, it is set to undefined. " +
-            "This can be caused by a typo or by mixing up named and default imports. " +
-            "This can also happen due to a circular dependency, so " +
-            "try moving the createContext() call to a separate file.";
-        } else if (typeof contextType !== "object") {
-          addendum = " However, it is set to a " + typeof contextType + ".";
-        } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
-          addendum = " Did you accidentally pass the Context.Provider instead?";
-        } else if (contextType._context !== undefined) {
-          // <Context.Consumer>
-          addendum = " Did you accidentally pass the Context.Consumer instead?";
+        if (existingHiddenCallbacks === null) {
+          updateQueue.shared.hiddenCallbacks = newHiddenCallbacks;
         } else {
-          addendum =
-            " However, it is set to an object with keys {" +
-            Object.keys(contextType).join(", ") +
-            "}.";
+          updateQueue.shared.hiddenCallbacks =
+            existingHiddenCallbacks.concat(newHiddenCallbacks);
         }
-
-        error(
-          "%s defines an invalid contextType. " +
-            "contextType should point to the Context object returned by React.createContext().%s",
-          getComponentNameFromType(ctor) || "Component",
-          addendum
-        );
       }
     }
-  }
-
-  if (typeof contextType === "object" && contextType !== null) {
-    context = readContext(contextType);
-  } else {
-    unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
-    var contextTypes = ctor.contextTypes;
-    isLegacyContextConsumer =
-      contextTypes !== null && contextTypes !== undefined;
-    context = isLegacyContextConsumer
-      ? getMaskedContext(workInProgress, unmaskedContext)
-      : emptyContextObject;
-  }
-
-  var instance = new ctor(props, context); // Instantiate twice to help detect side-effects.
-
-  var state = (workInProgress.memoizedState =
-    instance.state !== null && instance.state !== undefined
-      ? instance.state
-      : null);
-  adoptClassInstance(workInProgress, instance);
-
-  {
-    if (typeof ctor.getDerivedStateFromProps === "function" && state === null) {
-      var componentName = getComponentNameFromType(ctor) || "Component";
+    function commitHiddenCallbacks(updateQueue, context) {
+      // This component is switching from hidden -> visible. Commit any callbacks
+      // that were previously deferred.
+      var hiddenCallbacks = updateQueue.shared.hiddenCallbacks;
 
-      if (!didWarnAboutUninitializedState.has(componentName)) {
-        didWarnAboutUninitializedState.add(componentName);
+      if (hiddenCallbacks !== null) {
+        updateQueue.shared.hiddenCallbacks = null;
 
-        error(
-          "`%s` uses `getDerivedStateFromProps` but its initial state is " +
-            "%s. This is not recommended. Instead, define the initial state by " +
-            "assigning an object to `this.state` in the constructor of `%s`. " +
-            "This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
-          componentName,
-          instance.state === null ? "null" : "undefined",
-          componentName
-        );
+        for (var i = 0; i < hiddenCallbacks.length; i++) {
+          var callback = hiddenCallbacks[i];
+          callCallback(callback, context);
+        }
       }
-    } // If new component APIs are defined, "unsafe" lifecycles won't be called.
-    // Warn about these lifecycles if they are present.
-    // Don't warn about react-lifecycles-compat polyfilled methods though.
+    }
+    function commitCallbacks(updateQueue, context) {
+      var callbacks = updateQueue.callbacks;
 
-    if (
-      typeof ctor.getDerivedStateFromProps === "function" ||
-      typeof instance.getSnapshotBeforeUpdate === "function"
-    ) {
-      var foundWillMountName = null;
-      var foundWillReceivePropsName = null;
-      var foundWillUpdateName = null;
+      if (callbacks !== null) {
+        updateQueue.callbacks = null;
 
-      if (
-        typeof instance.componentWillMount === "function" &&
-        instance.componentWillMount.__suppressDeprecationWarning !== true
-      ) {
-        foundWillMountName = "componentWillMount";
-      } else if (typeof instance.UNSAFE_componentWillMount === "function") {
-        foundWillMountName = "UNSAFE_componentWillMount";
+        for (var i = 0; i < callbacks.length; i++) {
+          var callback = callbacks[i];
+          callCallback(callback, context);
+        }
       }
+    }
 
-      if (
-        typeof instance.componentWillReceiveProps === "function" &&
-        instance.componentWillReceiveProps.__suppressDeprecationWarning !== true
-      ) {
-        foundWillReceivePropsName = "componentWillReceiveProps";
-      } else if (
-        typeof instance.UNSAFE_componentWillReceiveProps === "function"
-      ) {
-        foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps";
+    /**
+     * Performs equality by iterating through keys on an object and returning false
+     * when any key has values which are not strictly equal between the arguments.
+     * Returns true when the values of all keys are strictly equal.
+     */
+
+    function shallowEqual(objA, objB) {
+      if (objectIs(objA, objB)) {
+        return true;
       }
 
       if (
-        typeof instance.componentWillUpdate === "function" &&
-        instance.componentWillUpdate.__suppressDeprecationWarning !== true
+        typeof objA !== "object" ||
+        objA === null ||
+        typeof objB !== "object" ||
+        objB === null
       ) {
-        foundWillUpdateName = "componentWillUpdate";
-      } else if (typeof instance.UNSAFE_componentWillUpdate === "function") {
-        foundWillUpdateName = "UNSAFE_componentWillUpdate";
+        return false;
       }
 
-      if (
-        foundWillMountName !== null ||
-        foundWillReceivePropsName !== null ||
-        foundWillUpdateName !== null
-      ) {
-        var _componentName = getComponentNameFromType(ctor) || "Component";
+      var keysA = Object.keys(objA);
+      var keysB = Object.keys(objB);
 
-        var newApiName =
-          typeof ctor.getDerivedStateFromProps === "function"
-            ? "getDerivedStateFromProps()"
-            : "getSnapshotBeforeUpdate()";
+      if (keysA.length !== keysB.length) {
+        return false;
+      } // Test for A's keys different from B.
 
-        if (!didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)) {
-          didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
+      for (var i = 0; i < keysA.length; i++) {
+        var currentKey = keysA[i];
 
-          error(
-            "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" +
-              "%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n" +
-              "The above lifecycles should be removed. Learn more about this warning here:\n" +
-              "https://react.dev/reference/react/Component",
-            _componentName,
-            newApiName,
-            foundWillMountName !== null ? "\n  " + foundWillMountName : "",
-            foundWillReceivePropsName !== null
-              ? "\n  " + foundWillReceivePropsName
-              : "",
-            foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : ""
-          );
+        if (
+          !hasOwnProperty.call(objB, currentKey) || // $FlowFixMe[incompatible-use] lost refinement of `objB`
+          !objectIs(objA[currentKey], objB[currentKey])
+        ) {
+          return false;
         }
       }
+
+      return true;
     }
-  } // Cache unmasked context so we can avoid recreating masked context unless necessary.
-  // ReactFiberContext usually updates this cache but can't for newly-created instances.
 
-  if (isLegacyContextConsumer) {
-    cacheContext(workInProgress, unmaskedContext, context);
-  }
+    function describeFiber(fiber) {
+      var owner = fiber._debugOwner ? fiber._debugOwner.type : null;
 
-  return instance;
-}
+      switch (fiber.tag) {
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent:
+          return describeBuiltInComponentFrame(fiber.type, owner);
 
-function callComponentWillMount(workInProgress, instance) {
-  var oldState = instance.state;
+        case LazyComponent:
+          return describeBuiltInComponentFrame("Lazy", owner);
 
-  if (typeof instance.componentWillMount === "function") {
-    instance.componentWillMount();
-  }
+        case SuspenseComponent:
+          return describeBuiltInComponentFrame("Suspense", owner);
 
-  if (typeof instance.UNSAFE_componentWillMount === "function") {
-    instance.UNSAFE_componentWillMount();
-  }
+        case SuspenseListComponent:
+          return describeBuiltInComponentFrame("SuspenseList", owner);
 
-  if (oldState !== instance.state) {
-    {
-      error(
-        "%s.componentWillMount(): Assigning directly to this.state is " +
-          "deprecated (except inside a component's " +
-          "constructor). Use setState instead.",
-        getComponentNameFromFiber(workInProgress) || "Component"
-      );
-    }
+        case FunctionComponent:
+        case IndeterminateComponent:
+        case SimpleMemoComponent:
+          return describeFunctionComponentFrame(fiber.type, owner);
 
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
-  }
-}
+        case ForwardRef:
+          return describeFunctionComponentFrame(fiber.type.render, owner);
 
-function callComponentWillReceiveProps(
-  workInProgress,
-  instance,
-  newProps,
-  nextContext
-) {
-  var oldState = instance.state;
+        case ClassComponent:
+          return describeClassComponentFrame(fiber.type, owner);
 
-  if (typeof instance.componentWillReceiveProps === "function") {
-    instance.componentWillReceiveProps(newProps, nextContext);
-  }
+        default:
+          return "";
+      }
+    }
 
-  if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
-    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
-  }
+    function getStackByFiberInDevAndProd(workInProgress) {
+      try {
+        var info = "";
+        var node = workInProgress;
 
-  if (instance.state !== oldState) {
-    {
-      var componentName =
-        getComponentNameFromFiber(workInProgress) || "Component";
+        do {
+          info += describeFiber(node); // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-      if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
-        didWarnAboutStateAssignmentForComponent.add(componentName);
+          node = node.return;
+        } while (node);
 
-        error(
-          "%s.componentWillReceiveProps(): Assigning directly to " +
-            "this.state is deprecated (except inside a component's " +
-            "constructor). Use setState instead.",
-          componentName
-        );
+        return info;
+      } catch (x) {
+        return "\nError generating stack: " + x.message + "\n" + x.stack;
       }
     }
 
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
-  }
-} // Invokes the mount life-cycles on a previously never rendered instance.
-
-function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
-  {
-    checkClassInstance(workInProgress, ctor, newProps);
-  }
+    var ReactDebugCurrentFrame = ReactSharedInternals.ReactDebugCurrentFrame;
+    var current = null;
+    var isRendering = false;
+    function getCurrentFiberOwnerNameInDevOrNull() {
+      {
+        if (current === null) {
+          return null;
+        }
 
-  var instance = workInProgress.stateNode;
-  instance.props = newProps;
-  instance.state = workInProgress.memoizedState;
-  instance.refs = emptyRefsObject;
-  initializeUpdateQueue(workInProgress);
-  var contextType = ctor.contextType;
+        var owner = current._debugOwner;
 
-  if (typeof contextType === "object" && contextType !== null) {
-    instance.context = readContext(contextType);
-  } else {
-    var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
-    instance.context = getMaskedContext(workInProgress, unmaskedContext);
-  }
+        if (owner !== null && typeof owner !== "undefined") {
+          return getComponentNameFromFiber(owner);
+        }
+      }
 
-  {
-    if (instance.state === newProps) {
-      var componentName = getComponentNameFromType(ctor) || "Component";
+      return null;
+    }
 
-      if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
-        didWarnAboutDirectlyAssigningPropsToState.add(componentName);
+    function getCurrentFiberStackInDev() {
+      {
+        if (current === null) {
+          return "";
+        } // Safe because if current fiber exists, we are reconciling,
+        // and it is guaranteed to be the work-in-progress version.
 
-        error(
-          "%s: It is not recommended to assign props directly to state " +
-            "because updates to props won't be reflected in state. " +
-            "In most cases, it is better to use props directly.",
-          componentName
-        );
+        return getStackByFiberInDevAndProd(current);
       }
     }
 
-    if (workInProgress.mode & StrictLegacyMode) {
-      ReactStrictModeWarnings.recordLegacyContextWarning(
-        workInProgress,
-        instance
-      );
+    function resetCurrentFiber() {
+      {
+        ReactDebugCurrentFrame.getCurrentStack = null;
+        current = null;
+        isRendering = false;
+      }
+    }
+    function setCurrentFiber(fiber) {
+      {
+        ReactDebugCurrentFrame.getCurrentStack =
+          fiber === null ? null : getCurrentFiberStackInDev;
+        current = fiber;
+        isRendering = false;
+      }
+    }
+    function getCurrentFiber() {
+      {
+        return current;
+      }
     }
+    function setIsRendering(rendering) {
+      {
+        isRendering = rendering;
+      }
+    }
+
+    var ReactStrictModeWarnings = {
+      recordUnsafeLifecycleWarnings: function (fiber, instance) {},
+      flushPendingUnsafeLifecycleWarnings: function () {},
+      recordLegacyContextWarning: function (fiber, instance) {},
+      flushLegacyContextWarning: function () {},
+      discardPendingWarnings: function () {}
+    };
 
     {
-      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
-        workInProgress,
-        instance
-      );
-    }
-  }
+      var findStrictRoot = function (fiber) {
+        var maybeStrictRoot = null;
+        var node = fiber;
 
-  instance.state = workInProgress.memoizedState;
-  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+        while (node !== null) {
+          if (node.mode & StrictLegacyMode) {
+            maybeStrictRoot = node;
+          }
 
-  if (typeof getDerivedStateFromProps === "function") {
-    applyDerivedStateFromProps(
-      workInProgress,
-      ctor,
-      getDerivedStateFromProps,
-      newProps
-    );
-    instance.state = workInProgress.memoizedState;
-  } // In order to support react-lifecycles-compat polyfilled components,
-  // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-  if (
-    typeof ctor.getDerivedStateFromProps !== "function" &&
-    typeof instance.getSnapshotBeforeUpdate !== "function" &&
-    (typeof instance.UNSAFE_componentWillMount === "function" ||
-      typeof instance.componentWillMount === "function")
-  ) {
-    callComponentWillMount(workInProgress, instance); // If we had additional state updates during this life-cycle, let's
-    // process them now.
-
-    processUpdateQueue(workInProgress, newProps, instance, renderLanes);
-    instance.state = workInProgress.memoizedState;
-  }
-
-  if (typeof instance.componentDidMount === "function") {
-    var fiberFlags = Update;
-
-    workInProgress.flags |= fiberFlags;
-  }
-}
+          node = node.return;
+        }
 
-function resumeMountClassInstance(workInProgress, ctor, newProps, renderLanes) {
-  var instance = workInProgress.stateNode;
-  var oldProps = workInProgress.memoizedProps;
-  instance.props = oldProps;
-  var oldContext = instance.context;
-  var contextType = ctor.contextType;
-  var nextContext = emptyContextObject;
-
-  if (typeof contextType === "object" && contextType !== null) {
-    nextContext = readContext(contextType);
-  } else {
-    var nextLegacyUnmaskedContext = getUnmaskedContext(
-      workInProgress,
-      ctor,
-      true
-    );
-    nextContext = getMaskedContext(workInProgress, nextLegacyUnmaskedContext);
-  }
-
-  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-  var hasNewLifecycles =
-    typeof getDerivedStateFromProps === "function" ||
-    typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
-  // ever the previously attempted to render - not the "current". However,
-  // during componentDidUpdate we pass the "current" props.
-  // In order to support react-lifecycles-compat polyfilled components,
-  // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-  if (
-    !hasNewLifecycles &&
-    (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-      typeof instance.componentWillReceiveProps === "function")
-  ) {
-    if (oldProps !== newProps || oldContext !== nextContext) {
-      callComponentWillReceiveProps(
-        workInProgress,
-        instance,
-        newProps,
-        nextContext
-      );
-    }
-  }
+        return maybeStrictRoot;
+      };
 
-  resetHasForceUpdateBeforeProcessing();
-  var oldState = workInProgress.memoizedState;
-  var newState = (instance.state = oldState);
-  processUpdateQueue(workInProgress, newProps, instance, renderLanes);
-  newState = workInProgress.memoizedState;
+      var setToSortedString = function (set) {
+        var array = [];
+        set.forEach(function (value) {
+          array.push(value);
+        });
+        return array.sort().join(", ");
+      };
 
-  if (
-    oldProps === newProps &&
-    oldState === newState &&
-    !hasContextChanged() &&
-    !checkHasForceUpdateAfterProcessing()
-  ) {
-    // If an update was already in progress, we should schedule an Update
-    // effect even though we're bailing out, so that cWU/cDU are called.
-    if (typeof instance.componentDidMount === "function") {
-      var fiberFlags = Update;
+      var pendingComponentWillMountWarnings = [];
+      var pendingUNSAFE_ComponentWillMountWarnings = [];
+      var pendingComponentWillReceivePropsWarnings = [];
+      var pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+      var pendingComponentWillUpdateWarnings = [];
+      var pendingUNSAFE_ComponentWillUpdateWarnings = []; // Tracks components we have already warned about.
 
-      workInProgress.flags |= fiberFlags;
-    }
+      var didWarnAboutUnsafeLifecycles = new Set();
 
-    return false;
-  }
+      ReactStrictModeWarnings.recordUnsafeLifecycleWarnings = function (
+        fiber,
+        instance
+      ) {
+        // Dedupe strategy: Warn once per component.
+        if (didWarnAboutUnsafeLifecycles.has(fiber.type)) {
+          return;
+        }
 
-  if (typeof getDerivedStateFromProps === "function") {
-    applyDerivedStateFromProps(
-      workInProgress,
-      ctor,
-      getDerivedStateFromProps,
-      newProps
-    );
-    newState = workInProgress.memoizedState;
-  }
+        if (
+          typeof instance.componentWillMount === "function" && // Don't warn about react-lifecycles-compat polyfilled components.
+          instance.componentWillMount.__suppressDeprecationWarning !== true
+        ) {
+          pendingComponentWillMountWarnings.push(fiber);
+        }
 
-  var shouldUpdate =
-    checkHasForceUpdateAfterProcessing() ||
-    checkShouldComponentUpdate(
-      workInProgress,
-      ctor,
-      oldProps,
-      newProps,
-      oldState,
-      newState,
-      nextContext
-    );
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillMount === "function"
+        ) {
+          pendingUNSAFE_ComponentWillMountWarnings.push(fiber);
+        }
 
-  if (shouldUpdate) {
-    // In order to support react-lifecycles-compat polyfilled components,
-    // Unsafe lifecycles should not be invoked for components using the new APIs.
-    if (
-      !hasNewLifecycles &&
-      (typeof instance.UNSAFE_componentWillMount === "function" ||
-        typeof instance.componentWillMount === "function")
-    ) {
-      if (typeof instance.componentWillMount === "function") {
-        instance.componentWillMount();
-      }
+        if (
+          typeof instance.componentWillReceiveProps === "function" &&
+          instance.componentWillReceiveProps.__suppressDeprecationWarning !==
+            true
+        ) {
+          pendingComponentWillReceivePropsWarnings.push(fiber);
+        }
 
-      if (typeof instance.UNSAFE_componentWillMount === "function") {
-        instance.UNSAFE_componentWillMount();
-      }
-    }
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillReceiveProps === "function"
+        ) {
+          pendingUNSAFE_ComponentWillReceivePropsWarnings.push(fiber);
+        }
 
-    if (typeof instance.componentDidMount === "function") {
-      var _fiberFlags = Update;
-
-      workInProgress.flags |= _fiberFlags;
-    }
-  } else {
-    // If an update was already in progress, we should schedule an Update
-    // effect even though we're bailing out, so that cWU/cDU are called.
-    if (typeof instance.componentDidMount === "function") {
-      var _fiberFlags2 = Update;
-
-      workInProgress.flags |= _fiberFlags2;
-    } // If shouldComponentUpdate returned false, we should still update the
-    // memoized state to indicate that this work can be reused.
-
-    workInProgress.memoizedProps = newProps;
-    workInProgress.memoizedState = newState;
-  } // Update the existing instance's state, props, and context pointers even
-  // if shouldComponentUpdate returns false.
-
-  instance.props = newProps;
-  instance.state = newState;
-  instance.context = nextContext;
-  return shouldUpdate;
-} // Invokes the update life-cycles and returns false if it shouldn't rerender.
-
-function updateClassInstance(
-  current,
-  workInProgress,
-  ctor,
-  newProps,
-  renderLanes
-) {
-  var instance = workInProgress.stateNode;
-  cloneUpdateQueue(current, workInProgress);
-  var unresolvedOldProps = workInProgress.memoizedProps;
-  var oldProps =
-    workInProgress.type === workInProgress.elementType
-      ? unresolvedOldProps
-      : resolveDefaultProps(workInProgress.type, unresolvedOldProps);
-  instance.props = oldProps;
-  var unresolvedNewProps = workInProgress.pendingProps;
-  var oldContext = instance.context;
-  var contextType = ctor.contextType;
-  var nextContext = emptyContextObject;
-
-  if (typeof contextType === "object" && contextType !== null) {
-    nextContext = readContext(contextType);
-  } else {
-    var nextUnmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
-    nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
-  }
-
-  var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
-  var hasNewLifecycles =
-    typeof getDerivedStateFromProps === "function" ||
-    typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
-  // ever the previously attempted to render - not the "current". However,
-  // during componentDidUpdate we pass the "current" props.
-  // In order to support react-lifecycles-compat polyfilled components,
-  // Unsafe lifecycles should not be invoked for components using the new APIs.
-
-  if (
-    !hasNewLifecycles &&
-    (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
-      typeof instance.componentWillReceiveProps === "function")
-  ) {
-    if (
-      unresolvedOldProps !== unresolvedNewProps ||
-      oldContext !== nextContext
-    ) {
-      callComponentWillReceiveProps(
-        workInProgress,
-        instance,
-        newProps,
-        nextContext
-      );
-    }
-  }
-
-  resetHasForceUpdateBeforeProcessing();
-  var oldState = workInProgress.memoizedState;
-  var newState = (instance.state = oldState);
-  processUpdateQueue(workInProgress, newProps, instance, renderLanes);
-  newState = workInProgress.memoizedState;
-
-  if (
-    unresolvedOldProps === unresolvedNewProps &&
-    oldState === newState &&
-    !hasContextChanged() &&
-    !checkHasForceUpdateAfterProcessing() &&
-    !enableLazyContextPropagation
-  ) {
-    // If an update was already in progress, we should schedule an Update
-    // effect even though we're bailing out, so that cWU/cDU are called.
-    if (typeof instance.componentDidUpdate === "function") {
-      if (
-        unresolvedOldProps !== current.memoizedProps ||
-        oldState !== current.memoizedState
-      ) {
-        workInProgress.flags |= Update;
-      }
-    }
+        if (
+          typeof instance.componentWillUpdate === "function" &&
+          instance.componentWillUpdate.__suppressDeprecationWarning !== true
+        ) {
+          pendingComponentWillUpdateWarnings.push(fiber);
+        }
 
-    if (typeof instance.getSnapshotBeforeUpdate === "function") {
-      if (
-        unresolvedOldProps !== current.memoizedProps ||
-        oldState !== current.memoizedState
-      ) {
-        workInProgress.flags |= Snapshot;
-      }
-    }
+        if (
+          fiber.mode & StrictLegacyMode &&
+          typeof instance.UNSAFE_componentWillUpdate === "function"
+        ) {
+          pendingUNSAFE_ComponentWillUpdateWarnings.push(fiber);
+        }
+      };
 
-    return false;
-  }
+      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings =
+        function () {
+          // We do an initial pass to gather component names
+          var componentWillMountUniqueNames = new Set();
 
-  if (typeof getDerivedStateFromProps === "function") {
-    applyDerivedStateFromProps(
-      workInProgress,
-      ctor,
-      getDerivedStateFromProps,
-      newProps
-    );
-    newState = workInProgress.memoizedState;
-  }
+          if (pendingComponentWillMountWarnings.length > 0) {
+            pendingComponentWillMountWarnings.forEach(function (fiber) {
+              componentWillMountUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillMountWarnings = [];
+          }
 
-  var shouldUpdate =
-    checkHasForceUpdateAfterProcessing() ||
-    checkShouldComponentUpdate(
-      workInProgress,
-      ctor,
-      oldProps,
-      newProps,
-      oldState,
-      newState,
-      nextContext
-    ) || // TODO: In some cases, we'll end up checking if context has changed twice,
-    // both before and after `shouldComponentUpdate` has been called. Not ideal,
-    // but I'm loath to refactor this function. This only happens for memoized
-    // components so it's not that common.
-    enableLazyContextPropagation;
-
-  if (shouldUpdate) {
-    // In order to support react-lifecycles-compat polyfilled components,
-    // Unsafe lifecycles should not be invoked for components using the new APIs.
-    if (
-      !hasNewLifecycles &&
-      (typeof instance.UNSAFE_componentWillUpdate === "function" ||
-        typeof instance.componentWillUpdate === "function")
-    ) {
-      if (typeof instance.componentWillUpdate === "function") {
-        instance.componentWillUpdate(newProps, newState, nextContext);
-      }
+          var UNSAFE_componentWillMountUniqueNames = new Set();
 
-      if (typeof instance.UNSAFE_componentWillUpdate === "function") {
-        instance.UNSAFE_componentWillUpdate(newProps, newState, nextContext);
-      }
-    }
+          if (pendingUNSAFE_ComponentWillMountWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillMountWarnings.forEach(function (fiber) {
+              UNSAFE_componentWillMountUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingUNSAFE_ComponentWillMountWarnings = [];
+          }
 
-    if (typeof instance.componentDidUpdate === "function") {
-      workInProgress.flags |= Update;
-    }
+          var componentWillReceivePropsUniqueNames = new Set();
 
-    if (typeof instance.getSnapshotBeforeUpdate === "function") {
-      workInProgress.flags |= Snapshot;
-    }
-  } else {
-    // If an update was already in progress, we should schedule an Update
-    // effect even though we're bailing out, so that cWU/cDU are called.
-    if (typeof instance.componentDidUpdate === "function") {
-      if (
-        unresolvedOldProps !== current.memoizedProps ||
-        oldState !== current.memoizedState
-      ) {
-        workInProgress.flags |= Update;
-      }
-    }
+          if (pendingComponentWillReceivePropsWarnings.length > 0) {
+            pendingComponentWillReceivePropsWarnings.forEach(function (fiber) {
+              componentWillReceivePropsUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillReceivePropsWarnings = [];
+          }
 
-    if (typeof instance.getSnapshotBeforeUpdate === "function") {
-      if (
-        unresolvedOldProps !== current.memoizedProps ||
-        oldState !== current.memoizedState
-      ) {
-        workInProgress.flags |= Snapshot;
-      }
-    } // If shouldComponentUpdate returned false, we should still update the
-    // memoized props/state to indicate that this work can be reused.
+          var UNSAFE_componentWillReceivePropsUniqueNames = new Set();
 
-    workInProgress.memoizedProps = newProps;
-    workInProgress.memoizedState = newState;
-  } // Update the existing instance's state, props, and context pointers even
-  // if shouldComponentUpdate returns false.
+          if (pendingUNSAFE_ComponentWillReceivePropsWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillReceivePropsWarnings.forEach(
+              function (fiber) {
+                UNSAFE_componentWillReceivePropsUniqueNames.add(
+                  getComponentNameFromFiber(fiber) || "Component"
+                );
+                didWarnAboutUnsafeLifecycles.add(fiber.type);
+              }
+            );
+            pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+          }
 
-  instance.props = newProps;
-  instance.state = newState;
-  instance.context = nextContext;
-  return shouldUpdate;
-}
+          var componentWillUpdateUniqueNames = new Set();
 
-var didWarnAboutMaps;
-var didWarnAboutGenerators;
-var didWarnAboutStringRefs;
-var ownerHasKeyUseWarning;
-var ownerHasFunctionTypeWarning;
+          if (pendingComponentWillUpdateWarnings.length > 0) {
+            pendingComponentWillUpdateWarnings.forEach(function (fiber) {
+              componentWillUpdateUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingComponentWillUpdateWarnings = [];
+          }
 
-var warnForMissingKey = function(child, returnFiber) {};
+          var UNSAFE_componentWillUpdateUniqueNames = new Set();
 
-{
-  didWarnAboutMaps = false;
-  didWarnAboutGenerators = false;
-  didWarnAboutStringRefs = {};
-  /**
-   * 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.
-   */
+          if (pendingUNSAFE_ComponentWillUpdateWarnings.length > 0) {
+            pendingUNSAFE_ComponentWillUpdateWarnings.forEach(function (fiber) {
+              UNSAFE_componentWillUpdateUniqueNames.add(
+                getComponentNameFromFiber(fiber) || "Component"
+              );
+              didWarnAboutUnsafeLifecycles.add(fiber.type);
+            });
+            pendingUNSAFE_ComponentWillUpdateWarnings = [];
+          } // Finally, we flush all the warnings
+          // UNSAFE_ ones before the deprecated ones, since they'll be 'louder'
+
+          if (UNSAFE_componentWillMountUniqueNames.size > 0) {
+            var sortedNames = setToSortedString(
+              UNSAFE_componentWillMountUniqueNames
+            );
 
-  ownerHasKeyUseWarning = {};
-  ownerHasFunctionTypeWarning = {};
+            error(
+              "Using UNSAFE_componentWillMount in strict mode is not recommended and may indicate bugs in your code. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
+                "\nPlease update the following components: %s",
+              sortedNames
+            );
+          }
 
-  warnForMissingKey = function(child, returnFiber) {
-    if (child === null || typeof child !== "object") {
-      return;
-    }
+          if (UNSAFE_componentWillReceivePropsUniqueNames.size > 0) {
+            var _sortedNames = setToSortedString(
+              UNSAFE_componentWillReceivePropsUniqueNames
+            );
 
-    if (!child._store || child._store.validated || child.key != null) {
-      return;
-    }
+            error(
+              "Using UNSAFE_componentWillReceiveProps in strict mode is not recommended " +
+                "and may indicate bugs in your code. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* If you're updating state whenever props change, " +
+                "refactor your code to use memoization techniques or move it to " +
+                "static getDerivedStateFromProps. Learn more at: https://reactjs.org/link/derived-state\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames
+            );
+          }
 
-    if (typeof child._store !== "object") {
-      throw new Error(
-        "React Component in warnForMissingKey should have a _store. " +
-          "This error is likely caused by a bug in React. Please file an issue."
-      );
-    }
+          if (UNSAFE_componentWillUpdateUniqueNames.size > 0) {
+            var _sortedNames2 = setToSortedString(
+              UNSAFE_componentWillUpdateUniqueNames
+            );
 
-    child._store.validated = true;
-    var componentName = getComponentNameFromFiber(returnFiber) || "Component";
+            error(
+              "Using UNSAFE_componentWillUpdate in strict mode is not recommended " +
+                "and may indicate bugs in your code. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames2
+            );
+          }
 
-    if (ownerHasKeyUseWarning[componentName]) {
-      return;
-    }
+          if (componentWillMountUniqueNames.size > 0) {
+            var _sortedNames3 = setToSortedString(
+              componentWillMountUniqueNames
+            );
 
-    ownerHasKeyUseWarning[componentName] = true;
+            warn(
+              "componentWillMount has been renamed, and is not recommended for use. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move code with side effects to componentDidMount, and set initial state in the constructor.\n" +
+                "* Rename componentWillMount to UNSAFE_componentWillMount to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames3
+            );
+          }
 
-    error(
-      "Each child in a list should have a unique " +
-        '"key" prop. See https://react.dev/warnings/special-props for ' +
-        "more information."
-    );
-  };
-}
+          if (componentWillReceivePropsUniqueNames.size > 0) {
+            var _sortedNames4 = setToSortedString(
+              componentWillReceivePropsUniqueNames
+            );
 
-function coerceRef(returnFiber, current, element) {
-  var mixedRef = element.ref;
+            warn(
+              "componentWillReceiveProps has been renamed, and is not recommended for use. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* If you're updating state whenever props change, refactor your " +
+                "code to use memoization techniques or move it to " +
+                "static getDerivedStateFromProps. Learn more at: https://reactjs.org/link/derived-state\n" +
+                "* Rename componentWillReceiveProps to UNSAFE_componentWillReceiveProps to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames4
+            );
+          }
 
-  if (
-    mixedRef !== null &&
-    typeof mixedRef !== "function" &&
-    typeof mixedRef !== "object"
-  ) {
-    {
-      // TODO: Clean this up once we turn on the string ref warning for
-      // everyone, because the strict mode case will no longer be relevant
-      if (
-        (returnFiber.mode & StrictLegacyMode || warnAboutStringRefs) && // We warn in ReactElement.js if owner and self are equal for string refs
-        // because these cannot be automatically converted to an arrow function
-        // using a codemod. Therefore, we don't have to warn about string refs again.
-        !(
-          element._owner &&
-          element._self &&
-          element._owner.stateNode !== element._self
-        )
-      ) {
-        var componentName =
-          getComponentNameFromFiber(returnFiber) || "Component";
+          if (componentWillUpdateUniqueNames.size > 0) {
+            var _sortedNames5 = setToSortedString(
+              componentWillUpdateUniqueNames
+            );
 
-        if (!didWarnAboutStringRefs[componentName]) {
-          {
-            error(
-              'A string ref, "%s", has been found within a strict mode tree. ' +
-                "String refs are a source of potential bugs and should be avoided. " +
-                "We recommend using useRef() or createRef() instead. " +
-                "Learn more about using refs safely here: " +
-                "https://react.dev/reference/react/Component#refs",
-              mixedRef
+            warn(
+              "componentWillUpdate has been renamed, and is not recommended for use. " +
+                "See https://reactjs.org/link/unsafe-component-lifecycles for details.\n\n" +
+                "* Move data fetching code or side effects to componentDidUpdate.\n" +
+                "* Rename componentWillUpdate to UNSAFE_componentWillUpdate to suppress " +
+                "this warning in non-strict mode. In React 18.x, only the UNSAFE_ name will work. " +
+                "To rename all deprecated lifecycles to their new names, you can run " +
+                "`npx react-codemod rename-unsafe-lifecycles` in your project source folder.\n" +
+                "\nPlease update the following components: %s",
+              _sortedNames5
             );
           }
+        };
 
-          didWarnAboutStringRefs[componentName] = true;
-        }
-      }
-    }
+      var pendingLegacyContextWarning = new Map(); // Tracks components we have already warned about.
 
-    if (element._owner) {
-      var owner = element._owner;
-      var inst;
+      var didWarnAboutLegacyContext = new Set();
 
-      if (owner) {
-        var ownerFiber = owner;
+      ReactStrictModeWarnings.recordLegacyContextWarning = function (
+        fiber,
+        instance
+      ) {
+        var strictRoot = findStrictRoot(fiber);
 
-        if (ownerFiber.tag !== ClassComponent) {
-          throw new Error(
-            "Function components cannot have string refs. " +
-              "We recommend using useRef() instead. " +
-              "Learn more about using refs safely here: " +
-              "https://react.dev/reference/react/Component#refs"
+        if (strictRoot === null) {
+          error(
+            "Expected to find a StrictMode component in a strict mode tree. " +
+              "This error is likely caused by a bug in React. Please file an issue."
           );
-        }
 
-        inst = ownerFiber.stateNode;
-      }
+          return;
+        } // Dedup strategy: Warn once per component.
 
-      if (!inst) {
-        throw new Error(
-          "Missing owner for string ref " +
-            mixedRef +
-            ". This error is likely caused by a " +
-            "bug in React. Please file an issue."
-        );
-      } // Assigning this to a const so Flow knows it won't change in the closure
+        if (didWarnAboutLegacyContext.has(fiber.type)) {
+          return;
+        }
 
-      var resolvedInst = inst;
+        var warningsForRoot = pendingLegacyContextWarning.get(strictRoot);
 
-      {
-        checkPropStringCoercion(mixedRef, "ref");
-      }
+        if (
+          fiber.type.contextTypes != null ||
+          fiber.type.childContextTypes != null ||
+          (instance !== null && typeof instance.getChildContext === "function")
+        ) {
+          if (warningsForRoot === undefined) {
+            warningsForRoot = [];
+            pendingLegacyContextWarning.set(strictRoot, warningsForRoot);
+          }
 
-      var stringRef = "" + mixedRef; // Check if previous string ref matches new string ref
+          warningsForRoot.push(fiber);
+        }
+      };
 
-      if (
-        current !== null &&
-        current.ref !== null &&
-        typeof current.ref === "function" &&
-        current.ref._stringRef === stringRef
-      ) {
-        return current.ref;
-      }
+      ReactStrictModeWarnings.flushLegacyContextWarning = function () {
+        pendingLegacyContextWarning.forEach(function (fiberArray, strictRoot) {
+          if (fiberArray.length === 0) {
+            return;
+          }
 
-      var ref = function(value) {
-        var refs = resolvedInst.refs;
+          var firstFiber = fiberArray[0];
+          var uniqueNames = new Set();
+          fiberArray.forEach(function (fiber) {
+            uniqueNames.add(getComponentNameFromFiber(fiber) || "Component");
+            didWarnAboutLegacyContext.add(fiber.type);
+          });
+          var sortedNames = setToSortedString(uniqueNames);
 
-        if (refs === emptyRefsObject) {
-          // This is a lazy pooled frozen object, so we need to initialize.
-          refs = resolvedInst.refs = {};
-        }
+          try {
+            setCurrentFiber(firstFiber);
 
-        if (value === null) {
-          delete refs[stringRef];
-        } else {
-          refs[stringRef] = value;
-        }
+            error(
+              "Legacy context API has been detected within a strict-mode tree." +
+                "\n\nThe old API will be supported in all 16.x releases, but applications " +
+                "using it should migrate to the new version." +
+                "\n\nPlease update the following components: %s" +
+                "\n\nLearn more about this warning here: https://reactjs.org/link/legacy-context",
+              sortedNames
+            );
+          } finally {
+            resetCurrentFiber();
+          }
+        });
       };
 
-      ref._stringRef = stringRef;
-      return ref;
-    } else {
-      if (typeof mixedRef !== "string") {
-        throw new Error(
-          "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
-        );
+      ReactStrictModeWarnings.discardPendingWarnings = function () {
+        pendingComponentWillMountWarnings = [];
+        pendingUNSAFE_ComponentWillMountWarnings = [];
+        pendingComponentWillReceivePropsWarnings = [];
+        pendingUNSAFE_ComponentWillReceivePropsWarnings = [];
+        pendingComponentWillUpdateWarnings = [];
+        pendingUNSAFE_ComponentWillUpdateWarnings = [];
+        pendingLegacyContextWarning = new Map();
+      };
+    }
+
+    /*
+     * 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.
 
-      if (!element._owner) {
-        throw new Error(
-          "Element ref was specified as a string (" +
-            mixedRef +
-            ") but no owner was set. This could happen for one of" +
-            " the following reasons:\n" +
-            "1. You may be adding a ref to a function component\n" +
-            "2. You may be adding a ref to a component that was not created inside a component's render method\n" +
-            "3. You have multiple copies of React loaded\n" +
-            "See https://legacy.reactjs.org/warnings/refs-must-have-owner.html for more information."
-        );
+    function willCoercionThrow(value) {
+      {
+        try {
+          testStringCoercion(value);
+          return false;
+        } catch (e) {
+          return true;
+        }
       }
     }
-  }
 
-  return mixedRef;
-}
-
-function throwOnInvalidObjectType(returnFiber, newChild) {
-  var childString = Object.prototype.toString.call(newChild);
-  throw new Error(
-    "Objects are not valid as a React child (found: " +
-      (childString === "[object Object]"
-        ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
-        : childString) +
-      "). " +
-      "If you meant to render a collection of children, use an array " +
-      "instead."
-  );
-}
+    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)
+          );
 
-function warnOnFunctionType(returnFiber) {
-  {
-    var componentName = getComponentNameFromFiber(returnFiber) || "Component";
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
+    }
+    function checkPropStringCoercion(value, propName) {
+      {
+        if (willCoercionThrow(value)) {
+          error(
+            "The provided `%s` prop is an unsupported type %s." +
+              " This value must be coerced to a string before using it here.",
+            propName,
+            typeName(value)
+          );
 
-    if (ownerHasFunctionTypeWarning[componentName]) {
-      return;
+          return testStringCoercion(value); // throw (to help callers find troubleshooting comments)
+        }
+      }
     }
 
-    ownerHasFunctionTypeWarning[componentName] = true;
+    var ReactCurrentActQueue$2 = ReactSharedInternals.ReactCurrentActQueue;
 
-    error(
-      "Functions are not valid as a React child. This may happen if " +
-        "you return a Component instead of <Component /> from render. " +
-        "Or maybe you meant to call this function rather than return it."
+    function getThenablesFromState(state) {
+      {
+        var devState = state;
+        return devState.thenables;
+      }
+    } // An error that is thrown (e.g. by `use`) to trigger Suspense. If we
+    // detect this is caught by userspace, we'll log a warning in development.
+
+    var SuspenseException = new Error(
+      "Suspense Exception: This is not a real error! It's an implementation " +
+        "detail of `use` to interrupt the current render. You must either " +
+        "rethrow it immediately, or move the `use` call outside of the " +
+        "`try/catch` block. Capturing without rethrowing will lead to " +
+        "unexpected behavior.\n\n" +
+        "To handle async errors, wrap your component in an error boundary, or " +
+        "call the promise's `.catch` method and pass the result to `use`"
     );
-  }
-}
+    var SuspenseyCommitException = new Error(
+      "Suspense Exception: This is not a real error, and should not leak into " +
+        "userspace. If you're seeing this, it's likely a bug in React."
+    ); // This is a noop thenable that we use to trigger a fallback in throwException.
+    // TODO: It would be better to refactor throwException into multiple functions
+    // so we can trigger a fallback directly without having to check the type. But
+    // for now this will do.
+
+    var noopSuspenseyCommitThenable = {
+      then: function () {
+        {
+          error(
+            "Internal React error: A listener was unexpectedly attached to a " +
+              '"noop" thenable. This is a bug in React. Please file an issue.'
+          );
+        }
+      }
+    };
+    function createThenableState() {
+      // The ThenableState is created the first time a component suspends. If it
+      // suspends again, we'll reuse the same state.
+      {
+        return {
+          didWarnAboutUncachedPromise: false,
+          thenables: []
+        };
+      }
+    }
+    function isThenableResolved(thenable) {
+      var status = thenable.status;
+      return status === "fulfilled" || status === "rejected";
+    }
 
-function resolveLazy(lazyType) {
-  var payload = lazyType._payload;
-  var init = lazyType._init;
-  return init(payload);
-} // This wrapper function exists because I expect to clone the code in each path
-// to be able to optimize each path individually by branching early. This needs
-// a compiler or we can do it manually. Helpers that don't need this branching
-// live outside of this function.
+    function noop() {}
 
-function ChildReconciler(shouldTrackSideEffects) {
-  function deleteChild(returnFiber, childToDelete) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return;
-    }
+    function trackUsedThenable(thenableState, thenable, index) {
+      if (ReactCurrentActQueue$2.current !== null) {
+        ReactCurrentActQueue$2.didUsePromise = true;
+      }
 
-    var deletions = returnFiber.deletions;
+      var trackedThenables = getThenablesFromState(thenableState);
+      var previous = trackedThenables[index];
 
-    if (deletions === null) {
-      returnFiber.deletions = [childToDelete];
-      returnFiber.flags |= ChildDeletion;
-    } else {
-      deletions.push(childToDelete);
-    }
-  }
+      if (previous === undefined) {
+        trackedThenables.push(thenable);
+      } else {
+        if (previous !== thenable) {
+          // Reuse the previous thenable, and drop the new one. We can assume
+          // they represent the same value, because components are idempotent.
+          {
+            var thenableStateDev = thenableState;
+
+            if (!thenableStateDev.didWarnAboutUncachedPromise) {
+              // We should only warn the first time an uncached thenable is
+              // discovered per component, because if there are multiple, the
+              // subsequent ones are likely derived from the first.
+              //
+              // We track this on the thenableState instead of deduping using the
+              // component name like we usually do, because in the case of a
+              // promise-as-React-node, the owner component is likely different from
+              // the parent that's currently being reconciled. We'd have to track
+              // the owner using state, which we're trying to move away from. Though
+              // since this is dev-only, maybe that'd be OK.
+              //
+              // However, another benefit of doing it this way is we might
+              // eventually have a thenableState per memo/Forget boundary instead
+              // of per component, so this would allow us to have more
+              // granular warnings.
+              thenableStateDev.didWarnAboutUncachedPromise = true; // TODO: This warning should link to a corresponding docs page.
 
-  function deleteRemainingChildren(returnFiber, currentFirstChild) {
-    if (!shouldTrackSideEffects) {
-      // Noop.
-      return null;
-    } // TODO: For the shouldClone case, this could be micro-optimized a bit by
-    // assuming that after the first child we've already added everything.
+              error(
+                "A component was suspended by an uncached promise. Creating " +
+                  "promises inside a Client Component or hook is not yet " +
+                  "supported, except via a Suspense-compatible library or framework."
+              );
+            }
+          } // Avoid an unhandled rejection errors for the Promises that we'll
+          // intentionally ignore.
 
-    var childToDelete = currentFirstChild;
+          thenable.then(noop, noop);
+          thenable = previous;
+        }
+      } // We use an expando to track the status and result of a thenable so that we
+      // can synchronously unwrap the value. Think of this as an extension of the
+      // Promise API, or a custom interface that is a superset of Thenable.
+      //
+      // If the thenable doesn't have a status, set it to "pending" and attach
+      // a listener that will update its status and result when it resolves.
 
-    while (childToDelete !== null) {
-      deleteChild(returnFiber, childToDelete);
-      childToDelete = childToDelete.sibling;
-    }
+      switch (thenable.status) {
+        case "fulfilled": {
+          var fulfilledValue = thenable.value;
+          return fulfilledValue;
+        }
 
-    return null;
-  }
+        case "rejected": {
+          var rejectedError = thenable.reason;
+          checkIfUseWrappedInAsyncCatch(rejectedError);
+          throw rejectedError;
+        }
 
-  function mapRemainingChildren(returnFiber, currentFirstChild) {
-    // Add the remaining children to a temporary map so that we can find them by
-    // keys quickly. Implicit (null) keys get added to this set with their index
-    // instead.
-    var existingChildren = new Map();
-    var existingChild = currentFirstChild;
+        default: {
+          if (typeof thenable.status === "string") {
+            // Only instrument the thenable if the status if not defined. If
+            // it's defined, but an unknown value, assume it's been instrumented by
+            // some custom userspace implementation. We treat it as "pending".
+            // Attach a dummy listener, to ensure that any lazy initialization can
+            // happen. Flight lazily parses JSON when the value is actually awaited.
+            thenable.then(noop, noop);
+          } else {
+            // This is an uncached thenable that we haven't seen before.
+            // Detect infinite ping loops caused by uncached promises.
+            var root = getWorkInProgressRoot();
+
+            if (root !== null && root.shellSuspendCounter > 100) {
+              // This root has suspended repeatedly in the shell without making any
+              // progress (i.e. committing something). This is highly suggestive of
+              // an infinite ping loop, often caused by an accidental Async Client
+              // Component.
+              //
+              // During a transition, we can suspend the work loop until the promise
+              // to resolve, but this is a sync render, so that's not an option. We
+              // also can't show a fallback, because none was provided. So our last
+              // resort is to throw an error.
+              //
+              // TODO: Remove this error in a future release. Other ways of handling
+              // this case include forcing a concurrent render, or putting the whole
+              // root into offscreen mode.
+              throw new Error(
+                "async/await is not yet supported in Client Components, only " +
+                  "Server Components. This error is often caused by accidentally " +
+                  "adding `'use client'` to a module that was originally written " +
+                  "for the server."
+              );
+            }
 
-    while (existingChild !== null) {
-      if (existingChild.key !== null) {
-        existingChildren.set(existingChild.key, existingChild);
-      } else {
-        existingChildren.set(existingChild.index, existingChild);
-      }
+            var pendingThenable = thenable;
+            pendingThenable.status = "pending";
+            pendingThenable.then(
+              function (fulfilledValue) {
+                if (thenable.status === "pending") {
+                  var fulfilledThenable = thenable;
+                  fulfilledThenable.status = "fulfilled";
+                  fulfilledThenable.value = fulfilledValue;
+                }
+              },
+              function (error) {
+                if (thenable.status === "pending") {
+                  var rejectedThenable = thenable;
+                  rejectedThenable.status = "rejected";
+                  rejectedThenable.reason = error;
+                }
+              }
+            ); // Check one more time in case the thenable resolved synchronously.
 
-      existingChild = existingChild.sibling;
-    }
+            switch (thenable.status) {
+              case "fulfilled": {
+                var fulfilledThenable = thenable;
+                return fulfilledThenable.value;
+              }
 
-    return existingChildren;
-  }
+              case "rejected": {
+                var rejectedThenable = thenable;
+                var _rejectedError = rejectedThenable.reason;
+                checkIfUseWrappedInAsyncCatch(_rejectedError);
+                throw _rejectedError;
+              }
+            }
+          } // Suspend.
+          //
+          // Throwing here is an implementation detail that allows us to unwind the
+          // call stack. But we shouldn't allow it to leak into userspace. Throw an
+          // opaque placeholder value instead of the actual thenable. If it doesn't
+          // get captured by the work loop, log a warning, because that means
+          // something in userspace must have caught it.
 
-  function useFiber(fiber, pendingProps) {
-    // We currently set sibling to null and index to 0 here because it is easy
-    // to forget to do before returning it. E.g. for the single child case.
-    var clone = createWorkInProgress(fiber, pendingProps);
-    clone.index = 0;
-    clone.sibling = null;
-    return clone;
-  }
+          suspendedThenable = thenable;
 
-  function placeChild(newFiber, lastPlacedIndex, newIndex) {
-    newFiber.index = newIndex;
+          {
+            needsToResetSuspendedThenableDEV = true;
+          }
 
-    if (!shouldTrackSideEffects) {
-      // During hydration, the useId algorithm needs to know which fibers are
-      // part of a list of children (arrays, iterators).
-      newFiber.flags |= Forked;
-      return lastPlacedIndex;
+          throw SuspenseException;
+        }
+      }
     }
+    // passed to the rest of the Suspense implementation — which, for historical
+    // reasons, expects to receive a thenable.
 
-    var current = newFiber.alternate;
-
-    if (current !== null) {
-      var oldIndex = current.index;
-
-      if (oldIndex < lastPlacedIndex) {
-        // This is a move.
-        newFiber.flags |= Placement;
-        return lastPlacedIndex;
-      } else {
-        // This item can stay in place.
-        return oldIndex;
+    var suspendedThenable = null;
+    var needsToResetSuspendedThenableDEV = false;
+    function getSuspendedThenable() {
+      // This is called right after `use` suspends by throwing an exception. `use`
+      // throws an opaque value instead of the thenable itself so that it can't be
+      // caught in userspace. Then the work loop accesses the actual thenable using
+      // this function.
+      if (suspendedThenable === null) {
+        throw new Error(
+          "Expected a suspended thenable. This is a bug in React. Please file " +
+            "an issue."
+        );
       }
-    } else {
-      // This is an insertion.
-      newFiber.flags |= Placement;
-      return lastPlacedIndex;
-    }
-  }
-
-  function placeSingleChild(newFiber) {
-    // This is simpler for the single child case. We only need to do a
-    // placement for inserting new children.
-    if (shouldTrackSideEffects && newFiber.alternate === null) {
-      newFiber.flags |= Placement;
-    }
-
-    return newFiber;
-  }
-
-  function updateTextNode(returnFiber, current, textContent, lanes) {
-    if (current === null || current.tag !== HostText) {
-      // Insert
-      var created = createFiberFromText(textContent, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      var existing = useFiber(current, textContent);
-      existing.return = returnFiber;
-      return existing;
-    }
-  }
-
-  function updateElement(returnFiber, current, element, lanes) {
-    var elementType = element.type;
-
-    if (elementType === REACT_FRAGMENT_TYPE) {
-      return updateFragment(
-        returnFiber,
-        current,
-        element.props.children,
-        lanes,
-        element.key
-      );
-    }
-
-    if (current !== null) {
-      if (
-        current.elementType === elementType || // Keep this check inline so it only runs on the false path:
-        isCompatibleFamilyForHotReloading(current, element) || // Lazy types should reconcile their resolved type.
-        // We need to do this after the Hot Reloading check above,
-        // because hot reloading has different semantics than prod because
-        // it doesn't resuspend. So we can't let the call below suspend.
-        (typeof elementType === "object" &&
-          elementType !== null &&
-          elementType.$$typeof === REACT_LAZY_TYPE &&
-          resolveLazy(elementType) === current.type)
-      ) {
-        // Move based on index
-        var existing = useFiber(current, element.props);
-        existing.ref = coerceRef(returnFiber, current, element);
-        existing.return = returnFiber;
 
-        {
-          existing._debugSource = element._source;
-          existing._debugOwner = element._owner;
-        }
+      var thenable = suspendedThenable;
+      suspendedThenable = null;
 
-        return existing;
+      {
+        needsToResetSuspendedThenableDEV = false;
       }
-    } // Insert
-
-    var created = createFiberFromElement(element, returnFiber.mode, lanes);
-    created.ref = coerceRef(returnFiber, current, element);
-    created.return = returnFiber;
-    return created;
-  }
 
-  function updatePortal(returnFiber, current, portal, lanes) {
-    if (
-      current === null ||
-      current.tag !== HostPortal ||
-      current.stateNode.containerInfo !== portal.containerInfo ||
-      current.stateNode.implementation !== portal.implementation
-    ) {
-      // Insert
-      var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      var existing = useFiber(current, portal.children || []);
-      existing.return = returnFiber;
-      return existing;
-    }
-  }
-
-  function updateFragment(returnFiber, current, fragment, lanes, key) {
-    if (current === null || current.tag !== Fragment) {
-      // Insert
-      var created = createFiberFromFragment(
-        fragment,
-        returnFiber.mode,
-        lanes,
-        key
-      );
-      created.return = returnFiber;
-      return created;
-    } else {
-      // Update
-      var existing = useFiber(current, fragment);
-      existing.return = returnFiber;
-      return existing;
+      return thenable;
     }
-  }
-
-  function createChild(returnFiber, newChild, lanes) {
-    if (
-      (typeof newChild === "string" && newChild !== "") ||
-      typeof newChild === "number"
-    ) {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      var created = createFiberFromText("" + newChild, returnFiber.mode, lanes);
-      created.return = returnFiber;
-      return created;
-    }
-
-    if (typeof newChild === "object" && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE: {
-          var _created = createFiberFromElement(
-            newChild,
-            returnFiber.mode,
-            lanes
-          );
-
-          _created.ref = coerceRef(returnFiber, null, newChild);
-          _created.return = returnFiber;
-          return _created;
-        }
-
-        case REACT_PORTAL_TYPE: {
-          var _created2 = createFiberFromPortal(
-            newChild,
-            returnFiber.mode,
-            lanes
-          );
-
-          _created2.return = returnFiber;
-          return _created2;
-        }
-
-        case REACT_LAZY_TYPE: {
-          var payload = newChild._payload;
-          var init = newChild._init;
-          return createChild(returnFiber, init(payload), lanes);
+    function checkIfUseWrappedInTryCatch() {
+      {
+        // This was set right before SuspenseException was thrown, and it should
+        // have been cleared when the exception was handled. If it wasn't,
+        // it must have been caught by userspace.
+        if (needsToResetSuspendedThenableDEV) {
+          needsToResetSuspendedThenableDEV = false;
+          return true;
         }
       }
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        var _created3 = createFiberFromFragment(
-          newChild,
-          returnFiber.mode,
-          lanes,
-          null
-        );
-
-        _created3.return = returnFiber;
-        return _created3;
-      }
-
-      throwOnInvalidObjectType(returnFiber, newChild);
+      return false;
     }
-
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType(returnFiber);
+    function checkIfUseWrappedInAsyncCatch(rejectedReason) {
+      // This check runs in prod, too, because it prevents a more confusing
+      // downstream error, where SuspenseException is caught by a promise and
+      // thrown asynchronously.
+      // TODO: Another way to prevent SuspenseException from leaking into an async
+      // execution context is to check the dispatcher every time `use` is called,
+      // or some equivalent. That might be preferable for other reasons, too, since
+      // it matches how we prevent similar mistakes for other hooks.
+      if (rejectedReason === SuspenseException) {
+        throw new Error(
+          "Hooks are not supported inside an async component. This " +
+            "error is often caused by accidentally adding `'use client'` " +
+            "to a module that was originally written for the server."
+        );
       }
     }
 
-    return null;
-  }
-
-  function updateSlot(returnFiber, oldFiber, newChild, lanes) {
-    // Update the fiber if the keys match, otherwise return null.
-    var key = oldFiber !== null ? oldFiber.key : null;
+    var thenableState$1 = null;
+    var thenableIndexCounter$1 = 0;
+    var didWarnAboutMaps;
+    var didWarnAboutGenerators;
+    var didWarnAboutStringRefs;
+    var ownerHasKeyUseWarning;
+    var ownerHasFunctionTypeWarning;
 
-    if (
-      (typeof newChild === "string" && newChild !== "") ||
-      typeof newChild === "number"
-    ) {
-      // Text nodes don't have keys. If the previous node is implicitly keyed
-      // we can continue to replace it without aborting even if it is not a text
-      // node.
-      if (key !== null) {
-        return null;
-      }
+    var warnForMissingKey = function (child, returnFiber) {};
 
-      return updateTextNode(returnFiber, oldFiber, "" + newChild, lanes);
-    }
-
-    if (typeof newChild === "object" && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE: {
-          if (newChild.key === key) {
-            return updateElement(returnFiber, oldFiber, newChild, lanes);
-          } else {
-            return null;
-          }
+    {
+      didWarnAboutMaps = false;
+      didWarnAboutGenerators = false;
+      didWarnAboutStringRefs = {};
+      /**
+       * 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.
+       */
+
+      ownerHasKeyUseWarning = {};
+      ownerHasFunctionTypeWarning = {};
+
+      warnForMissingKey = function (child, returnFiber) {
+        if (child === null || typeof child !== "object") {
+          return;
         }
 
-        case REACT_PORTAL_TYPE: {
-          if (newChild.key === key) {
-            return updatePortal(returnFiber, oldFiber, newChild, lanes);
-          } else {
-            return null;
-          }
+        if (!child._store || child._store.validated || child.key != null) {
+          return;
         }
 
-        case REACT_LAZY_TYPE: {
-          var payload = newChild._payload;
-          var init = newChild._init;
-          return updateSlot(returnFiber, oldFiber, init(payload), lanes);
-        }
-      }
+        if (typeof child._store !== "object") {
+          throw new Error(
+            "React Component in warnForMissingKey should have a _store. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        } // $FlowFixMe[cannot-write] unable to narrow type from mixed to writable object
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        if (key !== null) {
-          return null;
+        child._store.validated = true;
+        var componentName =
+          getComponentNameFromFiber(returnFiber) || "Component";
+
+        if (ownerHasKeyUseWarning[componentName]) {
+          return;
         }
 
-        return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
-      }
+        ownerHasKeyUseWarning[componentName] = true;
 
-      throwOnInvalidObjectType(returnFiber, newChild);
+        error(
+          "Each child in a list should have a unique " +
+            '"key" prop. See https://reactjs.org/link/warning-keys for ' +
+            "more information."
+        );
+      };
     }
 
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType(returnFiber);
-      }
+    function isReactClass(type) {
+      return type.prototype && type.prototype.isReactComponent;
     }
 
-    return null;
-  }
+    function unwrapThenable(thenable) {
+      var index = thenableIndexCounter$1;
+      thenableIndexCounter$1 += 1;
 
-  function updateFromMap(
-    existingChildren,
-    returnFiber,
-    newIdx,
-    newChild,
-    lanes
-  ) {
-    if (
-      (typeof newChild === "string" && newChild !== "") ||
-      typeof newChild === "number"
-    ) {
-      // Text nodes don't have keys, so we neither have to check the old nor
-      // new node for the key. If both are text nodes, they match.
-      var matchedFiber = existingChildren.get(newIdx) || null;
-      return updateTextNode(returnFiber, matchedFiber, "" + newChild, lanes);
+      if (thenableState$1 === null) {
+        thenableState$1 = createThenableState();
+      }
+
+      return trackUsedThenable(thenableState$1, thenable, index);
     }
 
-    if (typeof newChild === "object" && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE: {
-          var _matchedFiber =
-            existingChildren.get(
-              newChild.key === null ? newIdx : newChild.key
-            ) || null;
+    function coerceRef(returnFiber, current, element) {
+      var mixedRef = element.ref;
 
-          return updateElement(returnFiber, _matchedFiber, newChild, lanes);
-        }
+      if (
+        mixedRef !== null &&
+        typeof mixedRef !== "function" &&
+        typeof mixedRef !== "object"
+      ) {
+        {
+          if (
+            // Will already throw with "Function components cannot have string refs"
+            !(element._owner && element._owner.tag !== ClassComponent) && // Will already warn with "Function components cannot be given refs"
+            !(
+              typeof element.type === "function" && !isReactClass(element.type)
+            ) && // Will already throw with "Element ref was specified as a string (someStringRef) but no owner was set"
+            element._owner
+          ) {
+            var componentName =
+              getComponentNameFromFiber(returnFiber) || "Component";
 
-        case REACT_PORTAL_TYPE: {
-          var _matchedFiber2 =
-            existingChildren.get(
-              newChild.key === null ? newIdx : newChild.key
-            ) || null;
+            if (!didWarnAboutStringRefs[componentName]) {
+              error(
+                'Component "%s" contains the string ref "%s". Support for string refs ' +
+                  "will be removed in a future major release. We recommend using " +
+                  "useRef() or createRef() instead. " +
+                  "Learn more about using refs safely here: " +
+                  "https://reactjs.org/link/strict-mode-string-ref",
+                componentName,
+                mixedRef
+              );
 
-          return updatePortal(returnFiber, _matchedFiber2, newChild, lanes);
+              didWarnAboutStringRefs[componentName] = true;
+            }
+          }
         }
 
-        case REACT_LAZY_TYPE:
-          var payload = newChild._payload;
-          var init = newChild._init;
-          return updateFromMap(
-            existingChildren,
-            returnFiber,
-            newIdx,
-            init(payload),
-            lanes
-          );
-      }
+        if (element._owner) {
+          var owner = element._owner;
+          var inst;
 
-      if (isArray(newChild) || getIteratorFn(newChild)) {
-        var _matchedFiber3 = existingChildren.get(newIdx) || null;
+          if (owner) {
+            var ownerFiber = owner;
 
-        return updateFragment(
-          returnFiber,
-          _matchedFiber3,
-          newChild,
-          lanes,
-          null
-        );
-      }
+            if (ownerFiber.tag !== ClassComponent) {
+              throw new Error(
+                "Function components cannot have string refs. " +
+                  "We recommend using useRef() instead. " +
+                  "Learn more about using refs safely here: " +
+                  "https://reactjs.org/link/strict-mode-string-ref"
+              );
+            }
 
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
+            inst = ownerFiber.stateNode;
+          }
 
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType(returnFiber);
-      }
-    }
+          if (!inst) {
+            throw new Error(
+              "Missing owner for string ref " +
+                mixedRef +
+                ". This error is likely caused by a " +
+                "bug in React. Please file an issue."
+            );
+          } // Assigning this to a const so Flow knows it won't change in the closure
 
-    return null;
-  }
-  /**
-   * Warns if there is a duplicate or missing key
-   */
+          var resolvedInst = inst;
 
-  function warnOnInvalidKey(child, knownKeys, returnFiber) {
-    {
-      if (typeof child !== "object" || child === null) {
-        return knownKeys;
-      }
+          {
+            checkPropStringCoercion(mixedRef, "ref");
+          }
 
-      switch (child.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-        case REACT_PORTAL_TYPE:
-          warnForMissingKey(child, returnFiber);
-          var key = child.key;
+          var stringRef = "" + mixedRef; // Check if previous string ref matches new string ref
 
-          if (typeof key !== "string") {
-            break;
+          if (
+            current !== null &&
+            current.ref !== null &&
+            typeof current.ref === "function" &&
+            current.ref._stringRef === stringRef
+          ) {
+            return current.ref;
           }
 
-          if (knownKeys === null) {
-            knownKeys = new Set();
-            knownKeys.add(key);
-            break;
-          }
+          var ref = function (value) {
+            var refs = resolvedInst.refs;
 
-          if (!knownKeys.has(key)) {
-            knownKeys.add(key);
-            break;
+            if (value === null) {
+              delete refs[stringRef];
+            } else {
+              refs[stringRef] = value;
+            }
+          };
+
+          ref._stringRef = stringRef;
+          return ref;
+        } else {
+          if (typeof mixedRef !== "string") {
+            throw new Error(
+              "Expected ref to be a function, a string, an object returned by React.createRef(), or null."
+            );
           }
 
-          error(
-            "Encountered two children with the same key, `%s`. " +
-              "Keys should be unique so that components maintain their identity " +
-              "across updates. Non-unique keys may cause children to be " +
-              "duplicated and/or omitted — the behavior is unsupported and " +
-              "could change in a future version.",
-            key
-          );
+          if (!element._owner) {
+            throw new Error(
+              "Element ref was specified as a string (" +
+                mixedRef +
+                ") but no owner was set. This could happen for one of" +
+                " the following reasons:\n" +
+                "1. You may be adding a ref to a function component\n" +
+                "2. You may be adding a ref to a component that was not created inside a component's render method\n" +
+                "3. You have multiple copies of React loaded\n" +
+                "See https://reactjs.org/link/refs-must-have-owner for more information."
+            );
+          }
+        }
+      }
 
-          break;
+      return mixedRef;
+    }
 
-        case REACT_LAZY_TYPE:
-          var payload = child._payload;
-          var init = child._init;
-          warnOnInvalidKey(init(payload), knownKeys, returnFiber);
-          break;
-      }
+    function throwOnInvalidObjectType(returnFiber, newChild) {
+      // $FlowFixMe[method-unbinding]
+      var childString = Object.prototype.toString.call(newChild);
+      throw new Error(
+        "Objects are not valid as a React child (found: " +
+          (childString === "[object Object]"
+            ? "object with keys {" + Object.keys(newChild).join(", ") + "}"
+            : childString) +
+          "). " +
+          "If you meant to render a collection of children, use an array " +
+          "instead."
+      );
     }
 
-    return knownKeys;
-  }
-
-  function reconcileChildrenArray(
-    returnFiber,
-    currentFirstChild,
-    newChildren,
-    lanes
-  ) {
-    // This algorithm can't optimize by searching from both ends since we
-    // don't have backpointers on fibers. I'm trying to see how far we can get
-    // with that model. If it ends up not being worth the tradeoffs, we can
-    // add it later.
-    // Even with a two ended optimization, we'd want to optimize for the case
-    // where there are few changes and brute force the comparison instead of
-    // going for the Map. It'd like to explore hitting that path first in
-    // forward-only mode and only go for the Map once we notice that we need
-    // lots of look ahead. This doesn't handle reversal as well as two ended
-    // search but that's unusual. Besides, for the two ended optimization to
-    // work on Iterables, we'd need to copy the whole set.
-    // In this first iteration, we'll just live with hitting the bad case
-    // (adding everything to a Map) in for every insert/move.
-    // If you change this code, also update reconcileChildrenIterator() which
-    // uses the same algorithm.
-    {
-      // First, validate keys.
-      var knownKeys = null;
+    function warnOnFunctionType(returnFiber) {
+      {
+        var componentName =
+          getComponentNameFromFiber(returnFiber) || "Component";
 
-      for (var i = 0; i < newChildren.length; i++) {
-        var child = newChildren[i];
-        knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
-      }
-    }
+        if (ownerHasFunctionTypeWarning[componentName]) {
+          return;
+        }
 
-    var resultingFirstChild = null;
-    var previousNewFiber = null;
-    var oldFiber = currentFirstChild;
-    var lastPlacedIndex = 0;
-    var newIdx = 0;
-    var nextOldFiber = null;
+        ownerHasFunctionTypeWarning[componentName] = true;
 
-    for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
+        error(
+          "Functions are not valid as a React child. This may happen if " +
+            "you return a Component instead of <Component /> from render. " +
+            "Or maybe you meant to call this function rather than return it."
+        );
       }
+    }
 
-      var newFiber = updateSlot(
-        returnFiber,
-        oldFiber,
-        newChildren[newIdx],
-        lanes
-      );
+    function resolveLazy(lazyType) {
+      var payload = lazyType._payload;
+      var init = lazyType._init;
+      return init(payload);
+    } // This wrapper function exists because I expect to clone the code in each path
+    // to be able to optimize each path individually by branching early. This needs
+    // a compiler or we can do it manually. Helpers that don't need this branching
+    // live outside of this function.
 
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
+    function createChildReconciler(shouldTrackSideEffects) {
+      function deleteChild(returnFiber, childToDelete) {
+        if (!shouldTrackSideEffects) {
+          // Noop.
+          return;
         }
 
-        break;
-      }
+        var deletions = returnFiber.deletions;
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
+        if (deletions === null) {
+          returnFiber.deletions = [childToDelete];
+          returnFiber.flags |= ChildDeletion;
+        } else {
+          deletions.push(childToDelete);
         }
       }
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
-
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
-
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
+      function deleteRemainingChildren(returnFiber, currentFirstChild) {
+        if (!shouldTrackSideEffects) {
+          // Noop.
+          return null;
+        } // TODO: For the shouldClone case, this could be micro-optimized a bit by
+        // assuming that after the first child we've already added everything.
 
-    if (newIdx === newChildren.length) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+        var childToDelete = currentFirstChild;
 
-      return resultingFirstChild;
-    }
+        while (childToDelete !== null) {
+          deleteChild(returnFiber, childToDelete);
+          childToDelete = childToDelete.sibling;
+        }
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; newIdx < newChildren.length; newIdx++) {
-        var _newFiber = createChild(returnFiber, newChildren[newIdx], lanes);
+        return null;
+      }
 
-        if (_newFiber === null) {
-          continue;
-        }
+      function mapRemainingChildren(returnFiber, currentFirstChild) {
+        // Add the remaining children to a temporary map so that we can find them by
+        // keys quickly. Implicit (null) keys get added to this set with their index
+        // instead.
+        var existingChildren = new Map();
+        var existingChild = currentFirstChild;
 
-        lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
+        while (existingChild !== null) {
+          if (existingChild.key !== null) {
+            existingChildren.set(existingChild.key, existingChild);
+          } else {
+            existingChildren.set(existingChild.index, existingChild);
+          }
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = _newFiber;
-        } else {
-          previousNewFiber.sibling = _newFiber;
+          existingChild = existingChild.sibling;
         }
 
-        previousNewFiber = _newFiber;
+        return existingChildren;
       }
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
-
-    var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
+      function useFiber(fiber, pendingProps) {
+        // We currently set sibling to null and index to 0 here because it is easy
+        // to forget to do before returning it. E.g. for the single child case.
+        var clone = createWorkInProgress(fiber, pendingProps);
+        clone.index = 0;
+        clone.sibling = null;
+        return clone;
+      }
 
-    for (; newIdx < newChildren.length; newIdx++) {
-      var _newFiber2 = updateFromMap(
-        existingChildren,
-        returnFiber,
-        newIdx,
-        newChildren[newIdx],
-        lanes
-      );
+      function placeChild(newFiber, lastPlacedIndex, newIndex) {
+        newFiber.index = newIndex;
 
-      if (_newFiber2 !== null) {
-        if (shouldTrackSideEffects) {
-          if (_newFiber2.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(
-              _newFiber2.key === null ? newIdx : _newFiber2.key
-            );
-          }
+        if (!shouldTrackSideEffects) {
+          // During hydration, the useId algorithm needs to know which fibers are
+          // part of a list of children (arrays, iterators).
+          newFiber.flags |= Forked;
+          return lastPlacedIndex;
         }
 
-        lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
+        var current = newFiber.alternate;
+
+        if (current !== null) {
+          var oldIndex = current.index;
 
-        if (previousNewFiber === null) {
-          resultingFirstChild = _newFiber2;
+          if (oldIndex < lastPlacedIndex) {
+            // This is a move.
+            newFiber.flags |= Placement | PlacementDEV;
+            return lastPlacedIndex;
+          } else {
+            // This item can stay in place.
+            return oldIndex;
+          }
         } else {
-          previousNewFiber.sibling = _newFiber2;
+          // This is an insertion.
+          newFiber.flags |= Placement | PlacementDEV;
+          return lastPlacedIndex;
         }
-
-        previousNewFiber = _newFiber2;
       }
-    }
-
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(function(child) {
-        return deleteChild(returnFiber, child);
-      });
-    }
 
-    return resultingFirstChild;
-  }
-
-  function reconcileChildrenIterator(
-    returnFiber,
-    currentFirstChild,
-    newChildrenIterable,
-    lanes
-  ) {
-    // This is the same implementation as reconcileChildrenArray(),
-    // but using the iterator instead.
-    var iteratorFn = getIteratorFn(newChildrenIterable);
+      function placeSingleChild(newFiber) {
+        // This is simpler for the single child case. We only need to do a
+        // placement for inserting new children.
+        if (shouldTrackSideEffects && newFiber.alternate === null) {
+          newFiber.flags |= Placement | PlacementDEV;
+        }
 
-    if (typeof iteratorFn !== "function") {
-      throw new Error(
-        "An object is not an iterable. This error is likely caused by a bug in " +
-          "React. Please file an issue."
-      );
-    }
+        return newFiber;
+      }
 
-    {
-      // We don't support rendering Generators because it's a mutation.
-      // See https://github.com/facebook/react/issues/12995
-      if (
-        typeof Symbol === "function" && // $FlowFixMe Flow doesn't know about toStringTag
-        newChildrenIterable[Symbol.toStringTag] === "Generator"
-      ) {
-        if (!didWarnAboutGenerators) {
-          error(
-            "Using Generators as children is unsupported and will likely yield " +
-              "unexpected results because enumerating a generator mutates it. " +
-              "You may convert it to an array with `Array.from()` or the " +
-              "`[...spread]` operator before rendering. Keep in mind " +
-              "you might need to polyfill these features for older browsers."
+      function updateTextNode(returnFiber, current, textContent, lanes) {
+        if (current === null || current.tag !== HostText) {
+          // Insert
+          var created = createFiberFromText(
+            textContent,
+            returnFiber.mode,
+            lanes
           );
+          created.return = returnFiber;
+          return created;
+        } else {
+          // Update
+          var existing = useFiber(current, textContent);
+          existing.return = returnFiber;
+          return existing;
         }
+      }
 
-        didWarnAboutGenerators = true;
-      } // Warn about using Maps as children
+      function updateElement(returnFiber, current, element, lanes) {
+        var elementType = element.type;
 
-      if (newChildrenIterable.entries === iteratorFn) {
-        if (!didWarnAboutMaps) {
-          error(
-            "Using Maps as children is not supported. " +
-              "Use an array of keyed ReactElements instead."
+        if (elementType === REACT_FRAGMENT_TYPE) {
+          return updateFragment(
+            returnFiber,
+            current,
+            element.props.children,
+            lanes,
+            element.key
           );
         }
 
-        didWarnAboutMaps = true;
-      } // First, validate keys.
-      // We'll get a different iterator later for the main pass.
+        if (current !== null) {
+          if (
+            current.elementType === elementType || // Keep this check inline so it only runs on the false path:
+            isCompatibleFamilyForHotReloading(current, element) || // Lazy types should reconcile their resolved type.
+            // We need to do this after the Hot Reloading check above,
+            // because hot reloading has different semantics than prod because
+            // it doesn't resuspend. So we can't let the call below suspend.
+            (typeof elementType === "object" &&
+              elementType !== null &&
+              elementType.$$typeof === REACT_LAZY_TYPE &&
+              resolveLazy(elementType) === current.type)
+          ) {
+            // Move based on index
+            var existing = useFiber(current, element.props);
+            existing.ref = coerceRef(returnFiber, current, element);
+            existing.return = returnFiber;
 
-      var _newChildren = iteratorFn.call(newChildrenIterable);
+            {
+              existing._debugOwner = element._owner;
+            }
 
-      if (_newChildren) {
-        var knownKeys = null;
+            return existing;
+          }
+        } // Insert
 
-        var _step = _newChildren.next();
+        var created = createFiberFromElement(element, returnFiber.mode, lanes);
+        created.ref = coerceRef(returnFiber, current, element);
+        created.return = returnFiber;
+        return created;
+      }
 
-        for (; !_step.done; _step = _newChildren.next()) {
-          var child = _step.value;
-          knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
+      function updatePortal(returnFiber, current, portal, lanes) {
+        if (
+          current === null ||
+          current.tag !== HostPortal ||
+          current.stateNode.containerInfo !== portal.containerInfo ||
+          current.stateNode.implementation !== portal.implementation
+        ) {
+          // Insert
+          var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+          created.return = returnFiber;
+          return created;
+        } else {
+          // Update
+          var existing = useFiber(current, portal.children || []);
+          existing.return = returnFiber;
+          return existing;
         }
       }
-    }
-
-    var newChildren = iteratorFn.call(newChildrenIterable);
-
-    if (newChildren == null) {
-      throw new Error("An iterable object provided no iterator.");
-    }
-
-    var resultingFirstChild = null;
-    var previousNewFiber = null;
-    var oldFiber = currentFirstChild;
-    var lastPlacedIndex = 0;
-    var newIdx = 0;
-    var nextOldFiber = null;
-    var step = newChildren.next();
 
-    for (
-      ;
-      oldFiber !== null && !step.done;
-      newIdx++, step = newChildren.next()
-    ) {
-      if (oldFiber.index > newIdx) {
-        nextOldFiber = oldFiber;
-        oldFiber = null;
-      } else {
-        nextOldFiber = oldFiber.sibling;
+      function updateFragment(returnFiber, current, fragment, lanes, key) {
+        if (current === null || current.tag !== Fragment) {
+          // Insert
+          var created = createFiberFromFragment(
+            fragment,
+            returnFiber.mode,
+            lanes,
+            key
+          );
+          created.return = returnFiber;
+          return created;
+        } else {
+          // Update
+          var existing = useFiber(current, fragment);
+          existing.return = returnFiber;
+          return existing;
+        }
       }
 
-      var newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
-
-      if (newFiber === null) {
-        // TODO: This breaks on empty slots like null children. That's
-        // unfortunate because it triggers the slow path all the time. We need
-        // a better way to communicate whether this was a miss or null,
-        // boolean, undefined, etc.
-        if (oldFiber === null) {
-          oldFiber = nextOldFiber;
+      function createChild(returnFiber, newChild, lanes) {
+        if (
+          (typeof newChild === "string" && newChild !== "") ||
+          typeof newChild === "number"
+        ) {
+          // Text nodes don't have keys. If the previous node is implicitly keyed
+          // we can continue to replace it without aborting even if it is not a text
+          // node.
+          var created = createFiberFromText(
+            "" + newChild,
+            returnFiber.mode,
+            lanes
+          );
+          created.return = returnFiber;
+          return created;
         }
 
-        break;
-      }
+        if (typeof newChild === "object" && newChild !== null) {
+          switch (newChild.$$typeof) {
+            case REACT_ELEMENT_TYPE: {
+              var _created = createFiberFromElement(
+                newChild,
+                returnFiber.mode,
+                lanes
+              );
 
-      if (shouldTrackSideEffects) {
-        if (oldFiber && newFiber.alternate === null) {
-          // We matched the slot, but we didn't reuse the existing fiber, so we
-          // need to delete the existing child.
-          deleteChild(returnFiber, oldFiber);
-        }
-      }
+              _created.ref = coerceRef(returnFiber, null, newChild);
+              _created.return = returnFiber;
+              return _created;
+            }
 
-      lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
+            case REACT_PORTAL_TYPE: {
+              var _created2 = createFiberFromPortal(
+                newChild,
+                returnFiber.mode,
+                lanes
+              );
 
-      if (previousNewFiber === null) {
-        // TODO: Move out of the loop. This only happens for the first run.
-        resultingFirstChild = newFiber;
-      } else {
-        // TODO: Defer siblings if we're not at the right index for this slot.
-        // I.e. if we had null values before, then we want to defer this
-        // for each null value. However, we also don't want to call updateSlot
-        // with the previous one.
-        previousNewFiber.sibling = newFiber;
-      }
+              _created2.return = returnFiber;
+              return _created2;
+            }
 
-      previousNewFiber = newFiber;
-      oldFiber = nextOldFiber;
-    }
+            case REACT_LAZY_TYPE: {
+              var payload = newChild._payload;
+              var init = newChild._init;
+              return createChild(returnFiber, init(payload), lanes);
+            }
+          }
 
-    if (step.done) {
-      // We've reached the end of the new children. We can delete the rest.
-      deleteRemainingChildren(returnFiber, oldFiber);
+          if (isArray(newChild) || getIteratorFn(newChild)) {
+            var _created3 = createFiberFromFragment(
+              newChild,
+              returnFiber.mode,
+              lanes,
+              null
+            );
 
-      return resultingFirstChild;
-    }
+            _created3.return = returnFiber;
+            return _created3;
+          } // Usable node types
+          //
+          // Unwrap the inner value and recursively call this function again.
 
-    if (oldFiber === null) {
-      // If we don't have any more existing children we can choose a fast path
-      // since the rest will all be insertions.
-      for (; !step.done; newIdx++, step = newChildren.next()) {
-        var _newFiber3 = createChild(returnFiber, step.value, lanes);
+          if (typeof newChild.then === "function") {
+            var thenable = newChild;
+            return createChild(returnFiber, unwrapThenable(thenable), lanes);
+          }
 
-        if (_newFiber3 === null) {
-          continue;
-        }
+          if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+            var context = newChild;
+            return createChild(
+              returnFiber,
+              readContextDuringReconcilation(returnFiber, context, lanes),
+              lanes
+            );
+          }
 
-        lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
+          throwOnInvalidObjectType(returnFiber, newChild);
+        }
 
-        if (previousNewFiber === null) {
-          // TODO: Move out of the loop. This only happens for the first run.
-          resultingFirstChild = _newFiber3;
-        } else {
-          previousNewFiber.sibling = _newFiber3;
+        {
+          if (typeof newChild === "function") {
+            warnOnFunctionType(returnFiber);
+          }
         }
 
-        previousNewFiber = _newFiber3;
+        return null;
       }
 
-      return resultingFirstChild;
-    } // Add all children to a key map for quick lookups.
-
-    var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
-
-    for (; !step.done; newIdx++, step = newChildren.next()) {
-      var _newFiber4 = updateFromMap(
-        existingChildren,
-        returnFiber,
-        newIdx,
-        step.value,
-        lanes
-      );
+      function updateSlot(returnFiber, oldFiber, newChild, lanes) {
+        // Update the fiber if the keys match, otherwise return null.
+        var key = oldFiber !== null ? oldFiber.key : null;
 
-      if (_newFiber4 !== null) {
-        if (shouldTrackSideEffects) {
-          if (_newFiber4.alternate !== null) {
-            // The new fiber is a work in progress, but if there exists a
-            // current, that means that we reused the fiber. We need to delete
-            // it from the child list so that we don't add it to the deletion
-            // list.
-            existingChildren.delete(
-              _newFiber4.key === null ? newIdx : _newFiber4.key
-            );
+        if (
+          (typeof newChild === "string" && newChild !== "") ||
+          typeof newChild === "number"
+        ) {
+          // Text nodes don't have keys. If the previous node is implicitly keyed
+          // we can continue to replace it without aborting even if it is not a text
+          // node.
+          if (key !== null) {
+            return null;
           }
-        }
 
-        lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
-
-        if (previousNewFiber === null) {
-          resultingFirstChild = _newFiber4;
-        } else {
-          previousNewFiber.sibling = _newFiber4;
+          return updateTextNode(returnFiber, oldFiber, "" + newChild, lanes);
         }
 
-        previousNewFiber = _newFiber4;
-      }
-    }
-
-    if (shouldTrackSideEffects) {
-      // Any existing children that weren't consumed above were deleted. We need
-      // to add them to the deletion list.
-      existingChildren.forEach(function(child) {
-        return deleteChild(returnFiber, child);
-      });
-    }
+        if (typeof newChild === "object" && newChild !== null) {
+          switch (newChild.$$typeof) {
+            case REACT_ELEMENT_TYPE: {
+              if (newChild.key === key) {
+                return updateElement(returnFiber, oldFiber, newChild, lanes);
+              } else {
+                return null;
+              }
+            }
 
-    return resultingFirstChild;
-  }
-
-  function reconcileSingleTextNode(
-    returnFiber,
-    currentFirstChild,
-    textContent,
-    lanes
-  ) {
-    // There's no need to check for keys on text nodes since we don't have a
-    // way to define them.
-    if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
-      // We already have an existing node so let's just update it and delete
-      // the rest.
-      deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
-      var existing = useFiber(currentFirstChild, textContent);
-      existing.return = returnFiber;
-      return existing;
-    } // The existing first child is not a text node so we need to create one
-    // and delete the existing ones.
-
-    deleteRemainingChildren(returnFiber, currentFirstChild);
-    var created = createFiberFromText(textContent, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
-  }
-
-  function reconcileSingleElement(
-    returnFiber,
-    currentFirstChild,
-    element,
-    lanes
-  ) {
-    var key = element.key;
-    var child = currentFirstChild;
-
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
-        var elementType = element.type;
+            case REACT_PORTAL_TYPE: {
+              if (newChild.key === key) {
+                return updatePortal(returnFiber, oldFiber, newChild, lanes);
+              } else {
+                return null;
+              }
+            }
 
-        if (elementType === REACT_FRAGMENT_TYPE) {
-          if (child.tag === Fragment) {
-            deleteRemainingChildren(returnFiber, child.sibling);
-            var existing = useFiber(child, element.props.children);
-            existing.return = returnFiber;
+            case REACT_LAZY_TYPE: {
+              var payload = newChild._payload;
+              var init = newChild._init;
+              return updateSlot(returnFiber, oldFiber, init(payload), lanes);
+            }
+          }
 
-            {
-              existing._debugSource = element._source;
-              existing._debugOwner = element._owner;
+          if (isArray(newChild) || getIteratorFn(newChild)) {
+            if (key !== null) {
+              return null;
             }
 
-            return existing;
-          }
-        } else {
-          if (
-            child.elementType === elementType || // Keep this check inline so it only runs on the false path:
-            isCompatibleFamilyForHotReloading(child, element) || // Lazy types should reconcile their resolved type.
-            // We need to do this after the Hot Reloading check above,
-            // because hot reloading has different semantics than prod because
-            // it doesn't resuspend. So we can't let the call below suspend.
-            (typeof elementType === "object" &&
-              elementType !== null &&
-              elementType.$$typeof === REACT_LAZY_TYPE &&
-              resolveLazy(elementType) === child.type)
-          ) {
-            deleteRemainingChildren(returnFiber, child.sibling);
+            return updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+          } // Usable node types
+          //
+          // Unwrap the inner value and recursively call this function again.
 
-            var _existing = useFiber(child, element.props);
+          if (typeof newChild.then === "function") {
+            var thenable = newChild;
+            return updateSlot(
+              returnFiber,
+              oldFiber,
+              unwrapThenable(thenable),
+              lanes
+            );
+          }
 
-            _existing.ref = coerceRef(returnFiber, child, element);
-            _existing.return = returnFiber;
+          if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+            var context = newChild;
+            return updateSlot(
+              returnFiber,
+              oldFiber,
+              readContextDuringReconcilation(returnFiber, context, lanes),
+              lanes
+            );
+          }
 
-            {
-              _existing._debugSource = element._source;
-              _existing._debugOwner = element._owner;
-            }
+          throwOnInvalidObjectType(returnFiber, newChild);
+        }
 
-            return _existing;
+        {
+          if (typeof newChild === "function") {
+            warnOnFunctionType(returnFiber);
           }
-        } // Didn't match.
+        }
 
-        deleteRemainingChildren(returnFiber, child);
-        break;
-      } else {
-        deleteChild(returnFiber, child);
+        return null;
       }
 
-      child = child.sibling;
-    }
-
-    if (element.type === REACT_FRAGMENT_TYPE) {
-      var created = createFiberFromFragment(
-        element.props.children,
-        returnFiber.mode,
-        lanes,
-        element.key
-      );
-      created.return = returnFiber;
-      return created;
-    } else {
-      var _created4 = createFiberFromElement(element, returnFiber.mode, lanes);
-
-      _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
-      _created4.return = returnFiber;
-      return _created4;
-    }
-  }
-
-  function reconcileSinglePortal(
-    returnFiber,
-    currentFirstChild,
-    portal,
-    lanes
-  ) {
-    var key = portal.key;
-    var child = currentFirstChild;
-
-    while (child !== null) {
-      // TODO: If key === null and child.key === null, then this only applies to
-      // the first item in the list.
-      if (child.key === key) {
+      function updateFromMap(
+        existingChildren,
+        returnFiber,
+        newIdx,
+        newChild,
+        lanes
+      ) {
         if (
-          child.tag === HostPortal &&
-          child.stateNode.containerInfo === portal.containerInfo &&
-          child.stateNode.implementation === portal.implementation
+          (typeof newChild === "string" && newChild !== "") ||
+          typeof newChild === "number"
         ) {
-          deleteRemainingChildren(returnFiber, child.sibling);
-          var existing = useFiber(child, portal.children || []);
-          existing.return = returnFiber;
-          return existing;
-        } else {
-          deleteRemainingChildren(returnFiber, child);
-          break;
+          // Text nodes don't have keys, so we neither have to check the old nor
+          // new node for the key. If both are text nodes, they match.
+          var matchedFiber = existingChildren.get(newIdx) || null;
+          return updateTextNode(
+            returnFiber,
+            matchedFiber,
+            "" + newChild,
+            lanes
+          );
         }
-      } else {
-        deleteChild(returnFiber, child);
-      }
-
-      child = child.sibling;
-    }
-
-    var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
-    created.return = returnFiber;
-    return created;
-  } // This API will tag the children with the side-effect of the reconciliation
-  // itself. They will be added to the side-effect list as we pass through the
-  // children and the parent.
-
-  function reconcileChildFibers(
-    returnFiber,
-    currentFirstChild,
-    newChild,
-    lanes
-  ) {
-    // This function is not recursive.
-    // If the top level item is an array, we treat it as a set of children,
-    // not as a fragment. Nested arrays on the other hand will be treated as
-    // fragment nodes. Recursion happens at the normal flow.
-    // Handle top level unkeyed fragments as if they were arrays.
-    // This leads to an ambiguity between <>{[...]}</> and <>...</>.
-    // We treat the ambiguous cases above the same.
-    var isUnkeyedTopLevelFragment =
-      typeof newChild === "object" &&
-      newChild !== null &&
-      newChild.type === REACT_FRAGMENT_TYPE &&
-      newChild.key === null;
-
-    if (isUnkeyedTopLevelFragment) {
-      newChild = newChild.props.children;
-    } // Handle object types
-
-    if (typeof newChild === "object" && newChild !== null) {
-      switch (newChild.$$typeof) {
-        case REACT_ELEMENT_TYPE:
-          return placeSingleChild(
-            reconcileSingleElement(
+
+        if (typeof newChild === "object" && newChild !== null) {
+          switch (newChild.$$typeof) {
+            case REACT_ELEMENT_TYPE: {
+              var _matchedFiber =
+                existingChildren.get(
+                  newChild.key === null ? newIdx : newChild.key
+                ) || null;
+
+              return updateElement(returnFiber, _matchedFiber, newChild, lanes);
+            }
+
+            case REACT_PORTAL_TYPE: {
+              var _matchedFiber2 =
+                existingChildren.get(
+                  newChild.key === null ? newIdx : newChild.key
+                ) || null;
+
+              return updatePortal(returnFiber, _matchedFiber2, newChild, lanes);
+            }
+
+            case REACT_LAZY_TYPE:
+              var payload = newChild._payload;
+              var init = newChild._init;
+              return updateFromMap(
+                existingChildren,
+                returnFiber,
+                newIdx,
+                init(payload),
+                lanes
+              );
+          }
+
+          if (isArray(newChild) || getIteratorFn(newChild)) {
+            var _matchedFiber3 = existingChildren.get(newIdx) || null;
+
+            return updateFragment(
               returnFiber,
-              currentFirstChild,
+              _matchedFiber3,
               newChild,
-              lanes
-            )
-          );
+              lanes,
+              null
+            );
+          } // Usable node types
+          //
+          // Unwrap the inner value and recursively call this function again.
 
-        case REACT_PORTAL_TYPE:
-          return placeSingleChild(
-            reconcileSinglePortal(
+          if (typeof newChild.then === "function") {
+            var thenable = newChild;
+            return updateFromMap(
+              existingChildren,
               returnFiber,
-              currentFirstChild,
-              newChild,
+              newIdx,
+              unwrapThenable(thenable),
               lanes
-            )
-          );
+            );
+          }
 
-        case REACT_LAZY_TYPE:
-          var payload = newChild._payload;
-          var init = newChild._init; // TODO: This function is supposed to be non-recursive.
+          if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+            var context = newChild;
+            return updateFromMap(
+              existingChildren,
+              returnFiber,
+              newIdx,
+              readContextDuringReconcilation(returnFiber, context, lanes),
+              lanes
+            );
+          }
 
-          return reconcileChildFibers(
-            returnFiber,
-            currentFirstChild,
-            init(payload),
-            lanes
-          );
-      }
+          throwOnInvalidObjectType(returnFiber, newChild);
+        }
 
-      if (isArray(newChild)) {
-        return reconcileChildrenArray(
-          returnFiber,
-          currentFirstChild,
-          newChild,
-          lanes
-        );
-      }
+        {
+          if (typeof newChild === "function") {
+            warnOnFunctionType(returnFiber);
+          }
+        }
 
-      if (getIteratorFn(newChild)) {
-        return reconcileChildrenIterator(
-          returnFiber,
-          currentFirstChild,
-          newChild,
-          lanes
-        );
+        return null;
       }
+      /**
+       * Warns if there is a duplicate or missing key
+       */
 
-      throwOnInvalidObjectType(returnFiber, newChild);
-    }
+      function warnOnInvalidKey(child, knownKeys, returnFiber) {
+        {
+          if (typeof child !== "object" || child === null) {
+            return knownKeys;
+          }
 
-    if (
-      (typeof newChild === "string" && newChild !== "") ||
-      typeof newChild === "number"
-    ) {
-      return placeSingleChild(
-        reconcileSingleTextNode(
-          returnFiber,
-          currentFirstChild,
-          "" + newChild,
-          lanes
-        )
-      );
-    }
+          switch (child.$$typeof) {
+            case REACT_ELEMENT_TYPE:
+            case REACT_PORTAL_TYPE:
+              warnForMissingKey(child, returnFiber);
+              var key = child.key;
 
-    {
-      if (typeof newChild === "function") {
-        warnOnFunctionType(returnFiber);
-      }
-    } // Remaining cases are all treated as empty.
+              if (typeof key !== "string") {
+                break;
+              }
 
-    return deleteRemainingChildren(returnFiber, currentFirstChild);
-  }
+              if (knownKeys === null) {
+                knownKeys = new Set();
+                knownKeys.add(key);
+                break;
+              }
 
-  return reconcileChildFibers;
-}
+              if (!knownKeys.has(key)) {
+                knownKeys.add(key);
+                break;
+              }
 
-var reconcileChildFibers = ChildReconciler(true);
-var mountChildFibers = ChildReconciler(false);
-function cloneChildFibers(current, workInProgress) {
-  if (current !== null && workInProgress.child !== current.child) {
-    throw new Error("Resuming work not yet implemented.");
-  }
-
-  if (workInProgress.child === null) {
-    return;
-  }
-
-  var currentChild = workInProgress.child;
-  var newChild = createWorkInProgress(currentChild, currentChild.pendingProps);
-  workInProgress.child = newChild;
-  newChild.return = workInProgress;
-
-  while (currentChild.sibling !== null) {
-    currentChild = currentChild.sibling;
-    newChild = newChild.sibling = createWorkInProgress(
-      currentChild,
-      currentChild.pendingProps
-    );
-    newChild.return = workInProgress;
-  }
+              error(
+                "Encountered two children with the same key, `%s`. " +
+                  "Keys should be unique so that components maintain their identity " +
+                  "across updates. Non-unique keys may cause children to be " +
+                  "duplicated and/or omitted — the behavior is unsupported and " +
+                  "could change in a future version.",
+                key
+              );
 
-  newChild.sibling = null;
-} // Reset a workInProgress child set to prepare it for a second pass.
+              break;
 
-function resetChildFibers(workInProgress, lanes) {
-  var child = workInProgress.child;
+            case REACT_LAZY_TYPE:
+              var payload = child._payload;
+              var init = child._init;
+              warnOnInvalidKey(init(payload), knownKeys, returnFiber);
+              break;
+          }
+        }
 
-  while (child !== null) {
-    resetWorkInProgress(child, lanes);
-    child = child.sibling;
-  }
-}
+        return knownKeys;
+      }
 
-var NO_CONTEXT = {};
-var contextStackCursor$1 = createCursor(NO_CONTEXT);
-var contextFiberStackCursor = createCursor(NO_CONTEXT);
-var rootInstanceStackCursor = createCursor(NO_CONTEXT);
+      function reconcileChildrenArray(
+        returnFiber,
+        currentFirstChild,
+        newChildren,
+        lanes
+      ) {
+        // This algorithm can't optimize by searching from both ends since we
+        // don't have backpointers on fibers. I'm trying to see how far we can get
+        // with that model. If it ends up not being worth the tradeoffs, we can
+        // add it later.
+        // Even with a two ended optimization, we'd want to optimize for the case
+        // where there are few changes and brute force the comparison instead of
+        // going for the Map. It'd like to explore hitting that path first in
+        // forward-only mode and only go for the Map once we notice that we need
+        // lots of look ahead. This doesn't handle reversal as well as two ended
+        // search but that's unusual. Besides, for the two ended optimization to
+        // work on Iterables, we'd need to copy the whole set.
+        // In this first iteration, we'll just live with hitting the bad case
+        // (adding everything to a Map) in for every insert/move.
+        // If you change this code, also update reconcileChildrenIterator() which
+        // uses the same algorithm.
+        {
+          // First, validate keys.
+          var knownKeys = null;
 
-function requiredContext(c) {
-  if (c === NO_CONTEXT) {
-    throw new Error(
-      "Expected host context to exist. This error is likely caused by a bug " +
-        "in React. Please file an issue."
-    );
-  }
+          for (var i = 0; i < newChildren.length; i++) {
+            var child = newChildren[i];
+            knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
+          }
+        }
 
-  return c;
-}
+        var resultingFirstChild = null;
+        var previousNewFiber = null;
+        var oldFiber = currentFirstChild;
+        var lastPlacedIndex = 0;
+        var newIdx = 0;
+        var nextOldFiber = null;
+
+        for (; oldFiber !== null && newIdx < newChildren.length; newIdx++) {
+          if (oldFiber.index > newIdx) {
+            nextOldFiber = oldFiber;
+            oldFiber = null;
+          } else {
+            nextOldFiber = oldFiber.sibling;
+          }
 
-function getRootHostContainer() {
-  var rootInstance = requiredContext(rootInstanceStackCursor.current);
-  return rootInstance;
-}
+          var newFiber = updateSlot(
+            returnFiber,
+            oldFiber,
+            newChildren[newIdx],
+            lanes
+          );
 
-function pushHostContainer(fiber, nextRootInstance) {
-  // Push current root instance onto the stack;
-  // This allows us to reset root when portals are popped.
-  push(rootInstanceStackCursor, nextRootInstance, fiber); // Track the context and the Fiber that provided it.
-  // This enables us to pop only Fibers that provide unique contexts.
+          if (newFiber === null) {
+            // TODO: This breaks on empty slots like null children. That's
+            // unfortunate because it triggers the slow path all the time. We need
+            // a better way to communicate whether this was a miss or null,
+            // boolean, undefined, etc.
+            if (oldFiber === null) {
+              oldFiber = nextOldFiber;
+            }
 
-  push(contextFiberStackCursor, fiber, fiber); // Finally, we need to push the host context to the stack.
-  // However, we can't just call getRootHostContext() and push it because
-  // we'd have a different number of entries on the stack depending on
-  // whether getRootHostContext() throws somewhere in renderer code or not.
-  // So we push an empty value first. This lets us safely unwind on errors.
+            break;
+          }
 
-  push(contextStackCursor$1, NO_CONTEXT, fiber);
-  var nextRootContext = getRootHostContext(); // Now that we know this function doesn't throw, replace it.
+          if (shouldTrackSideEffects) {
+            if (oldFiber && newFiber.alternate === null) {
+              // We matched the slot, but we didn't reuse the existing fiber, so we
+              // need to delete the existing child.
+              deleteChild(returnFiber, oldFiber);
+            }
+          }
 
-  pop(contextStackCursor$1, fiber);
-  push(contextStackCursor$1, nextRootContext, fiber);
-}
+          lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-function popHostContainer(fiber) {
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-  pop(rootInstanceStackCursor, fiber);
-}
+          if (previousNewFiber === null) {
+            // TODO: Move out of the loop. This only happens for the first run.
+            resultingFirstChild = newFiber;
+          } else {
+            // TODO: Defer siblings if we're not at the right index for this slot.
+            // I.e. if we had null values before, then we want to defer this
+            // for each null value. However, we also don't want to call updateSlot
+            // with the previous one.
+            previousNewFiber.sibling = newFiber;
+          }
 
-function getHostContext() {
-  var context = requiredContext(contextStackCursor$1.current);
-  return context;
-}
+          previousNewFiber = newFiber;
+          oldFiber = nextOldFiber;
+        }
 
-function pushHostContext(fiber) {
-  var rootInstance = requiredContext(rootInstanceStackCursor.current);
-  var context = requiredContext(contextStackCursor$1.current);
-  var nextContext = getChildHostContext(context, fiber.type); // Don't push this Fiber's context unless it's unique.
+        if (newIdx === newChildren.length) {
+          // We've reached the end of the new children. We can delete the rest.
+          deleteRemainingChildren(returnFiber, oldFiber);
 
-  if (context === nextContext) {
-    return;
-  } // Track the context and the Fiber that provided it.
-  // This enables us to pop only Fibers that provide unique contexts.
+          return resultingFirstChild;
+        }
 
-  push(contextFiberStackCursor, fiber, fiber);
-  push(contextStackCursor$1, nextContext, fiber);
-}
+        if (oldFiber === null) {
+          // If we don't have any more existing children we can choose a fast path
+          // since the rest will all be insertions.
+          for (; newIdx < newChildren.length; newIdx++) {
+            var _newFiber = createChild(
+              returnFiber,
+              newChildren[newIdx],
+              lanes
+            );
 
-function popHostContext(fiber) {
-  // Do not pop unless this Fiber provided the current context.
-  // pushHostContext() only pushes Fibers that provide unique contexts.
-  if (contextFiberStackCursor.current !== fiber) {
-    return;
-  }
+            if (_newFiber === null) {
+              continue;
+            }
 
-  pop(contextStackCursor$1, fiber);
-  pop(contextFiberStackCursor, fiber);
-}
+            lastPlacedIndex = placeChild(_newFiber, lastPlacedIndex, newIdx);
 
-var DefaultSuspenseContext = 0; // The Suspense Context is split into two parts. The lower bits is
-// inherited deeply down the subtree. The upper bits only affect
-// this immediate suspense boundary and gets reset each new
-// boundary or suspense list.
-
-var SubtreeSuspenseContextMask = 1; // Subtree Flags:
-// InvisibleParentSuspenseContext indicates that one of our parent Suspense
-// boundaries is not currently showing visible main content.
-// Either because it is already showing a fallback or is not mounted at all.
-// We can use this to determine if it is desirable to trigger a fallback at
-// the parent. If not, then we might need to trigger undesirable boundaries
-// and/or suspend the commit to avoid hiding the parent content.
-
-var InvisibleParentSuspenseContext = 1; // Shallow Flags:
-// ForceSuspenseFallback can be used by SuspenseList to force newly added
-// items into their fallback state during one of the render passes.
-
-var ForceSuspenseFallback = 2;
-var suspenseStackCursor = createCursor(DefaultSuspenseContext);
-function hasSuspenseContext(parentContext, flag) {
-  return (parentContext & flag) !== 0;
-}
-function setDefaultShallowSuspenseContext(parentContext) {
-  return parentContext & SubtreeSuspenseContextMask;
-}
-function setShallowSuspenseContext(parentContext, shallowContext) {
-  return (parentContext & SubtreeSuspenseContextMask) | shallowContext;
-}
-function addSubtreeSuspenseContext(parentContext, subtreeContext) {
-  return parentContext | subtreeContext;
-}
-function pushSuspenseContext(fiber, newContext) {
-  push(suspenseStackCursor, newContext, fiber);
-}
-function popSuspenseContext(fiber) {
-  pop(suspenseStackCursor, fiber);
-}
+            if (previousNewFiber === null) {
+              // TODO: Move out of the loop. This only happens for the first run.
+              resultingFirstChild = _newFiber;
+            } else {
+              previousNewFiber.sibling = _newFiber;
+            }
 
-function shouldCaptureSuspense(workInProgress, hasInvisibleParent) {
-  // If it was the primary children that just suspended, capture and render the
-  // fallback. Otherwise, don't capture and bubble to the next boundary.
-  var nextState = workInProgress.memoizedState;
+            previousNewFiber = _newFiber;
+          }
 
-  if (nextState !== null) {
-    if (nextState.dehydrated !== null) {
-      // A dehydrated boundary always captures.
-      return true;
-    }
+          return resultingFirstChild;
+        } // Add all children to a key map for quick lookups.
 
-    return false;
-  }
+        var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-  var props = workInProgress.memoizedProps; // Regular boundaries always capture.
+        for (; newIdx < newChildren.length; newIdx++) {
+          var _newFiber2 = updateFromMap(
+            existingChildren,
+            returnFiber,
+            newIdx,
+            newChildren[newIdx],
+            lanes
+          );
 
-  {
-    return true;
-  } // If it's a boundary we should avoid, then we prefer to bubble up to the
-}
-function findFirstSuspended(row) {
-  var node = row;
+          if (_newFiber2 !== null) {
+            if (shouldTrackSideEffects) {
+              if (_newFiber2.alternate !== null) {
+                // The new fiber is a work in progress, but if there exists a
+                // current, that means that we reused the fiber. We need to delete
+                // it from the child list so that we don't add it to the deletion
+                // list.
+                existingChildren.delete(
+                  _newFiber2.key === null ? newIdx : _newFiber2.key
+                );
+              }
+            }
 
-  while (node !== null) {
-    if (node.tag === SuspenseComponent) {
-      var state = node.memoizedState;
+            lastPlacedIndex = placeChild(_newFiber2, lastPlacedIndex, newIdx);
 
-      if (state !== null) {
-        var dehydrated = state.dehydrated;
+            if (previousNewFiber === null) {
+              resultingFirstChild = _newFiber2;
+            } else {
+              previousNewFiber.sibling = _newFiber2;
+            }
 
-        if (
-          dehydrated === null ||
-          isSuspenseInstancePending() ||
-          isSuspenseInstanceFallback()
-        ) {
-          return node;
+            previousNewFiber = _newFiber2;
+          }
         }
-      }
-    } else if (
-      node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
-      // keep track of whether it suspended or not.
-      node.memoizedProps.revealOrder !== undefined
-    ) {
-      var didSuspend = (node.flags & DidCapture) !== NoFlags;
 
-      if (didSuspend) {
-        return node;
+        if (shouldTrackSideEffects) {
+          // Any existing children that weren't consumed above were deleted. We need
+          // to add them to the deletion list.
+          existingChildren.forEach(function (child) {
+            return deleteChild(returnFiber, child);
+          });
+        }
+
+        return resultingFirstChild;
       }
-    } else if (node.child !== null) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
 
-    if (node === row) {
-      return null;
-    }
+      function reconcileChildrenIterator(
+        returnFiber,
+        currentFirstChild,
+        newChildrenIterable,
+        lanes
+      ) {
+        // This is the same implementation as reconcileChildrenArray(),
+        // but using the iterator instead.
+        var iteratorFn = getIteratorFn(newChildrenIterable);
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === row) {
-        return null;
-      }
+        if (typeof iteratorFn !== "function") {
+          throw new Error(
+            "An object is not an iterable. This error is likely caused by a bug in " +
+              "React. Please file an issue."
+          );
+        }
 
-      node = node.return;
-    }
+        {
+          // We don't support rendering Generators because it's a mutation.
+          // See https://github.com/facebook/react/issues/12995
+          if (
+            typeof Symbol === "function" && // $FlowFixMe[prop-missing] Flow doesn't know about toStringTag
+            newChildrenIterable[Symbol.toStringTag] === "Generator"
+          ) {
+            if (!didWarnAboutGenerators) {
+              error(
+                "Using Generators as children is unsupported and will likely yield " +
+                  "unexpected results because enumerating a generator mutates it. " +
+                  "You may convert it to an array with `Array.from()` or the " +
+                  "`[...spread]` operator before rendering. Keep in mind " +
+                  "you might need to polyfill these features for older browsers."
+              );
+            }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
+            didWarnAboutGenerators = true;
+          } // Warn about using Maps as children
 
-  return null;
-}
+          if (newChildrenIterable.entries === iteratorFn) {
+            if (!didWarnAboutMaps) {
+              error(
+                "Using Maps as children is not supported. " +
+                  "Use an array of keyed ReactElements instead."
+              );
+            }
 
-var NoFlags$1 =
-  /*   */
-  0; // Represents whether effect should fire.
+            didWarnAboutMaps = true;
+          } // First, validate keys.
+          // We'll get a different iterator later for the main pass.
 
-var HasEffect =
-  /* */
-  1; // Represents the phase in which the effect (not the clean-up) fires.
+          var _newChildren = iteratorFn.call(newChildrenIterable);
 
-var Insertion =
-  /*  */
-  2;
-var Layout =
-  /*    */
-  4;
-var Passive$1 =
-  /*   */
-  8;
+          if (_newChildren) {
+            var knownKeys = null;
 
-// and should be reset before starting a new render.
-// This tracks which mutable sources need to be reset after a render.
+            var _step = _newChildren.next();
 
-var workInProgressSources = [];
-function resetWorkInProgressVersions() {
-  for (var i = 0; i < workInProgressSources.length; i++) {
-    var mutableSource = workInProgressSources[i];
+            for (; !_step.done; _step = _newChildren.next()) {
+              var child = _step.value;
+              knownKeys = warnOnInvalidKey(child, knownKeys, returnFiber);
+            }
+          }
+        }
 
-    {
-      mutableSource._workInProgressVersionPrimary = null;
-    }
-  }
+        var newChildren = iteratorFn.call(newChildrenIterable);
 
-  workInProgressSources.length = 0;
-}
+        if (newChildren == null) {
+          throw new Error("An iterable object provided no iterator.");
+        }
 
-var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
-var didWarnAboutMismatchedHooksForComponent;
-var didWarnUncachedGetSnapshot;
+        var resultingFirstChild = null;
+        var previousNewFiber = null;
+        var oldFiber = currentFirstChild;
+        var lastPlacedIndex = 0;
+        var newIdx = 0;
+        var nextOldFiber = null;
+        var step = newChildren.next();
 
-{
-  didWarnAboutMismatchedHooksForComponent = new Set();
-}
+        for (
+          ;
+          oldFiber !== null && !step.done;
+          newIdx++, step = newChildren.next()
+        ) {
+          if (oldFiber.index > newIdx) {
+            nextOldFiber = oldFiber;
+            oldFiber = null;
+          } else {
+            nextOldFiber = oldFiber.sibling;
+          }
 
-// These are set right before calling the component.
-var renderLanes = NoLanes; // The work-in-progress fiber. I've named it differently to distinguish it from
-// the work-in-progress hook.
+          var newFiber = updateSlot(returnFiber, oldFiber, step.value, lanes);
 
-var currentlyRenderingFiber$1 = null; // Hooks are stored as a linked list on the fiber's memoizedState field. The
-// current hook list is the list that belongs to the current fiber. The
-// work-in-progress hook list is a new list that will be added to the
-// work-in-progress fiber.
+          if (newFiber === null) {
+            // TODO: This breaks on empty slots like null children. That's
+            // unfortunate because it triggers the slow path all the time. We need
+            // a better way to communicate whether this was a miss or null,
+            // boolean, undefined, etc.
+            if (oldFiber === null) {
+              oldFiber = nextOldFiber;
+            }
 
-var currentHook = null;
-var workInProgressHook = null; // Whether an update was scheduled at any point during the render phase. This
-// does not get reset if we do another render pass; only when we're completely
-// finished evaluating this component. This is an optimization so we know
-// whether we need to clear render phase updates after a throw.
+            break;
+          }
 
-var didScheduleRenderPhaseUpdate = false; // Where an update was scheduled only during the current render pass. This
-// gets reset after each attempt.
-// TODO: Maybe there's some way to consolidate this with
-// `didScheduleRenderPhaseUpdate`. Or with `numberOfReRenders`.
+          if (shouldTrackSideEffects) {
+            if (oldFiber && newFiber.alternate === null) {
+              // We matched the slot, but we didn't reuse the existing fiber, so we
+              // need to delete the existing child.
+              deleteChild(returnFiber, oldFiber);
+            }
+          }
 
-var didScheduleRenderPhaseUpdateDuringThisPass = false; // Counts the number of useId hooks in this component.
-// hydration). This counter is global, so client ids are not stable across
-// render attempts.
+          lastPlacedIndex = placeChild(newFiber, lastPlacedIndex, newIdx);
 
-var globalClientIdCounter = 0;
-var RE_RENDER_LIMIT = 25; // In DEV, this is the name of the currently executing primitive hook
+          if (previousNewFiber === null) {
+            // TODO: Move out of the loop. This only happens for the first run.
+            resultingFirstChild = newFiber;
+          } else {
+            // TODO: Defer siblings if we're not at the right index for this slot.
+            // I.e. if we had null values before, then we want to defer this
+            // for each null value. However, we also don't want to call updateSlot
+            // with the previous one.
+            previousNewFiber.sibling = newFiber;
+          }
 
-var currentHookNameInDev = null; // In DEV, this list ensures that hooks are called in the same order between renders.
-// The list stores the order of hooks used during the initial render (mount).
-// Subsequent renders (updates) reference this list.
+          previousNewFiber = newFiber;
+          oldFiber = nextOldFiber;
+        }
 
-var hookTypesDev = null;
-var hookTypesUpdateIndexDev = -1; // In DEV, this tracks whether currently rendering component needs to ignore
-// the dependencies for Hooks that need them (e.g. useEffect or useMemo).
-// When true, such Hooks will always be "remounted". Only used during hot reload.
+        if (step.done) {
+          // We've reached the end of the new children. We can delete the rest.
+          deleteRemainingChildren(returnFiber, oldFiber);
 
-var ignorePreviousDependencies = false;
+          return resultingFirstChild;
+        }
 
-function mountHookTypesDev() {
-  {
-    var hookName = currentHookNameInDev;
+        if (oldFiber === null) {
+          // If we don't have any more existing children we can choose a fast path
+          // since the rest will all be insertions.
+          for (; !step.done; newIdx++, step = newChildren.next()) {
+            var _newFiber3 = createChild(returnFiber, step.value, lanes);
 
-    if (hookTypesDev === null) {
-      hookTypesDev = [hookName];
-    } else {
-      hookTypesDev.push(hookName);
-    }
-  }
-}
+            if (_newFiber3 === null) {
+              continue;
+            }
 
-function updateHookTypesDev() {
-  {
-    var hookName = currentHookNameInDev;
+            lastPlacedIndex = placeChild(_newFiber3, lastPlacedIndex, newIdx);
 
-    if (hookTypesDev !== null) {
-      hookTypesUpdateIndexDev++;
+            if (previousNewFiber === null) {
+              // TODO: Move out of the loop. This only happens for the first run.
+              resultingFirstChild = _newFiber3;
+            } else {
+              previousNewFiber.sibling = _newFiber3;
+            }
 
-      if (hookTypesDev[hookTypesUpdateIndexDev] !== hookName) {
-        warnOnHookMismatchInDev(hookName);
-      }
-    }
-  }
-}
+            previousNewFiber = _newFiber3;
+          }
 
-function checkDepsAreArrayDev(deps) {
-  {
-    if (deps !== undefined && deps !== null && !isArray(deps)) {
-      // Verify deps, but only on mount to avoid extra checks.
-      // It's unlikely their type would change as usually you define them inline.
-      error(
-        "%s received a final argument that is not an array (instead, received `%s`). When " +
-          "specified, the final argument must be an array.",
-        currentHookNameInDev,
-        typeof deps
-      );
-    }
-  }
-}
+          return resultingFirstChild;
+        } // Add all children to a key map for quick lookups.
+
+        var existingChildren = mapRemainingChildren(returnFiber, oldFiber); // Keep scanning and use the map to restore deleted items as moves.
 
-function warnOnHookMismatchInDev(currentHookName) {
-  {
-    var componentName = getComponentNameFromFiber(currentlyRenderingFiber$1);
+        for (; !step.done; newIdx++, step = newChildren.next()) {
+          var _newFiber4 = updateFromMap(
+            existingChildren,
+            returnFiber,
+            newIdx,
+            step.value,
+            lanes
+          );
 
-    if (!didWarnAboutMismatchedHooksForComponent.has(componentName)) {
-      didWarnAboutMismatchedHooksForComponent.add(componentName);
+          if (_newFiber4 !== null) {
+            if (shouldTrackSideEffects) {
+              if (_newFiber4.alternate !== null) {
+                // The new fiber is a work in progress, but if there exists a
+                // current, that means that we reused the fiber. We need to delete
+                // it from the child list so that we don't add it to the deletion
+                // list.
+                existingChildren.delete(
+                  _newFiber4.key === null ? newIdx : _newFiber4.key
+                );
+              }
+            }
 
-      if (hookTypesDev !== null) {
-        var table = "";
-        var secondColumnStart = 30;
+            lastPlacedIndex = placeChild(_newFiber4, lastPlacedIndex, newIdx);
 
-        for (var i = 0; i <= hookTypesUpdateIndexDev; i++) {
-          var oldHookName = hookTypesDev[i];
-          var newHookName =
-            i === hookTypesUpdateIndexDev ? currentHookName : oldHookName;
-          var row = i + 1 + ". " + oldHookName; // Extra space so second column lines up
-          // lol @ IE not supporting String#repeat
+            if (previousNewFiber === null) {
+              resultingFirstChild = _newFiber4;
+            } else {
+              previousNewFiber.sibling = _newFiber4;
+            }
 
-          while (row.length < secondColumnStart) {
-            row += " ";
+            previousNewFiber = _newFiber4;
           }
+        }
 
-          row += newHookName + "\n";
-          table += row;
+        if (shouldTrackSideEffects) {
+          // Any existing children that weren't consumed above were deleted. We need
+          // to add them to the deletion list.
+          existingChildren.forEach(function (child) {
+            return deleteChild(returnFiber, child);
+          });
         }
 
-        error(
-          "React has detected a change in the order of Hooks called by %s. " +
-            "This will lead to bugs and errors if not fixed. " +
-            "For more information, read the Rules of Hooks: https://react.dev/warnings/invalid-hook-call-warning\n\n" +
-            "   Previous render            Next render\n" +
-            "   ------------------------------------------------------\n" +
-            "%s" +
-            "   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
-          componentName,
-          table
-        );
+        return resultingFirstChild;
       }
-    }
-  }
-}
 
-function throwInvalidHookError() {
-  throw new Error(
-    "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for" +
-      " one of the following reasons:\n" +
-      "1. You might have mismatching versions of React and the renderer (such as React DOM)\n" +
-      "2. You might be breaking the Rules of Hooks\n" +
-      "3. You might have more than one copy of React in the same app\n" +
-      "See https://react.dev/warnings/invalid-hook-call-warning for tips about how to debug and fix this problem."
-  );
-}
+      function reconcileSingleTextNode(
+        returnFiber,
+        currentFirstChild,
+        textContent,
+        lanes
+      ) {
+        // There's no need to check for keys on text nodes since we don't have a
+        // way to define them.
+        if (currentFirstChild !== null && currentFirstChild.tag === HostText) {
+          // We already have an existing node so let's just update it and delete
+          // the rest.
+          deleteRemainingChildren(returnFiber, currentFirstChild.sibling);
+          var existing = useFiber(currentFirstChild, textContent);
+          existing.return = returnFiber;
+          return existing;
+        } // The existing first child is not a text node so we need to create one
+        // and delete the existing ones.
 
-function areHookInputsEqual(nextDeps, prevDeps) {
-  {
-    if (ignorePreviousDependencies) {
-      // Only true when this component is being hot reloaded.
-      return false;
-    }
-  }
+        deleteRemainingChildren(returnFiber, currentFirstChild);
+        var created = createFiberFromText(textContent, returnFiber.mode, lanes);
+        created.return = returnFiber;
+        return created;
+      }
 
-  if (prevDeps === null) {
-    {
-      error(
-        "%s received a final argument during this render, but not during " +
-          "the previous render. Even though the final argument is optional, " +
-          "its type cannot change between renders.",
-        currentHookNameInDev
-      );
-    }
+      function reconcileSingleElement(
+        returnFiber,
+        currentFirstChild,
+        element,
+        lanes
+      ) {
+        var key = element.key;
+        var child = currentFirstChild;
 
-    return false;
-  }
-
-  {
-    // Don't bother comparing lengths in prod because these arrays should be
-    // passed inline.
-    if (nextDeps.length !== prevDeps.length) {
-      error(
-        "The final argument passed to %s changed size between renders. The " +
-          "order and size of this array must remain constant.\n\n" +
-          "Previous: %s\n" +
-          "Incoming: %s",
-        currentHookNameInDev,
-        "[" + prevDeps.join(", ") + "]",
-        "[" + nextDeps.join(", ") + "]"
-      );
-    }
-  }
+        while (child !== null) {
+          // TODO: If key === null and child.key === null, then this only applies to
+          // the first item in the list.
+          if (child.key === key) {
+            var elementType = element.type;
 
-  for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
-    if (objectIs(nextDeps[i], prevDeps[i])) {
-      continue;
-    }
+            if (elementType === REACT_FRAGMENT_TYPE) {
+              if (child.tag === Fragment) {
+                deleteRemainingChildren(returnFiber, child.sibling);
+                var existing = useFiber(child, element.props.children);
+                existing.return = returnFiber;
 
-    return false;
-  }
+                {
+                  existing._debugOwner = element._owner;
+                }
 
-  return true;
-}
+                return existing;
+              }
+            } else {
+              if (
+                child.elementType === elementType || // Keep this check inline so it only runs on the false path:
+                isCompatibleFamilyForHotReloading(child, element) || // Lazy types should reconcile their resolved type.
+                // We need to do this after the Hot Reloading check above,
+                // because hot reloading has different semantics than prod because
+                // it doesn't resuspend. So we can't let the call below suspend.
+                (typeof elementType === "object" &&
+                  elementType !== null &&
+                  elementType.$$typeof === REACT_LAZY_TYPE &&
+                  resolveLazy(elementType) === child.type)
+              ) {
+                deleteRemainingChildren(returnFiber, child.sibling);
+
+                var _existing = useFiber(child, element.props);
+
+                _existing.ref = coerceRef(returnFiber, child, element);
+                _existing.return = returnFiber;
 
-function renderWithHooks(
-  current,
-  workInProgress,
-  Component,
-  props,
-  secondArg,
-  nextRenderLanes
-) {
-  renderLanes = nextRenderLanes;
-  currentlyRenderingFiber$1 = workInProgress;
-
-  {
-    hookTypesDev = current !== null ? current._debugHookTypes : null;
-    hookTypesUpdateIndexDev = -1; // Used for hot reloading:
-
-    ignorePreviousDependencies =
-      current !== null && current.type !== workInProgress.type;
-  }
-
-  workInProgress.memoizedState = null;
-  workInProgress.updateQueue = null;
-  workInProgress.lanes = NoLanes; // The following should have already been reset
-  // currentHook = null;
-  // workInProgressHook = null;
-  // didScheduleRenderPhaseUpdate = false;
-  // localIdCounter = 0;
-  // TODO Warn if no hooks are used at all during mount, then some are used during update.
-  // Currently we will identify the update render as a mount because memoizedState === null.
-  // This is tricky because it's valid for certain types of components (e.g. React.lazy)
-  // Using memoizedState to differentiate between mount/update only works if at least one stateful hook is used.
-  // Non-stateful hooks (e.g. context) don't get added to memoizedState,
-  // so memoizedState would be null during updates and mounts.
-
-  {
-    if (current !== null && current.memoizedState !== null) {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
-    } else if (hookTypesDev !== null) {
-      // This dispatcher handles an edge case where a component is updating,
-      // but no stateful hooks have been used.
-      // We want to match the production code behavior (which will use HooksDispatcherOnMount),
-      // but with the extra DEV validation to ensure hooks ordering hasn't changed.
-      // This dispatcher does that.
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountWithHookTypesInDEV;
-    } else {
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
-    }
-  }
-
-  var children = Component(props, secondArg); // Check if there was a render phase update
-
-  if (didScheduleRenderPhaseUpdateDuringThisPass) {
-    // Keep rendering in a loop for as long as render phase updates continue to
-    // be scheduled. Use a counter to prevent infinite loops.
-    var numberOfReRenders = 0;
-
-    do {
-      didScheduleRenderPhaseUpdateDuringThisPass = false;
+                {
+                  _existing._debugOwner = element._owner;
+                }
 
-      if (numberOfReRenders >= RE_RENDER_LIMIT) {
-        throw new Error(
-          "Too many re-renders. React limits the number of renders to prevent " +
-            "an infinite loop."
-        );
-      }
+                return _existing;
+              }
+            } // Didn't match.
 
-      numberOfReRenders += 1;
+            deleteRemainingChildren(returnFiber, child);
+            break;
+          } else {
+            deleteChild(returnFiber, child);
+          }
 
-      {
-        // Even when hot reloading, allow dependencies to stabilize
-        // after first render to prevent infinite render phase updates.
-        ignorePreviousDependencies = false;
-      } // Start over from the beginning of the list
+          child = child.sibling;
+        }
 
-      currentHook = null;
-      workInProgressHook = null;
-      workInProgress.updateQueue = null;
+        if (element.type === REACT_FRAGMENT_TYPE) {
+          var created = createFiberFromFragment(
+            element.props.children,
+            returnFiber.mode,
+            lanes,
+            element.key
+          );
+          created.return = returnFiber;
+          return created;
+        } else {
+          var _created4 = createFiberFromElement(
+            element,
+            returnFiber.mode,
+            lanes
+          );
 
-      {
-        // Also validate hook order for cascading updates.
-        hookTypesUpdateIndexDev = -1;
+          _created4.ref = coerceRef(returnFiber, currentFirstChild, element);
+          _created4.return = returnFiber;
+          return _created4;
+        }
       }
 
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
-      children = Component(props, secondArg);
-    } while (didScheduleRenderPhaseUpdateDuringThisPass);
-  } // We can assume the previous dispatcher is always this one, since we set it
-  // at the beginning of the render phase and there's no re-entrance.
-
-  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-
-  {
-    workInProgress._debugHookTypes = hookTypesDev;
-  } // This check uses currentHook so that it works the same in DEV and prod bundles.
-  // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
-
-  var didRenderTooFewHooks = currentHook !== null && currentHook.next !== null;
-  renderLanes = NoLanes;
-  currentlyRenderingFiber$1 = null;
-  currentHook = null;
-  workInProgressHook = null;
+      function reconcileSinglePortal(
+        returnFiber,
+        currentFirstChild,
+        portal,
+        lanes
+      ) {
+        var key = portal.key;
+        var child = currentFirstChild;
 
-  {
-    currentHookNameInDev = null;
-    hookTypesDev = null;
-    hookTypesUpdateIndexDev = -1; // Confirm that a static flag was not added or removed since the last
-    // render. If this fires, it suggests that we incorrectly reset the static
-    // flags in some other part of the codebase. This has happened before, for
-    // example, in the SuspenseList implementation.
+        while (child !== null) {
+          // TODO: If key === null and child.key === null, then this only applies to
+          // the first item in the list.
+          if (child.key === key) {
+            if (
+              child.tag === HostPortal &&
+              child.stateNode.containerInfo === portal.containerInfo &&
+              child.stateNode.implementation === portal.implementation
+            ) {
+              deleteRemainingChildren(returnFiber, child.sibling);
+              var existing = useFiber(child, portal.children || []);
+              existing.return = returnFiber;
+              return existing;
+            } else {
+              deleteRemainingChildren(returnFiber, child);
+              break;
+            }
+          } else {
+            deleteChild(returnFiber, child);
+          }
 
-    if (
-      current !== null &&
-      (current.flags & StaticMask) !== (workInProgress.flags & StaticMask) && // Disable this warning in legacy mode, because legacy Suspense is weird
-      // and creates false positives. To make this work in legacy mode, we'd
-      // need to mark fibers that commit in an incomplete state, somehow. For
-      // now I'll disable the warning that most of the bugs that would trigger
-      // it are either exclusive to concurrent mode or exist in both.
-      (current.mode & ConcurrentMode) !== NoMode
-    ) {
-      error(
-        "Internal React error: Expected static flag was missing. Please " +
-          "notify the React team."
-      );
-    }
-  }
+          child = child.sibling;
+        }
 
-  didScheduleRenderPhaseUpdate = false; // This is reset by checkDidRenderIdHook
-  // localIdCounter = 0;
+        var created = createFiberFromPortal(portal, returnFiber.mode, lanes);
+        created.return = returnFiber;
+        return created;
+      } // This API will tag the children with the side-effect of the reconciliation
+      // itself. They will be added to the side-effect list as we pass through the
+      // children and the parent.
 
-  if (didRenderTooFewHooks) {
-    throw new Error(
-      "Rendered fewer hooks than expected. This may be caused by an accidental " +
-        "early return statement."
-    );
-  }
+      function reconcileChildFibersImpl(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        lanes
+      ) {
+        // This function is not recursive.
+        // If the top level item is an array, we treat it as a set of children,
+        // not as a fragment. Nested arrays on the other hand will be treated as
+        // fragment nodes. Recursion happens at the normal flow.
+        // Handle top level unkeyed fragments as if they were arrays.
+        // This leads to an ambiguity between <>{[...]}</> and <>...</>.
+        // We treat the ambiguous cases above the same.
+        // TODO: Let's use recursion like we do for Usable nodes?
+        var isUnkeyedTopLevelFragment =
+          typeof newChild === "object" &&
+          newChild !== null &&
+          newChild.type === REACT_FRAGMENT_TYPE &&
+          newChild.key === null;
+
+        if (isUnkeyedTopLevelFragment) {
+          newChild = newChild.props.children;
+        } // Handle object types
+
+        if (typeof newChild === "object" && newChild !== null) {
+          switch (newChild.$$typeof) {
+            case REACT_ELEMENT_TYPE:
+              return placeSingleChild(
+                reconcileSingleElement(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild,
+                  lanes
+                )
+              );
 
-  return children;
-}
-function bailoutHooks(current, workInProgress, lanes) {
-  workInProgress.updateQueue = current.updateQueue; // TODO: Don't need to reset the flags here, because they're reset in the
-  // complete phase (bubbleProperties).
+            case REACT_PORTAL_TYPE:
+              return placeSingleChild(
+                reconcileSinglePortal(
+                  returnFiber,
+                  currentFirstChild,
+                  newChild,
+                  lanes
+                )
+              );
 
-  {
-    workInProgress.flags &= ~(Passive | Update);
-  }
+            case REACT_LAZY_TYPE:
+              var payload = newChild._payload;
+              var init = newChild._init; // TODO: This function is supposed to be non-recursive.
+
+              return reconcileChildFibers(
+                returnFiber,
+                currentFirstChild,
+                init(payload),
+                lanes
+              );
+          }
 
-  current.lanes = removeLanes(current.lanes, lanes);
-}
-function resetHooksAfterThrow() {
-  // We can assume the previous dispatcher is always this one, since we set it
-  // at the beginning of the render phase and there's no re-entrance.
-  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-
-  if (didScheduleRenderPhaseUpdate) {
-    // There were render phase updates. These are only valid for this render
-    // phase, which we are now aborting. Remove the updates from the queues so
-    // they do not persist to the next render. Do not remove updates from hooks
-    // that weren't processed.
-    //
-    // Only reset the updates from the queue if it has a clone. If it does
-    // not have a clone, that means it wasn't processed, and the updates were
-    // scheduled before we entered the render phase.
-    var hook = currentlyRenderingFiber$1.memoizedState;
+          if (isArray(newChild)) {
+            return reconcileChildrenArray(
+              returnFiber,
+              currentFirstChild,
+              newChild,
+              lanes
+            );
+          }
 
-    while (hook !== null) {
-      var queue = hook.queue;
+          if (getIteratorFn(newChild)) {
+            return reconcileChildrenIterator(
+              returnFiber,
+              currentFirstChild,
+              newChild,
+              lanes
+            );
+          } // Usables are a valid React node type. When React encounters a Usable in
+          // a child position, it unwraps it using the same algorithm as `use`. For
+          // example, for promises, React will throw an exception to unwind the
+          // stack, then replay the component once the promise resolves.
+          //
+          // A difference from `use` is that React will keep unwrapping the value
+          // until it reaches a non-Usable type.
+          //
+          // e.g. Usable<Usable<Usable<T>>> should resolve to T
+          //
+          // The structure is a bit unfortunate. Ideally, we shouldn't need to
+          // replay the entire begin phase of the parent fiber in order to reconcile
+          // the children again. This would require a somewhat significant refactor,
+          // because reconcilation happens deep within the begin phase, and
+          // depending on the type of work, not always at the end. We should
+          // consider as an future improvement.
+
+          if (typeof newChild.then === "function") {
+            var thenable = newChild;
+            return reconcileChildFibersImpl(
+              returnFiber,
+              currentFirstChild,
+              unwrapThenable(thenable),
+              lanes
+            );
+          }
 
-      if (queue !== null) {
-        queue.pending = null;
-      }
+          if (newChild.$$typeof === REACT_CONTEXT_TYPE) {
+            var context = newChild;
+            return reconcileChildFibersImpl(
+              returnFiber,
+              currentFirstChild,
+              readContextDuringReconcilation(returnFiber, context, lanes),
+              lanes
+            );
+          }
 
-      hook = hook.next;
-    }
+          throwOnInvalidObjectType(returnFiber, newChild);
+        }
 
-    didScheduleRenderPhaseUpdate = false;
-  }
+        if (
+          (typeof newChild === "string" && newChild !== "") ||
+          typeof newChild === "number"
+        ) {
+          return placeSingleChild(
+            reconcileSingleTextNode(
+              returnFiber,
+              currentFirstChild,
+              "" + newChild,
+              lanes
+            )
+          );
+        }
 
-  renderLanes = NoLanes;
-  currentlyRenderingFiber$1 = null;
-  currentHook = null;
-  workInProgressHook = null;
+        {
+          if (typeof newChild === "function") {
+            warnOnFunctionType(returnFiber);
+          }
+        } // Remaining cases are all treated as empty.
 
-  {
-    hookTypesDev = null;
-    hookTypesUpdateIndexDev = -1;
-    currentHookNameInDev = null;
-    isUpdatingOpaqueValueInRenderPhase = false;
-  }
+        return deleteRemainingChildren(returnFiber, currentFirstChild);
+      }
 
-  didScheduleRenderPhaseUpdateDuringThisPass = false;
-}
+      function reconcileChildFibers(
+        returnFiber,
+        currentFirstChild,
+        newChild,
+        lanes
+      ) {
+        // This indirection only exists so we can reset `thenableState` at the end.
+        // It should get inlined by Closure.
+        thenableIndexCounter$1 = 0;
+        var firstChildFiber = reconcileChildFibersImpl(
+          returnFiber,
+          currentFirstChild,
+          newChild,
+          lanes
+        );
+        thenableState$1 = null; // Don't bother to reset `thenableIndexCounter` to 0 because it always gets
+        // set at the beginning.
 
-function mountWorkInProgressHook() {
-  var hook = {
-    memoizedState: null,
-    baseState: null,
-    baseQueue: null,
-    queue: null,
-    next: null
-  };
-
-  if (workInProgressHook === null) {
-    // This is the first hook in the list
-    currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook;
-  } else {
-    // Append to the end of the list
-    workInProgressHook = workInProgressHook.next = hook;
-  }
-
-  return workInProgressHook;
-}
+        return firstChildFiber;
+      }
 
-function updateWorkInProgressHook() {
-  // This function is used both for updates and for re-renders triggered by a
-  // render phase update. It assumes there is either a current hook we can
-  // clone, or a work-in-progress hook from a previous render pass that we can
-  // use as a base. When we reach the end of the base list, we must switch to
-  // the dispatcher used for mounts.
-  var nextCurrentHook;
-
-  if (currentHook === null) {
-    var current = currentlyRenderingFiber$1.alternate;
-
-    if (current !== null) {
-      nextCurrentHook = current.memoizedState;
-    } else {
-      nextCurrentHook = null;
-    }
-  } else {
-    nextCurrentHook = currentHook.next;
-  }
-
-  var nextWorkInProgressHook;
-
-  if (workInProgressHook === null) {
-    nextWorkInProgressHook = currentlyRenderingFiber$1.memoizedState;
-  } else {
-    nextWorkInProgressHook = workInProgressHook.next;
-  }
-
-  if (nextWorkInProgressHook !== null) {
-    // There's already a work-in-progress. Reuse it.
-    workInProgressHook = nextWorkInProgressHook;
-    nextWorkInProgressHook = workInProgressHook.next;
-    currentHook = nextCurrentHook;
-  } else {
-    // Clone from the current hook.
-    if (nextCurrentHook === null) {
-      throw new Error("Rendered more hooks than during the previous render.");
-    }
-
-    currentHook = nextCurrentHook;
-    var newHook = {
-      memoizedState: currentHook.memoizedState,
-      baseState: currentHook.baseState,
-      baseQueue: currentHook.baseQueue,
-      queue: currentHook.queue,
-      next: null
-    };
+      return reconcileChildFibers;
+    }
 
-    if (workInProgressHook === null) {
-      // This is the first hook in the list.
-      currentlyRenderingFiber$1.memoizedState = workInProgressHook = newHook;
-    } else {
-      // Append to the end of the list.
-      workInProgressHook = workInProgressHook.next = newHook;
+    var reconcileChildFibers = createChildReconciler(true);
+    var mountChildFibers = createChildReconciler(false);
+    function resetChildReconcilerOnUnwind() {
+      // On unwind, clear any pending thenables that were used.
+      thenableState$1 = null;
+      thenableIndexCounter$1 = 0;
     }
-  }
+    function cloneChildFibers(current, workInProgress) {
+      if (current !== null && workInProgress.child !== current.child) {
+        throw new Error("Resuming work not yet implemented.");
+      }
 
-  return workInProgressHook;
-}
+      if (workInProgress.child === null) {
+        return;
+      }
 
-function createFunctionComponentUpdateQueue() {
-  return {
-    lastEffect: null,
-    stores: null
-  };
-}
+      var currentChild = workInProgress.child;
+      var newChild = createWorkInProgress(
+        currentChild,
+        currentChild.pendingProps
+      );
+      workInProgress.child = newChild;
+      newChild.return = workInProgress;
+
+      while (currentChild.sibling !== null) {
+        currentChild = currentChild.sibling;
+        newChild = newChild.sibling = createWorkInProgress(
+          currentChild,
+          currentChild.pendingProps
+        );
+        newChild.return = workInProgress;
+      }
 
-function basicStateReducer(state, action) {
-  // $FlowFixMe: Flow doesn't like mixed types
-  return typeof action === "function" ? action(state) : action;
-}
+      newChild.sibling = null;
+    } // Reset a workInProgress child set to prepare it for a second pass.
 
-function mountReducer(reducer, initialArg, init) {
-  var hook = mountWorkInProgressHook();
-  var initialState;
-
-  if (init !== undefined) {
-    initialState = init(initialArg);
-  } else {
-    initialState = initialArg;
-  }
-
-  hook.memoizedState = hook.baseState = initialState;
-  var queue = {
-    pending: null,
-    interleaved: null,
-    lanes: NoLanes,
-    dispatch: null,
-    lastRenderedReducer: reducer,
-    lastRenderedState: initialState
-  };
-  hook.queue = queue;
-  var dispatch = (queue.dispatch = dispatchReducerAction.bind(
-    null,
-    currentlyRenderingFiber$1,
-    queue
-  ));
-  return [hook.memoizedState, dispatch];
-}
+    function resetChildFibers(workInProgress, lanes) {
+      var child = workInProgress.child;
 
-function updateReducer(reducer, initialArg, init) {
-  var hook = updateWorkInProgressHook();
-  var queue = hook.queue;
+      while (child !== null) {
+        resetWorkInProgress(child, lanes);
+        child = child.sibling;
+      }
+    }
 
-  if (queue === null) {
-    throw new Error(
-      "Should have a queue. This is likely a bug in React. Please file an issue."
-    );
-  }
+    // TODO: This isn't being used yet, but it's intended to replace the
+    // InvisibleParentContext that is currently managed by SuspenseContext.
 
-  queue.lastRenderedReducer = reducer;
-  var current = currentHook; // The last rebase update that is NOT part of the base state.
+    var currentTreeHiddenStackCursor = createCursor(null);
+    var prevEntangledRenderLanesCursor = createCursor(NoLanes);
+    function pushHiddenContext(fiber, context) {
+      var prevEntangledRenderLanes = getEntangledRenderLanes();
+      push(prevEntangledRenderLanesCursor, prevEntangledRenderLanes, fiber);
+      push(currentTreeHiddenStackCursor, context, fiber); // When rendering a subtree that's currently hidden, we must include all
+      // lanes that would have rendered if the hidden subtree hadn't been deferred.
+      // That is, in order to reveal content from hidden -> visible, we must commit
+      // all the updates that we skipped when we originally hid the tree.
 
-  var baseQueue = current.baseQueue; // The last pending update that hasn't been processed yet.
+      setEntangledRenderLanes(
+        mergeLanes(prevEntangledRenderLanes, context.baseLanes)
+      );
+    }
+    function reuseHiddenContextOnStack(fiber) {
+      // This subtree is not currently hidden, so we don't need to add any lanes
+      // to the render lanes. But we still need to push something to avoid a
+      // context mismatch. Reuse the existing context on the stack.
+      push(prevEntangledRenderLanesCursor, getEntangledRenderLanes(), fiber);
+      push(
+        currentTreeHiddenStackCursor,
+        currentTreeHiddenStackCursor.current,
+        fiber
+      );
+    }
+    function popHiddenContext(fiber) {
+      // Restore the previous render lanes from the stack
+      setEntangledRenderLanes(prevEntangledRenderLanesCursor.current);
+      pop(currentTreeHiddenStackCursor, fiber);
+      pop(prevEntangledRenderLanesCursor, fiber);
+    }
+    function isCurrentTreeHidden() {
+      return currentTreeHiddenStackCursor.current !== null;
+    }
 
-  var pendingQueue = queue.pending;
+    // suspends, i.e. it's the nearest `catch` block on the stack.
 
-  if (pendingQueue !== null) {
-    // We have new updates that haven't been processed yet.
-    // We'll add them to the base queue.
-    if (baseQueue !== null) {
-      // Merge the pending queue and the base queue.
-      var baseFirst = baseQueue.next;
-      var pendingFirst = pendingQueue.next;
-      baseQueue.next = pendingFirst;
-      pendingQueue.next = baseFirst;
-    }
+    var suspenseHandlerStackCursor = createCursor(null); // Represents the outermost boundary that is not visible in the current tree.
+    // Everything above this is the "shell". When this is null, it means we're
+    // rendering in the shell of the app. If it's non-null, it means we're rendering
+    // deeper than the shell, inside a new tree that wasn't already visible.
+    //
+    // The main way we use this concept is to determine whether showing a fallback
+    // would result in a desirable or undesirable loading state. Activing a fallback
+    // in the shell is considered an undersirable loading state, because it would
+    // mean hiding visible (albeit stale) content in the current tree — we prefer to
+    // show the stale content, rather than switch to a fallback. But showing a
+    // fallback in a new tree is fine, because there's no stale content to
+    // prefer instead.
+
+    var shellBoundary = null;
+    function getShellBoundary() {
+      return shellBoundary;
+    }
+    function pushPrimaryTreeSuspenseHandler(handler) {
+      // TODO: Pass as argument
+      var current = handler.alternate;
+      // propagated a single level. For example, when ForceSuspenseFallback is set,
+      // it should only force the nearest Suspense boundary into fallback mode.
+
+      pushSuspenseListContext(
+        handler,
+        setDefaultShallowSuspenseListContext(suspenseStackCursor.current)
+      ); // Experimental feature: Some Suspense boundaries are marked as having an
+      // to push a nested Suspense handler, because it will get replaced by the
+      // outer fallback, anyway. Consider this as a future optimization.
+
+      push(suspenseHandlerStackCursor, handler, handler);
+
+      if (shellBoundary === null) {
+        if (current === null || isCurrentTreeHidden()) {
+          // This boundary is not visible in the current UI.
+          shellBoundary = handler;
+        } else {
+          var prevState = current.memoizedState;
 
-    {
-      if (current.baseQueue !== baseQueue) {
-        // Internal invariant that should never happen, but feasibly could in
-        // the future if we implement resuming, or some form of that.
-        error(
-          "Internal error: Expected work-in-progress queue to be a clone. " +
-            "This is a bug in React."
-        );
+          if (prevState !== null) {
+            // This boundary is showing a fallback in the current UI.
+            shellBoundary = handler;
+          }
+        }
       }
     }
+    function pushFallbackTreeSuspenseHandler(fiber) {
+      // We're about to render the fallback. If something in the fallback suspends,
+      // it's akin to throwing inside of a `catch` block. This boundary should not
+      // capture. Reuse the existing handler on the stack.
+      reuseSuspenseHandlerOnStack(fiber);
+    }
+    function pushOffscreenSuspenseHandler(fiber) {
+      if (fiber.tag === OffscreenComponent) {
+        // A SuspenseList context is only pushed here to avoid a push/pop mismatch.
+        // Reuse the current value on the stack.
+        // TODO: We can avoid needing to push here by by forking popSuspenseHandler
+        // into separate functions for Suspense and Offscreen.
+        pushSuspenseListContext(fiber, suspenseStackCursor.current);
+        push(suspenseHandlerStackCursor, fiber, fiber);
 
-    current.baseQueue = baseQueue = pendingQueue;
-    queue.pending = null;
-  }
-
-  if (baseQueue !== null) {
-    // We have a queue to process.
-    var first = baseQueue.next;
-    var newState = current.baseState;
-    var newBaseState = null;
-    var newBaseQueueFirst = null;
-    var newBaseQueueLast = null;
-    var update = first;
+        if (shellBoundary !== null);
+        else {
+          var current = fiber.alternate;
 
-    do {
-      var updateLane = update.lane;
+          if (current !== null) {
+            var prevState = current.memoizedState;
 
-      if (!isSubsetOfLanes(renderLanes, updateLane)) {
-        // Priority is insufficient. Skip this update. If this is the first
-        // skipped update, the previous update/state is the new base
-        // update/state.
-        var clone = {
-          lane: updateLane,
-          action: update.action,
-          hasEagerState: update.hasEagerState,
-          eagerState: update.eagerState,
-          next: null
-        };
-
-        if (newBaseQueueLast === null) {
-          newBaseQueueFirst = newBaseQueueLast = clone;
-          newBaseState = newState;
-        } else {
-          newBaseQueueLast = newBaseQueueLast.next = clone;
-        } // Update the remaining priority in the queue.
-        // TODO: Don't need to accumulate this. Instead, we can remove
-        // renderLanes from the original lanes.
-
-        currentlyRenderingFiber$1.lanes = mergeLanes(
-          currentlyRenderingFiber$1.lanes,
-          updateLane
-        );
-        markSkippedUpdateLanes(updateLane);
+            if (prevState !== null) {
+              // This is the first boundary in the stack that's already showing
+              // a fallback. So everything outside is considered the shell.
+              shellBoundary = fiber;
+            }
+          }
+        }
       } else {
-        // This update does have sufficient priority.
-        if (newBaseQueueLast !== null) {
-          var _clone = {
-            // This update is going to be committed so we never want uncommit
-            // it. Using NoLane works because 0 is a subset of all bitmasks, so
-            // this will never be skipped by the check above.
-            lane: NoLane,
-            action: update.action,
-            hasEagerState: update.hasEagerState,
-            eagerState: update.eagerState,
-            next: null
-          };
-          newBaseQueueLast = newBaseQueueLast.next = _clone;
-        } // Process this update.
+        // This is a LegacyHidden component.
+        reuseSuspenseHandlerOnStack(fiber);
+      }
+    }
+    function reuseSuspenseHandlerOnStack(fiber) {
+      pushSuspenseListContext(fiber, suspenseStackCursor.current);
+      push(suspenseHandlerStackCursor, getSuspenseHandler(), fiber);
+    }
+    function getSuspenseHandler() {
+      return suspenseHandlerStackCursor.current;
+    }
+    function popSuspenseHandler(fiber) {
+      pop(suspenseHandlerStackCursor, fiber);
 
-        if (update.hasEagerState) {
-          // If this update is a state update (not a reducer) and was processed eagerly,
-          // we can use the eagerly computed state
-          newState = update.eagerState;
-        } else {
-          var action = update.action;
-          newState = reducer(newState, action);
-        }
+      if (shellBoundary === fiber) {
+        // Popping back into the shell.
+        shellBoundary = null;
       }
 
-      update = update.next;
-    } while (update !== null && update !== first);
+      popSuspenseListContext(fiber);
+    } // SuspenseList context
+    // TODO: Move to a separate module? We may change the SuspenseList
+    // implementation to hide/show in the commit phase, anyway.
 
-    if (newBaseQueueLast === null) {
-      newBaseState = newState;
-    } else {
-      newBaseQueueLast.next = newBaseQueueFirst;
-    } // Mark that the fiber performed work, but only if the new state is
-    // different from the current state.
+    var DefaultSuspenseContext = 0;
+    var SubtreeSuspenseContextMask = 1; // ForceSuspenseFallback can be used by SuspenseList to force newly added
+    // items into their fallback state during one of the render passes.
 
-    if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
+    var ForceSuspenseFallback = 2;
+    var suspenseStackCursor = createCursor(DefaultSuspenseContext);
+    function hasSuspenseListContext(parentContext, flag) {
+      return (parentContext & flag) !== 0;
+    }
+    function setDefaultShallowSuspenseListContext(parentContext) {
+      return parentContext & SubtreeSuspenseContextMask;
+    }
+    function setShallowSuspenseListContext(parentContext, shallowContext) {
+      return (parentContext & SubtreeSuspenseContextMask) | shallowContext;
+    }
+    function pushSuspenseListContext(fiber, newContext) {
+      push(suspenseStackCursor, newContext, fiber);
+    }
+    function popSuspenseListContext(fiber) {
+      pop(suspenseStackCursor, fiber);
     }
 
-    hook.memoizedState = newState;
-    hook.baseState = newBaseState;
-    hook.baseQueue = newBaseQueueLast;
-    queue.lastRenderedState = newState;
-  } // Interleaved updates are stored on a separate queue. We aren't going to
-  // process them during this render, but we do need to track which lanes
-  // are remaining.
+    // A non-null SuspenseState means that it is blocked for one reason or another.
+    // - A non-null dehydrated field means it's blocked pending hydration.
+    //   - A non-null dehydrated field can use isSuspenseInstancePending or
+    //     isSuspenseInstanceFallback to query the reason for being dehydrated.
+    // - A null dehydrated field means it's blocked by something suspending and
+    //   we're currently showing a fallback instead.
 
-  var lastInterleaved = queue.interleaved;
+    function findFirstSuspended(row) {
+      var node = row;
 
-  if (lastInterleaved !== null) {
-    var interleaved = lastInterleaved;
+      while (node !== null) {
+        if (node.tag === SuspenseComponent) {
+          var state = node.memoizedState;
 
-    do {
-      var interleavedLane = interleaved.lane;
-      currentlyRenderingFiber$1.lanes = mergeLanes(
-        currentlyRenderingFiber$1.lanes,
-        interleavedLane
-      );
-      markSkippedUpdateLanes(interleavedLane);
-      interleaved = interleaved.next;
-    } while (interleaved !== lastInterleaved);
-  } else if (baseQueue === null) {
-    // `queue.lanes` is used for entangling transitions. We can set it back to
-    // zero once the queue is empty.
-    queue.lanes = NoLanes;
-  }
-
-  var dispatch = queue.dispatch;
-  return [hook.memoizedState, dispatch];
-}
+          if (state !== null) {
+            var dehydrated = state.dehydrated;
 
-function rerenderReducer(reducer, initialArg, init) {
-  var hook = updateWorkInProgressHook();
-  var queue = hook.queue;
+            if (
+              dehydrated === null ||
+              isSuspenseInstancePending() ||
+              isSuspenseInstanceFallback()
+            ) {
+              return node;
+            }
+          }
+        } else if (
+          node.tag === SuspenseListComponent && // revealOrder undefined can't be trusted because it don't
+          // keep track of whether it suspended or not.
+          node.memoizedProps.revealOrder !== undefined
+        ) {
+          var didSuspend = (node.flags & DidCapture) !== NoFlags$1;
 
-  if (queue === null) {
-    throw new Error(
-      "Should have a queue. This is likely a bug in React. Please file an issue."
-    );
-  }
+          if (didSuspend) {
+            return node;
+          }
+        } else if (node.child !== null) {
+          node.child.return = node;
+          node = node.child;
+          continue;
+        }
 
-  queue.lastRenderedReducer = reducer; // This is a re-render. Apply the new render phase updates to the previous
-  // work-in-progress hook.
+        if (node === row) {
+          return null;
+        }
 
-  var dispatch = queue.dispatch;
-  var lastRenderPhaseUpdate = queue.pending;
-  var newState = hook.memoizedState;
+        while (node.sibling === null) {
+          if (node.return === null || node.return === row) {
+            return null;
+          }
 
-  if (lastRenderPhaseUpdate !== null) {
-    // The queue doesn't persist past this render pass.
-    queue.pending = null;
-    var firstRenderPhaseUpdate = lastRenderPhaseUpdate.next;
-    var update = firstRenderPhaseUpdate;
+          node = node.return;
+        }
 
-    do {
-      // Process this render phase update. We don't have to check the
-      // priority because it will always be the same as the current
-      // render's.
-      var action = update.action;
-      newState = reducer(newState, action);
-      update = update.next;
-    } while (update !== firstRenderPhaseUpdate); // Mark that the fiber performed work, but only if the new state is
-    // different from the current state.
+        node.sibling.return = node.return;
+        node = node.sibling;
+      }
 
-    if (!objectIs(newState, hook.memoizedState)) {
-      markWorkInProgressReceivedUpdate();
+      return null;
     }
 
-    hook.memoizedState = newState; // Don't persist the state accumulated from the render phase updates to
-    // the base state unless the queue is empty.
-    // TODO: Not sure if this is the desired semantics, but it's what we
-    // do for gDSFP. I can't remember why.
+    var NoFlags =
+      /*   */
+      0; // Represents whether effect should fire.
 
-    if (hook.baseQueue === null) {
-      hook.baseState = newState;
-    }
+    var HasEffect =
+      /* */
+      1; // Represents the phase in which the effect (not the clean-up) fires.
 
-    queue.lastRenderedState = newState;
-  }
+    var Insertion =
+      /* */
+      2;
+    var Layout =
+      /*    */
+      4;
+    var Passive =
+      /*   */
+      8;
 
-  return [newState, dispatch];
-}
+    var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig;
+    var didWarnAboutMismatchedHooksForComponent;
+    var didWarnUncachedGetSnapshot;
+    var didWarnAboutUseWrappedInTryCatch;
+    var didWarnAboutAsyncClientComponent;
 
-function mountMutableSource(source, getSnapshot, subscribe) {
-  {
-    return undefined;
-  }
-}
+    {
+      didWarnAboutMismatchedHooksForComponent = new Set();
+      didWarnAboutUseWrappedInTryCatch = new Set();
+      didWarnAboutAsyncClientComponent = new Set();
+    } // The effect "instance" is a shared object that remains the same for the entire
+    // lifetime of an effect. In Rust terms, a RefCell. We use it to store the
+    // "destroy" function that is returned from an effect, because that is stateful.
+    // The field is `undefined` if the effect is unmounted, or if the effect ran
+    // but is not stateful. We don't explicitly track whether the effect is mounted
+    // or unmounted because that can be inferred by the hiddenness of the fiber in
+    // the tree, i.e. whether there is a hidden Offscreen fiber above it.
+    //
+    // It's unfortunate that this is stored on a separate object, because it adds
+    // more memory per effect instance, but it's conceptually sound. I think there's
+    // likely a better data structure we could use for effects; perhaps just one
+    // array of effect instances per fiber. But I think this is OK for now despite
+    // the additional memory and we can follow up with performance
+    // optimizations later.
+    // These are set right before calling the component.
+
+    var renderLanes = NoLanes; // The work-in-progress fiber. I've named it differently to distinguish it from
+    // the work-in-progress hook.
+
+    var currentlyRenderingFiber$1 = null; // Hooks are stored as a linked list on the fiber's memoizedState field. The
+    // current hook list is the list that belongs to the current fiber. The
+    // work-in-progress hook list is a new list that will be added to the
+    // work-in-progress fiber.
+
+    var currentHook = null;
+    var workInProgressHook = null; // Whether an update was scheduled at any point during the render phase. This
+    // does not get reset if we do another render pass; only when we're completely
+    // finished evaluating this component. This is an optimization so we know
+    // whether we need to clear render phase updates after a throw.
+
+    var didScheduleRenderPhaseUpdate = false; // Where an update was scheduled only during the current render pass. This
+    // gets reset after each attempt.
+    // TODO: Maybe there's some way to consolidate this with
+    // `didScheduleRenderPhaseUpdate`. Or with `numberOfReRenders`.
+
+    var didScheduleRenderPhaseUpdateDuringThisPass = false;
+    var shouldDoubleInvokeUserFnsInHooksDEV = false; // Counts the number of useId hooks in this component.
+
+    var thenableIndexCounter = 0;
+    var thenableState = null; // Used for ids that are generated completely client-side (i.e. not during
+    // hydration). This counter is global, so client ids are not stable across
+    // render attempts.
+
+    var globalClientIdCounter = 0;
+    var RE_RENDER_LIMIT = 25; // In DEV, this is the name of the currently executing primitive hook
+
+    var currentHookNameInDev = null; // In DEV, this list ensures that hooks are called in the same order between renders.
+    // The list stores the order of hooks used during the initial render (mount).
+    // Subsequent renders (updates) reference this list.
+
+    var hookTypesDev = null;
+    var hookTypesUpdateIndexDev = -1; // In DEV, this tracks whether currently rendering component needs to ignore
+    // the dependencies for Hooks that need them (e.g. useEffect or useMemo).
+    // When true, such Hooks will always be "remounted". Only used during hot reload.
+
+    var ignorePreviousDependencies = false;
+
+    function mountHookTypesDev() {
+      {
+        var hookName = currentHookNameInDev;
 
-function updateMutableSource(source, getSnapshot, subscribe) {
-  {
-    return undefined;
-  }
-}
+        if (hookTypesDev === null) {
+          hookTypesDev = [hookName];
+        } else {
+          hookTypesDev.push(hookName);
+        }
+      }
+    }
 
-function mountSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  var fiber = currentlyRenderingFiber$1;
-  var hook = mountWorkInProgressHook();
-  var nextSnapshot;
+    function updateHookTypesDev() {
+      {
+        var hookName = currentHookNameInDev;
 
-  {
-    nextSnapshot = getSnapshot();
+        if (hookTypesDev !== null) {
+          hookTypesUpdateIndexDev++;
 
-    {
-      if (!didWarnUncachedGetSnapshot) {
-        var cachedSnapshot = getSnapshot();
+          if (hookTypesDev[hookTypesUpdateIndexDev] !== hookName) {
+            warnOnHookMismatchInDev(hookName);
+          }
+        }
+      }
+    }
 
-        if (!objectIs(nextSnapshot, cachedSnapshot)) {
+    function checkDepsAreArrayDev(deps) {
+      {
+        if (deps !== undefined && deps !== null && !isArray(deps)) {
+          // Verify deps, but only on mount to avoid extra checks.
+          // It's unlikely their type would change as usually you define them inline.
           error(
-            "The result of getSnapshot should be cached to avoid an infinite loop"
+            "%s received a final argument that is not an array (instead, received `%s`). When " +
+              "specified, the final argument must be an array.",
+            currentHookNameInDev,
+            typeof deps
           );
-
-          didWarnUncachedGetSnapshot = true;
         }
       }
-    } // Unless we're rendering a blocking lane, schedule a consistency check.
-    // Right before committing, we will walk the tree and check if any of the
-    // stores were mutated.
-    //
-    // We won't do this if we're hydrating server-rendered content, because if
-    // the content is stale, it's already visible anyway. Instead we'll patch
-    // it up in a passive effect.
-
-    var root = getWorkInProgressRoot();
-
-    if (root === null) {
-      throw new Error(
-        "Expected a work-in-progress root. This is a bug in React. Please file an issue."
-      );
     }
 
-    if (!includesBlockingLane(root, renderLanes)) {
-      pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
-    }
-  } // Read the current snapshot from the store on every render. This breaks the
-  // normal rules of React, and only works because store updates are
-  // always synchronous.
-
-  hook.memoizedState = nextSnapshot;
-  var inst = {
-    value: nextSnapshot,
-    getSnapshot: getSnapshot
-  };
-  hook.queue = inst; // Schedule an effect to subscribe to the store.
-
-  mountEffect(subscribeToStore.bind(null, fiber, inst, subscribe), [subscribe]); // Schedule an effect to update the mutable instance fields. We will update
-  // this whenever subscribe, getSnapshot, or value changes. Because there's no
-  // clean-up function, and we track the deps correctly, we can call pushEffect
-  // directly, without storing any additional state. For the same reason, we
-  // don't need to set a static flag, either.
-  // TODO: We can move this to the passive phase once we add a pre-commit
-  // consistency check. See the next comment.
-
-  fiber.flags |= Passive;
-  pushEffect(
-    HasEffect | Passive$1,
-    updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
-    undefined,
-    null
-  );
-  return nextSnapshot;
-}
-
-function updateSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
-  var fiber = currentlyRenderingFiber$1;
-  var hook = updateWorkInProgressHook(); // Read the current snapshot from the store on every render. This breaks the
-  // normal rules of React, and only works because store updates are
-  // always synchronous.
-
-  var nextSnapshot = getSnapshot();
-
-  {
-    if (!didWarnUncachedGetSnapshot) {
-      var cachedSnapshot = getSnapshot();
-
-      if (!objectIs(nextSnapshot, cachedSnapshot)) {
-        error(
-          "The result of getSnapshot should be cached to avoid an infinite loop"
+    function warnOnHookMismatchInDev(currentHookName) {
+      {
+        var componentName = getComponentNameFromFiber(
+          currentlyRenderingFiber$1
         );
 
-        didWarnUncachedGetSnapshot = true;
-      }
-    }
-  }
-
-  var prevSnapshot = hook.memoizedState;
-  var snapshotChanged = !objectIs(prevSnapshot, nextSnapshot);
-
-  if (snapshotChanged) {
-    hook.memoizedState = nextSnapshot;
-    markWorkInProgressReceivedUpdate();
-  }
-
-  var inst = hook.queue;
-  updateEffect(subscribeToStore.bind(null, fiber, inst, subscribe), [
-    subscribe
-  ]); // Whenever getSnapshot or subscribe changes, we need to check in the
-  // commit phase if there was an interleaved mutation. In concurrent mode
-  // this can happen all the time, but even in synchronous mode, an earlier
-  // effect may have mutated the store.
-
-  if (
-    inst.getSnapshot !== getSnapshot ||
-    snapshotChanged || // Check if the susbcribe function changed. We can save some memory by
-    // checking whether we scheduled a subscription effect above.
-    (workInProgressHook !== null &&
-      workInProgressHook.memoizedState.tag & HasEffect)
-  ) {
-    fiber.flags |= Passive;
-    pushEffect(
-      HasEffect | Passive$1,
-      updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
-      undefined,
-      null
-    ); // Unless we're rendering a blocking lane, schedule a consistency check.
-    // Right before committing, we will walk the tree and check if any of the
-    // stores were mutated.
-
-    var root = getWorkInProgressRoot();
-
-    if (root === null) {
-      throw new Error(
-        "Expected a work-in-progress root. This is a bug in React. Please file an issue."
-      );
-    }
+        if (!didWarnAboutMismatchedHooksForComponent.has(componentName)) {
+          didWarnAboutMismatchedHooksForComponent.add(componentName);
 
-    if (!includesBlockingLane(root, renderLanes)) {
-      pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
-    }
-  }
+          if (hookTypesDev !== null) {
+            var table = "";
+            var secondColumnStart = 30;
 
-  return nextSnapshot;
-}
+            for (var i = 0; i <= hookTypesUpdateIndexDev; i++) {
+              var oldHookName = hookTypesDev[i];
+              var newHookName =
+                i === hookTypesUpdateIndexDev ? currentHookName : oldHookName;
+              var row = i + 1 + ". " + oldHookName; // Extra space so second column lines up
+              // lol @ IE not supporting String#repeat
 
-function pushStoreConsistencyCheck(fiber, getSnapshot, renderedSnapshot) {
-  fiber.flags |= StoreConsistency;
-  var check = {
-    getSnapshot: getSnapshot,
-    value: renderedSnapshot
-  };
-  var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
-
-  if (componentUpdateQueue === null) {
-    componentUpdateQueue = createFunctionComponentUpdateQueue();
-    currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
-    componentUpdateQueue.stores = [check];
-  } else {
-    var stores = componentUpdateQueue.stores;
-
-    if (stores === null) {
-      componentUpdateQueue.stores = [check];
-    } else {
-      stores.push(check);
-    }
-  }
-}
+              while (row.length < secondColumnStart) {
+                row += " ";
+              }
 
-function updateStoreInstance(fiber, inst, nextSnapshot, getSnapshot) {
-  // These are updated in the passive phase
-  inst.value = nextSnapshot;
-  inst.getSnapshot = getSnapshot; // Something may have been mutated in between render and commit. This could
-  // have been in an event that fired before the passive effects, or it could
-  // have been in a layout effect. In that case, we would have used the old
-  // snapsho and getSnapshot values to bail out. We need to check one more time.
-
-  if (checkIfSnapshotChanged(inst)) {
-    // Force a re-render.
-    forceStoreRerender(fiber);
-  }
-}
+              row += newHookName + "\n";
+              table += row;
+            }
 
-function subscribeToStore(fiber, inst, subscribe) {
-  var handleStoreChange = function() {
-    // The store changed. Check if the snapshot changed since the last time we
-    // read from the store.
-    if (checkIfSnapshotChanged(inst)) {
-      // Force a re-render.
-      forceStoreRerender(fiber);
+            error(
+              "React has detected a change in the order of Hooks called by %s. " +
+                "This will lead to bugs and errors if not fixed. " +
+                "For more information, read the Rules of Hooks: https://reactjs.org/link/rules-of-hooks\n\n" +
+                "   Previous render            Next render\n" +
+                "   ------------------------------------------------------\n" +
+                "%s" +
+                "   ^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^\n",
+              componentName,
+              table
+            );
+          }
+        }
+      }
     }
-  }; // Subscribe to the store and return a clean-up function.
 
-  return subscribe(handleStoreChange);
-}
-
-function checkIfSnapshotChanged(inst) {
-  var latestGetSnapshot = inst.getSnapshot;
-  var prevValue = inst.value;
+    function warnIfAsyncClientComponent(Component) {
+      {
+        // This dev-only check only works for detecting native async functions,
+        // not transpiled ones. There's also a prod check that we use to prevent
+        // async client components from crashing the app; the prod one works even
+        // for transpiled async functions. Neither mechanism is completely
+        // bulletproof but together they cover the most common cases.
+        var isAsyncFunction = // $FlowIgnore[method-unbinding]
+          Object.prototype.toString.call(Component) ===
+          "[object AsyncFunction]";
+
+        if (isAsyncFunction) {
+          // Encountered an async Client Component. This is not yet supported.
+          var componentName = getComponentNameFromFiber(
+            currentlyRenderingFiber$1
+          );
 
-  try {
-    var nextValue = latestGetSnapshot();
-    return !objectIs(prevValue, nextValue);
-  } catch (error) {
-    return true;
-  }
-}
+          if (!didWarnAboutAsyncClientComponent.has(componentName)) {
+            didWarnAboutAsyncClientComponent.add(componentName);
 
-function forceStoreRerender(fiber) {
-  var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+            error(
+              "async/await is not yet supported in Client Components, only " +
+                "Server Components. This error is often caused by accidentally " +
+                "adding `'use client'` to a module that was originally written " +
+                "for the server."
+            );
+          }
+        }
+      }
+    }
 
-  if (root !== null) {
-    scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-  }
-}
+    function throwInvalidHookError() {
+      throw new Error(
+        "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for" +
+          " one of the following reasons:\n" +
+          "1. You might have mismatching versions of React and the renderer (such as React DOM)\n" +
+          "2. You might be breaking the Rules of Hooks\n" +
+          "3. You might have more than one copy of React in the same app\n" +
+          "See https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem."
+      );
+    }
 
-function mountState(initialState) {
-  var hook = mountWorkInProgressHook();
-
-  if (typeof initialState === "function") {
-    // $FlowFixMe: Flow doesn't like mixed types
-    initialState = initialState();
-  }
-
-  hook.memoizedState = hook.baseState = initialState;
-  var queue = {
-    pending: null,
-    interleaved: null,
-    lanes: NoLanes,
-    dispatch: null,
-    lastRenderedReducer: basicStateReducer,
-    lastRenderedState: initialState
-  };
-  hook.queue = queue;
-  var dispatch = (queue.dispatch = dispatchSetState.bind(
-    null,
-    currentlyRenderingFiber$1,
-    queue
-  ));
-  return [hook.memoizedState, dispatch];
-}
+    function areHookInputsEqual(nextDeps, prevDeps) {
+      {
+        if (ignorePreviousDependencies) {
+          // Only true when this component is being hot reloaded.
+          return false;
+        }
+      }
 
-function updateState(initialState) {
-  return updateReducer(basicStateReducer);
-}
+      if (prevDeps === null) {
+        {
+          error(
+            "%s received a final argument during this render, but not during " +
+              "the previous render. Even though the final argument is optional, " +
+              "its type cannot change between renders.",
+            currentHookNameInDev
+          );
+        }
 
-function rerenderState(initialState) {
-  return rerenderReducer(basicStateReducer);
-}
+        return false;
+      }
 
-function pushEffect(tag, create, destroy, deps) {
-  var effect = {
-    tag: tag,
-    create: create,
-    destroy: destroy,
-    deps: deps,
-    // Circular
-    next: null
-  };
-  var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
-
-  if (componentUpdateQueue === null) {
-    componentUpdateQueue = createFunctionComponentUpdateQueue();
-    currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
-    componentUpdateQueue.lastEffect = effect.next = effect;
-  } else {
-    var lastEffect = componentUpdateQueue.lastEffect;
-
-    if (lastEffect === null) {
-      componentUpdateQueue.lastEffect = effect.next = effect;
-    } else {
-      var firstEffect = lastEffect.next;
-      lastEffect.next = effect;
-      effect.next = firstEffect;
-      componentUpdateQueue.lastEffect = effect;
-    }
-  }
-
-  return effect;
-}
+      {
+        // Don't bother comparing lengths in prod because these arrays should be
+        // passed inline.
+        if (nextDeps.length !== prevDeps.length) {
+          error(
+            "The final argument passed to %s changed size between renders. The " +
+              "order and size of this array must remain constant.\n\n" +
+              "Previous: %s\n" +
+              "Incoming: %s",
+            currentHookNameInDev,
+            "[" + prevDeps.join(", ") + "]",
+            "[" + nextDeps.join(", ") + "]"
+          );
+        }
+      } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-function mountRef(initialValue) {
-  var hook = mountWorkInProgressHook();
+      for (var i = 0; i < prevDeps.length && i < nextDeps.length; i++) {
+        // $FlowFixMe[incompatible-use] found when upgrading Flow
+        if (objectIs(nextDeps[i], prevDeps[i])) {
+          continue;
+        }
 
-  {
-    var _ref2 = {
-      current: initialValue
-    };
-    hook.memoizedState = _ref2;
-    return _ref2;
-  }
-}
+        return false;
+      }
 
-function updateRef(initialValue) {
-  var hook = updateWorkInProgressHook();
-  return hook.memoizedState;
-}
+      return true;
+    }
 
-function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
-  var hook = mountWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  currentlyRenderingFiber$1.flags |= fiberFlags;
-  hook.memoizedState = pushEffect(
-    HasEffect | hookFlags,
-    create,
-    undefined,
-    nextDeps
-  );
-}
+    function renderWithHooks(
+      current,
+      workInProgress,
+      Component,
+      props,
+      secondArg,
+      nextRenderLanes
+    ) {
+      renderLanes = nextRenderLanes;
+      currentlyRenderingFiber$1 = workInProgress;
 
-function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
-  var hook = updateWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  var destroy = undefined;
+      {
+        hookTypesDev = current !== null ? current._debugHookTypes : null;
+        hookTypesUpdateIndexDev = -1; // Used for hot reloading:
 
-  if (currentHook !== null) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
+        ignorePreviousDependencies =
+          current !== null && current.type !== workInProgress.type;
+        warnIfAsyncClientComponent(Component);
+      }
 
-    if (nextDeps !== null) {
-      var prevDeps = prevEffect.deps;
+      workInProgress.memoizedState = null;
+      workInProgress.updateQueue = null;
+      workInProgress.lanes = NoLanes; // The following should have already been reset
+      // currentHook = null;
+      // workInProgressHook = null;
+      // didScheduleRenderPhaseUpdate = false;
+      // localIdCounter = 0;
+      // thenableIndexCounter = 0;
+      // thenableState = null;
+      // TODO Warn if no hooks are used at all during mount, then some are used during update.
+      // Currently we will identify the update render as a mount because memoizedState === null.
+      // This is tricky because it's valid for certain types of components (e.g. React.lazy)
+      // Using memoizedState to differentiate between mount/update only works if at least one stateful hook is used.
+      // Non-stateful hooks (e.g. context) don't get added to memoizedState,
+      // so memoizedState would be null during updates and mounts.
 
-      if (areHookInputsEqual(nextDeps, prevDeps)) {
-        hook.memoizedState = pushEffect(hookFlags, create, destroy, nextDeps);
-        return;
+      {
+        if (current !== null && current.memoizedState !== null) {
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnUpdateInDEV;
+        } else if (hookTypesDev !== null) {
+          // This dispatcher handles an edge case where a component is updating,
+          // but no stateful hooks have been used.
+          // We want to match the production code behavior (which will use HooksDispatcherOnMount),
+          // but with the extra DEV validation to ensure hooks ordering hasn't changed.
+          // This dispatcher does that.
+          ReactCurrentDispatcher$1.current =
+            HooksDispatcherOnMountWithHookTypesInDEV;
+        } else {
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
+        }
+      } // In Strict Mode, during development, user functions are double invoked to
+      // help detect side effects. The logic for how this is implemented for in
+      // hook components is a bit complex so let's break it down.
+      //
+      // We will invoke the entire component function twice. However, during the
+      // second invocation of the component, the hook state from the first
+      // invocation will be reused. That means things like `useMemo` functions won't
+      // run again, because the deps will match and the memoized result will
+      // be reused.
+      //
+      // We want memoized functions to run twice, too, so account for this, user
+      // functions are double invoked during the *first* invocation of the component
+      // function, and are *not* double invoked during the second incovation:
+      //
+      // - First execution of component function: user functions are double invoked
+      // - Second execution of component function (in Strict Mode, during
+      //   development): user functions are not double invoked.
+      //
+      // This is intentional for a few reasons; most importantly, it's because of
+      // how `use` works when something suspends: it reuses the promise that was
+      // passed during the first attempt. This is itself a form of memoization.
+      // We need to be able to memoize the reactive inputs to the `use` call using
+      // a hook (i.e. `useMemo`), which means, the reactive inputs to `use` must
+      // come from the same component invocation as the output.
+      //
+      // There are plenty of tests to ensure this behavior is correct.
+
+      var shouldDoubleRenderDEV =
+        (workInProgress.mode & StrictLegacyMode) !== NoMode;
+      shouldDoubleInvokeUserFnsInHooksDEV = shouldDoubleRenderDEV;
+      var children = Component(props, secondArg);
+      shouldDoubleInvokeUserFnsInHooksDEV = false; // Check if there was a render phase update
+
+      if (didScheduleRenderPhaseUpdateDuringThisPass) {
+        // Keep rendering until the component stabilizes (there are no more render
+        // phase updates).
+        children = renderWithHooksAgain(
+          workInProgress,
+          Component,
+          props,
+          secondArg
+        );
       }
-    }
-  }
 
-  currentlyRenderingFiber$1.flags |= fiberFlags;
-  hook.memoizedState = pushEffect(
-    HasEffect | hookFlags,
-    create,
-    destroy,
-    nextDeps
-  );
-}
-
-function mountEffect(create, deps) {
-  {
-    return mountEffectImpl(Passive | PassiveStatic, Passive$1, create, deps);
-  }
-}
+      if (shouldDoubleRenderDEV) {
+        // In development, components are invoked twice to help detect side effects.
+        setIsStrictModeForDevtools(true);
 
-function updateEffect(create, deps) {
-  return updateEffectImpl(Passive, Passive$1, create, deps);
-}
+        try {
+          children = renderWithHooksAgain(
+            workInProgress,
+            Component,
+            props,
+            secondArg
+          );
+        } finally {
+          setIsStrictModeForDevtools(false);
+        }
+      }
 
-function mountInsertionEffect(create, deps) {
-  return mountEffectImpl(Update, Insertion, create, deps);
-}
+      finishRenderingHooks(current, workInProgress);
+      return children;
+    }
 
-function updateInsertionEffect(create, deps) {
-  return updateEffectImpl(Update, Insertion, create, deps);
-}
+    function finishRenderingHooks(current, workInProgress, Component) {
+      {
+        workInProgress._debugHookTypes = hookTypesDev;
+      } // We can assume the previous dispatcher is always this one, since we set it
+      // at the beginning of the render phase and there's no re-entrance.
 
-function mountLayoutEffect(create, deps) {
-  var fiberFlags = Update;
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher; // This check uses currentHook so that it works the same in DEV and prod bundles.
+      // hookTypesDev could catch more cases (e.g. context) but only in DEV bundles.
 
-  return mountEffectImpl(fiberFlags, Layout, create, deps);
-}
+      var didRenderTooFewHooks =
+        currentHook !== null && currentHook.next !== null;
+      renderLanes = NoLanes;
+      currentlyRenderingFiber$1 = null;
+      currentHook = null;
+      workInProgressHook = null;
 
-function updateLayoutEffect(create, deps) {
-  return updateEffectImpl(Update, Layout, create, deps);
-}
+      {
+        currentHookNameInDev = null;
+        hookTypesDev = null;
+        hookTypesUpdateIndexDev = -1; // Confirm that a static flag was not added or removed since the last
+        // render. If this fires, it suggests that we incorrectly reset the static
+        // flags in some other part of the codebase. This has happened before, for
+        // example, in the SuspenseList implementation.
 
-function imperativeHandleEffect(create, ref) {
-  if (typeof ref === "function") {
-    var refCallback = ref;
+        if (
+          current !== null &&
+          (current.flags & StaticMask) !==
+            (workInProgress.flags & StaticMask) && // Disable this warning in legacy mode, because legacy Suspense is weird
+          // and creates false positives. To make this work in legacy mode, we'd
+          // need to mark fibers that commit in an incomplete state, somehow. For
+          // now I'll disable the warning that most of the bugs that would trigger
+          // it are either exclusive to concurrent mode or exist in both.
+          (current.mode & ConcurrentMode) !== NoMode
+        ) {
+          error(
+            "Internal React error: Expected static flag was missing. Please " +
+              "notify the React team."
+          );
+        }
+      }
 
-    var _inst = create();
+      didScheduleRenderPhaseUpdate = false; // This is reset by checkDidRenderIdHook
+      // localIdCounter = 0;
 
-    refCallback(_inst);
-    return function() {
-      refCallback(null);
-    };
-  } else if (ref !== null && ref !== undefined) {
-    var refObject = ref;
+      thenableIndexCounter = 0;
+      thenableState = null;
 
-    {
-      if (!refObject.hasOwnProperty("current")) {
-        error(
-          "Expected useImperativeHandle() first argument to either be a " +
-            "ref callback or React.createRef() object. Instead received: %s.",
-          "an object with keys {" + Object.keys(refObject).join(", ") + "}"
+      if (didRenderTooFewHooks) {
+        throw new Error(
+          "Rendered fewer hooks than expected. This may be caused by an accidental " +
+            "early return statement."
         );
       }
-    }
 
-    var _inst2 = create();
+      {
+        if (checkIfUseWrappedInTryCatch()) {
+          var componentName =
+            getComponentNameFromFiber(workInProgress) || "Unknown";
 
-    refObject.current = _inst2;
-    return function() {
-      refObject.current = null;
-    };
-  }
-}
+          if (
+            !didWarnAboutUseWrappedInTryCatch.has(componentName) && // This warning also fires if you suspend with `use` inside an
+            // async component. Since we warn for that above, we'll silence this
+            // second warning by checking here.
+            !didWarnAboutAsyncClientComponent.has(componentName)
+          ) {
+            didWarnAboutUseWrappedInTryCatch.add(componentName);
 
-function mountImperativeHandle(ref, create, deps) {
-  {
-    if (typeof create !== "function") {
-      error(
-        "Expected useImperativeHandle() second argument to be a function " +
-          "that creates a handle. Instead received: %s.",
-        create !== null ? typeof create : "null"
-      );
+            error(
+              "`use` was called from inside a try/catch block. This is not allowed " +
+                "and can lead to unexpected behavior. To handle errors triggered " +
+                "by `use`, wrap your component in a error boundary."
+            );
+          }
+        }
+      }
     }
-  } // TODO: If deps are provided, should we skip comparing the ref itself?
 
-  var effectDeps =
-    deps !== null && deps !== undefined ? deps.concat([ref]) : null;
-  var fiberFlags = Update;
+    function replaySuspendedComponentWithHooks(
+      current,
+      workInProgress,
+      Component,
+      props,
+      secondArg
+    ) {
+      // This function is used to replay a component that previously suspended,
+      // after its data resolves.
+      //
+      // It's a simplified version of renderWithHooks, but it doesn't need to do
+      // most of the set up work because they weren't reset when we suspended; they
+      // only get reset when the component either completes (finishRenderingHooks)
+      // or unwinds (resetHooksOnUnwind).
+      {
+        hookTypesUpdateIndexDev = -1; // Used for hot reloading:
 
-  return mountEffectImpl(
-    fiberFlags,
-    Layout,
-    imperativeHandleEffect.bind(null, create, ref),
-    effectDeps
-  );
-}
+        ignorePreviousDependencies =
+          current !== null && current.type !== workInProgress.type;
+      }
 
-function updateImperativeHandle(ref, create, deps) {
-  {
-    if (typeof create !== "function") {
-      error(
-        "Expected useImperativeHandle() second argument to be a function " +
-          "that creates a handle. Instead received: %s.",
-        create !== null ? typeof create : "null"
+      var children = renderWithHooksAgain(
+        workInProgress,
+        Component,
+        props,
+        secondArg
       );
+      finishRenderingHooks(current, workInProgress);
+      return children;
     }
-  } // TODO: If deps are provided, should we skip comparing the ref itself?
 
-  var effectDeps =
-    deps !== null && deps !== undefined ? deps.concat([ref]) : null;
-  return updateEffectImpl(
-    Update,
-    Layout,
-    imperativeHandleEffect.bind(null, create, ref),
-    effectDeps
-  );
-}
-
-function mountDebugValue(value, formatterFn) {
-  // This hook is normally a no-op.
-  // The react-debug-hooks package injects its own implementation
-  // so that e.g. DevTools can display custom hook values.
-}
+    function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
+      // This is used to perform another render pass. It's used when setState is
+      // called during render, and for double invoking components in Strict Mode
+      // during development.
+      //
+      // The state from the previous pass is reused whenever possible. So, state
+      // updates that were already processed are not processed again, and memoized
+      // functions (`useMemo`) are not invoked again.
+      //
+      // Keep rendering in a loop for as long as render phase updates continue to
+      // be scheduled. Use a counter to prevent infinite loops.
+      currentlyRenderingFiber$1 = workInProgress;
+      var numberOfReRenders = 0;
+      var children;
 
-var updateDebugValue = mountDebugValue;
+      do {
+        if (didScheduleRenderPhaseUpdateDuringThisPass) {
+          // It's possible that a use() value depended on a state that was updated in
+          // this rerender, so we need to watch for different thenables this time.
+          thenableState = null;
+        }
 
-function mountCallback(callback, deps) {
-  var hook = mountWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  hook.memoizedState = [callback, nextDeps];
-  return callback;
-}
+        thenableIndexCounter = 0;
+        didScheduleRenderPhaseUpdateDuringThisPass = false;
 
-function updateCallback(callback, deps) {
-  var hook = updateWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  var prevState = hook.memoizedState;
+        if (numberOfReRenders >= RE_RENDER_LIMIT) {
+          throw new Error(
+            "Too many re-renders. React limits the number of renders to prevent " +
+              "an infinite loop."
+          );
+        }
 
-  if (prevState !== null) {
-    if (nextDeps !== null) {
-      var prevDeps = prevState[1];
+        numberOfReRenders += 1;
 
-      if (areHookInputsEqual(nextDeps, prevDeps)) {
-        return prevState[0];
-      }
-    }
-  }
+        {
+          // Even when hot reloading, allow dependencies to stabilize
+          // after first render to prevent infinite render phase updates.
+          ignorePreviousDependencies = false;
+        } // Start over from the beginning of the list
 
-  hook.memoizedState = [callback, nextDeps];
-  return callback;
-}
+        currentHook = null;
+        workInProgressHook = null;
+        workInProgress.updateQueue = null;
 
-function mountMemo(nextCreate, deps) {
-  var hook = mountWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  var nextValue = nextCreate();
-  hook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
-}
+        {
+          // Also validate hook order for cascading updates.
+          hookTypesUpdateIndexDev = -1;
+        }
 
-function updateMemo(nextCreate, deps) {
-  var hook = updateWorkInProgressHook();
-  var nextDeps = deps === undefined ? null : deps;
-  var prevState = hook.memoizedState;
+        ReactCurrentDispatcher$1.current = HooksDispatcherOnRerenderInDEV;
+        children = Component(props, secondArg);
+      } while (didScheduleRenderPhaseUpdateDuringThisPass);
 
-  if (prevState !== null) {
-    // Assume these are defined. If they're not, areHookInputsEqual will warn.
-    if (nextDeps !== null) {
-      var prevDeps = prevState[1];
+      return children;
+    }
+    function bailoutHooks(current, workInProgress, lanes) {
+      workInProgress.updateQueue = current.updateQueue; // TODO: Don't need to reset the flags here, because they're reset in the
+      // complete phase (bubbleProperties).
 
-      if (areHookInputsEqual(nextDeps, prevDeps)) {
-        return prevState[0];
+      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+        workInProgress.flags &= ~(
+          MountPassiveDev |
+          MountLayoutDev |
+          Passive$1 |
+          Update
+        );
+      } else {
+        workInProgress.flags &= ~(Passive$1 | Update);
       }
+
+      current.lanes = removeLanes(current.lanes, lanes);
     }
-  }
+    function resetHooksAfterThrow() {
+      // This is called immediaetly after a throw. It shouldn't reset the entire
+      // module state, because the work loop might decide to replay the component
+      // again without rewinding.
+      //
+      // It should only reset things like the current dispatcher, to prevent hooks
+      // from being called outside of a component.
+      currentlyRenderingFiber$1 = null; // We can assume the previous dispatcher is always this one, since we set it
+      // at the beginning of the render phase and there's no re-entrance.
+
+      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+    }
+    function resetHooksOnUnwind(workInProgress) {
+      if (didScheduleRenderPhaseUpdate) {
+        // There were render phase updates. These are only valid for this render
+        // phase, which we are now aborting. Remove the updates from the queues so
+        // they do not persist to the next render. Do not remove updates from hooks
+        // that weren't processed.
+        //
+        // Only reset the updates from the queue if it has a clone. If it does
+        // not have a clone, that means it wasn't processed, and the updates were
+        // scheduled before we entered the render phase.
+        var hook = workInProgress.memoizedState;
 
-  var nextValue = nextCreate();
-  hook.memoizedState = [nextValue, nextDeps];
-  return nextValue;
-}
+        while (hook !== null) {
+          var queue = hook.queue;
 
-function mountDeferredValue(value) {
-  var hook = mountWorkInProgressHook();
-  hook.memoizedState = value;
-  return value;
-}
+          if (queue !== null) {
+            queue.pending = null;
+          }
 
-function updateDeferredValue(value) {
-  var hook = updateWorkInProgressHook();
-  var resolvedCurrentHook = currentHook;
-  var prevValue = resolvedCurrentHook.memoizedState;
-  return updateDeferredValueImpl(hook, prevValue, value);
-}
+          hook = hook.next;
+        }
 
-function rerenderDeferredValue(value) {
-  var hook = updateWorkInProgressHook();
-
-  if (currentHook === null) {
-    // This is a rerender during a mount.
-    hook.memoizedState = value;
-    return value;
-  } else {
-    // This is a rerender during an update.
-    var prevValue = currentHook.memoizedState;
-    return updateDeferredValueImpl(hook, prevValue, value);
-  }
-}
+        didScheduleRenderPhaseUpdate = false;
+      }
 
-function updateDeferredValueImpl(hook, prevValue, value) {
-  var shouldDeferValue = !includesOnlyNonUrgentLanes(renderLanes);
-
-  if (shouldDeferValue) {
-    // This is an urgent update. If the value has changed, keep using the
-    // previous value and spawn a deferred render to update it later.
-    if (!objectIs(value, prevValue)) {
-      // Schedule a deferred render
-      var deferredLane = claimNextTransitionLane();
-      currentlyRenderingFiber$1.lanes = mergeLanes(
-        currentlyRenderingFiber$1.lanes,
-        deferredLane
-      );
-      markSkippedUpdateLanes(deferredLane); // Set this to true to indicate that the rendered value is inconsistent
-      // from the latest value. The name "baseState" doesn't really match how we
-      // use it because we're reusing a state hook field instead of creating a
-      // new one.
-
-      hook.baseState = true;
-    } // Reuse the previous value
-
-    return prevValue;
-  } else {
-    // This is not an urgent update, so we can use the latest value regardless
-    // of what it is. No need to defer it.
-    // However, if we're currently inside a spawned render, then we need to mark
-    // this as an update to prevent the fiber from bailing out.
-    //
-    // `baseState` is true when the current value is different from the rendered
-    // value. The name doesn't really match how we use it because we're reusing
-    // a state hook field instead of creating a new one.
-    if (hook.baseState) {
-      // Flip this back to false.
-      hook.baseState = false;
-      markWorkInProgressReceivedUpdate();
-    }
-
-    hook.memoizedState = value;
-    return value;
-  }
-}
+      renderLanes = NoLanes;
+      currentlyRenderingFiber$1 = null;
+      currentHook = null;
+      workInProgressHook = null;
 
-function startTransition(setPending, callback, options) {
-  var previousPriority = getCurrentUpdatePriority();
-  setCurrentUpdatePriority(
-    higherEventPriority(previousPriority, ContinuousEventPriority)
-  );
-  setPending(true);
-  var prevTransition = ReactCurrentBatchConfig$1.transition;
-  ReactCurrentBatchConfig$1.transition = {};
-  var currentTransition = ReactCurrentBatchConfig$1.transition;
-
-  {
-    ReactCurrentBatchConfig$1.transition._updatedFibers = new Set();
-  }
-
-  try {
-    setPending(false);
-    callback();
-  } finally {
-    setCurrentUpdatePriority(previousPriority);
-    ReactCurrentBatchConfig$1.transition = prevTransition;
+      {
+        hookTypesDev = null;
+        hookTypesUpdateIndexDev = -1;
+        currentHookNameInDev = null;
+      }
 
-    {
-      if (prevTransition === null && currentTransition._updatedFibers) {
-        var updatedFibersCount = currentTransition._updatedFibers.size;
+      didScheduleRenderPhaseUpdateDuringThisPass = false;
+      thenableIndexCounter = 0;
+      thenableState = null;
+    }
 
-        if (updatedFibersCount > 10) {
-          warn(
-            "Detected a large number of updates inside startTransition. " +
-              "If this is due to a subscription please re-write it to use React provided hooks. " +
-              "Otherwise concurrent mode guarantees are off the table."
-          );
-        }
+    function mountWorkInProgressHook() {
+      var hook = {
+        memoizedState: null,
+        baseState: null,
+        baseQueue: null,
+        queue: null,
+        next: null
+      };
 
-        currentTransition._updatedFibers.clear();
+      if (workInProgressHook === null) {
+        // This is the first hook in the list
+        currentlyRenderingFiber$1.memoizedState = workInProgressHook = hook;
+      } else {
+        // Append to the end of the list
+        workInProgressHook = workInProgressHook.next = hook;
       }
-    }
-  }
-}
 
-function mountTransition() {
-  var _mountState = mountState(false),
-    isPending = _mountState[0],
-    setPending = _mountState[1]; // The `start` method never changes.
+      return workInProgressHook;
+    }
 
-  var start = startTransition.bind(null, setPending);
-  var hook = mountWorkInProgressHook();
-  hook.memoizedState = start;
-  return [isPending, start];
-}
+    function updateWorkInProgressHook() {
+      // This function is used both for updates and for re-renders triggered by a
+      // render phase update. It assumes there is either a current hook we can
+      // clone, or a work-in-progress hook from a previous render pass that we can
+      // use as a base.
+      var nextCurrentHook;
 
-function updateTransition() {
-  var _updateState = updateState(),
-    isPending = _updateState[0];
+      if (currentHook === null) {
+        var current = currentlyRenderingFiber$1.alternate;
 
-  var hook = updateWorkInProgressHook();
-  var start = hook.memoizedState;
-  return [isPending, start];
-}
-
-function rerenderTransition() {
-  var _rerenderState = rerenderState(),
-    isPending = _rerenderState[0];
-
-  var hook = updateWorkInProgressHook();
-  var start = hook.memoizedState;
-  return [isPending, start];
-}
+        if (current !== null) {
+          nextCurrentHook = current.memoizedState;
+        } else {
+          nextCurrentHook = null;
+        }
+      } else {
+        nextCurrentHook = currentHook.next;
+      }
 
-var isUpdatingOpaqueValueInRenderPhase = false;
-function getIsUpdatingOpaqueValueInRenderPhaseInDEV() {
-  {
-    return isUpdatingOpaqueValueInRenderPhase;
-  }
-}
+      var nextWorkInProgressHook;
 
-function mountId() {
-  var hook = mountWorkInProgressHook();
-  var root = getWorkInProgressRoot(); // TODO: In Fizz, id generation is specific to each server config. Maybe we
-  // should do this in Fiber, too? Deferring this decision for now because
-  // there's no other place to store the prefix except for an internal field on
-  // the public createRoot object, which the fiber tree does not currently have
-  // a reference to.
-
-  var identifierPrefix = root.identifierPrefix;
-  var id;
-
-  {
-    // Use a lowercase r prefix for client-generated ids.
-    var globalClientId = globalClientIdCounter++;
-    id = ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":";
-  }
-
-  hook.memoizedState = id;
-  return id;
-}
+      if (workInProgressHook === null) {
+        nextWorkInProgressHook = currentlyRenderingFiber$1.memoizedState;
+      } else {
+        nextWorkInProgressHook = workInProgressHook.next;
+      }
 
-function updateId() {
-  var hook = updateWorkInProgressHook();
-  var id = hook.memoizedState;
-  return id;
-}
+      if (nextWorkInProgressHook !== null) {
+        // There's already a work-in-progress. Reuse it.
+        workInProgressHook = nextWorkInProgressHook;
+        nextWorkInProgressHook = workInProgressHook.next;
+        currentHook = nextCurrentHook;
+      } else {
+        // Clone from the current hook.
+        if (nextCurrentHook === null) {
+          var currentFiber = currentlyRenderingFiber$1.alternate;
+
+          if (currentFiber === null) {
+            // This is the initial render. This branch is reached when the component
+            // suspends, resumes, then renders an additional hook.
+            // Should never be reached because we should switch to the mount dispatcher first.
+            throw new Error(
+              "Update hook called on initial render. This is likely a bug in React. Please file an issue."
+            );
+          } else {
+            // This is an update. We should always have a current hook.
+            throw new Error(
+              "Rendered more hooks than during the previous render."
+            );
+          }
+        }
 
-function dispatchReducerAction(fiber, queue, action) {
-  {
-    if (typeof arguments[3] === "function") {
-      error(
-        "State updates from the useState() and useReducer() Hooks don't support the " +
-          "second callback argument. To execute a side effect after " +
-          "rendering, declare it in the component body with useEffect()."
-      );
-    }
-  }
+        currentHook = nextCurrentHook;
+        var newHook = {
+          memoizedState: currentHook.memoizedState,
+          baseState: currentHook.baseState,
+          baseQueue: currentHook.baseQueue,
+          queue: currentHook.queue,
+          next: null
+        };
 
-  var lane = requestUpdateLane(fiber);
-  var update = {
-    lane: lane,
-    action: action,
-    hasEagerState: false,
-    eagerState: null,
-    next: null
-  };
+        if (workInProgressHook === null) {
+          // This is the first hook in the list.
+          currentlyRenderingFiber$1.memoizedState = workInProgressHook =
+            newHook;
+        } else {
+          // Append to the end of the list.
+          workInProgressHook = workInProgressHook.next = newHook;
+        }
+      }
 
-  if (isRenderPhaseUpdate(fiber)) {
-    enqueueRenderPhaseUpdate(queue, update);
-  } else {
-    var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
+      return workInProgressHook;
+    } // NOTE: defining two versions of this function to avoid size impact when this feature is disabled.
+    // Previously this function was inlined, the additional `memoCache` property makes it not inlined.
 
-    if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
-      entangleTransitionUpdate(root, queue, lane);
-    }
-  }
-}
+    var createFunctionComponentUpdateQueue;
 
-function dispatchSetState(fiber, queue, action) {
-  {
-    if (typeof arguments[3] === "function") {
-      error(
-        "State updates from the useState() and useReducer() Hooks don't support the " +
-          "second callback argument. To execute a side effect after " +
-          "rendering, declare it in the component body with useEffect()."
-      );
+    {
+      createFunctionComponentUpdateQueue = function () {
+        return {
+          lastEffect: null,
+          events: null,
+          stores: null
+        };
+      };
     }
-  }
 
-  var lane = requestUpdateLane(fiber);
-  var update = {
-    lane: lane,
-    action: action,
-    hasEagerState: false,
-    eagerState: null,
-    next: null
-  };
+    function useThenable(thenable) {
+      // Track the position of the thenable within this fiber.
+      var index = thenableIndexCounter;
+      thenableIndexCounter += 1;
 
-  if (isRenderPhaseUpdate(fiber)) {
-    enqueueRenderPhaseUpdate(queue, update);
-  } else {
-    var alternate = fiber.alternate;
-
-    if (
-      fiber.lanes === NoLanes &&
-      (alternate === null || alternate.lanes === NoLanes)
-    ) {
-      // The queue is currently empty, which means we can eagerly compute the
-      // next state before entering the render phase. If the new state is the
-      // same as the current state, we may be able to bail out entirely.
-      var lastRenderedReducer = queue.lastRenderedReducer;
+      if (thenableState === null) {
+        thenableState = createThenableState();
+      }
 
-      if (lastRenderedReducer !== null) {
-        var prevDispatcher;
+      var result = trackUsedThenable(thenableState, thenable, index);
 
+      if (
+        currentlyRenderingFiber$1.alternate === null &&
+        (workInProgressHook === null
+          ? currentlyRenderingFiber$1.memoizedState === null
+          : workInProgressHook.next === null)
+      ) {
+        // Initial render, and either this is the first time the component is
+        // called, or there were no Hooks called after this use() the previous
+        // time (perhaps because it threw). Subsequent Hook calls should use the
+        // mount dispatcher.
         {
-          prevDispatcher = ReactCurrentDispatcher$1.current;
-          ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
-        }
-
-        try {
-          var currentState = queue.lastRenderedState;
-          var eagerState = lastRenderedReducer(currentState, action); // Stash the eagerly computed state, and the reducer used to compute
-          // it, on the update object. If the reducer hasn't changed by the
-          // time we enter the render phase, then the eager state can be used
-          // without calling the reducer again.
-
-          update.hasEagerState = true;
-          update.eagerState = eagerState;
-
-          if (objectIs(eagerState, currentState)) {
-            // Fast path. We can bail out without scheduling React to re-render.
-            // It's still possible that we'll need to rebase this update later,
-            // if the component re-renders for a different reason and by that
-            // time the reducer has changed.
-            // TODO: Do we still need to entangle transitions in this case?
-            enqueueConcurrentHookUpdateAndEagerlyBailout(
-              fiber,
-              queue,
-              update,
-              lane
-            );
-            return;
-          }
-        } catch (error) {
-          // Suppress the error. It will throw again in the render phase.
-        } finally {
-          {
-            ReactCurrentDispatcher$1.current = prevDispatcher;
-          }
+          ReactCurrentDispatcher$1.current = HooksDispatcherOnMountInDEV;
         }
       }
+
+      return result;
     }
 
-    var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
+    function use(usable) {
+      if (usable !== null && typeof usable === "object") {
+        // $FlowFixMe[method-unbinding]
+        if (typeof usable.then === "function") {
+          // This is a thenable.
+          var thenable = usable;
+          return useThenable(thenable);
+        } else if (usable.$$typeof === REACT_CONTEXT_TYPE) {
+          var context = usable;
+          return readContext(context);
+        }
+      } // eslint-disable-next-line react-internal/safe-string-coercion
 
-    if (root !== null) {
-      var eventTime = requestEventTime();
-      scheduleUpdateOnFiber(root, fiber, lane, eventTime);
-      entangleTransitionUpdate(root, queue, lane);
+      throw new Error(
+        "An unsupported type was passed to use(): " + String(usable)
+      );
     }
-  }
-}
 
-function isRenderPhaseUpdate(fiber) {
-  var alternate = fiber.alternate;
-  return (
-    fiber === currentlyRenderingFiber$1 ||
-    (alternate !== null && alternate === currentlyRenderingFiber$1)
-  );
-}
+    function basicStateReducer(state, action) {
+      // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
+      return typeof action === "function" ? action(state) : action;
+    }
 
-function enqueueRenderPhaseUpdate(queue, update) {
-  // This is a render phase update. Stash it in a lazily-created map of
-  // queue -> linked list of updates. After this render pass, we'll restart
-  // and apply the stashed updates on top of the work-in-progress hook.
-  didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate = true;
-  var pending = queue.pending;
-
-  if (pending === null) {
-    // This is the first update. Create a circular list.
-    update.next = update;
-  } else {
-    update.next = pending.next;
-    pending.next = update;
-  }
-
-  queue.pending = update;
-} // TODO: Move to ReactFiberConcurrentUpdates?
-
-function entangleTransitionUpdate(root, queue, lane) {
-  if (isTransitionLane(lane)) {
-    var queueLanes = queue.lanes; // If any entangled lanes are no longer pending on the root, then they
-    // must have finished. We can remove them from the shared queue, which
-    // represents a superset of the actually pending lanes. In some cases we
-    // may entangle more than we need to, but that's OK. In fact it's worse if
-    // we *don't* entangle when we should.
-
-    queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
-
-    var newQueueLanes = mergeLanes(queueLanes, lane);
-    queue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
-    // the lane finished since the last time we entangled it. So we need to
-    // entangle it again, just to be sure.
-
-    markRootEntangled(root, newQueueLanes);
-  }
-}
+    function mountReducer(reducer, initialArg, init) {
+      var hook = mountWorkInProgressHook();
+      var initialState;
 
-var ContextOnlyDispatcher = {
-  readContext: readContext,
-  useCallback: throwInvalidHookError,
-  useContext: throwInvalidHookError,
-  useEffect: throwInvalidHookError,
-  useImperativeHandle: throwInvalidHookError,
-  useInsertionEffect: throwInvalidHookError,
-  useLayoutEffect: throwInvalidHookError,
-  useMemo: throwInvalidHookError,
-  useReducer: throwInvalidHookError,
-  useRef: throwInvalidHookError,
-  useState: throwInvalidHookError,
-  useDebugValue: throwInvalidHookError,
-  useDeferredValue: throwInvalidHookError,
-  useTransition: throwInvalidHookError,
-  useMutableSource: throwInvalidHookError,
-  useSyncExternalStore: throwInvalidHookError,
-  useId: throwInvalidHookError,
-  unstable_isNewReconciler: enableNewReconciler
-};
-
-var HooksDispatcherOnMountInDEV = null;
-var HooksDispatcherOnMountWithHookTypesInDEV = null;
-var HooksDispatcherOnUpdateInDEV = null;
-var HooksDispatcherOnRerenderInDEV = null;
-var InvalidNestedHooksDispatcherOnMountInDEV = null;
-var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
-var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
-
-{
-  var warnInvalidContextAccess = function() {
-    error(
-      "Context can only be read while React is rendering. " +
-        "In classes, you can read it in the render method or getDerivedStateFromProps. " +
-        "In function components, you can read it directly in the function body, but not " +
-        "inside Hooks like useReducer() or useMemo()."
-    );
-  };
-
-  var warnInvalidHookAccess = function() {
-    error(
-      "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. " +
-        "You can only call Hooks at the top level of your React function. " +
-        "For more information, see " +
-        "https://react.dev/warnings/invalid-hook-call-warning"
-    );
-  };
-
-  HooksDispatcherOnMountInDEV = {
-    readContext: function(context) {
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      return mountCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      mountHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      return mountEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      return mountImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      return mountInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      return mountLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      mountHookTypesDev();
-      checkDepsAreArrayDev(deps);
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      if (init !== undefined) {
+        initialState = init(initialArg);
 
-      try {
-        return mountMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        if (shouldDoubleInvokeUserFnsInHooksDEV) {
+          setIsStrictModeForDevtools(true);
+          init(initialArg);
+          setIsStrictModeForDevtools(false);
+        }
+      } else {
+        initialState = initialArg;
       }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
-      try {
-        return mountReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      mountHookTypesDev();
-      return mountRef(initialValue);
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      hook.memoizedState = hook.baseState = initialState;
+      var queue = {
+        pending: null,
+        lanes: NoLanes,
+        dispatch: null,
+        lastRenderedReducer: reducer,
+        lastRenderedState: initialState
+      };
+      hook.queue = queue;
+      var dispatch = (queue.dispatch = dispatchReducerAction.bind(
+        null,
+        currentlyRenderingFiber$1,
+        queue
+      ));
+      return [hook.memoizedState, dispatch];
+    }
 
-      try {
-        return mountState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      mountHookTypesDev();
-      return mountDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      mountHookTypesDev();
-      return mountDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      mountHookTypesDev();
-      return mountTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      mountHookTypesDev();
-      return mountMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      mountHookTypesDev();
-      return mountSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      mountHookTypesDev();
-      return mountId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  HooksDispatcherOnMountWithHookTypesInDEV = {
-    readContext: function(context) {
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      updateHookTypesDev();
-      return mountCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      updateHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      updateHookTypesDev();
-      return mountEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      updateHookTypesDev();
-      return mountImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      updateHookTypesDev();
-      return mountInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      updateHookTypesDev();
-      return mountLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+    function updateReducer(reducer, initialArg, init) {
+      var hook = updateWorkInProgressHook();
+      return updateReducerImpl(hook, currentHook, reducer);
+    }
 
-      try {
-        return mountMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+    function updateReducerImpl(hook, current, reducer) {
+      var queue = hook.queue;
+
+      if (queue === null) {
+        throw new Error(
+          "Should have a queue. This is likely a bug in React. Please file an issue."
+        );
       }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
 
-      try {
-        return mountReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      updateHookTypesDev();
-      return mountRef(initialValue);
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      queue.lastRenderedReducer = reducer; // The last rebase update that is NOT part of the base state.
 
-      try {
-        return mountState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      updateHookTypesDev();
-      return mountDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      updateHookTypesDev();
-      return mountDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      updateHookTypesDev();
-      return mountTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      updateHookTypesDev();
-      return mountMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      updateHookTypesDev();
-      return mountSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      updateHookTypesDev();
-      return mountId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  HooksDispatcherOnUpdateInDEV = {
-    readContext: function(context) {
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      updateHookTypesDev();
-      return updateCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      updateHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      updateHookTypesDev();
-      return updateEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      updateHookTypesDev();
-      return updateImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      updateHookTypesDev();
-      return updateInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      updateHookTypesDev();
-      return updateLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var baseQueue = hook.baseQueue; // The last pending update that hasn't been processed yet.
 
-      try {
-        return updateMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      var pendingQueue = queue.pending;
 
-      try {
-        return updateReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      updateHookTypesDev();
-      return updateRef();
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      if (pendingQueue !== null) {
+        // We have new updates that haven't been processed yet.
+        // We'll add them to the base queue.
+        if (baseQueue !== null) {
+          // Merge the pending queue and the base queue.
+          var baseFirst = baseQueue.next;
+          var pendingFirst = pendingQueue.next;
+          baseQueue.next = pendingFirst;
+          pendingQueue.next = baseFirst;
+        }
 
-      try {
-        return updateState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      updateHookTypesDev();
-      return updateDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      updateHookTypesDev();
-      return updateDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      updateHookTypesDev();
-      return updateTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      updateHookTypesDev();
-      return updateMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      updateHookTypesDev();
-      return updateSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      updateHookTypesDev();
-      return updateId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  HooksDispatcherOnRerenderInDEV = {
-    readContext: function(context) {
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      updateHookTypesDev();
-      return updateCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      updateHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      updateHookTypesDev();
-      return updateEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      updateHookTypesDev();
-      return updateImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      updateHookTypesDev();
-      return updateInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      updateHookTypesDev();
-      return updateLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+        {
+          if (current.baseQueue !== baseQueue) {
+            // Internal invariant that should never happen, but feasibly could in
+            // the future if we implement resuming, or some form of that.
+            error(
+              "Internal error: Expected work-in-progress queue to be a clone. " +
+                "This is a bug in React."
+            );
+          }
+        }
 
-      try {
-        return updateMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        current.baseQueue = baseQueue = pendingQueue;
+        queue.pending = null;
       }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
 
-      try {
-        return rerenderReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      updateHookTypesDev();
-      return updateRef();
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnRerenderInDEV;
+      var baseState = hook.baseState;
 
-      try {
-        return rerenderState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      updateHookTypesDev();
-      return updateDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      updateHookTypesDev();
-      return rerenderDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      updateHookTypesDev();
-      return rerenderTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      updateHookTypesDev();
-      return updateMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      updateHookTypesDev();
-      return updateSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      updateHookTypesDev();
-      return updateId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  InvalidNestedHooksDispatcherOnMountInDEV = {
-    readContext: function(context) {
-      warnInvalidContextAccess();
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+      if (baseQueue === null) {
+        // If there are no pending updates, then the memoized state should be the
+        // same as the base state. Currently these only diverge in the case of
+        // useOptimistic, because useOptimistic accepts a new baseState on
+        // every render.
+        hook.memoizedState = baseState; // We don't need to call markWorkInProgressReceivedUpdate because
+        // baseState is derived from other reactive values.
+      } else {
+        // We have a queue to process.
+        var first = baseQueue.next;
+        var newState = baseState;
+        var newBaseState = null;
+        var newBaseQueueFirst = null;
+        var newBaseQueueLast = null;
+        var update = first;
+        var didReadFromEntangledAsyncAction = false;
 
-      try {
-        return mountMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+        do {
+          // An extra OffscreenLane bit is added to updates that were made to
+          // a hidden tree, so that we can distinguish them from updates that were
+          // already there when the tree was hidden.
+          var updateLane = removeLanes(update.lane, OffscreenLane);
+          var isHiddenUpdate = updateLane !== update.lane; // Check if this update was made while the tree was hidden. If so, then
+          // it's not a "base" update and we should disregard the extra base lanes
+          // that were added to renderLanes when we entered the Offscreen tree.
+
+          var shouldSkipUpdate = isHiddenUpdate
+            ? !isSubsetOfLanes(getWorkInProgressRootRenderLanes(), updateLane)
+            : !isSubsetOfLanes(renderLanes, updateLane);
+
+          if (shouldSkipUpdate) {
+            // Priority is insufficient. Skip this update. If this is the first
+            // skipped update, the previous update/state is the new base
+            // update/state.
+            var clone = {
+              lane: updateLane,
+              revertLane: update.revertLane,
+              action: update.action,
+              hasEagerState: update.hasEagerState,
+              eagerState: update.eagerState,
+              next: null
+            };
+
+            if (newBaseQueueLast === null) {
+              newBaseQueueFirst = newBaseQueueLast = clone;
+              newBaseState = newState;
+            } else {
+              newBaseQueueLast = newBaseQueueLast.next = clone;
+            } // Update the remaining priority in the queue.
+            // TODO: Don't need to accumulate this. Instead, we can remove
+            // renderLanes from the original lanes.
+
+            currentlyRenderingFiber$1.lanes = mergeLanes(
+              currentlyRenderingFiber$1.lanes,
+              updateLane
+            );
+            markSkippedUpdateLanes(updateLane);
+          } else {
+            {
+              // This is not an optimistic update, and we're going to apply it now.
+              // But, if there were earlier updates that were skipped, we need to
+              // leave this update in the queue so it can be rebased later.
+              if (newBaseQueueLast !== null) {
+                var _clone = {
+                  // This update is going to be committed so we never want uncommit
+                  // it. Using NoLane works because 0 is a subset of all bitmasks, so
+                  // this will never be skipped by the check above.
+                  lane: NoLane,
+                  revertLane: NoLane,
+                  action: update.action,
+                  hasEagerState: update.hasEagerState,
+                  eagerState: update.eagerState,
+                  next: null
+                };
+                newBaseQueueLast = newBaseQueueLast.next = _clone;
+              } // Check if this update is part of a pending async action. If so,
+              // we'll need to suspend until the action has finished, so that it's
+              // batched together with future updates in the same action.
+
+              if (updateLane === peekEntangledActionLane()) {
+                didReadFromEntangledAsyncAction = true;
+              }
+            } // Process this update.
 
-      try {
-        return mountReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountRef(initialValue);
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnMountInDEV;
+            var action = update.action;
 
-      try {
-        return mountState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      warnInvalidHookAccess();
-      mountHookTypesDev();
-      return mountId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  InvalidNestedHooksDispatcherOnUpdateInDEV = {
-    readContext: function(context) {
-      warnInvalidContextAccess();
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+            if (shouldDoubleInvokeUserFnsInHooksDEV) {
+              reducer(newState, action);
+            }
 
-      try {
-        return updateMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+            if (update.hasEagerState) {
+              // If this update is a state update (not a reducer) and was processed eagerly,
+              // we can use the eagerly computed state
+              newState = update.eagerState;
+            } else {
+              newState = reducer(newState, action);
+            }
+          }
 
-      try {
-        return updateReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateRef();
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+          update = update.next;
+        } while (update !== null && update !== first);
 
-      try {
-        return updateState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-
-  InvalidNestedHooksDispatcherOnRerenderInDEV = {
-    readContext: function(context) {
-      warnInvalidContextAccess();
-      return readContext(context);
-    },
-    useCallback: function(callback, deps) {
-      currentHookNameInDev = "useCallback";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateCallback(callback, deps);
-    },
-    useContext: function(context) {
-      currentHookNameInDev = "useContext";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return readContext(context);
-    },
-    useEffect: function(create, deps) {
-      currentHookNameInDev = "useEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateEffect(create, deps);
-    },
-    useImperativeHandle: function(ref, create, deps) {
-      currentHookNameInDev = "useImperativeHandle";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateImperativeHandle(ref, create, deps);
-    },
-    useInsertionEffect: function(create, deps) {
-      currentHookNameInDev = "useInsertionEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateInsertionEffect(create, deps);
-    },
-    useLayoutEffect: function(create, deps) {
-      currentHookNameInDev = "useLayoutEffect";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateLayoutEffect(create, deps);
-    },
-    useMemo: function(create, deps) {
-      currentHookNameInDev = "useMemo";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+        if (newBaseQueueLast === null) {
+          newBaseState = newState;
+        } else {
+          newBaseQueueLast.next = newBaseQueueFirst;
+        } // Mark that the fiber performed work, but only if the new state is
+        // different from the current state.
+
+        if (!objectIs(newState, hook.memoizedState)) {
+          markWorkInProgressReceivedUpdate(); // Check if this update is part of a pending async action. If so, we'll
+          // need to suspend until the action has finished, so that it's batched
+          // together with future updates in the same action.
+          // TODO: Once we support hooks inside useMemo (or an equivalent
+          // memoization boundary like Forget), hoist this logic so that it only
+          // suspends if the memo boundary produces a new value.
+
+          if (didReadFromEntangledAsyncAction) {
+            var entangledActionThenable = peekEntangledActionThenable();
+
+            if (entangledActionThenable !== null) {
+              // TODO: Instead of the throwing the thenable directly, throw a
+              // special object like `use` does so we can detect if it's captured
+              // by userspace.
+              throw entangledActionThenable;
+            }
+          }
+        }
 
-      try {
-        return updateMemo(create, deps);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
+        hook.memoizedState = newState;
+        hook.baseState = newBaseState;
+        hook.baseQueue = newBaseQueueLast;
+        queue.lastRenderedState = newState;
       }
-    },
-    useReducer: function(reducer, initialArg, init) {
-      currentHookNameInDev = "useReducer";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-      try {
-        return rerenderReducer(reducer, initialArg, init);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useRef: function(initialValue) {
-      currentHookNameInDev = "useRef";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateRef();
-    },
-    useState: function(initialState) {
-      currentHookNameInDev = "useState";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      var prevDispatcher = ReactCurrentDispatcher$1.current;
-      ReactCurrentDispatcher$1.current = InvalidNestedHooksDispatcherOnUpdateInDEV;
+      if (baseQueue === null) {
+        // `queue.lanes` is used for entangling transitions. We can set it back to
+        // zero once the queue is empty.
+        queue.lanes = NoLanes;
+      }
 
-      try {
-        return rerenderState(initialState);
-      } finally {
-        ReactCurrentDispatcher$1.current = prevDispatcher;
-      }
-    },
-    useDebugValue: function(value, formatterFn) {
-      currentHookNameInDev = "useDebugValue";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateDebugValue();
-    },
-    useDeferredValue: function(value) {
-      currentHookNameInDev = "useDeferredValue";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return rerenderDeferredValue(value);
-    },
-    useTransition: function() {
-      currentHookNameInDev = "useTransition";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return rerenderTransition();
-    },
-    useMutableSource: function(source, getSnapshot, subscribe) {
-      currentHookNameInDev = "useMutableSource";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateMutableSource();
-    },
-    useSyncExternalStore: function(subscribe, getSnapshot, getServerSnapshot) {
-      currentHookNameInDev = "useSyncExternalStore";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateSyncExternalStore(subscribe, getSnapshot);
-    },
-    useId: function() {
-      currentHookNameInDev = "useId";
-      warnInvalidHookAccess();
-      updateHookTypesDev();
-      return updateId();
-    },
-    unstable_isNewReconciler: enableNewReconciler
-  };
-}
+      var dispatch = queue.dispatch;
+      return [hook.memoizedState, dispatch];
+    }
 
-var now$1 = Scheduler.unstable_now;
-var commitTime = 0;
-var layoutEffectStartTime = -1;
-var profilerStartTime = -1;
-var passiveEffectStartTime = -1;
-/**
- * Tracks whether the current update was a nested/cascading update (scheduled from a layout effect).
- *
- * The overall sequence is:
- *   1. render
- *   2. commit (and call `onRender`, `onCommit`)
- *   3. check for nested updates
- *   4. flush passive effects (and call `onPostCommit`)
- *
- * Nested updates are identified in step 3 above,
- * but step 4 still applies to the work that was just committed.
- * We use two flags to track nested updates then:
- * one tracks whether the upcoming update is a nested update,
- * and the other tracks whether the current update was a nested update.
- * The first value gets synced to the second at the start of the render phase.
- */
+    function rerenderReducer(reducer, initialArg, init) {
+      var hook = updateWorkInProgressHook();
+      var queue = hook.queue;
 
-var currentUpdateIsNested = false;
-var nestedUpdateScheduled = false;
+      if (queue === null) {
+        throw new Error(
+          "Should have a queue. This is likely a bug in React. Please file an issue."
+        );
+      }
 
-function isCurrentUpdateNested() {
-  return currentUpdateIsNested;
-}
+      queue.lastRenderedReducer = reducer; // This is a re-render. Apply the new render phase updates to the previous
+      // work-in-progress hook.
 
-function markNestedUpdateScheduled() {
-  {
-    nestedUpdateScheduled = true;
-  }
-}
+      var dispatch = queue.dispatch;
+      var lastRenderPhaseUpdate = queue.pending;
+      var newState = hook.memoizedState;
 
-function resetNestedUpdateFlag() {
-  {
-    currentUpdateIsNested = false;
-    nestedUpdateScheduled = false;
-  }
-}
+      if (lastRenderPhaseUpdate !== null) {
+        // The queue doesn't persist past this render pass.
+        queue.pending = null;
+        var firstRenderPhaseUpdate = lastRenderPhaseUpdate.next;
+        var update = firstRenderPhaseUpdate;
 
-function syncNestedUpdateFlag() {
-  {
-    currentUpdateIsNested = nestedUpdateScheduled;
-    nestedUpdateScheduled = false;
-  }
-}
+        do {
+          // Process this render phase update. We don't have to check the
+          // priority because it will always be the same as the current
+          // render's.
+          var action = update.action;
+          newState = reducer(newState, action);
+          update = update.next;
+        } while (update !== firstRenderPhaseUpdate); // Mark that the fiber performed work, but only if the new state is
+        // different from the current state.
 
-function getCommitTime() {
-  return commitTime;
-}
+        if (!objectIs(newState, hook.memoizedState)) {
+          markWorkInProgressReceivedUpdate();
+        }
 
-function recordCommitTime() {
-  commitTime = now$1();
-}
+        hook.memoizedState = newState; // Don't persist the state accumulated from the render phase updates to
+        // the base state unless the queue is empty.
+        // TODO: Not sure if this is the desired semantics, but it's what we
+        // do for gDSFP. I can't remember why.
 
-function startProfilerTimer(fiber) {
-  profilerStartTime = now$1();
+        if (hook.baseQueue === null) {
+          hook.baseState = newState;
+        }
 
-  if (fiber.actualStartTime < 0) {
-    fiber.actualStartTime = now$1();
-  }
-}
+        queue.lastRenderedState = newState;
+      }
 
-function stopProfilerTimerIfRunning(fiber) {
-  profilerStartTime = -1;
-}
+      return [newState, dispatch];
+    }
 
-function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
-  if (profilerStartTime >= 0) {
-    var elapsedTime = now$1() - profilerStartTime;
-    fiber.actualDuration += elapsedTime;
+    function mountSyncExternalStore(subscribe, getSnapshot, getServerSnapshot) {
+      var fiber = currentlyRenderingFiber$1;
+      var hook = mountWorkInProgressHook();
+      var nextSnapshot;
 
-    if (overrideBaseTime) {
-      fiber.selfBaseDuration = elapsedTime;
-    }
+      {
+        nextSnapshot = getSnapshot();
 
-    profilerStartTime = -1;
-  }
-}
+        {
+          if (!didWarnUncachedGetSnapshot) {
+            var cachedSnapshot = getSnapshot();
 
-function recordLayoutEffectDuration(fiber) {
-  if (layoutEffectStartTime >= 0) {
-    var elapsedTime = now$1() - layoutEffectStartTime;
-    layoutEffectStartTime = -1; // Store duration on the next nearest Profiler ancestor
-    // Or the root (for the DevTools Profiler to read)
+            if (!objectIs(nextSnapshot, cachedSnapshot)) {
+              error(
+                "The result of getSnapshot should be cached to avoid an infinite loop"
+              );
 
-    var parentFiber = fiber.return;
+              didWarnUncachedGetSnapshot = true;
+            }
+          }
+        } // Unless we're rendering a blocking lane, schedule a consistency check.
+        // Right before committing, we will walk the tree and check if any of the
+        // stores were mutated.
+        //
+        // We won't do this if we're hydrating server-rendered content, because if
+        // the content is stale, it's already visible anyway. Instead we'll patch
+        // it up in a passive effect.
 
-    while (parentFiber !== null) {
-      switch (parentFiber.tag) {
-        case HostRoot:
-          var root = parentFiber.stateNode;
-          root.effectDuration += elapsedTime;
-          return;
+        var root = getWorkInProgressRoot();
 
-        case Profiler:
-          var parentStateNode = parentFiber.stateNode;
-          parentStateNode.effectDuration += elapsedTime;
-          return;
-      }
+        if (root === null) {
+          throw new Error(
+            "Expected a work-in-progress root. This is a bug in React. Please file an issue."
+          );
+        }
 
-      parentFiber = parentFiber.return;
-    }
-  }
-}
+        var rootRenderLanes = getWorkInProgressRootRenderLanes();
 
-function recordPassiveEffectDuration(fiber) {
-  if (passiveEffectStartTime >= 0) {
-    var elapsedTime = now$1() - passiveEffectStartTime;
-    passiveEffectStartTime = -1; // Store duration on the next nearest Profiler ancestor
-    // Or the root (for the DevTools Profiler to read)
+        if (!includesBlockingLane(root, rootRenderLanes)) {
+          pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
+        }
+      } // Read the current snapshot from the store on every render. This breaks the
+      // normal rules of React, and only works because store updates are
+      // always synchronous.
+
+      hook.memoizedState = nextSnapshot;
+      var inst = {
+        value: nextSnapshot,
+        getSnapshot: getSnapshot
+      };
+      hook.queue = inst; // Schedule an effect to subscribe to the store.
+
+      mountEffect(subscribeToStore.bind(null, fiber, inst, subscribe), [
+        subscribe
+      ]); // Schedule an effect to update the mutable instance fields. We will update
+      // this whenever subscribe, getSnapshot, or value changes. Because there's no
+      // clean-up function, and we track the deps correctly, we can call pushEffect
+      // directly, without storing any additional state. For the same reason, we
+      // don't need to set a static flag, either.
+
+      fiber.flags |= Passive$1;
+      pushEffect(
+        HasEffect | Passive,
+        updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
+        createEffectInstance(),
+        null
+      );
+      return nextSnapshot;
+    }
 
-    var parentFiber = fiber.return;
+    function updateSyncExternalStore(
+      subscribe,
+      getSnapshot,
+      getServerSnapshot
+    ) {
+      var fiber = currentlyRenderingFiber$1;
+      var hook = updateWorkInProgressHook(); // Read the current snapshot from the store on every render. This breaks the
+      // normal rules of React, and only works because store updates are
+      // always synchronous.
 
-    while (parentFiber !== null) {
-      switch (parentFiber.tag) {
-        case HostRoot:
-          var root = parentFiber.stateNode;
+      var nextSnapshot;
 
-          if (root !== null) {
-            root.passiveEffectDuration += elapsedTime;
-          }
+      {
+        nextSnapshot = getSnapshot();
 
-          return;
+        {
+          if (!didWarnUncachedGetSnapshot) {
+            var cachedSnapshot = getSnapshot();
 
-        case Profiler:
-          var parentStateNode = parentFiber.stateNode;
+            if (!objectIs(nextSnapshot, cachedSnapshot)) {
+              error(
+                "The result of getSnapshot should be cached to avoid an infinite loop"
+              );
 
-          if (parentStateNode !== null) {
-            // Detached fibers have their state node cleared out.
-            // In this case, the return pointer is also cleared out,
-            // so we won't be able to report the time spent in this Profiler's subtree.
-            parentStateNode.passiveEffectDuration += elapsedTime;
+              didWarnUncachedGetSnapshot = true;
+            }
           }
-
-          return;
+        }
       }
 
-      parentFiber = parentFiber.return;
-    }
-  }
-}
-
-function startLayoutEffectTimer() {
-  layoutEffectStartTime = now$1();
-}
-
-function startPassiveEffectTimer() {
-  passiveEffectStartTime = now$1();
-}
+      var prevSnapshot = (currentHook || hook).memoizedState;
+      var snapshotChanged = !objectIs(prevSnapshot, nextSnapshot);
 
-function transferActualDuration(fiber) {
-  // Transfer time spent rendering these children so we don't lose it
-  // after we rerender. This is used as a helper in special cases
-  // where we should count the work of multiple passes.
-  var child = fiber.child;
+      if (snapshotChanged) {
+        hook.memoizedState = nextSnapshot;
+        markWorkInProgressReceivedUpdate();
+      }
 
-  while (child) {
-    fiber.actualDuration += child.actualDuration;
-    child = child.sibling;
-  }
-}
+      var inst = hook.queue;
+      updateEffect(subscribeToStore.bind(null, fiber, inst, subscribe), [
+        subscribe
+      ]); // Whenever getSnapshot or subscribe changes, we need to check in the
+      // commit phase if there was an interleaved mutation. In concurrent mode
+      // this can happen all the time, but even in synchronous mode, an earlier
+      // effect may have mutated the store.
 
-function createCapturedValueAtFiber(value, source) {
-  // If the value is an error, call this function immediately after it is thrown
-  // so the stack is accurate.
-  return {
-    value: value,
-    source: source,
-    stack: getStackByFiberInDevAndProd(source),
-    digest: null
-  };
-}
-function createCapturedValue(value, digest, stack) {
-  return {
-    value: value,
-    source: null,
-    stack: stack != null ? stack : null,
-    digest: digest != null ? digest : null
-  };
-}
+      if (
+        inst.getSnapshot !== getSnapshot ||
+        snapshotChanged || // Check if the subscribe function changed. We can save some memory by
+        // checking whether we scheduled a subscription effect above.
+        (workInProgressHook !== null &&
+          workInProgressHook.memoizedState.tag & HasEffect)
+      ) {
+        fiber.flags |= Passive$1;
+        pushEffect(
+          HasEffect | Passive,
+          updateStoreInstance.bind(
+            null,
+            fiber,
+            inst,
+            nextSnapshot,
+            getSnapshot
+          ),
+          createEffectInstance(),
+          null
+        ); // Unless we're rendering a blocking lane, schedule a consistency check.
+        // Right before committing, we will walk the tree and check if any of the
+        // stores were mutated.
 
-if (
-  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog !==
-  "function"
-) {
-  throw new Error(
-    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
-  );
-}
+        var root = getWorkInProgressRoot();
 
-function showErrorDialog(boundary, errorInfo) {
-  var capturedError = {
-    componentStack: errorInfo.stack !== null ? errorInfo.stack : "",
-    error: errorInfo.value,
-    errorBoundary:
-      boundary !== null && boundary.tag === ClassComponent
-        ? boundary.stateNode
-        : null
-  };
-  return ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
-    capturedError
-  );
-}
+        if (root === null) {
+          throw new Error(
+            "Expected a work-in-progress root. This is a bug in React. Please file an issue."
+          );
+        }
 
-function logCapturedError(boundary, errorInfo) {
-  try {
-    var logError = showErrorDialog(boundary, errorInfo); // Allow injected showErrorDialog() to prevent default console.error logging.
-    // This enables renderers like ReactNative to better manage redbox behavior.
+        if (!includesBlockingLane(root, renderLanes)) {
+          pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
+        }
+      }
 
-    if (logError === false) {
-      return;
+      return nextSnapshot;
     }
 
-    var error = errorInfo.value;
-
-    if (true) {
-      var source = errorInfo.source;
-      var stack = errorInfo.stack;
-      var componentStack = stack !== null ? stack : ""; // Browsers support silencing uncaught errors by calling
-      // `preventDefault()` in window `error` handler.
-      // We record this information as an expando on the error.
+    function pushStoreConsistencyCheck(fiber, getSnapshot, renderedSnapshot) {
+      fiber.flags |= StoreConsistency;
+      var check = {
+        getSnapshot: getSnapshot,
+        value: renderedSnapshot
+      };
+      var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
 
-      if (error != null && error._suppressLogging) {
-        if (boundary.tag === ClassComponent) {
-          // The error is recoverable and was silenced.
-          // Ignore it and don't print the stack addendum.
-          // This is handy for testing error boundaries without noise.
-          return;
-        } // The error is fatal. Since the silencing might have
-        // been accidental, we'll surface it anyway.
-        // However, the browser would have silenced the original error
-        // so we'll print it first, and then print the stack addendum.
-
-        console["error"](error); // Don't transform to our wrapper
-        // For a more detailed description of this block, see:
-        // https://github.com/facebook/react/pull/13384
-      }
-
-      var componentName = source ? getComponentNameFromFiber(source) : null;
-      var componentNameMessage = componentName
-        ? "The above error occurred in the <" + componentName + "> component:"
-        : "The above error occurred in one of your React components:";
-      var errorBoundaryMessage;
-
-      if (boundary.tag === HostRoot) {
-        errorBoundaryMessage =
-          "Consider adding an error boundary to your tree to customize error handling behavior.\n" +
-          "Visit https://react.dev/reference/react/Component#catching-rendering-errors-with-an-error-boundary to learn more about error boundaries.";
+      if (componentUpdateQueue === null) {
+        componentUpdateQueue = createFunctionComponentUpdateQueue();
+        currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
+        componentUpdateQueue.stores = [check];
       } else {
-        var errorBoundaryName =
-          getComponentNameFromFiber(boundary) || "Anonymous";
-        errorBoundaryMessage =
-          "React will try to recreate this component tree from scratch " +
-          ("using the error boundary you provided, " + errorBoundaryName + ".");
-      }
-
-      var combinedMessage =
-        componentNameMessage +
-        "\n" +
-        componentStack +
-        "\n\n" +
-        ("" + errorBoundaryMessage); // In development, we provide our own message with just the component stack.
-      // We don't include the original error message and JS stack because the browser
-      // has already printed it. Even if the application swallows the error, it is still
-      // displayed by the browser thanks to the DEV-only fake event trick in ReactErrorUtils.
-
-      console["error"](combinedMessage); // Don't transform to our wrapper
-    } else {
-      // In production, we print the error directly.
-      // This will include the message, the JS stack, and anything the browser wants to show.
-      // We pass the error object instead of custom message so that the browser displays the error natively.
-      console["error"](error); // Don't transform to our wrapper
-    }
-  } catch (e) {
-    // This method must not throw, or React internal state will get messed up.
-    // If console.error is overridden, or logCapturedError() shows a dialog that throws,
-    // we want to report this error outside of the normal stack as a last resort.
-    // https://github.com/facebook/react/issues/13188
-    setTimeout(function() {
-      throw e;
-    });
-  }
-}
+        var stores = componentUpdateQueue.stores;
 
-var PossiblyWeakMap$1 = typeof WeakMap === "function" ? WeakMap : Map;
+        if (stores === null) {
+          componentUpdateQueue.stores = [check];
+        } else {
+          stores.push(check);
+        }
+      }
+    }
 
-function createRootErrorUpdate(fiber, errorInfo, lane) {
-  var update = createUpdate(NoTimestamp, lane); // Unmount the root by rendering null.
+    function updateStoreInstance(fiber, inst, nextSnapshot, getSnapshot) {
+      // These are updated in the passive phase
+      inst.value = nextSnapshot;
+      inst.getSnapshot = getSnapshot; // Something may have been mutated in between render and commit. This could
+      // have been in an event that fired before the passive effects, or it could
+      // have been in a layout effect. In that case, we would have used the old
+      // snapsho and getSnapshot values to bail out. We need to check one more time.
 
-  update.tag = CaptureUpdate; // Caution: React DevTools currently depends on this property
-  // being called "element".
+      if (checkIfSnapshotChanged(inst)) {
+        // Force a re-render.
+        forceStoreRerender(fiber);
+      }
+    }
 
-  update.payload = {
-    element: null
-  };
-  var error = errorInfo.value;
+    function subscribeToStore(fiber, inst, subscribe) {
+      var handleStoreChange = function () {
+        // The store changed. Check if the snapshot changed since the last time we
+        // read from the store.
+        if (checkIfSnapshotChanged(inst)) {
+          // Force a re-render.
+          forceStoreRerender(fiber);
+        }
+      }; // Subscribe to the store and return a clean-up function.
 
-  update.callback = function() {
-    onUncaughtError(error);
-    logCapturedError(fiber, errorInfo);
-  };
+      return subscribe(handleStoreChange);
+    }
 
-  return update;
-}
+    function checkIfSnapshotChanged(inst) {
+      var latestGetSnapshot = inst.getSnapshot;
+      var prevValue = inst.value;
 
-function createClassErrorUpdate(fiber, errorInfo, lane) {
-  var update = createUpdate(NoTimestamp, lane);
-  update.tag = CaptureUpdate;
-  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+      try {
+        var nextValue = latestGetSnapshot();
+        return !objectIs(prevValue, nextValue);
+      } catch (error) {
+        return true;
+      }
+    }
 
-  if (typeof getDerivedStateFromError === "function") {
-    var error$1 = errorInfo.value;
+    function forceStoreRerender(fiber) {
+      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-    update.payload = function() {
-      return getDerivedStateFromError(error$1);
-    };
-
-    update.callback = function() {
-      {
-        markFailedErrorBoundaryForHotReloading(fiber);
+      if (root !== null) {
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
+    }
 
-      logCapturedError(fiber, errorInfo);
-    };
-  }
-
-  var inst = fiber.stateNode;
-
-  if (inst !== null && typeof inst.componentDidCatch === "function") {
-    update.callback = function callback() {
-      {
-        markFailedErrorBoundaryForHotReloading(fiber);
-      }
+    function mountStateImpl(initialState) {
+      var hook = mountWorkInProgressHook();
 
-      logCapturedError(fiber, errorInfo);
+      if (typeof initialState === "function") {
+        var initialStateInitializer = initialState; // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
 
-      if (typeof getDerivedStateFromError !== "function") {
-        // To preserve the preexisting retry behavior of error boundaries,
-        // we keep track of which ones already failed during this batch.
-        // This gets reset before we yield back to the browser.
-        // TODO: Warn in strict mode if getDerivedStateFromError is
-        // not defined.
-        markLegacyErrorBoundaryAsFailed(this);
-      }
+        initialState = initialStateInitializer();
 
-      var error$1 = errorInfo.value;
-      var stack = errorInfo.stack;
-      this.componentDidCatch(error$1, {
-        componentStack: stack !== null ? stack : ""
-      });
+        if (shouldDoubleInvokeUserFnsInHooksDEV) {
+          setIsStrictModeForDevtools(true); // $FlowFixMe[incompatible-use]: Flow doesn't like mixed types
 
-      {
-        if (typeof getDerivedStateFromError !== "function") {
-          // If componentDidCatch is the only error boundary method defined,
-          // then it needs to call setState to recover from errors.
-          // If no state update is scheduled then the boundary will swallow the error.
-          if (!includesSomeLane(fiber.lanes, SyncLane)) {
-            error(
-              "%s: Error boundaries should implement getDerivedStateFromError(). " +
-                "In that method, return a state update to display an error message or fallback UI.",
-              getComponentNameFromFiber(fiber) || "Unknown"
-            );
-          }
+          initialStateInitializer();
+          setIsStrictModeForDevtools(false);
         }
       }
-    };
-  }
 
-  return update;
-}
-
-function attachPingListener(root, wakeable, lanes) {
-  // Attach a ping listener
-  //
-  // The data might resolve before we have a chance to commit the fallback. Or,
-  // in the case of a refresh, we'll never commit a fallback. So we need to
-  // attach a listener now. When it resolves ("pings"), we can decide whether to
-  // try rendering the tree again.
-  //
-  // Only attach a listener if one does not already exist for the lanes
-  // we're currently rendering (which acts like a "thread ID" here).
-  //
-  // We only need to do this in concurrent mode. Legacy Suspense always
-  // commits fallbacks synchronously, so there are no pings.
-  var pingCache = root.pingCache;
-  var threadIDs;
-
-  if (pingCache === null) {
-    pingCache = root.pingCache = new PossiblyWeakMap$1();
-    threadIDs = new Set();
-    pingCache.set(wakeable, threadIDs);
-  } else {
-    threadIDs = pingCache.get(wakeable);
-
-    if (threadIDs === undefined) {
-      threadIDs = new Set();
-      pingCache.set(wakeable, threadIDs);
-    }
-  }
-
-  if (!threadIDs.has(lanes)) {
-    // Memoize using the thread ID to prevent redundant listeners.
-    threadIDs.add(lanes);
-    var ping = pingSuspendedRoot.bind(null, root, wakeable, lanes);
-
-    {
-      if (isDevToolsPresent) {
-        // If we have pending work still, restore the original updaters
-        restorePendingUpdaters(root, lanes);
-      }
+      hook.memoizedState = hook.baseState = initialState;
+      var queue = {
+        pending: null,
+        lanes: NoLanes,
+        dispatch: null,
+        lastRenderedReducer: basicStateReducer,
+        lastRenderedState: initialState
+      };
+      hook.queue = queue;
+      return hook;
     }
 
-    wakeable.then(ping, ping);
-  }
-}
-
-function attachRetryListener(suspenseBoundary, root, wakeable, lanes) {
-  // Retry listener
-  //
-  // If the fallback does commit, we need to attach a different type of
-  // listener. This one schedules an update on the Suspense boundary to turn
-  // the fallback state off.
-  //
-  // Stash the wakeable on the boundary fiber so we can access it in the
-  // commit phase.
-  //
-  // When the wakeable resolves, we'll attempt to render the boundary
-  // again ("retry").
-  var wakeables = suspenseBoundary.updateQueue;
-
-  if (wakeables === null) {
-    var updateQueue = new Set();
-    updateQueue.add(wakeable);
-    suspenseBoundary.updateQueue = updateQueue;
-  } else {
-    wakeables.add(wakeable);
-  }
-}
-
-function resetSuspendedComponent(sourceFiber, rootRenderLanes) {
-  // A legacy mode Suspense quirk, only relevant to hook components.
-
-  var tag = sourceFiber.tag;
+    function mountState(initialState) {
+      var hook = mountStateImpl(initialState);
+      var queue = hook.queue;
+      var dispatch = dispatchSetState.bind(
+        null,
+        currentlyRenderingFiber$1,
+        queue
+      );
+      queue.dispatch = dispatch;
+      return [hook.memoizedState, dispatch];
+    }
 
-  if (
-    (sourceFiber.mode & ConcurrentMode) === NoMode &&
-    (tag === FunctionComponent ||
-      tag === ForwardRef ||
-      tag === SimpleMemoComponent)
-  ) {
-    var currentSource = sourceFiber.alternate;
+    function updateState(initialState) {
+      return updateReducer(basicStateReducer);
+    }
 
-    if (currentSource) {
-      sourceFiber.updateQueue = currentSource.updateQueue;
-      sourceFiber.memoizedState = currentSource.memoizedState;
-      sourceFiber.lanes = currentSource.lanes;
-    } else {
-      sourceFiber.updateQueue = null;
-      sourceFiber.memoizedState = null;
+    function rerenderState(initialState) {
+      return rerenderReducer(basicStateReducer);
     }
-  }
-}
 
-function getNearestSuspenseBoundaryToCapture(returnFiber) {
-  var node = returnFiber;
+    function pushEffect(tag, create, inst, deps) {
+      var effect = {
+        tag: tag,
+        create: create,
+        inst: inst,
+        deps: deps,
+        // Circular
+        next: null
+      };
+      var componentUpdateQueue = currentlyRenderingFiber$1.updateQueue;
 
-  do {
-    if (node.tag === SuspenseComponent && shouldCaptureSuspense(node)) {
-      return node;
-    } // This boundary already captured during this render. Continue to the next
-    // boundary.
+      if (componentUpdateQueue === null) {
+        componentUpdateQueue = createFunctionComponentUpdateQueue();
+        currentlyRenderingFiber$1.updateQueue = componentUpdateQueue;
+        componentUpdateQueue.lastEffect = effect.next = effect;
+      } else {
+        var lastEffect = componentUpdateQueue.lastEffect;
 
-    node = node.return;
-  } while (node !== null);
+        if (lastEffect === null) {
+          componentUpdateQueue.lastEffect = effect.next = effect;
+        } else {
+          var firstEffect = lastEffect.next;
+          lastEffect.next = effect;
+          effect.next = firstEffect;
+          componentUpdateQueue.lastEffect = effect;
+        }
+      }
 
-  return null;
-}
+      return effect;
+    }
 
-function markSuspenseBoundaryShouldCapture(
-  suspenseBoundary,
-  returnFiber,
-  sourceFiber,
-  root,
-  rootRenderLanes
-) {
-  // This marks a Suspense boundary so that when we're unwinding the stack,
-  // it captures the suspended "exception" and does a second (fallback) pass.
-  if ((suspenseBoundary.mode & ConcurrentMode) === NoMode) {
-    // Legacy Mode Suspense
-    //
-    // If the boundary is in legacy mode, we should *not*
-    // suspend the commit. Pretend as if the suspended component rendered
-    // null and keep rendering. When the Suspense boundary completes,
-    // we'll do a second pass to render the fallback.
-    if (suspenseBoundary === returnFiber) {
-      // Special case where we suspended while reconciling the children of
-      // a Suspense boundary's inner Offscreen wrapper fiber. This happens
-      // when a React.lazy component is a direct child of a
-      // Suspense boundary.
-      //
-      // Suspense boundaries are implemented as multiple fibers, but they
-      // are a single conceptual unit. The legacy mode behavior where we
-      // pretend the suspended fiber committed as `null` won't work,
-      // because in this case the "suspended" fiber is the inner
-      // Offscreen wrapper.
-      //
-      // Because the contents of the boundary haven't started rendering
-      // yet (i.e. nothing in the tree has partially rendered) we can
-      // switch to the regular, concurrent mode behavior: mark the
-      // boundary with ShouldCapture and enter the unwind phase.
-      suspenseBoundary.flags |= ShouldCapture;
-    } else {
-      suspenseBoundary.flags |= DidCapture;
-      sourceFiber.flags |= ForceUpdateForLegacySuspense; // We're going to commit this fiber even though it didn't complete.
-      // But we shouldn't call any lifecycle methods or callbacks. Remove
-      // all lifecycle effect tags.
-
-      sourceFiber.flags &= ~(LifecycleEffectMask | Incomplete);
-
-      if (sourceFiber.tag === ClassComponent) {
-        var currentSourceFiber = sourceFiber.alternate;
-
-        if (currentSourceFiber === null) {
-          // This is a new mount. Change the tag so it's not mistaken for a
-          // completed class component. For example, we should not call
-          // componentWillUnmount if it is deleted.
-          sourceFiber.tag = IncompleteClassComponent;
-        } else {
-          // When we try rendering again, we should not reuse the current fiber,
-          // since it's known to be in an inconsistent state. Use a force update to
-          // prevent a bail out.
-          var update = createUpdate(NoTimestamp, SyncLane);
-          update.tag = ForceUpdate;
-          enqueueUpdate(sourceFiber, update, SyncLane);
-        }
-      } // The source fiber did not complete. Mark it with Sync priority to
-      // indicate that it still has pending work.
-
-      sourceFiber.lanes = mergeLanes(sourceFiber.lanes, SyncLane);
-    }
-
-    return suspenseBoundary;
-  } // Confirmed that the boundary is in a concurrent mode tree. Continue
-  // with the normal suspend path.
-  //
-  // After this we'll use a set of heuristics to determine whether this
-  // render pass will run to completion or restart or "suspend" the commit.
-  // The actual logic for this is spread out in different places.
-  //
-  // This first principle is that if we're going to suspend when we complete
-  // a root, then we should also restart if we get an update or ping that
-  // might unsuspend it, and vice versa. The only reason to suspend is
-  // because you think you might want to restart before committing. However,
-  // it doesn't make sense to restart only while in the period we're suspended.
-  //
-  // Restarting too aggressively is also not good because it starves out any
-  // intermediate loading state. So we use heuristics to determine when.
-  // Suspense Heuristics
-  //
-  // If nothing threw a Promise or all the same fallbacks are already showing,
-  // then don't suspend/restart.
-  //
-  // If this is an initial render of a new tree of Suspense boundaries and
-  // those trigger a fallback, then don't suspend/restart. We want to ensure
-  // that we can show the initial loading state as quickly as possible.
-  //
-  // If we hit a "Delayed" case, such as when we'd switch from content back into
-  // a fallback, then we should always suspend/restart. Transitions apply
-  // to this case. If none is defined, JND is used instead.
-  //
-  // If we're already showing a fallback and it gets "retried", allowing us to show
-  // another level, but there's still an inner boundary that would show a fallback,
-  // then we suspend/restart for 500ms since the last time we showed a fallback
-  // anywhere in the tree. This effectively throttles progressive loading into a
-  // consistent train of commits. This also gives us an opportunity to restart to
-  // get to the completed state slightly earlier.
-  //
-  // If there's ambiguity due to batching it's resolved in preference of:
-  // 1) "delayed", 2) "initial render", 3) "retry".
-  //
-  // We want to ensure that a "busy" state doesn't get force committed. We want to
-  // ensure that new initial loading states can commit as soon as possible.
-
-  suspenseBoundary.flags |= ShouldCapture; // TODO: I think we can remove this, since we now use `DidCapture` in
-  // the begin phase to prevent an early bailout.
-
-  suspenseBoundary.lanes = rootRenderLanes;
-  return suspenseBoundary;
-}
+    function createEffectInstance() {
+      return {
+        destroy: undefined
+      };
+    }
 
-function throwException(
-  root,
-  returnFiber,
-  sourceFiber,
-  value,
-  rootRenderLanes
-) {
-  // The source fiber did not complete.
-  sourceFiber.flags |= Incomplete;
-
-  {
-    if (isDevToolsPresent) {
-      // If we have pending work still, restore the original updaters
-      restorePendingUpdaters(root, rootRenderLanes);
-    }
-  }
-
-  if (
-    value !== null &&
-    typeof value === "object" &&
-    typeof value.then === "function"
-  ) {
-    // This is a wakeable. The component suspended.
-    var wakeable = value;
-    resetSuspendedComponent(sourceFiber);
-
-    var suspenseBoundary = getNearestSuspenseBoundaryToCapture(returnFiber);
-
-    if (suspenseBoundary !== null) {
-      suspenseBoundary.flags &= ~ForceClientRender;
-      markSuspenseBoundaryShouldCapture(
-        suspenseBoundary,
-        returnFiber,
-        sourceFiber,
-        root,
-        rootRenderLanes
-      ); // We only attach ping listeners in concurrent mode. Legacy Suspense always
-      // commits fallbacks synchronously, so there are no pings.
+    function mountRef(initialValue) {
+      var hook = mountWorkInProgressHook();
 
-      if (suspenseBoundary.mode & ConcurrentMode) {
-        attachPingListener(root, wakeable, rootRenderLanes);
-      }
-
-      attachRetryListener(suspenseBoundary, root, wakeable);
-      return;
-    } else {
-      // No boundary was found. Unless this is a sync update, this is OK.
-      // We can suspend and wait for more data to arrive.
-      if (!includesSyncLane(rootRenderLanes)) {
-        // This is not a sync update. Suspend. Since we're not activating a
-        // Suspense boundary, this will unwind all the way to the root without
-        // performing a second pass to render a fallback. (This is arguably how
-        // refresh transitions should work, too, since we're not going to commit
-        // the fallbacks anyway.)
-        //
-        // This case also applies to initial hydration.
-        attachPingListener(root, wakeable, rootRenderLanes);
-        renderDidSuspendDelayIfPossible();
-        return;
-      } // This is a sync/discrete update. We treat this case like an error
-      // because discrete renders are expected to produce a complete tree
-      // synchronously to maintain consistency with external state.
-
-      var uncaughtSuspenseError = new Error(
-        "A component suspended while responding to synchronous input. This " +
-          "will cause the UI to be replaced with a loading indicator. To " +
-          "fix, updates that suspend should be wrapped " +
-          "with startTransition."
-      ); // If we're outside a transition, fall through to the regular error path.
-      // The error will be caught by the nearest suspense boundary.
-
-      value = uncaughtSuspenseError;
-    }
-  }
-
-  value = createCapturedValueAtFiber(value, sourceFiber);
-  renderDidError(value); // We didn't find a boundary that could handle this type of exception. Start
-  // over and traverse parent path again, this time treating the exception
-  // as an error.
-
-  var workInProgress = returnFiber;
-
-  do {
-    switch (workInProgress.tag) {
-      case HostRoot: {
-        var _errorInfo = value;
-        workInProgress.flags |= ShouldCapture;
-        var lane = pickArbitraryLane(rootRenderLanes);
-        workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
-        var update = createRootErrorUpdate(workInProgress, _errorInfo, lane);
-        enqueueCapturedUpdate(workInProgress, update);
-        return;
+      {
+        var _ref2 = {
+          current: initialValue
+        };
+        hook.memoizedState = _ref2;
+        return _ref2;
       }
+    }
 
-      case ClassComponent:
-        // Capture and retry
-        var errorInfo = value;
-        var ctor = workInProgress.type;
-        var instance = workInProgress.stateNode;
-
-        if (
-          (workInProgress.flags & DidCapture) === NoFlags &&
-          (typeof ctor.getDerivedStateFromError === "function" ||
-            (instance !== null &&
-              typeof instance.componentDidCatch === "function" &&
-              !isAlreadyFailedLegacyErrorBoundary(instance)))
-        ) {
-          workInProgress.flags |= ShouldCapture;
+    function updateRef(initialValue) {
+      var hook = updateWorkInProgressHook();
+      return hook.memoizedState;
+    }
 
-          var _lane = pickArbitraryLane(rootRenderLanes);
+    function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
+      var hook = mountWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      currentlyRenderingFiber$1.flags |= fiberFlags;
+      hook.memoizedState = pushEffect(
+        HasEffect | hookFlags,
+        create,
+        createEffectInstance(),
+        nextDeps
+      );
+    }
 
-          workInProgress.lanes = mergeLanes(workInProgress.lanes, _lane); // Schedule the error boundary to re-render using updated state
+    function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
+      var hook = updateWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      var effect = hook.memoizedState;
+      var inst = effect.inst; // currentHook is null on initial mount when rerendering after a render phase
+      // state update or for strict mode.
 
-          var _update = createClassErrorUpdate(
-            workInProgress,
-            errorInfo,
-            _lane
-          );
+      if (currentHook !== null) {
+        if (nextDeps !== null) {
+          var prevEffect = currentHook.memoizedState;
+          var prevDeps = prevEffect.deps;
 
-          enqueueCapturedUpdate(workInProgress, _update);
-          return;
+          if (areHookInputsEqual(nextDeps, prevDeps)) {
+            hook.memoizedState = pushEffect(hookFlags, create, inst, nextDeps);
+            return;
+          }
         }
+      }
 
-        break;
+      currentlyRenderingFiber$1.flags |= fiberFlags;
+      hook.memoizedState = pushEffect(
+        HasEffect | hookFlags,
+        create,
+        inst,
+        nextDeps
+      );
     }
 
-    workInProgress = workInProgress.return;
-  } while (workInProgress !== null);
-}
-
-function getSuspendedCache() {
-  {
-    return null;
-  } // This function is called when a Suspense boundary suspends. It returns the
-}
-
-var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner;
-var didReceiveUpdate = false;
-var didWarnAboutBadClass;
-var didWarnAboutModulePatternComponent;
-var didWarnAboutContextTypeOnFunctionComponent;
-var didWarnAboutGetDerivedStateOnFunctionComponent;
-var didWarnAboutFunctionRefs;
-var didWarnAboutReassigningProps;
-var didWarnAboutRevealOrder;
-var didWarnAboutTailOptions;
-
-{
-  didWarnAboutBadClass = {};
-  didWarnAboutModulePatternComponent = {};
-  didWarnAboutContextTypeOnFunctionComponent = {};
-  didWarnAboutGetDerivedStateOnFunctionComponent = {};
-  didWarnAboutFunctionRefs = {};
-  didWarnAboutReassigningProps = false;
-  didWarnAboutRevealOrder = {};
-  didWarnAboutTailOptions = {};
-}
+    function mountEffect(create, deps) {
+      if (
+        (currentlyRenderingFiber$1.mode & StrictEffectsMode) !== NoMode &&
+        (currentlyRenderingFiber$1.mode & NoStrictPassiveEffectsMode) === NoMode
+      ) {
+        mountEffectImpl(
+          MountPassiveDev | Passive$1 | PassiveStatic,
+          Passive,
+          create,
+          deps
+        );
+      } else {
+        mountEffectImpl(Passive$1 | PassiveStatic, Passive, create, deps);
+      }
+    }
 
-function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
-  if (current === null) {
-    // If this is a fresh new component that hasn't been rendered yet, we
-    // won't update its child set by applying minimal side-effects. Instead,
-    // we will add them all to the child before it gets rendered. That means
-    // we can optimize this reconciliation pass by not tracking side-effects.
-    workInProgress.child = mountChildFibers(
-      workInProgress,
-      null,
-      nextChildren,
-      renderLanes
-    );
-  } else {
-    // If the current child is the same as the work in progress, it means that
-    // we haven't yet started any work on these children. Therefore, we use
-    // the clone algorithm to create a copy of all the current children.
-    // If we had any progressed work already, that is invalid at this point so
-    // let's throw it out.
-    workInProgress.child = reconcileChildFibers(
-      workInProgress,
-      current.child,
-      nextChildren,
-      renderLanes
-    );
-  }
-}
+    function updateEffect(create, deps) {
+      updateEffectImpl(Passive$1, Passive, create, deps);
+    }
 
-function forceUnmountCurrentAndReconcile(
-  current,
-  workInProgress,
-  nextChildren,
-  renderLanes
-) {
-  // This function is fork of reconcileChildren. It's used in cases where we
-  // want to reconcile without matching against the existing set. This has the
-  // effect of all current children being unmounted; even if the type and key
-  // are the same, the old child is unmounted and a new child is created.
-  //
-  // To do this, we're going to go through the reconcile algorithm twice. In
-  // the first pass, we schedule a deletion for all the current children by
-  // passing null.
-  workInProgress.child = reconcileChildFibers(
-    workInProgress,
-    current.child,
-    null,
-    renderLanes
-  ); // In the second pass, we mount the new children. The trick here is that we
-  // pass null in place of where we usually pass the current child set. This has
-  // the effect of remounting all children regardless of whether their
-  // identities match.
-
-  workInProgress.child = reconcileChildFibers(
-    workInProgress,
-    null,
-    nextChildren,
-    renderLanes
-  );
-}
+    function mountInsertionEffect(create, deps) {
+      mountEffectImpl(Update, Insertion, create, deps);
+    }
 
-function updateForwardRef(
-  current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  // TODO: current can be non-null here even if the component
-  // hasn't yet mounted. This happens after the first render suspends.
-  // We'll need to figure out if this is fine or can cause issues.
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
-
-      if (innerPropTypes) {
-        checkPropTypes(
-          innerPropTypes,
-          nextProps, // Resolved props
-          "prop",
-          getComponentNameFromType(Component)
-        );
-      }
+    function updateInsertionEffect(create, deps) {
+      return updateEffectImpl(Update, Insertion, create, deps);
     }
-  }
 
-  var render = Component.render;
-  var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
+    function mountLayoutEffect(create, deps) {
+      var fiberFlags = Update | LayoutStatic;
 
-  var nextChildren;
-  prepareToReadContext(workInProgress, renderLanes);
+      if ((currentlyRenderingFiber$1.mode & StrictEffectsMode) !== NoMode) {
+        fiberFlags |= MountLayoutDev;
+      }
 
-  {
-    ReactCurrentOwner$1.current = workInProgress;
-    setIsRendering(true);
-    nextChildren = renderWithHooks(
-      current,
-      workInProgress,
-      render,
-      nextProps,
-      ref,
-      renderLanes
-    );
+      return mountEffectImpl(fiberFlags, Layout, create, deps);
+    }
 
-    setIsRendering(false);
-  }
+    function updateLayoutEffect(create, deps) {
+      return updateEffectImpl(Update, Layout, create, deps);
+    }
 
-  if (current !== null && !didReceiveUpdate) {
-    bailoutHooks(current, workInProgress, renderLanes);
-    return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
-  }
+    function imperativeHandleEffect(create, ref) {
+      if (typeof ref === "function") {
+        var refCallback = ref;
+        var inst = create();
+        refCallback(inst);
+        return function () {
+          refCallback(null);
+        };
+      } else if (ref !== null && ref !== undefined) {
+        var refObject = ref;
 
-  workInProgress.flags |= PerformedWork;
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
+        {
+          if (!refObject.hasOwnProperty("current")) {
+            error(
+              "Expected useImperativeHandle() first argument to either be a " +
+                "ref callback or React.createRef() object. Instead received: %s.",
+              "an object with keys {" + Object.keys(refObject).join(", ") + "}"
+            );
+          }
+        }
 
-function updateMemoComponent(
-  current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  if (current === null) {
-    var type = Component.type;
+        var _inst = create();
 
-    if (
-      isSimpleFunctionComponent(type) &&
-      Component.compare === null && // SimpleMemoComponent codepath doesn't resolve outer props either.
-      Component.defaultProps === undefined
-    ) {
-      var resolvedType = type;
+        refObject.current = _inst;
+        return function () {
+          refObject.current = null;
+        };
+      }
+    }
 
+    function mountImperativeHandle(ref, create, deps) {
       {
-        resolvedType = resolveFunctionForHotReloading(type);
-      } // If this is a plain function component without default props,
-      // and with only the default shallow comparison, we upgrade it
-      // to a SimpleMemoComponent to allow fast path updates.
+        if (typeof create !== "function") {
+          error(
+            "Expected useImperativeHandle() second argument to be a function " +
+              "that creates a handle. Instead received: %s.",
+            create !== null ? typeof create : "null"
+          );
+        }
+      } // TODO: If deps are provided, should we skip comparing the ref itself?
 
-      workInProgress.tag = SimpleMemoComponent;
-      workInProgress.type = resolvedType;
+      var effectDeps =
+        deps !== null && deps !== undefined ? deps.concat([ref]) : null;
+      var fiberFlags = Update | LayoutStatic;
 
-      {
-        validateFunctionComponentInDev(workInProgress, type);
+      if ((currentlyRenderingFiber$1.mode & StrictEffectsMode) !== NoMode) {
+        fiberFlags |= MountLayoutDev;
       }
 
-      return updateSimpleMemoComponent(
-        current,
-        workInProgress,
-        resolvedType,
-        nextProps,
-        renderLanes
+      mountEffectImpl(
+        fiberFlags,
+        Layout,
+        imperativeHandleEffect.bind(null, create, ref),
+        effectDeps
       );
     }
 
-    {
-      var innerPropTypes = type.propTypes;
-
-      if (innerPropTypes) {
-        // Inner memo component props aren't currently validated in createElement.
-        // We could move it there, but we'd still need this for lazy code path.
-        checkPropTypes(
-          innerPropTypes,
-          nextProps, // Resolved props
-          "prop",
-          getComponentNameFromType(type)
-        );
-      }
+    function updateImperativeHandle(ref, create, deps) {
+      {
+        if (typeof create !== "function") {
+          error(
+            "Expected useImperativeHandle() second argument to be a function " +
+              "that creates a handle. Instead received: %s.",
+            create !== null ? typeof create : "null"
+          );
+        }
+      } // TODO: If deps are provided, should we skip comparing the ref itself?
+
+      var effectDeps =
+        deps !== null && deps !== undefined ? deps.concat([ref]) : null;
+      updateEffectImpl(
+        Update,
+        Layout,
+        imperativeHandleEffect.bind(null, create, ref),
+        effectDeps
+      );
     }
 
-    var child = createFiberFromTypeAndProps(
-      Component.type,
-      null,
-      nextProps,
-      workInProgress,
-      workInProgress.mode,
-      renderLanes
-    );
-    child.ref = workInProgress.ref;
-    child.return = workInProgress;
-    workInProgress.child = child;
-    return child;
-  }
-
-  {
-    var _type = Component.type;
-    var _innerPropTypes = _type.propTypes;
-
-    if (_innerPropTypes) {
-      // Inner memo component props aren't currently validated in createElement.
-      // We could move it there, but we'd still need this for lazy code path.
-      checkPropTypes(
-        _innerPropTypes,
-        nextProps, // Resolved props
-        "prop",
-        getComponentNameFromType(_type)
-      );
+    function mountDebugValue(value, formatterFn) {
+      // This hook is normally a no-op.
+      // The react-debug-hooks package injects its own implementation
+      // so that e.g. DevTools can display custom hook values.
     }
-  }
 
-  var currentChild = current.child; // This is always exactly one child
+    var updateDebugValue = mountDebugValue;
 
-  var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
-    current,
-    renderLanes
-  );
+    function mountCallback(callback, deps) {
+      var hook = mountWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      hook.memoizedState = [callback, nextDeps];
+      return callback;
+    }
 
-  if (!hasScheduledUpdateOrContext) {
-    // This will be the props with resolved defaultProps,
-    // unlike current.memoizedProps which will be the unresolved ones.
-    var prevProps = currentChild.memoizedProps; // Default to shallow comparison
+    function updateCallback(callback, deps) {
+      var hook = updateWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      var prevState = hook.memoizedState;
 
-    var compare = Component.compare;
-    compare = compare !== null ? compare : shallowEqual;
+      if (nextDeps !== null) {
+        var prevDeps = prevState[1];
 
-    if (compare(prevProps, nextProps) && current.ref === workInProgress.ref) {
-      return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
+        }
+      }
+
+      hook.memoizedState = [callback, nextDeps];
+      return callback;
     }
-  } // React DevTools reads this flag.
 
-  workInProgress.flags |= PerformedWork;
-  var newChild = createWorkInProgress(currentChild, nextProps);
-  newChild.ref = workInProgress.ref;
-  newChild.return = workInProgress;
-  workInProgress.child = newChild;
-  return newChild;
-}
+    function mountMemo(nextCreate, deps) {
+      var hook = mountWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      var nextValue = nextCreate();
 
-function updateSimpleMemoComponent(
-  current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  // TODO: current can be non-null here even if the component
-  // hasn't yet mounted. This happens when the inner render suspends.
-  // We'll need to figure out if this is fine or can cause issues.
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var outerMemoType = workInProgress.elementType;
-
-      if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
-        // We warn when you define propTypes on lazy()
-        // so let's just skip over it to find memo() outer wrapper.
-        // Inner props for memo are validated later.
-        var lazyComponent = outerMemoType;
-        var payload = lazyComponent._payload;
-        var init = lazyComponent._init;
+      if (shouldDoubleInvokeUserFnsInHooksDEV) {
+        setIsStrictModeForDevtools(true);
+        nextCreate();
+        setIsStrictModeForDevtools(false);
+      }
 
-        try {
-          outerMemoType = init(payload);
-        } catch (x) {
-          outerMemoType = null;
-        } // Inner propTypes will be validated in the function component path.
+      hook.memoizedState = [nextValue, nextDeps];
+      return nextValue;
+    }
 
-        var outerPropTypes = outerMemoType && outerMemoType.propTypes;
+    function updateMemo(nextCreate, deps) {
+      var hook = updateWorkInProgressHook();
+      var nextDeps = deps === undefined ? null : deps;
+      var prevState = hook.memoizedState; // Assume these are defined. If they're not, areHookInputsEqual will warn.
 
-        if (outerPropTypes) {
-          checkPropTypes(
-            outerPropTypes,
-            nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
-            "prop",
-            getComponentNameFromType(outerMemoType)
-          );
+      if (nextDeps !== null) {
+        var prevDeps = prevState[1];
+
+        if (areHookInputsEqual(nextDeps, prevDeps)) {
+          return prevState[0];
         }
       }
-    }
-  }
 
-  if (current !== null) {
-    var prevProps = current.memoizedProps;
+      var nextValue = nextCreate();
 
-    if (
-      shallowEqual(prevProps, nextProps) &&
-      current.ref === workInProgress.ref && // Prevent bailout if the implementation changed due to hot reload.
-      workInProgress.type === current.type
-    ) {
-      didReceiveUpdate = false; // The props are shallowly equal. Reuse the previous props object, like we
-      // would during a normal fiber bailout.
-      //
-      // We don't have strong guarantees that the props object is referentially
-      // equal during updates where we can't bail out anyway — like if the props
-      // are shallowly equal, but there's a local state or context update in the
-      // same batch.
-      //
-      // However, as a principle, we should aim to make the behavior consistent
-      // across different ways of memoizing a component. For example, React.memo
-      // has a different internal Fiber layout if you pass a normal function
-      // component (SimpleMemoComponent) versus if you pass a different type
-      // like forwardRef (MemoComponent). But this is an implementation detail.
-      // Wrapping a component in forwardRef (or React.lazy, etc) shouldn't
-      // affect whether the props object is reused during a bailout.
-
-      workInProgress.pendingProps = nextProps = prevProps;
-
-      if (!checkScheduledUpdateOrContext(current, renderLanes)) {
-        // The pending lanes were cleared at the beginning of beginWork. We're
-        // about to bail out, but there might be other lanes that weren't
-        // included in the current render. Usually, the priority level of the
-        // remaining updates is accumulated during the evaluation of the
-        // component (i.e. when processing the update queue). But since since
-        // we're bailing out early *without* evaluating the component, we need
-        // to account for it here, too. Reset to the value of the current fiber.
-        // NOTE: This only applies to SimpleMemoComponent, not MemoComponent,
-        // because a MemoComponent fiber does not have hooks or an update queue;
-        // rather, it wraps around an inner component, which may or may not
-        // contains hooks.
-        // TODO: Move the reset at in beginWork out of the common path so that
-        // this is no longer necessary.
-        workInProgress.lanes = current.lanes;
-        return bailoutOnAlreadyFinishedWork(
-          current,
-          workInProgress,
-          renderLanes
-        );
-      } else if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags) {
-        // This is a special case that only exists for legacy mode.
-        // See https://github.com/facebook/react/pull/19216.
-        didReceiveUpdate = true;
+      if (shouldDoubleInvokeUserFnsInHooksDEV) {
+        setIsStrictModeForDevtools(true);
+        nextCreate();
+        setIsStrictModeForDevtools(false);
       }
-    }
-  }
-
-  return updateFunctionComponent(
-    current,
-    workInProgress,
-    Component,
-    nextProps,
-    renderLanes
-  );
-}
 
-function updateOffscreenComponent(current, workInProgress, renderLanes) {
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children;
-  var prevState = current !== null ? current.memoizedState : null;
+      hook.memoizedState = [nextValue, nextDeps];
+      return nextValue;
+    }
 
-  if (nextProps.mode === "hidden" || enableLegacyHidden) {
-    // Rendering a hidden tree.
-    if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-      // In legacy sync mode, don't defer the subtree. Render it now.
-      // TODO: Consider how Offscreen should work with transitions in the future
-      var nextState = {
-        baseLanes: NoLanes,
-        cachePool: null,
-        transitions: null
-      };
-      workInProgress.memoizedState = nextState;
+    function mountDeferredValue(value, initialValue) {
+      var hook = mountWorkInProgressHook();
+      return mountDeferredValueImpl(hook, value, initialValue);
+    }
 
-      pushRenderLanes(workInProgress, renderLanes);
-    } else if (!includesSomeLane(renderLanes, OffscreenLane)) {
-      var spawnedCachePool = null; // We're hidden, and we're not rendering at Offscreen. We will bail out
-      // and resume this tree later.
+    function updateDeferredValue(value, initialValue) {
+      var hook = updateWorkInProgressHook();
+      var resolvedCurrentHook = currentHook;
+      var prevValue = resolvedCurrentHook.memoizedState;
+      return updateDeferredValueImpl(hook, prevValue, value, initialValue);
+    }
 
-      var nextBaseLanes;
+    function rerenderDeferredValue(value, initialValue) {
+      var hook = updateWorkInProgressHook();
 
-      if (prevState !== null) {
-        var prevBaseLanes = prevState.baseLanes;
-        nextBaseLanes = mergeLanes(prevBaseLanes, renderLanes);
+      if (currentHook === null) {
+        // This is a rerender during a mount.
+        return mountDeferredValueImpl(hook, value, initialValue);
       } else {
-        nextBaseLanes = renderLanes;
-      } // Schedule this fiber to re-render at offscreen priority. Then bailout.
+        // This is a rerender during an update.
+        var prevValue = currentHook.memoizedState;
+        return updateDeferredValueImpl(hook, prevValue, value, initialValue);
+      }
+    }
 
-      workInProgress.lanes = workInProgress.childLanes = laneToLanes(
-        OffscreenLane
-      );
-      var _nextState = {
-        baseLanes: nextBaseLanes,
-        cachePool: spawnedCachePool,
-        transitions: null
-      };
-      workInProgress.memoizedState = _nextState;
-      workInProgress.updateQueue = null;
-      // to avoid a push/pop misalignment.
+    function mountDeferredValueImpl(hook, value, initialValue) {
+      if (
+        // When `initialValue` is provided, we defer the initial render even if the
+        // current render is not synchronous.
+        initialValue !== undefined && // However, to avoid waterfalls, we do not defer if this render
+        // was itself spawned by an earlier useDeferredValue. Check if DeferredLane
+        // is part of the render lanes.
+        !includesSomeLane(renderLanes, DeferredLane)
+      ) {
+        // Render with the initial value
+        hook.memoizedState = initialValue; // Schedule a deferred render to switch to the final value.
 
-      pushRenderLanes(workInProgress, nextBaseLanes);
+        var deferredLane = requestDeferredLane();
+        currentlyRenderingFiber$1.lanes = mergeLanes(
+          currentlyRenderingFiber$1.lanes,
+          deferredLane
+        );
+        markSkippedUpdateLanes(deferredLane);
+        return initialValue;
+      } else {
+        hook.memoizedState = value;
+        return value;
+      }
+    }
 
-      return null;
-    } else {
-      // This is the second render. The surrounding visible content has already
-      // committed. Now we resume rendering the hidden tree.
-      // Rendering at offscreen, so we can clear the base lanes.
-      var _nextState2 = {
-        baseLanes: NoLanes,
-        cachePool: null,
-        transitions: null
-      };
-      workInProgress.memoizedState = _nextState2; // Push the lanes that were skipped when we bailed out.
+    function updateDeferredValueImpl(hook, prevValue, value, initialValue) {
+      if (objectIs(value, prevValue)) {
+        // The incoming value is referentially identical to the currently rendered
+        // value, so we can bail out quickly.
+        return value;
+      } else {
+        // Received a new value that's different from the current value.
+        // Check if we're inside a hidden tree
+        if (isCurrentTreeHidden()) {
+          // Revealing a prerendered tree is considered the same as mounting new
+          // one, so we reuse the "mount" path in this case.
+          var resultValue = mountDeferredValueImpl(hook, value, initialValue); // Unlike during an actual mount, we need to mark this as an update if
+          // the value changed.
+
+          if (!objectIs(resultValue, prevValue)) {
+            markWorkInProgressReceivedUpdate();
+          }
 
-      var subtreeRenderLanes =
-        prevState !== null ? prevState.baseLanes : renderLanes;
+          return resultValue;
+        }
 
-      pushRenderLanes(workInProgress, subtreeRenderLanes);
-    }
-  } else {
-    // Rendering a visible tree.
-    var _subtreeRenderLanes;
+        var shouldDeferValue = !includesOnlyNonUrgentLanes(renderLanes);
 
-    if (prevState !== null) {
-      // We're going from hidden -> visible.
-      _subtreeRenderLanes = mergeLanes(prevState.baseLanes, renderLanes);
+        if (shouldDeferValue) {
+          // This is an urgent update. Since the value has changed, keep using the
+          // previous value and spawn a deferred render to update it later.
+          // Schedule a deferred render
+          var deferredLane = requestDeferredLane();
+          currentlyRenderingFiber$1.lanes = mergeLanes(
+            currentlyRenderingFiber$1.lanes,
+            deferredLane
+          );
+          markSkippedUpdateLanes(deferredLane); // Reuse the previous value. We do not need to mark this as an update,
+          // because we did not render a new value.
 
-      workInProgress.memoizedState = null;
-    } else {
-      // We weren't previously hidden, and we still aren't, so there's nothing
-      // special to do. Need to push to the stack regardless, though, to avoid
-      // a push/pop misalignment.
-      _subtreeRenderLanes = renderLanes;
+          return prevValue;
+        } else {
+          // This is not an urgent update, so we can use the latest value regardless
+          // of what it is. No need to defer it.
+          // Mark this as an update to prevent the fiber from bailing out.
+          markWorkInProgressReceivedUpdate();
+          hook.memoizedState = value;
+          return value;
+        }
+      }
     }
 
-    pushRenderLanes(workInProgress, _subtreeRenderLanes);
-  }
+    function startTransition(
+      fiber,
+      queue,
+      pendingState,
+      finishedState,
+      callback,
+      options
+    ) {
+      var previousPriority = getCurrentUpdatePriority();
+      setCurrentUpdatePriority(
+        higherEventPriority(previousPriority, ContinuousEventPriority)
+      );
+      var prevTransition = ReactCurrentBatchConfig$2.transition;
+      var currentTransition = {
+        _callbacks: new Set()
+      };
 
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-} // Note: These happen to have identical begin phases, for now. We shouldn't hold
+      {
+        ReactCurrentBatchConfig$2.transition = null;
+        dispatchSetState(fiber, queue, pendingState);
+        ReactCurrentBatchConfig$2.transition = currentTransition;
+      }
 
-function updateFragment(current, workInProgress, renderLanes) {
-  var nextChildren = workInProgress.pendingProps;
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
+      {
+        ReactCurrentBatchConfig$2.transition._updatedFibers = new Set();
+      }
 
-function updateMode(current, workInProgress, renderLanes) {
-  var nextChildren = workInProgress.pendingProps.children;
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
+      try {
+        var returnValue, thenable, thenableForFinishedState;
+        if (enableAsyncActions);
+        else {
+          // Async actions are not enabled.
+          dispatchSetState(fiber, queue, finishedState);
+          callback();
+        }
+      } catch (error) {
+        {
+          // The error rethrowing behavior is only enabled when the async actions
+          // feature is on, even for sync actions.
+          throw error;
+        }
+      } finally {
+        setCurrentUpdatePriority(previousPriority);
+        ReactCurrentBatchConfig$2.transition = prevTransition;
 
-function updateProfiler(current, workInProgress, renderLanes) {
-  {
-    workInProgress.flags |= Update;
+        {
+          if (prevTransition === null && currentTransition._updatedFibers) {
+            var updatedFibersCount = currentTransition._updatedFibers.size;
 
-    {
-      // Reset effect durations for the next eventual effect phase.
-      // These are reset during render to allow the DevTools commit hook a chance to read them,
-      var stateNode = workInProgress.stateNode;
-      stateNode.effectDuration = 0;
-      stateNode.passiveEffectDuration = 0;
-    }
-  }
-
-  var nextProps = workInProgress.pendingProps;
-  var nextChildren = nextProps.children;
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
+            currentTransition._updatedFibers.clear();
 
-function markRef(current, workInProgress) {
-  var ref = workInProgress.ref;
+            if (updatedFibersCount > 10) {
+              warn(
+                "Detected a large number of updates inside startTransition. " +
+                  "If this is due to a subscription please re-write it to use React provided hooks. " +
+                  "Otherwise concurrent mode guarantees are off the table."
+              );
+            }
+          }
+        }
+      }
+    }
 
-  if (
-    (current === null && ref !== null) ||
-    (current !== null && current.ref !== ref)
-  ) {
-    // Schedule a Ref effect
-    workInProgress.flags |= Ref;
-  }
-}
+    function mountTransition() {
+      var stateHook = mountStateImpl(false); // The `start` method never changes.
 
-function updateFunctionComponent(
-  current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  {
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
-
-      if (innerPropTypes) {
-        checkPropTypes(
-          innerPropTypes,
-          nextProps, // Resolved props
-          "prop",
-          getComponentNameFromType(Component)
-        );
-      }
+      var start = startTransition.bind(
+        null,
+        currentlyRenderingFiber$1,
+        stateHook.queue,
+        true,
+        false
+      );
+      var hook = mountWorkInProgressHook();
+      hook.memoizedState = start;
+      return [false, start];
     }
-  }
 
-  var context;
+    function updateTransition() {
+      var _updateState = updateState(),
+        booleanOrThenable = _updateState[0];
 
-  {
-    var unmaskedContext = getUnmaskedContext(workInProgress, Component, true);
-    context = getMaskedContext(workInProgress, unmaskedContext);
-  }
+      var hook = updateWorkInProgressHook();
+      var start = hook.memoizedState;
+      var isPending =
+        typeof booleanOrThenable === "boolean"
+          ? booleanOrThenable // This will suspend until the async action scope has finished.
+          : useThenable(booleanOrThenable);
+      return [isPending, start];
+    }
 
-  var nextChildren;
-  prepareToReadContext(workInProgress, renderLanes);
+    function rerenderTransition() {
+      var _rerenderState = rerenderState(),
+        booleanOrThenable = _rerenderState[0];
 
-  {
-    ReactCurrentOwner$1.current = workInProgress;
-    setIsRendering(true);
-    nextChildren = renderWithHooks(
-      current,
-      workInProgress,
-      Component,
-      nextProps,
-      context,
-      renderLanes
-    );
+      var hook = updateWorkInProgressHook();
+      var start = hook.memoizedState;
+      var isPending =
+        typeof booleanOrThenable === "boolean"
+          ? booleanOrThenable // This will suspend until the async action scope has finished.
+          : useThenable(booleanOrThenable);
+      return [isPending, start];
+    }
 
-    setIsRendering(false);
-  }
+    function mountId() {
+      var hook = mountWorkInProgressHook();
+      var root = getWorkInProgressRoot(); // TODO: In Fizz, id generation is specific to each server config. Maybe we
+      // should do this in Fiber, too? Deferring this decision for now because
+      // there's no other place to store the prefix except for an internal field on
+      // the public createRoot object, which the fiber tree does not currently have
+      // a reference to.
 
-  if (current !== null && !didReceiveUpdate) {
-    bailoutHooks(current, workInProgress, renderLanes);
-    return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
-  }
+      var identifierPrefix = root.identifierPrefix;
+      var id;
 
-  workInProgress.flags |= PerformedWork;
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
+      {
+        // Use a lowercase r prefix for client-generated ids.
+        var globalClientId = globalClientIdCounter++;
+        id = ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":";
+      }
 
-function updateClassComponent(
-  current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  {
-    // This is used by DevTools to force a boundary to error.
-    switch (shouldError(workInProgress)) {
-      case false: {
-        var _instance = workInProgress.stateNode;
-        var ctor = workInProgress.type; // TODO This way of resetting the error boundary state is a hack.
-        // Is there a better way to do this?
-
-        var tempInstance = new ctor(
-          workInProgress.memoizedProps,
-          _instance.context
-        );
-        var state = tempInstance.state;
+      hook.memoizedState = id;
+      return id;
+    }
 
-        _instance.updater.enqueueSetState(_instance, state, null);
+    function updateId() {
+      var hook = updateWorkInProgressHook();
+      var id = hook.memoizedState;
+      return id;
+    }
 
-        break;
+    function dispatchReducerAction(fiber, queue, action) {
+      {
+        if (typeof arguments[3] === "function") {
+          error(
+            "State updates from the useState() and useReducer() Hooks don't support the " +
+              "second callback argument. To execute a side effect after " +
+              "rendering, declare it in the component body with useEffect()."
+          );
+        }
       }
 
-      case true: {
-        workInProgress.flags |= DidCapture;
-        workInProgress.flags |= ShouldCapture; // eslint-disable-next-line react-internal/prod-error-codes
+      var lane = requestUpdateLane(fiber);
+      var update = {
+        lane: lane,
+        revertLane: NoLane,
+        action: action,
+        hasEagerState: false,
+        eagerState: null,
+        next: null
+      };
 
-        var error$1 = new Error("Simulated error coming from DevTools");
-        var lane = pickArbitraryLane(renderLanes);
-        workInProgress.lanes = mergeLanes(workInProgress.lanes, lane); // Schedule the error boundary to re-render using updated state
+      if (isRenderPhaseUpdate(fiber)) {
+        enqueueRenderPhaseUpdate(queue, update);
+      } else {
+        var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
-        var update = createClassErrorUpdate(
-          workInProgress,
-          createCapturedValueAtFiber(error$1, workInProgress),
-          lane
-        );
-        enqueueCapturedUpdate(workInProgress, update);
-        break;
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitionUpdate(root, queue, lane);
+        }
       }
     }
 
-    if (workInProgress.type !== workInProgress.elementType) {
-      // Lazy component props can't be validated in createElement
-      // because they're only guaranteed to be resolved here.
-      var innerPropTypes = Component.propTypes;
-
-      if (innerPropTypes) {
-        checkPropTypes(
-          innerPropTypes,
-          nextProps, // Resolved props
-          "prop",
-          getComponentNameFromType(Component)
-        );
+    function dispatchSetState(fiber, queue, action) {
+      {
+        if (typeof arguments[3] === "function") {
+          error(
+            "State updates from the useState() and useReducer() Hooks don't support the " +
+              "second callback argument. To execute a side effect after " +
+              "rendering, declare it in the component body with useEffect()."
+          );
+        }
       }
-    }
-  } // Push context providers early to prevent context stack mismatches.
-  // During mounting we don't know the child context yet as the instance doesn't exist.
-  // We will invalidate the child context in finishClassComponent() right after rendering.
-
-  var hasContext;
 
-  if (isContextProvider(Component)) {
-    hasContext = true;
-    pushContextProvider(workInProgress);
-  } else {
-    hasContext = false;
-  }
+      var lane = requestUpdateLane(fiber);
+      var update = {
+        lane: lane,
+        revertLane: NoLane,
+        action: action,
+        hasEagerState: false,
+        eagerState: null,
+        next: null
+      };
 
-  prepareToReadContext(workInProgress, renderLanes);
-  var instance = workInProgress.stateNode;
-  var shouldUpdate;
+      if (isRenderPhaseUpdate(fiber)) {
+        enqueueRenderPhaseUpdate(queue, update);
+      } else {
+        var alternate = fiber.alternate;
 
-  if (instance === null) {
-    resetSuspendedCurrentOnMountInLegacyMode(current, workInProgress); // In the initial pass we might need to construct the instance.
+        if (
+          fiber.lanes === NoLanes &&
+          (alternate === null || alternate.lanes === NoLanes)
+        ) {
+          // The queue is currently empty, which means we can eagerly compute the
+          // next state before entering the render phase. If the new state is the
+          // same as the current state, we may be able to bail out entirely.
+          var lastRenderedReducer = queue.lastRenderedReducer;
 
-    constructClassInstance(workInProgress, Component, nextProps);
-    mountClassInstance(workInProgress, Component, nextProps, renderLanes);
-    shouldUpdate = true;
-  } else if (current === null) {
-    // In a resume, we'll already have an instance we can reuse.
-    shouldUpdate = resumeMountClassInstance(
-      workInProgress,
-      Component,
-      nextProps,
-      renderLanes
-    );
-  } else {
-    shouldUpdate = updateClassInstance(
-      current,
-      workInProgress,
-      Component,
-      nextProps,
-      renderLanes
-    );
-  }
-
-  var nextUnitOfWork = finishClassComponent(
-    current,
-    workInProgress,
-    Component,
-    shouldUpdate,
-    hasContext,
-    renderLanes
-  );
-
-  {
-    var inst = workInProgress.stateNode;
-
-    if (shouldUpdate && inst.props !== nextProps) {
-      if (!didWarnAboutReassigningProps) {
-        error(
-          "It looks like %s is reassigning its own `this.props` while rendering. " +
-            "This is not supported and can lead to confusing bugs.",
-          getComponentNameFromFiber(workInProgress) || "a component"
-        );
-      }
+          if (lastRenderedReducer !== null) {
+            var prevDispatcher;
 
-      didWarnAboutReassigningProps = true;
-    }
-  }
+            {
+              prevDispatcher = ReactCurrentDispatcher$1.current;
+              ReactCurrentDispatcher$1.current =
+                InvalidNestedHooksDispatcherOnUpdateInDEV;
+            }
 
-  return nextUnitOfWork;
-}
+            try {
+              var currentState = queue.lastRenderedState;
+              var eagerState = lastRenderedReducer(currentState, action); // Stash the eagerly computed state, and the reducer used to compute
+              // it, on the update object. If the reducer hasn't changed by the
+              // time we enter the render phase, then the eager state can be used
+              // without calling the reducer again.
+
+              update.hasEagerState = true;
+              update.eagerState = eagerState;
+
+              if (objectIs(eagerState, currentState)) {
+                // Fast path. We can bail out without scheduling React to re-render.
+                // It's still possible that we'll need to rebase this update later,
+                // if the component re-renders for a different reason and by that
+                // time the reducer has changed.
+                // TODO: Do we still need to entangle transitions in this case?
+                enqueueConcurrentHookUpdateAndEagerlyBailout(
+                  fiber,
+                  queue,
+                  update
+                );
+                return;
+              }
+            } catch (error) {
+              // Suppress the error. It will throw again in the render phase.
+            } finally {
+              {
+                ReactCurrentDispatcher$1.current = prevDispatcher;
+              }
+            }
+          }
+        }
 
-function finishClassComponent(
-  current,
-  workInProgress,
-  Component,
-  shouldUpdate,
-  hasContext,
-  renderLanes
-) {
-  // Refs should update even if shouldComponentUpdate returns false
-  markRef(current, workInProgress);
-  var didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags;
-
-  if (!shouldUpdate && !didCaptureError) {
-    // Context providers should defer to sCU for rendering
-    if (hasContext) {
-      invalidateContextProvider(workInProgress, Component, false);
-    }
-
-    return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
-  }
-
-  var instance = workInProgress.stateNode; // Rerender
-
-  ReactCurrentOwner$1.current = workInProgress;
-  var nextChildren;
-
-  if (
-    didCaptureError &&
-    typeof Component.getDerivedStateFromError !== "function"
-  ) {
-    // If we captured an error, but getDerivedStateFromError is not defined,
-    // unmount all the children. componentDidCatch will schedule an update to
-    // re-render a fallback. This is temporary until we migrate everyone to
-    // the new API.
-    // TODO: Warn in a future release.
-    nextChildren = null;
+        var root = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
 
-    {
-      stopProfilerTimerIfRunning();
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitionUpdate(root, queue, lane);
+        }
+      }
     }
-  } else {
-    {
-      setIsRendering(true);
-      nextChildren = instance.render();
 
-      setIsRendering(false);
+    function isRenderPhaseUpdate(fiber) {
+      var alternate = fiber.alternate;
+      return (
+        fiber === currentlyRenderingFiber$1 ||
+        (alternate !== null && alternate === currentlyRenderingFiber$1)
+      );
     }
-  } // React DevTools reads this flag.
 
-  workInProgress.flags |= PerformedWork;
+    function enqueueRenderPhaseUpdate(queue, update) {
+      // This is a render phase update. Stash it in a lazily-created map of
+      // queue -> linked list of updates. After this render pass, we'll restart
+      // and apply the stashed updates on top of the work-in-progress hook.
+      didScheduleRenderPhaseUpdateDuringThisPass =
+        didScheduleRenderPhaseUpdate = true;
+      var pending = queue.pending;
 
-  if (current !== null && didCaptureError) {
-    // If we're recovering from an error, reconcile without reusing any of
-    // the existing children. Conceptually, the normal children and the children
-    // that are shown on error are two different sets, so we shouldn't reuse
-    // normal children even if their identities match.
-    forceUnmountCurrentAndReconcile(
-      current,
-      workInProgress,
-      nextChildren,
-      renderLanes
-    );
-  } else {
-    reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  } // Memoize state using the values we just used to render.
-  // TODO: Restructure so we never read values from the instance.
+      if (pending === null) {
+        // This is the first update. Create a circular list.
+        update.next = update;
+      } else {
+        update.next = pending.next;
+        pending.next = update;
+      }
+
+      queue.pending = update;
+    } // TODO: Move to ReactFiberConcurrentUpdates?
+
+    function entangleTransitionUpdate(root, queue, lane) {
+      if (isTransitionLane(lane)) {
+        var queueLanes = queue.lanes; // If any entangled lanes are no longer pending on the root, then they
+        // must have finished. We can remove them from the shared queue, which
+        // represents a superset of the actually pending lanes. In some cases we
+        // may entangle more than we need to, but that's OK. In fact it's worse if
+        // we *don't* entangle when we should.
+
+        queueLanes = intersectLanes(queueLanes, root.pendingLanes); // Entangle the new transition lane with the other transition lanes.
+
+        var newQueueLanes = mergeLanes(queueLanes, lane);
+        queue.lanes = newQueueLanes; // Even if queue.lanes already include lane, we don't know for certain if
+        // the lane finished since the last time we entangled it. So we need to
+        // entangle it again, just to be sure.
+
+        markRootEntangled(root, newQueueLanes);
+      }
+    }
+
+    var ContextOnlyDispatcher = {
+      readContext: readContext,
+      use: use,
+      useCallback: throwInvalidHookError,
+      useContext: throwInvalidHookError,
+      useEffect: throwInvalidHookError,
+      useImperativeHandle: throwInvalidHookError,
+      useInsertionEffect: throwInvalidHookError,
+      useLayoutEffect: throwInvalidHookError,
+      useMemo: throwInvalidHookError,
+      useReducer: throwInvalidHookError,
+      useRef: throwInvalidHookError,
+      useState: throwInvalidHookError,
+      useDebugValue: throwInvalidHookError,
+      useDeferredValue: throwInvalidHookError,
+      useTransition: throwInvalidHookError,
+      useSyncExternalStore: throwInvalidHookError,
+      useId: throwInvalidHookError
+    };
 
-  workInProgress.memoizedState = instance.state; // The context might have changed so we need to recalculate it.
+    var HooksDispatcherOnMountInDEV = null;
+    var HooksDispatcherOnMountWithHookTypesInDEV = null;
+    var HooksDispatcherOnUpdateInDEV = null;
+    var HooksDispatcherOnRerenderInDEV = null;
+    var InvalidNestedHooksDispatcherOnMountInDEV = null;
+    var InvalidNestedHooksDispatcherOnUpdateInDEV = null;
+    var InvalidNestedHooksDispatcherOnRerenderInDEV = null;
 
-  if (hasContext) {
-    invalidateContextProvider(workInProgress, Component, true);
-  }
+    {
+      var warnInvalidContextAccess = function () {
+        error(
+          "Context can only be read while React is rendering. " +
+            "In classes, you can read it in the render method or getDerivedStateFromProps. " +
+            "In function components, you can read it directly in the function body, but not " +
+            "inside Hooks like useReducer() or useMemo()."
+        );
+      };
 
-  return workInProgress.child;
-}
+      var warnInvalidHookAccess = function () {
+        error(
+          "Do not call Hooks inside useEffect(...), useMemo(...), or other built-in Hooks. " +
+            "You can only call Hooks at the top level of your React function. " +
+            "For more information, see " +
+            "https://reactjs.org/link/rules-of-hooks"
+        );
+      };
 
-function pushHostRootContext(workInProgress) {
-  var root = workInProgress.stateNode;
+      HooksDispatcherOnMountInDEV = {
+        readContext: function (context) {
+          return readContext(context);
+        },
+        use: use,
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          return mountCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          mountHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          return mountEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          return mountImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          return mountInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          return mountLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          mountHookTypesDev();
+          checkDepsAreArrayDev(deps);
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-  if (root.pendingContext) {
-    pushTopLevelContextObject(
-      workInProgress,
-      root.pendingContext,
-      root.pendingContext !== root.context
-    );
-  } else if (root.context) {
-    // Should always be set
-    pushTopLevelContextObject(workInProgress, root.context, false);
-  }
+          try {
+            return mountMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          mountHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-  pushHostContainer(workInProgress, root.containerInfo);
-}
+          try {
+            return mountReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          mountHookTypesDev();
+          return mountRef(initialValue);
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          mountHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-function updateHostRoot(current, workInProgress, renderLanes) {
-  pushHostRootContext(workInProgress);
+          try {
+            return mountState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          mountHookTypesDev();
+          return mountDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          mountHookTypesDev();
+          return mountDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          mountHookTypesDev();
+          return mountTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          mountHookTypesDev();
+          return mountSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          mountHookTypesDev();
+          return mountId();
+        }
+      };
 
-  if (current === null) {
-    throw new Error("Should have a current fiber. This is a bug in React.");
-  }
+      HooksDispatcherOnMountWithHookTypesInDEV = {
+        readContext: function (context) {
+          return readContext(context);
+        },
+        use: use,
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          updateHookTypesDev();
+          return mountCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          updateHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          updateHookTypesDev();
+          return mountEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          updateHookTypesDev();
+          return mountImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          updateHookTypesDev();
+          return mountInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          updateHookTypesDev();
+          return mountLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-  var nextProps = workInProgress.pendingProps;
-  var prevState = workInProgress.memoizedState;
-  var prevChildren = prevState.element;
-  cloneUpdateQueue(current, workInProgress);
-  processUpdateQueue(workInProgress, nextProps, null, renderLanes);
-  var nextState = workInProgress.memoizedState;
-  var root = workInProgress.stateNode;
-  // being called "element".
+          try {
+            return mountMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-  var nextChildren = nextState.element;
+          try {
+            return mountReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          updateHookTypesDev();
+          return mountRef(initialValue);
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-  {
-    if (nextChildren === prevChildren) {
-      return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
-    }
+          try {
+            return mountState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          updateHookTypesDev();
+          return mountDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          updateHookTypesDev();
+          return mountDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          updateHookTypesDev();
+          return mountTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          updateHookTypesDev();
+          return mountSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          updateHookTypesDev();
+          return mountId();
+        }
+      };
 
-    reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  }
+      HooksDispatcherOnUpdateInDEV = {
+        readContext: function (context) {
+          return readContext(context);
+        },
+        use: use,
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          updateHookTypesDev();
+          return updateCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          updateHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          updateHookTypesDev();
+          return updateEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          updateHookTypesDev();
+          return updateImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          updateHookTypesDev();
+          return updateInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          updateHookTypesDev();
+          return updateLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-  return workInProgress.child;
-}
+          try {
+            return updateMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-function updateHostComponent(current, workInProgress, renderLanes) {
-  pushHostContext(workInProgress);
+          try {
+            return updateReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          updateHookTypesDev();
+          return updateRef();
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-  var type = workInProgress.type;
-  var nextProps = workInProgress.pendingProps;
-  var prevProps = current !== null ? current.memoizedProps : null;
-  var nextChildren = nextProps.children;
+          try {
+            return updateState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          updateHookTypesDev();
+          return updateDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          updateHookTypesDev();
+          return updateDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          updateHookTypesDev();
+          return updateTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          updateHookTypesDev();
+          return updateSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          updateHookTypesDev();
+          return updateId();
+        }
+      };
 
-  if (prevProps !== null && shouldSetTextContent()) {
-    // If we're switching from a direct text child to a normal child, or to
-    // empty, we need to schedule the text content to be reset.
-    workInProgress.flags |= ContentReset;
-  }
+      HooksDispatcherOnRerenderInDEV = {
+        readContext: function (context) {
+          return readContext(context);
+        },
+        use: use,
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          updateHookTypesDev();
+          return updateCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          updateHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          updateHookTypesDev();
+          return updateEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          updateHookTypesDev();
+          return updateImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          updateHookTypesDev();
+          return updateInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          updateHookTypesDev();
+          return updateLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
-  markRef(current, workInProgress);
-  reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  return workInProgress.child;
-}
+          try {
+            return updateMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
-function updateHostText(current, workInProgress) {
-  // immediately after.
+          try {
+            return rerenderReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          updateHookTypesDev();
+          return updateRef();
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnRerenderInDEV;
 
-  return null;
-}
+          try {
+            return rerenderState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          updateHookTypesDev();
+          return updateDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          updateHookTypesDev();
+          return rerenderDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          updateHookTypesDev();
+          return rerenderTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          updateHookTypesDev();
+          return updateSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          updateHookTypesDev();
+          return updateId();
+        }
+      };
 
-function mountLazyComponent(
-  _current,
-  workInProgress,
-  elementType,
-  renderLanes
-) {
-  resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress);
-  var props = workInProgress.pendingProps;
-  var lazyComponent = elementType;
-  var payload = lazyComponent._payload;
-  var init = lazyComponent._init;
-  var Component = init(payload); // Store the unwrapped component in the type.
-
-  workInProgress.type = Component;
-  var resolvedTag = (workInProgress.tag = resolveLazyComponentTag(Component));
-  var resolvedProps = resolveDefaultProps(Component, props);
-  var child;
-
-  switch (resolvedTag) {
-    case FunctionComponent: {
-      {
-        validateFunctionComponentInDev(workInProgress, Component);
-        workInProgress.type = Component = resolveFunctionForHotReloading(
-          Component
-        );
-      }
+      InvalidNestedHooksDispatcherOnMountInDEV = {
+        readContext: function (context) {
+          warnInvalidContextAccess();
+          return readContext(context);
+        },
+        use: function (usable) {
+          warnInvalidHookAccess();
+          return use(usable);
+        },
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-      child = updateFunctionComponent(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderLanes
-      );
-      return child;
-    }
+          try {
+            return mountMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-    case ClassComponent: {
-      {
-        workInProgress.type = Component = resolveClassForHotReloading(
-          Component
-        );
-      }
+          try {
+            return mountReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountRef(initialValue);
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnMountInDEV;
 
-      child = updateClassComponent(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderLanes
-      );
-      return child;
-    }
+          try {
+            return mountState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          warnInvalidHookAccess();
+          mountHookTypesDev();
+          return mountId();
+        }
+      };
 
-    case ForwardRef: {
-      {
-        workInProgress.type = Component = resolveForwardRefForHotReloading(
-          Component
-        );
-      }
+      InvalidNestedHooksDispatcherOnUpdateInDEV = {
+        readContext: function (context) {
+          warnInvalidContextAccess();
+          return readContext(context);
+        },
+        use: function (usable) {
+          warnInvalidHookAccess();
+          return use(usable);
+        },
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-      child = updateForwardRef(
-        null,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderLanes
-      );
-      return child;
-    }
+          try {
+            return updateMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-    case MemoComponent: {
-      {
-        if (workInProgress.type !== workInProgress.elementType) {
-          var outerPropTypes = Component.propTypes;
+          try {
+            return updateReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateRef();
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-          if (outerPropTypes) {
-            checkPropTypes(
-              outerPropTypes,
-              resolvedProps, // Resolved for outer only
-              "prop",
-              getComponentNameFromType(Component)
-            );
+          try {
+            return updateState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
           }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateId();
         }
-      }
+      };
 
-      child = updateMemoComponent(
-        null,
-        workInProgress,
-        Component,
-        resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
-        renderLanes
-      );
-      return child;
-    }
-  }
+      InvalidNestedHooksDispatcherOnRerenderInDEV = {
+        readContext: function (context) {
+          warnInvalidContextAccess();
+          return readContext(context);
+        },
+        use: function (usable) {
+          warnInvalidHookAccess();
+          return use(usable);
+        },
+        useCallback: function (callback, deps) {
+          currentHookNameInDev = "useCallback";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateCallback(callback, deps);
+        },
+        useContext: function (context) {
+          currentHookNameInDev = "useContext";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return readContext(context);
+        },
+        useEffect: function (create, deps) {
+          currentHookNameInDev = "useEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateEffect(create, deps);
+        },
+        useImperativeHandle: function (ref, create, deps) {
+          currentHookNameInDev = "useImperativeHandle";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateImperativeHandle(ref, create, deps);
+        },
+        useInsertionEffect: function (create, deps) {
+          currentHookNameInDev = "useInsertionEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateInsertionEffect(create, deps);
+        },
+        useLayoutEffect: function (create, deps) {
+          currentHookNameInDev = "useLayoutEffect";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateLayoutEffect(create, deps);
+        },
+        useMemo: function (create, deps) {
+          currentHookNameInDev = "useMemo";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-  var hint = "";
+          try {
+            return updateMemo(create, deps);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useReducer: function (reducer, initialArg, init) {
+          currentHookNameInDev = "useReducer";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-  {
-    if (
-      Component !== null &&
-      typeof Component === "object" &&
-      Component.$$typeof === REACT_LAZY_TYPE
-    ) {
-      hint = " Did you wrap a component in React.lazy() more than once?";
-    }
-  } // This message intentionally doesn't mention ForwardRef or MemoComponent
-  // because the fact that it's a separate type of work is an
-  // implementation detail.
-
-  throw new Error(
-    "Element type is invalid. Received a promise that resolves to: " +
-      Component +
-      ". " +
-      ("Lazy element type must resolve to a class or function." + hint)
-  );
-}
+          try {
+            return rerenderReducer(reducer, initialArg, init);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useRef: function (initialValue) {
+          currentHookNameInDev = "useRef";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateRef();
+        },
+        useState: function (initialState) {
+          currentHookNameInDev = "useState";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          var prevDispatcher = ReactCurrentDispatcher$1.current;
+          ReactCurrentDispatcher$1.current =
+            InvalidNestedHooksDispatcherOnUpdateInDEV;
 
-function mountIncompleteClassComponent(
-  _current,
-  workInProgress,
-  Component,
-  nextProps,
-  renderLanes
-) {
-  resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress); // Promote the fiber to a class and try rendering again.
-
-  workInProgress.tag = ClassComponent; // The rest of this function is a fork of `updateClassComponent`
-  // Push context providers early to prevent context stack mismatches.
-  // During mounting we don't know the child context yet as the instance doesn't exist.
-  // We will invalidate the child context in finishClassComponent() right after rendering.
-
-  var hasContext;
-
-  if (isContextProvider(Component)) {
-    hasContext = true;
-    pushContextProvider(workInProgress);
-  } else {
-    hasContext = false;
-  }
-
-  prepareToReadContext(workInProgress, renderLanes);
-  constructClassInstance(workInProgress, Component, nextProps);
-  mountClassInstance(workInProgress, Component, nextProps, renderLanes);
-  return finishClassComponent(
-    null,
-    workInProgress,
-    Component,
-    true,
-    hasContext,
-    renderLanes
-  );
-}
+          try {
+            return rerenderState(initialState);
+          } finally {
+            ReactCurrentDispatcher$1.current = prevDispatcher;
+          }
+        },
+        useDebugValue: function (value, formatterFn) {
+          currentHookNameInDev = "useDebugValue";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateDebugValue();
+        },
+        useDeferredValue: function (value, initialValue) {
+          currentHookNameInDev = "useDeferredValue";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return rerenderDeferredValue(value, initialValue);
+        },
+        useTransition: function () {
+          currentHookNameInDev = "useTransition";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return rerenderTransition();
+        },
+        useSyncExternalStore: function (
+          subscribe,
+          getSnapshot,
+          getServerSnapshot
+        ) {
+          currentHookNameInDev = "useSyncExternalStore";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateSyncExternalStore(subscribe, getSnapshot);
+        },
+        useId: function () {
+          currentHookNameInDev = "useId";
+          warnInvalidHookAccess();
+          updateHookTypesDev();
+          return updateId();
+        }
+      };
+    }
 
-function mountIndeterminateComponent(
-  _current,
-  workInProgress,
-  Component,
-  renderLanes
-) {
-  resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress);
-  var props = workInProgress.pendingProps;
-  var context;
-
-  {
-    var unmaskedContext = getUnmaskedContext(workInProgress, Component, false);
-    context = getMaskedContext(workInProgress, unmaskedContext);
-  }
-
-  prepareToReadContext(workInProgress, renderLanes);
-  var value;
-
-  {
-    if (
-      Component.prototype &&
-      typeof Component.prototype.render === "function"
-    ) {
-      var componentName = getComponentNameFromType(Component) || "Unknown";
+    var now = Scheduler.unstable_now;
+    var commitTime = 0;
+    var layoutEffectStartTime = -1;
+    var profilerStartTime = -1;
+    var passiveEffectStartTime = -1;
+    /**
+     * Tracks whether the current update was a nested/cascading update (scheduled from a layout effect).
+     *
+     * The overall sequence is:
+     *   1. render
+     *   2. commit (and call `onRender`, `onCommit`)
+     *   3. check for nested updates
+     *   4. flush passive effects (and call `onPostCommit`)
+     *
+     * Nested updates are identified in step 3 above,
+     * but step 4 still applies to the work that was just committed.
+     * We use two flags to track nested updates then:
+     * one tracks whether the upcoming update is a nested update,
+     * and the other tracks whether the current update was a nested update.
+     * The first value gets synced to the second at the start of the render phase.
+     */
 
-      if (!didWarnAboutBadClass[componentName]) {
-        error(
-          "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
-            "This is likely to cause errors. Change %s to extend React.Component instead.",
-          componentName,
-          componentName
-        );
+    var currentUpdateIsNested = false;
+    var nestedUpdateScheduled = false;
+
+    function isCurrentUpdateNested() {
+      return currentUpdateIsNested;
+    }
 
-        didWarnAboutBadClass[componentName] = true;
+    function markNestedUpdateScheduled() {
+      {
+        nestedUpdateScheduled = true;
       }
     }
 
-    if (workInProgress.mode & StrictLegacyMode) {
-      ReactStrictModeWarnings.recordLegacyContextWarning(workInProgress, null);
+    function resetNestedUpdateFlag() {
+      {
+        currentUpdateIsNested = false;
+        nestedUpdateScheduled = false;
+      }
     }
 
-    setIsRendering(true);
-    ReactCurrentOwner$1.current = workInProgress;
-    value = renderWithHooks(
-      null,
-      workInProgress,
-      Component,
-      props,
-      context,
-      renderLanes
-    );
-    setIsRendering(false);
-  }
+    function syncNestedUpdateFlag() {
+      {
+        currentUpdateIsNested = nestedUpdateScheduled;
+        nestedUpdateScheduled = false;
+      }
+    }
 
-  workInProgress.flags |= PerformedWork;
+    function getCommitTime() {
+      return commitTime;
+    }
 
-  {
-    // Support for module components is deprecated and is removed behind a flag.
-    // Whether or not it would crash later, we want to show a good message in DEV first.
-    if (
-      typeof value === "object" &&
-      value !== null &&
-      typeof value.render === "function" &&
-      value.$$typeof === undefined
-    ) {
-      var _componentName = getComponentNameFromType(Component) || "Unknown";
+    function recordCommitTime() {
+      commitTime = now();
+    }
 
-      if (!didWarnAboutModulePatternComponent[_componentName]) {
-        error(
-          "The <%s /> component appears to be a function component that returns a class instance. " +
-            "Change %s to a class that extends React.Component instead. " +
-            "If you can't use a class try assigning the prototype on the function as a workaround. " +
-            "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " +
-            "cannot be called with `new` by React.",
-          _componentName,
-          _componentName,
-          _componentName
-        );
+    function startProfilerTimer(fiber) {
+      profilerStartTime = now();
 
-        didWarnAboutModulePatternComponent[_componentName] = true;
+      if (fiber.actualStartTime < 0) {
+        fiber.actualStartTime = now();
       }
     }
-  }
 
-  if (
-    // Run these checks in production only if the flag is off.
-    // Eventually we'll delete this branch altogether.
-    typeof value === "object" &&
-    value !== null &&
-    typeof value.render === "function" &&
-    value.$$typeof === undefined
-  ) {
-    {
-      var _componentName2 = getComponentNameFromType(Component) || "Unknown";
+    function stopProfilerTimerIfRunning(fiber) {
+      profilerStartTime = -1;
+    }
 
-      if (!didWarnAboutModulePatternComponent[_componentName2]) {
-        error(
-          "The <%s /> component appears to be a function component that returns a class instance. " +
-            "Change %s to a class that extends React.Component instead. " +
-            "If you can't use a class try assigning the prototype on the function as a workaround. " +
-            "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " +
-            "cannot be called with `new` by React.",
-          _componentName2,
-          _componentName2,
-          _componentName2
-        );
+    function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
+      if (profilerStartTime >= 0) {
+        var elapsedTime = now() - profilerStartTime;
+        fiber.actualDuration += elapsedTime;
+
+        if (overrideBaseTime) {
+          fiber.selfBaseDuration = elapsedTime;
+        }
 
-        didWarnAboutModulePatternComponent[_componentName2] = true;
+        profilerStartTime = -1;
       }
-    } // Proceed under the assumption that this is a class instance
+    }
 
-    workInProgress.tag = ClassComponent; // Throw out any hooks that were used.
+    function recordLayoutEffectDuration(fiber) {
+      if (layoutEffectStartTime >= 0) {
+        var elapsedTime = now() - layoutEffectStartTime;
+        layoutEffectStartTime = -1; // Store duration on the next nearest Profiler ancestor
+        // Or the root (for the DevTools Profiler to read)
 
-    workInProgress.memoizedState = null;
-    workInProgress.updateQueue = null; // Push context providers early to prevent context stack mismatches.
-    // During mounting we don't know the child context yet as the instance doesn't exist.
-    // We will invalidate the child context in finishClassComponent() right after rendering.
+        var parentFiber = fiber.return;
 
-    var hasContext = false;
+        while (parentFiber !== null) {
+          switch (parentFiber.tag) {
+            case HostRoot:
+              var root = parentFiber.stateNode;
+              root.effectDuration += elapsedTime;
+              return;
 
-    if (isContextProvider(Component)) {
-      hasContext = true;
-      pushContextProvider(workInProgress);
-    } else {
-      hasContext = false;
+            case Profiler:
+              var parentStateNode = parentFiber.stateNode;
+              parentStateNode.effectDuration += elapsedTime;
+              return;
+          }
+
+          parentFiber = parentFiber.return;
+        }
+      }
     }
 
-    workInProgress.memoizedState =
-      value.state !== null && value.state !== undefined ? value.state : null;
-    initializeUpdateQueue(workInProgress);
-    adoptClassInstance(workInProgress, value);
-    mountClassInstance(workInProgress, Component, props, renderLanes);
-    return finishClassComponent(
-      null,
-      workInProgress,
-      Component,
-      true,
-      hasContext,
-      renderLanes
-    );
-  } else {
-    // Proceed under the assumption that this is a function component
-    workInProgress.tag = FunctionComponent;
+    function recordPassiveEffectDuration(fiber) {
+      if (passiveEffectStartTime >= 0) {
+        var elapsedTime = now() - passiveEffectStartTime;
+        passiveEffectStartTime = -1; // Store duration on the next nearest Profiler ancestor
+        // Or the root (for the DevTools Profiler to read)
 
-    reconcileChildren(null, workInProgress, value, renderLanes);
+        var parentFiber = fiber.return;
 
-    {
-      validateFunctionComponentInDev(workInProgress, Component);
-    }
+        while (parentFiber !== null) {
+          switch (parentFiber.tag) {
+            case HostRoot:
+              var root = parentFiber.stateNode;
 
-    return workInProgress.child;
-  }
-}
+              if (root !== null) {
+                root.passiveEffectDuration += elapsedTime;
+              }
 
-function validateFunctionComponentInDev(workInProgress, Component) {
-  {
-    if (Component) {
-      if (Component.childContextTypes) {
-        error(
-          "%s(...): childContextTypes cannot be defined on a function component.",
-          Component.displayName || Component.name || "Component"
-        );
-      }
-    }
+              return;
 
-    if (workInProgress.ref !== null) {
-      var info = "";
-      var ownerName = getCurrentFiberOwnerNameInDevOrNull();
+            case Profiler:
+              var parentStateNode = parentFiber.stateNode;
 
-      if (ownerName) {
-        info += "\n\nCheck the render method of `" + ownerName + "`.";
-      }
+              if (parentStateNode !== null) {
+                // Detached fibers have their state node cleared out.
+                // In this case, the return pointer is also cleared out,
+                // so we won't be able to report the time spent in this Profiler's subtree.
+                parentStateNode.passiveEffectDuration += elapsedTime;
+              }
 
-      var warningKey = ownerName || "";
-      var debugSource = workInProgress._debugSource;
+              return;
+          }
 
-      if (debugSource) {
-        warningKey = debugSource.fileName + ":" + debugSource.lineNumber;
+          parentFiber = parentFiber.return;
+        }
       }
+    }
 
-      if (!didWarnAboutFunctionRefs[warningKey]) {
-        didWarnAboutFunctionRefs[warningKey] = true;
-
-        error(
-          "Function components cannot be given refs. " +
-            "Attempts to access this ref will fail. " +
-            "Did you mean to use React.forwardRef()?%s",
-          info
-        );
-      }
+    function startLayoutEffectTimer() {
+      layoutEffectStartTime = now();
     }
 
-    if (typeof Component.getDerivedStateFromProps === "function") {
-      var _componentName3 = getComponentNameFromType(Component) || "Unknown";
+    function startPassiveEffectTimer() {
+      passiveEffectStartTime = now();
+    }
 
-      if (!didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3]) {
-        error(
-          "%s: Function components do not support getDerivedStateFromProps.",
-          _componentName3
-        );
+    function transferActualDuration(fiber) {
+      // Transfer time spent rendering these children so we don't lose it
+      // after we rerender. This is used as a helper in special cases
+      // where we should count the work of multiple passes.
+      var child = fiber.child;
 
-        didWarnAboutGetDerivedStateOnFunctionComponent[_componentName3] = true;
+      while (child) {
+        // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
+        fiber.actualDuration += child.actualDuration;
+        child = child.sibling;
       }
     }
 
-    if (
-      typeof Component.contextType === "object" &&
-      Component.contextType !== null
-    ) {
-      var _componentName4 = getComponentNameFromType(Component) || "Unknown";
+    function resolveDefaultProps(Component, baseProps) {
+      if (Component && Component.defaultProps) {
+        // Resolve default props. Taken from ReactElement
+        var props = assign({}, baseProps);
+        var defaultProps = Component.defaultProps;
 
-      if (!didWarnAboutContextTypeOnFunctionComponent[_componentName4]) {
-        error(
-          "%s: Function components do not support contextType.",
-          _componentName4
-        );
+        for (var propName in defaultProps) {
+          if (props[propName] === undefined) {
+            props[propName] = defaultProps[propName];
+          }
+        }
 
-        didWarnAboutContextTypeOnFunctionComponent[_componentName4] = true;
+        return props;
       }
+
+      return baseProps;
     }
-  }
-}
 
-var SUSPENDED_MARKER = {
-  dehydrated: null,
-  treeContext: null,
-  retryLane: NoLane
-};
-
-function mountSuspenseOffscreenState(renderLanes) {
-  return {
-    baseLanes: renderLanes,
-    cachePool: getSuspendedCache(),
-    transitions: null
-  };
-}
+    var fakeInternalInstance = {};
+    var didWarnAboutStateAssignmentForComponent;
+    var didWarnAboutUninitializedState;
+    var didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate;
+    var didWarnAboutLegacyLifecyclesAndDerivedState;
+    var didWarnAboutUndefinedDerivedState;
+    var didWarnAboutDirectlyAssigningPropsToState;
+    var didWarnAboutContextTypeAndContextTypes;
+    var didWarnAboutInvalidateContextType;
+    var didWarnOnInvalidCallback;
 
-function updateSuspenseOffscreenState(prevOffscreenState, renderLanes) {
-  var cachePool = null;
-
-  return {
-    baseLanes: mergeLanes(prevOffscreenState.baseLanes, renderLanes),
-    cachePool: cachePool,
-    transitions: prevOffscreenState.transitions
-  };
-} // TODO: Probably should inline this back
-
-function shouldRemainOnFallback(
-  suspenseContext,
-  current,
-  workInProgress,
-  renderLanes
-) {
-  // If we're already showing a fallback, there are cases where we need to
-  // remain on that fallback regardless of whether the content has resolved.
-  // For example, SuspenseList coordinates when nested content appears.
-  if (current !== null) {
-    var suspenseState = current.memoizedState;
-
-    if (suspenseState === null) {
-      // Currently showing content. Don't hide it, even if ForceSuspenseFallback
-      // is true. More precise name might be "ForceRemainSuspenseFallback".
-      // Note: This is a factoring smell. Can't remain on a fallback if there's
-      // no fallback to remain on.
-      return false;
+    {
+      didWarnAboutStateAssignmentForComponent = new Set();
+      didWarnAboutUninitializedState = new Set();
+      didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate = new Set();
+      didWarnAboutLegacyLifecyclesAndDerivedState = new Set();
+      didWarnAboutDirectlyAssigningPropsToState = new Set();
+      didWarnAboutUndefinedDerivedState = new Set();
+      didWarnAboutContextTypeAndContextTypes = new Set();
+      didWarnAboutInvalidateContextType = new Set();
+      didWarnOnInvalidCallback = new Set(); // This is so gross but it's at least non-critical and can be removed if
+      // it causes problems. This is meant to give a nicer error message for
+      // ReactDOM15.unstable_renderSubtreeIntoContainer(reactDOM16Component,
+      // ...)) which otherwise throws a "_processChildContext is not a function"
+      // exception.
+
+      Object.defineProperty(fakeInternalInstance, "_processChildContext", {
+        enumerable: false,
+        value: function () {
+          throw new Error(
+            "_processChildContext is not available in React 16+. This likely " +
+              "means you have multiple copies of React and are attempting to nest " +
+              "a React 15 tree inside a React 16 tree using " +
+              "unstable_renderSubtreeIntoContainer, which isn't supported. Try " +
+              "to make sure you have only one copy of React (and ideally, switch " +
+              "to ReactDOM.createPortal)."
+          );
+        }
+      });
+      Object.freeze(fakeInternalInstance);
     }
-  } // Not currently showing content. Consult the Suspense context.
 
-  return hasSuspenseContext(suspenseContext, ForceSuspenseFallback);
-}
+    function warnOnInvalidCallback(callback, callerName) {
+      {
+        if (callback === null || typeof callback === "function") {
+          return;
+        }
 
-function getRemainingWorkInPrimaryTree(current, renderLanes) {
-  // TODO: Should not remove render lanes that were pinged during this render
-  return removeLanes(current.childLanes, renderLanes);
-}
+        var key = callerName + "_" + callback;
 
-function updateSuspenseComponent(current, workInProgress, renderLanes) {
-  var nextProps = workInProgress.pendingProps; // This is used by DevTools to force a boundary to suspend.
-
-  {
-    if (shouldSuspend(workInProgress)) {
-      workInProgress.flags |= DidCapture;
-    }
-  }
-
-  var suspenseContext = suspenseStackCursor.current;
-  var showFallback = false;
-  var didSuspend = (workInProgress.flags & DidCapture) !== NoFlags;
-
-  if (didSuspend || shouldRemainOnFallback(suspenseContext, current)) {
-    // Something in this boundary's subtree already suspended. Switch to
-    // rendering the fallback children.
-    showFallback = true;
-    workInProgress.flags &= ~DidCapture;
-  } else {
-    // Attempting the main content
-    if (current === null || current.memoizedState !== null) {
-      // This is a new mount or this boundary is already showing a fallback state.
-      // Mark this subtree context as having at least one invisible parent that could
-      // handle the fallback state.
-      // Avoided boundaries are not considered since they cannot handle preferred fallback states.
-      {
-        suspenseContext = addSubtreeSuspenseContext(
-          suspenseContext,
-          InvisibleParentSuspenseContext
-        );
+        if (!didWarnOnInvalidCallback.has(key)) {
+          didWarnOnInvalidCallback.add(key);
+
+          error(
+            "%s(...): Expected the last optional `callback` argument to be a " +
+              "function. Instead received: %s.",
+            callerName,
+            callback
+          );
+        }
       }
     }
-  }
-
-  suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
-  pushSuspenseContext(workInProgress, suspenseContext); // OK, the next part is confusing. We're about to reconcile the Suspense
-  // boundary's children. This involves some custom reconciliation logic. Two
-  // main reasons this is so complicated.
-  //
-  // First, Legacy Mode has different semantics for backwards compatibility. The
-  // primary tree will commit in an inconsistent state, so when we do the
-  // second pass to render the fallback, we do some exceedingly, uh, clever
-  // hacks to make that not totally break. Like transferring effects and
-  // deletions from hidden tree. In Concurrent Mode, it's much simpler,
-  // because we bailout on the primary tree completely and leave it in its old
-  // state, no effects. Same as what we do for Offscreen (except that
-  // Offscreen doesn't have the first render pass).
-  //
-  // Second is hydration. During hydration, the Suspense fiber has a slightly
-  // different layout, where the child points to a dehydrated fragment, which
-  // contains the DOM rendered by the server.
-  //
-  // Third, even if you set all that aside, Suspense is like error boundaries in
-  // that we first we try to render one tree, and if that fails, we render again
-  // and switch to a different tree. Like a try/catch block. So we have to track
-  // which branch we're currently rendering. Ideally we would model this using
-  // a stack.
-
-  if (current === null) {
-    var suspenseState = workInProgress.memoizedState;
-
-    if (suspenseState !== null) {
-      var dehydrated = suspenseState.dehydrated;
-
-      if (dehydrated !== null) {
-        return mountDehydratedSuspenseComponent(workInProgress);
-      }
-    }
-
-    var nextPrimaryChildren = nextProps.children;
-    var nextFallbackChildren = nextProps.fallback;
-
-    if (showFallback) {
-      var fallbackFragment = mountSuspenseFallbackChildren(
-        workInProgress,
-        nextPrimaryChildren,
-        nextFallbackChildren,
-        renderLanes
-      );
-      var primaryChildFragment = workInProgress.child;
-      primaryChildFragment.memoizedState = mountSuspenseOffscreenState(
-        renderLanes
-      );
-      workInProgress.memoizedState = SUSPENDED_MARKER;
 
-      return fallbackFragment;
-    } else {
-      return mountSuspensePrimaryChildren(workInProgress, nextPrimaryChildren);
-    }
-  } else {
-    // This is an update.
-    // Special path for hydration
-    var prevState = current.memoizedState;
+    function warnOnUndefinedDerivedState(type, partialState) {
+      {
+        if (partialState === undefined) {
+          var componentName = getComponentNameFromType(type) || "Component";
 
-    if (prevState !== null) {
-      var _dehydrated = prevState.dehydrated;
+          if (!didWarnAboutUndefinedDerivedState.has(componentName)) {
+            didWarnAboutUndefinedDerivedState.add(componentName);
 
-      if (_dehydrated !== null) {
-        return updateDehydratedSuspenseComponent(
-          current,
-          workInProgress,
-          didSuspend,
-          nextProps,
-          _dehydrated,
-          prevState,
-          renderLanes
-        );
+            error(
+              "%s.getDerivedStateFromProps(): A valid state object (or null) must be returned. " +
+                "You have returned undefined.",
+              componentName
+            );
+          }
+        }
       }
     }
 
-    if (showFallback) {
-      var _nextFallbackChildren = nextProps.fallback;
-      var _nextPrimaryChildren = nextProps.children;
-      var fallbackChildFragment = updateSuspenseFallbackChildren(
-        current,
-        workInProgress,
-        _nextPrimaryChildren,
-        _nextFallbackChildren,
-        renderLanes
-      );
-      var _primaryChildFragment2 = workInProgress.child;
-      var prevOffscreenState = current.child.memoizedState;
-      _primaryChildFragment2.memoizedState =
-        prevOffscreenState === null
-          ? mountSuspenseOffscreenState(renderLanes)
-          : updateSuspenseOffscreenState(prevOffscreenState, renderLanes);
-
-      _primaryChildFragment2.childLanes = getRemainingWorkInPrimaryTree(
-        current,
-        renderLanes
-      );
-      workInProgress.memoizedState = SUSPENDED_MARKER;
-      return fallbackChildFragment;
-    } else {
-      var _nextPrimaryChildren2 = nextProps.children;
+    function applyDerivedStateFromProps(
+      workInProgress,
+      ctor,
+      getDerivedStateFromProps,
+      nextProps
+    ) {
+      var prevState = workInProgress.memoizedState;
+      var partialState = getDerivedStateFromProps(nextProps, prevState);
 
-      var _primaryChildFragment3 = updateSuspensePrimaryChildren(
-        current,
-        workInProgress,
-        _nextPrimaryChildren2,
-        renderLanes
-      );
+      {
+        if (workInProgress.mode & StrictLegacyMode) {
+          setIsStrictModeForDevtools(true);
 
-      workInProgress.memoizedState = null;
-      return _primaryChildFragment3;
-    }
-  }
-}
+          try {
+            // Invoke the function an extra time to help detect side-effects.
+            partialState = getDerivedStateFromProps(nextProps, prevState);
+          } finally {
+            setIsStrictModeForDevtools(false);
+          }
+        }
 
-function mountSuspensePrimaryChildren(
-  workInProgress,
-  primaryChildren,
-  renderLanes
-) {
-  var mode = workInProgress.mode;
-  var primaryChildProps = {
-    mode: "visible",
-    children: primaryChildren
-  };
-  var primaryChildFragment = mountWorkInProgressOffscreenFiber(
-    primaryChildProps,
-    mode
-  );
-  primaryChildFragment.return = workInProgress;
-  workInProgress.child = primaryChildFragment;
-  return primaryChildFragment;
-}
+        warnOnUndefinedDerivedState(ctor, partialState);
+      } // Merge the partial state and the previous state.
 
-function mountSuspenseFallbackChildren(
-  workInProgress,
-  primaryChildren,
-  fallbackChildren,
-  renderLanes
-) {
-  var mode = workInProgress.mode;
-  var progressedPrimaryFragment = workInProgress.child;
-  var primaryChildProps = {
-    mode: "hidden",
-    children: primaryChildren
-  };
-  var primaryChildFragment;
-  var fallbackChildFragment;
-
-  if (
-    (mode & ConcurrentMode) === NoMode &&
-    progressedPrimaryFragment !== null
-  ) {
-    // In legacy mode, we commit the primary tree as if it successfully
-    // completed, even though it's in an inconsistent state.
-    primaryChildFragment = progressedPrimaryFragment;
-    primaryChildFragment.childLanes = NoLanes;
-    primaryChildFragment.pendingProps = primaryChildProps;
-
-    if (workInProgress.mode & ProfileMode) {
-      // Reset the durations from the first pass so they aren't included in the
-      // final amounts. This seems counterintuitive, since we're intentionally
-      // not measuring part of the render phase, but this makes it match what we
-      // do in Concurrent Mode.
-      primaryChildFragment.actualDuration = 0;
-      primaryChildFragment.actualStartTime = -1;
-      primaryChildFragment.selfBaseDuration = 0;
-      primaryChildFragment.treeBaseDuration = 0;
-    }
-
-    fallbackChildFragment = createFiberFromFragment(
-      fallbackChildren,
-      mode,
-      renderLanes,
-      null
-    );
-  } else {
-    primaryChildFragment = mountWorkInProgressOffscreenFiber(
-      primaryChildProps,
-      mode
-    );
-    fallbackChildFragment = createFiberFromFragment(
-      fallbackChildren,
-      mode,
-      renderLanes,
-      null
-    );
-  }
+      var memoizedState =
+        partialState === null || partialState === undefined
+          ? prevState
+          : assign({}, prevState, partialState);
+      workInProgress.memoizedState = memoizedState; // Once the update queue is empty, persist the derived state onto the
+      // base state.
 
-  primaryChildFragment.return = workInProgress;
-  fallbackChildFragment.return = workInProgress;
-  primaryChildFragment.sibling = fallbackChildFragment;
-  workInProgress.child = primaryChildFragment;
-  return fallbackChildFragment;
-}
+      if (workInProgress.lanes === NoLanes) {
+        // Queue is always non-null for classes
+        var updateQueue = workInProgress.updateQueue;
+        updateQueue.baseState = memoizedState;
+      }
+    }
 
-function mountWorkInProgressOffscreenFiber(offscreenProps, mode, renderLanes) {
-  // The props argument to `createFiberFromOffscreen` is `any` typed, so we use
-  // this wrapper function to constrain it.
-  return createFiberFromOffscreen(offscreenProps, mode, NoLanes, null);
-}
+    var classComponentUpdater = {
+      isMounted: isMounted,
+      // $FlowFixMe[missing-local-annot]
+      enqueueSetState: function (inst, payload, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.payload = payload;
 
-function updateWorkInProgressOffscreenFiber(current, offscreenProps) {
-  // The props argument to `createWorkInProgress` is `any` typed, so we use this
-  // wrapper function to constrain it.
-  return createWorkInProgress(current, offscreenProps);
-}
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback, "setState");
+          }
 
-function updateSuspensePrimaryChildren(
-  current,
-  workInProgress,
-  primaryChildren,
-  renderLanes
-) {
-  var currentPrimaryChildFragment = current.child;
-  var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
-  var primaryChildFragment = updateWorkInProgressOffscreenFiber(
-    currentPrimaryChildFragment,
-    {
-      mode: "visible",
-      children: primaryChildren
-    }
-  );
+          update.callback = callback;
+        }
 
-  if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-    primaryChildFragment.lanes = renderLanes;
-  }
+        var root = enqueueUpdate(fiber, update, lane);
 
-  primaryChildFragment.return = workInProgress;
-  primaryChildFragment.sibling = null;
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
+        }
+      },
+      enqueueReplaceState: function (inst, payload, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.tag = ReplaceState;
+        update.payload = payload;
+
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback, "replaceState");
+          }
 
-  if (currentFallbackChildFragment !== null) {
-    // Delete the fallback child fragment
-    var deletions = workInProgress.deletions;
+          update.callback = callback;
+        }
 
-    if (deletions === null) {
-      workInProgress.deletions = [currentFallbackChildFragment];
-      workInProgress.flags |= ChildDeletion;
-    } else {
-      deletions.push(currentFallbackChildFragment);
-    }
-  }
+        var root = enqueueUpdate(fiber, update, lane);
 
-  workInProgress.child = primaryChildFragment;
-  return primaryChildFragment;
-}
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
+        }
+      },
+      // $FlowFixMe[missing-local-annot]
+      enqueueForceUpdate: function (inst, callback) {
+        var fiber = get(inst);
+        var lane = requestUpdateLane(fiber);
+        var update = createUpdate(lane);
+        update.tag = ForceUpdate;
+
+        if (callback !== undefined && callback !== null) {
+          {
+            warnOnInvalidCallback(callback, "forceUpdate");
+          }
 
-function updateSuspenseFallbackChildren(
-  current,
-  workInProgress,
-  primaryChildren,
-  fallbackChildren,
-  renderLanes
-) {
-  var mode = workInProgress.mode;
-  var currentPrimaryChildFragment = current.child;
-  var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
-  var primaryChildProps = {
-    mode: "hidden",
-    children: primaryChildren
-  };
-  var primaryChildFragment;
-
-  if (
-    // In legacy mode, we commit the primary tree as if it successfully
-    // completed, even though it's in an inconsistent state.
-    (mode & ConcurrentMode) === NoMode && // Make sure we're on the second pass, i.e. the primary child fragment was
-    // already cloned. In legacy mode, the only case where this isn't true is
-    // when DevTools forces us to display a fallback; we skip the first render
-    // pass entirely and go straight to rendering the fallback. (In Concurrent
-    // Mode, SuspenseList can also trigger this scenario, but this is a legacy-
-    // only codepath.)
-    workInProgress.child !== currentPrimaryChildFragment
-  ) {
-    var progressedPrimaryFragment = workInProgress.child;
-    primaryChildFragment = progressedPrimaryFragment;
-    primaryChildFragment.childLanes = NoLanes;
-    primaryChildFragment.pendingProps = primaryChildProps;
-
-    if (workInProgress.mode & ProfileMode) {
-      // Reset the durations from the first pass so they aren't included in the
-      // final amounts. This seems counterintuitive, since we're intentionally
-      // not measuring part of the render phase, but this makes it match what we
-      // do in Concurrent Mode.
-      primaryChildFragment.actualDuration = 0;
-      primaryChildFragment.actualStartTime = -1;
-      primaryChildFragment.selfBaseDuration =
-        currentPrimaryChildFragment.selfBaseDuration;
-      primaryChildFragment.treeBaseDuration =
-        currentPrimaryChildFragment.treeBaseDuration;
-    } // The fallback fiber was added as a deletion during the first pass.
-    // However, since we're going to remain on the fallback, we no longer want
-    // to delete it.
-
-    workInProgress.deletions = null;
-  } else {
-    primaryChildFragment = updateWorkInProgressOffscreenFiber(
-      currentPrimaryChildFragment,
-      primaryChildProps
-    ); // Since we're reusing a current tree, we need to reuse the flags, too.
-    // (We don't do this in legacy mode, because in legacy mode we don't re-use
-    // the current tree; see previous branch.)
-
-    primaryChildFragment.subtreeFlags =
-      currentPrimaryChildFragment.subtreeFlags & StaticMask;
-  }
-
-  var fallbackChildFragment;
-
-  if (currentFallbackChildFragment !== null) {
-    fallbackChildFragment = createWorkInProgress(
-      currentFallbackChildFragment,
-      fallbackChildren
-    );
-  } else {
-    fallbackChildFragment = createFiberFromFragment(
-      fallbackChildren,
-      mode,
-      renderLanes,
-      null
-    ); // Needs a placement effect because the parent (the Suspense boundary) already
-    // mounted but this is a new fiber.
-
-    fallbackChildFragment.flags |= Placement;
-  }
-
-  fallbackChildFragment.return = workInProgress;
-  primaryChildFragment.return = workInProgress;
-  primaryChildFragment.sibling = fallbackChildFragment;
-  workInProgress.child = primaryChildFragment;
-  return fallbackChildFragment;
-}
+          update.callback = callback;
+        }
 
-function retrySuspenseComponentWithoutHydrating(
-  current,
-  workInProgress,
-  renderLanes,
-  recoverableError
-) {
-  // Falling back to client rendering. Because this has performance
-  // implications, it's considered a recoverable error, even though the user
-  // likely won't observe anything wrong with the UI.
-  //
-  // The error is passed in as an argument to enforce that every caller provide
-  // a custom message, or explicitly opt out (currently the only path that opts
-  // out is legacy mode; every concurrent path provides an error).
-  if (recoverableError !== null) {
-    queueHydrationError(recoverableError);
-  } // This will add the old fiber to the deletion list
-
-  reconcileChildFibers(workInProgress, current.child, null, renderLanes); // We're now not suspended nor dehydrated.
-
-  var nextProps = workInProgress.pendingProps;
-  var primaryChildren = nextProps.children;
-  var primaryChildFragment = mountSuspensePrimaryChildren(
-    workInProgress,
-    primaryChildren
-  ); // Needs a placement effect because the parent (the Suspense boundary) already
-  // mounted but this is a new fiber.
-
-  primaryChildFragment.flags |= Placement;
-  workInProgress.memoizedState = null;
-  return primaryChildFragment;
-}
+        var root = enqueueUpdate(fiber, update, lane);
 
-function mountSuspenseFallbackAfterRetryWithoutHydrating(
-  current,
-  workInProgress,
-  primaryChildren,
-  fallbackChildren,
-  renderLanes
-) {
-  var fiberMode = workInProgress.mode;
-  var primaryChildProps = {
-    mode: "visible",
-    children: primaryChildren
-  };
-  var primaryChildFragment = mountWorkInProgressOffscreenFiber(
-    primaryChildProps,
-    fiberMode
-  );
-  var fallbackChildFragment = createFiberFromFragment(
-    fallbackChildren,
-    fiberMode,
-    renderLanes,
-    null
-  ); // Needs a placement effect because the parent (the Suspense
-  // boundary) already mounted but this is a new fiber.
-
-  fallbackChildFragment.flags |= Placement;
-  primaryChildFragment.return = workInProgress;
-  fallbackChildFragment.return = workInProgress;
-  primaryChildFragment.sibling = fallbackChildFragment;
-  workInProgress.child = primaryChildFragment;
-
-  if ((workInProgress.mode & ConcurrentMode) !== NoMode) {
-    // We will have dropped the effect list which contains the
-    // deletion. We need to reconcile to delete the current child.
-    reconcileChildFibers(workInProgress, current.child, null, renderLanes);
-  }
-
-  return fallbackChildFragment;
-}
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, lane);
+          entangleTransitions(root, fiber, lane);
+        }
+      }
+    };
 
-function mountDehydratedSuspenseComponent(
-  workInProgress,
-  suspenseInstance,
-  renderLanes
-) {
-  // During the first pass, we'll bail out and not drill into the children.
-  // Instead, we'll leave the content in place and try to hydrate it later.
-  if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-    {
-      error(
-        "Cannot hydrate Suspense in legacy mode. Switch from " +
-          "ReactDOM.hydrate(element, container) to " +
-          "ReactDOMClient.hydrateRoot(container, <App />)" +
-          ".render(element) or remove the Suspense components from " +
-          "the server rendered components."
-      );
-    }
+    function checkShouldComponentUpdate(
+      workInProgress,
+      ctor,
+      oldProps,
+      newProps,
+      oldState,
+      newState,
+      nextContext
+    ) {
+      var instance = workInProgress.stateNode;
 
-    workInProgress.lanes = laneToLanes(SyncLane);
-  } else if (isSuspenseInstanceFallback()) {
-    // This is a client-only boundary. Since we won't get any content from the server
-    // for this, we need to schedule that at a higher priority based on when it would
-    // have timed out. In theory we could render it in this pass but it would have the
-    // wrong priority associated with it and will prevent hydration of parent path.
-    // Instead, we'll leave work left on it to render it in a separate commit.
-    // TODO This time should be the time at which the server rendered response that is
-    // a parent to this boundary was displayed. However, since we currently don't have
-    // a protocol to transfer that time, we'll just estimate it by using the current
-    // time. This will mean that Suspense timeouts are slightly shifted to later than
-    // they should be.
-    // Schedule a normal pri update to render this content.
-    workInProgress.lanes = laneToLanes(DefaultHydrationLane);
-  } else {
-    // We'll continue hydrating the rest at offscreen priority since we'll already
-    // be showing the right content coming from the server, it is no rush.
-    workInProgress.lanes = laneToLanes(OffscreenLane);
-  }
-
-  return null;
-}
+      if (typeof instance.shouldComponentUpdate === "function") {
+        var shouldUpdate = instance.shouldComponentUpdate(
+          newProps,
+          newState,
+          nextContext
+        );
 
-function updateDehydratedSuspenseComponent(
-  current,
-  workInProgress,
-  didSuspend,
-  nextProps,
-  suspenseInstance,
-  suspenseState,
-  renderLanes
-) {
-  if (!didSuspend) {
-    if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-      return retrySuspenseComponentWithoutHydrating(
-        current,
-        workInProgress,
-        renderLanes, // TODO: When we delete legacy mode, we should make this error argument
-        // required — every concurrent mode path that causes hydration to
-        // de-opt to client rendering should have an error message.
-        null
-      );
-    }
+        {
+          if (workInProgress.mode & StrictLegacyMode) {
+            setIsStrictModeForDevtools(true);
 
-    if (isSuspenseInstanceFallback()) {
-      // This boundary is in a permanent fallback state. In this case, we'll never
-      // get an update and we'll never be able to hydrate the final content. Let's just try the
-      // client side render instead.
-      var digest, message, stack;
+            try {
+              // Invoke the function an extra time to help detect side-effects.
+              shouldUpdate = instance.shouldComponentUpdate(
+                newProps,
+                newState,
+                nextContext
+              );
+            } finally {
+              setIsStrictModeForDevtools(false);
+            }
+          }
 
-      {
-        var _getSuspenseInstanceF = getSuspenseInstanceFallbackErrorDetails();
+          if (shouldUpdate === undefined) {
+            error(
+              "%s.shouldComponentUpdate(): Returned undefined instead of a " +
+                "boolean value. Make sure to return true or false.",
+              getComponentNameFromType(ctor) || "Component"
+            );
+          }
+        }
 
-        digest = _getSuspenseInstanceF.digest;
-        message = _getSuspenseInstanceF.message;
-        stack = _getSuspenseInstanceF.stack;
+        return shouldUpdate;
       }
 
-      var error;
-
-      if (message) {
-        // eslint-disable-next-line react-internal/prod-error-codes
-        error = new Error(message);
-      } else {
-        error = new Error(
-          "The server could not finish this Suspense boundary, likely " +
-            "due to an error during server rendering. Switched to " +
-            "client rendering."
+      if (ctor.prototype && ctor.prototype.isPureReactComponent) {
+        return (
+          !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
         );
       }
 
-      var capturedValue = createCapturedValue(error, digest, stack);
-      return retrySuspenseComponentWithoutHydrating(
-        current,
-        workInProgress,
-        renderLanes,
-        capturedValue
-      );
+      return true;
     }
-    // any context has changed, we need to treat is as if the input might have changed.
 
-    var hasContextChanged = includesSomeLane(renderLanes, current.childLanes);
+    function checkClassInstance(workInProgress, ctor, newProps) {
+      var instance = workInProgress.stateNode;
 
-    if (didReceiveUpdate || hasContextChanged) {
-      // This boundary has changed since the first render. This means that we are now unable to
-      // hydrate it. We might still be able to hydrate it using a higher priority lane.
-      var root = getWorkInProgressRoot();
+      {
+        var name = getComponentNameFromType(ctor) || "Component";
+        var renderPresent = instance.render;
 
-      if (root !== null) {
-        var attemptHydrationAtLane = getBumpedLaneForHydration(
-          root,
-          renderLanes
-        );
+        if (!renderPresent) {
+          if (ctor.prototype && typeof ctor.prototype.render === "function") {
+            error(
+              "%s(...): No `render` method found on the returned component " +
+                "instance: did you accidentally return an object from the constructor?",
+              name
+            );
+          } else {
+            error(
+              "%s(...): No `render` method found on the returned component " +
+                "instance: you may have forgotten to define `render`.",
+              name
+            );
+          }
+        }
 
         if (
-          attemptHydrationAtLane !== NoLane &&
-          attemptHydrationAtLane !== suspenseState.retryLane
+          instance.getInitialState &&
+          !instance.getInitialState.isReactClassApproved &&
+          !instance.state
         ) {
-          // Intentionally mutating since this render will get interrupted. This
-          // is one of the very rare times where we mutate the current tree
-          // during the render phase.
-          suspenseState.retryLane = attemptHydrationAtLane; // TODO: Ideally this would inherit the event time of the current render
-
-          var eventTime = NoTimestamp;
-          enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
-          scheduleUpdateOnFiber(
-            root,
-            current,
-            attemptHydrationAtLane,
-            eventTime
+          error(
+            "getInitialState was defined on %s, a plain JavaScript class. " +
+              "This is only supported for classes created using React.createClass. " +
+              "Did you mean to define a state property instead?",
+            name
           );
         }
-      } // If we have scheduled higher pri work above, this will probably just abort the render
-      // since we now have higher priority work, but in case it doesn't, we need to prepare to
-      // render something, if we time out. Even if that requires us to delete everything and
-      // skip hydration.
-      // Delay having to do this as long as the suspense timeout allows us.
-
-      renderDidSuspendDelayIfPossible();
 
-      var _capturedValue = createCapturedValue(
-        new Error(
-          "This Suspense boundary received an update before it finished " +
-            "hydrating. This caused the boundary to switch to client rendering. " +
-            "The usual way to fix this is to wrap the original update " +
-            "in startTransition."
-        )
-      );
+        if (
+          instance.getDefaultProps &&
+          !instance.getDefaultProps.isReactClassApproved
+        ) {
+          error(
+            "getDefaultProps was defined on %s, a plain JavaScript class. " +
+              "This is only supported for classes created using React.createClass. " +
+              "Use a static property to define defaultProps instead.",
+            name
+          );
+        }
 
-      return retrySuspenseComponentWithoutHydrating(
-        current,
-        workInProgress,
-        renderLanes,
-        _capturedValue
-      );
-    } else if (isSuspenseInstancePending()) {
-      // This component is still pending more data from the server, so we can't hydrate its
-      // content. We treat it as if this component suspended itself. It might seem as if
-      // we could just try to render it client-side instead. However, this will perform a
-      // lot of unnecessary work and is unlikely to complete since it often will suspend
-      // on missing data anyway. Additionally, the server might be able to render more
-      // than we can on the client yet. In that case we'd end up with more fallback states
-      // on the client than if we just leave it alone. If the server times out or errors
-      // these should update this boundary to the permanent Fallback state instead.
-      // Mark it as having captured (i.e. suspended).
-      workInProgress.flags |= DidCapture; // Leave the child in place. I.e. the dehydrated fragment.
-
-      workInProgress.child = current.child; // Register a callback to retry this boundary once the server has sent the result.
-
-      var retry = retryDehydratedSuspenseBoundary.bind(null, current);
-      registerSuspenseInstanceRetry();
-      return null;
-    } else {
-      // This is the first attempt.
-      reenterHydrationStateFromDehydratedSuspenseInstance(
-        workInProgress,
-        suspenseInstance,
-        suspenseState.treeContext
-      );
-      var primaryChildren = nextProps.children;
-      var primaryChildFragment = mountSuspensePrimaryChildren(
-        workInProgress,
-        primaryChildren
-      ); // Mark the children as hydrating. This is a fast path to know whether this
-      // tree is part of a hydrating tree. This is used to determine if a child
-      // node has fully mounted yet, and for scheduling event replaying.
-      // Conceptually this is similar to Placement in that a new subtree is
-      // inserted into the React tree here. It just happens to not need DOM
-      // mutations because it already exists.
-
-      primaryChildFragment.flags |= Hydrating;
-      return primaryChildFragment;
-    }
-  } else {
-    // This is the second render pass. We already attempted to hydrated, but
-    // something either suspended or errored.
-    if (workInProgress.flags & ForceClientRender) {
-      // Something errored during hydration. Try again without hydrating.
-      workInProgress.flags &= ~ForceClientRender;
-
-      var _capturedValue2 = createCapturedValue(
-        new Error(
-          "There was an error while hydrating this Suspense boundary. " +
-            "Switched to client rendering."
-        )
-      );
+        if (instance.propTypes) {
+          error(
+            "propTypes was defined as an instance property on %s. Use a static " +
+              "property to define propTypes instead.",
+            name
+          );
+        }
 
-      return retrySuspenseComponentWithoutHydrating(
-        current,
-        workInProgress,
-        renderLanes,
-        _capturedValue2
-      );
-    } else if (workInProgress.memoizedState !== null) {
-      // Something suspended and we should still be in dehydrated mode.
-      // Leave the existing child in place.
-      workInProgress.child = current.child; // The dehydrated completion pass expects this flag to be there
-      // but the normal suspense pass doesn't.
+        if (instance.contextType) {
+          error(
+            "contextType was defined as an instance property on %s. Use a static " +
+              "property to define contextType instead.",
+            name
+          );
+        }
 
-      workInProgress.flags |= DidCapture;
-      return null;
-    } else {
-      // Suspended but we should no longer be in dehydrated mode.
-      // Therefore we now have to render the fallback.
-      var nextPrimaryChildren = nextProps.children;
-      var nextFallbackChildren = nextProps.fallback;
-      var fallbackChildFragment = mountSuspenseFallbackAfterRetryWithoutHydrating(
-        current,
-        workInProgress,
-        nextPrimaryChildren,
-        nextFallbackChildren,
-        renderLanes
-      );
-      var _primaryChildFragment4 = workInProgress.child;
-      _primaryChildFragment4.memoizedState = mountSuspenseOffscreenState(
-        renderLanes
-      );
-      workInProgress.memoizedState = SUSPENDED_MARKER;
-      return fallbackChildFragment;
-    }
-  }
-}
+        {
+          if (instance.contextTypes) {
+            error(
+              "contextTypes was defined as an instance property on %s. Use a static " +
+                "property to define contextTypes instead.",
+              name
+            );
+          }
 
-function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
-  fiber.lanes = mergeLanes(fiber.lanes, renderLanes);
-  var alternate = fiber.alternate;
+          if (
+            ctor.contextType &&
+            ctor.contextTypes &&
+            !didWarnAboutContextTypeAndContextTypes.has(ctor)
+          ) {
+            didWarnAboutContextTypeAndContextTypes.add(ctor);
 
-  if (alternate !== null) {
-    alternate.lanes = mergeLanes(alternate.lanes, renderLanes);
-  }
+            error(
+              "%s declares both contextTypes and contextType static properties. " +
+                "The legacy contextTypes property will be ignored.",
+              name
+            );
+          }
+        }
 
-  scheduleContextWorkOnParentPath(fiber.return, renderLanes, propagationRoot);
-}
+        if (typeof instance.componentShouldUpdate === "function") {
+          error(
+            "%s has a method called " +
+              "componentShouldUpdate(). Did you mean shouldComponentUpdate()? " +
+              "The name is phrased as a question because the function is " +
+              "expected to return a value.",
+            name
+          );
+        }
 
-function propagateSuspenseContextChange(
-  workInProgress,
-  firstChild,
-  renderLanes
-) {
-  // Mark any Suspense boundaries with fallbacks as having work to do.
-  // If they were previously forced into fallbacks, they may now be able
-  // to unblock.
-  var node = firstChild;
-
-  while (node !== null) {
-    if (node.tag === SuspenseComponent) {
-      var state = node.memoizedState;
-
-      if (state !== null) {
-        scheduleSuspenseWorkOnFiber(node, renderLanes, workInProgress);
-      }
-    } else if (node.tag === SuspenseListComponent) {
-      // If the tail is hidden there might not be an Suspense boundaries
-      // to schedule work on. In this case we have to schedule it on the
-      // list itself.
-      // We don't have to traverse to the children of the list since
-      // the list will propagate the change when it rerenders.
-      scheduleSuspenseWorkOnFiber(node, renderLanes, workInProgress);
-    } else if (node.child !== null) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
-
-    if (node === workInProgress) {
-      return;
-    }
-
-    while (node.sibling === null) {
-      if (node.return === null || node.return === workInProgress) {
-        return;
-      }
+        if (
+          ctor.prototype &&
+          ctor.prototype.isPureReactComponent &&
+          typeof instance.shouldComponentUpdate !== "undefined"
+        ) {
+          error(
+            "%s has a method called shouldComponentUpdate(). " +
+              "shouldComponentUpdate should not be used when extending React.PureComponent. " +
+              "Please extend React.Component if shouldComponentUpdate is used.",
+            getComponentNameFromType(ctor) || "A pure component"
+          );
+        }
 
-      node = node.return;
-    }
+        if (typeof instance.componentDidUnmount === "function") {
+          error(
+            "%s has a method called " +
+              "componentDidUnmount(). But there is no such lifecycle method. " +
+              "Did you mean componentWillUnmount()?",
+            name
+          );
+        }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  }
-}
+        if (typeof instance.componentDidReceiveProps === "function") {
+          error(
+            "%s has a method called " +
+              "componentDidReceiveProps(). But there is no such lifecycle method. " +
+              "If you meant to update the state in response to changing props, " +
+              "use componentWillReceiveProps(). If you meant to fetch data or " +
+              "run side-effects or mutations after React has updated the UI, use componentDidUpdate().",
+            name
+          );
+        }
+
+        if (typeof instance.componentWillRecieveProps === "function") {
+          error(
+            "%s has a method called " +
+              "componentWillRecieveProps(). Did you mean componentWillReceiveProps()?",
+            name
+          );
+        }
+
+        if (typeof instance.UNSAFE_componentWillRecieveProps === "function") {
+          error(
+            "%s has a method called " +
+              "UNSAFE_componentWillRecieveProps(). Did you mean UNSAFE_componentWillReceiveProps()?",
+            name
+          );
+        }
+
+        var hasMutatedProps = instance.props !== newProps;
+
+        if (instance.props !== undefined && hasMutatedProps) {
+          error(
+            "%s(...): When calling super() in `%s`, make sure to pass " +
+              "up the same props that your component's constructor was passed.",
+            name,
+            name
+          );
+        }
+
+        if (instance.defaultProps) {
+          error(
+            "Setting defaultProps as an instance property on %s is not supported and will be ignored." +
+              " Instead, define defaultProps as a static property on %s.",
+            name,
+            name
+          );
+        }
+
+        if (
+          typeof instance.getSnapshotBeforeUpdate === "function" &&
+          typeof instance.componentDidUpdate !== "function" &&
+          !didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.has(ctor)
+        ) {
+          didWarnAboutGetSnapshotBeforeUpdateWithoutDidUpdate.add(ctor);
+
+          error(
+            "%s: getSnapshotBeforeUpdate() should be used with componentDidUpdate(). " +
+              "This component defines getSnapshotBeforeUpdate() only.",
+            getComponentNameFromType(ctor)
+          );
+        }
+
+        if (typeof instance.getDerivedStateFromProps === "function") {
+          error(
+            "%s: getDerivedStateFromProps() is defined as an instance method " +
+              "and will be ignored. Instead, declare it as a static method.",
+            name
+          );
+        }
+
+        if (typeof instance.getDerivedStateFromError === "function") {
+          error(
+            "%s: getDerivedStateFromError() is defined as an instance method " +
+              "and will be ignored. Instead, declare it as a static method.",
+            name
+          );
+        }
+
+        if (typeof ctor.getSnapshotBeforeUpdate === "function") {
+          error(
+            "%s: getSnapshotBeforeUpdate() is defined as a static method " +
+              "and will be ignored. Instead, declare it as an instance method.",
+            name
+          );
+        }
 
-function findLastContentRow(firstChild) {
-  // This is going to find the last row among these children that is already
-  // showing content on the screen, as opposed to being in fallback state or
-  // new. If a row has multiple Suspense boundaries, any of them being in the
-  // fallback state, counts as the whole row being in a fallback state.
-  // Note that the "rows" will be workInProgress, but any nested children
-  // will still be current since we haven't rendered them yet. The mounted
-  // order may not be the same as the new order. We use the new order.
-  var row = firstChild;
-  var lastContentRow = null;
+        var state = instance.state;
 
-  while (row !== null) {
-    var currentRow = row.alternate; // New rows can't be content rows.
+        if (state && (typeof state !== "object" || isArray(state))) {
+          error("%s.state: must be set to an object or null", name);
+        }
 
-    if (currentRow !== null && findFirstSuspended(currentRow) === null) {
-      lastContentRow = row;
+        if (
+          typeof instance.getChildContext === "function" &&
+          typeof ctor.childContextTypes !== "object"
+        ) {
+          error(
+            "%s.getChildContext(): childContextTypes must be defined in order to " +
+              "use getChildContext().",
+            name
+          );
+        }
+      }
     }
 
-    row = row.sibling;
-  }
+    function adoptClassInstance(workInProgress, instance) {
+      instance.updater = classComponentUpdater;
+      workInProgress.stateNode = instance; // The instance needs access to the fiber so that it can schedule updates
 
-  return lastContentRow;
-}
+      set(instance, workInProgress);
 
-function validateRevealOrder(revealOrder) {
-  {
-    if (
-      revealOrder !== undefined &&
-      revealOrder !== "forwards" &&
-      revealOrder !== "backwards" &&
-      revealOrder !== "together" &&
-      !didWarnAboutRevealOrder[revealOrder]
-    ) {
-      didWarnAboutRevealOrder[revealOrder] = true;
+      {
+        instance._reactInternalInstance = fakeInternalInstance;
+      }
+    }
+
+    function constructClassInstance(workInProgress, ctor, props) {
+      var isLegacyContextConsumer = false;
+      var unmaskedContext = emptyContextObject;
+      var context = emptyContextObject;
+      var contextType = ctor.contextType;
+
+      {
+        if ("contextType" in ctor) {
+          var isValid = // Allow null for conditional declaration
+            contextType === null ||
+            (contextType !== undefined &&
+              contextType.$$typeof === REACT_CONTEXT_TYPE &&
+              contextType._context === undefined); // Not a <Context.Consumer>
+
+          if (!isValid && !didWarnAboutInvalidateContextType.has(ctor)) {
+            didWarnAboutInvalidateContextType.add(ctor);
+            var addendum = "";
+
+            if (contextType === undefined) {
+              addendum =
+                " However, it is set to undefined. " +
+                "This can be caused by a typo or by mixing up named and default imports. " +
+                "This can also happen due to a circular dependency, so " +
+                "try moving the createContext() call to a separate file.";
+            } else if (typeof contextType !== "object") {
+              addendum = " However, it is set to a " + typeof contextType + ".";
+            } else if (contextType.$$typeof === REACT_PROVIDER_TYPE) {
+              addendum =
+                " Did you accidentally pass the Context.Provider instead?";
+            } else if (contextType._context !== undefined) {
+              // <Context.Consumer>
+              addendum =
+                " Did you accidentally pass the Context.Consumer instead?";
+            } else {
+              addendum =
+                " However, it is set to an object with keys {" +
+                Object.keys(contextType).join(", ") +
+                "}.";
+            }
 
-      if (typeof revealOrder === "string") {
-        switch (revealOrder.toLowerCase()) {
-          case "together":
-          case "forwards":
-          case "backwards": {
             error(
-              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
-                'Use lowercase "%s" instead.',
-              revealOrder,
-              revealOrder.toLowerCase()
+              "%s defines an invalid contextType. " +
+                "contextType should point to the Context object returned by React.createContext().%s",
+              getComponentNameFromType(ctor) || "Component",
+              addendum
             );
+          }
+        }
+      }
 
-            break;
+      if (typeof contextType === "object" && contextType !== null) {
+        context = readContext(contextType);
+      } else {
+        unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
+        var contextTypes = ctor.contextTypes;
+        isLegacyContextConsumer =
+          contextTypes !== null && contextTypes !== undefined;
+        context = isLegacyContextConsumer
+          ? getMaskedContext(workInProgress, unmaskedContext)
+          : emptyContextObject;
+      }
+
+      var instance = new ctor(props, context); // Instantiate twice to help detect side-effects.
+
+      {
+        if (workInProgress.mode & StrictLegacyMode) {
+          setIsStrictModeForDevtools(true);
+
+          try {
+            instance = new ctor(props, context); // eslint-disable-line no-new
+          } finally {
+            setIsStrictModeForDevtools(false);
           }
+        }
+      }
+
+      var state = (workInProgress.memoizedState =
+        instance.state !== null && instance.state !== undefined
+          ? instance.state
+          : null);
+      adoptClassInstance(workInProgress, instance);
+
+      {
+        if (
+          typeof ctor.getDerivedStateFromProps === "function" &&
+          state === null
+        ) {
+          var componentName = getComponentNameFromType(ctor) || "Component";
+
+          if (!didWarnAboutUninitializedState.has(componentName)) {
+            didWarnAboutUninitializedState.add(componentName);
 
-          case "forward":
-          case "backward": {
             error(
-              '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
-                'React uses the -s suffix in the spelling. Use "%ss" instead.',
-              revealOrder,
-              revealOrder.toLowerCase()
+              "`%s` uses `getDerivedStateFromProps` but its initial state is " +
+                "%s. This is not recommended. Instead, define the initial state by " +
+                "assigning an object to `this.state` in the constructor of `%s`. " +
+                "This ensures that `getDerivedStateFromProps` arguments have a consistent shape.",
+              componentName,
+              instance.state === null ? "null" : "undefined",
+              componentName
             );
+          }
+        } // If new component APIs are defined, "unsafe" lifecycles won't be called.
+        // Warn about these lifecycles if they are present.
+        // Don't warn about react-lifecycles-compat polyfilled methods though.
 
-            break;
+        if (
+          typeof ctor.getDerivedStateFromProps === "function" ||
+          typeof instance.getSnapshotBeforeUpdate === "function"
+        ) {
+          var foundWillMountName = null;
+          var foundWillReceivePropsName = null;
+          var foundWillUpdateName = null;
+
+          if (
+            typeof instance.componentWillMount === "function" &&
+            instance.componentWillMount.__suppressDeprecationWarning !== true
+          ) {
+            foundWillMountName = "componentWillMount";
+          } else if (typeof instance.UNSAFE_componentWillMount === "function") {
+            foundWillMountName = "UNSAFE_componentWillMount";
           }
 
-          default:
-            error(
-              '"%s" is not a supported revealOrder on <SuspenseList />. ' +
-                'Did you mean "together", "forwards" or "backwards"?',
-              revealOrder
-            );
+          if (
+            typeof instance.componentWillReceiveProps === "function" &&
+            instance.componentWillReceiveProps.__suppressDeprecationWarning !==
+              true
+          ) {
+            foundWillReceivePropsName = "componentWillReceiveProps";
+          } else if (
+            typeof instance.UNSAFE_componentWillReceiveProps === "function"
+          ) {
+            foundWillReceivePropsName = "UNSAFE_componentWillReceiveProps";
+          }
 
-            break;
+          if (
+            typeof instance.componentWillUpdate === "function" &&
+            instance.componentWillUpdate.__suppressDeprecationWarning !== true
+          ) {
+            foundWillUpdateName = "componentWillUpdate";
+          } else if (
+            typeof instance.UNSAFE_componentWillUpdate === "function"
+          ) {
+            foundWillUpdateName = "UNSAFE_componentWillUpdate";
+          }
+
+          if (
+            foundWillMountName !== null ||
+            foundWillReceivePropsName !== null ||
+            foundWillUpdateName !== null
+          ) {
+            var _componentName = getComponentNameFromType(ctor) || "Component";
+
+            var newApiName =
+              typeof ctor.getDerivedStateFromProps === "function"
+                ? "getDerivedStateFromProps()"
+                : "getSnapshotBeforeUpdate()";
+
+            if (
+              !didWarnAboutLegacyLifecyclesAndDerivedState.has(_componentName)
+            ) {
+              didWarnAboutLegacyLifecyclesAndDerivedState.add(_componentName);
+
+              error(
+                "Unsafe legacy lifecycles will not be called for components using new component APIs.\n\n" +
+                  "%s uses %s but also contains the following legacy lifecycles:%s%s%s\n\n" +
+                  "The above lifecycles should be removed. Learn more about this warning here:\n" +
+                  "https://reactjs.org/link/unsafe-component-lifecycles",
+                _componentName,
+                newApiName,
+                foundWillMountName !== null ? "\n  " + foundWillMountName : "",
+                foundWillReceivePropsName !== null
+                  ? "\n  " + foundWillReceivePropsName
+                  : "",
+                foundWillUpdateName !== null ? "\n  " + foundWillUpdateName : ""
+              );
+            }
+          }
         }
-      } else {
-        error(
-          "%s is not a supported value for revealOrder on <SuspenseList />. " +
-            'Did you mean "together", "forwards" or "backwards"?',
-          revealOrder
+      } // Cache unmasked context so we can avoid recreating masked context unless necessary.
+      // ReactFiberContext usually updates this cache but can't for newly-created instances.
+
+      if (isLegacyContextConsumer) {
+        cacheContext(workInProgress, unmaskedContext, context);
+      }
+
+      return instance;
+    }
+
+    function callComponentWillMount(workInProgress, instance) {
+      var oldState = instance.state;
+
+      if (typeof instance.componentWillMount === "function") {
+        instance.componentWillMount();
+      }
+
+      if (typeof instance.UNSAFE_componentWillMount === "function") {
+        instance.UNSAFE_componentWillMount();
+      }
+
+      if (oldState !== instance.state) {
+        {
+          error(
+            "%s.componentWillMount(): Assigning directly to this.state is " +
+              "deprecated (except inside a component's " +
+              "constructor). Use setState instead.",
+            getComponentNameFromFiber(workInProgress) || "Component"
+          );
+        }
+
+        classComponentUpdater.enqueueReplaceState(
+          instance,
+          instance.state,
+          null
         );
       }
     }
-  }
-}
 
-function validateTailOptions(tailMode, revealOrder) {
-  {
-    if (tailMode !== undefined && !didWarnAboutTailOptions[tailMode]) {
-      if (tailMode !== "collapsed" && tailMode !== "hidden") {
-        didWarnAboutTailOptions[tailMode] = true;
+    function callComponentWillReceiveProps(
+      workInProgress,
+      instance,
+      newProps,
+      nextContext
+    ) {
+      var oldState = instance.state;
 
-        error(
-          '"%s" is not a supported value for tail on <SuspenseList />. ' +
-            'Did you mean "collapsed" or "hidden"?',
-          tailMode
+      if (typeof instance.componentWillReceiveProps === "function") {
+        instance.componentWillReceiveProps(newProps, nextContext);
+      }
+
+      if (typeof instance.UNSAFE_componentWillReceiveProps === "function") {
+        instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+      }
+
+      if (instance.state !== oldState) {
+        {
+          var componentName =
+            getComponentNameFromFiber(workInProgress) || "Component";
+
+          if (!didWarnAboutStateAssignmentForComponent.has(componentName)) {
+            didWarnAboutStateAssignmentForComponent.add(componentName);
+
+            error(
+              "%s.componentWillReceiveProps(): Assigning directly to " +
+                "this.state is deprecated (except inside a component's " +
+                "constructor). Use setState instead.",
+              componentName
+            );
+          }
+        }
+
+        classComponentUpdater.enqueueReplaceState(
+          instance,
+          instance.state,
+          null
         );
-      } else if (revealOrder !== "forwards" && revealOrder !== "backwards") {
-        didWarnAboutTailOptions[tailMode] = true;
+      }
+    } // Invokes the mount life-cycles on a previously never rendered instance.
 
-        error(
-          '<SuspenseList tail="%s" /> is only valid if revealOrder is ' +
-            '"forwards" or "backwards". ' +
-            'Did you mean to specify revealOrder="forwards"?',
-          tailMode
+    function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
+      {
+        checkClassInstance(workInProgress, ctor, newProps);
+      }
+
+      var instance = workInProgress.stateNode;
+      instance.props = newProps;
+      instance.state = workInProgress.memoizedState;
+      instance.refs = {};
+      initializeUpdateQueue(workInProgress);
+      var contextType = ctor.contextType;
+
+      if (typeof contextType === "object" && contextType !== null) {
+        instance.context = readContext(contextType);
+      } else {
+        var unmaskedContext = getUnmaskedContext(workInProgress, ctor, true);
+        instance.context = getMaskedContext(workInProgress, unmaskedContext);
+      }
+
+      {
+        if (instance.state === newProps) {
+          var componentName = getComponentNameFromType(ctor) || "Component";
+
+          if (!didWarnAboutDirectlyAssigningPropsToState.has(componentName)) {
+            didWarnAboutDirectlyAssigningPropsToState.add(componentName);
+
+            error(
+              "%s: It is not recommended to assign props directly to state " +
+                "because updates to props won't be reflected in state. " +
+                "In most cases, it is better to use props directly.",
+              componentName
+            );
+          }
+        }
+
+        if (workInProgress.mode & StrictLegacyMode) {
+          ReactStrictModeWarnings.recordLegacyContextWarning(
+            workInProgress,
+            instance
+          );
+        }
+
+        ReactStrictModeWarnings.recordUnsafeLifecycleWarnings(
+          workInProgress,
+          instance
         );
       }
-    }
-  }
-}
 
-function validateSuspenseListNestedChild(childSlot, index) {
-  {
-    var isAnArray = isArray(childSlot);
-    var isIterable =
-      !isAnArray && typeof getIteratorFn(childSlot) === "function";
-
-    if (isAnArray || isIterable) {
-      var type = isAnArray ? "array" : "iterable";
-
-      error(
-        "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in " +
-          "an additional SuspenseList to configure its revealOrder: " +
-          "<SuspenseList revealOrder=...> ... " +
-          "<SuspenseList revealOrder=...>{%s}</SuspenseList> ... " +
-          "</SuspenseList>",
-        type,
-        index,
-        type
-      );
+      instance.state = workInProgress.memoizedState;
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
 
-      return false;
-    }
-  }
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        instance.state = workInProgress.memoizedState;
+      } // In order to support react-lifecycles-compat polyfilled components,
+      // Unsafe lifecycles should not be invoked for components using the new APIs.
 
-  return true;
-}
+      if (
+        typeof ctor.getDerivedStateFromProps !== "function" &&
+        typeof instance.getSnapshotBeforeUpdate !== "function" &&
+        (typeof instance.UNSAFE_componentWillMount === "function" ||
+          typeof instance.componentWillMount === "function")
+      ) {
+        callComponentWillMount(workInProgress, instance); // If we had additional state updates during this life-cycle, let's
+        // process them now.
 
-function validateSuspenseListChildren(children, revealOrder) {
-  {
-    if (
-      (revealOrder === "forwards" || revealOrder === "backwards") &&
-      children !== undefined &&
-      children !== null &&
-      children !== false
+        processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+        suspendIfUpdateReadFromEntangledAsyncAction();
+        instance.state = workInProgress.memoizedState;
+      }
+
+      if (typeof instance.componentDidMount === "function") {
+        workInProgress.flags |= Update | LayoutStatic;
+      }
+
+      if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+        workInProgress.flags |= MountLayoutDev;
+      }
+    }
+
+    function resumeMountClassInstance(
+      workInProgress,
+      ctor,
+      newProps,
+      renderLanes
     ) {
-      if (isArray(children)) {
-        for (var i = 0; i < children.length; i++) {
-          if (!validateSuspenseListNestedChild(children[i], i)) {
-            return;
+      var instance = workInProgress.stateNode;
+      var oldProps = workInProgress.memoizedProps;
+      instance.props = oldProps;
+      var oldContext = instance.context;
+      var contextType = ctor.contextType;
+      var nextContext = emptyContextObject;
+
+      if (typeof contextType === "object" && contextType !== null) {
+        nextContext = readContext(contextType);
+      } else {
+        var nextLegacyUnmaskedContext = getUnmaskedContext(
+          workInProgress,
+          ctor,
+          true
+        );
+        nextContext = getMaskedContext(
+          workInProgress,
+          nextLegacyUnmaskedContext
+        );
+      }
+
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+      var hasNewLifecycles =
+        typeof getDerivedStateFromProps === "function" ||
+        typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
+      // ever the previously attempted to render - not the "current". However,
+      // during componentDidUpdate we pass the "current" props.
+      // In order to support react-lifecycles-compat polyfilled components,
+      // Unsafe lifecycles should not be invoked for components using the new APIs.
+
+      if (
+        !hasNewLifecycles &&
+        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+          typeof instance.componentWillReceiveProps === "function")
+      ) {
+        if (oldProps !== newProps || oldContext !== nextContext) {
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            newProps,
+            nextContext
+          );
+        }
+      }
+
+      resetHasForceUpdateBeforeProcessing();
+      var oldState = workInProgress.memoizedState;
+      var newState = (instance.state = oldState);
+      processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
+      newState = workInProgress.memoizedState;
+
+      if (
+        oldProps === newProps &&
+        oldState === newState &&
+        !hasContextChanged() &&
+        !checkHasForceUpdateAfterProcessing()
+      ) {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
+
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        }
+
+        return false;
+      }
+
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        newState = workInProgress.memoizedState;
+      }
+
+      var shouldUpdate =
+        checkHasForceUpdateAfterProcessing() ||
+        checkShouldComponentUpdate(
+          workInProgress,
+          ctor,
+          oldProps,
+          newProps,
+          oldState,
+          newState,
+          nextContext
+        );
+
+      if (shouldUpdate) {
+        // In order to support react-lifecycles-compat polyfilled components,
+        // Unsafe lifecycles should not be invoked for components using the new APIs.
+        if (
+          !hasNewLifecycles &&
+          (typeof instance.UNSAFE_componentWillMount === "function" ||
+            typeof instance.componentWillMount === "function")
+        ) {
+          if (typeof instance.componentWillMount === "function") {
+            instance.componentWillMount();
+          }
+
+          if (typeof instance.UNSAFE_componentWillMount === "function") {
+            instance.UNSAFE_componentWillMount();
+          }
+        }
+
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
+
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        }
+      } else {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidMount === "function") {
+          workInProgress.flags |= Update | LayoutStatic;
+        }
+
+        if ((workInProgress.mode & StrictEffectsMode) !== NoMode) {
+          workInProgress.flags |= MountLayoutDev;
+        } // If shouldComponentUpdate returned false, we should still update the
+        // memoized state to indicate that this work can be reused.
+
+        workInProgress.memoizedProps = newProps;
+        workInProgress.memoizedState = newState;
+      } // Update the existing instance's state, props, and context pointers even
+      // if shouldComponentUpdate returns false.
+
+      instance.props = newProps;
+      instance.state = newState;
+      instance.context = nextContext;
+      return shouldUpdate;
+    } // Invokes the update life-cycles and returns false if it shouldn't rerender.
+
+    function updateClassInstance(
+      current,
+      workInProgress,
+      ctor,
+      newProps,
+      renderLanes
+    ) {
+      var instance = workInProgress.stateNode;
+      cloneUpdateQueue(current, workInProgress);
+      var unresolvedOldProps = workInProgress.memoizedProps;
+      var oldProps =
+        workInProgress.type === workInProgress.elementType
+          ? unresolvedOldProps
+          : resolveDefaultProps(workInProgress.type, unresolvedOldProps);
+      instance.props = oldProps;
+      var unresolvedNewProps = workInProgress.pendingProps;
+      var oldContext = instance.context;
+      var contextType = ctor.contextType;
+      var nextContext = emptyContextObject;
+
+      if (typeof contextType === "object" && contextType !== null) {
+        nextContext = readContext(contextType);
+      } else {
+        var nextUnmaskedContext = getUnmaskedContext(
+          workInProgress,
+          ctor,
+          true
+        );
+        nextContext = getMaskedContext(workInProgress, nextUnmaskedContext);
+      }
+
+      var getDerivedStateFromProps = ctor.getDerivedStateFromProps;
+      var hasNewLifecycles =
+        typeof getDerivedStateFromProps === "function" ||
+        typeof instance.getSnapshotBeforeUpdate === "function"; // Note: During these life-cycles, instance.props/instance.state are what
+      // ever the previously attempted to render - not the "current". However,
+      // during componentDidUpdate we pass the "current" props.
+      // In order to support react-lifecycles-compat polyfilled components,
+      // Unsafe lifecycles should not be invoked for components using the new APIs.
+
+      if (
+        !hasNewLifecycles &&
+        (typeof instance.UNSAFE_componentWillReceiveProps === "function" ||
+          typeof instance.componentWillReceiveProps === "function")
+      ) {
+        if (
+          unresolvedOldProps !== unresolvedNewProps ||
+          oldContext !== nextContext
+        ) {
+          callComponentWillReceiveProps(
+            workInProgress,
+            instance,
+            newProps,
+            nextContext
+          );
+        }
+      }
+
+      resetHasForceUpdateBeforeProcessing();
+      var oldState = workInProgress.memoizedState;
+      var newState = (instance.state = oldState);
+      processUpdateQueue(workInProgress, newProps, instance, renderLanes);
+      suspendIfUpdateReadFromEntangledAsyncAction();
+      newState = workInProgress.memoizedState;
+
+      if (
+        unresolvedOldProps === unresolvedNewProps &&
+        oldState === newState &&
+        !hasContextChanged() &&
+        !checkHasForceUpdateAfterProcessing() &&
+        !enableLazyContextPropagation
+      ) {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Update;
+          }
+        }
+
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Snapshot;
+          }
+        }
+
+        return false;
+      }
+
+      if (typeof getDerivedStateFromProps === "function") {
+        applyDerivedStateFromProps(
+          workInProgress,
+          ctor,
+          getDerivedStateFromProps,
+          newProps
+        );
+        newState = workInProgress.memoizedState;
+      }
+
+      var shouldUpdate =
+        checkHasForceUpdateAfterProcessing() ||
+        checkShouldComponentUpdate(
+          workInProgress,
+          ctor,
+          oldProps,
+          newProps,
+          oldState,
+          newState,
+          nextContext
+        ) || // TODO: In some cases, we'll end up checking if context has changed twice,
+        // both before and after `shouldComponentUpdate` has been called. Not ideal,
+        // but I'm loath to refactor this function. This only happens for memoized
+        // components so it's not that common.
+        enableLazyContextPropagation;
+
+      if (shouldUpdate) {
+        // In order to support react-lifecycles-compat polyfilled components,
+        // Unsafe lifecycles should not be invoked for components using the new APIs.
+        if (
+          !hasNewLifecycles &&
+          (typeof instance.UNSAFE_componentWillUpdate === "function" ||
+            typeof instance.componentWillUpdate === "function")
+        ) {
+          if (typeof instance.componentWillUpdate === "function") {
+            instance.componentWillUpdate(newProps, newState, nextContext);
+          }
+
+          if (typeof instance.UNSAFE_componentWillUpdate === "function") {
+            instance.UNSAFE_componentWillUpdate(
+              newProps,
+              newState,
+              nextContext
+            );
+          }
+        }
+
+        if (typeof instance.componentDidUpdate === "function") {
+          workInProgress.flags |= Update;
+        }
+
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          workInProgress.flags |= Snapshot;
+        }
+      } else {
+        // If an update was already in progress, we should schedule an Update
+        // effect even though we're bailing out, so that cWU/cDU are called.
+        if (typeof instance.componentDidUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Update;
+          }
+        }
+
+        if (typeof instance.getSnapshotBeforeUpdate === "function") {
+          if (
+            unresolvedOldProps !== current.memoizedProps ||
+            oldState !== current.memoizedState
+          ) {
+            workInProgress.flags |= Snapshot;
+          }
+        } // If shouldComponentUpdate returned false, we should still update the
+        // memoized props/state to indicate that this work can be reused.
+
+        workInProgress.memoizedProps = newProps;
+        workInProgress.memoizedState = newState;
+      } // Update the existing instance's state, props, and context pointers even
+      // if shouldComponentUpdate returns false.
+
+      instance.props = newProps;
+      instance.state = newState;
+      instance.context = nextContext;
+      return shouldUpdate;
+    }
+
+    function createCapturedValueAtFiber(value, source) {
+      // If the value is an error, call this function immediately after it is thrown
+      // so the stack is accurate.
+      return {
+        value: value,
+        source: source,
+        stack: getStackByFiberInDevAndProd(source),
+        digest: null
+      };
+    }
+    function createCapturedValue(value, digest, stack) {
+      return {
+        value: value,
+        source: null,
+        stack: stack != null ? stack : null,
+        digest: digest != null ? digest : null
+      };
+    }
+
+    if (
+      typeof ReactNativePrivateInterface.ReactFiberErrorDialog
+        .showErrorDialog !== "function"
+    ) {
+      throw new Error(
+        "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
+      );
+    }
+
+    function showErrorDialog(boundary, errorInfo) {
+      var capturedError = {
+        componentStack: errorInfo.stack !== null ? errorInfo.stack : "",
+        error: errorInfo.value,
+        errorBoundary:
+          boundary !== null && boundary.tag === ClassComponent
+            ? boundary.stateNode
+            : null
+      };
+      return ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog(
+        capturedError
+      );
+    }
+
+    function logCapturedError(boundary, errorInfo) {
+      try {
+        var logError = showErrorDialog(boundary, errorInfo); // Allow injected showErrorDialog() to prevent default console.error logging.
+        // This enables renderers like ReactNative to better manage redbox behavior.
+
+        if (logError === false) {
+          return;
+        }
+
+        var error = errorInfo.value;
+
+        if (true) {
+          var source = errorInfo.source;
+          var stack = errorInfo.stack;
+          var componentStack = stack !== null ? stack : ""; // Browsers support silencing uncaught errors by calling
+          // `preventDefault()` in window `error` handler.
+          // We record this information as an expando on the error.
+
+          if (error != null && error._suppressLogging) {
+            if (boundary.tag === ClassComponent) {
+              // The error is recoverable and was silenced.
+              // Ignore it and don't print the stack addendum.
+              // This is handy for testing error boundaries without noise.
+              return;
+            } // The error is fatal. Since the silencing might have
+            // been accidental, we'll surface it anyway.
+            // However, the browser would have silenced the original error
+            // so we'll print it first, and then print the stack addendum.
+
+            console["error"](error); // Don't transform to our wrapper
+            // For a more detailed description of this block, see:
+            // https://github.com/facebook/react/pull/13384
+          }
+
+          var componentName = source ? getComponentNameFromFiber(source) : null;
+          var componentNameMessage = componentName
+            ? "The above error occurred in the <" +
+              componentName +
+              "> component:"
+            : "The above error occurred in one of your React components:";
+          var errorBoundaryMessage;
+
+          if (boundary.tag === HostRoot) {
+            errorBoundaryMessage =
+              "Consider adding an error boundary to your tree to customize error handling behavior.\n" +
+              "Visit https://reactjs.org/link/error-boundaries to learn more about error boundaries.";
+          } else {
+            var errorBoundaryName =
+              getComponentNameFromFiber(boundary) || "Anonymous";
+            errorBoundaryMessage =
+              "React will try to recreate this component tree from scratch " +
+              ("using the error boundary you provided, " +
+                errorBoundaryName +
+                ".");
+          }
+
+          var combinedMessage =
+            componentNameMessage +
+            "\n" +
+            componentStack +
+            "\n\n" +
+            ("" + errorBoundaryMessage); // In development, we provide our own message with just the component stack.
+          // We don't include the original error message and JS stack because the browser
+          // has already printed it. Even if the application swallows the error, it is still
+          // displayed by the browser thanks to the DEV-only fake event trick in ReactErrorUtils.
+
+          console["error"](combinedMessage); // Don't transform to our wrapper
+        }
+      } catch (e) {
+        // This method must not throw, or React internal state will get messed up.
+        // If console.error is overridden, or logCapturedError() shows a dialog that throws,
+        // we want to report this error outside of the normal stack as a last resort.
+        // https://github.com/facebook/react/issues/13188
+        setTimeout(function () {
+          throw e;
+        });
+      }
+    }
+
+    function createRootErrorUpdate(fiber, errorInfo, lane) {
+      var update = createUpdate(lane); // Unmount the root by rendering null.
+
+      update.tag = CaptureUpdate; // Caution: React DevTools currently depends on this property
+      // being called "element".
+
+      update.payload = {
+        element: null
+      };
+      var error = errorInfo.value;
+
+      update.callback = function () {
+        onUncaughtError(error);
+        logCapturedError(fiber, errorInfo);
+      };
+
+      return update;
+    }
+
+    function createClassErrorUpdate(fiber, errorInfo, lane) {
+      var update = createUpdate(lane);
+      update.tag = CaptureUpdate;
+      var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+
+      if (typeof getDerivedStateFromError === "function") {
+        var error$1 = errorInfo.value;
+
+        update.payload = function () {
+          return getDerivedStateFromError(error$1);
+        };
+
+        update.callback = function () {
+          {
+            markFailedErrorBoundaryForHotReloading(fiber);
+          }
+
+          logCapturedError(fiber, errorInfo);
+        };
+      }
+
+      var inst = fiber.stateNode;
+
+      if (inst !== null && typeof inst.componentDidCatch === "function") {
+        // $FlowFixMe[missing-this-annot]
+        update.callback = function callback() {
+          {
+            markFailedErrorBoundaryForHotReloading(fiber);
+          }
+
+          logCapturedError(fiber, errorInfo);
+
+          if (typeof getDerivedStateFromError !== "function") {
+            // To preserve the preexisting retry behavior of error boundaries,
+            // we keep track of which ones already failed during this batch.
+            // This gets reset before we yield back to the browser.
+            // TODO: Warn in strict mode if getDerivedStateFromError is
+            // not defined.
+            markLegacyErrorBoundaryAsFailed(this);
+          }
+
+          var error$1 = errorInfo.value;
+          var stack = errorInfo.stack;
+          this.componentDidCatch(error$1, {
+            componentStack: stack !== null ? stack : ""
+          });
+
+          {
+            if (typeof getDerivedStateFromError !== "function") {
+              // If componentDidCatch is the only error boundary method defined,
+              // then it needs to call setState to recover from errors.
+              // If no state update is scheduled then the boundary will swallow the error.
+              if (!includesSomeLane(fiber.lanes, SyncLane)) {
+                error(
+                  "%s: Error boundaries should implement getDerivedStateFromError(). " +
+                    "In that method, return a state update to display an error message or fallback UI.",
+                  getComponentNameFromFiber(fiber) || "Unknown"
+                );
+              }
+            }
+          }
+        };
+      }
+
+      return update;
+    }
+
+    function resetSuspendedComponent(sourceFiber, rootRenderLanes) {
+      // A legacy mode Suspense quirk, only relevant to hook components.
+
+      var tag = sourceFiber.tag;
+
+      if (
+        (sourceFiber.mode & ConcurrentMode) === NoMode &&
+        (tag === FunctionComponent ||
+          tag === ForwardRef ||
+          tag === SimpleMemoComponent)
+      ) {
+        var currentSource = sourceFiber.alternate;
+
+        if (currentSource) {
+          sourceFiber.updateQueue = currentSource.updateQueue;
+          sourceFiber.memoizedState = currentSource.memoizedState;
+          sourceFiber.lanes = currentSource.lanes;
+        } else {
+          sourceFiber.updateQueue = null;
+          sourceFiber.memoizedState = null;
+        }
+      }
+    }
+
+    function markSuspenseBoundaryShouldCapture(
+      suspenseBoundary,
+      returnFiber,
+      sourceFiber,
+      root,
+      rootRenderLanes
+    ) {
+      // This marks a Suspense boundary so that when we're unwinding the stack,
+      // it captures the suspended "exception" and does a second (fallback) pass.
+      if ((suspenseBoundary.mode & ConcurrentMode) === NoMode) {
+        // Legacy Mode Suspense
+        //
+        // If the boundary is in legacy mode, we should *not*
+        // suspend the commit. Pretend as if the suspended component rendered
+        // null and keep rendering. When the Suspense boundary completes,
+        // we'll do a second pass to render the fallback.
+        if (suspenseBoundary === returnFiber) {
+          // Special case where we suspended while reconciling the children of
+          // a Suspense boundary's inner Offscreen wrapper fiber. This happens
+          // when a React.lazy component is a direct child of a
+          // Suspense boundary.
+          //
+          // Suspense boundaries are implemented as multiple fibers, but they
+          // are a single conceptual unit. The legacy mode behavior where we
+          // pretend the suspended fiber committed as `null` won't work,
+          // because in this case the "suspended" fiber is the inner
+          // Offscreen wrapper.
+          //
+          // Because the contents of the boundary haven't started rendering
+          // yet (i.e. nothing in the tree has partially rendered) we can
+          // switch to the regular, concurrent mode behavior: mark the
+          // boundary with ShouldCapture and enter the unwind phase.
+          suspenseBoundary.flags |= ShouldCapture;
+        } else {
+          suspenseBoundary.flags |= DidCapture;
+          sourceFiber.flags |= ForceUpdateForLegacySuspense; // We're going to commit this fiber even though it didn't complete.
+          // But we shouldn't call any lifecycle methods or callbacks. Remove
+          // all lifecycle effect tags.
+
+          sourceFiber.flags &= ~(LifecycleEffectMask | Incomplete);
+
+          if (sourceFiber.tag === ClassComponent) {
+            var currentSourceFiber = sourceFiber.alternate;
+
+            if (currentSourceFiber === null) {
+              // This is a new mount. Change the tag so it's not mistaken for a
+              // completed class component. For example, we should not call
+              // componentWillUnmount if it is deleted.
+              sourceFiber.tag = IncompleteClassComponent;
+            } else {
+              // When we try rendering again, we should not reuse the current fiber,
+              // since it's known to be in an inconsistent state. Use a force update to
+              // prevent a bail out.
+              var update = createUpdate(SyncLane);
+              update.tag = ForceUpdate;
+              enqueueUpdate(sourceFiber, update, SyncLane);
+            }
+          } // The source fiber did not complete. Mark it with Sync priority to
+          // indicate that it still has pending work.
+
+          sourceFiber.lanes = mergeLanes(sourceFiber.lanes, SyncLane);
+        }
+
+        return suspenseBoundary;
+      } // Confirmed that the boundary is in a concurrent mode tree. Continue
+      // with the normal suspend path.
+      //
+      // After this we'll use a set of heuristics to determine whether this
+      // render pass will run to completion or restart or "suspend" the commit.
+      // The actual logic for this is spread out in different places.
+      //
+      // This first principle is that if we're going to suspend when we complete
+      // a root, then we should also restart if we get an update or ping that
+      // might unsuspend it, and vice versa. The only reason to suspend is
+      // because you think you might want to restart before committing. However,
+      // it doesn't make sense to restart only while in the period we're suspended.
+      //
+      // Restarting too aggressively is also not good because it starves out any
+      // intermediate loading state. So we use heuristics to determine when.
+      // Suspense Heuristics
+      //
+      // If nothing threw a Promise or all the same fallbacks are already showing,
+      // then don't suspend/restart.
+      //
+      // If this is an initial render of a new tree of Suspense boundaries and
+      // those trigger a fallback, then don't suspend/restart. We want to ensure
+      // that we can show the initial loading state as quickly as possible.
+      //
+      // If we hit a "Delayed" case, such as when we'd switch from content back into
+      // a fallback, then we should always suspend/restart. Transitions apply
+      // to this case. If none is defined, JND is used instead.
+      //
+      // If we're already showing a fallback and it gets "retried", allowing us to show
+      // another level, but there's still an inner boundary that would show a fallback,
+      // then we suspend/restart for 500ms since the last time we showed a fallback
+      // anywhere in the tree. This effectively throttles progressive loading into a
+      // consistent train of commits. This also gives us an opportunity to restart to
+      // get to the completed state slightly earlier.
+      //
+      // If there's ambiguity due to batching it's resolved in preference of:
+      // 1) "delayed", 2) "initial render", 3) "retry".
+      //
+      // We want to ensure that a "busy" state doesn't get force committed. We want to
+      // ensure that new initial loading states can commit as soon as possible.
+
+      suspenseBoundary.flags |= ShouldCapture; // TODO: I think we can remove this, since we now use `DidCapture` in
+      // the begin phase to prevent an early bailout.
+
+      suspenseBoundary.lanes = rootRenderLanes;
+      return suspenseBoundary;
+    }
+
+    function throwException(
+      root,
+      returnFiber,
+      sourceFiber,
+      value,
+      rootRenderLanes
+    ) {
+      // The source fiber did not complete.
+      sourceFiber.flags |= Incomplete;
+
+      {
+        if (isDevToolsPresent) {
+          // If we have pending work still, restore the original updaters
+          restorePendingUpdaters(root, rootRenderLanes);
+        }
+      }
+
+      if (value !== null && typeof value === "object") {
+        if (typeof value.then === "function") {
+          // This is a wakeable. The component suspended.
+          var wakeable = value;
+          resetSuspendedComponent(sourceFiber);
+
+          var suspenseBoundary = getSuspenseHandler();
+
+          if (suspenseBoundary !== null) {
+            switch (suspenseBoundary.tag) {
+              case SuspenseComponent: {
+                // If this suspense boundary is not already showing a fallback, mark
+                // the in-progress render as suspended. We try to perform this logic
+                // as soon as soon as possible during the render phase, so the work
+                // loop can know things like whether it's OK to switch to other tasks,
+                // or whether it can wait for data to resolve before continuing.
+                // TODO: Most of these checks are already performed when entering a
+                // Suspense boundary. We should track the information on the stack so
+                // we don't have to recompute it on demand. This would also allow us
+                // to unify with `use` which needs to perform this logic even sooner,
+                // before `throwException` is called.
+                if (sourceFiber.mode & ConcurrentMode) {
+                  if (getShellBoundary() === null) {
+                    // Suspended in the "shell" of the app. This is an undesirable
+                    // loading state. We should avoid committing this tree.
+                    renderDidSuspendDelayIfPossible();
+                  } else {
+                    // If we suspended deeper than the shell, we don't need to delay
+                    // the commmit. However, we still call renderDidSuspend if this is
+                    // a new boundary, to tell the work loop that a new fallback has
+                    // appeared during this render.
+                    // TODO: Theoretically we should be able to delete this branch.
+                    // It's currently used for two things: 1) to throttle the
+                    // appearance of successive loading states, and 2) in
+                    // SuspenseList, to determine whether the children include any
+                    // pending fallbacks. For 1, we should apply throttling to all
+                    // retries, not just ones that render an additional fallback. For
+                    // 2, we should check subtreeFlags instead. Then we can delete
+                    // this branch.
+                    var current = suspenseBoundary.alternate;
+
+                    if (current === null) {
+                      renderDidSuspend();
+                    }
+                  }
+                }
+
+                suspenseBoundary.flags &= ~ForceClientRender;
+                markSuspenseBoundaryShouldCapture(
+                  suspenseBoundary,
+                  returnFiber,
+                  sourceFiber,
+                  root,
+                  rootRenderLanes
+                ); // Retry listener
+                //
+                // If the fallback does commit, we need to attach a different type of
+                // listener. This one schedules an update on the Suspense boundary to
+                // turn the fallback state off.
+                //
+                // Stash the wakeable on the boundary fiber so we can access it in the
+                // commit phase.
+                //
+                // When the wakeable resolves, we'll attempt to render the boundary
+                // again ("retry").
+                // Check if this is a Suspensey resource. We do not attach retry
+                // listeners to these, because we don't actually need them for
+                // rendering. Only for committing. Instead, if a fallback commits
+                // and the only thing that suspended was a Suspensey resource, we
+                // retry immediately.
+                // TODO: Refactor throwException so that we don't have to do this type
+                // check. The caller already knows what the cause was.
+
+                var isSuspenseyResource =
+                  wakeable === noopSuspenseyCommitThenable;
+
+                if (isSuspenseyResource) {
+                  suspenseBoundary.flags |= ScheduleRetry;
+                } else {
+                  var retryQueue = suspenseBoundary.updateQueue;
+
+                  if (retryQueue === null) {
+                    suspenseBoundary.updateQueue = new Set([wakeable]);
+                  } else {
+                    retryQueue.add(wakeable);
+                  } // We only attach ping listeners in concurrent mode. Legacy
+                  // Suspense always commits fallbacks synchronously, so there are
+                  // no pings.
+
+                  if (suspenseBoundary.mode & ConcurrentMode) {
+                    attachPingListener(root, wakeable, rootRenderLanes);
+                  }
+                }
+
+                return false;
+              }
+
+              case OffscreenComponent: {
+                if (suspenseBoundary.mode & ConcurrentMode) {
+                  suspenseBoundary.flags |= ShouldCapture;
+
+                  var _isSuspenseyResource =
+                    wakeable === noopSuspenseyCommitThenable;
+
+                  if (_isSuspenseyResource) {
+                    suspenseBoundary.flags |= ScheduleRetry;
+                  } else {
+                    var offscreenQueue = suspenseBoundary.updateQueue;
+
+                    if (offscreenQueue === null) {
+                      var newOffscreenQueue = {
+                        transitions: null,
+                        markerInstances: null,
+                        retryQueue: new Set([wakeable])
+                      };
+                      suspenseBoundary.updateQueue = newOffscreenQueue;
+                    } else {
+                      var _retryQueue = offscreenQueue.retryQueue;
+
+                      if (_retryQueue === null) {
+                        offscreenQueue.retryQueue = new Set([wakeable]);
+                      } else {
+                        _retryQueue.add(wakeable);
+                      }
+                    }
+
+                    attachPingListener(root, wakeable, rootRenderLanes);
+                  }
+
+                  return false;
+                }
+              }
+            }
+
+            throw new Error(
+              "Unexpected Suspense handler tag (" +
+                suspenseBoundary.tag +
+                "). This " +
+                "is a bug in React."
+            );
+          } else {
+            // No boundary was found. Unless this is a sync update, this is OK.
+            // We can suspend and wait for more data to arrive.
+            if (root.tag === ConcurrentRoot) {
+              // In a concurrent root, suspending without a Suspense boundary is
+              // allowed. It will suspend indefinitely without committing.
+              //
+              // TODO: Should we have different behavior for discrete updates? What
+              // about flushSync? Maybe it should put the tree into an inert state,
+              // and potentially log a warning. Revisit this for a future release.
+              attachPingListener(root, wakeable, rootRenderLanes);
+              renderDidSuspendDelayIfPossible();
+              return false;
+            } else {
+              // In a legacy root, suspending without a boundary is always an error.
+              var uncaughtSuspenseError = new Error(
+                "A component suspended while responding to synchronous input. This " +
+                  "will cause the UI to be replaced with a loading indicator. To " +
+                  "fix, updates that suspend should be wrapped " +
+                  "with startTransition."
+              );
+              value = uncaughtSuspenseError;
+            }
+          }
+        }
+      } // This is a regular error, not a Suspense wakeable.
+
+      value = createCapturedValueAtFiber(value, sourceFiber);
+      renderDidError(value); // We didn't find a boundary that could handle this type of exception. Start
+      // over and traverse parent path again, this time treating the exception
+      // as an error.
+
+      if (returnFiber === null) {
+        // There's no return fiber, which means the root errored. This should never
+        // happen. Return `true` to trigger a fatal error (panic).
+        return true;
+      }
+
+      var workInProgress = returnFiber;
+
+      do {
+        switch (workInProgress.tag) {
+          case HostRoot: {
+            var _errorInfo = value;
+            workInProgress.flags |= ShouldCapture;
+            var lane = pickArbitraryLane(rootRenderLanes);
+            workInProgress.lanes = mergeLanes(workInProgress.lanes, lane);
+            var update = createRootErrorUpdate(
+              workInProgress,
+              _errorInfo,
+              lane
+            );
+            enqueueCapturedUpdate(workInProgress, update);
+            return false;
+          }
+
+          case ClassComponent:
+            // Capture and retry
+            var errorInfo = value;
+            var ctor = workInProgress.type;
+            var instance = workInProgress.stateNode;
+
+            if (
+              (workInProgress.flags & DidCapture) === NoFlags$1 &&
+              (typeof ctor.getDerivedStateFromError === "function" ||
+                (instance !== null &&
+                  typeof instance.componentDidCatch === "function" &&
+                  !isAlreadyFailedLegacyErrorBoundary(instance)))
+            ) {
+              workInProgress.flags |= ShouldCapture;
+
+              var _lane = pickArbitraryLane(rootRenderLanes);
+
+              workInProgress.lanes = mergeLanes(workInProgress.lanes, _lane); // Schedule the error boundary to re-render using updated state
+
+              var _update = createClassErrorUpdate(
+                workInProgress,
+                errorInfo,
+                _lane
+              );
+
+              enqueueCapturedUpdate(workInProgress, _update);
+              return false;
+            }
+
+            break;
+        } // $FlowFixMe[incompatible-type] we bail out when we get a null
+
+        workInProgress = workInProgress.return;
+      } while (workInProgress !== null);
+
+      return false;
+    }
+
+    var ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner; // A special exception that's used to unwind the stack when an update flows
+    // into a dehydrated boundary.
+
+    var SelectiveHydrationException = new Error(
+      "This is not a real error. It's an implementation detail of React's " +
+        "selective hydration feature. If this leaks into userspace, it's a bug in " +
+        "React. Please file an issue."
+    );
+    var didReceiveUpdate = false;
+    var didWarnAboutBadClass;
+    var didWarnAboutModulePatternComponent;
+    var didWarnAboutContextTypeOnFunctionComponent;
+    var didWarnAboutGetDerivedStateOnFunctionComponent;
+    var didWarnAboutFunctionRefs;
+    var didWarnAboutReassigningProps;
+    var didWarnAboutRevealOrder;
+    var didWarnAboutTailOptions;
+    var didWarnAboutDefaultPropsOnFunctionComponent;
+
+    {
+      didWarnAboutBadClass = {};
+      didWarnAboutModulePatternComponent = {};
+      didWarnAboutContextTypeOnFunctionComponent = {};
+      didWarnAboutGetDerivedStateOnFunctionComponent = {};
+      didWarnAboutFunctionRefs = {};
+      didWarnAboutReassigningProps = false;
+      didWarnAboutRevealOrder = {};
+      didWarnAboutTailOptions = {};
+      didWarnAboutDefaultPropsOnFunctionComponent = {};
+    }
+
+    function reconcileChildren(
+      current,
+      workInProgress,
+      nextChildren,
+      renderLanes
+    ) {
+      if (current === null) {
+        // If this is a fresh new component that hasn't been rendered yet, we
+        // won't update its child set by applying minimal side-effects. Instead,
+        // we will add them all to the child before it gets rendered. That means
+        // we can optimize this reconciliation pass by not tracking side-effects.
+        workInProgress.child = mountChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderLanes
+        );
+      } else {
+        // If the current child is the same as the work in progress, it means that
+        // we haven't yet started any work on these children. Therefore, we use
+        // the clone algorithm to create a copy of all the current children.
+        // If we had any progressed work already, that is invalid at this point so
+        // let's throw it out.
+        workInProgress.child = reconcileChildFibers(
+          workInProgress,
+          current.child,
+          nextChildren,
+          renderLanes
+        );
+      }
+    }
+
+    function forceUnmountCurrentAndReconcile(
+      current,
+      workInProgress,
+      nextChildren,
+      renderLanes
+    ) {
+      // This function is fork of reconcileChildren. It's used in cases where we
+      // want to reconcile without matching against the existing set. This has the
+      // effect of all current children being unmounted; even if the type and key
+      // are the same, the old child is unmounted and a new child is created.
+      //
+      // To do this, we're going to go through the reconcile algorithm twice. In
+      // the first pass, we schedule a deletion for all the current children by
+      // passing null.
+      workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        current.child,
+        null,
+        renderLanes
+      ); // In the second pass, we mount the new children. The trick here is that we
+      // pass null in place of where we usually pass the current child set. This has
+      // the effect of remounting all children regardless of whether their
+      // identities match.
+
+      workInProgress.child = reconcileChildFibers(
+        workInProgress,
+        null,
+        nextChildren,
+        renderLanes
+      );
+    }
+
+    function updateForwardRef(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      // TODO: current can be non-null here even if the component
+      // hasn't yet mounted. This happens after the first render suspends.
+      // We'll need to figure out if this is fine or can cause issues.
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          // Lazy component props can't be validated in createElement
+          // because they're only guaranteed to be resolved here.
+          var innerPropTypes = Component.propTypes;
+
+          if (innerPropTypes) {
+            checkPropTypes(
+              innerPropTypes,
+              nextProps, // Resolved props
+              "prop",
+              getComponentNameFromType(Component)
+            );
+          }
+        }
+      }
+
+      var render = Component.render;
+      var ref = workInProgress.ref; // The rest is a fork of updateFunctionComponent
+
+      var nextChildren;
+      prepareToReadContext(workInProgress, renderLanes);
+
+      {
+        ReactCurrentOwner$2.current = workInProgress;
+        setIsRendering(true);
+        nextChildren = renderWithHooks(
+          current,
+          workInProgress,
+          render,
+          nextProps,
+          ref,
+          renderLanes
+        );
+        setIsRendering(false);
+      }
+
+      if (current !== null && !didReceiveUpdate) {
+        bailoutHooks(current, workInProgress, renderLanes);
+        return bailoutOnAlreadyFinishedWork(
+          current,
+          workInProgress,
+          renderLanes
+        );
+      }
+
+      workInProgress.flags |= PerformedWork;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    function updateMemoComponent(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      if (current === null) {
+        var type = Component.type;
+
+        if (
+          isSimpleFunctionComponent(type) &&
+          Component.compare === null && // SimpleMemoComponent codepath doesn't resolve outer props either.
+          Component.defaultProps === undefined
+        ) {
+          var resolvedType = type;
+
+          {
+            resolvedType = resolveFunctionForHotReloading(type);
+          } // If this is a plain function component without default props,
+          // and with only the default shallow comparison, we upgrade it
+          // to a SimpleMemoComponent to allow fast path updates.
+
+          workInProgress.tag = SimpleMemoComponent;
+          workInProgress.type = resolvedType;
+
+          {
+            validateFunctionComponentInDev(workInProgress, type);
+          }
+
+          return updateSimpleMemoComponent(
+            current,
+            workInProgress,
+            resolvedType,
+            nextProps,
+            renderLanes
+          );
+        }
+
+        {
+          var innerPropTypes = type.propTypes;
+
+          if (innerPropTypes) {
+            // Inner memo component props aren't currently validated in createElement.
+            // We could move it there, but we'd still need this for lazy code path.
+            checkPropTypes(
+              innerPropTypes,
+              nextProps, // Resolved props
+              "prop",
+              getComponentNameFromType(type)
+            );
+          }
+
+          if (Component.defaultProps !== undefined) {
+            var componentName = getComponentNameFromType(type) || "Unknown";
+
+            if (!didWarnAboutDefaultPropsOnFunctionComponent[componentName]) {
+              error(
+                "%s: Support for defaultProps will be removed from memo components " +
+                  "in a future major release. Use JavaScript default parameters instead.",
+                componentName
+              );
+
+              didWarnAboutDefaultPropsOnFunctionComponent[componentName] = true;
+            }
+          }
+        }
+
+        var child = createFiberFromTypeAndProps(
+          Component.type,
+          null,
+          nextProps,
+          workInProgress,
+          workInProgress.mode,
+          renderLanes
+        );
+        child.ref = workInProgress.ref;
+        child.return = workInProgress;
+        workInProgress.child = child;
+        return child;
+      }
+
+      {
+        var _type = Component.type;
+        var _innerPropTypes = _type.propTypes;
+
+        if (_innerPropTypes) {
+          // Inner memo component props aren't currently validated in createElement.
+          // We could move it there, but we'd still need this for lazy code path.
+          checkPropTypes(
+            _innerPropTypes,
+            nextProps, // Resolved props
+            "prop",
+            getComponentNameFromType(_type)
+          );
+        }
+      }
+
+      var currentChild = current.child; // This is always exactly one child
+
+      var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
+        current,
+        renderLanes
+      );
+
+      if (!hasScheduledUpdateOrContext) {
+        // This will be the props with resolved defaultProps,
+        // unlike current.memoizedProps which will be the unresolved ones.
+        var prevProps = currentChild.memoizedProps; // Default to shallow comparison
+
+        var compare = Component.compare;
+        compare = compare !== null ? compare : shallowEqual;
+
+        if (
+          compare(prevProps, nextProps) &&
+          current.ref === workInProgress.ref
+        ) {
+          return bailoutOnAlreadyFinishedWork(
+            current,
+            workInProgress,
+            renderLanes
+          );
+        }
+      } // React DevTools reads this flag.
+
+      workInProgress.flags |= PerformedWork;
+      var newChild = createWorkInProgress(currentChild, nextProps);
+      newChild.ref = workInProgress.ref;
+      newChild.return = workInProgress;
+      workInProgress.child = newChild;
+      return newChild;
+    }
+
+    function updateSimpleMemoComponent(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      // TODO: current can be non-null here even if the component
+      // hasn't yet mounted. This happens when the inner render suspends.
+      // We'll need to figure out if this is fine or can cause issues.
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          // Lazy component props can't be validated in createElement
+          // because they're only guaranteed to be resolved here.
+          var outerMemoType = workInProgress.elementType;
+
+          if (outerMemoType.$$typeof === REACT_LAZY_TYPE) {
+            // We warn when you define propTypes on lazy()
+            // so let's just skip over it to find memo() outer wrapper.
+            // Inner props for memo are validated later.
+            var lazyComponent = outerMemoType;
+            var payload = lazyComponent._payload;
+            var init = lazyComponent._init;
+
+            try {
+              outerMemoType = init(payload);
+            } catch (x) {
+              outerMemoType = null;
+            } // Inner propTypes will be validated in the function component path.
+
+            var outerPropTypes = outerMemoType && outerMemoType.propTypes;
+
+            if (outerPropTypes) {
+              checkPropTypes(
+                outerPropTypes,
+                nextProps, // Resolved (SimpleMemoComponent has no defaultProps)
+                "prop",
+                getComponentNameFromType(outerMemoType)
+              );
+            }
+          }
+        }
+      }
+
+      if (current !== null) {
+        var prevProps = current.memoizedProps;
+
+        if (
+          shallowEqual(prevProps, nextProps) &&
+          current.ref === workInProgress.ref && // Prevent bailout if the implementation changed due to hot reload.
+          workInProgress.type === current.type
+        ) {
+          didReceiveUpdate = false; // The props are shallowly equal. Reuse the previous props object, like we
+          // would during a normal fiber bailout.
+          //
+          // We don't have strong guarantees that the props object is referentially
+          // equal during updates where we can't bail out anyway — like if the props
+          // are shallowly equal, but there's a local state or context update in the
+          // same batch.
+          //
+          // However, as a principle, we should aim to make the behavior consistent
+          // across different ways of memoizing a component. For example, React.memo
+          // has a different internal Fiber layout if you pass a normal function
+          // component (SimpleMemoComponent) versus if you pass a different type
+          // like forwardRef (MemoComponent). But this is an implementation detail.
+          // Wrapping a component in forwardRef (or React.lazy, etc) shouldn't
+          // affect whether the props object is reused during a bailout.
+
+          workInProgress.pendingProps = nextProps = prevProps;
+
+          if (!checkScheduledUpdateOrContext(current, renderLanes)) {
+            // The pending lanes were cleared at the beginning of beginWork. We're
+            // about to bail out, but there might be other lanes that weren't
+            // included in the current render. Usually, the priority level of the
+            // remaining updates is accumulated during the evaluation of the
+            // component (i.e. when processing the update queue). But since since
+            // we're bailing out early *without* evaluating the component, we need
+            // to account for it here, too. Reset to the value of the current fiber.
+            // NOTE: This only applies to SimpleMemoComponent, not MemoComponent,
+            // because a MemoComponent fiber does not have hooks or an update queue;
+            // rather, it wraps around an inner component, which may or may not
+            // contains hooks.
+            // TODO: Move the reset at in beginWork out of the common path so that
+            // this is no longer necessary.
+            workInProgress.lanes = current.lanes;
+            return bailoutOnAlreadyFinishedWork(
+              current,
+              workInProgress,
+              renderLanes
+            );
+          } else if (
+            (current.flags & ForceUpdateForLegacySuspense) !==
+            NoFlags$1
+          ) {
+            // This is a special case that only exists for legacy mode.
+            // See https://github.com/facebook/react/pull/19216.
+            didReceiveUpdate = true;
+          }
+        }
+      }
+
+      return updateFunctionComponent(
+        current,
+        workInProgress,
+        Component,
+        nextProps,
+        renderLanes
+      );
+    }
+
+    function updateOffscreenComponent(current, workInProgress, renderLanes) {
+      var nextProps = workInProgress.pendingProps;
+      var nextChildren = nextProps.children;
+      var nextIsDetached =
+        (workInProgress.stateNode._pendingVisibility & OffscreenDetached) !== 0;
+      var prevState = current !== null ? current.memoizedState : null;
+      markRef$1(current, workInProgress);
+
+      if (nextProps.mode === "hidden" || enableLegacyHidden || nextIsDetached) {
+        // Rendering a hidden tree.
+        var didSuspend = (workInProgress.flags & DidCapture) !== NoFlags$1;
+
+        if (didSuspend) {
+          // Something suspended inside a hidden tree
+          // Include the base lanes from the last render
+          var nextBaseLanes =
+            prevState !== null
+              ? mergeLanes(prevState.baseLanes, renderLanes)
+              : renderLanes;
+
+          if (current !== null) {
+            // Reset to the current children
+            var currentChild = (workInProgress.child = current.child); // The current render suspended, but there may be other lanes with
+            // pending work. We can't read `childLanes` from the current Offscreen
+            // fiber because we reset it when it was deferred; however, we can read
+            // the pending lanes from the child fibers.
+
+            var currentChildLanes = NoLanes;
+
+            while (currentChild !== null) {
+              currentChildLanes = mergeLanes(
+                mergeLanes(currentChildLanes, currentChild.lanes),
+                currentChild.childLanes
+              );
+              currentChild = currentChild.sibling;
+            }
+
+            var lanesWeJustAttempted = nextBaseLanes;
+            var remainingChildLanes = removeLanes(
+              currentChildLanes,
+              lanesWeJustAttempted
+            );
+            workInProgress.childLanes = remainingChildLanes;
+          } else {
+            workInProgress.childLanes = NoLanes;
+            workInProgress.child = null;
+          }
+
+          return deferHiddenOffscreenComponent(
+            current,
+            workInProgress,
+            nextBaseLanes
+          );
+        }
+
+        if ((workInProgress.mode & ConcurrentMode) === NoMode) {
+          // In legacy sync mode, don't defer the subtree. Render it now.
+          // TODO: Consider how Offscreen should work with transitions in the future
+          var nextState = {
+            baseLanes: NoLanes,
+            cachePool: null
+          };
+          workInProgress.memoizedState = nextState;
+
+          reuseHiddenContextOnStack(workInProgress);
+          pushOffscreenSuspenseHandler(workInProgress);
+        } else if (!includesSomeLane(renderLanes, OffscreenLane)) {
+          // We're hidden, and we're not rendering at Offscreen. We will bail out
+          // and resume this tree later.
+          // Schedule this fiber to re-render at Offscreen priority
+          workInProgress.lanes = workInProgress.childLanes =
+            laneToLanes(OffscreenLane); // Include the base lanes from the last render
+
+          var _nextBaseLanes =
+            prevState !== null
+              ? mergeLanes(prevState.baseLanes, renderLanes)
+              : renderLanes;
+
+          return deferHiddenOffscreenComponent(
+            current,
+            workInProgress,
+            _nextBaseLanes
+          );
+        } else {
+          // This is the second render. The surrounding visible content has already
+          // committed. Now we resume rendering the hidden tree.
+          // Rendering at offscreen, so we can clear the base lanes.
+          var _nextState = {
+            baseLanes: NoLanes,
+            cachePool: null
+          };
+          workInProgress.memoizedState = _nextState;
+
+          if (prevState !== null) {
+            pushHiddenContext(workInProgress, prevState);
+          } else {
+            reuseHiddenContextOnStack(workInProgress);
+          }
+
+          pushOffscreenSuspenseHandler(workInProgress);
+        }
+      } else {
+        // Rendering a visible tree.
+        if (prevState !== null) {
+          pushHiddenContext(workInProgress, prevState);
+          reuseSuspenseHandlerOnStack(workInProgress); // Since we're not hidden anymore, reset the state
+
+          workInProgress.memoizedState = null;
+        } else {
+          // to avoid a push/pop misalignment.
+
+          reuseHiddenContextOnStack(workInProgress);
+          reuseSuspenseHandlerOnStack(workInProgress);
+        }
+      }
+
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    function deferHiddenOffscreenComponent(
+      current,
+      workInProgress,
+      nextBaseLanes,
+      renderLanes
+    ) {
+      var nextState = {
+        baseLanes: nextBaseLanes,
+        // Save the cache pool so we can resume later.
+        cachePool: null
+      };
+      workInProgress.memoizedState = nextState;
+      // to avoid a push/pop misalignment.
+
+      reuseHiddenContextOnStack(workInProgress);
+      pushOffscreenSuspenseHandler(workInProgress);
+
+      return null;
+    } // Note: These happen to have identical begin phases, for now. We shouldn't hold
+
+    function updateFragment(current, workInProgress, renderLanes) {
+      var nextChildren = workInProgress.pendingProps;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    function updateMode(current, workInProgress, renderLanes) {
+      var nextChildren = workInProgress.pendingProps.children;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    function updateProfiler(current, workInProgress, renderLanes) {
+      {
+        workInProgress.flags |= Update;
+
+        {
+          // Reset effect durations for the next eventual effect phase.
+          // These are reset during render to allow the DevTools commit hook a chance to read them,
+          var stateNode = workInProgress.stateNode;
+          stateNode.effectDuration = 0;
+          stateNode.passiveEffectDuration = 0;
+        }
+      }
+
+      var nextProps = workInProgress.pendingProps;
+      var nextChildren = nextProps.children;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    function markRef$1(current, workInProgress) {
+      var ref = workInProgress.ref;
+
+      if (
+        (current === null && ref !== null) ||
+        (current !== null && current.ref !== ref)
+      ) {
+        // Schedule a Ref effect
+        workInProgress.flags |= Ref;
+        workInProgress.flags |= RefStatic;
+      }
+    }
+
+    function updateFunctionComponent(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      {
+        if (workInProgress.type !== workInProgress.elementType) {
+          // Lazy component props can't be validated in createElement
+          // because they're only guaranteed to be resolved here.
+          var innerPropTypes = Component.propTypes;
+
+          if (innerPropTypes) {
+            checkPropTypes(
+              innerPropTypes,
+              nextProps, // Resolved props
+              "prop",
+              getComponentNameFromType(Component)
+            );
+          }
+        }
+      }
+
+      var context;
+
+      {
+        var unmaskedContext = getUnmaskedContext(
+          workInProgress,
+          Component,
+          true
+        );
+        context = getMaskedContext(workInProgress, unmaskedContext);
+      }
+
+      var nextChildren;
+      prepareToReadContext(workInProgress, renderLanes);
+
+      {
+        ReactCurrentOwner$2.current = workInProgress;
+        setIsRendering(true);
+        nextChildren = renderWithHooks(
+          current,
+          workInProgress,
+          Component,
+          nextProps,
+          context,
+          renderLanes
+        );
+        setIsRendering(false);
+      }
+
+      if (current !== null && !didReceiveUpdate) {
+        bailoutHooks(current, workInProgress, renderLanes);
+        return bailoutOnAlreadyFinishedWork(
+          current,
+          workInProgress,
+          renderLanes
+        );
+      }
+
+      workInProgress.flags |= PerformedWork;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    function replayFunctionComponent(
+      current,
+      workInProgress,
+      nextProps,
+      Component,
+      secondArg,
+      renderLanes
+    ) {
+      // This function is used to replay a component that previously suspended,
+      // after its data resolves. It's a simplified version of
+      // updateFunctionComponent that reuses the hooks from the previous attempt.
+      prepareToReadContext(workInProgress, renderLanes);
+
+      var nextChildren = replaySuspendedComponentWithHooks(
+        current,
+        workInProgress,
+        Component,
+        nextProps,
+        secondArg
+      );
+
+      if (current !== null && !didReceiveUpdate) {
+        bailoutHooks(current, workInProgress, renderLanes);
+        return bailoutOnAlreadyFinishedWork(
+          current,
+          workInProgress,
+          renderLanes
+        );
+      }
+
+      workInProgress.flags |= PerformedWork;
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    function updateClassComponent(
+      current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      {
+        // This is used by DevTools to force a boundary to error.
+        switch (shouldError(workInProgress)) {
+          case false: {
+            var _instance = workInProgress.stateNode;
+            var ctor = workInProgress.type; // TODO This way of resetting the error boundary state is a hack.
+            // Is there a better way to do this?
+
+            var tempInstance = new ctor(
+              workInProgress.memoizedProps,
+              _instance.context
+            );
+            var state = tempInstance.state;
+
+            _instance.updater.enqueueSetState(_instance, state, null);
+
+            break;
+          }
+
+          case true: {
+            workInProgress.flags |= DidCapture;
+            workInProgress.flags |= ShouldCapture; // eslint-disable-next-line react-internal/prod-error-codes
+
+            var error$1 = new Error("Simulated error coming from DevTools");
+            var lane = pickArbitraryLane(renderLanes);
+            workInProgress.lanes = mergeLanes(workInProgress.lanes, lane); // Schedule the error boundary to re-render using updated state
+
+            var update = createClassErrorUpdate(
+              workInProgress,
+              createCapturedValueAtFiber(error$1, workInProgress),
+              lane
+            );
+            enqueueCapturedUpdate(workInProgress, update);
+            break;
+          }
+        }
+
+        if (workInProgress.type !== workInProgress.elementType) {
+          // Lazy component props can't be validated in createElement
+          // because they're only guaranteed to be resolved here.
+          var innerPropTypes = Component.propTypes;
+
+          if (innerPropTypes) {
+            checkPropTypes(
+              innerPropTypes,
+              nextProps, // Resolved props
+              "prop",
+              getComponentNameFromType(Component)
+            );
+          }
+        }
+      } // Push context providers early to prevent context stack mismatches.
+      // During mounting we don't know the child context yet as the instance doesn't exist.
+      // We will invalidate the child context in finishClassComponent() right after rendering.
+
+      var hasContext;
+
+      if (isContextProvider(Component)) {
+        hasContext = true;
+        pushContextProvider(workInProgress);
+      } else {
+        hasContext = false;
+      }
+
+      prepareToReadContext(workInProgress, renderLanes);
+      var instance = workInProgress.stateNode;
+      var shouldUpdate;
+
+      if (instance === null) {
+        resetSuspendedCurrentOnMountInLegacyMode(current, workInProgress); // In the initial pass we might need to construct the instance.
+
+        constructClassInstance(workInProgress, Component, nextProps);
+        mountClassInstance(workInProgress, Component, nextProps, renderLanes);
+        shouldUpdate = true;
+      } else if (current === null) {
+        // In a resume, we'll already have an instance we can reuse.
+        shouldUpdate = resumeMountClassInstance(
+          workInProgress,
+          Component,
+          nextProps,
+          renderLanes
+        );
+      } else {
+        shouldUpdate = updateClassInstance(
+          current,
+          workInProgress,
+          Component,
+          nextProps,
+          renderLanes
+        );
+      }
+
+      var nextUnitOfWork = finishClassComponent(
+        current,
+        workInProgress,
+        Component,
+        shouldUpdate,
+        hasContext,
+        renderLanes
+      );
+
+      {
+        var inst = workInProgress.stateNode;
+
+        if (shouldUpdate && inst.props !== nextProps) {
+          if (!didWarnAboutReassigningProps) {
+            error(
+              "It looks like %s is reassigning its own `this.props` while rendering. " +
+                "This is not supported and can lead to confusing bugs.",
+              getComponentNameFromFiber(workInProgress) || "a component"
+            );
+          }
+
+          didWarnAboutReassigningProps = true;
+        }
+      }
+
+      return nextUnitOfWork;
+    }
+
+    function finishClassComponent(
+      current,
+      workInProgress,
+      Component,
+      shouldUpdate,
+      hasContext,
+      renderLanes
+    ) {
+      // Refs should update even if shouldComponentUpdate returns false
+      markRef$1(current, workInProgress);
+      var didCaptureError = (workInProgress.flags & DidCapture) !== NoFlags$1;
+
+      if (!shouldUpdate && !didCaptureError) {
+        // Context providers should defer to sCU for rendering
+        if (hasContext) {
+          invalidateContextProvider(workInProgress, Component, false);
+        }
+
+        return bailoutOnAlreadyFinishedWork(
+          current,
+          workInProgress,
+          renderLanes
+        );
+      }
+
+      var instance = workInProgress.stateNode; // Rerender
+
+      ReactCurrentOwner$2.current = workInProgress;
+      var nextChildren;
+
+      if (
+        didCaptureError &&
+        typeof Component.getDerivedStateFromError !== "function"
+      ) {
+        // If we captured an error, but getDerivedStateFromError is not defined,
+        // unmount all the children. componentDidCatch will schedule an update to
+        // re-render a fallback. This is temporary until we migrate everyone to
+        // the new API.
+        // TODO: Warn in a future release.
+        nextChildren = null;
+
+        {
+          stopProfilerTimerIfRunning();
+        }
+      } else {
+        {
+          setIsRendering(true);
+          nextChildren = instance.render();
+
+          if (workInProgress.mode & StrictLegacyMode) {
+            setIsStrictModeForDevtools(true);
+
+            try {
+              instance.render();
+            } finally {
+              setIsStrictModeForDevtools(false);
+            }
+          }
+
+          setIsRendering(false);
+        }
+      } // React DevTools reads this flag.
+
+      workInProgress.flags |= PerformedWork;
+
+      if (current !== null && didCaptureError) {
+        // If we're recovering from an error, reconcile without reusing any of
+        // the existing children. Conceptually, the normal children and the children
+        // that are shown on error are two different sets, so we shouldn't reuse
+        // normal children even if their identities match.
+        forceUnmountCurrentAndReconcile(
+          current,
+          workInProgress,
+          nextChildren,
+          renderLanes
+        );
+      } else {
+        reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      } // Memoize state using the values we just used to render.
+      // TODO: Restructure so we never read values from the instance.
+
+      workInProgress.memoizedState = instance.state; // The context might have changed so we need to recalculate it.
+
+      if (hasContext) {
+        invalidateContextProvider(workInProgress, Component, true);
+      }
+
+      return workInProgress.child;
+    }
+
+    function pushHostRootContext(workInProgress) {
+      var root = workInProgress.stateNode;
+
+      if (root.pendingContext) {
+        pushTopLevelContextObject(
+          workInProgress,
+          root.pendingContext,
+          root.pendingContext !== root.context
+        );
+      } else if (root.context) {
+        // Should always be set
+        pushTopLevelContextObject(workInProgress, root.context, false);
+      }
+
+      pushHostContainer(workInProgress, root.containerInfo);
+    }
+
+    function updateHostRoot(current, workInProgress, renderLanes) {
+      pushHostRootContext(workInProgress);
+
+      if (current === null) {
+        throw new Error("Should have a current fiber. This is a bug in React.");
+      }
+
+      var nextProps = workInProgress.pendingProps;
+      var prevState = workInProgress.memoizedState;
+      var prevChildren = prevState.element;
+      cloneUpdateQueue(current, workInProgress);
+      processUpdateQueue(workInProgress, nextProps, null, renderLanes);
+      var nextState = workInProgress.memoizedState;
+      // it needs to happen after the `pushCacheProvider` call above to avoid a
+      // context stack mismatch. A bit unfortunate.
+
+      suspendIfUpdateReadFromEntangledAsyncAction(); // Caution: React DevTools currently depends on this property
+      // being called "element".
+
+      var nextChildren = nextState.element;
+
+      {
+        if (nextChildren === prevChildren) {
+          return bailoutOnAlreadyFinishedWork(
+            current,
+            workInProgress,
+            renderLanes
+          );
+        }
+
+        reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      }
+
+      return workInProgress.child;
+    }
+
+    function updateHostComponent$1(current, workInProgress, renderLanes) {
+      pushHostContext(workInProgress);
+      var nextProps = workInProgress.pendingProps;
+      var prevProps = current !== null ? current.memoizedProps : null;
+      var nextChildren = nextProps.children;
+
+      if (prevProps !== null && shouldSetTextContent()) {
+        // If we're switching from a direct text child to a normal child, or to
+        // empty, we need to schedule the text content to be reset.
+        workInProgress.flags |= ContentReset;
+      }
+
+      markRef$1(current, workInProgress);
+      reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    function updateHostText$1(current, workInProgress) {
+      // immediately after.
+
+      return null;
+    }
+
+    function mountLazyComponent(
+      _current,
+      workInProgress,
+      elementType,
+      renderLanes
+    ) {
+      resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress);
+      var props = workInProgress.pendingProps;
+      var lazyComponent = elementType;
+      var payload = lazyComponent._payload;
+      var init = lazyComponent._init;
+      var Component = init(payload); // Store the unwrapped component in the type.
+
+      workInProgress.type = Component;
+      var resolvedTag = (workInProgress.tag =
+        resolveLazyComponentTag(Component));
+      var resolvedProps = resolveDefaultProps(Component, props);
+      var child;
+
+      switch (resolvedTag) {
+        case FunctionComponent: {
+          {
+            validateFunctionComponentInDev(workInProgress, Component);
+            workInProgress.type = Component =
+              resolveFunctionForHotReloading(Component);
+          }
+
+          child = updateFunctionComponent(
+            null,
+            workInProgress,
+            Component,
+            resolvedProps,
+            renderLanes
+          );
+          return child;
+        }
+
+        case ClassComponent: {
+          {
+            workInProgress.type = Component =
+              resolveClassForHotReloading(Component);
+          }
+
+          child = updateClassComponent(
+            null,
+            workInProgress,
+            Component,
+            resolvedProps,
+            renderLanes
+          );
+          return child;
+        }
+
+        case ForwardRef: {
+          {
+            workInProgress.type = Component =
+              resolveForwardRefForHotReloading(Component);
+          }
+
+          child = updateForwardRef(
+            null,
+            workInProgress,
+            Component,
+            resolvedProps,
+            renderLanes
+          );
+          return child;
+        }
+
+        case MemoComponent: {
+          {
+            if (workInProgress.type !== workInProgress.elementType) {
+              var outerPropTypes = Component.propTypes;
+
+              if (outerPropTypes) {
+                checkPropTypes(
+                  outerPropTypes,
+                  resolvedProps, // Resolved for outer only
+                  "prop",
+                  getComponentNameFromType(Component)
+                );
+              }
+            }
+          }
+
+          child = updateMemoComponent(
+            null,
+            workInProgress,
+            Component,
+            resolveDefaultProps(Component.type, resolvedProps), // The inner type can have defaults too
+            renderLanes
+          );
+          return child;
+        }
+      }
+
+      var hint = "";
+
+      {
+        if (
+          Component !== null &&
+          typeof Component === "object" &&
+          Component.$$typeof === REACT_LAZY_TYPE
+        ) {
+          hint = " Did you wrap a component in React.lazy() more than once?";
+        }
+      } // This message intentionally doesn't mention ForwardRef or MemoComponent
+      // because the fact that it's a separate type of work is an
+      // implementation detail.
+
+      throw new Error(
+        "Element type is invalid. Received a promise that resolves to: " +
+          Component +
+          ". " +
+          ("Lazy element type must resolve to a class or function." + hint)
+      );
+    }
+
+    function mountIncompleteClassComponent(
+      _current,
+      workInProgress,
+      Component,
+      nextProps,
+      renderLanes
+    ) {
+      resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress); // Promote the fiber to a class and try rendering again.
+
+      workInProgress.tag = ClassComponent; // The rest of this function is a fork of `updateClassComponent`
+      // Push context providers early to prevent context stack mismatches.
+      // During mounting we don't know the child context yet as the instance doesn't exist.
+      // We will invalidate the child context in finishClassComponent() right after rendering.
+
+      var hasContext;
+
+      if (isContextProvider(Component)) {
+        hasContext = true;
+        pushContextProvider(workInProgress);
+      } else {
+        hasContext = false;
+      }
+
+      prepareToReadContext(workInProgress, renderLanes);
+      constructClassInstance(workInProgress, Component, nextProps);
+      mountClassInstance(workInProgress, Component, nextProps, renderLanes);
+      return finishClassComponent(
+        null,
+        workInProgress,
+        Component,
+        true,
+        hasContext,
+        renderLanes
+      );
+    }
+
+    function mountIndeterminateComponent(
+      _current,
+      workInProgress,
+      Component,
+      renderLanes
+    ) {
+      resetSuspendedCurrentOnMountInLegacyMode(_current, workInProgress);
+      var props = workInProgress.pendingProps;
+      var context;
+
+      {
+        var unmaskedContext = getUnmaskedContext(
+          workInProgress,
+          Component,
+          false
+        );
+        context = getMaskedContext(workInProgress, unmaskedContext);
+      }
+
+      prepareToReadContext(workInProgress, renderLanes);
+      var value;
+
+      {
+        if (
+          Component.prototype &&
+          typeof Component.prototype.render === "function"
+        ) {
+          var componentName = getComponentNameFromType(Component) || "Unknown";
+
+          if (!didWarnAboutBadClass[componentName]) {
+            error(
+              "The <%s /> component appears to have a render method, but doesn't extend React.Component. " +
+                "This is likely to cause errors. Change %s to extend React.Component instead.",
+              componentName,
+              componentName
+            );
+
+            didWarnAboutBadClass[componentName] = true;
+          }
+        }
+
+        if (workInProgress.mode & StrictLegacyMode) {
+          ReactStrictModeWarnings.recordLegacyContextWarning(
+            workInProgress,
+            null
+          );
+        }
+
+        setIsRendering(true);
+        ReactCurrentOwner$2.current = workInProgress;
+        value = renderWithHooks(
+          null,
+          workInProgress,
+          Component,
+          props,
+          context,
+          renderLanes
+        );
+        setIsRendering(false);
+      }
+
+      workInProgress.flags |= PerformedWork;
+
+      {
+        // Support for module components is deprecated and is removed behind a flag.
+        // Whether or not it would crash later, we want to show a good message in DEV first.
+        if (
+          typeof value === "object" &&
+          value !== null &&
+          typeof value.render === "function" &&
+          value.$$typeof === undefined
+        ) {
+          var _componentName = getComponentNameFromType(Component) || "Unknown";
+
+          if (!didWarnAboutModulePatternComponent[_componentName]) {
+            error(
+              "The <%s /> component appears to be a function component that returns a class instance. " +
+                "Change %s to a class that extends React.Component instead. " +
+                "If you can't use a class try assigning the prototype on the function as a workaround. " +
+                "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " +
+                "cannot be called with `new` by React.",
+              _componentName,
+              _componentName,
+              _componentName
+            );
+
+            didWarnAboutModulePatternComponent[_componentName] = true;
+          }
+        }
+      }
+
+      if (
+        // Run these checks in production only if the flag is off.
+        // Eventually we'll delete this branch altogether.
+        typeof value === "object" &&
+        value !== null &&
+        typeof value.render === "function" &&
+        value.$$typeof === undefined
+      ) {
+        {
+          var _componentName2 =
+            getComponentNameFromType(Component) || "Unknown";
+
+          if (!didWarnAboutModulePatternComponent[_componentName2]) {
+            error(
+              "The <%s /> component appears to be a function component that returns a class instance. " +
+                "Change %s to a class that extends React.Component instead. " +
+                "If you can't use a class try assigning the prototype on the function as a workaround. " +
+                "`%s.prototype = React.Component.prototype`. Don't use an arrow function since it " +
+                "cannot be called with `new` by React.",
+              _componentName2,
+              _componentName2,
+              _componentName2
+            );
+
+            didWarnAboutModulePatternComponent[_componentName2] = true;
+          }
+        } // Proceed under the assumption that this is a class instance
+
+        workInProgress.tag = ClassComponent; // Throw out any hooks that were used.
+
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null; // Push context providers early to prevent context stack mismatches.
+        // During mounting we don't know the child context yet as the instance doesn't exist.
+        // We will invalidate the child context in finishClassComponent() right after rendering.
+
+        var hasContext = false;
+
+        if (isContextProvider(Component)) {
+          hasContext = true;
+          pushContextProvider(workInProgress);
+        } else {
+          hasContext = false;
+        }
+
+        workInProgress.memoizedState =
+          value.state !== null && value.state !== undefined
+            ? value.state
+            : null;
+        initializeUpdateQueue(workInProgress);
+        adoptClassInstance(workInProgress, value);
+        mountClassInstance(workInProgress, Component, props, renderLanes);
+        return finishClassComponent(
+          null,
+          workInProgress,
+          Component,
+          true,
+          hasContext,
+          renderLanes
+        );
+      } else {
+        // Proceed under the assumption that this is a function component
+        workInProgress.tag = FunctionComponent;
+
+        reconcileChildren(null, workInProgress, value, renderLanes);
+
+        {
+          validateFunctionComponentInDev(workInProgress, Component);
+        }
+
+        return workInProgress.child;
+      }
+    }
+
+    function validateFunctionComponentInDev(workInProgress, Component) {
+      {
+        if (Component) {
+          if (Component.childContextTypes) {
+            error(
+              "%s(...): childContextTypes cannot be defined on a function component.",
+              Component.displayName || Component.name || "Component"
+            );
+          }
+        }
+
+        if (workInProgress.ref !== null) {
+          var info = "";
+          var componentName = getComponentNameFromType(Component) || "Unknown";
+          var ownerName = getCurrentFiberOwnerNameInDevOrNull();
+
+          if (ownerName) {
+            info += "\n\nCheck the render method of `" + ownerName + "`.";
+          }
+
+          var warningKey = componentName + "|" + (ownerName || "");
+
+          if (!didWarnAboutFunctionRefs[warningKey]) {
+            didWarnAboutFunctionRefs[warningKey] = true;
+
+            error(
+              "Function components cannot be given refs. " +
+                "Attempts to access this ref will fail. " +
+                "Did you mean to use React.forwardRef()?%s",
+              info
+            );
+          }
+        }
+
+        if (Component.defaultProps !== undefined) {
+          var _componentName3 =
+            getComponentNameFromType(Component) || "Unknown";
+
+          if (!didWarnAboutDefaultPropsOnFunctionComponent[_componentName3]) {
+            error(
+              "%s: Support for defaultProps will be removed from function components " +
+                "in a future major release. Use JavaScript default parameters instead.",
+              _componentName3
+            );
+
+            didWarnAboutDefaultPropsOnFunctionComponent[_componentName3] = true;
+          }
+        }
+
+        if (typeof Component.getDerivedStateFromProps === "function") {
+          var _componentName4 =
+            getComponentNameFromType(Component) || "Unknown";
+
+          if (
+            !didWarnAboutGetDerivedStateOnFunctionComponent[_componentName4]
+          ) {
+            error(
+              "%s: Function components do not support getDerivedStateFromProps.",
+              _componentName4
+            );
+
+            didWarnAboutGetDerivedStateOnFunctionComponent[_componentName4] =
+              true;
+          }
+        }
+
+        if (
+          typeof Component.contextType === "object" &&
+          Component.contextType !== null
+        ) {
+          var _componentName5 =
+            getComponentNameFromType(Component) || "Unknown";
+
+          if (!didWarnAboutContextTypeOnFunctionComponent[_componentName5]) {
+            error(
+              "%s: Function components do not support contextType.",
+              _componentName5
+            );
+
+            didWarnAboutContextTypeOnFunctionComponent[_componentName5] = true;
+          }
+        }
+      }
+    }
+
+    var SUSPENDED_MARKER = {
+      dehydrated: null,
+      treeContext: null,
+      retryLane: NoLane
+    };
+
+    function mountSuspenseOffscreenState(renderLanes) {
+      return {
+        baseLanes: renderLanes,
+        cachePool: getSuspendedCache()
+      };
+    }
+
+    function updateSuspenseOffscreenState(prevOffscreenState, renderLanes) {
+      var cachePool = null;
+
+      return {
+        baseLanes: mergeLanes(prevOffscreenState.baseLanes, renderLanes),
+        cachePool: cachePool
+      };
+    } // TODO: Probably should inline this back
+
+    function shouldRemainOnFallback(current, workInProgress, renderLanes) {
+      // If we're already showing a fallback, there are cases where we need to
+      // remain on that fallback regardless of whether the content has resolved.
+      // For example, SuspenseList coordinates when nested content appears.
+      // TODO: For compatibility with offscreen prerendering, this should also check
+      // whether the current fiber (if it exists) was visible in the previous tree.
+      if (current !== null) {
+        var suspenseState = current.memoizedState;
+
+        if (suspenseState === null) {
+          // Currently showing content. Don't hide it, even if ForceSuspenseFallback
+          // is true. More precise name might be "ForceRemainSuspenseFallback".
+          // Note: This is a factoring smell. Can't remain on a fallback if there's
+          // no fallback to remain on.
+          return false;
+        }
+      } // Not currently showing content. Consult the Suspense context.
+
+      var suspenseContext = suspenseStackCursor.current;
+      return hasSuspenseListContext(suspenseContext, ForceSuspenseFallback);
+    }
+
+    function getRemainingWorkInPrimaryTree(
+      current,
+      primaryTreeDidDefer,
+      renderLanes
+    ) {
+      var remainingLanes =
+        current !== null
+          ? removeLanes(current.childLanes, renderLanes)
+          : NoLanes;
+
+      if (primaryTreeDidDefer) {
+        // A useDeferredValue hook spawned a deferred task inside the primary tree.
+        // Ensure that we retry this component at the deferred priority.
+        // TODO: We could make this a per-subtree value instead of a global one.
+        // Would need to track it on the context stack somehow, similar to what
+        // we'd have to do for resumable contexts.
+        remainingLanes = mergeLanes(remainingLanes, peekDeferredLane());
+      }
+
+      return remainingLanes;
+    }
+
+    function updateSuspenseComponent(current, workInProgress, renderLanes) {
+      var nextProps = workInProgress.pendingProps; // This is used by DevTools to force a boundary to suspend.
+
+      {
+        if (shouldSuspend(workInProgress)) {
+          workInProgress.flags |= DidCapture;
+        }
+      }
+
+      var showFallback = false;
+      var didSuspend = (workInProgress.flags & DidCapture) !== NoFlags$1;
+
+      if (didSuspend || shouldRemainOnFallback(current)) {
+        // Something in this boundary's subtree already suspended. Switch to
+        // rendering the fallback children.
+        showFallback = true;
+        workInProgress.flags &= ~DidCapture;
+      } // Check if the primary children spawned a deferred task (useDeferredValue)
+      // during the first pass.
+
+      var didPrimaryChildrenDefer =
+        (workInProgress.flags & DidDefer) !== NoFlags$1;
+      workInProgress.flags &= ~DidDefer; // OK, the next part is confusing. We're about to reconcile the Suspense
+      // boundary's children. This involves some custom reconciliation logic. Two
+      // main reasons this is so complicated.
+      //
+      // First, Legacy Mode has different semantics for backwards compatibility. The
+      // primary tree will commit in an inconsistent state, so when we do the
+      // second pass to render the fallback, we do some exceedingly, uh, clever
+      // hacks to make that not totally break. Like transferring effects and
+      // deletions from hidden tree. In Concurrent Mode, it's much simpler,
+      // because we bailout on the primary tree completely and leave it in its old
+      // state, no effects. Same as what we do for Offscreen (except that
+      // Offscreen doesn't have the first render pass).
+      //
+      // Second is hydration. During hydration, the Suspense fiber has a slightly
+      // different layout, where the child points to a dehydrated fragment, which
+      // contains the DOM rendered by the server.
+      //
+      // Third, even if you set all that aside, Suspense is like error boundaries in
+      // that we first we try to render one tree, and if that fails, we render again
+      // and switch to a different tree. Like a try/catch block. So we have to track
+      // which branch we're currently rendering. Ideally we would model this using
+      // a stack.
+
+      if (current === null) {
+        var nextPrimaryChildren = nextProps.children;
+        var nextFallbackChildren = nextProps.fallback;
+
+        if (showFallback) {
+          pushFallbackTreeSuspenseHandler(workInProgress);
+          var fallbackFragment = mountSuspenseFallbackChildren(
+            workInProgress,
+            nextPrimaryChildren,
+            nextFallbackChildren,
+            renderLanes
+          );
+          var primaryChildFragment = workInProgress.child;
+          primaryChildFragment.memoizedState =
+            mountSuspenseOffscreenState(renderLanes);
+          primaryChildFragment.childLanes = getRemainingWorkInPrimaryTree(
+            current,
+            didPrimaryChildrenDefer,
+            renderLanes
+          );
+          workInProgress.memoizedState = SUSPENDED_MARKER;
+
+          return fallbackFragment;
+        } else {
+          pushPrimaryTreeSuspenseHandler(workInProgress);
+          return mountSuspensePrimaryChildren(
+            workInProgress,
+            nextPrimaryChildren
+          );
+        }
+      } else {
+        // This is an update.
+        // Special path for hydration
+        var prevState = current.memoizedState;
+
+        if (prevState !== null) {
+          var _dehydrated = prevState.dehydrated;
+
+          if (_dehydrated !== null) {
+            return updateDehydratedSuspenseComponent(
+              current,
+              workInProgress,
+              didSuspend,
+              didPrimaryChildrenDefer,
+              nextProps,
+              _dehydrated,
+              prevState,
+              renderLanes
+            );
+          }
+        }
+
+        if (showFallback) {
+          pushFallbackTreeSuspenseHandler(workInProgress);
+          var _nextFallbackChildren = nextProps.fallback;
+          var _nextPrimaryChildren = nextProps.children;
+          var fallbackChildFragment = updateSuspenseFallbackChildren(
+            current,
+            workInProgress,
+            _nextPrimaryChildren,
+            _nextFallbackChildren,
+            renderLanes
+          );
+          var _primaryChildFragment2 = workInProgress.child;
+          var prevOffscreenState = current.child.memoizedState;
+          _primaryChildFragment2.memoizedState =
+            prevOffscreenState === null
+              ? mountSuspenseOffscreenState(renderLanes)
+              : updateSuspenseOffscreenState(prevOffscreenState, renderLanes);
+
+          _primaryChildFragment2.childLanes = getRemainingWorkInPrimaryTree(
+            current,
+            didPrimaryChildrenDefer,
+            renderLanes
+          );
+          workInProgress.memoizedState = SUSPENDED_MARKER;
+          return fallbackChildFragment;
+        } else {
+          pushPrimaryTreeSuspenseHandler(workInProgress);
+          var _nextPrimaryChildren2 = nextProps.children;
+
+          var _primaryChildFragment3 = updateSuspensePrimaryChildren(
+            current,
+            workInProgress,
+            _nextPrimaryChildren2,
+            renderLanes
+          );
+
+          workInProgress.memoizedState = null;
+          return _primaryChildFragment3;
+        }
+      }
+    }
+
+    function mountSuspensePrimaryChildren(
+      workInProgress,
+      primaryChildren,
+      renderLanes
+    ) {
+      var mode = workInProgress.mode;
+      var primaryChildProps = {
+        mode: "visible",
+        children: primaryChildren
+      };
+      var primaryChildFragment = mountWorkInProgressOffscreenFiber(
+        primaryChildProps,
+        mode
+      );
+      primaryChildFragment.return = workInProgress;
+      workInProgress.child = primaryChildFragment;
+      return primaryChildFragment;
+    }
+
+    function mountSuspenseFallbackChildren(
+      workInProgress,
+      primaryChildren,
+      fallbackChildren,
+      renderLanes
+    ) {
+      var mode = workInProgress.mode;
+      var progressedPrimaryFragment = workInProgress.child;
+      var primaryChildProps = {
+        mode: "hidden",
+        children: primaryChildren
+      };
+      var primaryChildFragment;
+      var fallbackChildFragment;
+
+      if (
+        (mode & ConcurrentMode) === NoMode &&
+        progressedPrimaryFragment !== null
+      ) {
+        // In legacy mode, we commit the primary tree as if it successfully
+        // completed, even though it's in an inconsistent state.
+        primaryChildFragment = progressedPrimaryFragment;
+        primaryChildFragment.childLanes = NoLanes;
+        primaryChildFragment.pendingProps = primaryChildProps;
+
+        if (workInProgress.mode & ProfileMode) {
+          // Reset the durations from the first pass so they aren't included in the
+          // final amounts. This seems counterintuitive, since we're intentionally
+          // not measuring part of the render phase, but this makes it match what we
+          // do in Concurrent Mode.
+          primaryChildFragment.actualDuration = 0;
+          primaryChildFragment.actualStartTime = -1;
+          primaryChildFragment.selfBaseDuration = 0;
+          primaryChildFragment.treeBaseDuration = 0;
+        }
+
+        fallbackChildFragment = createFiberFromFragment(
+          fallbackChildren,
+          mode,
+          renderLanes,
+          null
+        );
+      } else {
+        primaryChildFragment = mountWorkInProgressOffscreenFiber(
+          primaryChildProps,
+          mode
+        );
+        fallbackChildFragment = createFiberFromFragment(
+          fallbackChildren,
+          mode,
+          renderLanes,
+          null
+        );
+      }
+
+      primaryChildFragment.return = workInProgress;
+      fallbackChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = fallbackChildFragment;
+      workInProgress.child = primaryChildFragment;
+      return fallbackChildFragment;
+    }
+
+    function mountWorkInProgressOffscreenFiber(
+      offscreenProps,
+      mode,
+      renderLanes
+    ) {
+      // The props argument to `createFiberFromOffscreen` is `any` typed, so we use
+      // this wrapper function to constrain it.
+      return createFiberFromOffscreen(offscreenProps, mode, NoLanes, null);
+    }
+
+    function updateWorkInProgressOffscreenFiber(current, offscreenProps) {
+      // The props argument to `createWorkInProgress` is `any` typed, so we use this
+      // wrapper function to constrain it.
+      return createWorkInProgress(current, offscreenProps);
+    }
+
+    function updateSuspensePrimaryChildren(
+      current,
+      workInProgress,
+      primaryChildren,
+      renderLanes
+    ) {
+      var currentPrimaryChildFragment = current.child;
+      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
+      var primaryChildFragment = updateWorkInProgressOffscreenFiber(
+        currentPrimaryChildFragment,
+        {
+          mode: "visible",
+          children: primaryChildren
+        }
+      );
+
+      if ((workInProgress.mode & ConcurrentMode) === NoMode) {
+        primaryChildFragment.lanes = renderLanes;
+      }
+
+      primaryChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = null;
+
+      if (currentFallbackChildFragment !== null) {
+        // Delete the fallback child fragment
+        var deletions = workInProgress.deletions;
+
+        if (deletions === null) {
+          workInProgress.deletions = [currentFallbackChildFragment];
+          workInProgress.flags |= ChildDeletion;
+        } else {
+          deletions.push(currentFallbackChildFragment);
+        }
+      }
+
+      workInProgress.child = primaryChildFragment;
+      return primaryChildFragment;
+    }
+
+    function updateSuspenseFallbackChildren(
+      current,
+      workInProgress,
+      primaryChildren,
+      fallbackChildren,
+      renderLanes
+    ) {
+      var mode = workInProgress.mode;
+      var currentPrimaryChildFragment = current.child;
+      var currentFallbackChildFragment = currentPrimaryChildFragment.sibling;
+      var primaryChildProps = {
+        mode: "hidden",
+        children: primaryChildren
+      };
+      var primaryChildFragment;
+
+      if (
+        // In legacy mode, we commit the primary tree as if it successfully
+        // completed, even though it's in an inconsistent state.
+        (mode & ConcurrentMode) === NoMode && // Make sure we're on the second pass, i.e. the primary child fragment was
+        // already cloned. In legacy mode, the only case where this isn't true is
+        // when DevTools forces us to display a fallback; we skip the first render
+        // pass entirely and go straight to rendering the fallback. (In Concurrent
+        // Mode, SuspenseList can also trigger this scenario, but this is a legacy-
+        // only codepath.)
+        workInProgress.child !== currentPrimaryChildFragment
+      ) {
+        var progressedPrimaryFragment = workInProgress.child;
+        primaryChildFragment = progressedPrimaryFragment;
+        primaryChildFragment.childLanes = NoLanes;
+        primaryChildFragment.pendingProps = primaryChildProps;
+
+        if (workInProgress.mode & ProfileMode) {
+          // Reset the durations from the first pass so they aren't included in the
+          // final amounts. This seems counterintuitive, since we're intentionally
+          // not measuring part of the render phase, but this makes it match what we
+          // do in Concurrent Mode.
+          primaryChildFragment.actualDuration = 0;
+          primaryChildFragment.actualStartTime = -1;
+          primaryChildFragment.selfBaseDuration =
+            currentPrimaryChildFragment.selfBaseDuration;
+          primaryChildFragment.treeBaseDuration =
+            currentPrimaryChildFragment.treeBaseDuration;
+        } // The fallback fiber was added as a deletion during the first pass.
+        // However, since we're going to remain on the fallback, we no longer want
+        // to delete it.
+
+        workInProgress.deletions = null;
+      } else {
+        primaryChildFragment = updateWorkInProgressOffscreenFiber(
+          currentPrimaryChildFragment,
+          primaryChildProps
+        ); // Since we're reusing a current tree, we need to reuse the flags, too.
+        // (We don't do this in legacy mode, because in legacy mode we don't re-use
+        // the current tree; see previous branch.)
+
+        primaryChildFragment.subtreeFlags =
+          currentPrimaryChildFragment.subtreeFlags & StaticMask;
+      }
+
+      var fallbackChildFragment;
+
+      if (currentFallbackChildFragment !== null) {
+        fallbackChildFragment = createWorkInProgress(
+          currentFallbackChildFragment,
+          fallbackChildren
+        );
+      } else {
+        fallbackChildFragment = createFiberFromFragment(
+          fallbackChildren,
+          mode,
+          renderLanes,
+          null
+        ); // Needs a placement effect because the parent (the Suspense boundary) already
+        // mounted but this is a new fiber.
+
+        fallbackChildFragment.flags |= Placement;
+      }
+
+      fallbackChildFragment.return = workInProgress;
+      primaryChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = fallbackChildFragment;
+      workInProgress.child = primaryChildFragment;
+      return fallbackChildFragment;
+    }
+
+    function retrySuspenseComponentWithoutHydrating(
+      current,
+      workInProgress,
+      renderLanes,
+      recoverableError
+    ) {
+      // Falling back to client rendering. Because this has performance
+      // implications, it's considered a recoverable error, even though the user
+      // likely won't observe anything wrong with the UI.
+      //
+      // The error is passed in as an argument to enforce that every caller provide
+      // a custom message, or explicitly opt out (currently the only path that opts
+      // out is legacy mode; every concurrent path provides an error).
+      if (recoverableError !== null) {
+        queueHydrationError(recoverableError);
+      } // This will add the old fiber to the deletion list
+
+      reconcileChildFibers(workInProgress, current.child, null, renderLanes); // We're now not suspended nor dehydrated.
+
+      var nextProps = workInProgress.pendingProps;
+      var primaryChildren = nextProps.children;
+      var primaryChildFragment = mountSuspensePrimaryChildren(
+        workInProgress,
+        primaryChildren
+      ); // Needs a placement effect because the parent (the Suspense boundary) already
+      // mounted but this is a new fiber.
+
+      primaryChildFragment.flags |= Placement;
+      workInProgress.memoizedState = null;
+      return primaryChildFragment;
+    }
+
+    function mountSuspenseFallbackAfterRetryWithoutHydrating(
+      current,
+      workInProgress,
+      primaryChildren,
+      fallbackChildren,
+      renderLanes
+    ) {
+      var fiberMode = workInProgress.mode;
+      var primaryChildProps = {
+        mode: "visible",
+        children: primaryChildren
+      };
+      var primaryChildFragment = mountWorkInProgressOffscreenFiber(
+        primaryChildProps,
+        fiberMode
+      );
+      var fallbackChildFragment = createFiberFromFragment(
+        fallbackChildren,
+        fiberMode,
+        renderLanes,
+        null
+      ); // Needs a placement effect because the parent (the Suspense
+      // boundary) already mounted but this is a new fiber.
+
+      fallbackChildFragment.flags |= Placement;
+      primaryChildFragment.return = workInProgress;
+      fallbackChildFragment.return = workInProgress;
+      primaryChildFragment.sibling = fallbackChildFragment;
+      workInProgress.child = primaryChildFragment;
+
+      if ((workInProgress.mode & ConcurrentMode) !== NoMode) {
+        // We will have dropped the effect list which contains the
+        // deletion. We need to reconcile to delete the current child.
+        reconcileChildFibers(workInProgress, current.child, null, renderLanes);
+      }
+
+      return fallbackChildFragment;
+    }
+
+    function updateDehydratedSuspenseComponent(
+      current,
+      workInProgress,
+      didSuspend,
+      didPrimaryChildrenDefer,
+      nextProps,
+      suspenseInstance,
+      suspenseState,
+      renderLanes
+    ) {
+      if (!didSuspend) {
+        // This is the first render pass. Attempt to hydrate.
+        pushPrimaryTreeSuspenseHandler(workInProgress); // We should never be hydrating at this point because it is the first pass,
+
+        if ((workInProgress.mode & ConcurrentMode) === NoMode) {
+          return retrySuspenseComponentWithoutHydrating(
+            current,
+            workInProgress,
+            renderLanes,
+            null
+          );
+        }
+
+        if (isSuspenseInstanceFallback()) {
+          // This boundary is in a permanent fallback state. In this case, we'll never
+          // get an update and we'll never be able to hydrate the final content. Let's just try the
+          // client side render instead.
+          var digest;
+          var message, stack;
+
+          {
+            var _getSuspenseInstanceF =
+              getSuspenseInstanceFallbackErrorDetails();
+
+            digest = _getSuspenseInstanceF.digest;
+            message = _getSuspenseInstanceF.message;
+            stack = _getSuspenseInstanceF.stack;
+          }
+
+          var capturedValue = null; // TODO: Figure out a better signal than encoding a magic digest value.
+
+          {
+            var error;
+
+            if (message) {
+              // eslint-disable-next-line react-internal/prod-error-codes
+              error = new Error(message);
+            } else {
+              error = new Error(
+                "The server could not finish this Suspense boundary, likely " +
+                  "due to an error during server rendering. Switched to " +
+                  "client rendering."
+              );
+            }
+
+            error.digest = digest;
+            capturedValue = createCapturedValue(error, digest, stack);
+          }
+
+          return retrySuspenseComponentWithoutHydrating(
+            current,
+            workInProgress,
+            renderLanes,
+            capturedValue
+          );
+        }
+        // any context has changed, we need to treat is as if the input might have changed.
+
+        var hasContextChanged = includesSomeLane(
+          renderLanes,
+          current.childLanes
+        );
+
+        if (didReceiveUpdate || hasContextChanged) {
+          // This boundary has changed since the first render. This means that we are now unable to
+          // hydrate it. We might still be able to hydrate it using a higher priority lane.
+          var root = getWorkInProgressRoot();
+
+          if (root !== null) {
+            var attemptHydrationAtLane = getBumpedLaneForHydration(
+              root,
+              renderLanes
+            );
+
+            if (
+              attemptHydrationAtLane !== NoLane &&
+              attemptHydrationAtLane !== suspenseState.retryLane
+            ) {
+              // Intentionally mutating since this render will get interrupted. This
+              // is one of the very rare times where we mutate the current tree
+              // during the render phase.
+              suspenseState.retryLane = attemptHydrationAtLane;
+              enqueueConcurrentRenderForLane(current, attemptHydrationAtLane);
+              scheduleUpdateOnFiber(root, current, attemptHydrationAtLane); // Throw a special object that signals to the work loop that it should
+              // interrupt the current render.
+              //
+              // Because we're inside a React-only execution stack, we don't
+              // strictly need to throw here — we could instead modify some internal
+              // work loop state. But using an exception means we don't need to
+              // check for this case on every iteration of the work loop. So doing
+              // it this way moves the check out of the fast path.
+
+              throw SelectiveHydrationException;
+            }
+          } // If we did not selectively hydrate, we'll continue rendering without
+          // hydrating. Mark this tree as suspended to prevent it from committing
+          // outside a transition.
+          //
+          // This path should only happen if the hydration lane already suspended.
+          // Currently, it also happens during sync updates because there is no
+          // hydration lane for sync updates.
+          // TODO: We should ideally have a sync hydration lane that we can apply to do
+          // a pass where we hydrate this subtree in place using the previous Context and then
+          // reapply the update afterwards.
+
+          if (isSuspenseInstancePending());
+          else {
+            renderDidSuspendDelayIfPossible();
+          }
+
+          return retrySuspenseComponentWithoutHydrating(
+            current,
+            workInProgress,
+            renderLanes,
+            null
+          );
+        } else if (isSuspenseInstancePending()) {
+          // This component is still pending more data from the server, so we can't hydrate its
+          // content. We treat it as if this component suspended itself. It might seem as if
+          // we could just try to render it client-side instead. However, this will perform a
+          // lot of unnecessary work and is unlikely to complete since it often will suspend
+          // on missing data anyway. Additionally, the server might be able to render more
+          // than we can on the client yet. In that case we'd end up with more fallback states
+          // on the client than if we just leave it alone. If the server times out or errors
+          // these should update this boundary to the permanent Fallback state instead.
+          // Mark it as having captured (i.e. suspended).
+          workInProgress.flags |= DidCapture; // Leave the child in place. I.e. the dehydrated fragment.
+
+          workInProgress.child = current.child; // Register a callback to retry this boundary once the server has sent the result.
+
+          retryDehydratedSuspenseBoundary.bind(null, current);
+          registerSuspenseInstanceRetry();
+          return null;
+        } else {
+          var primaryChildren = nextProps.children;
+          var primaryChildFragment = mountSuspensePrimaryChildren(
+            workInProgress,
+            primaryChildren
+          ); // Mark the children as hydrating. This is a fast path to know whether this
+          // tree is part of a hydrating tree. This is used to determine if a child
+          // node has fully mounted yet, and for scheduling event replaying.
+          // Conceptually this is similar to Placement in that a new subtree is
+          // inserted into the React tree here. It just happens to not need DOM
+          // mutations because it already exists.
+
+          primaryChildFragment.flags |= Hydrating;
+          return primaryChildFragment;
+        }
+      } else {
+        // This is the second render pass. We already attempted to hydrated, but
+        // something either suspended or errored.
+        if (workInProgress.flags & ForceClientRender) {
+          // Something errored during hydration. Try again without hydrating.
+          pushPrimaryTreeSuspenseHandler(workInProgress);
+          workInProgress.flags &= ~ForceClientRender;
+
+          var _capturedValue = createCapturedValue(
+            new Error(
+              "There was an error while hydrating this Suspense boundary. " +
+                "Switched to client rendering."
+            )
+          );
+
+          return retrySuspenseComponentWithoutHydrating(
+            current,
+            workInProgress,
+            renderLanes,
+            _capturedValue
+          );
+        } else if (workInProgress.memoizedState !== null) {
+          // Something suspended and we should still be in dehydrated mode.
+          // Leave the existing child in place.
+          // Push to avoid a mismatch
+          pushFallbackTreeSuspenseHandler(workInProgress);
+          workInProgress.child = current.child; // The dehydrated completion pass expects this flag to be there
+          // but the normal suspense pass doesn't.
+
+          workInProgress.flags |= DidCapture;
+          return null;
+        } else {
+          // Suspended but we should no longer be in dehydrated mode.
+          // Therefore we now have to render the fallback.
+          pushFallbackTreeSuspenseHandler(workInProgress);
+          var nextPrimaryChildren = nextProps.children;
+          var nextFallbackChildren = nextProps.fallback;
+          var fallbackChildFragment =
+            mountSuspenseFallbackAfterRetryWithoutHydrating(
+              current,
+              workInProgress,
+              nextPrimaryChildren,
+              nextFallbackChildren,
+              renderLanes
+            );
+          var _primaryChildFragment4 = workInProgress.child;
+          _primaryChildFragment4.memoizedState =
+            mountSuspenseOffscreenState(renderLanes);
+          _primaryChildFragment4.childLanes = getRemainingWorkInPrimaryTree(
+            current,
+            didPrimaryChildrenDefer,
+            renderLanes
+          );
+          workInProgress.memoizedState = SUSPENDED_MARKER;
+          return fallbackChildFragment;
+        }
+      }
+    }
+
+    function scheduleSuspenseWorkOnFiber(fiber, renderLanes, propagationRoot) {
+      fiber.lanes = mergeLanes(fiber.lanes, renderLanes);
+      var alternate = fiber.alternate;
+
+      if (alternate !== null) {
+        alternate.lanes = mergeLanes(alternate.lanes, renderLanes);
+      }
+
+      scheduleContextWorkOnParentPath(
+        fiber.return,
+        renderLanes,
+        propagationRoot
+      );
+    }
+
+    function propagateSuspenseContextChange(
+      workInProgress,
+      firstChild,
+      renderLanes
+    ) {
+      // Mark any Suspense boundaries with fallbacks as having work to do.
+      // If they were previously forced into fallbacks, they may now be able
+      // to unblock.
+      var node = firstChild;
+
+      while (node !== null) {
+        if (node.tag === SuspenseComponent) {
+          var state = node.memoizedState;
+
+          if (state !== null) {
+            scheduleSuspenseWorkOnFiber(node, renderLanes, workInProgress);
+          }
+        } else if (node.tag === SuspenseListComponent) {
+          // If the tail is hidden there might not be an Suspense boundaries
+          // to schedule work on. In this case we have to schedule it on the
+          // list itself.
+          // We don't have to traverse to the children of the list since
+          // the list will propagate the change when it rerenders.
+          scheduleSuspenseWorkOnFiber(node, renderLanes, workInProgress);
+        } else if (node.child !== null) {
+          node.child.return = node;
+          node = node.child;
+          continue;
+        }
+
+        if (node === workInProgress) {
+          return;
+        } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+        while (node.sibling === null) {
+          // $FlowFixMe[incompatible-use] found when upgrading Flow
+          if (node.return === null || node.return === workInProgress) {
+            return;
+          }
+
+          node = node.return;
+        } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+        node.sibling.return = node.return;
+        node = node.sibling;
+      }
+    }
+
+    function findLastContentRow(firstChild) {
+      // This is going to find the last row among these children that is already
+      // showing content on the screen, as opposed to being in fallback state or
+      // new. If a row has multiple Suspense boundaries, any of them being in the
+      // fallback state, counts as the whole row being in a fallback state.
+      // Note that the "rows" will be workInProgress, but any nested children
+      // will still be current since we haven't rendered them yet. The mounted
+      // order may not be the same as the new order. We use the new order.
+      var row = firstChild;
+      var lastContentRow = null;
+
+      while (row !== null) {
+        var currentRow = row.alternate; // New rows can't be content rows.
+
+        if (currentRow !== null && findFirstSuspended(currentRow) === null) {
+          lastContentRow = row;
+        }
+
+        row = row.sibling;
+      }
+
+      return lastContentRow;
+    }
+
+    function validateRevealOrder(revealOrder) {
+      {
+        if (
+          revealOrder !== undefined &&
+          revealOrder !== "forwards" &&
+          revealOrder !== "backwards" &&
+          revealOrder !== "together" &&
+          !didWarnAboutRevealOrder[revealOrder]
+        ) {
+          didWarnAboutRevealOrder[revealOrder] = true;
+
+          if (typeof revealOrder === "string") {
+            switch (revealOrder.toLowerCase()) {
+              case "together":
+              case "forwards":
+              case "backwards": {
+                error(
+                  '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                    'Use lowercase "%s" instead.',
+                  revealOrder,
+                  revealOrder.toLowerCase()
+                );
+
+                break;
+              }
+
+              case "forward":
+              case "backward": {
+                error(
+                  '"%s" is not a valid value for revealOrder on <SuspenseList />. ' +
+                    'React uses the -s suffix in the spelling. Use "%ss" instead.',
+                  revealOrder,
+                  revealOrder.toLowerCase()
+                );
+
+                break;
+              }
+
+              default:
+                error(
+                  '"%s" is not a supported revealOrder on <SuspenseList />. ' +
+                    'Did you mean "together", "forwards" or "backwards"?',
+                  revealOrder
+                );
+
+                break;
+            }
+          } else {
+            error(
+              "%s is not a supported value for revealOrder on <SuspenseList />. " +
+                'Did you mean "together", "forwards" or "backwards"?',
+              revealOrder
+            );
+          }
+        }
+      }
+    }
+
+    function validateTailOptions(tailMode, revealOrder) {
+      {
+        if (tailMode !== undefined && !didWarnAboutTailOptions[tailMode]) {
+          if (tailMode !== "collapsed" && tailMode !== "hidden") {
+            didWarnAboutTailOptions[tailMode] = true;
+
+            error(
+              '"%s" is not a supported value for tail on <SuspenseList />. ' +
+                'Did you mean "collapsed" or "hidden"?',
+              tailMode
+            );
+          } else if (
+            revealOrder !== "forwards" &&
+            revealOrder !== "backwards"
+          ) {
+            didWarnAboutTailOptions[tailMode] = true;
+
+            error(
+              '<SuspenseList tail="%s" /> is only valid if revealOrder is ' +
+                '"forwards" or "backwards". ' +
+                'Did you mean to specify revealOrder="forwards"?',
+              tailMode
+            );
+          }
+        }
+      }
+    }
+
+    function validateSuspenseListNestedChild(childSlot, index) {
+      {
+        var isAnArray = isArray(childSlot);
+        var isIterable =
+          !isAnArray && typeof getIteratorFn(childSlot) === "function";
+
+        if (isAnArray || isIterable) {
+          var type = isAnArray ? "array" : "iterable";
+
+          error(
+            "A nested %s was passed to row #%s in <SuspenseList />. Wrap it in " +
+              "an additional SuspenseList to configure its revealOrder: " +
+              "<SuspenseList revealOrder=...> ... " +
+              "<SuspenseList revealOrder=...>{%s}</SuspenseList> ... " +
+              "</SuspenseList>",
+            type,
+            index,
+            type
+          );
+
+          return false;
+        }
+      }
+
+      return true;
+    }
+
+    function validateSuspenseListChildren(children, revealOrder) {
+      {
+        if (
+          (revealOrder === "forwards" || revealOrder === "backwards") &&
+          children !== undefined &&
+          children !== null &&
+          children !== false
+        ) {
+          if (isArray(children)) {
+            for (var i = 0; i < children.length; i++) {
+              if (!validateSuspenseListNestedChild(children[i], i)) {
+                return;
+              }
+            }
+          } else {
+            var iteratorFn = getIteratorFn(children);
+
+            if (typeof iteratorFn === "function") {
+              var childrenIterator = iteratorFn.call(children);
+
+              if (childrenIterator) {
+                var step = childrenIterator.next();
+                var _i = 0;
+
+                for (; !step.done; step = childrenIterator.next()) {
+                  if (!validateSuspenseListNestedChild(step.value, _i)) {
+                    return;
+                  }
+
+                  _i++;
+                }
+              }
+            } else {
+              error(
+                'A single row was passed to a <SuspenseList revealOrder="%s" />. ' +
+                  "This is not useful since it needs multiple rows. " +
+                  "Did you mean to pass multiple children or an array?",
+                revealOrder
+              );
+            }
+          }
+        }
+      }
+    }
+
+    function initSuspenseListRenderState(
+      workInProgress,
+      isBackwards,
+      tail,
+      lastContentRow,
+      tailMode
+    ) {
+      var renderState = workInProgress.memoizedState;
+
+      if (renderState === null) {
+        workInProgress.memoizedState = {
+          isBackwards: isBackwards,
+          rendering: null,
+          renderingStartTime: 0,
+          last: lastContentRow,
+          tail: tail,
+          tailMode: tailMode
+        };
+      } else {
+        // We can reuse the existing object from previous renders.
+        renderState.isBackwards = isBackwards;
+        renderState.rendering = null;
+        renderState.renderingStartTime = 0;
+        renderState.last = lastContentRow;
+        renderState.tail = tail;
+        renderState.tailMode = tailMode;
+      }
+    } // This can end up rendering this component multiple passes.
+    // The first pass splits the children fibers into two sets. A head and tail.
+    // We first render the head. If anything is in fallback state, we do another
+    // pass through beginWork to rerender all children (including the tail) with
+    // the force suspend context. If the first render didn't have anything in
+    // in fallback state. Then we render each row in the tail one-by-one.
+    // That happens in the completeWork phase without going back to beginWork.
+
+    function updateSuspenseListComponent(current, workInProgress, renderLanes) {
+      var nextProps = workInProgress.pendingProps;
+      var revealOrder = nextProps.revealOrder;
+      var tailMode = nextProps.tail;
+      var newChildren = nextProps.children;
+      validateRevealOrder(revealOrder);
+      validateTailOptions(tailMode, revealOrder);
+      validateSuspenseListChildren(newChildren, revealOrder);
+      reconcileChildren(current, workInProgress, newChildren, renderLanes);
+      var suspenseContext = suspenseStackCursor.current;
+      var shouldForceFallback = hasSuspenseListContext(
+        suspenseContext,
+        ForceSuspenseFallback
+      );
+
+      if (shouldForceFallback) {
+        suspenseContext = setShallowSuspenseListContext(
+          suspenseContext,
+          ForceSuspenseFallback
+        );
+        workInProgress.flags |= DidCapture;
+      } else {
+        var didSuspendBefore =
+          current !== null && (current.flags & DidCapture) !== NoFlags$1;
+
+        if (didSuspendBefore) {
+          // If we previously forced a fallback, we need to schedule work
+          // on any nested boundaries to let them know to try to render
+          // again. This is the same as context updating.
+          propagateSuspenseContextChange(
+            workInProgress,
+            workInProgress.child,
+            renderLanes
+          );
+        }
+
+        suspenseContext = setDefaultShallowSuspenseListContext(suspenseContext);
+      }
+
+      pushSuspenseListContext(workInProgress, suspenseContext);
+
+      if ((workInProgress.mode & ConcurrentMode) === NoMode) {
+        // In legacy mode, SuspenseList doesn't work so we just
+        // use make it a noop by treating it as the default revealOrder.
+        workInProgress.memoizedState = null;
+      } else {
+        switch (revealOrder) {
+          case "forwards": {
+            var lastContentRow = findLastContentRow(workInProgress.child);
+            var tail;
+
+            if (lastContentRow === null) {
+              // The whole list is part of the tail.
+              // TODO: We could fast path by just rendering the tail now.
+              tail = workInProgress.child;
+              workInProgress.child = null;
+            } else {
+              // Disconnect the tail rows after the content row.
+              // We're going to render them separately later.
+              tail = lastContentRow.sibling;
+              lastContentRow.sibling = null;
+            }
+
+            initSuspenseListRenderState(
+              workInProgress,
+              false, // isBackwards
+              tail,
+              lastContentRow,
+              tailMode
+            );
+            break;
+          }
+
+          case "backwards": {
+            // We're going to find the first row that has existing content.
+            // At the same time we're going to reverse the list of everything
+            // we pass in the meantime. That's going to be our tail in reverse
+            // order.
+            var _tail = null;
+            var row = workInProgress.child;
+            workInProgress.child = null;
+
+            while (row !== null) {
+              var currentRow = row.alternate; // New rows can't be content rows.
+
+              if (
+                currentRow !== null &&
+                findFirstSuspended(currentRow) === null
+              ) {
+                // This is the beginning of the main content.
+                workInProgress.child = row;
+                break;
+              }
+
+              var nextRow = row.sibling;
+              row.sibling = _tail;
+              _tail = row;
+              row = nextRow;
+            } // TODO: If workInProgress.child is null, we can continue on the tail immediately.
+
+            initSuspenseListRenderState(
+              workInProgress,
+              true, // isBackwards
+              _tail,
+              null, // last
+              tailMode
+            );
+            break;
+          }
+
+          case "together": {
+            initSuspenseListRenderState(
+              workInProgress,
+              false, // isBackwards
+              null, // tail
+              null, // last
+              undefined
+            );
+            break;
+          }
+
+          default: {
+            // The default reveal order is the same as not having
+            // a boundary.
+            workInProgress.memoizedState = null;
+          }
+        }
+      }
+
+      return workInProgress.child;
+    }
+
+    function updatePortalComponent(current, workInProgress, renderLanes) {
+      pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
+      var nextChildren = workInProgress.pendingProps;
+
+      if (current === null) {
+        // Portals are special because we don't append the children during mount
+        // but at commit. Therefore we need to track insertions which the normal
+        // flow doesn't do during mount. This doesn't happen at the root because
+        // the root always starts with a "current" with a null child.
+        // TODO: Consider unifying this with how the root works.
+        workInProgress.child = reconcileChildFibers(
+          workInProgress,
+          null,
+          nextChildren,
+          renderLanes
+        );
+      } else {
+        reconcileChildren(current, workInProgress, nextChildren, renderLanes);
+      }
+
+      return workInProgress.child;
+    }
+
+    var hasWarnedAboutUsingNoValuePropOnContextProvider = false;
+
+    function updateContextProvider(current, workInProgress, renderLanes) {
+      var providerType = workInProgress.type;
+      var context = providerType._context;
+      var newProps = workInProgress.pendingProps;
+      var oldProps = workInProgress.memoizedProps;
+      var newValue = newProps.value;
+
+      {
+        if (!("value" in newProps)) {
+          if (!hasWarnedAboutUsingNoValuePropOnContextProvider) {
+            hasWarnedAboutUsingNoValuePropOnContextProvider = true;
+
+            error(
+              "The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?"
+            );
+          }
+        }
+
+        var providerPropTypes = workInProgress.type.propTypes;
+
+        if (providerPropTypes) {
+          checkPropTypes(
+            providerPropTypes,
+            newProps,
+            "prop",
+            "Context.Provider"
+          );
+        }
+      }
+
+      pushProvider(workInProgress, context, newValue);
+
+      {
+        if (oldProps !== null) {
+          var oldValue = oldProps.value;
+
+          if (objectIs(oldValue, newValue)) {
+            // No change. Bailout early if children are the same.
+            if (
+              oldProps.children === newProps.children &&
+              !hasContextChanged()
+            ) {
+              return bailoutOnAlreadyFinishedWork(
+                current,
+                workInProgress,
+                renderLanes
+              );
+            }
+          } else {
+            // The context value changed. Search for matching consumers and schedule
+            // them to update.
+            propagateContextChange(workInProgress, context, renderLanes);
+          }
+        }
+      }
+
+      var newChildren = newProps.children;
+      reconcileChildren(current, workInProgress, newChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    var hasWarnedAboutUsingContextAsConsumer = false;
+
+    function updateContextConsumer(current, workInProgress, renderLanes) {
+      var context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
+      // DEV mode, we create a separate object for Context.Consumer that acts
+      // like a proxy to Context. This proxy object adds unnecessary code in PROD
+      // so we use the old behaviour (Context.Consumer references Context) to
+      // reduce size and overhead. The separate object references context via
+      // a property called "_context", which also gives us the ability to check
+      // in DEV mode if this property exists or not and warn if it does not.
+
+      {
+        if (context._context === undefined) {
+          // This may be because it's a Context (rather than a Consumer).
+          // Or it may be because it's older React where they're the same thing.
+          // We only want to warn if we're sure it's a new React.
+          if (context !== context.Consumer) {
+            if (!hasWarnedAboutUsingContextAsConsumer) {
+              hasWarnedAboutUsingContextAsConsumer = true;
+
+              error(
+                "Rendering <Context> directly is not supported and will be removed in " +
+                  "a future major release. Did you mean to render <Context.Consumer> instead?"
+              );
+            }
+          }
+        } else {
+          context = context._context;
+        }
+      }
+
+      var newProps = workInProgress.pendingProps;
+      var render = newProps.children;
+
+      {
+        if (typeof render !== "function") {
+          error(
+            "A context consumer was rendered with multiple children, or a child " +
+              "that isn't a function. A context consumer expects a single child " +
+              "that is a function. If you did pass a function, make sure there " +
+              "is no trailing or leading whitespace around it."
+          );
+        }
+      }
+
+      prepareToReadContext(workInProgress, renderLanes);
+      var newValue = readContext(context);
+
+      var newChildren;
+
+      {
+        ReactCurrentOwner$2.current = workInProgress;
+        setIsRendering(true);
+        newChildren = render(newValue);
+        setIsRendering(false);
+      }
+
+      workInProgress.flags |= PerformedWork;
+      reconcileChildren(current, workInProgress, newChildren, renderLanes);
+      return workInProgress.child;
+    }
+
+    function markWorkInProgressReceivedUpdate() {
+      didReceiveUpdate = true;
+    }
+
+    function resetSuspendedCurrentOnMountInLegacyMode(current, workInProgress) {
+      if ((workInProgress.mode & ConcurrentMode) === NoMode) {
+        if (current !== null) {
+          // A lazy component only mounts if it suspended inside a non-
+          // concurrent tree, in an inconsistent state. We want to treat it like
+          // a new mount, even though an empty version of it already committed.
+          // Disconnect the alternate pointers.
+          current.alternate = null;
+          workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
+
+          workInProgress.flags |= Placement;
+        }
+      }
+    }
+
+    function bailoutOnAlreadyFinishedWork(
+      current,
+      workInProgress,
+      renderLanes
+    ) {
+      if (current !== null) {
+        // Reuse previous dependencies
+        workInProgress.dependencies = current.dependencies;
+      }
+
+      {
+        // Don't update "base" render times for bailouts.
+        stopProfilerTimerIfRunning();
+      }
+
+      markSkippedUpdateLanes(workInProgress.lanes); // Check if the children have any pending work.
+
+      if (!includesSomeLane(renderLanes, workInProgress.childLanes)) {
+        // The children don't have any work either. We can skip them.
+        // TODO: Once we add back resuming, we should check if the children are
+        // a work-in-progress set. If so, we need to transfer their effects.
+        {
+          return null;
+        }
+      } // This fiber doesn't have work, but its subtree does. Clone the child
+      // fibers and continue.
+
+      cloneChildFibers(current, workInProgress);
+      return workInProgress.child;
+    }
+
+    function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
+      {
+        var returnFiber = oldWorkInProgress.return;
+
+        if (returnFiber === null) {
+          // eslint-disable-next-line react-internal/prod-error-codes
+          throw new Error("Cannot swap the root fiber.");
+        } // Disconnect from the old current.
+        // It will get deleted.
+
+        current.alternate = null;
+        oldWorkInProgress.alternate = null; // Connect to the new tree.
+
+        newWorkInProgress.index = oldWorkInProgress.index;
+        newWorkInProgress.sibling = oldWorkInProgress.sibling;
+        newWorkInProgress.return = oldWorkInProgress.return;
+        newWorkInProgress.ref = oldWorkInProgress.ref; // Replace the child/sibling pointers above it.
+
+        if (oldWorkInProgress === returnFiber.child) {
+          returnFiber.child = newWorkInProgress;
+        } else {
+          var prevSibling = returnFiber.child;
+
+          if (prevSibling === null) {
+            // eslint-disable-next-line react-internal/prod-error-codes
+            throw new Error("Expected parent to have a child.");
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          while (prevSibling.sibling !== oldWorkInProgress) {
+            // $FlowFixMe[incompatible-use] found when upgrading Flow
+            prevSibling = prevSibling.sibling;
+
+            if (prevSibling === null) {
+              // eslint-disable-next-line react-internal/prod-error-codes
+              throw new Error("Expected to find the previous sibling.");
+            }
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          prevSibling.sibling = newWorkInProgress;
+        } // Delete the old fiber and place the new one.
+        // Since the old fiber is disconnected, we have to schedule it manually.
+
+        var deletions = returnFiber.deletions;
+
+        if (deletions === null) {
+          returnFiber.deletions = [current];
+          returnFiber.flags |= ChildDeletion;
+        } else {
+          deletions.push(current);
+        }
+
+        newWorkInProgress.flags |= Placement; // Restart work from the new fiber.
+
+        return newWorkInProgress;
+      }
+    }
+
+    function checkScheduledUpdateOrContext(current, renderLanes) {
+      // Before performing an early bailout, we must check if there are pending
+      // updates or context.
+      var updateLanes = current.lanes;
+
+      if (includesSomeLane(updateLanes, renderLanes)) {
+        return true;
+      } // No pending update, but because context is propagated lazily, we need
+
+      return false;
+    }
+
+    function attemptEarlyBailoutIfNoScheduledUpdate(
+      current,
+      workInProgress,
+      renderLanes
+    ) {
+      // This fiber does not have any pending work. Bailout without entering
+      // the begin phase. There's still some bookkeeping we that needs to be done
+      // in this optimized path, mostly pushing stuff onto the stack.
+      switch (workInProgress.tag) {
+        case HostRoot:
+          pushHostRootContext(workInProgress);
+          break;
+
+        case HostSingleton:
+        case HostComponent:
+          pushHostContext(workInProgress);
+          break;
+
+        case ClassComponent: {
+          var Component = workInProgress.type;
+
+          if (isContextProvider(Component)) {
+            pushContextProvider(workInProgress);
+          }
+
+          break;
+        }
+
+        case HostPortal:
+          pushHostContainer(
+            workInProgress,
+            workInProgress.stateNode.containerInfo
+          );
+          break;
+
+        case ContextProvider: {
+          var newValue = workInProgress.memoizedProps.value;
+          var context = workInProgress.type._context;
+          pushProvider(workInProgress, context, newValue);
+          break;
+        }
+
+        case Profiler:
+          {
+            // Profiler should only call onRender when one of its descendants actually rendered.
+            var hasChildWork = includesSomeLane(
+              renderLanes,
+              workInProgress.childLanes
+            );
+
+            if (hasChildWork) {
+              workInProgress.flags |= Update;
+            }
+
+            {
+              // Reset effect durations for the next eventual effect phase.
+              // These are reset during render to allow the DevTools commit hook a chance to read them,
+              var stateNode = workInProgress.stateNode;
+              stateNode.effectDuration = 0;
+              stateNode.passiveEffectDuration = 0;
+            }
+          }
+
+          break;
+
+        case SuspenseComponent: {
+          var state = workInProgress.memoizedState;
+
+          if (state !== null) {
+            if (state.dehydrated !== null) {
+              // We're not going to render the children, so this is just to maintain
+              // push/pop symmetry
+              pushPrimaryTreeSuspenseHandler(workInProgress); // We know that this component will suspend again because if it has
+              // been unsuspended it has committed as a resolved Suspense component.
+              // If it needs to be retried, it should have work scheduled on it.
+
+              workInProgress.flags |= DidCapture; // We should never render the children of a dehydrated boundary until we
+              // upgrade it. We return null instead of bailoutOnAlreadyFinishedWork.
+
+              return null;
+            } // If this boundary is currently timed out, we need to decide
+            // whether to retry the primary children, or to skip over it and
+            // go straight to the fallback. Check the priority of the primary
+            // child fragment.
+
+            var primaryChildFragment = workInProgress.child;
+            var primaryChildLanes = primaryChildFragment.childLanes;
+
+            if (includesSomeLane(renderLanes, primaryChildLanes)) {
+              // The primary children have pending work. Use the normal path
+              // to attempt to render the primary children again.
+              return updateSuspenseComponent(
+                current,
+                workInProgress,
+                renderLanes
+              );
+            } else {
+              // The primary child fragment does not have pending work marked
+              // on it
+              pushPrimaryTreeSuspenseHandler(workInProgress); // The primary children do not have pending work with sufficient
+              // priority. Bailout.
+
+              var child = bailoutOnAlreadyFinishedWork(
+                current,
+                workInProgress,
+                renderLanes
+              );
+
+              if (child !== null) {
+                // The fallback children have pending work. Skip over the
+                // primary children and work on the fallback.
+                return child.sibling;
+              } else {
+                // Note: We can return `null` here because we already checked
+                // whether there were nested context consumers, via the call to
+                // `bailoutOnAlreadyFinishedWork` above.
+                return null;
+              }
+            }
+          } else {
+            pushPrimaryTreeSuspenseHandler(workInProgress);
+          }
+
+          break;
+        }
+
+        case SuspenseListComponent: {
+          var didSuspendBefore = (current.flags & DidCapture) !== NoFlags$1;
+
+          var _hasChildWork = includesSomeLane(
+            renderLanes,
+            workInProgress.childLanes
+          );
+
+          if (didSuspendBefore) {
+            if (_hasChildWork) {
+              // If something was in fallback state last time, and we have all the
+              // same children then we're still in progressive loading state.
+              // Something might get unblocked by state updates or retries in the
+              // tree which will affect the tail. So we need to use the normal
+              // path to compute the correct tail.
+              return updateSuspenseListComponent(
+                current,
+                workInProgress,
+                renderLanes
+              );
+            } // If none of the children had any work, that means that none of
+            // them got retried so they'll still be blocked in the same way
+            // as before. We can fast bail out.
+
+            workInProgress.flags |= DidCapture;
+          } // If nothing suspended before and we're rendering the same children,
+          // then the tail doesn't matter. Anything new that suspends will work
+          // in the "together" mode, so we can continue from the state we had.
+
+          var renderState = workInProgress.memoizedState;
+
+          if (renderState !== null) {
+            // Reset to the "together" mode in case we've started a different
+            // update in the past but didn't complete it.
+            renderState.rendering = null;
+            renderState.tail = null;
+            renderState.lastEffect = null;
+          }
+
+          pushSuspenseListContext(workInProgress, suspenseStackCursor.current);
+
+          if (_hasChildWork) {
+            break;
+          } else {
+            // If none of the children had any work, that means that none of
+            // them got retried so they'll still be blocked in the same way
+            // as before. We can fast bail out.
+            return null;
+          }
+        }
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent: {
+          // Need to check if the tree still needs to be deferred. This is
+          // almost identical to the logic used in the normal update path,
+          // so we'll just enter that. The only difference is we'll bail out
+          // at the next level instead of this one, because the child props
+          // have not changed. Which is fine.
+          // TODO: Probably should refactor `beginWork` to split the bailout
+          // path from the normal path. I'm tempted to do a labeled break here
+          // but I won't :)
+          workInProgress.lanes = NoLanes;
+          return updateOffscreenComponent(current, workInProgress, renderLanes);
+        }
+      }
+
+      return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
+    }
+
+    function beginWork$1(current, workInProgress, renderLanes) {
+      {
+        if (workInProgress._debugNeedsRemount && current !== null) {
+          // This will restart the begin phase with a new fiber.
+          return remountFiber(
+            current,
+            workInProgress,
+            createFiberFromTypeAndProps(
+              workInProgress.type,
+              workInProgress.key,
+              workInProgress.pendingProps,
+              workInProgress._debugOwner || null,
+              workInProgress.mode,
+              workInProgress.lanes
+            )
+          );
+        }
+      }
+
+      if (current !== null) {
+        var oldProps = current.memoizedProps;
+        var newProps = workInProgress.pendingProps;
+
+        if (
+          oldProps !== newProps ||
+          hasContextChanged() || // Force a re-render if the implementation changed due to hot reload:
+          workInProgress.type !== current.type
+        ) {
+          // If props or context changed, mark the fiber as having performed work.
+          // This may be unset if the props are determined to be equal later (memo).
+          didReceiveUpdate = true;
+        } else {
+          // Neither props nor legacy context changes. Check if there's a pending
+          // update or context change.
+          var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
+            current,
+            renderLanes
+          );
+
+          if (
+            !hasScheduledUpdateOrContext && // If this is the second pass of an error or suspense boundary, there
+            // may not be work scheduled on `current`, so we check for this flag.
+            (workInProgress.flags & DidCapture) === NoFlags$1
+          ) {
+            // No pending updates or context. Bail out now.
+            didReceiveUpdate = false;
+            return attemptEarlyBailoutIfNoScheduledUpdate(
+              current,
+              workInProgress,
+              renderLanes
+            );
+          }
+
+          if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags$1) {
+            // This is a special case that only exists for legacy mode.
+            // See https://github.com/facebook/react/pull/19216.
+            didReceiveUpdate = true;
+          } else {
+            // An update was scheduled on this fiber, but there are no new props
+            // nor legacy context. Set this to false. If an update queue or context
+            // consumer produces a changed value, it will set this to true. Otherwise,
+            // the component will assume the children have not changed and bail out.
+            didReceiveUpdate = false;
+          }
+        }
+      } else {
+        didReceiveUpdate = false;
+      } // Before entering the begin phase, clear pending update priority.
+      // TODO: This assumes that we're about to evaluate the component and process
+      // the update queue. However, there's an exception: SimpleMemoComponent
+      // sometimes bails out later in the begin phase. This indicates that we should
+      // move this assignment out of the common path and into each branch.
+
+      workInProgress.lanes = NoLanes;
+
+      switch (workInProgress.tag) {
+        case IndeterminateComponent: {
+          return mountIndeterminateComponent(
+            current,
+            workInProgress,
+            workInProgress.type,
+            renderLanes
+          );
+        }
+
+        case LazyComponent: {
+          var elementType = workInProgress.elementType;
+          return mountLazyComponent(
+            current,
+            workInProgress,
+            elementType,
+            renderLanes
+          );
+        }
+
+        case FunctionComponent: {
+          var Component = workInProgress.type;
+          var unresolvedProps = workInProgress.pendingProps;
+          var resolvedProps =
+            workInProgress.elementType === Component
+              ? unresolvedProps
+              : resolveDefaultProps(Component, unresolvedProps);
+          return updateFunctionComponent(
+            current,
+            workInProgress,
+            Component,
+            resolvedProps,
+            renderLanes
+          );
+        }
+
+        case ClassComponent: {
+          var _Component = workInProgress.type;
+          var _unresolvedProps = workInProgress.pendingProps;
+
+          var _resolvedProps =
+            workInProgress.elementType === _Component
+              ? _unresolvedProps
+              : resolveDefaultProps(_Component, _unresolvedProps);
+
+          return updateClassComponent(
+            current,
+            workInProgress,
+            _Component,
+            _resolvedProps,
+            renderLanes
+          );
+        }
+
+        case HostRoot:
+          return updateHostRoot(current, workInProgress, renderLanes);
+
+        case HostHoistable:
+
+        // Fall through
+
+        case HostSingleton:
+
+        // Fall through
+
+        case HostComponent:
+          return updateHostComponent$1(current, workInProgress, renderLanes);
+
+        case HostText:
+          return updateHostText$1();
+
+        case SuspenseComponent:
+          return updateSuspenseComponent(current, workInProgress, renderLanes);
+
+        case HostPortal:
+          return updatePortalComponent(current, workInProgress, renderLanes);
+
+        case ForwardRef: {
+          var type = workInProgress.type;
+          var _unresolvedProps2 = workInProgress.pendingProps;
+
+          var _resolvedProps2 =
+            workInProgress.elementType === type
+              ? _unresolvedProps2
+              : resolveDefaultProps(type, _unresolvedProps2);
+
+          return updateForwardRef(
+            current,
+            workInProgress,
+            type,
+            _resolvedProps2,
+            renderLanes
+          );
+        }
+
+        case Fragment:
+          return updateFragment(current, workInProgress, renderLanes);
+
+        case Mode:
+          return updateMode(current, workInProgress, renderLanes);
+
+        case Profiler:
+          return updateProfiler(current, workInProgress, renderLanes);
+
+        case ContextProvider:
+          return updateContextProvider(current, workInProgress, renderLanes);
+
+        case ContextConsumer:
+          return updateContextConsumer(current, workInProgress, renderLanes);
+
+        case MemoComponent: {
+          var _type2 = workInProgress.type;
+          var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
+
+          var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
+
+          {
+            if (workInProgress.type !== workInProgress.elementType) {
+              var outerPropTypes = _type2.propTypes;
+
+              if (outerPropTypes) {
+                checkPropTypes(
+                  outerPropTypes,
+                  _resolvedProps3, // Resolved for outer only
+                  "prop",
+                  getComponentNameFromType(_type2)
+                );
+              }
+            }
+          }
+
+          _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
+          return updateMemoComponent(
+            current,
+            workInProgress,
+            _type2,
+            _resolvedProps3,
+            renderLanes
+          );
+        }
+
+        case SimpleMemoComponent: {
+          return updateSimpleMemoComponent(
+            current,
+            workInProgress,
+            workInProgress.type,
+            workInProgress.pendingProps,
+            renderLanes
+          );
+        }
+
+        case IncompleteClassComponent: {
+          var _Component2 = workInProgress.type;
+          var _unresolvedProps4 = workInProgress.pendingProps;
+
+          var _resolvedProps4 =
+            workInProgress.elementType === _Component2
+              ? _unresolvedProps4
+              : resolveDefaultProps(_Component2, _unresolvedProps4);
+
+          return mountIncompleteClassComponent(
+            current,
+            workInProgress,
+            _Component2,
+            _resolvedProps4,
+            renderLanes
+          );
+        }
+
+        case SuspenseListComponent: {
+          return updateSuspenseListComponent(
+            current,
+            workInProgress,
+            renderLanes
+          );
+        }
+
+        case ScopeComponent: {
+          break;
+        }
+
+        case OffscreenComponent: {
+          return updateOffscreenComponent(current, workInProgress, renderLanes);
+        }
+      }
+
+      throw new Error(
+        "Unknown unit of work tag (" +
+          workInProgress.tag +
+          "). This error is likely caused by a bug in " +
+          "React. Please file an issue."
+      );
+    }
+
+    var valueCursor = createCursor(null);
+    var rendererCursorDEV;
+
+    {
+      rendererCursorDEV = createCursor(null);
+    }
+
+    var rendererSigil;
+
+    {
+      // Use this to detect multiple renderers using the same context
+      rendererSigil = {};
+    }
+
+    var currentlyRenderingFiber = null;
+    var lastContextDependency = null;
+    var lastFullyObservedContext = null;
+    var isDisallowedContextReadInDEV = false;
+    function resetContextDependencies() {
+      // This is called right before React yields execution, to ensure `readContext`
+      // cannot be called outside the render phase.
+      currentlyRenderingFiber = null;
+      lastContextDependency = null;
+      lastFullyObservedContext = null;
+
+      {
+        isDisallowedContextReadInDEV = false;
+      }
+    }
+    function enterDisallowedContextReadInDEV() {
+      {
+        isDisallowedContextReadInDEV = true;
+      }
+    }
+    function exitDisallowedContextReadInDEV() {
+      {
+        isDisallowedContextReadInDEV = false;
+      }
+    }
+    function pushProvider(providerFiber, context, nextValue) {
+      {
+        push(valueCursor, context._currentValue, providerFiber);
+        context._currentValue = nextValue;
+
+        {
+          push(rendererCursorDEV, context._currentRenderer, providerFiber);
+
+          if (
+            context._currentRenderer !== undefined &&
+            context._currentRenderer !== null &&
+            context._currentRenderer !== rendererSigil
+          ) {
+            error(
+              "Detected multiple renderers concurrently rendering the " +
+                "same context provider. This is currently unsupported."
+            );
+          }
+
+          context._currentRenderer = rendererSigil;
+        }
+      }
+    }
+    function popProvider(context, providerFiber) {
+      var currentValue = valueCursor.current;
+
+      {
+        context._currentValue = currentValue;
+
+        {
+          var currentRenderer = rendererCursorDEV.current;
+          pop(rendererCursorDEV, providerFiber);
+          context._currentRenderer = currentRenderer;
+        }
+      }
+
+      pop(valueCursor, providerFiber);
+    }
+    function scheduleContextWorkOnParentPath(
+      parent,
+      renderLanes,
+      propagationRoot
+    ) {
+      // Update the child lanes of all the ancestors, including the alternates.
+      var node = parent;
+
+      while (node !== null) {
+        var alternate = node.alternate;
+
+        if (!isSubsetOfLanes(node.childLanes, renderLanes)) {
+          node.childLanes = mergeLanes(node.childLanes, renderLanes);
+
+          if (alternate !== null) {
+            alternate.childLanes = mergeLanes(
+              alternate.childLanes,
+              renderLanes
+            );
+          }
+        } else if (
+          alternate !== null &&
+          !isSubsetOfLanes(alternate.childLanes, renderLanes)
+        ) {
+          alternate.childLanes = mergeLanes(alternate.childLanes, renderLanes);
+        } else;
+
+        if (node === propagationRoot) {
+          break;
+        }
+
+        node = node.return;
+      }
+
+      {
+        if (node !== propagationRoot) {
+          error(
+            "Expected to find the propagation root when scheduling context work. " +
+              "This error is likely caused by a bug in React. Please file an issue."
+          );
+        }
+      }
+    }
+    function propagateContextChange(workInProgress, context, renderLanes) {
+      {
+        propagateContextChange_eager(workInProgress, context, renderLanes);
+      }
+    }
+
+    function propagateContextChange_eager(
+      workInProgress,
+      context,
+      renderLanes
+    ) {
+      var fiber = workInProgress.child;
+
+      if (fiber !== null) {
+        // Set the return pointer of the child to the work-in-progress fiber.
+        fiber.return = workInProgress;
+      }
+
+      while (fiber !== null) {
+        var nextFiber = void 0; // Visit this fiber.
+
+        var list = fiber.dependencies;
+
+        if (list !== null) {
+          nextFiber = fiber.child;
+          var dependency = list.firstContext;
+
+          while (dependency !== null) {
+            // Check if the context matches.
+            if (dependency.context === context) {
+              // Match! Schedule an update on this fiber.
+              if (fiber.tag === ClassComponent) {
+                // Schedule a force update on the work-in-progress.
+                var lane = pickArbitraryLane(renderLanes);
+                var update = createUpdate(lane);
+                update.tag = ForceUpdate; // TODO: Because we don't have a work-in-progress, this will add the
+                // update to the current fiber, too, which means it will persist even if
+                // this render is thrown away. Since it's a race condition, not sure it's
+                // worth fixing.
+                // Inlined `enqueueUpdate` to remove interleaved update check
+
+                var updateQueue = fiber.updateQueue;
+
+                if (updateQueue === null);
+                else {
+                  var sharedQueue = updateQueue.shared;
+                  var pending = sharedQueue.pending;
+
+                  if (pending === null) {
+                    // This is the first update. Create a circular list.
+                    update.next = update;
+                  } else {
+                    update.next = pending.next;
+                    pending.next = update;
+                  }
+
+                  sharedQueue.pending = update;
+                }
+              }
+
+              fiber.lanes = mergeLanes(fiber.lanes, renderLanes);
+              var alternate = fiber.alternate;
+
+              if (alternate !== null) {
+                alternate.lanes = mergeLanes(alternate.lanes, renderLanes);
+              }
+
+              scheduleContextWorkOnParentPath(
+                fiber.return,
+                renderLanes,
+                workInProgress
+              ); // Mark the updated lanes on the list, too.
+
+              list.lanes = mergeLanes(list.lanes, renderLanes); // Since we already found a match, we can stop traversing the
+              // dependency list.
+
+              break;
+            }
+
+            dependency = dependency.next;
+          }
+        } else if (fiber.tag === ContextProvider) {
+          // Don't scan deeper if this is a matching provider
+          nextFiber = fiber.type === workInProgress.type ? null : fiber.child;
+        } else if (fiber.tag === DehydratedFragment) {
+          // If a dehydrated suspense boundary is in this subtree, we don't know
+          // if it will have any context consumers in it. The best we can do is
+          // mark it as having updates.
+          var parentSuspense = fiber.return;
+
+          if (parentSuspense === null) {
+            throw new Error(
+              "We just came from a parent so we must have had a parent. This is a bug in React."
+            );
+          }
+
+          parentSuspense.lanes = mergeLanes(parentSuspense.lanes, renderLanes);
+          var _alternate = parentSuspense.alternate;
+
+          if (_alternate !== null) {
+            _alternate.lanes = mergeLanes(_alternate.lanes, renderLanes);
+          } // This is intentionally passing this fiber as the parent
+          // because we want to schedule this fiber as having work
+          // on its children. We'll use the childLanes on
+          // this fiber to indicate that a context has changed.
+
+          scheduleContextWorkOnParentPath(
+            parentSuspense,
+            renderLanes,
+            workInProgress
+          );
+          nextFiber = fiber.sibling;
+        } else {
+          // Traverse down.
+          nextFiber = fiber.child;
+        }
+
+        if (nextFiber !== null) {
+          // Set the return pointer of the child to the work-in-progress fiber.
+          nextFiber.return = fiber;
+        } else {
+          // No child. Traverse to next sibling.
+          nextFiber = fiber;
+
+          while (nextFiber !== null) {
+            if (nextFiber === workInProgress) {
+              // We're back to the root of this subtree. Exit.
+              nextFiber = null;
+              break;
+            }
+
+            var sibling = nextFiber.sibling;
+
+            if (sibling !== null) {
+              // Set the return pointer of the sibling to the work-in-progress fiber.
+              sibling.return = nextFiber.return;
+              nextFiber = sibling;
+              break;
+            } // No more siblings. Traverse up.
+
+            nextFiber = nextFiber.return;
+          }
+        }
+
+        fiber = nextFiber;
+      }
+    }
+    function prepareToReadContext(workInProgress, renderLanes) {
+      currentlyRenderingFiber = workInProgress;
+      lastContextDependency = null;
+      lastFullyObservedContext = null;
+      var dependencies = workInProgress.dependencies;
+
+      if (dependencies !== null) {
+        {
+          var firstContext = dependencies.firstContext;
+
+          if (firstContext !== null) {
+            if (includesSomeLane(dependencies.lanes, renderLanes)) {
+              // Context list has a pending update. Mark that this fiber performed work.
+              markWorkInProgressReceivedUpdate();
+            } // Reset the work-in-progress list
+
+            dependencies.firstContext = null;
+          }
+        }
+      }
+    }
+    function readContext(context) {
+      {
+        // This warning would fire if you read context inside a Hook like useMemo.
+        // Unlike the class check below, it's not enforced in production for perf.
+        if (isDisallowedContextReadInDEV) {
+          error(
+            "Context can only be read while React is rendering. " +
+              "In classes, you can read it in the render method or getDerivedStateFromProps. " +
+              "In function components, you can read it directly in the function body, but not " +
+              "inside Hooks like useReducer() or useMemo()."
+          );
+        }
+      }
+
+      return readContextForConsumer(currentlyRenderingFiber, context);
+    }
+    function readContextDuringReconcilation(consumer, context, renderLanes) {
+      if (currentlyRenderingFiber === null) {
+        prepareToReadContext(consumer, renderLanes);
+      }
+
+      return readContextForConsumer(consumer, context);
+    }
+
+    function readContextForConsumer(consumer, context) {
+      var value = context._currentValue;
+
+      if (lastFullyObservedContext === context);
+      else {
+        var contextItem = {
+          context: context,
+          memoizedValue: value,
+          next: null
+        };
+
+        if (lastContextDependency === null) {
+          if (consumer === null) {
+            throw new Error(
+              "Context can only be read while React is rendering. " +
+                "In classes, you can read it in the render method or getDerivedStateFromProps. " +
+                "In function components, you can read it directly in the function body, but not " +
+                "inside Hooks like useReducer() or useMemo()."
+            );
+          } // This is the first dependency for this component. Create a new list.
+
+          lastContextDependency = contextItem;
+          consumer.dependencies = {
+            lanes: NoLanes,
+            firstContext: contextItem
+          };
+        } else {
+          // Append a new context item.
+          lastContextDependency = lastContextDependency.next = contextItem;
+        }
+      }
+
+      return value;
+    }
+
+    var ReactCurrentBatchConfig$1 =
+      ReactSharedInternals.ReactCurrentBatchConfig;
+    function requestCurrentTransition() {
+      var transition = ReactCurrentBatchConfig$1.transition;
+
+      if (transition !== null) {
+        // Whenever a transition update is scheduled, register a callback on the
+        // transition object so we can get the return value of the scope function.
+        transition._callbacks.add(handleAsyncAction);
+      }
+
+      return transition;
+    }
+
+    function handleAsyncAction(transition, thenable) {}
+
+    function notifyTransitionCallbacks(transition, returnValue) {
+      var callbacks = transition._callbacks;
+      callbacks.forEach(function (callback) {
+        return callback(transition, returnValue);
+      });
+    } // When retrying a Suspense/Offscreen boundary, we restore the cache that was
+    function getSuspendedCache() {
+      {
+        return null;
+      } // This function is called when a Suspense boundary suspends. It returns the
+    }
+
+    /**
+     * Tag the fiber with an update effect. This turns a Placement into
+     * a PlacementAndUpdate.
+     */
+
+    function markUpdate(workInProgress) {
+      workInProgress.flags |= Update;
+    }
+
+    function markRef(workInProgress) {
+      workInProgress.flags |= Ref | RefStatic;
+    }
+
+    function appendAllChildren(
+      parent,
+      workInProgress,
+      needsVisibilityToggle,
+      isHidden
+    ) {
+      {
+        // We only have the top Fiber that was created but we need recurse down its
+        // children to find all the terminal nodes.
+        var node = workInProgress.child;
+
+        while (node !== null) {
+          if (node.tag === HostComponent || node.tag === HostText) {
+            appendInitialChild(parent, node.stateNode);
+          } else if (node.tag === HostPortal || false);
+          else if (node.child !== null) {
+            node.child.return = node;
+            node = node.child;
+            continue;
+          }
+
+          if (node === workInProgress) {
+            return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          while (node.sibling === null) {
+            // $FlowFixMe[incompatible-use] found when upgrading Flow
+            if (node.return === null || node.return === workInProgress) {
+              return;
+            }
+
+            node = node.return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
+
+          node.sibling.return = node.return;
+          node = node.sibling;
+        }
+      }
+    } // An unfortunate fork of appendAllChildren because we have two different parent types.
+
+    function updateHostComponent(
+      current,
+      workInProgress,
+      type,
+      newProps,
+      renderLanes
+    ) {
+      {
+        // If we have an alternate, that means this is an update and we need to
+        // schedule a side-effect to do the updates.
+        var oldProps = current.memoizedProps;
+
+        if (oldProps === newProps) {
+          // In mutation mode, this is sufficient for a bailout because
+          // we won't touch this node even if children changed.
+          return;
+        }
+
+        markUpdate(workInProgress);
+      }
+    } // This function must be called at the very end of the complete phase, because
+    // it might throw to suspend, and if the resource immediately loads, the work
+    // loop will resume rendering as if the work-in-progress completed. So it must
+    // fully complete.
+    // TODO: This should ideally move to begin phase, but currently the instance is
+    // not created until the complete phase. For our existing use cases, host nodes
+    // that suspend don't have children, so it doesn't matter. But that might not
+    // always be true in the future.
+
+    function preloadInstanceAndSuspendIfNeeded(
+      workInProgress,
+      type,
+      props,
+      renderLanes
+    ) {
+      {
+        // If this flag was set previously, we can remove it. The flag
+        // represents whether this particular set of props might ever need to
+        // suspend. The safest thing to do is for maySuspendCommit to always
+        // return true, but if the renderer is reasonably confident that the
+        // underlying resource won't be evicted, it can return false as a
+        // performance optimization.
+        workInProgress.flags &= ~MaySuspendCommit;
+        return;
+      } // Mark this fiber with a flag. This gets set on all host instances
+    }
+
+    function scheduleRetryEffect(workInProgress, retryQueue) {
+      var wakeables = retryQueue;
+
+      if (wakeables !== null) {
+        // Schedule an effect to attach a retry listener to the promise.
+        // TODO: Move to passive phase
+        workInProgress.flags |= Update;
+      } else {
+        // This boundary suspended, but no wakeables were added to the retry
+        // queue. Check if the renderer suspended commit. If so, this means
+        // that once the fallback is committed, we can immediately retry
+        // rendering again, because rendering wasn't actually blocked. Only
+        // the commit phase.
+        // TODO: Consider a model where we always schedule an immediate retry, even
+        // for normal Suspense. That way the retry can partially render up to the
+        // first thing that suspends.
+        if (workInProgress.flags & ScheduleRetry) {
+          var retryLane = // TODO: This check should probably be moved into claimNextRetryLane
+            // I also suspect that we need some further consolidation of offscreen
+            // and retry lanes.
+            workInProgress.tag !== OffscreenComponent
+              ? claimNextRetryLane()
+              : OffscreenLane;
+          workInProgress.lanes = mergeLanes(workInProgress.lanes, retryLane);
+        }
+      }
+    }
+
+    function updateHostText(current, workInProgress, oldText, newText) {
+      {
+        // If the text differs, mark it as an update. All the work in done in commitWork.
+        if (oldText !== newText) {
+          markUpdate(workInProgress);
+        }
+      }
+    }
+
+    function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
+      switch (renderState.tailMode) {
+        case "hidden": {
+          // Any insertions at the end of the tail list after this point
+          // should be invisible. If there are already mounted boundaries
+          // anything before them are not considered for collapsing.
+          // Therefore we need to go through the whole tail to find if
+          // there are any.
+          var tailNode = renderState.tail;
+          var lastTailNode = null;
+
+          while (tailNode !== null) {
+            if (tailNode.alternate !== null) {
+              lastTailNode = tailNode;
+            }
+
+            tailNode = tailNode.sibling;
+          } // Next we're simply going to delete all insertions after the
+          // last rendered item.
+
+          if (lastTailNode === null) {
+            // All remaining items in the tail are insertions.
+            renderState.tail = null;
+          } else {
+            // Detach the insertion after the last node that was already
+            // inserted.
+            lastTailNode.sibling = null;
+          }
+
+          break;
+        }
+
+        case "collapsed": {
+          // Any insertions at the end of the tail list after this point
+          // should be invisible. If there are already mounted boundaries
+          // anything before them are not considered for collapsing.
+          // Therefore we need to go through the whole tail to find if
+          // there are any.
+          var _tailNode = renderState.tail;
+          var _lastTailNode = null;
+
+          while (_tailNode !== null) {
+            if (_tailNode.alternate !== null) {
+              _lastTailNode = _tailNode;
+            }
+
+            _tailNode = _tailNode.sibling;
+          } // Next we're simply going to delete all insertions after the
+          // last rendered item.
+
+          if (_lastTailNode === null) {
+            // All remaining items in the tail are insertions.
+            if (!hasRenderedATailFallback && renderState.tail !== null) {
+              // We suspended during the head. We want to show at least one
+              // row at the tail. So we'll keep on and cut off the rest.
+              renderState.tail.sibling = null;
+            } else {
+              renderState.tail = null;
+            }
+          } else {
+            // Detach the insertion after the last node that was already
+            // inserted.
+            _lastTailNode.sibling = null;
+          }
+
+          break;
+        }
+      }
+    }
+
+    function bubbleProperties(completedWork) {
+      var didBailout =
+        completedWork.alternate !== null &&
+        completedWork.alternate.child === completedWork.child;
+      var newChildLanes = NoLanes;
+      var subtreeFlags = NoFlags$1;
+
+      if (!didBailout) {
+        // Bubble up the earliest expiration time.
+        if ((completedWork.mode & ProfileMode) !== NoMode) {
+          // In profiling mode, resetChildExpirationTime is also used to reset
+          // profiler durations.
+          var actualDuration = completedWork.actualDuration;
+          var treeBaseDuration = completedWork.selfBaseDuration;
+          var child = completedWork.child;
+
+          while (child !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(child.lanes, child.childLanes)
+            );
+            subtreeFlags |= child.subtreeFlags;
+            subtreeFlags |= child.flags; // When a fiber is cloned, its actualDuration is reset to 0. This value will
+            // only be updated if work is done on the fiber (i.e. it doesn't bailout).
+            // When work is done, it should bubble to the parent's actualDuration. If
+            // the fiber has not been cloned though, (meaning no work was done), then
+            // this value will reflect the amount of time spent working on a previous
+            // render. In that case it should not bubble. We determine whether it was
+            // cloned by comparing the child pointer.
+            // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
+
+            actualDuration += child.actualDuration; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
+
+            treeBaseDuration += child.treeBaseDuration;
+            child = child.sibling;
+          }
+
+          completedWork.actualDuration = actualDuration;
+          completedWork.treeBaseDuration = treeBaseDuration;
+        } else {
+          var _child = completedWork.child;
+
+          while (_child !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child.lanes, _child.childLanes)
+            );
+            subtreeFlags |= _child.subtreeFlags;
+            subtreeFlags |= _child.flags; // Update the return pointer so the tree is consistent. This is a code
+            // smell because it assumes the commit phase is never concurrent with
+            // the render phase. Will address during refactor to alternate model.
+
+            _child.return = completedWork;
+            _child = _child.sibling;
+          }
+        }
+
+        completedWork.subtreeFlags |= subtreeFlags;
+      } else {
+        // Bubble up the earliest expiration time.
+        if ((completedWork.mode & ProfileMode) !== NoMode) {
+          // In profiling mode, resetChildExpirationTime is also used to reset
+          // profiler durations.
+          var _treeBaseDuration = completedWork.selfBaseDuration;
+          var _child2 = completedWork.child;
+
+          while (_child2 !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child2.lanes, _child2.childLanes)
+            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
+            // so we should bubble those up even during a bailout. All the other
+            // flags have a lifetime only of a single render + commit, so we should
+            // ignore them.
+
+            subtreeFlags |= _child2.subtreeFlags & StaticMask;
+            subtreeFlags |= _child2.flags & StaticMask; // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
+
+            _treeBaseDuration += _child2.treeBaseDuration;
+            _child2 = _child2.sibling;
+          }
+
+          completedWork.treeBaseDuration = _treeBaseDuration;
+        } else {
+          var _child3 = completedWork.child;
+
+          while (_child3 !== null) {
+            newChildLanes = mergeLanes(
+              newChildLanes,
+              mergeLanes(_child3.lanes, _child3.childLanes)
+            ); // "Static" flags share the lifetime of the fiber/hook they belong to,
+            // so we should bubble those up even during a bailout. All the other
+            // flags have a lifetime only of a single render + commit, so we should
+            // ignore them.
+
+            subtreeFlags |= _child3.subtreeFlags & StaticMask;
+            subtreeFlags |= _child3.flags & StaticMask; // Update the return pointer so the tree is consistent. This is a code
+            // smell because it assumes the commit phase is never concurrent with
+            // the render phase. Will address during refactor to alternate model.
+
+            _child3.return = completedWork;
+            _child3 = _child3.sibling;
+          }
+        }
+
+        completedWork.subtreeFlags |= subtreeFlags;
+      }
+
+      completedWork.childLanes = newChildLanes;
+      return didBailout;
+    }
+
+    function completeDehydratedSuspenseBoundary(
+      current,
+      workInProgress,
+      nextState
+    ) {
+      var wasHydrated = popHydrationState();
+
+      if (nextState !== null && nextState.dehydrated !== null) {
+        // We might be inside a hydration state the first time we're picking up this
+        // Suspense boundary, and also after we've reentered it for further hydration.
+        if (current === null) {
+          if (!wasHydrated) {
+            throw new Error(
+              "A dehydrated suspense component was completed without a hydrated node. " +
+                "This is probably a bug in React."
+            );
+          }
+
+          prepareToHydrateHostSuspenseInstance();
+          bubbleProperties(workInProgress);
+
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              var isTimedOutSuspense = nextState !== null;
+
+              if (isTimedOutSuspense) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var primaryChildFragment = workInProgress.child;
+
+                if (primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    primaryChildFragment.treeBaseDuration;
+                }
+              }
+            }
+          }
+
+          return false;
+        } else {
+          if ((workInProgress.flags & DidCapture) === NoFlags$1) {
+            // This boundary did not suspend so it's now hydrated and unsuspended.
+            workInProgress.memoizedState = null;
+          } // If nothing suspended, we need to schedule an effect to mark this boundary
+          // as having hydrated so events know that they're free to be invoked.
+          // It's also a signal to replay events and the suspense callback.
+          // If something suspended, schedule an effect to attach retry listeners.
+          // So we might as well always mark this.
+
+          workInProgress.flags |= Update;
+          bubbleProperties(workInProgress);
+
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              var _isTimedOutSuspense = nextState !== null;
+
+              if (_isTimedOutSuspense) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var _primaryChildFragment = workInProgress.child;
+
+                if (_primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    _primaryChildFragment.treeBaseDuration;
+                }
+              }
+            }
+          }
+
+          return false;
+        }
+      } else {
+        // Successfully completed this tree. If this was a forced client render,
+        // there may have been recoverable errors during first hydration
+        // attempt. If so, add them to a queue so we can log them in the
+        // commit phase.
+        upgradeHydrationErrorsToRecoverable(); // Fall through to normal Suspense path
+
+        return true;
+      }
+    }
+
+    function completeWork(current, workInProgress, renderLanes) {
+      var newProps = workInProgress.pendingProps; // Note: This intentionally doesn't check if we're hydrating because comparing
+
+      switch (workInProgress.tag) {
+        case IndeterminateComponent:
+        case LazyComponent:
+        case SimpleMemoComponent:
+        case FunctionComponent:
+        case ForwardRef:
+        case Fragment:
+        case Mode:
+        case Profiler:
+        case ContextConsumer:
+        case MemoComponent:
+          bubbleProperties(workInProgress);
+          return null;
+
+        case ClassComponent: {
+          var Component = workInProgress.type;
+
+          if (isContextProvider(Component)) {
+            popContext(workInProgress);
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case HostRoot: {
+          var fiberRoot = workInProgress.stateNode;
+          popHostContainer(workInProgress);
+          popTopLevelContextObject(workInProgress);
+
+          if (fiberRoot.pendingContext) {
+            fiberRoot.context = fiberRoot.pendingContext;
+            fiberRoot.pendingContext = null;
+          }
+
+          if (current === null || current.child === null) {
+            // If we hydrated, pop so that we can delete any remaining children
+            // that weren't hydrated.
+            var wasHydrated = popHydrationState();
+
+            if (wasHydrated) {
+              // If we hydrated, then we'll need to schedule an update for
+              // the commit side-effects on the root.
+              markUpdate(workInProgress);
+            } else {
+              if (current !== null) {
+                var prevState = current.memoizedState;
+
+                if (
+                  // Check if this is a client root
+                  !prevState.isDehydrated || // Check if we reverted to client rendering (e.g. due to an error)
+                  (workInProgress.flags & ForceClientRender) !== NoFlags$1
+                ) {
+                  // Schedule an effect to clear this container at the start of the
+                  // next commit. This handles the case of React rendering into a
+                  // container with previous children. It's also safe to do for
+                  // updates too, because current.child would only be null if the
+                  // previous render was null (so the container would already
+                  // be empty).
+                  workInProgress.flags |= Snapshot; // If this was a forced client render, there may have been
+                  // recoverable errors during first hydration attempt. If so, add
+                  // them to a queue so we can log them in the commit phase.
+
+                  upgradeHydrationErrorsToRecoverable();
+                }
+              }
+            }
+          }
+          bubbleProperties(workInProgress);
+
+          return null;
+        }
+
+        case HostHoistable:
+
+        case HostSingleton:
+
+        case HostComponent: {
+          popHostContext(workInProgress);
+          var _type2 = workInProgress.type;
+
+          if (current !== null && workInProgress.stateNode != null) {
+            updateHostComponent(current, workInProgress, _type2, newProps);
+
+            if (current.ref !== workInProgress.ref) {
+              markRef(workInProgress);
+            }
+          } else {
+            if (!newProps) {
+              if (workInProgress.stateNode === null) {
+                throw new Error(
+                  "We must have new props for new mounts. This error is likely " +
+                    "caused by a bug in React. Please file an issue."
+                );
+              } // This can happen when we abort work.
+
+              bubbleProperties(workInProgress);
+              return null;
+            }
+
+            var _currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
+            // "stack" as the parent. Then append children as we go in beginWork
+            // or completeWork depending on whether we want to add them top->down or
+            // bottom->up. Top->down is faster in IE11.
+
+            var _wasHydrated2 = popHydrationState();
+
+            if (_wasHydrated2) {
+              // TODO: Move this and createInstance step into the beginPhase
+              // to consolidate.
+              prepareToHydrateHostInstance();
+            } else {
+              var _rootContainerInstance = getRootHostContainer();
+
+              var _instance3 = createInstance(
+                _type2,
+                newProps,
+                _rootContainerInstance,
+                _currentHostContext,
+                workInProgress
+              ); // TODO: For persistent renderers, we should pass children as part
+              // of the initial instance creation
+
+              appendAllChildren(_instance3, workInProgress);
+              workInProgress.stateNode = _instance3; // Certain renderers require commit-time effects for initial mount.
+              // (eg DOM renderer supports auto-focus for certain elements).
+              // Make sure such renderers get scheduled for later work.
+
+              if (finalizeInitialChildren(_instance3)) {
+                markUpdate(workInProgress);
+              }
+            }
+
+            if (workInProgress.ref !== null) {
+              // If there is a ref on a host node we need to schedule a callback
+              markRef(workInProgress);
+            }
+          }
+
+          bubbleProperties(workInProgress); // This must come at the very end of the complete phase, because it might
+          // throw to suspend, and if the resource immediately loads, the work loop
+          // will resume rendering as if the work-in-progress completed. So it must
+          // fully complete.
+
+          preloadInstanceAndSuspendIfNeeded(workInProgress);
+          return null;
+        }
+
+        case HostText: {
+          var newText = newProps;
+
+          if (current && workInProgress.stateNode != null) {
+            var oldText = current.memoizedProps; // If we have an alternate, that means this is an update and we need
+            // to schedule a side-effect to do the updates.
+
+            updateHostText(current, workInProgress, oldText, newText);
+          } else {
+            if (typeof newText !== "string") {
+              if (workInProgress.stateNode === null) {
+                throw new Error(
+                  "We must have new props for new mounts. This error is likely " +
+                    "caused by a bug in React. Please file an issue."
+                );
+              } // This can happen when we abort work.
+            }
+
+            var _rootContainerInstance2 = getRootHostContainer();
+
+            var _currentHostContext2 = getHostContext();
+
+            var _wasHydrated3 = popHydrationState();
+
+            if (_wasHydrated3) {
+              if (prepareToHydrateHostTextInstance()) {
+                markUpdate(workInProgress);
+              }
+            } else {
+              workInProgress.stateNode = createTextInstance(
+                newText,
+                _rootContainerInstance2,
+                _currentHostContext2,
+                workInProgress
+              );
+            }
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case SuspenseComponent: {
+          popSuspenseHandler(workInProgress);
+          var nextState = workInProgress.memoizedState; // Special path for dehydrated boundaries. We may eventually move this
+          // to its own fiber type so that we can add other kinds of hydration
+          // boundaries that aren't associated with a Suspense tree. In anticipation
+          // of such a refactor, all the hydration logic is contained in
+          // this branch.
+
+          if (
+            current === null ||
+            (current.memoizedState !== null &&
+              current.memoizedState.dehydrated !== null)
+          ) {
+            var fallthroughToNormalSuspensePath =
+              completeDehydratedSuspenseBoundary(
+                current,
+                workInProgress,
+                nextState
+              );
+
+            if (!fallthroughToNormalSuspensePath) {
+              if (workInProgress.flags & ForceClientRender) {
+                // Special case. There were remaining unhydrated nodes. We treat
+                // this as a mismatch. Revert to client rendering.
+                return workInProgress;
+              } else {
+                // Did not finish hydrating, either because this is the initial
+                // render or because something suspended.
+                return null;
+              }
+            } // Continue with the normal Suspense path.
+          }
+
+          if ((workInProgress.flags & DidCapture) !== NoFlags$1) {
+            // Something suspended. Re-render with the fallback children.
+            workInProgress.lanes = renderLanes; // Do not reset the effect list.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            } // Don't bubble properties in this case.
+
+            return workInProgress;
+          }
+
+          var nextDidTimeout = nextState !== null;
+          var prevDidTimeout =
+            current !== null && current.memoizedState !== null;
+          // a passive effect, which is when we process the transitions
+
+          if (nextDidTimeout !== prevDidTimeout) {
+            // an effect to toggle the subtree's visibility. When we switch from
+            // fallback -> primary, the inner Offscreen fiber schedules this effect
+            // as part of its normal complete phase. But when we switch from
+            // primary -> fallback, the inner Offscreen fiber does not have a complete
+            // phase. So we need to schedule its effect here.
+            //
+            // We also use this flag to connect/disconnect the effects, but the same
+            // logic applies: when re-connecting, the Offscreen fiber's complete
+            // phase will handle scheduling the effect. It's only when the fallback
+            // is active that we have to do anything special.
+
+            if (nextDidTimeout) {
+              var _offscreenFiber2 = workInProgress.child;
+              _offscreenFiber2.flags |= Visibility;
+            }
+          }
+
+          var retryQueue = workInProgress.updateQueue;
+          scheduleRetryEffect(workInProgress, retryQueue);
+
+          bubbleProperties(workInProgress);
+
+          {
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              if (nextDidTimeout) {
+                // Don't count time spent in a timed out Suspense subtree as part of the base duration.
+                var primaryChildFragment = workInProgress.child;
+
+                if (primaryChildFragment !== null) {
+                  // $FlowFixMe[unsafe-arithmetic] Flow doesn't support type casting in combination with the -= operator
+                  workInProgress.treeBaseDuration -=
+                    primaryChildFragment.treeBaseDuration;
+                }
+              }
+            }
+          }
+
+          return null;
+        }
+
+        case HostPortal:
+          popHostContainer(workInProgress);
+
+          bubbleProperties(workInProgress);
+          return null;
+
+        case ContextProvider:
+          // Pop provider fiber
+          var context = workInProgress.type._context;
+          popProvider(context, workInProgress);
+          bubbleProperties(workInProgress);
+          return null;
+
+        case IncompleteClassComponent: {
+          // Same as class component case. I put it down here so that the tags are
+          // sequential to ensure this switch is compiled to a jump table.
+          var _Component = workInProgress.type;
+
+          if (isContextProvider(_Component)) {
+            popContext(workInProgress);
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case SuspenseListComponent: {
+          popSuspenseListContext(workInProgress);
+          var renderState = workInProgress.memoizedState;
+
+          if (renderState === null) {
+            // We're running in the default, "independent" mode.
+            // We don't do anything in this mode.
+            bubbleProperties(workInProgress);
+            return null;
+          }
+
+          var didSuspendAlready =
+            (workInProgress.flags & DidCapture) !== NoFlags$1;
+          var renderedTail = renderState.rendering;
+
+          if (renderedTail === null) {
+            // We just rendered the head.
+            if (!didSuspendAlready) {
+              // This is the first pass. We need to figure out if anything is still
+              // suspended in the rendered set.
+              // If new content unsuspended, but there's still some content that
+              // didn't. Then we need to do a second pass that forces everything
+              // to keep showing their fallbacks.
+              // We might be suspended if something in this render pass suspended, or
+              // something in the previous committed pass suspended. Otherwise,
+              // there's no chance so we can skip the expensive call to
+              // findFirstSuspended.
+              var cannotBeSuspended =
+                renderHasNotSuspendedYet() &&
+                (current === null ||
+                  (current.flags & DidCapture) === NoFlags$1);
+
+              if (!cannotBeSuspended) {
+                var row = workInProgress.child;
+
+                while (row !== null) {
+                  var suspended = findFirstSuspended(row);
+
+                  if (suspended !== null) {
+                    didSuspendAlready = true;
+                    workInProgress.flags |= DidCapture;
+                    cutOffTailIfNeeded(renderState, false); // If this is a newly suspended tree, it might not get committed as
+                    // part of the second pass. In that case nothing will subscribe to
+                    // its thenables. Instead, we'll transfer its thenables to the
+                    // SuspenseList so that it can retry if they resolve.
+                    // There might be multiple of these in the list but since we're
+                    // going to wait for all of them anyway, it doesn't really matter
+                    // which ones gets to ping. In theory we could get clever and keep
+                    // track of how many dependencies remain but it gets tricky because
+                    // in the meantime, we can add/remove/change items and dependencies.
+                    // We might bail out of the loop before finding any but that
+                    // doesn't matter since that means that the other boundaries that
+                    // we did find already has their listeners attached.
+
+                    var _retryQueue = suspended.updateQueue;
+                    workInProgress.updateQueue = _retryQueue;
+                    scheduleRetryEffect(workInProgress, _retryQueue); // Rerender the whole list, but this time, we'll force fallbacks
+                    // to stay in place.
+                    // Reset the effect flags before doing the second pass since that's now invalid.
+                    // Reset the child fibers to their original state.
+
+                    workInProgress.subtreeFlags = NoFlags$1;
+                    resetChildFibers(workInProgress, renderLanes); // Set up the Suspense List Context to force suspense and
+                    // immediately rerender the children.
+
+                    pushSuspenseListContext(
+                      workInProgress,
+                      setShallowSuspenseListContext(
+                        suspenseStackCursor.current,
+                        ForceSuspenseFallback
+                      )
+                    ); // Don't bubble properties in this case.
+
+                    return workInProgress.child;
+                  }
+
+                  row = row.sibling;
+                }
+              }
+
+              if (
+                renderState.tail !== null &&
+                now$1() > getRenderTargetTime()
+              ) {
+                // We have already passed our CPU deadline but we still have rows
+                // left in the tail. We'll just give up further attempts to render
+                // the main content and only render fallbacks.
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true;
+                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
+                // to get it started back up to attempt the next item. While in terms
+                // of priority this work has the same priority as this current render,
+                // it's not part of the same transition once the transition has
+                // committed. If it's sync, we still want to yield so that it can be
+                // painted. Conceptually, this is really the same as pinging.
+                // We can use any RetryLane even if it's the one currently rendering
+                // since we're leaving it behind on this node.
+
+                workInProgress.lanes = SomeRetryLane;
+              }
+            } else {
+              cutOffTailIfNeeded(renderState, false);
+            } // Next we're going to render the tail.
+          } else {
+            // Append the rendered row to the child list.
+            if (!didSuspendAlready) {
+              var _suspended = findFirstSuspended(renderedTail);
+
+              if (_suspended !== null) {
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
+                // get lost if this row ends up dropped during a second pass.
+
+                var _retryQueue2 = _suspended.updateQueue;
+                workInProgress.updateQueue = _retryQueue2;
+                scheduleRetryEffect(workInProgress, _retryQueue2);
+                cutOffTailIfNeeded(renderState, true); // This might have been modified.
+
+                if (
+                  renderState.tail === null &&
+                  renderState.tailMode === "hidden" &&
+                  !renderedTail.alternate &&
+                  !getIsHydrating() // We don't cut it if we're hydrating.
+                ) {
+                  // We're done.
+                  bubbleProperties(workInProgress);
+                  return null;
+                }
+              } else if (
+                // The time it took to render last row is greater than the remaining
+                // time we have to render. So rendering one more row would likely
+                // exceed it.
+                now$1() * 2 - renderState.renderingStartTime >
+                  getRenderTargetTime() &&
+                renderLanes !== OffscreenLane
+              ) {
+                // We have now passed our CPU deadline and we'll just give up further
+                // attempts to render the main content and only render fallbacks.
+                // The assumption is that this is usually faster.
+                workInProgress.flags |= DidCapture;
+                didSuspendAlready = true;
+                cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
+                // to get it started back up to attempt the next item. While in terms
+                // of priority this work has the same priority as this current render,
+                // it's not part of the same transition once the transition has
+                // committed. If it's sync, we still want to yield so that it can be
+                // painted. Conceptually, this is really the same as pinging.
+                // We can use any RetryLane even if it's the one currently rendering
+                // since we're leaving it behind on this node.
+
+                workInProgress.lanes = SomeRetryLane;
+              }
+            }
+
+            if (renderState.isBackwards) {
+              // The effect list of the backwards tail will have been added
+              // to the end. This breaks the guarantee that life-cycles fire in
+              // sibling order but that isn't a strong guarantee promised by React.
+              // Especially since these might also just pop in during future commits.
+              // Append to the beginning of the list.
+              renderedTail.sibling = workInProgress.child;
+              workInProgress.child = renderedTail;
+            } else {
+              var previousSibling = renderState.last;
+
+              if (previousSibling !== null) {
+                previousSibling.sibling = renderedTail;
+              } else {
+                workInProgress.child = renderedTail;
+              }
+
+              renderState.last = renderedTail;
+            }
+          }
+
+          if (renderState.tail !== null) {
+            // We still have tail rows to render.
+            // Pop a row.
+            var next = renderState.tail;
+            renderState.rendering = next;
+            renderState.tail = next.sibling;
+            renderState.renderingStartTime = now$1();
+            next.sibling = null; // Restore the context.
+            // TODO: We can probably just avoid popping it instead and only
+            // setting it the first time we go from not suspended to suspended.
+
+            var suspenseContext = suspenseStackCursor.current;
+
+            if (didSuspendAlready) {
+              suspenseContext = setShallowSuspenseListContext(
+                suspenseContext,
+                ForceSuspenseFallback
+              );
+            } else {
+              suspenseContext =
+                setDefaultShallowSuspenseListContext(suspenseContext);
+            }
+
+            pushSuspenseListContext(workInProgress, suspenseContext); // Do a pass over the next row.
+            // Don't bubble properties in this case.
+
+            return next;
+          }
+
+          bubbleProperties(workInProgress);
+          return null;
+        }
+
+        case ScopeComponent: {
+          break;
+        }
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent: {
+          popSuspenseHandler(workInProgress);
+          popHiddenContext(workInProgress);
+          var _nextState = workInProgress.memoizedState;
+          var nextIsHidden = _nextState !== null; // Schedule a Visibility effect if the visibility has changed
+
+          {
+            if (current !== null) {
+              var _prevState = current.memoizedState;
+              var prevIsHidden = _prevState !== null;
+
+              if (prevIsHidden !== nextIsHidden) {
+                workInProgress.flags |= Visibility;
+              }
+            } else {
+              // On initial mount, we only need a Visibility effect if the tree
+              // is hidden.
+              if (nextIsHidden) {
+                workInProgress.flags |= Visibility;
+              }
+            }
+          }
+
+          if (
+            !nextIsHidden ||
+            (workInProgress.mode & ConcurrentMode) === NoMode
+          ) {
+            bubbleProperties(workInProgress);
+          } else {
+            // Don't bubble properties for hidden children unless we're rendering
+            // at offscreen priority.
+            if (
+              includesSomeLane(renderLanes, OffscreenLane) && // Also don't bubble if the tree suspended
+              (workInProgress.flags & DidCapture) === NoLanes
+            ) {
+              bubbleProperties(workInProgress); // Check if there was an insertion or update in the hidden subtree.
+              // If so, we need to hide those nodes in the commit phase, so
+              // schedule a visibility effect.
+
+              if (workInProgress.subtreeFlags & (Placement | Update)) {
+                workInProgress.flags |= Visibility;
+              }
+            }
+          }
+
+          var offscreenQueue = workInProgress.updateQueue;
+
+          if (offscreenQueue !== null) {
+            var _retryQueue3 = offscreenQueue.retryQueue;
+            scheduleRetryEffect(workInProgress, _retryQueue3);
+          }
+          return null;
+        }
+
+        case CacheComponent: {
+          return null;
+        }
+
+        case TracingMarkerComponent: {
+          return null;
+        }
+      }
+
+      throw new Error(
+        "Unknown unit of work tag (" +
+          workInProgress.tag +
+          "). This error is likely caused by a bug in " +
+          "React. Please file an issue."
+      );
+    }
+
+    function unwindWork(current, workInProgress, renderLanes) {
+      switch (workInProgress.tag) {
+        case ClassComponent: {
+          var Component = workInProgress.type;
+
+          if (isContextProvider(Component)) {
+            popContext(workInProgress);
+          }
+
+          var flags = workInProgress.flags;
+
+          if (flags & ShouldCapture) {
+            workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case HostRoot: {
+          popHostContainer(workInProgress);
+          popTopLevelContextObject(workInProgress);
+          var _flags = workInProgress.flags;
+
+          if (
+            (_flags & ShouldCapture) !== NoFlags$1 &&
+            (_flags & DidCapture) === NoFlags$1
+          ) {
+            // There was an error during render that wasn't captured by a suspense
+            // boundary. Do a second pass on the root to unmount the children.
+            workInProgress.flags = (_flags & ~ShouldCapture) | DidCapture;
+            return workInProgress;
+          } // We unwound to the root without completing it. Exit.
+
+          return null;
+        }
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          // TODO: popHydrationState
+          popHostContext(workInProgress);
+          return null;
+        }
+
+        case SuspenseComponent: {
+          popSuspenseHandler(workInProgress);
+          var suspenseState = workInProgress.memoizedState;
+
+          if (suspenseState !== null && suspenseState.dehydrated !== null) {
+            if (workInProgress.alternate === null) {
+              throw new Error(
+                "Threw in newly mounted dehydrated component. This is likely a bug in " +
+                  "React. Please file an issue."
+              );
+            }
+          }
+
+          var _flags2 = workInProgress.flags;
+
+          if (_flags2 & ShouldCapture) {
+            workInProgress.flags = (_flags2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case SuspenseListComponent: {
+          popSuspenseListContext(workInProgress); // SuspenseList doesn't actually catch anything. It should've been
+          // caught by a nested boundary. If not, it should bubble through.
+
+          return null;
+        }
+
+        case HostPortal:
+          popHostContainer(workInProgress);
+          return null;
+
+        case ContextProvider:
+          var context = workInProgress.type._context;
+          popProvider(context, workInProgress);
+          return null;
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent: {
+          popSuspenseHandler(workInProgress);
+          popHiddenContext(workInProgress);
+          var _flags3 = workInProgress.flags;
+
+          if (_flags3 & ShouldCapture) {
+            workInProgress.flags = (_flags3 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+
+            if ((workInProgress.mode & ProfileMode) !== NoMode) {
+              transferActualDuration(workInProgress);
+            }
+
+            return workInProgress;
+          }
+
+          return null;
+        }
+
+        case CacheComponent:
+          return null;
+
+        case TracingMarkerComponent:
+          return null;
+
+        default:
+          return null;
+      }
+    }
+
+    function unwindInterruptedWork(current, interruptedWork, renderLanes) {
+      switch (interruptedWork.tag) {
+        case ClassComponent: {
+          var childContextTypes = interruptedWork.type.childContextTypes;
+
+          if (childContextTypes !== null && childContextTypes !== undefined) {
+            popContext(interruptedWork);
+          }
+
+          break;
+        }
+
+        case HostRoot: {
+          popHostContainer(interruptedWork);
+          popTopLevelContextObject(interruptedWork);
+          break;
+        }
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          popHostContext(interruptedWork);
+          break;
+        }
+
+        case HostPortal:
+          popHostContainer(interruptedWork);
+          break;
+
+        case SuspenseComponent:
+          popSuspenseHandler(interruptedWork);
+          break;
+
+        case SuspenseListComponent:
+          popSuspenseListContext(interruptedWork);
+          break;
+
+        case ContextProvider:
+          var context = interruptedWork.type._context;
+          popProvider(context, interruptedWork);
+          break;
+
+        case OffscreenComponent:
+        case LegacyHiddenComponent:
+          popSuspenseHandler(interruptedWork);
+          popHiddenContext(interruptedWork);
+          break;
+      }
+    }
+
+    var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
+
+    {
+      didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
+    } // Used during the commit phase to track the state of the Offscreen component stack.
+    // Allows us to avoid traversing the return path to find the nearest Offscreen ancestor.
+
+    var offscreenSubtreeIsHidden = false;
+    var offscreenSubtreeWasHidden = false;
+    var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
+    var nextEffect = null; // Used for Profiling builds to track updaters.
+
+    var inProgressLanes = null;
+    var inProgressRoot = null;
+
+    function shouldProfile(current) {
+      return (
+        (current.mode & ProfileMode) !== NoMode &&
+        (getExecutionContext() & CommitContext) !== NoContext
+      );
+    }
+
+    function reportUncaughtErrorInDEV(error) {
+      // Wrapping each small part of the commit phase into a guarded
+      // callback is a bit too slow (https://github.com/facebook/react/pull/21666).
+      // But we rely on it to surface errors to DEV tools like overlays
+      // (https://github.com/facebook/react/issues/21712).
+      // As a compromise, rethrow only caught errors in a guard.
+      {
+        invokeGuardedCallback(null, function () {
+          throw error;
+        });
+        clearCaughtError();
+      }
+    }
+
+    function callComponentWillUnmountWithTimer(current, instance) {
+      instance.props = current.memoizedProps;
+      instance.state = current.memoizedState;
+
+      if (shouldProfile(current)) {
+        try {
+          startLayoutEffectTimer();
+          instance.componentWillUnmount();
+        } finally {
+          recordLayoutEffectDuration(current);
+        }
+      } else {
+        instance.componentWillUnmount();
+      }
+    } // Capture errors so they don't interrupt unmounting.
+
+    function safelyCallComponentWillUnmount(
+      current,
+      nearestMountedAncestor,
+      instance
+    ) {
+      try {
+        callComponentWillUnmountWithTimer(current, instance);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      }
+    } // Capture errors so they don't interrupt mounting.
+
+    function safelyAttachRef(current, nearestMountedAncestor) {
+      try {
+        commitAttachRef(current);
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      }
+    }
+
+    function safelyDetachRef(current, nearestMountedAncestor) {
+      var ref = current.ref;
+      var refCleanup = current.refCleanup;
+
+      if (ref !== null) {
+        if (typeof refCleanup === "function") {
+          try {
+            if (shouldProfile(current)) {
+              try {
+                startLayoutEffectTimer();
+                refCleanup();
+              } finally {
+                recordLayoutEffectDuration(current);
+              }
+            } else {
+              refCleanup();
+            }
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
+          } finally {
+            // `refCleanup` has been called. Nullify all references to it to prevent double invocation.
+            current.refCleanup = null;
+            var finishedWork = current.alternate;
+
+            if (finishedWork != null) {
+              finishedWork.refCleanup = null;
+            }
+          }
+        } else if (typeof ref === "function") {
+          var retVal;
+
+          try {
+            if (shouldProfile(current)) {
+              try {
+                startLayoutEffectTimer();
+                retVal = ref(null);
+              } finally {
+                recordLayoutEffectDuration(current);
+              }
+            } else {
+              retVal = ref(null);
+            }
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
+          }
+
+          {
+            if (typeof retVal === "function") {
+              error(
+                "Unexpected return value from a callback ref in %s. " +
+                  "A callback ref should not return a function.",
+                getComponentNameFromFiber(current)
+              );
+            }
+          }
+        } else {
+          // $FlowFixMe[incompatible-use] unable to narrow type to RefObject
+          ref.current = null;
+        }
+      }
+    }
+
+    function safelyCallDestroy(current, nearestMountedAncestor, destroy) {
+      try {
+        destroy();
+      } catch (error) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error);
+      }
+    }
+    var shouldFireAfterActiveInstanceBlur = false;
+    function commitBeforeMutationEffects(root, firstChild) {
+      nextEffect = firstChild;
+      commitBeforeMutationEffects_begin(); // We no longer need to track the active instance fiber
+
+      var shouldFire = shouldFireAfterActiveInstanceBlur;
+      shouldFireAfterActiveInstanceBlur = false;
+      return shouldFire;
+    }
+
+    function commitBeforeMutationEffects_begin() {
+      while (nextEffect !== null) {
+        var fiber = nextEffect; // This phase is only used for beforeActiveInstanceBlur.
+
+        var child = fiber.child;
+
+        if (
+          (fiber.subtreeFlags & BeforeMutationMask) !== NoFlags$1 &&
+          child !== null
+        ) {
+          child.return = fiber;
+          nextEffect = child;
+        } else {
+          commitBeforeMutationEffects_complete();
+        }
+      }
+    }
+
+    function commitBeforeMutationEffects_complete() {
+      while (nextEffect !== null) {
+        var fiber = nextEffect;
+        setCurrentFiber(fiber);
+
+        try {
+          commitBeforeMutationEffectsOnFiber(fiber);
+        } catch (error) {
+          captureCommitPhaseError(fiber, fiber.return, error);
+        }
+
+        resetCurrentFiber();
+        var sibling = fiber.sibling;
+
+        if (sibling !== null) {
+          sibling.return = fiber.return;
+          nextEffect = sibling;
+          return;
+        }
+
+        nextEffect = fiber.return;
+      }
+    }
+
+    function commitBeforeMutationEffectsOnFiber(finishedWork) {
+      var current = finishedWork.alternate;
+      var flags = finishedWork.flags;
+
+      if ((flags & Snapshot) !== NoFlags$1) {
+        setCurrentFiber(finishedWork);
+      }
+
+      switch (finishedWork.tag) {
+        case FunctionComponent: {
+          break;
+        }
+
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          break;
+        }
+
+        case ClassComponent: {
+          if ((flags & Snapshot) !== NoFlags$1) {
+            if (current !== null) {
+              var prevProps = current.memoizedProps;
+              var prevState = current.memoizedState;
+              var instance = finishedWork.stateNode; // We could update instance props and state here,
+              // but instead we rely on them being set during last render.
+              // TODO: revisit this when we implement resuming.
+
+              {
+                if (
+                  finishedWork.type === finishedWork.elementType &&
+                  !didWarnAboutReassigningProps
+                ) {
+                  if (instance.props !== finishedWork.memoizedProps) {
+                    error(
+                      "Expected %s props to match memoized props before " +
+                        "getSnapshotBeforeUpdate. " +
+                        "This might either be because of a bug in React, or because " +
+                        "a component reassigns its own `this.props`. " +
+                        "Please file an issue.",
+                      getComponentNameFromFiber(finishedWork) || "instance"
+                    );
+                  }
+
+                  if (instance.state !== finishedWork.memoizedState) {
+                    error(
+                      "Expected %s state to match memoized state before " +
+                        "getSnapshotBeforeUpdate. " +
+                        "This might either be because of a bug in React, or because " +
+                        "a component reassigns its own `this.state`. " +
+                        "Please file an issue.",
+                      getComponentNameFromFiber(finishedWork) || "instance"
+                    );
+                  }
+                }
+              }
+
+              var snapshot = instance.getSnapshotBeforeUpdate(
+                finishedWork.elementType === finishedWork.type
+                  ? prevProps
+                  : resolveDefaultProps(finishedWork.type, prevProps),
+                prevState
+              );
+
+              {
+                var didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
+
+                if (
+                  snapshot === undefined &&
+                  !didWarnSet.has(finishedWork.type)
+                ) {
+                  didWarnSet.add(finishedWork.type);
+
+                  error(
+                    "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
+                      "must be returned. You have returned undefined.",
+                    getComponentNameFromFiber(finishedWork)
+                  );
+                }
+              }
+
+              instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+            }
+          }
+
+          break;
+        }
+
+        case HostRoot: {
+          break;
+        }
+
+        case HostComponent:
+        case HostHoistable:
+        case HostSingleton:
+        case HostText:
+        case HostPortal:
+        case IncompleteClassComponent:
+          // Nothing to do for these component types
+          break;
+
+        default: {
+          if ((flags & Snapshot) !== NoFlags$1) {
+            throw new Error(
+              "This unit of work tag should not have side-effects. This error is " +
+                "likely caused by a bug in React. Please file an issue."
+            );
+          }
+        }
+      }
+
+      if ((flags & Snapshot) !== NoFlags$1) {
+        resetCurrentFiber();
+      }
+    }
+
+    function commitHookEffectListUnmount(
+      flags,
+      finishedWork,
+      nearestMountedAncestor
+    ) {
+      var updateQueue = finishedWork.updateQueue;
+      var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
+
+      if (lastEffect !== null) {
+        var firstEffect = lastEffect.next;
+        var effect = firstEffect;
+
+        do {
+          if ((effect.tag & flags) === flags) {
+            // Unmount
+            var inst = effect.inst;
+            var destroy = inst.destroy;
+
+            if (destroy !== undefined) {
+              inst.destroy = undefined;
+
+              {
+                if ((flags & Insertion) !== NoFlags) {
+                  setIsRunningInsertionEffect(true);
+                }
+              }
+
+              safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy);
+
+              {
+                if ((flags & Insertion) !== NoFlags) {
+                  setIsRunningInsertionEffect(false);
+                }
+              }
+            }
+          }
+
+          effect = effect.next;
+        } while (effect !== firstEffect);
+      }
+    }
+
+    function commitHookEffectListMount(flags, finishedWork) {
+      var updateQueue = finishedWork.updateQueue;
+      var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
+
+      if (lastEffect !== null) {
+        var firstEffect = lastEffect.next;
+        var effect = firstEffect;
+
+        do {
+          if ((effect.tag & flags) === flags) {
+            var create = effect.create;
+
+            {
+              if ((flags & Insertion) !== NoFlags) {
+                setIsRunningInsertionEffect(true);
+              }
+            }
+
+            var inst = effect.inst;
+            var destroy = create();
+            inst.destroy = destroy;
+
+            {
+              if ((flags & Insertion) !== NoFlags) {
+                setIsRunningInsertionEffect(false);
+              }
+            }
+
+            {
+              if (destroy !== undefined && typeof destroy !== "function") {
+                var hookName = void 0;
+
+                if ((effect.tag & Layout) !== NoFlags$1) {
+                  hookName = "useLayoutEffect";
+                } else if ((effect.tag & Insertion) !== NoFlags$1) {
+                  hookName = "useInsertionEffect";
+                } else {
+                  hookName = "useEffect";
+                }
+
+                var addendum = void 0;
+
+                if (destroy === null) {
+                  addendum =
+                    " You returned null. If your effect does not require clean " +
+                    "up, return undefined (or nothing).";
+                } else if (typeof destroy.then === "function") {
+                  addendum =
+                    "\n\nIt looks like you wrote " +
+                    hookName +
+                    "(async () => ...) or returned a Promise. " +
+                    "Instead, write the async function inside your effect " +
+                    "and call it immediately:\n\n" +
+                    hookName +
+                    "(() => {\n" +
+                    "  async function fetchData() {\n" +
+                    "    // You can await here\n" +
+                    "    const response = await MyAPI.getData(someId);\n" +
+                    "    // ...\n" +
+                    "  }\n" +
+                    "  fetchData();\n" +
+                    "}, [someId]); // Or [] if effect doesn't need props or state\n\n" +
+                    "Learn more about data fetching with Hooks: https://reactjs.org/link/hooks-data-fetching";
+                } else {
+                  addendum = " You returned: " + destroy;
+                }
+
+                error(
+                  "%s must not return anything besides a function, " +
+                    "which is used for clean-up.%s",
+                  hookName,
+                  addendum
+                );
+              }
+            }
+          }
+
+          effect = effect.next;
+        } while (effect !== firstEffect);
+      }
+    }
+
+    function commitPassiveEffectDurations(finishedRoot, finishedWork) {
+      if (getExecutionContext() & CommitContext) {
+        // Only Profilers with work in their subtree will have an Update effect scheduled.
+        if ((finishedWork.flags & Update) !== NoFlags$1) {
+          switch (finishedWork.tag) {
+            case Profiler: {
+              var passiveEffectDuration =
+                finishedWork.stateNode.passiveEffectDuration;
+              var _finishedWork$memoize = finishedWork.memoizedProps,
+                id = _finishedWork$memoize.id,
+                onPostCommit = _finishedWork$memoize.onPostCommit; // This value will still reflect the previous commit phase.
+              // It does not get reset until the start of the next commit phase.
+
+              var commitTime = getCommitTime();
+              var phase = finishedWork.alternate === null ? "mount" : "update";
+
+              {
+                if (isCurrentUpdateNested()) {
+                  phase = "nested-update";
+                }
+              }
+
+              if (typeof onPostCommit === "function") {
+                onPostCommit(id, phase, passiveEffectDuration, commitTime);
+              } // Bubble times to the next nearest ancestor Profiler.
+              // After we process that Profiler, we'll bubble further up.
+
+              var parentFiber = finishedWork.return;
+
+              outer: while (parentFiber !== null) {
+                switch (parentFiber.tag) {
+                  case HostRoot:
+                    var root = parentFiber.stateNode;
+                    root.passiveEffectDuration += passiveEffectDuration;
+                    break outer;
+
+                  case Profiler:
+                    var parentStateNode = parentFiber.stateNode;
+                    parentStateNode.passiveEffectDuration +=
+                      passiveEffectDuration;
+                    break outer;
+                }
+
+                parentFiber = parentFiber.return;
+              }
+
+              break;
+            }
+          }
+        }
+      }
+    }
+
+    function commitHookLayoutEffects(finishedWork, hookFlags) {
+      // At this point layout effects have already been destroyed (during mutation phase).
+      // This is done to prevent sibling component effects from interfering with each other,
+      // e.g. a destroy function in one component should never override a ref set
+      // by a create function in another component during the same commit.
+      if (shouldProfile(finishedWork)) {
+        try {
+          startLayoutEffectTimer();
+          commitHookEffectListMount(hookFlags, finishedWork);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+
+        recordLayoutEffectDuration(finishedWork);
+      } else {
+        try {
+          commitHookEffectListMount(hookFlags, finishedWork);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+    }
+
+    function commitClassLayoutLifecycles(finishedWork, current) {
+      var instance = finishedWork.stateNode;
+
+      if (current === null) {
+        // We could update instance props and state here,
+        // but instead we rely on them being set during last render.
+        // TODO: revisit this when we implement resuming.
+        {
+          if (
+            finishedWork.type === finishedWork.elementType &&
+            !didWarnAboutReassigningProps
+          ) {
+            if (instance.props !== finishedWork.memoizedProps) {
+              error(
+                "Expected %s props to match memoized props before " +
+                  "componentDidMount. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.props`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+
+            if (instance.state !== finishedWork.memoizedState) {
+              error(
+                "Expected %s state to match memoized state before " +
+                  "componentDidMount. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.state`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+          }
+        }
+
+        if (shouldProfile(finishedWork)) {
+          try {
+            startLayoutEffectTimer();
+            instance.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+
+          recordLayoutEffectDuration(finishedWork);
+        } else {
+          try {
+            instance.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+        }
+      } else {
+        var prevProps =
+          finishedWork.elementType === finishedWork.type
+            ? current.memoizedProps
+            : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+        var prevState = current.memoizedState; // We could update instance props and state here,
+        // but instead we rely on them being set during last render.
+        // TODO: revisit this when we implement resuming.
+
+        {
+          if (
+            finishedWork.type === finishedWork.elementType &&
+            !didWarnAboutReassigningProps
+          ) {
+            if (instance.props !== finishedWork.memoizedProps) {
+              error(
+                "Expected %s props to match memoized props before " +
+                  "componentDidUpdate. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.props`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+
+            if (instance.state !== finishedWork.memoizedState) {
+              error(
+                "Expected %s state to match memoized state before " +
+                  "componentDidUpdate. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.state`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+          }
+        }
+
+        if (shouldProfile(finishedWork)) {
+          try {
+            startLayoutEffectTimer();
+            instance.componentDidUpdate(
+              prevProps,
+              prevState,
+              instance.__reactInternalSnapshotBeforeUpdate
+            );
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+
+          recordLayoutEffectDuration(finishedWork);
+        } else {
+          try {
+            instance.componentDidUpdate(
+              prevProps,
+              prevState,
+              instance.__reactInternalSnapshotBeforeUpdate
+            );
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+        }
+      }
+    }
+
+    function commitClassCallbacks(finishedWork) {
+      // TODO: I think this is now always non-null by the time it reaches the
+      // commit phase. Consider removing the type check.
+      var updateQueue = finishedWork.updateQueue;
+
+      if (updateQueue !== null) {
+        var instance = finishedWork.stateNode;
+
+        {
+          if (
+            finishedWork.type === finishedWork.elementType &&
+            !didWarnAboutReassigningProps
+          ) {
+            if (instance.props !== finishedWork.memoizedProps) {
+              error(
+                "Expected %s props to match memoized props before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.props`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+
+            if (instance.state !== finishedWork.memoizedState) {
+              error(
+                "Expected %s state to match memoized state before " +
+                  "processing the update queue. " +
+                  "This might either be because of a bug in React, or because " +
+                  "a component reassigns its own `this.state`. " +
+                  "Please file an issue.",
+                getComponentNameFromFiber(finishedWork) || "instance"
+              );
+            }
+          }
+        } // We could update instance props and state here,
+        // but instead we rely on them being set during last render.
+        // TODO: revisit this when we implement resuming.
+
+        try {
+          commitCallbacks(updateQueue, instance);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+    }
+
+    function commitHostComponentMount(finishedWork) {
+      var type = finishedWork.type;
+      var props = finishedWork.memoizedProps;
+      var instance = finishedWork.stateNode;
+
+      try {
+        commitMount(instance, type, props, finishedWork);
+      } catch (error) {
+        captureCommitPhaseError(finishedWork, finishedWork.return, error);
+      }
+    }
+
+    function commitProfilerUpdate(finishedWork, current) {
+      if (getExecutionContext() & CommitContext) {
+        try {
+          var _finishedWork$memoize2 = finishedWork.memoizedProps,
+            onCommit = _finishedWork$memoize2.onCommit,
+            onRender = _finishedWork$memoize2.onRender;
+          var effectDuration = finishedWork.stateNode.effectDuration;
+          var commitTime = getCommitTime();
+          var phase = current === null ? "mount" : "update";
+
+          if (enableProfilerNestedUpdatePhase) {
+            if (isCurrentUpdateNested()) {
+              phase = "nested-update";
+            }
+          }
+
+          if (typeof onRender === "function") {
+            onRender(
+              finishedWork.memoizedProps.id,
+              phase,
+              finishedWork.actualDuration,
+              finishedWork.treeBaseDuration,
+              finishedWork.actualStartTime,
+              commitTime
+            );
+          }
+
+          if (enableProfilerCommitHooks) {
+            if (typeof onCommit === "function") {
+              onCommit(
+                finishedWork.memoizedProps.id,
+                phase,
+                effectDuration,
+                commitTime
+              );
+            } // Schedule a passive effect for this Profiler to call onPostCommit hooks.
+            // This effect should be scheduled even if there is no onPostCommit callback for this Profiler,
+            // because the effect is also where times bubble to parent Profilers.
+
+            enqueuePendingPassiveProfilerEffect(finishedWork); // Propagate layout effect durations to the next nearest Profiler ancestor.
+            // Do not reset these values until the next render so DevTools has a chance to read them first.
+
+            var parentFiber = finishedWork.return;
+
+            outer: while (parentFiber !== null) {
+              switch (parentFiber.tag) {
+                case HostRoot:
+                  var root = parentFiber.stateNode;
+                  root.effectDuration += effectDuration;
+                  break outer;
+
+                case Profiler:
+                  var parentStateNode = parentFiber.stateNode;
+                  parentStateNode.effectDuration += effectDuration;
+                  break outer;
+              }
+
+              parentFiber = parentFiber.return;
+            }
+          }
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+    }
+
+    function commitLayoutEffectOnFiber(
+      finishedRoot,
+      current,
+      finishedWork,
+      committedLanes
+    ) {
+      // When updating this function, also update reappearLayoutEffects, which does
+      // most of the same things when an offscreen tree goes from hidden -> visible.
+      var flags = finishedWork.flags;
+
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+
+          if (flags & Update) {
+            commitHookLayoutEffects(finishedWork, Layout | HasEffect);
+          }
+
+          break;
+        }
+
+        case ClassComponent: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+
+          if (flags & Update) {
+            commitClassLayoutLifecycles(finishedWork, current);
+          }
+
+          if (flags & Callback) {
+            commitClassCallbacks(finishedWork);
           }
-        }
-      } else {
-        var iteratorFn = getIteratorFn(children);
 
-        if (typeof iteratorFn === "function") {
-          var childrenIterator = iteratorFn.call(children);
+          if (flags & Ref) {
+            safelyAttachRef(finishedWork, finishedWork.return);
+          }
 
-          if (childrenIterator) {
-            var step = childrenIterator.next();
-            var _i = 0;
+          break;
+        }
 
-            for (; !step.done; step = childrenIterator.next()) {
-              if (!validateSuspenseListNestedChild(step.value, _i)) {
-                return;
+        case HostRoot: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+
+          if (flags & Callback) {
+            // TODO: I think this is now always non-null by the time it reaches the
+            // commit phase. Consider removing the type check.
+            var updateQueue = finishedWork.updateQueue;
+
+            if (updateQueue !== null) {
+              var instance = null;
+
+              if (finishedWork.child !== null) {
+                switch (finishedWork.child.tag) {
+                  case HostSingleton:
+                  case HostComponent:
+                    instance = getPublicInstance(finishedWork.child.stateNode);
+                    break;
+
+                  case ClassComponent:
+                    instance = finishedWork.child.stateNode;
+                    break;
+                }
               }
 
-              _i++;
+              try {
+                commitCallbacks(updateQueue, instance);
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
             }
           }
-        } else {
-          error(
-            'A single row was passed to a <SuspenseList revealOrder="%s" />. ' +
-              "This is not useful since it needs multiple rows. " +
-              "Did you mean to pass multiple children or an array?",
-            revealOrder
-          );
+
+          break;
         }
-      }
-    }
-  }
-}
 
-function initSuspenseListRenderState(
-  workInProgress,
-  isBackwards,
-  tail,
-  lastContentRow,
-  tailMode
-) {
-  var renderState = workInProgress.memoizedState;
-
-  if (renderState === null) {
-    workInProgress.memoizedState = {
-      isBackwards: isBackwards,
-      rendering: null,
-      renderingStartTime: 0,
-      last: lastContentRow,
-      tail: tail,
-      tailMode: tailMode
-    };
-  } else {
-    // We can reuse the existing object from previous renders.
-    renderState.isBackwards = isBackwards;
-    renderState.rendering = null;
-    renderState.renderingStartTime = 0;
-    renderState.last = lastContentRow;
-    renderState.tail = tail;
-    renderState.tailMode = tailMode;
-  }
-} // This can end up rendering this component multiple passes.
-// The first pass splits the children fibers into two sets. A head and tail.
-// We first render the head. If anything is in fallback state, we do another
-// pass through beginWork to rerender all children (including the tail) with
-// the force suspend context. If the first render didn't have anything in
-// in fallback state. Then we render each row in the tail one-by-one.
-// That happens in the completeWork phase without going back to beginWork.
-
-function updateSuspenseListComponent(current, workInProgress, renderLanes) {
-  var nextProps = workInProgress.pendingProps;
-  var revealOrder = nextProps.revealOrder;
-  var tailMode = nextProps.tail;
-  var newChildren = nextProps.children;
-  validateRevealOrder(revealOrder);
-  validateTailOptions(tailMode, revealOrder);
-  validateSuspenseListChildren(newChildren, revealOrder);
-  reconcileChildren(current, workInProgress, newChildren, renderLanes);
-  var suspenseContext = suspenseStackCursor.current;
-  var shouldForceFallback = hasSuspenseContext(
-    suspenseContext,
-    ForceSuspenseFallback
-  );
-
-  if (shouldForceFallback) {
-    suspenseContext = setShallowSuspenseContext(
-      suspenseContext,
-      ForceSuspenseFallback
-    );
-    workInProgress.flags |= DidCapture;
-  } else {
-    var didSuspendBefore =
-      current !== null && (current.flags & DidCapture) !== NoFlags;
-
-    if (didSuspendBefore) {
-      // If we previously forced a fallback, we need to schedule work
-      // on any nested boundaries to let them know to try to render
-      // again. This is the same as context updating.
-      propagateSuspenseContextChange(
-        workInProgress,
-        workInProgress.child,
-        renderLanes
-      );
-    }
+        case HostHoistable:
 
-    suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
-  }
+        case HostSingleton:
+        case HostComponent: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork); // Renderers may schedule work to be done after host components are mounted
+          // (eg DOM renderer may schedule auto-focus for inputs and form controls).
+          // These effects should only be committed when components are first mounted,
+          // aka when there is no current/alternate.
 
-  pushSuspenseContext(workInProgress, suspenseContext);
+          if (current === null && flags & Update) {
+            commitHostComponentMount(finishedWork);
+          }
 
-  if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-    // In legacy mode, SuspenseList doesn't work so we just
-    // use make it a noop by treating it as the default revealOrder.
-    workInProgress.memoizedState = null;
-  } else {
-    switch (revealOrder) {
-      case "forwards": {
-        var lastContentRow = findLastContentRow(workInProgress.child);
-        var tail;
+          if (flags & Ref) {
+            safelyAttachRef(finishedWork, finishedWork.return);
+          }
 
-        if (lastContentRow === null) {
-          // The whole list is part of the tail.
-          // TODO: We could fast path by just rendering the tail now.
-          tail = workInProgress.child;
-          workInProgress.child = null;
-        } else {
-          // Disconnect the tail rows after the content row.
-          // We're going to render them separately later.
-          tail = lastContentRow.sibling;
-          lastContentRow.sibling = null;
+          break;
         }
 
-        initSuspenseListRenderState(
-          workInProgress,
-          false, // isBackwards
-          tail,
-          lastContentRow,
-          tailMode
-        );
-        break;
-      }
-
-      case "backwards": {
-        // We're going to find the first row that has existing content.
-        // At the same time we're going to reverse the list of everything
-        // we pass in the meantime. That's going to be our tail in reverse
-        // order.
-        var _tail = null;
-        var row = workInProgress.child;
-        workInProgress.child = null;
-
-        while (row !== null) {
-          var currentRow = row.alternate; // New rows can't be content rows.
+        case Profiler: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork); // TODO: Should this fire inside an offscreen tree? Or should it wait to
+          // fire when the tree becomes visible again.
 
-          if (currentRow !== null && findFirstSuspended(currentRow) === null) {
-            // This is the beginning of the main content.
-            workInProgress.child = row;
-            break;
+          if (flags & Update) {
+            commitProfilerUpdate(finishedWork, current);
           }
 
-          var nextRow = row.sibling;
-          row.sibling = _tail;
-          _tail = row;
-          row = nextRow;
-        } // TODO: If workInProgress.child is null, we can continue on the tail immediately.
+          break;
+        }
 
-        initSuspenseListRenderState(
-          workInProgress,
-          true, // isBackwards
-          _tail,
-          null, // last
-          tailMode
-        );
-        break;
-      }
+        case SuspenseComponent: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
 
-      case "together": {
-        initSuspenseListRenderState(
-          workInProgress,
-          false, // isBackwards
-          null, // tail
-          null, // last
-          undefined
-        );
-        break;
-      }
+          break;
+        }
 
-      default: {
-        // The default reveal order is the same as not having
-        // a boundary.
-        workInProgress.memoizedState = null;
-      }
-    }
-  }
+        case OffscreenComponent: {
+          var isModernRoot = (finishedWork.mode & ConcurrentMode) !== NoMode;
 
-  return workInProgress.child;
-}
+          if (isModernRoot) {
+            var isHidden = finishedWork.memoizedState !== null;
+            var newOffscreenSubtreeIsHidden =
+              isHidden || offscreenSubtreeIsHidden;
 
-function updatePortalComponent(current, workInProgress, renderLanes) {
-  pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
-  var nextChildren = workInProgress.pendingProps;
-
-  if (current === null) {
-    // Portals are special because we don't append the children during mount
-    // but at commit. Therefore we need to track insertions which the normal
-    // flow doesn't do during mount. This doesn't happen at the root because
-    // the root always starts with a "current" with a null child.
-    // TODO: Consider unifying this with how the root works.
-    workInProgress.child = reconcileChildFibers(
-      workInProgress,
-      null,
-      nextChildren,
-      renderLanes
-    );
-  } else {
-    reconcileChildren(current, workInProgress, nextChildren, renderLanes);
-  }
+            if (newOffscreenSubtreeIsHidden);
+            else {
+              // The Offscreen tree is visible.
+              var wasHidden =
+                current !== null && current.memoizedState !== null;
+              var newOffscreenSubtreeWasHidden =
+                wasHidden || offscreenSubtreeWasHidden;
+              var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden;
+              var prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+              offscreenSubtreeIsHidden = newOffscreenSubtreeIsHidden;
+              offscreenSubtreeWasHidden = newOffscreenSubtreeWasHidden;
+
+              if (offscreenSubtreeWasHidden && !prevOffscreenSubtreeWasHidden) {
+                // This is the root of a reappearing boundary. As we continue
+                // traversing the layout effects, we must also re-mount layout
+                // effects that were unmounted when the Offscreen subtree was
+                // hidden. So this is a superset of the normal commitLayoutEffects.
+                var includeWorkInProgressEffects =
+                  (finishedWork.subtreeFlags & LayoutMask) !== NoFlags$1;
+                recursivelyTraverseReappearLayoutEffects(
+                  finishedRoot,
+                  finishedWork,
+                  includeWorkInProgressEffects
+                );
+              } else {
+                recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+              }
 
-  return workInProgress.child;
-}
+              offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+              offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+            }
+          } else {
+            recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+          }
 
-var hasWarnedAboutUsingNoValuePropOnContextProvider = false;
+          if (flags & Ref) {
+            var props = finishedWork.memoizedProps;
 
-function updateContextProvider(current, workInProgress, renderLanes) {
-  var providerType = workInProgress.type;
-  var context = providerType._context;
-  var newProps = workInProgress.pendingProps;
-  var oldProps = workInProgress.memoizedProps;
-  var newValue = newProps.value;
+            if (props.mode === "manual") {
+              safelyAttachRef(finishedWork, finishedWork.return);
+            } else {
+              safelyDetachRef(finishedWork, finishedWork.return);
+            }
+          }
 
-  {
-    if (!("value" in newProps)) {
-      if (!hasWarnedAboutUsingNoValuePropOnContextProvider) {
-        hasWarnedAboutUsingNoValuePropOnContextProvider = true;
+          break;
+        }
 
-        error(
-          "The `value` prop is required for the `<Context.Provider>`. Did you misspell it or forget to pass it?"
-        );
+        default: {
+          recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+          break;
+        }
       }
     }
 
-    var providerPropTypes = workInProgress.type.propTypes;
+    function hideOrUnhideAllChildren(finishedWork, isHidden) {
+      // Only hide or unhide the top-most host nodes.
+      var hostSubtreeRoot = null;
 
-    if (providerPropTypes) {
-      checkPropTypes(providerPropTypes, newProps, "prop", "Context.Provider");
-    }
-  }
+      {
+        // We only have the top Fiber that was inserted but we need to recurse down its
+        // children to find all the terminal nodes.
+        var node = finishedWork;
 
-  pushProvider(workInProgress, context, newValue);
+        while (true) {
+          if (node.tag === HostComponent || false || false) {
+            if (hostSubtreeRoot === null) {
+              hostSubtreeRoot = node;
 
-  {
-    if (oldProps !== null) {
-      var oldValue = oldProps.value;
+              try {
+                var instance = node.stateNode;
 
-      if (objectIs(oldValue, newValue)) {
-        // No change. Bailout early if children are the same.
-        if (oldProps.children === newProps.children && !hasContextChanged()) {
-          return bailoutOnAlreadyFinishedWork(
-            current,
-            workInProgress,
-            renderLanes
+                if (isHidden) {
+                  hideInstance(instance);
+                } else {
+                  unhideInstance(node.stateNode, node.memoizedProps);
+                }
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
+            }
+          } else if (node.tag === HostText) {
+            if (hostSubtreeRoot === null) {
+              try {
+                var _instance = node.stateNode;
+
+                if (isHidden) {
+                  hideTextInstance(_instance);
+                } else {
+                  unhideTextInstance(_instance, node.memoizedProps);
+                }
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
+            }
+          } else if (
+            (node.tag === OffscreenComponent ||
+              node.tag === LegacyHiddenComponent) &&
+            node.memoizedState !== null &&
+            node !== finishedWork
           );
-        }
-      } else {
-        // The context value changed. Search for matching consumers and schedule
-        // them to update.
-        propagateContextChange(workInProgress, context, renderLanes);
-      }
-    }
-  }
+          else if (node.child !== null) {
+            node.child.return = node;
+            node = node.child;
+            continue;
+          }
 
-  var newChildren = newProps.children;
-  reconcileChildren(current, workInProgress, newChildren, renderLanes);
-  return workInProgress.child;
-}
+          if (node === finishedWork) {
+            return;
+          }
 
-var hasWarnedAboutUsingContextAsConsumer = false;
-
-function updateContextConsumer(current, workInProgress, renderLanes) {
-  var context = workInProgress.type; // The logic below for Context differs depending on PROD or DEV mode. In
-  // DEV mode, we create a separate object for Context.Consumer that acts
-  // like a proxy to Context. This proxy object adds unnecessary code in PROD
-  // so we use the old behaviour (Context.Consumer references Context) to
-  // reduce size and overhead. The separate object references context via
-  // a property called "_context", which also gives us the ability to check
-  // in DEV mode if this property exists or not and warn if it does not.
-
-  {
-    if (context._context === undefined) {
-      // This may be because it's a Context (rather than a Consumer).
-      // Or it may be because it's older React where they're the same thing.
-      // We only want to warn if we're sure it's a new React.
-      if (context !== context.Consumer) {
-        if (!hasWarnedAboutUsingContextAsConsumer) {
-          hasWarnedAboutUsingContextAsConsumer = true;
+          while (node.sibling === null) {
+            if (node.return === null || node.return === finishedWork) {
+              return;
+            }
 
-          error(
-            "Rendering <Context> directly is not supported and will be removed in " +
-              "a future major release. Did you mean to render <Context.Consumer> instead?"
-          );
-        }
-      }
-    } else {
-      context = context._context;
-    }
-  }
+            if (hostSubtreeRoot === node) {
+              hostSubtreeRoot = null;
+            }
 
-  var newProps = workInProgress.pendingProps;
-  var render = newProps.children;
+            node = node.return;
+          }
 
-  {
-    if (typeof render !== "function") {
-      error(
-        "A context consumer was rendered with multiple children, or a child " +
-          "that isn't a function. A context consumer expects a single child " +
-          "that is a function. If you did pass a function, make sure there " +
-          "is no trailing or leading whitespace around it."
-      );
-    }
-  }
+          if (hostSubtreeRoot === node) {
+            hostSubtreeRoot = null;
+          }
 
-  prepareToReadContext(workInProgress, renderLanes);
-  var newValue = readContext(context);
+          node.sibling.return = node.return;
+          node = node.sibling;
+        }
+      }
+    }
 
-  var newChildren;
+    function commitAttachRef(finishedWork) {
+      var ref = finishedWork.ref;
 
-  {
-    ReactCurrentOwner$1.current = workInProgress;
-    setIsRendering(true);
-    newChildren = render(newValue);
-    setIsRendering(false);
-  }
+      if (ref !== null) {
+        var instance = finishedWork.stateNode;
+        var instanceToUse;
 
-  workInProgress.flags |= PerformedWork;
-  reconcileChildren(current, workInProgress, newChildren, renderLanes);
-  return workInProgress.child;
-}
+        switch (finishedWork.tag) {
+          case HostHoistable:
+          case HostSingleton:
+          case HostComponent:
+            instanceToUse = getPublicInstance(instance);
+            break;
 
-function markWorkInProgressReceivedUpdate() {
-  didReceiveUpdate = true;
-}
+          default:
+            instanceToUse = instance;
+        } // Moved outside to ensure DCE works with this flag
 
-function resetSuspendedCurrentOnMountInLegacyMode(current, workInProgress) {
-  if ((workInProgress.mode & ConcurrentMode) === NoMode) {
-    if (current !== null) {
-      // A lazy component only mounts if it suspended inside a non-
-      // concurrent tree, in an inconsistent state. We want to treat it like
-      // a new mount, even though an empty version of it already committed.
-      // Disconnect the alternate pointers.
-      current.alternate = null;
-      workInProgress.alternate = null; // Since this is conceptually a new fiber, schedule a Placement effect
+        if (typeof ref === "function") {
+          if (shouldProfile(finishedWork)) {
+            try {
+              startLayoutEffectTimer();
+              finishedWork.refCleanup = ref(instanceToUse);
+            } finally {
+              recordLayoutEffectDuration(finishedWork);
+            }
+          } else {
+            finishedWork.refCleanup = ref(instanceToUse);
+          }
+        } else {
+          {
+            if (!ref.hasOwnProperty("current")) {
+              error(
+                "Unexpected ref object provided for %s. " +
+                  "Use either a ref-setter function or React.createRef().",
+                getComponentNameFromFiber(finishedWork)
+              );
+            }
+          } // $FlowFixMe[incompatible-use] unable to narrow type to the non-function case
 
-      workInProgress.flags |= Placement;
+          ref.current = instanceToUse;
+        }
+      }
     }
-  }
-}
 
-function bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes) {
-  if (current !== null) {
-    // Reuse previous dependencies
-    workInProgress.dependencies = current.dependencies;
-  }
-
-  {
-    // Don't update "base" render times for bailouts.
-    stopProfilerTimerIfRunning();
-  }
+    function detachFiberMutation(fiber) {
+      // Cut off the return pointer to disconnect it from the tree.
+      // This enables us to detect and warn against state updates on an unmounted component.
+      // It also prevents events from bubbling from within disconnected components.
+      //
+      // Ideally, we should also clear the child pointer of the parent alternate to let this
+      // get GC:ed but we don't know which for sure which parent is the current
+      // one so we'll settle for GC:ing the subtree of this child.
+      // This child itself will be GC:ed when the parent updates the next time.
+      //
+      // Note that we can't clear child or sibling pointers yet.
+      // They're needed for passive effects and for findDOMNode.
+      // We defer those fields, and all other cleanup, to the passive phase (see detachFiberAfterEffects).
+      //
+      // Don't reset the alternate yet, either. We need that so we can detach the
+      // alternate's fields in the passive phase. Clearing the return pointer is
+      // sufficient for findDOMNode semantics.
+      var alternate = fiber.alternate;
 
-  markSkippedUpdateLanes(workInProgress.lanes); // Check if the children have any pending work.
+      if (alternate !== null) {
+        alternate.return = null;
+      }
 
-  if (!includesSomeLane(renderLanes, workInProgress.childLanes)) {
-    // The children don't have any work either. We can skip them.
-    // TODO: Once we add back resuming, we should check if the children are
-    // a work-in-progress set. If so, we need to transfer their effects.
-    {
-      return null;
+      fiber.return = null;
     }
-  } // This fiber doesn't have work, but its subtree does. Clone the child
-  // fibers and continue.
 
-  cloneChildFibers(current, workInProgress);
-  return workInProgress.child;
-}
+    function detachFiberAfterEffects(fiber) {
+      var alternate = fiber.alternate;
 
-function remountFiber(current, oldWorkInProgress, newWorkInProgress) {
-  {
-    var returnFiber = oldWorkInProgress.return;
+      if (alternate !== null) {
+        fiber.alternate = null;
+        detachFiberAfterEffects(alternate);
+      } // Clear cyclical Fiber fields. This level alone is designed to roughly
+      // approximate the planned Fiber refactor. In that world, `setState` will be
+      // bound to a special "instance" object instead of a Fiber. The Instance
+      // object will not have any of these fields. It will only be connected to
+      // the fiber tree via a single link at the root. So if this level alone is
+      // sufficient to fix memory issues, that bodes well for our plans.
 
-    if (returnFiber === null) {
-      // eslint-disable-next-line react-internal/prod-error-codes
-      throw new Error("Cannot swap the root fiber.");
-    } // Disconnect from the old current.
-    // It will get deleted.
+      fiber.child = null;
+      fiber.deletions = null;
+      fiber.sibling = null; // The `stateNode` is cyclical because on host nodes it points to the host
 
-    current.alternate = null;
-    oldWorkInProgress.alternate = null; // Connect to the new tree.
+      fiber.stateNode = null;
 
-    newWorkInProgress.index = oldWorkInProgress.index;
-    newWorkInProgress.sibling = oldWorkInProgress.sibling;
-    newWorkInProgress.return = oldWorkInProgress.return;
-    newWorkInProgress.ref = oldWorkInProgress.ref; // Replace the child/sibling pointers above it.
+      {
+        fiber._debugOwner = null;
+      } // Theoretically, nothing in here should be necessary, because we already
+      // disconnected the fiber from the tree. So even if something leaks this
+      // particular fiber, it won't leak anything else.
 
-    if (oldWorkInProgress === returnFiber.child) {
-      returnFiber.child = newWorkInProgress;
-    } else {
-      var prevSibling = returnFiber.child;
+      fiber.return = null;
+      fiber.dependencies = null;
+      fiber.memoizedProps = null;
+      fiber.memoizedState = null;
+      fiber.pendingProps = null;
+      fiber.stateNode = null; // TODO: Move to `commitPassiveUnmountInsideDeletedTreeOnFiber` instead.
 
-      if (prevSibling === null) {
-        // eslint-disable-next-line react-internal/prod-error-codes
-        throw new Error("Expected parent to have a child.");
-      }
+      fiber.updateQueue = null;
+    }
 
-      while (prevSibling.sibling !== oldWorkInProgress) {
-        prevSibling = prevSibling.sibling;
+    function getHostParentFiber(fiber) {
+      var parent = fiber.return;
 
-        if (prevSibling === null) {
-          // eslint-disable-next-line react-internal/prod-error-codes
-          throw new Error("Expected to find the previous sibling.");
+      while (parent !== null) {
+        if (isHostParent(parent)) {
+          return parent;
         }
-      }
 
-      prevSibling.sibling = newWorkInProgress;
-    } // Delete the old fiber and place the new one.
-    // Since the old fiber is disconnected, we have to schedule it manually.
-
-    var deletions = returnFiber.deletions;
+        parent = parent.return;
+      }
 
-    if (deletions === null) {
-      returnFiber.deletions = [current];
-      returnFiber.flags |= ChildDeletion;
-    } else {
-      deletions.push(current);
+      throw new Error(
+        "Expected to find a host parent. This error is likely caused by a bug " +
+          "in React. Please file an issue."
+      );
     }
 
-    newWorkInProgress.flags |= Placement; // Restart work from the new fiber.
-
-    return newWorkInProgress;
-  }
-}
-
-function checkScheduledUpdateOrContext(current, renderLanes) {
-  // Before performing an early bailout, we must check if there are pending
-  // updates or context.
-  var updateLanes = current.lanes;
+    function isHostParent(fiber) {
+      return (
+        fiber.tag === HostComponent ||
+        fiber.tag === HostRoot ||
+        false ||
+        false ||
+        fiber.tag === HostPortal
+      );
+    }
 
-  if (includesSomeLane(updateLanes, renderLanes)) {
-    return true;
-  } // No pending update, but because context is propagated lazily, we need
+    function getHostSibling(fiber) {
+      // We're going to search forward into the tree until we find a sibling host
+      // node. Unfortunately, if multiple insertions are done in a row we have to
+      // search past them. This leads to exponential search for the next sibling.
+      // TODO: Find a more efficient way to do this.
+      var node = fiber;
 
-  return false;
-}
+      siblings: while (true) {
+        // If we didn't find anything, let's try the next sibling.
+        while (node.sibling === null) {
+          if (node.return === null || isHostParent(node.return)) {
+            // If we pop out of the root or hit the parent the fiber we are the
+            // last sibling.
+            return null;
+          } // $FlowFixMe[incompatible-type] found when upgrading Flow
 
-function attemptEarlyBailoutIfNoScheduledUpdate(
-  current,
-  workInProgress,
-  renderLanes
-) {
-  // This fiber does not have any pending work. Bailout without entering
-  // the begin phase. There's still some bookkeeping we that needs to be done
-  // in this optimized path, mostly pushing stuff onto the stack.
-  switch (workInProgress.tag) {
-    case HostRoot:
-      pushHostRootContext(workInProgress);
-      var root = workInProgress.stateNode;
-      break;
+          node = node.return;
+        }
 
-    case HostComponent:
-      pushHostContext(workInProgress);
-      break;
+        node.sibling.return = node.return;
+        node = node.sibling;
 
-    case ClassComponent: {
-      var Component = workInProgress.type;
+        while (
+          node.tag !== HostComponent &&
+          node.tag !== HostText &&
+          true &&
+          node.tag !== DehydratedFragment
+        ) {
+          // If it is not host node and, we might have a host node inside it.
+          // Try to search down until we find one.
+          if (node.flags & Placement) {
+            // If we don't have a child, try the siblings instead.
+            continue siblings;
+          } // If we don't have a child, try the siblings instead.
+          // We also skip portals because they are not part of this host tree.
+
+          if (node.child === null || node.tag === HostPortal) {
+            continue siblings;
+          } else {
+            node.child.return = node;
+            node = node.child;
+          }
+        } // Check if this host node is stable or about to be placed.
 
-      if (isContextProvider(Component)) {
-        pushContextProvider(workInProgress);
+        if (!(node.flags & Placement)) {
+          // Found it!
+          return node.stateNode;
+        }
       }
-
-      break;
     }
 
-    case HostPortal:
-      pushHostContainer(workInProgress, workInProgress.stateNode.containerInfo);
-      break;
+    function commitPlacement(finishedWork) {
+      var parentFiber = getHostParentFiber(finishedWork);
 
-    case ContextProvider: {
-      var newValue = workInProgress.memoizedProps.value;
-      var context = workInProgress.type._context;
-      pushProvider(workInProgress, context, newValue);
-      break;
-    }
+      switch (parentFiber.tag) {
+        case HostSingleton:
 
-    case Profiler:
-      {
-        // Profiler should only call onRender when one of its descendants actually rendered.
-        var hasChildWork = includesSomeLane(
-          renderLanes,
-          workInProgress.childLanes
-        );
+        case HostComponent: {
+          var _parent = parentFiber.stateNode;
 
-        if (hasChildWork) {
-          workInProgress.flags |= Update;
-        }
+          if (parentFiber.flags & ContentReset) {
+            parentFiber.flags &= ~ContentReset;
+          }
 
-        {
-          // Reset effect durations for the next eventual effect phase.
-          // These are reset during render to allow the DevTools commit hook a chance to read them,
-          var stateNode = workInProgress.stateNode;
-          stateNode.effectDuration = 0;
-          stateNode.passiveEffectDuration = 0;
+          var _before = getHostSibling(finishedWork); // We only have the top Fiber that was inserted but we need to recurse down its
+          // children to find all the terminal nodes.
+
+          insertOrAppendPlacementNode(finishedWork, _before, _parent);
+          break;
         }
-      }
 
-      break;
+        case HostRoot:
+        case HostPortal: {
+          var _parent2 = parentFiber.stateNode.containerInfo;
 
-    case SuspenseComponent: {
-      var state = workInProgress.memoizedState;
+          var _before2 = getHostSibling(finishedWork);
 
-      if (state !== null) {
-        if (state.dehydrated !== null) {
-          pushSuspenseContext(
-            workInProgress,
-            setDefaultShallowSuspenseContext(suspenseStackCursor.current)
-          ); // We know that this component will suspend again because if it has
-          // been unsuspended it has committed as a resolved Suspense component.
-          // If it needs to be retried, it should have work scheduled on it.
+          insertOrAppendPlacementNodeIntoContainer(
+            finishedWork,
+            _before2,
+            _parent2
+          );
+          break;
+        }
 
-          workInProgress.flags |= DidCapture; // We should never render the children of a dehydrated boundary until we
-          // upgrade it. We return null instead of bailoutOnAlreadyFinishedWork.
+        default:
+          throw new Error(
+            "Invalid host parent fiber. This error is likely caused by a bug " +
+              "in React. Please file an issue."
+          );
+      }
+    }
 
-          return null;
-        } // If this boundary is currently timed out, we need to decide
-        // whether to retry the primary children, or to skip over it and
-        // go straight to the fallback. Check the priority of the primary
-        // child fragment.
+    function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
+      var tag = node.tag;
+      var isHost = tag === HostComponent || tag === HostText;
 
-        var primaryChildFragment = workInProgress.child;
-        var primaryChildLanes = primaryChildFragment.childLanes;
+      if (isHost) {
+        var stateNode = node.stateNode;
 
-        if (includesSomeLane(renderLanes, primaryChildLanes)) {
-          // The primary children have pending work. Use the normal path
-          // to attempt to render the primary children again.
-          return updateSuspenseComponent(current, workInProgress, renderLanes);
+        if (before) {
+          insertInContainerBefore(parent);
         } else {
-          // The primary child fragment does not have pending work marked
-          // on it
-          pushSuspenseContext(
-            workInProgress,
-            setDefaultShallowSuspenseContext(suspenseStackCursor.current)
-          ); // The primary children do not have pending work with sufficient
-          // priority. Bailout.
+          appendChildToContainer(parent, stateNode);
+        }
+      } else if (tag === HostPortal || false);
+      else {
+        var child = node.child;
 
-          var child = bailoutOnAlreadyFinishedWork(
-            current,
-            workInProgress,
-            renderLanes
-          );
+        if (child !== null) {
+          insertOrAppendPlacementNodeIntoContainer(child, before, parent);
+          var sibling = child.sibling;
 
-          if (child !== null) {
-            // The fallback children have pending work. Skip over the
-            // primary children and work on the fallback.
-            return child.sibling;
-          } else {
-            // Note: We can return `null` here because we already checked
-            // whether there were nested context consumers, via the call to
-            // `bailoutOnAlreadyFinishedWork` above.
-            return null;
+          while (sibling !== null) {
+            insertOrAppendPlacementNodeIntoContainer(sibling, before, parent);
+            sibling = sibling.sibling;
           }
         }
-      } else {
-        pushSuspenseContext(
-          workInProgress,
-          setDefaultShallowSuspenseContext(suspenseStackCursor.current)
-        );
       }
+    }
 
-      break;
-    }
-
-    case SuspenseListComponent: {
-      var didSuspendBefore = (current.flags & DidCapture) !== NoFlags;
-
-      var _hasChildWork = includesSomeLane(
-        renderLanes,
-        workInProgress.childLanes
-      );
-
-      if (didSuspendBefore) {
-        if (_hasChildWork) {
-          // If something was in fallback state last time, and we have all the
-          // same children then we're still in progressive loading state.
-          // Something might get unblocked by state updates or retries in the
-          // tree which will affect the tail. So we need to use the normal
-          // path to compute the correct tail.
-          return updateSuspenseListComponent(
-            current,
-            workInProgress,
-            renderLanes
-          );
-        } // If none of the children had any work, that means that none of
-        // them got retried so they'll still be blocked in the same way
-        // as before. We can fast bail out.
-
-        workInProgress.flags |= DidCapture;
-      } // If nothing suspended before and we're rendering the same children,
-      // then the tail doesn't matter. Anything new that suspends will work
-      // in the "together" mode, so we can continue from the state we had.
+    function insertOrAppendPlacementNode(node, before, parent) {
+      var tag = node.tag;
+      var isHost = tag === HostComponent || tag === HostText;
 
-      var renderState = workInProgress.memoizedState;
+      if (isHost) {
+        var stateNode = node.stateNode;
 
-      if (renderState !== null) {
-        // Reset to the "together" mode in case we've started a different
-        // update in the past but didn't complete it.
-        renderState.rendering = null;
-        renderState.tail = null;
-        renderState.lastEffect = null;
-      }
+        if (before) {
+          insertBefore(parent, stateNode, before);
+        } else {
+          appendChild(parent, stateNode);
+        }
+      } else if (tag === HostPortal || false);
+      else {
+        var child = node.child;
 
-      pushSuspenseContext(workInProgress, suspenseStackCursor.current);
+        if (child !== null) {
+          insertOrAppendPlacementNode(child, before, parent);
+          var sibling = child.sibling;
 
-      if (_hasChildWork) {
-        break;
-      } else {
-        // If none of the children had any work, that means that none of
-        // them got retried so they'll still be blocked in the same way
-        // as before. We can fast bail out.
-        return null;
+          while (sibling !== null) {
+            insertOrAppendPlacementNode(sibling, before, parent);
+            sibling = sibling.sibling;
+          }
+        }
       }
-    }
+    } // These are tracked on the stack as we recursively traverse a
+    // deleted subtree.
+    // TODO: Update these during the whole mutation phase, not just during
+    // a deletion.
 
-    case OffscreenComponent:
-    case LegacyHiddenComponent: {
-      // Need to check if the tree still needs to be deferred. This is
-      // almost identical to the logic used in the normal update path,
-      // so we'll just enter that. The only difference is we'll bail out
-      // at the next level instead of this one, because the child props
-      // have not changed. Which is fine.
-      // TODO: Probably should refactor `beginWork` to split the bailout
-      // path from the normal path. I'm tempted to do a labeled break here
-      // but I won't :)
-      workInProgress.lanes = NoLanes;
-      return updateOffscreenComponent(current, workInProgress, renderLanes);
-    }
-  }
+    var hostParent = null;
+    var hostParentIsContainer = false;
 
-  return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
-}
+    function commitDeletionEffects(root, returnFiber, deletedFiber) {
+      {
+        // We only have the top Fiber that was deleted but we need to recurse down its
+        // children to find all the terminal nodes.
+        // Recursively delete all host nodes from the parent, detach refs, clean
+        // up mounted layout effects, and call componentWillUnmount.
+        // We only need to remove the topmost host child in each branch. But then we
+        // still need to keep traversing to unmount effects, refs, and cWU. TODO: We
+        // could split this into two separate traversals functions, where the second
+        // one doesn't include any removeChild logic. This is maybe the same
+        // function as "disappearLayoutEffects" (or whatever that turns into after
+        // the layout phase is refactored to use recursion).
+        // Before starting, find the nearest host parent on the stack so we know
+        // which instance/container to remove the children from.
+        // TODO: Instead of searching up the fiber return path on every deletion, we
+        // can track the nearest host component on the JS stack as we traverse the
+        // tree during the commit phase. This would make insertions faster, too.
+        var parent = returnFiber;
+
+        findParent: while (parent !== null) {
+          switch (parent.tag) {
+            case HostSingleton:
+            case HostComponent: {
+              hostParent = parent.stateNode;
+              hostParentIsContainer = false;
+              break findParent;
+            }
 
-function beginWork(current, workInProgress, renderLanes) {
-  {
-    if (workInProgress._debugNeedsRemount && current !== null) {
-      // This will restart the begin phase with a new fiber.
-      return remountFiber(
-        current,
-        workInProgress,
-        createFiberFromTypeAndProps(
-          workInProgress.type,
-          workInProgress.key,
-          workInProgress.pendingProps,
-          workInProgress._debugOwner || null,
-          workInProgress.mode,
-          workInProgress.lanes
-        )
-      );
-    }
-  }
+            case HostRoot: {
+              hostParent = parent.stateNode.containerInfo;
+              hostParentIsContainer = true;
+              break findParent;
+            }
 
-  if (current !== null) {
-    var oldProps = current.memoizedProps;
-    var newProps = workInProgress.pendingProps;
+            case HostPortal: {
+              hostParent = parent.stateNode.containerInfo;
+              hostParentIsContainer = true;
+              break findParent;
+            }
+          }
 
-    if (
-      oldProps !== newProps ||
-      hasContextChanged() || // Force a re-render if the implementation changed due to hot reload:
-      workInProgress.type !== current.type
-    ) {
-      // If props or context changed, mark the fiber as having performed work.
-      // This may be unset if the props are determined to be equal later (memo).
-      didReceiveUpdate = true;
-    } else {
-      // Neither props nor legacy context changes. Check if there's a pending
-      // update or context change.
-      var hasScheduledUpdateOrContext = checkScheduledUpdateOrContext(
-        current,
-        renderLanes
-      );
+          parent = parent.return;
+        }
 
-      if (
-        !hasScheduledUpdateOrContext && // If this is the second pass of an error or suspense boundary, there
-        // may not be work scheduled on `current`, so we check for this flag.
-        (workInProgress.flags & DidCapture) === NoFlags
-      ) {
-        // No pending updates or context. Bail out now.
-        didReceiveUpdate = false;
-        return attemptEarlyBailoutIfNoScheduledUpdate(
-          current,
-          workInProgress,
-          renderLanes
-        );
-      }
+        if (hostParent === null) {
+          throw new Error(
+            "Expected to find a host parent. This error is likely caused by " +
+              "a bug in React. Please file an issue."
+          );
+        }
 
-      if ((current.flags & ForceUpdateForLegacySuspense) !== NoFlags) {
-        // This is a special case that only exists for legacy mode.
-        // See https://github.com/facebook/react/pull/19216.
-        didReceiveUpdate = true;
-      } else {
-        // An update was scheduled on this fiber, but there are no new props
-        // nor legacy context. Set this to false. If an update queue or context
-        // consumer produces a changed value, it will set this to true. Otherwise,
-        // the component will assume the children have not changed and bail out.
-        didReceiveUpdate = false;
+        commitDeletionEffectsOnFiber(root, returnFiber, deletedFiber);
+        hostParent = null;
+        hostParentIsContainer = false;
       }
-    }
-  } else {
-    didReceiveUpdate = false;
-  } // Before entering the begin phase, clear pending update priority.
-  // TODO: This assumes that we're about to evaluate the component and process
-  // the update queue. However, there's an exception: SimpleMemoComponent
-  // sometimes bails out later in the begin phase. This indicates that we should
-  // move this assignment out of the common path and into each branch.
-
-  workInProgress.lanes = NoLanes;
 
-  switch (workInProgress.tag) {
-    case IndeterminateComponent: {
-      return mountIndeterminateComponent(
-        current,
-        workInProgress,
-        workInProgress.type,
-        renderLanes
-      );
+      detachFiberMutation(deletedFiber);
     }
 
-    case LazyComponent: {
-      var elementType = workInProgress.elementType;
-      return mountLazyComponent(
-        current,
-        workInProgress,
-        elementType,
-        renderLanes
-      );
-    }
+    function recursivelyTraverseDeletionEffects(
+      finishedRoot,
+      nearestMountedAncestor,
+      parent
+    ) {
+      // TODO: Use a static flag to skip trees that don't have unmount effects
+      var child = parent.child;
 
-    case FunctionComponent: {
-      var Component = workInProgress.type;
-      var unresolvedProps = workInProgress.pendingProps;
-      var resolvedProps =
-        workInProgress.elementType === Component
-          ? unresolvedProps
-          : resolveDefaultProps(Component, unresolvedProps);
-      return updateFunctionComponent(
-        current,
-        workInProgress,
-        Component,
-        resolvedProps,
-        renderLanes
-      );
+      while (child !== null) {
+        commitDeletionEffectsOnFiber(
+          finishedRoot,
+          nearestMountedAncestor,
+          child
+        );
+        child = child.sibling;
+      }
     }
 
-    case ClassComponent: {
-      var _Component = workInProgress.type;
-      var _unresolvedProps = workInProgress.pendingProps;
-
-      var _resolvedProps =
-        workInProgress.elementType === _Component
-          ? _unresolvedProps
-          : resolveDefaultProps(_Component, _unresolvedProps);
-
-      return updateClassComponent(
-        current,
-        workInProgress,
-        _Component,
-        _resolvedProps,
-        renderLanes
-      );
-    }
+    function commitDeletionEffectsOnFiber(
+      finishedRoot,
+      nearestMountedAncestor,
+      deletedFiber
+    ) {
+      onCommitUnmount(deletedFiber); // The cases in this outer switch modify the stack before they traverse
+      // into their subtree. There are simpler cases in the inner switch
+      // that don't modify the stack.
 
-    case HostRoot:
-      return updateHostRoot(current, workInProgress, renderLanes);
+      switch (deletedFiber.tag) {
+        case HostHoistable:
 
-    case HostComponent:
-      return updateHostComponent(current, workInProgress, renderLanes);
+        case HostSingleton:
 
-    case HostText:
-      return updateHostText();
+        case HostComponent: {
+          if (!offscreenSubtreeWasHidden) {
+            safelyDetachRef(deletedFiber, nearestMountedAncestor);
+          } // Intentional fallthrough to next branch
+        }
 
-    case SuspenseComponent:
-      return updateSuspenseComponent(current, workInProgress, renderLanes);
+        case HostText: {
+          // We only need to remove the nearest host child. Set the host parent
+          // to `null` on the stack to indicate that nested children don't
+          // need to be removed.
+          {
+            var _prevHostParent = hostParent;
+            var _prevHostParentIsContainer = hostParentIsContainer;
+            hostParent = null;
+            recursivelyTraverseDeletionEffects(
+              finishedRoot,
+              nearestMountedAncestor,
+              deletedFiber
+            );
+            hostParent = _prevHostParent;
+            hostParentIsContainer = _prevHostParentIsContainer;
+
+            if (hostParent !== null) {
+              // Now that all the child effects have unmounted, we can remove the
+              // node from the tree.
+              if (hostParentIsContainer) {
+                removeChildFromContainer(hostParent, deletedFiber.stateNode);
+              } else {
+                removeChild(hostParent, deletedFiber.stateNode);
+              }
+            }
+          }
 
-    case HostPortal:
-      return updatePortalComponent(current, workInProgress, renderLanes);
+          return;
+        }
 
-    case ForwardRef: {
-      var type = workInProgress.type;
-      var _unresolvedProps2 = workInProgress.pendingProps;
+        case DehydratedFragment: {
+          // Delete the dehydrated suspense boundary and all of its content.
 
-      var _resolvedProps2 =
-        workInProgress.elementType === type
-          ? _unresolvedProps2
-          : resolveDefaultProps(type, _unresolvedProps2);
+          {
+            if (hostParent !== null) {
+              if (hostParentIsContainer) {
+                clearSuspenseBoundaryFromContainer();
+              } else {
+                clearSuspenseBoundary();
+              }
+            }
+          }
 
-      return updateForwardRef(
-        current,
-        workInProgress,
-        type,
-        _resolvedProps2,
-        renderLanes
-      );
-    }
+          return;
+        }
 
-    case Fragment:
-      return updateFragment(current, workInProgress, renderLanes);
+        case HostPortal: {
+          {
+            // When we go into a portal, it becomes the parent to remove from.
+            var _prevHostParent2 = hostParent;
+            var _prevHostParentIsContainer2 = hostParentIsContainer;
+            hostParent = deletedFiber.stateNode.containerInfo;
+            hostParentIsContainer = true;
+            recursivelyTraverseDeletionEffects(
+              finishedRoot,
+              nearestMountedAncestor,
+              deletedFiber
+            );
+            hostParent = _prevHostParent2;
+            hostParentIsContainer = _prevHostParentIsContainer2;
+          }
 
-    case Mode:
-      return updateMode(current, workInProgress, renderLanes);
+          return;
+        }
 
-    case Profiler:
-      return updateProfiler(current, workInProgress, renderLanes);
+        case FunctionComponent:
+        case ForwardRef:
+        case MemoComponent:
+        case SimpleMemoComponent: {
+          if (!offscreenSubtreeWasHidden) {
+            var updateQueue = deletedFiber.updateQueue;
+
+            if (updateQueue !== null) {
+              var lastEffect = updateQueue.lastEffect;
+
+              if (lastEffect !== null) {
+                var firstEffect = lastEffect.next;
+                var effect = firstEffect;
+
+                do {
+                  var tag = effect.tag;
+                  var inst = effect.inst;
+                  var destroy = inst.destroy;
+
+                  if (destroy !== undefined) {
+                    if ((tag & Insertion) !== NoFlags) {
+                      inst.destroy = undefined;
+                      safelyCallDestroy(
+                        deletedFiber,
+                        nearestMountedAncestor,
+                        destroy
+                      );
+                    } else if ((tag & Layout) !== NoFlags) {
+                      if (shouldProfile(deletedFiber)) {
+                        startLayoutEffectTimer();
+                        inst.destroy = undefined;
+                        safelyCallDestroy(
+                          deletedFiber,
+                          nearestMountedAncestor,
+                          destroy
+                        );
+                        recordLayoutEffectDuration(deletedFiber);
+                      } else {
+                        inst.destroy = undefined;
+                        safelyCallDestroy(
+                          deletedFiber,
+                          nearestMountedAncestor,
+                          destroy
+                        );
+                      }
+                    }
+                  }
 
-    case ContextProvider:
-      return updateContextProvider(current, workInProgress, renderLanes);
+                  effect = effect.next;
+                } while (effect !== firstEffect);
+              }
+            }
+          }
 
-    case ContextConsumer:
-      return updateContextConsumer(current, workInProgress, renderLanes);
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
+          return;
+        }
 
-    case MemoComponent: {
-      var _type2 = workInProgress.type;
-      var _unresolvedProps3 = workInProgress.pendingProps; // Resolve outer props first, then resolve inner props.
+        case ClassComponent: {
+          if (!offscreenSubtreeWasHidden) {
+            safelyDetachRef(deletedFiber, nearestMountedAncestor);
+            var instance = deletedFiber.stateNode;
+
+            if (typeof instance.componentWillUnmount === "function") {
+              safelyCallComponentWillUnmount(
+                deletedFiber,
+                nearestMountedAncestor,
+                instance
+              );
+            }
+          }
 
-      var _resolvedProps3 = resolveDefaultProps(_type2, _unresolvedProps3);
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
+          return;
+        }
 
-      {
-        if (workInProgress.type !== workInProgress.elementType) {
-          var outerPropTypes = _type2.propTypes;
+        case ScopeComponent: {
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
+          return;
+        }
 
-          if (outerPropTypes) {
-            checkPropTypes(
-              outerPropTypes,
-              _resolvedProps3, // Resolved for outer only
-              "prop",
-              getComponentNameFromType(_type2)
+        case OffscreenComponent: {
+          safelyDetachRef(deletedFiber, nearestMountedAncestor);
+
+          if (deletedFiber.mode & ConcurrentMode) {
+            // If this offscreen component is hidden, we already unmounted it. Before
+            // deleting the children, track that it's already unmounted so that we
+            // don't attempt to unmount the effects again.
+            // TODO: If the tree is hidden, in most cases we should be able to skip
+            // over the nested children entirely. An exception is we haven't yet found
+            // the topmost host node to delete, which we already track on the stack.
+            // But the other case is portals, which need to be detached no matter how
+            // deeply they are nested. We should use a subtree flag to track whether a
+            // subtree includes a nested portal.
+            var prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+            offscreenSubtreeWasHidden =
+              prevOffscreenSubtreeWasHidden ||
+              deletedFiber.memoizedState !== null;
+            recursivelyTraverseDeletionEffects(
+              finishedRoot,
+              nearestMountedAncestor,
+              deletedFiber
+            );
+            offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+          } else {
+            recursivelyTraverseDeletionEffects(
+              finishedRoot,
+              nearestMountedAncestor,
+              deletedFiber
             );
           }
+
+          break;
         }
-      }
 
-      _resolvedProps3 = resolveDefaultProps(_type2.type, _resolvedProps3);
-      return updateMemoComponent(
-        current,
-        workInProgress,
-        _type2,
-        _resolvedProps3,
-        renderLanes
-      );
+        default: {
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
+          return;
+        }
+      }
     }
 
-    case SimpleMemoComponent: {
-      return updateSimpleMemoComponent(
-        current,
-        workInProgress,
-        workInProgress.type,
-        workInProgress.pendingProps,
-        renderLanes
-      );
-    }
+    function commitSuspenseCallback(finishedWork) {}
 
-    case IncompleteClassComponent: {
-      var _Component2 = workInProgress.type;
-      var _unresolvedProps4 = workInProgress.pendingProps;
+    function getRetryCache(finishedWork) {
+      // TODO: Unify the interface for the retry cache so we don't have to switch
+      // on the tag like this.
+      switch (finishedWork.tag) {
+        case SuspenseComponent:
+        case SuspenseListComponent: {
+          var retryCache = finishedWork.stateNode;
 
-      var _resolvedProps4 =
-        workInProgress.elementType === _Component2
-          ? _unresolvedProps4
-          : resolveDefaultProps(_Component2, _unresolvedProps4);
+          if (retryCache === null) {
+            retryCache = finishedWork.stateNode = new PossiblyWeakSet();
+          }
 
-      return mountIncompleteClassComponent(
-        current,
-        workInProgress,
-        _Component2,
-        _resolvedProps4,
-        renderLanes
-      );
-    }
+          return retryCache;
+        }
 
-    case SuspenseListComponent: {
-      return updateSuspenseListComponent(current, workInProgress, renderLanes);
-    }
+        case OffscreenComponent: {
+          var instance = finishedWork.stateNode;
+          var _retryCache = instance._retryCache;
 
-    case ScopeComponent: {
-      break;
-    }
+          if (_retryCache === null) {
+            _retryCache = instance._retryCache = new PossiblyWeakSet();
+          }
 
-    case OffscreenComponent: {
-      return updateOffscreenComponent(current, workInProgress, renderLanes);
-    }
-  }
+          return _retryCache;
+        }
 
-  throw new Error(
-    "Unknown unit of work tag (" +
-      workInProgress.tag +
-      "). This error is likely caused by a bug in " +
-      "React. Please file an issue."
-  );
-}
+        default: {
+          throw new Error(
+            "Unexpected Suspense handler tag (" +
+              finishedWork.tag +
+              "). This is a " +
+              "bug in React."
+          );
+        }
+      }
+    }
 
-function markUpdate(workInProgress) {
-  // Tag the fiber with an update effect. This turns a Placement into
-  // a PlacementAndUpdate.
-  workInProgress.flags |= Update;
-}
+    function detachOffscreenInstance(instance) {
+      var fiber = instance._current;
 
-function markRef$1(workInProgress) {
-  workInProgress.flags |= Ref;
-}
+      if (fiber === null) {
+        throw new Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      }
 
-var appendAllChildren;
-var updateHostContainer;
-var updateHostComponent$1;
-var updateHostText$1;
-
-{
-  // Mutation mode
-  appendAllChildren = function(
-    parent,
-    workInProgress,
-    needsVisibilityToggle,
-    isHidden
-  ) {
-    // We only have the top Fiber that was created but we need recurse down its
-    // children to find all the terminal nodes.
-    var node = workInProgress.child;
-
-    while (node !== null) {
-      if (node.tag === HostComponent || node.tag === HostText) {
-        appendInitialChild(parent, node.stateNode);
-      } else if (node.tag === HostPortal);
-      else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
-
-      if (node === workInProgress) {
+      if ((instance._pendingVisibility & OffscreenDetached) !== NoFlags$1) {
+        // The instance is already detached, this is a noop.
         return;
-      }
+      } // TODO: There is an opportunity to optimise this by not entering commit phase
+      // and unmounting effects directly.
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === workInProgress) {
-          return;
-        }
+      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-        node = node.return;
+      if (root !== null) {
+        instance._pendingVisibility |= OffscreenDetached;
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
       }
-
-      node.sibling.return = node.return;
-      node = node.sibling;
     }
-  };
-
-  updateHostContainer = function(current, workInProgress) {
-    // Noop
-  };
+    function attachOffscreenInstance(instance) {
+      var fiber = instance._current;
 
-  updateHostComponent$1 = function(
-    current,
-    workInProgress,
-    type,
-    newProps,
-    rootContainerInstance
-  ) {
-    // If we have an alternate, that means this is an update and we need to
-    // schedule a side-effect to do the updates.
-    var oldProps = current.memoizedProps;
-
-    if (oldProps === newProps) {
-      // In mutation mode, this is sufficient for a bailout because
-      // we won't touch this node even if children changed.
-      return;
-    } // If we get updated because one of our children updated, we don't
-    // have newProps so we'll have to reuse them.
-    // TODO: Split the update API as separate for the props vs. children.
-    // Even better would be if children weren't special cased at all tho.
-
-    var instance = workInProgress.stateNode;
-    var currentHostContext = getHostContext(); // TODO: Experiencing an error where oldProps is null. Suggests a host
-    // component is hitting the resume path. Figure out why. Possibly
-    // related to `hidden`.
+      if (fiber === null) {
+        throw new Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      }
 
-    var updatePayload = prepareUpdate(); // TODO: Type this specific to this type of component.
+      if ((instance._pendingVisibility & OffscreenDetached) === NoFlags$1) {
+        // The instance is already attached, this is a noop.
+        return;
+      }
 
-    workInProgress.updateQueue = updatePayload; // If the update payload indicates that there is a change or if there
-    // is a new ref we mark this as an update. All the work is done in commitWork.
+      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-    if (updatePayload) {
-      markUpdate(workInProgress);
+      if (root !== null) {
+        instance._pendingVisibility &= ~OffscreenDetached;
+        scheduleUpdateOnFiber(root, fiber, SyncLane);
+      }
     }
-  };
 
-  updateHostText$1 = function(current, workInProgress, oldText, newText) {
-    // If the text differs, mark it as an update. All the work in done in commitWork.
-    if (oldText !== newText) {
-      markUpdate(workInProgress);
-    }
-  };
-}
+    function attachSuspenseRetryListeners(finishedWork, wakeables) {
+      // If this boundary just timed out, then it will have a set of wakeables.
+      // For each wakeable, attach a listener so that when it resolves, React
+      // attempts to re-render the boundary in the primary (pre-timeout) state.
+      var retryCache = getRetryCache(finishedWork);
+      wakeables.forEach(function (wakeable) {
+        // Memoize using the boundary fiber to prevent redundant listeners.
+        var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
 
-function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
-  switch (renderState.tailMode) {
-    case "hidden": {
-      // Any insertions at the end of the tail list after this point
-      // should be invisible. If there are already mounted boundaries
-      // anything before them are not considered for collapsing.
-      // Therefore we need to go through the whole tail to find if
-      // there are any.
-      var tailNode = renderState.tail;
-      var lastTailNode = null;
-
-      while (tailNode !== null) {
-        if (tailNode.alternate !== null) {
-          lastTailNode = tailNode;
-        }
-
-        tailNode = tailNode.sibling;
-      } // Next we're simply going to delete all insertions after the
-      // last rendered item.
-
-      if (lastTailNode === null) {
-        // All remaining items in the tail are insertions.
-        renderState.tail = null;
-      } else {
-        // Detach the insertion after the last node that was already
-        // inserted.
-        lastTailNode.sibling = null;
-      }
+        if (!retryCache.has(wakeable)) {
+          retryCache.add(wakeable);
 
-      break;
-    }
+          {
+            if (isDevToolsPresent) {
+              if (inProgressLanes !== null && inProgressRoot !== null) {
+                // If we have pending work still, associate the original updaters with it.
+                restorePendingUpdaters(inProgressRoot, inProgressLanes);
+              } else {
+                throw Error(
+                  "Expected finished root and lanes to be set. This is a bug in React."
+                );
+              }
+            }
+          }
+
+          wakeable.then(retry, retry);
+        }
+      });
+    } // This function detects when a Suspense boundary goes from visible to hidden.
+    function commitMutationEffects(root, finishedWork, committedLanes) {
+      inProgressLanes = committedLanes;
+      inProgressRoot = root;
+      setCurrentFiber(finishedWork);
+      commitMutationEffectsOnFiber(finishedWork, root);
+      setCurrentFiber(finishedWork);
+      inProgressLanes = null;
+      inProgressRoot = null;
+    }
+
+    function recursivelyTraverseMutationEffects(root, parentFiber, lanes) {
+      // Deletions effects can be scheduled on any fiber type. They need to happen
+      // before the children effects hae fired.
+      var deletions = parentFiber.deletions;
 
-    case "collapsed": {
-      // Any insertions at the end of the tail list after this point
-      // should be invisible. If there are already mounted boundaries
-      // anything before them are not considered for collapsing.
-      // Therefore we need to go through the whole tail to find if
-      // there are any.
-      var _tailNode = renderState.tail;
-      var _lastTailNode = null;
+      if (deletions !== null) {
+        for (var i = 0; i < deletions.length; i++) {
+          var childToDelete = deletions[i];
 
-      while (_tailNode !== null) {
-        if (_tailNode.alternate !== null) {
-          _lastTailNode = _tailNode;
+          try {
+            commitDeletionEffects(root, parentFiber, childToDelete);
+          } catch (error) {
+            captureCommitPhaseError(childToDelete, parentFiber, error);
+          }
         }
+      }
 
-        _tailNode = _tailNode.sibling;
-      } // Next we're simply going to delete all insertions after the
-      // last rendered item.
+      var prevDebugFiber = getCurrentFiber();
 
-      if (_lastTailNode === null) {
-        // All remaining items in the tail are insertions.
-        if (!hasRenderedATailFallback && renderState.tail !== null) {
-          // We suspended during the head. We want to show at least one
-          // row at the tail. So we'll keep on and cut off the rest.
-          renderState.tail.sibling = null;
-        } else {
-          renderState.tail = null;
+      if (parentFiber.subtreeFlags & MutationMask) {
+        var child = parentFiber.child;
+
+        while (child !== null) {
+          setCurrentFiber(child);
+          commitMutationEffectsOnFiber(child, root);
+          child = child.sibling;
         }
-      } else {
-        // Detach the insertion after the last node that was already
-        // inserted.
-        _lastTailNode.sibling = null;
       }
 
-      break;
+      setCurrentFiber(prevDebugFiber);
     }
-  }
-}
 
-function bubbleProperties(completedWork) {
-  var didBailout =
-    completedWork.alternate !== null &&
-    completedWork.alternate.child === completedWork.child;
-  var newChildLanes = NoLanes;
-  var subtreeFlags = NoFlags;
-
-  if (!didBailout) {
-    // Bubble up the earliest expiration time.
-    if ((completedWork.mode & ProfileMode) !== NoMode) {
-      // In profiling mode, resetChildExpirationTime is also used to reset
-      // profiler durations.
-      var actualDuration = completedWork.actualDuration;
-      var treeBaseDuration = completedWork.selfBaseDuration;
-      var child = completedWork.child;
+    function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
+      var current = finishedWork.alternate;
+      var flags = finishedWork.flags; // The effect flag should be checked *after* we refine the type of fiber,
+      // because the fiber tag is more specific. An exception is any flag related
+      // to reconciliation, because those can be set on all fiber types.
 
-      while (child !== null) {
-        newChildLanes = mergeLanes(
-          newChildLanes,
-          mergeLanes(child.lanes, child.childLanes)
-        );
-        subtreeFlags |= child.subtreeFlags;
-        subtreeFlags |= child.flags; // When a fiber is cloned, its actualDuration is reset to 0. This value will
-        // only be updated if work is done on the fiber (i.e. it doesn't bailout).
-        // When work is done, it should bubble to the parent's actualDuration. If
-        // the fiber has not been cloned though, (meaning no work was done), then
-        // this value will reflect the amount of time spent working on a previous
-        // render. In that case it should not bubble. We determine whether it was
-        // cloned by comparing the child pointer.
-
-        actualDuration += child.actualDuration;
-        treeBaseDuration += child.treeBaseDuration;
-        child = child.sibling;
-      }
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case MemoComponent:
+        case SimpleMemoComponent: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
+
+          if (flags & Update) {
+            try {
+              commitHookEffectListUnmount(
+                Insertion | HasEffect,
+                finishedWork,
+                finishedWork.return
+              );
+              commitHookEffectListMount(Insertion | HasEffect, finishedWork);
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            } // Layout effects are destroyed during the mutation phase so that all
+            // destroy functions for all fibers are called before any create functions.
+            // This prevents sibling component effects from interfering with each other,
+            // e.g. a destroy function in one component should never override a ref set
+            // by a create function in another component during the same commit.
+
+            if (shouldProfile(finishedWork)) {
+              try {
+                startLayoutEffectTimer();
+                commitHookEffectListUnmount(
+                  Layout | HasEffect,
+                  finishedWork,
+                  finishedWork.return
+                );
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
+
+              recordLayoutEffectDuration(finishedWork);
+            } else {
+              try {
+                commitHookEffectListUnmount(
+                  Layout | HasEffect,
+                  finishedWork,
+                  finishedWork.return
+                );
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
+            }
+          }
 
-      completedWork.actualDuration = actualDuration;
-      completedWork.treeBaseDuration = treeBaseDuration;
-    } else {
-      var _child = completedWork.child;
+          return;
+        }
 
-      while (_child !== null) {
-        newChildLanes = mergeLanes(
-          newChildLanes,
-          mergeLanes(_child.lanes, _child.childLanes)
-        );
-        subtreeFlags |= _child.subtreeFlags;
-        subtreeFlags |= _child.flags; // Update the return pointer so the tree is consistent. This is a code
-        // smell because it assumes the commit phase is never concurrent with
-        // the render phase. Will address during refactor to alternate model.
+        case ClassComponent: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
 
-        _child.return = completedWork;
-        _child = _child.sibling;
-      }
-    }
+          if (flags & Ref) {
+            if (current !== null) {
+              safelyDetachRef(current, current.return);
+            }
+          }
 
-    completedWork.subtreeFlags |= subtreeFlags;
-  } else {
-    // Bubble up the earliest expiration time.
-    if ((completedWork.mode & ProfileMode) !== NoMode) {
-      // In profiling mode, resetChildExpirationTime is also used to reset
-      // profiler durations.
-      var _treeBaseDuration = completedWork.selfBaseDuration;
-      var _child2 = completedWork.child;
+          if (flags & Callback && offscreenSubtreeIsHidden) {
+            var updateQueue = finishedWork.updateQueue;
 
-      while (_child2 !== null) {
-        newChildLanes = mergeLanes(
-          newChildLanes,
-          mergeLanes(_child2.lanes, _child2.childLanes)
-        ); // "Static" flags share the lifetime of the fiber/hook they belong to,
-        // so we should bubble those up even during a bailout. All the other
-        // flags have a lifetime only of a single render + commit, so we should
-        // ignore them.
+            if (updateQueue !== null) {
+              deferHiddenCallbacks(updateQueue);
+            }
+          }
 
-        subtreeFlags |= _child2.subtreeFlags & StaticMask;
-        subtreeFlags |= _child2.flags & StaticMask;
-        _treeBaseDuration += _child2.treeBaseDuration;
-        _child2 = _child2.sibling;
-      }
+          return;
+        }
 
-      completedWork.treeBaseDuration = _treeBaseDuration;
-    } else {
-      var _child3 = completedWork.child;
+        case HostHoistable:
 
-      while (_child3 !== null) {
-        newChildLanes = mergeLanes(
-          newChildLanes,
-          mergeLanes(_child3.lanes, _child3.childLanes)
-        ); // "Static" flags share the lifetime of the fiber/hook they belong to,
-        // so we should bubble those up even during a bailout. All the other
-        // flags have a lifetime only of a single render + commit, so we should
-        // ignore them.
+        case HostSingleton:
 
-        subtreeFlags |= _child3.subtreeFlags & StaticMask;
-        subtreeFlags |= _child3.flags & StaticMask; // Update the return pointer so the tree is consistent. This is a code
-        // smell because it assumes the commit phase is never concurrent with
-        // the render phase. Will address during refactor to alternate model.
+        case HostComponent: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
 
-        _child3.return = completedWork;
-        _child3 = _child3.sibling;
-      }
-    }
+          if (flags & Ref) {
+            if (current !== null) {
+              safelyDetachRef(current, current.return);
+            }
+          }
 
-    completedWork.subtreeFlags |= subtreeFlags;
-  }
+          {
+            // TODO: ContentReset gets cleared by the children during the commit
+            // phase. This is a refactor hazard because it means we must read
+            // flags the flags after `commitReconciliationEffects` has already run;
+            // the order matters. We should refactor so that ContentReset does not
+            // rely on mutating the flag during commit. Like by setting a flag
+            // during the render phase instead.
+            if (finishedWork.flags & ContentReset) {
+              var instance = finishedWork.stateNode;
 
-  completedWork.childLanes = newChildLanes;
-  return didBailout;
-}
+              try {
+                resetTextContent(instance);
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
+            }
 
-function completeDehydratedSuspenseBoundary(
-  current,
-  workInProgress,
-  nextState
-) {
-  var wasHydrated = popHydrationState();
-
-  if (nextState !== null && nextState.dehydrated !== null) {
-    // We might be inside a hydration state the first time we're picking up this
-    // Suspense boundary, and also after we've reentered it for further hydration.
-    if (current === null) {
-      if (!wasHydrated) {
-        throw new Error(
-          "A dehydrated suspense component was completed without a hydrated node. " +
-            "This is probably a bug in React."
-        );
-      }
+            if (flags & Update) {
+              var _instance2 = finishedWork.stateNode;
 
-      prepareToHydrateHostSuspenseInstance();
-      bubbleProperties(workInProgress);
+              if (_instance2 != null) {
+                // Commit the work prepared earlier.
+                var newProps = finishedWork.memoizedProps; // For hydration we reuse the update path but we treat the oldProps
+                // as the newProps. The updatePayload will contain the real change in
+                // this case.
 
-      {
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          var isTimedOutSuspense = nextState !== null;
+                var oldProps =
+                  current !== null ? current.memoizedProps : newProps;
+                var type = finishedWork.type; // TODO: Type the updateQueue to be specific to host components.
 
-          if (isTimedOutSuspense) {
-            // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-            var primaryChildFragment = workInProgress.child;
+                var _updatePayload = finishedWork.updateQueue;
+                finishedWork.updateQueue = null;
 
-            if (primaryChildFragment !== null) {
-              // $FlowFixMe Flow doesn't support type casting in combination with the -= operator
-              workInProgress.treeBaseDuration -=
-                primaryChildFragment.treeBaseDuration;
+                try {
+                  commitUpdate(
+                    _instance2,
+                    _updatePayload,
+                    type,
+                    oldProps,
+                    newProps,
+                    finishedWork
+                  );
+                } catch (error) {
+                  captureCommitPhaseError(
+                    finishedWork,
+                    finishedWork.return,
+                    error
+                  );
+                }
+              }
             }
           }
+
+          return;
         }
-      }
 
-      return false;
-    } else {
-      if ((workInProgress.flags & DidCapture) === NoFlags) {
-        // This boundary did not suspend so it's now hydrated and unsuspended.
-        workInProgress.memoizedState = null;
-      } // If nothing suspended, we need to schedule an effect to mark this boundary
-      // as having hydrated so events know that they're free to be invoked.
-      // It's also a signal to replay events and the suspense callback.
-      // If something suspended, schedule an effect to attach retry listeners.
-      // So we might as well always mark this.
+        case HostText: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
 
-      workInProgress.flags |= Update;
-      bubbleProperties(workInProgress);
+          if (flags & Update) {
+            {
+              if (finishedWork.stateNode === null) {
+                throw new Error(
+                  "This should have a text node initialized. This error is likely " +
+                    "caused by a bug in React. Please file an issue."
+                );
+              }
 
-      {
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          var _isTimedOutSuspense = nextState !== null;
+              var textInstance = finishedWork.stateNode;
+              var newText = finishedWork.memoizedProps; // For hydration we reuse the update path but we treat the oldProps
+              // as the newProps. The updatePayload will contain the real change in
+              // this case.
 
-          if (_isTimedOutSuspense) {
-            // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-            var _primaryChildFragment = workInProgress.child;
+              var oldText = current !== null ? current.memoizedProps : newText;
 
-            if (_primaryChildFragment !== null) {
-              // $FlowFixMe Flow doesn't support type casting in combination with the -= operator
-              workInProgress.treeBaseDuration -=
-                _primaryChildFragment.treeBaseDuration;
+              try {
+                commitTextUpdate(textInstance, oldText, newText);
+              } catch (error) {
+                captureCommitPhaseError(
+                  finishedWork,
+                  finishedWork.return,
+                  error
+                );
+              }
             }
           }
+
+          return;
         }
-      }
 
-      return false;
-    }
-  } else {
-    // Successfully completed this tree. If this was a forced client render,
-    // there may have been recoverable errors during first hydration
-    // attempt. If so, add them to a queue so we can log them in the
-    // commit phase.
-    upgradeHydrationErrorsToRecoverable(); // Fall through to normal Suspense path
+        case HostRoot: {
+          {
+            recursivelyTraverseMutationEffects(root, finishedWork);
+            commitReconciliationEffects(finishedWork);
+          }
 
-    return true;
-  }
-}
+          return;
+        }
 
-function completeWork(current, workInProgress, renderLanes) {
-  var newProps = workInProgress.pendingProps; // Note: This intentionally doesn't check if we're hydrating because comparing
-  // to the current tree provider fiber is just as fast and less error-prone.
-  // Ideally we would have a special version of the work loop only
-  // for hydration.
-
-  popTreeContext(workInProgress);
-
-  switch (workInProgress.tag) {
-    case IndeterminateComponent:
-    case LazyComponent:
-    case SimpleMemoComponent:
-    case FunctionComponent:
-    case ForwardRef:
-    case Fragment:
-    case Mode:
-    case Profiler:
-    case ContextConsumer:
-    case MemoComponent:
-      bubbleProperties(workInProgress);
-      return null;
+        case HostPortal: {
+          {
+            recursivelyTraverseMutationEffects(root, finishedWork);
+            commitReconciliationEffects(finishedWork);
+          }
 
-    case ClassComponent: {
-      var Component = workInProgress.type;
+          return;
+        }
 
-      if (isContextProvider(Component)) {
-        popContext(workInProgress);
-      }
+        case SuspenseComponent: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork); // TODO: We should mark a flag on the Suspense fiber itself, rather than
+          // relying on the Offscreen fiber having a flag also being marked. The
+          // reason is that this offscreen fiber might not be part of the work-in-
+          // progress tree! It could have been reused from a previous render. This
+          // doesn't lead to incorrect behavior because we don't rely on the flag
+          // check alone; we also compare the states explicitly below. But for
+          // modeling purposes, we _should_ be able to rely on the flag check alone.
+          // So this is a bit fragile.
+          //
+          // Also, all this logic could/should move to the passive phase so it
+          // doesn't block paint.
 
-      bubbleProperties(workInProgress);
-      return null;
-    }
+          var offscreenFiber = finishedWork.child;
 
-    case HostRoot: {
-      var fiberRoot = workInProgress.stateNode;
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      resetWorkInProgressVersions();
+          if (offscreenFiber.flags & Visibility) {
+            // Throttle the appearance and disappearance of Suspense fallbacks.
+            var isShowingFallback = finishedWork.memoizedState !== null;
+            var wasShowingFallback =
+              current !== null && current.memoizedState !== null;
 
-      if (fiberRoot.pendingContext) {
-        fiberRoot.context = fiberRoot.pendingContext;
-        fiberRoot.pendingContext = null;
-      }
+            {
+              if (isShowingFallback && !wasShowingFallback) {
+                // Old behavior. Only mark when a fallback appears, not when
+                // it disappears.
+                markCommitTimeOfFallback();
+              }
+            }
+          }
 
-      if (current === null || current.child === null) {
-        // If we hydrated, pop so that we can delete any remaining children
-        // that weren't hydrated.
-        var wasHydrated = popHydrationState();
+          if (flags & Update) {
+            try {
+              commitSuspenseCallback(finishedWork);
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            }
 
-        if (wasHydrated) {
-          // If we hydrated, then we'll need to schedule an update for
-          // the commit side-effects on the root.
-          markUpdate(workInProgress);
-        } else {
-          if (current !== null) {
-            var prevState = current.memoizedState;
+            var retryQueue = finishedWork.updateQueue;
 
-            if (
-              // Check if this is a client root
-              !prevState.isDehydrated || // Check if we reverted to client rendering (e.g. due to an error)
-              (workInProgress.flags & ForceClientRender) !== NoFlags
-            ) {
-              // Schedule an effect to clear this container at the start of the
-              // next commit. This handles the case of React rendering into a
-              // container with previous children. It's also safe to do for
-              // updates too, because current.child would only be null if the
-              // previous render was null (so the container would already
-              // be empty).
-              workInProgress.flags |= Snapshot; // If this was a forced client render, there may have been
-              // recoverable errors during first hydration attempt. If so, add
-              // them to a queue so we can log them in the commit phase.
-
-              upgradeHydrationErrorsToRecoverable();
+            if (retryQueue !== null) {
+              finishedWork.updateQueue = null;
+              attachSuspenseRetryListeners(finishedWork, retryQueue);
             }
           }
+
+          return;
         }
-      }
 
-      updateHostContainer(current, workInProgress);
-      bubbleProperties(workInProgress);
+        case OffscreenComponent: {
+          if (flags & Ref) {
+            if (current !== null) {
+              safelyDetachRef(current, current.return);
+            }
+          }
 
-      return null;
-    }
+          var newState = finishedWork.memoizedState;
+          var isHidden = newState !== null;
+          var wasHidden = current !== null && current.memoizedState !== null;
+
+          if (finishedWork.mode & ConcurrentMode) {
+            // Before committing the children, track on the stack whether this
+            // offscreen subtree was already hidden, so that we don't unmount the
+            // effects again.
+            var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden;
+            var prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+            offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden || isHidden;
+            offscreenSubtreeWasHidden =
+              prevOffscreenSubtreeWasHidden || wasHidden;
+            recursivelyTraverseMutationEffects(root, finishedWork);
+            offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+            offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+          } else {
+            recursivelyTraverseMutationEffects(root, finishedWork);
+          }
 
-    case HostComponent: {
-      popHostContext(workInProgress);
-      var rootContainerInstance = getRootHostContainer();
-      var type = workInProgress.type;
+          commitReconciliationEffects(finishedWork);
+          var offscreenInstance = finishedWork.stateNode; // TODO: Add explicit effect flag to set _current.
 
-      if (current !== null && workInProgress.stateNode != null) {
-        updateHostComponent$1(
-          current,
-          workInProgress,
-          type,
-          newProps,
-          rootContainerInstance
-        );
+          offscreenInstance._current = finishedWork; // Offscreen stores pending changes to visibility in `_pendingVisibility`. This is
+          // to support batching of `attach` and `detach` calls.
 
-        if (current.ref !== workInProgress.ref) {
-          markRef$1(workInProgress);
-        }
-      } else {
-        if (!newProps) {
-          if (workInProgress.stateNode === null) {
-            throw new Error(
-              "We must have new props for new mounts. This error is likely " +
-                "caused by a bug in React. Please file an issue."
-            );
-          } // This can happen when we abort work.
+          offscreenInstance._visibility &= ~OffscreenDetached;
+          offscreenInstance._visibility |=
+            offscreenInstance._pendingVisibility & OffscreenDetached;
 
-          bubbleProperties(workInProgress);
-          return null;
-        }
+          if (flags & Visibility) {
+            // Track the current state on the Offscreen instance so we can
+            // read it during an event
+            if (isHidden) {
+              offscreenInstance._visibility &= ~OffscreenVisible;
+            } else {
+              offscreenInstance._visibility |= OffscreenVisible;
+            }
 
-        var currentHostContext = getHostContext(); // TODO: Move createInstance to beginWork and keep it on a context
-        // "stack" as the parent. Then append children as we go in beginWork
-        // or completeWork depending on whether we want to add them top->down or
-        // bottom->up. Top->down is faster in IE11.
+            if (isHidden) {
+              var isUpdate = current !== null;
+              var wasHiddenByAncestorOffscreen =
+                offscreenSubtreeIsHidden || offscreenSubtreeWasHidden; // Only trigger disapper layout effects if:
+              //   - This is an update, not first mount.
+              //   - This Offscreen was not hidden before.
+              //   - Ancestor Offscreen was not hidden in previous commit.
+
+              if (isUpdate && !wasHidden && !wasHiddenByAncestorOffscreen) {
+                if ((finishedWork.mode & ConcurrentMode) !== NoMode) {
+                  // Disappear the layout effects of all the children
+                  recursivelyTraverseDisappearLayoutEffects(finishedWork);
+                }
+              }
+            } // Offscreen with manual mode manages visibility manually.
 
-        var _wasHydrated = popHydrationState();
+            if (!isOffscreenManual(finishedWork)) {
+              // TODO: This needs to run whenever there's an insertion or update
+              // inside a hidden Offscreen tree.
+              hideOrUnhideAllChildren(finishedWork, isHidden);
+            }
+          } // TODO: Move to passive phase
 
-        if (_wasHydrated) {
-          // TODO: Move this and createInstance step into the beginPhase
-          // to consolidate.
-          if (prepareToHydrateHostInstance()) {
-            // If changes to the hydrated node need to be applied at the
-            // commit-phase we mark this as such.
-            markUpdate(workInProgress);
-          }
-        } else {
-          var instance = createInstance(
-            type,
-            newProps,
-            rootContainerInstance,
-            currentHostContext,
-            workInProgress
-          );
-          appendAllChildren(instance, workInProgress, false, false);
-          workInProgress.stateNode = instance; // Certain renderers require commit-time effects for initial mount.
-          // (eg DOM renderer supports auto-focus for certain elements).
-          // Make sure such renderers get scheduled for later work.
+          if (flags & Update) {
+            var offscreenQueue = finishedWork.updateQueue;
+
+            if (offscreenQueue !== null) {
+              var _retryQueue = offscreenQueue.retryQueue;
 
-          if (finalizeInitialChildren(instance)) {
-            markUpdate(workInProgress);
+              if (_retryQueue !== null) {
+                offscreenQueue.retryQueue = null;
+                attachSuspenseRetryListeners(finishedWork, _retryQueue);
+              }
+            }
           }
-        }
 
-        if (workInProgress.ref !== null) {
-          // If there is a ref on a host node we need to schedule a callback
-          markRef$1(workInProgress);
+          return;
         }
-      }
 
-      bubbleProperties(workInProgress);
-      return null;
-    }
+        case SuspenseListComponent: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
 
-    case HostText: {
-      var newText = newProps;
+          if (flags & Update) {
+            var _retryQueue2 = finishedWork.updateQueue;
 
-      if (current && workInProgress.stateNode != null) {
-        var oldText = current.memoizedProps; // If we have an alternate, that means this is an update and we need
-        // to schedule a side-effect to do the updates.
+            if (_retryQueue2 !== null) {
+              finishedWork.updateQueue = null;
+              attachSuspenseRetryListeners(finishedWork, _retryQueue2);
+            }
+          }
 
-        updateHostText$1(current, workInProgress, oldText, newText);
-      } else {
-        if (typeof newText !== "string") {
-          if (workInProgress.stateNode === null) {
-            throw new Error(
-              "We must have new props for new mounts. This error is likely " +
-                "caused by a bug in React. Please file an issue."
-            );
-          } // This can happen when we abort work.
+          return;
         }
 
-        var _rootContainerInstance = getRootHostContainer();
-
-        var _currentHostContext = getHostContext();
-
-        var _wasHydrated2 = popHydrationState();
+        case ScopeComponent: {
+          return;
+        }
 
-        if (_wasHydrated2) {
-          if (prepareToHydrateHostTextInstance()) {
-            markUpdate(workInProgress);
-          }
-        } else {
-          workInProgress.stateNode = createTextInstance(
-            newText,
-            _rootContainerInstance,
-            _currentHostContext,
-            workInProgress
-          );
+        default: {
+          recursivelyTraverseMutationEffects(root, finishedWork);
+          commitReconciliationEffects(finishedWork);
+          return;
         }
       }
-
-      bubbleProperties(workInProgress);
-      return null;
     }
 
-    case SuspenseComponent: {
-      popSuspenseContext(workInProgress);
-      var nextState = workInProgress.memoizedState; // Special path for dehydrated boundaries. We may eventually move this
-      // to its own fiber type so that we can add other kinds of hydration
-      // boundaries that aren't associated with a Suspense tree. In anticipation
-      // of such a refactor, all the hydration logic is contained in
-      // this branch.
+    function commitReconciliationEffects(finishedWork) {
+      // Placement effects (insertions, reorders) can be scheduled on any fiber
+      // type. They needs to happen after the children effects have fired, but
+      // before the effects on this fiber have fired.
+      var flags = finishedWork.flags;
 
-      if (
-        current === null ||
-        (current.memoizedState !== null &&
-          current.memoizedState.dehydrated !== null)
-      ) {
-        var fallthroughToNormalSuspensePath = completeDehydratedSuspenseBoundary(
-          current,
-          workInProgress,
-          nextState
-        );
+      if (flags & Placement) {
+        try {
+          commitPlacement(finishedWork);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        } // Clear the "placement" from effect tag so that we know that this is
+        // inserted, before any life-cycles like componentDidMount gets called.
+        // TODO: findDOMNode doesn't rely on this any more but isMounted does
+        // and isMounted is deprecated anyway so we should be able to kill this.
 
-        if (!fallthroughToNormalSuspensePath) {
-          if (workInProgress.flags & ShouldCapture) {
-            // Special case. There were remaining unhydrated nodes. We treat
-            // this as a mismatch. Revert to client rendering.
-            return workInProgress;
-          } else {
-            // Did not finish hydrating, either because this is the initial
-            // render or because something suspended.
-            return null;
-          }
-        } // Continue with the normal Suspense path.
+        finishedWork.flags &= ~Placement;
       }
 
-      if ((workInProgress.flags & DidCapture) !== NoFlags) {
-        // Something suspended. Re-render with the fallback children.
-        workInProgress.lanes = renderLanes; // Do not reset the effect list.
-
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          transferActualDuration(workInProgress);
-        } // Don't bubble properties in this case.
-
-        return workInProgress;
+      if (flags & Hydrating) {
+        finishedWork.flags &= ~Hydrating;
       }
+    }
 
-      var nextDidTimeout = nextState !== null;
-      var prevDidTimeout = current !== null && current.memoizedState !== null;
-      // a passive effect, which is when we process the transitions
-
-      if (nextDidTimeout !== prevDidTimeout) {
-        // an effect to toggle the subtree's visibility. When we switch from
-        // fallback -> primary, the inner Offscreen fiber schedules this effect
-        // as part of its normal complete phase. But when we switch from
-        // primary -> fallback, the inner Offscreen fiber does not have a complete
-        // phase. So we need to schedule its effect here.
-        //
-        // We also use this flag to connect/disconnect the effects, but the same
-        // logic applies: when re-connecting, the Offscreen fiber's complete
-        // phase will handle scheduling the effect. It's only when the fallback
-        // is active that we have to do anything special.
-
-        if (nextDidTimeout) {
-          var _offscreenFiber2 = workInProgress.child;
-          _offscreenFiber2.flags |= Visibility; // TODO: This will still suspend a synchronous tree if anything
-          // in the concurrent tree already suspended during this render.
-          // This is a known bug.
-
-          if ((workInProgress.mode & ConcurrentMode) !== NoMode) {
-            // TODO: Move this back to throwException because this is too late
-            // if this is a large tree which is common for initial loads. We
-            // don't know if we should restart a render or not until we get
-            // this marker, and this is too late.
-            // If this render already had a ping or lower pri updates,
-            // and this is the first time we know we're going to suspend we
-            // should be able to immediately restart from within throwException.
-            var hasInvisibleChildContext =
-              current === null &&
-              (workInProgress.memoizedProps.unstable_avoidThisFallback !==
-                true ||
-                !enableSuspenseAvoidThisFallback);
+    function commitLayoutEffects(finishedWork, root, committedLanes) {
+      inProgressLanes = committedLanes;
+      inProgressRoot = root;
+      var current = finishedWork.alternate;
+      commitLayoutEffectOnFiber(root, current, finishedWork);
+      inProgressLanes = null;
+      inProgressRoot = null;
+    }
 
-            if (
-              hasInvisibleChildContext ||
-              hasSuspenseContext(
-                suspenseStackCursor.current,
-                InvisibleParentSuspenseContext
-              )
-            ) {
-              // If this was in an invisible tree or a new render, then showing
-              // this boundary is ok.
-              renderDidSuspend();
-            } else {
-              // Otherwise, we're going to have to hide content so we should
-              // suspend for longer if possible.
-              renderDidSuspendDelayIfPossible();
-            }
-          }
-        }
-      }
+    function recursivelyTraverseLayoutEffects(root, parentFiber, lanes) {
+      var prevDebugFiber = getCurrentFiber();
 
-      var wakeables = workInProgress.updateQueue;
+      if (parentFiber.subtreeFlags & LayoutMask) {
+        var child = parentFiber.child;
 
-      if (wakeables !== null) {
-        // Schedule an effect to attach a retry listener to the promise.
-        // TODO: Move to passive phase
-        workInProgress.flags |= Update;
+        while (child !== null) {
+          setCurrentFiber(child);
+          var current = child.alternate;
+          commitLayoutEffectOnFiber(root, current, child);
+          child = child.sibling;
+        }
       }
 
-      bubbleProperties(workInProgress);
-
-      {
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          if (nextDidTimeout) {
-            // Don't count time spent in a timed out Suspense subtree as part of the base duration.
-            var primaryChildFragment = workInProgress.child;
+      setCurrentFiber(prevDebugFiber);
+    }
 
-            if (primaryChildFragment !== null) {
-              // $FlowFixMe Flow doesn't support type casting in combination with the -= operator
-              workInProgress.treeBaseDuration -=
-                primaryChildFragment.treeBaseDuration;
+    function disappearLayoutEffects(finishedWork) {
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case MemoComponent:
+        case SimpleMemoComponent: {
+          // TODO (Offscreen) Check: flags & LayoutStatic
+          if (shouldProfile(finishedWork)) {
+            try {
+              startLayoutEffectTimer();
+              commitHookEffectListUnmount(
+                Layout,
+                finishedWork,
+                finishedWork.return
+              );
+            } finally {
+              recordLayoutEffectDuration(finishedWork);
             }
+          } else {
+            commitHookEffectListUnmount(
+              Layout,
+              finishedWork,
+              finishedWork.return
+            );
           }
+
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+          break;
         }
-      }
 
-      return null;
-    }
+        case ClassComponent: {
+          // TODO (Offscreen) Check: flags & RefStatic
+          safelyDetachRef(finishedWork, finishedWork.return);
+          var instance = finishedWork.stateNode;
 
-    case HostPortal:
-      popHostContainer(workInProgress);
-      updateHostContainer(current, workInProgress);
+          if (typeof instance.componentWillUnmount === "function") {
+            safelyCallComponentWillUnmount(
+              finishedWork,
+              finishedWork.return,
+              instance
+            );
+          }
 
-      if (current === null) {
-        preparePortalMount(workInProgress.stateNode.containerInfo);
-      }
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+          break;
+        }
 
-      bubbleProperties(workInProgress);
-      return null;
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          // TODO (Offscreen) Check: flags & RefStatic
+          safelyDetachRef(finishedWork, finishedWork.return);
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+          break;
+        }
 
-    case ContextProvider:
-      // Pop provider fiber
-      var context = workInProgress.type._context;
-      popProvider(context, workInProgress);
-      bubbleProperties(workInProgress);
-      return null;
+        case OffscreenComponent: {
+          // TODO (Offscreen) Check: flags & RefStatic
+          safelyDetachRef(finishedWork, finishedWork.return);
+          var isHidden = finishedWork.memoizedState !== null;
 
-    case IncompleteClassComponent: {
-      // Same as class component case. I put it down here so that the tags are
-      // sequential to ensure this switch is compiled to a jump table.
-      var _Component = workInProgress.type;
+          if (isHidden);
+          else {
+            recursivelyTraverseDisappearLayoutEffects(finishedWork);
+          }
 
-      if (isContextProvider(_Component)) {
-        popContext(workInProgress);
-      }
+          break;
+        }
 
-      bubbleProperties(workInProgress);
-      return null;
+        default: {
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+          break;
+        }
+      }
     }
 
-    case SuspenseListComponent: {
-      popSuspenseContext(workInProgress);
-      var renderState = workInProgress.memoizedState;
+    function recursivelyTraverseDisappearLayoutEffects(parentFiber) {
+      // TODO (Offscreen) Check: flags & (RefStatic | LayoutStatic)
+      var child = parentFiber.child;
 
-      if (renderState === null) {
-        // We're running in the default, "independent" mode.
-        // We don't do anything in this mode.
-        bubbleProperties(workInProgress);
-        return null;
+      while (child !== null) {
+        disappearLayoutEffects(child);
+        child = child.sibling;
       }
+    }
 
-      var didSuspendAlready = (workInProgress.flags & DidCapture) !== NoFlags;
-      var renderedTail = renderState.rendering;
-
-      if (renderedTail === null) {
-        // We just rendered the head.
-        if (!didSuspendAlready) {
-          // This is the first pass. We need to figure out if anything is still
-          // suspended in the rendered set.
-          // If new content unsuspended, but there's still some content that
-          // didn't. Then we need to do a second pass that forces everything
-          // to keep showing their fallbacks.
-          // We might be suspended if something in this render pass suspended, or
-          // something in the previous committed pass suspended. Otherwise,
-          // there's no chance so we can skip the expensive call to
-          // findFirstSuspended.
-          var cannotBeSuspended =
-            renderHasNotSuspendedYet() &&
-            (current === null || (current.flags & DidCapture) === NoFlags);
-
-          if (!cannotBeSuspended) {
-            var row = workInProgress.child;
+    function reappearLayoutEffects(
+      finishedRoot,
+      current,
+      finishedWork, // This function visits both newly finished work and nodes that were re-used
+      // from a previously committed tree. We cannot check non-static flags if the
+      // node was reused.
+      includeWorkInProgressEffects
+    ) {
+      // Turn on layout effects in a tree that previously disappeared.
+      var flags = finishedWork.flags;
 
-            while (row !== null) {
-              var suspended = findFirstSuspended(row);
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          ); // TODO: Check flags & LayoutStatic
 
-              if (suspended !== null) {
-                didSuspendAlready = true;
-                workInProgress.flags |= DidCapture;
-                cutOffTailIfNeeded(renderState, false); // If this is a newly suspended tree, it might not get committed as
-                // part of the second pass. In that case nothing will subscribe to
-                // its thenables. Instead, we'll transfer its thenables to the
-                // SuspenseList so that it can retry if they resolve.
-                // There might be multiple of these in the list but since we're
-                // going to wait for all of them anyway, it doesn't really matter
-                // which ones gets to ping. In theory we could get clever and keep
-                // track of how many dependencies remain but it gets tricky because
-                // in the meantime, we can add/remove/change items and dependencies.
-                // We might bail out of the loop before finding any but that
-                // doesn't matter since that means that the other boundaries that
-                // we did find already has their listeners attached.
-
-                var newThenables = suspended.updateQueue;
-
-                if (newThenables !== null) {
-                  workInProgress.updateQueue = newThenables;
-                  workInProgress.flags |= Update;
-                } // Rerender the whole list, but this time, we'll force fallbacks
-                // to stay in place.
-                // Reset the effect flags before doing the second pass since that's now invalid.
-                // Reset the child fibers to their original state.
-
-                workInProgress.subtreeFlags = NoFlags;
-                resetChildFibers(workInProgress, renderLanes); // Set up the Suspense Context to force suspense and immediately
-                // rerender the children.
-
-                pushSuspenseContext(
-                  workInProgress,
-                  setShallowSuspenseContext(
-                    suspenseStackCursor.current,
-                    ForceSuspenseFallback
-                  )
-                ); // Don't bubble properties in this case.
+          commitHookLayoutEffects(finishedWork, Layout);
+          break;
+        }
+
+        case ClassComponent: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          ); // TODO: Check for LayoutStatic flag
 
-                return workInProgress.child;
-              }
+          var instance = finishedWork.stateNode;
 
-              row = row.sibling;
+          if (typeof instance.componentDidMount === "function") {
+            try {
+              instance.componentDidMount();
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
             }
-          }
-
-          if (renderState.tail !== null && now() > getRenderTargetTime()) {
-            // We have already passed our CPU deadline but we still have rows
-            // left in the tail. We'll just give up further attempts to render
-            // the main content and only render fallbacks.
-            workInProgress.flags |= DidCapture;
-            didSuspendAlready = true;
-            cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
-            // to get it started back up to attempt the next item. While in terms
-            // of priority this work has the same priority as this current render,
-            // it's not part of the same transition once the transition has
-            // committed. If it's sync, we still want to yield so that it can be
-            // painted. Conceptually, this is really the same as pinging.
-            // We can use any RetryLane even if it's the one currently rendering
-            // since we're leaving it behind on this node.
-
-            workInProgress.lanes = SomeRetryLane;
-          }
-        } else {
-          cutOffTailIfNeeded(renderState, false);
-        } // Next we're going to render the tail.
-      } else {
-        // Append the rendered row to the child list.
-        if (!didSuspendAlready) {
-          var _suspended = findFirstSuspended(renderedTail);
+          } // Commit any callbacks that would have fired while the component
+          // was hidden.
 
-          if (_suspended !== null) {
-            workInProgress.flags |= DidCapture;
-            didSuspendAlready = true; // Ensure we transfer the update queue to the parent so that it doesn't
-            // get lost if this row ends up dropped during a second pass.
+          var updateQueue = finishedWork.updateQueue;
 
-            var _newThenables = _suspended.updateQueue;
+          if (updateQueue !== null) {
+            commitHiddenCallbacks(updateQueue, instance);
+          } // If this is newly finished work, check for setState callbacks
 
-            if (_newThenables !== null) {
-              workInProgress.updateQueue = _newThenables;
-              workInProgress.flags |= Update;
-            }
+          if (includeWorkInProgressEffects && flags & Callback) {
+            commitClassCallbacks(finishedWork);
+          } // TODO: Check flags & RefStatic
 
-            cutOffTailIfNeeded(renderState, true); // This might have been modified.
+          safelyAttachRef(finishedWork, finishedWork.return);
+          break;
+        }
+        // Unlike commitLayoutEffectsOnFiber, we don't need to handle HostRoot
+        // because this function only visits nodes that are inside an
+        // Offscreen fiber.
+        // case HostRoot: {
+        //  ...
+        // }
+
+        case HostHoistable:
+        case HostSingleton:
+        case HostComponent: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          ); // Renderers may schedule work to be done after host components are mounted
+          // (eg DOM renderer may schedule auto-focus for inputs and form controls).
+          // These effects should only be committed when components are first mounted,
+          // aka when there is no current/alternate.
 
-            if (
-              renderState.tail === null &&
-              renderState.tailMode === "hidden" &&
-              !renderedTail.alternate &&
-              !getIsHydrating() // We don't cut it if we're hydrating.
-            ) {
-              // We're done.
-              bubbleProperties(workInProgress);
-              return null;
-            }
-          } else if (
-            // The time it took to render last row is greater than the remaining
-            // time we have to render. So rendering one more row would likely
-            // exceed it.
-            now() * 2 - renderState.renderingStartTime >
-              getRenderTargetTime() &&
-            renderLanes !== OffscreenLane
+          if (
+            includeWorkInProgressEffects &&
+            current === null &&
+            flags & Update
           ) {
-            // We have now passed our CPU deadline and we'll just give up further
-            // attempts to render the main content and only render fallbacks.
-            // The assumption is that this is usually faster.
-            workInProgress.flags |= DidCapture;
-            didSuspendAlready = true;
-            cutOffTailIfNeeded(renderState, false); // Since nothing actually suspended, there will nothing to ping this
-            // to get it started back up to attempt the next item. While in terms
-            // of priority this work has the same priority as this current render,
-            // it's not part of the same transition once the transition has
-            // committed. If it's sync, we still want to yield so that it can be
-            // painted. Conceptually, this is really the same as pinging.
-            // We can use any RetryLane even if it's the one currently rendering
-            // since we're leaving it behind on this node.
-
-            workInProgress.lanes = SomeRetryLane;
-          }
-        }
-
-        if (renderState.isBackwards) {
-          // The effect list of the backwards tail will have been added
-          // to the end. This breaks the guarantee that life-cycles fire in
-          // sibling order but that isn't a strong guarantee promised by React.
-          // Especially since these might also just pop in during future commits.
-          // Append to the beginning of the list.
-          renderedTail.sibling = workInProgress.child;
-          workInProgress.child = renderedTail;
-        } else {
-          var previousSibling = renderState.last;
+            commitHostComponentMount(finishedWork);
+          } // TODO: Check flags & Ref
 
-          if (previousSibling !== null) {
-            previousSibling.sibling = renderedTail;
-          } else {
-            workInProgress.child = renderedTail;
+          safelyAttachRef(finishedWork, finishedWork.return);
+          break;
+        }
+
+        case Profiler: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          ); // TODO: Figure out how Profiler updates should work with Offscreen
+
+          if (includeWorkInProgressEffects && flags & Update) {
+            commitProfilerUpdate(finishedWork, current);
           }
 
-          renderState.last = renderedTail;
+          break;
+        }
+
+        case SuspenseComponent: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          ); // TODO: Figure out how Suspense hydration callbacks should work
+
+          break;
         }
-      }
 
-      if (renderState.tail !== null) {
-        // We still have tail rows to render.
-        // Pop a row.
-        var next = renderState.tail;
-        renderState.rendering = next;
-        renderState.tail = next.sibling;
-        renderState.renderingStartTime = now();
-        next.sibling = null; // Restore the context.
-        // TODO: We can probably just avoid popping it instead and only
-        // setting it the first time we go from not suspended to suspended.
+        case OffscreenComponent: {
+          var offscreenState = finishedWork.memoizedState;
+          var isHidden = offscreenState !== null;
+
+          if (isHidden);
+          else {
+            recursivelyTraverseReappearLayoutEffects(
+              finishedRoot,
+              finishedWork,
+              includeWorkInProgressEffects
+            );
+          } // TODO: Check flags & Ref
 
-        var suspenseContext = suspenseStackCursor.current;
+          safelyAttachRef(finishedWork, finishedWork.return);
+          break;
+        }
 
-        if (didSuspendAlready) {
-          suspenseContext = setShallowSuspenseContext(
-            suspenseContext,
-            ForceSuspenseFallback
+        default: {
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
           );
-        } else {
-          suspenseContext = setDefaultShallowSuspenseContext(suspenseContext);
+          break;
         }
+      }
+    }
 
-        pushSuspenseContext(workInProgress, suspenseContext); // Do a pass over the next row.
-        // Don't bubble properties in this case.
+    function recursivelyTraverseReappearLayoutEffects(
+      finishedRoot,
+      parentFiber,
+      includeWorkInProgressEffects
+    ) {
+      // This function visits both newly finished work and nodes that were re-used
+      // from a previously committed tree. We cannot check non-static flags if the
+      // node was reused.
+      var childShouldIncludeWorkInProgressEffects =
+        includeWorkInProgressEffects &&
+        (parentFiber.subtreeFlags & LayoutMask) !== NoFlags$1; // TODO (Offscreen) Check: flags & (RefStatic | LayoutStatic)
 
-        return next;
-      }
+      var prevDebugFiber = getCurrentFiber();
+      var child = parentFiber.child;
 
-      bubbleProperties(workInProgress);
-      return null;
-    }
+      while (child !== null) {
+        var current = child.alternate;
+        reappearLayoutEffects(
+          finishedRoot,
+          current,
+          child,
+          childShouldIncludeWorkInProgressEffects
+        );
+        child = child.sibling;
+      }
 
-    case ScopeComponent: {
-      break;
+      setCurrentFiber(prevDebugFiber);
     }
 
-    case OffscreenComponent:
-    case LegacyHiddenComponent: {
-      popRenderLanes(workInProgress);
-      var _nextState = workInProgress.memoizedState;
-      var nextIsHidden = _nextState !== null;
-
-      if (current !== null) {
-        var _prevState = current.memoizedState;
-        var prevIsHidden = _prevState !== null;
+    function commitHookPassiveMountEffects(finishedWork, hookFlags) {
+      if (shouldProfile(finishedWork)) {
+        startPassiveEffectTimer();
 
-        if (
-          prevIsHidden !== nextIsHidden && // LegacyHidden doesn't do any hiding — it only pre-renders.
-          !enableLegacyHidden
-        ) {
-          workInProgress.flags |= Visibility;
+        try {
+          commitHookEffectListMount(hookFlags, finishedWork);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
-      }
 
-      if (!nextIsHidden || (workInProgress.mode & ConcurrentMode) === NoMode) {
-        bubbleProperties(workInProgress);
+        recordPassiveEffectDuration(finishedWork);
       } else {
-        // Don't bubble properties for hidden children unless we're rendering
-        // at offscreen priority.
-        if (includesSomeLane(subtreeRenderLanes, OffscreenLane)) {
-          bubbleProperties(workInProgress);
-
-          {
-            // Check if there was an insertion or update in the hidden subtree.
-            // If so, we need to hide those nodes in the commit phase, so
-            // schedule a visibility effect.
-            if (workInProgress.subtreeFlags & (Placement | Update)) {
-              workInProgress.flags |= Visibility;
-            }
-          }
+        try {
+          commitHookEffectListMount(hookFlags, finishedWork);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
       }
-      return null;
     }
 
-    case CacheComponent: {
-      return null;
+    function commitPassiveMountEffects(
+      root,
+      finishedWork,
+      committedLanes,
+      committedTransitions
+    ) {
+      setCurrentFiber(finishedWork);
+      commitPassiveMountOnFiber(root, finishedWork);
+      resetCurrentFiber();
     }
 
-    case TracingMarkerComponent: {
-      return null;
-    }
-  }
+    function recursivelyTraversePassiveMountEffects(
+      root,
+      parentFiber,
+      committedLanes,
+      committedTransitions
+    ) {
+      var prevDebugFiber = getCurrentFiber();
 
-  throw new Error(
-    "Unknown unit of work tag (" +
-      workInProgress.tag +
-      "). This error is likely caused by a bug in " +
-      "React. Please file an issue."
-  );
-}
+      if (parentFiber.subtreeFlags & PassiveMask) {
+        var child = parentFiber.child;
 
-function unwindWork(current, workInProgress, renderLanes) {
-  // Note: This intentionally doesn't check if we're hydrating because comparing
-  // to the current tree provider fiber is just as fast and less error-prone.
-  // Ideally we would have a special version of the work loop only
-  // for hydration.
-  popTreeContext(workInProgress);
+        while (child !== null) {
+          setCurrentFiber(child);
+          commitPassiveMountOnFiber(root, child);
+          child = child.sibling;
+        }
+      }
 
-  switch (workInProgress.tag) {
-    case ClassComponent: {
-      var Component = workInProgress.type;
+      setCurrentFiber(prevDebugFiber);
+    }
 
-      if (isContextProvider(Component)) {
-        popContext(workInProgress);
-      }
+    function commitPassiveMountOnFiber(
+      finishedRoot,
+      finishedWork,
+      committedLanes,
+      committedTransitions
+    ) {
+      // When updating this function, also update reconnectPassiveEffects, which does
+      // most of the same things when an offscreen tree goes from hidden -> visible,
+      // or when toggling effects inside a hidden tree.
+      var flags = finishedWork.flags;
 
-      var flags = workInProgress.flags;
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
 
-      if (flags & ShouldCapture) {
-        workInProgress.flags = (flags & ~ShouldCapture) | DidCapture;
+          if (flags & Passive$1) {
+            commitHookPassiveMountEffects(finishedWork, Passive | HasEffect);
+          }
 
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          transferActualDuration(workInProgress);
+          break;
         }
 
-        return workInProgress;
-      }
-
-      return null;
-    }
+        case HostRoot: {
+          recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
 
-    case HostRoot: {
-      var root = workInProgress.stateNode;
-      popHostContainer(workInProgress);
-      popTopLevelContextObject(workInProgress);
-      resetWorkInProgressVersions();
-      var _flags = workInProgress.flags;
+          break;
+        }
 
-      if (
-        (_flags & ShouldCapture) !== NoFlags &&
-        (_flags & DidCapture) === NoFlags
-      ) {
-        // There was an error during render that wasn't captured by a suspense
-        // boundary. Do a second pass on the root to unmount the children.
-        workInProgress.flags = (_flags & ~ShouldCapture) | DidCapture;
-        return workInProgress;
-      } // We unwound to the root without completing it. Exit.
+        case LegacyHiddenComponent: {
+          break;
+        }
 
-      return null;
-    }
+        case OffscreenComponent: {
+          // TODO: Pass `current` as argument to this function
+          var _instance3 = finishedWork.stateNode;
+          var nextState = finishedWork.memoizedState;
+          var isHidden = nextState !== null;
+
+          if (isHidden) {
+            if (_instance3._visibility & OffscreenPassiveEffectsConnected) {
+              // The effects are currently connected. Update them.
+              recursivelyTraversePassiveMountEffects(
+                finishedRoot,
+                finishedWork
+              );
+            } else {
+              if (finishedWork.mode & ConcurrentMode);
+              else {
+                // Legacy Mode: Fire the effects even if the tree is hidden.
+                _instance3._visibility |= OffscreenPassiveEffectsConnected;
+                recursivelyTraversePassiveMountEffects(
+                  finishedRoot,
+                  finishedWork
+                );
+              }
+            }
+          } else {
+            // Tree is visible
+            if (_instance3._visibility & OffscreenPassiveEffectsConnected) {
+              // The effects are currently connected. Update them.
+              recursivelyTraversePassiveMountEffects(
+                finishedRoot,
+                finishedWork
+              );
+            } else {
+              // The effects are currently disconnected. Reconnect them, while also
+              // firing effects inside newly mounted trees. This also applies to
+              // the initial render.
+              _instance3._visibility |= OffscreenPassiveEffectsConnected;
+              recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              );
+            }
+          }
 
-    case HostComponent: {
-      // TODO: popHydrationState
-      popHostContext(workInProgress);
-      return null;
-    }
+          break;
+        }
 
-    case SuspenseComponent: {
-      popSuspenseContext(workInProgress);
-      var suspenseState = workInProgress.memoizedState;
+        case CacheComponent: {
+          recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
 
-      if (suspenseState !== null && suspenseState.dehydrated !== null) {
-        if (workInProgress.alternate === null) {
-          throw new Error(
-            "Threw in newly mounted dehydrated component. This is likely a bug in " +
-              "React. Please file an issue."
-          );
+          break;
         }
-      }
-
-      var _flags2 = workInProgress.flags;
 
-      if (_flags2 & ShouldCapture) {
-        workInProgress.flags = (_flags2 & ~ShouldCapture) | DidCapture; // Captured a suspense effect. Re-render the boundary.
+        case TracingMarkerComponent:
 
-        if ((workInProgress.mode & ProfileMode) !== NoMode) {
-          transferActualDuration(workInProgress);
+        default: {
+          recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+          break;
         }
-
-        return workInProgress;
       }
-
-      return null;
     }
 
-    case SuspenseListComponent: {
-      popSuspenseContext(workInProgress); // SuspenseList doesn't actually catch anything. It should've been
-      // caught by a nested boundary. If not, it should bubble through.
+    function recursivelyTraverseReconnectPassiveEffects(
+      finishedRoot,
+      parentFiber,
+      committedLanes,
+      committedTransitions,
+      includeWorkInProgressEffects
+    ) {
+      var prevDebugFiber = getCurrentFiber();
+      var child = parentFiber.child;
 
-      return null;
+      while (child !== null) {
+        reconnectPassiveEffects(finishedRoot, child);
+        child = child.sibling;
+      }
+
+      setCurrentFiber(prevDebugFiber);
     }
 
-    case HostPortal:
-      popHostContainer(workInProgress);
-      return null;
+    function reconnectPassiveEffects(
+      finishedRoot,
+      finishedWork,
+      committedLanes,
+      committedTransitions, // This function visits both newly finished work and nodes that were re-used
+      // from a previously committed tree. We cannot check non-static flags if the
+      // node was reused.
+      includeWorkInProgressEffects
+    ) {
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          recursivelyTraverseReconnectPassiveEffects(
+            finishedRoot,
+            finishedWork
+          ); // TODO: Check for PassiveStatic flag
 
-    case ContextProvider:
-      var context = workInProgress.type._context;
-      popProvider(context, workInProgress);
-      return null;
+          commitHookPassiveMountEffects(finishedWork, Passive);
+          break;
+        }
+        // Unlike commitPassiveMountOnFiber, we don't need to handle HostRoot
+        // because this function only visits nodes that are inside an
+        // Offscreen fiber.
+        // case HostRoot: {
+        //  ...
+        // }
+
+        case LegacyHiddenComponent: {
+          break;
+        }
 
-    case OffscreenComponent:
-    case LegacyHiddenComponent:
-      popRenderLanes(workInProgress);
-      return null;
+        case OffscreenComponent: {
+          var _instance4 = finishedWork.stateNode;
+          var nextState = finishedWork.memoizedState;
+          var isHidden = nextState !== null;
+
+          if (isHidden) {
+            if (_instance4._visibility & OffscreenPassiveEffectsConnected) {
+              // The effects are currently connected. Update them.
+              recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              );
+            } else {
+              if (finishedWork.mode & ConcurrentMode);
+              else {
+                // Legacy Mode: Fire the effects even if the tree is hidden.
+                _instance4._visibility |= OffscreenPassiveEffectsConnected;
+                recursivelyTraverseReconnectPassiveEffects(
+                  finishedRoot,
+                  finishedWork
+                );
+              }
+            }
+          } else {
+            // Tree is visible
+            // Since we're already inside a reconnecting tree, it doesn't matter
+            // whether the effects are currently connected. In either case, we'll
+            // continue traversing the tree and firing all the effects.
+            //
+            // We do need to set the "connected" flag on the instance, though.
+            _instance4._visibility |= OffscreenPassiveEffectsConnected;
+            recursivelyTraverseReconnectPassiveEffects(
+              finishedRoot,
+              finishedWork
+            );
+          }
 
-    case CacheComponent:
-      return null;
+          break;
+        }
 
-    default:
-      return null;
-  }
-}
+        case CacheComponent: {
+          recursivelyTraverseReconnectPassiveEffects(
+            finishedRoot,
+            finishedWork
+          );
 
-function unwindInterruptedWork(current, interruptedWork, renderLanes) {
-  // Note: This intentionally doesn't check if we're hydrating because comparing
-  // to the current tree provider fiber is just as fast and less error-prone.
-  // Ideally we would have a special version of the work loop only
-  // for hydration.
-  popTreeContext(interruptedWork);
+          break;
+        }
 
-  switch (interruptedWork.tag) {
-    case ClassComponent: {
-      var childContextTypes = interruptedWork.type.childContextTypes;
+        case TracingMarkerComponent:
 
-      if (childContextTypes !== null && childContextTypes !== undefined) {
-        popContext(interruptedWork);
+        default: {
+          recursivelyTraverseReconnectPassiveEffects(
+            finishedRoot,
+            finishedWork
+          );
+          break;
+        }
       }
-
-      break;
     }
 
-    case HostRoot: {
-      var root = interruptedWork.stateNode;
-      popHostContainer(interruptedWork);
-      popTopLevelContextObject(interruptedWork);
-      resetWorkInProgressVersions();
-      break;
+    function commitPassiveUnmountEffects(finishedWork) {
+      setCurrentFiber(finishedWork);
+      commitPassiveUnmountOnFiber(finishedWork);
+      resetCurrentFiber();
+    } // If we're inside a brand new tree, or a tree that was already visible, then we
+    // should only suspend host components that have a ShouldSuspendCommit flag.
+    // Components without it haven't changed since the last commit, so we can skip
+    // over those.
+    //
+    // When we enter a tree that is being revealed (going from hidden -> visible),
+    // we need to suspend _any_ component that _may_ suspend. Even if they're
+    // already in the "current" tree. Because their visibility has changed, the
+    // browser may not have prerendered them yet. So we check the MaySuspendCommit
+    // flag instead.
+
+    var suspenseyCommitFlag = ShouldSuspendCommit;
+    function accumulateSuspenseyCommit(finishedWork) {
+      accumulateSuspenseyCommitOnFiber(finishedWork);
     }
 
-    case HostComponent: {
-      popHostContext(interruptedWork);
-      break;
+    function recursivelyAccumulateSuspenseyCommit(parentFiber) {
+      if (parentFiber.subtreeFlags & suspenseyCommitFlag) {
+        var child = parentFiber.child;
+
+        while (child !== null) {
+          accumulateSuspenseyCommitOnFiber(child);
+          child = child.sibling;
+        }
+      }
     }
 
-    case HostPortal:
-      popHostContainer(interruptedWork);
-      break;
+    function accumulateSuspenseyCommitOnFiber(fiber) {
+      switch (fiber.tag) {
+        case HostHoistable: {
+          recursivelyAccumulateSuspenseyCommit(fiber);
 
-    case SuspenseComponent:
-      popSuspenseContext(interruptedWork);
-      break;
+          if (fiber.flags & suspenseyCommitFlag) {
+            if (fiber.memoizedState !== null) {
+              suspendResource();
+            }
+          }
 
-    case SuspenseListComponent:
-      popSuspenseContext(interruptedWork);
-      break;
+          break;
+        }
 
-    case ContextProvider:
-      var context = interruptedWork.type._context;
-      popProvider(context, interruptedWork);
-      break;
+        case HostComponent: {
+          recursivelyAccumulateSuspenseyCommit(fiber);
 
-    case OffscreenComponent:
-    case LegacyHiddenComponent:
-      popRenderLanes(interruptedWork);
-      break;
-  }
-}
+          break;
+        }
 
-var didWarnAboutUndefinedSnapshotBeforeUpdate = null;
-
-{
-  didWarnAboutUndefinedSnapshotBeforeUpdate = new Set();
-} // Used during the commit phase to track the state of the Offscreen component stack.
-var PossiblyWeakSet = typeof WeakSet === "function" ? WeakSet : Set;
-var nextEffect = null; // Used for Profiling builds to track updaters.
-
-var inProgressLanes = null;
-var inProgressRoot = null;
-function reportUncaughtErrorInDEV(error) {
-  // Wrapping each small part of the commit phase into a guarded
-  // callback is a bit too slow (https://github.com/facebook/react/pull/21666).
-  // But we rely on it to surface errors to DEV tools like overlays
-  // (https://github.com/facebook/react/issues/21712).
-  // As a compromise, rethrow only caught errors in a guard.
-  {
-    invokeGuardedCallback(null, function() {
-      throw error;
-    });
-    clearCaughtError();
-  }
-}
+        case HostRoot:
+        case HostPortal: {
+          {
+            recursivelyAccumulateSuspenseyCommit(fiber);
+          }
 
-var callComponentWillUnmountWithTimer = function(current, instance) {
-  instance.props = current.memoizedProps;
-  instance.state = current.memoizedState;
-
-  if (current.mode & ProfileMode) {
-    try {
-      startLayoutEffectTimer();
-      instance.componentWillUnmount();
-    } finally {
-      recordLayoutEffectDuration(current);
-    }
-  } else {
-    instance.componentWillUnmount();
-  }
-}; // Capture errors so they don't interrupt mounting.
-
-function safelyCallComponentWillUnmount(
-  current,
-  nearestMountedAncestor,
-  instance
-) {
-  try {
-    callComponentWillUnmountWithTimer(current, instance);
-  } catch (error) {
-    captureCommitPhaseError(current, nearestMountedAncestor, error);
-  }
-} // Capture errors so they don't interrupt mounting.
-
-function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
-
-  if (ref !== null) {
-    if (typeof ref === "function") {
-      var retVal;
+          break;
+        }
 
-      try {
-        if (
-          enableProfilerTimer &&
-          enableProfilerCommitHooks &&
-          current.mode & ProfileMode
-        ) {
-          try {
-            startLayoutEffectTimer();
-            retVal = ref(null);
-          } finally {
-            recordLayoutEffectDuration(current);
+        case OffscreenComponent: {
+          var isHidden = fiber.memoizedState !== null;
+
+          if (isHidden);
+          else {
+            var current = fiber.alternate;
+            var wasHidden = current !== null && current.memoizedState !== null;
+
+            if (wasHidden) {
+              // This tree is being revealed. Visit all newly visible suspensey
+              // instances, even if they're in the current tree.
+              var prevFlags = suspenseyCommitFlag;
+              suspenseyCommitFlag = MaySuspendCommit;
+              recursivelyAccumulateSuspenseyCommit(fiber);
+              suspenseyCommitFlag = prevFlags;
+            } else {
+              recursivelyAccumulateSuspenseyCommit(fiber);
+            }
           }
-        } else {
-          retVal = ref(null);
+
+          break;
         }
-      } catch (error) {
-        captureCommitPhaseError(current, nearestMountedAncestor, error);
-      }
 
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(current)
-          );
+        default: {
+          recursivelyAccumulateSuspenseyCommit(fiber);
         }
       }
-    } else {
-      ref.current = null;
     }
-  }
-}
 
-function safelyCallDestroy(current, nearestMountedAncestor, destroy) {
-  try {
-    destroy();
-  } catch (error) {
-    captureCommitPhaseError(current, nearestMountedAncestor, error);
-  }
-}
+    function detachAlternateSiblings(parentFiber) {
+      // A fiber was deleted from this parent fiber, but it's still part of the
+      // previous (alternate) parent fiber's list of children. Because children
+      // are a linked list, an earlier sibling that's still alive will be
+      // connected to the deleted fiber via its `alternate`:
+      //
+      //   live fiber --alternate--> previous live fiber --sibling--> deleted
+      //   fiber
+      //
+      // We can't disconnect `alternate` on nodes that haven't been deleted yet,
+      // but we can disconnect the `sibling` and `child` pointers.
+      var previousFiber = parentFiber.alternate;
 
-var focusedInstanceHandle = null;
-var shouldFireAfterActiveInstanceBlur = false;
-function commitBeforeMutationEffects(root, firstChild) {
-  focusedInstanceHandle = prepareForCommit(root.containerInfo);
-  nextEffect = firstChild;
-  commitBeforeMutationEffects_begin(); // We no longer need to track the active instance fiber
-
-  var shouldFire = shouldFireAfterActiveInstanceBlur;
-  shouldFireAfterActiveInstanceBlur = false;
-  focusedInstanceHandle = null;
-  return shouldFire;
-}
+      if (previousFiber !== null) {
+        var detachedChild = previousFiber.child;
 
-function commitBeforeMutationEffects_begin() {
-  while (nextEffect !== null) {
-    var fiber = nextEffect; // This phase is only used for beforeActiveInstanceBlur.
+        if (detachedChild !== null) {
+          previousFiber.child = null;
 
-    var child = fiber.child;
+          do {
+            // $FlowFixMe[incompatible-use] found when upgrading Flow
+            var detachedSibling = detachedChild.sibling; // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-    if (
-      (fiber.subtreeFlags & BeforeMutationMask) !== NoFlags &&
-      child !== null
-    ) {
-      child.return = fiber;
-      nextEffect = child;
-    } else {
-      commitBeforeMutationEffects_complete();
+            detachedChild.sibling = null;
+            detachedChild = detachedSibling;
+          } while (detachedChild !== null);
+        }
+      }
     }
-  }
-}
-
-function commitBeforeMutationEffects_complete() {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
-    setCurrentFiber(fiber);
 
-    try {
-      commitBeforeMutationEffectsOnFiber(fiber);
-    } catch (error) {
-      captureCommitPhaseError(fiber, fiber.return, error);
+    function commitHookPassiveUnmountEffects(
+      finishedWork,
+      nearestMountedAncestor,
+      hookFlags
+    ) {
+      if (shouldProfile(finishedWork)) {
+        startPassiveEffectTimer();
+        commitHookEffectListUnmount(
+          hookFlags,
+          finishedWork,
+          nearestMountedAncestor
+        );
+        recordPassiveEffectDuration(finishedWork);
+      } else {
+        commitHookEffectListUnmount(
+          hookFlags,
+          finishedWork,
+          nearestMountedAncestor
+        );
+      }
     }
 
-    resetCurrentFiber();
-    var sibling = fiber.sibling;
+    function recursivelyTraversePassiveUnmountEffects(parentFiber) {
+      // Deletions effects can be scheduled on any fiber type. They need to happen
+      // before the children effects have fired.
+      var deletions = parentFiber.deletions;
 
-    if (sibling !== null) {
-      sibling.return = fiber.return;
-      nextEffect = sibling;
-      return;
-    }
+      if ((parentFiber.flags & ChildDeletion) !== NoFlags$1) {
+        if (deletions !== null) {
+          for (var i = 0; i < deletions.length; i++) {
+            var childToDelete = deletions[i]; // TODO: Convert this to use recursion
+
+            nextEffect = childToDelete;
+            commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+              childToDelete,
+              parentFiber
+            );
+          }
+        }
 
-    nextEffect = fiber.return;
-  }
-}
+        detachAlternateSiblings(parentFiber);
+      }
 
-function commitBeforeMutationEffectsOnFiber(finishedWork) {
-  var current = finishedWork.alternate;
-  var flags = finishedWork.flags;
+      var prevDebugFiber = getCurrentFiber(); // TODO: Split PassiveMask into separate masks for mount and unmount?
 
-  if ((flags & Snapshot) !== NoFlags) {
-    setCurrentFiber(finishedWork);
+      if (parentFiber.subtreeFlags & PassiveMask) {
+        var child = parentFiber.child;
 
-    switch (finishedWork.tag) {
-      case FunctionComponent:
-      case ForwardRef:
-      case SimpleMemoComponent: {
-        break;
+        while (child !== null) {
+          setCurrentFiber(child);
+          commitPassiveUnmountOnFiber(child);
+          child = child.sibling;
+        }
       }
 
-      case ClassComponent: {
-        if (current !== null) {
-          var prevProps = current.memoizedProps;
-          var prevState = current.memoizedState;
-          var instance = finishedWork.stateNode; // We could update instance props and state here,
-          // but instead we rely on them being set during last render.
-          // TODO: revisit this when we implement resuming.
+      setCurrentFiber(prevDebugFiber);
+    }
 
-          {
-            if (
-              finishedWork.type === finishedWork.elementType &&
-              !didWarnAboutReassigningProps
-            ) {
-              if (instance.props !== finishedWork.memoizedProps) {
-                error(
-                  "Expected %s props to match memoized props before " +
-                    "getSnapshotBeforeUpdate. " +
-                    "This might either be because of a bug in React, or because " +
-                    "a component reassigns its own `this.props`. " +
-                    "Please file an issue.",
-                  getComponentNameFromFiber(finishedWork) || "instance"
-                );
-              }
+    function commitPassiveUnmountOnFiber(finishedWork) {
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          recursivelyTraversePassiveUnmountEffects(finishedWork);
 
-              if (instance.state !== finishedWork.memoizedState) {
-                error(
-                  "Expected %s state to match memoized state before " +
-                    "getSnapshotBeforeUpdate. " +
-                    "This might either be because of a bug in React, or because " +
-                    "a component reassigns its own `this.state`. " +
-                    "Please file an issue.",
-                  getComponentNameFromFiber(finishedWork) || "instance"
-                );
-              }
-            }
+          if (finishedWork.flags & Passive$1) {
+            commitHookPassiveUnmountEffects(
+              finishedWork,
+              finishedWork.return,
+              Passive | HasEffect
+            );
           }
 
-          var snapshot = instance.getSnapshotBeforeUpdate(
-            finishedWork.elementType === finishedWork.type
-              ? prevProps
-              : resolveDefaultProps(finishedWork.type, prevProps),
-            prevState
-          );
-
-          {
-            var didWarnSet = didWarnAboutUndefinedSnapshotBeforeUpdate;
+          break;
+        }
 
-            if (snapshot === undefined && !didWarnSet.has(finishedWork.type)) {
-              didWarnSet.add(finishedWork.type);
+        case OffscreenComponent: {
+          var instance = finishedWork.stateNode;
+          var nextState = finishedWork.memoizedState;
+          var isHidden = nextState !== null;
 
-              error(
-                "%s.getSnapshotBeforeUpdate(): A snapshot value (or null) " +
-                  "must be returned. You have returned undefined.",
-                getComponentNameFromFiber(finishedWork)
-              );
-            }
+          if (
+            isHidden &&
+            instance._visibility & OffscreenPassiveEffectsConnected && // For backwards compatibility, don't unmount when a tree suspends. In
+            // the future we may change this to unmount after a delay.
+            (finishedWork.return === null ||
+              finishedWork.return.tag !== SuspenseComponent)
+          ) {
+            // The effects are currently connected. Disconnect them.
+            // TODO: Add option or heuristic to delay before disconnecting the
+            // effects. Then if the tree reappears before the delay has elapsed, we
+            // can skip toggling the effects entirely.
+            instance._visibility &= ~OffscreenPassiveEffectsConnected;
+            recursivelyTraverseDisconnectPassiveEffects(finishedWork);
+          } else {
+            recursivelyTraversePassiveUnmountEffects(finishedWork);
           }
 
-          instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+          break;
         }
 
-        break;
+        default: {
+          recursivelyTraversePassiveUnmountEffects(finishedWork);
+          break;
+        }
       }
+    }
 
-      case HostRoot: {
-        {
-          var root = finishedWork.stateNode;
-          clearContainer(root.containerInfo);
+    function recursivelyTraverseDisconnectPassiveEffects(parentFiber) {
+      // Deletions effects can be scheduled on any fiber type. They need to happen
+      // before the children effects have fired.
+      var deletions = parentFiber.deletions;
+
+      if ((parentFiber.flags & ChildDeletion) !== NoFlags$1) {
+        if (deletions !== null) {
+          for (var i = 0; i < deletions.length; i++) {
+            var childToDelete = deletions[i]; // TODO: Convert this to use recursion
+
+            nextEffect = childToDelete;
+            commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+              childToDelete,
+              parentFiber
+            );
+          }
         }
 
-        break;
+        detachAlternateSiblings(parentFiber);
       }
 
-      case HostComponent:
-      case HostText:
-      case HostPortal:
-      case IncompleteClassComponent:
-        // Nothing to do for these component types
-        break;
+      var prevDebugFiber = getCurrentFiber(); // TODO: Check PassiveStatic flag
 
-      default: {
-        throw new Error(
-          "This unit of work tag should not have side-effects. This error is " +
-            "likely caused by a bug in React. Please file an issue."
-        );
+      var child = parentFiber.child;
+
+      while (child !== null) {
+        setCurrentFiber(child);
+        disconnectPassiveEffect(child);
+        child = child.sibling;
       }
+
+      setCurrentFiber(prevDebugFiber);
     }
 
-    resetCurrentFiber();
-  }
-}
+    function disconnectPassiveEffect(finishedWork) {
+      switch (finishedWork.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          // TODO: Check PassiveStatic flag
+          commitHookPassiveUnmountEffects(
+            finishedWork,
+            finishedWork.return,
+            Passive
+          ); // When disconnecting passive effects, we fire the effects in the same
+          // order as during a deletiong: parent before child
 
-function commitHookEffectListUnmount(
-  flags,
-  finishedWork,
-  nearestMountedAncestor
-) {
-  var updateQueue = finishedWork.updateQueue;
-  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
-
-  if (lastEffect !== null) {
-    var firstEffect = lastEffect.next;
-    var effect = firstEffect;
-
-    do {
-      if ((effect.tag & flags) === flags) {
-        // Unmount
-        var destroy = effect.destroy;
-        effect.destroy = undefined;
-
-        if (destroy !== undefined) {
-          {
-            if ((flags & Insertion) !== NoFlags$1) {
-              setIsRunningInsertionEffect(true);
-            }
-          }
+          recursivelyTraverseDisconnectPassiveEffects(finishedWork);
+          break;
+        }
 
-          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy);
+        case OffscreenComponent: {
+          var instance = finishedWork.stateNode;
 
-          {
-            if ((flags & Insertion) !== NoFlags$1) {
-              setIsRunningInsertionEffect(false);
-            }
+          if (instance._visibility & OffscreenPassiveEffectsConnected) {
+            instance._visibility &= ~OffscreenPassiveEffectsConnected;
+            recursivelyTraverseDisconnectPassiveEffects(finishedWork);
           }
+
+          break;
+        }
+
+        default: {
+          recursivelyTraverseDisconnectPassiveEffects(finishedWork);
+          break;
         }
       }
+    }
 
-      effect = effect.next;
-    } while (effect !== firstEffect);
-  }
-}
+    function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+      deletedSubtreeRoot,
+      nearestMountedAncestor
+    ) {
+      while (nextEffect !== null) {
+        var fiber = nextEffect; // Deletion effects fire in parent -> child order
+        // TODO: Check if fiber has a PassiveStatic flag
+
+        setCurrentFiber(fiber);
+        commitPassiveUnmountInsideDeletedTreeOnFiber(
+          fiber,
+          nearestMountedAncestor
+        );
+        resetCurrentFiber();
+        var child = fiber.child; // TODO: Only traverse subtree if it has a PassiveStatic flag.
 
-function commitHookEffectListMount(flags, finishedWork) {
-  var updateQueue = finishedWork.updateQueue;
-  var lastEffect = updateQueue !== null ? updateQueue.lastEffect : null;
+        if (child !== null) {
+          child.return = fiber;
+          nextEffect = child;
+        } else {
+          commitPassiveUnmountEffectsInsideOfDeletedTree_complete(
+            deletedSubtreeRoot
+          );
+        }
+      }
+    }
 
-  if (lastEffect !== null) {
-    var firstEffect = lastEffect.next;
-    var effect = firstEffect;
+    function commitPassiveUnmountEffectsInsideOfDeletedTree_complete(
+      deletedSubtreeRoot
+    ) {
+      while (nextEffect !== null) {
+        var fiber = nextEffect;
+        var sibling = fiber.sibling;
+        var returnFiber = fiber.return; // Recursively traverse the entire deleted tree and clean up fiber fields.
+        // This is more aggressive than ideal, and the long term goal is to only
+        // have to detach the deleted tree at the root.
 
-    do {
-      if ((effect.tag & flags) === flags) {
-        var create = effect.create;
+        detachFiberAfterEffects(fiber);
 
-        {
-          if ((flags & Insertion) !== NoFlags$1) {
-            setIsRunningInsertionEffect(true);
-          }
+        if (fiber === deletedSubtreeRoot) {
+          nextEffect = null;
+          return;
         }
 
-        effect.destroy = create();
-
-        {
-          if ((flags & Insertion) !== NoFlags$1) {
-            setIsRunningInsertionEffect(false);
-          }
+        if (sibling !== null) {
+          sibling.return = returnFiber;
+          nextEffect = sibling;
+          return;
         }
 
-        {
-          var destroy = effect.destroy;
+        nextEffect = returnFiber;
+      }
+    }
 
-          if (destroy !== undefined && typeof destroy !== "function") {
-            var hookName = void 0;
+    function commitPassiveUnmountInsideDeletedTreeOnFiber(
+      current,
+      nearestMountedAncestor
+    ) {
+      switch (current.tag) {
+        case FunctionComponent:
+        case ForwardRef:
+        case SimpleMemoComponent: {
+          commitHookPassiveUnmountEffects(
+            current,
+            nearestMountedAncestor,
+            Passive
+          );
+          break;
+        }
+      }
+    }
 
-            if ((effect.tag & Layout) !== NoFlags) {
-              hookName = "useLayoutEffect";
-            } else if ((effect.tag & Insertion) !== NoFlags) {
-              hookName = "useInsertionEffect";
-            } else {
-              hookName = "useEffect";
+    function invokeLayoutEffectMountInDEV(fiber) {
+      {
+        // We don't need to re-check StrictEffectsMode here.
+        // This function is only called if that check has already passed.
+        switch (fiber.tag) {
+          case FunctionComponent:
+          case ForwardRef:
+          case SimpleMemoComponent: {
+            try {
+              commitHookEffectListMount(Layout | HasEffect, fiber);
+            } catch (error) {
+              captureCommitPhaseError(fiber, fiber.return, error);
             }
 
-            var addendum = void 0;
+            break;
+          }
 
-            if (destroy === null) {
-              addendum =
-                " You returned null. If your effect does not require clean " +
-                "up, return undefined (or nothing).";
-            } else if (typeof destroy.then === "function") {
-              addendum =
-                "\n\nIt looks like you wrote " +
-                hookName +
-                "(async () => ...) or returned a Promise. " +
-                "Instead, write the async function inside your effect " +
-                "and call it immediately:\n\n" +
-                hookName +
-                "(() => {\n" +
-                "  async function fetchData() {\n" +
-                "    // You can await here\n" +
-                "    const response = await MyAPI.getData(someId);\n" +
-                "    // ...\n" +
-                "  }\n" +
-                "  fetchData();\n" +
-                "}, [someId]); // Or [] if effect doesn't need props or state\n\n" +
-                "Learn more about data fetching with Hooks: https://react.dev/reference/react/useEffect#fetching-data-with-effects";
-            } else {
-              addendum = " You returned: " + destroy;
+          case ClassComponent: {
+            var instance = fiber.stateNode;
+
+            if (typeof instance.componentDidMount === "function") {
+              try {
+                instance.componentDidMount();
+              } catch (error) {
+                captureCommitPhaseError(fiber, fiber.return, error);
+              }
             }
 
-            error(
-              "%s must not return anything besides a function, " +
-                "which is used for clean-up.%s",
-              hookName,
-              addendum
-            );
+            break;
           }
         }
       }
+    }
 
-      effect = effect.next;
-    } while (effect !== firstEffect);
-  }
-}
-
-function commitPassiveEffectDurations(finishedRoot, finishedWork) {
-  {
-    // Only Profilers with work in their subtree will have an Update effect scheduled.
-    if ((finishedWork.flags & Update) !== NoFlags) {
-      switch (finishedWork.tag) {
-        case Profiler: {
-          var passiveEffectDuration =
-            finishedWork.stateNode.passiveEffectDuration;
-          var _finishedWork$memoize = finishedWork.memoizedProps,
-            id = _finishedWork$memoize.id,
-            onPostCommit = _finishedWork$memoize.onPostCommit; // This value will still reflect the previous commit phase.
-          // It does not get reset until the start of the next commit phase.
-
-          var commitTime = getCommitTime();
-          var phase = finishedWork.alternate === null ? "mount" : "update";
-
-          {
-            if (isCurrentUpdateNested()) {
-              phase = "nested-update";
+    function invokePassiveEffectMountInDEV(fiber) {
+      {
+        // We don't need to re-check StrictEffectsMode here.
+        // This function is only called if that check has already passed.
+        switch (fiber.tag) {
+          case FunctionComponent:
+          case ForwardRef:
+          case SimpleMemoComponent: {
+            try {
+              commitHookEffectListMount(Passive | HasEffect, fiber);
+            } catch (error) {
+              captureCommitPhaseError(fiber, fiber.return, error);
             }
+
+            break;
           }
+        }
+      }
+    }
 
-          if (typeof onPostCommit === "function") {
-            onPostCommit(id, phase, passiveEffectDuration, commitTime);
-          } // Bubble times to the next nearest ancestor Profiler.
-          // After we process that Profiler, we'll bubble further up.
+    function invokeLayoutEffectUnmountInDEV(fiber) {
+      {
+        // We don't need to re-check StrictEffectsMode here.
+        // This function is only called if that check has already passed.
+        switch (fiber.tag) {
+          case FunctionComponent:
+          case ForwardRef:
+          case SimpleMemoComponent: {
+            try {
+              commitHookEffectListUnmount(
+                Layout | HasEffect,
+                fiber,
+                fiber.return
+              );
+            } catch (error) {
+              captureCommitPhaseError(fiber, fiber.return, error);
+            }
 
-          var parentFiber = finishedWork.return;
+            break;
+          }
 
-          outer: while (parentFiber !== null) {
-            switch (parentFiber.tag) {
-              case HostRoot:
-                var root = parentFiber.stateNode;
-                root.passiveEffectDuration += passiveEffectDuration;
-                break outer;
+          case ClassComponent: {
+            var instance = fiber.stateNode;
 
-              case Profiler:
-                var parentStateNode = parentFiber.stateNode;
-                parentStateNode.passiveEffectDuration += passiveEffectDuration;
-                break outer;
+            if (typeof instance.componentWillUnmount === "function") {
+              safelyCallComponentWillUnmount(fiber, fiber.return, instance);
             }
 
-            parentFiber = parentFiber.return;
+            break;
           }
-
-          break;
         }
       }
     }
-  }
-}
 
-function commitLayoutEffectOnFiber(
-  finishedRoot,
-  current,
-  finishedWork,
-  committedLanes
-) {
-  if ((finishedWork.flags & LayoutMask) !== NoFlags) {
-    switch (finishedWork.tag) {
-      case FunctionComponent:
-      case ForwardRef:
-      case SimpleMemoComponent: {
-        {
-          // At this point layout effects have already been destroyed (during mutation phase).
-          // This is done to prevent sibling component effects from interfering with each other,
-          // e.g. a destroy function in one component should never override a ref set
-          // by a create function in another component during the same commit.
-          if (finishedWork.mode & ProfileMode) {
+    function invokePassiveEffectUnmountInDEV(fiber) {
+      {
+        // We don't need to re-check StrictEffectsMode here.
+        // This function is only called if that check has already passed.
+        switch (fiber.tag) {
+          case FunctionComponent:
+          case ForwardRef:
+          case SimpleMemoComponent: {
             try {
-              startLayoutEffectTimer();
-              commitHookEffectListMount(Layout | HasEffect, finishedWork);
-            } finally {
-              recordLayoutEffectDuration(finishedWork);
+              commitHookEffectListUnmount(
+                Passive | HasEffect,
+                fiber,
+                fiber.return
+              );
+            } catch (error) {
+              captureCommitPhaseError(fiber, fiber.return, error);
             }
-          } else {
-            commitHookEffectListMount(Layout | HasEffect, finishedWork);
           }
         }
+      }
+    }
 
-        break;
+    if (typeof Symbol === "function" && Symbol.for) {
+      var symbolFor = Symbol.for;
+      symbolFor("selector.component");
+      symbolFor("selector.has_pseudo_class");
+      symbolFor("selector.role");
+      symbolFor("selector.test_id");
+      symbolFor("selector.text");
+    }
+
+    var ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
+    function isLegacyActEnvironment(fiber) {
+      {
+        // Legacy mode. We preserve the behavior of React 17's act. It assumes an
+        // act environment whenever `jest` is defined, but you can still turn off
+        // spurious warnings by setting IS_REACT_ACT_ENVIRONMENT explicitly
+        // to false.
+        var isReactActEnvironmentGlobal = // $FlowFixMe[cannot-resolve-name] Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
+          typeof IS_REACT_ACT_ENVIRONMENT !== "undefined" // $FlowFixMe[cannot-resolve-name]
+            ? IS_REACT_ACT_ENVIRONMENT
+            : undefined; // $FlowFixMe[cannot-resolve-name] - Flow doesn't know about jest
+
+        var jestIsDefined = typeof jest !== "undefined";
+        return jestIsDefined && isReactActEnvironmentGlobal !== false;
       }
+    }
+    function isConcurrentActEnvironment() {
+      {
+        var isReactActEnvironmentGlobal = // $FlowFixMe[cannot-resolve-name] Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
+          typeof IS_REACT_ACT_ENVIRONMENT !== "undefined" // $FlowFixMe[cannot-resolve-name]
+            ? IS_REACT_ACT_ENVIRONMENT
+            : undefined;
 
-      case ClassComponent: {
-        var instance = finishedWork.stateNode;
+        if (
+          !isReactActEnvironmentGlobal &&
+          ReactCurrentActQueue$1.current !== null
+        ) {
+          // TODO: Include link to relevant documentation page.
+          error(
+            "The current testing environment is not configured to support " +
+              "act(...)"
+          );
+        }
 
-        if (finishedWork.flags & Update) {
-          {
-            if (current === null) {
-              // We could update instance props and state here,
-              // but instead we rely on them being set during last render.
-              // TODO: revisit this when we implement resuming.
-              {
-                if (
-                  finishedWork.type === finishedWork.elementType &&
-                  !didWarnAboutReassigningProps
-                ) {
-                  if (instance.props !== finishedWork.memoizedProps) {
-                    error(
-                      "Expected %s props to match memoized props before " +
-                        "componentDidMount. " +
-                        "This might either be because of a bug in React, or because " +
-                        "a component reassigns its own `this.props`. " +
-                        "Please file an issue.",
-                      getComponentNameFromFiber(finishedWork) || "instance"
-                    );
-                  }
+        return isReactActEnvironmentGlobal;
+      }
+    }
+
+    var PossiblyWeakMap = typeof WeakMap === "function" ? WeakMap : Map;
+    var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+      ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+      ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
+      ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
+    var NoContext =
+      /*             */
+      0;
+    var BatchedContext =
+      /*               */
+      1;
+    var RenderContext =
+      /*         */
+      2;
+    var CommitContext =
+      /*         */
+      4;
+    var RootInProgress = 0;
+    var RootFatalErrored = 1;
+    var RootErrored = 2;
+    var RootSuspended = 3;
+    var RootSuspendedWithDelay = 4;
+    var RootCompleted = 5;
+    var RootDidNotComplete = 6; // Describes where we are in the React execution stack
+
+    var executionContext = NoContext; // The root we're working on
+
+    var workInProgressRoot = null; // The fiber we're working on
+
+    var workInProgress = null; // The lanes we're rendering
+
+    var workInProgressRootRenderLanes = NoLanes;
+    var NotSuspended = 0;
+    var SuspendedOnError = 1;
+    var SuspendedOnData = 2;
+    var SuspendedOnImmediate = 3;
+    var SuspendedOnInstance = 4;
+    var SuspendedOnInstanceAndReadyToContinue = 5;
+    var SuspendedOnDeprecatedThrowPromise = 6;
+    var SuspendedAndReadyToContinue = 7;
+    var SuspendedOnHydration = 8; // When this is true, the work-in-progress fiber just suspended (or errored) and
+    // we've yet to unwind the stack. In some cases, we may yield to the main thread
+    // after this happens. If the fiber is pinged before we resume, we can retry
+    // immediately instead of unwinding the stack.
+
+    var workInProgressSuspendedReason = NotSuspended;
+    var workInProgressThrownValue = null; // Whether a ping listener was attached during this render. This is slightly
+    // different that whether something suspended, because we don't add multiple
+    // listeners to a promise we've already seen (per root and lane).
+
+    var workInProgressRootDidAttachPingListener = false; // A contextual version of workInProgressRootRenderLanes. It is a superset of
+    // the lanes that we started working on at the root. When we enter a subtree
+    // that is currently hidden, we add the lanes that would have committed if
+    // the hidden tree hadn't been deferred. This is modified by the
+    // HiddenContext module.
+    //
+    // Most things in the work loop should deal with workInProgressRootRenderLanes.
+    // Most things in begin/complete phases should deal with entangledRenderLanes.
 
-                  if (instance.state !== finishedWork.memoizedState) {
-                    error(
-                      "Expected %s state to match memoized state before " +
-                        "componentDidMount. " +
-                        "This might either be because of a bug in React, or because " +
-                        "a component reassigns its own `this.state`. " +
-                        "Please file an issue.",
-                      getComponentNameFromFiber(finishedWork) || "instance"
-                    );
-                  }
-                }
-              }
+    var entangledRenderLanes = NoLanes; // Whether to root completed, errored, suspended, etc.
 
-              if (finishedWork.mode & ProfileMode) {
-                try {
-                  startLayoutEffectTimer();
-                  instance.componentDidMount();
-                } finally {
-                  recordLayoutEffectDuration(finishedWork);
-                }
-              } else {
-                instance.componentDidMount();
-              }
-            } else {
-              var prevProps =
-                finishedWork.elementType === finishedWork.type
-                  ? current.memoizedProps
-                  : resolveDefaultProps(
-                      finishedWork.type,
-                      current.memoizedProps
-                    );
-              var prevState = current.memoizedState; // We could update instance props and state here,
-              // but instead we rely on them being set during last render.
-              // TODO: revisit this when we implement resuming.
+    var workInProgressRootExitStatus = RootInProgress; // A fatal error, if one is thrown
 
-              {
-                if (
-                  finishedWork.type === finishedWork.elementType &&
-                  !didWarnAboutReassigningProps
-                ) {
-                  if (instance.props !== finishedWork.memoizedProps) {
-                    error(
-                      "Expected %s props to match memoized props before " +
-                        "componentDidUpdate. " +
-                        "This might either be because of a bug in React, or because " +
-                        "a component reassigns its own `this.props`. " +
-                        "Please file an issue.",
-                      getComponentNameFromFiber(finishedWork) || "instance"
-                    );
-                  }
+    var workInProgressRootFatalError = null; // The work left over by components that were visited during this render. Only
+    // includes unprocessed updates, not work in bailed out children.
 
-                  if (instance.state !== finishedWork.memoizedState) {
-                    error(
-                      "Expected %s state to match memoized state before " +
-                        "componentDidUpdate. " +
-                        "This might either be because of a bug in React, or because " +
-                        "a component reassigns its own `this.state`. " +
-                        "Please file an issue.",
-                      getComponentNameFromFiber(finishedWork) || "instance"
-                    );
-                  }
-                }
-              }
+    var workInProgressRootSkippedLanes = NoLanes; // Lanes that were updated (in an interleaved event) during this render.
 
-              if (finishedWork.mode & ProfileMode) {
-                try {
-                  startLayoutEffectTimer();
-                  instance.componentDidUpdate(
-                    prevProps,
-                    prevState,
-                    instance.__reactInternalSnapshotBeforeUpdate
-                  );
-                } finally {
-                  recordLayoutEffectDuration(finishedWork);
-                }
-              } else {
-                instance.componentDidUpdate(
-                  prevProps,
-                  prevState,
-                  instance.__reactInternalSnapshotBeforeUpdate
-                );
-              }
-            }
-          }
-        } // TODO: I think this is now always non-null by the time it reaches the
-        // commit phase. Consider removing the type check.
+    var workInProgressRootInterleavedUpdatedLanes = NoLanes; // Lanes that were updated during the render phase (*not* an interleaved event).
+
+    var workInProgressRootPingedLanes = NoLanes; // If this lane scheduled deferred work, this is the lane of the deferred task.
+
+    var workInProgressDeferredLane = NoLane; // Errors that are thrown during the render phase.
 
-        var updateQueue = finishedWork.updateQueue;
+    var workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
+    // We will log them once the tree commits.
 
-        if (updateQueue !== null) {
-          {
-            if (
-              finishedWork.type === finishedWork.elementType &&
-              !didWarnAboutReassigningProps
-            ) {
-              if (instance.props !== finishedWork.memoizedProps) {
-                error(
-                  "Expected %s props to match memoized props before " +
-                    "processing the update queue. " +
-                    "This might either be because of a bug in React, or because " +
-                    "a component reassigns its own `this.props`. " +
-                    "Please file an issue.",
-                  getComponentNameFromFiber(finishedWork) || "instance"
-                );
-              }
+    var workInProgressRootRecoverableErrors = null; // The most recent time we either committed a fallback, or when a fallback was
+    // filled in with the resolved UI. This lets us throttle the appearance of new
+    // content as it streams in, to minimize jank.
+    // TODO: Think of a better name for this variable?
 
-              if (instance.state !== finishedWork.memoizedState) {
-                error(
-                  "Expected %s state to match memoized state before " +
-                    "processing the update queue. " +
-                    "This might either be because of a bug in React, or because " +
-                    "a component reassigns its own `this.state`. " +
-                    "Please file an issue.",
-                  getComponentNameFromFiber(finishedWork) || "instance"
-                );
-              }
-            }
-          } // We could update instance props and state here,
-          // but instead we rely on them being set during last render.
-          // TODO: revisit this when we implement resuming.
+    var globalMostRecentFallbackTime = 0;
+    var FALLBACK_THROTTLE_MS = 300; // The absolute time for when we should start giving up on rendering
+    // more and prefer CPU suspense heuristics instead.
 
-          commitUpdateQueue(finishedWork, updateQueue, instance);
-        }
+    var workInProgressRootRenderTargetTime = Infinity; // How long a render is supposed to take before we start following CPU
+    // suspense heuristics and opt out of rendering more content.
 
-        break;
-      }
+    var RENDER_TIMEOUT_MS = 500;
+    var workInProgressTransitions = null;
 
-      case HostRoot: {
-        // TODO: I think this is now always non-null by the time it reaches the
-        // commit phase. Consider removing the type check.
-        var _updateQueue = finishedWork.updateQueue;
+    function resetRenderTimer() {
+      workInProgressRootRenderTargetTime = now$1() + RENDER_TIMEOUT_MS;
+    }
 
-        if (_updateQueue !== null) {
-          var _instance = null;
+    function getRenderTargetTime() {
+      return workInProgressRootRenderTargetTime;
+    }
+    var hasUncaughtError = false;
+    var firstUncaughtError = null;
+    var legacyErrorBoundariesThatAlreadyFailed = null; // Only used when enableProfilerNestedUpdateScheduledHook is true;
+    var rootDoesHavePassiveEffects = false;
+    var rootWithPendingPassiveEffects = null;
+    var pendingPassiveEffectsLanes = NoLanes;
+    var pendingPassiveProfilerEffects = [];
 
-          if (finishedWork.child !== null) {
-            switch (finishedWork.child.tag) {
-              case HostComponent:
-                _instance = getPublicInstance(finishedWork.child.stateNode);
-                break;
+    var NESTED_UPDATE_LIMIT = 50;
+    var nestedUpdateCount = 0;
+    var rootWithNestedUpdates = null;
+    var isFlushingPassiveEffects = false;
+    var didScheduleUpdateDuringPassiveEffects = false;
+    var NESTED_PASSIVE_UPDATE_LIMIT = 50;
+    var nestedPassiveUpdateCount = 0;
+    var rootWithPassiveNestedUpdates = null;
+    var isRunningInsertionEffect = false;
+    function getWorkInProgressRoot() {
+      return workInProgressRoot;
+    }
+    function getWorkInProgressRootRenderLanes() {
+      return workInProgressRootRenderLanes;
+    }
+    function isWorkLoopSuspendedOnData() {
+      return workInProgressSuspendedReason === SuspendedOnData;
+    }
+    function requestUpdateLane(fiber) {
+      // Special cases
+      var mode = fiber.mode;
 
-              case ClassComponent:
-                _instance = finishedWork.child.stateNode;
-                break;
-            }
+      if ((mode & ConcurrentMode) === NoMode) {
+        return SyncLane;
+      } else if (
+        (executionContext & RenderContext) !== NoContext &&
+        workInProgressRootRenderLanes !== NoLanes
+      ) {
+        // This is a render phase update. These are not officially supported. The
+        // old behavior is to give this the same "thread" (lanes) as
+        // whatever is currently rendering. So if you call `setState` on a component
+        // that happens later in the same render, it will flush. Ideally, we want to
+        // remove the special case and treat them as if they came from an
+        // interleaved event. Regardless, this pattern is not officially supported.
+        // This behavior is only a fallback. The flag only exists until we can roll
+        // out the setState warning, since existing code might accidentally rely on
+        // the current behavior.
+        return pickArbitraryLane(workInProgressRootRenderLanes);
+      }
+
+      var transition = requestCurrentTransition();
+
+      if (transition !== null) {
+        {
+          var batchConfigTransition = ReactCurrentBatchConfig.transition;
+
+          if (!batchConfigTransition._updatedFibers) {
+            batchConfigTransition._updatedFibers = new Set();
           }
 
-          commitUpdateQueue(finishedWork, _updateQueue, _instance);
+          batchConfigTransition._updatedFibers.add(fiber);
         }
 
-        break;
-      }
+        var actionScopeLane = peekEntangledActionLane();
+        return actionScopeLane !== NoLane // We're inside an async action scope. Reuse the same lane.
+          ? actionScopeLane // We may or may not be inside an async action scope. If we are, this
+          : // is the first update in that scope. Either way, we need to get a
+            // fresh transition lane.
+            requestTransitionLane();
+      } // Updates originating inside certain React methods, like flushSync, have
+      // their priority set by tracking it with a context variable.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
 
-      case HostComponent: {
-        var _instance2 = finishedWork.stateNode; // Renderers may schedule work to be done after host components are mounted
-        // (eg DOM renderer may schedule auto-focus for inputs and form controls).
-        // These effects should only be committed when components are first mounted,
-        // aka when there is no current/alternate.
+      var updateLane = getCurrentUpdatePriority();
 
-        if (current === null && finishedWork.flags & Update) {
-          var type = finishedWork.type;
-          var props = finishedWork.memoizedProps;
+      if (updateLane !== NoLane) {
+        return updateLane;
+      } // This update originated outside React. Ask the host environment for an
+      // appropriate priority, based on the type of event.
+      //
+      // The opaque type returned by the host config is internally a lane, so we can
+      // use that directly.
+      // TODO: Move this type conversion to the event priority module.
+
+      var eventLane = getCurrentEventPriority();
+      return eventLane;
+    }
+
+    function requestRetryLane(fiber) {
+      // This is a fork of `requestUpdateLane` designed specifically for Suspense
+      // "retries" — a special update that attempts to flip a Suspense boundary
+      // from its placeholder state to its primary/resolved state.
+      // Special cases
+      var mode = fiber.mode;
+
+      if ((mode & ConcurrentMode) === NoMode) {
+        return SyncLane;
+      }
+
+      return claimNextRetryLane();
+    }
+
+    function requestDeferredLane() {
+      if (workInProgressDeferredLane === NoLane) {
+        // If there are multiple useDeferredValue hooks in the same render, the
+        // tasks that they spawn should all be batched together, so they should all
+        // receive the same lane.
+        // Check the priority of the current render to decide the priority of the
+        // deferred task.
+        // OffscreenLane is used for prerendering, but we also use OffscreenLane
+        // for incremental hydration. It's given the lowest priority because the
+        // initial HTML is the same as the final UI. But useDeferredValue during
+        // hydration is an exception — we need to upgrade the UI to the final
+        // value. So if we're currently hydrating, we treat it like a transition.
+        var isPrerendering =
+          includesSomeLane(workInProgressRootRenderLanes, OffscreenLane) &&
+          !getIsHydrating();
+
+        if (isPrerendering) {
+          // There's only one OffscreenLane, so if it contains deferred work, we
+          // should just reschedule using the same lane.
+          workInProgressDeferredLane = OffscreenLane;
+        } else {
+          // Everything else is spawned as a transition.
+          workInProgressDeferredLane = claimNextTransitionLane();
         }
+      } // Mark the parent Suspense boundary so it knows to spawn the deferred lane.
 
-        break;
-      }
+      var suspenseHandler = getSuspenseHandler();
 
-      case HostText: {
-        // We have no life-cycles associated with text.
-        break;
+      if (suspenseHandler !== null) {
+        // TODO: As an optimization, we shouldn't entangle the lanes at the root; we
+        // can entangle them using the baseLanes of the Suspense boundary instead.
+        // We only need to do something special if there's no Suspense boundary.
+        suspenseHandler.flags |= DidDefer;
       }
 
-      case HostPortal: {
-        // We have no life-cycles associated with portals.
-        break;
+      return workInProgressDeferredLane;
+    }
+    function peekDeferredLane() {
+      return workInProgressDeferredLane;
+    }
+    function scheduleUpdateOnFiber(root, fiber, lane) {
+      {
+        if (isRunningInsertionEffect) {
+          error("useInsertionEffect must not schedule updates.");
+        }
       }
 
-      case Profiler: {
+      {
+        if (isFlushingPassiveEffects) {
+          didScheduleUpdateDuringPassiveEffects = true;
+        }
+      } // Check if the work loop is currently suspended and waiting for data to
+      // finish loading.
+
+      if (
+        // Suspended render phase
+        (root === workInProgressRoot &&
+          workInProgressSuspendedReason === SuspendedOnData) || // Suspended commit phase
+        root.cancelPendingCommit !== null
+      ) {
+        // The incoming update might unblock the current render. Interrupt the
+        // current attempt and restart from the top.
+        prepareFreshStack(root, NoLanes);
+        markRootSuspended(
+          root,
+          workInProgressRootRenderLanes,
+          workInProgressDeferredLane
+        );
+      } // Mark that the root has a pending update.
+
+      markRootUpdated(root, lane);
+
+      if (
+        (executionContext & RenderContext) !== NoLanes &&
+        root === workInProgressRoot
+      ) {
+        // This update was dispatched during the render phase. This is a mistake
+        // if the update originates from user space (with the exception of local
+        // hook updates, which are handled differently and don't reach this
+        // function), but there are some internal React features that use this as
+        // an implementation detail, like selective hydration.
+        warnAboutRenderPhaseUpdatesInDEV(fiber); // Track lanes that were updated during the render phase
+      } else {
+        // This is a normal update, scheduled from outside the render phase. For
+        // example, during an input event.
         {
-          var _finishedWork$memoize2 = finishedWork.memoizedProps,
-            onCommit = _finishedWork$memoize2.onCommit,
-            onRender = _finishedWork$memoize2.onRender;
-          var effectDuration = finishedWork.stateNode.effectDuration;
-          var commitTime = getCommitTime();
-          var phase = current === null ? "mount" : "update";
+          if (isDevToolsPresent) {
+            addFiberToLanesMap(root, fiber, lane);
+          }
+        }
 
-          {
-            if (isCurrentUpdateNested()) {
-              phase = "nested-update";
-            }
+        warnIfUpdatesNotWrappedWithActDEV(fiber);
+
+        if (root === workInProgressRoot) {
+          // Received an update to a tree that's in the middle of rendering. Mark
+          // that there was an interleaved update work on this root.
+          if ((executionContext & RenderContext) === NoContext) {
+            workInProgressRootInterleavedUpdatedLanes = mergeLanes(
+              workInProgressRootInterleavedUpdatedLanes,
+              lane
+            );
           }
 
-          if (typeof onRender === "function") {
-            onRender(
-              finishedWork.memoizedProps.id,
-              phase,
-              finishedWork.actualDuration,
-              finishedWork.treeBaseDuration,
-              finishedWork.actualStartTime,
-              commitTime
+          if (workInProgressRootExitStatus === RootSuspendedWithDelay) {
+            // The root already suspended with a delay, which means this render
+            // definitely won't finish. Since we have a new update, let's mark it as
+            // suspended now, right before marking the incoming update. This has the
+            // effect of interrupting the current render and switching to the update.
+            // TODO: Make sure this doesn't override pings that happen while we've
+            // already started rendering.
+            markRootSuspended(
+              root,
+              workInProgressRootRenderLanes,
+              workInProgressDeferredLane
             );
           }
+        }
 
-          {
-            if (typeof onCommit === "function") {
-              onCommit(
-                finishedWork.memoizedProps.id,
-                phase,
-                effectDuration,
-                commitTime
-              );
-            } // Schedule a passive effect for this Profiler to call onPostCommit hooks.
-            // This effect should be scheduled even if there is no onPostCommit callback for this Profiler,
-            // because the effect is also where times bubble to parent Profilers.
+        ensureRootIsScheduled(root);
 
-            enqueuePendingPassiveProfilerEffect(finishedWork); // Propagate layout effect durations to the next nearest Profiler ancestor.
-            // Do not reset these values until the next render so DevTools has a chance to read them first.
+        if (
+          lane === SyncLane &&
+          executionContext === NoContext &&
+          (fiber.mode & ConcurrentMode) === NoMode
+        ) {
+          if (ReactCurrentActQueue.isBatchingLegacy);
+          else {
+            // Flush the synchronous work now, unless we're already working or inside
+            // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
+            // scheduleCallbackForFiber to preserve the ability to schedule a callback
+            // without immediately flushing it. We only do this for user-initiated
+            // updates, to preserve historical behavior of legacy mode.
+            resetRenderTimer();
+            flushSyncWorkOnLegacyRootsOnly();
+          }
+        }
+      }
+    }
+    function isUnsafeClassRenderPhaseUpdate(fiber) {
+      // Check if this is a render phase update. Only called by class components,
+      // which special (deprecated) behavior for UNSAFE_componentWillReceive props.
+      return (executionContext & RenderContext) !== NoContext;
+    } // This is the entry point for every concurrent task, i.e. anything that
+    // goes through Scheduler.
 
-            var parentFiber = finishedWork.return;
+    function performConcurrentWorkOnRoot(root, didTimeout) {
+      {
+        resetNestedUpdateFlag();
+      }
 
-            outer: while (parentFiber !== null) {
-              switch (parentFiber.tag) {
-                case HostRoot:
-                  var root = parentFiber.stateNode;
-                  root.effectDuration += effectDuration;
-                  break outer;
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        throw new Error("Should not already be working.");
+      } // Flush any pending passive effects before deciding which lanes to work on,
+      // in case they schedule additional work.
 
-                case Profiler:
-                  var parentStateNode = parentFiber.stateNode;
-                  parentStateNode.effectDuration += effectDuration;
-                  break outer;
-              }
+      var originalCallbackNode = root.callbackNode;
+      var didFlushPassiveEffects = flushPassiveEffects();
 
-              parentFiber = parentFiber.return;
+      if (didFlushPassiveEffects) {
+        // Something in the passive effect phase may have canceled the current task.
+        // Check if the task node for this root was changed.
+        if (root.callbackNode !== originalCallbackNode) {
+          // The current task was canceled. Exit. We don't need to call
+          // `ensureRootIsScheduled` because the check above implies either that
+          // there's a new task, or that there's no remaining work on this root.
+          return null;
+        }
+      } // Determine the next lanes to work on, using the fields stored
+      // on the root.
+      // TODO: This was already computed in the caller. Pass it as an argument.
+
+      var lanes = getNextLanes(
+        root,
+        root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
+      );
+
+      if (lanes === NoLanes) {
+        // Defensive coding. This is never expected to happen.
+        return null;
+      } // We disable time-slicing in some cases: if the work has been CPU-bound
+      // for too long ("expired" work, to prevent starvation), or we're in
+      // sync-updates-by-default mode.
+      // TODO: We only check `didTimeout` defensively, to account for a Scheduler
+      // bug we're still investigating. Once the bug in Scheduler is fixed,
+      // we can remove this, since we track expiration ourselves.
+
+      var shouldTimeSlice =
+        !includesBlockingLane(root, lanes) &&
+        !includesExpiredLane(root, lanes) &&
+        !didTimeout;
+      var exitStatus = shouldTimeSlice
+        ? renderRootConcurrent(root, lanes)
+        : renderRootSync(root, lanes);
+
+      if (exitStatus !== RootInProgress) {
+        var renderWasConcurrent = shouldTimeSlice;
+
+        do {
+          if (exitStatus === RootDidNotComplete) {
+            // The render unwound without completing the tree. This happens in special
+            // cases where need to exit the current render without producing a
+            // consistent tree or committing.
+            markRootSuspended(root, lanes, NoLane);
+          } else {
+            // The render completed.
+            // Check if this render may have yielded to a concurrent event, and if so,
+            // confirm that any newly rendered stores are consistent.
+            // TODO: It's possible that even a concurrent render may never have yielded
+            // to the main thread, if it was fast enough, or if it expired. We could
+            // skip the consistency check in that case, too.
+            var finishedWork = root.current.alternate;
+
+            if (
+              renderWasConcurrent &&
+              !isRenderConsistentWithExternalStores(finishedWork)
+            ) {
+              // A store was mutated in an interleaved event. Render again,
+              // synchronously, to block further mutations.
+              exitStatus = renderRootSync(root, lanes); // We assume the tree is now consistent because we didn't yield to any
+              // concurrent events.
+
+              renderWasConcurrent = false; // Need to check the exit status again.
+
+              continue;
+            } // Check if something threw
+
+            if (exitStatus === RootErrored) {
+              var originallyAttemptedLanes = lanes;
+              var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                root,
+                originallyAttemptedLanes
+              );
+
+              if (errorRetryLanes !== NoLanes) {
+                lanes = errorRetryLanes;
+                exitStatus = recoverFromConcurrentError(
+                  root,
+                  originallyAttemptedLanes,
+                  errorRetryLanes
+                );
+                renderWasConcurrent = false;
+              }
             }
+
+            if (exitStatus === RootFatalErrored) {
+              var fatalError = workInProgressRootFatalError;
+              prepareFreshStack(root, NoLanes);
+              markRootSuspended(root, lanes, NoLane);
+              ensureRootIsScheduled(root);
+              throw fatalError;
+            } // We now have a consistent tree. The next step is either to commit it,
+            // or, if something suspended, wait to commit it after a timeout.
+
+            root.finishedWork = finishedWork;
+            root.finishedLanes = lanes;
+            finishConcurrentRender(root, exitStatus, finishedWork, lanes);
           }
-        }
 
-        break;
+          break;
+        } while (true);
       }
 
-      case SuspenseComponent: {
-        break;
+      ensureRootIsScheduled(root);
+      return getContinuationForRoot(root, originalCallbackNode);
+    }
+
+    function recoverFromConcurrentError(
+      root,
+      originallyAttemptedLanes,
+      errorRetryLanes
+    ) {
+      // If an error occurred during hydration, discard server response and fall
+      // back to client side render.
+      // Before rendering again, save the errors from the previous attempt.
+      var errorsFromFirstAttempt = workInProgressRootConcurrentErrors;
+      var wasRootDehydrated = isRootDehydrated(root);
+
+      if (wasRootDehydrated) {
+        // The shell failed to hydrate. Set a flag to force a client rendering
+        // during the next attempt. To do this, we call prepareFreshStack now
+        // to create the root work-in-progress fiber. This is a bit weird in terms
+        // of factoring, because it relies on renderRootSync not calling
+        // prepareFreshStack again in the call below, which happens because the
+        // root and lanes haven't changed.
+        //
+        // TODO: I think what we should do is set ForceClientRender inside
+        // throwException, like we do for nested Suspense boundaries. The reason
+        // it's here instead is so we can switch to the synchronous work loop, too.
+        // Something to consider for a future refactor.
+        var rootWorkInProgress = prepareFreshStack(root, errorRetryLanes);
+        rootWorkInProgress.flags |= ForceClientRender;
+
+        {
+          errorHydratingContainer();
+        }
       }
 
-      case SuspenseListComponent:
-      case IncompleteClassComponent:
-      case ScopeComponent:
-      case OffscreenComponent:
-      case LegacyHiddenComponent:
-      case TracingMarkerComponent: {
-        break;
+      var exitStatus = renderRootSync(root, errorRetryLanes);
+
+      if (exitStatus !== RootErrored) {
+        // Successfully finished rendering on retry
+        if (workInProgressRootDidAttachPingListener && !wasRootDehydrated) {
+          // During the synchronous render, we attached additional ping listeners.
+          // This is highly suggestive of an uncached promise (though it's not the
+          // only reason this would happen). If it was an uncached promise, then
+          // it may have masked a downstream error from ocurring without actually
+          // fixing it. Example:
+          //
+          //    use(Promise.resolve('uncached'))
+          //    throw new Error('Oops!')
+          //
+          // When this happens, there's a conflict between blocking potential
+          // concurrent data races and unwrapping uncached promise values. We
+          // have to choose one or the other. Because the data race recovery is
+          // a last ditch effort, we'll disable it.
+          root.errorRecoveryDisabledLanes = mergeLanes(
+            root.errorRecoveryDisabledLanes,
+            originallyAttemptedLanes
+          ); // Mark the current render as suspended and force it to restart. Once
+          // these lanes finish successfully, we'll re-enable the error recovery
+          // mechanism for subsequent updates.
+
+          workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes;
+          return RootSuspendedWithDelay;
+        } // The errors from the failed first attempt have been recovered. Add
+        // them to the collection of recoverable errors. We'll log them in the
+        // commit phase.
+
+        var errorsFromSecondAttempt = workInProgressRootRecoverableErrors;
+        workInProgressRootRecoverableErrors = errorsFromFirstAttempt; // The errors from the second attempt should be queued after the errors
+        // from the first attempt, to preserve the causal sequence.
+
+        if (errorsFromSecondAttempt !== null) {
+          queueRecoverableErrors(errorsFromSecondAttempt);
+        }
       }
 
-      default:
-        throw new Error(
-          "This unit of work tag should not have side-effects. This error is " +
-            "likely caused by a bug in React. Please file an issue."
-        );
+      return exitStatus;
     }
-  }
 
-  {
-    {
-      if (finishedWork.flags & Ref) {
-        commitAttachRef(finishedWork);
+    function queueRecoverableErrors(errors) {
+      if (workInProgressRootRecoverableErrors === null) {
+        workInProgressRootRecoverableErrors = errors;
+      } else {
+        // $FlowFixMe[method-unbinding]
+        workInProgressRootRecoverableErrors.push.apply(
+          workInProgressRootRecoverableErrors,
+          errors
+        );
       }
     }
-  }
-}
 
-function hideOrUnhideAllChildren(finishedWork, isHidden) {
-  // Only hide or unhide the top-most host nodes.
-  var hostSubtreeRoot = null;
+    function finishConcurrentRender(root, exitStatus, finishedWork, lanes) {
+      // TODO: The fact that most of these branches are identical suggests that some
+      // of the exit statuses are not best modeled as exit statuses and should be
+      // tracked orthogonally.
+      switch (exitStatus) {
+        case RootInProgress:
+        case RootFatalErrored: {
+          throw new Error("Root did not complete. This is a bug in React.");
+        }
 
-  {
-    // We only have the top Fiber that was inserted but we need to recurse down its
-    // children to find all the terminal nodes.
-    var node = finishedWork;
+        case RootSuspendedWithDelay: {
+          if (includesOnlyTransitions(lanes)) {
+            // This is a transition, so we should exit without committing a
+            // placeholder and without scheduling a timeout. Delay indefinitely
+            // until we receive more data.
+            markRootSuspended(root, lanes, workInProgressDeferredLane);
+            return;
+          } // Commit the placeholder.
 
-    while (true) {
-      if (node.tag === HostComponent) {
-        if (hostSubtreeRoot === null) {
-          hostSubtreeRoot = node;
+          break;
+        }
 
-          try {
-            var instance = node.stateNode;
+        case RootErrored:
+        case RootSuspended:
+        case RootCompleted: {
+          break;
+        }
 
-            if (isHidden) {
-              hideInstance(instance);
-            } else {
-              unhideInstance(node.stateNode, node.memoizedProps);
-            }
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
+        default: {
+          throw new Error("Unknown root exit status.");
         }
-      } else if (node.tag === HostText) {
-        if (hostSubtreeRoot === null) {
-          try {
-            var _instance3 = node.stateNode;
+      }
 
-            if (isHidden) {
-              hideTextInstance(_instance3);
-            } else {
-              unhideTextInstance(_instance3, node.memoizedProps);
-            }
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+      if (shouldForceFlushFallbacksInDEV()) {
+        // We're inside an `act` scope. Commit immediately.
+        commitRoot(
+          root,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          workInProgressDeferredLane
+        );
+      } else {
+        if (includesOnlyRetries(lanes) && exitStatus === RootSuspended) {
+          // This render only included retries, no updates. Throttle committing
+          // retries so that we don't show too many loading states too quickly.
+          var msUntilTimeout =
+            globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now$1(); // Don't bother with a very short suspense time.
+
+          if (msUntilTimeout > 10) {
+            markRootSuspended(root, lanes, workInProgressDeferredLane);
+            var nextLanes = getNextLanes(root, NoLanes);
+
+            if (nextLanes !== NoLanes) {
+              // There's additional work we can do on this root. We might as well
+              // attempt to work on that while we're suspended.
+              return;
+            } // The render is suspended, it hasn't timed out, and there's no
+            // lower priority work to do. Instead of committing the fallback
+            // immediately, wait for more data to arrive.
+            // TODO: Combine retry throttling with Suspensey commits. Right now they
+            // run one after the other.
+
+            root.timeoutHandle = scheduleTimeout(
+              commitRootWhenReady.bind(
+                null,
+                root,
+                finishedWork,
+                workInProgressRootRecoverableErrors,
+                workInProgressTransitions,
+                lanes,
+                workInProgressDeferredLane
+              ),
+              msUntilTimeout
+            );
+            return;
           }
         }
-      } else if (
-        (node.tag === OffscreenComponent ||
-          node.tag === LegacyHiddenComponent) &&
-        node.memoizedState !== null &&
-        node !== finishedWork
-      );
-      else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
-      }
 
-      if (node === finishedWork) {
-        return;
+        commitRootWhenReady(
+          root,
+          finishedWork,
+          workInProgressRootRecoverableErrors,
+          workInProgressTransitions,
+          lanes,
+          workInProgressDeferredLane
+        );
       }
+    }
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === finishedWork) {
+    function commitRootWhenReady(
+      root,
+      finishedWork,
+      recoverableErrors,
+      transitions,
+      lanes,
+      spawnedLane
+    ) {
+      // TODO: Combine retry throttling with Suspensey commits. Right now they run
+      // one after the other.
+      if (includesOnlyNonUrgentLanes(lanes)) {
+        // the suspensey resources. The renderer is responsible for accumulating
+        // all the load events. This all happens in a single synchronous
+        // transaction, so it track state in its own module scope.
+
+        accumulateSuspenseyCommit(finishedWork); // At the end, ask the renderer if it's ready to commit, or if we should
+        // suspend. If it's not ready, it will return a callback to subscribe to
+        // a ready event.
+
+        var schedulePendingCommit = waitForCommitToBeReady();
+
+        if (schedulePendingCommit !== null) {
+          // NOTE: waitForCommitToBeReady returns a subscribe function so that we
+          // only allocate a function if the commit isn't ready yet. The other
+          // pattern would be to always pass a callback to waitForCommitToBeReady.
+          // Not yet ready to commit. Delay the commit until the renderer notifies
+          // us that it's ready. This will be canceled if we start work on the
+          // root again.
+          root.cancelPendingCommit = schedulePendingCommit(
+            commitRoot.bind(null, root, recoverableErrors, transitions)
+          );
+          markRootSuspended(root, lanes, spawnedLane);
           return;
         }
+      } // Otherwise, commit immediately.
 
-        if (hostSubtreeRoot === node) {
-          hostSubtreeRoot = null;
-        }
+      commitRoot(root, recoverableErrors, transitions, spawnedLane);
+    }
 
-        node = node.return;
-      }
+    function isRenderConsistentWithExternalStores(finishedWork) {
+      // Search the rendered tree for external store reads, and check whether the
+      // stores were mutated in a concurrent event. Intentionally using an iterative
+      // loop instead of recursion so we can exit early.
+      var node = finishedWork;
 
-      if (hostSubtreeRoot === node) {
-        hostSubtreeRoot = null;
-      }
+      while (true) {
+        if (node.flags & StoreConsistency) {
+          var updateQueue = node.updateQueue;
 
-      node.sibling.return = node.return;
-      node = node.sibling;
-    }
-  }
-}
+          if (updateQueue !== null) {
+            var checks = updateQueue.stores;
 
-function commitAttachRef(finishedWork) {
-  var ref = finishedWork.ref;
+            if (checks !== null) {
+              for (var i = 0; i < checks.length; i++) {
+                var check = checks[i];
+                var getSnapshot = check.getSnapshot;
+                var renderedValue = check.value;
 
-  if (ref !== null) {
-    var instance = finishedWork.stateNode;
-    var instanceToUse;
+                try {
+                  if (!objectIs(getSnapshot(), renderedValue)) {
+                    // Found an inconsistent store.
+                    return false;
+                  }
+                } catch (error) {
+                  // If `getSnapshot` throws, return `false`. This will schedule
+                  // a re-render, and the error will be rethrown during render.
+                  return false;
+                }
+              }
+            }
+          }
+        }
 
-    switch (finishedWork.tag) {
-      case HostComponent:
-        instanceToUse = getPublicInstance(instance);
-        break;
+        var child = node.child;
 
-      default:
-        instanceToUse = instance;
-    } // Moved outside to ensure DCE works with this flag
+        if (node.subtreeFlags & StoreConsistency && child !== null) {
+          child.return = node;
+          node = child;
+          continue;
+        }
 
-    if (typeof ref === "function") {
-      var retVal;
+        if (node === finishedWork) {
+          return true;
+        }
 
-      if (finishedWork.mode & ProfileMode) {
-        try {
-          startLayoutEffectTimer();
-          retVal = ref(instanceToUse);
-        } finally {
-          recordLayoutEffectDuration(finishedWork);
+        while (node.sibling === null) {
+          if (node.return === null || node.return === finishedWork) {
+            return true;
+          }
+
+          node = node.return;
         }
-      } else {
-        retVal = ref(instanceToUse);
+
+        node.sibling.return = node.return;
+        node = node.sibling;
+      } // Flow doesn't know this is unreachable, but eslint does
+      // eslint-disable-next-line no-unreachable
+
+      return true;
+    }
+
+    function markRootSuspended(root, suspendedLanes, spawnedLane) {
+      // When suspending, we should always exclude lanes that were pinged or (more
+      // rarely, since we try to avoid it) updated during the render phase.
+      // TODO: Lol maybe there's a better way to factor this besides this
+      // obnoxiously named function :)
+      suspendedLanes = removeLanes(
+        suspendedLanes,
+        workInProgressRootPingedLanes
+      );
+      suspendedLanes = removeLanes(
+        suspendedLanes,
+        workInProgressRootInterleavedUpdatedLanes
+      );
+      markRootSuspended$1(root, suspendedLanes, spawnedLane);
+    } // This is the entry point for synchronous tasks that don't go
+    // through Scheduler
+
+    function performSyncWorkOnRoot(root, lanes) {
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        throw new Error("Should not already be working.");
       }
 
-      {
-        if (typeof retVal === "function") {
-          error(
-            "Unexpected return value from a callback ref in %s. " +
-              "A callback ref should not return a function.",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+      var didFlushPassiveEffects = flushPassiveEffects();
+
+      if (didFlushPassiveEffects) {
+        // If passive effects were flushed, exit to the outer work loop in the root
+        // scheduler, so we can recompute the priority.
+        // TODO: We don't actually need this `ensureRootIsScheduled` call because
+        // this path is only reachable if the root is already part of the schedule.
+        // I'm including it only for consistency with the other exit points from
+        // this function. Can address in a subsequent refactor.
+        ensureRootIsScheduled(root);
+        return null;
       }
-    } else {
+
       {
-        if (!ref.hasOwnProperty("current")) {
-          error(
-            "Unexpected ref object provided for %s. " +
-              "Use either a ref-setter function or React.createRef().",
-            getComponentNameFromFiber(finishedWork)
-          );
-        }
+        syncNestedUpdateFlag();
       }
 
-      ref.current = instanceToUse;
-    }
-  }
-}
+      var exitStatus = renderRootSync(root, lanes);
 
-function detachFiberMutation(fiber) {
-  // Cut off the return pointer to disconnect it from the tree.
-  // This enables us to detect and warn against state updates on an unmounted component.
-  // It also prevents events from bubbling from within disconnected components.
-  //
-  // Ideally, we should also clear the child pointer of the parent alternate to let this
-  // get GC:ed but we don't know which for sure which parent is the current
-  // one so we'll settle for GC:ing the subtree of this child.
-  // This child itself will be GC:ed when the parent updates the next time.
-  //
-  // Note that we can't clear child or sibling pointers yet.
-  // They're needed for passive effects and for findDOMNode.
-  // We defer those fields, and all other cleanup, to the passive phase (see detachFiberAfterEffects).
-  //
-  // Don't reset the alternate yet, either. We need that so we can detach the
-  // alternate's fields in the passive phase. Clearing the return pointer is
-  // sufficient for findDOMNode semantics.
-  var alternate = fiber.alternate;
-
-  if (alternate !== null) {
-    alternate.return = null;
-  }
-
-  fiber.return = null;
-}
+      if (root.tag !== LegacyRoot && exitStatus === RootErrored) {
+        // If something threw an error, try rendering one more time. We'll render
+        // synchronously to block concurrent data mutations, and we'll includes
+        // all pending updates are included. If it still fails after the second
+        // attempt, we'll give up and commit the resulting tree.
+        var originallyAttemptedLanes = lanes;
+        var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+          root,
+          originallyAttemptedLanes
+        );
+
+        if (errorRetryLanes !== NoLanes) {
+          lanes = errorRetryLanes;
+          exitStatus = recoverFromConcurrentError(
+            root,
+            originallyAttemptedLanes,
+            errorRetryLanes
+          );
+        }
+      }
 
-function detachFiberAfterEffects(fiber) {
-  var alternate = fiber.alternate;
-
-  if (alternate !== null) {
-    fiber.alternate = null;
-    detachFiberAfterEffects(alternate);
-  } // Note: Defensively using negation instead of < in case
-  // `deletedTreeCleanUpLevel` is undefined.
-
-  {
-    // Clear cyclical Fiber fields. This level alone is designed to roughly
-    // approximate the planned Fiber refactor. In that world, `setState` will be
-    // bound to a special "instance" object instead of a Fiber. The Instance
-    // object will not have any of these fields. It will only be connected to
-    // the fiber tree via a single link at the root. So if this level alone is
-    // sufficient to fix memory issues, that bodes well for our plans.
-    fiber.child = null;
-    fiber.deletions = null;
-    fiber.sibling = null; // The `stateNode` is cyclical because on host nodes it points to the host
-    // tree, which has its own pointers to children, parents, and siblings.
-    // The other host nodes also point back to fibers, so we should detach that
-    // one, too.
-
-    if (fiber.tag === HostComponent) {
-      var hostInstance = fiber.stateNode;
-    }
-
-    fiber.stateNode = null; // I'm intentionally not clearing the `return` field in this level. We
-    // already disconnect the `return` pointer at the root of the deleted
-    // subtree (in `detachFiberMutation`). Besides, `return` by itself is not
-    // cyclical — it's only cyclical when combined with `child`, `sibling`, and
-    // `alternate`. But we'll clear it in the next level anyway, just in case.
+      if (exitStatus === RootFatalErrored) {
+        var fatalError = workInProgressRootFatalError;
+        prepareFreshStack(root, NoLanes);
+        markRootSuspended(root, lanes, NoLane);
+        ensureRootIsScheduled(root);
+        throw fatalError;
+      }
 
-    {
-      fiber._debugOwner = null;
-    }
+      if (exitStatus === RootDidNotComplete) {
+        // The render unwound without completing the tree. This happens in special
+        // cases where need to exit the current render without producing a
+        // consistent tree or committing.
+        markRootSuspended(root, lanes, workInProgressDeferredLane);
+        ensureRootIsScheduled(root);
+        return null;
+      } // We now have a consistent tree. Because this is a sync render, we
+      // will commit it even if something suspended.
 
-    {
-      // Theoretically, nothing in here should be necessary, because we already
-      // disconnected the fiber from the tree. So even if something leaks this
-      // particular fiber, it won't leak anything else
-      //
-      // The purpose of this branch is to be super aggressive so we can measure
-      // if there's any difference in memory impact. If there is, that could
-      // indicate a React leak we don't know about.
-      fiber.return = null;
-      fiber.dependencies = null;
-      fiber.memoizedProps = null;
-      fiber.memoizedState = null;
-      fiber.pendingProps = null;
-      fiber.stateNode = null; // TODO: Move to `commitPassiveUnmountInsideDeletedTreeOnFiber` instead.
+      var finishedWork = root.current.alternate;
+      root.finishedWork = finishedWork;
+      root.finishedLanes = lanes;
+      commitRoot(
+        root,
+        workInProgressRootRecoverableErrors,
+        workInProgressTransitions,
+        workInProgressDeferredLane
+      ); // Before exiting, make sure there's a callback scheduled for the next
+      // pending level.
 
-      fiber.updateQueue = null;
+      ensureRootIsScheduled(root);
+      return null;
     }
-  }
-}
+    function getExecutionContext() {
+      return executionContext;
+    }
+    function batchedUpdates(fn, a) {
+      var prevExecutionContext = executionContext;
+      executionContext |= BatchedContext;
 
-function getHostParentFiber(fiber) {
-  var parent = fiber.return;
+      try {
+        return fn(a);
+      } finally {
+        executionContext = prevExecutionContext; // If there were legacy sync updates, flush them at the end of the outer
+        // most batchedUpdates-like method.
 
-  while (parent !== null) {
-    if (isHostParent(parent)) {
-      return parent;
+        if (
+          executionContext === NoContext && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
+          !ReactCurrentActQueue.isBatchingLegacy
+        ) {
+          resetRenderTimer();
+          flushSyncWorkOnLegacyRootsOnly();
+        }
+      }
     }
+    // Warning, this opts-out of checking the function body.
+    // eslint-disable-next-line no-unused-vars
+    // eslint-disable-next-line no-redeclare
+    // eslint-disable-next-line no-redeclare
+
+    function flushSync(fn) {
+      // In legacy mode, we flush pending passive effects at the beginning of the
+      // next event, not at the end of the previous one.
+      if (
+        rootWithPendingPassiveEffects !== null &&
+        rootWithPendingPassiveEffects.tag === LegacyRoot &&
+        (executionContext & (RenderContext | CommitContext)) === NoContext
+      ) {
+        flushPassiveEffects();
+      }
 
-    parent = parent.return;
-  }
+      var prevExecutionContext = executionContext;
+      executionContext |= BatchedContext;
+      var prevTransition = ReactCurrentBatchConfig.transition;
+      var previousPriority = getCurrentUpdatePriority();
 
-  throw new Error(
-    "Expected to find a host parent. This error is likely caused by a bug " +
-      "in React. Please file an issue."
-  );
-}
+      try {
+        ReactCurrentBatchConfig.transition = null;
+        setCurrentUpdatePriority(DiscreteEventPriority);
 
-function isHostParent(fiber) {
-  return (
-    fiber.tag === HostComponent ||
-    fiber.tag === HostRoot ||
-    fiber.tag === HostPortal
-  );
-}
+        if (fn) {
+          return fn();
+        } else {
+          return undefined;
+        }
+      } finally {
+        setCurrentUpdatePriority(previousPriority);
+        ReactCurrentBatchConfig.transition = prevTransition;
+        executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
+        // Note that this will happen even if batchedUpdates is higher up
+        // the stack.
 
-function getHostSibling(fiber) {
-  // We're going to search forward into the tree until we find a sibling host
-  // node. Unfortunately, if multiple insertions are done in a row we have to
-  // search past them. This leads to exponential search for the next sibling.
-  // TODO: Find a more efficient way to do this.
-  var node = fiber;
-
-  siblings: while (true) {
-    // If we didn't find anything, let's try the next sibling.
-    while (node.sibling === null) {
-      if (node.return === null || isHostParent(node.return)) {
-        // If we pop out of the root or hit the parent the fiber we are the
-        // last sibling.
-        return null;
+        if (
+          (executionContext & (RenderContext | CommitContext)) ===
+          NoContext
+        ) {
+          flushSyncWorkOnAllRoots();
+        }
       }
+    }
+    // hidden subtree. The stack logic is managed there because that's the only
+    // place that ever modifies it. Which module it lives in doesn't matter for
+    // performance because this function will get inlined regardless
 
-      node = node.return;
+    function setEntangledRenderLanes(newEntangledRenderLanes) {
+      entangledRenderLanes = newEntangledRenderLanes;
+    }
+    function getEntangledRenderLanes() {
+      return entangledRenderLanes;
     }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
+    function resetWorkInProgressStack() {
+      if (workInProgress === null) return;
+      var interruptedWork;
 
-    while (
-      node.tag !== HostComponent &&
-      node.tag !== HostText &&
-      node.tag !== DehydratedFragment
-    ) {
-      // If it is not host node and, we might have a host node inside it.
-      // Try to search down until we find one.
-      if (node.flags & Placement) {
-        // If we don't have a child, try the siblings instead.
-        continue siblings;
-      } // If we don't have a child, try the siblings instead.
-      // We also skip portals because they are not part of this host tree.
-
-      if (node.child === null || node.tag === HostPortal) {
-        continue siblings;
+      if (workInProgressSuspendedReason === NotSuspended) {
+        // Normal case. Work-in-progress hasn't started yet. Unwind all
+        // its parents.
+        interruptedWork = workInProgress.return;
       } else {
-        node.child.return = node;
-        node = node.child;
+        // Work-in-progress is in suspended state. Reset the work loop and unwind
+        // both the suspended fiber and all its parents.
+        resetSuspendedWorkLoopOnUnwind(workInProgress);
+        interruptedWork = workInProgress;
       }
-    } // Check if this host node is stable or about to be placed.
 
-    if (!(node.flags & Placement)) {
-      // Found it!
-      return node.stateNode;
+      while (interruptedWork !== null) {
+        var current = interruptedWork.alternate;
+        unwindInterruptedWork(current, interruptedWork);
+        interruptedWork = interruptedWork.return;
+      }
+
+      workInProgress = null;
     }
-  }
-}
 
-function commitPlacement(finishedWork) {
-  var parentFiber = getHostParentFiber(finishedWork); // Note: these two variables *must* always be updated together.
+    function prepareFreshStack(root, lanes) {
+      root.finishedWork = null;
+      root.finishedLanes = NoLanes;
+      var timeoutHandle = root.timeoutHandle;
 
-  switch (parentFiber.tag) {
-    case HostComponent: {
-      var parent = parentFiber.stateNode;
+      if (timeoutHandle !== noTimeout) {
+        // The root previous suspended and scheduled a timeout to commit a fallback
+        // state. Now that we have additional work, cancel the timeout.
+        root.timeoutHandle = noTimeout; // $FlowFixMe[incompatible-call] Complains noTimeout is not a TimeoutID, despite the check above
 
-      if (parentFiber.flags & ContentReset) {
-        parentFiber.flags &= ~ContentReset;
+        cancelTimeout(timeoutHandle);
       }
 
-      var before = getHostSibling(finishedWork); // We only have the top Fiber that was inserted but we need to recurse down its
-      // children to find all the terminal nodes.
+      var cancelPendingCommit = root.cancelPendingCommit;
 
-      insertOrAppendPlacementNode(finishedWork, before, parent);
-      break;
-    }
+      if (cancelPendingCommit !== null) {
+        root.cancelPendingCommit = null;
+        cancelPendingCommit();
+      }
 
-    case HostRoot:
-    case HostPortal: {
-      var _parent = parentFiber.stateNode.containerInfo;
+      resetWorkInProgressStack();
+      workInProgressRoot = root;
+      var rootWorkInProgress = createWorkInProgress(root.current, null);
+      workInProgress = rootWorkInProgress;
+      workInProgressRootRenderLanes = lanes;
+      workInProgressSuspendedReason = NotSuspended;
+      workInProgressThrownValue = null;
+      workInProgressRootDidAttachPingListener = false;
+      workInProgressRootExitStatus = RootInProgress;
+      workInProgressRootFatalError = null;
+      workInProgressRootSkippedLanes = NoLanes;
+      workInProgressRootInterleavedUpdatedLanes = NoLanes;
+      workInProgressRootPingedLanes = NoLanes;
+      workInProgressDeferredLane = NoLane;
+      workInProgressRootConcurrentErrors = null;
+      workInProgressRootRecoverableErrors = null; // Get the lanes that are entangled with whatever we're about to render. We
+      // track these separately so we can distinguish the priority of the render
+      // task from the priority of the lanes it is entangled with. For example, a
+      // transition may not be allowed to finish unless it includes the Sync lane,
+      // which is currently suspended. We should be able to render the Transition
+      // and Sync lane in the same batch, but at Transition priority, because the
+      // Sync lane already suspended.
 
-      var _before = getHostSibling(finishedWork);
+      entangledRenderLanes = getEntangledLanes(root, lanes);
+      finishQueueingConcurrentUpdates();
 
-      insertOrAppendPlacementNodeIntoContainer(finishedWork, _before, _parent);
-      break;
-    }
-    // eslint-disable-next-line-no-fallthrough
+      {
+        ReactStrictModeWarnings.discardPendingWarnings();
+      }
 
-    default:
-      throw new Error(
-        "Invalid host parent fiber. This error is likely caused by a bug " +
-          "in React. Please file an issue."
-      );
-  }
-}
+      return rootWorkInProgress;
+    }
 
-function insertOrAppendPlacementNodeIntoContainer(node, before, parent) {
-  var tag = node.tag;
-  var isHost = tag === HostComponent || tag === HostText;
+    function resetSuspendedWorkLoopOnUnwind(fiber) {
+      // Reset module-level state that was set during the render phase.
+      resetContextDependencies();
+      resetHooksOnUnwind(fiber);
+      resetChildReconcilerOnUnwind();
+    }
 
-  if (isHost) {
-    var stateNode = node.stateNode;
+    function handleThrow(root, thrownValue) {
+      // A component threw an exception. Usually this is because it suspended, but
+      // it also includes regular program errors.
+      //
+      // We're either going to unwind the stack to show a Suspense or error
+      // boundary, or we're going to replay the component again. Like after a
+      // promise resolves.
+      //
+      // Until we decide whether we're going to unwind or replay, we should preserve
+      // the current state of the work loop without resetting anything.
+      //
+      // If we do decide to unwind the stack, module-level variables will be reset
+      // in resetSuspendedWorkLoopOnUnwind.
+      // These should be reset immediately because they're only supposed to be set
+      // when React is executing user code.
+      resetHooksAfterThrow();
+      resetCurrentFiber();
+      ReactCurrentOwner$1.current = null;
+
+      if (thrownValue === SuspenseException) {
+        // This is a special type of exception used for Suspense. For historical
+        // reasons, the rest of the Suspense implementation expects the thrown value
+        // to be a thenable, because before `use` existed that was the (unstable)
+        // API for suspending. This implementation detail can change later, once we
+        // deprecate the old API in favor of `use`.
+        thrownValue = getSuspendedThenable();
+        workInProgressSuspendedReason =
+          shouldRemainOnPreviousScreen() && // Check if there are other pending updates that might possibly unblock this
+          // component from suspending. This mirrors the check in
+          // renderDidSuspendDelayIfPossible. We should attempt to unify them somehow.
+          // TODO: Consider unwinding immediately, using the
+          // SuspendedOnHydration mechanism.
+          !includesNonIdleWork(workInProgressRootSkippedLanes) &&
+          !includesNonIdleWork(workInProgressRootInterleavedUpdatedLanes) // Suspend work loop until data resolves
+            ? SuspendedOnData // Don't suspend work loop, except to check if the data has
+            : // immediately resolved (i.e. in a microtask). Otherwise, trigger the
+              // nearest Suspense fallback.
+              SuspendedOnImmediate;
+      } else if (thrownValue === SuspenseyCommitException) {
+        thrownValue = getSuspendedThenable();
+        workInProgressSuspendedReason = SuspendedOnInstance;
+      } else if (thrownValue === SelectiveHydrationException) {
+        // An update flowed into a dehydrated boundary. Before we can apply the
+        // update, we need to finish hydrating. Interrupt the work-in-progress
+        // render so we can restart at the hydration lane.
+        //
+        // The ideal implementation would be able to switch contexts without
+        // unwinding the current stack.
+        //
+        // We could name this something more general but as of now it's the only
+        // case where we think this should happen.
+        workInProgressSuspendedReason = SuspendedOnHydration;
+      } else {
+        // This is a regular error.
+        var isWakeable =
+          thrownValue !== null &&
+          typeof thrownValue === "object" &&
+          typeof thrownValue.then === "function";
+        workInProgressSuspendedReason = isWakeable // A wakeable object was thrown by a legacy Suspense implementation.
+          ? // This has slightly different behavior than suspending with `use`.
+            SuspendedOnDeprecatedThrowPromise // This is a regular error. If something earlier in the component already
+          : // suspended, we must clear the thenable state to unblock the work loop.
+            SuspendedOnError;
+      }
 
-    if (before) {
-      insertInContainerBefore(parent);
-    } else {
-      appendChildToContainer(parent, stateNode);
-    }
-  } else if (tag === HostPortal);
-  else {
-    var child = node.child;
+      workInProgressThrownValue = thrownValue;
+      var erroredWork = workInProgress;
 
-    if (child !== null) {
-      insertOrAppendPlacementNodeIntoContainer(child, before, parent);
-      var sibling = child.sibling;
+      if (erroredWork === null) {
+        // This is a fatal error
+        workInProgressRootExitStatus = RootFatalErrored;
+        workInProgressRootFatalError = thrownValue;
+        return;
+      }
 
-      while (sibling !== null) {
-        insertOrAppendPlacementNodeIntoContainer(sibling, before, parent);
-        sibling = sibling.sibling;
+      if (erroredWork.mode & ProfileMode) {
+        // Record the time spent rendering before an error was thrown. This
+        // avoids inaccurate Profiler durations in the case of a
+        // suspended render.
+        stopProfilerTimerIfRunningAndRecordDelta(erroredWork, true);
       }
     }
-  }
-}
 
-function insertOrAppendPlacementNode(node, before, parent) {
-  var tag = node.tag;
-  var isHost = tag === HostComponent || tag === HostText;
-
-  if (isHost) {
-    var stateNode = node.stateNode;
-
-    if (before) {
-      insertBefore(parent, stateNode, before);
-    } else {
-      appendChild(parent, stateNode);
-    }
-  } else if (tag === HostPortal);
-  else {
-    var child = node.child;
-
-    if (child !== null) {
-      insertOrAppendPlacementNode(child, before, parent);
-      var sibling = child.sibling;
-
-      while (sibling !== null) {
-        insertOrAppendPlacementNode(sibling, before, parent);
-        sibling = sibling.sibling;
-      }
-    }
-  }
-} // These are tracked on the stack as we recursively traverse a
-// deleted subtree.
-// TODO: Update these during the whole mutation phase, not just during
-// a deletion.
-
-var hostParent = null;
-var hostParentIsContainer = false;
-
-function commitDeletionEffects(root, returnFiber, deletedFiber) {
-  {
-    // We only have the top Fiber that was deleted but we need to recurse down its
-    // children to find all the terminal nodes.
-    // Recursively delete all host nodes from the parent, detach refs, clean
-    // up mounted layout effects, and call componentWillUnmount.
-    // We only need to remove the topmost host child in each branch. But then we
-    // still need to keep traversing to unmount effects, refs, and cWU. TODO: We
-    // could split this into two separate traversals functions, where the second
-    // one doesn't include any removeChild logic. This is maybe the same
-    // function as "disappearLayoutEffects" (or whatever that turns into after
-    // the layout phase is refactored to use recursion).
-    // Before starting, find the nearest host parent on the stack so we know
-    // which instance/container to remove the children from.
-    // TODO: Instead of searching up the fiber return path on every deletion, we
-    // can track the nearest host component on the JS stack as we traverse the
-    // tree during the commit phase. This would make insertions faster, too.
-    var parent = returnFiber;
-
-    findParent: while (parent !== null) {
-      switch (parent.tag) {
-        case HostComponent: {
-          hostParent = parent.stateNode;
-          hostParentIsContainer = false;
-          break findParent;
-        }
-
-        case HostRoot: {
-          hostParent = parent.stateNode.containerInfo;
-          hostParentIsContainer = true;
-          break findParent;
-        }
+    function shouldRemainOnPreviousScreen() {
+      // This is asking whether it's better to suspend the transition and remain
+      // on the previous screen, versus showing a fallback as soon as possible. It
+      // takes into account both the priority of render and also whether showing a
+      // fallback would produce a desirable user experience.
+      var handler = getSuspenseHandler();
 
-        case HostPortal: {
-          hostParent = parent.stateNode.containerInfo;
-          hostParentIsContainer = true;
-          break findParent;
+      if (handler === null) {
+        // There's no Suspense boundary that can provide a fallback. We have no
+        // choice but to remain on the previous screen.
+        // NOTE: We do this even for sync updates, for lack of any better option. In
+        // the future, we may change how we handle this, like by putting the whole
+        // root into a "detached" mode.
+        return true;
+      } // TODO: Once `use` has fully replaced the `throw promise` pattern, we should
+      // be able to remove the equivalent check in finishConcurrentRender, and rely
+      // just on this one.
+
+      if (includesOnlyTransitions(workInProgressRootRenderLanes)) {
+        if (getShellBoundary() === null) {
+          // We're rendering inside the "shell" of the app. Activating the nearest
+          // fallback would cause visible content to disappear. It's better to
+          // suspend the transition and remain on the previous screen.
+          return true;
+        } else {
+          // We're rendering content that wasn't part of the previous screen.
+          // Rather than block the transition, it's better to show a fallback as
+          // soon as possible. The appearance of any nested fallbacks will be
+          // throttled to avoid jank.
+          return false;
         }
       }
 
-      parent = parent.return;
-    }
+      if (
+        includesOnlyRetries(workInProgressRootRenderLanes) || // In this context, an OffscreenLane counts as a Retry
+        // TODO: It's become increasingly clear that Retries and Offscreen are
+        // deeply connected. They probably can be unified further.
+        includesSomeLane(workInProgressRootRenderLanes, OffscreenLane)
+      ) {
+        // During a retry, we can suspend rendering if the nearest Suspense boundary
+        // is the boundary of the "shell", because we're guaranteed not to block
+        // any new content from appearing.
+        //
+        // The reason we must check if this is a retry is because it guarantees
+        // that suspending the work loop won't block an actual update, because
+        // retries don't "update" anything; they fill in fallbacks that were left
+        // behind by a previous transition.
+        return handler === getShellBoundary();
+      } // For all other Lanes besides Transitions and Retries, we should not wait
+      // for the data to load.
 
-    if (hostParent === null) {
-      throw new Error(
-        "Expected to find a host parent. This error is likely caused by " +
-          "a bug in React. Please file an issue."
-      );
+      return false;
     }
 
-    commitDeletionEffectsOnFiber(root, returnFiber, deletedFiber);
-    hostParent = null;
-    hostParentIsContainer = false;
-  }
-
-  detachFiberMutation(deletedFiber);
-}
-
-function recursivelyTraverseDeletionEffects(
-  finishedRoot,
-  nearestMountedAncestor,
-  parent
-) {
-  // TODO: Use a static flag to skip trees that don't have unmount effects
-  var child = parent.child;
-
-  while (child !== null) {
-    commitDeletionEffectsOnFiber(finishedRoot, nearestMountedAncestor, child);
-    child = child.sibling;
-  }
-}
-
-function commitDeletionEffectsOnFiber(
-  finishedRoot,
-  nearestMountedAncestor,
-  deletedFiber
-) {
-  onCommitUnmount(deletedFiber); // The cases in this outer switch modify the stack before they traverse
-  // into their subtree. There are simpler cases in the inner switch
-  // that don't modify the stack.
-
-  switch (deletedFiber.tag) {
-    case HostComponent: {
-      {
-        safelyDetachRef(deletedFiber, nearestMountedAncestor);
-      } // Intentional fallthrough to next branch
-    }
-    // eslint-disable-next-line-no-fallthrough
+    function pushDispatcher(container) {
+      var prevDispatcher = ReactCurrentDispatcher.current;
+      ReactCurrentDispatcher.current = ContextOnlyDispatcher;
 
-    case HostText: {
-      // We only need to remove the nearest host child. Set the host parent
-      // to `null` on the stack to indicate that nested children don't
-      // need to be removed.
-      {
-        var prevHostParent = hostParent;
-        var prevHostParentIsContainer = hostParentIsContainer;
-        hostParent = null;
-        recursivelyTraverseDeletionEffects(
-          finishedRoot,
-          nearestMountedAncestor,
-          deletedFiber
-        );
-        hostParent = prevHostParent;
-        hostParentIsContainer = prevHostParentIsContainer;
-
-        if (hostParent !== null) {
-          // Now that all the child effects have unmounted, we can remove the
-          // node from the tree.
-          if (hostParentIsContainer) {
-            removeChildFromContainer(hostParent, deletedFiber.stateNode);
-          } else {
-            removeChild(hostParent, deletedFiber.stateNode);
-          }
-        }
+      if (prevDispatcher === null) {
+        // The React isomorphic package does not include a default dispatcher.
+        // Instead the first renderer will lazily attach one, in order to give
+        // nicer error messages.
+        return ContextOnlyDispatcher;
+      } else {
+        return prevDispatcher;
       }
-
-      return;
     }
 
-    case DehydratedFragment: {
-      // Delete the dehydrated suspense boundary and all of its content.
+    function popDispatcher(prevDispatcher) {
+      ReactCurrentDispatcher.current = prevDispatcher;
+    }
 
-      {
-        if (hostParent !== null) {
-          if (hostParentIsContainer) {
-            clearSuspenseBoundaryFromContainer(
-              hostParent,
-              deletedFiber.stateNode
-            );
-          } else {
-            clearSuspenseBoundary(hostParent, deletedFiber.stateNode);
-          }
-        }
+    function markCommitTimeOfFallback() {
+      globalMostRecentFallbackTime = now$1();
+    }
+    function markSkippedUpdateLanes(lane) {
+      workInProgressRootSkippedLanes = mergeLanes(
+        lane,
+        workInProgressRootSkippedLanes
+      );
+    }
+    function renderDidSuspend() {
+      if (workInProgressRootExitStatus === RootInProgress) {
+        workInProgressRootExitStatus = RootSuspended;
       }
-
-      return;
     }
+    function renderDidSuspendDelayIfPossible() {
+      workInProgressRootExitStatus = RootSuspendedWithDelay; // Check if there are updates that we skipped tree that might have unblocked
+      // this render.
 
-    case HostPortal: {
-      {
-        // When we go into a portal, it becomes the parent to remove from.
-        var _prevHostParent = hostParent;
-        var _prevHostParentIsContainer = hostParentIsContainer;
-        hostParent = deletedFiber.stateNode.containerInfo;
-        hostParentIsContainer = true;
-        recursivelyTraverseDeletionEffects(
-          finishedRoot,
-          nearestMountedAncestor,
-          deletedFiber
+      if (
+        (includesNonIdleWork(workInProgressRootSkippedLanes) ||
+          includesNonIdleWork(workInProgressRootInterleavedUpdatedLanes)) &&
+        workInProgressRoot !== null
+      ) {
+        // Mark the current render as suspended so that we switch to working on
+        // the updates that were skipped. Usually we only suspend at the end of
+        // the render phase.
+        // TODO: We should probably always mark the root as suspended immediately
+        // (inside this function), since by suspending at the end of the render
+        // phase introduces a potential mistake where we suspend lanes that were
+        // pinged or updated while we were rendering.
+        // TODO: Consider unwinding immediately, using the
+        // SuspendedOnHydration mechanism.
+        markRootSuspended(
+          workInProgressRoot,
+          workInProgressRootRenderLanes,
+          workInProgressDeferredLane
         );
-        hostParent = _prevHostParent;
-        hostParentIsContainer = _prevHostParentIsContainer;
       }
-
-      return;
     }
+    function renderDidError(error) {
+      if (workInProgressRootExitStatus !== RootSuspendedWithDelay) {
+        workInProgressRootExitStatus = RootErrored;
+      }
 
-    case FunctionComponent:
-    case ForwardRef:
-    case MemoComponent:
-    case SimpleMemoComponent: {
-      {
-        var updateQueue = deletedFiber.updateQueue;
+      if (workInProgressRootConcurrentErrors === null) {
+        workInProgressRootConcurrentErrors = [error];
+      } else {
+        workInProgressRootConcurrentErrors.push(error);
+      }
+    } // Called during render to determine if anything has suspended.
+    // Returns false if we're not sure.
 
-        if (updateQueue !== null) {
-          var lastEffect = updateQueue.lastEffect;
+    function renderHasNotSuspendedYet() {
+      // If something errored or completed, we can't really be sure,
+      // so those are false.
+      return workInProgressRootExitStatus === RootInProgress;
+    } // TODO: Over time, this function and renderRootConcurrent have become more
+    // and more similar. Not sure it makes sense to maintain forked paths. Consider
+    // unifying them again.
 
-          if (lastEffect !== null) {
-            var firstEffect = lastEffect.next;
-            var effect = firstEffect;
+    function renderRootSync(root, lanes) {
+      var prevExecutionContext = executionContext;
+      executionContext |= RenderContext;
+      var prevDispatcher = pushDispatcher();
+      // and prepare a fresh one. Otherwise we'll continue where we left off.
 
-            do {
-              var _effect = effect,
-                destroy = _effect.destroy,
-                tag = _effect.tag;
-
-              if (destroy !== undefined) {
-                if ((tag & Insertion) !== NoFlags$1) {
-                  safelyCallDestroy(
-                    deletedFiber,
-                    nearestMountedAncestor,
-                    destroy
-                  );
-                } else if ((tag & Layout) !== NoFlags$1) {
-                  if (deletedFiber.mode & ProfileMode) {
-                    startLayoutEffectTimer();
-                    safelyCallDestroy(
-                      deletedFiber,
-                      nearestMountedAncestor,
-                      destroy
-                    );
-                    recordLayoutEffectDuration(deletedFiber);
-                  } else {
-                    safelyCallDestroy(
-                      deletedFiber,
-                      nearestMountedAncestor,
-                      destroy
-                    );
-                  }
-                }
-              }
+      if (
+        workInProgressRoot !== root ||
+        workInProgressRootRenderLanes !== lanes
+      ) {
+        {
+          if (isDevToolsPresent) {
+            var memoizedUpdaters = root.memoizedUpdaters;
 
-              effect = effect.next;
-            } while (effect !== firstEffect);
+            if (memoizedUpdaters.size > 0) {
+              restorePendingUpdaters(root, workInProgressRootRenderLanes);
+              memoizedUpdaters.clear();
+            } // At this point, move Fibers that scheduled the upcoming work from the Map to the Set.
+            // If we bailout on this work, we'll move them back (like above).
+            // It's important to move them now in case the work spawns more work at the same priority with different updaters.
+            // That way we can keep the current update and future updates separate.
+
+            movePendingFibersToMemoized(root, lanes);
           }
         }
+
+        workInProgressTransitions = getTransitionsForLanes();
+        prepareFreshStack(root, lanes);
       }
 
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
-      return;
-    }
+      var didSuspendInShell = false;
 
-    case ClassComponent: {
-      {
-        safelyDetachRef(deletedFiber, nearestMountedAncestor);
-        var instance = deletedFiber.stateNode;
+      outer: do {
+        try {
+          if (
+            workInProgressSuspendedReason !== NotSuspended &&
+            workInProgress !== null
+          ) {
+            // The work loop is suspended. During a synchronous render, we don't
+            // yield to the main thread. Immediately unwind the stack. This will
+            // trigger either a fallback or an error boundary.
+            // TODO: For discrete and "default" updates (anything that's not
+            // flushSync), we want to wait for the microtasks the flush before
+            // unwinding. Will probably implement this using renderRootConcurrent,
+            // or merge renderRootSync and renderRootConcurrent into the same
+            // function and fork the behavior some other way.
+            var unitOfWork = workInProgress;
+            var thrownValue = workInProgressThrownValue;
+
+            switch (workInProgressSuspendedReason) {
+              case SuspendedOnHydration: {
+                // Selective hydration. An update flowed into a dehydrated tree.
+                // Interrupt the current render so the work loop can switch to the
+                // hydration lane.
+                resetWorkInProgressStack();
+                workInProgressRootExitStatus = RootDidNotComplete;
+                break outer;
+              }
 
-        if (typeof instance.componentWillUnmount === "function") {
-          safelyCallComponentWillUnmount(
-            deletedFiber,
-            nearestMountedAncestor,
-            instance
-          );
-        }
-      }
+              case SuspendedOnImmediate:
+              case SuspendedOnData: {
+                if (!didSuspendInShell && getSuspenseHandler() === null) {
+                  didSuspendInShell = true;
+                } // Intentional fallthrough
+              }
 
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
-      return;
-    }
+              default: {
+                // Unwind then continue with the normal work loop.
+                workInProgressSuspendedReason = NotSuspended;
+                workInProgressThrownValue = null;
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+                break;
+              }
+            }
+          }
 
-    case ScopeComponent: {
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
-      return;
-    }
+          workLoopSync();
+          break;
+        } catch (thrownValue) {
+          handleThrow(root, thrownValue);
+        }
+      } while (true); // Check if something suspended in the shell. We use this to detect an
+      // infinite ping loop caused by an uncached promise.
+      //
+      // Only increment this counter once per synchronous render attempt across the
+      // whole tree. Even if there are many sibling components that suspend, this
+      // counter only gets incremented once.
 
-    case OffscreenComponent: {
-      {
-        recursivelyTraverseDeletionEffects(
-          finishedRoot,
-          nearestMountedAncestor,
-          deletedFiber
-        );
+      if (didSuspendInShell) {
+        root.shellSuspendCounter++;
       }
 
-      break;
-    }
+      resetContextDependencies();
+      executionContext = prevExecutionContext;
+      popDispatcher(prevDispatcher);
 
-    default: {
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
-      return;
-    }
-  }
-}
+      if (workInProgress !== null) {
+        // This is a sync render, so we should have finished the whole tree.
+        throw new Error(
+          "Cannot commit an incomplete root. This error is likely caused by a " +
+            "bug in React. Please file an issue."
+        );
+      }
 
-function commitSuspenseCallback(finishedWork) {
-  // TODO: Move this to passive phase
-  var newState = finishedWork.memoizedState;
-}
+      workInProgressRoot = null;
+      workInProgressRootRenderLanes = NoLanes; // It's safe to process the queue now that the render phase is complete.
 
-function attachSuspenseRetryListeners(finishedWork) {
-  // If this boundary just timed out, then it will have a set of wakeables.
-  // For each wakeable, attach a listener so that when it resolves, React
-  // attempts to re-render the boundary in the primary (pre-timeout) state.
-  var wakeables = finishedWork.updateQueue;
+      finishQueueingConcurrentUpdates();
+      return workInProgressRootExitStatus;
+    } // The work loop is an extremely hot path. Tell Closure not to inline it.
 
-  if (wakeables !== null) {
-    finishedWork.updateQueue = null;
-    var retryCache = finishedWork.stateNode;
+    /** @noinline */
 
-    if (retryCache === null) {
-      retryCache = finishedWork.stateNode = new PossiblyWeakSet();
+    function workLoopSync() {
+      // Perform work without checking if we need to yield between fiber.
+      while (workInProgress !== null) {
+        performUnitOfWork(workInProgress);
+      }
     }
 
-    wakeables.forEach(function(wakeable) {
-      // Memoize using the boundary fiber to prevent redundant listeners.
-      var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
-
-      if (!retryCache.has(wakeable)) {
-        retryCache.add(wakeable);
+    function renderRootConcurrent(root, lanes) {
+      var prevExecutionContext = executionContext;
+      executionContext |= RenderContext;
+      var prevDispatcher = pushDispatcher();
+      // and prepare a fresh one. Otherwise we'll continue where we left off.
 
+      if (
+        workInProgressRoot !== root ||
+        workInProgressRootRenderLanes !== lanes
+      ) {
         {
           if (isDevToolsPresent) {
-            if (inProgressLanes !== null && inProgressRoot !== null) {
-              // If we have pending work still, associate the original updaters with it.
-              restorePendingUpdaters(inProgressRoot, inProgressLanes);
-            } else {
-              throw Error(
-                "Expected finished root and lanes to be set. This is a bug in React."
-              );
-            }
+            var memoizedUpdaters = root.memoizedUpdaters;
+
+            if (memoizedUpdaters.size > 0) {
+              restorePendingUpdaters(root, workInProgressRootRenderLanes);
+              memoizedUpdaters.clear();
+            } // At this point, move Fibers that scheduled the upcoming work from the Map to the Set.
+            // If we bailout on this work, we'll move them back (like above).
+            // It's important to move them now in case the work spawns more work at the same priority with different updaters.
+            // That way we can keep the current update and future updates separate.
+
+            movePendingFibersToMemoized(root, lanes);
           }
         }
 
-        wakeable.then(retry, retry);
+        workInProgressTransitions = getTransitionsForLanes();
+        resetRenderTimer();
+        prepareFreshStack(root, lanes);
       }
-    });
-  }
-} // This function detects when a Suspense boundary goes from visible to hidden.
-function commitMutationEffects(root, finishedWork, committedLanes) {
-  inProgressLanes = committedLanes;
-  inProgressRoot = root;
-  setCurrentFiber(finishedWork);
-  commitMutationEffectsOnFiber(finishedWork, root);
-  setCurrentFiber(finishedWork);
-  inProgressLanes = null;
-  inProgressRoot = null;
-}
 
-function recursivelyTraverseMutationEffects(root, parentFiber, lanes) {
-  // Deletions effects can be scheduled on any fiber type. They need to happen
-  // before the children effects hae fired.
-  var deletions = parentFiber.deletions;
+      outer: do {
+        try {
+          if (
+            workInProgressSuspendedReason !== NotSuspended &&
+            workInProgress !== null
+          ) {
+            // The work loop is suspended. We need to either unwind the stack or
+            // replay the suspended component.
+            var unitOfWork = workInProgress;
+            var thrownValue = workInProgressThrownValue;
+
+            resumeOrUnwind: switch (workInProgressSuspendedReason) {
+              case SuspendedOnError: {
+                // Unwind then continue with the normal work loop.
+                workInProgressSuspendedReason = NotSuspended;
+                workInProgressThrownValue = null;
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+                break;
+              }
 
-  if (deletions !== null) {
-    for (var i = 0; i < deletions.length; i++) {
-      var childToDelete = deletions[i];
+              case SuspendedOnData: {
+                var thenable = thrownValue;
+
+                if (isThenableResolved(thenable)) {
+                  // The data resolved. Try rendering the component again.
+                  workInProgressSuspendedReason = NotSuspended;
+                  workInProgressThrownValue = null;
+                  replaySuspendedUnitOfWork(unitOfWork);
+                  break;
+                } // The work loop is suspended on data. We should wait for it to
+                // resolve before continuing to render.
+                // TODO: Handle the case where the promise resolves synchronously.
+                // Usually this is handled when we instrument the promise to add a
+                // `status` field, but if the promise already has a status, we won't
+                // have added a listener until right here.
+
+                var onResolution = function () {
+                  // Check if the root is still suspended on this promise.
+                  if (
+                    workInProgressSuspendedReason === SuspendedOnData &&
+                    workInProgressRoot === root
+                  ) {
+                    // Mark the root as ready to continue rendering.
+                    workInProgressSuspendedReason = SuspendedAndReadyToContinue;
+                  } // Ensure the root is scheduled. We should do this even if we're
+                  // currently working on a different root, so that we resume
+                  // rendering later.
+
+                  ensureRootIsScheduled(root);
+                };
+
+                thenable.then(onResolution, onResolution);
+                break outer;
+              }
 
-      try {
-        commitDeletionEffects(root, parentFiber, childToDelete);
-      } catch (error) {
-        captureCommitPhaseError(childToDelete, parentFiber, error);
-      }
-    }
-  }
+              case SuspendedOnImmediate: {
+                // If this fiber just suspended, it's possible the data is already
+                // cached. Yield to the main thread to give it a chance to ping. If
+                // it does, we can retry immediately without unwinding the stack.
+                workInProgressSuspendedReason = SuspendedAndReadyToContinue;
+                break outer;
+              }
 
-  var prevDebugFiber = getCurrentFiber();
+              case SuspendedOnInstance: {
+                workInProgressSuspendedReason =
+                  SuspendedOnInstanceAndReadyToContinue;
+                break outer;
+              }
 
-  if (parentFiber.subtreeFlags & MutationMask) {
-    var child = parentFiber.child;
+              case SuspendedAndReadyToContinue: {
+                var _thenable = thrownValue;
+
+                if (isThenableResolved(_thenable)) {
+                  // The data resolved. Try rendering the component again.
+                  workInProgressSuspendedReason = NotSuspended;
+                  workInProgressThrownValue = null;
+                  replaySuspendedUnitOfWork(unitOfWork);
+                } else {
+                  // Otherwise, unwind then continue with the normal work loop.
+                  workInProgressSuspendedReason = NotSuspended;
+                  workInProgressThrownValue = null;
+                  throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+                }
 
-    while (child !== null) {
-      setCurrentFiber(child);
-      commitMutationEffectsOnFiber(child, root);
-      child = child.sibling;
-    }
-  }
+                break;
+              }
 
-  setCurrentFiber(prevDebugFiber);
-}
+              case SuspendedOnInstanceAndReadyToContinue: {
+                switch (workInProgress.tag) {
+                  case HostComponent:
+                  case HostHoistable:
+                  case HostSingleton: {
+                    // Before unwinding the stack, check one more time if the
+                    // instance is ready. It may have loaded when React yielded to
+                    // the main thread.
+                    // Assigning this to a constant so Flow knows the binding won't
+                    // be mutated by `preloadInstance`.
+                    var hostFiber = workInProgress;
+                    var type = hostFiber.type;
+                    var props = hostFiber.pendingProps;
+                    var isReady = preloadInstance(type, props);
+
+                    if (isReady) {
+                      // The data resolved. Resume the work loop as if nothing
+                      // suspended. Unlike when a user component suspends, we don't
+                      // have to replay anything because the host fiber
+                      // already completed.
+                      workInProgressSuspendedReason = NotSuspended;
+                      workInProgressThrownValue = null;
+                      var sibling = hostFiber.sibling;
+
+                      if (sibling !== null) {
+                        workInProgress = sibling;
+                      } else {
+                        var returnFiber = hostFiber.return;
+
+                        if (returnFiber !== null) {
+                          workInProgress = returnFiber;
+                          completeUnitOfWork(returnFiber);
+                        } else {
+                          workInProgress = null;
+                        }
+                      }
+
+                      break resumeOrUnwind;
+                    }
+
+                    break;
+                  }
 
-function commitMutationEffectsOnFiber(finishedWork, root, lanes) {
-  var current = finishedWork.alternate;
-  var flags = finishedWork.flags; // The effect flag should be checked *after* we refine the type of fiber,
-  // because the fiber tag is more specific. An exception is any flag related
-  // to reconcilation, because those can be set on all fiber types.
-
-  switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case MemoComponent:
-    case SimpleMemoComponent: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-
-      if (flags & Update) {
-        try {
-          commitHookEffectListUnmount(
-            Insertion | HasEffect,
-            finishedWork,
-            finishedWork.return
-          );
-          commitHookEffectListMount(Insertion | HasEffect, finishedWork);
-        } catch (error) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error);
-        } // Layout effects are destroyed during the mutation phase so that all
-        // destroy functions for all fibers are called before any create functions.
-        // This prevents sibling component effects from interfering with each other,
-        // e.g. a destroy function in one component should never override a ref set
-        // by a create function in another component during the same commit.
+                  default: {
+                    // This will fail gracefully but it's not correct, so log a
+                    // warning in dev.
+                    if (true) {
+                      error(
+                        "Unexpected type of fiber triggered a suspensey commit. " +
+                          "This is a bug in React."
+                      );
+                    }
+
+                    break;
+                  }
+                } // Otherwise, unwind then continue with the normal work loop.
 
-        if (finishedWork.mode & ProfileMode) {
-          try {
-            startLayoutEffectTimer();
-            commitHookEffectListUnmount(
-              Layout | HasEffect,
-              finishedWork,
-              finishedWork.return
-            );
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+                workInProgressSuspendedReason = NotSuspended;
+                workInProgressThrownValue = null;
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+                break;
+              }
+
+              case SuspendedOnDeprecatedThrowPromise: {
+                // Suspended by an old implementation that uses the `throw promise`
+                // pattern. The newer replaying behavior can cause subtle issues
+                // like infinite ping loops. So we maintain the old behavior and
+                // always unwind.
+                workInProgressSuspendedReason = NotSuspended;
+                workInProgressThrownValue = null;
+                throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+                break;
+              }
+
+              case SuspendedOnHydration: {
+                // Selective hydration. An update flowed into a dehydrated tree.
+                // Interrupt the current render so the work loop can switch to the
+                // hydration lane.
+                resetWorkInProgressStack();
+                workInProgressRootExitStatus = RootDidNotComplete;
+                break outer;
+              }
+
+              default: {
+                throw new Error(
+                  "Unexpected SuspendedReason. This is a bug in React."
+                );
+              }
+            }
           }
 
-          recordLayoutEffectDuration(finishedWork);
-        } else {
-          try {
-            commitHookEffectListUnmount(
-              Layout | HasEffect,
-              finishedWork,
-              finishedWork.return
-            );
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          if (true && ReactCurrentActQueue.current !== null) {
+            // `act` special case: If we're inside an `act` scope, don't consult
+            // `shouldYield`. Always keep working until the render is complete.
+            // This is not just an optimization: in a unit test environment, we
+            // can't trust the result of `shouldYield`, because the host I/O is
+            // likely mocked.
+            workLoopSync();
+          } else {
+            workLoopConcurrent();
           }
+
+          break;
+        } catch (thrownValue) {
+          handleThrow(root, thrownValue);
         }
+      } while (true);
+
+      resetContextDependencies();
+      popDispatcher(prevDispatcher);
+      executionContext = prevExecutionContext;
+
+      if (workInProgress !== null) {
+        return RootInProgress;
+      } else {
+        workInProgressRoot = null;
+        workInProgressRootRenderLanes = NoLanes; // It's safe to process the queue now that the render phase is complete.
+
+        finishQueueingConcurrentUpdates(); // Return the final exit status.
+
+        return workInProgressRootExitStatus;
       }
+    }
+    /** @noinline */
 
-      return;
+    function workLoopConcurrent() {
+      // Perform work until Scheduler asks us to yield
+      while (workInProgress !== null && !shouldYield()) {
+        // $FlowFixMe[incompatible-call] found when upgrading Flow
+        performUnitOfWork(workInProgress);
+      }
     }
 
-    case ClassComponent: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+    function performUnitOfWork(unitOfWork) {
+      // The current, flushed, state of this fiber is the alternate. Ideally
+      // nothing should rely on this, but relying on it here means that we don't
+      // need an additional field on the work in progress.
+      var current = unitOfWork.alternate;
+      setCurrentFiber(unitOfWork);
+      var next;
+
+      if ((unitOfWork.mode & ProfileMode) !== NoMode) {
+        startProfilerTimer(unitOfWork);
+        next = beginWork(current, unitOfWork, entangledRenderLanes);
+        stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
+      } else {
+        next = beginWork(current, unitOfWork, entangledRenderLanes);
+      }
+
+      resetCurrentFiber();
+      unitOfWork.memoizedProps = unitOfWork.pendingProps;
 
-      if (flags & Ref) {
-        if (current !== null) {
-          safelyDetachRef(current, current.return);
-        }
+      if (next === null) {
+        // If this doesn't spawn new work, complete the current work.
+        completeUnitOfWork(unitOfWork);
+      } else {
+        workInProgress = next;
       }
 
-      return;
+      ReactCurrentOwner$1.current = null;
     }
 
-    case HostComponent: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+    function replaySuspendedUnitOfWork(unitOfWork) {
+      // This is a fork of performUnitOfWork specifcally for replaying a fiber that
+      // just suspended.
+      //
+      var current = unitOfWork.alternate;
+      setCurrentFiber(unitOfWork);
+      var next;
+      setCurrentFiber(unitOfWork);
+      var isProfilingMode = (unitOfWork.mode & ProfileMode) !== NoMode;
 
-      if (flags & Ref) {
-        if (current !== null) {
-          safelyDetachRef(current, current.return);
-        }
+      if (isProfilingMode) {
+        startProfilerTimer(unitOfWork);
       }
 
-      {
-        // TODO: ContentReset gets cleared by the children during the commit
-        // phase. This is a refactor hazard because it means we must read
-        // flags the flags after `commitReconciliationEffects` has already run;
-        // the order matters. We should refactor so that ContentReset does not
-        // rely on mutating the flag during commit. Like by setting a flag
-        // during the render phase instead.
-        if (finishedWork.flags & ContentReset) {
-          var instance = finishedWork.stateNode;
+      switch (unitOfWork.tag) {
+        case IndeterminateComponent: {
+          // Because it suspended with `use`, we can assume it's a
+          // function component.
+          unitOfWork.tag = FunctionComponent; // Fallthrough to the next branch.
+        }
 
-          try {
-            resetTextContent(instance);
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        case SimpleMemoComponent:
+        case FunctionComponent: {
+          // Resolve `defaultProps`. This logic is copied from `beginWork`.
+          // TODO: Consider moving this switch statement into that module. Also,
+          // could maybe use this as an opportunity to say `use` doesn't work with
+          // `defaultProps` :)
+          var Component = unitOfWork.type;
+          var unresolvedProps = unitOfWork.pendingProps;
+          var resolvedProps =
+            unitOfWork.elementType === Component
+              ? unresolvedProps
+              : resolveDefaultProps(Component, unresolvedProps);
+          var context;
+
+          {
+            var unmaskedContext = getUnmaskedContext(
+              unitOfWork,
+              Component,
+              true
+            );
+            context = getMaskedContext(unitOfWork, unmaskedContext);
           }
+
+          next = replayFunctionComponent(
+            current,
+            unitOfWork,
+            resolvedProps,
+            Component,
+            context,
+            workInProgressRootRenderLanes
+          );
+          break;
         }
 
-        if (flags & Update) {
-          var _instance4 = finishedWork.stateNode;
+        case ForwardRef: {
+          // Resolve `defaultProps`. This logic is copied from `beginWork`.
+          // TODO: Consider moving this switch statement into that module. Also,
+          // could maybe use this as an opportunity to say `use` doesn't work with
+          // `defaultProps` :)
+          var _Component = unitOfWork.type.render;
+          var _unresolvedProps = unitOfWork.pendingProps;
 
-          if (_instance4 != null) {
-            // Commit the work prepared earlier.
-            var newProps = finishedWork.memoizedProps; // For hydration we reuse the update path but we treat the oldProps
-            // as the newProps. The updatePayload will contain the real change in
-            // this case.
+          var _resolvedProps =
+            unitOfWork.elementType === _Component
+              ? _unresolvedProps
+              : resolveDefaultProps(_Component, _unresolvedProps);
 
-            var oldProps = current !== null ? current.memoizedProps : newProps;
-            var type = finishedWork.type; // TODO: Type the updateQueue to be specific to host components.
+          next = replayFunctionComponent(
+            current,
+            unitOfWork,
+            _resolvedProps,
+            _Component,
+            unitOfWork.ref,
+            workInProgressRootRenderLanes
+          );
+          break;
+        }
 
-            var updatePayload = finishedWork.updateQueue;
-            finishedWork.updateQueue = null;
+        case HostComponent: {
+          // Some host components are stateful (that's how we implement form
+          // actions) but we don't bother to reuse the memoized state because it's
+          // not worth the extra code. The main reason to reuse the previous hooks
+          // is to reuse uncached promises, but we happen to know that the only
+          // promises that a host component might suspend on are definitely cached
+          // because they are controlled by us. So don't bother.
+          resetHooksOnUnwind(unitOfWork); // Fallthrough to the next branch.
+        }
 
-            if (updatePayload !== null) {
-              try {
-                commitUpdate(
-                  _instance4,
-                  updatePayload,
-                  type,
-                  oldProps,
-                  newProps,
-                  finishedWork
-                );
-              } catch (error) {
-                captureCommitPhaseError(
-                  finishedWork,
-                  finishedWork.return,
-                  error
-                );
-              }
-            }
-          }
+        default: {
+          // Other types besides function components are reset completely before
+          // being replayed. Currently this only happens when a Usable type is
+          // reconciled — the reconciler will suspend.
+          //
+          // We reset the fiber back to its original state; however, this isn't
+          // a full "unwind" because we're going to reuse the promises that were
+          // reconciled previously. So it's intentional that we don't call
+          // resetSuspendedWorkLoopOnUnwind here.
+          unwindInterruptedWork(current, unitOfWork);
+          unitOfWork = workInProgress = resetWorkInProgress(
+            unitOfWork,
+            entangledRenderLanes
+          );
+          next = beginWork(current, unitOfWork, entangledRenderLanes);
+          break;
         }
       }
 
-      return;
-    }
+      if (isProfilingMode) {
+        stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
+      } // The begin phase finished successfully without suspending. Return to the
+      // normal work loop.
 
-    case HostText: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+      resetCurrentFiber();
+      unitOfWork.memoizedProps = unitOfWork.pendingProps;
 
-      if (flags & Update) {
-        {
-          if (finishedWork.stateNode === null) {
-            throw new Error(
-              "This should have a text node initialized. This error is likely " +
-                "caused by a bug in React. Please file an issue."
-            );
-          }
+      if (next === null) {
+        // If this doesn't spawn new work, complete the current work.
+        completeUnitOfWork(unitOfWork);
+      } else {
+        workInProgress = next;
+      }
 
-          var textInstance = finishedWork.stateNode;
-          var newText = finishedWork.memoizedProps; // For hydration we reuse the update path but we treat the oldProps
-          // as the newProps. The updatePayload will contain the real change in
-          // this case.
+      ReactCurrentOwner$1.current = null;
+    }
 
-          var oldText = current !== null ? current.memoizedProps : newText;
+    function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
+      // This is a fork of performUnitOfWork specifcally for unwinding a fiber
+      // that threw an exception.
+      //
+      // Return to the normal work loop. This will unwind the stack, and potentially
+      // result in showing a fallback.
+      resetSuspendedWorkLoopOnUnwind(unitOfWork);
+      var returnFiber = unitOfWork.return;
 
-          try {
-            commitTextUpdate(textInstance, oldText, newText);
-          } catch (error) {
-            captureCommitPhaseError(finishedWork, finishedWork.return, error);
-          }
+      try {
+        // Find and mark the nearest Suspense or error boundary that can handle
+        // this "exception".
+        var didFatal = throwException(
+          root,
+          returnFiber,
+          unitOfWork,
+          thrownValue,
+          workInProgressRootRenderLanes
+        );
+
+        if (didFatal) {
+          panicOnRootError(thrownValue);
+          return;
+        }
+      } catch (error) {
+        // We had trouble processing the error. An example of this happening is
+        // when accessing the `componentDidCatch` property of an error boundary
+        // throws an error. A weird edge case. There's a regression test for this.
+        // To prevent an infinite loop, bubble the error up to the next parent.
+        if (returnFiber !== null) {
+          workInProgress = returnFiber;
+          throw error;
+        } else {
+          panicOnRootError(thrownValue);
+          return;
         }
       }
 
-      return;
+      if (unitOfWork.flags & Incomplete) {
+        // Unwind the stack until we reach the nearest boundary.
+        unwindUnitOfWork(unitOfWork);
+      } else {
+        // Although the fiber suspended, we're intentionally going to commit it in
+        // an inconsistent state. We can do this safely in cases where we know the
+        // inconsistent tree will be hidden.
+        //
+        // This currently only applies to Legacy Suspense implementation, but we may
+        // port a version of this to concurrent roots, too, when performing a
+        // synchronous render. Because that will allow us to mutate the tree as we
+        // go instead of buffering mutations until the end. Though it's unclear if
+        // this particular path is how that would be implemented.
+        completeUnitOfWork(unitOfWork);
+      }
     }
 
-    case HostRoot: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+    function panicOnRootError(error) {
+      // There's no ancestor that can handle this exception. This should never
+      // happen because the root is supposed to capture all errors that weren't
+      // caught by an error boundary. This is a fatal error, or panic condition,
+      // because we've run out of ways to recover.
+      workInProgressRootExitStatus = RootFatalErrored;
+      workInProgressRootFatalError = error; // Set `workInProgress` to null. This represents advancing to the next
+      // sibling, or the parent if there are no siblings. But since the root
+      // has no siblings nor a parent, we set it to null. Usually this is
+      // handled by `completeUnitOfWork` or `unwindWork`, but since we're
+      // intentionally not calling those, we need set it here.
+      // TODO: Consider calling `unwindWork` to pop the contexts.
 
-      return;
+      workInProgress = null;
     }
 
-    case HostPortal: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+    function completeUnitOfWork(unitOfWork) {
+      // Attempt to complete the current unit of work, then move to the next
+      // sibling. If there are no more siblings, return to the parent fiber.
+      var completedWork = unitOfWork;
 
-      return;
-    }
+      do {
+        {
+          if ((completedWork.flags & Incomplete) !== NoFlags$1) {
+            // NOTE: If we re-enable sibling prerendering in some cases, this branch
+            // is where we would switch to the unwinding path.
+            error(
+              "Internal React error: Expected this fiber to be complete, but " +
+                "it isn't. It should have been unwound. This is a bug in React."
+            );
+          }
+        } // The current, flushed, state of this fiber is the alternate. Ideally
+        // nothing should rely on this, but relying on it here means that we don't
+        // need an additional field on the work in progress.
 
-    case SuspenseComponent: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      var offscreenFiber = finishedWork.child;
+        var current = completedWork.alternate;
+        var returnFiber = completedWork.return;
+        setCurrentFiber(completedWork);
+        var next = void 0;
 
-      if (offscreenFiber.flags & Visibility) {
-        var offscreenInstance = offscreenFiber.stateNode;
-        var newState = offscreenFiber.memoizedState;
-        var isHidden = newState !== null; // Track the current state on the Offscreen instance so we can
-        // read it during an event
+        if ((completedWork.mode & ProfileMode) === NoMode) {
+          next = completeWork(current, completedWork, entangledRenderLanes);
+        } else {
+          startProfilerTimer(completedWork);
+          next = completeWork(current, completedWork, entangledRenderLanes); // Update render duration assuming we didn't error.
 
-        offscreenInstance.isHidden = isHidden;
+          stopProfilerTimerIfRunningAndRecordDelta(completedWork, false);
+        }
 
-        if (isHidden) {
-          var wasHidden =
-            offscreenFiber.alternate !== null &&
-            offscreenFiber.alternate.memoizedState !== null;
+        resetCurrentFiber();
 
-          if (!wasHidden) {
-            // TODO: Move to passive phase
-            markCommitTimeOfFallback();
-          }
+        if (next !== null) {
+          // Completing this fiber spawned new work. Work on that next.
+          workInProgress = next;
+          return;
         }
-      }
 
-      if (flags & Update) {
-        try {
-          commitSuspenseCallback(finishedWork);
-        } catch (error) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error);
-        }
+        var siblingFiber = completedWork.sibling;
 
-        attachSuspenseRetryListeners(finishedWork);
-      }
+        if (siblingFiber !== null) {
+          // If there is more work to do in this returnFiber, do that next.
+          workInProgress = siblingFiber;
+          return;
+        } // Otherwise, return to the parent
+        // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-      return;
-    }
+        completedWork = returnFiber; // Update the next thing we're working on in case something throws.
 
-    case OffscreenComponent: {
-      var _wasHidden = current !== null && current.memoizedState !== null;
+        workInProgress = completedWork;
+      } while (completedWork !== null); // We've reached the root.
 
-      {
-        recursivelyTraverseMutationEffects(root, finishedWork);
+      if (workInProgressRootExitStatus === RootInProgress) {
+        workInProgressRootExitStatus = RootCompleted;
       }
+    }
 
-      commitReconciliationEffects(finishedWork);
-
-      if (flags & Visibility) {
-        var _offscreenInstance = finishedWork.stateNode;
-        var _newState = finishedWork.memoizedState;
+    function unwindUnitOfWork(unitOfWork) {
+      var incompleteWork = unitOfWork;
 
-        var _isHidden = _newState !== null;
+      do {
+        // The current, flushed, state of this fiber is the alternate. Ideally
+        // nothing should rely on this, but relying on it here means that we don't
+        // need an additional field on the work in progress.
+        var current = incompleteWork.alternate; // This fiber did not complete because something threw. Pop values off
+        // the stack without entering the complete phase. If this is a boundary,
+        // capture values if possible.
+
+        var next = unwindWork(current, incompleteWork); // Because this fiber did not complete, don't reset its lanes.
+
+        if (next !== null) {
+          // Found a boundary that can handle this exception. Re-renter the
+          // begin phase. This branch will return us to the normal work loop.
+          //
+          // Since we're restarting, remove anything that is not a host effect
+          // from the effect tag.
+          next.flags &= HostEffectMask;
+          workInProgress = next;
+          return;
+        } // Keep unwinding until we reach either a boundary or the root.
 
-        var offscreenBoundary = finishedWork; // Track the current state on the Offscreen instance so we can
-        // read it during an event
+        if ((incompleteWork.mode & ProfileMode) !== NoMode) {
+          // Record the render duration for the fiber that errored.
+          stopProfilerTimerIfRunningAndRecordDelta(incompleteWork, false); // Include the time spent working on failed children before continuing.
 
-        _offscreenInstance.isHidden = _isHidden;
+          var actualDuration = incompleteWork.actualDuration;
+          var child = incompleteWork.child;
 
-        {
-          // TODO: This needs to run whenever there's an insertion or update
-          // inside a hidden Offscreen tree.
-          hideOrUnhideAllChildren(offscreenBoundary, _isHidden);
-        }
-      }
+          while (child !== null) {
+            // $FlowFixMe[unsafe-addition] addition with possible null/undefined value
+            actualDuration += child.actualDuration;
+            child = child.sibling;
+          }
 
-      return;
-    }
+          incompleteWork.actualDuration = actualDuration;
+        } // TODO: Once we stop prerendering siblings, instead of resetting the parent
+        // of the node being unwound, we should be able to reset node itself as we
+        // unwind the stack. Saves an additional null check.
 
-    case SuspenseListComponent: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
+        var returnFiber = incompleteWork.return;
 
-      if (flags & Update) {
-        attachSuspenseRetryListeners(finishedWork);
-      }
+        if (returnFiber !== null) {
+          // Mark the parent fiber as incomplete and clear its subtree flags.
+          // TODO: Once we stop prerendering siblings, we may be able to get rid of
+          // the Incomplete flag because unwinding to the nearest boundary will
+          // happen synchronously.
+          returnFiber.flags |= Incomplete;
+          returnFiber.subtreeFlags = NoFlags$1;
+          returnFiber.deletions = null;
+        } // NOTE: If we re-enable sibling prerendering in some cases, here we
+        // would switch to the normal completion path: check if a sibling
+        // exists, and if so, begin work on it.
+        // Otherwise, return to the parent
+        // $FlowFixMe[incompatible-type] we bail out when we get a null
 
-      return;
-    }
+        incompleteWork = returnFiber; // Update the next thing we're working on in case something throws.
 
-    case ScopeComponent: {
-      return;
-    }
+        workInProgress = incompleteWork;
+      } while (incompleteWork !== null); // We've unwound all the way to the root.
 
-    default: {
-      recursivelyTraverseMutationEffects(root, finishedWork);
-      commitReconciliationEffects(finishedWork);
-      return;
+      workInProgressRootExitStatus = RootDidNotComplete;
+      workInProgress = null;
     }
-  }
-}
-
-function commitReconciliationEffects(finishedWork) {
-  // Placement effects (insertions, reorders) can be scheduled on any fiber
-  // type. They needs to happen after the children effects have fired, but
-  // before the effects on this fiber have fired.
-  var flags = finishedWork.flags;
-
-  if (flags & Placement) {
-    try {
-      commitPlacement(finishedWork);
-    } catch (error) {
-      captureCommitPhaseError(finishedWork, finishedWork.return, error);
-    } // Clear the "placement" from effect tag so that we know that this is
-    // inserted, before any life-cycles like componentDidMount gets called.
-    // TODO: findDOMNode doesn't rely on this any more but isMounted does
-    // and isMounted is deprecated anyway so we should be able to kill this.
-
-    finishedWork.flags &= ~Placement;
-  }
-
-  if (flags & Hydrating) {
-    finishedWork.flags &= ~Hydrating;
-  }
-}
-
-function commitLayoutEffects(finishedWork, root, committedLanes) {
-  inProgressLanes = committedLanes;
-  inProgressRoot = root;
-  nextEffect = finishedWork;
-  commitLayoutEffects_begin(finishedWork, root, committedLanes);
-  inProgressLanes = null;
-  inProgressRoot = null;
-}
 
-function commitLayoutEffects_begin(subtreeRoot, root, committedLanes) {
-  // Suspense layout effects semantics don't change for legacy roots.
-  var isModernRoot = (subtreeRoot.mode & ConcurrentMode) !== NoMode;
+    function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
+      // TODO: This no longer makes any sense. We already wrap the mutation and
+      // layout phases. Should be able to remove.
+      var previousUpdateLanePriority = getCurrentUpdatePriority();
+      var prevTransition = ReactCurrentBatchConfig.transition;
 
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
-    var firstChild = fiber.child;
+      try {
+        ReactCurrentBatchConfig.transition = null;
+        setCurrentUpdatePriority(DiscreteEventPriority);
+        commitRootImpl(
+          root,
+          recoverableErrors,
+          transitions,
+          previousUpdateLanePriority,
+          spawnedLane
+        );
+      } finally {
+        ReactCurrentBatchConfig.transition = prevTransition;
+        setCurrentUpdatePriority(previousUpdateLanePriority);
+      }
 
-    if ((fiber.subtreeFlags & LayoutMask) !== NoFlags && firstChild !== null) {
-      firstChild.return = fiber;
-      nextEffect = firstChild;
-    } else {
-      commitLayoutMountEffects_complete(subtreeRoot, root, committedLanes);
+      return null;
     }
-  }
-}
 
-function commitLayoutMountEffects_complete(subtreeRoot, root, committedLanes) {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
+    function commitRootImpl(
+      root,
+      recoverableErrors,
+      transitions,
+      renderPriorityLevel,
+      spawnedLane
+    ) {
+      do {
+        // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
+        // means `flushPassiveEffects` will sometimes result in additional
+        // passive effects. So we need to keep flushing in a loop until there are
+        // no more pending effects.
+        // TODO: Might be better if `flushPassiveEffects` did not automatically
+        // flush synchronous work at the end, to avoid factoring hazards like this.
+        flushPassiveEffects();
+      } while (rootWithPendingPassiveEffects !== null);
 
-    if ((fiber.flags & LayoutMask) !== NoFlags) {
-      var current = fiber.alternate;
-      setCurrentFiber(fiber);
+      flushRenderPhaseStrictModeWarningsInDEV();
 
-      try {
-        commitLayoutEffectOnFiber(root, current, fiber, committedLanes);
-      } catch (error) {
-        captureCommitPhaseError(fiber, fiber.return, error);
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        throw new Error("Should not already be working.");
       }
 
-      resetCurrentFiber();
-    }
+      var finishedWork = root.finishedWork;
+      var lanes = root.finishedLanes;
 
-    if (fiber === subtreeRoot) {
-      nextEffect = null;
-      return;
-    }
+      if (finishedWork === null) {
+        return null;
+      } else {
+        {
+          if (lanes === NoLanes) {
+            error(
+              "root.finishedLanes should not be empty during a commit. This is a " +
+                "bug in React."
+            );
+          }
+        }
+      }
 
-    var sibling = fiber.sibling;
+      root.finishedWork = null;
+      root.finishedLanes = NoLanes;
 
-    if (sibling !== null) {
-      sibling.return = fiber.return;
-      nextEffect = sibling;
-      return;
-    }
+      if (finishedWork === root.current) {
+        throw new Error(
+          "Cannot commit the same tree as before. This error is likely caused by " +
+            "a bug in React. Please file an issue."
+        );
+      } // commitRoot never returns a continuation; it always finishes synchronously.
+      // So we can clear these now to allow a new callback to be scheduled.
+
+      root.callbackNode = null;
+      root.callbackPriority = NoLane;
+      root.cancelPendingCommit = null; // Check which lanes no longer have any work scheduled on them, and mark
+      // those as finished.
+
+      var remainingLanes = mergeLanes(
+        finishedWork.lanes,
+        finishedWork.childLanes
+      ); // Make sure to account for lanes that were updated by a concurrent event
+      // during the render phase; don't mark them as finished.
+
+      var concurrentlyUpdatedLanes = getConcurrentlyUpdatedLanes();
+      remainingLanes = mergeLanes(remainingLanes, concurrentlyUpdatedLanes);
+      markRootFinished(root, remainingLanes, spawnedLane);
+
+      if (root === workInProgressRoot) {
+        // We can reset these now that they are finished.
+        workInProgressRoot = null;
+        workInProgress = null;
+        workInProgressRootRenderLanes = NoLanes;
+      } // If there are pending passive effects, schedule a callback to process them.
+      // Do this as early as possible, so it is queued before anything else that
+      // might get scheduled in the commit phase. (See #16714.)
+      // TODO: Delete all other places that schedule the passive effect callback
+      // They're redundant.
 
-    nextEffect = fiber.return;
-  }
-}
+      if (
+        (finishedWork.subtreeFlags & PassiveMask) !== NoFlags$1 ||
+        (finishedWork.flags & PassiveMask) !== NoFlags$1
+      ) {
+        if (!rootDoesHavePassiveEffects) {
+          rootDoesHavePassiveEffects = true;
+          scheduleCallback(NormalPriority, function () {
+            flushPassiveEffects(); // This render triggered passive effects: release the root cache pool
+            // *after* passive effects fire to avoid freeing a cache pool that may
+            // be referenced by a node in the tree (HostRoot, Cache boundary etc)
 
-function commitPassiveMountEffects(
-  root,
-  finishedWork,
-  committedLanes,
-  committedTransitions
-) {
-  nextEffect = finishedWork;
-  commitPassiveMountEffects_begin(
-    finishedWork,
-    root,
-    committedLanes,
-    committedTransitions
-  );
-}
+            return null;
+          });
+        }
+      } // Check if there are any effects in the whole tree.
+      // TODO: This is left over from the effect list implementation, where we had
+      // to check for the existence of `firstEffect` to satisfy Flow. I think the
+      // only other reason this optimization exists is because it affects profiling.
+      // Reconsider whether this is necessary.
+
+      var subtreeHasEffects =
+        (finishedWork.subtreeFlags &
+          (BeforeMutationMask | MutationMask | LayoutMask | PassiveMask)) !==
+        NoFlags$1;
+      var rootHasEffect =
+        (finishedWork.flags &
+          (BeforeMutationMask | MutationMask | LayoutMask | PassiveMask)) !==
+        NoFlags$1;
+
+      if (subtreeHasEffects || rootHasEffect) {
+        var prevTransition = ReactCurrentBatchConfig.transition;
+        ReactCurrentBatchConfig.transition = null;
+        var previousPriority = getCurrentUpdatePriority();
+        setCurrentUpdatePriority(DiscreteEventPriority);
+        var prevExecutionContext = executionContext;
+        executionContext |= CommitContext; // Reset this to null before calling lifecycles
+
+        ReactCurrentOwner$1.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
+        // of the effect list for each phase: all mutation effects come before all
+        // layout effects, and so on.
+        // The first phase a "before mutation" phase. We use this phase to read the
+        // state of the host tree right before we mutate it. This is where
+        // getSnapshotBeforeUpdate is called.
+
+        commitBeforeMutationEffects(root, finishedWork);
 
-function commitPassiveMountEffects_begin(
-  subtreeRoot,
-  root,
-  committedLanes,
-  committedTransitions
-) {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
-    var firstChild = fiber.child;
-
-    if ((fiber.subtreeFlags & PassiveMask) !== NoFlags && firstChild !== null) {
-      firstChild.return = fiber;
-      nextEffect = firstChild;
-    } else {
-      commitPassiveMountEffects_complete(
-        subtreeRoot,
-        root,
-        committedLanes,
-        committedTransitions
-      );
-    }
-  }
-}
+        {
+          // Mark the current commit time to be shared by all Profilers in this
+          // batch. This enables them to be grouped later.
+          recordCommitTime();
+        }
 
-function commitPassiveMountEffects_complete(
-  subtreeRoot,
-  root,
-  committedLanes,
-  committedTransitions
-) {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
+        commitMutationEffects(root, finishedWork, lanes);
+        // the mutation phase, so that the previous tree is still current during
+        // componentWillUnmount, but before the layout phase, so that the finished
+        // work is current during componentDidMount/Update.
 
-    if ((fiber.flags & Passive) !== NoFlags) {
-      setCurrentFiber(fiber);
+        root.current = finishedWork; // The next phase is the layout phase, where we call effects that read
 
-      try {
-        commitPassiveMountOnFiber(
-          root,
-          fiber,
-          committedLanes,
-          committedTransitions
-        );
-      } catch (error) {
-        captureCommitPhaseError(fiber, fiber.return, error);
-      }
+        commitLayoutEffects(finishedWork, root, lanes);
+        // opportunity to paint.
 
-      resetCurrentFiber();
-    }
+        requestPaint();
+        executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
 
-    if (fiber === subtreeRoot) {
-      nextEffect = null;
-      return;
-    }
+        setCurrentUpdatePriority(previousPriority);
+        ReactCurrentBatchConfig.transition = prevTransition;
+      } else {
+        // No effects.
+        root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
+        // no effects.
+        // TODO: Maybe there's a better way to report this.
 
-    var sibling = fiber.sibling;
+        {
+          recordCommitTime();
+        }
+      }
 
-    if (sibling !== null) {
-      sibling.return = fiber.return;
-      nextEffect = sibling;
-      return;
-    }
+      var rootDidHavePassiveEffects = rootDoesHavePassiveEffects;
 
-    nextEffect = fiber.return;
-  }
-}
+      if (rootDoesHavePassiveEffects) {
+        // This commit has passive effects. Stash a reference to them. But don't
+        // schedule a callback until after flushing layout work.
+        rootDoesHavePassiveEffects = false;
+        rootWithPendingPassiveEffects = root;
+        pendingPassiveEffectsLanes = lanes;
+      } else {
+        {
+          nestedPassiveUpdateCount = 0;
+          rootWithPassiveNestedUpdates = null;
+        }
+      } // Read this again, since an effect might have updated it
 
-function commitPassiveMountOnFiber(
-  finishedRoot,
-  finishedWork,
-  committedLanes,
-  committedTransitions
-) {
-  switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      if (finishedWork.mode & ProfileMode) {
-        startPassiveEffectTimer();
+      remainingLanes = root.pendingLanes; // Check if there's remaining work on this root
+      // TODO: This is part of the `componentDidCatch` implementation. Its purpose
+      // is to detect whether something might have called setState inside
+      // `componentDidCatch`. The mechanism is known to be flawed because `setState`
+      // inside `componentDidCatch` is itself flawed — that's why we recommend
+      // `getDerivedStateFromError` instead. However, it could be improved by
+      // checking if remainingLanes includes Sync work, instead of whether there's
+      // any work remaining at all (which would also include stuff like Suspense
+      // retries or transitions). It's been like this for a while, though, so fixing
+      // it probably isn't that urgent.
 
-        try {
-          commitHookEffectListMount(Passive$1 | HasEffect, finishedWork);
-        } finally {
-          recordPassiveEffectDuration(finishedWork);
+      if (remainingLanes === NoLanes) {
+        // If there's no remaining work, we can clear the set of already failed
+        // error boundaries.
+        legacyErrorBoundariesThatAlreadyFailed = null;
+      }
+
+      {
+        if (!rootDidHavePassiveEffects) {
+          commitDoubleInvokeEffectsInDEV(root, false);
         }
-      } else {
-        commitHookEffectListMount(Passive$1 | HasEffect, finishedWork);
       }
 
-      break;
-    }
-  }
-}
+      onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
 
-function commitPassiveUnmountEffects(firstChild) {
-  nextEffect = firstChild;
-  commitPassiveUnmountEffects_begin();
-}
+      {
+        if (isDevToolsPresent) {
+          root.memoizedUpdaters.clear();
+        }
+      }
+      // additional work on this root is scheduled.
 
-function commitPassiveUnmountEffects_begin() {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
-    var child = fiber.child;
+      ensureRootIsScheduled(root);
 
-    if ((nextEffect.flags & ChildDeletion) !== NoFlags) {
-      var deletions = fiber.deletions;
+      if (recoverableErrors !== null) {
+        // There were errors during this render, but recovered from them without
+        // needing to surface it to the UI. We log them here.
+        var onRecoverableError = root.onRecoverableError;
 
-      if (deletions !== null) {
-        for (var i = 0; i < deletions.length; i++) {
-          var fiberToDelete = deletions[i];
-          nextEffect = fiberToDelete;
-          commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
-            fiberToDelete,
-            fiber
+        for (var i = 0; i < recoverableErrors.length; i++) {
+          var recoverableError = recoverableErrors[i];
+          var errorInfo = makeErrorInfo(
+            recoverableError.digest,
+            recoverableError.stack
           );
+          onRecoverableError(recoverableError.value, errorInfo);
         }
+      }
 
-        {
-          // A fiber was deleted from this parent fiber, but it's still part of
-          // the previous (alternate) parent fiber's list of children. Because
-          // children are a linked list, an earlier sibling that's still alive
-          // will be connected to the deleted fiber via its `alternate`:
-          //
-          //   live fiber
-          //   --alternate--> previous live fiber
-          //   --sibling--> deleted fiber
-          //
-          // We can't disconnect `alternate` on nodes that haven't been deleted
-          // yet, but we can disconnect the `sibling` and `child` pointers.
-          var previousFiber = fiber.alternate;
-
-          if (previousFiber !== null) {
-            var detachedChild = previousFiber.child;
+      if (hasUncaughtError) {
+        hasUncaughtError = false;
+        var error$1 = firstUncaughtError;
+        firstUncaughtError = null;
+        throw error$1;
+      } // If the passive effects are the result of a discrete render, flush them
+      // synchronously at the end of the current task so that the result is
+      // immediately observable. Otherwise, we assume that they are not
+      // order-dependent and do not need to be observed by external systems, so we
+      // can wait until after paint.
+      // TODO: We can optimize this by not scheduling the callback earlier. Since we
+      // currently schedule the callback in multiple places, will wait until those
+      // are consolidated.
 
-            if (detachedChild !== null) {
-              previousFiber.child = null;
+      if (
+        includesSyncLane(pendingPassiveEffectsLanes) &&
+        root.tag !== LegacyRoot
+      ) {
+        flushPassiveEffects();
+      } // Read this again, since a passive effect might have updated it
 
-              do {
-                var detachedSibling = detachedChild.sibling;
-                detachedChild.sibling = null;
-                detachedChild = detachedSibling;
-              } while (detachedChild !== null);
-            }
-          }
-        }
+      remainingLanes = root.pendingLanes; // Check if this render scheduled a cascading synchronous update. This is a
+      // heurstic to detect infinite update loops. We are intentionally excluding
+      // hydration lanes in this check, because render triggered by selective
+      // hydration is conceptually not an update.
 
-        nextEffect = fiber;
-      }
-    }
+      if (
+        // Was the finished render the result of an update (not hydration)?
+        includesSomeLane(lanes, UpdateLanes) && // Did it schedule a sync update?
+        includesSomeLane(remainingLanes, SyncUpdateLanes)
+      ) {
+        {
+          markNestedUpdateScheduled();
+        } // Count the number of times the root synchronously re-renders without
+        // finishing. If there are too many, it indicates an infinite update loop.
 
-    if ((fiber.subtreeFlags & PassiveMask) !== NoFlags && child !== null) {
-      child.return = fiber;
-      nextEffect = child;
-    } else {
-      commitPassiveUnmountEffects_complete();
-    }
-  }
-}
+        if (root === rootWithNestedUpdates) {
+          nestedUpdateCount++;
+        } else {
+          nestedUpdateCount = 0;
+          rootWithNestedUpdates = root;
+        }
+      } else {
+        nestedUpdateCount = 0;
+      } // If layout work was scheduled, flush it now.
 
-function commitPassiveUnmountEffects_complete() {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
+      flushSyncWorkOnAllRoots();
 
-    if ((fiber.flags & Passive) !== NoFlags) {
-      setCurrentFiber(fiber);
-      commitPassiveUnmountOnFiber(fiber);
-      resetCurrentFiber();
+      return null;
     }
 
-    var sibling = fiber.sibling;
+    function makeErrorInfo(digest, componentStack) {
+      {
+        var errorInfo = {
+          componentStack: componentStack,
+          digest: digest
+        };
+        Object.defineProperty(errorInfo, "digest", {
+          configurable: false,
+          enumerable: true,
+          get: function () {
+            error(
+              'You are accessing "digest" from the errorInfo object passed to onRecoverableError.' +
+                " This property is deprecated and will be removed in a future version of React." +
+                " To access the digest of an Error look for this property on the Error instance itself."
+            );
 
-    if (sibling !== null) {
-      sibling.return = fiber.return;
-      nextEffect = sibling;
-      return;
+            return digest;
+          }
+        });
+        return errorInfo;
+      }
     }
 
-    nextEffect = fiber.return;
-  }
-}
+    function flushPassiveEffects() {
+      // Returns whether passive effects were flushed.
+      // TODO: Combine this check with the one in flushPassiveEFfectsImpl. We should
+      // probably just combine the two functions. I believe they were only separate
+      // in the first place because we used to wrap it with
+      // `Scheduler.runWithPriority`, which accepts a function. But now we track the
+      // priority within React itself, so we can mutate the variable directly.
+      if (rootWithPendingPassiveEffects !== null) {
+        var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
+        var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
+        var prevTransition = ReactCurrentBatchConfig.transition;
+        var previousPriority = getCurrentUpdatePriority();
 
-function commitPassiveUnmountOnFiber(finishedWork) {
-  switch (finishedWork.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      if (finishedWork.mode & ProfileMode) {
-        startPassiveEffectTimer();
-        commitHookEffectListUnmount(
-          Passive$1 | HasEffect,
-          finishedWork,
-          finishedWork.return
-        );
-        recordPassiveEffectDuration(finishedWork);
-      } else {
-        commitHookEffectListUnmount(
-          Passive$1 | HasEffect,
-          finishedWork,
-          finishedWork.return
-        );
+        try {
+          ReactCurrentBatchConfig.transition = null;
+          setCurrentUpdatePriority(priority);
+          return flushPassiveEffectsImpl();
+        } finally {
+          setCurrentUpdatePriority(previousPriority);
+          ReactCurrentBatchConfig.transition = prevTransition; // Once passive effects have run for the tree - giving components a
+        }
       }
 
-      break;
-    }
-  }
-}
-
-function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
-  deletedSubtreeRoot,
-  nearestMountedAncestor
-) {
-  while (nextEffect !== null) {
-    var fiber = nextEffect; // Deletion effects fire in parent -> child order
-    // TODO: Check if fiber has a PassiveStatic flag
-
-    setCurrentFiber(fiber);
-    commitPassiveUnmountInsideDeletedTreeOnFiber(fiber, nearestMountedAncestor);
-    resetCurrentFiber();
-    var child = fiber.child; // TODO: Only traverse subtree if it has a PassiveStatic flag. (But, if we
-    // do this, still need to handle `deletedTreeCleanUpLevel` correctly.)
-
-    if (child !== null) {
-      child.return = fiber;
-      nextEffect = child;
-    } else {
-      commitPassiveUnmountEffectsInsideOfDeletedTree_complete(
-        deletedSubtreeRoot
-      );
+      return false;
     }
-  }
-}
-
-function commitPassiveUnmountEffectsInsideOfDeletedTree_complete(
-  deletedSubtreeRoot
-) {
-  while (nextEffect !== null) {
-    var fiber = nextEffect;
-    var sibling = fiber.sibling;
-    var returnFiber = fiber.return;
-
-    {
-      // Recursively traverse the entire deleted tree and clean up fiber fields.
-      // This is more aggressive than ideal, and the long term goal is to only
-      // have to detach the deleted tree at the root.
-      detachFiberAfterEffects(fiber);
+    function enqueuePendingPassiveProfilerEffect(fiber) {
+      {
+        pendingPassiveProfilerEffects.push(fiber);
 
-      if (fiber === deletedSubtreeRoot) {
-        nextEffect = null;
-        return;
+        if (!rootDoesHavePassiveEffects) {
+          rootDoesHavePassiveEffects = true;
+          scheduleCallback(NormalPriority, function () {
+            flushPassiveEffects();
+            return null;
+          });
+        }
       }
     }
 
-    if (sibling !== null) {
-      sibling.return = returnFiber;
-      nextEffect = sibling;
-      return;
-    }
-
-    nextEffect = returnFiber;
-  }
-}
-
-function commitPassiveUnmountInsideDeletedTreeOnFiber(
-  current,
-  nearestMountedAncestor
-) {
-  switch (current.tag) {
-    case FunctionComponent:
-    case ForwardRef:
-    case SimpleMemoComponent: {
-      if (current.mode & ProfileMode) {
-        startPassiveEffectTimer();
-        commitHookEffectListUnmount(Passive$1, current, nearestMountedAncestor);
-        recordPassiveEffectDuration(current);
-      } else {
-        commitHookEffectListUnmount(Passive$1, current, nearestMountedAncestor);
-      }
+    function flushPassiveEffectsImpl() {
+      if (rootWithPendingPassiveEffects === null) {
+        return false;
+      } // Cache and clear the transitions flag
+      var root = rootWithPendingPassiveEffects;
+      rootWithPendingPassiveEffects = null; // TODO: This is sometimes out of sync with rootWithPendingPassiveEffects.
+      // Figure out why and fix it. It's not causing any known issues (probably
+      // because it's only used for profiling), but it's a refactor hazard.
 
-      break;
-    }
-  }
-} // TODO: Reuse reappearLayoutEffects traversal here?
+      pendingPassiveEffectsLanes = NoLanes;
 
-var COMPONENT_TYPE = 0;
-var HAS_PSEUDO_CLASS_TYPE = 1;
-var ROLE_TYPE = 2;
-var TEST_NAME_TYPE = 3;
-var TEXT_TYPE = 4;
+      if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
+        throw new Error(
+          "Cannot flush passive effects while already rendering."
+        );
+      }
 
-if (typeof Symbol === "function" && Symbol.for) {
-  var symbolFor = Symbol.for;
-  COMPONENT_TYPE = symbolFor("selector.component");
-  HAS_PSEUDO_CLASS_TYPE = symbolFor("selector.has_pseudo_class");
-  ROLE_TYPE = symbolFor("selector.role");
-  TEST_NAME_TYPE = symbolFor("selector.test_id");
-  TEXT_TYPE = symbolFor("selector.text");
-}
+      {
+        isFlushingPassiveEffects = true;
+        didScheduleUpdateDuringPassiveEffects = false;
+      }
 
-var ReactCurrentActQueue = ReactSharedInternals.ReactCurrentActQueue;
-function isLegacyActEnvironment(fiber) {
-  {
-    // Legacy mode. We preserve the behavior of React 17's act. It assumes an
-    // act environment whenever `jest` is defined, but you can still turn off
-    // spurious warnings by setting IS_REACT_ACT_ENVIRONMENT explicitly
-    // to false.
-    var isReactActEnvironmentGlobal = // $FlowExpectedError – Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
-      typeof IS_REACT_ACT_ENVIRONMENT !== "undefined"
-        ? IS_REACT_ACT_ENVIRONMENT
-        : undefined; // $FlowExpectedError - Flow doesn't know about jest
-
-    var jestIsDefined = typeof jest !== "undefined";
-    return jestIsDefined && isReactActEnvironmentGlobal !== false;
-  }
-}
-function isConcurrentActEnvironment() {
-  {
-    var isReactActEnvironmentGlobal = // $FlowExpectedError – Flow doesn't know about IS_REACT_ACT_ENVIRONMENT global
-      typeof IS_REACT_ACT_ENVIRONMENT !== "undefined"
-        ? IS_REACT_ACT_ENVIRONMENT
-        : undefined;
-
-    if (!isReactActEnvironmentGlobal && ReactCurrentActQueue.current !== null) {
-      // TODO: Include link to relevant documentation page.
-      error(
-        "The current testing environment is not configured to support " +
-          "act(...)"
-      );
-    }
+      var prevExecutionContext = executionContext;
+      executionContext |= CommitContext;
+      commitPassiveUnmountEffects(root.current);
+      commitPassiveMountEffects(root, root.current); // TODO: Move to commitPassiveMountEffects
 
-    return isReactActEnvironmentGlobal;
-  }
-}
+      {
+        var profilerEffects = pendingPassiveProfilerEffects;
+        pendingPassiveProfilerEffects = [];
 
-var ceil = Math.ceil;
-var ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
-  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
-  ReactCurrentActQueue$1 = ReactSharedInternals.ReactCurrentActQueue;
-var NoContext =
-  /*             */
-  0;
-var BatchedContext =
-  /*               */
-  1;
-var RenderContext =
-  /*                */
-  2;
-var CommitContext =
-  /*                */
-  4;
-var RootInProgress = 0;
-var RootFatalErrored = 1;
-var RootErrored = 2;
-var RootSuspended = 3;
-var RootSuspendedWithDelay = 4;
-var RootCompleted = 5;
-var RootDidNotComplete = 6; // Describes where we are in the React execution stack
-
-var executionContext = NoContext; // The root we're working on
-
-var workInProgressRoot = null; // The fiber we're working on
-
-var workInProgress = null; // The lanes we're rendering
-
-var workInProgressRootRenderLanes = NoLanes; // Stack that allows components to change the render lanes for its subtree
-// This is a superset of the lanes we started working on at the root. The only
-// case where it's different from `workInProgressRootRenderLanes` is when we
-// enter a subtree that is hidden and needs to be unhidden: Suspense and
-// Offscreen component.
-//
-// Most things in the work loop should deal with workInProgressRootRenderLanes.
-// Most things in begin/complete phases should deal with subtreeRenderLanes.
-
-var subtreeRenderLanes = NoLanes;
-var subtreeRenderLanesCursor = createCursor(NoLanes); // Whether to root completed, errored, suspended, etc.
-
-var workInProgressRootExitStatus = RootInProgress; // A fatal error, if one is thrown
-
-var workInProgressRootFatalError = null; // "Included" lanes refer to lanes that were worked on during this render. It's
-// slightly different than `renderLanes` because `renderLanes` can change as you
-// enter and exit an Offscreen tree. This value is the combination of all render
-// lanes for the entire render phase.
-
-var workInProgressRootIncludedLanes = NoLanes; // The work left over by components that were visited during this render. Only
-// includes unprocessed updates, not work in bailed out children.
-
-var workInProgressRootSkippedLanes = NoLanes; // Lanes that were updated (in an interleaved event) during this render.
-
-var workInProgressRootInterleavedUpdatedLanes = NoLanes; // Lanes that were updated during the render phase (*not* an interleaved event).
-
-var workInProgressRootPingedLanes = NoLanes; // Errors that are thrown during the render phase.
-
-var workInProgressRootConcurrentErrors = null; // These are errors that we recovered from without surfacing them to the UI.
-// We will log them once the tree commits.
-
-var workInProgressRootRecoverableErrors = null; // The most recent time we committed a fallback. This lets us ensure a train
-// model where we don't commit new loading states in too quick succession.
-
-var globalMostRecentFallbackTime = 0;
-var FALLBACK_THROTTLE_MS = 500; // The absolute time for when we should start giving up on rendering
-// more and prefer CPU suspense heuristics instead.
-
-var workInProgressRootRenderTargetTime = Infinity; // How long a render is supposed to take before we start following CPU
-// suspense heuristics and opt out of rendering more content.
-
-var RENDER_TIMEOUT_MS = 500;
-var workInProgressTransitions = null;
-
-function resetRenderTimer() {
-  workInProgressRootRenderTargetTime = now() + RENDER_TIMEOUT_MS;
-}
+        for (var i = 0; i < profilerEffects.length; i++) {
+          var fiber = profilerEffects[i];
+          commitPassiveEffectDurations(root, fiber);
+        }
+      }
 
-function getRenderTargetTime() {
-  return workInProgressRootRenderTargetTime;
-}
-var hasUncaughtError = false;
-var firstUncaughtError = null;
-var legacyErrorBoundariesThatAlreadyFailed = null; // Only used when enableProfilerNestedUpdateScheduledHook is true;
-var rootDoesHavePassiveEffects = false;
-var rootWithPendingPassiveEffects = null;
-var pendingPassiveEffectsLanes = NoLanes;
-var pendingPassiveProfilerEffects = [];
-var pendingPassiveTransitions = null; // Use these to prevent an infinite loop of nested updates
-
-var NESTED_UPDATE_LIMIT = 50;
-var nestedUpdateCount = 0;
-var rootWithNestedUpdates = null;
-var isFlushingPassiveEffects = false;
-var didScheduleUpdateDuringPassiveEffects = false;
-var NESTED_PASSIVE_UPDATE_LIMIT = 50;
-var nestedPassiveUpdateCount = 0;
-var rootWithPassiveNestedUpdates = null; // If two updates are scheduled within the same event, we should treat their
-// event times as simultaneous, even if the actual clock time has advanced
-// between the first and second call.
-
-var currentEventTime = NoTimestamp;
-var currentEventTransitionLane = NoLanes;
-var isRunningInsertionEffect = false;
-function getWorkInProgressRoot() {
-  return workInProgressRoot;
-}
-function requestEventTime() {
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    // We're inside React, so it's fine to read the actual time.
-    return now();
-  } // We're not inside React, so we may be in the middle of a browser event.
-
-  if (currentEventTime !== NoTimestamp) {
-    // Use the same start time for all updates until we enter React again.
-    return currentEventTime;
-  } // This is the first update since React yielded. Compute a new start time.
-
-  currentEventTime = now();
-  return currentEventTime;
-}
-function requestUpdateLane(fiber) {
-  // Special cases
-  var mode = fiber.mode;
-
-  if ((mode & ConcurrentMode) === NoMode) {
-    return SyncLane;
-  } else if (
-    (executionContext & RenderContext) !== NoContext &&
-    workInProgressRootRenderLanes !== NoLanes
-  ) {
-    // This is a render phase update. These are not officially supported. The
-    // old behavior is to give this the same "thread" (lanes) as
-    // whatever is currently rendering. So if you call `setState` on a component
-    // that happens later in the same render, it will flush. Ideally, we want to
-    // remove the special case and treat them as if they came from an
-    // interleaved event. Regardless, this pattern is not officially supported.
-    // This behavior is only a fallback. The flag only exists until we can roll
-    // out the setState warning, since existing code might accidentally rely on
-    // the current behavior.
-    return pickArbitraryLane(workInProgressRootRenderLanes);
-  }
-
-  var isTransition = requestCurrentTransition() !== NoTransition;
-
-  if (isTransition) {
-    if (ReactCurrentBatchConfig$2.transition !== null) {
-      var transition = ReactCurrentBatchConfig$2.transition;
-
-      if (!transition._updatedFibers) {
-        transition._updatedFibers = new Set();
-      }
-
-      transition._updatedFibers.add(fiber);
-    } // The algorithm for assigning an update to a lane should be stable for all
-    // updates at the same priority within the same event. To do this, the
-    // inputs to the algorithm must be the same.
-    //
-    // The trick we use is to cache the first of each of these inputs within an
-    // event. Then reset the cached values once we can be sure the event is
-    // over. Our heuristic for that is whenever we enter a concurrent work loop.
-
-    if (currentEventTransitionLane === NoLane) {
-      // All transitions within the same event are assigned the same lane.
-      currentEventTransitionLane = claimNextTransitionLane();
-    }
-
-    return currentEventTransitionLane;
-  } // Updates originating inside certain React methods, like flushSync, have
-  // their priority set by tracking it with a context variable.
-  //
-  // The opaque type returned by the host config is internally a lane, so we can
-  // use that directly.
-  // TODO: Move this type conversion to the event priority module.
-
-  var updateLane = getCurrentUpdatePriority();
-
-  if (updateLane !== NoLane) {
-    return updateLane;
-  } // This update originated outside React. Ask the host environment for an
-  // appropriate priority, based on the type of event.
-  //
-  // The opaque type returned by the host config is internally a lane, so we can
-  // use that directly.
-  // TODO: Move this type conversion to the event priority module.
-
-  var eventLane = getCurrentEventPriority();
-  return eventLane;
-}
+      {
+        commitDoubleInvokeEffectsInDEV(root, true);
+      }
 
-function requestRetryLane(fiber) {
-  // This is a fork of `requestUpdateLane` designed specifically for Suspense
-  // "retries" — a special update that attempts to flip a Suspense boundary
-  // from its placeholder state to its primary/resolved state.
-  // Special cases
-  var mode = fiber.mode;
+      executionContext = prevExecutionContext;
+      flushSyncWorkOnAllRoots();
 
-  if ((mode & ConcurrentMode) === NoMode) {
-    return SyncLane;
-  }
+      {
+        // If additional passive effects were scheduled, increment a counter. If this
+        // exceeds the limit, we'll fire a warning.
+        if (didScheduleUpdateDuringPassiveEffects) {
+          if (root === rootWithPassiveNestedUpdates) {
+            nestedPassiveUpdateCount++;
+          } else {
+            nestedPassiveUpdateCount = 0;
+            rootWithPassiveNestedUpdates = root;
+          }
+        } else {
+          nestedPassiveUpdateCount = 0;
+        }
 
-  return claimNextRetryLane();
-}
+        isFlushingPassiveEffects = false;
+        didScheduleUpdateDuringPassiveEffects = false;
+      } // TODO: Move to commitPassiveMountEffects
 
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
-  checkForNestedUpdates();
+      onPostCommitRoot(root);
 
-  {
-    if (isRunningInsertionEffect) {
-      error("useInsertionEffect must not schedule updates.");
-    }
-  }
+      {
+        var stateNode = root.current.stateNode;
+        stateNode.effectDuration = 0;
+        stateNode.passiveEffectDuration = 0;
+      }
 
-  {
-    if (isFlushingPassiveEffects) {
-      didScheduleUpdateDuringPassiveEffects = true;
+      return true;
     }
-  } // Mark that the root has a pending update.
 
-  markRootUpdated(root, lane, eventTime);
+    function isAlreadyFailedLegacyErrorBoundary(instance) {
+      return (
+        legacyErrorBoundariesThatAlreadyFailed !== null &&
+        legacyErrorBoundariesThatAlreadyFailed.has(instance)
+      );
+    }
+    function markLegacyErrorBoundaryAsFailed(instance) {
+      if (legacyErrorBoundariesThatAlreadyFailed === null) {
+        legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
+      } else {
+        legacyErrorBoundariesThatAlreadyFailed.add(instance);
+      }
+    }
 
-  if (
-    (executionContext & RenderContext) !== NoLanes &&
-    root === workInProgressRoot
-  ) {
-    // This update was dispatched during the render phase. This is a mistake
-    // if the update originates from user space (with the exception of local
-    // hook updates, which are handled differently and don't reach this
-    // function), but there are some internal React features that use this as
-    // an implementation detail, like selective hydration.
-    warnAboutRenderPhaseUpdatesInDEV(fiber); // Track lanes that were updated during the render phase
-  } else {
-    // This is a normal update, scheduled from outside the render phase. For
-    // example, during an input event.
-    {
-      if (isDevToolsPresent) {
-        addFiberToLanesMap(root, fiber, lane);
+    function prepareToThrowUncaughtError(error) {
+      if (!hasUncaughtError) {
+        hasUncaughtError = true;
+        firstUncaughtError = error;
       }
     }
 
-    warnIfUpdatesNotWrappedWithActDEV(fiber);
+    var onUncaughtError = prepareToThrowUncaughtError;
 
-    if (root === workInProgressRoot) {
-      // Received an update to a tree that's in the middle of rendering. Mark
-      // that there was an interleaved update work on this root. Unless the
-      // `deferRenderPhaseUpdateToNextBatch` flag is off and this is a render
-      // phase update. In that case, we don't treat render phase updates as if
-      // they were interleaved, for backwards compat reasons.
-      if ((executionContext & RenderContext) === NoContext) {
-        workInProgressRootInterleavedUpdatedLanes = mergeLanes(
-          workInProgressRootInterleavedUpdatedLanes,
-          lane
-        );
-      }
+    function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
+      var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
+      var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
+      var root = enqueueUpdate(rootFiber, update, SyncLane);
 
-      if (workInProgressRootExitStatus === RootSuspendedWithDelay) {
-        // The root already suspended with a delay, which means this render
-        // definitely won't finish. Since we have a new update, let's mark it as
-        // suspended now, right before marking the incoming update. This has the
-        // effect of interrupting the current render and switching to the update.
-        // TODO: Make sure this doesn't override pings that happen while we've
-        // already started rendering.
-        markRootSuspended$1(root, workInProgressRootRenderLanes);
+      if (root !== null) {
+        markRootUpdated(root, SyncLane);
+        ensureRootIsScheduled(root);
       }
     }
 
-    ensureRootIsScheduled(root, eventTime);
-
-    if (
-      lane === SyncLane &&
-      executionContext === NoContext &&
-      (fiber.mode & ConcurrentMode) === NoMode && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
-      !ReactCurrentActQueue$1.isBatchingLegacy
+    function captureCommitPhaseError(
+      sourceFiber,
+      nearestMountedAncestor,
+      error$1
     ) {
-      // Flush the synchronous work now, unless we're already working or inside
-      // a batch. This is intentionally inside scheduleUpdateOnFiber instead of
-      // scheduleCallbackForFiber to preserve the ability to schedule a callback
-      // without immediately flushing it. We only do this for user-initiated
-      // updates, to preserve historical behavior of legacy mode.
-      resetRenderTimer();
-      flushSyncCallbacksOnlyInLegacyMode();
-    }
-  }
-}
-function isUnsafeClassRenderPhaseUpdate(fiber) {
-  // Check if this is a render phase update. Only called by class components,
-  // which special (deprecated) behavior for UNSAFE_componentWillReceive props.
-  return (
-    // TODO: Remove outdated deferRenderPhaseUpdateToNextBatch experiment. We
-    // decided not to enable it.
-    (executionContext & RenderContext) !== NoContext
-  );
-} // Use this function to schedule a task for a root. There's only one task per
-// root; if a task was already scheduled, we'll check to make sure the priority
-// of the existing task is the same as the priority of the next level that the
-// root has work on. This function is called on every update, and right before
-// exiting a task.
-
-function ensureRootIsScheduled(root, currentTime) {
-  var existingCallbackNode = root.callbackNode; // Check if any lanes are being starved by other work. If so, mark them as
-  // expired so we know to work on those next.
-
-  markStarvedLanesAsExpired(root, currentTime); // Determine the next lanes to work on, and their priority.
-
-  var nextLanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-  );
-
-  if (nextLanes === NoLanes) {
-    // Special case: There's nothing to work on.
-    if (existingCallbackNode !== null) {
-      cancelCallback$1(existingCallbackNode);
-    }
-
-    root.callbackNode = null;
-    root.callbackPriority = NoLane;
-    return;
-  } // We use the highest priority lane to represent the priority of the callback.
-
-  var newCallbackPriority = getHighestPriorityLane(nextLanes); // Check if there's an existing task. We may be able to reuse it.
-
-  var existingCallbackPriority = root.callbackPriority;
-
-  if (
-    existingCallbackPriority === newCallbackPriority && // Special case related to `act`. If the currently scheduled task is a
-    // Scheduler task, rather than an `act` task, cancel it and re-scheduled
-    // on the `act` queue.
-    !(
-      ReactCurrentActQueue$1.current !== null &&
-      existingCallbackNode !== fakeActCallbackNode
-    )
-  ) {
-    {
-      // If we're going to re-use an existing task, it needs to exist.
-      // Assume that discrete update microtasks are non-cancellable and null.
-      // TODO: Temporary until we confirm this warning is not fired.
-      if (
-        existingCallbackNode == null &&
-        existingCallbackPriority !== SyncLane
-      ) {
-        error(
-          "Expected scheduled callback to exist. This error is likely caused by a bug in React. Please file an issue."
-        );
+      {
+        reportUncaughtErrorInDEV(error$1);
+        setIsRunningInsertionEffect(false);
       }
-    } // The priority hasn't changed. We can reuse the existing task. Exit.
 
-    return;
-  }
-
-  if (existingCallbackNode != null) {
-    // Cancel the existing callback. We'll schedule a new one below.
-    cancelCallback$1(existingCallbackNode);
-  } // Schedule a new callback.
-
-  var newCallbackNode;
-
-  if (newCallbackPriority === SyncLane) {
-    // Special case: Sync React callbacks are scheduled on a special
-    // internal queue
-    if (root.tag === LegacyRoot) {
-      if (ReactCurrentActQueue$1.isBatchingLegacy !== null) {
-        ReactCurrentActQueue$1.didScheduleLegacyUpdate = true;
+      if (sourceFiber.tag === HostRoot) {
+        // Error was thrown at the root. There is no parent, so the root
+        // itself should capture it.
+        captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error$1);
+        return;
       }
 
-      scheduleLegacySyncCallback(performSyncWorkOnRoot.bind(null, root));
-    } else {
-      scheduleSyncCallback(performSyncWorkOnRoot.bind(null, root));
-    }
-
-    {
-      // Flush the queue in an Immediate task.
-      scheduleCallback$1(ImmediatePriority, flushSyncCallbacks);
-    }
+      var fiber = nearestMountedAncestor;
 
-    newCallbackNode = null;
-  } else {
-    var schedulerPriorityLevel;
-
-    switch (lanesToEventPriority(nextLanes)) {
-      case DiscreteEventPriority:
-        schedulerPriorityLevel = ImmediatePriority;
-        break;
+      while (fiber !== null) {
+        if (fiber.tag === HostRoot) {
+          captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error$1);
+          return;
+        } else if (fiber.tag === ClassComponent) {
+          var ctor = fiber.type;
+          var instance = fiber.stateNode;
 
-      case ContinuousEventPriority:
-        schedulerPriorityLevel = UserBlockingPriority;
-        break;
+          if (
+            typeof ctor.getDerivedStateFromError === "function" ||
+            (typeof instance.componentDidCatch === "function" &&
+              !isAlreadyFailedLegacyErrorBoundary(instance))
+          ) {
+            var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
+            var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
+            var root = enqueueUpdate(fiber, update, SyncLane);
 
-      case DefaultEventPriority:
-        schedulerPriorityLevel = NormalPriority;
-        break;
+            if (root !== null) {
+              markRootUpdated(root, SyncLane);
+              ensureRootIsScheduled(root);
+            }
 
-      case IdleEventPriority:
-        schedulerPriorityLevel = IdlePriority;
-        break;
+            return;
+          }
+        }
 
-      default:
-        schedulerPriorityLevel = NormalPriority;
-        break;
-    }
+        fiber = fiber.return;
+      }
 
-    newCallbackNode = scheduleCallback$1(
-      schedulerPriorityLevel,
-      performConcurrentWorkOnRoot.bind(null, root)
-    );
-  }
-
-  root.callbackPriority = newCallbackPriority;
-  root.callbackNode = newCallbackNode;
-} // This is the entry point for every concurrent task, i.e. anything that
-// goes through Scheduler.
-
-function performConcurrentWorkOnRoot(root, didTimeout) {
-  {
-    resetNestedUpdateFlag();
-  } // Since we know we're in a React event, we can clear the current
-  // event time. The next update will compute a new event time.
-
-  currentEventTime = NoTimestamp;
-  currentEventTransitionLane = NoLanes;
-
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    throw new Error("Should not already be working.");
-  } // Flush any pending passive effects before deciding which lanes to work on,
-  // in case they schedule additional work.
-
-  var originalCallbackNode = root.callbackNode;
-  var didFlushPassiveEffects = flushPassiveEffects();
-
-  if (didFlushPassiveEffects) {
-    // Something in the passive effect phase may have canceled the current task.
-    // Check if the task node for this root was changed.
-    if (root.callbackNode !== originalCallbackNode) {
-      // The current task was canceled. Exit. We don't need to call
-      // `ensureRootIsScheduled` because the check above implies either that
-      // there's a new task, or that there's no remaining work on this root.
-      return null;
+      {
+        error(
+          "Internal React error: Attempted to capture a commit phase error " +
+            "inside a detached tree. This indicates a bug in React. Potential " +
+            "causes include deleting the same fiber more than once, committing an " +
+            "already-finished tree, or an inconsistent return pointer.\n\n" +
+            "Error message:\n\n%s",
+          error$1
+        );
+      }
     }
-  } // Determine the next lanes to work on, using the fields stored
-  // on the root.
-
-  var lanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : NoLanes
-  );
-
-  if (lanes === NoLanes) {
-    // Defensive coding. This is never expected to happen.
-    return null;
-  } // We disable time-slicing in some cases: if the work has been CPU-bound
-  // for too long ("expired" work, to prevent starvation), or we're in
-  // sync-updates-by-default mode.
-  // TODO: We only check `didTimeout` defensively, to account for a Scheduler
-  // bug we're still investigating. Once the bug in Scheduler is fixed,
-  // we can remove this, since we track expiration ourselves.
-
-  var shouldTimeSlice =
-    !includesBlockingLane(root, lanes) &&
-    !includesExpiredLane(root, lanes) &&
-    !didTimeout;
-  var exitStatus = shouldTimeSlice
-    ? renderRootConcurrent(root, lanes)
-    : renderRootSync(root, lanes);
-
-  if (exitStatus !== RootInProgress) {
-    if (exitStatus === RootErrored) {
-      // If something threw an error, try rendering one more time. We'll
-      // render synchronously to block concurrent data mutations, and we'll
-      // includes all pending updates are included. If it still fails after
-      // the second attempt, we'll give up and commit the resulting tree.
-      var errorRetryLanes = getLanesToRetrySynchronouslyOnError(root);
-
-      if (errorRetryLanes !== NoLanes) {
-        lanes = errorRetryLanes;
-        exitStatus = recoverFromConcurrentError(root, errorRetryLanes);
-      }
-    }
-
-    if (exitStatus === RootFatalErrored) {
-      var fatalError = workInProgressRootFatalError;
-      prepareFreshStack(root, NoLanes);
-      markRootSuspended$1(root, lanes);
-      ensureRootIsScheduled(root, now());
-      throw fatalError;
-    }
-
-    if (exitStatus === RootDidNotComplete) {
-      // The render unwound without completing the tree. This happens in special
-      // cases where need to exit the current render without producing a
-      // consistent tree or committing.
+    function attachPingListener(root, wakeable, lanes) {
+      // Attach a ping listener
       //
-      // This should only happen during a concurrent render, not a discrete or
-      // synchronous update. We should have already checked for this when we
-      // unwound the stack.
-      markRootSuspended$1(root, lanes);
-    } else {
-      // The render completed.
-      // Check if this render may have yielded to a concurrent event, and if so,
-      // confirm that any newly rendered stores are consistent.
-      // TODO: It's possible that even a concurrent render may never have yielded
-      // to the main thread, if it was fast enough, or if it expired. We could
-      // skip the consistency check in that case, too.
-      var renderWasConcurrent = !includesBlockingLane(root, lanes);
-      var finishedWork = root.current.alternate;
-
-      if (
-        renderWasConcurrent &&
-        !isRenderConsistentWithExternalStores(finishedWork)
-      ) {
-        // A store was mutated in an interleaved event. Render again,
-        // synchronously, to block further mutations.
-        exitStatus = renderRootSync(root, lanes); // We need to check again if something threw
+      // The data might resolve before we have a chance to commit the fallback. Or,
+      // in the case of a refresh, we'll never commit a fallback. So we need to
+      // attach a listener now. When it resolves ("pings"), we can decide whether to
+      // try rendering the tree again.
+      //
+      // Only attach a listener if one does not already exist for the lanes
+      // we're currently rendering (which acts like a "thread ID" here).
+      //
+      // We only need to do this in concurrent mode. Legacy Suspense always
+      // commits fallbacks synchronously, so there are no pings.
+      var pingCache = root.pingCache;
+      var threadIDs;
 
-        if (exitStatus === RootErrored) {
-          var _errorRetryLanes = getLanesToRetrySynchronouslyOnError(root);
+      if (pingCache === null) {
+        pingCache = root.pingCache = new PossiblyWeakMap();
+        threadIDs = new Set();
+        pingCache.set(wakeable, threadIDs);
+      } else {
+        threadIDs = pingCache.get(wakeable);
 
-          if (_errorRetryLanes !== NoLanes) {
-            lanes = _errorRetryLanes;
-            exitStatus = recoverFromConcurrentError(root, _errorRetryLanes); // We assume the tree is now consistent because we didn't yield to any
-            // concurrent events.
-          }
+        if (threadIDs === undefined) {
+          threadIDs = new Set();
+          pingCache.set(wakeable, threadIDs);
         }
+      }
+
+      if (!threadIDs.has(lanes)) {
+        workInProgressRootDidAttachPingListener = true; // Memoize using the thread ID to prevent redundant listeners.
+
+        threadIDs.add(lanes);
+        var ping = pingSuspendedRoot.bind(null, root, wakeable, lanes);
 
-        if (exitStatus === RootFatalErrored) {
-          var _fatalError = workInProgressRootFatalError;
-          prepareFreshStack(root, NoLanes);
-          markRootSuspended$1(root, lanes);
-          ensureRootIsScheduled(root, now());
-          throw _fatalError;
+        {
+          if (isDevToolsPresent) {
+            // If we have pending work still, restore the original updaters
+            restorePendingUpdaters(root, lanes);
+          }
         }
-      } // We now have a consistent tree. The next step is either to commit it,
-      // or, if something suspended, wait to commit it after a timeout.
 
-      root.finishedWork = finishedWork;
-      root.finishedLanes = lanes;
-      finishConcurrentRender(root, exitStatus, lanes);
+        wakeable.then(ping, ping);
+      }
     }
-  }
 
-  ensureRootIsScheduled(root, now());
+    function pingSuspendedRoot(root, wakeable, pingedLanes) {
+      var pingCache = root.pingCache;
 
-  if (root.callbackNode === originalCallbackNode) {
-    // The task node scheduled for this root is the same one that's
-    // currently executed. Need to return a continuation.
-    return performConcurrentWorkOnRoot.bind(null, root);
-  }
+      if (pingCache !== null) {
+        // The wakeable resolved, so we no longer need to memoize, because it will
+        // never be thrown again.
+        pingCache.delete(wakeable);
+      }
 
-  return null;
-}
+      markRootPinged(root, pingedLanes);
+      warnIfSuspenseResolutionNotWrappedWithActDEV(root);
 
-function recoverFromConcurrentError(root, errorRetryLanes) {
-  // If an error occurred during hydration, discard server response and fall
-  // back to client side render.
-  // Before rendering again, save the errors from the previous attempt.
-  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors;
-
-  if (isRootDehydrated(root)) {
-    // The shell failed to hydrate. Set a flag to force a client rendering
-    // during the next attempt. To do this, we call prepareFreshStack now
-    // to create the root work-in-progress fiber. This is a bit weird in terms
-    // of factoring, because it relies on renderRootSync not calling
-    // prepareFreshStack again in the call below, which happens because the
-    // root and lanes haven't changed.
-    //
-    // TODO: I think what we should do is set ForceClientRender inside
-    // throwException, like we do for nested Suspense boundaries. The reason
-    // it's here instead is so we can switch to the synchronous work loop, too.
-    // Something to consider for a future refactor.
-    var rootWorkInProgress = prepareFreshStack(root, errorRetryLanes);
-    rootWorkInProgress.flags |= ForceClientRender;
+      if (
+        workInProgressRoot === root &&
+        isSubsetOfLanes(workInProgressRootRenderLanes, pingedLanes)
+      ) {
+        // Received a ping at the same priority level at which we're currently
+        // rendering. We might want to restart this render. This should mirror
+        // the logic of whether or not a root suspends once it completes.
+        // TODO: If we're rendering sync either due to Sync, Batched or expired,
+        // we should probably never restart.
+        // If we're suspended with delay, or if it's a retry, we'll always suspend
+        // so we can always restart.
+        if (
+          workInProgressRootExitStatus === RootSuspendedWithDelay ||
+          (workInProgressRootExitStatus === RootSuspended &&
+            includesOnlyRetries(workInProgressRootRenderLanes) &&
+            now$1() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
+        ) {
+          // Force a restart from the root by unwinding the stack. Unless this is
+          // being called from the render phase, because that would cause a crash.
+          if ((executionContext & RenderContext) === NoContext) {
+            prepareFreshStack(root, NoLanes);
+          }
+        } else {
+          // Even though we can't restart right now, we might get an
+          // opportunity later. So we mark this render as having a ping.
+          workInProgressRootPingedLanes = mergeLanes(
+            workInProgressRootPingedLanes,
+            pingedLanes
+          );
+        }
+      }
 
-    {
-      errorHydratingContainer(root.containerInfo);
+      ensureRootIsScheduled(root);
     }
-  }
 
-  var exitStatus = renderRootSync(root, errorRetryLanes);
+    function retryTimedOutBoundary(boundaryFiber, retryLane) {
+      // The boundary fiber (a Suspense component or SuspenseList component)
+      // previously was rendered in its fallback state. One of the promises that
+      // suspended it has resolved, which means at least part of the tree was
+      // likely unblocked. Try rendering again, at a new lanes.
+      if (retryLane === NoLane) {
+        // TODO: Assign this to `suspenseState.retryLane`? to avoid
+        // unnecessary entanglement?
+        retryLane = requestRetryLane(boundaryFiber);
+      } // TODO: Special case idle priority?
 
-  if (exitStatus !== RootErrored) {
-    // Successfully finished rendering on retry
-    // The errors from the failed first attempt have been recovered. Add
-    // them to the collection of recoverable errors. We'll log them in the
-    // commit phase.
-    var errorsFromSecondAttempt = workInProgressRootRecoverableErrors;
-    workInProgressRootRecoverableErrors = errorsFromFirstAttempt; // The errors from the second attempt should be queued after the errors
-    // from the first attempt, to preserve the causal sequence.
+      var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
 
-    if (errorsFromSecondAttempt !== null) {
-      queueRecoverableErrors(errorsFromSecondAttempt);
+      if (root !== null) {
+        markRootUpdated(root, retryLane);
+        ensureRootIsScheduled(root);
+      }
     }
-  }
-
-  return exitStatus;
-}
 
-function queueRecoverableErrors(errors) {
-  if (workInProgressRootRecoverableErrors === null) {
-    workInProgressRootRecoverableErrors = errors;
-  } else {
-    workInProgressRootRecoverableErrors.push.apply(
-      workInProgressRootRecoverableErrors,
-      errors
-    );
-  }
-}
+    function retryDehydratedSuspenseBoundary(boundaryFiber) {
+      var suspenseState = boundaryFiber.memoizedState;
+      var retryLane = NoLane;
 
-function finishConcurrentRender(root, exitStatus, lanes) {
-  switch (exitStatus) {
-    case RootInProgress:
-    case RootFatalErrored: {
-      throw new Error("Root did not complete. This is a bug in React.");
-    }
-    // Flow knows about invariant, so it complains if I add a break
-    // statement, but eslint doesn't know about invariant, so it complains
-    // if I do. eslint-disable-next-line no-fallthrough
+      if (suspenseState !== null) {
+        retryLane = suspenseState.retryLane;
+      }
 
-    case RootErrored: {
-      // We should have already attempted to retry this tree. If we reached
-      // this point, it errored again. Commit it.
-      commitRoot(
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      );
-      break;
+      retryTimedOutBoundary(boundaryFiber, retryLane);
     }
+    function resolveRetryWakeable(boundaryFiber, wakeable) {
+      var retryLane = NoLane; // Default
 
-    case RootSuspended: {
-      markRootSuspended$1(root, lanes); // We have an acceptable loading state. We need to figure out if we
-      // should immediately commit it or wait a bit.
-
-      if (
-        includesOnlyRetries(lanes) && // do not delay if we're inside an act() scope
-        !shouldForceFlushFallbacksInDEV()
-      ) {
-        // This render only included retries, no updates. Throttle committing
-        // retries so that we don't show too many loading states too quickly.
-        var msUntilTimeout =
-          globalMostRecentFallbackTime + FALLBACK_THROTTLE_MS - now(); // Don't bother with a very short suspense time.
+      var retryCache;
 
-        if (msUntilTimeout > 10) {
-          var nextLanes = getNextLanes(root, NoLanes);
+      switch (boundaryFiber.tag) {
+        case SuspenseComponent:
+          retryCache = boundaryFiber.stateNode;
+          var suspenseState = boundaryFiber.memoizedState;
 
-          if (nextLanes !== NoLanes) {
-            // There's additional work on this root.
-            break;
+          if (suspenseState !== null) {
+            retryLane = suspenseState.retryLane;
           }
 
-          var suspendedLanes = root.suspendedLanes;
-
-          if (!isSubsetOfLanes(suspendedLanes, lanes)) {
-            // We should prefer to render the fallback of at the last
-            // suspended level. Ping the last suspended level to try
-            // rendering it again.
-            // FIXME: What if the suspended lanes are Idle? Should not restart.
-            var eventTime = requestEventTime();
-            markRootPinged(root, suspendedLanes);
-            break;
-          } // The render is suspended, it hasn't timed out, and there's no
-          // lower priority work to do. Instead of committing the fallback
-          // immediately, wait for more data to arrive.
+          break;
 
-          root.timeoutHandle = scheduleTimeout(
-            commitRoot.bind(
-              null,
-              root,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions
-            ),
-            msUntilTimeout
-          );
+        case SuspenseListComponent:
+          retryCache = boundaryFiber.stateNode;
           break;
-        }
-      } // The work expired. Commit immediately.
 
-      commitRoot(
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      );
-      break;
-    }
-
-    case RootSuspendedWithDelay: {
-      markRootSuspended$1(root, lanes);
-
-      if (includesOnlyTransitions(lanes)) {
-        // This is a transition, so we should exit without committing a
-        // placeholder and without scheduling a timeout. Delay indefinitely
-        // until we receive more data.
-        break;
-      }
-
-      if (!shouldForceFlushFallbacksInDEV()) {
-        // This is not a transition, but we did trigger an avoided state.
-        // Schedule a placeholder to display after a short delay, using the Just
-        // Noticeable Difference.
-        // TODO: Is the JND optimization worth the added complexity? If this is
-        // the only reason we track the event time, then probably not.
-        // Consider removing.
-        var mostRecentEventTime = getMostRecentEventTime(root, lanes);
-        var eventTimeMs = mostRecentEventTime;
-        var timeElapsedMs = now() - eventTimeMs;
-
-        var _msUntilTimeout = jnd(timeElapsedMs) - timeElapsedMs; // Don't bother with a very short suspense time.
-
-        if (_msUntilTimeout > 10) {
-          // Instead of committing the fallback immediately, wait for more data
-          // to arrive.
-          root.timeoutHandle = scheduleTimeout(
-            commitRoot.bind(
-              null,
-              root,
-              workInProgressRootRecoverableErrors,
-              workInProgressTransitions
-            ),
-            _msUntilTimeout
-          );
+        case OffscreenComponent: {
+          var instance = boundaryFiber.stateNode;
+          retryCache = instance._retryCache;
           break;
         }
-      } // Commit the placeholder.
 
-      commitRoot(
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      );
-      break;
-    }
+        default:
+          throw new Error(
+            "Pinged unknown suspense boundary type. " +
+              "This is probably a bug in React."
+          );
+      }
 
-    case RootCompleted: {
-      // The work completed. Ready to commit.
-      commitRoot(
-        root,
-        workInProgressRootRecoverableErrors,
-        workInProgressTransitions
-      );
-      break;
-    }
+      if (retryCache !== null) {
+        // The wakeable resolved, so we no longer need to memoize, because it will
+        // never be thrown again.
+        retryCache.delete(wakeable);
+      }
 
-    default: {
-      throw new Error("Unknown root exit status.");
+      retryTimedOutBoundary(boundaryFiber, retryLane);
     }
-  }
-}
-
-function isRenderConsistentWithExternalStores(finishedWork) {
-  // Search the rendered tree for external store reads, and check whether the
-  // stores were mutated in a concurrent event. Intentionally using an iterative
-  // loop instead of recursion so we can exit early.
-  var node = finishedWork;
-
-  while (true) {
-    if (node.flags & StoreConsistency) {
-      var updateQueue = node.updateQueue;
-
-      if (updateQueue !== null) {
-        var checks = updateQueue.stores;
+    function throwIfInfiniteUpdateLoopDetected() {
+      if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
+        nestedUpdateCount = 0;
+        nestedPassiveUpdateCount = 0;
+        rootWithNestedUpdates = null;
+        rootWithPassiveNestedUpdates = null;
+        throw new Error(
+          "Maximum update depth exceeded. This can happen when a component " +
+            "repeatedly calls setState inside componentWillUpdate or " +
+            "componentDidUpdate. React limits the number of nested updates to " +
+            "prevent infinite loops."
+        );
+      }
 
-        if (checks !== null) {
-          for (var i = 0; i < checks.length; i++) {
-            var check = checks[i];
-            var getSnapshot = check.getSnapshot;
-            var renderedValue = check.value;
+      {
+        if (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
+          nestedPassiveUpdateCount = 0;
+          rootWithPassiveNestedUpdates = null;
 
-            try {
-              if (!objectIs(getSnapshot(), renderedValue)) {
-                // Found an inconsistent store.
-                return false;
-              }
-            } catch (error) {
-              // If `getSnapshot` throws, return `false`. This will schedule
-              // a re-render, and the error will be rethrown during render.
-              return false;
-            }
-          }
+          error(
+            "Maximum update depth exceeded. This can happen when a component " +
+              "calls setState inside useEffect, but useEffect either doesn't " +
+              "have a dependency array, or one of the dependencies changes on " +
+              "every render."
+          );
         }
       }
     }
 
-    var child = node.child;
-
-    if (node.subtreeFlags & StoreConsistency && child !== null) {
-      child.return = node;
-      node = child;
-      continue;
-    }
-
-    if (node === finishedWork) {
-      return true;
+    function flushRenderPhaseStrictModeWarningsInDEV() {
+      {
+        ReactStrictModeWarnings.flushLegacyContextWarning();
+        ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
+      }
     }
 
-    while (node.sibling === null) {
-      if (node.return === null || node.return === finishedWork) {
-        return true;
+    function commitDoubleInvokeEffectsInDEV(root, hasPassiveEffects) {
+      {
+        {
+          legacyCommitDoubleInvokeEffectsInDEV(root.current, hasPassiveEffects);
+        }
       }
-
-      node = node.return;
     }
 
-    node.sibling.return = node.return;
-    node = node.sibling;
-  } // Flow doesn't know this is unreachable, but eslint does
-  // eslint-disable-next-line no-unreachable
+    function legacyCommitDoubleInvokeEffectsInDEV(fiber, hasPassiveEffects) {
+      // TODO (StrictEffects) Should we set a marker on the root if it contains strict effects
+      // so we don't traverse unnecessarily? similar to subtreeFlags but just at the root level.
+      // Maybe not a big deal since this is DEV only behavior.
+      setCurrentFiber(fiber);
+      invokeEffectsInDev(fiber, MountLayoutDev, invokeLayoutEffectUnmountInDEV);
 
-  return true;
-}
+      if (hasPassiveEffects) {
+        invokeEffectsInDev(
+          fiber,
+          MountPassiveDev,
+          invokePassiveEffectUnmountInDEV
+        );
+      }
 
-function markRootSuspended$1(root, suspendedLanes) {
-  // When suspending, we should always exclude lanes that were pinged or (more
-  // rarely, since we try to avoid it) updated during the render phase.
-  // TODO: Lol maybe there's a better way to factor this besides this
-  // obnoxiously named function :)
-  suspendedLanes = removeLanes(suspendedLanes, workInProgressRootPingedLanes);
-  suspendedLanes = removeLanes(
-    suspendedLanes,
-    workInProgressRootInterleavedUpdatedLanes
-  );
-  markRootSuspended(root, suspendedLanes);
-} // This is the entry point for synchronous tasks that don't go
-// through Scheduler
-
-function performSyncWorkOnRoot(root) {
-  {
-    syncNestedUpdateFlag();
-  }
-
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    throw new Error("Should not already be working.");
-  }
-
-  flushPassiveEffects();
-  var lanes = getNextLanes(root, NoLanes);
-
-  if (!includesSomeLane(lanes, SyncLane)) {
-    // There's no remaining sync work left.
-    ensureRootIsScheduled(root, now());
-    return null;
-  }
-
-  var exitStatus = renderRootSync(root, lanes);
-
-  if (root.tag !== LegacyRoot && exitStatus === RootErrored) {
-    // If something threw an error, try rendering one more time. We'll render
-    // synchronously to block concurrent data mutations, and we'll includes
-    // all pending updates are included. If it still fails after the second
-    // attempt, we'll give up and commit the resulting tree.
-    var errorRetryLanes = getLanesToRetrySynchronouslyOnError(root);
-
-    if (errorRetryLanes !== NoLanes) {
-      lanes = errorRetryLanes;
-      exitStatus = recoverFromConcurrentError(root, errorRetryLanes);
-    }
-  }
-
-  if (exitStatus === RootFatalErrored) {
-    var fatalError = workInProgressRootFatalError;
-    prepareFreshStack(root, NoLanes);
-    markRootSuspended$1(root, lanes);
-    ensureRootIsScheduled(root, now());
-    throw fatalError;
-  }
-
-  if (exitStatus === RootDidNotComplete) {
-    throw new Error("Root did not complete. This is a bug in React.");
-  } // We now have a consistent tree. Because this is a sync render, we
-  // will commit it even if something suspended.
-
-  var finishedWork = root.current.alternate;
-  root.finishedWork = finishedWork;
-  root.finishedLanes = lanes;
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  ); // Before exiting, make sure there's a callback scheduled for the next
-  // pending level.
-
-  ensureRootIsScheduled(root, now());
-  return null;
-}
-function batchedUpdates$1(fn, a) {
-  var prevExecutionContext = executionContext;
-  executionContext |= BatchedContext;
+      invokeEffectsInDev(fiber, MountLayoutDev, invokeLayoutEffectMountInDEV);
 
-  try {
-    return fn(a);
-  } finally {
-    executionContext = prevExecutionContext; // If there were legacy sync updates, flush them at the end of the outer
-    // most batchedUpdates-like method.
+      if (hasPassiveEffects) {
+        invokeEffectsInDev(
+          fiber,
+          MountPassiveDev,
+          invokePassiveEffectMountInDEV
+        );
+      }
 
-    if (
-      executionContext === NoContext && // Treat `act` as if it's inside `batchedUpdates`, even in legacy mode.
-      !ReactCurrentActQueue$1.isBatchingLegacy
-    ) {
-      resetRenderTimer();
-      flushSyncCallbacksOnlyInLegacyMode();
+      resetCurrentFiber();
     }
-  }
-}
-// Warning, this opts-out of checking the function body.
-
-// eslint-disable-next-line no-redeclare
-function flushSync(fn) {
-  // In legacy mode, we flush pending passive effects at the beginning of the
-  // next event, not at the end of the previous one.
-  if (
-    rootWithPendingPassiveEffects !== null &&
-    rootWithPendingPassiveEffects.tag === LegacyRoot &&
-    (executionContext & (RenderContext | CommitContext)) === NoContext
-  ) {
-    flushPassiveEffects();
-  }
-
-  var prevExecutionContext = executionContext;
-  executionContext |= BatchedContext;
-  var prevTransition = ReactCurrentBatchConfig$2.transition;
-  var previousPriority = getCurrentUpdatePriority();
-
-  try {
-    ReactCurrentBatchConfig$2.transition = null;
-    setCurrentUpdatePriority(DiscreteEventPriority);
-
-    if (fn) {
-      return fn();
-    } else {
-      return undefined;
-    }
-  } finally {
-    setCurrentUpdatePriority(previousPriority);
-    ReactCurrentBatchConfig$2.transition = prevTransition;
-    executionContext = prevExecutionContext; // Flush the immediate callbacks that were scheduled during this batch.
-    // Note that this will happen even if batchedUpdates is higher up
-    // the stack.
-
-    if ((executionContext & (RenderContext | CommitContext)) === NoContext) {
-      flushSyncCallbacks();
-    }
-  }
-}
-function pushRenderLanes(fiber, lanes) {
-  push(subtreeRenderLanesCursor, subtreeRenderLanes, fiber);
-  subtreeRenderLanes = mergeLanes(subtreeRenderLanes, lanes);
-  workInProgressRootIncludedLanes = mergeLanes(
-    workInProgressRootIncludedLanes,
-    lanes
-  );
-}
-function popRenderLanes(fiber) {
-  subtreeRenderLanes = subtreeRenderLanesCursor.current;
-  pop(subtreeRenderLanesCursor, fiber);
-}
-
-function prepareFreshStack(root, lanes) {
-  root.finishedWork = null;
-  root.finishedLanes = NoLanes;
-  var timeoutHandle = root.timeoutHandle;
-
-  if (timeoutHandle !== noTimeout) {
-    // The root previous suspended and scheduled a timeout to commit a fallback
-    // state. Now that we have additional work, cancel the timeout.
-    root.timeoutHandle = noTimeout; // $FlowFixMe Complains noTimeout is not a TimeoutID, despite the check above
-
-    cancelTimeout(timeoutHandle);
-  }
-
-  if (workInProgress !== null) {
-    var interruptedWork = workInProgress.return;
-
-    while (interruptedWork !== null) {
-      var current = interruptedWork.alternate;
-      unwindInterruptedWork(current, interruptedWork);
-      interruptedWork = interruptedWork.return;
-    }
-  }
-
-  workInProgressRoot = root;
-  var rootWorkInProgress = createWorkInProgress(root.current, null);
-  workInProgress = rootWorkInProgress;
-  workInProgressRootRenderLanes = subtreeRenderLanes = workInProgressRootIncludedLanes = lanes;
-  workInProgressRootExitStatus = RootInProgress;
-  workInProgressRootFatalError = null;
-  workInProgressRootSkippedLanes = NoLanes;
-  workInProgressRootInterleavedUpdatedLanes = NoLanes;
-  workInProgressRootPingedLanes = NoLanes;
-  workInProgressRootConcurrentErrors = null;
-  workInProgressRootRecoverableErrors = null;
-  finishQueueingConcurrentUpdates();
-
-  {
-    ReactStrictModeWarnings.discardPendingWarnings();
-  }
-
-  return rootWorkInProgress;
-}
-
-function handleError(root, thrownValue) {
-  do {
-    var erroredWork = workInProgress;
-
-    try {
-      // Reset module-level state that was set during the render phase.
-      resetContextDependencies();
-      resetHooksAfterThrow();
-      resetCurrentFiber(); // TODO: I found and added this missing line while investigating a
-      // separate issue. Write a regression test using string refs.
-
-      ReactCurrentOwner$2.current = null;
-
-      if (erroredWork === null || erroredWork.return === null) {
-        // Expected to be working on a non-root fiber. This is a fatal error
-        // because there's no ancestor that can handle it; the root is
-        // supposed to capture all errors that weren't caught by an error
-        // boundary.
-        workInProgressRootExitStatus = RootFatalErrored;
-        workInProgressRootFatalError = thrownValue; // Set `workInProgress` to null. This represents advancing to the next
-        // sibling, or the parent if there are no siblings. But since the root
-        // has no siblings nor a parent, we set it to null. Usually this is
-        // handled by `completeUnitOfWork` or `unwindWork`, but since we're
-        // intentionally not calling those, we need set it here.
-        // TODO: Consider calling `unwindWork` to pop the contexts.
 
-        workInProgress = null;
-        return;
-      }
-
-      if (enableProfilerTimer && erroredWork.mode & ProfileMode) {
-        // Record the time spent rendering before an error was thrown. This
-        // avoids inaccurate Profiler durations in the case of a
-        // suspended render.
-        stopProfilerTimerIfRunningAndRecordDelta(erroredWork, true);
-      }
+    function invokeEffectsInDev(firstChild, fiberFlags, invokeEffectFn) {
+      var current = firstChild;
+      var subtreeRoot = null;
 
-      if (enableSchedulingProfiler) {
-        markComponentRenderStopped();
+      while (current != null) {
+        var primarySubtreeFlag = current.subtreeFlags & fiberFlags;
 
         if (
-          thrownValue !== null &&
-          typeof thrownValue === "object" &&
-          typeof thrownValue.then === "function"
+          current !== subtreeRoot &&
+          current.child != null &&
+          primarySubtreeFlag !== NoFlags$1
         ) {
-          var wakeable = thrownValue;
-          markComponentSuspended(
-            erroredWork,
-            wakeable,
-            workInProgressRootRenderLanes
-          );
+          current = current.child;
         } else {
-          markComponentErrored(
-            erroredWork,
-            thrownValue,
-            workInProgressRootRenderLanes
-          );
+          if ((current.flags & fiberFlags) !== NoFlags$1) {
+            invokeEffectFn(current);
+          }
+
+          if (current.sibling !== null) {
+            current = current.sibling;
+          } else {
+            current = subtreeRoot = current.return;
+          }
         }
       }
+    }
 
-      throwException(
-        root,
-        erroredWork.return,
-        erroredWork,
-        thrownValue,
-        workInProgressRootRenderLanes
-      );
-      completeUnitOfWork(erroredWork);
-    } catch (yetAnotherThrownValue) {
-      // Something in the return path also threw.
-      thrownValue = yetAnotherThrownValue;
-
-      if (workInProgress === erroredWork && erroredWork !== null) {
-        // If this boundary has already errored, then we had trouble processing
-        // the error. Bubble it to the next boundary.
-        erroredWork = erroredWork.return;
-        workInProgress = erroredWork;
-      } else {
-        erroredWork = workInProgress;
-      }
+    var didWarnStateUpdateForNotYetMountedComponent = null;
+    function warnAboutUpdateOnNotYetMountedFiberInDEV(fiber) {
+      {
+        if ((executionContext & RenderContext) !== NoContext) {
+          // We let the other warning about render phase updates deal with this one.
+          return;
+        }
 
-      continue;
-    } // Return to the normal work loop.
+        if (!(fiber.mode & ConcurrentMode)) {
+          return;
+        }
 
-    return;
-  } while (true);
-}
+        var tag = fiber.tag;
 
-function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher$2.current;
-  ReactCurrentDispatcher$2.current = ContextOnlyDispatcher;
-
-  if (prevDispatcher === null) {
-    // The React isomorphic package does not include a default dispatcher.
-    // Instead the first renderer will lazily attach one, in order to give
-    // nicer error messages.
-    return ContextOnlyDispatcher;
-  } else {
-    return prevDispatcher;
-  }
-}
+        if (
+          tag !== IndeterminateComponent &&
+          tag !== HostRoot &&
+          tag !== ClassComponent &&
+          tag !== FunctionComponent &&
+          tag !== ForwardRef &&
+          tag !== MemoComponent &&
+          tag !== SimpleMemoComponent
+        ) {
+          // Only warn for user-defined components, not internal ones like Suspense.
+          return;
+        } // We show the whole stack but dedupe on the top component's name because
+        // the problematic code almost always lies inside that component.
 
-function popDispatcher(prevDispatcher) {
-  ReactCurrentDispatcher$2.current = prevDispatcher;
-}
+        var componentName =
+          getComponentNameFromFiber(fiber) || "ReactComponent";
 
-function markCommitTimeOfFallback() {
-  globalMostRecentFallbackTime = now();
-}
-function markSkippedUpdateLanes(lane) {
-  workInProgressRootSkippedLanes = mergeLanes(
-    lane,
-    workInProgressRootSkippedLanes
-  );
-}
-function renderDidSuspend() {
-  if (workInProgressRootExitStatus === RootInProgress) {
-    workInProgressRootExitStatus = RootSuspended;
-  }
-}
-function renderDidSuspendDelayIfPossible() {
-  if (
-    workInProgressRootExitStatus === RootInProgress ||
-    workInProgressRootExitStatus === RootSuspended ||
-    workInProgressRootExitStatus === RootErrored
-  ) {
-    workInProgressRootExitStatus = RootSuspendedWithDelay;
-  } // Check if there are updates that we skipped tree that might have unblocked
-  // this render.
-
-  if (
-    workInProgressRoot !== null &&
-    (includesNonIdleWork(workInProgressRootSkippedLanes) ||
-      includesNonIdleWork(workInProgressRootInterleavedUpdatedLanes))
-  ) {
-    // Mark the current render as suspended so that we switch to working on
-    // the updates that were skipped. Usually we only suspend at the end of
-    // the render phase.
-    // TODO: We should probably always mark the root as suspended immediately
-    // (inside this function), since by suspending at the end of the render
-    // phase introduces a potential mistake where we suspend lanes that were
-    // pinged or updated while we were rendering.
-    markRootSuspended$1(workInProgressRoot, workInProgressRootRenderLanes);
-  }
-}
-function renderDidError(error) {
-  if (workInProgressRootExitStatus !== RootSuspendedWithDelay) {
-    workInProgressRootExitStatus = RootErrored;
-  }
-
-  if (workInProgressRootConcurrentErrors === null) {
-    workInProgressRootConcurrentErrors = [error];
-  } else {
-    workInProgressRootConcurrentErrors.push(error);
-  }
-} // Called during render to determine if anything has suspended.
-// Returns false if we're not sure.
-
-function renderHasNotSuspendedYet() {
-  // If something errored or completed, we can't really be sure,
-  // so those are false.
-  return workInProgressRootExitStatus === RootInProgress;
-}
+        if (didWarnStateUpdateForNotYetMountedComponent !== null) {
+          if (didWarnStateUpdateForNotYetMountedComponent.has(componentName)) {
+            return;
+          } // $FlowFixMe[incompatible-use] found when upgrading Flow
 
-function renderRootSync(root, lanes) {
-  var prevExecutionContext = executionContext;
-  executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(); // If the root or lanes have changed, throw out the existing stack
-  // and prepare a fresh one. Otherwise we'll continue where we left off.
+          didWarnStateUpdateForNotYetMountedComponent.add(componentName);
+        } else {
+          didWarnStateUpdateForNotYetMountedComponent = new Set([
+            componentName
+          ]);
+        }
 
-  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
-    {
-      if (isDevToolsPresent) {
-        var memoizedUpdaters = root.memoizedUpdaters;
+        var previousFiber = current;
 
-        if (memoizedUpdaters.size > 0) {
-          restorePendingUpdaters(root, workInProgressRootRenderLanes);
-          memoizedUpdaters.clear();
-        } // At this point, move Fibers that scheduled the upcoming work from the Map to the Set.
-        // If we bailout on this work, we'll move them back (like above).
-        // It's important to move them now in case the work spawns more work at the same priority with different updaters.
-        // That way we can keep the current update and future updates separate.
+        try {
+          setCurrentFiber(fiber);
 
-        movePendingFibersToMemoized(root, lanes);
+          error(
+            "Can't perform a React state update on a component that hasn't mounted yet. " +
+              "This indicates that you have a side-effect in your render function that " +
+              "asynchronously later calls tries to update the component. Move this work to " +
+              "useEffect instead."
+          );
+        } finally {
+          if (previousFiber) {
+            setCurrentFiber(fiber);
+          } else {
+            resetCurrentFiber();
+          }
+        }
       }
     }
+    var beginWork;
 
-    workInProgressTransitions = getTransitionsForLanes();
-    prepareFreshStack(root, lanes);
-  }
-
-  do {
-    try {
-      workLoopSync();
-      break;
-    } catch (thrownValue) {
-      handleError(root, thrownValue);
-    }
-  } while (true);
-
-  resetContextDependencies();
-  executionContext = prevExecutionContext;
-  popDispatcher(prevDispatcher);
+    {
+      var dummyFiber = null;
+
+      beginWork = function (current, unitOfWork, lanes) {
+        // If a component throws an error, we replay it again in a synchronously
+        // dispatched event, so that the debugger will treat it as an uncaught
+        // error See ReactErrorUtils for more information.
+        // Before entering the begin phase, copy the work-in-progress onto a dummy
+        // fiber. If beginWork throws, we'll use this to reset the state.
+        var originalWorkInProgressCopy = assignFiberPropertiesInDEV(
+          dummyFiber,
+          unitOfWork
+        );
 
-  if (workInProgress !== null) {
-    // This is a sync render, so we should have finished the whole tree.
-    throw new Error(
-      "Cannot commit an incomplete root. This error is likely caused by a " +
-        "bug in React. Please file an issue."
-    );
-  }
+        try {
+          return beginWork$1(current, unitOfWork, lanes);
+        } catch (originalError) {
+          if (
+            didSuspendOrErrorWhileHydratingDEV() ||
+            originalError === SuspenseException ||
+            originalError === SelectiveHydrationException ||
+            (originalError !== null &&
+              typeof originalError === "object" &&
+              typeof originalError.then === "function")
+          ) {
+            // Don't replay promises.
+            // Don't replay errors if we are hydrating and have already suspended or handled an error
+            throw originalError;
+          } // Don't reset current debug fiber, since we're about to work on the
+          // same fiber again.
+          // Unwind the failed stack frame
 
-  workInProgressRoot = null;
-  workInProgressRootRenderLanes = NoLanes;
-  return workInProgressRootExitStatus;
-} // The work loop is an extremely hot path. Tell Closure not to inline it.
+          resetSuspendedWorkLoopOnUnwind(unitOfWork);
+          unwindInterruptedWork(current, unitOfWork); // Restore the original properties of the fiber.
 
-/** @noinline */
+          assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
 
-function workLoopSync() {
-  // Already timed out, so perform work without checking if we need to yield.
-  while (workInProgress !== null) {
-    performUnitOfWork(workInProgress);
-  }
-}
+          if (unitOfWork.mode & ProfileMode) {
+            // Reset the profiler timer.
+            startProfilerTimer(unitOfWork);
+          } // Run beginWork again.
 
-function renderRootConcurrent(root, lanes) {
-  var prevExecutionContext = executionContext;
-  executionContext |= RenderContext;
-  var prevDispatcher = pushDispatcher(); // If the root or lanes have changed, throw out the existing stack
-  // and prepare a fresh one. Otherwise we'll continue where we left off.
+          invokeGuardedCallback(
+            null,
+            beginWork$1,
+            null,
+            current,
+            unitOfWork,
+            lanes
+          );
 
-  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
-    {
-      if (isDevToolsPresent) {
-        var memoizedUpdaters = root.memoizedUpdaters;
+          if (hasCaughtError()) {
+            var replayError = clearCaughtError();
 
-        if (memoizedUpdaters.size > 0) {
-          restorePendingUpdaters(root, workInProgressRootRenderLanes);
-          memoizedUpdaters.clear();
-        } // At this point, move Fibers that scheduled the upcoming work from the Map to the Set.
-        // If we bailout on this work, we'll move them back (like above).
-        // It's important to move them now in case the work spawns more work at the same priority with different updaters.
-        // That way we can keep the current update and future updates separate.
+            if (
+              typeof replayError === "object" &&
+              replayError !== null &&
+              replayError._suppressLogging &&
+              typeof originalError === "object" &&
+              originalError !== null &&
+              !originalError._suppressLogging
+            ) {
+              // If suppressed, let the flag carry over to the original error which is the one we'll rethrow.
+              originalError._suppressLogging = true;
+            }
+          } // We always throw the original error in case the second render pass is not idempotent.
+          // This can happen if a memoized function or CommonJS module doesn't throw after first invocation.
 
-        movePendingFibersToMemoized(root, lanes);
-      }
+          throw originalError;
+        }
+      };
     }
 
-    workInProgressTransitions = getTransitionsForLanes();
-    resetRenderTimer();
-    prepareFreshStack(root, lanes);
-  }
+    var didWarnAboutUpdateInRender = false;
+    var didWarnAboutUpdateInRenderForAnotherComponent;
 
-  do {
-    try {
-      workLoopConcurrent();
-      break;
-    } catch (thrownValue) {
-      handleError(root, thrownValue);
+    {
+      didWarnAboutUpdateInRenderForAnotherComponent = new Set();
     }
-  } while (true);
 
-  resetContextDependencies();
-  popDispatcher(prevDispatcher);
-  executionContext = prevExecutionContext;
-
-  if (workInProgress !== null) {
-    return RootInProgress;
-  } else {
-    workInProgressRoot = null;
-    workInProgressRootRenderLanes = NoLanes; // Return the final exit status.
+    function warnAboutRenderPhaseUpdatesInDEV(fiber) {
+      {
+        if (isRendering) {
+          switch (fiber.tag) {
+            case FunctionComponent:
+            case ForwardRef:
+            case SimpleMemoComponent: {
+              var renderingComponentName =
+                (workInProgress && getComponentNameFromFiber(workInProgress)) ||
+                "Unknown"; // Dedupe by the rendering component because it's the one that needs to be fixed.
+
+              var dedupeKey = renderingComponentName;
+
+              if (
+                !didWarnAboutUpdateInRenderForAnotherComponent.has(dedupeKey)
+              ) {
+                didWarnAboutUpdateInRenderForAnotherComponent.add(dedupeKey);
+                var setStateComponentName =
+                  getComponentNameFromFiber(fiber) || "Unknown";
 
-    return workInProgressRootExitStatus;
-  }
-}
-/** @noinline */
+                error(
+                  "Cannot update a component (`%s`) while rendering a " +
+                    "different component (`%s`). To locate the bad setState() call inside `%s`, " +
+                    "follow the stack trace as described in https://reactjs.org/link/setstate-in-render",
+                  setStateComponentName,
+                  renderingComponentName,
+                  renderingComponentName
+                );
+              }
 
-function workLoopConcurrent() {
-  // Perform work until Scheduler asks us to yield
-  while (workInProgress !== null && !shouldYield()) {
-    performUnitOfWork(workInProgress);
-  }
-}
+              break;
+            }
 
-function performUnitOfWork(unitOfWork) {
-  // The current, flushed, state of this fiber is the alternate. Ideally
-  // nothing should rely on this, but relying on it here means that we don't
-  // need an additional field on the work in progress.
-  var current = unitOfWork.alternate;
-  setCurrentFiber(unitOfWork);
-  var next;
-
-  if ((unitOfWork.mode & ProfileMode) !== NoMode) {
-    startProfilerTimer(unitOfWork);
-    next = beginWork$1(current, unitOfWork, subtreeRenderLanes);
-    stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, true);
-  } else {
-    next = beginWork$1(current, unitOfWork, subtreeRenderLanes);
-  }
-
-  resetCurrentFiber();
-  unitOfWork.memoizedProps = unitOfWork.pendingProps;
-
-  if (next === null) {
-    // If this doesn't spawn new work, complete the current work.
-    completeUnitOfWork(unitOfWork);
-  } else {
-    workInProgress = next;
-  }
-
-  ReactCurrentOwner$2.current = null;
-}
+            case ClassComponent: {
+              if (!didWarnAboutUpdateInRender) {
+                error(
+                  "Cannot update during an existing state transition (such as " +
+                    "within `render`). Render methods should be a pure " +
+                    "function of props and state."
+                );
 
-function completeUnitOfWork(unitOfWork) {
-  // Attempt to complete the current unit of work, then move to the next
-  // sibling. If there are no more siblings, return to the parent fiber.
-  var completedWork = unitOfWork;
+                didWarnAboutUpdateInRender = true;
+              }
 
-  do {
-    // The current, flushed, state of this fiber is the alternate. Ideally
-    // nothing should rely on this, but relying on it here means that we don't
-    // need an additional field on the work in progress.
-    var current = completedWork.alternate;
-    var returnFiber = completedWork.return; // Check if the work completed or if something threw.
+              break;
+            }
+          }
+        }
+      }
+    }
 
-    if ((completedWork.flags & Incomplete) === NoFlags) {
-      setCurrentFiber(completedWork);
-      var next = void 0;
+    function restorePendingUpdaters(root, lanes) {
+      {
+        if (isDevToolsPresent) {
+          var memoizedUpdaters = root.memoizedUpdaters;
+          memoizedUpdaters.forEach(function (schedulingFiber) {
+            addFiberToLanesMap(root, schedulingFiber, lanes);
+          }); // This function intentionally does not clear memoized updaters.
+          // Those may still be relevant to the current commit
+          // and a future one (e.g. Suspense).
+        }
+      }
+    }
+    var fakeActCallbackNode = {}; // $FlowFixMe[missing-local-annot]
 
-      if ((completedWork.mode & ProfileMode) === NoMode) {
-        next = completeWork(current, completedWork, subtreeRenderLanes);
-      } else {
-        startProfilerTimer(completedWork);
-        next = completeWork(current, completedWork, subtreeRenderLanes); // Update render duration assuming we didn't error.
+    function scheduleCallback(priorityLevel, callback) {
+      {
+        // If we're currently inside an `act` scope, bypass Scheduler and push to
+        // the `act` queue instead.
+        var actQueue = ReactCurrentActQueue.current;
 
-        stopProfilerTimerIfRunningAndRecordDelta(completedWork, false);
+        if (actQueue !== null) {
+          actQueue.push(callback);
+          return fakeActCallbackNode;
+        } else {
+          return scheduleCallback$2(priorityLevel, callback);
+        }
       }
+    }
 
-      resetCurrentFiber();
+    function shouldForceFlushFallbacksInDEV() {
+      // Never force flush in production. This function should get stripped out.
+      return ReactCurrentActQueue.current !== null;
+    }
 
-      if (next !== null) {
-        // Completing this fiber spawned new work. Work on that next.
-        workInProgress = next;
-        return;
-      }
-    } else {
-      // This fiber did not complete because something threw. Pop values off
-      // the stack without entering the complete phase. If this is a boundary,
-      // capture values if possible.
-      var _next = unwindWork(current, completedWork); // Because this fiber did not complete, don't reset its lanes.
-
-      if (_next !== null) {
-        // If completing this work spawned new work, do that next. We'll come
-        // back here again.
-        // Since we're restarting, remove anything that is not a host effect
-        // from the effect tag.
-        _next.flags &= HostEffectMask;
-        workInProgress = _next;
-        return;
-      }
+    function warnIfUpdatesNotWrappedWithActDEV(fiber) {
+      {
+        if (fiber.mode & ConcurrentMode) {
+          if (!isConcurrentActEnvironment()) {
+            // Not in an act environment. No need to warn.
+            return;
+          }
+        } else {
+          // Legacy mode has additional cases where we suppress a warning.
+          if (!isLegacyActEnvironment()) {
+            // Not in an act environment. No need to warn.
+            return;
+          }
+
+          if (executionContext !== NoContext) {
+            // Legacy mode doesn't warn if the update is batched, i.e.
+            // batchedUpdates or flushSync.
+            return;
+          }
+
+          if (
+            fiber.tag !== FunctionComponent &&
+            fiber.tag !== ForwardRef &&
+            fiber.tag !== SimpleMemoComponent
+          ) {
+            // For backwards compatibility with pre-hooks code, legacy mode only
+            // warns for updates that originate from a hook.
+            return;
+          }
+        }
 
-      if ((completedWork.mode & ProfileMode) !== NoMode) {
-        // Record the render duration for the fiber that errored.
-        stopProfilerTimerIfRunningAndRecordDelta(completedWork, false); // Include the time spent working on failed children before continuing.
+        if (ReactCurrentActQueue.current === null) {
+          var previousFiber = current;
 
-        var actualDuration = completedWork.actualDuration;
-        var child = completedWork.child;
+          try {
+            setCurrentFiber(fiber);
 
-        while (child !== null) {
-          actualDuration += child.actualDuration;
-          child = child.sibling;
+            error(
+              "An update to %s inside a test was not wrapped in act(...).\n\n" +
+                "When testing, code that causes React state updates should be " +
+                "wrapped into act(...):\n\n" +
+                "act(() => {\n" +
+                "  /* fire events that update state */\n" +
+                "});\n" +
+                "/* assert on the output */\n\n" +
+                "This ensures that you're testing the behavior the user would see " +
+                "in the browser." +
+                " Learn more at https://reactjs.org/link/wrap-tests-with-act",
+              getComponentNameFromFiber(fiber)
+            );
+          } finally {
+            if (previousFiber) {
+              setCurrentFiber(fiber);
+            } else {
+              resetCurrentFiber();
+            }
+          }
         }
+      }
+    }
 
-        completedWork.actualDuration = actualDuration;
+    function warnIfSuspenseResolutionNotWrappedWithActDEV(root) {
+      {
+        if (
+          root.tag !== LegacyRoot &&
+          isConcurrentActEnvironment() &&
+          ReactCurrentActQueue.current === null
+        ) {
+          error(
+            "A suspended resource finished loading inside a test, but the event " +
+              "was not wrapped in act(...).\n\n" +
+              "When testing, code that resolves suspended data should be wrapped " +
+              "into act(...):\n\n" +
+              "act(() => {\n" +
+              "  /* finish loading suspended data */\n" +
+              "});\n" +
+              "/* assert on the output */\n\n" +
+              "This ensures that you're testing the behavior the user would see " +
+              "in the browser." +
+              " Learn more at https://reactjs.org/link/wrap-tests-with-act"
+          );
+        }
       }
+    }
 
-      if (returnFiber !== null) {
-        // Mark the parent fiber as incomplete and clear its subtree flags.
-        returnFiber.flags |= Incomplete;
-        returnFiber.subtreeFlags = NoFlags;
-        returnFiber.deletions = null;
-      } else {
-        // We've unwound all the way to the root.
-        workInProgressRootExitStatus = RootDidNotComplete;
-        workInProgress = null;
-        return;
+    function setIsRunningInsertionEffect(isRunning) {
+      {
+        isRunningInsertionEffect = isRunning;
       }
     }
 
-    var siblingFiber = completedWork.sibling;
+    /* eslint-disable react-internal/prod-error-codes */
+    // Used by React Refresh runtime through DevTools Global Hook.
 
-    if (siblingFiber !== null) {
-      // If there is more work to do in this returnFiber, do that next.
-      workInProgress = siblingFiber;
-      return;
-    } // Otherwise, return to the parent
+    var resolveFamily = null;
+    var failedBoundaries = null;
+    var setRefreshHandler = function (handler) {
+      {
+        resolveFamily = handler;
+      }
+    };
+    function resolveFunctionForHotReloading(type) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return type;
+        }
 
-    completedWork = returnFiber; // Update the next thing we're working on in case something throws.
+        var family = resolveFamily(type);
 
-    workInProgress = completedWork;
-  } while (completedWork !== null); // We've reached the root.
+        if (family === undefined) {
+          return type;
+        } // Use the latest known implementation.
 
-  if (workInProgressRootExitStatus === RootInProgress) {
-    workInProgressRootExitStatus = RootCompleted;
-  }
-}
+        return family.current;
+      }
+    }
+    function resolveClassForHotReloading(type) {
+      // No implementation differences.
+      return resolveFunctionForHotReloading(type);
+    }
+    function resolveForwardRefForHotReloading(type) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return type;
+        }
 
-function commitRoot(root, recoverableErrors, transitions) {
-  // TODO: This no longer makes any sense. We already wrap the mutation and
-  // layout phases. Should be able to remove.
-  var previousUpdateLanePriority = getCurrentUpdatePriority();
-  var prevTransition = ReactCurrentBatchConfig$2.transition;
+        var family = resolveFamily(type);
 
-  try {
-    ReactCurrentBatchConfig$2.transition = null;
-    setCurrentUpdatePriority(DiscreteEventPriority);
-    commitRootImpl(
-      root,
-      recoverableErrors,
-      transitions,
-      previousUpdateLanePriority
-    );
-  } finally {
-    ReactCurrentBatchConfig$2.transition = prevTransition;
-    setCurrentUpdatePriority(previousUpdateLanePriority);
-  }
+        if (family === undefined) {
+          // Check if we're dealing with a real forwardRef. Don't want to crash early.
+          if (
+            type !== null &&
+            type !== undefined &&
+            typeof type.render === "function"
+          ) {
+            // ForwardRef is special because its resolved .type is an object,
+            // but it's possible that we only have its inner render function in the map.
+            // If that inner render function is different, we'll build a new forwardRef type.
+            var currentRender = resolveFunctionForHotReloading(type.render);
+
+            if (type.render !== currentRender) {
+              var syntheticType = {
+                $$typeof: REACT_FORWARD_REF_TYPE,
+                render: currentRender
+              };
+
+              if (type.displayName !== undefined) {
+                syntheticType.displayName = type.displayName;
+              }
 
-  return null;
-}
+              return syntheticType;
+            }
+          }
 
-function commitRootImpl(
-  root,
-  recoverableErrors,
-  transitions,
-  renderPriorityLevel
-) {
-  do {
-    // `flushPassiveEffects` will call `flushSyncUpdateQueue` at the end, which
-    // means `flushPassiveEffects` will sometimes result in additional
-    // passive effects. So we need to keep flushing in a loop until there are
-    // no more pending effects.
-    // TODO: Might be better if `flushPassiveEffects` did not automatically
-    // flush synchronous work at the end, to avoid factoring hazards like this.
-    flushPassiveEffects();
-  } while (rootWithPendingPassiveEffects !== null);
-
-  flushRenderPhaseStrictModeWarningsInDEV();
-
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    throw new Error("Should not already be working.");
-  }
-
-  var finishedWork = root.finishedWork;
-  var lanes = root.finishedLanes;
-
-  if (finishedWork === null) {
-    return null;
-  } else {
-    {
-      if (lanes === NoLanes) {
-        error(
-          "root.finishedLanes should not be empty during a commit. This is a " +
-            "bug in React."
-        );
+          return type;
+        } // Use the latest known implementation.
+
+        return family.current;
       }
     }
-  }
+    function isCompatibleFamilyForHotReloading(fiber, element) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return false;
+        }
 
-  root.finishedWork = null;
-  root.finishedLanes = NoLanes;
+        var prevType = fiber.elementType;
+        var nextType = element.type; // If we got here, we know types aren't === equal.
 
-  if (finishedWork === root.current) {
-    throw new Error(
-      "Cannot commit the same tree as before. This error is likely caused by " +
-        "a bug in React. Please file an issue."
-    );
-  } // commitRoot never returns a continuation; it always finishes synchronously.
-  // So we can clear these now to allow a new callback to be scheduled.
-
-  root.callbackNode = null;
-  root.callbackPriority = NoLane; // Update the first and last pending times on this root. The new first
-  // pending time is whatever is left on the root fiber.
-
-  var remainingLanes = mergeLanes(finishedWork.lanes, finishedWork.childLanes);
-  markRootFinished(root, remainingLanes);
-
-  if (root === workInProgressRoot) {
-    // We can reset these now that they are finished.
-    workInProgressRoot = null;
-    workInProgress = null;
-    workInProgressRootRenderLanes = NoLanes;
-  } // If there are pending passive effects, schedule a callback to process them.
-  // Do this as early as possible, so it is queued before anything else that
-  // might get scheduled in the commit phase. (See #16714.)
-  // TODO: Delete all other places that schedule the passive effect callback
-  // They're redundant.
-
-  if (
-    (finishedWork.subtreeFlags & PassiveMask) !== NoFlags ||
-    (finishedWork.flags & PassiveMask) !== NoFlags
-  ) {
-    if (!rootDoesHavePassiveEffects) {
-      rootDoesHavePassiveEffects = true;
-      // to store it in pendingPassiveTransitions until they get processed
-      // We need to pass this through as an argument to commitRoot
-      // because workInProgressTransitions might have changed between
-      // the previous render and commit if we throttle the commit
-      // with setTimeout
-
-      pendingPassiveTransitions = transitions;
-      scheduleCallback$1(NormalPriority, function() {
-        flushPassiveEffects(); // This render triggered passive effects: release the root cache pool
-        // *after* passive effects fire to avoid freeing a cache pool that may
-        // be referenced by a node in the tree (HostRoot, Cache boundary etc)
+        var needsCompareFamilies = false;
+        var $$typeofNextType =
+          typeof nextType === "object" && nextType !== null
+            ? nextType.$$typeof
+            : null;
 
-        return null;
-      });
-    }
-  } // Check if there are any effects in the whole tree.
-  // TODO: This is left over from the effect list implementation, where we had
-  // to check for the existence of `firstEffect` to satisfy Flow. I think the
-  // only other reason this optimization exists is because it affects profiling.
-  // Reconsider whether this is necessary.
-
-  var subtreeHasEffects =
-    (finishedWork.subtreeFlags &
-      (BeforeMutationMask | MutationMask | LayoutMask | PassiveMask)) !==
-    NoFlags;
-  var rootHasEffect =
-    (finishedWork.flags &
-      (BeforeMutationMask | MutationMask | LayoutMask | PassiveMask)) !==
-    NoFlags;
-
-  if (subtreeHasEffects || rootHasEffect) {
-    var prevTransition = ReactCurrentBatchConfig$2.transition;
-    ReactCurrentBatchConfig$2.transition = null;
-    var previousPriority = getCurrentUpdatePriority();
-    setCurrentUpdatePriority(DiscreteEventPriority);
-    var prevExecutionContext = executionContext;
-    executionContext |= CommitContext; // Reset this to null before calling lifecycles
-
-    ReactCurrentOwner$2.current = null; // The commit phase is broken into several sub-phases. We do a separate pass
-    // of the effect list for each phase: all mutation effects come before all
-    // layout effects, and so on.
-    // The first phase a "before mutation" phase. We use this phase to read the
-    // state of the host tree right before we mutate it. This is where
-    // getSnapshotBeforeUpdate is called.
-
-    var shouldFireAfterActiveInstanceBlur = commitBeforeMutationEffects(
-      root,
-      finishedWork
-    );
+        switch (fiber.tag) {
+          case ClassComponent: {
+            if (typeof nextType === "function") {
+              needsCompareFamilies = true;
+            }
 
-    {
-      // Mark the current commit time to be shared by all Profilers in this
-      // batch. This enables them to be grouped later.
-      recordCommitTime();
-    }
+            break;
+          }
 
-    commitMutationEffects(root, finishedWork, lanes);
+          case FunctionComponent: {
+            if (typeof nextType === "function") {
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              // We don't know the inner type yet.
+              // We're going to assume that the lazy inner type is stable,
+              // and so it is sufficient to avoid reconciling it away.
+              // We're not going to unwrap or actually use the new lazy type.
+              needsCompareFamilies = true;
+            }
 
-    resetAfterCommit(root.containerInfo); // The work-in-progress tree is now the current tree. This must come after
-    // the mutation phase, so that the previous tree is still current during
-    // componentWillUnmount, but before the layout phase, so that the finished
-    // work is current during componentDidMount/Update.
+            break;
+          }
 
-    root.current = finishedWork; // The next phase is the layout phase, where we call effects that read
+          case ForwardRef: {
+            if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              needsCompareFamilies = true;
+            }
 
-    commitLayoutEffects(finishedWork, root, lanes);
-    // opportunity to paint.
+            break;
+          }
 
-    requestPaint();
-    executionContext = prevExecutionContext; // Reset the priority to the previous non-sync value.
+          case MemoComponent:
+          case SimpleMemoComponent: {
+            if ($$typeofNextType === REACT_MEMO_TYPE) {
+              // TODO: if it was but can no longer be simple,
+              // we shouldn't set this.
+              needsCompareFamilies = true;
+            } else if ($$typeofNextType === REACT_LAZY_TYPE) {
+              needsCompareFamilies = true;
+            }
 
-    setCurrentUpdatePriority(previousPriority);
-    ReactCurrentBatchConfig$2.transition = prevTransition;
-  } else {
-    // No effects.
-    root.current = finishedWork; // Measure these anyway so the flamegraph explicitly shows that there were
-    // no effects.
-    // TODO: Maybe there's a better way to report this.
+            break;
+          }
 
-    {
-      recordCommitTime();
-    }
-  }
+          default:
+            return false;
+        } // Check if both types have a family and it's the same one.
 
-  if (rootDoesHavePassiveEffects) {
-    // This commit has passive effects. Stash a reference to them. But don't
-    // schedule a callback until after flushing layout work.
-    rootDoesHavePassiveEffects = false;
-    rootWithPendingPassiveEffects = root;
-    pendingPassiveEffectsLanes = lanes;
-  } else {
-    {
-      nestedPassiveUpdateCount = 0;
-      rootWithPassiveNestedUpdates = null;
-    }
-  } // Read this again, since an effect might have updated it
-
-  remainingLanes = root.pendingLanes; // Check if there's remaining work on this root
-  // TODO: This is part of the `componentDidCatch` implementation. Its purpose
-  // is to detect whether something might have called setState inside
-  // `componentDidCatch`. The mechanism is known to be flawed because `setState`
-  // inside `componentDidCatch` is itself flawed — that's why we recommend
-  // `getDerivedStateFromError` instead. However, it could be improved by
-  // checking if remainingLanes includes Sync work, instead of whether there's
-  // any work remaining at all (which would also include stuff like Suspense
-  // retries or transitions). It's been like this for a while, though, so fixing
-  // it probably isn't that urgent.
-
-  if (remainingLanes === NoLanes) {
-    // If there's no remaining work, we can clear the set of already failed
-    // error boundaries.
-    legacyErrorBoundariesThatAlreadyFailed = null;
-  }
-
-  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
-
-  {
-    if (isDevToolsPresent) {
-      root.memoizedUpdaters.clear();
-    }
-  }
-  // additional work on this root is scheduled.
-
-  ensureRootIsScheduled(root, now());
-
-  if (recoverableErrors !== null) {
-    // There were errors during this render, but recovered from them without
-    // needing to surface it to the UI. We log them here.
-    var onRecoverableError = root.onRecoverableError;
-
-    for (var i = 0; i < recoverableErrors.length; i++) {
-      var recoverableError = recoverableErrors[i];
-      var componentStack = recoverableError.stack;
-      var digest = recoverableError.digest;
-      onRecoverableError(recoverableError.value, {
-        componentStack: componentStack,
-        digest: digest
-      });
-    }
-  }
-
-  if (hasUncaughtError) {
-    hasUncaughtError = false;
-    var error$1 = firstUncaughtError;
-    firstUncaughtError = null;
-    throw error$1;
-  } // If the passive effects are the result of a discrete render, flush them
-  // synchronously at the end of the current task so that the result is
-  // immediately observable. Otherwise, we assume that they are not
-  // order-dependent and do not need to be observed by external systems, so we
-  // can wait until after paint.
-  // TODO: We can optimize this by not scheduling the callback earlier. Since we
-  // currently schedule the callback in multiple places, will wait until those
-  // are consolidated.
-
-  if (
-    includesSomeLane(pendingPassiveEffectsLanes, SyncLane) &&
-    root.tag !== LegacyRoot
-  ) {
-    flushPassiveEffects();
-  } // Read this again, since a passive effect might have updated it
-
-  remainingLanes = root.pendingLanes;
-
-  if (includesSomeLane(remainingLanes, SyncLane)) {
-    {
-      markNestedUpdateScheduled();
-    } // Count the number of times the root synchronously re-renders without
-    // finishing. If there are too many, it indicates an infinite update loop.
+        if (needsCompareFamilies) {
+          // Note: memo() and forwardRef() we'll compare outer rather than inner type.
+          // This means both of them need to be registered to preserve state.
+          // If we unwrapped and compared the inner types for wrappers instead,
+          // then we would risk falsely saying two separate memo(Foo)
+          // calls are equivalent because they wrap the same Foo function.
+          var prevFamily = resolveFamily(prevType); // $FlowFixMe[not-a-function] found when upgrading Flow
 
-    if (root === rootWithNestedUpdates) {
-      nestedUpdateCount++;
-    } else {
-      nestedUpdateCount = 0;
-      rootWithNestedUpdates = root;
-    }
-  } else {
-    nestedUpdateCount = 0;
-  } // If layout work was scheduled, flush it now.
+          if (
+            prevFamily !== undefined &&
+            prevFamily === resolveFamily(nextType)
+          ) {
+            return true;
+          }
+        }
 
-  flushSyncCallbacks();
+        return false;
+      }
+    }
+    function markFailedErrorBoundaryForHotReloading(fiber) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return;
+        }
 
-  return null;
-}
+        if (typeof WeakSet !== "function") {
+          return;
+        }
 
-function flushPassiveEffects() {
-  // Returns whether passive effects were flushed.
-  // TODO: Combine this check with the one in flushPassiveEFfectsImpl. We should
-  // probably just combine the two functions. I believe they were only separate
-  // in the first place because we used to wrap it with
-  // `Scheduler.runWithPriority`, which accepts a function. But now we track the
-  // priority within React itself, so we can mutate the variable directly.
-  if (rootWithPendingPassiveEffects !== null) {
-    var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes);
-    var priority = lowerEventPriority(DefaultEventPriority, renderPriority);
-    var prevTransition = ReactCurrentBatchConfig$2.transition;
-    var previousPriority = getCurrentUpdatePriority();
-
-    try {
-      ReactCurrentBatchConfig$2.transition = null;
-      setCurrentUpdatePriority(priority);
-      return flushPassiveEffectsImpl();
-    } finally {
-      setCurrentUpdatePriority(previousPriority);
-      ReactCurrentBatchConfig$2.transition = prevTransition; // Once passive effects have run for the tree - giving components a
-    }
-  }
-
-  return false;
-}
-function enqueuePendingPassiveProfilerEffect(fiber) {
-  {
-    pendingPassiveProfilerEffects.push(fiber);
+        if (failedBoundaries === null) {
+          failedBoundaries = new WeakSet();
+        }
 
-    if (!rootDoesHavePassiveEffects) {
-      rootDoesHavePassiveEffects = true;
-      scheduleCallback$1(NormalPriority, function() {
-        flushPassiveEffects();
-        return null;
-      });
+        failedBoundaries.add(fiber);
+      }
     }
-  }
-}
+    var scheduleRefresh = function (root, update) {
+      {
+        if (resolveFamily === null) {
+          // Hot reloading is disabled.
+          return;
+        }
 
-function flushPassiveEffectsImpl() {
-  if (rootWithPendingPassiveEffects === null) {
-    return false;
-  } // Cache and clear the transitions flag
-
-  var transitions = pendingPassiveTransitions;
-  pendingPassiveTransitions = null;
-  var root = rootWithPendingPassiveEffects;
-  var lanes = pendingPassiveEffectsLanes;
-  rootWithPendingPassiveEffects = null; // TODO: This is sometimes out of sync with rootWithPendingPassiveEffects.
-  // Figure out why and fix it. It's not causing any known issues (probably
-  // because it's only used for profiling), but it's a refactor hazard.
-
-  pendingPassiveEffectsLanes = NoLanes;
-
-  if ((executionContext & (RenderContext | CommitContext)) !== NoContext) {
-    throw new Error("Cannot flush passive effects while already rendering.");
-  }
-
-  {
-    isFlushingPassiveEffects = true;
-    didScheduleUpdateDuringPassiveEffects = false;
-  }
-
-  var prevExecutionContext = executionContext;
-  executionContext |= CommitContext;
-  commitPassiveUnmountEffects(root.current);
-  commitPassiveMountEffects(root, root.current, lanes, transitions); // TODO: Move to commitPassiveMountEffects
-
-  {
-    var profilerEffects = pendingPassiveProfilerEffects;
-    pendingPassiveProfilerEffects = [];
-
-    for (var i = 0; i < profilerEffects.length; i++) {
-      var _fiber = profilerEffects[i];
-      commitPassiveEffectDurations(root, _fiber);
-    }
-  }
-
-  executionContext = prevExecutionContext;
-  flushSyncCallbacks();
-
-  {
-    // If additional passive effects were scheduled, increment a counter. If this
-    // exceeds the limit, we'll fire a warning.
-    if (didScheduleUpdateDuringPassiveEffects) {
-      if (root === rootWithPassiveNestedUpdates) {
-        nestedPassiveUpdateCount++;
-      } else {
-        nestedPassiveUpdateCount = 0;
-        rootWithPassiveNestedUpdates = root;
+        var staleFamilies = update.staleFamilies,
+          updatedFamilies = update.updatedFamilies;
+        flushPassiveEffects();
+        flushSync(function () {
+          scheduleFibersWithFamiliesRecursively(
+            root.current,
+            updatedFamilies,
+            staleFamilies
+          );
+        });
       }
-    } else {
-      nestedPassiveUpdateCount = 0;
-    }
+    };
+    var scheduleRoot = function (root, element) {
+      {
+        if (root.context !== emptyContextObject) {
+          // Super edge case: root has a legacy _renderSubtree context
+          // but we don't know the parentComponent so we can't pass it.
+          // Just ignore. We'll delete this with _renderSubtree code path later.
+          return;
+        }
 
-    isFlushingPassiveEffects = false;
-    didScheduleUpdateDuringPassiveEffects = false;
-  } // TODO: Move to commitPassiveMountEffects
+        flushPassiveEffects();
+        flushSync(function () {
+          updateContainer(element, root, null, null);
+        });
+      }
+    };
 
-  onPostCommitRoot(root);
+    function scheduleFibersWithFamiliesRecursively(
+      fiber,
+      updatedFamilies,
+      staleFamilies
+    ) {
+      {
+        var alternate = fiber.alternate,
+          child = fiber.child,
+          sibling = fiber.sibling,
+          tag = fiber.tag,
+          type = fiber.type;
+        var candidateType = null;
+
+        switch (tag) {
+          case FunctionComponent:
+          case SimpleMemoComponent:
+          case ClassComponent:
+            candidateType = type;
+            break;
 
-  {
-    var stateNode = root.current.stateNode;
-    stateNode.effectDuration = 0;
-    stateNode.passiveEffectDuration = 0;
-  }
+          case ForwardRef:
+            candidateType = type.render;
+            break;
+        }
 
-  return true;
-}
+        if (resolveFamily === null) {
+          throw new Error(
+            "Expected resolveFamily to be set during hot reload."
+          );
+        }
 
-function isAlreadyFailedLegacyErrorBoundary(instance) {
-  return (
-    legacyErrorBoundariesThatAlreadyFailed !== null &&
-    legacyErrorBoundariesThatAlreadyFailed.has(instance)
-  );
-}
-function markLegacyErrorBoundaryAsFailed(instance) {
-  if (legacyErrorBoundariesThatAlreadyFailed === null) {
-    legacyErrorBoundariesThatAlreadyFailed = new Set([instance]);
-  } else {
-    legacyErrorBoundariesThatAlreadyFailed.add(instance);
-  }
-}
+        var needsRender = false;
+        var needsRemount = false;
 
-function prepareToThrowUncaughtError(error) {
-  if (!hasUncaughtError) {
-    hasUncaughtError = true;
-    firstUncaughtError = error;
-  }
-}
+        if (candidateType !== null) {
+          var family = resolveFamily(candidateType);
 
-var onUncaughtError = prepareToThrowUncaughtError;
+          if (family !== undefined) {
+            if (staleFamilies.has(family)) {
+              needsRemount = true;
+            } else if (updatedFamilies.has(family)) {
+              if (tag === ClassComponent) {
+                needsRemount = true;
+              } else {
+                needsRender = true;
+              }
+            }
+          }
+        }
 
-function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
-  var errorInfo = createCapturedValueAtFiber(error, sourceFiber);
-  var update = createRootErrorUpdate(rootFiber, errorInfo, SyncLane);
-  var root = enqueueUpdate(rootFiber, update, SyncLane);
-  var eventTime = requestEventTime();
+        if (failedBoundaries !== null) {
+          if (
+            failedBoundaries.has(fiber) || // $FlowFixMe[incompatible-use] found when upgrading Flow
+            (alternate !== null && failedBoundaries.has(alternate))
+          ) {
+            needsRemount = true;
+          }
+        }
 
-  if (root !== null) {
-    markRootUpdated(root, SyncLane, eventTime);
-    ensureRootIsScheduled(root, eventTime);
-  }
-}
+        if (needsRemount) {
+          fiber._debugNeedsRemount = true;
+        }
 
-function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error$1) {
-  {
-    reportUncaughtErrorInDEV(error$1);
-    setIsRunningInsertionEffect(false);
-  }
-
-  if (sourceFiber.tag === HostRoot) {
-    // Error was thrown at the root. There is no parent, so the root
-    // itself should capture it.
-    captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error$1);
-    return;
-  }
-
-  var fiber = null;
-
-  {
-    fiber = sourceFiber.return;
-  }
-
-  while (fiber !== null) {
-    if (fiber.tag === HostRoot) {
-      captureCommitPhaseErrorOnRoot(fiber, sourceFiber, error$1);
-      return;
-    } else if (fiber.tag === ClassComponent) {
-      var ctor = fiber.type;
-      var instance = fiber.stateNode;
+        if (needsRemount || needsRender) {
+          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-      if (
-        typeof ctor.getDerivedStateFromError === "function" ||
-        (typeof instance.componentDidCatch === "function" &&
-          !isAlreadyFailedLegacyErrorBoundary(instance))
-      ) {
-        var errorInfo = createCapturedValueAtFiber(error$1, sourceFiber);
-        var update = createClassErrorUpdate(fiber, errorInfo, SyncLane);
-        var root = enqueueUpdate(fiber, update, SyncLane);
-        var eventTime = requestEventTime();
+          if (root !== null) {
+            scheduleUpdateOnFiber(root, fiber, SyncLane);
+          }
+        }
 
-        if (root !== null) {
-          markRootUpdated(root, SyncLane, eventTime);
-          ensureRootIsScheduled(root, eventTime);
+        if (child !== null && !needsRemount) {
+          scheduleFibersWithFamiliesRecursively(
+            child,
+            updatedFamilies,
+            staleFamilies
+          );
         }
 
-        return;
+        if (sibling !== null) {
+          scheduleFibersWithFamiliesRecursively(
+            sibling,
+            updatedFamilies,
+            staleFamilies
+          );
+        }
       }
     }
 
-    fiber = fiber.return;
-  }
-
-  {
-    // TODO: Until we re-land skipUnmountedBoundaries (see #20147), this warning
-    // will fire for errors that are thrown by destroy functions inside deleted
-    // trees. What it should instead do is propagate the error to the parent of
-    // the deleted tree. In the meantime, do not add this warning to the
-    // allowlist; this is only for our internal use.
-    error(
-      "Internal React error: Attempted to capture a commit phase error " +
-        "inside a detached tree. This indicates a bug in React. Likely " +
-        "causes include deleting the same fiber more than once, committing an " +
-        "already-finished tree, or an inconsistent return pointer.\n\n" +
-        "Error message:\n\n%s",
-      error$1
-    );
-  }
-}
-function pingSuspendedRoot(root, wakeable, pingedLanes) {
-  var pingCache = root.pingCache;
-
-  if (pingCache !== null) {
-    // The wakeable resolved, so we no longer need to memoize, because it will
-    // never be thrown again.
-    pingCache.delete(wakeable);
-  }
-
-  var eventTime = requestEventTime();
-  markRootPinged(root, pingedLanes);
-  warnIfSuspenseResolutionNotWrappedWithActDEV(root);
-
-  if (
-    workInProgressRoot === root &&
-    isSubsetOfLanes(workInProgressRootRenderLanes, pingedLanes)
-  ) {
-    // Received a ping at the same priority level at which we're currently
-    // rendering. We might want to restart this render. This should mirror
-    // the logic of whether or not a root suspends once it completes.
-    // TODO: If we're rendering sync either due to Sync, Batched or expired,
-    // we should probably never restart.
-    // If we're suspended with delay, or if it's a retry, we'll always suspend
-    // so we can always restart.
-    if (
-      workInProgressRootExitStatus === RootSuspendedWithDelay ||
-      (workInProgressRootExitStatus === RootSuspended &&
-        includesOnlyRetries(workInProgressRootRenderLanes) &&
-        now() - globalMostRecentFallbackTime < FALLBACK_THROTTLE_MS)
-    ) {
-      // Restart from the root.
-      prepareFreshStack(root, NoLanes);
-    } else {
-      // Even though we can't restart right now, we might get an
-      // opportunity later. So we mark this render as having a ping.
-      workInProgressRootPingedLanes = mergeLanes(
-        workInProgressRootPingedLanes,
-        pingedLanes
-      );
-    }
-  }
-
-  ensureRootIsScheduled(root, eventTime);
-}
-
-function retryTimedOutBoundary(boundaryFiber, retryLane) {
-  // The boundary fiber (a Suspense component or SuspenseList component)
-  // previously was rendered in its fallback state. One of the promises that
-  // suspended it has resolved, which means at least part of the tree was
-  // likely unblocked. Try rendering again, at a new lanes.
-  if (retryLane === NoLane) {
-    // TODO: Assign this to `suspenseState.retryLane`? to avoid
-    // unnecessary entanglement?
-    retryLane = requestRetryLane(boundaryFiber);
-  } // TODO: Special case idle priority?
-
-  var eventTime = requestEventTime();
-  var root = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
-
-  if (root !== null) {
-    markRootUpdated(root, retryLane, eventTime);
-    ensureRootIsScheduled(root, eventTime);
-  }
-}
+    var findHostInstancesForRefresh = function (root, families) {
+      {
+        var hostInstances = new Set();
+        var types = new Set(
+          families.map(function (family) {
+            return family.current;
+          })
+        );
+        findHostInstancesForMatchingFibersRecursively(
+          root.current,
+          types,
+          hostInstances
+        );
+        return hostInstances;
+      }
+    };
 
-function retryDehydratedSuspenseBoundary(boundaryFiber) {
-  var suspenseState = boundaryFiber.memoizedState;
-  var retryLane = NoLane;
+    function findHostInstancesForMatchingFibersRecursively(
+      fiber,
+      types,
+      hostInstances
+    ) {
+      {
+        var child = fiber.child,
+          sibling = fiber.sibling,
+          tag = fiber.tag,
+          type = fiber.type;
+        var candidateType = null;
+
+        switch (tag) {
+          case FunctionComponent:
+          case SimpleMemoComponent:
+          case ClassComponent:
+            candidateType = type;
+            break;
 
-  if (suspenseState !== null) {
-    retryLane = suspenseState.retryLane;
-  }
+          case ForwardRef:
+            candidateType = type.render;
+            break;
+        }
 
-  retryTimedOutBoundary(boundaryFiber, retryLane);
-}
-function resolveRetryWakeable(boundaryFiber, wakeable) {
-  var retryLane = NoLane; // Default
+        var didMatch = false;
 
-  var retryCache;
+        if (candidateType !== null) {
+          if (types.has(candidateType)) {
+            didMatch = true;
+          }
+        }
 
-  switch (boundaryFiber.tag) {
-    case SuspenseComponent:
-      retryCache = boundaryFiber.stateNode;
-      var suspenseState = boundaryFiber.memoizedState;
+        if (didMatch) {
+          // We have a match. This only drills down to the closest host components.
+          // There's no need to search deeper because for the purpose of giving
+          // visual feedback, "flashing" outermost parent rectangles is sufficient.
+          findHostInstancesForFiberShallowly(fiber, hostInstances);
+        } else {
+          // If there's no match, maybe there will be one further down in the child tree.
+          if (child !== null) {
+            findHostInstancesForMatchingFibersRecursively(
+              child,
+              types,
+              hostInstances
+            );
+          }
+        }
 
-      if (suspenseState !== null) {
-        retryLane = suspenseState.retryLane;
+        if (sibling !== null) {
+          findHostInstancesForMatchingFibersRecursively(
+            sibling,
+            types,
+            hostInstances
+          );
+        }
       }
+    }
 
-      break;
+    function findHostInstancesForFiberShallowly(fiber, hostInstances) {
+      {
+        var foundHostInstances = findChildHostInstancesForFiberShallowly(
+          fiber,
+          hostInstances
+        );
 
-    case SuspenseListComponent:
-      retryCache = boundaryFiber.stateNode;
-      break;
+        if (foundHostInstances) {
+          return;
+        } // If we didn't find any host children, fallback to closest host parent.
 
-    default:
-      throw new Error(
-        "Pinged unknown suspense boundary type. " +
-          "This is probably a bug in React."
-      );
-  }
-
-  if (retryCache !== null) {
-    // The wakeable resolved, so we no longer need to memoize, because it will
-    // never be thrown again.
-    retryCache.delete(wakeable);
-  }
-
-  retryTimedOutBoundary(boundaryFiber, retryLane);
-} // Computes the next Just Noticeable Difference (JND) boundary.
-// The theory is that a person can't tell the difference between small differences in time.
-// Therefore, if we wait a bit longer than necessary that won't translate to a noticeable
-// difference in the experience. However, waiting for longer might mean that we can avoid
-// showing an intermediate loading state. The longer we have already waited, the harder it
-// is to tell small differences in time. Therefore, the longer we've already waited,
-// the longer we can wait additionally. At some point we have to give up though.
-// We pick a train model where the next boundary commits at a consistent schedule.
-// These particular numbers are vague estimates. We expect to adjust them based on research.
-
-function jnd(timeElapsed) {
-  return timeElapsed < 120
-    ? 120
-    : timeElapsed < 480
-    ? 480
-    : timeElapsed < 1080
-    ? 1080
-    : timeElapsed < 1920
-    ? 1920
-    : timeElapsed < 3000
-    ? 3000
-    : timeElapsed < 4320
-    ? 4320
-    : ceil(timeElapsed / 1960) * 1960;
-}
+        var node = fiber;
 
-function checkForNestedUpdates() {
-  if (nestedUpdateCount > NESTED_UPDATE_LIMIT) {
-    nestedUpdateCount = 0;
-    rootWithNestedUpdates = null;
-    throw new Error(
-      "Maximum update depth exceeded. This can happen when a component " +
-        "repeatedly calls setState inside componentWillUpdate or " +
-        "componentDidUpdate. React limits the number of nested updates to " +
-        "prevent infinite loops."
-    );
-  }
-
-  {
-    if (nestedPassiveUpdateCount > NESTED_PASSIVE_UPDATE_LIMIT) {
-      nestedPassiveUpdateCount = 0;
-      rootWithPassiveNestedUpdates = null;
-
-      error(
-        "Maximum update depth exceeded. This can happen when a component " +
-          "calls setState inside useEffect, but useEffect either doesn't " +
-          "have a dependency array, or one of the dependencies changes on " +
-          "every render."
-      );
-    }
-  }
-}
+        while (true) {
+          switch (node.tag) {
+            case HostSingleton:
+            case HostComponent:
+              hostInstances.add(node.stateNode);
+              return;
 
-function flushRenderPhaseStrictModeWarningsInDEV() {
-  {
-    ReactStrictModeWarnings.flushLegacyContextWarning();
+            case HostPortal:
+              hostInstances.add(node.stateNode.containerInfo);
+              return;
 
-    {
-      ReactStrictModeWarnings.flushPendingUnsafeLifecycleWarnings();
-    }
-  }
-}
+            case HostRoot:
+              hostInstances.add(node.stateNode.containerInfo);
+              return;
+          }
 
-var didWarnStateUpdateForNotYetMountedComponent = null;
-function warnAboutUpdateOnNotYetMountedFiberInDEV(fiber) {
-  {
-    if ((executionContext & RenderContext) !== NoContext) {
-      // We let the other warning about render phase updates deal with this one.
-      return;
-    }
+          if (node.return === null) {
+            throw new Error("Expected to reach root first.");
+          }
 
-    if (!(fiber.mode & ConcurrentMode)) {
-      return;
+          node = node.return;
+        }
+      }
     }
 
-    var tag = fiber.tag;
-
-    if (
-      tag !== IndeterminateComponent &&
-      tag !== HostRoot &&
-      tag !== ClassComponent &&
-      tag !== FunctionComponent &&
-      tag !== ForwardRef &&
-      tag !== MemoComponent &&
-      tag !== SimpleMemoComponent
-    ) {
-      // Only warn for user-defined components, not internal ones like Suspense.
-      return;
-    } // We show the whole stack but dedupe on the top component's name because
-    // the problematic code almost always lies inside that component.
-
-    var componentName = getComponentNameFromFiber(fiber) || "ReactComponent";
+    function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
+      {
+        var node = fiber;
+        var foundHostInstances = false;
 
-    if (didWarnStateUpdateForNotYetMountedComponent !== null) {
-      if (didWarnStateUpdateForNotYetMountedComponent.has(componentName)) {
-        return;
-      }
+        while (true) {
+          if (
+            node.tag === HostComponent ||
+            node.tag === HostHoistable ||
+            false
+          ) {
+            // We got a match.
+            foundHostInstances = true;
+            hostInstances.add(node.stateNode); // There may still be more, so keep searching.
+          } else if (node.child !== null) {
+            node.child.return = node;
+            node = node.child;
+            continue;
+          }
 
-      didWarnStateUpdateForNotYetMountedComponent.add(componentName);
-    } else {
-      didWarnStateUpdateForNotYetMountedComponent = new Set([componentName]);
-    }
+          if (node === fiber) {
+            return foundHostInstances;
+          }
 
-    var previousFiber = current;
+          while (node.sibling === null) {
+            if (node.return === null || node.return === fiber) {
+              return foundHostInstances;
+            }
 
-    try {
-      setCurrentFiber(fiber);
+            node = node.return;
+          }
 
-      error(
-        "Can't perform a React state update on a component that hasn't mounted yet. " +
-          "This indicates that you have a side-effect in your render function that " +
-          "asynchronously later calls tries to update the component. Move this work to " +
-          "useEffect instead."
-      );
-    } finally {
-      if (previousFiber) {
-        setCurrentFiber(fiber);
-      } else {
-        resetCurrentFiber();
+          node.sibling.return = node.return;
+          node = node.sibling;
+        }
       }
-    }
-  }
-}
-var beginWork$1;
-
-{
-  var dummyFiber = null;
-
-  beginWork$1 = function(current, unitOfWork, lanes) {
-    // If a component throws an error, we replay it again in a synchronously
-    // dispatched event, so that the debugger will treat it as an uncaught
-    // error See ReactErrorUtils for more information.
-    // Before entering the begin phase, copy the work-in-progress onto a dummy
-    // fiber. If beginWork throws, we'll use this to reset the state.
-    var originalWorkInProgressCopy = assignFiberPropertiesInDEV(
-      dummyFiber,
-      unitOfWork
-    );
-
-    try {
-      return beginWork(current, unitOfWork, lanes);
-    } catch (originalError) {
-      if (
-        didSuspendOrErrorWhileHydratingDEV() ||
-        (originalError !== null &&
-          typeof originalError === "object" &&
-          typeof originalError.then === "function")
-      ) {
-        // Don't replay promises.
-        // Don't replay errors if we are hydrating and have already suspended or handled an error
-        throw originalError;
-      } // Keep this code in sync with handleError; any changes here must have
-      // corresponding changes there.
 
-      resetContextDependencies();
-      resetHooksAfterThrow(); // Don't reset current debug fiber, since we're about to work on the
-      // same fiber again.
-      // Unwind the failed stack frame
+      return false;
+    }
 
-      unwindInterruptedWork(current, unitOfWork); // Restore the original properties of the fiber.
+    var hasBadMapPolyfill;
 
-      assignFiberPropertiesInDEV(unitOfWork, originalWorkInProgressCopy);
+    {
+      hasBadMapPolyfill = false;
 
-      if (unitOfWork.mode & ProfileMode) {
-        // Reset the profiler timer.
-        startProfilerTimer(unitOfWork);
-      } // Run beginWork again.
+      try {
+        var nonExtensibleObject = Object.preventExtensions({});
+        /* eslint-disable no-new */
+
+        new Map([[nonExtensibleObject, null]]);
+        new Set([nonExtensibleObject]);
+        /* eslint-enable no-new */
+      } catch (e) {
+        // TODO: Consider warning about bad polyfills
+        hasBadMapPolyfill = true;
+      }
+    }
+
+    function FiberNode(tag, pendingProps, key, mode) {
+      // Instance
+      this.tag = tag;
+      this.key = key;
+      this.elementType = null;
+      this.type = null;
+      this.stateNode = null; // Fiber
+
+      this.return = null;
+      this.child = null;
+      this.sibling = null;
+      this.index = 0;
+      this.ref = null;
+      this.refCleanup = null;
+      this.pendingProps = pendingProps;
+      this.memoizedProps = null;
+      this.updateQueue = null;
+      this.memoizedState = null;
+      this.dependencies = null;
+      this.mode = mode; // Effects
+
+      this.flags = NoFlags$1;
+      this.subtreeFlags = NoFlags$1;
+      this.deletions = null;
+      this.lanes = NoLanes;
+      this.childLanes = NoLanes;
+      this.alternate = null;
 
-      invokeGuardedCallback(null, beginWork, null, current, unitOfWork, lanes);
+      {
+        // Note: The following is done to avoid a v8 performance cliff.
+        //
+        // Initializing the fields below to smis and later updating them with
+        // double values will cause Fibers to end up having separate shapes.
+        // This behavior/bug has something to do with Object.preventExtension().
+        // Fortunately this only impacts DEV builds.
+        // Unfortunately it makes React unusably slow for some applications.
+        // To work around this, initialize the fields below with doubles.
+        //
+        // Learn more about this here:
+        // https://github.com/facebook/react/issues/14365
+        // https://bugs.chromium.org/p/v8/issues/detail?id=8538
+        this.actualDuration = Number.NaN;
+        this.actualStartTime = Number.NaN;
+        this.selfBaseDuration = Number.NaN;
+        this.treeBaseDuration = Number.NaN; // It's okay to replace the initial doubles with smis after initialization.
+        // This won't trigger the performance cliff mentioned above,
+        // and it simplifies other profiler code (including DevTools).
+
+        this.actualDuration = 0;
+        this.actualStartTime = -1;
+        this.selfBaseDuration = 0;
+        this.treeBaseDuration = 0;
+      }
 
-      if (hasCaughtError()) {
-        var replayError = clearCaughtError();
+      {
+        // This isn't directly used but is handy for debugging internals:
+        this._debugOwner = null;
+        this._debugNeedsRemount = false;
+        this._debugHookTypes = null;
 
         if (
-          typeof replayError === "object" &&
-          replayError !== null &&
-          replayError._suppressLogging &&
-          typeof originalError === "object" &&
-          originalError !== null &&
-          !originalError._suppressLogging
+          !hasBadMapPolyfill &&
+          typeof Object.preventExtensions === "function"
         ) {
-          // If suppressed, let the flag carry over to the original error which is the one we'll rethrow.
-          originalError._suppressLogging = true;
+          Object.preventExtensions(this);
         }
-      } // We always throw the original error in case the second render pass is not idempotent.
-      // This can happen if a memoized function or CommonJS module doesn't throw after first invocation.
-
-      throw originalError;
+      }
+    } // This is a constructor function, rather than a POJO constructor, still
+    // please ensure we do the following:
+    // 1) Nobody should add any instance methods on this. Instance methods can be
+    //    more difficult to predict when they get optimized and they are almost
+    //    never inlined properly in static compilers.
+    // 2) Nobody should rely on `instanceof Fiber` for type testing. We should
+    //    always know when it is a fiber.
+    // 3) We might want to experiment with using numeric keys since they are easier
+    //    to optimize in a non-JIT environment.
+    // 4) We can easily go from a constructor to a createFiber object literal if that
+    //    is faster.
+    // 5) It should be easy to port this to a C struct and keep a C implementation
+    //    compatible.
+
+    function createFiber(tag, pendingProps, key, mode) {
+      // $FlowFixMe[invalid-constructor]: the shapes are exact here but Flow doesn't like constructors
+      return new FiberNode(tag, pendingProps, key, mode);
+    }
+
+    function shouldConstruct(Component) {
+      var prototype = Component.prototype;
+      return !!(prototype && prototype.isReactComponent);
+    }
+
+    function isSimpleFunctionComponent(type) {
+      return (
+        typeof type === "function" &&
+        !shouldConstruct(type) &&
+        type.defaultProps === undefined
+      );
     }
-  };
-}
-
-var didWarnAboutUpdateInRender = false;
-var didWarnAboutUpdateInRenderForAnotherComponent;
+    function resolveLazyComponentTag(Component) {
+      if (typeof Component === "function") {
+        return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
+      } else if (Component !== undefined && Component !== null) {
+        var $$typeof = Component.$$typeof;
 
-{
-  didWarnAboutUpdateInRenderForAnotherComponent = new Set();
-}
+        if ($$typeof === REACT_FORWARD_REF_TYPE) {
+          return ForwardRef;
+        }
 
-function warnAboutRenderPhaseUpdatesInDEV(fiber) {
-  {
-    if (isRendering && !getIsUpdatingOpaqueValueInRenderPhaseInDEV()) {
-      switch (fiber.tag) {
-        case FunctionComponent:
-        case ForwardRef:
-        case SimpleMemoComponent: {
-          var renderingComponentName =
-            (workInProgress && getComponentNameFromFiber(workInProgress)) ||
-            "Unknown"; // Dedupe by the rendering component because it's the one that needs to be fixed.
+        if ($$typeof === REACT_MEMO_TYPE) {
+          return MemoComponent;
+        }
+      }
 
-          var dedupeKey = renderingComponentName;
+      return IndeterminateComponent;
+    } // This is used to create an alternate fiber to do work on.
 
-          if (!didWarnAboutUpdateInRenderForAnotherComponent.has(dedupeKey)) {
-            didWarnAboutUpdateInRenderForAnotherComponent.add(dedupeKey);
-            var setStateComponentName =
-              getComponentNameFromFiber(fiber) || "Unknown";
+    function createWorkInProgress(current, pendingProps) {
+      var workInProgress = current.alternate;
 
-            error(
-              "Cannot update a component (`%s`) while rendering a " +
-                "different component (`%s`). To locate the bad setState() call inside `%s`, " +
-                "follow the stack trace as described in https://react.dev/reference/react/useState#troubleshooting",
-              setStateComponentName,
-              renderingComponentName,
-              renderingComponentName
-            );
-          }
+      if (workInProgress === null) {
+        // We use a double buffering pooling technique because we know that we'll
+        // only ever need at most two versions of a tree. We pool the "other" unused
+        // node that we're free to reuse. This is lazily created to avoid allocating
+        // extra objects for things that are never updated. It also allow us to
+        // reclaim the extra memory if needed.
+        workInProgress = createFiber(
+          current.tag,
+          pendingProps,
+          current.key,
+          current.mode
+        );
+        workInProgress.elementType = current.elementType;
+        workInProgress.type = current.type;
+        workInProgress.stateNode = current.stateNode;
 
-          break;
+        {
+          // DEV-only fields
+          workInProgress._debugOwner = current._debugOwner;
+          workInProgress._debugHookTypes = current._debugHookTypes;
         }
 
-        case ClassComponent: {
-          if (!didWarnAboutUpdateInRender) {
-            error(
-              "Cannot update during an existing state transition (such as " +
-                "within `render`). Render methods should be a pure " +
-                "function of props and state."
-            );
+        workInProgress.alternate = current;
+        current.alternate = workInProgress;
+      } else {
+        workInProgress.pendingProps = pendingProps; // Needed because Blocks store data on type.
 
-            didWarnAboutUpdateInRender = true;
-          }
+        workInProgress.type = current.type; // We already have an alternate.
+        // Reset the effect tag.
 
-          break;
-        }
-      }
-    }
-  }
-}
+        workInProgress.flags = NoFlags$1; // The effects are no longer valid.
 
-function restorePendingUpdaters(root, lanes) {
-  {
-    if (isDevToolsPresent) {
-      var memoizedUpdaters = root.memoizedUpdaters;
-      memoizedUpdaters.forEach(function(schedulingFiber) {
-        addFiberToLanesMap(root, schedulingFiber, lanes);
-      }); // This function intentionally does not clear memoized updaters.
-      // Those may still be relevant to the current commit
-      // and a future one (e.g. Suspense).
-    }
-  }
-}
-var fakeActCallbackNode = {};
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.deletions = null;
 
-function scheduleCallback$1(priorityLevel, callback) {
-  {
-    // If we're currently inside an `act` scope, bypass Scheduler and push to
-    // the `act` queue instead.
-    var actQueue = ReactCurrentActQueue$1.current;
+        {
+          // We intentionally reset, rather than copy, actualDuration & actualStartTime.
+          // This prevents time from endlessly accumulating in new commits.
+          // This has the downside of resetting values for different priority renders,
+          // But works for yielding (the common case) and should support resuming.
+          workInProgress.actualDuration = 0;
+          workInProgress.actualStartTime = -1;
+        }
+      } // Reset all effects except static ones.
+      // Static effects are not specific to a render.
+
+      workInProgress.flags = current.flags & StaticMask;
+      workInProgress.childLanes = current.childLanes;
+      workInProgress.lanes = current.lanes;
+      workInProgress.child = current.child;
+      workInProgress.memoizedProps = current.memoizedProps;
+      workInProgress.memoizedState = current.memoizedState;
+      workInProgress.updateQueue = current.updateQueue; // Clone the dependencies object. This is mutated during the render phase, so
+      // it cannot be shared with the current fiber.
+
+      var currentDependencies = current.dependencies;
+      workInProgress.dependencies =
+        currentDependencies === null
+          ? null
+          : {
+              lanes: currentDependencies.lanes,
+              firstContext: currentDependencies.firstContext
+            }; // These will be overridden during the parent's reconciliation
+
+      workInProgress.sibling = current.sibling;
+      workInProgress.index = current.index;
+      workInProgress.ref = current.ref;
+      workInProgress.refCleanup = current.refCleanup;
 
-    if (actQueue !== null) {
-      actQueue.push(callback);
-      return fakeActCallbackNode;
-    } else {
-      return scheduleCallback(priorityLevel, callback);
-    }
-  }
-}
+      {
+        workInProgress.selfBaseDuration = current.selfBaseDuration;
+        workInProgress.treeBaseDuration = current.treeBaseDuration;
+      }
 
-function cancelCallback$1(callbackNode) {
-  if (callbackNode === fakeActCallbackNode) {
-    return;
-  } // In production, always call Scheduler. This function will be stripped out.
+      {
+        workInProgress._debugNeedsRemount = current._debugNeedsRemount;
 
-  return cancelCallback(callbackNode);
-}
+        switch (workInProgress.tag) {
+          case IndeterminateComponent:
+          case FunctionComponent:
+          case SimpleMemoComponent:
+            workInProgress.type = resolveFunctionForHotReloading(current.type);
+            break;
 
-function shouldForceFlushFallbacksInDEV() {
-  // Never force flush in production. This function should get stripped out.
-  return ReactCurrentActQueue$1.current !== null;
-}
+          case ClassComponent:
+            workInProgress.type = resolveClassForHotReloading(current.type);
+            break;
 
-function warnIfUpdatesNotWrappedWithActDEV(fiber) {
-  {
-    if (fiber.mode & ConcurrentMode) {
-      if (!isConcurrentActEnvironment()) {
-        // Not in an act environment. No need to warn.
-        return;
-      }
-    } else {
-      // Legacy mode has additional cases where we suppress a warning.
-      if (!isLegacyActEnvironment()) {
-        // Not in an act environment. No need to warn.
-        return;
+          case ForwardRef:
+            workInProgress.type = resolveForwardRefForHotReloading(
+              current.type
+            );
+            break;
+        }
       }
 
-      if (executionContext !== NoContext) {
-        // Legacy mode doesn't warn if the update is batched, i.e.
-        // batchedUpdates or flushSync.
-        return;
-      }
+      return workInProgress;
+    } // Used to reuse a Fiber for a second pass.
 
-      if (
-        fiber.tag !== FunctionComponent &&
-        fiber.tag !== ForwardRef &&
-        fiber.tag !== SimpleMemoComponent
-      ) {
-        // For backwards compatibility with pre-hooks code, legacy mode only
-        // warns for updates that originate from a hook.
-        return;
-      }
-    }
+    function resetWorkInProgress(workInProgress, renderLanes) {
+      // This resets the Fiber to what createFiber or createWorkInProgress would
+      // have set the values to before during the first pass. Ideally this wouldn't
+      // be necessary but unfortunately many code paths reads from the workInProgress
+      // when they should be reading from current and writing to workInProgress.
+      // We assume pendingProps, index, key, ref, return are still untouched to
+      // avoid doing another reconciliation.
+      // Reset the effect flags but keep any Placement tags, since that's something
+      // that child fiber is setting, not the reconciliation.
+      workInProgress.flags &= StaticMask | Placement; // The effects are no longer valid.
 
-    if (ReactCurrentActQueue$1.current === null) {
-      var previousFiber = current;
+      var current = workInProgress.alternate;
 
-      try {
-        setCurrentFiber(fiber);
+      if (current === null) {
+        // Reset to createFiber's initial values.
+        workInProgress.childLanes = NoLanes;
+        workInProgress.lanes = renderLanes;
+        workInProgress.child = null;
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.memoizedProps = null;
+        workInProgress.memoizedState = null;
+        workInProgress.updateQueue = null;
+        workInProgress.dependencies = null;
+        workInProgress.stateNode = null;
 
-        error(
-          "An update to %s inside a test was not wrapped in act(...).\n\n" +
-            "When testing, code that causes React state updates should be " +
-            "wrapped into act(...):\n\n" +
-            "act(() => {\n" +
-            "  /* fire events that update state */\n" +
-            "});\n" +
-            "/* assert on the output */\n\n" +
-            "This ensures that you're testing the behavior the user would see " +
-            "in the browser." +
-            " Learn more at https://legacy.reactjs.org/docs/test-utils.html#act",
-          getComponentNameFromFiber(fiber)
-        );
-      } finally {
-        if (previousFiber) {
-          setCurrentFiber(fiber);
-        } else {
-          resetCurrentFiber();
+        {
+          // Note: We don't reset the actualTime counts. It's useful to accumulate
+          // actual time across multiple render passes.
+          workInProgress.selfBaseDuration = 0;
+          workInProgress.treeBaseDuration = 0;
+        }
+      } else {
+        // Reset to the cloned values that createWorkInProgress would've.
+        workInProgress.childLanes = current.childLanes;
+        workInProgress.lanes = current.lanes;
+        workInProgress.child = current.child;
+        workInProgress.subtreeFlags = NoFlags$1;
+        workInProgress.deletions = null;
+        workInProgress.memoizedProps = current.memoizedProps;
+        workInProgress.memoizedState = current.memoizedState;
+        workInProgress.updateQueue = current.updateQueue; // Needed because Blocks store data on type.
+
+        workInProgress.type = current.type; // Clone the dependencies object. This is mutated during the render phase, so
+        // it cannot be shared with the current fiber.
+
+        var currentDependencies = current.dependencies;
+        workInProgress.dependencies =
+          currentDependencies === null
+            ? null
+            : {
+                lanes: currentDependencies.lanes,
+                firstContext: currentDependencies.firstContext
+              };
+
+        {
+          // Note: We don't reset the actualTime counts. It's useful to accumulate
+          // actual time across multiple render passes.
+          workInProgress.selfBaseDuration = current.selfBaseDuration;
+          workInProgress.treeBaseDuration = current.treeBaseDuration;
         }
       }
-    }
-  }
-}
 
-function warnIfSuspenseResolutionNotWrappedWithActDEV(root) {
-  {
-    if (
-      root.tag !== LegacyRoot &&
-      isConcurrentActEnvironment() &&
-      ReactCurrentActQueue$1.current === null
-    ) {
-      error(
-        "A suspended resource finished loading inside a test, but the event " +
-          "was not wrapped in act(...).\n\n" +
-          "When testing, code that resolves suspended data should be wrapped " +
-          "into act(...):\n\n" +
-          "act(() => {\n" +
-          "  /* finish loading suspended data */\n" +
-          "});\n" +
-          "/* assert on the output */\n\n" +
-          "This ensures that you're testing the behavior the user would see " +
-          "in the browser." +
-          " Learn more at https://legacy.reactjs.org/docs/test-utils.html#act"
-      );
+      return workInProgress;
     }
-  }
-}
-
-function setIsRunningInsertionEffect(isRunning) {
-  {
-    isRunningInsertionEffect = isRunning;
-  }
-}
-
-/* eslint-disable react-internal/prod-error-codes */
-var resolveFamily = null; // $FlowFixMe Flow gets confused by a WeakSet feature check below.
+    function createHostRootFiber(
+      tag,
+      isStrictMode,
+      concurrentUpdatesByDefaultOverride
+    ) {
+      var mode;
 
-var failedBoundaries = null;
-var setRefreshHandler = function(handler) {
-  {
-    resolveFamily = handler;
-  }
-};
-function resolveFunctionForHotReloading(type) {
-  {
-    if (resolveFamily === null) {
-      // Hot reloading is disabled.
-      return type;
-    }
+      if (tag === ConcurrentRoot) {
+        mode = ConcurrentMode;
 
-    var family = resolveFamily(type);
+        if (isStrictMode === true) {
+          mode |= StrictLegacyMode | StrictEffectsMode;
+        }
+      } else {
+        mode = NoMode;
+      }
 
-    if (family === undefined) {
-      return type;
-    } // Use the latest known implementation.
+      if (isDevToolsPresent) {
+        // Always collect profile timings when DevTools are present.
+        // This enables DevTools to start capturing timing at any point–
+        // Without some nodes in the tree having empty base times.
+        mode |= ProfileMode;
+      }
 
-    return family.current;
-  }
-}
-function resolveClassForHotReloading(type) {
-  // No implementation differences.
-  return resolveFunctionForHotReloading(type);
-}
-function resolveForwardRefForHotReloading(type) {
-  {
-    if (resolveFamily === null) {
-      // Hot reloading is disabled.
-      return type;
+      return createFiber(HostRoot, null, null, mode);
     }
+    function createFiberFromTypeAndProps(
+      type, // React$ElementType
+      key,
+      pendingProps,
+      owner,
+      mode,
+      lanes
+    ) {
+      var fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
 
-    var family = resolveFamily(type);
+      var resolvedType = type;
 
-    if (family === undefined) {
-      // Check if we're dealing with a real forwardRef. Don't want to crash early.
-      if (
-        type !== null &&
-        type !== undefined &&
-        typeof type.render === "function"
-      ) {
-        // ForwardRef is special because its resolved .type is an object,
-        // but it's possible that we only have its inner render function in the map.
-        // If that inner render function is different, we'll build a new forwardRef type.
-        var currentRender = resolveFunctionForHotReloading(type.render);
-
-        if (type.render !== currentRender) {
-          var syntheticType = {
-            $$typeof: REACT_FORWARD_REF_TYPE,
-            render: currentRender
-          };
+      if (typeof type === "function") {
+        if (shouldConstruct(type)) {
+          fiberTag = ClassComponent;
 
-          if (type.displayName !== undefined) {
-            syntheticType.displayName = type.displayName;
+          {
+            resolvedType = resolveClassForHotReloading(resolvedType);
+          }
+        } else {
+          {
+            resolvedType = resolveFunctionForHotReloading(resolvedType);
           }
-
-          return syntheticType;
         }
-      }
+      } else if (typeof type === "string") {
+        {
+          fiberTag = HostComponent;
+        }
+      } else {
+        getTag: switch (type) {
+          case REACT_FRAGMENT_TYPE:
+            return createFiberFromFragment(
+              pendingProps.children,
+              mode,
+              lanes,
+              key
+            );
 
-      return type;
-    } // Use the latest known implementation.
+          case REACT_STRICT_MODE_TYPE:
+            fiberTag = Mode;
+            mode |= StrictLegacyMode;
 
-    return family.current;
-  }
-}
-function isCompatibleFamilyForHotReloading(fiber, element) {
-  {
-    if (resolveFamily === null) {
-      // Hot reloading is disabled.
-      return false;
-    }
+            if ((mode & ConcurrentMode) !== NoMode) {
+              // Strict effects should never run on legacy roots
+              mode |= StrictEffectsMode;
+            }
 
-    var prevType = fiber.elementType;
-    var nextType = element.type; // If we got here, we know types aren't === equal.
+            break;
 
-    var needsCompareFamilies = false;
-    var $$typeofNextType =
-      typeof nextType === "object" && nextType !== null
-        ? nextType.$$typeof
-        : null;
+          case REACT_PROFILER_TYPE:
+            return createFiberFromProfiler(pendingProps, mode, lanes, key);
 
-    switch (fiber.tag) {
-      case ClassComponent: {
-        if (typeof nextType === "function") {
-          needsCompareFamilies = true;
-        }
+          case REACT_SUSPENSE_TYPE:
+            return createFiberFromSuspense(pendingProps, mode, lanes, key);
 
-        break;
-      }
+          case REACT_SUSPENSE_LIST_TYPE:
+            return createFiberFromSuspenseList(pendingProps, mode, lanes, key);
 
-      case FunctionComponent: {
-        if (typeof nextType === "function") {
-          needsCompareFamilies = true;
-        } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-          // We don't know the inner type yet.
-          // We're going to assume that the lazy inner type is stable,
-          // and so it is sufficient to avoid reconciling it away.
-          // We're not going to unwrap or actually use the new lazy type.
-          needsCompareFamilies = true;
-        }
+          case REACT_OFFSCREEN_TYPE:
+            return createFiberFromOffscreen(pendingProps, mode, lanes, key);
 
-        break;
-      }
+          case REACT_LEGACY_HIDDEN_TYPE:
 
-      case ForwardRef: {
-        if ($$typeofNextType === REACT_FORWARD_REF_TYPE) {
-          needsCompareFamilies = true;
-        } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-          needsCompareFamilies = true;
-        }
+          // Fall through
 
-        break;
-      }
+          case REACT_SCOPE_TYPE:
 
-      case MemoComponent:
-      case SimpleMemoComponent: {
-        if ($$typeofNextType === REACT_MEMO_TYPE) {
-          // TODO: if it was but can no longer be simple,
-          // we shouldn't set this.
-          needsCompareFamilies = true;
-        } else if ($$typeofNextType === REACT_LAZY_TYPE) {
-          needsCompareFamilies = true;
-        }
+          // Fall through
 
-        break;
-      }
+          case REACT_CACHE_TYPE:
 
-      default:
-        return false;
-    } // Check if both types have a family and it's the same one.
+          // Fall through
 
-    if (needsCompareFamilies) {
-      // Note: memo() and forwardRef() we'll compare outer rather than inner type.
-      // This means both of them need to be registered to preserve state.
-      // If we unwrapped and compared the inner types for wrappers instead,
-      // then we would risk falsely saying two separate memo(Foo)
-      // calls are equivalent because they wrap the same Foo function.
-      var prevFamily = resolveFamily(prevType);
+          case REACT_TRACING_MARKER_TYPE:
 
-      if (prevFamily !== undefined && prevFamily === resolveFamily(nextType)) {
-        return true;
-      }
-    }
+          // Fall through
 
-    return false;
-  }
-}
-function markFailedErrorBoundaryForHotReloading(fiber) {
-  {
-    if (resolveFamily === null) {
-      // Hot reloading is disabled.
-      return;
-    }
+          case REACT_DEBUG_TRACING_MODE_TYPE:
 
-    if (typeof WeakSet !== "function") {
-      return;
-    }
+          // Fall through
 
-    if (failedBoundaries === null) {
-      failedBoundaries = new WeakSet();
-    }
+          default: {
+            if (typeof type === "object" && type !== null) {
+              switch (type.$$typeof) {
+                case REACT_PROVIDER_TYPE:
+                  fiberTag = ContextProvider;
+                  break getTag;
 
-    failedBoundaries.add(fiber);
-  }
-}
-var scheduleRefresh = function(root, update) {
-  {
-    if (resolveFamily === null) {
-      // Hot reloading is disabled.
-      return;
-    }
-
-    var staleFamilies = update.staleFamilies,
-      updatedFamilies = update.updatedFamilies;
-    flushPassiveEffects();
-    flushSync(function() {
-      scheduleFibersWithFamiliesRecursively(
-        root.current,
-        updatedFamilies,
-        staleFamilies
-      );
-    });
-  }
-};
-var scheduleRoot = function(root, element) {
-  {
-    if (root.context !== emptyContextObject) {
-      // Super edge case: root has a legacy _renderSubtree context
-      // but we don't know the parentComponent so we can't pass it.
-      // Just ignore. We'll delete this with _renderSubtree code path later.
-      return;
-    }
-
-    flushPassiveEffects();
-    flushSync(function() {
-      updateContainer(element, root, null, null);
-    });
-  }
-};
-
-function scheduleFibersWithFamiliesRecursively(
-  fiber,
-  updatedFamilies,
-  staleFamilies
-) {
-  {
-    var alternate = fiber.alternate,
-      child = fiber.child,
-      sibling = fiber.sibling,
-      tag = fiber.tag,
-      type = fiber.type;
-    var candidateType = null;
-
-    switch (tag) {
-      case FunctionComponent:
-      case SimpleMemoComponent:
-      case ClassComponent:
-        candidateType = type;
-        break;
-
-      case ForwardRef:
-        candidateType = type.render;
-        break;
-    }
-
-    if (resolveFamily === null) {
-      throw new Error("Expected resolveFamily to be set during hot reload.");
-    }
-
-    var needsRender = false;
-    var needsRemount = false;
-
-    if (candidateType !== null) {
-      var family = resolveFamily(candidateType);
-
-      if (family !== undefined) {
-        if (staleFamilies.has(family)) {
-          needsRemount = true;
-        } else if (updatedFamilies.has(family)) {
-          if (tag === ClassComponent) {
-            needsRemount = true;
-          } else {
-            needsRender = true;
-          }
-        }
-      }
-    }
+                case REACT_CONTEXT_TYPE:
+                  // This is a consumer
+                  fiberTag = ContextConsumer;
+                  break getTag;
 
-    if (failedBoundaries !== null) {
-      if (
-        failedBoundaries.has(fiber) ||
-        (alternate !== null && failedBoundaries.has(alternate))
-      ) {
-        needsRemount = true;
-      }
-    }
+                case REACT_FORWARD_REF_TYPE:
+                  fiberTag = ForwardRef;
 
-    if (needsRemount) {
-      fiber._debugNeedsRemount = true;
-    }
+                  {
+                    resolvedType =
+                      resolveForwardRefForHotReloading(resolvedType);
+                  }
 
-    if (needsRemount || needsRender) {
-      var _root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+                  break getTag;
 
-      if (_root !== null) {
-        scheduleUpdateOnFiber(_root, fiber, SyncLane, NoTimestamp);
-      }
-    }
+                case REACT_MEMO_TYPE:
+                  fiberTag = MemoComponent;
+                  break getTag;
 
-    if (child !== null && !needsRemount) {
-      scheduleFibersWithFamiliesRecursively(
-        child,
-        updatedFamilies,
-        staleFamilies
-      );
-    }
+                case REACT_LAZY_TYPE:
+                  fiberTag = LazyComponent;
+                  resolvedType = null;
+                  break getTag;
+              }
+            }
 
-    if (sibling !== null) {
-      scheduleFibersWithFamiliesRecursively(
-        sibling,
-        updatedFamilies,
-        staleFamilies
-      );
-    }
-  }
-}
+            var info = "";
 
-var findHostInstancesForRefresh = function(root, families) {
-  {
-    var hostInstances = new Set();
-    var types = new Set(
-      families.map(function(family) {
-        return family.current;
-      })
-    );
-    findHostInstancesForMatchingFibersRecursively(
-      root.current,
-      types,
-      hostInstances
-    );
-    return hostInstances;
-  }
-};
-
-function findHostInstancesForMatchingFibersRecursively(
-  fiber,
-  types,
-  hostInstances
-) {
-  {
-    var child = fiber.child,
-      sibling = fiber.sibling,
-      tag = fiber.tag,
-      type = fiber.type;
-    var candidateType = null;
-
-    switch (tag) {
-      case FunctionComponent:
-      case SimpleMemoComponent:
-      case ClassComponent:
-        candidateType = type;
-        break;
-
-      case ForwardRef:
-        candidateType = type.render;
-        break;
-    }
-
-    var didMatch = false;
-
-    if (candidateType !== null) {
-      if (types.has(candidateType)) {
-        didMatch = true;
-      }
-    }
-
-    if (didMatch) {
-      // We have a match. This only drills down to the closest host components.
-      // There's no need to search deeper because for the purpose of giving
-      // visual feedback, "flashing" outermost parent rectangles is sufficient.
-      findHostInstancesForFiberShallowly(fiber, hostInstances);
-    } else {
-      // If there's no match, maybe there will be one further down in the child tree.
-      if (child !== null) {
-        findHostInstancesForMatchingFibersRecursively(
-          child,
-          types,
-          hostInstances
-        );
-      }
-    }
+            {
+              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.";
+              }
 
-    if (sibling !== null) {
-      findHostInstancesForMatchingFibersRecursively(
-        sibling,
-        types,
-        hostInstances
-      );
-    }
-  }
-}
+              var ownerName = owner ? getComponentNameFromFiber(owner) : null;
 
-function findHostInstancesForFiberShallowly(fiber, hostInstances) {
-  {
-    var foundHostInstances = findChildHostInstancesForFiberShallowly(
-      fiber,
-      hostInstances
-    );
+              if (ownerName) {
+                info += "\n\nCheck the render method of `" + ownerName + "`.";
+              }
+            }
 
-    if (foundHostInstances) {
-      return;
-    } // If we didn't find any host children, fallback to closest host parent.
+            throw new Error(
+              "Element type is invalid: expected a string (for built-in " +
+                "components) or a class/function (for composite components) " +
+                ("but got: " + (type == null ? type : typeof type) + "." + info)
+            );
+          }
+        }
+      }
 
-    var node = fiber;
+      var fiber = createFiber(fiberTag, pendingProps, key, mode);
+      fiber.elementType = type;
+      fiber.type = resolvedType;
+      fiber.lanes = lanes;
 
-    while (true) {
-      switch (node.tag) {
-        case HostComponent:
-          hostInstances.add(node.stateNode);
-          return;
+      {
+        fiber._debugOwner = owner;
+      }
 
-        case HostPortal:
-          hostInstances.add(node.stateNode.containerInfo);
-          return;
+      return fiber;
+    }
+    function createFiberFromElement(element, mode, lanes) {
+      var owner = null;
 
-        case HostRoot:
-          hostInstances.add(node.stateNode.containerInfo);
-          return;
+      {
+        owner = element._owner;
       }
 
-      if (node.return === null) {
-        throw new Error("Expected to reach root first.");
+      var type = element.type;
+      var key = element.key;
+      var pendingProps = element.props;
+      var fiber = createFiberFromTypeAndProps(
+        type,
+        key,
+        pendingProps,
+        owner,
+        mode,
+        lanes
+      );
+
+      {
+        fiber._debugOwner = element._owner;
       }
 
-      node = node.return;
+      return fiber;
+    }
+    function createFiberFromFragment(elements, mode, lanes, key) {
+      var fiber = createFiber(Fragment, elements, key, mode);
+      fiber.lanes = lanes;
+      return fiber;
     }
-  }
-}
-
-function findChildHostInstancesForFiberShallowly(fiber, hostInstances) {
-  {
-    var node = fiber;
-    var foundHostInstances = false;
 
-    while (true) {
-      if (node.tag === HostComponent) {
-        // We got a match.
-        foundHostInstances = true;
-        hostInstances.add(node.stateNode); // There may still be more, so keep searching.
-      } else if (node.child !== null) {
-        node.child.return = node;
-        node = node.child;
-        continue;
+    function createFiberFromProfiler(pendingProps, mode, lanes, key) {
+      {
+        if (typeof pendingProps.id !== "string") {
+          error(
+            'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
+            typeof pendingProps.id
+          );
+        }
       }
 
-      if (node === fiber) {
-        return foundHostInstances;
+      var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
+      fiber.elementType = REACT_PROFILER_TYPE;
+      fiber.lanes = lanes;
+
+      {
+        fiber.stateNode = {
+          effectDuration: 0,
+          passiveEffectDuration: 0
+        };
       }
 
-      while (node.sibling === null) {
-        if (node.return === null || node.return === fiber) {
-          return foundHostInstances;
+      return fiber;
+    }
+
+    function createFiberFromSuspense(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_SUSPENSE_TYPE;
+      fiber.lanes = lanes;
+      return fiber;
+    }
+    function createFiberFromSuspenseList(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
+      fiber.lanes = lanes;
+      return fiber;
+    }
+    function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
+      var fiber = createFiber(OffscreenComponent, pendingProps, key, mode);
+      fiber.elementType = REACT_OFFSCREEN_TYPE;
+      fiber.lanes = lanes;
+      var primaryChildInstance = {
+        _visibility: OffscreenVisible,
+        _pendingVisibility: OffscreenVisible,
+        _pendingMarkers: null,
+        _retryCache: null,
+        _transitions: null,
+        _current: null,
+        detach: function () {
+          return detachOffscreenInstance(primaryChildInstance);
+        },
+        attach: function () {
+          return attachOffscreenInstance(primaryChildInstance);
         }
+      };
+      fiber.stateNode = primaryChildInstance;
+      return fiber;
+    }
+    function createFiberFromText(content, mode, lanes) {
+      var fiber = createFiber(HostText, content, null, mode);
+      fiber.lanes = lanes;
+      return fiber;
+    }
+    function createFiberFromPortal(portal, mode, lanes) {
+      var pendingProps = portal.children !== null ? portal.children : [];
+      var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
+      fiber.lanes = lanes;
+      fiber.stateNode = {
+        containerInfo: portal.containerInfo,
+        pendingChildren: null,
+        // Used by persistent updates
+        implementation: portal.implementation
+      };
+      return fiber;
+    } // Used for stashing WIP properties to replay failed work in DEV.
+
+    function assignFiberPropertiesInDEV(target, source) {
+      if (target === null) {
+        // This Fiber's initial properties will always be overwritten.
+        // We only use a Fiber to ensure the same hidden class so DEV isn't slow.
+        target = createFiber(IndeterminateComponent, null, null, NoMode);
+      } // This is intentionally written as a list of all properties.
+      // We tried to use Object.assign() instead but this is called in
+      // the hottest path, and Object.assign() was too slow:
+      // https://github.com/facebook/react/issues/12502
+      // This code is DEV-only so size is not a concern.
+
+      target.tag = source.tag;
+      target.key = source.key;
+      target.elementType = source.elementType;
+      target.type = source.type;
+      target.stateNode = source.stateNode;
+      target.return = source.return;
+      target.child = source.child;
+      target.sibling = source.sibling;
+      target.index = source.index;
+      target.ref = source.ref;
+      target.refCleanup = source.refCleanup;
+      target.pendingProps = source.pendingProps;
+      target.memoizedProps = source.memoizedProps;
+      target.updateQueue = source.updateQueue;
+      target.memoizedState = source.memoizedState;
+      target.dependencies = source.dependencies;
+      target.mode = source.mode;
+      target.flags = source.flags;
+      target.subtreeFlags = source.subtreeFlags;
+      target.deletions = source.deletions;
+      target.lanes = source.lanes;
+      target.childLanes = source.childLanes;
+      target.alternate = source.alternate;
 
-        node = node.return;
+      {
+        target.actualDuration = source.actualDuration;
+        target.actualStartTime = source.actualStartTime;
+        target.selfBaseDuration = source.selfBaseDuration;
+        target.treeBaseDuration = source.treeBaseDuration;
       }
 
-      node.sibling.return = node.return;
-      node = node.sibling;
+      target._debugOwner = source._debugOwner;
+      target._debugNeedsRemount = source._debugNeedsRemount;
+      target._debugHookTypes = source._debugHookTypes;
+      return target;
     }
-  }
-
-  return false;
-}
 
-var hasBadMapPolyfill;
-
-{
-  hasBadMapPolyfill = false;
-
-  try {
-    var nonExtensibleObject = Object.preventExtensions({});
-    /* eslint-disable no-new */
+    function FiberRootNode(
+      containerInfo, // $FlowFixMe[missing-local-annot]
+      tag,
+      hydrate,
+      identifierPrefix,
+      onRecoverableError,
+      formState
+    ) {
+      this.tag = tag;
+      this.containerInfo = containerInfo;
+      this.pendingChildren = null;
+      this.current = null;
+      this.pingCache = null;
+      this.finishedWork = null;
+      this.timeoutHandle = noTimeout;
+      this.cancelPendingCommit = null;
+      this.context = null;
+      this.pendingContext = null;
+      this.next = null;
+      this.callbackNode = null;
+      this.callbackPriority = NoLane;
+      this.expirationTimes = createLaneMap(NoTimestamp);
+      this.pendingLanes = NoLanes;
+      this.suspendedLanes = NoLanes;
+      this.pingedLanes = NoLanes;
+      this.expiredLanes = NoLanes;
+      this.finishedLanes = NoLanes;
+      this.errorRecoveryDisabledLanes = NoLanes;
+      this.shellSuspendCounter = 0;
+      this.entangledLanes = NoLanes;
+      this.entanglements = createLaneMap(NoLanes);
+      this.hiddenUpdates = createLaneMap(null);
+      this.identifierPrefix = identifierPrefix;
+      this.onRecoverableError = onRecoverableError;
+
+      this.formState = formState;
+      this.incompleteTransitions = new Map();
 
-    new Map([[nonExtensibleObject, null]]);
-    new Set([nonExtensibleObject]);
-    /* eslint-enable no-new */
-  } catch (e) {
-    // TODO: Consider warning about bad polyfills
-    hasBadMapPolyfill = true;
-  }
-}
+      {
+        this.effectDuration = 0;
+        this.passiveEffectDuration = 0;
+      }
 
-function FiberNode(tag, pendingProps, key, mode) {
-  // Instance
-  this.tag = tag;
-  this.key = key;
-  this.elementType = null;
-  this.type = null;
-  this.stateNode = null; // Fiber
-
-  this.return = null;
-  this.child = null;
-  this.sibling = null;
-  this.index = 0;
-  this.ref = null;
-  this.pendingProps = pendingProps;
-  this.memoizedProps = null;
-  this.updateQueue = null;
-  this.memoizedState = null;
-  this.dependencies = null;
-  this.mode = mode; // Effects
-
-  this.flags = NoFlags;
-  this.subtreeFlags = NoFlags;
-  this.deletions = null;
-  this.lanes = NoLanes;
-  this.childLanes = NoLanes;
-  this.alternate = null;
-
-  {
-    // Note: The following is done to avoid a v8 performance cliff.
-    //
-    // Initializing the fields below to smis and later updating them with
-    // double values will cause Fibers to end up having separate shapes.
-    // This behavior/bug has something to do with Object.preventExtension().
-    // Fortunately this only impacts DEV builds.
-    // Unfortunately it makes React unusably slow for some applications.
-    // To work around this, initialize the fields below with doubles.
-    //
-    // Learn more about this here:
-    // https://github.com/facebook/react/issues/14365
-    // https://bugs.chromium.org/p/v8/issues/detail?id=8538
-    this.actualDuration = Number.NaN;
-    this.actualStartTime = Number.NaN;
-    this.selfBaseDuration = Number.NaN;
-    this.treeBaseDuration = Number.NaN; // It's okay to replace the initial doubles with smis after initialization.
-    // This won't trigger the performance cliff mentioned above,
-    // and it simplifies other profiler code (including DevTools).
-
-    this.actualDuration = 0;
-    this.actualStartTime = -1;
-    this.selfBaseDuration = 0;
-    this.treeBaseDuration = 0;
-  }
-
-  {
-    // This isn't directly used but is handy for debugging internals:
-    this._debugSource = null;
-    this._debugOwner = null;
-    this._debugNeedsRemount = false;
-    this._debugHookTypes = null;
-
-    if (!hasBadMapPolyfill && typeof Object.preventExtensions === "function") {
-      Object.preventExtensions(this);
-    }
-  }
-} // This is a constructor function, rather than a POJO constructor, still
-// please ensure we do the following:
-// 1) Nobody should add any instance methods on this. Instance methods can be
-//    more difficult to predict when they get optimized and they are almost
-//    never inlined properly in static compilers.
-// 2) Nobody should rely on `instanceof Fiber` for type testing. We should
-//    always know when it is a fiber.
-// 3) We might want to experiment with using numeric keys since they are easier
-//    to optimize in a non-JIT environment.
-// 4) We can easily go from a constructor to a createFiber object literal if that
-//    is faster.
-// 5) It should be easy to port this to a C struct and keep a C implementation
-//    compatible.
-
-var createFiber = function(tag, pendingProps, key, mode) {
-  // $FlowFixMe: the shapes are exact here but Flow doesn't like constructors
-  return new FiberNode(tag, pendingProps, key, mode);
-};
-
-function shouldConstruct(Component) {
-  var prototype = Component.prototype;
-  return !!(prototype && prototype.isReactComponent);
-}
+      {
+        this.memoizedUpdaters = new Set();
+        var pendingUpdatersLaneMap = (this.pendingUpdatersLaneMap = []);
 
-function isSimpleFunctionComponent(type) {
-  return (
-    typeof type === "function" &&
-    !shouldConstruct(type) &&
-    type.defaultProps === undefined
-  );
-}
-function resolveLazyComponentTag(Component) {
-  if (typeof Component === "function") {
-    return shouldConstruct(Component) ? ClassComponent : FunctionComponent;
-  } else if (Component !== undefined && Component !== null) {
-    var $$typeof = Component.$$typeof;
+        for (var _i = 0; _i < TotalLanes; _i++) {
+          pendingUpdatersLaneMap.push(new Set());
+        }
+      }
 
-    if ($$typeof === REACT_FORWARD_REF_TYPE) {
-      return ForwardRef;
-    }
+      {
+        switch (tag) {
+          case ConcurrentRoot:
+            this._debugRootType = hydrate ? "hydrateRoot()" : "createRoot()";
+            break;
 
-    if ($$typeof === REACT_MEMO_TYPE) {
-      return MemoComponent;
+          case LegacyRoot:
+            this._debugRootType = hydrate ? "hydrate()" : "render()";
+            break;
+        }
+      }
     }
-  }
 
-  return IndeterminateComponent;
-} // This is used to create an alternate fiber to do work on.
+    function createFiberRoot(
+      containerInfo,
+      tag,
+      hydrate,
+      initialChildren,
+      hydrationCallbacks,
+      isStrictMode,
+      concurrentUpdatesByDefaultOverride, // TODO: We have several of these arguments that are conceptually part of the
+      // host config, but because they are passed in at runtime, we have to thread
+      // them through the root constructor. Perhaps we should put them all into a
+      // single type, like a DynamicHostConfig that is defined by the renderer.
+      identifierPrefix,
+      onRecoverableError,
+      transitionCallbacks,
+      formState
+    ) {
+      // $FlowFixMe[invalid-constructor] Flow no longer supports calling new on functions
+      var root = new FiberRootNode(
+        containerInfo,
+        tag,
+        hydrate,
+        identifierPrefix,
+        onRecoverableError,
+        formState
+      );
+      // stateNode is any.
 
-function createWorkInProgress(current, pendingProps) {
-  var workInProgress = current.alternate;
+      var uninitializedFiber = createHostRootFiber(tag, isStrictMode);
+      root.current = uninitializedFiber;
+      uninitializedFiber.stateNode = root;
 
-  if (workInProgress === null) {
-    // We use a double buffering pooling technique because we know that we'll
-    // only ever need at most two versions of a tree. We pool the "other" unused
-    // node that we're free to reuse. This is lazily created to avoid allocating
-    // extra objects for things that are never updated. It also allow us to
-    // reclaim the extra memory if needed.
-    workInProgress = createFiber(
-      current.tag,
-      pendingProps,
-      current.key,
-      current.mode
-    );
-    workInProgress.elementType = current.elementType;
-    workInProgress.type = current.type;
-    workInProgress.stateNode = current.stateNode;
+      {
+        var _initialState = {
+          element: initialChildren,
+          isDehydrated: hydrate,
+          cache: null // not enabled yet
+        };
+        uninitializedFiber.memoizedState = _initialState;
+      }
 
-    {
-      // DEV-only fields
-      workInProgress._debugSource = current._debugSource;
-      workInProgress._debugOwner = current._debugOwner;
-      workInProgress._debugHookTypes = current._debugHookTypes;
+      initializeUpdateQueue(uninitializedFiber);
+      return root;
     }
 
-    workInProgress.alternate = current;
-    current.alternate = workInProgress;
-  } else {
-    workInProgress.pendingProps = pendingProps; // Needed because Blocks store data on type.
+    var ReactVersion = "18.3.0-canary-03d6f7cf0-20240209";
 
-    workInProgress.type = current.type; // We already have an alternate.
-    // Reset the effect tag.
+    function createPortal$1(
+      children,
+      containerInfo, // TODO: figure out the API for cross-renderer implementation.
+      implementation
+    ) {
+      var key =
+        arguments.length > 3 && arguments[3] !== undefined
+          ? arguments[3]
+          : null;
 
-    workInProgress.flags = NoFlags; // The effects are no longer valid.
+      {
+        checkKeyStringCoercion(key);
+      }
 
-    workInProgress.subtreeFlags = NoFlags;
-    workInProgress.deletions = null;
+      return {
+        // This tag allow us to uniquely identify this as a React Portal
+        $$typeof: REACT_PORTAL_TYPE,
+        key: key == null ? null : "" + key,
+        children: children,
+        containerInfo: containerInfo,
+        implementation: implementation
+      };
+    }
 
-    {
-      // We intentionally reset, rather than copy, actualDuration & actualStartTime.
-      // This prevents time from endlessly accumulating in new commits.
-      // This has the downside of resetting values for different priority renders,
-      // But works for yielding (the common case) and should support resuming.
-      workInProgress.actualDuration = 0;
-      workInProgress.actualStartTime = -1;
-    }
-  } // Reset all effects except static ones.
-  // Static effects are not specific to a render.
-
-  workInProgress.flags = current.flags & StaticMask;
-  workInProgress.childLanes = current.childLanes;
-  workInProgress.lanes = current.lanes;
-  workInProgress.child = current.child;
-  workInProgress.memoizedProps = current.memoizedProps;
-  workInProgress.memoizedState = current.memoizedState;
-  workInProgress.updateQueue = current.updateQueue; // Clone the dependencies object. This is mutated during the render phase, so
-  // it cannot be shared with the current fiber.
-
-  var currentDependencies = current.dependencies;
-  workInProgress.dependencies =
-    currentDependencies === null
-      ? null
-      : {
-          lanes: currentDependencies.lanes,
-          firstContext: currentDependencies.firstContext
-        }; // These will be overridden during the parent's reconciliation
-
-  workInProgress.sibling = current.sibling;
-  workInProgress.index = current.index;
-  workInProgress.ref = current.ref;
-
-  {
-    workInProgress.selfBaseDuration = current.selfBaseDuration;
-    workInProgress.treeBaseDuration = current.treeBaseDuration;
-  }
-
-  {
-    workInProgress._debugNeedsRemount = current._debugNeedsRemount;
-
-    switch (workInProgress.tag) {
-      case IndeterminateComponent:
-      case FunctionComponent:
-      case SimpleMemoComponent:
-        workInProgress.type = resolveFunctionForHotReloading(current.type);
-        break;
-
-      case ClassComponent:
-        workInProgress.type = resolveClassForHotReloading(current.type);
-        break;
-
-      case ForwardRef:
-        workInProgress.type = resolveForwardRefForHotReloading(current.type);
-        break;
-    }
-  }
-
-  return workInProgress;
-} // Used to reuse a Fiber for a second pass.
-
-function resetWorkInProgress(workInProgress, renderLanes) {
-  // This resets the Fiber to what createFiber or createWorkInProgress would
-  // have set the values to before during the first pass. Ideally this wouldn't
-  // be necessary but unfortunately many code paths reads from the workInProgress
-  // when they should be reading from current and writing to workInProgress.
-  // We assume pendingProps, index, key, ref, return are still untouched to
-  // avoid doing another reconciliation.
-  // Reset the effect flags but keep any Placement tags, since that's something
-  // that child fiber is setting, not the reconciliation.
-  workInProgress.flags &= StaticMask | Placement; // The effects are no longer valid.
-
-  var current = workInProgress.alternate;
-
-  if (current === null) {
-    // Reset to createFiber's initial values.
-    workInProgress.childLanes = NoLanes;
-    workInProgress.lanes = renderLanes;
-    workInProgress.child = null;
-    workInProgress.subtreeFlags = NoFlags;
-    workInProgress.memoizedProps = null;
-    workInProgress.memoizedState = null;
-    workInProgress.updateQueue = null;
-    workInProgress.dependencies = null;
-    workInProgress.stateNode = null;
+    // Might add PROFILE later.
 
-    {
-      // Note: We don't reset the actualTime counts. It's useful to accumulate
-      // actual time across multiple render passes.
-      workInProgress.selfBaseDuration = 0;
-      workInProgress.treeBaseDuration = 0;
-    }
-  } else {
-    // Reset to the cloned values that createWorkInProgress would've.
-    workInProgress.childLanes = current.childLanes;
-    workInProgress.lanes = current.lanes;
-    workInProgress.child = current.child;
-    workInProgress.subtreeFlags = NoFlags;
-    workInProgress.deletions = null;
-    workInProgress.memoizedProps = current.memoizedProps;
-    workInProgress.memoizedState = current.memoizedState;
-    workInProgress.updateQueue = current.updateQueue; // Needed because Blocks store data on type.
-
-    workInProgress.type = current.type; // Clone the dependencies object. This is mutated during the render phase, so
-    // it cannot be shared with the current fiber.
-
-    var currentDependencies = current.dependencies;
-    workInProgress.dependencies =
-      currentDependencies === null
-        ? null
-        : {
-            lanes: currentDependencies.lanes,
-            firstContext: currentDependencies.firstContext
-          };
+    var didWarnAboutNestedUpdates;
+    var didWarnAboutFindNodeInStrictMode;
 
     {
-      // Note: We don't reset the actualTime counts. It's useful to accumulate
-      // actual time across multiple render passes.
-      workInProgress.selfBaseDuration = current.selfBaseDuration;
-      workInProgress.treeBaseDuration = current.treeBaseDuration;
+      didWarnAboutNestedUpdates = false;
+      didWarnAboutFindNodeInStrictMode = {};
     }
-  }
-
-  return workInProgress;
-}
-function createHostRootFiber(
-  tag,
-  isStrictMode,
-  concurrentUpdatesByDefaultOverride
-) {
-  var mode;
-
-  if (tag === ConcurrentRoot) {
-    mode = ConcurrentMode;
-
-    if (isStrictMode === true) {
-      mode |= StrictLegacyMode;
-    }
-  } else {
-    mode = NoMode;
-  }
-
-  if (isDevToolsPresent) {
-    // Always collect profile timings when DevTools are present.
-    // This enables DevTools to start capturing timing at any point–
-    // Without some nodes in the tree having empty base times.
-    mode |= ProfileMode;
-  }
-
-  return createFiber(HostRoot, null, null, mode);
-}
-function createFiberFromTypeAndProps(
-  type, // React$ElementType
-  key,
-  pendingProps,
-  owner,
-  mode,
-  lanes
-) {
-  var fiberTag = IndeterminateComponent; // The resolved type is set if we know what the final type will be. I.e. it's not lazy.
-
-  var resolvedType = type;
-
-  if (typeof type === "function") {
-    if (shouldConstruct(type)) {
-      fiberTag = ClassComponent;
 
-      {
-        resolvedType = resolveClassForHotReloading(resolvedType);
-      }
-    } else {
-      {
-        resolvedType = resolveFunctionForHotReloading(resolvedType);
+    function getContextForSubtree(parentComponent) {
+      if (!parentComponent) {
+        return emptyContextObject;
       }
-    }
-  } else if (typeof type === "string") {
-    fiberTag = HostComponent;
-  } else {
-    getTag: switch (type) {
-      case REACT_FRAGMENT_TYPE:
-        return createFiberFromFragment(pendingProps.children, mode, lanes, key);
 
-      case REACT_STRICT_MODE_TYPE:
-        fiberTag = Mode;
-        mode |= StrictLegacyMode;
+      var fiber = get(parentComponent);
+      var parentContext = findCurrentUnmaskedContext(fiber);
 
-        break;
+      if (fiber.tag === ClassComponent) {
+        var Component = fiber.type;
 
-      case REACT_PROFILER_TYPE:
-        return createFiberFromProfiler(pendingProps, mode, lanes, key);
-
-      case REACT_SUSPENSE_TYPE:
-        return createFiberFromSuspense(pendingProps, mode, lanes, key);
+        if (isContextProvider(Component)) {
+          return processChildContext(fiber, Component, parentContext);
+        }
+      }
 
-      case REACT_SUSPENSE_LIST_TYPE:
-        return createFiberFromSuspenseList(pendingProps, mode, lanes, key);
+      return parentContext;
+    }
 
-      case REACT_OFFSCREEN_TYPE:
-        return createFiberFromOffscreen(pendingProps, mode, lanes, key);
+    function findHostInstanceWithWarning(component, methodName) {
+      {
+        var fiber = get(component);
 
-      case REACT_LEGACY_HIDDEN_TYPE:
+        if (fiber === undefined) {
+          if (typeof component.render === "function") {
+            throw new Error("Unable to find node on an unmounted component.");
+          } else {
+            var keys = Object.keys(component).join(",");
+            throw new Error(
+              "Argument appears to not be a ReactComponent. Keys: " + keys
+            );
+          }
+        }
 
-      // eslint-disable-next-line no-fallthrough
+        var hostFiber = findCurrentHostFiber(fiber);
 
-      case REACT_SCOPE_TYPE:
+        if (hostFiber === null) {
+          return null;
+        }
 
-      // eslint-disable-next-line no-fallthrough
+        if (hostFiber.mode & StrictLegacyMode) {
+          var componentName = getComponentNameFromFiber(fiber) || "Component";
 
-      case REACT_CACHE_TYPE:
+          if (!didWarnAboutFindNodeInStrictMode[componentName]) {
+            didWarnAboutFindNodeInStrictMode[componentName] = true;
+            var previousFiber = current;
 
-      // eslint-disable-next-line no-fallthrough
+            try {
+              setCurrentFiber(hostFiber);
 
-      case REACT_TRACING_MARKER_TYPE:
+              if (fiber.mode & StrictLegacyMode) {
+                error(
+                  "%s is deprecated in StrictMode. " +
+                    "%s was passed an instance of %s which is inside StrictMode. " +
+                    "Instead, add a ref directly to the element you want to reference. " +
+                    "Learn more about using refs safely here: " +
+                    "https://reactjs.org/link/strict-mode-find-node",
+                  methodName,
+                  methodName,
+                  componentName
+                );
+              } else {
+                error(
+                  "%s is deprecated in StrictMode. " +
+                    "%s was passed an instance of %s which renders StrictMode children. " +
+                    "Instead, add a ref directly to the element you want to reference. " +
+                    "Learn more about using refs safely here: " +
+                    "https://reactjs.org/link/strict-mode-find-node",
+                  methodName,
+                  methodName,
+                  componentName
+                );
+              }
+            } finally {
+              // Ideally this should reset to previous but this shouldn't be called in
+              // render and there's another warning for that anyway.
+              if (previousFiber) {
+                setCurrentFiber(previousFiber);
+              } else {
+                resetCurrentFiber();
+              }
+            }
+          }
+        }
 
-      // eslint-disable-next-line no-fallthrough
+        return getPublicInstance(hostFiber.stateNode);
+      }
+    }
 
-      case REACT_DEBUG_TRACING_MODE_TYPE:
+    function createContainer(
+      containerInfo,
+      tag,
+      hydrationCallbacks,
+      isStrictMode,
+      concurrentUpdatesByDefaultOverride,
+      identifierPrefix,
+      onRecoverableError,
+      transitionCallbacks
+    ) {
+      var hydrate = false;
+      var initialChildren = null;
+      return createFiberRoot(
+        containerInfo,
+        tag,
+        hydrate,
+        initialChildren,
+        hydrationCallbacks,
+        isStrictMode,
+        concurrentUpdatesByDefaultOverride,
+        identifierPrefix,
+        onRecoverableError,
+        transitionCallbacks,
+        null
+      );
+    }
+    function updateContainer(element, container, parentComponent, callback) {
+      {
+        onScheduleRoot(container, element);
+      }
 
-      // eslint-disable-next-line no-fallthrough
+      var current$1 = container.current;
+      var lane = requestUpdateLane(current$1);
 
-      default: {
-        if (typeof type === "object" && type !== null) {
-          switch (type.$$typeof) {
-            case REACT_PROVIDER_TYPE:
-              fiberTag = ContextProvider;
-              break getTag;
+      var context = getContextForSubtree(parentComponent);
 
-            case REACT_CONTEXT_TYPE:
-              // This is a consumer
-              fiberTag = ContextConsumer;
-              break getTag;
+      if (container.context === null) {
+        container.context = context;
+      } else {
+        container.pendingContext = context;
+      }
 
-            case REACT_FORWARD_REF_TYPE:
-              fiberTag = ForwardRef;
+      {
+        if (isRendering && current !== null && !didWarnAboutNestedUpdates) {
+          didWarnAboutNestedUpdates = true;
 
-              {
-                resolvedType = resolveForwardRefForHotReloading(resolvedType);
-              }
+          error(
+            "Render methods should be a pure function of props and state; " +
+              "triggering nested component updates from render is not allowed. " +
+              "If necessary, trigger nested updates in componentDidUpdate.\n\n" +
+              "Check the render method of %s.",
+            getComponentNameFromFiber(current) || "Unknown"
+          );
+        }
+      }
 
-              break getTag;
+      var update = createUpdate(lane); // Caution: React DevTools currently depends on this property
+      // being called "element".
 
-            case REACT_MEMO_TYPE:
-              fiberTag = MemoComponent;
-              break getTag;
+      update.payload = {
+        element: element
+      };
+      callback = callback === undefined ? null : callback;
 
-            case REACT_LAZY_TYPE:
-              fiberTag = LazyComponent;
-              resolvedType = null;
-              break getTag;
+      if (callback !== null) {
+        {
+          if (typeof callback !== "function") {
+            error(
+              "render(...): Expected the last optional `callback` argument to be a " +
+                "function. Instead received: %s.",
+              callback
+            );
           }
         }
 
-        var info = "";
+        update.callback = callback;
+      }
 
-        {
-          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 root = enqueueUpdate(current$1, update, lane);
 
-          var ownerName = owner ? getComponentNameFromFiber(owner) : null;
+      if (root !== null) {
+        scheduleUpdateOnFiber(root, current$1, lane);
+        entangleTransitions(root, current$1, lane);
+      }
 
-          if (ownerName) {
-            info += "\n\nCheck the render method of `" + ownerName + "`.";
-          }
-        }
+      return lane;
+    }
+    function getPublicRootInstance(container) {
+      var containerFiber = container.current;
 
-        throw new Error(
-          "Element type is invalid: expected a string (for built-in " +
-            "components) or a class/function (for composite components) " +
-            ("but got: " + (type == null ? type : typeof type) + "." + info)
-        );
+      if (!containerFiber.child) {
+        return null;
+      }
+
+      switch (containerFiber.child.tag) {
+        case HostSingleton:
+        case HostComponent:
+          return getPublicInstance(containerFiber.child.stateNode);
+
+        default:
+          return containerFiber.child.stateNode;
       }
     }
-  }
 
-  var fiber = createFiber(fiberTag, pendingProps, key, mode);
-  fiber.elementType = type;
-  fiber.type = resolvedType;
-  fiber.lanes = lanes;
+    var shouldErrorImpl = function (fiber) {
+      return null;
+    };
 
-  {
-    fiber._debugOwner = owner;
-  }
+    function shouldError(fiber) {
+      return shouldErrorImpl(fiber);
+    }
 
-  return fiber;
-}
-function createFiberFromElement(element, mode, lanes) {
-  var owner = null;
-
-  {
-    owner = element._owner;
-  }
-
-  var type = element.type;
-  var key = element.key;
-  var pendingProps = element.props;
-  var fiber = createFiberFromTypeAndProps(
-    type,
-    key,
-    pendingProps,
-    owner,
-    mode,
-    lanes
-  );
-
-  {
-    fiber._debugSource = element._source;
-    fiber._debugOwner = element._owner;
-  }
-
-  return fiber;
-}
-function createFiberFromFragment(elements, mode, lanes, key) {
-  var fiber = createFiber(Fragment, elements, key, mode);
-  fiber.lanes = lanes;
-  return fiber;
-}
+    var shouldSuspendImpl = function (fiber) {
+      return false;
+    };
 
-function createFiberFromProfiler(pendingProps, mode, lanes, key) {
-  {
-    if (typeof pendingProps.id !== "string") {
-      error(
-        'Profiler must specify an "id" of type `string` as a prop. Received the type `%s` instead.',
-        typeof pendingProps.id
-      );
+    function shouldSuspend(fiber) {
+      return shouldSuspendImpl(fiber);
     }
-  }
+    var overrideHookState = null;
+    var overrideHookStateDeletePath = null;
+    var overrideHookStateRenamePath = null;
+    var overrideProps = null;
+    var overridePropsDeletePath = null;
+    var overridePropsRenamePath = null;
+    var scheduleUpdate = null;
+    var setErrorHandler = null;
+    var setSuspenseHandler = null;
 
-  var fiber = createFiber(Profiler, pendingProps, key, mode | ProfileMode);
-  fiber.elementType = REACT_PROFILER_TYPE;
-  fiber.lanes = lanes;
+    {
+      var copyWithDeleteImpl = function (obj, path, index) {
+        var key = path[index];
+        var updated = isArray(obj) ? obj.slice() : assign({}, obj);
 
-  {
-    fiber.stateNode = {
-      effectDuration: 0,
-      passiveEffectDuration: 0
-    };
-  }
+        if (index + 1 === path.length) {
+          if (isArray(updated)) {
+            updated.splice(key, 1);
+          } else {
+            delete updated[key];
+          }
 
-  return fiber;
-}
+          return updated;
+        } // $FlowFixMe[incompatible-use] number or string is fine here
 
-function createFiberFromSuspense(pendingProps, mode, lanes, key) {
-  var fiber = createFiber(SuspenseComponent, pendingProps, key, mode);
-  fiber.elementType = REACT_SUSPENSE_TYPE;
-  fiber.lanes = lanes;
-  return fiber;
-}
-function createFiberFromSuspenseList(pendingProps, mode, lanes, key) {
-  var fiber = createFiber(SuspenseListComponent, pendingProps, key, mode);
-  fiber.elementType = REACT_SUSPENSE_LIST_TYPE;
-  fiber.lanes = lanes;
-  return fiber;
-}
-function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
-  var fiber = createFiber(OffscreenComponent, pendingProps, key, mode);
-  fiber.elementType = REACT_OFFSCREEN_TYPE;
-  fiber.lanes = lanes;
-  var primaryChildInstance = {
-    isHidden: false
-  };
-  fiber.stateNode = primaryChildInstance;
-  return fiber;
-}
-function createFiberFromText(content, mode, lanes) {
-  var fiber = createFiber(HostText, content, null, mode);
-  fiber.lanes = lanes;
-  return fiber;
-}
-function createFiberFromPortal(portal, mode, lanes) {
-  var pendingProps = portal.children !== null ? portal.children : [];
-  var fiber = createFiber(HostPortal, pendingProps, portal.key, mode);
-  fiber.lanes = lanes;
-  fiber.stateNode = {
-    containerInfo: portal.containerInfo,
-    pendingChildren: null,
-    // Used by persistent updates
-    implementation: portal.implementation
-  };
-  return fiber;
-} // Used for stashing WIP properties to replay failed work in DEV.
-
-function assignFiberPropertiesInDEV(target, source) {
-  if (target === null) {
-    // This Fiber's initial properties will always be overwritten.
-    // We only use a Fiber to ensure the same hidden class so DEV isn't slow.
-    target = createFiber(IndeterminateComponent, null, null, NoMode);
-  } // This is intentionally written as a list of all properties.
-  // We tried to use Object.assign() instead but this is called in
-  // the hottest path, and Object.assign() was too slow:
-  // https://github.com/facebook/react/issues/12502
-  // This code is DEV-only so size is not a concern.
-
-  target.tag = source.tag;
-  target.key = source.key;
-  target.elementType = source.elementType;
-  target.type = source.type;
-  target.stateNode = source.stateNode;
-  target.return = source.return;
-  target.child = source.child;
-  target.sibling = source.sibling;
-  target.index = source.index;
-  target.ref = source.ref;
-  target.pendingProps = source.pendingProps;
-  target.memoizedProps = source.memoizedProps;
-  target.updateQueue = source.updateQueue;
-  target.memoizedState = source.memoizedState;
-  target.dependencies = source.dependencies;
-  target.mode = source.mode;
-  target.flags = source.flags;
-  target.subtreeFlags = source.subtreeFlags;
-  target.deletions = source.deletions;
-  target.lanes = source.lanes;
-  target.childLanes = source.childLanes;
-  target.alternate = source.alternate;
-
-  {
-    target.actualDuration = source.actualDuration;
-    target.actualStartTime = source.actualStartTime;
-    target.selfBaseDuration = source.selfBaseDuration;
-    target.treeBaseDuration = source.treeBaseDuration;
-  }
-
-  target._debugSource = source._debugSource;
-  target._debugOwner = source._debugOwner;
-  target._debugNeedsRemount = source._debugNeedsRemount;
-  target._debugHookTypes = source._debugHookTypes;
-  return target;
-}
+        updated[key] = copyWithDeleteImpl(obj[key], path, index + 1);
+        return updated;
+      };
 
-function FiberRootNode(
-  containerInfo,
-  tag,
-  hydrate,
-  identifierPrefix,
-  onRecoverableError
-) {
-  this.tag = tag;
-  this.containerInfo = containerInfo;
-  this.pendingChildren = null;
-  this.current = null;
-  this.pingCache = null;
-  this.finishedWork = null;
-  this.timeoutHandle = noTimeout;
-  this.context = null;
-  this.pendingContext = null;
-  this.callbackNode = null;
-  this.callbackPriority = NoLane;
-  this.eventTimes = createLaneMap(NoLanes);
-  this.expirationTimes = createLaneMap(NoTimestamp);
-  this.pendingLanes = NoLanes;
-  this.suspendedLanes = NoLanes;
-  this.pingedLanes = NoLanes;
-  this.expiredLanes = NoLanes;
-  this.mutableReadLanes = NoLanes;
-  this.finishedLanes = NoLanes;
-  this.entangledLanes = NoLanes;
-  this.entanglements = createLaneMap(NoLanes);
-  this.identifierPrefix = identifierPrefix;
-  this.onRecoverableError = onRecoverableError;
-
-  {
-    this.effectDuration = 0;
-    this.passiveEffectDuration = 0;
-  }
-
-  {
-    this.memoizedUpdaters = new Set();
-    var pendingUpdatersLaneMap = (this.pendingUpdatersLaneMap = []);
-
-    for (var _i = 0; _i < TotalLanes; _i++) {
-      pendingUpdatersLaneMap.push(new Set());
-    }
-  }
-
-  {
-    switch (tag) {
-      case ConcurrentRoot:
-        this._debugRootType = hydrate ? "hydrateRoot()" : "createRoot()";
-        break;
-
-      case LegacyRoot:
-        this._debugRootType = hydrate ? "hydrate()" : "render()";
-        break;
-    }
-  }
-}
+      var copyWithDelete = function (obj, path) {
+        return copyWithDeleteImpl(obj, path, 0);
+      };
 
-function createFiberRoot(
-  containerInfo,
-  tag,
-  hydrate,
-  initialChildren,
-  hydrationCallbacks,
-  isStrictMode,
-  concurrentUpdatesByDefaultOverride, // TODO: We have several of these arguments that are conceptually part of the
-  // host config, but because they are passed in at runtime, we have to thread
-  // them through the root constructor. Perhaps we should put them all into a
-  // single type, like a DynamicHostConfig that is defined by the renderer.
-  identifierPrefix,
-  onRecoverableError,
-  transitionCallbacks
-) {
-  var root = new FiberRootNode(
-    containerInfo,
-    tag,
-    hydrate,
-    identifierPrefix,
-    onRecoverableError
-  );
-  // stateNode is any.
-
-  var uninitializedFiber = createHostRootFiber(tag, isStrictMode);
-  root.current = uninitializedFiber;
-  uninitializedFiber.stateNode = root;
-
-  {
-    var _initialState = {
-      element: initialChildren,
-      isDehydrated: hydrate,
-      cache: null,
-      // not enabled yet
-      transitions: null,
-      pendingSuspenseBoundaries: null
-    };
-    uninitializedFiber.memoizedState = _initialState;
-  }
+      var copyWithRenameImpl = function (obj, oldPath, newPath, index) {
+        var oldKey = oldPath[index];
+        var updated = isArray(obj) ? obj.slice() : assign({}, obj);
 
-  initializeUpdateQueue(uninitializedFiber);
-  return root;
-}
+        if (index + 1 === oldPath.length) {
+          var newKey = newPath[index]; // $FlowFixMe[incompatible-use] number or string is fine here
 
-var ReactVersion = "18.2.0-next-9e3b772b8-20220608";
-
-function createPortal(
-  children,
-  containerInfo, // TODO: figure out the API for cross-renderer implementation.
-  implementation
-) {
-  var key =
-    arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
-
-  {
-    checkKeyStringCoercion(key);
-  }
-
-  return {
-    // This tag allow us to uniquely identify this as a React Portal
-    $$typeof: REACT_PORTAL_TYPE,
-    key: key == null ? null : "" + key,
-    children: children,
-    containerInfo: containerInfo,
-    implementation: implementation
-  };
-}
+          updated[newKey] = updated[oldKey];
 
-var didWarnAboutNestedUpdates;
-var didWarnAboutFindNodeInStrictMode;
+          if (isArray(updated)) {
+            updated.splice(oldKey, 1);
+          } else {
+            delete updated[oldKey];
+          }
+        } else {
+          // $FlowFixMe[incompatible-use] number or string is fine here
+          updated[oldKey] = copyWithRenameImpl(
+            // $FlowFixMe[incompatible-use] number or string is fine here
+            obj[oldKey],
+            oldPath,
+            newPath,
+            index + 1
+          );
+        }
 
-{
-  didWarnAboutNestedUpdates = false;
-  didWarnAboutFindNodeInStrictMode = {};
-}
+        return updated;
+      };
 
-function getContextForSubtree(parentComponent) {
-  if (!parentComponent) {
-    return emptyContextObject;
-  }
+      var copyWithRename = function (obj, oldPath, newPath) {
+        if (oldPath.length !== newPath.length) {
+          warn("copyWithRename() expects paths of the same length");
 
-  var fiber = get(parentComponent);
-  var parentContext = findCurrentUnmaskedContext(fiber);
+          return;
+        } else {
+          for (var i = 0; i < newPath.length - 1; i++) {
+            if (oldPath[i] !== newPath[i]) {
+              warn(
+                "copyWithRename() expects paths to be the same except for the deepest key"
+              );
 
-  if (fiber.tag === ClassComponent) {
-    var Component = fiber.type;
+              return;
+            }
+          }
+        }
 
-    if (isContextProvider(Component)) {
-      return processChildContext(fiber, Component, parentContext);
-    }
-  }
+        return copyWithRenameImpl(obj, oldPath, newPath, 0);
+      };
 
-  return parentContext;
-}
+      var copyWithSetImpl = function (obj, path, index, value) {
+        if (index >= path.length) {
+          return value;
+        }
 
-function findHostInstanceWithWarning(component, methodName) {
-  {
-    var fiber = get(component);
+        var key = path[index];
+        var updated = isArray(obj) ? obj.slice() : assign({}, obj); // $FlowFixMe[incompatible-use] number or string is fine here
 
-    if (fiber === undefined) {
-      if (typeof component.render === "function") {
-        throw new Error("Unable to find node on an unmounted component.");
-      } else {
-        var keys = Object.keys(component).join(",");
-        throw new Error(
-          "Argument appears to not be a ReactComponent. Keys: " + keys
-        );
-      }
-    }
+        updated[key] = copyWithSetImpl(obj[key], path, index + 1, value);
+        return updated;
+      };
 
-    var hostFiber = findCurrentHostFiber(fiber);
+      var copyWithSet = function (obj, path, value) {
+        return copyWithSetImpl(obj, path, 0, value);
+      };
 
-    if (hostFiber === null) {
-      return null;
-    }
+      var findHook = function (fiber, id) {
+        // For now, the "id" of stateful hooks is just the stateful hook index.
+        // This may change in the future with e.g. nested hooks.
+        var currentHook = fiber.memoizedState;
 
-    if (hostFiber.mode & StrictLegacyMode) {
-      var componentName = getComponentNameFromFiber(fiber) || "Component";
+        while (currentHook !== null && id > 0) {
+          currentHook = currentHook.next;
+          id--;
+        }
 
-      if (!didWarnAboutFindNodeInStrictMode[componentName]) {
-        didWarnAboutFindNodeInStrictMode[componentName] = true;
-        var previousFiber = current;
+        return currentHook;
+      }; // Support DevTools editable values for useState and useReducer.
 
-        try {
-          setCurrentFiber(hostFiber);
+      overrideHookState = function (fiber, id, path, value) {
+        var hook = findHook(fiber, id);
 
-          if (fiber.mode & StrictLegacyMode) {
-            error(
-              "%s is deprecated in StrictMode. " +
-                "%s was passed an instance of %s which is inside StrictMode. " +
-                "Instead, add a ref directly to the element you want to reference. " +
-                "Learn more about using refs safely here: " +
-                "https://react.dev/reference/react-dom/findDOMNode",
-              methodName,
-              methodName,
-              componentName
-            );
-          } else {
-            error(
-              "%s is deprecated in StrictMode. " +
-                "%s was passed an instance of %s which renders StrictMode children. " +
-                "Instead, add a ref directly to the element you want to reference. " +
-                "Learn more about using refs safely here: " +
-                "https://react.dev/reference/react-dom/findDOMNode",
-              methodName,
-              methodName,
-              componentName
-            );
-          }
-        } finally {
-          // Ideally this should reset to previous but this shouldn't be called in
-          // render and there's another warning for that anyway.
-          if (previousFiber) {
-            setCurrentFiber(previousFiber);
-          } else {
-            resetCurrentFiber();
+        if (hook !== null) {
+          var newState = copyWithSet(hook.memoizedState, path, value);
+          hook.memoizedState = newState;
+          hook.baseState = newState; // We aren't actually adding an update to the queue,
+          // because there is no update we can add for useReducer hooks that won't trigger an error.
+          // (There's no appropriate action type for DevTools overrides.)
+          // As a result though, React will see the scheduled update as a noop and bailout.
+          // Shallow cloning props works as a workaround for now to bypass the bailout check.
+
+          fiber.memoizedProps = assign({}, fiber.memoizedProps);
+          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+
+          if (root !== null) {
+            scheduleUpdateOnFiber(root, fiber, SyncLane);
           }
         }
-      }
-    }
+      };
 
-    return hostFiber.stateNode;
-  }
-}
+      overrideHookStateDeletePath = function (fiber, id, path) {
+        var hook = findHook(fiber, id);
 
-function createContainer(
-  containerInfo,
-  tag,
-  hydrationCallbacks,
-  isStrictMode,
-  concurrentUpdatesByDefaultOverride,
-  identifierPrefix,
-  onRecoverableError,
-  transitionCallbacks
-) {
-  var hydrate = false;
-  var initialChildren = null;
-  return createFiberRoot(
-    containerInfo,
-    tag,
-    hydrate,
-    initialChildren,
-    hydrationCallbacks,
-    isStrictMode,
-    concurrentUpdatesByDefaultOverride,
-    identifierPrefix,
-    onRecoverableError
-  );
-}
-function updateContainer(element, container, parentComponent, callback) {
-  {
-    onScheduleRoot(container, element);
-  }
-
-  var current$1 = container.current;
-  var eventTime = requestEventTime();
-  var lane = requestUpdateLane(current$1);
-
-  var context = getContextForSubtree(parentComponent);
-
-  if (container.context === null) {
-    container.context = context;
-  } else {
-    container.pendingContext = context;
-  }
-
-  {
-    if (isRendering && current !== null && !didWarnAboutNestedUpdates) {
-      didWarnAboutNestedUpdates = true;
-
-      error(
-        "Render methods should be a pure function of props and state; " +
-          "triggering nested component updates from render is not allowed. " +
-          "If necessary, trigger nested updates in componentDidUpdate.\n\n" +
-          "Check the render method of %s.",
-        getComponentNameFromFiber(current) || "Unknown"
-      );
-    }
-  }
+        if (hook !== null) {
+          var newState = copyWithDelete(hook.memoizedState, path);
+          hook.memoizedState = newState;
+          hook.baseState = newState; // We aren't actually adding an update to the queue,
+          // because there is no update we can add for useReducer hooks that won't trigger an error.
+          // (There's no appropriate action type for DevTools overrides.)
+          // As a result though, React will see the scheduled update as a noop and bailout.
+          // Shallow cloning props works as a workaround for now to bypass the bailout check.
 
-  var update = createUpdate(eventTime, lane); // Caution: React DevTools currently depends on this property
-  // being called "element".
+          fiber.memoizedProps = assign({}, fiber.memoizedProps);
+          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-  update.payload = {
-    element: element
-  };
-  callback = callback === undefined ? null : callback;
+          if (root !== null) {
+            scheduleUpdateOnFiber(root, fiber, SyncLane);
+          }
+        }
+      };
 
-  if (callback !== null) {
-    {
-      if (typeof callback !== "function") {
-        error(
-          "render(...): Expected the last optional `callback` argument to be a " +
-            "function. Instead received: %s.",
-          callback
-        );
-      }
-    }
+      overrideHookStateRenamePath = function (fiber, id, oldPath, newPath) {
+        var hook = findHook(fiber, id);
+
+        if (hook !== null) {
+          var newState = copyWithRename(hook.memoizedState, oldPath, newPath);
+          hook.memoizedState = newState;
+          hook.baseState = newState; // We aren't actually adding an update to the queue,
+          // because there is no update we can add for useReducer hooks that won't trigger an error.
+          // (There's no appropriate action type for DevTools overrides.)
+          // As a result though, React will see the scheduled update as a noop and bailout.
+          // Shallow cloning props works as a workaround for now to bypass the bailout check.
 
-    update.callback = callback;
-  }
+          fiber.memoizedProps = assign({}, fiber.memoizedProps);
+          var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-  var root = enqueueUpdate(current$1, update, lane);
+          if (root !== null) {
+            scheduleUpdateOnFiber(root, fiber, SyncLane);
+          }
+        }
+      }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
 
-  if (root !== null) {
-    scheduleUpdateOnFiber(root, current$1, lane, eventTime);
-    entangleTransitions(root, current$1, lane);
-  }
+      overrideProps = function (fiber, path, value) {
+        fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
 
-  return lane;
-}
-function getPublicRootInstance(container) {
-  var containerFiber = container.current;
+        if (fiber.alternate) {
+          fiber.alternate.pendingProps = fiber.pendingProps;
+        }
 
-  if (!containerFiber.child) {
-    return null;
-  }
+        var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-  switch (containerFiber.child.tag) {
-    case HostComponent:
-      return getPublicInstance(containerFiber.child.stateNode);
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
+        }
+      };
 
-    default:
-      return containerFiber.child.stateNode;
-  }
-}
+      overridePropsDeletePath = function (fiber, path) {
+        fiber.pendingProps = copyWithDelete(fiber.memoizedProps, path);
 
-var shouldErrorImpl = function(fiber) {
-  return null;
-};
+        if (fiber.alternate) {
+          fiber.alternate.pendingProps = fiber.pendingProps;
+        }
 
-function shouldError(fiber) {
-  return shouldErrorImpl(fiber);
-}
+        var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-var shouldSuspendImpl = function(fiber) {
-  return false;
-};
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
+        }
+      };
 
-function shouldSuspend(fiber) {
-  return shouldSuspendImpl(fiber);
-}
-var overrideHookState = null;
-var overrideHookStateDeletePath = null;
-var overrideHookStateRenamePath = null;
-var overrideProps = null;
-var overridePropsDeletePath = null;
-var overridePropsRenamePath = null;
-var scheduleUpdate = null;
-var setErrorHandler = null;
-var setSuspenseHandler = null;
-
-{
-  var copyWithDeleteImpl = function(obj, path, index) {
-    var key = path[index];
-    var updated = isArray(obj) ? obj.slice() : assign({}, obj);
-
-    if (index + 1 === path.length) {
-      if (isArray(updated)) {
-        updated.splice(key, 1);
-      } else {
-        delete updated[key];
-      }
+      overridePropsRenamePath = function (fiber, oldPath, newPath) {
+        fiber.pendingProps = copyWithRename(
+          fiber.memoizedProps,
+          oldPath,
+          newPath
+        );
 
-      return updated;
-    } // $FlowFixMe number or string is fine here
+        if (fiber.alternate) {
+          fiber.alternate.pendingProps = fiber.pendingProps;
+        }
 
-    updated[key] = copyWithDeleteImpl(obj[key], path, index + 1);
-    return updated;
-  };
+        var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-  var copyWithDelete = function(obj, path) {
-    return copyWithDeleteImpl(obj, path, 0);
-  };
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
+        }
+      };
 
-  var copyWithRenameImpl = function(obj, oldPath, newPath, index) {
-    var oldKey = oldPath[index];
-    var updated = isArray(obj) ? obj.slice() : assign({}, obj);
+      scheduleUpdate = function (fiber) {
+        var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
 
-    if (index + 1 === oldPath.length) {
-      var newKey = newPath[index]; // $FlowFixMe number or string is fine here
+        if (root !== null) {
+          scheduleUpdateOnFiber(root, fiber, SyncLane);
+        }
+      };
 
-      updated[newKey] = updated[oldKey];
+      setErrorHandler = function (newShouldErrorImpl) {
+        shouldErrorImpl = newShouldErrorImpl;
+      };
 
-      if (isArray(updated)) {
-        updated.splice(oldKey, 1);
-      } else {
-        delete updated[oldKey];
-      }
-    } else {
-      // $FlowFixMe number or string is fine here
-      updated[oldKey] = copyWithRenameImpl(
-        // $FlowFixMe number or string is fine here
-        obj[oldKey],
-        oldPath,
-        newPath,
-        index + 1
-      );
+      setSuspenseHandler = function (newShouldSuspendImpl) {
+        shouldSuspendImpl = newShouldSuspendImpl;
+      };
     }
 
-    return updated;
-  };
-
-  var copyWithRename = function(obj, oldPath, newPath) {
-    if (oldPath.length !== newPath.length) {
-      warn("copyWithRename() expects paths of the same length");
+    function findHostInstanceByFiber(fiber) {
+      var hostFiber = findCurrentHostFiber(fiber);
 
-      return;
-    } else {
-      for (var i = 0; i < newPath.length - 1; i++) {
-        if (oldPath[i] !== newPath[i]) {
-          warn(
-            "copyWithRename() expects paths to be the same except for the deepest key"
-          );
-
-          return;
-        }
+      if (hostFiber === null) {
+        return null;
       }
+
+      return hostFiber.stateNode;
     }
 
-    return copyWithRenameImpl(obj, oldPath, newPath, 0);
-  };
+    function emptyFindFiberByHostInstance(instance) {
+      return null;
+    }
 
-  var copyWithSetImpl = function(obj, path, index, value) {
-    if (index >= path.length) {
-      return value;
+    function getCurrentFiberForDevTools() {
+      return current;
     }
 
-    var key = path[index];
-    var updated = isArray(obj) ? obj.slice() : assign({}, obj); // $FlowFixMe number or string is fine here
+    function injectIntoDevTools(devToolsConfig) {
+      var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
+      var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
+      return injectInternals({
+        bundleType: devToolsConfig.bundleType,
+        version: devToolsConfig.version,
+        rendererPackageName: devToolsConfig.rendererPackageName,
+        rendererConfig: devToolsConfig.rendererConfig,
+        overrideHookState: overrideHookState,
+        overrideHookStateDeletePath: overrideHookStateDeletePath,
+        overrideHookStateRenamePath: overrideHookStateRenamePath,
+        overrideProps: overrideProps,
+        overridePropsDeletePath: overridePropsDeletePath,
+        overridePropsRenamePath: overridePropsRenamePath,
+        setErrorHandler: setErrorHandler,
+        setSuspenseHandler: setSuspenseHandler,
+        scheduleUpdate: scheduleUpdate,
+        currentDispatcherRef: ReactCurrentDispatcher,
+        findHostInstanceByFiber: findHostInstanceByFiber,
+        findFiberByHostInstance:
+          findFiberByHostInstance || emptyFindFiberByHostInstance,
+        // React Refresh
+        findHostInstancesForRefresh: findHostInstancesForRefresh,
+        scheduleRefresh: scheduleRefresh,
+        scheduleRoot: scheduleRoot,
+        setRefreshHandler: setRefreshHandler,
+        // Enables DevTools to append owner stacks to error messages in DEV mode.
+        getCurrentFiber: getCurrentFiberForDevTools,
+        // Enables DevTools to detect reconciler version rather than renderer version
+        // which may not match for third party renderers.
+        reconcilerVersion: ReactVersion
+      });
+    }
 
-    updated[key] = copyWithSetImpl(obj[key], path, index + 1, value);
-    return updated;
-  };
+    var ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner;
+    function findHostInstance_DEPRECATED(componentOrHandle) {
+      {
+        var owner = ReactCurrentOwner.current;
 
-  var copyWithSet = function(obj, path, value) {
-    return copyWithSetImpl(obj, path, 0, value);
-  };
+        if (owner !== null && owner.stateNode !== null) {
+          if (!owner.stateNode._warnedAboutRefsInRender) {
+            error(
+              "%s is accessing findNodeHandle inside its render(). " +
+                "render() should be a pure function of props and state. It should " +
+                "never access something that requires stale data from the previous " +
+                "render, such as refs. Move this logic to componentDidMount and " +
+                "componentDidUpdate instead.",
+              getComponentNameFromType(owner.type) || "A component"
+            );
+          }
 
-  var findHook = function(fiber, id) {
-    // For now, the "id" of stateful hooks is just the stateful hook index.
-    // This may change in the future with e.g. nested hooks.
-    var currentHook = fiber.memoizedState;
+          owner.stateNode._warnedAboutRefsInRender = true;
+        }
+      }
 
-    while (currentHook !== null && id > 0) {
-      currentHook = currentHook.next;
-      id--;
-    }
+      if (componentOrHandle == null) {
+        return null;
+      } // For compatibility with Fabric instances
 
-    return currentHook;
-  }; // Support DevTools editable values for useState and useReducer.
+      if (
+        componentOrHandle.canonical &&
+        componentOrHandle.canonical.publicInstance
+      ) {
+        // $FlowExpectedError[incompatible-return] Can't refine componentOrHandle as a Fabric instance
+        return componentOrHandle.canonical.publicInstance;
+      } // For compatibility with legacy renderer instances
 
-  overrideHookState = function(fiber, id, path, value) {
-    var hook = findHook(fiber, id);
+      if (componentOrHandle._nativeTag) {
+        // $FlowFixMe[incompatible-exact] Necessary when running Flow on Fabric
+        // $FlowFixMe[incompatible-return]
+        return componentOrHandle;
+      }
 
-    if (hook !== null) {
-      var newState = copyWithSet(hook.memoizedState, path, value);
-      hook.memoizedState = newState;
-      hook.baseState = newState; // We aren't actually adding an update to the queue,
-      // because there is no update we can add for useReducer hooks that won't trigger an error.
-      // (There's no appropriate action type for DevTools overrides.)
-      // As a result though, React will see the scheduled update as a noop and bailout.
-      // Shallow cloning props works as a workaround for now to bypass the bailout check.
+      var hostInstance;
 
-      fiber.memoizedProps = assign({}, fiber.memoizedProps);
-      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      {
+        hostInstance = findHostInstanceWithWarning(
+          componentOrHandle,
+          "findHostInstance_DEPRECATED"
+        );
+      } // findHostInstance handles legacy vs. Fabric differences correctly
+      // $FlowFixMe[incompatible-exact] we need to fix the definition of `HostComponent` to use NativeMethods as an interface, not as a type.
+      // $FlowFixMe[incompatible-return]
 
-      if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-      }
+      return hostInstance;
     }
-  };
-
-  overrideHookStateDeletePath = function(fiber, id, path) {
-    var hook = findHook(fiber, id);
+    function findNodeHandle(componentOrHandle) {
+      {
+        var owner = ReactCurrentOwner.current;
 
-    if (hook !== null) {
-      var newState = copyWithDelete(hook.memoizedState, path);
-      hook.memoizedState = newState;
-      hook.baseState = newState; // We aren't actually adding an update to the queue,
-      // because there is no update we can add for useReducer hooks that won't trigger an error.
-      // (There's no appropriate action type for DevTools overrides.)
-      // As a result though, React will see the scheduled update as a noop and bailout.
-      // Shallow cloning props works as a workaround for now to bypass the bailout check.
+        if (owner !== null && owner.stateNode !== null) {
+          if (!owner.stateNode._warnedAboutRefsInRender) {
+            error(
+              "%s is accessing findNodeHandle inside its render(). " +
+                "render() should be a pure function of props and state. It should " +
+                "never access something that requires stale data from the previous " +
+                "render, such as refs. Move this logic to componentDidMount and " +
+                "componentDidUpdate instead.",
+              getComponentNameFromType(owner.type) || "A component"
+            );
+          }
 
-      fiber.memoizedProps = assign({}, fiber.memoizedProps);
-      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+          owner.stateNode._warnedAboutRefsInRender = true;
+        }
+      }
 
-      if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      if (componentOrHandle == null) {
+        return null;
       }
-    }
-  };
 
-  overrideHookStateRenamePath = function(fiber, id, oldPath, newPath) {
-    var hook = findHook(fiber, id);
+      if (typeof componentOrHandle === "number") {
+        // Already a node handle
+        return componentOrHandle;
+      } // For compatibility with legacy renderer instances
 
-    if (hook !== null) {
-      var newState = copyWithRename(hook.memoizedState, oldPath, newPath);
-      hook.memoizedState = newState;
-      hook.baseState = newState; // We aren't actually adding an update to the queue,
-      // because there is no update we can add for useReducer hooks that won't trigger an error.
-      // (There's no appropriate action type for DevTools overrides.)
-      // As a result though, React will see the scheduled update as a noop and bailout.
-      // Shallow cloning props works as a workaround for now to bypass the bailout check.
+      if (componentOrHandle._nativeTag) {
+        return componentOrHandle._nativeTag;
+      } // For compatibility with Fabric instances
 
-      fiber.memoizedProps = assign({}, fiber.memoizedProps);
-      var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      if (
+        componentOrHandle.canonical != null &&
+        componentOrHandle.canonical.nativeTag != null
+      ) {
+        return componentOrHandle.canonical.nativeTag;
+      } // For compatibility with Fabric public instances
 
-      if (root !== null) {
-        scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-      }
-    }
-  }; // Support DevTools props for function components, forwardRef, memo, host components, etc.
+      var nativeTag =
+        ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+          componentOrHandle
+        );
 
-  overrideProps = function(fiber, path, value) {
-    fiber.pendingProps = copyWithSet(fiber.memoizedProps, path, value);
+      if (nativeTag) {
+        return nativeTag;
+      }
 
-    if (fiber.alternate) {
-      fiber.alternate.pendingProps = fiber.pendingProps;
-    }
+      var hostInstance;
 
-    var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      {
+        hostInstance = findHostInstanceWithWarning(
+          componentOrHandle,
+          "findNodeHandle"
+        );
+      }
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-    }
-  };
+      if (hostInstance == null) {
+        // $FlowFixMe[incompatible-return] Flow limitation in refining an opaque type
+        return hostInstance;
+      }
 
-  overridePropsDeletePath = function(fiber, path) {
-    fiber.pendingProps = copyWithDelete(fiber.memoizedProps, path);
+      if (hostInstance._nativeTag != null) {
+        // $FlowFixMe[incompatible-return] For compatibility with legacy renderer instances
+        return hostInstance._nativeTag;
+      } // $FlowFixMe[incompatible-call] Necessary when running Flow on the legacy renderer
 
-    if (fiber.alternate) {
-      fiber.alternate.pendingProps = fiber.pendingProps;
+      return ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+        hostInstance
+      );
     }
+    function dispatchCommand(handle, command, args) {
+      var nativeTag =
+        handle._nativeTag != null
+          ? handle._nativeTag
+          : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
 
-    var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      if (nativeTag == null) {
+        {
+          error(
+            "dispatchCommand was called with a ref that isn't a " +
+              "native component. Use React.forwardRef to get access to the underlying native component"
+          );
+        }
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-    }
-  };
+        return;
+      }
 
-  overridePropsRenamePath = function(fiber, oldPath, newPath) {
-    fiber.pendingProps = copyWithRename(fiber.memoizedProps, oldPath, newPath);
+      var node = ReactNativePrivateInterface.getNodeFromPublicInstance(handle);
 
-    if (fiber.alternate) {
-      fiber.alternate.pendingProps = fiber.pendingProps;
+      if (node != null) {
+        nativeFabricUIManager.dispatchCommand(node, command, args);
+      } else {
+        ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
+          nativeTag,
+          command,
+          args
+        );
+      }
     }
+    function sendAccessibilityEvent(handle, eventType) {
+      var nativeTag =
+        handle._nativeTag != null
+          ? handle._nativeTag
+          : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
 
-    var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      if (nativeTag == null) {
+        {
+          error(
+            "sendAccessibilityEvent was called with a ref that isn't a " +
+              "native component. Use React.forwardRef to get access to the underlying native component"
+          );
+        }
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
-    }
-  };
+        return;
+      }
 
-  scheduleUpdate = function(fiber) {
-    var root = enqueueConcurrentRenderForLane(fiber, SyncLane);
+      var node = ReactNativePrivateInterface.getNodeFromPublicInstance(handle);
 
-    if (root !== null) {
-      scheduleUpdateOnFiber(root, fiber, SyncLane, NoTimestamp);
+      if (node != null) {
+        nativeFabricUIManager.sendAccessibilityEvent(node, eventType);
+      } else {
+        ReactNativePrivateInterface.legacySendAccessibilityEvent(
+          nativeTag,
+          eventType
+        );
+      }
     }
-  };
-
-  setErrorHandler = function(newShouldErrorImpl) {
-    shouldErrorImpl = newShouldErrorImpl;
-  };
-
-  setSuspenseHandler = function(newShouldSuspendImpl) {
-    shouldSuspendImpl = newShouldSuspendImpl;
-  };
-}
-
-function findHostInstanceByFiber(fiber) {
-  var hostFiber = findCurrentHostFiber(fiber);
+    function getNodeFromInternalInstanceHandle(internalInstanceHandle) {
+      return (
+        // $FlowExpectedError[incompatible-return] internalInstanceHandle is opaque but we need to make an exception here.
+        internalInstanceHandle && // $FlowExpectedError[incompatible-return]
+        internalInstanceHandle.stateNode && // $FlowExpectedError[incompatible-use]
+        internalInstanceHandle.stateNode.node
+      );
+    } // Should have been PublicInstance from ReactFiberConfigFabric
+    // Should have been PublicInstance from ReactFiberConfigNative
+    // Remove this once Paper is no longer supported and DOM Node API are enabled by default in RN.
 
-  if (hostFiber === null) {
-    return null;
-  }
+    function isChildPublicInstance(parentInstance, childInstance) {
+      {
+        // Paper
+        if (
+          // $FlowExpectedError[incompatible-type]
+          // $FlowExpectedError[prop-missing] Don't check via `instanceof ReactNativeFiberHostComponent`, so it won't be leaked to Fabric.
+          parentInstance._internalFiberInstanceHandleDEV && // $FlowExpectedError[incompatible-type]
+          // $FlowExpectedError[prop-missing] Don't check via `instanceof ReactNativeFiberHostComponent`, so it won't be leaked to Fabric.
+          childInstance._internalFiberInstanceHandleDEV
+        ) {
+          return doesFiberContain(
+            // $FlowExpectedError[incompatible-call]
+            parentInstance._internalFiberInstanceHandleDEV, // $FlowExpectedError[incompatible-call]
+            childInstance._internalFiberInstanceHandleDEV
+          );
+        }
 
-  return hostFiber.stateNode;
-}
+        var parentInternalInstanceHandle = // $FlowExpectedError[incompatible-call] Type for parentInstance should have been PublicInstance from ReactFiberConfigFabric.
+          ReactNativePrivateInterface.getInternalInstanceHandleFromPublicInstance(
+            parentInstance
+          );
+        var childInternalInstanceHandle = // $FlowExpectedError[incompatible-call] Type for childInstance should have been PublicInstance from ReactFiberConfigFabric.
+          ReactNativePrivateInterface.getInternalInstanceHandleFromPublicInstance(
+            childInstance
+          ); // Fabric
 
-function emptyFindFiberByHostInstance(instance) {
-  return null;
-}
+        if (
+          parentInternalInstanceHandle != null &&
+          childInternalInstanceHandle != null
+        ) {
+          return doesFiberContain(
+            parentInternalInstanceHandle,
+            childInternalInstanceHandle
+          );
+        } // Means that one instance is from Fabric and other is from Paper.
 
-function getCurrentFiberForDevTools() {
-  return current;
-}
+        return false;
+      }
+    }
 
-function injectIntoDevTools(devToolsConfig) {
-  var findFiberByHostInstance = devToolsConfig.findFiberByHostInstance;
-  var ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher;
-  return injectInternals({
-    bundleType: devToolsConfig.bundleType,
-    version: devToolsConfig.version,
-    rendererPackageName: devToolsConfig.rendererPackageName,
-    rendererConfig: devToolsConfig.rendererConfig,
-    overrideHookState: overrideHookState,
-    overrideHookStateDeletePath: overrideHookStateDeletePath,
-    overrideHookStateRenamePath: overrideHookStateRenamePath,
-    overrideProps: overrideProps,
-    overridePropsDeletePath: overridePropsDeletePath,
-    overridePropsRenamePath: overridePropsRenamePath,
-    setErrorHandler: setErrorHandler,
-    setSuspenseHandler: setSuspenseHandler,
-    scheduleUpdate: scheduleUpdate,
-    currentDispatcherRef: ReactCurrentDispatcher,
-    findHostInstanceByFiber: findHostInstanceByFiber,
-    findFiberByHostInstance:
-      findFiberByHostInstance || emptyFindFiberByHostInstance,
-    // React Refresh
-    findHostInstancesForRefresh: findHostInstancesForRefresh,
-    scheduleRefresh: scheduleRefresh,
-    scheduleRoot: scheduleRoot,
-    setRefreshHandler: setRefreshHandler,
-    // Enables DevTools to append owner stacks to error messages in DEV mode.
-    getCurrentFiber: getCurrentFiberForDevTools,
-    // Enables DevTools to detect reconciler version rather than renderer version
-    // which may not match for third party renderers.
-    reconcilerVersion: ReactVersion
-  });
-}
+    var emptyObject = {};
 
-var emptyObject$1 = {};
+    {
+      Object.freeze(emptyObject);
+    } // $FlowFixMe[missing-local-annot]
+
+    function createHierarchy(fiberHierarchy) {
+      return fiberHierarchy.map(function (fiber) {
+        return {
+          name: getComponentNameFromType(fiber.type),
+          getInspectorData: function (findNodeHandle) {
+            return {
+              props: getHostProps(fiber),
+              measure: function (callback) {
+                // If this is Fabric, we'll find a shadow node and use that to measure.
+                var hostFiber = findCurrentHostFiber(fiber);
+                var node =
+                  hostFiber != null &&
+                  hostFiber.stateNode !== null &&
+                  hostFiber.stateNode.node;
+
+                if (node) {
+                  nativeFabricUIManager.measure(node, callback);
+                } else {
+                  return ReactNativePrivateInterface.UIManager.measure(
+                    getHostNode(fiber, findNodeHandle),
+                    callback
+                  );
+                }
+              }
+            };
+          }
+        };
+      });
+    } // $FlowFixMe[missing-local-annot]
 
-{
-  Object.freeze(emptyObject$1);
-}
+    function getHostNode(fiber, findNodeHandle) {
+      {
+        var hostNode; // look for children first for the hostNode
+        // as composite fibers do not have a hostNode
 
-var createHierarchy;
-var getHostNode;
-var getHostProps;
-var lastNonHostInstance;
+        while (fiber) {
+          if (fiber.stateNode !== null && fiber.tag === HostComponent) {
+            hostNode = findNodeHandle(fiber.stateNode);
+          }
 
-var getOwnerHierarchy;
-var traverseOwnerTreeUp;
+          if (hostNode) {
+            return hostNode;
+          }
 
-{
-  createHierarchy = function(fiberHierarchy) {
-    return fiberHierarchy.map(function(fiber) {
-      return {
-        name: getComponentNameFromType(fiber.type),
-        getInspectorData: function(findNodeHandle) {
-          return {
-            props: getHostProps(fiber),
-            source: fiber._debugSource,
-            measure: function(callback) {
-              // If this is Fabric, we'll find a ShadowNode and use that to measure.
-              var hostFiber = findCurrentHostFiber(fiber);
-              var shadowNode =
-                hostFiber != null &&
-                hostFiber.stateNode !== null &&
-                hostFiber.stateNode.node;
-
-              if (shadowNode) {
-                nativeFabricUIManager.measure(shadowNode, callback);
-              } else {
-                return ReactNativePrivateInterface.UIManager.measure(
-                  getHostNode(fiber, findNodeHandle),
-                  callback
-                );
-              }
-            }
-          };
+          fiber = fiber.child;
         }
-      };
-    });
-  };
 
-  getHostNode = function(fiber, findNodeHandle) {
-    var hostNode; // look for children first for the hostNode
-    // as composite fibers do not have a hostNode
-
-    while (fiber) {
-      if (fiber.stateNode !== null && fiber.tag === HostComponent) {
-        hostNode = findNodeHandle(fiber.stateNode);
-      }
-
-      if (hostNode) {
-        return hostNode;
+        return null;
       }
+    } // $FlowFixMe[missing-local-annot]
 
-      fiber = fiber.child;
-    }
-
-    return null;
-  };
+    function getHostProps(fiber) {
+      var host = findCurrentHostFiber(fiber);
 
-  getHostProps = function(fiber) {
-    var host = findCurrentHostFiber(fiber);
+      if (host) {
+        return host.memoizedProps || emptyObject;
+      }
 
-    if (host) {
-      return host.memoizedProps || emptyObject$1;
+      return emptyObject;
     }
 
-    return emptyObject$1;
-  };
+    function getInspectorDataForInstance(closestInstance) {
+      {
+        // Handle case where user clicks outside of ReactNative
+        if (!closestInstance) {
+          return {
+            hierarchy: [],
+            props: emptyObject,
+            selectedIndex: null,
+            componentStack: ""
+          };
+        }
 
-  exports.getInspectorDataForInstance = function(closestInstance) {
-    // Handle case where user clicks outside of ReactNative
-    if (!closestInstance) {
-      return {
-        hierarchy: [],
-        props: emptyObject$1,
-        selectedIndex: null,
-        source: null
-      };
+        var fiber = findCurrentFiberUsingSlowPath(closestInstance);
+        var fiberHierarchy = getOwnerHierarchy(fiber);
+        var instance = lastNonHostInstance(fiberHierarchy);
+        var hierarchy = createHierarchy(fiberHierarchy);
+        var props = getHostProps(instance);
+        var selectedIndex = fiberHierarchy.indexOf(instance);
+        var componentStack =
+          fiber !== null ? getStackByFiberInDevAndProd(fiber) : "";
+        return {
+          closestInstance: instance,
+          hierarchy: hierarchy,
+          props: props,
+          selectedIndex: selectedIndex,
+          componentStack: componentStack
+        };
+      }
     }
 
-    var fiber = findCurrentFiberUsingSlowPath(closestInstance);
-    var fiberHierarchy = getOwnerHierarchy(fiber);
-    var instance = lastNonHostInstance(fiberHierarchy);
-    var hierarchy = createHierarchy(fiberHierarchy);
-    var props = getHostProps(instance);
-    var source = instance._debugSource;
-    var selectedIndex = fiberHierarchy.indexOf(instance);
-    return {
-      hierarchy: hierarchy,
-      props: props,
-      selectedIndex: selectedIndex,
-      source: source
-    };
-  };
-
-  getOwnerHierarchy = function(instance) {
-    var hierarchy = [];
-    traverseOwnerTreeUp(hierarchy, instance);
-    return hierarchy;
-  };
+    function getOwnerHierarchy(instance) {
+      var hierarchy = [];
+      traverseOwnerTreeUp(hierarchy, instance);
+      return hierarchy;
+    } // $FlowFixMe[missing-local-annot]
 
-  lastNonHostInstance = function(hierarchy) {
-    for (var i = hierarchy.length - 1; i > 1; i--) {
-      var instance = hierarchy[i];
+    function lastNonHostInstance(hierarchy) {
+      for (var i = hierarchy.length - 1; i > 1; i--) {
+        var instance = hierarchy[i];
 
-      if (instance.tag !== HostComponent) {
-        return instance;
+        if (instance.tag !== HostComponent) {
+          return instance;
+        }
       }
-    }
 
-    return hierarchy[0];
-  };
+      return hierarchy[0];
+    } // $FlowFixMe[missing-local-annot]
 
-  traverseOwnerTreeUp = function(hierarchy, instance) {
-    if (instance) {
-      hierarchy.unshift(instance);
-      traverseOwnerTreeUp(hierarchy, instance._debugOwner);
+    function traverseOwnerTreeUp(hierarchy, instance) {
+      {
+        if (instance) {
+          hierarchy.unshift(instance);
+          traverseOwnerTreeUp(hierarchy, instance._debugOwner);
+        }
+      }
     }
-  };
-}
 
-var getInspectorDataForViewTag;
-var getInspectorDataForViewAtPoint;
-
-{
-  getInspectorDataForViewTag = function(viewTag) {
-    var closestInstance = getInstanceFromTag(viewTag); // Handle case where user clicks outside of ReactNative
-
-    if (!closestInstance) {
-      return {
-        hierarchy: [],
-        props: emptyObject$1,
-        selectedIndex: null,
-        source: null
-      };
+    function getInspectorDataForViewTag(viewTag) {
+      {
+        var closestInstance = getInstanceFromTag(viewTag);
+        return getInspectorDataForInstance(closestInstance);
+      }
     }
 
-    var fiber = findCurrentFiberUsingSlowPath(closestInstance);
-    var fiberHierarchy = getOwnerHierarchy(fiber);
-    var instance = lastNonHostInstance(fiberHierarchy);
-    var hierarchy = createHierarchy(fiberHierarchy);
-    var props = getHostProps(instance);
-    var source = instance._debugSource;
-    var selectedIndex = fiberHierarchy.indexOf(instance);
-    return {
-      hierarchy: hierarchy,
-      props: props,
-      selectedIndex: selectedIndex,
-      source: source
-    };
-  };
-
-  getInspectorDataForViewAtPoint = function(
-    findNodeHandle,
-    inspectedView,
-    locationX,
-    locationY,
-    callback
-  ) {
-    var closestInstance = null;
-
-    if (inspectedView._internalInstanceHandle != null) {
-      // For Fabric we can look up the instance handle directly and measure it.
-      nativeFabricUIManager.findNodeAtPoint(
-        inspectedView._internalInstanceHandle.stateNode.node,
-        locationX,
-        locationY,
-        function(internalInstanceHandle) {
-          if (internalInstanceHandle == null) {
-            callback(
-              assign(
-                {
-                  pointerY: locationY,
-                  frame: {
-                    left: 0,
-                    top: 0,
-                    width: 0,
-                    height: 0
-                  }
-                },
-                exports.getInspectorDataForInstance(closestInstance)
-              )
-            );
-          }
-
-          closestInstance =
-            internalInstanceHandle.stateNode.canonical._internalInstanceHandle; // Note: this is deprecated and we want to remove it ASAP. Keeping it here for React DevTools compatibility for now.
+    function getInspectorDataForViewAtPoint(
+      findNodeHandle,
+      inspectedView,
+      locationX,
+      locationY,
+      callback
+    ) {
+      {
+        var closestInstance = null;
+        var fabricNode =
+          ReactNativePrivateInterface.getNodeFromPublicInstance(inspectedView);
+
+        if (fabricNode) {
+          // For Fabric we can look up the instance handle directly and measure it.
+          nativeFabricUIManager.findNodeAtPoint(
+            fabricNode,
+            locationX,
+            locationY,
+            function (internalInstanceHandle) {
+              var node =
+                internalInstanceHandle != null
+                  ? getNodeFromInternalInstanceHandle(internalInstanceHandle)
+                  : null;
+
+              if (internalInstanceHandle == null || node == null) {
+                callback(
+                  assign(
+                    {
+                      pointerY: locationY,
+                      frame: {
+                        left: 0,
+                        top: 0,
+                        width: 0,
+                        height: 0
+                      }
+                    },
+                    getInspectorDataForInstance(closestInstance)
+                  )
+                );
+                return;
+              }
 
-          var nativeViewTag =
-            internalInstanceHandle.stateNode.canonical._nativeTag;
-          nativeFabricUIManager.measure(
-            internalInstanceHandle.stateNode.node,
-            function(x, y, width, height, pageX, pageY) {
-              var inspectorData = exports.getInspectorDataForInstance(
-                closestInstance
+              closestInstance =
+                internalInstanceHandle.stateNode.canonical
+                  .internalInstanceHandle; // Note: this is deprecated and we want to remove it ASAP. Keeping it here for React DevTools compatibility for now.
+
+              var nativeViewTag =
+                internalInstanceHandle.stateNode.canonical.nativeTag;
+              nativeFabricUIManager.measure(
+                node,
+                function (x, y, width, height, pageX, pageY) {
+                  var inspectorData =
+                    getInspectorDataForInstance(closestInstance);
+                  callback(
+                    assign({}, inspectorData, {
+                      pointerY: locationY,
+                      frame: {
+                        left: pageX,
+                        top: pageY,
+                        width: width,
+                        height: height
+                      },
+                      touchedViewTag: nativeViewTag
+                    })
+                  );
+                }
+              );
+            }
+          );
+        } else if (inspectedView._internalFiberInstanceHandleDEV != null) {
+          // For Paper we fall back to the old strategy using the React tag.
+          ReactNativePrivateInterface.UIManager.findSubviewIn(
+            findNodeHandle(inspectedView),
+            [locationX, locationY],
+            function (nativeViewTag, left, top, width, height) {
+              var inspectorData = getInspectorDataForInstance(
+                getInstanceFromTag(nativeViewTag)
               );
               callback(
                 assign({}, inspectorData, {
                   pointerY: locationY,
                   frame: {
-                    left: pageX,
-                    top: pageY,
+                    left: left,
+                    top: top,
                     width: width,
                     height: height
                   },
@@ -24450,308 +28432,122 @@ var getInspectorDataForViewAtPoint;
               );
             }
           );
-        }
-      );
-    } else if (inspectedView._internalFiberInstanceHandleDEV != null) {
-      // For Paper we fall back to the old strategy using the React tag.
-      ReactNativePrivateInterface.UIManager.findSubviewIn(
-        findNodeHandle(inspectedView),
-        [locationX, locationY],
-        function(nativeViewTag, left, top, width, height) {
-          var inspectorData = exports.getInspectorDataForInstance(
-            getInstanceFromTag(nativeViewTag)
-          );
-          callback(
-            assign({}, inspectorData, {
-              pointerY: locationY,
-              frame: {
-                left: left,
-                top: top,
-                width: width,
-                height: height
-              },
-              touchedViewTag: nativeViewTag
-            })
+        } else {
+          error(
+            "getInspectorDataForViewAtPoint expects to receive a host component"
           );
-        }
-      );
-    } else {
-      error(
-        "getInspectorDataForViewAtPoint expects to receive a host component"
-      );
 
-      return;
+          return;
+        }
+      }
     }
-  };
-}
 
-var ReactCurrentOwner$3 = ReactSharedInternals.ReactCurrentOwner;
+    function onRecoverableError(error$1) {
+      // TODO: Expose onRecoverableError option to userspace
+      // eslint-disable-next-line react-internal/no-production-logging, react-internal/warning-args
+      error(error$1);
+    }
 
-function findHostInstance_DEPRECATED(componentOrHandle) {
-  {
-    var owner = ReactCurrentOwner$3.current;
+    function render(element, containerTag, callback) {
+      var root = roots.get(containerTag);
 
-    if (owner !== null && owner.stateNode !== null) {
-      if (!owner.stateNode._warnedAboutRefsInRender) {
-        error(
-          "%s is accessing findNodeHandle inside its render(). " +
-            "render() should be a pure function of props and state. It should " +
-            "never access something that requires stale data from the previous " +
-            "render, such as refs. Move this logic to componentDidMount and " +
-            "componentDidUpdate instead.",
-          getComponentNameFromType(owner.type) || "A component"
+      if (!root) {
+        // TODO (bvaughn): If we decide to keep the wrapper component,
+        // We could create a wrapper for containerTag as well to reduce special casing.
+        root = createContainer(
+          containerTag,
+          LegacyRoot,
+          null,
+          false,
+          null,
+          "",
+          onRecoverableError,
+          null
         );
+        roots.set(containerTag, root);
       }
 
-      owner.stateNode._warnedAboutRefsInRender = true;
+      updateContainer(element, root, null, callback);
+      return getPublicRootInstance(root);
     }
-  }
-
-  if (componentOrHandle == null) {
-    return null;
-  }
-
-  if (componentOrHandle._nativeTag) {
-    return componentOrHandle;
-  }
-
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag) {
-    return componentOrHandle.canonical;
-  }
-
-  var hostInstance;
-
-  {
-    hostInstance = findHostInstanceWithWarning(
-      componentOrHandle,
-      "findHostInstance_DEPRECATED"
-    );
-  }
 
-  if (hostInstance == null) {
-    return hostInstance;
-  }
+    function unmountComponentAtNode(containerTag) {
+      var root = roots.get(containerTag);
 
-  if (hostInstance.canonical) {
-    // Fabric
-    return hostInstance.canonical;
-  } // $FlowFixMe[incompatible-return]
-
-  return hostInstance;
-}
-
-function findNodeHandle(componentOrHandle) {
-  {
-    var owner = ReactCurrentOwner$3.current;
-
-    if (owner !== null && owner.stateNode !== null) {
-      if (!owner.stateNode._warnedAboutRefsInRender) {
-        error(
-          "%s is accessing findNodeHandle inside its render(). " +
-            "render() should be a pure function of props and state. It should " +
-            "never access something that requires stale data from the previous " +
-            "render, such as refs. Move this logic to componentDidMount and " +
-            "componentDidUpdate instead.",
-          getComponentNameFromType(owner.type) || "A component"
-        );
+      if (root) {
+        // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
+        updateContainer(null, root, null, function () {
+          roots.delete(containerTag);
+        });
       }
-
-      owner.stateNode._warnedAboutRefsInRender = true;
     }
-  }
 
-  if (componentOrHandle == null) {
-    return null;
-  }
+    function unmountComponentAtNodeAndRemoveContainer(containerTag) {
+      unmountComponentAtNode(containerTag); // Call back into native to remove all of the subviews from this container
 
-  if (typeof componentOrHandle === "number") {
-    // Already a node handle
-    return componentOrHandle;
-  }
-
-  if (componentOrHandle._nativeTag) {
-    return componentOrHandle._nativeTag;
-  }
-
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag) {
-    return componentOrHandle.canonical._nativeTag;
-  }
-
-  var hostInstance;
-
-  {
-    hostInstance = findHostInstanceWithWarning(
-      componentOrHandle,
-      "findNodeHandle"
-    );
-  }
-
-  if (hostInstance == null) {
-    return hostInstance;
-  }
-
-  if (hostInstance.canonical) {
-    // Fabric
-    return hostInstance.canonical._nativeTag;
-  }
-
-  return hostInstance._nativeTag;
-}
-
-function dispatchCommand(handle, command, args) {
-  if (handle._nativeTag == null) {
-    {
-      error(
-        "dispatchCommand was called with a ref that isn't a " +
-          "native component. Use React.forwardRef to get access to the underlying native component"
-      );
+      ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
     }
 
-    return;
-  }
-
-  if (handle._internalInstanceHandle != null) {
-    var stateNode = handle._internalInstanceHandle.stateNode;
-
-    if (stateNode != null) {
-      nativeFabricUIManager.dispatchCommand(stateNode.node, command, args);
+    function createPortal(children, containerTag) {
+      var key =
+        arguments.length > 2 && arguments[2] !== undefined
+          ? arguments[2]
+          : null;
+      return createPortal$1(children, containerTag, null, key);
     }
-  } else {
-    ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
-      handle._nativeTag,
-      command,
-      args
-    );
-  }
-}
 
-function sendAccessibilityEvent(handle, eventType) {
-  if (handle._nativeTag == null) {
-    {
-      error(
-        "sendAccessibilityEvent was called with a ref that isn't a " +
-          "native component. Use React.forwardRef to get access to the underlying native component"
-      );
-    }
+    setBatchingImplementation(batchedUpdates);
 
-    return;
-  }
+    function computeComponentStackForErrorReporting(reactTag) {
+      var fiber = getInstanceFromTag(reactTag);
 
-  if (handle._internalInstanceHandle != null) {
-    var stateNode = handle._internalInstanceHandle.stateNode;
+      if (!fiber) {
+        return "";
+      }
 
-    if (stateNode != null) {
-      nativeFabricUIManager.sendAccessibilityEvent(stateNode.node, eventType);
+      return getStackByFiberInDevAndProd(fiber);
     }
-  } else {
-    ReactNativePrivateInterface.legacySendAccessibilityEvent(
-      handle._nativeTag,
-      eventType
-    );
-  }
-}
-
-function onRecoverableError(error$1) {
-  // TODO: Expose onRecoverableError option to userspace
-  // eslint-disable-next-line react-internal/no-production-logging, react-internal/warning-args
-  error(error$1);
-}
 
-function render(element, containerTag, callback) {
-  var root = roots.get(containerTag);
-
-  if (!root) {
-    // TODO (bvaughn): If we decide to keep the wrapper component,
-    // We could create a wrapper for containerTag as well to reduce special casing.
-    root = createContainer(
-      containerTag,
-      LegacyRoot,
-      null,
-      false,
-      null,
-      "",
-      onRecoverableError
-    );
-    roots.set(containerTag, root);
-  }
-
-  updateContainer(element, root, null, callback); // $FlowIssue Flow has hardcoded values for React DOM that don't work with RN
-
-  return getPublicRootInstance(root);
-}
-
-function unmountComponentAtNode(containerTag) {
-  var root = roots.get(containerTag);
-
-  if (root) {
-    // TODO: Is it safe to reset this now or should I wait since this unmount could be deferred?
-    updateContainer(null, root, null, function() {
-      roots.delete(containerTag);
+    var roots = new Map();
+    var Internals = {
+      computeComponentStackForErrorReporting:
+        computeComponentStackForErrorReporting
+    };
+    injectIntoDevTools({
+      findFiberByHostInstance: getInstanceFromTag,
+      bundleType: 1,
+      version: ReactVersion,
+      rendererPackageName: "react-native-renderer",
+      rendererConfig: {
+        getInspectorDataForInstance: getInspectorDataForInstance,
+        getInspectorDataForViewTag: getInspectorDataForViewTag,
+        getInspectorDataForViewAtPoint: getInspectorDataForViewAtPoint.bind(
+          null,
+          findNodeHandle
+        )
+      }
     });
-  }
-}
-
-function unmountComponentAtNodeAndRemoveContainer(containerTag) {
-  unmountComponentAtNode(containerTag); // Call back into native to remove all of the subviews from this container
-
-  ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
-}
-
-function createPortal$1(children, containerTag) {
-  var key =
-    arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
-  return createPortal(children, containerTag, null, key);
-}
-
-setBatchingImplementation(batchedUpdates$1);
 
-function computeComponentStackForErrorReporting(reactTag) {
-  var fiber = getInstanceFromTag(reactTag);
-
-  if (!fiber) {
-    return "";
-  }
-
-  return getStackByFiberInDevAndProd(fiber);
-}
-
-var roots = new Map();
-var Internals = {
-  computeComponentStackForErrorReporting: computeComponentStackForErrorReporting
-};
-injectIntoDevTools({
-  findFiberByHostInstance: getInstanceFromTag,
-  bundleType: 1,
-  version: ReactVersion,
-  rendererPackageName: "react-native-renderer",
-  rendererConfig: {
-    getInspectorDataForViewTag: getInspectorDataForViewTag,
-    getInspectorDataForViewAtPoint: getInspectorDataForViewAtPoint.bind(
-      null,
-      findNodeHandle
-    )
-  }
-});
-
-exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
-exports.createPortal = createPortal$1;
-exports.dispatchCommand = dispatchCommand;
-exports.findHostInstance_DEPRECATED = findHostInstance_DEPRECATED;
-exports.findNodeHandle = findNodeHandle;
-exports.render = render;
-exports.sendAccessibilityEvent = sendAccessibilityEvent;
-exports.unmountComponentAtNode = unmountComponentAtNode;
-exports.unmountComponentAtNodeAndRemoveContainer = unmountComponentAtNodeAndRemoveContainer;
-exports.unstable_batchedUpdates = batchedUpdates;
-
-          /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
-if (
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
-    'function'
-) {
-  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-}
-        
+    exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = Internals;
+    exports.createPortal = createPortal;
+    exports.dispatchCommand = dispatchCommand;
+    exports.findHostInstance_DEPRECATED = findHostInstance_DEPRECATED;
+    exports.findNodeHandle = findNodeHandle;
+    exports.getInspectorDataForInstance = getInspectorDataForInstance;
+    exports.isChildPublicInstance = isChildPublicInstance;
+    exports.render = render;
+    exports.sendAccessibilityEvent = sendAccessibilityEvent;
+    exports.unmountComponentAtNode = unmountComponentAtNode;
+    exports.unmountComponentAtNodeAndRemoveContainer =
+      unmountComponentAtNodeAndRemoveContainer;
+    exports.unstable_batchedUpdates = batchedUpdates$1;
+    /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
+    if (
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== "undefined" &&
+      typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
+        "function"
+    ) {
+      __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
+    }
   })();
 }
diff --git a/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js b/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js
index dd65bf5b4b05a9..7f6b01afe37c76 100644
--- a/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js
+++ b/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-prod.js
@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8,7 +8,7 @@
  * @nolint
  * @providesModule ReactNativeRenderer-prod
  * @preventMunge
- * @generated SignedSource<<07cf699c0d1c149943b7a02432aa1550>>
+ * @generated SignedSource<<c59a64750c45a2b1d812de3370615944>>
  */
 
 "use strict";
@@ -16,7 +16,7 @@ require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
   Scheduler = require("scheduler");
-function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
+function invokeGuardedCallbackImpl(name, func, context) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
     func.apply(context, funcArgs);
@@ -29,7 +29,7 @@ var hasError = !1,
   hasRethrowError = !1,
   rethrowError = null,
   reporter = {
-    onError: function(error) {
+    onError: function (error) {
       hasError = !0;
       caughtError = error;
     }
@@ -64,7 +64,7 @@ function invokeGuardedCallbackAndCatchFirstError(
   }
 }
 var isArrayImpl = Array.isArray,
-  getFiberCurrentPropsFromNode = null,
+  getFiberCurrentPropsFromNode$1 = null,
   getInstanceFromNode = null,
   getNodeFromInstance = null;
 function executeDispatch(event, listener, inst) {
@@ -112,16 +112,18 @@ function SyntheticEvent(
         : "target" === propName
         ? (this.target = nativeEventTarget)
         : (this[propName] = nativeEvent[propName]));
-  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
-  ? nativeEvent.defaultPrevented
-  : !1 === nativeEvent.returnValue)
+  this.isDefaultPrevented = (
+    null != nativeEvent.defaultPrevented
+      ? nativeEvent.defaultPrevented
+      : !1 === nativeEvent.returnValue
+  )
     ? functionThatReturnsTrue
     : functionThatReturnsFalse;
   this.isPropagationStopped = functionThatReturnsFalse;
   return this;
 }
 assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
+  preventDefault: function () {
     this.defaultPrevented = !0;
     var event = this.nativeEvent;
     event &&
@@ -130,7 +132,7 @@ assign(SyntheticEvent.prototype, {
         : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
       (this.isDefaultPrevented = functionThatReturnsTrue));
   },
-  stopPropagation: function() {
+  stopPropagation: function () {
     var event = this.nativeEvent;
     event &&
       (event.stopPropagation
@@ -138,35 +140,36 @@ assign(SyntheticEvent.prototype, {
         : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
       (this.isPropagationStopped = functionThatReturnsTrue));
   },
-  persist: function() {
+  persist: function () {
     this.isPersistent = functionThatReturnsTrue;
   },
   isPersistent: functionThatReturnsFalse,
-  destructor: function() {
+  destructor: function () {
     var Interface = this.constructor.Interface,
       propName;
     for (propName in Interface) this[propName] = null;
     this.nativeEvent = this._targetInst = this.dispatchConfig = null;
-    this.isPropagationStopped = this.isDefaultPrevented = functionThatReturnsFalse;
+    this.isPropagationStopped = this.isDefaultPrevented =
+      functionThatReturnsFalse;
     this._dispatchInstances = this._dispatchListeners = null;
   }
 });
 SyntheticEvent.Interface = {
   type: null,
   target: null,
-  currentTarget: function() {
+  currentTarget: function () {
     return null;
   },
   eventPhase: null,
   bubbles: null,
   cancelable: null,
-  timeStamp: function(event) {
+  timeStamp: function (event) {
     return event.timeStamp || Date.now();
   },
   defaultPrevented: null,
   isTrusted: null
 };
-SyntheticEvent.extend = function(Interface) {
+SyntheticEvent.extend = function (Interface) {
   function E() {}
   function Class() {
     return Super.apply(this, arguments);
@@ -210,7 +213,7 @@ function addEventPoolingTo(EventConstructor) {
   EventConstructor.release = releasePooledEvent;
 }
 var ResponderSyntheticEvent = SyntheticEvent.extend({
-  touchHistory: function() {
+  touchHistory: function () {
     return null;
   }
 });
@@ -293,10 +296,10 @@ function recordTouchEnd(touch) {
 }
 var instrumentationCallback,
   ResponderTouchHistoryStore = {
-    instrument: function(callback) {
+    instrument: function (callback) {
       instrumentationCallback = callback;
     },
-    recordTouchTrack: function(topLevelType, nativeEvent) {
+    recordTouchTrack: function (topLevelType, nativeEvent) {
       null != instrumentationCallback &&
         instrumentationCallback(topLevelType, nativeEvent);
       if (isMoveish(topLevelType))
@@ -428,20 +431,20 @@ var eventTypes = {
     dependencies: []
   }
 };
-function getParent(inst) {
+function getParent$1(inst) {
   do inst = inst.return;
   while (inst && 5 !== inst.tag);
   return inst ? inst : null;
 }
-function traverseTwoPhase(inst, fn, arg) {
-  for (var path = []; inst; ) path.push(inst), (inst = getParent(inst));
+function traverseTwoPhase$1(inst, fn, arg) {
+  for (var path = []; inst; ) path.push(inst), (inst = getParent$1(inst));
   for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
   for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
 }
-function getListener(inst, registrationName) {
+function getListener$1(inst, registrationName) {
   inst = inst.stateNode;
   if (null === inst) return null;
-  inst = getFiberCurrentPropsFromNode(inst);
+  inst = getFiberCurrentPropsFromNode$1(inst);
   if (null === inst) return null;
   if ((inst = inst[registrationName]) && "function" !== typeof inst)
     throw Error(
@@ -453,9 +456,9 @@ function getListener(inst, registrationName) {
     );
   return inst;
 }
-function accumulateDirectionalDispatches(inst, phase, event) {
+function accumulateDirectionalDispatches$1(inst, phase, event) {
   if (
-    (phase = getListener(
+    (phase = getListener$1(
       inst,
       event.dispatchConfig.phasedRegistrationNames[phase]
     ))
@@ -469,11 +472,11 @@ function accumulateDirectionalDispatches(inst, phase, event) {
         inst
       ));
 }
-function accumulateDirectDispatchesSingle(event) {
+function accumulateDirectDispatchesSingle$1(event) {
   if (event && event.dispatchConfig.registrationName) {
     var inst = event._targetInst;
     if (inst && event && event.dispatchConfig.registrationName) {
-      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      var listener = getListener$1(inst, event.dispatchConfig.registrationName);
       listener &&
         ((event._dispatchListeners = accumulateInto(
           event._dispatchListeners,
@@ -489,21 +492,25 @@ function accumulateDirectDispatchesSingle(event) {
 function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
   if (event && event.dispatchConfig.phasedRegistrationNames) {
     var targetInst = event._targetInst;
-    targetInst = targetInst ? getParent(targetInst) : null;
-    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+    targetInst = targetInst ? getParent$1(targetInst) : null;
+    traverseTwoPhase$1(targetInst, accumulateDirectionalDispatches$1, event);
   }
 }
-function accumulateTwoPhaseDispatchesSingle(event) {
+function accumulateTwoPhaseDispatchesSingle$1(event) {
   event &&
     event.dispatchConfig.phasedRegistrationNames &&
-    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+    traverseTwoPhase$1(
+      event._targetInst,
+      accumulateDirectionalDispatches$1,
+      event
+    );
 }
 var ResponderEventPlugin = {
-    _getResponder: function() {
+    _getResponder: function () {
       return responderInst;
     },
     eventTypes: eventTypes,
-    extractEvents: function(
+    extractEvents: function (
       topLevelType,
       targetInst,
       nativeEvent,
@@ -537,24 +544,24 @@ var ResponderEventPlugin = {
             for (
               var depthA = 0, tempA = JSCompiler_temp;
               tempA;
-              tempA = getParent(tempA)
+              tempA = getParent$1(tempA)
             )
               depthA++;
             tempA = 0;
-            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+            for (var tempB = targetInst; tempB; tempB = getParent$1(tempB))
               tempA++;
             for (; 0 < depthA - tempA; )
-              (JSCompiler_temp = getParent(JSCompiler_temp)), depthA--;
+              (JSCompiler_temp = getParent$1(JSCompiler_temp)), depthA--;
             for (; 0 < tempA - depthA; )
-              (targetInst = getParent(targetInst)), tempA--;
+              (targetInst = getParent$1(targetInst)), tempA--;
             for (; depthA--; ) {
               if (
                 JSCompiler_temp === targetInst ||
                 JSCompiler_temp === targetInst.alternate
               )
                 break b;
-              JSCompiler_temp = getParent(JSCompiler_temp);
-              targetInst = getParent(targetInst);
+              JSCompiler_temp = getParent$1(JSCompiler_temp);
+              targetInst = getParent$1(targetInst);
             }
             JSCompiler_temp = null;
           }
@@ -576,7 +583,7 @@ var ResponderEventPlugin = {
             )
           : forEachAccumulated(
               shouldSetEventType,
-              accumulateTwoPhaseDispatchesSingle
+              accumulateTwoPhaseDispatchesSingle$1
             );
         b: {
           JSCompiler_temp = shouldSetEventType._dispatchListeners;
@@ -620,7 +627,7 @@ var ResponderEventPlugin = {
               ResponderTouchHistoryStore.touchHistory),
             forEachAccumulated(
               shouldSetEventType,
-              accumulateDirectDispatchesSingle
+              accumulateDirectDispatchesSingle$1
             ),
             (targetInst = !0 === executeDirectDispatch(shouldSetEventType)),
             responderInst)
@@ -633,7 +640,7 @@ var ResponderEventPlugin = {
                 nativeEventTarget
               )),
               (depthA.touchHistory = ResponderTouchHistoryStore.touchHistory),
-              forEachAccumulated(depthA, accumulateDirectDispatchesSingle),
+              forEachAccumulated(depthA, accumulateDirectDispatchesSingle$1),
               (tempA =
                 !depthA._dispatchListeners || executeDirectDispatch(depthA)),
               depthA.isPersistent() || depthA.constructor.release(depthA),
@@ -646,7 +653,7 @@ var ResponderEventPlugin = {
                 nativeEventTarget
               );
               depthA.touchHistory = ResponderTouchHistoryStore.touchHistory;
-              forEachAccumulated(depthA, accumulateDirectDispatchesSingle);
+              forEachAccumulated(depthA, accumulateDirectDispatchesSingle$1);
               var JSCompiler_temp$jscomp$0 = accumulate(
                 JSCompiler_temp$jscomp$0,
                 [shouldSetEventType, depthA]
@@ -663,7 +670,7 @@ var ResponderEventPlugin = {
                   ResponderTouchHistoryStore.touchHistory),
                 forEachAccumulated(
                   shouldSetEventType,
-                  accumulateDirectDispatchesSingle
+                  accumulateDirectDispatchesSingle$1
                 ),
                 (JSCompiler_temp$jscomp$0 = accumulate(
                   JSCompiler_temp$jscomp$0,
@@ -701,7 +708,7 @@ var ResponderEventPlugin = {
             ResponderTouchHistoryStore.touchHistory),
           forEachAccumulated(
             shouldSetEventType,
-            accumulateDirectDispatchesSingle
+            accumulateDirectDispatchesSingle$1
           ),
           (JSCompiler_temp$jscomp$0 = accumulate(
             JSCompiler_temp$jscomp$0,
@@ -737,7 +744,7 @@ var ResponderEventPlugin = {
                       targetInst = !0;
                       break b;
                     }
-                    depthA = getParent(depthA);
+                    depthA = getParent$1(depthA);
                   }
                   targetInst = !1;
                 }
@@ -762,7 +769,7 @@ var ResponderEventPlugin = {
           nativeEventTarget
         )),
           (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
-          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle$1),
           (JSCompiler_temp$jscomp$0 = accumulate(
             JSCompiler_temp$jscomp$0,
             nativeEvent
@@ -772,7 +779,7 @@ var ResponderEventPlugin = {
     },
     GlobalResponderHandler: null,
     injection: {
-      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+      injectGlobalResponderHandler: function (GlobalResponderHandler) {
         ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
       }
     }
@@ -799,14 +806,13 @@ function recomputePluginOrdering() {
         pluginIndex = pluginModule.eventTypes;
         for (var eventName in pluginIndex) {
           var JSCompiler_inline_result = void 0;
-          var dispatchConfig = pluginIndex[eventName],
-            eventName$jscomp$0 = eventName;
-          if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
+          var dispatchConfig = pluginIndex[eventName];
+          if (eventNameDispatchConfigs.hasOwnProperty(eventName))
             throw Error(
               "EventPluginRegistry: More than one plugin attempted to publish the same event name, `" +
-                (eventName$jscomp$0 + "`.")
+                (eventName + "`.")
             );
-          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          eventNameDispatchConfigs[eventName] = dispatchConfig;
           var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
           if (phasedRegistrationNames) {
             for (JSCompiler_inline_result in phasedRegistrationNames)
@@ -815,16 +821,14 @@ function recomputePluginOrdering() {
               ) &&
                 publishRegistrationName(
                   phasedRegistrationNames[JSCompiler_inline_result],
-                  pluginModule,
-                  eventName$jscomp$0
+                  pluginModule
                 );
             JSCompiler_inline_result = !0;
           } else
             dispatchConfig.registrationName
               ? (publishRegistrationName(
                   dispatchConfig.registrationName,
-                  pluginModule,
-                  eventName$jscomp$0
+                  pluginModule
                 ),
                 (JSCompiler_inline_result = !0))
               : (JSCompiler_inline_result = !1);
@@ -851,15 +855,10 @@ function publishRegistrationName(registrationName, pluginModule) {
 var plugins = [],
   eventNameDispatchConfigs = {},
   registrationNameModules = {};
-function getListeners(
-  inst,
-  registrationName,
-  phase,
-  dispatchToImperativeListeners
-) {
-  var stateNode = inst.stateNode;
-  if (null === stateNode) return null;
-  inst = getFiberCurrentPropsFromNode(stateNode);
+function getListener(inst, registrationName) {
+  inst = inst.stateNode;
+  if (null === inst) return null;
+  inst = getFiberCurrentPropsFromNode$1(inst);
   if (null === inst) return null;
   if ((inst = inst[registrationName]) && "function" !== typeof inst)
     throw Error(
@@ -869,67 +868,7 @@ function getListeners(
         typeof inst +
         "` type."
     );
-  if (
-    !(
-      dispatchToImperativeListeners &&
-      stateNode.canonical &&
-      stateNode.canonical._eventListeners
-    )
-  )
-    return inst;
-  var listeners = [];
-  inst && listeners.push(inst);
-  var requestedPhaseIsCapture = "captured" === phase,
-    mangledImperativeRegistrationName = requestedPhaseIsCapture
-      ? "rn:" + registrationName.replace(/Capture$/, "")
-      : "rn:" + registrationName;
-  stateNode.canonical._eventListeners[mangledImperativeRegistrationName] &&
-    0 <
-      stateNode.canonical._eventListeners[mangledImperativeRegistrationName]
-        .length &&
-    stateNode.canonical._eventListeners[
-      mangledImperativeRegistrationName
-    ].forEach(function(listenerObj) {
-      if (
-        (null != listenerObj.options.capture && listenerObj.options.capture) ===
-        requestedPhaseIsCapture
-      ) {
-        var listenerFnWrapper = function(syntheticEvent) {
-          var eventInst = new ReactNativePrivateInterface.CustomEvent(
-            mangledImperativeRegistrationName,
-            { detail: syntheticEvent.nativeEvent }
-          );
-          eventInst.isTrusted = !0;
-          eventInst.setSyntheticEvent(syntheticEvent);
-          for (
-            var _len = arguments.length,
-              args = Array(1 < _len ? _len - 1 : 0),
-              _key = 1;
-            _key < _len;
-            _key++
-          )
-            args[_key - 1] = arguments[_key];
-          listenerObj.listener.apply(listenerObj, [eventInst].concat(args));
-        };
-        listenerObj.options.once
-          ? listeners.push(function() {
-              stateNode.canonical.removeEventListener_unstable(
-                mangledImperativeRegistrationName,
-                listenerObj.listener,
-                listenerObj.capture
-              );
-              listenerObj.invalidated ||
-                ((listenerObj.invalidated = !0),
-                listenerObj.listener.apply(listenerObj, arguments));
-            })
-          : listeners.push(listenerFnWrapper);
-      }
-    });
-  return 0 === listeners.length
-    ? null
-    : 1 === listeners.length
-    ? listeners[0]
-    : listeners;
+  return inst;
 }
 var customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
@@ -937,42 +876,23 @@ var customBubblingEventTypes =
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-function accumulateListenersAndInstances(inst, event, listeners) {
-  var listenersLength = listeners
-    ? isArrayImpl(listeners)
-      ? listeners.length
-      : 1
-    : 0;
-  if (0 < listenersLength)
-    if (
-      ((event._dispatchListeners = accumulateInto(
-        event._dispatchListeners,
-        listeners
-      )),
-      null == event._dispatchInstances && 1 === listenersLength)
-    )
-      event._dispatchInstances = inst;
-    else
-      for (
-        event._dispatchInstances = event._dispatchInstances || [],
-          isArrayImpl(event._dispatchInstances) ||
-            (event._dispatchInstances = [event._dispatchInstances]),
-          listeners = 0;
-        listeners < listenersLength;
-        listeners++
-      )
-        event._dispatchInstances.push(inst);
-}
-function accumulateDirectionalDispatches$1(inst, phase, event) {
-  phase = getListeners(
-    inst,
-    event.dispatchConfig.phasedRegistrationNames[phase],
-    phase,
-    !0
-  );
-  accumulateListenersAndInstances(inst, event, phase);
+function accumulateDirectionalDispatches(inst, phase, event) {
+  if (
+    (phase = getListener(
+      inst,
+      event.dispatchConfig.phasedRegistrationNames[phase]
+    ))
+  )
+    (event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      phase
+    )),
+      (event._dispatchInstances = accumulateInto(
+        event._dispatchInstances,
+        inst
+      ));
 }
-function traverseTwoPhase$1(inst, fn, arg, skipBubbling) {
+function traverseTwoPhase(inst, fn, arg, skipBubbling) {
   for (var path = []; inst; ) {
     path.push(inst);
     do inst = inst.return;
@@ -984,27 +904,30 @@ function traverseTwoPhase$1(inst, fn, arg, skipBubbling) {
   else
     for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
 }
-function accumulateTwoPhaseDispatchesSingle$1(event) {
+function accumulateTwoPhaseDispatchesSingle(event) {
   event &&
     event.dispatchConfig.phasedRegistrationNames &&
-    traverseTwoPhase$1(
+    traverseTwoPhase(
       event._targetInst,
-      accumulateDirectionalDispatches$1,
+      accumulateDirectionalDispatches,
       event,
       !1
     );
 }
-function accumulateDirectDispatchesSingle$1(event) {
+function accumulateDirectDispatchesSingle(event) {
   if (event && event.dispatchConfig.registrationName) {
     var inst = event._targetInst;
     if (inst && event && event.dispatchConfig.registrationName) {
-      var listeners = getListeners(
-        inst,
-        event.dispatchConfig.registrationName,
-        "bubbled",
-        !1
-      );
-      accumulateListenersAndInstances(inst, event, listeners);
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
     }
   }
 }
@@ -1017,11 +940,11 @@ eventPluginOrder = Array.prototype.slice.call([
   "ReactNativeBridgeEventPlugin"
 ]);
 recomputePluginOrdering();
-var injectedNamesToPlugins$jscomp$inline_229 = {
+var injectedNamesToPlugins$jscomp$inline_238 = {
     ResponderEventPlugin: ResponderEventPlugin,
     ReactNativeBridgeEventPlugin: {
       eventTypes: {},
-      extractEvents: function(
+      extractEvents: function (
         topLevelType,
         targetInst,
         nativeEvent,
@@ -1046,50 +969,49 @@ var injectedNamesToPlugins$jscomp$inline_229 = {
           topLevelType.dispatchConfig.phasedRegistrationNames.skipBubbling
             ? topLevelType &&
               topLevelType.dispatchConfig.phasedRegistrationNames &&
-              traverseTwoPhase$1(
+              traverseTwoPhase(
                 topLevelType._targetInst,
-                accumulateDirectionalDispatches$1,
+                accumulateDirectionalDispatches,
                 topLevelType,
                 !0
               )
             : forEachAccumulated(
                 topLevelType,
-                accumulateTwoPhaseDispatchesSingle$1
+                accumulateTwoPhaseDispatchesSingle
               );
         else if (directDispatchConfig)
-          forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle$1);
+          forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
         else return null;
         return topLevelType;
       }
     }
   },
-  isOrderingDirty$jscomp$inline_230 = !1,
-  pluginName$jscomp$inline_231;
-for (pluginName$jscomp$inline_231 in injectedNamesToPlugins$jscomp$inline_229)
+  isOrderingDirty$jscomp$inline_239 = !1,
+  pluginName$jscomp$inline_240;
+for (pluginName$jscomp$inline_240 in injectedNamesToPlugins$jscomp$inline_238)
   if (
-    injectedNamesToPlugins$jscomp$inline_229.hasOwnProperty(
-      pluginName$jscomp$inline_231
+    injectedNamesToPlugins$jscomp$inline_238.hasOwnProperty(
+      pluginName$jscomp$inline_240
     )
   ) {
-    var pluginModule$jscomp$inline_232 =
-      injectedNamesToPlugins$jscomp$inline_229[pluginName$jscomp$inline_231];
+    var pluginModule$jscomp$inline_241 =
+      injectedNamesToPlugins$jscomp$inline_238[pluginName$jscomp$inline_240];
     if (
-      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_231) ||
-      namesToPlugins[pluginName$jscomp$inline_231] !==
-        pluginModule$jscomp$inline_232
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_240) ||
+      namesToPlugins[pluginName$jscomp$inline_240] !==
+        pluginModule$jscomp$inline_241
     ) {
-      if (namesToPlugins[pluginName$jscomp$inline_231])
+      if (namesToPlugins[pluginName$jscomp$inline_240])
         throw Error(
           "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            (pluginName$jscomp$inline_231 + "`.")
+            (pluginName$jscomp$inline_240 + "`.")
         );
-      namesToPlugins[
-        pluginName$jscomp$inline_231
-      ] = pluginModule$jscomp$inline_232;
-      isOrderingDirty$jscomp$inline_230 = !0;
+      namesToPlugins[pluginName$jscomp$inline_240] =
+        pluginModule$jscomp$inline_241;
+      isOrderingDirty$jscomp$inline_239 = !0;
     }
   }
-isOrderingDirty$jscomp$inline_230 && recomputePluginOrdering();
+isOrderingDirty$jscomp$inline_239 && recomputePluginOrdering();
 var instanceCache = new Map(),
   instanceProps = new Map();
 function getInstanceFromTag(tag) {
@@ -1099,7 +1021,7 @@ function batchedUpdatesImpl(fn, bookkeeping) {
   return fn(bookkeeping);
 }
 var isInsideEventHandler = !1;
-function batchedUpdates(fn, bookkeeping) {
+function batchedUpdates$1(fn, bookkeeping) {
   if (isInsideEventHandler) return fn(bookkeeping);
   isInsideEventHandler = !0;
   try {
@@ -1134,7 +1056,7 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
     inst = getInstanceFromTag(rootNodeID),
     target = null;
   null != inst && (target = inst.stateNode);
-  batchedUpdates(function() {
+  batchedUpdates$1(function () {
     var JSCompiler_inline_result = target;
     for (
       var events = null, legacyPlugins = plugins, i = 0;
@@ -1166,18 +1088,20 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
           "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
         );
       if (hasRethrowError)
-        throw ((JSCompiler_inline_result = rethrowError),
-        (hasRethrowError = !1),
-        (rethrowError = null),
-        JSCompiler_inline_result);
+        throw (
+          ((JSCompiler_inline_result = rethrowError),
+          (hasRethrowError = !1),
+          (rethrowError = null),
+          JSCompiler_inline_result)
+        );
     }
   });
 }
 ReactNativePrivateInterface.RCTEventEmitter.register({
-  receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
+  receiveEvent: function (rootNodeID, topLevelType, nativeEventParam) {
     _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
   },
-  receiveTouches: function(eventTopLevelType, touches, changedIndices) {
+  receiveTouches: function (eventTopLevelType, touches, changedIndices) {
     if (
       "topTouchEnd" === eventTopLevelType ||
       "topTouchCancel" === eventTopLevelType
@@ -1210,19 +1134,21 @@ ReactNativePrivateInterface.RCTEventEmitter.register({
     }
   }
 });
-getFiberCurrentPropsFromNode = function(stateNode) {
+getFiberCurrentPropsFromNode$1 = function (stateNode) {
   return instanceProps.get(stateNode._nativeTag) || null;
 };
 getInstanceFromNode = getInstanceFromTag;
-getNodeFromInstance = function(inst) {
+getNodeFromInstance = function (inst) {
   inst = inst.stateNode;
   var tag = inst._nativeTag;
-  void 0 === tag && ((inst = inst.canonical), (tag = inst._nativeTag));
+  void 0 === tag &&
+    null != inst.canonical &&
+    ((tag = inst.canonical.nativeTag), (inst = inst.canonical.publicInstance));
   if (!tag) throw Error("All native instances should have a tag.");
   return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
-  onChange: function(from, to, blockNativeResponder) {
+  onChange: function (from, to, blockNativeResponder) {
     null !== to
       ? ReactNativePrivateInterface.UIManager.setJSResponder(
           to.stateNode._nativeTag,
@@ -1259,9 +1185,13 @@ function getIteratorFn(maybeIterable) {
     maybeIterable["@@iterator"];
   return "function" === typeof maybeIterable ? maybeIterable : null;
 }
+var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
 function getComponentNameFromType(type) {
   if (null == type) return null;
-  if ("function" === typeof type) return type.displayName || type.name || null;
+  if ("function" === typeof type)
+    return type.$$typeof === REACT_CLIENT_REFERENCE
+      ? null
+      : type.displayName || type.name || null;
   if ("string" === typeof type) return type;
   switch (type) {
     case REACT_FRAGMENT_TYPE:
@@ -1326,6 +1256,8 @@ function getComponentNameFromFiber(fiber) {
       );
     case 7:
       return "Fragment";
+    case 26:
+    case 27:
     case 5:
       return type;
     case 4:
@@ -1461,10 +1393,11 @@ function findCurrentHostFiber(parent) {
   return null !== parent ? findCurrentHostFiberImpl(parent) : null;
 }
 function findCurrentHostFiberImpl(node) {
-  if (5 === node.tag || 6 === node.tag) return node;
+  var tag = node.tag;
+  if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return node;
   for (node = node.child; null !== node; ) {
-    var match = findCurrentHostFiberImpl(node);
-    if (null !== match) return match;
+    tag = findCurrentHostFiberImpl(node);
+    if (null !== tag) return tag;
     node = node.sibling;
   }
   return null;
@@ -1652,9 +1585,8 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               "function" === typeof attributeConfig.process
                 ? attributeConfig.process(nextProp)
                 : nextProp),
-              ((updatePayload || (updatePayload = {}))[
-                propKey
-              ] = attributeConfig);
+              ((updatePayload || (updatePayload = {}))[propKey] =
+                attributeConfig);
         } else
           (removedKeys = null),
             (removedKeyCount = 0),
@@ -1694,7 +1626,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
   return updatePayload;
 }
 function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
-  return function() {
+  return function () {
     if (
       callback &&
       ("boolean" !== typeof context.__isMounted || context.__isMounted)
@@ -1702,32 +1634,33 @@ function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
       return callback.apply(context, arguments);
   };
 }
-var ReactNativeFiberHostComponent = (function() {
+var ReactNativeFiberHostComponent = (function () {
     function ReactNativeFiberHostComponent(tag, viewConfig) {
+      this.viewConfig = this._internalFiberInstanceHandleDEV = void 0;
       this._nativeTag = tag;
       this._children = [];
       this.viewConfig = viewConfig;
     }
     var _proto = ReactNativeFiberHostComponent.prototype;
-    _proto.blur = function() {
+    _proto.blur = function () {
       ReactNativePrivateInterface.TextInputState.blurTextInput(this);
     };
-    _proto.focus = function() {
+    _proto.focus = function () {
       ReactNativePrivateInterface.TextInputState.focusTextInput(this);
     };
-    _proto.measure = function(callback) {
+    _proto.measure = function (callback) {
       ReactNativePrivateInterface.UIManager.measure(
         this._nativeTag,
         mountSafeCallback_NOT_REALLY_SAFE(this, callback)
       );
     };
-    _proto.measureInWindow = function(callback) {
+    _proto.measureInWindow = function (callback) {
       ReactNativePrivateInterface.UIManager.measureInWindow(
         this._nativeTag,
         mountSafeCallback_NOT_REALLY_SAFE(this, callback)
       );
     };
-    _proto.measureLayout = function(relativeToNativeNode, onSuccess, onFail) {
+    _proto.measureLayout = function (relativeToNativeNode, onSuccess, onFail) {
       if ("number" === typeof relativeToNativeNode)
         var relativeNode = relativeToNativeNode;
       else
@@ -1741,7 +1674,7 @@ var ReactNativeFiberHostComponent = (function() {
           mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
         );
     };
-    _proto.setNativeProps = function(nativeProps) {
+    _proto.setNativeProps = function (nativeProps) {
       nativeProps = diffProperties(
         null,
         emptyObject,
@@ -1757,8 +1690,8 @@ var ReactNativeFiberHostComponent = (function() {
     };
     return ReactNativeFiberHostComponent;
   })(),
-  scheduleCallback = Scheduler.unstable_scheduleCallback,
-  cancelCallback = Scheduler.unstable_cancelCallback,
+  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
   requestPaint = Scheduler.unstable_requestPaint,
   now = Scheduler.unstable_now,
@@ -1786,9 +1719,11 @@ function clz32Fallback(x) {
   x >>>= 0;
   return 0 === x ? 32 : (31 - ((log(x) / LN2) | 0)) | 0;
 }
-var nextTransitionLane = 64,
+var nextTransitionLane = 128,
   nextRetryLane = 4194304;
 function getHighestPriorityLanes(lanes) {
+  var pendingSyncLanes = lanes & 42;
+  if (0 !== pendingSyncLanes) return pendingSyncLanes;
   switch (lanes & -lanes) {
     case 1:
       return 1;
@@ -1803,6 +1738,7 @@ function getHighestPriorityLanes(lanes) {
     case 32:
       return 32;
     case 64:
+      return 64;
     case 128:
     case 256:
     case 512:
@@ -1818,13 +1754,14 @@ function getHighestPriorityLanes(lanes) {
     case 524288:
     case 1048576:
     case 2097152:
-      return lanes & 4194240;
+      return lanes & 4194176;
     case 4194304:
     case 8388608:
     case 16777216:
     case 33554432:
+      return lanes & 62914560;
     case 67108864:
-      return lanes & 130023424;
+      return 67108864;
     case 134217728:
       return 134217728;
     case 268435456:
@@ -1832,7 +1769,7 @@ function getHighestPriorityLanes(lanes) {
     case 536870912:
       return 536870912;
     case 1073741824:
-      return 1073741824;
+      return 0;
     default:
       return lanes;
   }
@@ -1841,50 +1778,38 @@ function getNextLanes(root, wipLanes) {
   var pendingLanes = root.pendingLanes;
   if (0 === pendingLanes) return 0;
   var nextLanes = 0,
-    suspendedLanes = root.suspendedLanes,
-    pingedLanes = root.pingedLanes,
-    nonIdlePendingLanes = pendingLanes & 268435455;
-  if (0 !== nonIdlePendingLanes) {
-    var nonIdleUnblockedLanes = nonIdlePendingLanes & ~suspendedLanes;
-    0 !== nonIdleUnblockedLanes
-      ? (nextLanes = getHighestPriorityLanes(nonIdleUnblockedLanes))
-      : ((pingedLanes &= nonIdlePendingLanes),
-        0 !== pingedLanes &&
-          (nextLanes = getHighestPriorityLanes(pingedLanes)));
-  } else
-    (nonIdlePendingLanes = pendingLanes & ~suspendedLanes),
-      0 !== nonIdlePendingLanes
-        ? (nextLanes = getHighestPriorityLanes(nonIdlePendingLanes))
-        : 0 !== pingedLanes &&
-          (nextLanes = getHighestPriorityLanes(pingedLanes));
-  if (0 === nextLanes) return 0;
-  if (
-    0 !== wipLanes &&
-    wipLanes !== nextLanes &&
-    0 === (wipLanes & suspendedLanes) &&
-    ((suspendedLanes = nextLanes & -nextLanes),
-    (pingedLanes = wipLanes & -wipLanes),
-    suspendedLanes >= pingedLanes ||
-      (16 === suspendedLanes && 0 !== (pingedLanes & 4194240)))
-  )
-    return wipLanes;
-  0 !== (nextLanes & 4) && (nextLanes |= pendingLanes & 16);
-  wipLanes = root.entangledLanes;
-  if (0 !== wipLanes)
-    for (root = root.entanglements, wipLanes &= nextLanes; 0 < wipLanes; )
-      (pendingLanes = 31 - clz32(wipLanes)),
-        (suspendedLanes = 1 << pendingLanes),
-        (nextLanes |= root[pendingLanes]),
-        (wipLanes &= ~suspendedLanes);
-  return nextLanes;
+    suspendedLanes = root.suspendedLanes;
+  root = root.pingedLanes;
+  var nonIdlePendingLanes = pendingLanes & 134217727;
+  0 !== nonIdlePendingLanes
+    ? ((pendingLanes = nonIdlePendingLanes & ~suspendedLanes),
+      0 !== pendingLanes
+        ? (nextLanes = getHighestPriorityLanes(pendingLanes))
+        : ((root &= nonIdlePendingLanes),
+          0 !== root && (nextLanes = getHighestPriorityLanes(root))))
+    : ((pendingLanes &= ~suspendedLanes),
+      0 !== pendingLanes
+        ? (nextLanes = getHighestPriorityLanes(pendingLanes))
+        : 0 !== root && (nextLanes = getHighestPriorityLanes(root)));
+  return 0 === nextLanes
+    ? 0
+    : 0 !== wipLanes &&
+      wipLanes !== nextLanes &&
+      0 === (wipLanes & suspendedLanes) &&
+      ((suspendedLanes = nextLanes & -nextLanes),
+      (root = wipLanes & -wipLanes),
+      suspendedLanes >= root ||
+        (32 === suspendedLanes && 0 !== (root & 4194176)))
+    ? wipLanes
+    : nextLanes;
 }
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
     case 1:
     case 2:
     case 4:
-      return currentTime + 250;
     case 8:
+      return currentTime + 250;
     case 16:
     case 32:
     case 64:
@@ -1908,8 +1833,8 @@ function computeExpirationTime(lane, currentTime) {
     case 8388608:
     case 16777216:
     case 33554432:
-    case 67108864:
       return -1;
+    case 67108864:
     case 134217728:
     case 268435456:
     case 536870912:
@@ -1919,76 +1844,104 @@ function computeExpirationTime(lane, currentTime) {
       return -1;
   }
 }
-function getLanesToRetrySynchronouslyOnError(root) {
-  root = root.pendingLanes & -1073741825;
-  return 0 !== root ? root : root & 1073741824 ? 1073741824 : 0;
+function getLanesToRetrySynchronouslyOnError(root, originallyAttemptedLanes) {
+  if (root.errorRecoveryDisabledLanes & originallyAttemptedLanes) return 0;
+  root = root.pendingLanes & -536870913;
+  return 0 !== root ? root : root & 536870912 ? 536870912 : 0;
 }
 function claimNextTransitionLane() {
   var lane = nextTransitionLane;
   nextTransitionLane <<= 1;
-  0 === (nextTransitionLane & 4194240) && (nextTransitionLane = 64);
+  0 === (nextTransitionLane & 4194176) && (nextTransitionLane = 128);
+  return lane;
+}
+function claimNextRetryLane() {
+  var lane = nextRetryLane;
+  nextRetryLane <<= 1;
+  0 === (nextRetryLane & 62914560) && (nextRetryLane = 4194304);
   return lane;
 }
 function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
-  536870912 !== updateLane &&
+  268435456 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
-function markRootFinished(root, remainingLanes) {
+function markRootFinished(root, remainingLanes, spawnedLane) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
   root.pendingLanes = remainingLanes;
   root.suspendedLanes = 0;
   root.pingedLanes = 0;
   root.expiredLanes &= remainingLanes;
-  root.mutableReadLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
+  root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes;
-  for (root = root.expirationTimes; 0 < noLongerPendingLanes; ) {
-    var index$8 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$8;
-    remainingLanes[index$8] = 0;
-    eventTimes[index$8] = -1;
-    root[index$8] = -1;
+  for (
+    var expirationTimes = root.expirationTimes,
+      hiddenUpdates = root.hiddenUpdates;
+    0 < noLongerPendingLanes;
+
+  ) {
+    var index$7 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$7;
+    remainingLanes[index$7] = 0;
+    expirationTimes[index$7] = -1;
+    var hiddenUpdatesForLane = hiddenUpdates[index$7];
+    if (null !== hiddenUpdatesForLane)
+      for (
+        hiddenUpdates[index$7] = null, index$7 = 0;
+        index$7 < hiddenUpdatesForLane.length;
+        index$7++
+      ) {
+        var update = hiddenUpdatesForLane[index$7];
+        null !== update && (update.lane &= -536870913);
+      }
     noLongerPendingLanes &= ~lane;
   }
+  0 !== spawnedLane && markSpawnedDeferredLane(root, spawnedLane, 0);
+}
+function markSpawnedDeferredLane(root, spawnedLane, entangledLanes) {
+  root.pendingLanes |= spawnedLane;
+  root.suspendedLanes &= ~spawnedLane;
+  var spawnedLaneIndex = 31 - clz32(spawnedLane);
+  root.entangledLanes |= spawnedLane;
+  root.entanglements[spawnedLaneIndex] =
+    root.entanglements[spawnedLaneIndex] |
+    1073741824 |
+    (entangledLanes & 4194218);
 }
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$9 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$9;
-    (lane & entangledLanes) | (root[index$9] & entangledLanes) &&
-      (root[index$9] |= entangledLanes);
+    var index$8 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$8;
+    (lane & entangledLanes) | (root[index$8] & entangledLanes) &&
+      (root[index$8] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 var currentUpdatePriority = 0;
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
-  return 1 < lanes
-    ? 4 < lanes
-      ? 0 !== (lanes & 268435455)
-        ? 16
-        : 536870912
-      : 4
-    : 1;
-}
-function shim() {
+  return 2 < lanes
+    ? 8 < lanes
+      ? 0 !== (lanes & 134217727)
+        ? 32
+        : 268435456
+      : 8
+    : 2;
+}
+function shim$1() {
   throw Error(
     "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
   );
 }
 var getViewConfigForType =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
-  UPDATE_SIGNAL = {},
   nextReactTag = 3;
 function allocateTag() {
   var tag = nextReactTag;
@@ -2008,7 +1961,7 @@ function recursivelyUncacheFiberNode(node) {
 }
 function finalizeInitialChildren(parentInstance) {
   if (0 === parentInstance._children.length) return !1;
-  var nativeTags = parentInstance._children.map(function(child) {
+  var nativeTags = parentInstance._children.map(function (child) {
     return "number" === typeof child ? child : child._nativeTag;
   });
   ReactNativePrivateInterface.UIManager.setChildren(
@@ -2017,16 +1970,21 @@ function finalizeInitialChildren(parentInstance) {
   );
   return !1;
 }
+function getPublicInstance(instance) {
+  return null != instance.canonical && null != instance.canonical.publicInstance
+    ? instance.canonical.publicInstance
+    : instance;
+}
 var scheduleTimeout = setTimeout,
   cancelTimeout = clearTimeout;
-function describeComponentFrame(name, source, ownerName) {
-  source = "";
-  ownerName && (source = " (created by " + ownerName + ")");
-  return "\n    in " + (name || "Unknown") + source;
+function describeComponentFrame(name, ownerName) {
+  var sourceInfo = "";
+  ownerName && (sourceInfo = " (created by " + ownerName + ")");
+  return "\n    in " + (name || "Unknown") + sourceInfo;
 }
-function describeFunctionComponentFrame(fn, source) {
+function describeFunctionComponentFrame(fn) {
   return fn
-    ? describeComponentFrame(fn.displayName || fn.name || null, source, null)
+    ? describeComponentFrame(fn.displayName || fn.name || null, null)
     : "";
 }
 var hasOwnProperty = Object.prototype.hasOwnProperty,
@@ -2045,7 +2003,7 @@ function push(cursor, value) {
   cursor.current = value;
 }
 var emptyContextObject = {},
-  contextStackCursor = createCursor(emptyContextObject),
+  contextStackCursor$1 = createCursor(emptyContextObject),
   didPerformWorkStackCursor = createCursor(!1),
   previousContext = emptyContextObject;
 function getMaskedContext(workInProgress, unmaskedContext) {
@@ -2062,7 +2020,8 @@ function getMaskedContext(workInProgress, unmaskedContext) {
   for (key in contextTypes) context[key] = unmaskedContext[key];
   instance &&
     ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext =
+      unmaskedContext),
     (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
   return context;
 }
@@ -2072,14 +2031,14 @@ function isContextProvider(type) {
 }
 function popContext() {
   pop(didPerformWorkStackCursor);
-  pop(contextStackCursor);
+  pop(contextStackCursor$1);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
-  if (contextStackCursor.current !== emptyContextObject)
+  if (contextStackCursor$1.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context);
+  push(contextStackCursor$1, context);
   push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
@@ -2102,8 +2061,8 @@ function pushContextProvider(workInProgress) {
     ((workInProgress = workInProgress.stateNode) &&
       workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
-  previousContext = contextStackCursor.current;
-  push(contextStackCursor, workInProgress);
+  previousContext = contextStackCursor$1.current;
+  push(contextStackCursor$1, workInProgress);
   push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
@@ -2121,8 +2080,8 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       )),
       (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
       pop(didPerformWorkStackCursor),
-      pop(contextStackCursor),
-      push(contextStackCursor, workInProgress))
+      pop(contextStackCursor$1),
+      push(contextStackCursor$1, workInProgress))
     : pop(didPerformWorkStackCursor);
   push(didPerformWorkStackCursor, didChange);
 }
@@ -2130,212 +2089,335 @@ function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
 var objectIs = "function" === typeof Object.is ? Object.is : is,
-  syncQueue = null,
-  includesLegacySyncCallbacks = !1,
-  isFlushingSyncQueue = !1;
-function flushSyncCallbacks() {
-  if (!isFlushingSyncQueue && null !== syncQueue) {
-    isFlushingSyncQueue = !0;
-    var i = 0,
-      previousUpdatePriority = currentUpdatePriority;
-    try {
-      var queue = syncQueue;
-      for (currentUpdatePriority = 1; i < queue.length; i++) {
-        var callback = queue[i];
-        do callback = callback(!0);
-        while (null !== callback);
+  contextStackCursor = createCursor(null),
+  contextFiberStackCursor = createCursor(null),
+  rootInstanceStackCursor = createCursor(null);
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor, null);
+  pop(contextStackCursor);
+  push(contextStackCursor, { isInAParentText: !1 });
+}
+function popHostContainer() {
+  pop(contextStackCursor);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
+}
+function pushHostContext(fiber) {
+  var context = contextStackCursor.current;
+  var JSCompiler_inline_result = fiber.type;
+  JSCompiler_inline_result =
+    "AndroidTextInput" === JSCompiler_inline_result ||
+    "RCTMultilineTextInputView" === JSCompiler_inline_result ||
+    "RCTSinglelineTextInputView" === JSCompiler_inline_result ||
+    "RCTText" === JSCompiler_inline_result ||
+    "RCTVirtualText" === JSCompiler_inline_result;
+  JSCompiler_inline_result =
+    context.isInAParentText !== JSCompiler_inline_result
+      ? { isInAParentText: JSCompiler_inline_result }
+      : context;
+  context !== JSCompiler_inline_result &&
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor, JSCompiler_inline_result));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor), pop(contextFiberStackCursor));
+}
+var hydrationErrors = null,
+  concurrentQueues = [],
+  concurrentQueuesIndex = 0,
+  concurrentlyUpdatedLanes = 0;
+function finishQueueingConcurrentUpdates() {
+  for (
+    var endIndex = concurrentQueuesIndex,
+      i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+    i < endIndex;
+
+  ) {
+    var fiber = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var queue = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var update = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var lane = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    if (null !== queue && null !== update) {
+      var pending = queue.pending;
+      null === pending
+        ? (update.next = update)
+        : ((update.next = pending.next), (pending.next = update));
+      queue.pending = update;
+    }
+    0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
+  }
+}
+function enqueueUpdate$1(fiber, queue, update, lane) {
+  concurrentQueues[concurrentQueuesIndex++] = fiber;
+  concurrentQueues[concurrentQueuesIndex++] = queue;
+  concurrentQueues[concurrentQueuesIndex++] = update;
+  concurrentQueues[concurrentQueuesIndex++] = lane;
+  concurrentlyUpdatedLanes |= lane;
+  fiber.lanes |= lane;
+  fiber = fiber.alternate;
+  null !== fiber && (fiber.lanes |= lane);
+}
+function enqueueConcurrentRenderForLane(fiber, lane) {
+  enqueueUpdate$1(fiber, null, null, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+  sourceFiber.lanes |= lane;
+  var alternate = sourceFiber.alternate;
+  null !== alternate && (alternate.lanes |= lane);
+  for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+    (parent.childLanes |= lane),
+      (alternate = parent.alternate),
+      null !== alternate && (alternate.childLanes |= lane),
+      22 === parent.tag &&
+        ((sourceFiber = parent.stateNode),
+        null === sourceFiber || sourceFiber._visibility & 1 || (isHidden = !0)),
+      (sourceFiber = parent),
+      (parent = parent.return);
+  isHidden &&
+    null !== update &&
+    3 === sourceFiber.tag &&
+    ((parent = sourceFiber.stateNode),
+    (isHidden = 31 - clz32(lane)),
+    (parent = parent.hiddenUpdates),
+    (sourceFiber = parent[isHidden]),
+    null === sourceFiber
+      ? (parent[isHidden] = [update])
+      : sourceFiber.push(update),
+    (update.lane = lane | 536870912));
+}
+function getRootForUpdatedFiber(sourceFiber) {
+  if (50 < nestedUpdateCount)
+    throw (
+      ((nestedUpdateCount = 0),
+      (rootWithNestedUpdates = null),
+      Error(
+        "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
+      ))
+    );
+  for (var parent = sourceFiber.return; null !== parent; )
+    (sourceFiber = parent), (parent = sourceFiber.return);
+  return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
+}
+var firstScheduledRoot = null,
+  lastScheduledRoot = null,
+  didScheduleMicrotask = !1,
+  mightHavePendingSyncWork = !1,
+  isFlushingWork = !1,
+  currentEventTransitionLane = 0;
+function ensureRootIsScheduled(root) {
+  root !== lastScheduledRoot &&
+    null === root.next &&
+    (null === lastScheduledRoot
+      ? (firstScheduledRoot = lastScheduledRoot = root)
+      : (lastScheduledRoot = lastScheduledRoot.next = root));
+  mightHavePendingSyncWork = !0;
+  didScheduleMicrotask ||
+    ((didScheduleMicrotask = !0),
+    scheduleCallback$2(ImmediatePriority, processRootScheduleInMicrotask));
+  scheduleTaskForRootDuringMicrotask(root, now());
+}
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (!isFlushingWork && mightHavePendingSyncWork) {
+    var errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root = firstScheduledRoot; null !== root; ) {
+        if (!onlyLegacy || 0 === root.tag) {
+          var workInProgressRootRenderLanes$11 = workInProgressRootRenderLanes,
+            nextLanes = getNextLanes(
+              root,
+              root === workInProgressRoot ? workInProgressRootRenderLanes$11 : 0
+            );
+          if (0 !== (nextLanes & 3))
+            try {
+              didPerformSomeWork = !0;
+              workInProgressRootRenderLanes$11 = root;
+              if (0 !== (executionContext & 6))
+                throw Error("Should not already be working.");
+              if (!flushPassiveEffects()) {
+                var exitStatus = renderRootSync(
+                  workInProgressRootRenderLanes$11,
+                  nextLanes
+                );
+                if (
+                  0 !== workInProgressRootRenderLanes$11.tag &&
+                  2 === exitStatus
+                ) {
+                  var originallyAttemptedLanes = nextLanes,
+                    errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                      workInProgressRootRenderLanes$11,
+                      originallyAttemptedLanes
+                    );
+                  0 !== errorRetryLanes &&
+                    ((nextLanes = errorRetryLanes),
+                    (exitStatus = recoverFromConcurrentError(
+                      workInProgressRootRenderLanes$11,
+                      originallyAttemptedLanes,
+                      errorRetryLanes
+                    )));
+                }
+                if (1 === exitStatus)
+                  throw (
+                    ((originallyAttemptedLanes = workInProgressRootFatalError),
+                    prepareFreshStack(workInProgressRootRenderLanes$11, 0),
+                    markRootSuspended(
+                      workInProgressRootRenderLanes$11,
+                      nextLanes,
+                      0
+                    ),
+                    ensureRootIsScheduled(workInProgressRootRenderLanes$11),
+                    originallyAttemptedLanes)
+                  );
+                6 === exitStatus
+                  ? markRootSuspended(
+                      workInProgressRootRenderLanes$11,
+                      nextLanes,
+                      workInProgressDeferredLane
+                    )
+                  : ((workInProgressRootRenderLanes$11.finishedWork =
+                      workInProgressRootRenderLanes$11.current.alternate),
+                    (workInProgressRootRenderLanes$11.finishedLanes =
+                      nextLanes),
+                    commitRoot(
+                      workInProgressRootRenderLanes$11,
+                      workInProgressRootRecoverableErrors,
+                      workInProgressTransitions,
+                      workInProgressDeferredLane
+                    ));
+              }
+              ensureRootIsScheduled(workInProgressRootRenderLanes$11);
+            } catch (error) {
+              null === errors ? (errors = [error]) : errors.push(error);
+            }
+        }
+        root = root.next;
       }
-      syncQueue = null;
-      includesLegacySyncCallbacks = !1;
-    } catch (error) {
-      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
-      scheduleCallback(ImmediatePriority, flushSyncCallbacks),
-      error);
-    } finally {
-      (currentUpdatePriority = previousUpdatePriority),
-        (isFlushingSyncQueue = !1);
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          (didPerformSomeWork = throwError.bind(null, errors[onlyLegacy])),
+            scheduleCallback$2(ImmediatePriority, didPerformSomeWork);
+      }
+      throw errors[0];
     }
   }
-  return null;
 }
-var forkStack = [],
-  forkStackIndex = 0,
-  treeForkProvider = null,
-  idStack = [],
-  idStackIndex = 0,
-  treeContextProvider = null;
-function popTreeContext(workInProgress) {
-  for (; workInProgress === treeForkProvider; )
-    (treeForkProvider = forkStack[--forkStackIndex]),
-      (forkStack[forkStackIndex] = null),
-      --forkStackIndex,
-      (forkStack[forkStackIndex] = null);
-  for (; workInProgress === treeContextProvider; )
-    (treeContextProvider = idStack[--idStackIndex]),
-      (idStack[idStackIndex] = null),
-      --idStackIndex,
-      (idStack[idStackIndex] = null),
-      --idStackIndex,
-      (idStack[idStackIndex] = null);
+function throwError(error) {
+  throw error;
 }
-var hydrationErrors = null,
-  ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
-function shallowEqual(objA, objB) {
-  if (objectIs(objA, objB)) return !0;
-  if (
-    "object" !== typeof objA ||
-    null === objA ||
-    "object" !== typeof objB ||
-    null === objB
-  )
-    return !1;
-  var keysA = Object.keys(objA),
-    keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) return !1;
-  for (keysB = 0; keysB < keysA.length; keysB++) {
-    var currentKey = keysA[keysB];
-    if (
-      !hasOwnProperty.call(objB, currentKey) ||
-      !objectIs(objA[currentKey], objB[currentKey])
-    )
-      return !1;
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next,
+      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
   }
-  return !0;
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
 }
-function describeFiber(fiber) {
-  switch (fiber.tag) {
-    case 5:
-      return describeComponentFrame(fiber.type, null, null);
-    case 16:
-      return describeComponentFrame("Lazy", null, null);
-    case 13:
-      return describeComponentFrame("Suspense", null, null);
-    case 19:
-      return describeComponentFrame("SuspenseList", null, null);
-    case 0:
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -62914561;
+    0 < lanes;
+
+  ) {
+    var index$5 = 31 - clz32(lanes),
+      lane = 1 << index$5,
+      expirationTime = expirationTimes[index$5];
+    if (-1 === expirationTime) {
+      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
+        expirationTimes[index$5] = computeExpirationTime(lane, currentTime);
+    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
+    lanes &= ~lane;
+  }
+  currentTime = workInProgressRoot;
+  suspendedLanes = workInProgressRootRenderLanes;
+  suspendedLanes = getNextLanes(
+    root,
+    root === currentTime ? suspendedLanes : 0
+  );
+  pingedLanes = root.callbackNode;
+  if (
+    0 === suspendedLanes ||
+    (root === currentTime && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackNode = null),
+      (root.callbackPriority = 0)
+    );
+  if (0 !== (suspendedLanes & 3))
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackPriority = 2),
+      (root.callbackNode = null),
+      2
+    );
+  currentTime = suspendedLanes & -suspendedLanes;
+  if (currentTime === root.callbackPriority) return currentTime;
+  null !== pingedLanes && cancelCallback$1(pingedLanes);
+  switch (lanesToEventPriority(suspendedLanes)) {
     case 2:
-    case 15:
-      return describeFunctionComponentFrame(fiber.type, null);
-    case 11:
-      return describeFunctionComponentFrame(fiber.type.render, null);
-    case 1:
-      return (fiber = describeFunctionComponentFrame(fiber.type, null)), fiber;
+      suspendedLanes = ImmediatePriority;
+      break;
+    case 8:
+      suspendedLanes = UserBlockingPriority;
+      break;
+    case 32:
+      suspendedLanes = NormalPriority;
+      break;
+    case 268435456:
+      suspendedLanes = IdlePriority;
+      break;
     default:
-      return "";
-  }
-}
-function getStackByFiberInDevAndProd(workInProgress) {
-  try {
-    var info = "";
-    do
-      (info += describeFiber(workInProgress)),
-        (workInProgress = workInProgress.return);
-    while (workInProgress);
-    return info;
-  } catch (x) {
-    return "\nError generating stack: " + x.message + "\n" + x.stack;
+      suspendedLanes = NormalPriority;
   }
+  pingedLanes = performConcurrentWorkOnRoot.bind(null, root);
+  suspendedLanes = scheduleCallback$2(suspendedLanes, pingedLanes);
+  root.callbackPriority = currentTime;
+  root.callbackNode = suspendedLanes;
+  return currentTime;
 }
-function resolveDefaultProps(Component, baseProps) {
-  if (Component && Component.defaultProps) {
-    baseProps = assign({}, baseProps);
-    Component = Component.defaultProps;
-    for (var propName in Component)
-      void 0 === baseProps[propName] &&
-        (baseProps[propName] = Component[propName]);
-    return baseProps;
-  }
-  return baseProps;
-}
-var valueCursor = createCursor(null),
-  currentlyRenderingFiber = null,
-  lastContextDependency = null,
-  lastFullyObservedContext = null;
-function resetContextDependencies() {
-  lastFullyObservedContext = lastContextDependency = currentlyRenderingFiber = null;
-}
-function popProvider(context) {
-  var currentValue = valueCursor.current;
-  pop(valueCursor);
-  context._currentValue = currentValue;
-}
-function scheduleContextWorkOnParentPath(parent, renderLanes, propagationRoot) {
-  for (; null !== parent; ) {
-    var alternate = parent.alternate;
-    (parent.childLanes & renderLanes) !== renderLanes
-      ? ((parent.childLanes |= renderLanes),
-        null !== alternate && (alternate.childLanes |= renderLanes))
-      : null !== alternate &&
-        (alternate.childLanes & renderLanes) !== renderLanes &&
-        (alternate.childLanes |= renderLanes);
-    if (parent === propagationRoot) break;
-    parent = parent.return;
-  }
-}
-function prepareToReadContext(workInProgress, renderLanes) {
-  currentlyRenderingFiber = workInProgress;
-  lastFullyObservedContext = lastContextDependency = null;
-  workInProgress = workInProgress.dependencies;
-  null !== workInProgress &&
-    null !== workInProgress.firstContext &&
-    (0 !== (workInProgress.lanes & renderLanes) && (didReceiveUpdate = !0),
-    (workInProgress.firstContext = null));
-}
-function readContext(context) {
-  var value = context._currentValue;
-  if (lastFullyObservedContext !== context)
-    if (
-      ((context = { context: context, memoizedValue: value, next: null }),
-      null === lastContextDependency)
-    ) {
-      if (null === currentlyRenderingFiber)
-        throw Error(
-          "Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo()."
-        );
-      lastContextDependency = context;
-      currentlyRenderingFiber.dependencies = {
-        lanes: 0,
-        firstContext: context
-      };
-    } else lastContextDependency = lastContextDependency.next = context;
-  return value;
-}
-var concurrentQueues = null;
-function pushConcurrentUpdateQueue(queue) {
-  null === concurrentQueues
-    ? (concurrentQueues = [queue])
-    : concurrentQueues.push(queue);
-}
-function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-  var interleaved = queue.interleaved;
-  null === interleaved
-    ? ((update.next = update), pushConcurrentUpdateQueue(queue))
-    : ((update.next = interleaved.next), (interleaved.next = update));
-  queue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
-}
-function markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
-  sourceFiber.lanes |= lane;
-  var alternate = sourceFiber.alternate;
-  null !== alternate && (alternate.lanes |= lane);
-  alternate = sourceFiber;
-  for (sourceFiber = sourceFiber.return; null !== sourceFiber; )
-    (sourceFiber.childLanes |= lane),
-      (alternate = sourceFiber.alternate),
-      null !== alternate && (alternate.childLanes |= lane),
-      (alternate = sourceFiber),
-      (sourceFiber = sourceFiber.return);
-  return 3 === alternate.tag ? alternate.stateNode : null;
-}
-var hasForceUpdate = !1;
-function initializeUpdateQueue(fiber) {
-  fiber.updateQueue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: { pending: null, interleaved: null, lanes: 0 },
-    effects: null
-  };
+var hasForceUpdate = !1;
+function initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: { pending: null, lanes: 0, hiddenCallbacks: null },
+    callbacks: null
+  };
 }
 function cloneUpdateQueue(current, workInProgress) {
   current = current.updateQueue;
@@ -2345,18 +2427,11 @@ function cloneUpdateQueue(current, workInProgress) {
       firstBaseUpdate: current.firstBaseUpdate,
       lastBaseUpdate: current.lastBaseUpdate,
       shared: current.shared,
-      effects: current.effects
+      callbacks: null
     });
 }
-function createUpdate(eventTime, lane) {
-  return {
-    eventTime: eventTime,
-    lane: lane,
-    tag: 0,
-    payload: null,
-    callback: null,
-    next: null
-  };
+function createUpdate(lane) {
+  return { lane: lane, tag: 0, payload: null, callback: null, next: null };
 }
 function enqueueUpdate(fiber, update, lane) {
   var updateQueue = fiber.updateQueue;
@@ -2368,18 +2443,16 @@ function enqueueUpdate(fiber, update, lane) {
       ? (update.next = update)
       : ((update.next = pending.next), (pending.next = update));
     updateQueue.pending = update;
-    return markUpdateLaneFromFiberToRoot(fiber, lane);
+    update = getRootForUpdatedFiber(fiber);
+    markUpdateLaneFromFiberToRoot(fiber, null, lane);
+    return update;
   }
-  pending = updateQueue.interleaved;
-  null === pending
-    ? ((update.next = update), pushConcurrentUpdateQueue(updateQueue))
-    : ((update.next = pending.next), (pending.next = update));
-  updateQueue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
+  enqueueUpdate$1(fiber, updateQueue, update, lane);
+  return getRootForUpdatedFiber(fiber);
 }
 function entangleTransitions(root, fiber, lane) {
   fiber = fiber.updateQueue;
-  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194240))) {
+  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194176))) {
     var queueLanes = fiber.lanes;
     queueLanes &= root.pendingLanes;
     lane |= queueLanes;
@@ -2400,11 +2473,10 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
     if (null !== queue) {
       do {
         var clone = {
-          eventTime: queue.eventTime,
           lane: queue.lane,
           tag: queue.tag,
           payload: queue.payload,
-          callback: queue.callback,
+          callback: null,
           next: null
         };
         null === newLast
@@ -2421,7 +2493,7 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
       firstBaseUpdate: newFirst,
       lastBaseUpdate: newLast,
       shared: current.shared,
-      effects: current.effects
+      callbacks: current.callbacks
     };
     workInProgress.updateQueue = queue;
     return;
@@ -2435,7 +2507,7 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
 function processUpdateQueue(
   workInProgress$jscomp$0,
   props,
-  instance,
+  instance$jscomp$0,
   renderLanes
 ) {
   var queue = workInProgress$jscomp$0.updateQueue;
@@ -2468,32 +2540,32 @@ function processUpdateQueue(
     current = firstPendingUpdate = lastPendingUpdate = null;
     pendingQueue = firstBaseUpdate;
     do {
-      var updateLane = pendingQueue.lane,
-        updateEventTime = pendingQueue.eventTime;
-      if ((renderLanes & updateLane) === updateLane) {
+      var updateLane = pendingQueue.lane & -536870913,
+        isHiddenUpdate = updateLane !== pendingQueue.lane;
+      if (
+        isHiddenUpdate
+          ? (workInProgressRootRenderLanes & updateLane) === updateLane
+          : (renderLanes & updateLane) === updateLane
+      ) {
         null !== current &&
-          (current = current.next = {
-            eventTime: updateEventTime,
-            lane: 0,
-            tag: pendingQueue.tag,
-            payload: pendingQueue.payload,
-            callback: pendingQueue.callback,
-            next: null
-          });
+          (current = current.next =
+            {
+              lane: 0,
+              tag: pendingQueue.tag,
+              payload: pendingQueue.payload,
+              callback: null,
+              next: null
+            });
         a: {
           var workInProgress = workInProgress$jscomp$0,
             update = pendingQueue;
           updateLane = props;
-          updateEventTime = instance;
+          var instance = instance$jscomp$0;
           switch (update.tag) {
             case 1:
               workInProgress = update.payload;
               if ("function" === typeof workInProgress) {
-                newState = workInProgress.call(
-                  updateEventTime,
-                  newState,
-                  updateLane
-                );
+                newState = workInProgress.call(instance, newState, updateLane);
                 break a;
               }
               newState = workInProgress;
@@ -2504,7 +2576,7 @@ function processUpdateQueue(
               workInProgress = update.payload;
               updateLane =
                 "function" === typeof workInProgress
-                  ? workInProgress.call(updateEventTime, newState, updateLane)
+                  ? workInProgress.call(instance, newState, updateLane)
                   : workInProgress;
               if (null === updateLane || void 0 === updateLane) break a;
               newState = assign({}, newState, updateLane);
@@ -2513,16 +2585,16 @@ function processUpdateQueue(
               hasForceUpdate = !0;
           }
         }
-        null !== pendingQueue.callback &&
-          0 !== pendingQueue.lane &&
+        updateLane = pendingQueue.callback;
+        null !== updateLane &&
           ((workInProgress$jscomp$0.flags |= 64),
-          (updateLane = queue.effects),
-          null === updateLane
-            ? (queue.effects = [pendingQueue])
-            : updateLane.push(pendingQueue));
+          isHiddenUpdate && (workInProgress$jscomp$0.flags |= 8192),
+          (isHiddenUpdate = queue.callbacks),
+          null === isHiddenUpdate
+            ? (queue.callbacks = [updateLane])
+            : isHiddenUpdate.push(updateLane));
       } else
-        (updateEventTime = {
-          eventTime: updateEventTime,
+        (isHiddenUpdate = {
           lane: updateLane,
           tag: pendingQueue.tag,
           payload: pendingQueue.payload,
@@ -2530,208 +2602,197 @@ function processUpdateQueue(
           next: null
         }),
           null === current
-            ? ((firstPendingUpdate = current = updateEventTime),
+            ? ((firstPendingUpdate = current = isHiddenUpdate),
               (lastPendingUpdate = newState))
-            : (current = current.next = updateEventTime),
+            : (current = current.next = isHiddenUpdate),
           (lastBaseUpdate |= updateLane);
       pendingQueue = pendingQueue.next;
       if (null === pendingQueue)
         if (((pendingQueue = queue.shared.pending), null === pendingQueue))
           break;
         else
-          (updateLane = pendingQueue),
-            (pendingQueue = updateLane.next),
-            (updateLane.next = null),
-            (queue.lastBaseUpdate = updateLane),
+          (isHiddenUpdate = pendingQueue),
+            (pendingQueue = isHiddenUpdate.next),
+            (isHiddenUpdate.next = null),
+            (queue.lastBaseUpdate = isHiddenUpdate),
             (queue.shared.pending = null);
     } while (1);
     null === current && (lastPendingUpdate = newState);
     queue.baseState = lastPendingUpdate;
     queue.firstBaseUpdate = firstPendingUpdate;
     queue.lastBaseUpdate = current;
-    props = queue.shared.interleaved;
-    if (null !== props) {
-      queue = props;
-      do (lastBaseUpdate |= queue.lane), (queue = queue.next);
-      while (queue !== props);
-    } else null === firstBaseUpdate && (queue.shared.lanes = 0);
+    null === firstBaseUpdate && (queue.shared.lanes = 0);
     workInProgressRootSkippedLanes |= lastBaseUpdate;
     workInProgress$jscomp$0.lanes = lastBaseUpdate;
     workInProgress$jscomp$0.memoizedState = newState;
   }
 }
-function commitUpdateQueue(finishedWork, finishedQueue, instance) {
-  finishedWork = finishedQueue.effects;
-  finishedQueue.effects = null;
-  if (null !== finishedWork)
+function callCallback(callback, context) {
+  if ("function" !== typeof callback)
+    throw Error(
+      "Invalid argument passed as callback. Expected a function. Instead received: " +
+        callback
+    );
+  callback.call(context);
+}
+function commitCallbacks(updateQueue, context) {
+  var callbacks = updateQueue.callbacks;
+  if (null !== callbacks)
     for (
-      finishedQueue = 0;
-      finishedQueue < finishedWork.length;
-      finishedQueue++
-    ) {
-      var effect = finishedWork[finishedQueue],
-        callback = effect.callback;
-      if (null !== callback) {
-        effect.callback = null;
-        if ("function" !== typeof callback)
+      updateQueue.callbacks = null, updateQueue = 0;
+      updateQueue < callbacks.length;
+      updateQueue++
+    )
+      callCallback(callbacks[updateQueue], context);
+}
+function shallowEqual(objA, objB) {
+  if (objectIs(objA, objB)) return !0;
+  if (
+    "object" !== typeof objA ||
+    null === objA ||
+    "object" !== typeof objB ||
+    null === objB
+  )
+    return !1;
+  var keysA = Object.keys(objA),
+    keysB = Object.keys(objB);
+  if (keysA.length !== keysB.length) return !1;
+  for (keysB = 0; keysB < keysA.length; keysB++) {
+    var currentKey = keysA[keysB];
+    if (
+      !hasOwnProperty.call(objB, currentKey) ||
+      !objectIs(objA[currentKey], objB[currentKey])
+    )
+      return !1;
+  }
+  return !0;
+}
+function describeFiber(fiber) {
+  switch (fiber.tag) {
+    case 26:
+    case 27:
+    case 5:
+      return describeComponentFrame(fiber.type, null);
+    case 16:
+      return describeComponentFrame("Lazy", null);
+    case 13:
+      return describeComponentFrame("Suspense", null);
+    case 19:
+      return describeComponentFrame("SuspenseList", null);
+    case 0:
+    case 2:
+    case 15:
+      return describeFunctionComponentFrame(fiber.type);
+    case 11:
+      return describeFunctionComponentFrame(fiber.type.render);
+    case 1:
+      return (fiber = describeFunctionComponentFrame(fiber.type)), fiber;
+    default:
+      return "";
+  }
+}
+function getStackByFiberInDevAndProd(workInProgress) {
+  try {
+    var info = "";
+    do
+      (info += describeFiber(workInProgress)),
+        (workInProgress = workInProgress.return);
+    while (workInProgress);
+    return info;
+  } catch (x) {
+    return "\nError generating stack: " + x.message + "\n" + x.stack;
+  }
+}
+var SuspenseException = Error(
+    "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"
+  ),
+  SuspenseyCommitException = Error(
+    "Suspense Exception: This is not a real error, and should not leak into userspace. If you're seeing this, it's likely a bug in React."
+  ),
+  noopSuspenseyCommitThenable = { then: function () {} };
+function isThenableResolved(thenable) {
+  thenable = thenable.status;
+  return "fulfilled" === thenable || "rejected" === thenable;
+}
+function noop() {}
+function trackUsedThenable(thenableState, thenable, index) {
+  index = thenableState[index];
+  void 0 === index
+    ? thenableState.push(thenable)
+    : index !== thenable && (thenable.then(noop, noop), (thenable = index));
+  switch (thenable.status) {
+    case "fulfilled":
+      return thenable.value;
+    case "rejected":
+      throw (
+        ((thenableState = thenable.reason),
+        checkIfUseWrappedInAsyncCatch(thenableState),
+        thenableState)
+      );
+    default:
+      if ("string" === typeof thenable.status) thenable.then(noop, noop);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
           throw Error(
-            "Invalid argument passed as callback. Expected a function. Instead received: " +
-              callback
+            "async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
           );
-        callback.call(instance);
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
+            }
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+        switch (thenable.status) {
+          case "fulfilled":
+            return thenable.value;
+          case "rejected":
+            throw (
+              ((thenableState = thenable.reason),
+              checkIfUseWrappedInAsyncCatch(thenableState),
+              thenableState)
+            );
+        }
       }
-    }
-}
-var emptyRefsObject = new React.Component().refs;
-function applyDerivedStateFromProps(
-  workInProgress,
-  ctor,
-  getDerivedStateFromProps,
-  nextProps
-) {
-  ctor = workInProgress.memoizedState;
-  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
-  getDerivedStateFromProps =
-    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
-      ? ctor
-      : assign({}, ctor, getDerivedStateFromProps);
-  workInProgress.memoizedState = getDerivedStateFromProps;
-  0 === workInProgress.lanes &&
-    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
-}
-var classComponentUpdater = {
-  isMounted: function(component) {
-    return (component = component._reactInternals)
-      ? getNearestMountedFiber(component) === component
-      : !1;
-  },
-  enqueueSetState: function(inst, payload, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane, eventTime),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueReplaceState: function(inst, payload, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.tag = 1;
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane, eventTime),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueForceUpdate: function(inst, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.tag = 2;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    callback = enqueueUpdate(inst, update, lane);
-    null !== callback &&
-      (scheduleUpdateOnFiber(callback, inst, lane, eventTime),
-      entangleTransitions(callback, inst, lane));
+      suspendedThenable = thenable;
+      throw SuspenseException;
   }
-};
-function checkShouldComponentUpdate(
-  workInProgress,
-  ctor,
-  oldProps,
-  newProps,
-  oldState,
-  newState,
-  nextContext
-) {
-  workInProgress = workInProgress.stateNode;
-  return "function" === typeof workInProgress.shouldComponentUpdate
-    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
-    : ctor.prototype && ctor.prototype.isPureReactComponent
-    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-    : !0;
 }
-function constructClassInstance(workInProgress, ctor, props) {
-  var isLegacyContextConsumer = !1,
-    unmaskedContext = emptyContextObject;
-  var context = ctor.contextType;
-  "object" === typeof context && null !== context
-    ? (context = readContext(context))
-    : ((unmaskedContext = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (isLegacyContextConsumer = ctor.contextTypes),
-      (context = (isLegacyContextConsumer =
-        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
-        ? getMaskedContext(workInProgress, unmaskedContext)
-        : emptyContextObject));
-  ctor = new ctor(props, context);
-  workInProgress.memoizedState =
-    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
-  ctor.updater = classComponentUpdater;
-  workInProgress.stateNode = ctor;
-  ctor._reactInternals = workInProgress;
-  isLegacyContextConsumer &&
-    ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-  return ctor;
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  if (null === suspendedThenable)
+    throw Error(
+      "Expected a suspended thenable. This is a bug in React. Please file an issue."
+    );
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
 }
-function callComponentWillReceiveProps(
-  workInProgress,
-  instance,
-  newProps,
-  nextContext
-) {
-  workInProgress = instance.state;
-  "function" === typeof instance.componentWillReceiveProps &&
-    instance.componentWillReceiveProps(newProps, nextContext);
-  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
-    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
-  instance.state !== workInProgress &&
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+function checkIfUseWrappedInAsyncCatch(rejectedReason) {
+  if (rejectedReason === SuspenseException)
+    throw Error(
+      "Hooks are not supported inside an async component. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
+    );
 }
-function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
-  var instance = workInProgress.stateNode;
-  instance.props = newProps;
-  instance.state = workInProgress.memoizedState;
-  instance.refs = emptyRefsObject;
-  initializeUpdateQueue(workInProgress);
-  var contextType = ctor.contextType;
-  "object" === typeof contextType && null !== contextType
-    ? (instance.context = readContext(contextType))
-    : ((contextType = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (instance.context = getMaskedContext(workInProgress, contextType)));
-  instance.state = workInProgress.memoizedState;
-  contextType = ctor.getDerivedStateFromProps;
-  "function" === typeof contextType &&
-    (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
-    (instance.state = workInProgress.memoizedState));
-  "function" === typeof ctor.getDerivedStateFromProps ||
-    "function" === typeof instance.getSnapshotBeforeUpdate ||
-    ("function" !== typeof instance.UNSAFE_componentWillMount &&
-      "function" !== typeof instance.componentWillMount) ||
-    ((ctor = instance.state),
-    "function" === typeof instance.componentWillMount &&
-      instance.componentWillMount(),
-    "function" === typeof instance.UNSAFE_componentWillMount &&
-      instance.UNSAFE_componentWillMount(),
-    ctor !== instance.state &&
-      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
-    processUpdateQueue(workInProgress, newProps, instance, renderLanes),
-    (instance.state = workInProgress.memoizedState));
-  "function" === typeof instance.componentDidMount &&
-    (workInProgress.flags |= 4);
+var thenableState$1 = null,
+  thenableIndexCounter$1 = 0;
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter$1;
+  thenableIndexCounter$1 += 1;
+  null === thenableState$1 && (thenableState$1 = []);
+  return trackUsedThenable(thenableState$1, thenable, index);
 }
 function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
@@ -2745,7 +2806,7 @@ function coerceRef(returnFiber, current, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://react.dev/reference/react/Component#refs"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2764,9 +2825,8 @@ function coerceRef(returnFiber, current, element) {
         current.ref._stringRef === stringRef
       )
         return current.ref;
-      current = function(value) {
+      current = function (value) {
         var refs = resolvedInst.refs;
-        refs === emptyRefsObject && (refs = resolvedInst.refs = {});
         null === value ? delete refs[stringRef] : (refs[stringRef] = value);
       };
       current._stringRef = stringRef;
@@ -2780,7 +2840,7 @@ function coerceRef(returnFiber, current, element) {
       throw Error(
         "Element ref was specified as a string (" +
           returnFiber +
-          ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://legacy.reactjs.org/warnings/refs-must-have-owner.html for more information."
+          ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://reactjs.org/link/refs-must-have-owner for more information."
       );
   }
   return returnFiber;
@@ -2799,7 +2859,7 @@ function resolveLazy(lazyType) {
   var init = lazyType._init;
   return init(lazyType._payload);
 }
-function ChildReconciler(shouldTrackSideEffects) {
+function createChildReconciler(shouldTrackSideEffects) {
   function deleteChild(returnFiber, childToDelete) {
     if (shouldTrackSideEffects) {
       var deletions = returnFiber.deletions;
@@ -2838,16 +2898,16 @@ function ChildReconciler(shouldTrackSideEffects) {
       return (
         (newIndex = newIndex.index),
         newIndex < lastPlacedIndex
-          ? ((newFiber.flags |= 2), lastPlacedIndex)
+          ? ((newFiber.flags |= 33554434), lastPlacedIndex)
           : newIndex
       );
-    newFiber.flags |= 2;
+    newFiber.flags |= 33554434;
     return lastPlacedIndex;
   }
   function placeSingleChild(newFiber) {
     shouldTrackSideEffects &&
       null === newFiber.alternate &&
-      (newFiber.flags |= 2);
+      (newFiber.flags |= 33554434);
     return newFiber;
   }
   function updateTextNode(returnFiber, current, textContent, lanes) {
@@ -2984,6 +3044,14 @@ function ChildReconciler(shouldTrackSideEffects) {
           (newChild.return = returnFiber),
           newChild
         );
+      if ("function" === typeof newChild.then)
+        return createChild(returnFiber, unwrapThenable(newChild), lanes);
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return createChild(
+          returnFiber,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3017,6 +3085,20 @@ function ChildReconciler(shouldTrackSideEffects) {
         return null !== key
           ? null
           : updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+      if ("function" === typeof newChild.then)
+        return updateSlot(
+          returnFiber,
+          oldFiber,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return updateSlot(
+          returnFiber,
+          oldFiber,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3069,6 +3151,22 @@ function ChildReconciler(shouldTrackSideEffects) {
           (existingChildren = existingChildren.get(newIdx) || null),
           updateFragment(returnFiber, existingChildren, newChild, lanes, null)
         );
+      if ("function" === typeof newChild.then)
+        return updateFromMap(
+          existingChildren,
+          returnFiber,
+          newIdx,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return updateFromMap(
+          existingChildren,
+          returnFiber,
+          newIdx,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3159,7 +3257,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             : (previousNewFiber.sibling = nextOldFiber),
           (previousNewFiber = nextOldFiber));
     shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
+      oldFiber.forEach(function (child) {
         return deleteChild(returnFiber, child);
       });
     return resultingFirstChild;
@@ -3235,12 +3333,12 @@ function ChildReconciler(shouldTrackSideEffects) {
             : (previousNewFiber.sibling = step),
           (previousNewFiber = step));
     shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
+      oldFiber.forEach(function (child) {
         return deleteChild(returnFiber, child);
       });
     return iteratorFn;
   }
-  function reconcileChildFibers(
+  function reconcileChildFibersImpl(
     returnFiber,
     currentFirstChild,
     newChild,
@@ -3385,6 +3483,20 @@ function ChildReconciler(shouldTrackSideEffects) {
           newChild,
           lanes
         );
+      if ("function" === typeof newChild.then)
+        return reconcileChildFibersImpl(
+          returnFiber,
+          currentFirstChild,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return reconcileChildFibersImpl(
+          returnFiber,
+          currentFirstChild,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return ("string" === typeof newChild && "" !== newChild) ||
@@ -3406,61 +3518,83 @@ function ChildReconciler(shouldTrackSideEffects) {
         placeSingleChild(returnFiber))
       : deleteRemainingChildren(returnFiber, currentFirstChild);
   }
-  return reconcileChildFibers;
-}
-var reconcileChildFibers = ChildReconciler(!0),
-  mountChildFibers = ChildReconciler(!1),
-  NO_CONTEXT = {},
-  contextStackCursor$1 = createCursor(NO_CONTEXT),
-  contextFiberStackCursor = createCursor(NO_CONTEXT),
-  rootInstanceStackCursor = createCursor(NO_CONTEXT);
-function requiredContext(c) {
-  if (c === NO_CONTEXT)
-    throw Error(
-      "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+  function reconcileChildFibers(
+    returnFiber,
+    currentFirstChild,
+    newChild,
+    lanes
+  ) {
+    thenableIndexCounter$1 = 0;
+    returnFiber = reconcileChildFibersImpl(
+      returnFiber,
+      currentFirstChild,
+      newChild,
+      lanes
     );
-  return c;
-}
-function pushHostContainer(fiber, nextRootInstance) {
-  push(rootInstanceStackCursor, nextRootInstance);
-  push(contextFiberStackCursor, fiber);
-  push(contextStackCursor$1, NO_CONTEXT);
-  pop(contextStackCursor$1);
-  push(contextStackCursor$1, { isInAParentText: !1 });
+    thenableState$1 = null;
+    return returnFiber;
+  }
+  return reconcileChildFibers;
 }
-function popHostContainer() {
-  pop(contextStackCursor$1);
-  pop(contextFiberStackCursor);
-  pop(rootInstanceStackCursor);
+var reconcileChildFibers = createChildReconciler(!0),
+  mountChildFibers = createChildReconciler(!1),
+  currentTreeHiddenStackCursor = createCursor(null),
+  prevEntangledRenderLanesCursor = createCursor(0);
+function pushHiddenContext(fiber, context) {
+  fiber = entangledRenderLanes;
+  push(prevEntangledRenderLanesCursor, fiber);
+  push(currentTreeHiddenStackCursor, context);
+  entangledRenderLanes = fiber | context.baseLanes;
+}
+function reuseHiddenContextOnStack() {
+  push(prevEntangledRenderLanesCursor, entangledRenderLanes);
+  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
+}
+function popHiddenContext() {
+  entangledRenderLanes = prevEntangledRenderLanesCursor.current;
+  pop(currentTreeHiddenStackCursor);
+  pop(prevEntangledRenderLanesCursor);
+}
+var suspenseHandlerStackCursor = createCursor(null),
+  shellBoundary = null;
+function pushPrimaryTreeSuspenseHandler(handler) {
+  var current = handler.alternate;
+  push(suspenseStackCursor, suspenseStackCursor.current & 1);
+  push(suspenseHandlerStackCursor, handler);
+  null === shellBoundary &&
+    (null === current || null !== currentTreeHiddenStackCursor.current
+      ? (shellBoundary = handler)
+      : null !== current.memoizedState && (shellBoundary = handler));
+}
+function pushOffscreenSuspenseHandler(fiber) {
+  if (22 === fiber.tag) {
+    if (
+      (push(suspenseStackCursor, suspenseStackCursor.current),
+      push(suspenseHandlerStackCursor, fiber),
+      null === shellBoundary)
+    ) {
+      var current = fiber.alternate;
+      null !== current &&
+        null !== current.memoizedState &&
+        (shellBoundary = fiber);
+    }
+  } else reuseSuspenseHandlerOnStack(fiber);
 }
-function pushHostContext(fiber) {
-  requiredContext(rootInstanceStackCursor.current);
-  var context = requiredContext(contextStackCursor$1.current);
-  var JSCompiler_inline_result = fiber.type;
-  JSCompiler_inline_result =
-    "AndroidTextInput" === JSCompiler_inline_result ||
-    "RCTMultilineTextInputView" === JSCompiler_inline_result ||
-    "RCTSinglelineTextInputView" === JSCompiler_inline_result ||
-    "RCTText" === JSCompiler_inline_result ||
-    "RCTVirtualText" === JSCompiler_inline_result;
-  JSCompiler_inline_result =
-    context.isInAParentText !== JSCompiler_inline_result
-      ? { isInAParentText: JSCompiler_inline_result }
-      : context;
-  context !== JSCompiler_inline_result &&
-    (push(contextFiberStackCursor, fiber),
-    push(contextStackCursor$1, JSCompiler_inline_result));
+function reuseSuspenseHandlerOnStack() {
+  push(suspenseStackCursor, suspenseStackCursor.current);
+  push(suspenseHandlerStackCursor, suspenseHandlerStackCursor.current);
 }
-function popHostContext(fiber) {
-  contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
+function popSuspenseHandler(fiber) {
+  pop(suspenseHandlerStackCursor);
+  shellBoundary === fiber && (shellBoundary = null);
+  pop(suspenseStackCursor);
 }
 var suspenseStackCursor = createCursor(0);
 function findFirstSuspended(row) {
   for (var node = row; null !== node; ) {
     if (13 === node.tag) {
       var state = node.memoizedState;
-      if (null !== state && (null === state.dehydrated || shim() || shim()))
+      if (null !== state && (null === state.dehydrated || shim$1() || shim$1()))
         return node;
     } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
       if (0 !== (node.flags & 128)) return node;
@@ -3479,24 +3613,21 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var workInProgressSources = [];
-function resetWorkInProgressVersions() {
-  for (var i = 0; i < workInProgressSources.length; i++)
-    workInProgressSources[i]._workInProgressVersionPrimary = null;
-  workInProgressSources.length = 0;
-}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
+  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
   didScheduleRenderPhaseUpdate = !1,
   didScheduleRenderPhaseUpdateDuringThisPass = !1,
+  shouldDoubleInvokeUserFnsInHooksDEV = !1,
+  thenableIndexCounter = 0,
+  thenableState = null,
   globalClientIdCounter = 0;
 function throwInvalidHookError() {
   throw Error(
-    "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/warnings/invalid-hook-call-warning for tips about how to debug and fix this problem."
+    "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem."
   );
 }
 function areHookInputsEqual(nextDeps, prevDeps) {
@@ -3522,32 +3653,74 @@ function renderWithHooks(
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
+  shouldDoubleInvokeUserFnsInHooksDEV = !1;
   current = Component(props, secondArg);
-  if (didScheduleRenderPhaseUpdateDuringThisPass) {
-    nextRenderLanes = 0;
-    do {
-      didScheduleRenderPhaseUpdateDuringThisPass = !1;
-      if (25 <= nextRenderLanes)
-        throw Error(
-          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-        );
-      nextRenderLanes += 1;
-      workInProgressHook = currentHook = null;
-      workInProgress.updateQueue = null;
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
-      current = Component(props, secondArg);
-    } while (didScheduleRenderPhaseUpdateDuringThisPass);
-  }
+  shouldDoubleInvokeUserFnsInHooksDEV = !1;
+  didScheduleRenderPhaseUpdateDuringThisPass &&
+    (current = renderWithHooksAgain(
+      workInProgress,
+      Component,
+      props,
+      secondArg
+    ));
+  finishRenderingHooks();
+  return current;
+}
+function finishRenderingHooks() {
   ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-  workInProgress = null !== currentHook && null !== currentHook.next;
+  var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
   didScheduleRenderPhaseUpdate = !1;
-  if (workInProgress)
+  thenableIndexCounter = 0;
+  thenableState = null;
+  if (didRenderTooFewHooks)
     throw Error(
       "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
     );
-  return current;
+}
+function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
+  currentlyRenderingFiber$1 = workInProgress;
+  var numberOfReRenders = 0;
+  do {
+    didScheduleRenderPhaseUpdateDuringThisPass && (thenableState = null);
+    thenableIndexCounter = 0;
+    didScheduleRenderPhaseUpdateDuringThisPass = !1;
+    if (25 <= numberOfReRenders)
+      throw Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      );
+    numberOfReRenders += 1;
+    workInProgressHook = currentHook = null;
+    workInProgress.updateQueue = null;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
+    var children = Component(props, secondArg);
+  } while (didScheduleRenderPhaseUpdateDuringThisPass);
+  return children;
+}
+function bailoutHooks(current, workInProgress, lanes) {
+  workInProgress.updateQueue = current.updateQueue;
+  workInProgress.flags &= -2053;
+  current.lanes &= ~lanes;
+}
+function resetHooksOnUnwind(workInProgress) {
+  if (didScheduleRenderPhaseUpdate) {
+    for (
+      workInProgress = workInProgress.memoizedState;
+      null !== workInProgress;
+
+    ) {
+      var queue = workInProgress.queue;
+      null !== queue && (queue.pending = null);
+      workInProgress = workInProgress.next;
+    }
+    didScheduleRenderPhaseUpdate = !1;
+  }
+  renderLanes = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdateDuringThisPass = !1;
+  thenableIndexCounter = 0;
+  thenableState = null;
 }
 function mountWorkInProgressHook() {
   var hook = {
@@ -3576,8 +3749,13 @@ function updateWorkInProgressHook() {
     (workInProgressHook = nextWorkInProgressHook),
       (currentHook = nextCurrentHook);
   else {
-    if (null === nextCurrentHook)
+    if (null === nextCurrentHook) {
+      if (null === currentlyRenderingFiber$1.alternate)
+        throw Error(
+          "Update hook called on initial render. This is likely a bug in React. Please file an issue."
+        );
       throw Error("Rendered more hooks than during the previous render.");
+    }
     currentHook = nextCurrentHook;
     nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
@@ -3587,24 +3765,48 @@ function updateWorkInProgressHook() {
       next: null
     };
     null === workInProgressHook
-      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook =
+          nextCurrentHook)
       : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
+var createFunctionComponentUpdateQueue;
+createFunctionComponentUpdateQueue = function () {
+  return { lastEffect: null, events: null, stores: null };
+};
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
+function use(usable) {
+  if (null !== usable && "object" === typeof usable) {
+    if ("function" === typeof usable.then) return useThenable(usable);
+    if (usable.$$typeof === REACT_CONTEXT_TYPE) return readContext(usable);
+  }
+  throw Error("An unsupported type was passed to use(): " + String(usable));
+}
 function basicStateReducer(state, action) {
   return "function" === typeof action ? action(state) : action;
 }
 function updateReducer(reducer) {
   var hook = updateWorkInProgressHook(),
+    current = currentHook,
     queue = hook.queue;
   if (null === queue)
     throw Error(
       "Should have a queue. This is likely a bug in React. Please file an issue."
     );
   queue.lastRenderedReducer = reducer;
-  var current = currentHook,
-    baseQueue = current.baseQueue,
+  var baseQueue = hook.baseQueue,
     pendingQueue = queue.pending;
   if (null !== pendingQueue) {
     if (null !== baseQueue) {
@@ -3615,29 +3817,40 @@ function updateReducer(reducer) {
     current.baseQueue = baseQueue = pendingQueue;
     queue.pending = null;
   }
-  if (null !== baseQueue) {
-    pendingQueue = baseQueue.next;
-    current = current.baseState;
+  pendingQueue = hook.baseState;
+  if (null === baseQueue) hook.memoizedState = pendingQueue;
+  else {
+    current = baseQueue.next;
     var newBaseQueueFirst = (baseFirst = null),
       newBaseQueueLast = null,
-      update = pendingQueue;
+      update = current;
     do {
-      var updateLane = update.lane;
-      if ((renderLanes & updateLane) === updateLane)
+      var updateLane = update.lane & -536870913;
+      if (
+        updateLane !== update.lane
+          ? (workInProgressRootRenderLanes & updateLane) === updateLane
+          : (renderLanes & updateLane) === updateLane
+      )
         null !== newBaseQueueLast &&
-          (newBaseQueueLast = newBaseQueueLast.next = {
-            lane: 0,
-            action: update.action,
-            hasEagerState: update.hasEagerState,
-            eagerState: update.eagerState,
-            next: null
-          }),
-          (current = update.hasEagerState
+          (newBaseQueueLast = newBaseQueueLast.next =
+            {
+              lane: 0,
+              revertLane: 0,
+              action: update.action,
+              hasEagerState: update.hasEagerState,
+              eagerState: update.eagerState,
+              next: null
+            }),
+          (updateLane = update.action),
+          shouldDoubleInvokeUserFnsInHooksDEV &&
+            reducer(pendingQueue, updateLane),
+          (pendingQueue = update.hasEagerState
             ? update.eagerState
-            : reducer(current, update.action));
+            : reducer(pendingQueue, updateLane));
       else {
         var clone = {
           lane: updateLane,
+          revertLane: update.revertLane,
           action: update.action,
           hasEagerState: update.hasEagerState,
           eagerState: update.eagerState,
@@ -3645,32 +3858,23 @@ function updateReducer(reducer) {
         };
         null === newBaseQueueLast
           ? ((newBaseQueueFirst = newBaseQueueLast = clone),
-            (baseFirst = current))
+            (baseFirst = pendingQueue))
           : (newBaseQueueLast = newBaseQueueLast.next = clone);
         currentlyRenderingFiber$1.lanes |= updateLane;
         workInProgressRootSkippedLanes |= updateLane;
       }
       update = update.next;
-    } while (null !== update && update !== pendingQueue);
+    } while (null !== update && update !== current);
     null === newBaseQueueLast
-      ? (baseFirst = current)
+      ? (baseFirst = pendingQueue)
       : (newBaseQueueLast.next = newBaseQueueFirst);
-    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
-    hook.memoizedState = current;
+    objectIs(pendingQueue, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = pendingQueue;
     hook.baseState = baseFirst;
     hook.baseQueue = newBaseQueueLast;
-    queue.lastRenderedState = current;
+    queue.lastRenderedState = pendingQueue;
   }
-  reducer = queue.interleaved;
-  if (null !== reducer) {
-    baseQueue = reducer;
-    do
-      (pendingQueue = baseQueue.lane),
-        (currentlyRenderingFiber$1.lanes |= pendingQueue),
-        (workInProgressRootSkippedLanes |= pendingQueue),
-        (baseQueue = baseQueue.next);
-    while (baseQueue !== reducer);
-  } else null === baseQueue && (queue.lanes = 0);
+  null === baseQueue && (queue.lanes = 0);
   return [hook.memoizedState, queue.dispatch];
 }
 function rerenderReducer(reducer) {
@@ -3696,12 +3900,14 @@ function rerenderReducer(reducer) {
   }
   return [newState, dispatch];
 }
-function updateMutableSource() {}
 function updateSyncExternalStore(subscribe, getSnapshot) {
   var fiber = currentlyRenderingFiber$1,
-    hook = updateWorkInProgressHook(),
-    nextSnapshot = getSnapshot(),
-    snapshotChanged = !objectIs(hook.memoizedState, nextSnapshot);
+    hook = updateWorkInProgressHook();
+  var nextSnapshot = getSnapshot();
+  var snapshotChanged = !objectIs(
+    (currentHook || hook).memoizedState,
+    nextSnapshot
+  );
   snapshotChanged &&
     ((hook.memoizedState = nextSnapshot), (didReceiveUpdate = !0));
   hook = hook.queue;
@@ -3717,14 +3923,14 @@ function updateSyncExternalStore(subscribe, getSnapshot) {
     pushEffect(
       9,
       updateStoreInstance.bind(null, fiber, hook, nextSnapshot, getSnapshot),
-      void 0,
+      { destroy: void 0 },
       null
     );
     if (null === workInProgressRoot)
       throw Error(
         "Expected a work-in-progress root. This is a bug in React. Please file an issue."
       );
-    0 !== (renderLanes & 30) ||
+    0 !== (renderLanes & 60) ||
       pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
   }
   return nextSnapshot;
@@ -3734,7 +3940,7 @@ function pushStoreConsistencyCheck(fiber, getSnapshot, renderedSnapshot) {
   fiber = { getSnapshot: getSnapshot, value: renderedSnapshot };
   getSnapshot = currentlyRenderingFiber$1.updateQueue;
   null === getSnapshot
-    ? ((getSnapshot = { lastEffect: null, stores: null }),
+    ? ((getSnapshot = createFunctionComponentUpdateQueue()),
       (currentlyRenderingFiber$1.updateQueue = getSnapshot),
       (getSnapshot.stores = [fiber]))
     : ((renderedSnapshot = getSnapshot.stores),
@@ -3748,7 +3954,7 @@ function updateStoreInstance(fiber, inst, nextSnapshot, getSnapshot) {
   checkIfSnapshotChanged(inst) && forceStoreRerender(fiber);
 }
 function subscribeToStore(fiber, inst, subscribe) {
-  return subscribe(function() {
+  return subscribe(function () {
     checkIfSnapshotChanged(inst) && forceStoreRerender(fiber);
   });
 }
@@ -3763,41 +3969,38 @@ function checkIfSnapshotChanged(inst) {
   }
 }
 function forceStoreRerender(fiber) {
-  var root = markUpdateLaneFromFiberToRoot(fiber, 1);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 1, -1);
+  var root = enqueueConcurrentRenderForLane(fiber, 2);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
-function mountState(initialState) {
+function mountStateImpl(initialState) {
   var hook = mountWorkInProgressHook();
-  "function" === typeof initialState && (initialState = initialState());
+  if ("function" === typeof initialState) {
+    var initialStateInitializer = initialState;
+    initialState = initialStateInitializer();
+    shouldDoubleInvokeUserFnsInHooksDEV && initialStateInitializer();
+  }
   hook.memoizedState = hook.baseState = initialState;
-  initialState = {
+  hook.queue = {
     pending: null,
-    interleaved: null,
     lanes: 0,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
   };
-  hook.queue = initialState;
-  initialState = initialState.dispatch = dispatchSetState.bind(
-    null,
-    currentlyRenderingFiber$1,
-    initialState
-  );
-  return [hook.memoizedState, initialState];
+  return hook;
 }
-function pushEffect(tag, create, destroy, deps) {
-  tag = { tag: tag, create: create, destroy: destroy, deps: deps, next: null };
+function pushEffect(tag, create, inst, deps) {
+  tag = { tag: tag, create: create, inst: inst, deps: deps, next: null };
   create = currentlyRenderingFiber$1.updateQueue;
   null === create
-    ? ((create = { lastEffect: null, stores: null }),
+    ? ((create = createFunctionComponentUpdateQueue()),
       (currentlyRenderingFiber$1.updateQueue = create),
       (create.lastEffect = tag.next = tag))
-    : ((destroy = create.lastEffect),
-      null === destroy
+    : ((inst = create.lastEffect),
+      null === inst
         ? (create.lastEffect = tag.next = tag)
-        : ((deps = destroy.next),
-          (destroy.next = tag),
+        : ((deps = inst.next),
+          (inst.next = tag),
           (tag.next = deps),
           (create.lastEffect = tag)));
   return tag;
@@ -3811,30 +4014,26 @@ function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
   hook.memoizedState = pushEffect(
     1 | hookFlags,
     create,
-    void 0,
+    { destroy: void 0 },
     void 0 === deps ? null : deps
   );
 }
 function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
-  var destroy = void 0;
-  if (null !== currentHook) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
-    if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      hook.memoizedState = pushEffect(hookFlags, create, destroy, deps);
-      return;
-    }
-  }
-  currentlyRenderingFiber$1.flags |= fiberFlags;
-  hook.memoizedState = pushEffect(1 | hookFlags, create, destroy, deps);
+  var inst = hook.memoizedState.inst;
+  null !== currentHook &&
+  null !== deps &&
+  areHookInputsEqual(deps, currentHook.memoizedState.deps)
+    ? (hook.memoizedState = pushEffect(hookFlags, create, inst, deps))
+    : ((currentlyRenderingFiber$1.flags |= fiberFlags),
+      (hook.memoizedState = pushEffect(1 | hookFlags, create, inst, deps)));
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(8390656, 8, create, deps);
+  mountEffectImpl(8390656, 8, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(2048, 8, create, deps);
+  updateEffectImpl(2048, 8, create, deps);
 }
 function updateInsertionEffect(create, deps) {
   return updateEffectImpl(4, 2, create, deps);
@@ -3847,7 +4046,7 @@ function imperativeHandleEffect(create, ref) {
     return (
       (create = create()),
       ref(create),
-      function() {
+      function () {
         ref(null);
       }
     );
@@ -3855,30 +4054,21 @@ function imperativeHandleEffect(create, ref) {
     return (
       (create = create()),
       (ref.current = create),
-      function() {
+      function () {
         ref.current = null;
       }
     );
 }
 function updateImperativeHandle(ref, create, deps) {
   deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-  return updateEffectImpl(
-    4,
-    4,
-    imperativeHandleEffect.bind(null, create, ref),
-    deps
-  );
+  updateEffectImpl(4, 4, imperativeHandleEffect.bind(null, create, ref), deps);
 }
 function mountDebugValue() {}
 function updateCallback(callback, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
   var prevState = hook.memoizedState;
-  if (
-    null !== prevState &&
-    null !== deps &&
-    areHookInputsEqual(deps, prevState[1])
-  )
+  if (null !== deps && areHookInputsEqual(deps, prevState[1]))
     return prevState[0];
   hook.memoizedState = [callback, deps];
   return callback;
@@ -3887,41 +4077,53 @@ function updateMemo(nextCreate, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
   var prevState = hook.memoizedState;
-  if (
-    null !== prevState &&
-    null !== deps &&
-    areHookInputsEqual(deps, prevState[1])
-  )
+  if (null !== deps && areHookInputsEqual(deps, prevState[1]))
     return prevState[0];
-  nextCreate = nextCreate();
-  hook.memoizedState = [nextCreate, deps];
-  return nextCreate;
-}
-function updateDeferredValueImpl(hook, prevValue, value) {
-  if (0 === (renderLanes & 21))
+  prevState = nextCreate();
+  shouldDoubleInvokeUserFnsInHooksDEV && nextCreate();
+  hook.memoizedState = [prevState, deps];
+  return prevState;
+}
+function mountDeferredValueImpl(hook, value, initialValue) {
+  return void 0 !== initialValue && 0 === (renderLanes & 1073741824)
+    ? ((hook.memoizedState = initialValue),
+      (hook = requestDeferredLane()),
+      (currentlyRenderingFiber$1.lanes |= hook),
+      (workInProgressRootSkippedLanes |= hook),
+      initialValue)
+    : (hook.memoizedState = value);
+}
+function updateDeferredValueImpl(hook, prevValue, value, initialValue) {
+  if (objectIs(value, prevValue)) return value;
+  if (null !== currentTreeHiddenStackCursor.current)
     return (
-      hook.baseState && ((hook.baseState = !1), (didReceiveUpdate = !0)),
-      (hook.memoizedState = value)
+      (hook = mountDeferredValueImpl(hook, value, initialValue)),
+      objectIs(hook, prevValue) || (didReceiveUpdate = !0),
+      hook
     );
-  objectIs(value, prevValue) ||
-    ((value = claimNextTransitionLane()),
-    (currentlyRenderingFiber$1.lanes |= value),
-    (workInProgressRootSkippedLanes |= value),
-    (hook.baseState = !0));
+  if (0 === (renderLanes & 42))
+    return (didReceiveUpdate = !0), (hook.memoizedState = value);
+  hook = requestDeferredLane();
+  currentlyRenderingFiber$1.lanes |= hook;
+  workInProgressRootSkippedLanes |= hook;
   return prevValue;
 }
-function startTransition(setPending, callback) {
+function startTransition(fiber, queue, pendingState, finishedState, callback) {
   var previousPriority = currentUpdatePriority;
   currentUpdatePriority =
-    0 !== previousPriority && 4 > previousPriority ? previousPriority : 4;
-  setPending(!0);
-  var prevTransition = ReactCurrentBatchConfig$1.transition;
-  ReactCurrentBatchConfig$1.transition = {};
+    0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
+  var prevTransition = ReactCurrentBatchConfig$2.transition,
+    currentTransition = { _callbacks: new Set() };
+  ReactCurrentBatchConfig$2.transition = null;
+  dispatchSetState(fiber, queue, pendingState);
+  ReactCurrentBatchConfig$2.transition = currentTransition;
   try {
-    setPending(!1), callback();
+    dispatchSetState(fiber, queue, finishedState), callback();
+  } catch (error) {
+    throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
-      (ReactCurrentBatchConfig$1.transition = prevTransition);
+      (ReactCurrentBatchConfig$2.transition = prevTransition);
   }
 }
 function updateId() {
@@ -3931,25 +4133,25 @@ function dispatchReducerAction(fiber, queue, action) {
   var lane = requestUpdateLane(fiber);
   action = {
     lane: lane,
+    revertLane: 0,
     action: action,
     hasEagerState: !1,
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    ((action = enqueueConcurrentHookUpdate(fiber, queue, action, lane)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
 }
 function dispatchSetState(fiber, queue, action) {
   var lane = requestUpdateLane(fiber),
     update = {
       lane: lane,
+      revertLane: 0,
       action: action,
       hasEagerState: !1,
       eagerState: null,
@@ -3969,20 +4171,17 @@ function dispatchSetState(fiber, queue, action) {
         update.hasEagerState = !0;
         update.eagerState = eagerState;
         if (objectIs(eagerState, currentState)) {
-          var interleaved = queue.interleaved;
-          null === interleaved
-            ? ((update.next = update), pushConcurrentUpdateQueue(queue))
-            : ((update.next = interleaved.next), (interleaved.next = update));
-          queue.interleaved = update;
+          enqueueUpdate$1(fiber, queue, update, 0);
+          null === workInProgressRoot && finishQueueingConcurrentUpdates();
           return;
         }
       } catch (error) {
       } finally {
       }
-    action = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
+    enqueueUpdate$1(fiber, queue, update, lane);
+    action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
 }
@@ -3994,7 +4193,8 @@ function isRenderPhaseUpdate(fiber) {
   );
 }
 function enqueueRenderPhaseUpdate(queue, update) {
-  didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate = !0;
+  didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate =
+    !0;
   var pending = queue.pending;
   null === pending
     ? (update.next = update)
@@ -4002,7 +4202,7 @@ function enqueueRenderPhaseUpdate(queue, update) {
   queue.pending = update;
 }
 function entangleTransitionUpdate(root, queue, lane) {
-  if (0 !== (lane & 4194240)) {
+  if (0 !== (lane & 4194176)) {
     var queueLanes = queue.lanes;
     queueLanes &= root.pendingLanes;
     lane |= queueLanes;
@@ -4012,6 +4212,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
     readContext: readContext,
+    use: use,
     useCallback: throwInvalidHookError,
     useContext: throwInvalidHookError,
     useEffect: throwInvalidHookError,
@@ -4025,14 +4226,13 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
     useTransition: throwInvalidHookError,
-    useMutableSource: throwInvalidHookError,
     useSyncExternalStore: throwInvalidHookError,
-    useId: throwInvalidHookError,
-    unstable_isNewReconciler: !1
+    useId: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
-    useCallback: function(callback, deps) {
+    use: use,
+    useCallback: function (callback, deps) {
       mountWorkInProgressHook().memoizedState = [
         callback,
         void 0 === deps ? null : deps
@@ -4041,39 +4241,42 @@ var ContextOnlyDispatcher = {
     },
     useContext: readContext,
     useEffect: mountEffect,
-    useImperativeHandle: function(ref, create, deps) {
+    useImperativeHandle: function (ref, create, deps) {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return mountEffectImpl(
-        4,
+      mountEffectImpl(
+        4194308,
         4,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
-    useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 4, create, deps);
+    useLayoutEffect: function (create, deps) {
+      return mountEffectImpl(4194308, 4, create, deps);
     },
-    useInsertionEffect: function(create, deps) {
-      return mountEffectImpl(4, 2, create, deps);
+    useInsertionEffect: function (create, deps) {
+      mountEffectImpl(4, 2, create, deps);
     },
-    useMemo: function(nextCreate, deps) {
+    useMemo: function (nextCreate, deps) {
       var hook = mountWorkInProgressHook();
       deps = void 0 === deps ? null : deps;
-      nextCreate = nextCreate();
-      hook.memoizedState = [nextCreate, deps];
-      return nextCreate;
+      var nextValue = nextCreate();
+      shouldDoubleInvokeUserFnsInHooksDEV && nextCreate();
+      hook.memoizedState = [nextValue, deps];
+      return nextValue;
     },
-    useReducer: function(reducer, initialArg, init) {
+    useReducer: function (reducer, initialArg, init) {
       var hook = mountWorkInProgressHook();
-      initialArg = void 0 !== init ? init(initialArg) : initialArg;
-      hook.memoizedState = hook.baseState = initialArg;
+      if (void 0 !== init) {
+        var initialState = init(initialArg);
+        shouldDoubleInvokeUserFnsInHooksDEV && init(initialArg);
+      } else initialState = initialArg;
+      hook.memoizedState = hook.baseState = initialState;
       reducer = {
         pending: null,
-        interleaved: null,
         lanes: 0,
         dispatch: null,
         lastRenderedReducer: reducer,
-        lastRenderedState: initialArg
+        lastRenderedState: initialState
       };
       hook.queue = reducer;
       reducer = reducer.dispatch = dispatchReducerAction.bind(
@@ -4083,25 +4286,40 @@ var ContextOnlyDispatcher = {
       );
       return [hook.memoizedState, reducer];
     },
-    useRef: function(initialValue) {
+    useRef: function (initialValue) {
       var hook = mountWorkInProgressHook();
       initialValue = { current: initialValue };
       return (hook.memoizedState = initialValue);
     },
-    useState: mountState,
+    useState: function (initialState) {
+      initialState = mountStateImpl(initialState);
+      var queue = initialState.queue,
+        dispatch = dispatchSetState.bind(
+          null,
+          currentlyRenderingFiber$1,
+          queue
+        );
+      queue.dispatch = dispatch;
+      return [initialState.memoizedState, dispatch];
+    },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
-      return (mountWorkInProgressHook().memoizedState = value);
+    useDeferredValue: function (value, initialValue) {
+      var hook = mountWorkInProgressHook();
+      return mountDeferredValueImpl(hook, value, initialValue);
     },
-    useTransition: function() {
-      var _mountState = mountState(!1),
-        isPending = _mountState[0];
-      _mountState = startTransition.bind(null, _mountState[1]);
-      mountWorkInProgressHook().memoizedState = _mountState;
-      return [isPending, _mountState];
+    useTransition: function () {
+      var stateHook = mountStateImpl(!1);
+      stateHook = startTransition.bind(
+        null,
+        currentlyRenderingFiber$1,
+        stateHook.queue,
+        !0,
+        !1
+      );
+      mountWorkInProgressHook().memoizedState = stateHook;
+      return [!1, stateHook];
     },
-    useMutableSource: function() {},
-    useSyncExternalStore: function(subscribe, getSnapshot) {
+    useSyncExternalStore: function (subscribe, getSnapshot) {
       var fiber = currentlyRenderingFiber$1,
         hook = mountWorkInProgressHook();
       var nextSnapshot = getSnapshot();
@@ -4109,7 +4327,7 @@ var ContextOnlyDispatcher = {
         throw Error(
           "Expected a work-in-progress root. This is a bug in React. Please file an issue."
         );
-      0 !== (renderLanes & 30) ||
+      0 !== (workInProgressRootRenderLanes & 60) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
       hook.memoizedState = nextSnapshot;
       var inst = { value: nextSnapshot, getSnapshot: getSnapshot };
@@ -4121,23 +4339,23 @@ var ContextOnlyDispatcher = {
       pushEffect(
         9,
         updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
-        void 0,
+        { destroy: void 0 },
         null
       );
       return nextSnapshot;
     },
-    useId: function() {
+    useId: function () {
       var hook = mountWorkInProgressHook(),
         identifierPrefix = workInProgressRoot.identifierPrefix,
         globalClientId = globalClientIdCounter++;
       identifierPrefix =
         ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":";
       return (hook.memoizedState = identifierPrefix);
-    },
-    unstable_isNewReconciler: !1
+    }
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
+    use: use,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
@@ -4147,26 +4365,35 @@ var ContextOnlyDispatcher = {
     useMemo: updateMemo,
     useReducer: updateReducer,
     useRef: updateRef,
-    useState: function() {
+    useState: function () {
       return updateReducer(basicStateReducer);
     },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
+    useDeferredValue: function (value, initialValue) {
       var hook = updateWorkInProgressHook();
-      return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
+      return updateDeferredValueImpl(
+        hook,
+        currentHook.memoizedState,
+        value,
+        initialValue
+      );
     },
-    useTransition: function() {
-      var isPending = updateReducer(basicStateReducer)[0],
+    useTransition: function () {
+      var booleanOrThenable = updateReducer(basicStateReducer)[0],
         start = updateWorkInProgressHook().memoizedState;
-      return [isPending, start];
+      return [
+        "boolean" === typeof booleanOrThenable
+          ? booleanOrThenable
+          : useThenable(booleanOrThenable),
+        start
+      ];
     },
-    useMutableSource: updateMutableSource,
     useSyncExternalStore: updateSyncExternalStore,
-    useId: updateId,
-    unstable_isNewReconciler: !1
+    useId: updateId
   },
   HooksDispatcherOnRerender = {
     readContext: readContext,
+    use: use,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
@@ -4176,145 +4403,438 @@ var ContextOnlyDispatcher = {
     useMemo: updateMemo,
     useReducer: rerenderReducer,
     useRef: updateRef,
-    useState: function() {
+    useState: function () {
       return rerenderReducer(basicStateReducer);
     },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
+    useDeferredValue: function (value, initialValue) {
       var hook = updateWorkInProgressHook();
       return null === currentHook
-        ? (hook.memoizedState = value)
-        : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
+        ? mountDeferredValueImpl(hook, value, initialValue)
+        : updateDeferredValueImpl(
+            hook,
+            currentHook.memoizedState,
+            value,
+            initialValue
+          );
     },
-    useTransition: function() {
-      var isPending = rerenderReducer(basicStateReducer)[0],
+    useTransition: function () {
+      var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
         start = updateWorkInProgressHook().memoizedState;
-      return [isPending, start];
+      return [
+        "boolean" === typeof booleanOrThenable
+          ? booleanOrThenable
+          : useThenable(booleanOrThenable),
+        start
+      ];
     },
-    useMutableSource: updateMutableSource,
     useSyncExternalStore: updateSyncExternalStore,
-    useId: updateId,
-    unstable_isNewReconciler: !1
-  };
-function createCapturedValueAtFiber(value, source) {
-  return {
-    value: value,
-    source: source,
-    stack: getStackByFiberInDevAndProd(source),
-    digest: null
-  };
-}
-function createCapturedValue(value, digest, stack) {
-  return {
-    value: value,
-    source: null,
-    stack: null != stack ? stack : null,
-    digest: null != digest ? digest : null
-  };
-}
-if (
-  "function" !==
-  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
-)
-  throw Error(
-    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
-  );
-function logCapturedError(boundary, errorInfo) {
-  try {
-    !1 !==
-      ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog({
-        componentStack: null !== errorInfo.stack ? errorInfo.stack : "",
-        error: errorInfo.value,
-        errorBoundary:
-          null !== boundary && 1 === boundary.tag ? boundary.stateNode : null
-      }) && console.error(errorInfo.value);
-  } catch (e) {
-    setTimeout(function() {
-      throw e;
-    });
-  }
-}
-var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
-function createRootErrorUpdate(fiber, errorInfo, lane) {
-  lane = createUpdate(-1, lane);
-  lane.tag = 3;
-  lane.payload = { element: null };
-  var error = errorInfo.value;
-  lane.callback = function() {
-    hasUncaughtError || ((hasUncaughtError = !0), (firstUncaughtError = error));
-    logCapturedError(fiber, errorInfo);
+    useId: updateId
   };
-  return lane;
-}
-function createClassErrorUpdate(fiber, errorInfo, lane) {
-  lane = createUpdate(-1, lane);
-  lane.tag = 3;
-  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
-  if ("function" === typeof getDerivedStateFromError) {
-    var error = errorInfo.value;
-    lane.payload = function() {
-      return getDerivedStateFromError(error);
-    };
-    lane.callback = function() {
-      logCapturedError(fiber, errorInfo);
-    };
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    baseProps = assign({}, baseProps);
+    Component = Component.defaultProps;
+    for (var propName in Component)
+      void 0 === baseProps[propName] &&
+        (baseProps[propName] = Component[propName]);
+    return baseProps;
   }
-  var inst = fiber.stateNode;
-  null !== inst &&
-    "function" === typeof inst.componentDidCatch &&
-    (lane.callback = function() {
-      logCapturedError(fiber, errorInfo);
-      "function" !== typeof getDerivedStateFromError &&
-        (null === legacyErrorBoundariesThatAlreadyFailed
-          ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
-          : legacyErrorBoundariesThatAlreadyFailed.add(this));
-      var stack = errorInfo.stack;
-      this.componentDidCatch(errorInfo.value, {
-        componentStack: null !== stack ? stack : ""
-      });
-    });
-  return lane;
-}
-function attachPingListener(root, wakeable, lanes) {
-  var pingCache = root.pingCache;
-  if (null === pingCache) {
-    pingCache = root.pingCache = new PossiblyWeakMap();
-    var threadIDs = new Set();
-    pingCache.set(wakeable, threadIDs);
-  } else
-    (threadIDs = pingCache.get(wakeable)),
-      void 0 === threadIDs &&
-        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
-  threadIDs.has(lanes) ||
-    (threadIDs.add(lanes),
-    (root = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
-    wakeable.then(root, root));
-}
-var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
-  didReceiveUpdate = !1;
-function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
-  workInProgress.child =
-    null === current
-      ? mountChildFibers(workInProgress, null, nextChildren, renderLanes)
-      : reconcileChildFibers(
-          workInProgress,
-          current.child,
-          nextChildren,
-          renderLanes
-        );
+  return baseProps;
 }
-function updateForwardRef(
-  current,
+function applyDerivedStateFromProps(
   workInProgress,
-  Component,
-  nextProps,
-  renderLanes
+  ctor,
+  getDerivedStateFromProps,
+  nextProps
 ) {
-  Component = Component.render;
-  var ref = workInProgress.ref;
-  prepareToReadContext(workInProgress, renderLanes);
-  nextProps = renderWithHooks(
-    current,
+  ctor = workInProgress.memoizedState;
+  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
+  getDerivedStateFromProps =
+    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
+      ? ctor
+      : assign({}, ctor, getDerivedStateFromProps);
+  workInProgress.memoizedState = getDerivedStateFromProps;
+  0 === workInProgress.lanes &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
+}
+var classComponentUpdater = {
+  isMounted: function (component) {
+    return (component = component._reactInternals)
+      ? getNearestMountedFiber(component) === component
+      : !1;
+  },
+  enqueueSetState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueReplaceState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.tag = 1;
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueForceUpdate: function (inst, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.tag = 2;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    callback = enqueueUpdate(inst, update, lane);
+    null !== callback &&
+      (scheduleUpdateOnFiber(callback, inst, lane),
+      entangleTransitions(callback, inst, lane));
+  }
+};
+function checkShouldComponentUpdate(
+  workInProgress,
+  ctor,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  nextContext
+) {
+  workInProgress = workInProgress.stateNode;
+  return "function" === typeof workInProgress.shouldComponentUpdate
+    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
+    : ctor.prototype && ctor.prototype.isPureReactComponent
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
+}
+function constructClassInstance(workInProgress, ctor, props) {
+  var isLegacyContextConsumer = !1,
+    unmaskedContext = emptyContextObject;
+  var context = ctor.contextType;
+  "object" === typeof context && null !== context
+    ? (context = readContext(context))
+    : ((unmaskedContext = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor$1.current),
+      (isLegacyContextConsumer = ctor.contextTypes),
+      (context = (isLegacyContextConsumer =
+        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
+        ? getMaskedContext(workInProgress, unmaskedContext)
+        : emptyContextObject));
+  ctor = new ctor(props, context);
+  workInProgress.memoizedState =
+    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
+  ctor.updater = classComponentUpdater;
+  workInProgress.stateNode = ctor;
+  ctor._reactInternals = workInProgress;
+  isLegacyContextConsumer &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext =
+      unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return ctor;
+}
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  nextContext
+) {
+  workInProgress = instance.state;
+  "function" === typeof instance.componentWillReceiveProps &&
+    instance.componentWillReceiveProps(newProps, nextContext);
+  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
+    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+  instance.state !== workInProgress &&
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+}
+function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
+  var instance = workInProgress.stateNode;
+  instance.props = newProps;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = {};
+  initializeUpdateQueue(workInProgress);
+  var contextType = ctor.contextType;
+  "object" === typeof contextType && null !== contextType
+    ? (instance.context = readContext(contextType))
+    : ((contextType = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor$1.current),
+      (instance.context = getMaskedContext(workInProgress, contextType)));
+  instance.state = workInProgress.memoizedState;
+  contextType = ctor.getDerivedStateFromProps;
+  "function" === typeof contextType &&
+    (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof ctor.getDerivedStateFromProps ||
+    "function" === typeof instance.getSnapshotBeforeUpdate ||
+    ("function" !== typeof instance.UNSAFE_componentWillMount &&
+      "function" !== typeof instance.componentWillMount) ||
+    ((ctor = instance.state),
+    "function" === typeof instance.componentWillMount &&
+      instance.componentWillMount(),
+    "function" === typeof instance.UNSAFE_componentWillMount &&
+      instance.UNSAFE_componentWillMount(),
+    ctor !== instance.state &&
+      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
+    processUpdateQueue(workInProgress, newProps, instance, renderLanes),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.flags |= 4194308);
+}
+function createCapturedValueAtFiber(value, source) {
+  return {
+    value: value,
+    source: source,
+    stack: getStackByFiberInDevAndProd(source),
+    digest: null
+  };
+}
+if (
+  "function" !==
+  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
+)
+  throw Error(
+    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
+  );
+function logCapturedError(boundary, errorInfo) {
+  try {
+    !1 !==
+      ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog({
+        componentStack: null !== errorInfo.stack ? errorInfo.stack : "",
+        error: errorInfo.value,
+        errorBoundary:
+          null !== boundary && 1 === boundary.tag ? boundary.stateNode : null
+      }) && console.error(errorInfo.value);
+  } catch (e) {
+    setTimeout(function () {
+      throw e;
+    });
+  }
+}
+function createRootErrorUpdate(fiber, errorInfo, lane) {
+  lane = createUpdate(lane);
+  lane.tag = 3;
+  lane.payload = { element: null };
+  var error = errorInfo.value;
+  lane.callback = function () {
+    hasUncaughtError || ((hasUncaughtError = !0), (firstUncaughtError = error));
+    logCapturedError(fiber, errorInfo);
+  };
+  return lane;
+}
+function createClassErrorUpdate(fiber, errorInfo, lane) {
+  lane = createUpdate(lane);
+  lane.tag = 3;
+  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+  if ("function" === typeof getDerivedStateFromError) {
+    var error = errorInfo.value;
+    lane.payload = function () {
+      return getDerivedStateFromError(error);
+    };
+    lane.callback = function () {
+      logCapturedError(fiber, errorInfo);
+    };
+  }
+  var inst = fiber.stateNode;
+  null !== inst &&
+    "function" === typeof inst.componentDidCatch &&
+    (lane.callback = function () {
+      logCapturedError(fiber, errorInfo);
+      "function" !== typeof getDerivedStateFromError &&
+        (null === legacyErrorBoundariesThatAlreadyFailed
+          ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
+          : legacyErrorBoundariesThatAlreadyFailed.add(this));
+      var stack = errorInfo.stack;
+      this.componentDidCatch(errorInfo.value, {
+        componentStack: null !== stack ? stack : ""
+      });
+    });
+  return lane;
+}
+function throwException(
+  root,
+  returnFiber,
+  sourceFiber,
+  value,
+  rootRenderLanes
+) {
+  sourceFiber.flags |= 32768;
+  if (
+    null !== value &&
+    "object" === typeof value &&
+    "function" === typeof value.then
+  ) {
+    var tag = sourceFiber.tag;
+    0 !== (sourceFiber.mode & 1) ||
+      (0 !== tag && 11 !== tag && 15 !== tag) ||
+      ((tag = sourceFiber.alternate)
+        ? ((sourceFiber.updateQueue = tag.updateQueue),
+          (sourceFiber.memoizedState = tag.memoizedState),
+          (sourceFiber.lanes = tag.lanes))
+        : ((sourceFiber.updateQueue = null),
+          (sourceFiber.memoizedState = null)));
+    tag = suspenseHandlerStackCursor.current;
+    if (null !== tag) {
+      switch (tag.tag) {
+        case 13:
+          return (
+            sourceFiber.mode & 1 &&
+              (null === shellBoundary
+                ? renderDidSuspendDelayIfPossible()
+                : null === tag.alternate &&
+                  0 === workInProgressRootExitStatus &&
+                  (workInProgressRootExitStatus = 3)),
+            (tag.flags &= -257),
+            0 === (tag.mode & 1)
+              ? tag === returnFiber
+                ? (tag.flags |= 65536)
+                : ((tag.flags |= 128),
+                  (sourceFiber.flags |= 131072),
+                  (sourceFiber.flags &= -52805),
+                  1 === sourceFiber.tag &&
+                    (null === sourceFiber.alternate
+                      ? (sourceFiber.tag = 17)
+                      : ((returnFiber = createUpdate(2)),
+                        (returnFiber.tag = 2),
+                        enqueueUpdate(sourceFiber, returnFiber, 2))),
+                  (sourceFiber.lanes |= 2))
+              : ((tag.flags |= 65536), (tag.lanes = rootRenderLanes)),
+            value === noopSuspenseyCommitThenable
+              ? (tag.flags |= 16384)
+              : ((returnFiber = tag.updateQueue),
+                null === returnFiber
+                  ? (tag.updateQueue = new Set([value]))
+                  : returnFiber.add(value),
+                tag.mode & 1 &&
+                  attachPingListener(root, value, rootRenderLanes)),
+            !1
+          );
+        case 22:
+          if (tag.mode & 1)
+            return (
+              (tag.flags |= 65536),
+              value === noopSuspenseyCommitThenable
+                ? (tag.flags |= 16384)
+                : ((returnFiber = tag.updateQueue),
+                  null === returnFiber
+                    ? ((returnFiber = {
+                        transitions: null,
+                        markerInstances: null,
+                        retryQueue: new Set([value])
+                      }),
+                      (tag.updateQueue = returnFiber))
+                    : ((sourceFiber = returnFiber.retryQueue),
+                      null === sourceFiber
+                        ? (returnFiber.retryQueue = new Set([value]))
+                        : sourceFiber.add(value)),
+                  attachPingListener(root, value, rootRenderLanes)),
+              !1
+            );
+      }
+      throw Error(
+        "Unexpected Suspense handler tag (" +
+          tag.tag +
+          "). This is a bug in React."
+      );
+    }
+    if (1 === root.tag)
+      return (
+        attachPingListener(root, value, rootRenderLanes),
+        renderDidSuspendDelayIfPossible(),
+        !1
+      );
+    value = Error(
+      "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition."
+    );
+  }
+  root = value = createCapturedValueAtFiber(value, sourceFiber);
+  4 !== workInProgressRootExitStatus && (workInProgressRootExitStatus = 2);
+  null === workInProgressRootConcurrentErrors
+    ? (workInProgressRootConcurrentErrors = [root])
+    : workInProgressRootConcurrentErrors.push(root);
+  if (null === returnFiber) return !0;
+  root = returnFiber;
+  do {
+    switch (root.tag) {
+      case 3:
+        return (
+          (root.flags |= 65536),
+          (rootRenderLanes &= -rootRenderLanes),
+          (root.lanes |= rootRenderLanes),
+          (rootRenderLanes = createRootErrorUpdate(
+            root,
+            value,
+            rootRenderLanes
+          )),
+          enqueueCapturedUpdate(root, rootRenderLanes),
+          !1
+        );
+      case 1:
+        if (
+          ((returnFiber = value),
+          (sourceFiber = root.type),
+          (tag = root.stateNode),
+          0 === (root.flags & 128) &&
+            ("function" === typeof sourceFiber.getDerivedStateFromError ||
+              (null !== tag &&
+                "function" === typeof tag.componentDidCatch &&
+                (null === legacyErrorBoundariesThatAlreadyFailed ||
+                  !legacyErrorBoundariesThatAlreadyFailed.has(tag)))))
+        )
+          return (
+            (root.flags |= 65536),
+            (rootRenderLanes &= -rootRenderLanes),
+            (root.lanes |= rootRenderLanes),
+            (rootRenderLanes = createClassErrorUpdate(
+              root,
+              returnFiber,
+              rootRenderLanes
+            )),
+            enqueueCapturedUpdate(root, rootRenderLanes),
+            !1
+          );
+    }
+    root = root.return;
+  } while (null !== root);
+  return !1;
+}
+var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(
+    "This is not a real error. It's an implementation detail of React's selective hydration feature. If this leaks into userspace, it's a bug in React. Please file an issue."
+  ),
+  didReceiveUpdate = !1;
+function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
+  workInProgress.child =
+    null === current
+      ? mountChildFibers(workInProgress, null, nextChildren, renderLanes)
+      : reconcileChildFibers(
+          workInProgress,
+          current.child,
+          nextChildren,
+          renderLanes
+        );
+}
+function updateForwardRef(
+  current,
+  workInProgress,
+  Component,
+  nextProps,
+  renderLanes
+) {
+  Component = Component.render;
+  var ref = workInProgress.ref;
+  prepareToReadContext(workInProgress, renderLanes);
+  nextProps = renderWithHooks(
+    current,
     workInProgress,
     Component,
     nextProps,
@@ -4323,9 +4843,7 @@ function updateForwardRef(
   );
   if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current.updateQueue),
-      (workInProgress.flags &= -2053),
-      (current.lanes &= ~renderLanes),
+      bailoutHooks(current, workInProgress, renderLanes),
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   workInProgress.flags |= 1;
@@ -4421,60 +4939,69 @@ function updateSimpleMemoComponent(
 function updateOffscreenComponent(current, workInProgress, renderLanes) {
   var nextProps = workInProgress.pendingProps,
     nextChildren = nextProps.children,
+    nextIsDetached = 0 !== (workInProgress.stateNode._pendingVisibility & 2),
     prevState = null !== current ? current.memoizedState : null;
-  if ("hidden" === nextProps.mode)
+  markRef$1(current, workInProgress);
+  if ("hidden" === nextProps.mode || nextIsDetached) {
+    if (0 !== (workInProgress.flags & 128)) {
+      renderLanes =
+        null !== prevState ? prevState.baseLanes | renderLanes : renderLanes;
+      if (null !== current) {
+        nextProps = workInProgress.child = current.child;
+        for (nextChildren = 0; null !== nextProps; )
+          (nextChildren =
+            nextChildren | nextProps.lanes | nextProps.childLanes),
+            (nextProps = nextProps.sibling);
+        workInProgress.childLanes = nextChildren & ~renderLanes;
+      } else (workInProgress.childLanes = 0), (workInProgress.child = null);
+      return deferHiddenOffscreenComponent(
+        current,
+        workInProgress,
+        renderLanes
+      );
+    }
     if (0 === (workInProgress.mode & 1))
-      (workInProgress.memoizedState = {
-        baseLanes: 0,
-        cachePool: null,
-        transitions: null
-      }),
-        push(subtreeRenderLanesCursor, subtreeRenderLanes),
-        (subtreeRenderLanes |= renderLanes);
+      (workInProgress.memoizedState = { baseLanes: 0, cachePool: null }),
+        reuseHiddenContextOnStack();
     else {
-      if (0 === (renderLanes & 1073741824))
+      if (0 === (renderLanes & 536870912))
         return (
-          (current =
-            null !== prevState
-              ? prevState.baseLanes | renderLanes
-              : renderLanes),
-          (workInProgress.lanes = workInProgress.childLanes = 1073741824),
-          (workInProgress.memoizedState = {
-            baseLanes: current,
-            cachePool: null,
-            transitions: null
-          }),
-          (workInProgress.updateQueue = null),
-          push(subtreeRenderLanesCursor, subtreeRenderLanes),
-          (subtreeRenderLanes |= current),
-          null
+          (workInProgress.lanes = workInProgress.childLanes = 536870912),
+          deferHiddenOffscreenComponent(
+            current,
+            workInProgress,
+            null !== prevState ? prevState.baseLanes | renderLanes : renderLanes
+          )
         );
-      workInProgress.memoizedState = {
-        baseLanes: 0,
-        cachePool: null,
-        transitions: null
-      };
-      nextProps = null !== prevState ? prevState.baseLanes : renderLanes;
-      push(subtreeRenderLanesCursor, subtreeRenderLanes);
-      subtreeRenderLanes |= nextProps;
+      workInProgress.memoizedState = { baseLanes: 0, cachePool: null };
+      null !== prevState
+        ? pushHiddenContext(workInProgress, prevState)
+        : reuseHiddenContextOnStack();
     }
-  else
+    pushOffscreenSuspenseHandler(workInProgress);
+  } else
     null !== prevState
-      ? ((nextProps = prevState.baseLanes | renderLanes),
+      ? (pushHiddenContext(workInProgress, prevState),
+        reuseSuspenseHandlerOnStack(workInProgress),
         (workInProgress.memoizedState = null))
-      : (nextProps = renderLanes),
-      push(subtreeRenderLanesCursor, subtreeRenderLanes),
-      (subtreeRenderLanes |= nextProps);
+      : (reuseHiddenContextOnStack(),
+        reuseSuspenseHandlerOnStack(workInProgress));
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
-function markRef(current, workInProgress) {
+function deferHiddenOffscreenComponent(current, workInProgress, nextBaseLanes) {
+  workInProgress.memoizedState = { baseLanes: nextBaseLanes, cachePool: null };
+  reuseHiddenContextOnStack();
+  pushOffscreenSuspenseHandler(workInProgress);
+  return null;
+}
+function markRef$1(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
     (null === current && null !== ref) ||
     (null !== current && current.ref !== ref)
   )
-    workInProgress.flags |= 512;
+    (workInProgress.flags |= 512), (workInProgress.flags |= 2097152);
 }
 function updateFunctionComponent(
   current,
@@ -4485,7 +5012,7 @@ function updateFunctionComponent(
 ) {
   var context = isContextProvider(Component)
     ? previousContext
-    : contextStackCursor.current;
+    : contextStackCursor$1.current;
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderLanes);
   Component = renderWithHooks(
@@ -4498,15 +5025,38 @@ function updateFunctionComponent(
   );
   if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current.updateQueue),
-      (workInProgress.flags &= -2053),
-      (current.lanes &= ~renderLanes),
+      bailoutHooks(current, workInProgress, renderLanes),
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   workInProgress.flags |= 1;
   reconcileChildren(current, workInProgress, Component, renderLanes);
   return workInProgress.child;
 }
+function replayFunctionComponent(
+  current,
+  workInProgress,
+  nextProps,
+  Component,
+  secondArg,
+  renderLanes
+) {
+  prepareToReadContext(workInProgress, renderLanes);
+  nextProps = renderWithHooksAgain(
+    workInProgress,
+    Component,
+    nextProps,
+    secondArg
+  );
+  finishRenderingHooks();
+  if (null !== current && !didReceiveUpdate)
+    return (
+      bailoutHooks(current, workInProgress, renderLanes),
+      bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
+    );
+  workInProgress.flags |= 1;
+  reconcileChildren(current, workInProgress, nextProps, renderLanes);
+  return workInProgress.child;
+}
 function updateClassComponent(
   current,
   workInProgress,
@@ -4534,7 +5084,7 @@ function updateClassComponent(
       ? (contextType = readContext(contextType))
       : ((contextType = isContextProvider(Component)
           ? previousContext
-          : contextStackCursor.current),
+          : contextStackCursor$1.current),
         (contextType = getMaskedContext(workInProgress, contextType)));
     var getDerivedStateFromProps = Component.getDerivedStateFromProps,
       hasNewLifecycles =
@@ -4586,9 +5136,9 @@ function updateClassComponent(
               "function" === typeof instance.UNSAFE_componentWillMount &&
                 instance.UNSAFE_componentWillMount()),
             "function" === typeof instance.componentDidMount &&
-              (workInProgress.flags |= 4))
+              (workInProgress.flags |= 4194308))
           : ("function" === typeof instance.componentDidMount &&
-              (workInProgress.flags |= 4),
+              (workInProgress.flags |= 4194308),
             (workInProgress.memoizedProps = nextProps),
             (workInProgress.memoizedState = oldContext)),
         (instance.props = nextProps),
@@ -4596,7 +5146,7 @@ function updateClassComponent(
         (instance.context = contextType),
         (nextProps = oldProps))
       : ("function" === typeof instance.componentDidMount &&
-          (workInProgress.flags |= 4),
+          (workInProgress.flags |= 4194308),
         (nextProps = !1));
   } else {
     instance = workInProgress.stateNode;
@@ -4614,7 +5164,7 @@ function updateClassComponent(
       ? (oldContext = readContext(oldContext))
       : ((oldContext = isContextProvider(Component)
           ? previousContext
-          : contextStackCursor.current),
+          : contextStackCursor$1.current),
         (oldContext = getMaskedContext(workInProgress, oldContext)));
     var getDerivedStateFromProps$jscomp$0 = Component.getDerivedStateFromProps;
     (getDerivedStateFromProps =
@@ -4714,7 +5264,7 @@ function finishClassComponent(
   hasContext,
   renderLanes
 ) {
-  markRef(current, workInProgress);
+  markRef$1(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.flags & 128);
   if (!shouldUpdate && !didCaptureError)
     return (
@@ -4760,11 +5310,19 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, treeContext: null, retryLane: 0 };
 function mountSuspenseOffscreenState(renderLanes) {
-  return { baseLanes: renderLanes, cachePool: null, transitions: null };
+  return { baseLanes: renderLanes, cachePool: null };
+}
+function getRemainingWorkInPrimaryTree(
+  current,
+  primaryTreeDidDefer,
+  renderLanes
+) {
+  current = null !== current ? current.childLanes & ~renderLanes : 0;
+  primaryTreeDidDefer && (current |= workInProgressDeferredLane);
+  return current;
 }
 function updateSuspenseComponent(current, workInProgress, renderLanes) {
   var nextProps = workInProgress.pendingProps,
-    suspenseContext = suspenseStackCursor.current,
     showFallback = !1,
     didSuspend = 0 !== (workInProgress.flags & 128),
     JSCompiler_temp;
@@ -4772,83 +5330,85 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     (JSCompiler_temp =
       null !== current && null === current.memoizedState
         ? !1
-        : 0 !== (suspenseContext & 2));
-  if (JSCompiler_temp) (showFallback = !0), (workInProgress.flags &= -129);
-  else if (null === current || null !== current.memoizedState)
-    suspenseContext |= 1;
-  push(suspenseStackCursor, suspenseContext & 1);
+        : 0 !== (suspenseStackCursor.current & 2));
+  JSCompiler_temp && ((showFallback = !0), (workInProgress.flags &= -129));
+  JSCompiler_temp = 0 !== (workInProgress.flags & 32);
+  workInProgress.flags &= -33;
   if (null === current) {
-    current = workInProgress.memoizedState;
-    if (null !== current && null !== current.dehydrated)
-      return (
-        0 === (workInProgress.mode & 1)
-          ? (workInProgress.lanes = 1)
-          : shim()
-          ? (workInProgress.lanes = 8)
-          : (workInProgress.lanes = 1073741824),
+    didSuspend = nextProps.children;
+    nextProps = nextProps.fallback;
+    if (showFallback) {
+      reuseSuspenseHandlerOnStack(workInProgress);
+      showFallback = workInProgress.mode;
+      var progressedPrimaryFragment = workInProgress.child;
+      didSuspend = { mode: "hidden", children: didSuspend };
+      0 === (showFallback & 1) && null !== progressedPrimaryFragment
+        ? ((progressedPrimaryFragment.childLanes = 0),
+          (progressedPrimaryFragment.pendingProps = didSuspend))
+        : (progressedPrimaryFragment = createFiberFromOffscreen(
+            didSuspend,
+            showFallback,
+            0,
+            null
+          ));
+      nextProps = createFiberFromFragment(
+        nextProps,
+        showFallback,
+        renderLanes,
         null
       );
-    didSuspend = nextProps.children;
-    current = nextProps.fallback;
-    return showFallback
-      ? ((nextProps = workInProgress.mode),
-        (showFallback = workInProgress.child),
-        (didSuspend = { mode: "hidden", children: didSuspend }),
-        0 === (nextProps & 1) && null !== showFallback
-          ? ((showFallback.childLanes = 0),
-            (showFallback.pendingProps = didSuspend))
-          : (showFallback = createFiberFromOffscreen(
-              didSuspend,
-              nextProps,
-              0,
-              null
-            )),
-        (current = createFiberFromFragment(
-          current,
-          nextProps,
-          renderLanes,
-          null
-        )),
-        (showFallback.return = workInProgress),
-        (current.return = workInProgress),
-        (showFallback.sibling = current),
-        (workInProgress.child = showFallback),
-        (workInProgress.child.memoizedState = mountSuspenseOffscreenState(
-          renderLanes
-        )),
-        (workInProgress.memoizedState = SUSPENDED_MARKER),
-        current)
-      : mountSuspensePrimaryChildren(workInProgress, didSuspend);
+      progressedPrimaryFragment.return = workInProgress;
+      nextProps.return = workInProgress;
+      progressedPrimaryFragment.sibling = nextProps;
+      workInProgress.child = progressedPrimaryFragment;
+      showFallback = workInProgress.child;
+      showFallback.memoizedState = mountSuspenseOffscreenState(renderLanes);
+      showFallback.childLanes = getRemainingWorkInPrimaryTree(
+        current,
+        JSCompiler_temp,
+        renderLanes
+      );
+      workInProgress.memoizedState = SUSPENDED_MARKER;
+      return nextProps;
+    }
+    pushPrimaryTreeSuspenseHandler(workInProgress);
+    return mountSuspensePrimaryChildren(workInProgress, didSuspend);
+  }
+  progressedPrimaryFragment = current.memoizedState;
+  if (null !== progressedPrimaryFragment) {
+    var dehydrated = progressedPrimaryFragment.dehydrated;
+    if (null !== dehydrated)
+      return updateDehydratedSuspenseComponent(
+        current,
+        workInProgress,
+        didSuspend,
+        JSCompiler_temp,
+        nextProps,
+        dehydrated,
+        progressedPrimaryFragment,
+        renderLanes
+      );
   }
-  suspenseContext = current.memoizedState;
-  if (
-    null !== suspenseContext &&
-    ((JSCompiler_temp = suspenseContext.dehydrated), null !== JSCompiler_temp)
-  )
-    return updateDehydratedSuspenseComponent(
-      current,
-      workInProgress,
-      didSuspend,
-      nextProps,
-      JSCompiler_temp,
-      suspenseContext,
-      renderLanes
-    );
   if (showFallback) {
+    reuseSuspenseHandlerOnStack(workInProgress);
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
-    suspenseContext = current.child;
-    JSCompiler_temp = suspenseContext.sibling;
+    progressedPrimaryFragment = current.child;
+    dehydrated = progressedPrimaryFragment.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
-    0 === (didSuspend & 1) && workInProgress.child !== suspenseContext
+    0 === (didSuspend & 1) && workInProgress.child !== progressedPrimaryFragment
       ? ((nextProps = workInProgress.child),
         (nextProps.childLanes = 0),
         (nextProps.pendingProps = primaryChildProps),
         (workInProgress.deletions = null))
-      : ((nextProps = createWorkInProgress(suspenseContext, primaryChildProps)),
-        (nextProps.subtreeFlags = suspenseContext.subtreeFlags & 14680064));
-    null !== JSCompiler_temp
-      ? (showFallback = createWorkInProgress(JSCompiler_temp, showFallback))
+      : ((nextProps = createWorkInProgress(
+          progressedPrimaryFragment,
+          primaryChildProps
+        )),
+        (nextProps.subtreeFlags =
+          progressedPrimaryFragment.subtreeFlags & 31457280));
+    null !== dehydrated
+      ? (showFallback = createWorkInProgress(dehydrated, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -4866,33 +5426,34 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     didSuspend =
       null === didSuspend
         ? mountSuspenseOffscreenState(renderLanes)
-        : {
-            baseLanes: didSuspend.baseLanes | renderLanes,
-            cachePool: null,
-            transitions: didSuspend.transitions
-          };
+        : { baseLanes: didSuspend.baseLanes | renderLanes, cachePool: null };
     showFallback.memoizedState = didSuspend;
-    showFallback.childLanes = current.childLanes & ~renderLanes;
+    showFallback.childLanes = getRemainingWorkInPrimaryTree(
+      current,
+      JSCompiler_temp,
+      renderLanes
+    );
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
   }
-  showFallback = current.child;
-  current = showFallback.sibling;
-  nextProps = createWorkInProgress(showFallback, {
+  pushPrimaryTreeSuspenseHandler(workInProgress);
+  JSCompiler_temp = current.child;
+  current = JSCompiler_temp.sibling;
+  JSCompiler_temp = createWorkInProgress(JSCompiler_temp, {
     mode: "visible",
     children: nextProps.children
   });
-  0 === (workInProgress.mode & 1) && (nextProps.lanes = renderLanes);
-  nextProps.return = workInProgress;
-  nextProps.sibling = null;
+  0 === (workInProgress.mode & 1) && (JSCompiler_temp.lanes = renderLanes);
+  JSCompiler_temp.return = workInProgress;
+  JSCompiler_temp.sibling = null;
   null !== current &&
     ((renderLanes = workInProgress.deletions),
     null === renderLanes
       ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16))
       : renderLanes.push(current));
-  workInProgress.child = nextProps;
+  workInProgress.child = JSCompiler_temp;
   workInProgress.memoizedState = null;
-  return nextProps;
+  return JSCompiler_temp;
 }
 function mountSuspensePrimaryChildren(workInProgress, primaryChildren) {
   primaryChildren = createFiberFromOffscreen(
@@ -4927,6 +5488,7 @@ function updateDehydratedSuspenseComponent(
   current,
   workInProgress,
   didSuspend,
+  didPrimaryChildrenDefer,
   nextProps,
   suspenseInstance,
   suspenseState,
@@ -4935,25 +5497,30 @@ function updateDehydratedSuspenseComponent(
   if (didSuspend) {
     if (workInProgress.flags & 256)
       return (
+        pushPrimaryTreeSuspenseHandler(workInProgress),
         (workInProgress.flags &= -257),
-        (suspenseState = createCapturedValue(
-          Error(
-            "There was an error while hydrating this Suspense boundary. Switched to client rendering."
-          )
-        )),
         retrySuspenseComponentWithoutHydrating(
           current,
           workInProgress,
           renderLanes,
-          suspenseState
+          {
+            value: Error(
+              "There was an error while hydrating this Suspense boundary. Switched to client rendering."
+            ),
+            source: null,
+            stack: null,
+            digest: null
+          }
         )
       );
     if (null !== workInProgress.memoizedState)
       return (
+        reuseSuspenseHandlerOnStack(workInProgress),
         (workInProgress.child = current.child),
         (workInProgress.flags |= 128),
         null
       );
+    reuseSuspenseHandlerOnStack(workInProgress);
     suspenseState = nextProps.fallback;
     didSuspend = workInProgress.mode;
     nextProps = createFiberFromOffscreen(
@@ -4975,12 +5542,17 @@ function updateDehydratedSuspenseComponent(
     workInProgress.child = nextProps;
     0 !== (workInProgress.mode & 1) &&
       reconcileChildFibers(workInProgress, current.child, null, renderLanes);
-    workInProgress.child.memoizedState = mountSuspenseOffscreenState(
+    nextProps = workInProgress.child;
+    nextProps.memoizedState = mountSuspenseOffscreenState(renderLanes);
+    nextProps.childLanes = getRemainingWorkInPrimaryTree(
+      current,
+      didPrimaryChildrenDefer,
       renderLanes
     );
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return suspenseState;
   }
+  pushPrimaryTreeSuspenseHandler(workInProgress);
   if (0 === (workInProgress.mode & 1))
     return retrySuspenseComponentWithoutHydrating(
       current,
@@ -4988,92 +5560,97 @@ function updateDehydratedSuspenseComponent(
       renderLanes,
       null
     );
-  if (shim())
+  if (shim$1())
     return (
-      (suspenseState = shim().digest),
-      (suspenseState = createCapturedValue(
-        Error(
-          "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
-        ),
-        suspenseState,
-        void 0
+      (didPrimaryChildrenDefer = shim$1().digest),
+      (suspenseState = Error(
+        "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
       )),
+      (suspenseState.digest = didPrimaryChildrenDefer),
       retrySuspenseComponentWithoutHydrating(
         current,
         workInProgress,
         renderLanes,
-        suspenseState
+        {
+          value: suspenseState,
+          source: null,
+          stack: null,
+          digest:
+            null != didPrimaryChildrenDefer ? didPrimaryChildrenDefer : null
+        }
       )
     );
-  didSuspend = 0 !== (renderLanes & current.childLanes);
-  if (didReceiveUpdate || didSuspend) {
-    nextProps = workInProgressRoot;
-    if (null !== nextProps) {
-      switch (renderLanes & -renderLanes) {
-        case 4:
-          didSuspend = 2;
-          break;
-        case 16:
-          didSuspend = 8;
-          break;
-        case 64:
-        case 128:
-        case 256:
-        case 512:
-        case 1024:
-        case 2048:
-        case 4096:
-        case 8192:
-        case 16384:
-        case 32768:
-        case 65536:
-        case 131072:
-        case 262144:
-        case 524288:
-        case 1048576:
-        case 2097152:
-        case 4194304:
-        case 8388608:
-        case 16777216:
-        case 33554432:
-        case 67108864:
-          didSuspend = 32;
-          break;
-        case 536870912:
-          didSuspend = 268435456;
-          break;
-        default:
-          didSuspend = 0;
-      }
-      didSuspend =
-        0 !== (didSuspend & (nextProps.suspendedLanes | renderLanes))
+  didPrimaryChildrenDefer = 0 !== (renderLanes & current.childLanes);
+  if (didReceiveUpdate || didPrimaryChildrenDefer) {
+    didPrimaryChildrenDefer = workInProgressRoot;
+    if (null !== didPrimaryChildrenDefer) {
+      nextProps = renderLanes & -renderLanes;
+      if (0 !== (nextProps & 42)) nextProps = 1;
+      else
+        switch (nextProps) {
+          case 2:
+            nextProps = 1;
+            break;
+          case 8:
+            nextProps = 4;
+            break;
+          case 32:
+            nextProps = 16;
+            break;
+          case 128:
+          case 256:
+          case 512:
+          case 1024:
+          case 2048:
+          case 4096:
+          case 8192:
+          case 16384:
+          case 32768:
+          case 65536:
+          case 131072:
+          case 262144:
+          case 524288:
+          case 1048576:
+          case 2097152:
+          case 4194304:
+          case 8388608:
+          case 16777216:
+          case 33554432:
+            nextProps = 64;
+            break;
+          case 268435456:
+            nextProps = 134217728;
+            break;
+          default:
+            nextProps = 0;
+        }
+      nextProps =
+        0 !==
+        (nextProps & (didPrimaryChildrenDefer.suspendedLanes | renderLanes))
           ? 0
-          : didSuspend;
-      0 !== didSuspend &&
-        didSuspend !== suspenseState.retryLane &&
-        ((suspenseState.retryLane = didSuspend),
-        markUpdateLaneFromFiberToRoot(current, didSuspend),
-        scheduleUpdateOnFiber(nextProps, current, didSuspend, -1));
+          : nextProps;
+      if (0 !== nextProps && nextProps !== suspenseState.retryLane)
+        throw (
+          ((suspenseState.retryLane = nextProps),
+          enqueueConcurrentRenderForLane(current, nextProps),
+          scheduleUpdateOnFiber(didPrimaryChildrenDefer, current, nextProps),
+          SelectiveHydrationException)
+        );
     }
-    renderDidSuspendDelayIfPossible();
-    suspenseState = createCapturedValue(
-      Error(
-        "This Suspense boundary received an update before it finished hydrating. This caused the boundary to switch to client rendering. The usual way to fix this is to wrap the original update in startTransition."
-      )
-    );
+    shim$1() || renderDidSuspendDelayIfPossible();
     return retrySuspenseComponentWithoutHydrating(
       current,
       workInProgress,
       renderLanes,
-      suspenseState
+      null
     );
   }
-  if (shim())
+  if (shim$1())
     return (
       (workInProgress.flags |= 128),
       (workInProgress.child = current.child),
       retryDehydratedSuspenseBoundary.bind(null, current),
-      shim(),
+      shim$1(),
       null
     );
   current = mountSuspensePrimaryChildren(workInProgress, nextProps.children);
@@ -5216,10 +5793,8 @@ function bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes) {
     workInProgress.child = renderLanes;
     for (renderLanes.return = workInProgress; null !== current.sibling; )
       (current = current.sibling),
-        (renderLanes = renderLanes.sibling = createWorkInProgress(
-          current,
-          current.pendingProps
-        )),
+        (renderLanes = renderLanes.sibling =
+          createWorkInProgress(current, current.pendingProps)),
         (renderLanes.return = workInProgress);
     renderLanes.sibling = null;
   }
@@ -5234,6 +5809,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
     case 3:
       pushHostRootContext(workInProgress);
       break;
+    case 27:
     case 5:
       pushHostContext(workInProgress);
       break;
@@ -5255,13 +5831,13 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
       if (null !== context) {
         if (null !== context.dehydrated)
           return (
-            push(suspenseStackCursor, suspenseStackCursor.current & 1),
+            pushPrimaryTreeSuspenseHandler(workInProgress),
             (workInProgress.flags |= 128),
             null
           );
         if (0 !== (renderLanes & workInProgress.child.childLanes))
           return updateSuspenseComponent(current, workInProgress, renderLanes);
-        push(suspenseStackCursor, suspenseStackCursor.current & 1);
+        pushPrimaryTreeSuspenseHandler(workInProgress);
         current = bailoutOnAlreadyFinishedWork(
           current,
           workInProgress,
@@ -5269,7 +5845,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
         );
         return null !== current ? current.sibling : null;
       }
-      push(suspenseStackCursor, suspenseStackCursor.current & 1);
+      pushPrimaryTreeSuspenseHandler(workInProgress);
       break;
     case 19:
       context = 0 !== (renderLanes & workInProgress.childLanes);
@@ -5299,37 +5875,76 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
   }
   return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
 }
-var appendAllChildren,
-  updateHostContainer,
-  updateHostComponent$1,
-  updateHostText$1;
-appendAllChildren = function(parent, workInProgress) {
-  for (var node = workInProgress.child; null !== node; ) {
-    if (5 === node.tag || 6 === node.tag) parent._children.push(node.stateNode);
-    else if (4 !== node.tag && null !== node.child) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
-    if (node === workInProgress) break;
-    for (; null === node.sibling; ) {
-      if (null === node.return || node.return === workInProgress) return;
-      node = node.return;
-    }
-    node.sibling.return = node.return;
-    node = node.sibling;
+var valueCursor = createCursor(null),
+  currentlyRenderingFiber = null,
+  lastContextDependency = null,
+  lastFullyObservedContext = null;
+function resetContextDependencies() {
+  lastFullyObservedContext =
+    lastContextDependency =
+    currentlyRenderingFiber =
+      null;
+}
+function popProvider(context) {
+  context._currentValue = valueCursor.current;
+  pop(valueCursor);
+}
+function scheduleContextWorkOnParentPath(parent, renderLanes, propagationRoot) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    (parent.childLanes & renderLanes) !== renderLanes
+      ? ((parent.childLanes |= renderLanes),
+        null !== alternate && (alternate.childLanes |= renderLanes))
+      : null !== alternate &&
+        (alternate.childLanes & renderLanes) !== renderLanes &&
+        (alternate.childLanes |= renderLanes);
+    if (parent === propagationRoot) break;
+    parent = parent.return;
   }
-};
-updateHostContainer = function() {};
-updateHostComponent$1 = function(current, workInProgress, type, newProps) {
-  current.memoizedProps !== newProps &&
-    (requiredContext(contextStackCursor$1.current),
-    (workInProgress.updateQueue = UPDATE_SIGNAL)) &&
-    (workInProgress.flags |= 4);
-};
-updateHostText$1 = function(current, workInProgress, oldText, newText) {
-  oldText !== newText && (workInProgress.flags |= 4);
-};
+}
+function prepareToReadContext(workInProgress, renderLanes) {
+  currentlyRenderingFiber = workInProgress;
+  lastFullyObservedContext = lastContextDependency = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (0 !== (workInProgress.lanes & renderLanes) && (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
+}
+function readContext(context) {
+  return readContextForConsumer(currentlyRenderingFiber, context);
+}
+function readContextDuringReconcilation(consumer, context, renderLanes) {
+  null === currentlyRenderingFiber &&
+    prepareToReadContext(consumer, renderLanes);
+  return readContextForConsumer(consumer, context);
+}
+function readContextForConsumer(consumer, context) {
+  var value = context._currentValue;
+  if (lastFullyObservedContext !== context)
+    if (
+      ((context = { context: context, memoizedValue: value, next: null }),
+      null === lastContextDependency)
+    ) {
+      if (null === consumer)
+        throw Error(
+          "Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo()."
+        );
+      lastContextDependency = context;
+      consumer.dependencies = { lanes: 0, firstContext: context };
+    } else lastContextDependency = lastContextDependency.next = context;
+  return value;
+}
+var ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
+function handleAsyncAction() {}
+function scheduleRetryEffect(workInProgress, retryQueue) {
+  null !== retryQueue
+    ? (workInProgress.flags |= 4)
+    : workInProgress.flags & 16384 &&
+      ((retryQueue =
+        22 !== workInProgress.tag ? claimNextRetryLane() : 536870912),
+      (workInProgress.lanes |= retryQueue));
+}
 function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
   switch (renderState.tailMode) {
     case "hidden":
@@ -5344,14 +5959,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$62 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$62 = lastTailNode),
+      for (var lastTailNode$61 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$61 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$62
+      null === lastTailNode$61
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$62.sibling = null);
+        : (lastTailNode$61.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -5361,26 +5976,25 @@ function bubbleProperties(completedWork) {
     newChildLanes = 0,
     subtreeFlags = 0;
   if (didBailout)
-    for (var child$63 = completedWork.child; null !== child$63; )
-      (newChildLanes |= child$63.lanes | child$63.childLanes),
-        (subtreeFlags |= child$63.subtreeFlags & 14680064),
-        (subtreeFlags |= child$63.flags & 14680064),
-        (child$63.return = completedWork),
-        (child$63 = child$63.sibling);
+    for (var child$62 = completedWork.child; null !== child$62; )
+      (newChildLanes |= child$62.lanes | child$62.childLanes),
+        (subtreeFlags |= child$62.subtreeFlags & 31457280),
+        (subtreeFlags |= child$62.flags & 31457280),
+        (child$62.return = completedWork),
+        (child$62 = child$62.sibling);
   else
-    for (child$63 = completedWork.child; null !== child$63; )
-      (newChildLanes |= child$63.lanes | child$63.childLanes),
-        (subtreeFlags |= child$63.subtreeFlags),
-        (subtreeFlags |= child$63.flags),
-        (child$63.return = completedWork),
-        (child$63 = child$63.sibling);
+    for (child$62 = completedWork.child; null !== child$62; )
+      (newChildLanes |= child$62.lanes | child$62.childLanes),
+        (subtreeFlags |= child$62.subtreeFlags),
+        (subtreeFlags |= child$62.flags),
+        (child$62.return = completedWork),
+        (child$62 = child$62.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
 }
 function completeWork(current, workInProgress, renderLanes) {
   var newProps = workInProgress.pendingProps;
-  popTreeContext(workInProgress);
   switch (workInProgress.tag) {
     case 2:
     case 16:
@@ -5404,8 +6018,7 @@ function completeWork(current, workInProgress, renderLanes) {
         (renderLanes = workInProgress.stateNode),
         popHostContainer(),
         pop(didPerformWorkStackCursor),
-        pop(contextStackCursor),
-        resetWorkInProgressVersions(),
+        pop(contextStackCursor$1),
         renderLanes.pendingContext &&
           ((renderLanes.context = renderLanes.pendingContext),
           (renderLanes.pendingContext = null)),
@@ -5417,23 +6030,18 @@ function completeWork(current, workInProgress, renderLanes) {
           null !== hydrationErrors &&
             (queueRecoverableErrors(hydrationErrors),
             (hydrationErrors = null))),
-        updateHostContainer(current, workInProgress),
         bubbleProperties(workInProgress),
         null
       );
+    case 26:
+    case 27:
     case 5:
       popHostContext(workInProgress);
-      renderLanes = requiredContext(rootInstanceStackCursor.current);
       var type = workInProgress.type;
       if (null !== current && null != workInProgress.stateNode)
-        updateHostComponent$1(
-          current,
-          workInProgress,
-          type,
-          newProps,
-          renderLanes
-        ),
-          current.ref !== workInProgress.ref && (workInProgress.flags |= 512);
+        current.memoizedProps !== newProps && (workInProgress.flags |= 4),
+          current.ref !== workInProgress.ref &&
+            (workInProgress.flags |= 2097664);
       else {
         if (!newProps) {
           if (null === workInProgress.stateNode)
@@ -5443,8 +6051,8 @@ function completeWork(current, workInProgress, renderLanes) {
           bubbleProperties(workInProgress);
           return null;
         }
-        requiredContext(contextStackCursor$1.current);
-        current = allocateTag();
+        current = rootInstanceStackCursor.current;
+        renderLanes = allocateTag();
         type = getViewConfigForType(type);
         var updatePayload = diffProperties(
           null,
@@ -5453,57 +6061,72 @@ function completeWork(current, workInProgress, renderLanes) {
           type.validAttributes
         );
         ReactNativePrivateInterface.UIManager.createView(
-          current,
-          type.uiViewClassName,
           renderLanes,
+          type.uiViewClassName,
+          current,
           updatePayload
         );
-        renderLanes = new ReactNativeFiberHostComponent(
-          current,
+        current = new ReactNativeFiberHostComponent(
+          renderLanes,
           type,
           workInProgress
         );
-        instanceCache.set(current, workInProgress);
-        instanceProps.set(current, newProps);
-        appendAllChildren(renderLanes, workInProgress, !1, !1);
-        workInProgress.stateNode = renderLanes;
-        finalizeInitialChildren(renderLanes) && (workInProgress.flags |= 4);
-        null !== workInProgress.ref && (workInProgress.flags |= 512);
+        instanceCache.set(renderLanes, workInProgress);
+        instanceProps.set(renderLanes, newProps);
+        a: for (renderLanes = workInProgress.child; null !== renderLanes; ) {
+          if (5 === renderLanes.tag || 6 === renderLanes.tag)
+            current._children.push(renderLanes.stateNode);
+          else if (4 !== renderLanes.tag && null !== renderLanes.child) {
+            renderLanes.child.return = renderLanes;
+            renderLanes = renderLanes.child;
+            continue;
+          }
+          if (renderLanes === workInProgress) break a;
+          for (; null === renderLanes.sibling; ) {
+            if (
+              null === renderLanes.return ||
+              renderLanes.return === workInProgress
+            )
+              break a;
+            renderLanes = renderLanes.return;
+          }
+          renderLanes.sibling.return = renderLanes.return;
+          renderLanes = renderLanes.sibling;
+        }
+        workInProgress.stateNode = current;
+        finalizeInitialChildren(current) && (workInProgress.flags |= 4);
+        null !== workInProgress.ref && (workInProgress.flags |= 2097664);
       }
       bubbleProperties(workInProgress);
+      workInProgress.flags &= -16777217;
       return null;
     case 6:
       if (current && null != workInProgress.stateNode)
-        updateHostText$1(
-          current,
-          workInProgress,
-          current.memoizedProps,
-          newProps
-        );
+        current.memoizedProps !== newProps && (workInProgress.flags |= 4);
       else {
         if ("string" !== typeof newProps && null === workInProgress.stateNode)
           throw Error(
             "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
           );
-        current = requiredContext(rootInstanceStackCursor.current);
-        if (!requiredContext(contextStackCursor$1.current).isInAParentText)
+        renderLanes = rootInstanceStackCursor.current;
+        if (!contextStackCursor.current.isInAParentText)
           throw Error(
             "Text strings must be rendered within a <Text> component."
           );
-        renderLanes = allocateTag();
+        current = allocateTag();
         ReactNativePrivateInterface.UIManager.createView(
-          renderLanes,
-          "RCTRawText",
           current,
+          "RCTRawText",
+          renderLanes,
           { text: newProps }
         );
-        instanceCache.set(renderLanes, workInProgress);
-        workInProgress.stateNode = renderLanes;
+        instanceCache.set(current, workInProgress);
+        workInProgress.stateNode = current;
       }
       bubbleProperties(workInProgress);
       return null;
     case 13:
-      pop(suspenseStackCursor);
+      popSuspenseHandler(workInProgress);
       newProps = workInProgress.memoizedState;
       if (
         null === current ||
@@ -5528,29 +6151,19 @@ function completeWork(current, workInProgress, renderLanes) {
           null !== hydrationErrors &&
             (queueRecoverableErrors(hydrationErrors), (hydrationErrors = null)),
             (type = !0);
-        if (!type) return workInProgress.flags & 65536 ? workInProgress : null;
+        if (!type) return workInProgress.flags & 256 ? workInProgress : null;
       }
       if (0 !== (workInProgress.flags & 128))
         return (workInProgress.lanes = renderLanes), workInProgress;
       renderLanes = null !== newProps;
       renderLanes !== (null !== current && null !== current.memoizedState) &&
         renderLanes &&
-        ((workInProgress.child.flags |= 8192),
-        0 !== (workInProgress.mode & 1) &&
-          (null === current || 0 !== (suspenseStackCursor.current & 1)
-            ? 0 === workInProgressRootExitStatus &&
-              (workInProgressRootExitStatus = 3)
-            : renderDidSuspendDelayIfPossible()));
-      null !== workInProgress.updateQueue && (workInProgress.flags |= 4);
+        (workInProgress.child.flags |= 8192);
+      scheduleRetryEffect(workInProgress, workInProgress.updateQueue);
       bubbleProperties(workInProgress);
       return null;
     case 4:
-      return (
-        popHostContainer(),
-        updateHostContainer(current, workInProgress),
-        bubbleProperties(workInProgress),
-        null
-      );
+      return popHostContainer(), bubbleProperties(workInProgress), null;
     case 10:
       return (
         popProvider(workInProgress.type._context),
@@ -5582,44 +6195,12 @@ function completeWork(current, workInProgress, renderLanes) {
                 workInProgress.flags |= 128;
                 cutOffTailIfNeeded(type, !1);
                 current = updatePayload.updateQueue;
-                null !== current &&
-                  ((workInProgress.updateQueue = current),
-                  (workInProgress.flags |= 4));
+                workInProgress.updateQueue = current;
+                scheduleRetryEffect(workInProgress, current);
                 workInProgress.subtreeFlags = 0;
-                current = renderLanes;
-                for (renderLanes = workInProgress.child; null !== renderLanes; )
-                  (newProps = renderLanes),
-                    (type = current),
-                    (newProps.flags &= 14680066),
-                    (updatePayload = newProps.alternate),
-                    null === updatePayload
-                      ? ((newProps.childLanes = 0),
-                        (newProps.lanes = type),
-                        (newProps.child = null),
-                        (newProps.subtreeFlags = 0),
-                        (newProps.memoizedProps = null),
-                        (newProps.memoizedState = null),
-                        (newProps.updateQueue = null),
-                        (newProps.dependencies = null),
-                        (newProps.stateNode = null))
-                      : ((newProps.childLanes = updatePayload.childLanes),
-                        (newProps.lanes = updatePayload.lanes),
-                        (newProps.child = updatePayload.child),
-                        (newProps.subtreeFlags = 0),
-                        (newProps.deletions = null),
-                        (newProps.memoizedProps = updatePayload.memoizedProps),
-                        (newProps.memoizedState = updatePayload.memoizedState),
-                        (newProps.updateQueue = updatePayload.updateQueue),
-                        (newProps.type = updatePayload.type),
-                        (type = updatePayload.dependencies),
-                        (newProps.dependencies =
-                          null === type
-                            ? null
-                            : {
-                                lanes: type.lanes,
-                                firstContext: type.firstContext
-                              })),
-                    (renderLanes = renderLanes.sibling);
+                for (current = workInProgress.child; null !== current; )
+                  resetWorkInProgress(current, renderLanes),
+                    (current = current.sibling);
                 push(
                   suspenseStackCursor,
                   (suspenseStackCursor.current & 1) | 2
@@ -5643,10 +6224,9 @@ function completeWork(current, workInProgress, renderLanes) {
             if (
               ((workInProgress.flags |= 128),
               (newProps = !0),
-              (current = current.updateQueue),
-              null !== current &&
-                ((workInProgress.updateQueue = current),
-                (workInProgress.flags |= 4)),
+              (renderLanes = current.updateQueue),
+              (workInProgress.updateQueue = renderLanes),
+              scheduleRetryEffect(workInProgress, renderLanes),
               cutOffTailIfNeeded(type, !0),
               null === type.tail &&
                 "hidden" === type.tailMode &&
@@ -5656,7 +6236,7 @@ function completeWork(current, workInProgress, renderLanes) {
           } else
             2 * now() - type.renderingStartTime >
               workInProgressRootRenderTargetTime &&
-              1073741824 !== renderLanes &&
+              536870912 !== renderLanes &&
               ((workInProgress.flags |= 128),
               (newProps = !0),
               cutOffTailIfNeeded(type, !1),
@@ -5664,9 +6244,9 @@ function completeWork(current, workInProgress, renderLanes) {
         type.isBackwards
           ? ((updatePayload.sibling = workInProgress.child),
             (workInProgress.child = updatePayload))
-          : ((current = type.last),
-            null !== current
-              ? (current.sibling = updatePayload)
+          : ((renderLanes = type.last),
+            null !== renderLanes
+              ? (renderLanes.sibling = updatePayload)
               : (workInProgress.child = updatePayload),
             (type.last = updatePayload));
       }
@@ -5677,8 +6257,11 @@ function completeWork(current, workInProgress, renderLanes) {
           (type.tail = workInProgress.sibling),
           (type.renderingStartTime = now()),
           (workInProgress.sibling = null),
-          (current = suspenseStackCursor.current),
-          push(suspenseStackCursor, newProps ? (current & 1) | 2 : current & 1),
+          (renderLanes = suspenseStackCursor.current),
+          push(
+            suspenseStackCursor,
+            newProps ? (renderLanes & 1) | 2 : renderLanes & 1
+          ),
           workInProgress
         );
       bubbleProperties(workInProgress);
@@ -5686,16 +6269,22 @@ function completeWork(current, workInProgress, renderLanes) {
     case 22:
     case 23:
       return (
-        popRenderLanes(),
-        (renderLanes = null !== workInProgress.memoizedState),
-        null !== current &&
-          (null !== current.memoizedState) !== renderLanes &&
-          (workInProgress.flags |= 8192),
-        renderLanes && 0 !== (workInProgress.mode & 1)
-          ? 0 !== (subtreeRenderLanes & 1073741824) &&
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        (newProps = null !== workInProgress.memoizedState),
+        null !== current
+          ? (null !== current.memoizedState) !== newProps &&
+            (workInProgress.flags |= 8192)
+          : newProps && (workInProgress.flags |= 8192),
+        newProps && 0 !== (workInProgress.mode & 1)
+          ? 0 !== (renderLanes & 536870912) &&
+            0 === (workInProgress.flags & 128) &&
             (bubbleProperties(workInProgress),
             workInProgress.subtreeFlags & 6 && (workInProgress.flags |= 8192))
           : bubbleProperties(workInProgress),
+        (renderLanes = workInProgress.updateQueue),
+        null !== renderLanes &&
+          scheduleRetryEffect(workInProgress, renderLanes.retryQueue),
         null
       );
     case 24:
@@ -5710,7 +6299,6 @@ function completeWork(current, workInProgress, renderLanes) {
   );
 }
 function unwindWork(current, workInProgress) {
-  popTreeContext(workInProgress);
   switch (workInProgress.tag) {
     case 1:
       return (
@@ -5724,17 +6312,18 @@ function unwindWork(current, workInProgress) {
       return (
         popHostContainer(),
         pop(didPerformWorkStackCursor),
-        pop(contextStackCursor),
-        resetWorkInProgressVersions(),
+        pop(contextStackCursor$1),
         (current = workInProgress.flags),
         0 !== (current & 65536) && 0 === (current & 128)
           ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
           : null
       );
+    case 26:
+    case 27:
     case 5:
       return popHostContext(workInProgress), null;
     case 13:
-      pop(suspenseStackCursor);
+      popSuspenseHandler(workInProgress);
       current = workInProgress.memoizedState;
       if (
         null !== current &&
@@ -5756,23 +6345,100 @@ function unwindWork(current, workInProgress) {
       return popProvider(workInProgress.type._context), null;
     case 22:
     case 23:
-      return popRenderLanes(), null;
+      return (
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        (current = workInProgress.flags),
+        current & 65536
+          ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
+          : null
+      );
     case 24:
       return null;
+    case 25:
+      return null;
     default:
       return null;
   }
 }
-var PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
+function unwindInterruptedWork(current, interruptedWork) {
+  switch (interruptedWork.tag) {
+    case 1:
+      current = interruptedWork.type.childContextTypes;
+      null !== current && void 0 !== current && popContext();
+      break;
+    case 3:
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor$1);
+      break;
+    case 26:
+    case 27:
+    case 5:
+      popHostContext(interruptedWork);
+      break;
+    case 4:
+      popHostContainer();
+      break;
+    case 13:
+      popSuspenseHandler(interruptedWork);
+      break;
+    case 19:
+      pop(suspenseStackCursor);
+      break;
+    case 10:
+      popProvider(interruptedWork.type._context);
+      break;
+    case 22:
+    case 23:
+      popSuspenseHandler(interruptedWork), popHiddenContext();
+  }
+}
+var offscreenSubtreeIsHidden = !1,
+  offscreenSubtreeWasHidden = !1,
+  PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
   nextEffect = null;
+function safelyAttachRef(current, nearestMountedAncestor) {
+  try {
+    var ref = current.ref;
+    if (null !== ref) {
+      var instance = current.stateNode;
+      switch (current.tag) {
+        case 26:
+        case 27:
+        case 5:
+          var instanceToUse = getPublicInstance(instance);
+          break;
+        default:
+          instanceToUse = instance;
+      }
+      "function" === typeof ref
+        ? (current.refCleanup = ref(instanceToUse))
+        : (ref.current = instanceToUse);
+    }
+  } catch (error) {
+    captureCommitPhaseError(current, nearestMountedAncestor, error);
+  }
+}
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        ref(null);
+        refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        ref(null);
+      } catch (error$77) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$77);
       }
     else ref.current = null;
 }
@@ -5796,42 +6462,46 @@ function commitBeforeMutationEffects(root, firstChild) {
       for (; null !== nextEffect; ) {
         root = nextEffect;
         try {
-          var current = root.alternate;
-          if (0 !== (root.flags & 1024))
-            switch (root.tag) {
-              case 0:
-              case 11:
-              case 15:
-                break;
-              case 1:
-                if (null !== current) {
-                  var prevProps = current.memoizedProps,
-                    prevState = current.memoizedState,
-                    instance = root.stateNode,
-                    snapshot = instance.getSnapshotBeforeUpdate(
-                      root.elementType === root.type
-                        ? prevProps
-                        : resolveDefaultProps(root.type, prevProps),
-                      prevState
-                    );
-                  instance.__reactInternalSnapshotBeforeUpdate = snapshot;
-                }
-                break;
-              case 3:
-                break;
-              case 5:
-              case 6:
-              case 4:
-              case 17:
-                break;
-              default:
-                throw Error(
-                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                );
-            }
-        } catch (error) {
-          captureCommitPhaseError(root, root.return, error);
-        }
+          var current = root.alternate,
+            flags = root.flags;
+          switch (root.tag) {
+            case 0:
+              break;
+            case 11:
+            case 15:
+              break;
+            case 1:
+              if (0 !== (flags & 1024) && null !== current) {
+                var prevProps = current.memoizedProps,
+                  prevState = current.memoizedState,
+                  instance = root.stateNode,
+                  snapshot = instance.getSnapshotBeforeUpdate(
+                    root.elementType === root.type
+                      ? prevProps
+                      : resolveDefaultProps(root.type, prevProps),
+                    prevState
+                  );
+                instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+              }
+              break;
+            case 3:
+              break;
+            case 5:
+            case 26:
+            case 27:
+            case 6:
+            case 4:
+            case 17:
+              break;
+            default:
+              if (0 !== (flags & 1024))
+                throw Error(
+                  "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
+                );
+          }
+        } catch (error) {
+          captureCommitPhaseError(root, root.return, error);
+        }
         firstChild = root.sibling;
         if (null !== firstChild) {
           firstChild.return = root.return;
@@ -5855,10 +6525,11 @@ function commitHookEffectListUnmount(
     var effect = (updateQueue = updateQueue.next);
     do {
       if ((effect.tag & flags) === flags) {
-        var destroy = effect.destroy;
-        effect.destroy = void 0;
+        var inst = effect.inst,
+          destroy = inst.destroy;
         void 0 !== destroy &&
-          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy);
+          ((inst.destroy = void 0),
+          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy));
       }
       effect = effect.next;
     } while (effect !== updateQueue);
@@ -5871,13 +6542,140 @@ function commitHookEffectListMount(flags, finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
       if ((effect.tag & flags) === flags) {
-        var create$75 = effect.create;
-        effect.destroy = create$75();
+        var create$78 = effect.create,
+          inst = effect.inst;
+        create$78 = create$78();
+        inst.destroy = create$78;
       }
       effect = effect.next;
     } while (effect !== finishedWork);
   }
 }
+function commitHookLayoutEffects(finishedWork, hookFlags) {
+  try {
+    commitHookEffectListMount(hookFlags, finishedWork);
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+function commitClassCallbacks(finishedWork) {
+  var updateQueue = finishedWork.updateQueue;
+  if (null !== updateQueue) {
+    var instance = finishedWork.stateNode;
+    try {
+      commitCallbacks(updateQueue, instance);
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+  }
+}
+function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
+  var flags = finishedWork.flags;
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 4 && commitHookLayoutEffects(finishedWork, 5);
+      break;
+    case 1:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      if (flags & 4)
+        if (((finishedRoot = finishedWork.stateNode), null === current))
+          try {
+            finishedRoot.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          current = current.memoizedState;
+          try {
+            finishedRoot.componentDidUpdate(
+              prevProps,
+              current,
+              finishedRoot.__reactInternalSnapshotBeforeUpdate
+            );
+          } catch (error$79) {
+            captureCommitPhaseError(
+              finishedWork,
+              finishedWork.return,
+              error$79
+            );
+          }
+        }
+      flags & 64 && commitClassCallbacks(finishedWork);
+      flags & 512 && safelyAttachRef(finishedWork, finishedWork.return);
+      break;
+    case 3:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      if (flags & 64 && ((flags = finishedWork.updateQueue), null !== flags)) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 27:
+            case 5:
+              finishedRoot = getPublicInstance(finishedWork.child.stateNode);
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        try {
+          commitCallbacks(flags, finishedRoot);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+      break;
+    case 26:
+    case 27:
+    case 5:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 512 && safelyAttachRef(finishedWork, finishedWork.return);
+      break;
+    case 12:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      break;
+    case 13:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      break;
+    case 22:
+      if (0 !== (finishedWork.mode & 1)) {
+        if (
+          ((prevProps =
+            null !== finishedWork.memoizedState || offscreenSubtreeIsHidden),
+          !prevProps)
+        ) {
+          current =
+            (null !== current && null !== current.memoizedState) ||
+            offscreenSubtreeWasHidden;
+          var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
+            prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+          offscreenSubtreeIsHidden = prevProps;
+          (offscreenSubtreeWasHidden = current) &&
+          !prevOffscreenSubtreeWasHidden
+            ? recursivelyTraverseReappearLayoutEffects(
+                finishedRoot,
+                finishedWork,
+                0 !== (finishedWork.subtreeFlags & 8772)
+              )
+            : recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+          offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+          offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+        }
+      } else recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 512 &&
+        ("manual" === finishedWork.memoizedProps.mode
+          ? safelyAttachRef(finishedWork, finishedWork.return)
+          : safelyDetachRef(finishedWork, finishedWork.return));
+      break;
+    default:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+  }
+}
 function detachFiberAfterEffects(fiber) {
   var alternate = fiber.alternate;
   null !== alternate &&
@@ -6017,8 +6815,11 @@ function commitDeletionEffectsOnFiber(
       injectedHook.onCommitFiberUnmount(rendererID, deletedFiber);
     } catch (err) {}
   switch (deletedFiber.tag) {
+    case 26:
+    case 27:
     case 5:
-      safelyDetachRef(deletedFiber, nearestMountedAncestor);
+      offscreenSubtreeWasHidden ||
+        safelyDetachRef(deletedFiber, nearestMountedAncestor);
     case 6:
       var prevHostParent = hostParent,
         prevHostParentIsContainer = hostParentIsContainer;
@@ -6060,7 +6861,7 @@ function commitDeletionEffectsOnFiber(
             )));
       break;
     case 18:
-      null !== hostParent && shim(hostParent, deletedFiber.stateNode);
+      null !== hostParent && shim$1();
       break;
     case 4:
       prevHostParent = hostParent;
@@ -6079,25 +6880,33 @@ function commitDeletionEffectsOnFiber(
     case 11:
     case 14:
     case 15:
-      prevHostParent = deletedFiber.updateQueue;
       if (
+        !offscreenSubtreeWasHidden &&
+        ((prevHostParent = deletedFiber.updateQueue),
         null !== prevHostParent &&
-        ((prevHostParent = prevHostParent.lastEffect), null !== prevHostParent)
+          ((prevHostParent = prevHostParent.lastEffect),
+          null !== prevHostParent))
       ) {
         prevHostParentIsContainer = prevHostParent = prevHostParent.next;
         do {
-          var _effect = prevHostParentIsContainer,
-            destroy = _effect.destroy;
-          _effect = _effect.tag;
+          var tag = prevHostParentIsContainer.tag,
+            inst = prevHostParentIsContainer.inst,
+            destroy = inst.destroy;
           void 0 !== destroy &&
-            (0 !== (_effect & 2)
-              ? safelyCallDestroy(deletedFiber, nearestMountedAncestor, destroy)
-              : 0 !== (_effect & 4) &&
+            (0 !== (tag & 2)
+              ? ((inst.destroy = void 0),
                 safelyCallDestroy(
                   deletedFiber,
                   nearestMountedAncestor,
                   destroy
-                ));
+                ))
+              : 0 !== (tag & 4) &&
+                ((inst.destroy = void 0),
+                safelyCallDestroy(
+                  deletedFiber,
+                  nearestMountedAncestor,
+                  destroy
+                )));
           prevHostParentIsContainer = prevHostParentIsContainer.next;
         } while (prevHostParentIsContainer !== prevHostParent);
       }
@@ -6108,9 +6917,12 @@ function commitDeletionEffectsOnFiber(
       );
       break;
     case 1:
-      safelyDetachRef(deletedFiber, nearestMountedAncestor);
-      prevHostParent = deletedFiber.stateNode;
-      if ("function" === typeof prevHostParent.componentWillUnmount)
+      if (
+        !offscreenSubtreeWasHidden &&
+        (safelyDetachRef(deletedFiber, nearestMountedAncestor),
+        (prevHostParent = deletedFiber.stateNode),
+        "function" === typeof prevHostParent.componentWillUnmount)
+      )
         try {
           (prevHostParent.props = deletedFiber.memoizedProps),
             (prevHostParent.state = deletedFiber.memoizedState),
@@ -6132,11 +6944,22 @@ function commitDeletionEffectsOnFiber(
       );
       break;
     case 22:
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
+      safelyDetachRef(deletedFiber, nearestMountedAncestor);
+      deletedFiber.mode & 1
+        ? ((offscreenSubtreeWasHidden =
+            (prevHostParent = offscreenSubtreeWasHidden) ||
+            null !== deletedFiber.memoizedState),
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          ),
+          (offscreenSubtreeWasHidden = prevHostParent))
+        : recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
       break;
     default:
       recursivelyTraverseDeletionEffects(
@@ -6146,20 +6969,38 @@ function commitDeletionEffectsOnFiber(
       );
   }
 }
-function attachSuspenseRetryListeners(finishedWork) {
-  var wakeables = finishedWork.updateQueue;
-  if (null !== wakeables) {
-    finishedWork.updateQueue = null;
-    var retryCache = finishedWork.stateNode;
-    null === retryCache &&
-      (retryCache = finishedWork.stateNode = new PossiblyWeakSet());
-    wakeables.forEach(function(wakeable) {
-      var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
-      retryCache.has(wakeable) ||
-        (retryCache.add(wakeable), wakeable.then(retry, retry));
-    });
+function getRetryCache(finishedWork) {
+  switch (finishedWork.tag) {
+    case 13:
+    case 19:
+      var retryCache = finishedWork.stateNode;
+      null === retryCache &&
+        (retryCache = finishedWork.stateNode = new PossiblyWeakSet());
+      return retryCache;
+    case 22:
+      return (
+        (finishedWork = finishedWork.stateNode),
+        (retryCache = finishedWork._retryCache),
+        null === retryCache &&
+          (retryCache = finishedWork._retryCache = new PossiblyWeakSet()),
+        retryCache
+      );
+    default:
+      throw Error(
+        "Unexpected Suspense handler tag (" +
+          finishedWork.tag +
+          "). This is a bug in React."
+      );
   }
 }
+function attachSuspenseRetryListeners(finishedWork, wakeables) {
+  var retryCache = getRetryCache(finishedWork);
+  wakeables.forEach(function (wakeable) {
+    var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
+    retryCache.has(wakeable) ||
+      (retryCache.add(wakeable), wakeable.then(retry, retry));
+  });
+}
 function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
   var deletions = parentFiber.deletions;
   if (null !== deletions)
@@ -6171,6 +7012,7 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
           parent = returnFiber;
         a: for (; null !== parent; ) {
           switch (parent.tag) {
+            case 27:
             case 5:
               hostParent = parent.stateNode;
               hostParentIsContainer = !1;
@@ -6224,8 +7066,8 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         }
         try {
           commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-        } catch (error$85) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$85);
+        } catch (error$87) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$87);
         }
       }
       break;
@@ -6235,43 +7077,45 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       flags & 512 &&
         null !== current &&
         safelyDetachRef(current, current.return);
+      flags & 64 &&
+        offscreenSubtreeIsHidden &&
+        ((finishedWork = finishedWork.updateQueue),
+        null !== finishedWork &&
+          ((flags = finishedWork.callbacks),
+          null !== flags &&
+            ((current = finishedWork.shared.hiddenCallbacks),
+            (finishedWork.shared.hiddenCallbacks =
+              null === current ? flags : current.concat(flags)))));
       break;
+    case 26:
+    case 27:
     case 5:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
       flags & 512 &&
         null !== current &&
         safelyDetachRef(current, current.return);
-      if (flags & 4) {
-        var instance$87 = finishedWork.stateNode;
-        if (null != instance$87) {
-          var newProps = finishedWork.memoizedProps,
-            oldProps = null !== current ? current.memoizedProps : newProps,
-            updatePayload = finishedWork.updateQueue;
-          finishedWork.updateQueue = null;
-          if (null !== updatePayload)
-            try {
-              var viewConfig = instance$87.viewConfig;
-              instanceProps.set(instance$87._nativeTag, newProps);
-              var updatePayload$jscomp$0 = diffProperties(
-                null,
-                oldProps,
-                newProps,
-                viewConfig.validAttributes
-              );
-              null != updatePayload$jscomp$0 &&
-                ReactNativePrivateInterface.UIManager.updateView(
-                  instance$87._nativeTag,
-                  viewConfig.uiViewClassName,
-                  updatePayload$jscomp$0
-                );
-            } catch (error$88) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$88
-              );
-            }
+      if (flags & 4 && ((flags = finishedWork.stateNode), null != flags)) {
+        var newProps = finishedWork.memoizedProps;
+        current = null !== current ? current.memoizedProps : newProps;
+        finishedWork.updateQueue = null;
+        try {
+          var viewConfig = flags.viewConfig;
+          instanceProps.set(flags._nativeTag, newProps);
+          var updatePayload = diffProperties(
+            null,
+            current,
+            newProps,
+            viewConfig.validAttributes
+          );
+          null != updatePayload &&
+            ReactNativePrivateInterface.UIManager.updateView(
+              flags._nativeTag,
+              viewConfig.uiViewClassName,
+              updatePayload
+            );
+        } catch (error$90) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$90);
         }
       }
       break;
@@ -6283,16 +7127,16 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           throw Error(
             "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
           );
-        viewConfig = finishedWork.stateNode;
-        updatePayload$jscomp$0 = finishedWork.memoizedProps;
+        flags = finishedWork.stateNode;
+        current = finishedWork.memoizedProps;
         try {
           ReactNativePrivateInterface.UIManager.updateView(
-            viewConfig,
+            flags,
             "RCTRawText",
-            { text: updatePayload$jscomp$0 }
+            { text: current }
           );
-        } catch (error$89) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$89);
+        } catch (error$91) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$91);
         }
       }
       break;
@@ -6307,49 +7151,75 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
     case 13:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      viewConfig = finishedWork.child;
-      viewConfig.flags & 8192 &&
-        ((updatePayload$jscomp$0 = null !== viewConfig.memoizedState),
-        (viewConfig.stateNode.isHidden = updatePayload$jscomp$0),
-        !updatePayload$jscomp$0 ||
-          (null !== viewConfig.alternate &&
-            null !== viewConfig.alternate.memoizedState) ||
+      finishedWork.child.flags & 8192 &&
+        ((current = null !== current && null !== current.memoizedState),
+        null === finishedWork.memoizedState ||
+          current ||
           (globalMostRecentFallbackTime = now()));
-      flags & 4 && attachSuspenseRetryListeners(finishedWork);
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((finishedWork.updateQueue = null),
+          attachSuspenseRetryListeners(finishedWork, flags)));
       break;
     case 22:
-      recursivelyTraverseMutationEffects(root, finishedWork);
+      flags & 512 &&
+        null !== current &&
+        safelyDetachRef(current, current.return);
+      viewConfig = null !== finishedWork.memoizedState;
+      updatePayload = null !== current && null !== current.memoizedState;
+      if (finishedWork.mode & 1) {
+        var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
+          prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+        offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden || viewConfig;
+        offscreenSubtreeWasHidden =
+          prevOffscreenSubtreeWasHidden || updatePayload;
+        recursivelyTraverseMutationEffects(root, finishedWork);
+        offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+        offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+      } else recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      if (flags & 8192)
-        a: for (
-          viewConfig = null !== finishedWork.memoizedState,
-            finishedWork.stateNode.isHidden = viewConfig,
-            updatePayload$jscomp$0 = null,
-            current = finishedWork;
-          ;
-
-        ) {
-          if (5 === current.tag) {
-            if (null === updatePayload$jscomp$0) {
-              updatePayload$jscomp$0 = current;
+      root = finishedWork.stateNode;
+      root._current = finishedWork;
+      root._visibility &= -3;
+      root._visibility |= root._pendingVisibility & 2;
+      if (
+        flags & 8192 &&
+        ((root._visibility = viewConfig
+          ? root._visibility & -2
+          : root._visibility | 1),
+        viewConfig &&
+          ((root = offscreenSubtreeIsHidden || offscreenSubtreeWasHidden),
+          null === current ||
+            updatePayload ||
+            root ||
+            (0 !== (finishedWork.mode & 1) &&
+              recursivelyTraverseDisappearLayoutEffects(finishedWork))),
+        null === finishedWork.memoizedProps ||
+          "manual" !== finishedWork.memoizedProps.mode)
+      )
+        a: for (current = null, root = finishedWork; ; ) {
+          if (5 === root.tag) {
+            if (null === current) {
+              current = root;
               try {
-                if (((instance$87 = current.stateNode), viewConfig))
-                  (newProps = instance$87.viewConfig),
-                    (oldProps = diffProperties(
-                      null,
-                      emptyObject,
-                      { style: { display: "none" } },
-                      newProps.validAttributes
-                    )),
-                    ReactNativePrivateInterface.UIManager.updateView(
-                      instance$87._nativeTag,
-                      newProps.uiViewClassName,
-                      oldProps
-                    );
-                else {
-                  updatePayload = current.stateNode;
-                  var props = current.memoizedProps,
-                    viewConfig$jscomp$0 = updatePayload.viewConfig,
+                if (((newProps = root.stateNode), viewConfig)) {
+                  var viewConfig$jscomp$0 = newProps.viewConfig;
+                  var updatePayload$jscomp$0 = diffProperties(
+                    null,
+                    emptyObject,
+                    { style: { display: "none" } },
+                    viewConfig$jscomp$0.validAttributes
+                  );
+                  ReactNativePrivateInterface.UIManager.updateView(
+                    newProps._nativeTag,
+                    viewConfig$jscomp$0.uiViewClassName,
+                    updatePayload$jscomp$0
+                  );
+                } else {
+                  var instance = root.stateNode,
+                    props = root.memoizedProps,
+                    viewConfig$jscomp$1 = instance.viewConfig,
                     prevProps = assign({}, props, {
                       style: [props.style, { display: "none" }]
                     });
@@ -6357,11 +7227,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                     null,
                     prevProps,
                     props,
-                    viewConfig$jscomp$0.validAttributes
+                    viewConfig$jscomp$1.validAttributes
                   );
                   ReactNativePrivateInterface.UIManager.updateView(
-                    updatePayload._nativeTag,
-                    viewConfig$jscomp$0.uiViewClassName,
+                    instance._nativeTag,
+                    viewConfig$jscomp$1.uiViewClassName,
                     updatePayload$jscomp$1
                   );
                 }
@@ -6373,44 +7243,53 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 );
               }
             }
-          } else if (6 === current.tag) {
-            if (null === updatePayload$jscomp$0)
+          } else if (6 === root.tag) {
+            if (null === current)
               try {
                 throw Error("Not yet implemented.");
-              } catch (error$80) {
+              } catch (error$81) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$80
+                  error$81
                 );
               }
           } else if (
-            ((22 !== current.tag && 23 !== current.tag) ||
-              null === current.memoizedState ||
-              current === finishedWork) &&
-            null !== current.child
+            ((22 !== root.tag && 23 !== root.tag) ||
+              null === root.memoizedState ||
+              root === finishedWork) &&
+            null !== root.child
           ) {
-            current.child.return = current;
-            current = current.child;
+            root.child.return = root;
+            root = root.child;
             continue;
           }
-          if (current === finishedWork) break a;
-          for (; null === current.sibling; ) {
-            if (null === current.return || current.return === finishedWork)
-              break a;
-            updatePayload$jscomp$0 === current &&
-              (updatePayload$jscomp$0 = null);
-            current = current.return;
+          if (root === finishedWork) break a;
+          for (; null === root.sibling; ) {
+            if (null === root.return || root.return === finishedWork) break a;
+            current === root && (current = null);
+            root = root.return;
           }
-          updatePayload$jscomp$0 === current && (updatePayload$jscomp$0 = null);
-          current.sibling.return = current.return;
-          current = current.sibling;
+          current === root && (current = null);
+          root.sibling.return = root.return;
+          root = root.sibling;
         }
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((current = flags.retryQueue),
+          null !== current &&
+            ((flags.retryQueue = null),
+            attachSuspenseRetryListeners(finishedWork, current))));
       break;
     case 19:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      flags & 4 && attachSuspenseRetryListeners(finishedWork);
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((finishedWork.updateQueue = null),
+          attachSuspenseRetryListeners(finishedWork, flags)));
       break;
     case 21:
       break;
@@ -6436,6 +7315,7 @@ function commitReconciliationEffects(finishedWork) {
         );
       }
       switch (JSCompiler_inline_result.tag) {
+        case 27:
         case 5:
           var parent$jscomp$0 = JSCompiler_inline_result.stateNode;
           JSCompiler_inline_result.flags & 32 &&
@@ -6445,12 +7325,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$81 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$82 = getHostSibling(finishedWork);
+          var parent$82 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$83 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$82,
-            parent$81
+            before$83,
+            parent$82
           );
           break;
         default:
@@ -6465,134 +7345,425 @@ function commitReconciliationEffects(finishedWork) {
   }
   flags & 4096 && (finishedWork.flags &= -4097);
 }
-function commitLayoutEffects(finishedWork) {
-  for (nextEffect = finishedWork; null !== nextEffect; ) {
-    var fiber = nextEffect,
-      firstChild = fiber.child;
-    if (0 !== (fiber.subtreeFlags & 8772) && null !== firstChild)
-      (firstChild.return = fiber), (nextEffect = firstChild);
-    else
-      for (fiber = finishedWork; null !== nextEffect; ) {
-        firstChild = nextEffect;
-        if (0 !== (firstChild.flags & 8772)) {
-          var current = firstChild.alternate;
+function recursivelyTraverseLayoutEffects(root, parentFiber) {
+  if (parentFiber.subtreeFlags & 8772)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitLayoutEffectOnFiber(root, parentFiber.alternate, parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function recursivelyTraverseDisappearLayoutEffects(parentFiber) {
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var finishedWork = parentFiber;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 14:
+      case 15:
+        commitHookEffectListUnmount(4, finishedWork, finishedWork.return);
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 1:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        var instance = finishedWork.stateNode;
+        if ("function" === typeof instance.componentWillUnmount) {
+          var current = finishedWork,
+            nearestMountedAncestor = finishedWork.return;
           try {
-            if (0 !== (firstChild.flags & 8772))
-              switch (firstChild.tag) {
-                case 0:
-                case 11:
-                case 15:
-                  commitHookEffectListMount(5, firstChild);
-                  break;
-                case 1:
-                  var instance = firstChild.stateNode;
-                  if (firstChild.flags & 4)
-                    if (null === current) instance.componentDidMount();
-                    else {
-                      var prevProps =
-                        firstChild.elementType === firstChild.type
-                          ? current.memoizedProps
-                          : resolveDefaultProps(
-                              firstChild.type,
-                              current.memoizedProps
-                            );
-                      instance.componentDidUpdate(
-                        prevProps,
-                        current.memoizedState,
-                        instance.__reactInternalSnapshotBeforeUpdate
-                      );
-                    }
-                  var updateQueue = firstChild.updateQueue;
-                  null !== updateQueue &&
-                    commitUpdateQueue(firstChild, updateQueue, instance);
-                  break;
-                case 3:
-                  var updateQueue$76 = firstChild.updateQueue;
-                  if (null !== updateQueue$76) {
-                    current = null;
-                    if (null !== firstChild.child)
-                      switch (firstChild.child.tag) {
-                        case 5:
-                          current = firstChild.child.stateNode;
-                          break;
-                        case 1:
-                          current = firstChild.child.stateNode;
-                      }
-                    commitUpdateQueue(firstChild, updateQueue$76, current);
-                  }
-                  break;
-                case 5:
-                  break;
-                case 6:
-                  break;
-                case 4:
-                  break;
-                case 12:
-                  break;
-                case 13:
-                  break;
-                case 19:
-                case 17:
-                case 21:
-                case 22:
-                case 23:
-                case 25:
-                  break;
-                default:
-                  throw Error(
-                    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                  );
-              }
-            if (firstChild.flags & 512) {
-              current = void 0;
-              var ref = firstChild.ref;
-              if (null !== ref) {
-                var instance$jscomp$0 = firstChild.stateNode;
-                switch (firstChild.tag) {
-                  case 5:
-                    current = instance$jscomp$0;
-                    break;
-                  default:
-                    current = instance$jscomp$0;
-                }
-                "function" === typeof ref
-                  ? ref(current)
-                  : (ref.current = current);
-              }
-            }
+            var current$jscomp$0 = current;
+            instance.props = current$jscomp$0.memoizedProps;
+            instance.state = current$jscomp$0.memoizedState;
+            instance.componentWillUnmount();
+          } catch (error) {
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
+          }
+        }
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 26:
+      case 27:
+      case 5:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 22:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        null === finishedWork.memoizedState &&
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      default:
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+function recursivelyTraverseReappearLayoutEffects(
+  finishedRoot$jscomp$0,
+  parentFiber,
+  includeWorkInProgressEffects
+) {
+  includeWorkInProgressEffects =
+    includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772);
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var finishedRoot = finishedRoot$jscomp$0,
+      finishedWork = parentFiber,
+      flags = finishedWork.flags;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 15:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        commitHookLayoutEffects(finishedWork, 4);
+        break;
+      case 1:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        var instance = finishedWork.stateNode;
+        if ("function" === typeof instance.componentDidMount)
+          try {
+            instance.componentDidMount();
           } catch (error) {
-            captureCommitPhaseError(firstChild, firstChild.return, error);
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
           }
+        finishedRoot = finishedWork.updateQueue;
+        if (null !== finishedRoot) {
+          var hiddenCallbacks = finishedRoot.shared.hiddenCallbacks;
+          if (null !== hiddenCallbacks)
+            for (
+              finishedRoot.shared.hiddenCallbacks = null, finishedRoot = 0;
+              finishedRoot < hiddenCallbacks.length;
+              finishedRoot++
+            )
+              callCallback(hiddenCallbacks[finishedRoot], instance);
         }
-        if (firstChild === fiber) {
+        includeWorkInProgressEffects &&
+          flags & 64 &&
+          commitClassCallbacks(finishedWork);
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      case 26:
+      case 27:
+      case 5:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      case 12:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        break;
+      case 13:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        break;
+      case 22:
+        null === finishedWork.memoizedState &&
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          );
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      default:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+function commitHookPassiveMountEffects(finishedWork, hookFlags) {
+  try {
+    commitHookEffectListMount(hookFlags, finishedWork);
+  } catch (error) {
+    captureCommitPhaseError(finishedWork, finishedWork.return, error);
+  }
+}
+function recursivelyTraversePassiveMountEffects(root, parentFiber) {
+  if (parentFiber.subtreeFlags & 10256)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitPassiveMountOnFiber(root, parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function commitPassiveMountOnFiber(finishedRoot, finishedWork) {
+  var flags = finishedWork.flags;
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      flags & 2048 && commitHookPassiveMountEffects(finishedWork, 9);
+      break;
+    case 3:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      break;
+    case 23:
+      break;
+    case 22:
+      flags = finishedWork.stateNode;
+      null !== finishedWork.memoizedState
+        ? flags._visibility & 4
+          ? recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork)
+          : finishedWork.mode & 1 ||
+            ((flags._visibility |= 4),
+            recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork))
+        : flags._visibility & 4
+        ? recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork)
+        : ((flags._visibility |= 4),
+          recursivelyTraverseReconnectPassiveEffects(
+            finishedRoot,
+            finishedWork
+          ));
+      break;
+    case 24:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      break;
+    default:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+  }
+}
+function recursivelyTraverseReconnectPassiveEffects(
+  finishedRoot$jscomp$0,
+  parentFiber
+) {
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var finishedRoot = finishedRoot$jscomp$0,
+      finishedWork = parentFiber;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 15:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+        commitHookPassiveMountEffects(finishedWork, 8);
+        break;
+      case 23:
+        break;
+      case 22:
+        var instance = finishedWork.stateNode;
+        null !== finishedWork.memoizedState
+          ? instance._visibility & 4
+            ? recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              )
+            : finishedWork.mode & 1 ||
+              ((instance._visibility |= 4),
+              recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              ))
+          : ((instance._visibility |= 4),
+            recursivelyTraverseReconnectPassiveEffects(
+              finishedRoot,
+              finishedWork
+            ));
+        break;
+      case 24:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+        break;
+      default:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+var suspenseyCommitFlag = 8192;
+function recursivelyAccumulateSuspenseyCommit(parentFiber) {
+  if (parentFiber.subtreeFlags & suspenseyCommitFlag)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      accumulateSuspenseyCommitOnFiber(parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function accumulateSuspenseyCommitOnFiber(fiber) {
+  switch (fiber.tag) {
+    case 26:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+      if (fiber.flags & suspenseyCommitFlag && null !== fiber.memoizedState)
+        throw Error(
+          "The current renderer does not support Resources. This error is likely caused by a bug in React. Please file an issue."
+        );
+      break;
+    case 5:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+      break;
+    case 3:
+    case 4:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+      break;
+    case 22:
+      if (null === fiber.memoizedState) {
+        var current = fiber.alternate;
+        null !== current && null !== current.memoizedState
+          ? ((current = suspenseyCommitFlag),
+            (suspenseyCommitFlag = 16777216),
+            recursivelyAccumulateSuspenseyCommit(fiber),
+            (suspenseyCommitFlag = current))
+          : recursivelyAccumulateSuspenseyCommit(fiber);
+      }
+      break;
+    default:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+  }
+}
+function detachAlternateSiblings(parentFiber) {
+  var previousFiber = parentFiber.alternate;
+  if (
+    null !== previousFiber &&
+    ((parentFiber = previousFiber.child), null !== parentFiber)
+  ) {
+    previousFiber.child = null;
+    do
+      (previousFiber = parentFiber.sibling),
+        (parentFiber.sibling = null),
+        (parentFiber = previousFiber);
+    while (null !== parentFiber);
+  }
+}
+function recursivelyTraversePassiveUnmountEffects(parentFiber) {
+  var deletions = parentFiber.deletions;
+  if (0 !== (parentFiber.flags & 16)) {
+    if (null !== deletions)
+      for (var i = 0; i < deletions.length; i++) {
+        var childToDelete = deletions[i];
+        nextEffect = childToDelete;
+        commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+          childToDelete,
+          parentFiber
+        );
+      }
+    detachAlternateSiblings(parentFiber);
+  }
+  if (parentFiber.subtreeFlags & 10256)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitPassiveUnmountOnFiber(parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function commitPassiveUnmountOnFiber(finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+      recursivelyTraversePassiveUnmountEffects(finishedWork);
+      finishedWork.flags & 2048 &&
+        commitHookEffectListUnmount(9, finishedWork, finishedWork.return);
+      break;
+    case 22:
+      var instance = finishedWork.stateNode;
+      null !== finishedWork.memoizedState &&
+      instance._visibility & 4 &&
+      (null === finishedWork.return || 13 !== finishedWork.return.tag)
+        ? ((instance._visibility &= -5),
+          recursivelyTraverseDisconnectPassiveEffects(finishedWork))
+        : recursivelyTraversePassiveUnmountEffects(finishedWork);
+      break;
+    default:
+      recursivelyTraversePassiveUnmountEffects(finishedWork);
+  }
+}
+function recursivelyTraverseDisconnectPassiveEffects(parentFiber) {
+  var deletions = parentFiber.deletions;
+  if (0 !== (parentFiber.flags & 16)) {
+    if (null !== deletions)
+      for (var i = 0; i < deletions.length; i++) {
+        var childToDelete = deletions[i];
+        nextEffect = childToDelete;
+        commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+          childToDelete,
+          parentFiber
+        );
+      }
+    detachAlternateSiblings(parentFiber);
+  }
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    deletions = parentFiber;
+    switch (deletions.tag) {
+      case 0:
+      case 11:
+      case 15:
+        commitHookEffectListUnmount(8, deletions, deletions.return);
+        recursivelyTraverseDisconnectPassiveEffects(deletions);
+        break;
+      case 22:
+        i = deletions.stateNode;
+        i._visibility & 4 &&
+          ((i._visibility &= -5),
+          recursivelyTraverseDisconnectPassiveEffects(deletions));
+        break;
+      default:
+        recursivelyTraverseDisconnectPassiveEffects(deletions);
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+  deletedSubtreeRoot,
+  nearestMountedAncestor
+) {
+  for (; null !== nextEffect; ) {
+    var fiber = nextEffect;
+    switch (fiber.tag) {
+      case 0:
+      case 11:
+      case 15:
+        commitHookEffectListUnmount(8, fiber, nearestMountedAncestor);
+    }
+    var child = fiber.child;
+    if (null !== child) (child.return = fiber), (nextEffect = child);
+    else
+      a: for (fiber = deletedSubtreeRoot; null !== nextEffect; ) {
+        child = nextEffect;
+        var sibling = child.sibling,
+          returnFiber = child.return;
+        detachFiberAfterEffects(child);
+        if (child === fiber) {
           nextEffect = null;
-          break;
+          break a;
         }
-        current = firstChild.sibling;
-        if (null !== current) {
-          current.return = firstChild.return;
-          nextEffect = current;
-          break;
+        if (null !== sibling) {
+          sibling.return = returnFiber;
+          nextEffect = sibling;
+          break a;
         }
-        nextEffect = firstChild.return;
+        nextEffect = returnFiber;
       }
   }
 }
-var ceil = Math.ceil,
-  ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
-  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   executionContext = 0,
   workInProgressRoot = null,
   workInProgress = null,
   workInProgressRootRenderLanes = 0,
-  subtreeRenderLanes = 0,
-  subtreeRenderLanesCursor = createCursor(0),
+  workInProgressSuspendedReason = 0,
+  workInProgressThrownValue = null,
+  workInProgressRootDidAttachPingListener = !1,
+  entangledRenderLanes = 0,
   workInProgressRootExitStatus = 0,
   workInProgressRootFatalError = null,
   workInProgressRootSkippedLanes = 0,
   workInProgressRootInterleavedUpdatedLanes = 0,
   workInProgressRootPingedLanes = 0,
+  workInProgressDeferredLane = 0,
   workInProgressRootConcurrentErrors = null,
   workInProgressRootRecoverableErrors = null,
   globalMostRecentFallbackTime = 0,
@@ -6605,124 +7776,62 @@ var ceil = Math.ceil,
   rootWithPendingPassiveEffects = null,
   pendingPassiveEffectsLanes = 0,
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
-  if (0 === (fiber.mode & 1)) return 1;
+  if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
-  if (null !== ReactCurrentBatchConfig.transition)
+  fiber = ReactCurrentBatchConfig$1.transition;
+  null !== fiber && fiber._callbacks.add(handleAsyncAction);
+  if (null !== fiber)
     return (
       0 === currentEventTransitionLane &&
         (currentEventTransitionLane = claimNextTransitionLane()),
       currentEventTransitionLane
     );
   fiber = currentUpdatePriority;
-  return 0 !== fiber ? fiber : 16;
-}
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
-  if (50 < nestedUpdateCount)
-    throw ((nestedUpdateCount = 0),
-    (rootWithNestedUpdates = null),
-    Error(
-      "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
-    ));
-  markRootUpdated(root, lane, eventTime);
+  return 0 !== fiber ? fiber : 32;
+}
+function requestDeferredLane() {
+  0 === workInProgressDeferredLane &&
+    (workInProgressDeferredLane =
+      0 !== (workInProgressRootRenderLanes & 536870912)
+        ? 536870912
+        : claimNextTransitionLane());
+  var suspenseHandler = suspenseHandlerStackCursor.current;
+  null !== suspenseHandler && (suspenseHandler.flags |= 32);
+  return workInProgressDeferredLane;
+}
+function scheduleUpdateOnFiber(root, fiber, lane) {
+  if (
+    (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    prepareFreshStack(root, 0),
+      markRootSuspended(
+        root,
+        workInProgressRootRenderLanes,
+        workInProgressDeferredLane
+      );
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot)
     root === workInProgressRoot &&
       (0 === (executionContext & 2) &&
         (workInProgressRootInterleavedUpdatedLanes |= lane),
       4 === workInProgressRootExitStatus &&
-        markRootSuspended$1(root, workInProgressRootRenderLanes)),
-      ensureRootIsScheduled(root, eventTime),
-      1 === lane &&
+        markRootSuspended(
+          root,
+          workInProgressRootRenderLanes,
+          workInProgressDeferredLane
+        )),
+      ensureRootIsScheduled(root),
+      2 === lane &&
         0 === executionContext &&
         0 === (fiber.mode & 1) &&
         ((workInProgressRootRenderTargetTime = now() + 500),
-        includesLegacySyncCallbacks && flushSyncCallbacks());
-}
-function ensureRootIsScheduled(root, currentTime) {
-  for (
-    var existingCallbackNode = root.callbackNode,
-      suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes;
-    0 < lanes;
-
-  ) {
-    var index$6 = 31 - clz32(lanes),
-      lane = 1 << index$6,
-      expirationTime = expirationTimes[index$6];
-    if (-1 === expirationTime) {
-      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$6] = computeExpirationTime(lane, currentTime);
-    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
-    lanes &= ~lane;
-  }
-  suspendedLanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : 0
-  );
-  if (0 === suspendedLanes)
-    null !== existingCallbackNode && cancelCallback(existingCallbackNode),
-      (root.callbackNode = null),
-      (root.callbackPriority = 0);
-  else if (
-    ((currentTime = suspendedLanes & -suspendedLanes),
-    root.callbackPriority !== currentTime)
-  ) {
-    null != existingCallbackNode && cancelCallback(existingCallbackNode);
-    if (1 === currentTime)
-      0 === root.tag
-        ? ((existingCallbackNode = performSyncWorkOnRoot.bind(null, root)),
-          (includesLegacySyncCallbacks = !0),
-          null === syncQueue
-            ? (syncQueue = [existingCallbackNode])
-            : syncQueue.push(existingCallbackNode))
-        : ((existingCallbackNode = performSyncWorkOnRoot.bind(null, root)),
-          null === syncQueue
-            ? (syncQueue = [existingCallbackNode])
-            : syncQueue.push(existingCallbackNode)),
-        scheduleCallback(ImmediatePriority, flushSyncCallbacks),
-        (existingCallbackNode = null);
-    else {
-      switch (lanesToEventPriority(suspendedLanes)) {
-        case 1:
-          existingCallbackNode = ImmediatePriority;
-          break;
-        case 4:
-          existingCallbackNode = UserBlockingPriority;
-          break;
-        case 16:
-          existingCallbackNode = NormalPriority;
-          break;
-        case 536870912:
-          existingCallbackNode = IdlePriority;
-          break;
-        default:
-          existingCallbackNode = NormalPriority;
-      }
-      existingCallbackNode = scheduleCallback$1(
-        existingCallbackNode,
-        performConcurrentWorkOnRoot.bind(null, root)
-      );
-    }
-    root.callbackPriority = currentTime;
-    root.callbackNode = existingCallbackNode;
-  }
+        flushSyncWorkAcrossRoots_impl(!0));
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6))
     throw Error("Should not already be working.");
   var originalCallbackNode = root.callbackNode;
@@ -6733,184 +7842,140 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
     root === workInProgressRoot ? workInProgressRootRenderLanes : 0
   );
   if (0 === lanes) return null;
-  if (0 !== (lanes & 30) || 0 !== (lanes & root.expiredLanes) || didTimeout)
-    didTimeout = renderRootSync(root, lanes);
-  else {
-    didTimeout = lanes;
-    var prevExecutionContext = executionContext;
-    executionContext |= 2;
-    var prevDispatcher = pushDispatcher();
-    if (
-      workInProgressRoot !== root ||
-      workInProgressRootRenderLanes !== didTimeout
-    )
-      (workInProgressTransitions = null),
-        (workInProgressRootRenderTargetTime = now() + 500),
-        prepareFreshStack(root, didTimeout);
-    do
-      try {
-        workLoopConcurrent();
-        break;
-      } catch (thrownValue) {
-        handleError(root, thrownValue);
-      }
-    while (1);
-    resetContextDependencies();
-    ReactCurrentDispatcher$2.current = prevDispatcher;
-    executionContext = prevExecutionContext;
-    null !== workInProgress
-      ? (didTimeout = 0)
-      : ((workInProgressRoot = null),
-        (workInProgressRootRenderLanes = 0),
-        (didTimeout = workInProgressRootExitStatus));
-  }
-  if (0 !== didTimeout) {
-    2 === didTimeout &&
-      ((prevExecutionContext = getLanesToRetrySynchronouslyOnError(root)),
-      0 !== prevExecutionContext &&
-        ((lanes = prevExecutionContext),
-        (didTimeout = recoverFromConcurrentError(root, prevExecutionContext))));
-    if (1 === didTimeout)
-      throw ((originalCallbackNode = workInProgressRootFatalError),
-      prepareFreshStack(root, 0),
-      markRootSuspended$1(root, lanes),
-      ensureRootIsScheduled(root, now()),
-      originalCallbackNode);
-    if (6 === didTimeout) markRootSuspended$1(root, lanes);
-    else {
-      prevExecutionContext = root.current.alternate;
-      if (
-        0 === (lanes & 30) &&
-        !isRenderConsistentWithExternalStores(prevExecutionContext) &&
-        ((didTimeout = renderRootSync(root, lanes)),
-        2 === didTimeout &&
-          ((prevDispatcher = getLanesToRetrySynchronouslyOnError(root)),
-          0 !== prevDispatcher &&
-            ((lanes = prevDispatcher),
-            (didTimeout = recoverFromConcurrentError(root, prevDispatcher)))),
-        1 === didTimeout)
-      )
-        throw ((originalCallbackNode = workInProgressRootFatalError),
-        prepareFreshStack(root, 0),
-        markRootSuspended$1(root, lanes),
-        ensureRootIsScheduled(root, now()),
-        originalCallbackNode);
-      root.finishedWork = prevExecutionContext;
-      root.finishedLanes = lanes;
-      switch (didTimeout) {
-        case 0:
-        case 1:
-          throw Error("Root did not complete. This is a bug in React.");
-        case 2:
-          commitRoot(
+  var exitStatus = (didTimeout =
+    0 === (lanes & 60) && 0 === (lanes & root.expiredLanes) && !didTimeout)
+    ? renderRootConcurrent(root, lanes)
+    : renderRootSync(root, lanes);
+  if (0 !== exitStatus) {
+    var renderWasConcurrent = didTimeout;
+    do {
+      if (6 === exitStatus) markRootSuspended(root, lanes, 0);
+      else {
+        didTimeout = root.current.alternate;
+        if (
+          renderWasConcurrent &&
+          !isRenderConsistentWithExternalStores(didTimeout)
+        ) {
+          exitStatus = renderRootSync(root, lanes);
+          renderWasConcurrent = !1;
+          continue;
+        }
+        if (2 === exitStatus) {
+          renderWasConcurrent = lanes;
+          var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
             root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
+            renderWasConcurrent
           );
-          break;
-        case 3:
-          markRootSuspended$1(root, lanes);
+          0 !== errorRetryLanes &&
+            ((lanes = errorRetryLanes),
+            (exitStatus = recoverFromConcurrentError(
+              root,
+              renderWasConcurrent,
+              errorRetryLanes
+            )));
+        }
+        if (1 === exitStatus)
+          throw (
+            ((originalCallbackNode = workInProgressRootFatalError),
+            prepareFreshStack(root, 0),
+            markRootSuspended(root, lanes, 0),
+            ensureRootIsScheduled(root),
+            originalCallbackNode)
+          );
+        root.finishedWork = didTimeout;
+        root.finishedLanes = lanes;
+        a: {
+          renderWasConcurrent = root;
+          switch (exitStatus) {
+            case 0:
+            case 1:
+              throw Error("Root did not complete. This is a bug in React.");
+            case 4:
+              if ((lanes & 4194176) === lanes) {
+                markRootSuspended(
+                  renderWasConcurrent,
+                  lanes,
+                  workInProgressDeferredLane
+                );
+                break a;
+              }
+              break;
+            case 2:
+            case 3:
+            case 5:
+              break;
+            default:
+              throw Error("Unknown root exit status.");
+          }
           if (
-            (lanes & 130023424) === lanes &&
-            ((didTimeout = globalMostRecentFallbackTime + 500 - now()),
-            10 < didTimeout)
+            (lanes & 62914560) === lanes &&
+            3 === exitStatus &&
+            ((exitStatus = globalMostRecentFallbackTime + 300 - now()),
+            10 < exitStatus)
           ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            prevExecutionContext = root.suspendedLanes;
-            if ((prevExecutionContext & lanes) !== lanes) {
-              requestEventTime();
-              root.pingedLanes |= root.suspendedLanes & prevExecutionContext;
-              break;
-            }
-            root.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(
-                null,
-                root,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions
-              ),
-              didTimeout
+            markRootSuspended(
+              renderWasConcurrent,
+              lanes,
+              workInProgressDeferredLane
             );
-            break;
-          }
-          commitRoot(
-            root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
-          );
-          break;
-        case 4:
-          markRootSuspended$1(root, lanes);
-          if ((lanes & 4194240) === lanes) break;
-          didTimeout = root.eventTimes;
-          for (prevExecutionContext = -1; 0 < lanes; ) {
-            var index$5 = 31 - clz32(lanes);
-            prevDispatcher = 1 << index$5;
-            index$5 = didTimeout[index$5];
-            index$5 > prevExecutionContext && (prevExecutionContext = index$5);
-            lanes &= ~prevDispatcher;
-          }
-          lanes = prevExecutionContext;
-          lanes = now() - lanes;
-          lanes =
-            (120 > lanes
-              ? 120
-              : 480 > lanes
-              ? 480
-              : 1080 > lanes
-              ? 1080
-              : 1920 > lanes
-              ? 1920
-              : 3e3 > lanes
-              ? 3e3
-              : 4320 > lanes
-              ? 4320
-              : 1960 * ceil(lanes / 1960)) - lanes;
-          if (10 < lanes) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(
+            if (0 !== getNextLanes(renderWasConcurrent, 0)) break a;
+            renderWasConcurrent.timeoutHandle = scheduleTimeout(
+              commitRootWhenReady.bind(
                 null,
-                root,
+                renderWasConcurrent,
+                didTimeout,
                 workInProgressRootRecoverableErrors,
-                workInProgressTransitions
+                workInProgressTransitions,
+                lanes,
+                workInProgressDeferredLane
               ),
-              lanes
+              exitStatus
             );
-            break;
+            break a;
           }
-          commitRoot(
-            root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
-          );
-          break;
-        case 5:
-          commitRoot(
-            root,
+          commitRootWhenReady(
+            renderWasConcurrent,
+            didTimeout,
             workInProgressRootRecoverableErrors,
-            workInProgressTransitions
+            workInProgressTransitions,
+            lanes,
+            workInProgressDeferredLane
           );
-          break;
-        default:
-          throw Error("Unknown root exit status.");
+        }
       }
-    }
+      break;
+    } while (1);
   }
-  ensureRootIsScheduled(root, now());
-  return root.callbackNode === originalCallbackNode
-    ? performConcurrentWorkOnRoot.bind(null, root)
-    : null;
+  ensureRootIsScheduled(root);
+  scheduleTaskForRootDuringMicrotask(root, now());
+  root =
+    root.callbackNode === originalCallbackNode
+      ? performConcurrentWorkOnRoot.bind(null, root)
+      : null;
+  return root;
 }
-function recoverFromConcurrentError(root, errorRetryLanes) {
-  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors;
-  root.current.memoizedState.isDehydrated &&
+function recoverFromConcurrentError(
+  root,
+  originallyAttemptedLanes,
+  errorRetryLanes
+) {
+  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors,
+    JSCompiler_inline_result;
+  (JSCompiler_inline_result = root.current.memoizedState.isDehydrated) &&
     (prepareFreshStack(root, errorRetryLanes).flags |= 256);
-  root = renderRootSync(root, errorRetryLanes);
-  2 !== root &&
-    ((errorRetryLanes = workInProgressRootRecoverableErrors),
-    (workInProgressRootRecoverableErrors = errorsFromFirstAttempt),
-    null !== errorRetryLanes && queueRecoverableErrors(errorRetryLanes));
-  return root;
+  errorRetryLanes = renderRootSync(root, errorRetryLanes);
+  if (2 !== errorRetryLanes) {
+    if (workInProgressRootDidAttachPingListener && !JSCompiler_inline_result)
+      return (
+        (root.errorRecoveryDisabledLanes |= originallyAttemptedLanes),
+        (workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes),
+        4
+      );
+    root = workInProgressRootRecoverableErrors;
+    workInProgressRootRecoverableErrors = errorsFromFirstAttempt;
+    null !== root && queueRecoverableErrors(root);
+  }
+  return errorRetryLanes;
 }
 function queueRecoverableErrors(errors) {
   null === workInProgressRootRecoverableErrors
@@ -6920,6 +7985,17 @@ function queueRecoverableErrors(errors) {
         errors
       );
 }
+function commitRootWhenReady(
+  root,
+  finishedWork,
+  recoverableErrors,
+  transitions,
+  lanes,
+  spawnedLane
+) {
+  0 === (lanes & 42) && accumulateSuspenseyCommitOnFiber(finishedWork);
+  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+}
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
     if (node.flags & 16384) {
@@ -6954,52 +8030,40 @@ function isRenderConsistentWithExternalStores(finishedWork) {
   }
   return !0;
 }
-function markRootSuspended$1(root, suspendedLanes) {
+function markRootSuspended(root, suspendedLanes, spawnedLane) {
   suspendedLanes &= ~workInProgressRootPingedLanes;
   suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
-  for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$7 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$7;
-    root[index$7] = -1;
-    suspendedLanes &= ~lane;
+  for (
+    var expirationTimes = root.expirationTimes, lanes = suspendedLanes;
+    0 < lanes;
+
+  ) {
+    var index$6 = 31 - clz32(lanes),
+      lane = 1 << index$6;
+    expirationTimes[index$6] = -1;
+    lanes &= ~lane;
   }
+  0 !== spawnedLane &&
+    markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
 }
-function performSyncWorkOnRoot(root) {
-  if (0 !== (executionContext & 6))
-    throw Error("Should not already be working.");
-  flushPassiveEffects();
-  var lanes = getNextLanes(root, 0);
-  if (0 === (lanes & 1)) return ensureRootIsScheduled(root, now()), null;
-  var exitStatus = renderRootSync(root, lanes);
-  if (0 !== root.tag && 2 === exitStatus) {
-    var errorRetryLanes = getLanesToRetrySynchronouslyOnError(root);
-    0 !== errorRetryLanes &&
-      ((lanes = errorRetryLanes),
-      (exitStatus = recoverFromConcurrentError(root, errorRetryLanes)));
-  }
-  if (1 === exitStatus)
-    throw ((exitStatus = workInProgressRootFatalError),
-    prepareFreshStack(root, 0),
-    markRootSuspended$1(root, lanes),
-    ensureRootIsScheduled(root, now()),
-    exitStatus);
-  if (6 === exitStatus)
-    throw Error("Root did not complete. This is a bug in React.");
-  root.finishedWork = root.current.alternate;
-  root.finishedLanes = lanes;
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
-  ensureRootIsScheduled(root, now());
-  return null;
-}
-function popRenderLanes() {
-  subtreeRenderLanes = subtreeRenderLanesCursor.current;
-  pop(subtreeRenderLanesCursor);
+function resetWorkInProgressStack() {
+  if (null !== workInProgress) {
+    if (0 === workInProgressSuspendedReason)
+      var interruptedWork = workInProgress.return;
+    else
+      (interruptedWork = workInProgress),
+        resetContextDependencies(),
+        resetHooksOnUnwind(interruptedWork),
+        (thenableState$1 = null),
+        (thenableIndexCounter$1 = 0),
+        (interruptedWork = workInProgress);
+    for (; null !== interruptedWork; )
+      unwindInterruptedWork(interruptedWork.alternate, interruptedWork),
+        (interruptedWork = interruptedWork.return);
+    workInProgress = null;
+  }
 }
 function prepareFreshStack(root, lanes) {
   root.finishedWork = null;
@@ -7007,266 +8071,93 @@ function prepareFreshStack(root, lanes) {
   var timeoutHandle = root.timeoutHandle;
   -1 !== timeoutHandle &&
     ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
-  if (null !== workInProgress)
-    for (timeoutHandle = workInProgress.return; null !== timeoutHandle; ) {
-      var interruptedWork = timeoutHandle;
-      popTreeContext(interruptedWork);
-      switch (interruptedWork.tag) {
-        case 1:
-          interruptedWork = interruptedWork.type.childContextTypes;
-          null !== interruptedWork &&
-            void 0 !== interruptedWork &&
-            popContext();
-          break;
-        case 3:
-          popHostContainer();
-          pop(didPerformWorkStackCursor);
-          pop(contextStackCursor);
-          resetWorkInProgressVersions();
-          break;
-        case 5:
-          popHostContext(interruptedWork);
-          break;
-        case 4:
-          popHostContainer();
-          break;
-        case 13:
-          pop(suspenseStackCursor);
-          break;
-        case 19:
-          pop(suspenseStackCursor);
-          break;
-        case 10:
-          popProvider(interruptedWork.type._context);
-          break;
-        case 22:
-        case 23:
-          popRenderLanes();
-      }
-      timeoutHandle = timeoutHandle.return;
-    }
+  timeoutHandle = root.cancelPendingCommit;
+  null !== timeoutHandle &&
+    ((root.cancelPendingCommit = null), timeoutHandle());
+  resetWorkInProgressStack();
   workInProgressRoot = root;
-  workInProgress = root = createWorkInProgress(root.current, null);
-  workInProgressRootRenderLanes = subtreeRenderLanes = lanes;
+  workInProgress = timeoutHandle = createWorkInProgress(root.current, null);
+  workInProgressRootRenderLanes = lanes;
+  workInProgressSuspendedReason = 0;
+  workInProgressThrownValue = null;
+  workInProgressRootDidAttachPingListener = !1;
   workInProgressRootExitStatus = 0;
   workInProgressRootFatalError = null;
-  workInProgressRootPingedLanes = workInProgressRootInterleavedUpdatedLanes = workInProgressRootSkippedLanes = 0;
-  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors = null;
-  if (null !== concurrentQueues) {
-    for (lanes = 0; lanes < concurrentQueues.length; lanes++)
-      if (
-        ((timeoutHandle = concurrentQueues[lanes]),
-        (interruptedWork = timeoutHandle.interleaved),
-        null !== interruptedWork)
-      ) {
-        timeoutHandle.interleaved = null;
-        var firstInterleavedUpdate = interruptedWork.next,
-          lastPendingUpdate = timeoutHandle.pending;
-        if (null !== lastPendingUpdate) {
-          var firstPendingUpdate = lastPendingUpdate.next;
-          lastPendingUpdate.next = firstInterleavedUpdate;
-          interruptedWork.next = firstPendingUpdate;
-        }
-        timeoutHandle.pending = interruptedWork;
-      }
-    concurrentQueues = null;
-  }
-  return root;
-}
-function handleError(root$jscomp$0, thrownValue) {
-  do {
-    var erroredWork = workInProgress;
-    try {
-      resetContextDependencies();
-      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-      if (didScheduleRenderPhaseUpdate) {
-        for (
-          var hook = currentlyRenderingFiber$1.memoizedState;
-          null !== hook;
+  workInProgressDeferredLane =
+    workInProgressRootPingedLanes =
+    workInProgressRootInterleavedUpdatedLanes =
+    workInProgressRootSkippedLanes =
+      0;
+  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors =
+    null;
+  0 !== (lanes & 8) && (lanes |= lanes & 32);
+  var allEntangledLanes = root.entangledLanes;
+  if (0 !== allEntangledLanes)
+    for (
+      root = root.entanglements, allEntangledLanes &= lanes;
+      0 < allEntangledLanes;
 
-        ) {
-          var queue = hook.queue;
-          null !== queue && (queue.pending = null);
-          hook = hook.next;
-        }
-        didScheduleRenderPhaseUpdate = !1;
-      }
-      renderLanes = 0;
-      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
-      didScheduleRenderPhaseUpdateDuringThisPass = !1;
-      ReactCurrentOwner$2.current = null;
-      if (null === erroredWork || null === erroredWork.return) {
-        workInProgressRootExitStatus = 1;
-        workInProgressRootFatalError = thrownValue;
-        workInProgress = null;
-        break;
-      }
-      a: {
-        var root = root$jscomp$0,
-          returnFiber = erroredWork.return,
-          sourceFiber = erroredWork,
-          value = thrownValue;
-        thrownValue = workInProgressRootRenderLanes;
-        sourceFiber.flags |= 32768;
-        if (
-          null !== value &&
-          "object" === typeof value &&
-          "function" === typeof value.then
-        ) {
-          var wakeable = value,
-            sourceFiber$jscomp$0 = sourceFiber,
-            tag = sourceFiber$jscomp$0.tag;
-          if (
-            0 === (sourceFiber$jscomp$0.mode & 1) &&
-            (0 === tag || 11 === tag || 15 === tag)
-          ) {
-            var currentSource = sourceFiber$jscomp$0.alternate;
-            currentSource
-              ? ((sourceFiber$jscomp$0.updateQueue = currentSource.updateQueue),
-                (sourceFiber$jscomp$0.memoizedState =
-                  currentSource.memoizedState),
-                (sourceFiber$jscomp$0.lanes = currentSource.lanes))
-              : ((sourceFiber$jscomp$0.updateQueue = null),
-                (sourceFiber$jscomp$0.memoizedState = null));
-          }
-          b: {
-            sourceFiber$jscomp$0 = returnFiber;
-            do {
-              var JSCompiler_temp;
-              if ((JSCompiler_temp = 13 === sourceFiber$jscomp$0.tag)) {
-                var nextState = sourceFiber$jscomp$0.memoizedState;
-                JSCompiler_temp =
-                  null !== nextState
-                    ? null !== nextState.dehydrated
-                      ? !0
-                      : !1
-                    : !0;
-              }
-              if (JSCompiler_temp) {
-                var suspenseBoundary = sourceFiber$jscomp$0;
-                break b;
-              }
-              sourceFiber$jscomp$0 = sourceFiber$jscomp$0.return;
-            } while (null !== sourceFiber$jscomp$0);
-            suspenseBoundary = null;
-          }
-          if (null !== suspenseBoundary) {
-            suspenseBoundary.flags &= -257;
-            value = suspenseBoundary;
-            sourceFiber$jscomp$0 = thrownValue;
-            if (0 === (value.mode & 1))
-              if (value === returnFiber) value.flags |= 65536;
-              else {
-                value.flags |= 128;
-                sourceFiber.flags |= 131072;
-                sourceFiber.flags &= -52805;
-                if (1 === sourceFiber.tag)
-                  if (null === sourceFiber.alternate) sourceFiber.tag = 17;
-                  else {
-                    var update = createUpdate(-1, 1);
-                    update.tag = 2;
-                    enqueueUpdate(sourceFiber, update, 1);
-                  }
-                sourceFiber.lanes |= 1;
-              }
-            else (value.flags |= 65536), (value.lanes = sourceFiber$jscomp$0);
-            suspenseBoundary.mode & 1 &&
-              attachPingListener(root, wakeable, thrownValue);
-            thrownValue = suspenseBoundary;
-            root = wakeable;
-            var wakeables = thrownValue.updateQueue;
-            if (null === wakeables) {
-              var updateQueue = new Set();
-              updateQueue.add(root);
-              thrownValue.updateQueue = updateQueue;
-            } else wakeables.add(root);
-            break a;
-          } else {
-            if (0 === (thrownValue & 1)) {
-              attachPingListener(root, wakeable, thrownValue);
-              renderDidSuspendDelayIfPossible();
-              break a;
-            }
-            value = Error(
-              "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition."
-            );
-          }
-        }
-        root = value = createCapturedValueAtFiber(value, sourceFiber);
-        4 !== workInProgressRootExitStatus &&
-          (workInProgressRootExitStatus = 2);
-        null === workInProgressRootConcurrentErrors
-          ? (workInProgressRootConcurrentErrors = [root])
-          : workInProgressRootConcurrentErrors.push(root);
-        root = returnFiber;
-        do {
-          switch (root.tag) {
-            case 3:
-              wakeable = value;
-              root.flags |= 65536;
-              thrownValue &= -thrownValue;
-              root.lanes |= thrownValue;
-              var update$jscomp$0 = createRootErrorUpdate(
-                root,
-                wakeable,
-                thrownValue
-              );
-              enqueueCapturedUpdate(root, update$jscomp$0);
-              break a;
-            case 1:
-              wakeable = value;
-              var ctor = root.type,
-                instance = root.stateNode;
-              if (
-                0 === (root.flags & 128) &&
-                ("function" === typeof ctor.getDerivedStateFromError ||
-                  (null !== instance &&
-                    "function" === typeof instance.componentDidCatch &&
-                    (null === legacyErrorBoundariesThatAlreadyFailed ||
-                      !legacyErrorBoundariesThatAlreadyFailed.has(instance))))
-              ) {
-                root.flags |= 65536;
-                thrownValue &= -thrownValue;
-                root.lanes |= thrownValue;
-                var update$34 = createClassErrorUpdate(
-                  root,
-                  wakeable,
-                  thrownValue
-                );
-                enqueueCapturedUpdate(root, update$34);
-                break a;
-              }
-          }
-          root = root.return;
-        } while (null !== root);
-      }
-      completeUnitOfWork(erroredWork);
-    } catch (yetAnotherThrownValue) {
-      thrownValue = yetAnotherThrownValue;
-      workInProgress === erroredWork &&
-        null !== erroredWork &&
-        (workInProgress = erroredWork = erroredWork.return);
-      continue;
+    ) {
+      var index$4 = 31 - clz32(allEntangledLanes),
+        lane = 1 << index$4;
+      lanes |= root[index$4];
+      allEntangledLanes &= ~lane;
     }
-    break;
-  } while (1);
+  entangledRenderLanes = lanes;
+  finishQueueingConcurrentUpdates();
+  return timeoutHandle;
+}
+function handleThrow(root, thrownValue) {
+  currentlyRenderingFiber$1 = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
+  thrownValue === SuspenseException
+    ? ((thrownValue = getSuspendedThenable()),
+      (root = suspenseHandlerStackCursor.current),
+      (workInProgressSuspendedReason =
+        (null !== root &&
+          ((workInProgressRootRenderLanes & 4194176) ===
+          workInProgressRootRenderLanes
+            ? null !== shellBoundary
+            : ((workInProgressRootRenderLanes & 62914560) !==
+                workInProgressRootRenderLanes &&
+                0 === (workInProgressRootRenderLanes & 536870912)) ||
+              root !== shellBoundary)) ||
+        0 !== (workInProgressRootSkippedLanes & 134217727) ||
+        0 !== (workInProgressRootInterleavedUpdatedLanes & 134217727)
+          ? 3
+          : 2))
+    : thrownValue === SuspenseyCommitException
+    ? ((thrownValue = getSuspendedThenable()),
+      (workInProgressSuspendedReason = 4))
+    : (workInProgressSuspendedReason =
+        thrownValue === SelectiveHydrationException
+          ? 8
+          : null !== thrownValue &&
+            "object" === typeof thrownValue &&
+            "function" === typeof thrownValue.then
+          ? 6
+          : 1);
+  workInProgressThrownValue = thrownValue;
+  null === workInProgress &&
+    ((workInProgressRootExitStatus = 1),
+    (workInProgressRootFatalError = thrownValue));
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher$2.current;
-  ReactCurrentDispatcher$2.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function renderDidSuspendDelayIfPossible() {
-  if (
-    0 === workInProgressRootExitStatus ||
-    3 === workInProgressRootExitStatus ||
-    2 === workInProgressRootExitStatus
-  )
-    workInProgressRootExitStatus = 4;
-  null === workInProgressRoot ||
-    (0 === (workInProgressRootSkippedLanes & 268435455) &&
-      0 === (workInProgressRootInterleavedUpdatedLanes & 268435455)) ||
-    markRootSuspended$1(workInProgressRoot, workInProgressRootRenderLanes);
+  workInProgressRootExitStatus = 4;
+  (0 === (workInProgressRootSkippedLanes & 134217727) &&
+    0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)) ||
+    null === workInProgressRoot ||
+    markRootSuspended(
+      workInProgressRoot,
+      workInProgressRootRenderLanes,
+      workInProgressDeferredLane
+    );
 }
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
@@ -7274,67 +8165,278 @@ function renderRootSync(root, lanes) {
   var prevDispatcher = pushDispatcher();
   if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
     (workInProgressTransitions = null), prepareFreshStack(root, lanes);
-  do
+  lanes = !1;
+  a: do
     try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        var unitOfWork = workInProgress,
+          thrownValue = workInProgressThrownValue;
+        switch (workInProgressSuspendedReason) {
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
+          default:
+            (workInProgressSuspendedReason = 0),
+              (workInProgressThrownValue = null),
+              throwAndUnwindWorkLoop(root, unitOfWork, thrownValue);
+        }
+      }
       workLoopSync();
       break;
-    } catch (thrownValue) {
-      handleError(root, thrownValue);
+    } catch (thrownValue$95) {
+      handleThrow(root, thrownValue$95);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  ReactCurrentDispatcher$2.current = prevDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
   if (null !== workInProgress)
     throw Error(
       "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
     );
   workInProgressRoot = null;
   workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
   return workInProgressRootExitStatus;
 }
 function workLoopSync() {
   for (; null !== workInProgress; ) performUnitOfWork(workInProgress);
 }
+function renderRootConcurrent(root, lanes) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 2;
+  var prevDispatcher = pushDispatcher();
+  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes)
+    (workInProgressTransitions = null),
+      (workInProgressRootRenderTargetTime = now() + 500),
+      prepareFreshStack(root, lanes);
+  a: do
+    try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        lanes = workInProgress;
+        var thrownValue = workInProgressThrownValue;
+        b: switch (workInProgressSuspendedReason) {
+          case 1:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 2:
+            if (isThenableResolved(thrownValue)) {
+              workInProgressSuspendedReason = 0;
+              workInProgressThrownValue = null;
+              replaySuspendedUnitOfWork(lanes);
+              break;
+            }
+            lanes = function () {
+              2 === workInProgressSuspendedReason &&
+                workInProgressRoot === root &&
+                (workInProgressSuspendedReason = 7);
+              ensureRootIsScheduled(root);
+            };
+            thrownValue.then(lanes, lanes);
+            break a;
+          case 3:
+            workInProgressSuspendedReason = 7;
+            break a;
+          case 4:
+            workInProgressSuspendedReason = 5;
+            break a;
+          case 7:
+            isThenableResolved(thrownValue)
+              ? ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                replaySuspendedUnitOfWork(lanes))
+              : ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                throwAndUnwindWorkLoop(root, lanes, thrownValue));
+            break;
+          case 5:
+            switch (workInProgress.tag) {
+              case 5:
+              case 26:
+              case 27:
+                lanes = workInProgress;
+                workInProgressSuspendedReason = 0;
+                workInProgressThrownValue = null;
+                var sibling = lanes.sibling;
+                if (null !== sibling) workInProgress = sibling;
+                else {
+                  var returnFiber = lanes.return;
+                  null !== returnFiber
+                    ? ((workInProgress = returnFiber),
+                      completeUnitOfWork(returnFiber))
+                    : (workInProgress = null);
+                }
+                break b;
+            }
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 6:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, thrownValue);
+            break;
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          default:
+            throw Error("Unexpected SuspendedReason. This is a bug in React.");
+        }
+      }
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue$97) {
+      handleThrow(root, thrownValue$97);
+    }
+  while (1);
+  resetContextDependencies();
+  ReactCurrentDispatcher.current = prevDispatcher;
+  executionContext = prevExecutionContext;
+  if (null !== workInProgress) return 0;
+  workInProgressRoot = null;
+  workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
+  return workInProgressRootExitStatus;
+}
 function workLoopConcurrent() {
   for (; null !== workInProgress && !shouldYield(); )
     performUnitOfWork(workInProgress);
 }
 function performUnitOfWork(unitOfWork) {
-  var next = beginWork$1(unitOfWork.alternate, unitOfWork, subtreeRenderLanes);
+  var next = beginWork(unitOfWork.alternate, unitOfWork, entangledRenderLanes);
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
   null === next ? completeUnitOfWork(unitOfWork) : (workInProgress = next);
-  ReactCurrentOwner$2.current = null;
+  ReactCurrentOwner.current = null;
+}
+function replaySuspendedUnitOfWork(unitOfWork) {
+  var current = unitOfWork.alternate;
+  switch (unitOfWork.tag) {
+    case 2:
+      unitOfWork.tag = 0;
+    case 15:
+    case 0:
+      var Component = unitOfWork.type,
+        unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultProps(Component, unresolvedProps);
+      var context = isContextProvider(Component)
+        ? previousContext
+        : contextStackCursor$1.current;
+      context = getMaskedContext(unitOfWork, context);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        context,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 11:
+      Component = unitOfWork.type.render;
+      unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultProps(Component, unresolvedProps);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        unitOfWork.ref,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 5:
+      resetHooksOnUnwind(unitOfWork);
+    default:
+      unwindInterruptedWork(current, unitOfWork),
+        (unitOfWork = workInProgress =
+          resetWorkInProgress(unitOfWork, entangledRenderLanes)),
+        (current = beginWork(current, unitOfWork, entangledRenderLanes));
+  }
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === current
+    ? completeUnitOfWork(unitOfWork)
+    : (workInProgress = current);
+  ReactCurrentOwner.current = null;
+}
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
+  resetContextDependencies();
+  resetHooksOnUnwind(unitOfWork);
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+  var returnFiber = unitOfWork.return;
+  try {
+    if (
+      throwException(
+        root,
+        returnFiber,
+        unitOfWork,
+        thrownValue,
+        workInProgressRootRenderLanes
+      )
+    ) {
+      workInProgressRootExitStatus = 1;
+      workInProgressRootFatalError = thrownValue;
+      workInProgress = null;
+      return;
+    }
+  } catch (error) {
+    if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
+    workInProgressRootExitStatus = 1;
+    workInProgressRootFatalError = thrownValue;
+    workInProgress = null;
+    return;
+  }
+  if (unitOfWork.flags & 32768)
+    a: {
+      root = unitOfWork;
+      do {
+        unitOfWork = unwindWork(root.alternate, root);
+        if (null !== unitOfWork) {
+          unitOfWork.flags &= 32767;
+          workInProgress = unitOfWork;
+          break a;
+        }
+        root = root.return;
+        null !== root &&
+          ((root.flags |= 32768),
+          (root.subtreeFlags = 0),
+          (root.deletions = null));
+        workInProgress = root;
+      } while (null !== root);
+      workInProgressRootExitStatus = 6;
+      workInProgress = null;
+    }
+  else completeUnitOfWork(unitOfWork);
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
-    var current = completedWork.alternate;
     unitOfWork = completedWork.return;
-    if (0 === (completedWork.flags & 32768)) {
-      if (
-        ((current = completeWork(current, completedWork, subtreeRenderLanes)),
-        null !== current)
-      ) {
-        workInProgress = current;
-        return;
-      }
-    } else {
-      current = unwindWork(current, completedWork);
-      if (null !== current) {
-        current.flags &= 32767;
-        workInProgress = current;
-        return;
-      }
-      if (null !== unitOfWork)
-        (unitOfWork.flags |= 32768),
-          (unitOfWork.subtreeFlags = 0),
-          (unitOfWork.deletions = null);
-      else {
-        workInProgressRootExitStatus = 6;
-        workInProgress = null;
-        return;
-      }
+    var next = completeWork(
+      completedWork.alternate,
+      completedWork,
+      entangledRenderLanes
+    );
+    if (null !== next) {
+      workInProgress = next;
+      return;
     }
     completedWork = completedWork.sibling;
     if (null !== completedWork) {
@@ -7345,20 +8447,21 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function commitRoot(root, recoverableErrors, transitions) {
+function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   var previousUpdateLanePriority = currentUpdatePriority,
-    prevTransition = ReactCurrentBatchConfig$2.transition;
+    prevTransition = ReactCurrentBatchConfig.transition;
   try {
-    (ReactCurrentBatchConfig$2.transition = null),
-      (currentUpdatePriority = 1),
+    (ReactCurrentBatchConfig.transition = null),
+      (currentUpdatePriority = 2),
       commitRootImpl(
         root,
         recoverableErrors,
         transitions,
-        previousUpdateLanePriority
+        previousUpdateLanePriority,
+        spawnedLane
       );
   } finally {
-    (ReactCurrentBatchConfig$2.transition = prevTransition),
+    (ReactCurrentBatchConfig.transition = prevTransition),
       (currentUpdatePriority = previousUpdateLanePriority);
   }
   return null;
@@ -7367,98 +8470,104 @@ function commitRootImpl(
   root,
   recoverableErrors,
   transitions,
-  renderPriorityLevel
+  renderPriorityLevel,
+  spawnedLane
 ) {
   do flushPassiveEffects();
   while (null !== rootWithPendingPassiveEffects);
   if (0 !== (executionContext & 6))
     throw Error("Should not already be working.");
-  transitions = root.finishedWork;
-  var lanes = root.finishedLanes;
-  if (null === transitions) return null;
+  var finishedWork = root.finishedWork;
+  transitions = root.finishedLanes;
+  if (null === finishedWork) return null;
   root.finishedWork = null;
   root.finishedLanes = 0;
-  if (transitions === root.current)
+  if (finishedWork === root.current)
     throw Error(
       "Cannot commit the same tree as before. This error is likely caused by a bug in React. Please file an issue."
     );
   root.callbackNode = null;
   root.callbackPriority = 0;
-  var remainingLanes = transitions.lanes | transitions.childLanes;
-  markRootFinished(root, remainingLanes);
+  root.cancelPendingCommit = null;
+  var remainingLanes = finishedWork.lanes | finishedWork.childLanes;
+  remainingLanes |= concurrentlyUpdatedLanes;
+  markRootFinished(root, remainingLanes, spawnedLane);
   root === workInProgressRoot &&
     ((workInProgress = workInProgressRoot = null),
     (workInProgressRootRenderLanes = 0));
-  (0 === (transitions.subtreeFlags & 2064) &&
-    0 === (transitions.flags & 2064)) ||
+  (0 === (finishedWork.subtreeFlags & 10256) &&
+    0 === (finishedWork.flags & 10256)) ||
     rootDoesHavePassiveEffects ||
     ((rootDoesHavePassiveEffects = !0),
-    scheduleCallback$1(NormalPriority, function() {
+    scheduleCallback(NormalPriority, function () {
       flushPassiveEffects();
       return null;
     }));
-  remainingLanes = 0 !== (transitions.flags & 15990);
-  if (0 !== (transitions.subtreeFlags & 15990) || remainingLanes) {
-    remainingLanes = ReactCurrentBatchConfig$2.transition;
-    ReactCurrentBatchConfig$2.transition = null;
-    var previousPriority = currentUpdatePriority;
-    currentUpdatePriority = 1;
+  spawnedLane = 0 !== (finishedWork.flags & 15990);
+  if (0 !== (finishedWork.subtreeFlags & 15990) || spawnedLane) {
+    spawnedLane = ReactCurrentBatchConfig.transition;
+    ReactCurrentBatchConfig.transition = null;
+    remainingLanes = currentUpdatePriority;
+    currentUpdatePriority = 2;
     var prevExecutionContext = executionContext;
     executionContext |= 4;
-    ReactCurrentOwner$2.current = null;
-    commitBeforeMutationEffects(root, transitions);
-    commitMutationEffectsOnFiber(transitions, root);
-    root.current = transitions;
-    commitLayoutEffects(transitions, root, lanes);
+    ReactCurrentOwner.current = null;
+    commitBeforeMutationEffects(root, finishedWork);
+    commitMutationEffectsOnFiber(finishedWork, root);
+    root.current = finishedWork;
+    commitLayoutEffectOnFiber(root, finishedWork.alternate, finishedWork);
     requestPaint();
     executionContext = prevExecutionContext;
-    currentUpdatePriority = previousPriority;
-    ReactCurrentBatchConfig$2.transition = remainingLanes;
-  } else root.current = transitions;
+    currentUpdatePriority = remainingLanes;
+    ReactCurrentBatchConfig.transition = spawnedLane;
+  } else root.current = finishedWork;
   rootDoesHavePassiveEffects &&
     ((rootDoesHavePassiveEffects = !1),
     (rootWithPendingPassiveEffects = root),
-    (pendingPassiveEffectsLanes = lanes));
+    (pendingPassiveEffectsLanes = transitions));
   remainingLanes = root.pendingLanes;
   0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
-  onCommitRoot(transitions.stateNode, renderPriorityLevel);
-  ensureRootIsScheduled(root, now());
+  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
+  ensureRootIsScheduled(root);
   if (null !== recoverableErrors)
     for (
-      renderPriorityLevel = root.onRecoverableError, transitions = 0;
-      transitions < recoverableErrors.length;
-      transitions++
+      renderPriorityLevel = root.onRecoverableError, finishedWork = 0;
+      finishedWork < recoverableErrors.length;
+      finishedWork++
     )
-      (lanes = recoverableErrors[transitions]),
-        renderPriorityLevel(lanes.value, {
-          componentStack: lanes.stack,
-          digest: lanes.digest
-        });
+      (spawnedLane = recoverableErrors[finishedWork]),
+        (remainingLanes = {
+          digest: spawnedLane.digest,
+          componentStack: spawnedLane.stack
+        }),
+        renderPriorityLevel(spawnedLane.value, remainingLanes);
   if (hasUncaughtError)
-    throw ((hasUncaughtError = !1),
-    (root = firstUncaughtError),
-    (firstUncaughtError = null),
-    root);
-  0 !== (pendingPassiveEffectsLanes & 1) &&
+    throw (
+      ((hasUncaughtError = !1),
+      (root = firstUncaughtError),
+      (firstUncaughtError = null),
+      root)
+    );
+  0 !== (pendingPassiveEffectsLanes & 3) &&
     0 !== root.tag &&
     flushPassiveEffects();
   remainingLanes = root.pendingLanes;
-  0 !== (remainingLanes & 1)
+  0 !== (transitions & 4194218) && 0 !== (remainingLanes & 42)
     ? root === rootWithNestedUpdates
       ? nestedUpdateCount++
       : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root))
     : (nestedUpdateCount = 0);
-  flushSyncCallbacks();
+  flushSyncWorkAcrossRoots_impl(!1);
   return null;
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactCurrentBatchConfig$2.transition,
+      prevTransition = ReactCurrentBatchConfig.transition,
       previousPriority = currentUpdatePriority;
     try {
-      ReactCurrentBatchConfig$2.transition = null;
-      currentUpdatePriority = 16 > renderPriority ? 16 : renderPriority;
+      ReactCurrentBatchConfig.transition = null;
+      currentUpdatePriority = 32 > renderPriority ? 32 : renderPriority;
       if (null === rootWithPendingPassiveEffects)
         var JSCompiler_inline_result = !1;
       else {
@@ -7469,116 +8578,10 @@ function flushPassiveEffects() {
           throw Error("Cannot flush passive effects while already rendering.");
         var prevExecutionContext = executionContext;
         executionContext |= 4;
-        for (nextEffect = renderPriority.current; null !== nextEffect; ) {
-          var fiber = nextEffect,
-            child = fiber.child;
-          if (0 !== (nextEffect.flags & 16)) {
-            var deletions = fiber.deletions;
-            if (null !== deletions) {
-              for (var i = 0; i < deletions.length; i++) {
-                var fiberToDelete = deletions[i];
-                for (nextEffect = fiberToDelete; null !== nextEffect; ) {
-                  var fiber$jscomp$0 = nextEffect;
-                  switch (fiber$jscomp$0.tag) {
-                    case 0:
-                    case 11:
-                    case 15:
-                      commitHookEffectListUnmount(8, fiber$jscomp$0, fiber);
-                  }
-                  var child$jscomp$0 = fiber$jscomp$0.child;
-                  if (null !== child$jscomp$0)
-                    (child$jscomp$0.return = fiber$jscomp$0),
-                      (nextEffect = child$jscomp$0);
-                  else
-                    for (; null !== nextEffect; ) {
-                      fiber$jscomp$0 = nextEffect;
-                      var sibling = fiber$jscomp$0.sibling,
-                        returnFiber = fiber$jscomp$0.return;
-                      detachFiberAfterEffects(fiber$jscomp$0);
-                      if (fiber$jscomp$0 === fiberToDelete) {
-                        nextEffect = null;
-                        break;
-                      }
-                      if (null !== sibling) {
-                        sibling.return = returnFiber;
-                        nextEffect = sibling;
-                        break;
-                      }
-                      nextEffect = returnFiber;
-                    }
-                }
-              }
-              var previousFiber = fiber.alternate;
-              if (null !== previousFiber) {
-                var detachedChild = previousFiber.child;
-                if (null !== detachedChild) {
-                  previousFiber.child = null;
-                  do {
-                    var detachedSibling = detachedChild.sibling;
-                    detachedChild.sibling = null;
-                    detachedChild = detachedSibling;
-                  } while (null !== detachedChild);
-                }
-              }
-              nextEffect = fiber;
-            }
-          }
-          if (0 !== (fiber.subtreeFlags & 2064) && null !== child)
-            (child.return = fiber), (nextEffect = child);
-          else
-            b: for (; null !== nextEffect; ) {
-              fiber = nextEffect;
-              if (0 !== (fiber.flags & 2048))
-                switch (fiber.tag) {
-                  case 0:
-                  case 11:
-                  case 15:
-                    commitHookEffectListUnmount(9, fiber, fiber.return);
-                }
-              var sibling$jscomp$0 = fiber.sibling;
-              if (null !== sibling$jscomp$0) {
-                sibling$jscomp$0.return = fiber.return;
-                nextEffect = sibling$jscomp$0;
-                break b;
-              }
-              nextEffect = fiber.return;
-            }
-        }
-        var finishedWork = renderPriority.current;
-        for (nextEffect = finishedWork; null !== nextEffect; ) {
-          child = nextEffect;
-          var firstChild = child.child;
-          if (0 !== (child.subtreeFlags & 2064) && null !== firstChild)
-            (firstChild.return = child), (nextEffect = firstChild);
-          else
-            b: for (child = finishedWork; null !== nextEffect; ) {
-              deletions = nextEffect;
-              if (0 !== (deletions.flags & 2048))
-                try {
-                  switch (deletions.tag) {
-                    case 0:
-                    case 11:
-                    case 15:
-                      commitHookEffectListMount(9, deletions);
-                  }
-                } catch (error) {
-                  captureCommitPhaseError(deletions, deletions.return, error);
-                }
-              if (deletions === child) {
-                nextEffect = null;
-                break b;
-              }
-              var sibling$jscomp$1 = deletions.sibling;
-              if (null !== sibling$jscomp$1) {
-                sibling$jscomp$1.return = deletions.return;
-                nextEffect = sibling$jscomp$1;
-                break b;
-              }
-              nextEffect = deletions.return;
-            }
-        }
+        commitPassiveUnmountOnFiber(renderPriority.current);
+        commitPassiveMountOnFiber(renderPriority, renderPriority.current);
         executionContext = prevExecutionContext;
-        flushSyncCallbacks();
+        flushSyncWorkAcrossRoots_impl(!1);
         if (
           injectedHook &&
           "function" === typeof injectedHook.onPostCommitFiberRoot
@@ -7591,29 +8594,23 @@ function flushPassiveEffects() {
       return JSCompiler_inline_result;
     } finally {
       (currentUpdatePriority = previousPriority),
-        (ReactCurrentBatchConfig$2.transition = prevTransition);
+        (ReactCurrentBatchConfig.transition = prevTransition);
     }
   }
   return !1;
 }
 function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
-  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 1);
-  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 1);
-  sourceFiber = requestEventTime();
+  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
+  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 1, sourceFiber),
-    ensureRootIsScheduled(rootFiber, sourceFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
     captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
   else
-    for (
-      nearestMountedAncestor = sourceFiber.return;
-      null !== nearestMountedAncestor;
-
-    ) {
+    for (; null !== nearestMountedAncestor; ) {
       if (3 === nearestMountedAncestor.tag) {
         captureCommitPhaseErrorOnRoot(
           nearestMountedAncestor,
@@ -7634,51 +8631,60 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
           sourceFiber = createClassErrorUpdate(
             nearestMountedAncestor,
             sourceFiber,
-            1
+            2
           );
           nearestMountedAncestor = enqueueUpdate(
             nearestMountedAncestor,
             sourceFiber,
-            1
+            2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 1, sourceFiber),
-            ensureRootIsScheduled(nearestMountedAncestor, sourceFiber));
+            (markRootUpdated(nearestMountedAncestor, 2),
+            ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
       }
       nearestMountedAncestor = nearestMountedAncestor.return;
     }
 }
+function attachPingListener(root, wakeable, lanes) {
+  var pingCache = root.pingCache;
+  if (null === pingCache) {
+    pingCache = root.pingCache = new PossiblyWeakMap();
+    var threadIDs = new Set();
+    pingCache.set(wakeable, threadIDs);
+  } else
+    (threadIDs = pingCache.get(wakeable)),
+      void 0 === threadIDs &&
+        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
+  threadIDs.has(lanes) ||
+    ((workInProgressRootDidAttachPingListener = !0),
+    threadIDs.add(lanes),
+    (root = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
+    wakeable.then(root, root));
+}
 function pingSuspendedRoot(root, wakeable, pingedLanes) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(wakeable);
-  wakeable = requestEventTime();
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
   workInProgressRoot === root &&
     (workInProgressRootRenderLanes & pingedLanes) === pingedLanes &&
     (4 === workInProgressRootExitStatus ||
     (3 === workInProgressRootExitStatus &&
-      (workInProgressRootRenderLanes & 130023424) ===
+      (workInProgressRootRenderLanes & 62914560) ===
         workInProgressRootRenderLanes &&
-      500 > now() - globalMostRecentFallbackTime)
-      ? prepareFreshStack(root, 0)
+      300 > now() - globalMostRecentFallbackTime)
+      ? 0 === (executionContext & 2) && prepareFreshStack(root, 0)
       : (workInProgressRootPingedLanes |= pingedLanes));
-  ensureRootIsScheduled(root, wakeable);
+  ensureRootIsScheduled(root);
 }
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
-    (0 === (boundaryFiber.mode & 1)
-      ? (retryLane = 1)
-      : ((retryLane = nextRetryLane),
-        (nextRetryLane <<= 1),
-        0 === (nextRetryLane & 130023424) && (nextRetryLane = 4194304)));
-  var eventTime = requestEventTime();
-  boundaryFiber = markUpdateLaneFromFiberToRoot(boundaryFiber, retryLane);
+    (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
+  boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
-    ensureRootIsScheduled(boundaryFiber, eventTime));
+    (markRootUpdated(boundaryFiber, retryLane),
+    ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
   var suspenseState = boundaryFiber.memoizedState,
@@ -7697,6 +8703,9 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
     case 19:
       retryCache = boundaryFiber.stateNode;
       break;
+    case 22:
+      retryCache = boundaryFiber.stateNode._retryCache;
+      break;
     default:
       throw Error(
         "Pinged unknown suspense boundary type. This is probably a bug in React."
@@ -7705,8 +8714,8 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   null !== retryCache && retryCache.delete(wakeable);
   retryTimedOutBoundary(boundaryFiber, retryLane);
 }
-var beginWork$1;
-beginWork$1 = function(current, workInProgress, renderLanes) {
+var beginWork;
+beginWork = function (current, workInProgress, renderLanes) {
   if (null !== current)
     if (
       current.memoizedProps !== workInProgress.pendingProps ||
@@ -7737,7 +8746,7 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
       current = workInProgress.pendingProps;
       var context = getMaskedContext(
         workInProgress,
-        contextStackCursor.current
+        contextStackCursor$1.current
       );
       prepareToReadContext(workInProgress, renderLanes);
       context = renderWithHooks(
@@ -7889,11 +8898,13 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
         : (reconcileChildren(current, workInProgress, context, renderLanes),
           (workInProgress = workInProgress.child));
       return workInProgress;
+    case 26:
+    case 27:
     case 5:
       return (
         pushHostContext(workInProgress),
         (Component = workInProgress.pendingProps.children),
-        markRef(current, workInProgress),
+        markRef$1(current, workInProgress),
         reconcileChildren(current, workInProgress, Component, renderLanes),
         workInProgress.child
       );
@@ -8002,7 +9013,7 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
                 ) {
                   if (dependency.context === Component) {
                     if (1 === hasContext.tag) {
-                      dependency = createUpdate(-1, renderLanes & -renderLanes);
+                      dependency = createUpdate(renderLanes & -renderLanes);
                       dependency.tag = 2;
                       var updateQueue = hasContext.updateQueue;
                       if (null !== updateQueue) {
@@ -8143,17 +9154,27 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
       "). This error is likely caused by a bug in React. Please file an issue."
   );
 };
-function scheduleCallback$1(priorityLevel, callback) {
-  return scheduleCallback(priorityLevel, callback);
+function scheduleCallback(priorityLevel, callback) {
+  return scheduleCallback$2(priorityLevel, callback);
 }
 function FiberNode(tag, pendingProps, key, mode) {
   this.tag = tag;
   this.key = key;
-  this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
+  this.sibling =
+    this.child =
+    this.return =
+    this.stateNode =
+    this.type =
+    this.elementType =
+      null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
-  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.dependencies =
+    this.memoizedState =
+    this.updateQueue =
+    this.memoizedProps =
+      null;
   this.mode = mode;
   this.subtreeFlags = this.flags = 0;
   this.deletions = null;
@@ -8196,7 +9217,7 @@ function createWorkInProgress(current, pendingProps) {
       (workInProgress.flags = 0),
       (workInProgress.subtreeFlags = 0),
       (workInProgress.deletions = null));
-  workInProgress.flags = current.flags & 14680064;
+  workInProgress.flags = current.flags & 31457280;
   workInProgress.childLanes = current.childLanes;
   workInProgress.lanes = current.lanes;
   workInProgress.child = current.child;
@@ -8211,6 +9232,39 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
+  return workInProgress;
+}
+function resetWorkInProgress(workInProgress, renderLanes) {
+  workInProgress.flags &= 31457282;
+  var current = workInProgress.alternate;
+  null === current
+    ? ((workInProgress.childLanes = 0),
+      (workInProgress.lanes = renderLanes),
+      (workInProgress.child = null),
+      (workInProgress.subtreeFlags = 0),
+      (workInProgress.memoizedProps = null),
+      (workInProgress.memoizedState = null),
+      (workInProgress.updateQueue = null),
+      (workInProgress.dependencies = null),
+      (workInProgress.stateNode = null))
+    : ((workInProgress.childLanes = current.childLanes),
+      (workInProgress.lanes = current.lanes),
+      (workInProgress.child = current.child),
+      (workInProgress.subtreeFlags = 0),
+      (workInProgress.deletions = null),
+      (workInProgress.memoizedProps = current.memoizedProps),
+      (workInProgress.memoizedState = current.memoizedState),
+      (workInProgress.updateQueue = current.updateQueue),
+      (workInProgress.type = current.type),
+      (renderLanes = current.dependencies),
+      (workInProgress.dependencies =
+        null === renderLanes
+          ? null
+          : {
+              lanes: renderLanes.lanes,
+              firstContext: renderLanes.firstContext
+            }));
   return workInProgress;
 }
 function createFiberFromTypeAndProps(
@@ -8232,6 +9286,7 @@ function createFiberFromTypeAndProps(
       case REACT_STRICT_MODE_TYPE:
         fiberTag = 8;
         mode |= 8;
+        0 !== (mode & 1) && (mode |= 16);
         break;
       case REACT_PROFILER_TYPE:
         return (
@@ -8296,7 +9351,41 @@ function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
   pendingProps = createFiber(22, pendingProps, key, mode);
   pendingProps.elementType = REACT_OFFSCREEN_TYPE;
   pendingProps.lanes = lanes;
-  pendingProps.stateNode = { isHidden: !1 };
+  var primaryChildInstance = {
+    _visibility: 1,
+    _pendingVisibility: 1,
+    _pendingMarkers: null,
+    _retryCache: null,
+    _transitions: null,
+    _current: null,
+    detach: function () {
+      var fiber = primaryChildInstance._current;
+      if (null === fiber)
+        throw Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      if (0 === (primaryChildInstance._pendingVisibility & 2)) {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root &&
+          ((primaryChildInstance._pendingVisibility |= 2),
+          scheduleUpdateOnFiber(root, fiber, 2));
+      }
+    },
+    attach: function () {
+      var fiber = primaryChildInstance._current;
+      if (null === fiber)
+        throw Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      if (0 !== (primaryChildInstance._pendingVisibility & 2)) {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root &&
+          ((primaryChildInstance._pendingVisibility &= -3),
+          scheduleUpdateOnFiber(root, fiber, 2));
+      }
+    }
+  };
+  pendingProps.stateNode = primaryChildInstance;
   return pendingProps;
 }
 function createFiberFromText(content, mode, lanes) {
@@ -8324,22 +9413,42 @@ function FiberRootNode(
   tag,
   hydrate,
   identifierPrefix,
-  onRecoverableError
+  onRecoverableError,
+  formState
 ) {
   this.tag = tag;
   this.containerInfo = containerInfo;
-  this.finishedWork = this.pingCache = this.current = this.pendingChildren = null;
+  this.finishedWork =
+    this.pingCache =
+    this.current =
+    this.pendingChildren =
+      null;
   this.timeoutHandle = -1;
-  this.callbackNode = this.pendingContext = this.context = null;
+  this.callbackNode =
+    this.next =
+    this.pendingContext =
+    this.context =
+    this.cancelPendingCommit =
+      null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
-  this.entangledLanes = this.finishedLanes = this.mutableReadLanes = this.expiredLanes = this.pingedLanes = this.suspendedLanes = this.pendingLanes = 0;
+  this.entangledLanes =
+    this.shellSuspendCounter =
+    this.errorRecoveryDisabledLanes =
+    this.finishedLanes =
+    this.expiredLanes =
+    this.pingedLanes =
+    this.suspendedLanes =
+    this.pendingLanes =
+      0;
   this.entanglements = createLaneMap(0);
+  this.hiddenUpdates = createLaneMap(null);
   this.identifierPrefix = identifierPrefix;
   this.onRecoverableError = onRecoverableError;
+  this.formState = formState;
+  this.incompleteTransitions = new Map();
 }
-function createPortal(children, containerInfo, implementation) {
+function createPortal$1(children, containerInfo, implementation) {
   var key =
     3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
   return {
@@ -8361,11 +9470,10 @@ function findHostInstance(component) {
     );
   }
   component = findCurrentHostFiber(fiber);
-  return null === component ? null : component.stateNode;
+  return null === component ? null : getPublicInstance(component.stateNode);
 }
 function updateContainer(element, container, parentComponent, callback) {
   var current = container.current,
-    eventTime = requestEventTime(),
     lane = requestUpdateLane(current);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternals;
@@ -8414,13 +9522,13 @@ function updateContainer(element, container, parentComponent, callback) {
   null === container.context
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
-  container = createUpdate(eventTime, lane);
+  container = createUpdate(lane);
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(current, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, current, lane, eventTime),
+    (scheduleUpdateOnFiber(element, current, lane),
     entangleTransitions(element, current, lane));
   return lane;
 }
@@ -8431,14 +9539,27 @@ function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
   if (componentOrHandle._nativeTag) return componentOrHandle._nativeTag;
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-    return componentOrHandle.canonical._nativeTag;
+  if (
+    null != componentOrHandle.canonical &&
+    null != componentOrHandle.canonical.nativeTag
+  )
+    return componentOrHandle.canonical.nativeTag;
+  var nativeTag =
+    ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+      componentOrHandle
+    );
+  if (nativeTag) return nativeTag;
   componentOrHandle = findHostInstance(componentOrHandle);
   return null == componentOrHandle
     ? componentOrHandle
-    : componentOrHandle.canonical
-    ? componentOrHandle.canonical._nativeTag
-    : componentOrHandle._nativeTag;
+    : null != componentOrHandle._nativeTag
+    ? componentOrHandle._nativeTag
+    : ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+        componentOrHandle
+      );
+}
+function getInspectorDataForInstance() {
+  throw Error("getInspectorDataForInstance() is not available in production");
 }
 function onRecoverableError(error) {
   console.error(error);
@@ -8446,11 +9567,11 @@ function onRecoverableError(error) {
 function unmountComponentAtNode(containerTag) {
   var root = roots.get(containerTag);
   root &&
-    updateContainer(null, root, null, function() {
+    updateContainer(null, root, null, function () {
       roots.delete(containerTag);
     });
 }
-batchedUpdatesImpl = function(fn, a) {
+batchedUpdatesImpl = function (fn, a) {
   var prevExecutionContext = executionContext;
   executionContext |= 1;
   try {
@@ -8459,33 +9580,34 @@ batchedUpdatesImpl = function(fn, a) {
     (executionContext = prevExecutionContext),
       0 === executionContext &&
         ((workInProgressRootRenderTargetTime = now() + 500),
-        includesLegacySyncCallbacks && flushSyncCallbacks());
+        flushSyncWorkAcrossRoots_impl(!0));
   }
 };
 var roots = new Map(),
-  devToolsConfig$jscomp$inline_979 = {
+  devToolsConfig$jscomp$inline_1114 = {
     findFiberByHostInstance: getInstanceFromTag,
     bundleType: 0,
-    version: "18.2.0-next-9e3b772b8-20220608",
+    version: "18.3.0-canary-03d6f7cf0-20240209",
     rendererPackageName: "react-native-renderer",
     rendererConfig: {
-      getInspectorDataForViewTag: function() {
+      getInspectorDataForInstance: getInspectorDataForInstance,
+      getInspectorDataForViewTag: function () {
         throw Error(
           "getInspectorDataForViewTag() is not available in production"
         );
       },
-      getInspectorDataForViewAtPoint: function() {
+      getInspectorDataForViewAtPoint: function () {
         throw Error(
           "getInspectorDataForViewAtPoint() is not available in production."
         );
       }.bind(null, findNodeHandle)
     }
   };
-var internals$jscomp$inline_1247 = {
-  bundleType: devToolsConfig$jscomp$inline_979.bundleType,
-  version: devToolsConfig$jscomp$inline_979.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_979.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_979.rendererConfig,
+var internals$jscomp$inline_1353 = {
+  bundleType: devToolsConfig$jscomp$inline_1114.bundleType,
+  version: devToolsConfig$jscomp$inline_1114.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1114.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1114.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -8496,87 +9618,88 @@ var internals$jscomp$inline_1247 = {
   setSuspenseHandler: null,
   scheduleUpdate: null,
   currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
-  findHostInstanceByFiber: function(fiber) {
+  findHostInstanceByFiber: function (fiber) {
     fiber = findCurrentHostFiber(fiber);
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_979.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1114.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.2.0-next-9e3b772b8-20220608"
+  reconcilerVersion: "18.3.0-canary-03d6f7cf0-20240209"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1248 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1354 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1248.isDisabled &&
-    hook$jscomp$inline_1248.supportsFiber
+    !hook$jscomp$inline_1354.isDisabled &&
+    hook$jscomp$inline_1354.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1248.inject(
-        internals$jscomp$inline_1247
+      (rendererID = hook$jscomp$inline_1354.inject(
+        internals$jscomp$inline_1353
       )),
-        (injectedHook = hook$jscomp$inline_1248);
+        (injectedHook = hook$jscomp$inline_1354);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = {
-  computeComponentStackForErrorReporting: function(reactTag) {
+  computeComponentStackForErrorReporting: function (reactTag) {
     return (reactTag = getInstanceFromTag(reactTag))
       ? getStackByFiberInDevAndProd(reactTag)
       : "";
   }
 };
-exports.createPortal = function(children, containerTag) {
-  return createPortal(
+exports.createPortal = function (children, containerTag) {
+  return createPortal$1(
     children,
     containerTag,
     null,
     2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
   );
 };
-exports.dispatchCommand = function(handle, command, args) {
-  null != handle._nativeTag &&
-    (null != handle._internalInstanceHandle
-      ? ((handle = handle._internalInstanceHandle.stateNode),
-        null != handle &&
-          nativeFabricUIManager.dispatchCommand(handle.node, command, args))
+exports.dispatchCommand = function (handle, command, args) {
+  var nativeTag =
+    null != handle._nativeTag
+      ? handle._nativeTag
+      : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
+  null != nativeTag &&
+    ((handle = ReactNativePrivateInterface.getNodeFromPublicInstance(handle)),
+    null != handle
+      ? nativeFabricUIManager.dispatchCommand(handle, command, args)
       : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
-          handle._nativeTag,
+          nativeTag,
           command,
           args
         ));
 };
-exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
-  if (null == componentOrHandle) return null;
-  if (componentOrHandle._nativeTag) return componentOrHandle;
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-    return componentOrHandle.canonical;
-  componentOrHandle = findHostInstance(componentOrHandle);
+exports.findHostInstance_DEPRECATED = function (componentOrHandle) {
   return null == componentOrHandle
+    ? null
+    : componentOrHandle.canonical && componentOrHandle.canonical.publicInstance
+    ? componentOrHandle.canonical.publicInstance
+    : componentOrHandle._nativeTag
     ? componentOrHandle
-    : componentOrHandle.canonical
-    ? componentOrHandle.canonical
-    : componentOrHandle;
+    : findHostInstance(componentOrHandle);
 };
 exports.findNodeHandle = findNodeHandle;
-exports.getInspectorDataForInstance = void 0;
-exports.render = function(element, containerTag, callback) {
+exports.getInspectorDataForInstance = getInspectorDataForInstance;
+exports.isChildPublicInstance = function () {
+  throw Error("isChildPublicInstance() is not available in production.");
+};
+exports.render = function (element, containerTag, callback) {
   var root = roots.get(containerTag);
   if (!root) {
-    root = new FiberRootNode(containerTag, 0, !1, "", onRecoverableError);
+    root = new FiberRootNode(containerTag, 0, !1, "", onRecoverableError, null);
     var JSCompiler_inline_result = createFiber(3, null, null, 0);
     root.current = JSCompiler_inline_result;
     JSCompiler_inline_result.stateNode = root;
     JSCompiler_inline_result.memoizedState = {
       element: null,
       isDehydrated: !1,
-      cache: null,
-      transitions: null,
-      pendingSuspenseBoundaries: null
+      cache: null
     };
     initializeUpdateQueue(JSCompiler_inline_result);
     roots.set(containerTag, root);
@@ -8584,8 +9707,9 @@ exports.render = function(element, containerTag, callback) {
   updateContainer(element, root, null, callback);
   a: if (((element = root.current), element.child))
     switch (element.child.tag) {
+      case 27:
       case 5:
-        element = element.child.stateNode;
+        element = getPublicInstance(element.child.stateNode);
         break a;
       default:
         element = element.child.stateNode;
@@ -8593,20 +9717,23 @@ exports.render = function(element, containerTag, callback) {
   else element = null;
   return element;
 };
-exports.sendAccessibilityEvent = function(handle, eventType) {
-  null != handle._nativeTag &&
-    (null != handle._internalInstanceHandle
-      ? ((handle = handle._internalInstanceHandle.stateNode),
-        null != handle &&
-          nativeFabricUIManager.sendAccessibilityEvent(handle.node, eventType))
+exports.sendAccessibilityEvent = function (handle, eventType) {
+  var nativeTag =
+    null != handle._nativeTag
+      ? handle._nativeTag
+      : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
+  null != nativeTag &&
+    ((handle = ReactNativePrivateInterface.getNodeFromPublicInstance(handle)),
+    null != handle
+      ? nativeFabricUIManager.sendAccessibilityEvent(handle, eventType)
       : ReactNativePrivateInterface.legacySendAccessibilityEvent(
-          handle._nativeTag,
+          nativeTag,
           eventType
         ));
 };
 exports.unmountComponentAtNode = unmountComponentAtNode;
-exports.unmountComponentAtNodeAndRemoveContainer = function(containerTag) {
+exports.unmountComponentAtNodeAndRemoveContainer = function (containerTag) {
   unmountComponentAtNode(containerTag);
   ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
 };
-exports.unstable_batchedUpdates = batchedUpdates;
+exports.unstable_batchedUpdates = batchedUpdates$1;
diff --git a/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js b/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js
index 7e4f65a4f73919..c67b0c4dbd76ee 100644
--- a/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js
+++ b/packages/react-native/Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js
@@ -1,5 +1,5 @@
 /**
- * Copyright (c) Facebook, Inc. and its affiliates.
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
@@ -8,26 +8,19 @@
  * @nolint
  * @providesModule ReactNativeRenderer-profiling
  * @preventMunge
- * @generated SignedSource<<380a53922e2dcceb4a32c98acc12f578>>
+ * @generated SignedSource<<5df973db061e36edfd192d75fab51c36>>
  */
 
-
-          'use strict';
-
-/* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
-if (
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart ===
-    'function'
-) {
-  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(new Error());
-}
-          "use strict";
+"use strict";
+"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+  "function" ===
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart &&
+  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStart(Error());
 require("react-native/Libraries/ReactPrivate/ReactNativePrivateInitializeCore");
 var ReactNativePrivateInterface = require("react-native/Libraries/ReactPrivate/ReactNativePrivateInterface"),
   React = require("react"),
   Scheduler = require("scheduler");
-function invokeGuardedCallbackImpl(name, func, context, a, b, c, d, e, f) {
+function invokeGuardedCallbackImpl(name, func, context) {
   var funcArgs = Array.prototype.slice.call(arguments, 3);
   try {
     func.apply(context, funcArgs);
@@ -40,7 +33,7 @@ var hasError = !1,
   hasRethrowError = !1,
   rethrowError = null,
   reporter = {
-    onError: function(error) {
+    onError: function (error) {
       hasError = !0;
       caughtError = error;
     }
@@ -75,7 +68,7 @@ function invokeGuardedCallbackAndCatchFirstError(
   }
 }
 var isArrayImpl = Array.isArray,
-  getFiberCurrentPropsFromNode = null,
+  getFiberCurrentPropsFromNode$1 = null,
   getInstanceFromNode = null,
   getNodeFromInstance = null;
 function executeDispatch(event, listener, inst) {
@@ -123,16 +116,18 @@ function SyntheticEvent(
         : "target" === propName
         ? (this.target = nativeEventTarget)
         : (this[propName] = nativeEvent[propName]));
-  this.isDefaultPrevented = (null != nativeEvent.defaultPrevented
-  ? nativeEvent.defaultPrevented
-  : !1 === nativeEvent.returnValue)
+  this.isDefaultPrevented = (
+    null != nativeEvent.defaultPrevented
+      ? nativeEvent.defaultPrevented
+      : !1 === nativeEvent.returnValue
+  )
     ? functionThatReturnsTrue
     : functionThatReturnsFalse;
   this.isPropagationStopped = functionThatReturnsFalse;
   return this;
 }
 assign(SyntheticEvent.prototype, {
-  preventDefault: function() {
+  preventDefault: function () {
     this.defaultPrevented = !0;
     var event = this.nativeEvent;
     event &&
@@ -141,7 +136,7 @@ assign(SyntheticEvent.prototype, {
         : "unknown" !== typeof event.returnValue && (event.returnValue = !1),
       (this.isDefaultPrevented = functionThatReturnsTrue));
   },
-  stopPropagation: function() {
+  stopPropagation: function () {
     var event = this.nativeEvent;
     event &&
       (event.stopPropagation
@@ -149,35 +144,36 @@ assign(SyntheticEvent.prototype, {
         : "unknown" !== typeof event.cancelBubble && (event.cancelBubble = !0),
       (this.isPropagationStopped = functionThatReturnsTrue));
   },
-  persist: function() {
+  persist: function () {
     this.isPersistent = functionThatReturnsTrue;
   },
   isPersistent: functionThatReturnsFalse,
-  destructor: function() {
+  destructor: function () {
     var Interface = this.constructor.Interface,
       propName;
     for (propName in Interface) this[propName] = null;
     this.nativeEvent = this._targetInst = this.dispatchConfig = null;
-    this.isPropagationStopped = this.isDefaultPrevented = functionThatReturnsFalse;
+    this.isPropagationStopped = this.isDefaultPrevented =
+      functionThatReturnsFalse;
     this._dispatchInstances = this._dispatchListeners = null;
   }
 });
 SyntheticEvent.Interface = {
   type: null,
   target: null,
-  currentTarget: function() {
+  currentTarget: function () {
     return null;
   },
   eventPhase: null,
   bubbles: null,
   cancelable: null,
-  timeStamp: function(event) {
+  timeStamp: function (event) {
     return event.timeStamp || Date.now();
   },
   defaultPrevented: null,
   isTrusted: null
 };
-SyntheticEvent.extend = function(Interface) {
+SyntheticEvent.extend = function (Interface) {
   function E() {}
   function Class() {
     return Super.apply(this, arguments);
@@ -221,7 +217,7 @@ function addEventPoolingTo(EventConstructor) {
   EventConstructor.release = releasePooledEvent;
 }
 var ResponderSyntheticEvent = SyntheticEvent.extend({
-  touchHistory: function() {
+  touchHistory: function () {
     return null;
   }
 });
@@ -304,10 +300,10 @@ function recordTouchEnd(touch) {
 }
 var instrumentationCallback,
   ResponderTouchHistoryStore = {
-    instrument: function(callback) {
+    instrument: function (callback) {
       instrumentationCallback = callback;
     },
-    recordTouchTrack: function(topLevelType, nativeEvent) {
+    recordTouchTrack: function (topLevelType, nativeEvent) {
       null != instrumentationCallback &&
         instrumentationCallback(topLevelType, nativeEvent);
       if (isMoveish(topLevelType))
@@ -439,20 +435,20 @@ var eventTypes = {
     dependencies: []
   }
 };
-function getParent(inst) {
+function getParent$1(inst) {
   do inst = inst.return;
   while (inst && 5 !== inst.tag);
   return inst ? inst : null;
 }
-function traverseTwoPhase(inst, fn, arg) {
-  for (var path = []; inst; ) path.push(inst), (inst = getParent(inst));
+function traverseTwoPhase$1(inst, fn, arg) {
+  for (var path = []; inst; ) path.push(inst), (inst = getParent$1(inst));
   for (inst = path.length; 0 < inst--; ) fn(path[inst], "captured", arg);
   for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
 }
-function getListener(inst, registrationName) {
+function getListener$1(inst, registrationName) {
   inst = inst.stateNode;
   if (null === inst) return null;
-  inst = getFiberCurrentPropsFromNode(inst);
+  inst = getFiberCurrentPropsFromNode$1(inst);
   if (null === inst) return null;
   if ((inst = inst[registrationName]) && "function" !== typeof inst)
     throw Error(
@@ -464,9 +460,9 @@ function getListener(inst, registrationName) {
     );
   return inst;
 }
-function accumulateDirectionalDispatches(inst, phase, event) {
+function accumulateDirectionalDispatches$1(inst, phase, event) {
   if (
-    (phase = getListener(
+    (phase = getListener$1(
       inst,
       event.dispatchConfig.phasedRegistrationNames[phase]
     ))
@@ -480,11 +476,11 @@ function accumulateDirectionalDispatches(inst, phase, event) {
         inst
       ));
 }
-function accumulateDirectDispatchesSingle(event) {
+function accumulateDirectDispatchesSingle$1(event) {
   if (event && event.dispatchConfig.registrationName) {
     var inst = event._targetInst;
     if (inst && event && event.dispatchConfig.registrationName) {
-      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      var listener = getListener$1(inst, event.dispatchConfig.registrationName);
       listener &&
         ((event._dispatchListeners = accumulateInto(
           event._dispatchListeners,
@@ -500,21 +496,25 @@ function accumulateDirectDispatchesSingle(event) {
 function accumulateTwoPhaseDispatchesSingleSkipTarget(event) {
   if (event && event.dispatchConfig.phasedRegistrationNames) {
     var targetInst = event._targetInst;
-    targetInst = targetInst ? getParent(targetInst) : null;
-    traverseTwoPhase(targetInst, accumulateDirectionalDispatches, event);
+    targetInst = targetInst ? getParent$1(targetInst) : null;
+    traverseTwoPhase$1(targetInst, accumulateDirectionalDispatches$1, event);
   }
 }
-function accumulateTwoPhaseDispatchesSingle(event) {
+function accumulateTwoPhaseDispatchesSingle$1(event) {
   event &&
     event.dispatchConfig.phasedRegistrationNames &&
-    traverseTwoPhase(event._targetInst, accumulateDirectionalDispatches, event);
+    traverseTwoPhase$1(
+      event._targetInst,
+      accumulateDirectionalDispatches$1,
+      event
+    );
 }
 var ResponderEventPlugin = {
-    _getResponder: function() {
+    _getResponder: function () {
       return responderInst;
     },
     eventTypes: eventTypes,
-    extractEvents: function(
+    extractEvents: function (
       topLevelType,
       targetInst,
       nativeEvent,
@@ -548,24 +548,24 @@ var ResponderEventPlugin = {
             for (
               var depthA = 0, tempA = JSCompiler_temp;
               tempA;
-              tempA = getParent(tempA)
+              tempA = getParent$1(tempA)
             )
               depthA++;
             tempA = 0;
-            for (var tempB = targetInst; tempB; tempB = getParent(tempB))
+            for (var tempB = targetInst; tempB; tempB = getParent$1(tempB))
               tempA++;
             for (; 0 < depthA - tempA; )
-              (JSCompiler_temp = getParent(JSCompiler_temp)), depthA--;
+              (JSCompiler_temp = getParent$1(JSCompiler_temp)), depthA--;
             for (; 0 < tempA - depthA; )
-              (targetInst = getParent(targetInst)), tempA--;
+              (targetInst = getParent$1(targetInst)), tempA--;
             for (; depthA--; ) {
               if (
                 JSCompiler_temp === targetInst ||
                 JSCompiler_temp === targetInst.alternate
               )
                 break b;
-              JSCompiler_temp = getParent(JSCompiler_temp);
-              targetInst = getParent(targetInst);
+              JSCompiler_temp = getParent$1(JSCompiler_temp);
+              targetInst = getParent$1(targetInst);
             }
             JSCompiler_temp = null;
           }
@@ -587,7 +587,7 @@ var ResponderEventPlugin = {
             )
           : forEachAccumulated(
               shouldSetEventType,
-              accumulateTwoPhaseDispatchesSingle
+              accumulateTwoPhaseDispatchesSingle$1
             );
         b: {
           JSCompiler_temp = shouldSetEventType._dispatchListeners;
@@ -631,7 +631,7 @@ var ResponderEventPlugin = {
               ResponderTouchHistoryStore.touchHistory),
             forEachAccumulated(
               shouldSetEventType,
-              accumulateDirectDispatchesSingle
+              accumulateDirectDispatchesSingle$1
             ),
             (targetInst = !0 === executeDirectDispatch(shouldSetEventType)),
             responderInst)
@@ -644,7 +644,7 @@ var ResponderEventPlugin = {
                 nativeEventTarget
               )),
               (depthA.touchHistory = ResponderTouchHistoryStore.touchHistory),
-              forEachAccumulated(depthA, accumulateDirectDispatchesSingle),
+              forEachAccumulated(depthA, accumulateDirectDispatchesSingle$1),
               (tempA =
                 !depthA._dispatchListeners || executeDirectDispatch(depthA)),
               depthA.isPersistent() || depthA.constructor.release(depthA),
@@ -657,7 +657,7 @@ var ResponderEventPlugin = {
                 nativeEventTarget
               );
               depthA.touchHistory = ResponderTouchHistoryStore.touchHistory;
-              forEachAccumulated(depthA, accumulateDirectDispatchesSingle);
+              forEachAccumulated(depthA, accumulateDirectDispatchesSingle$1);
               var JSCompiler_temp$jscomp$0 = accumulate(
                 JSCompiler_temp$jscomp$0,
                 [shouldSetEventType, depthA]
@@ -674,7 +674,7 @@ var ResponderEventPlugin = {
                   ResponderTouchHistoryStore.touchHistory),
                 forEachAccumulated(
                   shouldSetEventType,
-                  accumulateDirectDispatchesSingle
+                  accumulateDirectDispatchesSingle$1
                 ),
                 (JSCompiler_temp$jscomp$0 = accumulate(
                   JSCompiler_temp$jscomp$0,
@@ -712,7 +712,7 @@ var ResponderEventPlugin = {
             ResponderTouchHistoryStore.touchHistory),
           forEachAccumulated(
             shouldSetEventType,
-            accumulateDirectDispatchesSingle
+            accumulateDirectDispatchesSingle$1
           ),
           (JSCompiler_temp$jscomp$0 = accumulate(
             JSCompiler_temp$jscomp$0,
@@ -748,7 +748,7 @@ var ResponderEventPlugin = {
                       targetInst = !0;
                       break b;
                     }
-                    depthA = getParent(depthA);
+                    depthA = getParent$1(depthA);
                   }
                   targetInst = !1;
                 }
@@ -773,7 +773,7 @@ var ResponderEventPlugin = {
           nativeEventTarget
         )),
           (nativeEvent.touchHistory = ResponderTouchHistoryStore.touchHistory),
-          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle),
+          forEachAccumulated(nativeEvent, accumulateDirectDispatchesSingle$1),
           (JSCompiler_temp$jscomp$0 = accumulate(
             JSCompiler_temp$jscomp$0,
             nativeEvent
@@ -783,7 +783,7 @@ var ResponderEventPlugin = {
     },
     GlobalResponderHandler: null,
     injection: {
-      injectGlobalResponderHandler: function(GlobalResponderHandler) {
+      injectGlobalResponderHandler: function (GlobalResponderHandler) {
         ResponderEventPlugin.GlobalResponderHandler = GlobalResponderHandler;
       }
     }
@@ -810,14 +810,13 @@ function recomputePluginOrdering() {
         pluginIndex = pluginModule.eventTypes;
         for (var eventName in pluginIndex) {
           var JSCompiler_inline_result = void 0;
-          var dispatchConfig = pluginIndex[eventName],
-            eventName$jscomp$0 = eventName;
-          if (eventNameDispatchConfigs.hasOwnProperty(eventName$jscomp$0))
+          var dispatchConfig = pluginIndex[eventName];
+          if (eventNameDispatchConfigs.hasOwnProperty(eventName))
             throw Error(
               "EventPluginRegistry: More than one plugin attempted to publish the same event name, `" +
-                (eventName$jscomp$0 + "`.")
+                (eventName + "`.")
             );
-          eventNameDispatchConfigs[eventName$jscomp$0] = dispatchConfig;
+          eventNameDispatchConfigs[eventName] = dispatchConfig;
           var phasedRegistrationNames = dispatchConfig.phasedRegistrationNames;
           if (phasedRegistrationNames) {
             for (JSCompiler_inline_result in phasedRegistrationNames)
@@ -826,16 +825,14 @@ function recomputePluginOrdering() {
               ) &&
                 publishRegistrationName(
                   phasedRegistrationNames[JSCompiler_inline_result],
-                  pluginModule,
-                  eventName$jscomp$0
+                  pluginModule
                 );
             JSCompiler_inline_result = !0;
           } else
             dispatchConfig.registrationName
               ? (publishRegistrationName(
                   dispatchConfig.registrationName,
-                  pluginModule,
-                  eventName$jscomp$0
+                  pluginModule
                 ),
                 (JSCompiler_inline_result = !0))
               : (JSCompiler_inline_result = !1);
@@ -862,15 +859,10 @@ function publishRegistrationName(registrationName, pluginModule) {
 var plugins = [],
   eventNameDispatchConfigs = {},
   registrationNameModules = {};
-function getListeners(
-  inst,
-  registrationName,
-  phase,
-  dispatchToImperativeListeners
-) {
-  var stateNode = inst.stateNode;
-  if (null === stateNode) return null;
-  inst = getFiberCurrentPropsFromNode(stateNode);
+function getListener(inst, registrationName) {
+  inst = inst.stateNode;
+  if (null === inst) return null;
+  inst = getFiberCurrentPropsFromNode$1(inst);
   if (null === inst) return null;
   if ((inst = inst[registrationName]) && "function" !== typeof inst)
     throw Error(
@@ -880,67 +872,7 @@ function getListeners(
         typeof inst +
         "` type."
     );
-  if (
-    !(
-      dispatchToImperativeListeners &&
-      stateNode.canonical &&
-      stateNode.canonical._eventListeners
-    )
-  )
-    return inst;
-  var listeners = [];
-  inst && listeners.push(inst);
-  var requestedPhaseIsCapture = "captured" === phase,
-    mangledImperativeRegistrationName = requestedPhaseIsCapture
-      ? "rn:" + registrationName.replace(/Capture$/, "")
-      : "rn:" + registrationName;
-  stateNode.canonical._eventListeners[mangledImperativeRegistrationName] &&
-    0 <
-      stateNode.canonical._eventListeners[mangledImperativeRegistrationName]
-        .length &&
-    stateNode.canonical._eventListeners[
-      mangledImperativeRegistrationName
-    ].forEach(function(listenerObj) {
-      if (
-        (null != listenerObj.options.capture && listenerObj.options.capture) ===
-        requestedPhaseIsCapture
-      ) {
-        var listenerFnWrapper = function(syntheticEvent) {
-          var eventInst = new ReactNativePrivateInterface.CustomEvent(
-            mangledImperativeRegistrationName,
-            { detail: syntheticEvent.nativeEvent }
-          );
-          eventInst.isTrusted = !0;
-          eventInst.setSyntheticEvent(syntheticEvent);
-          for (
-            var _len = arguments.length,
-              args = Array(1 < _len ? _len - 1 : 0),
-              _key = 1;
-            _key < _len;
-            _key++
-          )
-            args[_key - 1] = arguments[_key];
-          listenerObj.listener.apply(listenerObj, [eventInst].concat(args));
-        };
-        listenerObj.options.once
-          ? listeners.push(function() {
-              stateNode.canonical.removeEventListener_unstable(
-                mangledImperativeRegistrationName,
-                listenerObj.listener,
-                listenerObj.capture
-              );
-              listenerObj.invalidated ||
-                ((listenerObj.invalidated = !0),
-                listenerObj.listener.apply(listenerObj, arguments));
-            })
-          : listeners.push(listenerFnWrapper);
-      }
-    });
-  return 0 === listeners.length
-    ? null
-    : 1 === listeners.length
-    ? listeners[0]
-    : listeners;
+  return inst;
 }
 var customBubblingEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
@@ -948,42 +880,23 @@ var customBubblingEventTypes =
   customDirectEventTypes =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry
       .customDirectEventTypes;
-function accumulateListenersAndInstances(inst, event, listeners) {
-  var listenersLength = listeners
-    ? isArrayImpl(listeners)
-      ? listeners.length
-      : 1
-    : 0;
-  if (0 < listenersLength)
-    if (
-      ((event._dispatchListeners = accumulateInto(
-        event._dispatchListeners,
-        listeners
-      )),
-      null == event._dispatchInstances && 1 === listenersLength)
-    )
-      event._dispatchInstances = inst;
-    else
-      for (
-        event._dispatchInstances = event._dispatchInstances || [],
-          isArrayImpl(event._dispatchInstances) ||
-            (event._dispatchInstances = [event._dispatchInstances]),
-          listeners = 0;
-        listeners < listenersLength;
-        listeners++
-      )
-        event._dispatchInstances.push(inst);
-}
-function accumulateDirectionalDispatches$1(inst, phase, event) {
-  phase = getListeners(
-    inst,
-    event.dispatchConfig.phasedRegistrationNames[phase],
-    phase,
-    !0
-  );
-  accumulateListenersAndInstances(inst, event, phase);
+function accumulateDirectionalDispatches(inst, phase, event) {
+  if (
+    (phase = getListener(
+      inst,
+      event.dispatchConfig.phasedRegistrationNames[phase]
+    ))
+  )
+    (event._dispatchListeners = accumulateInto(
+      event._dispatchListeners,
+      phase
+    )),
+      (event._dispatchInstances = accumulateInto(
+        event._dispatchInstances,
+        inst
+      ));
 }
-function traverseTwoPhase$1(inst, fn, arg, skipBubbling) {
+function traverseTwoPhase(inst, fn, arg, skipBubbling) {
   for (var path = []; inst; ) {
     path.push(inst);
     do inst = inst.return;
@@ -995,27 +908,30 @@ function traverseTwoPhase$1(inst, fn, arg, skipBubbling) {
   else
     for (inst = 0; inst < path.length; inst++) fn(path[inst], "bubbled", arg);
 }
-function accumulateTwoPhaseDispatchesSingle$1(event) {
+function accumulateTwoPhaseDispatchesSingle(event) {
   event &&
     event.dispatchConfig.phasedRegistrationNames &&
-    traverseTwoPhase$1(
+    traverseTwoPhase(
       event._targetInst,
-      accumulateDirectionalDispatches$1,
+      accumulateDirectionalDispatches,
       event,
       !1
     );
 }
-function accumulateDirectDispatchesSingle$1(event) {
+function accumulateDirectDispatchesSingle(event) {
   if (event && event.dispatchConfig.registrationName) {
     var inst = event._targetInst;
     if (inst && event && event.dispatchConfig.registrationName) {
-      var listeners = getListeners(
-        inst,
-        event.dispatchConfig.registrationName,
-        "bubbled",
-        !1
-      );
-      accumulateListenersAndInstances(inst, event, listeners);
+      var listener = getListener(inst, event.dispatchConfig.registrationName);
+      listener &&
+        ((event._dispatchListeners = accumulateInto(
+          event._dispatchListeners,
+          listener
+        )),
+        (event._dispatchInstances = accumulateInto(
+          event._dispatchInstances,
+          inst
+        )));
     }
   }
 }
@@ -1028,11 +944,11 @@ eventPluginOrder = Array.prototype.slice.call([
   "ReactNativeBridgeEventPlugin"
 ]);
 recomputePluginOrdering();
-var injectedNamesToPlugins$jscomp$inline_240 = {
+var injectedNamesToPlugins$jscomp$inline_253 = {
     ResponderEventPlugin: ResponderEventPlugin,
     ReactNativeBridgeEventPlugin: {
       eventTypes: {},
-      extractEvents: function(
+      extractEvents: function (
         topLevelType,
         targetInst,
         nativeEvent,
@@ -1057,50 +973,49 @@ var injectedNamesToPlugins$jscomp$inline_240 = {
           topLevelType.dispatchConfig.phasedRegistrationNames.skipBubbling
             ? topLevelType &&
               topLevelType.dispatchConfig.phasedRegistrationNames &&
-              traverseTwoPhase$1(
+              traverseTwoPhase(
                 topLevelType._targetInst,
-                accumulateDirectionalDispatches$1,
+                accumulateDirectionalDispatches,
                 topLevelType,
                 !0
               )
             : forEachAccumulated(
                 topLevelType,
-                accumulateTwoPhaseDispatchesSingle$1
+                accumulateTwoPhaseDispatchesSingle
               );
         else if (directDispatchConfig)
-          forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle$1);
+          forEachAccumulated(topLevelType, accumulateDirectDispatchesSingle);
         else return null;
         return topLevelType;
       }
     }
   },
-  isOrderingDirty$jscomp$inline_241 = !1,
-  pluginName$jscomp$inline_242;
-for (pluginName$jscomp$inline_242 in injectedNamesToPlugins$jscomp$inline_240)
+  isOrderingDirty$jscomp$inline_254 = !1,
+  pluginName$jscomp$inline_255;
+for (pluginName$jscomp$inline_255 in injectedNamesToPlugins$jscomp$inline_253)
   if (
-    injectedNamesToPlugins$jscomp$inline_240.hasOwnProperty(
-      pluginName$jscomp$inline_242
+    injectedNamesToPlugins$jscomp$inline_253.hasOwnProperty(
+      pluginName$jscomp$inline_255
     )
   ) {
-    var pluginModule$jscomp$inline_243 =
-      injectedNamesToPlugins$jscomp$inline_240[pluginName$jscomp$inline_242];
+    var pluginModule$jscomp$inline_256 =
+      injectedNamesToPlugins$jscomp$inline_253[pluginName$jscomp$inline_255];
     if (
-      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_242) ||
-      namesToPlugins[pluginName$jscomp$inline_242] !==
-        pluginModule$jscomp$inline_243
+      !namesToPlugins.hasOwnProperty(pluginName$jscomp$inline_255) ||
+      namesToPlugins[pluginName$jscomp$inline_255] !==
+        pluginModule$jscomp$inline_256
     ) {
-      if (namesToPlugins[pluginName$jscomp$inline_242])
+      if (namesToPlugins[pluginName$jscomp$inline_255])
         throw Error(
           "EventPluginRegistry: Cannot inject two different event plugins using the same name, `" +
-            (pluginName$jscomp$inline_242 + "`.")
+            (pluginName$jscomp$inline_255 + "`.")
         );
-      namesToPlugins[
-        pluginName$jscomp$inline_242
-      ] = pluginModule$jscomp$inline_243;
-      isOrderingDirty$jscomp$inline_241 = !0;
+      namesToPlugins[pluginName$jscomp$inline_255] =
+        pluginModule$jscomp$inline_256;
+      isOrderingDirty$jscomp$inline_254 = !0;
     }
   }
-isOrderingDirty$jscomp$inline_241 && recomputePluginOrdering();
+isOrderingDirty$jscomp$inline_254 && recomputePluginOrdering();
 var instanceCache = new Map(),
   instanceProps = new Map();
 function getInstanceFromTag(tag) {
@@ -1110,7 +1025,7 @@ function batchedUpdatesImpl(fn, bookkeeping) {
   return fn(bookkeeping);
 }
 var isInsideEventHandler = !1;
-function batchedUpdates(fn, bookkeeping) {
+function batchedUpdates$1(fn, bookkeeping) {
   if (isInsideEventHandler) return fn(bookkeeping);
   isInsideEventHandler = !0;
   try {
@@ -1145,7 +1060,7 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
     inst = getInstanceFromTag(rootNodeID),
     target = null;
   null != inst && (target = inst.stateNode);
-  batchedUpdates(function() {
+  batchedUpdates$1(function () {
     var JSCompiler_inline_result = target;
     for (
       var events = null, legacyPlugins = plugins, i = 0;
@@ -1177,18 +1092,20 @@ function _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam) {
           "processEventQueue(): Additional events were enqueued while processing an event queue. Support for this has not yet been implemented."
         );
       if (hasRethrowError)
-        throw ((JSCompiler_inline_result = rethrowError),
-        (hasRethrowError = !1),
-        (rethrowError = null),
-        JSCompiler_inline_result);
+        throw (
+          ((JSCompiler_inline_result = rethrowError),
+          (hasRethrowError = !1),
+          (rethrowError = null),
+          JSCompiler_inline_result)
+        );
     }
   });
 }
 ReactNativePrivateInterface.RCTEventEmitter.register({
-  receiveEvent: function(rootNodeID, topLevelType, nativeEventParam) {
+  receiveEvent: function (rootNodeID, topLevelType, nativeEventParam) {
     _receiveRootNodeIDEvent(rootNodeID, topLevelType, nativeEventParam);
   },
-  receiveTouches: function(eventTopLevelType, touches, changedIndices) {
+  receiveTouches: function (eventTopLevelType, touches, changedIndices) {
     if (
       "topTouchEnd" === eventTopLevelType ||
       "topTouchCancel" === eventTopLevelType
@@ -1221,19 +1138,21 @@ ReactNativePrivateInterface.RCTEventEmitter.register({
     }
   }
 });
-getFiberCurrentPropsFromNode = function(stateNode) {
+getFiberCurrentPropsFromNode$1 = function (stateNode) {
   return instanceProps.get(stateNode._nativeTag) || null;
 };
 getInstanceFromNode = getInstanceFromTag;
-getNodeFromInstance = function(inst) {
+getNodeFromInstance = function (inst) {
   inst = inst.stateNode;
   var tag = inst._nativeTag;
-  void 0 === tag && ((inst = inst.canonical), (tag = inst._nativeTag));
+  void 0 === tag &&
+    null != inst.canonical &&
+    ((tag = inst.canonical.nativeTag), (inst = inst.canonical.publicInstance));
   if (!tag) throw Error("All native instances should have a tag.");
   return inst;
 };
 ResponderEventPlugin.injection.injectGlobalResponderHandler({
-  onChange: function(from, to, blockNativeResponder) {
+  onChange: function (from, to, blockNativeResponder) {
     null !== to
       ? ReactNativePrivateInterface.UIManager.setJSResponder(
           to.stateNode._nativeTag,
@@ -1270,9 +1189,13 @@ function getIteratorFn(maybeIterable) {
     maybeIterable["@@iterator"];
   return "function" === typeof maybeIterable ? maybeIterable : null;
 }
+var REACT_CLIENT_REFERENCE = Symbol.for("react.client.reference");
 function getComponentNameFromType(type) {
   if (null == type) return null;
-  if ("function" === typeof type) return type.displayName || type.name || null;
+  if ("function" === typeof type)
+    return type.$$typeof === REACT_CLIENT_REFERENCE
+      ? null
+      : type.displayName || type.name || null;
   if ("string" === typeof type) return type;
   switch (type) {
     case REACT_FRAGMENT_TYPE:
@@ -1337,6 +1260,8 @@ function getComponentNameFromFiber(fiber) {
       );
     case 7:
       return "Fragment";
+    case 26:
+    case 27:
     case 5:
       return type;
     case 4:
@@ -1472,10 +1397,11 @@ function findCurrentHostFiber(parent) {
   return null !== parent ? findCurrentHostFiberImpl(parent) : null;
 }
 function findCurrentHostFiberImpl(node) {
-  if (5 === node.tag || 6 === node.tag) return node;
+  var tag = node.tag;
+  if (5 === tag || 26 === tag || 27 === tag || 6 === tag) return node;
   for (node = node.child; null !== node; ) {
-    var match = findCurrentHostFiberImpl(node);
-    if (null !== match) return match;
+    tag = findCurrentHostFiberImpl(node);
+    if (null !== tag) return tag;
     node = node.sibling;
   }
   return null;
@@ -1663,9 +1589,8 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
               "function" === typeof attributeConfig.process
                 ? attributeConfig.process(nextProp)
                 : nextProp),
-              ((updatePayload || (updatePayload = {}))[
-                propKey
-              ] = attributeConfig);
+              ((updatePayload || (updatePayload = {}))[propKey] =
+                attributeConfig);
         } else
           (removedKeys = null),
             (removedKeyCount = 0),
@@ -1705,7 +1630,7 @@ function diffProperties(updatePayload, prevProps, nextProps, validAttributes) {
   return updatePayload;
 }
 function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
-  return function() {
+  return function () {
     if (
       callback &&
       ("boolean" !== typeof context.__isMounted || context.__isMounted)
@@ -1713,32 +1638,33 @@ function mountSafeCallback_NOT_REALLY_SAFE(context, callback) {
       return callback.apply(context, arguments);
   };
 }
-var ReactNativeFiberHostComponent = (function() {
+var ReactNativeFiberHostComponent = (function () {
     function ReactNativeFiberHostComponent(tag, viewConfig) {
+      this.viewConfig = this._internalFiberInstanceHandleDEV = void 0;
       this._nativeTag = tag;
       this._children = [];
       this.viewConfig = viewConfig;
     }
     var _proto = ReactNativeFiberHostComponent.prototype;
-    _proto.blur = function() {
+    _proto.blur = function () {
       ReactNativePrivateInterface.TextInputState.blurTextInput(this);
     };
-    _proto.focus = function() {
+    _proto.focus = function () {
       ReactNativePrivateInterface.TextInputState.focusTextInput(this);
     };
-    _proto.measure = function(callback) {
+    _proto.measure = function (callback) {
       ReactNativePrivateInterface.UIManager.measure(
         this._nativeTag,
         mountSafeCallback_NOT_REALLY_SAFE(this, callback)
       );
     };
-    _proto.measureInWindow = function(callback) {
+    _proto.measureInWindow = function (callback) {
       ReactNativePrivateInterface.UIManager.measureInWindow(
         this._nativeTag,
         mountSafeCallback_NOT_REALLY_SAFE(this, callback)
       );
     };
-    _proto.measureLayout = function(relativeToNativeNode, onSuccess, onFail) {
+    _proto.measureLayout = function (relativeToNativeNode, onSuccess, onFail) {
       if ("number" === typeof relativeToNativeNode)
         var relativeNode = relativeToNativeNode;
       else
@@ -1752,7 +1678,7 @@ var ReactNativeFiberHostComponent = (function() {
           mountSafeCallback_NOT_REALLY_SAFE(this, onSuccess)
         );
     };
-    _proto.setNativeProps = function(nativeProps) {
+    _proto.setNativeProps = function (nativeProps) {
       nativeProps = diffProperties(
         null,
         emptyObject,
@@ -1768,11 +1694,11 @@ var ReactNativeFiberHostComponent = (function() {
     };
     return ReactNativeFiberHostComponent;
   })(),
-  scheduleCallback = Scheduler.unstable_scheduleCallback,
-  cancelCallback = Scheduler.unstable_cancelCallback,
+  scheduleCallback$2 = Scheduler.unstable_scheduleCallback,
+  cancelCallback$1 = Scheduler.unstable_cancelCallback,
   shouldYield = Scheduler.unstable_shouldYield,
   requestPaint = Scheduler.unstable_requestPaint,
-  now = Scheduler.unstable_now,
+  now$1 = Scheduler.unstable_now,
   ImmediatePriority = Scheduler.unstable_ImmediatePriority,
   UserBlockingPriority = Scheduler.unstable_UserBlockingPriority,
   NormalPriority = Scheduler.unstable_NormalPriority,
@@ -1785,16 +1711,16 @@ function onCommitRoot(root, eventPriority) {
     try {
       var didError = 128 === (root.current.flags & 128);
       switch (eventPriority) {
-        case 1:
+        case 2:
           var schedulerPriority = ImmediatePriority;
           break;
-        case 4:
+        case 8:
           schedulerPriority = UserBlockingPriority;
           break;
-        case 16:
+        case 32:
           schedulerPriority = NormalPriority;
           break;
-        case 536870912:
+        case 268435456:
           schedulerPriority = IdlePriority;
           break;
         default:
@@ -1815,9 +1741,11 @@ function clz32Fallback(x) {
   x >>>= 0;
   return 0 === x ? 32 : (31 - ((log(x) / LN2) | 0)) | 0;
 }
-var nextTransitionLane = 64,
+var nextTransitionLane = 128,
   nextRetryLane = 4194304;
 function getHighestPriorityLanes(lanes) {
+  var pendingSyncLanes = lanes & 42;
+  if (0 !== pendingSyncLanes) return pendingSyncLanes;
   switch (lanes & -lanes) {
     case 1:
       return 1;
@@ -1832,6 +1760,7 @@ function getHighestPriorityLanes(lanes) {
     case 32:
       return 32;
     case 64:
+      return 64;
     case 128:
     case 256:
     case 512:
@@ -1847,13 +1776,14 @@ function getHighestPriorityLanes(lanes) {
     case 524288:
     case 1048576:
     case 2097152:
-      return lanes & 4194240;
+      return lanes & 4194176;
     case 4194304:
     case 8388608:
     case 16777216:
     case 33554432:
+      return lanes & 62914560;
     case 67108864:
-      return lanes & 130023424;
+      return 67108864;
     case 134217728:
       return 134217728;
     case 268435456:
@@ -1861,7 +1791,7 @@ function getHighestPriorityLanes(lanes) {
     case 536870912:
       return 536870912;
     case 1073741824:
-      return 1073741824;
+      return 0;
     default:
       return lanes;
   }
@@ -1870,50 +1800,38 @@ function getNextLanes(root, wipLanes) {
   var pendingLanes = root.pendingLanes;
   if (0 === pendingLanes) return 0;
   var nextLanes = 0,
-    suspendedLanes = root.suspendedLanes,
-    pingedLanes = root.pingedLanes,
-    nonIdlePendingLanes = pendingLanes & 268435455;
-  if (0 !== nonIdlePendingLanes) {
-    var nonIdleUnblockedLanes = nonIdlePendingLanes & ~suspendedLanes;
-    0 !== nonIdleUnblockedLanes
-      ? (nextLanes = getHighestPriorityLanes(nonIdleUnblockedLanes))
-      : ((pingedLanes &= nonIdlePendingLanes),
-        0 !== pingedLanes &&
-          (nextLanes = getHighestPriorityLanes(pingedLanes)));
-  } else
-    (nonIdlePendingLanes = pendingLanes & ~suspendedLanes),
-      0 !== nonIdlePendingLanes
-        ? (nextLanes = getHighestPriorityLanes(nonIdlePendingLanes))
-        : 0 !== pingedLanes &&
-          (nextLanes = getHighestPriorityLanes(pingedLanes));
-  if (0 === nextLanes) return 0;
-  if (
-    0 !== wipLanes &&
-    wipLanes !== nextLanes &&
-    0 === (wipLanes & suspendedLanes) &&
-    ((suspendedLanes = nextLanes & -nextLanes),
-    (pingedLanes = wipLanes & -wipLanes),
-    suspendedLanes >= pingedLanes ||
-      (16 === suspendedLanes && 0 !== (pingedLanes & 4194240)))
-  )
-    return wipLanes;
-  0 !== (nextLanes & 4) && (nextLanes |= pendingLanes & 16);
-  wipLanes = root.entangledLanes;
-  if (0 !== wipLanes)
-    for (root = root.entanglements, wipLanes &= nextLanes; 0 < wipLanes; )
-      (pendingLanes = 31 - clz32(wipLanes)),
-        (suspendedLanes = 1 << pendingLanes),
-        (nextLanes |= root[pendingLanes]),
-        (wipLanes &= ~suspendedLanes);
-  return nextLanes;
+    suspendedLanes = root.suspendedLanes;
+  root = root.pingedLanes;
+  var nonIdlePendingLanes = pendingLanes & 134217727;
+  0 !== nonIdlePendingLanes
+    ? ((pendingLanes = nonIdlePendingLanes & ~suspendedLanes),
+      0 !== pendingLanes
+        ? (nextLanes = getHighestPriorityLanes(pendingLanes))
+        : ((root &= nonIdlePendingLanes),
+          0 !== root && (nextLanes = getHighestPriorityLanes(root))))
+    : ((pendingLanes &= ~suspendedLanes),
+      0 !== pendingLanes
+        ? (nextLanes = getHighestPriorityLanes(pendingLanes))
+        : 0 !== root && (nextLanes = getHighestPriorityLanes(root)));
+  return 0 === nextLanes
+    ? 0
+    : 0 !== wipLanes &&
+      wipLanes !== nextLanes &&
+      0 === (wipLanes & suspendedLanes) &&
+      ((suspendedLanes = nextLanes & -nextLanes),
+      (root = wipLanes & -wipLanes),
+      suspendedLanes >= root ||
+        (32 === suspendedLanes && 0 !== (root & 4194176)))
+    ? wipLanes
+    : nextLanes;
 }
 function computeExpirationTime(lane, currentTime) {
   switch (lane) {
     case 1:
     case 2:
     case 4:
-      return currentTime + 250;
     case 8:
+      return currentTime + 250;
     case 16:
     case 32:
     case 64:
@@ -1937,8 +1855,8 @@ function computeExpirationTime(lane, currentTime) {
     case 8388608:
     case 16777216:
     case 33554432:
-    case 67108864:
       return -1;
+    case 67108864:
     case 134217728:
     case 268435456:
     case 536870912:
@@ -1948,63 +1866,92 @@ function computeExpirationTime(lane, currentTime) {
       return -1;
   }
 }
-function getLanesToRetrySynchronouslyOnError(root) {
-  root = root.pendingLanes & -1073741825;
-  return 0 !== root ? root : root & 1073741824 ? 1073741824 : 0;
+function getLanesToRetrySynchronouslyOnError(root, originallyAttemptedLanes) {
+  if (root.errorRecoveryDisabledLanes & originallyAttemptedLanes) return 0;
+  root = root.pendingLanes & -536870913;
+  return 0 !== root ? root : root & 536870912 ? 536870912 : 0;
 }
 function claimNextTransitionLane() {
   var lane = nextTransitionLane;
   nextTransitionLane <<= 1;
-  0 === (nextTransitionLane & 4194240) && (nextTransitionLane = 64);
+  0 === (nextTransitionLane & 4194176) && (nextTransitionLane = 128);
+  return lane;
+}
+function claimNextRetryLane() {
+  var lane = nextRetryLane;
+  nextRetryLane <<= 1;
+  0 === (nextRetryLane & 62914560) && (nextRetryLane = 4194304);
   return lane;
 }
 function createLaneMap(initial) {
   for (var laneMap = [], i = 0; 31 > i; i++) laneMap.push(initial);
   return laneMap;
 }
-function markRootUpdated(root, updateLane, eventTime) {
+function markRootUpdated(root, updateLane) {
   root.pendingLanes |= updateLane;
-  536870912 !== updateLane &&
+  268435456 !== updateLane &&
     ((root.suspendedLanes = 0), (root.pingedLanes = 0));
-  root = root.eventTimes;
-  updateLane = 31 - clz32(updateLane);
-  root[updateLane] = eventTime;
 }
-function markRootFinished(root, remainingLanes) {
+function markRootFinished(root, remainingLanes, spawnedLane) {
   var noLongerPendingLanes = root.pendingLanes & ~remainingLanes;
   root.pendingLanes = remainingLanes;
   root.suspendedLanes = 0;
   root.pingedLanes = 0;
   root.expiredLanes &= remainingLanes;
-  root.mutableReadLanes &= remainingLanes;
   root.entangledLanes &= remainingLanes;
+  root.errorRecoveryDisabledLanes &= remainingLanes;
+  root.shellSuspendCounter = 0;
   remainingLanes = root.entanglements;
-  var eventTimes = root.eventTimes;
-  for (root = root.expirationTimes; 0 < noLongerPendingLanes; ) {
-    var index$8 = 31 - clz32(noLongerPendingLanes),
-      lane = 1 << index$8;
-    remainingLanes[index$8] = 0;
-    eventTimes[index$8] = -1;
-    root[index$8] = -1;
+  for (
+    var expirationTimes = root.expirationTimes,
+      hiddenUpdates = root.hiddenUpdates;
+    0 < noLongerPendingLanes;
+
+  ) {
+    var index$7 = 31 - clz32(noLongerPendingLanes),
+      lane = 1 << index$7;
+    remainingLanes[index$7] = 0;
+    expirationTimes[index$7] = -1;
+    var hiddenUpdatesForLane = hiddenUpdates[index$7];
+    if (null !== hiddenUpdatesForLane)
+      for (
+        hiddenUpdates[index$7] = null, index$7 = 0;
+        index$7 < hiddenUpdatesForLane.length;
+        index$7++
+      ) {
+        var update = hiddenUpdatesForLane[index$7];
+        null !== update && (update.lane &= -536870913);
+      }
     noLongerPendingLanes &= ~lane;
   }
+  0 !== spawnedLane && markSpawnedDeferredLane(root, spawnedLane, 0);
+}
+function markSpawnedDeferredLane(root, spawnedLane, entangledLanes) {
+  root.pendingLanes |= spawnedLane;
+  root.suspendedLanes &= ~spawnedLane;
+  var spawnedLaneIndex = 31 - clz32(spawnedLane);
+  root.entangledLanes |= spawnedLane;
+  root.entanglements[spawnedLaneIndex] =
+    root.entanglements[spawnedLaneIndex] |
+    1073741824 |
+    (entangledLanes & 4194218);
 }
 function markRootEntangled(root, entangledLanes) {
   var rootEntangledLanes = (root.entangledLanes |= entangledLanes);
   for (root = root.entanglements; rootEntangledLanes; ) {
-    var index$9 = 31 - clz32(rootEntangledLanes),
-      lane = 1 << index$9;
-    (lane & entangledLanes) | (root[index$9] & entangledLanes) &&
-      (root[index$9] |= entangledLanes);
+    var index$8 = 31 - clz32(rootEntangledLanes),
+      lane = 1 << index$8;
+    (lane & entangledLanes) | (root[index$8] & entangledLanes) &&
+      (root[index$8] |= entangledLanes);
     rootEntangledLanes &= ~lane;
   }
 }
 function addFiberToLanesMap(root, fiber, lanes) {
   if (isDevToolsPresent)
     for (root = root.pendingUpdatersLaneMap; 0 < lanes; ) {
-      var index$10 = 31 - clz32(lanes),
-        lane = 1 << index$10;
-      root[index$10].add(fiber);
+      var index$9 = 31 - clz32(lanes),
+        lane = 1 << index$9;
+      root[index$9].add(fiber);
       lanes &= ~lane;
     }
 }
@@ -2016,38 +1963,37 @@ function movePendingFibersToMemoized(root, lanes) {
       0 < lanes;
 
     ) {
-      var index$11 = 31 - clz32(lanes);
-      root = 1 << index$11;
-      index$11 = pendingUpdatersLaneMap[index$11];
-      0 < index$11.size &&
-        (index$11.forEach(function(fiber) {
+      var index$10 = 31 - clz32(lanes);
+      root = 1 << index$10;
+      index$10 = pendingUpdatersLaneMap[index$10];
+      0 < index$10.size &&
+        (index$10.forEach(function (fiber) {
           var alternate = fiber.alternate;
           (null !== alternate && memoizedUpdaters.has(alternate)) ||
             memoizedUpdaters.add(fiber);
         }),
-        index$11.clear());
+        index$10.clear());
       lanes &= ~root;
     }
 }
 var currentUpdatePriority = 0;
 function lanesToEventPriority(lanes) {
   lanes &= -lanes;
-  return 1 < lanes
-    ? 4 < lanes
-      ? 0 !== (lanes & 268435455)
-        ? 16
-        : 536870912
-      : 4
-    : 1;
-}
-function shim() {
+  return 2 < lanes
+    ? 8 < lanes
+      ? 0 !== (lanes & 134217727)
+        ? 32
+        : 268435456
+      : 8
+    : 2;
+}
+function shim$1() {
   throw Error(
     "The current renderer does not support hydration. This error is likely caused by a bug in React. Please file an issue."
   );
 }
 var getViewConfigForType =
     ReactNativePrivateInterface.ReactNativeViewConfigRegistry.get,
-  UPDATE_SIGNAL = {},
   nextReactTag = 3;
 function allocateTag() {
   var tag = nextReactTag;
@@ -2067,7 +2013,7 @@ function recursivelyUncacheFiberNode(node) {
 }
 function finalizeInitialChildren(parentInstance) {
   if (0 === parentInstance._children.length) return !1;
-  var nativeTags = parentInstance._children.map(function(child) {
+  var nativeTags = parentInstance._children.map(function (child) {
     return "number" === typeof child ? child : child._nativeTag;
   });
   ReactNativePrivateInterface.UIManager.setChildren(
@@ -2076,16 +2022,21 @@ function finalizeInitialChildren(parentInstance) {
   );
   return !1;
 }
+function getPublicInstance(instance) {
+  return null != instance.canonical && null != instance.canonical.publicInstance
+    ? instance.canonical.publicInstance
+    : instance;
+}
 var scheduleTimeout = setTimeout,
   cancelTimeout = clearTimeout;
-function describeComponentFrame(name, source, ownerName) {
-  source = "";
-  ownerName && (source = " (created by " + ownerName + ")");
-  return "\n    in " + (name || "Unknown") + source;
+function describeComponentFrame(name, ownerName) {
+  var sourceInfo = "";
+  ownerName && (sourceInfo = " (created by " + ownerName + ")");
+  return "\n    in " + (name || "Unknown") + sourceInfo;
 }
-function describeFunctionComponentFrame(fn, source) {
+function describeFunctionComponentFrame(fn) {
   return fn
-    ? describeComponentFrame(fn.displayName || fn.name || null, source, null)
+    ? describeComponentFrame(fn.displayName || fn.name || null, null)
     : "";
 }
 var hasOwnProperty = Object.prototype.hasOwnProperty,
@@ -2104,7 +2055,7 @@ function push(cursor, value) {
   cursor.current = value;
 }
 var emptyContextObject = {},
-  contextStackCursor = createCursor(emptyContextObject),
+  contextStackCursor$1 = createCursor(emptyContextObject),
   didPerformWorkStackCursor = createCursor(!1),
   previousContext = emptyContextObject;
 function getMaskedContext(workInProgress, unmaskedContext) {
@@ -2121,7 +2072,8 @@ function getMaskedContext(workInProgress, unmaskedContext) {
   for (key in contextTypes) context[key] = unmaskedContext[key];
   instance &&
     ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext =
+      unmaskedContext),
     (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
   return context;
 }
@@ -2131,14 +2083,14 @@ function isContextProvider(type) {
 }
 function popContext() {
   pop(didPerformWorkStackCursor);
-  pop(contextStackCursor);
+  pop(contextStackCursor$1);
 }
 function pushTopLevelContextObject(fiber, context, didChange) {
-  if (contextStackCursor.current !== emptyContextObject)
+  if (contextStackCursor$1.current !== emptyContextObject)
     throw Error(
       "Unexpected context found on stack. This error is likely caused by a bug in React. Please file an issue."
     );
-  push(contextStackCursor, context);
+  push(contextStackCursor$1, context);
   push(didPerformWorkStackCursor, didChange);
 }
 function processChildContext(fiber, type, parentContext) {
@@ -2161,8 +2113,8 @@ function pushContextProvider(workInProgress) {
     ((workInProgress = workInProgress.stateNode) &&
       workInProgress.__reactInternalMemoizedMergedChildContext) ||
     emptyContextObject;
-  previousContext = contextStackCursor.current;
-  push(contextStackCursor, workInProgress);
+  previousContext = contextStackCursor$1.current;
+  push(contextStackCursor$1, workInProgress);
   push(didPerformWorkStackCursor, didPerformWorkStackCursor.current);
   return !0;
 }
@@ -2180,8 +2132,8 @@ function invalidateContextProvider(workInProgress, type, didChange) {
       )),
       (instance.__reactInternalMemoizedMergedChildContext = workInProgress),
       pop(didPerformWorkStackCursor),
-      pop(contextStackCursor),
-      push(contextStackCursor, workInProgress))
+      pop(contextStackCursor$1),
+      push(contextStackCursor$1, workInProgress))
     : pop(didPerformWorkStackCursor);
   push(didPerformWorkStackCursor, didChange);
 }
@@ -2189,212 +2141,337 @@ function is(x, y) {
   return (x === y && (0 !== x || 1 / x === 1 / y)) || (x !== x && y !== y);
 }
 var objectIs = "function" === typeof Object.is ? Object.is : is,
-  syncQueue = null,
-  includesLegacySyncCallbacks = !1,
-  isFlushingSyncQueue = !1;
-function flushSyncCallbacks() {
-  if (!isFlushingSyncQueue && null !== syncQueue) {
-    isFlushingSyncQueue = !0;
-    var i = 0,
-      previousUpdatePriority = currentUpdatePriority;
-    try {
-      var queue = syncQueue;
-      for (currentUpdatePriority = 1; i < queue.length; i++) {
-        var callback = queue[i];
-        do callback = callback(!0);
-        while (null !== callback);
+  contextStackCursor = createCursor(null),
+  contextFiberStackCursor = createCursor(null),
+  rootInstanceStackCursor = createCursor(null);
+function pushHostContainer(fiber, nextRootInstance) {
+  push(rootInstanceStackCursor, nextRootInstance);
+  push(contextFiberStackCursor, fiber);
+  push(contextStackCursor, null);
+  pop(contextStackCursor);
+  push(contextStackCursor, { isInAParentText: !1 });
+}
+function popHostContainer() {
+  pop(contextStackCursor);
+  pop(contextFiberStackCursor);
+  pop(rootInstanceStackCursor);
+}
+function pushHostContext(fiber) {
+  var context = contextStackCursor.current;
+  var JSCompiler_inline_result = fiber.type;
+  JSCompiler_inline_result =
+    "AndroidTextInput" === JSCompiler_inline_result ||
+    "RCTMultilineTextInputView" === JSCompiler_inline_result ||
+    "RCTSinglelineTextInputView" === JSCompiler_inline_result ||
+    "RCTText" === JSCompiler_inline_result ||
+    "RCTVirtualText" === JSCompiler_inline_result;
+  JSCompiler_inline_result =
+    context.isInAParentText !== JSCompiler_inline_result
+      ? { isInAParentText: JSCompiler_inline_result }
+      : context;
+  context !== JSCompiler_inline_result &&
+    (push(contextFiberStackCursor, fiber),
+    push(contextStackCursor, JSCompiler_inline_result));
+}
+function popHostContext(fiber) {
+  contextFiberStackCursor.current === fiber &&
+    (pop(contextStackCursor), pop(contextFiberStackCursor));
+}
+var hydrationErrors = null,
+  concurrentQueues = [],
+  concurrentQueuesIndex = 0,
+  concurrentlyUpdatedLanes = 0;
+function finishQueueingConcurrentUpdates() {
+  for (
+    var endIndex = concurrentQueuesIndex,
+      i = (concurrentlyUpdatedLanes = concurrentQueuesIndex = 0);
+    i < endIndex;
+
+  ) {
+    var fiber = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var queue = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var update = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    var lane = concurrentQueues[i];
+    concurrentQueues[i++] = null;
+    if (null !== queue && null !== update) {
+      var pending = queue.pending;
+      null === pending
+        ? (update.next = update)
+        : ((update.next = pending.next), (pending.next = update));
+      queue.pending = update;
+    }
+    0 !== lane && markUpdateLaneFromFiberToRoot(fiber, update, lane);
+  }
+}
+function enqueueUpdate$1(fiber, queue, update, lane) {
+  concurrentQueues[concurrentQueuesIndex++] = fiber;
+  concurrentQueues[concurrentQueuesIndex++] = queue;
+  concurrentQueues[concurrentQueuesIndex++] = update;
+  concurrentQueues[concurrentQueuesIndex++] = lane;
+  concurrentlyUpdatedLanes |= lane;
+  fiber.lanes |= lane;
+  fiber = fiber.alternate;
+  null !== fiber && (fiber.lanes |= lane);
+}
+function enqueueConcurrentRenderForLane(fiber, lane) {
+  enqueueUpdate$1(fiber, null, null, lane);
+  return getRootForUpdatedFiber(fiber);
+}
+function markUpdateLaneFromFiberToRoot(sourceFiber, update, lane) {
+  sourceFiber.lanes |= lane;
+  var alternate = sourceFiber.alternate;
+  null !== alternate && (alternate.lanes |= lane);
+  for (var isHidden = !1, parent = sourceFiber.return; null !== parent; )
+    (parent.childLanes |= lane),
+      (alternate = parent.alternate),
+      null !== alternate && (alternate.childLanes |= lane),
+      22 === parent.tag &&
+        ((sourceFiber = parent.stateNode),
+        null === sourceFiber || sourceFiber._visibility & 1 || (isHidden = !0)),
+      (sourceFiber = parent),
+      (parent = parent.return);
+  isHidden &&
+    null !== update &&
+    3 === sourceFiber.tag &&
+    ((parent = sourceFiber.stateNode),
+    (isHidden = 31 - clz32(lane)),
+    (parent = parent.hiddenUpdates),
+    (sourceFiber = parent[isHidden]),
+    null === sourceFiber
+      ? (parent[isHidden] = [update])
+      : sourceFiber.push(update),
+    (update.lane = lane | 536870912));
+}
+function getRootForUpdatedFiber(sourceFiber) {
+  if (50 < nestedUpdateCount)
+    throw (
+      ((nestedUpdateCount = 0),
+      (rootWithNestedUpdates = null),
+      Error(
+        "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
+      ))
+    );
+  for (var parent = sourceFiber.return; null !== parent; )
+    (sourceFiber = parent), (parent = sourceFiber.return);
+  return 3 === sourceFiber.tag ? sourceFiber.stateNode : null;
+}
+var firstScheduledRoot = null,
+  lastScheduledRoot = null,
+  didScheduleMicrotask = !1,
+  mightHavePendingSyncWork = !1,
+  isFlushingWork = !1,
+  currentEventTransitionLane = 0;
+function ensureRootIsScheduled(root) {
+  root !== lastScheduledRoot &&
+    null === root.next &&
+    (null === lastScheduledRoot
+      ? (firstScheduledRoot = lastScheduledRoot = root)
+      : (lastScheduledRoot = lastScheduledRoot.next = root));
+  mightHavePendingSyncWork = !0;
+  didScheduleMicrotask ||
+    ((didScheduleMicrotask = !0),
+    scheduleCallback$2(ImmediatePriority, processRootScheduleInMicrotask));
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+}
+function flushSyncWorkAcrossRoots_impl(onlyLegacy) {
+  if (!isFlushingWork && mightHavePendingSyncWork) {
+    var errors = null;
+    isFlushingWork = !0;
+    do {
+      var didPerformSomeWork = !1;
+      for (var root = firstScheduledRoot; null !== root; ) {
+        if (!onlyLegacy || 0 === root.tag) {
+          var workInProgressRootRenderLanes$13 = workInProgressRootRenderLanes,
+            nextLanes = getNextLanes(
+              root,
+              root === workInProgressRoot ? workInProgressRootRenderLanes$13 : 0
+            );
+          if (0 !== (nextLanes & 3))
+            try {
+              didPerformSomeWork = !0;
+              workInProgressRootRenderLanes$13 = root;
+              if (0 !== (executionContext & 6))
+                throw Error("Should not already be working.");
+              if (!flushPassiveEffects()) {
+                currentUpdateIsNested = nestedUpdateScheduled;
+                nestedUpdateScheduled = !1;
+                var exitStatus = renderRootSync(
+                  workInProgressRootRenderLanes$13,
+                  nextLanes
+                );
+                if (
+                  0 !== workInProgressRootRenderLanes$13.tag &&
+                  2 === exitStatus
+                ) {
+                  var originallyAttemptedLanes = nextLanes,
+                    errorRetryLanes = getLanesToRetrySynchronouslyOnError(
+                      workInProgressRootRenderLanes$13,
+                      originallyAttemptedLanes
+                    );
+                  0 !== errorRetryLanes &&
+                    ((nextLanes = errorRetryLanes),
+                    (exitStatus = recoverFromConcurrentError(
+                      workInProgressRootRenderLanes$13,
+                      originallyAttemptedLanes,
+                      errorRetryLanes
+                    )));
+                }
+                if (1 === exitStatus)
+                  throw (
+                    ((originallyAttemptedLanes = workInProgressRootFatalError),
+                    prepareFreshStack(workInProgressRootRenderLanes$13, 0),
+                    markRootSuspended(
+                      workInProgressRootRenderLanes$13,
+                      nextLanes,
+                      0
+                    ),
+                    ensureRootIsScheduled(workInProgressRootRenderLanes$13),
+                    originallyAttemptedLanes)
+                  );
+                6 === exitStatus
+                  ? markRootSuspended(
+                      workInProgressRootRenderLanes$13,
+                      nextLanes,
+                      workInProgressDeferredLane
+                    )
+                  : ((workInProgressRootRenderLanes$13.finishedWork =
+                      workInProgressRootRenderLanes$13.current.alternate),
+                    (workInProgressRootRenderLanes$13.finishedLanes =
+                      nextLanes),
+                    commitRoot(
+                      workInProgressRootRenderLanes$13,
+                      workInProgressRootRecoverableErrors,
+                      workInProgressTransitions,
+                      workInProgressDeferredLane
+                    ));
+              }
+              ensureRootIsScheduled(workInProgressRootRenderLanes$13);
+            } catch (error) {
+              null === errors ? (errors = [error]) : errors.push(error);
+            }
+        }
+        root = root.next;
       }
-      syncQueue = null;
-      includesLegacySyncCallbacks = !1;
-    } catch (error) {
-      throw (null !== syncQueue && (syncQueue = syncQueue.slice(i + 1)),
-      scheduleCallback(ImmediatePriority, flushSyncCallbacks),
-      error);
-    } finally {
-      (currentUpdatePriority = previousUpdatePriority),
-        (isFlushingSyncQueue = !1);
+    } while (didPerformSomeWork);
+    isFlushingWork = !1;
+    if (null !== errors) {
+      if (1 < errors.length) {
+        if ("function" === typeof AggregateError)
+          throw new AggregateError(errors);
+        for (onlyLegacy = 1; onlyLegacy < errors.length; onlyLegacy++)
+          (didPerformSomeWork = throwError.bind(null, errors[onlyLegacy])),
+            scheduleCallback$2(ImmediatePriority, didPerformSomeWork);
+      }
+      throw errors[0];
     }
   }
-  return null;
 }
-var forkStack = [],
-  forkStackIndex = 0,
-  treeForkProvider = null,
-  idStack = [],
-  idStackIndex = 0,
-  treeContextProvider = null;
-function popTreeContext(workInProgress) {
-  for (; workInProgress === treeForkProvider; )
-    (treeForkProvider = forkStack[--forkStackIndex]),
-      (forkStack[forkStackIndex] = null),
-      --forkStackIndex,
-      (forkStack[forkStackIndex] = null);
-  for (; workInProgress === treeContextProvider; )
-    (treeContextProvider = idStack[--idStackIndex]),
-      (idStack[idStackIndex] = null),
-      --idStackIndex,
-      (idStack[idStackIndex] = null),
-      --idStackIndex,
-      (idStack[idStackIndex] = null);
+function throwError(error) {
+  throw error;
 }
-var hydrationErrors = null,
-  ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig;
-function shallowEqual(objA, objB) {
-  if (objectIs(objA, objB)) return !0;
-  if (
-    "object" !== typeof objA ||
-    null === objA ||
-    "object" !== typeof objB ||
-    null === objB
-  )
-    return !1;
-  var keysA = Object.keys(objA),
-    keysB = Object.keys(objB);
-  if (keysA.length !== keysB.length) return !1;
-  for (keysB = 0; keysB < keysA.length; keysB++) {
-    var currentKey = keysA[keysB];
-    if (
-      !hasOwnProperty.call(objB, currentKey) ||
-      !objectIs(objA[currentKey], objB[currentKey])
-    )
-      return !1;
+function processRootScheduleInMicrotask() {
+  mightHavePendingSyncWork = didScheduleMicrotask = !1;
+  for (
+    var currentTime = now$1(), prev = null, root = firstScheduledRoot;
+    null !== root;
+
+  ) {
+    var next = root.next,
+      nextLanes = scheduleTaskForRootDuringMicrotask(root, currentTime);
+    0 === nextLanes
+      ? ((root.next = null),
+        null === prev ? (firstScheduledRoot = next) : (prev.next = next),
+        null === next && (lastScheduledRoot = prev))
+      : ((prev = root),
+        0 !== (nextLanes & 3) && (mightHavePendingSyncWork = !0));
+    root = next;
   }
-  return !0;
+  currentEventTransitionLane = 0;
+  flushSyncWorkAcrossRoots_impl(!1);
 }
-function describeFiber(fiber) {
-  switch (fiber.tag) {
-    case 5:
-      return describeComponentFrame(fiber.type, null, null);
-    case 16:
-      return describeComponentFrame("Lazy", null, null);
-    case 13:
-      return describeComponentFrame("Suspense", null, null);
-    case 19:
-      return describeComponentFrame("SuspenseList", null, null);
-    case 0:
+function scheduleTaskForRootDuringMicrotask(root, currentTime) {
+  for (
+    var suspendedLanes = root.suspendedLanes,
+      pingedLanes = root.pingedLanes,
+      expirationTimes = root.expirationTimes,
+      lanes = root.pendingLanes & -62914561;
+    0 < lanes;
+
+  ) {
+    var index$5 = 31 - clz32(lanes),
+      lane = 1 << index$5,
+      expirationTime = expirationTimes[index$5];
+    if (-1 === expirationTime) {
+      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
+        expirationTimes[index$5] = computeExpirationTime(lane, currentTime);
+    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
+    lanes &= ~lane;
+  }
+  currentTime = workInProgressRoot;
+  suspendedLanes = workInProgressRootRenderLanes;
+  suspendedLanes = getNextLanes(
+    root,
+    root === currentTime ? suspendedLanes : 0
+  );
+  pingedLanes = root.callbackNode;
+  if (
+    0 === suspendedLanes ||
+    (root === currentTime && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackNode = null),
+      (root.callbackPriority = 0)
+    );
+  if (0 !== (suspendedLanes & 3))
+    return (
+      null !== pingedLanes &&
+        null !== pingedLanes &&
+        cancelCallback$1(pingedLanes),
+      (root.callbackPriority = 2),
+      (root.callbackNode = null),
+      2
+    );
+  currentTime = suspendedLanes & -suspendedLanes;
+  if (currentTime === root.callbackPriority) return currentTime;
+  null !== pingedLanes && cancelCallback$1(pingedLanes);
+  switch (lanesToEventPriority(suspendedLanes)) {
     case 2:
-    case 15:
-      return describeFunctionComponentFrame(fiber.type, null);
-    case 11:
-      return describeFunctionComponentFrame(fiber.type.render, null);
-    case 1:
-      return (fiber = describeFunctionComponentFrame(fiber.type, null)), fiber;
+      suspendedLanes = ImmediatePriority;
+      break;
+    case 8:
+      suspendedLanes = UserBlockingPriority;
+      break;
+    case 32:
+      suspendedLanes = NormalPriority;
+      break;
+    case 268435456:
+      suspendedLanes = IdlePriority;
+      break;
     default:
-      return "";
+      suspendedLanes = NormalPriority;
   }
+  pingedLanes = performConcurrentWorkOnRoot.bind(null, root);
+  suspendedLanes = scheduleCallback$2(suspendedLanes, pingedLanes);
+  root.callbackPriority = currentTime;
+  root.callbackNode = suspendedLanes;
+  return currentTime;
 }
-function getStackByFiberInDevAndProd(workInProgress) {
-  try {
-    var info = "";
-    do
-      (info += describeFiber(workInProgress)),
-        (workInProgress = workInProgress.return);
-    while (workInProgress);
-    return info;
-  } catch (x) {
-    return "\nError generating stack: " + x.message + "\n" + x.stack;
-  }
-}
-function resolveDefaultProps(Component, baseProps) {
-  if (Component && Component.defaultProps) {
-    baseProps = assign({}, baseProps);
-    Component = Component.defaultProps;
-    for (var propName in Component)
-      void 0 === baseProps[propName] &&
-        (baseProps[propName] = Component[propName]);
-    return baseProps;
-  }
-  return baseProps;
-}
-var valueCursor = createCursor(null),
-  currentlyRenderingFiber = null,
-  lastContextDependency = null,
-  lastFullyObservedContext = null;
-function resetContextDependencies() {
-  lastFullyObservedContext = lastContextDependency = currentlyRenderingFiber = null;
-}
-function popProvider(context) {
-  var currentValue = valueCursor.current;
-  pop(valueCursor);
-  context._currentValue = currentValue;
-}
-function scheduleContextWorkOnParentPath(parent, renderLanes, propagationRoot) {
-  for (; null !== parent; ) {
-    var alternate = parent.alternate;
-    (parent.childLanes & renderLanes) !== renderLanes
-      ? ((parent.childLanes |= renderLanes),
-        null !== alternate && (alternate.childLanes |= renderLanes))
-      : null !== alternate &&
-        (alternate.childLanes & renderLanes) !== renderLanes &&
-        (alternate.childLanes |= renderLanes);
-    if (parent === propagationRoot) break;
-    parent = parent.return;
-  }
-}
-function prepareToReadContext(workInProgress, renderLanes) {
-  currentlyRenderingFiber = workInProgress;
-  lastFullyObservedContext = lastContextDependency = null;
-  workInProgress = workInProgress.dependencies;
-  null !== workInProgress &&
-    null !== workInProgress.firstContext &&
-    (0 !== (workInProgress.lanes & renderLanes) && (didReceiveUpdate = !0),
-    (workInProgress.firstContext = null));
-}
-function readContext(context) {
-  var value = context._currentValue;
-  if (lastFullyObservedContext !== context)
-    if (
-      ((context = { context: context, memoizedValue: value, next: null }),
-      null === lastContextDependency)
-    ) {
-      if (null === currentlyRenderingFiber)
-        throw Error(
-          "Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo()."
-        );
-      lastContextDependency = context;
-      currentlyRenderingFiber.dependencies = {
-        lanes: 0,
-        firstContext: context
-      };
-    } else lastContextDependency = lastContextDependency.next = context;
-  return value;
-}
-var concurrentQueues = null;
-function pushConcurrentUpdateQueue(queue) {
-  null === concurrentQueues
-    ? (concurrentQueues = [queue])
-    : concurrentQueues.push(queue);
-}
-function enqueueConcurrentHookUpdate(fiber, queue, update, lane) {
-  var interleaved = queue.interleaved;
-  null === interleaved
-    ? ((update.next = update), pushConcurrentUpdateQueue(queue))
-    : ((update.next = interleaved.next), (interleaved.next = update));
-  queue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
-}
-function markUpdateLaneFromFiberToRoot(sourceFiber, lane) {
-  sourceFiber.lanes |= lane;
-  var alternate = sourceFiber.alternate;
-  null !== alternate && (alternate.lanes |= lane);
-  alternate = sourceFiber;
-  for (sourceFiber = sourceFiber.return; null !== sourceFiber; )
-    (sourceFiber.childLanes |= lane),
-      (alternate = sourceFiber.alternate),
-      null !== alternate && (alternate.childLanes |= lane),
-      (alternate = sourceFiber),
-      (sourceFiber = sourceFiber.return);
-  return 3 === alternate.tag ? alternate.stateNode : null;
-}
-var hasForceUpdate = !1;
-function initializeUpdateQueue(fiber) {
-  fiber.updateQueue = {
-    baseState: fiber.memoizedState,
-    firstBaseUpdate: null,
-    lastBaseUpdate: null,
-    shared: { pending: null, interleaved: null, lanes: 0 },
-    effects: null
-  };
+var hasForceUpdate = !1;
+function initializeUpdateQueue(fiber) {
+  fiber.updateQueue = {
+    baseState: fiber.memoizedState,
+    firstBaseUpdate: null,
+    lastBaseUpdate: null,
+    shared: { pending: null, lanes: 0, hiddenCallbacks: null },
+    callbacks: null
+  };
 }
 function cloneUpdateQueue(current, workInProgress) {
   current = current.updateQueue;
@@ -2404,18 +2481,11 @@ function cloneUpdateQueue(current, workInProgress) {
       firstBaseUpdate: current.firstBaseUpdate,
       lastBaseUpdate: current.lastBaseUpdate,
       shared: current.shared,
-      effects: current.effects
+      callbacks: null
     });
 }
-function createUpdate(eventTime, lane) {
-  return {
-    eventTime: eventTime,
-    lane: lane,
-    tag: 0,
-    payload: null,
-    callback: null,
-    next: null
-  };
+function createUpdate(lane) {
+  return { lane: lane, tag: 0, payload: null, callback: null, next: null };
 }
 function enqueueUpdate(fiber, update, lane) {
   var updateQueue = fiber.updateQueue;
@@ -2427,18 +2497,16 @@ function enqueueUpdate(fiber, update, lane) {
       ? (update.next = update)
       : ((update.next = pending.next), (pending.next = update));
     updateQueue.pending = update;
-    return markUpdateLaneFromFiberToRoot(fiber, lane);
+    update = getRootForUpdatedFiber(fiber);
+    markUpdateLaneFromFiberToRoot(fiber, null, lane);
+    return update;
   }
-  pending = updateQueue.interleaved;
-  null === pending
-    ? ((update.next = update), pushConcurrentUpdateQueue(updateQueue))
-    : ((update.next = pending.next), (pending.next = update));
-  updateQueue.interleaved = update;
-  return markUpdateLaneFromFiberToRoot(fiber, lane);
+  enqueueUpdate$1(fiber, updateQueue, update, lane);
+  return getRootForUpdatedFiber(fiber);
 }
 function entangleTransitions(root, fiber, lane) {
   fiber = fiber.updateQueue;
-  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194240))) {
+  if (null !== fiber && ((fiber = fiber.shared), 0 !== (lane & 4194176))) {
     var queueLanes = fiber.lanes;
     queueLanes &= root.pendingLanes;
     lane |= queueLanes;
@@ -2459,11 +2527,10 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
     if (null !== queue) {
       do {
         var clone = {
-          eventTime: queue.eventTime,
           lane: queue.lane,
           tag: queue.tag,
           payload: queue.payload,
-          callback: queue.callback,
+          callback: null,
           next: null
         };
         null === newLast
@@ -2480,7 +2547,7 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
       firstBaseUpdate: newFirst,
       lastBaseUpdate: newLast,
       shared: current.shared,
-      effects: current.effects
+      callbacks: current.callbacks
     };
     workInProgress.updateQueue = queue;
     return;
@@ -2494,7 +2561,7 @@ function enqueueCapturedUpdate(workInProgress, capturedUpdate) {
 function processUpdateQueue(
   workInProgress$jscomp$0,
   props,
-  instance,
+  instance$jscomp$0,
   renderLanes
 ) {
   var queue = workInProgress$jscomp$0.updateQueue;
@@ -2527,32 +2594,32 @@ function processUpdateQueue(
     current = firstPendingUpdate = lastPendingUpdate = null;
     pendingQueue = firstBaseUpdate;
     do {
-      var updateLane = pendingQueue.lane,
-        updateEventTime = pendingQueue.eventTime;
-      if ((renderLanes & updateLane) === updateLane) {
+      var updateLane = pendingQueue.lane & -536870913,
+        isHiddenUpdate = updateLane !== pendingQueue.lane;
+      if (
+        isHiddenUpdate
+          ? (workInProgressRootRenderLanes & updateLane) === updateLane
+          : (renderLanes & updateLane) === updateLane
+      ) {
         null !== current &&
-          (current = current.next = {
-            eventTime: updateEventTime,
-            lane: 0,
-            tag: pendingQueue.tag,
-            payload: pendingQueue.payload,
-            callback: pendingQueue.callback,
-            next: null
-          });
+          (current = current.next =
+            {
+              lane: 0,
+              tag: pendingQueue.tag,
+              payload: pendingQueue.payload,
+              callback: null,
+              next: null
+            });
         a: {
           var workInProgress = workInProgress$jscomp$0,
             update = pendingQueue;
           updateLane = props;
-          updateEventTime = instance;
+          var instance = instance$jscomp$0;
           switch (update.tag) {
             case 1:
               workInProgress = update.payload;
               if ("function" === typeof workInProgress) {
-                newState = workInProgress.call(
-                  updateEventTime,
-                  newState,
-                  updateLane
-                );
+                newState = workInProgress.call(instance, newState, updateLane);
                 break a;
               }
               newState = workInProgress;
@@ -2563,7 +2630,7 @@ function processUpdateQueue(
               workInProgress = update.payload;
               updateLane =
                 "function" === typeof workInProgress
-                  ? workInProgress.call(updateEventTime, newState, updateLane)
+                  ? workInProgress.call(instance, newState, updateLane)
                   : workInProgress;
               if (null === updateLane || void 0 === updateLane) break a;
               newState = assign({}, newState, updateLane);
@@ -2572,16 +2639,16 @@ function processUpdateQueue(
               hasForceUpdate = !0;
           }
         }
-        null !== pendingQueue.callback &&
-          0 !== pendingQueue.lane &&
+        updateLane = pendingQueue.callback;
+        null !== updateLane &&
           ((workInProgress$jscomp$0.flags |= 64),
-          (updateLane = queue.effects),
-          null === updateLane
-            ? (queue.effects = [pendingQueue])
-            : updateLane.push(pendingQueue));
+          isHiddenUpdate && (workInProgress$jscomp$0.flags |= 8192),
+          (isHiddenUpdate = queue.callbacks),
+          null === isHiddenUpdate
+            ? (queue.callbacks = [updateLane])
+            : isHiddenUpdate.push(updateLane));
       } else
-        (updateEventTime = {
-          eventTime: updateEventTime,
+        (isHiddenUpdate = {
           lane: updateLane,
           tag: pendingQueue.tag,
           payload: pendingQueue.payload,
@@ -2589,208 +2656,197 @@ function processUpdateQueue(
           next: null
         }),
           null === current
-            ? ((firstPendingUpdate = current = updateEventTime),
+            ? ((firstPendingUpdate = current = isHiddenUpdate),
               (lastPendingUpdate = newState))
-            : (current = current.next = updateEventTime),
+            : (current = current.next = isHiddenUpdate),
           (lastBaseUpdate |= updateLane);
       pendingQueue = pendingQueue.next;
       if (null === pendingQueue)
         if (((pendingQueue = queue.shared.pending), null === pendingQueue))
           break;
         else
-          (updateLane = pendingQueue),
-            (pendingQueue = updateLane.next),
-            (updateLane.next = null),
-            (queue.lastBaseUpdate = updateLane),
+          (isHiddenUpdate = pendingQueue),
+            (pendingQueue = isHiddenUpdate.next),
+            (isHiddenUpdate.next = null),
+            (queue.lastBaseUpdate = isHiddenUpdate),
             (queue.shared.pending = null);
     } while (1);
     null === current && (lastPendingUpdate = newState);
     queue.baseState = lastPendingUpdate;
     queue.firstBaseUpdate = firstPendingUpdate;
     queue.lastBaseUpdate = current;
-    props = queue.shared.interleaved;
-    if (null !== props) {
-      queue = props;
-      do (lastBaseUpdate |= queue.lane), (queue = queue.next);
-      while (queue !== props);
-    } else null === firstBaseUpdate && (queue.shared.lanes = 0);
+    null === firstBaseUpdate && (queue.shared.lanes = 0);
     workInProgressRootSkippedLanes |= lastBaseUpdate;
     workInProgress$jscomp$0.lanes = lastBaseUpdate;
     workInProgress$jscomp$0.memoizedState = newState;
   }
 }
-function commitUpdateQueue(finishedWork, finishedQueue, instance) {
-  finishedWork = finishedQueue.effects;
-  finishedQueue.effects = null;
-  if (null !== finishedWork)
+function callCallback(callback, context) {
+  if ("function" !== typeof callback)
+    throw Error(
+      "Invalid argument passed as callback. Expected a function. Instead received: " +
+        callback
+    );
+  callback.call(context);
+}
+function commitCallbacks(updateQueue, context) {
+  var callbacks = updateQueue.callbacks;
+  if (null !== callbacks)
     for (
-      finishedQueue = 0;
-      finishedQueue < finishedWork.length;
-      finishedQueue++
-    ) {
-      var effect = finishedWork[finishedQueue],
-        callback = effect.callback;
-      if (null !== callback) {
-        effect.callback = null;
-        if ("function" !== typeof callback)
+      updateQueue.callbacks = null, updateQueue = 0;
+      updateQueue < callbacks.length;
+      updateQueue++
+    )
+      callCallback(callbacks[updateQueue], context);
+}
+function shallowEqual(objA, objB) {
+  if (objectIs(objA, objB)) return !0;
+  if (
+    "object" !== typeof objA ||
+    null === objA ||
+    "object" !== typeof objB ||
+    null === objB
+  )
+    return !1;
+  var keysA = Object.keys(objA),
+    keysB = Object.keys(objB);
+  if (keysA.length !== keysB.length) return !1;
+  for (keysB = 0; keysB < keysA.length; keysB++) {
+    var currentKey = keysA[keysB];
+    if (
+      !hasOwnProperty.call(objB, currentKey) ||
+      !objectIs(objA[currentKey], objB[currentKey])
+    )
+      return !1;
+  }
+  return !0;
+}
+function describeFiber(fiber) {
+  switch (fiber.tag) {
+    case 26:
+    case 27:
+    case 5:
+      return describeComponentFrame(fiber.type, null);
+    case 16:
+      return describeComponentFrame("Lazy", null);
+    case 13:
+      return describeComponentFrame("Suspense", null);
+    case 19:
+      return describeComponentFrame("SuspenseList", null);
+    case 0:
+    case 2:
+    case 15:
+      return describeFunctionComponentFrame(fiber.type);
+    case 11:
+      return describeFunctionComponentFrame(fiber.type.render);
+    case 1:
+      return (fiber = describeFunctionComponentFrame(fiber.type)), fiber;
+    default:
+      return "";
+  }
+}
+function getStackByFiberInDevAndProd(workInProgress) {
+  try {
+    var info = "";
+    do
+      (info += describeFiber(workInProgress)),
+        (workInProgress = workInProgress.return);
+    while (workInProgress);
+    return info;
+  } catch (x) {
+    return "\nError generating stack: " + x.message + "\n" + x.stack;
+  }
+}
+var SuspenseException = Error(
+    "Suspense Exception: This is not a real error! It's an implementation detail of `use` to interrupt the current render. You must either rethrow it immediately, or move the `use` call outside of the `try/catch` block. Capturing without rethrowing will lead to unexpected behavior.\n\nTo handle async errors, wrap your component in an error boundary, or call the promise's `.catch` method and pass the result to `use`"
+  ),
+  SuspenseyCommitException = Error(
+    "Suspense Exception: This is not a real error, and should not leak into userspace. If you're seeing this, it's likely a bug in React."
+  ),
+  noopSuspenseyCommitThenable = { then: function () {} };
+function isThenableResolved(thenable) {
+  thenable = thenable.status;
+  return "fulfilled" === thenable || "rejected" === thenable;
+}
+function noop() {}
+function trackUsedThenable(thenableState, thenable, index) {
+  index = thenableState[index];
+  void 0 === index
+    ? thenableState.push(thenable)
+    : index !== thenable && (thenable.then(noop, noop), (thenable = index));
+  switch (thenable.status) {
+    case "fulfilled":
+      return thenable.value;
+    case "rejected":
+      throw (
+        ((thenableState = thenable.reason),
+        checkIfUseWrappedInAsyncCatch(thenableState),
+        thenableState)
+      );
+    default:
+      if ("string" === typeof thenable.status) thenable.then(noop, noop);
+      else {
+        thenableState = workInProgressRoot;
+        if (null !== thenableState && 100 < thenableState.shellSuspendCounter)
           throw Error(
-            "Invalid argument passed as callback. Expected a function. Instead received: " +
-              callback
+            "async/await is not yet supported in Client Components, only Server Components. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
           );
-        callback.call(instance);
+        thenableState = thenable;
+        thenableState.status = "pending";
+        thenableState.then(
+          function (fulfilledValue) {
+            if ("pending" === thenable.status) {
+              var fulfilledThenable = thenable;
+              fulfilledThenable.status = "fulfilled";
+              fulfilledThenable.value = fulfilledValue;
+            }
+          },
+          function (error) {
+            if ("pending" === thenable.status) {
+              var rejectedThenable = thenable;
+              rejectedThenable.status = "rejected";
+              rejectedThenable.reason = error;
+            }
+          }
+        );
+        switch (thenable.status) {
+          case "fulfilled":
+            return thenable.value;
+          case "rejected":
+            throw (
+              ((thenableState = thenable.reason),
+              checkIfUseWrappedInAsyncCatch(thenableState),
+              thenableState)
+            );
+        }
       }
-    }
-}
-var emptyRefsObject = new React.Component().refs;
-function applyDerivedStateFromProps(
-  workInProgress,
-  ctor,
-  getDerivedStateFromProps,
-  nextProps
-) {
-  ctor = workInProgress.memoizedState;
-  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
-  getDerivedStateFromProps =
-    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
-      ? ctor
-      : assign({}, ctor, getDerivedStateFromProps);
-  workInProgress.memoizedState = getDerivedStateFromProps;
-  0 === workInProgress.lanes &&
-    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
-}
-var classComponentUpdater = {
-  isMounted: function(component) {
-    return (component = component._reactInternals)
-      ? getNearestMountedFiber(component) === component
-      : !1;
-  },
-  enqueueSetState: function(inst, payload, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane, eventTime),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueReplaceState: function(inst, payload, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.tag = 1;
-    update.payload = payload;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    payload = enqueueUpdate(inst, update, lane);
-    null !== payload &&
-      (scheduleUpdateOnFiber(payload, inst, lane, eventTime),
-      entangleTransitions(payload, inst, lane));
-  },
-  enqueueForceUpdate: function(inst, callback) {
-    inst = inst._reactInternals;
-    var eventTime = requestEventTime(),
-      lane = requestUpdateLane(inst),
-      update = createUpdate(eventTime, lane);
-    update.tag = 2;
-    void 0 !== callback && null !== callback && (update.callback = callback);
-    callback = enqueueUpdate(inst, update, lane);
-    null !== callback &&
-      (scheduleUpdateOnFiber(callback, inst, lane, eventTime),
-      entangleTransitions(callback, inst, lane));
+      suspendedThenable = thenable;
+      throw SuspenseException;
   }
-};
-function checkShouldComponentUpdate(
-  workInProgress,
-  ctor,
-  oldProps,
-  newProps,
-  oldState,
-  newState,
-  nextContext
-) {
-  workInProgress = workInProgress.stateNode;
-  return "function" === typeof workInProgress.shouldComponentUpdate
-    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
-    : ctor.prototype && ctor.prototype.isPureReactComponent
-    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
-    : !0;
 }
-function constructClassInstance(workInProgress, ctor, props) {
-  var isLegacyContextConsumer = !1,
-    unmaskedContext = emptyContextObject;
-  var context = ctor.contextType;
-  "object" === typeof context && null !== context
-    ? (context = readContext(context))
-    : ((unmaskedContext = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (isLegacyContextConsumer = ctor.contextTypes),
-      (context = (isLegacyContextConsumer =
-        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
-        ? getMaskedContext(workInProgress, unmaskedContext)
-        : emptyContextObject));
-  ctor = new ctor(props, context);
-  workInProgress.memoizedState =
-    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
-  ctor.updater = classComponentUpdater;
-  workInProgress.stateNode = ctor;
-  ctor._reactInternals = workInProgress;
-  isLegacyContextConsumer &&
-    ((workInProgress = workInProgress.stateNode),
-    (workInProgress.__reactInternalMemoizedUnmaskedChildContext = unmaskedContext),
-    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
-  return ctor;
+var suspendedThenable = null;
+function getSuspendedThenable() {
+  if (null === suspendedThenable)
+    throw Error(
+      "Expected a suspended thenable. This is a bug in React. Please file an issue."
+    );
+  var thenable = suspendedThenable;
+  suspendedThenable = null;
+  return thenable;
 }
-function callComponentWillReceiveProps(
-  workInProgress,
-  instance,
-  newProps,
-  nextContext
-) {
-  workInProgress = instance.state;
-  "function" === typeof instance.componentWillReceiveProps &&
-    instance.componentWillReceiveProps(newProps, nextContext);
-  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
-    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
-  instance.state !== workInProgress &&
-    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+function checkIfUseWrappedInAsyncCatch(rejectedReason) {
+  if (rejectedReason === SuspenseException)
+    throw Error(
+      "Hooks are not supported inside an async component. This error is often caused by accidentally adding `'use client'` to a module that was originally written for the server."
+    );
 }
-function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
-  var instance = workInProgress.stateNode;
-  instance.props = newProps;
-  instance.state = workInProgress.memoizedState;
-  instance.refs = emptyRefsObject;
-  initializeUpdateQueue(workInProgress);
-  var contextType = ctor.contextType;
-  "object" === typeof contextType && null !== contextType
-    ? (instance.context = readContext(contextType))
-    : ((contextType = isContextProvider(ctor)
-        ? previousContext
-        : contextStackCursor.current),
-      (instance.context = getMaskedContext(workInProgress, contextType)));
-  instance.state = workInProgress.memoizedState;
-  contextType = ctor.getDerivedStateFromProps;
-  "function" === typeof contextType &&
-    (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
-    (instance.state = workInProgress.memoizedState));
-  "function" === typeof ctor.getDerivedStateFromProps ||
-    "function" === typeof instance.getSnapshotBeforeUpdate ||
-    ("function" !== typeof instance.UNSAFE_componentWillMount &&
-      "function" !== typeof instance.componentWillMount) ||
-    ((ctor = instance.state),
-    "function" === typeof instance.componentWillMount &&
-      instance.componentWillMount(),
-    "function" === typeof instance.UNSAFE_componentWillMount &&
-      instance.UNSAFE_componentWillMount(),
-    ctor !== instance.state &&
-      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
-    processUpdateQueue(workInProgress, newProps, instance, renderLanes),
-    (instance.state = workInProgress.memoizedState));
-  "function" === typeof instance.componentDidMount &&
-    (workInProgress.flags |= 4);
+var thenableState$1 = null,
+  thenableIndexCounter$1 = 0;
+function unwrapThenable(thenable) {
+  var index = thenableIndexCounter$1;
+  thenableIndexCounter$1 += 1;
+  null === thenableState$1 && (thenableState$1 = []);
+  return trackUsedThenable(thenableState$1, thenable, index);
 }
 function coerceRef(returnFiber, current, element) {
   returnFiber = element.ref;
@@ -2804,7 +2860,7 @@ function coerceRef(returnFiber, current, element) {
       if (element) {
         if (1 !== element.tag)
           throw Error(
-            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://react.dev/reference/react/Component#refs"
+            "Function components cannot have string refs. We recommend using useRef() instead. Learn more about using refs safely here: https://reactjs.org/link/strict-mode-string-ref"
           );
         var inst = element.stateNode;
       }
@@ -2823,9 +2879,8 @@ function coerceRef(returnFiber, current, element) {
         current.ref._stringRef === stringRef
       )
         return current.ref;
-      current = function(value) {
+      current = function (value) {
         var refs = resolvedInst.refs;
-        refs === emptyRefsObject && (refs = resolvedInst.refs = {});
         null === value ? delete refs[stringRef] : (refs[stringRef] = value);
       };
       current._stringRef = stringRef;
@@ -2839,7 +2894,7 @@ function coerceRef(returnFiber, current, element) {
       throw Error(
         "Element ref was specified as a string (" +
           returnFiber +
-          ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://legacy.reactjs.org/warnings/refs-must-have-owner.html for more information."
+          ") but no owner was set. This could happen for one of the following reasons:\n1. You may be adding a ref to a function component\n2. You may be adding a ref to a component that was not created inside a component's render method\n3. You have multiple copies of React loaded\nSee https://reactjs.org/link/refs-must-have-owner for more information."
       );
   }
   return returnFiber;
@@ -2858,7 +2913,7 @@ function resolveLazy(lazyType) {
   var init = lazyType._init;
   return init(lazyType._payload);
 }
-function ChildReconciler(shouldTrackSideEffects) {
+function createChildReconciler(shouldTrackSideEffects) {
   function deleteChild(returnFiber, childToDelete) {
     if (shouldTrackSideEffects) {
       var deletions = returnFiber.deletions;
@@ -2897,16 +2952,16 @@ function ChildReconciler(shouldTrackSideEffects) {
       return (
         (newIndex = newIndex.index),
         newIndex < lastPlacedIndex
-          ? ((newFiber.flags |= 2), lastPlacedIndex)
+          ? ((newFiber.flags |= 33554434), lastPlacedIndex)
           : newIndex
       );
-    newFiber.flags |= 2;
+    newFiber.flags |= 33554434;
     return lastPlacedIndex;
   }
   function placeSingleChild(newFiber) {
     shouldTrackSideEffects &&
       null === newFiber.alternate &&
-      (newFiber.flags |= 2);
+      (newFiber.flags |= 33554434);
     return newFiber;
   }
   function updateTextNode(returnFiber, current, textContent, lanes) {
@@ -3043,6 +3098,14 @@ function ChildReconciler(shouldTrackSideEffects) {
           (newChild.return = returnFiber),
           newChild
         );
+      if ("function" === typeof newChild.then)
+        return createChild(returnFiber, unwrapThenable(newChild), lanes);
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return createChild(
+          returnFiber,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3076,6 +3139,20 @@ function ChildReconciler(shouldTrackSideEffects) {
         return null !== key
           ? null
           : updateFragment(returnFiber, oldFiber, newChild, lanes, null);
+      if ("function" === typeof newChild.then)
+        return updateSlot(
+          returnFiber,
+          oldFiber,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return updateSlot(
+          returnFiber,
+          oldFiber,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3128,6 +3205,22 @@ function ChildReconciler(shouldTrackSideEffects) {
           (existingChildren = existingChildren.get(newIdx) || null),
           updateFragment(returnFiber, existingChildren, newChild, lanes, null)
         );
+      if ("function" === typeof newChild.then)
+        return updateFromMap(
+          existingChildren,
+          returnFiber,
+          newIdx,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return updateFromMap(
+          existingChildren,
+          returnFiber,
+          newIdx,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return null;
@@ -3218,7 +3311,7 @@ function ChildReconciler(shouldTrackSideEffects) {
             : (previousNewFiber.sibling = nextOldFiber),
           (previousNewFiber = nextOldFiber));
     shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
+      oldFiber.forEach(function (child) {
         return deleteChild(returnFiber, child);
       });
     return resultingFirstChild;
@@ -3294,12 +3387,12 @@ function ChildReconciler(shouldTrackSideEffects) {
             : (previousNewFiber.sibling = step),
           (previousNewFiber = step));
     shouldTrackSideEffects &&
-      oldFiber.forEach(function(child) {
+      oldFiber.forEach(function (child) {
         return deleteChild(returnFiber, child);
       });
     return iteratorFn;
   }
-  function reconcileChildFibers(
+  function reconcileChildFibersImpl(
     returnFiber,
     currentFirstChild,
     newChild,
@@ -3444,6 +3537,20 @@ function ChildReconciler(shouldTrackSideEffects) {
           newChild,
           lanes
         );
+      if ("function" === typeof newChild.then)
+        return reconcileChildFibersImpl(
+          returnFiber,
+          currentFirstChild,
+          unwrapThenable(newChild),
+          lanes
+        );
+      if (newChild.$$typeof === REACT_CONTEXT_TYPE)
+        return reconcileChildFibersImpl(
+          returnFiber,
+          currentFirstChild,
+          readContextDuringReconcilation(returnFiber, newChild, lanes),
+          lanes
+        );
       throwOnInvalidObjectType(returnFiber, newChild);
     }
     return ("string" === typeof newChild && "" !== newChild) ||
@@ -3465,61 +3572,83 @@ function ChildReconciler(shouldTrackSideEffects) {
         placeSingleChild(returnFiber))
       : deleteRemainingChildren(returnFiber, currentFirstChild);
   }
-  return reconcileChildFibers;
-}
-var reconcileChildFibers = ChildReconciler(!0),
-  mountChildFibers = ChildReconciler(!1),
-  NO_CONTEXT = {},
-  contextStackCursor$1 = createCursor(NO_CONTEXT),
-  contextFiberStackCursor = createCursor(NO_CONTEXT),
-  rootInstanceStackCursor = createCursor(NO_CONTEXT);
-function requiredContext(c) {
-  if (c === NO_CONTEXT)
-    throw Error(
-      "Expected host context to exist. This error is likely caused by a bug in React. Please file an issue."
+  function reconcileChildFibers(
+    returnFiber,
+    currentFirstChild,
+    newChild,
+    lanes
+  ) {
+    thenableIndexCounter$1 = 0;
+    returnFiber = reconcileChildFibersImpl(
+      returnFiber,
+      currentFirstChild,
+      newChild,
+      lanes
     );
-  return c;
-}
-function pushHostContainer(fiber, nextRootInstance) {
-  push(rootInstanceStackCursor, nextRootInstance);
-  push(contextFiberStackCursor, fiber);
-  push(contextStackCursor$1, NO_CONTEXT);
-  pop(contextStackCursor$1);
-  push(contextStackCursor$1, { isInAParentText: !1 });
+    thenableState$1 = null;
+    return returnFiber;
+  }
+  return reconcileChildFibers;
 }
-function popHostContainer() {
-  pop(contextStackCursor$1);
-  pop(contextFiberStackCursor);
-  pop(rootInstanceStackCursor);
+var reconcileChildFibers = createChildReconciler(!0),
+  mountChildFibers = createChildReconciler(!1),
+  currentTreeHiddenStackCursor = createCursor(null),
+  prevEntangledRenderLanesCursor = createCursor(0);
+function pushHiddenContext(fiber, context) {
+  fiber = entangledRenderLanes;
+  push(prevEntangledRenderLanesCursor, fiber);
+  push(currentTreeHiddenStackCursor, context);
+  entangledRenderLanes = fiber | context.baseLanes;
+}
+function reuseHiddenContextOnStack() {
+  push(prevEntangledRenderLanesCursor, entangledRenderLanes);
+  push(currentTreeHiddenStackCursor, currentTreeHiddenStackCursor.current);
+}
+function popHiddenContext() {
+  entangledRenderLanes = prevEntangledRenderLanesCursor.current;
+  pop(currentTreeHiddenStackCursor);
+  pop(prevEntangledRenderLanesCursor);
+}
+var suspenseHandlerStackCursor = createCursor(null),
+  shellBoundary = null;
+function pushPrimaryTreeSuspenseHandler(handler) {
+  var current = handler.alternate;
+  push(suspenseStackCursor, suspenseStackCursor.current & 1);
+  push(suspenseHandlerStackCursor, handler);
+  null === shellBoundary &&
+    (null === current || null !== currentTreeHiddenStackCursor.current
+      ? (shellBoundary = handler)
+      : null !== current.memoizedState && (shellBoundary = handler));
+}
+function pushOffscreenSuspenseHandler(fiber) {
+  if (22 === fiber.tag) {
+    if (
+      (push(suspenseStackCursor, suspenseStackCursor.current),
+      push(suspenseHandlerStackCursor, fiber),
+      null === shellBoundary)
+    ) {
+      var current = fiber.alternate;
+      null !== current &&
+        null !== current.memoizedState &&
+        (shellBoundary = fiber);
+    }
+  } else reuseSuspenseHandlerOnStack(fiber);
 }
-function pushHostContext(fiber) {
-  requiredContext(rootInstanceStackCursor.current);
-  var context = requiredContext(contextStackCursor$1.current);
-  var JSCompiler_inline_result = fiber.type;
-  JSCompiler_inline_result =
-    "AndroidTextInput" === JSCompiler_inline_result ||
-    "RCTMultilineTextInputView" === JSCompiler_inline_result ||
-    "RCTSinglelineTextInputView" === JSCompiler_inline_result ||
-    "RCTText" === JSCompiler_inline_result ||
-    "RCTVirtualText" === JSCompiler_inline_result;
-  JSCompiler_inline_result =
-    context.isInAParentText !== JSCompiler_inline_result
-      ? { isInAParentText: JSCompiler_inline_result }
-      : context;
-  context !== JSCompiler_inline_result &&
-    (push(contextFiberStackCursor, fiber),
-    push(contextStackCursor$1, JSCompiler_inline_result));
+function reuseSuspenseHandlerOnStack() {
+  push(suspenseStackCursor, suspenseStackCursor.current);
+  push(suspenseHandlerStackCursor, suspenseHandlerStackCursor.current);
 }
-function popHostContext(fiber) {
-  contextFiberStackCursor.current === fiber &&
-    (pop(contextStackCursor$1), pop(contextFiberStackCursor));
+function popSuspenseHandler(fiber) {
+  pop(suspenseHandlerStackCursor);
+  shellBoundary === fiber && (shellBoundary = null);
+  pop(suspenseStackCursor);
 }
 var suspenseStackCursor = createCursor(0);
 function findFirstSuspended(row) {
   for (var node = row; null !== node; ) {
     if (13 === node.tag) {
       var state = node.memoizedState;
-      if (null !== state && (null === state.dehydrated || shim() || shim()))
+      if (null !== state && (null === state.dehydrated || shim$1() || shim$1()))
         return node;
     } else if (19 === node.tag && void 0 !== node.memoizedProps.revealOrder) {
       if (0 !== (node.flags & 128)) return node;
@@ -3538,24 +3667,21 @@ function findFirstSuspended(row) {
   }
   return null;
 }
-var workInProgressSources = [];
-function resetWorkInProgressVersions() {
-  for (var i = 0; i < workInProgressSources.length; i++)
-    workInProgressSources[i]._workInProgressVersionPrimary = null;
-  workInProgressSources.length = 0;
-}
 var ReactCurrentDispatcher$1 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig,
+  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
   renderLanes = 0,
   currentlyRenderingFiber$1 = null,
   currentHook = null,
   workInProgressHook = null,
   didScheduleRenderPhaseUpdate = !1,
   didScheduleRenderPhaseUpdateDuringThisPass = !1,
+  shouldDoubleInvokeUserFnsInHooksDEV = !1,
+  thenableIndexCounter = 0,
+  thenableState = null,
   globalClientIdCounter = 0;
 function throwInvalidHookError() {
   throw Error(
-    "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://react.dev/warnings/invalid-hook-call-warning for tips about how to debug and fix this problem."
+    "Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:\n1. You might have mismatching versions of React and the renderer (such as React DOM)\n2. You might be breaking the Rules of Hooks\n3. You might have more than one copy of React in the same app\nSee https://reactjs.org/link/invalid-hook-call for tips about how to debug and fix this problem."
   );
 }
 function areHookInputsEqual(nextDeps, prevDeps) {
@@ -3581,32 +3707,74 @@ function renderWithHooks(
     null === current || null === current.memoizedState
       ? HooksDispatcherOnMount
       : HooksDispatcherOnUpdate;
+  shouldDoubleInvokeUserFnsInHooksDEV = !1;
   current = Component(props, secondArg);
-  if (didScheduleRenderPhaseUpdateDuringThisPass) {
-    nextRenderLanes = 0;
-    do {
-      didScheduleRenderPhaseUpdateDuringThisPass = !1;
-      if (25 <= nextRenderLanes)
-        throw Error(
-          "Too many re-renders. React limits the number of renders to prevent an infinite loop."
-        );
-      nextRenderLanes += 1;
-      workInProgressHook = currentHook = null;
-      workInProgress.updateQueue = null;
-      ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
-      current = Component(props, secondArg);
-    } while (didScheduleRenderPhaseUpdateDuringThisPass);
-  }
+  shouldDoubleInvokeUserFnsInHooksDEV = !1;
+  didScheduleRenderPhaseUpdateDuringThisPass &&
+    (current = renderWithHooksAgain(
+      workInProgress,
+      Component,
+      props,
+      secondArg
+    ));
+  finishRenderingHooks();
+  return current;
+}
+function finishRenderingHooks() {
   ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-  workInProgress = null !== currentHook && null !== currentHook.next;
+  var didRenderTooFewHooks = null !== currentHook && null !== currentHook.next;
   renderLanes = 0;
   workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
   didScheduleRenderPhaseUpdate = !1;
-  if (workInProgress)
+  thenableIndexCounter = 0;
+  thenableState = null;
+  if (didRenderTooFewHooks)
     throw Error(
       "Rendered fewer hooks than expected. This may be caused by an accidental early return statement."
     );
-  return current;
+}
+function renderWithHooksAgain(workInProgress, Component, props, secondArg) {
+  currentlyRenderingFiber$1 = workInProgress;
+  var numberOfReRenders = 0;
+  do {
+    didScheduleRenderPhaseUpdateDuringThisPass && (thenableState = null);
+    thenableIndexCounter = 0;
+    didScheduleRenderPhaseUpdateDuringThisPass = !1;
+    if (25 <= numberOfReRenders)
+      throw Error(
+        "Too many re-renders. React limits the number of renders to prevent an infinite loop."
+      );
+    numberOfReRenders += 1;
+    workInProgressHook = currentHook = null;
+    workInProgress.updateQueue = null;
+    ReactCurrentDispatcher$1.current = HooksDispatcherOnRerender;
+    var children = Component(props, secondArg);
+  } while (didScheduleRenderPhaseUpdateDuringThisPass);
+  return children;
+}
+function bailoutHooks(current, workInProgress, lanes) {
+  workInProgress.updateQueue = current.updateQueue;
+  workInProgress.flags &= -2053;
+  current.lanes &= ~lanes;
+}
+function resetHooksOnUnwind(workInProgress) {
+  if (didScheduleRenderPhaseUpdate) {
+    for (
+      workInProgress = workInProgress.memoizedState;
+      null !== workInProgress;
+
+    ) {
+      var queue = workInProgress.queue;
+      null !== queue && (queue.pending = null);
+      workInProgress = workInProgress.next;
+    }
+    didScheduleRenderPhaseUpdate = !1;
+  }
+  renderLanes = 0;
+  workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
+  didScheduleRenderPhaseUpdateDuringThisPass = !1;
+  thenableIndexCounter = 0;
+  thenableState = null;
 }
 function mountWorkInProgressHook() {
   var hook = {
@@ -3635,8 +3803,13 @@ function updateWorkInProgressHook() {
     (workInProgressHook = nextWorkInProgressHook),
       (currentHook = nextCurrentHook);
   else {
-    if (null === nextCurrentHook)
+    if (null === nextCurrentHook) {
+      if (null === currentlyRenderingFiber$1.alternate)
+        throw Error(
+          "Update hook called on initial render. This is likely a bug in React. Please file an issue."
+        );
       throw Error("Rendered more hooks than during the previous render.");
+    }
     currentHook = nextCurrentHook;
     nextCurrentHook = {
       memoizedState: currentHook.memoizedState,
@@ -3646,24 +3819,48 @@ function updateWorkInProgressHook() {
       next: null
     };
     null === workInProgressHook
-      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook = nextCurrentHook)
+      ? (currentlyRenderingFiber$1.memoizedState = workInProgressHook =
+          nextCurrentHook)
       : (workInProgressHook = workInProgressHook.next = nextCurrentHook);
   }
   return workInProgressHook;
 }
+var createFunctionComponentUpdateQueue;
+createFunctionComponentUpdateQueue = function () {
+  return { lastEffect: null, events: null, stores: null };
+};
+function useThenable(thenable) {
+  var index = thenableIndexCounter;
+  thenableIndexCounter += 1;
+  null === thenableState && (thenableState = []);
+  thenable = trackUsedThenable(thenableState, thenable, index);
+  null === currentlyRenderingFiber$1.alternate &&
+    (null === workInProgressHook
+      ? null === currentlyRenderingFiber$1.memoizedState
+      : null === workInProgressHook.next) &&
+    (ReactCurrentDispatcher$1.current = HooksDispatcherOnMount);
+  return thenable;
+}
+function use(usable) {
+  if (null !== usable && "object" === typeof usable) {
+    if ("function" === typeof usable.then) return useThenable(usable);
+    if (usable.$$typeof === REACT_CONTEXT_TYPE) return readContext(usable);
+  }
+  throw Error("An unsupported type was passed to use(): " + String(usable));
+}
 function basicStateReducer(state, action) {
   return "function" === typeof action ? action(state) : action;
 }
 function updateReducer(reducer) {
   var hook = updateWorkInProgressHook(),
+    current = currentHook,
     queue = hook.queue;
   if (null === queue)
     throw Error(
       "Should have a queue. This is likely a bug in React. Please file an issue."
     );
   queue.lastRenderedReducer = reducer;
-  var current = currentHook,
-    baseQueue = current.baseQueue,
+  var baseQueue = hook.baseQueue,
     pendingQueue = queue.pending;
   if (null !== pendingQueue) {
     if (null !== baseQueue) {
@@ -3674,29 +3871,40 @@ function updateReducer(reducer) {
     current.baseQueue = baseQueue = pendingQueue;
     queue.pending = null;
   }
-  if (null !== baseQueue) {
-    pendingQueue = baseQueue.next;
-    current = current.baseState;
+  pendingQueue = hook.baseState;
+  if (null === baseQueue) hook.memoizedState = pendingQueue;
+  else {
+    current = baseQueue.next;
     var newBaseQueueFirst = (baseFirst = null),
       newBaseQueueLast = null,
-      update = pendingQueue;
+      update = current;
     do {
-      var updateLane = update.lane;
-      if ((renderLanes & updateLane) === updateLane)
+      var updateLane = update.lane & -536870913;
+      if (
+        updateLane !== update.lane
+          ? (workInProgressRootRenderLanes & updateLane) === updateLane
+          : (renderLanes & updateLane) === updateLane
+      )
         null !== newBaseQueueLast &&
-          (newBaseQueueLast = newBaseQueueLast.next = {
-            lane: 0,
-            action: update.action,
-            hasEagerState: update.hasEagerState,
-            eagerState: update.eagerState,
-            next: null
-          }),
-          (current = update.hasEagerState
+          (newBaseQueueLast = newBaseQueueLast.next =
+            {
+              lane: 0,
+              revertLane: 0,
+              action: update.action,
+              hasEagerState: update.hasEagerState,
+              eagerState: update.eagerState,
+              next: null
+            }),
+          (updateLane = update.action),
+          shouldDoubleInvokeUserFnsInHooksDEV &&
+            reducer(pendingQueue, updateLane),
+          (pendingQueue = update.hasEagerState
             ? update.eagerState
-            : reducer(current, update.action));
+            : reducer(pendingQueue, updateLane));
       else {
         var clone = {
           lane: updateLane,
+          revertLane: update.revertLane,
           action: update.action,
           hasEagerState: update.hasEagerState,
           eagerState: update.eagerState,
@@ -3704,32 +3912,23 @@ function updateReducer(reducer) {
         };
         null === newBaseQueueLast
           ? ((newBaseQueueFirst = newBaseQueueLast = clone),
-            (baseFirst = current))
+            (baseFirst = pendingQueue))
           : (newBaseQueueLast = newBaseQueueLast.next = clone);
         currentlyRenderingFiber$1.lanes |= updateLane;
         workInProgressRootSkippedLanes |= updateLane;
       }
       update = update.next;
-    } while (null !== update && update !== pendingQueue);
+    } while (null !== update && update !== current);
     null === newBaseQueueLast
-      ? (baseFirst = current)
+      ? (baseFirst = pendingQueue)
       : (newBaseQueueLast.next = newBaseQueueFirst);
-    objectIs(current, hook.memoizedState) || (didReceiveUpdate = !0);
-    hook.memoizedState = current;
+    objectIs(pendingQueue, hook.memoizedState) || (didReceiveUpdate = !0);
+    hook.memoizedState = pendingQueue;
     hook.baseState = baseFirst;
     hook.baseQueue = newBaseQueueLast;
-    queue.lastRenderedState = current;
+    queue.lastRenderedState = pendingQueue;
   }
-  reducer = queue.interleaved;
-  if (null !== reducer) {
-    baseQueue = reducer;
-    do
-      (pendingQueue = baseQueue.lane),
-        (currentlyRenderingFiber$1.lanes |= pendingQueue),
-        (workInProgressRootSkippedLanes |= pendingQueue),
-        (baseQueue = baseQueue.next);
-    while (baseQueue !== reducer);
-  } else null === baseQueue && (queue.lanes = 0);
+  null === baseQueue && (queue.lanes = 0);
   return [hook.memoizedState, queue.dispatch];
 }
 function rerenderReducer(reducer) {
@@ -3755,12 +3954,14 @@ function rerenderReducer(reducer) {
   }
   return [newState, dispatch];
 }
-function updateMutableSource() {}
 function updateSyncExternalStore(subscribe, getSnapshot) {
   var fiber = currentlyRenderingFiber$1,
-    hook = updateWorkInProgressHook(),
-    nextSnapshot = getSnapshot(),
-    snapshotChanged = !objectIs(hook.memoizedState, nextSnapshot);
+    hook = updateWorkInProgressHook();
+  var nextSnapshot = getSnapshot();
+  var snapshotChanged = !objectIs(
+    (currentHook || hook).memoizedState,
+    nextSnapshot
+  );
   snapshotChanged &&
     ((hook.memoizedState = nextSnapshot), (didReceiveUpdate = !0));
   hook = hook.queue;
@@ -3776,14 +3977,14 @@ function updateSyncExternalStore(subscribe, getSnapshot) {
     pushEffect(
       9,
       updateStoreInstance.bind(null, fiber, hook, nextSnapshot, getSnapshot),
-      void 0,
+      { destroy: void 0 },
       null
     );
     if (null === workInProgressRoot)
       throw Error(
         "Expected a work-in-progress root. This is a bug in React. Please file an issue."
       );
-    0 !== (renderLanes & 30) ||
+    0 !== (renderLanes & 60) ||
       pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
   }
   return nextSnapshot;
@@ -3793,7 +3994,7 @@ function pushStoreConsistencyCheck(fiber, getSnapshot, renderedSnapshot) {
   fiber = { getSnapshot: getSnapshot, value: renderedSnapshot };
   getSnapshot = currentlyRenderingFiber$1.updateQueue;
   null === getSnapshot
-    ? ((getSnapshot = { lastEffect: null, stores: null }),
+    ? ((getSnapshot = createFunctionComponentUpdateQueue()),
       (currentlyRenderingFiber$1.updateQueue = getSnapshot),
       (getSnapshot.stores = [fiber]))
     : ((renderedSnapshot = getSnapshot.stores),
@@ -3807,7 +4008,7 @@ function updateStoreInstance(fiber, inst, nextSnapshot, getSnapshot) {
   checkIfSnapshotChanged(inst) && forceStoreRerender(fiber);
 }
 function subscribeToStore(fiber, inst, subscribe) {
-  return subscribe(function() {
+  return subscribe(function () {
     checkIfSnapshotChanged(inst) && forceStoreRerender(fiber);
   });
 }
@@ -3822,41 +4023,38 @@ function checkIfSnapshotChanged(inst) {
   }
 }
 function forceStoreRerender(fiber) {
-  var root = markUpdateLaneFromFiberToRoot(fiber, 1);
-  null !== root && scheduleUpdateOnFiber(root, fiber, 1, -1);
+  var root = enqueueConcurrentRenderForLane(fiber, 2);
+  null !== root && scheduleUpdateOnFiber(root, fiber, 2);
 }
-function mountState(initialState) {
+function mountStateImpl(initialState) {
   var hook = mountWorkInProgressHook();
-  "function" === typeof initialState && (initialState = initialState());
+  if ("function" === typeof initialState) {
+    var initialStateInitializer = initialState;
+    initialState = initialStateInitializer();
+    shouldDoubleInvokeUserFnsInHooksDEV && initialStateInitializer();
+  }
   hook.memoizedState = hook.baseState = initialState;
-  initialState = {
+  hook.queue = {
     pending: null,
-    interleaved: null,
     lanes: 0,
     dispatch: null,
     lastRenderedReducer: basicStateReducer,
     lastRenderedState: initialState
   };
-  hook.queue = initialState;
-  initialState = initialState.dispatch = dispatchSetState.bind(
-    null,
-    currentlyRenderingFiber$1,
-    initialState
-  );
-  return [hook.memoizedState, initialState];
+  return hook;
 }
-function pushEffect(tag, create, destroy, deps) {
-  tag = { tag: tag, create: create, destroy: destroy, deps: deps, next: null };
+function pushEffect(tag, create, inst, deps) {
+  tag = { tag: tag, create: create, inst: inst, deps: deps, next: null };
   create = currentlyRenderingFiber$1.updateQueue;
   null === create
-    ? ((create = { lastEffect: null, stores: null }),
+    ? ((create = createFunctionComponentUpdateQueue()),
       (currentlyRenderingFiber$1.updateQueue = create),
       (create.lastEffect = tag.next = tag))
-    : ((destroy = create.lastEffect),
-      null === destroy
+    : ((inst = create.lastEffect),
+      null === inst
         ? (create.lastEffect = tag.next = tag)
-        : ((deps = destroy.next),
-          (destroy.next = tag),
+        : ((deps = inst.next),
+          (inst.next = tag),
           (tag.next = deps),
           (create.lastEffect = tag)));
   return tag;
@@ -3870,30 +4068,26 @@ function mountEffectImpl(fiberFlags, hookFlags, create, deps) {
   hook.memoizedState = pushEffect(
     1 | hookFlags,
     create,
-    void 0,
+    { destroy: void 0 },
     void 0 === deps ? null : deps
   );
 }
 function updateEffectImpl(fiberFlags, hookFlags, create, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
-  var destroy = void 0;
-  if (null !== currentHook) {
-    var prevEffect = currentHook.memoizedState;
-    destroy = prevEffect.destroy;
-    if (null !== deps && areHookInputsEqual(deps, prevEffect.deps)) {
-      hook.memoizedState = pushEffect(hookFlags, create, destroy, deps);
-      return;
-    }
-  }
-  currentlyRenderingFiber$1.flags |= fiberFlags;
-  hook.memoizedState = pushEffect(1 | hookFlags, create, destroy, deps);
+  var inst = hook.memoizedState.inst;
+  null !== currentHook &&
+  null !== deps &&
+  areHookInputsEqual(deps, currentHook.memoizedState.deps)
+    ? (hook.memoizedState = pushEffect(hookFlags, create, inst, deps))
+    : ((currentlyRenderingFiber$1.flags |= fiberFlags),
+      (hook.memoizedState = pushEffect(1 | hookFlags, create, inst, deps)));
 }
 function mountEffect(create, deps) {
-  return mountEffectImpl(8390656, 8, create, deps);
+  mountEffectImpl(8390656, 8, create, deps);
 }
 function updateEffect(create, deps) {
-  return updateEffectImpl(2048, 8, create, deps);
+  updateEffectImpl(2048, 8, create, deps);
 }
 function updateInsertionEffect(create, deps) {
   return updateEffectImpl(4, 2, create, deps);
@@ -3906,7 +4100,7 @@ function imperativeHandleEffect(create, ref) {
     return (
       (create = create()),
       ref(create),
-      function() {
+      function () {
         ref(null);
       }
     );
@@ -3914,30 +4108,21 @@ function imperativeHandleEffect(create, ref) {
     return (
       (create = create()),
       (ref.current = create),
-      function() {
+      function () {
         ref.current = null;
       }
     );
 }
 function updateImperativeHandle(ref, create, deps) {
   deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-  return updateEffectImpl(
-    4,
-    4,
-    imperativeHandleEffect.bind(null, create, ref),
-    deps
-  );
+  updateEffectImpl(4, 4, imperativeHandleEffect.bind(null, create, ref), deps);
 }
 function mountDebugValue() {}
 function updateCallback(callback, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
   var prevState = hook.memoizedState;
-  if (
-    null !== prevState &&
-    null !== deps &&
-    areHookInputsEqual(deps, prevState[1])
-  )
+  if (null !== deps && areHookInputsEqual(deps, prevState[1]))
     return prevState[0];
   hook.memoizedState = [callback, deps];
   return callback;
@@ -3946,41 +4131,53 @@ function updateMemo(nextCreate, deps) {
   var hook = updateWorkInProgressHook();
   deps = void 0 === deps ? null : deps;
   var prevState = hook.memoizedState;
-  if (
-    null !== prevState &&
-    null !== deps &&
-    areHookInputsEqual(deps, prevState[1])
-  )
+  if (null !== deps && areHookInputsEqual(deps, prevState[1]))
     return prevState[0];
-  nextCreate = nextCreate();
-  hook.memoizedState = [nextCreate, deps];
-  return nextCreate;
-}
-function updateDeferredValueImpl(hook, prevValue, value) {
-  if (0 === (renderLanes & 21))
+  prevState = nextCreate();
+  shouldDoubleInvokeUserFnsInHooksDEV && nextCreate();
+  hook.memoizedState = [prevState, deps];
+  return prevState;
+}
+function mountDeferredValueImpl(hook, value, initialValue) {
+  return void 0 !== initialValue && 0 === (renderLanes & 1073741824)
+    ? ((hook.memoizedState = initialValue),
+      (hook = requestDeferredLane()),
+      (currentlyRenderingFiber$1.lanes |= hook),
+      (workInProgressRootSkippedLanes |= hook),
+      initialValue)
+    : (hook.memoizedState = value);
+}
+function updateDeferredValueImpl(hook, prevValue, value, initialValue) {
+  if (objectIs(value, prevValue)) return value;
+  if (null !== currentTreeHiddenStackCursor.current)
     return (
-      hook.baseState && ((hook.baseState = !1), (didReceiveUpdate = !0)),
-      (hook.memoizedState = value)
+      (hook = mountDeferredValueImpl(hook, value, initialValue)),
+      objectIs(hook, prevValue) || (didReceiveUpdate = !0),
+      hook
     );
-  objectIs(value, prevValue) ||
-    ((value = claimNextTransitionLane()),
-    (currentlyRenderingFiber$1.lanes |= value),
-    (workInProgressRootSkippedLanes |= value),
-    (hook.baseState = !0));
+  if (0 === (renderLanes & 42))
+    return (didReceiveUpdate = !0), (hook.memoizedState = value);
+  hook = requestDeferredLane();
+  currentlyRenderingFiber$1.lanes |= hook;
+  workInProgressRootSkippedLanes |= hook;
   return prevValue;
 }
-function startTransition(setPending, callback) {
+function startTransition(fiber, queue, pendingState, finishedState, callback) {
   var previousPriority = currentUpdatePriority;
   currentUpdatePriority =
-    0 !== previousPriority && 4 > previousPriority ? previousPriority : 4;
-  setPending(!0);
-  var prevTransition = ReactCurrentBatchConfig$1.transition;
-  ReactCurrentBatchConfig$1.transition = {};
+    0 !== previousPriority && 8 > previousPriority ? previousPriority : 8;
+  var prevTransition = ReactCurrentBatchConfig$2.transition,
+    currentTransition = { _callbacks: new Set() };
+  ReactCurrentBatchConfig$2.transition = null;
+  dispatchSetState(fiber, queue, pendingState);
+  ReactCurrentBatchConfig$2.transition = currentTransition;
   try {
-    setPending(!1), callback();
+    dispatchSetState(fiber, queue, finishedState), callback();
+  } catch (error) {
+    throw error;
   } finally {
     (currentUpdatePriority = previousPriority),
-      (ReactCurrentBatchConfig$1.transition = prevTransition);
+      (ReactCurrentBatchConfig$2.transition = prevTransition);
   }
 }
 function updateId() {
@@ -3990,25 +4187,25 @@ function dispatchReducerAction(fiber, queue, action) {
   var lane = requestUpdateLane(fiber);
   action = {
     lane: lane,
+    revertLane: 0,
     action: action,
     hasEagerState: !1,
     eagerState: null,
     next: null
   };
-  if (isRenderPhaseUpdate(fiber)) enqueueRenderPhaseUpdate(queue, action);
-  else if (
-    ((action = enqueueConcurrentHookUpdate(fiber, queue, action, lane)),
-    null !== action)
-  ) {
-    var eventTime = requestEventTime();
-    scheduleUpdateOnFiber(action, fiber, lane, eventTime);
-    entangleTransitionUpdate(action, queue, lane);
-  }
+  isRenderPhaseUpdate(fiber)
+    ? enqueueRenderPhaseUpdate(queue, action)
+    : (enqueueUpdate$1(fiber, queue, action, lane),
+      (action = getRootForUpdatedFiber(fiber)),
+      null !== action &&
+        (scheduleUpdateOnFiber(action, fiber, lane),
+        entangleTransitionUpdate(action, queue, lane)));
 }
 function dispatchSetState(fiber, queue, action) {
   var lane = requestUpdateLane(fiber),
     update = {
       lane: lane,
+      revertLane: 0,
       action: action,
       hasEagerState: !1,
       eagerState: null,
@@ -4028,20 +4225,17 @@ function dispatchSetState(fiber, queue, action) {
         update.hasEagerState = !0;
         update.eagerState = eagerState;
         if (objectIs(eagerState, currentState)) {
-          var interleaved = queue.interleaved;
-          null === interleaved
-            ? ((update.next = update), pushConcurrentUpdateQueue(queue))
-            : ((update.next = interleaved.next), (interleaved.next = update));
-          queue.interleaved = update;
+          enqueueUpdate$1(fiber, queue, update, 0);
+          null === workInProgressRoot && finishQueueingConcurrentUpdates();
           return;
         }
       } catch (error) {
       } finally {
       }
-    action = enqueueConcurrentHookUpdate(fiber, queue, update, lane);
+    enqueueUpdate$1(fiber, queue, update, lane);
+    action = getRootForUpdatedFiber(fiber);
     null !== action &&
-      ((update = requestEventTime()),
-      scheduleUpdateOnFiber(action, fiber, lane, update),
+      (scheduleUpdateOnFiber(action, fiber, lane),
       entangleTransitionUpdate(action, queue, lane));
   }
 }
@@ -4053,7 +4247,8 @@ function isRenderPhaseUpdate(fiber) {
   );
 }
 function enqueueRenderPhaseUpdate(queue, update) {
-  didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate = !0;
+  didScheduleRenderPhaseUpdateDuringThisPass = didScheduleRenderPhaseUpdate =
+    !0;
   var pending = queue.pending;
   null === pending
     ? (update.next = update)
@@ -4061,7 +4256,7 @@ function enqueueRenderPhaseUpdate(queue, update) {
   queue.pending = update;
 }
 function entangleTransitionUpdate(root, queue, lane) {
-  if (0 !== (lane & 4194240)) {
+  if (0 !== (lane & 4194176)) {
     var queueLanes = queue.lanes;
     queueLanes &= root.pendingLanes;
     lane |= queueLanes;
@@ -4071,6 +4266,7 @@ function entangleTransitionUpdate(root, queue, lane) {
 }
 var ContextOnlyDispatcher = {
     readContext: readContext,
+    use: use,
     useCallback: throwInvalidHookError,
     useContext: throwInvalidHookError,
     useEffect: throwInvalidHookError,
@@ -4084,14 +4280,13 @@ var ContextOnlyDispatcher = {
     useDebugValue: throwInvalidHookError,
     useDeferredValue: throwInvalidHookError,
     useTransition: throwInvalidHookError,
-    useMutableSource: throwInvalidHookError,
     useSyncExternalStore: throwInvalidHookError,
-    useId: throwInvalidHookError,
-    unstable_isNewReconciler: !1
+    useId: throwInvalidHookError
   },
   HooksDispatcherOnMount = {
     readContext: readContext,
-    useCallback: function(callback, deps) {
+    use: use,
+    useCallback: function (callback, deps) {
       mountWorkInProgressHook().memoizedState = [
         callback,
         void 0 === deps ? null : deps
@@ -4100,39 +4295,42 @@ var ContextOnlyDispatcher = {
     },
     useContext: readContext,
     useEffect: mountEffect,
-    useImperativeHandle: function(ref, create, deps) {
+    useImperativeHandle: function (ref, create, deps) {
       deps = null !== deps && void 0 !== deps ? deps.concat([ref]) : null;
-      return mountEffectImpl(
-        4,
+      mountEffectImpl(
+        4194308,
         4,
         imperativeHandleEffect.bind(null, create, ref),
         deps
       );
     },
-    useLayoutEffect: function(create, deps) {
-      return mountEffectImpl(4, 4, create, deps);
+    useLayoutEffect: function (create, deps) {
+      return mountEffectImpl(4194308, 4, create, deps);
     },
-    useInsertionEffect: function(create, deps) {
-      return mountEffectImpl(4, 2, create, deps);
+    useInsertionEffect: function (create, deps) {
+      mountEffectImpl(4, 2, create, deps);
     },
-    useMemo: function(nextCreate, deps) {
+    useMemo: function (nextCreate, deps) {
       var hook = mountWorkInProgressHook();
       deps = void 0 === deps ? null : deps;
-      nextCreate = nextCreate();
-      hook.memoizedState = [nextCreate, deps];
-      return nextCreate;
+      var nextValue = nextCreate();
+      shouldDoubleInvokeUserFnsInHooksDEV && nextCreate();
+      hook.memoizedState = [nextValue, deps];
+      return nextValue;
     },
-    useReducer: function(reducer, initialArg, init) {
+    useReducer: function (reducer, initialArg, init) {
       var hook = mountWorkInProgressHook();
-      initialArg = void 0 !== init ? init(initialArg) : initialArg;
-      hook.memoizedState = hook.baseState = initialArg;
+      if (void 0 !== init) {
+        var initialState = init(initialArg);
+        shouldDoubleInvokeUserFnsInHooksDEV && init(initialArg);
+      } else initialState = initialArg;
+      hook.memoizedState = hook.baseState = initialState;
       reducer = {
         pending: null,
-        interleaved: null,
         lanes: 0,
         dispatch: null,
         lastRenderedReducer: reducer,
-        lastRenderedState: initialArg
+        lastRenderedState: initialState
       };
       hook.queue = reducer;
       reducer = reducer.dispatch = dispatchReducerAction.bind(
@@ -4142,25 +4340,40 @@ var ContextOnlyDispatcher = {
       );
       return [hook.memoizedState, reducer];
     },
-    useRef: function(initialValue) {
+    useRef: function (initialValue) {
       var hook = mountWorkInProgressHook();
       initialValue = { current: initialValue };
       return (hook.memoizedState = initialValue);
     },
-    useState: mountState,
+    useState: function (initialState) {
+      initialState = mountStateImpl(initialState);
+      var queue = initialState.queue,
+        dispatch = dispatchSetState.bind(
+          null,
+          currentlyRenderingFiber$1,
+          queue
+        );
+      queue.dispatch = dispatch;
+      return [initialState.memoizedState, dispatch];
+    },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
-      return (mountWorkInProgressHook().memoizedState = value);
+    useDeferredValue: function (value, initialValue) {
+      var hook = mountWorkInProgressHook();
+      return mountDeferredValueImpl(hook, value, initialValue);
     },
-    useTransition: function() {
-      var _mountState = mountState(!1),
-        isPending = _mountState[0];
-      _mountState = startTransition.bind(null, _mountState[1]);
-      mountWorkInProgressHook().memoizedState = _mountState;
-      return [isPending, _mountState];
+    useTransition: function () {
+      var stateHook = mountStateImpl(!1);
+      stateHook = startTransition.bind(
+        null,
+        currentlyRenderingFiber$1,
+        stateHook.queue,
+        !0,
+        !1
+      );
+      mountWorkInProgressHook().memoizedState = stateHook;
+      return [!1, stateHook];
     },
-    useMutableSource: function() {},
-    useSyncExternalStore: function(subscribe, getSnapshot) {
+    useSyncExternalStore: function (subscribe, getSnapshot) {
       var fiber = currentlyRenderingFiber$1,
         hook = mountWorkInProgressHook();
       var nextSnapshot = getSnapshot();
@@ -4168,7 +4381,7 @@ var ContextOnlyDispatcher = {
         throw Error(
           "Expected a work-in-progress root. This is a bug in React. Please file an issue."
         );
-      0 !== (renderLanes & 30) ||
+      0 !== (workInProgressRootRenderLanes & 60) ||
         pushStoreConsistencyCheck(fiber, getSnapshot, nextSnapshot);
       hook.memoizedState = nextSnapshot;
       var inst = { value: nextSnapshot, getSnapshot: getSnapshot };
@@ -4180,23 +4393,23 @@ var ContextOnlyDispatcher = {
       pushEffect(
         9,
         updateStoreInstance.bind(null, fiber, inst, nextSnapshot, getSnapshot),
-        void 0,
+        { destroy: void 0 },
         null
       );
       return nextSnapshot;
     },
-    useId: function() {
+    useId: function () {
       var hook = mountWorkInProgressHook(),
         identifierPrefix = workInProgressRoot.identifierPrefix,
         globalClientId = globalClientIdCounter++;
       identifierPrefix =
         ":" + identifierPrefix + "r" + globalClientId.toString(32) + ":";
       return (hook.memoizedState = identifierPrefix);
-    },
-    unstable_isNewReconciler: !1
+    }
   },
   HooksDispatcherOnUpdate = {
     readContext: readContext,
+    use: use,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
@@ -4206,26 +4419,35 @@ var ContextOnlyDispatcher = {
     useMemo: updateMemo,
     useReducer: updateReducer,
     useRef: updateRef,
-    useState: function() {
+    useState: function () {
       return updateReducer(basicStateReducer);
     },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
+    useDeferredValue: function (value, initialValue) {
       var hook = updateWorkInProgressHook();
-      return updateDeferredValueImpl(hook, currentHook.memoizedState, value);
+      return updateDeferredValueImpl(
+        hook,
+        currentHook.memoizedState,
+        value,
+        initialValue
+      );
     },
-    useTransition: function() {
-      var isPending = updateReducer(basicStateReducer)[0],
+    useTransition: function () {
+      var booleanOrThenable = updateReducer(basicStateReducer)[0],
         start = updateWorkInProgressHook().memoizedState;
-      return [isPending, start];
+      return [
+        "boolean" === typeof booleanOrThenable
+          ? booleanOrThenable
+          : useThenable(booleanOrThenable),
+        start
+      ];
     },
-    useMutableSource: updateMutableSource,
     useSyncExternalStore: updateSyncExternalStore,
-    useId: updateId,
-    unstable_isNewReconciler: !1
+    useId: updateId
   },
   HooksDispatcherOnRerender = {
     readContext: readContext,
+    use: use,
     useCallback: updateCallback,
     useContext: readContext,
     useEffect: updateEffect,
@@ -4235,36 +4457,48 @@ var ContextOnlyDispatcher = {
     useMemo: updateMemo,
     useReducer: rerenderReducer,
     useRef: updateRef,
-    useState: function() {
+    useState: function () {
       return rerenderReducer(basicStateReducer);
     },
     useDebugValue: mountDebugValue,
-    useDeferredValue: function(value) {
+    useDeferredValue: function (value, initialValue) {
       var hook = updateWorkInProgressHook();
       return null === currentHook
-        ? (hook.memoizedState = value)
-        : updateDeferredValueImpl(hook, currentHook.memoizedState, value);
+        ? mountDeferredValueImpl(hook, value, initialValue)
+        : updateDeferredValueImpl(
+            hook,
+            currentHook.memoizedState,
+            value,
+            initialValue
+          );
     },
-    useTransition: function() {
-      var isPending = rerenderReducer(basicStateReducer)[0],
+    useTransition: function () {
+      var booleanOrThenable = rerenderReducer(basicStateReducer)[0],
         start = updateWorkInProgressHook().memoizedState;
-      return [isPending, start];
+      return [
+        "boolean" === typeof booleanOrThenable
+          ? booleanOrThenable
+          : useThenable(booleanOrThenable),
+        start
+      ];
     },
-    useMutableSource: updateMutableSource,
     useSyncExternalStore: updateSyncExternalStore,
-    useId: updateId,
-    unstable_isNewReconciler: !1
+    useId: updateId
   },
-  now$1 = Scheduler.unstable_now,
+  now = Scheduler.unstable_now,
   commitTime = 0,
   layoutEffectStartTime = -1,
   profilerStartTime = -1,
   passiveEffectStartTime = -1,
   currentUpdateIsNested = !1,
   nestedUpdateScheduled = !1;
+function startProfilerTimer(fiber) {
+  profilerStartTime = now();
+  0 > fiber.actualStartTime && (fiber.actualStartTime = now());
+}
 function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
   if (0 <= profilerStartTime) {
-    var elapsedTime = now$1() - profilerStartTime;
+    var elapsedTime = now() - profilerStartTime;
     fiber.actualDuration += elapsedTime;
     overrideBaseTime && (fiber.selfBaseDuration = elapsedTime);
     profilerStartTime = -1;
@@ -4272,7 +4506,7 @@ function stopProfilerTimerIfRunningAndRecordDelta(fiber, overrideBaseTime) {
 }
 function recordLayoutEffectDuration(fiber) {
   if (0 <= layoutEffectStartTime) {
-    var elapsedTime = now$1() - layoutEffectStartTime;
+    var elapsedTime = now() - layoutEffectStartTime;
     layoutEffectStartTime = -1;
     for (fiber = fiber.return; null !== fiber; ) {
       switch (fiber.tag) {
@@ -4289,7 +4523,7 @@ function recordLayoutEffectDuration(fiber) {
 }
 function recordPassiveEffectDuration(fiber) {
   if (0 <= passiveEffectStartTime) {
-    var elapsedTime = now$1() - passiveEffectStartTime;
+    var elapsedTime = now() - passiveEffectStartTime;
     passiveEffectStartTime = -1;
     for (fiber = fiber.return; null !== fiber; ) {
       switch (fiber.tag) {
@@ -4307,80 +4541,230 @@ function recordPassiveEffectDuration(fiber) {
   }
 }
 function startLayoutEffectTimer() {
-  layoutEffectStartTime = now$1();
+  layoutEffectStartTime = now();
 }
 function transferActualDuration(fiber) {
   for (var child = fiber.child; child; )
     (fiber.actualDuration += child.actualDuration), (child = child.sibling);
 }
-function createCapturedValueAtFiber(value, source) {
-  return {
-    value: value,
-    source: source,
-    stack: getStackByFiberInDevAndProd(source),
-    digest: null
-  };
-}
-function createCapturedValue(value, digest, stack) {
-  return {
-    value: value,
-    source: null,
-    stack: null != stack ? stack : null,
-    digest: null != digest ? digest : null
-  };
-}
-if (
-  "function" !==
-  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
-)
-  throw Error(
-    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
-  );
-function logCapturedError(boundary, errorInfo) {
-  try {
-    !1 !==
-      ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog({
-        componentStack: null !== errorInfo.stack ? errorInfo.stack : "",
-        error: errorInfo.value,
-        errorBoundary:
-          null !== boundary && 1 === boundary.tag ? boundary.stateNode : null
-      }) && console.error(errorInfo.value);
-  } catch (e) {
-    setTimeout(function() {
-      throw e;
-    });
+function resolveDefaultProps(Component, baseProps) {
+  if (Component && Component.defaultProps) {
+    baseProps = assign({}, baseProps);
+    Component = Component.defaultProps;
+    for (var propName in Component)
+      void 0 === baseProps[propName] &&
+        (baseProps[propName] = Component[propName]);
+    return baseProps;
   }
+  return baseProps;
 }
-var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map;
-function createRootErrorUpdate(fiber, errorInfo, lane) {
-  lane = createUpdate(-1, lane);
-  lane.tag = 3;
-  lane.payload = { element: null };
-  var error = errorInfo.value;
-  lane.callback = function() {
-    hasUncaughtError || ((hasUncaughtError = !0), (firstUncaughtError = error));
-    logCapturedError(fiber, errorInfo);
-  };
-  return lane;
+function applyDerivedStateFromProps(
+  workInProgress,
+  ctor,
+  getDerivedStateFromProps,
+  nextProps
+) {
+  ctor = workInProgress.memoizedState;
+  getDerivedStateFromProps = getDerivedStateFromProps(nextProps, ctor);
+  getDerivedStateFromProps =
+    null === getDerivedStateFromProps || void 0 === getDerivedStateFromProps
+      ? ctor
+      : assign({}, ctor, getDerivedStateFromProps);
+  workInProgress.memoizedState = getDerivedStateFromProps;
+  0 === workInProgress.lanes &&
+    (workInProgress.updateQueue.baseState = getDerivedStateFromProps);
 }
-function createClassErrorUpdate(fiber, errorInfo, lane) {
-  lane = createUpdate(-1, lane);
-  lane.tag = 3;
-  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
-  if ("function" === typeof getDerivedStateFromError) {
-    var error = errorInfo.value;
-    lane.payload = function() {
-      return getDerivedStateFromError(error);
-    };
-    lane.callback = function() {
-      logCapturedError(fiber, errorInfo);
-    };
+var classComponentUpdater = {
+  isMounted: function (component) {
+    return (component = component._reactInternals)
+      ? getNearestMountedFiber(component) === component
+      : !1;
+  },
+  enqueueSetState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueReplaceState: function (inst, payload, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.tag = 1;
+    update.payload = payload;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    payload = enqueueUpdate(inst, update, lane);
+    null !== payload &&
+      (scheduleUpdateOnFiber(payload, inst, lane),
+      entangleTransitions(payload, inst, lane));
+  },
+  enqueueForceUpdate: function (inst, callback) {
+    inst = inst._reactInternals;
+    var lane = requestUpdateLane(inst),
+      update = createUpdate(lane);
+    update.tag = 2;
+    void 0 !== callback && null !== callback && (update.callback = callback);
+    callback = enqueueUpdate(inst, update, lane);
+    null !== callback &&
+      (scheduleUpdateOnFiber(callback, inst, lane),
+      entangleTransitions(callback, inst, lane));
   }
-  var inst = fiber.stateNode;
-  null !== inst &&
-    "function" === typeof inst.componentDidCatch &&
-    (lane.callback = function() {
-      logCapturedError(fiber, errorInfo);
+};
+function checkShouldComponentUpdate(
+  workInProgress,
+  ctor,
+  oldProps,
+  newProps,
+  oldState,
+  newState,
+  nextContext
+) {
+  workInProgress = workInProgress.stateNode;
+  return "function" === typeof workInProgress.shouldComponentUpdate
+    ? workInProgress.shouldComponentUpdate(newProps, newState, nextContext)
+    : ctor.prototype && ctor.prototype.isPureReactComponent
+    ? !shallowEqual(oldProps, newProps) || !shallowEqual(oldState, newState)
+    : !0;
+}
+function constructClassInstance(workInProgress, ctor, props) {
+  var isLegacyContextConsumer = !1,
+    unmaskedContext = emptyContextObject;
+  var context = ctor.contextType;
+  "object" === typeof context && null !== context
+    ? (context = readContext(context))
+    : ((unmaskedContext = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor$1.current),
+      (isLegacyContextConsumer = ctor.contextTypes),
+      (context = (isLegacyContextConsumer =
+        null !== isLegacyContextConsumer && void 0 !== isLegacyContextConsumer)
+        ? getMaskedContext(workInProgress, unmaskedContext)
+        : emptyContextObject));
+  ctor = new ctor(props, context);
+  workInProgress.memoizedState =
+    null !== ctor.state && void 0 !== ctor.state ? ctor.state : null;
+  ctor.updater = classComponentUpdater;
+  workInProgress.stateNode = ctor;
+  ctor._reactInternals = workInProgress;
+  isLegacyContextConsumer &&
+    ((workInProgress = workInProgress.stateNode),
+    (workInProgress.__reactInternalMemoizedUnmaskedChildContext =
+      unmaskedContext),
+    (workInProgress.__reactInternalMemoizedMaskedChildContext = context));
+  return ctor;
+}
+function callComponentWillReceiveProps(
+  workInProgress,
+  instance,
+  newProps,
+  nextContext
+) {
+  workInProgress = instance.state;
+  "function" === typeof instance.componentWillReceiveProps &&
+    instance.componentWillReceiveProps(newProps, nextContext);
+  "function" === typeof instance.UNSAFE_componentWillReceiveProps &&
+    instance.UNSAFE_componentWillReceiveProps(newProps, nextContext);
+  instance.state !== workInProgress &&
+    classComponentUpdater.enqueueReplaceState(instance, instance.state, null);
+}
+function mountClassInstance(workInProgress, ctor, newProps, renderLanes) {
+  var instance = workInProgress.stateNode;
+  instance.props = newProps;
+  instance.state = workInProgress.memoizedState;
+  instance.refs = {};
+  initializeUpdateQueue(workInProgress);
+  var contextType = ctor.contextType;
+  "object" === typeof contextType && null !== contextType
+    ? (instance.context = readContext(contextType))
+    : ((contextType = isContextProvider(ctor)
+        ? previousContext
+        : contextStackCursor$1.current),
+      (instance.context = getMaskedContext(workInProgress, contextType)));
+  instance.state = workInProgress.memoizedState;
+  contextType = ctor.getDerivedStateFromProps;
+  "function" === typeof contextType &&
+    (applyDerivedStateFromProps(workInProgress, ctor, contextType, newProps),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof ctor.getDerivedStateFromProps ||
+    "function" === typeof instance.getSnapshotBeforeUpdate ||
+    ("function" !== typeof instance.UNSAFE_componentWillMount &&
+      "function" !== typeof instance.componentWillMount) ||
+    ((ctor = instance.state),
+    "function" === typeof instance.componentWillMount &&
+      instance.componentWillMount(),
+    "function" === typeof instance.UNSAFE_componentWillMount &&
+      instance.UNSAFE_componentWillMount(),
+    ctor !== instance.state &&
+      classComponentUpdater.enqueueReplaceState(instance, instance.state, null),
+    processUpdateQueue(workInProgress, newProps, instance, renderLanes),
+    (instance.state = workInProgress.memoizedState));
+  "function" === typeof instance.componentDidMount &&
+    (workInProgress.flags |= 4194308);
+}
+function createCapturedValueAtFiber(value, source) {
+  return {
+    value: value,
+    source: source,
+    stack: getStackByFiberInDevAndProd(source),
+    digest: null
+  };
+}
+if (
+  "function" !==
+  typeof ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog
+)
+  throw Error(
+    "Expected ReactFiberErrorDialog.showErrorDialog to be a function."
+  );
+function logCapturedError(boundary, errorInfo) {
+  try {
+    !1 !==
+      ReactNativePrivateInterface.ReactFiberErrorDialog.showErrorDialog({
+        componentStack: null !== errorInfo.stack ? errorInfo.stack : "",
+        error: errorInfo.value,
+        errorBoundary:
+          null !== boundary && 1 === boundary.tag ? boundary.stateNode : null
+      }) && console.error(errorInfo.value);
+  } catch (e) {
+    setTimeout(function () {
+      throw e;
+    });
+  }
+}
+function createRootErrorUpdate(fiber, errorInfo, lane) {
+  lane = createUpdate(lane);
+  lane.tag = 3;
+  lane.payload = { element: null };
+  var error = errorInfo.value;
+  lane.callback = function () {
+    hasUncaughtError || ((hasUncaughtError = !0), (firstUncaughtError = error));
+    logCapturedError(fiber, errorInfo);
+  };
+  return lane;
+}
+function createClassErrorUpdate(fiber, errorInfo, lane) {
+  lane = createUpdate(lane);
+  lane.tag = 3;
+  var getDerivedStateFromError = fiber.type.getDerivedStateFromError;
+  if ("function" === typeof getDerivedStateFromError) {
+    var error = errorInfo.value;
+    lane.payload = function () {
+      return getDerivedStateFromError(error);
+    };
+    lane.callback = function () {
+      logCapturedError(fiber, errorInfo);
+    };
+  }
+  var inst = fiber.stateNode;
+  null !== inst &&
+    "function" === typeof inst.componentDidCatch &&
+    (lane.callback = function () {
+      logCapturedError(fiber, errorInfo);
       "function" !== typeof getDerivedStateFromError &&
         (null === legacyErrorBoundariesThatAlreadyFailed
           ? (legacyErrorBoundariesThatAlreadyFailed = new Set([this]))
@@ -4392,23 +4776,158 @@ function createClassErrorUpdate(fiber, errorInfo, lane) {
     });
   return lane;
 }
-function attachPingListener(root, wakeable, lanes) {
-  var pingCache = root.pingCache;
-  if (null === pingCache) {
-    pingCache = root.pingCache = new PossiblyWeakMap();
-    var threadIDs = new Set();
-    pingCache.set(wakeable, threadIDs);
-  } else
-    (threadIDs = pingCache.get(wakeable)),
-      void 0 === threadIDs &&
-        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
-  threadIDs.has(lanes) ||
-    (threadIDs.add(lanes),
-    (pingCache = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
-    isDevToolsPresent && restorePendingUpdaters(root, lanes),
-    wakeable.then(pingCache, pingCache));
+function throwException(
+  root,
+  returnFiber,
+  sourceFiber,
+  value,
+  rootRenderLanes
+) {
+  sourceFiber.flags |= 32768;
+  isDevToolsPresent && restorePendingUpdaters(root, rootRenderLanes);
+  if (
+    null !== value &&
+    "object" === typeof value &&
+    "function" === typeof value.then
+  ) {
+    var tag = sourceFiber.tag;
+    0 !== (sourceFiber.mode & 1) ||
+      (0 !== tag && 11 !== tag && 15 !== tag) ||
+      ((tag = sourceFiber.alternate)
+        ? ((sourceFiber.updateQueue = tag.updateQueue),
+          (sourceFiber.memoizedState = tag.memoizedState),
+          (sourceFiber.lanes = tag.lanes))
+        : ((sourceFiber.updateQueue = null),
+          (sourceFiber.memoizedState = null)));
+    tag = suspenseHandlerStackCursor.current;
+    if (null !== tag) {
+      switch (tag.tag) {
+        case 13:
+          return (
+            sourceFiber.mode & 1 &&
+              (null === shellBoundary
+                ? renderDidSuspendDelayIfPossible()
+                : null === tag.alternate &&
+                  0 === workInProgressRootExitStatus &&
+                  (workInProgressRootExitStatus = 3)),
+            (tag.flags &= -257),
+            0 === (tag.mode & 1)
+              ? tag === returnFiber
+                ? (tag.flags |= 65536)
+                : ((tag.flags |= 128),
+                  (sourceFiber.flags |= 131072),
+                  (sourceFiber.flags &= -52805),
+                  1 === sourceFiber.tag &&
+                    (null === sourceFiber.alternate
+                      ? (sourceFiber.tag = 17)
+                      : ((returnFiber = createUpdate(2)),
+                        (returnFiber.tag = 2),
+                        enqueueUpdate(sourceFiber, returnFiber, 2))),
+                  (sourceFiber.lanes |= 2))
+              : ((tag.flags |= 65536), (tag.lanes = rootRenderLanes)),
+            value === noopSuspenseyCommitThenable
+              ? (tag.flags |= 16384)
+              : ((returnFiber = tag.updateQueue),
+                null === returnFiber
+                  ? (tag.updateQueue = new Set([value]))
+                  : returnFiber.add(value),
+                tag.mode & 1 &&
+                  attachPingListener(root, value, rootRenderLanes)),
+            !1
+          );
+        case 22:
+          if (tag.mode & 1)
+            return (
+              (tag.flags |= 65536),
+              value === noopSuspenseyCommitThenable
+                ? (tag.flags |= 16384)
+                : ((returnFiber = tag.updateQueue),
+                  null === returnFiber
+                    ? ((returnFiber = {
+                        transitions: null,
+                        markerInstances: null,
+                        retryQueue: new Set([value])
+                      }),
+                      (tag.updateQueue = returnFiber))
+                    : ((sourceFiber = returnFiber.retryQueue),
+                      null === sourceFiber
+                        ? (returnFiber.retryQueue = new Set([value]))
+                        : sourceFiber.add(value)),
+                  attachPingListener(root, value, rootRenderLanes)),
+              !1
+            );
+      }
+      throw Error(
+        "Unexpected Suspense handler tag (" +
+          tag.tag +
+          "). This is a bug in React."
+      );
+    }
+    if (1 === root.tag)
+      return (
+        attachPingListener(root, value, rootRenderLanes),
+        renderDidSuspendDelayIfPossible(),
+        !1
+      );
+    value = Error(
+      "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition."
+    );
+  }
+  root = value = createCapturedValueAtFiber(value, sourceFiber);
+  4 !== workInProgressRootExitStatus && (workInProgressRootExitStatus = 2);
+  null === workInProgressRootConcurrentErrors
+    ? (workInProgressRootConcurrentErrors = [root])
+    : workInProgressRootConcurrentErrors.push(root);
+  if (null === returnFiber) return !0;
+  root = returnFiber;
+  do {
+    switch (root.tag) {
+      case 3:
+        return (
+          (root.flags |= 65536),
+          (rootRenderLanes &= -rootRenderLanes),
+          (root.lanes |= rootRenderLanes),
+          (rootRenderLanes = createRootErrorUpdate(
+            root,
+            value,
+            rootRenderLanes
+          )),
+          enqueueCapturedUpdate(root, rootRenderLanes),
+          !1
+        );
+      case 1:
+        if (
+          ((returnFiber = value),
+          (sourceFiber = root.type),
+          (tag = root.stateNode),
+          0 === (root.flags & 128) &&
+            ("function" === typeof sourceFiber.getDerivedStateFromError ||
+              (null !== tag &&
+                "function" === typeof tag.componentDidCatch &&
+                (null === legacyErrorBoundariesThatAlreadyFailed ||
+                  !legacyErrorBoundariesThatAlreadyFailed.has(tag)))))
+        )
+          return (
+            (root.flags |= 65536),
+            (rootRenderLanes &= -rootRenderLanes),
+            (root.lanes |= rootRenderLanes),
+            (rootRenderLanes = createClassErrorUpdate(
+              root,
+              returnFiber,
+              rootRenderLanes
+            )),
+            enqueueCapturedUpdate(root, rootRenderLanes),
+            !1
+          );
+    }
+    root = root.return;
+  } while (null !== root);
+  return !1;
 }
 var ReactCurrentOwner$1 = ReactSharedInternals.ReactCurrentOwner,
+  SelectiveHydrationException = Error(
+    "This is not a real error. It's an implementation detail of React's selective hydration feature. If this leaks into userspace, it's a bug in React. Please file an issue."
+  ),
   didReceiveUpdate = !1;
 function reconcileChildren(current, workInProgress, nextChildren, renderLanes) {
   workInProgress.child =
@@ -4441,9 +4960,7 @@ function updateForwardRef(
   );
   if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current.updateQueue),
-      (workInProgress.flags &= -2053),
-      (current.lanes &= ~renderLanes),
+      bailoutHooks(current, workInProgress, renderLanes),
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   workInProgress.flags |= 1;
@@ -4539,60 +5056,69 @@ function updateSimpleMemoComponent(
 function updateOffscreenComponent(current, workInProgress, renderLanes) {
   var nextProps = workInProgress.pendingProps,
     nextChildren = nextProps.children,
+    nextIsDetached = 0 !== (workInProgress.stateNode._pendingVisibility & 2),
     prevState = null !== current ? current.memoizedState : null;
-  if ("hidden" === nextProps.mode)
+  markRef$1(current, workInProgress);
+  if ("hidden" === nextProps.mode || nextIsDetached) {
+    if (0 !== (workInProgress.flags & 128)) {
+      renderLanes =
+        null !== prevState ? prevState.baseLanes | renderLanes : renderLanes;
+      if (null !== current) {
+        nextProps = workInProgress.child = current.child;
+        for (nextChildren = 0; null !== nextProps; )
+          (nextChildren =
+            nextChildren | nextProps.lanes | nextProps.childLanes),
+            (nextProps = nextProps.sibling);
+        workInProgress.childLanes = nextChildren & ~renderLanes;
+      } else (workInProgress.childLanes = 0), (workInProgress.child = null);
+      return deferHiddenOffscreenComponent(
+        current,
+        workInProgress,
+        renderLanes
+      );
+    }
     if (0 === (workInProgress.mode & 1))
-      (workInProgress.memoizedState = {
-        baseLanes: 0,
-        cachePool: null,
-        transitions: null
-      }),
-        push(subtreeRenderLanesCursor, subtreeRenderLanes),
-        (subtreeRenderLanes |= renderLanes);
+      (workInProgress.memoizedState = { baseLanes: 0, cachePool: null }),
+        reuseHiddenContextOnStack();
     else {
-      if (0 === (renderLanes & 1073741824))
+      if (0 === (renderLanes & 536870912))
         return (
-          (current =
-            null !== prevState
-              ? prevState.baseLanes | renderLanes
-              : renderLanes),
-          (workInProgress.lanes = workInProgress.childLanes = 1073741824),
-          (workInProgress.memoizedState = {
-            baseLanes: current,
-            cachePool: null,
-            transitions: null
-          }),
-          (workInProgress.updateQueue = null),
-          push(subtreeRenderLanesCursor, subtreeRenderLanes),
-          (subtreeRenderLanes |= current),
-          null
+          (workInProgress.lanes = workInProgress.childLanes = 536870912),
+          deferHiddenOffscreenComponent(
+            current,
+            workInProgress,
+            null !== prevState ? prevState.baseLanes | renderLanes : renderLanes
+          )
         );
-      workInProgress.memoizedState = {
-        baseLanes: 0,
-        cachePool: null,
-        transitions: null
-      };
-      nextProps = null !== prevState ? prevState.baseLanes : renderLanes;
-      push(subtreeRenderLanesCursor, subtreeRenderLanes);
-      subtreeRenderLanes |= nextProps;
+      workInProgress.memoizedState = { baseLanes: 0, cachePool: null };
+      null !== prevState
+        ? pushHiddenContext(workInProgress, prevState)
+        : reuseHiddenContextOnStack();
     }
-  else
+    pushOffscreenSuspenseHandler(workInProgress);
+  } else
     null !== prevState
-      ? ((nextProps = prevState.baseLanes | renderLanes),
+      ? (pushHiddenContext(workInProgress, prevState),
+        reuseSuspenseHandlerOnStack(workInProgress),
         (workInProgress.memoizedState = null))
-      : (nextProps = renderLanes),
-      push(subtreeRenderLanesCursor, subtreeRenderLanes),
-      (subtreeRenderLanes |= nextProps);
+      : (reuseHiddenContextOnStack(),
+        reuseSuspenseHandlerOnStack(workInProgress));
   reconcileChildren(current, workInProgress, nextChildren, renderLanes);
   return workInProgress.child;
 }
-function markRef(current, workInProgress) {
+function deferHiddenOffscreenComponent(current, workInProgress, nextBaseLanes) {
+  workInProgress.memoizedState = { baseLanes: nextBaseLanes, cachePool: null };
+  reuseHiddenContextOnStack();
+  pushOffscreenSuspenseHandler(workInProgress);
+  return null;
+}
+function markRef$1(current, workInProgress) {
   var ref = workInProgress.ref;
   if (
     (null === current && null !== ref) ||
     (null !== current && current.ref !== ref)
   )
-    workInProgress.flags |= 512;
+    (workInProgress.flags |= 512), (workInProgress.flags |= 2097152);
 }
 function updateFunctionComponent(
   current,
@@ -4603,7 +5129,7 @@ function updateFunctionComponent(
 ) {
   var context = isContextProvider(Component)
     ? previousContext
-    : contextStackCursor.current;
+    : contextStackCursor$1.current;
   context = getMaskedContext(workInProgress, context);
   prepareToReadContext(workInProgress, renderLanes);
   Component = renderWithHooks(
@@ -4616,15 +5142,38 @@ function updateFunctionComponent(
   );
   if (null !== current && !didReceiveUpdate)
     return (
-      (workInProgress.updateQueue = current.updateQueue),
-      (workInProgress.flags &= -2053),
-      (current.lanes &= ~renderLanes),
+      bailoutHooks(current, workInProgress, renderLanes),
       bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
     );
   workInProgress.flags |= 1;
   reconcileChildren(current, workInProgress, Component, renderLanes);
   return workInProgress.child;
 }
+function replayFunctionComponent(
+  current,
+  workInProgress,
+  nextProps,
+  Component,
+  secondArg,
+  renderLanes
+) {
+  prepareToReadContext(workInProgress, renderLanes);
+  nextProps = renderWithHooksAgain(
+    workInProgress,
+    Component,
+    nextProps,
+    secondArg
+  );
+  finishRenderingHooks();
+  if (null !== current && !didReceiveUpdate)
+    return (
+      bailoutHooks(current, workInProgress, renderLanes),
+      bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes)
+    );
+  workInProgress.flags |= 1;
+  reconcileChildren(current, workInProgress, nextProps, renderLanes);
+  return workInProgress.child;
+}
 function updateClassComponent(
   current,
   workInProgress,
@@ -4652,7 +5201,7 @@ function updateClassComponent(
       ? (contextType = readContext(contextType))
       : ((contextType = isContextProvider(Component)
           ? previousContext
-          : contextStackCursor.current),
+          : contextStackCursor$1.current),
         (contextType = getMaskedContext(workInProgress, contextType)));
     var getDerivedStateFromProps = Component.getDerivedStateFromProps,
       hasNewLifecycles =
@@ -4704,9 +5253,9 @@ function updateClassComponent(
               "function" === typeof instance.UNSAFE_componentWillMount &&
                 instance.UNSAFE_componentWillMount()),
             "function" === typeof instance.componentDidMount &&
-              (workInProgress.flags |= 4))
+              (workInProgress.flags |= 4194308))
           : ("function" === typeof instance.componentDidMount &&
-              (workInProgress.flags |= 4),
+              (workInProgress.flags |= 4194308),
             (workInProgress.memoizedProps = nextProps),
             (workInProgress.memoizedState = oldContext)),
         (instance.props = nextProps),
@@ -4714,7 +5263,7 @@ function updateClassComponent(
         (instance.context = contextType),
         (nextProps = oldProps))
       : ("function" === typeof instance.componentDidMount &&
-          (workInProgress.flags |= 4),
+          (workInProgress.flags |= 4194308),
         (nextProps = !1));
   } else {
     instance = workInProgress.stateNode;
@@ -4732,7 +5281,7 @@ function updateClassComponent(
       ? (oldContext = readContext(oldContext))
       : ((oldContext = isContextProvider(Component)
           ? previousContext
-          : contextStackCursor.current),
+          : contextStackCursor$1.current),
         (oldContext = getMaskedContext(workInProgress, oldContext)));
     var getDerivedStateFromProps$jscomp$0 = Component.getDerivedStateFromProps;
     (getDerivedStateFromProps =
@@ -4832,7 +5381,7 @@ function finishClassComponent(
   hasContext,
   renderLanes
 ) {
-  markRef(current, workInProgress);
+  markRef$1(current, workInProgress);
   var didCaptureError = 0 !== (workInProgress.flags & 128);
   if (!shouldUpdate && !didCaptureError)
     return (
@@ -4882,11 +5431,19 @@ function pushHostRootContext(workInProgress) {
 }
 var SUSPENDED_MARKER = { dehydrated: null, treeContext: null, retryLane: 0 };
 function mountSuspenseOffscreenState(renderLanes) {
-  return { baseLanes: renderLanes, cachePool: null, transitions: null };
+  return { baseLanes: renderLanes, cachePool: null };
+}
+function getRemainingWorkInPrimaryTree(
+  current,
+  primaryTreeDidDefer,
+  renderLanes
+) {
+  current = null !== current ? current.childLanes & ~renderLanes : 0;
+  primaryTreeDidDefer && (current |= workInProgressDeferredLane);
+  return current;
 }
 function updateSuspenseComponent(current, workInProgress, renderLanes) {
   var nextProps = workInProgress.pendingProps,
-    suspenseContext = suspenseStackCursor.current,
     showFallback = !1,
     didSuspend = 0 !== (workInProgress.flags & 128),
     JSCompiler_temp;
@@ -4894,93 +5451,97 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     (JSCompiler_temp =
       null !== current && null === current.memoizedState
         ? !1
-        : 0 !== (suspenseContext & 2));
-  if (JSCompiler_temp) (showFallback = !0), (workInProgress.flags &= -129);
-  else if (null === current || null !== current.memoizedState)
-    suspenseContext |= 1;
-  push(suspenseStackCursor, suspenseContext & 1);
+        : 0 !== (suspenseStackCursor.current & 2));
+  JSCompiler_temp && ((showFallback = !0), (workInProgress.flags &= -129));
+  JSCompiler_temp = 0 !== (workInProgress.flags & 32);
+  workInProgress.flags &= -33;
   if (null === current) {
-    current = workInProgress.memoizedState;
-    if (null !== current && null !== current.dehydrated)
-      return (
-        0 === (workInProgress.mode & 1)
-          ? (workInProgress.lanes = 1)
-          : shim()
-          ? (workInProgress.lanes = 8)
-          : (workInProgress.lanes = 1073741824),
+    didSuspend = nextProps.children;
+    nextProps = nextProps.fallback;
+    if (showFallback) {
+      reuseSuspenseHandlerOnStack(workInProgress);
+      showFallback = workInProgress.mode;
+      var progressedPrimaryFragment = workInProgress.child;
+      didSuspend = { mode: "hidden", children: didSuspend };
+      0 === (showFallback & 1) && null !== progressedPrimaryFragment
+        ? ((progressedPrimaryFragment.childLanes = 0),
+          (progressedPrimaryFragment.pendingProps = didSuspend),
+          workInProgress.mode & 2 &&
+            ((progressedPrimaryFragment.actualDuration = 0),
+            (progressedPrimaryFragment.actualStartTime = -1),
+            (progressedPrimaryFragment.selfBaseDuration = 0),
+            (progressedPrimaryFragment.treeBaseDuration = 0)))
+        : (progressedPrimaryFragment = createFiberFromOffscreen(
+            didSuspend,
+            showFallback,
+            0,
+            null
+          ));
+      nextProps = createFiberFromFragment(
+        nextProps,
+        showFallback,
+        renderLanes,
         null
       );
-    didSuspend = nextProps.children;
-    current = nextProps.fallback;
-    return showFallback
-      ? ((nextProps = workInProgress.mode),
-        (showFallback = workInProgress.child),
-        (didSuspend = { mode: "hidden", children: didSuspend }),
-        0 === (nextProps & 1) && null !== showFallback
-          ? ((showFallback.childLanes = 0),
-            (showFallback.pendingProps = didSuspend),
-            workInProgress.mode & 2 &&
-              ((showFallback.actualDuration = 0),
-              (showFallback.actualStartTime = -1),
-              (showFallback.selfBaseDuration = 0),
-              (showFallback.treeBaseDuration = 0)))
-          : (showFallback = createFiberFromOffscreen(
-              didSuspend,
-              nextProps,
-              0,
-              null
-            )),
-        (current = createFiberFromFragment(
-          current,
-          nextProps,
-          renderLanes,
-          null
-        )),
-        (showFallback.return = workInProgress),
-        (current.return = workInProgress),
-        (showFallback.sibling = current),
-        (workInProgress.child = showFallback),
-        (workInProgress.child.memoizedState = mountSuspenseOffscreenState(
-          renderLanes
-        )),
-        (workInProgress.memoizedState = SUSPENDED_MARKER),
-        current)
-      : mountSuspensePrimaryChildren(workInProgress, didSuspend);
+      progressedPrimaryFragment.return = workInProgress;
+      nextProps.return = workInProgress;
+      progressedPrimaryFragment.sibling = nextProps;
+      workInProgress.child = progressedPrimaryFragment;
+      showFallback = workInProgress.child;
+      showFallback.memoizedState = mountSuspenseOffscreenState(renderLanes);
+      showFallback.childLanes = getRemainingWorkInPrimaryTree(
+        current,
+        JSCompiler_temp,
+        renderLanes
+      );
+      workInProgress.memoizedState = SUSPENDED_MARKER;
+      return nextProps;
+    }
+    pushPrimaryTreeSuspenseHandler(workInProgress);
+    return mountSuspensePrimaryChildren(workInProgress, didSuspend);
+  }
+  progressedPrimaryFragment = current.memoizedState;
+  if (null !== progressedPrimaryFragment) {
+    var dehydrated = progressedPrimaryFragment.dehydrated;
+    if (null !== dehydrated)
+      return updateDehydratedSuspenseComponent(
+        current,
+        workInProgress,
+        didSuspend,
+        JSCompiler_temp,
+        nextProps,
+        dehydrated,
+        progressedPrimaryFragment,
+        renderLanes
+      );
   }
-  suspenseContext = current.memoizedState;
-  if (
-    null !== suspenseContext &&
-    ((JSCompiler_temp = suspenseContext.dehydrated), null !== JSCompiler_temp)
-  )
-    return updateDehydratedSuspenseComponent(
-      current,
-      workInProgress,
-      didSuspend,
-      nextProps,
-      JSCompiler_temp,
-      suspenseContext,
-      renderLanes
-    );
   if (showFallback) {
+    reuseSuspenseHandlerOnStack(workInProgress);
     showFallback = nextProps.fallback;
     didSuspend = workInProgress.mode;
-    suspenseContext = current.child;
-    JSCompiler_temp = suspenseContext.sibling;
+    progressedPrimaryFragment = current.child;
+    dehydrated = progressedPrimaryFragment.sibling;
     var primaryChildProps = { mode: "hidden", children: nextProps.children };
-    0 === (didSuspend & 1) && workInProgress.child !== suspenseContext
+    0 === (didSuspend & 1) && workInProgress.child !== progressedPrimaryFragment
       ? ((nextProps = workInProgress.child),
         (nextProps.childLanes = 0),
         (nextProps.pendingProps = primaryChildProps),
         workInProgress.mode & 2 &&
           ((nextProps.actualDuration = 0),
           (nextProps.actualStartTime = -1),
-          (nextProps.selfBaseDuration = suspenseContext.selfBaseDuration),
-          (nextProps.treeBaseDuration = suspenseContext.treeBaseDuration)),
+          (nextProps.selfBaseDuration =
+            progressedPrimaryFragment.selfBaseDuration),
+          (nextProps.treeBaseDuration =
+            progressedPrimaryFragment.treeBaseDuration)),
         (workInProgress.deletions = null))
-      : ((nextProps = createWorkInProgress(suspenseContext, primaryChildProps)),
-        (nextProps.subtreeFlags = suspenseContext.subtreeFlags & 14680064));
-    null !== JSCompiler_temp
-      ? (showFallback = createWorkInProgress(JSCompiler_temp, showFallback))
+      : ((nextProps = createWorkInProgress(
+          progressedPrimaryFragment,
+          primaryChildProps
+        )),
+        (nextProps.subtreeFlags =
+          progressedPrimaryFragment.subtreeFlags & 31457280));
+    null !== dehydrated
+      ? (showFallback = createWorkInProgress(dehydrated, showFallback))
       : ((showFallback = createFiberFromFragment(
           showFallback,
           didSuspend,
@@ -4998,33 +5559,34 @@ function updateSuspenseComponent(current, workInProgress, renderLanes) {
     didSuspend =
       null === didSuspend
         ? mountSuspenseOffscreenState(renderLanes)
-        : {
-            baseLanes: didSuspend.baseLanes | renderLanes,
-            cachePool: null,
-            transitions: didSuspend.transitions
-          };
+        : { baseLanes: didSuspend.baseLanes | renderLanes, cachePool: null };
     showFallback.memoizedState = didSuspend;
-    showFallback.childLanes = current.childLanes & ~renderLanes;
+    showFallback.childLanes = getRemainingWorkInPrimaryTree(
+      current,
+      JSCompiler_temp,
+      renderLanes
+    );
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return nextProps;
   }
-  showFallback = current.child;
-  current = showFallback.sibling;
-  nextProps = createWorkInProgress(showFallback, {
+  pushPrimaryTreeSuspenseHandler(workInProgress);
+  JSCompiler_temp = current.child;
+  current = JSCompiler_temp.sibling;
+  JSCompiler_temp = createWorkInProgress(JSCompiler_temp, {
     mode: "visible",
     children: nextProps.children
   });
-  0 === (workInProgress.mode & 1) && (nextProps.lanes = renderLanes);
-  nextProps.return = workInProgress;
-  nextProps.sibling = null;
+  0 === (workInProgress.mode & 1) && (JSCompiler_temp.lanes = renderLanes);
+  JSCompiler_temp.return = workInProgress;
+  JSCompiler_temp.sibling = null;
   null !== current &&
     ((renderLanes = workInProgress.deletions),
     null === renderLanes
       ? ((workInProgress.deletions = [current]), (workInProgress.flags |= 16))
       : renderLanes.push(current));
-  workInProgress.child = nextProps;
+  workInProgress.child = JSCompiler_temp;
   workInProgress.memoizedState = null;
-  return nextProps;
+  return JSCompiler_temp;
 }
 function mountSuspensePrimaryChildren(workInProgress, primaryChildren) {
   primaryChildren = createFiberFromOffscreen(
@@ -5059,6 +5621,7 @@ function updateDehydratedSuspenseComponent(
   current,
   workInProgress,
   didSuspend,
+  didPrimaryChildrenDefer,
   nextProps,
   suspenseInstance,
   suspenseState,
@@ -5067,25 +5630,30 @@ function updateDehydratedSuspenseComponent(
   if (didSuspend) {
     if (workInProgress.flags & 256)
       return (
+        pushPrimaryTreeSuspenseHandler(workInProgress),
         (workInProgress.flags &= -257),
-        (suspenseState = createCapturedValue(
-          Error(
-            "There was an error while hydrating this Suspense boundary. Switched to client rendering."
-          )
-        )),
         retrySuspenseComponentWithoutHydrating(
           current,
           workInProgress,
           renderLanes,
-          suspenseState
+          {
+            value: Error(
+              "There was an error while hydrating this Suspense boundary. Switched to client rendering."
+            ),
+            source: null,
+            stack: null,
+            digest: null
+          }
         )
       );
     if (null !== workInProgress.memoizedState)
       return (
+        reuseSuspenseHandlerOnStack(workInProgress),
         (workInProgress.child = current.child),
         (workInProgress.flags |= 128),
         null
       );
+    reuseSuspenseHandlerOnStack(workInProgress);
     suspenseState = nextProps.fallback;
     didSuspend = workInProgress.mode;
     nextProps = createFiberFromOffscreen(
@@ -5107,12 +5675,17 @@ function updateDehydratedSuspenseComponent(
     workInProgress.child = nextProps;
     0 !== (workInProgress.mode & 1) &&
       reconcileChildFibers(workInProgress, current.child, null, renderLanes);
-    workInProgress.child.memoizedState = mountSuspenseOffscreenState(
+    nextProps = workInProgress.child;
+    nextProps.memoizedState = mountSuspenseOffscreenState(renderLanes);
+    nextProps.childLanes = getRemainingWorkInPrimaryTree(
+      current,
+      didPrimaryChildrenDefer,
       renderLanes
     );
     workInProgress.memoizedState = SUSPENDED_MARKER;
     return suspenseState;
   }
+  pushPrimaryTreeSuspenseHandler(workInProgress);
   if (0 === (workInProgress.mode & 1))
     return retrySuspenseComponentWithoutHydrating(
       current,
@@ -5120,92 +5693,97 @@ function updateDehydratedSuspenseComponent(
       renderLanes,
       null
     );
-  if (shim())
+  if (shim$1())
     return (
-      (suspenseState = shim().digest),
-      (suspenseState = createCapturedValue(
-        Error(
-          "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
-        ),
-        suspenseState,
-        void 0
+      (didPrimaryChildrenDefer = shim$1().digest),
+      (suspenseState = Error(
+        "The server could not finish this Suspense boundary, likely due to an error during server rendering. Switched to client rendering."
       )),
+      (suspenseState.digest = didPrimaryChildrenDefer),
       retrySuspenseComponentWithoutHydrating(
         current,
         workInProgress,
         renderLanes,
-        suspenseState
+        {
+          value: suspenseState,
+          source: null,
+          stack: null,
+          digest:
+            null != didPrimaryChildrenDefer ? didPrimaryChildrenDefer : null
+        }
       )
     );
-  didSuspend = 0 !== (renderLanes & current.childLanes);
-  if (didReceiveUpdate || didSuspend) {
-    nextProps = workInProgressRoot;
-    if (null !== nextProps) {
-      switch (renderLanes & -renderLanes) {
-        case 4:
-          didSuspend = 2;
-          break;
-        case 16:
-          didSuspend = 8;
-          break;
-        case 64:
-        case 128:
-        case 256:
-        case 512:
-        case 1024:
-        case 2048:
-        case 4096:
-        case 8192:
-        case 16384:
-        case 32768:
-        case 65536:
-        case 131072:
-        case 262144:
-        case 524288:
-        case 1048576:
-        case 2097152:
-        case 4194304:
-        case 8388608:
-        case 16777216:
-        case 33554432:
-        case 67108864:
-          didSuspend = 32;
-          break;
-        case 536870912:
-          didSuspend = 268435456;
-          break;
-        default:
-          didSuspend = 0;
-      }
-      didSuspend =
-        0 !== (didSuspend & (nextProps.suspendedLanes | renderLanes))
+  didPrimaryChildrenDefer = 0 !== (renderLanes & current.childLanes);
+  if (didReceiveUpdate || didPrimaryChildrenDefer) {
+    didPrimaryChildrenDefer = workInProgressRoot;
+    if (null !== didPrimaryChildrenDefer) {
+      nextProps = renderLanes & -renderLanes;
+      if (0 !== (nextProps & 42)) nextProps = 1;
+      else
+        switch (nextProps) {
+          case 2:
+            nextProps = 1;
+            break;
+          case 8:
+            nextProps = 4;
+            break;
+          case 32:
+            nextProps = 16;
+            break;
+          case 128:
+          case 256:
+          case 512:
+          case 1024:
+          case 2048:
+          case 4096:
+          case 8192:
+          case 16384:
+          case 32768:
+          case 65536:
+          case 131072:
+          case 262144:
+          case 524288:
+          case 1048576:
+          case 2097152:
+          case 4194304:
+          case 8388608:
+          case 16777216:
+          case 33554432:
+            nextProps = 64;
+            break;
+          case 268435456:
+            nextProps = 134217728;
+            break;
+          default:
+            nextProps = 0;
+        }
+      nextProps =
+        0 !==
+        (nextProps & (didPrimaryChildrenDefer.suspendedLanes | renderLanes))
           ? 0
-          : didSuspend;
-      0 !== didSuspend &&
-        didSuspend !== suspenseState.retryLane &&
-        ((suspenseState.retryLane = didSuspend),
-        markUpdateLaneFromFiberToRoot(current, didSuspend),
-        scheduleUpdateOnFiber(nextProps, current, didSuspend, -1));
+          : nextProps;
+      if (0 !== nextProps && nextProps !== suspenseState.retryLane)
+        throw (
+          ((suspenseState.retryLane = nextProps),
+          enqueueConcurrentRenderForLane(current, nextProps),
+          scheduleUpdateOnFiber(didPrimaryChildrenDefer, current, nextProps),
+          SelectiveHydrationException)
+        );
     }
-    renderDidSuspendDelayIfPossible();
-    suspenseState = createCapturedValue(
-      Error(
-        "This Suspense boundary received an update before it finished hydrating. This caused the boundary to switch to client rendering. The usual way to fix this is to wrap the original update in startTransition."
-      )
-    );
+    shim$1() || renderDidSuspendDelayIfPossible();
     return retrySuspenseComponentWithoutHydrating(
       current,
       workInProgress,
       renderLanes,
-      suspenseState
+      null
     );
   }
-  if (shim())
+  if (shim$1())
     return (
       (workInProgress.flags |= 128),
       (workInProgress.child = current.child),
       retryDehydratedSuspenseBoundary.bind(null, current),
-      shim(),
+      shim$1(),
       null
     );
   current = mountSuspensePrimaryChildren(workInProgress, nextProps.children);
@@ -5349,10 +5927,8 @@ function bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes) {
     workInProgress.child = renderLanes;
     for (renderLanes.return = workInProgress; null !== current.sibling; )
       (current = current.sibling),
-        (renderLanes = renderLanes.sibling = createWorkInProgress(
-          current,
-          current.pendingProps
-        )),
+        (renderLanes = renderLanes.sibling =
+          createWorkInProgress(current, current.pendingProps)),
         (renderLanes.return = workInProgress);
     renderLanes.sibling = null;
   }
@@ -5367,6 +5943,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
     case 3:
       pushHostRootContext(workInProgress);
       break;
+    case 27:
     case 5:
       pushHostContext(workInProgress);
       break;
@@ -5395,13 +5972,13 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
       if (null !== context) {
         if (null !== context.dehydrated)
           return (
-            push(suspenseStackCursor, suspenseStackCursor.current & 1),
+            pushPrimaryTreeSuspenseHandler(workInProgress),
             (workInProgress.flags |= 128),
             null
           );
         if (0 !== (renderLanes & workInProgress.child.childLanes))
           return updateSuspenseComponent(current, workInProgress, renderLanes);
-        push(suspenseStackCursor, suspenseStackCursor.current & 1);
+        pushPrimaryTreeSuspenseHandler(workInProgress);
         current = bailoutOnAlreadyFinishedWork(
           current,
           workInProgress,
@@ -5409,7 +5986,7 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
         );
         return null !== current ? current.sibling : null;
       }
-      push(suspenseStackCursor, suspenseStackCursor.current & 1);
+      pushPrimaryTreeSuspenseHandler(workInProgress);
       break;
     case 19:
       context = 0 !== (renderLanes & workInProgress.childLanes);
@@ -5439,37 +6016,76 @@ function attemptEarlyBailoutIfNoScheduledUpdate(
   }
   return bailoutOnAlreadyFinishedWork(current, workInProgress, renderLanes);
 }
-var appendAllChildren,
-  updateHostContainer,
-  updateHostComponent$1,
-  updateHostText$1;
-appendAllChildren = function(parent, workInProgress) {
-  for (var node = workInProgress.child; null !== node; ) {
-    if (5 === node.tag || 6 === node.tag) parent._children.push(node.stateNode);
-    else if (4 !== node.tag && null !== node.child) {
-      node.child.return = node;
-      node = node.child;
-      continue;
-    }
-    if (node === workInProgress) break;
-    for (; null === node.sibling; ) {
-      if (null === node.return || node.return === workInProgress) return;
-      node = node.return;
-    }
-    node.sibling.return = node.return;
-    node = node.sibling;
+var valueCursor = createCursor(null),
+  currentlyRenderingFiber = null,
+  lastContextDependency = null,
+  lastFullyObservedContext = null;
+function resetContextDependencies() {
+  lastFullyObservedContext =
+    lastContextDependency =
+    currentlyRenderingFiber =
+      null;
+}
+function popProvider(context) {
+  context._currentValue = valueCursor.current;
+  pop(valueCursor);
+}
+function scheduleContextWorkOnParentPath(parent, renderLanes, propagationRoot) {
+  for (; null !== parent; ) {
+    var alternate = parent.alternate;
+    (parent.childLanes & renderLanes) !== renderLanes
+      ? ((parent.childLanes |= renderLanes),
+        null !== alternate && (alternate.childLanes |= renderLanes))
+      : null !== alternate &&
+        (alternate.childLanes & renderLanes) !== renderLanes &&
+        (alternate.childLanes |= renderLanes);
+    if (parent === propagationRoot) break;
+    parent = parent.return;
   }
-};
-updateHostContainer = function() {};
-updateHostComponent$1 = function(current, workInProgress, type, newProps) {
-  current.memoizedProps !== newProps &&
-    (requiredContext(contextStackCursor$1.current),
-    (workInProgress.updateQueue = UPDATE_SIGNAL)) &&
-    (workInProgress.flags |= 4);
-};
-updateHostText$1 = function(current, workInProgress, oldText, newText) {
-  oldText !== newText && (workInProgress.flags |= 4);
-};
+}
+function prepareToReadContext(workInProgress, renderLanes) {
+  currentlyRenderingFiber = workInProgress;
+  lastFullyObservedContext = lastContextDependency = null;
+  workInProgress = workInProgress.dependencies;
+  null !== workInProgress &&
+    null !== workInProgress.firstContext &&
+    (0 !== (workInProgress.lanes & renderLanes) && (didReceiveUpdate = !0),
+    (workInProgress.firstContext = null));
+}
+function readContext(context) {
+  return readContextForConsumer(currentlyRenderingFiber, context);
+}
+function readContextDuringReconcilation(consumer, context, renderLanes) {
+  null === currentlyRenderingFiber &&
+    prepareToReadContext(consumer, renderLanes);
+  return readContextForConsumer(consumer, context);
+}
+function readContextForConsumer(consumer, context) {
+  var value = context._currentValue;
+  if (lastFullyObservedContext !== context)
+    if (
+      ((context = { context: context, memoizedValue: value, next: null }),
+      null === lastContextDependency)
+    ) {
+      if (null === consumer)
+        throw Error(
+          "Context can only be read while React is rendering. In classes, you can read it in the render method or getDerivedStateFromProps. In function components, you can read it directly in the function body, but not inside Hooks like useReducer() or useMemo()."
+        );
+      lastContextDependency = context;
+      consumer.dependencies = { lanes: 0, firstContext: context };
+    } else lastContextDependency = lastContextDependency.next = context;
+  return value;
+}
+var ReactCurrentBatchConfig$1 = ReactSharedInternals.ReactCurrentBatchConfig;
+function handleAsyncAction() {}
+function scheduleRetryEffect(workInProgress, retryQueue) {
+  null !== retryQueue
+    ? (workInProgress.flags |= 4)
+    : workInProgress.flags & 16384 &&
+      ((retryQueue =
+        22 !== workInProgress.tag ? claimNextRetryLane() : 536870912),
+      (workInProgress.lanes |= retryQueue));
+}
 function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
   switch (renderState.tailMode) {
     case "hidden":
@@ -5484,14 +6100,14 @@ function cutOffTailIfNeeded(renderState, hasRenderedATailFallback) {
       break;
     case "collapsed":
       lastTailNode = renderState.tail;
-      for (var lastTailNode$65 = null; null !== lastTailNode; )
-        null !== lastTailNode.alternate && (lastTailNode$65 = lastTailNode),
+      for (var lastTailNode$64 = null; null !== lastTailNode; )
+        null !== lastTailNode.alternate && (lastTailNode$64 = lastTailNode),
           (lastTailNode = lastTailNode.sibling);
-      null === lastTailNode$65
+      null === lastTailNode$64
         ? hasRenderedATailFallback || null === renderState.tail
           ? (renderState.tail = null)
           : (renderState.tail.sibling = null)
-        : (lastTailNode$65.sibling = null);
+        : (lastTailNode$64.sibling = null);
   }
 }
 function bubbleProperties(completedWork) {
@@ -5503,60 +6119,59 @@ function bubbleProperties(completedWork) {
   if (didBailout)
     if (0 !== (completedWork.mode & 2)) {
       for (
-        var treeBaseDuration$67 = completedWork.selfBaseDuration,
-          child$68 = completedWork.child;
-        null !== child$68;
+        var treeBaseDuration$66 = completedWork.selfBaseDuration,
+          child$67 = completedWork.child;
+        null !== child$67;
 
       )
-        (newChildLanes |= child$68.lanes | child$68.childLanes),
-          (subtreeFlags |= child$68.subtreeFlags & 14680064),
-          (subtreeFlags |= child$68.flags & 14680064),
-          (treeBaseDuration$67 += child$68.treeBaseDuration),
-          (child$68 = child$68.sibling);
-      completedWork.treeBaseDuration = treeBaseDuration$67;
+        (newChildLanes |= child$67.lanes | child$67.childLanes),
+          (subtreeFlags |= child$67.subtreeFlags & 31457280),
+          (subtreeFlags |= child$67.flags & 31457280),
+          (treeBaseDuration$66 += child$67.treeBaseDuration),
+          (child$67 = child$67.sibling);
+      completedWork.treeBaseDuration = treeBaseDuration$66;
     } else
       for (
-        treeBaseDuration$67 = completedWork.child;
-        null !== treeBaseDuration$67;
+        treeBaseDuration$66 = completedWork.child;
+        null !== treeBaseDuration$66;
 
       )
         (newChildLanes |=
-          treeBaseDuration$67.lanes | treeBaseDuration$67.childLanes),
-          (subtreeFlags |= treeBaseDuration$67.subtreeFlags & 14680064),
-          (subtreeFlags |= treeBaseDuration$67.flags & 14680064),
-          (treeBaseDuration$67.return = completedWork),
-          (treeBaseDuration$67 = treeBaseDuration$67.sibling);
+          treeBaseDuration$66.lanes | treeBaseDuration$66.childLanes),
+          (subtreeFlags |= treeBaseDuration$66.subtreeFlags & 31457280),
+          (subtreeFlags |= treeBaseDuration$66.flags & 31457280),
+          (treeBaseDuration$66.return = completedWork),
+          (treeBaseDuration$66 = treeBaseDuration$66.sibling);
   else if (0 !== (completedWork.mode & 2)) {
-    treeBaseDuration$67 = completedWork.actualDuration;
-    child$68 = completedWork.selfBaseDuration;
+    treeBaseDuration$66 = completedWork.actualDuration;
+    child$67 = completedWork.selfBaseDuration;
     for (var child = completedWork.child; null !== child; )
       (newChildLanes |= child.lanes | child.childLanes),
         (subtreeFlags |= child.subtreeFlags),
         (subtreeFlags |= child.flags),
-        (treeBaseDuration$67 += child.actualDuration),
-        (child$68 += child.treeBaseDuration),
+        (treeBaseDuration$66 += child.actualDuration),
+        (child$67 += child.treeBaseDuration),
         (child = child.sibling);
-    completedWork.actualDuration = treeBaseDuration$67;
-    completedWork.treeBaseDuration = child$68;
+    completedWork.actualDuration = treeBaseDuration$66;
+    completedWork.treeBaseDuration = child$67;
   } else
     for (
-      treeBaseDuration$67 = completedWork.child;
-      null !== treeBaseDuration$67;
+      treeBaseDuration$66 = completedWork.child;
+      null !== treeBaseDuration$66;
 
     )
       (newChildLanes |=
-        treeBaseDuration$67.lanes | treeBaseDuration$67.childLanes),
-        (subtreeFlags |= treeBaseDuration$67.subtreeFlags),
-        (subtreeFlags |= treeBaseDuration$67.flags),
-        (treeBaseDuration$67.return = completedWork),
-        (treeBaseDuration$67 = treeBaseDuration$67.sibling);
+        treeBaseDuration$66.lanes | treeBaseDuration$66.childLanes),
+        (subtreeFlags |= treeBaseDuration$66.subtreeFlags),
+        (subtreeFlags |= treeBaseDuration$66.flags),
+        (treeBaseDuration$66.return = completedWork),
+        (treeBaseDuration$66 = treeBaseDuration$66.sibling);
   completedWork.subtreeFlags |= subtreeFlags;
   completedWork.childLanes = newChildLanes;
   return didBailout;
 }
 function completeWork(current, workInProgress, renderLanes) {
   var newProps = workInProgress.pendingProps;
-  popTreeContext(workInProgress);
   switch (workInProgress.tag) {
     case 2:
     case 16:
@@ -5580,8 +6195,7 @@ function completeWork(current, workInProgress, renderLanes) {
         (renderLanes = workInProgress.stateNode),
         popHostContainer(),
         pop(didPerformWorkStackCursor),
-        pop(contextStackCursor),
-        resetWorkInProgressVersions(),
+        pop(contextStackCursor$1),
         renderLanes.pendingContext &&
           ((renderLanes.context = renderLanes.pendingContext),
           (renderLanes.pendingContext = null)),
@@ -5593,23 +6207,18 @@ function completeWork(current, workInProgress, renderLanes) {
           null !== hydrationErrors &&
             (queueRecoverableErrors(hydrationErrors),
             (hydrationErrors = null))),
-        updateHostContainer(current, workInProgress),
         bubbleProperties(workInProgress),
         null
       );
+    case 26:
+    case 27:
     case 5:
       popHostContext(workInProgress);
-      renderLanes = requiredContext(rootInstanceStackCursor.current);
       var type = workInProgress.type;
       if (null !== current && null != workInProgress.stateNode)
-        updateHostComponent$1(
-          current,
-          workInProgress,
-          type,
-          newProps,
-          renderLanes
-        ),
-          current.ref !== workInProgress.ref && (workInProgress.flags |= 512);
+        current.memoizedProps !== newProps && (workInProgress.flags |= 4),
+          current.ref !== workInProgress.ref &&
+            (workInProgress.flags |= 2097664);
       else {
         if (!newProps) {
           if (null === workInProgress.stateNode)
@@ -5619,8 +6228,8 @@ function completeWork(current, workInProgress, renderLanes) {
           bubbleProperties(workInProgress);
           return null;
         }
-        requiredContext(contextStackCursor$1.current);
-        current = allocateTag();
+        current = rootInstanceStackCursor.current;
+        renderLanes = allocateTag();
         type = getViewConfigForType(type);
         var updatePayload = diffProperties(
           null,
@@ -5629,57 +6238,72 @@ function completeWork(current, workInProgress, renderLanes) {
           type.validAttributes
         );
         ReactNativePrivateInterface.UIManager.createView(
-          current,
-          type.uiViewClassName,
           renderLanes,
+          type.uiViewClassName,
+          current,
           updatePayload
         );
-        renderLanes = new ReactNativeFiberHostComponent(
-          current,
+        current = new ReactNativeFiberHostComponent(
+          renderLanes,
           type,
           workInProgress
         );
-        instanceCache.set(current, workInProgress);
-        instanceProps.set(current, newProps);
-        appendAllChildren(renderLanes, workInProgress, !1, !1);
-        workInProgress.stateNode = renderLanes;
-        finalizeInitialChildren(renderLanes) && (workInProgress.flags |= 4);
-        null !== workInProgress.ref && (workInProgress.flags |= 512);
+        instanceCache.set(renderLanes, workInProgress);
+        instanceProps.set(renderLanes, newProps);
+        a: for (renderLanes = workInProgress.child; null !== renderLanes; ) {
+          if (5 === renderLanes.tag || 6 === renderLanes.tag)
+            current._children.push(renderLanes.stateNode);
+          else if (4 !== renderLanes.tag && null !== renderLanes.child) {
+            renderLanes.child.return = renderLanes;
+            renderLanes = renderLanes.child;
+            continue;
+          }
+          if (renderLanes === workInProgress) break a;
+          for (; null === renderLanes.sibling; ) {
+            if (
+              null === renderLanes.return ||
+              renderLanes.return === workInProgress
+            )
+              break a;
+            renderLanes = renderLanes.return;
+          }
+          renderLanes.sibling.return = renderLanes.return;
+          renderLanes = renderLanes.sibling;
+        }
+        workInProgress.stateNode = current;
+        finalizeInitialChildren(current) && (workInProgress.flags |= 4);
+        null !== workInProgress.ref && (workInProgress.flags |= 2097664);
       }
       bubbleProperties(workInProgress);
+      workInProgress.flags &= -16777217;
       return null;
     case 6:
       if (current && null != workInProgress.stateNode)
-        updateHostText$1(
-          current,
-          workInProgress,
-          current.memoizedProps,
-          newProps
-        );
+        current.memoizedProps !== newProps && (workInProgress.flags |= 4);
       else {
         if ("string" !== typeof newProps && null === workInProgress.stateNode)
           throw Error(
             "We must have new props for new mounts. This error is likely caused by a bug in React. Please file an issue."
           );
-        current = requiredContext(rootInstanceStackCursor.current);
-        if (!requiredContext(contextStackCursor$1.current).isInAParentText)
+        renderLanes = rootInstanceStackCursor.current;
+        if (!contextStackCursor.current.isInAParentText)
           throw Error(
             "Text strings must be rendered within a <Text> component."
           );
-        renderLanes = allocateTag();
+        current = allocateTag();
         ReactNativePrivateInterface.UIManager.createView(
-          renderLanes,
-          "RCTRawText",
           current,
+          "RCTRawText",
+          renderLanes,
           { text: newProps }
         );
-        instanceCache.set(renderLanes, workInProgress);
-        workInProgress.stateNode = renderLanes;
+        instanceCache.set(current, workInProgress);
+        workInProgress.stateNode = current;
       }
       bubbleProperties(workInProgress);
       return null;
     case 13:
-      pop(suspenseStackCursor);
+      popSuspenseHandler(workInProgress);
       newProps = workInProgress.memoizedState;
       if (
         null === current ||
@@ -5709,7 +6333,7 @@ function completeWork(current, workInProgress, renderLanes) {
           null !== hydrationErrors &&
             (queueRecoverableErrors(hydrationErrors), (hydrationErrors = null)),
             (type = !0);
-        if (!type) return workInProgress.flags & 65536 ? workInProgress : null;
+        if (!type) return workInProgress.flags & 256 ? workInProgress : null;
       }
       if (0 !== (workInProgress.flags & 128))
         return (
@@ -5721,27 +6345,17 @@ function completeWork(current, workInProgress, renderLanes) {
       renderLanes = null !== newProps;
       renderLanes !== (null !== current && null !== current.memoizedState) &&
         renderLanes &&
-        ((workInProgress.child.flags |= 8192),
-        0 !== (workInProgress.mode & 1) &&
-          (null === current || 0 !== (suspenseStackCursor.current & 1)
-            ? 0 === workInProgressRootExitStatus &&
-              (workInProgressRootExitStatus = 3)
-            : renderDidSuspendDelayIfPossible()));
-      null !== workInProgress.updateQueue && (workInProgress.flags |= 4);
+        (workInProgress.child.flags |= 8192);
+      scheduleRetryEffect(workInProgress, workInProgress.updateQueue);
       bubbleProperties(workInProgress);
       0 !== (workInProgress.mode & 2) &&
         renderLanes &&
-        ((current = workInProgress.child),
-        null !== current &&
-          (workInProgress.treeBaseDuration -= current.treeBaseDuration));
+        ((renderLanes = workInProgress.child),
+        null !== renderLanes &&
+          (workInProgress.treeBaseDuration -= renderLanes.treeBaseDuration));
       return null;
     case 4:
-      return (
-        popHostContainer(),
-        updateHostContainer(current, workInProgress),
-        bubbleProperties(workInProgress),
-        null
-      );
+      return popHostContainer(), bubbleProperties(workInProgress), null;
     case 10:
       return (
         popProvider(workInProgress.type._context),
@@ -5773,48 +6387,12 @@ function completeWork(current, workInProgress, renderLanes) {
                 workInProgress.flags |= 128;
                 cutOffTailIfNeeded(type, !1);
                 current = updatePayload.updateQueue;
-                null !== current &&
-                  ((workInProgress.updateQueue = current),
-                  (workInProgress.flags |= 4));
+                workInProgress.updateQueue = current;
+                scheduleRetryEffect(workInProgress, current);
                 workInProgress.subtreeFlags = 0;
-                current = renderLanes;
-                for (renderLanes = workInProgress.child; null !== renderLanes; )
-                  (newProps = renderLanes),
-                    (updatePayload = current),
-                    (newProps.flags &= 14680066),
-                    (type = newProps.alternate),
-                    null === type
-                      ? ((newProps.childLanes = 0),
-                        (newProps.lanes = updatePayload),
-                        (newProps.child = null),
-                        (newProps.subtreeFlags = 0),
-                        (newProps.memoizedProps = null),
-                        (newProps.memoizedState = null),
-                        (newProps.updateQueue = null),
-                        (newProps.dependencies = null),
-                        (newProps.stateNode = null),
-                        (newProps.selfBaseDuration = 0),
-                        (newProps.treeBaseDuration = 0))
-                      : ((newProps.childLanes = type.childLanes),
-                        (newProps.lanes = type.lanes),
-                        (newProps.child = type.child),
-                        (newProps.subtreeFlags = 0),
-                        (newProps.deletions = null),
-                        (newProps.memoizedProps = type.memoizedProps),
-                        (newProps.memoizedState = type.memoizedState),
-                        (newProps.updateQueue = type.updateQueue),
-                        (newProps.type = type.type),
-                        (updatePayload = type.dependencies),
-                        (newProps.dependencies =
-                          null === updatePayload
-                            ? null
-                            : {
-                                lanes: updatePayload.lanes,
-                                firstContext: updatePayload.firstContext
-                              }),
-                        (newProps.selfBaseDuration = type.selfBaseDuration),
-                        (newProps.treeBaseDuration = type.treeBaseDuration)),
-                    (renderLanes = renderLanes.sibling);
+                for (current = workInProgress.child; null !== current; )
+                  resetWorkInProgress(current, renderLanes),
+                    (current = current.sibling);
                 push(
                   suspenseStackCursor,
                   (suspenseStackCursor.current & 1) | 2
@@ -5824,7 +6402,7 @@ function completeWork(current, workInProgress, renderLanes) {
               current = current.sibling;
             }
           null !== type.tail &&
-            now() > workInProgressRootRenderTargetTime &&
+            now$1() > workInProgressRootRenderTargetTime &&
             ((workInProgress.flags |= 128),
             (newProps = !0),
             cutOffTailIfNeeded(type, !1),
@@ -5838,10 +6416,9 @@ function completeWork(current, workInProgress, renderLanes) {
             if (
               ((workInProgress.flags |= 128),
               (newProps = !0),
-              (current = current.updateQueue),
-              null !== current &&
-                ((workInProgress.updateQueue = current),
-                (workInProgress.flags |= 4)),
+              (renderLanes = current.updateQueue),
+              (workInProgress.updateQueue = renderLanes),
+              scheduleRetryEffect(workInProgress, renderLanes),
               cutOffTailIfNeeded(type, !0),
               null === type.tail &&
                 "hidden" === type.tailMode &&
@@ -5849,9 +6426,9 @@ function completeWork(current, workInProgress, renderLanes) {
             )
               return bubbleProperties(workInProgress), null;
           } else
-            2 * now() - type.renderingStartTime >
+            2 * now$1() - type.renderingStartTime >
               workInProgressRootRenderTargetTime &&
-              1073741824 !== renderLanes &&
+              536870912 !== renderLanes &&
               ((workInProgress.flags |= 128),
               (newProps = !0),
               cutOffTailIfNeeded(type, !1),
@@ -5859,9 +6436,9 @@ function completeWork(current, workInProgress, renderLanes) {
         type.isBackwards
           ? ((updatePayload.sibling = workInProgress.child),
             (workInProgress.child = updatePayload))
-          : ((current = type.last),
-            null !== current
-              ? (current.sibling = updatePayload)
+          : ((renderLanes = type.last),
+            null !== renderLanes
+              ? (renderLanes.sibling = updatePayload)
               : (workInProgress.child = updatePayload),
             (type.last = updatePayload));
       }
@@ -5870,10 +6447,13 @@ function completeWork(current, workInProgress, renderLanes) {
           (workInProgress = type.tail),
           (type.rendering = workInProgress),
           (type.tail = workInProgress.sibling),
-          (type.renderingStartTime = now()),
+          (type.renderingStartTime = now$1()),
           (workInProgress.sibling = null),
-          (current = suspenseStackCursor.current),
-          push(suspenseStackCursor, newProps ? (current & 1) | 2 : current & 1),
+          (renderLanes = suspenseStackCursor.current),
+          push(
+            suspenseStackCursor,
+            newProps ? (renderLanes & 1) | 2 : renderLanes & 1
+          ),
           workInProgress
         );
       bubbleProperties(workInProgress);
@@ -5881,16 +6461,22 @@ function completeWork(current, workInProgress, renderLanes) {
     case 22:
     case 23:
       return (
-        popRenderLanes(),
-        (renderLanes = null !== workInProgress.memoizedState),
-        null !== current &&
-          (null !== current.memoizedState) !== renderLanes &&
-          (workInProgress.flags |= 8192),
-        renderLanes && 0 !== (workInProgress.mode & 1)
-          ? 0 !== (subtreeRenderLanes & 1073741824) &&
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        (newProps = null !== workInProgress.memoizedState),
+        null !== current
+          ? (null !== current.memoizedState) !== newProps &&
+            (workInProgress.flags |= 8192)
+          : newProps && (workInProgress.flags |= 8192),
+        newProps && 0 !== (workInProgress.mode & 1)
+          ? 0 !== (renderLanes & 536870912) &&
+            0 === (workInProgress.flags & 128) &&
             (bubbleProperties(workInProgress),
             workInProgress.subtreeFlags & 6 && (workInProgress.flags |= 8192))
           : bubbleProperties(workInProgress),
+        (renderLanes = workInProgress.updateQueue),
+        null !== renderLanes &&
+          scheduleRetryEffect(workInProgress, renderLanes.retryQueue),
         null
       );
     case 24:
@@ -5905,7 +6491,6 @@ function completeWork(current, workInProgress, renderLanes) {
   );
 }
 function unwindWork(current, workInProgress) {
-  popTreeContext(workInProgress);
   switch (workInProgress.tag) {
     case 1:
       return (
@@ -5922,17 +6507,18 @@ function unwindWork(current, workInProgress) {
       return (
         popHostContainer(),
         pop(didPerformWorkStackCursor),
-        pop(contextStackCursor),
-        resetWorkInProgressVersions(),
+        pop(contextStackCursor$1),
         (current = workInProgress.flags),
         0 !== (current & 65536) && 0 === (current & 128)
           ? ((workInProgress.flags = (current & -65537) | 128), workInProgress)
           : null
       );
+    case 26:
+    case 27:
     case 5:
       return popHostContext(workInProgress), null;
     case 13:
-      pop(suspenseStackCursor);
+      popSuspenseHandler(workInProgress);
       current = workInProgress.memoizedState;
       if (
         null !== current &&
@@ -5957,31 +6543,137 @@ function unwindWork(current, workInProgress) {
       return popProvider(workInProgress.type._context), null;
     case 22:
     case 23:
-      return popRenderLanes(), null;
+      return (
+        popSuspenseHandler(workInProgress),
+        popHiddenContext(),
+        (current = workInProgress.flags),
+        current & 65536
+          ? ((workInProgress.flags = (current & -65537) | 128),
+            0 !== (workInProgress.mode & 2) &&
+              transferActualDuration(workInProgress),
+            workInProgress)
+          : null
+      );
     case 24:
       return null;
+    case 25:
+      return null;
     default:
       return null;
   }
 }
-var PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
+function unwindInterruptedWork(current, interruptedWork) {
+  switch (interruptedWork.tag) {
+    case 1:
+      current = interruptedWork.type.childContextTypes;
+      null !== current && void 0 !== current && popContext();
+      break;
+    case 3:
+      popHostContainer();
+      pop(didPerformWorkStackCursor);
+      pop(contextStackCursor$1);
+      break;
+    case 26:
+    case 27:
+    case 5:
+      popHostContext(interruptedWork);
+      break;
+    case 4:
+      popHostContainer();
+      break;
+    case 13:
+      popSuspenseHandler(interruptedWork);
+      break;
+    case 19:
+      pop(suspenseStackCursor);
+      break;
+    case 10:
+      popProvider(interruptedWork.type._context);
+      break;
+    case 22:
+    case 23:
+      popSuspenseHandler(interruptedWork), popHiddenContext();
+  }
+}
+var offscreenSubtreeIsHidden = !1,
+  offscreenSubtreeWasHidden = !1,
+  PossiblyWeakSet = "function" === typeof WeakSet ? WeakSet : Set,
   nextEffect = null,
   inProgressLanes = null,
   inProgressRoot = null;
+function shouldProfile(current) {
+  return 0 !== (current.mode & 2) && 0 !== (executionContext & 4);
+}
+function callComponentWillUnmountWithTimer(current, instance) {
+  instance.props = current.memoizedProps;
+  instance.state = current.memoizedState;
+  if (shouldProfile(current))
+    try {
+      startLayoutEffectTimer(), instance.componentWillUnmount();
+    } finally {
+      recordLayoutEffectDuration(current);
+    }
+  else instance.componentWillUnmount();
+}
+function safelyAttachRef(current, nearestMountedAncestor) {
+  try {
+    var ref = current.ref;
+    if (null !== ref) {
+      var instance = current.stateNode;
+      switch (current.tag) {
+        case 26:
+        case 27:
+        case 5:
+          var instanceToUse = getPublicInstance(instance);
+          break;
+        default:
+          instanceToUse = instance;
+      }
+      if ("function" === typeof ref)
+        if (shouldProfile(current))
+          try {
+            startLayoutEffectTimer(), (current.refCleanup = ref(instanceToUse));
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        else current.refCleanup = ref(instanceToUse);
+      else ref.current = instanceToUse;
+    }
+  } catch (error) {
+    captureCommitPhaseError(current, nearestMountedAncestor, error);
+  }
+}
 function safelyDetachRef(current, nearestMountedAncestor) {
-  var ref = current.ref;
+  var ref = current.ref,
+    refCleanup = current.refCleanup;
   if (null !== ref)
-    if ("function" === typeof ref)
+    if ("function" === typeof refCleanup)
       try {
-        if (current.mode & 2)
+        if (shouldProfile(current))
           try {
-            startLayoutEffectTimer(), ref(null);
+            startLayoutEffectTimer(), refCleanup();
           } finally {
             recordLayoutEffectDuration(current);
           }
-        else ref(null);
+        else refCleanup();
       } catch (error) {
         captureCommitPhaseError(current, nearestMountedAncestor, error);
+      } finally {
+        (current.refCleanup = null),
+          (current = current.alternate),
+          null != current && (current.refCleanup = null);
+      }
+    else if ("function" === typeof ref)
+      try {
+        if (shouldProfile(current))
+          try {
+            startLayoutEffectTimer(), ref(null);
+          } finally {
+            recordLayoutEffectDuration(current);
+          }
+        else ref(null);
+      } catch (error$85) {
+        captureCommitPhaseError(current, nearestMountedAncestor, error$85);
       }
     else ref.current = null;
 }
@@ -6005,39 +6697,43 @@ function commitBeforeMutationEffects(root, firstChild) {
       for (; null !== nextEffect; ) {
         root = nextEffect;
         try {
-          var current = root.alternate;
-          if (0 !== (root.flags & 1024))
-            switch (root.tag) {
-              case 0:
-              case 11:
-              case 15:
-                break;
-              case 1:
-                if (null !== current) {
-                  var prevProps = current.memoizedProps,
-                    prevState = current.memoizedState,
-                    instance = root.stateNode,
-                    snapshot = instance.getSnapshotBeforeUpdate(
-                      root.elementType === root.type
-                        ? prevProps
-                        : resolveDefaultProps(root.type, prevProps),
-                      prevState
-                    );
-                  instance.__reactInternalSnapshotBeforeUpdate = snapshot;
-                }
-                break;
-              case 3:
-                break;
-              case 5:
-              case 6:
-              case 4:
-              case 17:
-                break;
-              default:
+          var current = root.alternate,
+            flags = root.flags;
+          switch (root.tag) {
+            case 0:
+              break;
+            case 11:
+            case 15:
+              break;
+            case 1:
+              if (0 !== (flags & 1024) && null !== current) {
+                var prevProps = current.memoizedProps,
+                  prevState = current.memoizedState,
+                  instance = root.stateNode,
+                  snapshot = instance.getSnapshotBeforeUpdate(
+                    root.elementType === root.type
+                      ? prevProps
+                      : resolveDefaultProps(root.type, prevProps),
+                    prevState
+                  );
+                instance.__reactInternalSnapshotBeforeUpdate = snapshot;
+              }
+              break;
+            case 3:
+              break;
+            case 5:
+            case 26:
+            case 27:
+            case 6:
+            case 4:
+            case 17:
+              break;
+            default:
+              if (0 !== (flags & 1024))
                 throw Error(
                   "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
                 );
-            }
+          }
         } catch (error) {
           captureCommitPhaseError(root, root.return, error);
         }
@@ -6064,10 +6760,11 @@ function commitHookEffectListUnmount(
     var effect = (updateQueue = updateQueue.next);
     do {
       if ((effect.tag & flags) === flags) {
-        var destroy = effect.destroy;
-        effect.destroy = void 0;
+        var inst = effect.inst,
+          destroy = inst.destroy;
         void 0 !== destroy &&
-          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy);
+          ((inst.destroy = void 0),
+          safelyCallDestroy(finishedWork, nearestMountedAncestor, destroy));
       }
       effect = effect.next;
     } while (effect !== updateQueue);
@@ -6080,34 +6777,243 @@ function commitHookEffectListMount(flags, finishedWork) {
     var effect = (finishedWork = finishedWork.next);
     do {
       if ((effect.tag & flags) === flags) {
-        var create$83 = effect.create;
-        effect.destroy = create$83();
+        var create$86 = effect.create,
+          inst = effect.inst;
+        create$86 = create$86();
+        inst.destroy = create$86;
       }
       effect = effect.next;
     } while (effect !== finishedWork);
   }
 }
-function detachFiberAfterEffects(fiber) {
-  var alternate = fiber.alternate;
-  null !== alternate &&
-    ((fiber.alternate = null), detachFiberAfterEffects(alternate));
-  fiber.child = null;
-  fiber.deletions = null;
-  fiber.sibling = null;
-  fiber.stateNode = null;
-  fiber.return = null;
-  fiber.dependencies = null;
-  fiber.memoizedProps = null;
-  fiber.memoizedState = null;
-  fiber.pendingProps = null;
-  fiber.stateNode = null;
-  fiber.updateQueue = null;
+function commitHookLayoutEffects(finishedWork, hookFlags) {
+  if (shouldProfile(finishedWork)) {
+    try {
+      startLayoutEffectTimer(),
+        commitHookEffectListMount(hookFlags, finishedWork);
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+    recordLayoutEffectDuration(finishedWork);
+  } else
+    try {
+      commitHookEffectListMount(hookFlags, finishedWork);
+    } catch (error$88) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$88);
+    }
 }
-function isHostParent(fiber) {
-  return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
+function commitClassCallbacks(finishedWork) {
+  var updateQueue = finishedWork.updateQueue;
+  if (null !== updateQueue) {
+    var instance = finishedWork.stateNode;
+    try {
+      commitCallbacks(updateQueue, instance);
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+  }
 }
-function getHostSibling(fiber) {
-  a: for (;;) {
+function commitProfilerUpdate(finishedWork, current) {
+  if (executionContext & 4)
+    try {
+      var _finishedWork$memoize2 = finishedWork.memoizedProps,
+        onCommit = _finishedWork$memoize2.onCommit,
+        onRender = _finishedWork$memoize2.onRender,
+        effectDuration = finishedWork.stateNode.effectDuration;
+      _finishedWork$memoize2 = commitTime;
+      current = null === current ? "mount" : "update";
+      currentUpdateIsNested && (current = "nested-update");
+      "function" === typeof onRender &&
+        onRender(
+          finishedWork.memoizedProps.id,
+          current,
+          finishedWork.actualDuration,
+          finishedWork.treeBaseDuration,
+          finishedWork.actualStartTime,
+          _finishedWork$memoize2
+        );
+      "function" === typeof onCommit &&
+        onCommit(
+          finishedWork.memoizedProps.id,
+          current,
+          effectDuration,
+          _finishedWork$memoize2
+        );
+      enqueuePendingPassiveProfilerEffect(finishedWork);
+      var parentFiber = finishedWork.return;
+      a: for (; null !== parentFiber; ) {
+        switch (parentFiber.tag) {
+          case 3:
+            parentFiber.stateNode.effectDuration += effectDuration;
+            break a;
+          case 12:
+            parentFiber.stateNode.effectDuration += effectDuration;
+            break a;
+        }
+        parentFiber = parentFiber.return;
+      }
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+}
+function commitLayoutEffectOnFiber(finishedRoot, current, finishedWork) {
+  var flags = finishedWork.flags;
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 4 && commitHookLayoutEffects(finishedWork, 5);
+      break;
+    case 1:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      if (flags & 4)
+        if (((finishedRoot = finishedWork.stateNode), null === current))
+          if (shouldProfile(finishedWork)) {
+            try {
+              startLayoutEffectTimer(), finishedRoot.componentDidMount();
+            } catch (error) {
+              captureCommitPhaseError(finishedWork, finishedWork.return, error);
+            }
+            recordLayoutEffectDuration(finishedWork);
+          } else
+            try {
+              finishedRoot.componentDidMount();
+            } catch (error$89) {
+              captureCommitPhaseError(
+                finishedWork,
+                finishedWork.return,
+                error$89
+              );
+            }
+        else {
+          var prevProps =
+            finishedWork.elementType === finishedWork.type
+              ? current.memoizedProps
+              : resolveDefaultProps(finishedWork.type, current.memoizedProps);
+          current = current.memoizedState;
+          if (shouldProfile(finishedWork)) {
+            try {
+              startLayoutEffectTimer(),
+                finishedRoot.componentDidUpdate(
+                  prevProps,
+                  current,
+                  finishedRoot.__reactInternalSnapshotBeforeUpdate
+                );
+            } catch (error$90) {
+              captureCommitPhaseError(
+                finishedWork,
+                finishedWork.return,
+                error$90
+              );
+            }
+            recordLayoutEffectDuration(finishedWork);
+          } else
+            try {
+              finishedRoot.componentDidUpdate(
+                prevProps,
+                current,
+                finishedRoot.__reactInternalSnapshotBeforeUpdate
+              );
+            } catch (error$91) {
+              captureCommitPhaseError(
+                finishedWork,
+                finishedWork.return,
+                error$91
+              );
+            }
+        }
+      flags & 64 && commitClassCallbacks(finishedWork);
+      flags & 512 && safelyAttachRef(finishedWork, finishedWork.return);
+      break;
+    case 3:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      if (flags & 64 && ((flags = finishedWork.updateQueue), null !== flags)) {
+        finishedRoot = null;
+        if (null !== finishedWork.child)
+          switch (finishedWork.child.tag) {
+            case 27:
+            case 5:
+              finishedRoot = getPublicInstance(finishedWork.child.stateNode);
+              break;
+            case 1:
+              finishedRoot = finishedWork.child.stateNode;
+          }
+        try {
+          commitCallbacks(flags, finishedRoot);
+        } catch (error) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error);
+        }
+      }
+      break;
+    case 26:
+    case 27:
+    case 5:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 512 && safelyAttachRef(finishedWork, finishedWork.return);
+      break;
+    case 12:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 4 && commitProfilerUpdate(finishedWork, current);
+      break;
+    case 13:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      break;
+    case 22:
+      if (0 !== (finishedWork.mode & 1)) {
+        if (
+          ((prevProps =
+            null !== finishedWork.memoizedState || offscreenSubtreeIsHidden),
+          !prevProps)
+        ) {
+          current =
+            (null !== current && null !== current.memoizedState) ||
+            offscreenSubtreeWasHidden;
+          var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
+            prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+          offscreenSubtreeIsHidden = prevProps;
+          (offscreenSubtreeWasHidden = current) &&
+          !prevOffscreenSubtreeWasHidden
+            ? recursivelyTraverseReappearLayoutEffects(
+                finishedRoot,
+                finishedWork,
+                0 !== (finishedWork.subtreeFlags & 8772)
+              )
+            : recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+          offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+          offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+        }
+      } else recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+      flags & 512 &&
+        ("manual" === finishedWork.memoizedProps.mode
+          ? safelyAttachRef(finishedWork, finishedWork.return)
+          : safelyDetachRef(finishedWork, finishedWork.return));
+      break;
+    default:
+      recursivelyTraverseLayoutEffects(finishedRoot, finishedWork);
+  }
+}
+function detachFiberAfterEffects(fiber) {
+  var alternate = fiber.alternate;
+  null !== alternate &&
+    ((fiber.alternate = null), detachFiberAfterEffects(alternate));
+  fiber.child = null;
+  fiber.deletions = null;
+  fiber.sibling = null;
+  fiber.stateNode = null;
+  fiber.return = null;
+  fiber.dependencies = null;
+  fiber.memoizedProps = null;
+  fiber.memoizedState = null;
+  fiber.pendingProps = null;
+  fiber.stateNode = null;
+  fiber.updateQueue = null;
+}
+function isHostParent(fiber) {
+  return 5 === fiber.tag || 3 === fiber.tag || 4 === fiber.tag;
+}
+function getHostSibling(fiber) {
+  a: for (;;) {
     for (; null === fiber.sibling; ) {
       if (null === fiber.return || isHostParent(fiber.return)) return null;
       fiber = fiber.return;
@@ -6226,8 +7132,11 @@ function commitDeletionEffectsOnFiber(
       injectedHook.onCommitFiberUnmount(rendererID, deletedFiber);
     } catch (err) {}
   switch (deletedFiber.tag) {
+    case 26:
+    case 27:
     case 5:
-      safelyDetachRef(deletedFiber, nearestMountedAncestor);
+      offscreenSubtreeWasHidden ||
+        safelyDetachRef(deletedFiber, nearestMountedAncestor);
     case 6:
       var prevHostParent = hostParent,
         prevHostParentIsContainer = hostParentIsContainer;
@@ -6269,7 +7178,7 @@ function commitDeletionEffectsOnFiber(
             )));
       break;
     case 18:
-      null !== hostParent && shim(hostParent, deletedFiber.stateNode);
+      null !== hostParent && shim$1();
       break;
     case 4:
       prevHostParent = hostParent;
@@ -6288,33 +7197,42 @@ function commitDeletionEffectsOnFiber(
     case 11:
     case 14:
     case 15:
-      prevHostParent = deletedFiber.updateQueue;
       if (
+        !offscreenSubtreeWasHidden &&
+        ((prevHostParent = deletedFiber.updateQueue),
         null !== prevHostParent &&
-        ((prevHostParent = prevHostParent.lastEffect), null !== prevHostParent)
+          ((prevHostParent = prevHostParent.lastEffect),
+          null !== prevHostParent))
       ) {
         prevHostParentIsContainer = prevHostParent = prevHostParent.next;
         do {
-          var _effect = prevHostParentIsContainer,
-            destroy = _effect.destroy;
-          _effect = _effect.tag;
+          var tag = prevHostParentIsContainer.tag,
+            inst = prevHostParentIsContainer.inst,
+            destroy = inst.destroy;
           void 0 !== destroy &&
-            (0 !== (_effect & 2)
-              ? safelyCallDestroy(deletedFiber, nearestMountedAncestor, destroy)
-              : 0 !== (_effect & 4) &&
-                (deletedFiber.mode & 2
+            (0 !== (tag & 2)
+              ? ((inst.destroy = void 0),
+                safelyCallDestroy(
+                  deletedFiber,
+                  nearestMountedAncestor,
+                  destroy
+                ))
+              : 0 !== (tag & 4) &&
+                (shouldProfile(deletedFiber)
                   ? (startLayoutEffectTimer(),
+                    (inst.destroy = void 0),
                     safelyCallDestroy(
                       deletedFiber,
                       nearestMountedAncestor,
                       destroy
                     ),
                     recordLayoutEffectDuration(deletedFiber))
-                  : safelyCallDestroy(
+                  : ((inst.destroy = void 0),
+                    safelyCallDestroy(
                       deletedFiber,
                       nearestMountedAncestor,
                       destroy
-                    )));
+                    ))));
           prevHostParentIsContainer = prevHostParentIsContainer.next;
         } while (prevHostParentIsContainer !== prevHostParent);
       }
@@ -6325,21 +7243,14 @@ function commitDeletionEffectsOnFiber(
       );
       break;
     case 1:
-      safelyDetachRef(deletedFiber, nearestMountedAncestor);
-      prevHostParent = deletedFiber.stateNode;
-      if ("function" === typeof prevHostParent.componentWillUnmount)
+      if (
+        !offscreenSubtreeWasHidden &&
+        (safelyDetachRef(deletedFiber, nearestMountedAncestor),
+        (prevHostParent = deletedFiber.stateNode),
+        "function" === typeof prevHostParent.componentWillUnmount)
+      )
         try {
-          if (
-            ((prevHostParent.props = deletedFiber.memoizedProps),
-            (prevHostParent.state = deletedFiber.memoizedState),
-            deletedFiber.mode & 2)
-          )
-            try {
-              startLayoutEffectTimer(), prevHostParent.componentWillUnmount();
-            } finally {
-              recordLayoutEffectDuration(deletedFiber);
-            }
-          else prevHostParent.componentWillUnmount();
+          callComponentWillUnmountWithTimer(deletedFiber, prevHostParent);
         } catch (error) {
           captureCommitPhaseError(deletedFiber, nearestMountedAncestor, error);
         }
@@ -6357,11 +7268,22 @@ function commitDeletionEffectsOnFiber(
       );
       break;
     case 22:
-      recursivelyTraverseDeletionEffects(
-        finishedRoot,
-        nearestMountedAncestor,
-        deletedFiber
-      );
+      safelyDetachRef(deletedFiber, nearestMountedAncestor);
+      deletedFiber.mode & 1
+        ? ((offscreenSubtreeWasHidden =
+            (prevHostParent = offscreenSubtreeWasHidden) ||
+            null !== deletedFiber.memoizedState),
+          recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          ),
+          (offscreenSubtreeWasHidden = prevHostParent))
+        : recursivelyTraverseDeletionEffects(
+            finishedRoot,
+            nearestMountedAncestor,
+            deletedFiber
+          );
       break;
     default:
       recursivelyTraverseDeletionEffects(
@@ -6371,29 +7293,47 @@ function commitDeletionEffectsOnFiber(
       );
   }
 }
-function attachSuspenseRetryListeners(finishedWork) {
-  var wakeables = finishedWork.updateQueue;
-  if (null !== wakeables) {
-    finishedWork.updateQueue = null;
-    var retryCache = finishedWork.stateNode;
-    null === retryCache &&
-      (retryCache = finishedWork.stateNode = new PossiblyWeakSet());
-    wakeables.forEach(function(wakeable) {
-      var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
-      if (!retryCache.has(wakeable)) {
-        retryCache.add(wakeable);
-        if (isDevToolsPresent)
-          if (null !== inProgressLanes && null !== inProgressRoot)
-            restorePendingUpdaters(inProgressRoot, inProgressLanes);
-          else
-            throw Error(
-              "Expected finished root and lanes to be set. This is a bug in React."
-            );
-        wakeable.then(retry, retry);
-      }
-    });
+function getRetryCache(finishedWork) {
+  switch (finishedWork.tag) {
+    case 13:
+    case 19:
+      var retryCache = finishedWork.stateNode;
+      null === retryCache &&
+        (retryCache = finishedWork.stateNode = new PossiblyWeakSet());
+      return retryCache;
+    case 22:
+      return (
+        (finishedWork = finishedWork.stateNode),
+        (retryCache = finishedWork._retryCache),
+        null === retryCache &&
+          (retryCache = finishedWork._retryCache = new PossiblyWeakSet()),
+        retryCache
+      );
+    default:
+      throw Error(
+        "Unexpected Suspense handler tag (" +
+          finishedWork.tag +
+          "). This is a bug in React."
+      );
   }
 }
+function attachSuspenseRetryListeners(finishedWork, wakeables) {
+  var retryCache = getRetryCache(finishedWork);
+  wakeables.forEach(function (wakeable) {
+    var retry = resolveRetryWakeable.bind(null, finishedWork, wakeable);
+    if (!retryCache.has(wakeable)) {
+      retryCache.add(wakeable);
+      if (isDevToolsPresent)
+        if (null !== inProgressLanes && null !== inProgressRoot)
+          restorePendingUpdaters(inProgressRoot, inProgressLanes);
+        else
+          throw Error(
+            "Expected finished root and lanes to be set. This is a bug in React."
+          );
+      wakeable.then(retry, retry);
+    }
+  });
+}
 function commitMutationEffects(root, finishedWork, committedLanes) {
   inProgressLanes = committedLanes;
   inProgressRoot = root;
@@ -6411,6 +7351,7 @@ function recursivelyTraverseMutationEffects(root$jscomp$0, parentFiber) {
           parent = returnFiber;
         a: for (; null !== parent; ) {
           switch (parent.tag) {
+            case 27:
             case 5:
               hostParent = parent.stateNode;
               hostParentIsContainer = !1;
@@ -6462,26 +7403,26 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
         } catch (error) {
           captureCommitPhaseError(finishedWork, finishedWork.return, error);
         }
-        if (finishedWork.mode & 2) {
+        if (shouldProfile(finishedWork)) {
           try {
             startLayoutEffectTimer(),
               commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$95) {
+          } catch (error$100) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$95
+              error$100
             );
           }
           recordLayoutEffectDuration(finishedWork);
         } else
           try {
             commitHookEffectListUnmount(5, finishedWork, finishedWork.return);
-          } catch (error$96) {
+          } catch (error$101) {
             captureCommitPhaseError(
               finishedWork,
               finishedWork.return,
-              error$96
+              error$101
             );
           }
       }
@@ -6492,43 +7433,45 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
       flags & 512 &&
         null !== current &&
         safelyDetachRef(current, current.return);
+      flags & 64 &&
+        offscreenSubtreeIsHidden &&
+        ((finishedWork = finishedWork.updateQueue),
+        null !== finishedWork &&
+          ((flags = finishedWork.callbacks),
+          null !== flags &&
+            ((current = finishedWork.shared.hiddenCallbacks),
+            (finishedWork.shared.hiddenCallbacks =
+              null === current ? flags : current.concat(flags)))));
       break;
+    case 26:
+    case 27:
     case 5:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
       flags & 512 &&
         null !== current &&
         safelyDetachRef(current, current.return);
-      if (flags & 4) {
-        var instance$98 = finishedWork.stateNode;
-        if (null != instance$98) {
-          var newProps = finishedWork.memoizedProps,
-            oldProps = null !== current ? current.memoizedProps : newProps,
-            updatePayload = finishedWork.updateQueue;
-          finishedWork.updateQueue = null;
-          if (null !== updatePayload)
-            try {
-              var viewConfig = instance$98.viewConfig;
-              instanceProps.set(instance$98._nativeTag, newProps);
-              var updatePayload$jscomp$0 = diffProperties(
-                null,
-                oldProps,
-                newProps,
-                viewConfig.validAttributes
-              );
-              null != updatePayload$jscomp$0 &&
-                ReactNativePrivateInterface.UIManager.updateView(
-                  instance$98._nativeTag,
-                  viewConfig.uiViewClassName,
-                  updatePayload$jscomp$0
-                );
-            } catch (error$99) {
-              captureCommitPhaseError(
-                finishedWork,
-                finishedWork.return,
-                error$99
-              );
-            }
+      if (flags & 4 && ((flags = finishedWork.stateNode), null != flags)) {
+        var newProps = finishedWork.memoizedProps;
+        current = null !== current ? current.memoizedProps : newProps;
+        finishedWork.updateQueue = null;
+        try {
+          var viewConfig = flags.viewConfig;
+          instanceProps.set(flags._nativeTag, newProps);
+          var updatePayload = diffProperties(
+            null,
+            current,
+            newProps,
+            viewConfig.validAttributes
+          );
+          null != updatePayload &&
+            ReactNativePrivateInterface.UIManager.updateView(
+              flags._nativeTag,
+              viewConfig.uiViewClassName,
+              updatePayload
+            );
+        } catch (error$104) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$104);
         }
       }
       break;
@@ -6540,16 +7483,16 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
           throw Error(
             "This should have a text node initialized. This error is likely caused by a bug in React. Please file an issue."
           );
-        viewConfig = finishedWork.stateNode;
-        updatePayload$jscomp$0 = finishedWork.memoizedProps;
+        flags = finishedWork.stateNode;
+        current = finishedWork.memoizedProps;
         try {
           ReactNativePrivateInterface.UIManager.updateView(
-            viewConfig,
+            flags,
             "RCTRawText",
-            { text: updatePayload$jscomp$0 }
+            { text: current }
           );
-        } catch (error$100) {
-          captureCommitPhaseError(finishedWork, finishedWork.return, error$100);
+        } catch (error$105) {
+          captureCommitPhaseError(finishedWork, finishedWork.return, error$105);
         }
       }
       break;
@@ -6564,49 +7507,75 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
     case 13:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      viewConfig = finishedWork.child;
-      viewConfig.flags & 8192 &&
-        ((updatePayload$jscomp$0 = null !== viewConfig.memoizedState),
-        (viewConfig.stateNode.isHidden = updatePayload$jscomp$0),
-        !updatePayload$jscomp$0 ||
-          (null !== viewConfig.alternate &&
-            null !== viewConfig.alternate.memoizedState) ||
-          (globalMostRecentFallbackTime = now()));
-      flags & 4 && attachSuspenseRetryListeners(finishedWork);
+      finishedWork.child.flags & 8192 &&
+        ((current = null !== current && null !== current.memoizedState),
+        null === finishedWork.memoizedState ||
+          current ||
+          (globalMostRecentFallbackTime = now$1()));
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((finishedWork.updateQueue = null),
+          attachSuspenseRetryListeners(finishedWork, flags)));
       break;
     case 22:
-      recursivelyTraverseMutationEffects(root, finishedWork);
+      flags & 512 &&
+        null !== current &&
+        safelyDetachRef(current, current.return);
+      viewConfig = null !== finishedWork.memoizedState;
+      updatePayload = null !== current && null !== current.memoizedState;
+      if (finishedWork.mode & 1) {
+        var prevOffscreenSubtreeIsHidden = offscreenSubtreeIsHidden,
+          prevOffscreenSubtreeWasHidden = offscreenSubtreeWasHidden;
+        offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden || viewConfig;
+        offscreenSubtreeWasHidden =
+          prevOffscreenSubtreeWasHidden || updatePayload;
+        recursivelyTraverseMutationEffects(root, finishedWork);
+        offscreenSubtreeWasHidden = prevOffscreenSubtreeWasHidden;
+        offscreenSubtreeIsHidden = prevOffscreenSubtreeIsHidden;
+      } else recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      if (flags & 8192)
-        a: for (
-          viewConfig = null !== finishedWork.memoizedState,
-            finishedWork.stateNode.isHidden = viewConfig,
-            updatePayload$jscomp$0 = null,
-            current = finishedWork;
-          ;
-
-        ) {
-          if (5 === current.tag) {
-            if (null === updatePayload$jscomp$0) {
-              updatePayload$jscomp$0 = current;
+      root = finishedWork.stateNode;
+      root._current = finishedWork;
+      root._visibility &= -3;
+      root._visibility |= root._pendingVisibility & 2;
+      if (
+        flags & 8192 &&
+        ((root._visibility = viewConfig
+          ? root._visibility & -2
+          : root._visibility | 1),
+        viewConfig &&
+          ((root = offscreenSubtreeIsHidden || offscreenSubtreeWasHidden),
+          null === current ||
+            updatePayload ||
+            root ||
+            (0 !== (finishedWork.mode & 1) &&
+              recursivelyTraverseDisappearLayoutEffects(finishedWork))),
+        null === finishedWork.memoizedProps ||
+          "manual" !== finishedWork.memoizedProps.mode)
+      )
+        a: for (current = null, root = finishedWork; ; ) {
+          if (5 === root.tag) {
+            if (null === current) {
+              current = root;
               try {
-                if (((instance$98 = current.stateNode), viewConfig))
-                  (newProps = instance$98.viewConfig),
-                    (oldProps = diffProperties(
-                      null,
-                      emptyObject,
-                      { style: { display: "none" } },
-                      newProps.validAttributes
-                    )),
-                    ReactNativePrivateInterface.UIManager.updateView(
-                      instance$98._nativeTag,
-                      newProps.uiViewClassName,
-                      oldProps
-                    );
-                else {
-                  updatePayload = current.stateNode;
-                  var props = current.memoizedProps,
-                    viewConfig$jscomp$0 = updatePayload.viewConfig,
+                if (((newProps = root.stateNode), viewConfig)) {
+                  var viewConfig$jscomp$0 = newProps.viewConfig;
+                  var updatePayload$jscomp$0 = diffProperties(
+                    null,
+                    emptyObject,
+                    { style: { display: "none" } },
+                    viewConfig$jscomp$0.validAttributes
+                  );
+                  ReactNativePrivateInterface.UIManager.updateView(
+                    newProps._nativeTag,
+                    viewConfig$jscomp$0.uiViewClassName,
+                    updatePayload$jscomp$0
+                  );
+                } else {
+                  var instance = root.stateNode,
+                    props = root.memoizedProps,
+                    viewConfig$jscomp$1 = instance.viewConfig,
                     prevProps = assign({}, props, {
                       style: [props.style, { display: "none" }]
                     });
@@ -6614,11 +7583,11 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                     null,
                     prevProps,
                     props,
-                    viewConfig$jscomp$0.validAttributes
+                    viewConfig$jscomp$1.validAttributes
                   );
                   ReactNativePrivateInterface.UIManager.updateView(
-                    updatePayload._nativeTag,
-                    viewConfig$jscomp$0.uiViewClassName,
+                    instance._nativeTag,
+                    viewConfig$jscomp$1.uiViewClassName,
                     updatePayload$jscomp$1
                   );
                 }
@@ -6630,44 +7599,53 @@ function commitMutationEffectsOnFiber(finishedWork, root) {
                 );
               }
             }
-          } else if (6 === current.tag) {
-            if (null === updatePayload$jscomp$0)
+          } else if (6 === root.tag) {
+            if (null === current)
               try {
                 throw Error("Not yet implemented.");
-              } catch (error$90) {
+              } catch (error$94) {
                 captureCommitPhaseError(
                   finishedWork,
                   finishedWork.return,
-                  error$90
+                  error$94
                 );
               }
           } else if (
-            ((22 !== current.tag && 23 !== current.tag) ||
-              null === current.memoizedState ||
-              current === finishedWork) &&
-            null !== current.child
+            ((22 !== root.tag && 23 !== root.tag) ||
+              null === root.memoizedState ||
+              root === finishedWork) &&
+            null !== root.child
           ) {
-            current.child.return = current;
-            current = current.child;
+            root.child.return = root;
+            root = root.child;
             continue;
           }
-          if (current === finishedWork) break a;
-          for (; null === current.sibling; ) {
-            if (null === current.return || current.return === finishedWork)
-              break a;
-            updatePayload$jscomp$0 === current &&
-              (updatePayload$jscomp$0 = null);
-            current = current.return;
+          if (root === finishedWork) break a;
+          for (; null === root.sibling; ) {
+            if (null === root.return || root.return === finishedWork) break a;
+            current === root && (current = null);
+            root = root.return;
           }
-          updatePayload$jscomp$0 === current && (updatePayload$jscomp$0 = null);
-          current.sibling.return = current.return;
-          current = current.sibling;
+          current === root && (current = null);
+          root.sibling.return = root.return;
+          root = root.sibling;
         }
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((current = flags.retryQueue),
+          null !== current &&
+            ((flags.retryQueue = null),
+            attachSuspenseRetryListeners(finishedWork, current))));
       break;
     case 19:
       recursivelyTraverseMutationEffects(root, finishedWork);
       commitReconciliationEffects(finishedWork);
-      flags & 4 && attachSuspenseRetryListeners(finishedWork);
+      flags & 4 &&
+        ((flags = finishedWork.updateQueue),
+        null !== flags &&
+          ((finishedWork.updateQueue = null),
+          attachSuspenseRetryListeners(finishedWork, flags)));
       break;
     case 21:
       break;
@@ -6693,6 +7671,7 @@ function commitReconciliationEffects(finishedWork) {
         );
       }
       switch (JSCompiler_inline_result.tag) {
+        case 27:
         case 5:
           var parent$jscomp$0 = JSCompiler_inline_result.stateNode;
           JSCompiler_inline_result.flags & 32 &&
@@ -6702,12 +7681,12 @@ function commitReconciliationEffects(finishedWork) {
           break;
         case 3:
         case 4:
-          var parent$91 = JSCompiler_inline_result.stateNode.containerInfo,
-            before$92 = getHostSibling(finishedWork);
+          var parent$95 = JSCompiler_inline_result.stateNode.containerInfo,
+            before$96 = getHostSibling(finishedWork);
           insertOrAppendPlacementNodeIntoContainer(
             finishedWork,
-            before$92,
-            parent$91
+            before$96,
+            parent$95
           );
           break;
         default:
@@ -6725,214 +7704,464 @@ function commitReconciliationEffects(finishedWork) {
 function commitLayoutEffects(finishedWork, root, committedLanes) {
   inProgressLanes = committedLanes;
   inProgressRoot = root;
-  for (nextEffect = finishedWork; null !== nextEffect; )
-    if (
-      ((root = nextEffect),
-      (committedLanes = root.child),
-      0 !== (root.subtreeFlags & 8772) && null !== committedLanes)
-    )
-      (committedLanes.return = root), (nextEffect = committedLanes);
-    else
-      for (root = finishedWork; null !== nextEffect; ) {
-        committedLanes = nextEffect;
-        if (0 !== (committedLanes.flags & 8772)) {
-          var current = committedLanes.alternate;
+  commitLayoutEffectOnFiber(root, finishedWork.alternate, finishedWork);
+  inProgressRoot = inProgressLanes = null;
+}
+function recursivelyTraverseLayoutEffects(root, parentFiber) {
+  if (parentFiber.subtreeFlags & 8772)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitLayoutEffectOnFiber(root, parentFiber.alternate, parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function recursivelyTraverseDisappearLayoutEffects(parentFiber) {
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var finishedWork = parentFiber;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 14:
+      case 15:
+        if (shouldProfile(finishedWork))
           try {
-            if (0 !== (committedLanes.flags & 8772))
-              switch (committedLanes.tag) {
-                case 0:
-                case 11:
-                case 15:
-                  if (committedLanes.mode & 2)
-                    try {
-                      startLayoutEffectTimer(),
-                        commitHookEffectListMount(5, committedLanes);
-                    } finally {
-                      recordLayoutEffectDuration(committedLanes);
-                    }
-                  else commitHookEffectListMount(5, committedLanes);
-                  break;
-                case 1:
-                  var instance = committedLanes.stateNode;
-                  if (committedLanes.flags & 4)
-                    if (null === current)
-                      if (committedLanes.mode & 2)
-                        try {
-                          startLayoutEffectTimer(),
-                            instance.componentDidMount();
-                        } finally {
-                          recordLayoutEffectDuration(committedLanes);
-                        }
-                      else instance.componentDidMount();
-                    else {
-                      var prevProps =
-                          committedLanes.elementType === committedLanes.type
-                            ? current.memoizedProps
-                            : resolveDefaultProps(
-                                committedLanes.type,
-                                current.memoizedProps
-                              ),
-                        prevState = current.memoizedState;
-                      if (committedLanes.mode & 2)
-                        try {
-                          startLayoutEffectTimer(),
-                            instance.componentDidUpdate(
-                              prevProps,
-                              prevState,
-                              instance.__reactInternalSnapshotBeforeUpdate
-                            );
-                        } finally {
-                          recordLayoutEffectDuration(committedLanes);
-                        }
-                      else
-                        instance.componentDidUpdate(
-                          prevProps,
-                          prevState,
-                          instance.__reactInternalSnapshotBeforeUpdate
-                        );
-                    }
-                  var updateQueue = committedLanes.updateQueue;
-                  null !== updateQueue &&
-                    commitUpdateQueue(committedLanes, updateQueue, instance);
-                  break;
-                case 3:
-                  var updateQueue$85 = committedLanes.updateQueue;
-                  if (null !== updateQueue$85) {
-                    var instance$86 = null;
-                    if (null !== committedLanes.child)
-                      switch (committedLanes.child.tag) {
-                        case 5:
-                          instance$86 = committedLanes.child.stateNode;
-                          break;
-                        case 1:
-                          instance$86 = committedLanes.child.stateNode;
-                      }
-                    commitUpdateQueue(
-                      committedLanes,
-                      updateQueue$85,
-                      instance$86
-                    );
-                  }
-                  break;
-                case 5:
-                  break;
-                case 6:
-                  break;
-                case 4:
-                  break;
-                case 12:
-                  var _finishedWork$memoize2 = committedLanes.memoizedProps,
-                    onCommit = _finishedWork$memoize2.onCommit,
-                    onRender = _finishedWork$memoize2.onRender,
-                    effectDuration = committedLanes.stateNode.effectDuration;
-                  instance$86 = commitTime;
-                  current = null === current ? "mount" : "update";
-                  currentUpdateIsNested && (current = "nested-update");
-                  "function" === typeof onRender &&
-                    onRender(
-                      committedLanes.memoizedProps.id,
-                      current,
-                      committedLanes.actualDuration,
-                      committedLanes.treeBaseDuration,
-                      committedLanes.actualStartTime,
-                      instance$86
-                    );
-                  "function" === typeof onCommit &&
-                    onCommit(
-                      committedLanes.memoizedProps.id,
-                      current,
-                      effectDuration,
-                      instance$86
-                    );
-                  enqueuePendingPassiveProfilerEffect(committedLanes);
-                  var parentFiber = committedLanes.return;
-                  a: for (; null !== parentFiber; ) {
-                    switch (parentFiber.tag) {
-                      case 3:
-                        parentFiber.stateNode.effectDuration += effectDuration;
-                        break a;
-                      case 12:
-                        parentFiber.stateNode.effectDuration += effectDuration;
-                        break a;
-                    }
-                    parentFiber = parentFiber.return;
-                  }
-                  break;
-                case 13:
-                  break;
-                case 19:
-                case 17:
-                case 21:
-                case 22:
-                case 23:
-                case 25:
-                  break;
-                default:
-                  throw Error(
-                    "This unit of work tag should not have side-effects. This error is likely caused by a bug in React. Please file an issue."
-                  );
-              }
-            if (committedLanes.flags & 512) {
-              instance$86 = void 0;
-              current = committedLanes;
-              var ref = current.ref;
-              if (null !== ref) {
-                var instance$jscomp$0 = current.stateNode;
-                switch (current.tag) {
-                  case 5:
-                    instance$86 = instance$jscomp$0;
-                    break;
-                  default:
-                    instance$86 = instance$jscomp$0;
-                }
-                if ("function" === typeof ref)
-                  if (current.mode & 2)
-                    try {
-                      startLayoutEffectTimer(), ref(instance$86);
-                    } finally {
-                      recordLayoutEffectDuration(current);
-                    }
-                  else ref(instance$86);
-                else ref.current = instance$86;
-              }
-            }
+            startLayoutEffectTimer(),
+              commitHookEffectListUnmount(4, finishedWork, finishedWork.return);
+          } finally {
+            recordLayoutEffectDuration(finishedWork);
+          }
+        else commitHookEffectListUnmount(4, finishedWork, finishedWork.return);
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 1:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        var instance = finishedWork.stateNode;
+        if ("function" === typeof instance.componentWillUnmount) {
+          var current = finishedWork,
+            nearestMountedAncestor = finishedWork.return;
+          try {
+            callComponentWillUnmountWithTimer(current, instance);
           } catch (error) {
-            captureCommitPhaseError(
-              committedLanes,
-              committedLanes.return,
-              error
-            );
+            captureCommitPhaseError(current, nearestMountedAncestor, error);
           }
         }
-        if (committedLanes === root) {
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 26:
+      case 27:
+      case 5:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      case 22:
+        safelyDetachRef(finishedWork, finishedWork.return);
+        null === finishedWork.memoizedState &&
+          recursivelyTraverseDisappearLayoutEffects(finishedWork);
+        break;
+      default:
+        recursivelyTraverseDisappearLayoutEffects(finishedWork);
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+function recursivelyTraverseReappearLayoutEffects(
+  finishedRoot$jscomp$0,
+  parentFiber,
+  includeWorkInProgressEffects
+) {
+  includeWorkInProgressEffects =
+    includeWorkInProgressEffects && 0 !== (parentFiber.subtreeFlags & 8772);
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var current = parentFiber.alternate,
+      finishedRoot = finishedRoot$jscomp$0,
+      finishedWork = parentFiber,
+      flags = finishedWork.flags;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 15:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        commitHookLayoutEffects(finishedWork, 4);
+        break;
+      case 1:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        finishedRoot = finishedWork.stateNode;
+        if ("function" === typeof finishedRoot.componentDidMount)
+          try {
+            finishedRoot.componentDidMount();
+          } catch (error) {
+            captureCommitPhaseError(finishedWork, finishedWork.return, error);
+          }
+        current = finishedWork.updateQueue;
+        if (null !== current) {
+          var hiddenCallbacks = current.shared.hiddenCallbacks;
+          if (null !== hiddenCallbacks)
+            for (
+              current.shared.hiddenCallbacks = null, current = 0;
+              current < hiddenCallbacks.length;
+              current++
+            )
+              callCallback(hiddenCallbacks[current], finishedRoot);
+        }
+        includeWorkInProgressEffects &&
+          flags & 64 &&
+          commitClassCallbacks(finishedWork);
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      case 26:
+      case 27:
+      case 5:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      case 12:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        includeWorkInProgressEffects &&
+          flags & 4 &&
+          commitProfilerUpdate(finishedWork, current);
+        break;
+      case 13:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+        break;
+      case 22:
+        null === finishedWork.memoizedState &&
+          recursivelyTraverseReappearLayoutEffects(
+            finishedRoot,
+            finishedWork,
+            includeWorkInProgressEffects
+          );
+        safelyAttachRef(finishedWork, finishedWork.return);
+        break;
+      default:
+        recursivelyTraverseReappearLayoutEffects(
+          finishedRoot,
+          finishedWork,
+          includeWorkInProgressEffects
+        );
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+function commitHookPassiveMountEffects(finishedWork, hookFlags) {
+  if (shouldProfile(finishedWork)) {
+    passiveEffectStartTime = now();
+    try {
+      commitHookEffectListMount(hookFlags, finishedWork);
+    } catch (error) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error);
+    }
+    recordPassiveEffectDuration(finishedWork);
+  } else
+    try {
+      commitHookEffectListMount(hookFlags, finishedWork);
+    } catch (error$109) {
+      captureCommitPhaseError(finishedWork, finishedWork.return, error$109);
+    }
+}
+function recursivelyTraversePassiveMountEffects(root, parentFiber) {
+  if (parentFiber.subtreeFlags & 10256)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitPassiveMountOnFiber(root, parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function commitPassiveMountOnFiber(finishedRoot, finishedWork) {
+  var flags = finishedWork.flags;
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      flags & 2048 && commitHookPassiveMountEffects(finishedWork, 9);
+      break;
+    case 3:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      break;
+    case 23:
+      break;
+    case 22:
+      flags = finishedWork.stateNode;
+      null !== finishedWork.memoizedState
+        ? flags._visibility & 4
+          ? recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork)
+          : finishedWork.mode & 1 ||
+            ((flags._visibility |= 4),
+            recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork))
+        : flags._visibility & 4
+        ? recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork)
+        : ((flags._visibility |= 4),
+          recursivelyTraverseReconnectPassiveEffects(
+            finishedRoot,
+            finishedWork
+          ));
+      break;
+    case 24:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+      break;
+    default:
+      recursivelyTraversePassiveMountEffects(finishedRoot, finishedWork);
+  }
+}
+function recursivelyTraverseReconnectPassiveEffects(
+  finishedRoot$jscomp$0,
+  parentFiber
+) {
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    var finishedRoot = finishedRoot$jscomp$0,
+      finishedWork = parentFiber;
+    switch (finishedWork.tag) {
+      case 0:
+      case 11:
+      case 15:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+        commitHookPassiveMountEffects(finishedWork, 8);
+        break;
+      case 23:
+        break;
+      case 22:
+        var instance = finishedWork.stateNode;
+        null !== finishedWork.memoizedState
+          ? instance._visibility & 4
+            ? recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              )
+            : finishedWork.mode & 1 ||
+              ((instance._visibility |= 4),
+              recursivelyTraverseReconnectPassiveEffects(
+                finishedRoot,
+                finishedWork
+              ))
+          : ((instance._visibility |= 4),
+            recursivelyTraverseReconnectPassiveEffects(
+              finishedRoot,
+              finishedWork
+            ));
+        break;
+      case 24:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+        break;
+      default:
+        recursivelyTraverseReconnectPassiveEffects(finishedRoot, finishedWork);
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+var suspenseyCommitFlag = 8192;
+function recursivelyAccumulateSuspenseyCommit(parentFiber) {
+  if (parentFiber.subtreeFlags & suspenseyCommitFlag)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      accumulateSuspenseyCommitOnFiber(parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function accumulateSuspenseyCommitOnFiber(fiber) {
+  switch (fiber.tag) {
+    case 26:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+      if (fiber.flags & suspenseyCommitFlag && null !== fiber.memoizedState)
+        throw Error(
+          "The current renderer does not support Resources. This error is likely caused by a bug in React. Please file an issue."
+        );
+      break;
+    case 5:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+      break;
+    case 3:
+    case 4:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+      break;
+    case 22:
+      if (null === fiber.memoizedState) {
+        var current = fiber.alternate;
+        null !== current && null !== current.memoizedState
+          ? ((current = suspenseyCommitFlag),
+            (suspenseyCommitFlag = 16777216),
+            recursivelyAccumulateSuspenseyCommit(fiber),
+            (suspenseyCommitFlag = current))
+          : recursivelyAccumulateSuspenseyCommit(fiber);
+      }
+      break;
+    default:
+      recursivelyAccumulateSuspenseyCommit(fiber);
+  }
+}
+function detachAlternateSiblings(parentFiber) {
+  var previousFiber = parentFiber.alternate;
+  if (
+    null !== previousFiber &&
+    ((parentFiber = previousFiber.child), null !== parentFiber)
+  ) {
+    previousFiber.child = null;
+    do
+      (previousFiber = parentFiber.sibling),
+        (parentFiber.sibling = null),
+        (parentFiber = previousFiber);
+    while (null !== parentFiber);
+  }
+}
+function commitHookPassiveUnmountEffects(
+  finishedWork,
+  nearestMountedAncestor,
+  hookFlags
+) {
+  shouldProfile(finishedWork)
+    ? ((passiveEffectStartTime = now()),
+      commitHookEffectListUnmount(
+        hookFlags,
+        finishedWork,
+        nearestMountedAncestor
+      ),
+      recordPassiveEffectDuration(finishedWork))
+    : commitHookEffectListUnmount(
+        hookFlags,
+        finishedWork,
+        nearestMountedAncestor
+      );
+}
+function recursivelyTraversePassiveUnmountEffects(parentFiber) {
+  var deletions = parentFiber.deletions;
+  if (0 !== (parentFiber.flags & 16)) {
+    if (null !== deletions)
+      for (var i = 0; i < deletions.length; i++) {
+        var childToDelete = deletions[i];
+        nextEffect = childToDelete;
+        commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+          childToDelete,
+          parentFiber
+        );
+      }
+    detachAlternateSiblings(parentFiber);
+  }
+  if (parentFiber.subtreeFlags & 10256)
+    for (parentFiber = parentFiber.child; null !== parentFiber; )
+      commitPassiveUnmountOnFiber(parentFiber),
+        (parentFiber = parentFiber.sibling);
+}
+function commitPassiveUnmountOnFiber(finishedWork) {
+  switch (finishedWork.tag) {
+    case 0:
+    case 11:
+    case 15:
+      recursivelyTraversePassiveUnmountEffects(finishedWork);
+      finishedWork.flags & 2048 &&
+        commitHookPassiveUnmountEffects(finishedWork, finishedWork.return, 9);
+      break;
+    case 22:
+      var instance = finishedWork.stateNode;
+      null !== finishedWork.memoizedState &&
+      instance._visibility & 4 &&
+      (null === finishedWork.return || 13 !== finishedWork.return.tag)
+        ? ((instance._visibility &= -5),
+          recursivelyTraverseDisconnectPassiveEffects(finishedWork))
+        : recursivelyTraversePassiveUnmountEffects(finishedWork);
+      break;
+    default:
+      recursivelyTraversePassiveUnmountEffects(finishedWork);
+  }
+}
+function recursivelyTraverseDisconnectPassiveEffects(parentFiber) {
+  var deletions = parentFiber.deletions;
+  if (0 !== (parentFiber.flags & 16)) {
+    if (null !== deletions)
+      for (var i = 0; i < deletions.length; i++) {
+        var childToDelete = deletions[i];
+        nextEffect = childToDelete;
+        commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+          childToDelete,
+          parentFiber
+        );
+      }
+    detachAlternateSiblings(parentFiber);
+  }
+  for (parentFiber = parentFiber.child; null !== parentFiber; ) {
+    deletions = parentFiber;
+    switch (deletions.tag) {
+      case 0:
+      case 11:
+      case 15:
+        commitHookPassiveUnmountEffects(deletions, deletions.return, 8);
+        recursivelyTraverseDisconnectPassiveEffects(deletions);
+        break;
+      case 22:
+        i = deletions.stateNode;
+        i._visibility & 4 &&
+          ((i._visibility &= -5),
+          recursivelyTraverseDisconnectPassiveEffects(deletions));
+        break;
+      default:
+        recursivelyTraverseDisconnectPassiveEffects(deletions);
+    }
+    parentFiber = parentFiber.sibling;
+  }
+}
+function commitPassiveUnmountEffectsInsideOfDeletedTree_begin(
+  deletedSubtreeRoot,
+  nearestMountedAncestor
+) {
+  for (; null !== nextEffect; ) {
+    var fiber = nextEffect;
+    switch (fiber.tag) {
+      case 0:
+      case 11:
+      case 15:
+        commitHookPassiveUnmountEffects(fiber, nearestMountedAncestor, 8);
+    }
+    var child = fiber.child;
+    if (null !== child) (child.return = fiber), (nextEffect = child);
+    else
+      a: for (fiber = deletedSubtreeRoot; null !== nextEffect; ) {
+        child = nextEffect;
+        var sibling = child.sibling,
+          returnFiber = child.return;
+        detachFiberAfterEffects(child);
+        if (child === fiber) {
           nextEffect = null;
-          break;
+          break a;
         }
-        instance$86 = committedLanes.sibling;
-        if (null !== instance$86) {
-          instance$86.return = committedLanes.return;
-          nextEffect = instance$86;
-          break;
+        if (null !== sibling) {
+          sibling.return = returnFiber;
+          nextEffect = sibling;
+          break a;
         }
-        nextEffect = committedLanes.return;
+        nextEffect = returnFiber;
       }
-  inProgressRoot = inProgressLanes = null;
+  }
 }
-var ceil = Math.ceil,
-  ReactCurrentDispatcher$2 = ReactSharedInternals.ReactCurrentDispatcher,
-  ReactCurrentOwner$2 = ReactSharedInternals.ReactCurrentOwner,
-  ReactCurrentBatchConfig$2 = ReactSharedInternals.ReactCurrentBatchConfig,
+var PossiblyWeakMap = "function" === typeof WeakMap ? WeakMap : Map,
+  ReactCurrentDispatcher = ReactSharedInternals.ReactCurrentDispatcher,
+  ReactCurrentOwner = ReactSharedInternals.ReactCurrentOwner,
+  ReactCurrentBatchConfig = ReactSharedInternals.ReactCurrentBatchConfig,
   executionContext = 0,
   workInProgressRoot = null,
   workInProgress = null,
   workInProgressRootRenderLanes = 0,
-  subtreeRenderLanes = 0,
-  subtreeRenderLanesCursor = createCursor(0),
+  workInProgressSuspendedReason = 0,
+  workInProgressThrownValue = null,
+  workInProgressRootDidAttachPingListener = !1,
+  entangledRenderLanes = 0,
   workInProgressRootExitStatus = 0,
   workInProgressRootFatalError = null,
   workInProgressRootSkippedLanes = 0,
   workInProgressRootInterleavedUpdatedLanes = 0,
   workInProgressRootPingedLanes = 0,
+  workInProgressDeferredLane = 0,
   workInProgressRootConcurrentErrors = null,
   workInProgressRootRecoverableErrors = null,
   globalMostRecentFallbackTime = 0,
@@ -6946,126 +8175,64 @@ var ceil = Math.ceil,
   pendingPassiveEffectsLanes = 0,
   pendingPassiveProfilerEffects = [],
   nestedUpdateCount = 0,
-  rootWithNestedUpdates = null,
-  currentEventTime = -1,
-  currentEventTransitionLane = 0;
-function requestEventTime() {
-  return 0 !== (executionContext & 6)
-    ? now()
-    : -1 !== currentEventTime
-    ? currentEventTime
-    : (currentEventTime = now());
-}
+  rootWithNestedUpdates = null;
 function requestUpdateLane(fiber) {
-  if (0 === (fiber.mode & 1)) return 1;
+  if (0 === (fiber.mode & 1)) return 2;
   if (0 !== (executionContext & 2) && 0 !== workInProgressRootRenderLanes)
     return workInProgressRootRenderLanes & -workInProgressRootRenderLanes;
-  if (null !== ReactCurrentBatchConfig.transition)
+  fiber = ReactCurrentBatchConfig$1.transition;
+  null !== fiber && fiber._callbacks.add(handleAsyncAction);
+  if (null !== fiber)
     return (
       0 === currentEventTransitionLane &&
         (currentEventTransitionLane = claimNextTransitionLane()),
       currentEventTransitionLane
     );
   fiber = currentUpdatePriority;
-  return 0 !== fiber ? fiber : 16;
-}
-function scheduleUpdateOnFiber(root, fiber, lane, eventTime) {
-  if (50 < nestedUpdateCount)
-    throw ((nestedUpdateCount = 0),
-    (rootWithNestedUpdates = null),
-    Error(
-      "Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops."
-    ));
-  markRootUpdated(root, lane, eventTime);
+  return 0 !== fiber ? fiber : 32;
+}
+function requestDeferredLane() {
+  0 === workInProgressDeferredLane &&
+    (workInProgressDeferredLane =
+      0 !== (workInProgressRootRenderLanes & 536870912)
+        ? 536870912
+        : claimNextTransitionLane());
+  var suspenseHandler = suspenseHandlerStackCursor.current;
+  null !== suspenseHandler && (suspenseHandler.flags |= 32);
+  return workInProgressDeferredLane;
+}
+function scheduleUpdateOnFiber(root, fiber, lane) {
+  if (
+    (root === workInProgressRoot && 2 === workInProgressSuspendedReason) ||
+    null !== root.cancelPendingCommit
+  )
+    prepareFreshStack(root, 0),
+      markRootSuspended(
+        root,
+        workInProgressRootRenderLanes,
+        workInProgressDeferredLane
+      );
+  markRootUpdated(root, lane);
   if (0 === (executionContext & 2) || root !== workInProgressRoot)
     isDevToolsPresent && addFiberToLanesMap(root, fiber, lane),
       root === workInProgressRoot &&
         (0 === (executionContext & 2) &&
           (workInProgressRootInterleavedUpdatedLanes |= lane),
         4 === workInProgressRootExitStatus &&
-          markRootSuspended$1(root, workInProgressRootRenderLanes)),
-      ensureRootIsScheduled(root, eventTime),
-      1 === lane &&
+          markRootSuspended(
+            root,
+            workInProgressRootRenderLanes,
+            workInProgressDeferredLane
+          )),
+      ensureRootIsScheduled(root),
+      2 === lane &&
         0 === executionContext &&
         0 === (fiber.mode & 1) &&
-        ((workInProgressRootRenderTargetTime = now() + 500),
-        includesLegacySyncCallbacks && flushSyncCallbacks());
-}
-function ensureRootIsScheduled(root, currentTime) {
-  for (
-    var existingCallbackNode = root.callbackNode,
-      suspendedLanes = root.suspendedLanes,
-      pingedLanes = root.pingedLanes,
-      expirationTimes = root.expirationTimes,
-      lanes = root.pendingLanes;
-    0 < lanes;
-
-  ) {
-    var index$6 = 31 - clz32(lanes),
-      lane = 1 << index$6,
-      expirationTime = expirationTimes[index$6];
-    if (-1 === expirationTime) {
-      if (0 === (lane & suspendedLanes) || 0 !== (lane & pingedLanes))
-        expirationTimes[index$6] = computeExpirationTime(lane, currentTime);
-    } else expirationTime <= currentTime && (root.expiredLanes |= lane);
-    lanes &= ~lane;
-  }
-  suspendedLanes = getNextLanes(
-    root,
-    root === workInProgressRoot ? workInProgressRootRenderLanes : 0
-  );
-  if (0 === suspendedLanes)
-    null !== existingCallbackNode && cancelCallback(existingCallbackNode),
-      (root.callbackNode = null),
-      (root.callbackPriority = 0);
-  else if (
-    ((currentTime = suspendedLanes & -suspendedLanes),
-    root.callbackPriority !== currentTime)
-  ) {
-    null != existingCallbackNode && cancelCallback(existingCallbackNode);
-    if (1 === currentTime)
-      0 === root.tag
-        ? ((existingCallbackNode = performSyncWorkOnRoot.bind(null, root)),
-          (includesLegacySyncCallbacks = !0),
-          null === syncQueue
-            ? (syncQueue = [existingCallbackNode])
-            : syncQueue.push(existingCallbackNode))
-        : ((existingCallbackNode = performSyncWorkOnRoot.bind(null, root)),
-          null === syncQueue
-            ? (syncQueue = [existingCallbackNode])
-            : syncQueue.push(existingCallbackNode)),
-        scheduleCallback(ImmediatePriority, flushSyncCallbacks),
-        (existingCallbackNode = null);
-    else {
-      switch (lanesToEventPriority(suspendedLanes)) {
-        case 1:
-          existingCallbackNode = ImmediatePriority;
-          break;
-        case 4:
-          existingCallbackNode = UserBlockingPriority;
-          break;
-        case 16:
-          existingCallbackNode = NormalPriority;
-          break;
-        case 536870912:
-          existingCallbackNode = IdlePriority;
-          break;
-        default:
-          existingCallbackNode = NormalPriority;
-      }
-      existingCallbackNode = scheduleCallback$1(
-        existingCallbackNode,
-        performConcurrentWorkOnRoot.bind(null, root)
-      );
-    }
-    root.callbackPriority = currentTime;
-    root.callbackNode = existingCallbackNode;
-  }
+        ((workInProgressRootRenderTargetTime = now$1() + 500),
+        flushSyncWorkAcrossRoots_impl(!0));
 }
 function performConcurrentWorkOnRoot(root, didTimeout) {
   nestedUpdateScheduled = currentUpdateIsNested = !1;
-  currentEventTime = -1;
-  currentEventTransitionLane = 0;
   if (0 !== (executionContext & 6))
     throw Error("Should not already be working.");
   var originalCallbackNode = root.callbackNode;
@@ -7076,192 +8243,140 @@ function performConcurrentWorkOnRoot(root, didTimeout) {
     root === workInProgressRoot ? workInProgressRootRenderLanes : 0
   );
   if (0 === lanes) return null;
-  if (0 !== (lanes & 30) || 0 !== (lanes & root.expiredLanes) || didTimeout)
-    didTimeout = renderRootSync(root, lanes);
-  else {
-    didTimeout = lanes;
-    var prevExecutionContext = executionContext;
-    executionContext |= 2;
-    var prevDispatcher = pushDispatcher();
-    if (
-      workInProgressRoot !== root ||
-      workInProgressRootRenderLanes !== didTimeout
-    ) {
-      if (isDevToolsPresent) {
-        var memoizedUpdaters = root.memoizedUpdaters;
-        0 < memoizedUpdaters.size &&
-          (restorePendingUpdaters(root, workInProgressRootRenderLanes),
-          memoizedUpdaters.clear());
-        movePendingFibersToMemoized(root, didTimeout);
-      }
-      workInProgressTransitions = null;
-      workInProgressRootRenderTargetTime = now() + 500;
-      prepareFreshStack(root, didTimeout);
-    }
-    do
-      try {
-        workLoopConcurrent();
-        break;
-      } catch (thrownValue) {
-        handleError(root, thrownValue);
-      }
-    while (1);
-    resetContextDependencies();
-    ReactCurrentDispatcher$2.current = prevDispatcher;
-    executionContext = prevExecutionContext;
-    null !== workInProgress
-      ? (didTimeout = 0)
-      : ((workInProgressRoot = null),
-        (workInProgressRootRenderLanes = 0),
-        (didTimeout = workInProgressRootExitStatus));
-  }
-  if (0 !== didTimeout) {
-    2 === didTimeout &&
-      ((prevExecutionContext = getLanesToRetrySynchronouslyOnError(root)),
-      0 !== prevExecutionContext &&
-        ((lanes = prevExecutionContext),
-        (didTimeout = recoverFromConcurrentError(root, prevExecutionContext))));
-    if (1 === didTimeout)
-      throw ((originalCallbackNode = workInProgressRootFatalError),
-      prepareFreshStack(root, 0),
-      markRootSuspended$1(root, lanes),
-      ensureRootIsScheduled(root, now()),
-      originalCallbackNode);
-    if (6 === didTimeout) markRootSuspended$1(root, lanes);
-    else {
-      prevExecutionContext = root.current.alternate;
-      if (
-        0 === (lanes & 30) &&
-        !isRenderConsistentWithExternalStores(prevExecutionContext) &&
-        ((didTimeout = renderRootSync(root, lanes)),
-        2 === didTimeout &&
-          ((prevDispatcher = getLanesToRetrySynchronouslyOnError(root)),
-          0 !== prevDispatcher &&
-            ((lanes = prevDispatcher),
-            (didTimeout = recoverFromConcurrentError(root, prevDispatcher)))),
-        1 === didTimeout)
-      )
-        throw ((originalCallbackNode = workInProgressRootFatalError),
-        prepareFreshStack(root, 0),
-        markRootSuspended$1(root, lanes),
-        ensureRootIsScheduled(root, now()),
-        originalCallbackNode);
-      root.finishedWork = prevExecutionContext;
-      root.finishedLanes = lanes;
-      switch (didTimeout) {
-        case 0:
-        case 1:
-          throw Error("Root did not complete. This is a bug in React.");
-        case 2:
-          commitRoot(
+  var exitStatus = (didTimeout =
+    0 === (lanes & 60) && 0 === (lanes & root.expiredLanes) && !didTimeout)
+    ? renderRootConcurrent(root, lanes)
+    : renderRootSync(root, lanes);
+  if (0 !== exitStatus) {
+    var renderWasConcurrent = didTimeout;
+    do {
+      if (6 === exitStatus) markRootSuspended(root, lanes, 0);
+      else {
+        didTimeout = root.current.alternate;
+        if (
+          renderWasConcurrent &&
+          !isRenderConsistentWithExternalStores(didTimeout)
+        ) {
+          exitStatus = renderRootSync(root, lanes);
+          renderWasConcurrent = !1;
+          continue;
+        }
+        if (2 === exitStatus) {
+          renderWasConcurrent = lanes;
+          var errorRetryLanes = getLanesToRetrySynchronouslyOnError(
             root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
+            renderWasConcurrent
           );
-          break;
-        case 3:
-          markRootSuspended$1(root, lanes);
+          0 !== errorRetryLanes &&
+            ((lanes = errorRetryLanes),
+            (exitStatus = recoverFromConcurrentError(
+              root,
+              renderWasConcurrent,
+              errorRetryLanes
+            )));
+        }
+        if (1 === exitStatus)
+          throw (
+            ((originalCallbackNode = workInProgressRootFatalError),
+            prepareFreshStack(root, 0),
+            markRootSuspended(root, lanes, 0),
+            ensureRootIsScheduled(root),
+            originalCallbackNode)
+          );
+        root.finishedWork = didTimeout;
+        root.finishedLanes = lanes;
+        a: {
+          renderWasConcurrent = root;
+          switch (exitStatus) {
+            case 0:
+            case 1:
+              throw Error("Root did not complete. This is a bug in React.");
+            case 4:
+              if ((lanes & 4194176) === lanes) {
+                markRootSuspended(
+                  renderWasConcurrent,
+                  lanes,
+                  workInProgressDeferredLane
+                );
+                break a;
+              }
+              break;
+            case 2:
+            case 3:
+            case 5:
+              break;
+            default:
+              throw Error("Unknown root exit status.");
+          }
           if (
-            (lanes & 130023424) === lanes &&
-            ((didTimeout = globalMostRecentFallbackTime + 500 - now()),
-            10 < didTimeout)
+            (lanes & 62914560) === lanes &&
+            3 === exitStatus &&
+            ((exitStatus = globalMostRecentFallbackTime + 300 - now$1()),
+            10 < exitStatus)
           ) {
-            if (0 !== getNextLanes(root, 0)) break;
-            prevExecutionContext = root.suspendedLanes;
-            if ((prevExecutionContext & lanes) !== lanes) {
-              requestEventTime();
-              root.pingedLanes |= root.suspendedLanes & prevExecutionContext;
-              break;
-            }
-            root.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(
-                null,
-                root,
-                workInProgressRootRecoverableErrors,
-                workInProgressTransitions
-              ),
-              didTimeout
+            markRootSuspended(
+              renderWasConcurrent,
+              lanes,
+              workInProgressDeferredLane
             );
-            break;
-          }
-          commitRoot(
-            root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
-          );
-          break;
-        case 4:
-          markRootSuspended$1(root, lanes);
-          if ((lanes & 4194240) === lanes) break;
-          didTimeout = root.eventTimes;
-          for (prevExecutionContext = -1; 0 < lanes; )
-            (memoizedUpdaters = 31 - clz32(lanes)),
-              (prevDispatcher = 1 << memoizedUpdaters),
-              (memoizedUpdaters = didTimeout[memoizedUpdaters]),
-              memoizedUpdaters > prevExecutionContext &&
-                (prevExecutionContext = memoizedUpdaters),
-              (lanes &= ~prevDispatcher);
-          lanes = prevExecutionContext;
-          lanes = now() - lanes;
-          lanes =
-            (120 > lanes
-              ? 120
-              : 480 > lanes
-              ? 480
-              : 1080 > lanes
-              ? 1080
-              : 1920 > lanes
-              ? 1920
-              : 3e3 > lanes
-              ? 3e3
-              : 4320 > lanes
-              ? 4320
-              : 1960 * ceil(lanes / 1960)) - lanes;
-          if (10 < lanes) {
-            root.timeoutHandle = scheduleTimeout(
-              commitRoot.bind(
+            if (0 !== getNextLanes(renderWasConcurrent, 0)) break a;
+            renderWasConcurrent.timeoutHandle = scheduleTimeout(
+              commitRootWhenReady.bind(
                 null,
-                root,
+                renderWasConcurrent,
+                didTimeout,
                 workInProgressRootRecoverableErrors,
-                workInProgressTransitions
+                workInProgressTransitions,
+                lanes,
+                workInProgressDeferredLane
               ),
-              lanes
+              exitStatus
             );
-            break;
+            break a;
           }
-          commitRoot(
-            root,
+          commitRootWhenReady(
+            renderWasConcurrent,
+            didTimeout,
             workInProgressRootRecoverableErrors,
-            workInProgressTransitions
-          );
-          break;
-        case 5:
-          commitRoot(
-            root,
-            workInProgressRootRecoverableErrors,
-            workInProgressTransitions
+            workInProgressTransitions,
+            lanes,
+            workInProgressDeferredLane
           );
-          break;
-        default:
-          throw Error("Unknown root exit status.");
+        }
       }
-    }
+      break;
+    } while (1);
   }
-  ensureRootIsScheduled(root, now());
-  return root.callbackNode === originalCallbackNode
-    ? performConcurrentWorkOnRoot.bind(null, root)
-    : null;
+  ensureRootIsScheduled(root);
+  scheduleTaskForRootDuringMicrotask(root, now$1());
+  root =
+    root.callbackNode === originalCallbackNode
+      ? performConcurrentWorkOnRoot.bind(null, root)
+      : null;
+  return root;
 }
-function recoverFromConcurrentError(root, errorRetryLanes) {
-  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors;
-  root.current.memoizedState.isDehydrated &&
+function recoverFromConcurrentError(
+  root,
+  originallyAttemptedLanes,
+  errorRetryLanes
+) {
+  var errorsFromFirstAttempt = workInProgressRootConcurrentErrors,
+    JSCompiler_inline_result;
+  (JSCompiler_inline_result = root.current.memoizedState.isDehydrated) &&
     (prepareFreshStack(root, errorRetryLanes).flags |= 256);
-  root = renderRootSync(root, errorRetryLanes);
-  2 !== root &&
-    ((errorRetryLanes = workInProgressRootRecoverableErrors),
-    (workInProgressRootRecoverableErrors = errorsFromFirstAttempt),
-    null !== errorRetryLanes && queueRecoverableErrors(errorRetryLanes));
-  return root;
+  errorRetryLanes = renderRootSync(root, errorRetryLanes);
+  if (2 !== errorRetryLanes) {
+    if (workInProgressRootDidAttachPingListener && !JSCompiler_inline_result)
+      return (
+        (root.errorRecoveryDisabledLanes |= originallyAttemptedLanes),
+        (workInProgressRootInterleavedUpdatedLanes |= originallyAttemptedLanes),
+        4
+      );
+    root = workInProgressRootRecoverableErrors;
+    workInProgressRootRecoverableErrors = errorsFromFirstAttempt;
+    null !== root && queueRecoverableErrors(root);
+  }
+  return errorRetryLanes;
 }
 function queueRecoverableErrors(errors) {
   null === workInProgressRootRecoverableErrors
@@ -7271,6 +8386,17 @@ function queueRecoverableErrors(errors) {
         errors
       );
 }
+function commitRootWhenReady(
+  root,
+  finishedWork,
+  recoverableErrors,
+  transitions,
+  lanes,
+  spawnedLane
+) {
+  0 === (lanes & 42) && accumulateSuspenseyCommitOnFiber(finishedWork);
+  commitRoot(root, recoverableErrors, transitions, spawnedLane);
+}
 function isRenderConsistentWithExternalStores(finishedWork) {
   for (var node = finishedWork; ; ) {
     if (node.flags & 16384) {
@@ -7305,54 +8431,40 @@ function isRenderConsistentWithExternalStores(finishedWork) {
   }
   return !0;
 }
-function markRootSuspended$1(root, suspendedLanes) {
+function markRootSuspended(root, suspendedLanes, spawnedLane) {
   suspendedLanes &= ~workInProgressRootPingedLanes;
   suspendedLanes &= ~workInProgressRootInterleavedUpdatedLanes;
   root.suspendedLanes |= suspendedLanes;
   root.pingedLanes &= ~suspendedLanes;
-  for (root = root.expirationTimes; 0 < suspendedLanes; ) {
-    var index$7 = 31 - clz32(suspendedLanes),
-      lane = 1 << index$7;
-    root[index$7] = -1;
-    suspendedLanes &= ~lane;
-  }
-}
-function performSyncWorkOnRoot(root) {
-  currentUpdateIsNested = nestedUpdateScheduled;
-  nestedUpdateScheduled = !1;
-  if (0 !== (executionContext & 6))
-    throw Error("Should not already be working.");
-  flushPassiveEffects();
-  var lanes = getNextLanes(root, 0);
-  if (0 === (lanes & 1)) return ensureRootIsScheduled(root, now()), null;
-  var exitStatus = renderRootSync(root, lanes);
-  if (0 !== root.tag && 2 === exitStatus) {
-    var errorRetryLanes = getLanesToRetrySynchronouslyOnError(root);
-    0 !== errorRetryLanes &&
-      ((lanes = errorRetryLanes),
-      (exitStatus = recoverFromConcurrentError(root, errorRetryLanes)));
-  }
-  if (1 === exitStatus)
-    throw ((exitStatus = workInProgressRootFatalError),
-    prepareFreshStack(root, 0),
-    markRootSuspended$1(root, lanes),
-    ensureRootIsScheduled(root, now()),
-    exitStatus);
-  if (6 === exitStatus)
-    throw Error("Root did not complete. This is a bug in React.");
-  root.finishedWork = root.current.alternate;
-  root.finishedLanes = lanes;
-  commitRoot(
-    root,
-    workInProgressRootRecoverableErrors,
-    workInProgressTransitions
-  );
-  ensureRootIsScheduled(root, now());
-  return null;
+  for (
+    var expirationTimes = root.expirationTimes, lanes = suspendedLanes;
+    0 < lanes;
+
+  ) {
+    var index$6 = 31 - clz32(lanes),
+      lane = 1 << index$6;
+    expirationTimes[index$6] = -1;
+    lanes &= ~lane;
+  }
+  0 !== spawnedLane &&
+    markSpawnedDeferredLane(root, spawnedLane, suspendedLanes);
 }
-function popRenderLanes() {
-  subtreeRenderLanes = subtreeRenderLanesCursor.current;
-  pop(subtreeRenderLanesCursor);
+function resetWorkInProgressStack() {
+  if (null !== workInProgress) {
+    if (0 === workInProgressSuspendedReason)
+      var interruptedWork = workInProgress.return;
+    else
+      (interruptedWork = workInProgress),
+        resetContextDependencies(),
+        resetHooksOnUnwind(interruptedWork),
+        (thenableState$1 = null),
+        (thenableIndexCounter$1 = 0),
+        (interruptedWork = workInProgress);
+    for (; null !== interruptedWork; )
+      unwindInterruptedWork(interruptedWork.alternate, interruptedWork),
+        (interruptedWork = interruptedWork.return);
+    workInProgress = null;
+  }
 }
 function prepareFreshStack(root, lanes) {
   root.finishedWork = null;
@@ -7360,269 +8472,95 @@ function prepareFreshStack(root, lanes) {
   var timeoutHandle = root.timeoutHandle;
   -1 !== timeoutHandle &&
     ((root.timeoutHandle = -1), cancelTimeout(timeoutHandle));
-  if (null !== workInProgress)
-    for (timeoutHandle = workInProgress.return; null !== timeoutHandle; ) {
-      var interruptedWork = timeoutHandle;
-      popTreeContext(interruptedWork);
-      switch (interruptedWork.tag) {
-        case 1:
-          interruptedWork = interruptedWork.type.childContextTypes;
-          null !== interruptedWork &&
-            void 0 !== interruptedWork &&
-            popContext();
-          break;
-        case 3:
-          popHostContainer();
-          pop(didPerformWorkStackCursor);
-          pop(contextStackCursor);
-          resetWorkInProgressVersions();
-          break;
-        case 5:
-          popHostContext(interruptedWork);
-          break;
-        case 4:
-          popHostContainer();
-          break;
-        case 13:
-          pop(suspenseStackCursor);
-          break;
-        case 19:
-          pop(suspenseStackCursor);
-          break;
-        case 10:
-          popProvider(interruptedWork.type._context);
-          break;
-        case 22:
-        case 23:
-          popRenderLanes();
-      }
-      timeoutHandle = timeoutHandle.return;
-    }
+  timeoutHandle = root.cancelPendingCommit;
+  null !== timeoutHandle &&
+    ((root.cancelPendingCommit = null), timeoutHandle());
+  resetWorkInProgressStack();
   workInProgressRoot = root;
-  workInProgress = root = createWorkInProgress(root.current, null);
-  workInProgressRootRenderLanes = subtreeRenderLanes = lanes;
+  workInProgress = timeoutHandle = createWorkInProgress(root.current, null);
+  workInProgressRootRenderLanes = lanes;
+  workInProgressSuspendedReason = 0;
+  workInProgressThrownValue = null;
+  workInProgressRootDidAttachPingListener = !1;
   workInProgressRootExitStatus = 0;
   workInProgressRootFatalError = null;
-  workInProgressRootPingedLanes = workInProgressRootInterleavedUpdatedLanes = workInProgressRootSkippedLanes = 0;
-  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors = null;
-  if (null !== concurrentQueues) {
-    for (lanes = 0; lanes < concurrentQueues.length; lanes++)
-      if (
-        ((timeoutHandle = concurrentQueues[lanes]),
-        (interruptedWork = timeoutHandle.interleaved),
-        null !== interruptedWork)
-      ) {
-        timeoutHandle.interleaved = null;
-        var firstInterleavedUpdate = interruptedWork.next,
-          lastPendingUpdate = timeoutHandle.pending;
-        if (null !== lastPendingUpdate) {
-          var firstPendingUpdate = lastPendingUpdate.next;
-          lastPendingUpdate.next = firstInterleavedUpdate;
-          interruptedWork.next = firstPendingUpdate;
-        }
-        timeoutHandle.pending = interruptedWork;
-      }
-    concurrentQueues = null;
-  }
-  return root;
-}
-function handleError(root$jscomp$0, thrownValue) {
-  do {
-    var erroredWork = workInProgress;
-    try {
-      resetContextDependencies();
-      ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
-      if (didScheduleRenderPhaseUpdate) {
-        for (
-          var hook = currentlyRenderingFiber$1.memoizedState;
-          null !== hook;
+  workInProgressDeferredLane =
+    workInProgressRootPingedLanes =
+    workInProgressRootInterleavedUpdatedLanes =
+    workInProgressRootSkippedLanes =
+      0;
+  workInProgressRootRecoverableErrors = workInProgressRootConcurrentErrors =
+    null;
+  0 !== (lanes & 8) && (lanes |= lanes & 32);
+  var allEntangledLanes = root.entangledLanes;
+  if (0 !== allEntangledLanes)
+    for (
+      root = root.entanglements, allEntangledLanes &= lanes;
+      0 < allEntangledLanes;
 
-        ) {
-          var queue = hook.queue;
-          null !== queue && (queue.pending = null);
-          hook = hook.next;
-        }
-        didScheduleRenderPhaseUpdate = !1;
-      }
-      renderLanes = 0;
-      workInProgressHook = currentHook = currentlyRenderingFiber$1 = null;
-      didScheduleRenderPhaseUpdateDuringThisPass = !1;
-      ReactCurrentOwner$2.current = null;
-      if (null === erroredWork || null === erroredWork.return) {
-        workInProgressRootExitStatus = 1;
-        workInProgressRootFatalError = thrownValue;
-        workInProgress = null;
-        break;
-      }
-      erroredWork.mode & 2 &&
-        stopProfilerTimerIfRunningAndRecordDelta(erroredWork, !0);
-      a: {
-        var root = root$jscomp$0,
-          returnFiber = erroredWork.return,
-          sourceFiber = erroredWork,
-          value = thrownValue;
-        thrownValue = workInProgressRootRenderLanes;
-        sourceFiber.flags |= 32768;
-        isDevToolsPresent && restorePendingUpdaters(root, thrownValue);
-        if (
-          null !== value &&
-          "object" === typeof value &&
-          "function" === typeof value.then
-        ) {
-          var wakeable = value,
-            sourceFiber$jscomp$0 = sourceFiber,
-            tag = sourceFiber$jscomp$0.tag;
-          if (
-            0 === (sourceFiber$jscomp$0.mode & 1) &&
-            (0 === tag || 11 === tag || 15 === tag)
-          ) {
-            var currentSource = sourceFiber$jscomp$0.alternate;
-            currentSource
-              ? ((sourceFiber$jscomp$0.updateQueue = currentSource.updateQueue),
-                (sourceFiber$jscomp$0.memoizedState =
-                  currentSource.memoizedState),
-                (sourceFiber$jscomp$0.lanes = currentSource.lanes))
-              : ((sourceFiber$jscomp$0.updateQueue = null),
-                (sourceFiber$jscomp$0.memoizedState = null));
-          }
-          b: {
-            sourceFiber$jscomp$0 = returnFiber;
-            do {
-              var JSCompiler_temp;
-              if ((JSCompiler_temp = 13 === sourceFiber$jscomp$0.tag)) {
-                var nextState = sourceFiber$jscomp$0.memoizedState;
-                JSCompiler_temp =
-                  null !== nextState
-                    ? null !== nextState.dehydrated
-                      ? !0
-                      : !1
-                    : !0;
-              }
-              if (JSCompiler_temp) {
-                var suspenseBoundary = sourceFiber$jscomp$0;
-                break b;
-              }
-              sourceFiber$jscomp$0 = sourceFiber$jscomp$0.return;
-            } while (null !== sourceFiber$jscomp$0);
-            suspenseBoundary = null;
-          }
-          if (null !== suspenseBoundary) {
-            suspenseBoundary.flags &= -257;
-            value = suspenseBoundary;
-            sourceFiber$jscomp$0 = thrownValue;
-            if (0 === (value.mode & 1))
-              if (value === returnFiber) value.flags |= 65536;
-              else {
-                value.flags |= 128;
-                sourceFiber.flags |= 131072;
-                sourceFiber.flags &= -52805;
-                if (1 === sourceFiber.tag)
-                  if (null === sourceFiber.alternate) sourceFiber.tag = 17;
-                  else {
-                    var update = createUpdate(-1, 1);
-                    update.tag = 2;
-                    enqueueUpdate(sourceFiber, update, 1);
-                  }
-                sourceFiber.lanes |= 1;
-              }
-            else (value.flags |= 65536), (value.lanes = sourceFiber$jscomp$0);
-            suspenseBoundary.mode & 1 &&
-              attachPingListener(root, wakeable, thrownValue);
-            thrownValue = suspenseBoundary;
-            root = wakeable;
-            var wakeables = thrownValue.updateQueue;
-            if (null === wakeables) {
-              var updateQueue = new Set();
-              updateQueue.add(root);
-              thrownValue.updateQueue = updateQueue;
-            } else wakeables.add(root);
-            break a;
-          } else {
-            if (0 === (thrownValue & 1)) {
-              attachPingListener(root, wakeable, thrownValue);
-              renderDidSuspendDelayIfPossible();
-              break a;
-            }
-            value = Error(
-              "A component suspended while responding to synchronous input. This will cause the UI to be replaced with a loading indicator. To fix, updates that suspend should be wrapped with startTransition."
-            );
-          }
-        }
-        root = value = createCapturedValueAtFiber(value, sourceFiber);
-        4 !== workInProgressRootExitStatus &&
-          (workInProgressRootExitStatus = 2);
-        null === workInProgressRootConcurrentErrors
-          ? (workInProgressRootConcurrentErrors = [root])
-          : workInProgressRootConcurrentErrors.push(root);
-        root = returnFiber;
-        do {
-          switch (root.tag) {
-            case 3:
-              wakeable = value;
-              root.flags |= 65536;
-              thrownValue &= -thrownValue;
-              root.lanes |= thrownValue;
-              var update$jscomp$0 = createRootErrorUpdate(
-                root,
-                wakeable,
-                thrownValue
-              );
-              enqueueCapturedUpdate(root, update$jscomp$0);
-              break a;
-            case 1:
-              wakeable = value;
-              var ctor = root.type,
-                instance = root.stateNode;
-              if (
-                0 === (root.flags & 128) &&
-                ("function" === typeof ctor.getDerivedStateFromError ||
-                  (null !== instance &&
-                    "function" === typeof instance.componentDidCatch &&
-                    (null === legacyErrorBoundariesThatAlreadyFailed ||
-                      !legacyErrorBoundariesThatAlreadyFailed.has(instance))))
-              ) {
-                root.flags |= 65536;
-                thrownValue &= -thrownValue;
-                root.lanes |= thrownValue;
-                var update$36 = createClassErrorUpdate(
-                  root,
-                  wakeable,
-                  thrownValue
-                );
-                enqueueCapturedUpdate(root, update$36);
-                break a;
-              }
-          }
-          root = root.return;
-        } while (null !== root);
-      }
-      completeUnitOfWork(erroredWork);
-    } catch (yetAnotherThrownValue) {
-      thrownValue = yetAnotherThrownValue;
-      workInProgress === erroredWork &&
-        null !== erroredWork &&
-        (workInProgress = erroredWork = erroredWork.return);
-      continue;
+    ) {
+      var index$4 = 31 - clz32(allEntangledLanes),
+        lane = 1 << index$4;
+      lanes |= root[index$4];
+      allEntangledLanes &= ~lane;
     }
-    break;
-  } while (1);
+  entangledRenderLanes = lanes;
+  finishQueueingConcurrentUpdates();
+  return timeoutHandle;
+}
+function handleThrow(root, thrownValue) {
+  currentlyRenderingFiber$1 = null;
+  ReactCurrentDispatcher$1.current = ContextOnlyDispatcher;
+  ReactCurrentOwner.current = null;
+  thrownValue === SuspenseException
+    ? ((thrownValue = getSuspendedThenable()),
+      (root = suspenseHandlerStackCursor.current),
+      (workInProgressSuspendedReason =
+        (null !== root &&
+          ((workInProgressRootRenderLanes & 4194176) ===
+          workInProgressRootRenderLanes
+            ? null !== shellBoundary
+            : ((workInProgressRootRenderLanes & 62914560) !==
+                workInProgressRootRenderLanes &&
+                0 === (workInProgressRootRenderLanes & 536870912)) ||
+              root !== shellBoundary)) ||
+        0 !== (workInProgressRootSkippedLanes & 134217727) ||
+        0 !== (workInProgressRootInterleavedUpdatedLanes & 134217727)
+          ? 3
+          : 2))
+    : thrownValue === SuspenseyCommitException
+    ? ((thrownValue = getSuspendedThenable()),
+      (workInProgressSuspendedReason = 4))
+    : (workInProgressSuspendedReason =
+        thrownValue === SelectiveHydrationException
+          ? 8
+          : null !== thrownValue &&
+            "object" === typeof thrownValue &&
+            "function" === typeof thrownValue.then
+          ? 6
+          : 1);
+  workInProgressThrownValue = thrownValue;
+  root = workInProgress;
+  null === root
+    ? ((workInProgressRootExitStatus = 1),
+      (workInProgressRootFatalError = thrownValue))
+    : root.mode & 2 && stopProfilerTimerIfRunningAndRecordDelta(root, !0);
 }
 function pushDispatcher() {
-  var prevDispatcher = ReactCurrentDispatcher$2.current;
-  ReactCurrentDispatcher$2.current = ContextOnlyDispatcher;
+  var prevDispatcher = ReactCurrentDispatcher.current;
+  ReactCurrentDispatcher.current = ContextOnlyDispatcher;
   return null === prevDispatcher ? ContextOnlyDispatcher : prevDispatcher;
 }
 function renderDidSuspendDelayIfPossible() {
-  if (
-    0 === workInProgressRootExitStatus ||
-    3 === workInProgressRootExitStatus ||
-    2 === workInProgressRootExitStatus
-  )
-    workInProgressRootExitStatus = 4;
-  null === workInProgressRoot ||
-    (0 === (workInProgressRootSkippedLanes & 268435455) &&
-      0 === (workInProgressRootInterleavedUpdatedLanes & 268435455)) ||
-    markRootSuspended$1(workInProgressRoot, workInProgressRootRenderLanes);
+  workInProgressRootExitStatus = 4;
+  (0 === (workInProgressRootSkippedLanes & 134217727) &&
+    0 === (workInProgressRootInterleavedUpdatedLanes & 134217727)) ||
+    null === workInProgressRoot ||
+    markRootSuspended(
+      workInProgressRoot,
+      workInProgressRootRenderLanes,
+      workInProgressDeferredLane
+    );
 }
 function renderRootSync(root, lanes) {
   var prevExecutionContext = executionContext;
@@ -7639,28 +8577,159 @@ function renderRootSync(root, lanes) {
     workInProgressTransitions = null;
     prepareFreshStack(root, lanes);
   }
-  do
+  lanes = !1;
+  a: do
     try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress) {
+        memoizedUpdaters = workInProgress;
+        var thrownValue = workInProgressThrownValue;
+        switch (workInProgressSuspendedReason) {
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          case 3:
+          case 2:
+            lanes ||
+              null !== suspenseHandlerStackCursor.current ||
+              (lanes = !0);
+          default:
+            (workInProgressSuspendedReason = 0),
+              (workInProgressThrownValue = null),
+              throwAndUnwindWorkLoop(root, memoizedUpdaters, thrownValue);
+        }
+      }
       workLoopSync();
       break;
-    } catch (thrownValue) {
-      handleError(root, thrownValue);
+    } catch (thrownValue$110) {
+      handleThrow(root, thrownValue$110);
     }
   while (1);
+  lanes && root.shellSuspendCounter++;
   resetContextDependencies();
   executionContext = prevExecutionContext;
-  ReactCurrentDispatcher$2.current = prevDispatcher;
+  ReactCurrentDispatcher.current = prevDispatcher;
   if (null !== workInProgress)
     throw Error(
       "Cannot commit an incomplete root. This error is likely caused by a bug in React. Please file an issue."
     );
   workInProgressRoot = null;
   workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
   return workInProgressRootExitStatus;
 }
 function workLoopSync() {
   for (; null !== workInProgress; ) performUnitOfWork(workInProgress);
 }
+function renderRootConcurrent(root, lanes) {
+  var prevExecutionContext = executionContext;
+  executionContext |= 2;
+  var prevDispatcher = pushDispatcher();
+  if (workInProgressRoot !== root || workInProgressRootRenderLanes !== lanes) {
+    if (isDevToolsPresent) {
+      var memoizedUpdaters = root.memoizedUpdaters;
+      0 < memoizedUpdaters.size &&
+        (restorePendingUpdaters(root, workInProgressRootRenderLanes),
+        memoizedUpdaters.clear());
+      movePendingFibersToMemoized(root, lanes);
+    }
+    workInProgressTransitions = null;
+    workInProgressRootRenderTargetTime = now$1() + 500;
+    prepareFreshStack(root, lanes);
+  }
+  a: do
+    try {
+      if (0 !== workInProgressSuspendedReason && null !== workInProgress)
+        b: switch (
+          ((lanes = workInProgress),
+          (memoizedUpdaters = workInProgressThrownValue),
+          workInProgressSuspendedReason)
+        ) {
+          case 1:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
+            break;
+          case 2:
+            if (isThenableResolved(memoizedUpdaters)) {
+              workInProgressSuspendedReason = 0;
+              workInProgressThrownValue = null;
+              replaySuspendedUnitOfWork(lanes);
+              break;
+            }
+            lanes = function () {
+              2 === workInProgressSuspendedReason &&
+                workInProgressRoot === root &&
+                (workInProgressSuspendedReason = 7);
+              ensureRootIsScheduled(root);
+            };
+            memoizedUpdaters.then(lanes, lanes);
+            break a;
+          case 3:
+            workInProgressSuspendedReason = 7;
+            break a;
+          case 4:
+            workInProgressSuspendedReason = 5;
+            break a;
+          case 7:
+            isThenableResolved(memoizedUpdaters)
+              ? ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                replaySuspendedUnitOfWork(lanes))
+              : ((workInProgressSuspendedReason = 0),
+                (workInProgressThrownValue = null),
+                throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters));
+            break;
+          case 5:
+            switch (workInProgress.tag) {
+              case 5:
+              case 26:
+              case 27:
+                lanes = workInProgress;
+                workInProgressSuspendedReason = 0;
+                workInProgressThrownValue = null;
+                var sibling = lanes.sibling;
+                if (null !== sibling) workInProgress = sibling;
+                else {
+                  var returnFiber = lanes.return;
+                  null !== returnFiber
+                    ? ((workInProgress = returnFiber),
+                      completeUnitOfWork(returnFiber))
+                    : (workInProgress = null);
+                }
+                break b;
+            }
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
+            break;
+          case 6:
+            workInProgressSuspendedReason = 0;
+            workInProgressThrownValue = null;
+            throwAndUnwindWorkLoop(root, lanes, memoizedUpdaters);
+            break;
+          case 8:
+            resetWorkInProgressStack();
+            workInProgressRootExitStatus = 6;
+            break a;
+          default:
+            throw Error("Unexpected SuspendedReason. This is a bug in React.");
+        }
+      workLoopConcurrent();
+      break;
+    } catch (thrownValue$112) {
+      handleThrow(root, thrownValue$112);
+    }
+  while (1);
+  resetContextDependencies();
+  ReactCurrentDispatcher.current = prevDispatcher;
+  executionContext = prevExecutionContext;
+  if (null !== workInProgress) return 0;
+  workInProgressRoot = null;
+  workInProgressRootRenderLanes = 0;
+  finishQueueingConcurrentUpdates();
+  return workInProgressRootExitStatus;
+}
 function workLoopConcurrent() {
   for (; null !== workInProgress && !shouldYield(); )
     performUnitOfWork(workInProgress);
@@ -7668,59 +8737,146 @@ function workLoopConcurrent() {
 function performUnitOfWork(unitOfWork) {
   var current = unitOfWork.alternate;
   0 !== (unitOfWork.mode & 2)
-    ? ((profilerStartTime = now$1()),
-      0 > unitOfWork.actualStartTime && (unitOfWork.actualStartTime = now$1()),
-      (current = beginWork$1(current, unitOfWork, subtreeRenderLanes)),
+    ? (startProfilerTimer(unitOfWork),
+      (current = beginWork(current, unitOfWork, entangledRenderLanes)),
       stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0))
-    : (current = beginWork$1(current, unitOfWork, subtreeRenderLanes));
+    : (current = beginWork(current, unitOfWork, entangledRenderLanes));
+  unitOfWork.memoizedProps = unitOfWork.pendingProps;
+  null === current
+    ? completeUnitOfWork(unitOfWork)
+    : (workInProgress = current);
+  ReactCurrentOwner.current = null;
+}
+function replaySuspendedUnitOfWork(unitOfWork) {
+  var current = unitOfWork.alternate,
+    isProfilingMode = 0 !== (unitOfWork.mode & 2);
+  isProfilingMode && startProfilerTimer(unitOfWork);
+  switch (unitOfWork.tag) {
+    case 2:
+      unitOfWork.tag = 0;
+    case 15:
+    case 0:
+      var Component = unitOfWork.type,
+        unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultProps(Component, unresolvedProps);
+      var context = isContextProvider(Component)
+        ? previousContext
+        : contextStackCursor$1.current;
+      context = getMaskedContext(unitOfWork, context);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        context,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 11:
+      Component = unitOfWork.type.render;
+      unresolvedProps = unitOfWork.pendingProps;
+      unresolvedProps =
+        unitOfWork.elementType === Component
+          ? unresolvedProps
+          : resolveDefaultProps(Component, unresolvedProps);
+      current = replayFunctionComponent(
+        current,
+        unitOfWork,
+        unresolvedProps,
+        Component,
+        unitOfWork.ref,
+        workInProgressRootRenderLanes
+      );
+      break;
+    case 5:
+      resetHooksOnUnwind(unitOfWork);
+    default:
+      unwindInterruptedWork(current, unitOfWork),
+        (unitOfWork = workInProgress =
+          resetWorkInProgress(unitOfWork, entangledRenderLanes)),
+        (current = beginWork(current, unitOfWork, entangledRenderLanes));
+  }
+  isProfilingMode && stopProfilerTimerIfRunningAndRecordDelta(unitOfWork, !0);
   unitOfWork.memoizedProps = unitOfWork.pendingProps;
   null === current
     ? completeUnitOfWork(unitOfWork)
     : (workInProgress = current);
-  ReactCurrentOwner$2.current = null;
+  ReactCurrentOwner.current = null;
+}
+function throwAndUnwindWorkLoop(root, unitOfWork, thrownValue) {
+  resetContextDependencies();
+  resetHooksOnUnwind(unitOfWork);
+  thenableState$1 = null;
+  thenableIndexCounter$1 = 0;
+  var returnFiber = unitOfWork.return;
+  try {
+    if (
+      throwException(
+        root,
+        returnFiber,
+        unitOfWork,
+        thrownValue,
+        workInProgressRootRenderLanes
+      )
+    ) {
+      workInProgressRootExitStatus = 1;
+      workInProgressRootFatalError = thrownValue;
+      workInProgress = null;
+      return;
+    }
+  } catch (error) {
+    if (null !== returnFiber) throw ((workInProgress = returnFiber), error);
+    workInProgressRootExitStatus = 1;
+    workInProgressRootFatalError = thrownValue;
+    workInProgress = null;
+    return;
+  }
+  if (unitOfWork.flags & 32768)
+    a: {
+      root = unitOfWork;
+      do {
+        unitOfWork = unwindWork(root.alternate, root);
+        if (null !== unitOfWork) {
+          unitOfWork.flags &= 32767;
+          workInProgress = unitOfWork;
+          break a;
+        }
+        if (0 !== (root.mode & 2)) {
+          stopProfilerTimerIfRunningAndRecordDelta(root, !1);
+          unitOfWork = root.actualDuration;
+          for (thrownValue = root.child; null !== thrownValue; )
+            (unitOfWork += thrownValue.actualDuration),
+              (thrownValue = thrownValue.sibling);
+          root.actualDuration = unitOfWork;
+        }
+        root = root.return;
+        null !== root &&
+          ((root.flags |= 32768),
+          (root.subtreeFlags = 0),
+          (root.deletions = null));
+        workInProgress = root;
+      } while (null !== root);
+      workInProgressRootExitStatus = 6;
+      workInProgress = null;
+    }
+  else completeUnitOfWork(unitOfWork);
 }
 function completeUnitOfWork(unitOfWork) {
   var completedWork = unitOfWork;
   do {
     var current = completedWork.alternate;
     unitOfWork = completedWork.return;
-    if (0 === (completedWork.flags & 32768)) {
-      if (0 === (completedWork.mode & 2))
-        current = completeWork(current, completedWork, subtreeRenderLanes);
-      else {
-        var fiber = completedWork;
-        profilerStartTime = now$1();
-        0 > fiber.actualStartTime && (fiber.actualStartTime = now$1());
-        current = completeWork(current, completedWork, subtreeRenderLanes);
-        stopProfilerTimerIfRunningAndRecordDelta(completedWork, !1);
-      }
-      if (null !== current) {
-        workInProgress = current;
-        return;
-      }
-    } else {
-      current = unwindWork(current, completedWork);
-      if (null !== current) {
-        current.flags &= 32767;
-        workInProgress = current;
-        return;
-      }
-      if (0 !== (completedWork.mode & 2)) {
-        stopProfilerTimerIfRunningAndRecordDelta(completedWork, !1);
-        current = completedWork.actualDuration;
-        for (fiber = completedWork.child; null !== fiber; )
-          (current += fiber.actualDuration), (fiber = fiber.sibling);
-        completedWork.actualDuration = current;
-      }
-      if (null !== unitOfWork)
-        (unitOfWork.flags |= 32768),
-          (unitOfWork.subtreeFlags = 0),
-          (unitOfWork.deletions = null);
-      else {
-        workInProgressRootExitStatus = 6;
-        workInProgress = null;
-        return;
-      }
+    0 === (completedWork.mode & 2)
+      ? (current = completeWork(current, completedWork, entangledRenderLanes))
+      : (startProfilerTimer(completedWork),
+        (current = completeWork(current, completedWork, entangledRenderLanes)),
+        stopProfilerTimerIfRunningAndRecordDelta(completedWork, !1));
+    if (null !== current) {
+      workInProgress = current;
+      return;
     }
     completedWork = completedWork.sibling;
     if (null !== completedWork) {
@@ -7731,20 +8887,21 @@ function completeUnitOfWork(unitOfWork) {
   } while (null !== completedWork);
   0 === workInProgressRootExitStatus && (workInProgressRootExitStatus = 5);
 }
-function commitRoot(root, recoverableErrors, transitions) {
+function commitRoot(root, recoverableErrors, transitions, spawnedLane) {
   var previousUpdateLanePriority = currentUpdatePriority,
-    prevTransition = ReactCurrentBatchConfig$2.transition;
+    prevTransition = ReactCurrentBatchConfig.transition;
   try {
-    (ReactCurrentBatchConfig$2.transition = null),
-      (currentUpdatePriority = 1),
+    (ReactCurrentBatchConfig.transition = null),
+      (currentUpdatePriority = 2),
       commitRootImpl(
         root,
         recoverableErrors,
         transitions,
-        previousUpdateLanePriority
+        previousUpdateLanePriority,
+        spawnedLane
       );
   } finally {
-    (ReactCurrentBatchConfig$2.transition = prevTransition),
+    (ReactCurrentBatchConfig.transition = prevTransition),
       (currentUpdatePriority = previousUpdateLanePriority);
   }
   return null;
@@ -7753,101 +8910,107 @@ function commitRootImpl(
   root,
   recoverableErrors,
   transitions,
-  renderPriorityLevel
+  renderPriorityLevel,
+  spawnedLane
 ) {
   do flushPassiveEffects();
   while (null !== rootWithPendingPassiveEffects);
   if (0 !== (executionContext & 6))
     throw Error("Should not already be working.");
-  transitions = root.finishedWork;
-  var lanes = root.finishedLanes;
-  if (null === transitions) return null;
+  var finishedWork = root.finishedWork;
+  transitions = root.finishedLanes;
+  if (null === finishedWork) return null;
   root.finishedWork = null;
   root.finishedLanes = 0;
-  if (transitions === root.current)
+  if (finishedWork === root.current)
     throw Error(
       "Cannot commit the same tree as before. This error is likely caused by a bug in React. Please file an issue."
     );
   root.callbackNode = null;
   root.callbackPriority = 0;
-  var remainingLanes = transitions.lanes | transitions.childLanes;
-  markRootFinished(root, remainingLanes);
+  root.cancelPendingCommit = null;
+  var remainingLanes = finishedWork.lanes | finishedWork.childLanes;
+  remainingLanes |= concurrentlyUpdatedLanes;
+  markRootFinished(root, remainingLanes, spawnedLane);
   root === workInProgressRoot &&
     ((workInProgress = workInProgressRoot = null),
     (workInProgressRootRenderLanes = 0));
-  (0 === (transitions.subtreeFlags & 2064) &&
-    0 === (transitions.flags & 2064)) ||
+  (0 === (finishedWork.subtreeFlags & 10256) &&
+    0 === (finishedWork.flags & 10256)) ||
     rootDoesHavePassiveEffects ||
     ((rootDoesHavePassiveEffects = !0),
-    scheduleCallback$1(NormalPriority, function() {
+    scheduleCallback(NormalPriority, function () {
       flushPassiveEffects();
       return null;
     }));
-  remainingLanes = 0 !== (transitions.flags & 15990);
-  if (0 !== (transitions.subtreeFlags & 15990) || remainingLanes) {
-    remainingLanes = ReactCurrentBatchConfig$2.transition;
-    ReactCurrentBatchConfig$2.transition = null;
-    var previousPriority = currentUpdatePriority;
-    currentUpdatePriority = 1;
+  spawnedLane = 0 !== (finishedWork.flags & 15990);
+  if (0 !== (finishedWork.subtreeFlags & 15990) || spawnedLane) {
+    spawnedLane = ReactCurrentBatchConfig.transition;
+    ReactCurrentBatchConfig.transition = null;
+    remainingLanes = currentUpdatePriority;
+    currentUpdatePriority = 2;
     var prevExecutionContext = executionContext;
     executionContext |= 4;
-    ReactCurrentOwner$2.current = null;
-    commitBeforeMutationEffects(root, transitions);
-    commitTime = now$1();
-    commitMutationEffects(root, transitions, lanes);
-    root.current = transitions;
-    commitLayoutEffects(transitions, root, lanes);
+    ReactCurrentOwner.current = null;
+    commitBeforeMutationEffects(root, finishedWork);
+    commitTime = now();
+    commitMutationEffects(root, finishedWork, transitions);
+    root.current = finishedWork;
+    commitLayoutEffects(finishedWork, root, transitions);
     requestPaint();
     executionContext = prevExecutionContext;
-    currentUpdatePriority = previousPriority;
-    ReactCurrentBatchConfig$2.transition = remainingLanes;
-  } else (root.current = transitions), (commitTime = now$1());
+    currentUpdatePriority = remainingLanes;
+    ReactCurrentBatchConfig.transition = spawnedLane;
+  } else (root.current = finishedWork), (commitTime = now());
   rootDoesHavePassiveEffects &&
     ((rootDoesHavePassiveEffects = !1),
     (rootWithPendingPassiveEffects = root),
-    (pendingPassiveEffectsLanes = lanes));
+    (pendingPassiveEffectsLanes = transitions));
   remainingLanes = root.pendingLanes;
   0 === remainingLanes && (legacyErrorBoundariesThatAlreadyFailed = null);
-  onCommitRoot(transitions.stateNode, renderPriorityLevel);
+  onCommitRoot(finishedWork.stateNode, renderPriorityLevel);
   isDevToolsPresent && root.memoizedUpdaters.clear();
-  ensureRootIsScheduled(root, now());
+  ensureRootIsScheduled(root);
   if (null !== recoverableErrors)
     for (
-      renderPriorityLevel = root.onRecoverableError, transitions = 0;
-      transitions < recoverableErrors.length;
-      transitions++
+      renderPriorityLevel = root.onRecoverableError, finishedWork = 0;
+      finishedWork < recoverableErrors.length;
+      finishedWork++
     )
-      (lanes = recoverableErrors[transitions]),
-        renderPriorityLevel(lanes.value, {
-          componentStack: lanes.stack,
-          digest: lanes.digest
-        });
+      (spawnedLane = recoverableErrors[finishedWork]),
+        (remainingLanes = {
+          digest: spawnedLane.digest,
+          componentStack: spawnedLane.stack
+        }),
+        renderPriorityLevel(spawnedLane.value, remainingLanes);
   if (hasUncaughtError)
-    throw ((hasUncaughtError = !1),
-    (root = firstUncaughtError),
-    (firstUncaughtError = null),
-    root);
-  0 !== (pendingPassiveEffectsLanes & 1) &&
+    throw (
+      ((hasUncaughtError = !1),
+      (root = firstUncaughtError),
+      (firstUncaughtError = null),
+      root)
+    );
+  0 !== (pendingPassiveEffectsLanes & 3) &&
     0 !== root.tag &&
     flushPassiveEffects();
   remainingLanes = root.pendingLanes;
-  0 !== (remainingLanes & 1)
+  0 !== (transitions & 4194218) && 0 !== (remainingLanes & 42)
     ? ((nestedUpdateScheduled = !0),
       root === rootWithNestedUpdates
         ? nestedUpdateCount++
         : ((nestedUpdateCount = 0), (rootWithNestedUpdates = root)))
     : (nestedUpdateCount = 0);
-  flushSyncCallbacks();
+  flushSyncWorkAcrossRoots_impl(!1);
   return null;
 }
 function flushPassiveEffects() {
   if (null !== rootWithPendingPassiveEffects) {
     var renderPriority = lanesToEventPriority(pendingPassiveEffectsLanes),
-      prevTransition = ReactCurrentBatchConfig$2.transition,
+      prevTransition = ReactCurrentBatchConfig.transition,
       previousPriority = currentUpdatePriority;
     try {
-      ReactCurrentBatchConfig$2.transition = null;
-      currentUpdatePriority = 16 > renderPriority ? 16 : renderPriority;
+      ReactCurrentBatchConfig.transition = null;
+      currentUpdatePriority = 32 > renderPriority ? 32 : renderPriority;
       if (null === rootWithPendingPassiveEffects)
         var JSCompiler_inline_result = !1;
       else {
@@ -7858,161 +9021,35 @@ function flushPassiveEffects() {
           throw Error("Cannot flush passive effects while already rendering.");
         var prevExecutionContext = executionContext;
         executionContext |= 4;
-        for (nextEffect = renderPriority.current; null !== nextEffect; ) {
-          var fiber = nextEffect,
-            child = fiber.child;
-          if (0 !== (nextEffect.flags & 16)) {
-            var deletions = fiber.deletions;
-            if (null !== deletions) {
-              for (var i = 0; i < deletions.length; i++) {
-                var fiberToDelete = deletions[i];
-                for (nextEffect = fiberToDelete; null !== nextEffect; ) {
-                  var fiber$jscomp$0 = nextEffect,
-                    current = fiber$jscomp$0;
-                  switch (current.tag) {
-                    case 0:
-                    case 11:
-                    case 15:
-                      current.mode & 2
-                        ? ((passiveEffectStartTime = now$1()),
-                          commitHookEffectListUnmount(8, current, fiber),
-                          recordPassiveEffectDuration(current))
-                        : commitHookEffectListUnmount(8, current, fiber);
-                  }
-                  var child$jscomp$0 = fiber$jscomp$0.child;
-                  if (null !== child$jscomp$0)
-                    (child$jscomp$0.return = fiber$jscomp$0),
-                      (nextEffect = child$jscomp$0);
-                  else
-                    for (; null !== nextEffect; ) {
-                      fiber$jscomp$0 = nextEffect;
-                      var sibling = fiber$jscomp$0.sibling,
-                        returnFiber = fiber$jscomp$0.return;
-                      detachFiberAfterEffects(fiber$jscomp$0);
-                      if (fiber$jscomp$0 === fiberToDelete) {
-                        nextEffect = null;
-                        break;
-                      }
-                      if (null !== sibling) {
-                        sibling.return = returnFiber;
-                        nextEffect = sibling;
-                        break;
-                      }
-                      nextEffect = returnFiber;
-                    }
-                }
-              }
-              var previousFiber = fiber.alternate;
-              if (null !== previousFiber) {
-                var detachedChild = previousFiber.child;
-                if (null !== detachedChild) {
-                  previousFiber.child = null;
-                  do {
-                    var detachedSibling = detachedChild.sibling;
-                    detachedChild.sibling = null;
-                    detachedChild = detachedSibling;
-                  } while (null !== detachedChild);
-                }
-              }
-              nextEffect = fiber;
-            }
-          }
-          if (0 !== (fiber.subtreeFlags & 2064) && null !== child)
-            (child.return = fiber), (nextEffect = child);
-          else
-            b: for (; null !== nextEffect; ) {
-              fiber = nextEffect;
-              if (0 !== (fiber.flags & 2048))
-                switch (((i = fiber), i.tag)) {
-                  case 0:
-                  case 11:
-                  case 15:
-                    i.mode & 2
-                      ? ((passiveEffectStartTime = now$1()),
-                        commitHookEffectListUnmount(9, i, i.return),
-                        recordPassiveEffectDuration(i))
-                      : commitHookEffectListUnmount(9, i, i.return);
-                }
-              var sibling$jscomp$0 = fiber.sibling;
-              if (null !== sibling$jscomp$0) {
-                sibling$jscomp$0.return = fiber.return;
-                nextEffect = sibling$jscomp$0;
-                break b;
-              }
-              nextEffect = fiber.return;
-            }
-        }
-        var finishedWork = renderPriority.current;
-        for (nextEffect = finishedWork; null !== nextEffect; ) {
-          child = nextEffect;
-          var firstChild = child.child;
-          if (0 !== (child.subtreeFlags & 2064) && null !== firstChild)
-            (firstChild.return = child), (nextEffect = firstChild);
-          else
-            b: for (child = finishedWork; null !== nextEffect; ) {
-              deletions = nextEffect;
-              if (0 !== (deletions.flags & 2048))
-                try {
-                  switch (((fiberToDelete = deletions), fiberToDelete.tag)) {
-                    case 0:
-                    case 11:
-                    case 15:
-                      if (fiberToDelete.mode & 2) {
-                        passiveEffectStartTime = now$1();
-                        try {
-                          commitHookEffectListMount(9, fiberToDelete);
-                        } finally {
-                          recordPassiveEffectDuration(fiberToDelete);
-                        }
-                      } else commitHookEffectListMount(9, fiberToDelete);
-                  }
-                } catch (error) {
-                  captureCommitPhaseError(deletions, deletions.return, error);
-                }
-              if (deletions === child) {
-                nextEffect = null;
-                break b;
-              }
-              var sibling$jscomp$1 = deletions.sibling;
-              if (null !== sibling$jscomp$1) {
-                sibling$jscomp$1.return = deletions.return;
-                nextEffect = sibling$jscomp$1;
-                break b;
-              }
-              nextEffect = deletions.return;
-            }
-        }
-        finishedWork = pendingPassiveProfilerEffects;
+        commitPassiveUnmountOnFiber(renderPriority.current);
+        commitPassiveMountOnFiber(renderPriority, renderPriority.current);
+        var profilerEffects = pendingPassiveProfilerEffects;
         pendingPassiveProfilerEffects = [];
-        for (firstChild = 0; firstChild < finishedWork.length; firstChild++) {
-          var finishedWork$jscomp$0 = finishedWork[firstChild];
-          if (0 !== (finishedWork$jscomp$0.flags & 4))
-            switch (finishedWork$jscomp$0.tag) {
+        for (var i = 0; i < profilerEffects.length; i++) {
+          var finishedWork = profilerEffects[i];
+          if (executionContext & 4 && 0 !== (finishedWork.flags & 4))
+            switch (finishedWork.tag) {
               case 12:
                 var passiveEffectDuration =
-                    finishedWork$jscomp$0.stateNode.passiveEffectDuration,
-                  _finishedWork$memoize = finishedWork$jscomp$0.memoizedProps,
+                    finishedWork.stateNode.passiveEffectDuration,
+                  _finishedWork$memoize = finishedWork.memoizedProps,
                   id = _finishedWork$memoize.id,
-                  onPostCommit = _finishedWork$memoize.onPostCommit;
-                sibling$jscomp$1 = commitTime;
-                var phase =
-                  null === finishedWork$jscomp$0.alternate ? "mount" : "update";
+                  onPostCommit = _finishedWork$memoize.onPostCommit,
+                  commitTime$87 = commitTime,
+                  phase = null === finishedWork.alternate ? "mount" : "update";
                 currentUpdateIsNested && (phase = "nested-update");
                 "function" === typeof onPostCommit &&
-                  onPostCommit(
-                    id,
-                    phase,
-                    passiveEffectDuration,
-                    sibling$jscomp$1
-                  );
-                var parentFiber = finishedWork$jscomp$0.return;
+                  onPostCommit(id, phase, passiveEffectDuration, commitTime$87);
+                var parentFiber = finishedWork.return;
                 b: for (; null !== parentFiber; ) {
                   switch (parentFiber.tag) {
                     case 3:
-                      parentFiber.stateNode.passiveEffectDuration += passiveEffectDuration;
+                      parentFiber.stateNode.passiveEffectDuration +=
+                        passiveEffectDuration;
                       break b;
                     case 12:
-                      parentFiber.stateNode.passiveEffectDuration += passiveEffectDuration;
+                      parentFiber.stateNode.passiveEffectDuration +=
+                        passiveEffectDuration;
                       break b;
                   }
                   parentFiber = parentFiber.return;
@@ -8020,7 +9057,7 @@ function flushPassiveEffects() {
             }
         }
         executionContext = prevExecutionContext;
-        flushSyncCallbacks();
+        flushSyncWorkAcrossRoots_impl(!1);
         if (
           injectedHook &&
           "function" === typeof injectedHook.onPostCommitFiberRoot
@@ -8036,7 +9073,7 @@ function flushPassiveEffects() {
       return JSCompiler_inline_result;
     } finally {
       (currentUpdatePriority = previousPriority),
-        (ReactCurrentBatchConfig$2.transition = prevTransition);
+        (ReactCurrentBatchConfig.transition = prevTransition);
     }
   }
   return !1;
@@ -8045,29 +9082,23 @@ function enqueuePendingPassiveProfilerEffect(fiber) {
   pendingPassiveProfilerEffects.push(fiber);
   rootDoesHavePassiveEffects ||
     ((rootDoesHavePassiveEffects = !0),
-    scheduleCallback$1(NormalPriority, function() {
+    scheduleCallback(NormalPriority, function () {
       flushPassiveEffects();
       return null;
     }));
 }
 function captureCommitPhaseErrorOnRoot(rootFiber, sourceFiber, error) {
   sourceFiber = createCapturedValueAtFiber(error, sourceFiber);
-  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 1);
-  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 1);
-  sourceFiber = requestEventTime();
+  sourceFiber = createRootErrorUpdate(rootFiber, sourceFiber, 2);
+  rootFiber = enqueueUpdate(rootFiber, sourceFiber, 2);
   null !== rootFiber &&
-    (markRootUpdated(rootFiber, 1, sourceFiber),
-    ensureRootIsScheduled(rootFiber, sourceFiber));
+    (markRootUpdated(rootFiber, 2), ensureRootIsScheduled(rootFiber));
 }
 function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
   if (3 === sourceFiber.tag)
     captureCommitPhaseErrorOnRoot(sourceFiber, sourceFiber, error);
   else
-    for (
-      nearestMountedAncestor = sourceFiber.return;
-      null !== nearestMountedAncestor;
-
-    ) {
+    for (; null !== nearestMountedAncestor; ) {
       if (3 === nearestMountedAncestor.tag) {
         captureCommitPhaseErrorOnRoot(
           nearestMountedAncestor,
@@ -8088,51 +9119,61 @@ function captureCommitPhaseError(sourceFiber, nearestMountedAncestor, error) {
           sourceFiber = createClassErrorUpdate(
             nearestMountedAncestor,
             sourceFiber,
-            1
+            2
           );
           nearestMountedAncestor = enqueueUpdate(
             nearestMountedAncestor,
             sourceFiber,
-            1
+            2
           );
-          sourceFiber = requestEventTime();
           null !== nearestMountedAncestor &&
-            (markRootUpdated(nearestMountedAncestor, 1, sourceFiber),
-            ensureRootIsScheduled(nearestMountedAncestor, sourceFiber));
+            (markRootUpdated(nearestMountedAncestor, 2),
+            ensureRootIsScheduled(nearestMountedAncestor));
           break;
         }
       }
       nearestMountedAncestor = nearestMountedAncestor.return;
     }
 }
+function attachPingListener(root, wakeable, lanes) {
+  var pingCache = root.pingCache;
+  if (null === pingCache) {
+    pingCache = root.pingCache = new PossiblyWeakMap();
+    var threadIDs = new Set();
+    pingCache.set(wakeable, threadIDs);
+  } else
+    (threadIDs = pingCache.get(wakeable)),
+      void 0 === threadIDs &&
+        ((threadIDs = new Set()), pingCache.set(wakeable, threadIDs));
+  threadIDs.has(lanes) ||
+    ((workInProgressRootDidAttachPingListener = !0),
+    threadIDs.add(lanes),
+    (pingCache = pingSuspendedRoot.bind(null, root, wakeable, lanes)),
+    isDevToolsPresent && restorePendingUpdaters(root, lanes),
+    wakeable.then(pingCache, pingCache));
+}
 function pingSuspendedRoot(root, wakeable, pingedLanes) {
   var pingCache = root.pingCache;
   null !== pingCache && pingCache.delete(wakeable);
-  wakeable = requestEventTime();
   root.pingedLanes |= root.suspendedLanes & pingedLanes;
   workInProgressRoot === root &&
     (workInProgressRootRenderLanes & pingedLanes) === pingedLanes &&
     (4 === workInProgressRootExitStatus ||
     (3 === workInProgressRootExitStatus &&
-      (workInProgressRootRenderLanes & 130023424) ===
+      (workInProgressRootRenderLanes & 62914560) ===
         workInProgressRootRenderLanes &&
-      500 > now() - globalMostRecentFallbackTime)
-      ? prepareFreshStack(root, 0)
+      300 > now$1() - globalMostRecentFallbackTime)
+      ? 0 === (executionContext & 2) && prepareFreshStack(root, 0)
       : (workInProgressRootPingedLanes |= pingedLanes));
-  ensureRootIsScheduled(root, wakeable);
+  ensureRootIsScheduled(root);
 }
 function retryTimedOutBoundary(boundaryFiber, retryLane) {
   0 === retryLane &&
-    (0 === (boundaryFiber.mode & 1)
-      ? (retryLane = 1)
-      : ((retryLane = nextRetryLane),
-        (nextRetryLane <<= 1),
-        0 === (nextRetryLane & 130023424) && (nextRetryLane = 4194304)));
-  var eventTime = requestEventTime();
-  boundaryFiber = markUpdateLaneFromFiberToRoot(boundaryFiber, retryLane);
+    (retryLane = 0 === (boundaryFiber.mode & 1) ? 2 : claimNextRetryLane());
+  boundaryFiber = enqueueConcurrentRenderForLane(boundaryFiber, retryLane);
   null !== boundaryFiber &&
-    (markRootUpdated(boundaryFiber, retryLane, eventTime),
-    ensureRootIsScheduled(boundaryFiber, eventTime));
+    (markRootUpdated(boundaryFiber, retryLane),
+    ensureRootIsScheduled(boundaryFiber));
 }
 function retryDehydratedSuspenseBoundary(boundaryFiber) {
   var suspenseState = boundaryFiber.memoizedState,
@@ -8151,6 +9192,9 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
     case 19:
       retryCache = boundaryFiber.stateNode;
       break;
+    case 22:
+      retryCache = boundaryFiber.stateNode._retryCache;
+      break;
     default:
       throw Error(
         "Pinged unknown suspense boundary type. This is probably a bug in React."
@@ -8159,8 +9203,8 @@ function resolveRetryWakeable(boundaryFiber, wakeable) {
   null !== retryCache && retryCache.delete(wakeable);
   retryTimedOutBoundary(boundaryFiber, retryLane);
 }
-var beginWork$1;
-beginWork$1 = function(current, workInProgress, renderLanes) {
+var beginWork;
+beginWork = function (current, workInProgress, renderLanes) {
   if (null !== current)
     if (
       current.memoizedProps !== workInProgress.pendingProps ||
@@ -8191,7 +9235,7 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
       current = workInProgress.pendingProps;
       var context = getMaskedContext(
         workInProgress,
-        contextStackCursor.current
+        contextStackCursor$1.current
       );
       prepareToReadContext(workInProgress, renderLanes);
       context = renderWithHooks(
@@ -8343,11 +9387,13 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
         : (reconcileChildren(current, workInProgress, context, renderLanes),
           (workInProgress = workInProgress.child));
       return workInProgress;
+    case 26:
+    case 27:
     case 5:
       return (
         pushHostContext(workInProgress),
         (Component = workInProgress.pendingProps.children),
-        markRef(current, workInProgress),
+        markRef$1(current, workInProgress),
         reconcileChildren(current, workInProgress, Component, renderLanes),
         workInProgress.child
       );
@@ -8460,7 +9506,7 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
                 ) {
                   if (dependency.context === Component) {
                     if (1 === hasContext.tag) {
-                      dependency = createUpdate(-1, renderLanes & -renderLanes);
+                      dependency = createUpdate(renderLanes & -renderLanes);
                       dependency.tag = 2;
                       var updateQueue = hasContext.updateQueue;
                       if (null !== updateQueue) {
@@ -8603,21 +9649,31 @@ beginWork$1 = function(current, workInProgress, renderLanes) {
 };
 function restorePendingUpdaters(root, lanes) {
   isDevToolsPresent &&
-    root.memoizedUpdaters.forEach(function(schedulingFiber) {
+    root.memoizedUpdaters.forEach(function (schedulingFiber) {
       addFiberToLanesMap(root, schedulingFiber, lanes);
     });
 }
-function scheduleCallback$1(priorityLevel, callback) {
-  return scheduleCallback(priorityLevel, callback);
+function scheduleCallback(priorityLevel, callback) {
+  return scheduleCallback$2(priorityLevel, callback);
 }
 function FiberNode(tag, pendingProps, key, mode) {
   this.tag = tag;
   this.key = key;
-  this.sibling = this.child = this.return = this.stateNode = this.type = this.elementType = null;
+  this.sibling =
+    this.child =
+    this.return =
+    this.stateNode =
+    this.type =
+    this.elementType =
+      null;
   this.index = 0;
-  this.ref = null;
+  this.refCleanup = this.ref = null;
   this.pendingProps = pendingProps;
-  this.dependencies = this.memoizedState = this.updateQueue = this.memoizedProps = null;
+  this.dependencies =
+    this.memoizedState =
+    this.updateQueue =
+    this.memoizedProps =
+      null;
   this.mode = mode;
   this.subtreeFlags = this.flags = 0;
   this.deletions = null;
@@ -8665,7 +9721,7 @@ function createWorkInProgress(current, pendingProps) {
       (workInProgress.deletions = null),
       (workInProgress.actualDuration = 0),
       (workInProgress.actualStartTime = -1));
-  workInProgress.flags = current.flags & 14680064;
+  workInProgress.flags = current.flags & 31457280;
   workInProgress.childLanes = current.childLanes;
   workInProgress.lanes = current.lanes;
   workInProgress.child = current.child;
@@ -8680,10 +9736,47 @@ function createWorkInProgress(current, pendingProps) {
   workInProgress.sibling = current.sibling;
   workInProgress.index = current.index;
   workInProgress.ref = current.ref;
+  workInProgress.refCleanup = current.refCleanup;
   workInProgress.selfBaseDuration = current.selfBaseDuration;
   workInProgress.treeBaseDuration = current.treeBaseDuration;
   return workInProgress;
 }
+function resetWorkInProgress(workInProgress, renderLanes) {
+  workInProgress.flags &= 31457282;
+  var current = workInProgress.alternate;
+  null === current
+    ? ((workInProgress.childLanes = 0),
+      (workInProgress.lanes = renderLanes),
+      (workInProgress.child = null),
+      (workInProgress.subtreeFlags = 0),
+      (workInProgress.memoizedProps = null),
+      (workInProgress.memoizedState = null),
+      (workInProgress.updateQueue = null),
+      (workInProgress.dependencies = null),
+      (workInProgress.stateNode = null),
+      (workInProgress.selfBaseDuration = 0),
+      (workInProgress.treeBaseDuration = 0))
+    : ((workInProgress.childLanes = current.childLanes),
+      (workInProgress.lanes = current.lanes),
+      (workInProgress.child = current.child),
+      (workInProgress.subtreeFlags = 0),
+      (workInProgress.deletions = null),
+      (workInProgress.memoizedProps = current.memoizedProps),
+      (workInProgress.memoizedState = current.memoizedState),
+      (workInProgress.updateQueue = current.updateQueue),
+      (workInProgress.type = current.type),
+      (renderLanes = current.dependencies),
+      (workInProgress.dependencies =
+        null === renderLanes
+          ? null
+          : {
+              lanes: renderLanes.lanes,
+              firstContext: renderLanes.firstContext
+            }),
+      (workInProgress.selfBaseDuration = current.selfBaseDuration),
+      (workInProgress.treeBaseDuration = current.treeBaseDuration));
+  return workInProgress;
+}
 function createFiberFromTypeAndProps(
   type,
   key,
@@ -8703,6 +9796,7 @@ function createFiberFromTypeAndProps(
       case REACT_STRICT_MODE_TYPE:
         fiberTag = 8;
         mode |= 8;
+        0 !== (mode & 1) && (mode |= 16);
         break;
       case REACT_PROFILER_TYPE:
         return (
@@ -8768,7 +9862,41 @@ function createFiberFromOffscreen(pendingProps, mode, lanes, key) {
   pendingProps = createFiber(22, pendingProps, key, mode);
   pendingProps.elementType = REACT_OFFSCREEN_TYPE;
   pendingProps.lanes = lanes;
-  pendingProps.stateNode = { isHidden: !1 };
+  var primaryChildInstance = {
+    _visibility: 1,
+    _pendingVisibility: 1,
+    _pendingMarkers: null,
+    _retryCache: null,
+    _transitions: null,
+    _current: null,
+    detach: function () {
+      var fiber = primaryChildInstance._current;
+      if (null === fiber)
+        throw Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      if (0 === (primaryChildInstance._pendingVisibility & 2)) {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root &&
+          ((primaryChildInstance._pendingVisibility |= 2),
+          scheduleUpdateOnFiber(root, fiber, 2));
+      }
+    },
+    attach: function () {
+      var fiber = primaryChildInstance._current;
+      if (null === fiber)
+        throw Error(
+          "Calling Offscreen.detach before instance handle has been set."
+        );
+      if (0 !== (primaryChildInstance._pendingVisibility & 2)) {
+        var root = enqueueConcurrentRenderForLane(fiber, 2);
+        null !== root &&
+          ((primaryChildInstance._pendingVisibility &= -3),
+          scheduleUpdateOnFiber(root, fiber, 2));
+      }
+    }
+  };
+  pendingProps.stateNode = primaryChildInstance;
   return pendingProps;
 }
 function createFiberFromText(content, mode, lanes) {
@@ -8796,26 +9924,46 @@ function FiberRootNode(
   tag,
   hydrate,
   identifierPrefix,
-  onRecoverableError
+  onRecoverableError,
+  formState
 ) {
   this.tag = tag;
   this.containerInfo = containerInfo;
-  this.finishedWork = this.pingCache = this.current = this.pendingChildren = null;
+  this.finishedWork =
+    this.pingCache =
+    this.current =
+    this.pendingChildren =
+      null;
   this.timeoutHandle = -1;
-  this.callbackNode = this.pendingContext = this.context = null;
+  this.callbackNode =
+    this.next =
+    this.pendingContext =
+    this.context =
+    this.cancelPendingCommit =
+      null;
   this.callbackPriority = 0;
-  this.eventTimes = createLaneMap(0);
   this.expirationTimes = createLaneMap(-1);
-  this.entangledLanes = this.finishedLanes = this.mutableReadLanes = this.expiredLanes = this.pingedLanes = this.suspendedLanes = this.pendingLanes = 0;
+  this.entangledLanes =
+    this.shellSuspendCounter =
+    this.errorRecoveryDisabledLanes =
+    this.finishedLanes =
+    this.expiredLanes =
+    this.pingedLanes =
+    this.suspendedLanes =
+    this.pendingLanes =
+      0;
   this.entanglements = createLaneMap(0);
+  this.hiddenUpdates = createLaneMap(null);
   this.identifierPrefix = identifierPrefix;
   this.onRecoverableError = onRecoverableError;
+  this.formState = formState;
+  this.incompleteTransitions = new Map();
   this.passiveEffectDuration = this.effectDuration = 0;
   this.memoizedUpdaters = new Set();
   containerInfo = this.pendingUpdatersLaneMap = [];
   for (tag = 0; 31 > tag; tag++) containerInfo.push(new Set());
 }
-function createPortal(children, containerInfo, implementation) {
+function createPortal$1(children, containerInfo, implementation) {
   var key =
     3 < arguments.length && void 0 !== arguments[3] ? arguments[3] : null;
   return {
@@ -8837,11 +9985,10 @@ function findHostInstance(component) {
     );
   }
   component = findCurrentHostFiber(fiber);
-  return null === component ? null : component.stateNode;
+  return null === component ? null : getPublicInstance(component.stateNode);
 }
 function updateContainer(element, container, parentComponent, callback) {
   var current = container.current,
-    eventTime = requestEventTime(),
     lane = requestUpdateLane(current);
   a: if (parentComponent) {
     parentComponent = parentComponent._reactInternals;
@@ -8890,13 +10037,13 @@ function updateContainer(element, container, parentComponent, callback) {
   null === container.context
     ? (container.context = parentComponent)
     : (container.pendingContext = parentComponent);
-  container = createUpdate(eventTime, lane);
+  container = createUpdate(lane);
   container.payload = { element: element };
   callback = void 0 === callback ? null : callback;
   null !== callback && (container.callback = callback);
   element = enqueueUpdate(current, container, lane);
   null !== element &&
-    (scheduleUpdateOnFiber(element, current, lane, eventTime),
+    (scheduleUpdateOnFiber(element, current, lane),
     entangleTransitions(element, current, lane));
   return lane;
 }
@@ -8907,14 +10054,27 @@ function findNodeHandle(componentOrHandle) {
   if (null == componentOrHandle) return null;
   if ("number" === typeof componentOrHandle) return componentOrHandle;
   if (componentOrHandle._nativeTag) return componentOrHandle._nativeTag;
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-    return componentOrHandle.canonical._nativeTag;
+  if (
+    null != componentOrHandle.canonical &&
+    null != componentOrHandle.canonical.nativeTag
+  )
+    return componentOrHandle.canonical.nativeTag;
+  var nativeTag =
+    ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+      componentOrHandle
+    );
+  if (nativeTag) return nativeTag;
   componentOrHandle = findHostInstance(componentOrHandle);
   return null == componentOrHandle
     ? componentOrHandle
-    : componentOrHandle.canonical
-    ? componentOrHandle.canonical._nativeTag
-    : componentOrHandle._nativeTag;
+    : null != componentOrHandle._nativeTag
+    ? componentOrHandle._nativeTag
+    : ReactNativePrivateInterface.getNativeTagFromPublicInstance(
+        componentOrHandle
+      );
+}
+function getInspectorDataForInstance() {
+  throw Error("getInspectorDataForInstance() is not available in production");
 }
 function onRecoverableError(error) {
   console.error(error);
@@ -8922,11 +10082,11 @@ function onRecoverableError(error) {
 function unmountComponentAtNode(containerTag) {
   var root = roots.get(containerTag);
   root &&
-    updateContainer(null, root, null, function() {
+    updateContainer(null, root, null, function () {
       roots.delete(containerTag);
     });
 }
-batchedUpdatesImpl = function(fn, a) {
+batchedUpdatesImpl = function (fn, a) {
   var prevExecutionContext = executionContext;
   executionContext |= 1;
   try {
@@ -8934,34 +10094,35 @@ batchedUpdatesImpl = function(fn, a) {
   } finally {
     (executionContext = prevExecutionContext),
       0 === executionContext &&
-        ((workInProgressRootRenderTargetTime = now() + 500),
-        includesLegacySyncCallbacks && flushSyncCallbacks());
+        ((workInProgressRootRenderTargetTime = now$1() + 500),
+        flushSyncWorkAcrossRoots_impl(!0));
   }
 };
 var roots = new Map(),
-  devToolsConfig$jscomp$inline_1022 = {
+  devToolsConfig$jscomp$inline_1154 = {
     findFiberByHostInstance: getInstanceFromTag,
     bundleType: 0,
-    version: "18.2.0-next-9e3b772b8-20220608",
+    version: "18.3.0-canary-03d6f7cf0-20240209",
     rendererPackageName: "react-native-renderer",
     rendererConfig: {
-      getInspectorDataForViewTag: function() {
+      getInspectorDataForInstance: getInspectorDataForInstance,
+      getInspectorDataForViewTag: function () {
         throw Error(
           "getInspectorDataForViewTag() is not available in production"
         );
       },
-      getInspectorDataForViewAtPoint: function() {
+      getInspectorDataForViewAtPoint: function () {
         throw Error(
           "getInspectorDataForViewAtPoint() is not available in production."
         );
       }.bind(null, findNodeHandle)
     }
   };
-var internals$jscomp$inline_1310 = {
-  bundleType: devToolsConfig$jscomp$inline_1022.bundleType,
-  version: devToolsConfig$jscomp$inline_1022.version,
-  rendererPackageName: devToolsConfig$jscomp$inline_1022.rendererPackageName,
-  rendererConfig: devToolsConfig$jscomp$inline_1022.rendererConfig,
+var internals$jscomp$inline_1389 = {
+  bundleType: devToolsConfig$jscomp$inline_1154.bundleType,
+  version: devToolsConfig$jscomp$inline_1154.version,
+  rendererPackageName: devToolsConfig$jscomp$inline_1154.rendererPackageName,
+  rendererConfig: devToolsConfig$jscomp$inline_1154.rendererConfig,
   overrideHookState: null,
   overrideHookStateDeletePath: null,
   overrideHookStateRenamePath: null,
@@ -8972,78 +10133,81 @@ var internals$jscomp$inline_1310 = {
   setSuspenseHandler: null,
   scheduleUpdate: null,
   currentDispatcherRef: ReactSharedInternals.ReactCurrentDispatcher,
-  findHostInstanceByFiber: function(fiber) {
+  findHostInstanceByFiber: function (fiber) {
     fiber = findCurrentHostFiber(fiber);
     return null === fiber ? null : fiber.stateNode;
   },
   findFiberByHostInstance:
-    devToolsConfig$jscomp$inline_1022.findFiberByHostInstance ||
+    devToolsConfig$jscomp$inline_1154.findFiberByHostInstance ||
     emptyFindFiberByHostInstance,
   findHostInstancesForRefresh: null,
   scheduleRefresh: null,
   scheduleRoot: null,
   setRefreshHandler: null,
   getCurrentFiber: null,
-  reconcilerVersion: "18.2.0-next-9e3b772b8-20220608"
+  reconcilerVersion: "18.3.0-canary-03d6f7cf0-20240209"
 };
 if ("undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__) {
-  var hook$jscomp$inline_1311 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
+  var hook$jscomp$inline_1390 = __REACT_DEVTOOLS_GLOBAL_HOOK__;
   if (
-    !hook$jscomp$inline_1311.isDisabled &&
-    hook$jscomp$inline_1311.supportsFiber
+    !hook$jscomp$inline_1390.isDisabled &&
+    hook$jscomp$inline_1390.supportsFiber
   )
     try {
-      (rendererID = hook$jscomp$inline_1311.inject(
-        internals$jscomp$inline_1310
+      (rendererID = hook$jscomp$inline_1390.inject(
+        internals$jscomp$inline_1389
       )),
-        (injectedHook = hook$jscomp$inline_1311);
+        (injectedHook = hook$jscomp$inline_1390);
     } catch (err) {}
 }
 exports.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED = {
-  computeComponentStackForErrorReporting: function(reactTag) {
+  computeComponentStackForErrorReporting: function (reactTag) {
     return (reactTag = getInstanceFromTag(reactTag))
       ? getStackByFiberInDevAndProd(reactTag)
       : "";
   }
 };
-exports.createPortal = function(children, containerTag) {
-  return createPortal(
+exports.createPortal = function (children, containerTag) {
+  return createPortal$1(
     children,
     containerTag,
     null,
     2 < arguments.length && void 0 !== arguments[2] ? arguments[2] : null
   );
 };
-exports.dispatchCommand = function(handle, command, args) {
-  null != handle._nativeTag &&
-    (null != handle._internalInstanceHandle
-      ? ((handle = handle._internalInstanceHandle.stateNode),
-        null != handle &&
-          nativeFabricUIManager.dispatchCommand(handle.node, command, args))
+exports.dispatchCommand = function (handle, command, args) {
+  var nativeTag =
+    null != handle._nativeTag
+      ? handle._nativeTag
+      : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
+  null != nativeTag &&
+    ((handle = ReactNativePrivateInterface.getNodeFromPublicInstance(handle)),
+    null != handle
+      ? nativeFabricUIManager.dispatchCommand(handle, command, args)
       : ReactNativePrivateInterface.UIManager.dispatchViewManagerCommand(
-          handle._nativeTag,
+          nativeTag,
           command,
           args
         ));
 };
-exports.findHostInstance_DEPRECATED = function(componentOrHandle) {
-  if (null == componentOrHandle) return null;
-  if (componentOrHandle._nativeTag) return componentOrHandle;
-  if (componentOrHandle.canonical && componentOrHandle.canonical._nativeTag)
-    return componentOrHandle.canonical;
-  componentOrHandle = findHostInstance(componentOrHandle);
+exports.findHostInstance_DEPRECATED = function (componentOrHandle) {
   return null == componentOrHandle
+    ? null
+    : componentOrHandle.canonical && componentOrHandle.canonical.publicInstance
+    ? componentOrHandle.canonical.publicInstance
+    : componentOrHandle._nativeTag
     ? componentOrHandle
-    : componentOrHandle.canonical
-    ? componentOrHandle.canonical
-    : componentOrHandle;
+    : findHostInstance(componentOrHandle);
 };
 exports.findNodeHandle = findNodeHandle;
-exports.getInspectorDataForInstance = void 0;
-exports.render = function(element, containerTag, callback) {
+exports.getInspectorDataForInstance = getInspectorDataForInstance;
+exports.isChildPublicInstance = function () {
+  throw Error("isChildPublicInstance() is not available in production.");
+};
+exports.render = function (element, containerTag, callback) {
   var root = roots.get(containerTag);
   if (!root) {
-    root = new FiberRootNode(containerTag, 0, !1, "", onRecoverableError);
+    root = new FiberRootNode(containerTag, 0, !1, "", onRecoverableError, null);
     var JSCompiler_inline_result = 0;
     isDevToolsPresent && (JSCompiler_inline_result |= 2);
     JSCompiler_inline_result = createFiber(
@@ -9057,9 +10221,7 @@ exports.render = function(element, containerTag, callback) {
     JSCompiler_inline_result.memoizedState = {
       element: null,
       isDehydrated: !1,
-      cache: null,
-      transitions: null,
-      pendingSuspenseBoundaries: null
+      cache: null
     };
     initializeUpdateQueue(JSCompiler_inline_result);
     roots.set(containerTag, root);
@@ -9067,8 +10229,9 @@ exports.render = function(element, containerTag, callback) {
   updateContainer(element, root, null, callback);
   a: if (((element = root.current), element.child))
     switch (element.child.tag) {
+      case 27:
       case 5:
-        element = element.child.stateNode;
+        element = getPublicInstance(element.child.stateNode);
         break a;
       default:
         element = element.child.stateNode;
@@ -9076,30 +10239,27 @@ exports.render = function(element, containerTag, callback) {
   else element = null;
   return element;
 };
-exports.sendAccessibilityEvent = function(handle, eventType) {
-  null != handle._nativeTag &&
-    (null != handle._internalInstanceHandle
-      ? ((handle = handle._internalInstanceHandle.stateNode),
-        null != handle &&
-          nativeFabricUIManager.sendAccessibilityEvent(handle.node, eventType))
+exports.sendAccessibilityEvent = function (handle, eventType) {
+  var nativeTag =
+    null != handle._nativeTag
+      ? handle._nativeTag
+      : ReactNativePrivateInterface.getNativeTagFromPublicInstance(handle);
+  null != nativeTag &&
+    ((handle = ReactNativePrivateInterface.getNodeFromPublicInstance(handle)),
+    null != handle
+      ? nativeFabricUIManager.sendAccessibilityEvent(handle, eventType)
       : ReactNativePrivateInterface.legacySendAccessibilityEvent(
-          handle._nativeTag,
+          nativeTag,
           eventType
         ));
 };
 exports.unmountComponentAtNode = unmountComponentAtNode;
-exports.unmountComponentAtNodeAndRemoveContainer = function(containerTag) {
+exports.unmountComponentAtNodeAndRemoveContainer = function (containerTag) {
   unmountComponentAtNode(containerTag);
   ReactNativePrivateInterface.UIManager.removeRootView(containerTag);
 };
-exports.unstable_batchedUpdates = batchedUpdates;
-
-          /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
-if (
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ !== 'undefined' &&
-  typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop ===
-    'function'
-) {
-  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(new Error());
-}
-        
+exports.unstable_batchedUpdates = batchedUpdates$1;
+"undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
+  "function" ===
+    typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&
+  __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop(Error());
diff --git a/packages/react-native/Libraries/Renderer/shims/ReactNativeTypes.js b/packages/react-native/Libraries/Renderer/shims/ReactNativeTypes.js
index c36c6bc9a8d196..0a8adc080da73e 100644
--- a/packages/react-native/Libraries/Renderer/shims/ReactNativeTypes.js
+++ b/packages/react-native/Libraries/Renderer/shims/ReactNativeTypes.js
@@ -7,7 +7,7 @@
  * @noformat
  * @flow strict
  * @nolint
- * @generated SignedSource<<652b117c94307244bcf5e4af18928903>>
+ * @generated SignedSource<<fbf33f04ca9428c149262f17c8a4b6ab>>
  */
 
 import type {ElementRef, ElementType, Element, AbstractComponent} from 'react';
@@ -144,11 +144,6 @@ type InspectorDataProps = $ReadOnly<{
   ...
 }>;
 
-type InspectorDataSource = $ReadOnly<{
-  fileName?: string,
-  lineNumber?: number,
-}>;
-
 type InspectorDataGetter = (
   <TElementType: ElementType>(
     componentOrHandle: ElementRef<TElementType> | number,
@@ -156,7 +151,6 @@ type InspectorDataGetter = (
 ) => $ReadOnly<{
   measure: (callback: MeasureOnSuccessCallback) => void,
   props: InspectorDataProps,
-  source: InspectorDataSource,
 }>;
 
 export type InspectorData = $ReadOnly<{
@@ -167,7 +161,7 @@ export type InspectorData = $ReadOnly<{
   }>,
   selectedIndex: ?number,
   props: InspectorDataProps,
-  source: ?InspectorDataSource,
+  componentStack: string,
 }>;
 
 export type TouchedViewDataAtPoint = $ReadOnly<{
@@ -193,6 +187,10 @@ export type ReactNativeType = {
   findNodeHandle<TElementType: ElementType>(
     componentOrHandle: ?(ElementRef<TElementType> | number),
   ): ?number,
+  isChildPublicInstance(
+    parent: PublicInstance | HostComponent<mixed>,
+    child: PublicInstance | HostComponent<mixed>,
+  ): boolean,
   dispatchCommand(
     handle: ElementRef<HostComponent<mixed>>,
     command: string,
@@ -231,6 +229,7 @@ export type ReactFabricType = {
     command: string,
     args: Array<mixed>,
   ): void,
+  isChildPublicInstance(parent: PublicInstance, child: PublicInstance): boolean,
   sendAccessibilityEvent(
     handle: ElementRef<HostComponent<mixed>>,
     eventType: string,
@@ -247,7 +246,7 @@ export type ReactFabricType = {
   ): ?Node,
   getPublicInstanceFromInternalInstanceHandle(
     internalInstanceHandle: InternalInstanceHandle,
-  ): PublicInstance | PublicTextInstance,
+  ): PublicInstance | PublicTextInstance | null,
   ...
 };
 
diff --git a/packages/react-native/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js b/packages/react-native/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js
index b5894d72c7a2ff..cbcdfcebfac713 100644
--- a/packages/react-native/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js
+++ b/packages/react-native/Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js
@@ -7,7 +7,7 @@
  * @noformat
  * @flow strict-local
  * @nolint
- * @generated SignedSource<<1b39316520f5af25f0a141d7d78b0809>>
+ * @generated SignedSource<<73af5b3fe29d226634ed64bc861634df>>
  */
 
 'use strict';
@@ -16,7 +16,7 @@ import {type ViewConfig} from './ReactNativeTypes';
 import invariant from 'invariant';
 
 // Event configs
-const customBubblingEventTypes: {
+export const customBubblingEventTypes: {
   [eventName: string]: $ReadOnly<{
     phasedRegistrationNames: $ReadOnly<{
       captured: string,
@@ -24,18 +24,13 @@ const customBubblingEventTypes: {
       skipBubbling?: ?boolean,
     }>,
   }>,
-  ...
 } = {};
-const customDirectEventTypes: {
+export const customDirectEventTypes: {
   [eventName: string]: $ReadOnly<{
     registrationName: string,
   }>,
-  ...
 } = {};
 
-exports.customBubblingEventTypes = customBubblingEventTypes;
-exports.customDirectEventTypes = customDirectEventTypes;
-
 const viewConfigCallbacks = new Map<string, ?() => ViewConfig>();
 const viewConfigs = new Map<string, ViewConfig>();
 
@@ -77,7 +72,7 @@ function processEventTypes(viewConfig: ViewConfig): void {
  * A callback is provided to load the view config from UIManager.
  * The callback is deferred until the view is actually rendered.
  */
-exports.register = function (name: string, callback: () => ViewConfig): string {
+export function register(name: string, callback: () => ViewConfig): string {
   invariant(
     !viewConfigCallbacks.has(name),
     'Tried to register two views with the same name %s',
@@ -91,14 +86,14 @@ exports.register = function (name: string, callback: () => ViewConfig): string {
   );
   viewConfigCallbacks.set(name, callback);
   return name;
-};
+}
 
 /**
  * Retrieves a config for the specified view.
  * If this is the first time the view has been used,
  * This configuration will be lazy-loaded from UIManager.
  */
-exports.get = function (name: string): ViewConfig {
+export function get(name: string): ViewConfig {
   let viewConfig;
   if (!viewConfigs.has(name)) {
     const callback = viewConfigCallbacks.get(name);
@@ -126,4 +121,4 @@ exports.get = function (name: string): ViewConfig {
   }
   invariant(viewConfig, 'View config not found for name %s', name);
   return viewConfig;
-};
+}
diff --git a/packages/react-native/Libraries/Settings/NativeSettingsManager.js b/packages/react-native/Libraries/Settings/NativeSettingsManager.js
index e0219e66195c9f..9764843d78c644 100644
--- a/packages/react-native/Libraries/Settings/NativeSettingsManager.js
+++ b/packages/react-native/Libraries/Settings/NativeSettingsManager.js
@@ -4,22 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {|
-    settings: Object,
-  |};
-  +setValues: (values: Object) => void;
-  +deleteValues: (values: Array<string>) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'SettingsManager',
-): Spec);
+export * from '../../src/private/specs/modules/NativeSettingsManager';
+import NativeSettingsManager from '../../src/private/specs/modules/NativeSettingsManager';
+export default NativeSettingsManager;
diff --git a/packages/react-native/Libraries/Settings/React-RCTSettings.podspec b/packages/react-native/Libraries/Settings/React-RCTSettings.podspec
index e516652220ff92..30f9bdbb1ed191 100644
--- a/packages/react-native/Libraries/Settings/React-RCTSettings.podspec
+++ b/packages/react-native/Libraries/Settings/React-RCTSettings.podspec
@@ -16,25 +16,15 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 header_search_paths = [
   "\"$(PODS_ROOT)/RCT-Folly\"",
   "\"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\"",
-  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
 ]
 
-if ENV["USE_FRAMEWORKS"]
-  header_search_paths = header_search_paths.concat([
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers/build/generated/ios\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Codegen/React_Codegen.framework/Headers/build/generated/ios\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Codegen/React_Codegen.framework/Headers\"",
-  ])
-end
-
 Pod::Spec.new do |s|
   s.name                   = "React-RCTSettings"
   s.version                = version
@@ -56,9 +46,11 @@ Pod::Spec.new do |s|
                              }
 
   s.dependency "RCT-Folly", folly_version
-  s.dependency "React-Codegen", version
-  s.dependency "RCTTypeSafety", version
-  s.dependency "ReactCommon/turbomodule/core", version
-  s.dependency "React-jsi", version
-  s.dependency "React-Core/RCTSettingsHeaders", version
+  s.dependency "RCTTypeSafety"
+  s.dependency "React-jsi"
+  s.dependency "React-Core/RCTSettingsHeaders"
+
+  add_dependency(s, "React-Codegen", :additional_framework_paths => ["build/generated/ios"])
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
+  add_dependency(s, "React-NativeModulesApple", :additional_framework_paths => ["build/generated/ios"])
 end
diff --git a/packages/react-native/Libraries/Share/NativeShareModule.js b/packages/react-native/Libraries/Share/NativeShareModule.js
index 39b877cd098256..accb8798e2a084 100644
--- a/packages/react-native/Libraries/Share/NativeShareModule.js
+++ b/packages/react-native/Libraries/Share/NativeShareModule.js
@@ -8,16 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {||};
-  +share: (
-    content: {|title?: string, message?: string|},
-    dialogTitle?: string,
-  ) => Promise<{|action: string|}>;
-}
-
-export default (TurboModuleRegistry.get<Spec>('ShareModule'): ?Spec);
+export * from '../../src/private/specs/modules/NativeShareModule';
+import NativeShareModule from '../../src/private/specs/modules/NativeShareModule';
+export default NativeShareModule;
diff --git a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts
index 8b163e69cb9a18..b5e9b3a4eab24d 100644
--- a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts
+++ b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.d.ts
@@ -64,6 +64,7 @@ export interface FlexStyle {
     | 'stretch'
     | 'space-between'
     | 'space-around'
+    | 'space-evenly'
     | undefined;
   alignItems?: FlexAlignType | undefined;
   alignSelf?: 'auto' | FlexAlignType | undefined;
@@ -125,7 +126,7 @@ export interface FlexStyle {
   paddingStart?: DimensionValue | undefined;
   paddingTop?: DimensionValue | undefined;
   paddingVertical?: DimensionValue | undefined;
-  position?: 'absolute' | 'relative' | undefined;
+  position?: 'absolute' | 'relative' | 'static' | undefined;
   right?: DimensionValue | undefined;
   start?: DimensionValue | undefined;
   top?: DimensionValue | undefined;
@@ -178,11 +179,11 @@ interface ScaleYTransform {
 }
 
 interface TranslateXTransform {
-  translateX: AnimatableNumericValue;
+  translateX: AnimatableNumericValue | `${number}%`;
 }
 
 interface TranslateYTransform {
-  translateY: AnimatableNumericValue;
+  translateY: AnimatableNumericValue | `${number}%`;
 }
 
 interface SkewXTransform {
@@ -305,7 +306,6 @@ export type FontVariant =
   | 'oldstyle-nums'
   | 'lining-nums'
   | 'tabular-nums'
-  | 'proportional-nums'
   | 'common-ligatures'
   | 'no-common-ligatures'
   | 'discretionary-ligatures'
@@ -313,7 +313,28 @@ export type FontVariant =
   | 'historical-ligatures'
   | 'no-historical-ligatures'
   | 'contextual'
-  | 'no-contextual';
+  | 'no-contextual'
+  | 'proportional-nums'
+  | 'stylistic-one'
+  | 'stylistic-two'
+  | 'stylistic-three'
+  | 'stylistic-four'
+  | 'stylistic-five'
+  | 'stylistic-six'
+  | 'stylistic-seven'
+  | 'stylistic-eight'
+  | 'stylistic-nine'
+  | 'stylistic-ten'
+  | 'stylistic-eleven'
+  | 'stylistic-twelve'
+  | 'stylistic-thirteen'
+  | 'stylistic-fourteen'
+  | 'stylistic-fifteen'
+  | 'stylistic-sixteen'
+  | 'stylistic-seventeen'
+  | 'stylistic-eighteen'
+  | 'stylistic-nineteen'
+  | 'stylistic-twenty';
 export interface TextStyleIOS extends ViewStyle {
   fontVariant?: FontVariant[] | undefined;
   textDecorationColor?: ColorValue | undefined;
@@ -350,6 +371,25 @@ export interface TextStyle extends TextStyleIOS, TextStyleAndroid, ViewStyle {
     | '700'
     | '800'
     | '900'
+    | 100
+    | 200
+    | 300
+    | 400
+    | 500
+    | 600
+    | 700
+    | 800
+    | 900
+    | 'ultralight'
+    | 'thin'
+    | 'light'
+    | 'medium'
+    | 'regular'
+    | 'semibold'
+    | 'condensedBold'
+    | 'condensed'
+    | 'heavy'
+    | 'black'
     | undefined;
   letterSpacing?: number | undefined;
   lineHeight?: number | undefined;
diff --git a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js
index 9ff7c20aa5b189..b3dd728e1f18d0 100644
--- a/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js
+++ b/packages/react-native/Libraries/StyleSheet/StyleSheetTypes.js
@@ -493,22 +493,23 @@ type ____LayoutStyle_Internal = $ReadOnly<{
   borderTopWidth?: number,
 
   /** `position` in React Native is similar to regular CSS, but
-   *  everything is set to `relative` by default, so `absolute`
-   *  positioning is always just relative to the parent.
+   *  everything is set to `relative` by default.
    *
    *  If you want to position a child using specific numbers of logical
    *  pixels relative to its parent, set the child to have `absolute`
    *  position.
    *
    *  If you want to position a child relative to something
-   *  that is not its parent, just don't use styles for that. Use the
-   *  component tree.
+   *  that is not its parent, set the child to have `absolute` position and the
+   *  nodes between to have `static` position.
+   *
+   *  Note that `static` is only available on the new renderer.
    *
    *  See https://github.com/facebook/yoga
    *  for more details on how `position` differs between React Native
    *  and CSS.
    */
-  position?: 'absolute' | 'relative',
+  position?: 'absolute' | 'relative' | 'static',
 
   /** `flexDirection` controls which directions children of a container go.
    *  `row` goes left to right, `column` goes top to bottom, and you may
@@ -576,7 +577,8 @@ type ____LayoutStyle_Internal = $ReadOnly<{
     | 'center'
     | 'stretch'
     | 'space-between'
-    | 'space-around',
+    | 'space-around'
+    | 'space-evenly',
 
   /** `overflow` controls how children are measured and displayed.
    *  `overflow: hidden` causes views to be clipped while `overflow: scroll`
@@ -649,7 +651,7 @@ type ____LayoutStyle_Internal = $ReadOnly<{
   /** `direction` specifies the directional flow of the user interface.
    *  The default is `inherit`, except for root node which will have
    *  value based on the current locale.
-   *  See https://yogalayout.com/docs/layout-direction
+   *  See https://yogalayout.dev/docs/layout-direction
    *  for more details.
    *  @platform ios
    */
@@ -937,7 +939,10 @@ export type ____Styles_Internal = {
   ...
 };
 
-export type ____FlattenStyleProp_Internal<+TStyleProp> = $Call<
-  <T>(GenericStyleProp<T>) => T,
-  TStyleProp,
->;
+export type ____FlattenStyleProp_Internal<
+  +TStyleProp: GenericStyleProp<mixed>,
+> = TStyleProp extends null | void | false | ''
+  ? empty
+  : TStyleProp extends $ReadOnlyArray<infer V>
+  ? ____FlattenStyleProp_Internal<V>
+  : TStyleProp;
diff --git a/packages/react-native/Libraries/StyleSheet/flattenStyle.js b/packages/react-native/Libraries/StyleSheet/flattenStyle.js
index c43ca45fca8e1f..1a9d6fc4fc7796 100644
--- a/packages/react-native/Libraries/StyleSheet/flattenStyle.js
+++ b/packages/react-native/Libraries/StyleSheet/flattenStyle.js
@@ -13,8 +13,7 @@
 import type {DangerouslyImpreciseStyleProp} from './StyleSheet';
 import type {____FlattenStyleProp_Internal} from './StyleSheetTypes';
 
-// $FlowFixMe[unsupported-variance-annotation]
-function flattenStyle<+TStyleProp: DangerouslyImpreciseStyleProp>(
+function flattenStyle<TStyleProp: DangerouslyImpreciseStyleProp>(
   style: ?TStyleProp,
   // $FlowFixMe[underconstrained-implicit-instantiation]
 ): ?____FlattenStyleProp_Internal<TStyleProp> {
@@ -23,6 +22,7 @@ function flattenStyle<+TStyleProp: DangerouslyImpreciseStyleProp>(
   }
 
   if (!Array.isArray(style)) {
+    // $FlowFixMe[incompatible-return]
     return style;
   }
 
diff --git a/packages/react-native/Libraries/StyleSheet/normalizeColor.js b/packages/react-native/Libraries/StyleSheet/normalizeColor.js
index c9cabcf33d13c2..e181ec2892848e 100755
--- a/packages/react-native/Libraries/StyleSheet/normalizeColor.js
+++ b/packages/react-native/Libraries/StyleSheet/normalizeColor.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 /* eslint no-bitwise: 0 */
diff --git a/packages/react-native/Libraries/StyleSheet/processAspectRatio.js b/packages/react-native/Libraries/StyleSheet/processAspectRatio.js
index d3c1f8a452397f..a47ee101bb50a2 100644
--- a/packages/react-native/Libraries/StyleSheet/processAspectRatio.js
+++ b/packages/react-native/Libraries/StyleSheet/processAspectRatio.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
diff --git a/packages/react-native/Libraries/StyleSheet/processFontVariant.js b/packages/react-native/Libraries/StyleSheet/processFontVariant.js
index 9f11bbbe3beaa1..32a72f879e6f9b 100644
--- a/packages/react-native/Libraries/StyleSheet/processFontVariant.js
+++ b/packages/react-native/Libraries/StyleSheet/processFontVariant.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
diff --git a/packages/react-native/Libraries/Text/Text.js b/packages/react-native/Libraries/Text/Text.js
index d737cccbbf929b..5ccceefc346e6b 100644
--- a/packages/react-native/Libraries/Text/Text.js
+++ b/packages/react-native/Libraries/Text/Text.js
@@ -286,12 +286,6 @@ const Text: React.AbstractComponent<
 
 Text.displayName = 'Text';
 
-/**
- * Switch to `deprecated-react-native-prop-types` for compatibility with future
- * releases. This is deprecated and will be removed in the future.
- */
-Text.propTypes = require('deprecated-react-native-prop-types').TextPropTypes;
-
 /**
  * Returns false until the first time `newValue` is true, after which this will
  * always return true. This is necessary to lazily initialize `Pressability` so
diff --git a/packages/react-native/Libraries/Text/Text/RCTTextShadowView.mm b/packages/react-native/Libraries/Text/Text/RCTTextShadowView.mm
index 09eda7f6e3e25d..a9c4eba7a7f2ac 100644
--- a/packages/react-native/Libraries/Text/Text/RCTTextShadowView.mm
+++ b/packages/react-native/Libraries/Text/Text/RCTTextShadowView.mm
@@ -332,7 +332,7 @@ - (void)layoutSubviewsWithContext:(RCTLayoutContext)layoutContext
                 localLayoutContext.absolutePosition.x += frame.origin.x;
                 localLayoutContext.absolutePosition.y += frame.origin.y;
 
-                [shadowView layoutWithMinimumSize:frame.size
+                [shadowView layoutWithMinimumSize:{shadowView.minWidth.value, shadowView.minHeight.value}
                                       maximumSize:frame.size
                                   layoutDirection:self.layoutMetrics.layoutDirection
                                     layoutContext:localLayoutContext];
diff --git a/packages/react-native/Libraries/Text/Text/RCTTextView.mm b/packages/react-native/Libraries/Text/Text/RCTTextView.mm
index 96cc8e639c52c1..2aac13e4658ea4 100644
--- a/packages/react-native/Libraries/Text/Text/RCTTextView.mm
+++ b/packages/react-native/Libraries/Text/Text/RCTTextView.mm
@@ -385,16 +385,22 @@ - (void)enableContextMenu
 {
   _longPressGestureRecognizer = [[UILongPressGestureRecognizer alloc] initWithTarget:self
                                                                               action:@selector(handleLongPress:)];
- if (@available(iOS 16.0, *)) {
+  if (@available(iOS 16.0, *)) {
     _editMenuInteraction = [[UIEditMenuInteraction alloc] initWithDelegate:self];
     [self addInteraction:_editMenuInteraction];
   }
+
   [self addGestureRecognizer:_longPressGestureRecognizer];
 }
 
 - (void)disableContextMenu
 {
   [self removeGestureRecognizer:_longPressGestureRecognizer];
+
+  if (@available(iOS 16.0, *)) {
+    [self removeInteraction:_editMenuInteraction];
+    _editMenuInteraction = nil;
+  }
   _longPressGestureRecognizer = nil;
 }
 
diff --git a/packages/react-native/Libraries/Text/TextAncestor.js b/packages/react-native/Libraries/Text/TextAncestor.js
index f61c90e8209bd9..2b04983de9174b 100644
--- a/packages/react-native/Libraries/Text/TextAncestor.js
+++ b/packages/react-native/Libraries/Text/TextAncestor.js
@@ -15,9 +15,8 @@ const React = require('react');
 /**
  * Whether the current element is the descendant of a <Text> element.
  */
-const TextAncestorContext = (React.createContext(
-  false,
-): React$Context<$FlowFixMe>);
+const TextAncestorContext: React$Context<$FlowFixMe> =
+  React.createContext(false);
 if (__DEV__) {
   TextAncestorContext.displayName = 'TextAncestorContext';
 }
diff --git a/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputShadowView.mm b/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputShadowView.mm
index 8f40e89b314338..ea89c665a334a0 100644
--- a/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputShadowView.mm
+++ b/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputShadowView.mm
@@ -87,7 +87,7 @@ - (void)invalidateContentSize
     return;
   }
 
-  CGSize maximumSize = self.layoutMetrics.frame.size;
+  CGSize maximumSize = self.layoutMetrics.contentFrame.size;
 
   if (_maximumNumberOfLines == 1) {
     maximumSize.width = CGFLOAT_MAX;
@@ -158,6 +158,8 @@ - (void)uiManagerWillPerformMounting
     [attributedText insertAttributedString:propertyAttributedText atIndex:0];
   }
 
+  [self postprocessAttributedText:attributedText];
+
   NSAttributedString *newAttributedText;
   if (![_previousAttributedText isEqualToAttributedString:attributedText]) {
     // We have to follow `set prop` pattern:
@@ -191,6 +193,52 @@ - (void)uiManagerWillPerformMounting
   }];
 }
 
+- (void)postprocessAttributedText:(NSMutableAttributedString *)attributedText
+{
+  __block CGFloat maximumLineHeight = 0;
+
+  [attributedText enumerateAttribute:NSParagraphStyleAttributeName
+                             inRange:NSMakeRange(0, attributedText.length)
+                             options:NSAttributedStringEnumerationLongestEffectiveRangeNotRequired
+                          usingBlock:^(NSParagraphStyle *paragraphStyle, __unused NSRange range, __unused BOOL *stop) {
+                            if (!paragraphStyle) {
+                              return;
+                            }
+
+                            maximumLineHeight = MAX(paragraphStyle.maximumLineHeight, maximumLineHeight);
+                          }];
+
+  if (maximumLineHeight == 0) {
+    // `lineHeight` was not specified, nothing to do.
+    return;
+  }
+
+  __block CGFloat maximumFontLineHeight = 0;
+
+  [attributedText enumerateAttribute:NSFontAttributeName
+                             inRange:NSMakeRange(0, attributedText.length)
+                             options:NSAttributedStringEnumerationLongestEffectiveRangeNotRequired
+                          usingBlock:^(UIFont *font, NSRange range, __unused BOOL *stop) {
+                            if (!font) {
+                              return;
+                            }
+
+                            if (maximumFontLineHeight <= UIFontLineHeight(font)) { // [macOS]
+                              maximumFontLineHeight = UIFontLineHeight(font); // [macOS]
+                            }
+                          }];
+
+  if (maximumLineHeight < maximumFontLineHeight) {
+    return;
+  }
+
+  CGFloat baseLineOffset = maximumLineHeight / 2.0 - maximumFontLineHeight / 2.0;
+
+  [attributedText addAttribute:NSBaselineOffsetAttributeName
+                         value:@(baseLineOffset)
+                         range:NSMakeRange(0, attributedText.length)];
+}
+
 #pragma mark -
 
 - (NSAttributedString *)measurableAttributedText
diff --git a/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputViewManager.mm b/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputViewManager.mm
index 5bcf411ff1a463..9e3636bd2179c8 100644
--- a/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputViewManager.mm
+++ b/packages/react-native/Libraries/Text/TextInput/RCTBaseTextInputViewManager.mm
@@ -91,7 +91,7 @@ @implementation RCTBaseTextInputViewManager {
 
 RCT_EXPORT_SHADOW_PROPERTY(text, NSString)
 RCT_EXPORT_SHADOW_PROPERTY(placeholder, NSString)
-RCT_EXPORT_SHADOW_PROPERTY(onContentSizeChange, RCTBubblingEventBlock)
+RCT_EXPORT_SHADOW_PROPERTY(onContentSizeChange, RCTDirectEventBlock)
 
 RCT_CUSTOM_VIEW_PROPERTY(multiline, BOOL, RCTUIView) // [macOS]
 {
diff --git a/packages/react-native/Libraries/Text/TextInput/RCTInputAccessoryViewManager.mm b/packages/react-native/Libraries/Text/TextInput/RCTInputAccessoryViewManager.mm
index 8ab7f2b20cd61f..56c74835b10bc1 100644
--- a/packages/react-native/Libraries/Text/TextInput/RCTInputAccessoryViewManager.mm
+++ b/packages/react-native/Libraries/Text/TextInput/RCTInputAccessoryViewManager.mm
@@ -14,11 +14,6 @@ @implementation RCTInputAccessoryViewManager
 
 RCT_EXPORT_MODULE()
 
-+ (BOOL)requiresMainQueueSetup
-{
-  return NO;
-}
-
 - (RCTUIView *)view // [macOS]
 {
   return [[RCTInputAccessoryView alloc] initWithBridge:self.bridge];
diff --git a/packages/react-native/Libraries/TurboModule/samples/NativeSampleTurboModule.js b/packages/react-native/Libraries/TurboModule/samples/NativeSampleTurboModule.js
index a46dd55ed9d77c..6db6845b56fda7 100644
--- a/packages/react-native/Libraries/TurboModule/samples/NativeSampleTurboModule.js
+++ b/packages/react-native/Libraries/TurboModule/samples/NativeSampleTurboModule.js
@@ -4,47 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {UnsafeObject} from '../../Types/CodegenTypes';
-import type {RootTag, TurboModule} from '../RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModuleRegistry';
-
-export enum EnumInt {
-  A = 23,
-  B = 42,
-}
-
-export interface Spec extends TurboModule {
-  // Exported methods.
-  +getConstants: () => {|
-    const1: boolean,
-    const2: number,
-    const3: string,
-  |};
-  +voidFunc: () => void;
-  +getBool: (arg: boolean) => boolean;
-  +getEnum?: (arg: EnumInt) => EnumInt;
-  +getNumber: (arg: number) => number;
-  +getString: (arg: string) => string;
-  +getArray: (arg: Array<any>) => Array<any>;
-  +getObject: (arg: Object) => Object;
-  +getUnsafeObject: (arg: UnsafeObject) => UnsafeObject;
-  +getRootTag: (arg: RootTag) => RootTag;
-  +getValue: (x: number, y: string, z: Object) => Object;
-  +getValueWithCallback: (callback: (value: string) => void) => void;
-  +getValueWithPromise: (error: boolean) => Promise<string>;
-  +voidFuncThrows?: () => void;
-  +getObjectThrows?: (arg: Object) => Object;
-  +promiseThrows?: () => Promise<void>;
-  +voidFuncAssert?: () => void;
-  +getObjectAssert?: (arg: Object) => Object;
-  +promiseAssert?: () => Promise<void>;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'SampleTurboModule',
-): Spec);
+export * from '../../../src/private/specs/modules/NativeSampleTurboModule';
+import NativeSampleTurboModule from '../../../src/private/specs/modules/NativeSampleTurboModule';
+export default NativeSampleTurboModule;
diff --git a/packages/react-native/Libraries/Types/ReactDevToolsTypes.js b/packages/react-native/Libraries/Types/ReactDevToolsTypes.js
new file mode 100644
index 00000000000000..9772b01c4bde2b
--- /dev/null
+++ b/packages/react-native/Libraries/Types/ReactDevToolsTypes.js
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+import type {NativeMethods} from '../Renderer/shims/ReactNativeTypes';
+
+type PublicInstance = {
+  ...NativeMethods,
+};
+
+export type InstanceFromReactDevTools =
+  | PublicInstance
+  | {
+      canonical?:
+        | PublicInstance // TODO: remove this variant when syncing the new version of the renderer from React to React Native.
+        | {
+            publicInstance?: PublicInstance,
+          },
+    };
+
+export type ReactDevToolsAgentEvents = {
+  drawTraceUpdates: [Array<{node: InstanceFromReactDevTools, color: string}>],
+  disableTraceUpdates: [],
+
+  showNativeHighlight: [nodes: Array<InstanceFromReactDevTools>],
+  hideNativeHighlight: [],
+  shutdown: [],
+  startInspectingNative: [],
+  stopInspectingNative: [],
+};
+
+export type ReactDevToolsAgent = {
+  selectNode(node: mixed): void,
+  stopInspectingNative(value: boolean): void,
+  addListener<Event: $Keys<ReactDevToolsAgentEvents>>(
+    event: Event,
+    listener: (...ReactDevToolsAgentEvents[Event]) => void,
+  ): void,
+  removeListener(
+    event: $Keys<ReactDevToolsAgentEvents>,
+    listener: () => void,
+  ): void,
+};
+
+export type ReactDevToolsGlobalHook = {
+  on: (eventName: string, (agent: ReactDevToolsAgent) => void) => void,
+  off: (eventName: string, (agent: ReactDevToolsAgent) => void) => void,
+  reactDevtoolsAgent?: ReactDevToolsAgent,
+  resolveRNStyle?: mixed,
+  nativeStyleEditorValidAttributes?: Array<string>,
+};
diff --git a/packages/react-native/Libraries/Types/UIManagerJSInterface.js b/packages/react-native/Libraries/Types/UIManagerJSInterface.js
new file mode 100644
index 00000000000000..4dc3fe1aac85af
--- /dev/null
+++ b/packages/react-native/Libraries/Types/UIManagerJSInterface.js
@@ -0,0 +1,16 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {Spec} from '../ReactNative/NativeUIManager';
+
+export interface UIManagerJSInterface extends Spec {
+  +getViewManagerConfig: (viewManagerName: string) => Object;
+  +hasViewManagerConfig: (viewManagerName: string) => boolean;
+}
diff --git a/packages/react-native/Libraries/Utilities/DebugEnvironment.js b/packages/react-native/Libraries/Utilities/DebugEnvironment.js
index 8c7c3ec422d9a2..c98093df30c234 100644
--- a/packages/react-native/Libraries/Utilities/DebugEnvironment.js
+++ b/packages/react-native/Libraries/Utilities/DebugEnvironment.js
@@ -12,8 +12,5 @@ export let isAsyncDebugging: boolean = false;
 
 if (__DEV__) {
   // These native interfaces don't exist in asynchronous debugging environments.
-  isAsyncDebugging =
-    !global.nativeExtensions &&
-    !global.nativeCallSyncHook &&
-    !global.RN$Bridgeless;
+  isAsyncDebugging = !global.nativeCallSyncHook && !global.RN$Bridgeless;
 }
diff --git a/packages/react-native/Libraries/Utilities/Dimensions.js b/packages/react-native/Libraries/Utilities/Dimensions.js
index 37ab1e0f92961d..c8748a9f0414bb 100644
--- a/packages/react-native/Libraries/Utilities/Dimensions.js
+++ b/packages/react-native/Libraries/Utilities/Dimensions.js
@@ -110,21 +110,13 @@ class Dimensions {
   }
 }
 
-let initialDims: ?$ReadOnly<DimensionsPayload> =
-  global.nativeExtensions &&
-  global.nativeExtensions.DeviceInfo &&
-  global.nativeExtensions.DeviceInfo.Dimensions;
-if (!initialDims) {
-  // Subscribe before calling getConstants to make sure we don't miss any updates in between.
-  RCTDeviceEventEmitter.addListener(
-    'didUpdateDimensions',
-    (update: DimensionsPayload) => {
-      Dimensions.set(update);
-    },
-  );
-  initialDims = NativeDeviceInfo.getConstants().Dimensions;
-}
-
-Dimensions.set(initialDims);
+// Subscribe before calling getConstants to make sure we don't miss any updates in between.
+RCTDeviceEventEmitter.addListener(
+  'didUpdateDimensions',
+  (update: DimensionsPayload) => {
+    Dimensions.set(update);
+  },
+);
+Dimensions.set(NativeDeviceInfo.getConstants().Dimensions);
 
 export default Dimensions;
diff --git a/packages/react-native/Libraries/Utilities/GlobalPerformanceLogger.js b/packages/react-native/Libraries/Utilities/GlobalPerformanceLogger.js
index ed72a504488bc2..d119f6316c1227 100644
--- a/packages/react-native/Libraries/Utilities/GlobalPerformanceLogger.js
+++ b/packages/react-native/Libraries/Utilities/GlobalPerformanceLogger.js
@@ -19,7 +19,6 @@ import createPerformanceLogger from './createPerformanceLogger';
  * that are logged during loading bundle. If you want to log something from your
  * React component you should use PerformanceLoggerContext instead.
  */
-const GlobalPerformanceLogger: IPerformanceLogger =
-  createPerformanceLogger(true);
+const GlobalPerformanceLogger: IPerformanceLogger = createPerformanceLogger();
 
 module.exports = GlobalPerformanceLogger;
diff --git a/packages/react-native/Libraries/Utilities/NativeAppearance.js b/packages/react-native/Libraries/Utilities/NativeAppearance.js
index 786790f5987140..4b874aa37e532e 100644
--- a/packages/react-native/Libraries/Utilities/NativeAppearance.js
+++ b/packages/react-native/Libraries/Utilities/NativeAppearance.js
@@ -8,29 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type ColorSchemeName = 'light' | 'dark';
-
-export type AppearancePreferences = {|
-  // TODO: (hramos) T52919652 Use ?ColorSchemeName once codegen supports union
-  // types.
-  /* 'light' | 'dark' */
-  colorScheme?: ?string,
-|};
-
-export interface Spec extends TurboModule {
-  // TODO: (hramos) T52919652 Use ?ColorSchemeName once codegen supports union
-  // types.
-  /* 'light' | 'dark' */
-  +getColorScheme: () => ?string;
-  +setColorScheme?: (colorScheme: string) => void;
-
-  // RCTEventEmitter
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('Appearance'): ?Spec);
+export type * from '../../src/private/specs/modules/NativeAppearance';
+import NativeAppearance from '../../src/private/specs/modules/NativeAppearance';
+export default NativeAppearance;
diff --git a/packages/react-native/Libraries/Utilities/NativeDevLoadingView.js b/packages/react-native/Libraries/Utilities/NativeDevLoadingView.js
index 2b9952fea4070e..2e930f2c3594ba 100644
--- a/packages/react-native/Libraries/Utilities/NativeDevLoadingView.js
+++ b/packages/react-native/Libraries/Utilities/NativeDevLoadingView.js
@@ -8,17 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +showMessage: (
-    message: string,
-    withColor: ?number,
-    withBackgroundColor: ?number,
-  ) => void;
-  +hide: () => void;
-}
-
-export default (TurboModuleRegistry.get<Spec>('DevLoadingView'): ?Spec);
+export * from '../../src/private/specs/modules/NativeDevLoadingView';
+import NativeDevLoadingView from '../../src/private/specs/modules/NativeDevLoadingView';
+export default NativeDevLoadingView;
diff --git a/packages/react-native/Libraries/Utilities/NativeDeviceInfo.js b/packages/react-native/Libraries/Utilities/NativeDeviceInfo.js
index ff4e2818f26d2e..028ce61c91cea1 100644
--- a/packages/react-native/Libraries/Utilities/NativeDeviceInfo.js
+++ b/packages/react-native/Libraries/Utilities/NativeDeviceInfo.js
@@ -8,51 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type DisplayMetricsAndroid = {|
-  width: number,
-  height: number,
-  scale: number,
-  fontScale: number,
-  densityDpi: number,
-|};
-
-export type DisplayMetrics = {|
-  width: number,
-  height: number,
-  scale: number,
-  fontScale: number,
-|};
-
-export type DimensionsPayload = {|
-  window?: DisplayMetrics,
-  screen?: DisplayMetrics,
-  windowPhysicalPixels?: DisplayMetricsAndroid,
-  screenPhysicalPixels?: DisplayMetricsAndroid,
-|};
-
-export type DeviceInfoConstants = {|
-  +Dimensions: DimensionsPayload,
-  +isIPhoneX_deprecated?: boolean,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => DeviceInfoConstants;
-}
-
-const NativeModule: Spec = TurboModuleRegistry.getEnforcing<Spec>('DeviceInfo');
-let constants: ?DeviceInfoConstants = null;
-
-const NativeDeviceInfo = {
-  getConstants(): DeviceInfoConstants {
-    if (constants == null) {
-      constants = NativeModule.getConstants();
-    }
-    return constants;
-  },
-};
-
+export * from '../../src/private/specs/modules/NativeDeviceInfo';
+import NativeDeviceInfo from '../../src/private/specs/modules/NativeDeviceInfo';
 export default NativeDeviceInfo;
diff --git a/packages/react-native/Libraries/Utilities/NativePlatformConstantsAndroid.js b/packages/react-native/Libraries/Utilities/NativePlatformConstantsAndroid.js
index 6eab28ff02f397..b5bc58a1d03642 100644
--- a/packages/react-native/Libraries/Utilities/NativePlatformConstantsAndroid.js
+++ b/packages/react-native/Libraries/Utilities/NativePlatformConstantsAndroid.js
@@ -8,37 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type ReactNativeVersionAndroid = {|
-  major: number,
-  minor: number,
-  patch: number,
-  prerelease: ?number,
-|};
-
-export type PlatformConstantsAndroid = {|
-  isTesting: boolean,
-  isDisableAnimations?: boolean,
-  reactNativeVersion: ReactNativeVersionAndroid,
-  Version: number,
-  Release: string,
-  Serial: string,
-  Fingerprint: string,
-  Model: string,
-  ServerHost?: string,
-  uiMode: string,
-  Brand: string,
-  Manufacturer: string,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => PlatformConstantsAndroid;
-  +getAndroidID: () => string;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'PlatformConstants',
-): Spec);
+export * from '../../src/private/specs/modules/NativePlatformConstantsAndroid';
+import NativePlatformConstantsAndroid from '../../src/private/specs/modules/NativePlatformConstantsAndroid';
+export default NativePlatformConstantsAndroid;
diff --git a/packages/react-native/Libraries/Utilities/NativePlatformConstantsIOS.js b/packages/react-native/Libraries/Utilities/NativePlatformConstantsIOS.js
index a4586079d508c8..301ea812712ace 100644
--- a/packages/react-native/Libraries/Utilities/NativePlatformConstantsIOS.js
+++ b/packages/react-native/Libraries/Utilities/NativePlatformConstantsIOS.js
@@ -8,30 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export type PlatformConstantsIOS = {|
-  isTesting: boolean,
-  isDisableAnimations?: boolean,
-  reactNativeVersion: {|
-    major: number,
-    minor: number,
-    patch: number,
-    prerelease: ?number,
-  |},
-  forceTouchAvailable: boolean,
-  osVersion: string,
-  systemName: string,
-  interfaceIdiom: string,
-  isMacCatalyst?: boolean,
-|};
-
-export interface Spec extends TurboModule {
-  +getConstants: () => PlatformConstantsIOS;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'PlatformConstants',
-): Spec);
+export * from '../../src/private/specs/modules/NativePlatformConstantsIOS';
+import NativePlatformConstantsIOS from '../../src/private/specs/modules/NativePlatformConstantsIOS';
+export default NativePlatformConstantsIOS;
diff --git a/packages/react-native/Libraries/Utilities/__tests__/ReactNativeTestTools-test.js b/packages/react-native/Libraries/Utilities/__tests__/ReactNativeTestTools-test.js
index 05e757bbd195e4..849054b96e9568 100644
--- a/packages/react-native/Libraries/Utilities/__tests__/ReactNativeTestTools-test.js
+++ b/packages/react-native/Libraries/Utilities/__tests__/ReactNativeTestTools-test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  * @oncall react_native
  */
diff --git a/packages/react-native/Libraries/Utilities/__tests__/codegenNativeComponent-test.js b/packages/react-native/Libraries/Utilities/__tests__/codegenNativeComponent-test.js
index 4efe80cc09dc33..a20f705a1ae4f3 100644
--- a/packages/react-native/Libraries/Utilities/__tests__/codegenNativeComponent-test.js
+++ b/packages/react-native/Libraries/Utilities/__tests__/codegenNativeComponent-test.js
@@ -29,6 +29,14 @@ jest
   );
 
 describe('codegenNativeComponent', () => {
+  beforeEach(() => {
+    global.RN$Bridgeless = false;
+    jest
+      .spyOn(console, 'warn')
+      .mockReset()
+      .mockImplementation(() => {});
+  });
+
   it('should require component as is ', () => {
     const component = codegenNativeComponent('ComponentName');
     expect(component).toBe('ComponentName');
@@ -64,4 +72,18 @@ describe('codegenNativeComponent', () => {
       'Failed to find native component for either ComponentNameDoesNotExistOne or ComponentNameDoesNotExistTwo',
     );
   });
+
+  it('should NOT warn if called directly in BRIDGE mode', () => {
+    global.RN$Bridgeless = false;
+    codegenNativeComponent('ComponentName');
+    expect(console.warn).not.toHaveBeenCalled();
+  });
+
+  it('should warn if called directly in BRIDGELESS mode', () => {
+    global.RN$Bridgeless = true;
+    codegenNativeComponent('ComponentName');
+    expect(console.warn).toHaveBeenCalledWith(
+      `Codegen didn't run for ComponentName. This will be an error in the future. Make sure you are using @react-native/babel-preset when building your JavaScript code.`,
+    );
+  });
 });
diff --git a/packages/react-native/Libraries/Utilities/binaryToBase64.js b/packages/react-native/Libraries/Utilities/binaryToBase64.js
index ad136a23eabeec..898a5cf744081c 100644
--- a/packages/react-native/Libraries/Utilities/binaryToBase64.js
+++ b/packages/react-native/Libraries/Utilities/binaryToBase64.js
@@ -24,7 +24,7 @@ function binaryToBase64(data: ArrayBuffer | $ArrayBufferView): string {
     throw new Error('data must be ArrayBuffer or typed array');
   }
   // Already checked that `data` is `DataView` in `ArrayBuffer.isView(data)`
-  const {buffer, byteOffset, byteLength} = ((data: $FlowFixMe): DataView);
+  const {buffer, byteOffset, byteLength}: DataView = (data: $FlowFixMe);
   return base64.fromByteArray(new Uint8Array(buffer, byteOffset, byteLength));
 }
 
diff --git a/packages/react-native/Libraries/Utilities/codegenNativeComponent.js b/packages/react-native/Libraries/Utilities/codegenNativeComponent.js
index 3f60697155e0df..3f9187f8fe173a 100644
--- a/packages/react-native/Libraries/Utilities/codegenNativeComponent.js
+++ b/packages/react-native/Libraries/Utilities/codegenNativeComponent.js
@@ -35,12 +35,10 @@ function codegenNativeComponent<Props>(
   componentName: string,
   options?: Options,
 ): NativeComponentType<Props> {
-  if (global.RN$Bridgeless === true) {
-    const errorMessage =
-      "Native Component '" +
-      componentName +
-      "' that calls codegenNativeComponent was not code generated at build time. Please check its definition.";
-    console.error(errorMessage);
+  if (global.RN$Bridgeless === true && __DEV__) {
+    console.warn(
+      `Codegen didn't run for ${componentName}. This will be an error in the future. Make sure you are using @react-native/babel-preset when building your JavaScript code.`,
+    );
   }
 
   let componentNameInUse =
diff --git a/packages/react-native/Libraries/Utilities/createPerformanceLogger.js b/packages/react-native/Libraries/Utilities/createPerformanceLogger.js
index 91c1f749f25110..1849d04f452faa 100644
--- a/packages/react-native/Libraries/Utilities/createPerformanceLogger.js
+++ b/packages/react-native/Libraries/Utilities/createPerformanceLogger.js
@@ -16,18 +16,12 @@ import type {
 } from './IPerformanceLogger';
 
 import * as Systrace from '../Performance/Systrace';
-import ReactNativeFeatureFlags from '../ReactNative/ReactNativeFeatureFlags';
-import NativePerformance from '../WebPerformance/NativePerformance';
 import infoLog from './infoLog';
 
 const _cookies: {[key: string]: number, ...} = {};
 
 const PRINT_TO_CONSOLE: false = false; // Type as false to prevent accidentally committing `true`;
 
-// This is the prefix for optional logging points/timespans as marks/measures via Performance API,
-// used to separate these internally from other marks/measures
-const WEB_PERFORMANCE_PREFIX = 'global_perf_';
-
 export const getCurrentTimestamp: () => number =
   global.nativeQPLTimestamp ?? (() => global.performance.now());
 
@@ -37,51 +31,6 @@ class PerformanceLogger implements IPerformanceLogger {
   _points: {[key: string]: ?number} = {};
   _pointExtras: {[key: string]: ?Extras, ...} = {};
   _closed: boolean = false;
-  _isGlobalLogger: boolean = false;
-  _isGlobalWebPerformanceLoggerEnabled: ?boolean;
-
-  constructor(isGlobalLogger?: boolean) {
-    this._isGlobalLogger = isGlobalLogger === true;
-  }
-
-  _isLoggingForWebPerformance(): boolean {
-    if (!this._isGlobalLogger || NativePerformance == null) {
-      return false;
-    }
-    if (this._isGlobalWebPerformanceLoggerEnabled == null) {
-      this._isGlobalWebPerformanceLoggerEnabled =
-        ReactNativeFeatureFlags.isGlobalWebPerformanceLoggerEnabled();
-    }
-    return this._isGlobalWebPerformanceLoggerEnabled === true;
-  }
-
-  // NOTE: The Performance.mark/measure calls are wrapped here to ensure that
-  // we are safe from the cases when the global 'peformance' object is still not yet defined.
-  // It is only necessary in this file because of potential race conditions in the initialization
-  // order between 'createPerformanceLogger' and 'setUpPerformance'.
-  //
-  // In most of the other cases this kind of check for `performance` being defined
-  // wouldn't be necessary.
-  _performanceMark(key: string, startTime: number) {
-    if (this._isLoggingForWebPerformance()) {
-      global.performance?.mark?.(key, {
-        startTime,
-      });
-    }
-  }
-
-  _performanceMeasure(
-    key: string,
-    start: number | string,
-    end: number | string,
-  ) {
-    if (this._isLoggingForWebPerformance()) {
-      global.performance?.measure?.(key, {
-        start,
-        end,
-      });
-    }
-  }
 
   addTimespan(
     key: string,
@@ -113,12 +62,6 @@ class PerformanceLogger implements IPerformanceLogger {
       startExtras,
       endExtras,
     };
-
-    this._performanceMeasure(
-      `${WEB_PERFORMANCE_PREFIX}_${key}`,
-      startTime,
-      endTime,
-    );
   }
 
   append(performanceLogger: IPerformanceLogger) {
@@ -233,8 +176,6 @@ class PerformanceLogger implements IPerformanceLogger {
     if (extras) {
       this._pointExtras[key] = extras;
     }
-
-    this._performanceMark(`${WEB_PERFORMANCE_PREFIX}_${key}`, timestamp);
   }
 
   removeExtra(key: string): ?ExtraValue {
@@ -296,11 +237,6 @@ class PerformanceLogger implements IPerformanceLogger {
     if (PRINT_TO_CONSOLE) {
       infoLog('PerformanceLogger.js', 'start: ' + key);
     }
-
-    this._performanceMark(
-      `${WEB_PERFORMANCE_PREFIX}_timespan_start_${key}`,
-      timestamp,
-    );
   }
 
   stopTimespan(
@@ -346,12 +282,6 @@ class PerformanceLogger implements IPerformanceLogger {
       Systrace.endAsyncEvent(key, _cookies[key]);
       delete _cookies[key];
     }
-
-    this._performanceMeasure(
-      `${WEB_PERFORMANCE_PREFIX}_${key}`,
-      `${WEB_PERFORMANCE_PREFIX}_timespan_start_${key}`,
-      timestamp,
-    );
   }
 }
 
@@ -364,8 +294,6 @@ export type {Extras, ExtraValue, IPerformanceLogger, Timespan};
  * various performance data such as timespans, points and extras.
  * The loggers need to have minimal overhead since they're used in production.
  */
-export default function createPerformanceLogger(
-  isGlobalLogger?: boolean,
-): IPerformanceLogger {
-  return new PerformanceLogger(isGlobalLogger);
+export default function createPerformanceLogger(): IPerformanceLogger {
+  return new PerformanceLogger();
 }
diff --git a/packages/react-native/Libraries/Utilities/useMergeRefs.js b/packages/react-native/Libraries/Utilities/useMergeRefs.js
index 15bd982d036896..1499e4eab3afdb 100644
--- a/packages/react-native/Libraries/Utilities/useMergeRefs.js
+++ b/packages/react-native/Libraries/Utilities/useMergeRefs.js
@@ -8,13 +8,9 @@
  * @format
  */
 
+import * as React from 'react';
 import {useCallback} from 'react';
 
-type CallbackRef<T> = T => mixed;
-type ObjectRef<T> = {current: T, ...};
-
-type Ref<T> = CallbackRef<T> | ObjectRef<T>;
-
 /**
  * Constructs a new ref that forwards new values to each of the given refs. The
  * given refs will always be invoked in the order that they are supplied.
@@ -24,11 +20,11 @@ type Ref<T> = CallbackRef<T> | ObjectRef<T>;
  * the returned callback ref is supplied as a `ref` to a React element, this may
  * lead to problems with the given refs being invoked more times than desired.
  */
-export default function useMergeRefs<T>(
-  ...refs: $ReadOnlyArray<?Ref<T>>
-): CallbackRef<T> {
+export default function useMergeRefs<Instance>(
+  ...refs: $ReadOnlyArray<?React.RefSetter<Instance>>
+): (Instance | null) => void {
   return useCallback(
-    (current: T) => {
+    (current: Instance | null) => {
       for (const ref of refs) {
         if (ref != null) {
           if (typeof ref === 'function') {
diff --git a/packages/react-native/Libraries/Vibration/NativeVibration.js b/packages/react-native/Libraries/Vibration/NativeVibration.js
index 8fcc446817bd2f..b23fe17b89bf48 100644
--- a/packages/react-native/Libraries/Vibration/NativeVibration.js
+++ b/packages/react-native/Libraries/Vibration/NativeVibration.js
@@ -8,17 +8,6 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +getConstants: () => {||};
-  +vibrate: (pattern: number) => void;
-
-  // Android only
-  +vibrateByPattern: (pattern: Array<number>, repeat: number) => void;
-  +cancel: () => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>('Vibration'): Spec);
+export * from '../../src/private/specs/modules/NativeVibration';
+import NativeVibration from '../../src/private/specs/modules/NativeVibration';
+export default NativeVibration;
diff --git a/packages/react-native/Libraries/Vibration/React-RCTVibration.podspec b/packages/react-native/Libraries/Vibration/React-RCTVibration.podspec
index 44e365525b7098..e6b7d69cde4cbc 100644
--- a/packages/react-native/Libraries/Vibration/React-RCTVibration.podspec
+++ b/packages/react-native/Libraries/Vibration/React-RCTVibration.podspec
@@ -16,24 +16,15 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 header_search_paths = [
   "\"$(PODS_ROOT)/RCT-Folly\"",
   "\"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\"",
-  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
 ]
 
-if ENV["USE_FRAMEWORKS"]
-  header_search_paths = header_search_paths.concat([
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Codegen/React_Codegen.framework/Headers/build/generated/ios\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Codegen/React_Codegen.framework/Headers\""
-  ])
-end
-
 Pod::Spec.new do |s|
   s.name                   = "React-RCTVibration"
   s.version                = version
@@ -56,8 +47,10 @@ Pod::Spec.new do |s|
   s.frameworks             = "AudioToolbox"
 
   s.dependency "RCT-Folly", folly_version
-  s.dependency "React-Codegen", version
-  s.dependency "ReactCommon/turbomodule/core", version
-  s.dependency "React-jsi", version
-  s.dependency "React-Core/RCTVibrationHeaders", version
+  s.dependency "React-jsi"
+  s.dependency "React-Core/RCTVibrationHeaders"
+
+  add_dependency(s, "React-Codegen", :additional_framework_paths => ["build/generated/ios"])
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
+  add_dependency(s, "React-NativeModulesApple")
 end
diff --git a/packages/react-native/Libraries/WebSocket/NativeWebSocketModule.js b/packages/react-native/Libraries/WebSocket/NativeWebSocketModule.js
index 7ae271cc52432b..2220a52dcb07d1 100644
--- a/packages/react-native/Libraries/WebSocket/NativeWebSocketModule.js
+++ b/packages/react-native/Libraries/WebSocket/NativeWebSocketModule.js
@@ -4,31 +4,10 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
-
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
-
-export interface Spec extends TurboModule {
-  +connect: (
-    url: string,
-    protocols: ?Array<string>,
-    options: {|headers?: Object|},
-    socketID: number,
-  ) => void;
-  +send: (message: string, forSocketID: number) => void;
-  +sendBinary: (base64String: string, forSocketID: number) => void;
-  +ping: (socketID: number) => void;
-  +close: (code: number, reason: string, socketID: number) => void;
-
-  // RCTEventEmitter
-  +addListener: (eventName: string) => void;
-  +removeListeners: (count: number) => void;
-}
-
-export default (TurboModuleRegistry.getEnforcing<Spec>(
-  'WebSocketModule',
-): Spec);
+export * from '../../src/private/specs/modules/NativeWebSocketModule';
+import NativeWebSocketModule from '../../src/private/specs/modules/NativeWebSocketModule';
+export default NativeWebSocketModule;
diff --git a/packages/react-native/Libraries/YellowBox/YellowBoxDeprecated.js b/packages/react-native/Libraries/YellowBox/YellowBoxDeprecated.js
index a0d0d3c8ace21e..4a1a78dd4174f3 100644
--- a/packages/react-native/Libraries/YellowBox/YellowBoxDeprecated.js
+++ b/packages/react-native/Libraries/YellowBox/YellowBoxDeprecated.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/react-native/Libraries/YellowBox/__tests__/YellowBoxDeprecated-test.js b/packages/react-native/Libraries/YellowBox/__tests__/YellowBoxDeprecated-test.js
index c0ffbf8d833e0d..a97e46ea67b659 100644
--- a/packages/react-native/Libraries/YellowBox/__tests__/YellowBoxDeprecated-test.js
+++ b/packages/react-native/Libraries/YellowBox/__tests__/YellowBoxDeprecated-test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  * @oncall react_native
  */
diff --git a/packages/react-native/Libraries/__tests__/__snapshots__/public-api-test.js.snap b/packages/react-native/Libraries/__tests__/__snapshots__/public-api-test.js.snap
new file mode 100644
index 00000000000000..46dfd5e75a7b8d
--- /dev/null
+++ b/packages/react-native/Libraries/__tests__/__snapshots__/public-api-test.js.snap
@@ -0,0 +1,9433 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`public API should not change unintentionally Libraries/ActionSheetIOS/ActionSheetIOS.js 1`] = `
+"declare const ActionSheetIOS: {
+  showActionSheetWithOptions(
+    options: {|
+      +title?: ?string,
+      +message?: ?string,
+      +options: Array<string>,
+      +destructiveButtonIndex?: ?number | ?Array<number>,
+      +cancelButtonIndex?: ?number,
+      +anchor?: ?number,
+      +tintColor?: ColorValue | ProcessedColorValue,
+      +cancelButtonTintColor?: ColorValue | ProcessedColorValue,
+      +userInterfaceStyle?: string,
+      +disabledButtonIndices?: Array<number>,
+    |},
+    callback: (buttonIndex: number) => void
+  ): void,
+  showShareActionSheetWithOptions(
+    options: Object,
+    failureCallback: Function,
+    successCallback: Function
+  ): void,
+  dismissActionSheet: () => void,
+};
+declare module.exports: ActionSheetIOS;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ActionSheetIOS/NativeActionSheetManager.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeActionSheetManager\\";
+declare export default typeof NativeActionSheetManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/AddressSanitizerCrash/AddressSanitizerCrash.js 1`] = `
+"declare module.exports: NativeAddressSanitizerCrash;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/AddressSanitizerCrash/NativeAddressSanitizerCrash.js 1`] = `
+"export interface Spec extends TurboModule {}
+declare export default ?Spec;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Alert/Alert.js 1`] = `
+"export type AlertType =
+  | \\"default\\"
+  | \\"plain-text\\"
+  | \\"secure-text\\"
+  | \\"login-password\\";
+export type AlertButtonStyle = \\"default\\" | \\"cancel\\" | \\"destructive\\";
+export type Buttons = Array<{
+  text?: string,
+  onPress?: ?Function,
+  isPreferred?: boolean,
+  style?: AlertButtonStyle,
+  ...
+}>;
+export type DefaultInputsArray = Array<{
+  default?: string,
+  placeholder?: string,
+  style?: AlertButtonStyle,
+}>;
+type Options = {
+  cancelable?: ?boolean,
+  userInterfaceStyle?: \\"unspecified\\" | \\"light\\" | \\"dark\\",
+  onDismiss?: ?() => void,
+  modal?: ?boolean,
+  critical?: ?boolean,
+  ...
+};
+declare class Alert {
+  static alert(
+    title: ?string,
+    message?: ?string,
+    buttons?: Buttons,
+    options?: Options
+  ): void;
+  static prompt(
+    title: ?string,
+    message?: ?string,
+    callbackOrButtons?: ?(((text: string) => void) | Buttons),
+    type?: ?AlertType,
+    defaultValue?: string,
+    keyboardType?: string,
+    options?: Options
+  ): void;
+  static promptMacOS(
+    title: ?string,
+    message?: ?string,
+    callbackOrButtons?: ?((text: string) => void) | Buttons,
+    type?: ?AlertType,
+    defaultInputs?: DefaultInputsArray,
+    modal?: ?boolean,
+    critical?: ?boolean
+  ): void;
+}
+declare module.exports: Alert;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Alert/NativeAlertManager.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeAlertManager\\";
+declare export default typeof NativeAlertManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Alert/RCTAlertManager.android.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/Alert/RCTAlertManager.ios.js 1`] = `
+"declare module.exports: {
+  alertWithArgs(
+    args: Args,
+    callback: (id: number, value: string) => void
+  ): void,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Alert/RCTAlertManager.js.flow 1`] = `
+"declare module.exports: {
+  alertWithArgs(
+    args: Args,
+    callback: (id: number, value: string) => void
+  ): void,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/Animated.js 1`] = `
+"export type { CompositeAnimation, Numeric } from \\"./AnimatedImplementation\\";
+declare const Animated: typeof AnimatedImplementation;
+declare export default {
+  get FlatList(): AnimatedFlatList,
+  get Image(): AnimatedImage,
+  get ScrollView(): AnimatedScrollView,
+  get SectionList(): AnimatedSectionList,
+  get Text(): AnimatedText,
+  get View(): AnimatedView,
+  ...Animated,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/AnimatedEvent.js 1`] = `
+"export type Mapping =
+  | { [key: string]: Mapping, ... }
+  | AnimatedValue
+  | AnimatedValueXY;
+export type EventConfig = {
+  listener?: ?Function,
+  useNativeDriver: boolean,
+  platformConfig?: PlatformConfig,
+};
+declare export function attachNativeEvent(
+  viewRef: any,
+  eventName: string,
+  argMapping: $ReadOnlyArray<?Mapping>,
+  platformConfig: ?PlatformConfig
+): { detach: () => void };
+declare export class AnimatedEvent {
+  _argMapping: $ReadOnlyArray<?Mapping>;
+  _listeners: Array<Function>;
+  _attachedEvent: ?{ detach: () => void, ... };
+  __isNative: boolean;
+  __platformConfig: ?PlatformConfig;
+  constructor(argMapping: $ReadOnlyArray<?Mapping>, config: EventConfig): void;
+  __addListener(callback: Function): void;
+  __removeListener(callback: Function): void;
+  __attach(viewRef: any, eventName: string): void;
+  __detach(viewTag: any, eventName: string): void;
+  __getHandler(): any | ((...args: any) => void);
+  _callListeners: $FlowFixMe;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/AnimatedImplementation.js 1`] = `
+"export type CompositeAnimation = {
+  start: (callback?: ?EndCallback) => void,
+  stop: () => void,
+  reset: () => void,
+  _startNativeLoop: (iterations?: number) => void,
+  _isUsingNativeDriver: () => boolean,
+  ...
+};
+declare const add: (
+  a: AnimatedNode | number,
+  b: AnimatedNode | number
+) => AnimatedAddition;
+declare const subtract: (
+  a: AnimatedNode | number,
+  b: AnimatedNode | number
+) => AnimatedSubtraction;
+declare const divide: (
+  a: AnimatedNode | number,
+  b: AnimatedNode | number
+) => AnimatedDivision;
+declare const multiply: (
+  a: AnimatedNode | number,
+  b: AnimatedNode | number
+) => AnimatedMultiplication;
+declare const modulo: (a: AnimatedNode, modulus: number) => AnimatedModulo;
+declare const diffClamp: (
+  a: AnimatedNode,
+  min: number,
+  max: number
+) => AnimatedDiffClamp;
+declare const spring: (
+  value: AnimatedValue | AnimatedValueXY | AnimatedColor,
+  config: SpringAnimationConfig
+) => CompositeAnimation;
+declare const timing: (
+  value: AnimatedValue | AnimatedValueXY | AnimatedColor,
+  config: TimingAnimationConfig
+) => CompositeAnimation;
+declare const decay: (
+  value: AnimatedValue | AnimatedValueXY | AnimatedColor,
+  config: DecayAnimationConfig
+) => CompositeAnimation;
+declare const sequence: (
+  animations: Array<CompositeAnimation>
+) => CompositeAnimation;
+type ParallelConfig = {
+  stopTogether?: boolean,
+  ...
+};
+declare const parallel: (
+  animations: Array<CompositeAnimation>,
+  config?: ?ParallelConfig
+) => CompositeAnimation;
+declare const delay: (time: number) => CompositeAnimation;
+declare const stagger: (
+  time: number,
+  animations: Array<CompositeAnimation>
+) => CompositeAnimation;
+type LoopAnimationConfig = {
+  iterations: number,
+  resetBeforeIteration?: boolean,
+  ...
+};
+declare const loop: (
+  animation: CompositeAnimation,
+  LoopAnimationConfig
+) => CompositeAnimation;
+declare function forkEvent(
+  event: ?AnimatedEvent | ?Function,
+  listener: Function
+): AnimatedEvent | Function;
+declare function unforkEvent(
+  event: ?AnimatedEvent | ?Function,
+  listener: Function
+): void;
+declare const event: (
+  argMapping: $ReadOnlyArray<?Mapping>,
+  config: EventConfig
+) => any;
+type AnimatedNumeric =
+  | AnimatedAddition
+  | AnimatedDiffClamp
+  | AnimatedDivision
+  | AnimatedInterpolation<number>
+  | AnimatedModulo
+  | AnimatedMultiplication
+  | AnimatedSubtraction
+  | AnimatedValue;
+export type { AnimatedNumeric as Numeric };
+declare export default {
+  Value: AnimatedValue,
+  ValueXY: AnimatedValueXY,
+  Color: AnimatedColor,
+  Interpolation: AnimatedInterpolation,
+  Node: AnimatedNode,
+  decay: decay,
+  timing: timing,
+  spring: spring,
+  add: add,
+  subtract: subtract,
+  divide: divide,
+  multiply: multiply,
+  modulo: modulo,
+  diffClamp: diffClamp,
+  delay: delay,
+  sequence: sequence,
+  parallel: parallel,
+  stagger: stagger,
+  loop: loop,
+  event: event,
+  createAnimatedComponent: createAnimatedComponent,
+  attachNativeEvent: attachNativeEvent,
+  forkEvent: forkEvent,
+  unforkEvent: unforkEvent,
+  Event: AnimatedEvent,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/AnimatedMock.js 1`] = `
+"export type CompositeAnimation = {
+  start: (callback?: ?EndCallback) => void,
+  stop: () => void,
+  reset: () => void,
+  _startNativeLoop: (iterations?: number) => void,
+  _isUsingNativeDriver: () => boolean,
+  ...
+};
+declare const spring: (
+  value: AnimatedValue | AnimatedValueXY | AnimatedColor,
+  config: SpringAnimationConfig
+) => CompositeAnimation;
+declare const timing: (
+  value: AnimatedValue | AnimatedValueXY | AnimatedColor,
+  config: TimingAnimationConfig
+) => CompositeAnimation;
+declare const decay: (
+  value: AnimatedValue | AnimatedValueXY | AnimatedColor,
+  config: DecayAnimationConfig
+) => CompositeAnimation;
+declare const sequence: (
+  animations: Array<CompositeAnimation>
+) => CompositeAnimation;
+type ParallelConfig = { stopTogether?: boolean, ... };
+declare const parallel: (
+  animations: Array<CompositeAnimation>,
+  config?: ?ParallelConfig
+) => CompositeAnimation;
+declare const delay: (time: number) => CompositeAnimation;
+declare const stagger: (
+  time: number,
+  animations: Array<CompositeAnimation>
+) => CompositeAnimation;
+type LoopAnimationConfig = {
+  iterations: number,
+  resetBeforeIteration?: boolean,
+  ...
+};
+declare const loop: (
+  animation: CompositeAnimation,
+  LoopAnimationConfig
+) => CompositeAnimation;
+export type { AnimatedNumeric as Numeric };
+declare export default {
+  Value: AnimatedValue,
+  ValueXY: AnimatedValueXY,
+  Color: AnimatedColor,
+  Interpolation: AnimatedInterpolation,
+  Node: AnimatedNode,
+  decay: decay,
+  timing: timing,
+  spring: spring,
+  add: $FlowFixMe,
+  subtract: $FlowFixMe,
+  divide: $FlowFixMe,
+  multiply: $FlowFixMe,
+  modulo: $FlowFixMe,
+  diffClamp: $FlowFixMe,
+  delay: delay,
+  sequence: sequence,
+  parallel: parallel,
+  stagger: stagger,
+  loop: loop,
+  event: $FlowFixMe,
+  createAnimatedComponent: createAnimatedComponent,
+  attachNativeEvent: attachNativeEvent,
+  forkEvent: $FlowFixMe,
+  unforkEvent: $FlowFixMe,
+  Event: AnimatedEvent,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/AnimatedPlatformConfig.js 1`] = `
+"export type PlatformConfig = {};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/AnimatedWeb.js 1`] = `
+"declare export default {
+  ...AnimatedImplementation,
+  div: $FlowFixMe,
+  span: $FlowFixMe,
+  img: $FlowFixMe,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/Easing.js 1`] = `
+"declare const Easing: {
+  step0(n: number): number,
+  step1(n: number): number,
+  linear(t: number): number,
+  ease(t: number): number,
+  quad(t: number): number,
+  cubic(t: number): number,
+  poly(n: number): (t: number) => number,
+  sin(t: number): number,
+  circle(t: number): number,
+  exp(t: number): number,
+  elastic(bounciness: number): (t: number) => number,
+  back(s: number): (t: number) => number,
+  bounce(t: number): number,
+  bezier(x1: number, y1: number, x2: number, y2: number): (t: number) => number,
+  in(easing: (t: number) => number): (t: number) => number,
+  out(easing: (t: number) => number): (t: number) => number,
+  inOut(easing: (t: number) => number): (t: number) => number,
+};
+declare export default typeof Easing;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/NativeAnimatedHelper.js 1`] = `
+"declare const API: {
+  getValue: (tag: number, saveValueCallback: (value: number) => void) => void,
+  setWaitingForIdentifier: (id: string) => void,
+  unsetWaitingForIdentifier: (id: string) => void,
+  disableQueue: () => void,
+  flushQueue: () => void,
+  queueOperation: <Args: $ReadOnlyArray<mixed>, Fn: (...Args) => void>(
+    fn: Fn,
+    ...args: Args
+  ) => void,
+  createAnimatedNode: (tag: number, config: AnimatedNodeConfig) => void,
+  updateAnimatedNodeConfig: (tag: number, config: AnimatedNodeConfig) => void,
+  startListeningToAnimatedNodeValue: (tag: number) => void,
+  stopListeningToAnimatedNodeValue: (tag: number) => void,
+  connectAnimatedNodes: (parentTag: number, childTag: number) => void,
+  disconnectAnimatedNodes: (parentTag: number, childTag: number) => void,
+  startAnimatingNode: (
+    animationId: number,
+    nodeTag: number,
+    config: AnimatingNodeConfig,
+    endCallback: EndCallback
+  ) => void,
+  stopAnimation: (animationId: number) => void,
+  setAnimatedNodeValue: (nodeTag: number, value: number) => void,
+  setAnimatedNodeOffset: (nodeTag: number, offset: number) => void,
+  flattenAnimatedNodeOffset: (nodeTag: number) => void,
+  extractAnimatedNodeOffset: (nodeTag: number) => void,
+  connectAnimatedNodeToView: (nodeTag: number, viewTag: number) => void,
+  disconnectAnimatedNodeFromView: (nodeTag: number, viewTag: number) => void,
+  restoreDefaultValues: (nodeTag: number) => void,
+  dropAnimatedNode: (tag: number) => void,
+  addAnimatedEventToView: (
+    viewTag: number,
+    eventName: string,
+    eventMapping: EventMapping
+  ) => void,
+  removeAnimatedEventFromView(
+    viewTag: number,
+    eventName: string,
+    animatedNodeTag: number
+  ): void,
+};
+declare function addWhitelistedStyleProp(prop: string): void;
+declare function addWhitelistedTransformProp(prop: string): void;
+declare function addWhitelistedInterpolationParam(param: string): void;
+declare function isSupportedColorStyleProp(prop: string): boolean;
+declare function isSupportedStyleProp(prop: string): boolean;
+declare function isSupportedTransformProp(prop: string): boolean;
+declare function isSupportedInterpolationParam(param: string): boolean;
+declare function validateTransform(
+  configs: Array<
+    | {
+        type: \\"animated\\",
+        property: string,
+        nodeTag: ?number,
+        ...
+      }
+    | {
+        type: \\"static\\",
+        property: string,
+        value: number | string,
+        ...
+      },
+  >
+): void;
+declare function validateStyles(styles: { [key: string]: ?number, ... }): void;
+declare function validateInterpolation<OutputT: number | string>(
+  config: InterpolationConfigType<OutputT>
+): void;
+declare function generateNewNodeTag(): number;
+declare function generateNewAnimationId(): number;
+declare function assertNativeAnimatedModule(): void;
+declare function shouldUseNativeDriver(
+  config: $ReadOnly<{ ...AnimationConfig, ... }> | EventConfig
+): boolean;
+declare function transformDataType(value: number | string): number | string;
+declare export default {
+  API: API,
+  isSupportedColorStyleProp: isSupportedColorStyleProp,
+  isSupportedStyleProp: isSupportedStyleProp,
+  isSupportedTransformProp: isSupportedTransformProp,
+  isSupportedInterpolationParam: isSupportedInterpolationParam,
+  addWhitelistedStyleProp: addWhitelistedStyleProp,
+  addWhitelistedTransformProp: addWhitelistedTransformProp,
+  addWhitelistedInterpolationParam: addWhitelistedInterpolationParam,
+  validateStyles: validateStyles,
+  validateTransform: validateTransform,
+  validateInterpolation: validateInterpolation,
+  generateNewNodeTag: generateNewNodeTag,
+  generateNewAnimationId: generateNewAnimationId,
+  assertNativeAnimatedModule: assertNativeAnimatedModule,
+  shouldUseNativeDriver: shouldUseNativeDriver,
+  transformDataType: transformDataType,
+  get nativeEventEmitter(): NativeEventEmitter,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/NativeAnimatedModule.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeAnimatedModule\\";
+declare export default typeof NativeAnimatedModule;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/NativeAnimatedTurboModule.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeAnimatedTurboModule\\";
+declare export default typeof NativeAnimatedTurboModule;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/SpringConfig.js 1`] = `
+"type SpringConfigType = {
+  stiffness: number,
+  damping: number,
+  ...
+};
+declare export function fromOrigamiTensionAndFriction(
+  tension: number,
+  friction: number
+): SpringConfigType;
+declare export function fromBouncinessAndSpeed(
+  bounciness: number,
+  speed: number
+): SpringConfigType;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/animations/Animation.js 1`] = `
+"export type EndResult = { finished: boolean, value?: number, ... };
+export type EndCallback = (result: EndResult) => void;
+export type AnimationConfig = {
+  isInteraction?: boolean,
+  useNativeDriver: boolean,
+  platformConfig?: PlatformConfig,
+  onComplete?: ?EndCallback,
+  iterations?: number,
+};
+declare export default class Animation {
+  __active: boolean;
+  __isInteraction: boolean;
+  __onEnd: ?EndCallback;
+  __iterations: number;
+  _nativeId: number;
+  start(
+    fromValue: number,
+    onUpdate: (value: number) => void,
+    onEnd: ?EndCallback,
+    previousAnimation: ?Animation,
+    animatedValue: AnimatedValue
+  ): void;
+  stop(): void;
+  __getNativeAnimationConfig(): any;
+  __debouncedOnEnd(result: EndResult): void;
+  __findAnimatedPropsNodes(node: AnimatedNode): Array<AnimatedProps>;
+  __startNativeAnimation(animatedValue: AnimatedValue): void;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/animations/DecayAnimation.js 1`] = `
+"export type DecayAnimationConfig = {
+  ...AnimationConfig,
+  velocity:
+    | number
+    | {
+        x: number,
+        y: number,
+        ...
+      },
+  deceleration?: number,
+};
+export type DecayAnimationConfigSingle = {
+  ...AnimationConfig,
+  velocity: number,
+  deceleration?: number,
+};
+declare export default class DecayAnimation extends Animation {
+  _startTime: number;
+  _lastValue: number;
+  _fromValue: number;
+  _deceleration: number;
+  _velocity: number;
+  _onUpdate: (value: number) => void;
+  _animationFrame: any;
+  _useNativeDriver: boolean;
+  _platformConfig: ?PlatformConfig;
+  constructor(config: DecayAnimationConfigSingle): void;
+  __getNativeAnimationConfig(): {|
+    deceleration: number,
+    iterations: number,
+    platformConfig: ?PlatformConfig,
+    type: $TEMPORARY$string<\\"decay\\">,
+    velocity: number,
+  |};
+  start(
+    fromValue: number,
+    onUpdate: (value: number) => void,
+    onEnd: ?EndCallback,
+    previousAnimation: ?Animation,
+    animatedValue: AnimatedValue
+  ): void;
+  onUpdate(): void;
+  stop(): void;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/animations/SpringAnimation.js 1`] = `
+"export type SpringAnimationConfig = {
+  ...AnimationConfig,
+  toValue:
+    | number
+    | AnimatedValue
+    | {
+        x: number,
+        y: number,
+        ...
+      }
+    | AnimatedValueXY
+    | {
+        r: number,
+        g: number,
+        b: number,
+        a: number,
+        ...
+      }
+    | AnimatedColor
+    | AnimatedInterpolation<number>,
+  overshootClamping?: boolean,
+  restDisplacementThreshold?: number,
+  restSpeedThreshold?: number,
+  velocity?:
+    | number
+    | {
+        x: number,
+        y: number,
+        ...
+      },
+  bounciness?: number,
+  speed?: number,
+  tension?: number,
+  friction?: number,
+  stiffness?: number,
+  damping?: number,
+  mass?: number,
+  delay?: number,
+};
+export type SpringAnimationConfigSingle = {
+  ...AnimationConfig,
+  toValue: number,
+  overshootClamping?: boolean,
+  restDisplacementThreshold?: number,
+  restSpeedThreshold?: number,
+  velocity?: number,
+  bounciness?: number,
+  speed?: number,
+  tension?: number,
+  friction?: number,
+  stiffness?: number,
+  damping?: number,
+  mass?: number,
+  delay?: number,
+};
+declare export default class SpringAnimation extends Animation {
+  _overshootClamping: boolean;
+  _restDisplacementThreshold: number;
+  _restSpeedThreshold: number;
+  _lastVelocity: number;
+  _startPosition: number;
+  _lastPosition: number;
+  _fromValue: number;
+  _toValue: number;
+  _stiffness: number;
+  _damping: number;
+  _mass: number;
+  _initialVelocity: number;
+  _delay: number;
+  _timeout: any;
+  _startTime: number;
+  _lastTime: number;
+  _frameTime: number;
+  _onUpdate: (value: number) => void;
+  _animationFrame: any;
+  _useNativeDriver: boolean;
+  _platformConfig: ?PlatformConfig;
+  constructor(config: SpringAnimationConfigSingle): void;
+  __getNativeAnimationConfig(): {|
+    damping: number,
+    initialVelocity: number,
+    iterations: number,
+    mass: number,
+    platformConfig: ?PlatformConfig,
+    overshootClamping: boolean,
+    restDisplacementThreshold: number,
+    restSpeedThreshold: number,
+    stiffness: number,
+    toValue: any,
+    type: $TEMPORARY$string<\\"spring\\">,
+  |};
+  start(
+    fromValue: number,
+    onUpdate: (value: number) => void,
+    onEnd: ?EndCallback,
+    previousAnimation: ?Animation,
+    animatedValue: AnimatedValue
+  ): void;
+  getInternalState(): Object;
+  onUpdate(): void;
+  stop(): void;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/animations/TimingAnimation.js 1`] = `
+"export type TimingAnimationConfig = $ReadOnly<{
+  ...AnimationConfig,
+  toValue:
+    | number
+    | AnimatedValue
+    | {
+        x: number,
+        y: number,
+        ...
+      }
+    | AnimatedValueXY
+    | RgbaValue
+    | AnimatedColor
+    | AnimatedInterpolation<number>,
+  easing?: (value: number) => number,
+  duration?: number,
+  delay?: number,
+}>;
+export type TimingAnimationConfigSingle = $ReadOnly<{
+  ...AnimationConfig,
+  toValue: number,
+  easing?: (value: number) => number,
+  duration?: number,
+  delay?: number,
+}>;
+declare export default class TimingAnimation extends Animation {
+  _startTime: number;
+  _fromValue: number;
+  _toValue: number;
+  _duration: number;
+  _delay: number;
+  _easing: (value: number) => number;
+  _onUpdate: (value: number) => void;
+  _animationFrame: any;
+  _timeout: any;
+  _useNativeDriver: boolean;
+  _platformConfig: ?PlatformConfig;
+  constructor(config: TimingAnimationConfigSingle): void;
+  __getNativeAnimationConfig(): any;
+  start(
+    fromValue: number,
+    onUpdate: (value: number) => void,
+    onEnd: ?EndCallback,
+    previousAnimation: ?Animation,
+    animatedValue: AnimatedValue
+  ): void;
+  onUpdate(): void;
+  stop(): void;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/bezier.js 1`] = `
+"declare export default function bezier(
+  mX1: number,
+  mY1: number,
+  mX2: number,
+  mY2: number
+): (x: number) => number;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/components/AnimatedFlatList.js 1`] = `
+"declare export default AnimatedComponentType<
+  React.ElementConfig<typeof FlatList>,
+  React.ElementRef<typeof FlatList>,
+>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/components/AnimatedImage.js 1`] = `
+"declare export default AnimatedComponentType<
+  React.ElementConfig<typeof Image>,
+  React.ElementRef<typeof Image>,
+>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/components/AnimatedScrollView.js 1`] = `
+"type Props = React.ElementConfig<typeof ScrollView>;
+type Instance = React.ElementRef<typeof ScrollView>;
+declare const AnimatedScrollView: AnimatedComponentType<Props, Instance>;
+declare export default typeof AnimatedScrollView;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/components/AnimatedSectionList.js 1`] = `
+"declare export default AnimatedComponentType<
+  React.ElementConfig<typeof SectionList>,
+  React.ElementRef<typeof SectionList>,
+>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/components/AnimatedText.js 1`] = `
+"declare export default AnimatedComponentType<
+  React.ElementConfig<typeof Text>,
+  React.ElementRef<typeof Text>,
+>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/components/AnimatedView.js 1`] = `
+"declare export default AnimatedComponentType<
+  React.ElementConfig<typeof View>,
+  React.ElementRef<typeof View>,
+>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/createAnimatedComponent.js 1`] = `
+"export type AnimatedProps<Props: { ... }> = $ObjMap<
+  Props &
+    $ReadOnly<{
+      passthroughAnimatedPropExplicitValues?: React.ElementConfig<typeof View>,
+    }>,
+  () => any,
+>;
+export type AnimatedComponentType<
+  Props: { ... },
+  +Instance = mixed,
+> = React.AbstractComponent<AnimatedProps<Props>, Instance>;
+declare export default function createAnimatedComponent<
+  TProps: { ... },
+  TInstance,
+>(
+  Component: React.AbstractComponent<TProps, TInstance>
+): AnimatedComponentType<TProps, TInstance>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedAddition.js 1`] = `
+"declare export default class AnimatedAddition extends AnimatedWithChildren {
+  _a: AnimatedNode;
+  _b: AnimatedNode;
+  constructor(a: AnimatedNode | number, b: AnimatedNode | number): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __getValue(): number;
+  interpolate<OutputT: number | string>(
+    config: InterpolationConfigType<OutputT>
+  ): AnimatedInterpolation<OutputT>;
+  __attach(): void;
+  __detach(): void;
+  __getNativeConfig(): any;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedColor.js 1`] = `
+"export type AnimatedColorConfig = $ReadOnly<{
+  useNativeDriver: boolean,
+}>;
+type ColorListenerCallback = (value: ColorValue) => mixed;
+export type RgbaValue = {
+  +r: number,
+  +g: number,
+  +b: number,
+  +a: number,
+  ...
+};
+type RgbaAnimatedValue = {
+  +r: AnimatedValue,
+  +g: AnimatedValue,
+  +b: AnimatedValue,
+  +a: AnimatedValue,
+  ...
+};
+export type InputValue = ?(RgbaValue | RgbaAnimatedValue | ColorValue);
+declare export default class AnimatedColor extends AnimatedWithChildren {
+  r: AnimatedValue;
+  g: AnimatedValue;
+  b: AnimatedValue;
+  a: AnimatedValue;
+  nativeColor: ?NativeColorValue;
+  _suspendCallbacks: number;
+  constructor(valueIn?: InputValue, config?: ?AnimatedColorConfig): void;
+  setValue(value: RgbaValue | ColorValue): void;
+  setOffset(offset: RgbaValue): void;
+  flattenOffset(): void;
+  extractOffset(): void;
+  stopAnimation(callback?: ColorListenerCallback): void;
+  resetAnimation(callback?: ColorListenerCallback): void;
+  __getValue(): ColorValue;
+  __attach(): void;
+  __detach(): void;
+  _withSuspendedCallbacks(callback: () => void): void;
+  __callListeners(value: number): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __getNativeConfig(): { ... };
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedDiffClamp.js 1`] = `
+"declare export default class AnimatedDiffClamp extends AnimatedWithChildren {
+  _a: AnimatedNode;
+  _min: number;
+  _max: number;
+  _value: number;
+  _lastValue: number;
+  constructor(a: AnimatedNode, min: number, max: number): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  interpolate<OutputT: number | string>(
+    config: InterpolationConfigType<OutputT>
+  ): AnimatedInterpolation<OutputT>;
+  __getValue(): number;
+  __attach(): void;
+  __detach(): void;
+  __getNativeConfig(): any;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedDivision.js 1`] = `
+"declare export default class AnimatedDivision extends AnimatedWithChildren {
+  _a: AnimatedNode;
+  _b: AnimatedNode;
+  _warnedAboutDivideByZero: boolean;
+  constructor(a: AnimatedNode | number, b: AnimatedNode | number): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __getValue(): number;
+  interpolate<OutputT: number | string>(
+    config: InterpolationConfigType<OutputT>
+  ): AnimatedInterpolation<OutputT>;
+  __attach(): void;
+  __detach(): void;
+  __getNativeConfig(): any;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedInterpolation.js 1`] = `
+"type ExtrapolateType = \\"extend\\" | \\"identity\\" | \\"clamp\\";
+export type InterpolationConfigType<OutputT: number | string> = $ReadOnly<{
+  inputRange: $ReadOnlyArray<number>,
+  outputRange: $ReadOnlyArray<OutputT>,
+  easing?: (input: number) => number,
+  extrapolate?: ExtrapolateType,
+  extrapolateLeft?: ExtrapolateType,
+  extrapolateRight?: ExtrapolateType,
+}>;
+declare export default class AnimatedInterpolation<OutputT: number | string>
+  extends AnimatedWithChildren
+{
+  _parent: AnimatedNode;
+  _config: InterpolationConfigType<OutputT>;
+  _interpolation: ?(input: number) => OutputT;
+  constructor(
+    parent: AnimatedNode,
+    config: InterpolationConfigType<OutputT>
+  ): void;
+  _getInterpolation(): (number) => OutputT;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __getValue(): OutputT;
+  interpolate<NewOutputT: number | string>(
+    config: InterpolationConfigType<NewOutputT>
+  ): AnimatedInterpolation<NewOutputT>;
+  __attach(): void;
+  __detach(): void;
+  __getNativeConfig(): any;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedModulo.js 1`] = `
+"declare export default class AnimatedModulo extends AnimatedWithChildren {
+  _a: AnimatedNode;
+  _modulus: number;
+  constructor(a: AnimatedNode, modulus: number): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __getValue(): number;
+  interpolate<OutputT: number | string>(
+    config: InterpolationConfigType<OutputT>
+  ): AnimatedInterpolation<OutputT>;
+  __attach(): void;
+  __detach(): void;
+  __getNativeConfig(): any;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedMultiplication.js 1`] = `
+"declare export default class AnimatedMultiplication
+  extends AnimatedWithChildren
+{
+  _a: AnimatedNode;
+  _b: AnimatedNode;
+  constructor(a: AnimatedNode | number, b: AnimatedNode | number): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __getValue(): number;
+  interpolate<OutputT: number | string>(
+    config: InterpolationConfigType<OutputT>
+  ): AnimatedInterpolation<OutputT>;
+  __attach(): void;
+  __detach(): void;
+  __getNativeConfig(): any;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedNode.js 1`] = `
+"type ValueListenerCallback = (state: { value: number, ... }) => mixed;
+declare export default class AnimatedNode {
+  _listeners: { [key: string]: ValueListenerCallback, ... };
+  _platformConfig: ?PlatformConfig;
+  __nativeAnimatedValueListener: ?any;
+  __attach(): void;
+  __detach(): void;
+  __getValue(): any;
+  __getAnimatedValue(): any;
+  __addChild(child: AnimatedNode): void;
+  __removeChild(child: AnimatedNode): void;
+  __getChildren(): $ReadOnlyArray<AnimatedNode>;
+  __isNative: boolean;
+  __nativeTag: ?number;
+  __shouldUpdateListenersForNewNativeTag: boolean;
+  constructor(): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  addListener(callback: (value: any) => mixed): string;
+  removeListener(id: string): void;
+  removeAllListeners(): void;
+  hasListeners(): boolean;
+  _startListeningToNativeValueUpdates(): void;
+  __onAnimatedValueUpdateReceived(value: number): void;
+  __callListeners(value: number): void;
+  _stopListeningForNativeValueUpdates(): void;
+  __getNativeTag(): number;
+  __getNativeConfig(): Object;
+  toJSON(): any;
+  __getPlatformConfig(): ?PlatformConfig;
+  __setPlatformConfig(platformConfig: ?PlatformConfig): void;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedObject.js 1`] = `
+"declare export function hasAnimatedNode(value: any, depth: number): boolean;
+declare export default class AnimatedObject extends AnimatedWithChildren {
+  _value: any;
+  constructor(value: any): void;
+  __getValue(): any;
+  __getAnimatedValue(): any;
+  __attach(): void;
+  __detach(): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __getNativeConfig(): any;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedProps.js 1`] = `
+"declare export default class AnimatedProps extends AnimatedNode {
+  _props: Object;
+  _animatedView: any;
+  _callback: () => void;
+  constructor(props: Object, callback: () => void): void;
+  __getValue(): Object;
+  __getAnimatedValue(): Object;
+  __attach(): void;
+  __detach(): void;
+  update(): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  setNativeView(animatedView: any): void;
+  __connectAnimatedView(): void;
+  __disconnectAnimatedView(): void;
+  __restoreDefaultValues(): void;
+  __getNativeConfig(): Object;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedStyle.js 1`] = `
+"declare export default class AnimatedStyle extends AnimatedWithChildren {
+  _inputStyle: any;
+  _style: Object;
+  constructor(style: any): void;
+  __getValue(): Object | Array<Object>;
+  __getAnimatedValue(): Object;
+  __attach(): void;
+  __detach(): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __getNativeConfig(): Object;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedSubtraction.js 1`] = `
+"declare export default class AnimatedSubtraction extends AnimatedWithChildren {
+  _a: AnimatedNode;
+  _b: AnimatedNode;
+  constructor(a: AnimatedNode | number, b: AnimatedNode | number): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __getValue(): number;
+  interpolate<OutputT: number | string>(
+    config: InterpolationConfigType<OutputT>
+  ): AnimatedInterpolation<OutputT>;
+  __attach(): void;
+  __detach(): void;
+  __getNativeConfig(): any;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedTracking.js 1`] = `
+"declare export default class AnimatedTracking extends AnimatedNode {
+  _value: AnimatedValue;
+  _parent: AnimatedNode;
+  _callback: ?EndCallback;
+  _animationConfig: Object;
+  _animationClass: any;
+  _useNativeDriver: boolean;
+  constructor(
+    value: AnimatedValue,
+    parent: AnimatedNode,
+    animationClass: any,
+    animationConfig: Object,
+    callback?: ?EndCallback
+  ): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __getValue(): Object;
+  __attach(): void;
+  __detach(): void;
+  update(): void;
+  __getNativeConfig(): any;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedTransform.js 1`] = `
+"declare export default class AnimatedTransform extends AnimatedWithChildren {
+  _transforms: $ReadOnlyArray<Object>;
+  constructor(transforms: $ReadOnlyArray<Object>): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __getValue(): $ReadOnlyArray<Object>;
+  __getAnimatedValue(): $ReadOnlyArray<Object>;
+  __attach(): void;
+  __detach(): void;
+  __getNativeConfig(): any;
+  _get(getter: (AnimatedNode) => any): $ReadOnlyArray<Object>;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedValue.js 1`] = `
+"export type AnimatedValueConfig = $ReadOnly<{
+  useNativeDriver: boolean,
+}>;
+declare export function flushValue(rootNode: AnimatedNode): void;
+declare export default class AnimatedValue extends AnimatedWithChildren {
+  _value: number;
+  _startingValue: number;
+  _offset: number;
+  _animation: ?Animation;
+  _tracking: ?AnimatedTracking;
+  constructor(value: number, config?: ?AnimatedValueConfig): void;
+  __detach(): void;
+  __getValue(): number;
+  setValue(value: number): void;
+  setOffset(offset: number): void;
+  flattenOffset(): void;
+  extractOffset(): void;
+  stopAnimation(callback?: ?(value: number) => void): void;
+  resetAnimation(callback?: ?(value: number) => void): void;
+  __onAnimatedValueUpdateReceived(value: number): void;
+  interpolate<OutputT: number | string>(
+    config: InterpolationConfigType<OutputT>
+  ): AnimatedInterpolation<OutputT>;
+  animate(animation: Animation, callback: ?EndCallback): void;
+  stopTracking(): void;
+  track(tracking: AnimatedTracking): void;
+  _updateValue(value: number, flush: boolean): void;
+  __getNativeConfig(): Object;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedValueXY.js 1`] = `
+"export type AnimatedValueXYConfig = $ReadOnly<{
+  useNativeDriver: boolean,
+}>;
+type ValueXYListenerCallback = (value: { x: number, y: number, ... }) => mixed;
+declare export default class AnimatedValueXY extends AnimatedWithChildren {
+  x: AnimatedValue;
+  y: AnimatedValue;
+  _listeners: {
+    [key: string]: {
+      x: string,
+      y: string,
+      ...
+    },
+    ...
+  };
+  constructor(
+    valueIn?: ?{
+      +x: number | AnimatedValue,
+      +y: number | AnimatedValue,
+      ...
+    },
+    config?: ?AnimatedValueXYConfig
+  ): void;
+  setValue(value: { x: number, y: number, ... }): void;
+  setOffset(offset: { x: number, y: number, ... }): void;
+  flattenOffset(): void;
+  extractOffset(): void;
+  __getValue(): {
+    x: number,
+    y: number,
+    ...
+  };
+  resetAnimation(
+    callback?: (value: { x: number, y: number, ... }) => void
+  ): void;
+  stopAnimation(
+    callback?: (value: { x: number, y: number, ... }) => void
+  ): void;
+  addListener(callback: ValueXYListenerCallback): string;
+  removeListener(id: string): void;
+  removeAllListeners(): void;
+  getLayout(): { [key: string]: AnimatedValue, ... };
+  getTranslateTransform(): Array<{ [key: string]: AnimatedValue, ... }>;
+  __attach(): void;
+  __detach(): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/nodes/AnimatedWithChildren.js 1`] = `
+"declare export default class AnimatedWithChildren extends AnimatedNode {
+  _children: Array<AnimatedNode>;
+  constructor(): void;
+  __makeNative(platformConfig: ?PlatformConfig): void;
+  __addChild(child: AnimatedNode): void;
+  __removeChild(child: AnimatedNode): void;
+  __getChildren(): $ReadOnlyArray<AnimatedNode>;
+  __callListeners(value: number): void;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/shouldUseTurboAnimatedModule.js 1`] = `
+"declare function shouldUseTurboAnimatedModule(): boolean;
+declare export default typeof shouldUseTurboAnimatedModule;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/useAnimatedProps.js 1`] = `
+"type ReducedProps<TProps> = {
+  ...TProps,
+  collapsable: boolean,
+  ...
+};
+type CallbackRef<T> = (T) => mixed;
+declare export default function useAnimatedProps<TProps: { ... }, TInstance>(
+  props: TProps
+): [ReducedProps<TProps>, CallbackRef<TInstance | null>];
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Animated/useAnimatedValue.js 1`] = `
+"declare export default function useAnimatedValue(
+  initialValue: number,
+  config?: ?AnimatedValueConfig
+): Animated.Value;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/AppState/AppState.js 1`] = `
+"export type AppStateValues = \\"inactive\\" | \\"background\\" | \\"active\\";
+type AppStateEventDefinitions = {
+  change: [AppStateValues],
+  memoryWarning: [],
+  blur: [],
+  focus: [],
+};
+type NativeAppStateEventDefinitions = {
+  appStateDidChange: [{ app_state: AppStateValues }],
+  appStateFocusChange: [boolean],
+  memoryWarning: [],
+};
+declare class AppState {
+  currentState: ?string;
+  isAvailable: boolean;
+  _emitter: ?NativeEventEmitter<NativeAppStateEventDefinitions>;
+  constructor(): void;
+  addEventListener<K: $Keys<AppStateEventDefinitions>>(
+    type: K,
+    handler: (...$ElementType<AppStateEventDefinitions, K>) => void
+  ): EventSubscription;
+}
+declare module.exports: AppState;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/AppState/NativeAppState.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeAppState\\";
+declare export default typeof NativeAppState;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/BatchedBridge/BatchedBridge.js 1`] = `
+"declare const BatchedBridge: MessageQueue;
+declare module.exports: BatchedBridge;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/BatchedBridge/MessageQueue.js 1`] = `
+"export type SpyData = {
+  type: number,
+  module: ?string,
+  method: string | number,
+  args: mixed[],
+  ...
+};
+declare class MessageQueue {
+  _lazyCallableModules: { [key: string]: (void) => { ... }, ... };
+  _queue: [number[], number[], mixed[], number];
+  _successCallbacks: Map<number, ?(...mixed[]) => void>;
+  _failureCallbacks: Map<number, ?(...mixed[]) => void>;
+  _callID: number;
+  _lastFlush: number;
+  _eventLoopStartTime: number;
+  _reactNativeMicrotasksCallback: ?() => void;
+  _debugInfo: { [number]: [number, number], ... };
+  _remoteModuleTable: { [number]: string, ... };
+  _remoteMethodTable: { [number]: $ReadOnlyArray<string>, ... };
+  __spy: ?(data: SpyData) => void;
+  constructor(): void;
+  static spy(spyOrToggle: boolean | ((data: SpyData) => void)): void;
+  callFunctionReturnFlushedQueue(
+    module: string,
+    method: string,
+    args: mixed[]
+  ): null | [Array<number>, Array<number>, Array<mixed>, number];
+  invokeCallbackAndReturnFlushedQueue(
+    cbID: number,
+    args: mixed[]
+  ): null | [Array<number>, Array<number>, Array<mixed>, number];
+  flushedQueue(): null | [Array<number>, Array<number>, Array<mixed>, number];
+  getEventLoopRunningTime(): number;
+  registerCallableModule(name: string, module: { ... }): void;
+  registerLazyCallableModule(
+    name: string,
+    factory: (void) => interface {}
+  ): void;
+  getCallableModule(name: string): { ... } | null;
+  callNativeSyncHook(
+    moduleID: number,
+    methodID: number,
+    params: mixed[],
+    onFail: ?(...mixed[]) => void,
+    onSucc: ?(...mixed[]) => void
+  ): mixed;
+  processCallbacks(
+    moduleID: number,
+    methodID: number,
+    params: mixed[],
+    onFail: ?(...mixed[]) => void,
+    onSucc: ?(...mixed[]) => void
+  ): void;
+  enqueueNativeCall(
+    moduleID: number,
+    methodID: number,
+    params: mixed[],
+    onFail: ?(...mixed[]) => void,
+    onSucc: ?(...mixed[]) => void
+  ): void;
+  createDebugLookup(
+    moduleID: number,
+    name: string,
+    methods: ?$ReadOnlyArray<string>
+  ): void;
+  setReactNativeMicrotasksCallback(fn: () => void): void;
+  __guard(fn: () => void): void;
+  __shouldPauseOnThrow(): boolean;
+  __callReactNativeMicrotasks(): void;
+  __callFunction(module: string, method: string, args: mixed[]): void;
+  __invokeCallback(cbID: number, args: mixed[]): void;
+}
+declare module.exports: MessageQueue;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/BatchedBridge/NativeModules.js 1`] = `
+"export type ModuleConfig = [
+  string,
+  ?{ ... },
+  ?$ReadOnlyArray<string>,
+  ?$ReadOnlyArray<number>,
+  ?$ReadOnlyArray<number>,
+];
+export type MethodType = \\"async\\" | \\"promise\\" | \\"sync\\";
+declare let NativeModules: { [moduleName: string]: $FlowFixMe, ... };
+declare module.exports: NativeModules;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Blob/Blob.js 1`] = `
+"declare class Blob {
+  _data: ?BlobData;
+  constructor(parts: Array<Blob | string>, options?: BlobOptions): void;
+  set data(data: ?BlobData): void;
+  get data(): BlobData;
+  slice(start?: number, end?: number, contentType: string): Blob;
+  close(): void;
+  get size(): number;
+  get type(): string;
+}
+declare module.exports: Blob;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Blob/BlobManager.js 1`] = `
+"declare class BlobManager {
+  static isAvailable: boolean;
+  static createFromParts(
+    parts: Array<Blob | string>,
+    options?: BlobOptions
+  ): Blob;
+  static createFromOptions(options: BlobData): Blob;
+  static release(blobId: string): void;
+  static addNetworkingHandler(): void;
+  static addWebSocketHandler(socketId: number): void;
+  static removeWebSocketHandler(socketId: number): void;
+  static sendOverSocket(blob: Blob, socketId: number): void;
+}
+declare module.exports: BlobManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Blob/BlobRegistry.js 1`] = `
+"declare const register: (id: string) => void;
+declare const unregister: (id: string) => void;
+declare const has: (id: string) => number | boolean;
+declare module.exports: {
+  register: register,
+  unregister: unregister,
+  has: has,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Blob/BlobTypes.js 1`] = `
+"declare export opaque type BlobCollector;
+export type BlobData = {
+  blobId: string,
+  offset: number,
+  size: number,
+  name?: string,
+  type?: string,
+  lastModified?: number,
+  __collector?: ?BlobCollector,
+  ...
+};
+export type BlobOptions = {
+  type: string,
+  lastModified: number,
+  ...
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Blob/File.js 1`] = `
+"declare const Blob: $FlowFixMe;
+declare class File extends Blob {
+  constructor(
+    parts: Array<Blob | string>,
+    name: string,
+    options?: BlobOptions
+  ): void;
+  get name(): string;
+  get lastModified(): number;
+}
+declare module.exports: File;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Blob/NativeBlobModule.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeBlobModule\\";
+declare export default typeof NativeBlobModule;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Blob/NativeFileReaderModule.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeFileReaderModule\\";
+declare export default typeof NativeFileReaderModule;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Blob/URL.js 1`] = `"UNTYPED MODULE (unsupported-syntax suppression)"`;
+
+exports[`public API should not change unintentionally Libraries/BugReporting/BugReporting.js 1`] = `
+"type ExtraData = { [key: string]: string, ... };
+type SourceCallback = () => string;
+type DebugData = {
+  extras: ExtraData,
+  files: ExtraData,
+  ...
+};
+declare class BugReporting {
+  static _extraSources: Map<string, SourceCallback>;
+  static _fileSources: Map<string, SourceCallback>;
+  static _subscription: ?EventSubscription;
+  static _redboxSubscription: ?EventSubscription;
+  static _maybeInit(): void;
+  static addSource(
+    key: string,
+    callback: SourceCallback
+  ): { remove: () => void, ... };
+  static addFileSource(
+    key: string,
+    callback: SourceCallback
+  ): { remove: () => void, ... };
+  static _addSource(
+    key: string,
+    callback: SourceCallback,
+    source: Map<string, SourceCallback>
+  ): { remove: () => void, ... };
+  static collectExtraData(): DebugData;
+}
+declare module.exports: BugReporting;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/BugReporting/NativeBugReporting.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeBugReporting\\";
+declare export default typeof NativeBugReporting;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/BugReporting/dumpReactTree.js 1`] = `
+"declare function dumpReactTree(): string;
+declare module.exports: dumpReactTree;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/BugReporting/getReactData.js 1`] = `
+"declare function getData(element: Object): Object;
+declare module.exports: getData;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/AccessibilityInfo/AccessibilityInfo.js 1`] = `
+"type AccessibilityEventDefinitionsAndroid = {
+  accessibilityServiceChanged: [boolean],
+};
+type AccessibilityEventDefinitionsIOS = {
+  announcementFinished: [{ announcement: string, success: boolean }],
+  boldTextChanged: [boolean],
+  grayscaleChanged: [boolean],
+  invertColorsChanged: [boolean],
+  reduceTransparencyChanged: [boolean],
+};
+type AccessibilityEventDefinitionsMacOS = {
+  highContrastChanged: [boolean],
+};
+type AccessibilityEventDefinitions = {
+  ...AccessibilityEventDefinitionsAndroid,
+  ...AccessibilityEventDefinitionsIOS,
+  ...AccessibilityEventDefinitionsMacOS,
+  change: [boolean],
+  reduceMotionChanged: [boolean],
+  screenReaderChanged: [boolean],
+};
+type AccessibilityEventTypes = \\"click\\" | \\"focus\\" | \\"viewHoverEnter\\";
+declare const AccessibilityInfo: {
+  isBoldTextEnabled(): Promise<boolean>,
+  isGrayscaleEnabled(): Promise<boolean>,
+  isHighContrastEnabled: () => Promise<boolean>,
+  isInvertColorsEnabled(): Promise<boolean>,
+  isReduceMotionEnabled(): Promise<boolean>,
+  prefersCrossFadeTransitions(): Promise<boolean>,
+  isReduceTransparencyEnabled(): Promise<boolean>,
+  isScreenReaderEnabled(): Promise<boolean>,
+  isAccessibilityServiceEnabled(): Promise<boolean>,
+  addEventListener<K: $Keys<AccessibilityEventDefinitions>>(
+    eventName: K,
+    handler: (...$ElementType<AccessibilityEventDefinitions, K>) => void
+  ): EventSubscription,
+  setAccessibilityFocus(reactTag: number): void,
+  sendAccessibilityEvent(
+    handle: ElementRef<HostComponent<mixed>>,
+    eventType: AccessibilityEventTypes
+  ): void,
+  announceForAccessibility(announcement: string): void,
+  announceForAccessibilityWithOptions(
+    announcement: string,
+    options: { queue?: boolean }
+  ): void,
+  getRecommendedTimeoutMillis(originalTimeout: number): Promise<number>,
+};
+declare export default typeof AccessibilityInfo;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/AccessibilityInfo/NativeAccessibilityInfo.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeAccessibilityInfo\\";
+declare export default typeof NativeAccessibilityInfo;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/AccessibilityInfo/NativeAccessibilityManager.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeAccessibilityManager\\";
+declare export default typeof NativeAccessibilityManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.android.js 1`] = `
+"declare function legacySendAccessibilityEvent(
+  reactTag: number,
+  eventType: string
+): void;
+declare module.exports: legacySendAccessibilityEvent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.ios.js 1`] = `
+"declare function legacySendAccessibilityEvent(
+  reactTag: number,
+  eventType: string
+): void;
+declare module.exports: legacySendAccessibilityEvent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/AccessibilityInfo/legacySendAccessibilityEvent.js.flow 1`] = `
+"declare function legacySendAccessibilityEvent(
+  reactTag: number,
+  eventType: string
+): void;
+declare module.exports: legacySendAccessibilityEvent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ActivityIndicator/ActivityIndicator.js 1`] = `
+"type IndicatorSize = number | \\"small\\" | \\"large\\";
+type IOSProps = $ReadOnly<{|
+  hidesWhenStopped?: ?boolean,
+|}>;
+type Props = $ReadOnly<{|
+  ...ViewProps,
+  ...IOSProps,
+  animating?: ?boolean,
+  color?: ?ColorValue,
+  size?: ?IndicatorSize,
+|}>;
+declare const ActivityIndicatorWithRef: React.AbstractComponent<
+  Props,
+  HostComponent<mixed>,
+>;
+declare export default typeof ActivityIndicatorWithRef;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ActivityIndicator/ActivityIndicatorViewNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/ActivityIndicatorViewNativeComponent\\";
+declare export default typeof ActivityIndicatorViewNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Button.js 1`] = `
+"type ButtonProps = $ReadOnly<{|
+  title: string,
+  onPress: (event?: PressEvent) => mixed,
+  touchSoundDisabled?: ?boolean,
+  color?: ?ColorValue,
+  hasTVPreferredFocus?: ?boolean,
+  nextFocusDown?: ?number,
+  nextFocusForward?: ?number,
+  nextFocusLeft?: ?number,
+  nextFocusRight?: ?number,
+  nextFocusUp?: ?number,
+  accessibilityLabel?: ?string,
+  \\"aria-label\\"?: ?string,
+  disabled?: ?boolean,
+  testID?: ?string,
+  accessibilityRole?: ?AccessibilityRole,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  onBlur?: ?(e: BlurEvent) => void,
+  onFocus?: ?(e: FocusEvent) => void,
+  onKeyDown?: ?(e: KeyEvent) => void,
+  onKeyUp?: ?(e: KeyEvent) => void,
+  validKeysDown?: ?Array<string>,
+  validKeysUp?: ?Array<string>,
+  tooltip?: string,
+  accessible?: ?boolean,
+  accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  accessibilityState?: ?AccessibilityState,
+  \\"aria-busy\\"?: ?boolean,
+  \\"aria-checked\\"?: ?boolean | \\"mixed\\",
+  \\"aria-disabled\\"?: ?boolean,
+  \\"aria-expanded\\"?: ?boolean,
+  \\"aria-selected\\"?: ?boolean,
+  importantForAccessibility?: ?(\\"auto\\" | \\"yes\\" | \\"no\\" | \\"no-hide-descendants\\"),
+  accessibilityHint?: ?string,
+  accessibilityLanguage?: ?Stringish,
+|}>;
+declare const Button: React.AbstractComponent<ButtonProps>;
+declare export default typeof Button;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Clipboard/Clipboard.js 1`] = `
+"declare module.exports: {
+  getString(): Promise<string>,
+  setString(content: string): void,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Clipboard/NativeClipboard.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeClipboard\\";
+declare export default typeof NativeClipboard;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/DrawerAndroid/AndroidDrawerLayoutNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/AndroidDrawerLayoutNativeComponent\\";
+declare export default typeof AndroidDrawerLayoutNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/Components/Keyboard/Keyboard.js 1`] = `
+"export type KeyboardEventName = $Keys<KeyboardEventDefinitions>;
+export type KeyboardEventEasing =
+  | \\"easeIn\\"
+  | \\"easeInEaseOut\\"
+  | \\"easeOut\\"
+  | \\"linear\\"
+  | \\"keyboard\\";
+export type KeyboardMetrics = $ReadOnly<{|
+  screenX: number,
+  screenY: number,
+  width: number,
+  height: number,
+|}>;
+export type KeyboardEvent = AndroidKeyboardEvent | IOSKeyboardEvent;
+type BaseKeyboardEvent = {|
+  duration: number,
+  easing: KeyboardEventEasing,
+  endCoordinates: KeyboardMetrics,
+|};
+export type AndroidKeyboardEvent = $ReadOnly<{|
+  ...BaseKeyboardEvent,
+  duration: 0,
+  easing: \\"keyboard\\",
+|}>;
+export type IOSKeyboardEvent = $ReadOnly<{|
+  ...BaseKeyboardEvent,
+  startCoordinates: KeyboardMetrics,
+  isEventFromThisApp: boolean,
+|}>;
+type KeyboardEventDefinitions = {
+  keyboardWillShow: [KeyboardEvent],
+  keyboardDidShow: [KeyboardEvent],
+  keyboardWillHide: [KeyboardEvent],
+  keyboardDidHide: [KeyboardEvent],
+  keyboardWillChangeFrame: [KeyboardEvent],
+  keyboardDidChangeFrame: [KeyboardEvent],
+};
+declare class Keyboard {
+  _currentlyShowing: ?KeyboardEvent;
+  _emitter: NativeEventEmitter<KeyboardEventDefinitions>;
+  constructor(): void;
+  addListener<K: $Keys<KeyboardEventDefinitions>>(
+    eventType: K,
+    listener: (...$ElementType<KeyboardEventDefinitions, K>) => mixed,
+    context?: mixed
+  ): EventSubscription;
+  removeAllListeners<K: $Keys<KeyboardEventDefinitions>>(eventType: ?K): void;
+  dismiss(): void;
+  isVisible(): boolean;
+  metrics(): ?KeyboardMetrics;
+  scheduleLayoutAnimation(event: KeyboardEvent): void;
+}
+declare module.exports: Keyboard;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Keyboard/NativeKeyboardObserver.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeKeyboardObserver\\";
+declare export default typeof NativeKeyboardObserver;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.android.js 1`] = `
+"export type PopupMenuAndroidInstance = {
+  +show: () => void,
+};
+type Props = {
+  menuItems: $ReadOnlyArray<string>,
+  onSelectionChange: (number) => void,
+  children: React.Node,
+  instanceRef: RefObject<?PopupMenuAndroidInstance>,
+};
+declare export default function PopupMenuAndroid(Props): React.Node;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/PopupMenuAndroid/PopupMenuAndroid.js 1`] = `
+"export type PopupMenuAndroidInstance = {
+  +show: () => void,
+};
+type Props = {
+  menuItems: $ReadOnlyArray<string>,
+  onSelectionChange: (number) => void,
+  children: Node,
+  instanceRef: RefObject<?PopupMenuAndroidInstance>,
+};
+declare function PopupMenuAndroid(props: Props): Node;
+declare export default typeof PopupMenuAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/PopupMenuAndroid/PopupMenuAndroidNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/PopupMenuAndroidNativeComponent\\";
+declare export default typeof PopupMenuAndroidNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Pressable/Pressable.js 1`] = `
+"type ViewStyleProp = $ElementType<React.ElementConfig<typeof View>, \\"style\\">;
+export type StateCallbackType = $ReadOnly<{|
+  pressed: boolean,
+|}>;
+type Props = $ReadOnly<{|
+  accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
+  accessibilityElementsHidden?: ?boolean,
+  accessibilityHint?: ?Stringish,
+  accessibilityLanguage?: ?Stringish,
+  accessibilityIgnoresInvertColors?: ?boolean,
+  accessibilityLabel?: ?Stringish,
+  accessibilityLiveRegion?: ?(\\"none\\" | \\"polite\\" | \\"assertive\\"),
+  accessibilityRole?: ?AccessibilityRole,
+  accessibilityState?: ?AccessibilityState,
+  accessibilityValue?: ?AccessibilityValue,
+  \\"aria-valuemax\\"?: AccessibilityValue[\\"max\\"],
+  \\"aria-valuemin\\"?: AccessibilityValue[\\"min\\"],
+  \\"aria-valuenow\\"?: AccessibilityValue[\\"now\\"],
+  \\"aria-valuetext\\"?: AccessibilityValue[\\"text\\"],
+  accessibilityViewIsModal?: ?boolean,
+  \\"aria-modal\\"?: ?boolean,
+  accessible?: ?boolean,
+  \\"aria-busy\\"?: ?boolean,
+  \\"aria-checked\\"?: ?boolean | \\"mixed\\",
+  \\"aria-disabled\\"?: ?boolean,
+  \\"aria-expanded\\"?: ?boolean,
+  \\"aria-selected\\"?: ?boolean,
+  \\"aria-hidden\\"?: ?boolean,
+  \\"aria-live\\"?: ?(\\"polite\\" | \\"assertive\\" | \\"off\\"),
+  focusable?: ?boolean,
+  importantForAccessibility?: ?(\\"auto\\" | \\"yes\\" | \\"no\\" | \\"no-hide-descendants\\"),
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  cancelable?: ?boolean,
+  children: React.Node | ((state: StateCallbackType) => React.Node),
+  delayHoverIn?: ?number,
+  delayHoverOut?: ?number,
+  delayLongPress?: ?number,
+  disabled?: ?boolean,
+  hitSlop?: ?RectOrSize,
+  pressRetentionOffset?: ?RectOrSize,
+  onLayout?: ?(event: LayoutEvent) => mixed,
+  onHoverIn?: ?(event: MouseEvent) => mixed,
+  onHoverOut?: ?(event: MouseEvent) => mixed,
+  onLongPress?: ?(event: PressEvent) => mixed,
+  onPress?: ?(event: PressEvent) => mixed,
+  onPressIn?: ?(event: PressEvent) => mixed,
+  onPressOut?: ?(event: PressEvent) => mixed,
+  onFocus?: ?(event: FocusEvent) => void,
+  onBlur?: ?(event: BlurEvent) => void,
+  onKeyDown?: ?(event: KeyEvent) => void,
+  onKeyUp?: ?(event: KeyEvent) => void,
+  passthroughAllKeyEvents?: ?boolean,
+  validKeysDown?: ?Array<string | HandledKeyboardEvent>,
+  validKeysUp?: ?Array<string | HandledKeyboardEvent>,
+  acceptsFirstMouse?: ?boolean,
+  mouseDownCanMoveWindow?: ?boolean,
+  enableFocusRing?: ?boolean,
+  allowsVibrancy?: ?boolean,
+  tooltip?: ?string,
+  onDragEnter?: (event: MouseEvent) => void,
+  onDragLeave?: (event: MouseEvent) => void,
+  onDrop?: (event: MouseEvent) => void,
+  draggedTypes?: ?DraggedTypesType,
+  style?: ViewStyleProp | ((state: StateCallbackType) => ViewStyleProp),
+  testID?: ?string,
+  android_disableSound?: ?boolean,
+  android_ripple?: ?RippleConfig,
+  testOnly_pressed?: ?boolean,
+  unstable_pressDelay?: ?number,
+  \\"aria-label\\"?: ?string,
+|}>;
+declare export default React.AbstractComponent<
+  Props,
+  React.ElementRef<typeof View>,
+>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Pressable/useAndroidRippleForView.js 1`] = `
+"type NativeBackgroundProp = $ReadOnly<{|
+  type: \\"RippleAndroid\\",
+  color: ?number,
+  borderless: boolean,
+  rippleRadius: ?number,
+|}>;
+export type RippleConfig = {|
+  color?: ColorValue,
+  borderless?: boolean,
+  radius?: number,
+  foreground?: boolean,
+|};
+declare export default function useAndroidRippleForView(
+  rippleConfig: ?RippleConfig,
+  viewRef: {| current: null | React.ElementRef<typeof View> |}
+): ?$ReadOnly<{|
+  onPressIn: (event: PressEvent) => void,
+  onPressMove: (event: PressEvent) => void,
+  onPressOut: (event: PressEvent) => void,
+  viewProps:
+    | $ReadOnly<{| nativeBackgroundAndroid: NativeBackgroundProp |}>
+    | $ReadOnly<{| nativeForegroundAndroid: NativeBackgroundProp |}>,
+|}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.android.js 1`] = `
+"export type ProgressBarAndroidProps = $ReadOnly<{|
+  ...ViewProps,
+  ...
+    | {|
+        styleAttr: \\"Horizontal\\",
+        indeterminate: false,
+        progress: number,
+      |}
+    | {|
+        typeAttr:
+          | \\"Horizontal\\"
+          | \\"Normal\\"
+          | \\"Small\\"
+          | \\"Large\\"
+          | \\"Inverse\\"
+          | \\"SmallInverse\\"
+          | \\"LargeInverse\\",
+        indeterminate: true,
+      |},
+  animating?: ?boolean,
+  color?: ?ColorValue,
+  testID?: ?string,
+|}>;
+declare module.exports: typeof ProgressBarAndroidNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ProgressBarAndroid/ProgressBarAndroid.js 1`] = `
+"export type { ProgressBarAndroidProps } from \\"./ProgressBarAndroid.android\\";
+declare module.exports:
+  | UnimplementedViewType
+  | ProgressBarAndroidNativeComponentType;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ProgressBarAndroid/ProgressBarAndroidNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/ProgressBarAndroidNativeComponent\\";
+declare export default typeof ProgressBarAndroidNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/RefreshControl/AndroidSwipeRefreshLayoutNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent\\";
+declare export default typeof AndroidSwipeRefreshLayoutNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/RefreshControl/PullToRefreshViewNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/PullToRefreshViewNativeComponent\\";
+declare export default typeof PullToRefreshViewNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/SafeAreaView/RCTSafeAreaViewNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/RCTSafeAreaViewNativeComponent\\";
+declare export default typeof RCTSafeAreaViewNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/SafeAreaView/SafeAreaView.js 1`] = `
+"declare const exported: React.AbstractComponent<
+  ViewProps,
+  React.ElementRef<typeof View>,
+>;
+declare export default typeof exported;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ScrollView/AndroidHorizontalScrollContentViewNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/AndroidHorizontalScrollContentViewNativeComponent\\";
+declare export default typeof AndroidHorizontalScrollContentViewNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ScrollView/AndroidHorizontalScrollViewNativeComponent.js 1`] = `
+"declare export const __INTERNAL_VIEW_CONFIG: PartialViewConfig;
+declare const AndroidHorizontalScrollViewNativeComponent: HostComponent<Props>;
+declare export default typeof AndroidHorizontalScrollViewNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ScrollView/ScrollContentViewNativeComponent.js 1`] = `
+"declare export const __INTERNAL_VIEW_CONFIG: PartialViewConfig;
+declare const ScrollContentViewNativeComponent: HostComponent<Props>;
+declare export default typeof ScrollContentViewNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ScrollView/ScrollViewCommands.js 1`] = `
+"type ScrollViewNativeComponentType = HostComponent<mixed>;
+interface NativeCommands {
+  +flashScrollIndicators: (
+    viewRef: React.ElementRef<ScrollViewNativeComponentType>
+  ) => void;
+  +scrollTo: (
+    viewRef: React.ElementRef<ScrollViewNativeComponentType>,
+    x: Double,
+    y: Double,
+    animated: boolean
+  ) => void;
+  +scrollToEnd: (
+    viewRef: React.ElementRef<ScrollViewNativeComponentType>,
+    animated: boolean
+  ) => void;
+  +zoomToRect: (
+    viewRef: React.ElementRef<ScrollViewNativeComponentType>,
+    rect: {|
+      x: Double,
+      y: Double,
+      width: Double,
+      height: Double,
+      animated?: boolean,
+    |},
+    animated?: boolean
+  ) => void;
+}
+declare export default NativeCommands;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ScrollView/ScrollViewContext.js 1`] = `
+"type Value = { horizontal: boolean } | null;
+declare const ScrollViewContext: React.Context<Value>;
+declare export default typeof ScrollViewContext;
+declare export const HORIZONTAL: Value;
+declare export const VERTICAL: Value;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ScrollView/ScrollViewNativeComponent.js 1`] = `
+"declare export const __INTERNAL_VIEW_CONFIG: PartialViewConfig;
+declare const ScrollViewNativeComponent: HostComponent<Props>;
+declare export default typeof ScrollViewNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ScrollView/ScrollViewNativeComponentType.js 1`] = `
+"export type ScrollViewNativeProps = $ReadOnly<{
+  ...ViewProps,
+  alwaysBounceHorizontal?: ?boolean,
+  alwaysBounceVertical?: ?boolean,
+  automaticallyAdjustContentInsets?: ?boolean,
+  automaticallyAdjustKeyboardInsets?: ?boolean,
+  automaticallyAdjustsScrollIndicatorInsets?: ?boolean,
+  bounces?: ?boolean,
+  bouncesZoom?: ?boolean,
+  canCancelContentTouches?: ?boolean,
+  centerContent?: ?boolean,
+  contentInset?: ?EdgeInsetsProp,
+  contentInsetAdjustmentBehavior?: ?(
+    | \\"automatic\\"
+    | \\"scrollableAxes\\"
+    | \\"never\\"
+    | \\"always\\"
+  ),
+  contentOffset?: ?PointProp,
+  decelerationRate?: ?(\\"fast\\" | \\"normal\\" | number),
+  directionalLockEnabled?: ?boolean,
+  disableIntervalMomentum?: ?boolean,
+  endFillColor?: ?ColorValue,
+  fadingEdgeLength?: ?number,
+  indicatorStyle?: ?(\\"default\\" | \\"black\\" | \\"white\\"),
+  isInvertedVirtualizedList?: ?boolean,
+  keyboardDismissMode?: ?(\\"none\\" | \\"on-drag\\" | \\"interactive\\"),
+  maintainVisibleContentPosition?: ?$ReadOnly<{
+    minIndexForVisible: number,
+    autoscrollToTopThreshold?: ?number,
+  }>,
+  maximumZoomScale?: ?number,
+  minimumZoomScale?: ?number,
+  nestedScrollEnabled?: ?boolean,
+  onMomentumScrollBegin?: ?(event: ScrollEvent) => void,
+  onMomentumScrollEnd?: ?(event: ScrollEvent) => void,
+  onScroll?: ?(event: ScrollEvent) => void,
+  onScrollBeginDrag?: ?(event: ScrollEvent) => void,
+  onScrollEndDrag?: ?(event: ScrollEvent) => void,
+  onScrollToTop?: (event: ScrollEvent) => void,
+  overScrollMode?: ?(\\"auto\\" | \\"always\\" | \\"never\\"),
+  pagingEnabled?: ?boolean,
+  persistentScrollbar?: ?boolean,
+  pinchGestureEnabled?: ?boolean,
+  scrollEnabled?: ?boolean,
+  scrollEventThrottle?: ?number,
+  scrollIndicatorInsets?: ?EdgeInsetsProp,
+  scrollPerfTag?: ?string,
+  scrollToOverflowEnabled?: ?boolean,
+  scrollsToTop?: ?boolean,
+  sendMomentumEvents?: ?boolean,
+  showsHorizontalScrollIndicator?: ?boolean,
+  showsVerticalScrollIndicator?: ?boolean,
+  snapToAlignment?: ?(\\"start\\" | \\"center\\" | \\"end\\"),
+  snapToEnd?: ?boolean,
+  snapToInterval?: ?number,
+  snapToOffsets?: ?$ReadOnlyArray<number>,
+  snapToStart?: ?boolean,
+  zoomScale?: ?number,
+  onResponderGrant?: ?(e: $FlowFixMe) => void | boolean,
+  ...
+}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ScrollView/ScrollViewStickyHeader.js 1`] = `
+"export type Props = $ReadOnly<{
+  children?: React.Element<$FlowFixMe>,
+  nextHeaderLayoutY: ?number,
+  onLayout: (event: LayoutEvent) => void,
+  scrollAnimatedValue: Animated.Value,
+  inverted: ?boolean,
+  scrollViewHeight: ?number,
+  nativeID?: ?string,
+  hiddenOnScroll?: ?boolean,
+}>;
+type Instance = {
+  ...React.ElementRef<typeof Animated.View>,
+  setNextHeaderY: (number) => void,
+  ...
+};
+declare const ScrollViewStickyHeaderWithForwardedRef: React.AbstractComponent<
+  Props,
+  Instance,
+>;
+declare export default typeof ScrollViewStickyHeaderWithForwardedRef;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ScrollView/processDecelerationRate.js 1`] = `
+"declare function processDecelerationRate(
+  decelerationRate: number | \\"normal\\" | \\"fast\\"
+): number;
+declare module.exports: processDecelerationRate;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Sound/NativeSoundManager.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeSoundManager\\";
+declare export default typeof NativeSoundManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Sound/SoundManager.js 1`] = `
+"declare const SoundManager: { playTouchSound: () => void };
+declare module.exports: SoundManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/StatusBar/NativeStatusBarManagerAndroid.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeStatusBarManagerAndroid\\";
+declare export default typeof NativeStatusBarManagerAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/StatusBar/NativeStatusBarManagerIOS.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeStatusBarManagerIOS\\";
+declare export default typeof NativeStatusBarManagerIOS;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Switch/AndroidSwitchNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/AndroidSwitchNativeComponent\\";
+declare export default typeof AndroidSwitchNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Switch/Switch.js 1`] = `
+"type SwitchChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    value: boolean,
+    target: number,
+  |}>,
+>;
+export type Props = $ReadOnly<{|
+  ...ViewProps,
+  disabled?: ?boolean,
+  value?: ?boolean,
+  thumbColor?: ?ColorValue,
+  trackColor?: ?$ReadOnly<{|
+    false?: ?ColorValue,
+    true?: ?ColorValue,
+  |}>,
+  ios_backgroundColor?: ?ColorValue,
+  onChange?: ?(event: SwitchChangeEvent) => Promise<void> | void,
+  onValueChange?: ?(value: boolean) => Promise<void> | void,
+|}>;
+declare const SwitchWithForwardedRef: React.AbstractComponent<
+  Props,
+  React.ElementRef<
+    typeof SwitchNativeComponent | typeof AndroidSwitchNativeComponent,
+  >,
+>;
+declare export default typeof SwitchWithForwardedRef;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Switch/SwitchNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/SwitchNativeComponent\\";
+declare export default typeof SwitchNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/TextInput/AndroidTextInputNativeComponent.js 1`] = `
+"export type KeyboardType =
+  | \\"default\\"
+  | \\"email-address\\"
+  | \\"numeric\\"
+  | \\"phone-pad\\"
+  | \\"number-pad\\"
+  | \\"decimal-pad\\"
+  | \\"url\\"
+  | \\"ascii-capable\\"
+  | \\"numbers-and-punctuation\\"
+  | \\"name-phone-pad\\"
+  | \\"twitter\\"
+  | \\"web-search\\"
+  | \\"visible-password\\";
+export type ReturnKeyType =
+  | \\"done\\"
+  | \\"go\\"
+  | \\"next\\"
+  | \\"search\\"
+  | \\"send\\"
+  | \\"none\\"
+  | \\"previous\\"
+  | \\"default\\"
+  | \\"emergency-call\\"
+  | \\"google\\"
+  | \\"join\\"
+  | \\"route\\"
+  | \\"yahoo\\";
+export type SubmitBehavior = \\"submit\\" | \\"blurAndSubmit\\" | \\"newline\\";
+export type NativeProps = $ReadOnly<{|
+  ...$Diff<ViewProps, $ReadOnly<{| style: ?ViewStyleProp |}>>,
+  autoComplete?: WithDefault<
+    | \\"birthdate-day\\"
+    | \\"birthdate-full\\"
+    | \\"birthdate-month\\"
+    | \\"birthdate-year\\"
+    | \\"cc-csc\\"
+    | \\"cc-exp\\"
+    | \\"cc-exp-day\\"
+    | \\"cc-exp-month\\"
+    | \\"cc-exp-year\\"
+    | \\"cc-number\\"
+    | \\"email\\"
+    | \\"gender\\"
+    | \\"name\\"
+    | \\"name-family\\"
+    | \\"name-given\\"
+    | \\"name-middle\\"
+    | \\"name-middle-initial\\"
+    | \\"name-prefix\\"
+    | \\"name-suffix\\"
+    | \\"password\\"
+    | \\"password-new\\"
+    | \\"postal-address\\"
+    | \\"postal-address-country\\"
+    | \\"postal-address-extended\\"
+    | \\"postal-address-extended-postal-code\\"
+    | \\"postal-address-locality\\"
+    | \\"postal-address-region\\"
+    | \\"postal-code\\"
+    | \\"street-address\\"
+    | \\"sms-otp\\"
+    | \\"tel\\"
+    | \\"tel-country-code\\"
+    | \\"tel-national\\"
+    | \\"tel-device\\"
+    | \\"username\\"
+    | \\"username-new\\"
+    | \\"off\\",
+    \\"off\\",
+  >,
+  returnKeyLabel?: ?string,
+  numberOfLines?: ?Int32,
+  disableFullscreenUI?: ?boolean,
+  textBreakStrategy?: WithDefault<
+    \\"simple\\" | \\"highQuality\\" | \\"balanced\\",
+    \\"simple\\",
+  >,
+  underlineColorAndroid?: ?ColorValue,
+  inlineImageLeft?: ?string,
+  inlineImagePadding?: ?Int32,
+  importantForAutofill?: string,
+  showSoftInputOnFocus?: ?boolean,
+  autoCapitalize?: WithDefault<
+    \\"none\\" | \\"sentences\\" | \\"words\\" | \\"characters\\",
+    \\"none\\",
+  >,
+  autoCorrect?: ?boolean,
+  autoFocus?: ?boolean,
+  allowFontScaling?: ?boolean,
+  maxFontSizeMultiplier?: ?Float,
+  editable?: ?boolean,
+  keyboardType?: WithDefault<KeyboardType, \\"default\\">,
+  returnKeyType?: WithDefault<ReturnKeyType, \\"done\\">,
+  maxLength?: ?Int32,
+  multiline?: ?boolean,
+  onBlur?: ?BubblingEventHandler<$ReadOnly<{| target: Int32 |}>>,
+  onFocus?: ?BubblingEventHandler<$ReadOnly<{| target: Int32 |}>>,
+  onChange?: ?BubblingEventHandler<
+    $ReadOnly<{| target: Int32, eventCount: Int32, text: string |}>,
+  >,
+  onChangeText?: ?BubblingEventHandler<
+    $ReadOnly<{| target: Int32, eventCount: Int32, text: string |}>,
+  >,
+  onContentSizeChange?: ?DirectEventHandler<
+    $ReadOnly<{|
+      target: Int32,
+      contentSize: $ReadOnly<{| width: Double, height: Double |}>,
+    |}>,
+  >,
+  onTextInput?: ?BubblingEventHandler<
+    $ReadOnly<{|
+      target: Int32,
+      text: string,
+      previousText: string,
+      range: $ReadOnly<{| start: Double, end: Double |}>,
+    |}>,
+  >,
+  onEndEditing?: ?BubblingEventHandler<
+    $ReadOnly<{| target: Int32, text: string |}>,
+  >,
+  onSelectionChange?: ?DirectEventHandler<
+    $ReadOnly<{|
+      target: Int32,
+      selection: $ReadOnly<{| start: Double, end: Double |}>,
+    |}>,
+  >,
+  onSubmitEditing?: ?BubblingEventHandler<
+    $ReadOnly<{| target: Int32, text: string |}>,
+  >,
+  onKeyPress?: ?BubblingEventHandler<
+    $ReadOnly<{| target: Int32, key: string |}>,
+  >,
+  onScroll?: ?DirectEventHandler<
+    $ReadOnly<{|
+      target: Int32,
+      responderIgnoreScroll: boolean,
+      contentInset: $ReadOnly<{|
+        top: Double,
+        bottom: Double,
+        left: Double,
+        right: Double,
+      |}>,
+      contentOffset: $ReadOnly<{|
+        x: Double,
+        y: Double,
+      |}>,
+      contentSize: $ReadOnly<{|
+        width: Double,
+        height: Double,
+      |}>,
+      layoutMeasurement: $ReadOnly<{|
+        width: Double,
+        height: Double,
+      |}>,
+      velocity: $ReadOnly<{|
+        x: Double,
+        y: Double,
+      |}>,
+    |}>,
+  >,
+  placeholder?: ?Stringish,
+  placeholderTextColor?: ?ColorValue,
+  secureTextEntry?: ?boolean,
+  selectionColor?: ?ColorValue,
+  selectionHandleColor?: ?ColorValue,
+  selection?: ?$ReadOnly<{|
+    start: Int32,
+    end?: ?Int32,
+  |}>,
+  value?: ?string,
+  defaultValue?: ?string,
+  selectTextOnFocus?: ?boolean,
+  blurOnSubmit?: ?boolean,
+  submitBehavior?: ?SubmitBehavior,
+  style?: ?TextStyleProp,
+  caretHidden?: ?boolean,
+  contextMenuHidden?: ?boolean,
+  textShadowColor?: ?ColorValue,
+  textShadowRadius?: ?Float,
+  textDecorationLine?: ?string,
+  fontStyle?: ?string,
+  textShadowOffset?: ?$ReadOnly<{| width?: ?Double, height?: ?Double |}>,
+  lineHeight?: ?Float,
+  textTransform?: ?string,
+  color?: ?Int32,
+  letterSpacing?: ?Float,
+  fontSize?: ?Float,
+  textAlign?: ?string,
+  includeFontPadding?: ?boolean,
+  fontWeight?: ?string,
+  fontFamily?: ?string,
+  textAlignVertical?: ?string,
+  cursorColor?: ?ColorValue,
+  mostRecentEventCount: Int32,
+  text?: ?string,
+|}>;
+type NativeType = HostComponent<NativeProps>;
+type NativeCommands = TextInputNativeCommands<NativeType>;
+declare export const Commands: NativeCommands;
+declare export const __INTERNAL_VIEW_CONFIG: PartialViewConfig;
+declare export default HostComponent<NativeProps>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/TextInput/InputAccessoryView.js 1`] = `
+"type Props = $ReadOnly<{|
+  +children: React.Node,
+  nativeID?: ?string,
+  style?: ?ViewStyleProp,
+  backgroundColor?: ?ColorValue,
+|}>;
+declare const InputAccessoryView: React.AbstractComponent<Props>;
+declare export default typeof InputAccessoryView;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/TextInput/RCTInputAccessoryViewNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/RCTInputAccessoryViewNativeComponent\\";
+declare export default typeof RCTInputAccessoryViewNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/TextInput/RCTMultilineTextInputNativeComponent.js 1`] = `
+"type NativeType = HostComponent<mixed>;
+type NativeCommands = TextInputNativeCommands<NativeType>;
+declare export const Commands: NativeCommands;
+declare export const __INTERNAL_VIEW_CONFIG: PartialViewConfig;
+declare export default HostComponent<mixed>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/TextInput/RCTSingelineTextInputNativeComponent.js 1`] = `
+"type NativeType = HostComponent<mixed>;
+type NativeCommands = TextInputNativeCommands<NativeType>;
+declare export const Commands: NativeCommands;
+declare export const __INTERNAL_VIEW_CONFIG: PartialViewConfig;
+declare export default HostComponent<mixed>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/TextInput/RCTTextInputViewConfig.js 1`] = `
+"type PartialViewConfigWithoutName = $Rest<
+  PartialViewConfig,
+  { uiViewClassName: string },
+>;
+declare module.exports: PartialViewConfigWithoutName;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/TextInput/TextInput.flow.js 1`] = `
+"type ComponentRef = React.ElementRef<HostComponent<mixed>>;
+type ReactRefSetter<T> =
+  | { current: null | T, ... }
+  | ((ref: null | T) => mixed);
+export type ChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    eventCount: number,
+    target: number,
+    text: string,
+  |}>,
+>;
+export type TextInputEvent = SyntheticEvent<
+  $ReadOnly<{|
+    eventCount: number,
+    previousText: string,
+    range: $ReadOnly<{|
+      start: number,
+      end: number,
+    |}>,
+    target: number,
+    text: string,
+  |}>,
+>;
+export type ContentSizeChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    target: number,
+    contentSize: $ReadOnly<{|
+      width: number,
+      height: number,
+    |}>,
+  |}>,
+>;
+type TargetEvent = SyntheticEvent<
+  $ReadOnly<{|
+    target: number,
+  |}>,
+>;
+export type BlurEvent = TargetEvent;
+export type FocusEvent = TargetEvent;
+type Selection = $ReadOnly<{|
+  start: number,
+  end: number,
+|}>;
+export type SelectionChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    selection: Selection,
+    target: number,
+  |}>,
+>;
+export type KeyPressEvent = SyntheticEvent<
+  $ReadOnly<{|
+    key: string,
+    target?: ?number,
+    eventCount?: ?number,
+  |}>,
+>;
+export type EditingEvent = SyntheticEvent<
+  $ReadOnly<{|
+    eventCount: number,
+    text: string,
+    target: number,
+  |}>,
+>;
+export type SettingChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    enabled: boolean,
+  |}>,
+>;
+export type PasteEvent = SyntheticEvent<
+  $ReadOnly<{|
+    dataTransfer: {|
+      files: $ReadOnlyArray<{|
+        height: number,
+        size: number,
+        type: string,
+        uri: string,
+        width: number,
+      |}>,
+      items: $ReadOnlyArray<{|
+        kind: string,
+        type: string,
+      |}>,
+      types: $ReadOnlyArray<string>,
+    |},
+  |}>,
+>;
+export type SubmitKeyEvent = $ReadOnly<{|
+  key: string,
+  altKey?: ?boolean,
+  ctrlKey?: ?boolean,
+  metaKey?: ?boolean,
+  shiftKey?: ?boolean,
+  functionKey?: ?boolean,
+|}>;
+type DataDetectorTypesType =
+  | \\"phoneNumber\\"
+  | \\"link\\"
+  | \\"address\\"
+  | \\"calendarEvent\\"
+  | \\"trackingNumber\\"
+  | \\"flightNumber\\"
+  | \\"lookupSuggestion\\"
+  | \\"none\\"
+  | \\"all\\"
+  | \\"ortography\\"
+  | \\"spelling\\"
+  | \\"grammar\\"
+  | \\"quote\\"
+  | \\"dash\\"
+  | \\"replacement\\"
+  | \\"correction\\"
+  | \\"regularExpression\\"
+  | \\"transitInformation\\";
+export type KeyboardType =
+  | \\"default\\"
+  | \\"email-address\\"
+  | \\"numeric\\"
+  | \\"phone-pad\\"
+  | \\"number-pad\\"
+  | \\"decimal-pad\\"
+  | \\"url\\"
+  | \\"ascii-capable\\"
+  | \\"numbers-and-punctuation\\"
+  | \\"name-phone-pad\\"
+  | \\"twitter\\"
+  | \\"web-search\\"
+  | \\"ascii-capable-number-pad\\"
+  | \\"visible-password\\";
+export type InputMode =
+  | \\"none\\"
+  | \\"text\\"
+  | \\"decimal\\"
+  | \\"numeric\\"
+  | \\"tel\\"
+  | \\"search\\"
+  | \\"email\\"
+  | \\"url\\";
+export type ReturnKeyType =
+  | \\"done\\"
+  | \\"go\\"
+  | \\"next\\"
+  | \\"search\\"
+  | \\"send\\"
+  | \\"none\\"
+  | \\"previous\\"
+  | \\"default\\"
+  | \\"emergency-call\\"
+  | \\"google\\"
+  | \\"join\\"
+  | \\"route\\"
+  | \\"yahoo\\";
+export type SubmitBehavior = \\"submit\\" | \\"blurAndSubmit\\" | \\"newline\\";
+export type AutoCapitalize = \\"none\\" | \\"sentences\\" | \\"words\\" | \\"characters\\";
+export type TextContentType =
+  | \\"none\\"
+  | \\"URL\\"
+  | \\"addressCity\\"
+  | \\"addressCityAndState\\"
+  | \\"addressState\\"
+  | \\"countryName\\"
+  | \\"creditCardNumber\\"
+  | \\"creditCardExpiration\\"
+  | \\"creditCardExpirationMonth\\"
+  | \\"creditCardExpirationYear\\"
+  | \\"creditCardSecurityCode\\"
+  | \\"creditCardType\\"
+  | \\"creditCardName\\"
+  | \\"creditCardGivenName\\"
+  | \\"creditCardMiddleName\\"
+  | \\"creditCardFamilyName\\"
+  | \\"emailAddress\\"
+  | \\"familyName\\"
+  | \\"fullStreetAddress\\"
+  | \\"givenName\\"
+  | \\"jobTitle\\"
+  | \\"location\\"
+  | \\"middleName\\"
+  | \\"name\\"
+  | \\"namePrefix\\"
+  | \\"nameSuffix\\"
+  | \\"nickname\\"
+  | \\"organizationName\\"
+  | \\"postalCode\\"
+  | \\"streetAddressLine1\\"
+  | \\"streetAddressLine2\\"
+  | \\"sublocality\\"
+  | \\"telephoneNumber\\"
+  | \\"username\\"
+  | \\"password\\"
+  | \\"newPassword\\"
+  | \\"oneTimeCode\\"
+  | \\"birthdate\\"
+  | \\"birthdateDay\\"
+  | \\"birthdateMonth\\"
+  | \\"birthdateYear\\";
+export type enterKeyHintType =
+  | \\"enter\\"
+  | \\"done\\"
+  | \\"go\\"
+  | \\"next\\"
+  | \\"previous\\"
+  | \\"search\\"
+  | \\"send\\";
+type PasswordRules = string;
+type IOSProps = $ReadOnly<{|
+  clearButtonMode?: ?(\\"never\\" | \\"while-editing\\" | \\"unless-editing\\" | \\"always\\"),
+  clearTextOnFocus?: ?boolean,
+  dataDetectorTypes?:
+    | ?DataDetectorTypesType
+    | $ReadOnlyArray<DataDetectorTypesType>,
+  enablesReturnKeyAutomatically?: ?boolean,
+  inputAccessoryViewID?: ?string,
+  keyboardAppearance?: ?(\\"default\\" | \\"light\\" | \\"dark\\"),
+  passwordRules?: ?PasswordRules,
+  rejectResponderTermination?: ?boolean,
+  scrollEnabled?: ?boolean,
+  spellCheck?: ?boolean,
+  textContentType?: ?TextContentType,
+  lineBreakStrategyIOS?: ?(\\"none\\" | \\"standard\\" | \\"hangul-word\\" | \\"push-out\\"),
+  smartInsertDelete?: ?boolean,
+|}>;
+type MacOSProps = $ReadOnly<{|
+  clearTextOnSubmit?: ?boolean,
+  grammarCheck?: ?boolean,
+  hideVerticalScrollIndicator?: ?boolean,
+  onPaste?: (event: PasteEvent) => void,
+  onAutoCorrectChange?: ?(e: SettingChangeEvent) => mixed,
+  onSpellCheckChange?: ?(e: SettingChangeEvent) => mixed,
+  onGrammarCheckChange?: ?(e: SettingChangeEvent) => mixed,
+  pastedTypes?: PastedTypesType,
+  submitKeyEvents?: ?$ReadOnlyArray<SubmitKeyEvent>,
+  tooltip?: ?string,
+|}>;
+type AndroidProps = $ReadOnly<{|
+  cursorColor?: ?ColorValue,
+  selectionHandleColor?: ?ColorValue,
+  disableFullscreenUI?: ?boolean,
+  importantForAutofill?: ?(
+    | \\"auto\\"
+    | \\"no\\"
+    | \\"noExcludeDescendants\\"
+    | \\"yes\\"
+    | \\"yesExcludeDescendants\\"
+  ),
+  inlineImageLeft?: ?string,
+  inlineImagePadding?: ?number,
+  numberOfLines?: ?number,
+  returnKeyLabel?: ?string,
+  rows?: ?number,
+  showSoftInputOnFocus?: ?boolean,
+  textBreakStrategy?: ?(\\"simple\\" | \\"highQuality\\" | \\"balanced\\"),
+  underlineColorAndroid?: ?ColorValue,
+|}>;
+export type PasteType = \\"fileUrl\\" | \\"image\\" | \\"string\\";
+export type PastedTypesType = PasteType | $ReadOnlyArray<PasteType>;
+export type Props = $ReadOnly<{|
+  ...$Diff<ViewProps, $ReadOnly<{| style: ?ViewStyleProp |}>>,
+  ...IOSProps,
+  ...AndroidProps,
+  ...MacOSProps,
+  autoCapitalize?: ?AutoCapitalize,
+  autoComplete?: ?(
+    | \\"additional-name\\"
+    | \\"address-line1\\"
+    | \\"address-line2\\"
+    | \\"birthdate-day\\"
+    | \\"birthdate-full\\"
+    | \\"birthdate-month\\"
+    | \\"birthdate-year\\"
+    | \\"cc-csc\\"
+    | \\"cc-exp\\"
+    | \\"cc-exp-day\\"
+    | \\"cc-exp-month\\"
+    | \\"cc-exp-year\\"
+    | \\"cc-number\\"
+    | \\"cc-name\\"
+    | \\"cc-given-name\\"
+    | \\"cc-middle-name\\"
+    | \\"cc-family-name\\"
+    | \\"cc-type\\"
+    | \\"country\\"
+    | \\"current-password\\"
+    | \\"email\\"
+    | \\"family-name\\"
+    | \\"gender\\"
+    | \\"given-name\\"
+    | \\"honorific-prefix\\"
+    | \\"honorific-suffix\\"
+    | \\"name\\"
+    | \\"name-family\\"
+    | \\"name-given\\"
+    | \\"name-middle\\"
+    | \\"name-middle-initial\\"
+    | \\"name-prefix\\"
+    | \\"name-suffix\\"
+    | \\"new-password\\"
+    | \\"nickname\\"
+    | \\"one-time-code\\"
+    | \\"organization\\"
+    | \\"organization-title\\"
+    | \\"password\\"
+    | \\"password-new\\"
+    | \\"postal-address\\"
+    | \\"postal-address-country\\"
+    | \\"postal-address-extended\\"
+    | \\"postal-address-extended-postal-code\\"
+    | \\"postal-address-locality\\"
+    | \\"postal-address-region\\"
+    | \\"postal-code\\"
+    | \\"street-address\\"
+    | \\"sms-otp\\"
+    | \\"tel\\"
+    | \\"tel-country-code\\"
+    | \\"tel-national\\"
+    | \\"tel-device\\"
+    | \\"url\\"
+    | \\"username\\"
+    | \\"username-new\\"
+    | \\"off\\"
+  ),
+  autoCorrect?: ?boolean,
+  autoFocus?: ?boolean,
+  allowFontScaling?: ?boolean,
+  caretHidden?: ?boolean,
+  contextMenuHidden?: ?boolean,
+  defaultValue?: ?Stringish,
+  editable?: ?boolean,
+  forwardedRef?: ?ReactRefSetter<
+    React.ElementRef<HostComponent<mixed>> & ImperativeMethods,
+  >,
+  enterKeyHint?: ?enterKeyHintType,
+  inputMode?: ?InputMode,
+  keyboardType?: ?KeyboardType,
+  maxFontSizeMultiplier?: ?number,
+  maxLength?: ?number,
+  multiline?: ?boolean,
+  onBlur?: ?(e: BlurEvent) => mixed,
+  onChange?: ?(e: ChangeEvent) => mixed,
+  unstable_onChangeSync?: ?(e: ChangeEvent) => mixed,
+  onChangeText?: ?(text: string) => mixed,
+  unstable_onChangeTextSync?: ?(text: string) => mixed,
+  onContentSizeChange?: ?(e: ContentSizeChangeEvent) => mixed,
+  onEndEditing?: ?(e: EditingEvent) => mixed,
+  onFocus?: ?(e: FocusEvent) => void,
+  onKeyPress?: ?(e: KeyPressEvent) => mixed,
+  unstable_onKeyPressSync?: ?(e: KeyPressEvent) => mixed,
+  onPress?: ?(event: PressEvent) => mixed,
+  onPressIn?: ?(event: PressEvent) => mixed,
+  onPressOut?: ?(event: PressEvent) => mixed,
+  onSelectionChange?: ?(e: SelectionChangeEvent) => mixed,
+  onSubmitEditing?: ?(e: EditingEvent) => mixed,
+  onScroll?: ?(e: ScrollEvent) => mixed,
+  placeholder?: ?Stringish,
+  placeholderTextColor?: ?ColorValue,
+  readOnly?: ?boolean,
+  returnKeyType?: ?ReturnKeyType,
+  secureTextEntry?: ?boolean,
+  selection?: ?$ReadOnly<{|
+    start: number,
+    end?: ?number,
+  |}>,
+  selectionColor?: ?ColorValue,
+  selectTextOnFocus?: ?boolean,
+  blurOnSubmit?: ?boolean,
+  submitBehavior?: ?SubmitBehavior,
+  style?: ?TextStyleProp,
+  value?: ?Stringish,
+|}>;
+type ImperativeMethods = $ReadOnly<{|
+  clear: () => void,
+  isFocused: () => boolean,
+  getNativeRef: () => ?React.ElementRef<HostComponent<mixed>>,
+  setSelection: (start: number, end: number) => void,
+  setGhostText: (ghostText: ?string) => void,
+|}>;
+type InternalTextInput = (props: Props) => React.Node;
+export type TextInputComponentStatics = $ReadOnly<{|
+  State: $ReadOnly<{|
+    currentlyFocusedInput: () => ?ComponentRef,
+    currentlyFocusedField: () => ?number,
+    focusTextInput: (textField: ?ComponentRef) => void,
+    blurTextInput: (textField: ?ComponentRef) => void,
+  |}>,
+|}>;
+export type TextInputType = React.AbstractComponent<
+  React.ElementConfig<InternalTextInput>,
+  $ReadOnly<{|
+    ...React.ElementRef<HostComponent<mixed>>,
+    ...ImperativeMethods,
+  |}>,
+> &
+  TextInputComponentStatics;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/TextInput/TextInput.js 1`] = `
+"type ReactRefSetter<T> =
+  | { current: null | T, ... }
+  | ((ref: null | T) => mixed);
+type TextInputInstance = React.ElementRef<HostComponent<mixed>> & {
+  +clear: () => void,
+  +isFocused: () => boolean,
+  +getNativeRef: () => ?React.ElementRef<HostComponent<mixed>>,
+  +setSelection: (start: number, end: number) => void,
+  +setGhostText: (ghostText: ?string) => void,
+};
+export type ChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    eventCount: number,
+    target: number,
+    text: string,
+  |}>,
+>;
+export type TextInputEvent = SyntheticEvent<
+  $ReadOnly<{|
+    eventCount: number,
+    previousText: string,
+    range: $ReadOnly<{|
+      start: number,
+      end: number,
+    |}>,
+    target: number,
+    text: string,
+  |}>,
+>;
+export type ContentSizeChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    target: number,
+    contentSize: $ReadOnly<{|
+      width: number,
+      height: number,
+    |}>,
+  |}>,
+>;
+type TargetEvent = SyntheticEvent<
+  $ReadOnly<{|
+    target: number,
+  |}>,
+>;
+export type BlurEvent = TargetEvent;
+export type FocusEvent = TargetEvent;
+type Selection = $ReadOnly<{|
+  start: number,
+  end: number,
+|}>;
+export type SelectionChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    selection: Selection,
+    target: number,
+  |}>,
+>;
+export type KeyPressEvent = SyntheticEvent<
+  $ReadOnly<{|
+    key: string,
+    target?: ?number,
+    eventCount?: ?number,
+  |}>,
+>;
+export type EditingEvent = SyntheticEvent<
+  $ReadOnly<{|
+    eventCount: number,
+    text: string,
+    target: number,
+  |}>,
+>;
+export type SettingChangeEvent = SyntheticEvent<
+  $ReadOnly<{|
+    enabled: boolean,
+  |}>,
+>;
+export type PasteEvent = SyntheticEvent<
+  $ReadOnly<{|
+    dataTransfer: {|
+      files: $ReadOnlyArray<{|
+        height: number,
+        size: number,
+        type: string,
+        uri: string,
+        width: number,
+      |}>,
+      items: $ReadOnlyArray<{|
+        kind: string,
+        type: string,
+      |}>,
+      types: $ReadOnlyArray<string>,
+    |},
+  |}>,
+>;
+export type SubmitKeyEvent = $ReadOnly<{|
+  key: string,
+  altKey?: ?boolean,
+  ctrlKey?: ?boolean,
+  metaKey?: ?boolean,
+  shiftKey?: ?boolean,
+  functionKey?: ?boolean,
+|}>;
+type DataDetectorTypesType =
+  | \\"phoneNumber\\"
+  | \\"link\\"
+  | \\"address\\"
+  | \\"calendarEvent\\"
+  | \\"trackingNumber\\"
+  | \\"flightNumber\\"
+  | \\"lookupSuggestion\\"
+  | \\"none\\"
+  | \\"all\\"
+  | \\"ortography\\"
+  | \\"spelling\\"
+  | \\"grammar\\"
+  | \\"quote\\"
+  | \\"dash\\"
+  | \\"replacement\\"
+  | \\"correction\\"
+  | \\"regularExpression\\"
+  | \\"transitInformation\\";
+export type KeyboardType =
+  | \\"default\\"
+  | \\"email-address\\"
+  | \\"numeric\\"
+  | \\"phone-pad\\"
+  | \\"number-pad\\"
+  | \\"decimal-pad\\"
+  | \\"url\\"
+  | \\"ascii-capable\\"
+  | \\"numbers-and-punctuation\\"
+  | \\"name-phone-pad\\"
+  | \\"twitter\\"
+  | \\"web-search\\"
+  | \\"ascii-capable-number-pad\\"
+  | \\"visible-password\\";
+export type InputMode =
+  | \\"none\\"
+  | \\"text\\"
+  | \\"decimal\\"
+  | \\"numeric\\"
+  | \\"tel\\"
+  | \\"search\\"
+  | \\"email\\"
+  | \\"url\\";
+export type ReturnKeyType =
+  | \\"done\\"
+  | \\"go\\"
+  | \\"next\\"
+  | \\"search\\"
+  | \\"send\\"
+  | \\"none\\"
+  | \\"previous\\"
+  | \\"default\\"
+  | \\"emergency-call\\"
+  | \\"google\\"
+  | \\"join\\"
+  | \\"route\\"
+  | \\"yahoo\\";
+export type SubmitBehavior = \\"submit\\" | \\"blurAndSubmit\\" | \\"newline\\";
+export type AutoCapitalize = \\"none\\" | \\"sentences\\" | \\"words\\" | \\"characters\\";
+export type TextContentType =
+  | \\"none\\"
+  | \\"URL\\"
+  | \\"addressCity\\"
+  | \\"addressCityAndState\\"
+  | \\"addressState\\"
+  | \\"countryName\\"
+  | \\"creditCardNumber\\"
+  | \\"creditCardExpiration\\"
+  | \\"creditCardExpirationMonth\\"
+  | \\"creditCardExpirationYear\\"
+  | \\"creditCardSecurityCode\\"
+  | \\"creditCardType\\"
+  | \\"creditCardName\\"
+  | \\"creditCardGivenName\\"
+  | \\"creditCardMiddleName\\"
+  | \\"creditCardFamilyName\\"
+  | \\"emailAddress\\"
+  | \\"familyName\\"
+  | \\"fullStreetAddress\\"
+  | \\"givenName\\"
+  | \\"jobTitle\\"
+  | \\"location\\"
+  | \\"middleName\\"
+  | \\"name\\"
+  | \\"namePrefix\\"
+  | \\"nameSuffix\\"
+  | \\"nickname\\"
+  | \\"organizationName\\"
+  | \\"postalCode\\"
+  | \\"streetAddressLine1\\"
+  | \\"streetAddressLine2\\"
+  | \\"sublocality\\"
+  | \\"telephoneNumber\\"
+  | \\"username\\"
+  | \\"password\\"
+  | \\"newPassword\\"
+  | \\"oneTimeCode\\"
+  | \\"birthdate\\"
+  | \\"birthdateDay\\"
+  | \\"birthdateMonth\\"
+  | \\"birthdateYear\\";
+export type enterKeyHintType =
+  | \\"done\\"
+  | \\"go\\"
+  | \\"next\\"
+  | \\"search\\"
+  | \\"send\\"
+  | \\"previous\\"
+  | \\"enter\\";
+type PasswordRules = string;
+type IOSProps = $ReadOnly<{|
+  clearButtonMode?: ?(\\"never\\" | \\"while-editing\\" | \\"unless-editing\\" | \\"always\\"),
+  clearTextOnFocus?: ?boolean,
+  dataDetectorTypes?:
+    | ?DataDetectorTypesType
+    | $ReadOnlyArray<DataDetectorTypesType>,
+  enablesReturnKeyAutomatically?: ?boolean,
+  inputAccessoryViewID?: ?string,
+  keyboardAppearance?: ?(\\"default\\" | \\"light\\" | \\"dark\\"),
+  passwordRules?: ?PasswordRules,
+  rejectResponderTermination?: ?boolean,
+  scrollEnabled?: ?boolean,
+  spellCheck?: ?boolean,
+  textContentType?: ?TextContentType,
+  lineBreakStrategyIOS?: ?(\\"none\\" | \\"standard\\" | \\"hangul-word\\" | \\"push-out\\"),
+  smartInsertDelete?: ?boolean,
+|}>;
+type MacOSProps = $ReadOnly<{|
+  clearTextOnSubmit?: ?boolean,
+  grammarCheck?: ?boolean,
+  hideVerticalScrollIndicator?: ?boolean,
+  onPaste?: (event: PasteEvent) => void,
+  onAutoCorrectChange?: ?(e: SettingChangeEvent) => mixed,
+  onSpellCheckChange?: ?(e: SettingChangeEvent) => mixed,
+  onGrammarCheckChange?: ?(e: SettingChangeEvent) => mixed,
+  pastedTypes?: PastedTypesType,
+  submitKeyEvents?: ?$ReadOnlyArray<SubmitKeyEvent>,
+  tooltip?: ?string,
+|}>;
+type AndroidProps = $ReadOnly<{|
+  cursorColor?: ?ColorValue,
+  disableFullscreenUI?: ?boolean,
+  importantForAutofill?: ?(
+    | \\"auto\\"
+    | \\"no\\"
+    | \\"noExcludeDescendants\\"
+    | \\"yes\\"
+    | \\"yesExcludeDescendants\\"
+  ),
+  inlineImageLeft?: ?string,
+  inlineImagePadding?: ?number,
+  numberOfLines?: ?number,
+  returnKeyLabel?: ?string,
+  rows?: ?number,
+  showSoftInputOnFocus?: ?boolean,
+  textBreakStrategy?: ?(\\"simple\\" | \\"highQuality\\" | \\"balanced\\"),
+  underlineColorAndroid?: ?ColorValue,
+|}>;
+export type PasteType = \\"fileUrl\\" | \\"image\\" | \\"string\\";
+export type PastedTypesType = PasteType | $ReadOnlyArray<PasteType>;
+export type Props = $ReadOnly<{|
+  ...$Diff<ViewProps, $ReadOnly<{| style: ?ViewStyleProp |}>>,
+  ...IOSProps,
+  ...MacOSProps,
+  ...AndroidProps,
+  autoCapitalize?: ?AutoCapitalize,
+  autoComplete?: ?(
+    | \\"additional-name\\"
+    | \\"address-line1\\"
+    | \\"address-line2\\"
+    | \\"birthdate-day\\"
+    | \\"birthdate-full\\"
+    | \\"birthdate-month\\"
+    | \\"birthdate-year\\"
+    | \\"cc-csc\\"
+    | \\"cc-exp\\"
+    | \\"cc-exp-day\\"
+    | \\"cc-exp-month\\"
+    | \\"cc-exp-year\\"
+    | \\"cc-number\\"
+    | \\"cc-name\\"
+    | \\"cc-given-name\\"
+    | \\"cc-middle-name\\"
+    | \\"cc-family-name\\"
+    | \\"cc-type\\"
+    | \\"country\\"
+    | \\"current-password\\"
+    | \\"email\\"
+    | \\"family-name\\"
+    | \\"gender\\"
+    | \\"given-name\\"
+    | \\"honorific-prefix\\"
+    | \\"honorific-suffix\\"
+    | \\"name\\"
+    | \\"name-family\\"
+    | \\"name-given\\"
+    | \\"name-middle\\"
+    | \\"name-middle-initial\\"
+    | \\"name-prefix\\"
+    | \\"name-suffix\\"
+    | \\"new-password\\"
+    | \\"nickname\\"
+    | \\"one-time-code\\"
+    | \\"organization\\"
+    | \\"organization-title\\"
+    | \\"password\\"
+    | \\"password-new\\"
+    | \\"postal-address\\"
+    | \\"postal-address-country\\"
+    | \\"postal-address-extended\\"
+    | \\"postal-address-extended-postal-code\\"
+    | \\"postal-address-locality\\"
+    | \\"postal-address-region\\"
+    | \\"postal-code\\"
+    | \\"street-address\\"
+    | \\"sms-otp\\"
+    | \\"tel\\"
+    | \\"tel-country-code\\"
+    | \\"tel-national\\"
+    | \\"tel-device\\"
+    | \\"url\\"
+    | \\"username\\"
+    | \\"username-new\\"
+    | \\"off\\"
+  ),
+  autoCorrect?: ?boolean,
+  autoFocus?: ?boolean,
+  allowFontScaling?: ?boolean,
+  caretHidden?: ?boolean,
+  contextMenuHidden?: ?boolean,
+  defaultValue?: ?Stringish,
+  editable?: ?boolean,
+  forwardedRef?: ?ReactRefSetter<TextInputInstance>,
+  enterKeyHint?: ?enterKeyHintType,
+  inputMode?: ?InputMode,
+  keyboardType?: ?KeyboardType,
+  maxFontSizeMultiplier?: ?number,
+  maxLength?: ?number,
+  multiline?: ?boolean,
+  onBlur?: ?(e: BlurEvent) => mixed,
+  onChange?: ?(e: ChangeEvent) => mixed,
+  unstable_onChangeSync?: ?(e: ChangeEvent) => mixed,
+  onChangeText?: ?(text: string) => mixed,
+  unstable_onChangeTextSync?: ?(text: string) => mixed,
+  onContentSizeChange?: ?(e: ContentSizeChangeEvent) => mixed,
+  onEndEditing?: ?(e: EditingEvent) => mixed,
+  onFocus?: ?(e: FocusEvent) => void,
+  onKeyPress?: ?(e: KeyPressEvent) => mixed,
+  unstable_onKeyPressSync?: ?(e: KeyPressEvent) => mixed,
+  onPress?: ?(event: PressEvent) => mixed,
+  onPressIn?: ?(event: PressEvent) => mixed,
+  onPressOut?: ?(event: PressEvent) => mixed,
+  onSelectionChange?: ?(e: SelectionChangeEvent) => mixed,
+  onSubmitEditing?: ?(e: EditingEvent) => mixed,
+  onScroll?: ?(e: ScrollEvent) => mixed,
+  placeholder?: ?Stringish,
+  placeholderTextColor?: ?ColorValue,
+  readOnly?: ?boolean,
+  returnKeyType?: ?ReturnKeyType,
+  secureTextEntry?: ?boolean,
+  selection?: ?$ReadOnly<{|
+    start: number,
+    end?: ?number,
+  |}>,
+  selectionColor?: ?ColorValue,
+  selectionHandleColor?: ?ColorValue,
+  selectTextOnFocus?: ?boolean,
+  blurOnSubmit?: ?boolean,
+  submitBehavior?: ?SubmitBehavior,
+  style?: ?TextStyleProp,
+  value?: ?Stringish,
+|}>;
+export type TextInputComponentStatics = $ReadOnly<{|
+  State: $ReadOnly<{|
+    currentlyFocusedInput: typeof TextInputState.currentlyFocusedInput,
+    currentlyFocusedField: typeof TextInputState.currentlyFocusedField,
+    focusTextInput: typeof TextInputState.focusTextInput,
+    blurTextInput: typeof TextInputState.blurTextInput,
+  |}>,
+|}>;
+declare module.exports: TextInputType;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/TextInput/TextInputNativeCommands.js 1`] = `
+"export interface TextInputNativeCommands<T> {
+  +focus: (viewRef: React.ElementRef<T>) => void;
+  +blur: (viewRef: React.ElementRef<T>) => void;
+  +setTextAndSelection: (
+    viewRef: React.ElementRef<T>,
+    mostRecentEventCount: Int32,
+    value: ?string,
+    start: Int32,
+    end: Int32
+  ) => void;
+  +setGhostText: (viewRef: React.ElementRef<T>, value: ?string) => void;
+}
+declare const supportedCommands: $FlowFixMe;
+declare export default typeof supportedCommands;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/TextInput/TextInputState.js 1`] = `
+"declare const React: $FlowFixMe;
+type ComponentRef = React.ElementRef<HostComponent<mixed>>;
+declare function currentlyFocusedInput(): ?ComponentRef;
+declare function currentlyFocusedField(): ?number;
+declare function focusInput(textField: ?ComponentRef): void;
+declare function blurInput(textField: ?ComponentRef): void;
+declare function focusField(textFieldID: ?number): void;
+declare function blurField(textFieldID: ?number): void;
+declare function focusTextInput(textField: ?ComponentRef): void;
+declare function blurTextInput(textField: ?ComponentRef): void;
+declare function registerInput(textField: ComponentRef): void;
+declare function unregisterInput(textField: ComponentRef): void;
+declare function isTextInput(textField: ComponentRef): boolean;
+declare module.exports: {
+  currentlyFocusedInput: currentlyFocusedInput,
+  focusInput: focusInput,
+  blurInput: blurInput,
+  currentlyFocusedField: currentlyFocusedField,
+  focusField: focusField,
+  blurField: blurField,
+  focusTextInput: focusTextInput,
+  blurTextInput: blurTextInput,
+  registerInput: registerInput,
+  unregisterInput: unregisterInput,
+  isTextInput: isTextInput,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ToastAndroid/NativeToastAndroid.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeToastAndroid\\";
+declare export default typeof NativeToastAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ToastAndroid/ToastAndroid.android.js 1`] = `
+"declare const ToastAndroid: {
+  SHORT: number,
+  LONG: number,
+  TOP: number,
+  BOTTOM: number,
+  CENTER: number,
+  show: (message: string, duration: number) => void,
+  showWithGravity: (message: string, duration: number, gravity: number) => void,
+  showWithGravityAndOffset: (
+    message: string,
+    duration: number,
+    gravity: number,
+    xOffset: number,
+    yOffset: number
+  ) => void,
+};
+declare module.exports: ToastAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/ToastAndroid/ToastAndroid.js 1`] = `
+"declare const ToastAndroid: {
+  SHORT: number,
+  LONG: number,
+  TOP: number,
+  BOTTOM: number,
+  CENTER: number,
+  show: (message: string, duration: number) => void,
+  showWithGravity: (message: string, duration: number, gravity: number) => void,
+  showWithGravityAndOffset: (
+    message: string,
+    duration: number,
+    gravity: number,
+    xOffset: number,
+    yOffset: number
+  ) => void,
+};
+declare module.exports: ToastAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Touchable/BoundingDimensions.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/Components/Touchable/PooledClass.js 1`] = `
+"type Pooler = any;
+declare const addPoolingTo: <T>(
+  CopyConstructor: Class<T>,
+  pooler: Pooler
+) => Class<T> & {
+  getPooled(...args: $ReadOnlyArray<mixed>): T,
+  release(instance: mixed): void,
+  ...
+};
+declare const PooledClass: {
+  addPoolingTo: addPoolingTo,
+  oneArgumentPooler: Pooler,
+  twoArgumentPooler: Pooler,
+  threeArgumentPooler: Pooler,
+  fourArgumentPooler: Pooler,
+};
+declare module.exports: PooledClass;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Touchable/Position.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/Components/Touchable/Touchable.js 1`] = `
+"declare const States: {
+  NOT_RESPONDER: \\"NOT_RESPONDER\\",
+  RESPONDER_INACTIVE_PRESS_IN: \\"RESPONDER_INACTIVE_PRESS_IN\\",
+  RESPONDER_INACTIVE_PRESS_OUT: \\"RESPONDER_INACTIVE_PRESS_OUT\\",
+  RESPONDER_ACTIVE_PRESS_IN: \\"RESPONDER_ACTIVE_PRESS_IN\\",
+  RESPONDER_ACTIVE_PRESS_OUT: \\"RESPONDER_ACTIVE_PRESS_OUT\\",
+  RESPONDER_ACTIVE_LONG_PRESS_IN: \\"RESPONDER_ACTIVE_LONG_PRESS_IN\\",
+  RESPONDER_ACTIVE_LONG_PRESS_OUT: \\"RESPONDER_ACTIVE_LONG_PRESS_OUT\\",
+  ERROR: \\"ERROR\\",
+};
+type State =
+  | typeof States.NOT_RESPONDER
+  | typeof States.RESPONDER_INACTIVE_PRESS_IN
+  | typeof States.RESPONDER_INACTIVE_PRESS_OUT
+  | typeof States.RESPONDER_ACTIVE_PRESS_IN
+  | typeof States.RESPONDER_ACTIVE_PRESS_OUT
+  | typeof States.RESPONDER_ACTIVE_LONG_PRESS_IN
+  | typeof States.RESPONDER_ACTIVE_LONG_PRESS_OUT
+  | typeof States.ERROR;
+declare const Signals: {
+  DELAY: \\"DELAY\\",
+  RESPONDER_GRANT: \\"RESPONDER_GRANT\\",
+  RESPONDER_RELEASE: \\"RESPONDER_RELEASE\\",
+  RESPONDER_TERMINATED: \\"RESPONDER_TERMINATED\\",
+  ENTER_PRESS_RECT: \\"ENTER_PRESS_RECT\\",
+  LEAVE_PRESS_RECT: \\"LEAVE_PRESS_RECT\\",
+  LONG_PRESS_DETECTED: \\"LONG_PRESS_DETECTED\\",
+};
+type Signal =
+  | typeof Signals.DELAY
+  | typeof Signals.RESPONDER_GRANT
+  | typeof Signals.RESPONDER_RELEASE
+  | typeof Signals.RESPONDER_TERMINATED
+  | typeof Signals.ENTER_PRESS_RECT
+  | typeof Signals.LEAVE_PRESS_RECT
+  | typeof Signals.LONG_PRESS_DETECTED;
+declare const TouchableMixin: {
+  componentDidMount: () => void,
+  componentWillUnmount: () => void,
+  touchableGetInitialState: () => {
+    touchable: {
+      touchState: ?State,
+      responderID: ?PressEvent[\\"currentTarget\\"],
+    },
+  },
+  touchableHandleResponderTerminationRequest: () => any,
+  touchableHandleStartShouldSetResponder: () => any,
+  touchableLongPressCancelsPress: () => boolean,
+  touchableHandleResponderGrant: (e: PressEvent) => void,
+  touchableHandleResponderRelease: (e: PressEvent) => void,
+  touchableHandleResponderTerminate: (e: PressEvent) => void,
+  touchableHandleResponderMove: (e: PressEvent) => void,
+  touchableHandleFocus: (e: Event) => void,
+  touchableHandleBlur: (e: Event) => void,
+  _remeasureMetricsOnActivation: () => void,
+  _handleQueryLayout: (
+    l: number,
+    t: number,
+    w: number,
+    h: number,
+    globalX: number,
+    globalY: number
+  ) => void,
+  _handleDelay: (e: PressEvent) => void,
+  _handleLongDelay: (e: PressEvent) => void,
+  _receiveSignal: (signal: Signal, e: PressEvent) => void,
+  _cancelLongPressDelayTimeout: () => void,
+  _isHighlight: (state: State) => boolean,
+  _savePressInLocation: (e: PressEvent) => void,
+  _getDistanceBetweenPoints: (
+    aX: number,
+    aY: number,
+    bX: number,
+    bY: number
+  ) => number,
+  _performSideEffectsForTransition: (
+    curState: State,
+    nextState: State,
+    signal: Signal,
+    e: PressEvent
+  ) => void,
+  _startHighlight: (e: PressEvent) => void,
+  _endHighlight: (e: PressEvent) => void,
+  withoutDefaultFocusAndBlur: { ... },
+};
+declare const Touchable: {
+  Mixin: TouchableMixin,
+  renderDebugView: ({
+    color: ColorValue,
+    hitSlop: EdgeInsetsProp,
+    ...
+  }) => null | React.Node,
+};
+declare export default typeof Touchable;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Touchable/TouchableBounce.js 1`] = `
+"type Props = $ReadOnly<{|
+  ...React.ElementConfig<TouchableWithoutFeedback>,
+  onPressAnimationComplete?: ?() => void,
+  onPressWithCompletion?: ?(callback: () => void) => void,
+  releaseBounciness?: ?number,
+  releaseVelocity?: ?number,
+  style?: ?ViewStyleProp,
+  hostRef: React.Ref<typeof Animated.View>,
+|}>;
+declare module.exports: React.AbstractComponent<
+  $ReadOnly<$Diff<Props, {| hostRef: mixed |}>>,
+>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Touchable/TouchableHighlight.js 1`] = `
+"type AndroidProps = $ReadOnly<{|
+  nextFocusDown?: ?number,
+  nextFocusForward?: ?number,
+  nextFocusLeft?: ?number,
+  nextFocusRight?: ?number,
+  nextFocusUp?: ?number,
+|}>;
+type IOSProps = $ReadOnly<{|
+  hasTVPreferredFocus?: ?boolean,
+|}>;
+type Props = $ReadOnly<{|
+  ...React.ElementConfig<TouchableWithoutFeedback>,
+  ...AndroidProps,
+  ...IOSProps,
+  activeOpacity?: ?number,
+  underlayColor?: ?ColorValue,
+  style?: ?ViewStyleProp,
+  onShowUnderlay?: ?() => void,
+  onHideUnderlay?: ?() => void,
+  testOnly_pressed?: ?boolean,
+  hostRef: React.Ref<typeof View>,
+|}>;
+declare const Touchable: React.AbstractComponent<
+  $ReadOnly<$Diff<Props, {| hostRef: React.Ref<typeof View> |}>>,
+  React.ElementRef<typeof View>,
+>;
+declare module.exports: Touchable;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/Touchable/TouchableOpacity.js 1`] = `
+"type TVProps = $ReadOnly<{|
+  hasTVPreferredFocus?: ?boolean,
+  nextFocusDown?: ?number,
+  nextFocusForward?: ?number,
+  nextFocusLeft?: ?number,
+  nextFocusRight?: ?number,
+  nextFocusUp?: ?number,
+|}>;
+type Props = $ReadOnly<{|
+  ...React.ElementConfig<TouchableWithoutFeedback>,
+  ...TVProps,
+  activeOpacity?: ?number,
+  style?: ?ViewStyleProp,
+  hostRef?: ?React.Ref<typeof Animated.View>,
+  validKeysDown?: ?Array<string>,
+  validKeysUp?: ?Array<string>,
+|}>;
+declare const Touchable: React.AbstractComponent<
+  Props,
+  React.ElementRef<typeof Animated.View>,
+>;
+declare module.exports: Touchable;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/UnimplementedViews/UnimplementedNativeViewNativeComponent.js 1`] = `
+"export * from \\"../../../src/private/specs/components/UnimplementedNativeViewNativeComponent\\";
+declare export default typeof UnimplementedNativeViewNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/View/DraggedType.js 1`] = `
+"export type DraggedType = \\"fileUrl\\";
+export type DraggedTypesType = DraggedType | $ReadOnlyArray<DraggedType>;
+declare module.exports: { DraggedTypes: $FlowFixMe };
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/View/ReactNativeStyleAttributes.js 1`] = `
+"declare const ReactNativeStyleAttributes: { [string]: AnyAttributeType, ... };
+declare module.exports: ReactNativeStyleAttributes;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/View/ReactNativeViewAttributes.js 1`] = `
+"declare const UIView: {
+  pointerEvents: true,
+  accessible: true,
+  accessibilityActions: true,
+  accessibilityLabel: true,
+  accessibilityLiveRegion: true,
+  accessibilityRole: true,
+  accessibilityState: true,
+  accessibilityValue: true,
+  accessibilityHint: true,
+  accessibilityLanguage: true,
+  importantForAccessibility: true,
+  nativeID: true,
+  testID: true,
+  renderToHardwareTextureAndroid: true,
+  shouldRasterizeIOS: true,
+  onLayout: true,
+  onAccessibilityAction: true,
+  onAccessibilityTap: true,
+  onMagicTap: true,
+  onAccessibilityEscape: true,
+  collapsable: true,
+  needsOffscreenAlphaCompositing: true,
+  style: ReactNativeStyleAttributes,
+  role: true,
+  acceptsFirstMouse: true,
+  mouseDownCanMoveWindow: true,
+  enableFocusRing: true,
+  focusable: true,
+  onMouseEnter: true,
+  onMouseLeave: true,
+  onDragEnter: true,
+  onDragLeave: true,
+  onDrop: true,
+  onKeyDown: true,
+  onKeyUp: true,
+  passthroughAllKeyEvents: true,
+  validKeysDown: true,
+  validKeysUp: true,
+  draggedTypes: true,
+};
+declare const RCTView: { ...UIView, removeClippedSubviews: true };
+declare const ReactNativeViewAttributes: { UIView: UIView, RCTView: RCTView };
+declare module.exports: ReactNativeViewAttributes;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/View/View.js 1`] = `
+"export type Props = ViewProps;
+declare const View: React.AbstractComponent<
+  ViewProps,
+  React.ElementRef<typeof ViewNativeComponent>,
+>;
+declare module.exports: View;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/View/ViewAccessibility.js 1`] = `
+"export type AccessibilityRole =
+  | \\"none\\"
+  | \\"button\\"
+  | \\"dropdownlist\\"
+  | \\"togglebutton\\"
+  | \\"link\\"
+  | \\"search\\"
+  | \\"image\\"
+  | \\"keyboardkey\\"
+  | \\"text\\"
+  | \\"adjustable\\"
+  | \\"imagebutton\\"
+  | \\"header\\"
+  | \\"summary\\"
+  | \\"alert\\"
+  | \\"checkbox\\"
+  | \\"combobox\\"
+  | \\"menu\\"
+  | \\"menubar\\"
+  | \\"menuitem\\"
+  | \\"progressbar\\"
+  | \\"radio\\"
+  | \\"radiogroup\\"
+  | \\"scrollbar\\"
+  | \\"spinbutton\\"
+  | \\"switch\\"
+  | \\"tab\\"
+  | \\"tabbar\\"
+  | \\"tablist\\"
+  | \\"timer\\"
+  | \\"list\\"
+  | \\"toolbar\\"
+  | \\"grid\\"
+  | \\"pager\\"
+  | \\"scrollview\\"
+  | \\"horizontalscrollview\\"
+  | \\"viewgroup\\"
+  | \\"webview\\"
+  | \\"drawerlayout\\"
+  | \\"slidingdrawer\\"
+  | \\"iconmenu\\"
+  | \\"menubutton\\";
+export type Role =
+  | \\"alert\\"
+  | \\"alertdialog\\"
+  | \\"application\\"
+  | \\"article\\"
+  | \\"banner\\"
+  | \\"button\\"
+  | \\"cell\\"
+  | \\"checkbox\\"
+  | \\"columnheader\\"
+  | \\"combobox\\"
+  | \\"complementary\\"
+  | \\"contentinfo\\"
+  | \\"definition\\"
+  | \\"dialog\\"
+  | \\"directory\\"
+  | \\"document\\"
+  | \\"feed\\"
+  | \\"figure\\"
+  | \\"form\\"
+  | \\"grid\\"
+  | \\"group\\"
+  | \\"heading\\"
+  | \\"img\\"
+  | \\"link\\"
+  | \\"list\\"
+  | \\"listitem\\"
+  | \\"log\\"
+  | \\"main\\"
+  | \\"marquee\\"
+  | \\"math\\"
+  | \\"menu\\"
+  | \\"menubar\\"
+  | \\"menuitem\\"
+  | \\"meter\\"
+  | \\"navigation\\"
+  | \\"none\\"
+  | \\"note\\"
+  | \\"option\\"
+  | \\"presentation\\"
+  | \\"progressbar\\"
+  | \\"radio\\"
+  | \\"radiogroup\\"
+  | \\"region\\"
+  | \\"row\\"
+  | \\"rowgroup\\"
+  | \\"rowheader\\"
+  | \\"scrollbar\\"
+  | \\"searchbox\\"
+  | \\"separator\\"
+  | \\"slider\\"
+  | \\"spinbutton\\"
+  | \\"status\\"
+  | \\"summary\\"
+  | \\"switch\\"
+  | \\"tab\\"
+  | \\"table\\"
+  | \\"tablist\\"
+  | \\"tabpanel\\"
+  | \\"term\\"
+  | \\"timer\\"
+  | \\"toolbar\\"
+  | \\"tooltip\\"
+  | \\"tree\\"
+  | \\"treegrid\\"
+  | \\"treeitem\\";
+export type AccessibilityActionInfo = $ReadOnly<{
+  name: string,
+  label?: string,
+  ...
+}>;
+export type AccessibilityActionEvent = SyntheticEvent<
+  $ReadOnly<{ actionName: string, ... }>,
+>;
+export type AccessibilityState = {
+  disabled?: boolean,
+  selected?: boolean,
+  checked?: ?boolean | \\"mixed\\",
+  busy?: boolean,
+  expanded?: boolean,
+  ...
+};
+export type AccessibilityValue = $ReadOnly<{|
+  min?: number,
+  max?: number,
+  now?: number,
+  text?: Stringish,
+|}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/View/ViewNativeComponent.js 1`] = `
+"declare export const __INTERNAL_VIEW_CONFIG: PartialViewConfig;
+declare const ViewNativeComponent: HostComponent<Props>;
+interface NativeCommands {
+  +hotspotUpdate: (
+    viewRef: React.ElementRef<HostComponent<mixed>>,
+    x: number,
+    y: number
+  ) => void;
+  +setPressed: (
+    viewRef: React.ElementRef<HostComponent<mixed>>,
+    pressed: boolean
+  ) => void;
+}
+declare export const Commands: NativeCommands;
+declare export default typeof ViewNativeComponent;
+export type ViewNativeComponentType = HostComponent<Props>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Components/View/ViewPropTypes.js 1`] = `
+"export type ViewLayout = Layout;
+export type ViewLayoutEvent = LayoutEvent;
+type DirectEventProps = $ReadOnly<{|
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  onAccessibilityTap?: ?() => mixed,
+  onInvertedDidChange?: ?() => mixed,
+  onPreferredScrollerStyleDidChange?: ?(event: ScrollEvent) => mixed,
+  onLayout?: ?(event: LayoutEvent) => mixed,
+  onMagicTap?: ?() => mixed,
+  onAccessibilityEscape?: ?() => mixed,
+|}>;
+export type HandledKeyboardEvent = $ReadOnly<{|
+  altKey?: ?boolean,
+  ctrlKey?: ?boolean,
+  metaKey?: ?boolean,
+  shiftKey?: ?boolean,
+  key: string,
+|}>;
+export type KeyboardEventProps = $ReadOnly<{|
+  onKeyDown?: ?(event: KeyEvent) => void,
+  onKeyUp?: ?(event: KeyEvent) => void,
+  passthroughAllKeyEvents?: ?boolean,
+  validKeysDown?: ?Array<string | HandledKeyboardEvent>,
+  validKeysUp?: ?Array<string | HandledKeyboardEvent>,
+|}>;
+type MouseEventProps = $ReadOnly<{|
+  onMouseEnter?: ?(event: MouseEvent) => void,
+  onMouseLeave?: ?(event: MouseEvent) => void,
+|}>;
+type PointerEventProps = $ReadOnly<{|
+  onClick?: ?(event: PointerEvent) => void,
+  onClickCapture?: ?(event: PointerEvent) => void,
+  onPointerEnter?: ?(event: PointerEvent) => void,
+  onPointerEnterCapture?: ?(event: PointerEvent) => void,
+  onPointerLeave?: ?(event: PointerEvent) => void,
+  onPointerLeaveCapture?: ?(event: PointerEvent) => void,
+  onPointerMove?: ?(event: PointerEvent) => void,
+  onPointerMoveCapture?: ?(event: PointerEvent) => void,
+  onPointerCancel?: ?(e: PointerEvent) => void,
+  onPointerCancelCapture?: ?(e: PointerEvent) => void,
+  onPointerDown?: ?(e: PointerEvent) => void,
+  onPointerDownCapture?: ?(e: PointerEvent) => void,
+  onPointerUp?: ?(e: PointerEvent) => void,
+  onPointerUpCapture?: ?(e: PointerEvent) => void,
+  onPointerOver?: ?(e: PointerEvent) => void,
+  onPointerOverCapture?: ?(e: PointerEvent) => void,
+  onPointerOut?: ?(e: PointerEvent) => void,
+  onPointerOutCapture?: ?(e: PointerEvent) => void,
+  onGotPointerCapture?: ?(e: PointerEvent) => void,
+  onGotPointerCaptureCapture?: ?(e: PointerEvent) => void,
+  onLostPointerCapture?: ?(e: PointerEvent) => void,
+  onLostPointerCaptureCapture?: ?(e: PointerEvent) => void,
+|}>;
+type FocusEventProps = $ReadOnly<{|
+  onBlur?: ?(event: BlurEvent) => void,
+  onBlurCapture?: ?(event: BlurEvent) => void,
+  onFocus?: ?(event: FocusEvent) => void,
+  onFocusCapture?: ?(event: FocusEvent) => void,
+|}>;
+type TouchEventProps = $ReadOnly<{|
+  onTouchCancel?: ?(e: PressEvent) => void,
+  onTouchCancelCapture?: ?(e: PressEvent) => void,
+  onTouchEnd?: ?(e: PressEvent) => void,
+  onTouchEndCapture?: ?(e: PressEvent) => void,
+  onTouchMove?: ?(e: PressEvent) => void,
+  onTouchMoveCapture?: ?(e: PressEvent) => void,
+  onTouchStart?: ?(e: PressEvent) => void,
+  onTouchStartCapture?: ?(e: PressEvent) => void,
+|}>;
+type GestureResponderEventProps = $ReadOnly<{|
+  onMoveShouldSetResponder?: ?(e: PressEvent) => boolean,
+  onMoveShouldSetResponderCapture?: ?(e: PressEvent) => boolean,
+  onResponderGrant?: ?(e: PressEvent) => void | boolean,
+  onResponderMove?: ?(e: PressEvent) => void,
+  onResponderReject?: ?(e: PressEvent) => void,
+  onResponderRelease?: ?(e: PressEvent) => void,
+  onResponderStart?: ?(e: PressEvent) => void,
+  onResponderEnd?: ?(e: PressEvent) => void,
+  onResponderTerminate?: ?(e: PressEvent) => void,
+  onResponderTerminationRequest?: ?(e: PressEvent) => boolean,
+  onStartShouldSetResponder?: ?(e: PressEvent) => boolean,
+  onStartShouldSetResponderCapture?: ?(e: PressEvent) => boolean,
+|}>;
+type AndroidDrawableThemeAttr = $ReadOnly<{|
+  type: \\"ThemeAttrAndroid\\",
+  attribute: string,
+|}>;
+type AndroidDrawableRipple = $ReadOnly<{|
+  type: \\"RippleAndroid\\",
+  color?: ?number,
+  borderless?: ?boolean,
+  rippleRadius?: ?number,
+|}>;
+type AndroidDrawable = AndroidDrawableThemeAttr | AndroidDrawableRipple;
+type AndroidViewProps = $ReadOnly<{|
+  accessibilityLabelledBy?: ?string | ?Array<string>,
+  \\"aria-labelledby\\"?: ?string,
+  accessibilityLiveRegion?: ?(\\"none\\" | \\"polite\\" | \\"assertive\\"),
+  \\"aria-live\\"?: ?(\\"polite\\" | \\"assertive\\" | \\"off\\"),
+  nativeBackgroundAndroid?: ?AndroidDrawable,
+  nativeForegroundAndroid?: ?AndroidDrawable,
+  renderToHardwareTextureAndroid?: ?boolean,
+  importantForAccessibility?: ?(\\"auto\\" | \\"yes\\" | \\"no\\" | \\"no-hide-descendants\\"),
+  hasTVPreferredFocus?: ?boolean,
+  nextFocusDown?: ?number,
+  nextFocusForward?: ?number,
+  nextFocusLeft?: ?number,
+  nextFocusRight?: ?number,
+  nextFocusUp?: ?number,
+  focusable?: boolean,
+  tabIndex?: 0 | -1,
+  onClick?: ?(event: PressEvent) => mixed,
+|}>;
+type IOSViewProps = $ReadOnly<{|
+  accessibilityIgnoresInvertColors?: ?boolean,
+  accessibilityViewIsModal?: ?boolean,
+  \\"aria-modal\\"?: ?boolean,
+  accessibilityElementsHidden?: ?boolean,
+  accessibilityLanguage?: ?Stringish,
+  shouldRasterizeIOS?: ?boolean,
+|}>;
+type MacOSViewProps = $ReadOnly<{|
+  onDragEnter?: (event: MouseEvent) => void,
+  onDragLeave?: (event: MouseEvent) => void,
+  onDrop?: (event: MouseEvent) => void,
+  tooltip?: ?string,
+  acceptsFirstMouse?: ?boolean,
+  mouseDownCanMoveWindow?: ?boolean,
+  allowsVibrancy?: ?boolean,
+  enableFocusRing?: ?boolean,
+  draggedTypes?: ?DraggedTypesType,
+  inverted?: ?boolean,
+|}>;
+export type ViewProps = $ReadOnly<{|
+  ...DirectEventProps,
+  ...GestureResponderEventProps,
+  ...MouseEventProps,
+  ...PointerEventProps,
+  ...FocusEventProps,
+  ...TouchEventProps,
+  ...KeyboardEventProps,
+  ...AndroidViewProps,
+  ...IOSViewProps,
+  ...MacOSViewProps,
+  children?: Node,
+  style?: ?ViewStyleProp,
+  accessible?: ?boolean,
+  accessibilityLabel?: ?Stringish,
+  accessibilityHint?: ?Stringish,
+  \\"aria-label\\"?: ?Stringish,
+  accessibilityRole?: ?AccessibilityRole,
+  role?: ?Role,
+  accessibilityState?: ?AccessibilityState,
+  accessibilityValue?: ?AccessibilityValue,
+  \\"aria-valuemax\\"?: ?AccessibilityValue[\\"max\\"],
+  \\"aria-valuemin\\"?: ?AccessibilityValue[\\"min\\"],
+  \\"aria-valuenow\\"?: ?AccessibilityValue[\\"now\\"],
+  \\"aria-valuetext\\"?: ?AccessibilityValue[\\"text\\"],
+  accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
+  \\"aria-busy\\"?: ?boolean,
+  \\"aria-checked\\"?: ?boolean | \\"mixed\\",
+  \\"aria-disabled\\"?: ?boolean,
+  \\"aria-expanded\\"?: ?boolean,
+  \\"aria-selected\\"?: ?boolean,
+  \\"aria-hidden\\"?: ?boolean,
+  collapsable?: ?boolean,
+  experimental_layoutConformance?: ?(\\"strict\\" | \\"classic\\"),
+  id?: string,
+  testID?: ?string,
+  nativeID?: ?string,
+  needsOffscreenAlphaCompositing?: ?boolean,
+  hitSlop?: ?EdgeInsetsOrSizeProp,
+  pointerEvents?: ?(\\"auto\\" | \\"box-none\\" | \\"box-only\\" | \\"none\\"),
+  removeClippedSubviews?: ?boolean,
+|}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/Devtools/getDevServer.js 1`] = `
+"type DevServerInfo = {
+  url: string,
+  fullBundleUrl: ?string,
+  bundleLoadedFromServer: boolean,
+  ...
+};
+declare function getDevServer(): DevServerInfo;
+declare module.exports: getDevServer;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/Devtools/loadBundleFromServer.js 1`] = `
+"declare module.exports: (bundlePathAndQuery: string) => Promise<void>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/Devtools/openFileInEditor.js 1`] = `
+"declare function openFileInEditor(file: string, lineNumber: number): void;
+declare module.exports: openFileInEditor;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/Devtools/openURLInBrowser.js 1`] = `
+"declare function openURLInBrowser(url: string): void;
+declare module.exports: openURLInBrowser;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/Devtools/parseErrorStack.js 1`] = `
+"declare function parseErrorStack(errorStack?: string): Array<StackFrame>;
+declare module.exports: parseErrorStack;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/Devtools/parseHermesStack.js 1`] = `
+"type HermesStackLocationNative = $ReadOnly<{
+  type: \\"NATIVE\\",
+}>;
+type HermesStackLocationSource = $ReadOnly<{
+  type: \\"SOURCE\\",
+  sourceUrl: string,
+  line1Based: number,
+  column1Based: number,
+}>;
+type HermesStackLocationInternalBytecode = $ReadOnly<{
+  type: \\"INTERNAL_BYTECODE\\",
+  sourceUrl: string,
+  line1Based: number,
+  virtualOffset0Based: number,
+}>;
+type HermesStackLocationBytecode = $ReadOnly<{
+  type: \\"BYTECODE\\",
+  sourceUrl: string,
+  line1Based: number,
+  virtualOffset0Based: number,
+}>;
+type HermesStackLocation =
+  | HermesStackLocationNative
+  | HermesStackLocationSource
+  | HermesStackLocationInternalBytecode
+  | HermesStackLocationBytecode;
+type HermesStackEntryFrame = $ReadOnly<{
+  type: \\"FRAME\\",
+  location: HermesStackLocation,
+  functionName: string,
+}>;
+type HermesStackEntrySkipped = $ReadOnly<{
+  type: \\"SKIPPED\\",
+  count: number,
+}>;
+type HermesStackEntry = HermesStackEntryFrame | HermesStackEntrySkipped;
+export type HermesParsedStack = $ReadOnly<{
+  message: string,
+  entries: $ReadOnlyArray<HermesStackEntry>,
+}>;
+declare module.exports: (stack: string) => HermesParsedStack;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/Devtools/symbolicateStackTrace.js 1`] = `
+"export type CodeFrame = $ReadOnly<{
+  content: string,
+  location: ?{
+    row: number,
+    column: number,
+    ...
+  },
+  fileName: string,
+}>;
+export type SymbolicatedStackTrace = $ReadOnly<{
+  stack: Array<StackFrame>,
+  codeFrame: ?CodeFrame,
+}>;
+declare function symbolicateStackTrace(
+  stack: Array<StackFrame>,
+  extraData?: mixed
+): Promise<SymbolicatedStackTrace>;
+declare module.exports: symbolicateStackTrace;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/ExceptionsManager.js 1`] = `
+"declare class SyntheticError extends Error {
+  name: string;
+}
+type ExceptionDecorator = (ExceptionData) => ExceptionData;
+declare const decoratedExtraDataKey: symbol;
+declare function unstable_setExceptionDecorator(
+  exceptionDecorator: ?ExceptionDecorator
+): void;
+declare function handleException(e: mixed, isFatal: boolean): void;
+declare function installConsoleErrorReporter(): void;
+declare module.exports: {
+  decoratedExtraDataKey: decoratedExtraDataKey,
+  handleException: handleException,
+  installConsoleErrorReporter: installConsoleErrorReporter,
+  SyntheticError: SyntheticError,
+  unstable_setExceptionDecorator: unstable_setExceptionDecorator,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/ExtendedError.js 1`] = `
+"export type ExtendedError = Error &
+  interface {
+    jsEngine?: string,
+    preventSymbolication?: boolean,
+    componentStack?: string,
+    isComponentError?: boolean,
+    type?: string,
+    cause?: {
+      name: string,
+      message: string,
+      stackElements?: $ReadOnlyArray<Object>,
+      stackSymbols?: $ReadOnlyArray<Object>,
+      stackReturnAddresses?: $ReadOnlyArray<Object>,
+    },
+  };
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/InitializeCore.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/NativeExceptionsManager.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeExceptionsManager\\";
+declare export default typeof NativeExceptionsManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/RawEventEmitter.js 1`] = `
+"export type RawEventEmitterEvent = $ReadOnly<{|
+  eventName: string,
+  nativeEvent: { [string]: mixed },
+|}>;
+type RawEventDefinitions = {
+  [eventChannel: string]: [RawEventEmitterEvent],
+};
+declare const RawEventEmitter: IEventEmitter<RawEventDefinitions>;
+declare export default typeof RawEventEmitter;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/ReactFiberErrorDialog.js 1`] = `
+"export type CapturedError = {
+  +componentStack: string,
+  +error: mixed,
+  +errorBoundary: ?{ ... },
+  ...
+};
+declare const ReactFiberErrorDialog: {
+  showErrorDialog(CapturedError): boolean,
+};
+declare export default typeof ReactFiberErrorDialog;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/ReactNativeVersion.js 1`] = `
+"declare const version: $ReadOnly<{
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: string | null,
+}>;
+declare module.exports: { version: version };
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/ReactNativeVersionCheck.js 1`] = `
+"declare const checkVersions: () => void;
+declare module.exports: { checkVersions: checkVersions };
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/SegmentFetcher/NativeSegmentFetcher.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeSegmentFetcher\\";
+declare export default typeof NativeSegmentFetcher;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/Timers/JSTimers.js 1`] = `
+"export type JSTimerType =
+  | \\"setTimeout\\"
+  | \\"setInterval\\"
+  | \\"requestAnimationFrame\\"
+  | \\"queueReactNativeMicrotask\\"
+  | \\"requestIdleCallback\\";
+declare let ExportedJSTimers: {|
+  callIdleCallbacks: (frameTime: number) => any | void,
+  callReactNativeMicrotasks: () => void,
+  callTimers: (timersToCall: Array<number>) => any | void,
+  cancelAnimationFrame: (timerID: number) => void,
+  cancelIdleCallback: (timerID: number) => void,
+  clearReactNativeMicrotask: (timerID: number) => void,
+  clearInterval: (timerID: number) => void,
+  clearTimeout: (timerID: number) => void,
+  emitTimeDriftWarning: (warningMessage: string) => any | void,
+  requestAnimationFrame: (func: any) => any | number,
+  requestIdleCallback: (func: any, options: ?any) => any | number,
+  queueReactNativeMicrotask: (func: any, ...args: any) => number,
+  setInterval: (func: any, duration: number, ...args: any) => number,
+  setTimeout: (func: any, duration: number, ...args: any) => number,
+|};
+declare module.exports: ExportedJSTimers;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/Timers/NativeTiming.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeTiming\\";
+declare export default typeof NativeTiming;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/Timers/immediateShim.js 1`] = `
+"declare function setImmediate(callback: Function, ...args: any): number;
+declare function clearImmediate(immediateID: number): void;
+declare const immediateShim: {
+  setImmediate: setImmediate,
+  clearImmediate: clearImmediate,
+};
+declare module.exports: immediateShim;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/Timers/queueMicrotask.js 1`] = `
+"declare export default function queueMicrotask(callback: Function): void;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/checkNativeVersion.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/polyfillPromise.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/registerCallableModule.js 1`] = `
+"type Module = { ... };
+type RegisterCallableModule = (
+  name: string,
+  moduleOrFactory: Module | ((void) => Module)
+) => void;
+declare const registerCallableModule: RegisterCallableModule;
+declare export default typeof registerCallableModule;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpAlert.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpBatchedBridge.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpDeveloperTools.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpErrorHandling.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpGlobals.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpIntersectionObserver.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpMutationObserver.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpNavigator.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpPerformance.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpPerformanceObserver.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpReactDevTools.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpReactRefresh.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpRegeneratorRuntime.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpSegmentFetcher.js 1`] = `
+"export type FetchSegmentFunction = typeof __fetchSegment;
+declare function __fetchSegment(
+  segmentId: number,
+  options: $ReadOnly<{
+    otaBuildNumber: ?string,
+    requestedModuleName: string,
+    segmentHash: string,
+  }>,
+  callback: (?Error) => void
+): void;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpTimers.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Core/setUpXHR.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/Debugging/DebuggingOverlay.js 1`] = `
+"type DebuggingOverlayHandle = {
+  highlightTraceUpdates(updates: TraceUpdate[]): void,
+  highlightElements(elements: ElementRectangle[]): void,
+  clearElementsHighlight(): void,
+};
+declare const DebuggingOverlayWithForwardedRef: React.AbstractComponent<
+  {},
+  DebuggingOverlayHandle,
+  React.Node,
+>;
+declare export default typeof DebuggingOverlayWithForwardedRef;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Debugging/DebuggingOverlayNativeComponent.js 1`] = `
+"export * from \\"../../src/private/specs/components/DebuggingOverlayNativeComponent\\";
+declare export default typeof DebuggingOverlayNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Debugging/DebuggingOverlayRegistry.js 1`] = `
+"export type DebuggingOverlayRegistrySubscriberProtocol = {
+  rootViewRef: AppContainerRootViewRef,
+  debuggingOverlayRef: DebuggingOverlayRef,
+};
+declare class DebuggingOverlayRegistry {
+  constructor(): void;
+  subscribe(subscriber: DebuggingOverlayRegistrySubscriberProtocol): void;
+  unsubscribe(subscriber: DebuggingOverlayRegistrySubscriberProtocol): void;
+}
+declare const debuggingOverlayRegistryInstance: DebuggingOverlayRegistry;
+declare export default typeof debuggingOverlayRegistryInstance;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Debugging/useSubscribeToDebuggingOverlayRegistry.js 1`] = `
+"declare const useSubscribeToDebuggingOverlayRegistry: (
+  rootViewRef: AppContainerRootViewRef,
+  debuggingOverlayRef: DebuggingOverlayRef
+) => void;
+declare export default typeof useSubscribeToDebuggingOverlayRegistry;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/DevToolsSettings/DevToolsSettingsManager.android.js 1`] = `
+"declare module.exports: {
+  setConsolePatchSettings(newSettings: string): void,
+  getConsolePatchSettings(): ?string,
+  setProfilingSettings(newSettings: string): void,
+  getProfilingSettings(): ?string,
+  reload(): void,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/DevToolsSettings/DevToolsSettingsManager.ios.js 1`] = `
+"declare const DevToolsSettingsManager: {
+  setConsolePatchSettings(newConsolePatchSettings: string): void,
+  getConsolePatchSettings(): ?string,
+  setProfilingSettings(newProfilingSettings: string): void,
+  getProfilingSettings(): ?string,
+  reload(): void,
+};
+declare module.exports: DevToolsSettingsManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/DevToolsSettings/DevToolsSettingsManager.js.flow 1`] = `
+"declare const DevToolsSettingsManager: {
+  setConsolePatchSettings(newConsolePatchSettings: string): void,
+  getConsolePatchSettings(): ?string,
+  setProfilingSettings(newProfilingSettings: string): void,
+  getProfilingSettings(): ?string,
+  reload(): void,
+};
+declare module.exports: DevToolsSettingsManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/DevToolsSettings/NativeDevToolsSettingsManager.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeDevToolsSettingsManager\\";
+declare export default typeof NativeDevToolsSettingsManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/EventEmitter/NativeEventEmitter.js 1`] = `
+"interface NativeModule {
+  addListener(eventType: string): void;
+  removeListeners(count: number): void;
+}
+export type { EventSubscription };
+declare export default class NativeEventEmitter<TEventToArgsMap: { ... }>
+  implements IEventEmitter<TEventToArgsMap>
+{
+  _nativeModule: ?NativeModule;
+  constructor(nativeModule: ?NativeModule): void;
+  addListener<TEvent: $Keys<TEventToArgsMap>>(
+    eventType: TEvent,
+    listener: (...args: $ElementType<TEventToArgsMap, TEvent>) => mixed,
+    context?: mixed
+  ): EventSubscription;
+  emit<TEvent: $Keys<TEventToArgsMap>>(
+    eventType: TEvent,
+    ...args: $ElementType<TEventToArgsMap, TEvent>
+  ): void;
+  removeAllListeners<TEvent: $Keys<TEventToArgsMap>>(eventType?: ?TEvent): void;
+  listenerCount<TEvent: $Keys<TEventToArgsMap>>(eventType: TEvent): number;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/EventEmitter/RCTDeviceEventEmitter.js 1`] = `
+"type RCTDeviceEventDefinitions = $FlowFixMe;
+declare export default IEventEmitter<RCTDeviceEventDefinitions>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/EventEmitter/RCTEventEmitter.js 1`] = `
+"declare const RCTEventEmitter: { register(eventEmitter: any): void };
+declare module.exports: RCTEventEmitter;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/EventEmitter/RCTNativeAppEventEmitter.js 1`] = `
+"declare const RCTNativeAppEventEmitter: typeof RCTDeviceEventEmitter;
+declare module.exports: RCTNativeAppEventEmitter;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Events/CustomEvent.js 1`] = `
+"type CustomEvent$Options = $ReadOnly<{|
+  bubbles?: boolean,
+  cancelable?: boolean,
+  composed?: boolean,
+  detail?: { ... },
+|}>;
+declare class CustomEvent extends EventPolyfill {
+  detail: ?{ ... };
+  constructor(typeArg: string, options: CustomEvent$Options): void;
+}
+declare export default typeof CustomEvent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Events/EventPolyfill.js 1`] = `
+"type Event$Init = {
+  bubbles?: boolean,
+  cancelable?: boolean,
+  composed?: boolean,
+  scoped?: boolean,
+  ...
+};
+interface IEvent {
+  constructor(type: string, eventInitDict?: Event$Init): void;
+  +type: string;
+  +target: EventTarget;
+  +srcElement: Element;
+  +currentTarget: EventTarget;
+  composedPath(): Array<EventTarget>;
+  +NONE: number;
+  +AT_TARGET: number;
+  +BUBBLING_PHASE: number;
+  +CAPTURING_PHASE: number;
+  +eventPhase: number;
+  stopPropagation(): void;
+  stopImmediatePropagation(): void;
+  +bubbles: boolean;
+  +cancelable: boolean;
+  preventDefault(): void;
+  +defaultPrevented: boolean;
+  +composed: boolean;
+  +isTrusted: boolean;
+  +timeStamp: number;
+  +deepPath?: () => EventTarget[];
+  +scoped: boolean;
+  initEvent(type: string, bubbles: boolean, cancelable: boolean): void;
+}
+declare class EventPolyfill implements IEvent {
+  type: string;
+  bubbles: boolean;
+  cancelable: boolean;
+  composed: boolean;
+  scoped: boolean;
+  isTrusted: boolean;
+  defaultPrevented: boolean;
+  timeStamp: number;
+  NONE: number;
+  AT_TARGET: number;
+  BUBBLING_PHASE: number;
+  CAPTURING_PHASE: number;
+  eventPhase: number;
+  currentTarget: EventTarget;
+  target: EventTarget;
+  srcElement: Element;
+  _syntheticEvent: mixed;
+  constructor(type: string, eventInitDict?: Event$Init): void;
+  composedPath(): Array<EventTarget>;
+  preventDefault(): void;
+  initEvent(type: string, bubbles: boolean, cancelable: boolean): void;
+  stopImmediatePropagation(): void;
+  stopPropagation(): void;
+  setSyntheticEvent(value: mixed): void;
+}
+declare export default typeof EventPolyfill;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/HeapCapture/HeapCapture.js 1`] = `
+"declare const HeapCapture: { captureHeap: (path: string) => void };
+declare module.exports: HeapCapture;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/HeapCapture/NativeJSCHeapCapture.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeJSCHeapCapture\\";
+declare export default typeof NativeJSCHeapCapture;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/AssetRegistry.js 1`] = `
+"declare module.exports: $FlowFixMe;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/AssetSourceResolver.js 1`] = `
+"export type ResolvedAssetSource = {|
+  +__packager_asset: boolean,
+  +width: ?number,
+  +height: ?number,
+  +uri: string,
+  +scale: number,
+|};
+declare class AssetSourceResolver {
+  serverUrl: ?string;
+  jsbundleUrl: ?string;
+  asset: PackagerAsset;
+  constructor(
+    serverUrl: ?string,
+    jsbundleUrl: ?string,
+    asset: PackagerAsset
+  ): void;
+  isLoadedFromServer(): boolean;
+  isLoadedFromFileSystem(): boolean;
+  defaultAsset(): ResolvedAssetSource;
+  assetServerURL(): ResolvedAssetSource;
+  scaledAssetPath(): ResolvedAssetSource;
+  scaledAssetURLNearBundle(): ResolvedAssetSource;
+  resourceIdentifierWithoutScale(): ResolvedAssetSource;
+  drawableFolderInBundle(): ResolvedAssetSource;
+  fromSource(source: string): ResolvedAssetSource;
+  static pickScale: (scales: Array<number>, deviceScale?: number) => number;
+}
+declare module.exports: AssetSourceResolver;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/AssetUtils.js 1`] = `
+"declare export function pickScale(
+  scales: Array<number>,
+  deviceScale?: number
+): number;
+declare export function setUrlCacheBreaker(appendage: string): void;
+declare export function getUrlCacheBreaker(): string;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/Image.android.js 1`] = `
+"declare const Image: ImageAndroid;
+declare module.exports: Image;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/Image.ios.js 1`] = `
+"declare const Image: ImageIOS;
+declare module.exports: Image;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/Image.js.flow 1`] = `
+"declare module.exports: Image;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/ImageAnalyticsTagContext.js 1`] = `
+"type ContextType = ?string;
+declare const Context: React.Context<ContextType>;
+declare export default typeof Context;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/ImageInjection.js 1`] = `
+"type ImageComponentDecorator =
+  ((AbstractImageAndroid) => AbstractImageAndroid) &
+    ((AbstractImageIOS) => AbstractImageIOS);
+declare export function unstable_setImageComponentDecorator(
+  imageComponentDecorator: ?ImageComponentDecorator
+): void;
+declare export function unstable_getImageComponentDecorator(): ?ImageComponentDecorator;
+type ImageInstance = React.ElementRef<ImageComponent>;
+type ImageAttachedCallback = (
+  imageInstance: ImageInstance
+) => void | (() => void);
+declare export function unstable_registerImageAttachedCallback(
+  callback: ImageAttachedCallback
+): void;
+declare export function unstable_unregisterImageAttachedCallback(
+  callback: ImageAttachedCallback
+): void;
+declare export function useWrapRefWithImageAttachedCallbacks(
+  forwardedRef: React.RefSetter<ImageInstance>
+): React.RefSetter<ImageInstance>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/ImageProps.js 1`] = `
+"export type ImageLoadEvent = SyntheticEvent<
+  $ReadOnly<{|
+    source: $ReadOnly<{|
+      width: number,
+      height: number,
+      uri: string,
+    |}>,
+  |}>,
+>;
+type IOSImageProps = $ReadOnly<{|
+  defaultSource?: ?ImageSource,
+  onPartialLoad?: ?() => void,
+  onProgress?: ?(
+    event: SyntheticEvent<$ReadOnly<{| loaded: number, total: number |}>>
+  ) => void,
+|}>;
+type AndroidImageProps = $ReadOnly<{|
+  loadingIndicatorSource?: ?(number | $ReadOnly<{| uri: string |}>),
+  progressiveRenderingEnabled?: ?boolean,
+  fadeDuration?: ?number,
+|}>;
+export type ImageProps = {|
+  ...$Diff<ViewProps, $ReadOnly<{| style: ?ViewStyleProp |}>>,
+  ...IOSImageProps,
+  ...AndroidImageProps,
+  accessible?: ?boolean,
+  internal_analyticTag?: ?string,
+  accessibilityLabel?: ?Stringish,
+  \\"aria-label\\"?: ?Stringish,
+  \\"aria-labelledby\\"?: ?string,
+  alt?: ?Stringish,
+  blurRadius?: ?number,
+  capInsets?: ?EdgeInsetsProp,
+  crossOrigin?: ?(\\"anonymous\\" | \\"use-credentials\\"),
+  height?: number,
+  width?: number,
+  onError?: ?(
+    event: SyntheticEvent<
+      $ReadOnly<{|
+        error: string,
+      |}>,
+    >
+  ) => void,
+  onLayout?: ?(event: LayoutEvent) => mixed,
+  onLoad?: ?(event: ImageLoadEvent) => void,
+  onLoadEnd?: ?() => void,
+  onLoadStart?: ?() => void,
+  resizeMethod?: ?(\\"auto\\" | \\"resize\\" | \\"scale\\"),
+  source?: ?ImageSource,
+  style?: ?ImageStyleProp,
+  referrerPolicy?: ?(
+    | \\"no-referrer\\"
+    | \\"no-referrer-when-downgrade\\"
+    | \\"origin\\"
+    | \\"origin-when-cross-origin\\"
+    | \\"same-origin\\"
+    | \\"strict-origin\\"
+    | \\"strict-origin-when-cross-origin\\"
+    | \\"unsafe-url\\"
+  ),
+  resizeMode?: ?(\\"cover\\" | \\"contain\\" | \\"stretch\\" | \\"repeat\\" | \\"center\\"),
+  testID?: ?string,
+  tintColor?: ColorValue,
+  src?: ?string,
+  srcSet?: ?string,
+  children?: empty,
+  tooltip?: ?string,
+|};
+export type ImageBackgroundProps = $ReadOnly<{|
+  ...ImageProps,
+  children?: Node,
+  style?: ?ViewStyleProp,
+  imageStyle?: ?ImageStyleProp,
+  imageRef?: Ref<Image>,
+|}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/ImageResizeMode.js 1`] = `
+"export type ImageResizeMode =
+  | \\"center\\"
+  | \\"contain\\"
+  | \\"cover\\"
+  | \\"repeat\\"
+  | \\"stretch\\";
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/ImageSource.js 1`] = `
+"export interface ImageURISource {
+  +uri?: ?string;
+  +bundle?: ?string;
+  +method?: ?string;
+  +headers?: ?{ [string]: string };
+  +body?: ?string;
+  +cache?: ?(\\"default\\" | \\"reload\\" | \\"force-cache\\" | \\"only-if-cached\\");
+  +width?: ?number;
+  +height?: ?number;
+  +scale?: ?number;
+}
+export type ImageSource =
+  | number
+  | ImageURISource
+  | $ReadOnlyArray<ImageURISource>;
+type ImageSourceProperties = {
+  body?: ?string,
+  bundle?: ?string,
+  cache?: ?(\\"default\\" | \\"reload\\" | \\"force-cache\\" | \\"only-if-cached\\"),
+  headers?: ?{ [string]: string },
+  height?: ?number,
+  method?: ?string,
+  scale?: ?number,
+  uri?: ?string,
+  width?: ?number,
+  ...
+};
+declare export function getImageSourceProperties(
+  imageSource: ImageURISource
+): $ReadOnly<ImageSourceProperties>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/ImageSourceUtils.js 1`] = `
+"declare export function getImageSourcesFromImageProps(
+  imageProps: ImageProps
+): ?ResolvedAssetSource | $ReadOnlyArray<{ uri: string, ... }>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/ImageTypes.flow.js 1`] = `
+"type ImageComponentStaticsIOS = $ReadOnly<{
+  getSize: (
+    uri: string,
+    success: (width: number, height: number) => void,
+    failure?: (error: mixed) => void
+  ) => void,
+  getSizeWithHeaders(
+    uri: string,
+    headers: { [string]: string, ... },
+    success: (width: number, height: number) => void,
+    failure?: (error: mixed) => void
+  ): void,
+  prefetch(url: string): Promise<boolean>,
+  prefetchWithMetadata(
+    url: string,
+    queryRootName: string,
+    rootTag?: ?RootTag
+  ): Promise<boolean>,
+  queryCache(
+    urls: Array<string>
+  ): Promise<{ [string]: \\"memory\\" | \\"disk\\" | \\"disk/memory\\", ... }>,
+  resolveAssetSource(source: ImageSource): ?ResolvedAssetSource,
+}>;
+type ImageComponentStaticsAndroid = $ReadOnly<{
+  ...ImageComponentStaticsIOS,
+  abortPrefetch(requestId: number): void,
+}>;
+export type AbstractImageAndroid = React.AbstractComponent<
+  ImagePropsType,
+  | React.ElementRef<TextInlineImageNativeComponent>
+  | React.ElementRef<ImageViewNativeComponent>,
+>;
+export type ImageAndroid = AbstractImageAndroid & ImageComponentStaticsAndroid;
+export type AbstractImageIOS = React.AbstractComponent<
+  ImagePropsType,
+  React.ElementRef<ImageViewNativeComponent>,
+>;
+export type ImageIOS = AbstractImageIOS & ImageComponentStaticsIOS;
+export type Image = ImageIOS | ImageAndroid;
+export type { ImageProps } from \\"./ImageProps\\";
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/ImageUtils.js 1`] = `
+"type ResizeMode = \\"cover\\" | \\"contain\\" | \\"stretch\\" | \\"repeat\\" | \\"center\\";
+declare export function convertObjectFitToResizeMode(
+  objectFit: string
+): ResizeMode;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/ImageViewNativeComponent.js 1`] = `
+"type Props = $ReadOnly<{
+  ...ImageProps,
+  ...ViewProps,
+  style?: ImageStyleProp | DangerouslyImpreciseStyle,
+  tintColor?: ColorValue,
+  shouldNotifyLoadEvents?: boolean,
+  src?:
+    | ?ResolvedAssetSource
+    | ?$ReadOnlyArray<?$ReadOnly<{ uri?: ?string, ... }>>,
+  headers?: ?{ [string]: string },
+  defaultSrc?: ?string,
+  loadingIndicatorSrc?: ?string,
+}>;
+interface NativeCommands {
+  +setIsVisible_EXPERIMENTAL: (
+    viewRef: ElementRef<HostComponent<mixed>>,
+    isVisible: boolean
+  ) => void;
+}
+declare export const Commands: NativeCommands;
+declare export const __INTERNAL_VIEW_CONFIG: PartialViewConfig;
+declare const ImageViewNativeComponent: HostComponent<Props>;
+declare export default typeof ImageViewNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/NativeImageEditor.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeImageEditor\\";
+declare export default typeof NativeImageEditor;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/NativeImageLoaderAndroid.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeImageLoaderAndroid\\";
+declare export default typeof NativeImageLoaderAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/NativeImageLoaderIOS.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeImageLoaderIOS\\";
+declare export default typeof NativeImageLoaderIOS;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/NativeImageStoreAndroid.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeImageStoreAndroid\\";
+declare export default typeof NativeImageStoreAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/NativeImageStoreIOS.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeImageStoreIOS\\";
+declare export default typeof NativeImageStoreIOS;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/RelativeImageStub.js 1`] = `
+"declare module.exports: number;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/TextInlineImageNativeComponent.js 1`] = `
+"type NativeProps = $ReadOnly<{
+  ...ViewProps,
+  resizeMode?: ?ImageResizeMode,
+  src?: ?$ReadOnlyArray<?$ReadOnly<{ uri?: ?string, ... }>>,
+  tintColor?: ?ColorValue,
+  headers?: ?{ [string]: string },
+}>;
+declare export const __INTERNAL_VIEW_CONFIG: PartialViewConfig;
+declare const TextInlineImage: HostComponent<NativeProps>;
+declare export default typeof TextInlineImage;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/nativeImageSource.js 1`] = `
+"type NativeImageSourceSpec = $ReadOnly<{|
+  android?: string,
+  ios?: string,
+  macos?: string,
+  default?: string,
+  height: number,
+  width: number,
+|}>;
+declare function nativeImageSource(spec: NativeImageSourceSpec): ImageURISource;
+declare module.exports: nativeImageSource;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Image/resolveAssetSource.js 1`] = `
+"declare function resolveAssetSource(source: ?ImageSource): ?ResolvedAssetSource;
+declare module.exports: resolveAssetSource;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Inspector/Inspector.js 1`] = `
+"declare const React: $FlowFixMe;
+export type InspectedElementFrame = TouchedViewDataAtPoint[\\"frame\\"];
+export type InspectedElement = $ReadOnly<{
+  frame: InspectedElementFrame,
+  style?: ViewStyleProp,
+}>;
+export type ElementsHierarchy = InspectorData[\\"hierarchy\\"];
+type Props = {
+  inspectedViewRef: InspectedViewRef,
+  onRequestRerenderApp: () => void,
+  reactDevToolsAgent?: ReactDevToolsAgent,
+};
+declare function Inspector(Props): React.Node;
+declare module.exports: Inspector;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Inspector/InspectorOverlay.js 1`] = `
+"declare const React: $FlowFixMe;
+type Props = $ReadOnly<{|
+  inspected?: ?InspectedElement,
+  onTouchPoint: (locationX: number, locationY: number) => void,
+|}>;
+declare function InspectorOverlay(Props): React.Node;
+declare module.exports: InspectorOverlay;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Inspector/ReactDevToolsOverlay.js 1`] = `
+"type Props = {
+  inspectedViewRef: InspectedViewRef,
+  reactDevToolsAgent: ReactDevToolsAgent,
+};
+declare export default function ReactDevToolsOverlay(Props): React.Node;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Inspector/getInspectorDataForViewAtPoint.js 1`] = `
+"declare const React: $FlowFixMe;
+export type HostRef = React.ElementRef<HostComponent<mixed>>;
+export type ReactRenderer = {
+  rendererConfig: {
+    getInspectorDataForViewAtPoint: (
+      inspectedView: ?HostRef,
+      locationX: number,
+      locationY: number,
+      callback: Function
+    ) => void,
+    ...
+  },
+};
+declare module.exports: (
+  inspectedView: ?HostRef,
+  locationX: number,
+  locationY: number,
+  callback: (viewData: TouchedViewDataAtPoint) => boolean
+) => void;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Inspector/resolveBoxStyle.js 1`] = `
+"declare function resolveBoxStyle(
+  prefix: string,
+  style: Object
+): ?$ReadOnly<{|
+  bottom: number,
+  left: number,
+  right: number,
+  top: number,
+|}>;
+declare module.exports: resolveBoxStyle;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Interaction/FrameRateLogger.js 1`] = `
+"declare const FrameRateLogger: {
+  setGlobalOptions: (options: { debug?: boolean, ... }) => void,
+  setContext: (context: string) => void,
+  beginScroll(): void,
+  endScroll(): void,
+};
+declare module.exports: FrameRateLogger;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Interaction/InteractionManager.js 1`] = `
+"export type Handle = number;
+declare const InteractionManager: {
+  Events: {
+    interactionStart: \\"interactionStart\\",
+    interactionComplete: \\"interactionComplete\\",
+  },
+  runAfterInteractions(task: ?Task): {
+    then: <U>(
+      onFulfill?: ?(void) => ?(Promise<U> | U),
+      onReject?: ?(error: mixed) => ?(Promise<U> | U)
+    ) => Promise<U>,
+    cancel: () => void,
+    ...
+  },
+  createInteractionHandle(): Handle,
+  clearInteractionHandle(handle: Handle): void,
+  addListener: $FlowFixMe,
+  setDeadline(deadline: number): void,
+};
+declare module.exports: InteractionManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Interaction/JSEventLoopWatchdog.js 1`] = `
+"type Handler = {
+  onIterate?: () => void,
+  onStall: (params: { lastInterval: number, busyTime: number, ... }) => ?string,
+  ...
+};
+declare const JSEventLoopWatchdog: {
+  getStats: () => Object,
+  reset: () => void,
+  addHandler: (handler: Handler) => void,
+  install: ({ thresholdMS: number, ... }) => void,
+};
+declare module.exports: JSEventLoopWatchdog;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Interaction/NativeFrameRateLogger.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeFrameRateLogger\\";
+declare export default typeof NativeFrameRateLogger;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Interaction/PanResponder.js 1`] = `
+"export type GestureState = {|
+  stateID: number,
+  moveX: number,
+  moveY: number,
+  x0: number,
+  y0: number,
+  dx: number,
+  dy: number,
+  vx: number,
+  vy: number,
+  numberActiveTouches: number,
+  _accountsForMovesUpTo: number,
+|};
+type ActiveCallback = (
+  event: PressEvent,
+  gestureState: GestureState
+) => boolean;
+type PassiveCallback = (event: PressEvent, gestureState: GestureState) => mixed;
+export type PanHandlers = {|
+  onMoveShouldSetResponder: (event: PressEvent) => boolean,
+  onMoveShouldSetResponderCapture: (event: PressEvent) => boolean,
+  onResponderEnd: (event: PressEvent) => void,
+  onResponderGrant: (event: PressEvent) => boolean,
+  onResponderMove: (event: PressEvent) => void,
+  onResponderReject: (event: PressEvent) => void,
+  onResponderRelease: (event: PressEvent) => void,
+  onResponderStart: (event: PressEvent) => void,
+  onResponderTerminate: (event: PressEvent) => void,
+  onResponderTerminationRequest: (event: PressEvent) => boolean,
+  onStartShouldSetResponder: (event: PressEvent) => boolean,
+  onStartShouldSetResponderCapture: (event: PressEvent) => boolean,
+|};
+type PanResponderConfig = $ReadOnly<{|
+  onMoveShouldSetPanResponder?: ?ActiveCallback,
+  onMoveShouldSetPanResponderCapture?: ?ActiveCallback,
+  onStartShouldSetPanResponder?: ?ActiveCallback,
+  onStartShouldSetPanResponderCapture?: ?ActiveCallback,
+  onPanResponderGrant?: ?(PassiveCallback | ActiveCallback),
+  onPanResponderReject?: ?PassiveCallback,
+  onPanResponderStart?: ?PassiveCallback,
+  onPanResponderEnd?: ?PassiveCallback,
+  onPanResponderRelease?: ?PassiveCallback,
+  onPanResponderMove?: ?PassiveCallback,
+  onPanResponderTerminate?: ?PassiveCallback,
+  onPanResponderTerminationRequest?: ?ActiveCallback,
+  onShouldBlockNativeResponder?: ?ActiveCallback,
+|}>;
+declare const PanResponder: {
+  _initializeGestureState(gestureState: GestureState): void,
+  _updateGestureStateOnMove(
+    gestureState: GestureState,
+    touchHistory: $PropertyType<PressEvent, \\"touchHistory\\">
+  ): void,
+  create(config: PanResponderConfig): {
+    getInteractionHandle: () => ?number,
+    panHandlers: PanHandlers,
+  },
+};
+export type PanResponderInstance = ReturnType<(typeof PanResponder)[\\"create\\"]>;
+declare export default typeof PanResponder;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Interaction/TaskQueue.js 1`] = `
+"type SimpleTask = {
+  name: string,
+  run: () => void,
+};
+type PromiseTask = {
+  name: string,
+  gen: () => Promise<void>,
+};
+export type Task = SimpleTask | PromiseTask | (() => void);
+declare class TaskQueue {
+  constructor({ onMoreTasks: () => void, ... }): void;
+  enqueue(task: Task): void;
+  enqueueTasks(tasks: Array<Task>): void;
+  cancelTasks(tasksToCancel: Array<Task>): void;
+  hasTasksToProcess(): boolean;
+  processNext(): void;
+  _queueStack: Array<{
+    tasks: Array<Task>,
+    popable: boolean,
+    ...
+  }>;
+  _onMoreTasks: () => void;
+  _getCurrentQueue(): Array<Task>;
+  _genPromise(task: PromiseTask): void;
+}
+declare module.exports: TaskQueue;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Interaction/TouchHistoryMath.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/IntersectionObserver/IntersectionObserver.js 1`] = `
+"export type IntersectionObserverCallback = (
+  entries: Array<IntersectionObserverEntry>,
+  observer: IntersectionObserver
+) => mixed;
+type IntersectionObserverInit = {
+  threshold?: number | $ReadOnlyArray<number>,
+};
+declare export default class IntersectionObserver {
+  _callback: IntersectionObserverCallback;
+  _thresholds: $ReadOnlyArray<number>;
+  _observationTargets: Set<ReactNativeElement>;
+  _intersectionObserverId: ?IntersectionObserverId;
+  constructor(
+    callback: IntersectionObserverCallback,
+    options?: IntersectionObserverInit
+  ): void;
+  get root(): ReactNativeElement | null;
+  get rootMargin(): string;
+  get thresholds(): $ReadOnlyArray<number>;
+  observe(target: ReactNativeElement): void;
+  unobserve(target: ReactNativeElement): void;
+  disconnect(): void;
+  _getOrCreateIntersectionObserverId(): IntersectionObserverId;
+  __getObserverID(): ?IntersectionObserverId;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/IntersectionObserver/IntersectionObserverEntry.js 1`] = `
+"declare export default class IntersectionObserverEntry {
+  _nativeEntry: NativeIntersectionObserverEntry;
+  _target: ReactNativeElement;
+  constructor(
+    nativeEntry: NativeIntersectionObserverEntry,
+    target: ReactNativeElement
+  ): void;
+  get boundingClientRect(): DOMRectReadOnly;
+  get intersectionRatio(): number;
+  get intersectionRect(): DOMRectReadOnly;
+  get isIntersecting(): boolean;
+  get rootBounds(): DOMRectReadOnly;
+  get target(): ReactNativeElement;
+  get time(): DOMHighResTimeStamp;
+}
+declare export function createIntersectionObserverEntry(
+  entry: NativeIntersectionObserverEntry,
+  target: ReactNativeElement
+): IntersectionObserverEntry;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/IntersectionObserver/IntersectionObserverManager.js 1`] = `
+"export type IntersectionObserverId = number;
+declare export function registerObserver(
+  observer: IntersectionObserver,
+  callback: IntersectionObserverCallback
+): IntersectionObserverId;
+declare export function unregisterObserver(
+  intersectionObserverId: IntersectionObserverId
+): void;
+declare export function observe({
+  intersectionObserverId: IntersectionObserverId,
+  target: ReactNativeElement,
+}): void;
+declare export function unobserve(
+  intersectionObserverId: number,
+  target: ReactNativeElement
+): void;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/IntersectionObserver/NativeIntersectionObserver.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeIntersectionObserver\\";
+declare export default typeof NativeIntersectionObserver;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/JSInspector/InspectorAgent.js 1`] = `
+"export type EventSender = (name: string, params: mixed) => void;
+declare class InspectorAgent {
+  _eventSender: EventSender;
+  constructor(eventSender: EventSender): void;
+  sendEvent(name: string, params: mixed): void;
+}
+declare module.exports: InspectorAgent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/JSInspector/JSInspector.js 1`] = `
+"interface Agent {
+  constructor(eventSender: EventSender): void;
+}
+type AgentClass = Class<Agent> & { DOMAIN: string, ... };
+declare const JSInspector: {
+  registerAgent(type: AgentClass): void,
+  getTimestamp(): number,
+};
+declare module.exports: JSInspector;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/JSInspector/NetworkAgent.js 1`] = `
+"declare const InspectorAgent: $FlowFixMe;
+type RequestId = string;
+type Headers = { [string]: string };
+declare class Interceptor {
+  _agent: NetworkAgent;
+  _requests: Map<string, string>;
+  constructor(agent: NetworkAgent): void;
+  getData(requestId: string): ?string;
+  requestSent(id: number, url: string, method: string, headers: Headers): void;
+  responseReceived(
+    id: number,
+    url: string,
+    status: number,
+    headers: Headers
+  ): void;
+  dataReceived(id: number, data: string): void;
+  loadingFinished(id: number, encodedDataLength: number): void;
+  loadingFailed(id: number, error: string): void;
+  _getMimeType(headers: Headers): string;
+}
+type EnableArgs = {
+  maxResourceBufferSize?: number,
+  maxTotalBufferSize?: number,
+  ...
+};
+declare class NetworkAgent extends InspectorAgent {
+  static DOMAIN: $TEMPORARY$string<\\"Network\\">;
+  _sendEvent: EventSender;
+  _interceptor: ?Interceptor;
+  enable(EnableArgs): void;
+  disable(): void;
+  getResponseBody({ requestId: RequestId, ... }): {
+    body: ?string,
+    base64Encoded: boolean,
+    ...
+  };
+  interceptor(): Interceptor;
+}
+declare module.exports: NetworkAgent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LayoutAnimation/LayoutAnimation.js 1`] = `
+"export type LayoutAnimationConfig = LayoutAnimationConfig_;
+type OnAnimationDidEndCallback = () => void;
+type OnAnimationDidFailCallback = () => void;
+declare function setEnabled(value: boolean): void;
+declare function configureNext(
+  config: LayoutAnimationConfig,
+  onAnimationDidEnd?: OnAnimationDidEndCallback,
+  onAnimationDidFail?: OnAnimationDidFailCallback
+): void;
+declare function create(
+  duration: number,
+  type: LayoutAnimationType,
+  property: LayoutAnimationProperty
+): LayoutAnimationConfig;
+declare const Presets: {
+  easeInEaseOut: LayoutAnimationConfig,
+  linear: LayoutAnimationConfig,
+  spring: {
+    duration: 700,
+    create: { type: \\"linear\\", property: \\"opacity\\" },
+    update: { type: \\"spring\\", springDamping: 0.4 },
+    delete: { type: \\"linear\\", property: \\"opacity\\" },
+  },
+};
+declare const LayoutAnimation: {
+  configureNext: configureNext,
+  create: create,
+  Types: $FlowFixMe,
+  Properties: $FlowFixMe,
+  checkConfig(...args: Array<mixed>): void,
+  Presets: Presets,
+  easeInEaseOut: (onAnimationDidEnd?: OnAnimationDidEndCallback) => void,
+  linear: (onAnimationDidEnd?: OnAnimationDidEndCallback) => void,
+  spring: (onAnimationDidEnd?: OnAnimationDidEndCallback) => void,
+  setEnabled: setEnabled,
+};
+declare module.exports: LayoutAnimation;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Linking/Linking.js 1`] = `
+"type LinkingEventDefinitions = {
+  url: [{ url: string }],
+};
+declare class Linking extends NativeEventEmitter<LinkingEventDefinitions> {
+  constructor(): void;
+  addEventListener<K: $Keys<LinkingEventDefinitions>>(
+    eventType: K,
+    listener: (...$ElementType<LinkingEventDefinitions, K>) => mixed,
+    context: $FlowFixMe
+  ): EventSubscription;
+  openURL(url: string): Promise<void>;
+  canOpenURL(url: string): Promise<boolean>;
+  openSettings(): Promise<void>;
+  getInitialURL(): Promise<?string>;
+  sendIntent(
+    action: string,
+    extras?: Array<{
+      key: string,
+      value: string | number | boolean,
+      ...
+    }>
+  ): Promise<void>;
+  _validateURL(url: string): void;
+}
+declare module.exports: Linking;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Linking/NativeIntentAndroid.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeIntentAndroid\\";
+declare export default typeof NativeIntentAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Linking/NativeLinkingManager.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeLinkingManager\\";
+declare export default typeof NativeLinkingManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Lists/FillRateHelper.js 1`] = `
+"declare const FillRateHelper: FillRateHelperType;
+export type { FillRateInfo } from \\"@react-native-mac/virtualized-lists\\";
+declare module.exports: FillRateHelper;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Lists/SectionListModern.js 1`] = `
+"type Item = any;
+export type SectionBase<SectionItemT> = _SectionBase<SectionItemT>;
+type RequiredProps<SectionT: SectionBase<any>> = {|
+  sections: $ReadOnlyArray<SectionT>,
+|};
+type OptionalProps<SectionT: SectionBase<any>> = {|
+  renderItem?: (info: {
+    item: Item,
+    index: number,
+    section: SectionT,
+    separators: {
+      highlight: () => void,
+      unhighlight: () => void,
+      updateProps: (select: \\"leading\\" | \\"trailing\\", newProps: Object) => void,
+      ...
+    },
+    ...
+  }) => null | Element<any>,
+  extraData?: any,
+  initialNumToRender?: ?number,
+  inverted?: ?boolean,
+  keyExtractor?: ?(item: Item, index: number) => string,
+  onEndReached?: ?(info: { distanceFromEnd: number, ... }) => void,
+  removeClippedSubviews?: boolean,
+|};
+export type Props<SectionT> = {|
+  ...$Diff<
+    VirtualizedSectionListProps<SectionT>,
+    {
+      getItem: $PropertyType<VirtualizedSectionListProps<SectionT>, \\"getItem\\">,
+      getItemCount: $PropertyType<
+        VirtualizedSectionListProps<SectionT>,
+        \\"getItemCount\\",
+      >,
+      renderItem: $PropertyType<
+        VirtualizedSectionListProps<SectionT>,
+        \\"renderItem\\",
+      >,
+      keyExtractor: $PropertyType<
+        VirtualizedSectionListProps<SectionT>,
+        \\"keyExtractor\\",
+      >,
+      ...
+    },
+  >,
+  ...RequiredProps<SectionT>,
+  ...OptionalProps<SectionT>,
+|};
+declare const SectionList: AbstractComponent<Props<SectionBase<any>>, any>;
+declare export default typeof SectionList;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Lists/ViewabilityHelper.js 1`] = `
+"export type {
+  ViewToken,
+  ViewabilityConfig,
+  ViewabilityConfigCallbackPair,
+} from \\"@react-native-mac/virtualized-lists\\";
+declare const ViewabilityHelper: ViewabilityHelperType;
+declare module.exports: ViewabilityHelper;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Lists/VirtualizeUtils.js 1`] = `
+"declare const keyExtractor: KeyExtractorType;
+declare module.exports: { keyExtractor: keyExtractor };
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Lists/VirtualizedList.js 1`] = `
+"declare const VirtualizedList: VirtualizedListType;
+export type {
+  RenderItemProps,
+  RenderItemType,
+  Separators,
+} from \\"@react-native-mac/virtualized-lists\\";
+declare module.exports: VirtualizedList;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Lists/VirtualizedListContext.js 1`] = `
+"declare const VirtualizedListContextResetter: VirtualizedListContextResetterType;
+declare module.exports: {
+  VirtualizedListContextResetter: VirtualizedListContextResetter,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Lists/VirtualizedSectionList.js 1`] = `
+"declare const VirtualizedSectionList: VirtualizedSectionListType;
+export type {
+  SectionBase,
+  ScrollToLocationParamsType,
+} from \\"@react-native-mac/virtualized-lists\\";
+declare module.exports: VirtualizedSectionList;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/Data/LogBoxData.js 1`] = `
+"export type LogBoxLogs = Set<LogBoxLog>;
+export type LogData = $ReadOnly<{|
+  level: LogLevel,
+  message: Message,
+  category: Category,
+  componentStack: ComponentStack,
+  stack?: string,
+|}>;
+export type Observer = (
+  $ReadOnly<{|
+    logs: LogBoxLogs,
+    isDisabled: boolean,
+    selectedLogIndex: number,
+  |}>
+) => void;
+export type IgnorePattern = string | RegExp;
+export type Subscription = $ReadOnly<{|
+  unsubscribe: () => void,
+|}>;
+export type WarningInfo = {|
+  finalFormat: string,
+  forceDialogImmediately: boolean,
+  suppressDialog_LEGACY: boolean,
+  suppressCompletely: boolean,
+  monitorEvent: string | null,
+  monitorListVersion: number,
+  monitorSampleRate: number,
+|};
+export type WarningFilter = (format: string) => WarningInfo;
+type AppInfo = $ReadOnly<{|
+  appVersion: string,
+  engine: string,
+  onPress?: ?() => void,
+|}>;
+declare export function reportLogBoxError(
+  error: ExtendedError,
+  componentStack?: string
+): void;
+declare export function isLogBoxErrorMessage(message: string): boolean;
+declare export function isMessageIgnored(message: string): boolean;
+declare export function addLog(log: LogData): void;
+declare export function addException(error: ExtendedExceptionData): void;
+declare export function symbolicateLogNow(log: LogBoxLog): void;
+declare export function retrySymbolicateLogNow(log: LogBoxLog): void;
+declare export function symbolicateLogLazy(log: LogBoxLog): void;
+declare export function clear(): void;
+declare export function setSelectedLog(proposedNewIndex: number): void;
+declare export function clearWarnings(): void;
+declare export function clearErrors(): void;
+declare export function dismiss(log: LogBoxLog): void;
+declare export function setWarningFilter(filter: WarningFilter): void;
+declare export function setAppInfo(info: () => AppInfo): void;
+declare export function getAppInfo(): ?AppInfo;
+declare export function checkWarningFilter(format: string): WarningInfo;
+declare export function getIgnorePatterns(): $ReadOnlyArray<IgnorePattern>;
+declare export function addIgnorePatterns(
+  patterns: $ReadOnlyArray<IgnorePattern>
+): void;
+declare export function setDisabled(value: boolean): void;
+declare export function isDisabled(): boolean;
+declare export function observe(observer: Observer): Subscription;
+type SubscribedComponent = React.AbstractComponent<
+  $ReadOnly<{|
+    logs: $ReadOnlyArray<LogBoxLog>,
+    isDisabled: boolean,
+    selectedLogIndex: number,
+  |}>,
+>;
+declare export function withSubscription(
+  WrappedComponent: SubscribedComponent
+): React.AbstractComponent<{||}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/Data/LogBoxLog.js 1`] = `
+"type SymbolicationStatus = \\"NONE\\" | \\"PENDING\\" | \\"COMPLETE\\" | \\"FAILED\\";
+export type LogLevel = \\"warn\\" | \\"error\\" | \\"fatal\\" | \\"syntax\\";
+export type LogBoxLogData = $ReadOnly<{|
+  level: LogLevel,
+  type?: ?string,
+  message: Message,
+  stack: Stack,
+  category: string,
+  componentStack: ComponentStack,
+  codeFrame?: ?CodeFrame,
+  isComponentError: boolean,
+  extraData?: mixed,
+|}>;
+declare class LogBoxLog {
+  message: Message;
+  type: ?string;
+  category: Category;
+  componentStack: ComponentStack;
+  stack: Stack;
+  count: number;
+  level: LogLevel;
+  codeFrame: ?CodeFrame;
+  isComponentError: boolean;
+  extraData: mixed | void;
+  symbolicated:
+    | $ReadOnly<{| error: null, stack: null, status: \\"NONE\\" |}>
+    | $ReadOnly<{| error: null, stack: null, status: \\"PENDING\\" |}>
+    | $ReadOnly<{| error: null, stack: Stack, status: \\"COMPLETE\\" |}>
+    | $ReadOnly<{| error: Error, stack: null, status: \\"FAILED\\" |}>;
+  constructor(data: LogBoxLogData): void;
+  incrementCount(): void;
+  getAvailableStack(): Stack;
+  retrySymbolicate(callback?: (status: SymbolicationStatus) => void): void;
+  symbolicate(callback?: (status: SymbolicationStatus) => void): void;
+  handleSymbolicate(callback?: (status: SymbolicationStatus) => void): void;
+  updateStatus(
+    error: ?Error,
+    stack: ?Stack,
+    codeFrame: ?CodeFrame,
+    callback?: (status: SymbolicationStatus) => void
+  ): void;
+}
+declare export default typeof LogBoxLog;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/Data/LogBoxSymbolication.js 1`] = `
+"export type Stack = Array<StackFrame>;
+declare export function deleteStack(stack: Stack): void;
+declare export function symbolicate(
+  stack: Stack,
+  extraData?: mixed
+): Promise<SymbolicatedStackTrace>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/Data/parseLogBoxLog.js 1`] = `
+"export type ExtendedExceptionData = ExceptionData & {
+  isComponentError: boolean,
+  ...
+};
+export type Category = string;
+export type CodeFrame = $ReadOnly<{|
+  content: string,
+  location: ?{
+    row: number,
+    column: number,
+    ...
+  },
+  fileName: string,
+  collapse?: boolean,
+|}>;
+export type Message = $ReadOnly<{|
+  content: string,
+  substitutions: $ReadOnlyArray<
+    $ReadOnly<{|
+      length: number,
+      offset: number,
+    |}>,
+  >,
+|}>;
+export type ComponentStack = $ReadOnlyArray<CodeFrame>;
+declare export function parseInterpolation(
+  args: $ReadOnlyArray<mixed>
+): $ReadOnly<{|
+  category: Category,
+  message: Message,
+|}>;
+declare export function parseComponentStack(message: string): ComponentStack;
+declare export function parseLogBoxException(
+  error: ExtendedExceptionData
+): LogBoxLogData;
+declare export function parseLogBoxLog(args: $ReadOnlyArray<mixed>): {|
+  componentStack: ComponentStack,
+  category: Category,
+  message: Message,
+|};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/LogBox.js 1`] = `
+"export type { LogData, ExtendedExceptionData, IgnorePattern };
+interface ILogBox {
+  install(): void;
+  uninstall(): void;
+  isInstalled(): boolean;
+  ignoreLogs($ReadOnlyArray<IgnorePattern>): void;
+  ignoreAllLogs(?boolean): void;
+  clearAllLogs(): void;
+  addLog(log: LogData): void;
+  addException(error: ExtendedExceptionData): void;
+}
+declare export default ILogBox;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/LogBoxNotificationContainer.js 1`] = `
+"type Props = $ReadOnly<{|
+  logs: $ReadOnlyArray<LogBoxLog>,
+  selectedLogIndex: number,
+  isDisabled?: ?boolean,
+|}>;
+declare export function _LogBoxNotificationContainer(props: Props): React.Node;
+declare export default React.AbstractComponent<{||}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/AnsiHighlight.js 1`] = `
+"declare export default function Ansi({
+  text: string,
+  style: TextStyleProp,
+  ...
+}): React.Node;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxButton.js 1`] = `
+"type Props = $ReadOnly<{|
+  backgroundColor: $ReadOnly<{|
+    default: string,
+    pressed: string,
+  |}>,
+  children?: React.Node,
+  hitSlop?: ?EdgeInsetsProp,
+  onPress?: ?(event: PressEvent) => void,
+  style?: ViewStyleProp,
+|}>;
+declare function LogBoxButton(props: Props): React.Node;
+declare export default typeof LogBoxButton;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxInspector.js 1`] = `
+"type Props = $ReadOnly<{|
+  onDismiss: () => void,
+  onChangeSelectedIndex: (index: number) => void,
+  onMinimize: () => void,
+  logs: $ReadOnlyArray<LogBoxLog>,
+  selectedIndex: number,
+  fatalType?: ?LogLevel,
+|}>;
+declare function LogBoxInspector(props: Props): React.Node;
+declare export default typeof LogBoxInspector;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxInspectorCodeFrame.js 1`] = `
+"type Props = $ReadOnly<{|
+  codeFrame: ?CodeFrame,
+|}>;
+declare function LogBoxInspectorCodeFrame(props: Props): React.Node;
+declare export default typeof LogBoxInspectorCodeFrame;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxInspectorFooter.js 1`] = `
+"type Props = $ReadOnly<{|
+  onDismiss: () => void,
+  onMinimize: () => void,
+  level?: ?LogLevel,
+|}>;
+declare function LogBoxInspectorFooter(props: Props): React.Node;
+declare export default typeof LogBoxInspectorFooter;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxInspectorHeader.js 1`] = `
+"type Props = $ReadOnly<{|
+  onSelectIndex: (selectedIndex: number) => void,
+  selectedIndex: number,
+  total: number,
+  level: LogLevel,
+|}>;
+declare function LogBoxInspectorHeader(props: Props): React.Node;
+declare export default typeof LogBoxInspectorHeader;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxInspectorMessageHeader.js 1`] = `
+"type Props = $ReadOnly<{|
+  collapsed: boolean,
+  message: Message,
+  level: LogLevel,
+  title: string,
+  onPress: () => void,
+|}>;
+declare function LogBoxInspectorMessageHeader(props: Props): React.Node;
+declare export default typeof LogBoxInspectorMessageHeader;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxInspectorReactFrames.js 1`] = `
+"type Props = $ReadOnly<{|
+  log: LogBoxLog,
+|}>;
+declare function LogBoxInspectorReactFrames(props: Props): React.Node;
+declare export default typeof LogBoxInspectorReactFrames;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxInspectorSection.js 1`] = `
+"type Props = $ReadOnly<{|
+  heading: string,
+  children: React.Node,
+  action?: ?React.Node,
+|}>;
+declare function LogBoxInspectorSection(props: Props): React.Node;
+declare export default typeof LogBoxInspectorSection;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxInspectorSourceMapStatus.js 1`] = `
+"type Props = $ReadOnly<{|
+  onPress?: ?(event: PressEvent) => void,
+  status: \\"COMPLETE\\" | \\"FAILED\\" | \\"NONE\\" | \\"PENDING\\",
+|}>;
+declare function LogBoxInspectorSourceMapStatus(props: Props): React.Node;
+declare export default typeof LogBoxInspectorSourceMapStatus;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxInspectorStackFrame.js 1`] = `
+"type Props = $ReadOnly<{
+  frame: StackFrame,
+  onPress?: ?(event: PressEvent) => void,
+}>;
+declare function LogBoxInspectorStackFrame(props: Props): React.Node;
+declare export default typeof LogBoxInspectorStackFrame;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxInspectorStackFrames.js 1`] = `
+"type Props = $ReadOnly<{|
+  log: LogBoxLog,
+  onRetry: () => void,
+|}>;
+declare export function getCollapseMessage(
+  stackFrames: Stack,
+  collapsed: boolean
+): string;
+declare function LogBoxInspectorStackFrames(props: Props): React.Node;
+declare export default typeof LogBoxInspectorStackFrames;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxMessage.js 1`] = `
+"type Props = {
+  message: Message,
+  style: TextStyleProp,
+  plaintext?: ?boolean,
+  maxLength?: ?number,
+  ...
+};
+declare function LogBoxMessage(props: Props): React.Node;
+declare export default typeof LogBoxMessage;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxNotification.js 1`] = `
+"type Props = $ReadOnly<{
+  log: LogBoxLog,
+  totalLogCount: number,
+  level: \\"warn\\" | \\"error\\",
+  onPressOpen: () => void,
+  onPressDismiss: () => void,
+}>;
+declare function LogBoxLogNotification(props: Props): React.Node;
+declare export default typeof LogBoxLogNotification;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/LogBox/UI/LogBoxStyle.js 1`] = `
+"declare export function getBackgroundColor(opacity?: number): string;
+declare export function getBackgroundLightColor(opacity?: number): string;
+declare export function getBackgroundDarkColor(opacity?: number): string;
+declare export function getWarningColor(opacity?: number): string;
+declare export function getWarningDarkColor(opacity?: number): string;
+declare export function getFatalColor(opacity?: number): string;
+declare export function getFatalDarkColor(opacity?: number): string;
+declare export function getErrorColor(opacity?: number): string;
+declare export function getErrorDarkColor(opacity?: number): string;
+declare export function getLogColor(opacity?: number): string;
+declare export function getWarningHighlightColor(opacity?: number): string;
+declare export function getDividerColor(opacity?: number): string;
+declare export function getHighlightColor(opacity?: number): string;
+declare export function getTextColor(opacity?: number): string;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Modal/ModalInjection.js 1`] = `
+"declare export default { unstable_Modal: ?Modal };
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Modal/NativeModalManager.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeModalManager\\";
+declare export default typeof NativeModalManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Modal/RCTModalHostViewNativeComponent.js 1`] = `
+"export * from \\"../../src/private/specs/components/RCTModalHostViewNativeComponent\\";
+declare export default typeof RCTModalHostViewNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/MutationObserver/MutationObserver.js 1`] = `
+"export type MutationObserverCallback = (
+  mutationRecords: $ReadOnlyArray<MutationRecord>,
+  observer: MutationObserver
+) => mixed;
+type MutationObserverInit = $ReadOnly<{
+  subtree?: boolean,
+  childList: true,
+  attributes?: boolean,
+  attributeFilter?: $ReadOnlyArray<string>,
+  attributeOldValue?: boolean,
+  characterData?: boolean,
+  characterDataOldValue?: boolean,
+}>;
+declare export default class MutationObserver {
+  _callback: MutationObserverCallback;
+  _observationTargets: Set<ReactNativeElement>;
+  _mutationObserverId: ?MutationObserverId;
+  constructor(callback: MutationObserverCallback): void;
+  observe(target: ReactNativeElement, options?: MutationObserverInit): void;
+  _unobserve(target: ReactNativeElement): void;
+  disconnect(): void;
+  _getOrCreateMutationObserverId(): MutationObserverId;
+  __getObserverID(): ?MutationObserverId;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/MutationObserver/MutationObserverManager.js 1`] = `
+"export type MutationObserverId = number;
+declare export function registerObserver(
+  observer: MutationObserver,
+  callback: MutationObserverCallback
+): MutationObserverId;
+declare export function unregisterObserver(
+  mutationObserverId: MutationObserverId
+): void;
+declare export function observe({
+  mutationObserverId: MutationObserverId,
+  target: ReactNativeElement,
+  subtree: boolean,
+}): void;
+declare export function unobserve(
+  mutationObserverId: number,
+  target: ReactNativeElement
+): void;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/MutationObserver/MutationRecord.js 1`] = `
+"export type MutationType = \\"attributes\\" | \\"characterData\\" | \\"childList\\";
+declare export default class MutationRecord {
+  _target: ReactNativeElement;
+  _addedNodes: NodeList<ReadOnlyNode>;
+  _removedNodes: NodeList<ReadOnlyNode>;
+  constructor(nativeRecord: NativeMutationRecord): void;
+  get addedNodes(): NodeList<ReadOnlyNode>;
+  get attributeName(): string | null;
+  get nextSibling(): ReadOnlyNode | null;
+  get oldValue(): mixed | null;
+  get previousSibling(): ReadOnlyNode | null;
+  get removedNodes(): NodeList<ReadOnlyNode>;
+  get target(): ReactNativeElement;
+  get type(): MutationType;
+}
+declare export function createMutationRecord(
+  entry: NativeMutationRecord
+): MutationRecord;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/MutationObserver/NativeMutationObserver.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeMutationObserver\\";
+declare export default typeof NativeMutationObserver;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeComponent/BaseViewConfig.android.js 1`] = `
+"declare const PlatformBaseViewConfigAndroid: PartialViewConfigWithoutName;
+declare export default typeof PlatformBaseViewConfigAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeComponent/BaseViewConfig.ios.js 1`] = `
+"declare const PlatformBaseViewConfigIos: PartialViewConfigWithoutName;
+declare export default typeof PlatformBaseViewConfigIos;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeComponent/BaseViewConfig.js.flow 1`] = `
+"declare const PlatformBaseViewConfig: PartialViewConfigWithoutName;
+declare export default typeof PlatformBaseViewConfig;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeComponent/NativeComponentRegistry.js 1`] = `
+"declare export function setRuntimeConfigProvider(
+  runtimeConfigProvider: (name: string) => ?{
+    native: boolean,
+    strict: boolean,
+    verify: boolean,
+  }
+): void;
+declare export function get<Config>(
+  name: string,
+  viewConfigProvider: () => PartialViewConfig
+): HostComponent<Config>;
+declare export function getWithFallback_DEPRECATED<Config>(
+  name: string,
+  viewConfigProvider: () => PartialViewConfig
+): React.AbstractComponent<Config>;
+declare export function unstable_hasStaticViewConfig(name: string): boolean;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeComponent/NativeComponentRegistryUnstable.js 1`] = `
+"declare export function unstable_hasComponent(name: string): boolean;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeComponent/PlatformBaseViewConfig.js 1`] = `
+"export type PartialViewConfigWithoutName = $Rest<
+  PartialViewConfig,
+  { uiViewClassName: string },
+>;
+declare const PlatformBaseViewConfig: PartialViewConfigWithoutName;
+declare export default typeof PlatformBaseViewConfig;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeComponent/StaticViewConfigValidator.js 1`] = `
+"export type Difference =
+  | {
+      type: \\"missing\\",
+      path: Array<string>,
+      nativeValue: mixed,
+    }
+  | {
+      type: \\"unequal\\",
+      path: Array<string>,
+      nativeValue: mixed,
+      staticValue: mixed,
+    }
+  | {
+      type: \\"unexpected\\",
+      path: Array<string>,
+      staticValue: mixed,
+    };
+export type ValidationResult = ValidResult | InvalidResult;
+type ValidResult = {
+  type: \\"valid\\",
+};
+type InvalidResult = {
+  type: \\"invalid\\",
+  differences: Array<Difference>,
+};
+declare export function validate(
+  name: string,
+  nativeViewConfig: ViewConfig,
+  staticViewConfig: ViewConfig
+): ValidationResult;
+declare export function stringifyValidationResult(
+  name: string,
+  validationResult: InvalidResult
+): string;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeComponent/ViewConfig.js 1`] = `
+"declare export function createViewConfig(
+  partialViewConfig: PartialViewConfig
+): ViewConfig;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeComponent/ViewConfigIgnore.js 1`] = `
+"declare export function DynamicallyInjectedByGestureHandler<T: { ... }>(
+  object: T
+): T;
+declare export function ConditionallyIgnoredEventHandlers<
+  T: { [name: string]: true },
+>(
+  value: T
+): T | void;
+declare export function isIgnored(value: mixed): boolean;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeModules/specs/NativeAnimationsDebugModule.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeAnimationsDebugModule\\";
+declare export default typeof NativeAnimationsDebugModule;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeModules/specs/NativeDevMenu.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeDevMenu\\";
+declare export default typeof NativeDevMenu;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeModules/specs/NativeDevSettings.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeDevSettings\\";
+declare export default typeof NativeDevSettings;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeModules/specs/NativeDeviceEventManager.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeDeviceEventManager\\";
+declare export default typeof NativeDeviceEventManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeModules/specs/NativeDialogManagerAndroid.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeDialogManagerAndroid\\";
+declare export default typeof NativeDialogManagerAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeModules/specs/NativeLogBox.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeLogBox\\";
+declare export default typeof NativeLogBox;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeModules/specs/NativeRedBox.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeRedBox\\";
+declare export default typeof NativeRedBox;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NativeModules/specs/NativeSourceCode.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeSourceCode\\";
+declare export default typeof NativeSourceCode;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Network/FormData.js 1`] = `
+"type FormDataValue = string | { name?: string, type?: string, uri: string };
+type FormDataNameValuePair = [string, FormDataValue];
+type Headers = { [name: string]: string, ... };
+type FormDataPart =
+  | {
+      string: string,
+      headers: Headers,
+      ...
+    }
+  | {
+      uri: string,
+      headers: Headers,
+      name?: string,
+      type?: string,
+      ...
+    };
+declare class FormData {
+  _parts: Array<FormDataNameValuePair>;
+  constructor(): void;
+  append(key: string, value: FormDataValue): void;
+  getAll(key: string): Array<FormDataValue>;
+  getParts(): Array<FormDataPart>;
+}
+declare module.exports: FormData;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Network/NativeNetworkingAndroid.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeNetworkingAndroid\\";
+declare export default typeof NativeNetworkingAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Network/NativeNetworkingIOS.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeNetworkingIOS\\";
+declare export default typeof NativeNetworkingIOS;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Network/RCTNetworking.android.js 1`] = `
+"declare class RCTNetworking extends NativeEventEmitter<$FlowFixMe> {
+  constructor(): void;
+  sendRequest(
+    method: string,
+    trackingName: string,
+    url: string,
+    headers: Object,
+    data: RequestBody,
+    responseType: NativeResponseType,
+    incrementalUpdates: boolean,
+    timeout: number,
+    callback: (requestId: number) => mixed,
+    withCredentials: boolean
+  ): void;
+  abortRequest(requestId: number): void;
+  clearCookies(callback: (result: boolean) => any): void;
+}
+declare export default RCTNetworking;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Network/RCTNetworking.ios.js 1`] = `
+"type RCTNetworkingEventDefinitions = $ReadOnly<{
+  didSendNetworkData: [[number, number, number]],
+  didReceiveNetworkResponse: [[number, number, ?{ [string]: string }, ?string]],
+  didReceiveNetworkData: [[number, string]],
+  didReceiveNetworkIncrementalData: [[number, string, number, number]],
+  didReceiveNetworkDataProgress: [[number, number, number]],
+  didCompleteNetworkResponse: [[number, string, boolean]],
+}>;
+declare const RCTNetworking: {
+  addListener<K: $Keys<RCTNetworkingEventDefinitions>>(
+    eventType: K,
+    listener: (...$ElementType<RCTNetworkingEventDefinitions, K>) => mixed,
+    context?: mixed
+  ): EventSubscription,
+  sendRequest(
+    method: string,
+    trackingName: string,
+    url: string,
+    headers: { ... },
+    data: RequestBody,
+    responseType: NativeResponseType,
+    incrementalUpdates: boolean,
+    timeout: number,
+    callback: (requestId: number) => void,
+    withCredentials: boolean
+  ): void,
+  abortRequest(requestId: number): void,
+  clearCookies(callback: (result: boolean) => void): void,
+};
+declare export default typeof RCTNetworking;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Network/RCTNetworking.js.flow 1`] = `
+"type RCTNetworkingEventDefinitions = $ReadOnly<{
+  didSendNetworkData: [[number, number, number]],
+  didReceiveNetworkResponse: [[number, number, ?{ [string]: string }, ?string]],
+  didReceiveNetworkData: [[number, string]],
+  didReceiveNetworkIncrementalData: [[number, string, number, number]],
+  didReceiveNetworkDataProgress: [[number, number, number]],
+  didCompleteNetworkResponse: [[number, string, boolean]],
+}>;
+declare const RCTNetworking: interface {
+  addListener<K: $Keys<RCTNetworkingEventDefinitions>>(
+    eventType: K,
+    listener: (...$ElementType<RCTNetworkingEventDefinitions, K>) => mixed,
+    context?: mixed
+  ): EventSubscription,
+  sendRequest(
+    method: string,
+    trackingName: string,
+    url: string,
+    headers: { ... },
+    data: RequestBody,
+    responseType: NativeResponseType,
+    incrementalUpdates: boolean,
+    timeout: number,
+    callback: (requestId: number) => void,
+    withCredentials: boolean
+  ): void,
+  abortRequest(requestId: number): void,
+  clearCookies(callback: (result: boolean) => void): void,
+};
+declare export default typeof RCTNetworking;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Network/XHRInterceptor.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/Network/convertRequestBody.js 1`] = `
+"export type RequestBody =
+  | string
+  | Blob
+  | FormData
+  | { uri: string, ... }
+  | ArrayBuffer
+  | $ArrayBufferView;
+declare function convertRequestBody(body: RequestBody): Object;
+declare module.exports: convertRequestBody;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Network/fetch.js 1`] = `
+"declare module.exports: {
+  fetch: fetch,
+  Headers: Headers,
+  Request: Request,
+  Response: Response,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NewAppScreen/components/Colors.js 1`] = `
+"declare export default {
+  primary: \\"#1292B4\\",
+  white: \\"#FFF\\",
+  lighter: \\"#F3F3F3\\",
+  light: \\"#DAE1E7\\",
+  dark: \\"#444\\",
+  darker: \\"#222\\",
+  black: \\"#000\\",
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NewAppScreen/components/DebugInstructions.js 1`] = `
+"declare const DebugInstructions: () => Node;
+declare export default typeof DebugInstructions;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NewAppScreen/components/Header.js 1`] = `
+"declare const Header: () => Node;
+declare export default typeof Header;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NewAppScreen/components/HermesBadge.js 1`] = `
+"declare const HermesBadge: () => Node;
+declare export default typeof HermesBadge;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NewAppScreen/components/LearnMoreLinks.js 1`] = `
+"declare const LinkList: () => Node;
+declare export default typeof LinkList;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NewAppScreen/components/ReloadInstructions.js 1`] = `
+"declare const ReloadInstructions: () => Node;
+declare export default typeof ReloadInstructions;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/NewAppScreen/index.js 1`] = `
+"export {
+  Colors,
+  Header,
+  HermesBadge,
+  LearnMoreLinks,
+  DebugInstructions,
+  ReloadInstructions,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Performance/NativeJSCSamplingProfiler.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeJSCSamplingProfiler\\";
+declare export default typeof NativeJSCSamplingProfiler;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Performance/SamplingProfiler.js 1`] = `
+"declare const SamplingProfiler: { poke: (token: number) => void };
+declare module.exports: SamplingProfiler;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Performance/Systrace.js 1`] = `
+"type EventName = string | (() => string);
+type EventArgs = ?{ [string]: string };
+declare export function isEnabled(): boolean;
+declare export function setEnabled(_doEnable: boolean): void;
+declare export function beginEvent(
+  eventName: EventName,
+  args?: EventArgs
+): void;
+declare export function endEvent(args?: EventArgs): void;
+declare export function beginAsyncEvent(
+  eventName: EventName,
+  args?: EventArgs
+): number;
+declare export function endAsyncEvent(
+  eventName: EventName,
+  cookie: number,
+  args?: EventArgs
+): void;
+declare export function counterEvent(eventName: EventName, value: number): void;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/PermissionsAndroid/NativePermissionsAndroid.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativePermissionsAndroid\\";
+declare export default typeof NativePermissionsAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/PermissionsAndroid/PermissionsAndroid.js 1`] = `
+"export type Rationale = {
+  title: string,
+  message: string,
+  buttonPositive?: string,
+  buttonNegative?: string,
+  buttonNeutral?: string,
+  ...
+};
+declare class PermissionsAndroid {
+  PERMISSIONS: {|
+    ACCEPT_HANDOVER: string,
+    ACCESS_BACKGROUND_LOCATION: string,
+    ACCESS_COARSE_LOCATION: string,
+    ACCESS_FINE_LOCATION: string,
+    ACCESS_MEDIA_LOCATION: string,
+    ACTIVITY_RECOGNITION: string,
+    ADD_VOICEMAIL: string,
+    READ_VOICEMAIL: string,
+    WRITE_VOICEMAIL: string,
+    ANSWER_PHONE_CALLS: string,
+    BLUETOOTH_ADVERTISE: string,
+    BLUETOOTH_CONNECT: string,
+    BLUETOOTH_SCAN: string,
+    BODY_SENSORS: string,
+    BODY_SENSORS_BACKGROUND: string,
+    CALL_PHONE: string,
+    CAMERA: string,
+    GET_ACCOUNTS: string,
+    NEARBY_WIFI_DEVICES: string,
+    POST_NOTIFICATIONS: string,
+    PROCESS_OUTGOING_CALLS: string,
+    READ_CALENDAR: string,
+    READ_CALL_LOG: string,
+    READ_CONTACTS: string,
+    READ_EXTERNAL_STORAGE: string,
+    READ_MEDIA_IMAGES: string,
+    READ_MEDIA_VIDEO: string,
+    READ_MEDIA_AUDIO: string,
+    READ_MEDIA_VISUAL_USER_SELECTED: string,
+    READ_PHONE_NUMBERS: string,
+    READ_PHONE_STATE: string,
+    READ_SMS: string,
+    RECEIVE_MMS: string,
+    RECEIVE_SMS: string,
+    RECEIVE_WAP_PUSH: string,
+    RECORD_AUDIO: string,
+    SEND_SMS: string,
+    USE_SIP: string,
+    UWB_RANGING: string,
+    WRITE_CALENDAR: string,
+    WRITE_CALL_LOG: string,
+    WRITE_CONTACTS: string,
+    WRITE_EXTERNAL_STORAGE: string,
+  |};
+  RESULTS: {|
+    DENIED: \\"denied\\",
+    GRANTED: \\"granted\\",
+    NEVER_ASK_AGAIN: \\"never_ask_again\\",
+  |};
+  checkPermission(permission: PermissionType): Promise<boolean>;
+  check(permission: PermissionType): Promise<boolean>;
+  requestPermission(
+    permission: PermissionType,
+    rationale?: Rationale
+  ): Promise<boolean>;
+  request(
+    permission: PermissionType,
+    rationale?: Rationale
+  ): Promise<PermissionStatus>;
+  requestMultiple(
+    permissions: Array<PermissionType>
+  ): Promise<{ [permission: PermissionType]: PermissionStatus, ... }>;
+}
+declare const PermissionsAndroidInstance: PermissionsAndroid;
+declare module.exports: PermissionsAndroidInstance;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Pressability/HoverState.js 1`] = `
+"declare export function isHoverEnabled(): boolean;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Pressability/Pressability.js 1`] = `
+"export type PressabilityConfig = $ReadOnly<{|
+  cancelable?: ?boolean,
+  disabled?: ?boolean,
+  hitSlop?: ?RectOrSize,
+  pressRectOffset?: ?RectOrSize,
+  android_disableSound?: ?boolean,
+  delayHoverIn?: ?number,
+  delayHoverOut?: ?number,
+  delayLongPress?: ?number,
+  delayPressIn?: ?number,
+  delayPressOut?: ?number,
+  minPressDuration?: ?number,
+  onBlur?: ?(event: BlurEvent) => void,
+  onFocus?: ?(event: FocusEvent) => void,
+  onKeyDown?: ?(event: KeyEvent) => void,
+  onKeyUp?: ?(event: KeyEvent) => void,
+  validKeysDown?: ?Array<string>,
+  validKeysUp?: ?Array<string>,
+  onHoverIn?: ?(event: MouseEvent) => mixed,
+  onHoverOut?: ?(event: MouseEvent) => mixed,
+  onLongPress?: ?(event: PressEvent) => mixed,
+  onPress?: ?(event: PressEvent) => mixed,
+  onPressIn?: ?(event: PressEvent) => mixed,
+  onPressMove?: ?(event: PressEvent) => mixed,
+  onPressOut?: ?(event: PressEvent) => mixed,
+  blockNativeResponder?: ?boolean,
+  onLongPressShouldCancelPress_DEPRECATED?: ?() => boolean,
+  onResponderTerminationRequest_DEPRECATED?: ?() => boolean,
+  onStartShouldSetResponder_DEPRECATED?: ?() => boolean,
+|}>;
+export type EventHandlers = $ReadOnly<{|
+  onBlur: (event: BlurEvent) => void,
+  onClick: (event: PressEvent) => void,
+  onFocus: (event: FocusEvent) => void,
+  onKeyDown: (event: KeyEvent) => void,
+  onKeyUp: (event: KeyEvent) => void,
+  onMouseEnter?: (event: MouseEvent) => void,
+  onMouseLeave?: (event: MouseEvent) => void,
+  onPointerEnter?: (event: PointerEvent) => void,
+  onPointerLeave?: (event: PointerEvent) => void,
+  onResponderGrant: (event: PressEvent) => void | boolean,
+  onResponderMove: (event: PressEvent) => void,
+  onResponderRelease: (event: PressEvent) => void,
+  onResponderTerminate: (event: PressEvent) => void,
+  onResponderTerminationRequest: () => boolean,
+  onStartShouldSetResponder: () => boolean,
+|}>;
+type TouchState =
+  | \\"NOT_RESPONDER\\"
+  | \\"RESPONDER_INACTIVE_PRESS_IN\\"
+  | \\"RESPONDER_INACTIVE_PRESS_OUT\\"
+  | \\"RESPONDER_ACTIVE_PRESS_IN\\"
+  | \\"RESPONDER_ACTIVE_PRESS_OUT\\"
+  | \\"RESPONDER_ACTIVE_LONG_PRESS_IN\\"
+  | \\"RESPONDER_ACTIVE_LONG_PRESS_OUT\\"
+  | \\"ERROR\\";
+declare export default class Pressability {
+  _config: PressabilityConfig;
+  _eventHandlers: ?EventHandlers;
+  _hoverInDelayTimeout: ?TimeoutID;
+  _hoverOutDelayTimeout: ?TimeoutID;
+  _isHovered: boolean;
+  _longPressDelayTimeout: ?TimeoutID;
+  _pressDelayTimeout: ?TimeoutID;
+  _pressOutDelayTimeout: ?TimeoutID;
+  _responderID: ?number | React.ElementRef<HostComponent<mixed>>;
+  _responderRegion: ?$ReadOnly<{|
+    bottom: number,
+    left: number,
+    right: number,
+    top: number,
+  |}>;
+  _touchActivatePosition: ?$ReadOnly<{|
+    pageX: number,
+    pageY: number,
+  |}>;
+  _touchActivateTime: ?number;
+  _touchState: TouchState;
+  constructor(config: PressabilityConfig): void;
+  configure(config: PressabilityConfig): void;
+  reset(): void;
+  getEventHandlers(): EventHandlers;
+  static setLongPressDeactivationDistance(distance: number): void;
+  _createEventHandlers(): EventHandlers;
+  _receiveSignal(signal: TouchSignal, event: PressEvent): void;
+  _performTransitionSideEffects(
+    prevState: TouchState,
+    nextState: TouchState,
+    signal: TouchSignal,
+    event: PressEvent
+  ): void;
+  _activate(event: PressEvent): void;
+  _deactivate(event: PressEvent): void;
+  _measureResponderRegion(): void;
+  _measureCallback: $FlowFixMe;
+  _isTouchWithinResponderRegion(
+    touch: $PropertyType<PressEvent, \\"nativeEvent\\">,
+    responderRegion: $ReadOnly<{|
+      bottom: number,
+      left: number,
+      right: number,
+      top: number,
+    |}>
+  ): boolean;
+  _handleLongPress(event: PressEvent): void;
+  _shouldLongPressCancelPress(): boolean;
+  _cancelHoverInDelayTimeout(): void;
+  _cancelHoverOutDelayTimeout(): void;
+  _cancelLongPressDelayTimeout(): void;
+  _cancelPressDelayTimeout(): void;
+  _cancelPressOutDelayTimeout(): void;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Pressability/PressabilityDebug.js 1`] = `
+"type Props = $ReadOnly<{|
+  color: ColorValue,
+  hitSlop: ?RectOrSize,
+|}>;
+declare export function PressabilityDebugView(props: Props): React.Node;
+declare export function isEnabled(): boolean;
+declare export function setEnabled(value: boolean): void;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Pressability/PressabilityPerformanceEventEmitter.js 1`] = `
+"export type PressabilityPerformanceEvent = $ReadOnly<{|
+  signal: TouchSignal,
+  nativeTimestamp: number,
+|}>;
+export type PressabilityPerformanceEventListener =
+  (PressabilityPerformanceEvent) => void;
+declare class PressabilityPerformanceEventEmitter {
+  _listeners: Array<PressabilityPerformanceEventListener>;
+  constructor(): void;
+  addListener(listener: PressabilityPerformanceEventListener): void;
+  removeListener(listener: PressabilityPerformanceEventListener): void;
+  emitEvent(constructEvent: () => PressabilityPerformanceEvent): void;
+}
+declare const PressabilityPerformanceEventEmitterSingleton: PressabilityPerformanceEventEmitter;
+declare export default typeof PressabilityPerformanceEventEmitterSingleton;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Pressability/PressabilityTypes.js 1`] = `
+"export type PressabilityTouchSignal =
+  | \\"DELAY\\"
+  | \\"RESPONDER_GRANT\\"
+  | \\"RESPONDER_RELEASE\\"
+  | \\"RESPONDER_TERMINATED\\"
+  | \\"ENTER_PRESS_RECT\\"
+  | \\"LEAVE_PRESS_RECT\\"
+  | \\"LONG_PRESS_DETECTED\\";
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Pressability/usePressability.js 1`] = `
+"declare export default function usePressability(
+  config: ?PressabilityConfig
+): ?EventHandlers;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Promise.js 1`] = `
+"declare const Promise: $FlowFixMe;
+declare module.exports: Promise;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/PushNotificationIOS/NativePushNotificationManagerIOS.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativePushNotificationManagerIOS\\";
+declare export default typeof NativePushNotificationManagerIOS;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/PushNotificationIOS/PushNotificationIOS.js 1`] = `
+"export type ContentAvailable = 1 | null | void;
+export type FetchResult = {
+  NewData: string,
+  NoData: string,
+  ResultFailed: string,
+  ...
+};
+export type PushNotificationEventName = $Keys<{
+  notification: string,
+  localNotification: string,
+  register: string,
+  registrationError: string,
+  ...
+}>;
+declare class PushNotificationIOS {
+  _data: Object;
+  _alert: string | Object;
+  _sound: string;
+  _category: string;
+  _contentAvailable: ContentAvailable;
+  _badgeCount: number;
+  _notificationId: string;
+  _isRemote: boolean;
+  _remoteNotificationCompleteCallbackCalled: boolean;
+  _threadID: string;
+  static FetchResult: FetchResult;
+  static presentLocalNotification(details: Object): void;
+  static scheduleLocalNotification(details: Object): void;
+  static cancelAllLocalNotifications(): void;
+  static removeAllDeliveredNotifications(): void;
+  static getDeliveredNotifications(
+    callback: (notifications: Array<Object>) => void
+  ): void;
+  static removeDeliveredNotifications(identifiers: Array<string>): void;
+  static setApplicationIconBadgeNumber(number: number): void;
+  static getApplicationIconBadgeNumber(callback: Function): void;
+  static cancelLocalNotifications(userInfo: Object): void;
+  static getScheduledLocalNotifications(callback: Function): void;
+  static addEventListener(
+    type: PushNotificationEventName,
+    handler: Function
+  ): void;
+  static removeEventListener(type: PushNotificationEventName): void;
+  static requestPermissions(permissions?: {
+    alert?: boolean,
+    badge?: boolean,
+    sound?: boolean,
+    ...
+  }): Promise<{
+    alert: boolean,
+    badge: boolean,
+    sound: boolean,
+    ...
+  }>;
+  static abandonPermissions(): void;
+  static checkPermissions(callback: Function): void;
+  static getInitialNotification(): Promise<?PushNotificationIOS>;
+  static getAuthorizationStatus(
+    callback: (authorizationStatus: number) => void
+  ): void;
+  constructor(nativeNotif: Object): void;
+  finish(fetchResult: string): void;
+  getMessage(): ?string | ?Object;
+  getSound(): ?string;
+  getCategory(): ?string;
+  getAlert(): ?string | ?Object;
+  getContentAvailable(): ContentAvailable;
+  getBadgeCount(): ?number;
+  getData(): ?Object;
+  getThreadID(): ?string;
+}
+declare module.exports: PushNotificationIOS;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/AppContainer.js 1`] = `
+"export type Props = $ReadOnly<{|
+  children?: React.Node,
+  fabric?: boolean,
+  rootTag: number | RootTag,
+  initialProps?: { ... },
+  showArchitectureIndicator?: boolean,
+  WrapperComponent?: ?React.ComponentType<any>,
+  internal_excludeLogBox?: boolean,
+  internal_excludeInspector?: boolean,
+|}>;
+declare const AppContainer: React.AbstractComponent<Props>;
+declare module.exports: AppContainer;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/AppContainer-dev.js 1`] = `
+"declare const AppContainer: (Props) => React.Node;
+export type AppContainerRootViewRef = React.RefObject<React.ElementRef<
+  typeof View,
+> | null>;
+export type InspectedViewRef = React.RefObject<React.ElementRef<
+  typeof View,
+> | null>;
+export type DebuggingOverlayRef = React.RefObject<React.ElementRef<
+  typeof DebuggingOverlay,
+> | null>;
+declare export default typeof AppContainer;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/AppContainer-prod.js 1`] = `
+"declare const AppContainer: (Props) => React.Node;
+declare export default typeof AppContainer;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/AppRegistry.js 1`] = `
+"type Task = (taskData: any) => Promise<void>;
+export type TaskProvider = () => Task;
+type TaskCanceller = () => void;
+type TaskCancelProvider = () => TaskCanceller;
+export type ComponentProvider = () => React$ComponentType<any>;
+export type ComponentProviderInstrumentationHook = (
+  component_: ComponentProvider,
+  scopedPerformanceLogger: IPerformanceLogger
+) => React$ComponentType<any>;
+export type AppConfig = {
+  appKey: string,
+  component?: ComponentProvider,
+  run?: Runnable,
+  section?: boolean,
+  ...
+};
+type AppParameters = {
+  initialProps: $ReadOnly<{ [string]: mixed, ... }>,
+  rootTag: RootTag,
+  fabric?: boolean,
+  concurrentRoot?: boolean,
+};
+export type Runnable = (
+  appParameters: AppParameters,
+  displayMode: DisplayModeType
+) => void;
+export type Runnables = { [appKey: string]: Runnable };
+export type Registry = {
+  sections: $ReadOnlyArray<string>,
+  runnables: Runnables,
+  ...
+};
+export type WrapperComponentProvider = (
+  appParameters: Object
+) => React$ComponentType<any>;
+declare const AppRegistry: {
+  setWrapperComponentProvider(provider: WrapperComponentProvider): void,
+  enableArchitectureIndicator(enabled: boolean): void,
+  registerConfig(config: Array<AppConfig>): void,
+  registerComponent(
+    appKey: string,
+    componentProvider: ComponentProvider,
+    section?: boolean
+  ): string,
+  registerRunnable(appKey: string, run: Runnable): string,
+  registerSection(appKey: string, component: ComponentProvider): void,
+  getAppKeys(): $ReadOnlyArray<string>,
+  getSectionKeys(): $ReadOnlyArray<string>,
+  getSections(): Runnables,
+  getRunnable(appKey: string): ?Runnable,
+  getRegistry(): Registry,
+  setComponentProviderInstrumentationHook(
+    hook: ComponentProviderInstrumentationHook
+  ): void,
+  runApplication(
+    appKey: string,
+    appParameters: AppParameters,
+    displayMode?: number
+  ): void,
+  setSurfaceProps(
+    appKey: string,
+    appParameters: Object,
+    displayMode?: number
+  ): void,
+  unmountApplicationComponentAtRootTag(rootTag: RootTag): void,
+  registerHeadlessTask(taskKey: string, taskProvider: TaskProvider): void,
+  registerCancellableHeadlessTask(
+    taskKey: string,
+    taskProvider: TaskProvider,
+    taskCancelProvider: TaskCancelProvider
+  ): void,
+  startHeadlessTask(taskId: number, taskKey: string, data: any): void,
+  cancelHeadlessTask(taskId: number, taskKey: string): void,
+};
+declare module.exports: AppRegistry;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/BridgelessUIManager.js 1`] = `
+"declare const UIManagerJS: UIManagerJSInterface & { [string]: any };
+declare module.exports: UIManagerJS;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/DisplayMode.js 1`] = `
+"declare export opaque type DisplayModeType;
+declare const DisplayMode: { [string]: DisplayModeType };
+declare export function coerceDisplayMode(value: ?number): DisplayModeType;
+declare export default typeof DisplayMode;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/FabricUIManager.js 1`] = `
+"export type NodeSet = Array<Node>;
+export type NodeProps = { ... };
+export interface Spec {
+  +createNode: (
+    reactTag: number,
+    viewName: string,
+    rootTag: RootTag,
+    props: NodeProps,
+    instanceHandle: InternalInstanceHandle
+  ) => Node;
+  +cloneNode: (node: Node) => Node;
+  +cloneNodeWithNewChildren: (node: Node) => Node;
+  +cloneNodeWithNewProps: (node: Node, newProps: NodeProps) => Node;
+  +cloneNodeWithNewChildrenAndProps: (node: Node, newProps: NodeProps) => Node;
+  +createChildSet: (rootTag: RootTag) => NodeSet;
+  +appendChild: (parentNode: Node, child: Node) => Node;
+  +appendChildToSet: (childSet: NodeSet, child: Node) => void;
+  +completeRoot: (rootTag: RootTag, childSet: NodeSet) => void;
+  +measure: (node: Node, callback: MeasureOnSuccessCallback) => void;
+  +measureInWindow: (
+    node: Node,
+    callback: MeasureInWindowOnSuccessCallback
+  ) => void;
+  +measureLayout: (
+    node: Node,
+    relativeNode: Node,
+    onFail: () => void,
+    onSuccess: MeasureLayoutOnSuccessCallback
+  ) => void;
+  +configureNextLayoutAnimation: (
+    config: LayoutAnimationConfig,
+    callback: () => void,
+    errorCallback: () => void
+  ) => void;
+  +sendAccessibilityEvent: (node: Node, eventType: string) => void;
+  +findShadowNodeByTag_DEPRECATED: (reactTag: number) => ?Node;
+  +setNativeProps: (node: Node, newProps: NodeProps) => void;
+  +dispatchCommand: (
+    node: Node,
+    commandName: string,
+    args: Array<mixed>
+  ) => void;
+  +findNodeAtPoint: (
+    node: Node,
+    locationX: number,
+    locationY: number,
+    callback: (instanceHandle: ?InternalInstanceHandle) => void
+  ) => void;
+  +getParentNode: (node: Node) => ?InternalInstanceHandle;
+  +getChildNodes: (node: Node) => $ReadOnlyArray<InternalInstanceHandle>;
+  +isConnected: (node: Node) => boolean;
+  +compareDocumentPosition: (node: Node, otherNode: Node) => number;
+  +getTextContent: (node: Node) => string;
+  +getBoundingClientRect: (
+    node: Node,
+    includeTransform: boolean
+  ) => ?[number, number, number, number];
+  +getOffset: (node: Node) => ?[InternalInstanceHandle, number, number];
+  +getScrollPosition: (node: Node) => ?[number, number];
+  +getScrollSize: (node: Node) => ?[number, number];
+  +getInnerSize: (node: Node) => ?[number, number];
+  +getBorderSize: (node: Node) => ?[number, number, number, number];
+  +getTagName: (node: Node) => string;
+  +hasPointerCapture: (node: Node, pointerId: number) => boolean;
+  +setPointerCapture: (node: Node, pointerId: number) => void;
+  +releasePointerCapture: (node: Node, pointerId: number) => void;
+}
+declare export function getFabricUIManager(): ?Spec;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/HeadlessJsTaskError.js 1`] = `
+"declare export default class HeadlessJsTaskError extends Error {}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/I18nManager.js 1`] = `
+"declare module.exports: {
+  getConstants: () => I18nManagerConstants,
+  allowRTL: (shouldAllow: boolean) => void,
+  forceRTL: (shouldForce: boolean) => void,
+  swapLeftAndRightInRTL: (flipStyles: boolean) => void,
+  isRTL: $FlowFixMe,
+  doLeftAndRightSwapInRTL: $FlowFixMe,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/NativeHeadlessJsTaskSupport.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeHeadlessJsTaskSupport\\";
+declare export default typeof NativeHeadlessJsTaskSupport;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/NativeI18nManager.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeI18nManager\\";
+declare export default typeof NativeI18nManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/NativeUIManager.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeUIManager\\";
+declare export default typeof NativeUIManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/PaperUIManager.js 1`] = `
+"declare const UIManagerJS: UIManagerJSInterface;
+declare module.exports: UIManagerJS;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/ReactFabricInternals.js 1`] = `
+"declare const createReactNativeComponentClass: $FlowFixMe;
+declare module.exports: {
+  createReactNativeComponentClass: createReactNativeComponentClass,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/ReactFabricPublicInstance/ReactFabricHostComponent.js 1`] = `
+"declare export default class ReactFabricHostComponent
+  implements INativeMethods
+{
+  __nativeTag: number;
+  __internalInstanceHandle: InternalInstanceHandle;
+  _viewConfig: ViewConfig;
+  constructor(
+    tag: number,
+    viewConfig: ViewConfig,
+    internalInstanceHandle: InternalInstanceHandle
+  ): void;
+  blur(): void;
+  focus(): void;
+  measure(callback: MeasureOnSuccessCallback): void;
+  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void;
+  measureLayout(
+    relativeToNativeNode: number | ElementRef<HostComponent<mixed>>,
+    onSuccess: MeasureLayoutOnSuccessCallback,
+    onFail?: () => void
+  ): void;
+  unstable_getBoundingClientRect(): DOMRect;
+  setNativeProps(nativeProps: { ... }): void;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstance.js 1`] = `
+"declare export function createPublicInstance(
+  tag: number,
+  viewConfig: ViewConfig,
+  internalInstanceHandle: InternalInstanceHandle
+): ReactFabricHostComponent | ReactNativeElement;
+declare export function createPublicTextInstance(
+  internalInstanceHandle: InternalInstanceHandle
+): ReadOnlyText;
+declare export function getNativeTagFromPublicInstance(
+  publicInstance: ReactFabricHostComponent | ReactNativeElement
+): number;
+declare export function getNodeFromPublicInstance(
+  publicInstance: ReactFabricHostComponent | ReactNativeElement
+): ?Node;
+declare export function getInternalInstanceHandleFromPublicInstance(
+  publicInstance: ReactFabricHostComponent | ReactNativeElement
+): InternalInstanceHandle;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/ReactFabricPublicInstance/ReactFabricPublicInstanceUtils.js 1`] = `
+"declare export function isPublicInstance(maybeInstance: mixed): boolean;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/ReactFabricPublicInstance/ReactNativeAttributePayload.js 1`] = `
+"declare export function create(
+  props: Object,
+  validAttributes: AttributeConfiguration
+): null | Object;
+declare export function diff(
+  prevProps: Object,
+  nextProps: Object,
+  validAttributes: AttributeConfiguration
+): null | Object;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/ReactFabricPublicInstance/warnForStyleProps.js 1`] = `
+"declare export default function warnForStyleProps(
+  props: { ... },
+  validAttributes: AttributeConfiguration
+): void;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/ReactNativeFeatureFlags.js 1`] = `
+"export type FeatureFlags = {|
+  shouldEmitW3CPointerEvents: () => boolean,
+  shouldPressibilityUseW3CPointerEventsForHover: () => boolean,
+|};
+declare const ReactNativeFeatureFlags: FeatureFlags;
+declare module.exports: ReactNativeFeatureFlags;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/ReactNativeRuntimeDiagnostics.js 1`] = `
+"export type RuntimeDiagnostics = {|
+  isEnabled: () => boolean,
+  simulateEarlyJavaScriptErrors: () => void,
+|};
+export type RuntimeDiagnosticFlag = \\"early_js_errors\\" | \\"all\\";
+declare const ReactNativeRuntimeDiagnostics: RuntimeDiagnostics;
+declare module.exports: ReactNativeRuntimeDiagnostics;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/RendererImplementation.js 1`] = `
+"declare export function renderElement({
+  element: Element<ElementType>,
+  rootTag: number,
+  useFabric: boolean,
+  useConcurrentRoot: boolean,
+}): void;
+declare export function findHostInstance_DEPRECATED<TElementType: ElementType>(
+  componentOrHandle: ?(ElementRef<TElementType> | number)
+): ?ElementRef<HostComponent<mixed>>;
+declare export function findNodeHandle<TElementType: ElementType>(
+  componentOrHandle: ?(ElementRef<TElementType> | number)
+): ?number;
+declare export function dispatchCommand(
+  handle: ElementRef<HostComponent<mixed>>,
+  command: string,
+  args: Array<mixed>
+): void;
+declare export function sendAccessibilityEvent(
+  handle: ElementRef<HostComponent<mixed>>,
+  eventType: string
+): void;
+declare export function unmountComponentAtNodeAndRemoveContainer(
+  rootTag: RootTag
+): void;
+declare export function unstable_batchedUpdates<T>(
+  fn: (T) => void,
+  bookkeeping: T
+): void;
+declare export function isProfilingRenderer(): boolean;
+declare export function isChildPublicInstance(
+  parentInstance: ReactFabricHostComponent | HostComponent<mixed>,
+  childInstance: ReactFabricHostComponent | HostComponent<mixed>
+): boolean;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/RendererProxy.js 1`] = `
+"export * from \\"./RendererImplementation\\";
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/RootTag.js 1`] = `
+"declare export opaque type RootTag;
+declare export const RootTagContext: React$Context<RootTag>;
+declare export function createRootTag(rootTag: number | RootTag): RootTag;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/UIManager.js 1`] = `
+"declare const UIManager: UIManagerJSInterface;
+declare module.exports: UIManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/UIManagerProperties.js 1`] = `
+"declare module.exports: $FlowFixMe;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/getCachedComponentWithDebugName.js 1`] = `
+"type NoopComponent = AbstractComponent<{ children: React.Node }>;
+declare export default function getCachedComponentWithDisplayName(
+  displayName: string
+): NoopComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/getNativeComponentAttributes.js 1`] = `
+"declare function getNativeComponentAttributes(uiViewClassName: string): any;
+declare module.exports: getNativeComponentAttributes;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/renderApplication.js 1`] = `
+"declare export default function renderApplication<Props: Object>(
+  RootComponent: React.ComponentType<Props>,
+  initialProps: Props,
+  rootTag: any,
+  WrapperComponent?: ?React.ComponentType<any>,
+  fabric?: boolean,
+  showArchitectureIndicator?: boolean,
+  scopedPerformanceLogger?: IPerformanceLogger,
+  isLogBox?: boolean,
+  debugName?: string,
+  displayMode?: ?DisplayModeType,
+  useConcurrentRoot?: boolean,
+  useOffscreen?: boolean
+): void;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactNative/requireNativeComponent.js 1`] = `
+"declare const requireNativeComponent: <T>(
+  uiViewClassName: string
+) => HostComponent<T>;
+declare export default typeof requireNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/ReactPrivate/ReactNativePrivateInitializeCore.js 1`] = `""`;
+
+exports[`public API should not change unintentionally Libraries/ReactPrivate/ReactNativePrivateInterface.js 1`] = `
+"declare module.exports: {
+  get BatchedBridge(): BatchedBridge,
+  get ExceptionsManager(): ExceptionsManager,
+  get Platform(): Platform,
+  get RCTEventEmitter(): RCTEventEmitter,
+  get ReactNativeViewConfigRegistry(): ReactNativeViewConfigRegistry,
+  get TextInputState(): TextInputState,
+  get UIManager(): UIManager,
+  get deepDiffer(): deepDiffer,
+  get deepFreezeAndThrowOnMutationInDev(): deepFreezeAndThrowOnMutationInDev<
+    { ... } | Array<mixed>,
+  >,
+  get flattenStyle(): flattenStyle<DangerouslyImpreciseStyleProp>,
+  get ReactFiberErrorDialog(): ReactFiberErrorDialog,
+  get legacySendAccessibilityEvent(): legacySendAccessibilityEvent,
+  get RawEventEmitter(): RawEventEmitter,
+  get CustomEvent(): CustomEvent,
+  get createAttributePayload(): createAttributePayload,
+  get diffAttributePayloads(): diffAttributePayloads,
+  get createPublicInstance(): createPublicInstance,
+  get createPublicTextInstance(): createPublicTextInstance,
+  get getNativeTagFromPublicInstance(): getNativeTagFromPublicInstance,
+  get getNodeFromPublicInstance(): getNodeFromPublicInstance,
+  get getInternalInstanceHandleFromPublicInstance(): getInternalInstanceHandleFromPublicInstance,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/implementations/ReactFabric-dev.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/implementations/ReactFabric-prod.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/implementations/ReactFabric-profiling.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/implementations/ReactNativeRenderer-dev.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/implementations/ReactNativeRenderer-prod.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/implementations/ReactNativeRenderer-profiling.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/shims/ReactFabric.js 1`] = `
+"declare module.exports: ReactFabricType;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/shims/ReactFeatureFlags.js 1`] = `
+"declare const ReactFeatureFlags: { debugRenderPhaseSideEffects: false };
+declare module.exports: ReactFeatureFlags;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/shims/ReactNative.js 1`] = `
+"declare module.exports: ReactNativeType;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/shims/ReactNativeTypes.js 1`] = `
+"export type MeasureOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+  pageX: number,
+  pageY: number
+) => void;
+export type MeasureInWindowOnSuccessCallback = (
+  x: number,
+  y: number,
+  width: number,
+  height: number
+) => void;
+export type MeasureLayoutOnSuccessCallback = (
+  left: number,
+  top: number,
+  width: number,
+  height: number
+) => void;
+export type AttributeType<T, V> =
+  | true
+  | $ReadOnly<{
+      diff?: (arg1: T, arg2: T) => boolean,
+      process?: (arg1: V) => T,
+    }>;
+export type AnyAttributeType = AttributeType<$FlowFixMe, $FlowFixMe>;
+export type AttributeConfiguration = $ReadOnly<{
+  [propName: string]: AnyAttributeType,
+  style: $ReadOnly<{
+    [propName: string]: AnyAttributeType,
+    ...
+  }>,
+  ...
+}>;
+export type PartialAttributeConfiguration = $ReadOnly<{
+  [propName: string]: AnyAttributeType,
+  style?: $ReadOnly<{
+    [propName: string]: AnyAttributeType,
+    ...
+  }>,
+  ...
+}>;
+export type ViewConfig = $ReadOnly<{
+  Commands?: $ReadOnly<{ [commandName: string]: number, ... }>,
+  Constants?: $ReadOnly<{ [name: string]: mixed, ... }>,
+  Manager?: string,
+  NativeProps?: $ReadOnly<{ [propName: string]: string, ... }>,
+  baseModuleName?: ?string,
+  bubblingEventTypes?: $ReadOnly<{
+    [eventName: string]: $ReadOnly<{
+      phasedRegistrationNames: $ReadOnly<{
+        captured: string,
+        bubbled: string,
+        skipBubbling?: ?boolean,
+      }>,
+    }>,
+    ...
+  }>,
+  directEventTypes?: $ReadOnly<{
+    [eventName: string]: $ReadOnly<{
+      registrationName: string,
+    }>,
+    ...
+  }>,
+  uiViewClassName: string,
+  validAttributes: AttributeConfiguration,
+}>;
+export type PartialViewConfig = $ReadOnly<{
+  bubblingEventTypes?: $PropertyType<ViewConfig, \\"bubblingEventTypes\\">,
+  directEventTypes?: $PropertyType<ViewConfig, \\"directEventTypes\\">,
+  uiViewClassName: string,
+  validAttributes?: PartialAttributeConfiguration,
+}>;
+export interface INativeMethods {
+  blur(): void;
+  focus(): void;
+  measure(callback: MeasureOnSuccessCallback): void;
+  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void;
+  measureLayout(
+    relativeToNativeNode: number | ElementRef<HostComponent<mixed>>,
+    onSuccess: MeasureLayoutOnSuccessCallback,
+    onFail?: () => void
+  ): void;
+  setNativeProps(nativeProps: { ... }): void;
+}
+export type NativeMethods = $ReadOnly<{|
+  blur(): void,
+  focus(): void,
+  measure(callback: MeasureOnSuccessCallback): void,
+  measureInWindow(callback: MeasureInWindowOnSuccessCallback): void,
+  measureLayout(
+    relativeToNativeNode: number | ElementRef<HostComponent<mixed>>,
+    onSuccess: MeasureLayoutOnSuccessCallback,
+    onFail?: () => void
+  ): void,
+  setNativeProps(nativeProps: { ... }): void,
+|}>;
+export type HostComponent<T> = AbstractComponent<T, $ReadOnly<NativeMethods>>;
+type SecretInternalsType = {
+  computeComponentStackForErrorReporting(tag: number): string,
+  ...
+};
+type InspectorDataProps = $ReadOnly<{
+  [propName: string]: string,
+  ...
+}>;
+type InspectorDataGetter = (
+  <TElementType: ElementType>(
+    componentOrHandle: ElementRef<TElementType> | number
+  ) => ?number
+) => $ReadOnly<{
+  measure: (callback: MeasureOnSuccessCallback) => void,
+  props: InspectorDataProps,
+}>;
+export type InspectorData = $ReadOnly<{
+  closestInstance?: mixed,
+  hierarchy: Array<{
+    name: ?string,
+    getInspectorData: InspectorDataGetter,
+  }>,
+  selectedIndex: ?number,
+  props: InspectorDataProps,
+  componentStack: string,
+}>;
+export type TouchedViewDataAtPoint = $ReadOnly<{
+  pointerY: number,
+  touchedViewTag?: number,
+  frame: $ReadOnly<{
+    top: number,
+    left: number,
+    width: number,
+    height: number,
+  }>,
+  ...InspectorData,
+}>;
+export type ReactNativeType = {
+  findHostInstance_DEPRECATED<TElementType: ElementType>(
+    componentOrHandle: ?(ElementRef<TElementType> | number)
+  ): ?ElementRef<HostComponent<mixed>>,
+  findNodeHandle<TElementType: ElementType>(
+    componentOrHandle: ?(ElementRef<TElementType> | number)
+  ): ?number,
+  isChildPublicInstance(
+    parent: PublicInstance | HostComponent<mixed>,
+    child: PublicInstance | HostComponent<mixed>
+  ): boolean,
+  dispatchCommand(
+    handle: ElementRef<HostComponent<mixed>>,
+    command: string,
+    args: Array<mixed>
+  ): void,
+  sendAccessibilityEvent(
+    handle: ElementRef<HostComponent<mixed>>,
+    eventType: string
+  ): void,
+  render(
+    element: Element<ElementType>,
+    containerTag: number,
+    callback: ?() => void
+  ): ?ElementRef<ElementType>,
+  unmountComponentAtNode(containerTag: number): void,
+  unmountComponentAtNodeAndRemoveContainer(containerTag: number): void,
+  unstable_batchedUpdates: <T>(fn: (T) => void, bookkeeping: T) => void,
+  __SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED: SecretInternalsType,
+  ...
+};
+declare export opaque type Node;
+declare export opaque type InternalInstanceHandle;
+type PublicInstance = mixed;
+type PublicTextInstance = mixed;
+export type ReactFabricType = {
+  findHostInstance_DEPRECATED<TElementType: ElementType>(
+    componentOrHandle: ?(ElementRef<TElementType> | number)
+  ): ?ElementRef<HostComponent<mixed>>,
+  findNodeHandle<TElementType: ElementType>(
+    componentOrHandle: ?(ElementRef<TElementType> | number)
+  ): ?number,
+  dispatchCommand(
+    handle: ElementRef<HostComponent<mixed>>,
+    command: string,
+    args: Array<mixed>
+  ): void,
+  isChildPublicInstance(parent: PublicInstance, child: PublicInstance): boolean,
+  sendAccessibilityEvent(
+    handle: ElementRef<HostComponent<mixed>>,
+    eventType: string
+  ): void,
+  render(
+    element: Element<ElementType>,
+    containerTag: number,
+    callback: ?() => void,
+    concurrentRoot: ?boolean
+  ): ?ElementRef<ElementType>,
+  unmountComponentAtNode(containerTag: number): void,
+  getNodeFromInternalInstanceHandle(
+    internalInstanceHandle: InternalInstanceHandle
+  ): ?Node,
+  getPublicInstanceFromInternalInstanceHandle(
+    internalInstanceHandle: InternalInstanceHandle
+  ): PublicInstance | PublicTextInstance | null,
+  ...
+};
+export type ReactFabricEventTouch = {
+  identifier: number,
+  locationX: number,
+  locationY: number,
+  pageX: number,
+  pageY: number,
+  screenX: number,
+  screenY: number,
+  target: number,
+  timestamp: number,
+  force: number,
+  ...
+};
+export type ReactFabricEvent = {
+  touches: Array<ReactFabricEventTouch>,
+  changedTouches: Array<ReactFabricEventTouch>,
+  targetTouches: Array<ReactFabricEventTouch>,
+  target: number,
+  ...
+};
+export type LayoutAnimationType =
+  | \\"spring\\"
+  | \\"linear\\"
+  | \\"easeInEaseOut\\"
+  | \\"easeIn\\"
+  | \\"easeOut\\"
+  | \\"keyboard\\";
+export type LayoutAnimationProperty =
+  | \\"opacity\\"
+  | \\"scaleX\\"
+  | \\"scaleY\\"
+  | \\"scaleXY\\";
+export type LayoutAnimationAnimationConfig = $ReadOnly<{
+  duration?: number,
+  delay?: number,
+  springDamping?: number,
+  initialVelocity?: number,
+  type?: LayoutAnimationType,
+  property?: LayoutAnimationProperty,
+}>;
+export type LayoutAnimationConfig = $ReadOnly<{
+  duration: number,
+  create?: LayoutAnimationAnimationConfig,
+  update?: LayoutAnimationAnimationConfig,
+  delete?: LayoutAnimationAnimationConfig,
+}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/shims/ReactNativeViewConfigRegistry.js 1`] = `
+"declare export const customBubblingEventTypes: {
+  [eventName: string]: $ReadOnly<{
+    phasedRegistrationNames: $ReadOnly<{
+      captured: string,
+      bubbled: string,
+      skipBubbling?: ?boolean,
+    }>,
+  }>,
+};
+declare export const customDirectEventTypes: {
+  [eventName: string]: $ReadOnly<{
+    registrationName: string,
+  }>,
+};
+declare export function register(
+  name: string,
+  callback: () => ViewConfig
+): string;
+declare export function get(name: string): ViewConfig;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Renderer/shims/createReactNativeComponentClass.js 1`] = `
+"declare const createReactNativeComponentClass: (
+  name: string,
+  callback: () => ViewConfig
+) => string;
+declare module.exports: createReactNativeComponentClass;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Settings/NativeSettingsManager.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeSettingsManager\\";
+declare export default typeof NativeSettingsManager;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Settings/Settings.ios.js 1`] = `
+"declare const Settings: {
+  _settings: any,
+  get(key: string): mixed,
+  set(settings: Object): void,
+  watchKeys(keys: string | Array<string>, callback: Function): number,
+  clearWatch(watchId: number): void,
+  _sendObservations(body: Object): void,
+};
+declare module.exports: Settings;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Settings/Settings.js 1`] = `
+"declare const Settings: {
+  get(key: string): mixed,
+  set(settings: Object): void,
+  watchKeys(keys: string | Array<string>, callback: Function): number,
+  clearWatch(watchId: number): void,
+};
+declare module.exports: Settings;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Share/NativeShareModule.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeShareModule\\";
+declare export default typeof NativeShareModule;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Share/Share.js 1`] = `
+"type Content =
+  | {
+      title?: string,
+      message: string,
+      ...
+    }
+  | {
+      title?: string,
+      url: string,
+      ...
+    };
+type Options = {
+  dialogTitle?: string,
+  excludedActivityTypes?: Array<string>,
+  tintColor?: string,
+  subject?: string,
+  anchor?: number,
+  ...
+};
+declare class Share {
+  static share(
+    content: Content,
+    options: Options
+  ): Promise<{ action: string, activityType: ?string }>;
+  static sharedAction: \\"sharedAction\\";
+  static dismissedAction: \\"dismissedAction\\";
+}
+declare module.exports: Share;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/EdgeInsetsPropType.js 1`] = `
+"export type EdgeInsetsProp = Rect;
+export type EdgeInsetsOrSizeProp = RectOrSize;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/PlatformColorValueTypes.android.js 1`] = `
+"declare export const PlatformColor: (...names: Array<string>) => ColorValue;
+declare export const normalizeColorObject: (
+  color: NativeColorValue
+) => ?ProcessedColorValue;
+declare export const processColorObject: (
+  color: NativeColorValue
+) => ?NativeColorValue;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/PlatformColorValueTypes.ios.js 1`] = `
+"declare export const PlatformColor: (...names: Array<string>) => ColorValue;
+export type DynamicColorIOSTuplePrivate = {
+  light: ColorValue,
+  dark: ColorValue,
+  highContrastLight?: ColorValue,
+  highContrastDark?: ColorValue,
+};
+declare export const DynamicColorIOSPrivate: (
+  tuple: DynamicColorIOSTuplePrivate
+) => ColorValue;
+declare export const normalizeColorObject: (
+  color: NativeColorValue
+) => ?ProcessedColorValue;
+declare export const processColorObject: (
+  color: NativeColorValue
+) => ?NativeColorValue;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/PlatformColorValueTypes.js.flow 1`] = `
+"declare export function PlatformColor(...names: Array<string>): ColorValue;
+declare export function normalizeColorObject(
+  color: NativeColorValue
+): ?ProcessedColorValue;
+declare export function processColorObject(
+  color: NativeColorValue
+): ?NativeColorValue;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/PlatformColorValueTypesIOS.ios.js 1`] = `
+"export type DynamicColorIOSTuple = {
+  light: ColorValue,
+  dark: ColorValue,
+  highContrastLight?: ColorValue,
+  highContrastDark?: ColorValue,
+};
+declare export const DynamicColorIOS: (
+  tuple: DynamicColorIOSTuple
+) => ColorValue;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/PlatformColorValueTypesIOS.js 1`] = `
+"export type DynamicColorIOSTuple = {
+  light: ColorValue,
+  dark: ColorValue,
+  highContrastLight?: ColorValue,
+  highContrastDark?: ColorValue,
+};
+declare export const DynamicColorIOS: (
+  tuple: DynamicColorIOSTuple
+) => ColorValue;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/PlatformColorValueTypesMacOS.js 1`] = `
+"export type DynamicColorMacOSTuple = {
+  light: ColorValue,
+  dark: ColorValue,
+  highContrastLight?: ColorValue,
+  highContrastDark?: ColorValue,
+};
+declare export const DynamicColorMacOS: (
+  tuple: DynamicColorMacOSTuple
+) => ColorValue;
+export type SystemEffectMacOS =
+  | \\"none\\"
+  | \\"pressed\\"
+  | \\"deepPressed\\"
+  | \\"disabled\\"
+  | \\"rollover\\";
+declare export const ColorWithSystemEffectMacOS: (
+  color: ColorValue,
+  effect: SystemEffectMacOS
+) => ColorValue;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/PointPropType.js 1`] = `
+"export type PointProp = $ReadOnly<{
+  x: number,
+  y: number,
+  ...
+}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/Rect.js 1`] = `
+"export type Rect = $ReadOnly<{|
+  bottom?: ?number,
+  left?: ?number,
+  right?: ?number,
+  top?: ?number,
+|}>;
+export type RectOrSize = Rect | number;
+declare export function createSquare(size: number): Rect;
+declare export function normalizeRect(rectOrSize: ?RectOrSize): ?Rect;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/StyleSheet.js 1`] = `
+"declare const flatten: $FlowFixMe;
+export type { NativeColorValue } from \\"./StyleSheetTypes\\";
+export type ColorValue = ____ColorValue_Internal;
+export type ViewStyleProp = ____ViewStyleProp_Internal;
+export type TextStyleProp = ____TextStyleProp_Internal;
+export type ImageStyleProp = ____ImageStyleProp_Internal;
+export type DangerouslyImpreciseStyleProp =
+  ____DangerouslyImpreciseStyleProp_Internal;
+export type TypeForStyleKey<
+  +key: $Keys<____DangerouslyImpreciseStyle_Internal>,
+> = $ElementType<____DangerouslyImpreciseStyle_Internal, key>;
+export type ViewStyle = ____ViewStyle_Internal;
+export type TextStyle = ____TextStyle_Internal;
+export type ImageStyle = ____ImageStyle_Internal;
+export type DangerouslyImpreciseStyle = ____DangerouslyImpreciseStyle_Internal;
+declare let hairlineWidth: number;
+declare const absoluteFill: {
+  position: \\"absolute\\",
+  left: 0,
+  right: 0,
+  top: 0,
+  bottom: 0,
+};
+declare module.exports: {
+  hairlineWidth: hairlineWidth,
+  absoluteFill: any,
+  absoluteFillObject: absoluteFill,
+  compose<T: DangerouslyImpreciseStyleProp>(
+    style1: ?T,
+    style2: ?T
+  ): ?T | $ReadOnlyArray<T>,
+  flatten: flatten,
+  setStyleAttributePreprocessor(
+    property: string,
+    process: (nextProp: mixed) => mixed
+  ): void,
+  create<+S: ____Styles_Internal>(obj: S): $ReadOnly<S>,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/StyleSheetTypes.js 1`] = `
+"declare export opaque type NativeColorValue;
+export type ____ColorValue_Internal = null | string | number | NativeColorValue;
+export type ColorArrayValue = null | $ReadOnlyArray<____ColorValue_Internal>;
+export type PointValue = {
+  x: number,
+  y: number,
+};
+export type EdgeInsetsValue = {
+  top: number,
+  left: number,
+  right: number,
+  bottom: number,
+};
+export type DimensionValue = number | string | \\"auto\\" | AnimatedNode | null;
+export type AnimatableNumericValue = number | AnimatedNode;
+export type CursorValue =
+  | \\"alias\\"
+  | \\"auto\\"
+  | \\"col-resize\\"
+  | \\"context-menu\\"
+  | \\"copy\\"
+  | \\"crosshair\\"
+  | \\"default\\"
+  | \\"disappearing-item\\"
+  | \\"e-resize\\"
+  | \\"grab\\"
+  | \\"grabbing\\"
+  | \\"n-resize\\"
+  | \\"no-drop\\"
+  | \\"not-allowed\\"
+  | \\"pointer\\"
+  | \\"row-resize\\"
+  | \\"s-resize\\"
+  | \\"text\\"
+  | \\"vertical-text\\"
+  | \\"w-resize\\";
+type ____LayoutStyle_Internal = $ReadOnly<{
+  display?: \\"none\\" | \\"flex\\",
+  width?: DimensionValue,
+  height?: DimensionValue,
+  bottom?: DimensionValue,
+  end?: DimensionValue,
+  left?: DimensionValue,
+  right?: DimensionValue,
+  start?: DimensionValue,
+  top?: DimensionValue,
+  inset?: DimensionValue,
+  insetBlock?: DimensionValue,
+  insetBlockEnd?: DimensionValue,
+  insetBlockStart?: DimensionValue,
+  insetInline?: DimensionValue,
+  insetInlineEnd?: DimensionValue,
+  insetInlineStart?: DimensionValue,
+  minWidth?: DimensionValue,
+  maxWidth?: DimensionValue,
+  minHeight?: DimensionValue,
+  maxHeight?: DimensionValue,
+  margin?: DimensionValue,
+  marginBlock?: DimensionValue,
+  marginBlockEnd?: DimensionValue,
+  marginBlockStart?: DimensionValue,
+  marginBottom?: DimensionValue,
+  marginEnd?: DimensionValue,
+  marginHorizontal?: DimensionValue,
+  marginInline?: DimensionValue,
+  marginInlineEnd?: DimensionValue,
+  marginInlineStart?: DimensionValue,
+  marginLeft?: DimensionValue,
+  marginRight?: DimensionValue,
+  marginStart?: DimensionValue,
+  marginTop?: DimensionValue,
+  marginVertical?: DimensionValue,
+  padding?: DimensionValue,
+  paddingBlock?: DimensionValue,
+  paddingBlockEnd?: DimensionValue,
+  paddingBlockStart?: DimensionValue,
+  paddingBottom?: DimensionValue,
+  paddingEnd?: DimensionValue,
+  paddingHorizontal?: DimensionValue,
+  paddingInline?: DimensionValue,
+  paddingInlineEnd?: DimensionValue,
+  paddingInlineStart?: DimensionValue,
+  paddingLeft?: DimensionValue,
+  paddingRight?: DimensionValue,
+  paddingStart?: DimensionValue,
+  paddingTop?: DimensionValue,
+  paddingVertical?: DimensionValue,
+  borderWidth?: number,
+  borderBottomWidth?: number,
+  borderEndWidth?: number,
+  borderLeftWidth?: number,
+  borderRightWidth?: number,
+  borderStartWidth?: number,
+  borderTopWidth?: number,
+  position?: \\"absolute\\" | \\"relative\\" | \\"static\\",
+  flexDirection?: \\"row\\" | \\"row-reverse\\" | \\"column\\" | \\"column-reverse\\",
+  flexWrap?: \\"wrap\\" | \\"nowrap\\" | \\"wrap-reverse\\",
+  justifyContent?:
+    | \\"flex-start\\"
+    | \\"flex-end\\"
+    | \\"center\\"
+    | \\"space-between\\"
+    | \\"space-around\\"
+    | \\"space-evenly\\",
+  alignItems?: \\"flex-start\\" | \\"flex-end\\" | \\"center\\" | \\"stretch\\" | \\"baseline\\",
+  alignSelf?:
+    | \\"auto\\"
+    | \\"flex-start\\"
+    | \\"flex-end\\"
+    | \\"center\\"
+    | \\"stretch\\"
+    | \\"baseline\\",
+  alignContent?:
+    | \\"flex-start\\"
+    | \\"flex-end\\"
+    | \\"center\\"
+    | \\"stretch\\"
+    | \\"space-between\\"
+    | \\"space-around\\"
+    | \\"space-evenly\\",
+  overflow?: \\"visible\\" | \\"hidden\\" | \\"scroll\\",
+  flex?: number,
+  flexGrow?: number,
+  flexShrink?: number,
+  flexBasis?: number | string,
+  aspectRatio?: number | string,
+  zIndex?: number,
+  direction?: \\"inherit\\" | \\"ltr\\" | \\"rtl\\",
+  rowGap?: number,
+  columnGap?: number,
+  gap?: number,
+}>;
+export type ____ShadowStyle_InternalCore = $ReadOnly<{
+  shadowColor?: ____ColorValue_Internal,
+  shadowOffset?: $ReadOnly<{
+    width?: number,
+    height?: number,
+  }>,
+  shadowOpacity?: AnimatableNumericValue,
+  shadowRadius?: number,
+}>;
+export type ____ShadowStyle_Internal = $ReadOnly<{
+  ...____ShadowStyle_InternalCore,
+  ...____ShadowStyle_InternalOverrides,
+}>;
+export type ____ViewStyle_InternalCore = $ReadOnly<{
+  ...$Exact<____LayoutStyle_Internal>,
+  ...$Exact<____ShadowStyle_Internal>,
+  ...$Exact<____TransformStyle_Internal>,
+  backfaceVisibility?: \\"visible\\" | \\"hidden\\",
+  backgroundColor?: ____ColorValue_Internal,
+  borderColor?: ____ColorValue_Internal,
+  borderCurve?: \\"circular\\" | \\"continuous\\",
+  borderBottomColor?: ____ColorValue_Internal,
+  borderEndColor?: ____ColorValue_Internal,
+  borderLeftColor?: ____ColorValue_Internal,
+  borderRightColor?: ____ColorValue_Internal,
+  borderStartColor?: ____ColorValue_Internal,
+  borderTopColor?: ____ColorValue_Internal,
+  borderBlockColor?: ____ColorValue_Internal,
+  borderBlockEndColor?: ____ColorValue_Internal,
+  borderBlockStartColor?: ____ColorValue_Internal,
+  borderRadius?: AnimatableNumericValue,
+  borderBottomEndRadius?: AnimatableNumericValue,
+  borderBottomLeftRadius?: AnimatableNumericValue,
+  borderBottomRightRadius?: AnimatableNumericValue,
+  borderBottomStartRadius?: AnimatableNumericValue,
+  borderEndEndRadius?: AnimatableNumericValue,
+  borderEndStartRadius?: AnimatableNumericValue,
+  borderStartEndRadius?: AnimatableNumericValue,
+  borderStartStartRadius?: AnimatableNumericValue,
+  borderTopEndRadius?: AnimatableNumericValue,
+  borderTopLeftRadius?: AnimatableNumericValue,
+  borderTopRightRadius?: AnimatableNumericValue,
+  borderTopStartRadius?: AnimatableNumericValue,
+  borderStyle?: \\"solid\\" | \\"dotted\\" | \\"dashed\\",
+  borderWidth?: AnimatableNumericValue,
+  borderBottomWidth?: AnimatableNumericValue,
+  borderEndWidth?: AnimatableNumericValue,
+  borderLeftWidth?: AnimatableNumericValue,
+  borderRightWidth?: AnimatableNumericValue,
+  borderStartWidth?: AnimatableNumericValue,
+  borderTopWidth?: AnimatableNumericValue,
+  opacity?: AnimatableNumericValue,
+  elevation?: number,
+  pointerEvents?: \\"auto\\" | \\"none\\" | \\"box-none\\" | \\"box-only\\",
+  cursor?: CursorValue,
+}>;
+export type ____ViewStyle_Internal = $ReadOnly<{
+  ...____ViewStyle_InternalCore,
+  ...____ViewStyle_InternalOverrides,
+}>;
+export type FontStyleType = {
+  fontFamily: string,
+  fontWeight: ____FontWeight_Internal,
+};
+export type FontStyleMap = {
+  ultraLight: FontStyleType,
+  thin: FontStyleType,
+  light: FontStyleType,
+  regular: FontStyleType,
+  medium: FontStyleType,
+  semibold: FontStyleType,
+  bold: FontStyleType,
+  heavy: FontStyleType,
+  black: FontStyleType,
+};
+export type ____FontWeight_Internal =
+  | \\"normal\\"
+  | \\"bold\\"
+  | \\"100\\"
+  | \\"200\\"
+  | \\"300\\"
+  | \\"400\\"
+  | \\"500\\"
+  | \\"600\\"
+  | \\"700\\"
+  | \\"800\\"
+  | \\"900\\"
+  | 100
+  | 200
+  | 300
+  | 400
+  | 500
+  | 600
+  | 700
+  | 800
+  | 900
+  | \\"ultralight\\"
+  | \\"thin\\"
+  | \\"light\\"
+  | \\"medium\\"
+  | \\"regular\\"
+  | \\"semibold\\"
+  | \\"condensedBold\\"
+  | \\"condensed\\"
+  | \\"heavy\\"
+  | \\"black\\";
+export type ____FontVariantArray_Internal = $ReadOnlyArray<
+  | \\"small-caps\\"
+  | \\"oldstyle-nums\\"
+  | \\"lining-nums\\"
+  | \\"tabular-nums\\"
+  | \\"common-ligatures\\"
+  | \\"no-common-ligatures\\"
+  | \\"discretionary-ligatures\\"
+  | \\"no-discretionary-ligatures\\"
+  | \\"historical-ligatures\\"
+  | \\"no-historical-ligatures\\"
+  | \\"contextual\\"
+  | \\"no-contextual\\"
+  | \\"proportional-nums\\"
+  | \\"stylistic-one\\"
+  | \\"stylistic-two\\"
+  | \\"stylistic-three\\"
+  | \\"stylistic-four\\"
+  | \\"stylistic-five\\"
+  | \\"stylistic-six\\"
+  | \\"stylistic-seven\\"
+  | \\"stylistic-eight\\"
+  | \\"stylistic-nine\\"
+  | \\"stylistic-ten\\"
+  | \\"stylistic-eleven\\"
+  | \\"stylistic-twelve\\"
+  | \\"stylistic-thirteen\\"
+  | \\"stylistic-fourteen\\"
+  | \\"stylistic-fifteen\\"
+  | \\"stylistic-sixteen\\"
+  | \\"stylistic-seventeen\\"
+  | \\"stylistic-eighteen\\"
+  | \\"stylistic-nineteen\\"
+  | \\"stylistic-twenty\\",
+>;
+export type ____TextStyle_InternalCore = $ReadOnly<{
+  ...$Exact<____ViewStyle_Internal>,
+  color?: ____ColorValue_Internal,
+  fontFamily?: string,
+  fontSize?: number,
+  fontStyle?: \\"normal\\" | \\"italic\\",
+  fontWeight?: ____FontWeight_Internal,
+  fontVariant?: ____FontVariantArray_Internal | string,
+  textShadowOffset?: $ReadOnly<{
+    width: number,
+    height: number,
+  }>,
+  textShadowRadius?: number,
+  textShadowColor?: ____ColorValue_Internal,
+  letterSpacing?: number,
+  lineHeight?: number,
+  textAlign?: \\"auto\\" | \\"left\\" | \\"right\\" | \\"center\\" | \\"justify\\",
+  textAlignVertical?: \\"auto\\" | \\"top\\" | \\"bottom\\" | \\"center\\",
+  includeFontPadding?: boolean,
+  textDecorationLine?:
+    | \\"none\\"
+    | \\"underline\\"
+    | \\"line-through\\"
+    | \\"underline line-through\\",
+  textDecorationStyle?: \\"solid\\" | \\"double\\" | \\"dotted\\" | \\"dashed\\",
+  textDecorationColor?: ____ColorValue_Internal,
+  textTransform?: \\"none\\" | \\"capitalize\\" | \\"uppercase\\" | \\"lowercase\\",
+  userSelect?: \\"auto\\" | \\"text\\" | \\"none\\" | \\"contain\\" | \\"all\\",
+  verticalAlign?: \\"auto\\" | \\"top\\" | \\"bottom\\" | \\"middle\\",
+  writingDirection?: \\"auto\\" | \\"ltr\\" | \\"rtl\\",
+  cursor?: CursorValue,
+}>;
+export type ____TextStyle_Internal = $ReadOnly<{
+  ...____TextStyle_InternalCore,
+  ...____TextStyle_InternalOverrides,
+}>;
+export type ____ImageStyle_InternalCore = $ReadOnly<{
+  ...$Exact<____ViewStyle_Internal>,
+  resizeMode?: \\"contain\\" | \\"cover\\" | \\"stretch\\" | \\"center\\" | \\"repeat\\",
+  objectFit?: \\"cover\\" | \\"contain\\" | \\"fill\\" | \\"scale-down\\",
+  tintColor?: ____ColorValue_Internal,
+  overlayColor?: string,
+}>;
+export type ____ImageStyle_Internal = $ReadOnly<{
+  ...____ImageStyle_InternalCore,
+  ...____ImageStyle_InternalOverrides,
+}>;
+export type ____DangerouslyImpreciseStyle_InternalCore = $ReadOnly<{
+  ...$Exact<____TextStyle_Internal>,
+  resizeMode?: \\"contain\\" | \\"cover\\" | \\"stretch\\" | \\"center\\" | \\"repeat\\",
+  objectFit?: \\"cover\\" | \\"contain\\" | \\"fill\\" | \\"scale-down\\",
+  tintColor?: ____ColorValue_Internal,
+  overlayColor?: string,
+}>;
+export type ____DangerouslyImpreciseStyle_Internal = $ReadOnly<{
+  ...____DangerouslyImpreciseStyle_InternalCore,
+  ...____DangerouslyImpreciseStyle_InternalOverrides,
+  ...
+}>;
+type GenericStyleProp<+T> =
+  | null
+  | void
+  | T
+  | false
+  | \\"\\"
+  | $ReadOnlyArray<GenericStyleProp<T>>;
+export type ____DangerouslyImpreciseStyleProp_Internal = GenericStyleProp<
+  Partial<____DangerouslyImpreciseStyle_Internal>,
+>;
+export type ____ViewStyleProp_Internal = GenericStyleProp<
+  $ReadOnly<Partial<____ViewStyle_Internal>>,
+>;
+export type ____TextStyleProp_Internal = GenericStyleProp<
+  $ReadOnly<Partial<____TextStyle_Internal>>,
+>;
+export type ____ImageStyleProp_Internal = GenericStyleProp<
+  $ReadOnly<Partial<____ImageStyle_Internal>>,
+>;
+export type ____Styles_Internal = {
+  +[key: string]: Partial<____DangerouslyImpreciseStyle_Internal>,
+  ...
+};
+export type ____FlattenStyleProp_Internal<
+  +TStyleProp: GenericStyleProp<mixed>,
+> = TStyleProp extends null | void | false | \\"\\"
+  ? empty
+  : TStyleProp extends $ReadOnlyArray<infer V>
+  ? ____FlattenStyleProp_Internal<V>
+  : TStyleProp;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/flattenStyle.js 1`] = `
+"declare function flattenStyle<TStyleProp: DangerouslyImpreciseStyleProp>(
+  style: ?TStyleProp
+): ?____FlattenStyleProp_Internal<TStyleProp>;
+declare module.exports: flattenStyle;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/normalizeColor.js 1`] = `
+"declare function normalizeColor(
+  color: ?(ColorValue | ProcessedColorValue)
+): ?ProcessedColorValue;
+declare module.exports: normalizeColor;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/private/_StyleSheetTypesOverrides.js 1`] = `
+"export type ____DangerouslyImpreciseStyle_InternalOverrides = $ReadOnly<{}>;
+export type ____ImageStyle_InternalOverrides = $ReadOnly<{}>;
+export type ____ShadowStyle_InternalOverrides = $ReadOnly<{}>;
+export type ____TextStyle_InternalOverrides = $ReadOnly<{}>;
+export type ____ViewStyle_InternalOverrides = $ReadOnly<{}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/private/_TransformStyle.js 1`] = `
+"export type ____TransformStyle_Internal = $ReadOnly<{|
+  transform?:
+    | $ReadOnlyArray<
+        | {| +perspective: number | AnimatedNode |}
+        | {| +rotate: string | AnimatedNode |}
+        | {| +rotateX: string | AnimatedNode |}
+        | {| +rotateY: string | AnimatedNode |}
+        | {| +rotateZ: string | AnimatedNode |}
+        | {| +scale: number | AnimatedNode |}
+        | {| +scaleX: number | AnimatedNode |}
+        | {| +scaleY: number | AnimatedNode |}
+        | {| +translateX: number | AnimatedNode |}
+        | {| +translateY: number | AnimatedNode |}
+        | {|
+            +translate:
+              | [number | AnimatedNode, number | AnimatedNode]
+              | AnimatedNode,
+          |}
+        | {| +skewX: string | AnimatedNode |}
+        | {| +skewY: string | AnimatedNode |}
+        | {|
+            +matrix: $ReadOnlyArray<number | AnimatedNode> | AnimatedNode,
+          |},
+      >
+    | string,
+  transformOrigin?:
+    | [string | number, string | number, string | number]
+    | string,
+|}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/processAspectRatio.js 1`] = `
+"declare function processAspectRatio(aspectRatio?: number | string): ?number;
+declare module.exports: processAspectRatio;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/processColor.js 1`] = `
+"export type ProcessedColorValue = number | NativeColorValue;
+declare function processColor(
+  color?: ?(number | ColorValue)
+): ?ProcessedColorValue;
+declare export default typeof processColor;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/processColorArray.js 1`] = `
+"declare function processColorArray(
+  colors: ?$ReadOnlyArray<ColorValue>
+): ?$ReadOnlyArray<ProcessedColorValue>;
+declare module.exports: processColorArray;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/processFontVariant.js 1`] = `
+"declare function processFontVariant(
+  fontVariant: ____FontVariantArray_Internal | string
+): ?____FontVariantArray_Internal;
+declare module.exports: processFontVariant;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/processTransform.js 1`] = `
+"declare function processTransform(
+  transform: Array<Object> | string
+): Array<Object> | Array<number>;
+declare module.exports: processTransform;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/processTransformOrigin.js 1`] = `
+"declare export default function processTransformOrigin(
+  transformOrigin: Array<string | number> | string
+): Array<string | number>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/setNormalizedColorAlpha.js 1`] = `
+"declare function setNormalizedColorAlpha(input: number, alpha: number): number;
+declare module.exports: setNormalizedColorAlpha;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/StyleSheet/splitLayoutProps.js 1`] = `
+"declare export default function splitLayoutProps(
+  props: ?____ViewStyle_Internal
+): {
+  outer: ?____ViewStyle_Internal,
+  inner: ?____ViewStyle_Internal,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Text/Text.js 1`] = `
+"declare const Text: React.AbstractComponent<
+  TextProps,
+  React.ElementRef<typeof NativeText | typeof NativeVirtualText>,
+>;
+declare module.exports: Text;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Text/TextAncestor.js 1`] = `
+"declare const TextAncestorContext: React$Context<$FlowFixMe>;
+declare module.exports: TextAncestorContext;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Text/TextNativeComponent.js 1`] = `
+"type NativeTextProps = $ReadOnly<{
+  ...TextProps,
+  isHighlighted?: ?boolean,
+  selectionColor?: ?ProcessedColorValue,
+  onClick?: ?(event: PressEvent) => mixed,
+  isPressable?: ?boolean,
+}>;
+declare export const NativeText: HostComponent<NativeTextProps>;
+declare export const NativeVirtualText: HostComponent<NativeTextProps>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Text/TextProps.js 1`] = `
+"export type PressRetentionOffset = $ReadOnly<{|
+  top: number,
+  left: number,
+  bottom: number,
+  right: number,
+|}>;
+type PointerEventProps = $ReadOnly<{|
+  onPointerEnter?: (event: PointerEvent) => void,
+  onPointerLeave?: (event: PointerEvent) => void,
+  onPointerMove?: (event: PointerEvent) => void,
+|}>;
+export type TextProps = $ReadOnly<{|
+  ...PointerEventProps,
+  accessible?: ?boolean,
+  accessibilityActions?: ?$ReadOnlyArray<AccessibilityActionInfo>,
+  onAccessibilityAction?: ?(event: AccessibilityActionEvent) => mixed,
+  accessibilityHint?: ?Stringish,
+  accessibilityLanguage?: ?Stringish,
+  accessibilityLabel?: ?Stringish,
+  accessibilityRole?: ?AccessibilityRole,
+  accessibilityState?: ?AccessibilityState,
+  \\"aria-label\\"?: ?string,
+  adjustsFontSizeToFit?: ?boolean,
+  allowFontScaling?: ?boolean,
+  android_hyphenationFrequency?: ?(\\"normal\\" | \\"none\\" | \\"full\\"),
+  \\"aria-busy\\"?: ?boolean,
+  \\"aria-checked\\"?: ?boolean | \\"mixed\\",
+  \\"aria-disabled\\"?: ?boolean,
+  \\"aria-expanded\\"?: ?boolean,
+  \\"aria-selected\\"?: ?boolean,
+  \\"aria-labelledby\\"?: ?string,
+  children?: ?Node,
+  ellipsizeMode?: ?(\\"clip\\" | \\"head\\" | \\"middle\\" | \\"tail\\"),
+  id?: string,
+  maxFontSizeMultiplier?: ?number,
+  nativeID?: ?string,
+  numberOfLines?: ?number,
+  onLayout?: ?(event: LayoutEvent) => mixed,
+  onLongPress?: ?(event: PressEvent) => mixed,
+  onPress?: ?(event: PressEvent) => mixed,
+  onPressIn?: ?(event: PressEvent) => mixed,
+  onPressOut?: ?(event: PressEvent) => mixed,
+  onResponderGrant?: ?(event: PressEvent) => void,
+  onResponderMove?: ?(event: PressEvent) => void,
+  onResponderRelease?: ?(event: PressEvent) => void,
+  onResponderTerminate?: ?(event: PressEvent) => void,
+  onResponderTerminationRequest?: ?() => boolean,
+  onStartShouldSetResponder?: ?() => boolean,
+  onMoveShouldSetResponder?: ?() => boolean,
+  onTextLayout?: ?(event: TextLayoutEvent) => mixed,
+  pressRetentionOffset?: ?PressRetentionOffset,
+  role?: ?Role,
+  selectable?: ?boolean,
+  style?: ?TextStyleProp,
+  testID?: ?string,
+  disabled?: ?boolean,
+  selectionColor?: ?string,
+  dataDetectorType?: ?(\\"phoneNumber\\" | \\"link\\" | \\"email\\" | \\"none\\" | \\"all\\"),
+  textBreakStrategy?: ?(\\"balanced\\" | \\"highQuality\\" | \\"simple\\"),
+  adjustsFontSizeToFit?: ?boolean,
+  dynamicTypeRamp?: ?(
+    | \\"caption2\\"
+    | \\"caption1\\"
+    | \\"footnote\\"
+    | \\"subheadline\\"
+    | \\"callout\\"
+    | \\"body\\"
+    | \\"headline\\"
+    | \\"title3\\"
+    | \\"title2\\"
+    | \\"title1\\"
+    | \\"largeTitle\\"
+  ),
+  minimumFontScale?: ?number,
+  suppressHighlighting?: ?boolean,
+  lineBreakStrategyIOS?: ?(\\"none\\" | \\"standard\\" | \\"hangul-word\\" | \\"push-out\\"),
+  tooltip?: ?string,
+  focusable?: ?boolean,
+  enableFocusRing?: ?boolean,
+  onMouseEnter?: ?(event: MouseEvent) => void,
+  onMouseLeave?: ?(event: MouseEvent) => void,
+|}>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/TurboModule/RCTExport.js 1`] = `
+"export interface DEPRECATED_RCTExport<T: void = void> {
+  +getConstants?: () => { ... };
+}
+export interface TurboModule extends DEPRECATED_RCTExport<void> {}
+export type { RootTag } from \\"../Types/RootTagTypes.js\\";
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/TurboModule/TurboModuleRegistry.js 1`] = `
+"declare export function get<T: TurboModule>(name: string): ?T;
+declare export function getEnforcing<T: TurboModule>(name: string): T;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/TurboModule/samples/NativeSampleTurboModule.js 1`] = `
+"export * from \\"../../../src/private/specs/modules/NativeSampleTurboModule\\";
+declare export default typeof NativeSampleTurboModule;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Types/CodegenTypes.js 1`] = `
+"export type BubblingEventHandler<T, PaperName: string | empty = empty> = (
+  event: SyntheticEvent<T>
+) => void | Promise<void>;
+export type DirectEventHandler<T, PaperName: string | empty = empty> = (
+  event: SyntheticEvent<T>
+) => void | Promise<void>;
+export type Double = number;
+export type Float = number;
+export type Int32 = number;
+export type UnsafeObject = $FlowFixMe;
+export type UnsafeMixed = mixed;
+type DefaultTypes = number | boolean | string | $ReadOnlyArray<string>;
+export type WithDefault<Type: DefaultTypes, Value: ?Type | string> = ?Type;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Types/CoreEventTypes.js 1`] = `
+"export type SyntheticEvent<+T> = $ReadOnly<{|
+  bubbles: ?boolean,
+  cancelable: ?boolean,
+  currentTarget: number | React.ElementRef<HostComponent<mixed>>,
+  defaultPrevented: ?boolean,
+  dispatchConfig: $ReadOnly<{|
+    registrationName: string,
+  |}>,
+  eventPhase: ?number,
+  preventDefault: () => void,
+  isDefaultPrevented: () => boolean,
+  stopPropagation: () => void,
+  isPropagationStopped: () => boolean,
+  isTrusted: ?boolean,
+  nativeEvent: T,
+  persist: () => void,
+  target: ?number | React.ElementRef<HostComponent<mixed>>,
+  timeStamp: number,
+  type: ?string,
+|}>;
+export type ResponderSyntheticEvent<T> = $ReadOnly<{|
+  ...SyntheticEvent<T>,
+  touchHistory: $ReadOnly<{|
+    indexOfSingleActiveTouch: number,
+    mostRecentTimeStamp: number,
+    numberActiveTouches: number,
+    touchBank: $ReadOnlyArray<
+      $ReadOnly<{|
+        touchActive: boolean,
+        startPageX: number,
+        startPageY: number,
+        startTimeStamp: number,
+        currentPageX: number,
+        currentPageY: number,
+        currentTimeStamp: number,
+        previousPageX: number,
+        previousPageY: number,
+        previousTimeStamp: number,
+      |}>,
+    >,
+  |}>,
+|}>;
+export type Layout = $ReadOnly<{|
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+|}>;
+export type TextLayout = $ReadOnly<{|
+  ...Layout,
+  ascender: number,
+  capHeight: number,
+  descender: number,
+  text: string,
+  xHeight: number,
+|}>;
+export type LayoutEvent = SyntheticEvent<
+  $ReadOnly<{|
+    layout: Layout,
+  |}>,
+>;
+export type TextLayoutEvent = SyntheticEvent<
+  $ReadOnly<{|
+    lines: Array<TextLayout>,
+  |}>,
+>;
+export interface NativeUIEvent {
+  +detail: number;
+}
+export interface NativeMouseEvent extends NativeUIEvent {
+  +screenX: number;
+  +screenY: number;
+  +pageX: number;
+  +pageY: number;
+  +clientX: number;
+  +clientY: number;
+  +x: number;
+  +y: number;
+  +ctrlKey: boolean;
+  +shiftKey: boolean;
+  +altKey: boolean;
+  +metaKey: boolean;
+  +button: number;
+  +buttons: number;
+  +relatedTarget: null | number | React.ElementRef<HostComponent<mixed>>;
+  +offsetX: number;
+  +offsetY: number;
+}
+export interface NativePointerEvent extends NativeMouseEvent {
+  +pointerId: number;
+  +width: number;
+  +height: number;
+  +pressure: number;
+  +tangentialPressure: number;
+  +tiltX: number;
+  +tiltY: number;
+  +twist: number;
+  +pointerType: string;
+  +isPrimary: boolean;
+}
+export type PointerEvent = SyntheticEvent<NativePointerEvent>;
+export type PressEvent = ResponderSyntheticEvent<
+  $ReadOnly<{|
+    altKey?: ?boolean,
+    button?: ?number,
+    changedTouches: $ReadOnlyArray<$PropertyType<PressEvent, \\"nativeEvent\\">>,
+    ctrlKey?: ?boolean,
+    force?: number,
+    identifier: number,
+    locationX: number,
+    locationY: number,
+    metaKey?: ?boolean,
+    pageX: number,
+    pageY: number,
+    shiftKey?: ?boolean,
+    target: ?number,
+    timestamp: number,
+    touches: $ReadOnlyArray<$PropertyType<PressEvent, \\"nativeEvent\\">>,
+  |}>,
+>;
+export type ScrollEvent = SyntheticEvent<
+  $ReadOnly<{|
+    contentInset: $ReadOnly<{|
+      bottom: number,
+      left: number,
+      right: number,
+      top: number,
+    |}>,
+    contentOffset: $ReadOnly<{|
+      y: number,
+      x: number,
+    |}>,
+    contentSize: $ReadOnly<{|
+      height: number,
+      width: number,
+    |}>,
+    layoutMeasurement: $ReadOnly<{|
+      height: number,
+      width: number,
+    |}>,
+    targetContentOffset?: $ReadOnly<{|
+      y: number,
+      x: number,
+    |}>,
+    velocity?: $ReadOnly<{|
+      y: number,
+      x: number,
+    |}>,
+    zoomScale?: number,
+    responderIgnoreScroll?: boolean,
+    preferredScrollerStyle?: string,
+  |}>,
+>;
+export type BlurEvent = SyntheticEvent<
+  $ReadOnly<{|
+    target: number,
+  |}>,
+>;
+export type FocusEvent = SyntheticEvent<
+  $ReadOnly<{|
+    target: number,
+  |}>,
+>;
+export type KeyEvent = SyntheticEvent<
+  $ReadOnly<{|
+    capsLockKey: boolean,
+    shiftKey: boolean,
+    ctrlKey: boolean,
+    altKey: boolean,
+    metaKey: boolean,
+    numericPadKey: boolean,
+    helpKey: boolean,
+    functionKey: boolean,
+    ArrowLeft: boolean,
+    ArrowRight: boolean,
+    ArrowUp: boolean,
+    ArrowDown: boolean,
+    key: string,
+  |}>,
+>;
+export type MouseEvent = SyntheticEvent<
+  $ReadOnly<{|
+    clientX: number,
+    clientY: number,
+    pageX: number,
+    pageY: number,
+    timestamp: number,
+  |}>,
+>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Types/ReactDevToolsTypes.js 1`] = `
+"type PublicInstance = {
+  ...NativeMethods,
+};
+export type InstanceFromReactDevTools =
+  | PublicInstance
+  | {
+      canonical?:
+        | PublicInstance
+        | {
+            publicInstance?: PublicInstance,
+          },
+    };
+export type ReactDevToolsAgentEvents = {
+  drawTraceUpdates: [Array<{ node: InstanceFromReactDevTools, color: string }>],
+  disableTraceUpdates: [],
+  showNativeHighlight: [nodes: Array<InstanceFromReactDevTools>],
+  hideNativeHighlight: [],
+  shutdown: [],
+  startInspectingNative: [],
+  stopInspectingNative: [],
+};
+export type ReactDevToolsAgent = {
+  selectNode(node: mixed): void,
+  stopInspectingNative(value: boolean): void,
+  addListener<Event: $Keys<ReactDevToolsAgentEvents>>(
+    event: Event,
+    listener: (...ReactDevToolsAgentEvents[Event]) => void
+  ): void,
+  removeListener(
+    event: $Keys<ReactDevToolsAgentEvents>,
+    listener: () => void
+  ): void,
+};
+export type ReactDevToolsGlobalHook = {
+  on: (eventName: string, (agent: ReactDevToolsAgent) => void) => void,
+  off: (eventName: string, (agent: ReactDevToolsAgent) => void) => void,
+  reactDevtoolsAgent?: ReactDevToolsAgent,
+  resolveRNStyle?: mixed,
+  nativeStyleEditorValidAttributes?: Array<string>,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Types/RootTagTypes.js 1`] = `
+"export type { RootTag } from \\"../ReactNative/RootTag\\";
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Types/UIManagerJSInterface.js 1`] = `
+"export interface UIManagerJSInterface extends Spec {
+  +getViewManagerConfig: (viewManagerName: string) => Object;
+  +hasViewManagerConfig: (viewManagerName: string) => boolean;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/UTFSequence.js 1`] = `
+"declare const UTFSequence: {|
+  BOM: string,
+  BULLET: string,
+  BULLET_SP: string,
+  MDASH: string,
+  MDASH_SP: string,
+  MIDDOT: string,
+  MIDDOT_KATAKANA: string,
+  MIDDOT_SP: string,
+  NBSP: string,
+  NDASH: string,
+  NDASH_SP: string,
+  NEWLINE: string,
+  PIZZA: string,
+  TRIANGLE_LEFT: string,
+  TRIANGLE_RIGHT: string,
+|};
+declare export default typeof UTFSequence;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/Appearance.js 1`] = `
+"type AppearanceListener = (preferences: AppearancePreferences) => void;
+declare module.exports: {
+  getColorScheme(): ?ColorSchemeName,
+  setColorScheme(colorScheme: ?ColorSchemeName): void,
+  addChangeListener(listener: AppearanceListener): EventSubscription,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/BackHandler.android.js 1`] = `
+"type BackPressEventName = \\"backPress\\" | \\"hardwareBackPress\\";
+type TBackHandler = {|
+  +exitApp: () => void,
+  +addEventListener: (
+    eventName: BackPressEventName,
+    handler: () => ?boolean
+  ) => { remove: () => void, ... },
+  +removeEventListener: (
+    eventName: BackPressEventName,
+    handler: () => ?boolean
+  ) => void,
+|};
+declare const BackHandler: TBackHandler;
+declare module.exports: BackHandler;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/BackHandler.ios.js 1`] = `
+"declare module.exports: $FlowFixMe;
+type BackPressEventName = \\"backPress\\" | \\"hardwareBackPress\\";
+type TBackHandler = {|
+  +exitApp: () => void,
+  +addEventListener: (
+    eventName: BackPressEventName,
+    handler: () => ?boolean
+  ) => { remove: () => void, ... },
+  +removeEventListener: (
+    eventName: BackPressEventName,
+    handler: () => ?boolean
+  ) => void,
+|};
+declare let BackHandler: TBackHandler;
+declare module.exports: BackHandler;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/BackHandler.js.flow 1`] = `
+"type BackPressEventName = \\"backPress\\" | \\"hardwareBackPress\\";
+type TBackHandler = {|
+  +exitApp: () => void,
+  +addEventListener: (
+    eventName: BackPressEventName,
+    handler: () => ?boolean
+  ) => { remove: () => void, ... },
+  +removeEventListener: (
+    eventName: BackPressEventName,
+    handler: () => ?boolean
+  ) => void,
+|};
+declare module.exports: TBackHandler;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/DebugEnvironment.js 1`] = `
+"declare export let isAsyncDebugging: boolean;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/DevSettings.js 1`] = `
+"declare let DevSettings: {
+  addMenuItem(title: string, handler: () => mixed): void,
+  reload(reason?: string): void,
+  onFastRefresh(): void,
+};
+declare module.exports: DevSettings;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/DeviceInfo.js 1`] = `
+"declare module.exports: NativeDeviceInfo;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/Dimensions.js 1`] = `
+"declare class Dimensions {
+  static get(dim: string): DisplayMetrics | DisplayMetricsAndroid;
+  static set(dims: $ReadOnly<DimensionsPayload>): void;
+  static addEventListener(type: \\"change\\", handler: Function): EventSubscription;
+}
+declare export default typeof Dimensions;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/FeatureDetection.js 1`] = `
+"declare function isNativeFunction(f: Function): boolean;
+declare function hasNativeConstructor(o: Object, expectedName: string): boolean;
+declare module.exports: {
+  isNativeFunction: isNativeFunction,
+  hasNativeConstructor: hasNativeConstructor,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/GlobalPerformanceLogger.js 1`] = `
+"declare const GlobalPerformanceLogger: IPerformanceLogger;
+declare module.exports: GlobalPerformanceLogger;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/HMRClient.js 1`] = `
+"type LogLevel =
+  | \\"trace\\"
+  | \\"info\\"
+  | \\"warn\\"
+  | \\"error\\"
+  | \\"log\\"
+  | \\"group\\"
+  | \\"groupCollapsed\\"
+  | \\"groupEnd\\"
+  | \\"debug\\";
+export type HMRClientNativeInterface = {|
+  enable(): void,
+  disable(): void,
+  registerBundle(requestUrl: string): void,
+  log(level: LogLevel, data: $ReadOnlyArray<mixed>): void,
+  setup(
+    platform: string,
+    bundleEntry: string,
+    host: string,
+    port: number | string,
+    isEnabled: boolean,
+    scheme?: string
+  ): void,
+|};
+declare const HMRClient: HMRClientNativeInterface;
+declare module.exports: HMRClient;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/HMRClientProdShim.js 1`] = `
+"declare const HMRClientProdShim: HMRClientNativeInterface;
+declare module.exports: HMRClientProdShim;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/IPerformanceLogger.js 1`] = `
+"export type Timespan = {
+  startTime: number,
+  endTime?: number,
+  totalTime?: number,
+  startExtras?: Extras,
+  endExtras?: Extras,
+};
+export type ExtraValue = number | string | boolean;
+export type Extras = { [key: string]: ExtraValue };
+export interface IPerformanceLogger {
+  addTimespan(
+    key: string,
+    startTime: number,
+    endTime: number,
+    startExtras?: Extras,
+    endExtras?: Extras
+  ): void;
+  append(logger: IPerformanceLogger): void;
+  clear(): void;
+  clearCompleted(): void;
+  close(): void;
+  currentTimestamp(): number;
+  getExtras(): $ReadOnly<{ [key: string]: ?ExtraValue, ... }>;
+  getPoints(): $ReadOnly<{ [key: string]: ?number, ... }>;
+  getPointExtras(): $ReadOnly<{ [key: string]: ?Extras, ... }>;
+  getTimespans(): $ReadOnly<{ [key: string]: ?Timespan, ... }>;
+  hasTimespan(key: string): boolean;
+  isClosed(): boolean;
+  logEverything(): void;
+  markPoint(key: string, timestamp?: number, extras?: Extras): void;
+  removeExtra(key: string): ?ExtraValue;
+  setExtra(key: string, value: ExtraValue): void;
+  startTimespan(key: string, timestamp?: number, extras?: Extras): void;
+  stopTimespan(key: string, timestamp?: number, extras?: Extras): void;
+}
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/LoadingView.android.js 1`] = `
+"declare module.exports: {
+  showMessage(message: string, type: \\"load\\" | \\"refresh\\"): void,
+  hide(): void,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/LoadingView.ios.js 1`] = `
+"declare module.exports: {
+  showMessage(message: string, type: \\"load\\" | \\"refresh\\"): void,
+  hide(): void,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/LoadingView.js 1`] = `
+"declare module.exports: {
+  showMessage(message: string, type: \\"load\\" | \\"refresh\\"): void,
+  hide(): void,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/NativeAppearance.js 1`] = `
+"export type * from \\"../../src/private/specs/modules/NativeAppearance\\";
+declare export default typeof NativeAppearance;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/NativeDevLoadingView.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeDevLoadingView\\";
+declare export default typeof NativeDevLoadingView;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/NativeDeviceInfo.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeDeviceInfo\\";
+declare export default typeof NativeDeviceInfo;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/NativePlatformConstantsAndroid.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativePlatformConstantsAndroid\\";
+declare export default typeof NativePlatformConstantsAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/NativePlatformConstantsIOS.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativePlatformConstantsIOS\\";
+declare export default typeof NativePlatformConstantsIOS;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/NativePlatformConstantsMacOS.js 1`] = `
+"export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    isTesting: boolean,
+    reactNativeVersion: {|
+      major: number,
+      minor: number,
+      patch: number,
+      prerelease: ?number,
+    |},
+    osVersion: string,
+    systemName: string,
+  |};
+}
+declare export default Spec;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/PerformanceLoggerContext.js 1`] = `
+"declare const PerformanceLoggerContext: React.Context<IPerformanceLogger>;
+declare export function usePerformanceLogger(): IPerformanceLogger;
+declare export default typeof PerformanceLoggerContext;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/PixelRatio.js 1`] = `
+"declare class PixelRatio {
+  static get(): number;
+  static getFontScale(): number;
+  static getPixelSizeForLayoutSize(layoutSize: number): number;
+  static roundToNearestPixel(layoutSize: number): number;
+  static startDetecting(): void;
+}
+declare export default typeof PixelRatio;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/Platform.android.js 1`] = `
+"declare const Platform: PlatformType;
+declare module.exports: Platform;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/Platform.flow.js 1`] = `
+"export type PlatformSelectSpec<T> = {
+  default?: T,
+  native?: T,
+  ios?: T,
+  android?: T,
+  ...
+};
+type IOSPlatform = {
+  __constants: null,
+  OS: $TEMPORARY$string<\\"ios\\">,
+  get Version(): string,
+  get constants(): {|
+    forceTouchAvailable: boolean,
+    interfaceIdiom: string,
+    isTesting: boolean,
+    isDisableAnimations?: boolean,
+    osVersion: string,
+    reactNativeVersion: {|
+      major: number,
+      minor: number,
+      patch: number,
+      prerelease: ?number,
+    |},
+    systemName: string,
+    isMacCatalyst?: boolean,
+  |},
+  get isPad(): boolean,
+  get isTV(): boolean,
+  get isVision(): boolean,
+  get isTesting(): boolean,
+  get isDisableAnimations(): boolean,
+  get isMacCatalyst(): boolean,
+  select: <T>(spec: PlatformSelectSpec<T>) => T,
+};
+type AndroidPlatform = {
+  __constants: null,
+  OS: $TEMPORARY$string<\\"android\\">,
+  get Version(): number,
+  get constants(): {|
+    isTesting: boolean,
+    isDisableAnimations?: boolean,
+    reactNativeVersion: {|
+      major: number,
+      minor: number,
+      patch: number,
+      prerelease: ?number,
+    |},
+    Version: number,
+    Release: string,
+    Serial: string,
+    Fingerprint: string,
+    Model: string,
+    ServerHost?: string,
+    uiMode: string,
+    Brand: string,
+    Manufacturer: string,
+  |},
+  get isTV(): boolean,
+  get isVision(): boolean,
+  get isTesting(): boolean,
+  get isDisableAnimations(): boolean,
+  select: <T>(spec: PlatformSelectSpec<T>) => T,
+};
+export type Platform = IOSPlatform | AndroidPlatform;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/Platform.ios.js 1`] = `
+"declare const Platform: PlatformType;
+declare module.exports: Platform;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/Platform.js.flow 1`] = `
+"declare module.exports: Platform;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/PolyfillFunctions.js 1`] = `
+"declare function polyfillObjectProperty<T>(
+  object: { ... },
+  name: string,
+  getValue: () => T
+): void;
+declare function polyfillGlobal<T>(name: string, getValue: () => T): void;
+declare module.exports: {
+  polyfillObjectProperty: polyfillObjectProperty,
+  polyfillGlobal: polyfillGlobal,
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/RCTLog.js 1`] = `
+"declare let warningHandler: ?(...Array<mixed>) => void;
+declare const RCTLog: {
+  logIfNoNativeHook(level: string, ...args: Array<mixed>): void,
+  logToConsole(level: string, ...args: Array<mixed>): void,
+  setWarningHandler(handler: typeof warningHandler): void,
+};
+declare module.exports: RCTLog;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/ReactNativeTestTools.js 1`] = `
+"declare const React: $FlowFixMe;
+declare const ReactTestRenderer: $FlowFixMe;
+export type ReactTestInstance = $PropertyType<ReactTestRendererType, \\"root\\">;
+export type Predicate = (node: ReactTestInstance) => boolean;
+export type ReactTestRendererJSON = ReturnType<ReactTestRenderer.create.toJSON>;
+declare function byClickable(): Predicate;
+declare function byTestID(testID: string): Predicate;
+declare function byTextMatching(regex: RegExp): Predicate;
+declare function enter(instance: ReactTestInstance, text: string): void;
+declare function maximumDepthError(
+  tree: ReactTestRendererType,
+  maxDepthLimit: number
+): ?string;
+declare function expectNoConsoleWarn(): void;
+declare function expectNoConsoleError(): void;
+declare function expectRendersMatchingSnapshot(
+  name: string,
+  ComponentProvider: () => React.Element<any>,
+  unmockComponent: () => mixed
+): void;
+declare function maximumDepthOfJSON(node: ?ReactTestRendererJSON): number;
+declare function renderAndEnforceStrictMode(element: React.Node): any;
+declare function renderWithStrictMode(
+  element: React.Node
+): ReactTestRendererType;
+declare function tap(instance: ReactTestInstance): void;
+declare function scrollToBottom(instance: ReactTestInstance): void;
+declare function withMessage(fn: Predicate, message: string): Predicate;
+export { byClickable };
+export { byTestID };
+export { byTextMatching };
+export { enter };
+export { expectNoConsoleWarn };
+export { expectNoConsoleError };
+export { expectRendersMatchingSnapshot };
+export { maximumDepthError };
+export { maximumDepthOfJSON };
+export { renderAndEnforceStrictMode };
+export { renderWithStrictMode };
+export { scrollToBottom };
+export { tap };
+export { withMessage };
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/SceneTracker.js 1`] = `
+"export type Scene = { name: string, [string]: mixed, ... };
+declare const SceneTracker: {
+  setActiveScene(scene: Scene): void,
+  getActiveScene(): Scene,
+  addActiveSceneChangedListener(callback: (scene: Scene) => void): {
+    remove: () => void,
+    ...
+  },
+};
+declare module.exports: SceneTracker;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/binaryToBase64.js 1`] = `
+"declare function binaryToBase64(data: ArrayBuffer | $ArrayBufferView): string;
+declare module.exports: binaryToBase64;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/codegenNativeCommands.js 1`] = `
+"type Options<T = string> = $ReadOnly<{|
+  supportedCommands: $ReadOnlyArray<T>,
+|}>;
+declare function codegenNativeCommands<T: interface {}>(
+  options: Options<$Keys<T>>
+): T;
+declare export default typeof codegenNativeCommands;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/codegenNativeComponent.js 1`] = `
+"type Options = $ReadOnly<{|
+  interfaceOnly?: boolean,
+  paperComponentName?: string,
+  paperComponentNameDeprecated?: string,
+  excludedPlatforms?: $ReadOnlyArray<\\"iOS\\" | \\"android\\">,
+|}>;
+export type NativeComponentType<T> = HostComponent<T>;
+declare function codegenNativeComponent<Props>(
+  componentName: string,
+  options?: Options
+): NativeComponentType<Props>;
+declare export default typeof codegenNativeComponent;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/createPerformanceLogger.js 1`] = `
+"declare export const getCurrentTimestamp: () => number;
+export type { Extras, ExtraValue, IPerformanceLogger, Timespan };
+declare export default function createPerformanceLogger(): IPerformanceLogger;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/deepFreezeAndThrowOnMutationInDev.js 1`] = `
+"declare function deepFreezeAndThrowOnMutationInDev<T: { ... } | Array<mixed>>(
+  object: T
+): T;
+declare module.exports: deepFreezeAndThrowOnMutationInDev;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/defineLazyObjectProperty.js 1`] = `
+"declare function defineLazyObjectProperty<T>(
+  object: interface {},
+  name: string,
+  descriptor: {
+    get: () => T,
+    enumerable?: boolean,
+    writable?: boolean,
+    ...
+  }
+): void;
+declare module.exports: defineLazyObjectProperty;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/differ/deepDiffer.js 1`] = `
+"type Options = {| +unsafelyIgnoreFunctions?: boolean |};
+declare const deepDiffer: (
+  one: any,
+  two: any,
+  maxDepthOrOptions: Options | number,
+  maybeOptions?: Options
+) => boolean;
+declare module.exports: deepDiffer;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/differ/insetsDiffer.js 1`] = `
+"type Inset = {
+  top: ?number,
+  left: ?number,
+  right: ?number,
+  bottom: ?number,
+  ...
+};
+declare const insetsDiffer: (one: Inset, two: Inset) => boolean;
+declare module.exports: insetsDiffer;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/differ/matricesDiffer.js 1`] = `
+"declare const matricesDiffer: (
+  one: ?Array<number>,
+  two: ?Array<number>
+) => boolean;
+declare module.exports: matricesDiffer;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/differ/pointsDiffer.js 1`] = `
+"type Point = {
+  x: ?number,
+  y: ?number,
+  ...
+};
+declare const pointsDiffer: (one: ?Point, two: ?Point) => boolean;
+declare module.exports: pointsDiffer;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/differ/sizesDiffer.js 1`] = `
+"type Size = { width: ?number, height: ?number };
+declare const sizesDiffer: (one: Size, two: Size) => boolean;
+declare module.exports: sizesDiffer;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/dismissKeyboard.js 1`] = `
+"declare function dismissKeyboard(): void;
+declare module.exports: dismissKeyboard;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/infoLog.js 1`] = `
+"declare function infoLog(...args: Array<mixed>): void;
+declare module.exports: infoLog;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/logError.js 1`] = `
+"declare const logError: (...args: $ReadOnlyArray<mixed>) => void;
+declare module.exports: logError;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/mapWithSeparator.js 1`] = `
+"declare function mapWithSeparator<TFrom, TTo>(
+  items: Array<TFrom>,
+  itemRenderer: (item: TFrom, index: number, items: Array<TFrom>) => TTo,
+  spacerRenderer: (index: number) => TTo
+): Array<TTo>;
+declare module.exports: mapWithSeparator;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/stringifySafe.js 1`] = `
+"declare export function createStringifySafeWithLimits(limits: {|
+  maxDepth?: number,
+  maxStringLimit?: number,
+  maxArrayLimit?: number,
+  maxObjectKeysLimit?: number,
+|}): (mixed) => string;
+declare const stringifySafe: (mixed) => string;
+declare export default typeof stringifySafe;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/useColorScheme.js 1`] = `
+"declare export default function useColorScheme(): ?ColorSchemeName;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/useMergeRefs.js 1`] = `
+"declare export default function useMergeRefs<Instance>(
+  ...refs: $ReadOnlyArray<?React.RefSetter<Instance>>
+): (Instance | null) => void;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/useRefEffect.js 1`] = `
+"type CallbackRef<T> = (T) => mixed;
+declare export default function useRefEffect<TInstance>(
+  effect: (TInstance) => (() => void) | void
+): CallbackRef<TInstance | null>;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/useWindowDimensions.js 1`] = `
+"declare export default function useWindowDimensions():
+  | DisplayMetrics
+  | DisplayMetricsAndroid;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/verifyComponentAttributeEquivalence.js 1`] = `
+"declare export default function verifyComponentAttributeEquivalence(
+  nativeViewConfig: ViewConfig,
+  staticViewConfig: ViewConfig
+): void;
+declare export function getConfigWithoutViewProps(
+  viewConfig: ViewConfig,
+  propName: string
+): { ... };
+declare export function stringifyViewConfig(viewConfig: any): string;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Utilities/warnOnce.js 1`] = `
+"declare function warnOnce(key: string, message: string): void;
+declare module.exports: warnOnce;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Vibration/NativeVibration.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeVibration\\";
+declare export default typeof NativeVibration;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/Vibration/Vibration.js 1`] = `
+"declare const Vibration: {
+  vibrate: (pattern: number | Array<number>, repeat: boolean) => void,
+  cancel: () => void,
+};
+declare module.exports: Vibration;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/WebSocket/NativeWebSocketModule.js 1`] = `
+"export * from \\"../../src/private/specs/modules/NativeWebSocketModule\\";
+declare export default typeof NativeWebSocketModule;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/WebSocket/WebSocketEvent.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/WebSocket/WebSocketInterceptor.js 1`] = `"UNTYPED MODULE"`;
+
+exports[`public API should not change unintentionally Libraries/YellowBox/YellowBoxDeprecated.js 1`] = `
+"declare const React: $FlowFixMe;
+type Props = $ReadOnly<{||}>;
+declare module.exports: Class<React.Component<Props>> & {
+  ignoreWarnings($ReadOnlyArray<IgnorePattern>): void,
+  install(): void,
+  uninstall(): void,
+  ...
+};
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/promiseRejectionTrackingOptions.js 1`] = `
+"declare let rejectionTrackingOptions: $NonMaybeType<Parameters<enable>[0]>;
+declare export default typeof rejectionTrackingOptions;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/vendor/core/ErrorUtils.js 1`] = `
+"declare module.exports: ErrorUtilsT;
+"
+`;
+
+exports[`public API should not change unintentionally Libraries/vendor/emitter/EventEmitter.js 1`] = `
+"export interface EventSubscription {
+  remove(): void;
+}
+export interface IEventEmitter<TEventToArgsMap: { ... }> {
+  addListener<TEvent: $Keys<TEventToArgsMap>>(
+    eventType: TEvent,
+    listener: (...args: TEventToArgsMap[TEvent]) => mixed,
+    context?: mixed
+  ): EventSubscription;
+  emit<TEvent: $Keys<TEventToArgsMap>>(
+    eventType: TEvent,
+    ...args: TEventToArgsMap[TEvent]
+  ): void;
+  removeAllListeners<TEvent: $Keys<TEventToArgsMap>>(eventType?: ?TEvent): void;
+  listenerCount<TEvent: $Keys<TEventToArgsMap>>(eventType: TEvent): number;
+}
+declare export default class EventEmitter<TEventToArgsMap: { ... }>
+  implements IEventEmitter<TEventToArgsMap>
+{
+  addListener<TEvent: $Keys<TEventToArgsMap>>(
+    eventType: TEvent,
+    listener: (...args: TEventToArgsMap[TEvent]) => mixed,
+    context: mixed
+  ): EventSubscription;
+  emit<TEvent: $Keys<TEventToArgsMap>>(
+    eventType: TEvent,
+    ...args: TEventToArgsMap[TEvent]
+  ): void;
+  removeAllListeners<TEvent: $Keys<TEventToArgsMap>>(eventType?: ?TEvent): void;
+  listenerCount<TEvent: $Keys<TEventToArgsMap>>(eventType: TEvent): number;
+}
+"
+`;
+
+exports[`public API should not change unintentionally index.js 1`] = `
+"export type HostComponent<T> = _HostComponentInternal<T>;
+declare module.exports: {
+  get registerCallableModule(): RegisterCallableModule,
+  get AccessibilityInfo(): AccessibilityInfo,
+  get ActivityIndicator(): ActivityIndicator,
+  get Button(): Button,
+  get DrawerLayoutAndroid(): DrawerLayoutAndroid,
+  get FlatList(): FlatList,
+  get Image(): Image,
+  get ImageBackground(): ImageBackground,
+  get InputAccessoryView(): InputAccessoryView,
+  get KeyboardAvoidingView(): KeyboardAvoidingView,
+  get PopupMenuAndroid(): PopupMenuAndroid,
+  get Modal(): Modal,
+  get Pressable(): Pressable,
+  get ProgressBarAndroid(): ProgressBarAndroid,
+  get RefreshControl(): RefreshControl,
+  get SafeAreaView(): SafeAreaView,
+  get ScrollView(): ScrollView,
+  get SectionList(): SectionList,
+  get StatusBar(): StatusBar,
+  get Switch(): Switch,
+  get Text(): Text,
+  get TextInput(): TextInput,
+  get Touchable(): Touchable,
+  get TouchableHighlight(): TouchableHighlight,
+  get TouchableNativeFeedback(): TouchableNativeFeedback,
+  get TouchableOpacity(): TouchableOpacity,
+  get TouchableWithoutFeedback(): TouchableWithoutFeedback,
+  get View(): View,
+  get VirtualizedList(): VirtualizedList,
+  get VirtualizedSectionList(): VirtualizedSectionList,
+  get ActionSheetIOS(): ActionSheetIOS,
+  get Alert(): Alert,
+  get Animated(): { ...$Diff<AnimatedModule, { default: any }>, ...Animated },
+  get Appearance(): Appearance,
+  get AppRegistry(): AppRegistry,
+  get AppState(): AppState,
+  get BackHandler(): BackHandler,
+  get Clipboard(): Clipboard,
+  get DeviceInfo(): DeviceInfo,
+  get DevSettings(): DevSettings,
+  get Dimensions(): Dimensions,
+  get Easing(): Easing,
+  get findNodeHandle(): $PropertyType<ReactNative, \\"findNodeHandle\\">,
+  get I18nManager(): I18nManager,
+  get InteractionManager(): InteractionManager,
+  get Keyboard(): Keyboard,
+  get LayoutAnimation(): LayoutAnimation,
+  get Linking(): Linking,
+  get LogBox(): LogBox,
+  get NativeDialogManagerAndroid(): NativeDialogManagerAndroid,
+  get NativeEventEmitter(): NativeEventEmitter,
+  get Networking(): Networking,
+  get PanResponder(): PanResponder,
+  get PermissionsAndroid(): PermissionsAndroid,
+  get PixelRatio(): PixelRatio,
+  get PushNotificationIOS(): PushNotificationIOS,
+  get Settings(): Settings,
+  get Share(): Share,
+  get StyleSheet(): StyleSheet,
+  get Systrace(): Systrace,
+  get ToastAndroid(): ToastAndroid,
+  get TurboModuleRegistry(): TurboModuleRegistry,
+  get UIManager(): UIManager,
+  get unstable_batchedUpdates(): $PropertyType<
+    ReactNative,
+    \\"unstable_batchedUpdates\\",
+  >,
+  get useAnimatedValue(): useAnimatedValue,
+  get useColorScheme(): useColorScheme,
+  get useWindowDimensions(): useWindowDimensions,
+  get UTFSequence(): UTFSequence,
+  get Vibration(): Vibration,
+  get YellowBox(): YellowBox,
+  get DeviceEventEmitter(): RCTDeviceEventEmitter,
+  get DynamicColorIOS(): DynamicColorIOS,
+  get NativeAppEventEmitter(): RCTNativeAppEventEmitter,
+  get NativeModules(): NativeModules,
+  get Platform(): Platform,
+  get PlatformColor(): PlatformColor,
+  get processColor(): processColor,
+  get DynamicColorMacOS(): DynamicColorMacOS,
+  get ColorWithSystemEffectMacOS(): ColorWithSystemEffectMacOS,
+  get requireNativeComponent(): <T>(
+    uiViewClassName: string
+  ) => HostComponent<T>,
+  get RootTagContext(): RootTagContext,
+  get unstable_enableLogBox(): () => void,
+};
+"
+`;
diff --git a/packages/react-native/Libraries/__tests__/public-api-test.js b/packages/react-native/Libraries/__tests__/public-api-test.js
new file mode 100644
index 00000000000000..2d098e84d4a796
--- /dev/null
+++ b/packages/react-native/Libraries/__tests__/public-api-test.js
@@ -0,0 +1,135 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+import type {TransformVisitor} from 'hermes-transform';
+
+const translate = require('flow-api-translator');
+const {promises: fs} = require('fs');
+const glob = require('glob');
+const {transform} = require('hermes-transform');
+const os = require('os');
+const path = require('path');
+
+const PACKAGE_ROOT = path.resolve(__dirname, '../../');
+const JS_FILES_PATTERN = 'Libraries/**/*.{js,flow}';
+const IGNORE_PATTERNS = [
+  '**/__{tests,mocks,fixtures,flowtests}__/**',
+  '**/*.fb.js',
+  '**/*.macos.js',
+  '**/*.windows.js',
+];
+
+// Exclude list for files that fail to parse under flow-api-translator. Please
+// review your changes before adding new entries.
+const FILES_WITH_KNOWN_ERRORS = new Set([
+  'Libraries/Blob/FileReader.js',
+  'Libraries/Components/DrawerAndroid/DrawerLayoutAndroid.android.js',
+  'Libraries/Components/Keyboard/KeyboardAvoidingView.js',
+  'Libraries/Components/RefreshControl/RefreshControl.js',
+  'Libraries/Components/ScrollView/ScrollView.js',
+  'Libraries/Components/StatusBar/StatusBar.js',
+  'Libraries/Components/TextInput/InputAccessoryView.js',
+  'Libraries/Components/StaticRenderer.js',
+  'Libraries/Components/Touchable/TouchableNativeFeedback.js',
+  'Libraries/Components/Touchable/TouchableWithoutFeedback.js',
+  'Libraries/Components/UnimplementedViews/UnimplementedView.js',
+  'Libraries/Image/ImageBackground.js',
+  'Libraries/Inspector/ElementProperties.js',
+  'Libraries/Inspector/BorderBox.js',
+  'Libraries/Inspector/BoxInspector.js',
+  'Libraries/Inspector/InspectorPanel.js',
+  'Libraries/Inspector/NetworkOverlay.js',
+  'Libraries/Inspector/PerformanceOverlay.js',
+  'Libraries/Inspector/StyleInspector.js',
+  'Libraries/Inspector/ElementBox.js',
+  'Libraries/Lists/FlatList.js',
+  'Libraries/Lists/SectionList.js',
+  'Libraries/LogBox/LogBoxInspectorContainer.js',
+  'Libraries/Modal/Modal.js',
+  'Libraries/Network/XMLHttpRequest.js',
+  'Libraries/WebSocket/WebSocket.js',
+]);
+
+const sourceFiles = [
+  'index.js',
+  ...glob.sync(JS_FILES_PATTERN, {
+    cwd: PACKAGE_ROOT,
+    ignore: IGNORE_PATTERNS,
+    nodir: true,
+  }),
+];
+
+describe('public API', () => {
+  if (os.platform() === 'win32') {
+    // TODO(huntie): Re-enable once upstream flow-api-translator fixes are made
+    // eslint-disable-next-line jest/no-focused-tests
+    test.only('skipping tests on win32', () => {
+      console.log('skipping tests');
+    });
+  }
+
+  describe('should not change unintentionally', () => {
+    test.each(sourceFiles)('%s', async (file: string) => {
+      const source = await fs.readFile(path.join(PACKAGE_ROOT, file), 'utf-8');
+
+      if (/@flow/.test(source)) {
+        if (source.includes('// $FlowFixMe[unsupported-syntax]')) {
+          expect(
+            'UNTYPED MODULE (unsupported-syntax suppression)',
+          ).toMatchSnapshot();
+          return;
+        }
+
+        try {
+          expect(await translateFlowToExportedAPI(source)).toMatchSnapshot();
+
+          if (FILES_WITH_KNOWN_ERRORS.has(file)) {
+            console.error(
+              'Expected parse error, please remove file exclude from FILES_WITH_KNOWN_ERRORS:',
+              file,
+            );
+          }
+        } catch (e) {
+          if (!FILES_WITH_KNOWN_ERRORS.has(file)) {
+            console.error('Unable to parse file:', file, '\n' + e);
+          }
+        }
+      } else {
+        expect('UNTYPED MODULE').toMatchSnapshot();
+      }
+    });
+  });
+});
+
+async function translateFlowToExportedAPI(source: string): Promise<string> {
+  // Convert to Flow typedefs
+  const typeDefSource = await translate.translateFlowToFlowDef(source);
+
+  // Remove comments and import declarations
+  const visitors: TransformVisitor = context => ({
+    Program(node) {
+      // $FlowFixMe[cannot-write]
+      delete node.docblock;
+
+      for (const comment of node.comments) {
+        context.removeComments(comment);
+      }
+    },
+    ImportDeclaration(node) {
+      context.removeNode(node);
+    },
+  });
+
+  const result = await transform(typeDefSource, visitors);
+
+  // Remove empty lines (saves space, consistency fix on Windows)
+  return result.replaceAll('\n\n', '\n');
+}
diff --git a/packages/react-native/Libraries/promiseRejectionTrackingOptions.js b/packages/react-native/Libraries/promiseRejectionTrackingOptions.js
index b951f612ecf6c7..7bc3de0a6b5988 100644
--- a/packages/react-native/Libraries/promiseRejectionTrackingOptions.js
+++ b/packages/react-native/Libraries/promiseRejectionTrackingOptions.js
@@ -10,6 +10,8 @@
 
 import typeof {enable} from 'promise/setimmediate/rejection-tracking';
 
+import LogBox from './LogBox/LogBox';
+
 let rejectionTrackingOptions: $NonMaybeType<Parameters<enable>[0]> = {
   allRejections: true,
   onUnhandled: (id, rejection = {}) => {
@@ -32,19 +34,36 @@ let rejectionTrackingOptions: $NonMaybeType<Parameters<enable>[0]> = {
             ? rejection
             : JSON.stringify((rejection: $FlowFixMe));
       }
+      // It could although this object is not a standard error, it still has stack information to unwind
+      // $FlowFixMe ignore types just check if stack is there
+      if (rejection.stack && typeof rejection.stack === 'string') {
+        stack = rejection.stack;
+      }
     }
 
-    const warning =
-      `Possible Unhandled Promise Rejection (id: ${id}):\n` +
-      `${message ?? ''}\n` +
-      (stack == null ? '' : stack);
-    console.warn(warning);
+    const warning = `Possible unhandled promise rejection (id: ${id}):\n${
+      message ?? ''
+    }`;
+    if (__DEV__) {
+      LogBox.addLog({
+        level: 'warn',
+        message: {
+          content: warning,
+          substitutions: [],
+        },
+        componentStack: [],
+        stack,
+        category: 'possible_unhandled_promise_rejection',
+      });
+    } else {
+      console.warn(warning);
+    }
   },
   onHandled: id => {
     const warning =
-      `Promise Rejection Handled (id: ${id})\n` +
+      `Promise rejection handled (id: ${id})\n` +
       'This means you can ignore any previous messages of the form ' +
-      `"Possible Unhandled Promise Rejection (id: ${id}):"`;
+      `"Possible unhandled promise rejection (id: ${id}):"`;
     console.warn(warning);
   },
 };
diff --git a/packages/react-native/Libraries/vendor/emitter/EventEmitter.js b/packages/react-native/Libraries/vendor/emitter/EventEmitter.js
index 177cbbdf300935..f640082fef37aa 100644
--- a/packages/react-native/Libraries/vendor/emitter/EventEmitter.js
+++ b/packages/react-native/Libraries/vendor/emitter/EventEmitter.js
@@ -35,6 +35,7 @@ interface Registration<TArgs> {
   +remove: () => void;
 }
 
+// $FlowFixMe[deprecated-type]
 type Registry<TEventToArgsMap: {...}> = $ObjMap<
   TEventToArgsMap,
   <TArgs>(TArgs) => Set<Registration<TArgs>>,
diff --git a/packages/react-native/React-Core.podspec b/packages/react-native/React-Core.podspec
index 91f4647fca24e2..b912979d47af30 100644
--- a/packages/react-native/React-Core.podspec
+++ b/packages/react-native/React-Core.podspec
@@ -16,13 +16,14 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
-socket_rocket_version = '0.7.0' # [macOS] [visionOS]
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
+socket_rocket_version = '0.7.0'
 boost_compiler_flags = '-Wno-documentation'
 
 use_hermes = ENV['USE_HERMES'] == nil || ENV['USE_HERMES'] == '1'
-use_frameworks = ENV['USE_FRAMEWORKS'] != nil
+use_hermes_flag = use_hermes ? "-DUSE_HERMES=1" : ""
 
 header_subspecs = {
   'CoreModulesHeaders'          => 'React/CoreModules/**/*.h',
@@ -40,8 +41,6 @@ header_subspecs = {
 
 frameworks_search_paths = []
 frameworks_search_paths << "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-hermes\"" if use_hermes
-frameworks_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon\"" if use_frameworks
-frameworks_search_paths << "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-RCTFabric\"" if use_frameworks
 
 header_search_paths = [
   "$(PODS_TARGET_SRCROOT)/ReactCommon",
@@ -51,15 +50,10 @@ header_search_paths = [
   "$(PODS_ROOT)/RCT-Folly",
   "${PODS_ROOT}/Headers/Public/FlipperKit",
   "$(PODS_ROOT)/Headers/Public/ReactCommon",
-  "$(PODS_ROOT)/Headers/Public/React-RCTFabric"
 ].concat(use_hermes ? [
   "$(PODS_ROOT)/Headers/Public/React-hermes",
   "$(PODS_ROOT)/Headers/Public/hermes-engine"
-] : []).concat(use_frameworks ? [
-  "$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core",
-  "$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers"
-] : []).map{|p| "\"#{p}\""}.join(" ")
+] : [])
 
 Pod::Spec.new do |s|
   s.name                   = "React-Core"
@@ -71,7 +65,7 @@ Pod::Spec.new do |s|
   s.platforms              = min_supported_versions
   s.source                 = source
   s.resource_bundle        = { "RCTI18nStrings" => ["React/I18n/strings/*.lproj"]}
-  s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
+  s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags + ' ' + use_hermes_flag
   s.header_dir             = "React"
   s.framework              = "JavaScriptCore"
   s.pod_target_xcconfig    = {
@@ -109,7 +103,7 @@ Pod::Spec.new do |s|
 
     ss.dependency "React-Core/Default", version
     ss.dependency "React-Core/RCTWebSocket", version
-    ss.dependency "React-jsinspector", version
+    ss.private_header_files = "React/Inspector/RCTCxx*.h"
   end
 
   s.subspec "RCTWebSocket" do |ss|
@@ -132,11 +126,15 @@ Pod::Spec.new do |s|
   s.dependency "React-jsi"
   s.dependency "React-jsiexecutor"
   s.dependency "React-utils"
+  s.dependency "React-featureflags"
   s.dependency "SocketRocket", socket_rocket_version
   s.dependency "React-runtimescheduler"
   s.dependency "Yoga"
   s.dependency "glog"
 
+  add_dependency(s, "React-jsinspector", :framework_name => 'jsinspector_modern')
+  add_dependency(s, "RCTDeprecation")
+
   if use_hermes
     s.dependency 'React-hermes'
     s.dependency 'hermes-engine'
diff --git a/packages/react-native/React/Base/RCTAssert.m b/packages/react-native/React/Base/RCTAssert.m
index 06d0fbb13b225b..ca8542eb6acf2f 100644
--- a/packages/react-native/React/Base/RCTAssert.m
+++ b/packages/react-native/React/Base/RCTAssert.m
@@ -234,7 +234,7 @@ RCTFatalExceptionHandler RCTGetFatalExceptionHandler(void)
 
 // MARK: - New Architecture Validation - Enable Reporting
 
-#if RCT_ONLY_NEW_ARCHITECTURE
+#if RCT_ONLY_NEW_ARCHITECTURE_EXPERIMENTAL_DO_NOT_USE
 static RCTNotAllowedValidation minValidationLevel = RCTNotAllowedInBridgeless;
 #else
 static RCTNotAllowedValidation minValidationLevel = RCTNotAllowedValidationDisabled;
@@ -242,7 +242,7 @@ RCTFatalExceptionHandler RCTGetFatalExceptionHandler(void)
 
 __attribute__((used)) RCT_EXTERN void RCTNewArchitectureSetMinValidationLevel(RCTNotAllowedValidation level)
 {
-#if RCT_ONLY_NEW_ARCHITECTURE
+#if RCT_ONLY_NEW_ARCHITECTURE_EXPERIMENTAL_DO_NOT_USE
   // Cannot disable the reporting in this mode.
 #else
   minValidationLevel = level;
@@ -325,7 +325,7 @@ void RCTEnforceNewArchitectureValidation(RCTNotAllowedValidation type, id contex
 
 void RCTErrorNewArchitectureValidation(RCTNotAllowedValidation type, id context, NSString *extra)
 {
-#if RCT_ONLY_NEW_ARCHITECTURE
+#if RCT_ONLY_NEW_ARCHITECTURE_EXPERIMENTAL_DO_NOT_USE
   newArchitectureValidationInternal(RCTLogLevelFatal, type, context, extra);
 #else
   newArchitectureValidationInternal(RCTLogLevelError, type, context, extra);
@@ -339,7 +339,7 @@ void RCTLogNewArchitectureValidation(RCTNotAllowedValidation type, id context, N
 
 void RCTNewArchitectureValidationPlaceholder(RCTNotAllowedValidation type, id context, NSString *extra)
 {
-#if RCT_ONLY_NEW_ARCHITECTURE
+#if RCT_ONLY_NEW_ARCHITECTURE_EXPERIMENTAL_DO_NOT_USE
   newArchitectureValidationInternal(RCTLogLevelInfo, type, context, extra);
 #endif
 }
diff --git a/packages/react-native/React/Base/RCTBridge+Private.h b/packages/react-native/React/Base/RCTBridge+Private.h
index fc4639dec0a1a7..d9b2be4bab269c 100644
--- a/packages/react-native/React/Base/RCTBridge+Private.h
+++ b/packages/react-native/React/Base/RCTBridge+Private.h
@@ -6,6 +6,9 @@
  */
 
 #import <React/RCTBridge.h>
+#ifdef __cplusplus
+#import <jsinspector-modern/ReactCdp.h>
+#endif
 
 @class RCTModuleRegistry;
 @class RCTModuleData;
@@ -70,6 +73,17 @@ RCT_EXTERN void RCTRegisterModule(Class);
  */
 @property (nonatomic, strong, readonly) RCTModuleRegistry *moduleRegistry;
 
+/**
+ * The page target for this bridge, if one has been created. Exposed for RCTCxxBridge only.
+ */
+@property (nonatomic, assign, readonly)
+#ifdef __cplusplus
+    facebook::react::jsinspector_modern::PageTarget *
+#else
+    // The inspector infrastructure cannot be used in C code.
+    void *
+#endif
+        inspectorTarget;
 @end
 
 @interface RCTBridge (RCTCxxBridge)
diff --git a/packages/react-native/React/Base/RCTBridge.h b/packages/react-native/React/Base/RCTBridge.h
index 7d06d7672fd568..5d51f290b1c766 100644
--- a/packages/react-native/React/Base/RCTBridge.h
+++ b/packages/react-native/React/Base/RCTBridge.h
@@ -53,10 +53,21 @@ void RCTEnableTurboModuleInterop(BOOL enabled);
 BOOL RCTTurboModuleInteropBridgeProxyEnabled(void);
 void RCTEnableTurboModuleInteropBridgeProxy(BOOL enabled);
 
+// Turn on the fabric interop layer
+BOOL RCTFabricInteropLayerEnabled(void);
+void RCTEnableFabricInteropLayer(BOOL enabled);
+
 // Turn on TurboModule sync execution of void methods
 BOOL RCTTurboModuleSyncVoidMethodsEnabled(void);
 void RCTEnableTurboModuleSyncVoidMethods(BOOL enabled);
 
+// Use a shared queue for executing module methods
+BOOL RCTTurboModuleSharedQueueEnabled(void);
+void RCTEnableTurboModuleSharedQueue(BOOL enabled);
+
+BOOL RCTUIManagerDispatchAccessibilityManagerInitOntoMain(void);
+void RCTUIManagerSetDispatchAccessibilityManagerInitOntoMain(BOOL enabled);
+
 typedef enum {
   kRCTBridgeProxyLoggingLevelNone,
   kRCTBridgeProxyLoggingLevelWarning,
diff --git a/packages/react-native/React/Base/RCTBridge.mm b/packages/react-native/React/Base/RCTBridge.mm
index 117e5d0ae310e5..ffa4ce738bb949 100644
--- a/packages/react-native/React/Base/RCTBridge.mm
+++ b/packages/react-native/React/Base/RCTBridge.mm
@@ -15,6 +15,10 @@
 #if RCT_ENABLE_INSPECTOR
 #import "RCTInspectorDevServerHelper.h"
 #endif
+#import <jsinspector-modern/InspectorFlags.h>
+#import <jsinspector-modern/InspectorInterfaces.h>
+#import <jsinspector-modern/ReactCdp.h>
+#import <optional>
 #import "RCTDevLoadingViewProtocol.h"
 #import "RCTJSThread.h"
 #import "RCTLog.h"
@@ -119,6 +123,17 @@ void RCTEnableTurboModuleInteropBridgeProxy(BOOL enabled)
   turboModuleInteropBridgeProxyEnabled = enabled;
 }
 
+static BOOL fabricInteropLayerEnabled = YES;
+BOOL RCTFabricInteropLayerEnabled()
+{
+  return fabricInteropLayerEnabled;
+}
+
+void RCTEnableFabricInteropLayer(BOOL enabled)
+{
+  fabricInteropLayerEnabled = enabled;
+}
+
 static RCTBridgeProxyLoggingLevel bridgeProxyLoggingLevel = kRCTBridgeProxyLoggingLevelNone;
 RCTBridgeProxyLoggingLevel RCTTurboModuleInteropBridgeProxyLogLevel(void)
 {
@@ -151,11 +166,52 @@ void RCTEnableTurboModuleSyncVoidMethods(BOOL enabled)
   gTurboModuleEnableSyncVoidMethods = enabled;
 }
 
+// Use a shared queue for executing module methods
+static BOOL gTurboModuleEnableSharedQueue = NO;
+BOOL RCTTurboModuleSharedQueueEnabled(void)
+{
+  return gTurboModuleEnableSharedQueue;
+}
+
+void RCTEnableTurboModuleSharedQueue(BOOL enabled)
+{
+  gTurboModuleEnableSharedQueue = enabled;
+}
+
+BOOL kDispatchAccessibilityManagerInitOntoMain = NO;
+BOOL RCTUIManagerDispatchAccessibilityManagerInitOntoMain(void)
+{
+  return kDispatchAccessibilityManagerInitOntoMain;
+}
+
+void RCTUIManagerSetDispatchAccessibilityManagerInitOntoMain(BOOL enabled)
+{
+  kDispatchAccessibilityManagerInitOntoMain = enabled;
+}
+
+class RCTBridgePageTargetDelegate : public facebook::react::jsinspector_modern::PageTargetDelegate {
+ public:
+  RCTBridgePageTargetDelegate(RCTBridge *bridge) : bridge_(bridge) {}
+
+  void onReload(const PageReloadRequest &request) override
+  {
+    RCTAssertMainQueue();
+    [bridge_ reload];
+  }
+
+ private:
+  __weak RCTBridge *bridge_;
+};
+
 @interface RCTBridge () <RCTReloadListener>
 @end
 
 @implementation RCTBridge {
   NSURL *_delegateBundleURL;
+
+  std::unique_ptr<RCTBridgePageTargetDelegate> _inspectorPageDelegate;
+  std::shared_ptr<facebook::react::jsinspector_modern::PageTarget> _inspectorTarget;
+  std::optional<int> _inspectorPageId;
 }
 
 + (void)initialize
@@ -204,6 +260,7 @@ - (instancetype)initWithDelegate:(id<RCTBridgeDelegate>)delegate
     _bundleURL = bundleURL;
     _moduleProvider = block;
     _launchOptions = [launchOptions copy];
+    _inspectorPageDelegate = std::make_unique<RCTBridgePageTargetDelegate>(self);
 
     [self setUp];
   }
@@ -218,7 +275,14 @@ - (void)dealloc
    * This runs only on the main thread, but crashes the subclass
    * RCTAssertMainQueue();
    */
+  // NOTE: RCTCxxBridge will use _inspectorTarget during [self invalidate], so we must
+  // keep it alive until after the call returns.
   [self invalidate];
+  if (_inspectorPageId.has_value()) {
+    facebook::react::jsinspector_modern::getInspectorInstance().removePage(*_inspectorPageId);
+    _inspectorPageId.reset();
+    _inspectorTarget.reset();
+  }
 }
 
 - (void)setRCTTurboModuleRegistry:(id<RCTTurboModuleRegistry>)turboModuleRegistry
@@ -234,8 +298,11 @@ - (RCTBridgeModuleDecorator *)bridgeModuleDecorator
 - (void)didReceiveReloadCommand
 {
 #if RCT_ENABLE_INSPECTOR
-  // Disable debugger to resume the JsVM & avoid thread locks while reloading
-  [RCTInspectorDevServerHelper disableDebugger];
+  auto &inspectorFlags = facebook::react::jsinspector_modern::InspectorFlags::getInstance();
+  if (!inspectorFlags.getEnableModernCDPRegistry()) {
+    // Disable debugger to resume the JsVM & avoid thread locks while reloading
+    [RCTInspectorDevServerHelper disableDebugger];
+  }
 #endif
 
   [[NSNotificationCenter defaultCenter] postNotificationName:RCTBridgeWillReloadNotification object:self userInfo:nil];
@@ -344,6 +411,34 @@ - (void)setUp
   [_performanceLogger markStartForTag:RCTPLBridgeStartup];
   [_performanceLogger markStartForTag:RCTPLTTI];
 
+  auto &inspectorFlags = facebook::react::jsinspector_modern::InspectorFlags::getInstance();
+  if (inspectorFlags.getEnableModernCDPRegistry() && !_inspectorPageId.has_value()) {
+    _inspectorTarget =
+        facebook::react::jsinspector_modern::PageTarget::create(*_inspectorPageDelegate, [](auto callback) {
+          RCTExecuteOnMainQueue(^{
+            callback();
+          });
+        });
+    __weak RCTBridge *weakSelf = self;
+    _inspectorPageId = facebook::react::jsinspector_modern::getInspectorInstance().addPage(
+        "React Native Bridge (Experimental)",
+        /* vm */ "",
+        [weakSelf](std::unique_ptr<facebook::react::jsinspector_modern::IRemoteConnection> remote)
+            -> std::unique_ptr<facebook::react::jsinspector_modern::ILocalConnection> {
+          RCTBridge *strongSelf = weakSelf;
+          if (!strongSelf) {
+            // This can happen if we're about to be dealloc'd. Reject the connection.
+            return nullptr;
+          }
+          return strongSelf->_inspectorTarget->connect(
+              std::move(remote),
+              {
+                  .integrationName = "iOS Bridge (RCTBridge)",
+              });
+        },
+        {.nativePageReloads = true});
+  }
+
   Class bridgeClass = self.bridgeClass;
 
   // Only update bundleURL from delegate if delegate bundleURL has changed
@@ -432,4 +527,8 @@ - (void)registerSegmentWithId:(NSUInteger)segmentId path:(NSString *)path
   [self.batchedBridge registerSegmentWithId:segmentId path:path];
 }
 
+- (facebook::react::jsinspector_modern::PageTarget *)inspectorTarget
+{
+  return _inspectorTarget.get();
+}
 @end
diff --git a/packages/react-native/React/Base/RCTBridgeDelegate.h b/packages/react-native/React/Base/RCTBridgeDelegate.h
index 0e081964bc2ec2..1bc3723ea9ed12 100644
--- a/packages/react-native/React/Base/RCTBridgeDelegate.h
+++ b/packages/react-native/React/Base/RCTBridgeDelegate.h
@@ -10,6 +10,8 @@
 @class RCTBridge;
 @protocol RCTBridgeModule;
 
+NS_ASSUME_NONNULL_BEGIN
+
 @protocol RCTBridgeDelegate <NSObject>
 
 /**
@@ -18,7 +20,7 @@
  * When running from a locally bundled JS file, this should be a `file://` url
  * pointing to a path inside the app resources, e.g. `file://.../main.jsbundle`.
  */
-- (NSURL *)sourceURLForBridge:(RCTBridge *)bridge;
+- (NSURL *__nullable)sourceURLForBridge:(RCTBridge *)bridge;
 
 @optional
 
@@ -77,3 +79,5 @@
 - (NSDictionary<NSString *, Class> *)extraLazyModuleClassesForBridge:(RCTBridge *)bridge;
 
 @end
+
+NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/React/Base/RCTBridgeModule.h b/packages/react-native/React/Base/RCTBridgeModule.h
index a55acf753a5f18..370df0d81824d7 100644
--- a/packages/react-native/React/Base/RCTBridgeModule.h
+++ b/packages/react-native/React/Base/RCTBridgeModule.h
@@ -11,6 +11,8 @@
 #import <React/RCTDefines.h>
 #import <React/RCTJSThread.h>
 
+#import <RCTDeprecation/RCTDeprecation.h>
+
 #import "RCTBundleManager.h"
 
 @class RCTBridge;
@@ -83,15 +85,15 @@ RCT_EXTERN_C_END
  * registration. Useful for registering swift classes that forbids use of load
  * Used in RCT_EXTERN_REMAP_MODULE
  */
-#define RCT_EXPORT_MODULE_NO_LOAD(js_name, objc_name)                           \
-  RCT_EXTERN void RCTRegisterModule(Class);                                     \
-  +(NSString *)moduleName                                                       \
-  {                                                                             \
-    return @ #js_name;                                                          \
-  }                                                                             \
-  __attribute__((constructor)) static void RCT_CONCAT(initialize_, objc_name)() \
-  {                                                                             \
-    RCTRegisterModule([objc_name class]);                                       \
+#define RCT_EXPORT_MODULE_NO_LOAD(js_name, objc_name)                               \
+  RCT_EXTERN void RCTRegisterModule(Class);                                         \
+  +(NSString *)moduleName                                                           \
+  {                                                                                 \
+    return @ #js_name;                                                              \
+  }                                                                                 \
+  __attribute__((constructor)) static void RCT_CONCAT(initialize_, objc_name)(void) \
+  {                                                                                 \
+    RCTRegisterModule([objc_name class]);                                           \
   }
 
 // Implemented by RCT_EXPORT_MODULE
@@ -146,30 +148,20 @@ RCT_EXTERN_C_END
  * To implement this in your module, just add `@synthesize bridge = _bridge;`
  * If using Swift, add `@objc var bridge: RCTBridge!` to your module.
  */
-@property (nonatomic, weak, readonly) RCTBridge *bridge;
+@property (nonatomic, weak, readonly) RCTBridge *bridge RCT_DEPRECATED;
 
 /**
- * The queue that will be used to call all exported methods. If omitted, this
- * will call on a default background queue, which is avoids blocking the main
- * thread.
- *
- * If the methods in your module need to interact with UIKit methods, they will
- * probably need to call those on the main thread, as most of UIKit is main-
- * thread-only. You can tell React Native to call your module methods on the
- * main thread by returning a reference to the main queue, like this:
- *
- * - (dispatch_queue_t)methodQueue
- * {
- *   return dispatch_get_main_queue();
- * }
- *
- * If you don't want to specify the queue yourself, but you need to use it
- * inside your class (e.g. if you have internal methods that need to dispatch
- * onto that queue), you can just add `@synthesize methodQueue = _methodQueue;`
- * and the bridge will populate the methodQueue property for you automatically
- * when it initializes the module.
+ * This property is deprecated. This selector used to support two functionalities.
+ *
+ * 1) Providing a queue to do additional async work.
+ * Instead of synthesizing this selector, retrieve a queue from GCD to do any asynchronous work.
+ * Example: _myQueue = dispatch_queue_create("myQueue", DISPATCH_QUEUE_SERIAL);
+ *
+ * 2) Overriding this in order to run all the module's methods on a specific queue, usually main.
+ * Instead of overriding this, directly dispatch the code onto main queue when necessary.
+ * Example: dispatch_async(dispatch_get_main_queue, ^{ ... });
  */
-@property (nonatomic, strong, readonly) dispatch_queue_t methodQueue;
+@property (nonatomic, strong, readonly) dispatch_queue_t methodQueue RCT_DEPRECATED;
 
 /**
  * Wrap the parameter line of your method implementation with this macro to
diff --git a/packages/react-native/React/Base/RCTBridgeProxy.h b/packages/react-native/React/Base/RCTBridgeProxy.h
index f8639c418e0d25..79c75c3b491ae0 100644
--- a/packages/react-native/React/Base/RCTBridgeProxy.h
+++ b/packages/react-native/React/Base/RCTBridgeProxy.h
@@ -20,7 +20,8 @@
                        bundleManager:(RCTBundleManager *)bundleManager
                    callableJSModules:(RCTCallableJSModules *)callableJSModules
                   dispatchToJSThread:(void (^)(dispatch_block_t))dispatchToJSThread
-               registerSegmentWithId:(void (^)(NSNumber *, NSString *))registerSegmentWithId NS_DESIGNATED_INITIALIZER;
+               registerSegmentWithId:(void (^)(NSNumber *, NSString *))registerSegmentWithId
+                             runtime:(void *)runtime NS_DESIGNATED_INITIALIZER;
 
 - (NSMethodSignature *)methodSignatureForSelector:(SEL)sel;
 - (void)forwardInvocation:(NSInvocation *)invocation;
diff --git a/packages/react-native/React/Base/RCTBridgeProxy.mm b/packages/react-native/React/Base/RCTBridgeProxy.mm
index 4385f6c774acbe..979106a67e4cdc 100644
--- a/packages/react-native/React/Base/RCTBridgeProxy.mm
+++ b/packages/react-native/React/Base/RCTBridgeProxy.mm
@@ -28,6 +28,7 @@ @implementation RCTBridgeProxy {
   RCTCallableJSModules *_callableJSModules;
   void (^_dispatchToJSThread)(dispatch_block_t);
   void (^_registerSegmentWithId)(NSNumber *, NSString *);
+  void *_runtime;
 }
 
 - (instancetype)initWithViewRegistry:(RCTViewRegistry *)viewRegistry
@@ -36,15 +37,17 @@ - (instancetype)initWithViewRegistry:(RCTViewRegistry *)viewRegistry
                    callableJSModules:(RCTCallableJSModules *)callableJSModules
                   dispatchToJSThread:(void (^)(dispatch_block_t))dispatchToJSThread
                registerSegmentWithId:(void (^)(NSNumber *, NSString *))registerSegmentWithId
+                             runtime:(void *)runtime
 {
   self = [super self];
   if (self) {
-    self->_uiManagerProxy = [[RCTUIManagerProxy alloc] initWithViewRegistry:viewRegistry];
-    self->_moduleRegistry = moduleRegistry;
-    self->_bundleManager = bundleManager;
-    self->_callableJSModules = callableJSModules;
-    self->_dispatchToJSThread = dispatchToJSThread;
-    self->_registerSegmentWithId = registerSegmentWithId;
+    _uiManagerProxy = [[RCTUIManagerProxy alloc] initWithViewRegistry:viewRegistry];
+    _moduleRegistry = moduleRegistry;
+    _bundleManager = bundleManager;
+    _callableJSModules = callableJSModules;
+    _dispatchToJSThread = dispatchToJSThread;
+    _registerSegmentWithId = registerSegmentWithId;
+    _runtime = runtime;
   }
   return self;
 }
@@ -75,10 +78,10 @@ - (Class)executorClass
  * Used By:
  *  - RCTBlobCollector
  */
-- (jsi::Runtime *)runtime
+- (void *)runtime
 {
-  [self logWarning:@"This method is unsupported. Returning nullptr." cmd:_cmd];
-  return nullptr;
+  [self logWarning:@"Please migrate to C++ TurboModule or RuntimeExecutor." cmd:_cmd];
+  return _runtime;
 }
 
 /**
@@ -162,7 +165,7 @@ - (void)enqueueJSCall:(NSString *)module
 
 - (void)registerSegmentWithId:(NSUInteger)segmentId path:(NSString *)path
 {
-  self->_registerSegmentWithId(@(segmentId), path);
+  _registerSegmentWithId(@(segmentId), path);
 }
 
 - (id<RCTBridgeDelegate>)delegate
@@ -411,8 +414,9 @@ - (RCTPlatformView *)viewForReactTag:(NSNumber *)reactTag // [macOS]
 {
   [self logWarning:@"Please migrate to RCTViewRegistry: @synthesize viewRegistry_DEPRECATED = _viewRegistry_DEPRECATED."
                cmd:_cmd];
-  return [_viewRegistry viewForReactTag:reactTag] ? [_viewRegistry viewForReactTag:reactTag]
-                                                  : [_legacyViewRegistry objectForKey:reactTag];
+  RCTPlatformView *view = [_viewRegistry viewForReactTag:reactTag] ? [_viewRegistry viewForReactTag:reactTag] // [macOS]
+                                                                   : [_legacyViewRegistry objectForKey:reactTag];
+  return [RCTUIManager paperViewOrCurrentView:view];
 }
 
 - (void)addUIBlock:(RCTViewManagerUIBlock)block
@@ -425,7 +429,11 @@ - (void)addUIBlock:(RCTViewManagerUIBlock)block
   RCTExecuteOnMainQueue(^{
     __typeof(self) strongSelf = weakSelf;
     if (strongSelf) {
-      block((RCTUIManager *)strongSelf, strongSelf->_legacyViewRegistry);
+      RCTUIManager *proxiedManager = (RCTUIManager *)strongSelf;
+      RCTComposedViewRegistry *composedViewRegistry =
+          [[RCTComposedViewRegistry alloc] initWithUIManager:proxiedManager
+                                                 andRegistry:strongSelf->_legacyViewRegistry];
+      block(proxiedManager, composedViewRegistry);
     }
   });
 }
diff --git a/packages/react-native/React/Base/RCTBundleURLProvider.h b/packages/react-native/React/Base/RCTBundleURLProvider.h
index efe1bd632aa566..3c96903ee76e37 100644
--- a/packages/react-native/React/Base/RCTBundleURLProvider.h
+++ b/packages/react-native/React/Base/RCTBundleURLProvider.h
@@ -9,7 +9,7 @@
 
 #import "RCTDefines.h"
 
-RCT_EXTERN NSString *const RCTBundleURLProviderUpdatedNotification;
+RCT_EXTERN NSString *_Nonnull const RCTBundleURLProviderUpdatedNotification;
 RCT_EXTERN const NSUInteger kRCTBundleURLProviderDefaultPort;
 
 #if RCT_DEV_MENU | RCT_PACKAGER_LOADING_FUNCTIONALITY
@@ -22,6 +22,8 @@ RCT_EXTERN const NSUInteger kRCTBundleURLProviderDefaultPort;
 RCT_EXTERN void RCTBundleURLProviderAllowPackagerServerAccess(BOOL allowed);
 #endif
 
+NS_ASSUME_NONNULL_BEGIN
+
 @interface RCTBundleURLProvider : NSObject
 
 /**
@@ -52,52 +54,53 @@ RCT_EXTERN void RCTBundleURLProviderAllowPackagerServerAccess(BOOL allowed);
  * The port is optional, if not specified, kRCTBundleURLProviderDefaultPort will be used
  * The scheme is also optional, if not specified, a default http protocol will be used
  */
-+ (BOOL)isPackagerRunning:(NSString *)hostPort scheme:(NSString *)scheme;
++ (BOOL)isPackagerRunning:(NSString *)hostPort scheme:(NSString *__nullable)scheme;
 
 /**
  * Returns the jsBundleURL for a given bundle entrypoint and
  * the fallback offline JS bundle if the packager is not running.
  */
-- (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot fallbackURLProvider:(NSURL * (^)(void))fallbackURLProvider;
+- (NSURL *__nullable)jsBundleURLForBundleRoot:(NSString *)bundleRoot
+                          fallbackURLProvider:(NSURL *__nullable (^)(void))fallbackURLProvider;
 
 /**
  * Returns the jsBundleURL for a given split bundle entrypoint in development
  */
-- (NSURL *)jsBundleURLForSplitBundleRoot:(NSString *)bundleRoot;
+- (NSURL *__nullable)jsBundleURLForSplitBundleRoot:(NSString *)bundleRoot;
 
 /**
  * Returns the jsBundleURL for a given bundle entrypoint and
  * the fallback offline JS bundle if the packager is not running.
  * if extension is nil, "jsbundle" will be used.
  */
-- (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot fallbackExtension:(NSString *)extension;
+- (NSURL *__nullable)jsBundleURLForBundleRoot:(NSString *)bundleRoot fallbackExtension:(NSString *__nullable)extension;
 
 /**
  * Returns the jsBundleURL for a given bundle entrypoint and
  * the fallback offline JS bundle if the packager is not running.
  */
-- (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot;
+- (NSURL *__nullable)jsBundleURLForBundleRoot:(NSString *)bundleRoot;
 
 /**
  * Returns the jsBundleURL for a given bundle entrypoint and
  * the fallback offline JS bundle. If extension is nil,
  * "jsbundle" will be used.
  */
-- (NSURL *)jsBundleURLForFallbackExtension:(NSString *)extension;
+- (NSURL *__nullable)jsBundleURLForFallbackExtension:(NSString *__nullable)extension;
 
 /**
  * Returns the resourceURL for a given bundle entrypoint and
  * the fallback offline resource file if the packager is not running.
  */
-- (NSURL *)resourceURLForResourceRoot:(NSString *)root
-                         resourceName:(NSString *)name
-                    resourceExtension:(NSString *)extension
-                        offlineBundle:(NSBundle *)offlineBundle;
+- (NSURL *__nullable)resourceURLForResourceRoot:(NSString *)root
+                                   resourceName:(NSString *)name
+                              resourceExtension:(NSString *)extension
+                                  offlineBundle:(NSBundle *)offlineBundle;
 
 /**
  * The IP address or hostname of the packager.
  */
-@property (nonatomic, copy) NSString *jsLocation;
+@property (nonatomic, copy, nullable) NSString *jsLocation;
 
 @property (nonatomic, assign) BOOL enableMinification;
 @property (nonatomic, assign) BOOL enableDev;
@@ -119,41 +122,25 @@ RCT_EXTERN void RCTBundleURLProviderAllowPackagerServerAccess(BOOL allowed);
  * - enableDev: Whether to keep or remove `__DEV__` blocks from the bundle.
  * - enableMinification: Enables or disables minification. Usually production bundles are minified and development
  *     bundles are not.
+ * - inlineSourceMap: When true, the bundler will inline the source map in the bundle
  * - modulesOnly: When true, will only send module definitions without polyfills and without the require-runtime.
  * - runModule: When true, will run the main module after defining all modules. This is used in the main bundle but not
  *     in split bundles.
  */
-+ (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
-                       packagerHost:(NSString *)packagerHost
-                          enableDev:(BOOL)enableDev
-                 enableMinification:(BOOL)enableMinification
-    __deprecated_msg(
-        "Use `jsBundleURLForBundleRoot:packagerHost:enableDev:enableMinification:inlineSourceMap:` instead");
-
-+ (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
-                       packagerHost:(NSString *)packagerHost
-                     packagerScheme:(NSString *)scheme
-                          enableDev:(BOOL)enableDev
-                 enableMinification:(BOOL)enableMinification
-                        modulesOnly:(BOOL)modulesOnly
-                          runModule:(BOOL)runModule
-    __deprecated_msg(
-        "Use jsBundleURLForBundleRoot:packagerHost:enableDev:enableMinification:inlineSourceMap:modulesOnly:runModule:`  instead");
-
-+ (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
-                       packagerHost:(NSString *)packagerHost
-                          enableDev:(BOOL)enableDev
-                 enableMinification:(BOOL)enableMinification
-                    inlineSourceMap:(BOOL)inlineSourceMap;
-
-+ (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
-                       packagerHost:(NSString *)packagerHost
-                     packagerScheme:(NSString *)scheme
-                          enableDev:(BOOL)enableDev
-                 enableMinification:(BOOL)enableMinification
-                    inlineSourceMap:(BOOL)inlineSourceMap
-                        modulesOnly:(BOOL)modulesOnly
-                          runModule:(BOOL)runModule;
++ (NSURL *__nullable)jsBundleURLForBundleRoot:(NSString *)bundleRoot
+                                 packagerHost:(NSString *)packagerHost
+                                    enableDev:(BOOL)enableDev
+                           enableMinification:(BOOL)enableMinification
+                              inlineSourceMap:(BOOL)inlineSourceMap;
+
++ (NSURL *__nullable)jsBundleURLForBundleRoot:(NSString *)bundleRoot
+                                 packagerHost:(NSString *)packagerHost
+                               packagerScheme:(NSString *__nullable)scheme
+                                    enableDev:(BOOL)enableDev
+                           enableMinification:(BOOL)enableMinification
+                              inlineSourceMap:(BOOL)inlineSourceMap
+                                  modulesOnly:(BOOL)modulesOnly
+                                    runModule:(BOOL)runModule;
 /**
  * Given a hostname for the packager and a resource path (including "/"), return the URL to the resource.
  * In general, please use the instance method to decide if the packager is running and fallback to the pre-packaged
@@ -161,8 +148,8 @@ RCT_EXTERN void RCTBundleURLProviderAllowPackagerServerAccess(BOOL allowed);
  */
 + (NSURL *)resourceURLForResourcePath:(NSString *)path
                          packagerHost:(NSString *)packagerHost
-                               scheme:(NSString *)scheme
-                                query:(NSString *)query
+                               scheme:(NSString *__nullable)scheme
+                                query:(NSString *__nullable)query
     __deprecated_msg("Use version with queryItems parameter instead");
 
 /**
@@ -173,6 +160,8 @@ RCT_EXTERN void RCTBundleURLProviderAllowPackagerServerAccess(BOOL allowed);
 + (NSURL *)resourceURLForResourcePath:(NSString *)path
                          packagerHost:(NSString *)packagerHost
                                scheme:(NSString *)scheme
-                           queryItems:(NSArray<NSURLQueryItem *> *)queryItems;
+                           queryItems:(NSArray<NSURLQueryItem *> *__nullable)queryItems;
 
 @end
+
+NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/React/Base/RCTBundleURLProvider.mm b/packages/react-native/React/Base/RCTBundleURLProvider.mm
index aa8753376e1d1a..596706da3bec73 100644
--- a/packages/react-native/React/Base/RCTBundleURLProvider.mm
+++ b/packages/react-native/React/Base/RCTBundleURLProvider.mm
@@ -245,27 +245,11 @@ - (NSURL *)resourceURLForResourceRoot:(NSString *)root
                                        queryItems:nil];
 }
 
-+ (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
-                       packagerHost:(NSString *)packagerHost
-                          enableDev:(BOOL)enableDev
-                 enableMinification:(BOOL)enableMinification
-{
-  return [self jsBundleURLForBundleRoot:bundleRoot
-                           packagerHost:packagerHost
-                         packagerScheme:nil
-                              enableDev:enableDev
-                     enableMinification:enableMinification
-                        inlineSourceMap:NO
-                            modulesOnly:NO
-                              runModule:YES];
-}
-
 + (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
                        packagerHost:(NSString *)packagerHost
                           enableDev:(BOOL)enableDev
                  enableMinification:(BOOL)enableMinification
                     inlineSourceMap:(BOOL)inlineSourceMap
-
 {
   return [self jsBundleURLForBundleRoot:bundleRoot
                            packagerHost:packagerHost
@@ -277,24 +261,6 @@ + (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
                               runModule:YES];
 }
 
-+ (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
-                       packagerHost:(NSString *)packagerHost
-                     packagerScheme:(NSString *)scheme
-                          enableDev:(BOOL)enableDev
-                 enableMinification:(BOOL)enableMinification
-                        modulesOnly:(BOOL)modulesOnly
-                          runModule:(BOOL)runModule
-{
-  return [self jsBundleURLForBundleRoot:bundleRoot
-                           packagerHost:packagerHost
-                         packagerScheme:nil
-                              enableDev:enableDev
-                     enableMinification:enableMinification
-                        inlineSourceMap:NO
-                            modulesOnly:modulesOnly
-                              runModule:runModule];
-}
-
 + (NSURL *)jsBundleURLForBundleRoot:(NSString *)bundleRoot
                        packagerHost:(NSString *)packagerHost
                      packagerScheme:(NSString *)scheme
diff --git a/packages/react-native/React/Base/RCTConstants.h b/packages/react-native/React/Base/RCTConstants.h
index a2d470c71f9b4f..b7d10b481d4027 100644
--- a/packages/react-native/React/Base/RCTConstants.h
+++ b/packages/react-native/React/Base/RCTConstants.h
@@ -53,24 +53,12 @@ RCT_EXTERN NSString *const RCTDidInitializeModuleNotification;
 RCT_EXTERN BOOL RCTGetDispatchW3CPointerEvents(void);
 RCT_EXTERN void RCTSetDispatchW3CPointerEvents(BOOL value);
 
-/*
- * Validate RCTEventEmitter
- */
-RCT_EXTERN BOOL RCTGetValidateCanSendEventInRCTEventEmitter(void);
-RCT_EXTERN void RCTSetValidateCanSendEventInRCTEventEmitter(BOOL value);
-
 /*
  * Memory Pressure Unloading Level
  */
 RCT_EXTERN int RCTGetMemoryPressureUnloadLevel(void);
 RCT_EXTERN void RCTSetMemoryPressureUnloadLevel(int value);
 
-/*
- * Parse JS stack for unhandled JS errors caught in C++
- */
-RCT_EXTERN BOOL RCTGetParseUnhandledJSErrorStackNatively(void);
-RCT_EXTERN void RCTSetParseUnhandledJSErrorStackNatively(BOOL value);
-
 /*
  * Use native view configs in bridgeless mode
  */
diff --git a/packages/react-native/React/Base/RCTConstants.m b/packages/react-native/React/Base/RCTConstants.m
index 7490301f7fd0ac..cdc707e5c0a413 100644
--- a/packages/react-native/React/Base/RCTConstants.m
+++ b/packages/react-native/React/Base/RCTConstants.m
@@ -44,21 +44,6 @@ void RCTSetDispatchW3CPointerEvents(BOOL value)
   RCTDispatchW3CPointerEvents = value;
 }
 
-/*
- * Validate RCTEventEmitter. For experimentation only.
- */
-static BOOL RCTValidateCanSendEventInRCTEventEmitter = NO;
-
-BOOL RCTGetValidateCanSendEventInRCTEventEmitter(void)
-{
-  return RCTValidateCanSendEventInRCTEventEmitter;
-}
-
-void RCTSetValidateCanSendEventInRCTEventEmitter(BOOL value)
-{
-  RCTValidateCanSendEventInRCTEventEmitter = value;
-}
-
 /*
  * Memory Pressure Unloading Level for experimentation only.
  * Default is 15, which is TRIM_MEMORY_RUNNING_CRITICAL.
@@ -75,22 +60,6 @@ void RCTSetMemoryPressureUnloadLevel(int value)
   RCTMemoryPressureUnloadLevel = value;
 }
 
-/*
- * In Bridge mode, parse the JS stack for unhandled JS errors, to display in RedBox.
- * When false (previous default behavior), a native stack is displayed in the RedBox.
- */
-static BOOL RCTParseUnhandledJSErrorStackNatively = NO;
-
-BOOL RCTGetParseUnhandledJSErrorStackNatively(void)
-{
-  return RCTParseUnhandledJSErrorStackNatively;
-}
-
-void RCTSetParseUnhandledJSErrorStackNatively(BOOL value)
-{
-  RCTParseUnhandledJSErrorStackNatively = value;
-}
-
 /*
  * Use native view configs in bridgeless mode
  */
diff --git a/packages/react-native/React/Base/RCTConvert.h b/packages/react-native/React/Base/RCTConvert.h
index 35c9e90992e01e..5b50dfb98ff53a 100644
--- a/packages/react-native/React/Base/RCTConvert.h
+++ b/packages/react-native/React/Base/RCTConvert.h
@@ -81,7 +81,7 @@ typedef NSURL RCTFileURL;
 
 + (UIViewContentMode)UIViewContentMode:(id)json;
 #if !TARGET_OS_TV
-+ (UIBarStyle)UIBarStyle:(id)json;
++ (UIBarStyle)UIBarStyle:(id)json __deprecated;
 #endif
 #endif // [macOS]
 
diff --git a/packages/react-native/React/Base/RCTConvert.m b/packages/react-native/React/Base/RCTConvert.mm
similarity index 99%
rename from packages/react-native/React/Base/RCTConvert.m
rename to packages/react-native/React/Base/RCTConvert.mm
index 8418428b0c6a7b..6a003d0e017f2a 100644
--- a/packages/react-native/React/Base/RCTConvert.m
+++ b/packages/react-native/React/Base/RCTConvert.mm
@@ -441,7 +441,8 @@ + (UIKeyboardType)UIKeyboardType:(id)json RCT_DYNAMIC
     mapping = temporaryMapping;
   });
 
-  UIKeyboardType type = RCTConvertEnumValue("UIKeyboardType", mapping, @(UIKeyboardTypeDefault), json).integerValue;
+  UIKeyboardType type =
+      (UIKeyboardType)RCTConvertEnumValue("UIKeyboardType", mapping, @(UIKeyboardTypeDefault), json).integerValue;
   return type;
 }
 
@@ -983,7 +984,7 @@ + (UIEdgeInsets)UIEdgeInsets:(id)json
     RCTAssert ([RCTUIColor respondsToSelector:selector], @"RCTUIColor does not respond to a semantic color selector.");
     Class klass = [RCTUIColor class];
     IMP imp = [klass methodForSelector:selector];
-    id (*getSemanticColorObject)(id, SEL) = (void *)imp;
+    id (*getSemanticColorObject)(id, SEL) = (id(*)(id, SEL))imp;
     id colorObject = getSemanticColorObject(klass, selector);
     if ([colorObject isKindOfClass:[RCTUIColor class]]) {
       color = colorObject;
@@ -1414,7 +1415,8 @@ + (NSPropertyList)NSPropertyList:(id)json
       @"stretch" : @(YGAlignStretch),
       @"baseline" : @(YGAlignBaseline),
       @"space-between" : @(YGAlignSpaceBetween),
-      @"space-around" : @(YGAlignSpaceAround)
+      @"space-around" : @(YGAlignSpaceAround),
+      @"space-evenly" : @(YGAlignSpaceEvenly)
     }),
     YGAlignFlexStart,
     intValue)
@@ -1431,11 +1433,7 @@ + (NSPropertyList)NSPropertyList:(id)json
 
 RCT_ENUM_CONVERTER(
     YGPositionType,
-    (@{
-      @"static" : @(YGPositionTypeStatic),
-      @"absolute" : @(YGPositionTypeAbsolute),
-      @"relative" : @(YGPositionTypeRelative)
-    }),
+    (@{@"absolute" : @(YGPositionTypeAbsolute), @"relative" : @(YGPositionTypeRelative)}),
     YGPositionTypeRelative,
     intValue)
 
diff --git a/packages/react-native/React/Base/RCTDefines.h b/packages/react-native/React/Base/RCTDefines.h
index 68fa842281537a..598d178874413f 100644
--- a/packages/react-native/React/Base/RCTDefines.h
+++ b/packages/react-native/React/Base/RCTDefines.h
@@ -185,8 +185,8 @@
  * Controls for activating the new architecture without the legacy system.
  * Note: this is work in progress.
  */
-#ifdef REACT_NATIVE_FORCE_NEW_ARCHITECTURE
-#define RCT_ONLY_NEW_ARCHITECTURE 1
+#ifdef REACT_NATIVE_FORCE_NEW_ARCHITECTURE_EXPERIMENTAL_DO_NOT_USE
+#define RCT_ONLY_NEW_ARCHITECTURE_EXPERIMENTAL_DO_NOT_USE 1
 #else
-#define RCT_ONLY_NEW_ARCHITECTURE 0
+#define RCT_ONLY_NEW_ARCHITECTURE_EXPERIMENTAL_DO_NOT_USE 0
 #endif
diff --git a/packages/react-native/React/Base/RCTKeyCommands.m b/packages/react-native/React/Base/RCTKeyCommands.m
index 9121cde3c88cf1..1b9652c4076135 100644
--- a/packages/react-native/React/Base/RCTKeyCommands.m
+++ b/packages/react-native/React/Base/RCTKeyCommands.m
@@ -178,13 +178,24 @@ - (void)handleKeyUIEventSwizzle:(UIEvent *)event
 
 - (void)RCT_handleKeyCommand:(NSString *)input flags:(UIKeyModifierFlags)modifierFlags
 {
+  // In Bridgeless mode we might incur in some concurrency issues
+  // where the React Native instance is invalidated while iterating on the
+  // list of available commands.
+  // That will cleanup the set while iterating, which is a not allowed mutation.
+  // To work around that, we store the commands that we need to execute in a separate
+  // array, local to this function call, so we don't incur in concurrency issues
+  NSMutableArray<RCTKeyCommand *> *commandsToExecute = [NSMutableArray new];
   for (RCTKeyCommand *command in [RCTKeyCommands sharedInstance].commands) {
     if ([command matchesInput:input flags:modifierFlags]) {
       if (command.block) {
-        command.block(nil);
+        [commandsToExecute addObject:command];
       }
     }
   }
+
+  for (RCTKeyCommand *command in commandsToExecute) {
+    command.block(nil);
+  }
 }
 
 + (instancetype)sharedInstance
diff --git a/packages/react-native/React/Base/RCTModuleData.mm b/packages/react-native/React/Base/RCTModuleData.mm
index dbbc6daa9aa30c..1be7a2af25e1de 100644
--- a/packages/react-native/React/Base/RCTModuleData.mm
+++ b/packages/react-native/React/Base/RCTModuleData.mm
@@ -77,20 +77,6 @@ - (void)setUp
         !_instance && [_moduleClass instanceMethodForSelector:@selector(init)] != objectInitMethod;
 
     _requiresMainQueueSetup = _hasConstantsToExport || hasCustomInit;
-    if (_requiresMainQueueSetup) {
-      const char *methodName = "";
-      if (_hasConstantsToExport) {
-        methodName = "constantsToExport";
-      } else if (hasCustomInit) {
-        methodName = "init";
-      }
-      RCTLogWarn(
-          @"Module %@ requires main queue setup since it overrides `%s` but doesn't implement "
-           "`requiresMainQueueSetup`. In a future release React Native will default to initializing all native modules "
-           "on a background thread unless explicitly opted-out of.",
-          _moduleClass,
-          methodName);
-    }
   }
 }
 
diff --git a/packages/react-native/React/Base/RCTRuntimeExecutorModule.h b/packages/react-native/React/Base/RCTRuntimeExecutorModule.h
new file mode 100644
index 00000000000000..fd05fe2c54e123
--- /dev/null
+++ b/packages/react-native/React/Base/RCTRuntimeExecutorModule.h
@@ -0,0 +1,18 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+@class RCTRuntimeExecutor;
+
+/**
+ * Have your module conform to this protocol to access the RuntimeExecutor.
+ * Only available in the bridgeless runtime.
+ */
+@protocol RCTRuntimeExecutorModule <NSObject>
+
+@property (nonatomic, nullable, readwrite) RCTRuntimeExecutor *runtimeExecutor;
+
+@end
diff --git a/packages/react-native/React/Base/RCTUtils.h b/packages/react-native/React/Base/RCTUtils.h
index 25cea7b240742c..f8a84a1ff2ab98 100644
--- a/packages/react-native/React/Base/RCTUtils.h
+++ b/packages/react-native/React/Base/RCTUtils.h
@@ -16,6 +16,10 @@
 
 NS_ASSUME_NONNULL_BEGIN
 
+// Whether the New Architecture is enabled or not
+RCT_EXTERN BOOL RCTIsNewArchEnabled(void);
+RCT_EXTERN void RCTSetNewArchEnabled(BOOL enabled);
+
 // JSON serialization/deserialization
 RCT_EXTERN NSString *__nullable RCTJSONStringify(id __nullable jsonObject, NSError **error);
 RCT_EXTERN id __nullable RCTJSONParse(NSString *__nullable jsonString, NSError **error);
@@ -109,6 +113,9 @@ RCT_EXTERN UIStatusBarManager *__nullable RCTUIStatusBarManager(void);
 // e.g. to present a modal view controller or alert over it
 RCT_EXTERN UIViewController *__nullable RCTPresentedViewController(void);
 
+// Retrieve current window UIStatusBarManager
+RCT_EXTERN UIStatusBarManager *__nullable RCTUIStatusBarManager(void) API_AVAILABLE(ios(13));
+
 // Does this device support force touch (aka 3D Touch)?
 RCT_EXTERN BOOL RCTForceTouchAvailable(void);
 #endif // [macOS]
diff --git a/packages/react-native/React/Base/RCTUtils.m b/packages/react-native/React/Base/RCTUtils.m
index 36916fc85429f4..797880befc368e 100644
--- a/packages/react-native/React/Base/RCTUtils.m
+++ b/packages/react-native/React/Base/RCTUtils.m
@@ -35,6 +35,20 @@
 // Determines if a given image URL refers to a image in Home directory (~)
 BOOL RCTIsHomeAssetURL(NSURL *__nullable imageURL);
 
+// Whether the New Architecture is enabled or not
+static BOOL _newArchEnabled = false;
+BOOL RCTIsNewArchEnabled(void)
+{
+  return _newArchEnabled;
+}
+void RCTSetNewArchEnabled(BOOL enabled)
+{
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^{
+    _newArchEnabled = enabled;
+  });
+}
+
 static NSString *__nullable _RCTJSONStringifyNoRetry(id __nullable jsonObject, NSError **error)
 {
   if (!jsonObject) {
@@ -624,15 +638,18 @@ BOOL RCTRunningInAppExtension(void)
 #endif // macOS]
 }
 
+#if !TARGET_OS_OSX // [macOS]
+UIStatusBarManager *__nullable RCTUIStatusBarManager(void)
+{
 #if TARGET_OS_VISION // [visionOS
-UIStatusBarManager *__nullable RCTUIStatusBarManager(void) {
-	NSSet *connectedScenes = RCTSharedApplication().connectedScenes;
+  NSSet *connectedScenes = RCTSharedApplication().connectedScenes;
 	UIWindowScene *windowScene = [connectedScenes anyObject];
 	return windowScene.statusBarManager;
+#else // visionOS]
+  return RCTKeyWindow().windowScene.statusBarManager;
+#endif // [visionOS]
 }
-#endif // visionOS]
 
-#if !TARGET_OS_OSX // [macOS]
 UIViewController *__nullable RCTPresentedViewController(void)
 {
   if ([RCTUtilsUIOverride hasPresentedViewController]) {
diff --git a/packages/react-native/React/Base/RCTVersion.m b/packages/react-native/React/Base/RCTVersion.m
index 1794ca2e5213d9..26d701dd303104 100644
--- a/packages/react-native/React/Base/RCTVersion.m
+++ b/packages/react-native/React/Base/RCTVersion.m
@@ -1,10 +1,10 @@
 /**
- * @generated by scripts/set-rn-version.js
- *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
  */
 
 #import "RCTVersion.h"
diff --git a/packages/react-native/React/CoreModules/RCTActionSheetManager.mm b/packages/react-native/React/CoreModules/RCTActionSheetManager.mm
index 69ba1a70a006cc..363c81571dcaa4 100644
--- a/packages/react-native/React/CoreModules/RCTActionSheetManager.mm
+++ b/packages/react-native/React/CoreModules/RCTActionSheetManager.mm
@@ -21,12 +21,10 @@
 using namespace facebook::react;
 
 @interface RCTActionSheetManager () <
-#if !TARGET_OS_OSX // [macOS]
-UIActionSheetDelegate
-#else // [macOS
-NSSharingServicePickerDelegate
+#if TARGET_OS_OSX // [macOS
+NSSharingServicePickerDelegate,
 #endif // macOS]
-, NativeActionSheetManagerSpec>
+NativeActionSheetManagerSpec>
 
 #if !TARGET_OS_OSX // [macOS] Unlike iOS, we will only ever have one NSMenu present at a time
 @property (nonatomic, strong) NSMutableArray<UIAlertController *> *alertControllers;
@@ -74,11 +72,6 @@ + (BOOL)requiresMainQueueSetup
 
 @synthesize viewRegistry_DEPRECATED = _viewRegistry_DEPRECATED;
 
-- (dispatch_queue_t)methodQueue
-{
-  return dispatch_get_main_queue();
-}
-
 #if !TARGET_OS_OSX // [macOS]
 - (void)presentViewController:(UIViewController *)alertController
        onParentViewController:(UIViewController *)parentViewController
@@ -156,133 +149,137 @@ - (void)presentMenu:(NSMenu *)menu
     NSNumber *destructiveButtonIndex = @-1;
     destructiveButtonIndices = @[ destructiveButtonIndex ];
   }
-
-  UIViewController *controller = RCTPresentedViewController();
 #endif // [macOS]
   NSNumber *anchor = [RCTConvert NSNumber:options.anchor() ? @(*options.anchor()) : nil];
 #if !TARGET_OS_OSX // [macOS]
   UIColor *tintColor = [RCTConvert UIColor:options.tintColor() ? @(*options.tintColor()) : nil];
   UIColor *cancelButtonTintColor =
       [RCTConvert UIColor:options.cancelButtonTintColor() ? @(*options.cancelButtonTintColor()) : nil];
+  NSString *userInterfaceStyle = [RCTConvert NSString:options.userInterfaceStyle()];
 
-  if (controller == nil) {
-    // [macOS nil check our dict values before inserting them or we may crash
-    RCTLogError(
-        @"Tried to display action sheet but there is no application window. options: %@", @{
-          @"title" : title ?: [NSNull null],
-          @"message" : message ?: [NSNull null],
-          @"options" : buttons ?: [NSNull null],
-          @"cancelButtonIndex" : @(cancelButtonIndex),
-          @"destructiveButtonIndices" : destructiveButtonIndices ?: [NSNull null],
-          @"anchor" : anchor ?: [NSNull null],
-          @"tintColor" : tintColor ?: [NSNull null],
-          @"cancelButtonTintColor" : cancelButtonTintColor ?: [NSNull null],
-          @"disabledButtonIndices" : disabledButtonIndices ?: [NSNull null],
-        });
-    // macOS]
-    return;
-  }
+  dispatch_async(dispatch_get_main_queue(), ^{
+    UIViewController *controller = RCTPresentedViewController();
+
+    if (controller == nil) {
+      // [macOS nil check our dict values before inserting them or we may crash
+      RCTLogError(
+          @"Tried to display action sheet but there is no application window. options: %@", @{
+            @"title" : title ?: [NSNull null],
+            @"message" : message ?: [NSNull null],
+            @"options" : buttons ?: [NSNull null],
+            @"cancelButtonIndex" : @(cancelButtonIndex),
+            @"destructiveButtonIndices" : destructiveButtonIndices ?: [NSNull null],
+            @"anchor" : anchor ?: [NSNull null],
+            @"tintColor" : tintColor ?: [NSNull null],
+            @"cancelButtonTintColor" : cancelButtonTintColor ?: [NSNull null],
+            @"disabledButtonIndices" : disabledButtonIndices ?: [NSNull null],
+          });
+      // macOS]
+      return;
+    }
 #endif // [macOS]
 
-  /*
-   * The `anchor` option takes a view to set as the anchor for the share
-   * popup to point to, on iPads running iOS 8. If it is not passed, it
-   * defaults to centering the share popup on screen without any arrows.
-   */
-  NSNumber *anchorViewTag = anchor;
+    /*
+     * The `anchor` option takes a view to set as the anchor for the share
+     * popup to point to, on iPads running iOS 8. If it is not passed, it
+     * defaults to centering the share popup on screen without any arrows.
+     */
+    NSNumber *anchorViewTag = anchor;
 
 #if !TARGET_OS_OSX // [macOS]
-  UIAlertController *alertController = [UIAlertController alertControllerWithTitle:title
-                                                                           message:message
-                                                                    preferredStyle:UIAlertControllerStyleActionSheet];
+    UIAlertController *alertController = [UIAlertController alertControllerWithTitle:title
+                                                                             message:message
+                                                                      preferredStyle:UIAlertControllerStyleActionSheet];
 #else // [macOS
-  NSMenu *menu = [[NSMenu alloc] initWithTitle:title ?: @""];
-  [menu setAutoenablesItems:NO];
-  [_callbacks setObject:callback forKey:menu];
+    NSMenu *menu = [[NSMenu alloc] initWithTitle:title ?: @""];
+    [menu setAutoenablesItems:NO];
+    [_callbacks setObject:callback forKey:menu];
 #endif // macOS]
 
-  NSInteger index = 0;
+    NSInteger index = 0;
 #if !TARGET_OS_OSX // [macOS]
-  bool isCancelButtonIndex = false;
-  // The handler for a button might get called more than once when tapping outside
-  // the action sheet on iPad. RCTResponseSenderBlock can only be called once so
-  // keep track of callback invocation here.
-  __block bool callbackInvoked = false;
+    bool isCancelButtonIndex = false;
+    // The handler for a button might get called more than once when tapping outside
+    // the action sheet on iPad. RCTResponseSenderBlock can only be called once so
+    // keep track of callback invocation here.
+    __block bool callbackInvoked = false;
 #endif  // [macOS]
-  for (NSString *option in buttons) {
+    for (NSString *option in buttons) {
 #if !TARGET_OS_OSX // [macOS]
-    UIAlertActionStyle style = UIAlertActionStyleDefault;
-    if ([destructiveButtonIndices containsObject:@(index)]) {
-      style = UIAlertActionStyleDestructive;
-    } else if (index == cancelButtonIndex) {
-      style = UIAlertActionStyleCancel;
-      isCancelButtonIndex = true;
-    }
+      UIAlertActionStyle style = UIAlertActionStyleDefault;
+      if ([destructiveButtonIndices containsObject:@(index)]) {
+        style = UIAlertActionStyleDestructive;
+      } else if (index == cancelButtonIndex) {
+        style = UIAlertActionStyleCancel;
+        isCancelButtonIndex = true;
+      }
 
-    NSInteger localIndex = index;
-    UIAlertAction *actionButton = [UIAlertAction actionWithTitle:option
-                                                           style:style
-                                                         handler:^(__unused UIAlertAction *action) {
-                                                           if (!callbackInvoked) {
-                                                             callbackInvoked = true;
-                                                             [self->_alertControllers removeObject:alertController];
-                                                             callback(@[ @(localIndex) ]);
-                                                           }
-                                                         }];
-    if (isCancelButtonIndex) {
-      [actionButton setValue:cancelButtonTintColor forKey:@"titleTextColor"];
-    }
-    [alertController addAction:actionButton];
+      NSInteger localIndex = index;
+      UIAlertAction *actionButton = [UIAlertAction actionWithTitle:option
+                                                             style:style
+                                                           handler:^(__unused UIAlertAction *action) {
+                                                             if (!callbackInvoked) {
+                                                               callbackInvoked = true;
+                                                               [self->_alertControllers removeObject:alertController];
+                                                               callback(@[ @(localIndex) ]);
+                                                             }
+                                                           }];
+      if (isCancelButtonIndex) {
+        [actionButton setValue:cancelButtonTintColor forKey:@"titleTextColor"];
+      }
+      [alertController addAction:actionButton];
 #else // [macOS
-    if (index == cancelButtonIndex) {
-      // NSMenu doesn't need a cancel button, you can just click outside the menu
-      continue;
-    }
+      if (index == cancelButtonIndex) {
+        // NSMenu doesn't need a cancel button, you can just click outside the menu
+        continue;
+      }
 
-    NSMenuItem *item = [[NSMenuItem alloc] initWithTitle:option action:@selector(menuItemDidTap:) keyEquivalent:@""];
-    [item setTag:index];
-    [item setTarget:self];
-    [menu addItem:item];
+      NSMenuItem *item = [[NSMenuItem alloc] initWithTitle:option action:@selector(menuItemDidTap:) keyEquivalent:@""];
+      [item setTag:index];
+      [item setTarget:self];
+      [menu addItem:item];
 #endif // macOS]
 
-    index++;
-  }
+      index++;
+    }
 
-  if (disabledButtonIndices) {
-    for (NSNumber *disabledButtonIndex in disabledButtonIndices) {
-      if ([disabledButtonIndex integerValue] < buttons.count) {
+    if (disabledButtonIndices) {
+      for (NSNumber *disabledButtonIndex in disabledButtonIndices) {
+        if ([disabledButtonIndex integerValue] < buttons.count) {
 #if !TARGET_OS_OSX // [macOS]
-        [alertController.actions[[disabledButtonIndex integerValue]] setEnabled:false];
+          [alertController.actions[[disabledButtonIndex integerValue]] setEnabled:false];
 #else // [macOS
-        NSMenuItem *menuItem = [[menu itemArray] objectAtIndex:[disabledButtonIndex integerValue]];
-        [menuItem setEnabled:NO];
+          NSMenuItem *menuItem = [[menu itemArray] objectAtIndex:[disabledButtonIndex integerValue]];
+          [menuItem setEnabled:NO];
 #endif // macOS]
-      } else {
-        RCTLogError(
-            @"Index %@ from `disabledButtonIndices` is out of bounds. Maximum index value is %@.",
-            @([disabledButtonIndex integerValue]),
-            @(buttons.count - 1));
-        return;
+        } else {
+          RCTLogError(
+              @"Index %@ from `disabledButtonIndices` is out of bounds. Maximum index value is %@.",
+              @([disabledButtonIndex integerValue]),
+              @(buttons.count - 1));
+          return;
+        }
       }
     }
-  }
 
 #if !TARGET_OS_OSX // [macOS]
-  alertController.view.tintColor = tintColor;
-  NSString *userInterfaceStyle = [RCTConvert NSString:options.userInterfaceStyle()];
-
-  if (userInterfaceStyle == nil || [userInterfaceStyle isEqualToString:@""]) {
-    alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleUnspecified;
-  } else if ([userInterfaceStyle isEqualToString:@"dark"]) {
-    alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleDark;
-  } else if ([userInterfaceStyle isEqualToString:@"light"]) {
-    alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
-  }
+    alertController.view.tintColor = tintColor;
+
+    if (userInterfaceStyle == nil || [userInterfaceStyle isEqualToString:@""]) {
+      alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleUnspecified;
+    } else if ([userInterfaceStyle isEqualToString:@"dark"]) {
+      alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleDark;
+    } else if ([userInterfaceStyle isEqualToString:@"light"]) {
+      alertController.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
+    }
+#endif // [macOS]
 
-  [_alertControllers addObject:alertController];
-  [self presentViewController:alertController onParentViewController:controller anchorViewTag:anchorViewTag];
+#if !TARGET_OS_OSX // [macOS]
+    [self->_alertControllers addObject:alertController];
+    [self presentViewController:alertController onParentViewController:controller anchorViewTag:anchorViewTag];
+  });
 #else // [macOS
-  [self presentMenu:menu anchorViewTag:anchorViewTag];
+    [self presentMenu:menu anchorViewTag:anchorViewTag];
 #endif // macOS]
 }
 
@@ -293,9 +290,11 @@ - (void)presentMenu:(NSMenu *)menu
     RCTLogWarn(@"Unable to dismiss action sheet");
   }
 
-  id _alertController = [_alertControllers lastObject];
-  [_alertController dismissViewControllerAnimated:YES completion:nil];
-  [_alertControllers removeLastObject];
+  UIAlertController *alertController = [_alertControllers lastObject];
+  dispatch_async(dispatch_get_main_queue(), ^{
+    [alertController dismissViewControllerAnimated:YES completion:nil];
+    [self->_alertControllers removeLastObject];
+  });
 #endif // [macOS]
 }
 
@@ -313,92 +312,93 @@ - (void)presentMenu:(NSMenu *)menu
 
   NSMutableArray<id> *items = [NSMutableArray array];
   NSString *message = options.message();
-  if (message) {
-    [items addObject:message];
-  }
   NSURL *URL = [RCTConvert NSURL:options.url()];
-  if (URL) {
-    if ([URL.scheme.lowercaseString isEqualToString:@"data"]) {
-      NSError *error;
-      NSData *data = [NSData dataWithContentsOfURL:URL options:(NSDataReadingOptions)0 error:&error];
-      if (!data) {
-        failureCallback(@[ RCTJSErrorFromNSError(error) ]);
-        return;
-      }
-      [items addObject:data];
-    } else {
-      [items addObject:URL];
-    }
-  }
-  if (items.count == 0) {
-    RCTLogError(@"No `url` or `message` to share");
-    return;
-  }
-
-#if !TARGET_OS_OSX // [macOS]
-  UIActivityViewController *shareController = [[UIActivityViewController alloc] initWithActivityItems:items
-                                                                                applicationActivities:nil];
-
   NSString *subject = options.subject();
-  if (subject) {
-    [shareController setValue:subject forKey:@"subject"];
-  }
-
   NSArray *excludedActivityTypes =
       RCTConvertOptionalVecToArray(options.excludedActivityTypes(), ^id(NSString *element) {
         return element;
       });
-  if (excludedActivityTypes) {
-    shareController.excludedActivityTypes = excludedActivityTypes;
-  }
+  NSString *userInterfaceStyle = [RCTConvert NSString:options.userInterfaceStyle()];
+  NSNumber *anchorViewTag = [RCTConvert NSNumber:options.anchor() ? @(*options.anchor()) : nil];
+#if !TARGET_OS_OSX // [macOS]
+  UIColor *tintColor = [RCTConvert UIColor:options.tintColor() ? @(*options.tintColor()) : nil];
+#endif
 
-  UIViewController *controller = RCTPresentedViewController();
-  shareController.completionWithItemsHandler =
-      ^(NSString *activityType, BOOL completed, __unused NSArray *returnedItems, NSError *activityError) {
-        if (activityError) {
-          failureCallback(@[ RCTJSErrorFromNSError(activityError) ]);
-        } else if (completed || activityType == nil) {
-          successCallback(@[ @(completed), RCTNullIfNil(activityType) ]);
+  dispatch_async(dispatch_get_main_queue(), ^{
+    if (message) {
+      [items addObject:message];
+    }
+    if (URL) {
+      if ([URL.scheme.lowercaseString isEqualToString:@"data"]) {
+        NSError *error;
+        NSData *data = [NSData dataWithContentsOfURL:URL options:(NSDataReadingOptions)0 error:&error];
+        if (!data) {
+          failureCallback(@[ RCTJSErrorFromNSError(error) ]);
+          return;
         }
-      };
-
-  NSNumber *anchorViewTag = [RCTConvert NSNumber:options.anchor() ? @(*options.anchor()) : nil];
-  shareController.view.tintColor = [RCTConvert UIColor:options.tintColor() ? @(*options.tintColor()) : nil];
+        [items addObject:data];
+      } else {
+        [items addObject:URL];
+      }
+    }
+    if (items.count == 0) {
+      RCTLogError(@"No `url` or `message` to share");
+      return;
+    }
 
-  NSString *userInterfaceStyle = [RCTConvert NSString:options.userInterfaceStyle()];
+#if !TARGET_OS_OSX // [macOS]
+    UIActivityViewController *shareController = [[UIActivityViewController alloc] initWithActivityItems:items
+                                                                                  applicationActivities:nil];
+    if (subject) {
+      [shareController setValue:subject forKey:@"subject"];
+    }
+    if (excludedActivityTypes) {
+      shareController.excludedActivityTypes = excludedActivityTypes;
+    }
 
-  if (userInterfaceStyle == nil || [userInterfaceStyle isEqualToString:@""]) {
-    shareController.overrideUserInterfaceStyle = UIUserInterfaceStyleUnspecified;
-  } else if ([userInterfaceStyle isEqualToString:@"dark"]) {
-    shareController.overrideUserInterfaceStyle = UIUserInterfaceStyleDark;
-  } else if ([userInterfaceStyle isEqualToString:@"light"]) {
-    shareController.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
-  }
+    UIViewController *controller = RCTPresentedViewController();
+    shareController.completionWithItemsHandler =
+        ^(NSString *activityType, BOOL completed, __unused NSArray *returnedItems, NSError *activityError) {
+          if (activityError) {
+            failureCallback(@[ RCTJSErrorFromNSError(activityError) ]);
+          } else if (completed || activityType == nil) {
+            successCallback(@[ @(completed), RCTNullIfNil(activityType) ]);
+          }
+        };
+
+    shareController.view.tintColor = tintColor;
+
+    if (userInterfaceStyle == nil || [userInterfaceStyle isEqualToString:@""]) {
+      shareController.overrideUserInterfaceStyle = UIUserInterfaceStyleUnspecified;
+    } else if ([userInterfaceStyle isEqualToString:@"dark"]) {
+      shareController.overrideUserInterfaceStyle = UIUserInterfaceStyleDark;
+    } else if ([userInterfaceStyle isEqualToString:@"light"]) {
+      shareController.overrideUserInterfaceStyle = UIUserInterfaceStyleLight;
+    }
 
-  [self presentViewController:shareController onParentViewController:controller anchorViewTag:anchorViewTag];
+    [self presentViewController:shareController onParentViewController:controller anchorViewTag:anchorViewTag];
 #else // [macOS
-  NSArray *excludedActivityTypes = RCTConvertOptionalVecToArray(options.excludedActivityTypes(), ^id(NSString *element) { return element; });
-  NSMutableArray<NSSharingService*> *excludedTypes = [NSMutableArray array];
-  for (NSString *excludeActivityType in excludedActivityTypes) {
-    NSSharingService *sharingService = [NSSharingService sharingServiceNamed:excludeActivityType];
-    if (sharingService) {
-      [excludedTypes addObject:sharingService];
+    NSMutableArray<NSSharingService*> *excludedTypes = [NSMutableArray array];
+    for (NSString *excludeActivityType in excludedActivityTypes) {
+      NSSharingService *sharingService = [NSSharingService sharingServiceNamed:excludeActivityType];
+      if (sharingService) {
+        [excludedTypes addObject:sharingService];
+      }
     }
-  }
-  _excludedActivities = excludedTypes.copy;
-  _sharingSubject = options.subject();
-  _failureCallback = failureCallback;
-  _successCallback = successCallback;
-  RCTPlatformView *sourceView = nil;
-  NSNumber *anchorViewTag = [RCTConvert NSNumber:options.anchor() ? @(*options.anchor()) : nil];
-  if (anchorViewTag) {
-    sourceView = [self.viewRegistry_DEPRECATED viewForReactTag:anchorViewTag];
-  }
-  NSView *contentView = sourceView ?: NSApp.keyWindow.contentView;
-  NSSharingServicePicker *picker = [[NSSharingServicePicker alloc] initWithItems:items];
-  picker.delegate = self;
-  [picker showRelativeToRect:contentView.bounds ofView:contentView preferredEdge:NSRectEdgeMinX];
+    _excludedActivities = excludedTypes.copy;
+    _sharingSubject = options.subject();
+    _failureCallback = failureCallback;
+    _successCallback = successCallback;
+    RCTPlatformView *sourceView = nil;
+    if (anchorViewTag) {
+      sourceView = [self.viewRegistry_DEPRECATED viewForReactTag:anchorViewTag];
+    }
+    NSView *contentView = sourceView ?: NSApp.keyWindow.contentView;
+    NSSharingServicePicker *picker = [[NSSharingServicePicker alloc] initWithItems:items];
+    picker.delegate = self;
+    [picker showRelativeToRect:contentView.bounds ofView:contentView preferredEdge:NSRectEdgeMinX];
 #endif // macOS]
+  });
 }
 
 #if TARGET_OS_OSX // [macOS
diff --git a/packages/react-native/React/CoreModules/RCTAlertController.mm b/packages/react-native/React/CoreModules/RCTAlertController.mm
index 16334d1bdf2fda..4560f3599a73ae 100644
--- a/packages/react-native/React/CoreModules/RCTAlertController.mm
+++ b/packages/react-native/React/CoreModules/RCTAlertController.mm
@@ -58,4 +58,5 @@ - (void)hide
 }
 #endif // [macOS]
 
+
 @end
diff --git a/packages/react-native/React/CoreModules/RCTAlertManager.mm b/packages/react-native/React/CoreModules/RCTAlertManager.mm
index ee3c6b048393c7..ea58efb462bb9e 100644
--- a/packages/react-native/React/CoreModules/RCTAlertManager.mm
+++ b/packages/react-native/React/CoreModules/RCTAlertManager.mm
@@ -50,9 +50,11 @@ - (dispatch_queue_t)methodQueue
 - (void)invalidate
 {
 #if !TARGET_OS_OSX // [macOS]
-  for (UIAlertController *alertController in _alertControllers) {
-    [alertController.presentingViewController dismissViewControllerAnimated:YES completion:nil];
-  }
+  RCTExecuteOnMainQueue(^{
+    for (UIAlertController *alertController in self->_alertControllers) {
+      [alertController.presentingViewController dismissViewControllerAnimated:YES completion:nil];
+    }
+  });
 #else // [macOS
   for (NSAlert *alert in _alertControllers) {
     if (alert.window.sheetParent) {
@@ -93,6 +95,7 @@ - (void)invalidate
   NSString *destructiveButtonKey = [RCTConvert NSString:args.destructiveButtonKey()];
   NSString *preferredButtonKey = [RCTConvert NSString:args.preferredButtonKey()];
   UIKeyboardType keyboardType = [RCTConvert UIKeyboardType:args.keyboardType()];
+  UIUserInterfaceStyle userInterfaceStyle = [RCTConvert UIUserInterfaceStyle:args.userInterfaceStyle()];
 #else // [macOS
   BOOL critical = args.critical().value_or(NO);
   BOOL modal = args.modal().value_or(NO);
@@ -117,101 +120,99 @@ - (void)invalidate
     }
   }
 
-  RCTAlertController *alertController = [RCTAlertController alertControllerWithTitle:title
-                                                                             message:nil
-                                                                      preferredStyle:UIAlertControllerStyleAlert];
+  RCTExecuteOnMainQueue(^{
+    RCTAlertController *alertController = [RCTAlertController alertControllerWithTitle:title
+                                                                               message:nil
+                                                                        preferredStyle:UIAlertControllerStyleAlert];
 
-  UIUserInterfaceStyle userInterfaceStyle = [RCTConvert UIUserInterfaceStyle:args.userInterfaceStyle()];
-  alertController.overrideUserInterfaceStyle = userInterfaceStyle;
+    alertController.overrideUserInterfaceStyle = userInterfaceStyle;
 
-  switch (type) {
-    case RCTAlertViewStylePlainTextInput: {
-      [alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
-        textField.secureTextEntry = NO;
-        textField.text = defaultValue;
-        textField.keyboardType = keyboardType;
-      }];
-      break;
+    switch (type) {
+      case RCTAlertViewStylePlainTextInput: {
+        [alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
+          textField.secureTextEntry = NO;
+          textField.text = defaultValue;
+          textField.keyboardType = keyboardType;
+        }];
+        break;
+      }
+      case RCTAlertViewStyleSecureTextInput: {
+        [alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
+          textField.placeholder = RCTUIKitLocalizedString(@"Password");
+          textField.secureTextEntry = YES;
+          textField.text = defaultValue;
+          textField.keyboardType = keyboardType;
+        }];
+        break;
+      }
+      case RCTAlertViewStyleLoginAndPasswordInput: {
+        [alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
+          textField.placeholder = RCTUIKitLocalizedString(@"Login");
+          textField.text = defaultValue;
+          textField.keyboardType = keyboardType;
+        }];
+        [alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
+          textField.placeholder = RCTUIKitLocalizedString(@"Password");
+          textField.secureTextEntry = YES;
+        }];
+        break;
+      }
+      case RCTAlertViewStyleDefault:
+        break;
     }
-    case RCTAlertViewStyleSecureTextInput: {
-      [alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
-        textField.placeholder = RCTUIKitLocalizedString(@"Password");
-        textField.secureTextEntry = YES;
-        textField.text = defaultValue;
-        textField.keyboardType = keyboardType;
-      }];
-      break;
-    }
-    case RCTAlertViewStyleLoginAndPasswordInput: {
-      [alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
-        textField.placeholder = RCTUIKitLocalizedString(@"Login");
-        textField.text = defaultValue;
-        textField.keyboardType = keyboardType;
-      }];
-      [alertController addTextFieldWithConfigurationHandler:^(UITextField *textField) {
-        textField.placeholder = RCTUIKitLocalizedString(@"Password");
-        textField.secureTextEntry = YES;
-      }];
-      break;
-    }
-    case RCTAlertViewStyleDefault:
-      break;
-  }
 
-  alertController.message = message;
+    alertController.message = message;
 
-  for (NSDictionary<NSString *, id> *button in buttons) {
-    if (button.count != 1) {
-      RCTLogError(@"Button definitions should have exactly one key.");
-    }
-    NSString *buttonKey = button.allKeys.firstObject;
-    NSString *buttonTitle = [RCTConvert NSString:button[buttonKey]];
-    UIAlertActionStyle buttonStyle = UIAlertActionStyleDefault;
-    if ([buttonKey isEqualToString:cancelButtonKey]) {
-      buttonStyle = UIAlertActionStyleCancel;
-    } else if ([buttonKey isEqualToString:destructiveButtonKey]) {
-      buttonStyle = UIAlertActionStyleDestructive;
-    }
-    __weak RCTAlertController *weakAlertController = alertController;
+    for (NSDictionary<NSString *, id> *button in buttons) {
+      if (button.count != 1) {
+        RCTLogError(@"Button definitions should have exactly one key.");
+      }
+      NSString *buttonKey = button.allKeys.firstObject;
+      NSString *buttonTitle = [RCTConvert NSString:button[buttonKey]];
+      UIAlertActionStyle buttonStyle = UIAlertActionStyleDefault;
+      if ([buttonKey isEqualToString:cancelButtonKey]) {
+        buttonStyle = UIAlertActionStyleCancel;
+      } else if ([buttonKey isEqualToString:destructiveButtonKey]) {
+        buttonStyle = UIAlertActionStyleDestructive;
+      }
+      __weak RCTAlertController *weakAlertController = alertController;
 
-    UIAlertAction *alertAction =
-        [UIAlertAction actionWithTitle:buttonTitle
-                                 style:buttonStyle
-                               handler:^(__unused UIAlertAction *action) {
-                                 switch (type) {
-                                   case RCTAlertViewStylePlainTextInput:
-                                   case RCTAlertViewStyleSecureTextInput:
-                                     callback(@[ buttonKey, [weakAlertController.textFields.firstObject text] ]);
-                                     [weakAlertController hide];
-                                     break;
-                                   case RCTAlertViewStyleLoginAndPasswordInput: {
-                                     NSDictionary<NSString *, NSString *> *loginCredentials = @{
-                                       @"login" : [weakAlertController.textFields.firstObject text],
-                                       @"password" : [weakAlertController.textFields.lastObject text]
-                                     };
-                                     callback(@[ buttonKey, loginCredentials ]);
-                                     [weakAlertController hide];
-                                     break;
+      UIAlertAction *alertAction =
+          [UIAlertAction actionWithTitle:buttonTitle
+                                   style:buttonStyle
+                                 handler:^(__unused UIAlertAction *action) {
+                                   switch (type) {
+                                     case RCTAlertViewStylePlainTextInput:
+                                     case RCTAlertViewStyleSecureTextInput:
+                                       callback(@[ buttonKey, [weakAlertController.textFields.firstObject text] ]);
+                                       [weakAlertController hide];
+                                       break;
+                                     case RCTAlertViewStyleLoginAndPasswordInput: {
+                                       NSDictionary<NSString *, NSString *> *loginCredentials = @{
+                                         @"login" : [weakAlertController.textFields.firstObject text],
+                                         @"password" : [weakAlertController.textFields.lastObject text]
+                                       };
+                                       callback(@[ buttonKey, loginCredentials ]);
+                                       [weakAlertController hide];
+                                       break;
+                                     }
+                                     case RCTAlertViewStyleDefault:
+                                       callback(@[ buttonKey ]);
+                                       [weakAlertController hide];
+                                       break;
                                    }
-                                   case RCTAlertViewStyleDefault:
-                                     callback(@[ buttonKey ]);
-                                     [weakAlertController hide];
-                                     break;
-                                 }
-                               }];
-    [alertController addAction:alertAction];
+                                 }];
+      [alertController addAction:alertAction];
 
-    if ([buttonKey isEqualToString:preferredButtonKey]) {
-      [alertController setPreferredAction:alertAction];
+      if ([buttonKey isEqualToString:preferredButtonKey]) {
+        [alertController setPreferredAction:alertAction];
+      }
     }
-  }
 
-  if (!_alertControllers) {
-    _alertControllers = [NSHashTable weakObjectsHashTable];
-  }
-  [_alertControllers addObject:alertController];
-
-  dispatch_async(dispatch_get_main_queue(), ^{
+    if (!self->_alertControllers) {
+      self->_alertControllers = [NSHashTable weakObjectsHashTable];
+    }
+    [self->_alertControllers addObject:alertController];
     [alertController show:YES completion:nil];
   });
 #else // [macOS
diff --git a/packages/react-native/React/CoreModules/RCTAppState.mm b/packages/react-native/React/CoreModules/RCTAppState.mm
index 94aa2e7ddba6aa..f04ec2b49f59d8 100644
--- a/packages/react-native/React/CoreModules/RCTAppState.mm
+++ b/packages/react-native/React/CoreModules/RCTAppState.mm
@@ -120,9 +120,7 @@ - (void)stopObserving
 
 - (void)handleMemoryWarning
 {
-  if ([self canSendEvents_DEPRECATED]) {
-    [self sendEventWithName:@"memoryWarning" body:nil];
-  }
+  [self sendEventWithName:@"memoryWarning" body:nil];
 }
 
 - (void)handleAppStateDidChange:(NSNotification *)notification
@@ -139,9 +137,7 @@ - (void)handleAppStateDidChange:(NSNotification *)notification
 
   if (![newState isEqualToString:_lastKnownState]) {
     _lastKnownState = newState;
-    if ([self canSendEvents_DEPRECATED]) {
-      [self sendEventWithName:@"appStateDidChange" body:@{@"app_state" : _lastKnownState}];
-    }
+    [self sendEventWithName:@"appStateDidChange" body:@{@"app_state" : _lastKnownState}];
   }
 }
 
diff --git a/packages/react-native/React/CoreModules/RCTAppearance.mm b/packages/react-native/React/CoreModules/RCTAppearance.mm
index ad2aa9f63afb00..990ddda0164a73 100644
--- a/packages/react-native/React/CoreModules/RCTAppearance.mm
+++ b/packages/react-native/React/CoreModules/RCTAppearance.mm
@@ -182,14 +182,6 @@ - (void)appearanceChanged:(NSNotification *)notification
   return @[ @"appearanceChanged" ];
 }
 
-- (void)startObserving
-{
-}
-
-- (void)stopObserving
-{
-}
-
 - (void)invalidate
 {
   [super invalidate];
diff --git a/packages/react-native/React/CoreModules/RCTDevMenu.h b/packages/react-native/React/CoreModules/RCTDevMenu.h
index 09535399fad2c2..048438ff69ac03 100644
--- a/packages/react-native/React/CoreModules/RCTDevMenu.h
+++ b/packages/react-native/React/CoreModules/RCTDevMenu.h
@@ -105,6 +105,8 @@ typedef NSString * (^RCTDevMenuItemTitleBlock)(void);
  */
 + (instancetype)buttonItemWithTitleBlock:(RCTDevMenuItemTitleBlock)titleBlock handler:(dispatch_block_t)handler;
 
+@property (nonatomic, assign, getter=isDisabled) BOOL disabled;
+
 @end
 
 /**
diff --git a/packages/react-native/React/CoreModules/RCTDevMenu.mm b/packages/react-native/React/CoreModules/RCTDevMenu.mm
index f0bbe1503ce830..e95a4104108593 100644
--- a/packages/react-native/React/CoreModules/RCTDevMenu.mm
+++ b/packages/react-native/React/CoreModules/RCTDevMenu.mm
@@ -25,6 +25,10 @@
 #import <React/RCTInspectorDevServerHelper.h>
 #endif
 
+@protocol RCTDevMenuItemProvider
+- (RCTDevMenuItem *)devMenuItem;
+@end
+
 NSString *const RCTShowDevMenuNotification = @"RCTShowDevMenuNotification";
 
 #if !TARGET_OS_OSX // [macOS]
@@ -232,11 +236,15 @@ - (void)showOnShake
 #if !TARGET_OS_OSX // [macOS]
 - (void)toggle
 {
+  if (_actionSheet.isBeingPresented || _actionSheet.beingDismissed) {
+    return;
+  }
   if (_actionSheet) {
     [_actionSheet dismissViewControllerAnimated:YES
-                                     completion:^(void){
+                                     completion:^(void) {
+                                       self->_actionSheet = nil;
                                      }];
-    _actionSheet = nil;
+
   } else {
     [self show];
   }
@@ -283,26 +291,27 @@ - (void)setDefaultJSBundle
 #if RCT_ENABLE_INSPECTOR
     if (devSettings.isDeviceDebuggingAvailable) {
       // On-device JS debugging (CDP). Render action to open debugger frontend.
-      [items
-          addObject:
-              [RCTDevMenuItem
-                  buttonItemWithTitleBlock:^NSString * {
-                    return @"Open Debugger";
-                  }
-                  handler:^{
-                    [RCTInspectorDevServerHelper
-                            openDebugger:bundleManager.bundleURL
-                        withErrorMessage:
-                            @"Failed to open debugger. Please check that the dev server is running and reload the app."];
-                  }]];
+      BOOL isDisconnected = RCTInspectorDevServerHelper.isPackagerDisconnected;
+      NSString *title = isDisconnected
+          ? [NSString stringWithFormat:@"Connect to %@ to debug JavaScript", RCT_PACKAGER_NAME]
+          : @"Open Debugger";
+      RCTDevMenuItem *item = [RCTDevMenuItem
+          buttonItemWithTitle:title
+                      handler:^{
+                        [RCTInspectorDevServerHelper
+                                openDebugger:bundleManager.bundleURL
+                            withErrorMessage:
+                                @"Failed to open debugger. Please check that the dev server is running and reload the app."];
+                      }];
+      [item setDisabled:isDisconnected];
+      [items addObject:item];
     }
 #endif
   }
 
   [items addObject:[RCTDevMenuItem
                        buttonItemWithTitleBlock:^NSString * {
-                         return devSettings.isElementInspectorShown ? @"Hide Element Inspector"
-                                                                    : @"Show Element Inspector";
+                         return @"Toggle Element Inspector";
                        }
                        handler:^{
                          [devSettings toggleElementInspector];
@@ -319,6 +328,13 @@ - (void)setDefaultJSBundle
                          }]];
   }
 
+  id perfMonitorItemOpaque = [_moduleRegistry moduleForName:"PerfMonitor"];
+  SEL devMenuItem = @selector(devMenuItem);
+  if ([perfMonitorItemOpaque respondsToSelector:devMenuItem]) {
+    RCTDevMenuItem *perfMonitorItem = [perfMonitorItemOpaque devMenuItem];
+    [items addObject:perfMonitorItem];
+  }
+
   [items
       addObject:[RCTDevMenuItem
                     buttonItemWithTitleBlock:^NSString * {
@@ -419,9 +435,11 @@ - (void)setDefaultJSBundle
 
   NSArray<RCTDevMenuItem *> *items = [self _menuItemsToPresent];
   for (RCTDevMenuItem *item in items) {
-    [_actionSheet addAction:[UIAlertAction actionWithTitle:item.title
+    UIAlertAction *action = [UIAlertAction actionWithTitle:item.title
                                                      style:UIAlertActionStyleDefault
-                                                   handler:[self alertActionHandlerForDevItem:item]]];
+                                                   handler:[self alertActionHandlerForDevItem:item]];
+    [action setEnabled:!item.isDisabled];
+    [_actionSheet addAction:action];
   }
 
   [_actionSheet addAction:[UIAlertAction actionWithTitle:@"Cancel"
diff --git a/packages/react-native/React/CoreModules/RCTDevSettings.mm b/packages/react-native/React/CoreModules/RCTDevSettings.mm
index e1c2070a6e96fc..3baf0a5f4b6c37 100644
--- a/packages/react-native/React/CoreModules/RCTDevSettings.mm
+++ b/packages/react-native/React/CoreModules/RCTDevSettings.mm
@@ -213,7 +213,7 @@ - (void)initialize
 #if RCT_DEV_MENU
     devMenuToken = [[RCTPackagerConnection sharedPackagerConnection]
         addNotificationHandler:^(id params) {
-          [self.bridge.devMenu show];
+          [[self.moduleRegistry moduleForName:"DevMenu"] show];
         }
                          queue:dispatch_get_main_queue()
                      forMethod:@"devMenu"];
diff --git a/packages/react-native/React/CoreModules/RCTPerfMonitor.mm b/packages/react-native/React/CoreModules/RCTPerfMonitor.mm
index 816671c591136e..e23166b9cd6fd4 100644
--- a/packages/react-native/React/CoreModules/RCTPerfMonitor.mm
+++ b/packages/react-native/React/CoreModules/RCTPerfMonitor.mm
@@ -60,13 +60,8 @@ static vm_size_t RCTGetResidentMemorySize(void)
   return memoryUsageInByte;
 }
 
-@interface RCTPerfMonitor : NSObject <
-                                RCTBridgeModule,
-                                RCTTurboModule,
-                                RCTInitializing,
-                                RCTInvalidating,
-                                UITableViewDataSource,
-                                UITableViewDelegate>
+@interface RCTPerfMonitor
+    : NSObject <RCTBridgeModule, RCTTurboModule, RCTInvalidating, UITableViewDataSource, UITableViewDelegate>
 
 #if __has_include(<React/RCTDevMenu.h>)
 @property (nonatomic, strong, readonly) RCTDevMenuItem *devMenuItem;
@@ -131,13 +126,6 @@ - (dispatch_queue_t)methodQueue
   return dispatch_get_main_queue();
 }
 
-- (void)initialize
-{
-#if __has_include(<React/RCTDevMenu.h>)
-  [(RCTDevMenu *)[_moduleRegistry moduleForName:"DevMenu"] addItem:self.devMenuItem];
-#endif
-}
-
 - (void)invalidate
 {
   [self hide];
diff --git a/packages/react-native/React/CoreModules/RCTRedBox.mm b/packages/react-native/React/CoreModules/RCTRedBox.mm
index f0f4561863b3cb..d7bfd05e842732 100644
--- a/packages/react-native/React/CoreModules/RCTRedBox.mm
+++ b/packages/react-native/React/CoreModules/RCTRedBox.mm
@@ -413,7 +413,7 @@ - (void)showErrorMessage:(NSString *)message
                                           animated:NO];
       [RCTKeyWindow().rootViewController presentViewController:self animated:YES completion:nil];
 #else // [macOS
-	  [_stackTraceTableView scrollRowToVisible:0];
+    [_stackTraceTableView scrollRowToVisible:0];
     [[RCTKeyWindow() contentViewController] presentViewControllerAsSheet:self];
 #endif // macOS]
     }
diff --git a/packages/react-native/React/CoreModules/RCTStatusBarManager.mm b/packages/react-native/React/CoreModules/RCTStatusBarManager.mm
index 4bacdde8553cac..b0f1a75e6206ad 100644
--- a/packages/react-native/React/CoreModules/RCTStatusBarManager.mm
+++ b/packages/react-native/React/CoreModules/RCTStatusBarManager.mm
@@ -15,6 +15,9 @@
 #import <FBReactNativeSpec/FBReactNativeSpec.h>
 
 #if !TARGET_OS_OSX // [macOS]
+static NSString *const kStatusBarFrameDidChange = @"statusBarFrameDidChange";
+static NSString *const kStatusBarFrameWillChange = @"statusBarFrameWillChange";
+
 @implementation RCTConvert (UIStatusBar)
 
 + (UIStatusBarStyle)UIStatusBarStyle:(id)json RCT_DYNAMIC
@@ -73,10 +76,10 @@ + (BOOL)requiresMainQueueSetup
   return YES;
 }
 
-#if TARGET_OS_OSX // [macOS]
+#if !TARGET_OS_OSX // [macOS]
 - (NSArray<NSString *> *)supportedEvents
 {
-  return @[ @"statusBarFrameDidChange", @"statusBarFrameWillChange" ];
+  return @[ kStatusBarFrameDidChange, kStatusBarFrameWillChange ];
 }
 
 - (void)startObserving
@@ -117,14 +120,14 @@ - (void)emitEvent:(NSString *)eventName forNotification:(NSNotification *)notifi
 
 - (void)applicationDidChangeStatusBarFrame:(NSNotification *)notification
 {
-  [self emitEvent:@"statusBarFrameDidChange" forNotification:notification];
+  [self emitEvent:kStatusBarFrameDidChange forNotification:notification];
 }
 
 - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
 {
-  [self emitEvent:@"statusBarFrameWillChange" forNotification:notification];
+  [self emitEvent:kStatusBarFrameWillChange forNotification:notification];
 }
-#endif
+#endif // [macOS]
 
 RCT_EXPORT_METHOD(getHeight : (RCTResponseSenderBlock)callback)
 {
@@ -196,11 +199,7 @@ - (void)applicationWillChangeStatusBarFrame:(NSNotification *)notification
   RCTUnsafeExecuteOnMainQueueSync(^{
     constants = facebook::react::typedConstants<JS::NativeStatusBarManagerIOS::Constants>({
 #if !TARGET_OS_OSX // [macOS]
-#if !TARGET_OS_VISION // [visionOS]
-        .HEIGHT = RCTSharedApplication().statusBarFrame.size.height,
-#else // [visionOS
         .HEIGHT = RCTUIStatusBarManager().statusBarFrame.size.height,
-#endif // visionOS]
 #else // [macOS
         .HEIGHT = 0,
 #endif // macOS]
diff --git a/packages/react-native/React/CoreModules/RCTTiming.mm b/packages/react-native/React/CoreModules/RCTTiming.mm
index 3f8bba25c2e9c5..3edcc9670a8ccb 100644
--- a/packages/react-native/React/CoreModules/RCTTiming.mm
+++ b/packages/react-native/React/CoreModules/RCTTiming.mm
@@ -130,7 +130,9 @@ - (void)setup
   _inBackground = NO;
   RCTExecuteOnMainQueue(^{
 #if !TARGET_OS_OSX // [macOS]
-    if (!self->_inBackground && [RCTSharedApplication() applicationState] == UIApplicationStateBackground) {
+     if (!self->_inBackground &&
+        ([RCTSharedApplication() applicationState] == UIApplicationStateBackground ||
+         [UIDevice currentDevice].proximityState)) {
 #else // [macOS
     if (!self->_inBackground && ![RCTSharedApplication() isHidden]) {
 #endif
@@ -156,6 +158,11 @@ - (void)setup
                                                  name:name
                                                object:nil];
   }
+
+  [[NSNotificationCenter defaultCenter] addObserver:self
+                                           selector:@selector(proximityChanged)
+                                               name:UIDeviceProximityStateDidChangeNotification
+                                             object:nil];
 #endif // [macOS]
 }
 
@@ -193,6 +200,18 @@ - (void)appDidMoveToForeground
   [self startTimers];
 }
 
+#if !TARGET_OS_OSX // [macOS]
+- (void)proximityChanged
+{
+  BOOL isClose = [UIDevice currentDevice].proximityState;
+  if (isClose) {
+    [self appDidMoveToBackground];
+  } else {
+    [self appDidMoveToForeground];
+  }
+}
+#endif // [macOS]
+
 - (void)stopTimers
 {
   if (_inBackground) {
diff --git a/packages/react-native/React/CoreModules/React-CoreModules.podspec b/packages/react-native/React/CoreModules/React-CoreModules.podspec
index 38dfd45cfef1bd..8e18eced7c8635 100644
--- a/packages/react-native/React/CoreModules/React-CoreModules.podspec
+++ b/packages/react-native/React/CoreModules/React-CoreModules.podspec
@@ -16,22 +16,20 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
-socket_rocket_version = '0.7.0' # [macOS] [visionOS]
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
+socket_rocket_version = '0.7.0'
 
 header_search_paths = [
+  "\"$(PODS_ROOT)/boost\"",
   "\"$(PODS_TARGET_SRCROOT)/React/CoreModules\"",
   "\"$(PODS_ROOT)/RCT-Folly\"",
+  "\"$(PODS_ROOT)/DoubleConversion\"",
+  "\"$(PODS_ROOT)/fmt/include\"",
   "\"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\"",
-  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
 ]
 
-if ENV['USE_FRAMEWORKS']
-  header_search_paths.append("\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\"")
-  header_search_paths.append("\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"")
-end
-
 Pod::Spec.new do |s|
   s.name                   = "React-CoreModules"
   s.version                = version
@@ -54,13 +52,18 @@ Pod::Spec.new do |s|
                                "HEADER_SEARCH_PATHS" => header_search_paths.join(" ")
                              }
   s.ios.framework = "UIKit" # [macOS] Restrict to iOS
-  s.dependency "React-Codegen", version
+  s.dependency "DoubleConversion"
+  s.dependency "fmt", "9.1.0"
   s.dependency "RCT-Folly", folly_version
   s.dependency "RCTTypeSafety", version
   s.dependency "React-Core/CoreModulesHeaders", version
   s.dependency "React-RCTImage", version
-  s.dependency "ReactCommon/turbomodule/core", version
   s.dependency "React-jsi", version
   s.dependency 'React-RCTBlob'
   s.dependency "SocketRocket", socket_rocket_version
+  add_dependency(s, "React-jsinspector", :framework_name => 'jsinspector_modern')
+
+  add_dependency(s, "React-Codegen")
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
+  add_dependency(s, "React-NativeModulesApple")
 end
diff --git a/packages/react-native/React/CxxBridge/RCTCxxBridge.mm b/packages/react-native/React/CxxBridge/RCTCxxBridge.mm
index 56501ddb0d10bb..5d3dbb50ca4ee1 100644
--- a/packages/react-native/React/CxxBridge/RCTCxxBridge.mm
+++ b/packages/react-native/React/CxxBridge/RCTCxxBridge.mm
@@ -39,18 +39,11 @@
 #import <cxxreact/ModuleRegistry.h>
 #import <cxxreact/RAMBundleRegistry.h>
 #import <cxxreact/ReactMarker.h>
+#import <jsinspector-modern/ReactCdp.h>
 #import <jsireact/JSIExecutor.h>
 #import <reactperflogger/BridgeNativeModulePerfLogger.h>
 
-#ifndef RCT_USE_HERMES
-#if __has_include(<reacthermes/HermesExecutorFactory.h>)
-#define RCT_USE_HERMES 1
-#else
-#define RCT_USE_HERMES 0
-#endif
-#endif
-
-#if RCT_USE_HERMES
+#if USE_HERMES
 #import <reacthermes/HermesExecutorFactory.h>
 #else
 #import "JSCExecutorFactory.h"
@@ -435,7 +428,7 @@ - (void)start
     }
     if (!executorFactory) {
       auto installBindings = RCTJSIExecutorRuntimeInstaller(nullptr);
-#if RCT_USE_HERMES
+#if USE_HERMES
       executorFactory = std::make_shared<HermesExecutorFactory>(installBindings);
 #else
       executorFactory = std::make_shared<JSCExecutorFactory>(installBindings);
@@ -450,11 +443,19 @@ - (void)start
     }));
   }
 
+  // Grab the inspector target from the parent bridge here, on the main queue, to avoid inadvertently
+  // moving ownership of the parent bridge to the JS thread, which would violate expectations around
+  // the timing and thread affinity of RCTBridge's destruction. This could technically be a dangling
+  // pointer into a member of RCTBridge! But we only use it while _reactInstance exists, meaning we
+  // haven't been invalidated, and therefore RCTBridge hasn't been deallocated yet.
+  RCTAssertMainQueue();
+  facebook::react::jsinspector_modern::PageTarget *parentInspectorTarget = _parentBridge.inspectorTarget;
+
   // Dispatch the instance initialization as soon as the initial module metadata has
   // been collected (see initModules)
   dispatch_group_enter(prepareBridge);
   [self ensureOnJavaScriptThread:^{
-    [weakSelf _initializeBridge:executorFactory];
+    [weakSelf _initializeBridge:executorFactory parentInspectorTarget:parentInspectorTarget];
     dispatch_group_leave(prepareBridge);
   }];
 
@@ -669,6 +670,7 @@ - (id)moduleForClass:(Class)moduleClass
 }
 
 - (void)_initializeBridge:(std::shared_ptr<JSExecutorFactory>)executorFactory
+    parentInspectorTarget:(facebook::react::jsinspector_modern::PageTarget *)parentInspectorTarget
 {
   if (!self.valid) {
     return;
@@ -688,7 +690,7 @@ - (void)_initializeBridge:(std::shared_ptr<JSExecutorFactory>)executorFactory
     executorFactory = std::make_shared<GetDescAdapter>(self, executorFactory);
 #endif
 
-    [self _initializeBridgeLocked:executorFactory];
+    [self _initializeBridgeLocked:executorFactory parentInspectorTarget:parentInspectorTarget];
 
 #if RCT_PROFILE
     if (RCTProfileIsProfiling()) {
@@ -701,6 +703,7 @@ - (void)_initializeBridge:(std::shared_ptr<JSExecutorFactory>)executorFactory
 }
 
 - (void)_initializeBridgeLocked:(std::shared_ptr<JSExecutorFactory>)executorFactory
+          parentInspectorTarget:(facebook::react::jsinspector_modern::PageTarget *)parentInspectorTarget
 {
   std::lock_guard<std::mutex> guard(_moduleRegistryLock);
 
@@ -709,7 +712,8 @@ - (void)_initializeBridgeLocked:(std::shared_ptr<JSExecutorFactory>)executorFact
       std::make_unique<RCTInstanceCallback>(self),
       executorFactory,
       _jsMessageThread,
-      [self _buildModuleRegistryUnlocked]);
+      [self _buildModuleRegistryUnlocked],
+      parentInspectorTarget);
   _moduleRegistryCreated = YES;
 }
 
@@ -1199,6 +1203,12 @@ - (void)invalidate
   RCTAssertMainQueue();
   RCTLogInfo(@"Invalidating %@ (parent: %@, executor: %@)", self, _parentBridge, [self executorClass]);
 
+  if (self->_reactInstance) {
+    // Do this synchronously on the main thread to fulfil unregisterFromInspector's
+    // requirements.
+    self->_reactInstance->unregisterFromInspector();
+  }
+
   _loading = NO;
   _valid = NO;
   _didInvalidate = YES;
diff --git a/packages/react-native/React/DevSupport/RCTInspectorDevServerHelper.h b/packages/react-native/React/DevSupport/RCTInspectorDevServerHelper.h
index b0e1fee81c21c9..5a87e9ab5d6641 100644
--- a/packages/react-native/React/DevSupport/RCTInspectorDevServerHelper.h
+++ b/packages/react-native/React/DevSupport/RCTInspectorDevServerHelper.h
@@ -14,8 +14,9 @@
 
 @interface RCTInspectorDevServerHelper : NSObject
 
-+ (RCTInspectorPackagerConnection *)connectWithBundleURL:(NSURL *)bundleURL;
++ (id<RCTInspectorPackagerConnectionProtocol>)connectWithBundleURL:(NSURL *)bundleURL;
 + (void)disableDebugger;
++ (BOOL)isPackagerDisconnected;
 + (void)openDebugger:(NSURL *)bundleURL withErrorMessage:(NSString *)errorMessage;
 @end
 
diff --git a/packages/react-native/React/DevSupport/RCTInspectorDevServerHelper.mm b/packages/react-native/React/DevSupport/RCTInspectorDevServerHelper.mm
index 4b5b43c5393d28..8e03f0d11295f1 100644
--- a/packages/react-native/React/DevSupport/RCTInspectorDevServerHelper.mm
+++ b/packages/react-native/React/DevSupport/RCTInspectorDevServerHelper.mm
@@ -12,9 +12,13 @@
 #import <React/RCTLog.h>
 #import <React/RCTUIKit.h> // [macOS]
 
+#import <React/RCTCxxInspectorPackagerConnection.h>
 #import <React/RCTDefines.h>
 #import <React/RCTInspectorPackagerConnection.h>
 
+#import <CommonCrypto/CommonCrypto.h>
+#import <jsinspector-modern/InspectorFlags.h>
+
 static NSString *const kDebuggerMsgDisable = @"{ \"id\":1,\"method\":\"Debugger.disable\" }";
 
 static NSString *getServerHost(NSURL *bundleURL)
@@ -40,6 +44,79 @@
   return [NSString stringWithFormat:@"%@:%@", host, port];
 }
 
+static NSString *getSHA256(NSString *string)
+{
+  const char *str = string.UTF8String;
+  unsigned char result[CC_SHA256_DIGEST_LENGTH];
+  CC_SHA256(str, (CC_LONG)strlen(str), result);
+
+  return [NSString stringWithFormat:@"%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x",
+                                    result[0],
+                                    result[1],
+                                    result[2],
+                                    result[3],
+                                    result[4],
+                                    result[5],
+                                    result[6],
+                                    result[7],
+                                    result[8],
+                                    result[9],
+                                    result[10],
+                                    result[11],
+                                    result[12],
+                                    result[13],
+                                    result[14],
+                                    result[15],
+                                    result[16],
+                                    result[17],
+                                    result[18],
+                                    result[19]];
+}
+
+#if TARGET_OS_OSX // [macOS
+static NSString *getHardwareUUID()
+{
+  mach_port_t port = 0;
+  if (@available(macOS 12.0, *)) {
+	port = kIOMainPortDefault;
+  } else {
+	port = kIOMasterPortDefault;
+  }
+
+  CFMutableDictionaryRef matchingDict = IOServiceMatching("IOPlatformExpertDevice");
+  io_service_t platformExpert = IOServiceGetMatchingService(port, matchingDict);
+
+  NSString *hardwareUUID = nil;
+  if (platformExpert != 0) {
+      CFTypeRef serialNumberAsCFString = IORegistryEntryCreateCFProperty(platformExpert,CFSTR(kIOPlatformUUIDKey),kCFAllocatorDefault, 0);
+      if (serialNumberAsCFString) {
+          hardwareUUID = (__bridge NSString*)serialNumberAsCFString;
+      }
+  }
+  IOObjectRelease(platformExpert);
+  return hardwareUUID;
+}
+#endif // macOS]
+
+// Returns an opaque ID which is stable for the current combination of device and app, stable across installs,
+// and unique across devices.
+static NSString *getInspectorDeviceId()
+{
+  // A bundle ID uniquely identifies a single app throughout the system. [Source: Apple docs]
+  NSString *bundleId = [[NSBundle mainBundle] bundleIdentifier];
+
+  // An alphanumeric string that uniquely identifies a device to the app's vendor. [Source: Apple docs]
+#if !TARGET_OS_OSX // [macOS]
+  NSString *identifierForVendor = [[UIDevice currentDevice] identifierForVendor].UUIDString;
+#else // [macOS
+  NSString *identifierForVendor = getHardwareUUID();
+#endif
+
+  NSString *rawDeviceId = [NSString stringWithFormat:@"apple-%@-%@", identifierForVendor, bundleId];
+
+  return getSHA256(rawDeviceId);
+}
+
 static NSURL *getInspectorDeviceUrl(NSURL *bundleURL)
 {
 #if !TARGET_OS_OSX // [macOS]
@@ -50,18 +127,23 @@
 #endif // macOS]
   NSString *escapedAppName = [[[NSBundle mainBundle] bundleIdentifier]
       stringByAddingPercentEncodingWithAllowedCharacters:NSCharacterSet.URLQueryAllowedCharacterSet];
-  return [NSURL URLWithString:[NSString stringWithFormat:@"http://%@/inspector/device?name=%@&app=%@",
+
+  NSString *escapedInspectorDeviceId = [getInspectorDeviceId()
+      stringByAddingPercentEncodingWithAllowedCharacters:NSCharacterSet.URLQueryAllowedCharacterSet];
+
+  return [NSURL URLWithString:[NSString stringWithFormat:@"http://%@/inspector/device?name=%@&app=%@&device=%@",
                                                          getServerHost(bundleURL),
                                                          escapedDeviceName,
-                                                         escapedAppName]];
+                                                         escapedAppName,
+                                                         escapedInspectorDeviceId]];
 }
 
 @implementation RCTInspectorDevServerHelper
 
 RCT_NOT_IMPLEMENTED(-(instancetype)init)
 
-static NSMutableDictionary<NSString *, RCTInspectorPackagerConnection *> *socketConnections = nil;
-static NSLock *connectionsLock = [NSLock new];
+static NSMutableDictionary<NSString *, id<RCTInspectorPackagerConnectionProtocol>> *socketConnections = nil;
+static NSLock *connectionsLock = [NSLock new]; // [macOS]
 
 static void sendEventToAllConnections(NSString *event)
 {
@@ -72,13 +154,29 @@ static void sendEventToAllConnections(NSString *event)
   [connectionsLock unlock]; // [macOS]
 }
 
++ (BOOL)isPackagerDisconnected
+{
+  for (NSString *socketId in socketConnections) {
+    if ([socketConnections[socketId] isConnected]) {
+      return false;
+    }
+  }
+
+  return true;
+}
+
 + (void)openDebugger:(NSURL *)bundleURL withErrorMessage:(NSString *)errorMessage
 {
   NSString *appId = [[[NSBundle mainBundle] bundleIdentifier]
       stringByAddingPercentEncodingWithAllowedCharacters:NSCharacterSet.URLQueryAllowedCharacterSet];
 
-  NSURL *url = [NSURL
-      URLWithString:[NSString stringWithFormat:@"http://%@/open-debugger?appId=%@", getServerHost(bundleURL), appId]];
+  NSString *escapedInspectorDeviceId = [getInspectorDeviceId()
+      stringByAddingPercentEncodingWithAllowedCharacters:NSCharacterSet.URLQueryAllowedCharacterSet];
+
+  NSURL *url = [NSURL URLWithString:[NSString stringWithFormat:@"http://%@/open-debugger?appId=%@&device=%@",
+                                                               getServerHost(bundleURL),
+                                                               appId,
+                                                               escapedInspectorDeviceId]];
   NSMutableURLRequest *request = [NSMutableURLRequest requestWithURL:url];
   [request setHTTPMethod:@"POST"];
 
@@ -94,10 +192,13 @@ + (void)openDebugger:(NSURL *)bundleURL withErrorMessage:(NSString *)errorMessag
 
 + (void)disableDebugger
 {
-  sendEventToAllConnections(kDebuggerMsgDisable);
+  auto &inspectorFlags = facebook::react::jsinspector_modern::InspectorFlags::getInstance();
+  if (!inspectorFlags.getEnableModernCDPRegistry()) {
+    sendEventToAllConnections(kDebuggerMsgDisable);
+  }
 }
 
-+ (RCTInspectorPackagerConnection *)connectWithBundleURL:(NSURL *)bundleURL
++ (id<RCTInspectorPackagerConnectionProtocol>)connectWithBundleURL:(NSURL *)bundleURL
 {
   NSURL *inspectorURL = getInspectorDeviceUrl(bundleURL);
 
@@ -118,12 +219,17 @@ + (RCTInspectorPackagerConnection *)connectWithBundleURL:(NSURL *)bundleURL
   }
   // macOS]
 
-  RCTInspectorPackagerConnection *connection;
-
+  id<RCTInspectorPackagerConnectionProtocol> connection;
+  
   [connectionsLock lock]; // [macOS]
   connection = socketConnections[key];
   if (!connection || !connection.isConnected) {
-    connection = [[RCTInspectorPackagerConnection alloc] initWithURL:inspectorURL];
+    if (facebook::react::jsinspector_modern::InspectorFlags::getInstance().getEnableCxxInspectorPackagerConnection()) {
+      connection = [[RCTCxxInspectorPackagerConnection alloc] initWithURL:inspectorURL];
+    } else {
+      connection = [[RCTInspectorPackagerConnection alloc] initWithURL:inspectorURL];
+    }
+
     // [macOS safety check to avoid a crash
     if (connection != nil) {
       socketConnections[key] = connection;
diff --git a/packages/react-native/React/FBReactNativeSpec/FBReactNativeSpec.podspec b/packages/react-native/React/FBReactNativeSpec/FBReactNativeSpec.podspec
deleted file mode 100644
index 4480a83562a479..00000000000000
--- a/packages/react-native/React/FBReactNativeSpec/FBReactNativeSpec.podspec
+++ /dev/null
@@ -1,58 +0,0 @@
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-require "json"
-
-react_native_path = "../.."
-require_relative "#{react_native_path}/scripts/react_native_pods.rb"
-
-package = JSON.parse(File.read(File.join(__dir__, "..", "..", "package.json")))
-version = package['version']
-
-source = { :git => 'https://github.com/facebook/react-native.git' }
-if version == '1000.0.0'
-  # This is an unpublished version, use the latest commit hash of the react-native repo, which we’re presumably in.
-  source[:commit] = `git rev-parse HEAD`.strip if system("git rev-parse --git-dir > /dev/null 2>&1")
-else
-  source[:tag] = "v#{version}"
-end
-
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
-
-Pod::Spec.new do |s|
-  s.name                   = "FBReactNativeSpec"
-  s.version                = version
-  s.summary                = "-"  # TODO
-  s.homepage               = "https://reactnative.dev/"
-  s.license                = package["license"]
-  s.author                 = "Meta Platforms, Inc. and its affiliates"
-  s.platforms              = min_supported_versions
-  s.compiler_flags         = folly_compiler_flags + ' -Wno-nullability-completeness'
-  s.source                 = source
-  # This podspec is used to trigger the codegen, and built files are generated in a different location.
-  # We don't want this pod to actually include any files.
-  s.header_dir             = "FBReactNativeSpec"
-
-  s.pod_target_xcconfig    = {
-                               "USE_HEADERMAP" => "YES",
-                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
-                               "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/RCT-Folly\""
-                             }
-
-  s.dependency "RCT-Folly", folly_version
-  s.dependency "RCTRequired", version
-  s.dependency "RCTTypeSafety", version
-  s.dependency "React-Core", version
-  s.dependency "React-jsi", version
-  s.dependency "ReactCommon/turbomodule/core", version
-
-  use_react_native_codegen!(s, {
-    :react_native_path => react_native_path,
-    :js_srcs_dir => "#{react_native_path}/Libraries",
-    :library_name => "FBReactNativeSpec",
-    :library_type => "modules",
-  })
-end
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
index 2167fc151b2f12..6a5a048015b12e 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/ActivityIndicator/RCTActivityIndicatorViewComponentView.mm
@@ -42,7 +42,7 @@ + (ComponentDescriptorProvider)componentDescriptorProvider
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const ActivityIndicatorViewProps>();
+    const auto &defaultProps = ActivityIndicatorViewShadowNode::defaultSharedProps();
     _props = defaultProps;
 
     _activityIndicatorView = [[RCTUIActivityIndicatorView alloc] initWithFrame:self.bounds]; // [macOS]
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/DebuggingOverlay/RCTDebuggingOverlayComponentView.h b/packages/react-native/React/Fabric/Mounting/ComponentViews/DebuggingOverlay/RCTDebuggingOverlayComponentView.h
new file mode 100644
index 00000000000000..6b49f35c1cf88a
--- /dev/null
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/DebuggingOverlay/RCTDebuggingOverlayComponentView.h
@@ -0,0 +1,16 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTUIKit.h> // [macOS]
+
+#import <React/RCTViewComponentView.h>
+
+#import <react/renderer/components/rncore/RCTComponentViewHelpers.h>
+
+@interface RCTDebuggingOverlayComponentView : RCTViewComponentView <RCTDebuggingOverlayViewProtocol>
+
+@end
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/DebuggingOverlay/RCTDebuggingOverlayComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/DebuggingOverlay/RCTDebuggingOverlayComponentView.mm
new file mode 100644
index 00000000000000..f1afbc5b8472f9
--- /dev/null
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/DebuggingOverlay/RCTDebuggingOverlayComponentView.mm
@@ -0,0 +1,73 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTDebuggingOverlayComponentView.h"
+
+#import <React/RCTDebuggingOverlay.h>
+#import <React/RCTDefines.h>
+#import <React/RCTLog.h>
+
+#import <react/renderer/components/rncore/ComponentDescriptors.h>
+#import <react/renderer/components/rncore/EventEmitters.h>
+#import <react/renderer/components/rncore/Props.h>
+#import <react/renderer/components/rncore/RCTComponentViewHelpers.h>
+
+#import "RCTFabricComponentsPlugins.h"
+
+using namespace facebook::react;
+
+@implementation RCTDebuggingOverlayComponentView {
+  RCTDebuggingOverlay *_overlay;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  if (self = [super initWithFrame:frame]) {
+    _props = DebuggingOverlayShadowNode::defaultSharedProps();
+    _overlay = [[RCTDebuggingOverlay alloc] initWithFrame:self.bounds];
+
+    self.contentView = _overlay;
+  }
+
+  return self;
+}
+
+#pragma mark - RCTComponentViewProtocol
+
++ (ComponentDescriptorProvider)componentDescriptorProvider
+{
+  return concreteComponentDescriptorProvider<DebuggingOverlayComponentDescriptor>();
+}
+
+#pragma mark - Native commands
+
+- (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args
+{
+  RCTDebuggingOverlayHandleCommand(self, commandName, args);
+}
+
+- (void)highlightTraceUpdates:(NSArray *)updates
+{
+  [_overlay highlightTraceUpdates:updates];
+}
+
+- (void)highlightElements:(NSArray *)elements
+{
+  [_overlay highlightElements:elements];
+}
+
+- (void)clearElementsHighlights
+{
+  [_overlay clearElementsHighlights];
+}
+
+@end
+
+Class<RCTComponentViewProtocol> RCTDebuggingOverlayCls(void)
+{
+  return RCTDebuggingOverlayComponentView.class;
+}
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm
index 912f2974880481..1c3e52d25ea826 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/Image/RCTImageComponentView.mm
@@ -28,7 +28,7 @@ @implementation RCTImageComponentView {
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const ImageProps>();
+    const auto &defaultProps = ImageShadowNode::defaultSharedProps();
     _props = defaultProps;
 
     _imageView = [RCTUIImageViewAnimated new];
@@ -101,15 +101,13 @@ - (void)_setStateAndResubscribeImageResponseObserver:(const ImageShadowNode::Con
     const auto &imageRequest = _state->getData().getImageRequest();
     auto &observerCoordinator = imageRequest.getObserverCoordinator();
     observerCoordinator.removeObserver(_imageResponseObserverProxy);
-    if (CoreFeatures::cancelImageDownloadsOnRecycle) {
-      // Cancelling image request because we are no longer observing it.
-      // This is not 100% correct place to do this because we may want to
-      // re-create RCTImageComponentView with the same image and if it
-      // was cancelled before downloaded, download is not resumed.
-      // This will only become issue if we decouple life cycle of a
-      // ShadowNode from ComponentView, which is not something we do now.
-      imageRequest.cancel();
-    }
+    // Cancelling image request because we are no longer observing it.
+    // This is not 100% correct place to do this because we may want to
+    // re-create RCTImageComponentView with the same image and if it
+    // was cancelled before downloaded, download is not resumed.
+    // This will only become issue if we decouple life cycle of a
+    // ShadowNode from ComponentView, which is not something we do now.
+    imageRequest.cancel();
   }
 
   _state = state;
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/InputAccessory/RCTInputAccessoryComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/InputAccessory/RCTInputAccessoryComponentView.mm
index 04e336d8667889..513ce9f3e9c63a 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/InputAccessory/RCTInputAccessoryComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/InputAccessory/RCTInputAccessoryComponentView.mm
@@ -50,8 +50,7 @@ @implementation RCTInputAccessoryComponentView {
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const InputAccessoryProps>();
-    _props = defaultProps;
+    _props = InputAccessoryShadowNode::defaultSharedProps();
     _contentView = [RCTInputAccessoryContentView new];
     _touchHandler = [RCTSurfaceTouchHandler new];
     [_touchHandler attachToView:_contentView];
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropComponentView.h b/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropComponentView.h
index 5585dde4dd166e..023e89b7770aeb 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropComponentView.h
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropComponentView.h
@@ -21,6 +21,12 @@ NS_ASSUME_NONNULL_BEGIN
 + (void)supportLegacyViewManagerWithName:(NSString *)componentName;
 + (void)supportLegacyViewManagersWithPrefix:(NSString *)prefix;
 
+/**
+ * This method is required for addUIBlock and to let the infra bypass the interop layer
+ * when providing views from the RCTUIManager. The interop layer should be transparent to the users.
+ */
+- (RCTUIView *)paperView; // [macOS]
+
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropComponentView.mm
index 8377b7b3728716..8e799d09c48863 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropComponentView.mm
@@ -8,6 +8,7 @@
 #import "RCTLegacyViewManagerInteropComponentView.h"
 
 #import <React/RCTAssert.h>
+#import <React/RCTBridge+Private.h>
 #import <React/RCTConstants.h>
 #import <React/UIView+React.h>
 #import <react/renderer/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.h>
@@ -31,8 +32,7 @@ @implementation RCTLegacyViewManagerInteropComponentView {
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const LegacyViewManagerInteropViewProps>();
-    _props = defaultProps;
+    _props = LegacyViewManagerInteropShadowNode::defaultSharedProps();
     _viewsToBeMounted = [NSMutableArray new];
     _viewsToBeUnmounted = [NSMutableArray new];
     _hasInvokedForwardingWarning = NO;
@@ -41,17 +41,6 @@ - (instancetype)initWithFrame:(CGRect)frame
   return self;
 }
 
-- (RCTUIView *)hitTest:(CGPoint)point withEvent:(UIEvent *)event // [macOS]
-{
-  RCTUIView *result = (RCTUIView *)[super hitTest:point withEvent:event]; // [macOS]
-
-  if (result == _adapter.paperView) {
-    return self;
-  }
-
-  return result;
-}
-
 - (RCTLegacyViewManagerInteropCoordinator *)_coordinator
 {
   if (_state != nullptr) {
@@ -107,6 +96,12 @@ - (NSMethodSignature *)methodSignatureForSelector:(SEL)aSelector
   return supported;
 }
 
++ (NSMutableDictionary<NSString *, Class> *)_supportedLegacyViewComponents
+{
+  static NSMutableDictionary<NSString *, Class> *suppoerted = [NSMutableDictionary new];
+  return suppoerted;
+}
+
 + (BOOL)isSupported:(NSString *)componentName
 {
   // Step 1: check if ViewManager with specified name is supported.
@@ -123,6 +118,31 @@ + (BOOL)isSupported:(NSString *)componentName
     }
   }
 
+  // Step 3: check if the module has been registered
+  // TODO(T174674274): Implement lazy loading of legacy view managers in the new architecture.
+  NSArray<Class> *registeredModules = RCTGetModuleClasses();
+  NSMutableDictionary<NSString *, Class> *supportedLegacyViewComponents =
+      [RCTLegacyViewManagerInteropComponentView _supportedLegacyViewComponents];
+  if (supportedLegacyViewComponents[componentName] != NULL) {
+    return YES;
+  }
+
+  for (Class moduleClass in registeredModules) {
+    id<RCTBridgeModule> bridgeModule = (id<RCTBridgeModule>)moduleClass;
+    NSString *moduleName = [[bridgeModule moduleName] isEqualToString:@""]
+        ? [NSStringFromClass(moduleClass) stringByReplacingOccurrencesOfString:@"Manager" withString:@""]
+        : [bridgeModule moduleName];
+
+    if (supportedLegacyViewComponents[moduleName] == NULL) {
+      supportedLegacyViewComponents[moduleName] = moduleClass;
+    }
+
+    if ([moduleName isEqualToString:componentName] ||
+        [moduleName isEqualToString:[@"RCT" stringByAppendingString:componentName]]) {
+      return YES;
+    }
+  }
+
   return NO;
 }
 
@@ -179,11 +199,20 @@ - (void)updateState:(const State::Shared &)state oldState:(const State::Shared &
 - (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask
 {
   [super finalizeUpdates:updateMask];
+  __block BOOL propsUpdated = NO;
+
+  __weak __typeof(self) weakSelf = self;
+  void (^updatePropsIfNeeded)(RNComponentViewUpdateMask) = ^void(RNComponentViewUpdateMask mask) {
+    __typeof(self) strongSelf = weakSelf;
+    if (!propsUpdated) {
+      [strongSelf _setPropsWithUpdateMask:mask];
+      propsUpdated = YES;
+    }
+  };
 
   if (!_adapter) {
     _adapter = [[RCTLegacyViewManagerInteropCoordinatorAdapter alloc] initWithCoordinator:[self _coordinator]
                                                                                  reactTag:self.tag];
-    __weak __typeof(self) weakSelf = self;
     _adapter.eventInterceptor = ^(std::string eventName, folly::dynamic event) {
       if (weakSelf) {
         __typeof(self) strongSelf = weakSelf;
@@ -192,6 +221,13 @@ - (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask
         eventEmitter.dispatchEvent(eventName, event);
       }
     };
+    // Set props immediately. This is required to set the initial state of the view.
+    // In the case where some events are fired in relationship of a change in the frame
+    // or layout of the view, they will fire as soon as the contentView is set and if the
+    // event block is nil, the app will crash.
+    updatePropsIfNeeded(updateMask);
+    propsUpdated = YES;
+
     self.contentView = _adapter.paperView;
   }
 
@@ -216,12 +252,22 @@ - (void)finalizeUpdates:(RNComponentViewUpdateMask)updateMask
 
   [_adapter.paperView didUpdateReactSubviews];
 
+  updatePropsIfNeeded(updateMask);
+}
+
+- (void)_setPropsWithUpdateMask:(RNComponentViewUpdateMask)updateMask
+{
   if (updateMask & RNComponentViewUpdateMaskProps) {
     const auto &newProps = static_cast<const LegacyViewManagerInteropViewProps &>(*_props);
     [_adapter setProps:newProps.otherProps];
   }
 }
 
+- (RCTUIView *)paperView // [macOS]
+{
+  return _adapter.paperView;
+}
+
 #pragma mark - Native Commands
 
 - (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropCoordinatorAdapter.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropCoordinatorAdapter.mm
index f327e0deb75a24..0d336d98068efc 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropCoordinatorAdapter.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/LegacyViewManagerInterop/RCTLegacyViewManagerInteropCoordinatorAdapter.mm
@@ -6,11 +6,13 @@
  */
 
 #import "RCTLegacyViewManagerInteropCoordinatorAdapter.h"
+#import <React/RCTFollyConvert.h>
 #import <React/UIView+React.h>
 
 @implementation RCTLegacyViewManagerInteropCoordinatorAdapter {
   RCTLegacyViewManagerInteropCoordinator *_coordinator;
   NSInteger _tag;
+  NSDictionary<NSString *, id> *_oldProps;
 }
 
 - (instancetype)initWithCoordinator:(RCTLegacyViewManagerInteropCoordinator *)coordinator reactTag:(NSInteger)tag
@@ -24,7 +26,6 @@ - (instancetype)initWithCoordinator:(RCTLegacyViewManagerInteropCoordinator *)co
 
 - (void)dealloc
 {
-  [_coordinator removeViewFromRegistryWithTag:_tag];
   [_paperView removeFromSuperview];
   [_coordinator removeObserveForTag:_tag];
 }
@@ -40,14 +41,20 @@ - (RCTPlatformView *)paperView // [macOS]
                             weakSelf.eventInterceptor(eventName, event);
                           }
                         }];
-    [_coordinator addViewToRegistry:_paperView withTag:_tag];
   }
   return _paperView;
 }
 
 - (void)setProps:(const folly::dynamic &)props
 {
-  [_coordinator setProps:props forView:self.paperView];
+  if (props.isObject()) {
+    NSDictionary<NSString *, id> *convertedProps = facebook::react::convertFollyDynamicToId(props);
+    NSDictionary<NSString *, id> *diffedProps = [self _diffProps:convertedProps];
+
+    [_coordinator setProps:diffedProps forView:self.paperView];
+
+    _oldProps = convertedProps;
+  }
 }
 
 - (void)handleCommand:(NSString *)commandName args:(NSArray *)args
@@ -55,4 +62,87 @@ - (void)handleCommand:(NSString *)commandName args:(NSArray *)args
   [_coordinator handleCommand:commandName args:args reactTag:_tag paperView:self.paperView];
 }
 
+- (NSDictionary<NSString *, id> *)_diffProps:(NSDictionary<NSString *, id> *)newProps
+{
+  NSMutableDictionary<NSString *, id> *diffedProps = [NSMutableDictionary new];
+
+  [newProps enumerateKeysAndObjectsUsingBlock:^(NSString *key, id newProp, __unused BOOL *stop) {
+    id oldProp = _oldProps[key];
+    if ([self _prop:newProp isDifferentFrom:oldProp]) {
+      diffedProps[key] = newProp;
+    }
+  }];
+
+  return diffedProps;
+}
+
+#pragma mark - Private
+
+- (BOOL)_prop:(id)oldProp isDifferentFrom:(id)newProp
+{
+  // Check for JSON types.
+  // JSON types can be of:
+  // * number
+  // * bool
+  // * String
+  // * Array
+  // * Objects => Dictionaries in ObjectiveC
+  // * Null
+
+  // Check for NULL
+  BOOL bothNil = !oldProp && !newProp;
+  if (bothNil) {
+    return NO;
+  }
+
+  BOOL onlyOneNil = (oldProp && !newProp) || (!oldProp && newProp);
+  if (onlyOneNil) {
+    return YES;
+  }
+
+  if ([self _propIsSameNumber:oldProp second:newProp]) {
+    // Boolean should be captured by NSNumber
+    return NO;
+  }
+
+  if ([self _propIsSameString:oldProp second:newProp]) {
+    return NO;
+  }
+
+  if ([self _propIsSameArray:oldProp second:newProp]) {
+    return NO;
+  }
+
+  if ([self _propIsSameObject:oldProp second:newProp]) {
+    return NO;
+  }
+
+  // Previous behavior, fallback to YES
+  return YES;
+}
+
+- (BOOL)_propIsSameNumber:(id)first second:(id)second
+{
+  return [first isKindOfClass:[NSNumber class]] && [second isKindOfClass:[NSNumber class]] &&
+      [(NSNumber *)first isEqualToNumber:(NSNumber *)second];
+}
+
+- (BOOL)_propIsSameString:(id)first second:(id)second
+{
+  return [first isKindOfClass:[NSString class]] && [second isKindOfClass:[NSString class]] &&
+      [(NSString *)first isEqualToString:(NSString *)second];
+}
+
+- (BOOL)_propIsSameArray:(id)first second:(id)second
+{
+  return [first isKindOfClass:[NSArray class]] && [second isKindOfClass:[NSArray class]] &&
+      [(NSArray *)first isEqualToArray:(NSArray *)second];
+}
+
+- (BOOL)_propIsSameObject:(id)first second:(id)second
+{
+  return [first isKindOfClass:[NSDictionary class]] && [second isKindOfClass:[NSDictionary class]] &&
+      [(NSDictionary *)first isEqualToDictionary:(NSDictionary *)second];
+}
+
 @end
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.mm
index 29e45d4d6f0f80..d712eabb5661b7 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTFabricModalHostViewController.mm
@@ -46,7 +46,7 @@ - (void)loadView
 #if TARGET_OS_IOS // [visionOS]
 - (UIStatusBarStyle)preferredStatusBarStyle
 {
-  return [RCTSharedApplication() statusBarStyle];
+  return [RCTUIStatusBarManager() statusBarStyle];
 }
 #endif // [visionOS]
 
@@ -59,7 +59,7 @@ - (void)viewDidDisappear:(BOOL)animated
 #if TARGET_OS_IOS // [visionOS]
 - (BOOL)prefersStatusBarHidden
 {
-  return [RCTSharedApplication() isStatusBarHidden];
+  return [RCTUIStatusBarManager() isStatusBarHidden];
 }
 #endif // [visionOS]
 
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm
index 338fc7c82c94ea..5918a79ea78baa 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/Modal/RCTModalHostViewComponentView.mm
@@ -113,8 +113,7 @@ @implementation RCTModalHostViewComponentView {
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const ModalHostViewProps>();
-    _props = defaultProps;
+    _props = ModalHostViewShadowNode::defaultSharedProps();
     _shouldAnimatePresentation = YES;
 
     _isPresented = NO;
@@ -168,8 +167,11 @@ - (void)ensurePresentedOnlyIfNeeded
     _isPresented = NO;
     // To animate dismissal of view controller, snapshot of
     // view hierarchy needs to be added to the UIViewController.
-    RCTUIView *snapshot = _modalContentsSnapshot; // [macOS]
-    [self.viewController.view addSubview:snapshot];
+    RCTUIView *snapshot = _modalContentsSnapshot;
+
+    if (_shouldPresent) {
+      [self.viewController.view addSubview:snapshot];
+    }
 
     [self dismissViewController:self.viewController
                        animated:_shouldAnimatePresentation
@@ -198,7 +200,7 @@ - (void)ensurePresentedOnlyIfNeeded
 - (void)mountingTransactionWillMount:(const MountingTransaction &)transaction
                 withSurfaceTelemetry:(const facebook::react::SurfaceTelemetry &)surfaceTelemetry
 {
-  _modalContentsSnapshot = [self.viewController.view snapshotViewAfterScreenUpdates:NO];
+  _modalContentsSnapshot = [self.viewController.view snapshotViewAfterScreenUpdates:YES];
 }
 
 #pragma mark - UIView methods
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.h b/packages/react-native/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.h
index ca5f395c3141a8..54936a93de7c5c 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.h
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.h
@@ -31,6 +31,7 @@ Class<RCTComponentViewProtocol> RCTFabricComponentsProvider(const char *name);
 
 // Lookup functions
 Class<RCTComponentViewProtocol> RCTActivityIndicatorViewCls(void) __attribute__((used));
+Class<RCTComponentViewProtocol> RCTDebuggingOverlayCls(void) __attribute__((used));
 Class<RCTComponentViewProtocol> RCTInputAccessoryCls(void) __attribute__((used));
 Class<RCTComponentViewProtocol> RCTParagraphCls(void) __attribute__((used));
 Class<RCTComponentViewProtocol> RCTPullToRefreshViewCls(void) __attribute__((used));
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.mm
index 02d1dc1a125af7..f07b0301cd28a5 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/RCTFabricComponentsPlugins.mm
@@ -19,6 +19,7 @@
 Class<RCTComponentViewProtocol> RCTFabricComponentsProvider(const char *name) {
   static std::unordered_map<std::string, Class (*)(void)> sFabricComponentsClassMap = {
     {"ActivityIndicatorView", RCTActivityIndicatorViewCls},
+    {"DebuggingOverlay", RCTDebuggingOverlayCls},
     {"InputAccessoryView", RCTInputAccessoryCls},
     {"Paragraph", RCTParagraphCls},
     {"PullToRefreshView", RCTPullToRefreshViewCls},
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.mm
index 4efa8b34b4a7a0..eb81a151c3fc41 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/Root/RCTRootComponentView.mm
@@ -18,8 +18,7 @@ @implementation RCTRootComponentView
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const RootProps>();
-    _props = defaultProps;
+    _props = RootShadowNode::defaultSharedProps();
   }
 
   return self;
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/SafeAreaView/RCTSafeAreaViewComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/SafeAreaView/RCTSafeAreaViewComponentView.mm
index 4f77afbc931c5e..0d0dd5382129d3 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/SafeAreaView/RCTSafeAreaViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/SafeAreaView/RCTSafeAreaViewComponentView.mm
@@ -22,8 +22,7 @@ @implementation RCTSafeAreaViewComponentView {
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const SafeAreaViewProps>();
-    _props = defaultProps;
+    _props = SafeAreaViewShadowNode::defaultSharedProps();
   }
 
   return self;
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm
index 6623b4b6bb498f..606f42ecb62fea 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTPullToRefreshViewComponentView.mm
@@ -38,8 +38,7 @@ - (instancetype)initWithFrame:(CGRect)frame
     // The pull-to-refresh view is not a subview of this view.
     self.hidden = YES;
 
-    static const auto defaultProps = std::make_shared<const PullToRefreshViewProps>();
-    _props = defaultProps;
+    _props = PullToRefreshViewShadowNode::defaultSharedProps();
 
 #if !TARGET_OS_OSX // [macOS]
     _refreshControl = [UIRefreshControl new];
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
index 81a0b79d6fd98e..6aaaa429974536 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/ScrollView/RCTScrollViewComponentView.mm
@@ -111,6 +111,9 @@ @implementation RCTScrollViewComponentView {
 
   CGRect _prevFirstVisibleFrame;
   __weak RCTUIView *_firstVisibleView; // [macOS]
+
+  CGFloat _endDraggingSensitivityMultiplier;
+  CGFloat _endDraggingSensitivityVelocityMultiplier;
 }
 
 + (RCTScrollViewComponentView *_Nullable)findScrollViewComponentViewForView:(RCTUIView *)view // [macOS]
@@ -124,8 +127,7 @@ + (RCTScrollViewComponentView *_Nullable)findScrollViewComponentViewForView:(RCT
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const ScrollViewProps>();
-    _props = defaultProps;
+    _props = ScrollViewShadowNode::defaultSharedProps();
 
     _scrollView = [[RCTEnhancedScrollView alloc] initWithFrame:self.bounds];
     _scrollView.autoresizingMask = UIViewAutoresizingFlexibleWidth | UIViewAutoresizingFlexibleHeight;
@@ -149,11 +151,9 @@ - (instancetype)initWithFrame:(CGRect)frame
     [self.scrollViewDelegateSplitter addDelegate:self];
 #endif // [macOS]
 
-    if (CoreFeatures::disableScrollEventThrottleRequirement) {
-      _scrollEventThrottle = 0;
-    } else {
-      _scrollEventThrottle = INFINITY;
-    }
+    _scrollEventThrottle = 0;
+    _endDraggingSensitivityVelocityMultiplier = 0;
+    _endDraggingSensitivityMultiplier = 1;
   }
 
   return self;
@@ -264,6 +264,9 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
 #endif // [macOS]
   }
 
+  _endDraggingSensitivityMultiplier = newScrollViewProps.endDraggingSensitivityMultiplier;
+  _endDraggingSensitivityVelocityMultiplier = newScrollViewProps.endDraggingSensitivityVelocityMultiplier;
+
   if (oldScrollViewProps.scrollEventThrottle != newScrollViewProps.scrollEventThrottle) {
     // Zero means "send value only once per significant logical event".
     // Prop value is in milliseconds.
@@ -319,7 +322,7 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
     } else if (contentInsetAdjustmentBehavior == ContentInsetAdjustmentBehavior::Automatic) {
       scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentAutomatic;
     } else if (contentInsetAdjustmentBehavior == ContentInsetAdjustmentBehavior::ScrollableAxes) {
-      scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentAutomatic;
+      scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentScrollableAxes;
     } else if (contentInsetAdjustmentBehavior == ContentInsetAdjustmentBehavior::Always) {
       scrollView.contentInsetAdjustmentBehavior = UIScrollViewContentInsetAdjustmentAlways;
     }
@@ -472,6 +475,20 @@ - (void)prepareForRecycle
 
 #pragma mark - UIScrollViewDelegate
 
+- (void)scrollViewWillEndDragging:(RCTUIScrollView *)scrollView // [macOS]
+                     withVelocity:(CGPoint)velocity
+              targetContentOffset:(inout CGPoint *)targetContentOffset
+{
+  if (fabs(_endDraggingSensitivityMultiplier - 1) > 0.0001f ||
+      fabs(_endDraggingSensitivityVelocityMultiplier) > 0.0001f) {
+    if (targetContentOffset->y > 0) {
+      const CGFloat travel = targetContentOffset->y - scrollView.contentOffset.y;
+      targetContentOffset->y = scrollView.contentOffset.y + travel * _endDraggingSensitivityMultiplier +
+          velocity.y * _endDraggingSensitivityVelocityMultiplier;
+    }
+  }
+}
+
 - (BOOL)touchesShouldCancelInContentView:(__unused RCTUIView *)view // [macOS]
 {
   // Historically, `UIScrollView`s in React Native do not cancel touches
@@ -512,7 +529,12 @@ - (BOOL)scrollViewShouldScrollToTop:(RCTUIScrollView *)scrollView // [macOS]
 
 - (void)scrollViewDidScrollToTop:(RCTUIScrollView *)scrollView // [macOS]
 {
+  if (!_eventEmitter) {
+    return;
+  }
+
   _isUserTriggeredScrolling = NO;
+  static_cast<const ScrollViewEventEmitter &>(*_eventEmitter).onScrollToTop([self _scrollViewMetrics]);
   [self _updateStateWithContentOffset];
 }
 
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm
index a405256e9300fc..b610bedbe7b110 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/Switch/RCTSwitchComponentView.mm
@@ -29,8 +29,7 @@ @implementation RCTSwitchComponentView {
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const SwitchProps>();
-    _props = defaultProps;
+    _props = SwitchShadowNode::defaultSharedProps();
 
     _switchView = [[RCTUISwitch alloc] initWithFrame:self.bounds]; // [macOS]
 
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
index 74026ca2292976..8a7a4c905622a7 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/Text/RCTParagraphComponentView.mm
@@ -47,8 +47,7 @@ @implementation RCTParagraphComponentView {
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const ParagraphProps>();
-    _props = defaultProps;
+    _props = ParagraphShadowNode::defaultSharedProps();
 
 #if !TARGET_OS_OSX  // [macOS]
     self.contentMode = UIViewContentModeRedraw;
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.mm
index 2c12cfa47909ab..cb0e202ef65555 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/TextInput/RCTTextInputComponentView.mm
@@ -66,11 +66,10 @@ @implementation RCTTextInputComponentView {
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const TextInputProps>();
+    const auto &defaultProps = TextInputShadowNode::defaultSharedProps();
     _props = defaultProps;
-    auto &props = *defaultProps;
 
-    _backedTextInputView = props.traits.multiline ? [RCTUITextView new] : [RCTUITextField new];
+    _backedTextInputView = defaultProps->traits.multiline ? [RCTUITextView new] : [RCTUITextField new];
     _backedTextInputView.textInputDelegate = self;
     _ignoreNextTextInputCall = NO;
     _comingFromJS = NO;
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/UnimplementedComponent/RCTUnimplementedNativeComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/UnimplementedComponent/RCTUnimplementedNativeComponentView.mm
index 620580dbf8d342..7850be2e29d037 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/UnimplementedComponent/RCTUnimplementedNativeComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/UnimplementedComponent/RCTUnimplementedNativeComponentView.mm
@@ -20,8 +20,7 @@ @implementation RCTUnimplementedNativeComponentView {
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const UnimplementedNativeViewProps>();
-    _props = defaultProps;
+    _props = UnimplementedNativeViewShadowNode::defaultSharedProps();
 
     CGRect bounds = self.bounds;
     _label = [[RCTUILabel alloc] initWithFrame:bounds];  // [macOS]
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/UnimplementedView/RCTUnimplementedViewComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/UnimplementedView/RCTUnimplementedViewComponentView.mm
index bb77576771ee9c..8594c1a5db98c0 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/UnimplementedView/RCTUnimplementedViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/UnimplementedView/RCTUnimplementedViewComponentView.mm
@@ -27,8 +27,7 @@ @implementation RCTUnimplementedViewComponentView {
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const UnimplementedViewProps>();
-    _props = defaultProps;
+    _props = UnimplementedViewShadowNode::defaultSharedProps();
 
     _label = [[RCTUILabel alloc] initWithFrame:self.bounds];
     _label.backgroundColor = [RCTUIColor colorWithRed:1.0 green:0.0 blue:0.0 alpha:0.3];
diff --git a/packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm b/packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
index afd8d23a5d989a..59f8e1a92483f6 100644
--- a/packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
+++ b/packages/react-native/React/Fabric/Mounting/ComponentViews/View/RCTViewComponentView.mm
@@ -29,7 +29,7 @@
 
 @implementation RCTViewComponentView {
   RCTUIColor *_backgroundColor; // [macOS]
-  CALayer *_borderLayer;
+  __weak CALayer *_borderLayer;
   BOOL _needsInvalidateLayer;
   BOOL _isJSResponder;
   BOOL _removeClippedSubviews;
@@ -47,8 +47,7 @@ + (void)load
 - (instancetype)initWithFrame:(CGRect)frame
 {
   if (self = [super initWithFrame:frame]) {
-    static const auto defaultProps = std::make_shared<const ViewProps>();
-    _props = defaultProps;
+    _props = ViewShadowNode::defaultSharedProps();
     _reactSubviews = [NSMutableArray new];
 #if !TARGET_OS_OSX // [macOS]
     self.multipleTouchEnabled = YES;
@@ -114,6 +113,17 @@ - (void)resetCursorRects
 }
 #endif // macOS]
 
+#if !TARGET_OS_OSX // [macOS]
+- (void)traitCollectionDidChange:(UITraitCollection *)previousTraitCollection
+{
+  [super traitCollectionDidChange:previousTraitCollection];
+
+  if ([self.traitCollection hasDifferentColorAppearanceComparedToTraitCollection:previousTraitCollection]) {
+    [self invalidateLayer];
+  }
+}
+#endif
+
 #pragma mark - RCTComponentViewProtocol
 
 + (ComponentDescriptorProvider)componentDescriptorProvider
@@ -296,8 +306,11 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
        oldViewProps.transformOrigin != newViewProps.transformOrigin) &&
       ![_propKeysManagedByAnimated_DO_NOT_USE_THIS_IS_BROKEN containsObject:@"transform"]) {
     auto newTransform = newViewProps.resolveTransform(_layoutMetrics);
-    self.layer.transform = RCTCATransform3DFromTransformMatrix(newTransform);
-    self.layer.allowsEdgeAntialiasing = newViewProps.transform != Transform::Identity();
+    CATransform3D caTransform = RCTCATransform3DFromTransformMatrix(newTransform);
+
+    self.layer.transform = caTransform;
+    // Enable edge antialiasing in rotation, skew, or perspective transforms
+    self.layer.allowsEdgeAntialiasing = caTransform.m12 != 0.0f || caTransform.m21 != 0.0f || caTransform.m34 != 0.0f;
   }
 
   // `hitSlop`
@@ -367,10 +380,11 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
   // `accessibilityState`
   if (oldViewProps.accessibilityState != newViewProps.accessibilityState) {
     self.accessibilityTraits &= ~(UIAccessibilityTraitNotEnabled | UIAccessibilityTraitSelected);
-    if (newViewProps.accessibilityState.selected) {
+    const auto accessibilityState = newViewProps.accessibilityState.value_or(AccessibilityState{});
+    if (accessibilityState.selected) {
       self.accessibilityTraits |= UIAccessibilityTraitSelected;
     }
-    if (newViewProps.accessibilityState.disabled) {
+    if (accessibilityState.disabled) {
       self.accessibilityTraits |= UIAccessibilityTraitNotEnabled;
     }
   }
@@ -404,11 +418,6 @@ - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &
     self.accessibilityIdentifier = RCTNSStringFromString(newViewProps.testId);
   }
 
-  // `zIndex`
-  if (oldViewProps.zIndex != newViewProps.zIndex) {
-    self.layer.zPosition = newViewProps.zIndex.value_or(0);
-  }
-
   _needsInvalidateLayer = _needsInvalidateLayer || needsInvalidateLayer;
 
   _props = std::static_pointer_cast<const ViewProps>(props);
@@ -430,9 +439,7 @@ - (void)updateLayoutMetrics:(const LayoutMetrics &)layoutMetrics
   _layoutMetrics = layoutMetrics;
   _needsInvalidateLayer = YES;
 
-  if (_borderLayer) {
-    _borderLayer.frame = self.layer.bounds;
-  }
+  _borderLayer.frame = self.layer.bounds;
 
   if (_contentView) {
     _contentView.frame = RCTCGRectFromRect(_layoutMetrics.getContentFrame());
@@ -712,12 +719,17 @@ - (void)invalidateLayer
           borderMetrics.borderWidths.left == 0 ||
           colorComponentsFromColor(borderMetrics.borderColors.left).alpha == 0 || self.clipsToBounds);
 
+    CGColorRef backgroundColor; // [macOS]
+
+  #if !TARGET_OS_OSX // [macOS]
+    backgroundColor = [_backgroundColor resolvedColorWithTraitCollection:self.traitCollection].CGColor;
+  #else // [macOS
+    backgroundColor = [_backgroundColor CGColor];
+  #endif // macOS]
+
   if (useCoreAnimationBorderRendering) {
     layer.mask = nil;
-    if (_borderLayer) {
-      [_borderLayer removeFromSuperlayer];
-      _borderLayer = nil;
-    }
+    [_borderLayer removeFromSuperlayer];
 
     layer.borderWidth = (CGFloat)borderMetrics.borderWidths.left;
     CGColorRef borderColor = RCTCreateCGColorRefFromSharedColor(borderMetrics.borderColors.left);
@@ -727,14 +739,15 @@ - (void)invalidateLayer
 
     layer.cornerCurve = CornerCurveFromBorderCurve(borderMetrics.borderCurves.topLeft);
 
-    layer.backgroundColor = _backgroundColor.CGColor;
+    layer.backgroundColor = backgroundColor;
   } else {
     if (!_borderLayer) {
-      _borderLayer = [CALayer new];
-      _borderLayer.zPosition = -1024.0f;
-      _borderLayer.frame = layer.bounds;
-      _borderLayer.magnificationFilter = kCAFilterNearest;
-      [layer addSublayer:_borderLayer];
+      CALayer *borderLayer = [CALayer new];
+      borderLayer.zPosition = -1024.0f;
+      borderLayer.frame = layer.bounds;
+      borderLayer.magnificationFilter = kCAFilterNearest;
+      [layer addSublayer:borderLayer];
+      _borderLayer = borderLayer;
     }
 
     layer.backgroundColor = nil;
@@ -756,7 +769,7 @@ - (void)invalidateLayer
         RCTCornerRadiiFromBorderRadii(borderMetrics.borderRadii),
         RCTUIEdgeInsetsFromEdgeInsets(borderMetrics.borderWidths),
         borderColors,
-        _backgroundColor.CGColor,
+        backgroundColor,
         self.clipsToBounds,
         scaleFactor); // [macOS]
 
@@ -787,6 +800,10 @@ - (void)invalidateLayer
       }
     }
 
+    // If mutations are applied inside of Animation block, it may cause _borderLayer to be animated.
+    // To stop that, imperatively remove all animations from _borderLayer.
+    [_borderLayer removeAllAnimations];
+
     // Stage 2.5. Custom Clipping Mask
     CAShapeLayer *maskLayer = nil;
     CGFloat cornerRadius = 0;
@@ -850,13 +867,14 @@ - (NSString *)accessibilityLabel
 - (NSString *)accessibilityValue
 {
   const auto &props = static_cast<const ViewProps &>(*_props);
+  const auto accessibilityState = props.accessibilityState.value_or(AccessibilityState{});
 
   // Handle Switch.
 #if !TARGET_OS_OSX // [macOS]
   if ((self.accessibilityTraits & AccessibilityTraitSwitch) == AccessibilityTraitSwitch) {
-    if (props.accessibilityState.checked == AccessibilityState::Checked) {
+    if (accessibilityState.checked == AccessibilityState::Checked) {
       return @"1";
-    } else if (props.accessibilityState.checked == AccessibilityState::Unchecked) {
+    } else if (accessibilityState.checked == AccessibilityState::Unchecked) {
       return @"0";
     }
   }
@@ -883,25 +901,25 @@ - (NSString *)accessibilityValue
   }
 
   // Handle states which haven't already been handled.
-  if (props.accessibilityState.checked == AccessibilityState::Checked) {
+  if (accessibilityState.checked == AccessibilityState::Checked) {
     [valueComponents
         addObject:RCTLocalizedString("checked", "a checkbox, radio button, or other widget which is checked")];
   }
-  if (props.accessibilityState.checked == AccessibilityState::Unchecked) {
+  if (accessibilityState.checked == AccessibilityState::Unchecked) {
     [valueComponents
         addObject:RCTLocalizedString("unchecked", "a checkbox, radio button, or other widget which is unchecked")];
   }
-  if (props.accessibilityState.checked == AccessibilityState::Mixed) {
+  if (accessibilityState.checked == AccessibilityState::Mixed) {
     [valueComponents
         addObject:RCTLocalizedString(
                       "mixed", "a checkbox, radio button, or other widget which is both checked and unchecked")];
   }
-  if (props.accessibilityState.expanded) {
+  if (accessibilityState.expanded.value_or(false)) {
     [valueComponents
         addObject:RCTLocalizedString("expanded", "a menu, dialog, accordian panel, or other widget which is expanded")];
   }
 
-  if (props.accessibilityState.busy) {
+  if (accessibilityState.busy) {
     [valueComponents addObject:RCTLocalizedString("busy", "an element currently being updated or modified")];
   }
 
diff --git a/packages/react-native/React/Fabric/Mounting/RCTComponentViewClassDescriptor.h b/packages/react-native/React/Fabric/Mounting/RCTComponentViewClassDescriptor.h
index 4797e137aec88b..98d7e2f33a0b2b 100644
--- a/packages/react-native/React/Fabric/Mounting/RCTComponentViewClassDescriptor.h
+++ b/packages/react-native/React/Fabric/Mounting/RCTComponentViewClassDescriptor.h
@@ -27,6 +27,11 @@ class RCTComponentViewClassDescriptor final {
    */
   bool observesMountingTransactionWillMount{false};
   bool observesMountingTransactionDidMount{false};
+
+  /*
+   * Whether the component can be recycled or not
+   */
+  bool shouldBeRecycled{true};
 };
 
 NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/React/Fabric/Mounting/RCTComponentViewDescriptor.h b/packages/react-native/React/Fabric/Mounting/RCTComponentViewDescriptor.h
index 1f4533d1a10296..0bed93cf268c57 100644
--- a/packages/react-native/React/Fabric/Mounting/RCTComponentViewDescriptor.h
+++ b/packages/react-native/React/Fabric/Mounting/RCTComponentViewDescriptor.h
@@ -28,6 +28,7 @@ class RCTComponentViewDescriptor final {
    */
   bool observesMountingTransactionWillMount{false};
   bool observesMountingTransactionDidMount{false};
+  bool shouldBeRecycled{true};
 };
 
 inline bool operator==(const RCTComponentViewDescriptor &lhs, const RCTComponentViewDescriptor &rhs)
diff --git a/packages/react-native/React/Fabric/Mounting/RCTComponentViewFactory.mm b/packages/react-native/React/Fabric/Mounting/RCTComponentViewFactory.mm
index 0b15d7112a853c..1f4d7488ba3dd4 100644
--- a/packages/react-native/React/Fabric/Mounting/RCTComponentViewFactory.mm
+++ b/packages/react-native/React/Fabric/Mounting/RCTComponentViewFactory.mm
@@ -8,6 +8,7 @@
 #import "RCTComponentViewFactory.h"
 
 #import <React/RCTAssert.h>
+#import <React/RCTBridge.h>
 #import <React/RCTConversions.h>
 #import <React/RCTLog.h>
 
@@ -95,6 +96,9 @@ - (RCTComponentViewClassDescriptor)_componentViewClassDescriptorFromClass:(Class
         (bool)class_respondsToSelector(viewClass, @selector(mountingTransactionWillMount:withSurfaceTelemetry:)),
     .observesMountingTransactionDidMount =
         (bool)class_respondsToSelector(viewClass, @selector(mountingTransactionDidMount:withSurfaceTelemetry:)),
+    .shouldBeRecycled = [viewClass respondsToSelector:@selector(shouldBeRecycled)]
+        ? (bool)[viewClass performSelector:@selector(shouldBeRecycled)]
+        : true,
   };
 #pragma clang diagnostic pop
 }
@@ -110,12 +114,11 @@ - (BOOL)registerComponentIfPossible:(const std::string &)name
   // when the component is registered in both Fabric and in the
   // interop layer, so they can remove that
   NSString *componentNameString = RCTNSStringFromString(name);
-  BOOL isRegisteredInInteropLayer = [RCTLegacyViewManagerInteropComponentView isSupported:componentNameString];
 
   // Fallback 1: Call provider function for component view class.
   Class<RCTComponentViewProtocol> klass = RCTComponentViewClassWithName(name.c_str());
   if (klass) {
-    [self registerComponentViewClass:klass andWarnIfNeeded:isRegisteredInInteropLayer];
+    [self registerComponentViewClass:klass];
     return YES;
   }
 
@@ -126,13 +129,14 @@ - (BOOL)registerComponentIfPossible:(const std::string &)name
     NSString *objcName = [NSString stringWithCString:name.c_str() encoding:NSUTF8StringEncoding];
     klass = self.thirdPartyFabricComponentsProvider.thirdPartyFabricComponents[objcName];
     if (klass) {
-      [self registerComponentViewClass:klass andWarnIfNeeded:isRegisteredInInteropLayer];
+      [self registerComponentViewClass:klass];
       return YES;
     }
   }
 
   // Fallback 3: Try to use Paper Interop.
-  if (isRegisteredInInteropLayer) {
+  // TODO(T174674274): Implement lazy loading of legacy view managers in the new architecture.
+  if (RCTFabricInteropLayerEnabled() && [RCTLegacyViewManagerInteropComponentView isSupported:componentNameString]) {
     RCTLogNewArchitectureValidation(
         RCTNotAllowedInBridgeless,
         self,
@@ -210,6 +214,7 @@ - (RCTComponentViewDescriptor)createComponentViewWithComponentHandle:(facebook::
       .view = [viewClass new],
       .observesMountingTransactionWillMount = componentViewClassDescriptor.observesMountingTransactionWillMount,
       .observesMountingTransactionDidMount = componentViewClassDescriptor.observesMountingTransactionDidMount,
+      .shouldBeRecycled = componentViewClassDescriptor.shouldBeRecycled,
   };
 }
 
@@ -221,17 +226,4 @@ - (RCTComponentViewDescriptor)createComponentViewWithComponentHandle:(facebook::
   return _providerRegistry.createComponentDescriptorRegistry(parameters);
 }
 
-#pragma mark - Private
-
-- (void)registerComponentViewClass:(Class<RCTComponentViewProtocol>)componentViewClass
-                   andWarnIfNeeded:(BOOL)isRegisteredInInteropLayer
-{
-  [self registerComponentViewClass:componentViewClass];
-  if (isRegisteredInInteropLayer) {
-    RCTLogWarn(
-        @"Component with class %@ has been registered in both the New Architecture Renderer and in the Interop Layer.\nPlease remove it from the Interop Layer",
-        componentViewClass);
-  }
-}
-
 @end
diff --git a/packages/react-native/React/Fabric/Mounting/RCTComponentViewRegistry.mm b/packages/react-native/React/Fabric/Mounting/RCTComponentViewRegistry.mm
index 0c6fd9dd38675f..e28066c55a3d03 100644
--- a/packages/react-native/React/Fabric/Mounting/RCTComponentViewRegistry.mm
+++ b/packages/react-native/React/Fabric/Mounting/RCTComponentViewRegistry.mm
@@ -117,7 +117,7 @@ - (void)_enqueueComponentViewWithComponentHandle:(ComponentHandle)componentHandl
   RCTAssertMainQueue();
   auto &recycledViews = _recyclePool[componentHandle];
 
-  if (recycledViews.size() > RCTComponentViewRegistryRecyclePoolMaxSize) {
+  if (recycledViews.size() > RCTComponentViewRegistryRecyclePoolMaxSize || !componentViewDescriptor.shouldBeRecycled) {
     return;
   }
 
diff --git a/packages/react-native/React/Fabric/Mounting/RCTMountingManager.mm b/packages/react-native/React/Fabric/Mounting/RCTMountingManager.mm
index dd60be42d1e1f5..776eb8b3014ac3 100644
--- a/packages/react-native/React/Fabric/Mounting/RCTMountingManager.mm
+++ b/packages/react-native/React/Fabric/Mounting/RCTMountingManager.mm
@@ -73,7 +73,6 @@ static void RCTPerformMountInstructions(
       }
 
       case ShadowViewMutation::Insert: {
-        auto &oldChildShadowView = mutation.oldChildShadowView;
         auto &newChildShadowView = mutation.newChildShadowView;
         auto &parentShadowView = mutation.parentShadowView;
         auto &newChildViewDescriptor = [registry componentViewDescriptorWithTag:newChildShadowView.tag];
@@ -83,11 +82,11 @@ static void RCTPerformMountInstructions(
 
         RCTAssert(newChildShadowView.props, @"`newChildShadowView.props` must not be null.");
 
-        [newChildComponentView updateProps:newChildShadowView.props oldProps:oldChildShadowView.props];
+        [newChildComponentView updateProps:newChildShadowView.props oldProps:nullptr];
         [newChildComponentView updateEventEmitter:newChildShadowView.eventEmitter];
-        [newChildComponentView updateState:newChildShadowView.state oldState:oldChildShadowView.state];
+        [newChildComponentView updateState:newChildShadowView.state oldState:nullptr];
         [newChildComponentView updateLayoutMetrics:newChildShadowView.layoutMetrics
-                                  oldLayoutMetrics:oldChildShadowView.layoutMetrics];
+                                  oldLayoutMetrics:EmptyLayoutMetrics];
         [newChildComponentView finalizeUpdates:RNComponentViewUpdateMaskAll];
 
         [parentViewDescriptor.view mountChildComponentView:newChildComponentView index:mutation.index];
diff --git a/packages/react-native/React/Fabric/RCTConversions.h b/packages/react-native/React/Fabric/RCTConversions.h
index 2fa35c998df8b9..66ce1342716a7a 100644
--- a/packages/react-native/React/Fabric/RCTConversions.h
+++ b/packages/react-native/React/Fabric/RCTConversions.h
@@ -11,6 +11,7 @@
 #import <react/renderer/components/view/primitives.h>
 #import <react/renderer/core/LayoutPrimitives.h>
 #import <react/renderer/graphics/Color.h>
+#import <react/renderer/graphics/RCTPlatformColorUtils.h>
 #import <react/renderer/graphics/Transform.h>
 
 NS_ASSUME_NONNULL_BEGIN
@@ -36,24 +37,7 @@ inline std::string RCTStringFromNSString(NSString *string)
 
 inline RCTUIColor *_Nullable RCTUIColorFromSharedColor(const facebook::react::SharedColor &sharedColor) // [macOS]
 {
-  if (!sharedColor) {
-    return nil;
-  }
-
-  if (*facebook::react::clearColor() == *sharedColor) {
-    return [RCTUIColor clearColor]; // [macOS]
-  }
-
-  if (*facebook::react::blackColor() == *sharedColor) {
-    return [RCTUIColor blackColor]; // [macOS]
-  }
-
-  if (*facebook::react::whiteColor() == *sharedColor) {
-    return [RCTUIColor whiteColor]; // [macOS]
-  }
-
-  auto components = facebook::react::colorComponentsFromColor(sharedColor);
-  return [RCTUIColor colorWithRed:components.red green:components.green blue:components.blue alpha:components.alpha]; // [macOS]
+  return RCTPlatformColorFromColor(*sharedColor);
 }
 
 inline CF_RETURNS_RETAINED CGColorRef _Nullable RCTCreateCGColorRefFromSharedColor(
diff --git a/packages/react-native/React/Fabric/RCTSurfacePointerHandler.mm b/packages/react-native/React/Fabric/RCTSurfacePointerHandler.mm
index 559d528d43311c..ca0dec044eeecd 100644
--- a/packages/react-native/React/Fabric/RCTSurfacePointerHandler.mm
+++ b/packages/react-native/React/Fabric/RCTSurfacePointerHandler.mm
@@ -686,7 +686,6 @@ - (void)_dispatchActivePointers:(std::vector<ActivePointer>)activePointers event
 #if !TARGET_OS_OSX // [macOS]
   for (const auto &activePointer : activePointers) {
     PointerEvent pointerEvent = CreatePointerEventFromActivePointer(activePointer, eventType, _rootComponentView);
-    [self handleIncomingPointerEvent:pointerEvent onView:activePointer.componentView];
 
     SharedTouchEventEmitter eventEmitter = GetTouchEmitterFromView(
         activePointer.componentView,
@@ -704,19 +703,13 @@ - (void)_dispatchActivePointers:(std::vector<ActivePointer>)activePointers event
         }
         case RCTPointerEventTypeEnd: {
           eventEmitter->onPointerUp(pointerEvent);
-
           if (pointerEvent.isPrimary && pointerEvent.button == 0 && IsPointerWithinInitialTree(activePointer)) {
             eventEmitter->onClick(pointerEvent);
           }
-
-          if (activePointer.shouldLeaveWhenReleased) {
-            [self handleIncomingPointerEvent:pointerEvent onView:nil];
-          }
           break;
         }
         case RCTPointerEventTypeCancel: {
           eventEmitter->onPointerCancel(pointerEvent);
-          [self handleIncomingPointerEvent:pointerEvent onView:nil];
           break;
         }
       }
@@ -932,111 +925,15 @@ - (void)hovering:(UIHoverGestureRecognizer *)recognizer
   PointerEvent event = CreatePointerEventFromIncompleteHoverData(
       pointerId, pointerType, clientLocation, screenLocation, offsetLocation, modifierFlags);
 
-  [self handleIncomingPointerEvent:event onView:targetView];
   SharedTouchEventEmitter eventEmitter = GetTouchEmitterFromView(targetView, offsetLocation);
   if (eventEmitter != nil) {
-    eventEmitter->onPointerMove(event);
-  }
-}
-#endif // [macOS]
-
-#pragma mark - Shared pointer handlers
-
-#if !TARGET_OS_OSX // [macOS]
-/**
- * Private method which is used for tracking the location of pointer events to manage the entering/leaving events.
- * The primary idea is that a pointer's presence & movement is dicated by a variety of underlying events such as down,
- * move, and up — and they should all be treated the same when it comes to tracking the entering & leaving of pointers
- * to views. This method accomplishes that by receiving the pointer event, the target view (can be null in cases when
- * the event indicates that the pointer has left the screen entirely), and a block/callback where the underlying event
- * should be fired.
- */
-- (NSOrderedSet<RCTReactTaggedView *> *)handleIncomingPointerEvent:(PointerEvent)event
-                                                            onView:(nullable UIView *)targetView
-{
-  NSInteger pointerId = event.pointerId;
-  CGPoint clientLocation = CGPointMake(event.clientPoint.x, event.clientPoint.y);
-
-  NSOrderedSet<RCTReactTaggedView *> *currentlyHoveredViews =
-      [_currentlyHoveredViewsPerPointer objectForKey:@(pointerId)];
-  if (currentlyHoveredViews == nil) {
-    currentlyHoveredViews = [NSOrderedSet orderedSet];
-  }
-
-  RCTReactTaggedView *targetTaggedView = [RCTReactTaggedView wrap:targetView];
-  RCTReactTaggedView *prevTargetTaggedView = [currentlyHoveredViews firstObject];
-  UIView *prevTargetView = prevTargetTaggedView.view;
-
-  NSOrderedSet<RCTReactTaggedView *> *eventPathViews = GetTouchableViewsInPathToRoot(targetView);
-
-  // Out
-  if (prevTargetView != nil && prevTargetTaggedView.tag != targetTaggedView.tag) {
-    SharedTouchEventEmitter eventEmitter =
-        GetTouchEmitterFromView(prevTargetView, [_rootComponentView convertPoint:clientLocation toView:prevTargetView]);
-    if (eventEmitter != nil) {
-      eventEmitter->onPointerOut(event);
-    }
-  }
-
-  // Leaving
-
-  // pointerleave events need to be emitted from the deepest target to the root but
-  // we also need to efficiently keep track of if a view has a parent which is listening to the leave events,
-  // so we first iterate from the root to the target, collecting the views which need events fired for, of which
-  // we reverse iterate (now from target to root), actually emitting the events.
-  NSMutableOrderedSet<UIView *> *viewsToEmitLeaveEventsTo = [NSMutableOrderedSet orderedSet];
-
-  for (RCTReactTaggedView *taggedView in [currentlyHoveredViews reverseObjectEnumerator]) {
-    UIView *componentView = taggedView.view;
-
-    BOOL shouldEmitEvent = componentView != nil;
-
-    if (shouldEmitEvent && ![eventPathViews containsObject:taggedView]) {
-      [viewsToEmitLeaveEventsTo addObject:componentView];
-    }
-  }
-
-  for (UIView *componentView in [viewsToEmitLeaveEventsTo reverseObjectEnumerator]) {
-    SharedTouchEventEmitter eventEmitter =
-        GetTouchEmitterFromView(componentView, [_rootComponentView convertPoint:clientLocation toView:componentView]);
-    if (eventEmitter != nil) {
-      eventEmitter->onPointerLeave(event);
-    }
-  }
-
-  // Over
-  if (targetView != nil && prevTargetTaggedView.tag != targetTaggedView.tag) {
-    SharedTouchEventEmitter eventEmitter =
-        GetTouchEmitterFromView(targetView, [_rootComponentView convertPoint:clientLocation toView:targetView]);
-    if (eventEmitter != nil) {
-      eventEmitter->onPointerOver(event);
-    }
-  }
-
-  // Entering
-
-  // We only want to emit events to JS if there is a view that is currently listening to said event
-  // so we only send those event to the JS side if the element which has been entered is itself listening,
-  // or if one of its parents is listening in case those listeners care about the capturing phase. Adding the ability
-  // for native to distinguish between capturing listeners and not could be an optimization to further reduce the number
-  // of events we send to JS
-  for (RCTReactTaggedView *taggedView in [eventPathViews reverseObjectEnumerator]) {
-    UIView *componentView = taggedView.view;
-
-    BOOL shouldEmitEvent = componentView != nil;
-
-    if (shouldEmitEvent && ![currentlyHoveredViews containsObject:taggedView]) {
-      SharedTouchEventEmitter eventEmitter =
-          GetTouchEmitterFromView(componentView, [_rootComponentView convertPoint:clientLocation toView:componentView]);
-      if (eventEmitter != nil) {
-        eventEmitter->onPointerEnter(event);
-      }
+    switch (recognizer.state) {
+      case UIGestureRecognizerStateEnded:
+        eventEmitter->onPointerLeave(event);
+      default:
+        eventEmitter->onPointerMove(event);
     }
   }
-
-  [_currentlyHoveredViewsPerPointer setObject:eventPathViews forKey:@(pointerId)];
-
-  return eventPathViews;
 }
 #endif // [macOS]
 
diff --git a/packages/react-native/React/Fabric/RCTSurfacePresenter.mm b/packages/react-native/React/Fabric/RCTSurfacePresenter.mm
index dde791eb424a3b..0df0b80851be8e 100644
--- a/packages/react-native/React/Fabric/RCTSurfacePresenter.mm
+++ b/packages/react-native/React/Fabric/RCTSurfacePresenter.mm
@@ -27,6 +27,7 @@
 #import <React/RCTUtils.h>
 
 #import <react/config/ReactNativeConfig.h>
+#import <react/featureflags/ReactNativeFeatureFlags.h>
 #import <react/renderer/componentregistry/ComponentDescriptorFactory.h>
 #import <react/renderer/components/text/BaseTextProps.h>
 #import <react/renderer/runtimescheduler/RuntimeScheduler.h>
@@ -258,10 +259,6 @@ - (RCTScheduler *)_createScheduler
 {
   auto reactNativeConfig = _contextContainer->at<std::shared_ptr<const ReactNativeConfig>>("ReactNativeConfig");
 
-  if (reactNativeConfig && reactNativeConfig->getBool("rn_convergence:dispatch_pointer_events")) {
-    RCTSetDispatchW3CPointerEvents(YES);
-  }
-
   if (reactNativeConfig && reactNativeConfig->getBool("react_fabric:enable_cpp_props_iterator_setter_ios")) {
     CoreFeatures::enablePropIteratorSetter = true;
   }
@@ -270,14 +267,6 @@ - (RCTScheduler *)_createScheduler
     RCTSetDispatchW3CPointerEvents(YES);
   }
 
-  if (reactNativeConfig && reactNativeConfig->getBool("react_fabric:use_native_state")) {
-    CoreFeatures::useNativeState = true;
-  }
-
-  if (reactNativeConfig && reactNativeConfig->getBool("react_fabric:cancel_image_downloads_on_recycle")) {
-    CoreFeatures::cancelImageDownloadsOnRecycle = true;
-  }
-
   if (reactNativeConfig && reactNativeConfig->getBool("react_fabric:enable_granular_scroll_view_state_updates_ios")) {
     CoreFeatures::enableGranularScrollViewStateUpdatesIOS = true;
   }
@@ -286,14 +275,6 @@ - (RCTScheduler *)_createScheduler
     CoreFeatures::enableMountHooks = true;
   }
 
-  if (reactNativeConfig && reactNativeConfig->getBool("react_fabric:disable_scroll_event_throttle_requirement")) {
-    CoreFeatures::disableScrollEventThrottleRequirement = true;
-  }
-
-  if (reactNativeConfig && reactNativeConfig->getBool("react_fabric:enable_default_async_batched_priority")) {
-    CoreFeatures::enableDefaultAsyncBatchedPriority = true;
-  }
-
   if (reactNativeConfig && reactNativeConfig->getBool("react_fabric:enable_cloneless_state_progression")) {
     CoreFeatures::enableClonelessStateProgression = true;
   }
@@ -327,7 +308,7 @@ - (RCTScheduler *)_createScheduler
     return std::make_unique<MainRunLoopObserver>(activities, owner);
   };
 
-  if (reactNativeConfig && reactNativeConfig->getBool("react_fabric:enable_background_executor_ios")) {
+  if (ReactNativeFeatureFlags::enableBackgroundExecutor()) {
     toolbox.backgroundExecutor = RCTGetBackgroundExecutor();
   }
 
diff --git a/packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.h b/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnection.h
similarity index 52%
rename from packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.h
rename to packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnection.h
index 9d3bccc886dc1b..93c4a457c9c85e 100644
--- a/packages/react-native/Libraries/AppDelegate/RCTLegacyInteropComponents.h
+++ b/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnection.h
@@ -6,13 +6,12 @@
  */
 
 #import <Foundation/Foundation.h>
+#import <React/RCTDefines.h>
+#import "RCTInspectorPackagerConnection.h"
 
-NS_ASSUME_NONNULL_BEGIN
-
-@interface RCTLegacyInteropComponents : NSObject
-
-+ (NSArray<NSString *> *)legacyInteropComponents;
+#if RCT_DEV || RCT_REMOTE_PROFILE
 
+@interface RCTCxxInspectorPackagerConnection : NSObject <RCTInspectorPackagerConnectionProtocol>
 @end
 
-NS_ASSUME_NONNULL_END
+#endif
diff --git a/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnection.mm b/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnection.mm
new file mode 100644
index 00000000000000..53d465bc64c969
--- /dev/null
+++ b/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnection.mm
@@ -0,0 +1,69 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTInspectorPackagerConnection.h>
+
+#if RCT_DEV || RCT_REMOTE_PROFILE
+
+#import <React/RCTDefines.h>
+#import <React/RCTInspector.h>
+#import <React/RCTLog.h>
+#import <React/RCTUtils.h>
+#import <SocketRocket/SRWebSocket.h>
+#import <jsinspector-modern/InspectorPackagerConnection.h>
+
+#import <chrono>
+#import <memory>
+
+#import "RCTCxxInspectorPackagerConnection.h"
+#import "RCTCxxInspectorPackagerConnectionDelegate.h"
+#import "RCTCxxInspectorWebSocketAdapter.h"
+
+using namespace facebook::react::jsinspector_modern;
+@interface RCTCxxInspectorPackagerConnection () {
+  std::unique_ptr<InspectorPackagerConnection> _cxxImpl;
+}
+@end
+
+@implementation RCTCxxInspectorPackagerConnection
+
+RCT_NOT_IMPLEMENTED(-(instancetype)init)
+
+- (instancetype)initWithURL:(NSURL *)url
+{
+  if (self = [super init]) {
+    _cxxImpl = std::make_unique<InspectorPackagerConnection>(
+        [url absoluteString].UTF8String,
+        [[NSBundle mainBundle] bundleIdentifier].UTF8String,
+        std::make_unique<RCTCxxInspectorPackagerConnectionDelegate>());
+  }
+  return self;
+}
+
+- (void)sendEventToAllConnections:(NSString *)event
+{
+  _cxxImpl->sendEventToAllConnections(event.UTF8String);
+}
+
+- (bool)isConnected
+{
+  return _cxxImpl->isConnected();
+}
+
+- (void)connect
+{
+  _cxxImpl->connect();
+}
+
+- (void)closeQuietly
+{
+  _cxxImpl->closeQuietly();
+}
+
+@end
+
+#endif
diff --git a/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnectionDelegate.h b/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnectionDelegate.h
new file mode 100644
index 00000000000000..56e5f51c161d59
--- /dev/null
+++ b/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnectionDelegate.h
@@ -0,0 +1,47 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTDefines.h>
+
+#if RCT_DEV || RCT_REMOTE_PROFILE
+
+#import "RCTCxxInspectorWebSocketAdapter.h"
+
+#import <jsinspector-modern/InspectorPackagerConnection.h>
+
+#import <chrono>
+#import <memory>
+#import <string>
+
+namespace facebook::react::jsinspector_modern {
+/**
+ * Glue between C++ and Objective-C for InspectorPackagerConnectionDelegate.
+ */
+class RCTCxxInspectorPackagerConnectionDelegate
+    : public InspectorPackagerConnectionDelegate {
+  class WebSocket : public IWebSocket {
+   public:
+    WebSocket(RCTCxxInspectorWebSocketAdapter* adapter);
+    virtual void send(std::string_view message) override;
+    virtual ~WebSocket() override;
+
+   private:
+    RCTCxxInspectorWebSocketAdapter* const _adapter;
+  };
+
+ public:
+  virtual std::unique_ptr<IWebSocket> connectWebSocket(
+      const std::string& url,
+      std::weak_ptr<IWebSocketDelegate> delegate) override;
+
+  virtual void scheduleCallback(
+      std::function<void(void)> callback,
+      std::chrono::milliseconds delayMs) override;
+};
+} // namespace facebook::react::jsinspector_modern
+
+#endif
diff --git a/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnectionDelegate.mm b/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnectionDelegate.mm
new file mode 100644
index 00000000000000..d6fb7b32d11210
--- /dev/null
+++ b/packages/react-native/React/Inspector/RCTCxxInspectorPackagerConnectionDelegate.mm
@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTCxxInspectorPackagerConnectionDelegate.h"
+
+#if RCT_DEV || RCT_REMOTE_PROFILE
+
+#import <dispatch/dispatch.h>
+
+namespace facebook::react::jsinspector_modern {
+RCTCxxInspectorPackagerConnectionDelegate::WebSocket::WebSocket(RCTCxxInspectorWebSocketAdapter *adapter)
+    : _adapter(adapter)
+{
+}
+
+void RCTCxxInspectorPackagerConnectionDelegate::WebSocket::send(std::string_view message)
+{
+  [_adapter send:message];
+}
+
+RCTCxxInspectorPackagerConnectionDelegate::WebSocket::~WebSocket()
+{
+  [_adapter close];
+}
+
+std::unique_ptr<IWebSocket> RCTCxxInspectorPackagerConnectionDelegate::connectWebSocket(
+    const std::string &url,
+    std::weak_ptr<IWebSocketDelegate> delegate)
+{
+  auto *adapter = [[RCTCxxInspectorWebSocketAdapter alloc] initWithURL:url delegate:delegate];
+  return std::make_unique<WebSocket>(adapter);
+}
+
+void RCTCxxInspectorPackagerConnectionDelegate::scheduleCallback(
+    std::function<void(void)> callback,
+    std::chrono::milliseconds delayMs)
+{
+  dispatch_after(dispatch_time(DISPATCH_TIME_NOW, delayMs.count() * NSEC_PER_MSEC), dispatch_get_main_queue(), ^{
+    callback();
+  });
+}
+} // namespace facebook::react::jsinspector_modern
+
+#endif
diff --git a/packages/react-native/React/Inspector/RCTCxxInspectorWebSocketAdapter.h b/packages/react-native/React/Inspector/RCTCxxInspectorWebSocketAdapter.h
new file mode 100644
index 00000000000000..8520d88d0133ad
--- /dev/null
+++ b/packages/react-native/React/Inspector/RCTCxxInspectorWebSocketAdapter.h
@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTDefines.h>
+
+#if RCT_DEV || RCT_REMOTE_PROFILE
+
+#import <jsinspector-modern/InspectorPackagerConnection.h>
+#import <memory>
+#import <string>
+
+@interface RCTCxxInspectorWebSocketAdapter : NSObject
+- (instancetype)initWithURL:(const std::string &)url
+                   delegate:(std::weak_ptr<facebook::react::jsinspector_modern::IWebSocketDelegate>)delegate;
+- (void)send:(std::string_view)message;
+- (void)close;
+@end
+
+#endif
diff --git a/packages/react-native/React/Inspector/RCTCxxInspectorWebSocketAdapter.mm b/packages/react-native/React/Inspector/RCTCxxInspectorWebSocketAdapter.mm
new file mode 100644
index 00000000000000..ad4d1f6fb98e02
--- /dev/null
+++ b/packages/react-native/React/Inspector/RCTCxxInspectorWebSocketAdapter.mm
@@ -0,0 +1,92 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTCxxInspectorWebSocketAdapter.h"
+
+#if RCT_DEV || RCT_REMOTE_PROFILE
+
+#import <React/RCTInspector.h>
+#import <React/RCTInspectorPackagerConnection.h>
+#import <React/RCTLog.h>
+#import <React/RCTUtils.h>
+#import <SocketRocket/SRWebSocket.h>
+#import <jsinspector-modern/InspectorPackagerConnection.h>
+#import <memory>
+
+using namespace facebook::react::jsinspector_modern;
+
+namespace {
+NSString *NSStringFromUTF8StringView(std::string_view view)
+{
+  return [[NSString alloc] initWithBytes:(const char *)view.data() length:view.size() encoding:NSUTF8StringEncoding];
+}
+}
+@interface RCTCxxInspectorWebSocketAdapter () <SRWebSocketDelegate> {
+  std::weak_ptr<IWebSocketDelegate> _delegate;
+  SRWebSocket *_webSocket;
+}
+@end
+
+@implementation RCTCxxInspectorWebSocketAdapter
+- (instancetype)initWithURL:(const std::string &)url delegate:(std::weak_ptr<IWebSocketDelegate>)delegate
+{
+  if ((self = [super init])) {
+    _delegate = delegate;
+    _webSocket = [[SRWebSocket alloc] initWithURL:[NSURL URLWithString:NSStringFromUTF8StringView(url)]];
+    _webSocket.delegate = self;
+    [_webSocket open];
+  }
+  return self;
+}
+
+- (void)send:(std::string_view)message
+{
+  __weak RCTCxxInspectorWebSocketAdapter *weakSelf = self;
+  NSString *messageStr = NSStringFromUTF8StringView(message);
+  dispatch_async(dispatch_get_main_queue(), ^{
+    RCTCxxInspectorWebSocketAdapter *strongSelf = weakSelf;
+    if (strongSelf) {
+      [strongSelf->_webSocket send:messageStr];
+    }
+  });
+}
+
+- (void)close
+{
+  [_webSocket closeWithCode:1000 reason:@"End of session"];
+}
+
+- (void)webSocket:(__unused SRWebSocket *)webSocket didFailWithError:(NSError *)error
+{
+  // NOTE: We are on the main queue here, per SRWebSocket's defaults.
+  if (auto delegate = _delegate.lock()) {
+    delegate->didFailWithError([error code], [error description].UTF8String);
+  }
+}
+
+- (void)webSocket:(__unused SRWebSocket *)webSocket didReceiveMessageWithString:(NSString *)message
+{
+  // NOTE: We are on the main queue here, per SRWebSocket's defaults.
+  if (auto delegate = _delegate.lock()) {
+    delegate->didReceiveMessage([message UTF8String]);
+  }
+}
+
+- (void)webSocket:(__unused SRWebSocket *)webSocket
+    didCloseWithCode:(__unused NSInteger)code
+              reason:(__unused NSString *)reason
+            wasClean:(__unused BOOL)wasClean
+{
+  // NOTE: We are on the main queue here, per SRWebSocket's defaults.
+  if (auto delegate = _delegate.lock()) {
+    delegate->didClose();
+  }
+}
+
+@end
+
+#endif
diff --git a/packages/react-native/React/Inspector/RCTInspector.mm b/packages/react-native/React/Inspector/RCTInspector.mm
index 0c47f6da779157..9385f5d19c3318 100644
--- a/packages/react-native/React/Inspector/RCTInspector.mm
+++ b/packages/react-native/React/Inspector/RCTInspector.mm
@@ -9,7 +9,7 @@
 
 #if RCT_DEV || RCT_REMOTE_PROFILE
 
-#include <jsinspector-modern/InspectorInterfaces.h>
+#import <jsinspector-modern/InspectorInterfaces.h>
 
 #import <React/RCTDefines.h>
 #import <React/RCTInspectorPackagerConnection.h>
@@ -67,7 +67,7 @@ @implementation RCTInspector
 
 + (NSArray<RCTInspectorPage *> *)pages
 {
-  std::vector<InspectorPage> pages = getInstance()->getPages();
+  std::vector<InspectorPageDescription> pages = getInstance()->getPages();
   NSMutableArray<RCTInspectorPage *> *array = [NSMutableArray arrayWithCapacity:pages.size()];
   for (size_t i = 0; i < pages.size(); i++) {
     RCTInspectorPage *pageWrapper = [[RCTInspectorPage alloc] initWithId:pages[i].id
diff --git a/packages/react-native/React/Inspector/RCTInspectorPackagerConnection.h b/packages/react-native/React/Inspector/RCTInspectorPackagerConnection.h
index 96bb8416b772e7..72e279dce30b3a 100644
--- a/packages/react-native/React/Inspector/RCTInspectorPackagerConnection.h
+++ b/packages/react-native/React/Inspector/RCTInspectorPackagerConnection.h
@@ -10,21 +10,16 @@
 
 #if RCT_DEV || RCT_REMOTE_PROFILE
 
-@interface RCTBundleStatus : NSObject
-@property (atomic, assign) BOOL isLastBundleDownloadSuccess;
-@property (atomic, assign) NSTimeInterval bundleUpdateTimestamp;
-@end
-
-typedef RCTBundleStatus * (^RCTBundleStatusProvider)(void);
-
-@interface RCTInspectorPackagerConnection : NSObject
+@protocol RCTInspectorPackagerConnectionProtocol <NSObject>
 - (instancetype)initWithURL:(NSURL *)url;
 
 - (bool)isConnected;
 - (void)connect;
 - (void)closeQuietly;
 - (void)sendEventToAllConnections:(NSString *)event;
-- (void)setBundleStatusProvider:(RCTBundleStatusProvider)bundleStatusProvider;
+@end
+
+@interface RCTInspectorPackagerConnection : NSObject <RCTInspectorPackagerConnectionProtocol>
 @end
 
 @interface RCTInspectorRemoteConnection : NSObject
diff --git a/packages/react-native/React/Inspector/RCTInspectorPackagerConnection.m b/packages/react-native/React/Inspector/RCTInspectorPackagerConnection.m
index 3d16997273dd67..7d934b43343261 100644
--- a/packages/react-native/React/Inspector/RCTInspectorPackagerConnection.m
+++ b/packages/react-native/React/Inspector/RCTInspectorPackagerConnection.m
@@ -21,17 +21,12 @@
 
 const int RECONNECT_DELAY_MS = 2000;
 
-@implementation RCTBundleStatus
-@end
-
 @interface RCTInspectorPackagerConnection () <SRWebSocketDelegate> {
   NSURL *_url;
   NSMutableDictionary<NSString *, RCTInspectorLocalConnection *> *_inspectorConnections;
   SRWebSocket *_webSocket;
-  dispatch_queue_t _jsQueue;
   BOOL _closed;
   BOOL _suppressConnectionErrors;
-  RCTBundleStatusProvider _bundleStatusProvider;
 }
 @end
 
@@ -57,16 +52,10 @@ - (instancetype)initWithURL:(NSURL *)url
   if (self = [super init]) {
     _url = url;
     _inspectorConnections = [NSMutableDictionary new];
-    _jsQueue = dispatch_queue_create("com.facebook.react.WebSocketExecutor", DISPATCH_QUEUE_SERIAL);
   }
   return self;
 }
 
-- (void)setBundleStatusProvider:(RCTBundleStatusProvider)bundleStatusProvider
-{
-  _bundleStatusProvider = bundleStatusProvider;
-}
-
 - (void)handleProxyMessage:(NSDictionary<NSString *, id> *)message
 {
   NSString *event = message[@"event"];
@@ -150,19 +139,12 @@ - (NSArray *)pages
   NSArray<RCTInspectorPage *> *pages = [RCTInspector pages];
   NSMutableArray *array = [NSMutableArray arrayWithCapacity:pages.count];
 
-  RCTBundleStatusProvider statusProvider = _bundleStatusProvider;
-  RCTBundleStatus *bundleStatus = statusProvider == nil ? nil : statusProvider();
-
   for (RCTInspectorPage *page in pages) {
     NSDictionary *jsonPage = @{
       @"id" : [@(page.id) stringValue],
       @"title" : page.title,
       @"app" : [[NSBundle mainBundle] bundleIdentifier],
       @"vm" : page.vm,
-      @"isLastBundleDownloadSuccess" : bundleStatus == nil ? [NSNull null]
-                                                           : @(bundleStatus.isLastBundleDownloadSuccess),
-      @"bundleUpdateTimestamp" : bundleStatus == nil ? [NSNull null]
-                                                     : @((long)bundleStatus.bundleUpdateTimestamp * 1000),
     };
     [array addObject:jsonPage];
   }
@@ -199,15 +181,8 @@ - (void)webSocket:(__unused SRWebSocket *)webSocket didFailWithError:(NSError *)
 }
 
 // analogous to InspectorPackagerConnection.Connection.onMessage(...)
-- (void)webSocket:(__unused SRWebSocket *)webSocket didReceiveMessage:(id)opaqueMessage
+- (void)webSocket:(__unused SRWebSocket *)webSocket didReceiveMessageWithString:(nonnull NSString *)messageText
 {
-  // warn but don't die on unrecognized messages
-  if (![opaqueMessage isKindOfClass:[NSString class]]) {
-    RCTLogWarn(@"Unrecognized inspector message, object is of type: %@", [opaqueMessage class]);
-    return;
-  }
-
-  NSString *messageText = opaqueMessage;
   NSError *error = nil;
   id parsedJSON = RCTJSONParse(messageText, &error);
   if (error) {
@@ -247,7 +222,6 @@ - (void)connect
   // timeouts, but our previous class, RCTSRWebSocket didn't have the same
   // implemented options. Might be worth reinvestigating for SRWebSocket?
   _webSocket = [[SRWebSocket alloc] initWithURL:_url];
-  [_webSocket setDelegateDispatchQueue:_jsQueue];
   _webSocket.delegate = self;
   [_webSocket open];
 }
@@ -282,7 +256,7 @@ - (void)closeQuietly
 - (void)sendToPackager:(NSDictionary *)messageObject
 {
   __weak RCTInspectorPackagerConnection *weakSelf = self;
-  dispatch_async(_jsQueue, ^{
+  dispatch_async(dispatch_get_main_queue(), ^{
     RCTInspectorPackagerConnection *strongSelf = weakSelf;
     if (strongSelf && !strongSelf->_closed) {
       NSError *error;
diff --git a/packages/react-native/React/Modules/RCTEventEmitter.h b/packages/react-native/React/Modules/RCTEventEmitter.h
index b2b203a0c1a1b6..f7dc623f0b0141 100644
--- a/packages/react-native/React/Modules/RCTEventEmitter.h
+++ b/packages/react-native/React/Modules/RCTEventEmitter.h
@@ -32,8 +32,6 @@
  */
 - (void)sendEventWithName:(NSString *_Nullable)name body:(id _Nullable )body; // [macOS]
 
-- (BOOL)canSendEvents_DEPRECATED;
-
 /**
  * These methods will be called when the first observer is added and when the
  * last observer is removed (or when dealloc is called), respectively. These
diff --git a/packages/react-native/React/Modules/RCTEventEmitter.m b/packages/react-native/React/Modules/RCTEventEmitter.m
index 7ad3513ae8c558..6cdec32f68bc0d 100644
--- a/packages/react-native/React/Modules/RCTEventEmitter.m
+++ b/packages/react-native/React/Modules/RCTEventEmitter.m
@@ -71,18 +71,6 @@ - (void)sendEventWithName:(NSString *)eventName body:(id)body
   }
 }
 
-/* TODO: (T118587955) Remove canSendEvents_DEPRECATED and validate RCTEventEmitter does not fail
- * RCTAssert in _callableJSModules when the React Native instance is invalidated.
- */
-- (BOOL)canSendEvents_DEPRECATED
-{
-  bool canSendEvents = _callableJSModules != nil;
-  if (!canSendEvents && RCTGetValidateCanSendEventInRCTEventEmitter()) {
-    RCTLogError(@"Trying to send event when _callableJSModules is nil.");
-  }
-  return canSendEvents;
-}
-
 - (void)startObserving
 {
   // Does nothing
diff --git a/packages/react-native/React/Modules/RCTUIManager.h b/packages/react-native/React/Modules/RCTUIManager.h
index ae70d203c401ff..a019edb8713e78 100644
--- a/packages/react-native/React/Modules/RCTUIManager.h
+++ b/packages/react-native/React/Modules/RCTUIManager.h
@@ -156,6 +156,14 @@ void RCTTraverseViewNodes(id<RCTComponent> view, void (^block)(id<RCTComponent>)
  */
 - (void)setNeedsLayout;
 
+/**
+ * This method is used to extract the wrapped view
+ * from a view that might be the Interop Layer view wrapper.
+ * If the view passed as parameter is the Interop Layer wrapper, this method returns the wrapped view
+ * Otherwise, it returns the view itself.
+ */
++ (RCTPlatformView *)paperViewOrCurrentView:(RCTPlatformView *)view; // [macOS]
+
 /**
  * Dedicated object for subscribing for UIManager events.
  * See `RCTUIManagerObserver` protocol for more details.
@@ -181,6 +189,30 @@ void RCTTraverseViewNodes(id<RCTComponent> view, void (^block)(id<RCTComponent>)
 
 @end
 
+/**
+ * This is a composed ViewRegistry which implement the same behavior of a Dictionary.
+ * We need this because, when libraries use `addUIBlock` they receives both the UIManager and a Dictionary which maps
+ * reactTags to Views. The problem is that in the New Architecture that dictionary is always empty and many libraries
+ * broke because they want to access the dictionary. Instead, they should use the `uiManager viewForReactTag` method to
+ * retrieve the views they need.
+ *
+ * The `RCTComposedViewRegistry` follows the composite pattern and receives as inputs the `RCTUIManager`and the
+ * dictionary that was passed to the libraries. It extends `NSDictionary` to make sure that it has the same interface of
+ * the parameter that is passed. This class fixes the problem because we override the`objectForKeyedSubscript:` method
+ * which is used to access the dictionary. That method is now implemented looking in the dictionary registry first and
+ * then using the`viewForReactTag` method.
+ */
+@interface RCTComposedViewRegistry : NSMutableDictionary
+
+- (instancetype)initWithUIManager:(RCTUIManager *)uiManager andRegistry:(NSDictionary<NSNumber *, RCTPlatformView *> *)registry; // [macOS]
+
+@end
+
+// This protocol is needed to silence the "unknown selector" warning
+@protocol RCTRendererInteropLayerAdapting
+- (RCTPlatformView *)paperView; // [macOS]
+@end
+
 RCT_EXTERN NSMutableDictionary<NSString *, id> *RCTModuleConstantsForDestructuredComponent(
     NSMutableDictionary<NSString *, NSDictionary *> *directEvents,
     NSMutableDictionary<NSString *, NSDictionary *> *bubblingEvents,
diff --git a/packages/react-native/React/Modules/RCTUIManager.m b/packages/react-native/React/Modules/RCTUIManager.m
index 89b0dccd4e7bf3..ae48343ef7cfc2 100644
--- a/packages/react-native/React/Modules/RCTUIManager.m
+++ b/packages/react-native/React/Modules/RCTUIManager.m
@@ -110,8 +110,11 @@ - (void)invalidate
 
   RCTExecuteOnMainQueue(^{
     RCT_PROFILE_BEGIN_EVENT(RCTProfileTagAlways, @"UIManager invalidate", nil);
+    NSMutableDictionary<NSNumber *, id<RCTComponent>> *viewRegistry =
+        (NSMutableDictionary<NSNumber *, id<RCTComponent>> *)self->_viewRegistry;
     for (NSNumber *rootViewTag in self->_rootViewTags) {
-		RCTPlatformView *rootView = self->_viewRegistry[rootViewTag]; // [macOS]
+      id<RCTComponent> rootView = viewRegistry[rootViewTag];
+      [self _purgeChildren:[rootView reactSubviews] fromRegistry:viewRegistry];
       if ([rootView conformsToProtocol:@protocol(RCTInvalidating)]) {
         [(id<RCTInvalidating>)rootView invalidate];
       }
@@ -187,13 +190,21 @@ - (void)setBridge:(RCTBridge *)bridge
   }
 
 #if !TARGET_OS_OSX // [macOS]
+  // Preload the a11yManager as the RCTUIManager needs it to listen for notification
+  // By eagerly preloading it in the setBridge method, we make sure that the manager is
+  // properly initialized in the Main Thread and that we do not incur in any race condition
+  // or concurrency problem.
+  id<RCTBridgeModule> a11yManager = [bridge moduleForName:@"AccessibilityManager" lazilyLoadIfNecessary:YES];
+
   // This dispatch_async avoids a deadlock while configuring native modules
-  dispatch_async(dispatch_get_main_queue(), ^{
+  dispatch_queue_t accessibilityManagerInitQueue = RCTUIManagerDispatchAccessibilityManagerInitOntoMain()
+      ? dispatch_get_main_queue()
+      : dispatch_get_global_queue(QOS_CLASS_USER_INTERACTIVE, 0);
+  dispatch_async(accessibilityManagerInitQueue, ^{
     [[NSNotificationCenter defaultCenter] addObserver:self
                                              selector:@selector(didReceiveNewContentSizeMultiplier)
                                                  name:@"RCTAccessibilityManagerDidUpdateMultiplierNotification"
-                                               object:[self->_bridge moduleForName:@"AccessibilityManager"
-                                                             lazilyLoadIfNecessary:YES]];
+                                               object:a11yManager];
   });
 #if TARGET_OS_IOS // [visionOS]
   [[NSNotificationCenter defaultCenter] addObserver:self
@@ -384,7 +395,7 @@ - (RCTPlatformView *)viewForReactTag:(NSNumber *)reactTag // [macOS]
   if (!view) {
     view = _viewRegistry[reactTag];
   }
-  return view;
+  return [RCTUIManager paperViewOrCurrentView:view];
 }
 
 - (RCTShadowView *)shadowViewForReactTag:(NSNumber *)reactTag
@@ -730,31 +741,6 @@ - (RCTViewManagerUIBlock)uiBlockWithLayoutUpdateForRootView:(RCTRootShadowView *
   };
 }
 
-/**
- * A method to be called from JS, which takes a container ID and then releases
- * all subviews for that container upon receipt.
- */
-RCT_EXPORT_METHOD(removeSubviewsFromContainerWithID : (nonnull NSNumber *)containerID)
-{
-  RCTLogWarn(
-      @"RCTUIManager.removeSubviewsFromContainerWithID method is deprecated and it will not be implemented in newer versions of RN (Fabric) - T47686450");
-  id<RCTComponent> container = _shadowViewRegistry[containerID];
-  RCTAssert(container != nil, @"container view (for ID %@) not found", containerID);
-
-  NSUInteger subviewsCount = [container reactSubviews].count;
-  NSMutableArray<NSNumber *> *indices = [[NSMutableArray alloc] initWithCapacity:subviewsCount];
-  for (NSUInteger childIndex = 0; childIndex < subviewsCount; childIndex++) {
-    [indices addObject:@(childIndex)];
-  }
-
-  [self manageChildren:containerID
-        moveFromIndices:nil
-          moveToIndices:nil
-      addChildReactTags:nil
-           addAtIndices:nil
-        removeAtIndices:indices];
-}
-
 /**
  * Disassociates children from container. Doesn't remove from registries.
  * TODO: use [NSArray getObjects:buffer] to reuse same fast buffer each time.
@@ -884,31 +870,6 @@ - (void)_removeChildren:(NSArray<RCTPlatformView *> *)children // [macOS]
   }];
 }
 
-RCT_EXPORT_METHOD(replaceExistingNonRootView : (nonnull NSNumber *)reactTag withView : (nonnull NSNumber *)newReactTag)
-{
-  RCTLogWarn(
-      @"RCTUIManager.replaceExistingNonRootView method is deprecated and it will not be implemented in newer versions of RN (Fabric) - T47686450");
-  RCTShadowView *shadowView = _shadowViewRegistry[reactTag];
-  RCTAssert(shadowView != nil, @"shadowView (for ID %@) not found", reactTag);
-
-  RCTShadowView *superShadowView = shadowView.superview;
-  if (!superShadowView) {
-    RCTAssert(NO, @"shadowView super (of ID %@) not found", reactTag);
-    return;
-  }
-
-  NSUInteger indexOfView = [superShadowView.reactSubviews indexOfObjectIdenticalTo:shadowView];
-  RCTAssert(indexOfView != NSNotFound, @"View's superview doesn't claim it as subview (id %@)", reactTag);
-  NSArray<NSNumber *> *removeAtIndices = @[ @(indexOfView) ];
-  NSArray<NSNumber *> *addTags = @[ newReactTag ];
-  [self manageChildren:superShadowView.reactTag
-        moveFromIndices:nil
-          moveToIndices:nil
-      addChildReactTags:addTags
-           addAtIndices:removeAtIndices
-        removeAtIndices:removeAtIndices];
-}
-
 RCT_EXPORT_METHOD(setChildren : (nonnull NSNumber *)containerTag reactTags : (NSArray<NSNumber *> *)reactTags)
 {
   RCTSetChildren(containerTag, reactTags, (NSDictionary<NSNumber *, id<RCTComponent>> *)_shadowViewRegistry);
@@ -1249,7 +1210,9 @@ - (void)flushUIBlocksWithCompletion:(void (^)(void))completion
 
     @try {
       for (RCTViewManagerUIBlock block in previousPendingUIBlocks) {
-        block(strongSelf, strongSelf->_viewRegistry);
+        RCTComposedViewRegistry *composedViewRegistry =
+            [[RCTComposedViewRegistry alloc] initWithUIManager:strongSelf andRegistry:strongSelf->_viewRegistry];
+        block(strongSelf, composedViewRegistry);
       }
     } @catch (NSException *exception) {
       RCTLogError(@"Exception thrown while executing UI block: %@", exception);
@@ -1737,6 +1700,19 @@ + (RCTPlatformView *)JSResponder // [macOS]
   return _jsResponder;
 }
 
++ (RCTPlatformView *)paperViewOrCurrentView:(RCTPlatformView *)view // [macOS]
+{
+  if ([view respondsToSelector:@selector(paperView)]) {
+    return [view performSelector:@selector(paperView)];
+  }
+  return view;
+}
+
+- (void)removeViewFromRegistry:(NSNumber *)reactTag
+{
+  [_viewRegistry removeObjectForKey:reactTag];
+}
+
 @end
 
 @implementation RCTBridge (RCTUIManager)
@@ -1747,3 +1723,55 @@ - (RCTUIManager *)uiManager
 }
 
 @end
+
+@implementation RCTComposedViewRegistry {
+  __weak RCTUIManager *_uiManager;
+  NSDictionary<NSNumber *, RCTPlatformView *> *_registry; // [macOS]
+}
+
+- (instancetype)initWithUIManager:(RCTUIManager *)uiManager andRegistry:(NSDictionary<NSNumber *, RCTPlatformView *> *)registry // [macOS]
+{
+  self = [super init];
+  if (self) {
+    self->_uiManager = uiManager;
+    self->_registry = registry;
+  }
+  return self;
+}
+
+- (id)objectForKey:(id)key
+{
+  if (![key isKindOfClass:[NSNumber class]]) {
+    return [super objectForKeyedSubscript:key];
+  }
+
+  NSNumber *index = (NSNumber *)key;
+  RCTPlatformView *view = [_uiManager viewForReactTag:index]; // [macOS]
+  if (view) {
+    return [RCTUIManager paperViewOrCurrentView:view];
+  }
+  view = _registry[index];
+  if (view) {
+    return [RCTUIManager paperViewOrCurrentView:view];
+  }
+  return [super objectForKeyedSubscript:key];
+}
+
+- (void)removeObjectForKey:(id)key
+{
+  if (![key isKindOfClass:[NSNumber class]]) {
+    return [super removeObjectForKey:key];
+  }
+  NSNumber *tag = (NSNumber *)key;
+
+  if (_registry[key]) {
+    NSMutableDictionary *mutableRegistry = (NSMutableDictionary *)_registry;
+    [mutableRegistry removeObjectForKey:tag];
+  } else if ([_uiManager viewForReactTag:tag]) {
+    [_uiManager removeViewFromRegistry:tag];
+  } else {
+    [super removeObjectForKey:key];
+  }
+}
+
+@end
diff --git a/packages/react-native/React/React-RCTFabric.podspec b/packages/react-native/React/React-RCTFabric.podspec
index 04430ee6605331..ddc3314227de5d 100644
--- a/packages/react-native/React/React-RCTFabric.podspec
+++ b/packages/react-native/React/React-RCTFabric.podspec
@@ -16,10 +16,11 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1'
-folly_compiler_flags = folly_flags + ' ' + '-Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 boost_compiler_flags = '-Wno-documentation'
+new_arch_flags = ENV['RCT_NEW_ARCH_ENABLED'] == '1' ? ' -DRCT_NEW_ARCH_ENABLED=1' : ''
 
 header_search_paths = [
   "\"$(PODS_TARGET_SRCROOT)/ReactCommon\"",
@@ -30,27 +31,16 @@ header_search_paths = [
   "\"$(PODS_ROOT)/Headers/Private/React-Core\"",
   "\"$(PODS_ROOT)/Headers/Private/Yoga\"",
   "\"$(PODS_ROOT)/Headers/Public/React-Codegen\"",
-  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\"",
 ]
 
 if ENV['USE_FRAMEWORKS']
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-FabricImage/React_FabricImage.framework/Headers\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/textlayoutmanager/platform/ios\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/textinput/iostextinput\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/imagemanager/platform/ios\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-nativeconfig/React_nativeconfig.framework/Headers\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-ImageManager/React_ImageManager.framework/Headers\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-debug/React_debug.framework/Headers\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-utils/React_utils.framework/Headers\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-rendererdebug/React_rendererdebug.framework/Headers\""
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-runtimescheduler/React_runtimescheduler.framework/Headers\""
+  create_header_search_path_for_frameworks("React-RCTFabric", :framework_name => "RCTFabric")
+    .each { |search_path| header_search_paths << "\"#{search_path}\""}
 end
 
+module_name = "RCTFabric"
+header_dir = "React"
+
 Pod::Spec.new do |s|
   s.name                   = "React-RCTFabric"
   s.version                = version
@@ -63,9 +53,9 @@ Pod::Spec.new do |s|
   s.source_files           = "Fabric/**/*.{c,h,m,mm,S,cpp}"
   s.exclude_files          = "**/tests/*",
                              "**/android/*",
-  s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
-  s.header_dir             = "React"
-  s.module_name            = "RCTFabric"
+  s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags + new_arch_flags
+  s.header_dir             = header_dir
+  s.module_name            = module_name
   # [macOS MobileCoreServices not available on macOS
   s.ios.framework          = ["JavaScriptCore", "MobileCoreServices"] 
   s.visionos.framework     = ["JavaScriptCore", "MobileCoreServices"] 
@@ -73,32 +63,41 @@ Pod::Spec.new do |s|
   # macOS]
   s.pod_target_xcconfig    = {
     "HEADER_SEARCH_PATHS" => header_search_paths,
-    "OTHER_CFLAGS" => "$(inherited) -DRN_FABRIC_ENABLED" + " " + folly_flags,
+    "OTHER_CFLAGS" => "$(inherited) " + folly_compiler_flags + new_arch_flags,
     "CLANG_CXX_LANGUAGE_STANDARD" => "c++20"
   }.merge!(ENV['USE_FRAMEWORKS'] != nil ? {
-    "PUBLIC_HEADERS_FOLDER_PATH" => "$(CONTENTS_FOLDER_PATH)/Headers/React"
+    "PUBLIC_HEADERS_FOLDER_PATH" => "#{module_name}.framework/Headers/#{header_dir}"
   }: {})
 
-  s.dependency "React-Core", version
-  s.dependency "React-Fabric", version
-  s.dependency "React-RCTImage", version
-  s.dependency "React-ImageManager"
-  s.dependency "React-graphics"
+  s.dependency "React-Core"
+  s.dependency "React-RCTImage"
   s.dependency "RCT-Folly/Fabric", folly_version
   s.dependency "glog"
   s.dependency "Yoga"
   s.dependency "React-RCTText"
-  s.dependency "React-FabricImage"
-  s.dependency "React-debug"
-  s.dependency "React-utils"
-  s.dependency "React-rendererdebug"
-  s.dependency "React-nativeconfig"
-  s.dependency "React-runtimescheduler"
+  s.dependency "React-jsi"
+
+  add_dependency(s, "React-FabricImage")
+  add_dependency(s, "React-Fabric", :additional_framework_paths => [
+    "react/renderer/textlayoutmanager/platform/ios",
+    "react/renderer/components/textinput/platform/ios",
+    "react/renderer/components/view/platform/cxx",
+    "react/renderer/imagemanager/platform/ios",
+  ])
+  add_dependency(s, "React-nativeconfig")
+  add_dependency(s, "React-graphics", :additional_framework_paths => ["react/renderer/graphics/platform/ios"])
+  add_dependency(s, "React-ImageManager")
+  add_dependency(s, "React-featureflags")
+  add_dependency(s, "React-debug")
+  add_dependency(s, "React-utils")
+  add_dependency(s, "React-rendererdebug")
+  add_dependency(s, "React-runtimescheduler")
+  add_dependency(s, "React-jsinspector", :framework_name => 'jsinspector_modern')
 
   if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
     s.dependency "hermes-engine"
   else
-    s.dependency "React-jsi"
+    s.dependency "React-jsc"
   end
 
   s.test_spec 'Tests' do |test_spec|
diff --git a/packages/react-native/React/Tests/Text/RCTParagraphComponentViewTests.mm b/packages/react-native/React/Tests/Text/RCTParagraphComponentViewTests.mm
index da306ba8092441..f23f353e121288 100644
--- a/packages/react-native/React/Tests/Text/RCTParagraphComponentViewTests.mm
+++ b/packages/react-native/React/Tests/Text/RCTParagraphComponentViewTests.mm
@@ -121,8 +121,8 @@ - (void)setUp
             auto &props = *sharedProps;
             props.layoutConstraints = LayoutConstraints{{0, 0}, {500, 500}};
             auto &yogaStyle = props.yogaStyle;
-            yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(200));
-            yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(200));
+            yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(200));
+            yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(200));
             return sharedProps;
           })
           .children({
@@ -133,11 +133,11 @@ - (void)setUp
                     auto &props = *sharedProps;
                     props.accessible = true;
                     auto &yogaStyle = props.yogaStyle;
-                    yogaStyle.positionType() = yoga::PositionType::Absolute;
-                    yogaStyle.position()[YGEdgeLeft] = YGValue{0, YGUnitPoint};
-                    yogaStyle.position()[YGEdgeTop] = YGValue{0, YGUnitPoint};
-                    yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(200));
-                    yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(200));
+                    yogaStyle.setPositionType(yoga::PositionType::Absolute);
+                    yogaStyle.setPosition(yoga::Edge::Left, yoga::value::points(0));
+                    yogaStyle.setPosition(yoga::Edge::Top, yoga::value::points(0));
+                    yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(200));
+                    yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(200));
                     return sharedProps;
                   })
                   .children({
@@ -213,11 +213,11 @@ - (void)setUp
                     auto &props = *sharedProps;
                     props.accessible = true;
                     auto &yogaStyle = props.yogaStyle;
-                    yogaStyle.positionType() = yoga::PositionType::Absolute;
-                    yogaStyle.position()[YGEdgeLeft] = YGValue{0, YGUnitPoint};
-                    yogaStyle.position()[YGEdgeTop] = YGValue{30, YGUnitPoint};
-                    yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(200));
-                    yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(50));
+                    yogaStyle.setPositionType(yoga::PositionType::Absolute);
+                    yogaStyle.setPosition(yoga::Edge::Left, yoga::value::points(0));
+                    yogaStyle.setPosition(yoga::Edge::Top, yoga::value::points(30));
+                    yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(200));
+                    yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(50));
                     return sharedProps;
                   })
                   .children({
@@ -257,11 +257,11 @@ - (void)setUp
                     auto &props = *sharedProps;
                     props.accessible = true;
                     auto &yogaStyle = props.yogaStyle;
-                    yogaStyle.positionType() = yoga::PositionType::Absolute;
-                    yogaStyle.position()[YGEdgeLeft] = YGValue{0, YGUnitPoint};
-                    yogaStyle.position()[YGEdgeTop] = YGValue{90, YGUnitPoint};
-                    yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(200));
-                    yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(50));
+                    yogaStyle.setPositionType(yoga::PositionType::Absolute);
+                    yogaStyle.setPosition(yoga::Edge::Left, yoga::value::points(0));
+                    yogaStyle.setPosition(yoga::Edge::Top, yoga::value::points(90));
+                    yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(200));
+                    yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(50));
                     return sharedProps;
                   })
                   .children({
@@ -418,8 +418,8 @@ - (void)testEntireParagraphLink
                        auto &props = *sharedProps;
                        props.layoutConstraints = LayoutConstraints{{0, 0}, {500, 500}};
                        auto &yogaStyle = props.yogaStyle;
-                       yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(200));
-                       yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(200));
+                       yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(200));
+                       yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(200));
                        return sharedProps;
                      })
                      .children({
@@ -431,11 +431,11 @@ - (void)testEntireParagraphLink
                                props.accessible = true;
                                props.accessibilityTraits = AccessibilityTraits::Link;
                                auto &yogaStyle = props.yogaStyle;
-                               yogaStyle.positionType() = yoga::PositionType::Absolute;
-                               yogaStyle.position()[YGEdgeLeft] = YGValue{0, YGUnitPoint};
-                               yogaStyle.position()[YGEdgeTop] = YGValue{0, YGUnitPoint};
-                               yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(200));
-                               yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(20));
+                               yogaStyle.setPositionType(yoga::PositionType::Absolute);
+                               yogaStyle.setPosition(yoga::Edge::Left, yoga::value::points(0));
+                               yogaStyle.setPosition(yoga::Edge::Top, yoga::value::points(90));
+                               yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(200));
+                               yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(20));
                                return sharedProps;
                              })
                              .children({
diff --git a/packages/react-native/React/Views/RCTComponentData.m b/packages/react-native/React/Views/RCTComponentData.m
index 5a017935b723fc..f6c68f89347c00 100644
--- a/packages/react-native/React/Views/RCTComponentData.m
+++ b/packages/react-native/React/Views/RCTComponentData.m
@@ -368,23 +368,22 @@ - (RCTPropBlock)propBlockForKey:(NSString *)name isShadowView:(BOOL)isShadowView
 
 - (void)setProps:(NSDictionary<NSString *, id> *)props forView:(id<RCTComponent>)view
 {
-  if (!view) {
-    return;
-  }
-
-  [props enumerateKeysAndObjectsUsingBlock:^(NSString *key, id json, __unused BOOL *stop) {
-    [self propBlockForKey:key isShadowView:NO](view, json);
-  }];
+  [self setProps:props forView:view isShadowView:NO];
 }
 
 - (void)setProps:(NSDictionary<NSString *, id> *)props forShadowView:(RCTShadowView *)shadowView
 {
-  if (!shadowView) {
+  [self setProps:props forView:shadowView isShadowView:YES];
+}
+
+- (void)setProps:(NSDictionary<NSString *, id> *)props forView:(id<RCTComponent>)view isShadowView:(BOOL)isShadowView
+{
+  if (!view) {
     return;
   }
 
   [props enumerateKeysAndObjectsUsingBlock:^(NSString *key, id json, __unused BOOL *stop) {
-    [self propBlockForKey:key isShadowView:YES](shadowView, json);
+    [self propBlockForKey:key isShadowView:isShadowView](view, json);
   }];
 }
 
diff --git a/packages/react-native/React/Views/RCTConvert+Transform.h b/packages/react-native/React/Views/RCTConvert+Transform.h
index 728e85fa79fa3c..68e6bba0b863eb 100644
--- a/packages/react-native/React/Views/RCTConvert+Transform.h
+++ b/packages/react-native/React/Views/RCTConvert+Transform.h
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "RCTConvert.h"
+#import <React/RCTConvert.h>
 #import "UIView+React.h"
 
 @interface RCTConvert (Transform)
diff --git a/packages/react-native/React/Views/RCTDebuggingOverlay.h b/packages/react-native/React/Views/RCTDebuggingOverlay.h
new file mode 100644
index 00000000000000..bfe7005842b130
--- /dev/null
+++ b/packages/react-native/React/Views/RCTDebuggingOverlay.h
@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTUIKit.h> // [macOS]
+
+#import <React/RCTView.h>
+
+@interface TraceUpdateTuple : NSObject
+
+@property (nonatomic, strong, readonly) RCTPlatformView *view; // [macOS]
+@property (nonatomic, copy, readonly) dispatch_block_t cleanupBlock;
+
+- (instancetype)initWithView:(RCTPlatformView *)view cleanupBlock:(dispatch_block_t)cleanupBlock; // [macOS]
+
+@end
+
+@interface RCTDebuggingOverlay : RCTView
+
+- (void)highlightTraceUpdates:(NSArray *)updates;
+- (void)highlightElements:(NSArray *)rectangles;
+- (void)clearElementsHighlights;
+
+@end
diff --git a/packages/react-native/React/Views/RCTDebuggingOverlay.m b/packages/react-native/React/Views/RCTDebuggingOverlay.m
new file mode 100644
index 00000000000000..65960abcd99558
--- /dev/null
+++ b/packages/react-native/React/Views/RCTDebuggingOverlay.m
@@ -0,0 +1,122 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTDebuggingOverlay.h"
+
+#import <React/RCTConvert.h>
+#import <React/RCTLog.h>
+#import <React/RCTUtils.h>
+
+@implementation TraceUpdateTuple
+
+- (instancetype)initWithView:(RCTPlatformView *)view cleanupBlock:(dispatch_block_t)cleanupBlock // [macOS]
+{
+  if (self = [super init]) {
+    _view = view;
+    _cleanupBlock = cleanupBlock;
+  }
+
+  return self;
+}
+
+@end
+
+@implementation RCTDebuggingOverlay {
+  NSMutableArray<RCTPlatformView *> *_highlightedElements; // [macOS]
+  NSMutableDictionary<NSNumber *, TraceUpdateTuple *> *_idToTraceUpdateMap;
+}
+
+- (instancetype)initWithFrame:(CGRect)frame
+{
+  self = [super initWithFrame:frame];
+  if (self) {
+    _idToTraceUpdateMap = [NSMutableDictionary new];
+  }
+  return self;
+}
+
+- (void)highlightTraceUpdates:(NSArray *)updates
+{
+  for (NSDictionary *update in updates) {
+    NSNumber *identifier = [RCTConvert NSNumber:update[@"id"]];
+    NSDictionary *nodeRectangle = update[@"rectangle"];
+    RCTUIColor *nodeColor = [RCTConvert UIColor:update[@"color"]]; // [macOS]
+
+    CGRect rect = [RCTConvert CGRect:nodeRectangle];
+
+    TraceUpdateTuple *possiblyRegisteredTraceUpdateTuple = [_idToTraceUpdateMap objectForKey:identifier];
+    if (possiblyRegisteredTraceUpdateTuple != nil) {
+      dispatch_block_t cleanupBlock = [possiblyRegisteredTraceUpdateTuple cleanupBlock];
+      RCTPlatformView *view = [possiblyRegisteredTraceUpdateTuple view]; // [macOS]
+
+      dispatch_block_cancel(cleanupBlock);
+
+      view.frame = rect;
+      view.layer.borderColor = nodeColor.CGColor;
+
+      dispatch_block_t newCleanupBlock = dispatch_block_create(0, ^{
+        [self->_idToTraceUpdateMap removeObjectForKey:identifier];
+        [view removeFromSuperview];
+      });
+
+      [_idToTraceUpdateMap setObject:[[TraceUpdateTuple alloc] initWithView:view cleanupBlock:newCleanupBlock]
+                              forKey:identifier];
+
+      dispatch_after(dispatch_time(DISPATCH_TIME_NOW, 2 * NSEC_PER_SEC), dispatch_get_main_queue(), newCleanupBlock);
+
+      continue;
+    }
+
+    RCTUIView *box = [[RCTUIView alloc] initWithFrame:rect]; // [macOS]
+    box.backgroundColor = [RCTUIColor clearColor]; // [macOS]
+
+    box.layer.borderWidth = 2.0f;
+    box.layer.borderColor = nodeColor.CGColor;
+
+    dispatch_block_t unmountViewAndPerformCleanup = dispatch_block_create(0, ^{
+      [self->_idToTraceUpdateMap removeObjectForKey:identifier];
+      [box removeFromSuperview];
+    });
+
+    TraceUpdateTuple *traceUpdateTuple = [[TraceUpdateTuple alloc] initWithView:box
+                                                                   cleanupBlock:unmountViewAndPerformCleanup];
+
+    [_idToTraceUpdateMap setObject:traceUpdateTuple forKey:identifier];
+    [self addSubview:box];
+
+    dispatch_after(
+        dispatch_time(DISPATCH_TIME_NOW, 2 * NSEC_PER_SEC), dispatch_get_main_queue(), unmountViewAndPerformCleanup);
+  }
+}
+
+- (void)highlightElements:(NSArray *)rectangles
+{
+  if (_highlightedElements == nil) {
+    _highlightedElements = [NSMutableArray new];
+  }
+
+  for (NSDictionary *rectangle in rectangles) {
+    RCTUIView *view = [[RCTUIView alloc] initWithFrame:[RCTConvert CGRect:rectangle]]; // [macOS]
+    view.backgroundColor = [RCTUIColor colorWithRed:200 / 255.0 green:230 / 255.0 blue:255 / 255.0 alpha:0.8]; // [macOS]
+
+    [self addSubview:view];
+    [_highlightedElements addObject:view];
+  }
+}
+
+- (void)clearElementsHighlights
+{
+  if (_highlightedElements != nil) {
+    for (RCTPlatformView *v in _highlightedElements) { // [macOS]
+      [v removeFromSuperview];
+    }
+  }
+
+  _highlightedElements = nil;
+}
+
+@end
diff --git a/packages/react-native/ReactCommon/hermes/executor/JSITracing.h b/packages/react-native/React/Views/RCTDebuggingOverlayManager.h
similarity index 57%
rename from packages/react-native/ReactCommon/hermes/executor/JSITracing.h
rename to packages/react-native/React/Views/RCTDebuggingOverlayManager.h
index c1a7288a51af63..61f8774f837888 100644
--- a/packages/react-native/ReactCommon/hermes/executor/JSITracing.h
+++ b/packages/react-native/React/Views/RCTDebuggingOverlayManager.h
@@ -1,3 +1,4 @@
+
 /*
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
@@ -5,12 +6,8 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#include <jsi/jsi.h>
-
-namespace facebook {
-namespace jsi {
+#import <React/RCTViewManager.h>
 
-void addNativeTracingHooks(Runtime& rt);
+@interface RCTDebuggingOverlayManager : RCTViewManager
 
-} // namespace jsi
-} // namespace facebook
+@end
diff --git a/packages/react-native/React/Views/RCTDebuggingOverlayManager.m b/packages/react-native/React/Views/RCTDebuggingOverlayManager.m
new file mode 100644
index 00000000000000..912f0713116b24
--- /dev/null
+++ b/packages/react-native/React/Views/RCTDebuggingOverlayManager.m
@@ -0,0 +1,64 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTDebuggingOverlayManager.h"
+#import "RCTDebuggingOverlay.h"
+
+#import <React/RCTLog.h>
+#import <React/RCTUIManager.h>
+
+#import "RCTBridge.h"
+
+@implementation RCTDebuggingOverlayManager
+
+RCT_EXPORT_MODULE(DebuggingOverlay)
+
+- (RCTPlatformView *)view // [macOS]
+{
+  return [RCTDebuggingOverlay new];
+}
+
+RCT_EXPORT_METHOD(highlightTraceUpdates : (nonnull NSNumber *)viewTag nodes : (NSArray *)updates)
+{
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // [macOS]
+    RCTPlatformView *view = viewRegistry[viewTag]; // [macOS]
+
+    if ([view isKindOfClass:[RCTDebuggingOverlay class]]) {
+      [(RCTDebuggingOverlay *)view highlightTraceUpdates:updates];
+    } else {
+      RCTLogError(@"Expected view to be RCTDebuggingOverlay, got %@", NSStringFromClass([view class]));
+    }
+  }];
+}
+
+RCT_EXPORT_METHOD(highlightElements : (nonnull NSNumber *)viewTag elements : (NSArray *)elements)
+{
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // [macOS]
+    RCTPlatformView *view = viewRegistry[viewTag]; // [macOS]
+
+    if ([view isKindOfClass:[RCTDebuggingOverlay class]]) {
+      [(RCTDebuggingOverlay *)view highlightElements:elements];
+    } else {
+      RCTLogError(@"Expected view to be RCTDebuggingOverlay, got %@", NSStringFromClass([view class]));
+    }
+  }];
+}
+
+RCT_EXPORT_METHOD(clearElementsHighlights : (nonnull NSNumber *)viewTag)
+{
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // [macOS]
+    RCTPlatformView *view = viewRegistry[viewTag]; // [macOS]
+
+    if ([view isKindOfClass:[RCTDebuggingOverlay class]]) {
+      [(RCTDebuggingOverlay *)view clearElementsHighlights];
+    } else {
+      RCTLogError(@"Expected view to be RCTDebuggingOverlay, got %@", NSStringFromClass([view class]));
+    }
+  }];
+}
+
+@end
diff --git a/packages/react-native/React/Views/RCTModalHostViewController.m b/packages/react-native/React/Views/RCTModalHostViewController.m
index 36ce42fa6ad9e3..25a51db10dc9ca 100644
--- a/packages/react-native/React/Views/RCTModalHostViewController.m
+++ b/packages/react-native/React/Views/RCTModalHostViewController.m
@@ -26,8 +26,8 @@ - (instancetype)init
   self.modalInPresentation = YES;
 
 #if TARGET_OS_IOS // [visionOS]
-  _preferredStatusBarStyle = [RCTSharedApplication() statusBarStyle];
-  _preferredStatusBarHidden = [RCTSharedApplication() isStatusBarHidden];
+  _preferredStatusBarStyle = [RCTUIStatusBarManager() statusBarStyle];
+  _preferredStatusBarHidden = [RCTUIStatusBarManager() isStatusBarHidden];
 #endif // [visionOS]
 
   return self;
diff --git a/packages/react-native/React/Views/RCTModalHostViewManager.m b/packages/react-native/React/Views/RCTModalHostViewManager.m
index bd2554ba84a8ed..73fe180645bd46 100644
--- a/packages/react-native/React/Views/RCTModalHostViewManager.m
+++ b/packages/react-native/React/Views/RCTModalHostViewManager.m
@@ -99,8 +99,13 @@ - (void)dismissModalHostView:(RCTModalHostView *)modalHostView
   dispatch_async(dispatch_get_main_queue(), ^{
     if (self->_dismissalBlock) {
       self->_dismissalBlock([modalHostView reactViewController], viewController, animated, completionBlock);
-    } else {
+    } else if (viewController.presentingViewController) {
       [viewController.presentingViewController dismissViewControllerAnimated:animated completion:completionBlock];
+    } else {
+      // Make sure to call the completion block in case the presenting view controller is nil
+      // In an internal app we have a use case where a modal presents another view without bein dismissed
+      // This, somehow, invalidate the presenting view controller and the modal remains always visible.
+      completionBlock();
     }
   });
 }
diff --git a/packages/react-native/React/Views/RCTShadowView.m b/packages/react-native/React/Views/RCTShadowView.m
index 8effd4a3c688af..f19436ded5a973 100644
--- a/packages/react-native/React/Views/RCTShadowView.m
+++ b/packages/react-native/React/Views/RCTShadowView.m
@@ -65,12 +65,6 @@ + (YGConfigRef)yogaConfig
 
 // YogaNode API
 
-static void RCTPrint(YGNodeConstRef node)
-{
-  RCTShadowView *shadowView = (__bridge RCTShadowView *)YGNodeGetContext(node);
-  printf("%s(%lld), ", shadowView.viewName.UTF8String, (long long)shadowView.reactTag.integerValue);
-}
-
 #define RCT_SET_YGVALUE(ygvalue, setter, ...)      \
   switch (ygvalue.unit) {                          \
     case YGUnitAuto:                               \
@@ -227,7 +221,6 @@ - (instancetype)init
 
     _yogaNode = YGNodeNewWithConfig([[self class] yogaConfig]);
     YGNodeSetContext(_yogaNode, (__bridge void *)self);
-    YGNodeSetPrintFunc(_yogaNode, RCTPrint);
 
 #if TARGET_OS_OSX // [macOS
     // RCTUIManager will fix the scale if we're on a Retina display
@@ -395,6 +388,13 @@ - (CGSize)sizeThatFitsMinimumSize:(CGSize)minimumSize maximumSize:(CGSize)maximu
   YGNodeFree(constraintYogaNode);
   YGNodeFree(clonedYogaNode);
 
+  // `setOwner()` for children unlinked by `YGNodeFree()`
+  int childCount = YGNodeGetChildCount(self.yogaNode);
+  for (int i = 0; i < childCount; i++) {
+    YGNodeRef child = YGNodeGetChild(self.yogaNode, i);
+    YGNodeSwapChild(self.yogaNode, child, i);
+  }
+
   return measuredSize;
 }
 
diff --git a/packages/react-native/React/Views/RCTView.m b/packages/react-native/React/Views/RCTView.m
index ac9859818d7042..1dcb0bd368b7cf 100644
--- a/packages/react-native/React/Views/RCTView.m
+++ b/packages/react-native/React/Views/RCTView.m
@@ -1286,7 +1286,7 @@ static void RCTUpdateShadowPathForView(RCTView *view)
 
       RCTLogAdvice(
           @"View #%@ of type %@ has a shadow set but cannot calculate "
-           "shadow efficiently. Consider setting a background color to "
+           "shadow efficiently. Consider setting a solid background color to "
            "fix this, or apply the shadow to a more specific component.",
           view.reactTag,
           [view class]);
diff --git a/packages/react-native/React/Views/SafeAreaView/RCTSafeAreaView.m b/packages/react-native/React/Views/SafeAreaView/RCTSafeAreaView.m
index dfd4b68f8d6f74..cb9ac39033ae7e 100644
--- a/packages/react-native/React/Views/SafeAreaView/RCTSafeAreaView.m
+++ b/packages/react-native/React/Views/SafeAreaView/RCTSafeAreaView.m
@@ -60,7 +60,12 @@ - (void)safeAreaInsetsDidChange
 
 - (void)setSafeAreaInsets:(UIEdgeInsets)safeAreaInsets
 {
-  if (UIEdgeInsetsEqualToEdgeInsetsWithThreshold(safeAreaInsets, _currentSafeAreaInsets, 1.0 / RCTScreenScale())) {
+  // Relayout with different padding may result in a close but slightly different result, amplified by Yoga rounding to
+  // physical pixel grid. To avoid infinite relayout, allow one physical pixel of difference, along with small amount of
+  // extra tolerance for FP error.
+  CGFloat tolerance = 1.0 / RCTScreenScale() + 0.01;
+
+  if (UIEdgeInsetsEqualToEdgeInsetsWithThreshold(safeAreaInsets, _currentSafeAreaInsets, tolerance)) {
     return;
   }
 
diff --git a/packages/react-native/React/Views/ScrollView/RCTScrollView.m b/packages/react-native/React/Views/ScrollView/RCTScrollView.m
index a4f13e906b2e09..d7ddfb79ea283c 100644
--- a/packages/react-native/React/Views/ScrollView/RCTScrollView.m
+++ b/packages/react-native/React/Views/ScrollView/RCTScrollView.m
@@ -816,6 +816,10 @@ - (void)scrollToOffset:(CGPoint)offset
 
 - (void)scrollToOffset:(CGPoint)offset animated:(BOOL)animated
 {
+  if ([self reactLayoutDirection] == UIUserInterfaceLayoutDirectionRightToLeft) {
+    offset.x = _scrollView.contentSize.width - _scrollView.frame.size.width - offset.x;
+  }
+
   if (!CGPointEqualToPoint(_scrollView.contentOffset, offset)) {
     CGRect maxRect = CGRectMake(
         fmin(-_scrollView.contentInset.left, 0),
@@ -979,8 +983,7 @@ - (void)scrollViewDidScroll:(RCTCustomScrollView *)scrollView // [macOS]
    * We limit the delta to 17ms so that small throttles intended to enable 60fps updates will not
    * inadvertently filter out any scroll events.
    */
-  if (_allowNextScrollNoMatterWhat ||
-      (_scrollEventThrottle > 0 && _scrollEventThrottle < MAX(0.017, now - _lastScrollDispatchTime))) {
+  if (_allowNextScrollNoMatterWhat || (_scrollEventThrottle < MAX(0.017, now - _lastScrollDispatchTime))) {
     RCT_SEND_SCROLL_EVENT(onScroll, nil);
     // Update dispatch time
     _lastScrollDispatchTime = now;
@@ -1285,7 +1288,7 @@ - (void)uiManagerWillPerformMounting:(RCTUIManager *)manager
             CGPointMake(self->_scrollView.contentOffset.x + deltaX, self->_scrollView.contentOffset.y);
         if (autoscrollThreshold != nil) {
           // If the offset WAS within the threshold of the start, animate to the start.
-          if (x - deltaX <= [autoscrollThreshold integerValue]) {
+          if (x <= [autoscrollThreshold integerValue]) {
             [self scrollToOffset:CGPointMake(-leftInset, self->_scrollView.contentOffset.y) animated:YES];
           }
         }
@@ -1301,7 +1304,7 @@ - (void)uiManagerWillPerformMounting:(RCTUIManager *)manager
             CGPointMake(self->_scrollView.contentOffset.x, self->_scrollView.contentOffset.y + deltaY);
         if (autoscrollThreshold != nil) {
           // If the offset WAS within the threshold of the start, animate to the start.
-          if (y - deltaY <= [autoscrollThreshold integerValue]) {
+          if (y <= [autoscrollThreshold integerValue]) {
             [self scrollToOffset:CGPointMake(self->_scrollView.contentOffset.x, -bottomInset) animated:YES];
           }
         }
diff --git a/packages/react-native/React/Views/ScrollView/RCTScrollViewManager.m b/packages/react-native/React/Views/ScrollView/RCTScrollViewManager.m
index 048668d4c982a9..49e63d1fd9287c 100644
--- a/packages/react-native/React/Views/ScrollView/RCTScrollViewManager.m
+++ b/packages/react-native/React/Views/ScrollView/RCTScrollViewManager.m
@@ -72,6 +72,8 @@ - (RCTPlatformView *)view // [macOS]
 RCT_EXPORT_VIEW_PROPERTY(automaticallyAdjustContentInsets, BOOL)
 RCT_EXPORT_NOT_OSX_VIEW_PROPERTY(automaticallyAdjustKeyboardInsets, BOOL) // [macOS]
 RCT_EXPORT_NOT_OSX_VIEW_PROPERTY(decelerationRate, CGFloat) // [macOS]
+RCT_EXPORT_VIEW_PROPERTY(endDraggingSensitivityMultiplier, CGFloat)
+RCT_EXPORT_VIEW_PROPERTY(endDraggingSensitivityVelocityMultiplier, CGFloat)
 RCT_EXPORT_NOT_OSX_VIEW_PROPERTY(directionalLockEnabled, BOOL) // [macOS]
 RCT_EXPORT_NOT_OSX_VIEW_PROPERTY(indicatorStyle, UIScrollViewIndicatorStyle) // [macOS]
 #if TARGET_OS_IOS // [visionOS]
diff --git a/packages/react-native/React/third-party.xcconfig b/packages/react-native/React/third-party.xcconfig
index 6a40e53d73a09b..273b6c537714cb 100644
--- a/packages/react-native/React/third-party.xcconfig
+++ b/packages/react-native/React/third-party.xcconfig
@@ -8,5 +8,5 @@
 // LICENSE file in the root directory of this source tree.
 //
 
-HEADER_SEARCH_PATHS = $(SRCROOT)/../third-party/boost_1_83_0 $(SRCROOT)/../third-party/folly-2023.08.07.00 $(SRCROOT)/../third-party/glog-0.3.5/src
+HEADER_SEARCH_PATHS = $(SRCROOT)/../third-party/boost_1_83_0 $(SRCROOT)/../third-party/folly-2024.01.01.00 $(SRCROOT)/../third-party/glog-0.3.5/src
 OTHER_CFLAGS = -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1
diff --git a/packages/react-native/ReactAndroid/.npmignore b/packages/react-native/ReactAndroid/.npmignore
index 914cb7646a1805..664f6e667e442f 100644
--- a/packages/react-native/ReactAndroid/.npmignore
+++ b/packages/react-native/ReactAndroid/.npmignore
@@ -7,4 +7,3 @@ build/
 src/main/third-party/
 # Exclude Android & JVM tests
 src/test/
-src/androidTest/
diff --git a/packages/react-native/ReactAndroid/DevExperience.md b/packages/react-native/ReactAndroid/DevExperience.md
deleted file mode 100644
index c0d259daae20ca..00000000000000
--- a/packages/react-native/ReactAndroid/DevExperience.md
+++ /dev/null
@@ -1,23 +0,0 @@
-Here's how to test the whole dev experience end-to-end. This will be eventually merged into the [Getting Started guide](https://reactnative.dev/docs/getting-started).
-
-Assuming you have the [Android SDK](https://developer.android.com/sdk/installing/index.html) installed, run `android` to open the Android SDK Manager.
-
-Make sure you have the following installed:
-
-- Android SDK version 23
-- SDK build tools version 23
-- Android Support Repository 17 (for Android Support Library)
-
-Follow steps on https://github.com/react-native-community/cli/blob/master/CONTRIBUTING.md, but be sure to bump the version of react-native in package.json to some version > 0.9 (latest published npm version) or set up proxying properly for react-native
-
-- From the react-native-android repo:
-  - `./gradlew :ReactAndroid:installArchives`
-  - *Assuming you already have android-jsc installed to local maven repo, no steps included here*
-- `react-native init ProjectName`
-- Open up your Android emulator (Genymotion is recommended)
-- `cd ProjectName`
-- `react-native run-android`
-
-In case the app crashed:
-
-- Run `adb logcat` and try to find a Java exception
diff --git a/packages/react-native/ReactAndroid/api/ReactAndroid.api b/packages/react-native/ReactAndroid/api/ReactAndroid.api
new file mode 100644
index 00000000000000..24271f239edd3a
--- /dev/null
+++ b/packages/react-native/ReactAndroid/api/ReactAndroid.api
@@ -0,0 +1,7681 @@
+public abstract class com/facebook/react/BaseReactPackage : com/facebook/react/ReactPackage {
+	public fun <init> ()V
+	public fun createNativeModules (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+	public fun createViewManagers (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+	public abstract fun getModule (Ljava/lang/String;Lcom/facebook/react/bridge/ReactApplicationContext;)Lcom/facebook/react/bridge/NativeModule;
+	public abstract fun getReactModuleInfoProvider ()Lcom/facebook/react/module/model/ReactModuleInfoProvider;
+	protected fun getViewManagers (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+}
+
+public class com/facebook/react/CompositeReactPackage : com/facebook/react/ReactPackage, com/facebook/react/ViewManagerOnDemandReactPackage {
+	public fun <init> (Lcom/facebook/react/ReactPackage;Lcom/facebook/react/ReactPackage;[Lcom/facebook/react/ReactPackage;)V
+	public fun createNativeModules (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+	public fun createViewManager (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/lang/String;)Lcom/facebook/react/uimanager/ViewManager;
+	public fun createViewManagers (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+	public fun getViewManagerNames (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/Collection;
+}
+
+public class com/facebook/react/CompositeReactPackageTurboModuleManagerDelegate : com/facebook/react/ReactPackageTurboModuleManagerDelegate {
+	protected fun initHybrid ()Lcom/facebook/jni/HybridData;
+}
+
+public class com/facebook/react/CompositeReactPackageTurboModuleManagerDelegate$Builder : com/facebook/react/ReactPackageTurboModuleManagerDelegate$Builder {
+	public fun <init> (Ljava/util/List;)V
+	protected fun build (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/util/List;)Lcom/facebook/react/ReactPackageTurboModuleManagerDelegate;
+}
+
+public class com/facebook/react/CoreModulesPackage$$ReactModuleInfoProvider : com/facebook/react/module/model/ReactModuleInfoProvider {
+	public fun <init> ()V
+	public fun getReactModuleInfos ()Ljava/util/Map;
+}
+
+public class com/facebook/react/DebugCorePackage$$ReactModuleInfoProvider : com/facebook/react/module/model/ReactModuleInfoProvider {
+	public fun <init> ()V
+	public fun getReactModuleInfos ()Ljava/util/Map;
+}
+
+public abstract class com/facebook/react/HeadlessJsTaskService : android/app/Service, com/facebook/react/jstasks/HeadlessJsTaskEventListener {
+	public fun <init> ()V
+	public static fun acquireWakeLockNow (Landroid/content/Context;)V
+	protected fun getReactNativeHost ()Lcom/facebook/react/ReactNativeHost;
+	protected fun getTaskConfig (Landroid/content/Intent;)Lcom/facebook/react/jstasks/HeadlessJsTaskConfig;
+	public fun onBind (Landroid/content/Intent;)Landroid/os/IBinder;
+	public fun onDestroy ()V
+	public fun onHeadlessJsTaskFinish (I)V
+	public fun onHeadlessJsTaskStart (I)V
+	public fun onStartCommand (Landroid/content/Intent;II)I
+	protected fun startTask (Lcom/facebook/react/jstasks/HeadlessJsTaskConfig;)V
+}
+
+public final class com/facebook/react/JSEngineResolutionAlgorithm : java/lang/Enum {
+	public static final field HERMES Lcom/facebook/react/JSEngineResolutionAlgorithm;
+	public static final field JSC Lcom/facebook/react/JSEngineResolutionAlgorithm;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/JSEngineResolutionAlgorithm;
+	public static fun values ()[Lcom/facebook/react/JSEngineResolutionAlgorithm;
+}
+
+public abstract class com/facebook/react/LazyReactPackage : com/facebook/react/ReactPackage {
+	public fun <init> ()V
+	public final fun createNativeModules (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+	public fun createViewManagers (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+	protected abstract fun getNativeModules (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+	public abstract fun getReactModuleInfoProvider ()Lcom/facebook/react/module/model/ReactModuleInfoProvider;
+	public fun getViewManagers (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+}
+
+public class com/facebook/react/MemoryPressureRouter : android/content/ComponentCallbacks2 {
+	public fun <init> (Landroid/content/Context;)V
+	public fun addMemoryPressureListener (Lcom/facebook/react/bridge/MemoryPressureListener;)V
+	public fun destroy (Landroid/content/Context;)V
+	public fun onConfigurationChanged (Landroid/content/res/Configuration;)V
+	public fun onLowMemory ()V
+	public fun onTrimMemory (I)V
+	public fun removeMemoryPressureListener (Lcom/facebook/react/bridge/MemoryPressureListener;)V
+}
+
+public class com/facebook/react/NativeModuleRegistryBuilder {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/ReactInstanceManager;)V
+	public fun build ()Lcom/facebook/react/bridge/NativeModuleRegistry;
+	public fun processPackage (Lcom/facebook/react/ReactPackage;)V
+}
+
+public abstract class com/facebook/react/ReactActivity : androidx/appcompat/app/AppCompatActivity, com/facebook/react/modules/core/DefaultHardwareBackBtnHandler, com/facebook/react/modules/core/PermissionAwareActivity {
+	protected fun <init> ()V
+	protected fun createReactActivityDelegate ()Lcom/facebook/react/ReactActivityDelegate;
+	protected fun getMainComponentName ()Ljava/lang/String;
+	protected final fun getReactInstanceManager ()Lcom/facebook/react/ReactInstanceManager;
+	protected final fun getReactNativeHost ()Lcom/facebook/react/ReactNativeHost;
+	public fun invokeDefaultOnBackPressed ()V
+	protected final fun loadApp (Ljava/lang/String;)V
+	public fun onActivityResult (IILandroid/content/Intent;)V
+	public fun onBackPressed ()V
+	public fun onConfigurationChanged (Landroid/content/res/Configuration;)V
+	protected fun onCreate (Landroid/os/Bundle;)V
+	protected fun onDestroy ()V
+	public fun onKeyDown (ILandroid/view/KeyEvent;)Z
+	public fun onKeyLongPress (ILandroid/view/KeyEvent;)Z
+	public fun onKeyUp (ILandroid/view/KeyEvent;)Z
+	public fun onNewIntent (Landroid/content/Intent;)V
+	protected fun onPause ()V
+	public fun onRequestPermissionsResult (I[Ljava/lang/String;[I)V
+	protected fun onResume ()V
+	public fun onWindowFocusChanged (Z)V
+	public fun requestPermissions ([Ljava/lang/String;ILcom/facebook/react/modules/core/PermissionListener;)V
+}
+
+public class com/facebook/react/ReactActivityDelegate {
+	public fun <init> (Landroid/app/Activity;Ljava/lang/String;)V
+	public fun <init> (Lcom/facebook/react/ReactActivity;Ljava/lang/String;)V
+	protected fun composeLaunchOptions ()Landroid/os/Bundle;
+	protected fun createRootView ()Lcom/facebook/react/ReactRootView;
+	protected fun createRootView (Landroid/os/Bundle;)Lcom/facebook/react/ReactRootView;
+	protected fun getContext ()Landroid/content/Context;
+	protected fun getLaunchOptions ()Landroid/os/Bundle;
+	public fun getMainComponentName ()Ljava/lang/String;
+	protected fun getPlainActivity ()Landroid/app/Activity;
+	public fun getReactHost ()Lcom/facebook/react/ReactHost;
+	public fun getReactInstanceManager ()Lcom/facebook/react/ReactInstanceManager;
+	protected fun getReactNativeHost ()Lcom/facebook/react/ReactNativeHost;
+	protected fun isFabricEnabled ()Z
+	protected fun loadApp (Ljava/lang/String;)V
+	public fun onActivityResult (IILandroid/content/Intent;)V
+	public fun onBackPressed ()Z
+	public fun onConfigurationChanged (Landroid/content/res/Configuration;)V
+	protected fun onCreate (Landroid/os/Bundle;)V
+	protected fun onDestroy ()V
+	public fun onKeyDown (ILandroid/view/KeyEvent;)Z
+	public fun onKeyLongPress (ILandroid/view/KeyEvent;)Z
+	public fun onKeyUp (ILandroid/view/KeyEvent;)Z
+	public fun onNewIntent (Landroid/content/Intent;)Z
+	protected fun onPause ()V
+	public fun onRequestPermissionsResult (I[Ljava/lang/String;[I)V
+	protected fun onResume ()V
+	public fun onWindowFocusChanged (Z)V
+	public fun requestPermissions ([Ljava/lang/String;ILcom/facebook/react/modules/core/PermissionListener;)V
+}
+
+public abstract interface class com/facebook/react/ReactApplication {
+	public fun getReactHost ()Lcom/facebook/react/ReactHost;
+	public abstract fun getReactNativeHost ()Lcom/facebook/react/ReactNativeHost;
+}
+
+public class com/facebook/react/ReactDelegate {
+	public fun <init> (Landroid/app/Activity;Lcom/facebook/react/ReactHost;Ljava/lang/String;Landroid/os/Bundle;)V
+	public fun <init> (Landroid/app/Activity;Lcom/facebook/react/ReactNativeHost;Ljava/lang/String;Landroid/os/Bundle;)V
+	public fun <init> (Landroid/app/Activity;Lcom/facebook/react/ReactNativeHost;Ljava/lang/String;Landroid/os/Bundle;Z)V
+	protected fun createRootView ()Lcom/facebook/react/ReactRootView;
+	public fun getReactInstanceManager ()Lcom/facebook/react/ReactInstanceManager;
+	public fun getReactRootView ()Lcom/facebook/react/ReactRootView;
+	protected fun isFabricEnabled ()Z
+	public fun loadApp ()V
+	public fun loadApp (Ljava/lang/String;)V
+	public fun onActivityResult (IILandroid/content/Intent;Z)V
+	public fun onBackPressed ()Z
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun shouldShowDevMenuOrReload (ILandroid/view/KeyEvent;)Z
+}
+
+public class com/facebook/react/ReactFragment : androidx/fragment/app/Fragment, com/facebook/react/modules/core/PermissionAwareActivity {
+	protected static final field ARG_COMPONENT_NAME Ljava/lang/String;
+	protected static final field ARG_FABRIC_ENABLED Ljava/lang/String;
+	protected static final field ARG_LAUNCH_OPTIONS Ljava/lang/String;
+	protected field mReactDelegate Lcom/facebook/react/ReactDelegate;
+	public fun <init> ()V
+	public fun checkPermission (Ljava/lang/String;II)I
+	public fun checkSelfPermission (Ljava/lang/String;)I
+	protected fun getReactDelegate ()Lcom/facebook/react/ReactDelegate;
+	protected fun getReactNativeHost ()Lcom/facebook/react/ReactNativeHost;
+	public fun onActivityResult (IILandroid/content/Intent;)V
+	public fun onBackPressed ()Z
+	public fun onCreate (Landroid/os/Bundle;)V
+	public fun onCreateView (Landroid/view/LayoutInflater;Landroid/view/ViewGroup;Landroid/os/Bundle;)Landroid/view/View;
+	public fun onDestroy ()V
+	public fun onKeyUp (ILandroid/view/KeyEvent;)Z
+	public fun onPause ()V
+	public fun onRequestPermissionsResult (I[Ljava/lang/String;[I)V
+	public fun onResume ()V
+	public fun requestPermissions ([Ljava/lang/String;ILcom/facebook/react/modules/core/PermissionListener;)V
+}
+
+public class com/facebook/react/ReactFragment$Builder {
+	public fun <init> ()V
+	public fun build ()Lcom/facebook/react/ReactFragment;
+	public fun setComponentName (Ljava/lang/String;)Lcom/facebook/react/ReactFragment$Builder;
+	public fun setFabricEnabled (Z)Lcom/facebook/react/ReactFragment$Builder;
+	public fun setLaunchOptions (Landroid/os/Bundle;)Lcom/facebook/react/ReactFragment$Builder;
+}
+
+public abstract interface class com/facebook/react/ReactHost {
+	public abstract fun addBeforeDestroyListener (Lkotlin/jvm/functions/Function0;)V
+	public abstract fun createSurface (Landroid/content/Context;Ljava/lang/String;Landroid/os/Bundle;)Lcom/facebook/react/interfaces/fabric/ReactSurface;
+	public abstract fun destroy (Ljava/lang/String;Ljava/lang/Exception;)Lcom/facebook/react/interfaces/TaskInterface;
+	public abstract fun getCurrentReactContext ()Lcom/facebook/react/bridge/ReactContext;
+	public abstract fun getDevSupportManager ()Lcom/facebook/react/devsupport/interfaces/DevSupportManager;
+	public abstract fun getJsEngineResolutionAlgorithm ()Lcom/facebook/react/JSEngineResolutionAlgorithm;
+	public abstract fun getLifecycleState ()Lcom/facebook/react/common/LifecycleState;
+	public abstract fun getReactQueueConfiguration ()Lcom/facebook/react/bridge/queue/ReactQueueConfiguration;
+	public abstract fun onBackPressed ()Z
+	public abstract fun onHostDestroy ()V
+	public abstract fun onHostDestroy (Landroid/app/Activity;)V
+	public abstract fun onHostPause ()V
+	public abstract fun onHostPause (Landroid/app/Activity;)V
+	public abstract fun onHostResume (Landroid/app/Activity;)V
+	public abstract fun onHostResume (Landroid/app/Activity;Lcom/facebook/react/modules/core/DefaultHardwareBackBtnHandler;)V
+	public abstract fun reload (Ljava/lang/String;)Lcom/facebook/react/interfaces/TaskInterface;
+	public abstract fun removeBeforeDestroyListener (Lkotlin/jvm/functions/Function0;)V
+	public abstract fun setJsEngineResolutionAlgorithm (Lcom/facebook/react/JSEngineResolutionAlgorithm;)V
+	public abstract fun start ()Lcom/facebook/react/interfaces/TaskInterface;
+}
+
+public abstract interface class com/facebook/react/ReactInstanceEventListener {
+	public abstract fun onReactContextInitialized (Lcom/facebook/react/bridge/ReactContext;)V
+}
+
+public class com/facebook/react/ReactInstanceManager {
+	public fun addReactInstanceEventListener (Lcom/facebook/react/ReactInstanceEventListener;)V
+	public fun attachRootView (Lcom/facebook/react/uimanager/ReactRoot;)V
+	public static fun builder ()Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun createReactContextInBackground ()V
+	public fun createViewManager (Ljava/lang/String;)Lcom/facebook/react/uimanager/ViewManager;
+	public fun destroy ()V
+	public fun detachRootView (Lcom/facebook/react/uimanager/ReactRoot;)V
+	public fun getDevSupportManager ()Lcom/facebook/react/devsupport/interfaces/DevSupportManager;
+	public fun getJsExecutorName ()Ljava/lang/String;
+	public fun getLifecycleState ()Lcom/facebook/react/common/LifecycleState;
+	public fun getMemoryPressureRouter ()Lcom/facebook/react/MemoryPressureRouter;
+	public fun getOrCreateViewManagers (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+	public fun getPackages ()Ljava/util/List;
+	public fun getViewManagerNames ()Ljava/util/Collection;
+	public fun handleCxxError (Ljava/lang/Exception;)V
+	public fun hasStartedCreatingInitialContext ()Z
+	public fun onActivityResult (Landroid/app/Activity;IILandroid/content/Intent;)V
+	public fun onBackPressed ()V
+	public fun onConfigurationChanged (Landroid/content/Context;Landroid/content/res/Configuration;)V
+	public fun onHostDestroy ()V
+	public fun onHostDestroy (Landroid/app/Activity;)V
+	public fun onHostPause ()V
+	public fun onHostPause (Landroid/app/Activity;)V
+	public fun onHostResume (Landroid/app/Activity;)V
+	public fun onHostResume (Landroid/app/Activity;Lcom/facebook/react/modules/core/DefaultHardwareBackBtnHandler;)V
+	public fun onNewIntent (Landroid/content/Intent;)V
+	public fun onWindowFocusChange (Z)V
+	public fun recreateReactContextInBackground ()V
+	public fun removeReactInstanceEventListener (Lcom/facebook/react/ReactInstanceEventListener;)V
+	public fun setUseFallbackBundle (Z)V
+	public fun showDevOptionsDialog ()V
+}
+
+public abstract interface class com/facebook/react/ReactInstanceManager$ReactInstanceEventListener : com/facebook/react/ReactInstanceEventListener {
+}
+
+public class com/facebook/react/ReactInstanceManagerBuilder {
+	public fun addPackage (Lcom/facebook/react/ReactPackage;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun addPackages (Ljava/util/List;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun build ()Lcom/facebook/react/ReactInstanceManager;
+	public fun setApplication (Landroid/app/Application;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setBridgeIdleDebugListener (Lcom/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setBundleAssetName (Ljava/lang/String;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setChoreographerProvider (Lcom/facebook/react/internal/ChoreographerProvider;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setCurrentActivity (Landroid/app/Activity;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setCustomPackagerCommandHandlers (Ljava/util/Map;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setDefaultHardwareBackBtnHandler (Lcom/facebook/react/modules/core/DefaultHardwareBackBtnHandler;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setDevBundleDownloadListener (Lcom/facebook/react/devsupport/interfaces/DevBundleDownloadListener;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setDevLoadingViewManager (Lcom/facebook/react/devsupport/interfaces/DevLoadingViewManager;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setDevSupportManagerFactory (Lcom/facebook/react/devsupport/DevSupportManagerFactory;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setInitialLifecycleState (Lcom/facebook/react/common/LifecycleState;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setJSBundleFile (Ljava/lang/String;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setJSBundleLoader (Lcom/facebook/react/bridge/JSBundleLoader;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setJSEngineResolutionAlgorithm (Lcom/facebook/react/JSEngineResolutionAlgorithm;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setJSExceptionHandler (Lcom/facebook/react/bridge/JSExceptionHandler;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setJSMainModulePath (Ljava/lang/String;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setJavaScriptExecutorFactory (Lcom/facebook/react/bridge/JavaScriptExecutorFactory;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setLazyViewManagersEnabled (Z)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setMinNumShakes (I)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setMinTimeLeftInFrameForNonBatchedOperationMs (I)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setReactPackageTurboModuleManagerDelegateBuilder (Lcom/facebook/react/ReactPackageTurboModuleManagerDelegate$Builder;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setRedBoxHandler (Lcom/facebook/react/devsupport/interfaces/RedBoxHandler;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setRequireActivity (Z)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setSurfaceDelegateFactory (Lcom/facebook/react/common/SurfaceDelegateFactory;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setUIManagerProvider (Lcom/facebook/react/bridge/UIManagerProvider;)Lcom/facebook/react/ReactInstanceManagerBuilder;
+	public fun setUseDeveloperSupport (Z)Lcom/facebook/react/ReactInstanceManagerBuilder;
+}
+
+public abstract class com/facebook/react/ReactNativeHost {
+	protected fun <init> (Landroid/app/Application;)V
+	public fun clear ()V
+	protected fun createReactInstanceManager ()Lcom/facebook/react/ReactInstanceManager;
+	protected final fun getApplication ()Landroid/app/Application;
+	protected fun getBundleAssetName ()Ljava/lang/String;
+	protected fun getChoreographerProvider ()Lcom/facebook/react/internal/ChoreographerProvider;
+	protected fun getDevLoadingViewManager ()Lcom/facebook/react/devsupport/interfaces/DevLoadingViewManager;
+	protected fun getDevSupportManagerFactory ()Lcom/facebook/react/devsupport/DevSupportManagerFactory;
+	protected fun getJSBundleFile ()Ljava/lang/String;
+	protected fun getJSEngineResolutionAlgorithm ()Lcom/facebook/react/JSEngineResolutionAlgorithm;
+	protected fun getJSMainModuleName ()Ljava/lang/String;
+	protected fun getJavaScriptExecutorFactory ()Lcom/facebook/react/bridge/JavaScriptExecutorFactory;
+	public fun getLazyViewManagersEnabled ()Z
+	protected abstract fun getPackages ()Ljava/util/List;
+	public fun getReactInstanceManager ()Lcom/facebook/react/ReactInstanceManager;
+	protected fun getReactPackageTurboModuleManagerDelegateBuilder ()Lcom/facebook/react/ReactPackageTurboModuleManagerDelegate$Builder;
+	protected fun getRedBoxHandler ()Lcom/facebook/react/devsupport/interfaces/RedBoxHandler;
+	public fun getShouldRequireActivity ()Z
+	public fun getSurfaceDelegateFactory ()Lcom/facebook/react/common/SurfaceDelegateFactory;
+	protected fun getUIManagerProvider ()Lcom/facebook/react/bridge/UIManagerProvider;
+	public abstract fun getUseDeveloperSupport ()Z
+	public fun hasInstance ()Z
+}
+
+public abstract interface class com/facebook/react/ReactPackage {
+	public abstract fun createNativeModules (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+	public abstract fun createViewManagers (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+}
+
+public abstract interface class com/facebook/react/ReactPackageLogger {
+	public abstract fun endProcessPackage ()V
+	public abstract fun startProcessPackage ()V
+}
+
+public abstract class com/facebook/react/ReactPackageTurboModuleManagerDelegate : com/facebook/react/internal/turbomodule/core/TurboModuleManagerDelegate {
+	protected fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/util/List;)V
+	protected fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/util/List;Lcom/facebook/jni/HybridData;)V
+	public fun getEagerInitModuleNames ()Ljava/util/List;
+	public fun getLegacyModule (Ljava/lang/String;)Lcom/facebook/react/bridge/NativeModule;
+	public fun getModule (Ljava/lang/String;)Lcom/facebook/react/internal/turbomodule/core/interfaces/TurboModule;
+	public fun unstable_enableSyncVoidMethods ()Z
+	public fun unstable_isLegacyModuleRegistered (Ljava/lang/String;)Z
+	public fun unstable_isModuleRegistered (Ljava/lang/String;)Z
+	public fun unstable_shouldEnableLegacyModuleInterop ()Z
+	public fun unstable_shouldRouteTurboModulesThroughLegacyModuleInterop ()Z
+}
+
+public abstract class com/facebook/react/ReactPackageTurboModuleManagerDelegate$Builder {
+	public fun <init> ()V
+	public fun build ()Lcom/facebook/react/ReactPackageTurboModuleManagerDelegate;
+	protected abstract fun build (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/util/List;)Lcom/facebook/react/ReactPackageTurboModuleManagerDelegate;
+	public fun setPackages (Ljava/util/List;)Lcom/facebook/react/ReactPackageTurboModuleManagerDelegate$Builder;
+	public fun setReactApplicationContext (Lcom/facebook/react/bridge/ReactApplicationContext;)Lcom/facebook/react/ReactPackageTurboModuleManagerDelegate$Builder;
+}
+
+public class com/facebook/react/ReactRootView : android/widget/FrameLayout, com/facebook/react/uimanager/ReactRoot, com/facebook/react/uimanager/RootView {
+	public fun <init> (Landroid/content/Context;)V
+	public fun <init> (Landroid/content/Context;Landroid/util/AttributeSet;)V
+	public fun <init> (Landroid/content/Context;Landroid/util/AttributeSet;I)V
+	protected fun dispatchDraw (Landroid/graphics/Canvas;)V
+	protected fun dispatchJSPointerEvent (Landroid/view/MotionEvent;Z)V
+	protected fun dispatchJSTouchEvent (Landroid/view/MotionEvent;)V
+	public fun dispatchKeyEvent (Landroid/view/KeyEvent;)Z
+	protected fun finalize ()V
+	public fun getAppProperties ()Landroid/os/Bundle;
+	public fun getCurrentReactContext ()Lcom/facebook/react/bridge/ReactContext;
+	public fun getHeightMeasureSpec ()I
+	public fun getJSModuleName ()Ljava/lang/String;
+	public fun getReactInstanceManager ()Lcom/facebook/react/ReactInstanceManager;
+	public fun getRootViewGroup ()Landroid/view/ViewGroup;
+	public fun getRootViewTag ()I
+	public fun getState ()Ljava/util/concurrent/atomic/AtomicInteger;
+	public fun getSurfaceID ()Ljava/lang/String;
+	public fun getUIManagerType ()I
+	public fun getWidthMeasureSpec ()I
+	public fun handleException (Ljava/lang/Throwable;)V
+	public fun hasActiveReactContext ()Z
+	public fun hasActiveReactInstance ()Z
+	public fun isViewAttachedToReactInstance ()Z
+	public fun onAttachedToReactInstance ()V
+	protected fun onAttachedToWindow ()V
+	public fun onChildEndedNativeGesture (Landroid/view/View;Landroid/view/MotionEvent;)V
+	public fun onChildStartedNativeGesture (Landroid/view/View;Landroid/view/MotionEvent;)V
+	protected fun onDetachedFromWindow ()V
+	protected fun onFocusChanged (ZILandroid/graphics/Rect;)V
+	public fun onHoverEvent (Landroid/view/MotionEvent;)Z
+	public fun onInterceptHoverEvent (Landroid/view/MotionEvent;)Z
+	public fun onInterceptTouchEvent (Landroid/view/MotionEvent;)Z
+	protected fun onLayout (ZIIII)V
+	protected fun onMeasure (II)V
+	public fun onStage (I)V
+	public fun onTouchEvent (Landroid/view/MotionEvent;)Z
+	public fun onViewAdded (Landroid/view/View;)V
+	public fun requestChildFocus (Landroid/view/View;Landroid/view/View;)V
+	public fun requestDisallowInterceptTouchEvent (Z)V
+	public fun runApplication ()V
+	public fun setAppProperties (Landroid/os/Bundle;)V
+	public fun setEventListener (Lcom/facebook/react/ReactRootView$ReactRootViewEventListener;)V
+	public fun setIsFabric (Z)V
+	public fun setRootViewTag (I)V
+	public fun setShouldLogContentAppeared (Z)V
+	public fun shouldDispatchJSTouchEvent (Landroid/view/MotionEvent;)Z
+	public fun startReactApplication (Lcom/facebook/react/ReactInstanceManager;Ljava/lang/String;)V
+	public fun startReactApplication (Lcom/facebook/react/ReactInstanceManager;Ljava/lang/String;Landroid/os/Bundle;)V
+	public fun unmountReactApplication ()V
+}
+
+public abstract interface class com/facebook/react/ReactRootView$ReactRootViewEventListener {
+	public abstract fun onAttachedToReactInstance (Lcom/facebook/react/ReactRootView;)V
+}
+
+public abstract class com/facebook/react/TurboReactPackage : com/facebook/react/BaseReactPackage {
+	public fun <init> ()V
+}
+
+public abstract interface class com/facebook/react/ViewManagerOnDemandReactPackage {
+	public abstract fun createViewManager (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/lang/String;)Lcom/facebook/react/uimanager/ViewManager;
+	public abstract fun getViewManagerNames (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/Collection;
+}
+
+public class com/facebook/react/animated/NativeAnimatedModule : com/facebook/fbreact/specs/NativeAnimatedModuleSpec, com/facebook/react/bridge/LifecycleEventListener, com/facebook/react/bridge/UIManagerListener {
+	public static final field ANIMATED_MODULE_DEBUG Z
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun addAnimatedEventToView (DLjava/lang/String;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun addListener (Ljava/lang/String;)V
+	public fun connectAnimatedNodeToView (DD)V
+	public fun connectAnimatedNodes (DD)V
+	public fun createAnimatedNode (DLcom/facebook/react/bridge/ReadableMap;)V
+	public fun didDispatchMountItems (Lcom/facebook/react/bridge/UIManager;)V
+	public fun didMountItems (Lcom/facebook/react/bridge/UIManager;)V
+	public fun didScheduleMountItems (Lcom/facebook/react/bridge/UIManager;)V
+	public fun disconnectAnimatedNodeFromView (DD)V
+	public fun disconnectAnimatedNodes (DD)V
+	public fun dropAnimatedNode (D)V
+	public fun extractAnimatedNodeOffset (D)V
+	public fun finishOperationBatch ()V
+	public fun flattenAnimatedNodeOffset (D)V
+	public fun getNodesManager ()Lcom/facebook/react/animated/NativeAnimatedNodesManager;
+	public fun getValue (DLcom/facebook/react/bridge/Callback;)V
+	public fun initialize ()V
+	public fun invalidate ()V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun queueAndExecuteBatchedOperations (Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun removeAnimatedEventFromView (DLjava/lang/String;D)V
+	public fun removeListeners (D)V
+	public fun restoreDefaultValues (D)V
+	public fun setAnimatedNodeOffset (DD)V
+	public fun setAnimatedNodeValue (DD)V
+	public fun startAnimatingNode (DDLcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;)V
+	public fun startListeningToAnimatedNodeValue (D)V
+	public fun startOperationBatch ()V
+	public fun stopAnimation (D)V
+	public fun stopListeningToAnimatedNodeValue (D)V
+	public fun updateAnimatedNodeConfig (DLcom/facebook/react/bridge/ReadableMap;)V
+	public fun willDispatchViewUpdates (Lcom/facebook/react/bridge/UIManager;)V
+	public fun willMountItems (Lcom/facebook/react/bridge/UIManager;)V
+}
+
+public class com/facebook/react/animated/NativeAnimatedNodesManager : com/facebook/react/uimanager/events/EventDispatcherListener {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun addAnimatedEventToView (ILjava/lang/String;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun connectAnimatedNodeToView (II)V
+	public fun connectAnimatedNodes (II)V
+	public fun createAnimatedNode (ILcom/facebook/react/bridge/ReadableMap;)V
+	public fun disconnectAnimatedNodeFromView (II)V
+	public fun disconnectAnimatedNodes (II)V
+	public fun dropAnimatedNode (I)V
+	public fun extractAnimatedNodeOffset (I)V
+	public fun flattenAnimatedNodeOffset (I)V
+	public fun getNodeById (I)Lcom/facebook/react/animated/AnimatedNode;
+	public fun getValue (ILcom/facebook/react/bridge/Callback;)V
+	public fun hasActiveAnimations ()Z
+	public fun initializeEventListenerForUIManagerType (I)V
+	public fun onEventDispatch (Lcom/facebook/react/uimanager/events/Event;)V
+	public fun removeAnimatedEventFromView (ILjava/lang/String;I)V
+	public fun restoreDefaultValues (I)V
+	public fun runUpdates (J)V
+	public fun setAnimatedNodeOffset (ID)V
+	public fun setAnimatedNodeValue (ID)V
+	public fun startAnimatingNode (IILcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;)V
+	public fun startListeningToAnimatedNodeValue (ILcom/facebook/react/animated/AnimatedNodeValueListener;)V
+	public fun stopAnimation (I)V
+	public fun stopListeningToAnimatedNodeValue (I)V
+	public fun updateAnimatedNodeConfig (ILcom/facebook/react/bridge/ReadableMap;)V
+}
+
+public abstract interface class com/facebook/react/bridge/ActivityEventListener {
+	public abstract fun onActivityResult (Landroid/app/Activity;IILandroid/content/Intent;)V
+	public abstract fun onNewIntent (Landroid/content/Intent;)V
+}
+
+public class com/facebook/react/bridge/Arguments {
+	public fun <init> ()V
+	public static fun createArray ()Lcom/facebook/react/bridge/WritableArray;
+	public static fun createMap ()Lcom/facebook/react/bridge/WritableMap;
+	public static fun fromArray (Ljava/lang/Object;)Lcom/facebook/react/bridge/WritableArray;
+	public static fun fromBundle (Landroid/os/Bundle;)Lcom/facebook/react/bridge/WritableMap;
+	public static fun fromJavaArgs ([Ljava/lang/Object;)Lcom/facebook/react/bridge/WritableNativeArray;
+	public static fun fromList (Ljava/util/List;)Lcom/facebook/react/bridge/WritableArray;
+	public static fun makeNativeArray (Ljava/lang/Object;)Lcom/facebook/react/bridge/WritableNativeArray;
+	public static fun makeNativeArray (Ljava/util/List;)Lcom/facebook/react/bridge/WritableNativeArray;
+	public static fun makeNativeMap (Landroid/os/Bundle;)Lcom/facebook/react/bridge/WritableNativeMap;
+	public static fun makeNativeMap (Ljava/util/Map;)Lcom/facebook/react/bridge/WritableNativeMap;
+	public static fun toBundle (Lcom/facebook/react/bridge/ReadableMap;)Landroid/os/Bundle;
+	public static fun toList (Lcom/facebook/react/bridge/ReadableArray;)Ljava/util/ArrayList;
+}
+
+public class com/facebook/react/bridge/AssertionException : java/lang/RuntimeException {
+	public fun <init> (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/bridge/BackgroundExecutor {
+}
+
+public class com/facebook/react/bridge/BaseActivityEventListener : com/facebook/react/bridge/ActivityEventListener {
+	public fun <init> ()V
+	public fun onActivityResult (IILandroid/content/Intent;)V
+	public fun onActivityResult (Landroid/app/Activity;IILandroid/content/Intent;)V
+	public fun onNewIntent (Landroid/content/Intent;)V
+}
+
+public abstract class com/facebook/react/bridge/BaseJavaModule : com/facebook/react/bridge/NativeModule {
+	public static final field METHOD_TYPE_ASYNC Ljava/lang/String;
+	public static final field METHOD_TYPE_PROMISE Ljava/lang/String;
+	public static final field METHOD_TYPE_SYNC Ljava/lang/String;
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun canOverrideExistingModule ()Z
+	public fun getConstants ()Ljava/util/Map;
+	protected final fun getReactApplicationContext ()Lcom/facebook/react/bridge/ReactApplicationContext;
+	protected final fun getReactApplicationContextIfActiveOrWarn ()Lcom/facebook/react/bridge/ReactApplicationContext;
+	public fun initialize ()V
+	public fun invalidate ()V
+}
+
+public abstract interface class com/facebook/react/bridge/Callback {
+	public abstract fun invoke ([Ljava/lang/Object;)V
+}
+
+public final class com/facebook/react/bridge/CallbackImpl : com/facebook/react/bridge/Callback {
+	public fun <init> (Lcom/facebook/react/bridge/JSInstance;I)V
+	public fun invoke ([Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/bridge/CatalystInstance : com/facebook/react/bridge/JSBundleLoaderDelegate, com/facebook/react/bridge/JSInstance, com/facebook/react/bridge/MemoryPressureListener {
+	public abstract fun addBridgeIdleDebugListener (Lcom/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener;)V
+	public abstract fun addJSIModules (Ljava/util/List;)V
+	public abstract fun callFunction (Ljava/lang/String;Ljava/lang/String;Lcom/facebook/react/bridge/NativeArray;)V
+	public abstract fun destroy ()V
+	public abstract fun extendNativeModules (Lcom/facebook/react/bridge/NativeModuleRegistry;)V
+	public abstract fun getFabricUIManager ()Lcom/facebook/react/bridge/UIManager;
+	public abstract fun getJSCallInvokerHolder ()Lcom/facebook/react/turbomodule/core/interfaces/CallInvokerHolder;
+	public abstract fun getJSIModule (Lcom/facebook/react/bridge/JSIModuleType;)Lcom/facebook/react/bridge/JSIModule;
+	public abstract fun getJSModule (Ljava/lang/Class;)Lcom/facebook/react/bridge/JavaScriptModule;
+	public abstract fun getJavaScriptContextHolder ()Lcom/facebook/react/bridge/JavaScriptContextHolder;
+	public abstract fun getNativeMethodCallInvokerHolder ()Lcom/facebook/react/turbomodule/core/interfaces/NativeMethodCallInvokerHolder;
+	public abstract fun getNativeModule (Ljava/lang/Class;)Lcom/facebook/react/bridge/NativeModule;
+	public abstract fun getNativeModule (Ljava/lang/String;)Lcom/facebook/react/bridge/NativeModule;
+	public abstract fun getNativeModules ()Ljava/util/Collection;
+	public abstract fun getReactQueueConfiguration ()Lcom/facebook/react/bridge/queue/ReactQueueConfiguration;
+	public abstract fun getRuntimeExecutor ()Lcom/facebook/react/bridge/RuntimeExecutor;
+	public abstract fun getRuntimeScheduler ()Lcom/facebook/react/bridge/RuntimeScheduler;
+	public abstract fun getSourceURL ()Ljava/lang/String;
+	public abstract fun hasNativeModule (Ljava/lang/Class;)Z
+	public abstract fun hasRunJSBundle ()Z
+	public abstract fun invokeCallback (ILcom/facebook/react/bridge/NativeArrayInterface;)V
+	public abstract fun isDestroyed ()Z
+	public abstract fun registerSegment (ILjava/lang/String;)V
+	public abstract fun removeBridgeIdleDebugListener (Lcom/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener;)V
+	public abstract fun runJSBundle ()V
+	public abstract fun setFabricUIManager (Lcom/facebook/react/bridge/UIManager;)V
+	public abstract fun setTurboModuleManager (Lcom/facebook/react/bridge/JSIModule;)V
+	public abstract fun setTurboModuleRegistry (Lcom/facebook/react/internal/turbomodule/core/interfaces/TurboModuleRegistry;)V
+}
+
+public class com/facebook/react/bridge/CatalystInstanceImpl : com/facebook/react/bridge/CatalystInstance {
+	public fun addBridgeIdleDebugListener (Lcom/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener;)V
+	public fun addJSIModules (Ljava/util/List;)V
+	public fun callFunction (Lcom/facebook/react/bridge/CatalystInstanceImpl$PendingJSCall;)V
+	public fun callFunction (Ljava/lang/String;Ljava/lang/String;Lcom/facebook/react/bridge/NativeArray;)V
+	public fun destroy ()V
+	public fun extendNativeModules (Lcom/facebook/react/bridge/NativeModuleRegistry;)V
+	public fun getFabricUIManager ()Lcom/facebook/react/bridge/UIManager;
+	public fun getJSCallInvokerHolder ()Lcom/facebook/react/turbomodule/core/CallInvokerHolderImpl;
+	public synthetic fun getJSCallInvokerHolder ()Lcom/facebook/react/turbomodule/core/interfaces/CallInvokerHolder;
+	public fun getJSIModule (Lcom/facebook/react/bridge/JSIModuleType;)Lcom/facebook/react/bridge/JSIModule;
+	public fun getJSModule (Ljava/lang/Class;)Lcom/facebook/react/bridge/JavaScriptModule;
+	public fun getJavaScriptContextHolder ()Lcom/facebook/react/bridge/JavaScriptContextHolder;
+	public fun getNativeMethodCallInvokerHolder ()Lcom/facebook/react/turbomodule/core/NativeMethodCallInvokerHolderImpl;
+	public synthetic fun getNativeMethodCallInvokerHolder ()Lcom/facebook/react/turbomodule/core/interfaces/NativeMethodCallInvokerHolder;
+	public fun getNativeModule (Ljava/lang/Class;)Lcom/facebook/react/bridge/NativeModule;
+	public fun getNativeModule (Ljava/lang/String;)Lcom/facebook/react/bridge/NativeModule;
+	public fun getNativeModules ()Ljava/util/Collection;
+	public fun getReactQueueConfiguration ()Lcom/facebook/react/bridge/queue/ReactQueueConfiguration;
+	public fun getRuntimeExecutor ()Lcom/facebook/react/bridge/RuntimeExecutor;
+	public fun getRuntimeScheduler ()Lcom/facebook/react/bridge/RuntimeScheduler;
+	public fun getSourceURL ()Ljava/lang/String;
+	public fun handleMemoryPressure (I)V
+	public fun hasNativeModule (Ljava/lang/Class;)Z
+	public fun hasRunJSBundle ()Z
+	public fun invokeCallback (ILcom/facebook/react/bridge/NativeArrayInterface;)V
+	public fun isDestroyed ()Z
+	public fun loadScriptFromAssets (Landroid/content/res/AssetManager;Ljava/lang/String;Z)V
+	public fun loadScriptFromFile (Ljava/lang/String;Ljava/lang/String;Z)V
+	public fun loadSplitBundleFromFile (Ljava/lang/String;Ljava/lang/String;)V
+	public fun registerSegment (ILjava/lang/String;)V
+	public fun removeBridgeIdleDebugListener (Lcom/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener;)V
+	public fun runJSBundle ()V
+	public fun setFabricUIManager (Lcom/facebook/react/bridge/UIManager;)V
+	public fun setGlobalVariable (Ljava/lang/String;Ljava/lang/String;)V
+	public fun setSourceURLs (Ljava/lang/String;Ljava/lang/String;)V
+	public fun setTurboModuleManager (Lcom/facebook/react/bridge/JSIModule;)V
+	public fun setTurboModuleRegistry (Lcom/facebook/react/internal/turbomodule/core/interfaces/TurboModuleRegistry;)V
+}
+
+public class com/facebook/react/bridge/CatalystInstanceImpl$Builder {
+	public fun <init> ()V
+	public fun build ()Lcom/facebook/react/bridge/CatalystInstanceImpl;
+	public fun setJSBundleLoader (Lcom/facebook/react/bridge/JSBundleLoader;)Lcom/facebook/react/bridge/CatalystInstanceImpl$Builder;
+	public fun setJSExceptionHandler (Lcom/facebook/react/bridge/JSExceptionHandler;)Lcom/facebook/react/bridge/CatalystInstanceImpl$Builder;
+	public fun setJSExecutor (Lcom/facebook/react/bridge/JavaScriptExecutor;)Lcom/facebook/react/bridge/CatalystInstanceImpl$Builder;
+	public fun setReactQueueConfigurationSpec (Lcom/facebook/react/bridge/queue/ReactQueueConfigurationSpec;)Lcom/facebook/react/bridge/CatalystInstanceImpl$Builder;
+	public fun setRegistry (Lcom/facebook/react/bridge/NativeModuleRegistry;)Lcom/facebook/react/bridge/CatalystInstanceImpl$Builder;
+}
+
+public class com/facebook/react/bridge/CatalystInstanceImpl$PendingJSCall {
+	public field mArguments Lcom/facebook/react/bridge/NativeArray;
+	public field mMethod Ljava/lang/String;
+	public field mModule Ljava/lang/String;
+	public fun <init> (Ljava/lang/String;Ljava/lang/String;Lcom/facebook/react/bridge/NativeArray;)V
+	public fun toString ()Ljava/lang/String;
+}
+
+public class com/facebook/react/bridge/ColorPropConverter {
+	public fun <init> ()V
+	public static fun getColor (Ljava/lang/Object;Landroid/content/Context;)Ljava/lang/Integer;
+	public static fun getColor (Ljava/lang/Object;Landroid/content/Context;I)Ljava/lang/Integer;
+	public static fun resolveResourcePath (Landroid/content/Context;Ljava/lang/String;)Ljava/lang/Integer;
+}
+
+public class com/facebook/react/bridge/CxxCallbackImpl : com/facebook/react/bridge/Callback {
+	public fun invoke ([Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/bridge/CxxModuleWrapper : com/facebook/react/bridge/CxxModuleWrapperBase {
+	protected fun <init> (Lcom/facebook/jni/HybridData;)V
+}
+
+public class com/facebook/react/bridge/CxxModuleWrapperBase : com/facebook/react/bridge/NativeModule {
+	protected fun <init> (Lcom/facebook/jni/HybridData;)V
+	public fun canOverrideExistingModule ()Z
+	public fun getName ()Ljava/lang/String;
+	public fun initialize ()V
+	public fun invalidate ()V
+	protected fun resetModule (Lcom/facebook/jni/HybridData;)V
+}
+
+public class com/facebook/react/bridge/DefaultJSExceptionHandler : com/facebook/react/bridge/JSExceptionHandler {
+	public fun <init> ()V
+	public fun handleException (Ljava/lang/Exception;)V
+}
+
+public class com/facebook/react/bridge/DimensionPropConverter {
+	public fun <init> ()V
+	public static fun getDimension (Ljava/lang/Object;)Lcom/facebook/yoga/YogaValue;
+}
+
+public abstract interface class com/facebook/react/bridge/Dynamic {
+	public abstract fun asArray ()Lcom/facebook/react/bridge/ReadableArray;
+	public abstract fun asBoolean ()Z
+	public abstract fun asDouble ()D
+	public abstract fun asInt ()I
+	public abstract fun asMap ()Lcom/facebook/react/bridge/ReadableMap;
+	public abstract fun asString ()Ljava/lang/String;
+	public abstract fun getType ()Lcom/facebook/react/bridge/ReadableType;
+	public abstract fun isNull ()Z
+	public abstract fun recycle ()V
+}
+
+public class com/facebook/react/bridge/DynamicFromObject : com/facebook/react/bridge/Dynamic {
+	public fun <init> (Ljava/lang/Object;)V
+	public fun asArray ()Lcom/facebook/react/bridge/ReadableArray;
+	public fun asBoolean ()Z
+	public fun asDouble ()D
+	public fun asInt ()I
+	public fun asMap ()Lcom/facebook/react/bridge/ReadableMap;
+	public fun asString ()Ljava/lang/String;
+	public fun getType ()Lcom/facebook/react/bridge/ReadableType;
+	public fun isNull ()Z
+	public fun recycle ()V
+}
+
+public final class com/facebook/react/bridge/FallbackJSBundleLoader : com/facebook/react/bridge/JSBundleLoader {
+	public fun <init> (Ljava/util/List;)V
+	public fun loadScript (Lcom/facebook/react/bridge/JSBundleLoaderDelegate;)Ljava/lang/String;
+}
+
+public abstract class com/facebook/react/bridge/GuardedAsyncTask : android/os/AsyncTask {
+	protected fun <init> (Lcom/facebook/react/bridge/JSExceptionHandler;)V
+	protected fun <init> (Lcom/facebook/react/bridge/ReactContext;)V
+	protected synthetic fun doInBackground ([Ljava/lang/Object;)Ljava/lang/Object;
+	protected final fun doInBackground ([Ljava/lang/Object;)Ljava/lang/Void;
+	protected abstract fun doInBackgroundGuarded ([Ljava/lang/Object;)V
+}
+
+public abstract class com/facebook/react/bridge/GuardedResultAsyncTask : android/os/AsyncTask {
+	protected fun <init> (Lcom/facebook/react/bridge/JSExceptionHandler;)V
+	protected fun <init> (Lcom/facebook/react/bridge/ReactContext;)V
+	protected synthetic fun doInBackground ([Ljava/lang/Object;)Ljava/lang/Object;
+	protected final fun doInBackground ([Ljava/lang/Void;)Ljava/lang/Object;
+	protected abstract fun doInBackgroundGuarded ()Ljava/lang/Object;
+	protected final fun onPostExecute (Ljava/lang/Object;)V
+	protected abstract fun onPostExecuteGuarded (Ljava/lang/Object;)V
+}
+
+public abstract class com/facebook/react/bridge/GuardedRunnable : java/lang/Runnable {
+	public fun <init> (Lcom/facebook/react/bridge/JSExceptionHandler;)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactContext;)V
+	public final fun run ()V
+	public abstract fun runGuarded ()V
+}
+
+public class com/facebook/react/bridge/Inspector {
+	public static fun connect (ILcom/facebook/react/bridge/Inspector$RemoteConnection;)Lcom/facebook/react/bridge/Inspector$LocalConnection;
+	public static fun getPages ()Ljava/util/List;
+}
+
+public class com/facebook/react/bridge/Inspector$LocalConnection {
+	public fun disconnect ()V
+	public fun sendMessage (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/bridge/Inspector$Page {
+	public fun getId ()I
+	public fun getTitle ()Ljava/lang/String;
+	public fun getVM ()Ljava/lang/String;
+	public fun toString ()Ljava/lang/String;
+}
+
+public abstract interface class com/facebook/react/bridge/Inspector$RemoteConnection {
+	public abstract fun onDisconnect ()V
+	public abstract fun onMessage (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/bridge/InvalidIteratorException : java/lang/RuntimeException {
+	public fun <init> (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/bridge/JSApplicationCausedNativeException : java/lang/RuntimeException {
+	public fun <init> (Ljava/lang/String;)V
+	public fun <init> (Ljava/lang/String;Ljava/lang/Throwable;)V
+}
+
+public class com/facebook/react/bridge/JSApplicationIllegalArgumentException : com/facebook/react/bridge/JSApplicationCausedNativeException {
+	public fun <init> (Ljava/lang/String;)V
+	public fun <init> (Ljava/lang/String;Ljava/lang/Throwable;)V
+}
+
+public abstract class com/facebook/react/bridge/JSBundleLoader {
+	public fun <init> ()V
+	public static fun createAssetLoader (Landroid/content/Context;Ljava/lang/String;Z)Lcom/facebook/react/bridge/JSBundleLoader;
+	public static fun createCachedBundleFromNetworkLoader (Ljava/lang/String;Ljava/lang/String;)Lcom/facebook/react/bridge/JSBundleLoader;
+	public static fun createCachedSplitBundleFromNetworkLoader (Ljava/lang/String;Ljava/lang/String;)Lcom/facebook/react/bridge/JSBundleLoader;
+	public static fun createFileLoader (Ljava/lang/String;)Lcom/facebook/react/bridge/JSBundleLoader;
+	public static fun createFileLoader (Ljava/lang/String;Ljava/lang/String;Z)Lcom/facebook/react/bridge/JSBundleLoader;
+	public static fun createRemoteDebuggerBundleLoader (Ljava/lang/String;Ljava/lang/String;)Lcom/facebook/react/bridge/JSBundleLoader;
+	public abstract fun loadScript (Lcom/facebook/react/bridge/JSBundleLoaderDelegate;)Ljava/lang/String;
+}
+
+public abstract interface class com/facebook/react/bridge/JSBundleLoaderDelegate {
+	public abstract fun loadScriptFromAssets (Landroid/content/res/AssetManager;Ljava/lang/String;Z)V
+	public abstract fun loadScriptFromFile (Ljava/lang/String;Ljava/lang/String;Z)V
+	public abstract fun loadSplitBundleFromFile (Ljava/lang/String;Ljava/lang/String;)V
+	public abstract fun setSourceURLs (Ljava/lang/String;Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/bridge/JSExceptionHandler {
+	public abstract fun handleException (Ljava/lang/Exception;)V
+}
+
+public abstract interface class com/facebook/react/bridge/JSIModule {
+	public abstract fun initialize ()V
+	public abstract fun invalidate ()V
+}
+
+public abstract interface class com/facebook/react/bridge/JSIModulePackage {
+	public abstract fun getJSIModules (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/bridge/JavaScriptContextHolder;)Ljava/util/List;
+}
+
+public abstract interface class com/facebook/react/bridge/JSIModuleProvider {
+	public abstract fun get ()Lcom/facebook/react/bridge/JSIModule;
+}
+
+public abstract interface class com/facebook/react/bridge/JSIModuleSpec {
+	public abstract fun getJSIModuleProvider ()Lcom/facebook/react/bridge/JSIModuleProvider;
+	public abstract fun getJSIModuleType ()Lcom/facebook/react/bridge/JSIModuleType;
+}
+
+public final class com/facebook/react/bridge/JSIModuleType : java/lang/Enum {
+	public static final field TurboModuleManager Lcom/facebook/react/bridge/JSIModuleType;
+	public static final field UIManager Lcom/facebook/react/bridge/JSIModuleType;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/bridge/JSIModuleType;
+	public static fun values ()[Lcom/facebook/react/bridge/JSIModuleType;
+}
+
+public class com/facebook/react/bridge/JSONArguments {
+	public fun <init> ()V
+	public static fun fromJSONArray (Lorg/json/JSONArray;)Lcom/facebook/react/bridge/ReadableArray;
+	public static fun fromJSONArrayString (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableArray;
+	public static fun fromJSONObject (Lorg/json/JSONObject;)Lcom/facebook/react/bridge/ReadableMap;
+	public static fun fromJSONObjectString (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableMap;
+}
+
+public abstract interface class com/facebook/react/bridge/JavaJSExecutor {
+	public abstract fun close ()V
+	public abstract fun executeJSCall (Ljava/lang/String;Ljava/lang/String;)Ljava/lang/String;
+	public abstract fun loadBundle (Ljava/lang/String;)V
+	public abstract fun setGlobalVariable (Ljava/lang/String;Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/bridge/JavaJSExecutor$Factory {
+	public abstract fun create ()Lcom/facebook/react/bridge/JavaJSExecutor;
+}
+
+public class com/facebook/react/bridge/JavaJSExecutor$ProxyExecutorException : java/lang/Exception {
+	public fun <init> (Ljava/lang/Throwable;)V
+}
+
+public class com/facebook/react/bridge/JavaOnlyArray : com/facebook/react/bridge/ReadableArray, com/facebook/react/bridge/WritableArray {
+	public fun <init> ()V
+	public static fun deepClone (Lcom/facebook/react/bridge/ReadableArray;)Lcom/facebook/react/bridge/JavaOnlyArray;
+	public fun equals (Ljava/lang/Object;)Z
+	public static fun from (Ljava/util/List;)Lcom/facebook/react/bridge/JavaOnlyArray;
+	public fun getArray (I)Lcom/facebook/react/bridge/ReadableArray;
+	public fun getBoolean (I)Z
+	public fun getDouble (I)D
+	public fun getDynamic (I)Lcom/facebook/react/bridge/Dynamic;
+	public fun getInt (I)I
+	public fun getMap (I)Lcom/facebook/react/bridge/ReadableMap;
+	public fun getString (I)Ljava/lang/String;
+	public fun getType (I)Lcom/facebook/react/bridge/ReadableType;
+	public fun hashCode ()I
+	public fun isNull (I)Z
+	public static fun of ([Ljava/lang/Object;)Lcom/facebook/react/bridge/JavaOnlyArray;
+	public fun pushArray (Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun pushBoolean (Z)V
+	public fun pushDouble (D)V
+	public fun pushInt (I)V
+	public fun pushMap (Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun pushNull ()V
+	public fun pushString (Ljava/lang/String;)V
+	public fun size ()I
+	public fun toArrayList ()Ljava/util/ArrayList;
+	public fun toString ()Ljava/lang/String;
+}
+
+public class com/facebook/react/bridge/JavaOnlyMap : com/facebook/react/bridge/ReadableMap, com/facebook/react/bridge/WritableMap {
+	public fun <init> ()V
+	public fun copy ()Lcom/facebook/react/bridge/WritableMap;
+	public static fun deepClone (Lcom/facebook/react/bridge/ReadableMap;)Lcom/facebook/react/bridge/JavaOnlyMap;
+	public fun equals (Ljava/lang/Object;)Z
+	public static fun from (Ljava/util/Map;)Lcom/facebook/react/bridge/JavaOnlyMap;
+	public fun getArray (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableArray;
+	public fun getBoolean (Ljava/lang/String;)Z
+	public fun getDouble (Ljava/lang/String;)D
+	public fun getDynamic (Ljava/lang/String;)Lcom/facebook/react/bridge/Dynamic;
+	public fun getEntryIterator ()Ljava/util/Iterator;
+	public fun getInt (Ljava/lang/String;)I
+	public fun getMap (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableMap;
+	public fun getString (Ljava/lang/String;)Ljava/lang/String;
+	public fun getType (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableType;
+	public fun hasKey (Ljava/lang/String;)Z
+	public fun hashCode ()I
+	public fun isNull (Ljava/lang/String;)Z
+	public fun keySetIterator ()Lcom/facebook/react/bridge/ReadableMapKeySetIterator;
+	public fun merge (Lcom/facebook/react/bridge/ReadableMap;)V
+	public static fun of ([Ljava/lang/Object;)Lcom/facebook/react/bridge/JavaOnlyMap;
+	public fun putArray (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun putBoolean (Ljava/lang/String;Z)V
+	public fun putDouble (Ljava/lang/String;D)V
+	public fun putInt (Ljava/lang/String;I)V
+	public fun putMap (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun putNull (Ljava/lang/String;)V
+	public fun putString (Ljava/lang/String;Ljava/lang/String;)V
+	public fun toHashMap ()Ljava/util/HashMap;
+	public fun toString ()Ljava/lang/String;
+}
+
+public class com/facebook/react/bridge/JavaScriptContextHolder {
+	public fun <init> (J)V
+	public fun clear ()V
+	public fun get ()J
+}
+
+public abstract class com/facebook/react/bridge/JavaScriptExecutor {
+	protected fun <init> (Lcom/facebook/jni/HybridData;)V
+	public fun close ()V
+	public abstract fun getName ()Ljava/lang/String;
+}
+
+public abstract interface class com/facebook/react/bridge/JavaScriptExecutorFactory {
+	public abstract fun create ()Lcom/facebook/react/bridge/JavaScriptExecutor;
+	public abstract fun startSamplingProfiler ()V
+	public abstract fun stopSamplingProfiler (Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/bridge/JavaScriptModule {
+}
+
+public final class com/facebook/react/bridge/JavaScriptModuleRegistry {
+	public fun <init> ()V
+	public static fun getJSModuleName (Ljava/lang/Class;)Ljava/lang/String;
+	public fun getJavaScriptModule (Lcom/facebook/react/bridge/CatalystInstance;Ljava/lang/Class;)Lcom/facebook/react/bridge/JavaScriptModule;
+}
+
+public class com/facebook/react/bridge/JsonWriterHelper {
+	public fun <init> ()V
+	public static fun readableArrayValue (Landroid/util/JsonWriter;Lcom/facebook/react/bridge/ReadableArray;)V
+	public static fun value (Landroid/util/JsonWriter;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/bridge/LifecycleEventListener {
+	public abstract fun onHostDestroy ()V
+	public abstract fun onHostPause ()V
+	public abstract fun onHostResume ()V
+}
+
+public final class com/facebook/react/bridge/MemoryPressure : java/lang/Enum {
+	public static final field CRITICAL Lcom/facebook/react/bridge/MemoryPressure;
+	public static final field MODERATE Lcom/facebook/react/bridge/MemoryPressure;
+	public static final field UI_HIDDEN Lcom/facebook/react/bridge/MemoryPressure;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/bridge/MemoryPressure;
+	public static fun values ()[Lcom/facebook/react/bridge/MemoryPressure;
+}
+
+public abstract interface class com/facebook/react/bridge/MemoryPressureListener {
+	public abstract fun handleMemoryPressure (I)V
+}
+
+public class com/facebook/react/bridge/ModuleHolder {
+	public fun <init> (Lcom/facebook/react/bridge/NativeModule;)V
+	public fun <init> (Lcom/facebook/react/module/model/ReactModuleInfo;Ljavax/inject/Provider;)V
+	public fun destroy ()V
+	public fun getCanOverrideExistingModule ()Z
+	public fun getClassName ()Ljava/lang/String;
+	public fun getModule ()Lcom/facebook/react/bridge/NativeModule;
+	public fun getName ()Ljava/lang/String;
+	public fun isCxxModule ()Z
+	public fun isTurboModule ()Z
+}
+
+public class com/facebook/react/bridge/ModuleSpec {
+	public fun getName ()Ljava/lang/String;
+	public fun getProvider ()Ljavax/inject/Provider;
+	public static fun nativeModuleSpec (Ljava/lang/Class;Ljavax/inject/Provider;)Lcom/facebook/react/bridge/ModuleSpec;
+	public static fun nativeModuleSpec (Ljava/lang/String;Ljavax/inject/Provider;)Lcom/facebook/react/bridge/ModuleSpec;
+	public static fun viewManagerSpec (Ljavax/inject/Provider;)Lcom/facebook/react/bridge/ModuleSpec;
+}
+
+public abstract class com/facebook/react/bridge/NativeArray : com/facebook/react/bridge/NativeArrayInterface {
+	protected fun <init> (Lcom/facebook/jni/HybridData;)V
+	public fun toString ()Ljava/lang/String;
+}
+
+public abstract class com/facebook/react/bridge/NativeMap {
+	public fun <init> (Lcom/facebook/jni/HybridData;)V
+	public fun toString ()Ljava/lang/String;
+}
+
+public abstract interface class com/facebook/react/bridge/NativeModule {
+	public fun canOverrideExistingModule ()Z
+	public abstract fun getName ()Ljava/lang/String;
+	public abstract fun initialize ()V
+	public abstract fun invalidate ()V
+	public fun onCatalystInstanceDestroy ()V
+}
+
+public class com/facebook/react/bridge/NativeModuleRegistry {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/util/Map;)V
+	public fun getAllModules ()Ljava/util/List;
+	public fun getModule (Ljava/lang/Class;)Lcom/facebook/react/bridge/NativeModule;
+	public fun getModule (Ljava/lang/String;)Lcom/facebook/react/bridge/NativeModule;
+	public fun hasModule (Ljava/lang/Class;)Z
+	public fun hasModule (Ljava/lang/String;)Z
+	public fun onBatchComplete ()V
+}
+
+public class com/facebook/react/bridge/NoSuchKeyException : java/lang/RuntimeException {
+	public fun <init> (Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/bridge/NotThreadSafeBridgeIdleDebugListener {
+	public abstract fun onBridgeDestroyed ()V
+	public abstract fun onTransitionToBridgeBusy ()V
+	public abstract fun onTransitionToBridgeIdle ()V
+}
+
+public class com/facebook/react/bridge/ObjectAlreadyConsumedException : java/lang/RuntimeException {
+	public fun <init> (Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/bridge/OnBatchCompleteListener {
+	public abstract fun onBatchComplete ()V
+}
+
+public abstract interface class com/facebook/react/bridge/Promise {
+	public abstract fun reject (Ljava/lang/String;)V
+	public abstract fun reject (Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun reject (Ljava/lang/String;Ljava/lang/String;)V
+	public abstract fun reject (Ljava/lang/String;Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun reject (Ljava/lang/String;Ljava/lang/String;Ljava/lang/Throwable;)V
+	public abstract fun reject (Ljava/lang/String;Ljava/lang/String;Ljava/lang/Throwable;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun reject (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public abstract fun reject (Ljava/lang/String;Ljava/lang/Throwable;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun reject (Ljava/lang/Throwable;)V
+	public abstract fun reject (Ljava/lang/Throwable;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun resolve (Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/bridge/PromiseImpl : com/facebook/react/bridge/Promise {
+	public fun <init> (Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+	public fun reject (Ljava/lang/String;)V
+	public fun reject (Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun reject (Ljava/lang/String;Ljava/lang/String;)V
+	public fun reject (Ljava/lang/String;Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun reject (Ljava/lang/String;Ljava/lang/String;Ljava/lang/Throwable;)V
+	public fun reject (Ljava/lang/String;Ljava/lang/String;Ljava/lang/Throwable;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun reject (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public fun reject (Ljava/lang/String;Ljava/lang/Throwable;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun reject (Ljava/lang/Throwable;)V
+	public fun reject (Ljava/lang/Throwable;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun resolve (Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/bridge/ProxyJavaScriptExecutor : com/facebook/react/bridge/JavaScriptExecutor {
+	public fun <init> (Lcom/facebook/react/bridge/JavaJSExecutor;)V
+	public fun close ()V
+	public fun getName ()Ljava/lang/String;
+}
+
+public class com/facebook/react/bridge/ProxyJavaScriptExecutor$Factory : com/facebook/react/bridge/JavaScriptExecutorFactory {
+	public fun <init> (Lcom/facebook/react/bridge/JavaJSExecutor$Factory;)V
+	public fun create ()Lcom/facebook/react/bridge/JavaScriptExecutor;
+	public fun startSamplingProfiler ()V
+	public fun stopSamplingProfiler (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/bridge/ReactApplicationContext : com/facebook/react/bridge/ReactContext {
+	public fun <init> (Landroid/content/Context;)V
+}
+
+public class com/facebook/react/bridge/ReactBridge {
+	public fun <init> ()V
+	public static fun getLoadEndTime ()J
+	public static fun getLoadStartTime ()J
+	public static fun isInitialized ()Z
+	public static fun staticInit ()V
+}
+
+public class com/facebook/react/bridge/ReactContext : android/content/ContextWrapper {
+	protected field mInteropModuleRegistry Lcom/facebook/react/bridge/interop/InteropModuleRegistry;
+	public fun <init> (Landroid/content/Context;)V
+	public fun addActivityEventListener (Lcom/facebook/react/bridge/ActivityEventListener;)V
+	public fun addLifecycleEventListener (Lcom/facebook/react/bridge/LifecycleEventListener;)V
+	public fun addWindowFocusChangeListener (Lcom/facebook/react/bridge/WindowFocusChangeListener;)V
+	public fun assertOnJSQueueThread ()V
+	public fun assertOnNativeModulesQueueThread ()V
+	public fun assertOnNativeModulesQueueThread (Ljava/lang/String;)V
+	public fun assertOnUiQueueThread ()V
+	public fun destroy ()V
+	public fun emitDeviceEvent (Ljava/lang/String;)V
+	public fun emitDeviceEvent (Ljava/lang/String;Ljava/lang/Object;)V
+	public fun getCatalystInstance ()Lcom/facebook/react/bridge/CatalystInstance;
+	public fun getCurrentActivity ()Landroid/app/Activity;
+	public fun getExceptionHandler ()Lcom/facebook/react/bridge/JSExceptionHandler;
+	public fun getFabricUIManager ()Lcom/facebook/react/bridge/UIManager;
+	public fun getJSExceptionHandler ()Lcom/facebook/react/bridge/JSExceptionHandler;
+	public fun getJSMessageQueueThread ()Lcom/facebook/react/bridge/queue/MessageQueueThread;
+	public fun getJSModule (Ljava/lang/Class;)Lcom/facebook/react/bridge/JavaScriptModule;
+	public fun getJavaScriptContextHolder ()Lcom/facebook/react/bridge/JavaScriptContextHolder;
+	public fun getLifecycleState ()Lcom/facebook/react/common/LifecycleState;
+	public fun getNativeModule (Ljava/lang/Class;)Lcom/facebook/react/bridge/NativeModule;
+	public fun getNativeModules ()Ljava/util/Collection;
+	public fun getNativeModulesMessageQueueThread ()Lcom/facebook/react/bridge/queue/MessageQueueThread;
+	public fun getSourceURL ()Ljava/lang/String;
+	public fun getSystemService (Ljava/lang/String;)Ljava/lang/Object;
+	public fun getUiMessageQueueThread ()Lcom/facebook/react/bridge/queue/MessageQueueThread;
+	public fun handleException (Ljava/lang/Exception;)V
+	public fun hasActiveCatalystInstance ()Z
+	public fun hasActiveReactInstance ()Z
+	public fun hasCatalystInstance ()Z
+	public fun hasCurrentActivity ()Z
+	public fun hasNativeModule (Ljava/lang/Class;)Z
+	protected fun initializeInteropModules ()V
+	protected fun initializeInteropModules (Lcom/facebook/react/bridge/ReactContext;)V
+	public fun initializeMessageQueueThreads (Lcom/facebook/react/bridge/queue/ReactQueueConfiguration;)V
+	public fun initializeWithInstance (Lcom/facebook/react/bridge/CatalystInstance;)V
+	public fun internal_registerInteropModule (Ljava/lang/Class;Ljava/lang/Object;)V
+	public fun isBridgeless ()Z
+	public fun isOnJSQueueThread ()Z
+	public fun isOnNativeModulesQueueThread ()Z
+	public fun isOnUiQueueThread ()Z
+	public fun onActivityResult (Landroid/app/Activity;IILandroid/content/Intent;)V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume (Landroid/app/Activity;)V
+	public fun onNewIntent (Landroid/app/Activity;Landroid/content/Intent;)V
+	public fun onWindowFocusChange (Z)V
+	public fun registerSegment (ILjava/lang/String;Lcom/facebook/react/bridge/Callback;)V
+	public fun removeActivityEventListener (Lcom/facebook/react/bridge/ActivityEventListener;)V
+	public fun removeLifecycleEventListener (Lcom/facebook/react/bridge/LifecycleEventListener;)V
+	public fun removeWindowFocusChangeListener (Lcom/facebook/react/bridge/WindowFocusChangeListener;)V
+	public fun resetPerfStats ()V
+	public fun runOnJSQueueThread (Ljava/lang/Runnable;)Z
+	public fun runOnNativeModulesQueueThread (Ljava/lang/Runnable;)V
+	public fun runOnUiQueueThread (Ljava/lang/Runnable;)V
+	public fun setJSExceptionHandler (Lcom/facebook/react/bridge/JSExceptionHandler;)V
+	public fun startActivityForResult (Landroid/content/Intent;ILandroid/os/Bundle;)Z
+}
+
+public class com/facebook/react/bridge/ReactContext$ExceptionHandlerWrapper : com/facebook/react/bridge/JSExceptionHandler {
+	public fun <init> (Lcom/facebook/react/bridge/ReactContext;)V
+	public fun handleException (Ljava/lang/Exception;)V
+}
+
+public abstract interface class com/facebook/react/bridge/ReactContext$RCTDeviceEventEmitter : com/facebook/react/bridge/JavaScriptModule {
+	public abstract fun emit (Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract class com/facebook/react/bridge/ReactContextBaseJavaModule : com/facebook/react/bridge/BaseJavaModule {
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	protected final fun getCurrentActivity ()Landroid/app/Activity;
+}
+
+public class com/facebook/react/bridge/ReactCxxErrorHandler {
+	public fun <init> ()V
+	public static fun setHandleErrorFunc (Ljava/lang/Object;Ljava/lang/reflect/Method;)V
+}
+
+public class com/facebook/react/bridge/ReactIgnorableMountingException : java/lang/RuntimeException {
+	public fun <init> (Ljava/lang/String;)V
+	public fun <init> (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public fun <init> (Ljava/lang/Throwable;)V
+	public static fun isIgnorable (Ljava/lang/Throwable;)Z
+}
+
+public class com/facebook/react/bridge/ReactMarker {
+	public fun <init> ()V
+	public static fun addFabricListener (Lcom/facebook/react/bridge/ReactMarker$FabricMarkerListener;)V
+	public static fun addListener (Lcom/facebook/react/bridge/ReactMarker$MarkerListener;)V
+	public static fun clearFabricMarkerListeners ()V
+	public static fun clearMarkerListeners ()V
+	public static fun logFabricMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;Ljava/lang/String;I)V
+	public static fun logFabricMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;Ljava/lang/String;IJ)V
+	public static fun logFabricMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;Ljava/lang/String;IJI)V
+	public static fun logMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;)V
+	public static fun logMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;I)V
+	public static fun logMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;J)V
+	public static fun logMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;Ljava/lang/String;)V
+	public static fun logMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;Ljava/lang/String;I)V
+	public static fun logMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;Ljava/lang/String;ILjava/lang/Long;)V
+	public static fun logMarker (Ljava/lang/String;)V
+	public static fun logMarker (Ljava/lang/String;I)V
+	public static fun logMarker (Ljava/lang/String;Ljava/lang/String;)V
+	public static fun logMarker (Ljava/lang/String;Ljava/lang/String;I)V
+	public static fun removeFabricListener (Lcom/facebook/react/bridge/ReactMarker$FabricMarkerListener;)V
+	public static fun removeListener (Lcom/facebook/react/bridge/ReactMarker$MarkerListener;)V
+}
+
+public abstract interface class com/facebook/react/bridge/ReactMarker$FabricMarkerListener {
+	public abstract fun logFabricMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;Ljava/lang/String;IJ)V
+	public fun logFabricMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;Ljava/lang/String;IJI)V
+}
+
+public abstract interface class com/facebook/react/bridge/ReactMarker$MarkerListener {
+	public abstract fun logMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;Ljava/lang/String;I)V
+}
+
+public final class com/facebook/react/bridge/ReactMarkerConstants : java/lang/Enum {
+	public static final field APP_STARTUP_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field APP_STARTUP_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ATTACH_MEASURED_ROOT_VIEWS_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ATTACH_MEASURED_ROOT_VIEWS_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field BUILD_NATIVE_MODULE_REGISTRY_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field BUILD_NATIVE_MODULE_REGISTRY_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field BUILD_REACT_INSTANCE_MANAGER_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field BUILD_REACT_INSTANCE_MANAGER_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CHANGE_THREAD_PRIORITY Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CONTENT_APPEARED Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CONVERT_CONSTANTS_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CONVERT_CONSTANTS_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_CATALYST_INSTANCE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_CATALYST_INSTANCE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_I18N_MODULE_CONSTANTS_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_I18N_MODULE_CONSTANTS_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_MC_MODULE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_MC_MODULE_GET_METADATA_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_MC_MODULE_GET_METADATA_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_MC_MODULE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_MODULE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_MODULE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_REACT_CONTEXT_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_REACT_CONTEXT_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_UI_MANAGER_MODULE_CONSTANTS_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_UI_MANAGER_MODULE_CONSTANTS_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_UI_MANAGER_MODULE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_UI_MANAGER_MODULE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_VIEW_MANAGERS_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field CREATE_VIEW_MANAGERS_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field DESTROY_CATALYST_INSTANCE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field DESTROY_CATALYST_INSTANCE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field DOWNLOAD_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field DOWNLOAD_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_BATCH_EXECUTION_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_BATCH_EXECUTION_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_COMMIT_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_COMMIT_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_DIFF_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_DIFF_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_FINISH_TRANSACTION_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_FINISH_TRANSACTION_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_LAYOUT_AFFECTED_NODES Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_LAYOUT_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_LAYOUT_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_UPDATE_UI_MAIN_THREAD_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field FABRIC_UPDATE_UI_MAIN_THREAD_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field GET_CONSTANTS_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field GET_CONSTANTS_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field GET_REACT_INSTANCE_HOLDER_SPEC_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field GET_REACT_INSTANCE_HOLDER_SPEC_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field GET_REACT_INSTANCE_MANAGER_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field GET_REACT_INSTANCE_MANAGER_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field I18N_MODULE_CONSTANTS_CONVERT_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field I18N_MODULE_CONSTANTS_CONVERT_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field INITIALIZE_MODULE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field INITIALIZE_MODULE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field INIT_REACT_RUNTIME_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field INIT_REACT_RUNTIME_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field JAVASCRIPT_EXECUTOR_FACTORY_INJECT_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field JAVASCRIPT_EXECUTOR_FACTORY_INJECT_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field LOAD_REACT_NATIVE_FABRIC_SO_FILE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field LOAD_REACT_NATIVE_FABRIC_SO_FILE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field LOAD_REACT_NATIVE_MAPBUFFER_SO_FILE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field LOAD_REACT_NATIVE_MAPBUFFER_SO_FILE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field LOAD_REACT_NATIVE_SO_FILE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field LOAD_REACT_NATIVE_SO_FILE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field NATIVE_MODULE_INITIALIZE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field NATIVE_MODULE_INITIALIZE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field NATIVE_MODULE_SETUP_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field NATIVE_MODULE_SETUP_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ON_FRAGMENT_CREATE Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ON_HOST_PAUSE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ON_HOST_PAUSE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ON_HOST_RESUME_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ON_HOST_RESUME_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PRE_REACT_CONTEXT_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PRE_RUN_JS_BUNDLE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PRE_SETUP_REACT_CONTEXT_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PRE_SETUP_REACT_CONTEXT_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PROCESS_CORE_REACT_PACKAGE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PROCESS_CORE_REACT_PACKAGE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PROCESS_INFRA_PACKAGE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PROCESS_INFRA_PACKAGE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PROCESS_PACKAGES_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PROCESS_PACKAGES_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PROCESS_PRODUCT_PACKAGE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field PROCESS_PRODUCT_PACKAGE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field REACT_BRIDGELESS_LOADING_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field REACT_BRIDGELESS_LOADING_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field REACT_BRIDGE_LOADING_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field REACT_BRIDGE_LOADING_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field REACT_CONTEXT_THREAD_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field REACT_CONTEXT_THREAD_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field REGISTER_JS_SEGMENT_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field REGISTER_JS_SEGMENT_STOP Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field RELOAD Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ROOT_VIEW_ATTACH_TO_REACT_INSTANCE_MANAGER_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ROOT_VIEW_ATTACH_TO_REACT_INSTANCE_MANAGER_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ROOT_VIEW_ON_MEASURE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ROOT_VIEW_ON_MEASURE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ROOT_VIEW_UPDATE_LAYOUT_SPECS_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field ROOT_VIEW_UPDATE_LAYOUT_SPECS_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field RUN_JS_BUNDLE_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field RUN_JS_BUNDLE_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field SETUP_REACT_CONTEXT_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field SETUP_REACT_CONTEXT_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field UNPACKING_JS_BUNDLE_LOADER_BLOCKED Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field UNPACKING_JS_BUNDLE_LOADER_CHECK_END Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field UNPACKING_JS_BUNDLE_LOADER_CHECK_START Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field UNPACKING_JS_BUNDLE_LOADER_EXTRACTED Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field VM_INIT Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field loadApplicationScript_endStringConvert Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static final field loadApplicationScript_startStringConvert Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public fun hasMatchingNameMarker ()Z
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/bridge/ReactMarkerConstants;
+	public static fun values ()[Lcom/facebook/react/bridge/ReactMarkerConstants;
+}
+
+public abstract interface annotation class com/facebook/react/bridge/ReactMethod : java/lang/annotation/Annotation {
+	public abstract fun isBlockingSynchronousMethod ()Z
+}
+
+public abstract interface class com/facebook/react/bridge/ReactModuleWithSpec {
+}
+
+public class com/facebook/react/bridge/ReactNoCrashBridgeNotAllowedSoftException : com/facebook/react/bridge/ReactNoCrashSoftException {
+	public fun <init> (Ljava/lang/String;)V
+	public fun <init> (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public fun <init> (Ljava/lang/Throwable;)V
+}
+
+public class com/facebook/react/bridge/ReactNoCrashSoftException : java/lang/RuntimeException {
+	public fun <init> (Ljava/lang/String;)V
+	public fun <init> (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public fun <init> (Ljava/lang/Throwable;)V
+}
+
+public class com/facebook/react/bridge/ReactSoftExceptionLogger {
+	public fun <init> ()V
+	public static fun addListener (Lcom/facebook/react/bridge/ReactSoftExceptionLogger$ReactSoftExceptionListener;)V
+	public static fun clearListeners ()V
+	public static fun logSoftException (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public static fun logSoftExceptionVerbose (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public static fun removeListener (Lcom/facebook/react/bridge/ReactSoftExceptionLogger$ReactSoftExceptionListener;)V
+}
+
+public abstract interface class com/facebook/react/bridge/ReactSoftExceptionLogger$ReactSoftExceptionListener {
+	public abstract fun logSoftException (Ljava/lang/String;Ljava/lang/Throwable;)V
+}
+
+public abstract interface class com/facebook/react/bridge/ReadableArray {
+	public abstract fun getArray (I)Lcom/facebook/react/bridge/ReadableArray;
+	public abstract fun getBoolean (I)Z
+	public abstract fun getDouble (I)D
+	public abstract fun getDynamic (I)Lcom/facebook/react/bridge/Dynamic;
+	public abstract fun getInt (I)I
+	public abstract fun getMap (I)Lcom/facebook/react/bridge/ReadableMap;
+	public abstract fun getString (I)Ljava/lang/String;
+	public abstract fun getType (I)Lcom/facebook/react/bridge/ReadableType;
+	public abstract fun isNull (I)Z
+	public abstract fun size ()I
+	public abstract fun toArrayList ()Ljava/util/ArrayList;
+}
+
+public abstract interface class com/facebook/react/bridge/ReadableMap {
+	public abstract fun getArray (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableArray;
+	public abstract fun getBoolean (Ljava/lang/String;)Z
+	public abstract fun getDouble (Ljava/lang/String;)D
+	public abstract fun getDynamic (Ljava/lang/String;)Lcom/facebook/react/bridge/Dynamic;
+	public abstract fun getEntryIterator ()Ljava/util/Iterator;
+	public abstract fun getInt (Ljava/lang/String;)I
+	public abstract fun getMap (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableMap;
+	public abstract fun getString (Ljava/lang/String;)Ljava/lang/String;
+	public abstract fun getType (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableType;
+	public abstract fun hasKey (Ljava/lang/String;)Z
+	public abstract fun isNull (Ljava/lang/String;)Z
+	public abstract fun keySetIterator ()Lcom/facebook/react/bridge/ReadableMapKeySetIterator;
+	public abstract fun toHashMap ()Ljava/util/HashMap;
+}
+
+public abstract interface class com/facebook/react/bridge/ReadableMapKeySetIterator {
+	public abstract fun hasNextKey ()Z
+	public abstract fun nextKey ()Ljava/lang/String;
+}
+
+public class com/facebook/react/bridge/ReadableNativeArray : com/facebook/react/bridge/NativeArray, com/facebook/react/bridge/ReadableArray {
+	protected fun <init> (Lcom/facebook/jni/HybridData;)V
+	public fun equals (Ljava/lang/Object;)Z
+	public synthetic fun getArray (I)Lcom/facebook/react/bridge/ReadableArray;
+	public fun getArray (I)Lcom/facebook/react/bridge/ReadableNativeArray;
+	public fun getBoolean (I)Z
+	public fun getDouble (I)D
+	public fun getDynamic (I)Lcom/facebook/react/bridge/Dynamic;
+	public fun getInt (I)I
+	public static fun getJNIPassCounter ()I
+	public synthetic fun getMap (I)Lcom/facebook/react/bridge/ReadableMap;
+	public fun getMap (I)Lcom/facebook/react/bridge/ReadableNativeMap;
+	public fun getString (I)Ljava/lang/String;
+	public fun getType (I)Lcom/facebook/react/bridge/ReadableType;
+	public fun hashCode ()I
+	public fun isNull (I)Z
+	public fun size ()I
+	public fun toArrayList ()Ljava/util/ArrayList;
+}
+
+public class com/facebook/react/bridge/ReadableNativeMap : com/facebook/react/bridge/NativeMap, com/facebook/react/bridge/ReadableMap {
+	protected fun <init> (Lcom/facebook/jni/HybridData;)V
+	public fun equals (Ljava/lang/Object;)Z
+	public fun getArray (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableArray;
+	public fun getBoolean (Ljava/lang/String;)Z
+	public fun getDouble (Ljava/lang/String;)D
+	public fun getDynamic (Ljava/lang/String;)Lcom/facebook/react/bridge/Dynamic;
+	public fun getEntryIterator ()Ljava/util/Iterator;
+	public fun getInt (Ljava/lang/String;)I
+	public static fun getJNIPassCounter ()I
+	public synthetic fun getMap (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableMap;
+	public fun getMap (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableNativeMap;
+	public fun getString (Ljava/lang/String;)Ljava/lang/String;
+	public fun getType (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableType;
+	public fun hasKey (Ljava/lang/String;)Z
+	public fun hashCode ()I
+	public fun isNull (Ljava/lang/String;)Z
+	public fun keySetIterator ()Lcom/facebook/react/bridge/ReadableMapKeySetIterator;
+	public fun toHashMap ()Ljava/util/HashMap;
+}
+
+public final class com/facebook/react/bridge/ReadableType : java/lang/Enum {
+	public static final field Array Lcom/facebook/react/bridge/ReadableType;
+	public static final field Boolean Lcom/facebook/react/bridge/ReadableType;
+	public static final field Map Lcom/facebook/react/bridge/ReadableType;
+	public static final field Null Lcom/facebook/react/bridge/ReadableType;
+	public static final field Number Lcom/facebook/react/bridge/ReadableType;
+	public static final field String Lcom/facebook/react/bridge/ReadableType;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableType;
+	public static fun values ()[Lcom/facebook/react/bridge/ReadableType;
+}
+
+public class com/facebook/react/bridge/RetryableMountingLayerException : java/lang/RuntimeException {
+	public fun <init> (Ljava/lang/String;)V
+	public fun <init> (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public fun <init> (Ljava/lang/Throwable;)V
+}
+
+public class com/facebook/react/bridge/RuntimeExecutor {
+	public fun <init> (Lcom/facebook/jni/HybridData;)V
+}
+
+public class com/facebook/react/bridge/RuntimeScheduler {
+	public fun <init> (Lcom/facebook/jni/HybridData;)V
+}
+
+public class com/facebook/react/bridge/SoftAssertions {
+	public fun <init> ()V
+	public static fun assertCondition (ZLjava/lang/String;)V
+	public static fun assertNotNull (Ljava/lang/Object;)Ljava/lang/Object;
+	public static fun assertUnreachable (Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/bridge/Systrace : com/facebook/react/bridge/JavaScriptModule {
+	public abstract fun setEnabled (Z)V
+}
+
+public abstract interface class com/facebook/react/bridge/UIManager : com/facebook/react/bridge/PerformanceCounter {
+	public abstract fun addRootView (Landroid/view/View;Lcom/facebook/react/bridge/WritableMap;)I
+	public abstract fun addUIManagerEventListener (Lcom/facebook/react/bridge/UIManagerListener;)V
+	public abstract fun dispatchCommand (IILcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun dispatchCommand (ILjava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun getEventDispatcher ()Ljava/lang/Object;
+	public abstract fun initialize ()V
+	public abstract fun invalidate ()V
+	public abstract fun receiveEvent (IILjava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun receiveEvent (ILjava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun removeUIManagerEventListener (Lcom/facebook/react/bridge/UIManagerListener;)V
+	public abstract fun resolveCustomDirectEventName (Ljava/lang/String;)Ljava/lang/String;
+	public abstract fun resolveView (I)Landroid/view/View;
+	public abstract fun sendAccessibilityEvent (II)V
+	public abstract fun startSurface (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;II)I
+	public abstract fun stopSurface (I)V
+	public abstract fun synchronouslyUpdateViewOnUIThread (ILcom/facebook/react/bridge/ReadableMap;)V
+	public abstract fun updateRootLayoutSpecs (IIIII)V
+}
+
+public abstract interface class com/facebook/react/bridge/UIManagerListener {
+	public abstract fun didDispatchMountItems (Lcom/facebook/react/bridge/UIManager;)V
+	public abstract fun didMountItems (Lcom/facebook/react/bridge/UIManager;)V
+	public abstract fun didScheduleMountItems (Lcom/facebook/react/bridge/UIManager;)V
+	public abstract fun willDispatchViewUpdates (Lcom/facebook/react/bridge/UIManager;)V
+	public abstract fun willMountItems (Lcom/facebook/react/bridge/UIManager;)V
+}
+
+public abstract interface class com/facebook/react/bridge/UIManagerProvider {
+	public abstract fun createUIManager (Lcom/facebook/react/bridge/ReactApplicationContext;)Lcom/facebook/react/bridge/UIManager;
+}
+
+public class com/facebook/react/bridge/UiThreadUtil {
+	public fun <init> ()V
+	public static fun assertNotOnUiThread ()V
+	public static fun assertOnUiThread ()V
+	public static fun getUiThreadHandler ()Landroid/os/Handler;
+	public static fun isOnUiThread ()Z
+	public static fun removeOnUiThread (Ljava/lang/Runnable;)V
+	public static fun runOnUiThread (Ljava/lang/Runnable;)Z
+	public static fun runOnUiThread (Ljava/lang/Runnable;J)Z
+}
+
+public class com/facebook/react/bridge/UnexpectedNativeTypeException : java/lang/RuntimeException {
+	public fun <init> (Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/bridge/WindowFocusChangeListener {
+	public abstract fun onWindowFocusChange (Z)V
+}
+
+public abstract interface class com/facebook/react/bridge/WritableArray : com/facebook/react/bridge/ReadableArray {
+	public abstract fun pushArray (Lcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun pushBoolean (Z)V
+	public abstract fun pushDouble (D)V
+	public abstract fun pushInt (I)V
+	public abstract fun pushMap (Lcom/facebook/react/bridge/ReadableMap;)V
+	public abstract fun pushNull ()V
+	public abstract fun pushString (Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/bridge/WritableMap : com/facebook/react/bridge/ReadableMap {
+	public abstract fun copy ()Lcom/facebook/react/bridge/WritableMap;
+	public abstract fun merge (Lcom/facebook/react/bridge/ReadableMap;)V
+	public abstract fun putArray (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun putBoolean (Ljava/lang/String;Z)V
+	public abstract fun putDouble (Ljava/lang/String;D)V
+	public abstract fun putInt (Ljava/lang/String;I)V
+	public abstract fun putMap (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableMap;)V
+	public abstract fun putNull (Ljava/lang/String;)V
+	public abstract fun putString (Ljava/lang/String;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/bridge/WritableNativeArray : com/facebook/react/bridge/ReadableNativeArray, com/facebook/react/bridge/WritableArray {
+	public fun <init> ()V
+	public fun pushArray (Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun pushBoolean (Z)V
+	public fun pushDouble (D)V
+	public fun pushInt (I)V
+	public fun pushMap (Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun pushNull ()V
+	public fun pushString (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/bridge/WritableNativeMap : com/facebook/react/bridge/ReadableNativeMap, com/facebook/react/bridge/WritableMap {
+	public fun <init> ()V
+	public fun copy ()Lcom/facebook/react/bridge/WritableMap;
+	public fun merge (Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun putArray (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun putBoolean (Ljava/lang/String;Z)V
+	public fun putDouble (Ljava/lang/String;D)V
+	public fun putInt (Ljava/lang/String;I)V
+	public fun putMap (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun putNull (Ljava/lang/String;)V
+	public fun putString (Ljava/lang/String;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/bridge/interop/InteropModuleRegistry {
+	public fun <init> ()V
+	public fun getInteropModule (Ljava/lang/Class;)Lcom/facebook/react/bridge/JavaScriptModule;
+	public fun registerInteropModule (Ljava/lang/Class;Ljava/lang/Object;)V
+	public fun shouldReturnInteropModule (Ljava/lang/Class;)Z
+}
+
+public abstract interface class com/facebook/react/bridge/queue/MessageQueueThread {
+	public abstract fun assertIsOnThread ()V
+	public abstract fun assertIsOnThread (Ljava/lang/String;)V
+	public abstract fun callOnQueue (Ljava/util/concurrent/Callable;)Ljava/util/concurrent/Future;
+	public abstract fun getPerfStats ()Lcom/facebook/react/bridge/queue/MessageQueueThreadPerfStats;
+	public abstract fun isIdle ()Z
+	public abstract fun isOnThread ()Z
+	public abstract fun quitSynchronous ()V
+	public abstract fun resetPerfStats ()V
+	public abstract fun runOnQueue (Ljava/lang/Runnable;)Z
+}
+
+public class com/facebook/react/bridge/queue/MessageQueueThreadHandler : android/os/Handler {
+	public fun <init> (Landroid/os/Looper;Lcom/facebook/react/bridge/queue/QueueThreadExceptionHandler;)V
+	public fun dispatchMessage (Landroid/os/Message;)V
+}
+
+public class com/facebook/react/bridge/queue/MessageQueueThreadImpl : com/facebook/react/bridge/queue/MessageQueueThread {
+	public fun assertIsOnThread ()V
+	public fun assertIsOnThread (Ljava/lang/String;)V
+	public fun callOnQueue (Ljava/util/concurrent/Callable;)Ljava/util/concurrent/Future;
+	public static fun create (Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec;Lcom/facebook/react/bridge/queue/QueueThreadExceptionHandler;)Lcom/facebook/react/bridge/queue/MessageQueueThreadImpl;
+	public fun getLooper ()Landroid/os/Looper;
+	public fun getName ()Ljava/lang/String;
+	public fun getPerfStats ()Lcom/facebook/react/bridge/queue/MessageQueueThreadPerfStats;
+	public fun isIdle ()Z
+	public fun isOnThread ()Z
+	public fun quitSynchronous ()V
+	public fun resetPerfStats ()V
+	public fun runOnQueue (Ljava/lang/Runnable;)Z
+}
+
+public class com/facebook/react/bridge/queue/MessageQueueThreadPerfStats {
+	public field cpuTime J
+	public field wallTime J
+	public fun <init> ()V
+}
+
+public class com/facebook/react/bridge/queue/MessageQueueThreadSpec {
+	public static final field DEFAULT_STACK_SIZE_BYTES J
+	public fun getName ()Ljava/lang/String;
+	public fun getStackSize ()J
+	public fun getThreadType ()Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec$ThreadType;
+	public static fun mainThreadSpec ()Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec;
+	public static fun newBackgroundThreadSpec (Ljava/lang/String;)Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec;
+	public static fun newBackgroundThreadSpec (Ljava/lang/String;J)Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec;
+	public static fun newUIBackgroundTreadSpec (Ljava/lang/String;)Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec;
+}
+
+protected final class com/facebook/react/bridge/queue/MessageQueueThreadSpec$ThreadType : java/lang/Enum {
+	public static final field MAIN_UI Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec$ThreadType;
+	public static final field NEW_BACKGROUND Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec$ThreadType;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec$ThreadType;
+	public static fun values ()[Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec$ThreadType;
+}
+
+public abstract interface class com/facebook/react/bridge/queue/QueueThreadExceptionHandler {
+	public abstract fun handleException (Ljava/lang/Exception;)V
+}
+
+public abstract interface class com/facebook/react/bridge/queue/ReactQueueConfiguration {
+	public abstract fun destroy ()V
+	public abstract fun getJSQueueThread ()Lcom/facebook/react/bridge/queue/MessageQueueThread;
+	public abstract fun getNativeModulesQueueThread ()Lcom/facebook/react/bridge/queue/MessageQueueThread;
+	public abstract fun getUIQueueThread ()Lcom/facebook/react/bridge/queue/MessageQueueThread;
+}
+
+public class com/facebook/react/bridge/queue/ReactQueueConfigurationImpl : com/facebook/react/bridge/queue/ReactQueueConfiguration {
+	public static fun create (Lcom/facebook/react/bridge/queue/ReactQueueConfigurationSpec;Lcom/facebook/react/bridge/queue/QueueThreadExceptionHandler;)Lcom/facebook/react/bridge/queue/ReactQueueConfigurationImpl;
+	public fun destroy ()V
+	public fun getJSQueueThread ()Lcom/facebook/react/bridge/queue/MessageQueueThread;
+	public fun getNativeModulesQueueThread ()Lcom/facebook/react/bridge/queue/MessageQueueThread;
+	public fun getUIQueueThread ()Lcom/facebook/react/bridge/queue/MessageQueueThread;
+}
+
+public class com/facebook/react/bridge/queue/ReactQueueConfigurationSpec {
+	public static fun builder ()Lcom/facebook/react/bridge/queue/ReactQueueConfigurationSpec$Builder;
+	public static fun createDefault ()Lcom/facebook/react/bridge/queue/ReactQueueConfigurationSpec;
+	public fun getJSQueueThreadSpec ()Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec;
+	public fun getNativeModulesQueueThreadSpec ()Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec;
+}
+
+public class com/facebook/react/bridge/queue/ReactQueueConfigurationSpec$Builder {
+	public fun <init> ()V
+	public fun build ()Lcom/facebook/react/bridge/queue/ReactQueueConfigurationSpec;
+	public fun setJSQueueThreadSpec (Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec;)Lcom/facebook/react/bridge/queue/ReactQueueConfigurationSpec$Builder;
+	public fun setNativeModulesQueueThreadSpec (Lcom/facebook/react/bridge/queue/MessageQueueThreadSpec;)Lcom/facebook/react/bridge/queue/ReactQueueConfigurationSpec$Builder;
+}
+
+public class com/facebook/react/common/ClearableSynchronizedPool : androidx/core/util/Pools$Pool {
+	public fun <init> (I)V
+	public fun acquire ()Ljava/lang/Object;
+	public fun clear ()V
+	public fun release (Ljava/lang/Object;)Z
+}
+
+public class com/facebook/react/common/DebugServerException : java/lang/RuntimeException {
+	public fun <init> (Ljava/lang/String;)V
+	public fun <init> (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public fun getOriginalMessage ()Ljava/lang/String;
+	public static fun makeGeneric (Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;Ljava/lang/Throwable;)Lcom/facebook/react/common/DebugServerException;
+	public static fun makeGeneric (Ljava/lang/String;Ljava/lang/String;Ljava/lang/Throwable;)Lcom/facebook/react/common/DebugServerException;
+	public static fun parse (Ljava/lang/String;Ljava/lang/String;)Lcom/facebook/react/common/DebugServerException;
+}
+
+public abstract interface class com/facebook/react/common/HasJavascriptExceptionMetadata {
+	public abstract fun getExtraDataAsJson ()Ljava/lang/String;
+}
+
+public class com/facebook/react/common/JavascriptException : java/lang/RuntimeException, com/facebook/react/common/HasJavascriptExceptionMetadata {
+	public fun <init> (Ljava/lang/String;)V
+	public fun getExtraDataAsJson ()Ljava/lang/String;
+	public fun setExtraDataAsJson (Ljava/lang/String;)Lcom/facebook/react/common/JavascriptException;
+}
+
+public final class com/facebook/react/common/LifecycleState : java/lang/Enum {
+	public static final field BEFORE_CREATE Lcom/facebook/react/common/LifecycleState;
+	public static final field BEFORE_RESUME Lcom/facebook/react/common/LifecycleState;
+	public static final field RESUMED Lcom/facebook/react/common/LifecycleState;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/common/LifecycleState;
+	public static fun values ()[Lcom/facebook/react/common/LifecycleState;
+}
+
+public class com/facebook/react/common/LongArray {
+	public fun add (J)V
+	public static fun createWithInitialCapacity (I)Lcom/facebook/react/common/LongArray;
+	public fun dropTail (I)V
+	public fun get (I)J
+	public fun isEmpty ()Z
+	public fun set (IJ)V
+	public fun size ()I
+}
+
+public class com/facebook/react/common/MapBuilder {
+	public fun <init> ()V
+	public static fun builder ()Lcom/facebook/react/common/MapBuilder$Builder;
+	public static fun newHashMap ()Ljava/util/HashMap;
+	public static fun of ()Ljava/util/Map;
+	public static fun of (Ljava/lang/Object;Ljava/lang/Object;)Ljava/util/Map;
+	public static fun of (Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;)Ljava/util/Map;
+	public static fun of (Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;)Ljava/util/Map;
+	public static fun of (Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;)Ljava/util/Map;
+	public static fun of (Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;)Ljava/util/Map;
+	public static fun of (Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;)Ljava/util/Map;
+	public static fun of (Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;Ljava/lang/Object;)Ljava/util/Map;
+}
+
+public final class com/facebook/react/common/MapBuilder$Builder {
+	public fun build ()Ljava/util/Map;
+	public fun put (Ljava/lang/Object;Ljava/lang/Object;)Lcom/facebook/react/common/MapBuilder$Builder;
+}
+
+public class com/facebook/react/common/ReactConstants {
+	public static final field TAG Ljava/lang/String;
+	public static final field UNSET I
+	public fun <init> ()V
+}
+
+public class com/facebook/react/common/ShakeDetector : android/hardware/SensorEventListener {
+	public fun <init> (Lcom/facebook/react/common/ShakeDetector$ShakeListener;)V
+	public fun <init> (Lcom/facebook/react/common/ShakeDetector$ShakeListener;I)V
+	public fun onAccuracyChanged (Landroid/hardware/Sensor;I)V
+	public fun onSensorChanged (Landroid/hardware/SensorEvent;)V
+	public fun start (Landroid/hardware/SensorManager;)V
+	public fun stop ()V
+}
+
+public abstract interface class com/facebook/react/common/ShakeDetector$ShakeListener {
+	public abstract fun onShake ()V
+}
+
+public class com/facebook/react/common/SingleThreadAsserter {
+	public fun <init> ()V
+	public fun assertNow ()V
+}
+
+public final class com/facebook/react/common/StandardCharsets {
+	public static final field UTF_16 Ljava/nio/charset/Charset;
+	public static final field UTF_16BE Ljava/nio/charset/Charset;
+	public static final field UTF_16LE Ljava/nio/charset/Charset;
+	public static final field UTF_8 Ljava/nio/charset/Charset;
+}
+
+public abstract interface class com/facebook/react/common/SurfaceDelegate {
+	public abstract fun createContentView (Ljava/lang/String;)V
+	public abstract fun destroyContentView ()V
+	public abstract fun hide ()V
+	public abstract fun isContentViewReady ()Z
+	public abstract fun isShowing ()Z
+	public abstract fun show ()V
+}
+
+public abstract interface class com/facebook/react/common/SurfaceDelegateFactory {
+	public abstract fun createSurfaceDelegate (Ljava/lang/String;)Lcom/facebook/react/common/SurfaceDelegate;
+}
+
+public class com/facebook/react/common/SystemClock {
+	public fun <init> ()V
+	public static fun currentTimeMillis ()J
+	public static fun nanoTime ()J
+	public static fun uptimeMillis ()J
+}
+
+public abstract interface annotation class com/facebook/react/common/annotations/DeprecatedInNewArchitecture : java/lang/annotation/Annotation {
+	public abstract fun message ()Ljava/lang/String;
+}
+
+public abstract interface annotation class com/facebook/react/common/annotations/FrameworkAPI : java/lang/annotation/Annotation {
+}
+
+public abstract interface annotation class com/facebook/react/common/annotations/StableReactNativeAPI : java/lang/annotation/Annotation {
+}
+
+public abstract interface annotation class com/facebook/react/common/annotations/UnstableReactNativeAPI : java/lang/annotation/Annotation {
+}
+
+public abstract interface annotation class com/facebook/react/common/annotations/VisibleForTesting : java/lang/annotation/Annotation {
+}
+
+public class com/facebook/react/common/assets/ReactFontManager {
+	public fun addCustomFont (Landroid/content/Context;Ljava/lang/String;I)V
+	public fun addCustomFont (Ljava/lang/String;Landroid/graphics/Typeface;)V
+	public static fun getInstance ()Lcom/facebook/react/common/assets/ReactFontManager;
+	public fun getTypeface (Ljava/lang/String;IILandroid/content/res/AssetManager;)Landroid/graphics/Typeface;
+	public fun getTypeface (Ljava/lang/String;ILandroid/content/res/AssetManager;)Landroid/graphics/Typeface;
+	public fun getTypeface (Ljava/lang/String;IZLandroid/content/res/AssetManager;)Landroid/graphics/Typeface;
+	public fun getTypeface (Ljava/lang/String;Lcom/facebook/react/common/assets/ReactFontManager$TypefaceStyle;Landroid/content/res/AssetManager;)Landroid/graphics/Typeface;
+	public fun setTypeface (Ljava/lang/String;ILandroid/graphics/Typeface;)V
+}
+
+public class com/facebook/react/common/assets/ReactFontManager$TypefaceStyle {
+	public static final field BOLD I
+	public static final field NORMAL I
+	public fun <init> (I)V
+	public fun <init> (II)V
+	public fun <init> (IZ)V
+	public fun apply (Landroid/graphics/Typeface;)Landroid/graphics/Typeface;
+	public fun getNearestStyle ()I
+}
+
+public class com/facebook/react/common/build/ReactBuildConfig {
+	public static final field DEBUG Z
+	public static final field EXOPACKAGE_FLAGS I
+	public static final field IS_INTERNAL_BUILD Z
+	public fun <init> ()V
+}
+
+public class com/facebook/react/common/futures/SimpleSettableFuture : java/util/concurrent/Future {
+	public fun <init> ()V
+	public fun cancel (Z)Z
+	public fun get ()Ljava/lang/Object;
+	public fun get (JLjava/util/concurrent/TimeUnit;)Ljava/lang/Object;
+	public fun getOrThrow ()Ljava/lang/Object;
+	public fun getOrThrow (JLjava/util/concurrent/TimeUnit;)Ljava/lang/Object;
+	public fun isCancelled ()Z
+	public fun isDone ()Z
+	public fun set (Ljava/lang/Object;)V
+	public fun setException (Ljava/lang/Exception;)V
+}
+
+public abstract interface class com/facebook/react/common/mapbuffer/MapBuffer : java/lang/Iterable, kotlin/jvm/internal/markers/KMappedMarker {
+	public static final field Companion Lcom/facebook/react/common/mapbuffer/MapBuffer$Companion;
+	public abstract fun contains (I)Z
+	public abstract fun entryAt (I)Lcom/facebook/react/common/mapbuffer/MapBuffer$Entry;
+	public abstract fun getBoolean (I)Z
+	public abstract fun getCount ()I
+	public abstract fun getDouble (I)D
+	public abstract fun getInt (I)I
+	public abstract fun getKeyOffset (I)I
+	public abstract fun getMapBuffer (I)Lcom/facebook/react/common/mapbuffer/MapBuffer;
+	public abstract fun getMapBufferList (I)Ljava/util/List;
+	public abstract fun getString (I)Ljava/lang/String;
+	public abstract fun getType (I)Lcom/facebook/react/common/mapbuffer/MapBuffer$DataType;
+}
+
+public final class com/facebook/react/common/mapbuffer/MapBuffer$Companion {
+}
+
+public final class com/facebook/react/common/mapbuffer/MapBuffer$DataType : java/lang/Enum {
+	public static final field BOOL Lcom/facebook/react/common/mapbuffer/MapBuffer$DataType;
+	public static final field DOUBLE Lcom/facebook/react/common/mapbuffer/MapBuffer$DataType;
+	public static final field INT Lcom/facebook/react/common/mapbuffer/MapBuffer$DataType;
+	public static final field MAP Lcom/facebook/react/common/mapbuffer/MapBuffer$DataType;
+	public static final field STRING Lcom/facebook/react/common/mapbuffer/MapBuffer$DataType;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/common/mapbuffer/MapBuffer$DataType;
+	public static fun values ()[Lcom/facebook/react/common/mapbuffer/MapBuffer$DataType;
+}
+
+public abstract interface class com/facebook/react/common/mapbuffer/MapBuffer$Entry {
+	public abstract fun getBooleanValue ()Z
+	public abstract fun getDoubleValue ()D
+	public abstract fun getIntValue ()I
+	public abstract fun getKey ()I
+	public abstract fun getMapBufferValue ()Lcom/facebook/react/common/mapbuffer/MapBuffer;
+	public abstract fun getStringValue ()Ljava/lang/String;
+	public abstract fun getType ()Lcom/facebook/react/common/mapbuffer/MapBuffer$DataType;
+}
+
+public final class com/facebook/react/common/mapbuffer/MapBufferSoLoader {
+	public static final field INSTANCE Lcom/facebook/react/common/mapbuffer/MapBufferSoLoader;
+	public static final fun staticInit ()V
+}
+
+public final class com/facebook/react/common/mapbuffer/ReadableMapBuffer : com/facebook/react/common/mapbuffer/MapBuffer {
+	public static final field Companion Lcom/facebook/react/common/mapbuffer/ReadableMapBuffer$Companion;
+	public fun contains (I)Z
+	public fun entryAt (I)Lcom/facebook/react/common/mapbuffer/MapBuffer$Entry;
+	public fun equals (Ljava/lang/Object;)Z
+	public fun getBoolean (I)Z
+	public fun getCount ()I
+	public fun getDouble (I)D
+	public fun getInt (I)I
+	public fun getKeyOffset (I)I
+	public synthetic fun getMapBuffer (I)Lcom/facebook/react/common/mapbuffer/MapBuffer;
+	public fun getMapBuffer (I)Lcom/facebook/react/common/mapbuffer/ReadableMapBuffer;
+	public fun getMapBufferList (I)Ljava/util/List;
+	public fun getString (I)Ljava/lang/String;
+	public fun getType (I)Lcom/facebook/react/common/mapbuffer/MapBuffer$DataType;
+	public fun hashCode ()I
+	public fun iterator ()Ljava/util/Iterator;
+	public fun toString ()Ljava/lang/String;
+}
+
+public final class com/facebook/react/common/mapbuffer/ReadableMapBuffer$Companion {
+}
+
+public final class com/facebook/react/common/mapbuffer/WritableMapBuffer : com/facebook/react/common/mapbuffer/MapBuffer {
+	public fun <init> ()V
+	public fun contains (I)Z
+	public fun entryAt (I)Lcom/facebook/react/common/mapbuffer/MapBuffer$Entry;
+	public fun getBoolean (I)Z
+	public fun getCount ()I
+	public fun getDouble (I)D
+	public fun getInt (I)I
+	public fun getKeyOffset (I)I
+	public fun getMapBuffer (I)Lcom/facebook/react/common/mapbuffer/MapBuffer;
+	public fun getMapBufferList (I)Ljava/util/List;
+	public fun getString (I)Ljava/lang/String;
+	public fun getType (I)Lcom/facebook/react/common/mapbuffer/MapBuffer$DataType;
+	public fun iterator ()Ljava/util/Iterator;
+	public final fun put (ID)Lcom/facebook/react/common/mapbuffer/WritableMapBuffer;
+	public final fun put (II)Lcom/facebook/react/common/mapbuffer/WritableMapBuffer;
+	public final fun put (ILcom/facebook/react/common/mapbuffer/MapBuffer;)Lcom/facebook/react/common/mapbuffer/WritableMapBuffer;
+	public final fun put (ILjava/lang/String;)Lcom/facebook/react/common/mapbuffer/WritableMapBuffer;
+	public final fun put (IZ)Lcom/facebook/react/common/mapbuffer/WritableMapBuffer;
+}
+
+public class com/facebook/react/common/network/OkHttpCallUtil {
+	public static fun cancelTag (Lokhttp3/OkHttpClient;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/config/ReactFeatureFlags {
+	public static field calculateTransformedFramesEnabled Z
+	public static field dispatchPointerEvents Z
+	public static field enableBridgelessArchitecture Z
+	public static field enableBridgelessArchitectureNewCreateReloadDestroy Z
+	public static field enableBridgelessArchitectureSoftExceptions Z
+	public static field enableClonelessStateProgression Z
+	public static field enableCppPropsIteratorSetter Z
+	public static field enableEagerRootViewAttachment Z
+	public static field enableFabricLogs Z
+	public static field enableFabricPendingEventQueue Z
+	public static field enableFabricRenderer Z
+	public static field enableFabricRendererExclusively Z
+	public static field enableMountHooks Z
+	public static field enableRemoveDeleteTreeInstruction Z
+	public static field enableTextSpannableCache Z
+	public static field enableViewRecycling Z
+	public static field excludeYogaFromRawProps Z
+	public static field rejectTurboModulePromiseOnNativeError Z
+	public static field traceTurboModulePromiseRejections Z
+	public static field unstable_bridgelessArchitectureMemoryPressureHackyBoltsFix Z
+	public static field unstable_enableTurboModuleSyncVoidMethods Z
+	public static field unstable_useFabricInterop Z
+	public static field unstable_useTurboModuleInterop Z
+	public static field unstable_useTurboModuleInteropForAllTurboModules Z
+	public static field useNativeViewConfigsInBridgelessMode Z
+	public static field useTurboModules Z
+	public fun <init> ()V
+}
+
+public final class com/facebook/react/defaults/DefaultComponentsRegistry {
+	public static final field Companion Lcom/facebook/react/defaults/DefaultComponentsRegistry$Companion;
+	public synthetic fun <init> (Lcom/facebook/react/fabric/ComponentFactory;Lkotlin/jvm/internal/DefaultConstructorMarker;)V
+	public static final fun register (Lcom/facebook/react/fabric/ComponentFactory;)Lcom/facebook/react/defaults/DefaultComponentsRegistry;
+}
+
+public final class com/facebook/react/defaults/DefaultComponentsRegistry$Companion {
+	public final fun register (Lcom/facebook/react/fabric/ComponentFactory;)Lcom/facebook/react/defaults/DefaultComponentsRegistry;
+}
+
+public final class com/facebook/react/defaults/DefaultNewArchitectureEntryPoint {
+	public static final field INSTANCE Lcom/facebook/react/defaults/DefaultNewArchitectureEntryPoint;
+	public static final fun getBridgelessEnabled ()Z
+	public static final fun getConcurrentReactEnabled ()Z
+	public static final fun getFabricEnabled ()Z
+	public static final fun getTurboModulesEnabled ()Z
+	public static final fun load ()V
+	public static final fun load (Z)V
+	public static final fun load (ZZ)V
+	public static final fun load (ZZZ)V
+	public static synthetic fun load$default (ZZZILjava/lang/Object;)V
+}
+
+public class com/facebook/react/defaults/DefaultReactActivityDelegate : com/facebook/react/ReactActivityDelegate {
+	public fun <init> (Lcom/facebook/react/ReactActivity;Ljava/lang/String;Z)V
+	public synthetic fun <init> (Lcom/facebook/react/ReactActivity;Ljava/lang/String;ZILkotlin/jvm/internal/DefaultConstructorMarker;)V
+	public fun <init> (Lcom/facebook/react/ReactActivity;Ljava/lang/String;ZZ)V
+	protected fun createRootView ()Lcom/facebook/react/ReactRootView;
+	protected fun createRootView (Landroid/os/Bundle;)Lcom/facebook/react/ReactRootView;
+	protected fun isFabricEnabled ()Z
+}
+
+public final class com/facebook/react/defaults/DefaultReactHost {
+	public static final field INSTANCE Lcom/facebook/react/defaults/DefaultReactHost;
+	public static final fun getDefaultReactHost (Landroid/content/Context;Lcom/facebook/react/ReactNativeHost;)Lcom/facebook/react/ReactHost;
+	public static final fun getDefaultReactHost (Landroid/content/Context;Ljava/util/List;Ljava/lang/String;Ljava/lang/String;Z)Lcom/facebook/react/ReactHost;
+	public static synthetic fun getDefaultReactHost$default (Landroid/content/Context;Ljava/util/List;Ljava/lang/String;Ljava/lang/String;ZILjava/lang/Object;)Lcom/facebook/react/ReactHost;
+}
+
+public abstract class com/facebook/react/defaults/DefaultReactNativeHost : com/facebook/react/ReactNativeHost {
+	protected fun <init> (Landroid/app/Application;)V
+	protected fun getJSEngineResolutionAlgorithm ()Lcom/facebook/react/JSEngineResolutionAlgorithm;
+	protected fun getReactPackageTurboModuleManagerDelegateBuilder ()Lcom/facebook/react/ReactPackageTurboModuleManagerDelegate$Builder;
+	protected fun getUIManagerProvider ()Lcom/facebook/react/bridge/UIManagerProvider;
+	protected fun isHermesEnabled ()Ljava/lang/Boolean;
+	protected fun isNewArchEnabled ()Z
+	public final fun toReactHost (Landroid/content/Context;)Lcom/facebook/react/ReactHost;
+}
+
+public final class com/facebook/react/defaults/DefaultTurboModuleManagerDelegate : com/facebook/react/ReactPackageTurboModuleManagerDelegate {
+	public synthetic fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/util/List;Ljava/util/List;Lkotlin/jvm/internal/DefaultConstructorMarker;)V
+	public static final fun initHybrid (Ljava/util/List;)Lcom/facebook/jni/HybridData;
+}
+
+public final class com/facebook/react/defaults/DefaultTurboModuleManagerDelegate$Builder : com/facebook/react/ReactPackageTurboModuleManagerDelegate$Builder {
+	public fun <init> ()V
+	public final fun addCxxReactPackage (Lkotlin/jvm/functions/Function0;)Lcom/facebook/react/defaults/DefaultTurboModuleManagerDelegate$Builder;
+	public final fun addCxxReactPackage (Lkotlin/jvm/functions/Function1;)Lcom/facebook/react/defaults/DefaultTurboModuleManagerDelegate$Builder;
+	public synthetic fun build (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/util/List;)Lcom/facebook/react/ReactPackageTurboModuleManagerDelegate;
+}
+
+public final class com/facebook/react/devsupport/BridgeDevSupportManager : com/facebook/react/devsupport/DevSupportManagerBase {
+	public fun <init> (Landroid/content/Context;Lcom/facebook/react/devsupport/ReactInstanceDevHelper;Ljava/lang/String;ZLcom/facebook/react/devsupport/interfaces/RedBoxHandler;Lcom/facebook/react/devsupport/interfaces/DevBundleDownloadListener;ILjava/util/Map;Lcom/facebook/react/common/SurfaceDelegateFactory;Lcom/facebook/react/devsupport/interfaces/DevLoadingViewManager;)V
+	public fun handleReloadJS ()V
+	public fun loadSplitBundleFromServer (Ljava/lang/String;Lcom/facebook/react/devsupport/interfaces/DevSplitBundleCallback;)V
+}
+
+public class com/facebook/react/devsupport/BundleDownloader {
+	public fun <init> (Lokhttp3/OkHttpClient;)V
+	public fun downloadBundleFromURL (Lcom/facebook/react/devsupport/interfaces/DevBundleDownloadListener;Ljava/io/File;Ljava/lang/String;Lcom/facebook/react/devsupport/BundleDownloader$BundleInfo;)V
+	public fun downloadBundleFromURL (Lcom/facebook/react/devsupport/interfaces/DevBundleDownloadListener;Ljava/io/File;Ljava/lang/String;Lcom/facebook/react/devsupport/BundleDownloader$BundleInfo;Lokhttp3/Request$Builder;)V
+}
+
+public class com/facebook/react/devsupport/BundleDownloader$BundleInfo {
+	public fun <init> ()V
+	public static fun fromJSONString (Ljava/lang/String;)Lcom/facebook/react/devsupport/BundleDownloader$BundleInfo;
+	public fun getFilesChangedCount ()I
+	public fun getUrl ()Ljava/lang/String;
+	public fun toJSONString ()Ljava/lang/String;
+}
+
+public class com/facebook/react/devsupport/DefaultDevLoadingViewImplementation : com/facebook/react/devsupport/interfaces/DevLoadingViewManager {
+	public fun <init> (Lcom/facebook/react/devsupport/ReactInstanceDevHelper;)V
+	public fun hide ()V
+	public static fun setDevLoadingEnabled (Z)V
+	public fun showMessage (Ljava/lang/String;)V
+	public fun updateProgress (Ljava/lang/String;Ljava/lang/Integer;Ljava/lang/Integer;)V
+}
+
+public class com/facebook/react/devsupport/DefaultDevSupportManagerFactory : com/facebook/react/devsupport/DevSupportManagerFactory {
+	public fun <init> ()V
+	public fun create (Landroid/content/Context;Lcom/facebook/react/devsupport/ReactInstanceDevHelper;Ljava/lang/String;ZI)Lcom/facebook/react/devsupport/interfaces/DevSupportManager;
+	public fun create (Landroid/content/Context;Lcom/facebook/react/devsupport/ReactInstanceDevHelper;Ljava/lang/String;ZLcom/facebook/react/devsupport/interfaces/RedBoxHandler;Lcom/facebook/react/devsupport/interfaces/DevBundleDownloadListener;ILjava/util/Map;Lcom/facebook/react/common/SurfaceDelegateFactory;Lcom/facebook/react/devsupport/interfaces/DevLoadingViewManager;)Lcom/facebook/react/devsupport/interfaces/DevSupportManager;
+}
+
+public class com/facebook/react/devsupport/DevServerHelper {
+	public static final field RELOAD_APP_EXTRA_JS_PROXY Ljava/lang/String;
+	public fun <init> (Lcom/facebook/react/modules/debug/interfaces/DeveloperSettings;Ljava/lang/String;Lcom/facebook/react/packagerconnection/PackagerConnectionSettings;)V
+	public fun closeInspectorConnection ()V
+	public fun closePackagerConnection ()V
+	public fun disableDebugger ()V
+	public fun downloadBundleFromURL (Lcom/facebook/react/devsupport/interfaces/DevBundleDownloadListener;Ljava/io/File;Ljava/lang/String;Lcom/facebook/react/devsupport/BundleDownloader$BundleInfo;)V
+	public fun downloadBundleFromURL (Lcom/facebook/react/devsupport/interfaces/DevBundleDownloadListener;Ljava/io/File;Ljava/lang/String;Lcom/facebook/react/devsupport/BundleDownloader$BundleInfo;Lokhttp3/Request$Builder;)V
+	public fun downloadBundleResourceFromUrlSync (Ljava/lang/String;Ljava/io/File;)Ljava/io/File;
+	public fun getDevServerBundleURL (Ljava/lang/String;)Ljava/lang/String;
+	public fun getDevServerSplitBundleURL (Ljava/lang/String;)Ljava/lang/String;
+	public fun getJSBundleURLForRemoteDebugging (Ljava/lang/String;)Ljava/lang/String;
+	public fun getSourceMapUrl (Ljava/lang/String;)Ljava/lang/String;
+	public fun getSourceUrl (Ljava/lang/String;)Ljava/lang/String;
+	public fun getWebsocketProxyURL ()Ljava/lang/String;
+	public fun isPackagerRunning (Lcom/facebook/react/devsupport/interfaces/PackagerStatusCallback;)V
+	public fun launchJSDevtools ()V
+	public fun openDebugger (Lcom/facebook/react/bridge/ReactContext;Ljava/lang/String;)V
+	public fun openInspectorConnection ()V
+	public fun openPackagerConnection (Ljava/lang/String;Lcom/facebook/react/devsupport/DevServerHelper$PackagerCommandListener;)V
+}
+
+public abstract interface class com/facebook/react/devsupport/DevServerHelper$PackagerCommandListener {
+	public abstract fun customCommandHandlers ()Ljava/util/Map;
+	public abstract fun onCaptureHeapCommand (Lcom/facebook/react/packagerconnection/Responder;)V
+	public abstract fun onPackagerConnected ()V
+	public abstract fun onPackagerDevMenuCommand ()V
+	public abstract fun onPackagerDisconnected ()V
+	public abstract fun onPackagerReloadCommand ()V
+}
+
+public class com/facebook/react/devsupport/DevSettingsActivity : android/preference/PreferenceActivity {
+	public fun <init> ()V
+	public fun onCreate (Landroid/os/Bundle;)V
+}
+
+public abstract class com/facebook/react/devsupport/DevSupportManagerBase : com/facebook/react/devsupport/interfaces/DevSupportManager {
+	public fun <init> (Landroid/content/Context;Lcom/facebook/react/devsupport/ReactInstanceDevHelper;Ljava/lang/String;ZLcom/facebook/react/devsupport/interfaces/RedBoxHandler;Lcom/facebook/react/devsupport/interfaces/DevBundleDownloadListener;ILjava/util/Map;Lcom/facebook/react/common/SurfaceDelegateFactory;Lcom/facebook/react/devsupport/interfaces/DevLoadingViewManager;)V
+	public fun addCustomDevOption (Ljava/lang/String;Lcom/facebook/react/devsupport/interfaces/DevOptionHandler;)V
+	public fun createRootView (Ljava/lang/String;)Landroid/view/View;
+	public fun createSurfaceDelegate (Ljava/lang/String;)Lcom/facebook/react/common/SurfaceDelegate;
+	public fun destroyRootView (Landroid/view/View;)V
+	public fun downloadBundleResourceFromUrlSync (Ljava/lang/String;Ljava/io/File;)Ljava/io/File;
+	public fun fetchSplitBundleAndCreateBundleLoader (Ljava/lang/String;Lcom/facebook/react/devsupport/DevSupportManagerBase$CallbackWithBundleLoader;)V
+	protected fun getApplicationContext ()Landroid/content/Context;
+	public fun getCurrentActivity ()Landroid/app/Activity;
+	protected fun getCurrentContext ()Lcom/facebook/react/bridge/ReactContext;
+	public fun getDevLoadingViewManager ()Lcom/facebook/react/devsupport/interfaces/DevLoadingViewManager;
+	public fun getDevServerHelper ()Lcom/facebook/react/devsupport/DevServerHelper;
+	public fun getDevSettings ()Lcom/facebook/react/devsupport/DevInternalSettings;
+	public synthetic fun getDevSettings ()Lcom/facebook/react/modules/debug/interfaces/DeveloperSettings;
+	public fun getDevSupportEnabled ()Z
+	public fun getDownloadedJSBundleFile ()Ljava/lang/String;
+	public fun getJSAppBundleName ()Ljava/lang/String;
+	public fun getJSBundleURLForRemoteDebugging ()Ljava/lang/String;
+	public fun getLastErrorCookie ()I
+	public fun getLastErrorStack ()[Lcom/facebook/react/devsupport/interfaces/StackFrame;
+	public fun getLastErrorTitle ()Ljava/lang/String;
+	public fun getLastErrorType ()Lcom/facebook/react/devsupport/interfaces/ErrorType;
+	public fun getReactInstanceDevHelper ()Lcom/facebook/react/devsupport/ReactInstanceDevHelper;
+	public fun getRedBoxHandler ()Lcom/facebook/react/devsupport/interfaces/RedBoxHandler;
+	public fun getSourceMapUrl ()Ljava/lang/String;
+	public fun getSourceUrl ()Ljava/lang/String;
+	protected abstract fun getUniqueTag ()Ljava/lang/String;
+	public fun handleException (Ljava/lang/Exception;)V
+	public fun hasUpToDateJSBundleInCache ()Z
+	protected fun hideDevLoadingView ()V
+	public fun hideRedboxDialog ()V
+	public fun isPackagerRunning (Lcom/facebook/react/devsupport/interfaces/PackagerStatusCallback;)V
+	public fun onNewReactContextCreated (Lcom/facebook/react/bridge/ReactContext;)V
+	public fun onReactInstanceDestroyed (Lcom/facebook/react/bridge/ReactContext;)V
+	public fun processErrorCustomizers (Landroid/util/Pair;)Landroid/util/Pair;
+	public fun registerErrorCustomizer (Lcom/facebook/react/devsupport/interfaces/ErrorCustomizer;)V
+	public fun reloadJSFromServer (Ljava/lang/String;)V
+	public fun reloadJSFromServer (Ljava/lang/String;Lcom/facebook/react/devsupport/interfaces/BundleLoadCallback;)V
+	public fun reloadSettings ()V
+	public fun setDevSupportEnabled (Z)V
+	public fun setFpsDebugEnabled (Z)V
+	public fun setHotModuleReplacementEnabled (Z)V
+	public fun setPackagerLocationCustomizer (Lcom/facebook/react/devsupport/interfaces/DevSupportManager$PackagerLocationCustomizer;)V
+	public fun setRemoteJSDebugEnabled (Z)V
+	protected fun showDevLoadingViewForRemoteJSEnabled ()V
+	public fun showDevOptionsDialog ()V
+	public fun showNewJSError (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;I)V
+	public fun showNewJavaError (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public fun startInspector ()V
+	public fun stopInspector ()V
+	public fun toggleElementInspector ()V
+	public fun updateJSError (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;I)V
+}
+
+public abstract interface class com/facebook/react/devsupport/DevSupportManagerBase$CallbackWithBundleLoader {
+	public abstract fun onError (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public abstract fun onSuccess (Lcom/facebook/react/bridge/JSBundleLoader;)V
+}
+
+public abstract interface class com/facebook/react/devsupport/DevSupportManagerFactory {
+	public abstract fun create (Landroid/content/Context;Lcom/facebook/react/devsupport/ReactInstanceDevHelper;Ljava/lang/String;ZLcom/facebook/react/devsupport/interfaces/RedBoxHandler;Lcom/facebook/react/devsupport/interfaces/DevBundleDownloadListener;ILjava/util/Map;Lcom/facebook/react/common/SurfaceDelegateFactory;Lcom/facebook/react/devsupport/interfaces/DevLoadingViewManager;)Lcom/facebook/react/devsupport/interfaces/DevSupportManager;
+}
+
+public class com/facebook/react/devsupport/DisabledDevSupportManager : com/facebook/react/devsupport/interfaces/DevSupportManager {
+	public fun <init> ()V
+	public fun addCustomDevOption (Ljava/lang/String;Lcom/facebook/react/devsupport/interfaces/DevOptionHandler;)V
+	public fun createRootView (Ljava/lang/String;)Landroid/view/View;
+	public fun createSurfaceDelegate (Ljava/lang/String;)Lcom/facebook/react/common/SurfaceDelegate;
+	public fun destroyRootView (Landroid/view/View;)V
+	public fun downloadBundleResourceFromUrlSync (Ljava/lang/String;Ljava/io/File;)Ljava/io/File;
+	public fun getCurrentActivity ()Landroid/app/Activity;
+	public fun getDevSettings ()Lcom/facebook/react/modules/debug/interfaces/DeveloperSettings;
+	public fun getDevSupportEnabled ()Z
+	public fun getDownloadedJSBundleFile ()Ljava/lang/String;
+	public fun getJSBundleURLForRemoteDebugging ()Ljava/lang/String;
+	public fun getLastErrorCookie ()I
+	public fun getLastErrorStack ()[Lcom/facebook/react/devsupport/interfaces/StackFrame;
+	public fun getLastErrorTitle ()Ljava/lang/String;
+	public fun getLastErrorType ()Lcom/facebook/react/devsupport/interfaces/ErrorType;
+	public fun getRedBoxHandler ()Lcom/facebook/react/devsupport/interfaces/RedBoxHandler;
+	public fun getSourceMapUrl ()Ljava/lang/String;
+	public fun getSourceUrl ()Ljava/lang/String;
+	public fun handleException (Ljava/lang/Exception;)V
+	public fun handleReloadJS ()V
+	public fun hasUpToDateJSBundleInCache ()Z
+	public fun hideRedboxDialog ()V
+	public fun isPackagerRunning (Lcom/facebook/react/devsupport/interfaces/PackagerStatusCallback;)V
+	public fun loadSplitBundleFromServer (Ljava/lang/String;Lcom/facebook/react/devsupport/interfaces/DevSplitBundleCallback;)V
+	public fun onNewReactContextCreated (Lcom/facebook/react/bridge/ReactContext;)V
+	public fun onReactInstanceDestroyed (Lcom/facebook/react/bridge/ReactContext;)V
+	public fun processErrorCustomizers (Landroid/util/Pair;)Landroid/util/Pair;
+	public fun registerErrorCustomizer (Lcom/facebook/react/devsupport/interfaces/ErrorCustomizer;)V
+	public fun reloadJSFromServer (Ljava/lang/String;)V
+	public fun reloadJSFromServer (Ljava/lang/String;Lcom/facebook/react/devsupport/interfaces/BundleLoadCallback;)V
+	public fun reloadSettings ()V
+	public fun setDevSupportEnabled (Z)V
+	public fun setFpsDebugEnabled (Z)V
+	public fun setHotModuleReplacementEnabled (Z)V
+	public fun setPackagerLocationCustomizer (Lcom/facebook/react/devsupport/interfaces/DevSupportManager$PackagerLocationCustomizer;)V
+	public fun setRemoteJSDebugEnabled (Z)V
+	public fun showDevOptionsDialog ()V
+	public fun showNewJSError (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;I)V
+	public fun showNewJavaError (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public fun startInspector ()V
+	public fun stopInspector ()V
+	public fun toggleElementInspector ()V
+	public fun updateJSError (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;I)V
+}
+
+public class com/facebook/react/devsupport/DoubleTapReloadRecognizer {
+	public fun <init> ()V
+	public fun didDoubleTapR (ILandroid/view/View;)Z
+}
+
+public abstract interface class com/facebook/react/devsupport/HMRClient : com/facebook/react/bridge/JavaScriptModule {
+	public abstract fun disable ()V
+	public abstract fun enable ()V
+	public abstract fun registerBundle (Ljava/lang/String;)V
+	public abstract fun setup (Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;IZ)V
+}
+
+public class com/facebook/react/devsupport/InspectorFlags {
+	public static fun getEnableCxxInspectorPackagerConnection ()Z
+	public static fun getEnableModernCDPRegistry ()Z
+}
+
+public class com/facebook/react/devsupport/InspectorPackagerConnection : com/facebook/react/devsupport/IInspectorPackagerConnection {
+	public fun <init> (Ljava/lang/String;Ljava/lang/String;)V
+	public fun closeQuietly ()V
+	public fun connect ()V
+	public fun sendEventToAllConnections (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/devsupport/JSCHeapCapture : com/facebook/fbreact/specs/NativeJSCHeapCaptureSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun captureComplete (Ljava/lang/String;Ljava/lang/String;)V
+	public fun captureHeap (Ljava/lang/String;Lcom/facebook/react/devsupport/JSCHeapCapture$CaptureCallback;)V
+}
+
+public abstract interface class com/facebook/react/devsupport/JSCHeapCapture$CaptureCallback {
+	public abstract fun onFailure (Lcom/facebook/react/devsupport/JSCHeapCapture$CaptureException;)V
+	public abstract fun onSuccess (Ljava/io/File;)V
+}
+
+public class com/facebook/react/devsupport/JSCHeapCapture$CaptureException : java/lang/Exception {
+}
+
+public abstract interface class com/facebook/react/devsupport/JSCHeapCapture$HeapCapture : com/facebook/react/bridge/JavaScriptModule {
+	public abstract fun captureHeap (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/devsupport/JSDebuggerWebSocketClient : okhttp3/WebSocketListener {
+	public fun <init> ()V
+	public fun closeQuietly ()V
+	public fun connect (Ljava/lang/String;Lcom/facebook/react/devsupport/JSDebuggerWebSocketClient$JSDebuggerCallback;)V
+	public fun executeJSCall (Ljava/lang/String;Ljava/lang/String;Lcom/facebook/react/devsupport/JSDebuggerWebSocketClient$JSDebuggerCallback;)V
+	public fun loadBundle (Ljava/lang/String;Ljava/util/HashMap;Lcom/facebook/react/devsupport/JSDebuggerWebSocketClient$JSDebuggerCallback;)V
+	public fun onClosed (Lokhttp3/WebSocket;ILjava/lang/String;)V
+	public fun onFailure (Lokhttp3/WebSocket;Ljava/lang/Throwable;Lokhttp3/Response;)V
+	public fun onMessage (Lokhttp3/WebSocket;Ljava/lang/String;)V
+	public fun onOpen (Lokhttp3/WebSocket;Lokhttp3/Response;)V
+	public fun prepareJSRuntime (Lcom/facebook/react/devsupport/JSDebuggerWebSocketClient$JSDebuggerCallback;)V
+}
+
+public abstract interface class com/facebook/react/devsupport/JSDebuggerWebSocketClient$JSDebuggerCallback {
+	public abstract fun onFailure (Ljava/lang/Throwable;)V
+	public abstract fun onSuccess (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/devsupport/LogBoxModule : com/facebook/fbreact/specs/NativeLogBoxSpec {
+	public static final field NAME Ljava/lang/String;
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/devsupport/interfaces/DevSupportManager;)V
+	public fun hide ()V
+	public fun invalidate ()V
+	public fun show ()V
+}
+
+public class com/facebook/react/devsupport/PackagerStatusCheck {
+	public fun <init> ()V
+	public fun <init> (Lokhttp3/OkHttpClient;)V
+	public fun run (Ljava/lang/String;Lcom/facebook/react/devsupport/interfaces/PackagerStatusCallback;)V
+}
+
+public final class com/facebook/react/devsupport/PerftestDevSupportManager : com/facebook/react/devsupport/DisabledDevSupportManager {
+	public fun <init> (Landroid/content/Context;)V
+	public fun getDevSettings ()Lcom/facebook/react/devsupport/DevInternalSettings;
+	public synthetic fun getDevSettings ()Lcom/facebook/react/modules/debug/interfaces/DeveloperSettings;
+	public fun startInspector ()V
+	public fun stopInspector ()V
+}
+
+public abstract interface class com/facebook/react/devsupport/ReactInstanceDevHelper {
+	public abstract fun createRootView (Ljava/lang/String;)Landroid/view/View;
+	public abstract fun destroyRootView (Landroid/view/View;)V
+	public abstract fun getCurrentActivity ()Landroid/app/Activity;
+	public abstract fun getJavaScriptExecutorFactory ()Lcom/facebook/react/bridge/JavaScriptExecutorFactory;
+	public abstract fun onJSBundleLoadedFromServer ()V
+	public abstract fun onReloadWithJSDebugger (Lcom/facebook/react/bridge/JavaJSExecutor$Factory;)V
+	public abstract fun toggleElementInspector ()V
+}
+
+public class com/facebook/react/devsupport/RedBoxContentView : android/widget/LinearLayout, android/widget/AdapterView$OnItemClickListener {
+	public fun <init> (Landroid/content/Context;)V
+	public fun init ()V
+	public fun onItemClick (Landroid/widget/AdapterView;Landroid/view/View;IJ)V
+	public fun refreshContentView ()V
+	public fun resetReporting ()V
+	public fun setDevSupportManager (Lcom/facebook/react/devsupport/interfaces/DevSupportManager;)Lcom/facebook/react/devsupport/RedBoxContentView;
+	public fun setExceptionDetails (Ljava/lang/String;[Lcom/facebook/react/devsupport/interfaces/StackFrame;)V
+	public fun setRedBoxHandler (Lcom/facebook/react/devsupport/interfaces/RedBoxHandler;)Lcom/facebook/react/devsupport/RedBoxContentView;
+}
+
+public class com/facebook/react/devsupport/StackTraceHelper {
+	public static final field COLUMN_KEY Ljava/lang/String;
+	public static final field LINE_NUMBER_KEY Ljava/lang/String;
+	public fun <init> ()V
+	public static fun convertJavaStackTrace (Ljava/lang/Throwable;)[Lcom/facebook/react/devsupport/interfaces/StackFrame;
+	public static fun convertJsStackTrace (Lcom/facebook/react/bridge/ReadableArray;)[Lcom/facebook/react/devsupport/interfaces/StackFrame;
+	public static fun convertJsStackTrace (Ljava/lang/String;)[Lcom/facebook/react/devsupport/interfaces/StackFrame;
+	public static fun convertJsStackTrace (Lorg/json/JSONArray;)[Lcom/facebook/react/devsupport/interfaces/StackFrame;
+	public static fun formatFrameSource (Lcom/facebook/react/devsupport/interfaces/StackFrame;)Ljava/lang/String;
+	public static fun formatStackTrace (Ljava/lang/String;[Lcom/facebook/react/devsupport/interfaces/StackFrame;)Ljava/lang/String;
+}
+
+public class com/facebook/react/devsupport/StackTraceHelper$StackFrameImpl : com/facebook/react/devsupport/interfaces/StackFrame {
+	public fun getColumn ()I
+	public fun getFile ()Ljava/lang/String;
+	public fun getFileName ()Ljava/lang/String;
+	public fun getLine ()I
+	public fun getMethod ()Ljava/lang/String;
+	public fun isCollapsed ()Z
+	public fun toJSON ()Lorg/json/JSONObject;
+}
+
+public class com/facebook/react/devsupport/WebsocketJavaScriptExecutor : com/facebook/react/bridge/JavaJSExecutor {
+	public fun <init> ()V
+	public fun close ()V
+	public fun connect (Ljava/lang/String;Lcom/facebook/react/devsupport/WebsocketJavaScriptExecutor$JSExecutorConnectCallback;)V
+	public fun executeJSCall (Ljava/lang/String;Ljava/lang/String;)Ljava/lang/String;
+	public fun loadBundle (Ljava/lang/String;)V
+	public fun setGlobalVariable (Ljava/lang/String;Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/devsupport/WebsocketJavaScriptExecutor$JSExecutorConnectCallback {
+	public abstract fun onFailure (Ljava/lang/Throwable;)V
+	public abstract fun onSuccess ()V
+}
+
+public class com/facebook/react/devsupport/WebsocketJavaScriptExecutor$WebsocketExecutorTimeoutException : java/lang/Exception {
+	public fun <init> (Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/BundleLoadCallback {
+	public abstract fun onSuccess ()V
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/DevBundleDownloadListener {
+	public abstract fun onFailure (Ljava/lang/Exception;)V
+	public abstract fun onProgress (Ljava/lang/String;Ljava/lang/Integer;Ljava/lang/Integer;)V
+	public abstract fun onSuccess ()V
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/DevLoadingViewManager {
+	public abstract fun hide ()V
+	public abstract fun showMessage (Ljava/lang/String;)V
+	public abstract fun updateProgress (Ljava/lang/String;Ljava/lang/Integer;Ljava/lang/Integer;)V
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/DevOptionHandler {
+	public abstract fun onOptionSelected ()V
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/DevSplitBundleCallback {
+	public abstract fun onError (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public abstract fun onSuccess ()V
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/DevSupportManager : com/facebook/react/bridge/JSExceptionHandler {
+	public abstract fun addCustomDevOption (Ljava/lang/String;Lcom/facebook/react/devsupport/interfaces/DevOptionHandler;)V
+	public abstract fun createRootView (Ljava/lang/String;)Landroid/view/View;
+	public abstract fun createSurfaceDelegate (Ljava/lang/String;)Lcom/facebook/react/common/SurfaceDelegate;
+	public abstract fun destroyRootView (Landroid/view/View;)V
+	public abstract fun downloadBundleResourceFromUrlSync (Ljava/lang/String;Ljava/io/File;)Ljava/io/File;
+	public abstract fun getCurrentActivity ()Landroid/app/Activity;
+	public abstract fun getDevSettings ()Lcom/facebook/react/modules/debug/interfaces/DeveloperSettings;
+	public abstract fun getDevSupportEnabled ()Z
+	public abstract fun getDownloadedJSBundleFile ()Ljava/lang/String;
+	public abstract fun getJSBundleURLForRemoteDebugging ()Ljava/lang/String;
+	public abstract fun getLastErrorCookie ()I
+	public abstract fun getLastErrorStack ()[Lcom/facebook/react/devsupport/interfaces/StackFrame;
+	public abstract fun getLastErrorTitle ()Ljava/lang/String;
+	public abstract fun getLastErrorType ()Lcom/facebook/react/devsupport/interfaces/ErrorType;
+	public abstract fun getRedBoxHandler ()Lcom/facebook/react/devsupport/interfaces/RedBoxHandler;
+	public abstract fun getSourceMapUrl ()Ljava/lang/String;
+	public abstract fun getSourceUrl ()Ljava/lang/String;
+	public abstract fun handleReloadJS ()V
+	public abstract fun hasUpToDateJSBundleInCache ()Z
+	public abstract fun hideRedboxDialog ()V
+	public abstract fun isPackagerRunning (Lcom/facebook/react/devsupport/interfaces/PackagerStatusCallback;)V
+	public abstract fun loadSplitBundleFromServer (Ljava/lang/String;Lcom/facebook/react/devsupport/interfaces/DevSplitBundleCallback;)V
+	public abstract fun onNewReactContextCreated (Lcom/facebook/react/bridge/ReactContext;)V
+	public abstract fun onReactInstanceDestroyed (Lcom/facebook/react/bridge/ReactContext;)V
+	public abstract fun processErrorCustomizers (Landroid/util/Pair;)Landroid/util/Pair;
+	public abstract fun registerErrorCustomizer (Lcom/facebook/react/devsupport/interfaces/ErrorCustomizer;)V
+	public abstract fun reloadJSFromServer (Ljava/lang/String;)V
+	public abstract fun reloadJSFromServer (Ljava/lang/String;Lcom/facebook/react/devsupport/interfaces/BundleLoadCallback;)V
+	public abstract fun reloadSettings ()V
+	public abstract fun setDevSupportEnabled (Z)V
+	public abstract fun setFpsDebugEnabled (Z)V
+	public abstract fun setHotModuleReplacementEnabled (Z)V
+	public abstract fun setPackagerLocationCustomizer (Lcom/facebook/react/devsupport/interfaces/DevSupportManager$PackagerLocationCustomizer;)V
+	public abstract fun setRemoteJSDebugEnabled (Z)V
+	public abstract fun showDevOptionsDialog ()V
+	public abstract fun showNewJSError (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;I)V
+	public abstract fun showNewJavaError (Ljava/lang/String;Ljava/lang/Throwable;)V
+	public abstract fun startInspector ()V
+	public abstract fun stopInspector ()V
+	public abstract fun toggleElementInspector ()V
+	public abstract fun updateJSError (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;I)V
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/DevSupportManager$PackagerLocationCustomizer {
+	public abstract fun run (Ljava/lang/Runnable;)V
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/ErrorCustomizer {
+	public abstract fun customizeErrorInfo (Landroid/util/Pair;)Landroid/util/Pair;
+}
+
+public final class com/facebook/react/devsupport/interfaces/ErrorType : java/lang/Enum {
+	public static final field JS Lcom/facebook/react/devsupport/interfaces/ErrorType;
+	public static final field NATIVE Lcom/facebook/react/devsupport/interfaces/ErrorType;
+	public fun getName ()Ljava/lang/String;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/devsupport/interfaces/ErrorType;
+	public static fun values ()[Lcom/facebook/react/devsupport/interfaces/ErrorType;
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/PackagerStatusCallback {
+	public abstract fun onPackagerStatusFetched (Z)V
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/RedBoxHandler {
+	public abstract fun handleRedbox (Ljava/lang/String;[Lcom/facebook/react/devsupport/interfaces/StackFrame;Lcom/facebook/react/devsupport/interfaces/ErrorType;)V
+	public abstract fun isReportEnabled ()Z
+	public abstract fun reportRedbox (Landroid/content/Context;Ljava/lang/String;[Lcom/facebook/react/devsupport/interfaces/StackFrame;Ljava/lang/String;Lcom/facebook/react/devsupport/interfaces/RedBoxHandler$ReportCompletedListener;)V
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/RedBoxHandler$ReportCompletedListener {
+	public abstract fun onReportError (Landroid/text/SpannedString;)V
+	public abstract fun onReportSuccess (Landroid/text/SpannedString;)V
+}
+
+public abstract interface class com/facebook/react/devsupport/interfaces/StackFrame {
+	public abstract fun getColumn ()I
+	public abstract fun getFile ()Ljava/lang/String;
+	public abstract fun getFileName ()Ljava/lang/String;
+	public abstract fun getLine ()I
+	public abstract fun getMethod ()Ljava/lang/String;
+	public abstract fun isCollapsed ()Z
+	public abstract fun toJSON ()Lorg/json/JSONObject;
+}
+
+public abstract interface class com/facebook/react/fabric/Binding {
+	public abstract fun driveCxxAnimations ()V
+	public abstract fun getInspectorDataForInstance (Lcom/facebook/react/fabric/events/EventEmitterWrapper;)Lcom/facebook/react/bridge/ReadableNativeMap;
+	public abstract fun register (Lcom/facebook/react/bridge/RuntimeExecutor;Lcom/facebook/react/bridge/RuntimeScheduler;Lcom/facebook/react/fabric/FabricUIManager;Lcom/facebook/react/fabric/events/EventBeatManager;Lcom/facebook/react/fabric/ComponentFactory;Lcom/facebook/react/fabric/ReactNativeConfig;)V
+	public abstract fun registerSurface (Lcom/facebook/react/fabric/SurfaceHandlerBinding;)V
+	public abstract fun reportMount (I)V
+	public abstract fun setConstraints (IFFFFFFZZ)V
+	public abstract fun setPixelDensity (F)V
+	public abstract fun startSurface (ILjava/lang/String;Lcom/facebook/react/bridge/NativeMap;)V
+	public abstract fun startSurfaceWithConstraints (ILjava/lang/String;Lcom/facebook/react/bridge/NativeMap;FFFFFFZZ)V
+	public abstract fun stopSurface (I)V
+	public abstract fun unregister ()V
+	public abstract fun unregisterSurface (Lcom/facebook/react/fabric/SurfaceHandlerBinding;)V
+}
+
+public class com/facebook/react/fabric/BindingImpl : com/facebook/react/fabric/Binding {
+	public fun <init> ()V
+	public fun driveCxxAnimations ()V
+	public fun getInspectorDataForInstance (Lcom/facebook/react/fabric/events/EventEmitterWrapper;)Lcom/facebook/react/bridge/ReadableNativeMap;
+	public fun register (Lcom/facebook/react/bridge/RuntimeExecutor;Lcom/facebook/react/bridge/RuntimeScheduler;Lcom/facebook/react/fabric/FabricUIManager;Lcom/facebook/react/fabric/events/EventBeatManager;Lcom/facebook/react/fabric/ComponentFactory;Lcom/facebook/react/fabric/ReactNativeConfig;)V
+	public fun registerSurface (Lcom/facebook/react/fabric/SurfaceHandlerBinding;)V
+	public fun reportMount (I)V
+	public fun setConstraints (IFFFFFFZZ)V
+	public fun setPixelDensity (F)V
+	public fun startSurface (ILjava/lang/String;Lcom/facebook/react/bridge/NativeMap;)V
+	public fun startSurfaceWithConstraints (ILjava/lang/String;Lcom/facebook/react/bridge/NativeMap;FFFFFFZZ)V
+	public fun stopSurface (I)V
+	public fun unregister ()V
+	public fun unregisterSurface (Lcom/facebook/react/fabric/SurfaceHandlerBinding;)V
+}
+
+public class com/facebook/react/fabric/ComponentFactory {
+	public fun <init> ()V
+}
+
+public class com/facebook/react/fabric/CoreComponentsRegistry {
+	public static fun register (Lcom/facebook/react/fabric/ComponentFactory;)Lcom/facebook/react/fabric/CoreComponentsRegistry;
+}
+
+public class com/facebook/react/fabric/DevToolsReactPerfLogger : com/facebook/react/bridge/ReactMarker$FabricMarkerListener {
+	public static final field mStreamingBatchExecutionStats Lcom/facebook/react/fabric/LongStreamingStats;
+	public static final field mStreamingCommitStats Lcom/facebook/react/fabric/LongStreamingStats;
+	public static final field mStreamingDiffStats Lcom/facebook/react/fabric/LongStreamingStats;
+	public static final field mStreamingLayoutStats Lcom/facebook/react/fabric/LongStreamingStats;
+	public static final field mStreamingTransactionEndStats Lcom/facebook/react/fabric/LongStreamingStats;
+	public fun <init> ()V
+	public fun addDevToolsReactPerfLoggerListener (Lcom/facebook/react/fabric/DevToolsReactPerfLogger$DevToolsReactPerfLoggerListener;)V
+	public fun logFabricMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;Ljava/lang/String;IJ)V
+	public fun logFabricMarker (Lcom/facebook/react/bridge/ReactMarkerConstants;Ljava/lang/String;IJI)V
+	public fun removeDevToolsReactPerfLoggerListener (Lcom/facebook/react/fabric/DevToolsReactPerfLogger$DevToolsReactPerfLoggerListener;)V
+}
+
+public abstract interface class com/facebook/react/fabric/DevToolsReactPerfLogger$DevToolsReactPerfLoggerListener {
+	public abstract fun onFabricCommitEnd (Lcom/facebook/react/fabric/DevToolsReactPerfLogger$FabricCommitPoint;)V
+}
+
+public class com/facebook/react/fabric/DevToolsReactPerfLogger$FabricCommitPoint {
+	public fun getAffectedLayoutNodesCount ()I
+	public fun getAffectedLayoutNodesCountTime ()J
+	public fun getBatchExecutionDuration ()J
+	public fun getBatchExecutionEnd ()J
+	public fun getBatchExecutionStart ()J
+	public fun getCommitDuration ()J
+	public fun getCommitEnd ()J
+	public fun getCommitNumber ()J
+	public fun getCommitStart ()J
+	public fun getDiffDuration ()J
+	public fun getDiffEnd ()J
+	public fun getDiffStart ()J
+	public fun getFinishTransactionEnd ()J
+	public fun getFinishTransactionStart ()J
+	public fun getLayoutDuration ()J
+	public fun getLayoutEnd ()J
+	public fun getLayoutStart ()J
+	public fun getTransactionEndDuration ()J
+	public fun getUpdateUIMainThreadEnd ()J
+	public fun getUpdateUIMainThreadStart ()J
+	public fun toString ()Ljava/lang/String;
+}
+
+public class com/facebook/react/fabric/DevToolsReactPerfLogger$FabricCommitPointData {
+	public fun <init> (JI)V
+	public fun getCounter ()I
+	public fun getTimeStamp ()J
+}
+
+public final class com/facebook/react/fabric/EmptyReactNativeConfig : com/facebook/react/fabric/ReactNativeConfig {
+	public fun <init> ()V
+	public fun getBool (Ljava/lang/String;)Z
+	public fun getDouble (Ljava/lang/String;)D
+	public fun getInt64 (Ljava/lang/String;)J
+	public fun getString (Ljava/lang/String;)Ljava/lang/String;
+}
+
+public class com/facebook/react/fabric/FabricComponents {
+	public fun <init> ()V
+	public static fun getFabricComponentName (Ljava/lang/String;)Ljava/lang/String;
+}
+
+public class com/facebook/react/fabric/FabricSoLoader {
+	public fun <init> ()V
+	public static fun staticInit ()V
+}
+
+public class com/facebook/react/fabric/FabricUIManager : com/facebook/react/bridge/LifecycleEventListener, com/facebook/react/bridge/UIManager {
+	public static final field ENABLE_FABRIC_LOGS Z
+	public static final field ENABLE_FABRIC_PERF_LOGS Z
+	public static final field IS_DEVELOPMENT_ENVIRONMENT Z
+	public static final field TAG Ljava/lang/String;
+	public field mDevToolsReactPerfLogger Lcom/facebook/react/fabric/DevToolsReactPerfLogger;
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/uimanager/ViewManagerRegistry;Lcom/facebook/react/uimanager/events/BatchEventDispatchedListener;)V
+	public fun addRootView (Landroid/view/View;Lcom/facebook/react/bridge/WritableMap;)I
+	public fun addUIBlock (Lcom/facebook/react/fabric/interop/UIBlock;)V
+	public fun addUIManagerEventListener (Lcom/facebook/react/bridge/UIManagerListener;)V
+	public fun attachRootView (Lcom/facebook/react/interfaces/fabric/SurfaceHandler;Landroid/view/View;)V
+	public fun clearJSResponder ()V
+	public fun dispatchCommand (IIILcom/facebook/react/bridge/ReadableArray;)V
+	public fun dispatchCommand (IILcom/facebook/react/bridge/ReadableArray;)V
+	public fun dispatchCommand (IILjava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun dispatchCommand (ILjava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun getColor (I[Ljava/lang/String;)I
+	public fun getEventDispatcher ()Lcom/facebook/react/uimanager/events/EventDispatcher;
+	public synthetic fun getEventDispatcher ()Ljava/lang/Object;
+	public fun getInspectorDataForInstance (ILandroid/view/View;)Lcom/facebook/react/bridge/ReadableMap;
+	public fun getPerformanceCounters ()Ljava/util/Map;
+	public fun getThemeData (I[F)Z
+	public fun initialize ()V
+	public fun invalidate ()V
+	public fun onAllAnimationsComplete ()V
+	public fun onAnimationStarted ()V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun onRequestEventBeat ()V
+	public fun prependUIBlock (Lcom/facebook/react/fabric/interop/UIBlock;)V
+	public fun profileNextBatch ()V
+	public fun receiveEvent (IILjava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun receiveEvent (IILjava/lang/String;ZLcom/facebook/react/bridge/WritableMap;I)V
+	public fun receiveEvent (ILjava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun removeUIManagerEventListener (Lcom/facebook/react/bridge/UIManagerListener;)V
+	public fun resolveCustomDirectEventName (Ljava/lang/String;)Ljava/lang/String;
+	public fun resolveView (I)Landroid/view/View;
+	public fun sendAccessibilityEvent (II)V
+	public fun sendAccessibilityEventFromJS (IILjava/lang/String;)V
+	public fun setBinding (Lcom/facebook/react/fabric/Binding;)V
+	public fun setJSResponder (IIIZ)V
+	public fun startSurface (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;II)I
+	public fun startSurface (Lcom/facebook/react/interfaces/fabric/SurfaceHandler;Landroid/content/Context;Landroid/view/View;)V
+	public fun stopSurface (I)V
+	public fun stopSurface (Lcom/facebook/react/interfaces/fabric/SurfaceHandler;)V
+	public fun synchronouslyUpdateViewOnUIThread (ILcom/facebook/react/bridge/ReadableMap;)V
+	public fun updateRootLayoutSpecs (IIIII)V
+}
+
+public class com/facebook/react/fabric/FabricUIManagerProviderImpl : com/facebook/react/bridge/UIManagerProvider {
+	public fun <init> (Lcom/facebook/react/fabric/ComponentFactory;Lcom/facebook/react/fabric/ReactNativeConfig;Lcom/facebook/react/uimanager/ViewManagerRegistry;)V
+	public fun createUIManager (Lcom/facebook/react/bridge/ReactApplicationContext;)Lcom/facebook/react/bridge/UIManager;
+}
+
+public abstract class com/facebook/react/fabric/GuardedFrameCallback : android/view/Choreographer$FrameCallback {
+	protected fun <init> (Lcom/facebook/react/bridge/JSExceptionHandler;)V
+	protected fun <init> (Lcom/facebook/react/bridge/ReactContext;)V
+	public final fun doFrame (J)V
+	protected abstract fun doFrameGuarded (J)V
+}
+
+public abstract interface class com/facebook/react/fabric/ReactNativeConfig {
+	public static final field Companion Lcom/facebook/react/fabric/ReactNativeConfig$Companion;
+	public static final field DEFAULT_CONFIG Lcom/facebook/react/fabric/ReactNativeConfig;
+	public abstract fun getBool (Ljava/lang/String;)Z
+	public abstract fun getDouble (Ljava/lang/String;)D
+	public abstract fun getInt64 (Ljava/lang/String;)J
+	public abstract fun getString (Ljava/lang/String;)Ljava/lang/String;
+}
+
+public final class com/facebook/react/fabric/ReactNativeConfig$Companion {
+}
+
+public class com/facebook/react/fabric/StateWrapperImpl : com/facebook/react/uimanager/StateWrapper {
+	public fun destroyState ()V
+	public fun getStateData ()Lcom/facebook/react/bridge/ReadableNativeMap;
+	public fun getStateDataMapBuffer ()Lcom/facebook/react/common/mapbuffer/ReadableMapBuffer;
+	public fun toString ()Ljava/lang/String;
+	public fun updateState (Lcom/facebook/react/bridge/WritableMap;)V
+	public fun updateStateImpl (Lcom/facebook/react/bridge/NativeMap;)V
+}
+
+public class com/facebook/react/fabric/SurfaceHandlerBinding : com/facebook/react/interfaces/fabric/SurfaceHandler {
+	public static final field DISPLAY_MODE_HIDDEN I
+	public static final field DISPLAY_MODE_SUSPENDED I
+	public static final field DISPLAY_MODE_VISIBLE I
+	public fun <init> (Ljava/lang/String;)V
+	public fun getModuleName ()Ljava/lang/String;
+	public fun getSurfaceId ()I
+	public fun isRunning ()Z
+	public fun setLayoutConstraints (IIIIZZF)V
+	public fun setMountable (Z)V
+	public fun setProps (Lcom/facebook/react/bridge/NativeMap;)V
+	public fun setSurfaceId (I)V
+	public fun start ()V
+	public fun stop ()V
+}
+
+public abstract interface annotation class com/facebook/react/fabric/SurfaceHandlerBinding$DisplayModeTypeDef : java/lang/annotation/Annotation {
+}
+
+public final class com/facebook/react/fabric/events/EventBeatManager : com/facebook/react/uimanager/events/BatchEventDispatchedListener {
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun onBatchEventDispatched ()V
+}
+
+public class com/facebook/react/fabric/events/EventEmitterWrapper {
+	public fun destroy ()V
+	public fun dispatch (Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;I)V
+	public fun dispatchUnique (Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+}
+
+public class com/facebook/react/fabric/events/FabricEventEmitter : com/facebook/react/uimanager/events/RCTModernEventEmitter {
+	public fun <init> (Lcom/facebook/react/fabric/FabricUIManager;)V
+	public fun receiveEvent (IILjava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun receiveEvent (IILjava/lang/String;ZILcom/facebook/react/bridge/WritableMap;I)V
+	public fun receiveEvent (ILjava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun receiveTouches (Lcom/facebook/react/uimanager/events/TouchEvent;)V
+	public fun receiveTouches (Ljava/lang/String;Lcom/facebook/react/bridge/WritableArray;Lcom/facebook/react/bridge/WritableArray;)V
+}
+
+public abstract interface class com/facebook/react/fabric/interop/UIBlock {
+	public abstract fun execute (Lcom/facebook/react/fabric/interop/UIBlockViewResolver;)V
+}
+
+public abstract interface class com/facebook/react/fabric/interop/UIBlockViewResolver {
+	public abstract fun resolveView (I)Landroid/view/View;
+}
+
+public abstract interface class com/facebook/react/fabric/mounting/LayoutMetricsConversions {
+	public static fun getMaxSize (I)F
+	public static fun getMinSize (I)F
+	public static fun getYogaMeasureMode (FF)Lcom/facebook/yoga/YogaMeasureMode;
+	public static fun getYogaSize (FF)F
+}
+
+public class com/facebook/react/fabric/mounting/MountItemDispatcher {
+	public fun <init> (Lcom/facebook/react/fabric/mounting/MountingManager;Lcom/facebook/react/fabric/mounting/MountItemDispatcher$ItemDispatchListener;)V
+	public fun addMountItem (Lcom/facebook/react/fabric/mounting/mountitems/MountItem;)V
+	public fun addPreAllocateMountItem (Lcom/facebook/react/fabric/mounting/mountitems/MountItem;)V
+	public fun addViewCommandMountItem (Lcom/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem;)V
+	public fun dispatchMountItems (Ljava/util/Queue;)V
+	public fun dispatchPreMountItems (J)V
+	public fun getBatchedExecutionTime ()J
+	public fun getRunStartTime ()J
+	public fun tryDispatchMountItems ()V
+}
+
+public abstract interface class com/facebook/react/fabric/mounting/MountItemDispatcher$ItemDispatchListener {
+	public abstract fun didDispatchMountItems ()V
+	public abstract fun didMountItems (Ljava/util/List;)V
+	public abstract fun willMountItems (Ljava/util/List;)V
+}
+
+public class com/facebook/react/fabric/mounting/MountingManager {
+	public static final field TAG Ljava/lang/String;
+	public fun <init> (Lcom/facebook/react/uimanager/ViewManagerRegistry;Lcom/facebook/react/fabric/mounting/MountingManager$MountItemExecutor;)V
+	public fun attachRootView (ILandroid/view/View;Lcom/facebook/react/uimanager/ThemedReactContext;)V
+	public fun clearJSResponder ()V
+	public fun enqueuePendingEvent (IILjava/lang/String;ZLcom/facebook/react/bridge/WritableMap;I)V
+	public fun getEventEmitter (II)Lcom/facebook/react/fabric/events/EventEmitterWrapper;
+	public fun getSurfaceManager (I)Lcom/facebook/react/fabric/mounting/SurfaceMountingManager;
+	public fun getSurfaceManagerEnforced (ILjava/lang/String;)Lcom/facebook/react/fabric/mounting/SurfaceMountingManager;
+	public fun getSurfaceManagerForView (I)Lcom/facebook/react/fabric/mounting/SurfaceMountingManager;
+	public fun getSurfaceManagerForViewEnforced (I)Lcom/facebook/react/fabric/mounting/SurfaceMountingManager;
+	public fun getViewExists (I)Z
+	public fun isWaitingForViewAttach (I)Z
+	public fun measure (Lcom/facebook/react/bridge/ReactContext;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;FLcom/facebook/yoga/YogaMeasureMode;FLcom/facebook/yoga/YogaMeasureMode;[F)J
+	public fun measureMapBuffer (Lcom/facebook/react/bridge/ReactContext;Ljava/lang/String;Lcom/facebook/react/common/mapbuffer/MapBuffer;Lcom/facebook/react/common/mapbuffer/MapBuffer;Lcom/facebook/react/common/mapbuffer/MapBuffer;FLcom/facebook/yoga/YogaMeasureMode;FLcom/facebook/yoga/YogaMeasureMode;[F)J
+	public fun receiveCommand (IIILcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (IILjava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun sendAccessibilityEvent (III)V
+	public fun startSurface (ILcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)Lcom/facebook/react/fabric/mounting/SurfaceMountingManager;
+	public fun stopSurface (I)V
+	public fun surfaceIsStopped (I)Z
+	public fun updateProps (ILcom/facebook/react/bridge/ReadableMap;)V
+}
+
+public abstract interface class com/facebook/react/fabric/mounting/MountingManager$MountItemExecutor {
+	public abstract fun executeItems (Ljava/util/Queue;)V
+}
+
+public class com/facebook/react/fabric/mounting/SurfaceMountingManager {
+	public static final field TAG Ljava/lang/String;
+	public fun <init> (ILcom/facebook/react/touch/JSResponderHandler;Lcom/facebook/react/uimanager/ViewManagerRegistry;Lcom/facebook/react/uimanager/RootViewManager;Lcom/facebook/react/fabric/mounting/MountingManager$MountItemExecutor;Lcom/facebook/react/uimanager/ThemedReactContext;)V
+	public fun addViewAt (III)V
+	public fun attachRootView (Landroid/view/View;Lcom/facebook/react/uimanager/ThemedReactContext;)V
+	public fun createView (Ljava/lang/String;ILcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/uimanager/StateWrapper;Lcom/facebook/react/fabric/events/EventEmitterWrapper;Z)V
+	public fun createViewUnsafe (Ljava/lang/String;ILcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/uimanager/StateWrapper;Lcom/facebook/react/fabric/events/EventEmitterWrapper;Z)V
+	public fun deleteView (I)V
+	public fun enqueuePendingEvent (ILjava/lang/String;ZLcom/facebook/react/bridge/WritableMap;I)V
+	public fun getContext ()Lcom/facebook/react/uimanager/ThemedReactContext;
+	public fun getEventEmitter (I)Lcom/facebook/react/fabric/events/EventEmitterWrapper;
+	public fun getSurfaceId ()I
+	public fun getView (I)Landroid/view/View;
+	public fun getViewExists (I)Z
+	public fun isRootViewAttached ()Z
+	public fun isStopped ()Z
+	public fun preallocateView (Ljava/lang/String;ILcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/uimanager/StateWrapper;Lcom/facebook/react/fabric/events/EventEmitterWrapper;Z)V
+	public fun printSurfaceState ()V
+	public fun receiveCommand (IILcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (ILjava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun removeDeleteTreeAt (III)V
+	public fun removeViewAt (III)V
+	public fun scheduleMountItemOnViewAttach (Lcom/facebook/react/fabric/mounting/mountitems/MountItem;)V
+	public fun sendAccessibilityEvent (II)V
+	public fun setJSResponder (IIZ)V
+	public fun stopSurface ()V
+	public fun updateEventEmitter (ILcom/facebook/react/fabric/events/EventEmitterWrapper;)V
+	public fun updateLayout (IIIIIII)V
+	public fun updateOverflowInset (IIIII)V
+	public fun updatePadding (IIIII)V
+	public fun updateProps (ILcom/facebook/react/bridge/ReadableMap;)V
+	public fun updateState (ILcom/facebook/react/uimanager/StateWrapper;)V
+}
+
+public abstract interface class com/facebook/react/fabric/mounting/mountitems/BatchMountItem : com/facebook/react/fabric/mounting/mountitems/MountItem {
+	public abstract fun isBatchEmpty ()Z
+}
+
+public abstract class com/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem : com/facebook/react/fabric/mounting/mountitems/MountItem {
+	public fun <init> ()V
+	public fun getRetries ()I
+	public fun incrementRetries ()V
+}
+
+public abstract interface class com/facebook/react/fabric/mounting/mountitems/MountItem {
+	public abstract fun execute (Lcom/facebook/react/fabric/mounting/MountingManager;)V
+	public abstract fun getSurfaceId ()I
+}
+
+public class com/facebook/react/fabric/mounting/mountitems/MountItemFactory {
+	public fun <init> ()V
+	public static fun createDispatchCommandMountItem (IIILcom/facebook/react/bridge/ReadableArray;)Lcom/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem;
+	public static fun createDispatchCommandMountItem (IILjava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)Lcom/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem;
+	public static fun createIntBufferBatchMountItem (I[I[Ljava/lang/Object;I)Lcom/facebook/react/fabric/mounting/mountitems/MountItem;
+	public static fun createPreAllocateViewMountItem (IILjava/lang/String;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/uimanager/StateWrapper;Lcom/facebook/react/fabric/events/EventEmitterWrapper;Z)Lcom/facebook/react/fabric/mounting/mountitems/MountItem;
+	public static fun createSendAccessibilityEventMountItem (III)Lcom/facebook/react/fabric/mounting/mountitems/MountItem;
+}
+
+public abstract interface class com/facebook/react/interfaces/TaskInterface {
+	public abstract fun getError ()Ljava/lang/Exception;
+	public abstract fun getResult ()Ljava/lang/Object;
+	public abstract fun isCancelled ()Z
+	public abstract fun isCompleted ()Z
+	public abstract fun isFaulted ()Z
+	public abstract fun waitForCompletion ()V
+	public abstract fun waitForCompletion (JLjava/util/concurrent/TimeUnit;)Z
+}
+
+public abstract interface class com/facebook/react/interfaces/fabric/ReactSurface {
+	public abstract fun clear ()V
+	public abstract fun detach ()V
+	public abstract fun getContext ()Landroid/content/Context;
+	public abstract fun getModuleName ()Ljava/lang/String;
+	public abstract fun getSurfaceID ()I
+	public abstract fun getView ()Landroid/view/ViewGroup;
+	public abstract fun isRunning ()Z
+	public abstract fun prerender ()Lcom/facebook/react/interfaces/TaskInterface;
+	public abstract fun start ()Lcom/facebook/react/interfaces/TaskInterface;
+	public abstract fun stop ()Lcom/facebook/react/interfaces/TaskInterface;
+}
+
+public abstract interface class com/facebook/react/interfaces/fabric/SurfaceHandler {
+	public abstract fun getModuleName ()Ljava/lang/String;
+	public abstract fun getSurfaceId ()I
+	public abstract fun isRunning ()Z
+	public abstract fun setLayoutConstraints (IIIIZZF)V
+	public abstract fun setMountable (Z)V
+	public abstract fun setProps (Lcom/facebook/react/bridge/NativeMap;)V
+	public abstract fun setSurfaceId (I)V
+	public abstract fun start ()V
+	public abstract fun stop ()V
+}
+
+public final class com/facebook/react/jscexecutor/JSCExecutor : com/facebook/react/bridge/JavaScriptExecutor {
+	public fun getName ()Ljava/lang/String;
+	public static final fun loadLibrary ()V
+}
+
+public final class com/facebook/react/jscexecutor/JSCExecutorFactory : com/facebook/react/bridge/JavaScriptExecutorFactory {
+	public fun <init> (Ljava/lang/String;Ljava/lang/String;)V
+	public fun create ()Lcom/facebook/react/bridge/JavaScriptExecutor;
+	public fun startSamplingProfiler ()V
+	public fun stopSamplingProfiler (Ljava/lang/String;)V
+	public fun toString ()Ljava/lang/String;
+}
+
+public class com/facebook/react/jstasks/HeadlessJsTaskConfig {
+	public fun <init> (Lcom/facebook/react/jstasks/HeadlessJsTaskConfig;)V
+	public fun <init> (Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun <init> (Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;J)V
+	public fun <init> (Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;JZ)V
+	public fun <init> (Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;JZLcom/facebook/react/jstasks/HeadlessJsTaskRetryPolicy;)V
+}
+
+public class com/facebook/react/jstasks/HeadlessJsTaskContext {
+	public fun addTaskEventListener (Lcom/facebook/react/jstasks/HeadlessJsTaskEventListener;)V
+	public fun finishTask (I)V
+	public static fun getInstance (Lcom/facebook/react/bridge/ReactContext;)Lcom/facebook/react/jstasks/HeadlessJsTaskContext;
+	public fun hasActiveTasks ()Z
+	public fun isTaskRunning (I)Z
+	public fun removeTaskEventListener (Lcom/facebook/react/jstasks/HeadlessJsTaskEventListener;)V
+	public fun retryTask (I)Z
+	public fun startTask (Lcom/facebook/react/jstasks/HeadlessJsTaskConfig;)I
+}
+
+public abstract interface class com/facebook/react/jstasks/HeadlessJsTaskEventListener {
+	public abstract fun onHeadlessJsTaskFinish (I)V
+	public abstract fun onHeadlessJsTaskStart (I)V
+}
+
+public abstract interface class com/facebook/react/jstasks/HeadlessJsTaskRetryPolicy {
+	public abstract fun canRetry ()Z
+	public abstract fun copy ()Lcom/facebook/react/jstasks/HeadlessJsTaskRetryPolicy;
+	public abstract fun getDelay ()I
+	public abstract fun update ()Lcom/facebook/react/jstasks/HeadlessJsTaskRetryPolicy;
+}
+
+public class com/facebook/react/jstasks/LinearCountingRetryPolicy : com/facebook/react/jstasks/HeadlessJsTaskRetryPolicy {
+	public fun <init> (II)V
+	public fun canRetry ()Z
+	public fun copy ()Lcom/facebook/react/jstasks/HeadlessJsTaskRetryPolicy;
+	public fun getDelay ()I
+	public fun update ()Lcom/facebook/react/jstasks/HeadlessJsTaskRetryPolicy;
+}
+
+public abstract interface annotation class com/facebook/react/module/annotations/ReactModule : java/lang/annotation/Annotation {
+	public abstract fun canOverrideExistingModule ()Z
+	public abstract fun hasConstants ()Z
+	public abstract fun isCxxModule ()Z
+	public abstract fun name ()Ljava/lang/String;
+	public abstract fun needsEagerInit ()Z
+}
+
+public abstract interface annotation class com/facebook/react/module/annotations/ReactModuleList : java/lang/annotation/Annotation {
+	public abstract fun nativeModules ()[Ljava/lang/Class;
+}
+
+public class com/facebook/react/module/model/ReactModuleInfo {
+	public fun <init> (Ljava/lang/String;Ljava/lang/String;ZZZZ)V
+	public fun <init> (Ljava/lang/String;Ljava/lang/String;ZZZZZ)V
+	public fun canOverrideExistingModule ()Z
+	public fun className ()Ljava/lang/String;
+	public fun hasConstants ()Z
+	public fun isCxxModule ()Z
+	public fun isTurboModule ()Z
+	public fun name ()Ljava/lang/String;
+	public fun needsEagerInit ()Z
+}
+
+public abstract interface class com/facebook/react/module/model/ReactModuleInfoProvider {
+	public abstract fun getReactModuleInfos ()Ljava/util/Map;
+}
+
+public class com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule : com/facebook/fbreact/specs/NativeAccessibilityInfoSpec, com/facebook/react/bridge/LifecycleEventListener {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun announceForAccessibility (Ljava/lang/String;)V
+	public fun getRecommendedTimeoutMillis (DLcom/facebook/react/bridge/Callback;)V
+	public fun initialize ()V
+	public fun invalidate ()V
+	public fun isAccessibilityServiceEnabled (Lcom/facebook/react/bridge/Callback;)V
+	public fun isReduceMotionEnabled (Lcom/facebook/react/bridge/Callback;)V
+	public fun isTouchExplorationEnabled (Lcom/facebook/react/bridge/Callback;)V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun setAccessibilityFocus (D)V
+}
+
+public class com/facebook/react/modules/appearance/AppearanceModule : com/facebook/fbreact/specs/NativeAppearanceSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/modules/appearance/AppearanceModule$OverrideColorScheme;)V
+	public fun addListener (Ljava/lang/String;)V
+	public fun emitAppearanceChanged (Ljava/lang/String;)V
+	public fun getColorScheme ()Ljava/lang/String;
+	public fun onConfigurationChanged (Landroid/content/Context;)V
+	public fun removeListeners (D)V
+	public fun setColorScheme (Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/modules/appearance/AppearanceModule$OverrideColorScheme {
+	public abstract fun getScheme ()Ljava/lang/String;
+}
+
+public abstract interface class com/facebook/react/modules/appregistry/AppRegistry : com/facebook/react/bridge/JavaScriptModule {
+	public abstract fun runApplication (Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun startHeadlessTask (ILjava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun unmountApplicationComponentAtRootTag (I)V
+}
+
+public class com/facebook/react/modules/appstate/AppStateModule : com/facebook/fbreact/specs/NativeAppStateSpec, com/facebook/react/bridge/LifecycleEventListener, com/facebook/react/bridge/WindowFocusChangeListener {
+	public static final field APP_STATE_ACTIVE Ljava/lang/String;
+	public static final field APP_STATE_BACKGROUND Ljava/lang/String;
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun addListener (Ljava/lang/String;)V
+	public fun getCurrentAppState (Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+	public fun getTypedExportedConstants ()Ljava/util/Map;
+	public fun invalidate ()V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun onWindowFocusChange (Z)V
+	public fun removeListeners (D)V
+}
+
+public class com/facebook/react/modules/blob/BlobModule : com/facebook/fbreact/specs/NativeBlobModuleSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun addNetworkingHandler ()V
+	public fun addWebSocketHandler (D)V
+	public fun createFromParts (Lcom/facebook/react/bridge/ReadableArray;Ljava/lang/String;)V
+	public fun getTypedExportedConstants ()Ljava/util/Map;
+	public fun initialize ()V
+	public fun release (Ljava/lang/String;)V
+	public fun remove (Ljava/lang/String;)V
+	public fun removeWebSocketHandler (D)V
+	public fun resolve (Landroid/net/Uri;)[B
+	public fun resolve (Lcom/facebook/react/bridge/ReadableMap;)[B
+	public fun resolve (Ljava/lang/String;II)[B
+	public fun sendOverSocket (Lcom/facebook/react/bridge/ReadableMap;D)V
+	public fun store ([B)Ljava/lang/String;
+	public fun store ([BLjava/lang/String;)V
+}
+
+public final class com/facebook/react/modules/blob/BlobProvider : android/content/ContentProvider {
+	public fun <init> ()V
+	public fun delete (Landroid/net/Uri;Ljava/lang/String;[Ljava/lang/String;)I
+	public fun getType (Landroid/net/Uri;)Ljava/lang/String;
+	public fun insert (Landroid/net/Uri;Landroid/content/ContentValues;)Landroid/net/Uri;
+	public fun onCreate ()Z
+	public fun openFile (Landroid/net/Uri;Ljava/lang/String;)Landroid/os/ParcelFileDescriptor;
+	public fun query (Landroid/net/Uri;[Ljava/lang/String;Ljava/lang/String;[Ljava/lang/String;Ljava/lang/String;)Landroid/database/Cursor;
+	public fun update (Landroid/net/Uri;Landroid/content/ContentValues;Ljava/lang/String;[Ljava/lang/String;)I
+}
+
+public class com/facebook/react/modules/blob/FileReaderModule : com/facebook/fbreact/specs/NativeFileReaderModuleSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun readAsDataURL (Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Promise;)V
+	public fun readAsText (Lcom/facebook/react/bridge/ReadableMap;Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V
+}
+
+public class com/facebook/react/modules/camera/ImageStoreManager : com/facebook/fbreact/specs/NativeImageStoreAndroidSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun getBase64ForTag (Ljava/lang/String;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+}
+
+public class com/facebook/react/modules/clipboard/ClipboardModule : com/facebook/fbreact/specs/NativeClipboardSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun getString (Lcom/facebook/react/bridge/Promise;)V
+	public fun setString (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/modules/common/ModuleDataCleaner {
+	public fun <init> ()V
+	public static fun cleanDataFromModules (Lcom/facebook/react/bridge/CatalystInstance;)V
+	public static fun cleanDataFromModules (Lcom/facebook/react/bridge/ReactContext;)V
+}
+
+public abstract interface class com/facebook/react/modules/common/ModuleDataCleaner$Cleanable {
+	public abstract fun clearSensitiveData ()V
+}
+
+public class com/facebook/react/modules/core/ChoreographerCompat {
+	public fun <init> ()V
+}
+
+public abstract class com/facebook/react/modules/core/ChoreographerCompat$FrameCallback : android/view/Choreographer$FrameCallback {
+	public fun <init> ()V
+}
+
+public abstract interface class com/facebook/react/modules/core/DefaultHardwareBackBtnHandler {
+	public abstract fun invokeDefaultOnBackPressed ()V
+}
+
+public class com/facebook/react/modules/core/DeviceEventManagerModule : com/facebook/fbreact/specs/NativeDeviceEventManagerSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/modules/core/DefaultHardwareBackBtnHandler;)V
+	public fun emitHardwareBackPressed ()V
+	public fun emitNewIntentReceived (Landroid/net/Uri;)V
+	public fun invokeDefaultBackPressHandler ()V
+}
+
+public abstract interface class com/facebook/react/modules/core/DeviceEventManagerModule$RCTDeviceEventEmitter : com/facebook/react/bridge/JavaScriptModule {
+	public abstract fun emit (Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/modules/core/ExceptionsManagerModule : com/facebook/fbreact/specs/NativeExceptionsManagerSpec {
+	public fun <init> (Lcom/facebook/react/devsupport/interfaces/DevSupportManager;)V
+	public fun dismissRedbox ()V
+	public fun reportException (Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun reportFatalException (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;D)V
+	public fun reportSoftException (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;D)V
+	public fun updateExceptionMessage (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;D)V
+}
+
+public class com/facebook/react/modules/core/HeadlessJsTaskSupportModule : com/facebook/fbreact/specs/NativeHeadlessJsTaskSupportSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun notifyTaskFinished (D)V
+	public fun notifyTaskRetry (DLcom/facebook/react/bridge/Promise;)V
+}
+
+public abstract interface class com/facebook/react/modules/core/JSTimers : com/facebook/react/bridge/JavaScriptModule {
+	public abstract fun callIdleCallbacks (D)V
+	public abstract fun callTimers (Lcom/facebook/react/bridge/WritableArray;)V
+	public abstract fun emitTimeDriftWarning (Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/modules/core/JavaScriptTimerExecutor {
+	public abstract fun callIdleCallbacks (D)V
+	public abstract fun callTimers (Lcom/facebook/react/bridge/WritableArray;)V
+	public abstract fun emitTimeDriftWarning (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/modules/core/JavaTimerManager {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/modules/core/JavaScriptTimerExecutor;Lcom/facebook/react/modules/core/ReactChoreographer;Lcom/facebook/react/devsupport/interfaces/DevSupportManager;)V
+	public fun createAndMaybeCallTimer (IIDZ)V
+	public fun createTimer (IJZ)V
+	public fun deleteTimer (I)V
+	public fun onHeadlessJsTaskFinish (I)V
+	public fun onHeadlessJsTaskStart (I)V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun onInstanceDestroy ()V
+	public fun setSendIdleEvents (Z)V
+}
+
+public abstract interface class com/facebook/react/modules/core/PermissionAwareActivity {
+	public abstract fun checkPermission (Ljava/lang/String;II)I
+	public abstract fun checkSelfPermission (Ljava/lang/String;)I
+	public abstract fun requestPermissions ([Ljava/lang/String;ILcom/facebook/react/modules/core/PermissionListener;)V
+	public abstract fun shouldShowRequestPermissionRationale (Ljava/lang/String;)Z
+}
+
+public abstract interface class com/facebook/react/modules/core/PermissionListener {
+	public abstract fun onRequestPermissionsResult (I[Ljava/lang/String;[I)Z
+}
+
+public abstract interface class com/facebook/react/modules/core/RCTNativeAppEventEmitter : com/facebook/react/bridge/JavaScriptModule {
+	public abstract fun emit (Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public final class com/facebook/react/modules/core/ReactChoreographer {
+	public static fun getInstance ()Lcom/facebook/react/modules/core/ReactChoreographer;
+	public static fun initialize (Lcom/facebook/react/internal/ChoreographerProvider;)V
+	public fun postFrameCallback (Lcom/facebook/react/modules/core/ReactChoreographer$CallbackType;Landroid/view/Choreographer$FrameCallback;)V
+	public fun removeFrameCallback (Lcom/facebook/react/modules/core/ReactChoreographer$CallbackType;Landroid/view/Choreographer$FrameCallback;)V
+}
+
+public final class com/facebook/react/modules/core/ReactChoreographer$CallbackType : java/lang/Enum {
+	public static final field DISPATCH_UI Lcom/facebook/react/modules/core/ReactChoreographer$CallbackType;
+	public static final field IDLE_EVENT Lcom/facebook/react/modules/core/ReactChoreographer$CallbackType;
+	public static final field NATIVE_ANIMATED_MODULE Lcom/facebook/react/modules/core/ReactChoreographer$CallbackType;
+	public static final field PERF_MARKERS Lcom/facebook/react/modules/core/ReactChoreographer$CallbackType;
+	public static final field TIMERS_EVENTS Lcom/facebook/react/modules/core/ReactChoreographer$CallbackType;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/modules/core/ReactChoreographer$CallbackType;
+	public static fun values ()[Lcom/facebook/react/modules/core/ReactChoreographer$CallbackType;
+}
+
+public final class com/facebook/react/modules/core/TimingModule : com/facebook/fbreact/specs/NativeTimingSpec, com/facebook/react/bridge/LifecycleEventListener, com/facebook/react/jstasks/HeadlessJsTaskEventListener {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/devsupport/interfaces/DevSupportManager;)V
+	public fun createTimer (DDDZ)V
+	public fun deleteTimer (D)V
+	public fun initialize ()V
+	public fun invalidate ()V
+	public fun onHeadlessJsTaskFinish (I)V
+	public fun onHeadlessJsTaskStart (I)V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun setSendIdleEvents (Z)V
+}
+
+public class com/facebook/react/modules/core/TimingModule$BridgeTimerExecutor : com/facebook/react/modules/core/JavaScriptTimerExecutor {
+	public fun <init> (Lcom/facebook/react/modules/core/TimingModule;)V
+	public fun callIdleCallbacks (D)V
+	public fun callTimers (Lcom/facebook/react/bridge/WritableArray;)V
+	public fun emitTimeDriftWarning (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/modules/debug/DevSettingsModule : com/facebook/fbreact/specs/NativeDevSettingsSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/devsupport/interfaces/DevSupportManager;)V
+	public fun addListener (Ljava/lang/String;)V
+	public fun addMenuItem (Ljava/lang/String;)V
+	public fun onFastRefresh ()V
+	public fun reload ()V
+	public fun reloadWithReason (Ljava/lang/String;)V
+	public fun removeListeners (D)V
+	public fun setHotLoadingEnabled (Z)V
+	public fun setIsDebuggingRemotely (Z)V
+	public fun setIsShakeToShowDevMenuEnabled (Z)V
+	public fun setProfilingEnabled (Z)V
+	public fun toggleElementInspector ()V
+}
+
+public class com/facebook/react/modules/debug/FpsDebugFrameCallback : android/view/Choreographer$FrameCallback {
+	public fun <init> (Lcom/facebook/react/bridge/ReactContext;)V
+	public fun doFrame (J)V
+	public fun get4PlusFrameStutters ()I
+	public fun getExpectedNumFrames ()I
+	public fun getFPS ()D
+	public fun getFpsInfo (J)Lcom/facebook/react/modules/debug/FpsDebugFrameCallback$FpsInfo;
+	public fun getJSFPS ()D
+	public fun getNumFrames ()I
+	public fun getNumJSFrames ()I
+	public fun getTotalTimeMS ()I
+	public fun reset ()V
+	public fun start ()V
+	public fun start (D)V
+	public fun startAndRecordFpsAtEachFrame ()V
+	public fun stop ()V
+}
+
+public class com/facebook/react/modules/debug/FpsDebugFrameCallback$FpsInfo {
+	public final field fps D
+	public final field jsFps D
+	public final field total4PlusFrameStutters I
+	public final field totalExpectedFrames I
+	public final field totalFrames I
+	public final field totalJsFrames I
+	public final field totalTimeMs I
+	public fun <init> (IIIIDDI)V
+}
+
+public class com/facebook/react/modules/debug/SourceCodeModule : com/facebook/fbreact/specs/NativeSourceCodeSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	protected fun getTypedExportedConstants ()Ljava/util/Map;
+}
+
+public abstract interface class com/facebook/react/modules/debug/interfaces/DeveloperSettings {
+	public abstract fun addMenuItem (Ljava/lang/String;)V
+	public abstract fun isAnimationFpsDebugEnabled ()Z
+	public abstract fun isDeviceDebugEnabled ()Z
+	public abstract fun isElementInspectorEnabled ()Z
+	public abstract fun isFpsDebugEnabled ()Z
+	public abstract fun isJSDevModeEnabled ()Z
+	public abstract fun isJSMinifyEnabled ()Z
+	public abstract fun isRemoteJSDebugEnabled ()Z
+	public abstract fun isStartSamplingProfilerOnInit ()Z
+	public abstract fun setRemoteJSDebugEnabled (Z)V
+}
+
+public class com/facebook/react/modules/deviceinfo/DeviceInfoModule : com/facebook/fbreact/specs/NativeDeviceInfoSpec, com/facebook/react/bridge/LifecycleEventListener {
+	public fun <init> (Landroid/content/Context;)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun emitUpdateDimensionsEvent ()V
+	public fun getTypedExportedConstants ()Ljava/util/Map;
+	public fun invalidate ()V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+}
+
+public class com/facebook/react/modules/devloading/DevLoadingModule : com/facebook/fbreact/specs/NativeDevLoadingViewSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun hide ()V
+	public fun showMessage (Ljava/lang/String;Ljava/lang/Double;Ljava/lang/Double;)V
+}
+
+public class com/facebook/react/modules/devtoolssettings/DevToolsSettingsManagerModule : com/facebook/fbreact/specs/NativeDevToolsSettingsManagerSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun getConsolePatchSettings ()Ljava/lang/String;
+	public fun getProfilingSettings ()Ljava/lang/String;
+	public fun setConsolePatchSettings (Ljava/lang/String;)V
+	public fun setProfilingSettings (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/modules/dialog/AlertFragment : androidx/fragment/app/DialogFragment, android/content/DialogInterface$OnClickListener {
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/react/modules/dialog/DialogModule$AlertFragmentListener;Landroid/os/Bundle;)V
+	public static fun createDialog (Landroid/content/Context;Landroid/os/Bundle;Landroid/content/DialogInterface$OnClickListener;)Landroid/app/Dialog;
+	public fun onClick (Landroid/content/DialogInterface;I)V
+	public fun onCreateDialog (Landroid/os/Bundle;)Landroid/app/Dialog;
+	public fun onDismiss (Landroid/content/DialogInterface;)V
+}
+
+public class com/facebook/react/modules/dialog/DialogModule : com/facebook/fbreact/specs/NativeDialogManagerAndroidSpec, com/facebook/react/bridge/LifecycleEventListener {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun getTypedExportedConstants ()Ljava/util/Map;
+	public fun initialize ()V
+	public fun invalidate ()V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun showAlert (Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+}
+
+public class com/facebook/react/modules/fresco/FrescoModule : com/facebook/react/bridge/ReactContextBaseJavaModule, com/facebook/react/bridge/LifecycleEventListener, com/facebook/react/internal/turbomodule/core/interfaces/TurboModule, com/facebook/react/modules/common/ModuleDataCleaner$Cleanable {
+	public static final field NAME Ljava/lang/String;
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/imagepipeline/core/ImagePipeline;Z)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/imagepipeline/core/ImagePipeline;ZZ)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Z)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;ZLcom/facebook/imagepipeline/core/ImagePipelineConfig;)V
+	public fun clearSensitiveData ()V
+	public static fun getDefaultConfigBuilder (Lcom/facebook/react/bridge/ReactContext;)Lcom/facebook/imagepipeline/core/ImagePipelineConfig$Builder;
+	public fun getName ()Ljava/lang/String;
+	public static fun hasBeenInitialized ()Z
+	public fun initialize ()V
+	public fun invalidate ()V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+}
+
+public class com/facebook/react/modules/fresco/ReactNetworkImageRequest : com/facebook/imagepipeline/request/ImageRequest {
+	protected fun <init> (Lcom/facebook/imagepipeline/request/ImageRequestBuilder;Lcom/facebook/react/bridge/ReadableMap;)V
+	public static fun fromBuilderWithHeaders (Lcom/facebook/imagepipeline/request/ImageRequestBuilder;Lcom/facebook/react/bridge/ReadableMap;)Lcom/facebook/react/modules/fresco/ReactNetworkImageRequest;
+	public fun getHeaders ()Lcom/facebook/react/bridge/ReadableMap;
+}
+
+public class com/facebook/react/modules/fresco/SystraceRequestListener : com/facebook/imagepipeline/listener/BaseRequestListener {
+	public fun <init> ()V
+	public fun onProducerEvent (Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;)V
+	public fun onProducerFinishWithCancellation (Ljava/lang/String;Ljava/lang/String;Ljava/util/Map;)V
+	public fun onProducerFinishWithFailure (Ljava/lang/String;Ljava/lang/String;Ljava/lang/Throwable;Ljava/util/Map;)V
+	public fun onProducerFinishWithSuccess (Ljava/lang/String;Ljava/lang/String;Ljava/util/Map;)V
+	public fun onProducerStart (Ljava/lang/String;Ljava/lang/String;)V
+	public fun onRequestCancellation (Ljava/lang/String;)V
+	public fun onRequestFailure (Lcom/facebook/imagepipeline/request/ImageRequest;Ljava/lang/String;Ljava/lang/Throwable;Z)V
+	public fun onRequestStart (Lcom/facebook/imagepipeline/request/ImageRequest;Ljava/lang/Object;Ljava/lang/String;Z)V
+	public fun onRequestSuccess (Lcom/facebook/imagepipeline/request/ImageRequest;Ljava/lang/String;Z)V
+	public fun requiresExtraMap (Ljava/lang/String;)Z
+}
+
+public class com/facebook/react/modules/i18nmanager/I18nManagerModule : com/facebook/fbreact/specs/NativeI18nManagerSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun allowRTL (Z)V
+	public fun forceRTL (Z)V
+	public fun getTypedExportedConstants ()Ljava/util/Map;
+	public fun swapLeftAndRightInRTL (Z)V
+}
+
+public class com/facebook/react/modules/i18nmanager/I18nUtil {
+	public fun allowRTL (Landroid/content/Context;Z)V
+	public fun doLeftAndRightSwapInRTL (Landroid/content/Context;)Z
+	public fun forceRTL (Landroid/content/Context;Z)V
+	public static fun getInstance ()Lcom/facebook/react/modules/i18nmanager/I18nUtil;
+	public fun isRTL (Landroid/content/Context;)Z
+	public fun swapLeftAndRightInRTL (Landroid/content/Context;Z)V
+}
+
+public class com/facebook/react/modules/image/ImageLoaderModule : com/facebook/fbreact/specs/NativeImageLoaderAndroidSpec, com/facebook/react/bridge/LifecycleEventListener {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/imagepipeline/core/ImagePipeline;Lcom/facebook/react/views/image/ReactCallerContextFactory;)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/lang/Object;)V
+	public fun abortRequest (D)V
+	public fun getSize (Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V
+	public fun getSizeWithHeaders (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Promise;)V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun prefetchImage (Ljava/lang/String;DLcom/facebook/react/bridge/Promise;)V
+	public fun queryCache (Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Promise;)V
+}
+
+public class com/facebook/react/modules/intent/IntentModule : com/facebook/fbreact/specs/NativeIntentAndroidSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun canOpenURL (Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V
+	public fun getInitialURL (Lcom/facebook/react/bridge/Promise;)V
+	public fun invalidate ()V
+	public fun openSettings (Lcom/facebook/react/bridge/Promise;)V
+	public fun openURL (Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V
+	public fun sendIntent (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Promise;)V
+}
+
+public abstract interface class com/facebook/react/modules/network/CookieJarContainer : okhttp3/CookieJar {
+	public abstract fun removeCookieJar ()V
+	public abstract fun setCookieJar (Lokhttp3/CookieJar;)V
+}
+
+public abstract interface class com/facebook/react/modules/network/CustomClientBuilder {
+	public abstract fun apply (Lokhttp3/OkHttpClient$Builder;)V
+}
+
+public class com/facebook/react/modules/network/ForwardingCookieHandler : java/net/CookieHandler {
+	public fun <init> (Lcom/facebook/react/bridge/ReactContext;)V
+	public fun addCookies (Ljava/lang/String;Ljava/util/List;)V
+	public fun clearCookies (Lcom/facebook/react/bridge/Callback;)V
+	public fun destroy ()V
+	public fun get (Ljava/net/URI;Ljava/util/Map;)Ljava/util/Map;
+	public fun put (Ljava/net/URI;Ljava/util/Map;)V
+}
+
+public abstract interface class com/facebook/react/modules/network/NetworkInterceptorCreator {
+	public abstract fun create ()Lokhttp3/Interceptor;
+}
+
+public final class com/facebook/react/modules/network/NetworkingModule : com/facebook/fbreact/specs/NativeNetworkingAndroidSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/lang/String;)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/lang/String;Lokhttp3/OkHttpClient;Ljava/util/List;)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/util/List;)V
+	public fun abortRequest (D)V
+	public fun addListener (Ljava/lang/String;)V
+	public fun addRequestBodyHandler (Lcom/facebook/react/modules/network/NetworkingModule$RequestBodyHandler;)V
+	public fun addResponseHandler (Lcom/facebook/react/modules/network/NetworkingModule$ResponseHandler;)V
+	public fun addUriHandler (Lcom/facebook/react/modules/network/NetworkingModule$UriHandler;)V
+	public fun clearCookies (Lcom/facebook/react/bridge/Callback;)V
+	public fun initialize ()V
+	public fun invalidate ()V
+	public fun removeListeners (D)V
+	public fun removeRequestBodyHandler (Lcom/facebook/react/modules/network/NetworkingModule$RequestBodyHandler;)V
+	public fun removeResponseHandler (Lcom/facebook/react/modules/network/NetworkingModule$ResponseHandler;)V
+	public fun removeUriHandler (Lcom/facebook/react/modules/network/NetworkingModule$UriHandler;)V
+	public fun sendRequest (Ljava/lang/String;Ljava/lang/String;DLcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableMap;Ljava/lang/String;ZDZ)V
+	public fun sendRequestInternal (Ljava/lang/String;Ljava/lang/String;ILcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableMap;Ljava/lang/String;ZIZ)V
+	public static fun setCustomClientBuilder (Lcom/facebook/react/modules/network/CustomClientBuilder;)V
+}
+
+public abstract interface class com/facebook/react/modules/network/NetworkingModule$CustomClientBuilder : com/facebook/react/modules/network/CustomClientBuilder {
+}
+
+public abstract interface class com/facebook/react/modules/network/NetworkingModule$RequestBodyHandler {
+	public abstract fun supports (Lcom/facebook/react/bridge/ReadableMap;)Z
+	public abstract fun toRequestBody (Lcom/facebook/react/bridge/ReadableMap;Ljava/lang/String;)Lokhttp3/RequestBody;
+}
+
+public abstract interface class com/facebook/react/modules/network/NetworkingModule$ResponseHandler {
+	public abstract fun supports (Ljava/lang/String;)Z
+	public abstract fun toResponseData (Lokhttp3/ResponseBody;)Lcom/facebook/react/bridge/WritableMap;
+}
+
+public abstract interface class com/facebook/react/modules/network/NetworkingModule$UriHandler {
+	public abstract fun fetch (Landroid/net/Uri;)Lcom/facebook/react/bridge/WritableMap;
+	public abstract fun supports (Landroid/net/Uri;Ljava/lang/String;)Z
+}
+
+public abstract interface class com/facebook/react/modules/network/OkHttpClientFactory {
+	public abstract fun createNewNetworkModuleClient ()Lokhttp3/OkHttpClient;
+}
+
+public class com/facebook/react/modules/network/OkHttpClientProvider {
+	public fun <init> ()V
+	public static fun createClient ()Lokhttp3/OkHttpClient;
+	public static fun createClient (Landroid/content/Context;)Lokhttp3/OkHttpClient;
+	public static fun createClientBuilder ()Lokhttp3/OkHttpClient$Builder;
+	public static fun createClientBuilder (Landroid/content/Context;)Lokhttp3/OkHttpClient$Builder;
+	public static fun createClientBuilder (Landroid/content/Context;I)Lokhttp3/OkHttpClient$Builder;
+	public static fun getOkHttpClient ()Lokhttp3/OkHttpClient;
+	public static fun setOkHttpClientFactory (Lcom/facebook/react/modules/network/OkHttpClientFactory;)V
+}
+
+public abstract interface class com/facebook/react/modules/network/ProgressListener {
+	public abstract fun onProgress (JJZ)V
+}
+
+public class com/facebook/react/modules/network/ProgressResponseBody : okhttp3/ResponseBody {
+	public fun <init> (Lokhttp3/ResponseBody;Lcom/facebook/react/modules/network/ProgressListener;)V
+	public fun contentLength ()J
+	public fun contentType ()Lokhttp3/MediaType;
+	public fun source ()Lokio/BufferedSource;
+	public fun totalBytesRead ()J
+}
+
+public class com/facebook/react/modules/network/ReactCookieJarContainer : com/facebook/react/modules/network/CookieJarContainer {
+	public fun <init> ()V
+	public fun loadForRequest (Lokhttp3/HttpUrl;)Ljava/util/List;
+	public fun removeCookieJar ()V
+	public fun saveFromResponse (Lokhttp3/HttpUrl;Ljava/util/List;)V
+	public fun setCookieJar (Lokhttp3/CookieJar;)V
+}
+
+public class com/facebook/react/modules/network/ResponseUtil {
+	public fun <init> ()V
+	public static fun onDataReceived (Lcom/facebook/react/bridge/ReactApplicationContext;ILcom/facebook/react/bridge/WritableMap;)V
+	public static fun onDataReceived (Lcom/facebook/react/bridge/ReactApplicationContext;ILjava/lang/String;)V
+	public static fun onDataReceivedProgress (Lcom/facebook/react/bridge/ReactApplicationContext;IJJ)V
+	public static fun onDataSend (Lcom/facebook/react/bridge/ReactApplicationContext;IJJ)V
+	public static fun onIncrementalDataReceived (Lcom/facebook/react/bridge/ReactApplicationContext;ILjava/lang/String;JJ)V
+	public static fun onRequestError (Lcom/facebook/react/bridge/ReactApplicationContext;ILjava/lang/String;Ljava/lang/Throwable;)V
+	public static fun onRequestSuccess (Lcom/facebook/react/bridge/ReactApplicationContext;I)V
+	public static fun onResponseReceived (Lcom/facebook/react/bridge/ReactApplicationContext;IILcom/facebook/react/bridge/WritableMap;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/modules/network/TLSSocketFactory : javax/net/ssl/SSLSocketFactory {
+	public fun <init> ()V
+	public fun createSocket (Ljava/lang/String;I)Ljava/net/Socket;
+	public fun createSocket (Ljava/lang/String;ILjava/net/InetAddress;I)Ljava/net/Socket;
+	public fun createSocket (Ljava/net/InetAddress;I)Ljava/net/Socket;
+	public fun createSocket (Ljava/net/InetAddress;ILjava/net/InetAddress;I)Ljava/net/Socket;
+	public fun createSocket (Ljava/net/Socket;Ljava/lang/String;IZ)Ljava/net/Socket;
+	public fun getDefaultCipherSuites ()[Ljava/lang/String;
+	public fun getSupportedCipherSuites ()[Ljava/lang/String;
+}
+
+public class com/facebook/react/modules/permissions/PermissionsModule : com/facebook/fbreact/specs/NativePermissionsAndroidSpec, com/facebook/react/modules/core/PermissionListener {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun checkPermission (Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V
+	public fun onRequestPermissionsResult (I[Ljava/lang/String;[I)Z
+	public fun requestMultiplePermissions (Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Promise;)V
+	public fun requestPermission (Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V
+	public fun shouldShowRequestPermissionRationale (Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V
+}
+
+public class com/facebook/react/modules/share/ShareModule : com/facebook/fbreact/specs/NativeShareModuleSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun share (Lcom/facebook/react/bridge/ReadableMap;Ljava/lang/String;Lcom/facebook/react/bridge/Promise;)V
+}
+
+public class com/facebook/react/modules/sound/SoundManagerModule : com/facebook/fbreact/specs/NativeSoundManagerSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun playTouchSound ()V
+}
+
+public class com/facebook/react/modules/statusbar/StatusBarModule : com/facebook/fbreact/specs/NativeStatusBarManagerAndroidSpec {
+	public static final field NAME Ljava/lang/String;
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun getTypedExportedConstants ()Ljava/util/Map;
+	public fun setColor (DZ)V
+	public fun setHidden (Z)V
+	public fun setStyle (Ljava/lang/String;)V
+	public fun setTranslucent (Z)V
+}
+
+public class com/facebook/react/modules/systeminfo/AndroidInfoHelpers {
+	public static final field DEVICE_LOCALHOST Ljava/lang/String;
+	public static final field EMULATOR_LOCALHOST Ljava/lang/String;
+	public static final field GENYMOTION_LOCALHOST Ljava/lang/String;
+	public static final field METRO_HOST_PROP_NAME Ljava/lang/String;
+	public fun <init> ()V
+	public static fun getAdbReverseTcpCommand (Landroid/content/Context;)Ljava/lang/String;
+	public static fun getAdbReverseTcpCommand (Ljava/lang/Integer;)Ljava/lang/String;
+	public static fun getFriendlyDeviceName ()Ljava/lang/String;
+	public static fun getServerHost (Landroid/content/Context;)Ljava/lang/String;
+	public static fun getServerHost (Ljava/lang/Integer;)Ljava/lang/String;
+}
+
+public class com/facebook/react/modules/systeminfo/AndroidInfoModule : com/facebook/fbreact/specs/NativePlatformConstantsAndroidSpec, com/facebook/react/internal/turbomodule/core/interfaces/TurboModule {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun getAndroidID ()Ljava/lang/String;
+	public fun getTypedExportedConstants ()Ljava/util/Map;
+	public fun invalidate ()V
+}
+
+public class com/facebook/react/modules/systeminfo/ReactNativeVersion {
+	public static final field VERSION Ljava/util/Map;
+	public fun <init> ()V
+}
+
+public class com/facebook/react/modules/toast/ToastModule : com/facebook/fbreact/specs/NativeToastAndroidSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun getTypedExportedConstants ()Ljava/util/Map;
+	public fun show (Ljava/lang/String;D)V
+	public fun showWithGravity (Ljava/lang/String;DD)V
+	public fun showWithGravityAndOffset (Ljava/lang/String;DDDD)V
+}
+
+public class com/facebook/react/modules/vibration/VibrationModule : com/facebook/fbreact/specs/NativeVibrationSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun cancel ()V
+	public fun vibrate (D)V
+	public fun vibrateByPattern (Lcom/facebook/react/bridge/ReadableArray;D)V
+}
+
+public final class com/facebook/react/modules/websocket/WebSocketModule : com/facebook/fbreact/specs/NativeWebSocketModuleSpec {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun addListener (Ljava/lang/String;)V
+	public fun close (DLjava/lang/String;D)V
+	public fun connect (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableMap;D)V
+	public fun invalidate ()V
+	public fun ping (D)V
+	public fun removeListeners (D)V
+	public fun send (Ljava/lang/String;D)V
+	public fun sendBinary (Ljava/lang/String;D)V
+	public fun sendBinary (Lokio/ByteString;I)V
+	public fun setContentHandler (ILcom/facebook/react/modules/websocket/WebSocketModule$ContentHandler;)V
+	public static fun setCustomClientBuilder (Lcom/facebook/react/modules/network/CustomClientBuilder;)V
+}
+
+public abstract interface class com/facebook/react/modules/websocket/WebSocketModule$ContentHandler {
+	public abstract fun onMessage (Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun onMessage (Lokio/ByteString;Lcom/facebook/react/bridge/WritableMap;)V
+}
+
+public class com/facebook/react/packagerconnection/FileIoHandler : java/lang/Runnable {
+	public fun <init> ()V
+	public fun handlers ()Ljava/util/Map;
+	public fun run ()V
+}
+
+public final class com/facebook/react/packagerconnection/JSPackagerClient : com/facebook/react/packagerconnection/ReconnectingWebSocket$MessageCallback {
+	public fun <init> (Ljava/lang/String;Lcom/facebook/react/packagerconnection/PackagerConnectionSettings;Ljava/util/Map;)V
+	public fun <init> (Ljava/lang/String;Lcom/facebook/react/packagerconnection/PackagerConnectionSettings;Ljava/util/Map;Lcom/facebook/react/packagerconnection/ReconnectingWebSocket$ConnectionCallback;)V
+	public fun close ()V
+	public fun init ()V
+	public fun onMessage (Ljava/lang/String;)V
+	public fun onMessage (Lokio/ByteString;)V
+}
+
+public abstract class com/facebook/react/packagerconnection/NotificationOnlyHandler : com/facebook/react/packagerconnection/RequestHandler {
+	public fun <init> ()V
+	public abstract fun onNotification (Ljava/lang/Object;)V
+	public final fun onRequest (Ljava/lang/Object;Lcom/facebook/react/packagerconnection/Responder;)V
+}
+
+public class com/facebook/react/packagerconnection/PackagerConnectionSettings {
+	public fun <init> (Landroid/content/Context;)V
+	public fun getDebugServerHost ()Ljava/lang/String;
+	public fun getPackageName ()Ljava/lang/String;
+	public fun setDebugServerHost (Ljava/lang/String;)V
+}
+
+public final class com/facebook/react/packagerconnection/ReconnectingWebSocket : okhttp3/WebSocketListener {
+	public fun <init> (Ljava/lang/String;Lcom/facebook/react/packagerconnection/ReconnectingWebSocket$MessageCallback;Lcom/facebook/react/packagerconnection/ReconnectingWebSocket$ConnectionCallback;)V
+	public fun closeQuietly ()V
+	public fun connect ()V
+	public fun onClosed (Lokhttp3/WebSocket;ILjava/lang/String;)V
+	public fun onFailure (Lokhttp3/WebSocket;Ljava/lang/Throwable;Lokhttp3/Response;)V
+	public fun onMessage (Lokhttp3/WebSocket;Ljava/lang/String;)V
+	public fun onMessage (Lokhttp3/WebSocket;Lokio/ByteString;)V
+	public fun onOpen (Lokhttp3/WebSocket;Lokhttp3/Response;)V
+	public fun sendMessage (Ljava/lang/String;)V
+	public fun sendMessage (Lokio/ByteString;)V
+}
+
+public abstract interface class com/facebook/react/packagerconnection/ReconnectingWebSocket$ConnectionCallback {
+	public abstract fun onConnected ()V
+	public abstract fun onDisconnected ()V
+}
+
+public abstract interface class com/facebook/react/packagerconnection/ReconnectingWebSocket$MessageCallback {
+	public abstract fun onMessage (Ljava/lang/String;)V
+	public abstract fun onMessage (Lokio/ByteString;)V
+}
+
+public abstract interface class com/facebook/react/packagerconnection/RequestHandler {
+	public abstract fun onNotification (Ljava/lang/Object;)V
+	public abstract fun onRequest (Ljava/lang/Object;Lcom/facebook/react/packagerconnection/Responder;)V
+}
+
+public abstract class com/facebook/react/packagerconnection/RequestOnlyHandler : com/facebook/react/packagerconnection/RequestHandler {
+	public fun <init> ()V
+	public final fun onNotification (Ljava/lang/Object;)V
+	public abstract fun onRequest (Ljava/lang/Object;Lcom/facebook/react/packagerconnection/Responder;)V
+}
+
+public abstract interface class com/facebook/react/packagerconnection/Responder {
+	public abstract fun error (Ljava/lang/Object;)V
+	public abstract fun respond (Ljava/lang/Object;)V
+}
+
+public abstract class com/facebook/react/perflogger/NativeModulePerfLogger {
+	protected fun <init> ()V
+	protected abstract fun initHybrid ()Lcom/facebook/jni/HybridData;
+	protected fun maybeLoadOtherSoLibraries ()V
+	public abstract fun moduleCreateCacheHit (Ljava/lang/String;I)V
+	public abstract fun moduleCreateConstructEnd (Ljava/lang/String;I)V
+	public abstract fun moduleCreateConstructStart (Ljava/lang/String;I)V
+	public abstract fun moduleCreateEnd (Ljava/lang/String;I)V
+	public abstract fun moduleCreateFail (Ljava/lang/String;I)V
+	public abstract fun moduleCreateSetUpEnd (Ljava/lang/String;I)V
+	public abstract fun moduleCreateSetUpStart (Ljava/lang/String;I)V
+	public abstract fun moduleCreateStart (Ljava/lang/String;I)V
+	public abstract fun moduleDataCreateEnd (Ljava/lang/String;I)V
+	public abstract fun moduleDataCreateStart (Ljava/lang/String;I)V
+}
+
+public abstract class com/facebook/react/runtime/BindingsInstaller {
+	public fun <init> (Lcom/facebook/jni/HybridData;)V
+}
+
+public class com/facebook/react/runtime/CoreReactPackage$$ReactModuleInfoProvider : com/facebook/react/module/model/ReactModuleInfoProvider {
+	public fun <init> ()V
+	public fun getReactModuleInfos ()Ljava/util/Map;
+}
+
+public class com/facebook/react/runtime/JSCInstance : com/facebook/react/runtime/JSRuntimeFactory {
+	public fun <init> ()V
+	protected static fun initHybrid ()Lcom/facebook/jni/HybridData;
+}
+
+public abstract class com/facebook/react/runtime/JSRuntimeFactory {
+	protected fun <init> (Lcom/facebook/jni/HybridData;)V
+}
+
+public class com/facebook/react/runtime/ReactHostImpl : com/facebook/react/ReactHost {
+	public fun <init> (Landroid/content/Context;Lcom/facebook/react/runtime/ReactHostDelegate;Lcom/facebook/react/fabric/ComponentFactory;Ljava/util/concurrent/Executor;Ljava/util/concurrent/Executor;Lcom/facebook/react/interfaces/exceptionmanager/ReactJsExceptionHandler;ZZ)V
+	public fun <init> (Landroid/content/Context;Lcom/facebook/react/runtime/ReactHostDelegate;Lcom/facebook/react/fabric/ComponentFactory;ZLcom/facebook/react/interfaces/exceptionmanager/ReactJsExceptionHandler;Z)V
+	public fun addBeforeDestroyListener (Lkotlin/jvm/functions/Function0;)V
+	public fun addReactInstanceEventListener (Lcom/facebook/react/ReactInstanceEventListener;)V
+	public fun createSurface (Landroid/content/Context;Ljava/lang/String;Landroid/os/Bundle;)Lcom/facebook/react/interfaces/fabric/ReactSurface;
+	public fun destroy (Ljava/lang/String;Ljava/lang/Exception;)Lcom/facebook/react/interfaces/TaskInterface;
+	public fun getCurrentReactContext ()Lcom/facebook/react/bridge/ReactContext;
+	public fun getDevSupportManager ()Lcom/facebook/react/devsupport/interfaces/DevSupportManager;
+	public fun getJsEngineResolutionAlgorithm ()Lcom/facebook/react/JSEngineResolutionAlgorithm;
+	public fun getLifecycleState ()Lcom/facebook/react/common/LifecycleState;
+	public fun getMemoryPressureRouter ()Lcom/facebook/react/MemoryPressureRouter;
+	public fun getReactQueueConfiguration ()Lcom/facebook/react/bridge/queue/ReactQueueConfiguration;
+	public fun onBackPressed ()Z
+	public fun onHostDestroy ()V
+	public fun onHostDestroy (Landroid/app/Activity;)V
+	public fun onHostPause ()V
+	public fun onHostPause (Landroid/app/Activity;)V
+	public fun onHostResume (Landroid/app/Activity;)V
+	public fun onHostResume (Landroid/app/Activity;Lcom/facebook/react/modules/core/DefaultHardwareBackBtnHandler;)V
+	public fun reload (Ljava/lang/String;)Lcom/facebook/react/interfaces/TaskInterface;
+	public fun removeBeforeDestroyListener (Lkotlin/jvm/functions/Function0;)V
+	public fun removeReactInstanceEventListener (Lcom/facebook/react/ReactInstanceEventListener;)V
+	public fun setJsEngineResolutionAlgorithm (Lcom/facebook/react/JSEngineResolutionAlgorithm;)V
+	public fun start ()Lcom/facebook/react/interfaces/TaskInterface;
+}
+
+public class com/facebook/react/runtime/ReactSurfaceImpl : com/facebook/react/interfaces/fabric/ReactSurface {
+	public fun <init> (Landroid/content/Context;Ljava/lang/String;Landroid/os/Bundle;)V
+	public fun attach (Lcom/facebook/react/runtime/ReactHostImpl;)V
+	public fun attachView (Lcom/facebook/react/runtime/ReactSurfaceView;)V
+	public fun clear ()V
+	public static fun createWithView (Landroid/content/Context;Ljava/lang/String;Landroid/os/Bundle;)Lcom/facebook/react/runtime/ReactSurfaceImpl;
+	public fun detach ()V
+	public fun getContext ()Landroid/content/Context;
+	public fun getModuleName ()Ljava/lang/String;
+	public fun getSurfaceID ()I
+	public fun getView ()Landroid/view/ViewGroup;
+	public fun isRunning ()Z
+	public fun prerender ()Lcom/facebook/react/interfaces/TaskInterface;
+	public fun start ()Lcom/facebook/react/interfaces/TaskInterface;
+	public fun stop ()Lcom/facebook/react/interfaces/TaskInterface;
+	public fun updateInitProps (Landroid/os/Bundle;)V
+}
+
+public class com/facebook/react/runtime/ReactSurfaceView : com/facebook/react/ReactRootView {
+	public fun <init> (Landroid/content/Context;Lcom/facebook/react/runtime/ReactSurfaceImpl;)V
+	protected fun dispatchJSPointerEvent (Landroid/view/MotionEvent;Z)V
+	protected fun dispatchJSTouchEvent (Landroid/view/MotionEvent;)V
+	public fun getCurrentReactContext ()Lcom/facebook/react/bridge/ReactContext;
+	public fun getUIManagerType ()I
+	public fun handleException (Ljava/lang/Throwable;)V
+	public fun hasActiveReactContext ()Z
+	public fun hasActiveReactInstance ()Z
+	public fun isViewAttachedToReactInstance ()Z
+	public fun onChildEndedNativeGesture (Landroid/view/View;Landroid/view/MotionEvent;)V
+	public fun onChildStartedNativeGesture (Landroid/view/View;Landroid/view/MotionEvent;)V
+	protected fun onLayout (ZIIII)V
+	protected fun onMeasure (II)V
+	public fun requestDisallowInterceptTouchEvent (Z)V
+	public fun setIsFabric (Z)V
+}
+
+public final class com/facebook/react/runtime/hermes/HermesInstance : com/facebook/react/runtime/JSRuntimeFactory {
+	public static final field Companion Lcom/facebook/react/runtime/hermes/HermesInstance$Companion;
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/react/fabric/ReactNativeConfig;)V
+}
+
+public final class com/facebook/react/runtime/hermes/HermesInstance$Companion {
+}
+
+public class com/facebook/react/runtime/internal/bolts/CancellationToken {
+	public fun isCancellationRequested ()Z
+	public fun register (Ljava/lang/Runnable;)Lcom/facebook/react/runtime/internal/bolts/CancellationTokenRegistration;
+	public fun throwIfCancellationRequested ()V
+	public fun toString ()Ljava/lang/String;
+}
+
+public class com/facebook/react/runtime/internal/bolts/CancellationTokenSource : java/io/Closeable {
+	public fun <init> ()V
+	public fun cancel ()V
+	public fun cancelAfter (J)V
+	public fun close ()V
+	public fun getToken ()Lcom/facebook/react/runtime/internal/bolts/CancellationToken;
+	public fun isCancellationRequested ()Z
+	public fun toString ()Ljava/lang/String;
+}
+
+public abstract interface class com/facebook/react/runtime/internal/bolts/Continuation {
+	public abstract fun then (Lcom/facebook/react/runtime/internal/bolts/Task;)Ljava/lang/Object;
+}
+
+public class com/facebook/react/runtime/internal/bolts/Task : com/facebook/react/interfaces/TaskInterface {
+	public static final field BACKGROUND_EXECUTOR Ljava/util/concurrent/ExecutorService;
+	public static final field UI_THREAD_EXECUTOR Ljava/util/concurrent/Executor;
+	public static fun call (Ljava/util/concurrent/Callable;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun call (Ljava/util/concurrent/Callable;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun call (Ljava/util/concurrent/Callable;Ljava/util/concurrent/Executor;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun call (Ljava/util/concurrent/Callable;Ljava/util/concurrent/Executor;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun callInBackground (Ljava/util/concurrent/Callable;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun callInBackground (Ljava/util/concurrent/Callable;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun cancelled ()Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun cast ()Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWhile (Ljava/util/concurrent/Callable;Lcom/facebook/react/runtime/internal/bolts/Continuation;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWhile (Ljava/util/concurrent/Callable;Lcom/facebook/react/runtime/internal/bolts/Continuation;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWhile (Ljava/util/concurrent/Callable;Lcom/facebook/react/runtime/internal/bolts/Continuation;Ljava/util/concurrent/Executor;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWhile (Ljava/util/concurrent/Callable;Lcom/facebook/react/runtime/internal/bolts/Continuation;Ljava/util/concurrent/Executor;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWith (Lcom/facebook/react/runtime/internal/bolts/Continuation;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWith (Lcom/facebook/react/runtime/internal/bolts/Continuation;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWith (Lcom/facebook/react/runtime/internal/bolts/Continuation;Ljava/util/concurrent/Executor;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWith (Lcom/facebook/react/runtime/internal/bolts/Continuation;Ljava/util/concurrent/Executor;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWithTask (Lcom/facebook/react/runtime/internal/bolts/Continuation;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWithTask (Lcom/facebook/react/runtime/internal/bolts/Continuation;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWithTask (Lcom/facebook/react/runtime/internal/bolts/Continuation;Ljava/util/concurrent/Executor;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun continueWithTask (Lcom/facebook/react/runtime/internal/bolts/Continuation;Ljava/util/concurrent/Executor;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun create ()Lcom/facebook/react/runtime/internal/bolts/TaskCompletionSource;
+	public static fun delay (J)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun delay (JLcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun forError (Ljava/lang/Exception;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun forResult (Ljava/lang/Object;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun getError ()Ljava/lang/Exception;
+	public fun getResult ()Ljava/lang/Object;
+	public static fun getUnobservedExceptionHandler ()Lcom/facebook/react/runtime/internal/bolts/Task$UnobservedExceptionHandler;
+	public fun isCancelled ()Z
+	public fun isCompleted ()Z
+	public fun isFaulted ()Z
+	public fun makeVoid ()Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun onSuccess (Lcom/facebook/react/runtime/internal/bolts/Continuation;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun onSuccess (Lcom/facebook/react/runtime/internal/bolts/Continuation;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun onSuccess (Lcom/facebook/react/runtime/internal/bolts/Continuation;Ljava/util/concurrent/Executor;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun onSuccess (Lcom/facebook/react/runtime/internal/bolts/Continuation;Ljava/util/concurrent/Executor;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun onSuccessTask (Lcom/facebook/react/runtime/internal/bolts/Continuation;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun onSuccessTask (Lcom/facebook/react/runtime/internal/bolts/Continuation;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun onSuccessTask (Lcom/facebook/react/runtime/internal/bolts/Continuation;Ljava/util/concurrent/Executor;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun onSuccessTask (Lcom/facebook/react/runtime/internal/bolts/Continuation;Ljava/util/concurrent/Executor;Lcom/facebook/react/runtime/internal/bolts/CancellationToken;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun setUnobservedExceptionHandler (Lcom/facebook/react/runtime/internal/bolts/Task$UnobservedExceptionHandler;)V
+	public fun waitForCompletion ()V
+	public fun waitForCompletion (JLjava/util/concurrent/TimeUnit;)Z
+	public static fun whenAll (Ljava/util/Collection;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun whenAllResult (Ljava/util/Collection;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun whenAny (Ljava/util/Collection;)Lcom/facebook/react/runtime/internal/bolts/Task;
+	public static fun whenAnyResult (Ljava/util/Collection;)Lcom/facebook/react/runtime/internal/bolts/Task;
+}
+
+public abstract interface class com/facebook/react/runtime/internal/bolts/Task$UnobservedExceptionHandler {
+	public abstract fun unobservedException (Lcom/facebook/react/runtime/internal/bolts/Task;Lcom/facebook/react/runtime/internal/bolts/UnobservedTaskException;)V
+}
+
+public class com/facebook/react/runtime/internal/bolts/TaskCompletionSource {
+	public fun <init> ()V
+	public fun getTask ()Lcom/facebook/react/runtime/internal/bolts/Task;
+	public fun setCancelled ()V
+	public fun setError (Ljava/lang/Exception;)V
+	public fun setResult (Ljava/lang/Object;)V
+	public fun trySetCancelled ()Z
+	public fun trySetError (Ljava/lang/Exception;)Z
+	public fun trySetResult (Ljava/lang/Object;)Z
+}
+
+public class com/facebook/react/shell/MainPackageConfig {
+	public fun getFrescoConfig ()Lcom/facebook/imagepipeline/core/ImagePipelineConfig;
+}
+
+public class com/facebook/react/shell/MainPackageConfig$Builder {
+	public fun <init> ()V
+	public fun build ()Lcom/facebook/react/shell/MainPackageConfig;
+	public fun setFrescoConfig (Lcom/facebook/imagepipeline/core/ImagePipelineConfig;)Lcom/facebook/react/shell/MainPackageConfig$Builder;
+}
+
+public class com/facebook/react/shell/MainReactPackage : com/facebook/react/TurboReactPackage, com/facebook/react/ViewManagerOnDemandReactPackage {
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/react/shell/MainPackageConfig;)V
+	public fun createViewManager (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/lang/String;)Lcom/facebook/react/uimanager/ViewManager;
+	public fun createViewManagers (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+	public fun getModule (Ljava/lang/String;Lcom/facebook/react/bridge/ReactApplicationContext;)Lcom/facebook/react/bridge/NativeModule;
+	public fun getReactModuleInfoProvider ()Lcom/facebook/react/module/model/ReactModuleInfoProvider;
+	public fun getViewManagerNames (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/Collection;
+	public fun getViewManagers (Lcom/facebook/react/bridge/ReactApplicationContext;)Ljava/util/List;
+	public fun getViewManagersMap ()Ljava/util/Map;
+}
+
+public class com/facebook/react/shell/MainReactPackage$$ReactModuleInfoProvider : com/facebook/react/module/model/ReactModuleInfoProvider {
+	public fun <init> ()V
+	public fun getReactModuleInfos ()Ljava/util/Map;
+}
+
+public final class com/facebook/react/touch/JSResponderHandler : com/facebook/react/touch/OnInterceptTouchEventListener {
+	public fun <init> ()V
+	public final fun clearJSResponder ()V
+	public fun onInterceptTouchEvent (Landroid/view/ViewGroup;Landroid/view/MotionEvent;)Z
+	public final fun setJSResponder (ILandroid/view/ViewParent;)V
+}
+
+public abstract interface class com/facebook/react/touch/OnInterceptTouchEventListener {
+	public abstract fun onInterceptTouchEvent (Landroid/view/ViewGroup;Landroid/view/MotionEvent;)Z
+}
+
+public abstract interface class com/facebook/react/touch/ReactHitSlopView {
+	public abstract fun getHitSlopRect ()Landroid/graphics/Rect;
+}
+
+public abstract interface class com/facebook/react/touch/ReactInterceptingViewGroup {
+	public abstract fun setOnInterceptTouchEventListener (Lcom/facebook/react/touch/OnInterceptTouchEventListener;)V
+}
+
+public class com/facebook/react/turbomodule/core/CallInvokerHolderImpl : com/facebook/react/turbomodule/core/interfaces/CallInvokerHolder {
+}
+
+public class com/facebook/react/turbomodule/core/NativeMethodCallInvokerHolderImpl : com/facebook/react/turbomodule/core/interfaces/NativeMethodCallInvokerHolder {
+}
+
+public abstract interface class com/facebook/react/turbomodule/core/interfaces/CallInvokerHolder {
+}
+
+public abstract interface class com/facebook/react/turbomodule/core/interfaces/NativeMethodCallInvokerHolder {
+}
+
+public abstract interface class com/facebook/react/turbomodule/core/interfaces/TurboModule : com/facebook/react/internal/turbomodule/core/interfaces/TurboModule {
+}
+
+public abstract class com/facebook/react/uimanager/BaseViewManager : com/facebook/react/uimanager/ViewManager, android/view/View$OnLayoutChangeListener, com/facebook/react/uimanager/BaseViewManagerInterface {
+	public fun <init> ()V
+	public fun getExportedCustomBubblingEventTypeConstants ()Ljava/util/Map;
+	public fun getExportedCustomDirectEventTypeConstants ()Ljava/util/Map;
+	protected fun onAfterUpdateTransaction (Landroid/view/View;)V
+	public fun onLayoutChange (Landroid/view/View;IIIIIIII)V
+	protected fun prepareToRecycleView (Lcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)Landroid/view/View;
+	public fun setAccessibilityActions (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setAccessibilityCollection (Landroid/view/View;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setAccessibilityCollectionItem (Landroid/view/View;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setAccessibilityHint (Landroid/view/View;Ljava/lang/String;)V
+	public fun setAccessibilityLabel (Landroid/view/View;Ljava/lang/String;)V
+	public fun setAccessibilityLabelledBy (Landroid/view/View;Lcom/facebook/react/bridge/Dynamic;)V
+	public fun setAccessibilityLiveRegion (Landroid/view/View;Ljava/lang/String;)V
+	public fun setAccessibilityRole (Landroid/view/View;Ljava/lang/String;)V
+	public fun setAccessibilityValue (Landroid/view/View;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setBackgroundColor (Landroid/view/View;I)V
+	public fun setBorderBottomLeftRadius (Landroid/view/View;F)V
+	public fun setBorderBottomRightRadius (Landroid/view/View;F)V
+	public fun setBorderRadius (Landroid/view/View;F)V
+	public fun setBorderTopLeftRadius (Landroid/view/View;F)V
+	public fun setBorderTopRightRadius (Landroid/view/View;F)V
+	public fun setClick (Landroid/view/View;Z)V
+	public fun setClickCapture (Landroid/view/View;Z)V
+	public fun setElevation (Landroid/view/View;F)V
+	public fun setImportantForAccessibility (Landroid/view/View;Ljava/lang/String;)V
+	public fun setMoveShouldSetResponder (Landroid/view/View;Z)V
+	public fun setMoveShouldSetResponderCapture (Landroid/view/View;Z)V
+	public fun setNativeId (Landroid/view/View;Ljava/lang/String;)V
+	public fun setOpacity (Landroid/view/View;F)V
+	public fun setPointerEnter (Landroid/view/View;Z)V
+	public fun setPointerEnterCapture (Landroid/view/View;Z)V
+	public fun setPointerLeave (Landroid/view/View;Z)V
+	public fun setPointerLeaveCapture (Landroid/view/View;Z)V
+	public fun setPointerMove (Landroid/view/View;Z)V
+	public fun setPointerMoveCapture (Landroid/view/View;Z)V
+	public fun setPointerOut (Landroid/view/View;Z)V
+	public fun setPointerOutCapture (Landroid/view/View;Z)V
+	public fun setPointerOver (Landroid/view/View;Z)V
+	public fun setPointerOverCapture (Landroid/view/View;Z)V
+	public fun setRenderToHardwareTexture (Landroid/view/View;Z)V
+	public fun setResponderEnd (Landroid/view/View;Z)V
+	public fun setResponderGrant (Landroid/view/View;Z)V
+	public fun setResponderMove (Landroid/view/View;Z)V
+	public fun setResponderReject (Landroid/view/View;Z)V
+	public fun setResponderRelease (Landroid/view/View;Z)V
+	public fun setResponderStart (Landroid/view/View;Z)V
+	public fun setResponderTerminate (Landroid/view/View;Z)V
+	public fun setResponderTerminationRequest (Landroid/view/View;Z)V
+	public fun setRole (Landroid/view/View;Ljava/lang/String;)V
+	public fun setRotation (Landroid/view/View;F)V
+	public fun setScaleX (Landroid/view/View;F)V
+	public fun setScaleY (Landroid/view/View;F)V
+	public fun setShadowColor (Landroid/view/View;I)V
+	public fun setShouldBlockNativeResponder (Landroid/view/View;Z)V
+	public fun setStartShouldSetResponder (Landroid/view/View;Z)V
+	public fun setStartShouldSetResponderCapture (Landroid/view/View;Z)V
+	public fun setTestId (Landroid/view/View;Ljava/lang/String;)V
+	public fun setTouchCancel (Landroid/view/View;Z)V
+	public fun setTouchEnd (Landroid/view/View;Z)V
+	public fun setTouchMove (Landroid/view/View;Z)V
+	public fun setTouchStart (Landroid/view/View;Z)V
+	public fun setTransform (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setTransformOrigin (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	protected fun setTransformProperty (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setTranslateX (Landroid/view/View;F)V
+	public fun setTranslateY (Landroid/view/View;F)V
+	public fun setViewState (Landroid/view/View;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setZIndex (Landroid/view/View;F)V
+}
+
+public abstract class com/facebook/react/uimanager/BaseViewManagerDelegate : com/facebook/react/uimanager/ViewManagerDelegate {
+	protected final field mViewManager Lcom/facebook/react/uimanager/BaseViewManagerInterface;
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/BaseViewManagerInterface {
+	public abstract fun setAccessibilityActions (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun setAccessibilityCollection (Landroid/view/View;Lcom/facebook/react/bridge/ReadableMap;)V
+	public abstract fun setAccessibilityCollectionItem (Landroid/view/View;Lcom/facebook/react/bridge/ReadableMap;)V
+	public abstract fun setAccessibilityHint (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setAccessibilityLabel (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setAccessibilityLabelledBy (Landroid/view/View;Lcom/facebook/react/bridge/Dynamic;)V
+	public abstract fun setAccessibilityLiveRegion (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setAccessibilityRole (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setBackgroundColor (Landroid/view/View;I)V
+	public abstract fun setBorderBottomLeftRadius (Landroid/view/View;F)V
+	public abstract fun setBorderBottomRightRadius (Landroid/view/View;F)V
+	public abstract fun setBorderRadius (Landroid/view/View;F)V
+	public abstract fun setBorderTopLeftRadius (Landroid/view/View;F)V
+	public abstract fun setBorderTopRightRadius (Landroid/view/View;F)V
+	public abstract fun setElevation (Landroid/view/View;F)V
+	public abstract fun setImportantForAccessibility (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setNativeId (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setOpacity (Landroid/view/View;F)V
+	public abstract fun setRenderToHardwareTexture (Landroid/view/View;Z)V
+	public abstract fun setRole (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setRotation (Landroid/view/View;F)V
+	public abstract fun setScaleX (Landroid/view/View;F)V
+	public abstract fun setScaleY (Landroid/view/View;F)V
+	public abstract fun setShadowColor (Landroid/view/View;I)V
+	public abstract fun setTestId (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setTransform (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun setTransformOrigin (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun setTranslateX (Landroid/view/View;F)V
+	public abstract fun setTranslateY (Landroid/view/View;F)V
+	public abstract fun setViewState (Landroid/view/View;Lcom/facebook/react/bridge/ReadableMap;)V
+	public abstract fun setZIndex (Landroid/view/View;F)V
+}
+
+public abstract interface class com/facebook/react/uimanager/ComponentNameResolver {
+	public abstract fun getComponentNames ()[Ljava/lang/String;
+}
+
+public class com/facebook/react/uimanager/ComponentNameResolverManager {
+	public fun <init> (Lcom/facebook/react/bridge/RuntimeExecutor;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/uimanager/DisplayMetricsHolder {
+	public fun <init> ()V
+	public static fun getDisplayMetricsWritableMap (D)Lcom/facebook/react/bridge/WritableMap;
+	public static fun getScreenDisplayMetrics ()Landroid/util/DisplayMetrics;
+	public static fun getWindowDisplayMetrics ()Landroid/util/DisplayMetrics;
+	public static fun initDisplayMetrics (Landroid/content/Context;)V
+	public static fun initDisplayMetricsIfNotInitialized (Landroid/content/Context;)V
+	public static fun setScreenDisplayMetrics (Landroid/util/DisplayMetrics;)V
+	public static fun setWindowDisplayMetrics (Landroid/util/DisplayMetrics;)V
+}
+
+public class com/facebook/react/uimanager/FabricViewStateManager {
+	public fun <init> ()V
+	public fun getStateData ()Lcom/facebook/react/bridge/ReadableMap;
+	public fun hasStateWrapper ()Z
+	public fun setState (Lcom/facebook/react/uimanager/FabricViewStateManager$StateUpdateCallback;)V
+	public fun setStateWrapper (Lcom/facebook/react/uimanager/StateWrapper;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/FabricViewStateManager$HasFabricViewStateManager {
+	public abstract fun getFabricViewStateManager ()Lcom/facebook/react/uimanager/FabricViewStateManager;
+}
+
+public abstract interface class com/facebook/react/uimanager/FabricViewStateManager$StateUpdateCallback {
+	public abstract fun getStateUpdate ()Lcom/facebook/react/bridge/WritableMap;
+}
+
+public class com/facebook/react/uimanager/FloatUtil {
+	public fun <init> ()V
+	public static fun floatsEqual (FF)Z
+}
+
+public abstract class com/facebook/react/uimanager/GuardedFrameCallback : android/view/Choreographer$FrameCallback {
+	protected fun <init> (Lcom/facebook/react/bridge/ReactContext;)V
+	public final fun doFrame (J)V
+	protected abstract fun doFrameGuarded (J)V
+}
+
+public abstract interface class com/facebook/react/uimanager/IViewGroupManager : com/facebook/react/uimanager/IViewManagerWithChildren {
+	public abstract fun addView (Landroid/view/View;Landroid/view/View;I)V
+	public abstract fun getChildAt (Landroid/view/View;I)Landroid/view/View;
+	public abstract fun getChildCount (Landroid/view/View;)I
+	public fun removeAllViews (Landroid/view/View;)V
+	public abstract fun removeViewAt (Landroid/view/View;I)V
+}
+
+public abstract interface class com/facebook/react/uimanager/IViewManagerWithChildren {
+	public abstract fun needsCustomLayoutForChildren ()Z
+}
+
+public class com/facebook/react/uimanager/IllegalViewOperationException : com/facebook/react/bridge/JSApplicationCausedNativeException {
+	public fun <init> (Ljava/lang/String;)V
+	public fun <init> (Ljava/lang/String;Landroid/view/View;Ljava/lang/Throwable;)V
+	public fun getView ()Landroid/view/View;
+}
+
+public class com/facebook/react/uimanager/JSPointerDispatcher {
+	public fun <init> (Landroid/view/ViewGroup;)V
+	public fun handleMotionEvent (Landroid/view/MotionEvent;Lcom/facebook/react/uimanager/events/EventDispatcher;Z)V
+	public fun onChildEndedNativeGesture ()V
+	public fun onChildStartedNativeGesture (Landroid/view/View;Landroid/view/MotionEvent;Lcom/facebook/react/uimanager/events/EventDispatcher;)V
+}
+
+public class com/facebook/react/uimanager/JSTouchDispatcher {
+	public fun <init> (Landroid/view/ViewGroup;)V
+	public fun handleTouchEvent (Landroid/view/MotionEvent;Lcom/facebook/react/uimanager/events/EventDispatcher;)V
+	public fun onChildEndedNativeGesture (Landroid/view/MotionEvent;Lcom/facebook/react/uimanager/events/EventDispatcher;)V
+	public fun onChildStartedNativeGesture (Landroid/view/MotionEvent;Lcom/facebook/react/uimanager/events/EventDispatcher;)V
+}
+
+public class com/facebook/react/uimanager/LayoutShadowNode : com/facebook/react/uimanager/ReactShadowNodeImpl {
+	public fun <init> ()V
+	public fun setAlignContent (Ljava/lang/String;)V
+	public fun setAlignItems (Ljava/lang/String;)V
+	public fun setAlignSelf (Ljava/lang/String;)V
+	public fun setAspectRatio (F)V
+	public fun setBorderWidths (IF)V
+	public fun setCollapsable (Z)V
+	public fun setColumnGap (F)V
+	public fun setDisplay (Ljava/lang/String;)V
+	public fun setFlex (F)V
+	public fun setFlexBasis (Lcom/facebook/react/bridge/Dynamic;)V
+	public fun setFlexDirection (Ljava/lang/String;)V
+	public fun setFlexGrow (F)V
+	public fun setFlexShrink (F)V
+	public fun setFlexWrap (Ljava/lang/String;)V
+	public fun setGap (F)V
+	public fun setHeight (Lcom/facebook/react/bridge/Dynamic;)V
+	public fun setJustifyContent (Ljava/lang/String;)V
+	public fun setMargins (ILcom/facebook/react/bridge/Dynamic;)V
+	public fun setMaxHeight (Lcom/facebook/react/bridge/Dynamic;)V
+	public fun setMaxWidth (Lcom/facebook/react/bridge/Dynamic;)V
+	public fun setMinHeight (Lcom/facebook/react/bridge/Dynamic;)V
+	public fun setMinWidth (Lcom/facebook/react/bridge/Dynamic;)V
+	public fun setOverflow (Ljava/lang/String;)V
+	public fun setPaddings (ILcom/facebook/react/bridge/Dynamic;)V
+	public fun setPosition (Ljava/lang/String;)V
+	public fun setPositionValues (ILcom/facebook/react/bridge/Dynamic;)V
+	public fun setRowGap (F)V
+	public fun setShouldNotifyOnLayout (Z)V
+	public fun setShouldNotifyPointerEnter (Z)V
+	public fun setShouldNotifyPointerLeave (Z)V
+	public fun setShouldNotifyPointerMove (Z)V
+	public fun setWidth (Lcom/facebook/react/bridge/Dynamic;)V
+}
+
+public class com/facebook/react/uimanager/LayoutShadowNode$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ShadowNodeSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public fun setProperty (Lcom/facebook/react/uimanager/LayoutShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/uimanager/MatrixMathHelper {
+	public fun <init> ()V
+	public static fun applyPerspective ([DD)V
+	public static fun applyRotateX ([DD)V
+	public static fun applyRotateY ([DD)V
+	public static fun applyRotateZ ([DD)V
+	public static fun applyScaleX ([DD)V
+	public static fun applyScaleY ([DD)V
+	public static fun applyScaleZ ([DD)V
+	public static fun applySkewX ([DD)V
+	public static fun applySkewY ([DD)V
+	public static fun applyTranslate2D ([DDD)V
+	public static fun applyTranslate3D ([DDDD)V
+	public static fun createIdentityMatrix ()[D
+	public static fun decomposeMatrix ([DLcom/facebook/react/uimanager/MatrixMathHelper$MatrixDecompositionContext;)V
+	public static fun degreesToRadians (D)D
+	public static fun determinant ([D)D
+	public static fun inverse ([D)[D
+	public static fun multiplyInto ([D[D[D)V
+	public static fun multiplyVectorByMatrix ([D[D[D)V
+	public static fun resetIdentityMatrix ([D)V
+	public static fun roundTo3Places (D)D
+	public static fun transpose ([D)[D
+	public static fun v3Combine ([D[DDD)[D
+	public static fun v3Cross ([D[D)[D
+	public static fun v3Dot ([D[D)D
+	public static fun v3Length ([D)D
+	public static fun v3Normalize ([DD)[D
+}
+
+public class com/facebook/react/uimanager/MatrixMathHelper$MatrixDecompositionContext {
+	public fun <init> ()V
+	public fun reset ()V
+}
+
+public class com/facebook/react/uimanager/MeasureSpecAssertions {
+	public fun <init> ()V
+	public static final fun assertExplicitMeasureSpec (II)V
+}
+
+public final class com/facebook/react/uimanager/NativeKind : java/lang/Enum {
+	public static final field LEAF Lcom/facebook/react/uimanager/NativeKind;
+	public static final field NONE Lcom/facebook/react/uimanager/NativeKind;
+	public static final field PARENT Lcom/facebook/react/uimanager/NativeKind;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/uimanager/NativeKind;
+	public static fun values ()[Lcom/facebook/react/uimanager/NativeKind;
+}
+
+public class com/facebook/react/uimanager/NativeViewHierarchyManager {
+	public fun <init> (Lcom/facebook/react/uimanager/ViewManagerRegistry;)V
+	public fun <init> (Lcom/facebook/react/uimanager/ViewManagerRegistry;Lcom/facebook/react/uimanager/RootViewManager;)V
+	public fun addRootView (ILandroid/view/View;)V
+	protected final fun addRootViewGroup (ILandroid/view/View;)V
+	public fun clearJSResponder ()V
+	public fun createView (Lcom/facebook/react/uimanager/ThemedReactContext;ILjava/lang/String;Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	public fun dismissPopupMenu ()V
+	public fun dispatchCommand (IILcom/facebook/react/bridge/ReadableArray;)V
+	public fun dispatchCommand (ILjava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	protected fun dropView (Landroid/view/View;)V
+	public fun findTargetTagForTouch (IFF)I
+	public fun getInstanceHandle (I)J
+	public fun getRootViewNum ()I
+	public fun manageChildren (I[I[Lcom/facebook/react/uimanager/ViewAtIndex;[I)V
+	public fun measure (I[I)V
+	public fun measureInWindow (I[I)V
+	public fun removeRootView (I)V
+	public final fun resolveView (I)Landroid/view/View;
+	public final fun resolveViewManager (I)Lcom/facebook/react/uimanager/ViewManager;
+	public fun sendAccessibilityEvent (II)V
+	public fun setChildren (ILcom/facebook/react/bridge/ReadableArray;)V
+	public fun setJSResponder (IIZ)V
+	public fun setLayoutAnimationEnabled (Z)V
+	public fun showPopupMenu (ILcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+	public fun updateInstanceHandle (IJ)V
+	public fun updateLayout (IIIIII)V
+	public fun updateProperties (ILcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	public fun updateViewExtraData (ILjava/lang/Object;)V
+}
+
+public class com/facebook/react/uimanager/NativeViewHierarchyOptimizer {
+	public fun <init> (Lcom/facebook/react/uimanager/UIViewOperationQueue;Lcom/facebook/react/uimanager/ShadowNodeRegistry;)V
+	public static fun assertNodeSupportedWithoutOptimizer (Lcom/facebook/react/uimanager/ReactShadowNode;)V
+	public fun handleCreateView (Lcom/facebook/react/uimanager/ReactShadowNode;Lcom/facebook/react/uimanager/ThemedReactContext;Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	public fun handleForceViewToBeNonLayoutOnly (Lcom/facebook/react/uimanager/ReactShadowNode;)V
+	public fun handleManageChildren (Lcom/facebook/react/uimanager/ReactShadowNode;[I[I[Lcom/facebook/react/uimanager/ViewAtIndex;[I)V
+	public static fun handleRemoveNode (Lcom/facebook/react/uimanager/ReactShadowNode;)V
+	public fun handleSetChildren (Lcom/facebook/react/uimanager/ReactShadowNode;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun handleUpdateLayout (Lcom/facebook/react/uimanager/ReactShadowNode;)V
+	public fun handleUpdateView (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	public fun onBatchComplete ()V
+}
+
+public class com/facebook/react/uimanager/OnLayoutEvent : com/facebook/react/uimanager/events/Event {
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+	protected fun init (IIIII)V
+	protected fun init (IIIIII)V
+	public static fun obtain (IIIII)Lcom/facebook/react/uimanager/OnLayoutEvent;
+	public static fun obtain (IIIIII)Lcom/facebook/react/uimanager/OnLayoutEvent;
+	public fun onDispose ()V
+}
+
+public class com/facebook/react/uimanager/PixelUtil {
+	public fun <init> ()V
+	public static fun getDisplayMetricDensity ()F
+	public static fun toDIPFromPixel (F)F
+	public static fun toPixelFromDIP (D)F
+	public static fun toPixelFromDIP (F)F
+	public static fun toPixelFromSP (D)F
+	public static fun toPixelFromSP (F)F
+	public static fun toPixelFromSP (FF)F
+}
+
+public final class com/facebook/react/uimanager/PointerEvents : java/lang/Enum {
+	public static final field AUTO Lcom/facebook/react/uimanager/PointerEvents;
+	public static final field BOX_NONE Lcom/facebook/react/uimanager/PointerEvents;
+	public static final field BOX_ONLY Lcom/facebook/react/uimanager/PointerEvents;
+	public static final field NONE Lcom/facebook/react/uimanager/PointerEvents;
+	public static fun canBeTouchTarget (Lcom/facebook/react/uimanager/PointerEvents;)Z
+	public static fun canChildrenBeTouchTarget (Lcom/facebook/react/uimanager/PointerEvents;)Z
+	public static fun parsePointerEvents (Ljava/lang/String;)Lcom/facebook/react/uimanager/PointerEvents;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/uimanager/PointerEvents;
+	public static fun values ()[Lcom/facebook/react/uimanager/PointerEvents;
+}
+
+public class com/facebook/react/uimanager/ReactAccessibilityDelegate : androidx/customview/widget/ExploreByTouchHelper {
+	public static final field TOP_ACCESSIBILITY_ACTION_EVENT Ljava/lang/String;
+	public static final field sActionIdMap Ljava/util/HashMap;
+	public fun <init> (Landroid/view/View;ZI)V
+	public static fun createNodeInfoFromView (Landroid/view/View;)Landroidx/core/view/accessibility/AccessibilityNodeInfoCompat;
+	public fun getAccessibilityNodeProvider (Landroid/view/View;)Landroidx/core/view/accessibility/AccessibilityNodeProviderCompat;
+	protected fun getFirstSpan (IILjava/lang/Class;)Ljava/lang/Object;
+	public static fun getTalkbackDescription (Landroid/view/View;Landroidx/core/view/accessibility/AccessibilityNodeInfoCompat;)Ljava/lang/CharSequence;
+	protected fun getVirtualViewAt (FF)I
+	protected fun getVisibleVirtualViews (Ljava/util/List;)V
+	public static fun hasNonActionableSpeakingDescendants (Landroidx/core/view/accessibility/AccessibilityNodeInfoCompat;Landroid/view/View;)Z
+	public static fun hasText (Landroidx/core/view/accessibility/AccessibilityNodeInfoCompat;)Z
+	public static fun hasValidRangeInfo (Landroidx/core/view/accessibility/AccessibilityNodeInfoCompat;)Z
+	public static fun isAccessibilityFocusable (Landroidx/core/view/accessibility/AccessibilityNodeInfoCompat;Landroid/view/View;)Z
+	public static fun isActionableForAccessibility (Landroidx/core/view/accessibility/AccessibilityNodeInfoCompat;)Z
+	public static fun isSpeakingNode (Landroidx/core/view/accessibility/AccessibilityNodeInfoCompat;Landroid/view/View;)Z
+	public fun onInitializeAccessibilityEvent (Landroid/view/View;Landroid/view/accessibility/AccessibilityEvent;)V
+	public fun onInitializeAccessibilityNodeInfo (Landroid/view/View;Landroidx/core/view/accessibility/AccessibilityNodeInfoCompat;)V
+	protected fun onPerformActionForVirtualView (IILandroid/os/Bundle;)Z
+	protected fun onPopulateNodeForVirtualView (ILandroidx/core/view/accessibility/AccessibilityNodeInfoCompat;)V
+	public fun performAccessibilityAction (Landroid/view/View;ILandroid/os/Bundle;)Z
+	public static fun resetDelegate (Landroid/view/View;ZI)V
+	public static fun setDelegate (Landroid/view/View;ZI)V
+	public static fun setRole (Landroidx/core/view/accessibility/AccessibilityNodeInfoCompat;Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;Landroid/content/Context;)V
+}
+
+public class com/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityLinks {
+	public fun <init> ([Landroid/text/style/ClickableSpan;Landroid/text/Spannable;)V
+	public fun getLinkById (I)Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityLinks$AccessibleLink;
+	public fun getLinkBySpanPos (II)Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityLinks$AccessibleLink;
+	public fun size ()I
+}
+
+public final class com/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole : java/lang/Enum {
+	public static final field ADJUSTABLE Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field ALERT Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field BUTTON Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field CHECKBOX Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field COMBOBOX Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field DRAWERLAYOUT Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field DROPDOWNLIST Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field GRID Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field HEADER Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field HORIZONTALSCROLLVIEW Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field ICONMENU Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field IMAGE Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field IMAGEBUTTON Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field KEYBOARDKEY Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field LINK Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field LIST Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field MENU Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field MENUBAR Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field MENUITEM Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field NONE Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field PAGER Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field PROGRESSBAR Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field RADIO Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field RADIOGROUP Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field SCROLLBAR Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field SCROLLVIEW Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field SEARCH Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field SLIDINGDRAWER Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field SPINBUTTON Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field SUMMARY Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field SWITCH Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field TAB Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field TABLIST Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field TEXT Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field TIMER Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field TOGGLEBUTTON Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field TOOLBAR Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field VIEWGROUP Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static final field WEBVIEW Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static fun fromRole (Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;)Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static fun fromValue (Ljava/lang/String;)Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static fun fromViewTag (Landroid/view/View;)Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static fun getValue (Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;)Ljava/lang/String;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public static fun values ()[Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+}
+
+public final class com/facebook/react/uimanager/ReactAccessibilityDelegate$Role : java/lang/Enum {
+	public static final field ALERT Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field ALERTDIALOG Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field APPLICATION Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field ARTICLE Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field BANNER Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field BUTTON Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field CELL Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field CHECKBOX Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field COLUMNHEADER Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field COMBOBOX Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field COMPLEMENTARY Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field CONTENTINFO Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field DEFINITION Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field DIALOG Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field DIRECTORY Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field DOCUMENT Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field FEED Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field FIGURE Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field FORM Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field GRID Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field GROUP Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field HEADING Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field IMG Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field LINK Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field LIST Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field LISTITEM Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field LOG Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field MAIN Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field MARQUEE Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field MATH Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field MENU Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field MENUBAR Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field MENUITEM Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field METER Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field NAVIGATION Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field NONE Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field NOTE Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field OPTION Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field PRESENTATION Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field PROGRESSBAR Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field RADIO Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field RADIOGROUP Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field REGION Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field ROW Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field ROWGROUP Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field ROWHEADER Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field SCROLLBAR Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field SEARCHBOX Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field SEPARATOR Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field SLIDER Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field SPINBUTTON Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field STATUS Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field SUMMARY Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field SWITCH Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field TAB Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field TABLE Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field TABLIST Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field TABPANEL Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field TERM Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field TIMER Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field TOOLBAR Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field TOOLTIP Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field TREE Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field TREEGRID Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static final field TREEITEM Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static fun fromValue (Ljava/lang/String;)Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static fun values ()[Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+}
+
+public abstract interface class com/facebook/react/uimanager/ReactClippingProhibitedView {
+}
+
+public abstract interface class com/facebook/react/uimanager/ReactClippingViewGroup {
+	public abstract fun getClippingRect (Landroid/graphics/Rect;)V
+	public abstract fun getRemoveClippedSubviews ()Z
+	public abstract fun setRemoveClippedSubviews (Z)V
+	public abstract fun updateClippingRect ()V
+}
+
+public class com/facebook/react/uimanager/ReactClippingViewGroupHelper {
+	public static final field PROP_REMOVE_CLIPPED_SUBVIEWS Ljava/lang/String;
+	public fun <init> ()V
+	public static fun calculateClippingRect (Landroid/view/View;Landroid/graphics/Rect;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/ReactCompoundView {
+	public abstract fun reactTagForTouch (FF)I
+}
+
+public abstract interface class com/facebook/react/uimanager/ReactCompoundViewGroup : com/facebook/react/uimanager/ReactCompoundView {
+	public abstract fun interceptsTouchEvent (FF)Z
+}
+
+public class com/facebook/react/uimanager/ReactInvalidPropertyException : java/lang/RuntimeException {
+	public fun <init> (Ljava/lang/String;Ljava/lang/String;Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/ReactOverflowView {
+	public abstract fun getOverflow ()Ljava/lang/String;
+}
+
+public abstract interface class com/facebook/react/uimanager/ReactOverflowViewWithInset : com/facebook/react/uimanager/ReactOverflowView {
+	public abstract fun getOverflowInset ()Landroid/graphics/Rect;
+	public abstract fun setOverflowInset (IIII)V
+}
+
+public abstract interface class com/facebook/react/uimanager/ReactPointerEventsView {
+	public abstract fun getPointerEvents ()Lcom/facebook/react/uimanager/PointerEvents;
+}
+
+public abstract interface class com/facebook/react/uimanager/ReactRoot {
+	public static final field STATE_STARTED I
+	public static final field STATE_STOPPED I
+	public abstract fun getAppProperties ()Landroid/os/Bundle;
+	public abstract fun getHeightMeasureSpec ()I
+	public abstract fun getJSModuleName ()Ljava/lang/String;
+	public abstract fun getRootViewGroup ()Landroid/view/ViewGroup;
+	public abstract fun getRootViewTag ()I
+	public abstract fun getState ()Ljava/util/concurrent/atomic/AtomicInteger;
+	public abstract fun getSurfaceID ()Ljava/lang/String;
+	public abstract fun getUIManagerType ()I
+	public abstract fun getWidthMeasureSpec ()I
+	public abstract fun onStage (I)V
+	public abstract fun runApplication ()V
+	public abstract fun setRootViewTag (I)V
+	public abstract fun setShouldLogContentAppeared (Z)V
+}
+
+public class com/facebook/react/uimanager/ReactRootViewTagGenerator {
+	public fun <init> ()V
+	public static fun getNextRootViewTag ()I
+}
+
+public abstract interface class com/facebook/react/uimanager/ReactShadowNode {
+	public abstract fun addChildAt (Lcom/facebook/react/uimanager/ReactShadowNode;I)V
+	public abstract fun addNativeChildAt (Lcom/facebook/react/uimanager/ReactShadowNode;I)V
+	public abstract fun calculateLayout ()V
+	public abstract fun calculateLayout (FF)V
+	public abstract fun calculateLayoutOnChildren ()Ljava/lang/Iterable;
+	public abstract fun dirty ()V
+	public abstract fun dispatchUpdates (FFLcom/facebook/react/uimanager/UIViewOperationQueue;Lcom/facebook/react/uimanager/NativeViewHierarchyOptimizer;)V
+	public abstract fun dispatchUpdatesWillChangeLayout (FF)Z
+	public abstract fun dispose ()V
+	public abstract fun getChildAt (I)Lcom/facebook/react/uimanager/ReactShadowNode;
+	public abstract fun getChildCount ()I
+	public abstract fun getFlex ()F
+	public abstract fun getHeightMeasureSpec ()Ljava/lang/Integer;
+	public abstract fun getHierarchyInfo ()Ljava/lang/String;
+	public abstract fun getLayoutDirection ()Lcom/facebook/yoga/YogaDirection;
+	public abstract fun getLayoutHeight ()F
+	public abstract fun getLayoutParent ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public abstract fun getLayoutWidth ()F
+	public abstract fun getLayoutX ()F
+	public abstract fun getLayoutY ()F
+	public abstract fun getNativeChildCount ()I
+	public abstract fun getNativeKind ()Lcom/facebook/react/uimanager/NativeKind;
+	public abstract fun getNativeOffsetForChild (Lcom/facebook/react/uimanager/ReactShadowNode;)I
+	public abstract fun getNativeParent ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public abstract fun getPadding (I)F
+	public abstract fun getParent ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public abstract fun getReactTag ()I
+	public abstract fun getRootTag ()I
+	public abstract fun getScreenHeight ()I
+	public abstract fun getScreenWidth ()I
+	public abstract fun getScreenX ()I
+	public abstract fun getScreenY ()I
+	public abstract fun getStyleHeight ()Lcom/facebook/yoga/YogaValue;
+	public abstract fun getStylePadding (I)Lcom/facebook/yoga/YogaValue;
+	public abstract fun getStyleWidth ()Lcom/facebook/yoga/YogaValue;
+	public abstract fun getThemedContext ()Lcom/facebook/react/uimanager/ThemedReactContext;
+	public abstract fun getTotalNativeChildren ()I
+	public abstract fun getViewClass ()Ljava/lang/String;
+	public abstract fun getWidthMeasureSpec ()Ljava/lang/Integer;
+	public abstract fun hasNewLayout ()Z
+	public abstract fun hasUnseenUpdates ()Z
+	public abstract fun hasUpdates ()Z
+	public abstract fun hoistNativeChildren ()Z
+	public abstract fun indexOf (Lcom/facebook/react/uimanager/ReactShadowNode;)I
+	public abstract fun indexOfNativeChild (Lcom/facebook/react/uimanager/ReactShadowNode;)I
+	public abstract fun isDescendantOf (Lcom/facebook/react/uimanager/ReactShadowNode;)Z
+	public abstract fun isDirty ()Z
+	public abstract fun isLayoutOnly ()Z
+	public abstract fun isMeasureDefined ()Z
+	public abstract fun isVirtual ()Z
+	public abstract fun isVirtualAnchor ()Z
+	public abstract fun isYogaLeafNode ()Z
+	public abstract fun markLayoutSeen ()V
+	public abstract fun markUpdateSeen ()V
+	public abstract fun markUpdated ()V
+	public abstract fun onAfterUpdateTransaction ()V
+	public abstract fun onBeforeLayout (Lcom/facebook/react/uimanager/NativeViewHierarchyOptimizer;)V
+	public abstract fun onCollectExtraUpdates (Lcom/facebook/react/uimanager/UIViewOperationQueue;)V
+	public abstract fun removeAllNativeChildren ()V
+	public abstract fun removeAndDisposeAllChildren ()V
+	public abstract fun removeChildAt (I)Lcom/facebook/react/uimanager/ReactShadowNode;
+	public abstract fun removeNativeChildAt (I)Lcom/facebook/react/uimanager/ReactShadowNode;
+	public abstract fun setAlignContent (Lcom/facebook/yoga/YogaAlign;)V
+	public abstract fun setAlignItems (Lcom/facebook/yoga/YogaAlign;)V
+	public abstract fun setAlignSelf (Lcom/facebook/yoga/YogaAlign;)V
+	public abstract fun setBaselineFunction (Lcom/facebook/yoga/YogaBaselineFunction;)V
+	public abstract fun setBorder (IF)V
+	public abstract fun setColumnGap (F)V
+	public abstract fun setDefaultPadding (IF)V
+	public abstract fun setDisplay (Lcom/facebook/yoga/YogaDisplay;)V
+	public abstract fun setFlex (F)V
+	public abstract fun setFlexBasis (F)V
+	public abstract fun setFlexBasisAuto ()V
+	public abstract fun setFlexBasisPercent (F)V
+	public abstract fun setFlexDirection (Lcom/facebook/yoga/YogaFlexDirection;)V
+	public abstract fun setFlexGrow (F)V
+	public abstract fun setFlexShrink (F)V
+	public abstract fun setFlexWrap (Lcom/facebook/yoga/YogaWrap;)V
+	public abstract fun setGap (F)V
+	public abstract fun setIsLayoutOnly (Z)V
+	public abstract fun setJustifyContent (Lcom/facebook/yoga/YogaJustify;)V
+	public abstract fun setLayoutDirection (Lcom/facebook/yoga/YogaDirection;)V
+	public abstract fun setLayoutParent (Lcom/facebook/react/uimanager/ReactShadowNode;)V
+	public abstract fun setLocalData (Ljava/lang/Object;)V
+	public abstract fun setMargin (IF)V
+	public abstract fun setMarginAuto (I)V
+	public abstract fun setMarginPercent (IF)V
+	public abstract fun setMeasureFunction (Lcom/facebook/yoga/YogaMeasureFunction;)V
+	public abstract fun setMeasureSpecs (II)V
+	public abstract fun setOverflow (Lcom/facebook/yoga/YogaOverflow;)V
+	public abstract fun setPadding (IF)V
+	public abstract fun setPaddingPercent (IF)V
+	public abstract fun setPosition (IF)V
+	public abstract fun setPositionPercent (IF)V
+	public abstract fun setPositionType (Lcom/facebook/yoga/YogaPositionType;)V
+	public abstract fun setReactTag (I)V
+	public abstract fun setRootTag (I)V
+	public abstract fun setRowGap (F)V
+	public abstract fun setShouldNotifyOnLayout (Z)V
+	public abstract fun setStyleAspectRatio (F)V
+	public abstract fun setStyleHeight (F)V
+	public abstract fun setStyleHeightAuto ()V
+	public abstract fun setStyleHeightPercent (F)V
+	public abstract fun setStyleMaxHeight (F)V
+	public abstract fun setStyleMaxHeightPercent (F)V
+	public abstract fun setStyleMaxWidth (F)V
+	public abstract fun setStyleMaxWidthPercent (F)V
+	public abstract fun setStyleMinHeight (F)V
+	public abstract fun setStyleMinHeightPercent (F)V
+	public abstract fun setStyleMinWidth (F)V
+	public abstract fun setStyleMinWidthPercent (F)V
+	public abstract fun setStyleWidth (F)V
+	public abstract fun setStyleWidthAuto ()V
+	public abstract fun setStyleWidthPercent (F)V
+	public abstract fun setThemedContext (Lcom/facebook/react/uimanager/ThemedReactContext;)V
+	public abstract fun setViewClassName (Ljava/lang/String;)V
+	public abstract fun shouldNotifyOnLayout ()Z
+	public abstract fun updateProperties (Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+}
+
+public class com/facebook/react/uimanager/ReactShadowNodeImpl : com/facebook/react/uimanager/ReactShadowNode {
+	public fun <init> ()V
+	public synthetic fun addChildAt (Lcom/facebook/react/uimanager/ReactShadowNode;I)V
+	public fun addChildAt (Lcom/facebook/react/uimanager/ReactShadowNodeImpl;I)V
+	public synthetic fun addNativeChildAt (Lcom/facebook/react/uimanager/ReactShadowNode;I)V
+	public final fun addNativeChildAt (Lcom/facebook/react/uimanager/ReactShadowNodeImpl;I)V
+	public fun calculateLayout ()V
+	public fun calculateLayout (FF)V
+	public fun calculateLayoutOnChildren ()Ljava/lang/Iterable;
+	public fun dirty ()V
+	public fun dispatchUpdates (FFLcom/facebook/react/uimanager/UIViewOperationQueue;Lcom/facebook/react/uimanager/NativeViewHierarchyOptimizer;)V
+	public fun dispatchUpdatesWillChangeLayout (FF)Z
+	public fun dispose ()V
+	public synthetic fun getChildAt (I)Lcom/facebook/react/uimanager/ReactShadowNode;
+	public final fun getChildAt (I)Lcom/facebook/react/uimanager/ReactShadowNodeImpl;
+	public final fun getChildCount ()I
+	public fun getFlex ()F
+	public fun getHeightMeasureSpec ()Ljava/lang/Integer;
+	public fun getHierarchyInfo ()Ljava/lang/String;
+	public final fun getLayoutDirection ()Lcom/facebook/yoga/YogaDirection;
+	public final fun getLayoutHeight ()F
+	public synthetic fun getLayoutParent ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public final fun getLayoutParent ()Lcom/facebook/react/uimanager/ReactShadowNodeImpl;
+	public final fun getLayoutWidth ()F
+	public final fun getLayoutX ()F
+	public final fun getLayoutY ()F
+	public final fun getNativeChildCount ()I
+	public fun getNativeKind ()Lcom/facebook/react/uimanager/NativeKind;
+	public synthetic fun getNativeOffsetForChild (Lcom/facebook/react/uimanager/ReactShadowNode;)I
+	public final fun getNativeOffsetForChild (Lcom/facebook/react/uimanager/ReactShadowNodeImpl;)I
+	public synthetic fun getNativeParent ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public final fun getNativeParent ()Lcom/facebook/react/uimanager/ReactShadowNodeImpl;
+	public final fun getPadding (I)F
+	public synthetic fun getParent ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public final fun getParent ()Lcom/facebook/react/uimanager/ReactShadowNodeImpl;
+	public final fun getReactTag ()I
+	public final fun getRootTag ()I
+	public fun getScreenHeight ()I
+	public fun getScreenWidth ()I
+	public fun getScreenX ()I
+	public fun getScreenY ()I
+	public final fun getStyleHeight ()Lcom/facebook/yoga/YogaValue;
+	public final fun getStylePadding (I)Lcom/facebook/yoga/YogaValue;
+	public final fun getStyleWidth ()Lcom/facebook/yoga/YogaValue;
+	public final fun getThemedContext ()Lcom/facebook/react/uimanager/ThemedReactContext;
+	public final fun getTotalNativeChildren ()I
+	public final fun getViewClass ()Ljava/lang/String;
+	public fun getWidthMeasureSpec ()Ljava/lang/Integer;
+	public final fun hasNewLayout ()Z
+	public final fun hasUnseenUpdates ()Z
+	public final fun hasUpdates ()Z
+	public fun hoistNativeChildren ()Z
+	public synthetic fun indexOf (Lcom/facebook/react/uimanager/ReactShadowNode;)I
+	public final fun indexOf (Lcom/facebook/react/uimanager/ReactShadowNodeImpl;)I
+	public synthetic fun indexOfNativeChild (Lcom/facebook/react/uimanager/ReactShadowNode;)I
+	public final fun indexOfNativeChild (Lcom/facebook/react/uimanager/ReactShadowNodeImpl;)I
+	public synthetic fun isDescendantOf (Lcom/facebook/react/uimanager/ReactShadowNode;)Z
+	public fun isDescendantOf (Lcom/facebook/react/uimanager/ReactShadowNodeImpl;)Z
+	public final fun isDirty ()Z
+	public final fun isLayoutOnly ()Z
+	public fun isMeasureDefined ()Z
+	public fun isVirtual ()Z
+	public fun isVirtualAnchor ()Z
+	public fun isYogaLeafNode ()Z
+	public final fun markLayoutSeen ()V
+	public final fun markUpdateSeen ()V
+	public fun markUpdated ()V
+	public fun onAfterUpdateTransaction ()V
+	public fun onBeforeLayout (Lcom/facebook/react/uimanager/NativeViewHierarchyOptimizer;)V
+	public fun onCollectExtraUpdates (Lcom/facebook/react/uimanager/UIViewOperationQueue;)V
+	public final fun removeAllNativeChildren ()V
+	public fun removeAndDisposeAllChildren ()V
+	public synthetic fun removeChildAt (I)Lcom/facebook/react/uimanager/ReactShadowNode;
+	public fun removeChildAt (I)Lcom/facebook/react/uimanager/ReactShadowNodeImpl;
+	public synthetic fun removeNativeChildAt (I)Lcom/facebook/react/uimanager/ReactShadowNode;
+	public final fun removeNativeChildAt (I)Lcom/facebook/react/uimanager/ReactShadowNodeImpl;
+	public fun setAlignContent (Lcom/facebook/yoga/YogaAlign;)V
+	public fun setAlignItems (Lcom/facebook/yoga/YogaAlign;)V
+	public fun setAlignSelf (Lcom/facebook/yoga/YogaAlign;)V
+	public fun setBaselineFunction (Lcom/facebook/yoga/YogaBaselineFunction;)V
+	public fun setBorder (IF)V
+	public fun setColumnGap (F)V
+	public fun setDefaultPadding (IF)V
+	public fun setDisplay (Lcom/facebook/yoga/YogaDisplay;)V
+	public fun setFlex (F)V
+	public fun setFlexBasis (F)V
+	public fun setFlexBasisAuto ()V
+	public fun setFlexBasisPercent (F)V
+	public fun setFlexDirection (Lcom/facebook/yoga/YogaFlexDirection;)V
+	public fun setFlexGrow (F)V
+	public fun setFlexShrink (F)V
+	public fun setFlexWrap (Lcom/facebook/yoga/YogaWrap;)V
+	public fun setGap (F)V
+	public final fun setIsLayoutOnly (Z)V
+	public fun setJustifyContent (Lcom/facebook/yoga/YogaJustify;)V
+	public fun setLayoutDirection (Lcom/facebook/yoga/YogaDirection;)V
+	public synthetic fun setLayoutParent (Lcom/facebook/react/uimanager/ReactShadowNode;)V
+	public final fun setLayoutParent (Lcom/facebook/react/uimanager/ReactShadowNodeImpl;)V
+	public fun setLocalData (Ljava/lang/Object;)V
+	public fun setMargin (IF)V
+	public fun setMarginAuto (I)V
+	public fun setMarginPercent (IF)V
+	public fun setMeasureFunction (Lcom/facebook/yoga/YogaMeasureFunction;)V
+	public fun setMeasureSpecs (II)V
+	public fun setOverflow (Lcom/facebook/yoga/YogaOverflow;)V
+	public fun setPadding (IF)V
+	public fun setPaddingPercent (IF)V
+	public fun setPosition (IF)V
+	public fun setPositionPercent (IF)V
+	public fun setPositionType (Lcom/facebook/yoga/YogaPositionType;)V
+	public fun setReactTag (I)V
+	public final fun setRootTag (I)V
+	public fun setRowGap (F)V
+	public fun setShouldNotifyOnLayout (Z)V
+	public fun setStyleAspectRatio (F)V
+	public fun setStyleHeight (F)V
+	public fun setStyleHeightAuto ()V
+	public fun setStyleHeightPercent (F)V
+	public fun setStyleMaxHeight (F)V
+	public fun setStyleMaxHeightPercent (F)V
+	public fun setStyleMaxWidth (F)V
+	public fun setStyleMaxWidthPercent (F)V
+	public fun setStyleMinHeight (F)V
+	public fun setStyleMinHeightPercent (F)V
+	public fun setStyleMinWidth (F)V
+	public fun setStyleMinWidthPercent (F)V
+	public fun setStyleWidth (F)V
+	public fun setStyleWidthAuto ()V
+	public fun setStyleWidthPercent (F)V
+	public fun setThemedContext (Lcom/facebook/react/uimanager/ThemedReactContext;)V
+	public final fun setViewClassName (Ljava/lang/String;)V
+	public final fun shouldNotifyOnLayout ()Z
+	public fun toString ()Ljava/lang/String;
+	public final fun updateProperties (Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+}
+
+public class com/facebook/react/uimanager/ReactShadowNodeImpl$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ShadowNodeSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNodeImpl;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface annotation class com/facebook/react/uimanager/ReactStage : java/lang/annotation/Annotation {
+	public static final field BRIDGE_DID_LOAD I
+	public static final field MODULE_DID_LOAD I
+	public static final field ON_ATTACH_TO_INSTANCE I
+	public static final field SURFACE_DID_INITIALIZE I
+	public static final field SURFACE_DID_INITIAL_LAYOUT I
+	public static final field SURFACE_DID_INITIAL_MOUNTING I
+	public static final field SURFACE_DID_INITIAL_RENDERING I
+	public static final field SURFACE_DID_RUN I
+	public static final field SURFACE_DID_STOP I
+}
+
+public class com/facebook/react/uimanager/ReactStylesDiffMap {
+	public fun <init> (Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun getArray (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableArray;
+	public fun getBoolean (Ljava/lang/String;Z)Z
+	public fun getDouble (Ljava/lang/String;D)D
+	public fun getDynamic (Ljava/lang/String;)Lcom/facebook/react/bridge/Dynamic;
+	public fun getFloat (Ljava/lang/String;F)F
+	public fun getInt (Ljava/lang/String;I)I
+	public fun getMap (Ljava/lang/String;)Lcom/facebook/react/bridge/ReadableMap;
+	public fun getString (Ljava/lang/String;)Ljava/lang/String;
+	public fun hasKey (Ljava/lang/String;)Z
+	public fun isNull (Ljava/lang/String;)Z
+	public fun toMap ()Ljava/util/Map;
+	public fun toString ()Ljava/lang/String;
+}
+
+public class com/facebook/react/uimanager/ReactYogaConfigProvider {
+	public fun <init> ()V
+	public static fun get ()Lcom/facebook/yoga/YogaConfig;
+}
+
+public abstract interface class com/facebook/react/uimanager/ReactZIndexedViewGroup {
+	public abstract fun getZIndexMappedChildIndex (I)I
+	public abstract fun updateDrawingOrder ()V
+}
+
+public abstract interface class com/facebook/react/uimanager/RootView {
+	public abstract fun handleException (Ljava/lang/Throwable;)V
+	public abstract fun onChildEndedNativeGesture (Landroid/view/View;Landroid/view/MotionEvent;)V
+	public fun onChildStartedNativeGesture (Landroid/view/MotionEvent;)V
+	public abstract fun onChildStartedNativeGesture (Landroid/view/View;Landroid/view/MotionEvent;)V
+}
+
+public class com/facebook/react/uimanager/RootViewManager : com/facebook/react/uimanager/ViewGroupManager {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	protected synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	protected fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/ViewGroup;
+	public fun getName ()Ljava/lang/String;
+}
+
+public class com/facebook/react/uimanager/RootViewManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public fun setProperty (Lcom/facebook/react/uimanager/RootViewManager;Landroid/view/ViewGroup;Ljava/lang/String;Ljava/lang/Object;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/uimanager/RootViewUtil {
+	public fun <init> ()V
+	public static fun getRootView (Landroid/view/View;)Lcom/facebook/react/uimanager/RootView;
+	public static fun getViewportOffset (Landroid/view/View;)Landroid/graphics/Point;
+}
+
+public abstract class com/facebook/react/uimanager/SimpleViewManager : com/facebook/react/uimanager/BaseViewManager {
+	public fun <init> ()V
+	public fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/LayoutShadowNode;
+	public synthetic fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public fun getShadowNodeClass ()Ljava/lang/Class;
+	public fun updateExtraData (Landroid/view/View;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/uimanager/Spacing {
+	public static final field ALL I
+	public static final field BLOCK I
+	public static final field BLOCK_END I
+	public static final field BLOCK_START I
+	public static final field BOTTOM I
+	public static final field END I
+	public static final field HORIZONTAL I
+	public static final field LEFT I
+	public static final field RIGHT I
+	public static final field START I
+	public static final field TOP I
+	public static final field VERTICAL I
+	public fun <init> ()V
+	public fun <init> (F)V
+	public fun <init> (Lcom/facebook/react/uimanager/Spacing;)V
+	public fun get (I)F
+	public fun getRaw (I)F
+	public fun reset ()V
+	public fun set (IF)Z
+}
+
+public abstract interface class com/facebook/react/uimanager/StateWrapper {
+	public abstract fun destroyState ()V
+	public abstract fun getStateData ()Lcom/facebook/react/bridge/ReadableNativeMap;
+	public abstract fun getStateDataMapBuffer ()Lcom/facebook/react/common/mapbuffer/ReadableMapBuffer;
+	public abstract fun updateState (Lcom/facebook/react/bridge/WritableMap;)V
+}
+
+public class com/facebook/react/uimanager/ThemedReactContext : com/facebook/react/bridge/ReactContext {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Landroid/content/Context;)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Landroid/content/Context;Ljava/lang/String;)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Landroid/content/Context;Ljava/lang/String;I)V
+	public fun addLifecycleEventListener (Lcom/facebook/react/bridge/LifecycleEventListener;)V
+	public fun getCurrentActivity ()Landroid/app/Activity;
+	public fun getFabricUIManager ()Lcom/facebook/react/bridge/UIManager;
+	public fun getModuleName ()Ljava/lang/String;
+	public fun getReactApplicationContext ()Lcom/facebook/react/bridge/ReactApplicationContext;
+	public fun getSurfaceID ()Ljava/lang/String;
+	public fun getSurfaceId ()I
+	public fun hasCurrentActivity ()Z
+	public fun isBridgeless ()Z
+	public fun removeLifecycleEventListener (Lcom/facebook/react/bridge/LifecycleEventListener;)V
+}
+
+public class com/facebook/react/uimanager/TouchTargetHelper {
+	public fun <init> ()V
+	public static fun findTargetPathAndCoordinatesForTouch (FFLandroid/view/ViewGroup;[F)Ljava/util/List;
+	public static fun findTargetTagAndCoordinatesForTouch (FFLandroid/view/ViewGroup;[F[I)I
+	public static fun findTargetTagForTouch (FFLandroid/view/ViewGroup;)I
+	public static fun findTargetTagForTouch (FFLandroid/view/ViewGroup;[I)I
+}
+
+public class com/facebook/react/uimanager/TouchTargetHelper$ViewTarget {
+	public fun equals (Ljava/lang/Object;)Z
+	public fun getView ()Landroid/view/View;
+	public fun getViewId ()I
+	public fun hashCode ()I
+}
+
+public class com/facebook/react/uimanager/TransformHelper {
+	public fun <init> ()V
+	public static fun processTransform (Lcom/facebook/react/bridge/ReadableArray;[D)V
+	public static fun processTransform (Lcom/facebook/react/bridge/ReadableArray;[DFFLcom/facebook/react/bridge/ReadableArray;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/UIBlock {
+	public abstract fun execute (Lcom/facebook/react/uimanager/NativeViewHierarchyManager;)V
+}
+
+public class com/facebook/react/uimanager/UIConstantsProviderManager {
+	public fun <init> (Lcom/facebook/react/bridge/RuntimeExecutor;Lcom/facebook/react/uimanager/UIConstantsProviderManager$DefaultEventTypesProvider;Lcom/facebook/react/uimanager/UIConstantsProviderManager$ConstantsForViewManagerProvider;Lcom/facebook/react/uimanager/UIConstantsProviderManager$ConstantsProvider;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/UIConstantsProviderManager$ConstantsForViewManagerProvider {
+	public abstract fun getConstantsForViewManager (Ljava/lang/String;)Lcom/facebook/react/bridge/NativeMap;
+}
+
+public abstract interface class com/facebook/react/uimanager/UIConstantsProviderManager$ConstantsProvider {
+	public abstract fun getConstants ()Lcom/facebook/react/bridge/NativeMap;
+}
+
+public abstract interface class com/facebook/react/uimanager/UIConstantsProviderManager$DefaultEventTypesProvider {
+	public abstract fun getDefaultEventTypes ()Lcom/facebook/react/bridge/NativeMap;
+}
+
+public class com/facebook/react/uimanager/UIImplementation {
+	protected final field mEventDispatcher Lcom/facebook/react/uimanager/events/EventDispatcher;
+	protected field mLayoutUpdateListener Lcom/facebook/react/uimanager/UIImplementation$LayoutUpdateListener;
+	protected final field mReactContext Lcom/facebook/react/bridge/ReactApplicationContext;
+	protected final field mShadowNodeRegistry Lcom/facebook/react/uimanager/ShadowNodeRegistry;
+	protected field uiImplementationThreadLock Ljava/lang/Object;
+	protected fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/uimanager/ViewManagerRegistry;Lcom/facebook/react/uimanager/UIViewOperationQueue;Lcom/facebook/react/uimanager/events/EventDispatcher;)V
+	public fun addUIBlock (Lcom/facebook/react/uimanager/UIBlock;)V
+	protected fun applyUpdatesRecursive (Lcom/facebook/react/uimanager/ReactShadowNode;FFLjava/util/List;)V
+	protected fun calculateRootLayout (Lcom/facebook/react/uimanager/ReactShadowNode;)V
+	public fun clearJSResponder ()V
+	public fun configureNextLayoutAnimation (Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;)V
+	protected fun createRootShadowNode ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	protected fun createShadowNode (Ljava/lang/String;)Lcom/facebook/react/uimanager/ReactShadowNode;
+	public fun createView (ILjava/lang/String;ILcom/facebook/react/bridge/ReadableMap;)V
+	public fun dismissPopupMenu ()V
+	public fun dispatchViewManagerCommand (IILcom/facebook/react/bridge/ReadableArray;)V
+	public fun dispatchViewManagerCommand (ILjava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun dispatchViewUpdates (I)V
+	public fun findSubviewIn (IFFLcom/facebook/react/bridge/Callback;)V
+	public fun getProfiledBatchPerfCounters ()Ljava/util/Map;
+	protected fun handleCreateView (Lcom/facebook/react/uimanager/ReactShadowNode;ILcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	protected fun handleUpdateView (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	public fun manageChildren (ILcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun measure (ILcom/facebook/react/bridge/Callback;)V
+	public fun measureInWindow (ILcom/facebook/react/bridge/Callback;)V
+	public fun measureLayout (IILcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+	public fun measureLayoutRelativeToParent (ILcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+	public fun onCatalystInstanceDestroyed ()V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun prependUIBlock (Lcom/facebook/react/uimanager/UIBlock;)V
+	public fun profileNextBatch ()V
+	public fun registerRootView (Landroid/view/View;ILcom/facebook/react/uimanager/ThemedReactContext;)V
+	public fun removeLayoutUpdateListener ()V
+	public fun removeRootShadowNode (I)V
+	public fun removeRootView (I)V
+	protected final fun removeShadowNode (Lcom/facebook/react/uimanager/ReactShadowNode;)V
+	public fun replaceExistingNonRootView (II)V
+	public fun resolveRootTagFromReactTag (I)I
+	public final fun resolveShadowNode (I)Lcom/facebook/react/uimanager/ReactShadowNode;
+	protected final fun resolveViewManager (Ljava/lang/String;)Lcom/facebook/react/uimanager/ViewManager;
+	public fun sendAccessibilityEvent (II)V
+	public fun setChildren (ILcom/facebook/react/bridge/ReadableArray;)V
+	public fun setJSResponder (IZ)V
+	public fun setLayoutAnimationEnabledExperimental (Z)V
+	public fun setLayoutUpdateListener (Lcom/facebook/react/uimanager/UIImplementation$LayoutUpdateListener;)V
+	public fun setViewHierarchyUpdateDebugListener (Lcom/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener;)V
+	public fun setViewLocalData (ILjava/lang/Object;)V
+	public fun showPopupMenu (ILcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+	public fun synchronouslyUpdateViewOnUIThread (ILcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	public fun updateNodeSize (III)V
+	public fun updateRootView (III)V
+	public fun updateRootView (Lcom/facebook/react/uimanager/ReactShadowNode;II)V
+	public fun updateView (ILjava/lang/String;Lcom/facebook/react/bridge/ReadableMap;)V
+	protected fun updateViewHierarchy ()V
+	public fun viewIsDescendantOf (IILcom/facebook/react/bridge/Callback;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/UIImplementation$LayoutUpdateListener {
+	public abstract fun onLayoutUpdated (Lcom/facebook/react/uimanager/ReactShadowNode;)V
+}
+
+public class com/facebook/react/uimanager/UIManagerHelper {
+	public static final field PADDING_BOTTOM_INDEX I
+	public static final field PADDING_END_INDEX I
+	public static final field PADDING_START_INDEX I
+	public static final field PADDING_TOP_INDEX I
+	public fun <init> ()V
+	public static fun getDefaultTextInputPadding (Landroid/content/Context;)[F
+	public static fun getEventDispatcher (Lcom/facebook/react/bridge/ReactContext;I)Lcom/facebook/react/uimanager/events/EventDispatcher;
+	public static fun getEventDispatcherForReactTag (Lcom/facebook/react/bridge/ReactContext;I)Lcom/facebook/react/uimanager/events/EventDispatcher;
+	public static fun getReactContext (Landroid/view/View;)Lcom/facebook/react/bridge/ReactContext;
+	public static fun getSurfaceId (Landroid/content/Context;)I
+	public static fun getSurfaceId (Landroid/view/View;)I
+	public static fun getUIManager (Lcom/facebook/react/bridge/ReactContext;I)Lcom/facebook/react/bridge/UIManager;
+	public static fun getUIManagerForReactTag (Lcom/facebook/react/bridge/ReactContext;I)Lcom/facebook/react/bridge/UIManager;
+}
+
+public class com/facebook/react/uimanager/UIManagerModule : com/facebook/react/bridge/ReactContextBaseJavaModule, com/facebook/react/bridge/LifecycleEventListener, com/facebook/react/bridge/OnBatchCompleteListener, com/facebook/react/bridge/UIManager {
+	public static final field NAME Ljava/lang/String;
+	public static final field TAG Ljava/lang/String;
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/uimanager/ViewManagerResolver;I)V
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Ljava/util/List;I)V
+	public fun addRootView (Landroid/view/View;)I
+	public fun addRootView (Landroid/view/View;Lcom/facebook/react/bridge/WritableMap;)I
+	public fun addUIBlock (Lcom/facebook/react/uimanager/UIBlock;)V
+	public fun addUIManagerEventListener (Lcom/facebook/react/bridge/UIManagerListener;)V
+	public fun addUIManagerListener (Lcom/facebook/react/uimanager/UIManagerModuleListener;)V
+	public fun clearJSResponder ()V
+	public fun configureNextLayoutAnimation (Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+	public static fun createConstants (Ljava/util/List;Ljava/util/Map;Ljava/util/Map;)Ljava/util/Map;
+	public fun createView (ILjava/lang/String;ILcom/facebook/react/bridge/ReadableMap;)V
+	public fun dismissPopupMenu ()V
+	public fun dispatchCommand (IILcom/facebook/react/bridge/ReadableArray;)V
+	public fun dispatchCommand (ILjava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun dispatchViewManagerCommand (ILcom/facebook/react/bridge/Dynamic;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun findSubviewIn (ILcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Callback;)V
+	public fun getConstants ()Ljava/util/Map;
+	public static fun getConstantsForViewManager (Lcom/facebook/react/uimanager/ViewManager;Ljava/util/Map;)Lcom/facebook/react/bridge/WritableMap;
+	public fun getConstantsForViewManager (Ljava/lang/String;)Lcom/facebook/react/bridge/WritableMap;
+	public fun getDefaultEventTypes ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getDirectEventNamesResolver ()Lcom/facebook/react/uimanager/UIManagerModule$CustomEventNamesResolver;
+	public fun getEventDispatcher ()Lcom/facebook/react/uimanager/events/EventDispatcher;
+	public synthetic fun getEventDispatcher ()Ljava/lang/Object;
+	public fun getName ()Ljava/lang/String;
+	public fun getPerformanceCounters ()Ljava/util/Map;
+	public fun getUIImplementation ()Lcom/facebook/react/uimanager/UIImplementation;
+	public fun getViewManagerRegistry_DO_NOT_USE ()Lcom/facebook/react/uimanager/ViewManagerRegistry;
+	public fun initialize ()V
+	public fun invalidate ()V
+	public fun invalidateNodeLayout (I)V
+	public fun manageChildren (ILcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun measure (ILcom/facebook/react/bridge/Callback;)V
+	public fun measureInWindow (ILcom/facebook/react/bridge/Callback;)V
+	public fun measureLayout (IILcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+	public fun measureLayoutRelativeToParent (ILcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+	public fun onBatchComplete ()V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun prependUIBlock (Lcom/facebook/react/uimanager/UIBlock;)V
+	public fun profileNextBatch ()V
+	public fun receiveEvent (IILjava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun receiveEvent (ILjava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public fun removeRootView (I)V
+	public fun removeUIManagerEventListener (Lcom/facebook/react/bridge/UIManagerListener;)V
+	public fun removeUIManagerListener (Lcom/facebook/react/uimanager/UIManagerModuleListener;)V
+	public fun resolveCustomDirectEventName (Ljava/lang/String;)Ljava/lang/String;
+	public fun resolveRootTagFromReactTag (I)I
+	public fun resolveView (I)Landroid/view/View;
+	public fun sendAccessibilityEvent (II)V
+	public fun setChildren (ILcom/facebook/react/bridge/ReadableArray;)V
+	public fun setJSResponder (IZ)V
+	public fun setLayoutAnimationEnabledExperimental (Z)V
+	public fun setViewHierarchyUpdateDebugListener (Lcom/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener;)V
+	public fun setViewLocalData (ILjava/lang/Object;)V
+	public fun showPopupMenu (ILcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+	public fun startSurface (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/WritableMap;II)I
+	public fun stopSurface (I)V
+	public fun synchronouslyUpdateViewOnUIThread (ILcom/facebook/react/bridge/ReadableMap;)V
+	public fun updateNodeSize (III)V
+	public fun updateRootLayoutSpecs (IIIII)V
+	public fun updateView (ILjava/lang/String;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun viewIsDescendantOf (IILcom/facebook/react/bridge/Callback;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/UIManagerModule$CustomEventNamesResolver {
+	public abstract fun resolveCustomEventName (Ljava/lang/String;)Ljava/lang/String;
+}
+
+public class com/facebook/react/uimanager/UIManagerModuleConstantsHelper {
+	public fun <init> ()V
+	public static fun getDefaultExportableEventTypes ()Ljava/util/Map;
+}
+
+public abstract interface class com/facebook/react/uimanager/UIManagerModuleListener {
+	public abstract fun willDispatchViewUpdates (Lcom/facebook/react/uimanager/UIManagerModule;)V
+}
+
+public class com/facebook/react/uimanager/UIViewOperationQueue {
+	public static final field DEFAULT_MIN_TIME_LEFT_IN_FRAME_FOR_NONBATCHED_OPERATION_MS I
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;Lcom/facebook/react/uimanager/NativeViewHierarchyManager;I)V
+	public fun addRootView (ILandroid/view/View;)V
+	public fun dispatchViewUpdates (IJJ)V
+	public fun enqueueClearJSResponder ()V
+	public fun enqueueConfigureLayoutAnimation (Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;)V
+	public fun enqueueCreateView (Lcom/facebook/react/uimanager/ThemedReactContext;ILjava/lang/String;Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	public fun enqueueDismissPopupMenu ()V
+	public fun enqueueDispatchCommand (IILcom/facebook/react/bridge/ReadableArray;)V
+	public fun enqueueDispatchCommand (ILjava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun enqueueFindTargetForTouch (IFFLcom/facebook/react/bridge/Callback;)V
+	public fun enqueueLayoutUpdateFinished (Lcom/facebook/react/uimanager/ReactShadowNode;Lcom/facebook/react/uimanager/UIImplementation$LayoutUpdateListener;)V
+	public fun enqueueManageChildren (I[I[Lcom/facebook/react/uimanager/ViewAtIndex;[I)V
+	public fun enqueueMeasure (ILcom/facebook/react/bridge/Callback;)V
+	public fun enqueueMeasureInWindow (ILcom/facebook/react/bridge/Callback;)V
+	public fun enqueueRemoveRootView (I)V
+	public fun enqueueSendAccessibilityEvent (II)V
+	public fun enqueueSetChildren (ILcom/facebook/react/bridge/ReadableArray;)V
+	public fun enqueueSetJSResponder (IIZ)V
+	public fun enqueueSetLayoutAnimationEnabled (Z)V
+	public fun enqueueShowPopupMenu (ILcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V
+	public fun enqueueUIBlock (Lcom/facebook/react/uimanager/UIBlock;)V
+	protected fun enqueueUIOperation (Lcom/facebook/react/uimanager/UIViewOperationQueue$UIOperation;)V
+	public fun enqueueUpdateExtraData (ILjava/lang/Object;)V
+	public fun enqueueUpdateInstanceHandle (IJ)V
+	public fun enqueueUpdateLayout (IIIIII)V
+	public fun enqueueUpdateProperties (ILjava/lang/String;Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	public fun getProfiledBatchPerfCounters ()Ljava/util/Map;
+	public fun isEmpty ()Z
+	public fun prependUIBlock (Lcom/facebook/react/uimanager/UIBlock;)V
+	public fun profileNextBatch ()V
+	public fun setViewHierarchyUpdateDebugListener (Lcom/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/UIViewOperationQueue$UIOperation {
+	public abstract fun execute ()V
+}
+
+public class com/facebook/react/uimanager/ViewAtIndex {
+	public static field COMPARATOR Ljava/util/Comparator;
+	public final field mIndex I
+	public final field mTag I
+	public fun <init> (II)V
+	public fun equals (Ljava/lang/Object;)Z
+	public fun toString ()Ljava/lang/String;
+}
+
+public class com/facebook/react/uimanager/ViewDefaults {
+	public static final field FONT_SIZE_SP F
+	public static final field LINE_HEIGHT I
+	public static final field NUMBER_OF_LINES I
+	public fun <init> ()V
+}
+
+public class com/facebook/react/uimanager/ViewGroupDrawingOrderHelper {
+	public fun <init> (Landroid/view/ViewGroup;)V
+	public fun getChildDrawingOrder (II)I
+	public fun handleAddView (Landroid/view/View;)V
+	public fun handleRemoveView (Landroid/view/View;)V
+	public fun shouldEnableCustomDrawingOrder ()Z
+	public fun update ()V
+}
+
+public abstract class com/facebook/react/uimanager/ViewGroupManager : com/facebook/react/uimanager/BaseViewManager, com/facebook/react/uimanager/IViewGroupManager {
+	public fun <init> ()V
+	public synthetic fun addView (Landroid/view/View;Landroid/view/View;I)V
+	public fun addView (Landroid/view/ViewGroup;Landroid/view/View;I)V
+	public fun addViews (Landroid/view/ViewGroup;Ljava/util/List;)V
+	public fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/LayoutShadowNode;
+	public synthetic fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public synthetic fun getChildAt (Landroid/view/View;I)Landroid/view/View;
+	public fun getChildAt (Landroid/view/ViewGroup;I)Landroid/view/View;
+	public synthetic fun getChildCount (Landroid/view/View;)I
+	public fun getChildCount (Landroid/view/ViewGroup;)I
+	public fun getShadowNodeClass ()Ljava/lang/Class;
+	public static fun getViewZIndex (Landroid/view/View;)Ljava/lang/Integer;
+	public fun needsCustomLayoutForChildren ()Z
+	public fun removeView (Landroid/view/ViewGroup;Landroid/view/View;)V
+	public synthetic fun removeViewAt (Landroid/view/View;I)V
+	public fun removeViewAt (Landroid/view/ViewGroup;I)V
+	public static fun setViewZIndex (Landroid/view/View;I)V
+	public synthetic fun updateExtraData (Landroid/view/View;Ljava/lang/Object;)V
+	public fun updateExtraData (Landroid/view/ViewGroup;Ljava/lang/Object;)V
+}
+
+public abstract class com/facebook/react/uimanager/ViewManager : com/facebook/react/bridge/BaseJavaModule {
+	public fun <init> ()V
+	protected fun addEventEmitters (Lcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)V
+	public fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public fun createShadowNodeInstance (Lcom/facebook/react/bridge/ReactApplicationContext;)Lcom/facebook/react/uimanager/ReactShadowNode;
+	public fun createView (ILcom/facebook/react/uimanager/ThemedReactContext;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;Lcom/facebook/react/touch/JSResponderHandler;)Landroid/view/View;
+	protected fun createViewInstance (ILcom/facebook/react/uimanager/ThemedReactContext;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Landroid/view/View;
+	protected abstract fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun getCommandsMap ()Ljava/util/Map;
+	protected fun getDelegate ()Lcom/facebook/react/uimanager/ViewManagerDelegate;
+	public fun getExportedCustomBubblingEventTypeConstants ()Ljava/util/Map;
+	public fun getExportedCustomDirectEventTypeConstants ()Ljava/util/Map;
+	public fun getExportedViewConstants ()Ljava/util/Map;
+	public abstract fun getName ()Ljava/lang/String;
+	public fun getNativeProps ()Ljava/util/Map;
+	public abstract fun getShadowNodeClass ()Ljava/lang/Class;
+	public fun measure (Landroid/content/Context;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;FLcom/facebook/yoga/YogaMeasureMode;FLcom/facebook/yoga/YogaMeasureMode;[F)J
+	public fun measure (Landroid/content/Context;Lcom/facebook/react/common/mapbuffer/MapBuffer;Lcom/facebook/react/common/mapbuffer/MapBuffer;Lcom/facebook/react/common/mapbuffer/MapBuffer;FLcom/facebook/yoga/YogaMeasureMode;FLcom/facebook/yoga/YogaMeasureMode;[F)J
+	protected fun onAfterUpdateTransaction (Landroid/view/View;)V
+	public fun onDropViewInstance (Landroid/view/View;)V
+	public fun onSurfaceStopped (I)V
+	protected fun prepareToRecycleView (Lcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)Landroid/view/View;
+	public fun receiveCommand (Landroid/view/View;ILcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	protected fun recycleView (Lcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)Landroid/view/View;
+	public fun setPadding (Landroid/view/View;IIII)V
+	protected fun setupViewRecycling ()V
+	public abstract fun updateExtraData (Landroid/view/View;Ljava/lang/Object;)V
+	public fun updateProperties (Landroid/view/View;Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	public fun updateState (Landroid/view/View;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Ljava/lang/Object;
+}
+
+public abstract interface class com/facebook/react/uimanager/ViewManagerDelegate {
+	public abstract fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/uimanager/ViewManagerPropertyUpdater {
+	public fun <init> ()V
+	public static fun clear ()V
+	public static fun getNativeProps (Ljava/lang/Class;Ljava/lang/Class;)Ljava/util/Map;
+	public static fun updateProps (Lcom/facebook/react/uimanager/ReactShadowNode;Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	public static fun updateProps (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+	public static fun updateProps (Lcom/facebook/react/uimanager/ViewManagerDelegate;Landroid/view/View;Lcom/facebook/react/uimanager/ReactStylesDiffMap;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/ViewManagerPropertyUpdater$Settable {
+	public abstract fun getProperties (Ljava/util/Map;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/ViewManagerPropertyUpdater$ShadowNodeSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$Settable {
+	public abstract fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$Settable {
+	public abstract fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public final class com/facebook/react/uimanager/ViewManagerRegistry : android/content/ComponentCallbacks2 {
+	public fun <init> (Lcom/facebook/react/uimanager/ViewManagerResolver;)V
+	public fun <init> (Ljava/util/List;)V
+	public fun <init> (Ljava/util/Map;)V
+	public fun get (Ljava/lang/String;)Lcom/facebook/react/uimanager/ViewManager;
+	public fun invalidate ()V
+	public fun onConfigurationChanged (Landroid/content/res/Configuration;)V
+	public fun onLowMemory ()V
+	public fun onSurfaceStopped (I)V
+	public fun onTrimMemory (I)V
+}
+
+public abstract interface class com/facebook/react/uimanager/ViewManagerResolver {
+	public abstract fun getViewManager (Ljava/lang/String;)Lcom/facebook/react/uimanager/ViewManager;
+	public abstract fun getViewManagerNames ()Ljava/util/Collection;
+}
+
+public class com/facebook/react/uimanager/ViewProps {
+	public static final field ACCESSIBILITY_ACTIONS Ljava/lang/String;
+	public static final field ACCESSIBILITY_COLLECTION Ljava/lang/String;
+	public static final field ACCESSIBILITY_COLLECTION_ITEM Ljava/lang/String;
+	public static final field ACCESSIBILITY_HINT Ljava/lang/String;
+	public static final field ACCESSIBILITY_LABEL Ljava/lang/String;
+	public static final field ACCESSIBILITY_LABELLED_BY Ljava/lang/String;
+	public static final field ACCESSIBILITY_LIVE_REGION Ljava/lang/String;
+	public static final field ACCESSIBILITY_ROLE Ljava/lang/String;
+	public static final field ACCESSIBILITY_STATE Ljava/lang/String;
+	public static final field ACCESSIBILITY_VALUE Ljava/lang/String;
+	public static final field ADJUSTS_FONT_SIZE_TO_FIT Ljava/lang/String;
+	public static final field ALIGN_CONTENT Ljava/lang/String;
+	public static final field ALIGN_ITEMS Ljava/lang/String;
+	public static final field ALIGN_SELF Ljava/lang/String;
+	public static final field ALLOW_FONT_SCALING Ljava/lang/String;
+	public static final field ASPECT_RATIO Ljava/lang/String;
+	public static final field AUTO Ljava/lang/String;
+	public static final field BACKGROUND_COLOR Ljava/lang/String;
+	public static final field BORDER_BLOCK_COLOR Ljava/lang/String;
+	public static final field BORDER_BLOCK_END_COLOR Ljava/lang/String;
+	public static final field BORDER_BLOCK_START_COLOR Ljava/lang/String;
+	public static final field BORDER_BOTTOM_COLOR Ljava/lang/String;
+	public static final field BORDER_BOTTOM_END_RADIUS Ljava/lang/String;
+	public static final field BORDER_BOTTOM_LEFT_RADIUS Ljava/lang/String;
+	public static final field BORDER_BOTTOM_RIGHT_RADIUS Ljava/lang/String;
+	public static final field BORDER_BOTTOM_START_RADIUS Ljava/lang/String;
+	public static final field BORDER_BOTTOM_WIDTH Ljava/lang/String;
+	public static final field BORDER_COLOR Ljava/lang/String;
+	public static final field BORDER_END_COLOR Ljava/lang/String;
+	public static final field BORDER_END_END_RADIUS Ljava/lang/String;
+	public static final field BORDER_END_START_RADIUS Ljava/lang/String;
+	public static final field BORDER_END_WIDTH Ljava/lang/String;
+	public static final field BORDER_LEFT_COLOR Ljava/lang/String;
+	public static final field BORDER_LEFT_WIDTH Ljava/lang/String;
+	public static final field BORDER_RADIUS Ljava/lang/String;
+	public static final field BORDER_RIGHT_COLOR Ljava/lang/String;
+	public static final field BORDER_RIGHT_WIDTH Ljava/lang/String;
+	public static final field BORDER_SPACING_TYPES [I
+	public static final field BORDER_START_COLOR Ljava/lang/String;
+	public static final field BORDER_START_END_RADIUS Ljava/lang/String;
+	public static final field BORDER_START_START_RADIUS Ljava/lang/String;
+	public static final field BORDER_START_WIDTH Ljava/lang/String;
+	public static final field BORDER_TOP_COLOR Ljava/lang/String;
+	public static final field BORDER_TOP_END_RADIUS Ljava/lang/String;
+	public static final field BORDER_TOP_LEFT_RADIUS Ljava/lang/String;
+	public static final field BORDER_TOP_RIGHT_RADIUS Ljava/lang/String;
+	public static final field BORDER_TOP_START_RADIUS Ljava/lang/String;
+	public static final field BORDER_TOP_WIDTH Ljava/lang/String;
+	public static final field BORDER_WIDTH Ljava/lang/String;
+	public static final field BOTTOM Ljava/lang/String;
+	public static final field BOX_NONE Ljava/lang/String;
+	public static final field COLLAPSABLE Ljava/lang/String;
+	public static final field COLOR Ljava/lang/String;
+	public static final field COLUMN_GAP Ljava/lang/String;
+	public static final field DISPLAY Ljava/lang/String;
+	public static final field ELEVATION Ljava/lang/String;
+	public static final field ELLIPSIZE_MODE Ljava/lang/String;
+	public static final field ENABLED Ljava/lang/String;
+	public static final field END Ljava/lang/String;
+	public static final field FLEX Ljava/lang/String;
+	public static final field FLEX_BASIS Ljava/lang/String;
+	public static final field FLEX_DIRECTION Ljava/lang/String;
+	public static final field FLEX_GROW Ljava/lang/String;
+	public static final field FLEX_SHRINK Ljava/lang/String;
+	public static final field FLEX_WRAP Ljava/lang/String;
+	public static final field FONT_FAMILY Ljava/lang/String;
+	public static final field FONT_SIZE Ljava/lang/String;
+	public static final field FONT_STYLE Ljava/lang/String;
+	public static final field FONT_VARIANT Ljava/lang/String;
+	public static final field FONT_WEIGHT Ljava/lang/String;
+	public static final field FOREGROUND_COLOR Ljava/lang/String;
+	public static final field GAP Ljava/lang/String;
+	public static final field HEIGHT Ljava/lang/String;
+	public static final field HIDDEN Ljava/lang/String;
+	public static final field IMPORTANT_FOR_ACCESSIBILITY Ljava/lang/String;
+	public static final field INCLUDE_FONT_PADDING Ljava/lang/String;
+	public static final field IS_ATTACHMENT Ljava/lang/String;
+	public static final field JUSTIFY_CONTENT Ljava/lang/String;
+	public static final field LAYOUT_DIRECTION Ljava/lang/String;
+	public static final field LEFT Ljava/lang/String;
+	public static final field LETTER_SPACING Ljava/lang/String;
+	public static final field LINE_HEIGHT Ljava/lang/String;
+	public static final field MARGIN Ljava/lang/String;
+	public static final field MARGIN_BOTTOM Ljava/lang/String;
+	public static final field MARGIN_END Ljava/lang/String;
+	public static final field MARGIN_HORIZONTAL Ljava/lang/String;
+	public static final field MARGIN_LEFT Ljava/lang/String;
+	public static final field MARGIN_RIGHT Ljava/lang/String;
+	public static final field MARGIN_START Ljava/lang/String;
+	public static final field MARGIN_TOP Ljava/lang/String;
+	public static final field MARGIN_VERTICAL Ljava/lang/String;
+	public static final field MAX_FONT_SIZE_MULTIPLIER Ljava/lang/String;
+	public static final field MAX_HEIGHT Ljava/lang/String;
+	public static final field MAX_WIDTH Ljava/lang/String;
+	public static final field MINIMUM_FONT_SCALE Ljava/lang/String;
+	public static final field MIN_HEIGHT Ljava/lang/String;
+	public static final field MIN_WIDTH Ljava/lang/String;
+	public static final field NATIVE_ID Ljava/lang/String;
+	public static final field NEEDS_OFFSCREEN_ALPHA_COMPOSITING Ljava/lang/String;
+	public static final field NONE Ljava/lang/String;
+	public static final field NUMBER_OF_LINES Ljava/lang/String;
+	public static final field ON Ljava/lang/String;
+	public static final field ON_LAYOUT Ljava/lang/String;
+	public static final field OPACITY Ljava/lang/String;
+	public static final field OVERFLOW Ljava/lang/String;
+	public static final field PADDING Ljava/lang/String;
+	public static final field PADDING_BOTTOM Ljava/lang/String;
+	public static final field PADDING_END Ljava/lang/String;
+	public static final field PADDING_HORIZONTAL Ljava/lang/String;
+	public static final field PADDING_LEFT Ljava/lang/String;
+	public static final field PADDING_MARGIN_SPACING_TYPES [I
+	public static final field PADDING_RIGHT Ljava/lang/String;
+	public static final field PADDING_START Ljava/lang/String;
+	public static final field PADDING_TOP Ljava/lang/String;
+	public static final field PADDING_VERTICAL Ljava/lang/String;
+	public static final field POINTER_EVENTS Ljava/lang/String;
+	public static final field POSITION Ljava/lang/String;
+	public static final field POSITION_SPACING_TYPES [I
+	public static final field RENDER_TO_HARDWARE_TEXTURE Ljava/lang/String;
+	public static final field RESIZE_METHOD Ljava/lang/String;
+	public static final field RESIZE_MODE Ljava/lang/String;
+	public static final field RIGHT Ljava/lang/String;
+	public static final field ROLE Ljava/lang/String;
+	public static final field ROTATION Ljava/lang/String;
+	public static final field ROW_GAP Ljava/lang/String;
+	public static final field SCALE_X Ljava/lang/String;
+	public static final field SCALE_Y Ljava/lang/String;
+	public static final field SCROLL Ljava/lang/String;
+	public static final field SHADOW_COLOR Ljava/lang/String;
+	public static final field START Ljava/lang/String;
+	public static final field TEST_ID Ljava/lang/String;
+	public static final field TEXT_ALIGN Ljava/lang/String;
+	public static final field TEXT_ALIGN_VERTICAL Ljava/lang/String;
+	public static final field TEXT_BREAK_STRATEGY Ljava/lang/String;
+	public static final field TEXT_DECORATION_LINE Ljava/lang/String;
+	public static final field TOP Ljava/lang/String;
+	public static final field TRANSFORM Ljava/lang/String;
+	public static final field TRANSFORM_ORIGIN Ljava/lang/String;
+	public static final field TRANSLATE_X Ljava/lang/String;
+	public static final field TRANSLATE_Y Ljava/lang/String;
+	public static final field VIEW_CLASS_NAME Ljava/lang/String;
+	public static final field VISIBLE Ljava/lang/String;
+	public static final field WIDTH Ljava/lang/String;
+	public static final field Z_INDEX Ljava/lang/String;
+	public fun <init> ()V
+	public static fun isLayoutOnly (Lcom/facebook/react/bridge/ReadableMap;Ljava/lang/String;)Z
+}
+
+public abstract interface annotation class com/facebook/react/uimanager/annotations/ReactProp : java/lang/annotation/Annotation {
+	public static final field USE_DEFAULT_TYPE Ljava/lang/String;
+	public abstract fun customType ()Ljava/lang/String;
+	public abstract fun defaultBoolean ()Z
+	public abstract fun defaultDouble ()D
+	public abstract fun defaultFloat ()F
+	public abstract fun defaultInt ()I
+	public abstract fun name ()Ljava/lang/String;
+}
+
+public abstract interface annotation class com/facebook/react/uimanager/annotations/ReactPropGroup : java/lang/annotation/Annotation {
+	public static final field USE_DEFAULT_TYPE Ljava/lang/String;
+	public abstract fun customType ()Ljava/lang/String;
+	public abstract fun defaultDouble ()D
+	public abstract fun defaultFloat ()F
+	public abstract fun defaultInt ()I
+	public abstract fun names ()[Ljava/lang/String;
+}
+
+public abstract interface annotation class com/facebook/react/uimanager/annotations/ReactPropertyHolder : java/lang/annotation/Annotation {
+}
+
+public abstract interface annotation class com/facebook/react/uimanager/common/UIManagerType : java/lang/annotation/Annotation {
+	public static final field DEFAULT I
+	public static final field FABRIC I
+}
+
+public class com/facebook/react/uimanager/common/ViewUtil {
+	public static final field NO_SURFACE_ID I
+	public fun <init> ()V
+	public static fun getUIManagerType (I)I
+	public static fun getUIManagerType (II)I
+	public static fun isRootTag (I)Z
+}
+
+public abstract interface class com/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener {
+	public abstract fun onViewHierarchyUpdateEnqueued ()V
+	public abstract fun onViewHierarchyUpdateFinished ()V
+}
+
+public abstract interface class com/facebook/react/uimanager/events/BatchEventDispatchedListener {
+	public abstract fun onBatchEventDispatched ()V
+}
+
+public class com/facebook/react/uimanager/events/BlackHoleEventDispatcher : com/facebook/react/uimanager/events/EventDispatcher {
+	public fun addBatchEventDispatchedListener (Lcom/facebook/react/uimanager/events/BatchEventDispatchedListener;)V
+	public fun addListener (Lcom/facebook/react/uimanager/events/EventDispatcherListener;)V
+	public fun dispatchAllEvents ()V
+	public fun dispatchEvent (Lcom/facebook/react/uimanager/events/Event;)V
+	public static fun get ()Lcom/facebook/react/uimanager/events/EventDispatcher;
+	public fun onCatalystInstanceDestroyed ()V
+	public fun registerEventEmitter (ILcom/facebook/react/uimanager/events/RCTEventEmitter;)V
+	public fun registerEventEmitter (ILcom/facebook/react/uimanager/events/RCTModernEventEmitter;)V
+	public fun removeBatchEventDispatchedListener (Lcom/facebook/react/uimanager/events/BatchEventDispatchedListener;)V
+	public fun removeListener (Lcom/facebook/react/uimanager/events/EventDispatcherListener;)V
+	public fun unregisterEventEmitter (I)V
+}
+
+public class com/facebook/react/uimanager/events/ContentSizeChangeEvent : com/facebook/react/uimanager/events/Event {
+	public static final field EVENT_NAME Ljava/lang/String;
+	public fun <init> (III)V
+	public fun <init> (IIII)V
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+}
+
+public abstract class com/facebook/react/uimanager/events/Event {
+	protected fun <init> ()V
+	protected fun <init> (I)V
+	protected fun <init> (II)V
+	public fun canCoalesce ()Z
+	public fun coalesce (Lcom/facebook/react/uimanager/events/Event;)Lcom/facebook/react/uimanager/events/Event;
+	public fun dispatch (Lcom/facebook/react/uimanager/events/RCTEventEmitter;)V
+	public fun dispatchModern (Lcom/facebook/react/uimanager/events/RCTModernEventEmitter;)V
+	public fun getCoalescingKey ()S
+	public fun getEventAnimationDriverMatchSpec ()Lcom/facebook/react/uimanager/events/Event$EventAnimationDriverMatchSpec;
+	protected fun getEventCategory ()I
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public abstract fun getEventName ()Ljava/lang/String;
+	public final fun getSurfaceId ()I
+	public final fun getTimestampMs ()J
+	public fun getUniqueID ()I
+	public final fun getViewTag ()I
+	protected fun init (I)V
+	protected fun init (II)V
+	protected fun init (IIJ)V
+	public fun onDispose ()V
+}
+
+public abstract interface class com/facebook/react/uimanager/events/Event$EventAnimationDriverMatchSpec {
+	public abstract fun match (ILjava/lang/String;)Z
+}
+
+public abstract interface annotation class com/facebook/react/uimanager/events/EventCategoryDef : java/lang/annotation/Annotation {
+	public static final field CONTINUOUS I
+	public static final field CONTINUOUS_END I
+	public static final field CONTINUOUS_START I
+	public static final field DISCRETE I
+	public static final field UNSPECIFIED I
+}
+
+public abstract interface class com/facebook/react/uimanager/events/EventDispatcher {
+	public abstract fun addBatchEventDispatchedListener (Lcom/facebook/react/uimanager/events/BatchEventDispatchedListener;)V
+	public abstract fun addListener (Lcom/facebook/react/uimanager/events/EventDispatcherListener;)V
+	public abstract fun dispatchAllEvents ()V
+	public abstract fun dispatchEvent (Lcom/facebook/react/uimanager/events/Event;)V
+	public abstract fun onCatalystInstanceDestroyed ()V
+	public abstract fun registerEventEmitter (ILcom/facebook/react/uimanager/events/RCTEventEmitter;)V
+	public abstract fun registerEventEmitter (ILcom/facebook/react/uimanager/events/RCTModernEventEmitter;)V
+	public abstract fun removeBatchEventDispatchedListener (Lcom/facebook/react/uimanager/events/BatchEventDispatchedListener;)V
+	public abstract fun removeListener (Lcom/facebook/react/uimanager/events/EventDispatcherListener;)V
+	public abstract fun unregisterEventEmitter (I)V
+}
+
+public class com/facebook/react/uimanager/events/EventDispatcherImpl : com/facebook/react/bridge/LifecycleEventListener, com/facebook/react/uimanager/events/EventDispatcher {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun addBatchEventDispatchedListener (Lcom/facebook/react/uimanager/events/BatchEventDispatchedListener;)V
+	public fun addListener (Lcom/facebook/react/uimanager/events/EventDispatcherListener;)V
+	public fun dispatchAllEvents ()V
+	public fun dispatchEvent (Lcom/facebook/react/uimanager/events/Event;)V
+	public fun onCatalystInstanceDestroyed ()V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun registerEventEmitter (ILcom/facebook/react/uimanager/events/RCTEventEmitter;)V
+	public fun registerEventEmitter (ILcom/facebook/react/uimanager/events/RCTModernEventEmitter;)V
+	public fun removeBatchEventDispatchedListener (Lcom/facebook/react/uimanager/events/BatchEventDispatchedListener;)V
+	public fun removeListener (Lcom/facebook/react/uimanager/events/EventDispatcherListener;)V
+	public fun unregisterEventEmitter (I)V
+}
+
+public abstract interface class com/facebook/react/uimanager/events/EventDispatcherListener {
+	public abstract fun onEventDispatch (Lcom/facebook/react/uimanager/events/Event;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/events/EventDispatcherProvider {
+	public abstract fun getEventDispatcher ()Lcom/facebook/react/uimanager/events/EventDispatcher;
+}
+
+public class com/facebook/react/uimanager/events/FabricEventDispatcher : com/facebook/react/bridge/LifecycleEventListener, com/facebook/react/uimanager/events/EventDispatcher {
+	public fun <init> (Lcom/facebook/react/bridge/ReactApplicationContext;)V
+	public fun addBatchEventDispatchedListener (Lcom/facebook/react/uimanager/events/BatchEventDispatchedListener;)V
+	public fun addListener (Lcom/facebook/react/uimanager/events/EventDispatcherListener;)V
+	public fun dispatchAllEvents ()V
+	public fun dispatchEvent (Lcom/facebook/react/uimanager/events/Event;)V
+	public fun onCatalystInstanceDestroyed ()V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	public fun registerEventEmitter (ILcom/facebook/react/uimanager/events/RCTEventEmitter;)V
+	public fun registerEventEmitter (ILcom/facebook/react/uimanager/events/RCTModernEventEmitter;)V
+	public fun removeBatchEventDispatchedListener (Lcom/facebook/react/uimanager/events/BatchEventDispatchedListener;)V
+	public fun removeListener (Lcom/facebook/react/uimanager/events/EventDispatcherListener;)V
+	public fun unregisterEventEmitter (I)V
+}
+
+public class com/facebook/react/uimanager/events/NativeGestureUtil {
+	public fun <init> ()V
+	public static fun notifyNativeGestureEnded (Landroid/view/View;Landroid/view/MotionEvent;)V
+	public static fun notifyNativeGestureStarted (Landroid/view/View;Landroid/view/MotionEvent;)V
+}
+
+public class com/facebook/react/uimanager/events/PointerEvent : com/facebook/react/uimanager/events/Event {
+	public fun dispatch (Lcom/facebook/react/uimanager/events/RCTEventEmitter;)V
+	public fun dispatchModern (Lcom/facebook/react/uimanager/events/RCTModernEventEmitter;)V
+	public fun getCoalescingKey ()S
+	public fun getEventAnimationDriverMatchSpec ()Lcom/facebook/react/uimanager/events/Event$EventAnimationDriverMatchSpec;
+	public fun getEventName ()Ljava/lang/String;
+	public static fun obtain (Ljava/lang/String;ILcom/facebook/react/uimanager/events/PointerEvent$PointerEventState;Landroid/view/MotionEvent;)Lcom/facebook/react/uimanager/events/PointerEvent;
+	public static fun obtain (Ljava/lang/String;ILcom/facebook/react/uimanager/events/PointerEvent$PointerEventState;Landroid/view/MotionEvent;S)Lcom/facebook/react/uimanager/events/PointerEvent;
+	public fun onDispose ()V
+}
+
+public class com/facebook/react/uimanager/events/PointerEvent$PointerEventState {
+	public fun <init> (IIIILjava/util/Map;Ljava/util/Map;Ljava/util/Map;Ljava/util/Map;Ljava/util/Set;)V
+	public fun getActivePointerId ()I
+	public final fun getEventCoordinatesByPointerId ()Ljava/util/Map;
+	public final fun getHitPathByPointerId ()Ljava/util/Map;
+	public final fun getHitPathForActivePointer ()Ljava/util/List;
+	public fun getHoveringPointerIds ()Ljava/util/Set;
+	public fun getLastButtonState ()I
+	public final fun getOffsetByPointerId ()Ljava/util/Map;
+	public fun getPrimaryPointerId ()I
+	public final fun getScreenCoordinatesByPointerId ()Ljava/util/Map;
+	public fun getSurfaceId ()I
+	public fun supportsHover (I)Z
+}
+
+public class com/facebook/react/uimanager/events/PointerEventHelper {
+	public static final field CLICK Ljava/lang/String;
+	public static final field POINTER_CANCEL Ljava/lang/String;
+	public static final field POINTER_DOWN Ljava/lang/String;
+	public static final field POINTER_ENTER Ljava/lang/String;
+	public static final field POINTER_LEAVE Ljava/lang/String;
+	public static final field POINTER_MOVE Ljava/lang/String;
+	public static final field POINTER_OUT Ljava/lang/String;
+	public static final field POINTER_OVER Ljava/lang/String;
+	public static final field POINTER_TYPE_MOUSE Ljava/lang/String;
+	public static final field POINTER_TYPE_PEN Ljava/lang/String;
+	public static final field POINTER_TYPE_TOUCH Ljava/lang/String;
+	public static final field POINTER_TYPE_UNKNOWN Ljava/lang/String;
+	public static final field POINTER_UP Ljava/lang/String;
+	public fun <init> ()V
+	public static fun getButtonChange (Ljava/lang/String;II)I
+	public static fun getButtons (Ljava/lang/String;Ljava/lang/String;I)I
+	public static fun getEventCategory (Ljava/lang/String;)I
+	public static fun getPressure (ILjava/lang/String;)D
+	public static fun getW3CPointerType (I)Ljava/lang/String;
+	public static fun isBubblingEvent (Ljava/lang/String;)Z
+	public static fun isExitEvent (Ljava/lang/String;)Z
+	public static fun isListening (Landroid/view/View;Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;)Z
+	public static fun supportsHover (Landroid/view/MotionEvent;)Z
+}
+
+public final class com/facebook/react/uimanager/events/PointerEventHelper$EVENT : java/lang/Enum {
+	public static final field CANCEL Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field CANCEL_CAPTURE Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field CLICK Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field CLICK_CAPTURE Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field DOWN Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field DOWN_CAPTURE Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field ENTER Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field ENTER_CAPTURE Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field LEAVE Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field LEAVE_CAPTURE Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field MOVE Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field MOVE_CAPTURE Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field OUT Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field OUT_CAPTURE Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field OVER Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field OVER_CAPTURE Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field UP Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static final field UP_CAPTURE Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+	public static fun values ()[Lcom/facebook/react/uimanager/events/PointerEventHelper$EVENT;
+}
+
+public abstract interface class com/facebook/react/uimanager/events/RCTEventEmitter : com/facebook/react/bridge/JavaScriptModule {
+	public abstract fun receiveEvent (ILjava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun receiveTouches (Ljava/lang/String;Lcom/facebook/react/bridge/WritableArray;Lcom/facebook/react/bridge/WritableArray;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/events/RCTModernEventEmitter : com/facebook/react/uimanager/events/RCTEventEmitter {
+	public abstract fun receiveEvent (IILjava/lang/String;Lcom/facebook/react/bridge/WritableMap;)V
+	public abstract fun receiveEvent (IILjava/lang/String;ZILcom/facebook/react/bridge/WritableMap;I)V
+	public abstract fun receiveTouches (Lcom/facebook/react/uimanager/events/TouchEvent;)V
+}
+
+public class com/facebook/react/uimanager/events/TouchEvent : com/facebook/react/uimanager/events/Event {
+	public static final field UNSET J
+	public fun canCoalesce ()Z
+	public fun dispatch (Lcom/facebook/react/uimanager/events/RCTEventEmitter;)V
+	public fun dispatchModern (Lcom/facebook/react/uimanager/events/RCTModernEventEmitter;)V
+	public fun getCoalescingKey ()S
+	protected fun getEventCategory ()I
+	public fun getEventName ()Ljava/lang/String;
+	public fun getMotionEvent ()Landroid/view/MotionEvent;
+	public fun getTouchEventType ()Lcom/facebook/react/uimanager/events/TouchEventType;
+	public fun getViewX ()F
+	public fun getViewY ()F
+	public static fun obtain (IILcom/facebook/react/uimanager/events/TouchEventType;Landroid/view/MotionEvent;JFFLcom/facebook/react/uimanager/events/TouchEventCoalescingKeyHelper;)Lcom/facebook/react/uimanager/events/TouchEvent;
+	public static fun obtain (ILcom/facebook/react/uimanager/events/TouchEventType;Landroid/view/MotionEvent;JFFLcom/facebook/react/uimanager/events/TouchEventCoalescingKeyHelper;)Lcom/facebook/react/uimanager/events/TouchEvent;
+	public fun onDispose ()V
+}
+
+public class com/facebook/react/uimanager/events/TouchEventCoalescingKeyHelper {
+	public fun <init> ()V
+	public fun addCoalescingKey (J)V
+	public fun getCoalescingKey (J)S
+	public fun hasCoalescingKey (J)Z
+	public fun incrementCoalescingKey (J)V
+	public fun removeCoalescingKey (J)V
+}
+
+public final class com/facebook/react/uimanager/events/TouchEventType : java/lang/Enum {
+	public static final field CANCEL Lcom/facebook/react/uimanager/events/TouchEventType;
+	public static final field END Lcom/facebook/react/uimanager/events/TouchEventType;
+	public static final field MOVE Lcom/facebook/react/uimanager/events/TouchEventType;
+	public static final field START Lcom/facebook/react/uimanager/events/TouchEventType;
+	public static fun getJSEventName (Lcom/facebook/react/uimanager/events/TouchEventType;)Ljava/lang/String;
+	public fun getJsName ()Ljava/lang/String;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/uimanager/events/TouchEventType;
+	public static fun values ()[Lcom/facebook/react/uimanager/events/TouchEventType;
+}
+
+public class com/facebook/react/uimanager/events/TouchesHelper {
+	public static final field TARGET_KEY Ljava/lang/String;
+	public fun <init> ()V
+}
+
+public class com/facebook/react/uimanager/layoutanimation/LayoutAnimationController {
+	public fun <init> ()V
+	public fun applyLayoutUpdate (Landroid/view/View;IIII)V
+	public fun deleteView (Landroid/view/View;Lcom/facebook/react/uimanager/layoutanimation/LayoutAnimationListener;)V
+	public fun initializeFromConfig (Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/Callback;)V
+	public fun reset ()V
+	public fun shouldAnimateLayout (Landroid/view/View;)Z
+}
+
+public abstract interface class com/facebook/react/uimanager/layoutanimation/LayoutAnimationListener {
+	public abstract fun onAnimationEnd ()V
+}
+
+public class com/facebook/react/uimanager/util/ReactFindViewUtil {
+	public fun <init> ()V
+	public static fun addViewListener (Lcom/facebook/react/uimanager/util/ReactFindViewUtil$OnViewFoundListener;)V
+	public static fun addViewsListener (Lcom/facebook/react/uimanager/util/ReactFindViewUtil$OnMultipleViewsFoundListener;Ljava/util/Set;)V
+	public static fun findView (Landroid/view/View;Lcom/facebook/react/uimanager/util/ReactFindViewUtil$OnViewFoundListener;)V
+	public static fun findView (Landroid/view/View;Ljava/lang/String;)Landroid/view/View;
+	public static fun notifyViewRendered (Landroid/view/View;)V
+	public static fun removeViewListener (Lcom/facebook/react/uimanager/util/ReactFindViewUtil$OnViewFoundListener;)V
+	public static fun removeViewsListener (Lcom/facebook/react/uimanager/util/ReactFindViewUtil$OnMultipleViewsFoundListener;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/util/ReactFindViewUtil$OnMultipleViewsFoundListener {
+	public abstract fun onViewFound (Landroid/view/View;Ljava/lang/String;)V
+}
+
+public abstract interface class com/facebook/react/uimanager/util/ReactFindViewUtil$OnViewFoundListener {
+	public abstract fun getNativeId ()Ljava/lang/String;
+	public abstract fun onViewFound (Landroid/view/View;)V
+}
+
+public class com/facebook/react/util/ExceptionDataHelper {
+	public fun <init> ()V
+	public static fun getExtraDataAsJson (Lcom/facebook/react/bridge/ReadableMap;)Ljava/lang/String;
+}
+
+public class com/facebook/react/util/JSStackTrace {
+	public static final field COLUMN_KEY Ljava/lang/String;
+	public static final field FILE_KEY Ljava/lang/String;
+	public static final field LINE_NUMBER_KEY Ljava/lang/String;
+	public static final field METHOD_NAME_KEY Ljava/lang/String;
+	public fun <init> ()V
+	public static fun format (Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)Ljava/lang/String;
+}
+
+public abstract interface class com/facebook/react/util/RCTLog : com/facebook/react/bridge/JavaScriptModule {
+	public abstract fun logIfNoNativeHook (Ljava/lang/String;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/util/RNLog {
+	public static final field ADVICE I
+	public static final field ERROR I
+	public static final field LOG I
+	public static final field MINIMUM_LEVEL_FOR_UI I
+	public static final field TRACE I
+	public static final field WARN I
+	public fun <init> ()V
+	public static fun a (Ljava/lang/String;)V
+	public static fun e (Lcom/facebook/react/bridge/ReactContext;Ljava/lang/String;)V
+	public static fun e (Ljava/lang/String;)V
+	public static fun l (Ljava/lang/String;)V
+	public static fun t (Ljava/lang/String;)V
+	public static fun w (Lcom/facebook/react/bridge/ReactContext;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/viewmanagers/ActivityIndicatorViewManagerDelegate : com/facebook/react/uimanager/BaseViewManagerDelegate {
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/viewmanagers/ActivityIndicatorViewManagerInterface {
+	public abstract fun setAnimating (Landroid/view/View;Z)V
+	public abstract fun setColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public abstract fun setHidesWhenStopped (Landroid/view/View;Z)V
+	public abstract fun setSize (Landroid/view/View;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/viewmanagers/AndroidDrawerLayoutManagerDelegate : com/facebook/react/uimanager/BaseViewManagerDelegate {
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/viewmanagers/AndroidDrawerLayoutManagerInterface {
+	public abstract fun closeDrawer (Landroid/view/View;)V
+	public abstract fun openDrawer (Landroid/view/View;)V
+	public abstract fun setDrawerBackgroundColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public abstract fun setDrawerLockMode (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setDrawerPosition (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setDrawerWidth (Landroid/view/View;Ljava/lang/Float;)V
+	public abstract fun setKeyboardDismissMode (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setStatusBarBackgroundColor (Landroid/view/View;Ljava/lang/Integer;)V
+}
+
+public class com/facebook/react/viewmanagers/AndroidHorizontalScrollContentViewManagerDelegate : com/facebook/react/uimanager/BaseViewManagerDelegate {
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/viewmanagers/AndroidHorizontalScrollContentViewManagerInterface {
+	public abstract fun setRemoveClippedSubviews (Landroid/view/View;Z)V
+}
+
+public class com/facebook/react/viewmanagers/AndroidPopupMenuManagerDelegate : com/facebook/react/uimanager/BaseViewManagerDelegate {
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/viewmanagers/AndroidPopupMenuManagerInterface {
+	public abstract fun setMenuItems (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun show (Landroid/view/View;)V
+}
+
+public class com/facebook/react/viewmanagers/AndroidProgressBarManagerDelegate : com/facebook/react/uimanager/BaseViewManagerDelegate {
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/viewmanagers/AndroidProgressBarManagerInterface {
+	public abstract fun setAnimating (Landroid/view/View;Z)V
+	public abstract fun setColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public abstract fun setIndeterminate (Landroid/view/View;Z)V
+	public abstract fun setProgress (Landroid/view/View;D)V
+	public abstract fun setStyleAttr (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setTestID (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setTypeAttr (Landroid/view/View;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/viewmanagers/AndroidSwipeRefreshLayoutManagerDelegate : com/facebook/react/uimanager/BaseViewManagerDelegate {
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/viewmanagers/AndroidSwipeRefreshLayoutManagerInterface {
+	public abstract fun setColors (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun setEnabled (Landroid/view/View;Z)V
+	public abstract fun setNativeRefreshing (Landroid/view/View;Z)V
+	public abstract fun setProgressBackgroundColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public abstract fun setProgressViewOffset (Landroid/view/View;F)V
+	public abstract fun setRefreshing (Landroid/view/View;Z)V
+	public abstract fun setSize (Landroid/view/View;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/viewmanagers/AndroidSwitchManagerDelegate : com/facebook/react/uimanager/BaseViewManagerDelegate {
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/viewmanagers/AndroidSwitchManagerInterface {
+	public abstract fun setDisabled (Landroid/view/View;Z)V
+	public abstract fun setEnabled (Landroid/view/View;Z)V
+	public abstract fun setNativeValue (Landroid/view/View;Z)V
+	public abstract fun setOn (Landroid/view/View;Z)V
+	public abstract fun setThumbColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public abstract fun setThumbTintColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public abstract fun setTrackColorForFalse (Landroid/view/View;Ljava/lang/Integer;)V
+	public abstract fun setTrackColorForTrue (Landroid/view/View;Ljava/lang/Integer;)V
+	public abstract fun setTrackTintColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public abstract fun setValue (Landroid/view/View;Z)V
+}
+
+public class com/facebook/react/viewmanagers/DebuggingOverlayManagerDelegate : com/facebook/react/uimanager/BaseViewManagerDelegate {
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/viewmanagers/DebuggingOverlayManagerInterface {
+	public abstract fun clearElementsHighlights (Landroid/view/View;)V
+	public abstract fun highlightElements (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun highlightTraceUpdates (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+}
+
+public class com/facebook/react/viewmanagers/ModalHostViewManagerDelegate : com/facebook/react/uimanager/BaseViewManagerDelegate {
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/viewmanagers/ModalHostViewManagerInterface {
+	public abstract fun setAnimated (Landroid/view/View;Z)V
+	public abstract fun setAnimationType (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setHardwareAccelerated (Landroid/view/View;Z)V
+	public abstract fun setIdentifier (Landroid/view/View;I)V
+	public abstract fun setPresentationStyle (Landroid/view/View;Ljava/lang/String;)V
+	public abstract fun setStatusBarTranslucent (Landroid/view/View;Z)V
+	public abstract fun setSupportedOrientations (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public abstract fun setTransparent (Landroid/view/View;Z)V
+	public abstract fun setVisible (Landroid/view/View;Z)V
+}
+
+public class com/facebook/react/viewmanagers/SafeAreaViewManagerDelegate : com/facebook/react/uimanager/BaseViewManagerDelegate {
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/viewmanagers/SafeAreaViewManagerInterface {
+}
+
+public class com/facebook/react/viewmanagers/UnimplementedNativeViewManagerDelegate : com/facebook/react/uimanager/BaseViewManagerDelegate {
+	public fun <init> (Lcom/facebook/react/uimanager/BaseViewManagerInterface;)V
+	public fun setProperty (Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/viewmanagers/UnimplementedNativeViewManagerInterface {
+	public abstract fun setName (Landroid/view/View;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/views/common/ContextUtils {
+	public fun <init> ()V
+	public static fun findContextOfType (Landroid/content/Context;Ljava/lang/Class;)Ljava/lang/Object;
+}
+
+public class com/facebook/react/views/common/ViewUtils {
+	public fun <init> ()V
+	public static fun getTestId (Landroid/view/View;)Ljava/lang/String;
+}
+
+public class com/facebook/react/views/debuggingoverlay/DebuggingOverlay : android/view/View {
+	public fun <init> (Landroid/content/Context;)V
+	public fun clearElementsHighlights ()V
+	public fun onDraw (Landroid/graphics/Canvas;)V
+	public fun setHighlightedElementsRectangles (Ljava/util/List;)V
+	public fun setTraceUpdates (Ljava/util/List;)V
+}
+
+public class com/facebook/react/views/debuggingoverlay/DebuggingOverlayManager : com/facebook/react/uimanager/SimpleViewManager {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	public synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/debuggingoverlay/DebuggingOverlay;
+	public fun getName ()Ljava/lang/String;
+	public synthetic fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/debuggingoverlay/DebuggingOverlay;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+}
+
+public class com/facebook/react/views/debuggingoverlay/DebuggingOverlayManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/debuggingoverlay/DebuggingOverlayManager;Lcom/facebook/react/views/debuggingoverlay/DebuggingOverlay;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public final class com/facebook/react/views/debuggingoverlay/TraceUpdate {
+	public fun <init> (ILandroid/graphics/RectF;I)V
+	public fun getColor ()I
+	public fun getId ()I
+	public fun getRectangle ()Landroid/graphics/RectF;
+}
+
+public class com/facebook/react/views/drawer/ReactDrawerLayoutManager : com/facebook/react/uimanager/ViewGroupManager, com/facebook/react/viewmanagers/AndroidDrawerLayoutManagerInterface {
+	public static final field CLOSE_DRAWER I
+	public static final field OPEN_DRAWER I
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	protected synthetic fun addEventEmitters (Lcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)V
+	protected fun addEventEmitters (Lcom/facebook/react/uimanager/ThemedReactContext;Lcom/facebook/react/views/drawer/ReactDrawerLayout;)V
+	public synthetic fun addView (Landroid/view/View;Landroid/view/View;I)V
+	public synthetic fun addView (Landroid/view/ViewGroup;Landroid/view/View;I)V
+	public fun addView (Lcom/facebook/react/views/drawer/ReactDrawerLayout;Landroid/view/View;I)V
+	public synthetic fun closeDrawer (Landroid/view/View;)V
+	public fun closeDrawer (Lcom/facebook/react/views/drawer/ReactDrawerLayout;)V
+	protected synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	protected fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/drawer/ReactDrawerLayout;
+	public fun getCommandsMap ()Ljava/util/Map;
+	public fun getDelegate ()Lcom/facebook/react/uimanager/ViewManagerDelegate;
+	public fun getExportedCustomDirectEventTypeConstants ()Ljava/util/Map;
+	public fun getExportedViewConstants ()Ljava/util/Map;
+	public fun getName ()Ljava/lang/String;
+	public fun needsCustomLayoutForChildren ()Z
+	public synthetic fun openDrawer (Landroid/view/View;)V
+	public fun openDrawer (Lcom/facebook/react/views/drawer/ReactDrawerLayout;)V
+	public synthetic fun receiveCommand (Landroid/view/View;ILcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/drawer/ReactDrawerLayout;ILcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/drawer/ReactDrawerLayout;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun setDrawerBackgroundColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public fun setDrawerBackgroundColor (Lcom/facebook/react/views/drawer/ReactDrawerLayout;Ljava/lang/Integer;)V
+	public synthetic fun setDrawerLockMode (Landroid/view/View;Ljava/lang/String;)V
+	public fun setDrawerLockMode (Lcom/facebook/react/views/drawer/ReactDrawerLayout;Ljava/lang/String;)V
+	public synthetic fun setDrawerPosition (Landroid/view/View;Ljava/lang/String;)V
+	public fun setDrawerPosition (Lcom/facebook/react/views/drawer/ReactDrawerLayout;Lcom/facebook/react/bridge/Dynamic;)V
+	public fun setDrawerPosition (Lcom/facebook/react/views/drawer/ReactDrawerLayout;Ljava/lang/String;)V
+	public synthetic fun setDrawerWidth (Landroid/view/View;Ljava/lang/Float;)V
+	public fun setDrawerWidth (Lcom/facebook/react/views/drawer/ReactDrawerLayout;F)V
+	public fun setDrawerWidth (Lcom/facebook/react/views/drawer/ReactDrawerLayout;Ljava/lang/Float;)V
+	public synthetic fun setElevation (Landroid/view/View;F)V
+	public fun setElevation (Lcom/facebook/react/views/drawer/ReactDrawerLayout;F)V
+	public synthetic fun setKeyboardDismissMode (Landroid/view/View;Ljava/lang/String;)V
+	public fun setKeyboardDismissMode (Lcom/facebook/react/views/drawer/ReactDrawerLayout;Ljava/lang/String;)V
+	public synthetic fun setStatusBarBackgroundColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public fun setStatusBarBackgroundColor (Lcom/facebook/react/views/drawer/ReactDrawerLayout;Ljava/lang/Integer;)V
+}
+
+public class com/facebook/react/views/drawer/ReactDrawerLayoutManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/drawer/ReactDrawerLayoutManager;Lcom/facebook/react/views/drawer/ReactDrawerLayout;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/drawer/ReactDrawerLayoutManager$DrawerEventEmitter : androidx/drawerlayout/widget/DrawerLayout$DrawerListener {
+	public fun <init> (Landroidx/drawerlayout/widget/DrawerLayout;Lcom/facebook/react/uimanager/events/EventDispatcher;)V
+	public fun onDrawerClosed (Landroid/view/View;)V
+	public fun onDrawerOpened (Landroid/view/View;)V
+	public fun onDrawerSlide (Landroid/view/View;F)V
+	public fun onDrawerStateChanged (I)V
+}
+
+public class com/facebook/react/views/drawer/events/DrawerClosedEvent : com/facebook/react/uimanager/events/Event {
+	public static final field EVENT_NAME Ljava/lang/String;
+	public fun <init> (I)V
+	public fun <init> (II)V
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+}
+
+public class com/facebook/react/views/drawer/events/DrawerOpenedEvent : com/facebook/react/uimanager/events/Event {
+	public static final field EVENT_NAME Ljava/lang/String;
+	public fun <init> (I)V
+	public fun <init> (II)V
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+}
+
+public class com/facebook/react/views/drawer/events/DrawerSlideEvent : com/facebook/react/uimanager/events/Event {
+	public static final field EVENT_NAME Ljava/lang/String;
+	public fun <init> (IF)V
+	public fun <init> (IIF)V
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+	public fun getOffset ()F
+}
+
+public class com/facebook/react/views/drawer/events/DrawerStateChangedEvent : com/facebook/react/uimanager/events/Event {
+	public static final field EVENT_NAME Ljava/lang/String;
+	public fun <init> (II)V
+	public fun <init> (III)V
+	public fun getDrawerState ()I
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+}
+
+public abstract interface class com/facebook/react/views/image/GlobalImageLoadListener {
+	public abstract fun onLoadAttempt (Landroid/net/Uri;)V
+}
+
+public class com/facebook/react/views/image/ImageLoadEvent : com/facebook/react/uimanager/events/Event {
+	public static final field ON_ERROR I
+	public static final field ON_LOAD I
+	public static final field ON_LOAD_END I
+	public static final field ON_LOAD_START I
+	public static final field ON_PROGRESS I
+	public static final fun createErrorEvent (IILjava/lang/Throwable;)Lcom/facebook/react/views/image/ImageLoadEvent;
+	public static final fun createErrorEvent (ILjava/lang/Throwable;)Lcom/facebook/react/views/image/ImageLoadEvent;
+	public static final fun createLoadEndEvent (I)Lcom/facebook/react/views/image/ImageLoadEvent;
+	public static final fun createLoadEndEvent (II)Lcom/facebook/react/views/image/ImageLoadEvent;
+	public static final fun createLoadEvent (IILjava/lang/String;II)Lcom/facebook/react/views/image/ImageLoadEvent;
+	public static final fun createLoadEvent (ILjava/lang/String;II)Lcom/facebook/react/views/image/ImageLoadEvent;
+	public static final fun createLoadStartEvent (I)Lcom/facebook/react/views/image/ImageLoadEvent;
+	public static final fun createLoadStartEvent (II)Lcom/facebook/react/views/image/ImageLoadEvent;
+	public static final fun createProgressEvent (IILjava/lang/String;II)Lcom/facebook/react/views/image/ImageLoadEvent;
+	public static final fun createProgressEvent (ILjava/lang/String;II)Lcom/facebook/react/views/image/ImageLoadEvent;
+	public static fun eventNameForType (I)Ljava/lang/String;
+	public fun getCoalescingKey ()S
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+}
+
+public final class com/facebook/react/views/image/ImageResizeMethod : java/lang/Enum {
+	public static final field AUTO Lcom/facebook/react/views/image/ImageResizeMethod;
+	public static final field RESIZE Lcom/facebook/react/views/image/ImageResizeMethod;
+	public static final field SCALE Lcom/facebook/react/views/image/ImageResizeMethod;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/views/image/ImageResizeMethod;
+	public static fun values ()[Lcom/facebook/react/views/image/ImageResizeMethod;
+}
+
+public class com/facebook/react/views/image/ImageResizeMode {
+	public fun <init> ()V
+	public static fun defaultTileMode ()Landroid/graphics/Shader$TileMode;
+	public static fun defaultValue ()Lcom/facebook/drawee/drawable/ScalingUtils$ScaleType;
+	public static fun toScaleType (Ljava/lang/String;)Lcom/facebook/drawee/drawable/ScalingUtils$ScaleType;
+	public static fun toTileMode (Ljava/lang/String;)Landroid/graphics/Shader$TileMode;
+}
+
+public class com/facebook/react/views/image/MultiPostprocessor : com/facebook/imagepipeline/request/Postprocessor {
+	public static fun from (Ljava/util/List;)Lcom/facebook/imagepipeline/request/Postprocessor;
+	public fun getName ()Ljava/lang/String;
+	public fun getPostprocessorCacheKey ()Lcom/facebook/cache/common/CacheKey;
+	public fun process (Landroid/graphics/Bitmap;Lcom/facebook/imagepipeline/bitmaps/PlatformBitmapFactory;)Lcom/facebook/common/references/CloseableReference;
+}
+
+public abstract interface class com/facebook/react/views/image/ReactCallerContextFactory {
+	public abstract fun getOrCreateCallerContext (Ljava/lang/String;Ljava/lang/String;)Ljava/lang/Object;
+}
+
+public class com/facebook/react/views/image/ReactImageManager : com/facebook/react/uimanager/SimpleViewManager {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/drawee/controller/AbstractDraweeControllerBuilder;Lcom/facebook/react/views/image/GlobalImageLoadListener;Lcom/facebook/react/views/image/ReactCallerContextFactory;)V
+	public fun <init> (Lcom/facebook/drawee/controller/AbstractDraweeControllerBuilder;Lcom/facebook/react/views/image/GlobalImageLoadListener;Ljava/lang/Object;)V
+	public fun <init> (Lcom/facebook/drawee/controller/AbstractDraweeControllerBuilder;Lcom/facebook/react/views/image/ReactCallerContextFactory;)V
+	public fun <init> (Lcom/facebook/drawee/controller/AbstractDraweeControllerBuilder;Ljava/lang/Object;)V
+	public synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/image/ReactImageView;
+	public fun getCallerContext ()Ljava/lang/Object;
+	public fun getDraweeControllerBuilder ()Lcom/facebook/drawee/controller/AbstractDraweeControllerBuilder;
+	public fun getExportedCustomDirectEventTypeConstants ()Ljava/util/Map;
+	public fun getName ()Ljava/lang/String;
+	protected synthetic fun onAfterUpdateTransaction (Landroid/view/View;)V
+	protected fun onAfterUpdateTransaction (Lcom/facebook/react/views/image/ReactImageView;)V
+	public fun setAccessible (Lcom/facebook/react/views/image/ReactImageView;Z)V
+	public fun setBlurRadius (Lcom/facebook/react/views/image/ReactImageView;F)V
+	public fun setBorderColor (Lcom/facebook/react/views/image/ReactImageView;Ljava/lang/Integer;)V
+	public fun setBorderRadius (Lcom/facebook/react/views/image/ReactImageView;IF)V
+	public fun setBorderWidth (Lcom/facebook/react/views/image/ReactImageView;F)V
+	public fun setDefaultSource (Lcom/facebook/react/views/image/ReactImageView;Ljava/lang/String;)V
+	public fun setFadeDuration (Lcom/facebook/react/views/image/ReactImageView;I)V
+	public fun setHeaders (Lcom/facebook/react/views/image/ReactImageView;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setInternal_AnalyticsTag (Lcom/facebook/react/views/image/ReactImageView;Ljava/lang/String;)V
+	public fun setLoadHandlersRegistered (Lcom/facebook/react/views/image/ReactImageView;Z)V
+	public fun setLoadingIndicatorSource (Lcom/facebook/react/views/image/ReactImageView;Ljava/lang/String;)V
+	public fun setOverlayColor (Lcom/facebook/react/views/image/ReactImageView;Ljava/lang/Integer;)V
+	public fun setProgressiveRenderingEnabled (Lcom/facebook/react/views/image/ReactImageView;Z)V
+	public fun setResizeMethod (Lcom/facebook/react/views/image/ReactImageView;Ljava/lang/String;)V
+	public fun setResizeMode (Lcom/facebook/react/views/image/ReactImageView;Ljava/lang/String;)V
+	public fun setSource (Lcom/facebook/react/views/image/ReactImageView;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setTintColor (Lcom/facebook/react/views/image/ReactImageView;Ljava/lang/Integer;)V
+}
+
+public class com/facebook/react/views/image/ReactImageManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/image/ReactImageManager;Lcom/facebook/react/views/image/ReactImageView;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/image/ReactImageView : com/facebook/drawee/view/GenericDraweeView {
+	public static final field REMOTE_IMAGE_FADE_DURATION_MS I
+	public fun <init> (Landroid/content/Context;Lcom/facebook/drawee/controller/AbstractDraweeControllerBuilder;Lcom/facebook/react/views/image/GlobalImageLoadListener;Ljava/lang/Object;)V
+	public fun getImageSource ()Lcom/facebook/react/views/imagehelper/ImageSource;
+	public fun hasOverlappingRendering ()Z
+	public fun maybeUpdateView ()V
+	protected fun onSizeChanged (IIII)V
+	public fun setBackgroundColor (I)V
+	public fun setBlurRadius (F)V
+	public fun setBorderColor (I)V
+	public fun setBorderRadius (F)V
+	public fun setBorderRadius (FI)V
+	public fun setBorderWidth (F)V
+	public fun setControllerListener (Lcom/facebook/drawee/controller/ControllerListener;)V
+	public fun setDefaultSource (Ljava/lang/String;)V
+	public fun setFadeDuration (I)V
+	public fun setHeaders (Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setLoadingIndicatorSource (Ljava/lang/String;)V
+	public fun setOverlayColor (I)V
+	public fun setProgressiveRenderingEnabled (Z)V
+	public fun setResizeMethod (Lcom/facebook/react/views/image/ImageResizeMethod;)V
+	public fun setScaleType (Lcom/facebook/drawee/drawable/ScalingUtils$ScaleType;)V
+	public fun setShouldNotifyLoadEvents (Z)V
+	public fun setSource (Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setTileMode (Landroid/graphics/Shader$TileMode;)V
+	public fun updateCallerContext (Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/imagehelper/ImageSource {
+	public fun <init> (Landroid/content/Context;Ljava/lang/String;)V
+	public fun <init> (Landroid/content/Context;Ljava/lang/String;DD)V
+	public fun equals (Ljava/lang/Object;)Z
+	public fun getSize ()D
+	public fun getSource ()Ljava/lang/String;
+	public static fun getTransparentBitmapImageSource (Landroid/content/Context;)Lcom/facebook/react/views/imagehelper/ImageSource;
+	public fun getUri ()Landroid/net/Uri;
+	public fun hashCode ()I
+	public fun isResource ()Z
+}
+
+public class com/facebook/react/views/imagehelper/MultiSourceHelper {
+	public fun <init> ()V
+	public static fun getBestSourceForSize (IILjava/util/List;)Lcom/facebook/react/views/imagehelper/MultiSourceHelper$MultiSourceResult;
+	public static fun getBestSourceForSize (IILjava/util/List;D)Lcom/facebook/react/views/imagehelper/MultiSourceHelper$MultiSourceResult;
+}
+
+public class com/facebook/react/views/imagehelper/MultiSourceHelper$MultiSourceResult {
+	public fun getBestResult ()Lcom/facebook/react/views/imagehelper/ImageSource;
+	public fun getBestResultInCache ()Lcom/facebook/react/views/imagehelper/ImageSource;
+}
+
+public class com/facebook/react/views/imagehelper/ResourceDrawableIdHelper {
+	public fun clear ()V
+	public static fun getInstance ()Lcom/facebook/react/views/imagehelper/ResourceDrawableIdHelper;
+	public fun getResourceDrawable (Landroid/content/Context;Ljava/lang/String;)Landroid/graphics/drawable/Drawable;
+	public fun getResourceDrawableId (Landroid/content/Context;Ljava/lang/String;)I
+	public fun getResourceDrawableUri (Landroid/content/Context;Ljava/lang/String;)Landroid/net/Uri;
+}
+
+public class com/facebook/react/views/modal/ModalHostShadowNode$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ShadowNodeSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/modal/ModalHostShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/modal/ReactModalHostManager : com/facebook/react/uimanager/ViewGroupManager, com/facebook/react/viewmanagers/ModalHostViewManagerInterface {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	protected synthetic fun addEventEmitters (Lcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)V
+	protected fun addEventEmitters (Lcom/facebook/react/uimanager/ThemedReactContext;Lcom/facebook/react/views/modal/ReactModalHostView;)V
+	public fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/LayoutShadowNode;
+	public synthetic fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	protected synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	protected fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/modal/ReactModalHostView;
+	public fun getDelegate ()Lcom/facebook/react/uimanager/ViewManagerDelegate;
+	public fun getExportedCustomDirectEventTypeConstants ()Ljava/util/Map;
+	public fun getName ()Ljava/lang/String;
+	public fun getShadowNodeClass ()Ljava/lang/Class;
+	protected synthetic fun onAfterUpdateTransaction (Landroid/view/View;)V
+	protected fun onAfterUpdateTransaction (Lcom/facebook/react/views/modal/ReactModalHostView;)V
+	public synthetic fun onDropViewInstance (Landroid/view/View;)V
+	public fun onDropViewInstance (Lcom/facebook/react/views/modal/ReactModalHostView;)V
+	public synthetic fun setAnimated (Landroid/view/View;Z)V
+	public fun setAnimated (Lcom/facebook/react/views/modal/ReactModalHostView;Z)V
+	public synthetic fun setAnimationType (Landroid/view/View;Ljava/lang/String;)V
+	public fun setAnimationType (Lcom/facebook/react/views/modal/ReactModalHostView;Ljava/lang/String;)V
+	public synthetic fun setHardwareAccelerated (Landroid/view/View;Z)V
+	public fun setHardwareAccelerated (Lcom/facebook/react/views/modal/ReactModalHostView;Z)V
+	public synthetic fun setIdentifier (Landroid/view/View;I)V
+	public fun setIdentifier (Lcom/facebook/react/views/modal/ReactModalHostView;I)V
+	public synthetic fun setPresentationStyle (Landroid/view/View;Ljava/lang/String;)V
+	public fun setPresentationStyle (Lcom/facebook/react/views/modal/ReactModalHostView;Ljava/lang/String;)V
+	public synthetic fun setStatusBarTranslucent (Landroid/view/View;Z)V
+	public fun setStatusBarTranslucent (Lcom/facebook/react/views/modal/ReactModalHostView;Z)V
+	public synthetic fun setSupportedOrientations (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setSupportedOrientations (Lcom/facebook/react/views/modal/ReactModalHostView;Lcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun setTransparent (Landroid/view/View;Z)V
+	public fun setTransparent (Lcom/facebook/react/views/modal/ReactModalHostView;Z)V
+	public synthetic fun setVisible (Landroid/view/View;Z)V
+	public fun setVisible (Lcom/facebook/react/views/modal/ReactModalHostView;Z)V
+	public synthetic fun updateState (Landroid/view/View;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Ljava/lang/Object;
+	public fun updateState (Lcom/facebook/react/views/modal/ReactModalHostView;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Ljava/lang/Object;
+}
+
+public class com/facebook/react/views/modal/ReactModalHostManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/modal/ReactModalHostManager;Lcom/facebook/react/views/modal/ReactModalHostView;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/modal/ReactModalHostView : android/view/ViewGroup, com/facebook/react/bridge/LifecycleEventListener {
+	public fun <init> (Lcom/facebook/react/uimanager/ThemedReactContext;)V
+	public fun addChildrenForAccessibility (Ljava/util/ArrayList;)V
+	public fun addView (Landroid/view/View;I)V
+	public fun dispatchPopulateAccessibilityEvent (Landroid/view/accessibility/AccessibilityEvent;)Z
+	public fun dispatchProvideStructure (Landroid/view/ViewStructure;)V
+	public fun getChildAt (I)Landroid/view/View;
+	public fun getChildCount ()I
+	public fun getStateWrapper ()Lcom/facebook/react/uimanager/StateWrapper;
+	protected fun onDetachedFromWindow ()V
+	public fun onDropInstance ()V
+	public fun onHostDestroy ()V
+	public fun onHostPause ()V
+	public fun onHostResume ()V
+	protected fun onLayout (ZIIII)V
+	public fun removeView (Landroid/view/View;)V
+	public fun removeViewAt (I)V
+	protected fun setAnimationType (Ljava/lang/String;)V
+	protected fun setHardwareAccelerated (Z)V
+	protected fun setOnRequestCloseListener (Lcom/facebook/react/views/modal/ReactModalHostView$OnRequestCloseListener;)V
+	protected fun setOnShowListener (Landroid/content/DialogInterface$OnShowListener;)V
+	public fun setStateWrapper (Lcom/facebook/react/uimanager/StateWrapper;)V
+	protected fun setStatusBarTranslucent (Z)V
+	protected fun setTransparent (Z)V
+	protected fun showOrUpdate ()V
+	public fun updateState (II)V
+}
+
+public abstract interface class com/facebook/react/views/modal/ReactModalHostView$OnRequestCloseListener {
+	public abstract fun onRequestClose (Landroid/content/DialogInterface;)V
+}
+
+public final class com/facebook/react/views/popupmenu/PopupMenuSelectionEvent : com/facebook/react/uimanager/events/Event {
+	public static final field Companion Lcom/facebook/react/views/popupmenu/PopupMenuSelectionEvent$Companion;
+	public static final field EVENT_NAME Ljava/lang/String;
+	public fun <init> (III)V
+	public fun dispatch (Lcom/facebook/react/uimanager/events/RCTEventEmitter;)V
+	public fun getEventName ()Ljava/lang/String;
+}
+
+public final class com/facebook/react/views/popupmenu/PopupMenuSelectionEvent$Companion {
+}
+
+public final class com/facebook/react/views/popupmenu/ReactPopupMenuContainer : android/widget/FrameLayout {
+	public fun <init> (Landroid/content/Context;)V
+	public final fun setMenuItems (Lcom/facebook/react/bridge/ReadableArray;)V
+	public final fun showPopupMenu ()V
+}
+
+public final class com/facebook/react/views/popupmenu/ReactPopupMenuManager : com/facebook/react/uimanager/ViewGroupManager, com/facebook/react/viewmanagers/AndroidPopupMenuManagerInterface {
+	public static final field Companion Lcom/facebook/react/views/popupmenu/ReactPopupMenuManager$Companion;
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	public synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun getName ()Ljava/lang/String;
+	public synthetic fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/popupmenu/ReactPopupMenuContainer;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun setMenuItems (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setMenuItems (Lcom/facebook/react/views/popupmenu/ReactPopupMenuContainer;Lcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun show (Landroid/view/View;)V
+	public fun show (Lcom/facebook/react/views/popupmenu/ReactPopupMenuContainer;)V
+}
+
+public class com/facebook/react/views/popupmenu/ReactPopupMenuManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/popupmenu/ReactPopupMenuManager;Lcom/facebook/react/views/popupmenu/ReactPopupMenuContainer;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public final class com/facebook/react/views/popupmenu/ReactPopupMenuManager$Companion {
+}
+
+public class com/facebook/react/views/progressbar/ProgressBarShadowNode : com/facebook/react/uimanager/LayoutShadowNode, com/facebook/yoga/YogaMeasureFunction {
+	public fun <init> ()V
+	public fun getStyle ()Ljava/lang/String;
+	public fun measure (Lcom/facebook/yoga/YogaNode;FLcom/facebook/yoga/YogaMeasureMode;FLcom/facebook/yoga/YogaMeasureMode;)J
+	public fun setStyle (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/views/progressbar/ProgressBarShadowNode$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ShadowNodeSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/progressbar/ProgressBarShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/progressbar/ReactProgressBarViewManager : com/facebook/react/uimanager/BaseViewManager, com/facebook/react/viewmanagers/AndroidProgressBarManagerInterface {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	public static fun createProgressBar (Landroid/content/Context;I)Landroid/widget/ProgressBar;
+	public synthetic fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public fun createShadowNodeInstance ()Lcom/facebook/react/views/progressbar/ProgressBarShadowNode;
+	protected synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	protected fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/progressbar/ProgressBarContainerView;
+	protected fun getDelegate ()Lcom/facebook/react/uimanager/ViewManagerDelegate;
+	public fun getName ()Ljava/lang/String;
+	public fun getShadowNodeClass ()Ljava/lang/Class;
+	public fun measure (Landroid/content/Context;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;FLcom/facebook/yoga/YogaMeasureMode;FLcom/facebook/yoga/YogaMeasureMode;[F)J
+	protected synthetic fun onAfterUpdateTransaction (Landroid/view/View;)V
+	protected fun onAfterUpdateTransaction (Lcom/facebook/react/views/progressbar/ProgressBarContainerView;)V
+	public synthetic fun setAnimating (Landroid/view/View;Z)V
+	public fun setAnimating (Lcom/facebook/react/views/progressbar/ProgressBarContainerView;Z)V
+	public synthetic fun setColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public fun setColor (Lcom/facebook/react/views/progressbar/ProgressBarContainerView;Ljava/lang/Integer;)V
+	public synthetic fun setIndeterminate (Landroid/view/View;Z)V
+	public fun setIndeterminate (Lcom/facebook/react/views/progressbar/ProgressBarContainerView;Z)V
+	public synthetic fun setProgress (Landroid/view/View;D)V
+	public fun setProgress (Lcom/facebook/react/views/progressbar/ProgressBarContainerView;D)V
+	public synthetic fun setStyleAttr (Landroid/view/View;Ljava/lang/String;)V
+	public fun setStyleAttr (Lcom/facebook/react/views/progressbar/ProgressBarContainerView;Ljava/lang/String;)V
+	public synthetic fun setTestID (Landroid/view/View;Ljava/lang/String;)V
+	public fun setTestID (Lcom/facebook/react/views/progressbar/ProgressBarContainerView;Ljava/lang/String;)V
+	public synthetic fun setTypeAttr (Landroid/view/View;Ljava/lang/String;)V
+	public fun setTypeAttr (Lcom/facebook/react/views/progressbar/ProgressBarContainerView;Ljava/lang/String;)V
+	public synthetic fun updateExtraData (Landroid/view/View;Ljava/lang/Object;)V
+	public fun updateExtraData (Lcom/facebook/react/views/progressbar/ProgressBarContainerView;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/progressbar/ReactProgressBarViewManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/progressbar/ReactProgressBarViewManager;Lcom/facebook/react/views/progressbar/ProgressBarContainerView;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/views/scroll/FpsListener {
+	public abstract fun disable (Ljava/lang/String;)V
+	public abstract fun enable (Ljava/lang/String;)V
+	public abstract fun isEnabled ()Z
+}
+
+public class com/facebook/react/views/scroll/OnScrollDispatchHelper {
+	public fun <init> ()V
+	public fun getXFlingVelocity ()F
+	public fun getYFlingVelocity ()F
+	public fun onScrollChanged (II)Z
+}
+
+public class com/facebook/react/views/scroll/ReactHorizontalScrollContainerView : com/facebook/react/views/view/ReactViewGroup {
+	public fun <init> (Landroid/content/Context;)V
+	protected fun onLayout (ZIIII)V
+	public fun setRemoveClippedSubviews (Z)V
+}
+
+public class com/facebook/react/views/scroll/ReactHorizontalScrollContainerViewManager : com/facebook/react/views/view/ReactClippingViewManager {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	public synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/scroll/ReactHorizontalScrollContainerView;
+	public fun getName ()Ljava/lang/String;
+}
+
+public class com/facebook/react/views/scroll/ReactHorizontalScrollContainerViewManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/scroll/ReactHorizontalScrollContainerViewManager;Lcom/facebook/react/views/scroll/ReactHorizontalScrollContainerView;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/scroll/ReactHorizontalScrollView : android/widget/HorizontalScrollView, android/view/View$OnLayoutChangeListener, android/view/ViewGroup$OnHierarchyChangeListener, com/facebook/react/uimanager/ReactClippingViewGroup, com/facebook/react/uimanager/ReactOverflowViewWithInset, com/facebook/react/views/scroll/ReactScrollViewHelper$HasFlingAnimator, com/facebook/react/views/scroll/ReactScrollViewHelper$HasScrollEventThrottle, com/facebook/react/views/scroll/ReactScrollViewHelper$HasScrollState, com/facebook/react/views/scroll/ReactScrollViewHelper$HasSmoothScroll, com/facebook/react/views/scroll/ReactScrollViewHelper$HasStateWrapper {
+	public fun <init> (Landroid/content/Context;)V
+	public fun <init> (Landroid/content/Context;Lcom/facebook/react/views/scroll/FpsListener;)V
+	public fun abortAnimation ()V
+	public fun addFocusables (Ljava/util/ArrayList;II)V
+	public fun arrowScroll (I)Z
+	public fun canScrollHorizontally (I)Z
+	public fun dispatchGenericPointerEvent (Landroid/view/MotionEvent;)Z
+	public fun draw (Landroid/graphics/Canvas;)V
+	public fun executeKeyEvent (Landroid/view/KeyEvent;)Z
+	public fun flashScrollIndicators ()V
+	public fun fling (I)V
+	public fun getChildVisibleRect (Landroid/view/View;Landroid/graphics/Rect;Landroid/graphics/Point;)Z
+	public fun getClippingRect (Landroid/graphics/Rect;)V
+	public fun getFlingAnimator ()Landroid/animation/ValueAnimator;
+	public fun getFlingExtrapolatedDistance (I)I
+	public fun getLastScrollDispatchTime ()J
+	public fun getOverflow ()Ljava/lang/String;
+	public fun getOverflowInset ()Landroid/graphics/Rect;
+	public fun getPointerEvents ()Lcom/facebook/react/uimanager/PointerEvents;
+	public fun getReactScrollViewScrollState ()Lcom/facebook/react/views/scroll/ReactScrollViewHelper$ReactScrollViewScrollState;
+	public fun getRemoveClippedSubviews ()Z
+	public fun getScrollEnabled ()Z
+	public fun getScrollEventThrottle ()I
+	public fun getStateWrapper ()Lcom/facebook/react/uimanager/StateWrapper;
+	protected fun handleInterceptedTouchEvent (Landroid/view/MotionEvent;)V
+	public fun isPartiallyScrolledInView (Landroid/view/View;)Z
+	protected fun onAttachedToWindow ()V
+	public fun onChildViewAdded (Landroid/view/View;Landroid/view/View;)V
+	public fun onChildViewRemoved (Landroid/view/View;Landroid/view/View;)V
+	protected fun onDetachedFromWindow ()V
+	protected fun onDraw (Landroid/graphics/Canvas;)V
+	public fun onInterceptTouchEvent (Landroid/view/MotionEvent;)Z
+	protected fun onLayout (ZIIII)V
+	public fun onLayoutChange (Landroid/view/View;IIIIIIII)V
+	protected fun onMeasure (II)V
+	protected fun onOverScrolled (IIZZ)V
+	protected fun onScrollChanged (IIII)V
+	protected fun onSizeChanged (IIII)V
+	public fun onTouchEvent (Landroid/view/MotionEvent;)Z
+	public fun pageScroll (I)Z
+	public fun reactSmoothScrollTo (II)V
+	public fun requestChildFocus (Landroid/view/View;Landroid/view/View;)V
+	public fun scrollTo (II)V
+	public fun setBackgroundColor (I)V
+	public fun setBorderColor (IFF)V
+	public fun setBorderRadius (F)V
+	public fun setBorderRadius (FI)V
+	public fun setBorderStyle (Ljava/lang/String;)V
+	public fun setBorderWidth (IF)V
+	public fun setDecelerationRate (F)V
+	public fun setDisableIntervalMomentum (Z)V
+	public fun setEndFillColor (I)V
+	public fun setLastScrollDispatchTime (J)V
+	public fun setMaintainVisibleContentPosition (Lcom/facebook/react/views/scroll/MaintainVisibleScrollPositionHelper$Config;)V
+	public fun setOverflow (Ljava/lang/String;)V
+	public fun setOverflowInset (IIII)V
+	public fun setPagingEnabled (Z)V
+	public fun setPointerEvents (Lcom/facebook/react/uimanager/PointerEvents;)V
+	public fun setRemoveClippedSubviews (Z)V
+	public fun setScrollEnabled (Z)V
+	public fun setScrollEventThrottle (I)V
+	public fun setScrollPerfTag (Ljava/lang/String;)V
+	public fun setSendMomentumEvents (Z)V
+	public fun setSnapInterval (I)V
+	public fun setSnapOffsets (Ljava/util/List;)V
+	public fun setSnapToAlignment (I)V
+	public fun setSnapToEnd (Z)V
+	public fun setSnapToStart (Z)V
+	public fun setStateWrapper (Lcom/facebook/react/uimanager/StateWrapper;)V
+	public fun startFlingAnimator (II)V
+	public fun updateClippingRect ()V
+}
+
+public class com/facebook/react/views/scroll/ReactHorizontalScrollViewManager : com/facebook/react/uimanager/ViewGroupManager, com/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollCommandHandler {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/react/views/scroll/FpsListener;)V
+	public synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;
+	public fun flashScrollIndicators (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;)V
+	public synthetic fun flashScrollIndicators (Ljava/lang/Object;)V
+	public fun getName ()Ljava/lang/String;
+	public synthetic fun receiveCommand (Landroid/view/View;ILcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;ILcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun scrollTo (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToCommandData;)V
+	public synthetic fun scrollTo (Ljava/lang/Object;Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToCommandData;)V
+	public fun scrollToEnd (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToEndCommandData;)V
+	public synthetic fun scrollToEnd (Ljava/lang/Object;Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToEndCommandData;)V
+	public fun setBorderColor (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;ILjava/lang/Integer;)V
+	public fun setBorderRadius (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;IF)V
+	public fun setBorderStyle (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Ljava/lang/String;)V
+	public fun setBorderWidth (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;IF)V
+	public fun setBottomFillColor (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;I)V
+	public fun setContentOffset (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setDecelerationRate (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;F)V
+	public fun setDisableIntervalMomentum (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Z)V
+	public fun setFadingEdgeLength (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;I)V
+	public fun setMaintainVisibleContentPosition (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setNestedScrollEnabled (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Z)V
+	public fun setOverScrollMode (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Ljava/lang/String;)V
+	public fun setOverflow (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Ljava/lang/String;)V
+	public fun setPagingEnabled (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Z)V
+	public fun setPersistentScrollbar (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Z)V
+	public fun setPointerEvents (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Ljava/lang/String;)V
+	public fun setRemoveClippedSubviews (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Z)V
+	public fun setScrollEnabled (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Z)V
+	public fun setScrollEventThrottle (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;I)V
+	public fun setScrollPerfTag (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Ljava/lang/String;)V
+	public fun setSendMomentumEvents (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Z)V
+	public fun setShowsHorizontalScrollIndicator (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Z)V
+	public fun setSnapToAlignment (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Ljava/lang/String;)V
+	public fun setSnapToEnd (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Z)V
+	public fun setSnapToInterval (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;F)V
+	public fun setSnapToOffsets (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setSnapToStart (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Z)V
+	public synthetic fun updateState (Landroid/view/View;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Ljava/lang/Object;
+	public fun updateState (Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Ljava/lang/Object;
+}
+
+public class com/facebook/react/views/scroll/ReactHorizontalScrollViewManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/scroll/ReactHorizontalScrollViewManager;Lcom/facebook/react/views/scroll/ReactHorizontalScrollView;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/scroll/ReactScrollView : android/widget/ScrollView, android/view/View$OnLayoutChangeListener, android/view/ViewGroup$OnHierarchyChangeListener, com/facebook/react/uimanager/ReactClippingViewGroup, com/facebook/react/uimanager/ReactOverflowViewWithInset, com/facebook/react/views/scroll/ReactScrollViewHelper$HasFlingAnimator, com/facebook/react/views/scroll/ReactScrollViewHelper$HasScrollEventThrottle, com/facebook/react/views/scroll/ReactScrollViewHelper$HasScrollState, com/facebook/react/views/scroll/ReactScrollViewHelper$HasSmoothScroll, com/facebook/react/views/scroll/ReactScrollViewHelper$HasStateWrapper {
+	public fun <init> (Landroid/content/Context;)V
+	public fun <init> (Landroid/content/Context;Lcom/facebook/react/views/scroll/FpsListener;)V
+	public fun abortAnimation ()V
+	public fun dispatchGenericPointerEvent (Landroid/view/MotionEvent;)Z
+	public fun draw (Landroid/graphics/Canvas;)V
+	public fun executeKeyEvent (Landroid/view/KeyEvent;)Z
+	public fun flashScrollIndicators ()V
+	public fun fling (I)V
+	public fun getChildVisibleRect (Landroid/view/View;Landroid/graphics/Rect;Landroid/graphics/Point;)Z
+	public fun getClippingRect (Landroid/graphics/Rect;)V
+	public fun getFlingAnimator ()Landroid/animation/ValueAnimator;
+	public fun getFlingExtrapolatedDistance (I)I
+	public fun getLastScrollDispatchTime ()J
+	public fun getOverflow ()Ljava/lang/String;
+	public fun getOverflowInset ()Landroid/graphics/Rect;
+	public fun getPointerEvents ()Lcom/facebook/react/uimanager/PointerEvents;
+	public fun getReactScrollViewScrollState ()Lcom/facebook/react/views/scroll/ReactScrollViewHelper$ReactScrollViewScrollState;
+	public fun getRemoveClippedSubviews ()Z
+	public fun getScrollEnabled ()Z
+	public fun getScrollEventThrottle ()I
+	public fun getStateWrapper ()Lcom/facebook/react/uimanager/StateWrapper;
+	protected fun handleInterceptedTouchEvent (Landroid/view/MotionEvent;)V
+	protected fun onAttachedToWindow ()V
+	public fun onChildViewAdded (Landroid/view/View;Landroid/view/View;)V
+	public fun onChildViewRemoved (Landroid/view/View;Landroid/view/View;)V
+	protected fun onDetachedFromWindow ()V
+	public fun onInitializeAccessibilityNodeInfo (Landroid/view/accessibility/AccessibilityNodeInfo;)V
+	public fun onInterceptTouchEvent (Landroid/view/MotionEvent;)Z
+	protected fun onLayout (ZIIII)V
+	public fun onLayoutChange (Landroid/view/View;IIIIIIII)V
+	protected fun onMeasure (II)V
+	protected fun onOverScrolled (IIZZ)V
+	protected fun onScrollChanged (IIII)V
+	protected fun onSizeChanged (IIII)V
+	public fun onTouchEvent (Landroid/view/MotionEvent;)Z
+	public fun reactSmoothScrollTo (II)V
+	public fun requestChildFocus (Landroid/view/View;Landroid/view/View;)V
+	public fun scrollTo (II)V
+	public fun setBackgroundColor (I)V
+	public fun setBorderColor (IFF)V
+	public fun setBorderRadius (F)V
+	public fun setBorderRadius (FI)V
+	public fun setBorderStyle (Ljava/lang/String;)V
+	public fun setBorderWidth (IF)V
+	public fun setContentOffset (Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setDecelerationRate (F)V
+	public fun setDisableIntervalMomentum (Z)V
+	public fun setEndFillColor (I)V
+	public fun setLastScrollDispatchTime (J)V
+	public fun setMaintainVisibleContentPosition (Lcom/facebook/react/views/scroll/MaintainVisibleScrollPositionHelper$Config;)V
+	public fun setOverflow (Ljava/lang/String;)V
+	public fun setOverflowInset (IIII)V
+	public fun setPagingEnabled (Z)V
+	public fun setPointerEvents (Lcom/facebook/react/uimanager/PointerEvents;)V
+	public fun setRemoveClippedSubviews (Z)V
+	public fun setScrollAwayTopPaddingEnabledUnstable (I)V
+	public fun setScrollEnabled (Z)V
+	public fun setScrollEventThrottle (I)V
+	public fun setScrollPerfTag (Ljava/lang/String;)V
+	public fun setSendMomentumEvents (Z)V
+	public fun setSnapInterval (I)V
+	public fun setSnapOffsets (Ljava/util/List;)V
+	public fun setSnapToAlignment (I)V
+	public fun setSnapToEnd (Z)V
+	public fun setSnapToStart (Z)V
+	public fun setStateWrapper (Lcom/facebook/react/uimanager/StateWrapper;)V
+	public fun startFlingAnimator (II)V
+	public fun updateClippingRect ()V
+}
+
+public class com/facebook/react/views/scroll/ReactScrollViewCommandHelper {
+	public static final field COMMAND_FLASH_SCROLL_INDICATORS I
+	public static final field COMMAND_SCROLL_TO I
+	public static final field COMMAND_SCROLL_TO_END I
+	public fun <init> ()V
+	public static fun getCommandsMap ()Ljava/util/Map;
+	public static fun receiveCommand (Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollCommandHandler;Ljava/lang/Object;ILcom/facebook/react/bridge/ReadableArray;)V
+	public static fun receiveCommand (Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollCommandHandler;Ljava/lang/Object;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+}
+
+public abstract interface class com/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollCommandHandler {
+	public abstract fun flashScrollIndicators (Ljava/lang/Object;)V
+	public abstract fun scrollTo (Ljava/lang/Object;Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToCommandData;)V
+	public abstract fun scrollToEnd (Ljava/lang/Object;Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToEndCommandData;)V
+}
+
+public class com/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToCommandData {
+	public final field mAnimated Z
+	public final field mDestX I
+	public final field mDestY I
+}
+
+public class com/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToEndCommandData {
+	public final field mAnimated Z
+}
+
+public class com/facebook/react/views/scroll/ReactScrollViewHelper {
+	public static final field AUTO Ljava/lang/String;
+	public static final field MOMENTUM_DELAY J
+	public static final field OVER_SCROLL_ALWAYS Ljava/lang/String;
+	public static final field OVER_SCROLL_NEVER Ljava/lang/String;
+	public static final field SNAP_ALIGNMENT_CENTER I
+	public static final field SNAP_ALIGNMENT_DISABLED I
+	public static final field SNAP_ALIGNMENT_END I
+	public static final field SNAP_ALIGNMENT_START I
+	public fun <init> ()V
+	public static fun addScrollListener (Lcom/facebook/react/views/scroll/ReactScrollViewHelper$ScrollListener;)V
+	public static fun emitLayoutEvent (Landroid/view/ViewGroup;)V
+	public static fun emitScrollBeginDragEvent (Landroid/view/ViewGroup;)V
+	public static fun emitScrollEndDragEvent (Landroid/view/ViewGroup;FF)V
+	public static fun emitScrollEvent (Landroid/view/ViewGroup;FF)V
+	public static fun emitScrollMomentumBeginEvent (Landroid/view/ViewGroup;II)V
+	public static fun emitScrollMomentumEndEvent (Landroid/view/ViewGroup;)V
+	public static fun forceUpdateState (Landroid/view/ViewGroup;)V
+	public static fun getDefaultScrollAnimationDuration (Landroid/content/Context;)I
+	public static fun getNextFlingStartValue (Landroid/view/ViewGroup;III)I
+	public static fun parseOverScrollMode (Ljava/lang/String;)I
+	public static fun parseSnapToAlignment (Ljava/lang/String;)I
+	public static fun predictFinalScrollPosition (Landroid/view/ViewGroup;IIII)Landroid/graphics/Point;
+	public static fun registerFlingAnimator (Landroid/view/ViewGroup;)V
+	public static fun removeScrollListener (Lcom/facebook/react/views/scroll/ReactScrollViewHelper$ScrollListener;)V
+	public static fun smoothScrollTo (Landroid/view/ViewGroup;II)V
+	public static fun updateFabricScrollState (Landroid/view/ViewGroup;)V
+	public static fun updateFabricScrollState (Landroid/view/ViewGroup;II)V
+	public static fun updateStateOnScrollChanged (Landroid/view/ViewGroup;FF)V
+}
+
+public abstract interface class com/facebook/react/views/scroll/ReactScrollViewHelper$HasFlingAnimator {
+	public abstract fun getFlingAnimator ()Landroid/animation/ValueAnimator;
+	public abstract fun getFlingExtrapolatedDistance (I)I
+	public abstract fun startFlingAnimator (II)V
+}
+
+public abstract interface class com/facebook/react/views/scroll/ReactScrollViewHelper$HasScrollEventThrottle {
+	public abstract fun getLastScrollDispatchTime ()J
+	public abstract fun getScrollEventThrottle ()I
+	public abstract fun setLastScrollDispatchTime (J)V
+	public abstract fun setScrollEventThrottle (I)V
+}
+
+public abstract interface class com/facebook/react/views/scroll/ReactScrollViewHelper$HasScrollState {
+	public abstract fun getReactScrollViewScrollState ()Lcom/facebook/react/views/scroll/ReactScrollViewHelper$ReactScrollViewScrollState;
+}
+
+public abstract interface class com/facebook/react/views/scroll/ReactScrollViewHelper$HasSmoothScroll {
+	public abstract fun reactSmoothScrollTo (II)V
+}
+
+public abstract interface class com/facebook/react/views/scroll/ReactScrollViewHelper$HasStateWrapper {
+	public abstract fun getStateWrapper ()Lcom/facebook/react/uimanager/StateWrapper;
+}
+
+public class com/facebook/react/views/scroll/ReactScrollViewHelper$ReactScrollViewScrollState {
+	public fun <init> (I)V
+	public fun getDecelerationRate ()F
+	public fun getFinalAnimatedPositionScroll ()Landroid/graphics/Point;
+	public fun getIsCanceled ()Z
+	public fun getIsFinished ()Z
+	public fun getLastStateUpdateScroll ()Landroid/graphics/Point;
+	public fun getLayoutDirection ()I
+	public fun getScrollAwayPaddingTop ()I
+	public fun setDecelerationRate (F)Lcom/facebook/react/views/scroll/ReactScrollViewHelper$ReactScrollViewScrollState;
+	public fun setFinalAnimatedPositionScroll (II)Lcom/facebook/react/views/scroll/ReactScrollViewHelper$ReactScrollViewScrollState;
+	public fun setIsCanceled (Z)Lcom/facebook/react/views/scroll/ReactScrollViewHelper$ReactScrollViewScrollState;
+	public fun setIsFinished (Z)Lcom/facebook/react/views/scroll/ReactScrollViewHelper$ReactScrollViewScrollState;
+	public fun setLastStateUpdateScroll (II)Lcom/facebook/react/views/scroll/ReactScrollViewHelper$ReactScrollViewScrollState;
+	public fun setScrollAwayPaddingTop (I)Lcom/facebook/react/views/scroll/ReactScrollViewHelper$ReactScrollViewScrollState;
+}
+
+public abstract interface class com/facebook/react/views/scroll/ReactScrollViewHelper$ScrollListener {
+	public abstract fun onLayout (Landroid/view/ViewGroup;)V
+	public abstract fun onScroll (Landroid/view/ViewGroup;Lcom/facebook/react/views/scroll/ScrollEventType;FF)V
+}
+
+public class com/facebook/react/views/scroll/ReactScrollViewManager : com/facebook/react/uimanager/ViewGroupManager, com/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollCommandHandler {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/react/views/scroll/FpsListener;)V
+	public static fun createExportedCustomDirectEventTypeConstants ()Ljava/util/Map;
+	public synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/scroll/ReactScrollView;
+	public fun flashScrollIndicators (Lcom/facebook/react/views/scroll/ReactScrollView;)V
+	public synthetic fun flashScrollIndicators (Ljava/lang/Object;)V
+	public fun getCommandsMap ()Ljava/util/Map;
+	public fun getExportedCustomDirectEventTypeConstants ()Ljava/util/Map;
+	public fun getName ()Ljava/lang/String;
+	public synthetic fun receiveCommand (Landroid/view/View;ILcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/scroll/ReactScrollView;ILcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/scroll/ReactScrollView;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun scrollTo (Lcom/facebook/react/views/scroll/ReactScrollView;Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToCommandData;)V
+	public synthetic fun scrollTo (Ljava/lang/Object;Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToCommandData;)V
+	public fun scrollToEnd (Lcom/facebook/react/views/scroll/ReactScrollView;Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToEndCommandData;)V
+	public synthetic fun scrollToEnd (Ljava/lang/Object;Lcom/facebook/react/views/scroll/ReactScrollViewCommandHelper$ScrollToEndCommandData;)V
+	public fun setBorderColor (Lcom/facebook/react/views/scroll/ReactScrollView;ILjava/lang/Integer;)V
+	public fun setBorderRadius (Lcom/facebook/react/views/scroll/ReactScrollView;IF)V
+	public fun setBorderStyle (Lcom/facebook/react/views/scroll/ReactScrollView;Ljava/lang/String;)V
+	public fun setBorderWidth (Lcom/facebook/react/views/scroll/ReactScrollView;IF)V
+	public fun setBottomFillColor (Lcom/facebook/react/views/scroll/ReactScrollView;I)V
+	public fun setContentOffset (Lcom/facebook/react/views/scroll/ReactScrollView;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setDecelerationRate (Lcom/facebook/react/views/scroll/ReactScrollView;F)V
+	public fun setDisableIntervalMomentum (Lcom/facebook/react/views/scroll/ReactScrollView;Z)V
+	public fun setFadingEdgeLength (Lcom/facebook/react/views/scroll/ReactScrollView;I)V
+	public fun setIsInvertedVirtualizedList (Lcom/facebook/react/views/scroll/ReactScrollView;Z)V
+	public fun setMaintainVisibleContentPosition (Lcom/facebook/react/views/scroll/ReactScrollView;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setNestedScrollEnabled (Lcom/facebook/react/views/scroll/ReactScrollView;Z)V
+	public fun setOverScrollMode (Lcom/facebook/react/views/scroll/ReactScrollView;Ljava/lang/String;)V
+	public fun setOverflow (Lcom/facebook/react/views/scroll/ReactScrollView;Ljava/lang/String;)V
+	public fun setPagingEnabled (Lcom/facebook/react/views/scroll/ReactScrollView;Z)V
+	public fun setPersistentScrollbar (Lcom/facebook/react/views/scroll/ReactScrollView;Z)V
+	public fun setPointerEvents (Lcom/facebook/react/views/scroll/ReactScrollView;Ljava/lang/String;)V
+	public fun setRemoveClippedSubviews (Lcom/facebook/react/views/scroll/ReactScrollView;Z)V
+	public fun setScrollEnabled (Lcom/facebook/react/views/scroll/ReactScrollView;Z)V
+	public fun setScrollEventThrottle (Lcom/facebook/react/views/scroll/ReactScrollView;I)V
+	public fun setScrollPerfTag (Lcom/facebook/react/views/scroll/ReactScrollView;Ljava/lang/String;)V
+	public fun setSendMomentumEvents (Lcom/facebook/react/views/scroll/ReactScrollView;Z)V
+	public fun setShowsVerticalScrollIndicator (Lcom/facebook/react/views/scroll/ReactScrollView;Z)V
+	public fun setSnapToAlignment (Lcom/facebook/react/views/scroll/ReactScrollView;Ljava/lang/String;)V
+	public fun setSnapToEnd (Lcom/facebook/react/views/scroll/ReactScrollView;Z)V
+	public fun setSnapToInterval (Lcom/facebook/react/views/scroll/ReactScrollView;F)V
+	public fun setSnapToOffsets (Lcom/facebook/react/views/scroll/ReactScrollView;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setSnapToStart (Lcom/facebook/react/views/scroll/ReactScrollView;Z)V
+	public synthetic fun updateState (Landroid/view/View;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Ljava/lang/Object;
+	public fun updateState (Lcom/facebook/react/views/scroll/ReactScrollView;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Ljava/lang/Object;
+}
+
+public class com/facebook/react/views/scroll/ReactScrollViewManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/scroll/ReactScrollViewManager;Lcom/facebook/react/views/scroll/ReactScrollView;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/scroll/ScrollEvent : com/facebook/react/uimanager/events/Event {
+	public fun canCoalesce ()Z
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+	public static fun obtain (IILcom/facebook/react/views/scroll/ScrollEventType;FFFFIIII)Lcom/facebook/react/views/scroll/ScrollEvent;
+	public static fun obtain (ILcom/facebook/react/views/scroll/ScrollEventType;FFFFIIII)Lcom/facebook/react/views/scroll/ScrollEvent;
+	public fun onDispose ()V
+}
+
+public final class com/facebook/react/views/scroll/ScrollEventType : java/lang/Enum {
+	public static final field BEGIN_DRAG Lcom/facebook/react/views/scroll/ScrollEventType;
+	public static final field END_DRAG Lcom/facebook/react/views/scroll/ScrollEventType;
+	public static final field MOMENTUM_BEGIN Lcom/facebook/react/views/scroll/ScrollEventType;
+	public static final field MOMENTUM_END Lcom/facebook/react/views/scroll/ScrollEventType;
+	public static final field SCROLL Lcom/facebook/react/views/scroll/ScrollEventType;
+	public static fun getJSEventName (Lcom/facebook/react/views/scroll/ScrollEventType;)Ljava/lang/String;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/views/scroll/ScrollEventType;
+	public static fun values ()[Lcom/facebook/react/views/scroll/ScrollEventType;
+}
+
+public class com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout : androidx/swiperefreshlayout/widget/SwipeRefreshLayout {
+	public fun <init> (Lcom/facebook/react/bridge/ReactContext;)V
+	public fun onInterceptTouchEvent (Landroid/view/MotionEvent;)Z
+	public fun onLayout (ZIIII)V
+	public fun onTouchEvent (Landroid/view/MotionEvent;)Z
+	public fun requestDisallowInterceptTouchEvent (Z)V
+	public fun setProgressViewOffset (F)V
+	public fun setRefreshing (Z)V
+}
+
+public class com/facebook/react/views/swiperefresh/SwipeRefreshLayoutManager : com/facebook/react/uimanager/ViewGroupManager, com/facebook/react/viewmanagers/AndroidSwipeRefreshLayoutManagerInterface {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	protected synthetic fun addEventEmitters (Lcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)V
+	protected fun addEventEmitters (Lcom/facebook/react/uimanager/ThemedReactContext;Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;)V
+	protected synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	protected fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;
+	protected fun getDelegate ()Lcom/facebook/react/uimanager/ViewManagerDelegate;
+	public fun getExportedCustomDirectEventTypeConstants ()Ljava/util/Map;
+	public fun getExportedViewConstants ()Ljava/util/Map;
+	public fun getName ()Ljava/lang/String;
+	public synthetic fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun setColors (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setColors (Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;Lcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun setEnabled (Landroid/view/View;Z)V
+	public fun setEnabled (Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;Z)V
+	public synthetic fun setNativeRefreshing (Landroid/view/View;Z)V
+	public fun setNativeRefreshing (Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;Z)V
+	public synthetic fun setProgressBackgroundColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public fun setProgressBackgroundColor (Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;Ljava/lang/Integer;)V
+	public synthetic fun setProgressViewOffset (Landroid/view/View;F)V
+	public fun setProgressViewOffset (Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;F)V
+	public synthetic fun setRefreshing (Landroid/view/View;Z)V
+	public fun setRefreshing (Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;Z)V
+	public synthetic fun setSize (Landroid/view/View;Ljava/lang/String;)V
+	public fun setSize (Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;I)V
+	public fun setSize (Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;Lcom/facebook/react/bridge/Dynamic;)V
+	public fun setSize (Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/views/swiperefresh/SwipeRefreshLayoutManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/swiperefresh/SwipeRefreshLayoutManager;Lcom/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/switchview/ReactSwitchManager : com/facebook/react/uimanager/SimpleViewManager, com/facebook/react/viewmanagers/AndroidSwitchManagerInterface {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	protected synthetic fun addEventEmitters (Lcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)V
+	protected fun addEventEmitters (Lcom/facebook/react/uimanager/ThemedReactContext;Lcom/facebook/react/views/switchview/ReactSwitch;)V
+	public fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/LayoutShadowNode;
+	public synthetic fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	protected synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	protected fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/switchview/ReactSwitch;
+	protected fun getDelegate ()Lcom/facebook/react/uimanager/ViewManagerDelegate;
+	public fun getName ()Ljava/lang/String;
+	public fun getShadowNodeClass ()Ljava/lang/Class;
+	public fun measure (Landroid/content/Context;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;FLcom/facebook/yoga/YogaMeasureMode;FLcom/facebook/yoga/YogaMeasureMode;[F)J
+	public synthetic fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/switchview/ReactSwitch;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun setDisabled (Landroid/view/View;Z)V
+	public fun setDisabled (Lcom/facebook/react/views/switchview/ReactSwitch;Z)V
+	public synthetic fun setEnabled (Landroid/view/View;Z)V
+	public fun setEnabled (Lcom/facebook/react/views/switchview/ReactSwitch;Z)V
+	public synthetic fun setNativeValue (Landroid/view/View;Z)V
+	public fun setNativeValue (Lcom/facebook/react/views/switchview/ReactSwitch;Z)V
+	public synthetic fun setOn (Landroid/view/View;Z)V
+	public fun setOn (Lcom/facebook/react/views/switchview/ReactSwitch;Z)V
+	public synthetic fun setThumbColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public fun setThumbColor (Lcom/facebook/react/views/switchview/ReactSwitch;Ljava/lang/Integer;)V
+	public synthetic fun setThumbTintColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public fun setThumbTintColor (Lcom/facebook/react/views/switchview/ReactSwitch;Ljava/lang/Integer;)V
+	public synthetic fun setTrackColorForFalse (Landroid/view/View;Ljava/lang/Integer;)V
+	public fun setTrackColorForFalse (Lcom/facebook/react/views/switchview/ReactSwitch;Ljava/lang/Integer;)V
+	public synthetic fun setTrackColorForTrue (Landroid/view/View;Ljava/lang/Integer;)V
+	public fun setTrackColorForTrue (Lcom/facebook/react/views/switchview/ReactSwitch;Ljava/lang/Integer;)V
+	public synthetic fun setTrackTintColor (Landroid/view/View;Ljava/lang/Integer;)V
+	public fun setTrackTintColor (Lcom/facebook/react/views/switchview/ReactSwitch;Ljava/lang/Integer;)V
+	public synthetic fun setValue (Landroid/view/View;Z)V
+	public fun setValue (Lcom/facebook/react/views/switchview/ReactSwitch;Z)V
+}
+
+public class com/facebook/react/views/switchview/ReactSwitchManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/switchview/ReactSwitchManager;Lcom/facebook/react/views/switchview/ReactSwitch;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/switchview/ReactSwitchManager$ReactSwitchShadowNode$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ShadowNodeSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/switchview/ReactSwitchManager$ReactSwitchShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public final class com/facebook/react/views/text/DefaultStyleValuesUtil {
+	public static fun getDefaultTextColor (Landroid/content/Context;)Landroid/content/res/ColorStateList;
+	public static fun getDefaultTextColorHighlight (Landroid/content/Context;)I
+	public static fun getDefaultTextColorHint (Landroid/content/Context;)Landroid/content/res/ColorStateList;
+}
+
+public class com/facebook/react/views/text/FontMetricsUtil {
+	public fun <init> ()V
+	public static fun getFontMetrics (Ljava/lang/CharSequence;Landroid/text/Layout;Landroid/text/TextPaint;Landroid/content/Context;)Lcom/facebook/react/bridge/WritableArray;
+}
+
+public abstract class com/facebook/react/views/text/ReactBaseTextShadowNode : com/facebook/react/uimanager/LayoutShadowNode, com/facebook/react/views/text/BasicTextAttributeProvider {
+	public static final field DEFAULT_TEXT_SHADOW_COLOR I
+	public static final field PROP_SHADOW_COLOR Ljava/lang/String;
+	public static final field PROP_SHADOW_OFFSET Ljava/lang/String;
+	public static final field PROP_SHADOW_OFFSET_HEIGHT Ljava/lang/String;
+	public static final field PROP_SHADOW_OFFSET_WIDTH Ljava/lang/String;
+	public static final field PROP_SHADOW_RADIUS Ljava/lang/String;
+	public static final field PROP_TEXT_TRANSFORM Ljava/lang/String;
+	protected field mAccessibilityRole Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	protected field mAdjustsFontSizeToFit Z
+	protected field mBackgroundColor I
+	protected field mColor I
+	protected field mContainsImages Z
+	protected field mFontFamily Ljava/lang/String;
+	protected field mFontFeatureSettings Ljava/lang/String;
+	protected field mFontStyle I
+	protected field mFontWeight I
+	protected field mHyphenationFrequency I
+	protected field mIncludeFontPadding Z
+	protected field mInlineViews Ljava/util/Map;
+	protected field mIsBackgroundColorSet Z
+	protected field mIsColorSet Z
+	protected field mIsLineThroughTextDecorationSet Z
+	protected field mIsUnderlineTextDecorationSet Z
+	protected field mJustificationMode I
+	protected field mMinimumFontScale F
+	protected field mNumberOfLines I
+	protected field mReactTextViewManagerCallback Lcom/facebook/react/views/text/ReactTextViewManagerCallback;
+	protected field mRole Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	protected field mTextAlign I
+	protected field mTextAttributes Lcom/facebook/react/views/text/TextAttributes;
+	protected field mTextBreakStrategy I
+	protected field mTextShadowColor I
+	protected field mTextShadowOffsetDx F
+	protected field mTextShadowOffsetDy F
+	protected field mTextShadowRadius F
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/react/views/text/ReactTextViewManagerCallback;)V
+	public fun getAccessibilityRole ()Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public fun getBackgroundColor ()I
+	public fun getColor ()I
+	public fun getFontFamily ()Ljava/lang/String;
+	public fun getFontFeatureSettings ()Ljava/lang/String;
+	public fun getFontStyle ()I
+	public fun getFontWeight ()I
+	public fun getRole ()Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public fun getTextShadowColor ()I
+	public fun getTextShadowOffsetDx ()F
+	public fun getTextShadowOffsetDy ()F
+	public fun getTextShadowRadius ()F
+	public fun isBackgroundColorSet ()Z
+	public fun isColorSet ()Z
+	public fun isLineThroughTextDecorationSet ()Z
+	public fun isUnderlineTextDecorationSet ()Z
+	public fun setAccessibilityRole (Ljava/lang/String;)V
+	public fun setAdjustFontSizeToFit (Z)V
+	public fun setAllowFontScaling (Z)V
+	public fun setBackgroundColor (Ljava/lang/Integer;)V
+	public fun setColor (Ljava/lang/Integer;)V
+	public fun setFontFamily (Ljava/lang/String;)V
+	public fun setFontSize (F)V
+	public fun setFontStyle (Ljava/lang/String;)V
+	public fun setFontVariant (Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setFontWeight (Ljava/lang/String;)V
+	public fun setIncludeFontPadding (Z)V
+	public fun setLetterSpacing (F)V
+	public fun setLineHeight (F)V
+	public fun setMaxFontSizeMultiplier (F)V
+	public fun setMinimumFontScale (F)V
+	public fun setNumberOfLines (I)V
+	public fun setRole (Ljava/lang/String;)V
+	public fun setTextAlign (Ljava/lang/String;)V
+	public fun setTextBreakStrategy (Ljava/lang/String;)V
+	public fun setTextDecorationLine (Ljava/lang/String;)V
+	public fun setTextShadowColor (I)V
+	public fun setTextShadowOffset (Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setTextShadowRadius (F)V
+	public fun setTextTransform (Ljava/lang/String;)V
+	protected fun spannedFromShadowNode (Lcom/facebook/react/views/text/ReactBaseTextShadowNode;Ljava/lang/String;ZLcom/facebook/react/uimanager/NativeViewHierarchyOptimizer;)Landroid/text/Spannable;
+}
+
+public class com/facebook/react/views/text/ReactFontManager {
+	public fun addCustomFont (Landroid/content/Context;Ljava/lang/String;I)V
+	public fun addCustomFont (Ljava/lang/String;Landroid/graphics/Typeface;)V
+	public static fun getInstance ()Lcom/facebook/react/views/text/ReactFontManager;
+	public fun getTypeface (Ljava/lang/String;IILandroid/content/res/AssetManager;)Landroid/graphics/Typeface;
+	public fun getTypeface (Ljava/lang/String;ILandroid/content/res/AssetManager;)Landroid/graphics/Typeface;
+	public fun getTypeface (Ljava/lang/String;IZLandroid/content/res/AssetManager;)Landroid/graphics/Typeface;
+	public fun setTypeface (Ljava/lang/String;ILandroid/graphics/Typeface;)V
+}
+
+public class com/facebook/react/views/text/ReactRawTextManager : com/facebook/react/uimanager/ViewManager {
+	public fun <init> ()V
+	public synthetic fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public fun createShadowNodeInstance ()Lcom/facebook/react/views/text/ReactRawTextShadowNode;
+	public synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/text/ReactTextView;
+	public fun getName ()Ljava/lang/String;
+	public fun getShadowNodeClass ()Ljava/lang/Class;
+	public fun updateExtraData (Landroid/view/View;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/text/ReactRawTextManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/text/ReactRawTextManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/text/ReactRawTextShadowNode : com/facebook/react/uimanager/ReactShadowNodeImpl {
+	public fun <init> ()V
+	public fun getText ()Ljava/lang/String;
+	public fun isVirtual ()Z
+	public fun setText (Ljava/lang/String;)V
+	public fun toString ()Ljava/lang/String;
+}
+
+public class com/facebook/react/views/text/ReactRawTextShadowNode$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ShadowNodeSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/text/ReactRawTextShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract class com/facebook/react/views/text/ReactTextAnchorViewManager : com/facebook/react/uimanager/BaseViewManager {
+	public fun <init> ()V
+	public fun setAccessible (Lcom/facebook/react/views/text/ReactTextView;Z)V
+	public fun setAdjustFontSizeToFit (Lcom/facebook/react/views/text/ReactTextView;Z)V
+	public fun setAndroidHyphenationFrequency (Lcom/facebook/react/views/text/ReactTextView;Ljava/lang/String;)V
+	public fun setBorderColor (Lcom/facebook/react/views/text/ReactTextView;ILjava/lang/Integer;)V
+	public fun setBorderRadius (Lcom/facebook/react/views/text/ReactTextView;IF)V
+	public fun setBorderStyle (Lcom/facebook/react/views/text/ReactTextView;Ljava/lang/String;)V
+	public fun setBorderWidth (Lcom/facebook/react/views/text/ReactTextView;IF)V
+	public fun setDataDetectorType (Lcom/facebook/react/views/text/ReactTextView;Ljava/lang/String;)V
+	public fun setDisabled (Lcom/facebook/react/views/text/ReactTextView;Z)V
+	public fun setEllipsizeMode (Lcom/facebook/react/views/text/ReactTextView;Ljava/lang/String;)V
+	public fun setFontSize (Lcom/facebook/react/views/text/ReactTextView;F)V
+	public fun setIncludeFontPadding (Lcom/facebook/react/views/text/ReactTextView;Z)V
+	public fun setLetterSpacing (Lcom/facebook/react/views/text/ReactTextView;F)V
+	public fun setNotifyOnInlineViewLayout (Lcom/facebook/react/views/text/ReactTextView;Z)V
+	public fun setNumberOfLines (Lcom/facebook/react/views/text/ReactTextView;I)V
+	public fun setSelectable (Lcom/facebook/react/views/text/ReactTextView;Z)V
+	public fun setSelectionColor (Lcom/facebook/react/views/text/ReactTextView;Ljava/lang/Integer;)V
+	public fun setTextAlignVertical (Lcom/facebook/react/views/text/ReactTextView;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/views/text/ReactTextShadowNode : com/facebook/react/views/text/ReactBaseTextShadowNode {
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/react/views/text/ReactTextViewManagerCallback;)V
+	public fun calculateLayoutOnChildren ()Ljava/lang/Iterable;
+	public fun hoistNativeChildren ()Z
+	public fun isVirtualAnchor ()Z
+	public fun markUpdated ()V
+	public fun onBeforeLayout (Lcom/facebook/react/uimanager/NativeViewHierarchyOptimizer;)V
+	public fun onCollectExtraUpdates (Lcom/facebook/react/uimanager/UIViewOperationQueue;)V
+	public fun setShouldNotifyOnTextLayout (Z)V
+}
+
+public class com/facebook/react/views/text/ReactTextShadowNode$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ShadowNodeSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/text/ReactTextShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/text/ReactTextUpdate {
+	public fun <init> (Landroid/text/Spannable;IZFFFFI)V
+	public fun <init> (Landroid/text/Spannable;IZFFFFIII)V
+	public fun <init> (Landroid/text/Spannable;IZIII)V
+	public static fun buildReactTextUpdateFromState (Landroid/text/Spannable;IIII)Lcom/facebook/react/views/text/ReactTextUpdate;
+	public fun containsImages ()Z
+	public fun getJsEventCounter ()I
+	public fun getJustificationMode ()I
+	public fun getPaddingBottom ()F
+	public fun getPaddingLeft ()F
+	public fun getPaddingRight ()F
+	public fun getPaddingTop ()F
+	public fun getText ()Landroid/text/Spannable;
+	public fun getTextAlign ()I
+	public fun getTextBreakStrategy ()I
+}
+
+public class com/facebook/react/views/text/ReactTextView : androidx/appcompat/widget/AppCompatTextView, com/facebook/react/uimanager/ReactCompoundView {
+	public fun <init> (Landroid/content/Context;)V
+	protected fun dispatchHoverEvent (Landroid/view/MotionEvent;)Z
+	public fun getSpanned ()Landroid/text/Spannable;
+	public fun hasOverlappingRendering ()Z
+	public fun invalidateDrawable (Landroid/graphics/drawable/Drawable;)V
+	public fun onAttachedToWindow ()V
+	public fun onDetachedFromWindow ()V
+	public fun onFinishTemporaryDetach ()V
+	protected fun onLayout (ZIIII)V
+	public fun onStartTemporaryDetach ()V
+	public fun reactTagForTouch (FF)I
+	public fun setAdjustFontSizeToFit (Z)V
+	public fun setBackgroundColor (I)V
+	public fun setBorderColor (IFF)V
+	public fun setBorderRadius (F)V
+	public fun setBorderRadius (FI)V
+	public fun setBorderStyle (Ljava/lang/String;)V
+	public fun setBorderWidth (IF)V
+	public fun setEllipsizeLocation (Landroid/text/TextUtils$TruncateAt;)V
+	public fun setFontSize (F)V
+	public fun setLetterSpacing (F)V
+	public fun setLinkifyMask (I)V
+	public fun setNotifyOnInlineViewLayout (Z)V
+	public fun setNumberOfLines (I)V
+	public fun setSpanned (Landroid/text/Spannable;)V
+	public fun setText (Lcom/facebook/react/views/text/ReactTextUpdate;)V
+	public fun setTextIsSelectable (Z)V
+	public fun updateView ()V
+	protected fun verifyDrawable (Landroid/graphics/drawable/Drawable;)Z
+}
+
+public class com/facebook/react/views/text/ReactTextViewManager : com/facebook/react/views/text/ReactTextAnchorViewManager, com/facebook/react/uimanager/IViewManagerWithChildren {
+	protected field mReactTextViewManagerCallback Lcom/facebook/react/views/text/ReactTextViewManagerCallback;
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/react/views/text/ReactTextViewManagerCallback;)V
+	public synthetic fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public fun createShadowNodeInstance ()Lcom/facebook/react/views/text/ReactTextShadowNode;
+	public fun createShadowNodeInstance (Lcom/facebook/react/views/text/ReactTextViewManagerCallback;)Lcom/facebook/react/views/text/ReactTextShadowNode;
+	public synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/text/ReactTextView;
+	public fun getExportedCustomDirectEventTypeConstants ()Ljava/util/Map;
+	public fun getName ()Ljava/lang/String;
+	public fun getShadowNodeClass ()Ljava/lang/Class;
+	public fun measure (Landroid/content/Context;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;FLcom/facebook/yoga/YogaMeasureMode;FLcom/facebook/yoga/YogaMeasureMode;[F)J
+	public fun measure (Landroid/content/Context;Lcom/facebook/react/common/mapbuffer/MapBuffer;Lcom/facebook/react/common/mapbuffer/MapBuffer;Lcom/facebook/react/common/mapbuffer/MapBuffer;FLcom/facebook/yoga/YogaMeasureMode;FLcom/facebook/yoga/YogaMeasureMode;[F)J
+	public fun needsCustomLayoutForChildren ()Z
+	protected synthetic fun onAfterUpdateTransaction (Landroid/view/View;)V
+	protected fun onAfterUpdateTransaction (Lcom/facebook/react/views/text/ReactTextView;)V
+	protected synthetic fun prepareToRecycleView (Lcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)Landroid/view/View;
+	protected fun prepareToRecycleView (Lcom/facebook/react/uimanager/ThemedReactContext;Lcom/facebook/react/views/text/ReactTextView;)Lcom/facebook/react/views/text/ReactTextView;
+	public synthetic fun setPadding (Landroid/view/View;IIII)V
+	public fun setPadding (Lcom/facebook/react/views/text/ReactTextView;IIII)V
+	public synthetic fun updateExtraData (Landroid/view/View;Ljava/lang/Object;)V
+	public fun updateExtraData (Lcom/facebook/react/views/text/ReactTextView;Ljava/lang/Object;)V
+	public synthetic fun updateState (Landroid/view/View;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Ljava/lang/Object;
+	public fun updateState (Lcom/facebook/react/views/text/ReactTextView;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Ljava/lang/Object;
+}
+
+public class com/facebook/react/views/text/ReactTextViewManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/text/ReactTextViewManager;Lcom/facebook/react/views/text/ReactTextView;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/views/text/ReactTextViewManagerCallback {
+	public abstract fun onPostProcessSpannable (Landroid/text/Spannable;)V
+}
+
+public class com/facebook/react/views/text/ReactTypefaceUtils {
+	public fun <init> ()V
+	public static fun applyStyles (Landroid/graphics/Typeface;IILjava/lang/String;Landroid/content/res/AssetManager;)Landroid/graphics/Typeface;
+	public static fun parseFontStyle (Ljava/lang/String;)I
+	public static fun parseFontVariant (Lcom/facebook/react/bridge/ReadableArray;)Ljava/lang/String;
+	public static fun parseFontWeight (Ljava/lang/String;)I
+}
+
+public class com/facebook/react/views/text/ReactVirtualTextShadowNode : com/facebook/react/views/text/ReactBaseTextShadowNode {
+	public fun <init> ()V
+	public fun isVirtual ()Z
+}
+
+public class com/facebook/react/views/text/ReactVirtualTextShadowNode$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ShadowNodeSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/text/ReactVirtualTextShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/text/ReactVirtualTextViewManager : com/facebook/react/uimanager/BaseViewManager {
+	public fun <init> ()V
+	public synthetic fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public fun createShadowNodeInstance ()Lcom/facebook/react/views/text/ReactVirtualTextShadowNode;
+	public fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun getName ()Ljava/lang/String;
+	public fun getShadowNodeClass ()Ljava/lang/Class;
+	public fun updateExtraData (Landroid/view/View;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/text/ReactVirtualTextViewManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/text/ReactVirtualTextViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/text/TextAttributeProps : com/facebook/react/views/text/EffectiveTextAttributeProvider {
+	public static final field TA_KEY_ACCESSIBILITY_ROLE S
+	public static final field TA_KEY_ALIGNMENT S
+	public static final field TA_KEY_ALLOW_FONT_SCALING S
+	public static final field TA_KEY_BACKGROUND_COLOR S
+	public static final field TA_KEY_BEST_WRITING_DIRECTION S
+	public static final field TA_KEY_FONT_FAMILY S
+	public static final field TA_KEY_FONT_SIZE S
+	public static final field TA_KEY_FONT_SIZE_MULTIPLIER S
+	public static final field TA_KEY_FONT_STYLE S
+	public static final field TA_KEY_FONT_VARIANT S
+	public static final field TA_KEY_FONT_WEIGHT S
+	public static final field TA_KEY_FOREGROUND_COLOR S
+	public static final field TA_KEY_IS_HIGHLIGHTED S
+	public static final field TA_KEY_LAYOUT_DIRECTION S
+	public static final field TA_KEY_LETTER_SPACING S
+	public static final field TA_KEY_LINE_BREAK_STRATEGY S
+	public static final field TA_KEY_LINE_HEIGHT S
+	public static final field TA_KEY_OPACITY S
+	public static final field TA_KEY_ROLE S
+	public static final field TA_KEY_TEXT_DECORATION_COLOR S
+	public static final field TA_KEY_TEXT_DECORATION_LINE S
+	public static final field TA_KEY_TEXT_DECORATION_STYLE S
+	public static final field TA_KEY_TEXT_SHADOW_COLOR S
+	public static final field TA_KEY_TEXT_SHADOW_OFFSET_DX S
+	public static final field TA_KEY_TEXT_SHADOW_OFFSET_DY S
+	public static final field TA_KEY_TEXT_SHADOW_RADIUS S
+	public static final field TA_KEY_TEXT_TRANSFORM S
+	protected field mAccessibilityRole Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	protected field mAllowFontScaling Z
+	protected field mBackgroundColor I
+	protected field mColor I
+	protected field mContainsImages Z
+	protected field mFontFamily Ljava/lang/String;
+	protected field mFontFeatureSettings Ljava/lang/String;
+	protected field mFontSize I
+	protected field mFontSizeInput F
+	protected field mFontStyle I
+	protected field mFontWeight I
+	protected field mHeightOfTallestInlineImage F
+	protected field mIncludeFontPadding Z
+	protected field mIsBackgroundColorSet Z
+	protected field mIsColorSet Z
+	protected field mIsLineThroughTextDecorationSet Z
+	protected field mIsUnderlineTextDecorationSet Z
+	protected field mLayoutDirection I
+	protected field mLetterSpacingInput F
+	protected field mLineHeight F
+	protected field mLineHeightInput F
+	protected field mNumberOfLines I
+	protected field mRole Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	protected field mTextAlign I
+	protected field mTextShadowColor I
+	protected field mTextShadowOffsetDx F
+	protected field mTextShadowOffsetDy F
+	protected field mTextShadowRadius F
+	protected field mTextTransform Lcom/facebook/react/views/text/TextTransform;
+	public static fun fromMapBuffer (Lcom/facebook/react/common/mapbuffer/MapBuffer;)Lcom/facebook/react/views/text/TextAttributeProps;
+	public static fun fromReadableMap (Lcom/facebook/react/uimanager/ReactStylesDiffMap;)Lcom/facebook/react/views/text/TextAttributeProps;
+	public fun getAccessibilityRole ()Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$AccessibilityRole;
+	public fun getBackgroundColor ()I
+	public fun getColor ()I
+	public fun getEffectiveFontSize ()I
+	public fun getEffectiveLetterSpacing ()F
+	public fun getEffectiveLineHeight ()F
+	public fun getFontFamily ()Ljava/lang/String;
+	public fun getFontFeatureSettings ()Ljava/lang/String;
+	public fun getFontStyle ()I
+	public fun getFontWeight ()I
+	public static fun getHyphenationFrequency (Ljava/lang/String;)I
+	public static fun getJustificationMode (Lcom/facebook/react/uimanager/ReactStylesDiffMap;I)I
+	public static fun getLayoutDirection (Ljava/lang/String;)I
+	public fun getLetterSpacing ()F
+	public fun getRole ()Lcom/facebook/react/uimanager/ReactAccessibilityDelegate$Role;
+	public static fun getTextAlignment (Lcom/facebook/react/uimanager/ReactStylesDiffMap;ZI)I
+	public static fun getTextBreakStrategy (Ljava/lang/String;)I
+	public fun getTextShadowColor ()I
+	public fun getTextShadowOffsetDx ()F
+	public fun getTextShadowOffsetDy ()F
+	public fun getTextShadowRadius ()F
+	public fun getTextTransform ()Lcom/facebook/react/views/text/TextTransform;
+	public fun isBackgroundColorSet ()Z
+	public fun isColorSet ()Z
+	public fun isLineThroughTextDecorationSet ()Z
+	public fun isUnderlineTextDecorationSet ()Z
+}
+
+public class com/facebook/react/views/text/TextAttributes {
+	public static final field DEFAULT_MAX_FONT_SIZE_MULTIPLIER F
+	public fun <init> ()V
+	public fun applyChild (Lcom/facebook/react/views/text/TextAttributes;)Lcom/facebook/react/views/text/TextAttributes;
+	public fun getAllowFontScaling ()Z
+	public fun getEffectiveFontSize ()I
+	public fun getEffectiveLetterSpacing ()F
+	public fun getEffectiveLineHeight ()F
+	public fun getEffectiveMaxFontSizeMultiplier ()F
+	public fun getFontSize ()F
+	public fun getHeightOfTallestInlineViewOrImage ()F
+	public fun getLetterSpacing ()F
+	public fun getLineHeight ()F
+	public fun getMaxFontSizeMultiplier ()F
+	public fun getTextTransform ()Lcom/facebook/react/views/text/TextTransform;
+	public fun setAllowFontScaling (Z)V
+	public fun setFontSize (F)V
+	public fun setHeightOfTallestInlineViewOrImage (F)V
+	public fun setLetterSpacing (F)V
+	public fun setLineHeight (F)V
+	public fun setMaxFontSizeMultiplier (F)V
+	public fun setTextTransform (Lcom/facebook/react/views/text/TextTransform;)V
+	public fun toString ()Ljava/lang/String;
+}
+
+public class com/facebook/react/views/text/TextLayoutManager {
+	public fun <init> ()V
+	public static fun deleteCachedSpannableForTag (I)V
+	public static fun getOrCreateSpannableForText (Landroid/content/Context;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/views/text/ReactTextViewManagerCallback;)Landroid/text/Spannable;
+	public static fun isRTL (Lcom/facebook/react/bridge/ReadableMap;)Z
+	public static fun measureLines (Landroid/content/Context;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;F)Lcom/facebook/react/bridge/WritableArray;
+	public static fun measureText (Landroid/content/Context;Lcom/facebook/react/bridge/ReadableMap;Lcom/facebook/react/bridge/ReadableMap;FLcom/facebook/yoga/YogaMeasureMode;FLcom/facebook/yoga/YogaMeasureMode;Lcom/facebook/react/views/text/ReactTextViewManagerCallback;[F)J
+	public static fun setCachedSpannabledForTag (ILandroid/text/Spannable;)V
+}
+
+public class com/facebook/react/views/text/TextLayoutManagerMapBuffer {
+	public static final field AS_KEY_CACHE_ID S
+	public static final field AS_KEY_FRAGMENTS S
+	public static final field AS_KEY_HASH S
+	public static final field AS_KEY_STRING S
+	public static final field FR_KEY_HEIGHT S
+	public static final field FR_KEY_IS_ATTACHMENT S
+	public static final field FR_KEY_REACT_TAG S
+	public static final field FR_KEY_STRING S
+	public static final field FR_KEY_TEXT_ATTRIBUTES S
+	public static final field FR_KEY_WIDTH S
+	public static final field PA_KEY_ADJUST_FONT_SIZE_TO_FIT S
+	public static final field PA_KEY_ELLIPSIZE_MODE S
+	public static final field PA_KEY_HYPHENATION_FREQUENCY S
+	public static final field PA_KEY_INCLUDE_FONT_PADDING S
+	public static final field PA_KEY_MAX_NUMBER_OF_LINES S
+	public static final field PA_KEY_TEXT_BREAK_STRATEGY S
+	public fun <init> ()V
+	public static fun deleteCachedSpannableForTag (I)V
+	public static fun getOrCreateSpannableForText (Landroid/content/Context;Lcom/facebook/react/common/mapbuffer/MapBuffer;Lcom/facebook/react/views/text/ReactTextViewManagerCallback;)Landroid/text/Spannable;
+	public static fun isRTL (Lcom/facebook/react/common/mapbuffer/MapBuffer;)Z
+	public static fun measureLines (Landroid/content/Context;Lcom/facebook/react/common/mapbuffer/MapBuffer;Lcom/facebook/react/common/mapbuffer/MapBuffer;F)Lcom/facebook/react/bridge/WritableArray;
+	public static fun measureText (Landroid/content/Context;Lcom/facebook/react/common/mapbuffer/MapBuffer;Lcom/facebook/react/common/mapbuffer/MapBuffer;FLcom/facebook/yoga/YogaMeasureMode;FLcom/facebook/yoga/YogaMeasureMode;Lcom/facebook/react/views/text/ReactTextViewManagerCallback;[F)J
+	public static fun setCachedSpannabledForTag (ILandroid/text/Spannable;)V
+}
+
+public final class com/facebook/react/views/text/TextTransform : java/lang/Enum {
+	public static final field CAPITALIZE Lcom/facebook/react/views/text/TextTransform;
+	public static final field LOWERCASE Lcom/facebook/react/views/text/TextTransform;
+	public static final field NONE Lcom/facebook/react/views/text/TextTransform;
+	public static final field UNSET Lcom/facebook/react/views/text/TextTransform;
+	public static final field UPPERCASE Lcom/facebook/react/views/text/TextTransform;
+	public static fun apply (Ljava/lang/String;Lcom/facebook/react/views/text/TextTransform;)Ljava/lang/String;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/views/text/TextTransform;
+	public static fun values ()[Lcom/facebook/react/views/text/TextTransform;
+}
+
+public class com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ShadowNodeSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageViewManager : com/facebook/react/uimanager/BaseViewManager {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	public fun <init> (Lcom/facebook/drawee/controller/AbstractDraweeControllerBuilder;Ljava/lang/Object;)V
+	public synthetic fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public fun createShadowNodeInstance ()Lcom/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode;
+	public fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun getName ()Ljava/lang/String;
+	public fun getShadowNodeClass ()Ljava/lang/Class;
+	public fun updateExtraData (Landroid/view/View;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageViewManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/views/textinput/ContentSizeWatcher {
+	public abstract fun onLayout ()V
+}
+
+public class com/facebook/react/views/textinput/ReactContentSizeChangedEvent : com/facebook/react/uimanager/events/Event {
+	public static final field EVENT_NAME Ljava/lang/String;
+	public fun <init> (IFF)V
+	public fun <init> (IIFF)V
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+}
+
+public class com/facebook/react/views/textinput/ReactEditText : androidx/appcompat/widget/AppCompatEditText {
+	public static final field DEBUG_MODE Z
+	protected field mContainsImages Z
+	protected field mDisableTextDiffing Z
+	protected field mIsSettingTextFromJS Z
+	protected field mIsSettingTextFromState Z
+	protected field mNativeEventCount I
+	public fun <init> (Landroid/content/Context;)V
+	public fun addTextChangedListener (Landroid/text/TextWatcher;)V
+	protected fun applyTextAttributes ()V
+	public fun canUpdateWithEventCount (I)Z
+	public fun clearFocus ()V
+	protected fun finalize ()V
+	public fun getBorderColor (I)I
+	public fun getDisableFullscreenUI ()Z
+	public fun getReturnKeyType ()Ljava/lang/String;
+	public fun getStateWrapper ()Lcom/facebook/react/uimanager/StateWrapper;
+	public fun getSubmitBehavior ()Ljava/lang/String;
+	protected fun hideSoftKeyboard ()V
+	public fun incrementAndGetEventCounter ()I
+	public fun invalidateDrawable (Landroid/graphics/drawable/Drawable;)V
+	public fun isLayoutRequested ()Z
+	public fun maybeSetSelection (III)V
+	public fun maybeSetText (Lcom/facebook/react/views/text/ReactTextUpdate;)V
+	public fun maybeSetTextFromJS (Lcom/facebook/react/views/text/ReactTextUpdate;)V
+	public fun maybeSetTextFromState (Lcom/facebook/react/views/text/ReactTextUpdate;)V
+	public fun maybeUpdateTypeface ()V
+	public fun onAttachedToWindow ()V
+	public fun onCreateInputConnection (Landroid/view/inputmethod/EditorInfo;)Landroid/view/inputmethod/InputConnection;
+	public fun onDetachedFromWindow ()V
+	public fun onFinishTemporaryDetach ()V
+	protected fun onFocusChanged (ZILandroid/graphics/Rect;)V
+	public fun onKeyUp (ILandroid/view/KeyEvent;)Z
+	protected fun onLayout (ZIIII)V
+	protected fun onScrollChanged (IIII)V
+	protected fun onSelectionChanged (II)V
+	public fun onStartTemporaryDetach ()V
+	public fun onTextContextMenuItem (I)Z
+	public fun onTouchEvent (Landroid/view/MotionEvent;)Z
+	public fun removeTextChangedListener (Landroid/text/TextWatcher;)V
+	public fun requestFocus (ILandroid/graphics/Rect;)Z
+	public fun requestFocusFromJS ()V
+	public fun setAllowFontScaling (Z)V
+	public fun setAutoFocus (Z)V
+	public fun setBackgroundColor (I)V
+	public fun setBorderColor (IFF)V
+	public fun setBorderRadius (F)V
+	public fun setBorderRadius (FI)V
+	public fun setBorderStyle (Ljava/lang/String;)V
+	public fun setBorderWidth (IF)V
+	public fun setContentSizeWatcher (Lcom/facebook/react/views/textinput/ContentSizeWatcher;)V
+	public fun setDisableFullscreenUI (Z)V
+	public fun setFontFamily (Ljava/lang/String;)V
+	public fun setFontFeatureSettings (Ljava/lang/String;)V
+	public fun setFontSize (F)V
+	public fun setFontStyle (Ljava/lang/String;)V
+	public fun setFontWeight (Ljava/lang/String;)V
+	public fun setInputType (I)V
+	public fun setLetterSpacingPt (F)V
+	public fun setLineHeight (I)V
+	public fun setMaxFontSizeMultiplier (F)V
+	public fun setOnKeyPress (Z)V
+	public fun setPlaceholder (Ljava/lang/String;)V
+	public fun setReturnKeyType (Ljava/lang/String;)V
+	public fun setScrollWatcher (Lcom/facebook/react/views/textinput/ScrollWatcher;)V
+	public fun setSelection (II)V
+	public fun setSelectionWatcher (Lcom/facebook/react/views/textinput/SelectionWatcher;)V
+	public fun setStateWrapper (Lcom/facebook/react/uimanager/StateWrapper;)V
+	public fun setSubmitBehavior (Ljava/lang/String;)V
+	public fun shouldBlurOnReturn ()Z
+	public fun shouldSubmitOnReturn ()Z
+	protected fun showSoftKeyboard ()Z
+	protected fun verifyDrawable (Landroid/graphics/drawable/Drawable;)Z
+}
+
+public class com/facebook/react/views/textinput/ReactTextChangedEvent : com/facebook/react/uimanager/events/Event {
+	public static final field EVENT_NAME Ljava/lang/String;
+	public fun <init> (IILjava/lang/String;I)V
+	public fun <init> (ILjava/lang/String;I)V
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+}
+
+public class com/facebook/react/views/textinput/ReactTextInputEvent : com/facebook/react/uimanager/events/Event {
+	public static final field EVENT_NAME Ljava/lang/String;
+	public fun <init> (IILjava/lang/String;Ljava/lang/String;II)V
+	public fun <init> (ILjava/lang/String;Ljava/lang/String;II)V
+	public fun canCoalesce ()Z
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+}
+
+public final class com/facebook/react/views/textinput/ReactTextInputLocalData {
+	public fun <init> (Landroid/widget/EditText;)V
+	public fun apply (Landroid/widget/EditText;)V
+}
+
+public class com/facebook/react/views/textinput/ReactTextInputManager : com/facebook/react/uimanager/BaseViewManager {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public static final field TAG Ljava/lang/String;
+	protected field mReactTextViewManagerCallback Lcom/facebook/react/views/text/ReactTextViewManagerCallback;
+	public fun <init> ()V
+	protected synthetic fun addEventEmitters (Lcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)V
+	protected fun addEventEmitters (Lcom/facebook/react/uimanager/ThemedReactContext;Lcom/facebook/react/views/textinput/ReactEditText;)V
+	public synthetic fun createShadowNodeInstance ()Lcom/facebook/react/uimanager/ReactShadowNode;
+	public fun createShadowNodeInstance ()Lcom/facebook/react/views/text/ReactBaseTextShadowNode;
+	public fun createShadowNodeInstance (Lcom/facebook/react/views/text/ReactTextViewManagerCallback;)Lcom/facebook/react/views/text/ReactBaseTextShadowNode;
+	public synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/textinput/ReactEditText;
+	public fun getCommandsMap ()Ljava/util/Map;
+	public fun getExportedCustomBubblingEventTypeConstants ()Ljava/util/Map;
+	public fun getExportedCustomDirectEventTypeConstants ()Ljava/util/Map;
+	public fun getExportedViewConstants ()Ljava/util/Map;
+	public fun getName ()Ljava/lang/String;
+	public fun getReactTextUpdate (Lcom/facebook/react/views/textinput/ReactEditText;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/common/mapbuffer/MapBuffer;)Ljava/lang/Object;
+	public fun getShadowNodeClass ()Ljava/lang/Class;
+	protected synthetic fun onAfterUpdateTransaction (Landroid/view/View;)V
+	protected fun onAfterUpdateTransaction (Lcom/facebook/react/views/textinput/ReactEditText;)V
+	public synthetic fun receiveCommand (Landroid/view/View;ILcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/textinput/ReactEditText;ILcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setAllowFontScaling (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setAutoCapitalize (Lcom/facebook/react/views/textinput/ReactEditText;Lcom/facebook/react/bridge/Dynamic;)V
+	public fun setAutoCorrect (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/Boolean;)V
+	public fun setAutoFocus (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setBorderColor (Lcom/facebook/react/views/textinput/ReactEditText;ILjava/lang/Integer;)V
+	public fun setBorderRadius (Lcom/facebook/react/views/textinput/ReactEditText;IF)V
+	public fun setBorderStyle (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setBorderWidth (Lcom/facebook/react/views/textinput/ReactEditText;IF)V
+	public fun setCaretHidden (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setColor (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/Integer;)V
+	public fun setContextMenuHidden (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setCursorColor (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/Integer;)V
+	public fun setDisableFullscreenUI (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setEditable (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setFontFamily (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setFontSize (Lcom/facebook/react/views/textinput/ReactEditText;F)V
+	public fun setFontStyle (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setFontVariant (Lcom/facebook/react/views/textinput/ReactEditText;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setFontWeight (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setImportantForAutofill (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setIncludeFontPadding (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setInlineImageLeft (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setInlineImagePadding (Lcom/facebook/react/views/textinput/ReactEditText;I)V
+	public fun setKeyboardType (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setLetterSpacing (Lcom/facebook/react/views/textinput/ReactEditText;F)V
+	public fun setLineHeight (Lcom/facebook/react/views/textinput/ReactEditText;I)V
+	public fun setMaxFontSizeMultiplier (Lcom/facebook/react/views/textinput/ReactEditText;F)V
+	public fun setMaxLength (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/Integer;)V
+	public fun setMultiline (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setNumLines (Lcom/facebook/react/views/textinput/ReactEditText;I)V
+	public fun setOnContentSizeChange (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setOnKeyPress (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setOnScroll (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setOnSelectionChange (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public synthetic fun setPadding (Landroid/view/View;IIII)V
+	public fun setPadding (Lcom/facebook/react/views/textinput/ReactEditText;IIII)V
+	public fun setPlaceholder (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setPlaceholderTextColor (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/Integer;)V
+	public fun setReturnKeyLabel (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setReturnKeyType (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setSecureTextEntry (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setSelectTextOnFocus (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public fun setSelectionColor (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/Integer;)V
+	public fun setSelectionHandleColor (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/Integer;)V
+	public fun setSubmitBehavior (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setTextAlign (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setTextAlignVertical (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setTextContentType (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setTextDecorationLine (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;)V
+	public fun setUnderlineColor (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/Integer;)V
+	public fun showKeyboardOnFocus (Lcom/facebook/react/views/textinput/ReactEditText;Z)V
+	public synthetic fun updateExtraData (Landroid/view/View;Ljava/lang/Object;)V
+	public fun updateExtraData (Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/Object;)V
+	public synthetic fun updateState (Landroid/view/View;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Ljava/lang/Object;
+	public fun updateState (Lcom/facebook/react/views/textinput/ReactEditText;Lcom/facebook/react/uimanager/ReactStylesDiffMap;Lcom/facebook/react/uimanager/StateWrapper;)Ljava/lang/Object;
+}
+
+public class com/facebook/react/views/textinput/ReactTextInputManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/textinput/ReactTextInputManager;Lcom/facebook/react/views/textinput/ReactEditText;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/textinput/ReactTextInputShadowNode$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ShadowNodeSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ReactShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/textinput/ReactTextInputShadowNode;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public abstract interface class com/facebook/react/views/textinput/ScrollWatcher {
+	public abstract fun onScrollChanged (IIII)V
+}
+
+public class com/facebook/react/views/unimplementedview/ReactUnimplementedView : android/widget/LinearLayout {
+	public fun <init> (Landroid/content/Context;)V
+	public fun setName (Ljava/lang/String;)V
+}
+
+public class com/facebook/react/views/unimplementedview/ReactUnimplementedViewManager : com/facebook/react/uimanager/ViewGroupManager {
+	public static final field REACT_CLASS Ljava/lang/String;
+	public fun <init> ()V
+	protected synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	protected fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/unimplementedview/ReactUnimplementedView;
+	public fun getName ()Ljava/lang/String;
+	public fun setName (Lcom/facebook/react/views/unimplementedview/ReactUnimplementedView;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/views/unimplementedview/ReactUnimplementedViewManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/unimplementedview/ReactUnimplementedViewManager;Lcom/facebook/react/views/unimplementedview/ReactUnimplementedView;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/view/ColorUtil {
+	public fun <init> ()V
+	public static fun getOpacityFromColor (I)I
+	public static fun multiplyColorAlpha (II)I
+	public static fun normalize (DDDD)I
+}
+
+public class com/facebook/react/views/view/MeasureUtil {
+	public fun <init> ()V
+	public static fun getMeasureSpec (FLcom/facebook/yoga/YogaMeasureMode;)I
+}
+
+public abstract class com/facebook/react/views/view/ReactClippingViewManager : com/facebook/react/uimanager/ViewGroupManager {
+	public fun <init> ()V
+	public synthetic fun addView (Landroid/view/View;Landroid/view/View;I)V
+	public synthetic fun addView (Landroid/view/ViewGroup;Landroid/view/View;I)V
+	public fun addView (Lcom/facebook/react/views/view/ReactViewGroup;Landroid/view/View;I)V
+	public synthetic fun getChildAt (Landroid/view/View;I)Landroid/view/View;
+	public synthetic fun getChildAt (Landroid/view/ViewGroup;I)Landroid/view/View;
+	public fun getChildAt (Lcom/facebook/react/views/view/ReactViewGroup;I)Landroid/view/View;
+	public synthetic fun getChildCount (Landroid/view/View;)I
+	public synthetic fun getChildCount (Landroid/view/ViewGroup;)I
+	public fun getChildCount (Lcom/facebook/react/views/view/ReactViewGroup;)I
+	public synthetic fun removeAllViews (Landroid/view/View;)V
+	public fun removeAllViews (Lcom/facebook/react/views/view/ReactViewGroup;)V
+	public synthetic fun removeViewAt (Landroid/view/View;I)V
+	public synthetic fun removeViewAt (Landroid/view/ViewGroup;I)V
+	public fun removeViewAt (Lcom/facebook/react/views/view/ReactViewGroup;I)V
+	public fun setRemoveClippedSubviews (Lcom/facebook/react/views/view/ReactViewGroup;Z)V
+}
+
+public class com/facebook/react/views/view/ReactDrawableHelper {
+	public fun <init> ()V
+	public static fun createDrawableFromJSDescription (Landroid/content/Context;Lcom/facebook/react/bridge/ReadableMap;)Landroid/graphics/drawable/Drawable;
+}
+
+public class com/facebook/react/views/view/ReactViewBackgroundDrawable : android/graphics/drawable/Drawable {
+	public fun <init> (Landroid/content/Context;)V
+	public fun draw (Landroid/graphics/Canvas;)V
+	public fun getAlpha ()I
+	public fun getBorderColor (I)I
+	public fun getBorderRadius (Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;)F
+	public fun getBorderRadiusOrDefaultTo (FLcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;)F
+	public fun getBorderWidthOrDefaultTo (FI)F
+	public fun getDirectionAwareBorderInsets ()Landroid/graphics/RectF;
+	public fun getFullBorderRadius ()F
+	public fun getFullBorderWidth ()F
+	public fun getOpacity ()I
+	public fun getOutline (Landroid/graphics/Outline;)V
+	public fun getResolvedLayoutDirection ()I
+	public fun hasRoundedBorders ()Z
+	protected fun onBoundsChange (Landroid/graphics/Rect;)V
+	public fun onResolvedLayoutDirectionChanged (I)Z
+	public fun setAlpha (I)V
+	public fun setBorderColor (IFF)V
+	public fun setBorderStyle (Ljava/lang/String;)V
+	public fun setBorderWidth (IF)V
+	public fun setColor (I)V
+	public fun setColorFilter (Landroid/graphics/ColorFilter;)V
+	public fun setRadius (F)V
+	public fun setRadius (FI)V
+	public fun setResolvedLayoutDirection (I)Z
+}
+
+public final class com/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation : java/lang/Enum {
+	public static final field BOTTOM_END Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static final field BOTTOM_LEFT Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static final field BOTTOM_RIGHT Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static final field BOTTOM_START Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static final field END_END Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static final field END_START Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static final field START_END Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static final field START_START Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static final field TOP_END Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static final field TOP_LEFT Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static final field TOP_RIGHT Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static final field TOP_START Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static fun valueOf (Ljava/lang/String;)Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+	public static fun values ()[Lcom/facebook/react/views/view/ReactViewBackgroundDrawable$BorderRadiusLocation;
+}
+
+public class com/facebook/react/views/view/ReactViewBackgroundManager {
+	public fun <init> (Landroid/view/View;)V
+	public fun cleanup ()V
+	public fun getBackgroundColor ()I
+	public fun getBorderColor (I)I
+	public fun setBackgroundColor (I)V
+	public fun setBorderColor (IFF)V
+	public fun setBorderRadius (F)V
+	public fun setBorderRadius (FI)V
+	public fun setBorderStyle (Ljava/lang/String;)V
+	public fun setBorderWidth (IF)V
+}
+
+public class com/facebook/react/views/view/ReactViewGroup : android/view/ViewGroup, com/facebook/react/touch/ReactHitSlopView, com/facebook/react/touch/ReactInterceptingViewGroup, com/facebook/react/uimanager/ReactClippingViewGroup, com/facebook/react/uimanager/ReactOverflowViewWithInset, com/facebook/react/uimanager/ReactPointerEventsView, com/facebook/react/uimanager/ReactZIndexedViewGroup {
+	public fun <init> (Landroid/content/Context;)V
+	public fun addView (Landroid/view/View;ILandroid/view/ViewGroup$LayoutParams;)V
+	protected fun addViewInLayout (Landroid/view/View;ILandroid/view/ViewGroup$LayoutParams;Z)Z
+	protected fun dispatchDraw (Landroid/graphics/Canvas;)V
+	public fun dispatchGenericPointerEvent (Landroid/view/MotionEvent;)Z
+	public fun dispatchProvideStructure (Landroid/view/ViewStructure;)V
+	protected fun dispatchSetPressed (Z)V
+	protected fun drawChild (Landroid/graphics/Canvas;Landroid/view/View;J)Z
+	protected fun getChildDrawingOrder (II)I
+	public fun getChildVisibleRect (Landroid/view/View;Landroid/graphics/Rect;Landroid/graphics/Point;)Z
+	public fun getClippingRect (Landroid/graphics/Rect;)V
+	public fun getHitSlopRect ()Landroid/graphics/Rect;
+	public fun getOverflow ()Ljava/lang/String;
+	public fun getOverflowInset ()Landroid/graphics/Rect;
+	public fun getPointerEvents ()Lcom/facebook/react/uimanager/PointerEvents;
+	public fun getRemoveClippedSubviews ()Z
+	public fun getZIndexMappedChildIndex (I)I
+	public fun hasOverlappingRendering ()Z
+	protected fun onAttachedToWindow ()V
+	public fun onInterceptTouchEvent (Landroid/view/MotionEvent;)Z
+	protected fun onLayout (ZIIII)V
+	protected fun onMeasure (II)V
+	public fun onRtlPropertiesChanged (I)V
+	protected fun onSizeChanged (IIII)V
+	public fun onTouchEvent (Landroid/view/MotionEvent;)Z
+	public fun removeView (Landroid/view/View;)V
+	public fun removeViewAt (I)V
+	public fun removeViewInLayout (Landroid/view/View;)V
+	public fun removeViews (II)V
+	public fun removeViewsInLayout (II)V
+	public fun requestLayout ()V
+	public fun setBackfaceVisibility (Ljava/lang/String;)V
+	public fun setBackfaceVisibilityDependantOpacity ()V
+	public fun setBackground (Landroid/graphics/drawable/Drawable;)V
+	public fun setBackgroundColor (I)V
+	public fun setBorderColor (IFF)V
+	public fun setBorderRadius (F)V
+	public fun setBorderRadius (FI)V
+	public fun setBorderStyle (Ljava/lang/String;)V
+	public fun setBorderWidth (IF)V
+	public fun setHitSlopRect (Landroid/graphics/Rect;)V
+	public fun setNeedsOffscreenAlphaCompositing (Z)V
+	public fun setOnInterceptTouchEventListener (Lcom/facebook/react/touch/OnInterceptTouchEventListener;)V
+	public fun setOpacityIfPossible (F)V
+	public fun setOverflow (Ljava/lang/String;)V
+	public fun setOverflowInset (IIII)V
+	public fun setRemoveClippedSubviews (Z)V
+	public fun setTranslucentBackgroundDrawable (Landroid/graphics/drawable/Drawable;)V
+	public fun updateClippingRect ()V
+	public fun updateDrawingOrder ()V
+}
+
+public class com/facebook/react/views/view/ReactViewManager : com/facebook/react/views/view/ReactClippingViewManager {
+	public fun <init> ()V
+	public synthetic fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Landroid/view/View;
+	public fun createViewInstance (Lcom/facebook/react/uimanager/ThemedReactContext;)Lcom/facebook/react/views/view/ReactViewGroup;
+	public fun getCommandsMap ()Ljava/util/Map;
+	public fun getName ()Ljava/lang/String;
+	public fun nextFocusDown (Lcom/facebook/react/views/view/ReactViewGroup;I)V
+	public fun nextFocusForward (Lcom/facebook/react/views/view/ReactViewGroup;I)V
+	public fun nextFocusLeft (Lcom/facebook/react/views/view/ReactViewGroup;I)V
+	public fun nextFocusRight (Lcom/facebook/react/views/view/ReactViewGroup;I)V
+	public fun nextFocusUp (Lcom/facebook/react/views/view/ReactViewGroup;I)V
+	protected synthetic fun prepareToRecycleView (Lcom/facebook/react/uimanager/ThemedReactContext;Landroid/view/View;)Landroid/view/View;
+	protected fun prepareToRecycleView (Lcom/facebook/react/uimanager/ThemedReactContext;Lcom/facebook/react/views/view/ReactViewGroup;)Lcom/facebook/react/views/view/ReactViewGroup;
+	public synthetic fun receiveCommand (Landroid/view/View;ILcom/facebook/react/bridge/ReadableArray;)V
+	public synthetic fun receiveCommand (Landroid/view/View;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/view/ReactViewGroup;ILcom/facebook/react/bridge/ReadableArray;)V
+	public fun receiveCommand (Lcom/facebook/react/views/view/ReactViewGroup;Ljava/lang/String;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setAccessible (Lcom/facebook/react/views/view/ReactViewGroup;Z)V
+	public fun setBackfaceVisibility (Lcom/facebook/react/views/view/ReactViewGroup;Ljava/lang/String;)V
+	public fun setBorderColor (Lcom/facebook/react/views/view/ReactViewGroup;ILjava/lang/Integer;)V
+	public fun setBorderRadius (Lcom/facebook/react/views/view/ReactViewGroup;IF)V
+	public fun setBorderStyle (Lcom/facebook/react/views/view/ReactViewGroup;Ljava/lang/String;)V
+	public fun setBorderWidth (Lcom/facebook/react/views/view/ReactViewGroup;IF)V
+	public fun setCollapsable (Lcom/facebook/react/views/view/ReactViewGroup;Z)V
+	public fun setFocusable (Lcom/facebook/react/views/view/ReactViewGroup;Z)V
+	public fun setHitSlop (Lcom/facebook/react/views/view/ReactViewGroup;Lcom/facebook/react/bridge/Dynamic;)V
+	public fun setNativeBackground (Lcom/facebook/react/views/view/ReactViewGroup;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setNativeForeground (Lcom/facebook/react/views/view/ReactViewGroup;Lcom/facebook/react/bridge/ReadableMap;)V
+	public fun setNeedsOffscreenAlphaCompositing (Lcom/facebook/react/views/view/ReactViewGroup;Z)V
+	public synthetic fun setOpacity (Landroid/view/View;F)V
+	public fun setOpacity (Lcom/facebook/react/views/view/ReactViewGroup;F)V
+	public fun setOverflow (Lcom/facebook/react/views/view/ReactViewGroup;Ljava/lang/String;)V
+	public fun setPointerEvents (Lcom/facebook/react/views/view/ReactViewGroup;Ljava/lang/String;)V
+	public fun setTVPreferredFocus (Lcom/facebook/react/views/view/ReactViewGroup;Z)V
+	protected synthetic fun setTransformProperty (Landroid/view/View;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;)V
+	protected fun setTransformProperty (Lcom/facebook/react/views/view/ReactViewGroup;Lcom/facebook/react/bridge/ReadableArray;Lcom/facebook/react/bridge/ReadableArray;)V
+	public fun setexperimental_layoutConformance (Lcom/facebook/react/views/view/ReactViewGroup;Ljava/lang/String;)V
+}
+
+public class com/facebook/react/views/view/ReactViewManager$$PropsSetter : com/facebook/react/uimanager/ViewManagerPropertyUpdater$ViewManagerSetter {
+	public fun <init> ()V
+	public fun getProperties (Ljava/util/Map;)V
+	public synthetic fun setProperty (Lcom/facebook/react/uimanager/ViewManager;Landroid/view/View;Ljava/lang/String;Ljava/lang/Object;)V
+	public fun setProperty (Lcom/facebook/react/views/view/ReactViewManager;Lcom/facebook/react/views/view/ReactViewGroup;Ljava/lang/String;Ljava/lang/Object;)V
+}
+
+public class com/facebook/react/views/view/ViewGroupClickEvent : com/facebook/react/uimanager/events/Event {
+	public fun <init> (I)V
+	public fun <init> (II)V
+	public fun canCoalesce ()Z
+	protected fun getEventData ()Lcom/facebook/react/bridge/WritableMap;
+	public fun getEventName ()Ljava/lang/String;
+}
+
diff --git a/packages/react-native/ReactAndroid/build.gradle b/packages/react-native/ReactAndroid/build.gradle
deleted file mode 100644
index e11ee2c3e0199a..00000000000000
--- a/packages/react-native/ReactAndroid/build.gradle
+++ /dev/null
@@ -1,827 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-plugins {
-    id("maven-publish")
-    id("com.facebook.react")
-    alias(libs.plugins.android.library)
-    alias(libs.plugins.download)
-    alias(libs.plugins.kotlin.android)
-}
-
-import com.facebook.react.tasks.internal.*
-import com.facebook.react.tasks.internal.utils.*
-
-import java.nio.file.Paths
-
-import kotlin.Pair
-
-import de.undercouch.gradle.tasks.download.Download
-
-version = VERSION_NAME
-group = "com.facebook.react"
-
-// We download various C++ open-source dependencies into downloads.
-// We then copy both the downloaded code and our custom makefiles and headers into third-party-ndk.
-// After that we build native code from src/main/jni with module path pointing at third-party-ndk.
-
-def customDownloadsDir = System.getenv("REACT_NATIVE_DOWNLOADS_DIR")
-def downloadsDir = customDownloadsDir ? new File(customDownloadsDir) : new File("$buildDir/downloads")
-def thirdPartyNdkDir = new File("$buildDir/third-party-ndk")
-def reactNativeRootDir = projectDir.parent
-
-// We put the publishing version from gradle.properties inside ext. so other
-// subprojects can access it as well.
-ext.publishing_version = VERSION_NAME
-
-// This is the version of CMake we're requesting to the Android SDK to use.
-// If missing it will be downloaded automatically. Only CMake versions shipped with the
-// Android SDK are supported (you can find them listed in the SDK Manager of Android Studio).
-def cmakeVersion = System.getenv("CMAKE_VERSION") ?: "3.22.1"
-ext.cmake_version = cmakeVersion
-
-// You need to have following folders in this directory:
-//   - boost_1_83_0
-//   - double-conversion-1.1.6
-//   - folly-deprecate-dynamic-initializer
-//   - glog-0.3.5
-def dependenciesPath = System.getenv("REACT_NATIVE_DEPENDENCIES")
-
-// The Boost library is a very large download (>100MB).
-// If Boost is already present on your system, define the REACT_NATIVE_BOOST_PATH env variable
-// and the build will use that.
-def boostPath = dependenciesPath ?: System.getenv("REACT_NATIVE_BOOST_PATH")
-
-// By setting REACT_NATIVE_SKIP_PREFAB we can skip prefab publishing, to
-// reduce the size of the React Native published .AAR.
-def skipPrefabPublishing = System.getenv("REACT_NATIVE_SKIP_PREFAB") != null
-def prefabHeadersDir = project.file("$buildDir/prefab-headers")
-
-// Native versions which are defined inside the version catalog (libs.versions.toml)
-def BOOST_VERSION = libs.versions.boost.get()
-def DOUBLE_CONVERSION_VERSION = libs.versions.doubleconversion.get()
-def FMT_VERSION = libs.versions.fmt.get()
-def FOLLY_VERSION = libs.versions.folly.get()
-def GLOG_VERSION = libs.versions.glog.get()
-def LIBEVENT_VERSION = libs.versions.libevent.get()
-def GTEST_VERSION = libs.versions.gtest.get()
-
-final def preparePrefab = tasks.register("preparePrefab", PreparePrefabHeadersTask) {
-    dependsOn(prepareBoost, prepareDoubleConversion, prepareFolly, prepareGlog)
-    dependsOn("generateCodegenArtifactsFromSchema")
-    // To export to a ReactNativePrefabProcessingEntities.kt once all
-    // libraries have been moved. We keep it here for now as it make easier to
-    // migrate one library at a time.
-    it.input.set(
-        [
-            new PrefabPreprocessingEntry(
-                "react_render_debug",
-                new Pair("../ReactCommon/react/renderer/debug/", "react/renderer/debug/")
-            ),
-            new PrefabPreprocessingEntry(
-                "turbomodulejsijni",
-                new Pair("src/main/jni/react/turbomodule", "")
-            ),
-            new PrefabPreprocessingEntry(
-                "runtimeexecutor",
-                new Pair("../ReactCommon/runtimeexecutor/", "")
-            ),
-            new PrefabPreprocessingEntry(
-                "react_codegen_rncore",
-                new Pair(new File(buildDir, "generated/source/codegen/jni/").absolutePath, "")
-            ),
-            new PrefabPreprocessingEntry(
-                "react_debug",
-                new Pair("../ReactCommon/react/debug/", "react/debug/")
-            ),
-            new PrefabPreprocessingEntry(
-                "react_render_componentregistry",
-                new Pair("../ReactCommon/react/renderer/componentregistry/", "react/renderer/componentregistry/")
-            ),
-            new PrefabPreprocessingEntry(
-                "react_newarchdefaults",
-                new Pair("src/main/jni/react/newarchdefaults", "")
-            ),
-            new PrefabPreprocessingEntry(
-                "react_render_animations",
-                new Pair("../ReactCommon/react/renderer/animations/", "react/renderer/animations/")
-            ),
-            new PrefabPreprocessingEntry(
-                "react_render_core",
-                new Pair("../ReactCommon/react/renderer/core/", "react/renderer/core/")
-            ),
-            new PrefabPreprocessingEntry(
-                "react_render_graphics",
-                [
-                    new Pair("../ReactCommon/react/renderer/graphics/", "react/renderer/graphics/"),
-                    new Pair("../ReactCommon/react/renderer/graphics/platform/android/", ""),
-                ]
-            ),
-            new PrefabPreprocessingEntry(
-                "rrc_root",
-                new Pair("../ReactCommon/react/renderer/components/root/", "react/renderer/components/root/")
-            ),
-            new PrefabPreprocessingEntry(
-                "rrc_view",
-                [
-                    new Pair("../ReactCommon/react/renderer/components/view/", "react/renderer/components/view/"),
-                    new Pair("../ReactCommon/react/renderer/components/view/platform/android/", ""),
-                ]
-            ),
-            new PrefabPreprocessingEntry(
-                "rrc_legacyviewmanagerinterop",
-                new Pair("../ReactCommon/react/renderer/components/legacyviewmanagerinterop/", "react/renderer/components/legacyviewmanagerinterop/")
-            ),
-            new PrefabPreprocessingEntry(
-                "jsi",
-                new Pair("../ReactCommon/jsi/", "")
-            ),
-            new PrefabPreprocessingEntry(
-                "glog",
-                new Pair(new File(buildDir, "third-party-ndk/glog/exported/").absolutePath, "")
-            ),
-            new PrefabPreprocessingEntry(
-                "fabricjni",
-                new Pair("src/main/jni/react/fabric", "react/fabric/")
-            ),
-            new PrefabPreprocessingEntry(
-                "react_render_mapbuffer",
-                new Pair("../ReactCommon/react/renderer/mapbuffer/", "react/renderer/mapbuffer/")
-            ),
-            new PrefabPreprocessingEntry(
-                "yoga",
-                [
-                    new Pair("../ReactCommon/yoga/", ""),
-                    new Pair("src/main/jni/first-party/yogajni/jni", "")
-                ]
-            ),
-            new PrefabPreprocessingEntry(
-                "folly_runtime",
-                [
-                    new Pair(new File(buildDir, "third-party-ndk/fmt/include/").absolutePath, ""),
-                    new Pair(new File(buildDir, "third-party-ndk/folly/").absolutePath, ""),
-                    new Pair(new File(buildDir, "third-party-ndk/boost/boost_1_83_0/").absolutePath, ""),
-                    new Pair(new File(buildDir, "third-party-ndk/double-conversion/").absolutePath, ""),
-                ]
-            ),
-            new PrefabPreprocessingEntry(
-                "react_nativemodule_core",
-                [
-                    new Pair(new File(buildDir, "third-party-ndk/boost/boost_1_83_0/").absolutePath, ""),
-                    new Pair(new File(buildDir, "third-party-ndk/double-conversion/").absolutePath, ""),
-                    new Pair(new File(buildDir, "third-party-ndk/fmt/include/").absolutePath, ""),
-                    new Pair(new File(buildDir, "third-party-ndk/folly/").absolutePath, ""),
-                    new Pair(new File(buildDir, "third-party-ndk/glog/exported/").absolutePath, ""),
-                    new Pair("../ReactCommon/butter/", "butter/"),
-                    new Pair("../ReactCommon/callinvoker/", ""),
-                    new Pair("../ReactCommon/cxxreact/", "cxxreact/"),
-                    new Pair("../ReactCommon/react/bridging/", "react/bridging/"),
-                    new Pair("../ReactCommon/react/config/", "react/config/"),
-                    new Pair("../ReactCommon/react/nativemodule/core/", ""),
-                    new Pair("../ReactCommon/react/nativemodule/core/platform/android/", ""),
-                    new Pair("../ReactCommon/react/renderer/componentregistry/", "react/renderer/componentregistry/"),
-                    new Pair("../ReactCommon/react/renderer/components/root/", "react/renderer/components/root/"),
-                    new Pair("../ReactCommon/react/renderer/core/", "react/renderer/core/"),
-                    new Pair("../ReactCommon/react/renderer/debug/", "react/renderer/debug/"),
-                    new Pair("../ReactCommon/react/renderer/leakchecker/", "react/renderer/leakchecker/"),
-                    new Pair("../ReactCommon/react/renderer/mapbuffer/", "react/renderer/mapbuffer/"),
-                    new Pair("../ReactCommon/react/renderer/mounting/", "react/renderer/mounting/"),
-                    new Pair("../ReactCommon/react/renderer/runtimescheduler/", "react/renderer/runtimescheduler/"),
-                    new Pair("../ReactCommon/react/renderer/scheduler/", "react/renderer/scheduler/"),
-                    new Pair("../ReactCommon/react/renderer/telemetry/", "react/renderer/telemetry/"),
-                    new Pair("../ReactCommon/react/renderer/uimanager/", "react/renderer/uimanager/"),
-                    new Pair("../ReactCommon/react/debug/", "react/debug/"),
-                    new Pair("../ReactCommon/react/utils/", "react/utils/"),
-                    new Pair("src/main/jni/react/jni", "react/jni/"),
-                ]
-            ),
-            new PrefabPreprocessingEntry(
-                    "react_utils",
-                    new Pair("../ReactCommon/react/utils/", "react/utils/"),
-            ),
-            new PrefabPreprocessingEntry(
-                "react_render_imagemanager",
-                [
-                    new Pair("../ReactCommon/react/renderer/imagemanager/", "react/renderer/imagemanager/"),
-                    new Pair("../ReactCommon/react/renderer/imagemanager/platform/cxx/", ""),
-                ]
-            ),
-            new PrefabPreprocessingEntry(
-                "rrc_image",
-                new Pair("../ReactCommon/react/renderer/components/image/", "react/renderer/components/image/")
-            ),
-            // These prefab targets are used by Expo & Reanimated
-            new PrefabPreprocessingEntry(
-                "hermes_executor",
-                // "hermes_executor" is statically linking against "hermes_executor_common"
-                // and "hermes_inspector_modern". Here we expose only the headers that we know are needed.
-                new Pair("../ReactCommon/hermes/inspector-modern/", "hermes/inspector-modern/")
-            ),
-            new PrefabPreprocessingEntry(
-                "jscexecutor",
-                // "jscexecutor" is statically linking against "jscruntime"
-                // Here we expose only the headers that we know are needed.
-                new Pair("../ReactCommon/jsc/", "jsc/")
-            ),
-            new PrefabPreprocessingEntry(
-                "react_render_uimanager",
-                new Pair("../ReactCommon/react/renderer/uimanager/", "react/renderer/uimanager/"),
-            ),
-            new PrefabPreprocessingEntry(
-                "react_render_scheduler",
-                new Pair("../ReactCommon/react/renderer/scheduler/", "react/renderer/scheduler/"),
-            ),
-            new PrefabPreprocessingEntry(
-                "react_render_mounting",
-                new Pair("../ReactCommon/react/renderer/mounting/", "react/renderer/mounting/"),
-            ),
-            new PrefabPreprocessingEntry(
-                "reactnativejni",
-                [
-                    new Pair("src/main/jni/react/jni", "react/jni/"),
-                    new Pair("../ReactCommon/cxxreact/", "cxxreact/"),
-                ]
-            ),
-            new PrefabPreprocessingEntry(
-                "jsinspector",
-                new Pair("../ReactCommon/jsinspector-modern/", "jsinspector-modern/"),
-            ),
-        ]
-    )
-    it.outputDir.set(prefabHeadersDir)
-}
-
-task createNativeDepsDirectories {
-    downloadsDir.mkdirs()
-    thirdPartyNdkDir.mkdirs()
-}
-
-task downloadBoost(dependsOn: createNativeDepsDirectories, type: Download) {
-    src("https://boostorg.jfrog.io/artifactory/main/release/${BOOST_VERSION.replace("_", ".")}/source/boost_${BOOST_VERSION}.tar.gz")
-    onlyIfModified(true)
-    overwrite(false)
-    retries(5)
-    dest(new File(downloadsDir, "boost_${BOOST_VERSION}.tar.gz"))
-}
-
-final def prepareBoost = tasks.register("prepareBoost", PrepareBoostTask) {
-    it.dependsOn(boostPath ? [] : [downloadBoost])
-    it.boostPath.setFrom(boostPath ?: tarTree(downloadBoost.dest))
-    it.boostVersion.set(BOOST_VERSION)
-    it.outputDir.set(new File(thirdPartyNdkDir, "boost"))
-}
-
-task downloadDoubleConversion(dependsOn: createNativeDepsDirectories, type: Download) {
-    src("https://github.com/google/double-conversion/archive/v${DOUBLE_CONVERSION_VERSION}.tar.gz")
-    onlyIfModified(true)
-    overwrite(false)
-    retries(5)
-    dest(new File(downloadsDir, "double-conversion-${DOUBLE_CONVERSION_VERSION}.tar.gz"))
-}
-
-task prepareDoubleConversion(dependsOn: dependenciesPath ? [] : [downloadDoubleConversion], type: Copy) {
-    from(dependenciesPath ?: tarTree(downloadDoubleConversion.dest))
-    from("src/main/jni/third-party/double-conversion/")
-    include("double-conversion-${DOUBLE_CONVERSION_VERSION}/src/**/*", "CMakeLists.txt")
-    filesMatching("*/src/**/*", { fname -> fname.path = "double-conversion/${fname.name}" })
-    includeEmptyDirs = false
-    into("$thirdPartyNdkDir/double-conversion")
-}
-
-task downloadFolly(dependsOn: createNativeDepsDirectories, type: Download) {
-    src("https://github.com/facebook/folly/archive/v${FOLLY_VERSION}.tar.gz")
-    onlyIfModified(true)
-    overwrite(false)
-    retries(5)
-    dest(new File(downloadsDir, "folly-${FOLLY_VERSION}.tar.gz"))
-}
-
-task prepareFolly(dependsOn: dependenciesPath ? [] : [downloadFolly], type: Copy) {
-    from(dependenciesPath ?: tarTree(downloadFolly.dest))
-    from("src/main/jni/third-party/folly/")
-    include("folly-${FOLLY_VERSION}/folly/**/*", "CMakeLists.txt")
-    eachFile { fname -> fname.path = (fname.path - "folly-${FOLLY_VERSION}/") }
-    includeEmptyDirs = false
-    into("$thirdPartyNdkDir/folly")
-}
-
-task downloadFmt(dependsOn: createNativeDepsDirectories, type: Download) {
-    src("https://github.com/fmtlib/fmt/archive/${FMT_VERSION}.tar.gz")
-    onlyIfModified(true)
-    overwrite(false)
-    retries(5)
-    dest(new File(downloadsDir, "fmt-${FMT_VERSION}.tar.gz"))
-}
-
-task prepareFmt(dependsOn: dependenciesPath ? [] : [downloadFmt], type: Copy) {
-    from(dependenciesPath ?: tarTree(downloadFmt.dest))
-    from("src/main/jni/third-party/fmt/")
-    include("fmt-${FMT_VERSION}/src/**/*", "fmt-${FMT_VERSION}/include/**/*", "CMakeLists.txt")
-    eachFile { fname -> fname.path = (fname.path - "fmt-${FMT_VERSION}/") }
-    includeEmptyDirs = false
-    into("$thirdPartyNdkDir/fmt")
-}
-
-task downloadLibevent(dependsOn: createNativeDepsDirectories, type: Download) {
-    src("https://github.com/libevent/libevent/releases/download/release-${LIBEVENT_VERSION}-stable/libevent-${LIBEVENT_VERSION}-stable.tar.gz")
-    onlyIfModified(true)
-    overwrite(false)
-    retries(5)
-    dest(new File(downloadsDir, "libevent-${LIBEVENT_VERSION}.tar.gz"))
-}
-
-
-final def prepareLibevent = tasks.register("prepareLibevent", PrepareLibeventTask) {
-    it.dependsOn(dependenciesPath ? [] : [downloadLibevent])
-    it.libeventPath.setFrom(dependenciesPath ?: tarTree(downloadLibevent.dest))
-    it.libeventVersion.set(LIBEVENT_VERSION)
-    it.outputDir.set(new File(thirdPartyNdkDir, "libevent"))
-}
-
-task downloadGlog(dependsOn: createNativeDepsDirectories, type: Download) {
-    src("https://github.com/google/glog/archive/v${GLOG_VERSION}.tar.gz")
-    onlyIfModified(true)
-    overwrite(false)
-    retries(5)
-    dest(new File(downloadsDir, "glog-${GLOG_VERSION}.tar.gz"))
-}
-
-task downloadGtest(dependsOn: createNativeDepsDirectories, type: Download) {
-    src("https://github.com/google/googletest/archive/refs/tags/release-${GTEST_VERSION}.tar.gz")
-    onlyIfModified(true)
-    overwrite(false)
-    retries(5)
-    dest(new File(downloadsDir, "gtest.tar.gz"))
-}
-
-task prepareGtest(dependsOn: dependenciesPath ? [] : [downloadGtest], type: Copy) {
-    from(dependenciesPath ?: tarTree(downloadGtest.dest))
-    eachFile { fname -> {
-        fname.path = (fname.path - "googletest-release-${GTEST_VERSION}/")
-     }
-    }
-    into(new File(thirdPartyNdkDir,"googletest"))
-}
-
-// Prepare glog sources to be compiled, this task will perform steps that normally should've been
-// executed by automake. This way we can avoid dependencies on make/automake
-final def prepareGlog = tasks.register("prepareGlog", PrepareGlogTask) {
-    it.dependsOn(dependenciesPath ? [] : [downloadGlog])
-    it.glogPath.setFrom(dependenciesPath ?: tarTree(downloadGlog.dest))
-    it.glogVersion.set(GLOG_VERSION)
-    it.outputDir.set(new File(thirdPartyNdkDir, "glog"))
-}
-
-// Create Android native library module based on jsc from npm
-tasks.register('prepareJSC', PrepareJSCTask) {
-    it.jscPackagePath.set(findNodeModulePath(projectDir, "jsc-android"))
-    it.outputDir = project.layout.buildDirectory.dir("third-party-ndk/jsc")
-}
-
-task prepareKotlinBuildScriptModel {
-    // This task is run when Gradle Sync is running.
-    // We create it here so we can let it depend on preBuild inside the android{}
-}
-
-// As ReactAndroid builds from source, the codegen needs to be built before it can be invoked.
-// This is not the case for users of React Native, as we ship a compiled version of the codegen.
-final def buildCodegenCLITask = tasks.register('buildCodegenCLI', BuildCodegenCLITask) {
-    it.codegenDir.set(file("$rootDir/node_modules/@react-native/codegen"))
-    it.bashWindowsHome.set(project.findProperty("react.internal.windowsBashPath"))
-    it.onlyIf {
-        // For build from source scenario, we don't need to build the codegen at all.
-        rootProject.name != "react-native-build-from-source"
-    }
-}
-
-/**
- * Finds the path of the installed npm package with the given name using Node's
- * module resolution algorithm, which searches "node_modules" directories up to
- * the file system root. This handles various cases, including:
- *
- *   - Working in the open-source RN repo:
- *       Gradle: /path/to/react-native/ReactAndroid
- *       Node module: /path/to/react-native/node_modules/[package]
- *
- *   - Installing RN as a dependency of an app and searching for hoisted
- *     dependencies:
- *       Gradle: /path/to/app/node_modules/react-native/ReactAndroid
- *       Node module: /path/to/app/node_modules/[package]
- *
- *   - Working in a larger repo (e.g., Facebook) that contains RN:
- *       Gradle: /path/to/repo/path/to/react-native/ReactAndroid
- *       Node module: /path/to/repo/node_modules/[package]
- *
- * The search begins at the given base directory (a File object). The returned
- * path is a string.
- */
-def findNodeModulePath(baseDir, packageName) {
-    def basePath = baseDir.toPath().normalize()
-    // Node's module resolution algorithm searches up to the root directory,
-    // after which the base path will be null
-    while (basePath) {
-        def candidatePath = Paths.get(basePath.toString(), "node_modules", packageName)
-        if (candidatePath.toFile().exists()) {
-            return candidatePath.toString()
-        }
-        basePath = basePath.getParent()
-    }
-    return null
-}
-
-
-def reactNativeDevServerPort() {
-    def value = project.getProperties().get("reactNativeDevServerPort")
-    return value != null ? value : "8081"
-}
-
-def reactNativeInspectorProxyPort() {
-    def value = project.getProperties().get("reactNativeInspectorProxyPort")
-    return value != null ? value : reactNativeDevServerPort()
-}
-
-def reactNativeArchitectures() {
-    def value = project.getProperties().get("reactNativeArchitectures")
-    return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"]
-}
-
-def enableWarningsAsErrors() {
-    def value = project.getProperties().get("enableWarningsAsErrors")
-    return value != null ? value : false
-}
-
-task packageReactNdkLibsForBuck(type: Copy) {
-    dependsOn("mergeDebugNativeLibs")
-    // Shared libraries (.so) are copied from the merged_native_libs folder instead
-    from("$buildDir/intermediates/merged_native_libs/debug/out/lib/")
-    exclude("**/libjsc.so")
-    exclude("**/libhermes.so")
-    into("src/main/jni/prebuilt/lib")
-}
-
-task installArchives {
-    dependsOn("publishAllPublicationsToNpmRepository")
-}
-
-repositories {
-    // Normally RNGP will set repositories for all modules,
-    // but when consumed from source, we need to re-declare
-    // those repositories as there is no app module there.
-    mavenCentral()
-    google()
-}
-
-android {
-    compileSdk libs.versions.compileSdk.get().toInteger()
-    buildToolsVersion = libs.versions.buildTools.get()
-    namespace "com.facebook.react"
-
-    // Used to override the NDK path/version on internal CI or by allowing
-    // users to customize the NDK path/version from their root project (e.g. for Apple Silicon support)
-    if (rootProject.hasProperty("ndkPath")) {
-        ndkPath rootProject.ext.ndkPath
-    }
-    if (rootProject.hasProperty("ndkVersion")) {
-        ndkVersion rootProject.ext.ndkVersion
-    }
-
-    compileOptions {
-        sourceCompatibility = JavaVersion.VERSION_17
-        targetCompatibility = JavaVersion.VERSION_17
-    }
-
-    kotlinOptions {
-        // Using '-Xjvm-default=all' to generate default java methods for interfaces
-        freeCompilerArgs = ['-Xjvm-default=all']
-        // Using -PenableWarningsAsErrors=true prop to enable allWarningsAsErrors
-        kotlinOptions.allWarningsAsErrors = enableWarningsAsErrors()
-    }
-
-    defaultConfig {
-        minSdk = libs.versions.minSdk.get().toInteger()
-        targetSdk = libs.versions.targetSdk.get().toInteger()
-        versionCode(1)
-        versionName("1.0")
-
-        consumerProguardFiles("proguard-rules.pro")
-
-        buildConfigField("boolean", "IS_INTERNAL_BUILD", "false")
-        buildConfigField("int", "EXOPACKAGE_FLAGS", "0")
-
-        resValue "integer", "react_native_dev_server_port", reactNativeDevServerPort()
-        resValue "integer", "react_native_inspector_proxy_port", reactNativeInspectorProxyPort()
-
-        testApplicationId("com.facebook.react.tests.gradle")
-        testInstrumentationRunner("androidx.test.runner.AndroidJUnitRunner")
-
-        externalNativeBuild {
-            cmake {
-                arguments "-DREACT_COMMON_DIR=${reactNativeRootDir}/ReactCommon",
-                    "-DREACT_ANDROID_DIR=$projectDir",
-                    "-DREACT_BUILD_DIR=$buildDir",
-                    "-DANDROID_STL=c++_shared",
-                    "-DANDROID_TOOLCHAIN=clang",
-                    // Due to https://github.com/android/ndk/issues/1693 we're losing Android
-                    // specific compilation flags. This can be removed once we moved to NDK 25/26
-                    "-DANDROID_USE_LEGACY_TOOLCHAIN_FILE=ON"
-
-                targets "jsijniprofiler",
-                    "reactnativeblob",
-                    "reactperfloggerjni",
-                    "bridgeless",
-                    "rninstance",
-                    "hermesinstancejni",
-                    "uimanagerjni",
-                    "jscinstance",
-                    // prefab targets
-                    "reactnativejni",
-                    "react_render_debug",
-                    "turbomodulejsijni",
-                    "runtimeexecutor",
-                    "react_codegen_rncore",
-                    "react_debug",
-                    "react_utils",
-                    "react_render_componentregistry",
-                    "react_newarchdefaults",
-                    "react_render_animations",
-                    "react_render_core",
-                    "react_render_graphics",
-                    "rrc_image",
-                    "rrc_root",
-                    "rrc_view",
-                    "rrc_legacyviewmanagerinterop",
-                    "jsi",
-                    "glog",
-                    "fabricjni",
-                    "react_render_mapbuffer",
-                    "yoga",
-                    "folly_runtime",
-                    "react_nativemodule_core",
-                    "react_render_imagemanager",
-                    "react_render_uimanager",
-                    "react_render_scheduler",
-                    "react_render_mounting",
-                    "hermes_executor",
-                    "jscexecutor",
-                    "jsinspector"
-            }
-        }
-        ndk {
-            abiFilters(*reactNativeArchitectures())
-        }
-    }
-
-    externalNativeBuild {
-        cmake {
-            version cmakeVersion
-            path "src/main/jni/CMakeLists.txt"
-        }
-    }
-
-    buildTypes {
-        debug {
-            externalNativeBuild {
-                cmake {
-                    // We want to build Gtest suite only for the debug variant.
-                    targets "reactnative_unittest"
-                }
-            }
-        }
-    }
-
-    preBuild.dependsOn(
-            buildCodegenCLITask,
-            generateCodegenArtifactsFromSchema,
-            prepareBoost,
-            prepareDoubleConversion,
-            prepareFmt,
-            prepareFolly,
-            prepareGlog,
-            prepareGtest,
-            prepareJSC,
-            prepareLibevent,
-            preparePrefab
-    )
-    generateCodegenSchemaFromJavaScript.dependsOn(buildCodegenCLITask)
-    prepareKotlinBuildScriptModel.dependsOn(
-            preBuild,
-            ":packages:react-native:ReactAndroid:hermes-engine:preBuild",
-    )
-
-    sourceSets.main {
-        res.srcDirs = ["src/main/res/devsupport", "src/main/res/shell", "src/main/res/views/modal", "src/main/res/views/uimanager"]
-        java {
-            srcDirs = ["src/main/java", "src/main/libraries/soloader/java", "src/main/jni/first-party/fb/jni/java"]
-            exclude("com/facebook/annotationprocessors")
-            exclude("com/facebook/react/processing")
-            exclude("com/facebook/react/module/processing")
-        }
-    }
-
-    lintOptions {
-        abortOnError(false)
-    }
-
-    packagingOptions {
-        exclude("META-INF/NOTICE")
-        exclude("META-INF/LICENSE")
-        // We intentionally don't want to bundle any JS Runtime inside the Android AAR
-        // we produce. The reason behind this is that we want to allow users to pick the
-        // JS engine by specifying a dependency on either `hermes-engine` or `android-jsc`
-        // that will include the necessary .so files to load.
-        exclude("**/libhermes.so")
-        exclude("**/libjsc.so")
-    }
-
-    buildFeatures {
-        prefab true
-        prefabPublishing !skipPrefabPublishing
-        buildConfig true
-    }
-
-    prefab {
-        react_render_debug {
-            headers(new File(prefabHeadersDir, "react_render_debug").absolutePath)
-        }
-        turbomodulejsijni {
-            headers(new File(prefabHeadersDir, "turbomodulejsijni").absolutePath)
-        }
-        runtimeexecutor {
-            headers(new File(prefabHeadersDir, "runtimeexecutor").absolutePath)
-        }
-        react_codegen_rncore {
-            headers(new File(prefabHeadersDir, "react_codegen_rncore").absolutePath)
-        }
-        react_debug {
-            headers(new File(prefabHeadersDir, "react_debug").absolutePath)
-        }
-        react_utils {
-            headers(new File(prefabHeadersDir, "react_utils").absolutePath)
-        }
-        react_render_componentregistry {
-            headers(new File(prefabHeadersDir, "react_render_componentregistry").absolutePath)
-        }
-        react_newarchdefaults {
-            headers(new File(prefabHeadersDir, "react_newarchdefaults").absolutePath)
-        }
-        react_render_animations {
-            headers(new File(prefabHeadersDir, "react_render_animations").absolutePath)
-        }
-        react_render_core {
-            headers(new File(prefabHeadersDir, "react_render_core").absolutePath)
-        }
-        react_render_graphics {
-            headers(new File(prefabHeadersDir, "react_render_graphics").absolutePath)
-        }
-        rrc_image {
-            headers(new File(prefabHeadersDir, "rrc_image").absolutePath)
-        }
-        rrc_root {
-            headers(new File(prefabHeadersDir, "rrc_root").absolutePath)
-        }
-        rrc_view {
-            headers(new File(prefabHeadersDir, "rrc_view").absolutePath)
-        }
-        rrc_legacyviewmanagerinterop {
-            headers(new File(prefabHeadersDir, "rrc_legacyviewmanagerinterop").absolutePath)
-        }
-        jsi {
-            headers(new File(prefabHeadersDir, "jsi").absolutePath)
-        }
-        glog {
-            headers(new File(prefabHeadersDir, "glog").absolutePath)
-        }
-        fabricjni {
-            headers(new File(prefabHeadersDir, "fabricjni").absolutePath)
-        }
-        react_render_mapbuffer {
-            headers(new File(prefabHeadersDir, "react_render_mapbuffer").absolutePath)
-        }
-        yoga {
-            headers(new File(prefabHeadersDir, "yoga").absolutePath)
-        }
-        folly_runtime {
-            headers(new File(prefabHeadersDir, "folly_runtime").absolutePath)
-        }
-        react_nativemodule_core {
-            headers(new File(prefabHeadersDir, "react_nativemodule_core").absolutePath)
-        }
-        react_render_imagemanager {
-            headers(new File(prefabHeadersDir, "react_render_imagemanager").absolutePath)
-        }
-        react_render_uimanager {
-            headers(new File(prefabHeadersDir, "react_render_uimanager").absolutePath)
-        }
-        react_render_scheduler {
-            headers(new File(prefabHeadersDir, "react_render_scheduler").absolutePath)
-        }
-        react_render_mounting {
-            headers(new File(prefabHeadersDir, "react_render_mounting").absolutePath)
-        }
-        reactnativejni {
-            headers(new File(prefabHeadersDir, "reactnativejni").absolutePath)
-        }
-        hermes_executor {
-            headers(new File(prefabHeadersDir, "hermes_executor").absolutePath)
-        }
-        jscexecutor {
-            headers(new File(prefabHeadersDir, "jscexecutor").absolutePath)
-        }
-        jsinspector {
-            headers(new File(prefabHeadersDir, "jsinspector").absolutePath)
-        }
-    }
-
-    publishing {
-        multipleVariants {
-            withSourcesJar()
-            includeBuildTypeValues('debug', 'release')
-        }
-    }
-
-    testOptions {
-        unitTests {
-            includeAndroidResources = true
-        }
-    }
-}
-
-dependencies {
-    api(libs.androidx.appcompat)
-    api(libs.androidx.appcompat.resources)
-    api(libs.androidx.autofill)
-    api(libs.androidx.swiperefreshlayout)
-    api(libs.androidx.tracing)
-
-    api(libs.fbjni)
-    api(libs.fresco)
-    api(libs.fresco.middleware)
-    api(libs.fresco.imagepipeline.okhttp3)
-    api(libs.fresco.ui.common)
-    api(libs.infer.annotation)
-    api(libs.soloader)
-    api(libs.yoga.proguard.annotations)
-
-    api(libs.jsr305)
-    api(libs.okhttp3.urlconnection)
-    api(libs.okhttp3)
-    api(libs.okio)
-    compileOnly(libs.javax.annotation.api)
-    api(libs.javax.inject)
-
-    // It's up to the consumer to decide if hermes should be included or not.
-    // Therefore hermes-engine is a compileOnly dependency.
-    compileOnly(project(":packages:react-native:ReactAndroid:hermes-engine"))
-
-    testImplementation(libs.junit)
-    testImplementation(libs.assertj)
-    testImplementation(libs.mockito)
-    testImplementation(libs.robolectric)
-    testImplementation(libs.thoughtworks)
-
-    androidTestImplementation(libs.androidx.test.runner)
-    androidTestImplementation(libs.androidx.test.rules)
-    androidTestImplementation(libs.mockito)
-}
-
-react {
-    // TODO: The library name is chosen for parity with Fabric components & iOS
-    // This should be changed to a more generic name, e.g. `ReactCoreSpec`.
-    libraryName = "rncore"
-    jsRootDir = file("../Libraries")
-}
-
-// For build from source, we need to override the privateReact extension.
-// This is neeeded as the build-from-source won't have a com.android.application
-// module to apply the plugin to, so it's codegenDir and reactNativeDir won't be evaluated.
-if (rootProject.name == "react-native-build-from-source") {
-    privateReact {
-        codegenDir = file("$rootDir/../@react-native/codegen")
-        reactNativeDir = file("$rootDir")
-    }
-}
-
-kotlin {
-    jvmToolchain(17)
-}
-
-apply plugin: "org.jetbrains.kotlin.android"
-
-/* Publishing Configuration */
-apply from: "./publish.gradle"
-
-// We need to override the artifact ID as this project is called `ReactAndroid` but
-// the maven coordinates are on `react-android`.
-// Please note that the original coordinates, `react-native`, have been voided
-// as they caused https://github.com/facebook/react-native/issues/35210
-publishing {
-    publications {
-        getByName("release") {
-            artifactId 'react-android'
-        }
-    }
-}
diff --git a/packages/react-native/ReactAndroid/build.gradle.kts b/packages/react-native/ReactAndroid/build.gradle.kts
new file mode 100644
index 00000000000000..7e0640a0e50a66
--- /dev/null
+++ b/packages/react-native/ReactAndroid/build.gradle.kts
@@ -0,0 +1,775 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import com.android.build.gradle.internal.tasks.factory.dependsOn
+import com.facebook.react.internal.PrivateReactExtension
+import com.facebook.react.tasks.internal.*
+import com.facebook.react.tasks.internal.utils.*
+import de.undercouch.gradle.tasks.download.Download
+import java.nio.file.Paths
+
+plugins {
+  id("maven-publish")
+  id("com.facebook.react")
+  alias(libs.plugins.android.library)
+  alias(libs.plugins.download)
+  alias(libs.plugins.kotlin.android)
+}
+
+version = project.findProperty("VERSION_NAME")?.toString()!!
+
+group = "com.facebook.react"
+
+// We download various C++ open-source dependencies into downloads.
+// We then copy both the downloaded code and our custom makefiles and headers into third-party-ndk.
+// After that we build native code from src/main/jni with module path pointing at third-party-ndk.
+val buildDir = project.layout.buildDirectory.get().asFile
+val downloadsDir =
+    if (System.getenv("REACT_NATIVE_DOWNLOADS_DIR") != null) {
+      File(System.getenv("REACT_NATIVE_DOWNLOADS_DIR"))
+    } else {
+      File("$buildDir/downloads")
+    }
+val thirdPartyNdkDir = File("$buildDir/third-party-ndk")
+val reactNativeRootDir = projectDir.parent
+
+// We put the publishing version from gradle.properties inside ext. so other
+// subprojects can access it as well.
+extra["publishing_version"] = project.findProperty("VERSION_NAME")?.toString()!!
+
+// This is the version of CMake we're requesting to the Android SDK to use.
+// If missing it will be downloaded automatically. Only CMake versions shipped with the
+// Android SDK are supported (you can find them listed in the SDK Manager of Android Studio).
+val cmakeVersion = System.getenv("CMAKE_VERSION") ?: "3.22.1"
+
+extra["cmake_version"] = cmakeVersion
+
+// You need to have following folders in this directory:
+//   - boost_1_83_0
+//   - double-conversion-1.1.6
+//   - folly-deprecate-dynamic-initializer
+//   - glog-0.3.5
+val dependenciesPath = System.getenv("REACT_NATIVE_DEPENDENCIES")
+
+// The Boost library is a very large download (>100MB).
+// If Boost is already present on your system, define the REACT_NATIVE_BOOST_PATH env variable
+// and the build will use that.
+val boostPathOverride = dependenciesPath ?: System.getenv("REACT_NATIVE_BOOST_PATH")
+
+val prefabHeadersDir = project.file("$buildDir/prefab-headers")
+
+// Native versions which are defined inside the version catalog (libs.versions.toml)
+val BOOST_VERSION = libs.versions.boost.get()
+val DOUBLE_CONVERSION_VERSION = libs.versions.doubleconversion.get()
+val FMT_VERSION = libs.versions.fmt.get()
+val FOLLY_VERSION = libs.versions.folly.get()
+val GLOG_VERSION = libs.versions.glog.get()
+val GTEST_VERSION = libs.versions.gtest.get()
+
+val preparePrefab by
+    tasks.registering(PreparePrefabHeadersTask::class) {
+      dependsOn(prepareBoost, prepareDoubleConversion, prepareFolly, prepareGlog)
+      dependsOn("generateCodegenArtifactsFromSchema")
+      // To export to a ReactNativePrefabProcessingEntities.kt once all
+      // libraries have been moved. We keep it here for now as it make easier to
+      // migrate one library at a time.
+      input.set(
+          listOf(
+              PrefabPreprocessingEntry(
+                  "react_render_debug",
+                  Pair("../ReactCommon/react/renderer/debug/", "react/renderer/debug/")),
+              PrefabPreprocessingEntry(
+                  "turbomodulejsijni", Pair("src/main/jni/react/turbomodule", "")),
+              PrefabPreprocessingEntry(
+                  "runtimeexecutor", Pair("../ReactCommon/runtimeexecutor/", "")),
+              PrefabPreprocessingEntry(
+                  "react_codegen_rncore",
+                  Pair(File(buildDir, "generated/source/codegen/jni/").absolutePath, "")),
+              PrefabPreprocessingEntry(
+                  "react_debug", Pair("../ReactCommon/react/debug/", "react/debug/")),
+              PrefabPreprocessingEntry(
+                  "react_render_componentregistry",
+                  Pair(
+                      "../ReactCommon/react/renderer/componentregistry/",
+                      "react/renderer/componentregistry/")),
+              PrefabPreprocessingEntry(
+                  "react_newarchdefaults", Pair("src/main/jni/react/newarchdefaults", "")),
+              PrefabPreprocessingEntry(
+                  "react_cxxreactpackage", Pair("src/main/jni/react/runtime/cxxreactpackage", "")),
+              PrefabPreprocessingEntry(
+                  "react_render_animations",
+                  Pair("../ReactCommon/react/renderer/animations/", "react/renderer/animations/")),
+              PrefabPreprocessingEntry(
+                  "react_render_core",
+                  Pair("../ReactCommon/react/renderer/core/", "react/renderer/core/")),
+              PrefabPreprocessingEntry(
+                  "react_render_graphics",
+                  listOf(
+                      Pair("../ReactCommon/react/renderer/graphics/", "react/renderer/graphics/"),
+                      Pair("../ReactCommon/react/renderer/graphics/platform/android/", ""),
+                  )),
+              PrefabPreprocessingEntry(
+                  "rrc_root",
+                  Pair(
+                      "../ReactCommon/react/renderer/components/root/",
+                      "react/renderer/components/root/")),
+              PrefabPreprocessingEntry(
+                  "rrc_view",
+                  listOf(
+                      Pair(
+                          "../ReactCommon/react/renderer/components/view/",
+                          "react/renderer/components/view/"),
+                      Pair("../ReactCommon/react/renderer/components/view/platform/android/", ""),
+                  )),
+              PrefabPreprocessingEntry(
+                  "rrc_legacyviewmanagerinterop",
+                  Pair(
+                      "../ReactCommon/react/renderer/components/legacyviewmanagerinterop/",
+                      "react/renderer/components/legacyviewmanagerinterop/")),
+              PrefabPreprocessingEntry("jsi", Pair("../ReactCommon/jsi/", "")),
+              PrefabPreprocessingEntry(
+                  "glog", Pair(File(buildDir, "third-party-ndk/glog/exported/").absolutePath, "")),
+              PrefabPreprocessingEntry(
+                  "fabricjni", Pair("src/main/jni/react/fabric", "react/fabric/")),
+              PrefabPreprocessingEntry(
+                  "react_render_mapbuffer",
+                  Pair("../ReactCommon/react/renderer/mapbuffer/", "react/renderer/mapbuffer/")),
+              PrefabPreprocessingEntry(
+                  "yoga",
+                  listOf(
+                      Pair("../ReactCommon/yoga/", ""),
+                      Pair("src/main/jni/first-party/yogajni/jni", ""))),
+              PrefabPreprocessingEntry(
+                  "folly_runtime",
+                  listOf(
+                      Pair(File(buildDir, "third-party-ndk/fmt/include/").absolutePath, ""),
+                      Pair(File(buildDir, "third-party-ndk/folly/").absolutePath, ""),
+                      Pair(File(buildDir, "third-party-ndk/boost/boost_1_83_0/").absolutePath, ""),
+                      Pair(File(buildDir, "third-party-ndk/double-conversion/").absolutePath, ""),
+                  )),
+              PrefabPreprocessingEntry(
+                  "react_nativemodule_core",
+                  listOf(
+                      Pair(File(buildDir, "third-party-ndk/boost/boost_1_83_0/").absolutePath, ""),
+                      Pair(File(buildDir, "third-party-ndk/double-conversion/").absolutePath, ""),
+                      Pair(File(buildDir, "third-party-ndk/fmt/include/").absolutePath, ""),
+                      Pair(File(buildDir, "third-party-ndk/folly/").absolutePath, ""),
+                      Pair(File(buildDir, "third-party-ndk/glog/exported/").absolutePath, ""),
+                      Pair("../ReactCommon/butter/", "butter/"),
+                      Pair("../ReactCommon/callinvoker/", ""),
+                      Pair("../ReactCommon/cxxreact/", "cxxreact/"),
+                      Pair("../ReactCommon/react/bridging/", "react/bridging/"),
+                      Pair("../ReactCommon/react/config/", "react/config/"),
+                      Pair("../ReactCommon/react/nativemodule/core/", ""),
+                      Pair("../ReactCommon/react/nativemodule/core/platform/android/", ""),
+                      Pair(
+                          "../ReactCommon/react/renderer/componentregistry/",
+                          "react/renderer/componentregistry/"),
+                      Pair(
+                          "../ReactCommon/react/renderer/components/root/",
+                          "react/renderer/components/root/"),
+                      Pair("../ReactCommon/react/renderer/core/", "react/renderer/core/"),
+                      Pair("../ReactCommon/react/renderer/debug/", "react/renderer/debug/"),
+                      Pair(
+                          "../ReactCommon/react/renderer/leakchecker/",
+                          "react/renderer/leakchecker/"),
+                      Pair("../ReactCommon/react/renderer/mapbuffer/", "react/renderer/mapbuffer/"),
+                      Pair("../ReactCommon/react/renderer/mounting/", "react/renderer/mounting/"),
+                      Pair(
+                          "../ReactCommon/react/renderer/runtimescheduler/",
+                          "react/renderer/runtimescheduler/"),
+                      Pair("../ReactCommon/react/renderer/scheduler/", "react/renderer/scheduler/"),
+                      Pair("../ReactCommon/react/renderer/telemetry/", "react/renderer/telemetry/"),
+                      Pair("../ReactCommon/react/renderer/uimanager/", "react/renderer/uimanager/"),
+                      Pair("../ReactCommon/react/debug/", "react/debug/"),
+                      Pair("../ReactCommon/react/utils/", "react/utils/"),
+                      Pair("src/main/jni/react/jni", "react/jni/"),
+                  )),
+              PrefabPreprocessingEntry(
+                  "react_utils",
+                  Pair("../ReactCommon/react/utils/", "react/utils/"),
+              ),
+              PrefabPreprocessingEntry(
+                  "react_render_imagemanager",
+                  listOf(
+                      Pair(
+                          "../ReactCommon/react/renderer/imagemanager/",
+                          "react/renderer/imagemanager/"),
+                      Pair("../ReactCommon/react/renderer/imagemanager/platform/cxx/", ""),
+                  )),
+              PrefabPreprocessingEntry(
+                  "rrc_image",
+                  Pair(
+                      "../ReactCommon/react/renderer/components/image/",
+                      "react/renderer/components/image/")),
+              // These prefab targets are used by Expo & Reanimated
+              PrefabPreprocessingEntry(
+                  "hermes_executor",
+                  // "hermes_executor" is statically linking against "hermes_executor_common"
+                  // and "hermes_inspector_modern". Here we expose only the headers that we know are
+                  // needed.
+                  Pair("../ReactCommon/hermes/inspector-modern/", "hermes/inspector-modern/")),
+              PrefabPreprocessingEntry(
+                  "jscexecutor",
+                  // "jscexecutor" is statically linking against "jscruntime"
+                  // Here we expose only the headers that we know are needed.
+                  Pair("../ReactCommon/jsc/", "jsc/")),
+              PrefabPreprocessingEntry(
+                  "react_render_uimanager",
+                  Pair("../ReactCommon/react/renderer/uimanager/", "react/renderer/uimanager/"),
+              ),
+              PrefabPreprocessingEntry(
+                  "react_render_scheduler",
+                  Pair("../ReactCommon/react/renderer/scheduler/", "react/renderer/scheduler/"),
+              ),
+              PrefabPreprocessingEntry(
+                  "react_render_mounting",
+                  Pair("../ReactCommon/react/renderer/mounting/", "react/renderer/mounting/"),
+              ),
+              PrefabPreprocessingEntry(
+                  "reactnativejni",
+                  listOf(
+                      Pair("src/main/jni/react/jni", "react/jni/"),
+                      Pair("../ReactCommon/cxxreact/", "cxxreact/"),
+                  )),
+              PrefabPreprocessingEntry(
+                  "jsinspector",
+                  Pair("../ReactCommon/jsinspector-modern/", "jsinspector-modern/"),
+              ),
+          ))
+      outputDir.set(prefabHeadersDir)
+    }
+
+val createNativeDepsDirectories by
+    tasks.registering {
+      downloadsDir.mkdirs()
+      thirdPartyNdkDir.mkdirs()
+    }
+
+val downloadBoost by
+    tasks.creating(Download::class) {
+      dependsOn(createNativeDepsDirectories)
+      src(
+          "https://archives.boost.io/release/${BOOST_VERSION.replace("_", ".")}/source/boost_${BOOST_VERSION}.tar.gz")
+      onlyIfModified(true)
+      overwrite(false)
+      retries(5)
+      dest(File(downloadsDir, "boost_${BOOST_VERSION}.tar.gz"))
+    }
+
+val prepareBoost by
+    tasks.registering(PrepareBoostTask::class) {
+      dependsOn(if (boostPathOverride != null) emptyList() else listOf(downloadBoost))
+      boostPath.setFrom(if (boostPathOverride != null) boostPath else tarTree(downloadBoost.dest))
+      boostVersion.set(BOOST_VERSION)
+      outputDir.set(File(thirdPartyNdkDir, "boost"))
+    }
+
+val downloadDoubleConversion by
+    tasks.creating(Download::class) {
+      dependsOn(createNativeDepsDirectories)
+      src(
+          "https://github.com/google/double-conversion/archive/v${DOUBLE_CONVERSION_VERSION}.tar.gz")
+      onlyIfModified(true)
+      overwrite(false)
+      retries(5)
+      dest(File(downloadsDir, "double-conversion-${DOUBLE_CONVERSION_VERSION}.tar.gz"))
+    }
+
+val prepareDoubleConversion by
+    tasks.registering(Copy::class) {
+      dependsOn(if (dependenciesPath != null) emptyList() else listOf(downloadDoubleConversion))
+      from(dependenciesPath ?: tarTree(downloadDoubleConversion.dest))
+      from("src/main/jni/third-party/double-conversion/")
+      include("double-conversion-${DOUBLE_CONVERSION_VERSION}/src/**/*", "CMakeLists.txt")
+      filesMatching("*/src/**/*") { this.path = "double-conversion/${this.name}" }
+      includeEmptyDirs = false
+      into("$thirdPartyNdkDir/double-conversion")
+    }
+
+val downloadFolly by
+    tasks.creating(Download::class) {
+      src("https://github.com/facebook/folly/archive/v${FOLLY_VERSION}.tar.gz")
+      onlyIfModified(true)
+      overwrite(false)
+      retries(5)
+      dest(File(downloadsDir, "folly-${FOLLY_VERSION}.tar.gz"))
+    }
+
+val prepareFolly by
+    tasks.registering(Copy::class) {
+      dependsOn(if (dependenciesPath != null) emptyList() else listOf(downloadFolly))
+      from(dependenciesPath ?: tarTree(downloadFolly.dest))
+      from("src/main/jni/third-party/folly/")
+      include("folly-${FOLLY_VERSION}/folly/**/*", "CMakeLists.txt")
+      eachFile { this.path = this.path.removePrefix("folly-${FOLLY_VERSION}/") }
+      includeEmptyDirs = false
+      into("$thirdPartyNdkDir/folly")
+    }
+
+val downloadFmt by
+    tasks.creating(Download::class) {
+      dependsOn(createNativeDepsDirectories)
+      src("https://github.com/fmtlib/fmt/archive/${FMT_VERSION}.tar.gz")
+      onlyIfModified(true)
+      overwrite(false)
+      retries(5)
+      dest(File(downloadsDir, "fmt-${FMT_VERSION}.tar.gz"))
+    }
+
+val prepareFmt by
+    tasks.registering(Copy::class) {
+      dependsOn(if (dependenciesPath != null) emptyList() else listOf(downloadFmt))
+      from(dependenciesPath ?: tarTree(downloadFmt.dest))
+      from("src/main/jni/third-party/fmt/")
+      include("fmt-${FMT_VERSION}/src/**/*", "fmt-${FMT_VERSION}/include/**/*", "CMakeLists.txt")
+      eachFile { this.path = this.path.removePrefix("fmt-${FMT_VERSION}/") }
+      includeEmptyDirs = false
+      into("$thirdPartyNdkDir/fmt")
+    }
+
+val downloadGlog by
+    tasks.creating(Download::class) {
+      dependsOn(createNativeDepsDirectories)
+      src("https://github.com/google/glog/archive/v${GLOG_VERSION}.tar.gz")
+      onlyIfModified(true)
+      overwrite(false)
+      retries(5)
+      dest(File(downloadsDir, "glog-${GLOG_VERSION}.tar.gz"))
+    }
+
+val downloadGtest by
+    tasks.creating(Download::class) {
+      dependsOn(createNativeDepsDirectories)
+      src("https://github.com/google/googletest/archive/refs/tags/release-${GTEST_VERSION}.tar.gz")
+      onlyIfModified(true)
+      overwrite(false)
+      retries(5)
+      dest(File(downloadsDir, "gtest.tar.gz"))
+    }
+
+val prepareGtest by
+    tasks.registering(Copy::class) {
+      dependsOn(if (dependenciesPath != null) emptyList() else listOf(downloadGtest))
+      from(dependenciesPath ?: tarTree(downloadGtest.dest))
+      eachFile { this.path = (this.path.removePrefix("googletest-release-${GTEST_VERSION}/")) }
+      into(File(thirdPartyNdkDir, "googletest"))
+    }
+
+// Prepare glog sources to be compiled, this task will perform steps that normally should've been
+// executed by automake. This way we can avoid dependencies on make/automake
+val prepareGlog by
+    tasks.registering(PrepareGlogTask::class) {
+      dependsOn(if (dependenciesPath != null) emptyList() else listOf(downloadGlog))
+      glogPath.setFrom(dependenciesPath ?: tarTree(downloadGlog.dest))
+      glogVersion.set(GLOG_VERSION)
+      outputDir.set(File(thirdPartyNdkDir, "glog"))
+    }
+
+// Create Android native library module based on jsc from npm
+val prepareJSC by
+    tasks.registering(PrepareJSCTask::class) {
+      jscPackagePath.set(findNodeModulePath(projectDir, "jsc-android"))
+      outputDir = project.layout.buildDirectory.dir("third-party-ndk/jsc")
+    }
+
+val prepareKotlinBuildScriptModel by
+    tasks.registering {
+      // This task is run when Gradle Sync is running.
+      // We create it here so we can let it depend on preBuild inside the android{}
+    }
+
+// As ReactAndroid builds from source, the codegen needs to be built before it can be invoked.
+// This is not the case for users of React Native, as we ship a compiled version of the codegen.
+val buildCodegenCLI by
+    tasks.registering(BuildCodegenCLITask::class) {
+      codegenDir.set(file("$rootDir/node_modules/@react-native/codegen"))
+      bashWindowsHome.set(project.findProperty("react.internal.windowsBashPath").toString())
+      onlyIf {
+        // For build from source scenario, we don't need to build the codegen at all.
+        rootProject.name != "react-native-build-from-source"
+      }
+    }
+
+/**
+ * Finds the path of the installed npm package with the given name using Node's module resolution
+ * algorithm, which searches "node_modules" directories up to the file system root. This handles
+ * various cases, including:
+ * - Working in the open-source RN repo: Gradle: /path/to/react-native/ReactAndroid Node module:
+ *   /path/to/react-native/node_modules/<package>
+ * - Installing RN as a dependency of an app and searching for hoisted dependencies: Gradle:
+ *   /path/to/app/node_modules/react-native/ReactAndroid Node module:
+ *   /path/to/app/node_modules/<package>
+ * - Working in a larger repo (e.g., Facebook) that contains RN: Gradle:
+ *   /path/to/repo/path/to/react-native/ReactAndroid Node module:
+ *   /path/to/repo/node_modules/<package>
+ *
+ * The search begins at the given base directory (a File object). The returned path is a string.
+ */
+fun findNodeModulePath(baseDir: File, packageName: String): String? {
+  var basePath: java.nio.file.Path? = baseDir.toPath().normalize()
+  // Node's module resolution algorithm searches up to the root directory,
+  // after which the base path will be null
+  while (basePath != null) {
+    val candidatePath = Paths.get(basePath.toString(), "node_modules", packageName)
+    if (candidatePath.toFile().exists()) {
+      return candidatePath.toString()
+    }
+    basePath = basePath.parent
+  }
+  return null
+}
+
+fun reactNativeDevServerPort(): String {
+  val value = project.properties["reactNativeDevServerPort"]
+  return value?.toString() ?: "8081"
+}
+
+fun reactNativeArchitectures(): List<String> {
+  val value = project.properties["reactNativeArchitectures"]
+  return value?.toString()?.split(",") ?: listOf("armeabi-v7a", "x86", "x86_64", "arm64-v8a")
+}
+
+fun enableWarningsAsErrors(): Boolean {
+  val value = project.properties["enableWarningsAsErrors"]
+  return value?.toString()?.toBoolean() ?: false
+}
+
+val packageReactNdkLibsForBuck by
+    tasks.registering(Copy::class) {
+      dependsOn("mergeDebugNativeLibs")
+      // Shared libraries (.so) are copied from the merged_native_libs folder instead
+      from("$buildDir/intermediates/merged_native_libs/debug/out/lib/")
+      exclude("**/libjsc.so")
+      exclude("**/libhermes.so")
+      into("src/main/jni/prebuilt/lib")
+    }
+
+repositories {
+  // Normally RNGP will set repositories for all modules,
+  // but when consumed from source, we need to re-declare
+  // those repositories as there is no app module there.
+  mavenCentral()
+  google()
+}
+
+android {
+  compileSdk = libs.versions.compileSdk.get().toInt()
+  buildToolsVersion = libs.versions.buildTools.get()
+  namespace = "com.facebook.react"
+
+  // Used to override the NDK path/version on internal CI or by allowing
+  // users to customize the NDK path/version from their root project (e.g. for Apple Silicon
+  // support)
+  if (rootProject.hasProperty("ndkPath") && rootProject.properties["ndkPath"] != null) {
+    ndkPath = rootProject.properties["ndkPath"].toString()
+  }
+  if (rootProject.hasProperty("ndkVersion") && rootProject.properties["ndkVersion"] != null) {
+    ndkVersion = rootProject.properties["ndkVersion"].toString()
+  }
+
+  compileOptions {
+    sourceCompatibility = JavaVersion.VERSION_17
+    targetCompatibility = JavaVersion.VERSION_17
+  }
+
+  kotlinOptions {
+    // Using '-Xjvm-default=all' to generate default java methods for interfaces
+    freeCompilerArgs = listOf("-Xjvm-default=all")
+    // Using -PenableWarningsAsErrors=true prop to enable allWarningsAsErrors
+    kotlinOptions.allWarningsAsErrors = enableWarningsAsErrors()
+  }
+
+  defaultConfig {
+    minSdk = libs.versions.minSdk.get().toInt()
+
+    consumerProguardFiles("proguard-rules.pro")
+
+    buildConfigField("boolean", "IS_INTERNAL_BUILD", "false")
+    buildConfigField("int", "EXOPACKAGE_FLAGS", "0")
+
+    resValue("integer", "react_native_dev_server_port", reactNativeDevServerPort())
+
+    testApplicationId = "com.facebook.react.tests.gradle"
+    testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+
+    externalNativeBuild {
+      cmake {
+        arguments(
+            "-DREACT_COMMON_DIR=${reactNativeRootDir}/ReactCommon",
+            "-DREACT_ANDROID_DIR=$projectDir",
+            "-DREACT_BUILD_DIR=$buildDir",
+            "-DANDROID_STL=c++_shared",
+            "-DANDROID_TOOLCHAIN=clang",
+            // Due to https://github.com/android/ndk/issues/1693 we're losing Android
+            // specific compilation flags. This can be removed once we moved to NDK 25/26
+            "-DANDROID_USE_LEGACY_TOOLCHAIN_FILE=ON")
+
+        targets(
+            "jsijniprofiler",
+            "reactnativeblob",
+            "reactperfloggerjni",
+            "bridgeless",
+            "rninstance",
+            "hermesinstancejni",
+            "uimanagerjni",
+            "jscinstance",
+            "react_devsupportjni",
+            // prefab targets
+            "reactnativejni",
+            "react_render_debug",
+            "turbomodulejsijni",
+            "runtimeexecutor",
+            "react_featureflagsjni",
+            "react_codegen_rncore",
+            "react_debug",
+            "react_featureflags",
+            "react_utils",
+            "react_render_componentregistry",
+            "react_newarchdefaults",
+            "react_cxxreactpackage",
+            "react_render_animations",
+            "react_render_core",
+            "react_render_graphics",
+            "rrc_image",
+            "rrc_root",
+            "rrc_view",
+            "rrc_legacyviewmanagerinterop",
+            "jsi",
+            "glog",
+            "fabricjni",
+            "react_render_mapbuffer",
+            "yoga",
+            "folly_runtime",
+            "react_nativemodule_core",
+            "react_render_imagemanager",
+            "react_render_uimanager",
+            "react_render_scheduler",
+            "react_render_mounting",
+            "hermes_executor",
+            "jscexecutor",
+            "jsinspector")
+      }
+    }
+    ndk { abiFilters.addAll(reactNativeArchitectures()) }
+  }
+
+  externalNativeBuild {
+    cmake {
+      version = cmakeVersion
+      path("src/main/jni/CMakeLists.txt")
+    }
+  }
+
+  buildTypes {
+    debug {
+      externalNativeBuild {
+        cmake {
+          // We want to build Gtest suite only for the debug variant.
+          targets("reactnative_unittest")
+        }
+      }
+    }
+  }
+
+  tasks
+      .getByName("preBuild")
+      .dependsOn(
+          buildCodegenCLI,
+          "generateCodegenArtifactsFromSchema",
+          prepareBoost,
+          prepareDoubleConversion,
+          prepareFmt,
+          prepareFolly,
+          prepareGlog,
+          prepareGtest,
+          prepareJSC,
+          preparePrefab)
+  tasks.getByName("generateCodegenSchemaFromJavaScript").dependsOn(buildCodegenCLI)
+  prepareKotlinBuildScriptModel.dependsOn("preBuild")
+  prepareKotlinBuildScriptModel.dependsOn(
+      ":packages:react-native:ReactAndroid:hermes-engine:preBuild")
+
+  sourceSets.getByName("main") {
+    res.setSrcDirs(
+        listOf(
+            "src/main/res/devsupport",
+            "src/main/res/shell",
+            "src/main/res/views/modal",
+            "src/main/res/views/uimanager"))
+    java.exclude("com/facebook/annotationprocessors")
+    java.exclude("com/facebook/react/processing")
+    java.exclude("com/facebook/react/module/processing")
+  }
+
+  lint {
+    abortOnError = false
+    targetSdk = libs.versions.targetSdk.get().toInt()
+  }
+
+  packaging {
+    resources.excludes.add("META-INF/NOTICE")
+    resources.excludes.add("META-INF/LICENSE")
+    // We intentionally don't want to bundle any JS Runtime inside the Android AAR
+    // we produce. The reason behind this is that we want to allow users to pick the
+    // JS engine by specifying a dependency on either `hermes-engine` or `android-jsc`
+    // that will include the necessary .so files to load.
+    jniLibs.excludes.add("**/libhermes.so")
+    jniLibs.excludes.add("**/libjsc.so")
+  }
+
+  buildFeatures {
+    prefab = true
+    prefabPublishing = true
+    buildConfig = true
+  }
+
+  prefab {
+    create("react_render_debug") {
+      headers = File(prefabHeadersDir, "react_render_debug").absolutePath
+    }
+    create("turbomodulejsijni") {
+      headers = File(prefabHeadersDir, "turbomodulejsijni").absolutePath
+    }
+    create("runtimeexecutor") { headers = File(prefabHeadersDir, "runtimeexecutor").absolutePath }
+    create("react_codegen_rncore") {
+      headers = File(prefabHeadersDir, "react_codegen_rncore").absolutePath
+    }
+    create("react_debug") { headers = File(prefabHeadersDir, "react_debug").absolutePath }
+    create("react_utils") { headers = File(prefabHeadersDir, "react_utils").absolutePath }
+    create("react_render_componentregistry") {
+      headers = File(prefabHeadersDir, "react_render_componentregistry").absolutePath
+    }
+    create("react_newarchdefaults") {
+      headers = File(prefabHeadersDir, "react_newarchdefaults").absolutePath
+    }
+    create("react_cxxreactpackage") {
+      headers = File(prefabHeadersDir, "react_cxxreactpackage").absolutePath
+    }
+    create("react_render_animations") {
+      headers = File(prefabHeadersDir, "react_render_animations").absolutePath
+    }
+    create("react_render_core") {
+      headers = File(prefabHeadersDir, "react_render_core").absolutePath
+    }
+    create("react_render_graphics") {
+      headers = File(prefabHeadersDir, "react_render_graphics").absolutePath
+    }
+    create("rrc_image") { headers = File(prefabHeadersDir, "rrc_image").absolutePath }
+    create("rrc_root") { headers = File(prefabHeadersDir, "rrc_root").absolutePath }
+    create("rrc_view") { headers = File(prefabHeadersDir, "rrc_view").absolutePath }
+    create("rrc_legacyviewmanagerinterop") {
+      headers = File(prefabHeadersDir, "rrc_legacyviewmanagerinterop").absolutePath
+    }
+    create("jsi") { headers = File(prefabHeadersDir, "jsi").absolutePath }
+    create("glog") { headers = File(prefabHeadersDir, "glog").absolutePath }
+    create("fabricjni") { headers = File(prefabHeadersDir, "fabricjni").absolutePath }
+    create("react_render_mapbuffer") {
+      headers = File(prefabHeadersDir, "react_render_mapbuffer").absolutePath
+    }
+    create("yoga") { headers = File(prefabHeadersDir, "yoga").absolutePath }
+    create("folly_runtime") { headers = File(prefabHeadersDir, "folly_runtime").absolutePath }
+    create("react_nativemodule_core") {
+      headers = File(prefabHeadersDir, "react_nativemodule_core").absolutePath
+    }
+    create("react_render_imagemanager") {
+      headers = File(prefabHeadersDir, "react_render_imagemanager").absolutePath
+    }
+    create("react_render_uimanager") {
+      headers = File(prefabHeadersDir, "react_render_uimanager").absolutePath
+    }
+    create("react_render_scheduler") {
+      headers = File(prefabHeadersDir, "react_render_scheduler").absolutePath
+    }
+    create("react_render_mounting") {
+      headers = File(prefabHeadersDir, "react_render_mounting").absolutePath
+    }
+    create("reactnativejni") { headers = File(prefabHeadersDir, "reactnativejni").absolutePath }
+    create("hermes_executor") { headers = File(prefabHeadersDir, "hermes_executor").absolutePath }
+    create("jscexecutor") { headers = File(prefabHeadersDir, "jscexecutor").absolutePath }
+    create("jsinspector") { headers = File(prefabHeadersDir, "jsinspector").absolutePath }
+  }
+
+  publishing {
+    multipleVariants {
+      withSourcesJar()
+      includeBuildTypeValues("debug", "release")
+    }
+  }
+
+  testOptions {
+    unitTests { isIncludeAndroidResources = true }
+    targetSdk = libs.versions.targetSdk.get().toInt()
+  }
+}
+
+dependencies {
+  api(libs.androidx.appcompat)
+  api(libs.androidx.appcompat.resources)
+  api(libs.androidx.autofill)
+  api(libs.androidx.swiperefreshlayout)
+  api(libs.androidx.tracing)
+
+  api(libs.fbjni)
+  api(libs.fresco)
+  api(libs.fresco.middleware)
+  api(libs.fresco.imagepipeline.okhttp3)
+  api(libs.fresco.ui.common)
+  api(libs.infer.annotation)
+  api(libs.soloader)
+  api(libs.yoga.proguard.annotations)
+
+  api(libs.jsr305)
+  api(libs.okhttp3.urlconnection)
+  api(libs.okhttp3)
+  api(libs.okio)
+  compileOnly(libs.javax.annotation.api)
+  api(libs.javax.inject)
+
+  // It's up to the consumer to decide if hermes should be included or not.
+  // Therefore hermes-engine is a compileOnly dependency.
+  compileOnly(project(":packages:react-native:ReactAndroid:hermes-engine"))
+
+  testImplementation(libs.junit)
+  testImplementation(libs.assertj)
+  testImplementation(libs.mockito)
+  testImplementation(libs.robolectric)
+  testImplementation(libs.thoughtworks)
+}
+
+react {
+  // TODO: The library name is chosen for parity with Fabric components & iOS
+  // This should be changed to a more generic name, e.g. `ReactCoreSpec`.
+  libraryName = "rncore"
+  jsRootDir = file("../src")
+}
+
+// For build from source, we need to override the privateReact extension.
+// This is needed as the build-from-source won't have a com.android.application
+// module to apply the plugin to, so it's codegenDir and reactNativeDir won't be evaluated.
+if (rootProject.name == "react-native-build-from-source") {
+  rootProject.extensions.getByType(PrivateReactExtension::class.java).apply {
+    codegenDir = file("$rootDir/../@react-native/codegen")
+    reactNativeDir = file("$rootDir")
+  }
+}
+
+kotlin {
+  jvmToolchain(17)
+  explicitApi()
+}
+
+/* Publishing Configuration */
+apply(from = "./publish.gradle")
+
+// We need to override the artifact ID as this project is called `ReactAndroid` but
+// the maven coordinates are on `react-android`.
+// Please note that the original coordinates, `react-native`, have been voided
+// as they caused https://github.com/facebook/react-native/issues/35210
+publishing {
+  publications { getByName("release", MavenPublication::class) { artifactId = "react-android" } }
+}
diff --git a/packages/react-native/ReactAndroid/cmake-utils/ReactNative-application.cmake b/packages/react-native/ReactAndroid/cmake-utils/ReactNative-application.cmake
index d49fa9ed80d80b..1ad0af8843dbc1 100644
--- a/packages/react-native/ReactAndroid/cmake-utils/ReactNative-application.cmake
+++ b/packages/react-native/ReactAndroid/cmake-utils/ReactNative-application.cmake
@@ -58,7 +58,6 @@ target_compile_options(${CMAKE_PROJECT_NAME}
                 -fexceptions
                 -frtti
                 -std=c++20
-                -DWITH_INSPECTOR=1
                 -DLOG_TAG=\"ReactNative\")
 
 # Prefab packages from React Native
@@ -71,6 +70,7 @@ add_library(react_debug ALIAS ReactAndroid::react_debug)
 add_library(react_utils ALIAS ReactAndroid::react_utils)
 add_library(react_render_componentregistry ALIAS ReactAndroid::react_render_componentregistry)
 add_library(react_newarchdefaults ALIAS ReactAndroid::react_newarchdefaults)
+add_library(react_cxxreactpackage ALIAS ReactAndroid::react_cxxreactpackage)
 add_library(react_render_core ALIAS ReactAndroid::react_render_core)
 add_library(react_render_graphics ALIAS ReactAndroid::react_render_graphics)
 add_library(rrc_view ALIAS ReactAndroid::rrc_view)
@@ -99,6 +99,7 @@ target_link_libraries(${CMAKE_PROJECT_NAME}
         react_utils                         # prefab ready
         react_nativemodule_core             # prefab ready
         react_newarchdefaults               # prefab ready
+        react_cxxreactpackage               # prefab ready
         react_render_componentregistry      # prefab ready
         react_render_core                   # prefab ready
         react_render_debug                  # prefab ready
@@ -133,4 +134,15 @@ if(EXISTS ${PROJECT_BUILD_DIR}/generated/source/codegen/jni/CMakeLists.txt)
         get_property(APP_CODEGEN_TARGET DIRECTORY ${PROJECT_BUILD_DIR}/generated/source/codegen/jni/ PROPERTY BUILDSYSTEM_TARGETS)
         target_link_libraries(${CMAKE_PROJECT_NAME} ${APP_CODEGEN_TARGET})
         target_link_libraries(${APP_CODEGEN_TARGET} common_flags)
+
+        # We need to pass the generated header and module provider to the OnLoad.cpp file so
+        # local app modules can properly be linked.
+        string(REGEX REPLACE "react_codegen_" "" APP_CODEGEN_HEADER "${APP_CODEGEN_TARGET}")
+        target_compile_options(${CMAKE_PROJECT_NAME}
+                PRIVATE
+                -DREACT_NATIVE_APP_CODEGEN_HEADER="${APP_CODEGEN_HEADER}.h"
+                -DREACT_NATIVE_APP_COMPONENT_DESCRIPTORS_HEADER="react/renderer/components/${APP_CODEGEN_HEADER}/ComponentDescriptors.h"
+                -DREACT_NATIVE_APP_COMPONENT_REGISTRATION=${APP_CODEGEN_HEADER}_registerComponentDescriptorsFromCodegen
+                -DREACT_NATIVE_APP_MODULE_PROVIDER=${APP_CODEGEN_HEADER}_ModuleProvider
+        )
 endif()
diff --git a/packages/react-native/ReactAndroid/cmake-utils/default-app-setup/OnLoad.cpp b/packages/react-native/ReactAndroid/cmake-utils/default-app-setup/OnLoad.cpp
index eff504b9c2106a..d206b123ad44bb 100644
--- a/packages/react-native/ReactAndroid/cmake-utils/default-app-setup/OnLoad.cpp
+++ b/packages/react-native/ReactAndroid/cmake-utils/default-app-setup/OnLoad.cpp
@@ -33,6 +33,13 @@
 #include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 #include <rncli.h>
 
+#ifdef REACT_NATIVE_APP_CODEGEN_HEADER
+#include REACT_NATIVE_APP_CODEGEN_HEADER
+#endif
+#ifdef REACT_NATIVE_APP_COMPONENT_DESCRIPTORS_HEADER
+#include REACT_NATIVE_APP_COMPONENT_DESCRIPTORS_HEADER
+#endif
+
 namespace facebook::react {
 
 void registerComponents(
@@ -41,9 +48,14 @@ void registerComponents(
   // components coming from your App or from 3rd party libraries here.
   //
   // providerRegistry->add(concreteComponentDescriptorProvider<
-  //        AocViewerComponentDescriptor>());
+  //        MyComponentDescriptor>());
+
+  // We link app local components if available
+#ifdef REACT_NATIVE_APP_COMPONENT_REGISTRATION
+  REACT_NATIVE_APP_COMPONENT_REGISTRATION(registry);
+#endif
 
-  // By default we just use the components autolinked by RN CLI
+  // And we fallback to the components autolinked by RN CLI
   rncli_registerProviders(registry);
 }
 
@@ -61,13 +73,21 @@ std::shared_ptr<TurboModule> javaModuleProvider(
   // either your application or from external libraries. The approach to follow
   // is similar to the following (for a library called `samplelibrary`):
   //
-  // auto module = samplelibrary_ModuleProvider(moduleName, params);
+  // auto module = samplelibrary_ModuleProvider(name, params);
   // if (module != nullptr) {
   //    return module;
   // }
-  // return rncore_ModuleProvider(moduleName, params);
+  // return rncore_ModuleProvider(name, params);
+
+  // We link app local modules if available
+#ifdef REACT_NATIVE_APP_MODULE_PROVIDER
+  auto module = REACT_NATIVE_APP_MODULE_PROVIDER(name, params);
+  if (module != nullptr) {
+    return module;
+  }
+#endif
 
-  // By default we just use the module providers autolinked by RN CLI
+  // And we fallback to the module providers autolinked by RN CLI
   return rncli_ModuleProvider(name, params);
 }
 
diff --git a/packages/react-native/ReactAndroid/external-artifacts/build.gradle.kts b/packages/react-native/ReactAndroid/external-artifacts/build.gradle.kts
index f0c42511a91a98..685d77e7b7fa3c 100644
--- a/packages/react-native/ReactAndroid/external-artifacts/build.gradle.kts
+++ b/packages/react-native/ReactAndroid/external-artifacts/build.gradle.kts
@@ -13,7 +13,7 @@ group = "com.facebook.react"
 
 version =
     parent?.extraProperties?.get("publishing_version")
-        ?: error("publishing_version not set for flipper-integration")
+        ?: error("publishing_version not set for external-artifacts")
 
 configurations.maybeCreate("default")
 
diff --git a/packages/react-native/ReactAndroid/flipper-integration/.npmignore b/packages/react-native/ReactAndroid/flipper-integration/.npmignore
deleted file mode 100644
index b1bfa20d8f87b2..00000000000000
--- a/packages/react-native/ReactAndroid/flipper-integration/.npmignore
+++ /dev/null
@@ -1,2 +0,0 @@
-# Make sure we never publish the build folders to npm.
-build/
diff --git a/packages/react-native/ReactAndroid/flipper-integration/build.gradle.kts b/packages/react-native/ReactAndroid/flipper-integration/build.gradle.kts
deleted file mode 100644
index 2109a287d46c65..00000000000000
--- a/packages/react-native/ReactAndroid/flipper-integration/build.gradle.kts
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import org.jetbrains.kotlin.gradle.plugin.extraProperties
-
-plugins {
-  alias(libs.plugins.android.library)
-  alias(libs.plugins.kotlin.android)
-  id("maven-publish")
-  id("signing")
-}
-
-group = "com.facebook.react"
-
-version =
-    parent?.extraProperties?.get("publishing_version")
-        ?: error("publishing_version not set for flipper-integration")
-
-repositories {
-  // Normally RNGP will set repositories for all modules,
-  // but when consumed from source, we need to re-declare
-  // those repositories as there is no app module there.
-  mavenCentral()
-  google()
-}
-
-android {
-  compileSdk = libs.versions.compileSdk.get().toInt()
-  buildToolsVersion = libs.versions.buildTools.get()
-  namespace = "com.facebook.react.flipper"
-
-  defaultConfig { minSdk = libs.versions.minSdk.get().toInt() }
-
-  compileOptions {
-    sourceCompatibility = JavaVersion.VERSION_17
-    targetCompatibility = JavaVersion.VERSION_17
-  }
-
-  kotlin { jvmToolchain(17) }
-
-  dependencies {
-    implementation(project(":packages:react-native:ReactAndroid"))
-    debugImplementation(libs.flipper)
-    debugImplementation(libs.flipper.network.plugin) {
-      exclude(group = "com.squareup.okhttp3", module = "okhttp")
-    }
-    debugImplementation(libs.flipper.fresco.plugin)
-  }
-
-  publishing {
-    multipleVariants {
-      withSourcesJar()
-      allVariants()
-    }
-  }
-}
-
-apply(from = "../publish.gradle")
diff --git a/packages/react-native/ReactAndroid/flipper-integration/src/debug/java/com/facebook/react/flipper/ReactNativeFlipper.kt b/packages/react-native/ReactAndroid/flipper-integration/src/debug/java/com/facebook/react/flipper/ReactNativeFlipper.kt
deleted file mode 100644
index e4bad1d94ed439..00000000000000
--- a/packages/react-native/ReactAndroid/flipper-integration/src/debug/java/com/facebook/react/flipper/ReactNativeFlipper.kt
+++ /dev/null
@@ -1,66 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flipper
-
-import android.content.Context
-import com.facebook.flipper.android.AndroidFlipperClient
-import com.facebook.flipper.android.utils.FlipperUtils
-import com.facebook.flipper.plugins.crashreporter.CrashReporterPlugin
-import com.facebook.flipper.plugins.databases.DatabasesFlipperPlugin
-import com.facebook.flipper.plugins.fresco.FrescoFlipperPlugin
-import com.facebook.flipper.plugins.inspector.DescriptorMapping
-import com.facebook.flipper.plugins.inspector.InspectorFlipperPlugin
-import com.facebook.flipper.plugins.network.FlipperOkhttpInterceptor
-import com.facebook.flipper.plugins.network.NetworkFlipperPlugin
-import com.facebook.flipper.plugins.sharedpreferences.SharedPreferencesFlipperPlugin
-import com.facebook.react.ReactInstanceEventListener
-import com.facebook.react.ReactInstanceManager
-import com.facebook.react.bridge.ReactContext
-import com.facebook.react.config.ReactFeatureFlags
-import com.facebook.react.modules.network.NetworkingModule
-
-/**
- * Class responsible of loading Flipper inside your React Native application. This is the debug
- * flavor of it. Here you can add your own plugins and customize the Flipper setup.
- */
-object ReactNativeFlipper {
-  @JvmStatic
-  fun initializeFlipper(context: Context, reactInstanceManager: ReactInstanceManager) {
-    if (ReactFeatureFlags.enableBridgelessArchitecture) {
-      return
-    }
-    if (FlipperUtils.shouldEnableFlipper(context)) {
-      val client = AndroidFlipperClient.getInstance(context)
-      client.addPlugin(InspectorFlipperPlugin(context, DescriptorMapping.withDefaults()))
-      client.addPlugin(DatabasesFlipperPlugin(context))
-      client.addPlugin(SharedPreferencesFlipperPlugin(context))
-      client.addPlugin(CrashReporterPlugin.getInstance())
-      val networkFlipperPlugin = NetworkFlipperPlugin()
-      NetworkingModule.setCustomClientBuilder { builder ->
-        builder.addNetworkInterceptor(FlipperOkhttpInterceptor(networkFlipperPlugin))
-      }
-      client.addPlugin(networkFlipperPlugin)
-      client.start()
-
-      // Fresco Plugin needs to ensure that ImagePipelineFactory is initialized
-      // Hence we run if after all native modules have been initialized
-      val currentReactContext = reactInstanceManager.currentReactContext
-      if (currentReactContext == null) {
-        reactInstanceManager.addReactInstanceEventListener(
-            object : ReactInstanceEventListener {
-              override fun onReactContextInitialized(context: ReactContext) {
-                reactInstanceManager.removeReactInstanceEventListener(this)
-                context.runOnNativeModulesQueueThread { client.addPlugin(FrescoFlipperPlugin()) }
-              }
-            })
-      } else {
-        client.addPlugin(FrescoFlipperPlugin())
-      }
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/flipper-integration/src/release/java/com/facebook/react/flipper/ReactNativeFlipper.kt b/packages/react-native/ReactAndroid/flipper-integration/src/release/java/com/facebook/react/flipper/ReactNativeFlipper.kt
deleted file mode 100644
index e44f63d8d1db66..00000000000000
--- a/packages/react-native/ReactAndroid/flipper-integration/src/release/java/com/facebook/react/flipper/ReactNativeFlipper.kt
+++ /dev/null
@@ -1,23 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.flipper
-
-import android.content.Context
-import com.facebook.react.ReactInstanceManager
-
-/**
- * Class responsible of loading Flipper inside your React Native application. This is the release
- * flavor of it so it's empty as we don't want to load Flipper.
- */
-object ReactNativeFlipper {
-  @Suppress("UNUSED_PARAMETER")
-  @JvmStatic
-  fun initializeFlipper(context: Context, reactInstanceManager: ReactInstanceManager) {
-    // Do nothing as we don't want to initialize Flipper on Release.
-  }
-}
diff --git a/packages/react-native/ReactAndroid/gradle.properties b/packages/react-native/ReactAndroid/gradle.properties
index 924f82a0637dbe..31a4a4d071d617 100644
--- a/packages/react-native/ReactAndroid/gradle.properties
+++ b/packages/react-native/ReactAndroid/gradle.properties
@@ -7,3 +7,23 @@ android.enableJetifier=true
 # We want to have more fine grained control on the Java version for
 # ReactAndroid, therefore we disable RGNP Java version alignment mechanism
 react.internal.disableJavaVersionAlignment=true
+
+# Binary Compatibility Validator properties
+binaryCompatibilityValidator.ignoredClasses=com.facebook.react.BuildConfig
+binaryCompatibilityValidator.ignoredPackages=com.facebook.debug,\
+  com.facebook.fbreact,\
+  com.facebook.hermes,\
+  com.facebook.perftest,\
+  com.facebook.proguard,\
+  com.facebook.react.bridgeless.internal,\
+  com.facebook.react.flipper,\
+  com.facebook.react.internal,\
+  com.facebook.react.module.processing,\
+  com.facebook.react.processing,\
+  com.facebook.react.views.text.internal,\
+  com.facebook.systrace,\
+  com.facebook.yoga
+binaryCompatibilityValidator.nonPublicMarkers=com.facebook.react.common.annotations.VisibleForTesting,\
+  com.facebook.react.common.annotations.UnstableReactNativeAPI
+binaryCompatibilityValidator.validationDisabled=true
+binaryCompatibilityValidator.outputApiFileName=ReactAndroid
diff --git a/packages/react-native/ReactAndroid/hermes-engine/build.gradle b/packages/react-native/ReactAndroid/hermes-engine/build.gradle
deleted file mode 100644
index 4cb7ad9e9f979b..00000000000000
--- a/packages/react-native/ReactAndroid/hermes-engine/build.gradle
+++ /dev/null
@@ -1,304 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import org.apache.tools.ant.taskdefs.condition.Os
-
-plugins {
-    id("de.undercouch.download")
-    id("maven-publish")
-    id("signing")
-    alias(libs.plugins.android.library)
-}
-
-group = "com.facebook.react"
-version = parent.publishing_version
-def cmakeVersion = parent.cmake_version
-
-/**
- * We use the bundled version of CMake in the Android SDK if available, to don't force Android
- * users to install CMake externally.
- */
-def findCmakePath(cmakeVersion) {
-    def cmakeRelativePath = "/cmake/${cmakeVersion}/bin/cmake"
-    if (System.getenv("ANDROID_SDK_ROOT") && new File("${System.getenv("ANDROID_SDK_ROOT")}/${cmakeRelativePath}").exists()) {
-        return "${System.getenv("ANDROID_SDK_ROOT")}/${cmakeRelativePath}"
-    }
-    if (System.getenv("ANDROID_HOME") && new File("${System.getenv("ANDROID_HOME")}/${cmakeRelativePath}").exists()) {
-        return "${System.getenv("ANDROID_HOME")}/${cmakeRelativePath}"
-    }
-    return "cmake"
-}
-
-def reactNativeRootDir = project(':packages:react-native:ReactAndroid').projectDir.parent;
-def customDownloadDir = System.getenv("REACT_NATIVE_DOWNLOADS_DIR")
-def downloadsDir = customDownloadDir ? new File(customDownloadDir) : new File(reactNativeRootDir, "sdks/download")
-
-// By default we are going to download and unzip hermes inside the /sdks/hermes folder
-// but you can provide an override for where the hermes source code is located.
-def overrideHermesDir = System.getenv("REACT_NATIVE_OVERRIDE_HERMES_DIR") != null
-def hermesDir = System.getenv("REACT_NATIVE_OVERRIDE_HERMES_DIR") ?: new File(reactNativeRootDir, "sdks/hermes")
-def hermesBuildDir = new File("$buildDir/hermes")
-def hermesCOutputBinary = new File("$buildDir/hermes/bin/hermesc")
-
-// This filetree represents the file of the Hermes build that we want as input/output
-// of the buildHermesC task. Gradle will compute the hash of files in the file tree
-// and won't rebuilt hermesc unless those files are changing.
-def hermesBuildOutputFileTree = fileTree(hermesBuildDir.toString())
-                    .include('**/*.make')
-                    .include('**/*.cmake')
-                    .include('**/*.marks')
-                    .include('**/compiler_depends.ts')
-                    .include('**/Makefile')
-                    .include('**/link.txt')
-
-def hermesVersion = "main"
-def hermesVersionFile = new File(reactNativeRootDir, "sdks/.hermesversion")
-if (hermesVersionFile.exists()) {
-    hermesVersion = hermesVersionFile.text
-}
-def ndkBuildJobs = Runtime.runtime.availableProcessors().toString()
-def prefabHeadersDir = new File("$buildDir/prefab-headers")
-
-// By setting REACT_NATIVE_HERMES_SKIP_PREFAB you can skip prefab publishing, to
-// reduce the size of the Hermes published .AAR.
-def skipPrefabPublishing = System.getenv("REACT_NATIVE_HERMES_SKIP_PREFAB") != null
-
-// We inject the JSI directory used inside the Hermes build with the -DJSI_DIR config.
-def jsiDir = new File(reactNativeRootDir, "ReactCommon/jsi")
-
-task downloadHermes(type: Download) {
-    src("https://github.com/facebook/hermes/tarball/${hermesVersion}")
-    onlyIfModified(true)
-    overwrite(true)
-    useETag("all")
-    retries(5)
-    dest(new File(downloadsDir, "hermes.tar.gz"))
-}
-
-task installArchives {
-    dependsOn("publishAllPublicationsToNpmRepository")
-}
-
-task unzipHermes(dependsOn: downloadHermes, type: Copy) {
-    from(tarTree(downloadHermes.dest)) {
-        eachFile { file ->
-            // We flatten the unzip as the tarball contains a `facebook-hermes-<SHA>`
-            // folder at the top level.
-            if (file.relativePath.segments.size() > 1) {
-                file.relativePath = new org.gradle.api.file.RelativePath(!file.isDirectory(), file.relativePath.segments.drop(1))
-            }
-        }
-    }
-    into(hermesDir)
-}
-
-task configureBuildForHermes(type: Exec) {
-    workingDir(hermesDir)
-    inputs.dir(hermesDir)
-    outputs.files(hermesBuildOutputFileTree)
-    commandLine(
-        windowsAwareCommandLine(
-            findCmakePath(cmakeVersion),
-            Os.isFamily(Os.FAMILY_WINDOWS) ? "-GNMake Makefiles" : "",
-            "-S",
-            ".",
-            "-B",
-            hermesBuildDir.toString(),
-            "-DJSI_DIR=" + jsiDir.absolutePath
-        )
-    )
-}
-
-task buildHermesC(dependsOn: configureBuildForHermes, type: Exec) {
-    workingDir(hermesDir)
-    inputs.files(hermesBuildOutputFileTree)
-    outputs.file(hermesCOutputBinary)
-    commandLine(
-        windowsAwareCommandLine(
-            findCmakePath(cmakeVersion),
-            "--build",
-            hermesBuildDir.toString(),
-            "--target",
-            "hermesc",
-            "-j",
-            ndkBuildJobs,
-        )
-    )
-}
-
-task prepareHeadersForPrefab(type: Copy) {
-    from("$hermesDir/API")
-    from("$hermesDir/public")
-    include("**/*.h")
-    exclude("jsi/**")
-    into(prefabHeadersDir)
-}
-
-static def windowsAwareCommandLine(String... commands) {
-    def newCommands = []
-    if (Os.isFamily(Os.FAMILY_WINDOWS)) {
-        newCommands = ['cmd', '/c']
-    }
-    newCommands.addAll(commands)
-    return newCommands
-}
-
-def reactNativeArchitectures() {
-    def value = project.getProperties().get("reactNativeArchitectures")
-    return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"]
-}
-
-repositories {
-    // Normally RNGP will set repositories for all modules,
-    // but when consumed from source, we need to re-declare
-    // those repositories as there is no app module there.
-    mavenCentral()
-    google()
-}
-
-android {
-    compileSdk libs.versions.compileSdk.get().toInteger()
-    buildToolsVersion = libs.versions.buildTools.get()
-    namespace "com.facebook.hermes"
-
-    // Used to override the NDK path/version on internal CI or by allowing
-    // users to customize the NDK path/version from their root project (e.g. for Apple Silicon support)
-    if (rootProject.hasProperty("ndkPath")) {
-        ndkPath rootProject.ext.ndkPath
-    }
-    if (rootProject.hasProperty("ndkVersion")) {
-        ndkVersion rootProject.ext.ndkVersion
-    }
-
-    defaultConfig {
-        minSdk = libs.versions.minSdk.get().toInteger()
-
-        externalNativeBuild {
-            cmake {
-                arguments "-DHERMES_IS_ANDROID=True"
-                arguments "-DANDROID_STL=c++_shared"
-                arguments "-DANDROID_PIE=True"
-                arguments "-DIMPORT_HERMESC=${new File(hermesBuildDir, "ImportHermesc.cmake").toString()}"
-                arguments "-DJSI_DIR=${jsiDir}"
-                arguments "-DHERMES_SLOW_DEBUG=False"
-                arguments "-DHERMES_BUILD_SHARED_JSI=True"
-                arguments "-DHERMES_RELEASE_VERSION=for RN ${version}"
-                // We intentionally build Hermes with Intl support only. This is to simplify
-                // the build setup and to avoid overcomplicating the build-type matrix.
-                arguments "-DHERMES_ENABLE_INTL=True"
-                // Due to https://github.com/android/ndk/issues/1693 we're losing Android
-                // specific compilation flags. This can be removed once we moved to NDK 25/26
-                arguments "-DANDROID_USE_LEGACY_TOOLCHAIN_FILE=ON"
-                targets "libhermes"
-            }
-        }
-        ndk {
-            abiFilters (*reactNativeArchitectures())
-        }
-    }
-
-    externalNativeBuild {
-        cmake {
-            version cmakeVersion
-            path "$hermesDir/CMakeLists.txt"
-        }
-    }
-
-    buildTypes {
-        debug {
-            externalNativeBuild {
-                cmake {
-                    // JS developers aren't VM developers.
-                    // Therefore we're passing as build type Release, to provide a faster build.
-                    // This has the (unlucky) side effect of letting AGP call the build
-                    // tasks `configureCMakeRelease` while is actually building the debug flavor.
-                    arguments "-DCMAKE_BUILD_TYPE=Release"
-                    // Adding -O3 to handle the issue here: https://github.com/android/ndk/issues/1740#issuecomment-1198438260
-                    // The old NDK toolchain is not passing -O3 correctly for release CMake builds. This is fixed in NDK 25 and can be removed once we're there.
-                    cppFlags "-O3"
-                }
-            }
-        }
-        release {
-            externalNativeBuild {
-                cmake {
-                    arguments "-DCMAKE_BUILD_TYPE=MinSizeRel"
-                    // For release builds, we don't want to enable the Hermes Debugger.
-                    arguments "-DHERMES_ENABLE_DEBUGGER=False"
-                }
-            }
-        }
-    }
-
-    sourceSets {
-        main {
-            manifest.srcFile "$hermesDir/android/hermes/src/main/AndroidManifest.xml"
-            java.srcDirs = [
-                "$hermesDir/lib/Platform/Intl/java"
-            ]
-        }
-    }
-
-    buildFeatures {
-        prefab true
-        prefabPublishing !skipPrefabPublishing
-    }
-
-    dependencies {
-        implementation(libs.fbjni)
-        implementation(libs.soloader)
-        implementation(libs.yoga.proguard.annotations)
-        implementation(libs.androidx.annotation)
-    }
-
-    packagingOptions {
-        exclude "**/libc++_shared.so"
-        exclude "**/libjsi.so"
-        exclude "**/libfbjni.so"
-    }
-
-    publishing {
-        multipleVariants {
-            withSourcesJar()
-            allVariants()
-        }
-    }
-
-    prefab {
-        libhermes {
-            headers prefabHeadersDir.absolutePath
-            libraryName "libhermes"
-        }
-    }
-}
-
-afterEvaluate {
-    if (!overrideHermesDir) {
-        // If you're not specifying a Hermes Path override, we want to
-        // download/unzip Hermes from Github then.
-        configureBuildForHermes.dependsOn(unzipHermes)
-        prepareHeadersForPrefab.dependsOn(unzipHermes)
-    }
-    preBuild.dependsOn(buildHermesC)
-    preBuild.dependsOn(prepareHeadersForPrefab)
-    prepareHeadersForPrefab.dependsOn(buildHermesC)
-}
-
-/* Publishing Configuration */
-apply from: "../publish.gradle"
-
-// We need to override the artifact ID as this project is called `hermes-engine` but
-// the maven coordinates are on `hermes-android`.
-// Please note that the original coordinates, `hermes-engine`, have been voided
-// as they caused https://github.com/facebook/react-native/issues/35210
-publishing {
-    publications {
-        getByName("release") {
-            artifactId 'hermes-android'
-        }
-    }
-}
diff --git a/packages/react-native/ReactAndroid/hermes-engine/build.gradle.kts b/packages/react-native/ReactAndroid/hermes-engine/build.gradle.kts
new file mode 100644
index 00000000000000..17eb24f355b55b
--- /dev/null
+++ b/packages/react-native/ReactAndroid/hermes-engine/build.gradle.kts
@@ -0,0 +1,318 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+import de.undercouch.gradle.tasks.download.Download
+import org.apache.tools.ant.taskdefs.condition.Os
+
+plugins {
+  id("maven-publish")
+  id("signing")
+  alias(libs.plugins.android.library)
+  alias(libs.plugins.download)
+}
+
+group = "com.facebook.react"
+
+version = parent?.properties?.get("publishing_version")?.toString()!!
+
+val cmakeVersion = parent?.properties?.get("cmake_version")?.toString()!!
+
+/**
+ * We use the bundled version of CMake in the Android SDK if available, to don't force Android users
+ * to install CMake externally.
+ */
+fun findCmakePath(cmakeVersion: String): String {
+  val cmakeRelativePath = "cmake/${cmakeVersion}/bin/cmake"
+  if (System.getenv("ANDROID_SDK_ROOT") != null &&
+      File("${System.getenv("ANDROID_SDK_ROOT")}/${cmakeRelativePath}").exists()) {
+    return "${System.getenv("ANDROID_SDK_ROOT")}/${cmakeRelativePath}"
+  }
+  if (System.getenv("ANDROID_HOME") != null &&
+      File("${System.getenv("ANDROID_HOME")}/${cmakeRelativePath}").exists()) {
+    return "${System.getenv("ANDROID_HOME")}/${cmakeRelativePath}"
+  }
+  return "cmake"
+}
+
+val reactNativeRootDir = project(":packages:react-native:ReactAndroid").projectDir.parent
+val customDownloadDir = System.getenv("REACT_NATIVE_DOWNLOADS_DIR")
+val downloadsDir =
+    if (customDownloadDir != null) {
+      File(customDownloadDir)
+    } else {
+      File(reactNativeRootDir, "sdks/download")
+    }
+
+// By default we are going to download and unzip hermes inside the /sdks/hermes folder
+// but you can provide an override for where the hermes source code is located.
+val buildDir = project.layout.buildDirectory.get().asFile
+val overrideHermesDir = System.getenv("REACT_NATIVE_OVERRIDE_HERMES_DIR") != null
+val hermesDir =
+    if (overrideHermesDir) {
+      File(System.getenv("REACT_NATIVE_OVERRIDE_HERMES_DIR"))
+    } else {
+      File(reactNativeRootDir, "sdks/hermes")
+    }
+val hermesBuildDir = File("$buildDir/hermes")
+val hermesCOutputBinary = File("$buildDir/hermes/bin/hermesc")
+
+// This filetree represents the file of the Hermes build that we want as input/output
+// of the buildHermesC task. Gradle will compute the hash of files in the file tree
+// and won't rebuilt hermesc unless those files are changing.
+val hermesBuildOutputFileTree =
+    fileTree(hermesBuildDir.toString())
+        .include(
+            "**/*.make",
+            "**/*.cmake",
+            "**/*.marks",
+            "**/compiler_depends.ts",
+            "**/Makefile",
+            "**/link.txt")
+
+var hermesVersion = "main"
+val hermesVersionFile = File(reactNativeRootDir, "sdks/.hermesversion")
+
+if (hermesVersionFile.exists()) {
+  hermesVersion = hermesVersionFile.readText()
+}
+
+val ndkBuildJobs = Runtime.getRuntime().availableProcessors().toString()
+val prefabHeadersDir = File("$buildDir/prefab-headers")
+
+// We inject the JSI directory used inside the Hermes build with the -DJSI_DIR config.
+val jsiDir = File(reactNativeRootDir, "ReactCommon/jsi")
+
+val downloadHermes by
+    tasks.creating(Download::class) {
+      src("https://github.com/facebook/hermes/tarball/${hermesVersion}")
+      onlyIfModified(true)
+      overwrite(true)
+      useETag("all")
+      retries(5)
+      dest(File(downloadsDir, "hermes.tar.gz"))
+    }
+
+val unzipHermes by
+    tasks.registering(Copy::class) {
+      dependsOn(downloadHermes)
+      from(tarTree(downloadHermes.dest)) {
+        eachFile {
+          // We flatten the unzip as the tarball contains a `facebook-hermes-<SHA>`
+          // folder at the top level.
+          if (this.path.startsWith("facebook-hermes-")) {
+            this.path = this.path.substringAfter("/")
+          }
+        }
+      }
+      into(hermesDir)
+    }
+
+val configureBuildForHermes by
+    tasks.registering(Exec::class) {
+      workingDir(hermesDir)
+      inputs.dir(hermesDir)
+      outputs.files(hermesBuildOutputFileTree)
+      commandLine(
+          windowsAwareCommandLine(
+              findCmakePath(cmakeVersion),
+              if (Os.isFamily(Os.FAMILY_WINDOWS)) "-GNMake Makefiles" else "",
+              "-S",
+              ".",
+              "-B",
+              hermesBuildDir.toString(),
+              "-DJSI_DIR=" + jsiDir.absolutePath))
+    }
+
+val buildHermesC by
+    tasks.registering(Exec::class) {
+      dependsOn(configureBuildForHermes)
+      workingDir(hermesDir)
+      inputs.files(hermesBuildOutputFileTree)
+      outputs.file(hermesCOutputBinary)
+      commandLine(
+          windowsAwareCommandLine(
+              findCmakePath(cmakeVersion),
+              "--build",
+              hermesBuildDir.toString(),
+              "--target",
+              "hermesc",
+              "-j",
+              ndkBuildJobs,
+          ))
+    }
+
+val prepareHeadersForPrefab by
+    tasks.registering(Copy::class) {
+      dependsOn(buildHermesC)
+      from("$hermesDir/API")
+      from("$hermesDir/public")
+      include("**/*.h")
+      exclude("jsi/**")
+      into(prefabHeadersDir)
+    }
+
+fun windowsAwareCommandLine(vararg commands: String): List<String> {
+  val result =
+      if (Os.isFamily(Os.FAMILY_WINDOWS)) {
+        mutableListOf("cmd", "/c")
+      } else {
+        mutableListOf()
+      }
+  result.addAll(commands)
+  return result
+}
+
+fun reactNativeArchitectures(): List<String> {
+  val value = project.properties["reactNativeArchitectures"]
+  return value?.toString()?.split(",") ?: listOf("armeabi-v7a", "x86", "x86_64", "arm64-v8a")
+}
+
+repositories {
+  // Normally RNGP will set repositories for all modules,
+  // but when consumed from source, we need to re-declare
+  // those repositories as there is no app module there.
+  mavenCentral()
+  google()
+}
+
+android {
+  compileSdk = libs.versions.compileSdk.get().toInt()
+  buildToolsVersion = libs.versions.buildTools.get()
+  namespace = "com.facebook.hermes"
+
+  // Used to override the NDK path/version on internal CI or by allowing
+  // users to customize the NDK path/version from their root project (e.g. for Apple Silicon
+  // support)
+  if (rootProject.hasProperty("ndkPath") && rootProject.properties["ndkPath"] != null) {
+    ndkPath = rootProject.properties["ndkPath"].toString()
+  }
+  if (rootProject.hasProperty("ndkVersion") && rootProject.properties["ndkVersion"] != null) {
+    ndkVersion = rootProject.properties["ndkVersion"].toString()
+  }
+
+  defaultConfig {
+    minSdk = libs.versions.minSdk.get().toInt()
+
+    externalNativeBuild {
+      cmake {
+        arguments(
+            "-DHERMES_IS_ANDROID=True",
+            "-DANDROID_STL=c++_shared",
+            "-DANDROID_PIE=True",
+            "-DIMPORT_HERMESC=${File(hermesBuildDir, "ImportHermesc.cmake").toString()}",
+            "-DJSI_DIR=${jsiDir}",
+            "-DHERMES_SLOW_DEBUG=False",
+            "-DHERMES_BUILD_SHARED_JSI=True",
+            "-DHERMES_RELEASE_VERSION=for RN ${version}",
+            // We intentionally build Hermes with Intl support only. This is to simplify
+            // the build setup and to avoid overcomplicating the build-type matrix.
+            "-DHERMES_ENABLE_INTL=True",
+            // Due to https://github.com/android/ndk/issues/1693 we're losing Android
+            // specific compilation flags. This can be removed once we moved to NDK 25/26
+            "-DANDROID_USE_LEGACY_TOOLCHAIN_FILE=ON")
+
+        targets("libhermes")
+      }
+    }
+    ndk { abiFilters.addAll(reactNativeArchitectures()) }
+  }
+
+  externalNativeBuild {
+    cmake {
+      version = cmakeVersion
+      path = File("$hermesDir/CMakeLists.txt")
+    }
+  }
+
+  buildTypes {
+    debug {
+      externalNativeBuild {
+        cmake {
+          // JS developers aren't VM developers.
+          // Therefore we're passing as build type Release, to provide a faster build.
+          // This has the (unlucky) side effect of letting AGP call the build
+          // tasks `configureCMakeRelease` while is actually building the debug flavor.
+          arguments("-DCMAKE_BUILD_TYPE=Release")
+          // Adding -O3 to handle the issue here:
+          // https://github.com/android/ndk/issues/1740#issuecomment-1198438260
+          // The old NDK toolchain is not passing -O3 correctly for release CMake builds. This is
+          // fixed in NDK 25 and can be removed once we're there.
+          cppFlags("-O3")
+        }
+      }
+    }
+    release {
+      externalNativeBuild {
+        cmake {
+          arguments(
+              "-DCMAKE_BUILD_TYPE=MinSizeRel",
+              // For release builds, we don't want to enable the Hermes Debugger.
+              "-DHERMES_ENABLE_DEBUGGER=False")
+        }
+      }
+    }
+  }
+
+  sourceSets.getByName("main") {
+    manifest.srcFile("$hermesDir/android/hermes/src/main/AndroidManifest.xml")
+    java.srcDir("$hermesDir/lib/Platform/Intl/java")
+  }
+
+  buildFeatures {
+    prefab = true
+    prefabPublishing = true
+  }
+
+  dependencies {
+    implementation(libs.fbjni)
+    implementation(libs.soloader)
+    implementation(libs.yoga.proguard.annotations)
+    implementation(libs.androidx.annotation)
+  }
+
+  packaging {
+    jniLibs.excludes.add("**/libc++_shared.so")
+    jniLibs.excludes.add("**/libjsi.so")
+    jniLibs.excludes.add("**/libfbjni.so")
+  }
+
+  publishing {
+    multipleVariants {
+      withSourcesJar()
+      allVariants()
+    }
+  }
+
+  prefab {
+    create("libhermes") {
+      headers = prefabHeadersDir.absolutePath
+      libraryName = "libhermes"
+    }
+  }
+}
+
+afterEvaluate {
+  if (!overrideHermesDir) {
+    // If you're not specifying a Hermes Path override, we want to
+    // download/unzip Hermes from Github then.
+    tasks.getByName("configureBuildForHermes").dependsOn(unzipHermes)
+    tasks.getByName("prepareHeadersForPrefab").dependsOn(unzipHermes)
+  }
+  tasks.getByName("preBuild").dependsOn(buildHermesC)
+  tasks.getByName("preBuild").dependsOn(prepareHeadersForPrefab)
+}
+
+/* Publishing Configuration */
+apply(from = "../publish.gradle")
+
+// We need to override the artifact ID as this project is called `hermes-engine` but
+// the maven coordinates are on `hermes-android`.
+// Please note that the original coordinates, `hermes-engine`, have been voided
+// as they caused https://github.com/facebook/react-native/issues/35210
+publishing {
+  publications { getByName("release", MavenPublication::class) { artifactId = "hermes-android" } }
+}
diff --git a/packages/react-native/ReactAndroid/proguard-rules.pro b/packages/react-native/ReactAndroid/proguard-rules.pro
index e169d03a66f846..70c7e22bd8f10b 100644
--- a/packages/react-native/ReactAndroid/proguard-rules.pro
+++ b/packages/react-native/ReactAndroid/proguard-rules.pro
@@ -30,10 +30,16 @@
 -keepclassmembers class * {
     @com.facebook.proguard.annotations.DoNotStrip *;
 }
-
 -keep @com.facebook.proguard.annotations.DoNotStripAny class * {
     *;
 }
+-keep @com.facebook.jni.annotations.DoNotStrip class *
+-keepclassmembers class * {
+    @com.facebook.jni.annotations.DoNotStrip *;
+}
+-keep @com.facebook.jni.annotations.DoNotStripAny class * {
+    *;
+}
 
 -keepclassmembers @com.facebook.proguard.annotations.KeepGettersAndSetters class * {
   void set*(***);
@@ -48,6 +54,7 @@
 
 -dontwarn com.facebook.react.**
 -keep,includedescriptorclasses class com.facebook.react.bridge.** { *; }
+-keep,includedescriptorclasses class com.facebook.react.turbomodule.core.** { *; }
 -keep,includedescriptorclasses class com.facebook.react.internal.turbomodule.core.** { *; }
 
 # hermes
diff --git a/packages/react-native/ReactAndroid/publish.gradle b/packages/react-native/ReactAndroid/publish.gradle
index db2c83765c6688..32287a7c81392c 100644
--- a/packages/react-native/ReactAndroid/publish.gradle
+++ b/packages/react-native/ReactAndroid/publish.gradle
@@ -8,12 +8,11 @@
 apply plugin: 'maven-publish'
 apply plugin: 'signing'
 
-def isNightly = findProperty("isNightly")?.toBoolean()
+def isSnapshot = findProperty("isSnapshot")?.toBoolean()
 def signingKey = findProperty("SIGNING_KEY")
 def signingPwd = findProperty("SIGNING_PWD")
 
 def reactAndroidProjectDir = project(':packages:react-native:ReactAndroid').projectDir
-def androidOutputUrl = "file://${reactAndroidProjectDir}/../android"
 def mavenTempLocalUrl = "file:///tmp/maven-local"
 
 publishing {
@@ -28,8 +27,8 @@ publishing {
             }
 
             // We populate the publishing version using the project version,
-            // appending -SNAPSHOT if on nightly.
-            if (isNightly) {
+            // appending -SNAPSHOT if on nightly or prerelase.
+            if (isSnapshot) {
                 version = this.version + "-SNAPSHOT"
             } else {
                 version = this.version
@@ -65,10 +64,6 @@ publishing {
     }
 
     repositories {
-        maven {
-            name = "npm"
-            url = androidOutputUrl
-        }
         maven {
             name = "mavenTempLocal"
             url = mavenTempLocalUrl
diff --git a/packages/react-native/ReactAndroid/src/androidTest/AndroidManifest.xml b/packages/react-native/ReactAndroid/src/androidTest/AndroidManifest.xml
deleted file mode 100644
index 31552b1abc0ba2..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/AndroidManifest.xml
+++ /dev/null
@@ -1,20 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-          package="com.facebook.react.tests.gradle">
-  <supports-screens android:anyDensity="true" />
-  <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
-  <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
-  <!-- needed for screenshot tests -->
-  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
-  <!-- needed for image onError tests -->
-  <uses-permission android:name="android.permission.INTERNET" />
-
-  <application
-    android:hardwareAccelerated="false">
-    <activity
-      android:name="com.facebook.react.testing.ReactAppTestActivity"
-      android:theme="@style/Theme.ReactNative.AppCompat.Light.NoActionBar.FullScreen"
-      android:exported="false"
-    />
-  </application>
-</manifest>
diff --git a/packages/react-native/ReactAndroid/src/androidTest/buck-runner/AndroidManifest.xml b/packages/react-native/ReactAndroid/src/androidTest/buck-runner/AndroidManifest.xml
deleted file mode 100644
index 5e31d4403b2d20..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/buck-runner/AndroidManifest.xml
+++ /dev/null
@@ -1,28 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<manifest xmlns:android="http://schemas.android.com/apk/res/android"
-          package="com.facebook.react.tests">
-
-  <supports-screens android:anyDensity="true" />
-  <uses-permission android:name="android.permission.SYSTEM_ALERT_WINDOW" />
-  <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE" />
-  <!-- needed for screenshot tests -->
-  <uses-permission android:name="android.permission.WRITE_EXTERNAL_STORAGE" />
-  <!-- needed for image onError tests -->
-  <uses-permission android:name="android.permission.INTERNET" />
-
-  <application
-    android:hardwareAccelerated="false">
-    <uses-library android:name="android.test.runner" />
-    <activity
-      android:name="com.facebook.react.testing.ReactAppTestActivity"
-      android:theme="@style/Theme.ReactNative.AppCompat.Light.NoActionBar.FullScreen"
-      android:exported="false">
-    </activity>
-  </application>
-
-  <instrumentation
-    android:name="androidx.test.runner.AndroidJUnitRunner"
-    android:targetPackage="com.facebook.react.tests"
-    android:label="Buck runs instrumentation tests"/>
-
-</manifest>
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/bridge/ArgumentsTest.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/bridge/ArgumentsTest.java
deleted file mode 100644
index a9df0445f67dd7..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/bridge/ArgumentsTest.java
+++ /dev/null
@@ -1,93 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.bridge;
-
-import static com.facebook.react.bridge.Arguments.fromBundle;
-import static org.junit.Assert.assertEquals;
-import static org.junit.Assert.assertNotNull;
-
-import android.content.Context;
-import android.content.Intent;
-import android.os.Bundle;
-import android.os.Parcel;
-import android.os.Parcelable;
-import androidx.annotation.NonNull;
-import androidx.test.platform.app.InstrumentationRegistry;
-import androidx.test.runner.AndroidJUnit4;
-import com.facebook.soloader.SoLoader;
-import org.junit.Before;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-
-@RunWith(AndroidJUnit4.class)
-public class ArgumentsTest {
-
-  @Before
-  public void setUp() {
-    Context context = InstrumentationRegistry.getInstrumentation().getTargetContext();
-    SoLoader.init(context, false);
-  }
-
-  @Test
-  public void testFromBundle() {
-    verifyBundle(createBundle());
-  }
-
-  /**
-   * When passing a bundle via {@link Intent} extras, it gets parceled and unparceled. Any array of
-   * bundles will return as an array of {@link Parcelable} instead. This test verifies that {@link
-   * Arguments#fromArray} handles this situation correctly.
-   */
-  @Test
-  public void testFromMarshaledBundle() {
-    verifyBundle(marshalAndUnmarshalBundle(createBundle()));
-  }
-
-  private void verifyBundle(@NonNull Bundle bundle) {
-    WritableMap map = fromBundle(bundle);
-    assertNotNull(map);
-
-    assertEquals(ReadableType.Array, map.getType("children"));
-    ReadableArray children = map.getArray("children");
-    assertNotNull(children);
-    assertEquals(1, children.size());
-
-    assertEquals(ReadableType.Map, children.getType(0));
-    ReadableMap child = children.getMap(0);
-    assertNotNull(child);
-    assertEquals("exampleChild", child.getString("exampleChildKey"));
-  }
-
-  @NonNull
-  private Bundle marshalAndUnmarshalBundle(@NonNull Bundle bundle) {
-    Parcel parcel = null;
-    try {
-      parcel = Parcel.obtain();
-      bundle.writeToParcel(parcel, 0);
-
-      byte[] bytes = parcel.marshall();
-      parcel.unmarshall(bytes, 0, bytes.length);
-      parcel.setDataPosition(0);
-      return Bundle.CREATOR.createFromParcel(parcel);
-    } finally {
-      if (parcel != null) {
-        parcel.recycle();
-      }
-    }
-  }
-
-  @NonNull
-  private Bundle createBundle() {
-    Bundle bundle = new Bundle();
-    Bundle[] children = new Bundle[1];
-    children[0] = new Bundle();
-    children[0].putString("exampleChildKey", "exampleChild");
-    bundle.putSerializable("children", children);
-    return bundle;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AbstractScrollViewTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AbstractScrollViewTestCase.java
deleted file mode 100644
index 618106f6f990a2..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AbstractScrollViewTestCase.java
+++ /dev/null
@@ -1,108 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.ReactMethod;
-import java.util.ArrayList;
-import java.util.concurrent.Semaphore;
-import java.util.concurrent.TimeUnit;
-
-/**
- * Shared by {@link ReactScrollViewTestCase} and {@link ReactHorizontalScrollViewTestCase}. See also
- * ScrollViewTestModule.js
- */
-public abstract class AbstractScrollViewTestCase extends ReactAppInstrumentationTestCase {
-
-  protected ScrollListenerModule mScrollListenerModule;
-
-  protected static interface ScrollViewTestModule extends JavaScriptModule {
-    public void scrollTo(float destX, float destY);
-  }
-
-  @Override
-  protected void tearDown() throws Exception {
-    waitForBridgeAndUIIdle(60000);
-    super.tearDown();
-  }
-
-  @Override
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    mScrollListenerModule = new ScrollListenerModule();
-    return super.createReactInstanceSpecForTest().addNativeModule(mScrollListenerModule);
-  }
-
-  // See ScrollViewListenerModule.js
-  protected static class ScrollListenerModule extends BaseJavaModule {
-
-    private final ArrayList<Double> mXOffsets = new ArrayList<Double>();
-    private final ArrayList<Double> mYOffsets = new ArrayList<Double>();
-    private final ArrayList<Integer> mItemsPressed = new ArrayList<Integer>();
-    private final Semaphore mScrollSignaler = new Semaphore(0);
-    private boolean mScrollBeginDragCalled;
-    private boolean mScrollEndDragCalled;
-
-    // Matches ScrollViewListenerModule.js
-    @Override
-    public String getName() {
-      return "ScrollListener";
-    }
-
-    @ReactMethod
-    public void onScroll(double x, double y) {
-      mXOffsets.add(x);
-      mYOffsets.add(y);
-      mScrollSignaler.release();
-    }
-
-    @ReactMethod
-    public void onItemPress(int itemNumber) {
-      mItemsPressed.add(itemNumber);
-    }
-
-    @ReactMethod
-    public void onScrollBeginDrag(double x, double y) {
-      mScrollBeginDragCalled = true;
-    }
-
-    @ReactMethod
-    public void onScrollEndDrag(double x, double y) {
-      mScrollEndDragCalled = true;
-    }
-
-    public void waitForScrollIdle() {
-      while (true) {
-        try {
-          boolean gotScrollSignal = mScrollSignaler.tryAcquire(1000, TimeUnit.MILLISECONDS);
-          if (!gotScrollSignal) {
-            return;
-          }
-        } catch (InterruptedException e) {
-          throw new RuntimeException(e);
-        }
-      }
-    }
-
-    public ArrayList<Double> getXOffsets() {
-      return mXOffsets;
-    }
-
-    public ArrayList<Double> getYOffsets() {
-      return mYOffsets;
-    }
-
-    public ArrayList<Integer> getItemsPressed() {
-      return mItemsPressed;
-    }
-
-    public boolean dragEventsMatch() {
-      return mScrollBeginDragCalled && mScrollEndDragCalled;
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AssertModule.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AssertModule.java
deleted file mode 100644
index 90e8a630f4d848..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/AssertModule.java
+++ /dev/null
@@ -1,53 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import static junit.framework.Assert.assertFalse;
-import static junit.framework.Assert.assertTrue;
-
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-
-/** NativeModule for tests that allows assertions from JS to propagate to Java. */
-public class AssertModule extends BaseJavaModule {
-
-  private boolean mGotSuccess;
-  private boolean mGotFailure;
-  private @Nullable String mFirstFailureStackTrace;
-
-  @Override
-  public String getName() {
-    return "Assert";
-  }
-
-  @ReactMethod
-  public void fail(String stackTrace) {
-    if (!mGotFailure) {
-      mGotFailure = true;
-      mFirstFailureStackTrace = stackTrace;
-    }
-  }
-
-  @ReactMethod
-  public void success() {
-    mGotSuccess = true;
-  }
-
-  /**
-   * Allows the user of this module to verify that asserts are actually being called from JS and
-   * that none of them failed.
-   */
-  public void verifyAssertsAndReset() {
-    assertFalse("First failure: " + mFirstFailureStackTrace, mGotFailure);
-    assertTrue("Received no assertions during the test!", mGotSuccess);
-    mGotFailure = false;
-    mGotSuccess = false;
-    mFirstFailureStackTrace = null;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FabricUIManagerFactory.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FabricUIManagerFactory.java
deleted file mode 100644
index c2b250428c048f..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FabricUIManagerFactory.java
+++ /dev/null
@@ -1,19 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.UIManager;
-import com.facebook.react.uimanager.ViewManagerRegistry;
-
-/** Factory used to create FabricUIManager in Testing infrastructure. */
-public interface FabricUIManagerFactory {
-
-  UIManager getFabricUIManager(
-      ReactApplicationContext reactApplicationContext, ViewManagerRegistry viewManagerRegistry);
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FakeWebSocketModule.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FakeWebSocketModule.java
deleted file mode 100644
index f2d544dc70589a..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/FakeWebSocketModule.java
+++ /dev/null
@@ -1,44 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-
-/** Dummy implementation of storage module, used for testing */
-public final class FakeWebSocketModule extends BaseJavaModule {
-
-  @Override
-  public String getName() {
-    return "WebSocketModule";
-  }
-
-  @Override
-  public boolean canOverrideExistingModule() {
-    return true;
-  }
-
-  @ReactMethod
-  public void connect(
-      final String url,
-      @Nullable final ReadableArray protocols,
-      @Nullable final ReadableMap headers,
-      final int id) {}
-
-  @ReactMethod
-  public void close(int code, String reason, int id) {}
-
-  @ReactMethod
-  public void send(String message, int id) {}
-
-  @ReactMethod
-  public void sendBinary(String base64String, int id) {}
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/InstanceSpecForTestPackage.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/InstanceSpecForTestPackage.java
deleted file mode 100644
index d70069190b9568..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/InstanceSpecForTestPackage.java
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import com.facebook.react.ReactPackage;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.uimanager.ViewManager;
-import java.util.List;
-
-/**
- * This class wraps {@class ReactInstanceSpecForTest} in {@class ReactPackage} interface.
- * TODO(6788898): Refactor test code to use ReactPackage instead of SpecForTest
- */
-public class InstanceSpecForTestPackage implements ReactPackage {
-
-  private final ReactInstanceSpecForTest mSpecForTest;
-
-  public InstanceSpecForTestPackage(ReactInstanceSpecForTest specForTest) {
-    mSpecForTest = specForTest;
-  }
-
-  @Override
-  public List<NativeModule> createNativeModules(
-      ReactApplicationContext catalystApplicationContext) {
-    return mSpecForTest.getExtraNativeModulesForTest();
-  }
-
-  @Override
-  public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
-    return mSpecForTest.getExtraViewManagers();
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/IntRecordingModule.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/IntRecordingModule.java
deleted file mode 100644
index 3824383d8def2e..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/IntRecordingModule.java
+++ /dev/null
@@ -1,54 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-import java.util.ArrayList;
-import java.util.List;
-import java.util.concurrent.CountDownLatch;
-import java.util.concurrent.TimeUnit;
-
-/**
- * Native module provides single method {@link #record} which records its single int argument in
- * calls array
- */
-public class IntRecordingModule extends BaseJavaModule {
-
-  private final List<Integer> mCalls = new ArrayList<>();
-  private final CountDownLatch mCountDownLatch = new CountDownLatch(1);
-
-  @Override
-  public String getName() {
-    return "Recording";
-  }
-
-  @ReactMethod
-  public void record(int i) {
-    mCalls.add(i);
-    mCountDownLatch.countDown();
-  }
-
-  public void reset() {
-    mCalls.clear();
-  }
-
-  public List<Integer> getCalls() {
-    return mCalls;
-  }
-
-  public void waitForFirstCall() {
-    try {
-      if (!mCountDownLatch.await(15000, TimeUnit.MILLISECONDS)) {
-        throw new RuntimeException("Timed out waiting for first call");
-      }
-    } catch (InterruptedException e) {
-      throw new RuntimeException(e);
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/JSIntegrationTestChecker.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/JSIntegrationTestChecker.java
deleted file mode 100644
index 7f938986cf722c..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/JSIntegrationTestChecker.java
+++ /dev/null
@@ -1,55 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.Callback;
-import com.facebook.react.bridge.ReactMethod;
-import java.util.concurrent.CountDownLatch;
-import java.util.concurrent.TimeUnit;
-
-/**
- * This class is used to verify that some JS integration tests have completed successfully. The JS
- * integration tests can be started from a ReactIntegrationTestCase and upon finishing successfully
- * the {@link JSIntegrationTestChecker#testDone()} method will be called. To verify if the test has
- * completed successfully, call {#link JSIntegrationTestChecker#await()} to wait for the test to
- * run, and {#link JSIntegrationTestChecker#isTestDone()} to check if it completed successfully.
- */
-public class JSIntegrationTestChecker extends BaseJavaModule {
-
-  private final CountDownLatch mLatch;
-
-  public JSIntegrationTestChecker() {
-    mLatch = new CountDownLatch(1);
-  }
-
-  @Override
-  public String getName() {
-    return "TestModule";
-  }
-
-  @ReactMethod
-  public void markTestCompleted() {
-    mLatch.countDown();
-  }
-
-  @ReactMethod
-  public void verifySnapshot(Callback callback) {}
-
-  public boolean await(long ms) {
-    try {
-      return mLatch.await(ms, TimeUnit.MILLISECONDS);
-    } catch (InterruptedException ignore) {
-      return false;
-    }
-  }
-
-  public boolean isTestDone() {
-    return mLatch.getCount() == 0;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/MultipleFailureException.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/MultipleFailureException.java
deleted file mode 100644
index 4147077d8d6f32..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/MultipleFailureException.java
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import java.io.PrintWriter;
-import java.io.StringWriter;
-import java.util.List;
-
-/**
- * Custom implementation of {@link org.junit.runners.model.MultipleFailureException} that includes
- * stack information of collected exception as a part of the message.
- */
-public class MultipleFailureException extends org.junit.runners.model.MultipleFailureException {
-
-  public MultipleFailureException(List<Throwable> errors) {
-    super(errors);
-  }
-
-  @Override
-  public String getMessage() {
-    StringBuilder sb = new StringBuilder();
-    List<Throwable> errors = getFailures();
-
-    sb.append(String.format("There were %d errors:", errors.size()));
-
-    int i = 0;
-    for (Throwable e : errors) {
-      sb.append(String.format("%n---- Error #%d", i));
-      sb.append("\n" + getStackTraceAsString(e));
-      i++;
-    }
-    sb.append("\n");
-    return sb.toString();
-  }
-
-  private static String getStackTraceAsString(Throwable throwable) {
-    StringWriter stringWriter = new StringWriter();
-    throwable.printStackTrace(new PrintWriter(stringWriter));
-    return stringWriter.toString();
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppInstrumentationTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppInstrumentationTestCase.java
deleted file mode 100644
index fa6ee446671d3d..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppInstrumentationTestCase.java
+++ /dev/null
@@ -1,152 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import android.content.Intent;
-import android.graphics.Bitmap;
-import android.test.ActivityInstrumentationTestCase2;
-import android.view.View;
-import android.view.ViewGroup;
-import androidx.annotation.Nullable;
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.testing.idledetection.IdleWaiter;
-import java.util.concurrent.CountDownLatch;
-import java.util.concurrent.TimeUnit;
-
-/** Base class for instrumentation tests that runs React based react application in UI mode */
-public abstract class ReactAppInstrumentationTestCase
-    extends ActivityInstrumentationTestCase2<ReactAppTestActivity> implements IdleWaiter {
-
-  public ReactAppInstrumentationTestCase() {
-    super(ReactAppTestActivity.class);
-  }
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-
-    Intent intent = new Intent();
-    intent.putExtra(ReactAppTestActivity.EXTRA_IS_FABRIC_TEST, isFabricTest());
-    setActivityIntent(intent);
-    final ReactAppTestActivity activity = getActivity();
-    activity.loadApp(
-        getReactApplicationKeyUnderTest(), createReactInstanceSpecForTest(), getEnableDevSupport());
-    waitForBridgeAndUIIdle(5000);
-  }
-
-  @Override
-  protected void tearDown() throws Exception {
-    ReactAppTestActivity activity = getActivity();
-    super.tearDown();
-    activity.waitForDestroy(5000);
-  }
-
-  public ViewGroup getRootView() {
-    return (ViewGroup) getActivity().getRootView();
-  }
-
-  /**
-   * This method isn't safe since it doesn't factor in layout-only view removal. Use {@link
-   * #getViewByTestId(String)} instead.
-   */
-  @Deprecated
-  public <T extends View> T getViewAtPath(int... path) {
-    return ReactTestHelper.getViewAtPath((ViewGroup) getRootView().getParent(), path);
-  }
-
-  public <T extends View> T getViewByTestId(String testID) {
-    return (T)
-        ReactTestHelper.getViewWithReactTestId((ViewGroup) getRootView().getParent(), testID);
-  }
-
-  public SingleTouchGestureGenerator createGestureGenerator() {
-    return new SingleTouchGestureGenerator(getRootView(), this);
-  }
-
-  public void waitForBridgeAndUIIdle() {
-    getActivity().waitForBridgeAndUIIdle();
-  }
-
-  public void waitForBridgeAndUIIdle(long timeoutMs) {
-    getActivity().waitForBridgeAndUIIdle(timeoutMs);
-  }
-
-  protected Bitmap getScreenshot() {
-    // Wait for the UI to settle. If the UI is doing animations, this may be unsafe!
-    getInstrumentation().waitForIdleSync();
-
-    final CountDownLatch latch = new CountDownLatch(1);
-    final BitmapHolder bitmapHolder = new BitmapHolder();
-    final Runnable getScreenshotRunnable =
-        new Runnable() {
-
-          private static final int MAX_TRIES = 1000;
-          // This is the constant used in the support library for APIs that don't have Choreographer
-          private static final int FRAME_DELAY_MS = 10;
-
-          private int mNumRuns = 0;
-
-          @Override
-          public void run() {
-            mNumRuns++;
-            ReactAppTestActivity activity = getActivity();
-            if (!activity.isScreenshotReady()) {
-              if (mNumRuns > MAX_TRIES) {
-                throw new RuntimeException(
-                    "Waited " + MAX_TRIES + " frames to get screenshot but it's still not ready!");
-              }
-              activity.postDelayed(this, FRAME_DELAY_MS);
-              return;
-            }
-
-            bitmapHolder.bitmap = getActivity().getCurrentScreenshot();
-            latch.countDown();
-          }
-        };
-
-    getActivity().runOnUiThread(getScreenshotRunnable);
-    try {
-      if (!latch.await(5000, TimeUnit.MILLISECONDS)) {
-        throw new RuntimeException("Timed out waiting for screenshot runnable to run!");
-      }
-    } catch (InterruptedException e) {
-      throw new RuntimeException(e);
-    }
-    return Assertions.assertNotNull(bitmapHolder.bitmap);
-  }
-
-  /**
-   * Implement this method to provide application key to be launched. List of available application
-   * is located in TestBundle.js file
-   */
-  protected abstract String getReactApplicationKeyUnderTest();
-
-  protected boolean getEnableDevSupport() {
-    return false;
-  }
-
-  protected boolean isFabricTest() {
-    return false;
-  }
-
-  /** Override this method to provide extra native modules to be loaded before the app starts */
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return new ReactInstanceSpecForTest();
-  }
-
-  protected ReactContext getReactContext() {
-    return getActivity().getReactContext();
-  }
-
-  /** Helper class to pass the bitmap between execution scopes in {@link #getScreenshot()}. */
-  private static class BitmapHolder {
-
-    public @Nullable volatile Bitmap bitmap;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java
deleted file mode 100644
index 355640952b9d1a..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactAppTestActivity.java
+++ /dev/null
@@ -1,383 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import static com.facebook.react.bridge.UiThreadUtil.runOnUiThread;
-
-import android.content.Intent;
-import android.graphics.Bitmap;
-import android.os.Bundle;
-import android.view.View;
-import android.view.ViewTreeObserver;
-import android.widget.FrameLayout;
-import androidx.annotation.Nullable;
-import androidx.fragment.app.FragmentActivity;
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.ReactInstanceManager;
-import com.facebook.react.ReactInstanceManagerBuilder;
-import com.facebook.react.ReactRootView;
-import com.facebook.react.bridge.JSIModulePackage;
-import com.facebook.react.bridge.JSIModuleProvider;
-import com.facebook.react.bridge.JSIModuleSpec;
-import com.facebook.react.bridge.JSIModuleType;
-import com.facebook.react.bridge.JavaScriptContextHolder;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.UIManager;
-import com.facebook.react.common.LifecycleState;
-import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
-import com.facebook.react.modules.core.PermissionAwareActivity;
-import com.facebook.react.modules.core.PermissionListener;
-import com.facebook.react.shell.MainReactPackage;
-import com.facebook.react.testing.idledetection.ReactBridgeIdleSignaler;
-import com.facebook.react.testing.idledetection.ReactIdleDetectionUtil;
-import com.facebook.react.uimanager.ViewManagerRegistry;
-import java.util.ArrayList;
-import java.util.List;
-import java.util.concurrent.CountDownLatch;
-import java.util.concurrent.TimeUnit;
-
-public class ReactAppTestActivity extends FragmentActivity
-    implements DefaultHardwareBackBtnHandler, PermissionAwareActivity {
-
-  public static final String EXTRA_IS_FABRIC_TEST = "is_fabric_test";
-
-  private static final String DEFAULT_BUNDLE_NAME = "AndroidTestBundle.js";
-  private static final int ROOT_VIEW_ID = 8675309;
-  // we need a bigger timeout for CI builds because they run on a slow emulator
-  private static final long IDLE_TIMEOUT_MS = 240000;
-  private final CountDownLatch mDestroyCountDownLatch = new CountDownLatch(1);
-  private CountDownLatch mLayoutEvent = new CountDownLatch(1);
-  private @Nullable ReactBridgeIdleSignaler mBridgeIdleSignaler;
-  private ScreenshotingFrameLayout mScreenshotingFrameLayout;
-  private @Nullable ReactInstanceManager mReactInstanceManager;
-  private @Nullable ReactRootView mReactRootView;
-  private LifecycleState mLifecycleState = LifecycleState.BEFORE_RESUME;
-
-  @Override
-  protected void onCreate(Bundle savedInstanceState) {
-    super.onCreate(savedInstanceState);
-
-    overridePendingTransition(0, 0);
-
-    // We wrap screenshot layout in another FrameLayout in order to handle custom dimensions of the
-    // screenshot view set through {@link #setScreenshotDimensions}
-    FrameLayout rootView = new FrameLayout(this);
-    setContentView(rootView);
-
-    mScreenshotingFrameLayout = new ScreenshotingFrameLayout(this);
-    mScreenshotingFrameLayout.setId(ROOT_VIEW_ID);
-    rootView.addView(mScreenshotingFrameLayout);
-
-    mReactRootView = new ReactRootView(this);
-
-    // This is useful for standalone instrumentation tests, but not SSTs
-    Intent intent = getIntent();
-    if (intent != null && intent.getBooleanExtra(EXTRA_IS_FABRIC_TEST, false)) {
-      mReactRootView.setIsFabric(true);
-    }
-
-    mScreenshotingFrameLayout.addView(mReactRootView);
-  }
-
-  @Override
-  protected void onPause() {
-    super.onPause();
-
-    mLifecycleState = LifecycleState.BEFORE_RESUME;
-
-    overridePendingTransition(0, 0);
-
-    if (mReactInstanceManager != null) {
-      mReactInstanceManager.onHostPause();
-    }
-  }
-
-  @Override
-  protected void onResume() {
-    super.onResume();
-
-    mLifecycleState = LifecycleState.RESUMED;
-
-    if (mReactInstanceManager != null) {
-      mReactInstanceManager.onHostResume(this, this);
-    }
-  }
-
-  @Override
-  protected void onDestroy() {
-    super.onDestroy();
-    mDestroyCountDownLatch.countDown();
-
-    if (mReactInstanceManager != null) {
-      mReactInstanceManager.destroy();
-      mReactInstanceManager = null;
-    }
-    if (mReactRootView != null) {
-      mReactRootView.unmountReactApplication();
-      mReactRootView = null;
-    }
-
-    mScreenshotingFrameLayout.clean();
-  }
-
-  public void waitForDestroy(long timeoutMs) throws InterruptedException {
-    mDestroyCountDownLatch.await(timeoutMs, TimeUnit.MILLISECONDS);
-  }
-
-  public void loadApp(String appKey, ReactInstanceSpecForTest spec, boolean enableDevSupport) {
-    loadApp(appKey, spec, null, DEFAULT_BUNDLE_NAME, enableDevSupport);
-  }
-
-  public void loadApp(String appKey, ReactInstanceSpecForTest spec, String bundleName) {
-    loadApp(appKey, spec, null, bundleName, false /* = useDevSupport */);
-  }
-
-  public void resetRootViewForScreenshotTests() {
-    if (mReactInstanceManager != null) {
-      mReactInstanceManager.destroy();
-      mReactInstanceManager = null;
-    }
-    if (mReactRootView != null) {
-      mReactRootView.unmountReactApplication();
-    }
-    mReactRootView = new ReactRootView(this);
-    mScreenshotingFrameLayout.removeAllViews();
-    mScreenshotingFrameLayout.clean();
-    mScreenshotingFrameLayout.addView(mReactRootView);
-  }
-
-  public void loadApp(
-      String appKey,
-      ReactInstanceSpecForTest spec,
-      @Nullable Bundle initialProps,
-      String bundleName,
-      boolean useDevSupport) {
-    loadBundle(spec, bundleName, useDevSupport);
-    renderComponent(appKey, initialProps);
-  }
-
-  public void renderComponent(String appKey) {
-    renderComponent(appKey, null);
-  }
-
-  public void renderComponent(final String appKey, final @Nullable Bundle initialProps) {
-    // This is used by SSTs
-    boolean fabricEnabled =
-        (initialProps != null ? initialProps.getBoolean(EXTRA_IS_FABRIC_TEST, false) : false);
-    mReactRootView.setIsFabric(fabricEnabled);
-
-    final CountDownLatch currentLayoutEvent = mLayoutEvent = new CountDownLatch(1);
-    runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            Assertions.assertNotNull(mReactRootView)
-                .getViewTreeObserver()
-                .addOnGlobalLayoutListener(
-                    new ViewTreeObserver.OnGlobalLayoutListener() {
-                      @Override
-                      public void onGlobalLayout() {
-                        currentLayoutEvent.countDown();
-                        Assertions.assertNotNull(mReactRootView)
-                            .getViewTreeObserver()
-                            .removeGlobalOnLayoutListener(this);
-                      }
-                    });
-            Assertions.assertNotNull(mReactRootView)
-                .startReactApplication(mReactInstanceManager, appKey, initialProps);
-          }
-        });
-    try {
-      waitForBridgeAndUIIdle();
-      waitForLayout(5000);
-    } catch (InterruptedException e) {
-      throw new RuntimeException("Layout never occurred for component " + appKey, e);
-    }
-  }
-
-  public void loadBundle(
-      final ReactInstanceSpecForTest spec, String bundleName, boolean useDevSupport) {
-
-    mBridgeIdleSignaler = new ReactBridgeIdleSignaler();
-
-    final ReactInstanceManagerBuilder builder =
-        ReactTestHelper.getReactTestFactory()
-            .getReactInstanceManagerBuilder()
-            .setApplication(getApplication())
-            .setBundleAssetName(bundleName);
-    if (spec.getJavaScriptExecutorFactory() != null) {
-      builder.setJavaScriptExecutorFactory(spec.getJavaScriptExecutorFactory());
-    }
-    if (spec.getReactPackageTurboModuleManagerDelegateBuilder() != null) {
-      builder.setReactPackageTurboModuleManagerDelegateBuilder(
-          spec.getReactPackageTurboModuleManagerDelegateBuilder());
-    }
-    if (spec.getJSExceptionHandler() != null) {
-      builder.setJSExceptionHandler(spec.getJSExceptionHandler());
-    }
-
-    if (!spec.getAlternativeReactPackagesForTest().isEmpty()) {
-      builder.addPackages(spec.getAlternativeReactPackagesForTest());
-    } else {
-      builder.addPackage(new MainReactPackage());
-    }
-    /**
-     * The {@link ReactContext#mCurrentActivity} never to be set if initial lifecycle state is
-     * resumed. So we should call {@link ReactInstanceManagerBuilder#setCurrentActivity}.
-     *
-     * <p>Finally,{@link ReactInstanceManagerBuilder#build()} will create instance of {@link
-     * ReactInstanceManager}. And also will set {@link ReactContext#mCurrentActivity}.
-     */
-    builder.setCurrentActivity(this);
-    builder
-        .addPackage(new InstanceSpecForTestPackage(spec))
-        // By not setting a JS module name, we force the bundle to be always loaded from
-        // assets, not the devserver, even if dev mode is enabled (such as when testing redboxes).
-        // This makes sense because we never run the devserver in tests.
-        // .setJSMainModuleName()
-        .setUseDeveloperSupport(useDevSupport)
-        .setBridgeIdleDebugListener(mBridgeIdleSignaler)
-        .setInitialLifecycleState(mLifecycleState)
-        .setJSIModulesPackage(
-            new JSIModulePackage() {
-              @Override
-              public List<JSIModuleSpec> getJSIModules(
-                  final ReactApplicationContext reactApplicationContext,
-                  final JavaScriptContextHolder jsContext) {
-                List<JSIModuleSpec> packages = new ArrayList<>();
-                packages.add(
-                    new JSIModuleSpec() {
-                      @Override
-                      public JSIModuleType getJSIModuleType() {
-                        return JSIModuleType.UIManager;
-                      }
-
-                      @Override
-                      public JSIModuleProvider getJSIModuleProvider() {
-                        return new JSIModuleProvider() {
-                          @Override
-                          public UIManager get() {
-                            ViewManagerRegistry viewManagerRegistry =
-                                new ViewManagerRegistry(
-                                    mReactInstanceManager.getOrCreateViewManagers(
-                                        reactApplicationContext));
-
-                            FabricUIManagerFactory factory = spec.getFabricUIManagerFactory();
-                            return factory != null
-                                ? factory.getFabricUIManager(
-                                    reactApplicationContext, viewManagerRegistry)
-                                : null;
-                          }
-                        };
-                      }
-                    });
-                if (spec.getJSIModuleBuilder() != null) {
-                  packages.addAll(spec.getJSIModuleBuilder().build(reactApplicationContext));
-                }
-                return packages;
-              }
-            });
-
-    final CountDownLatch latch = new CountDownLatch(1);
-    runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            mReactInstanceManager = builder.build();
-            mReactInstanceManager.onHostResume(
-                ReactAppTestActivity.this, ReactAppTestActivity.this);
-            latch.countDown();
-          }
-        });
-    try {
-      latch.await(1000, TimeUnit.MILLISECONDS);
-    } catch (InterruptedException e) {
-
-      throw new RuntimeException(
-          "ReactInstanceManager never finished initializing " + bundleName, e);
-    }
-  }
-
-  private ReactInstanceManager getReactInstanceManager() {
-    return mReactInstanceManager;
-  }
-
-  public boolean waitForLayout(long millis) throws InterruptedException {
-    return mLayoutEvent.await(millis, TimeUnit.MILLISECONDS);
-  }
-
-  public void waitForBridgeAndUIIdle() {
-    waitForBridgeAndUIIdle(IDLE_TIMEOUT_MS);
-  }
-
-  public void waitForBridgeAndUIIdle(long timeoutMs) {
-    ReactIdleDetectionUtil.waitForBridgeAndUIIdle(
-        Assertions.assertNotNull(mBridgeIdleSignaler), getReactContext(), timeoutMs);
-  }
-
-  public View getRootView() {
-    return Assertions.assertNotNull(mReactRootView);
-  }
-
-  public ReactContext getReactContext() {
-    return waitForReactContext();
-  }
-
-  // Because react context is created asynchronously, we may have to wait until it is available.
-  // It's simpler than exposing synchronosition mechanism to notify listener than react context
-  // creation has completed.
-  private ReactContext waitForReactContext() {
-    Assertions.assertNotNull(mReactInstanceManager);
-
-    try {
-      while (true) {
-        ReactContext reactContext = mReactInstanceManager.getCurrentReactContext();
-        if (reactContext != null) {
-          return reactContext;
-        }
-        Thread.sleep(100);
-      }
-    } catch (InterruptedException e) {
-      throw new RuntimeException(e);
-    }
-  }
-
-  public void postDelayed(Runnable r, int delayMS) {
-    getRootView().postDelayed(r, delayMS);
-  }
-
-  /**
-   * Does not ensure that this is run on the UI thread or that the UI Looper is idle like {@link
-   * ReactAppInstrumentationTestCase#getScreenshot()}. You probably want to use that instead.
-   */
-  public Bitmap getCurrentScreenshot() {
-    return mScreenshotingFrameLayout.getLastDrawnBitmap();
-  }
-
-  public boolean isScreenshotReady() {
-    return mScreenshotingFrameLayout.isScreenshotReady();
-  }
-
-  public void setScreenshotDimensions(int width, int height) {
-    mScreenshotingFrameLayout.setLayoutParams(new FrameLayout.LayoutParams(width, height));
-  }
-
-  @Override
-  public void invokeDefaultOnBackPressed() {
-    super.onBackPressed();
-  }
-
-  @Override
-  public void onRequestPermissionsResult(
-      int requestCode, String[] permissions, int[] grantResults) {}
-
-  @Override
-  public void requestPermissions(
-      String[] permissions, int requestCode, PermissionListener listener) {}
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstanceSpecForTest.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstanceSpecForTest.java
deleted file mode 100644
index 7c0fddbe46606d..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstanceSpecForTest.java
+++ /dev/null
@@ -1,145 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import android.annotation.SuppressLint;
-import androidx.annotation.Nullable;
-import com.facebook.react.ReactPackage;
-import com.facebook.react.ReactPackageTurboModuleManagerDelegate;
-import com.facebook.react.bridge.JSExceptionHandler;
-import com.facebook.react.bridge.JSIModuleSpec;
-import com.facebook.react.bridge.JavaScriptExecutorFactory;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.uimanager.ViewManager;
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.List;
-
-/**
- * A spec that allows a test to add additional NativeModules/JS modules to the ReactInstance. This
- * can also be used to stub out existing native modules by adding another module with the same name
- * as a built-in module.
- */
-@SuppressLint("JavatestsIncorrectFolder")
-public class ReactInstanceSpecForTest {
-
-  public abstract static class JSIModuleBuilder {
-    @Nullable
-    protected abstract List<JSIModuleSpec> build(ReactApplicationContext context);
-  }
-
-  private final List<NativeModule> mNativeModules =
-      new ArrayList<NativeModule>(Arrays.asList(new FakeWebSocketModule()));
-  private final List<Class<? extends JavaScriptModule>> mJSModuleSpecs = new ArrayList<>();
-  private final List<ViewManager> mViewManagers = new ArrayList<>();
-  private final ArrayList<ReactPackage> mReactPackages = new ArrayList<>();
-  @Nullable private JSExceptionHandler mJSExceptionHandler = null;
-  @Nullable private FabricUIManagerFactory mFabricUIManagerFactory = null;
-  @Nullable private JavaScriptExecutorFactory mJavaScriptExecutorFactory = null;
-  @Nullable private ReactPackageTurboModuleManagerDelegate.Builder mTMMDelegateBuilder = null;
-  @Nullable private JSIModuleBuilder mJSIModuleBuilder = null;
-
-  public ReactInstanceSpecForTest addNativeModule(NativeModule module) {
-    mNativeModules.add(module);
-    return this;
-  }
-
-  public ReactInstanceSpecForTest setJSExceptionHandler(JSExceptionHandler jSExceptionHandler) {
-    mJSExceptionHandler = jSExceptionHandler;
-    return this;
-  }
-
-  public JSExceptionHandler getJSExceptionHandler() {
-    return mJSExceptionHandler;
-  }
-
-  public ReactInstanceSpecForTest setJavaScriptExecutorFactory(
-      JavaScriptExecutorFactory javaScriptExecutorFactory) {
-    mJavaScriptExecutorFactory = javaScriptExecutorFactory;
-    return this;
-  }
-
-  public ReactInstanceSpecForTest setPackage(ReactPackage reactPackage) {
-    if (!mReactPackages.isEmpty()) {
-      throw new IllegalStateException(
-          "setPackage is not allowed after addPackages. " + reactPackage);
-    }
-    mReactPackages.add(reactPackage);
-    return this;
-  }
-
-  public ReactInstanceSpecForTest setFabricUIManagerFactory(
-      @Nullable FabricUIManagerFactory fabricUIManagerFactory) {
-    mFabricUIManagerFactory = fabricUIManagerFactory;
-    return this;
-  }
-
-  @Nullable
-  public FabricUIManagerFactory getFabricUIManagerFactory() {
-    return mFabricUIManagerFactory;
-  }
-
-  public ReactInstanceSpecForTest setReactPackageTurboModuleManagerDelegateBuilder(
-      @Nullable ReactPackageTurboModuleManagerDelegate.Builder builder) {
-    mTMMDelegateBuilder = builder;
-    return this;
-  }
-
-  @Nullable
-  protected ReactPackageTurboModuleManagerDelegate.Builder
-      getReactPackageTurboModuleManagerDelegateBuilder() {
-    return mTMMDelegateBuilder;
-  }
-
-  public ReactInstanceSpecForTest setJSIModuleBuilder(@Nullable JSIModuleBuilder builder) {
-    mJSIModuleBuilder = builder;
-    return this;
-  }
-
-  @Nullable
-  protected JSIModuleBuilder getJSIModuleBuilder() {
-    return mJSIModuleBuilder;
-  }
-
-  public ReactInstanceSpecForTest addPackages(List<ReactPackage> reactPackages) {
-    mReactPackages.addAll(reactPackages);
-    return this;
-  }
-
-  public ReactInstanceSpecForTest addViewManager(ViewManager viewManager) {
-    mViewManagers.add(viewManager);
-    return this;
-  }
-
-  public List<NativeModule> getExtraNativeModulesForTest() {
-    return mNativeModules;
-  }
-
-  public ReactPackage getAlternativeReactPackageForTest() {
-    if (mReactPackages.size() > 1) {
-      throw new IllegalStateException(
-          "Multiple packages were added - use getAlternativeReactPackagesForTest instead.");
-    }
-    return mReactPackages.get(0);
-  }
-
-  @Nullable
-  public JavaScriptExecutorFactory getJavaScriptExecutorFactory() {
-    return mJavaScriptExecutorFactory;
-  }
-
-  public List<ReactPackage> getAlternativeReactPackagesForTest() {
-    return mReactPackages;
-  }
-
-  public List<ViewManager> getExtraViewManagers() {
-    return mViewManagers;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstrumentationTest.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstrumentationTest.java
deleted file mode 100644
index a5ac40a93d9ec9..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactInstrumentationTest.java
+++ /dev/null
@@ -1,132 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import android.content.Intent;
-import android.test.ActivityInstrumentationTestCase2;
-import android.view.View;
-import android.view.ViewGroup;
-import androidx.annotation.Nullable;
-import com.facebook.react.ReactPackageTurboModuleManagerDelegate;
-import com.facebook.react.bridge.JavaScriptExecutorFactory;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.testing.idledetection.IdleWaiter;
-
-/**
- * Base class for instrumentation tests that runs React based application.
- *
- * <p>This is similar to ReactAppInstrumentationTestCase except ReactInstrumentationTest allows
- * optional rendering of components. A test case can render no components or render multiple
- * components.
- */
-public abstract class ReactInstrumentationTest
-    extends ActivityInstrumentationTestCase2<ReactAppTestActivity> implements IdleWaiter {
-
-  protected StringRecordingModule mRecordingModule;
-
-  @Nullable protected FabricUIManagerFactory mFabricUIManagerFactory = null;
-
-  @Nullable protected JavaScriptExecutorFactory mJavaScriptExecutorFactory = null;
-
-  public ReactInstrumentationTest() {
-    super(ReactAppTestActivity.class);
-  }
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-
-    Intent intent = new Intent();
-    intent.putExtra(ReactAppTestActivity.EXTRA_IS_FABRIC_TEST, isFabricTest());
-    setActivityIntent(intent);
-    mRecordingModule = new StringRecordingModule();
-    final ReactAppTestActivity activity = getActivity();
-    activity.loadBundle(createReactInstanceSpecForTest(), getBundleName(), getEnableDevSupport());
-  }
-
-  /** Renders this component within this test's activity */
-  public void renderComponent(final String componentName) {
-    getActivity().renderComponent(componentName, null);
-    waitForBridgeAndUIIdle();
-  }
-
-  @Override
-  protected void tearDown() throws Exception {
-    ReactAppTestActivity activity = getActivity();
-    super.tearDown();
-    activity.waitForDestroy(5000);
-  }
-
-  public ViewGroup getRootView() {
-    return (ViewGroup) getActivity().getRootView();
-  }
-
-  public <T extends View> T getViewByTestId(String testID) {
-    return (T)
-        ReactTestHelper.getViewWithReactTestId((ViewGroup) getRootView().getParent(), testID);
-  }
-
-  public SingleTouchGestureGenerator createGestureGenerator() {
-    return new SingleTouchGestureGenerator(getRootView(), this);
-  }
-
-  public void waitForBridgeAndUIIdle() {
-    getActivity().waitForBridgeAndUIIdle();
-  }
-
-  public void waitForBridgeAndUIIdle(long timeoutMs) {
-    getActivity().waitForBridgeAndUIIdle(timeoutMs);
-  }
-
-  protected boolean getEnableDevSupport() {
-    return false;
-  }
-
-  protected boolean isFabricTest() {
-    return false;
-  }
-
-  protected <T extends JavaScriptModule> T getJSModule(Class<T> jsInterface) {
-    return getReactContext().getJSModule(jsInterface);
-  }
-
-  @Nullable
-  protected ReactPackageTurboModuleManagerDelegate.Builder
-      getReactPackageTurboModuleManagerDelegateBuilder() {
-    return null;
-  }
-
-  @Nullable
-  protected ReactInstanceSpecForTest.JSIModuleBuilder getJSIModuleBuilder() {
-    return null;
-  }
-
-  /** Override this method to provide extra native modules to be loaded before the app starts */
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    ReactInstanceSpecForTest reactInstanceSpecForTest =
-        new ReactInstanceSpecForTest().addNativeModule(mRecordingModule);
-    if (mJavaScriptExecutorFactory != null) {
-      reactInstanceSpecForTest.setJavaScriptExecutorFactory(mJavaScriptExecutorFactory);
-    }
-    if (mFabricUIManagerFactory != null) {
-      reactInstanceSpecForTest.setFabricUIManagerFactory(mFabricUIManagerFactory);
-    }
-    reactInstanceSpecForTest.setReactPackageTurboModuleManagerDelegateBuilder(
-        getReactPackageTurboModuleManagerDelegateBuilder());
-    reactInstanceSpecForTest.setJSIModuleBuilder(getJSIModuleBuilder());
-    return reactInstanceSpecForTest;
-  }
-
-  /** Implement this method to provide the bundle for this test */
-  protected abstract String getBundleName();
-
-  protected ReactContext getReactContext() {
-    return getActivity().getReactContext();
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactIntegrationTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactIntegrationTestCase.java
deleted file mode 100644
index d13ef19aa56f57..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactIntegrationTestCase.java
+++ /dev/null
@@ -1,199 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import android.test.AndroidTestCase;
-import android.view.View;
-import android.view.ViewGroup;
-import androidx.annotation.Nullable;
-import androidx.test.InstrumentationRegistry;
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.LifecycleEventListener;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.SoftAssertions;
-import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.common.futures.SimpleSettableFuture;
-import com.facebook.react.devsupport.interfaces.DevSupportManager;
-import com.facebook.react.modules.core.ReactChoreographer;
-import com.facebook.react.modules.core.TimingModule;
-import com.facebook.react.testing.idledetection.ReactBridgeIdleSignaler;
-import com.facebook.react.testing.idledetection.ReactIdleDetectionUtil;
-import com.facebook.soloader.SoLoader;
-import java.util.concurrent.CountDownLatch;
-import java.util.concurrent.Semaphore;
-import java.util.concurrent.TimeUnit;
-import org.mockito.Mockito;
-
-/**
- * Use this class for writing integration tests of catalyst. This class will run all JNI call within
- * separate android looper, thus you don't need to care about starting your own looper.
- *
- * <p>Keep in mind that all JS remote method calls and script load calls are asynchronous and you
- * should not expect them to return results immediately.
- *
- * <p>In order to write catalyst integration:
- *
- * <ol>
- *   <li>Make {@link ReactIntegrationTestCase} a base class of your test case
- *   <li>Use {@link ReactTestHelper#catalystInstanceBuilder()} instead of {@link
- *       com.facebook.react.bridge.CatalystInstanceImpl.Builder} to build catalyst instance for
- *       testing purposes
- * </ol>
- */
-public abstract class ReactIntegrationTestCase extends AndroidTestCase {
-
-  // we need a bigger timeout for CI builds because they run on a slow emulator
-  private static final long IDLE_TIMEOUT_MS = 60000;
-
-  private @Nullable CatalystInstance mInstance;
-  private @Nullable ReactBridgeIdleSignaler mBridgeIdleSignaler;
-  private @Nullable ReactApplicationContext mReactContext;
-
-  @Override
-  public ReactApplicationContext getContext() {
-    if (mReactContext == null) {
-      mReactContext = new ReactApplicationContext(super.getContext());
-      Assertions.assertNotNull(mReactContext);
-    }
-
-    return mReactContext;
-  }
-
-  public void shutDownContext() {
-    if (mInstance != null) {
-      final ReactContext contextToDestroy = mReactContext;
-      mReactContext = null;
-      mInstance = null;
-
-      final SimpleSettableFuture<Void> semaphore = new SimpleSettableFuture<>();
-      UiThreadUtil.runOnUiThread(
-          () -> {
-            if (contextToDestroy != null) {
-              contextToDestroy.destroy();
-            }
-            semaphore.set(null);
-          });
-      semaphore.getOrThrow();
-    }
-  }
-
-  /**
-   * This method isn't safe since it doesn't factor in layout-only view removal. Use {@link
-   * #getViewByTestId} instead.
-   */
-  @Deprecated
-  public <T extends View> T getViewAtPath(ViewGroup rootView, int... path) {
-    return ReactTestHelper.getViewAtPath(rootView, path);
-  }
-
-  public <T extends View> T getViewByTestId(ViewGroup rootView, String testID) {
-    return (T) ReactTestHelper.getViewWithReactTestId(rootView, testID);
-  }
-
-  public static class Event {
-    private final CountDownLatch mLatch;
-
-    public Event() {
-      this(1);
-    }
-
-    public Event(int counter) {
-      mLatch = new CountDownLatch(counter);
-    }
-
-    public void occur() {
-      mLatch.countDown();
-    }
-
-    public boolean didOccur() {
-      return mLatch.getCount() == 0;
-    }
-
-    public boolean await(long millis) {
-      try {
-        return mLatch.await(millis, TimeUnit.MILLISECONDS);
-      } catch (InterruptedException ignore) {
-        return false;
-      }
-    }
-  }
-
-  /**
-   * Timing module needs to be created on the main thread so that it gets the correct Choreographer.
-   */
-  protected TimingModule createTimingModule() {
-    final SimpleSettableFuture<TimingModule> simpleSettableFuture =
-        new SimpleSettableFuture<TimingModule>();
-    UiThreadUtil.runOnUiThread(
-        () -> {
-          ReactChoreographer.initialize();
-          TimingModule timingModule =
-              new TimingModule(getContext(), Mockito.mock(DevSupportManager.class));
-          simpleSettableFuture.set(timingModule);
-        });
-    try {
-      return simpleSettableFuture.get(5000, TimeUnit.MILLISECONDS);
-    } catch (Exception e) {
-      throw new RuntimeException(e);
-    }
-  }
-
-  public void initializeWithInstance(CatalystInstance instance) {
-    mInstance = instance;
-    mBridgeIdleSignaler = new ReactBridgeIdleSignaler();
-    mInstance.addBridgeIdleDebugListener(mBridgeIdleSignaler);
-    getContext().initializeWithInstance(mInstance);
-  }
-
-  public boolean waitForBridgeIdle(long millis) {
-    return Assertions.assertNotNull(mBridgeIdleSignaler).waitForIdle(millis);
-  }
-
-  public void waitForIdleSync() {
-    InstrumentationRegistry.getInstrumentation().waitForIdleSync();
-  }
-
-  public void waitForBridgeAndUIIdle() {
-    ReactIdleDetectionUtil.waitForBridgeAndUIIdle(
-        Assertions.assertNotNull(mBridgeIdleSignaler), getContext(), IDLE_TIMEOUT_MS);
-  }
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-    SoLoader.init(getContext(), /* native exopackage */ false);
-  }
-
-  @Override
-  protected void tearDown() throws Exception {
-    super.tearDown();
-    shutDownContext();
-  }
-
-  protected static void initializeJavaModule(final BaseJavaModule javaModule) {
-    final Semaphore semaphore = new Semaphore(0);
-    UiThreadUtil.runOnUiThread(
-        () -> {
-          javaModule.initialize();
-          if (javaModule instanceof LifecycleEventListener) {
-            ((LifecycleEventListener) javaModule).onHostResume();
-          }
-          semaphore.release();
-        });
-    try {
-      SoftAssertions.assertCondition(
-          semaphore.tryAcquire(5000, TimeUnit.MILLISECONDS),
-          "Timed out initializing timing module");
-    } catch (InterruptedException e) {
-      throw new RuntimeException(e);
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactSettingsForTests.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactSettingsForTests.java
deleted file mode 100644
index 9376aa3493bc55..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactSettingsForTests.java
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import com.facebook.react.modules.debug.interfaces.DeveloperSettings;
-
-public class ReactSettingsForTests implements DeveloperSettings {
-
-  @Override
-  public boolean isFpsDebugEnabled() {
-    return false;
-  }
-
-  @Override
-  public boolean isAnimationFpsDebugEnabled() {
-    return false;
-  }
-
-  @Override
-  public boolean isJSDevModeEnabled() {
-    return true;
-  }
-
-  @Override
-  public boolean isJSMinifyEnabled() {
-    return false;
-  }
-
-  @Override
-  public boolean isElementInspectorEnabled() {
-    return false;
-  }
-
-  @Override
-  public boolean isDeviceDebugEnabled() {
-    return false;
-  }
-
-  @Override
-  public boolean isRemoteJSDebugEnabled() {
-    return false;
-  }
-
-  @Override
-  public void setRemoteJSDebugEnabled(boolean remoteJSDebugEnabled) {}
-
-  @Override
-  public boolean isStartSamplingProfilerOnInit() {
-    return false;
-  }
-
-  @Override
-  public void addMenuItem(String title) {}
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestAppShell.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestAppShell.java
deleted file mode 100644
index 1290ea9e647b0c..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestAppShell.java
+++ /dev/null
@@ -1,38 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import com.facebook.buck.android.support.exopackage.ApplicationLike;
-import com.facebook.buck.android.support.exopackage.ExopackageApplication;
-import com.facebook.react.common.build.ReactBuildConfig;
-import com.facebook.soloader.SoLoader;
-
-/**
- * Application class for the Catalyst Launcher to allow it to work as an exopackage.
- *
- * <p>Any app-specific code that should run before secondary dex files are loaded (like setting up
- * crash reporting) should go in onBaseContextAttached. Anything that should run after secondary dex
- * should go in CatalystApplicationImpl.onCreate.
- */
-public class ReactTestAppShell extends ExopackageApplication<ApplicationLike> {
-
-  public ReactTestAppShell() {
-    super("com.facebook.react.testing.ReactTestApplicationImpl", ReactBuildConfig.EXOPACKAGE_FLAGS);
-  }
-
-  @Override
-  protected void onBaseContextAttached() {
-    // This is a terrible hack.  Don't copy it.
-    // It's unfortunate that Instagram does the same thing.
-    // We need to do this here because internal apps use SoLoader,
-    // and Open Source Buck uses ExopackageSoLoader.
-    // If you feel the need to copy this, we should refactor it
-    // into an FB-specific subclass of ExopackageApplication.
-    SoLoader.init(this, (ReactBuildConfig.EXOPACKAGE_FLAGS & 2) != 0);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestApplicationImpl.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestApplicationImpl.java
deleted file mode 100644
index 73867d3d7a3992..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestApplicationImpl.java
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import android.app.Application;
-import com.facebook.buck.android.support.exopackage.DefaultApplicationLike;
-
-public class ReactTestApplicationImpl extends DefaultApplicationLike {
-
-  public ReactTestApplicationImpl() {
-    super();
-  }
-
-  public ReactTestApplicationImpl(Application application) {
-    super(application);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestFactory.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestFactory.java
deleted file mode 100644
index 926d0383596e20..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestFactory.java
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import android.content.Context;
-import com.facebook.react.ReactInstanceManagerBuilder;
-import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.NativeModule;
-
-public interface ReactTestFactory {
-  interface ReactInstanceEasyBuilder {
-    ReactInstanceEasyBuilder setContext(Context context);
-
-    ReactInstanceEasyBuilder addNativeModule(NativeModule module);
-
-    CatalystInstance build();
-  }
-
-  ReactInstanceEasyBuilder getCatalystInstanceBuilder();
-
-  ReactInstanceManagerBuilder getReactInstanceManagerBuilder();
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestHelper.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestHelper.java
deleted file mode 100644
index 11affeb80ffbc0..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ReactTestHelper.java
+++ /dev/null
@@ -1,217 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import android.app.Instrumentation;
-import android.content.Context;
-import android.view.View;
-import android.view.ViewGroup;
-import androidx.annotation.Nullable;
-import androidx.test.InstrumentationRegistry;
-import com.android.internal.util.Predicate;
-import com.facebook.hermes.reactexecutor.HermesExecutorFactory;
-import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.NativeModuleRegistryBuilder;
-import com.facebook.react.R;
-import com.facebook.react.ReactInstanceManager;
-import com.facebook.react.ReactInstanceManagerBuilder;
-import com.facebook.react.ReactPackage;
-import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.CatalystInstanceImpl;
-import com.facebook.react.bridge.JSBundleLoader;
-import com.facebook.react.bridge.JSExceptionHandler;
-import com.facebook.react.bridge.JavaScriptExecutor;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.queue.ReactQueueConfigurationSpec;
-import com.facebook.react.modules.core.ReactChoreographer;
-import com.facebook.react.uimanager.ViewManager;
-import java.util.Arrays;
-import java.util.Collections;
-import java.util.List;
-
-public class ReactTestHelper {
-  private static class DefaultReactTestFactory implements ReactTestFactory {
-    private static class ReactInstanceEasyBuilderImpl implements ReactInstanceEasyBuilder {
-
-      private NativeModuleRegistryBuilder mNativeModuleRegistryBuilder;
-
-      private @Nullable Context mContext;
-
-      @Override
-      public ReactInstanceEasyBuilder setContext(Context context) {
-        mContext = context;
-        return this;
-      }
-
-      @Override
-      public ReactInstanceEasyBuilder addNativeModule(final NativeModule nativeModule) {
-        if (mNativeModuleRegistryBuilder == null) {
-          mNativeModuleRegistryBuilder =
-              new NativeModuleRegistryBuilder((ReactApplicationContext) mContext, null);
-        }
-        Assertions.assertNotNull(nativeModule);
-        mNativeModuleRegistryBuilder.processPackage(
-            new ReactPackage() {
-              @Override
-              public List<ViewManager> createViewManagers(ReactApplicationContext reactContext) {
-                return Collections.emptyList();
-              }
-
-              @Override
-              public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
-                return Arrays.asList(nativeModule);
-              }
-            });
-        return this;
-      }
-
-      @Override
-      public CatalystInstance build() {
-        if (mNativeModuleRegistryBuilder == null) {
-          mNativeModuleRegistryBuilder =
-              new NativeModuleRegistryBuilder((ReactApplicationContext) mContext, null);
-        }
-        JavaScriptExecutor executor = null;
-        try {
-          executor = new HermesExecutorFactory().create();
-        } catch (Exception e) {
-          throw new RuntimeException(e);
-        }
-        return new CatalystInstanceImpl.Builder()
-            .setReactQueueConfigurationSpec(ReactQueueConfigurationSpec.createDefault())
-            .setJSExecutor(executor)
-            .setRegistry(mNativeModuleRegistryBuilder.build())
-            .setJSBundleLoader(
-                JSBundleLoader.createAssetLoader(
-                    mContext, "assets://AndroidTestBundle.js", false /* Asynchronous */))
-            .setJSExceptionHandler(
-                new JSExceptionHandler() {
-                  @Override
-                  public void handleException(Exception e) {
-                    throw new RuntimeException(e);
-                  }
-                })
-            .build();
-      }
-    }
-
-    @Override
-    public ReactInstanceEasyBuilder getCatalystInstanceBuilder() {
-      return new ReactInstanceEasyBuilderImpl();
-    }
-
-    @Override
-    public ReactInstanceManagerBuilder getReactInstanceManagerBuilder() {
-      return ReactInstanceManager.builder()
-          .setJavaScriptExecutorFactory(new HermesExecutorFactory());
-    }
-  }
-
-  public static ReactTestFactory getReactTestFactory() {
-    Instrumentation inst = InstrumentationRegistry.getInstrumentation();
-    if (!(inst instanceof ReactTestFactory)) {
-      return new DefaultReactTestFactory();
-    }
-    return (ReactTestFactory) inst;
-  }
-
-  public static ReactTestFactory.ReactInstanceEasyBuilder catalystInstanceBuilder(
-      final ReactIntegrationTestCase testCase) {
-    final ReactTestFactory.ReactInstanceEasyBuilder builder =
-        getReactTestFactory().getCatalystInstanceBuilder();
-    ReactTestFactory.ReactInstanceEasyBuilder postBuilder =
-        new ReactTestFactory.ReactInstanceEasyBuilder() {
-          @Override
-          public ReactTestFactory.ReactInstanceEasyBuilder setContext(Context context) {
-            builder.setContext(context);
-            return this;
-          }
-
-          @Override
-          public ReactTestFactory.ReactInstanceEasyBuilder addNativeModule(NativeModule module) {
-            builder.addNativeModule(module);
-            return this;
-          }
-
-          @Override
-          public CatalystInstance build() {
-            final CatalystInstance instance = builder.build();
-            testCase.initializeWithInstance(instance);
-            instance.runJSBundle();
-            InstrumentationRegistry.getInstrumentation()
-                .runOnMainSync(
-                    new Runnable() {
-                      @Override
-                      public void run() {
-                        ReactChoreographer.initialize();
-                        instance.initialize();
-                      }
-                    });
-            testCase.waitForBridgeAndUIIdle();
-            return instance;
-          }
-        };
-
-    postBuilder.setContext(testCase.getContext());
-    return postBuilder;
-  }
-
-  /** Gets the view at given path in the UI hierarchy, ignoring modals. */
-  public static <T extends View> T getViewAtPath(ViewGroup rootView, int... path) {
-    // The application root element is wrapped in a helper view in order
-    // to be able to display modals. See renderApplication.js.
-    ViewGroup appWrapperView = rootView;
-    View view = appWrapperView.getChildAt(0);
-    for (int i = 0; i < path.length; i++) {
-      view = ((ViewGroup) view).getChildAt(path[i]);
-    }
-    return (T) view;
-  }
-
-  /**
-   * Gets the view with a given react test ID in the UI hierarchy. React test ID is currently
-   * propagated into view content description.
-   */
-  public static View getViewWithReactTestId(View rootView, String testId) {
-    return findChild(rootView, hasTagValue(testId));
-  }
-
-  public static String getTestId(View view) {
-    return view.getTag(R.id.react_test_id) instanceof String
-        ? (String) view.getTag(R.id.react_test_id)
-        : null;
-  }
-
-  private static View findChild(View root, Predicate<View> predicate) {
-    if (predicate.apply(root)) {
-      return root;
-    }
-    if (root instanceof ViewGroup) {
-      ViewGroup viewGroup = (ViewGroup) root;
-      for (int i = 0; i < viewGroup.getChildCount(); i++) {
-        View child = viewGroup.getChildAt(i);
-        View result = findChild(child, predicate);
-        if (result != null) {
-          return result;
-        }
-      }
-    }
-    return null;
-  }
-
-  private static Predicate<View> hasTagValue(final String tagValue) {
-    return new Predicate<View>() {
-      @Override
-      public boolean apply(View view) {
-        Object tag = getTestId(view);
-        return tag != null && tag.equals(tagValue);
-      }
-    };
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ScreenshotingFrameLayout.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ScreenshotingFrameLayout.java
deleted file mode 100644
index 98b922fbb3d8c6..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/ScreenshotingFrameLayout.java
+++ /dev/null
@@ -1,77 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import android.content.Context;
-import android.graphics.Bitmap;
-import android.graphics.Canvas;
-import android.os.Looper;
-import android.widget.FrameLayout;
-import androidx.annotation.Nullable;
-
-/**
- * A FrameLayout that allows you to access the result of the last time its hierarchy was drawn. It
- * accomplishes this by drawing its hierarchy into a software Canvas, saving the resulting Bitmap
- * and then drawing that Bitmap to the actual Canvas provided by the system.
- */
-public class ScreenshotingFrameLayout extends FrameLayout {
-
-  private @Nullable Bitmap mBitmap;
-  private Canvas mCanvas;
-
-  public ScreenshotingFrameLayout(Context context) {
-    super(context);
-    mCanvas = new Canvas();
-  }
-
-  @Override
-  protected void dispatchDraw(Canvas canvas) {
-    if (mBitmap == null) {
-      mBitmap = createNewBitmap(canvas);
-      mCanvas.setBitmap(mBitmap);
-    } else if (mBitmap.getWidth() != canvas.getWidth()
-        || mBitmap.getHeight() != canvas.getHeight()) {
-      mBitmap.recycle();
-      mBitmap = createNewBitmap(canvas);
-      mCanvas.setBitmap(mBitmap);
-    }
-
-    super.dispatchDraw(mCanvas);
-    canvas.drawBitmap(mBitmap, 0, 0, null);
-  }
-
-  public void clean() {
-    if (mBitmap != null) {
-      mBitmap.recycle();
-      mBitmap = null;
-    }
-    mCanvas.setBitmap(null);
-  }
-
-  private static Bitmap createNewBitmap(Canvas canvas) {
-    return Bitmap.createBitmap(canvas.getWidth(), canvas.getHeight(), Bitmap.Config.ARGB_8888);
-  }
-
-  public Bitmap getLastDrawnBitmap() {
-    if (mBitmap == null) {
-      throw new RuntimeException("View has not been drawn yet!");
-    }
-    if (Looper.getMainLooper() != Looper.myLooper()) {
-      throw new RuntimeException(
-          "Must access screenshots from main thread or you may get partially drawn Bitmaps");
-    }
-    if (!isScreenshotReady()) {
-      throw new RuntimeException("Trying to get screenshot, but the view is dirty or needs layout");
-    }
-    return Bitmap.createBitmap(mBitmap);
-  }
-
-  public boolean isScreenshotReady() {
-    return !isDirty() && !isLayoutRequested();
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/SingleTouchGestureGenerator.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/SingleTouchGestureGenerator.java
deleted file mode 100644
index bc8564dbe97908..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/SingleTouchGestureGenerator.java
+++ /dev/null
@@ -1,150 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import android.os.SystemClock;
-import android.view.MotionEvent;
-import android.view.View;
-import android.view.ViewConfiguration;
-import com.facebook.react.testing.idledetection.IdleWaiter;
-
-/**
- * Provides methods for generating touch events and dispatching them directly to a given view.
- * Events scenarios are based on {@link android.test.TouchUtils} but they get gets dispatched
- * directly through the view hierarchy using {@link View#dispatchTouchEvent} method instead of using
- * instrumentation API.
- *
- * <p>All the events for a gesture are dispatched immediately which makes tests run very fast. The
- * eventTime for each event is still set correctly. Android's gesture recognizers check eventTime in
- * order to figure out gesture speed, and therefore scroll vs fling is recognized.
- */
-public class SingleTouchGestureGenerator {
-
-  private static final long DEFAULT_DELAY_MS = 20;
-
-  private View mDispatcherView;
-  private IdleWaiter mIdleWaiter;
-  private long mLastDownTime;
-  private long mEventTime;
-  private float mLastX;
-  private float mLastY;
-
-  private ViewConfiguration mViewConfig;
-
-  public SingleTouchGestureGenerator(View view, IdleWaiter idleWaiter) {
-    mDispatcherView = view;
-    mIdleWaiter = idleWaiter;
-    mViewConfig = ViewConfiguration.get(view.getContext());
-  }
-
-  private SingleTouchGestureGenerator dispatchEvent(
-      final int action, final float x, final float y, long eventTime) {
-    mEventTime = eventTime;
-    if (action == MotionEvent.ACTION_DOWN) {
-      mLastDownTime = eventTime;
-    }
-    mLastX = x;
-    mLastY = y;
-    mDispatcherView.post(
-        new Runnable() {
-          @Override
-          public void run() {
-            MotionEvent event = MotionEvent.obtain(mLastDownTime, mEventTime, action, x, y, 0);
-            mDispatcherView.dispatchTouchEvent(event);
-            event.recycle();
-          }
-        });
-    mIdleWaiter.waitForBridgeAndUIIdle();
-    return this;
-  }
-
-  private float getViewCenterX(View view) {
-    int[] xy = new int[2];
-    view.getLocationOnScreen(xy);
-    int viewWidth = view.getWidth();
-    return xy[0] + (viewWidth / 2.0f);
-  }
-
-  private float getViewCenterY(View view) {
-    int[] xy = new int[2];
-    view.getLocationOnScreen(xy);
-    int viewHeight = view.getHeight();
-    return xy[1] + (viewHeight / 2.0f);
-  }
-
-  public SingleTouchGestureGenerator startGesture(float x, float y) {
-    return dispatchEvent(MotionEvent.ACTION_DOWN, x, y, SystemClock.uptimeMillis());
-  }
-
-  public SingleTouchGestureGenerator startGesture(View view) {
-    return startGesture(getViewCenterX(view), getViewCenterY(view));
-  }
-
-  private SingleTouchGestureGenerator dispatchDelayedEvent(
-      int action, float x, float y, long delay) {
-    return dispatchEvent(action, x, y, mEventTime + delay);
-  }
-
-  public SingleTouchGestureGenerator endGesture(float x, float y, long delay) {
-    return dispatchDelayedEvent(MotionEvent.ACTION_UP, x, y, delay);
-  }
-
-  public SingleTouchGestureGenerator endGesture(float x, float y) {
-    return endGesture(x, y, DEFAULT_DELAY_MS);
-  }
-
-  public SingleTouchGestureGenerator endGesture() {
-    return endGesture(mLastX, mLastY);
-  }
-
-  public SingleTouchGestureGenerator moveGesture(float x, float y, long delay) {
-    return dispatchDelayedEvent(MotionEvent.ACTION_MOVE, x, y, delay);
-  }
-
-  public SingleTouchGestureGenerator moveBy(float dx, float dy, long delay) {
-    return moveGesture(mLastX + dx, mLastY + dy, delay);
-  }
-
-  public SingleTouchGestureGenerator moveBy(float dx, float dy) {
-    return moveBy(dx, dy, DEFAULT_DELAY_MS);
-  }
-
-  public SingleTouchGestureGenerator clickViewAt(float x, float y) {
-    float touchSlop = mViewConfig.getScaledTouchSlop();
-    return startGesture(x, y).moveBy(touchSlop / 2.0f, touchSlop / 2.0f).endGesture();
-  }
-
-  public SingleTouchGestureGenerator drag(
-      float fromX, float fromY, float toX, float toY, int stepCount, long totalDelay) {
-
-    float xStep = (toX - fromX) / stepCount;
-    float yStep = (toY - fromY) / stepCount;
-
-    float x = fromX;
-    float y = fromY;
-
-    for (int i = 0; i < stepCount; i++) {
-      x += xStep;
-      y += yStep;
-      moveGesture(x, y, totalDelay / stepCount);
-    }
-    return this;
-  }
-
-  public SingleTouchGestureGenerator dragTo(float toX, float toY, int stepCount, long totalDelay) {
-    return drag(mLastX, mLastY, toX, toY, stepCount, totalDelay);
-  }
-
-  public SingleTouchGestureGenerator dragTo(View view, int stepCount, long totalDelay) {
-    return dragTo(getViewCenterX(view), getViewCenterY(view), stepCount, totalDelay);
-  }
-
-  public SingleTouchGestureGenerator dragTo(View view, int stepCount) {
-    return dragTo(view, stepCount, stepCount * DEFAULT_DELAY_MS);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/StringRecordingModule.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/StringRecordingModule.java
deleted file mode 100644
index 05fb2137b3916c..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/StringRecordingModule.java
+++ /dev/null
@@ -1,42 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing;
-
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-import java.util.ArrayList;
-import java.util.List;
-
-/**
- * Native module provides single method {@link #record} which records its single string argument in
- * calls array
- */
-public class StringRecordingModule extends BaseJavaModule {
-
-  public static final String NAME = "Recording";
-
-  private final List<String> mCalls = new ArrayList<String>();
-
-  @Override
-  public String getName() {
-    return NAME;
-  }
-
-  @ReactMethod
-  public void record(String text) {
-    mCalls.add(text);
-  }
-
-  public void reset() {
-    mCalls.clear();
-  }
-
-  public List<String> getCalls() {
-    return mCalls;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactBridgeIdleSignaler.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactBridgeIdleSignaler.java
deleted file mode 100644
index a988351820b4d3..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactBridgeIdleSignaler.java
+++ /dev/null
@@ -1,65 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing.idledetection;
-
-import com.facebook.react.bridge.NotThreadSafeBridgeIdleDebugListener;
-import java.util.concurrent.Semaphore;
-import java.util.concurrent.TimeUnit;
-
-/**
- * Utility class that uses {@link NotThreadSafeBridgeIdleDebugListener} interface to allow callers
- * to wait for the bridge to be idle.
- */
-public class ReactBridgeIdleSignaler implements NotThreadSafeBridgeIdleDebugListener {
-
-  // Starts at 1 since bridge starts idle. The logic here is that the semaphore is only acquirable
-  // if the bridge is idle.
-  private final Semaphore mBridgeIdleSemaphore = new Semaphore(1);
-
-  private volatile boolean mIsBridgeIdle = true;
-
-  @Override
-  public void onTransitionToBridgeIdle() {
-    mIsBridgeIdle = true;
-    mBridgeIdleSemaphore.release();
-  }
-
-  @Override
-  public void onBridgeDestroyed() {
-    // Do nothing
-  }
-
-  @Override
-  public void onTransitionToBridgeBusy() {
-    mIsBridgeIdle = false;
-    try {
-      if (!mBridgeIdleSemaphore.tryAcquire(15000, TimeUnit.MILLISECONDS)) {
-        throw new RuntimeException(
-            "Timed out waiting to acquire the test idle listener semaphore. Deadlock?");
-      }
-    } catch (InterruptedException e) {
-      throw new RuntimeException("Got interrupted", e);
-    }
-  }
-
-  public boolean isBridgeIdle() {
-    return mIsBridgeIdle;
-  }
-
-  public boolean waitForIdle(long millis) {
-    try {
-      if (mBridgeIdleSemaphore.tryAcquire(millis, TimeUnit.MILLISECONDS)) {
-        mBridgeIdleSemaphore.release();
-        return true;
-      }
-      return false;
-    } catch (InterruptedException e) {
-      throw new RuntimeException("Got interrupted", e);
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactIdleDetectionUtil.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactIdleDetectionUtil.java
deleted file mode 100644
index 3432d76c3bd846..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/ReactIdleDetectionUtil.java
+++ /dev/null
@@ -1,120 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing.idledetection;
-
-import android.app.Instrumentation;
-import android.os.SystemClock;
-import android.view.Choreographer;
-import androidx.test.InstrumentationRegistry;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.modules.core.ReactChoreographer;
-import java.util.concurrent.CountDownLatch;
-import java.util.concurrent.TimeUnit;
-
-public class ReactIdleDetectionUtil {
-
-  /**
-   * Waits for both the UI thread and bridge to be idle. It determines this by waiting for the
-   * bridge to become idle, then waiting for the UI thread to become idle, then checking if the
-   * bridge is idle again (if the bridge was idle before and is still idle after running the UI
-   * thread to idle, then there are no more events to process in either place).
-   *
-   * <p>Also waits for any Choreographer callbacks to run after the initial sync since things like
-   * UI events are initiated from Choreographer callbacks.
-   */
-  public static void waitForBridgeAndUIIdle(
-      ReactBridgeIdleSignaler idleSignaler, final ReactContext reactContext, long timeoutMs) {
-    UiThreadUtil.assertNotOnUiThread();
-
-    long startTime = SystemClock.uptimeMillis();
-    waitInner(idleSignaler, timeoutMs);
-
-    long timeToWait = Math.max(1, timeoutMs - (SystemClock.uptimeMillis() - startTime));
-    waitForChoreographer(timeToWait);
-    waitForJSIdle(reactContext);
-
-    timeToWait = Math.max(1, timeoutMs - (SystemClock.uptimeMillis() - startTime));
-    waitInner(idleSignaler, timeToWait);
-    timeToWait = Math.max(1, timeoutMs - (SystemClock.uptimeMillis() - startTime));
-    waitForChoreographer(timeToWait);
-  }
-
-  private static void waitForChoreographer(long timeToWait) {
-    final int waitFrameCount = 2;
-    final CountDownLatch latch = new CountDownLatch(1);
-    UiThreadUtil.runOnUiThread(
-        () -> {
-          ReactChoreographer choreographer = ReactChoreographer.getInstance();
-          choreographer.postFrameCallback(
-              ReactChoreographer.CallbackType.IDLE_EVENT,
-              new Choreographer.FrameCallback() {
-                private int frameCount = 0;
-
-                @Override
-                public void doFrame(long frameTimeNanos) {
-                  frameCount++;
-                  if (frameCount == waitFrameCount) {
-                    latch.countDown();
-                  } else {
-                    choreographer.postFrameCallback(
-                        ReactChoreographer.CallbackType.IDLE_EVENT, this);
-                  }
-                }
-              });
-        });
-    try {
-      if (!latch.await(timeToWait, TimeUnit.MILLISECONDS)) {
-        throw new RuntimeException("Timed out waiting for Choreographer");
-      }
-    } catch (Exception e) {
-      throw new RuntimeException(e);
-    }
-  }
-
-  private static void waitForJSIdle(ReactContext reactContext) {
-    if (!reactContext.hasActiveReactInstance()) {
-      return;
-    }
-    final CountDownLatch latch = new CountDownLatch(1);
-
-    reactContext.runOnJSQueueThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            latch.countDown();
-          }
-        });
-
-    try {
-      if (!latch.await(5000, TimeUnit.MILLISECONDS)) {
-        throw new RuntimeException("Timed out waiting for JS thread");
-      }
-    } catch (Exception e) {
-      throw new RuntimeException(e);
-    }
-  }
-
-  private static void waitInner(ReactBridgeIdleSignaler idleSignaler, long timeToWait) {
-    // TODO gets broken in gradle, do we need it?
-    Instrumentation instrumentation = InstrumentationRegistry.getInstrumentation();
-    long startTime = SystemClock.uptimeMillis();
-    boolean bridgeWasIdle = false;
-    while (SystemClock.uptimeMillis() - startTime < timeToWait) {
-      boolean bridgeIsIdle = idleSignaler.isBridgeIdle();
-      if (bridgeIsIdle && bridgeWasIdle) {
-        return;
-      }
-      bridgeWasIdle = bridgeIsIdle;
-      long newTimeToWait = Math.max(1, timeToWait - (SystemClock.uptimeMillis() - startTime));
-      idleSignaler.waitForIdle(newTimeToWait);
-      instrumentation.waitForIdleSync();
-    }
-    throw new RuntimeException("Timed out waiting for bridge and UI idle!");
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/NetworkRecordingModuleMock.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/NetworkRecordingModuleMock.java
deleted file mode 100644
index e6cb498904b577..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/network/NetworkRecordingModuleMock.java
+++ /dev/null
@@ -1,143 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing.network;
-
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.Callback;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContextBaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.bridge.WritableArray;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.module.annotations.ReactModule;
-
-/**
- * Mock Networking module that records last request received by {@link #sendRequest} method and
- * returns response code and body that should be set with {@link #setResponse}
- */
-@ReactModule(name = "Networking", canOverrideExistingModule = true)
-public class NetworkRecordingModuleMock extends ReactContextBaseJavaModule {
-
-  public int mRequestCount = 0;
-  public @Nullable String mRequestMethod;
-  public @Nullable String mRequestURL;
-  public @Nullable ReadableArray mRequestHeaders;
-  public @Nullable ReadableMap mRequestData;
-  public int mLastRequestId;
-  public boolean mAbortedRequest;
-
-  private boolean mCompleteRequest;
-  private ReactApplicationContext mContext;
-
-  public NetworkRecordingModuleMock(ReactApplicationContext reactContext) {
-    this(reactContext, true);
-  }
-
-  public NetworkRecordingModuleMock(ReactApplicationContext reactContext, boolean completeRequest) {
-    super(reactContext);
-    mCompleteRequest = completeRequest;
-    mContext = reactContext;
-  }
-
-  public interface RequestListener {
-    public void onRequest(String method, String url, ReadableArray header, ReadableMap data);
-  }
-
-  private int mResponseCode;
-  private @Nullable String mResponseBody;
-  private @Nullable RequestListener mRequestListener;
-
-  public void setResponse(int code, String body) {
-    mResponseCode = code;
-    mResponseBody = body;
-  }
-
-  public void setRequestListener(RequestListener requestListener) {
-    mRequestListener = requestListener;
-  }
-
-  @Override
-  public final String getName() {
-    return "Networking";
-  }
-
-  private void fireReactCallback(
-      Callback callback, int status, @Nullable String headers, @Nullable String body) {
-    callback.invoke(status, headers, body);
-  }
-
-  @ReactMethod
-  public final void sendRequest(
-      String method,
-      String url,
-      int requestId,
-      ReadableArray headers,
-      ReadableMap data,
-      final String responseType,
-      boolean incrementalUpdates,
-      int timeout,
-      boolean withCredentials) {
-    mLastRequestId = requestId;
-    mRequestCount++;
-    mRequestMethod = method;
-    mRequestURL = url;
-    mRequestHeaders = headers;
-    mRequestData = data;
-    if (mRequestListener != null) {
-      mRequestListener.onRequest(method, url, headers, data);
-    }
-    if (mCompleteRequest) {
-      onResponseReceived(requestId, mResponseCode, null);
-      onDataReceived(requestId, mResponseBody);
-      onRequestComplete(requestId, null);
-    }
-  }
-
-  @ReactMethod
-  public void abortRequest(int requestId) {
-    mLastRequestId = requestId;
-    mAbortedRequest = true;
-  }
-
-  @Override
-  public boolean canOverrideExistingModule() {
-    return true;
-  }
-
-  public void setCompleteRequest(boolean completeRequest) {
-    mCompleteRequest = completeRequest;
-  }
-
-  private void onDataReceived(int requestId, String data) {
-    WritableArray args = Arguments.createArray();
-    args.pushInt(requestId);
-    args.pushString(data);
-
-    mContext.emitDeviceEvent("didReceiveNetworkData", args);
-  }
-
-  private void onRequestComplete(int requestId, @Nullable String error) {
-    WritableArray args = Arguments.createArray();
-    args.pushInt(requestId);
-    args.pushString(error);
-
-    mContext.emitDeviceEvent("didCompleteNetworkResponse", args);
-  }
-
-  private void onResponseReceived(int requestId, int code, WritableMap headers) {
-    WritableArray args = Arguments.createArray();
-    args.pushInt(requestId);
-    args.pushInt(code);
-    args.pushMap(headers);
-
-    mContext.emitDeviceEvent("didReceiveNetworkResponse", args);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/rule/ReactNativeTestRule.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/rule/ReactNativeTestRule.java
deleted file mode 100644
index e8f6ff3971a277..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/rule/ReactNativeTestRule.java
+++ /dev/null
@@ -1,184 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.testing.rule;
-
-import android.app.Activity;
-import android.view.ViewTreeObserver.OnGlobalLayoutListener;
-import androidx.test.rule.ActivityTestRule;
-import com.facebook.react.ReactInstanceEventListener;
-import com.facebook.react.ReactInstanceManager;
-import com.facebook.react.ReactPackage;
-import com.facebook.react.ReactRootView;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.common.LifecycleState;
-import com.facebook.react.shell.MainReactPackage;
-import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.testing.idledetection.ReactBridgeIdleSignaler;
-import com.facebook.react.testing.idledetection.ReactIdleDetectionUtil;
-import com.facebook.react.uimanager.ReactShadowNode;
-import com.facebook.react.uimanager.UIImplementation;
-import com.facebook.react.uimanager.UIManagerModule;
-import java.util.concurrent.CountDownLatch;
-import java.util.concurrent.TimeUnit;
-import java.util.concurrent.atomic.AtomicBoolean;
-import org.junit.Rule;
-import org.junit.rules.TestRule;
-import org.junit.runner.Description;
-import org.junit.runners.model.Statement;
-
-/** A test rule to simplify React Native rendering tests. */
-public class ReactNativeTestRule implements TestRule {
-
-  // we need a bigger timeout for CI builds because they run on a slow emulator
-  private static final long IDLE_TIMEOUT_MS = 120000;
-
-  @Rule public ActivityTestRule<Activity> mActivityRule = new ActivityTestRule<>(Activity.class);
-
-  private final String mBundleName;
-  private ReactPackage mReactPackage;
-  private ReactInstanceManager mReactInstanceManager;
-  private ReactBridgeIdleSignaler mBridgeIdleSignaler;
-  private ReactRootView mView;
-  private CountDownLatch mLatch;
-
-  public ReactNativeTestRule(String bundleName) {
-    this(bundleName, null);
-  }
-
-  public ReactNativeTestRule(String bundleName, ReactPackage reactPackage) {
-    mBundleName = bundleName;
-    mReactPackage = reactPackage;
-  }
-
-  @Override
-  public Statement apply(final Statement base, final Description description) {
-    return new Statement() {
-      @Override
-      public void evaluate() throws Throwable {
-        setUp();
-        base.evaluate();
-        tearDown();
-      }
-    };
-  }
-
-  @SuppressWarnings("deprecation")
-  private void setUp() {
-    final Activity activity = mActivityRule.launchActivity(null);
-    mView = new ReactRootView(activity);
-
-    activity.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            mBridgeIdleSignaler = new ReactBridgeIdleSignaler();
-            mReactInstanceManager =
-                ReactTestHelper.getReactTestFactory()
-                    .getReactInstanceManagerBuilder()
-                    .setApplication(activity.getApplication())
-                    .setBundleAssetName(mBundleName)
-                    .setInitialLifecycleState(LifecycleState.BEFORE_CREATE)
-                    .setBridgeIdleDebugListener(mBridgeIdleSignaler)
-                    .addPackage(mReactPackage != null ? mReactPackage : new MainReactPackage())
-                    .build();
-            mReactInstanceManager.onHostResume(activity);
-
-            // This threading garbage will be replaced by Surface
-            final AtomicBoolean isLayoutUpdated = new AtomicBoolean(false);
-            mReactInstanceManager.addReactInstanceEventListener(
-                new ReactInstanceEventListener() {
-                  @Override
-                  public void onReactContextInitialized(ReactContext reactContext) {
-                    final UIManagerModule uiManagerModule =
-                        reactContext.getCatalystInstance().getNativeModule(UIManagerModule.class);
-
-                    if (uiManagerModule == null) {
-                      return;
-                    }
-
-                    uiManagerModule
-                        .getUIImplementation()
-                        .setLayoutUpdateListener(
-                            new UIImplementation.LayoutUpdateListener() {
-                              @Override
-                              public void onLayoutUpdated(ReactShadowNode reactShadowNode) {
-                                uiManagerModule.getUIImplementation().removeLayoutUpdateListener();
-                                isLayoutUpdated.set(true);
-                              }
-                            });
-                  }
-                });
-            mView
-                .getViewTreeObserver()
-                .addOnGlobalLayoutListener(
-                    new OnGlobalLayoutListener() {
-                      @Override
-                      public void onGlobalLayout() {
-                        if (isLayoutUpdated.get()) {
-                          mView.getViewTreeObserver().removeOnGlobalLayoutListener(this);
-                          mLatch.countDown();
-                        }
-                      }
-                    });
-          }
-        });
-  }
-
-  private void tearDown() {
-    final ReactRootView view = mView;
-    final ReactInstanceManager reactInstanceManager = mReactInstanceManager;
-    mView = null;
-    mReactInstanceManager = null;
-    mActivityRule
-        .getActivity()
-        .runOnUiThread(
-            new Runnable() {
-              @Override
-              public void run() {
-                view.unmountReactApplication();
-                reactInstanceManager.destroy();
-              }
-            });
-  }
-
-  /** Renders the react component and waits until the layout has completed before returning */
-  public void render(final String componentName) {
-    mLatch = new CountDownLatch(1);
-    final Activity activity = mActivityRule.getActivity();
-    activity.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            ReactRootView view = getView();
-            view.startReactApplication(mReactInstanceManager, componentName);
-            activity.setContentView(view);
-          }
-        });
-    int timeoutSec = 10;
-    try {
-      mLatch.await(timeoutSec, TimeUnit.SECONDS);
-    } catch (InterruptedException e) {
-      throw new RuntimeException(
-          "Failed to render " + componentName + " after " + timeoutSec + " seconds");
-    }
-  }
-
-  public void waitForIdleSync() {
-    ReactIdleDetectionUtil.waitForBridgeAndUIIdle(
-        mBridgeIdleSignaler, mReactInstanceManager.getCurrentReactContext(), IDLE_TIMEOUT_MS);
-  }
-
-  /** Returns the react view */
-  public ReactRootView getView() {
-    return mView;
-  }
-
-  public ReactContext getContext() {
-    return mReactInstanceManager.getCurrentReactContext();
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/AnimatedTransformTest.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/AnimatedTransformTest.java
deleted file mode 100644
index cf2631779a6da8..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/AnimatedTransformTest.java
+++ /dev/null
@@ -1,49 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.view.View;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.testing.StringRecordingModule;
-
-/**
- * Integration test for {@code removeClippedSubviews} property that verify correct scrollview
- * behavior
- */
-public class AnimatedTransformTest extends ReactAppInstrumentationTestCase {
-
-  private StringRecordingModule mStringRecordingModule;
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "AnimatedTransformTestApp";
-  }
-
-  @Override
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    mStringRecordingModule = new StringRecordingModule();
-    return super.createReactInstanceSpecForTest().addNativeModule(mStringRecordingModule);
-  }
-
-  public void testAnimatedRotation() {
-    waitForBridgeAndUIIdle();
-
-    View button =
-        ReactTestHelper.getViewWithReactTestId(getActivity().getRootView(), "TouchableOpacity");
-
-    // Tap the button which triggers the animated transform containing the
-    // rotation strings.
-    createGestureGenerator().startGesture(button).endGesture();
-    waitForBridgeAndUIIdle();
-
-    // The previous cast error will prevent it from getting here
-    assertEquals(2, mStringRecordingModule.getCalls().size());
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMeasureLayoutTest.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMeasureLayoutTest.java
deleted file mode 100644
index c7b45417f6c21c..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMeasureLayoutTest.java
+++ /dev/null
@@ -1,138 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.testing.AssertModule;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.uimanager.UIManagerModule;
-
-/**
- * Tests for {@link UIManagerModule#measure}, {@link UIManagerModule#measureLayout}, and {@link
- * UIManagerModule#measureLayoutRelativeToParent}. Tests measurement for views in the following
- * hierarchy:
- *
- * <pre>
- * +---------------------------------------------+
- * | A                                           |
- * |                                             |
- * |      +-----------+        +---------+       |
- * |      | B         |        | D       |       |
- * |      |    +---+  |        |         |       |
- * |      |    | C |  |        |         |       |
- * |      |    |   |  |        +---------+       |
- * |      |    +---+  |                          |
- * |      +-----------+                          |
- * |                                             |
- * |                                             |
- * |                                             |
- * +---------------------------------------------+
- * </pre>
- *
- * <p>View locations and dimensions: A - (0,0) to (500, 500) (500x500) B - (50,80) to (250, 380)
- * (200x300) C - (150,150) to (200, 300) (50x150) D - (400,100) to (450, 300) (50x200)
- */
-public class CatalystMeasureLayoutTest extends ReactAppInstrumentationTestCase {
-
-  private static interface MeasureLayoutTestModule extends JavaScriptModule {
-    public void verifyMeasureOnViewA();
-
-    public void verifyMeasureOnViewC();
-
-    public void verifyMeasureLayoutCRelativeToA();
-
-    public void verifyMeasureLayoutCRelativeToB();
-
-    public void verifyMeasureLayoutCRelativeToSelf();
-
-    public void verifyMeasureLayoutRelativeToParentOnViewA();
-
-    public void verifyMeasureLayoutRelativeToParentOnViewB();
-
-    public void verifyMeasureLayoutRelativeToParentOnViewC();
-
-    public void verifyMeasureLayoutDRelativeToB();
-
-    public void verifyMeasureLayoutNonExistentTag();
-
-    public void verifyMeasureLayoutNonExistentAncestor();
-
-    public void verifyMeasureLayoutRelativeToParentNonExistentTag();
-  }
-
-  private MeasureLayoutTestModule mTestJSModule;
-  private AssertModule mAssertModule;
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-    mTestJSModule = getReactContext().getJSModule(MeasureLayoutTestModule.class);
-  }
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "MeasureLayoutTestApp";
-  }
-
-  @Override
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    mAssertModule = new AssertModule();
-    return super.createReactInstanceSpecForTest().addNativeModule(mAssertModule);
-  }
-
-  private void waitForBridgeIdleAndVerifyAsserts() {
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testMeasure() {
-    mTestJSModule.verifyMeasureOnViewA();
-    waitForBridgeIdleAndVerifyAsserts();
-    mTestJSModule.verifyMeasureOnViewC();
-    waitForBridgeIdleAndVerifyAsserts();
-  }
-
-  public void testMeasureLayout() {
-    mTestJSModule.verifyMeasureLayoutCRelativeToA();
-    waitForBridgeIdleAndVerifyAsserts();
-    mTestJSModule.verifyMeasureLayoutCRelativeToB();
-    waitForBridgeIdleAndVerifyAsserts();
-    mTestJSModule.verifyMeasureLayoutCRelativeToSelf();
-    waitForBridgeIdleAndVerifyAsserts();
-  }
-
-  public void testMeasureLayoutRelativeToParent() {
-    mTestJSModule.verifyMeasureLayoutRelativeToParentOnViewA();
-    waitForBridgeIdleAndVerifyAsserts();
-    mTestJSModule.verifyMeasureLayoutRelativeToParentOnViewB();
-    waitForBridgeIdleAndVerifyAsserts();
-    mTestJSModule.verifyMeasureLayoutRelativeToParentOnViewC();
-    waitForBridgeIdleAndVerifyAsserts();
-  }
-
-  public void testMeasureLayoutCallsErrorCallbackWhenViewIsNotChildOfAncestor() {
-    mTestJSModule.verifyMeasureLayoutDRelativeToB();
-    waitForBridgeIdleAndVerifyAsserts();
-  }
-
-  public void testMeasureLayoutCallsErrorCallbackWhenViewDoesNotExist() {
-    mTestJSModule.verifyMeasureLayoutNonExistentTag();
-    waitForBridgeIdleAndVerifyAsserts();
-  }
-
-  public void testMeasureLayoutCallsErrorCallbackWhenAncestorDoesNotExist() {
-    mTestJSModule.verifyMeasureLayoutNonExistentAncestor();
-    waitForBridgeIdleAndVerifyAsserts();
-  }
-
-  public void testMeasureLayoutRelativeToParentCallsErrorCallbackWhenViewDoesNotExist() {
-    mTestJSModule.verifyMeasureLayoutRelativeToParentNonExistentTag();
-    waitForBridgeIdleAndVerifyAsserts();
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMultitouchHandlingTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMultitouchHandlingTestCase.java
deleted file mode 100644
index a36eb9a8b3586b..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystMultitouchHandlingTestCase.java
+++ /dev/null
@@ -1,681 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.view.MotionEvent;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.testing.StringRecordingModule;
-import java.util.List;
-
-/**
- * Test case for verifying that multitouch events are directed to the React's view touch handlers
- * properly
- */
-public class CatalystMultitouchHandlingTestCase extends ReactAppInstrumentationTestCase {
-
-  private final StringRecordingModule mRecordingModule = new StringRecordingModule();
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "MultitouchHandlingTestAppModule";
-  }
-
-  @Override
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return new ReactInstanceSpecForTest().addNativeModule(mRecordingModule);
-  }
-
-  /**
-   * In this test case we send pre-recorded stream of pinch out gesture and verify that we have
-   * recorded important touch events in JS module
-   */
-  public void testMultitouchEvents() throws InterruptedException {
-    generateRecordedPinchTouchEvents();
-    waitForBridgeAndUIIdle();
-
-    // Expect to receive at least 5 events (DOWN for each pointer, UP for each pointer and at least
-    // one MOVE event with both pointers down)
-    List<String> calls = mRecordingModule.getCalls();
-
-    int moveWithBothPointersEventIndex = -1;
-    int startEventIndex = -1;
-    int startExtraPointerEventIndex = -1;
-    int endEventIndex = -1;
-    int endExtraPointerEventIndex = -1;
-
-    for (int i = 0; i < calls.size(); i++) {
-      String call = calls.get(i);
-      if (call.equals("start;ExtraPointer")) {
-        assertEquals(-1, startExtraPointerEventIndex);
-        startExtraPointerEventIndex = i;
-      } else if (call.equals("end;ExtraPointer")) {
-        assertEquals(-1, endExtraPointerEventIndex);
-        endExtraPointerEventIndex = i;
-      } else if (call.equals("start;1")) {
-        assertEquals(-1, startEventIndex);
-        startEventIndex = i;
-      } else if (call.equals("end;0")) {
-        assertEquals(-1, endEventIndex);
-        endEventIndex = i;
-      } else if (call.equals("move;2")) {
-        // this will happen more than once, let's just capture the last occurrence
-        moveWithBothPointersEventIndex = i;
-      }
-    }
-
-    assertEquals(0, startEventIndex);
-    assertTrue(-1 != startExtraPointerEventIndex);
-    assertTrue(-1 != moveWithBothPointersEventIndex);
-    assertTrue(-1 != endExtraPointerEventIndex);
-    assertTrue(startExtraPointerEventIndex < moveWithBothPointersEventIndex);
-    assertTrue(endExtraPointerEventIndex > moveWithBothPointersEventIndex);
-    assertEquals(calls.size() - 1, endEventIndex);
-  }
-
-  private MotionEvent.PointerProperties createPointerProps(int id, int toolType) {
-    MotionEvent.PointerProperties pointerProps = new MotionEvent.PointerProperties();
-    pointerProps.id = id;
-    pointerProps.toolType = toolType;
-    return pointerProps;
-  }
-
-  private MotionEvent.PointerCoords createPointerCoords(float x, float y) {
-    MotionEvent.PointerCoords pointerCoords = new MotionEvent.PointerCoords();
-    pointerCoords.x = x;
-    pointerCoords.y = y;
-    return pointerCoords;
-  }
-
-  private void dispatchEvent(
-      final int action,
-      final long start,
-      final long when,
-      final int pointerCount,
-      final MotionEvent.PointerProperties[] pointerProps,
-      final MotionEvent.PointerCoords[] pointerCoords) {
-    getRootView()
-        .post(
-            new Runnable() {
-              @Override
-              public void run() {
-                MotionEvent event =
-                    MotionEvent.obtain(
-                        start,
-                        when,
-                        action,
-                        pointerCount,
-                        pointerProps,
-                        pointerCoords,
-                        0,
-                        0,
-                        1.0f,
-                        1.0f,
-                        0,
-                        0,
-                        0,
-                        0);
-                getRootView().dispatchTouchEvent(event);
-                event.recycle();
-              }
-            });
-    getInstrumentation().waitForIdleSync();
-  }
-
-  /**
-   * This method "replay" multi-touch gesture recorded with modified TouchesHelper class that
-   * generated this piece of code (see https://phabricator.fb.com/P19756940). This is not intended
-   * to be copied/reused and once we need to have more multitouch gestures in instrumentation tests
-   * we should either:
-   *
-   * <ul>
-   *   <li>implement nice generator similar to {@link SingleTouchGestureGenerator}
-   *   <li>implement gesture recorded that will record touch data using arbitrary format and then
-   *       read this recorded touch sequence during tests instead of generating code like this
-   * </ul>
-   */
-  private void generateRecordedPinchTouchEvents() {
-    // START OF GENERATED CODE
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[1];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[1];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(268.0f, 347.0f);
-      dispatchEvent(MotionEvent.ACTION_DOWN, 446560605, 446560605, 1, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[1];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[1];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(267.0f, 346.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560630, 1, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(267.0f, 346.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(225.0f, 542.0f);
-      dispatchEvent(
-          MotionEvent.ACTION_POINTER_DOWN | (1 << MotionEvent.ACTION_POINTER_INDEX_SHIFT),
-          446560605,
-          446560630,
-          2,
-          pointerProps,
-          pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(266.0f, 345.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(225.0f, 542.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560647, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(265.0f, 344.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(224.0f, 541.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560664, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(264.0f, 342.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(223.0f, 540.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560681, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(263.0f, 340.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(222.0f, 539.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560698, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(262.0f, 337.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(221.0f, 538.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560714, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(262.0f, 333.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(220.0f, 537.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560731, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(261.0f, 328.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(219.0f, 536.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560748, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(260.0f, 321.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(218.0f, 536.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560765, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(260.0f, 313.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(216.0f, 536.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560781, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(260.0f, 304.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(214.0f, 537.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560798, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(260.0f, 295.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(211.0f, 539.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560815, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(261.0f, 285.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(208.0f, 542.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560832, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(264.0f, 274.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(203.0f, 547.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560849, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(266.0f, 264.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(199.0f, 551.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560865, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(269.0f, 254.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(194.0f, 556.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560882, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(273.0f, 245.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(190.0f, 561.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560899, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(276.0f, 236.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(186.0f, 567.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560916, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(280.0f, 227.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(183.0f, 573.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560933, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(283.0f, 219.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(181.0f, 579.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560949, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(287.0f, 211.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(179.0f, 584.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560966, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(291.0f, 202.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(177.0f, 589.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446560983, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(296.0f, 193.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(175.0f, 593.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561000, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(301.0f, 184.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(174.0f, 598.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561016, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(307.0f, 176.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(173.0f, 603.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561033, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(313.0f, 168.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(172.0f, 608.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561050, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(317.0f, 160.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(171.0f, 613.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561067, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(320.0f, 154.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(170.0f, 619.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561084, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(323.0f, 149.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(169.0f, 624.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561100, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(325.0f, 145.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(168.0f, 628.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561117, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(328.0f, 141.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(167.0f, 632.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561134, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(331.0f, 137.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(166.0f, 636.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561151, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(334.0f, 134.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(165.0f, 639.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561167, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(337.0f, 131.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(164.0f, 643.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561184, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(338.0f, 128.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(164.0f, 646.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561201, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(340.0f, 126.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(164.0f, 649.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561218, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(341.0f, 124.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(163.0f, 652.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561234, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(342.0f, 122.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(163.0f, 655.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561251, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(343.0f, 120.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(162.0f, 659.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561268, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(344.0f, 118.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(161.0f, 664.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561285, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(345.0f, 116.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(160.0f, 667.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561302, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(346.0f, 115.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(158.0f, 670.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561318, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(347.0f, 114.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(157.0f, 673.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561335, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(348.0f, 113.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(156.0f, 676.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561352, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(348.0f, 112.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(155.0f, 677.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561369, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(349.0f, 111.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(154.0f, 678.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561386, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(349.0f, 110.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(153.0f, 679.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561402, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(349.0f, 109.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(152.0f, 680.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561419, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(349.0f, 110.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(151.0f, 680.0f);
-      dispatchEvent(MotionEvent.ACTION_MOVE, 446560605, 446561435, 2, pointerProps, pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[2];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[2];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(349.0f, 110.0f);
-      pointerProps[1] = createPointerProps(1, 1);
-      pointerCoords[1] = createPointerCoords(151.0f, 680.0f);
-      dispatchEvent(
-          MotionEvent.ACTION_POINTER_UP | (0 << MotionEvent.ACTION_POINTER_INDEX_SHIFT),
-          446560605,
-          446561443,
-          2,
-          pointerProps,
-          pointerCoords);
-    }
-
-    {
-      MotionEvent.PointerProperties[] pointerProps = new MotionEvent.PointerProperties[1];
-      MotionEvent.PointerCoords[] pointerCoords = new MotionEvent.PointerCoords[1];
-      pointerProps[0] = createPointerProps(0, 1);
-      pointerCoords[0] = createPointerCoords(151.0f, 680.0f);
-      dispatchEvent(MotionEvent.ACTION_UP, 446560605, 446561451, 1, pointerProps, pointerCoords);
-    }
-    // END OF GENERATED CODE
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJSToJavaParametersTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJSToJavaParametersTestCase.java
deleted file mode 100644
index 287884f7a07109..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJSToJavaParametersTestCase.java
+++ /dev/null
@@ -1,837 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.Dynamic;
-import com.facebook.react.bridge.InvalidIteratorException;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.NoSuchKeyException;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.bridge.ReadableMapKeySetIterator;
-import com.facebook.react.bridge.ReadableNativeMap;
-import com.facebook.react.bridge.ReadableType;
-import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.bridge.UnexpectedNativeTypeException;
-import com.facebook.react.bridge.WritableArray;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.bridge.WritableNativeArray;
-import com.facebook.react.bridge.WritableNativeMap;
-import com.facebook.react.modules.appstate.AppStateModule;
-import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
-import com.facebook.react.modules.systeminfo.AndroidInfoModule;
-import com.facebook.react.testing.FakeWebSocketModule;
-import com.facebook.react.testing.ReactIntegrationTestCase;
-import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.views.view.ReactViewManager;
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.HashSet;
-import java.util.List;
-import java.util.Set;
-import org.junit.Ignore;
-
-/**
- * Integration test to verify passing various types of parameters from JS to Java works
- *
- * <p>TODO: we should run these tests with isBlockingSynchronousMethod = true as well, since they
- * currently use a completely different codepath
- */
-@Ignore("Fix prop types and view managers.")
-public class CatalystNativeJSToJavaParametersTestCase extends ReactIntegrationTestCase {
-
-  private interface TestJSToJavaParametersModule extends JavaScriptModule {
-    void returnBasicTypes();
-
-    void returnBoxedTypes();
-
-    void returnDynamicTypes();
-
-    void returnArrayWithBasicTypes();
-
-    void returnNestedArray();
-
-    void returnArrayWithMaps();
-
-    void returnMapWithBasicTypes();
-
-    void returnNestedMap();
-
-    void returnMapWithArrays();
-
-    void returnArrayWithStringDoubleIntMapArrayBooleanNull();
-
-    void returnMapWithStringDoubleIntMapArrayBooleanNull();
-
-    void returnMapForMerge1();
-
-    void returnMapForMerge2();
-
-    void returnMapWithMultibyteUTF8CharacterString();
-
-    void returnArrayWithMultibyteUTF8CharacterString();
-
-    void returnArrayWithLargeInts();
-
-    void returnMapWithLargeInts();
-  }
-
-  private RecordingTestModule mRecordingTestModule;
-  private CatalystInstance mCatalystInstance;
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-
-    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(new ReactViewManager());
-    final UIManagerModule mUIManager = new UIManagerModule(getContext(), viewManagers, 0);
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            mUIManager.onHostResume();
-          }
-        });
-    waitForIdleSync();
-
-    mRecordingTestModule = new RecordingTestModule();
-    mCatalystInstance =
-        ReactTestHelper.catalystInstanceBuilder(this)
-            .addNativeModule(mRecordingTestModule)
-            .addNativeModule(new AndroidInfoModule(getContext()))
-            .addNativeModule(new DeviceInfoModule(getContext()))
-            .addNativeModule(new AppStateModule(getContext()))
-            .addNativeModule(new FakeWebSocketModule())
-            .addNativeModule(mUIManager)
-            .build();
-  }
-
-  public void testBasicTypes() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnBasicTypes();
-    waitForBridgeAndUIIdle();
-
-    List<Object[]> basicTypesCalls = mRecordingTestModule.getBasicTypesCalls();
-    assertEquals(1, basicTypesCalls.size());
-
-    Object[] args = basicTypesCalls.get(0);
-    assertEquals("foo", args[0]);
-    assertEquals(3.14, args[1]);
-    assertEquals(true, args[2]);
-    assertNull(args[3]);
-  }
-
-  public void testBoxedTypes() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnBoxedTypes();
-    waitForBridgeAndUIIdle();
-
-    List<Object[]> boxedTypesCalls = mRecordingTestModule.getBoxedTypesCalls();
-    assertEquals(1, boxedTypesCalls.size());
-
-    Object[] args = boxedTypesCalls.get(0);
-    assertEquals(Integer.valueOf(42), args[0]);
-    assertEquals(Double.valueOf(3.14), args[1]);
-    assertEquals(Boolean.valueOf(true), args[2]);
-  }
-
-  public void testDynamicType() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnDynamicTypes();
-    waitForBridgeAndUIIdle();
-
-    List<Dynamic> dynamicCalls = mRecordingTestModule.getDynamicCalls();
-    assertEquals(2, dynamicCalls.size());
-
-    assertEquals("foo", dynamicCalls.get(0).asString());
-    assertEquals(3.14, dynamicCalls.get(1).asDouble());
-  }
-
-  public void testArrayWithBasicTypes() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnArrayWithBasicTypes();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableArray> calls = mRecordingTestModule.getArrayCalls();
-    assertEquals(1, calls.size());
-    ReadableArray array = calls.get(0);
-    assertNotNull(array);
-    assertEquals(5, array.size());
-    assertFalse(array.isNull(0));
-    assertEquals("foo", array.getString(0));
-    assertFalse(array.isNull(1));
-    assertEquals(3.14, array.getDouble(1));
-    assertFalse(array.isNull(2));
-    assertEquals(-111, array.getInt(2));
-    assertFalse(array.isNull(3));
-    assertTrue(array.getBoolean(3));
-    assertTrue(array.isNull(4));
-    assertEquals(null, array.getString(4));
-    assertEquals(null, array.getMap(4));
-    assertEquals(null, array.getArray(4));
-  }
-
-  public void testNestedArray() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnNestedArray();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableArray> calls = mRecordingTestModule.getArrayCalls();
-    assertEquals(1, calls.size());
-    ReadableArray array = calls.get(0);
-    assertNotNull(array);
-    assertEquals(2, array.size());
-    assertEquals("we", array.getString(0));
-
-    assertFalse(array.isNull(1));
-    ReadableArray subArray = array.getArray(1);
-    assertEquals(2, subArray.size());
-    assertEquals("have", subArray.getString(0));
-
-    subArray = subArray.getArray(1);
-    assertEquals(2, subArray.size());
-    assertEquals("to", subArray.getString(0));
-
-    subArray = subArray.getArray(1);
-    assertEquals(2, subArray.size());
-    assertEquals("go", subArray.getString(0));
-
-    subArray = subArray.getArray(1);
-    assertEquals(1, subArray.size());
-    assertEquals("deeper", subArray.getString(0));
-  }
-
-  public void testArrayWithMaps() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnArrayWithMaps();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableArray> calls = mRecordingTestModule.getArrayCalls();
-    assertEquals(1, calls.size());
-    ReadableArray array = calls.get(0);
-    assertEquals(2, array.size());
-
-    assertFalse(array.isNull(0));
-    ReadableMap m1 = array.getMap(0);
-    ReadableMap m2 = array.getMap(1);
-
-    assertEquals("m1v1", m1.getString("m1k1"));
-    assertEquals("m1v2", m1.getString("m1k2"));
-    assertEquals("m2v1", m2.getString("m2k1"));
-  }
-
-  public void testMapWithBasicTypes() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapWithBasicTypes();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> calls = mRecordingTestModule.getMapCalls();
-    assertEquals(1, calls.size());
-    ReadableMap map = calls.get(0);
-    assertNotNull(map);
-
-    assertTrue(map.hasKey("stringKey"));
-    assertFalse(map.isNull("stringKey"));
-    assertEquals("stringValue", map.getString("stringKey"));
-
-    assertTrue(map.hasKey("doubleKey"));
-    assertFalse(map.isNull("doubleKey"));
-    assertTrue(Math.abs(3.14 - map.getDouble("doubleKey")) < .0001);
-
-    assertTrue(map.hasKey("intKey"));
-    assertFalse(map.isNull("intKey"));
-    assertEquals(-11, map.getInt("intKey"));
-
-    assertTrue(map.hasKey("booleanKey"));
-    assertFalse(map.isNull("booleanKey"));
-    assertTrue(map.getBoolean("booleanKey"));
-
-    assertTrue(map.hasKey("nullKey"));
-    assertTrue(map.isNull("nullKey"));
-    assertNull(map.getString("nullKey"));
-    assertNull(map.getMap("nullKey"));
-    assertNull(map.getArray("nullKey"));
-
-    assertFalse(map.hasKey("nonExistentKey"));
-  }
-
-  public void testNestedMap() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnNestedMap();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> calls = mRecordingTestModule.getMapCalls();
-    assertEquals(1, calls.size());
-    ReadableMap map = calls.get(0);
-    assertNotNull(map);
-
-    assertTrue(map.hasKey("weHaveToGoDeeper"));
-    assertFalse(map.isNull("weHaveToGoDeeper"));
-    ReadableMap nestedMap = map.getMap("weHaveToGoDeeper");
-    assertTrue(nestedMap.hasKey("inception"));
-    assertTrue(nestedMap.getBoolean("inception"));
-  }
-
-  public void testMapParameterWithArrays() throws InterruptedException {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapWithArrays();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> calls = mRecordingTestModule.getMapCalls();
-    assertEquals(1, calls.size());
-    ReadableMap map = calls.get(0);
-    assertNotNull(map);
-
-    ReadableArray arrayParameter;
-    assertTrue(map.hasKey("empty"));
-    arrayParameter = map.getArray("empty");
-    assertNotNull(arrayParameter);
-    assertEquals(0, arrayParameter.size());
-
-    assertTrue(map.hasKey("ints"));
-    assertFalse(map.isNull("ints"));
-    arrayParameter = map.getArray("ints");
-    assertNotNull(arrayParameter);
-    assertEquals(2, arrayParameter.size());
-    assertEquals(43, arrayParameter.getInt(0));
-    assertEquals(44, arrayParameter.getInt(1));
-
-    assertTrue(map.hasKey("mixed"));
-    arrayParameter = map.getArray("mixed");
-    assertNotNull(arrayParameter);
-    assertEquals(3, arrayParameter.size());
-    assertEquals(77, arrayParameter.getInt(0));
-    assertEquals("string", arrayParameter.getString(1));
-    ReadableArray nestedArray = arrayParameter.getArray(2);
-    assertEquals(2, nestedArray.size());
-  }
-
-  public void testMapParameterDump() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapWithBasicTypes();
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnNestedMap();
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapWithArrays();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> calls = mRecordingTestModule.getMapCalls();
-    assertEquals(3, calls.size());
-
-    // App should not crash while generating debug string representation of arguments
-    assertNotNull(calls.get(0).toString());
-    assertNotNull(calls.get(1).toString());
-    assertNotNull(calls.get(2).toString());
-  }
-
-  public void testGetTypeFromArray() {
-    mCatalystInstance
-        .getJSModule(TestJSToJavaParametersModule.class)
-        .returnArrayWithStringDoubleIntMapArrayBooleanNull();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableArray> calls = mRecordingTestModule.getArrayCalls();
-    assertEquals(1, calls.size());
-    ReadableArray array = calls.get(0);
-
-    assertEquals(ReadableType.String, array.getType(0));
-    assertEquals(ReadableType.Number, array.getType(1));
-    assertEquals(ReadableType.Number, array.getType(2));
-    assertEquals(ReadableType.Map, array.getType(3));
-    assertEquals(ReadableType.Array, array.getType(4));
-    assertEquals(ReadableType.Boolean, array.getType(5));
-    assertEquals(ReadableType.Null, array.getType(6));
-  }
-
-  public void testGetTypeFromMap() {
-    mCatalystInstance
-        .getJSModule(TestJSToJavaParametersModule.class)
-        .returnMapWithStringDoubleIntMapArrayBooleanNull();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> calls = mRecordingTestModule.getMapCalls();
-    assertEquals(1, calls.size());
-    ReadableMap map = calls.get(0);
-
-    assertEquals(ReadableType.String, map.getType("string"));
-    assertEquals(ReadableType.Number, map.getType("double"));
-    assertEquals(ReadableType.Number, map.getType("int"));
-    assertEquals(ReadableType.Map, map.getType("map"));
-    assertEquals(ReadableType.Array, map.getType("array"));
-    assertEquals(ReadableType.Boolean, map.getType("boolean"));
-    assertEquals(ReadableType.Null, map.getType("null"));
-  }
-
-  public void testGetWrongTypeFromArray() {
-    mCatalystInstance
-        .getJSModule(TestJSToJavaParametersModule.class)
-        .returnArrayWithStringDoubleIntMapArrayBooleanNull();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableArray> calls = mRecordingTestModule.getArrayCalls();
-    assertEquals(1, calls.size());
-    ReadableArray array = calls.get(0);
-
-    assertUnexpectedTypeExceptionThrown(array, 0, "boolean");
-    assertUnexpectedTypeExceptionThrown(array, 1, "string");
-    assertUnexpectedTypeExceptionThrown(array, 2, "array");
-    assertUnexpectedTypeExceptionThrown(array, 3, "double");
-    assertUnexpectedTypeExceptionThrown(array, 4, "map");
-    assertUnexpectedTypeExceptionThrown(array, 5, "array");
-  }
-
-  public void testGetWrongTypeFromMap() {
-    mCatalystInstance
-        .getJSModule(TestJSToJavaParametersModule.class)
-        .returnMapWithStringDoubleIntMapArrayBooleanNull();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> calls = mRecordingTestModule.getMapCalls();
-    assertEquals(1, calls.size());
-    ReadableMap map = calls.get(0);
-
-    assertUnexpectedTypeExceptionThrown(map, "string", "double");
-    assertUnexpectedTypeExceptionThrown(map, "double", "map");
-    assertUnexpectedTypeExceptionThrown(map, "int", "boolean");
-    assertUnexpectedTypeExceptionThrown(map, "map", "array");
-    assertUnexpectedTypeExceptionThrown(map, "array", "boolean");
-    assertUnexpectedTypeExceptionThrown(map, "boolean", "string");
-  }
-
-  public void testArrayOutOfBoundsExceptionThrown() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnArrayWithBasicTypes();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableArray> calls = mRecordingTestModule.getArrayCalls();
-    assertEquals(1, calls.size());
-    ReadableArray array = calls.get(0);
-    assertNotNull(array);
-
-    assertArrayOutOfBoundsExceptionThrown(array, -1, "boolean");
-    assertArrayOutOfBoundsExceptionThrown(array, -1, "string");
-    assertArrayOutOfBoundsExceptionThrown(array, -1, "double");
-    assertArrayOutOfBoundsExceptionThrown(array, -1, "int");
-    assertArrayOutOfBoundsExceptionThrown(array, -1, "map");
-    assertArrayOutOfBoundsExceptionThrown(array, -1, "array");
-
-    assertArrayOutOfBoundsExceptionThrown(array, 10, "boolean");
-    assertArrayOutOfBoundsExceptionThrown(array, 10, "string");
-    assertArrayOutOfBoundsExceptionThrown(array, 10, "double");
-    assertArrayOutOfBoundsExceptionThrown(array, 10, "int");
-    assertArrayOutOfBoundsExceptionThrown(array, 10, "map");
-    assertArrayOutOfBoundsExceptionThrown(array, 10, "array");
-  }
-
-  public void testNoSuchKeyExceptionThrown() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapWithBasicTypes();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> calls = mRecordingTestModule.getMapCalls();
-    assertEquals(1, calls.size());
-    ReadableMap map = calls.get(0);
-    assertNotNull(map);
-
-    assertNoSuchKeyExceptionThrown(map, "noSuchKey", "double");
-    assertNoSuchKeyExceptionThrown(map, "noSuchKey", "int");
-    assertNoSuchKeyExceptionThrown(map, "noSuchKey", "map");
-    assertNoSuchKeyExceptionThrown(map, "noSuchKey", "array");
-    assertNoSuchKeyExceptionThrown(map, "noSuchKey", "boolean");
-    assertNoSuchKeyExceptionThrown(map, "noSuchKey", "string");
-  }
-
-  public void testIntOutOfRangeThrown() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnArrayWithLargeInts();
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapWithLargeInts();
-    waitForBridgeAndUIIdle();
-
-    assertEquals(1, mRecordingTestModule.getArrayCalls().size());
-    assertEquals(1, mRecordingTestModule.getMapCalls().size());
-
-    ReadableArray array = mRecordingTestModule.getArrayCalls().get(0);
-    assertNotNull(array);
-
-    ReadableMap map = mRecordingTestModule.getMapCalls().get(0);
-    assertNotNull(map);
-
-    assertEquals(ReadableType.Number, array.getType(0));
-    assertUnexpectedTypeExceptionThrown(array, 0, "int");
-    assertEquals(ReadableType.Number, array.getType(1));
-    assertUnexpectedTypeExceptionThrown(array, 1, "int");
-
-    assertEquals(ReadableType.Number, map.getType("first"));
-    assertUnexpectedTypeExceptionThrown(map, "first", "int");
-    assertEquals(ReadableType.Number, map.getType("second"));
-    assertUnexpectedTypeExceptionThrown(map, "second", "int");
-  }
-
-  public void testMapMerging() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapForMerge1();
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapForMerge2();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> maps = mRecordingTestModule.getMapCalls();
-    assertEquals(2, maps.size());
-
-    WritableMap dest = new WritableNativeMap();
-    dest.merge(maps.get(0));
-    dest.merge(maps.get(1));
-
-    assertTrue(dest.hasKey("a"));
-    assertTrue(dest.hasKey("b"));
-    assertTrue(dest.hasKey("c"));
-    assertTrue(dest.hasKey("d"));
-    assertTrue(dest.hasKey("e"));
-    assertTrue(dest.hasKey("f"));
-    assertTrue(dest.hasKey("newkey"));
-
-    assertEquals("overwrite", dest.getString("a"));
-    assertEquals(41, dest.getInt("b"));
-    assertEquals("string", dest.getString("c"));
-    assertEquals(77, dest.getInt("d"));
-    assertTrue(dest.isNull("e"));
-    assertEquals(3, dest.getArray("f").size());
-    assertEquals("newvalue", dest.getString("newkey"));
-  }
-
-  public void testEqualityMapAfterMerge() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapForMerge1();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> maps = mRecordingTestModule.getMapCalls();
-    assertEquals(1, maps.size());
-
-    WritableMap map1 = new WritableNativeMap();
-    map1.merge(maps.get(0));
-    WritableMap map2 = new WritableNativeMap();
-    map2.merge(maps.get(0));
-
-    assertTrue(map1.equals(map2));
-  }
-
-  public void testWritableNativeMapEquals() {
-    WritableMap map1 = new WritableNativeMap();
-    WritableMap map2 = new WritableNativeMap();
-
-    map1.putInt("key1", 123);
-    map2.putInt("key1", 123);
-    map1.putString("key2", "value");
-    map2.putString("key2", "value");
-
-    assertTrue(map1.equals(map2));
-  }
-
-  public void testWritableNativeMapArraysEquals() {
-    WritableMap map1 = new WritableNativeMap();
-    WritableMap map2 = new WritableNativeMap();
-
-    map1.putInt("key1", 123);
-    map2.putInt("key1", 123);
-    map1.putString("key2", "value");
-    map2.putString("key2", "value");
-    WritableArray array1 = new WritableNativeArray();
-    array1.pushInt(321);
-    array1.pushNull();
-    array1.pushString("test");
-    map1.putArray("key3", array1);
-
-    WritableArray array2 = new WritableNativeArray();
-    array1.pushInt(321);
-    array1.pushNull();
-    array1.pushString("test");
-    map2.putArray("key3", array2);
-
-    assertTrue(map1.equals(map2));
-  }
-
-  public void testWritableNativeMapArraysNonEquals() {
-    WritableMap map1 = new WritableNativeMap();
-    WritableMap map2 = new WritableNativeMap();
-
-    map1.putInt("key1", 123);
-    map2.putInt("key1", 123);
-    map1.putString("key2", "value");
-    map2.putString("key2", "value");
-    WritableArray array1 = new WritableNativeArray();
-    array1.pushInt(321);
-    array1.pushNull();
-    array1.pushString("test");
-    map1.putArray("key3", array1);
-
-    WritableArray array2 = new WritableNativeArray();
-    array1.pushNull();
-    array1.pushString("test");
-    map2.putArray("key3", array2);
-
-    assertTrue(map1.equals(map2));
-  }
-
-  public void testMapAccessibleAfterMerge() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapForMerge1();
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapForMerge2();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> maps = mRecordingTestModule.getMapCalls();
-    assertEquals(2, maps.size());
-
-    WritableMap dest = new WritableNativeMap();
-    dest.merge(maps.get(0));
-    dest.merge(maps.get(1));
-
-    ReadableMap source = maps.get(1);
-
-    assertTrue(source.hasKey("a"));
-    assertTrue(source.hasKey("d"));
-    assertTrue(source.hasKey("e"));
-    assertTrue(source.hasKey("f"));
-    assertTrue(source.hasKey("newkey"));
-
-    assertFalse(source.hasKey("b"));
-    assertFalse(source.hasKey("c"));
-
-    assertEquals("overwrite", source.getString("a"));
-    assertEquals(77, source.getInt("d"));
-    assertTrue(source.isNull("e"));
-    assertEquals(3, source.getArray("f").size());
-    assertEquals("newvalue", source.getString("newkey"));
-  }
-
-  public void testMapIterateOverMapWithBasicTypes() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapWithBasicTypes();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> calls = mRecordingTestModule.getMapCalls();
-    assertEquals(1, calls.size());
-    ReadableNativeMap map = (ReadableNativeMap) calls.get(0);
-    assertNotNull(map);
-
-    ReadableMapKeySetIterator mapIterator = map.keySetIterator();
-    Set<String> keys = new HashSet<String>();
-    while (mapIterator.hasNextKey()) {
-      keys.add(mapIterator.nextKey());
-    }
-
-    Set<String> expectedKeys =
-        new HashSet<String>(
-            Arrays.asList("stringKey", "doubleKey", "intKey", "booleanKey", "nullKey"));
-    assertEquals(keys, expectedKeys);
-  }
-
-  public void testMapIterateOverNestedMaps() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnNestedMap();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> calls = mRecordingTestModule.getMapCalls();
-    assertEquals(1, calls.size());
-    ReadableNativeMap map = (ReadableNativeMap) calls.get(0);
-    assertNotNull(map);
-
-    ReadableMapKeySetIterator firstLevelIterator = map.keySetIterator();
-    String firstLevelKey = firstLevelIterator.nextKey();
-    assertEquals(firstLevelKey, "weHaveToGoDeeper");
-
-    ReadableNativeMap secondMap = map.getMap("weHaveToGoDeeper");
-    ReadableMapKeySetIterator secondLevelIterator = secondMap.keySetIterator();
-    String secondLevelKey = secondLevelIterator.nextKey();
-    assertEquals(secondLevelKey, "inception");
-    assertTrue(secondMap.getBoolean(secondLevelKey));
-  }
-
-  public void testInvalidIteratorExceptionThrown() {
-    mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class).returnMapWithBasicTypes();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> calls = mRecordingTestModule.getMapCalls();
-    assertEquals(1, calls.size());
-    ReadableNativeMap map = (ReadableNativeMap) calls.get(0);
-    assertNotNull(map);
-
-    ReadableMapKeySetIterator mapIterator = map.keySetIterator();
-    while (mapIterator.hasNextKey()) {
-      mapIterator.nextKey();
-    }
-    assertInvalidIteratorExceptionThrown(mapIterator);
-  }
-
-  public void testStringWithMultibyteUTF8Characters() {
-    TestJSToJavaParametersModule jsModule =
-        mCatalystInstance.getJSModule(TestJSToJavaParametersModule.class);
-    jsModule.returnMapWithMultibyteUTF8CharacterString();
-    jsModule.returnArrayWithMultibyteUTF8CharacterString();
-    waitForBridgeAndUIIdle();
-
-    List<ReadableMap> maps = mRecordingTestModule.getMapCalls();
-    assertEquals(1, maps.size());
-
-    ReadableMap map = maps.get(0);
-    assertEquals("a", map.getString("one-byte"));
-    assertEquals("\u00A2", map.getString("two-bytes"));
-    assertEquals("\u20AC", map.getString("three-bytes"));
-    assertEquals("\uD83D\uDE1C", map.getString("four-bytes"));
-    assertEquals(
-        "\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107",
-        map.getString("mixed"));
-
-    List<ReadableArray> arrays = mRecordingTestModule.getArrayCalls();
-    assertEquals(1, arrays.size());
-
-    ReadableArray array = arrays.get(0);
-    assertEquals("a", array.getString(0));
-    assertEquals("\u00A2", array.getString(1));
-    assertEquals("\u20AC", array.getString(2));
-    assertEquals("\uD83D\uDE1C", array.getString(3));
-    assertEquals(
-        "\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107",
-        array.getString(4));
-  }
-
-  private void assertUnexpectedTypeExceptionThrown(
-      ReadableArray array, int index, String typeToAskFor) {
-    boolean gotException = false;
-    try {
-      arrayGetByType(array, index, typeToAskFor);
-    } catch (UnexpectedNativeTypeException expected) {
-      gotException = true;
-    }
-
-    assertTrue(gotException);
-  }
-
-  private void assertUnexpectedTypeExceptionThrown(
-      ReadableMap map, String key, String typeToAskFor) {
-    boolean gotException = false;
-    try {
-      mapGetByType(map, key, typeToAskFor);
-    } catch (UnexpectedNativeTypeException expected) {
-      gotException = true;
-    }
-
-    assertTrue(gotException);
-  }
-
-  private void assertArrayOutOfBoundsExceptionThrown(
-      ReadableArray array, int index, String typeToAskFor) {
-    boolean gotException = false;
-    try {
-      arrayGetByType(array, index, typeToAskFor);
-    } catch (ArrayIndexOutOfBoundsException expected) {
-      gotException = true;
-    }
-
-    assertTrue(gotException);
-  }
-
-  private void assertNoSuchKeyExceptionThrown(ReadableMap map, String key, String typeToAskFor) {
-    boolean gotException = false;
-    try {
-      mapGetByType(map, key, typeToAskFor);
-    } catch (NoSuchKeyException expected) {
-      gotException = true;
-    }
-
-    assertTrue(gotException);
-  }
-
-  private static void assertInvalidIteratorExceptionThrown(ReadableMapKeySetIterator iterator) {
-    boolean gotException = false;
-    try {
-      iterator.nextKey();
-    } catch (InvalidIteratorException expected) {
-      gotException = true;
-    }
-
-    assertTrue(gotException);
-  }
-
-  private void arrayGetByType(ReadableArray array, int index, String typeToAskFor) {
-    if (typeToAskFor.equals("double")) {
-      array.getDouble(index);
-    } else if (typeToAskFor.equals("int")) {
-      array.getInt(index);
-    } else if (typeToAskFor.equals("string")) {
-      array.getString(index);
-    } else if (typeToAskFor.equals("array")) {
-      array.getArray(index);
-    } else if (typeToAskFor.equals("map")) {
-      array.getMap(index);
-    } else if (typeToAskFor.equals("boolean")) {
-      array.getBoolean(index);
-    } else {
-      throw new RuntimeException("Unknown type: " + typeToAskFor);
-    }
-  }
-
-  private void mapGetByType(ReadableMap map, String key, String typeToAskFor) {
-    if (typeToAskFor.equals("double")) {
-      map.getDouble(key);
-    } else if (typeToAskFor.equals("int")) {
-      map.getInt(key);
-    } else if (typeToAskFor.equals("string")) {
-      map.getString(key);
-    } else if (typeToAskFor.equals("array")) {
-      map.getArray(key);
-    } else if (typeToAskFor.equals("map")) {
-      map.getMap(key);
-    } else if (typeToAskFor.equals("boolean")) {
-      map.getBoolean(key);
-    } else {
-      throw new RuntimeException("Unknown type: " + typeToAskFor);
-    }
-  }
-
-  private static class RecordingTestModule extends BaseJavaModule {
-
-    private final List<Object[]> mBasicTypesCalls = new ArrayList<Object[]>();
-    private final List<Object[]> mBoxedTypesCalls = new ArrayList<Object[]>();
-    private final List<ReadableArray> mArrayCalls = new ArrayList<ReadableArray>();
-    private final List<ReadableMap> mMapCalls = new ArrayList<ReadableMap>();
-    private final List<Dynamic> mDynamicCalls = new ArrayList<Dynamic>();
-
-    @Override
-    public String getName() {
-      return "Recording";
-    }
-
-    @ReactMethod
-    public void receiveBasicTypes(String s, double d, boolean b, String nullableString) {
-      mBasicTypesCalls.add(new Object[] {s, d, b, nullableString});
-    }
-
-    @ReactMethod
-    public void receiveBoxedTypes(Integer i, Double d, Boolean b) {
-      mBoxedTypesCalls.add(new Object[] {i, d, b});
-    }
-
-    @ReactMethod
-    public void receiveArray(ReadableArray array) {
-      mArrayCalls.add(array);
-    }
-
-    @ReactMethod
-    public void receiveMap(ReadableMap map) {
-      mMapCalls.add(map);
-    }
-
-    @ReactMethod
-    public void receiveDynamic(Dynamic dynamic) {
-      mDynamicCalls.add(dynamic);
-    }
-
-    public List<Object[]> getBasicTypesCalls() {
-      return mBasicTypesCalls;
-    }
-
-    public List<Object[]> getBoxedTypesCalls() {
-      return mBoxedTypesCalls;
-    }
-
-    public List<ReadableArray> getArrayCalls() {
-      return mArrayCalls;
-    }
-
-    public List<ReadableMap> getMapCalls() {
-      return mMapCalls;
-    }
-
-    public List<Dynamic> getDynamicCalls() {
-      return mDynamicCalls;
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSArgumentsTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSArgumentsTestCase.java
deleted file mode 100644
index 0776e61361a428..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSArgumentsTestCase.java
+++ /dev/null
@@ -1,385 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.ObjectAlreadyConsumedException;
-import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.bridge.WritableArray;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.bridge.WritableNativeArray;
-import com.facebook.react.bridge.WritableNativeMap;
-import com.facebook.react.modules.appstate.AppStateModule;
-import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
-import com.facebook.react.testing.AssertModule;
-import com.facebook.react.testing.FakeWebSocketModule;
-import com.facebook.react.testing.ReactIntegrationTestCase;
-import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.views.view.ReactViewManager;
-import java.util.Arrays;
-import java.util.List;
-import org.junit.Ignore;
-
-/** Test marshalling arguments from Java to JS to appropriate native classes. */
-@Ignore("Fix prop types and view managers.")
-public class CatalystNativeJavaToJSArgumentsTestCase extends ReactIntegrationTestCase {
-
-  private interface TestJavaToJSArgumentsModule extends JavaScriptModule {
-    void receiveBasicTypes(String s, double d, boolean b, String nullString);
-
-    void receiveArrayWithBasicTypes(WritableArray array);
-
-    void receiveNestedArray(WritableArray nestedArray);
-
-    void receiveArrayWithMaps(WritableArray arrayWithMaps);
-
-    void receiveMapWithBasicTypes(WritableMap map);
-
-    void receiveNestedMap(WritableMap nestedMap);
-
-    void receiveMapWithArrays(WritableMap mapWithArrays);
-
-    void receiveMapAndArrayWithNullValues(WritableMap map, WritableArray array);
-
-    void receiveMapWithMultibyteUTF8CharacterString(WritableMap map);
-
-    void receiveArrayWithMultibyteUTF8CharacterString(WritableArray array);
-  }
-
-  private AssertModule mAssertModule;
-  private CatalystInstance mInstance;
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-
-    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(new ReactViewManager());
-    final UIManagerModule mUIManager = new UIManagerModule(getContext(), viewManagers, 0);
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            mUIManager.onHostResume();
-          }
-        });
-    waitForIdleSync();
-
-    mAssertModule = new AssertModule();
-
-    mInstance =
-        ReactTestHelper.catalystInstanceBuilder(this)
-            .addNativeModule(mAssertModule)
-            .addNativeModule(new DeviceInfoModule(getContext()))
-            .addNativeModule(new AppStateModule(getContext()))
-            .addNativeModule(new FakeWebSocketModule())
-            .addNativeModule(mUIManager)
-            .build();
-  }
-
-  public void testBasicTypes() {
-    mInstance
-        .getJSModule(TestJavaToJSArgumentsModule.class)
-        .receiveBasicTypes("foo", 3.14, true, null);
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testArrayWithBasicTypes() {
-    WritableNativeArray array = new WritableNativeArray();
-    array.pushString("red panda");
-    array.pushDouble(1.19);
-    array.pushBoolean(true);
-    array.pushNull();
-
-    mInstance.getJSModule(TestJavaToJSArgumentsModule.class).receiveArrayWithBasicTypes(array);
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testNestedArray() {
-    WritableNativeArray level1 = new WritableNativeArray();
-    WritableNativeArray level2 = new WritableNativeArray();
-    WritableNativeArray level3 = new WritableNativeArray();
-    level3.pushString("level3");
-    level2.pushString("level2");
-    level2.pushArray(level3);
-    level1.pushString("level1");
-    level1.pushArray(level2);
-
-    mInstance.getJSModule(TestJavaToJSArgumentsModule.class).receiveNestedArray(level1);
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testArrayWithMaps() {
-    WritableNativeMap m1 = new WritableNativeMap();
-    WritableNativeMap m2 = new WritableNativeMap();
-    m1.putString("m1k1", "m1v1");
-    m1.putString("m1k2", "m1v2");
-    m2.putString("m2k1", "m2v1");
-
-    WritableNativeArray array = new WritableNativeArray();
-    array.pushMap(m1);
-    array.pushMap(m2);
-    mInstance.getJSModule(TestJavaToJSArgumentsModule.class).receiveArrayWithMaps(array);
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testMapWithBasicTypes() {
-    WritableNativeMap map = new WritableNativeMap();
-    map.putString("stringKey", "stringValue");
-    map.putDouble("doubleKey", 3.14);
-    map.putBoolean("booleanKey", true);
-    map.putNull("nullKey");
-
-    mInstance.getJSModule(TestJavaToJSArgumentsModule.class).receiveMapWithBasicTypes(map);
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testNestedMap() {
-    WritableNativeMap map = new WritableNativeMap();
-    WritableNativeMap nestedMap = new WritableNativeMap();
-    nestedMap.putString("animals", "foxes");
-    map.putMap("nestedMap", nestedMap);
-
-    mInstance.getJSModule(TestJavaToJSArgumentsModule.class).receiveNestedMap(map);
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testMapWithArrays() {
-    WritableNativeMap map = new WritableNativeMap();
-    WritableNativeArray a1 = new WritableNativeArray();
-    WritableNativeArray a2 = new WritableNativeArray();
-    a1.pushDouble(3);
-    a1.pushDouble(1);
-    a1.pushDouble(4);
-    a2.pushDouble(1);
-    a2.pushDouble(9);
-    map.putArray("array1", a1);
-    map.putArray("array2", a2);
-
-    mInstance.getJSModule(TestJavaToJSArgumentsModule.class).receiveMapWithArrays(map);
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testMapWithNullStringValue() {
-    WritableNativeMap map = new WritableNativeMap();
-    map.putString("string", null);
-    map.putArray("array", null);
-    map.putMap("map", null);
-
-    WritableNativeArray array = new WritableNativeArray();
-    array.pushString(null);
-    array.pushArray(null);
-    array.pushMap(null);
-
-    mInstance
-        .getJSModule(TestJavaToJSArgumentsModule.class)
-        .receiveMapAndArrayWithNullValues(map, array);
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testStringWithMultibyteUTF8Characters() {
-    TestJavaToJSArgumentsModule jsModule = mInstance.getJSModule(TestJavaToJSArgumentsModule.class);
-
-    WritableNativeMap map = new WritableNativeMap();
-    map.putString("two-bytes", "\u00A2");
-    map.putString("three-bytes", "\u20AC");
-    map.putString("four-bytes", "\uD83D\uDE1C");
-    map.putString(
-        "mixed",
-        "\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107");
-
-    jsModule.receiveMapWithMultibyteUTF8CharacterString(map);
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-
-    WritableArray array = new WritableNativeArray();
-    array.pushString("\u00A2");
-    array.pushString("\u20AC");
-    array.pushString("\uD83D\uDE1C");
-    array.pushString(
-        "\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107");
-
-    jsModule.receiveArrayWithMultibyteUTF8CharacterString(array);
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testThrowWhenArrayReusedInArray() {
-    boolean gotException = false;
-    try {
-      WritableNativeArray array1 = new WritableNativeArray();
-      WritableNativeArray array2 = new WritableNativeArray();
-      WritableNativeArray child = new WritableNativeArray();
-      array1.pushArray(child);
-      array2.pushArray(child);
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-  }
-
-  public void testThrowWhenArrayReusedInMap() {
-    boolean gotException = false;
-    try {
-      WritableNativeMap map1 = new WritableNativeMap();
-      WritableNativeMap map2 = new WritableNativeMap();
-      WritableNativeArray child = new WritableNativeArray();
-      map1.putArray("child", child);
-      map2.putArray("child", child);
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-  }
-
-  public void testThrowWhenMapReusedInArray() {
-    boolean gotException = false;
-    try {
-      WritableNativeArray array1 = new WritableNativeArray();
-      WritableNativeArray array2 = new WritableNativeArray();
-      WritableNativeMap child = new WritableNativeMap();
-      array1.pushMap(child);
-      array2.pushMap(child);
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-  }
-
-  public void testThrowWhenMapReusedInMap() {
-    boolean gotException = false;
-    try {
-      WritableNativeMap map1 = new WritableNativeMap();
-      WritableNativeMap map2 = new WritableNativeMap();
-      WritableNativeMap child = new WritableNativeMap();
-      map1.putMap("child", child);
-      map2.putMap("child", child);
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-  }
-
-  public void testThrowWhenAddToConsumedArray() {
-    WritableNativeArray array = new WritableNativeArray();
-    WritableNativeArray parent = new WritableNativeArray();
-    parent.pushArray(array);
-
-    boolean gotException = false;
-    try {
-      array.pushNull();
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-
-    gotException = false;
-    try {
-      array.pushBoolean(true);
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-
-    gotException = false;
-    try {
-      array.pushDouble(1);
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-
-    gotException = false;
-    try {
-      array.pushString("foo");
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-
-    gotException = false;
-    try {
-      array.pushArray(new WritableNativeArray());
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-
-    gotException = false;
-    try {
-      array.pushMap(new WritableNativeMap());
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-  }
-
-  public void testThrowWhenAddToConsumedMap() {
-    WritableNativeMap map = new WritableNativeMap();
-    WritableNativeArray parent = new WritableNativeArray();
-    parent.pushMap(map);
-
-    boolean gotException = false;
-    try {
-      map.putNull("key");
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-
-    gotException = false;
-    try {
-      map.putBoolean("key", true);
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-
-    gotException = false;
-    try {
-      map.putDouble("key", 1);
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-
-    gotException = false;
-    try {
-      map.putString("key", "foo");
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-
-    gotException = false;
-    try {
-      map.putArray("key", new WritableNativeArray());
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-
-    gotException = false;
-    try {
-      map.putMap("key", new WritableNativeMap());
-    } catch (ObjectAlreadyConsumedException e) {
-      gotException = true;
-    }
-    assertTrue(gotException);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSReturnValuesTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSReturnValuesTestCase.java
deleted file mode 100644
index 65bc4f27e465d9..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystNativeJavaToJSReturnValuesTestCase.java
+++ /dev/null
@@ -1,162 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.WritableArray;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.bridge.WritableNativeArray;
-import com.facebook.react.bridge.WritableNativeMap;
-import com.facebook.react.module.annotations.ReactModule;
-import com.facebook.react.modules.appstate.AppStateModule;
-import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
-import com.facebook.react.testing.AssertModule;
-import com.facebook.react.testing.FakeWebSocketModule;
-import com.facebook.react.testing.ReactIntegrationTestCase;
-import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.ViewManager;
-import java.util.ArrayList;
-import org.junit.Ignore;
-
-/** Test marshalling return values from Java to JS */
-@Ignore("Fix prop types and view managers.")
-public class CatalystNativeJavaToJSReturnValuesTestCase extends ReactIntegrationTestCase {
-
-  private interface TestJavaToJSReturnValuesModule extends JavaScriptModule {
-    void callMethod(String methodName, String expectedReturnType, String expectedJSON);
-
-    void triggerException();
-  }
-
-  @ReactModule(name = "TestModule")
-  private static class TestModule extends BaseJavaModule {
-    @Override
-    public String getName() {
-      return "TestModule";
-    }
-
-    @ReactMethod(isBlockingSynchronousMethod = true)
-    boolean getBoolean() {
-      return true;
-    }
-
-    @ReactMethod(isBlockingSynchronousMethod = true)
-    Boolean getBoxedBoolean() {
-      return Boolean.valueOf(true);
-    }
-
-    @ReactMethod(isBlockingSynchronousMethod = true)
-    int getInt() {
-      return 42;
-    }
-
-    @ReactMethod(isBlockingSynchronousMethod = true)
-    Integer getBoxedInt() {
-      return Integer.valueOf(42);
-    }
-
-    @ReactMethod(isBlockingSynchronousMethod = true)
-    double getDouble() {
-      return 3.14159;
-    }
-
-    @ReactMethod(isBlockingSynchronousMethod = true)
-    Double getBoxedDouble() {
-      return Double.valueOf(3.14159);
-    }
-
-    @ReactMethod(isBlockingSynchronousMethod = true)
-    String getString() {
-      return "Hello world!";
-    }
-
-    @ReactMethod(isBlockingSynchronousMethod = true)
-    WritableArray getArray() {
-      WritableArray arr = new WritableNativeArray();
-      arr.pushString("a");
-      arr.pushBoolean(true);
-      return arr;
-    }
-
-    @ReactMethod(isBlockingSynchronousMethod = true)
-    WritableMap getMap() {
-      WritableMap map = new WritableNativeMap();
-      map.putBoolean("a", true);
-      map.putBoolean("b", false);
-      return map;
-    }
-
-    @ReactMethod(isBlockingSynchronousMethod = true)
-    boolean triggerException() {
-      throw new RuntimeException("Exception triggered");
-    }
-  }
-
-  private AssertModule mAssertModule;
-  private CatalystInstance mInstance;
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-
-    final UIManagerModule mUIManager =
-        new UIManagerModule(getContext(), new ArrayList<ViewManager>(), 0);
-
-    mAssertModule = new AssertModule();
-
-    mInstance =
-        ReactTestHelper.catalystInstanceBuilder(this)
-            .addNativeModule(mAssertModule)
-            .addNativeModule(new DeviceInfoModule(getContext()))
-            .addNativeModule(new AppStateModule(getContext()))
-            .addNativeModule(new FakeWebSocketModule())
-            .addNativeModule(mUIManager)
-            .addNativeModule(new TestModule())
-            .build();
-  }
-
-  public void testGetPrimitives() {
-    TestJavaToJSReturnValuesModule m = mInstance.getJSModule(TestJavaToJSReturnValuesModule.class);
-
-    // jboolean is actually an unsigned char, so we don't get JS booleans
-    m.callMethod("getBoolean", "number", "1");
-    m.callMethod("getBoxedBoolean", "number", "1");
-
-    m.callMethod("getInt", "number", "42");
-    m.callMethod("getBoxedInt", "number", "42");
-
-    m.callMethod("getDouble", "number", "3.14159");
-    m.callMethod("getBoxedDouble", "number", "3.14159");
-
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testObjectTypes() {
-    TestJavaToJSReturnValuesModule m = mInstance.getJSModule(TestJavaToJSReturnValuesModule.class);
-
-    m.callMethod("getString", "string", "\"Hello world!\"");
-    m.callMethod("getArray", "object", "[\"a\",true]");
-    m.callMethod("getMap", "object", "{\"b\":false,\"a\":true}");
-
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-
-  public void testThrowsException() {
-    TestJavaToJSReturnValuesModule m = mInstance.getJSModule(TestJavaToJSReturnValuesModule.class);
-    m.triggerException();
-
-    waitForBridgeAndUIIdle();
-    mAssertModule.verifyAssertsAndReset();
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystSubviewsClippingTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystSubviewsClippingTestCase.java
deleted file mode 100644
index 7d4b4b194070f0..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystSubviewsClippingTestCase.java
+++ /dev/null
@@ -1,301 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.content.Context;
-import android.widget.ScrollView;
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.views.view.ReactViewGroup;
-import com.facebook.react.views.view.ReactViewManager;
-import java.util.ArrayList;
-import java.util.List;
-import org.junit.Assert;
-
-/**
- * Integration test for {@code removeClippedSubviews} property that verify correct scrollview
- * behavior
- */
-public class CatalystSubviewsClippingTestCase extends ReactAppInstrumentationTestCase {
-
-  private interface SubviewsClippingTestModule extends JavaScriptModule {
-    void renderClippingSample1();
-
-    void renderClippingSample2();
-
-    void renderScrollViewTest();
-
-    void renderUpdatingSample1(boolean update1, boolean update2);
-
-    void renderUpdatingSample2(boolean update);
-  }
-
-  private final List<String> mEvents = new ArrayList<>();
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "SubviewsClippingTestApp";
-  }
-
-  @Override
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return super.createReactInstanceSpecForTest().addViewManager(new ClippableViewManager(mEvents));
-  }
-
-  /**
-   * In this test view are layout in a following way:
-   *
-   * <pre>
-   * +-----------------------------+
-   * |                             |
-   * |   +---------------------+   |
-   * |   | inner1              |   |
-   * |   +---------------------+   |
-   * | +-------------------------+ |
-   * | | outer (clip=true)       | |
-   * | | +---------------------+ | |
-   * | | | inner2              | | |
-   * | | +---------------------+ | |
-   * | |                         | |
-   * | +-------------------------+ |
-   * |   +---------------------+   |
-   * |   | inner3              |   |
-   * |   +---------------------+   |
-   * |                             |
-   * +-----------------------------+
-   * </pre>
-   *
-   * <p>We expect only outer and inner2 to be attached
-   */
-  public void XtestOneLevelClippingInView() throws Throwable {
-    mEvents.clear();
-    getReactContext().getJSModule(SubviewsClippingTestModule.class).renderClippingSample1();
-    waitForBridgeAndUIIdle();
-    Assert.assertArrayEquals(new String[] {"Attach_outer", "Attach_inner2"}, mEvents.toArray());
-  }
-
-  /**
-   * In this test view are layout in a following way:
-   *
-   * <pre>
-   * In this test view are layout in a following way:
-   * +-----------------------------+
-   * | outer (clip=true)           |
-   * |                             |
-   * |                             |
-   * |                             |
-   * |              +-----------------------------+
-   * |              | complexInner (clip=true)    |
-   * |              | +----------+ | +---------+  |
-   * |              | | inner1   | | | inner2  |  |
-   * |              | |          | | |         |  |
-   * |              | +----------+ | +---------+  |
-   * +--------------+--------------+              |
-   *                | +----------+   +---------+  |
-   *                | | inner3   |   | inner4  |  |
-   *                | |          |   |         |  |
-   *                | +----------+   +---------+  |
-   *                |                             |
-   *                +-----------------------------+
-   * </pre>
-   *
-   * <p>We expect outer, complexInner & inner1 to be attached
-   */
-  public void XtestTwoLevelClippingInView() throws Throwable {
-    mEvents.clear();
-    getReactContext().getJSModule(SubviewsClippingTestModule.class).renderClippingSample2();
-    waitForBridgeAndUIIdle();
-    Assert.assertArrayEquals(
-        new String[] {"Attach_outer", "Attach_complexInner", "Attach_inner1"}, mEvents.toArray());
-  }
-
-  /**
-   * This test verifies that we update clipped subviews appropriately when some of them gets
-   * re-layouted.
-   *
-   * <p>In this test scenario we render clipping view ("outer") with two subviews, one is outside
-   * and clipped and one is inside (absolutely positioned). By updating view props we first change
-   * the height of the first element so that it should intersect with clipping "outer" view. Then we
-   * update top position of the second view so that is should go off screen.
-   */
-  public void testClippingAfterLayoutInner() {
-    SubviewsClippingTestModule subviewsClippingTestModule =
-        getReactContext().getJSModule(SubviewsClippingTestModule.class);
-
-    mEvents.clear();
-    subviewsClippingTestModule.renderUpdatingSample1(false, false);
-    waitForBridgeAndUIIdle();
-    Assert.assertArrayEquals(new String[] {"Attach_outer", "Attach_inner2"}, mEvents.toArray());
-
-    mEvents.clear();
-    subviewsClippingTestModule.renderUpdatingSample1(true, false);
-    waitForBridgeAndUIIdle();
-    Assert.assertArrayEquals(new String[] {"Attach_inner1"}, mEvents.toArray());
-
-    mEvents.clear();
-    subviewsClippingTestModule.renderUpdatingSample1(true, true);
-    waitForBridgeAndUIIdle();
-    Assert.assertArrayEquals(new String[] {"Detach_inner2"}, mEvents.toArray());
-  }
-
-  /**
-   * This test verifies that we update clipping views appropriately when parent view layout changes
-   * in a way that affects clipping.
-   *
-   * <p>In this test we render clipping view ("outer") set to be 100x100dp with inner view that is
-   * absolutely positioned out of the clipping area of the parent view. Then we resize parent view
-   * so that inner view should be visible.
-   */
-  public void testClippingAfterLayoutParent() {
-    SubviewsClippingTestModule subviewsClippingTestModule =
-        getReactContext().getJSModule(SubviewsClippingTestModule.class);
-
-    mEvents.clear();
-    subviewsClippingTestModule.renderUpdatingSample2(false);
-    waitForBridgeAndUIIdle();
-    Assert.assertArrayEquals(new String[] {"Attach_outer"}, mEvents.toArray());
-
-    mEvents.clear();
-    subviewsClippingTestModule.renderUpdatingSample2(true);
-    waitForBridgeAndUIIdle();
-    Assert.assertArrayEquals(new String[] {"Attach_inner"}, mEvents.toArray());
-  }
-
-  public void testOneLevelClippingInScrollView() throws Throwable {
-    getReactContext().getJSModule(SubviewsClippingTestModule.class).renderScrollViewTest();
-    waitForBridgeAndUIIdle();
-
-    // Only 3 first views should be attached at the beginning
-    Assert.assertArrayEquals(new String[] {"Attach_0", "Attach_1", "Attach_2"}, mEvents.toArray());
-    mEvents.clear();
-
-    // We scroll down such that first view get out of the bounds, we expect the first view to be
-    // detached and 4th view to get attached
-    scrollToDpInUIThread(120);
-    Assert.assertArrayEquals(new String[] {"Detach_0", "Attach_3"}, mEvents.toArray());
-  }
-
-  public void testTwoLevelClippingInScrollView() throws Throwable {
-    getReactContext().getJSModule(SubviewsClippingTestModule.class).renderScrollViewTest();
-    waitForBridgeAndUIIdle();
-
-    final int complexViewOffset = 4 * 120 - 300;
-
-    // Step 1
-    // We scroll down such that first "complex" view is clipped & just below the bottom of the
-    // scroll view
-    scrollToDpInUIThread(complexViewOffset);
-
-    mEvents.clear();
-
-    // Step 2
-    // Scroll a little bit so that "complex" view is visible, but it's inner views are not
-    scrollToDpInUIThread(complexViewOffset + 5);
-
-    Assert.assertArrayEquals(new String[] {"Attach_C0"}, mEvents.toArray());
-    mEvents.clear();
-
-    // Step 3
-    // Scroll even more so that first subview of "complex" view is visible, view 1 will get off
-    // screen
-    scrollToDpInUIThread(complexViewOffset + 100);
-    Assert.assertArrayEquals(new String[] {"Detach_1", "Attach_C0.1"}, mEvents.toArray());
-    mEvents.clear();
-
-    // Step 4
-    // Scroll even more to reveal second subview of "complex" view
-    scrollToDpInUIThread(complexViewOffset + 150);
-    Assert.assertArrayEquals(new String[] {"Attach_C0.2"}, mEvents.toArray());
-    mEvents.clear();
-
-    // Step 5
-    // Scroll back to previous position (Step 3), second view should get detached
-    scrollToDpInUIThread(complexViewOffset + 100);
-    Assert.assertArrayEquals(new String[] {"Detach_C0.2"}, mEvents.toArray());
-    mEvents.clear();
-
-    // Step 6
-    // Scroll back to Step 2, complex view should be visible but all subviews should be detached
-    scrollToDpInUIThread(complexViewOffset + 5);
-    Assert.assertArrayEquals(new String[] {"Attach_1", "Detach_C0.1"}, mEvents.toArray());
-    mEvents.clear();
-
-    // Step 7
-    // Scroll back to Step 1, complex view should be gone
-    scrollToDpInUIThread(complexViewOffset);
-    Assert.assertArrayEquals(new String[] {"Detach_C0"}, mEvents.toArray());
-  }
-
-  private void scrollToDpInUIThread(final int yPositionInDP) throws Throwable {
-    final ScrollView mainScrollView = getViewByTestId("scroll_view");
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            mainScrollView.scrollTo(0, (int) PixelUtil.toPixelFromDIP(yPositionInDP));
-          }
-        });
-    waitForBridgeAndUIIdle();
-  }
-
-  private static class ClippableView extends ReactViewGroup {
-
-    private String mClippableViewID;
-    private final List<String> mEvents;
-
-    public ClippableView(Context context, List<String> events) {
-      super(context);
-      mEvents = events;
-    }
-
-    @Override
-    protected void onAttachedToWindow() {
-      super.onAttachedToWindow();
-      mEvents.add("Attach_" + mClippableViewID);
-    }
-
-    @Override
-    protected void onDetachedFromWindow() {
-      super.onDetachedFromWindow();
-      mEvents.add("Detach_" + mClippableViewID);
-    }
-
-    public void setClippableViewID(String clippableViewID) {
-      mClippableViewID = clippableViewID;
-    }
-  }
-
-  private static class ClippableViewManager extends ReactViewManager {
-
-    private final List<String> mEvents;
-
-    public ClippableViewManager(List<String> events) {
-      mEvents = events;
-    }
-
-    @Override
-    public String getName() {
-      return "ClippableView";
-    }
-
-    @Override
-    public ReactViewGroup createViewInstance(ThemedReactContext context) {
-      return new ClippableView(context, mEvents);
-    }
-
-    @ReactProp(name = "clippableViewID")
-    public void setClippableViewId(ReactViewGroup view, @Nullable String clippableViewId) {
-      ((ClippableView) view).setClippableViewID(clippableViewId);
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystTouchBubblingTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystTouchBubblingTestCase.java
deleted file mode 100644
index 98557aec5d11a4..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystTouchBubblingTestCase.java
+++ /dev/null
@@ -1,155 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.view.View;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.testing.SingleTouchGestureGenerator;
-import com.facebook.react.testing.StringRecordingModule;
-
-/**
- * This test is to verify that touch events bubbles up to the right handler. We emulate couple of
- * different gestures on top of the application reflecting following layout:
- *
- * <pre>
- * +---------------------------------------------------------------------------------------+
- * |                                                                                       |
- * | +----------------------------------------------------------------------------------+  |
- * | | +-------------+                                              +----------------+  |  |
- * | | | +---+       |                                              |                |  |  |
- * | | | | A |       |                                              |                |  |  |
- * | | | +---+       |                                              |        C       |  |  |
- * | | |     {B}     |                                              |                |  |  |
- * | | |             |                      {D}                     |                |  |  |
- * | | +-------------+                                              +----------------+  |  |
- * | |                                                                                  |  |
- * | |                                                                                  |  |
- * | +----------------------------------------------------------------------------------+  |
- * |
- * | +----------------------------------------------------------------------------------+  |
- * | |                                                                                  |  |
- * | |                                                                                  |  |
- * | |                                                                                  |  |
- * | |                                      {E}                                         |  |
- * | |                                                                                  |  |
- * | |                                                                                  |  |
- * | +----------------------------------------------------------------------------------+  |
- * +---------------------------------------------------------------------------------------+
- * </pre>
- *
- * <p>Then in each test case we either tap the center of a particular view (from A to E) or we start
- * a gesture in one view and end it with another. View with names in brackets (e.g. {D}) have touch
- * handlers set whereas all other views are not declared to handler touch events.
- */
-public class CatalystTouchBubblingTestCase extends ReactAppInstrumentationTestCase {
-
-  private final StringRecordingModule mRecordingModule = new StringRecordingModule();
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "TouchBubblingTestAppModule";
-  }
-
-  /**
-   * 1) Simulate touch event at view A, expect {B} touch handler to fire 2) Simulate touch event at
-   * view C, expect {D} touch handler to fire
-   */
-  public void testSimpleClickAtInnerElements() {
-    mRecordingModule.reset();
-    View innerButton = getViewByTestId("A");
-    assertNotNull(innerButton);
-    createGestureGenerator().startGesture(innerButton).endGesture();
-    waitForBridgeAndUIIdle();
-    assertEquals(1, mRecordingModule.getCalls().size());
-    assertEquals("inner", mRecordingModule.getCalls().get(0));
-
-    mRecordingModule.reset();
-    innerButton = getViewByTestId("C");
-    assertNotNull(innerButton);
-    createGestureGenerator().startGesture(innerButton).endGesture();
-    waitForBridgeAndUIIdle();
-    assertEquals(1, mRecordingModule.getCalls().size());
-    assertEquals("outer", mRecordingModule.getCalls().get(0));
-  }
-
-  /**
-   * 1) Start touch at view A, then drag and release on view {B} (but outside of A), expect {B}'s
-   * touch handler to fire 2) Do the same with view C and {D}
-   */
-  public void testDownOnInnerUpOnTouchableParent() {
-    View innerButton = getViewByTestId("A");
-    View touchableParent = getViewByTestId("B");
-
-    SingleTouchGestureGenerator gestureGenerator = createGestureGenerator();
-    gestureGenerator.startGesture(innerButton);
-    // wait for tapped view measurements
-    waitForBridgeAndUIIdle();
-
-    gestureGenerator.dragTo(touchableParent, 15).endGesture();
-    waitForBridgeAndUIIdle();
-    assertEquals(1, mRecordingModule.getCalls().size());
-    assertEquals("inner", mRecordingModule.getCalls().get(0));
-
-    // Do same with second inner view
-    mRecordingModule.reset();
-
-    touchableParent = getViewByTestId("D");
-    innerButton = getViewByTestId("C");
-
-    gestureGenerator = createGestureGenerator();
-    gestureGenerator.startGesture(innerButton);
-    // wait for tapped view measurements
-    waitForBridgeAndUIIdle();
-
-    gestureGenerator.dragTo(touchableParent, 15).endGesture();
-    waitForBridgeAndUIIdle();
-    assertEquals(1, mRecordingModule.getCalls().size());
-    assertEquals("outer", mRecordingModule.getCalls().get(0));
-  }
-
-  /**
-   * Start gesture at view A, then drag and release on view {E}. Expect no touch handlers to fire
-   */
-  public void testDragOutOfTouchable() {
-    View outsideView = getViewByTestId("E");
-    View innerButton = getViewByTestId("A");
-
-    SingleTouchGestureGenerator gestureGenerator = createGestureGenerator();
-    gestureGenerator.startGesture(innerButton);
-    // wait for tapped view measurements
-    waitForBridgeAndUIIdle();
-
-    gestureGenerator.dragTo(outsideView, 15).endGesture();
-    waitForBridgeAndUIIdle();
-    assertTrue(mRecordingModule.getCalls().isEmpty());
-  }
-
-  /**
-   * In this scenario we start gesture at view A (has two touchable parents {B} and {D}) then we
-   * drag and release gesture on view {D}, but outside of {B}. We expect no touch handler to fire
-   */
-  public void testNoEventWhenDragOutOfFirstTouchableParentToItsTouchableParent() {
-    View topLevelTouchable = getViewByTestId("C");
-    View innerButton = getViewByTestId("A");
-
-    SingleTouchGestureGenerator gestureGenerator = createGestureGenerator();
-    gestureGenerator.startGesture(innerButton);
-    // wait for tapped view measurements
-    waitForBridgeAndUIIdle();
-
-    gestureGenerator.dragTo(topLevelTouchable, 15).endGesture();
-    waitForBridgeAndUIIdle();
-    assertTrue(mRecordingModule.getCalls().isEmpty());
-  }
-
-  @Override
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return new ReactInstanceSpecForTest().addNativeModule(mRecordingModule);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystUIManagerTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystUIManagerTestCase.java
deleted file mode 100644
index 4d40bba1c6089e..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/CatalystUIManagerTestCase.java
+++ /dev/null
@@ -1,256 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.util.DisplayMetrics;
-import android.view.View;
-import android.view.ViewGroup;
-import android.widget.FrameLayout;
-import android.widget.TextView;
-import com.facebook.react.ReactRootView;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.modules.appstate.AppStateModule;
-import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
-import com.facebook.react.modules.systeminfo.AndroidInfoModule;
-import com.facebook.react.testing.FakeWebSocketModule;
-import com.facebook.react.testing.ReactIntegrationTestCase;
-import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.views.text.ReactRawTextManager;
-import com.facebook.react.views.text.ReactTextViewManager;
-import com.facebook.react.views.view.ReactViewManager;
-import java.util.Arrays;
-import java.util.List;
-
-/** Test case for basic {@link UIManagerModule} functionality. */
-public class CatalystUIManagerTestCase extends ReactIntegrationTestCase {
-  private interface UIManagerTestModule extends JavaScriptModule {
-    void renderFlexTestApplication(int rootTag);
-
-    void renderFlexWithTextApplication(int rootTag);
-
-    void renderAbsolutePositionTestApplication(int rootTag);
-
-    void renderAbsolutePositionBottomRightTestApplication(int rootTag);
-
-    void renderCenteredTextViewTestApplication(int rootTag, String text);
-
-    void renderUpdatePositionInListTestApplication(int rootTag);
-
-    void flushUpdatePositionInList();
-  }
-
-  private UIManagerTestModule jsModule;
-  private UIManagerModule uiManager;
-
-  private int inPixelRounded(int val) {
-    return Math.round(PixelUtil.toPixelFromDIP(val));
-  }
-
-  private boolean isWithinRange(float value, float lower, float upper) {
-    return value >= lower && value <= upper;
-  }
-
-  private ReactRootView createRootView() {
-    ReactRootView rootView = new ReactRootView(getContext());
-    final DisplayMetrics metrics = getContext().getResources().getDisplayMetrics();
-    rootView.setLayoutParams(
-        new FrameLayout.LayoutParams(metrics.widthPixels, metrics.heightPixels));
-    uiManager.addRootView(rootView);
-    // We add the root view by posting to the main thread so wait for that to complete so that the
-    // root view tag is added to the view
-    waitForIdleSync();
-    return rootView;
-  }
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-
-    List<ViewManager> viewManagers =
-        Arrays.<ViewManager>asList(
-            new ReactViewManager(), new ReactTextViewManager(), new ReactRawTextManager());
-    uiManager = new UIManagerModule(getContext(), viewManagers, 0);
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            uiManager.onHostResume();
-          }
-        });
-    waitForIdleSync();
-
-    jsModule =
-        ReactTestHelper.catalystInstanceBuilder(this)
-            .addNativeModule(uiManager)
-            .addNativeModule(new AndroidInfoModule(getContext()))
-            .addNativeModule(new DeviceInfoModule(getContext()))
-            .addNativeModule(new AppStateModule(getContext()))
-            .addNativeModule(new FakeWebSocketModule())
-            .build()
-            .getJSModule(UIManagerTestModule.class);
-  }
-
-  public void testFlexUIRendered() {
-    FrameLayout rootView = createRootView();
-    jsModule.renderFlexTestApplication(rootView.getId());
-    waitForBridgeAndUIIdle();
-
-    assertEquals(1, rootView.getChildCount());
-
-    ViewGroup container = getViewByTestId(rootView, "container");
-    assertEquals(inPixelRounded(200), container.getWidth());
-    assertEquals(inPixelRounded(200), container.getHeight());
-    assertEquals(2, container.getChildCount());
-
-    View child0 = container.getChildAt(0);
-    assertEquals(inPixelRounded(100), child0.getWidth());
-    assertEquals(inPixelRounded(200), child0.getHeight());
-
-    View child1 = container.getChildAt(1);
-    assertEquals(inPixelRounded(100), child1.getWidth());
-    assertEquals(inPixelRounded(200), child1.getHeight());
-  }
-
-  // TODO t13583009
-  // Breaks OSS CI but runs fine locally
-  // Find what could be different and make the test independent of env
-  // public void testFlexWithTextViews() {
-  //   FrameLayout rootView = createRootView();
-  //   jsModule.renderFlexWithTextApplication(rootView.getId());
-  //   waitForBridgeAndUIIdle();
-  //
-  //   assertEquals(1, rootView.getChildCount());
-  //
-  //   ViewGroup container = getViewByTestId(rootView, "container");
-  //   assertEquals(inPixelRounded(300), container.getHeight());
-  //   assertEquals(1, container.getChildCount());
-  //
-  //   ViewGroup row = (ViewGroup) container.getChildAt(0);
-  //   assertEquals(inPixelRounded(300), row.getHeight());
-  //   assertEquals(2, row.getChildCount());
-  //
-  //   // Text measurement adds padding that isn't completely dependent on density so we can't
-  // easily
-  //   // get an exact value here
-  //   float approximateExpectedTextHeight = inPixelRounded(19);
-  //   View leftText = row.getChildAt(0);
-  //   assertTrue(
-  //       isWithinRange(
-  //           leftText.getHeight(),
-  //           approximateExpectedTextHeight - PixelUtil.toPixelFromDIP(1),
-  //           approximateExpectedTextHeight + PixelUtil.toPixelFromDIP(1)));
-  //   assertEquals(row.getWidth() / 2 - inPixelRounded(20), leftText.getWidth());
-  //   assertEquals(inPixelRounded(290), (leftText.getTop() + leftText.getHeight()));
-  //
-  //   View rightText = row.getChildAt(1);
-  //   assertTrue(
-  //       isWithinRange(
-  //           rightText.getHeight(),
-  //           approximateExpectedTextHeight - PixelUtil.toPixelFromDIP(1),
-  //           approximateExpectedTextHeight + PixelUtil.toPixelFromDIP(1)));
-  //   assertEquals(leftText.getWidth(), rightText.getWidth());
-  //   assertEquals(leftText.getTop(), rightText.getTop());
-  //   assertEquals(leftText.getWidth() + inPixelRounded(30), rightText.getLeft());
-  // }
-
-  public void testAbsolutePositionUIRendered() {
-    FrameLayout rootView = createRootView();
-    jsModule.renderAbsolutePositionTestApplication(rootView.getId());
-    waitForBridgeAndUIIdle();
-
-    assertEquals(1, rootView.getChildCount());
-
-    View absoluteView = getViewByTestId(rootView, "absolute");
-    assertEquals(inPixelRounded(50), absoluteView.getWidth());
-    assertEquals(inPixelRounded(60), absoluteView.getHeight());
-    assertEquals(inPixelRounded(10), absoluteView.getLeft());
-    assertEquals(inPixelRounded(15), absoluteView.getTop());
-  }
-
-  public void testUpdatePositionInList() {
-    FrameLayout rootView = createRootView();
-    jsModule.renderUpdatePositionInListTestApplication(rootView.getId());
-    waitForBridgeAndUIIdle();
-
-    ViewGroup containerView = getViewByTestId(rootView, "container");
-    View c0 = containerView.getChildAt(0);
-    View c1 = containerView.getChildAt(1);
-    View c2 = containerView.getChildAt(2);
-
-    assertEquals(inPixelRounded(10), c0.getHeight());
-    assertEquals(inPixelRounded(0), c0.getTop());
-    assertEquals(inPixelRounded(10), c1.getHeight());
-    assertEquals(inPixelRounded(10), c1.getTop());
-    assertEquals(inPixelRounded(10), c2.getHeight());
-    assertEquals(inPixelRounded(20), c2.getTop());
-
-    // Let's make the second elements 50px height instead of 10px
-    jsModule.flushUpdatePositionInList();
-    waitForBridgeAndUIIdle();
-
-    assertEquals(inPixelRounded(10), c0.getHeight());
-    assertEquals(inPixelRounded(0), c0.getTop());
-    assertEquals(inPixelRounded(50), c1.getHeight());
-    assertEquals(inPixelRounded(10), c1.getTop());
-    assertEquals(inPixelRounded(10), c2.getHeight());
-    assertEquals(inPixelRounded(60), c2.getTop());
-  }
-
-  public void testAbsolutePositionBottomRightUIRendered() {
-    FrameLayout rootView = createRootView();
-    jsModule.renderAbsolutePositionBottomRightTestApplication(rootView.getId());
-    waitForBridgeAndUIIdle();
-
-    assertEquals(1, rootView.getChildCount());
-
-    ViewGroup containerView = getViewByTestId(rootView, "container");
-    View absoluteView = containerView.getChildAt(0);
-
-    assertEquals(inPixelRounded(50), absoluteView.getWidth());
-    assertEquals(inPixelRounded(60), absoluteView.getHeight());
-    assertEquals(inPixelRounded(100 - 50 - 10), Math.round(absoluteView.getLeft()));
-    assertEquals(inPixelRounded(100 - 60 - 15), Math.round(absoluteView.getTop()));
-  }
-
-  public void _testCenteredText(String text) {
-    ReactRootView rootView = new ReactRootView(getContext());
-    int rootTag = uiManager.addRootView(rootView);
-
-    jsModule.renderCenteredTextViewTestApplication(rootTag, text);
-    waitForBridgeAndUIIdle();
-
-    TextView textView = getViewByTestId(rootView, "text");
-
-    // text view should be centered
-    String msg = "text `" + text + "` is not centered";
-    assertTrue(msg, textView.getLeft() > 0.1);
-    assertTrue(msg, textView.getTop() > 0.1);
-    assertEquals(
-        msg,
-        (int) Math.ceil((inPixelRounded(200) - textView.getWidth()) * 0.5f),
-        textView.getLeft());
-    assertEquals(
-        msg,
-        (int) Math.ceil((inPixelRounded(100) - textView.getHeight()) * 0.5f),
-        textView.getTop());
-  }
-
-  public void testCenteredTextCases() {
-    String[] cases =
-        new String[] {
-          "test", "with whitespace",
-        };
-    for (String text : cases) {
-      _testCenteredText(text);
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/IdTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/IdTestCase.java
deleted file mode 100644
index 7cc93cf4ed676b..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/IdTestCase.java
+++ /dev/null
@@ -1,88 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.view.View;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.uimanager.util.ReactFindViewUtil;
-import java.util.Arrays;
-import java.util.List;
-
-/**
- * Tests that the 'id' property can be set on various views. The 'id' property is used to reference
- * react managed views from native code.
- */
-public class IdTestCase extends ReactAppInstrumentationTestCase {
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "IdTestApp";
-  }
-
-  private final List<String> viewTags =
-      Arrays.asList(
-          "Image",
-          "Text",
-          "TouchableBounce",
-          "TouchableHighlight",
-          "TouchableOpacity",
-          "TouchableWithoutFeedback",
-          "TextInput",
-          "View");
-
-  private boolean mViewFound;
-
-  @Override
-  protected void setUp() throws Exception {
-    mViewFound = false;
-    ReactFindViewUtil.addViewListener(
-        new ReactFindViewUtil.OnViewFoundListener() {
-          @Override
-          public String getNativeId() {
-            return viewTags.get(0);
-          }
-
-          @Override
-          public void onViewFound(View view) {
-            mViewFound = true;
-          }
-        });
-    super.setUp();
-  }
-
-  public void testPropertyIsSetForViews() {
-    for (String nativeId : viewTags) {
-      View viewWithTag = ReactFindViewUtil.findView(getActivity().getRootView(), nativeId);
-      assertNotNull(
-          "View with id " + nativeId + " was not found. Check IdTestModule.js.", viewWithTag);
-    }
-  }
-
-  public void testViewListener() {
-    assertTrue("OnViewFound callback was never invoked", mViewFound);
-  }
-
-  public void testFindView() {
-    mViewFound = false;
-    ReactFindViewUtil.findView(
-        getActivity().getRootView(),
-        new ReactFindViewUtil.OnViewFoundListener() {
-          @Override
-          public String getNativeId() {
-            return viewTags.get(0);
-          }
-
-          @Override
-          public void onViewFound(View view) {
-            mViewFound = true;
-          }
-        });
-    assertTrue(
-        "OnViewFound callback should have successfully been invoked synchronously", mViewFound);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageErrorTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageErrorTestCase.java
deleted file mode 100644
index e77487ee489f0a..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageErrorTestCase.java
+++ /dev/null
@@ -1,47 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.testing.StringRecordingModule;
-
-/** Simple test case to check that onError does not get called with undefined */
-public class ImageErrorTestCase extends ReactAppInstrumentationTestCase {
-
-  private StringRecordingModule mStringRecordingModule;
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "ImageErrorTestApp";
-  }
-
-  public void testErrorHasCause() throws Exception {
-    assertNotNull(getViewByTestId("image-1"));
-    assertNotNull(getViewByTestId("image-2"));
-    assertNotNull(getViewByTestId("image-3"));
-
-    Thread.sleep(3000);
-
-    assertEquals(3, mStringRecordingModule.getCalls().size());
-    assertEquals(
-        "Got error: Unsupported uri scheme! Uri is: ", mStringRecordingModule.getCalls().get(0));
-    assertEquals(
-        "Got error: /does/not/exist: open failed: ENOENT (No such file or directory)",
-        mStringRecordingModule.getCalls().get(1));
-    assertEquals(
-        "Got error: Unexpected HTTP code Response{protocol=http/1.1, code=404, message=Not Found, url=https://typo_error_facebook.github.io/react/logo-og.png}",
-        mStringRecordingModule.getCalls().get(2));
-  }
-
-  @Override
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    mStringRecordingModule = new StringRecordingModule();
-    return super.createReactInstanceSpecForTest().addNativeModule(mStringRecordingModule);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageOverlayColorTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageOverlayColorTestCase.java
deleted file mode 100644
index 30419772a4d9d8..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ImageOverlayColorTestCase.java
+++ /dev/null
@@ -1,25 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.view.View;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-
-/** Simple test case for passing overlayColor prop to the Image component */
-public class ImageOverlayColorTestCase extends ReactAppInstrumentationTestCase {
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "ImageOverlayColorTestApp";
-  }
-
-  public void testOverlayColorDoesNotCrash() {
-    View image = getViewByTestId("image");
-    assertNotNull(image);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/InitialPropsTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/InitialPropsTestCase.java
deleted file mode 100644
index 60548adf62390a..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/InitialPropsTestCase.java
+++ /dev/null
@@ -1,120 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.os.Bundle;
-import android.test.ActivityInstrumentationTestCase2;
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.testing.FakeWebSocketModule;
-import com.facebook.react.testing.ReactAppTestActivity;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-
-/** Simple test case for passing initial props to the root React application. */
-public class InitialPropsTestCase extends ActivityInstrumentationTestCase2<ReactAppTestActivity> {
-
-  public static final String DEFAULT_JS_BUNDLE = "AndroidTestBundle.js";
-
-  private static class RecordingModule extends BaseJavaModule {
-    private int mCount = 0;
-    private ReadableMap mProps;
-
-    @Override
-    public String getName() {
-      return "InitialPropsRecordingModule";
-    }
-
-    @ReactMethod
-    public void recordProps(ReadableMap props) {
-      mProps = props;
-      mCount++;
-    }
-
-    public int getCount() {
-      return mCount;
-    }
-
-    public ReadableMap getProps() {
-      return mProps;
-    }
-  }
-
-  private RecordingModule mRecordingModule;
-
-  public InitialPropsTestCase() {
-    super(ReactAppTestActivity.class);
-  }
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-
-    mRecordingModule = new RecordingModule();
-  }
-
-  public void testInitialProps() throws Throwable {
-    final ReactAppTestActivity activity = getActivity();
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            ReactInstanceSpecForTest catalystInstanceSpec = new ReactInstanceSpecForTest();
-            catalystInstanceSpec.addNativeModule(new FakeWebSocketModule());
-            catalystInstanceSpec.addNativeModule(mRecordingModule);
-            Bundle props = new Bundle();
-            props.putString("key1", "string");
-            props.putInt("key2", 5);
-            props.putDouble("key3", 5.5);
-            props.putFloat("key4", 5.6f);
-            props.putBoolean("key5", true);
-            props.putStringArray("key6", new String[] {"one", "two", "three"});
-            props.putIntArray("key7", new int[] {1, 2, 3});
-            props.putDoubleArray("key8", new double[] {1.5, 2.5, 3.5});
-            props.putFloatArray("key9", new float[] {1.6f, 2.6f, 3.6f});
-            props.putBooleanArray("key10", new boolean[] {true, false});
-            activity.loadApp(
-                "InitialPropsTestApp", catalystInstanceSpec, props, DEFAULT_JS_BUNDLE, false);
-          }
-        });
-    activity.waitForBridgeAndUIIdle();
-
-    assertEquals(1, mRecordingModule.getCount());
-    ReadableMap props = mRecordingModule.getProps();
-    assertEquals("string", props.getString("key1"));
-    assertEquals(5, props.getInt("key2"));
-    assertEquals(5.5, props.getDouble("key3"));
-    assertEquals(5.6f, (float) props.getDouble("key4"));
-    assertEquals(true, props.getBoolean("key5"));
-
-    ReadableArray stringArray = props.getArray("key6");
-    assertEquals("one", stringArray.getString(0));
-    assertEquals("two", stringArray.getString(1));
-    assertEquals("three", stringArray.getString(2));
-
-    ReadableArray intArray = props.getArray("key7");
-    assertEquals(1, intArray.getInt(0));
-    assertEquals(2, intArray.getInt(1));
-    assertEquals(3, intArray.getInt(2));
-
-    ReadableArray doubleArray = props.getArray("key8");
-    assertEquals(1.5, doubleArray.getDouble(0));
-    assertEquals(2.5, doubleArray.getDouble(1));
-    assertEquals(3.5, doubleArray.getDouble(2));
-
-    ReadableArray floatArray = props.getArray("key9");
-    assertEquals(1.6f, (float) floatArray.getDouble(0));
-    assertEquals(2.6f, (float) floatArray.getDouble(1));
-    assertEquals(3.6f, (float) floatArray.getDouble(2));
-
-    ReadableArray booleanArray = props.getArray("key10");
-    assertEquals(true, booleanArray.getBoolean(0));
-    assertEquals(false, booleanArray.getBoolean(1));
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSLocaleTest.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSLocaleTest.java
deleted file mode 100644
index a270ff0d07d8b7..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSLocaleTest.java
+++ /dev/null
@@ -1,102 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.modules.appstate.AppStateModule;
-import com.facebook.react.modules.core.ReactChoreographer;
-import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
-import com.facebook.react.testing.FakeWebSocketModule;
-import com.facebook.react.testing.ReactIntegrationTestCase;
-import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.testing.StringRecordingModule;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.views.view.ReactViewManager;
-import java.util.Arrays;
-import java.util.List;
-
-/** Test locale-based functionality of JS VM */
-public class JSLocaleTest extends ReactIntegrationTestCase {
-
-  private interface TestJSLocaleModule extends JavaScriptModule {
-    void toUpper(String string);
-
-    void toLower(String string);
-  }
-
-  StringRecordingModule mStringRecordingModule;
-
-  private CatalystInstance mInstance;
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-
-    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(new ReactViewManager());
-    final UIManagerModule mUIManager = new UIManagerModule(getContext(), viewManagers, 0);
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            ReactChoreographer.initialize();
-            mUIManager.onHostResume();
-          }
-        });
-    waitForIdleSync();
-
-    mStringRecordingModule = new StringRecordingModule();
-    mInstance =
-        ReactTestHelper.catalystInstanceBuilder(this)
-            .addNativeModule(mStringRecordingModule)
-            .addNativeModule(mUIManager)
-            .addNativeModule(new DeviceInfoModule(getContext()))
-            .addNativeModule(new AppStateModule(getContext()))
-            .addNativeModule(new FakeWebSocketModule())
-            .build();
-  }
-
-  public void testToUpper() {
-    TestJSLocaleModule testModule = mInstance.getJSModule(TestJSLocaleModule.class);
-    waitForBridgeAndUIIdle();
-
-    testModule.toUpper("test");
-    testModule.toUpper("W niżach mógł zjeść truflę koń bądź psy");
-    testModule.toUpper("Шеф взъярён тчк щипцы с эхом гудбай Жюль");
-    testModule.toUpper("Γαζίες καὶ μυρτιὲς δὲν θὰ βρῶ πιὰ στὸ χρυσαφὶ ξέφωτο");
-    testModule.toUpper("chinese: 幓 厏吪吙 鈊釿閍 碞碠粻 曮禷");
-    waitForBridgeAndUIIdle();
-
-    String[] answers = mStringRecordingModule.getCalls().toArray(new String[0]);
-    assertEquals("TEST", answers[0]);
-    assertEquals("W NIŻACH MÓGŁ ZJEŚĆ TRUFLĘ KOŃ BĄDŹ PSY", answers[1]);
-    assertEquals("ШЕФ ВЗЪЯРЁН ТЧК ЩИПЦЫ С ЭХОМ ГУДБАЙ ЖЮЛЬ", answers[2]);
-    assertEquals("ΓΑΖΊΕΣ ΚΑῚ ΜΥΡΤΙῈΣ ΔῈΝ ΘᾺ ΒΡΩ͂ ΠΙᾺ ΣΤῸ ΧΡΥΣΑΦῚ ΞΈΦΩΤΟ", answers[3]);
-    assertEquals("CHINESE: 幓 厏吪吙 鈊釿閍 碞碠粻 曮禷", answers[4]);
-  }
-
-  public void testToLower() {
-    TestJSLocaleModule testModule = mInstance.getJSModule(TestJSLocaleModule.class);
-
-    testModule.toLower("TEST");
-    testModule.toLower("W NIŻACH MÓGŁ ZJEŚĆ TRUFLĘ KOŃ BĄDŹ psy");
-    testModule.toLower("ШЕФ ВЗЪЯРЁН ТЧК ЩИПЦЫ С ЭХОМ ГУДБАЙ ЖЮЛЬ");
-    testModule.toLower("ΓΑΖΊΕΣ ΚΑῚ ΜΥΡΤΙῈΣ ΔῈΝ ΘᾺ ΒΡΩ͂ ΠΙᾺ ΣΤῸ ΧΡΥΣΑΦῚ ΞΈΦΩΤΟ");
-    testModule.toLower("CHINESE: 幓 厏吪吙 鈊釿閍 碞碠粻 曮禷");
-    waitForBridgeAndUIIdle();
-
-    String[] answers = mStringRecordingModule.getCalls().toArray(new String[0]);
-    assertEquals("test", answers[0]);
-    assertEquals("w niżach mógł zjeść truflę koń bądź psy", answers[1]);
-    assertEquals("шеф взъярён тчк щипцы с эхом гудбай жюль", answers[2]);
-    assertEquals("γαζίες καὶ μυρτιὲς δὲν θὰ βρῶ πιὰ στὸ χρυσαφὶ ξέφωτο", answers[3]);
-    assertEquals("chinese: 幓 厏吪吙 鈊釿閍 碞碠粻 曮禷", answers[4]);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSResponderTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSResponderTestCase.java
deleted file mode 100644
index ec947422fd3450..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/JSResponderTestCase.java
+++ /dev/null
@@ -1,62 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.widget.ScrollView;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.SingleTouchGestureGenerator;
-import com.facebook.react.uimanager.PixelUtil;
-
-/**
- * Test case to verify that JSResponder flow work correctly.
- *
- * <p>In a single test case scenario we have a view with pan gesture recognizer containing a
- * scrollview We verify that by vertical drags affects a scrollview while horizontal drags are
- * suppose to be recognized by pan responder and setJSResponder should be triggered resulting in
- * scrollview events being intercepted.
- */
-public class JSResponderTestCase extends ReactAppInstrumentationTestCase {
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "JSResponderTestApp";
-  }
-
-  public void testResponderLocksScrollView() {
-    ScrollView scrollView = getViewByTestId("scroll_view");
-    assertNotNull(scrollView);
-    assertEquals(0, scrollView.getScrollY());
-
-    float inpx40dp = PixelUtil.toPixelFromDIP(40f);
-    float inpx100dp = PixelUtil.toPixelFromDIP(100f);
-
-    SingleTouchGestureGenerator gestureGenerator = createGestureGenerator();
-
-    gestureGenerator
-        .startGesture(30, 30 + inpx100dp)
-        .dragTo(30 + inpx40dp, 30, 10, 1200)
-        .endGesture(180, 100);
-
-    waitForBridgeAndUIIdle();
-
-    assertTrue("Expected to scroll by at least 80 dp", scrollView.getScrollY() >= inpx100dp * .8f);
-
-    int previousScroll = scrollView.getScrollY();
-
-    gestureGenerator
-        .startGesture(30, 30 + inpx100dp)
-        .dragTo(30 + inpx40dp, 30 + inpx100dp, 10, 1200);
-
-    waitForBridgeAndUIIdle();
-
-    gestureGenerator.dragTo(30 + inpx40dp, 30, 10, 1200).endGesture();
-
-    waitForBridgeAndUIIdle();
-    assertEquals("Expected not to scroll", scrollView.getScrollY(), previousScroll);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/LayoutEventsTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/LayoutEventsTestCase.java
deleted file mode 100644
index b98a2789df2d4e..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/LayoutEventsTestCase.java
+++ /dev/null
@@ -1,37 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.testing.StringRecordingModule;
-
-/** Simple test to verify that layout events (onLayout) propagate to JS from native. */
-public class LayoutEventsTestCase extends ReactAppInstrumentationTestCase {
-
-  private StringRecordingModule mStringRecordingModule;
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "LayoutEventsTestApp";
-  }
-
-  /** Creates a UI in JS and verifies the onLayout handler is called. */
-  public void testOnLayoutCalled() {
-    assertEquals(3, mStringRecordingModule.getCalls().size());
-    assertEquals("10,10-100x100", mStringRecordingModule.getCalls().get(0));
-    assertEquals("10,10-50x50", mStringRecordingModule.getCalls().get(1));
-    assertEquals("0,0-50x50", mStringRecordingModule.getCalls().get(2));
-  }
-
-  @Override
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    mStringRecordingModule = new StringRecordingModule();
-    return super.createReactInstanceSpecForTest().addNativeModule(mStringRecordingModule);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/NativeIdTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/NativeIdTestCase.java
deleted file mode 100644
index e09a4f1c2497a9..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/NativeIdTestCase.java
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.view.View;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.uimanager.util.ReactFindViewUtil;
-import java.util.Arrays;
-import java.util.List;
-
-/**
- * Tests that the 'nativeID' property can be set on various views. The 'nativeID' property is used
- * to reference react managed views from native code.
- */
-public class NativeIdTestCase extends ReactAppInstrumentationTestCase {
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "NativeIdTestApp";
-  }
-
-  private final List<String> viewTags =
-      Arrays.asList(
-          "Image",
-          "Text",
-          "TouchableBounce",
-          "TouchableHighlight",
-          "TouchableOpacity",
-          "TouchableWithoutFeedback",
-          "TextInput",
-          "View");
-
-  private boolean mViewFound;
-
-  @Override
-  protected void setUp() throws Exception {
-    mViewFound = false;
-    ReactFindViewUtil.addViewListener(
-        new ReactFindViewUtil.OnViewFoundListener() {
-          @Override
-          public String getNativeId() {
-            return viewTags.get(0);
-          }
-
-          @Override
-          public void onViewFound(View view) {
-            mViewFound = true;
-          }
-        });
-    super.setUp();
-  }
-
-  public void testPropertyIsSetForViews() {
-    for (String nativeId : viewTags) {
-      View viewWithTag = ReactFindViewUtil.findView(getActivity().getRootView(), nativeId);
-      assertNotNull(
-          "View with nativeID " + nativeId + " was not found. Check NativeIdTestModule.js.",
-          viewWithTag);
-    }
-  }
-
-  public void testViewListener() {
-    assertTrue("OnViewFound callback was never invoked", mViewFound);
-  }
-
-  public void testFindView() {
-    mViewFound = false;
-    ReactFindViewUtil.findView(
-        getActivity().getRootView(),
-        new ReactFindViewUtil.OnViewFoundListener() {
-          @Override
-          public String getNativeId() {
-            return viewTags.get(0);
-          }
-
-          @Override
-          public void onViewFound(View view) {
-            mViewFound = true;
-          }
-        });
-    assertTrue(
-        "OnViewFound callback should have successfully been invoked synchronously", mViewFound);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ProgressBarTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ProgressBarTestCase.java
deleted file mode 100644
index f4c2210388c5a1..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ProgressBarTestCase.java
+++ /dev/null
@@ -1,123 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.content.res.Resources;
-import android.util.DisplayMetrics;
-import android.util.TypedValue;
-import android.view.View;
-import android.view.ViewGroup;
-import android.widget.FrameLayout;
-import android.widget.ProgressBar;
-import com.facebook.react.ReactRootView;
-import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.modules.appstate.AppStateModule;
-import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
-import com.facebook.react.modules.systeminfo.AndroidInfoModule;
-import com.facebook.react.testing.FakeWebSocketModule;
-import com.facebook.react.testing.ReactIntegrationTestCase;
-import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.views.progressbar.ReactProgressBarViewManager;
-import com.facebook.react.views.view.ReactViewManager;
-import java.util.Arrays;
-import java.util.HashMap;
-import java.util.List;
-
-/** Test to verify that Progress bar renders as a view of the right size */
-public class ProgressBarTestCase extends ReactIntegrationTestCase {
-
-  // Has same order of progressBars in ProgressBarTestModule
-  private static final String[] styleList =
-      new String[] {"Horizontal", "Small", "Large", "Inverse", "SmallInverse", "LargeInverse"};
-  private static final HashMap<String, Integer> styles = new HashMap<String, Integer>();
-
-  static {
-    styles.put("Horizontal", android.R.attr.progressBarStyleHorizontal);
-    styles.put("Small", android.R.attr.progressBarStyleSmall);
-    styles.put("Large", android.R.attr.progressBarStyleLarge);
-    styles.put("Inverse", android.R.attr.progressBarStyleInverse);
-    styles.put("SmallInverse", android.R.attr.progressBarStyleSmallInverse);
-    styles.put("LargeInverse", android.R.attr.progressBarStyleLargeInverse);
-  }
-
-  private static interface ProgressBarTestModule extends JavaScriptModule {
-    public void renderProgressBarApplication(int rootTag);
-  }
-
-  private UIManagerModule mUIManager;
-  private CatalystInstance mInstance;
-  private ReactRootView mRootView;
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-
-    List<ViewManager> viewManagers =
-        Arrays.<ViewManager>asList(new ReactViewManager(), new ReactProgressBarViewManager());
-    mUIManager = new UIManagerModule(getContext(), viewManagers, 0);
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            mUIManager.onHostResume();
-          }
-        });
-    waitForIdleSync();
-
-    mInstance =
-        ReactTestHelper.catalystInstanceBuilder(this)
-            .addNativeModule(mUIManager)
-            .addNativeModule(new AndroidInfoModule(getContext()))
-            .addNativeModule(new DeviceInfoModule(getContext()))
-            .addNativeModule(new AppStateModule(getContext()))
-            .addNativeModule(new FakeWebSocketModule())
-            .build();
-
-    mRootView = new ReactRootView(getContext());
-    DisplayMetrics metrics = getContext().getResources().getDisplayMetrics();
-    mRootView.setLayoutParams(
-        new FrameLayout.LayoutParams(metrics.widthPixels, metrics.heightPixels));
-    int rootTag = mUIManager.addRootView(mRootView);
-    mInstance.getJSModule(ProgressBarTestModule.class).renderProgressBarApplication(rootTag);
-    waitForBridgeAndUIIdle();
-  }
-
-  /** Test that the sizes of the progressBars are setup correctly */
-  public void testProgressBarSizes() {
-    for (String style : styleList) {
-      ProgressBar newProgressBar = new ProgressBar(getContext(), null, styles.get(style));
-      final int spec =
-          View.MeasureSpec.makeMeasureSpec(
-              ViewGroup.LayoutParams.WRAP_CONTENT, View.MeasureSpec.UNSPECIFIED);
-      newProgressBar.measure(spec, spec);
-      final int expectedHeight = newProgressBar.getMeasuredHeight();
-
-      // verify correct size of view containing ProgressBar
-      View viewContainingProgressBar = getViewByTestId(mRootView, style);
-      assertEquals(expectedHeight, viewContainingProgressBar.getHeight());
-
-      assertTrue(((ViewGroup) viewContainingProgressBar).getChildAt(0) instanceof ProgressBar);
-    }
-  }
-
-  public void testProgressBarWidth() {
-    View viewContainingProgressBar = getViewByTestId(mRootView, "Horizontal200");
-    assertEquals(viewContainingProgressBar.getWidth(), dpToPixels(200));
-    ProgressBar progressBar = (ProgressBar) ((ViewGroup) viewContainingProgressBar).getChildAt(0);
-    assertEquals(progressBar.getWidth(), dpToPixels(200));
-  }
-
-  private int dpToPixels(int dp) {
-    Resources r = getContext().getResources();
-    return (int) TypedValue.applyDimension(TypedValue.COMPLEX_UNIT_DIP, dp, r.getDisplayMetrics());
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactHorizontalScrollViewTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactHorizontalScrollViewTestCase.java
deleted file mode 100644
index 0a8f7a11a3d305..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactHorizontalScrollViewTestCase.java
+++ /dev/null
@@ -1,125 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.view.View;
-import android.widget.HorizontalScrollView;
-import com.facebook.react.testing.AbstractScrollViewTestCase;
-import com.facebook.react.testing.SingleTouchGestureGenerator;
-import com.facebook.react.uimanager.PixelUtil;
-import java.util.ArrayList;
-
-/** Integration test for horizontal ScrollView. See ScrollViewTestModule.js */
-public class ReactHorizontalScrollViewTestCase extends AbstractScrollViewTestCase {
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "HorizontalScrollViewTestApp";
-  }
-
-  private void dragLeft() {
-    dragLeft(200);
-  }
-
-  private void dragLeft(int durationMs) {
-    createGestureGenerator()
-        .startGesture(150, 50)
-        .dragTo(50, 60, 10, durationMs)
-        .endGesture(50, 60);
-  }
-
-  public void testScrolling() {
-    HorizontalScrollView scrollView = getViewAtPath(0);
-    assertNotNull(scrollView);
-    assertEquals(0, scrollView.getScrollX());
-
-    dragLeft();
-
-    assertTrue("Expected to scroll by at least 50 pixels", scrollView.getScrollX() >= 50);
-  }
-
-  public void testScrollEvents() {
-    HorizontalScrollView scrollView = getViewAtPath(0);
-
-    dragLeft();
-
-    waitForBridgeAndUIIdle();
-    mScrollListenerModule.waitForScrollIdle();
-    waitForBridgeAndUIIdle();
-
-    ArrayList<Double> xOffsets = mScrollListenerModule.getXOffsets();
-    assertFalse("Expected to receive at least one scroll event", xOffsets.isEmpty());
-    assertTrue("Expected offset to be greater than 0", xOffsets.get(xOffsets.size() - 1) > 0);
-    assertTrue(
-        "Expected no item click event fired", mScrollListenerModule.getItemsPressed().isEmpty());
-    assertEquals(
-        "Expected last offset to be offset of scroll view",
-        PixelUtil.toDIPFromPixel(scrollView.getScrollX()),
-        xOffsets.get(xOffsets.size() - 1).doubleValue(),
-        1e-5);
-  }
-
-  public void testScrollAndClick() throws Exception {
-    SingleTouchGestureGenerator gestureGenerator = createGestureGenerator();
-
-    // Slowly drag the ScrollView to prevent fling
-    dragLeft(15000);
-
-    waitForBridgeAndUIIdle();
-    getInstrumentation().waitForIdleSync();
-
-    // Find visible item to be clicked
-    View visibleItem = null;
-    int visibleItemNumber = 0;
-    for (; visibleItemNumber < 100; visibleItemNumber++) {
-      visibleItem = getViewAtPath(0, 0, visibleItemNumber);
-      int pos[] = new int[2];
-      visibleItem.getLocationInWindow(pos);
-      if (pos[0] >= 0) {
-        break;
-      }
-    }
-
-    // Click first visible item
-    gestureGenerator.startGesture(visibleItem).endGesture();
-    waitForBridgeAndUIIdle();
-
-    ArrayList<Double> xOffsets = mScrollListenerModule.getXOffsets();
-    ArrayList<Integer> itemIds = mScrollListenerModule.getItemsPressed();
-    assertFalse("Expected to receive at least one scroll event", xOffsets.isEmpty());
-    assertTrue("Expected offset to be greater than 0", xOffsets.get(xOffsets.size() - 1) > 0);
-    assertEquals("Expected to receive exactly one item click event", 1, itemIds.size());
-    assertEquals(visibleItemNumber, (int) itemIds.get(0));
-  }
-
-  /** Verify that 'scrollTo' command makes ScrollView start scrolling */
-  public void testScrollToCommand() throws Exception {
-    HorizontalScrollView scrollView = getViewAtPath(0);
-    ScrollViewTestModule jsModule =
-        getReactContext().getCatalystInstance().getJSModule(ScrollViewTestModule.class);
-
-    assertEquals(0, scrollView.getScrollX());
-
-    jsModule.scrollTo(300, 0);
-    waitForBridgeAndUIIdle();
-    getInstrumentation().waitForIdleSync();
-
-    // Unfortunately we need to use timeouts here in order to wait for scroll animation to happen
-    // there is no better way (yet) for waiting for scroll animation to finish
-    long timeout = 10000;
-    long interval = 50;
-    long start = System.currentTimeMillis();
-    while (System.currentTimeMillis() - start < timeout) {
-      if (scrollView.getScrollX() > 0) {
-        break;
-      }
-      Thread.sleep(interval);
-    }
-    assertNotSame(0, scrollView.getScrollX());
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactScrollViewTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactScrollViewTestCase.java
deleted file mode 100644
index 384ce67d5e37a8..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactScrollViewTestCase.java
+++ /dev/null
@@ -1,127 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.view.View;
-import android.widget.ScrollView;
-import com.facebook.react.testing.AbstractScrollViewTestCase;
-import com.facebook.react.testing.SingleTouchGestureGenerator;
-import com.facebook.react.uimanager.PixelUtil;
-import java.util.ArrayList;
-
-/** Integration test for vertical ScrollView. See ScrollViewTestModule.js */
-public class ReactScrollViewTestCase extends AbstractScrollViewTestCase {
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "ScrollViewTestApp";
-  }
-
-  private void dragUp() {
-    dragUp(200);
-  }
-
-  private void dragUp(int durationMs) {
-    createGestureGenerator()
-        .startGesture(200, 200)
-        .dragTo(180, 100, 10, durationMs)
-        .endGesture(180, 100);
-  }
-
-  public void testScrolling() {
-    ScrollView scrollView = getViewAtPath(0);
-    assertNotNull(scrollView);
-    assertEquals(0, scrollView.getScrollY());
-
-    dragUp();
-
-    assertTrue("Expected to scroll by at least 50 pixels", scrollView.getScrollY() >= 50);
-  }
-
-  public void testScrollEvents() {
-    ScrollView scrollView = getViewAtPath(0);
-
-    dragUp();
-
-    waitForBridgeAndUIIdle();
-    mScrollListenerModule.waitForScrollIdle();
-    waitForBridgeAndUIIdle();
-
-    ArrayList<Double> yOffsets = mScrollListenerModule.getYOffsets();
-    assertFalse("Expected to receive at least one scroll event", yOffsets.isEmpty());
-    assertTrue("Expected offset to be greater than 0", yOffsets.get(yOffsets.size() - 1) > 0);
-    assertTrue(
-        "Expected no item click event fired", mScrollListenerModule.getItemsPressed().isEmpty());
-    assertEquals(
-        "Expected last offset to be offset of scroll view",
-        PixelUtil.toDIPFromPixel(scrollView.getScrollY()),
-        yOffsets.get(yOffsets.size() - 1).doubleValue(),
-        1e-5);
-    assertTrue("Begin and End Drag should be called", mScrollListenerModule.dragEventsMatch());
-  }
-
-  public void testScrollAndClick() throws Exception {
-    SingleTouchGestureGenerator gestureGenerator = createGestureGenerator();
-
-    // Slowly drag the ScrollView to prevent fling
-    dragUp(15000);
-
-    waitForBridgeAndUIIdle();
-    getInstrumentation().waitForIdleSync();
-
-    // Find visible item to be clicked
-    View visibleItem = null;
-    int visibleItemNumber = 0;
-    for (; visibleItemNumber < 100; visibleItemNumber++) {
-      visibleItem = getViewAtPath(0, 0, visibleItemNumber);
-      int pos[] = new int[2];
-      visibleItem.getLocationInWindow(pos);
-      if (pos[1] >= 0) {
-        break;
-      }
-    }
-
-    // Click first visible item
-    gestureGenerator.startGesture(visibleItem).endGesture();
-    waitForBridgeAndUIIdle();
-
-    ArrayList<Double> yOffsets = mScrollListenerModule.getYOffsets();
-    ArrayList<Integer> itemIds = mScrollListenerModule.getItemsPressed();
-    assertFalse("Expected to receive at least one scroll event", yOffsets.isEmpty());
-    assertTrue("Expected offset to be greater than 0", yOffsets.get(yOffsets.size() - 1) > 0);
-    assertEquals("Expected to receive exactly one item click event", 1, itemIds.size());
-    assertEquals(visibleItemNumber, (int) itemIds.get(0));
-  }
-
-  /** Verify that 'scrollTo' command makes ScrollView start scrolling */
-  public void testScrollToCommand() throws Exception {
-    ScrollView scrollView = getViewAtPath(0);
-    ScrollViewTestModule jsModule =
-        getReactContext().getCatalystInstance().getJSModule(ScrollViewTestModule.class);
-
-    assertEquals(0, scrollView.getScrollY());
-
-    jsModule.scrollTo(0, 300);
-    waitForBridgeAndUIIdle();
-    getInstrumentation().waitForIdleSync();
-
-    // Unfortunately we need to use timeouts here in order to wait for scroll animation to happen
-    // there is no better way (yet) for waiting for scroll animation to finish
-    long timeout = 10000;
-    long interval = 50;
-    long start = System.currentTimeMillis();
-    while (System.currentTimeMillis() - start < timeout) {
-      if (scrollView.getScrollY() > 0) {
-        break;
-      }
-      Thread.sleep(interval);
-    }
-    assertNotSame(0, scrollView.getScrollY());
-    assertFalse("Drag should not be called with scrollTo", mScrollListenerModule.dragEventsMatch());
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactSwipeRefreshLayoutTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactSwipeRefreshLayoutTestCase.java
deleted file mode 100644
index 7a2ebae7680d8a..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactSwipeRefreshLayoutTestCase.java
+++ /dev/null
@@ -1,97 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.view.View;
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.views.swiperefresh.ReactSwipeRefreshLayout;
-
-/** Test case for {@link ReactSwipeRefreshLayout}. */
-public class ReactSwipeRefreshLayoutTestCase extends ReactAppInstrumentationTestCase {
-
-  private class SwipeRefreshLayoutRecordingModule extends BaseJavaModule {
-    private int mCount = 0;
-
-    @Override
-    public String getName() {
-      return "SwipeRefreshLayoutRecordingModule";
-    }
-
-    @ReactMethod
-    public void onRefresh() {
-      mCount++;
-    }
-
-    public int getCount() {
-      return mCount;
-    }
-  }
-
-  private interface SwipeRefreshLayoutTestModule extends JavaScriptModule {
-    void setRows(int rows);
-  }
-
-  private final SwipeRefreshLayoutRecordingModule mRecordingModule =
-      new SwipeRefreshLayoutRecordingModule();
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "SwipeRefreshLayoutTestApp";
-  }
-
-  @Override
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return super.createReactInstanceSpecForTest().addNativeModule(mRecordingModule);
-  }
-
-  public void testRefreshNoScroll() {
-    View refreshLayout = getViewAtPath(0);
-
-    createGestureGenerator()
-        .startGesture(refreshLayout.getWidth() / 2, 10)
-        .dragTo(refreshLayout.getWidth() / 2, refreshLayout.getHeight() / 2, 100, 1000)
-        .endGesture();
-    waitForBridgeAndUIIdle();
-    assertEquals(1, mRecordingModule.getCount());
-  }
-
-  public void testRefreshScroll() {
-    View refreshLayout = getViewAtPath(0);
-
-    getReactContext().getJSModule(SwipeRefreshLayoutTestModule.class).setRows(100);
-
-    createGestureGenerator()
-        .startGesture(refreshLayout.getWidth() / 2, 10)
-        .dragTo(refreshLayout.getWidth() / 2, refreshLayout.getHeight() / 2, 100, 1000)
-        .endGesture();
-    waitForBridgeAndUIIdle();
-    assertEquals(1, mRecordingModule.getCount());
-  }
-
-  public void testNoRefreshAfterScroll() {
-    View refreshLayout = getViewAtPath(0);
-
-    getReactContext().getJSModule(SwipeRefreshLayoutTestModule.class).setRows(100);
-
-    createGestureGenerator()
-        .startGesture(refreshLayout.getWidth() / 2, refreshLayout.getHeight() / 2)
-        .dragTo(refreshLayout.getWidth() / 2, 10, 100, 1000)
-        .endGesture();
-    waitForBridgeAndUIIdle();
-    createGestureGenerator()
-        .startGesture(refreshLayout.getWidth() / 2, 10)
-        .dragTo(refreshLayout.getWidth() / 2, refreshLayout.getHeight() / 2, 100, 1000)
-        .endGesture();
-    waitForBridgeAndUIIdle();
-    assertEquals(0, mRecordingModule.getCount());
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ShareTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ShareTestCase.java
deleted file mode 100644
index 411ab00034732f..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ShareTestCase.java
+++ /dev/null
@@ -1,92 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.app.Instrumentation.ActivityMonitor;
-import android.content.Intent;
-import android.content.IntentFilter;
-import com.facebook.react.bridge.BaseJavaModule;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.ReactMethod;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.bridge.WritableNativeMap;
-import com.facebook.react.modules.share.ShareModule;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-
-/** Test case for {@link ShareModule}. */
-public class ShareTestCase extends ReactAppInstrumentationTestCase {
-
-  private static interface ShareTestModule extends JavaScriptModule {
-    public void showShareDialog(WritableMap content, WritableMap options);
-  }
-
-  private static class ShareRecordingModule extends BaseJavaModule {
-
-    private int mOpened = 0;
-    private int mErrors = 0;
-
-    @Override
-    public String getName() {
-      return "ShareRecordingModule";
-    }
-
-    @ReactMethod
-    public void recordOpened() {
-      mOpened++;
-    }
-
-    @ReactMethod
-    public void recordError() {
-      mErrors++;
-    }
-
-    public int getOpened() {
-      return mOpened;
-    }
-
-    public int getErrors() {
-      return mErrors;
-    }
-  }
-
-  final ShareRecordingModule mRecordingModule = new ShareRecordingModule();
-
-  @Override
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return super.createReactInstanceSpecForTest().addNativeModule(mRecordingModule);
-  }
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "ShareTestApp";
-  }
-
-  private ShareTestModule getTestModule() {
-    return getReactContext().getCatalystInstance().getJSModule(ShareTestModule.class);
-  }
-
-  public void testShowBasicShareDialog() {
-    final WritableMap content = new WritableNativeMap();
-    content.putString("message", "Hello, ReactNative!");
-    final WritableMap options = new WritableNativeMap();
-
-    IntentFilter intentFilter = new IntentFilter(Intent.ACTION_CHOOSER);
-    intentFilter.addCategory(Intent.CATEGORY_DEFAULT);
-    ActivityMonitor monitor = getInstrumentation().addMonitor(intentFilter, null, true);
-
-    getTestModule().showShareDialog(content, options);
-
-    waitForBridgeAndUIIdle();
-    getInstrumentation().waitForIdleSync();
-
-    assertEquals(1, monitor.getHits());
-    assertEquals(1, mRecordingModule.getOpened());
-    assertEquals(0, mRecordingModule.getErrors());
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TestIdTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TestIdTestCase.java
deleted file mode 100644
index 04d8ec6348c790..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TestIdTestCase.java
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.view.View;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactTestHelper;
-import java.util.Arrays;
-import java.util.List;
-
-/**
- * Tests that the 'testID' property can be set on various views. The 'testID' property is used to
- * locate views in UI tests.
- */
-public class TestIdTestCase extends ReactAppInstrumentationTestCase {
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "TestIdTestApp";
-  }
-
-  private final List<String> viewTags =
-      Arrays.asList(
-          "Image",
-          "Text",
-          "TouchableBounce",
-          "TouchableHighlight",
-          "TouchableOpacity",
-          "TouchableWithoutFeedback",
-          "TextInput",
-          "View");
-
-  public void testPropertyIsSetForViews() {
-    for (String tag : viewTags) {
-      View viewWithTag = ReactTestHelper.getViewWithReactTestId(getActivity().getRootView(), tag);
-      assertNotNull(
-          "View with testID tag " + tag + " was not found. Check TestIdTestModule.js.",
-          viewWithTag);
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TextInputTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TextInputTestCase.java
deleted file mode 100644
index f58bd22b301b1a..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/TextInputTestCase.java
+++ /dev/null
@@ -1,327 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.graphics.Color;
-import android.text.style.ForegroundColorSpan;
-import android.util.TypedValue;
-import android.view.View;
-import android.view.ViewGroup;
-import android.view.accessibility.AccessibilityNodeInfo;
-import android.view.inputmethod.EditorInfo;
-import android.widget.EditText;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.testing.ReactAppInstrumentationTestCase;
-import com.facebook.react.testing.ReactInstanceSpecForTest;
-import com.facebook.react.testing.StringRecordingModule;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.views.textinput.ReactEditText;
-
-/** Test to verify that TextInput renders correctly */
-public class TextInputTestCase extends ReactAppInstrumentationTestCase {
-
-  private final StringRecordingModule mRecordingModule = new StringRecordingModule();
-
-  private interface TextInputTestModule extends JavaScriptModule {
-    void setValueRef(String ref, String value);
-  }
-
-  /**
-   * Test that the actual height of the text input is not dependant on the font size of the text
-   * within.
-   */
-  public void testTextInputMeasurements() {
-    View textInputViewHeightSet = getViewByTestId("textInput1");
-    EditText textInputViewNoHeight = getViewByTestId("textInput2");
-
-    int expectedHeight = Math.round(PixelUtil.toPixelFromDIP(30));
-    assertEquals(expectedHeight, textInputViewHeightSet.getHeight());
-
-    EditText editText = new EditText(textInputViewNoHeight.getContext());
-    editText.setTextSize(
-        TypedValue.COMPLEX_UNIT_PX, (float) Math.ceil(PixelUtil.toPixelFromSP(21.f)));
-    editText.setPadding(0, 0, 0, 0);
-    int measureSpec =
-        View.MeasureSpec.makeMeasureSpec(
-            ViewGroup.LayoutParams.WRAP_CONTENT, View.MeasureSpec.UNSPECIFIED);
-    editText.measure(measureSpec, measureSpec);
-
-    assertEquals(editText.getMeasuredHeight(), textInputViewNoHeight.getHeight());
-  }
-
-  /** Test that the cursor moves to the end of the word. */
-  public void testTextInputCursorPosition() throws Throwable {
-    final EditText textInputWithText = getViewByTestId("textInput3");
-
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            textInputWithText.setSelection(3);
-          }
-        });
-    getReactContext()
-        .getJSModule(TextInputTestModule.class)
-        .setValueRef("textInput3", "Some other value");
-    waitForBridgeAndUIIdle();
-
-    assertEquals(4, textInputWithText.getSelectionStart());
-    assertEquals(4, textInputWithText.getSelectionEnd());
-  }
-
-  /** Test that the colors are applied to new text */
-  public void testTextInputColors() throws Throwable {
-    String testIDs[] = new String[] {"textInput4", "textInput5", "textInput6"};
-
-    for (String testID : testIDs) {
-      getReactContext().getJSModule(TextInputTestModule.class).setValueRef(testID, "NewText");
-    }
-    waitForBridgeAndUIIdle();
-
-    for (String testID : testIDs) {
-      ReactEditText reactEditText = getViewByTestId(testID);
-      assertEquals(
-          Color.GREEN,
-          reactEditText
-              .getText()
-              .getSpans(0, 1, ForegroundColorSpan.class)[0]
-              .getForegroundColor());
-    }
-  }
-
-  public void testOnSubmitEditing() throws Throwable {
-    String testId = "onSubmitTextInput";
-    ReactEditText reactEditText = getViewByTestId(testId);
-
-    fireEditorActionAndCheckRecording(reactEditText, EditorInfo.IME_ACTION_GO);
-    fireEditorActionAndCheckRecording(reactEditText, EditorInfo.IME_ACTION_DONE);
-    fireEditorActionAndCheckRecording(reactEditText, EditorInfo.IME_ACTION_NEXT);
-    fireEditorActionAndCheckRecording(reactEditText, EditorInfo.IME_ACTION_PREVIOUS);
-    fireEditorActionAndCheckRecording(reactEditText, EditorInfo.IME_ACTION_SEARCH);
-    fireEditorActionAndCheckRecording(reactEditText, EditorInfo.IME_ACTION_SEND);
-    fireEditorActionAndCheckRecording(reactEditText, EditorInfo.IME_ACTION_UNSPECIFIED);
-    fireEditorActionAndCheckRecording(reactEditText, EditorInfo.IME_ACTION_NONE);
-  }
-
-  public void testRequestFocusDoesNothing() throws Throwable {
-    String testId = "textInput1";
-
-    final ReactEditText reactEditText = getViewByTestId(testId);
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            reactEditText.clearFocus();
-          }
-        });
-    waitForBridgeAndUIIdle();
-    assertFalse(reactEditText.isFocused());
-
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            reactEditText.requestFocus();
-          }
-        });
-    waitForBridgeAndUIIdle();
-
-    // Calling requestFocus() directly should no-op
-    assertFalse(reactEditText.isFocused());
-  }
-
-  public void testRequestFocusFromJS() throws Throwable {
-    String testId = "textInput1";
-
-    final ReactEditText reactEditText = getViewByTestId(testId);
-
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            reactEditText.clearFocus();
-          }
-        });
-    waitForBridgeAndUIIdle();
-    assertFalse(reactEditText.isFocused());
-
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            reactEditText.requestFocusFromJS();
-          }
-        });
-    waitForBridgeAndUIIdle();
-    assertTrue(reactEditText.isFocused());
-  }
-
-  public void testAccessibilityFocus() throws Throwable {
-    String testId = "textInput1";
-
-    final ReactEditText reactEditText = getViewByTestId(testId);
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            reactEditText.clearFocus();
-          }
-        });
-    waitForBridgeAndUIIdle();
-    assertFalse(reactEditText.isFocused());
-
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            reactEditText.performAccessibilityAction(
-                AccessibilityNodeInfo.ACTION_ACCESSIBILITY_FOCUS, null);
-            reactEditText.performAccessibilityAction(AccessibilityNodeInfo.ACTION_CLICK, null);
-          }
-        });
-    waitForBridgeAndUIIdle();
-    assertTrue(reactEditText.isFocused());
-
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            reactEditText.performAccessibilityAction(
-                AccessibilityNodeInfo.ACTION_CLEAR_FOCUS, null);
-          }
-        });
-    waitForBridgeAndUIIdle();
-    assertFalse(reactEditText.isFocused());
-  }
-
-  public void testAccessibilityFocus_notEmpty_selectionSetAtEnd() throws Throwable {
-    String testId = "textInput1";
-    String text = "Testing";
-
-    final ReactEditText reactEditText = getViewByTestId(testId);
-    reactEditText.setText(text);
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            reactEditText.clearFocus();
-          }
-        });
-    waitForBridgeAndUIIdle();
-    assertFalse(reactEditText.isFocused());
-    assertEquals(0, reactEditText.getSelectionStart());
-
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            reactEditText.performAccessibilityAction(
-                AccessibilityNodeInfo.ACTION_ACCESSIBILITY_FOCUS, null);
-            reactEditText.performAccessibilityAction(AccessibilityNodeInfo.ACTION_CLICK, null);
-          }
-        });
-    waitForBridgeAndUIIdle();
-    assertTrue(reactEditText.isFocused());
-    assertEquals(text.length(), reactEditText.getSelectionStart());
-  }
-
-  private void fireEditorActionAndCheckRecording(
-      final ReactEditText reactEditText, final int actionId) throws Throwable {
-    fireEditorActionAndCheckRecording(reactEditText, actionId, "blurAndSubmit");
-    fireEditorActionAndCheckRecording(reactEditText, actionId, "newline");
-  }
-
-  private void fireEditorActionAndCheckRecording(
-      final ReactEditText reactEditText, final int actionId, final String submitBehavior)
-      throws Throwable {
-    mRecordingModule.reset();
-
-    runTestOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            reactEditText.requestFocusFromJS();
-            reactEditText.setSubmitBehavior(submitBehavior);
-            reactEditText.onEditorAction(actionId);
-          }
-        });
-    waitForBridgeAndUIIdle();
-
-    assertEquals(1, mRecordingModule.getCalls().size());
-    assertEquals(!submitBehavior.equals("blurAndSubmit"), reactEditText.isFocused());
-  }
-
-  /**
-   * Test that the mentions input has colors displayed correctly. Removed for being flaky in open
-   * source, December 2016 public void testMetionsInputColors() throws Throwable { EventDispatcher
-   * eventDispatcher = UIManagerHelper.getEventEmitterForReactTag(reactContext, tag); ReactEditText
-   * reactEditText = getViewByTestId("tokenizedInput"); String newText = "#Things and more #things";
-   * int contentWidth = reactEditText.getWidth(); int contentHeight = reactEditText.getHeight(); int
-   * start = 0; int count = newText.length();
-   *
-   * <p>eventDispatcher.dispatchEvent( new ReactTextChangedEvent( reactEditText.getId(),
-   * newText.toString(), (int) PixelUtil.toDIPFromPixel(contentWidth), (int)
-   * PixelUtil.toDIPFromPixel(contentHeight), reactEditText.incrementAndGetEventCounter()));
-   *
-   * <p>eventDispatcher.dispatchEvent( new ReactTextInputEvent( reactEditText.getId(),
-   * newText.toString(), "", start, start + count - 1)); waitForBridgeAndUIIdle();
-   *
-   * <p>ForegroundColorSpan[] spans = reactEditText .getText().getSpans(0,
-   * reactEditText.getText().length(), ForegroundColorSpan.class); assertEquals(2, spans.length);
-   * assertEquals(spans[0].getForegroundColor(), spans[1].getForegroundColor()); assertEquals(0,
-   * reactEditText.getText().getSpanStart(spans[1])); assertEquals(7,
-   * reactEditText.getText().getSpanEnd(spans[1])); assertEquals(newText.length() - 7,
-   * reactEditText.getText().getSpanStart(spans[0])); assertEquals(newText.length(),
-   * reactEditText.getText().getSpanEnd(spans[0]));
-   *
-   * <p>String moreText = "andsuch "; String previousText = newText; newText += moreText; count =
-   * moreText.length(); start = previousText.length();
-   *
-   * <p>eventDispatcher.dispatchEvent( new ReactTextChangedEvent( reactEditText.getId(),
-   * newText.toString(), (int) PixelUtil.toDIPFromPixel(contentWidth), (int)
-   * PixelUtil.toDIPFromPixel(contentHeight), reactEditText.incrementAndGetEventCounter()));
-   *
-   * <p>eventDispatcher.dispatchEvent( new ReactTextInputEvent( reactEditText.getId(), moreText, "",
-   * start, start + count - 1)); waitForBridgeAndUIIdle();
-   *
-   * <p>spans = reactEditText.getText() .getSpans(0, reactEditText.getText().length(),
-   * ForegroundColorSpan.class); assertEquals(2, spans.length);
-   * assertEquals(spans[0].getForegroundColor(), spans[1].getForegroundColor()); assertEquals(0,
-   * reactEditText.getText().getSpanStart(spans[1])); assertEquals(7,
-   * reactEditText.getText().getSpanEnd(spans[1])); assertEquals(newText.length() - 15,
-   * reactEditText.getText().getSpanStart(spans[0])); assertEquals(newText.length() - 1,
-   * reactEditText.getText().getSpanEnd(spans[0]));
-   *
-   * <p>moreText = "morethings"; previousText = newText; newText += moreText; count =
-   * moreText.length(); start = previousText.length();
-   *
-   * <p>eventDispatcher.dispatchEvent( new ReactTextChangedEvent( reactEditText.getId(),
-   * newText.toString(), (int) PixelUtil.toDIPFromPixel(contentWidth), (int)
-   * PixelUtil.toDIPFromPixel(contentHeight), reactEditText.incrementAndGetEventCounter()));
-   *
-   * <p>eventDispatcher.dispatchEvent( new ReactTextInputEvent( reactEditText.getId(), moreText, "",
-   * start, start + count - 1)); waitForBridgeAndUIIdle();
-   *
-   * <p>spans = reactEditText.getText() .getSpans(0, reactEditText.getText().length(),
-   * ForegroundColorSpan.class); assertEquals(spans[0].getForegroundColor(),
-   * spans[1].getForegroundColor()); assertEquals(2, spans.length); assertEquals(0,
-   * reactEditText.getText().getSpanStart(spans[1])); assertEquals(7,
-   * reactEditText.getText().getSpanEnd(spans[1])); assertEquals(newText.length() - 25,
-   * reactEditText.getText().getSpanStart(spans[0])); assertEquals(newText.length() - 11,
-   * reactEditText.getText().getSpanEnd(spans[0])); }
-   */
-  @Override
-  protected ReactInstanceSpecForTest createReactInstanceSpecForTest() {
-    return super.createReactInstanceSpecForTest().addNativeModule(mRecordingModule);
-  }
-
-  @Override
-  protected String getReactApplicationKeyUnderTest() {
-    return "TextInputTestApp";
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ViewRenderingTestCase.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ViewRenderingTestCase.java
deleted file mode 100644
index 3a0db7743e8c79..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/ViewRenderingTestCase.java
+++ /dev/null
@@ -1,154 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests;
-
-import android.graphics.Color;
-import android.view.View;
-import android.view.ViewGroup;
-import com.facebook.react.ReactRootView;
-import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.modules.appstate.AppStateModule;
-import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
-import com.facebook.react.modules.systeminfo.AndroidInfoModule;
-import com.facebook.react.testing.FakeWebSocketModule;
-import com.facebook.react.testing.ReactIntegrationTestCase;
-import com.facebook.react.testing.ReactTestHelper;
-import com.facebook.react.uimanager.PixelUtil;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.views.view.ReactViewGroup;
-import com.facebook.react.views.view.ReactViewManager;
-import java.util.Arrays;
-import java.util.List;
-
-public class ViewRenderingTestCase extends ReactIntegrationTestCase {
-
-  private interface ViewRenderingTestModule extends JavaScriptModule {
-    void renderViewApplication(int rootTag);
-
-    void renderMarginApplication(int rootTag);
-
-    void renderBorderApplication(int rootTag);
-
-    void updateMargins();
-
-    void renderTransformApplication(int rootTag);
-  }
-
-  private CatalystInstance mCatalystInstance;
-  private ReactRootView mRootView;
-  private int mRootTag;
-
-  @Override
-  protected void setUp() throws Exception {
-    super.setUp();
-
-    List<ViewManager> viewManagers = Arrays.<ViewManager>asList(new ReactViewManager());
-    final UIManagerModule uiManager = new UIManagerModule(getContext(), viewManagers, 0);
-    UiThreadUtil.runOnUiThread(
-        new Runnable() {
-          @Override
-          public void run() {
-            uiManager.onHostResume();
-          }
-        });
-    waitForIdleSync();
-
-    mCatalystInstance =
-        ReactTestHelper.catalystInstanceBuilder(this)
-            .addNativeModule(uiManager)
-            .addNativeModule(new AndroidInfoModule(getContext()))
-            .addNativeModule(new DeviceInfoModule(getContext()))
-            .addNativeModule(new AppStateModule(getContext()))
-            .addNativeModule(new FakeWebSocketModule())
-            .build();
-
-    mRootView = new ReactRootView(getContext());
-    mRootTag = uiManager.addRootView(mRootView);
-  }
-
-  public void testViewRenderedWithCorrectProperties() {
-    float expectedOpacity = 0.75f;
-    int expectedBackgroundColor = Color.rgb(255, 0, 0);
-
-    mCatalystInstance.getJSModule(ViewRenderingTestModule.class).renderViewApplication(mRootTag);
-    waitForBridgeAndUIIdle();
-
-    ReactViewGroup view = getViewAtPath(mRootView);
-    assertEquals("Incorrect (or not applied) opacity", expectedOpacity, view.getAlpha());
-    assertEquals(
-        "Incorrect (or not applied) backgroundColor",
-        expectedBackgroundColor,
-        view.getBackgroundColor());
-  }
-
-  public void testMarginsApplied() {
-    mCatalystInstance.getJSModule(ViewRenderingTestModule.class).renderMarginApplication(mRootTag);
-    waitForBridgeAndUIIdle();
-
-    View view = getViewAtPath(mRootView);
-
-    int expectedMargin = Math.round(PixelUtil.toPixelFromDIP(10));
-    int expectedMarginLeft = Math.round(PixelUtil.toPixelFromDIP(20));
-
-    assertEquals(expectedMarginLeft, (int) view.getX());
-    assertEquals(expectedMargin, (int) view.getY());
-  }
-
-  public void testMarginUpdateDoesntForgetPreviousValue() {
-    mCatalystInstance.getJSModule(ViewRenderingTestModule.class).renderMarginApplication(mRootTag);
-    waitForBridgeAndUIIdle();
-
-    View view = getViewAtPath(mRootView);
-
-    // before: margin: 10, marginLeft: 20
-    mCatalystInstance.getJSModule(ViewRenderingTestModule.class).updateMargins();
-    waitForBridgeAndUIIdle();
-    // after: margin: 15; it should not forget marginLeft was set to 20
-
-    int expectedMargin = Math.round(PixelUtil.toPixelFromDIP(15));
-    int expectedMarginLeft = Math.round(PixelUtil.toPixelFromDIP(20));
-
-    assertEquals(expectedMarginLeft, (int) view.getX());
-    assertEquals(expectedMargin, (int) view.getY());
-  }
-
-  public void testBordersApplied() {
-    mCatalystInstance.getJSModule(ViewRenderingTestModule.class).renderBorderApplication(mRootTag);
-    waitForBridgeAndUIIdle();
-
-    View view = getViewAtPath(mRootView);
-    View child = ((ViewGroup) view).getChildAt(0);
-
-    int expectedBorderX = Math.round(PixelUtil.toPixelFromDIP(20));
-    int expectedBorderY = Math.round(PixelUtil.toPixelFromDIP(5));
-
-    assertEquals(expectedBorderX, (int) child.getX());
-    assertEquals(expectedBorderY, (int) child.getY());
-  }
-
-  public void testTransformations() {
-    mCatalystInstance
-        .getJSModule(ViewRenderingTestModule.class)
-        .renderTransformApplication(mRootTag);
-    waitForBridgeAndUIIdle();
-
-    View view = getViewAtPath(mRootView);
-
-    float expectedTranslateX = PixelUtil.toPixelFromDIP(20);
-    float expectedTranslateY = PixelUtil.toPixelFromDIP(25);
-
-    assertEquals(5f, view.getScaleX());
-    assertEquals(10f, view.getScaleY());
-    assertEquals(15f, view.getRotation());
-    assertEquals(expectedTranslateX, view.getTranslationX());
-    assertEquals(expectedTranslateY, view.getTranslationY());
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactInstanceManagerTest.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactInstanceManagerTest.java
deleted file mode 100644
index 62c9811f0c91c7..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactInstanceManagerTest.java
+++ /dev/null
@@ -1,96 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests.core;
-
-import android.app.Activity;
-import androidx.test.InstrumentationRegistry;
-import androidx.test.annotation.UiThreadTest;
-import androidx.test.rule.ActivityTestRule;
-import androidx.test.runner.AndroidJUnit4;
-import com.facebook.react.ReactInstanceManager;
-import com.facebook.react.ReactRootView;
-import com.facebook.react.common.LifecycleState;
-import com.facebook.react.shell.MainReactPackage;
-import com.facebook.react.testing.ReactTestHelper;
-import org.junit.After;
-import org.junit.Before;
-import org.junit.Rule;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-
-@RunWith(AndroidJUnit4.class)
-public class ReactInstanceManagerTest {
-
-  private static final String TEST_MODULE = "ViewLayoutTestApp";
-
-  private ReactInstanceManager mReactInstanceManager;
-  private ReactRootView mReactRootView;
-
-  @Rule public ActivityTestRule<Activity> mActivityRule = new ActivityTestRule<>(Activity.class);
-
-  @Before
-  public void setup() {
-    Activity activity = mActivityRule.getActivity();
-    mReactRootView = new ReactRootView(activity);
-    mReactInstanceManager =
-        ReactTestHelper.getReactTestFactory()
-            .getReactInstanceManagerBuilder()
-            .setApplication(activity.getApplication())
-            .setBundleAssetName("AndroidTestBundle.js")
-            .setInitialLifecycleState(LifecycleState.BEFORE_CREATE)
-            .addPackage(new MainReactPackage())
-            .build();
-  }
-
-  @After
-  public void tearDown() {
-    final ReactRootView reactRootView = mReactRootView;
-    final ReactInstanceManager reactInstanceManager = mReactInstanceManager;
-    InstrumentationRegistry.getInstrumentation()
-        .runOnMainSync(
-            new Runnable() {
-              @Override
-              public void run() {
-                reactRootView.unmountReactApplication();
-                reactInstanceManager.destroy();
-              }
-            });
-  }
-
-  @Test
-  @UiThreadTest
-  public void testMountUnmount() {
-    mReactInstanceManager.onHostResume(mActivityRule.getActivity());
-    mReactRootView.startReactApplication(mReactInstanceManager, TEST_MODULE);
-    mReactRootView.unmountReactApplication();
-  }
-
-  @Test
-  @UiThreadTest
-  public void testResume() throws InterruptedException {
-    mReactInstanceManager.onHostResume(mActivityRule.getActivity());
-    mReactRootView.startReactApplication(mReactInstanceManager, TEST_MODULE);
-    mReactInstanceManager.onHostResume(mActivityRule.getActivity());
-  }
-
-  @Test
-  @UiThreadTest
-  public void testRecreateContext() throws InterruptedException {
-    mReactInstanceManager.onHostResume(mActivityRule.getActivity());
-    mReactInstanceManager.createReactContextInBackground();
-    mReactRootView.startReactApplication(mReactInstanceManager, TEST_MODULE);
-  }
-
-  @Test
-  @UiThreadTest
-  public void testMountTwice() {
-    mReactInstanceManager.onHostResume(mActivityRule.getActivity());
-    mReactRootView.startReactApplication(mReactInstanceManager, TEST_MODULE);
-    mReactInstanceManager.attachRootView(mReactRootView);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactRootViewTest.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactRootViewTest.java
deleted file mode 100644
index 64e59f2a588525..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/ReactRootViewTest.java
+++ /dev/null
@@ -1,202 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests.core;
-
-import static org.assertj.core.api.Assertions.assertThat;
-
-import android.app.Instrumentation;
-import android.view.View;
-import android.view.ViewGroup;
-import android.widget.FrameLayout;
-import androidx.test.InstrumentationRegistry;
-import androidx.test.runner.AndroidJUnit4;
-import com.facebook.react.ReactPackage;
-import com.facebook.react.ReactRootView;
-import com.facebook.react.bridge.JavaScriptModule;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.module.annotations.ReactModule;
-import com.facebook.react.module.model.ReactModuleInfo;
-import com.facebook.react.module.model.ReactModuleInfoProvider;
-import com.facebook.react.shell.MainReactPackage;
-import com.facebook.react.testing.StringRecordingModule;
-import com.facebook.react.testing.rule.ReactNativeTestRule;
-import com.facebook.react.uimanager.PixelUtil;
-import java.util.HashMap;
-import java.util.Map;
-import org.junit.Before;
-import org.junit.Rule;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-
-@RunWith(AndroidJUnit4.class)
-public class ReactRootViewTest {
-
-  private interface ReactRootViewTestModule extends JavaScriptModule {
-    void setHeight(int height);
-  }
-
-  final StringRecordingModule mRecordingModule = new StringRecordingModule();
-  final ReactPackage mReactPackage =
-      new MainReactPackage() {
-        @Override
-        public NativeModule getModule(String name, ReactApplicationContext context) {
-          if (name.equals(StringRecordingModule.NAME)) {
-            return mRecordingModule;
-          }
-
-          return super.getModule(name, context);
-        }
-
-        @Override
-        public ReactModuleInfoProvider getReactModuleInfoProvider() {
-          final ReactModuleInfoProvider provider = super.getReactModuleInfoProvider();
-
-          return new ReactModuleInfoProvider() {
-            private Map<String, ReactModuleInfo> mModuleInfos = null;
-
-            @Override
-            public Map<String, ReactModuleInfo> getReactModuleInfos() {
-              if (mModuleInfos != null) {
-                return mModuleInfos;
-              }
-
-              mModuleInfos = new HashMap<>();
-              mModuleInfos.putAll(provider.getReactModuleInfos());
-
-              Class<? extends NativeModule> moduleClass = StringRecordingModule.class;
-              ReactModule reactModule = moduleClass.getAnnotation(ReactModule.class);
-
-              mModuleInfos.put(
-                  reactModule.name(),
-                  new ReactModuleInfo(
-                      reactModule.name(),
-                      moduleClass.getName(),
-                      reactModule.canOverrideExistingModule(),
-                      reactModule.needsEagerInit(),
-                      reactModule.isCxxModule(),
-                      false));
-
-              return mModuleInfos;
-            }
-          };
-        }
-      };
-
-  @Rule
-  public ReactNativeTestRule mReactNativeRule =
-      new ReactNativeTestRule("AndroidTestBundle.js", mReactPackage);
-
-  @Before
-  public void setup() {
-    mReactNativeRule.render("CatalystRootViewTestApp");
-  }
-
-  @Test
-  public void testResizeRootView() {
-    final ReactRootView rootView = mReactNativeRule.getView();
-    final View childView = rootView.getChildAt(0);
-
-    assertThat(rootView.getWidth()).isEqualTo(childView.getWidth());
-
-    final int newWidth = rootView.getWidth() / 2;
-
-    Instrumentation instrumentation = InstrumentationRegistry.getInstrumentation();
-    instrumentation.runOnMainSync(
-        new Runnable() {
-          @Override
-          public void run() {
-            rootView.setLayoutParams(
-                new FrameLayout.LayoutParams(newWidth, ViewGroup.LayoutParams.MATCH_PARENT));
-          }
-        });
-
-    instrumentation.waitForIdleSync();
-    mReactNativeRule.waitForIdleSync();
-
-    assertThat(newWidth).isEqualTo(childView.getWidth());
-  }
-
-  @Test
-  public void testRootViewWrapContent() {
-    final ReactRootView rootView = mReactNativeRule.getView();
-
-    Instrumentation instrumentation = InstrumentationRegistry.getInstrumentation();
-    instrumentation.runOnMainSync(
-        new Runnable() {
-          @Override
-          public void run() {
-            rootView.setLayoutParams(
-                new FrameLayout.LayoutParams(
-                    ViewGroup.LayoutParams.WRAP_CONTENT, ViewGroup.LayoutParams.WRAP_CONTENT));
-          }
-        });
-
-    instrumentation.waitForIdleSync();
-    mReactNativeRule.waitForIdleSync();
-
-    int newComponentHeight = 500;
-    mReactNativeRule
-        .getContext()
-        .getJSModule(ReactRootViewTestModule.class)
-        .setHeight(newComponentHeight);
-
-    instrumentation.waitForIdleSync();
-    mReactNativeRule.waitForIdleSync();
-    instrumentation.waitForIdleSync();
-
-    // added 0.5 to account for rounding issues
-    assertThat(rootView.getMeasuredHeight())
-        .isEqualTo((int) (PixelUtil.toPixelFromDIP(newComponentHeight) + 0.5));
-  }
-
-  /**
-   * Verify that removing the root view from hierarchy will trigger subviews removal both on JS and
-   * native side
-   */
-  @Test
-  public void testRemoveRootView() {
-    final ReactRootView rootView = mReactNativeRule.getView();
-
-    assertThat(rootView.getChildCount()).isEqualTo(1);
-
-    Instrumentation instrumentation = InstrumentationRegistry.getInstrumentation();
-    instrumentation.runOnMainSync(
-        new Runnable() {
-          @Override
-          public void run() {
-            ViewGroup parent = (ViewGroup) rootView.getParent();
-            parent.removeView(rootView);
-            // removing from parent should not remove child views, child views should be removed as
-            // an effect of native call to UIManager.removeRootView
-            assertThat(rootView.getChildCount()).isEqualTo(1);
-          }
-        });
-
-    instrumentation.waitForIdleSync();
-    mReactNativeRule.waitForIdleSync();
-
-    assertThat(mRecordingModule.getCalls().size())
-        .isEqualTo(0)
-        .overridingErrorMessage("root component should not be automatically unmounted");
-    assertThat(rootView.getChildCount()).isEqualTo(1);
-
-    instrumentation.runOnMainSync(
-        new Runnable() {
-          @Override
-          public void run() {
-            rootView.unmountReactApplication();
-          }
-        });
-    mReactNativeRule.waitForIdleSync();
-
-    assertThat(mRecordingModule.getCalls().size()).isEqualTo(1);
-    assertThat(mRecordingModule.getCalls().get(0)).isEqualTo("RootComponentWillUnmount");
-    assertThat(rootView.getChildCount()).isEqualTo(0);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/WritableNativeMapTest.java b/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/WritableNativeMapTest.java
deleted file mode 100644
index c6997e6e0b31b4..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/tests/core/WritableNativeMapTest.java
+++ /dev/null
@@ -1,130 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.tests.core;
-
-import static org.assertj.core.api.Assertions.assertThat;
-
-import androidx.test.runner.AndroidJUnit4;
-import com.facebook.react.bridge.NoSuchKeyException;
-import com.facebook.react.bridge.UnexpectedNativeTypeException;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.bridge.WritableNativeArray;
-import com.facebook.react.bridge.WritableNativeMap;
-import org.junit.Assert;
-import org.junit.Before;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-
-@RunWith(AndroidJUnit4.class)
-public class WritableNativeMapTest {
-
-  private static final String ARRAY = "array";
-  private static final String MAP = "map";
-  private WritableNativeMap mMap;
-
-  @Before
-  public void setup() {
-    mMap = new WritableNativeMap();
-    mMap.putBoolean("boolean", true);
-    mMap.putDouble("double", 1.2);
-    mMap.putInt("int", 1);
-    mMap.putString("string", "abc");
-    mMap.putMap(MAP, new WritableNativeMap());
-    mMap.putArray(ARRAY, new WritableNativeArray());
-    mMap.putBoolean("dvacca", true);
-  }
-
-  @Test
-  public void testBoolean() {
-    assertThat(mMap.getBoolean("boolean")).isEqualTo(true);
-  }
-
-  @Test(expected = UnexpectedNativeTypeException.class)
-  public void testBooleanInvalidType() {
-    mMap.getBoolean("string");
-  }
-
-  @Test
-  public void testDouble() {
-    assertThat(mMap.getDouble("double")).isEqualTo(1.2);
-  }
-
-  @Test(expected = UnexpectedNativeTypeException.class)
-  public void testDoubleInvalidType() {
-    mMap.getDouble("string");
-  }
-
-  @Test
-  public void testInt() {
-    assertThat(mMap.getInt("int")).isEqualTo(1);
-  }
-
-  @Test(expected = UnexpectedNativeTypeException.class)
-  public void testIntInvalidType() {
-    mMap.getInt("string");
-  }
-
-  @Test
-  public void testString() {
-    assertThat(mMap.getString("string")).isEqualTo("abc");
-  }
-
-  @Test(expected = UnexpectedNativeTypeException.class)
-  public void testStringInvalidType() {
-    mMap.getString("int");
-  }
-
-  @Test
-  public void testMap() {
-    assertThat(mMap.getMap("map")).isNotNull();
-  }
-
-  @Test(expected = UnexpectedNativeTypeException.class)
-  public void testMapInvalidType() {
-    mMap.getMap("string");
-  }
-
-  @Test
-  public void testArray() {
-    assertThat(mMap.getArray("array")).isNotNull();
-  }
-
-  @Test(expected = UnexpectedNativeTypeException.class)
-  public void testArrayInvalidType() {
-    mMap.getArray("string");
-  }
-
-  @Test
-  public void testErrorMessageContainsKey() {
-    String key = "fkg";
-    try {
-      mMap.getString(key);
-      Assert.fail("Expected an NoSuchKeyException to be thrown");
-    } catch (NoSuchKeyException e) {
-      assertThat(e.getMessage()).contains(key);
-    }
-  }
-
-  @Test
-  public void testCopy() {
-    final WritableMap copy = mMap.copy();
-
-    assertThat(copy).isNotSameAs(mMap);
-    assertThat(copy.getMap(MAP)).isNotSameAs(mMap.getMap(MAP));
-    assertThat(copy.getArray(ARRAY)).isNotSameAs(mMap.getArray(ARRAY));
-  }
-
-  @Test
-  public void testCopyModification() {
-    final WritableMap copy = mMap.copy();
-    copy.putString("string", "foo");
-
-    assertThat(copy.getString("string")).isEqualTo("foo");
-    assertThat(mMap.getString("string")).isEqualTo("abc");
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/AnimatedTransformTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/AnimatedTransformTestModule.js
deleted file mode 100644
index 36288a8fb768fb..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/AnimatedTransformTestModule.js
+++ /dev/null
@@ -1,85 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {
-  NativeModules,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-
-const {Recording: RecordingModule} = NativeModules;
-
-const styles = StyleSheet.create({
-  base: {
-    width: 200,
-    height: 200,
-    backgroundColor: 'red',
-    transform: [{rotate: '0deg'}],
-  },
-  transformed: {
-    transform: [{rotate: '45deg'}],
-  },
-});
-
-/**
- * This app presents a TouchableOpacity which was the simplest way to
- * demonstrate this issue. Tapping the TouchableOpacity causes an animated
- * transform to be created for the rotation property. Since the property isn't
- * animated itself, it comes through as a static property, but static properties
- * can't currently handle strings which causes a string->double cast exception.
- */
-class AnimatedTransformTestApp extends React.Component {
-  constructor(props) {
-    super(props);
-    this.toggle = this.toggle.bind(this);
-  }
-
-  state = {
-    flag: false,
-  };
-
-  toggle() {
-    this.setState({
-      flag: !this.state.flag,
-    });
-  }
-
-  render() {
-    // Using this to verify if its fixed.
-    RecordingModule.record('render');
-
-    return (
-      <View style={StyleSheet.absoluteFill}>
-        <TouchableOpacity
-          onPress={this.toggle}
-          testID="TouchableOpacity"
-          style={[styles.base, this.state.flag ? styles.transformed : null]}>
-          <Text>TouchableOpacity</Text>
-        </TouchableOpacity>
-      </View>
-    );
-  }
-}
-
-var AnimatedTransformTestModule = {
-  AnimatedTransformTestApp: AnimatedTransformTestApp,
-};
-
-BatchedBridge.registerCallableModule(
-  'AnimatedTransformTestModule',
-  AnimatedTransformTestModule,
-);
-
-module.exports = AnimatedTransformTestModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/Asserts.js b/packages/react-native/ReactAndroid/src/androidTest/js/Asserts.js
deleted file mode 100644
index 06605c0c5602d0..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/Asserts.js
+++ /dev/null
@@ -1,38 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const {NativeModules} = require('react-native');
-
-const {Assert} = NativeModules;
-
-const Asserts = {
-  assertEquals: function (expected, actual, msg) {
-    if (expected !== actual) {
-      Assert.fail(
-        msg ||
-          'Expected: ' +
-            expected +
-            ', received: ' +
-            actual +
-            '\n' +
-            'at ' +
-            new Error().stack,
-      );
-    } else {
-      Assert.success();
-    }
-  },
-  assertTrue: function (expr, msg) {
-    Asserts.assertEquals(true, expr, msg);
-  },
-};
-
-module.exports = Asserts;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/CatalystRootViewTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/CatalystRootViewTestModule.js
deleted file mode 100644
index 9e818ceb695a74..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/CatalystRootViewTestModule.js
+++ /dev/null
@@ -1,62 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {NativeModules, StyleSheet, View} = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-
-const {Recording} = NativeModules;
-
-let that;
-
-class CatalystRootViewTestApp extends React.Component {
-  state = {
-    height: 300,
-  };
-
-  componentDidMount() {
-    that = this;
-  }
-
-  componentWillUnmount() {
-    Recording.record('RootComponentWillUnmount');
-  }
-
-  render() {
-    return (
-      <View
-        collapsable={false}
-        style={[styles.container, {height: this.state.height}]}
-      />
-    );
-  }
-}
-
-const ReactRootViewTestModule = {
-  setHeight: function (height) {
-    that.setState({height: height});
-  },
-};
-
-const styles = StyleSheet.create({
-  container: {
-    alignSelf: 'stretch',
-  },
-});
-
-BatchedBridge.registerCallableModule(
-  'ReactRootViewTestModule',
-  ReactRootViewTestModule,
-);
-
-module.exports = {
-  CatalystRootViewTestApp: CatalystRootViewTestApp,
-};
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/IdTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/IdTestModule.js
deleted file mode 100644
index 278670f35274af..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/IdTestModule.js
+++ /dev/null
@@ -1,76 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-const React = require('react');
-const TouchableBounce = require('react-native/Libraries/Components/Touchable/TouchableBounce');
-
-const {
-  Image,
-  StyleSheet,
-  Text,
-  TextInput,
-  TouchableHighlight,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
-  View,
-} = require('react-native');
-
-/**
- * All the views implemented on Android, each with the id property set.
- * We test that:
- * - The app renders fine
- * - The id property is passed to the native views via the nativeID property
- */
-class IdTestApp extends React.Component<{...}> {
-  render(): React.Node {
-    const uri =
-      'data:image/gif;base64,' +
-      'R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAwAAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapy' +
-      'uvUUlvONmOZtfzgFzByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSpa/' +
-      'TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJlZeGl9i2icVqaNVailT6F5' +
-      'iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uisF81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97V' +
-      'riy/Xl4/f1cf5VWzXyym7PHhhx4dbgYKAAA7';
-    return (
-      <View>
-        <Image id="Image" source={{uri: uri}} style={styles.base} />
-        <Text id="Text">text</Text>
-        <TextInput id="TextInput" value="Text input" />
-        <TouchableBounce id="TouchableBounce">
-          <Text>TouchableBounce</Text>
-        </TouchableBounce>
-        <TouchableHighlight id="TouchableHighlight">
-          <Text>TouchableHighlight</Text>
-        </TouchableHighlight>
-        <TouchableOpacity id="TouchableOpacity">
-          <Text>TouchableOpacity</Text>
-        </TouchableOpacity>
-        <TouchableWithoutFeedback id="TouchableWithoutFeedback">
-          <View>
-            <Text>TouchableWithoutFeedback</Text>
-          </View>
-        </TouchableWithoutFeedback>
-        <View id="View" />
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  base: {
-    width: 150,
-    height: 50,
-  },
-});
-
-module.exports = {
-  IdTestApp,
-};
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/ImageErrorTestApp.js b/packages/react-native/ReactAndroid/src/androidTest/js/ImageErrorTestApp.js
deleted file mode 100644
index 04a461f3afd7bb..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/ImageErrorTestApp.js
+++ /dev/null
@@ -1,56 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {Image, NativeModules, StyleSheet, View} = require('react-native');
-
-const {Recording: RecordingModule} = NativeModules;
-
-class ImageErrorTestApp extends React.Component {
-  onError = e => {
-    RecordingModule.record('Got error: ' + e.nativeEvent.error);
-  };
-
-  render() {
-    // For some reason image-2 needs explicit height. Without it onError is not triggered.
-    return (
-      <View>
-        <Image
-          testID="image-1"
-          source={{uri: '/does/not/exist'}}
-          onError={this.onError}
-        />
-        <Image
-          testID="image-2"
-          source={{uri: 'file:///does/not/exist'}}
-          style={styles.image}
-          onError={this.onError}
-        />
-        <Image
-          testID="image-3"
-          source={{
-            uri: 'https://TYPO_ERROR_facebook.github.io/react/logo-og.png',
-          }}
-          onError={this.onError}
-        />
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  image: {
-    height: 50,
-    width: 50,
-  },
-});
-
-module.exports = ImageErrorTestApp;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/ImageOverlayColorTestApp.js b/packages/react-native/ReactAndroid/src/androidTest/js/ImageOverlayColorTestApp.js
deleted file mode 100644
index e942bc315a1d88..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/ImageOverlayColorTestApp.js
+++ /dev/null
@@ -1,29 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {Image} = require('react-native');
-
-class ImageOverlayColorTestApp extends React.Component {
-  render() {
-    const uri =
-      'data:image/gif;base64,' +
-      'R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAwAAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapy' +
-      'uvUUlvONmOZtfzgFzByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSpa/' +
-      'TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJlZeGl9i2icVqaNVailT6F5' +
-      'iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uisF81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97V' +
-      'riy/Xl4/f1cf5VWzXyym7PHhhx4dbgYKAAA7';
-
-    return <Image testID="image" source={{uri: uri}} overlayColor="#FF0000" />;
-  }
-}
-
-module.exports = ImageOverlayColorTestApp;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/InitialPropsTestApp.js b/packages/react-native/ReactAndroid/src/androidTest/js/InitialPropsTestApp.js
deleted file mode 100644
index 3fe6ca66670729..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/InitialPropsTestApp.js
+++ /dev/null
@@ -1,25 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {NativeModules, Text} = require('react-native');
-
-class InitialPropsTestApp extends React.Component {
-  componentDidMount() {
-    NativeModules.InitialPropsRecordingModule.recordProps(this.props);
-  }
-
-  render() {
-    return <Text>dummy</Text>;
-  }
-}
-
-module.exports = InitialPropsTestApp;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/JSResponderTestApp.js b/packages/react-native/ReactAndroid/src/androidTest/js/JSResponderTestApp.js
deleted file mode 100644
index 4967106a75bb5b..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/JSResponderTestApp.js
+++ /dev/null
@@ -1,66 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {
-  PanResponder,
-  ScrollView,
-  StyleSheet,
-  Text,
-  View,
-} = require('react-native');
-
-class JSResponderTestApp extends React.Component {
-  _handleMoveShouldSetPanResponder = (e, gestureState) => {
-    return Math.abs(gestureState.dx) > 30;
-  };
-
-  UNSAFE_componentWillMount() {
-    this.panGesture = PanResponder.create({
-      onMoveShouldSetPanResponder: this._handleMoveShouldSetPanResponder,
-    });
-  }
-
-  render() {
-    const views = [];
-    for (let i = 0; i < 100; i++) {
-      views[i] = (
-        <View key={i} style={styles.row} collapsable={false}>
-          <Text>I am row {i}</Text>
-        </View>
-      );
-    }
-    return (
-      <View
-        style={styles.container}
-        {...this.panGesture.panHandlers}
-        collapsable={false}>
-        <ScrollView style={styles.scrollview} testID="scroll_view">
-          {views}
-        </ScrollView>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  scrollview: {
-    flex: 1,
-  },
-  row: {
-    height: 30,
-  },
-});
-
-module.exports = JSResponderTestApp;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/LayoutEventsTestApp.js b/packages/react-native/ReactAndroid/src/androidTest/js/LayoutEventsTestApp.js
deleted file mode 100644
index 59cda24bdd22d4..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/LayoutEventsTestApp.js
+++ /dev/null
@@ -1,89 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {NativeModules, StyleSheet, View} = require('react-native');
-
-const {Recording: RecordingModule} = NativeModules;
-
-const LAYOUT_SPECS = [
-  [10, 10, 100, 100],
-  [10, 10, 50, 50],
-  [0, 0, 50, 50],
-  [0, 0, 50, 50],
-];
-
-class LayoutEventsTestApp extends React.Component {
-  constructor() {
-    super();
-    this.state = {
-      specNumber: 0,
-    };
-    this.numParentLayouts = 0;
-  }
-
-  handleOnLayout = e => {
-    const layout = e.nativeEvent.layout;
-    RecordingModule.record(
-      layout.x + ',' + layout.y + '-' + layout.width + 'x' + layout.height,
-    );
-
-    if (this.state.specNumber >= LAYOUT_SPECS.length) {
-      // This will cause the test to fail
-      RecordingModule.record('Got an extraneous layout call');
-    } else {
-      this.setState({
-        specNumber: this.state.specNumber + 1,
-      });
-    }
-  };
-
-  handleParentOnLayout = e => {
-    if (this.numParentLayouts > 0) {
-      // This will cause the test to fail - the parent's layout doesn't change
-      // so we should only get the event once.
-      RecordingModule.record('Got an extraneous layout call on the parent');
-    }
-    this.numParentLayouts++;
-  };
-
-  render() {
-    const layout = LAYOUT_SPECS[this.state.specNumber];
-    return (
-      <View
-        onLayout={this.handleParentOnLayout}
-        testID="parent"
-        style={styles.container}>
-        <View
-          onLayout={this.handleOnLayout}
-          testID="container"
-          style={{
-            left: layout[0],
-            top: layout[1],
-            width: layout[2],
-            height: layout[3],
-          }}
-        />
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    left: 0,
-    top: 0,
-    width: 500,
-    height: 500,
-  },
-});
-
-module.exports = LayoutEventsTestApp;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/MeasureLayoutTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/MeasureLayoutTestModule.js
deleted file mode 100644
index 68289a53bee4d0..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/MeasureLayoutTestModule.js
+++ /dev/null
@@ -1,214 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-import * as React from 'react';
-import {useEffect, useRef} from 'react';
-import {StyleSheet, UIManager, View, findNodeHandle} from 'react-native';
-import BatchedBridge from 'react-native/Libraries/BatchedBridge/BatchedBridge';
-import {assertEquals} from './Asserts';
-
-const styles = StyleSheet.create({
-  A: {
-    width: 500,
-    height: 500,
-  },
-  B: {
-    backgroundColor: 'rgb(255, 0, 0)',
-    left: 50,
-    top: 80,
-    width: 200,
-    height: 300,
-  },
-  C: {
-    backgroundColor: 'rgb(0, 255, 0)',
-    left: 100,
-    top: 70,
-    width: 50,
-    height: 150,
-  },
-  D: {
-    backgroundColor: 'rgb(0, 0, 255)',
-    left: 400,
-    top: 100,
-    width: 50,
-    height: 200,
-  },
-});
-
-let A, B, C, D;
-
-function MeasureLayoutTestApp() {
-  const refA = useRef(null);
-  const refB = useRef(null);
-  const refC = useRef(null);
-  const refD = useRef(null);
-
-  useEffect(() => {
-    A = findNodeHandle(refA.current);
-    B = findNodeHandle(refB.current);
-    C = findNodeHandle(refC.current);
-    D = findNodeHandle(refD.current);
-  });
-
-  return (
-    <View ref={refA} style={styles.A} collapsable={false}>
-      <View ref={refB} style={styles.B} collapsable={false}>
-        <View ref={refC} style={styles.C} collapsable={false} />
-      </View>
-      <View ref={refD} style={styles.D} collapsable={false} />
-    </View>
-  );
-}
-
-function shouldNotCallThisCallback() {
-  assertEquals(false, true);
-}
-
-const MeasureLayoutTestModule = {
-  MeasureLayoutTestApp,
-  verifyMeasureOnViewA: function () {
-    UIManager.measure(A, function (a, b, width, height, x, y) {
-      assertEquals(500, width);
-      assertEquals(500, height);
-      assertEquals(0, x);
-      assertEquals(0, y);
-    });
-  },
-  verifyMeasureOnViewC: function () {
-    UIManager.measure(C, function (a, b, width, height, x, y) {
-      assertEquals(50, width);
-      assertEquals(150, height);
-      assertEquals(150, x);
-      assertEquals(150, y);
-    });
-  },
-  verifyMeasureLayoutCRelativeToA: function () {
-    UIManager.measureLayout(
-      C,
-      A,
-      shouldNotCallThisCallback,
-      function (x, y, width, height) {
-        assertEquals(50, width);
-        assertEquals(150, height);
-        assertEquals(150, x);
-        assertEquals(150, y);
-      },
-    );
-  },
-  verifyMeasureLayoutCRelativeToB: function () {
-    UIManager.measureLayout(
-      C,
-      B,
-      shouldNotCallThisCallback,
-      function (x, y, width, height) {
-        assertEquals(50, width);
-        assertEquals(150, height);
-        assertEquals(100, x);
-        assertEquals(70, y);
-      },
-    );
-  },
-  verifyMeasureLayoutCRelativeToSelf: function () {
-    UIManager.measureLayout(
-      C,
-      C,
-      shouldNotCallThisCallback,
-      function (x, y, width, height) {
-        assertEquals(50, width);
-        assertEquals(150, height);
-        assertEquals(0, x);
-        assertEquals(0, y);
-      },
-    );
-  },
-  verifyMeasureLayoutRelativeToParentOnViewA: function () {
-    UIManager.measureLayoutRelativeToParent(
-      A,
-      shouldNotCallThisCallback,
-      function (x, y, width, height) {
-        assertEquals(500, width);
-        assertEquals(500, height);
-        assertEquals(0, x);
-        assertEquals(0, y);
-      },
-    );
-  },
-  verifyMeasureLayoutRelativeToParentOnViewB: function () {
-    UIManager.measureLayoutRelativeToParent(
-      B,
-      shouldNotCallThisCallback,
-      function (x, y, width, height) {
-        assertEquals(200, width);
-        assertEquals(300, height);
-        assertEquals(50, x);
-        assertEquals(80, y);
-      },
-    );
-  },
-  verifyMeasureLayoutRelativeToParentOnViewC: function () {
-    UIManager.measureLayoutRelativeToParent(
-      C,
-      shouldNotCallThisCallback,
-      function (x, y, width, height) {
-        assertEquals(50, width);
-        assertEquals(150, height);
-        assertEquals(100, x);
-        assertEquals(70, y);
-      },
-    );
-  },
-  verifyMeasureLayoutDRelativeToB: function () {
-    UIManager.measureLayout(
-      D,
-      B,
-      function () {
-        assertEquals(true, true);
-      },
-      shouldNotCallThisCallback,
-    );
-  },
-  verifyMeasureLayoutNonExistentTag: function () {
-    UIManager.measureLayout(
-      192,
-      A,
-      function () {
-        assertEquals(true, true);
-      },
-      shouldNotCallThisCallback,
-    );
-  },
-  verifyMeasureLayoutNonExistentAncestor: function () {
-    UIManager.measureLayout(
-      B,
-      192,
-      function () {
-        assertEquals(true, true);
-      },
-      shouldNotCallThisCallback,
-    );
-  },
-  verifyMeasureLayoutRelativeToParentNonExistentTag: function () {
-    UIManager.measureLayoutRelativeToParent(
-      192,
-      function () {
-        assertEquals(true, true);
-      },
-      shouldNotCallThisCallback,
-    );
-  },
-};
-
-BatchedBridge.registerCallableModule(
-  'MeasureLayoutTestModule',
-  MeasureLayoutTestModule,
-);
-
-module.exports = MeasureLayoutTestModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/MultitouchHandlingTestAppModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/MultitouchHandlingTestAppModule.js
deleted file mode 100644
index 73f023fd58c726..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/MultitouchHandlingTestAppModule.js
+++ /dev/null
@@ -1,78 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {NativeModules, StyleSheet, View} = require('react-native');
-
-const {Recording} = NativeModules;
-
-const extractSingleTouch = nativeEvent => {
-  const touches = nativeEvent.touches;
-  const changedTouches = nativeEvent.changedTouches;
-  const hasTouches = touches && touches.length > 0;
-  const hasChangedTouches = changedTouches && changedTouches.length > 0;
-
-  return !hasTouches && hasChangedTouches
-    ? changedTouches[0]
-    : hasTouches
-    ? touches[0]
-    : nativeEvent;
-};
-
-class TouchTestApp extends React.Component {
-  handleStartShouldSetResponder = e => {
-    return true;
-  };
-
-  handleOnResponderMove = e => {
-    e = extractSingleTouch(e.nativeEvent);
-    Recording.record('move;' + e.touches.length);
-  };
-
-  handleResponderStart = e => {
-    e = extractSingleTouch(e.nativeEvent);
-    if (e.touches) {
-      Recording.record('start;' + e.touches.length);
-    } else {
-      Recording.record('start;ExtraPointer');
-    }
-  };
-
-  handleResponderEnd = e => {
-    e = extractSingleTouch(e.nativeEvent);
-    if (e.touches) {
-      Recording.record('end;' + e.touches.length);
-    } else {
-      Recording.record('end;ExtraPointer');
-    }
-  };
-
-  render() {
-    return (
-      <View
-        style={styles.container}
-        onStartShouldSetResponder={this.handleStartShouldSetResponder}
-        onResponderMove={this.handleOnResponderMove}
-        onResponderStart={this.handleResponderStart}
-        onResponderEnd={this.handleResponderEnd}
-        collapsable={false}
-      />
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-});
-
-module.exports = TouchTestApp;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/NativeIdTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/NativeIdTestModule.js
deleted file mode 100644
index 583d7c71b169a0..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/NativeIdTestModule.js
+++ /dev/null
@@ -1,76 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-const React = require('react');
-const TouchableBounce = require('react-native/Libraries/Components/Touchable/TouchableBounce');
-
-const {
-  Image,
-  StyleSheet,
-  Text,
-  TextInput,
-  TouchableHighlight,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
-  View,
-} = require('react-native');
-
-/**
- * All the views implemented on Android, each with the nativeID property set.
- * We test that:
- * - The app renders fine
- * - The nativeID property is passed to the native views
- */
-class NativeIdTestApp extends React.Component<{...}> {
-  render(): React.Node {
-    const uri =
-      'data:image/gif;base64,' +
-      'R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAwAAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapy' +
-      'uvUUlvONmOZtfzgFzByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSpa/' +
-      'TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJlZeGl9i2icVqaNVailT6F5' +
-      'iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uisF81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97V' +
-      'riy/Xl4/f1cf5VWzXyym7PHhhx4dbgYKAAA7';
-    return (
-      <View>
-        <Image nativeID="Image" source={{uri: uri}} style={styles.base} />
-        <Text nativeID="Text">text</Text>
-        <TextInput nativeID="TextInput" value="Text input" />
-        <TouchableBounce nativeID="TouchableBounce">
-          <Text>TouchableBounce</Text>
-        </TouchableBounce>
-        <TouchableHighlight nativeID="TouchableHighlight">
-          <Text>TouchableHighlight</Text>
-        </TouchableHighlight>
-        <TouchableOpacity nativeID="TouchableOpacity">
-          <Text>TouchableOpacity</Text>
-        </TouchableOpacity>
-        <TouchableWithoutFeedback nativeID="TouchableWithoutFeedback">
-          <View>
-            <Text>TouchableWithoutFeedback</Text>
-          </View>
-        </TouchableWithoutFeedback>
-        <View nativeID="View" />
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  base: {
-    width: 150,
-    height: 50,
-  },
-});
-
-module.exports = {
-  NativeIdTestApp: NativeIdTestApp,
-};
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/ProgressBarTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/ProgressBarTestModule.js
deleted file mode 100644
index 21df4f6ec24156..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/ProgressBarTestModule.js
+++ /dev/null
@@ -1,59 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {
-  ProgressBarAndroid: ProgressBar,
-  StyleSheet,
-  View,
-} = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-const renderApplication = require('react-native/Libraries/ReactNative/renderApplication');
-
-class ProgressBarSampleApp extends React.Component {
-  state = {};
-
-  render() {
-    return (
-      <View>
-        <ProgressBar styleAttr="Horizontal" testID="Horizontal" />
-        <ProgressBar styleAttr="Small" testID="Small" />
-        <ProgressBar styleAttr="Large" testID="Large" />
-        <ProgressBar styleAttr="Normal" testID="Normal" />
-        <ProgressBar styleAttr="Inverse" testID="Inverse" />
-        <ProgressBar styleAttr="SmallInverse" testID="SmallInverse" />
-        <ProgressBar styleAttr="LargeInverse" testID="LargeInverse" />
-        <View style={styles.wrapper}>
-          <ProgressBar styleAttr="Horizontal" testID="Horizontal200" />
-        </View>
-      </View>
-    );
-  }
-}
-
-const ProgressBarTestModule = {
-  renderProgressBarApplication: function (rootTag) {
-    renderApplication(ProgressBarSampleApp, {}, rootTag);
-  },
-};
-
-BatchedBridge.registerCallableModule(
-  'ProgressBarTestModule',
-  ProgressBarTestModule,
-);
-
-const styles = StyleSheet.create({
-  wrapper: {
-    width: 200,
-  },
-});
-
-module.exports = ProgressBarTestModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/ScrollViewTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/ScrollViewTestModule.js
deleted file mode 100644
index 4808118ed89498..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/ScrollViewTestModule.js
+++ /dev/null
@@ -1,186 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- */
-
-'use strict';
-
-import type {
-  PressEvent,
-  ScrollEvent,
-} from 'react-native/Libraries/Types/CoreEventTypes';
-
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-const React = require('react');
-
-const {
-  NativeModules,
-  ScrollView,
-  StyleSheet,
-  Text,
-  TouchableWithoutFeedback,
-  View,
-} = require('react-native');
-
-const {ScrollListener} = NativeModules;
-
-const NUM_ITEMS = 100;
-
-// Shared by integration tests for ScrollView and HorizontalScrollView
-
-let scrollViewApp: ScrollViewTestApp | HorizontalScrollViewTestApp;
-
-type ItemProps = $ReadOnly<{|
-  onPress: (event: PressEvent) => void,
-  text: string,
-|}>;
-
-type ItemState = {||};
-
-class Item extends React.Component<ItemProps, ItemState> {
-  render(): React.Node {
-    return (
-      <TouchableWithoutFeedback onPress={this.props.onPress}>
-        <View style={styles.item_container}>
-          <Text style={styles.item_text}>{this.props.text}</Text>
-        </View>
-      </TouchableWithoutFeedback>
-    );
-  }
-}
-
-const getInitialState = function () {
-  const data = [];
-  for (let i = 0; i < NUM_ITEMS; i++) {
-    data[i] = {text: 'Item ' + i + '!'};
-  }
-  return {
-    data: data,
-  };
-};
-
-const onScroll = function (e: ScrollEvent) {
-  ScrollListener.onScroll(
-    e.nativeEvent.contentOffset.x,
-    e.nativeEvent.contentOffset.y,
-  );
-};
-
-const onScrollBeginDrag = function (e: ScrollEvent) {
-  ScrollListener.onScrollBeginDrag(
-    e.nativeEvent.contentOffset.x,
-    e.nativeEvent.contentOffset.y,
-  );
-};
-
-const onScrollEndDrag = function (e: ScrollEvent) {
-  ScrollListener.onScrollEndDrag(
-    e.nativeEvent.contentOffset.x,
-    e.nativeEvent.contentOffset.y,
-  );
-};
-
-const onItemPress = function (itemNumber: number) {
-  ScrollListener.onItemPress(itemNumber);
-};
-
-type Props = $ReadOnly<{||}>;
-type State = {|
-  data: $ReadOnlyArray<{|text: string|}>,
-|};
-
-class ScrollViewTestApp extends React.Component<Props, State> {
-  scrollView: {|current: any | null|} = React.createRef();
-  state: State = getInitialState();
-
-  scrollTo(destX: number, destY: number) {
-    const scrollView = this.scrollView.current;
-    if (scrollView == null) {
-      return;
-    }
-
-    scrollView.scrollTo(destY, destX);
-  }
-
-  render(): React.Node {
-    scrollViewApp = this; // eslint-disable-line consistent-this
-    const children = this.state.data.map((item, index) => (
-      <Item
-        key={index}
-        text={item.text}
-        onPress={onItemPress.bind(this, index)}
-      />
-    ));
-    return (
-      <ScrollView
-        onScroll={onScroll}
-        onScrollBeginDrag={onScrollBeginDrag}
-        onScrollEndDrag={onScrollEndDrag}
-        ref={this.scrollView}>
-        {children}
-      </ScrollView>
-    );
-  }
-}
-
-class HorizontalScrollViewTestApp extends React.Component<Props, State> {
-  scrollView: {|current: any | null|} = React.createRef();
-  state: State = getInitialState();
-
-  scrollTo(destX: number, destY: number) {
-    const scrollView = this.scrollView.current;
-    if (scrollView == null) {
-      return;
-    }
-
-    scrollView.scrollTo(destY, destX);
-  }
-
-  render(): React.Node {
-    scrollViewApp = this; // eslint-disable-line consistent-this
-    const children = this.state.data.map((item, index) => (
-      <Item
-        key={index}
-        text={item.text}
-        onPress={onItemPress.bind(this, index)}
-      />
-    ));
-    return (
-      <ScrollView horizontal={true} onScroll={onScroll} ref={this.scrollView}>
-        {children}
-      </ScrollView>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  item_container: {
-    padding: 30,
-    backgroundColor: '#ffffff',
-  },
-  item_text: {
-    flex: 1,
-    fontSize: 18,
-    alignSelf: 'center',
-  },
-});
-
-const ScrollViewTestModule = {
-  ScrollViewTestApp: ScrollViewTestApp,
-  HorizontalScrollViewTestApp: HorizontalScrollViewTestApp,
-  scrollTo(destX: number, destY: number) {
-    scrollViewApp.scrollTo(destX, destY);
-  },
-};
-
-BatchedBridge.registerCallableModule(
-  'ScrollViewTestModule',
-  ScrollViewTestModule,
-);
-
-module.exports = ScrollViewTestModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/ShareTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/ShareTestModule.js
deleted file mode 100644
index 8d3f7fb4778bfe..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/ShareTestModule.js
+++ /dev/null
@@ -1,36 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {NativeModules, Share, View} = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-
-const {ShareRecordingModule: RecordingModule} = NativeModules;
-
-class ShareTestApp extends React.Component {
-  render() {
-    return <View />;
-  }
-}
-
-const ShareTestModule = {
-  ShareTestApp: ShareTestApp,
-  showShareDialog: function (content, options) {
-    Share.share(content, options).then(
-      () => RecordingModule.recordOpened(),
-      ({code, message}) => RecordingModule.recordError(),
-    );
-  },
-};
-
-BatchedBridge.registerCallableModule('ShareTestModule', ShareTestModule);
-
-module.exports = ShareTestModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/SubviewsClippingTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/SubviewsClippingTestModule.js
deleted file mode 100644
index 82599a67bc0982..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/SubviewsClippingTestModule.js
+++ /dev/null
@@ -1,369 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {
-  ScrollView,
-  StyleSheet,
-  View,
-  requireNativeComponent,
-} = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-
-const ClippableView = requireNativeComponent('ClippableView');
-
-class ClippingSample1 extends React.Component {
-  render() {
-    return (
-      <View>
-        <ClippableView
-          clippableViewID="outer"
-          style={sample1Styles.outer}
-          removeClippedSubviews={true}>
-          <ClippableView
-            clippableViewID="inner1"
-            style={[sample1Styles.inner, sample1Styles.inner1]}
-          />
-          <ClippableView
-            clippableViewID="inner2"
-            style={[sample1Styles.inner, sample1Styles.inner2]}
-          />
-          <ClippableView
-            clippableViewID="inner3"
-            style={[sample1Styles.inner, sample1Styles.inner3]}
-          />
-          <ClippableView
-            clippableViewID="inner4"
-            style={[sample1Styles.inner, sample1Styles.inner4]}
-          />
-          <ClippableView
-            clippableViewID="inner5"
-            style={[sample1Styles.inner, sample1Styles.inner5]}
-          />
-        </ClippableView>
-      </View>
-    );
-  }
-}
-
-const sample1Styles = StyleSheet.create({
-  outer: {
-    width: 200,
-    height: 200,
-    backgroundColor: 'red',
-  },
-  inner: {
-    position: 'absolute',
-    width: 100,
-    height: 100,
-    backgroundColor: 'green',
-  },
-  inner1: {
-    top: -150,
-    left: 50,
-  },
-  inner2: {
-    top: 50,
-    left: 50,
-  },
-  inner3: {
-    top: 250,
-    left: 50,
-  },
-  inner4: {
-    left: -150,
-    top: 50,
-  },
-  inner5: {
-    left: 250,
-    top: 50,
-  },
-});
-
-class ClippingSample2 extends React.Component {
-  render() {
-    return (
-      <View>
-        <ClippableView
-          clippableViewID="outer"
-          style={sample2Styles.outer}
-          removeClippedSubviews={true}>
-          <ClippableView
-            clippableViewID="complexInner"
-            style={sample2Styles.complexInner}
-            removeClippedSubviews={true}>
-            <ClippableView
-              clippableViewID="inner1"
-              style={[sample2Styles.inner, sample2Styles.inner1]}
-            />
-            <ClippableView
-              clippableViewID="inner2"
-              style={[sample2Styles.inner, sample2Styles.inner2]}
-            />
-            <ClippableView
-              clippableViewID="inner3"
-              style={[sample2Styles.inner, sample2Styles.inner3]}
-            />
-            <ClippableView
-              clippableViewID="inner4"
-              style={[sample2Styles.inner, sample2Styles.inner4]}
-            />
-          </ClippableView>
-        </ClippableView>
-      </View>
-    );
-  }
-}
-
-const sample2Styles = StyleSheet.create({
-  outer: {
-    width: 200,
-    height: 200,
-    backgroundColor: 'red',
-  },
-  complexInner: {
-    position: 'absolute',
-    width: 200,
-    height: 200,
-    left: 100,
-    top: 100,
-    backgroundColor: 'green',
-  },
-  inner: {
-    position: 'absolute',
-    width: 80,
-    height: 80,
-    backgroundColor: 'blue',
-  },
-  inner1: {
-    left: 10,
-    top: 10,
-  },
-  inner2: {
-    right: 10,
-    top: 10,
-  },
-  inner3: {
-    left: 10,
-    bottom: 10,
-  },
-  inner4: {
-    right: 10,
-    bottom: 10,
-  },
-});
-
-class UpdatingSample1 extends React.Component {
-  render() {
-    const inner1Styles = [
-      updating1Styles.inner1,
-      {height: this.props.update1 ? 200 : 100},
-    ];
-
-    const inner2Styles = [
-      updating1Styles.inner2,
-      {top: this.props.update2 ? 200 : 50},
-    ];
-
-    return (
-      <View>
-        <ClippableView
-          clippableViewID="outer"
-          style={updating1Styles.outer}
-          removeClippedSubviews={true}>
-          <ClippableView clippableViewID="inner1" style={inner1Styles} />
-          <ClippableView clippableViewID="inner2" style={inner2Styles} />
-        </ClippableView>
-      </View>
-    );
-  }
-}
-
-const updating1Styles = StyleSheet.create({
-  outer: {
-    width: 200,
-    height: 200,
-    backgroundColor: 'red',
-  },
-  inner1: {
-    position: 'absolute',
-    width: 100,
-    height: 100,
-    left: 50,
-    top: -100,
-    backgroundColor: 'green',
-  },
-  inner2: {
-    position: 'absolute',
-    width: 100,
-    height: 100,
-    left: 50,
-    top: 50,
-    backgroundColor: 'green',
-  },
-});
-
-class UpdatingSample2 extends React.Component {
-  render() {
-    const outerStyles = [
-      updating2Styles.outer,
-      {height: this.props.update ? 200 : 100},
-    ];
-
-    return (
-      <View>
-        <ClippableView
-          clippableViewID="outer"
-          style={outerStyles}
-          removeClippedSubviews={true}>
-          <ClippableView
-            clippableViewID="inner"
-            style={updating2Styles.inner}
-          />
-        </ClippableView>
-      </View>
-    );
-  }
-}
-
-const updating2Styles = StyleSheet.create({
-  outer: {
-    width: 100,
-    height: 100,
-    backgroundColor: 'red',
-  },
-  inner: {
-    position: 'absolute',
-    width: 100,
-    height: 100,
-    top: 100,
-    backgroundColor: 'green',
-  },
-});
-
-class ScrollViewTest extends React.Component {
-  render() {
-    const children = [];
-    for (let i = 0; i < 4; i++) {
-      children[i] = (
-        <ClippableView
-          key={i}
-          style={scrollTestStyles.row}
-          clippableViewID={'' + i}
-        />
-      );
-    }
-    for (let i = 4; i < 6; i++) {
-      const viewID = 'C' + (i - 4);
-      children[i] = (
-        <ClippableView
-          key={i}
-          style={scrollTestStyles.complex}
-          clippableViewID={viewID}
-          removeClippedSubviews={true}>
-          <ClippableView
-            style={scrollTestStyles.inner}
-            clippableViewID={viewID + '.1'}
-          />
-          <ClippableView
-            style={scrollTestStyles.inner}
-            clippableViewID={viewID + '.2'}
-          />
-        </ClippableView>
-      );
-    }
-
-    return (
-      <ScrollView
-        removeClippedSubviews={true}
-        style={scrollTestStyles.scrollView}
-        testID="scroll_view">
-        {children}
-      </ScrollView>
-    );
-  }
-}
-
-const scrollTestStyles = StyleSheet.create({
-  scrollView: {
-    width: 200,
-    height: 300,
-  },
-  row: {
-    flex: 1,
-    height: 120,
-    backgroundColor: 'red',
-    borderColor: 'blue',
-    borderBottomWidth: 1,
-  },
-  complex: {
-    flex: 1,
-    height: 240,
-    backgroundColor: 'yellow',
-    borderColor: 'blue',
-    borderBottomWidth: 1,
-  },
-  inner: {
-    flex: 1,
-    margin: 10,
-    height: 100,
-    backgroundColor: 'gray',
-    borderColor: 'green',
-    borderWidth: 1,
-  },
-});
-
-let appInstance = null;
-
-class SubviewsClippingTestApp extends React.Component {
-  state = {};
-
-  UNSAFE_componentWillMount() {
-    appInstance = this; // eslint-disable-line consistent-this
-  }
-
-  setComponent = component => {
-    this.setState({component: component});
-  };
-
-  render() {
-    const component = this.state.component;
-    return <View>{component}</View>;
-  }
-}
-
-const SubviewsClippingTestModule = {
-  App: SubviewsClippingTestApp,
-  renderClippingSample1: function () {
-    appInstance.setComponent(<ClippingSample1 />);
-  },
-  renderClippingSample2: function () {
-    appInstance.setComponent(<ClippingSample2 />);
-  },
-  renderUpdatingSample1: function (update1, update2) {
-    appInstance.setComponent(
-      <UpdatingSample1 update1={update1} update2={update2} />,
-    );
-  },
-  renderUpdatingSample2: function (update) {
-    appInstance.setComponent(<UpdatingSample2 update={update} />);
-  },
-  renderScrollViewTest: function () {
-    appInstance.setComponent(<ScrollViewTest />);
-  },
-};
-
-BatchedBridge.registerCallableModule(
-  'SubviewsClippingTestModule',
-  SubviewsClippingTestModule,
-);
-
-module.exports = SubviewsClippingTestModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/SwipeRefreshLayoutTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/SwipeRefreshLayoutTestModule.js
deleted file mode 100644
index 4859233ff0b3ed..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/SwipeRefreshLayoutTestModule.js
+++ /dev/null
@@ -1,101 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {
-  NativeModules,
-  RefreshControl,
-  ScrollView,
-  StyleSheet,
-  Text,
-  TouchableWithoutFeedback,
-  View,
-} = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-
-const {SwipeRefreshLayoutRecordingModule: RecordingModule} = NativeModules;
-
-class Row extends React.Component {
-  state = {
-    clicks: 0,
-  };
-
-  render() {
-    return (
-      <TouchableWithoutFeedback onPress={this._onPress}>
-        <View>
-          <Text>{this.state.clicks + ' clicks'}</Text>
-        </View>
-      </TouchableWithoutFeedback>
-    );
-  }
-
-  _onPress = () => {
-    this.setState({clicks: this.state.clicks + 1});
-  };
-}
-
-let app = null;
-
-class SwipeRefreshLayoutTestApp extends React.Component {
-  state = {
-    rows: 2,
-  };
-
-  componentDidMount() {
-    app = this; // eslint-disable-line consistent-this
-  }
-
-  render() {
-    const rows = [];
-    for (let i = 0; i < this.state.rows; i++) {
-      rows.push(<Row key={i} />);
-    }
-    return (
-      <ScrollView
-        style={styles.container}
-        refreshControl={
-          <RefreshControl
-            style={styles.content}
-            refreshing={false}
-            onRefresh={() => RecordingModule.onRefresh()}
-          />
-        }>
-        {rows}
-      </ScrollView>
-    );
-  }
-}
-
-const SwipeRefreshLayoutTestModule = {
-  SwipeRefreshLayoutTestApp,
-  setRows: function (rows) {
-    if (app != null) {
-      app.setState({rows});
-    }
-  },
-};
-
-BatchedBridge.registerCallableModule(
-  'SwipeRefreshLayoutTestModule',
-  SwipeRefreshLayoutTestModule,
-);
-
-const styles = StyleSheet.create({
-  container: {
-    flex: 1,
-  },
-  content: {
-    flex: 1,
-  },
-});
-
-module.exports = SwipeRefreshLayoutTestModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/TestApps.js b/packages/react-native/ReactAndroid/src/androidTest/js/TestApps.js
deleted file mode 100644
index 208b6cdf91eb0a..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/TestApps.js
+++ /dev/null
@@ -1,114 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-// Disable LogBox so we do not have to mock its dependencies.
-require('react-native').LogBox.ignoreAllLogs(true);
-
-// Include callable JS modules first, in case one of the other ones below throws
-require('./ProgressBarTestModule');
-require('./ViewRenderingTestModule');
-require('./TestJavaToJSArgumentsModule');
-require('./TestJSLocaleModule');
-require('./TestJSToJavaParametersModule');
-require('./TestJavaToJSReturnValuesModule');
-require('./UIManagerTestModule');
-require('./CatalystRootViewTestModule');
-require('./MeasureLayoutTestModule');
-require('./ScrollViewTestModule');
-require('./ShareTestModule');
-require('./SwipeRefreshLayoutTestModule');
-require('./TextInputTestModule');
-
-// Define catalyst test apps used in integration tests
-const apps = [
-  {
-    appKey: 'AnimatedTransformTestApp',
-    component: () =>
-      require('./AnimatedTransformTestModule').AnimatedTransformTestApp,
-  },
-  {
-    appKey: 'CatalystRootViewTestApp',
-    component: () =>
-      require('./CatalystRootViewTestModule').CatalystRootViewTestApp,
-  },
-  {
-    appKey: 'JSResponderTestApp',
-    component: () => require('./JSResponderTestApp'),
-  },
-  {
-    appKey: 'HorizontalScrollViewTestApp',
-    component: () =>
-      require('./ScrollViewTestModule').HorizontalScrollViewTestApp,
-  },
-  {
-    appKey: 'IdTestApp',
-    component: () => require('./IdTestModule').IdTestApp,
-  },
-  {
-    appKey: 'ImageOverlayColorTestApp',
-    component: () => require('./ImageOverlayColorTestApp'),
-  },
-  {
-    appKey: 'ImageErrorTestApp',
-    component: () => require('./ImageErrorTestApp'),
-  },
-  {
-    appKey: 'InitialPropsTestApp',
-    component: () => require('./InitialPropsTestApp'),
-  },
-  {
-    appKey: 'LayoutEventsTestApp',
-    component: () => require('./LayoutEventsTestApp'),
-  },
-  {
-    appKey: 'MeasureLayoutTestApp',
-    component: () => require('./MeasureLayoutTestModule').MeasureLayoutTestApp,
-  },
-  {
-    appKey: 'MultitouchHandlingTestAppModule',
-    component: () => require('./MultitouchHandlingTestAppModule'),
-  },
-  {
-    appKey: 'NativeIdTestApp',
-    component: () => require('./NativeIdTestModule').NativeIdTestApp,
-  },
-  {
-    appKey: 'ScrollViewTestApp',
-    component: () => require('./ScrollViewTestModule').ScrollViewTestApp,
-  },
-  {
-    appKey: 'ShareTestApp',
-    component: () => require('./ShareTestModule').ShareTestApp,
-  },
-  {
-    appKey: 'SubviewsClippingTestApp',
-    component: () => require('./SubviewsClippingTestModule').App,
-  },
-  {
-    appKey: 'SwipeRefreshLayoutTestApp',
-    component: () =>
-      require('./SwipeRefreshLayoutTestModule').SwipeRefreshLayoutTestApp,
-  },
-  {
-    appKey: 'TextInputTestApp',
-    component: () => require('./TextInputTestModule').TextInputTestApp,
-  },
-  {
-    appKey: 'TestIdTestApp',
-    component: () => require('./TestIdTestModule').TestIdTestApp,
-  },
-  {
-    appKey: 'TouchBubblingTestAppModule',
-    component: () => require('./TouchBubblingTestAppModule'),
-  },
-];
-
-module.exports = apps;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/TestIdTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/TestIdTestModule.js
deleted file mode 100644
index 6f59c2d23d321a..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/TestIdTestModule.js
+++ /dev/null
@@ -1,86 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {
-  Image,
-  StyleSheet,
-  Text,
-  TextInput,
-  TouchableHighlight,
-  TouchableOpacity,
-  TouchableWithoutFeedback,
-  View,
-} = require('react-native');
-const TouchableBounce = require('react-native/Libraries/Components/Touchable/TouchableBounce');
-
-/**
- * All the views implemented on Android, each with the testID property set.
- * We test that:
- * - The app renders fine
- * - The testID property is passed to the native views
- */
-class TestIdTestApp extends React.Component {
-  render() {
-    return (
-      <View>
-        <Image
-          testID="Image"
-          source={{
-            uri:
-              'data:image/gif;base64,' +
-              'R0lGODdhMAAwAPAAAAAAAP///ywAAAAAMAAwAAAC8IyPqcvt3wCcDkiLc7C0qwyGHhSWpjQu5yqmCYsapy' +
-              'uvUUlvONmOZtfzgFzByTB10QgxOR0TqBQejhRNzOfkVJ+5YiUqrXF5Y5lKh/DeuNcP5yLWGsEbtLiOSpa/' +
-              'TPg7JpJHxyendzWTBfX0cxOnKPjgBzi4diinWGdkF8kjdfnycQZXZeYGejmJlZeGl9i2icVqaNVailT6F5' +
-              'iJ90m6mvuTS4OK05M0vDk0Q4XUtwvKOzrcd3iq9uisF81M1OIcR7lEewwcLp7tuNNkM3uNna3F2JQFo97V' +
-              'riy/Xl4/f1cf5VWzXyym7PHhhx4dbgYKAAA7',
-          }}
-          style={styles.base}
-        />
-
-        <Text testID="Text">text</Text>
-
-        <TextInput testID="TextInput" value="Text input" />
-
-        <TouchableBounce testID="TouchableBounce">
-          <Text>TouchableBounce</Text>
-        </TouchableBounce>
-
-        <TouchableHighlight testID="TouchableHighlight">
-          <Text>TouchableHighlight</Text>
-        </TouchableHighlight>
-
-        <TouchableOpacity testID="TouchableOpacity">
-          <Text>TouchableOpacity</Text>
-        </TouchableOpacity>
-
-        <TouchableWithoutFeedback testID="TouchableWithoutFeedback">
-          <View>
-            <Text>TouchableWithoutFeedback</Text>
-          </View>
-        </TouchableWithoutFeedback>
-
-        <View testID="View" />
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  base: {
-    width: 150,
-    height: 50,
-  },
-});
-
-module.exports = {
-  TestIdTestApp: TestIdTestApp,
-};
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/TestJSLocaleModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/TestJSLocaleModule.js
deleted file mode 100644
index 241a94c1f00e7c..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/TestJSLocaleModule.js
+++ /dev/null
@@ -1,28 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const {NativeModules} = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-
-const {Recording} = NativeModules;
-
-const TestJSLocaleModule = {
-  toUpper: function (s) {
-    Recording.record(s.toUpperCase());
-  },
-  toLower: function (s) {
-    Recording.record(s.toLowerCase());
-  },
-};
-
-BatchedBridge.registerCallableModule('TestJSLocaleModule', TestJSLocaleModule);
-
-module.exports = TestJSLocaleModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/TestJSToJavaParametersModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/TestJSToJavaParametersModule.js
deleted file mode 100644
index aa8ca51f3429b5..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/TestJSToJavaParametersModule.js
+++ /dev/null
@@ -1,125 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const {NativeModules} = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-
-const {Recording} = NativeModules;
-
-const TestJSToJavaParametersModule = {
-  returnBasicTypes: function () {
-    Recording.receiveBasicTypes('foo', 3.14, true, null);
-  },
-  returnBoxedTypes: function () {
-    Recording.receiveBoxedTypes(42, 3.14, true);
-  },
-  returnDynamicTypes: function () {
-    Recording.receiveDynamic('foo');
-    Recording.receiveDynamic(3.14);
-  },
-  returnArrayWithBasicTypes: function () {
-    Recording.receiveArray(['foo', 3.14, -111, true, null]);
-  },
-  returnNestedArray: function () {
-    Recording.receiveArray(['we', ['have', ['to', ['go', ['deeper']]]]]);
-  },
-  returnArrayWithMaps: function () {
-    Recording.receiveArray([{m1k1: 'm1v1', m1k2: 'm1v2'}, {m2k1: 'm2v1'}]);
-  },
-  returnMapWithBasicTypes: function () {
-    Recording.receiveMap({
-      stringKey: 'stringValue',
-      doubleKey: 3.14,
-      intKey: -11,
-      booleanKey: true,
-      nullKey: null,
-    });
-  },
-  returnNestedMap: function () {
-    Recording.receiveMap({
-      weHaveToGoDeeper: {
-        inception: true,
-      },
-    });
-  },
-  returnMapWithArrays: function () {
-    Recording.receiveMap({
-      empty: [],
-      ints: [43, 44],
-      mixed: [77, 'string', ['another', 'array']],
-    });
-  },
-  returnArrayWithStringDoubleIntMapArrayBooleanNull: function () {
-    Recording.receiveArray(['string', 3.14, 555, {}, [], true, null]);
-  },
-  returnMapWithStringDoubleIntMapArrayBooleanNull: function () {
-    Recording.receiveMap({
-      string: 'string',
-      double: 3,
-      map: {},
-      int: -55,
-      array: [],
-      boolean: true,
-      null: null,
-    });
-  },
-  returnArrayWithLargeInts: function () {
-    Recording.receiveArray([2147483648, -5555555555]);
-  },
-  returnMapWithLargeInts: function () {
-    Recording.receiveMap({first: -2147483649, second: 5551231231});
-  },
-  returnMapForMerge1: function () {
-    Recording.receiveMap({
-      a: 1,
-      b: 41,
-      c: 'string',
-      d: 'other string',
-      e: [1, 'foo', 'bar'],
-      f: null,
-    });
-  },
-  returnMapForMerge2: function () {
-    Recording.receiveMap({
-      a: 'overwrite',
-      d: 77,
-      e: null,
-      f: ['array', 'with', 'stuff'],
-      newkey: 'newvalue',
-    });
-  },
-  returnMapWithMultibyteUTF8CharacterString: function () {
-    Recording.receiveMap({
-      'one-byte': 'a',
-      'two-bytes': '\u00A2',
-      'three-bytes': '\u20AC',
-      'four-bytes': '\uD83D\uDE1C',
-      mixed:
-        '\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107',
-    });
-  },
-  returnArrayWithMultibyteUTF8CharacterString: function () {
-    Recording.receiveArray([
-      'a',
-      '\u00A2',
-      '\u20AC',
-      '\uD83D\uDE1C',
-      '\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107',
-    ]);
-  },
-};
-
-BatchedBridge.registerCallableModule(
-  'TestJSToJavaParametersModule',
-  TestJSToJavaParametersModule,
-);
-
-module.exports = TestJSToJavaParametersModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/TestJavaToJSArgumentsModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/TestJavaToJSArgumentsModule.js
deleted file mode 100644
index 81d0f194154b57..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/TestJavaToJSArgumentsModule.js
+++ /dev/null
@@ -1,114 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-const {assertEquals, assertTrue} = require('./Asserts');
-
-function strictStringCompare(a, b) {
-  if (typeof a !== 'string' || typeof b !== 'string' || a.length !== b.length) {
-    return false;
-  }
-  for (let i = 0; i < a.length; i++) {
-    if (a.charCodeAt(i) !== b.charCodeAt(i)) {
-      return false;
-    }
-  }
-  return true;
-}
-
-function assertStrictStringEquals(a, b) {
-  assertTrue(strictStringCompare(a, b), 'Expected: ' + a + ', received: ' + b);
-}
-
-const TestJavaToJSArgumentsModule = {
-  receiveBasicTypes: function (str, dbl, bool, null_arg) {
-    assertEquals('foo', str);
-    assertEquals(3.14, dbl);
-    assertEquals(true, bool);
-    assertEquals(null, null_arg);
-  },
-  receiveArrayWithBasicTypes: function (arr) {
-    assertEquals(4, arr.length);
-    assertEquals('red panda', arr[0]);
-    assertEquals(1.19, arr[1]);
-    assertEquals(true, arr[2]);
-    assertEquals(null, arr[3]);
-  },
-  receiveNestedArray: function (arr) {
-    assertEquals(2, arr.length);
-    assertEquals('level1', arr[0]);
-    const arr2 = arr[1];
-    assertEquals('level2', arr2[0]);
-    const arr3 = arr2[1];
-    assertEquals('level3', arr3[0]);
-  },
-  receiveArrayWithMaps: function (arr) {
-    assertEquals(2, arr.length);
-    const m1 = arr[0];
-    const m2 = arr[1];
-    assertEquals('m1v1', m1.m1k1);
-    assertEquals('m1v2', m1.m1k2);
-    assertEquals('m2v1', m2.m2k1);
-  },
-  receiveMapWithBasicTypes: function (map) {
-    assertEquals('stringValue', map.stringKey);
-    assertEquals(3.14, map.doubleKey);
-    assertEquals(true, map.booleanKey);
-    assertEquals(null, map.nullKey);
-  },
-  receiveNestedMap: function (map) {
-    const nestedMap = map.nestedMap;
-    assertEquals('foxes', nestedMap.animals);
-  },
-  receiveMapWithArrays: function (map) {
-    const a1 = map.array1;
-    const a2 = map.array2;
-    assertEquals(3, a1.length);
-    assertEquals(2, a2.length);
-    assertEquals(3, a1[0]);
-    assertEquals(9, a2[1]);
-  },
-  receiveMapAndArrayWithNullValues: function (map, array) {
-    assertEquals(null, map.string);
-    assertEquals(null, map.array);
-    assertEquals(null, map.map);
-
-    assertEquals(null, array[0]);
-    assertEquals(null, array[1]);
-    assertEquals(null, array[2]);
-  },
-  receiveMapWithMultibyteUTF8CharacterString: function (map) {
-    assertStrictStringEquals('\u00A2', map['two-bytes']);
-    assertStrictStringEquals('\u20AC', map['three-bytes']);
-    assertStrictStringEquals('\uD83D\uDE1C', map['four-bytes']);
-    assertStrictStringEquals(
-      '\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107',
-      map.mixed,
-    );
-  },
-  receiveArrayWithMultibyteUTF8CharacterString: function (array) {
-    assertTrue(true);
-    assertStrictStringEquals('\u00A2', array[0]);
-    assertStrictStringEquals('\u20AC', array[1]);
-    assertStrictStringEquals('\uD83D\uDE1C', array[2]);
-    assertStrictStringEquals(
-      '\u017C\u00F3\u0142\u0107 g\u0119\u015Bl\u0105 \u6211 \uD83D\uDE0E ja\u017A\u0107',
-      array[3],
-    );
-  },
-};
-
-BatchedBridge.registerCallableModule(
-  'TestJavaToJSArgumentsModule',
-  TestJavaToJSArgumentsModule,
-);
-
-module.exports = TestJavaToJSArgumentsModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/TestJavaToJSReturnValuesModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/TestJavaToJSReturnValuesModule.js
deleted file mode 100644
index 9d81124ba86770..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/TestJavaToJSReturnValuesModule.js
+++ /dev/null
@@ -1,39 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const {NativeModules} = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-
-const {assertEquals, assertTrue} = require('./Asserts');
-const {TestModule} = NativeModules;
-
-const TestJavaToJSReturnValuesModule = {
-  callMethod: function (methodName, expectedType, expectedJSON) {
-    const result = TestModule[methodName]();
-    assertEquals(expectedType, typeof result);
-    assertEquals(expectedJSON, JSON.stringify(result));
-  },
-
-  triggerException: function () {
-    try {
-      TestModule.triggerException();
-    } catch (ex) {
-      assertTrue(ex.message.indexOf('Exception triggered') !== -1);
-    }
-  },
-};
-
-BatchedBridge.registerCallableModule(
-  'TestJavaToJSReturnValuesModule',
-  TestJavaToJSReturnValuesModule,
-);
-
-module.exports = TestJavaToJSReturnValuesModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/TextInputTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/TextInputTestModule.js
deleted file mode 100644
index 321b1aea209b2c..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/TextInputTestModule.js
+++ /dev/null
@@ -1,185 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {
-  NativeModules,
-  StyleSheet,
-  Text,
-  TextInput,
-  View,
-} = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-
-const {Recording} = NativeModules;
-
-let app;
-
-class TokenizedTextExample extends React.Component {
-  constructor(props) {
-    super(props);
-    this.state = {text: ''};
-  }
-  render() {
-    //define delimiter
-    let delimiter = /\s+/;
-
-    //split string
-    let _text = this.state.text;
-    let token,
-      index,
-      parts = [];
-    while (_text) {
-      delimiter.lastIndex = 0;
-      token = delimiter.exec(_text);
-      if (token === null) {
-        break;
-      }
-      index = token.index;
-      if (token[0].length === 0) {
-        index = 1;
-      }
-      parts.push(_text.slice(0, index));
-      parts.push(token[0]);
-      index = index + token[0].length;
-      _text = _text.slice(index);
-    }
-    parts.push(_text);
-
-    //highlight hashtags
-    parts = parts.map(text => {
-      if (/^#/.test(text)) {
-        return (
-          <Text key={text} style={styles.hashtag}>
-            {text}
-          </Text>
-        );
-      } else {
-        return text;
-      }
-    });
-
-    return (
-      <View>
-        <TextInput
-          testID="tokenizedInput"
-          multiline={true}
-          style={styles.multiline}
-          onChangeText={text => {
-            this.setState({text});
-          }}>
-          <Text>{parts}</Text>
-        </TextInput>
-      </View>
-    );
-  }
-}
-
-class TextInputTestApp extends React.Component {
-  componentDidMount() {
-    app = this; // eslint-disable-line consistent-this
-  }
-
-  handleOnSubmitEditing = record => {
-    Recording.record(record);
-  };
-
-  render() {
-    return (
-      <View style={styles.container}>
-        <TextInput
-          style={styles.textInputHeight}
-          autoCorrect={true}
-          autoFocus={true}
-          keyboardType="numeric"
-          multiline={true}
-          secureTextEntry={true}
-          defaultValue="This is text"
-          testID="textInput1"
-        />
-        <TextInput
-          style={styles.textInput}
-          autoCapitalize="sentences"
-          autoCorrect={false}
-          autoFocus={false}
-          keyboardType="default"
-          multiline={false}
-          secureTextEntry={false}
-          placeholder="1234"
-          testID="textInput2"
-        />
-        <TextInput
-          style={styles.textInput}
-          defaultValue="Hello, World"
-          testID="textInput3"
-        />
-        <TextInput
-          style={[styles.textInput, styles.textInputColor]}
-          testID="textInput4"
-        />
-        <TextInput
-          style={[styles.textInput, styles.textInputColor]}
-          defaultValue=""
-          testID="textInput5"
-        />
-        <TextInput
-          style={[styles.textInput, styles.textInputColor]}
-          defaultValue="Text"
-          testID="textInput6"
-        />
-        <TextInput
-          onSubmitEditing={this.handleOnSubmitEditing.bind(this, 'onSubmit')}
-          defaultValue=""
-          testID="onSubmitTextInput"
-        />
-        <TokenizedTextExample />
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    padding: 5,
-    margin: 10,
-  },
-  textInputHeight: {
-    fontSize: 21,
-    height: 30,
-  },
-  textInput: {
-    fontSize: 21,
-    padding: 0,
-  },
-  hashtag: {
-    color: 'blue',
-    fontWeight: 'bold',
-  },
-  textInputColor: {
-    color: '#00ff00',
-  },
-});
-
-const TextInputTestModule = {
-  TextInputTestApp,
-  setValueRef: function (ref, value) {
-    app.refs[ref].setNativeProps({
-      text: value,
-    });
-  },
-};
-
-BatchedBridge.registerCallableModule(
-  'TextInputTestModule',
-  TextInputTestModule,
-);
-
-module.exports = TextInputTestModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/TouchBubblingTestAppModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/TouchBubblingTestAppModule.js
deleted file mode 100644
index dd27fbd0e8dbac..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/TouchBubblingTestAppModule.js
+++ /dev/null
@@ -1,84 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {
-  NativeModules,
-  StyleSheet,
-  TouchableWithoutFeedback,
-  View,
-} = require('react-native');
-
-const {Recording} = NativeModules;
-
-class TouchBubblingTestApp extends React.Component {
-  handlePress = record => {
-    Recording.record(record);
-  };
-
-  render() {
-    return (
-      <View style={styles.container}>
-        <TouchableWithoutFeedback
-          onPress={this.handlePress.bind(this, 'outer')}
-          testID="D">
-          <View style={styles.outer}>
-            <TouchableWithoutFeedback
-              onPress={this.handlePress.bind(this, 'inner')}
-              testID="B">
-              <View style={styles.inner}>
-                <View style={styles.superinner} testID="A" />
-              </View>
-            </TouchableWithoutFeedback>
-            <View style={styles.inner} testID="C" />
-          </View>
-        </TouchableWithoutFeedback>
-        <TouchableWithoutFeedback
-          onPress={this.handlePress.bind(this, 'outsider')}
-          testID="E">
-          <View style={styles.element} />
-        </TouchableWithoutFeedback>
-      </View>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  container: {
-    flexDirection: 'column',
-    backgroundColor: '#ccdd44',
-  },
-  element: {
-    backgroundColor: '#ff0000',
-    height: 100,
-    margin: 30,
-  },
-  outer: {
-    backgroundColor: '#00ff00',
-    height: 100,
-    margin: 30,
-    flexDirection: 'row',
-    justifyContent: 'space-between',
-  },
-  inner: {
-    backgroundColor: '#0000ff',
-    height: 50,
-    width: 50,
-    margin: 10,
-  },
-  superinner: {
-    backgroundColor: '#eeeeee',
-    height: 20,
-    width: 20,
-  },
-});
-
-module.exports = TouchBubblingTestApp;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/UIManagerTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/UIManagerTestModule.js
deleted file mode 100644
index 9433f36b786538..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/UIManagerTestModule.js
+++ /dev/null
@@ -1,269 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow strict-local
- */
-
-'use strict';
-
-import type {RootTag} from 'react-native/Libraries/Types/RootTagTypes';
-
-import * as React from 'react';
-import {StyleSheet, Text, View} from 'react-native';
-import BatchedBridge from 'react-native/Libraries/BatchedBridge/BatchedBridge';
-import renderApplication from 'react-native/Libraries/ReactNative/renderApplication';
-
-type FlexTestAppProps = $ReadOnly<{||}>;
-class FlexTestApp extends React.Component<FlexTestAppProps> {
-  render(): React.Node {
-    return (
-      <View
-        style={FlexTestAppStyles.container}
-        testID="container"
-        collapsable={false}>
-        <View
-          style={[FlexTestAppStyles.child, FlexTestAppStyles.bgRed]}
-          collapsable={false}
-        />
-        <View
-          style={[FlexTestAppStyles.child, FlexTestAppStyles.bgBlue]}
-          collapsable={false}
-        />
-      </View>
-    );
-  }
-}
-
-const FlexTestAppStyles = StyleSheet.create({
-  container: {
-    width: 200,
-    height: 200,
-    flexDirection: 'row',
-  },
-  child: {
-    flex: 1,
-  },
-  bgRed: {
-    backgroundColor: '#ff0000',
-  },
-  bgBlue: {
-    backgroundColor: '#0000ff',
-  },
-});
-
-type FlexWithTextProps = $ReadOnly<{||}>;
-class FlexWithText extends React.Component<FlexWithTextProps> {
-  render(): React.Node {
-    return (
-      <View
-        style={FlexWithTextStyles.container}
-        testID="container"
-        collapsable={false}>
-        <View style={FlexWithTextStyles.row} collapsable={false}>
-          <Text style={FlexWithTextStyles.inner}>Hello</Text>
-          <Text style={FlexWithTextStyles.inner}>World</Text>
-        </View>
-      </View>
-    );
-  }
-}
-
-const FlexWithTextStyles = StyleSheet.create({
-  container: {
-    flexDirection: 'column',
-    margin: 20,
-  },
-  row: {
-    flexDirection: 'row',
-    alignItems: 'flex-end',
-    height: 300,
-  },
-  inner: {
-    flex: 1,
-    margin: 10,
-  },
-});
-
-type AbsolutePositionTestAppProps = $ReadOnly<{||}>;
-class AbsolutePositionTestApp extends React.Component<AbsolutePositionTestAppProps> {
-  render(): React.Node {
-    return (
-      <View
-        style={AbsolutePositionTestAppStyles.absolute}
-        testID="absolute"
-        collapsable={false}
-      />
-    );
-  }
-}
-
-const AbsolutePositionTestAppStyles = StyleSheet.create({
-  absolute: {
-    position: 'absolute',
-    top: 15,
-    left: 10,
-    width: 50,
-    height: 60,
-  },
-});
-
-type AbsolutePositionBottomRightTestAppProps = $ReadOnly<{||}>;
-class AbsolutePositionBottomRightTestApp extends React.Component<AbsolutePositionBottomRightTestAppProps> {
-  render(): React.Node {
-    return (
-      <View
-        style={AbsolutePositionBottomRightTestAppStyles.container}
-        testID="container"
-        collapsable={false}>
-        <View
-          style={AbsolutePositionBottomRightTestAppStyles.absolute}
-          collapsable={false}
-        />
-      </View>
-    );
-  }
-}
-
-const AbsolutePositionBottomRightTestAppStyles = StyleSheet.create({
-  container: {
-    width: 100,
-    height: 100,
-  },
-  absolute: {
-    position: 'absolute',
-    bottom: 15,
-    right: 10,
-    width: 50,
-    height: 60,
-  },
-});
-
-type CenteredTextViewProps = $ReadOnly<{|
-  text?: ?string,
-|}>;
-class CenteredTextView extends React.Component<CenteredTextViewProps> {
-  render(): React.Node {
-    return (
-      <View collapsable={false}>
-        <View style={CenteredTextViewStyles.parent} collapsable={false}>
-          <Text style={CenteredTextViewStyles.text} testID="text">
-            {this.props.text}
-          </Text>
-        </View>
-      </View>
-    );
-  }
-}
-
-const CenteredTextViewStyles = StyleSheet.create({
-  parent: {
-    width: 200,
-    height: 100,
-    backgroundColor: '#aa3311',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  text: {
-    fontSize: 15,
-    color: '#672831',
-  },
-});
-
-let flushUpdatePositionInList: null | (() => void) = null;
-
-type UpdatePositionInListTestAppProps = $ReadOnly<{||}>;
-type UpdatePositionInListTestAppState = {|
-  active: boolean,
-|};
-class UpdatePositionInListTestApp extends React.Component<
-  UpdatePositionInListTestAppProps,
-  UpdatePositionInListTestAppState,
-> {
-  state: UpdatePositionInListTestAppState = {
-    active: false,
-  };
-
-  /* $FlowFixMe[missing-local-annot] The type annotation(s) required by Flow's
-   * LTI update could not be added via codemod */
-  constructor(...args) {
-    super(...args);
-    flushUpdatePositionInList = () => this.setState({active: true});
-  }
-
-  render(): React.Node {
-    return (
-      <View collapsable={false} testID="container">
-        <View
-          style={UpdatePositionInListTestAppStyles.element}
-          collapsable={false}
-        />
-        <View
-          style={[
-            UpdatePositionInListTestAppStyles.element,
-            this.state.active && UpdatePositionInListTestAppStyles.active,
-          ]}
-          collapsable={false}
-        />
-        <View
-          style={UpdatePositionInListTestAppStyles.element}
-          collapsable={false}
-        />
-      </View>
-    );
-  }
-}
-
-const UpdatePositionInListTestAppStyles = StyleSheet.create({
-  element: {
-    height: 10,
-  },
-  active: {
-    height: 50,
-  },
-});
-
-/**
- * This is a workaround for the following flow problem:
- *
- *   const emptyObject: {||} = {}; // Raises error
- *
- * @see https://github.com/facebook/flow/issues/2977
- */
-const emptyExactProps = Object.freeze({});
-
-const UIManagerTestModule = {
-  renderFlexTestApplication(rootTag: RootTag) {
-    renderApplication(FlexTestApp, emptyExactProps, rootTag);
-  },
-  renderFlexWithTextApplication(rootTag: RootTag) {
-    renderApplication(FlexWithText, emptyExactProps, rootTag);
-  },
-  renderAbsolutePositionBottomRightTestApplication(rootTag: RootTag) {
-    renderApplication(
-      AbsolutePositionBottomRightTestApp,
-      emptyExactProps,
-      rootTag,
-    );
-  },
-  renderAbsolutePositionTestApplication(rootTag: RootTag) {
-    renderApplication(AbsolutePositionTestApp, emptyExactProps, rootTag);
-  },
-  renderCenteredTextViewTestApplication(rootTag: RootTag, text: string) {
-    renderApplication(CenteredTextView, {text: text}, rootTag);
-  },
-  renderUpdatePositionInListTestApplication(rootTag: RootTag) {
-    renderApplication(UpdatePositionInListTestApp, emptyExactProps, rootTag);
-  },
-  flushUpdatePositionInList,
-};
-
-BatchedBridge.registerCallableModule(
-  'UIManagerTestModule',
-  UIManagerTestModule,
-);
-
-export default UIManagerTestModule;
diff --git a/packages/react-native/ReactAndroid/src/androidTest/js/ViewRenderingTestModule.js b/packages/react-native/ReactAndroid/src/androidTest/js/ViewRenderingTestModule.js
deleted file mode 100644
index dd6dbe18bda62e..00000000000000
--- a/packages/react-native/ReactAndroid/src/androidTest/js/ViewRenderingTestModule.js
+++ /dev/null
@@ -1,109 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const React = require('react');
-const {StyleSheet, View} = require('react-native');
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-const renderApplication = require('react-native/Libraries/ReactNative/renderApplication');
-
-class ViewSampleApp extends React.Component {
-  state = {};
-
-  render() {
-    return <View style={styles.view} collapsable={false} />;
-  }
-}
-
-let updateMargins;
-
-class MarginSampleApp extends React.Component {
-  state = {margin: 10};
-
-  render() {
-    updateMargins = this.setState.bind(this, {margin: 15});
-    return (
-      <View
-        style={[{margin: this.state.margin}, styles.marginSample]}
-        collapsable={false}
-      />
-    );
-  }
-}
-
-class BorderSampleApp extends React.Component {
-  render() {
-    return (
-      <View style={styles.borderSample} collapsable={false}>
-        <View style={styles.borderSampleContent} collapsable={false} />
-      </View>
-    );
-  }
-}
-
-class TransformSampleApp extends React.Component {
-  render() {
-    const style = {
-      transform: [
-        {translateX: 20},
-        {translateY: 25},
-        {rotate: '15deg'},
-        {scaleX: 5},
-        {scaleY: 10},
-      ],
-    };
-    return <View style={style} collapsable={false} />;
-  }
-}
-
-const ViewRenderingTestModule = {
-  renderViewApplication: function (rootTag) {
-    renderApplication(ViewSampleApp, {}, rootTag);
-  },
-  renderMarginApplication: function (rootTag) {
-    renderApplication(MarginSampleApp, {}, rootTag);
-  },
-  renderBorderApplication: function (rootTag) {
-    renderApplication(BorderSampleApp, {}, rootTag);
-  },
-  renderTransformApplication: function (rootTag) {
-    renderApplication(TransformSampleApp, {}, rootTag);
-  },
-  updateMargins: function () {
-    updateMargins();
-  },
-};
-
-BatchedBridge.registerCallableModule(
-  'ViewRenderingTestModule',
-  ViewRenderingTestModule,
-);
-
-const styles = StyleSheet.create({
-  view: {
-    opacity: 0.75,
-    backgroundColor: 'rgb(255, 0, 0)',
-  },
-  borderSample: {
-    borderLeftWidth: 20,
-    borderWidth: 5,
-    backgroundColor: 'blue',
-  },
-  borderSampleContent: {
-    backgroundColor: 'red',
-    width: 20,
-    height: 20,
-  },
-  marginSample: {
-    marginLeft: 20,
-  },
-});
-
-module.exports = ViewRenderingTestModule;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java
index f14616d8a3bb87..92d32ae490e417 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackage.java
@@ -62,13 +62,13 @@ public List<NativeModule> createNativeModules(ReactApplicationContext reactConte
        *
        * <p>TODO: T45627020
        */
-      if (reactPackage instanceof TurboReactPackage) {
-        TurboReactPackage turboReactPackage = (TurboReactPackage) reactPackage;
-        ReactModuleInfoProvider moduleInfoProvider = turboReactPackage.getReactModuleInfoProvider();
+      if (reactPackage instanceof BaseReactPackage) {
+        BaseReactPackage baseReactPackage = (BaseReactPackage) reactPackage;
+        ReactModuleInfoProvider moduleInfoProvider = baseReactPackage.getReactModuleInfoProvider();
         Map<String, ReactModuleInfo> moduleInfos = moduleInfoProvider.getReactModuleInfos();
 
         for (final String moduleName : moduleInfos.keySet()) {
-          moduleMap.put(moduleName, turboReactPackage.getModule(moduleName, reactContext));
+          moduleMap.put(moduleName, baseReactPackage.getModule(moduleName, reactContext));
         }
 
         continue;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackageTurboModuleManagerDelegate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackageTurboModuleManagerDelegate.java
index aebaa4cba4dde2..89d695a24d92df 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackageTurboModuleManagerDelegate.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CompositeReactPackageTurboModuleManagerDelegate.java
@@ -16,6 +16,9 @@
 import java.util.Collections;
 import java.util.List;
 
+@Deprecated(
+    since =
+        "CompositeReactPackageTurboModuleManagerDelegate is deprecated and will be deleted in the future. Please use ReactPackage interface or BaseReactPackage instead.")
 @DoNotStrip
 public class CompositeReactPackageTurboModuleManagerDelegate
     extends ReactPackageTurboModuleManagerDelegate {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
index 3f269bd2380d04..3ffbc8aa28d22d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/CoreModulesPackage.java
@@ -57,7 +57,7 @@
       TimingModule.class,
       UIManagerModule.class,
     })
-public class CoreModulesPackage extends TurboReactPackage implements ReactPackageLogger {
+class CoreModulesPackage extends TurboReactPackage implements ReactPackageLogger {
 
   private final ReactInstanceManager mReactInstanceManager;
   private final DefaultHardwareBackBtnHandler mHardwareBackBtnHandler;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
index 7381eb0ee1f74b..69471937ab8501 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/DebugCorePackage.java
@@ -19,7 +19,7 @@
 import com.facebook.react.module.model.ReactModuleInfoProvider;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.views.traceupdateoverlay.TraceUpdateOverlayManager;
+import com.facebook.react.views.debuggingoverlay.DebuggingOverlayManager;
 import java.util.ArrayList;
 import java.util.Collection;
 import java.util.HashMap;
@@ -36,19 +36,19 @@
     nativeModules = {
       JSCHeapCapture.class,
     })
-public class DebugCorePackage extends TurboReactPackage implements ViewManagerOnDemandReactPackage {
+/* package */
+class DebugCorePackage extends TurboReactPackage implements ViewManagerOnDemandReactPackage {
   private @Nullable Map<String, ModuleSpec> mViewManagers;
 
   public DebugCorePackage() {}
 
   @Override
-  public NativeModule getModule(String name, ReactApplicationContext reactContext) {
+  public @Nullable NativeModule getModule(String name, ReactApplicationContext reactContext) {
     switch (name) {
       case JSCHeapCapture.NAME:
         return new JSCHeapCapture(reactContext);
       default:
-        throw new IllegalArgumentException(
-            "In DebugCorePackage, could not find Native module for " + name);
+        return null;
     }
   }
 
@@ -96,8 +96,7 @@ private static void appendMap(
   private Map<String, ModuleSpec> getViewManagersMap() {
     if (mViewManagers == null) {
       Map<String, ModuleSpec> viewManagers = new HashMap<>();
-      appendMap(
-          viewManagers, TraceUpdateOverlayManager.REACT_CLASS, TraceUpdateOverlayManager::new);
+      appendMap(viewManagers, DebuggingOverlayManager.REACT_CLASS, DebuggingOverlayManager::new);
 
       mViewManagers = viewManagers;
     }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/JSEngineResolutionAlgorithm.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/JSEngineResolutionAlgorithm.kt
similarity index 54%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/JSEngineResolutionAlgorithm.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/JSEngineResolutionAlgorithm.kt
index 7f33bc78c5a55c..672e20ba3c560f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/JSEngineResolutionAlgorithm.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/JSEngineResolutionAlgorithm.kt
@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react;
-
+package com.facebook.react
 /**
- * An enum that specifies the algorithm to use when loading theJS Engine. {@link #JSC} will load
- * JavaScriptCore first and fail if it is not available. {@link #HERMES} will load Hermes first and
- * fail if it is not available.
+ * An enum that specifies the algorithm to use when loading theJS Engine. [.JSC] will load
+ * JavaScriptCore first and fail if it is not available. [.HERMES] will load Hermes first and fail
+ * if it is not available.
  */
-public enum JSEngineResolutionAlgorithm {
+public enum class JSEngineResolutionAlgorithm {
   JSC,
   HERMES
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/LazyReactPackage.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/LazyReactPackage.java
index 98a013d135ebdd..48e30d36b8e099 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/LazyReactPackage.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/LazyReactPackage.java
@@ -25,19 +25,10 @@
 import java.util.List;
 import java.util.Map;
 
-/**
- * React package supporting lazy creation of native modules.
- *
- * <p>TODO(t11394819): Make this default and deprecate ReactPackage
- */
+/** React package supporting lazy creation of native modules. */
+@Deprecated(since = "This class is deprecated, please use BaseReactPackage instead.")
 public abstract class LazyReactPackage implements ReactPackage {
 
-  @Deprecated
-  public static ReactModuleInfoProvider getReactModuleInfoProviderViaReflection(
-      LazyReactPackage lazyReactPackage) {
-    return Collections::emptyMap;
-  }
-
   /**
    * We return an iterable
    *
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/LazyTurboModuleManagerDelegate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/LazyTurboModuleManagerDelegate.java
deleted file mode 100644
index b38b61426c841d..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/LazyTurboModuleManagerDelegate.java
+++ /dev/null
@@ -1,104 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react;
-
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.common.annotations.UnstableReactNativeAPI;
-import com.facebook.react.internal.turbomodule.core.interfaces.TurboModule;
-import java.util.HashMap;
-import java.util.List;
-import java.util.Map;
-
-/**
- * This abstract class provides a simple Lazy implementation of TurboModuleManagerDelegate. Main
- * difference between this class and ReactPackageTurboModuleManagerDelegate is that
- * LazyTurboModuleManagerDelegate does not require NativeModules to be annotated using a
- * ReactModule, also this class does not use the {@link
- * TurboReactPackage#getReactModuleInfoProvider} method. This class is for experimentation purposes
- * only, not to meant to be used in production.
- */
-@UnstableReactNativeAPI
-public abstract class LazyTurboModuleManagerDelegate
-    extends ReactPackageTurboModuleManagerDelegate {
-
-  private final List<ReactPackage> mPackages;
-  private final ReactApplicationContext mReactContext;
-  private final Map<String, TurboModule> mModules = new HashMap<>();
-
-  public LazyTurboModuleManagerDelegate(
-      ReactApplicationContext reactApplicationContext, List<ReactPackage> packages) {
-    super();
-    mPackages = packages;
-    mReactContext = reactApplicationContext;
-  }
-
-  @Override
-  @Nullable
-  public TurboModule getModule(String moduleName) {
-    TurboModule nativeModule = mModules.get(moduleName);
-    if (nativeModule == null) {
-      /**
-       * Returns first TurboModule from found with the name received as a parameter. There's no
-       * warning or error if there are more than one TurboModule registered with the same name in
-       * different packages. This method relies on the order of insertion of ReactPackage into
-       * mPackages. Usually the size of mPackages is very small (2 or 3 packages in the majority of
-       * the cases)
-       */
-      for (ReactPackage reactPackage : mPackages) {
-        if (reactPackage instanceof TurboReactPackage) {
-          TurboReactPackage turboPkg = (TurboReactPackage) reactPackage;
-          try {
-            nativeModule = (TurboModule) turboPkg.getModule(moduleName, mReactContext);
-          } catch (IllegalArgumentException ex) {
-            /*
-             TurboReactPackages can throw an IllegalArgumentException when a module isn't found. If
-             this happens, it's safe to ignore the exception because a later TurboReactPackage could
-             provide the module.
-            */
-          }
-          if (nativeModule != null) {
-            mModules.put(moduleName, nativeModule);
-            nativeModule.initialize();
-            return nativeModule;
-          }
-        } else {
-          throw new IllegalArgumentException(
-              "ReactPackage must be an instance of TurboReactPackage");
-        }
-      }
-    }
-    return nativeModule;
-  }
-
-  @Override
-  public boolean unstable_isModuleRegistered(String moduleName) {
-    return getModule(moduleName) != null;
-  }
-
-  @Override
-  public boolean unstable_shouldEnableLegacyModuleInterop() {
-    return false;
-  }
-
-  @Override
-  public boolean unstable_shouldRouteTurboModulesThroughLegacyModuleInterop() {
-    return false;
-  }
-
-  @Override
-  public NativeModule getLegacyModule(String moduleName) {
-    throw new UnsupportedOperationException("Legacy Modules are not supported");
-  }
-
-  @Override
-  public boolean unstable_isLegacyModuleRegistered(String moduleName) {
-    return false;
-  };
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java
index a29f876b6c65fb..75777adb036c36 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/MemoryPressureRouter.java
@@ -18,7 +18,7 @@
 /** Translates and routes memory pressure events to the current catalyst instance. */
 public class MemoryPressureRouter implements ComponentCallbacks2 {
   private final Set<MemoryPressureListener> mListeners =
-      Collections.synchronizedSet(new LinkedHashSet<MemoryPressureListener>());
+      Collections.synchronizedSet(new LinkedHashSet<>());
 
   public MemoryPressureRouter(Context context) {
     context.getApplicationContext().registerComponentCallbacks(this);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java
index 75d1cac4ba5aa5..cf85a64935b813 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/NativeModuleRegistryBuilder.java
@@ -17,14 +17,12 @@
 public class NativeModuleRegistryBuilder {
 
   private final ReactApplicationContext mReactApplicationContext;
-  private final ReactInstanceManager mReactInstanceManager;
 
   private final Map<String, ModuleHolder> mModules = new HashMap<>();
 
   public NativeModuleRegistryBuilder(
       ReactApplicationContext reactApplicationContext, ReactInstanceManager reactInstanceManager) {
     mReactApplicationContext = reactApplicationContext;
-    mReactInstanceManager = reactInstanceManager;
   }
 
   public void processPackage(ReactPackage reactPackage) {
@@ -34,13 +32,12 @@ public void processPackage(ReactPackage reactPackage) {
     if (reactPackage instanceof LazyReactPackage) {
       moduleHolders =
           ((LazyReactPackage) reactPackage).getNativeModuleIterator(mReactApplicationContext);
-    } else if (reactPackage instanceof TurboReactPackage) {
+    } else if (reactPackage instanceof BaseReactPackage) {
       moduleHolders =
-          ((TurboReactPackage) reactPackage).getNativeModuleIterator(mReactApplicationContext);
+          ((BaseReactPackage) reactPackage).getNativeModuleIterator(mReactApplicationContext);
     } else {
       moduleHolders =
-          ReactPackageHelper.getNativeModuleIterator(
-              reactPackage, mReactApplicationContext, mReactInstanceManager);
+          ReactPackageHelper.getNativeModuleIterator(reactPackage, mReactApplicationContext);
     }
 
     for (ModuleHolder moduleHolder : moduleHolders) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactActivity.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactActivity.java
index 28b259596e5ded..e6fd3fdd534bb6 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactActivity.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactActivity.java
@@ -16,6 +16,7 @@
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.modules.core.PermissionAwareActivity;
 import com.facebook.react.modules.core.PermissionListener;
+import org.jetbrains.annotations.NotNull;
 
 /** Base Activity for React Native applications. */
 public abstract class ReactActivity extends AppCompatActivity
@@ -112,7 +113,8 @@ public void requestPermissions(
 
   @Override
   public void onRequestPermissionsResult(
-      int requestCode, String[] permissions, int[] grantResults) {
+      int requestCode, @NotNull String[] permissions, @NotNull int[] grantResults) {
+    super.onRequestPermissionsResult(requestCode, permissions, grantResults);
     mDelegate.onRequestPermissionsResult(requestCode, permissions, grantResults);
   }
 
@@ -123,7 +125,7 @@ public void onWindowFocusChanged(boolean hasFocus) {
   }
 
   @Override
-  public void onConfigurationChanged(Configuration newConfig) {
+  public void onConfigurationChanged(@NotNull Configuration newConfig) {
     super.onConfigurationChanged(newConfig);
     mDelegate.onConfigurationChanged(newConfig);
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java
index 6fe6fdf2f42979..87ffae6ef54d01 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactActivityDelegate.java
@@ -34,12 +34,13 @@ public class ReactActivityDelegate {
   private ReactDelegate mReactDelegate;
 
   @Deprecated
-  public ReactActivityDelegate(Activity activity, @Nullable String mainComponentName) {
+  public ReactActivityDelegate(@Nullable Activity activity, @Nullable String mainComponentName) {
     mActivity = activity;
     mMainComponentName = mainComponentName;
   }
 
-  public ReactActivityDelegate(ReactActivity activity, @Nullable String mainComponentName) {
+  public ReactActivityDelegate(
+      @Nullable ReactActivity activity, @Nullable String mainComponentName) {
     mActivity = activity;
     mMainComponentName = mainComponentName;
   }
@@ -60,7 +61,6 @@ public ReactActivityDelegate(ReactActivity activity, @Nullable String mainCompon
       if (composedLaunchOptions == null) {
         composedLaunchOptions = new Bundle();
       }
-      composedLaunchOptions.putBoolean("concurrentRoot", true);
     }
     return composedLaunchOptions;
   }
@@ -237,6 +237,6 @@ protected Activity getPlainActivity() {
    * @return true if Fabric is enabled for this Activity, false otherwise.
    */
   protected boolean isFabricEnabled() {
-    return false;
+    return ReactFeatureFlags.enableFabricRenderer;
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactApplication.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactApplication.kt
index 5131e55c4c5a16..9360b51f734237 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactApplication.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactApplication.kt
@@ -7,18 +7,15 @@
 
 package com.facebook.react
 
-import com.facebook.react.common.annotations.UnstableReactNativeAPI
-
-@OptIn(UnstableReactNativeAPI::class)
 /** Interface that represents an instance of a React Native application */
-interface ReactApplication {
+public interface ReactApplication {
   /** Get the default [ReactNativeHost] for this app. */
-  val reactNativeHost: ReactNativeHost
+  public val reactNativeHost: ReactNativeHost
 
   /**
    * Get the default [ReactHost] for this app. This method will be used by the new architecture of
    * react native
    */
-  val reactHost: ReactHost?
+  public val reactHost: ReactHost?
     get() = null
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactDelegate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactDelegate.java
index fab2a26dde2842..2140f4a0a1ba53 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactDelegate.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactDelegate.java
@@ -72,12 +72,12 @@ public ReactDelegate(
       @Nullable String appKey,
       @Nullable Bundle launchOptions,
       boolean fabricEnabled) {
+    mFabricEnabled = fabricEnabled;
     mActivity = activity;
     mMainComponentName = appKey;
     mLaunchOptions = composeLaunchOptions(launchOptions);
     mDoubleTapReloadRecognizer = new DoubleTapReloadRecognizer();
     mReactNativeHost = reactNativeHost;
-    mFabricEnabled = fabricEnabled;
   }
 
   public void onHostResume() {
@@ -240,7 +240,6 @@ protected boolean isFabricEnabled() {
       if (composedLaunchOptions == null) {
         composedLaunchOptions = new Bundle();
       }
-      composedLaunchOptions.putBoolean("concurrentRoot", true);
     }
     return composedLaunchOptions;
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactFragment.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactFragment.java
index f3fbe055bf052d..103b71cf894c17 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactFragment.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactFragment.java
@@ -30,7 +30,7 @@ public class ReactFragment extends Fragment implements PermissionAwareActivity {
   protected static final String ARG_LAUNCH_OPTIONS = "arg_launch_options";
   protected static final String ARG_FABRIC_ENABLED = "arg_fabric_enabled";
 
-  private ReactDelegate mReactDelegate;
+  protected ReactDelegate mReactDelegate;
 
   @Nullable private PermissionListener mPermissionListener;
 
@@ -181,7 +181,7 @@ public static class Builder {
     public Builder() {
       mComponentName = null;
       mLaunchOptions = null;
-      mFabricEnabled = null;
+      mFabricEnabled = false;
     }
 
     /**
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactHost.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactHost.kt
index 9465464c1c8a7f..966bbb54fda32e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactHost.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactHost.kt
@@ -13,7 +13,6 @@ import android.os.Bundle
 import com.facebook.react.bridge.ReactContext
 import com.facebook.react.bridge.queue.ReactQueueConfiguration
 import com.facebook.react.common.LifecycleState
-import com.facebook.react.common.annotations.UnstableReactNativeAPI
 import com.facebook.react.devsupport.interfaces.DevSupportManager
 import com.facebook.react.interfaces.TaskInterface
 import com.facebook.react.interfaces.fabric.ReactSurface
@@ -26,50 +25,59 @@ import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler
  *
  * The implementation of this interface should be Thread Safe
  */
-@UnstableReactNativeAPI
-interface ReactHost {
+public interface ReactHost {
 
   /** The current [LifecycleState] for React Host */
-  val lifecycleState: LifecycleState
+  public val lifecycleState: LifecycleState
 
   /**
    * The current [ReactContext] associated with ReactInstance. It could be nullable if ReactInstance
    * hasn't been created.
    */
-  val currentReactContext: ReactContext?
+  public val currentReactContext: ReactContext?
 
   // TODO: review if DevSupportManager should be nullable
   /** [DevSupportManager] used by this ReactHost */
-  val devSupportManager: DevSupportManager?
+  public val devSupportManager: DevSupportManager?
 
   // TODO: review if possible to remove ReactQueueConfiguration
   /** [ReactQueueConfiguration] for caller to post jobs in React Native threads */
-  val reactQueueConfiguration: ReactQueueConfiguration?
+  public val reactQueueConfiguration: ReactQueueConfiguration?
+
+  /** [JSEngineResolutionAlgorithm] used by this host. */
+  public var jsEngineResolutionAlgorithm: JSEngineResolutionAlgorithm?
 
   /** To be called when back button is pressed */
-  fun onBackPressed(): Boolean
+  public fun onBackPressed(): Boolean
 
   // TODO: review why activity is nullable in all of the lifecycle methods
   /** To be called when the host activity is resumed. */
-  fun onHostResume(activity: Activity?, defaultBackButtonImpl: DefaultHardwareBackBtnHandler?)
+  public fun onHostResume(
+      activity: Activity?,
+      defaultBackButtonImpl: DefaultHardwareBackBtnHandler?
+  )
 
   /** To be called when the host activity is resumed. */
-  fun onHostResume(activity: Activity?)
+  public fun onHostResume(activity: Activity?)
 
   /** To be called when the host activity is paused. */
-  fun onHostPause(activity: Activity?)
+  public fun onHostPause(activity: Activity?)
 
   /** To be called when the host activity is paused. */
-  fun onHostPause()
+  public fun onHostPause()
 
   /** To be called when the host activity is destroyed. */
-  fun onHostDestroy()
+  public fun onHostDestroy()
 
   /** To be called when the host activity is destroyed. */
-  fun onHostDestroy(activity: Activity?)
+  public fun onHostDestroy(activity: Activity?)
 
   /** To be called to create and setup an ReactSurface. */
-  fun createSurface(context: Context, moduleName: String, initialProps: Bundle?): ReactSurface?
+  public fun createSurface(
+      context: Context,
+      moduleName: String,
+      initialProps: Bundle?
+  ): ReactSurface?
 
   /**
    * This function can be used to initialize the ReactInstance in a background thread before a
@@ -80,7 +88,7 @@ interface ReactHost {
    *   errors occur during initialization, and will be cancelled if ReactHost.destroy() is called
    *   before it completes.
    */
-  fun start(): TaskInterface<Void>
+  public fun start(): TaskInterface<Void>
 
   /**
    * Entrypoint to reload the ReactInstance. If the ReactInstance is destroying, will wait until
@@ -90,7 +98,7 @@ interface ReactHost {
    *   button)
    * @return A task that completes when React Native reloads
    */
-  fun reload(reason: String): TaskInterface<Void>
+  public fun reload(reason: String): TaskInterface<Void>
 
   /**
    * Entrypoint to destroy the ReactInstance. If the ReactInstance is reloading, will wait until
@@ -101,9 +109,9 @@ interface ReactHost {
    *   be used to log properly the cause of destroy operation.
    * @return A task that completes when React Native gets destroyed.
    */
-  fun destroy(reason: String, ex: Exception?): TaskInterface<Void>
+  public fun destroy(reason: String, ex: Exception?): TaskInterface<Void>
 
-  fun addBeforeDestroyListener(onBeforeDestroy: () -> Unit)
+  public fun addBeforeDestroyListener(onBeforeDestroy: () -> Unit)
 
-  fun removeBeforeDestroyListener(onBeforeDestroy: () -> Unit)
+  public fun removeBeforeDestroyListener(onBeforeDestroy: () -> Unit)
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceEventListener.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceEventListener.kt
similarity index 57%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceEventListener.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceEventListener.kt
index 5663e7cab754df..a4228118271142 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceEventListener.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceEventListener.kt
@@ -5,19 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react;
+package com.facebook.react
 
-import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.ReactContext
 
-/**
- * New Listener interface for react instance events. {@Link
- * ReactInstanceManager.ReactInstanceEventListener will be deprecated.}
- */
+/** Interface to subscribe for react instance events */
 public interface ReactInstanceEventListener {
-
   /**
    * Called when the react context is initialized (all modules registered). Always called on the UI
    * thread.
    */
-  void onReactContextInitialized(ReactContext context);
+  public fun onReactContextInitialized(context: ReactContext)
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
index 0514faea9b63ab..a600833e264a4a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManager.java
@@ -55,8 +55,6 @@
 import com.facebook.react.bridge.CatalystInstanceImpl;
 import com.facebook.react.bridge.JSBundleLoader;
 import com.facebook.react.bridge.JSExceptionHandler;
-import com.facebook.react.bridge.JSIModulePackage;
-import com.facebook.react.bridge.JSIModuleType;
 import com.facebook.react.bridge.JavaJSExecutor;
 import com.facebook.react.bridge.JavaScriptExecutor;
 import com.facebook.react.bridge.JavaScriptExecutorFactory;
@@ -71,12 +69,14 @@
 import com.facebook.react.bridge.ReactNoCrashSoftException;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
 import com.facebook.react.bridge.UIManager;
+import com.facebook.react.bridge.UIManagerProvider;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.bridge.WritableNativeMap;
 import com.facebook.react.bridge.queue.ReactQueueConfigurationSpec;
 import com.facebook.react.common.LifecycleState;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.SurfaceDelegateFactory;
+import com.facebook.react.common.annotations.StableReactNativeAPI;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.devsupport.DevSupportManagerFactory;
@@ -86,9 +86,10 @@
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.devsupport.interfaces.PackagerStatusCallback;
 import com.facebook.react.devsupport.interfaces.RedBoxHandler;
+import com.facebook.react.internal.AndroidChoreographerProvider;
+import com.facebook.react.internal.ChoreographerProvider;
 import com.facebook.react.internal.turbomodule.core.TurboModuleManager;
 import com.facebook.react.internal.turbomodule.core.TurboModuleManagerDelegate;
-import com.facebook.react.internal.turbomodule.core.interfaces.TurboModuleRegistry;
 import com.facebook.react.modules.appearance.AppearanceModule;
 import com.facebook.react.modules.appregistry.AppRegistry;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
@@ -96,9 +97,9 @@
 import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.modules.debug.interfaces.DeveloperSettings;
 import com.facebook.react.packagerconnection.RequestHandler;
-import com.facebook.react.surface.ReactStage;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
 import com.facebook.react.uimanager.ReactRoot;
+import com.facebook.react.uimanager.ReactStage;
 import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.uimanager.common.UIManagerType;
@@ -133,6 +134,7 @@
  * <p>To instantiate an instance of this class use {@link #builder}.
  */
 @ThreadSafe
+@StableReactNativeAPI
 public class ReactInstanceManager {
 
   private static final String TAG = ReactInstanceManager.class.getSimpleName();
@@ -182,7 +184,7 @@ public interface ReactInstanceEventListener
   private volatile Boolean mHasStartedDestroying = false;
   private final MemoryPressureRouter mMemoryPressureRouter;
   private final @Nullable JSExceptionHandler mJSExceptionHandler;
-  private final @Nullable JSIModulePackage mJSIModulePackage;
+  private final @Nullable UIManagerProvider mUIManagerProvider;
   private final @Nullable ReactPackageTurboModuleManagerDelegate.Builder mTMMDelegateBuilder;
   private List<ViewManager> mViewManagers;
   private boolean mUseFallbackBundle = true;
@@ -230,11 +232,12 @@ public static ReactInstanceManagerBuilder builder() {
       @Nullable DevBundleDownloadListener devBundleDownloadListener,
       int minNumShakes,
       int minTimeLeftInFrameForNonBatchedOperationMs,
-      @Nullable JSIModulePackage jsiModulePackage,
+      @Nullable UIManagerProvider uIManagerProvider,
       @Nullable Map<String, RequestHandler> customPackagerCommandHandlers,
       @Nullable ReactPackageTurboModuleManagerDelegate.Builder tmmDelegateBuilder,
       @Nullable SurfaceDelegateFactory surfaceDelegateFactory,
-      @Nullable DevLoadingViewManager devLoadingViewManager) {
+      @Nullable DevLoadingViewManager devLoadingViewManager,
+      @Nullable ChoreographerProvider choreographerProvider) {
     FLog.d(TAG, "ReactInstanceManager.ctor()");
     initializeSoLoaderIfNecessary(applicationContext);
 
@@ -276,7 +279,12 @@ public static ReactInstanceManagerBuilder builder() {
       mPackages.add(
           new CoreModulesPackage(
               this,
-              this::invokeDefaultOnBackPressed,
+              new DefaultHardwareBackBtnHandler() {
+                @Override
+                public void invokeDefaultOnBackPressed() {
+                  ReactInstanceManager.this.invokeDefaultOnBackPressed();
+                }
+              },
               lazyViewManagersEnabled,
               minTimeLeftInFrameForNonBatchedOperationMs));
       if (mUseDeveloperSupport) {
@@ -284,10 +292,13 @@ public static ReactInstanceManagerBuilder builder() {
       }
       mPackages.addAll(packages);
     }
-    mJSIModulePackage = jsiModulePackage;
+    mUIManagerProvider = uIManagerProvider;
 
     // Instantiate ReactChoreographer in UI thread.
-    ReactChoreographer.initialize();
+    ReactChoreographer.initialize(
+        choreographerProvider != null
+            ? choreographerProvider
+            : AndroidChoreographerProvider.getInstance());
     if (mUseDeveloperSupport) {
       mDevSupportManager.startInspector();
     }
@@ -327,8 +338,9 @@ public JavaScriptExecutorFactory getJavaScriptExecutorFactory() {
         Activity currentActivity = getCurrentActivity();
         if (currentActivity != null) {
           ReactRootView rootView = new ReactRootView(currentActivity);
-          rootView.setIsFabric(ReactFeatureFlags.enableFabricRenderer);
-          rootView.startReactApplication(ReactInstanceManager.this, appKey, null);
+          boolean isFabric = ReactFeatureFlags.enableFabricRenderer;
+          rootView.setIsFabric(isFabric);
+          rootView.startReactApplication(ReactInstanceManager.this, appKey, new Bundle());
           return rootView;
         }
 
@@ -368,7 +380,7 @@ public void handleCxxError(Exception e) {
     mDevSupportManager.handleException(e);
   }
 
-  public void registerCxxErrorHandlerFunc() {
+  private void registerCxxErrorHandlerFunc() {
     Class[] parameterTypes = new Class[1];
     parameterTypes[0] = Exception.class;
     Method handleCxxErrorFunc = null;
@@ -380,6 +392,10 @@ public void registerCxxErrorHandlerFunc() {
     ReactCxxErrorHandler.setHandleErrorFunc(this, handleCxxErrorFunc);
   }
 
+  private void unregisterCxxErrorHandlerFunc() {
+    ReactCxxErrorHandler.setHandleErrorFunc(null, null);
+  }
+
   static void initializeSoLoaderIfNecessary(Context applicationContext) {
     // Call SoLoader.initialize here, this is required for apps that does not use exopackage and
     // does not use SoLoader for loading other native code except from the one used by React Native
@@ -728,23 +744,22 @@ public void destroy() {
     }
 
     moveToBeforeCreateLifecycleState();
-
-    if (mCreateReactContextThread != null) {
-      mCreateReactContextThread = null;
-    }
-
     mMemoryPressureRouter.destroy(mApplicationContext);
+    unregisterCxxErrorHandlerFunc();
 
+    mCreateReactContextThread = null;
     synchronized (mReactContextLock) {
       if (mCurrentReactContext != null) {
         mCurrentReactContext.destroy();
         mCurrentReactContext = null;
       }
     }
+
     mHasStartedCreatingInitialContext = false;
     mCurrentActivity = null;
 
     ResourceDrawableIdHelper.getInstance().clear();
+
     mHasStartedDestroying = false;
     synchronized (mHasStartedDestroying) {
       mHasStartedDestroying.notifyAll();
@@ -1277,14 +1292,12 @@ private void detachRootViewFromInstance(ReactRoot reactRoot, ReactContext reactC
           uiManager.stopSurface(surfaceId);
         } else {
           FLog.w(ReactConstants.TAG, "Failed to stop surface, UIManager has already gone away");
-          reactRoot.getRootViewGroup().removeAllViews();
         }
       } else {
         ReactSoftExceptionLogger.logSoftException(
             TAG,
             new RuntimeException(
                 "detachRootViewFromInstance called with ReactRootView with invalid id"));
-        reactRoot.getRootViewGroup().removeAllViews();
       }
     } else {
       reactContext
@@ -1293,8 +1306,7 @@ private void detachRootViewFromInstance(ReactRoot reactRoot, ReactContext reactC
           .unmountApplicationComponentAtRootTag(reactRoot.getRootViewTag());
     }
 
-    // The view is no longer attached, so mark it as such by resetting its ID.
-    reactRoot.getRootViewGroup().setId(View.NO_ID);
+    clearReactRoot(reactRoot);
   }
 
   @ThreadConfined(UI)
@@ -1330,7 +1342,7 @@ private ReactApplicationContext createReactContext(
         mJSExceptionHandler != null ? mJSExceptionHandler : mDevSupportManager;
     reactContext.setJSExceptionHandler(exceptionHandler);
 
-    NativeModuleRegistry nativeModuleRegistry = processPackages(reactContext, mPackages, false);
+    NativeModuleRegistry nativeModuleRegistry = processPackages(reactContext, mPackages);
 
     CatalystInstanceImpl.Builder catalystInstanceBuilder =
         new CatalystInstanceImpl.Builder()
@@ -1353,14 +1365,12 @@ private ReactApplicationContext createReactContext(
 
     reactContext.initializeWithInstance(catalystInstance);
 
-    if (ReactFeatureFlags.unstable_useRuntimeSchedulerAlways) {
-      // On Old Architecture, we need to initialize the Native Runtime Scheduler so that
-      // the `nativeRuntimeScheduler` object is registered on JS.
-      // On New Architecture, this is normally triggered by instantiate a TurboModuleManager.
-      // Here we invoke getRuntimeScheduler() to trigger the creation of it regardless of the
-      // architecture so it will always be there.
-      catalystInstance.getRuntimeScheduler();
-    }
+    // On Old Architecture, we need to initialize the Native Runtime Scheduler so that
+    // the `nativeRuntimeScheduler` object is registered on JS.
+    // On New Architecture, this is normally triggered by instantiate a TurboModuleManager.
+    // Here we invoke getRuntimeScheduler() to trigger the creation of it regardless of the
+    // architecture so it will always be there.
+    catalystInstance.getRuntimeScheduler();
 
     if (ReactFeatureFlags.useTurboModules && mTMMDelegateBuilder != null) {
       TurboModuleManagerDelegate tmmDelegate =
@@ -1376,23 +1386,23 @@ private ReactApplicationContext createReactContext(
               catalystInstance.getJSCallInvokerHolder(),
               catalystInstance.getNativeMethodCallInvokerHolder());
 
-      catalystInstance.setTurboModuleManager(turboModuleManager);
-
-      TurboModuleRegistry registry = (TurboModuleRegistry) turboModuleManager;
+      catalystInstance.setTurboModuleRegistry(turboModuleManager);
 
       // Eagerly initialize TurboModules
-      for (String moduleName : registry.getEagerInitModuleNames()) {
-        registry.getModule(moduleName);
+      for (String moduleName : turboModuleManager.getEagerInitModuleNames()) {
+        turboModuleManager.getModule(moduleName);
       }
     }
 
-    if (mJSIModulePackage != null) {
-      catalystInstance.addJSIModules(
-          mJSIModulePackage.getJSIModules(
-              reactContext, catalystInstance.getJavaScriptContextHolder()));
-    }
-    if (ReactFeatureFlags.enableFabricRenderer) {
-      catalystInstance.getJSIModule(JSIModuleType.UIManager);
+    if (mUIManagerProvider != null) {
+      UIManager uiManager = mUIManagerProvider.createUIManager(reactContext);
+      if (uiManager != null) {
+        catalystInstance.setFabricUIManager(uiManager);
+
+        // Initialize the UIManager
+        uiManager.initialize();
+        catalystInstance.setFabricUIManager(uiManager);
+      }
     }
     if (mBridgeIdleDebugListener != null) {
       catalystInstance.addBridgeIdleDebugListener(mBridgeIdleDebugListener);
@@ -1410,9 +1420,7 @@ private ReactApplicationContext createReactContext(
   }
 
   private NativeModuleRegistry processPackages(
-      ReactApplicationContext reactContext,
-      List<ReactPackage> packages,
-      boolean checkAndUpdatePackageMembership) {
+      ReactApplicationContext reactContext, List<ReactPackage> packages) {
     NativeModuleRegistryBuilder nativeModuleRegistryBuilder =
         new NativeModuleRegistryBuilder(reactContext, this);
 
@@ -1420,14 +1428,8 @@ private NativeModuleRegistry processPackages(
 
     synchronized (mPackages) {
       for (ReactPackage reactPackage : packages) {
-        if (checkAndUpdatePackageMembership && mPackages.contains(reactPackage)) {
-          continue;
-        }
         Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "createAndProcessCustomReactPackage");
         try {
-          if (checkAndUpdatePackageMembership) {
-            mPackages.add(reactPackage);
-          }
           processPackage(reactPackage, nativeModuleRegistryBuilder);
         } finally {
           Systrace.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
index c4787b09fab16b..d467ab93d0a124 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstanceManagerBuilder.java
@@ -20,17 +20,19 @@
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.JSBundleLoader;
 import com.facebook.react.bridge.JSExceptionHandler;
-import com.facebook.react.bridge.JSIModulePackage;
 import com.facebook.react.bridge.JavaScriptExecutorFactory;
 import com.facebook.react.bridge.NotThreadSafeBridgeIdleDebugListener;
+import com.facebook.react.bridge.UIManagerProvider;
 import com.facebook.react.common.LifecycleState;
 import com.facebook.react.common.SurfaceDelegateFactory;
+import com.facebook.react.common.annotations.StableReactNativeAPI;
 import com.facebook.react.devsupport.DefaultDevSupportManagerFactory;
 import com.facebook.react.devsupport.DevSupportManagerFactory;
 import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
 import com.facebook.react.devsupport.interfaces.DevLoadingViewManager;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.devsupport.interfaces.RedBoxHandler;
+import com.facebook.react.internal.ChoreographerProvider;
 import com.facebook.react.jscexecutor.JSCExecutor;
 import com.facebook.react.jscexecutor.JSCExecutorFactory;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
@@ -40,6 +42,7 @@
 import java.util.Map;
 
 /** Builder class for {@link ReactInstanceManager} */
+@StableReactNativeAPI
 public class ReactInstanceManagerBuilder {
 
   private static final String TAG = ReactInstanceManagerBuilder.class.getSimpleName();
@@ -64,21 +67,16 @@ public class ReactInstanceManagerBuilder {
   private @Nullable JavaScriptExecutorFactory mJavaScriptExecutorFactory;
   private int mMinNumShakes = 1;
   private int mMinTimeLeftInFrameForNonBatchedOperationMs = -1;
-  private @Nullable JSIModulePackage mJSIModulesPackage;
+  private @Nullable UIManagerProvider mUIManagerProvider;
   private @Nullable Map<String, RequestHandler> mCustomPackagerCommandHandlers;
   private @Nullable ReactPackageTurboModuleManagerDelegate.Builder mTMMDelegateBuilder;
   private @Nullable SurfaceDelegateFactory mSurfaceDelegateFactory;
   private @Nullable DevLoadingViewManager mDevLoadingViewManager;
   private @Nullable JSEngineResolutionAlgorithm mJSEngineResolutionAlgorithm = null;
+  private @Nullable ChoreographerProvider mChoreographerProvider = null;
 
   /* package protected */ ReactInstanceManagerBuilder() {}
 
-  public ReactInstanceManagerBuilder setJSIModulesPackage(
-      @Nullable JSIModulePackage jsiModulePackage) {
-    mJSIModulesPackage = jsiModulePackage;
-    return this;
-  }
-
   /** Factory for desired implementation of JavaScriptExecutor. */
   public ReactInstanceManagerBuilder setJavaScriptExecutorFactory(
       @Nullable JavaScriptExecutorFactory javaScriptExecutorFactory) {
@@ -86,6 +84,11 @@ public ReactInstanceManagerBuilder setJavaScriptExecutorFactory(
     return this;
   }
 
+  public ReactInstanceManagerBuilder setUIManagerProvider(UIManagerProvider uIManagerProvider) {
+    mUIManagerProvider = uIManagerProvider;
+    return this;
+  }
+
   /**
    * Name of the JS bundle file to be loaded from application's raw assets. Example: {@code
    * "index.android.js"}
@@ -285,6 +288,12 @@ public ReactInstanceManagerBuilder setReactPackageTurboModuleManagerDelegateBuil
     return this;
   }
 
+  public ReactInstanceManagerBuilder setChoreographerProvider(
+      @Nullable ChoreographerProvider choreographerProvider) {
+    mChoreographerProvider = choreographerProvider;
+    return this;
+  }
+
   /**
    * Instantiates a new {@link ReactInstanceManager}. Before calling {@code build}, the following
    * must be called:
@@ -344,41 +353,39 @@ public ReactInstanceManager build() {
         mDevBundleDownloadListener,
         mMinNumShakes,
         mMinTimeLeftInFrameForNonBatchedOperationMs,
-        mJSIModulesPackage,
+        mUIManagerProvider,
         mCustomPackagerCommandHandlers,
         mTMMDelegateBuilder,
         mSurfaceDelegateFactory,
-        mDevLoadingViewManager);
+        mDevLoadingViewManager,
+        mChoreographerProvider);
   }
 
   private JavaScriptExecutorFactory getDefaultJSExecutorFactory(
       String appName, String deviceName, Context applicationContext) {
 
-    // Relying solely on try catch block and loading jsc even when
-    // project is using hermes can lead to launch-time crashes especially in
-    // monorepo architectures and hybrid apps using both native android
-    // and react native.
-    // So we can use the value of enableHermes received by the constructor
-    // to decide which library to load at launch
-
-    // if nothing is specified, use old loading method
-    // else load the required engine
+    initializeSoLoaderIfNecessary(applicationContext);
+    // Hermes has been enabled by default in OSS since React Native 0.70.
+    // If the user hasn't specified a JSEngineResolutionAlgorithm,
+    // we attempt to load Hermes first, and fallback to JSC if we can't resolve the library.
     if (mJSEngineResolutionAlgorithm == null) {
-      FLog.w(
-          TAG,
-          "You're not setting the JS Engine Resolution Algorithm. "
-              + "We'll try to load JSC first, and if it fails we'll fallback to Hermes");
       try {
-        // If JSC is included, use it as normal
-        initializeSoLoaderIfNecessary(applicationContext);
-        JSCExecutor.loadLibrary();
-        return new JSCExecutorFactory(appName, deviceName);
-      } catch (UnsatisfiedLinkError jscE) {
-        if (jscE.getMessage().contains("__cxa_bad_typeid")) {
-          throw jscE;
-        }
         HermesExecutor.loadLibrary();
         return new HermesExecutorFactory();
+      } catch (UnsatisfiedLinkError ignoredHermesError) {
+        try {
+          JSCExecutor.loadLibrary();
+          return new JSCExecutorFactory(appName, deviceName);
+        } catch (UnsatisfiedLinkError jscError) {
+          FLog.e(
+              TAG,
+              "Unable to load neither the Hermes nor the JSC native library. "
+                  + "Your application is not built correctly and will fail to execute");
+          if (jscError.getMessage().contains("__cxa_bad_typeid")) {
+            throw jscError;
+          }
+          return null;
+        }
       }
     } else if (mJSEngineResolutionAlgorithm == JSEngineResolutionAlgorithm.HERMES) {
       HermesExecutor.loadLibrary();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstancePackage.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstancePackage.java
deleted file mode 100644
index 3d8634135c356d..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactInstancePackage.java
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react;
-
-import com.facebook.react.bridge.NativeModule;
-import com.facebook.react.bridge.ReactApplicationContext;
-import java.util.List;
-
-/**
- * A simple wrapper for ReactPackage to make it aware of its {@link ReactInstanceManager} when
- * creating native modules. This is useful when the package needs to ask the instance manager for
- * more information, like {@link DevSupportManager}.
- *
- * <p>TODO(t11394819): Consolidate this with LazyReactPackage Use {@link ReactPackage} or {@link
- * LazyReactPackage} and inject reactInstanceManager as a part of when plugins are initialized.
- */
-@Deprecated
-public abstract class ReactInstancePackage implements ReactPackage {
-
-  public abstract List<NativeModule> createNativeModules(
-      ReactApplicationContext reactContext, ReactInstanceManager reactInstanceManager);
-
-  @Override
-  public List<NativeModule> createNativeModules(ReactApplicationContext reactContext) {
-    throw new RuntimeException("ReactInstancePackage must be passed in the ReactInstanceManager.");
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java
index 9e5d3f6d2d50bd..6551937866f7ed 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactNativeHost.java
@@ -10,10 +10,10 @@
 import android.app.Application;
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
-import com.facebook.react.bridge.JSIModulePackage;
 import com.facebook.react.bridge.JavaScriptExecutorFactory;
 import com.facebook.react.bridge.ReactMarker;
 import com.facebook.react.bridge.ReactMarkerConstants;
+import com.facebook.react.bridge.UIManagerProvider;
 import com.facebook.react.common.LifecycleState;
 import com.facebook.react.common.SurfaceDelegate;
 import com.facebook.react.common.SurfaceDelegateFactory;
@@ -21,6 +21,7 @@
 import com.facebook.react.devsupport.DevSupportManagerFactory;
 import com.facebook.react.devsupport.interfaces.DevLoadingViewManager;
 import com.facebook.react.devsupport.interfaces.RedBoxHandler;
+import com.facebook.react.internal.ChoreographerProvider;
 import java.util.List;
 
 /**
@@ -83,11 +84,12 @@ protected ReactInstanceManager createReactInstanceManager() {
             .setLazyViewManagersEnabled(getLazyViewManagersEnabled())
             .setRedBoxHandler(getRedBoxHandler())
             .setJavaScriptExecutorFactory(getJavaScriptExecutorFactory())
-            .setJSIModulesPackage(getJSIModulePackage())
+            .setUIManagerProvider(getUIManagerProvider())
             .setInitialLifecycleState(LifecycleState.BEFORE_CREATE)
             .setReactPackageTurboModuleManagerDelegateBuilder(
                 getReactPackageTurboModuleManagerDelegateBuilder())
-            .setJSEngineResolutionAlgorithm(getJSEngineResolutionAlgorithm());
+            .setJSEngineResolutionAlgorithm(getJSEngineResolutionAlgorithm())
+            .setChoreographerProvider(getChoreographerProvider());
 
     for (ReactPackage reactPackage : getPackages()) {
       builder.addPackage(reactPackage);
@@ -123,8 +125,8 @@ protected final Application getApplication() {
     return mApplication;
   }
 
-  protected @Nullable JSIModulePackage getJSIModulePackage() {
-    return null;
+  protected @Nullable UIManagerProvider getUIManagerProvider() {
+    return reactApplicationContext -> null;
   }
 
   /** Returns whether or not to treat it as normal if Activity is null. */
@@ -213,4 +215,12 @@ protected String getJSMainModuleName() {
   protected @Nullable JSEngineResolutionAlgorithm getJSEngineResolutionAlgorithm() {
     return null;
   }
+
+  /**
+   * Returns a custom implementation of ChoreographerProvider to be used this host. If null - React
+   * will use default direct android.view.Choreographer-based provider.
+   */
+  protected @Nullable ChoreographerProvider getChoreographerProvider() {
+    return null;
+  }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactPackageHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactPackageHelper.java
index 5e7b0a8bf259af..6b65e35afec4ba 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactPackageHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactPackageHelper.java
@@ -7,7 +7,6 @@
 
 package com.facebook.react;
 
-import androidx.annotation.NonNull;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.ModuleHolder;
 import com.facebook.react.bridge.NativeModule;
@@ -27,26 +26,15 @@ class ReactPackageHelper {
    */
   /** package */
   static Iterable<ModuleHolder> getNativeModuleIterator(
-      ReactPackage reactPackage,
-      ReactApplicationContext reactApplicationContext,
-      ReactInstanceManager reactInstanceManager) {
+      ReactPackage reactPackage, ReactApplicationContext reactApplicationContext) {
     FLog.d(
         ReactConstants.TAG,
         reactPackage.getClass().getSimpleName()
             + " is not a LazyReactPackage, falling back to old version.");
-    final List<NativeModule> nativeModules;
-    if (reactPackage instanceof ReactInstancePackage) {
-      ReactInstancePackage reactInstancePackage = (ReactInstancePackage) reactPackage;
-      nativeModules =
-          reactInstancePackage.createNativeModules(reactApplicationContext, reactInstanceManager);
-    } else {
-      nativeModules = reactPackage.createNativeModules(reactApplicationContext);
-    }
-    return new Iterable<ModuleHolder>() {
-      @NonNull
-      @Override
-      public Iterator<ModuleHolder> iterator() {
-        return new Iterator<ModuleHolder>() {
+    final List<NativeModule> nativeModules =
+        reactPackage.createNativeModules(reactApplicationContext);
+    return () ->
+        new Iterator<ModuleHolder>() {
           int position = 0;
 
           @Override
@@ -64,7 +52,5 @@ public void remove() {
             throw new UnsupportedOperationException("Cannot remove methods ");
           }
         };
-      }
-    };
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactPackageTurboModuleManagerDelegate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactPackageTurboModuleManagerDelegate.java
index 1424264ae8bdf5..aba8502f55c405 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactPackageTurboModuleManagerDelegate.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactPackageTurboModuleManagerDelegate.java
@@ -8,11 +8,14 @@
 package com.facebook.react;
 
 import androidx.annotation.Nullable;
+import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.jni.HybridData;
 import com.facebook.react.bridge.CxxModuleWrapper;
 import com.facebook.react.bridge.ModuleSpec;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.common.ReactConstants;
 import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.internal.turbomodule.core.TurboModuleManagerDelegate;
 import com.facebook.react.internal.turbomodule.core.interfaces.TurboModule;
@@ -45,22 +48,35 @@ interface ModuleProvider {
   private final boolean mEnableTurboModuleSyncVoidMethods =
       ReactFeatureFlags.unstable_enableTurboModuleSyncVoidMethods;
 
-  protected ReactPackageTurboModuleManagerDelegate() {
+  // Lazy Props
+  private List<ReactPackage> mPackages;
+  private ReactApplicationContext mReactContext;
+
+  protected ReactPackageTurboModuleManagerDelegate(
+      ReactApplicationContext reactApplicationContext, List<ReactPackage> packages) {
     super();
+    initialize(reactApplicationContext, packages);
   }
 
   protected ReactPackageTurboModuleManagerDelegate(
+      ReactApplicationContext reactApplicationContext,
+      List<ReactPackage> packages,
+      HybridData hybridData) {
+    super(hybridData);
+    initialize(reactApplicationContext, packages);
+  }
+
+  private void initialize(
       ReactApplicationContext reactApplicationContext, List<ReactPackage> packages) {
-    super();
     final ReactApplicationContext applicationContext = reactApplicationContext;
     for (ReactPackage reactPackage : packages) {
-      if (reactPackage instanceof TurboReactPackage) {
-        final TurboReactPackage turboPkg = (TurboReactPackage) reactPackage;
+      if (reactPackage instanceof BaseReactPackage) {
+        final BaseReactPackage baseReactPackage = (BaseReactPackage) reactPackage;
         final ModuleProvider moduleProvider =
-            moduleName -> turboPkg.getModule(moduleName, applicationContext);
+            moduleName -> baseReactPackage.getModule(moduleName, applicationContext);
         mModuleProviders.add(moduleProvider);
         mPackageModuleInfos.put(
-            moduleProvider, turboPkg.getReactModuleInfoProvider().getReactModuleInfos());
+            moduleProvider, baseReactPackage.getReactModuleInfoProvider().getReactModuleInfos());
         continue;
       }
 
@@ -85,11 +101,6 @@ protected ReactPackageTurboModuleManagerDelegate(
         continue;
       }
 
-      if (shouldSupportLegacyPackages() && reactPackage instanceof ReactInstancePackage) {
-        // TODO(T145105887): Output error that ReactPackage was used
-        continue;
-      }
-
       if (shouldSupportLegacyPackages()) {
         // TODO(T145105887): Output warnings that ReactPackage was used
         final List<NativeModule> nativeModules =
@@ -166,11 +177,12 @@ public TurboModule getModule(String moduleName) {
         }
 
       } catch (IllegalArgumentException ex) {
-        /*
-         TurboReactPackages can throw an IllegalArgumentException when a module isn't found. If
-         this happens, it's safe to ignore the exception because a later TurboReactPackage could
-         provide the module.
-        */
+        // TODO T170570617: remove this catch statement and let exception bubble up
+        FLog.e(
+            ReactConstants.TAG,
+            ex,
+            "Caught exception while constructing module '%s'. This was previously ignored but will not be caught in the future.",
+            moduleName);
       }
     }
 
@@ -226,13 +238,13 @@ public NativeModule getLegacyModule(String moduleName) {
             resolvedModule = module;
           }
         }
-
       } catch (IllegalArgumentException ex) {
-        /*
-         * TurboReactPackages can throw an IllegalArgumentException when a module isn't found. If
-         * this happens, it's safe to ignore the exception because a later TurboReactPackage could
-         * provide the module.
-         */
+        // TODO T170570617: remove this catch statement and let exception bubble up
+        FLog.e(
+            ReactConstants.TAG,
+            ex,
+            "Caught exception while constructing module '%s'. This was previously ignored but will not be caught in the future.",
+            moduleName);
       }
     }
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
index 731dcb9a6d9e2f..766836fd0b16d1 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/ReactRootView.java
@@ -12,9 +12,7 @@
 import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
 import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
 
-import android.app.Activity;
 import android.content.Context;
-import android.content.ContextWrapper;
 import android.graphics.Canvas;
 import android.graphics.Insets;
 import android.graphics.Point;
@@ -53,7 +51,6 @@
 import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.modules.appregistry.AppRegistry;
 import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
-import com.facebook.react.surface.ReactStage;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
 import com.facebook.react.uimanager.IllegalViewOperationException;
 import com.facebook.react.uimanager.JSPointerDispatcher;
@@ -62,6 +59,7 @@
 import com.facebook.react.uimanager.ReactClippingProhibitedView;
 import com.facebook.react.uimanager.ReactRoot;
 import com.facebook.react.uimanager.ReactRootViewTagGenerator;
+import com.facebook.react.uimanager.ReactStage;
 import com.facebook.react.uimanager.RootView;
 import com.facebook.react.uimanager.RootViewUtil;
 import com.facebook.react.uimanager.UIManagerHelper;
@@ -600,7 +598,7 @@ public void unmountReactApplication() {
   }
 
   @Override
-  public void onStage(int stage) {
+  public void onStage(@ReactStage int stage) {
     switch (stage) {
       case ReactStage.ON_ATTACH_TO_INSTANCE:
         onAttachedToReactInstance();
@@ -856,14 +854,6 @@ public void onGlobalLayout() {
       checkForDeviceDimensionsChanges();
     }
 
-    private Activity getActivity() {
-      Context context = getContext();
-      while (!(context instanceof Activity) && context instanceof ContextWrapper) {
-        context = ((ContextWrapper) context).getBaseContext();
-      }
-      return (Activity) context;
-    }
-
     @RequiresApi(api = Build.VERSION_CODES.R)
     private void checkForKeyboardEvents() {
       getRootView().getWindowVisibleDisplayFrame(mVisibleViewArea);
@@ -881,7 +871,10 @@ private void checkForKeyboardEvents() {
           Insets barInsets = rootInsets.getInsets(WindowInsets.Type.systemBars());
           int height = imeInsets.bottom - barInsets.bottom;
 
-          int softInputMode = getActivity().getWindow().getAttributes().softInputMode;
+          ViewGroup.LayoutParams rootLayoutParams = getRootView().getLayoutParams();
+          Assertions.assertCondition(rootLayoutParams instanceof WindowManager.LayoutParams);
+
+          int softInputMode = ((WindowManager.LayoutParams) rootLayoutParams).softInputMode;
           int screenY =
               softInputMode == WindowManager.LayoutParams.SOFT_INPUT_ADJUST_NOTHING
                   ? mVisibleViewArea.bottom - height
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNode.java
index 358296ebf55dfd..089a4a25b350d3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/AnimatedNode.java
@@ -9,11 +9,13 @@
 
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.infer.annotation.Nullsafe;
 import java.util.ArrayList;
 import java.util.List;
 
 /** Base class for all Animated.js library node types that can be created on the "native" side. */
-/*package*/ abstract class AnimatedNode {
+/*package*/ @Nullsafe(Nullsafe.Mode.LOCAL)
+abstract class AnimatedNode {
 
   public static final int INITIAL_BFS_COLOR = 0;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/DecayAnimation.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/DecayAnimation.java
index 0e1daa0f1bd181..97463913dae684 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/DecayAnimation.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/DecayAnimation.java
@@ -7,12 +7,14 @@
 
 package com.facebook.react.animated;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReadableMap;
 
 /**
  * Implementation of {@link AnimationDriver} providing support for decay animations. The
  * implementation is copied from the JS version in {@code AnimatedImplementation.js}.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class DecayAnimation extends AnimationDriver {
 
   private final double mVelocity;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/DiffClampAnimatedNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/DiffClampAnimatedNode.java
index de356762c801f3..4ed74b8ccfa79f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/DiffClampAnimatedNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/DiffClampAnimatedNode.java
@@ -7,10 +7,12 @@
 
 package com.facebook.react.animated;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.JSApplicationCausedNativeException;
 import com.facebook.react.bridge.ReadableMap;
 
-/*package*/ class DiffClampAnimatedNode extends ValueAnimatedNode {
+/*package*/ @Nullsafe(Nullsafe.Mode.LOCAL)
+class DiffClampAnimatedNode extends ValueAnimatedNode {
   private final NativeAnimatedNodesManager mNativeAnimatedNodesManager;
   private final int mInputNodeTag;
   private final double mMin;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/EventAnimationDriver.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/EventAnimationDriver.java
index edc92c238c3bc3..91dd128c243fc7 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/EventAnimationDriver.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/EventAnimationDriver.java
@@ -14,11 +14,13 @@
 import com.facebook.react.bridge.UnexpectedNativeTypeException;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.uimanager.events.RCTEventEmitter;
+import com.facebook.react.uimanager.events.EventCategoryDef;
+import com.facebook.react.uimanager.events.RCTModernEventEmitter;
+import com.facebook.react.uimanager.events.TouchEvent;
 import java.util.List;
 
 /** Handles updating a {@link ValueAnimatedNode} when an event gets dispatched. */
-/* package */ class EventAnimationDriver implements RCTEventEmitter {
+/* package */ class EventAnimationDriver implements RCTModernEventEmitter {
   private List<String> mEventPath;
   /* package */ ValueAnimatedNode mValueNode;
   /* package */ String mEventName;
@@ -33,7 +35,39 @@ public EventAnimationDriver(
   }
 
   @Override
-  public void receiveEvent(int targetTag, String eventName, @Nullable WritableMap event) {
+  public void receiveEvent(int targetReactTag, String eventName, @Nullable WritableMap event) {
+    receiveEvent(-1, targetReactTag, eventName, event);
+  }
+
+  @Override
+  public void receiveEvent(
+      int surfaceId, int targetTag, String eventName, @Nullable WritableMap event) {
+    // We assume this event can't be coalesced. `customCoalesceKey` has no meaning in Fabric.
+    receiveEvent(surfaceId, targetTag, eventName, false, 0, event, EventCategoryDef.UNSPECIFIED);
+  }
+
+  @Override
+  public void receiveTouches(
+      String eventName, WritableArray touches, WritableArray changedIndices) {
+    throw new UnsupportedOperationException(
+        "receiveTouches is not support by native animated events");
+  }
+
+  @Override
+  public void receiveTouches(TouchEvent touchEvent) {
+    throw new UnsupportedOperationException(
+        "receiveTouches is not support by native animated events");
+  }
+
+  @Override
+  public void receiveEvent(
+      int surfaceId,
+      int targetTag,
+      String eventName,
+      boolean canCoalesceEvent,
+      int customCoalesceKey,
+      @Nullable WritableMap event,
+      @EventCategoryDef int category) {
     if (event == null) {
       throw new IllegalArgumentException("Native animated events must have event data.");
     }
@@ -79,10 +113,4 @@ public void receiveEvent(int targetTag, String eventName, @Nullable WritableMap
       mValueNode.mValue = currArray.getDouble(lastIndex);
     }
   }
-
-  @Override
-  public void receiveTouches(
-      String eventName, WritableArray touches, WritableArray changedIndices) {
-    throw new RuntimeException("receiveTouches is not support by native animated events");
-  }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/ModulusAnimatedNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/ModulusAnimatedNode.java
index f5ec5b7bb3c98d..7cd9a6568650aa 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/ModulusAnimatedNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/ModulusAnimatedNode.java
@@ -7,10 +7,12 @@
 
 package com.facebook.react.animated;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.JSApplicationCausedNativeException;
 import com.facebook.react.bridge.ReadableMap;
 
-/*package*/ class ModulusAnimatedNode extends ValueAnimatedNode {
+/*package*/ @Nullsafe(Nullsafe.Mode.LOCAL)
+class ModulusAnimatedNode extends ValueAnimatedNode {
 
   private final NativeAnimatedNodesManager mNativeAnimatedNodesManager;
   private final int mInputNode;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedModule.java
index 76749aaff7f948..8a719ca35af1cc 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedModule.java
@@ -122,7 +122,7 @@ private BatchExecutionOpCodes(int value) {
     }
 
     public int getValue() {
-      return this.value;
+      return value;
     }
 
     public static BatchExecutionOpCodes fromId(int id) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java
index 79805825767cb2..4c3e81288ec900 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/NativeAnimatedNodesManager.java
@@ -22,6 +22,7 @@
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.UIManager;
 import com.facebook.react.bridge.UiThreadUtil;
+import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.common.UIManagerType;
@@ -295,6 +296,7 @@ private void stopAnimationsForNode(AnimatedNode animatedNode) {
     // same time. Therefore it does not make much sense to create an animationId -> animation
     // object map that would require additional memory just to support the use-case of stopping
     // an animation
+    WritableArray events = null;
     for (int i = 0; i < mActiveAnimations.size(); i++) {
       AnimationDriver animation = mActiveAnimations.valueAt(i);
       if (animatedNode.equals(animation.mAnimatedValue)) {
@@ -312,13 +314,18 @@ private void stopAnimationsForNode(AnimatedNode animatedNode) {
           params.putInt("animationId", animation.mId);
           params.putBoolean("finished", false);
           params.putDouble("value", animation.mAnimatedValue.mValue);
-          mReactApplicationContext.emitDeviceEvent(
-              "onNativeAnimatedModuleAnimationFinished", params);
+          if (events == null) {
+            events = Arguments.createArray();
+          }
+          events.pushMap(params);
         }
         mActiveAnimations.removeAt(i);
         i--;
       }
     }
+    if (events != null) {
+      mReactApplicationContext.emitDeviceEvent("onNativeAnimatedModuleAnimationFinished", events);
+    }
   }
 
   @UiThread
@@ -327,6 +334,7 @@ public void stopAnimation(int animationId) {
     // same time. Therefore it does not make much sense to create an animationId -> animation
     // object map that would require additional memory just to support the use-case of stopping
     // an animation
+    WritableArray events = null;
     for (int i = 0; i < mActiveAnimations.size(); i++) {
       AnimationDriver animation = mActiveAnimations.valueAt(i);
       if (animation.mId == animationId) {
@@ -344,13 +352,18 @@ public void stopAnimation(int animationId) {
           params.putInt("animationId", animation.mId);
           params.putBoolean("finished", false);
           params.putDouble("value", animation.mAnimatedValue.mValue);
-          mReactApplicationContext.emitDeviceEvent(
-              "onNativeAnimatedModuleAnimationFinished", params);
+          if (events == null) {
+            events = Arguments.createArray();
+          }
+          events.pushMap(params);
         }
         mActiveAnimations.removeAt(i);
-        return;
+        break;
       }
     }
+    if (events != null) {
+      mReactApplicationContext.emitDeviceEvent("onNativeAnimatedModuleAnimationFinished", events);
+    }
     // Do not throw an error in the case animation could not be found. We only keep "active"
     // animations in the registry and there is a chance that Animated.js will enqueue a
     // stopAnimation call after the animation has ended or the call will reach native thread only
@@ -590,7 +603,7 @@ private void handleEvent(Event event) {
         if (matchSpec.match(driver.mViewTag, driver.mEventName)) {
           foundAtLeastOneDriver = true;
           stopAnimationsForNode(driver.mValueNode);
-          event.dispatch(driver);
+          event.dispatchModern(driver);
           mRunUpdateNodeList.add(driver.mValueNode);
         }
       }
@@ -643,6 +656,7 @@ public void runUpdates(long frameTimeNanos) {
     // Cleanup finished animations. Iterate over the array of animations and override ones that has
     // finished, then resize `mActiveAnimations`.
     if (hasFinishedAnimations) {
+      WritableArray events = null;
       for (int i = mActiveAnimations.size() - 1; i >= 0; i--) {
         AnimationDriver animation = mActiveAnimations.valueAt(i);
         if (animation.mHasFinished) {
@@ -659,12 +673,17 @@ public void runUpdates(long frameTimeNanos) {
             params.putInt("animationId", animation.mId);
             params.putBoolean("finished", true);
             params.putDouble("value", animation.mAnimatedValue.mValue);
-            mReactApplicationContext.emitDeviceEvent(
-                "onNativeAnimatedModuleAnimationFinished", params);
+            if (events == null) {
+              events = Arguments.createArray();
+            }
+            events.pushMap(params);
           }
           mActiveAnimations.removeAt(i);
         }
       }
+      if (events != null) {
+        mReactApplicationContext.emitDeviceEvent("onNativeAnimatedModuleAnimationFinished", events);
+      }
     }
   }
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/ObjectAnimatedNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/ObjectAnimatedNode.java
index b00863f82f2ffa..c4d0492c9819f9 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/ObjectAnimatedNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/ObjectAnimatedNode.java
@@ -8,6 +8,7 @@
 package com.facebook.react.animated;
 
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.JavaOnlyArray;
 import com.facebook.react.bridge.JavaOnlyMap;
 import com.facebook.react.bridge.ReadableArray;
@@ -19,7 +20,8 @@
  * Native counterpart of object animated node (see AnimatedObject class in
  * AnimatedImplementation.js)
  */
-/* package */ class ObjectAnimatedNode extends AnimatedNode {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class ObjectAnimatedNode extends AnimatedNode {
 
   private static final String VALUE_KEY = "value";
   private static final String NODE_TAG_KEY = "nodeTag";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/SpringAnimation.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/SpringAnimation.java
index c507a6d515328e..29c69e141c0769 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/SpringAnimation.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/animated/SpringAnimation.java
@@ -7,6 +7,7 @@
 
 package com.facebook.react.animated;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReadableMap;
 
 /**
@@ -14,7 +15,8 @@
  * implementation has been copied from android implementation of Rebound library (see <a
  * href="http://facebook.github.io/rebound/">http://facebook.github.io/rebound/</a>)
  */
-/*package*/ class SpringAnimation extends AnimationDriver {
+/*package*/ @Nullsafe(Nullsafe.Mode.LOCAL)
+class SpringAnimation extends AnimationDriver {
 
   // maximum amount of time to simulate per physics iteration in seconds (4 frames at 60 FPS)
   private static final double MAX_DELTA_TIME_SEC = 0.064;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseJavaModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseJavaModule.java
index 6cab5695c26cb0..c6a0d33a966edd 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseJavaModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/BaseJavaModule.java
@@ -14,6 +14,8 @@
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.infer.annotation.ThreadConfined;
 import com.facebook.react.common.ReactConstants;
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
+import com.facebook.react.common.annotations.StableReactNativeAPI;
 import com.facebook.react.common.build.ReactBuildConfig;
 import java.util.Map;
 
@@ -45,6 +47,7 @@
  * <p>Please note that it is not allowed to have multiple methods annotated with {@link ReactMethod}
  * with the same name.
  */
+@StableReactNativeAPI
 public abstract class BaseJavaModule implements NativeModule {
   // taken from Libraries/Utilities/MessageQueue.js
   public static final String METHOD_TYPE_ASYNC = "async";
@@ -62,6 +65,7 @@ public BaseJavaModule(@Nullable ReactApplicationContext reactContext) {
   }
 
   /** @return a map of constants this module exports to JS. Supports JSON types. */
+  @DeprecatedInNewArchitecture()
   public @Nullable Map<String, Object> getConstants() {
     return null;
   }
@@ -76,19 +80,17 @@ public boolean canOverrideExistingModule() {
     return false;
   }
 
-  @Override
-  public void onCatalystInstanceDestroy() {}
-
   /**
    * The CatalystInstance is going away with Venice. Therefore, the TurboModule infra introduces the
    * invalidate() method to allow NativeModules to clean up after themselves.
    */
   @Override
-  public void invalidate() {
-    onCatalystInstanceDestroy();
-  }
+  public void invalidate() {}
 
-  /** Subclasses can use this method to access catalyst context passed as a constructor. */
+  /**
+   * Subclasses can use this method to access {@link ReactApplicationContext} passed as a
+   * constructor.
+   */
   protected final ReactApplicationContext getReactApplicationContext() {
     return Assertions.assertNotNull(
         mReactApplicationContext,
@@ -96,10 +98,11 @@ protected final ReactApplicationContext getReactApplicationContext() {
   }
 
   /**
-   * Subclasses can use this method to access catalyst context passed as a constructor. Use this
-   * version to check that the underlying CatalystInstance is active before returning, and
-   * automatically have SoftExceptions or debug information logged for you. Consider using this
-   * whenever calling ReactApplicationContext methods that require the Catalyst instance be alive.
+   * Subclasses can use this method to access {@link ReactApplicationContext} passed as a
+   * constructor. Use this version to check that the underlying React Instance is active before
+   * returning, and automatically have SoftExceptions or debug information logged for you. Consider
+   * using this whenever calling ReactApplicationContext methods that require the React instance be
+   * alive.
    *
    * <p>This can return null at any time, but especially during teardown methods it's
    * possible/likely.
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java
index e138e6dfeac26d..0ee0dd6df275ee 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstance.java
@@ -10,9 +10,11 @@
 import androidx.annotation.Nullable;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.queue.ReactQueueConfiguration;
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
 import com.facebook.react.common.annotations.VisibleForTesting;
-import com.facebook.react.internal.turbomodule.core.interfaces.CallInvokerHolder;
-import com.facebook.react.internal.turbomodule.core.interfaces.NativeMethodCallInvokerHolder;
+import com.facebook.react.internal.turbomodule.core.interfaces.TurboModuleRegistry;
+import com.facebook.react.turbomodule.core.interfaces.CallInvokerHolder;
+import com.facebook.react.turbomodule.core.interfaces.NativeMethodCallInvokerHolder;
 import java.util.Collection;
 import java.util.List;
 
@@ -69,6 +71,9 @@ public interface CatalystInstance
   @Nullable
   NativeModule getNativeModule(String moduleName);
 
+  @Deprecated(
+      since =
+          "getJSIModule(JSIModuleType moduleType) is deprecated and will be deleted in the future. Please use ReactInstanceEventListener to subscribe for react instance events instead.")
   JSIModule getJSIModule(JSIModuleType moduleType);
 
   Collection<NativeModule> getNativeModules();
@@ -114,6 +119,7 @@ public interface CatalystInstance
 
   RuntimeScheduler getRuntimeScheduler();
 
+  @Deprecated
   void addJSIModules(List<JSIModuleSpec> jsiModules);
 
   /**
@@ -128,10 +134,23 @@ public interface CatalystInstance
    */
   NativeMethodCallInvokerHolder getNativeMethodCallInvokerHolder();
 
-  /**
-   * For the time being, we want code relying on the old infra to also work with TurboModules.
-   * Hence, we must provide the TurboModuleRegistry to CatalystInstance so that getNativeModule,
-   * hasNativeModule, and getNativeModules can also return TurboModules.
-   */
+  @Deprecated(
+      since =
+          "setTurboModuleManager(JSIModule getter) is deprecated and will be deleted in the future. Please use setTurboModuleRegistry(TurboModuleRegistry turboModuleRegistry)instead.")
   void setTurboModuleManager(JSIModule getter);
+
+  @DeprecatedInNewArchitecture(
+      message =
+          "This method will be deprecated later as part of Stable APIs with bridge removal and not encouraged usage.")
+  void setTurboModuleRegistry(TurboModuleRegistry turboModuleRegistry);
+
+  @DeprecatedInNewArchitecture(
+      message =
+          "This method will be deprecated later as part of Stable APIs with bridge removal and not encouraged usage.")
+  void setFabricUIManager(UIManager fabricUIManager);
+
+  @DeprecatedInNewArchitecture(
+      message =
+          "This method will be deprecated later as part of Stable APIs with bridge removal and not encouraged usage.")
+  UIManager getFabricUIManager();
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java
index b1e38b256d5d15..3658f68cac44f7 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CatalystInstanceImpl.java
@@ -11,13 +11,13 @@
 import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
 
 import android.content.res.AssetManager;
-import android.os.AsyncTask;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.infer.annotation.ThreadConfined;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.proguard.annotations.DoNotStripAny;
 import com.facebook.react.bridge.queue.MessageQueueThread;
 import com.facebook.react.bridge.queue.QueueThreadExceptionHandler;
 import com.facebook.react.bridge.queue.ReactQueueConfiguration;
@@ -26,10 +26,10 @@
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.annotations.VisibleForTesting;
 import com.facebook.react.config.ReactFeatureFlags;
-import com.facebook.react.internal.turbomodule.core.CallInvokerHolderImpl;
-import com.facebook.react.internal.turbomodule.core.NativeMethodCallInvokerHolderImpl;
 import com.facebook.react.internal.turbomodule.core.interfaces.TurboModuleRegistry;
 import com.facebook.react.module.annotations.ReactModule;
+import com.facebook.react.turbomodule.core.CallInvokerHolderImpl;
+import com.facebook.react.turbomodule.core.NativeMethodCallInvokerHolderImpl;
 import com.facebook.systrace.Systrace;
 import com.facebook.systrace.TraceListener;
 import java.lang.ref.WeakReference;
@@ -102,7 +102,8 @@ public String toString() {
   private @Nullable String mSourceURL;
 
   private JavaScriptContextHolder mJavaScriptContextHolder;
-  private volatile @Nullable TurboModuleRegistry mTurboModuleRegistry = null;
+  private @Nullable TurboModuleRegistry mTurboModuleRegistry;
+  private @Nullable UIManager mFabricUIManager;
 
   // C++ parts
   private final HybridData mHybridData;
@@ -140,7 +141,7 @@ private CatalystInstanceImpl(
     Systrace.beginSection(TRACE_TAG_REACT_JAVA_BRIDGE, "initializeCxxBridge");
 
     initializeBridge(
-        new BridgeCallback(this),
+        new InstanceCallback(this),
         jsExecutor,
         mReactQueueConfiguration.getJSQueueThread(),
         mNativeModulesQueueThread,
@@ -152,25 +153,27 @@ private CatalystInstanceImpl(
     mJavaScriptContextHolder = new JavaScriptContextHolder(getJavaScriptContext());
   }
 
-  private static class BridgeCallback implements ReactCallback {
+  @DoNotStripAny
+  private static class InstanceCallback {
     // We do this so the callback doesn't keep the CatalystInstanceImpl alive.
     // In this case, the callback is held in C++ code, so the GC can't see it
     // and determine there's an inaccessible cycle.
     private final WeakReference<CatalystInstanceImpl> mOuter;
 
-    BridgeCallback(CatalystInstanceImpl outer) {
+    InstanceCallback(CatalystInstanceImpl outer) {
       mOuter = new WeakReference<>(outer);
     }
 
-    @Override
     public void onBatchComplete() {
       CatalystInstanceImpl impl = mOuter.get();
       if (impl != null) {
-        impl.mNativeModuleRegistry.onBatchComplete();
+        impl.mNativeModulesQueueThread.runOnQueue(
+            () -> {
+              impl.mNativeModuleRegistry.onBatchComplete();
+            });
       }
     }
 
-    @Override
     public void incrementPendingJSCalls() {
       CatalystInstanceImpl impl = mOuter.get();
       if (impl != null) {
@@ -178,7 +181,6 @@ public void incrementPendingJSCalls() {
       }
     }
 
-    @Override
     public void decrementPendingJSCalls() {
       CatalystInstanceImpl impl = mOuter.get();
       if (impl != null) {
@@ -207,7 +209,7 @@ private native void jniExtendNativeModules(
       Collection<JavaModuleWrapper> javaModules, Collection<ModuleHolder> cxxModules);
 
   private native void initializeBridge(
-      ReactCallback callback,
+      InstanceCallback callback,
       JavaScriptExecutor jsExecutor,
       MessageQueueThread jsQueue,
       MessageQueueThread moduleQueue,
@@ -349,6 +351,9 @@ public void destroy() {
         () -> {
           mNativeModuleRegistry.notifyJSInstanceDestroy();
           mJSIModuleRegistry.notifyJSInstanceDestroy();
+          if (mFabricUIManager != null) {
+            mFabricUIManager.invalidate();
+          }
           boolean wasIdle = (mPendingJSCalls.getAndSet(0) == 0);
           if (!mBridgeIdleListeners.isEmpty()) {
             for (NotThreadSafeBridgeIdleDebugListener listener : mBridgeIdleListeners) {
@@ -368,30 +373,24 @@ public void destroy() {
                       mTurboModuleRegistry.invalidate();
                     }
 
-                    getReactQueueConfiguration()
-                        .getUIQueueThread()
-                        .runOnQueue(
+                    // Kill non-UI threads from neutral third party
+                    // potentially expensive, so don't run on UI thread
+                    new Thread(
                             () -> {
-                              // AsyncTask.execute must be executed from the UI Thread
-                              AsyncTask.execute(
-                                  () -> {
-                                    // Kill non-UI threads from neutral third party
-                                    // potentially expensive, so don't run on UI thread
-
-                                    // contextHolder is used as a lock to guard against
-                                    // other users of the JS VM having the VM destroyed
-                                    // underneath them, so notify them before we reset
-                                    // Native
-                                    mJavaScriptContextHolder.clear();
-
-                                    mHybridData.resetNative();
-                                    getReactQueueConfiguration().destroy();
-                                    FLog.d(
-                                        ReactConstants.TAG, "CatalystInstanceImpl.destroy() end");
-                                    ReactMarker.logMarker(
-                                        ReactMarkerConstants.DESTROY_CATALYST_INSTANCE_END);
-                                  });
-                            });
+                              // contextHolder is used as a lock to guard against
+                              // other users of the JS VM having the VM destroyed
+                              // underneath them, so notify them before we reset
+                              // Native
+                              mJavaScriptContextHolder.clear();
+
+                              mHybridData.resetNative();
+                              getReactQueueConfiguration().destroy();
+                              FLog.w(ReactConstants.TAG, "CatalystInstanceImpl.destroy() end");
+                              ReactMarker.logMarker(
+                                  ReactMarkerConstants.DESTROY_CATALYST_INSTANCE_END);
+                            },
+                            "destroy_react_context")
+                        .start();
                   });
         });
 
@@ -568,6 +567,21 @@ public void setTurboModuleManager(JSIModule module) {
     mTurboModuleRegistry = (TurboModuleRegistry) module;
   }
 
+  @Override
+  public void setTurboModuleRegistry(TurboModuleRegistry turboModuleRegistry) {
+    mTurboModuleRegistry = turboModuleRegistry;
+  }
+
+  @Override
+  public void setFabricUIManager(UIManager fabricUIManager) {
+    mFabricUIManager = fabricUIManager;
+  }
+
+  @Override
+  public UIManager getFabricUIManager() {
+    return mFabricUIManager;
+  }
+
   private void decrementPendingJSCalls() {
     int newPendingCalls = mPendingJSCalls.decrementAndGet();
     // TODO(9604406): handle case of web workers injecting messages to main thread
@@ -635,7 +649,6 @@ public void onTraceStopped() {
   }
 
   public static class Builder {
-
     private @Nullable ReactQueueConfigurationSpec mReactQueueConfigurationSpec;
     private @Nullable JSBundleLoader mJSBundleLoader;
     private @Nullable NativeModuleRegistry mRegistry;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java
index a50ced0771ea1a..40928a6c6c0c58 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapper.java
@@ -9,7 +9,6 @@
 
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.soloader.SoLoader;
 
 /** This does nothing interesting, except avoid breaking existing code. */
 @DoNotStrip
@@ -17,12 +16,4 @@ public class CxxModuleWrapper extends CxxModuleWrapperBase {
   protected CxxModuleWrapper(HybridData hd) {
     super(hd);
   }
-
-  private static native CxxModuleWrapper makeDsoNative(String soPath, String factory);
-
-  public static CxxModuleWrapper makeDso(String library, String factory) {
-    SoLoader.loadLibrary(library);
-    String soPath = SoLoader.unpackLibraryAndDependencies(library).getAbsolutePath();
-    return makeDsoNative(soPath, factory);
-  }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java
index ff7d2d6369f38c..e1e60bcb077da3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/CxxModuleWrapperBase.java
@@ -37,9 +37,6 @@ public boolean canOverrideExistingModule() {
     return false;
   }
 
-  @Override
-  public void onCatalystInstanceDestroy() {}
-
   @Override
   public void invalidate() {
     mHybridData.resetNative();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutor.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutor.java
deleted file mode 100644
index cc114f8c534480..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutor.java
+++ /dev/null
@@ -1,31 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.bridge;
-
-import com.facebook.jni.HybridData;
-import com.facebook.proguard.annotations.DoNotStrip;
-
-/** @deprecated use {@link com.facebook.react.jscexecutor.JSCExecutor} instead. */
-@DoNotStrip
-@Deprecated
-/* package */ class JSCJavaScriptExecutor extends JavaScriptExecutor {
-  static {
-    ReactBridge.staticInit();
-  }
-
-  /* package */ JSCJavaScriptExecutor(ReadableNativeMap jscConfig) {
-    super(initHybrid(jscConfig));
-  }
-
-  @Override
-  public String getName() {
-    return "JSCJavaScriptExecutor";
-  }
-
-  private static native HybridData initHybrid(ReadableNativeMap jscConfig);
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutorFactory.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutorFactory.java
deleted file mode 100644
index 8f62940fac31cb..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JSCJavaScriptExecutorFactory.java
+++ /dev/null
@@ -1,46 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.bridge;
-
-/** @deprecated use {@link com.facebook.react.jscexecutor.JSCExecutorFactory} instead. */
-@Deprecated
-class JSCJavaScriptExecutorFactory implements JavaScriptExecutorFactory {
-  private final String mAppName;
-  private final String mDeviceName;
-
-  public JSCJavaScriptExecutorFactory(String appName, String deviceName) {
-    this.mAppName = appName;
-    this.mDeviceName = deviceName;
-  }
-
-  @Override
-  public JavaScriptExecutor create() throws Exception {
-    WritableNativeMap jscConfig = new WritableNativeMap();
-    jscConfig.putString("OwnerIdentity", "ReactNative");
-    jscConfig.putString("AppIdentity", mAppName);
-    jscConfig.putString("DeviceIdentity", mDeviceName);
-    return new JSCJavaScriptExecutor(jscConfig);
-  }
-
-  @Override
-  public void startSamplingProfiler() {
-    throw new UnsupportedOperationException(
-        "Starting sampling profiler not supported on " + toString());
-  }
-
-  @Override
-  public void stopSamplingProfiler(String filename) {
-    throw new UnsupportedOperationException(
-        "Stopping sampling profiler not supported on " + toString());
-  }
-
-  @Override
-  public String toString() {
-    return "JSCExecutor";
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaMethodWrapper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaMethodWrapper.java
index 460e444477b5ed..daa3eaca785272 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaMethodWrapper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaMethodWrapper.java
@@ -18,7 +18,7 @@
 import java.lang.reflect.InvocationTargetException;
 import java.lang.reflect.Method;
 
-class JavaMethodWrapper implements NativeModule.NativeMethod {
+class JavaMethodWrapper implements JavaModuleWrapper.NativeMethod {
 
   private abstract static class ArgumentExtractor<T> {
     public int getJSArgumentsNeeded() {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaModuleWrapper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaModuleWrapper.java
index 4f67c8072712ac..5e08e165801c6a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaModuleWrapper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/JavaModuleWrapper.java
@@ -30,6 +30,13 @@
  */
 @DoNotStrip
 class JavaModuleWrapper {
+
+  interface NativeMethod {
+    void invoke(JSInstance jsInstance, ReadableArray parameters);
+
+    String getType();
+  }
+
   @DoNotStrip
   public static class MethodDescriptor {
     @DoNotStrip Method method;
@@ -40,7 +47,7 @@ public static class MethodDescriptor {
 
   private final JSInstance mJSInstance;
   private final ModuleHolder mModuleHolder;
-  private final ArrayList<NativeModule.NativeMethod> mMethods;
+  private final ArrayList<NativeMethod> mMethods;
   private final ArrayList<MethodDescriptor> mDescs;
 
   public JavaModuleWrapper(JSInstance jsInstance, ModuleHolder moduleHolder) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java
index 731aa04fa3cf1b..25f170f1134a92 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ModuleHolder.java
@@ -19,6 +19,7 @@
 import com.facebook.debug.tags.ReactDebugOverlayTags;
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.proguard.annotations.DoNotStrip;
+import com.facebook.react.common.ReactConstants;
 import com.facebook.react.internal.turbomodule.core.interfaces.TurboModule;
 import com.facebook.react.module.model.ReactModuleInfo;
 import com.facebook.systrace.SystraceMessage;
@@ -204,7 +205,7 @@ private NativeModule create() {
        *
        * @todo(T53311351)
        */
-      FLog.e("NativeModuleInitError", "Failed to create NativeModule \"" + getName() + "\"", ex);
+      FLog.e(ReactConstants.TAG, ex, "Failed to create NativeModule '%s'", mName);
       throw ex;
     } finally {
       ReactMarker.logMarker(CREATE_MODULE_END, mName, mInstanceKey);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModule.java
index d84603dfc9bb79..d524a365f33e6c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/NativeModule.java
@@ -9,6 +9,7 @@
 
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
+import com.facebook.react.common.annotations.StableReactNativeAPI;
 import javax.annotation.Nonnull;
 
 /**
@@ -18,16 +19,10 @@
  * not provide any Java code (so they can be reused on other platforms), and instead should register
  * themselves using {@link CxxModuleWrapper}.
  */
+@StableReactNativeAPI
 @DoNotStrip
 public interface NativeModule {
 
-  @DeprecatedInNewArchitecture
-  interface NativeMethod {
-    void invoke(JSInstance jsInstance, ReadableArray parameters);
-
-    String getType();
-  }
-
   /**
    * @return the name of this module. This will be the name used to {@code require()} this module
    *     from javascript.
@@ -38,6 +33,9 @@ interface NativeMethod {
   /** This method is called after {@link ReactApplicationContext} has been created. */
   void initialize();
 
+  /** Allow NativeModule to clean up. Called before React Native instance is destroyed. */
+  void invalidate();
+
   /**
    * Return true if you intend to override some other native module that was registered e.g. as part
    * of a different package (such as the core one). Trying to override without returning true from
@@ -45,16 +43,15 @@ interface NativeMethod {
    * default all modules return false.
    */
   @DeprecatedInNewArchitecture()
-  boolean canOverrideExistingModule();
+  default boolean canOverrideExistingModule() {
+    return false;
+  }
 
   /**
    * Allow NativeModule to clean up. Called before {CatalystInstance#onHostDestroy}
    *
    * @deprecated use {@link #invalidate()} instead.
    */
-  @DeprecatedInNewArchitecture(message = "Use invalidate method instead")
-  void onCatalystInstanceDestroy();
-
-  /** Allow NativeModule to clean up. Called before React Native instance is destroyed. */
-  void invalidate();
+  @Deprecated(since = "Use invalidate method instead", forRemoval = true)
+  default void onCatalystInstanceDestroy() {}
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactCallback.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactCallback.java
deleted file mode 100644
index 36dca68a23e47e..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactCallback.java
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.bridge;
-
-import com.facebook.proguard.annotations.DoNotStrip;
-
-@DoNotStrip
-/* package */ interface ReactCallback {
-  @DoNotStrip
-  void onBatchComplete();
-
-  @DoNotStrip
-  void incrementPendingJSCalls();
-
-  @DoNotStrip
-  void decrementPendingJSCalls();
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java
index dfb1e641215fbf..4f5af10bde7056 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContext.java
@@ -26,6 +26,9 @@
 import com.facebook.react.bridge.queue.ReactQueueConfiguration;
 import com.facebook.react.common.LifecycleState;
 import com.facebook.react.common.ReactConstants;
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
+import com.facebook.react.common.annotations.FrameworkAPI;
+import com.facebook.react.common.annotations.UnstableReactNativeAPI;
 import java.lang.ref.WeakReference;
 import java.util.Collection;
 import java.util.concurrent.CopyOnWriteArraySet;
@@ -35,6 +38,7 @@
  * CatalystInstance}
  */
 public class ReactContext extends ContextWrapper {
+
   @DoNotStrip
   public interface RCTDeviceEventEmitter extends JavaScriptModule {
     void emit(@NonNull String eventName, @Nullable Object data);
@@ -71,7 +75,7 @@ public interface RCTDeviceEventEmitter extends JavaScriptModule {
   private @Nullable JSExceptionHandler mExceptionHandlerWrapper;
   private @Nullable WeakReference<Activity> mCurrentActivity;
 
-  private @Nullable InteropModuleRegistry mInteropModuleRegistry;
+  protected @Nullable InteropModuleRegistry mInteropModuleRegistry;
   private boolean mIsInitialized = false;
 
   public ReactContext(Context base) {
@@ -205,6 +209,20 @@ public <T extends NativeModule> T getNativeModule(Class<T> nativeModuleInterface
     return mCatalystInstance.getNativeModule(nativeModuleInterface);
   }
 
+  /**
+   * @return the RuntimeExecutor, a thread-safe handler for accessing the runtime.
+   * @experimental
+   */
+  @Nullable
+  @FrameworkAPI
+  @UnstableReactNativeAPI
+  public RuntimeExecutor getRuntimeExecutor() {
+    if (mCatalystInstance == null) {
+      raiseCatalystInstanceMissingException();
+    }
+    return mCatalystInstance.getRuntimeExecutor();
+  }
+
   /**
    * Calls RCTDeviceEventEmitter.emit to JavaScript, with given event name and an optional list of
    * arguments.
@@ -546,12 +564,19 @@ public boolean isBridgeless() {
     return null;
   }
 
-  public @Nullable JSIModule getJSIModule(JSIModuleType moduleType) {
-    if (!hasActiveReactInstance()) {
-      throw new IllegalStateException(
-          "Unable to retrieve a JSIModule if CatalystInstance is not active.");
-    }
-    return mCatalystInstance.getJSIModule(moduleType);
+  @DeprecatedInNewArchitecture(
+      message =
+          "This method will be deprecated later as part of Stable APIs with bridge removal and not encouraged usage.")
+  /**
+   * Get the UIManager for Fabric from the CatalystInstance.
+   *
+   * @return The UIManager when CatalystInstance is active.
+   */
+  public @Nullable UIManager getFabricUIManager() {
+    UIManager uiManager = mCatalystInstance.getFabricUIManager();
+    return uiManager != null
+        ? uiManager
+        : (UIManager) mCatalystInstance.getJSIModule(JSIModuleType.UIManager);
   }
 
   /**
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContextBaseJavaModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContextBaseJavaModule.java
index 105303ebd01c23..64b666cb541979 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContextBaseJavaModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactContextBaseJavaModule.java
@@ -14,7 +14,9 @@
 /**
  * Base class for Catalyst native modules that require access to the {@link ReactContext} instance.
  */
-@DeprecatedInNewArchitecture
+@DeprecatedInNewArchitecture(
+    message =
+        "ReactContextBaseJavaModule will be deprecated in new Architecture of React Native, use BaseJavaModule instead")
 public abstract class ReactContextBaseJavaModule extends BaseJavaModule {
 
   public ReactContextBaseJavaModule() {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java
index 318c71a597dc55..74de7150a139c8 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/ReactMarkerConstants.java
@@ -46,8 +46,6 @@ public enum ReactMarkerConstants {
   CREATE_I18N_MODULE_CONSTANTS_END,
   I18N_MODULE_CONSTANTS_CONVERT_START,
   I18N_MODULE_CONSTANTS_CONVERT_END,
-  CREATE_I18N_ASSETS_MODULE_START,
-  CREATE_I18N_ASSETS_MODULE_END,
   GET_CONSTANTS_START,
   GET_CONSTANTS_END,
   INITIALIZE_MODULE_START,
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java
index 0419a8395b4b1a..a40bab35365911 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManager.java
@@ -15,7 +15,7 @@
 import androidx.annotation.UiThread;
 import com.facebook.infer.annotation.ThreadConfined;
 
-public interface UIManager extends JSIModule, PerformanceCounter {
+public interface UIManager extends PerformanceCounter {
 
   /** Registers a new root view. @Deprecated call startSurface instead */
   @UiThread
@@ -151,4 +151,10 @@ void updateRootLayoutSpecs(
   @Deprecated
   @Nullable
   String resolveCustomDirectEventName(@Nullable String eventName);
+
+  /** This method is called after {@link ReactApplicationContext} has been created. */
+  void initialize();
+
+  /** Called before React Native instance is destroyed. */
+  void invalidate();
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerListener.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerListener.kt
similarity index 76%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerListener.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerListener.kt
index 505999b3d5af33..d2989b677d5415 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerListener.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerListener.kt
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.bridge;
+package com.facebook.react.bridge
 
 /** Listener used to hook into the UIManager update process. */
 public interface UIManagerListener {
@@ -15,30 +15,30 @@ public interface UIManagerListener {
    *
    * <p>This is called by Paper only.
    */
-  void willDispatchViewUpdates(UIManager uiManager);
+  public fun willDispatchViewUpdates(uiManager: UIManager): Unit
   /**
    * Called on UIThread right before view updates are executed.
    *
    * <p>This is called by Fabric only.
    */
-  void willMountItems(UIManager uiManager);
+  public fun willMountItems(uiManager: UIManager): Unit
   /**
    * Called on UIThread right after view updates are executed.
    *
    * <p>This is called by Fabric only.
    */
-  void didMountItems(UIManager uiManager);
+  public fun didMountItems(uiManager: UIManager): Unit
   /**
    * Called on UIThread right after view updates are dispatched for a frame. Note that this will be
    * called for every frame even if there are no updates.
    *
    * <p>This is called by Fabric only.
    */
-  void didDispatchMountItems(UIManager uiManager);
+  public fun didDispatchMountItems(uiManager: UIManager): Unit
   /**
    * Called right after scheduleMountItems is called in Fabric, after a new tree is committed.
    *
    * <p>This is called by Fabric only.
    */
-  void didScheduleMountItems(UIManager uiManager);
+  public fun didScheduleMountItems(uiManager: UIManager): Unit
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerProvider.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerProvider.kt
similarity index 80%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerProvider.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerProvider.kt
index 1d9beb1ff76580..1c39113ca13866 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerProvider.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UIManagerProvider.kt
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.bridge;
+package com.facebook.react.bridge
 
-import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture
 
 /**
  * {@link UIManagerProvider} is used to create UIManager objects during the initialization of React
@@ -15,8 +15,8 @@
  * in isolation of others part of the new architecture of React Native.
  */
 @DeprecatedInNewArchitecture
-public interface UIManagerProvider {
+public fun interface UIManagerProvider {
 
   /* Provides a {@link com.facebook.react.bridge.UIManager} for the context received as a parameter. */
-  UIManager createUIManager(ReactApplicationContext context);
+  public fun createUIManager(context: ReactApplicationContext): UIManager?
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UiThreadUtil.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UiThreadUtil.java
index e4587e2711b3ba..024902a1e856fc 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UiThreadUtil.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/UiThreadUtil.java
@@ -15,7 +15,19 @@
 /** Utility for interacting with the UI thread. */
 public class UiThreadUtil {
 
-  @Nullable private static Handler sMainHandler;
+  private static volatile @Nullable Handler sMainHandler;
+
+  public static Handler getUiThreadHandler() {
+    // Double null-check to avoid unnecessary lock
+    if (sMainHandler == null) {
+      synchronized (UiThreadUtil.class) {
+        if (sMainHandler == null) {
+          sMainHandler = new Handler(Looper.getMainLooper());
+        }
+      }
+    }
+    return sMainHandler;
+  }
 
   /** @return {@code true} if the current thread is the UI thread. */
   public static boolean isOnUiThread() {
@@ -45,17 +57,17 @@ public static void assertNotOnUiThread() {
   }
 
   /** Runs the given {@code Runnable} on the UI thread. */
-  public static void runOnUiThread(Runnable runnable) {
-    runOnUiThread(runnable, 0);
+  public static boolean runOnUiThread(Runnable runnable) {
+    return getUiThreadHandler().postDelayed(runnable, 0);
   }
 
   /** Runs the given {@code Runnable} on the UI thread with the specified delay. */
-  public static void runOnUiThread(Runnable runnable, long delayInMs) {
-    synchronized (UiThreadUtil.class) {
-      if (sMainHandler == null) {
-        sMainHandler = new Handler(Looper.getMainLooper());
-      }
-    }
-    sMainHandler.postDelayed(runnable, delayInMs);
+  public static boolean runOnUiThread(Runnable runnable, long delayInMs) {
+    return getUiThreadHandler().postDelayed(runnable, delayInMs);
+  }
+
+  /** Removes the given {@code Runnable} on the UI thread. */
+  public static void removeOnUiThread(Runnable runnable) {
+    getUiThreadHandler().removeCallbacks(runnable);
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/interop/InteropModuleRegistry.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/interop/InteropModuleRegistry.java
index f47199edc63d80..412c6ddf59af6a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/interop/InteropModuleRegistry.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/interop/InteropModuleRegistry.java
@@ -26,7 +26,7 @@ public class InteropModuleRegistry {
   private final HashMap<Class, Object> supportedModules;
 
   public InteropModuleRegistry() {
-    this.supportedModules = new HashMap<>();
+    supportedModules = new HashMap<>();
   }
 
   public <T extends JavaScriptModule> boolean shouldReturnInteropModule(Class<T> requestedModule) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadHandler.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadHandler.java
index 010b6871593ea1..ddac0bfec7360f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadHandler.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadHandler.java
@@ -10,6 +10,8 @@
 import android.os.Handler;
 import android.os.Looper;
 import android.os.Message;
+import com.facebook.common.logging.FLog;
+import com.facebook.react.common.ReactConstants;
 
 /** Handler that can catch and dispatch Exceptions to an Exception handler. */
 public class MessageQueueThreadHandler extends Handler {
@@ -26,6 +28,15 @@ public void dispatchMessage(Message msg) {
     try {
       super.dispatchMessage(msg);
     } catch (Exception e) {
+      if (e instanceof NullPointerException) {
+        FLog.e(
+            ReactConstants.TAG,
+            "Caught NullPointerException when dispatching message in MessageQueueThreadHandler. This is likely caused by runnable"
+                + "(msg.callback) being nulled in Android Handler after dispatching and before handling (see T170239922 for more details)."
+                + "Currently we observe that it only happen once which is during initialisation. Due to fixing probably involve Android "
+                + "System code, we decide to ignore here for now and print an error message for debugging purpose in case this cause more serious issues in future.");
+        return;
+      }
       mExceptionHandler.handleException(e);
     }
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadImpl.java
index b5ed7d33843a55..223b2ff30015d2 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadImpl.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/bridge/queue/MessageQueueThreadImpl.java
@@ -190,9 +190,8 @@ public static MessageQueueThreadImpl create(
   /** @return a MessageQueueThreadImpl corresponding to Android's main UI thread. */
   private static MessageQueueThreadImpl createForMainThread(
       String name, QueueThreadExceptionHandler exceptionHandler) {
-    Looper mainLooper = Looper.getMainLooper();
     final MessageQueueThreadImpl mqt =
-        new MessageQueueThreadImpl(name, mainLooper, exceptionHandler);
+        new MessageQueueThreadImpl(name, Looper.getMainLooper(), exceptionHandler);
 
     if (UiThreadUtil.isOnUiThread()) {
       Process.setThreadPriority(Process.THREAD_PRIORITY_DISPLAY);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/DebugServerException.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/DebugServerException.java
index 4170256331f7d9..94c03ba74a42ce 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/DebugServerException.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/DebugServerException.java
@@ -12,6 +12,7 @@
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 import org.json.JSONException;
 import org.json.JSONObject;
 
@@ -19,6 +20,7 @@
  * Tracks errors connecting to or received from the debug server. The debug server returns errors as
  * json objects. This exception represents that error.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class DebugServerException extends RuntimeException {
   private static final String GENERIC_ERROR_MESSAGE =
       "\n\nTry the following to fix the issue:\n"
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/JavascriptException.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/JavascriptException.java
index b3945ee2508057..e8caa1c6bff93d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/JavascriptException.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/JavascriptException.java
@@ -7,6 +7,7 @@
 
 package com.facebook.react.common;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.proguard.annotations.DoNotStrip;
 import javax.annotation.Nullable;
 
@@ -14,6 +15,7 @@
  * A JS exception that was propagated to native. In debug mode, these exceptions are normally shown
  * to developers in a redbox.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @DoNotStrip
 public class JavascriptException extends RuntimeException
     implements HasJavascriptExceptionMetadata {
@@ -25,7 +27,7 @@ public JavascriptException(String jsStackTrace) {
   }
 
   public @Nullable String getExtraDataAsJson() {
-    return this.extraDataAsJson;
+    return extraDataAsJson;
   }
 
   public JavascriptException setExtraDataAsJson(@Nullable String extraDataAsJson) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/LifecycleState.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/LifecycleState.java
index ebbd384b8a5632..e106d2dbc1d5fc 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/LifecycleState.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/LifecycleState.java
@@ -7,6 +7,8 @@
 
 package com.facebook.react.common;
 
+import com.facebook.infer.annotation.Nullsafe;
+
 /**
  * Lifecycle state for an Activity. The state right after pause and right before resume are the
  * basically the same so this enum is in terms of the forward lifecycle progression (onResume, etc).
@@ -21,6 +23,7 @@
  * <p>RESUMED is used when a ReactRootView is rendered on the screen and the user can interact with
  * it.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public enum LifecycleState {
   BEFORE_CREATE,
   BEFORE_RESUME,
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/LongArray.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/LongArray.java
index 3ef68f0b284214..30e4321c964d5a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/LongArray.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/LongArray.java
@@ -7,7 +7,10 @@
 
 package com.facebook.react.common;
 
+import com.facebook.infer.annotation.Nullsafe;
+
 /** Object wrapping an auto-expanding long[]. Like an ArrayList<Long> but without the autoboxing. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class LongArray {
 
   private static final double INNER_ARRAY_GROWTH_FACTOR = 1.8;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/MapBuilder.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/MapBuilder.java
index 42492ce7bce280..6fd7086ba2a26f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/MapBuilder.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/MapBuilder.java
@@ -7,10 +7,12 @@
 
 package com.facebook.react.common;
 
+import com.facebook.infer.annotation.Nullsafe;
 import java.util.HashMap;
 import java.util.Map;
 
 /** Utility class for creating maps */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class MapBuilder {
 
   /** Creates an instance of {@code HashMap} */
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/ReactConstants.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/ReactConstants.java
index 3f438506daa3a5..98fa3b0ad0faf7 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/ReactConstants.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/ReactConstants.java
@@ -7,7 +7,18 @@
 
 package com.facebook.react.common;
 
+import com.facebook.infer.annotation.Nullsafe;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ReactConstants {
 
   public static final String TAG = "ReactNative";
+
+  /**
+   * Some types have built-in support for representing a "missing" or "unset" value, for example NaN
+   * in the case of floating point numbers or null in the case of object references. Integers don't
+   * have such a special value. When an integer represent an inherently non-negative value, we use a
+   * special negative value to mark it as "unset".
+   */
+  public static final int UNSET = -1;
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java
index 9ebcea248e6e61..9979e9dea080a9 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/ShakeDetector.java
@@ -13,9 +13,11 @@
 import android.hardware.SensorManager;
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.infer.annotation.Nullsafe;
 import java.util.concurrent.TimeUnit;
 
 /** Listens for the user shaking their phone. Allocation-less once it starts listening. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ShakeDetector implements SensorEventListener {
   // Collect sensor data in this interval (nanoseconds)
   private static final long MIN_TIME_BETWEEN_SAMPLES_NS =
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/SingleThreadAsserter.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/SingleThreadAsserter.java
index 6335961e22e0be..0fa4a093ecddaa 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/SingleThreadAsserter.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/SingleThreadAsserter.java
@@ -9,8 +9,10 @@
 
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.infer.annotation.Nullsafe;
 
 /** Simple class for asserting that operations only run on a single thread. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class SingleThreadAsserter {
   private @Nullable Thread mThread = null;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/StandardCharsets.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/StandardCharsets.java
index 4c886ef03832c6..f2684c42b2aa04 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/StandardCharsets.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/StandardCharsets.java
@@ -7,12 +7,14 @@
 
 package com.facebook.react.common;
 
+import com.facebook.infer.annotation.Nullsafe;
 import java.nio.charset.Charset;
 
 /**
  * Not all versions of Android SDK have this class in nio package. This is the reason to have it
  * around.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @Deprecated(
     since = "Deprecated class since v0.73.0, please use java.nio.charset.StandardCharsets instead.",
     forRemoval = true)
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/SystemClock.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/SystemClock.java
index e331962addbb5e..53aada5deb7b95 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/SystemClock.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/SystemClock.java
@@ -7,10 +7,13 @@
 
 package com.facebook.react.common;
 
+import com.facebook.infer.annotation.Nullsafe;
+
 /**
  * Detour for System.currentTimeMillis and System.nanoTime calls so that they can be mocked out in
  * tests.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class SystemClock {
 
   public static long currentTimeMillis() {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/DeprecatedInNewArchitecture.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/DeprecatedInNewArchitecture.kt
index 2770678c49e437..be2c473d450b78 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/DeprecatedInNewArchitecture.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/DeprecatedInNewArchitecture.kt
@@ -13,4 +13,4 @@ package com.facebook.react.common.annotations
  */
 @Retention(AnnotationRetention.SOURCE)
 @Target(AnnotationTarget.CLASS, AnnotationTarget.FUNCTION)
-annotation class DeprecatedInNewArchitecture(val message: String = "")
+public annotation class DeprecatedInNewArchitecture(val message: String = "")
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/FrameworkAPI.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/FrameworkAPI.kt
index 3d3d5b9e9c8419..37e2863356003f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/FrameworkAPI.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/FrameworkAPI.kt
@@ -15,4 +15,4 @@ package com.facebook.react.common.annotations
         "This API is provided only for React Native frameworks and not intended for general users. " +
             "This API can change between minor versions in alignment with React Native frameworks " +
             "and won't be considered a breaking change.")
-annotation class FrameworkAPI
+public annotation class FrameworkAPI
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/StableReactNativeAPI.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/StableReactNativeAPI.kt
new file mode 100644
index 00000000000000..5831f76bc87fcc
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/StableReactNativeAPI.kt
@@ -0,0 +1,13 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.common.annotations
+
+/** This API is stable and is likely not to change in the New Architecture of React Native. */
+@Retention(AnnotationRetention.SOURCE)
+@Target(AnnotationTarget.CLASS, AnnotationTarget.FUNCTION, AnnotationTarget.PROPERTY)
+public annotation class StableReactNativeAPI
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/UnstableReactNativeAPI.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/UnstableReactNativeAPI.kt
index 5ae0b1779a3b24..bd728efc578e15 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/UnstableReactNativeAPI.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/UnstableReactNativeAPI.kt
@@ -12,4 +12,4 @@ package com.facebook.react.common.annotations
 @RequiresOptIn(
     level = RequiresOptIn.Level.ERROR,
     message = "This API is experimental and is likely to change or to be removed in the future")
-annotation class UnstableReactNativeAPI
+public annotation class UnstableReactNativeAPI
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/VisibleForTesting.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/VisibleForTesting.kt
index 5628249c45f290..5d30f3ef8272ef 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/VisibleForTesting.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/annotations/VisibleForTesting.kt
@@ -11,4 +11,4 @@ package com.facebook.react.common.annotations
  * Annotates a method that should have restricted visibility but it's required to be public for use
  * in test code only.
  */
-annotation class VisibleForTesting
+public annotation class VisibleForTesting
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/assets/ReactFontManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/assets/ReactFontManager.java
index 7e7df01bd140ff..62efef79e734a6 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/assets/ReactFontManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/assets/ReactFontManager.java
@@ -15,6 +15,7 @@
 import androidx.annotation.Nullable;
 import androidx.core.content.res.ResourcesCompat;
 import com.facebook.infer.annotation.Nullsafe;
+import com.facebook.react.common.ReactConstants;
 import java.util.HashMap;
 import java.util.Map;
 
@@ -167,8 +168,6 @@ public static class TypefaceStyle {
 
     public static final int BOLD = 700;
     public static final int NORMAL = 400;
-    public static final int UNSET = -1;
-
     private static final int MIN_WEIGHT = 1;
     private static final int MAX_WEIGHT = 1000;
 
@@ -177,11 +176,11 @@ public static class TypefaceStyle {
 
     public TypefaceStyle(int weight, boolean italic) {
       mItalic = italic;
-      mWeight = weight == UNSET ? NORMAL : weight;
+      mWeight = weight == ReactConstants.UNSET ? NORMAL : weight;
     }
 
     public TypefaceStyle(int style) {
-      if (style == UNSET) {
+      if (style == ReactConstants.UNSET) {
         style = Typeface.NORMAL;
       }
 
@@ -194,12 +193,13 @@ public TypefaceStyle(int style) {
      * existing weight bit in `style` will be used.
      */
     public TypefaceStyle(int style, int weight) {
-      if (style == UNSET) {
+      if (style == ReactConstants.UNSET) {
         style = Typeface.NORMAL;
       }
 
       mItalic = (style & Typeface.ITALIC) != 0;
-      mWeight = weight == UNSET ? (style & Typeface.BOLD) != 0 ? BOLD : NORMAL : weight;
+      mWeight =
+          weight == ReactConstants.UNSET ? (style & Typeface.BOLD) != 0 ? BOLD : NORMAL : weight;
     }
 
     public int getNearestStyle() {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/futures/SimpleSettableFuture.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/futures/SimpleSettableFuture.java
index faab9a04efbe66..14c618e4a5d08a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/futures/SimpleSettableFuture.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/futures/SimpleSettableFuture.java
@@ -8,6 +8,7 @@
 package com.facebook.react.common.futures;
 
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import java.util.concurrent.CountDownLatch;
 import java.util.concurrent.ExecutionException;
 import java.util.concurrent.Future;
@@ -18,6 +19,7 @@
  * A super simple Future-like class that can safely notify another Thread when a value is ready.
  * Does not support canceling.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class SimpleSettableFuture<T> implements Future<T> {
   private final CountDownLatch mReadyLatch = new CountDownLatch(1);
   private @Nullable T mResult;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/MapBuffer.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/MapBuffer.kt
index c9f8789a9fb71b..301837032fbbf0 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/MapBuffer.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/MapBuffer.kt
@@ -7,6 +7,8 @@
 
 package com.facebook.react.common.mapbuffer
 
+import com.facebook.react.common.annotations.StableReactNativeAPI
+
 /**
  * MapBuffer is an optimized sparse array format for transferring props-like data between C++ and
  * JNI. It is designed to:
@@ -23,8 +25,9 @@ package com.facebook.react.common.mapbuffer
  * - O(log(N)) random key access for native buffers due to selected structure. Faster access can be
  *   achieved by retrieving [MapBuffer.Entry] with [entryAt] on known offsets.
  */
-interface MapBuffer : Iterable<MapBuffer.Entry> {
-  companion object {
+@StableReactNativeAPI
+public interface MapBuffer : Iterable<MapBuffer.Entry> {
+  public companion object {
     /**
      * Key are represented as 2 byte values, and typed as Int for ease of access. The serialization
      * format only allows to store [UShort] values.
@@ -36,7 +39,7 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    * Data types supported by [MapBuffer]. Keep in sync with definition in
    * `<react/renderer/mapbuffer/MapBuffer.h>`, as enum serialization relies on correct order.
    */
-  enum class DataType {
+  public enum class DataType {
     BOOL,
     INT,
     DOUBLE,
@@ -49,7 +52,7 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    *
    * @return number of elements in the [MapBuffer]
    */
-  val count: Int
+  public val count: Int
 
   /**
    * Checks whether entry for given key exists in MapBuffer.
@@ -57,7 +60,7 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    * @param key key to lookup the entry
    * @return whether entry for the given key exists in the MapBuffer.
    */
-  fun contains(key: Int): Boolean
+  public fun contains(key: Int): Boolean
 
   /**
    * Provides offset of the key to use for [entryAt], for cases when offset is not statically known
@@ -66,7 +69,7 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    * @param key key to lookup offset for
    * @return offset for the given key to be used for entry access, -1 if key wasn't found.
    */
-  fun getKeyOffset(key: Int): Int
+  public fun getKeyOffset(key: Int): Int
 
   /**
    * Provides parsed access to a MapBuffer without additional lookups for provided offset.
@@ -75,7 +78,7 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    *   [getKeyOffset].
    * @return parsed entry for structured access for given offset
    */
-  fun entryAt(offset: Int): MapBuffer.Entry
+  public fun entryAt(offset: Int): MapBuffer.Entry
 
   /**
    * Provides parsed [DataType] annotation associated with the given key.
@@ -84,7 +87,7 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    * @return data type of the given key.
    * @throws IllegalArgumentException if the key doesn't exist
    */
-  fun getType(key: Int): DataType
+  public fun getType(key: Int): DataType
 
   /**
    * Provides parsed [Boolean] value if the entry for given key exists with [DataType.BOOL] type
@@ -94,7 +97,7 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    * @throws IllegalArgumentException if the key doesn't exist
    * @throws IllegalStateException if the data type doesn't match
    */
-  fun getBoolean(key: Int): Boolean
+  public fun getBoolean(key: Int): Boolean
 
   /**
    * Provides parsed [Int] value if the entry for given key exists with [DataType.INT] type
@@ -104,7 +107,7 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    * @throws IllegalArgumentException if the key doesn't exist
    * @throws IllegalStateException if the data type doesn't match
    */
-  fun getInt(key: Int): Int
+  public fun getInt(key: Int): Int
 
   /**
    * Provides parsed [Double] value if the entry for given key exists with [DataType.DOUBLE] type
@@ -114,7 +117,7 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    * @throws IllegalArgumentException if the key doesn't exist
    * @throws IllegalStateException if the data type doesn't match
    */
-  fun getDouble(key: Int): Double
+  public fun getDouble(key: Int): Double
 
   /**
    * Provides parsed [String] value if the entry for given key exists with [DataType.STRING] type
@@ -124,7 +127,7 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    * @throws IllegalArgumentException if the key doesn't exist
    * @throws IllegalStateException if the data type doesn't match
    */
-  fun getString(key: Int): String
+  public fun getString(key: Int): String
 
   /**
    * Provides parsed [MapBuffer] value if the entry for given key exists with [DataType.MAP] type
@@ -134,7 +137,7 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    * @throws IllegalArgumentException if the key doesn't exist
    * @throws IllegalStateException if the data type doesn't match
    */
-  fun getMapBuffer(key: Int): MapBuffer
+  public fun getMapBuffer(key: Int): MapBuffer
 
   /**
    * Provides parsed [List<MapBuffer>] value if the entry for given key exists with [DataType.MAP]
@@ -145,52 +148,52 @@ interface MapBuffer : Iterable<MapBuffer.Entry> {
    * @throws IllegalArgumentException if the key doesn't exist
    * @throws IllegalStateException if the data type doesn't match
    */
-  fun getMapBufferList(key: Int): List<MapBuffer>
+  public fun getMapBufferList(key: Int): List<MapBuffer>
 
   /** Iterable entry representing parsed MapBuffer values */
-  interface Entry {
+  public interface Entry {
     /**
      * Key of the given entry. Usually represented as 2 byte unsigned integer with the value range
      * of [0,65536)
      */
-    val key: Int
+    public val key: Int
 
     /** Parsed [DataType] of the entry */
-    val type: DataType
+    public val type: DataType
 
     /**
      * Entry value represented as [Boolean]
      *
      * @throws IllegalStateException if the data type doesn't match [DataType.BOOL]
      */
-    val booleanValue: Boolean
+    public val booleanValue: Boolean
 
     /**
      * Entry value represented as [Int]
      *
      * @throws IllegalStateException if the data type doesn't match [DataType.INT]
      */
-    val intValue: Int
+    public val intValue: Int
 
     /**
      * Entry value represented as [Double]
      *
      * @throws IllegalStateException if the data type doesn't match [DataType.DOUBLE]
      */
-    val doubleValue: Double
+    public val doubleValue: Double
 
     /**
      * Entry value represented as [String]
      *
      * @throws IllegalStateException if the data type doesn't match [DataType.STRING]
      */
-    val stringValue: String
+    public val stringValue: String
 
     /**
      * Entry value represented as [MapBuffer]
      *
      * @throws IllegalStateException if the data type doesn't match [DataType.MAP]
      */
-    val mapBufferValue: MapBuffer
+    public val mapBufferValue: MapBuffer
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/MapBufferSoLoader.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/MapBufferSoLoader.kt
index f88cb5572ef67d..1c9536cc3fb0b0 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/MapBufferSoLoader.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/MapBufferSoLoader.kt
@@ -9,14 +9,16 @@ package com.facebook.react.common.mapbuffer
 
 import com.facebook.react.bridge.ReactMarker
 import com.facebook.react.bridge.ReactMarkerConstants
+import com.facebook.react.common.annotations.StableReactNativeAPI
 import com.facebook.soloader.SoLoader
 import com.facebook.systrace.Systrace
 
-object MapBufferSoLoader {
+@StableReactNativeAPI
+public object MapBufferSoLoader {
   @Volatile private var didInit = false
 
   @JvmStatic
-  fun staticInit() {
+  public fun staticInit() {
     if (didInit) {
       return
     }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/ReadableMapBuffer.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/ReadableMapBuffer.kt
index 329f8701f5f8b2..66add82a7e9e23 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/ReadableMapBuffer.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/ReadableMapBuffer.kt
@@ -9,6 +9,7 @@ package com.facebook.react.common.mapbuffer
 
 import com.facebook.jni.HybridData
 import com.facebook.proguard.annotations.DoNotStrip
+import com.facebook.react.common.annotations.StableReactNativeAPI
 import com.facebook.react.common.mapbuffer.MapBuffer.Companion.KEY_RANGE
 import java.lang.StringBuilder
 import java.nio.ByteBuffer
@@ -21,9 +22,10 @@ import javax.annotation.concurrent.NotThreadSafe
  *
  * See [MapBuffer] documentation for more details
  */
+@StableReactNativeAPI
 @NotThreadSafe
 @DoNotStrip
-class ReadableMapBuffer : MapBuffer {
+public class ReadableMapBuffer : MapBuffer {
 
   // Hybrid data must be kept in the `mHybridData` field for fbjni to work
   @field:DoNotStrip private val mHybridData: HybridData?
@@ -31,18 +33,18 @@ class ReadableMapBuffer : MapBuffer {
   // Byte data of the mapBuffer
   private val buffer: ByteBuffer
   // Amount of items serialized on the ByteBuffer
-  override var count = 0
+  override var count: Int = 0
     private set
 
   @DoNotStrip
   private constructor(hybridData: HybridData) {
-    this.mHybridData = hybridData
-    this.buffer = importByteBuffer()
+    mHybridData = hybridData
+    buffer = importByteBuffer()
     readHeader()
   }
 
   private constructor(buffer: ByteBuffer) {
-    this.mHybridData = null
+    mHybridData = null
     this.buffer = buffer
     readHeader()
   }
@@ -297,7 +299,7 @@ class ReadableMapBuffer : MapBuffer {
       }
   }
 
-  companion object {
+  public companion object {
     // Value used to verify if the data is serialized with LittleEndian order.
     private const val ALIGNMENT = 0xFE
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/WritableMapBuffer.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/WritableMapBuffer.kt
index c3f161b518e53b..fb145f4dddf697 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/WritableMapBuffer.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/mapbuffer/WritableMapBuffer.kt
@@ -9,6 +9,7 @@ package com.facebook.react.common.mapbuffer
 
 import android.util.SparseArray
 import com.facebook.proguard.annotations.DoNotStrip
+import com.facebook.react.common.annotations.StableReactNativeAPI
 import com.facebook.react.common.mapbuffer.MapBuffer.Companion.KEY_RANGE
 import com.facebook.react.common.mapbuffer.MapBuffer.DataType
 import javax.annotation.concurrent.NotThreadSafe
@@ -19,9 +20,10 @@ import javax.annotation.concurrent.NotThreadSafe
  *
  * See [MapBuffer] for more details
  */
+@StableReactNativeAPI
 @NotThreadSafe
 @DoNotStrip
-class WritableMapBuffer : MapBuffer {
+public class WritableMapBuffer : MapBuffer {
   private val values: SparseArray<Any> = SparseArray<Any>()
 
   /*
@@ -35,7 +37,7 @@ class WritableMapBuffer : MapBuffer {
    * @param value entry value
    * @throws IllegalArgumentException if key is out of [UShort] range
    */
-  fun put(key: Int, value: Boolean): WritableMapBuffer = putInternal(key, value)
+  public fun put(key: Int, value: Boolean): WritableMapBuffer = putInternal(key, value)
 
   /**
    * Adds an int value for given key to the MapBuffer.
@@ -44,7 +46,7 @@ class WritableMapBuffer : MapBuffer {
    * @param value entry value
    * @throws IllegalArgumentException if key is out of [UShort] range
    */
-  fun put(key: Int, value: Int): WritableMapBuffer = putInternal(key, value)
+  public fun put(key: Int, value: Int): WritableMapBuffer = putInternal(key, value)
 
   /**
    * Adds a double value for given key to the MapBuffer.
@@ -53,7 +55,7 @@ class WritableMapBuffer : MapBuffer {
    * @param value entry value
    * @throws IllegalArgumentException if key is out of [UShort] range
    */
-  fun put(key: Int, value: Double): WritableMapBuffer = putInternal(key, value)
+  public fun put(key: Int, value: Double): WritableMapBuffer = putInternal(key, value)
 
   /**
    * Adds a string value for given key to the MapBuffer.
@@ -62,7 +64,7 @@ class WritableMapBuffer : MapBuffer {
    * @param value entry value
    * @throws IllegalArgumentException if key is out of [UShort] range
    */
-  fun put(key: Int, value: String): WritableMapBuffer = putInternal(key, value)
+  public fun put(key: Int, value: String): WritableMapBuffer = putInternal(key, value)
 
   /**
    * Adds a [MapBuffer] value for given key to the current MapBuffer.
@@ -71,7 +73,7 @@ class WritableMapBuffer : MapBuffer {
    * @param value entry value
    * @throws IllegalArgumentException if key is out of [UShort] range
    */
-  fun put(key: Int, value: MapBuffer): WritableMapBuffer = putInternal(key, value)
+  public fun put(key: Int, value: MapBuffer): WritableMapBuffer = putInternal(key, value)
 
   private fun putInternal(key: Int, value: Any): WritableMapBuffer {
     require(key in KEY_RANGE) {
@@ -175,7 +177,7 @@ class WritableMapBuffer : MapBuffer {
   /** JNI hook for MapBuffer to retrieve sorted values from this class. */
   private fun getValues(): Array<Any> = Array(values.size()) { values.valueAt(it) }
 
-  companion object {
+  private companion object {
     init {
       MapBufferSoLoader.staticInit()
     }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/network/OkHttpCallUtil.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/network/OkHttpCallUtil.java
index b581f14c7a66f5..a71f7113dc0e9f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/network/OkHttpCallUtil.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/common/network/OkHttpCallUtil.java
@@ -7,12 +7,14 @@
 
 package com.facebook.react.common.network;
 
+import com.facebook.infer.annotation.Nullsafe;
 import okhttp3.Call;
 import okhttp3.OkHttpClient;
 
 /**
  * Helper class that provides the necessary methods for canceling queued and running OkHttp calls
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class OkHttpCallUtil {
 
   private OkHttpCallUtil() {}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/config/ReactFeatureFlags.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/config/ReactFeatureFlags.java
index e7de36ee272534..f122d195bbab6b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/config/ReactFeatureFlags.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/config/ReactFeatureFlags.java
@@ -7,7 +7,9 @@
 
 package com.facebook.react.config;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.proguard.annotations.DoNotStripAny;
+import com.facebook.react.common.build.ReactBuildConfig;
 
 /**
  * Hi there, traveller! This configuration class is not meant to be used by end-users of RN. It
@@ -16,12 +18,14 @@
  *
  * <p>These values are safe defaults and should not require manual changes.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
+@Deprecated(since = "Use com.facebook.react.internal.featureflags.ReactNativeFeatureFlags instead.")
 @DoNotStripAny
 public class ReactFeatureFlags {
   /**
    * Should this application use TurboModules? If yes, then any module that inherits {@link
-   * com.facebook.react.internal.turbomodule.core.interfaces.TurboModule} will NOT be passed in to
-   * C++ CatalystInstanceImpl
+   * com.facebook.react.turbomodule.core.interfaces.TurboModule} will NOT be passed in to C++
+   * CatalystInstanceImpl
    */
   public static volatile boolean useTurboModules = false;
 
@@ -36,6 +40,10 @@ public class ReactFeatureFlags {
    */
   public static volatile boolean unstable_useTurboModuleInteropForAllTurboModules = false;
 
+  /**
+   * By default, native module methods that return void run asynchronously. This flag will make
+   * execution of void methods in TurboModules stay on the JS thread.
+   */
   public static volatile boolean unstable_enableTurboModuleSyncVoidMethods = false;
 
   /**
@@ -52,13 +60,6 @@ public class ReactFeatureFlags {
    */
   public static volatile boolean unstable_useFabricInterop = false;
 
-  /**
-   * Should this application always use the Native RuntimeScheduler? If yes, we'll be instantiating
-   * it over all the architectures (both Old and New). This is intentionally set to true as we want
-   * to use it more as a kill-switch to turn off this feature to potentially debug issues.
-   */
-  public static volatile boolean unstable_useRuntimeSchedulerAlways = true;
-
   /**
    * Feature flag to enable the new bridgeless architecture. Note: Enabling this will force enable
    * the following flags: `useTurboModules` & `enableFabricRenderer`.
@@ -74,7 +75,7 @@ public class ReactFeatureFlags {
   public static volatile boolean enableBridgelessArchitectureSoftExceptions = false;
 
   /** Does the bridgeless architecture use the new create/reload/destroy routines */
-  public static volatile boolean enableBridgelessArchitectureNewCreateReloadDestroy = false;
+  public static volatile boolean enableBridgelessArchitectureNewCreateReloadDestroy = true;
 
   /** This feature flag enables logs for Fabric */
   public static boolean enableFabricLogs = false;
@@ -108,63 +109,35 @@ public class ReactFeatureFlags {
    */
   public static boolean enableRemoveDeleteTreeInstruction = false;
 
-  /** Temporary flag to allow execution of mount items up to 15ms earlier than normal. */
-  public static boolean enableEarlyScheduledMountItemExecution = false;
-
-  /**
-   * Allow closing the small gap that appears between paths when drawing a rounded View with a
-   * border.
-   */
-  public static boolean enableCloseVisibleGapBetweenPaths = true;
-
-  /**
-   * Allow fix in layout animation to drop delete...create mutations which could cause missing view
-   * state in Fabric SurfaceMountingManager.
-   */
-  public static boolean reduceDeleteCreateMutationLayoutAnimation = true;
-
-  /**
-   * Allow fix to drop delete...create mutations which could cause missing view state in Fabric
-   * SurfaceMountingManager.
-   */
-  public static boolean reduceDeleteCreateMutation = false;
-
-  /**
-   * Use JSI NativeState API to store references to native objects rather than the more expensive
-   * HostObject pattern
-   */
-  public static boolean useNativeState = false;
-
   /** Report mount operations from the host platform to notify mount hooks. */
   public static boolean enableMountHooks = false;
 
-  /** Fixes a leak in SurfaceMountingManager.mTagSetForStoppedSurface */
-  public static boolean fixStoppedSurfaceTagSetLeak = true;
-
-  /** Disable the background executor for layout in Fabric */
-  public static boolean enableBackgroundExecutor = false;
-
   /** Use native view configs in bridgeless mode. */
   public static boolean useNativeViewConfigsInBridgelessMode = false;
 
-  /** Only swap left and right on Android in RTL scripts. */
-  public static boolean doNotSwapLeftAndRightOnAndroidInLTR = false;
-
-  /** Clean yoga node when <Text /> does not change. */
-  public static boolean enableCleanParagraphYogaNode = false;
-
-  /** Default state updates and events to async batched priority. */
-  public static boolean enableDefaultAsyncBatchedPriority = false;
-
-  /** Utilize shared Event C++ pipeline with fabric's renderer */
-  public static boolean enableFabricSharedEventPipeline = false;
-
   /** When enabled, Fabric will avoid cloning notes to perform state progression. */
   public static boolean enableClonelessStateProgression = false;
 
   /** When enabled, rawProps in Props will not include Yoga specific props. */
   public static boolean excludeYogaFromRawProps = false;
 
-  /** Enables Stable API for TurboModule (removal of ReactModule, ReactModuleInfoProvider). */
-  public static boolean enableTurboModuleStableAPI = false;
+  /**
+   * Enables storing js caller stack when creating promise in native module. This is useful in case
+   * of Promise rejection and tracing the cause.
+   */
+  public static boolean traceTurboModulePromiseRejections = ReactBuildConfig.DEBUG;
+
+  /**
+   * Enables auto rejecting promises from Turbo Modules method calls. If native error occurs Promise
+   * in JS will be rejected (The JS error will include native stack)
+   */
+  public static boolean rejectTurboModulePromiseOnNativeError = true;
+
+  /*
+   * When the app is completely migrated to Fabric, set this flag to true to
+   * disable parts of Paper infrastructure that are not needed anymore but consume
+   * memory and CPU. Specifically, UIViewOperationQueue and EventDispatcherImpl will no
+   * longer work as they won't subscribe to ReactChoreographer for updates.
+   */
+  public static boolean enableFabricRendererExclusively = false;
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultBindingsInstaller.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultBindingsInstaller.kt
index d0573dc405097b..06a47d80908ebb 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultBindingsInstaller.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultBindingsInstaller.kt
@@ -15,4 +15,6 @@ import com.facebook.react.runtime.BindingsInstaller
  * A utility class that provides users a default [BindingsInstaller] class that's used to initialize
  * [ReactHostDelegate]
  */
-@DoNotStrip @UnstableReactNativeAPI class DefaultBindingsInstaller : BindingsInstaller(null) {}
+@DoNotStrip
+@UnstableReactNativeAPI
+public class DefaultBindingsInstaller : BindingsInstaller(null) {}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultComponentsRegistry.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultComponentsRegistry.kt
index 131804140ee901..a4f7baeeea1f38 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultComponentsRegistry.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultComponentsRegistry.kt
@@ -19,17 +19,24 @@ import com.facebook.react.fabric.ComponentFactory
  * is hosted inside the React Native framework
  */
 @DoNotStrip
-class DefaultComponentsRegistry
+public class DefaultComponentsRegistry
 @DoNotStrip
 private constructor(componentFactory: ComponentFactory) {
 
-  @DoNotStrip private val hybridData: HybridData = initHybrid(componentFactory)
+  @DoNotStrip
+  @Suppress("NoHungarianNotation")
+  private val mHybridData: HybridData = initHybrid(componentFactory)
 
   @DoNotStrip private external fun initHybrid(componentFactory: ComponentFactory): HybridData
 
-  companion object {
+  public companion object {
+    init {
+      DefaultSoLoader.maybeLoadSoLibrary()
+    }
+
     @JvmStatic
     @DoNotStrip
-    fun register(componentFactory: ComponentFactory) = DefaultComponentsRegistry(componentFactory)
+    public fun register(componentFactory: ComponentFactory): DefaultComponentsRegistry =
+        DefaultComponentsRegistry(componentFactory)
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultJSIModulePackage.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultJSIModulePackage.kt
deleted file mode 100644
index f1328997c849ea..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultJSIModulePackage.kt
+++ /dev/null
@@ -1,59 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.defaults
-
-import com.facebook.react.ReactNativeHost
-import com.facebook.react.bridge.JSIModulePackage
-import com.facebook.react.bridge.JSIModuleProvider
-import com.facebook.react.bridge.JSIModuleSpec
-import com.facebook.react.bridge.JSIModuleType
-import com.facebook.react.bridge.JavaScriptContextHolder
-import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.bridge.UIManager
-import com.facebook.react.fabric.ComponentFactory
-import com.facebook.react.fabric.FabricJSIModuleProvider
-import com.facebook.react.fabric.ReactNativeConfig
-import com.facebook.react.uimanager.ViewManagerRegistry
-
-/**
- * A utility class that allows users to create a JSIModulePackage to use Fabric. This essentially
- * allows users to just provide C++ implementation for the methods of `DefaultComponentsRegistry`
- * without providing all the extra machinery for the New Architecture.
- *
- * `ReactNativeHost` is required to create Fabric's ViewManagers.
- */
-class DefaultJSIModulePackage(private val reactNativeHost: ReactNativeHost) : JSIModulePackage {
-
-  override fun getJSIModules(
-      reactApplicationContext: ReactApplicationContext,
-      jsContext: JavaScriptContextHolder
-  ): List<JSIModuleSpec<UIManager>> =
-      listOf<JSIModuleSpec<UIManager>>(JSIModuleForFabric(reactApplicationContext, reactNativeHost))
-
-  private inner class JSIModuleForFabric(
-      private val reactApplicationContext: ReactApplicationContext,
-      private val reactNativeHost: ReactNativeHost
-  ) : JSIModuleSpec<UIManager> {
-    override fun getJSIModuleType(): JSIModuleType = JSIModuleType.UIManager
-
-    override fun getJSIModuleProvider(): JSIModuleProvider<UIManager> {
-      val componentFactory = ComponentFactory()
-
-      DefaultComponentsRegistry.register(componentFactory)
-
-      val viewManagers =
-          reactNativeHost.reactInstanceManager.getOrCreateViewManagers(reactApplicationContext)
-      val viewManagerRegistry = ViewManagerRegistry(viewManagers)
-      return FabricJSIModuleProvider(
-          reactApplicationContext,
-          componentFactory,
-          ReactNativeConfig.DEFAULT_CONFIG,
-          viewManagerRegistry)
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultNewArchitectureEntryPoint.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultNewArchitectureEntryPoint.kt
index fa6ff875dda211..59ffe9bccb7875 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultNewArchitectureEntryPoint.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultNewArchitectureEntryPoint.kt
@@ -5,10 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+@file:Suppress("DEPRECATION") // We want to use ReactFeatureFlags here specifically
+
 package com.facebook.react.defaults
 
+import com.facebook.react.common.annotations.VisibleForTesting
 import com.facebook.react.config.ReactFeatureFlags
-import com.facebook.soloader.SoLoader
 
 /**
  * A utility class that serves as an entry point for users setup the New Architecture.
@@ -19,65 +21,71 @@ import com.facebook.soloader.SoLoader
  * By default it loads a library called `appmodules`. `appmodules` is a convention used to refer to
  * the application dynamic library. If changed here should be updated also inside the template.
  *
- * By default it also enables both TurboModules, Fabric and Concurrent React (aka React 18)
+ * By default it also enables both TurboModules, Fabric and Concurrent React (aka React 18), and
+ * Bridgeless
  */
-object DefaultNewArchitectureEntryPoint {
+public object DefaultNewArchitectureEntryPoint {
   @JvmStatic
   @JvmOverloads
-  fun load(
+  public fun load(
       turboModulesEnabled: Boolean = true,
       fabricEnabled: Boolean = true,
-      bridgelessEnabled: Boolean = false,
-      dynamicLibraryName: String = "appmodules",
+      bridgelessEnabled: Boolean = true
   ) {
+    val (isValid, errorMessage) =
+        isConfigurationValid(turboModulesEnabled, fabricEnabled, bridgelessEnabled)
+    if (!isValid) {
+      error(errorMessage)
+    }
     ReactFeatureFlags.useTurboModules = turboModulesEnabled
     ReactFeatureFlags.enableFabricRenderer = fabricEnabled
     ReactFeatureFlags.unstable_useFabricInterop = fabricEnabled
     ReactFeatureFlags.enableBridgelessArchitecture = bridgelessEnabled
     ReactFeatureFlags.useNativeViewConfigsInBridgelessMode = fabricEnabled && bridgelessEnabled
     ReactFeatureFlags.unstable_useTurboModuleInterop = bridgelessEnabled
+    ReactFeatureFlags.enableFabricPendingEventQueue = fabricEnabled
 
-    this.privateFabricEnabled = fabricEnabled
-    this.privateTurboModulesEnabled = turboModulesEnabled
-    this.privateConcurrentReactEnabled = fabricEnabled
-    this.privateBridgelessEnabled = bridgelessEnabled
+    privateFabricEnabled = fabricEnabled
+    privateTurboModulesEnabled = turboModulesEnabled
+    privateConcurrentReactEnabled = fabricEnabled
+    privateBridgelessEnabled = bridgelessEnabled
 
-    SoLoader.loadLibrary("react_newarchdefaults")
-    SoLoader.loadLibrary(dynamicLibraryName)
-  }
-
-  @Deprecated(
-      message =
-          "Calling DefaultNewArchitectureEntryPoint.load() with different fabricEnabled and concurrentReactEnabled is deprecated. Please use a single flag for both Fabric and Concurrent React",
-      replaceWith = ReplaceWith("load(turboModulesEnabled, fabricEnabled, dynamicLibraryName)"),
-      level = DeprecationLevel.WARNING)
-  fun load(
-      turboModulesEnabled: Boolean = true,
-      fabricEnabled: Boolean = true,
-      bridgelessEnabled: Boolean = false,
-      @Suppress("UNUSED_PARAMETER") concurrentReactEnabled: Boolean = true,
-      dynamicLibraryName: String = "appmodules",
-  ) {
-    load(turboModulesEnabled, fabricEnabled, bridgelessEnabled, dynamicLibraryName)
+    DefaultSoLoader.maybeLoadSoLibrary()
   }
 
   private var privateFabricEnabled: Boolean = false
   @JvmStatic
-  val fabricEnabled: Boolean
+  public val fabricEnabled: Boolean
     get() = privateFabricEnabled
 
   private var privateTurboModulesEnabled: Boolean = false
   @JvmStatic
-  val turboModulesEnabled: Boolean
+  public val turboModulesEnabled: Boolean
     get() = privateTurboModulesEnabled
 
   private var privateConcurrentReactEnabled: Boolean = false
   @JvmStatic
-  val concurrentReactEnabled: Boolean
+  public val concurrentReactEnabled: Boolean
     get() = privateConcurrentReactEnabled
 
   private var privateBridgelessEnabled: Boolean = false
   @JvmStatic
-  val bridgelessEnabled: Boolean
+  public val bridgelessEnabled: Boolean
     get() = privateBridgelessEnabled
+
+  @VisibleForTesting
+  public fun isConfigurationValid(
+      turboModulesEnabled: Boolean,
+      fabricEnabled: Boolean,
+      bridgelessEnabled: Boolean
+  ): Pair<Boolean, String> =
+      when {
+        fabricEnabled && !turboModulesEnabled ->
+            false to
+                "fabricEnabled=true requires turboModulesEnabled=true (is now false) - Please update your DefaultNewArchitectureEntryPoint.load() parameters."
+        bridgelessEnabled && (!turboModulesEnabled || !fabricEnabled) ->
+            false to
+                "bridgelessEnabled=true requires (turboModulesEnabled=true AND fabricEnabled=true) - Please update your DefaultNewArchitectureEntryPoint.load() parameters."
+        else -> true to ""
+      }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactActivityDelegate.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactActivityDelegate.kt
index 9b22bbdb51bd57..07f7ce270b2da9 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactActivityDelegate.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactActivityDelegate.kt
@@ -21,7 +21,7 @@ import com.facebook.react.ReactRootView
  *
  * @param fabricEnabled Whether Fabric should be enabled for the RootView of this Activity.
  */
-open class DefaultReactActivityDelegate(
+public open class DefaultReactActivityDelegate(
     activity: ReactActivity,
     mainComponentName: String,
     private val fabricEnabled: Boolean = false,
@@ -35,7 +35,7 @@ open class DefaultReactActivityDelegate(
       level = DeprecationLevel.WARNING,
       replaceWith =
           ReplaceWith("DefaultReactActivityDelegate(activity, mainComponentName, fabricEnabled)"))
-  constructor(
+  public constructor(
       activity: ReactActivity,
       mainComponentName: String,
       fabricEnabled: Boolean,
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactHost.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactHost.kt
index d727a0bc6e61aa..8fb0ccbb57f7a7 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactHost.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactHost.kt
@@ -8,7 +8,9 @@
 package com.facebook.react.defaults
 
 import android.content.Context
+import com.facebook.react.JSEngineResolutionAlgorithm
 import com.facebook.react.ReactHost
+import com.facebook.react.ReactNativeHost
 import com.facebook.react.ReactPackage
 import com.facebook.react.bridge.JSBundleLoader
 import com.facebook.react.common.annotations.UnstableReactNativeAPI
@@ -18,12 +20,31 @@ import com.facebook.react.runtime.JSCInstance
 import com.facebook.react.runtime.ReactHostImpl
 import com.facebook.react.runtime.hermes.HermesInstance
 
-@UnstableReactNativeAPI
-object DefaultReactHost {
+/**
+ * A utility class that allows you to simplify the setup of a [ReactHost] for new apps in Open
+ * Source.
+ *
+ * [ReactHost] is an interface responsible of handling the lifecycle of a React Native app when
+ * running in bridgeless mode.
+ */
+public object DefaultReactHost {
   private var reactHost: ReactHost? = null
 
+  /**
+   * Util function to create a default [ReactHost] to be used in your application. This method is
+   * used by the New App template.
+   *
+   * @param context the Android [Context] to use for creating the [ReactHost]
+   * @param packageList the list of [ReactPackage]s to use for creating the [ReactHost]
+   * @param jsMainModulePath the path to your app's main module on Metro. Usually `index` or
+   *   `index.<platform>`
+   * @param jsBundleAssetPath the path to the JS bundle relative to the assets directory. Will be
+   *   composed in a `asset://...` URL
+   * @param isHermesEnabled whether to use Hermes as the JS engine, default to true.
+   */
+  @OptIn(UnstableReactNativeAPI::class)
   @JvmStatic
-  fun getDefaultReactHost(
+  public fun getDefaultReactHost(
       context: Context,
       packageList: List<ReactPackage>,
       jsMainModulePath: String = "index",
@@ -33,13 +54,13 @@ object DefaultReactHost {
     if (reactHost == null) {
       val jsBundleLoader =
           JSBundleLoader.createAssetLoader(context, "assets://$jsBundleAssetPath", true)
-      val jsEngineInstance = if (isHermesEnabled) HermesInstance() else JSCInstance()
+      val jsRuntimeFactory = if (isHermesEnabled) HermesInstance() else JSCInstance()
       val defaultReactHostDelegate =
           DefaultReactHostDelegate(
               jsMainModulePath = jsMainModulePath,
               jsBundleLoader = jsBundleLoader,
               reactPackages = packageList,
-              jsEngineInstance = jsEngineInstance,
+              jsRuntimeFactory = jsRuntimeFactory,
               turboModuleManagerDelegateBuilder = DefaultTurboModuleManagerDelegate.Builder())
       val reactJsExceptionHandler = ReactJsExceptionHandler { _ -> }
       val componentFactory = ComponentFactory()
@@ -47,13 +68,42 @@ object DefaultReactHost {
       // TODO: T164788699 find alternative of accessing ReactHostImpl for initialising reactHost
       reactHost =
           ReactHostImpl(
-              context,
-              defaultReactHostDelegate,
-              componentFactory,
-              true,
-              reactJsExceptionHandler,
-              true)
+                  context,
+                  defaultReactHostDelegate,
+                  componentFactory,
+                  true,
+                  reactJsExceptionHandler,
+                  true)
+              .apply {
+                jsEngineResolutionAlgorithm =
+                    if (isHermesEnabled) {
+                      JSEngineResolutionAlgorithm.HERMES
+                    } else {
+                      JSEngineResolutionAlgorithm.JSC
+                    }
+              }
     }
     return reactHost as ReactHost
   }
+
+  /**
+   * Util function to create a default [ReactHost] to be used in your application. This method is
+   * used by the New App template.
+   *
+   * This method takes in input a [ReactNativeHost] (bridge-mode) and uses its configuration to
+   * create an equivalent [ReactHost] (bridgeless-mode).
+   *
+   * @param context the Android [Context] to use for creating the [ReactHost]
+   * @param reactNativeHost the [ReactNativeHost] to use for creating the [ReactHost]
+   */
+  @JvmStatic
+  public fun getDefaultReactHost(
+      context: Context,
+      reactNativeHost: ReactNativeHost,
+  ): ReactHost {
+    require(reactNativeHost is DefaultReactNativeHost) {
+      "You can call getDefaultReactHost only with instances of DefaultReactNativeHost"
+    }
+    return reactNativeHost.toReactHost(context)
+  }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactHostDelegate.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactHostDelegate.kt
index 721c602770cb44..5f53398208a74d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactHostDelegate.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactHostDelegate.kt
@@ -11,11 +11,10 @@ import com.facebook.jni.annotations.DoNotStrip
 import com.facebook.react.ReactPackage
 import com.facebook.react.ReactPackageTurboModuleManagerDelegate
 import com.facebook.react.bridge.JSBundleLoader
-import com.facebook.react.bridge.NativeModule
 import com.facebook.react.common.annotations.UnstableReactNativeAPI
 import com.facebook.react.fabric.ReactNativeConfig
 import com.facebook.react.runtime.BindingsInstaller
-import com.facebook.react.runtime.JSEngineInstance
+import com.facebook.react.runtime.JSRuntimeFactory
 import com.facebook.react.runtime.ReactHostDelegate
 import com.facebook.react.runtime.hermes.HermesInstance
 
@@ -29,7 +28,7 @@ import com.facebook.react.runtime.hermes.HermesInstance
  * @param jsBundleLoader Bundle loader to use when setting up JS environment. <p>Example:
  *   [JSBundleLoader.createFileLoader(application, bundleFile)]
  * @param reactPackages list of reactPackages to expose Native Modules and View Components to JS
- * @param jsEngineInstance Object that holds a native reference to the javascript engine
+ * @param jsRuntimeFactory Object that holds a native reference to the JS Runtime factory
  * @param bindingsInstaller Object that holds a native C++ references that allow host applications
  *   to install C++ objects into jsi::Runtime during the initialization of React Native
  * @param reactNativeConfig ReactNative Configuration that allows to customize the behavior of
@@ -39,18 +38,18 @@ import com.facebook.react.runtime.hermes.HermesInstance
  */
 @DoNotStrip
 @UnstableReactNativeAPI
-class DefaultReactHostDelegate(
+public class DefaultReactHostDelegate(
     override val jsMainModulePath: String,
     override val jsBundleLoader: JSBundleLoader,
     override val reactPackages: List<ReactPackage> = emptyList(),
-    override val jsEngineInstance: JSEngineInstance = HermesInstance(),
+    override val jsRuntimeFactory: JSRuntimeFactory = HermesInstance(),
     override val bindingsInstaller: BindingsInstaller = DefaultBindingsInstaller(),
     private val reactNativeConfig: ReactNativeConfig = ReactNativeConfig.DEFAULT_CONFIG,
     private val exceptionHandler: (Exception) -> Unit = {},
     override val turboModuleManagerDelegateBuilder: ReactPackageTurboModuleManagerDelegate.Builder
 ) : ReactHostDelegate {
 
-  override fun getReactNativeConfig(moduleProvider: (String) -> NativeModule?) = reactNativeConfig
+  override fun getReactNativeConfig(): ReactNativeConfig = reactNativeConfig
 
-  override fun handleInstanceException(error: Exception) = exceptionHandler(error)
+  override fun handleInstanceException(error: Exception): Unit = exceptionHandler(error)
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactNativeHost.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactNativeHost.kt
index 23c0bada20a220..da82f02ea68262 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactNativeHost.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultReactNativeHost.kt
@@ -8,10 +8,18 @@
 package com.facebook.react.defaults
 
 import android.app.Application
+import android.content.Context
 import com.facebook.react.JSEngineResolutionAlgorithm
+import com.facebook.react.ReactHost
 import com.facebook.react.ReactNativeHost
 import com.facebook.react.ReactPackageTurboModuleManagerDelegate
-import com.facebook.react.bridge.JSIModulePackage
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.UIManagerProvider
+import com.facebook.react.fabric.ComponentFactory
+import com.facebook.react.fabric.FabricUIManagerProviderImpl
+import com.facebook.react.fabric.ReactNativeConfig
+import com.facebook.react.uimanager.ViewManagerRegistry
+import com.facebook.react.uimanager.ViewManagerResolver
 
 /**
  * A utility class that allows you to simplify the setup of a [ReactNativeHost] for new apps in Open
@@ -21,7 +29,7 @@ import com.facebook.react.bridge.JSIModulePackage
  * providing the default TurboModuleManagerDelegateBuilder and the default JSIModulePackage,
  * provided the name of the dynamic library to load.
  */
-abstract class DefaultReactNativeHost
+public abstract class DefaultReactNativeHost
 protected constructor(
     application: Application,
 ) : ReactNativeHost(application) {
@@ -34,9 +42,25 @@ protected constructor(
         null
       }
 
-  override fun getJSIModulePackage(): JSIModulePackage? =
+  override fun getUIManagerProvider(): UIManagerProvider? =
       if (isNewArchEnabled) {
-        DefaultJSIModulePackage(this)
+        UIManagerProvider { reactApplicationContext: ReactApplicationContext ->
+          val componentFactory = ComponentFactory()
+          DefaultComponentsRegistry.register(componentFactory)
+
+          val viewManagerRegistry =
+              ViewManagerRegistry(
+                  object : ViewManagerResolver {
+                    override fun getViewManager(viewManagerName: String) =
+                        reactInstanceManager.createViewManager(viewManagerName)
+
+                    override fun getViewManagerNames() = reactInstanceManager.viewManagerNames
+                  })
+
+          FabricUIManagerProviderImpl(
+                  componentFactory, ReactNativeConfig.DEFAULT_CONFIG, viewManagerRegistry)
+              .createUIManager(reactApplicationContext)
+        }
       } else {
         null
       }
@@ -68,4 +92,18 @@ protected constructor(
    */
   protected open val isHermesEnabled: Boolean?
     get() = null
+
+  /**
+   * Converts this [ReactNativeHost] (bridge-mode) to a [ReactHost] (bridgeless-mode).
+   *
+   * @param context the Android [Context] to use for creating the [ReactHost]
+   */
+  public fun toReactHost(context: Context): ReactHost =
+      DefaultReactHost.getDefaultReactHost(
+          context,
+          packages,
+          jsMainModuleName,
+          bundleAssetName ?: "index",
+          isHermesEnabled ?: true,
+      )
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultSoLoader.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultSoLoader.kt
new file mode 100644
index 00000000000000..cebdc7c93234fa
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultSoLoader.kt
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.defaults
+
+import com.facebook.soloader.SoLoader
+
+internal class DefaultSoLoader {
+  companion object {
+    @Synchronized
+    @JvmStatic
+    fun maybeLoadSoLibrary() {
+      SoLoader.loadLibrary("react_newarchdefaults")
+      try {
+        SoLoader.loadLibrary("appmodules")
+      } catch (e: UnsatisfiedLinkError) {
+        // ignore: DefaultTurboModuleManagerDelegate is still used in apps that don't have
+        // appmodules.so
+      }
+    }
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultTurboModuleManagerDelegate.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultTurboModuleManagerDelegate.kt
index ac1fd1a4c7d90c..93a48209c31a8c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultTurboModuleManagerDelegate.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/defaults/DefaultTurboModuleManagerDelegate.kt
@@ -12,6 +12,8 @@ import com.facebook.proguard.annotations.DoNotStrip
 import com.facebook.react.ReactPackage
 import com.facebook.react.ReactPackageTurboModuleManagerDelegate
 import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.common.annotations.UnstableReactNativeAPI
+import com.facebook.react.runtime.cxxreactpackage.CxxReactPackage
 
 /**
  * A utility class that allows you to simplify the setup of a
@@ -20,14 +22,56 @@ import com.facebook.react.bridge.ReactApplicationContext
  * This class works together with the [DefaultNewArchitectureEntryPoint] and it's C++ implementation
  * is hosted inside the React Native framework
  */
-class DefaultTurboModuleManagerDelegate
-private constructor(context: ReactApplicationContext, packages: List<ReactPackage>) :
-    ReactPackageTurboModuleManagerDelegate(context, packages) {
+@OptIn(UnstableReactNativeAPI::class)
+public class DefaultTurboModuleManagerDelegate
+private constructor(
+    context: ReactApplicationContext,
+    packages: List<ReactPackage>,
+    cxxReactPackages: List<CxxReactPackage>,
+) : ReactPackageTurboModuleManagerDelegate(context, packages, initHybrid(cxxReactPackages)) {
 
-  @DoNotStrip external override fun initHybrid(): HybridData?
+  override fun initHybrid(): HybridData {
+    throw UnsupportedOperationException(
+        "DefaultTurboModuleManagerDelegate.initHybrid() must never be called!")
+  }
+
+  public class Builder : ReactPackageTurboModuleManagerDelegate.Builder() {
+    private var cxxReactPackageProviders:
+        MutableList<((context: ReactApplicationContext) -> CxxReactPackage)> =
+        mutableListOf()
+
+    public fun addCxxReactPackage(provider: () -> CxxReactPackage): Builder {
+      cxxReactPackageProviders.add { _ -> provider() }
+      return this
+    }
+
+    public fun addCxxReactPackage(
+        provider: (context: ReactApplicationContext) -> CxxReactPackage
+    ): Builder {
+      cxxReactPackageProviders.add(provider)
+      return this
+    }
+
+    override fun build(
+        context: ReactApplicationContext,
+        packages: List<ReactPackage>
+    ): DefaultTurboModuleManagerDelegate {
+      val cxxReactPackages = mutableListOf<CxxReactPackage>()
+      for (cxxReactPackageProvider in cxxReactPackageProviders) {
+        cxxReactPackages.add(cxxReactPackageProvider(context))
+      }
+
+      return DefaultTurboModuleManagerDelegate(context, packages, cxxReactPackages)
+    }
+  }
+
+  private companion object {
+    init {
+      DefaultSoLoader.maybeLoadSoLibrary()
+    }
 
-  class Builder : ReactPackageTurboModuleManagerDelegate.Builder() {
-    override fun build(context: ReactApplicationContext, packages: List<ReactPackage>) =
-        DefaultTurboModuleManagerDelegate(context, packages)
+    @DoNotStrip
+    @JvmStatic
+    external fun initHybrid(cxxReactPackages: List<CxxReactPackage>): HybridData
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/BridgeDevSupportManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/BridgeDevSupportManager.java
index 9b3a7d7486ac34..e0f831b7a87ee8 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/BridgeDevSupportManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/BridgeDevSupportManager.java
@@ -14,6 +14,7 @@
 import com.facebook.debug.holder.PrinterHolder;
 import com.facebook.debug.tags.ReactDebugOverlayTags;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.react.R;
 import com.facebook.react.bridge.CatalystInstance;
 import com.facebook.react.bridge.JSBundleLoader;
 import com.facebook.react.bridge.JavaJSExecutor;
@@ -86,9 +87,6 @@ public BridgeDevSupportManager(
         surfaceDelegateFactory,
         devLoadingViewManager);
 
-    mReactInstanceManagerHelper = reactInstanceManagerHelper;
-    mDevLoadingViewManager = devLoadingViewManager;
-
     if (getDevSettings().isStartSamplingProfilerOnInit()) {
       // Only start the profiler. If its already running, there is an error
       if (!mIsSamplingProfilerEnabled) {
@@ -103,7 +101,7 @@ public BridgeDevSupportManager(
     }
 
     addCustomDevOption(
-        mIsSamplingProfilerEnabled ? "Disable Sampling Profiler" : "Enable Sampling Profiler",
+        applicationContext.getString(R.string.catalyst_sample_profiler_toggle),
         new DevOptionHandler() {
           @Override
           public void onOptionSelected() {
@@ -112,14 +110,6 @@ public void onOptionSelected() {
         });
   }
 
-  public DevLoadingViewManager getDevLoadingViewManager() {
-    return mDevLoadingViewManager;
-  }
-
-  public ReactInstanceDevHelper getReactInstanceManagerHelper() {
-    return mReactInstanceManagerHelper;
-  }
-
   @Override
   protected String getUniqueTag() {
     return "Bridge";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/CxxInspectorPackagerConnection.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/CxxInspectorPackagerConnection.java
new file mode 100644
index 00000000000000..128fb44551bcdc
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/CxxInspectorPackagerConnection.java
@@ -0,0 +1,142 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.devsupport;
+
+import android.os.Handler;
+import android.os.Looper;
+import androidx.annotation.Nullable;
+import com.facebook.jni.HybridData;
+import com.facebook.proguard.annotations.DoNotStrip;
+import java.io.Closeable;
+import java.util.OptionalInt;
+import java.util.concurrent.TimeUnit;
+import okhttp3.OkHttpClient;
+import okhttp3.Request;
+import okhttp3.Response;
+import okhttp3.WebSocket;
+import okhttp3.WebSocketListener;
+
+/** Java wrapper around a C++ InspectorPackagerConnection. */
+/* package */ class CxxInspectorPackagerConnection implements IInspectorPackagerConnection {
+  static {
+    DevSupportSoLoader.staticInit();
+  }
+
+  @DoNotStrip private final HybridData mHybridData;
+
+  public CxxInspectorPackagerConnection(String url, String packageName) {
+    mHybridData = initHybrid(url, packageName, new DelegateImpl());
+  }
+
+  private static native HybridData initHybrid(
+      String url, String packageName, DelegateImpl delegate);
+
+  public native void connect();
+
+  public native void closeQuietly();
+
+  public native void sendEventToAllConnections(String event);
+
+  /** Java wrapper around a C++ IWebSocketDelegate, allowing us to call the interface from Java. */
+  @DoNotStrip
+  private static class WebSocketDelegate implements Closeable {
+    private final HybridData mHybridData;
+
+    public native void didFailWithError(OptionalInt posixCode, String error);
+
+    public native void didReceiveMessage(String message);
+
+    public native void didClose();
+
+    /**
+     * Release the C++ part of the hybrid WebSocketDelegate object. This should be called when the
+     * delegate is not needed anymore ( = the socket will not send more events).
+     */
+    @Override
+    public void close() {
+      mHybridData.resetNative();
+    }
+
+    @DoNotStrip
+    private WebSocketDelegate(HybridData hybridData) {
+      mHybridData = hybridData;
+    }
+  }
+
+  /**
+   * Java counterpart of the C++ IWebSocket interface, allowing us to implement the interface in
+   * Java.
+   */
+  private interface IWebSocket extends Closeable {
+    void send(String message);
+
+    /**
+     * Close the WebSocket connection. NOTE: There is no close() method in the C++ interface.
+     * Instead, this method is called when the IWebSocket is destroyed on the C++ side.
+     */
+    void close();
+  }
+
+  /** Java implementation of the C++ InspectorPackagerConnectionDelegate interface. */
+  private static class DelegateImpl {
+    private final OkHttpClient mHttpClient =
+        new OkHttpClient.Builder()
+            .connectTimeout(10, TimeUnit.SECONDS)
+            .writeTimeout(10, TimeUnit.SECONDS)
+            .readTimeout(0, TimeUnit.MINUTES) // Disable timeouts for read
+            .build();
+
+    private final Handler mHandler = new Handler(Looper.getMainLooper());
+
+    public IWebSocket connectWebSocket(String url, WebSocketDelegate delegate) {
+      Request request = new Request.Builder().url(url).build();
+      final WebSocket webSocket =
+          mHttpClient.newWebSocket(
+              request,
+              new WebSocketListener() {
+                @Override
+                public void onFailure(WebSocket _unused, Throwable t, @Nullable Response response) {
+                  @Nullable String message = t.getMessage();
+                  delegate.didFailWithError(
+                      OptionalInt.empty(), message != null ? message : "<Unknown error>");
+                  // "No further calls to this listener will be made." -OkHttp docs for
+                  // WebSocketListener.onFailure
+                  delegate.close();
+                }
+
+                @Override
+                public void onMessage(WebSocket _unused, String text) {
+                  delegate.didReceiveMessage(text);
+                }
+
+                @Override
+                public void onClosed(WebSocket _unused, int code, String reason) {
+                  delegate.didClose();
+                  // "No further calls to this listener will be made." -OkHttp docs for
+                  // WebSocketListener.onClosed
+                  delegate.close();
+                }
+              });
+      return new IWebSocket() {
+        @Override
+        public void send(String message) {
+          webSocket.send(message);
+        }
+
+        @Override
+        public void close() {
+          webSocket.close(1000, "End of session");
+        }
+      };
+    }
+
+    public void scheduleCallback(Runnable runnable, long delayMs) {
+      mHandler.postDelayed(runnable, delayMs);
+    }
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DefaultDevSupportManagerFactory.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DefaultDevSupportManagerFactory.java
index 0a9a2338ceb356..a18b78a8127c70 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DefaultDevSupportManagerFactory.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DefaultDevSupportManagerFactory.java
@@ -9,6 +9,7 @@
 
 import android.content.Context;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.common.SurfaceDelegateFactory;
 import com.facebook.react.devsupport.interfaces.DevBundleDownloadListener;
 import com.facebook.react.devsupport.interfaces.DevLoadingViewManager;
@@ -24,6 +25,7 @@
  * class and its dependencies in release builds. If the class isn't found, {@link
  * DisabledDevSupportManager} is returned instead.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class DefaultDevSupportManagerFactory implements DevSupportManagerFactory {
 
   private static final String DEVSUPPORT_IMPL_PACKAGE = "com.facebook.react.devsupport";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java
index c465e63cb3d5ab..32ff198161f11d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevInternalSettings.java
@@ -10,6 +10,7 @@
 import android.content.Context;
 import android.content.SharedPreferences;
 import android.preference.PreferenceManager;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.common.build.ReactBuildConfig;
 import com.facebook.react.modules.debug.interfaces.DeveloperSettings;
 import com.facebook.react.packagerconnection.PackagerConnectionSettings;
@@ -19,6 +20,7 @@
  * {@link com.facebook.react.devsupport}. For accessing some of the settings by external modules
  * this class implements an external interface {@link DeveloperSettings}.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class DevInternalSettings
     implements DeveloperSettings, SharedPreferences.OnSharedPreferenceChangeListener {
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java
index d5c427fc67a4b4..a812b6a0a48d25 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevServerHelper.java
@@ -9,6 +9,7 @@
 
 import android.net.Uri;
 import android.os.AsyncTask;
+import android.provider.Settings;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
@@ -30,6 +31,9 @@
 import com.facebook.react.util.RNLog;
 import java.io.File;
 import java.io.IOException;
+import java.io.UnsupportedEncodingException;
+import java.security.MessageDigest;
+import java.security.NoSuchAlgorithmException;
 import java.util.HashMap;
 import java.util.Locale;
 import java.util.Map;
@@ -103,17 +107,14 @@ public String typeID() {
   private final String mPackageName;
 
   private @Nullable JSPackagerClient mPackagerClient;
-  private @Nullable InspectorPackagerConnection mInspectorPackagerConnection;
-  private final InspectorPackagerConnection.BundleStatusProvider mBundlerStatusProvider;
+  private @Nullable IInspectorPackagerConnection mInspectorPackagerConnection;
 
   public DevServerHelper(
       DeveloperSettings developerSettings,
       String packageName,
-      InspectorPackagerConnection.BundleStatusProvider bundleStatusProvider,
       PackagerConnectionSettings packagerConnectionSettings) {
     mSettings = developerSettings;
     mPackagerConnectionSettings = packagerConnectionSettings;
-    mBundlerStatusProvider = bundleStatusProvider;
     mClient =
         new OkHttpClient.Builder()
             .connectTimeout(HTTP_CONNECT_TIMEOUT_MS, TimeUnit.MILLISECONDS)
@@ -209,9 +210,13 @@ public void openInspectorConnection() {
     new AsyncTask<Void, Void, Void>() {
       @Override
       protected Void doInBackground(Void... params) {
-        mInspectorPackagerConnection =
-            new InspectorPackagerConnection(
-                getInspectorDeviceUrl(), mPackageName, mBundlerStatusProvider);
+        if (InspectorFlags.getEnableCxxInspectorPackagerConnection()) {
+          mInspectorPackagerConnection =
+              new CxxInspectorPackagerConnection(getInspectorDeviceUrl(), mPackageName);
+        } else {
+          mInspectorPackagerConnection =
+              new InspectorPackagerConnection(getInspectorDeviceUrl(), mPackageName);
+        }
         mInspectorPackagerConnection.connect();
         return null;
       }
@@ -244,13 +249,73 @@ public String getWebsocketProxyURL() {
         mPackagerConnectionSettings.getDebugServerHost());
   }
 
+  private static String getSHA256(String string) {
+    MessageDigest digest = null;
+    try {
+      digest = MessageDigest.getInstance("SHA-256");
+    } catch (NoSuchAlgorithmException e) {
+      throw new AssertionError("Could not get standard SHA-256 algorithm", e);
+    }
+    digest.reset();
+    byte[] result;
+    try {
+      result = digest.digest(string.getBytes("UTF-8"));
+    } catch (UnsupportedEncodingException e) {
+      throw new AssertionError("This environment doesn't support UTF-8 encoding", e);
+    }
+    return String.format(
+        "%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x%02x",
+        result[0],
+        result[1],
+        result[2],
+        result[3],
+        result[4],
+        result[5],
+        result[6],
+        result[7],
+        result[8],
+        result[9],
+        result[10],
+        result[11],
+        result[12],
+        result[13],
+        result[14],
+        result[15],
+        result[16],
+        result[17],
+        result[18],
+        result[19]);
+  }
+
+  // Returns an opaque ID which is stable for the current combination of device and app, stable
+  // across installs, and unique across devices.
+  private String getInspectorDeviceId() {
+    // Every Android app has a unique application ID that looks like a Java or Kotlin package name,
+    // such as com.example.myapp. This ID uniquely identifies your app on the device and in the
+    // Google Play Store.
+    // [Source: Android docs]
+    String packageName = mPackageName;
+
+    // A 64-bit number expressed as a hexadecimal string, which is either:
+    // * unique to each combination of app-signing key, user, and device (API level >= 26), or
+    // * randomly generated when the user first sets up the device and should remain constant for
+    // the lifetime of the user's device (API level < 26).
+    // [Source: Android docs]
+    String androidId = Settings.Secure.ANDROID_ID;
+
+    String rawDeviceId = String.format(Locale.US, "android-%s-%s", packageName, androidId);
+
+    return getSHA256(rawDeviceId);
+  }
+
   private String getInspectorDeviceUrl() {
     return String.format(
         Locale.US,
-        "http://%s/inspector/device?name=%s&app=%s",
-        mPackagerConnectionSettings.getInspectorServerHost(),
-        AndroidInfoHelpers.getFriendlyDeviceName(),
-        mPackageName);
+        "http://%s/inspector/device?name=%s&app=%s&device=%s",
+        mPackagerConnectionSettings.getDebugServerHost(),
+        Uri.encode(AndroidInfoHelpers.getFriendlyDeviceName()),
+        Uri.encode(mPackageName),
+        Uri.encode(getInspectorDeviceId()));
   }
 
   public void downloadBundleFromURL(
@@ -425,9 +490,10 @@ public void openDebugger(final ReactContext context, final String errorMessage)
     String requestUrl =
         String.format(
             Locale.US,
-            "http://%s/open-debugger?appId=%s",
-            mPackagerConnectionSettings.getInspectorServerHost(),
-            Uri.encode(mPackageName));
+            "http://%s/open-debugger?appId=%s&device=%s",
+            mPackagerConnectionSettings.getDebugServerHost(),
+            Uri.encode(mPackageName),
+            Uri.encode(getInspectorDeviceId()));
     Request request =
         new Request.Builder().url(requestUrl).method("POST", RequestBody.create(null, "")).build();
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSettingsActivity.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSettingsActivity.java
index caa555f76b0d2d..d6a5b314c54d50 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSettingsActivity.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSettingsActivity.java
@@ -9,12 +9,14 @@
 
 import android.os.Bundle;
 import android.preference.PreferenceActivity;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.R;
 
 /**
  * Activity that display developers settings. Should be added to the debug manifest of the app. Can
  * be triggered through the developers option menu displayed by {@link DevSupportManager}.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class DevSettingsActivity extends PreferenceActivity {
 
   @Override
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerBase.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerBase.java
index bed2db92d8630f..ed08050fabcf58 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerBase.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportManagerBase.java
@@ -23,8 +23,11 @@
 import android.util.Pair;
 import android.view.Gravity;
 import android.view.View;
+import android.view.ViewGroup;
+import android.widget.ArrayAdapter;
 import android.widget.EditText;
 import android.widget.LinearLayout;
+import android.widget.ListAdapter;
 import android.widget.TextView;
 import android.widget.Toast;
 import androidx.annotation.Nullable;
@@ -40,6 +43,7 @@
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.DebugServerException;
+import com.facebook.react.common.JavascriptException;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.ShakeDetector;
 import com.facebook.react.common.SurfaceDelegate;
@@ -62,10 +66,12 @@
 import java.net.MalformedURLException;
 import java.net.URL;
 import java.util.ArrayList;
+import java.util.HashSet;
 import java.util.LinkedHashMap;
 import java.util.List;
 import java.util.Locale;
 import java.util.Map;
+import java.util.Set;
 
 public abstract class DevSupportManagerBase implements DevSupportManager {
 
@@ -103,6 +109,7 @@ public interface CallbackWithBundleLoader {
   private boolean mIsReceiverRegistered = false;
   private boolean mIsShakeDetectorStarted = false;
   private boolean mIsDevSupportEnabled = false;
+  private boolean mIsPackagerConnected;
   private @Nullable final RedBoxHandler mRedBoxHandler;
   private @Nullable String mLastErrorTitle;
   private @Nullable StackFrame[] mLastErrorStack;
@@ -112,8 +119,6 @@ public interface CallbackWithBundleLoader {
   private @Nullable List<ErrorCustomizer> mErrorCustomizers;
   private @Nullable PackagerLocationCustomizer mPackagerLocationCustomizer;
 
-  private final InspectorPackagerConnection.BundleStatus mBundleStatus;
-
   private @Nullable final Map<String, RequestHandler> mCustomPackagerCommandHandlers;
 
   private @Nullable final SurfaceDelegateFactory mSurfaceDelegateFactory;
@@ -133,12 +138,10 @@ public DevSupportManagerBase(
     mApplicationContext = applicationContext;
     mJSAppBundleName = packagerPathForJSBundleName;
     mDevSettings = new DevInternalSettings(applicationContext, this::reloadSettings);
-    mBundleStatus = new InspectorPackagerConnection.BundleStatus();
     mDevServerHelper =
         new DevServerHelper(
             mDevSettings,
             mApplicationContext.getPackageName(),
-            () -> mBundleStatus,
             mDevSettings.getPackagerConnectionSettings());
     mBundleDownloadListener = devBundleDownloadListener;
 
@@ -210,13 +213,10 @@ private void logJSException(Exception e) {
       cause = cause.getCause();
     }
 
-    if (e instanceof JSException) {
+    if (e instanceof JavascriptException) {
       FLog.e(ReactConstants.TAG, "Exception in native call from JS", e);
-      String stack = ((JSException) e).getStack();
-      message.append("\n\n").append(stack);
-
-      // TODO #11638796: convert the stack into something useful
-      showNewError(message.toString(), new StackFrame[] {}, JSEXCEPTION_ERROR_COOKIE, ErrorType.JS);
+      showNewError(
+          e.getMessage().toString(), new StackFrame[] {}, JSEXCEPTION_ERROR_COOKIE, ErrorType.JS);
     } else {
       showNewJavaError(message.toString(), e);
     }
@@ -346,6 +346,7 @@ public void showDevOptionsDialog() {
       return;
     }
     LinkedHashMap<String, DevOptionHandler> options = new LinkedHashMap<>();
+    Set<String> disabledItemKeys = new HashSet<>();
     /* register standard options */
     options.put(
         mApplicationContext.getString(R.string.catalyst_reload),
@@ -365,17 +366,25 @@ public void onOptionSelected() {
           }
         });
 
-    if (mDevSettings.isDeviceDebugEnabled()) {
-      // On-device JS debugging (CDP). Render action to open debugger frontend.
+    if (mDevSettings.isRemoteJSDebugEnabled()) {
+      // [Deprecated in React Native 0.73] Remote JS debugging. Handle reload
+      // via external JS executor. This capability will be removed in a future
+      // release.
+      mDevSettings.setRemoteJSDebugEnabled(false);
+      handleReloadJS();
+    }
 
-      // Reset the old debugger setting so no one gets stuck.
-      // TODO: Remove in a few weeks.
-      if (mDevSettings.isRemoteJSDebugEnabled()) {
-        mDevSettings.setRemoteJSDebugEnabled(false);
-        handleReloadJS();
+    if (mDevSettings.isDeviceDebugEnabled() && !mDevSettings.isRemoteJSDebugEnabled()) {
+      // On-device JS debugging (CDP). Render action to open debugger frontend.
+      boolean isConnected = mIsPackagerConnected;
+      String debuggerItemString =
+          mApplicationContext.getString(
+              isConnected ? R.string.catalyst_debug_open : R.string.catalyst_debug_open_disabled);
+      if (!isConnected) {
+        disabledItemKeys.add(debuggerItemString);
       }
       options.put(
-          mApplicationContext.getString(R.string.catalyst_debug_open),
+          debuggerItemString,
           () ->
               mDevServerHelper.openDebugger(
                   mCurrentContext,
@@ -415,9 +424,7 @@ public void onClick(DialogInterface dialog, int which) {
         });
 
     options.put(
-        mDevSettings.isElementInspectorEnabled()
-            ? mApplicationContext.getString(R.string.catalyst_inspector_stop)
-            : mApplicationContext.getString(R.string.catalyst_inspector),
+        mApplicationContext.getString(R.string.catalyst_inspector_toggle),
         new DevOptionHandler() {
           @Override
           public void onOptionSelected() {
@@ -512,11 +519,33 @@ public void onOptionSelected() {
       header.addView(jsExecutorLabel);
     }
 
+    ListAdapter adapter =
+        new ArrayAdapter<String>(
+            context, android.R.layout.simple_list_item_1, options.keySet().toArray(new String[0])) {
+          @Override
+          public boolean areAllItemsEnabled() {
+            return false;
+          }
+
+          @Override
+          public boolean isEnabled(int position) {
+            return !disabledItemKeys.contains(getItem(position));
+          }
+
+          @Override
+          public View getView(int position, @Nullable View convertView, ViewGroup parent) {
+            View view = super.getView(position, convertView, parent);
+            view.setEnabled(isEnabled(position));
+
+            return view;
+          }
+        };
+
     mDevOptionsDialog =
         new AlertDialog.Builder(context)
             .setCustomTitle(header)
-            .setItems(
-                options.keySet().toArray(new String[0]),
+            .setAdapter(
+                adapter,
                 (dialog, which) -> {
                   optionHandlers[which].onOptionSelected();
                   mDevOptionsDialog = null;
@@ -695,7 +724,11 @@ public DevServerHelper getDevServerHelper() {
     return mDevServerHelper;
   }
 
-  protected ReactInstanceDevHelper getReactInstanceDevHelper() {
+  public DevLoadingViewManager getDevLoadingViewManager() {
+    return mDevLoadingViewManager;
+  }
+
+  public ReactInstanceDevHelper getReactInstanceDevHelper() {
     return mReactInstanceDevHelper;
   }
 
@@ -885,10 +918,6 @@ public void reloadJSFromServer(final String bundleURL, final BundleLoadCallback
           @Override
           public void onSuccess() {
             hideDevLoadingView();
-            synchronized (DevSupportManagerBase.this) {
-              mBundleStatus.isLastDownloadSuccess = true;
-              mBundleStatus.updateTimestamp = System.currentTimeMillis();
-            }
             if (mBundleDownloadListener != null) {
               mBundleDownloadListener.onSuccess();
             }
@@ -910,9 +939,6 @@ public void onProgress(
           @Override
           public void onFailure(final Exception cause) {
             hideDevLoadingView();
-            synchronized (DevSupportManagerBase.this) {
-              mBundleStatus.isLastDownloadSuccess = false;
-            }
             if (mBundleDownloadListener != null) {
               mBundleDownloadListener.onFailure(cause);
             }
@@ -1032,18 +1058,20 @@ private void reload() {
           new PackagerCommandListener() {
             @Override
             public void onPackagerConnected() {
-              // No-op
+              mIsPackagerConnected = true;
             }
 
             @Override
             public void onPackagerDisconnected() {
-              // No-op
+              mIsPackagerConnected = false;
             }
 
             @Override
             public void onPackagerReloadCommand() {
-              // Disable debugger to resume the JsVM & avoid thread locks while reloading
-              mDevServerHelper.disableDebugger();
+              if (!InspectorFlags.getEnableModernCDPRegistry()) {
+                // Disable debugger to resume the JsVM & avoid thread locks while reloading
+                mDevServerHelper.disableDebugger();
+              }
               UiThreadUtil.runOnUiThread(() -> handleReloadJS());
             }
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportSoLoader.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportSoLoader.java
new file mode 100644
index 00000000000000..31d47c8234172b
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DevSupportSoLoader.java
@@ -0,0 +1,24 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.devsupport;
+
+import com.facebook.infer.annotation.Nullsafe;
+import com.facebook.soloader.SoLoader;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
+class DevSupportSoLoader {
+  private static volatile boolean sDidInit = false;
+
+  public static synchronized void staticInit() {
+    if (sDidInit) {
+      return;
+    }
+    SoLoader.loadLibrary("react_devsupportjni");
+    sDidInit = true;
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DoubleTapReloadRecognizer.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DoubleTapReloadRecognizer.java
index c54335e9720a71..791943dc43c1ab 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DoubleTapReloadRecognizer.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/DoubleTapReloadRecognizer.java
@@ -11,11 +11,13 @@
 import android.view.KeyEvent;
 import android.view.View;
 import android.widget.EditText;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * A class allows recognizing double key tap of "R", used to reload JS in {@link
  * AbstractReactActivity}, {@link RedBoxDialogSurfaceDelegate} and {@link ReactActivity}.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class DoubleTapReloadRecognizer {
   private boolean mDoRefresh = false;
   private static final long DOUBLE_TAP_DELAY = 200;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/IInspectorPackagerConnection.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/IInspectorPackagerConnection.java
new file mode 100644
index 00000000000000..59afe06a6f4795
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/IInspectorPackagerConnection.java
@@ -0,0 +1,16 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.devsupport;
+
+/* package */ interface IInspectorPackagerConnection {
+  public void connect();
+
+  public void closeQuietly();
+
+  public void sendEventToAllConnections(String event);
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorFlags.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorFlags.java
new file mode 100644
index 00000000000000..05480fb58bf49a
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorFlags.java
@@ -0,0 +1,28 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.devsupport;
+
+import com.facebook.infer.annotation.Nullsafe;
+import com.facebook.proguard.annotations.DoNotStrip;
+
+/** JNI wrapper for `jsinspector_modern::InspectorFlags`. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
+@DoNotStrip
+public class InspectorFlags {
+  static {
+    DevSupportSoLoader.staticInit();
+  }
+
+  @DoNotStrip
+  public static native boolean getEnableModernCDPRegistry();
+
+  @DoNotStrip
+  public static native boolean getEnableCxxInspectorPackagerConnection();
+
+  private InspectorFlags() {}
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java
index 5f535b7044d6fa..84107fb5e4c8a6 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/InspectorPackagerConnection.java
@@ -27,20 +27,17 @@
 import org.json.JSONException;
 import org.json.JSONObject;
 
-public class InspectorPackagerConnection {
+public class InspectorPackagerConnection implements IInspectorPackagerConnection {
   private static final String TAG = "InspectorPackagerConnection";
 
   private final Connection mConnection;
   private final Map<String, Inspector.LocalConnection> mInspectorConnections;
   private final String mPackageName;
-  private BundleStatusProvider mBundleStatusProvider;
 
-  public InspectorPackagerConnection(
-      String url, String packageName, BundleStatusProvider bundleStatusProvider) {
+  public InspectorPackagerConnection(String url, String packageName) {
     mConnection = new Connection(url);
     mInspectorConnections = new HashMap<>();
     mPackageName = packageName;
-    mBundleStatusProvider = bundleStatusProvider;
   }
 
   public void connect() {
@@ -150,15 +147,12 @@ private void handleWrappedEvent(JSONObject payload) throws JSONException {
   private JSONArray getPages() throws JSONException {
     List<Inspector.Page> pages = Inspector.getPages();
     JSONArray array = new JSONArray();
-    BundleStatus bundleStatus = mBundleStatusProvider.getBundleStatus();
     for (Inspector.Page page : pages) {
       JSONObject jsonPage = new JSONObject();
       jsonPage.put("id", String.valueOf(page.getId()));
       jsonPage.put("title", page.getTitle());
       jsonPage.put("app", mPackageName);
       jsonPage.put("vm", page.getVM());
-      jsonPage.put("isLastBundleDownloadSuccess", bundleStatus.isLastDownloadSuccess);
-      jsonPage.put("bundleUpdateTimestamp", bundleStatus.updateTimestamp);
       array.put(jsonPage);
     }
     return array;
@@ -317,22 +311,4 @@ private void closeWebSocketQuietly() {
       }
     }
   }
-
-  public static class BundleStatus {
-    public Boolean isLastDownloadSuccess;
-    public long updateTimestamp = -1;
-
-    public BundleStatus(Boolean isLastDownloadSuccess, long updateTimestamp) {
-      this.isLastDownloadSuccess = isLastDownloadSuccess;
-      this.updateTimestamp = updateTimestamp;
-    }
-
-    public BundleStatus() {
-      this(false, -1);
-    }
-  }
-
-  public interface BundleStatusProvider {
-    BundleStatus getBundleStatus();
-  }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCHeapCapture.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCHeapCapture.java
index 63e3059cc168db..267fcbdb974a74 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCHeapCapture.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSCHeapCapture.java
@@ -26,10 +26,6 @@ public static class CaptureException extends Exception {
     CaptureException(String message) {
       super(message);
     }
-
-    CaptureException(String message, Throwable cause) {
-      super(message, cause);
-    }
   }
 
   public interface CaptureCallback {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSException.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSException.java
deleted file mode 100644
index 7acb46d22fb0cf..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/JSException.java
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.devsupport;
-
-import com.facebook.proguard.annotations.DoNotStrip;
-
-/**
- * This represents an error evaluating JavaScript. It includes the usual message, and the raw JS
- * stack where the error occurred (which may be empty).
- */
-@DoNotStrip
-public class JSException extends Exception {
-  private final String mStack;
-
-  @DoNotStrip
-  public JSException(String message, String stack, Throwable cause) {
-    super(message, cause);
-    mStack = stack;
-  }
-
-  public JSException(String message, String stack) {
-    super(message);
-    mStack = stack;
-  }
-
-  public String getStack() {
-    return mStack;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxDialog.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxDialog.java
index f138df18d09035..990b1455880241 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxDialog.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxDialog.java
@@ -11,9 +11,11 @@
 import android.app.Dialog;
 import android.view.View;
 import android.view.Window;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.R;
 
 /** Dialog for displaying JS errors in LogBox. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class LogBoxDialog extends Dialog {
   public LogBoxDialog(Activity context, View reactRootView) {
     super(context, R.style.Theme_Catalyst_LogBox);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxModule.java
index ec410c3644ac3a..dccfd3279725cb 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/LogBoxModule.java
@@ -9,12 +9,14 @@
 
 import androidx.annotation.Nullable;
 import com.facebook.fbreact.specs.NativeLogBoxSpec;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.SurfaceDelegate;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.module.annotations.ReactModule;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @ReactModule(name = NativeLogBoxSpec.NAME)
 public class LogBoxModule extends NativeLogBoxSpec {
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/PackagerStatusCheck.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/PackagerStatusCheck.java
index 0814a12dea93ef..3e8a55d3c292f5 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/PackagerStatusCheck.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/PackagerStatusCheck.java
@@ -8,6 +8,7 @@
 package com.facebook.react.devsupport;
 
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.devsupport.interfaces.PackagerStatusCallback;
 import java.io.IOException;
@@ -21,6 +22,7 @@
 import okhttp3.ResponseBody;
 
 /** Use this class to check if the JavaScript packager is running on the provided host. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class PackagerStatusCheck {
 
   private static final String PACKAGER_OK_STATUS = "packager-status:running";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/PerftestDevSupportManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/PerftestDevSupportManager.java
index d15eba912d99d8..3c4b45642ed725 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/PerftestDevSupportManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/PerftestDevSupportManager.java
@@ -8,15 +8,16 @@
 package com.facebook.react.devsupport;
 
 import android.content.Context;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * Interface for accessing and interacting with development features related to performance testing.
  * Communication is enabled via the Inspector, but everything else is disabled.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public final class PerftestDevSupportManager extends DisabledDevSupportManager {
   private final DevServerHelper mDevServerHelper;
   private final DevInternalSettings mDevSettings;
-  private final InspectorPackagerConnection.BundleStatus mBundleStatus;
 
   public PerftestDevSupportManager(Context applicationContext) {
     mDevSettings =
@@ -26,12 +27,10 @@ public PerftestDevSupportManager(Context applicationContext) {
               @Override
               public void onInternalSettingsChanged() {}
             });
-    mBundleStatus = new InspectorPackagerConnection.BundleStatus();
     mDevServerHelper =
         new DevServerHelper(
             mDevSettings,
             applicationContext.getPackageName(),
-            (InspectorPackagerConnection.BundleStatusProvider) () -> mBundleStatus,
             mDevSettings.getPackagerConnectionSettings());
   }
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/WindowOverlayCompat.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/WindowOverlayCompat.java
index 1223f7ffb9e69f..804e0a6cd1f358 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/WindowOverlayCompat.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/WindowOverlayCompat.java
@@ -9,12 +9,14 @@
 
 import android.os.Build;
 import android.view.WindowManager;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * Compatibility wrapper for apps targeting API level 26 or later. See
  * https://developer.android.com/about/versions/oreo/android-8.0-changes.html#cwt
  */
-/* package */ class WindowOverlayCompat {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class WindowOverlayCompat {
 
   private static final int TYPE_APPLICATION_OVERLAY = 2038;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/ErrorType.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/ErrorType.java
index 6569931ed9cafb..8b8800cf066957 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/ErrorType.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/devsupport/interfaces/ErrorType.java
@@ -7,6 +7,9 @@
 
 package com.facebook.react.devsupport.interfaces;
 
+import com.facebook.infer.annotation.Nullsafe;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public enum ErrorType {
   JS("JS"),
   NATIVE("Native");
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/Binding.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/Binding.java
index 7a6da825c687df..8490c1f4b4cfee 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/Binding.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/Binding.java
@@ -17,10 +17,9 @@
 
 public interface Binding {
 
-  public void startSurface(
-      int surfaceId, @NonNull String moduleName, @NonNull NativeMap initialProps);
+  void startSurface(int surfaceId, @NonNull String moduleName, @NonNull NativeMap initialProps);
 
-  public void startSurfaceWithConstraints(
+  void startSurfaceWithConstraints(
       int surfaceId,
       String moduleName,
       NativeMap initialProps,
@@ -33,11 +32,11 @@ public void startSurfaceWithConstraints(
       boolean isRTL,
       boolean doLeftAndRightSwapInRTL);
 
-  public void stopSurface(int surfaceId);
+  void stopSurface(int surfaceId);
 
-  public void setPixelDensity(float pointScaleFactor);
+  void setPixelDensity(float pointScaleFactor);
 
-  public void setConstraints(
+  void setConstraints(
       int surfaceId,
       float minWidth,
       float maxWidth,
@@ -48,13 +47,13 @@ public void setConstraints(
       boolean isRTL,
       boolean doLeftAndRightSwapInRTL);
 
-  public void driveCxxAnimations();
+  void driveCxxAnimations();
 
-  public void reportMount(int surfaceId);
+  void reportMount(int surfaceId);
 
-  public ReadableNativeMap getInspectorDataForInstance(EventEmitterWrapper eventEmitterWrapper);
+  ReadableNativeMap getInspectorDataForInstance(EventEmitterWrapper eventEmitterWrapper);
 
-  public void register(
+  void register(
       @NonNull RuntimeExecutor runtimeExecutor,
       @NonNull RuntimeScheduler runtimeScheduler,
       @NonNull FabricUIManager fabricUIManager,
@@ -62,9 +61,9 @@ public void register(
       @NonNull ComponentFactory componentFactory,
       @NonNull ReactNativeConfig reactNativeConfig);
 
-  public void unregister();
+  void unregister();
 
-  public void registerSurface(SurfaceHandlerBinding surfaceHandler);
+  void registerSurface(SurfaceHandlerBinding surfaceHandler);
 
-  public void unregisterSurface(SurfaceHandlerBinding surfaceHandler);
+  void unregisterSurface(SurfaceHandlerBinding surfaceHandler);
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/BindingImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/BindingImpl.java
index b3c203f5aab5e0..324a530abed008 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/BindingImpl.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/BindingImpl.java
@@ -9,6 +9,7 @@
 
 import android.annotation.SuppressLint;
 import androidx.annotation.NonNull;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.NativeMap;
@@ -20,6 +21,7 @@
 import com.facebook.react.fabric.events.EventEmitterWrapper;
 import com.facebook.react.uimanager.PixelUtil;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @DoNotStrip
 @SuppressLint("MissingNativeLoadLibrary")
 public class BindingImpl implements Binding {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/ComponentFactory.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/ComponentFactory.java
index 1c9974ef76592a..f0be02df1e7831 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/ComponentFactory.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/ComponentFactory.java
@@ -8,9 +8,11 @@
 package com.facebook.react.fabric;
 
 import androidx.annotation.NonNull;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @DoNotStrip
 public class ComponentFactory {
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/CoreComponentsRegistry.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/CoreComponentsRegistry.java
index 797106872d6cda..7888ca2f191ee2 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/CoreComponentsRegistry.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/CoreComponentsRegistry.java
@@ -7,9 +7,11 @@
 
 package com.facebook.react.fabric;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @DoNotStrip
 public class CoreComponentsRegistry {
   static {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/DevToolsReactPerfLogger.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/DevToolsReactPerfLogger.java
index 10b533c684de51..45fe3ca1753aaa 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/DevToolsReactPerfLogger.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/DevToolsReactPerfLogger.java
@@ -22,6 +22,7 @@
 import static com.facebook.react.bridge.ReactMarkerConstants.FABRIC_UPDATE_UI_MAIN_THREAD_START;
 
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReactMarker;
 import com.facebook.react.bridge.ReactMarkerConstants;
 import java.util.ArrayList;
@@ -29,6 +30,7 @@
 import java.util.List;
 import java.util.Map;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class DevToolsReactPerfLogger implements ReactMarker.FabricMarkerListener {
 
   private final Map<Integer, FabricCommitPoint> mFabricCommitMarkers = new HashMap<>();
@@ -51,8 +53,8 @@ public static class FabricCommitPointData {
     private final int mCounter;
 
     public FabricCommitPointData(long timeStamp, int counter) {
-      this.mTimeStamp = timeStamp;
-      this.mCounter = counter;
+      mTimeStamp = timeStamp;
+      mCounter = counter;
     }
 
     public long getTimeStamp() {
@@ -69,7 +71,7 @@ public static class FabricCommitPoint {
     private final Map<ReactMarkerConstants, FabricCommitPointData> mPoints = new HashMap<>();
 
     private FabricCommitPoint(int commitNumber) {
-      this.mCommitNumber = commitNumber;
+      mCommitNumber = commitNumber;
     }
 
     private void addPoint(ReactMarkerConstants key, FabricCommitPointData data) {
@@ -126,6 +128,10 @@ public int getAffectedLayoutNodesCount() {
       return getCounter(FABRIC_LAYOUT_AFFECTED_NODES);
     }
 
+    public long getAffectedLayoutNodesCountTime() {
+      return getTimestamp(FABRIC_LAYOUT_AFFECTED_NODES);
+    }
+
     public long getBatchExecutionStart() {
       return getTimestamp(FABRIC_BATCH_EXECUTION_START);
     }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/EmptyReactNativeConfig.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/EmptyReactNativeConfig.java
deleted file mode 100644
index e068e3f4d1dd6b..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/EmptyReactNativeConfig.java
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.fabric;
-
-/**
- * An empty {@link ReactNativeConfig} that is returning empty responses and false for all the
- * requested keys.
- */
-public class EmptyReactNativeConfig implements ReactNativeConfig {
-
-  @Override
-  public boolean getBool(final String s) {
-    return false;
-  }
-
-  @Override
-  public long getInt64(final String s) {
-    return 0;
-  }
-
-  @Override
-  public String getString(final String s) {
-    return "";
-  }
-
-  @Override
-  public double getDouble(final String s) {
-    return 0;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/EmptyReactNativeConfig.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/EmptyReactNativeConfig.kt
new file mode 100644
index 00000000000000..00fc39ca894ec8
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/EmptyReactNativeConfig.kt
@@ -0,0 +1,36 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.fabric
+
+import com.facebook.jni.HybridData
+import com.facebook.proguard.annotations.DoNotStripAny
+
+/**
+ * An empty [ReactNativeConfig] that is backed by the C++ implementation where the defaults are
+ * stored.
+ */
+@DoNotStripAny
+public class EmptyReactNativeConfig : ReactNativeConfig {
+  private val mHybridData: HybridData = initHybrid()
+
+  private external fun initHybrid(): HybridData
+
+  external override fun getBool(param: String): Boolean
+
+  external override fun getInt64(param: String): Long
+
+  external override fun getString(param: String): String
+
+  external override fun getDouble(param: String): Double
+
+  private companion object {
+    init {
+      FabricSoLoader.staticInit()
+    }
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricComponents.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricComponents.java
index bf6c6a2aaa36d8..cd4dc5f34e4656 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricComponents.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricComponents.java
@@ -8,6 +8,7 @@
 package com.facebook.react.fabric;
 
 import androidx.annotation.NonNull;
+import com.facebook.infer.annotation.Nullsafe;
 import java.util.HashMap;
 import java.util.Map;
 
@@ -17,6 +18,7 @@
  * <p>TODO T97384889: remove this class when the component names are unified between JS - Android -
  * iOS - C++
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class FabricComponents {
 
   private static @NonNull final Map<String, String> sComponentNames = new HashMap<>();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricJSIModuleProvider.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricJSIModuleProvider.java
deleted file mode 100644
index 533b1368b92d8a..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricJSIModuleProvider.java
+++ /dev/null
@@ -1,70 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.fabric;
-
-import androidx.annotation.NonNull;
-import com.facebook.react.bridge.JSIModuleProvider;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.UIManager;
-import com.facebook.react.fabric.events.EventBeatManager;
-import com.facebook.react.uimanager.ViewManagerRegistry;
-import com.facebook.systrace.Systrace;
-
-public class FabricJSIModuleProvider implements JSIModuleProvider<UIManager> {
-
-  @NonNull private final ReactApplicationContext mReactApplicationContext;
-  @NonNull private final ComponentFactory mComponentFactory;
-  @NonNull private final ReactNativeConfig mConfig;
-  @NonNull private final ViewManagerRegistry mViewManagerRegistry;
-
-  public FabricJSIModuleProvider(
-      @NonNull ReactApplicationContext reactApplicationContext,
-      @NonNull ComponentFactory componentFactory,
-      @NonNull ReactNativeConfig config,
-      @NonNull ViewManagerRegistry viewManagerRegistry) {
-    mReactApplicationContext = reactApplicationContext;
-    mComponentFactory = componentFactory;
-    mConfig = config;
-    mViewManagerRegistry = viewManagerRegistry;
-  }
-
-  @Override
-  public UIManager get() {
-    Systrace.beginSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricJSIModuleProvider.get");
-    final EventBeatManager eventBeatManager = new EventBeatManager();
-    final FabricUIManager uiManager = createUIManager(eventBeatManager);
-
-    Systrace.beginSection(
-        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricJSIModuleProvider.registerBinding");
-    final Binding binding = new BindingImpl();
-
-    binding.register(
-        mReactApplicationContext.getCatalystInstance().getRuntimeExecutor(),
-        mReactApplicationContext.getCatalystInstance().getRuntimeScheduler(),
-        uiManager,
-        eventBeatManager,
-        mComponentFactory,
-        mConfig);
-
-    Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
-    Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
-
-    return uiManager;
-  }
-
-  private FabricUIManager createUIManager(@NonNull EventBeatManager eventBeatManager) {
-    Systrace.beginSection(
-        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricJSIModuleProvider.createUIManager");
-
-    FabricUIManager fabricUIManager;
-    fabricUIManager =
-        new FabricUIManager(mReactApplicationContext, mViewManagerRegistry, eventBeatManager);
-    Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
-    return fabricUIManager;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricSoLoader.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricSoLoader.java
index 26526701c51ef4..e3a8da958beec6 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricSoLoader.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricSoLoader.java
@@ -9,11 +9,13 @@
 
 import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReactMarker;
 import com.facebook.react.bridge.ReactMarkerConstants;
 import com.facebook.soloader.SoLoader;
 import com.facebook.systrace.Systrace;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class FabricSoLoader {
   private static volatile boolean sDidInit = false;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java
index 2f9a24fd3cdfe4..f091faaf87c6fd 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManager.java
@@ -22,8 +22,6 @@
 import android.annotation.SuppressLint;
 import android.content.Context;
 import android.graphics.Point;
-import android.os.Handler;
-import android.os.Looper;
 import android.os.SystemClock;
 import android.view.View;
 import android.view.accessibility.AccessibilityEvent;
@@ -57,7 +55,8 @@
 import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.fabric.events.EventEmitterWrapper;
 import com.facebook.react.fabric.events.FabricEventEmitter;
-import com.facebook.react.fabric.interop.InteropEventEmitter;
+import com.facebook.react.fabric.internal.interop.InteropUIBlockListener;
+import com.facebook.react.fabric.interop.UIBlock;
 import com.facebook.react.fabric.mounting.MountItemDispatcher;
 import com.facebook.react.fabric.mounting.MountingManager;
 import com.facebook.react.fabric.mounting.SurfaceMountingManager;
@@ -66,6 +65,7 @@
 import com.facebook.react.fabric.mounting.mountitems.MountItem;
 import com.facebook.react.fabric.mounting.mountitems.MountItemFactory;
 import com.facebook.react.interfaces.fabric.SurfaceHandler;
+import com.facebook.react.internal.interop.InteropEventEmitter;
 import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.modules.i18nmanager.I18nUtil;
 import com.facebook.react.uimanager.IllegalViewOperationException;
@@ -81,7 +81,6 @@
 import com.facebook.react.uimanager.events.BatchEventDispatchedListener;
 import com.facebook.react.uimanager.events.EventCategoryDef;
 import com.facebook.react.uimanager.events.EventDispatcher;
-import com.facebook.react.uimanager.events.EventDispatcherImpl;
 import com.facebook.react.uimanager.events.FabricEventDispatcher;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
 import com.facebook.react.views.text.TextLayoutManager;
@@ -175,7 +174,6 @@ public class FabricUIManager implements UIManager, LifecycleEventListener {
   private final CopyOnWriteArrayList<UIManagerListener> mListeners = new CopyOnWriteArrayList<>();
 
   @NonNull private final AtomicBoolean mMountNotificationScheduled = new AtomicBoolean(false);
-  @NonNull private final Handler mMainThreadHandler = new Handler(Looper.getMainLooper());
 
   @ThreadConfined(UI)
   @NonNull
@@ -211,6 +209,10 @@ public void executeItems(Queue<MountItem> items) {
         }
       };
 
+  // Interop UIManagerListener used to support addUIBlock and prependUIBlock.
+  // It's initialized only when addUIBlock or prependUIBlock is called the first time.
+  @Nullable private InteropUIBlockListener mInteropUIBlockListener;
+
   public FabricUIManager(
       @NonNull ReactApplicationContext reactContext,
       @NonNull ViewManagerRegistry viewManagerRegistry,
@@ -220,11 +222,7 @@ public FabricUIManager(
     mMountingManager = new MountingManager(viewManagerRegistry, mMountItemExecutor);
     mMountItemDispatcher =
         new MountItemDispatcher(mMountingManager, new MountItemDispatchListener());
-    if (ReactFeatureFlags.enableFabricSharedEventPipeline) {
-      mEventDispatcher = new FabricEventDispatcher(reactContext);
-    } else {
-      mEventDispatcher = new EventDispatcherImpl(reactContext);
-    }
+    mEventDispatcher = new FabricEventDispatcher(reactContext);
     mBatchEventDispatchedListener = batchEventDispatchedListener;
     mReactApplicationContext.addLifecycleEventListener(this);
 
@@ -402,12 +400,11 @@ public void initialize() {
     }
   }
 
-  // This is called on the JS thread (see CatalystInstanceImpl).
   @Override
   @AnyThread
   @ThreadConfined(ANY)
   public void invalidate() {
-    FLog.i(TAG, "FabricUIManager.onCatalystInstanceDestroy");
+    FLog.i(TAG, "FabricUIManager.invalidate");
 
     if (mDevToolsReactPerfLogger != null) {
       mDevToolsReactPerfLogger.removeDevToolsReactPerfLoggerListener(FABRIC_PERF_LOGGER);
@@ -453,6 +450,37 @@ public void invalidate() {
     }
   }
 
+  /**
+   * Method added to Fabric for backward compatibility reasons, as users on Paper could call
+   * [addUiBlock] and [prependUiBlock] on UIManagerModule.
+   */
+  public void addUIBlock(UIBlock block) {
+    if (ReactFeatureFlags.unstable_useFabricInterop) {
+      InteropUIBlockListener listener = getInteropUIBlockListener();
+      listener.addUIBlock(block);
+    }
+  }
+
+  /**
+   * Method added to Fabric for backward compatibility reasons, as users on Paper could call
+   * [addUiBlock] and [prependUiBlock] on UIManagerModule.
+   */
+  public void prependUIBlock(UIBlock block) {
+    if (ReactFeatureFlags.unstable_useFabricInterop) {
+      InteropUIBlockListener listener = getInteropUIBlockListener();
+      listener.prependUIBlock(block);
+    }
+  }
+
+  @NonNull
+  private InteropUIBlockListener getInteropUIBlockListener() {
+    if (mInteropUIBlockListener == null) {
+      mInteropUIBlockListener = new InteropUIBlockListener();
+      addUIManagerEventListener(mInteropUIBlockListener);
+    }
+    return mInteropUIBlockListener;
+  }
+
   @SuppressWarnings("unused")
   private NativeArray measureLines(
       ReadableMap attributedString, ReadableMap paragraphAttributes, float width, float height) {
@@ -619,10 +647,12 @@ public boolean getThemeData(int surfaceId, float[] defaultTextInputPadding) {
     return true;
   }
 
+  @Override
   public void addUIManagerEventListener(UIManagerListener listener) {
     mListeners.add(listener);
   }
 
+  @Override
   public void removeUIManagerEventListener(UIManagerListener listener) {
     mListeners.remove(listener);
   }
@@ -680,12 +710,11 @@ public int getSurfaceId() {
             return View.NO_ID;
           }
 
+          @NonNull
           @Override
           public String toString() {
             String propsString =
-                IS_DEVELOPMENT_ENVIRONMENT
-                    ? (props != null ? props.toHashMap().toString() : "<null>")
-                    : "<hidden>";
+                IS_DEVELOPMENT_ENVIRONMENT ? props.toHashMap().toString() : "<hidden>";
             return String.format("SYNC UPDATE PROPS [%d]: %s", reactTag, propsString);
           }
         };
@@ -731,7 +760,7 @@ private void preallocateView(
             rootTag,
             reactTag,
             componentName,
-            props,
+            (ReadableMap) props,
             (StateWrapper) stateWrapper,
             (EventEmitterWrapper) eventEmitterWrapper,
             isLayoutable));
@@ -799,20 +828,6 @@ public void runGuarded() {
           };
       if (UiThreadUtil.isOnUiThread()) {
         runnable.run();
-      } else {
-        // The Choreographer will dispatch any mount items,
-        // but it only gets called at the /beginning/ of the
-        // frame - it has no idea if, or when, there is actually work scheduled. That means if we
-        // have a big chunk of work
-        // scheduled but the scheduling happens 1ms after the
-        // start of a UI frame, we'll miss out on 15ms of time
-        // to perform the work (assuming a 16ms frame).
-        // The DispatchUIFrameCallback still has value because of
-        // the PreMountItems that we need to process at a lower
-        // priority.
-        if (ReactFeatureFlags.enableEarlyScheduledMountItemExecution) {
-          UiThreadUtil.runOnUiThread(runnable);
-        }
       }
     }
 
@@ -1023,7 +1038,7 @@ public void dispatchCommand(
       final int reactTag,
       final int commandId,
       @Nullable final ReadableArray commandArgs) {
-    mMountItemDispatcher.dispatchCommandMountItem(
+    mMountItemDispatcher.addViewCommandMountItem(
         MountItemFactory.createDispatchCommandMountItem(
             surfaceId, reactTag, commandId, commandArgs));
   }
@@ -1039,10 +1054,10 @@ public void dispatchCommand(
       // For Fabric Interop, we check if the commandId is an integer. If it is, we use the integer
       // overload of dispatchCommand. Otherwise, we use the string overload.
       // and the events won't be correctly dispatched.
-      mMountItemDispatcher.dispatchCommandMountItem(
+      mMountItemDispatcher.addViewCommandMountItem(
           createDispatchCommandMountItemForInterop(surfaceId, reactTag, commandId, commandArgs));
     } else {
-      mMountItemDispatcher.dispatchCommandMountItem(
+      mMountItemDispatcher.addViewCommandMountItem(
           MountItemFactory.createDispatchCommandMountItem(
               surfaceId, reactTag, commandId, commandArgs));
     }
@@ -1136,6 +1151,7 @@ public int getSurfaceId() {
             return View.NO_ID;
           }
 
+          @NonNull
           @Override
           public String toString() {
             return "CLEAR_JS_RESPONDER";
@@ -1208,30 +1224,31 @@ public void didMountItems(@Nullable List<MountItem> mountItems) {
       if (!mountNotificationScheduled) {
         // Notify mount when the effects are visible and prevent mount hooks to
         // delay paint.
-        mMainThreadHandler.postAtFrontOfQueue(
-            new Runnable() {
-              @Override
-              public void run() {
-                mMountNotificationScheduled.set(false);
-
-                final @Nullable Binding binding = mBinding;
-                if (mountItems == null || binding == null) {
-                  return;
-                }
-
-                // Collect surface IDs for all the mount items
-                List<Integer> surfaceIds = new ArrayList();
-                for (MountItem mountItem : mountItems) {
-                  if (mountItem != null && !surfaceIds.contains(mountItem.getSurfaceId())) {
-                    surfaceIds.add(mountItem.getSurfaceId());
+        UiThreadUtil.getUiThreadHandler()
+            .postAtFrontOfQueue(
+                new Runnable() {
+                  @Override
+                  public void run() {
+                    mMountNotificationScheduled.set(false);
+
+                    final @Nullable Binding binding = mBinding;
+                    if (mountItems == null || binding == null) {
+                      return;
+                    }
+
+                    // Collect surface IDs for all the mount items
+                    List<Integer> surfaceIds = new ArrayList<>();
+                    for (MountItem mountItem : mountItems) {
+                      if (mountItem != null && !surfaceIds.contains(mountItem.getSurfaceId())) {
+                        surfaceIds.add(mountItem.getSurfaceId());
+                      }
+                    }
+
+                    for (int surfaceId : surfaceIds) {
+                      binding.reportMount(surfaceId);
+                    }
                   }
-                }
-
-                for (int surfaceId : surfaceIds) {
-                  binding.reportMount(surfaceId);
-                }
-              }
-            });
+                });
       }
     }
 
@@ -1294,6 +1311,11 @@ public void doFrameGuarded(long frameTimeNanos) {
       }
 
       try {
+        // First, execute as many pre mount items as we can within frameTimeNanos time.
+        // If not all pre mount items were executed, following may happen:
+        //   1. In case there are view commands or mount items in MountItemDispatcher: execute
+        //   remaining pre mount items.
+        //   2. In case there are no view commands or mount items, wait until next frame.
         mMountItemDispatcher.dispatchPreMountItems(frameTimeNanos);
         mMountItemDispatcher.tryDispatchMountItems();
       } catch (Exception ex) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManagerProviderImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManagerProviderImpl.java
new file mode 100644
index 00000000000000..ed507ea33e7db4
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/FabricUIManagerProviderImpl.java
@@ -0,0 +1,65 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.fabric;
+
+import com.facebook.infer.annotation.Nullsafe;
+import com.facebook.react.bridge.CatalystInstance;
+import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.UIManager;
+import com.facebook.react.bridge.UIManagerProvider;
+import com.facebook.react.fabric.events.EventBeatManager;
+import com.facebook.react.uimanager.ViewManagerRegistry;
+import com.facebook.systrace.Systrace;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
+public class FabricUIManagerProviderImpl implements UIManagerProvider {
+
+  private final ComponentFactory mComponentFactory;
+  private final ReactNativeConfig mConfig;
+  private final ViewManagerRegistry mViewManagerRegistry;
+
+  public FabricUIManagerProviderImpl(
+      ComponentFactory componentFactory,
+      ReactNativeConfig config,
+      ViewManagerRegistry viewManagerRegistry) {
+    mComponentFactory = componentFactory;
+    mConfig = config;
+    mViewManagerRegistry = viewManagerRegistry;
+  }
+
+  public UIManager createUIManager(ReactApplicationContext reactApplicationContext) {
+    Systrace.beginSection(
+        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricUIManagerProviderImpl.create");
+    EventBeatManager eventBeatManager = new EventBeatManager();
+    Systrace.beginSection(
+        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricUIManagerProviderImpl.createUIManager");
+
+    FabricUIManager fabricUIManager =
+        new FabricUIManager(reactApplicationContext, mViewManagerRegistry, eventBeatManager);
+    Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
+
+    Systrace.beginSection(
+        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricUIManagerProviderImpl.registerBinding");
+    final Binding binding = new BindingImpl();
+
+    CatalystInstance catalystInstance = reactApplicationContext.getCatalystInstance();
+
+    binding.register(
+        catalystInstance.getRuntimeExecutor(),
+        catalystInstance.getRuntimeScheduler(),
+        fabricUIManager,
+        eventBeatManager,
+        mComponentFactory,
+        mConfig);
+
+    Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
+    Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
+
+    return fabricUIManager;
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/GuardedFrameCallback.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/GuardedFrameCallback.java
index 8e4bdfaa60e38a..e0bd43d219841d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/GuardedFrameCallback.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/GuardedFrameCallback.java
@@ -9,9 +9,11 @@
 
 import android.view.Choreographer;
 import androidx.annotation.NonNull;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.JSExceptionHandler;
 import com.facebook.react.bridge.ReactContext;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public abstract class GuardedFrameCallback implements Choreographer.FrameCallback {
 
   @NonNull private final JSExceptionHandler mExceptionHandler;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/ReactNativeConfig.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/ReactNativeConfig.kt
index 37e0db6ac52126..7cc81c493f392a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/ReactNativeConfig.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/ReactNativeConfig.kt
@@ -19,36 +19,36 @@ import com.facebook.proguard.annotations.DoNotStrip
  * This is a wrapper for the ReactNativeConfig object in C++
  */
 @DoNotStrip
-interface ReactNativeConfig {
+public interface ReactNativeConfig {
   /**
    * Get a boolean param by string name. Default should be false.
    *
    * @param param The string name of the parameter being requested.
    */
-  @DoNotStrip fun getBool(param: String): Boolean
+  @DoNotStrip public fun getBool(param: String): Boolean
 
   /**
    * Get a Long param by string name. Default should be 0.
    *
    * @param param The string name of the parameter being requested.
    */
-  @DoNotStrip fun getInt64(param: String): Long
+  @DoNotStrip public fun getInt64(param: String): Long
 
   /**
    * Get a string param by string name. Default should be "", empty string.
    *
    * @param param The string name of the parameter being requested.
    */
-  @DoNotStrip fun getString(param: String): String
+  @DoNotStrip public fun getString(param: String): String
 
   /**
    * Get a double param by string name. Default should be 0.
    *
    * @param param The string name of the parameter being requested.
    */
-  @DoNotStrip fun getDouble(param: String): Double
+  @DoNotStrip public fun getDouble(param: String): Double
 
-  companion object {
-    @JvmField val DEFAULT_CONFIG: ReactNativeConfig = EmptyReactNativeConfig()
+  public companion object {
+    @JvmField public val DEFAULT_CONFIG: ReactNativeConfig = EmptyReactNativeConfig()
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/StateWrapperImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/StateWrapperImpl.java
index c1e797f85d9cb8..66a2cc62d5071f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/StateWrapperImpl.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/StateWrapperImpl.java
@@ -11,6 +11,7 @@
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.NativeMap;
@@ -23,6 +24,7 @@
  * This class holds reference to the C++ EventEmitter object. Instances of this class are created on
  * the Bindings.cpp, where the pointer to the C++ event emitter is set.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @SuppressLint("MissingNativeLoadLibrary")
 @DoNotStrip
 public class StateWrapperImpl implements StateWrapper {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/SurfaceHandlerBinding.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/SurfaceHandlerBinding.java
index 1d0a9bfa67486c..1dcb42123bf1b5 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/SurfaceHandlerBinding.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/SurfaceHandlerBinding.java
@@ -11,6 +11,7 @@
 import static com.facebook.react.fabric.mounting.LayoutMetricsConversions.getMinSize;
 
 import androidx.annotation.IntDef;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.NativeMap;
@@ -18,6 +19,7 @@
 import java.lang.annotation.Retention;
 import java.lang.annotation.RetentionPolicy;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class SurfaceHandlerBinding implements SurfaceHandler {
   static {
     FabricSoLoader.staticInit();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/events/EventBeatManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/events/EventBeatManager.java
index 4c4703d0ae7910..3de23f98a7945c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/events/EventBeatManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/events/EventBeatManager.java
@@ -9,6 +9,7 @@
 
 import android.annotation.SuppressLint;
 import androidx.annotation.NonNull;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.ReactApplicationContext;
@@ -18,6 +19,7 @@
 /**
  * Class that acts as a proxy between the list of EventBeats registered in C++ and the Android side.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @SuppressLint("MissingNativeLoadLibrary")
 public final class EventBeatManager implements BatchEventDispatchedListener {
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/events/FabricEventEmitter.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/events/FabricEventEmitter.java
index d7544fb173c880..f85937c886b643 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/events/FabricEventEmitter.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/events/FabricEventEmitter.java
@@ -9,6 +9,7 @@
 
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.fabric.FabricUIManager;
@@ -16,9 +17,9 @@
 import com.facebook.react.uimanager.events.EventCategoryDef;
 import com.facebook.react.uimanager.events.RCTModernEventEmitter;
 import com.facebook.react.uimanager.events.TouchEvent;
-import com.facebook.react.uimanager.events.TouchesHelper;
 import com.facebook.systrace.Systrace;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class FabricEventEmitter implements RCTModernEventEmitter {
 
   @NonNull private final FabricUIManager mUIManager;
@@ -63,11 +64,14 @@ public void receiveTouches(
       @NonNull String eventName,
       @NonNull WritableArray touches,
       @NonNull WritableArray changedIndices) {
-    throw new IllegalStateException("EventEmitter#receiveTouches is not supported by Fabric");
+    throw new UnsupportedOperationException(
+        "EventEmitter#receiveTouches is not supported by Fabric");
   }
 
   @Override
   public void receiveTouches(TouchEvent event) {
-    TouchesHelper.sendTouchEvent(this, event);
+    // Calls are expected to go via TouchesHelper
+    throw new UnsupportedOperationException(
+        "EventEmitter#receiveTouches is not supported by Fabric");
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/internal/interop/InteropUiBlockListener.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/internal/interop/InteropUiBlockListener.kt
new file mode 100644
index 00000000000000..1db876d5aa1b47
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/internal/interop/InteropUiBlockListener.kt
@@ -0,0 +1,62 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+@file:Suppress("DEPRECATION") // We want to test UIBlock and UIBlockViewResolver here.
+
+package com.facebook.react.fabric.internal.interop
+
+import com.facebook.react.bridge.UIManager
+import com.facebook.react.bridge.UIManagerListener
+import com.facebook.react.fabric.interop.UIBlock
+import com.facebook.react.fabric.interop.UIBlockViewResolver
+
+/**
+ * Interop class used to support invoking [addUIBlock] and [prependUIBlock] in Fabric.
+ *
+ * Users on the Old Architecture used to call those methods to execute arbitrary [UIBlock]s This
+ * class effectively re-implements this logic by using a [UIManagerListener] and exposing the two
+ * methods that the user intend to call.
+ */
+internal class InteropUIBlockListener : UIManagerListener {
+
+  internal val beforeUIBlocks: MutableList<UIBlock> = mutableListOf()
+  internal val afterUIBlocks: MutableList<UIBlock> = mutableListOf()
+
+  @Synchronized
+  fun prependUIBlock(block: UIBlock) {
+    beforeUIBlocks.add(block)
+  }
+
+  @Synchronized
+  fun addUIBlock(block: UIBlock) {
+    afterUIBlocks.add(block)
+  }
+
+  override fun willMountItems(uiManager: UIManager) {
+    beforeUIBlocks.forEach {
+      if (uiManager is UIBlockViewResolver) {
+        it.execute(uiManager)
+      }
+    }
+    beforeUIBlocks.clear()
+  }
+
+  override fun didMountItems(uiManager: UIManager) {
+    afterUIBlocks.forEach {
+      if (uiManager is UIBlockViewResolver) {
+        it.execute(uiManager)
+      }
+    }
+    afterUIBlocks.clear()
+  }
+
+  override fun willDispatchViewUpdates(uiManager: UIManager) = Unit
+
+  override fun didDispatchMountItems(uiManager: UIManager) = Unit
+
+  override fun didScheduleMountItems(uiManager: UIManager) = Unit
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/InteropEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/InteropEvent.java
deleted file mode 100644
index 881edbdf6fa4e1..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/InteropEvent.java
+++ /dev/null
@@ -1,41 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.fabric.interop;
-
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.common.annotations.VisibleForTesting;
-import com.facebook.react.uimanager.events.Event;
-
-/**
- * An {@link Event} class used by the {@link InteropEventEmitter}. This class is just holding the
- * event name and the data which is received by the `receiveEvent` method and will be passed over
- * the the {@link com.facebook.react.uimanager.events.EventDispatcher}
- */
-class InteropEvent extends Event<InteropEvent> {
-
-  private final String mName;
-  private final WritableMap mEventData;
-
-  InteropEvent(String name, @Nullable WritableMap eventData, int surfaceId, int viewTag) {
-    super(surfaceId, viewTag);
-    mName = name;
-    mEventData = eventData;
-  }
-
-  @Override
-  public String getEventName() {
-    return mName;
-  }
-
-  @Override
-  @VisibleForTesting
-  public WritableMap getEventData() {
-    return mEventData;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/InteropEventEmitter.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/InteropEventEmitter.java
deleted file mode 100644
index aef10bffdfbdcf..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/InteropEventEmitter.java
+++ /dev/null
@@ -1,65 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.fabric.interop;
-
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.WritableArray;
-import com.facebook.react.bridge.WritableMap;
-import com.facebook.react.common.annotations.VisibleForTesting;
-import com.facebook.react.uimanager.UIManagerHelper;
-import com.facebook.react.uimanager.events.EventDispatcher;
-import com.facebook.react.uimanager.events.RCTEventEmitter;
-
-/**
- * A reimplementation of {@link RCTEventEmitter} which is using a {@link EventDispatcher} under the
- * hood.
- *
- * <p>On Fabric, you're supposed to use {@link EventDispatcher} to dispatch events. However, we
- * provide an interop layer for non-Fabric migrated components.
- *
- * <p>This instance will be returned if the user is invoking `context.getJsModule(RCTEventEmitter)
- * and is providing support for the `receiveEvent` method, so that non-Fabric ViewManagers can
- * continue to deliver events also when Fabric is turned on.
- */
-public class InteropEventEmitter implements RCTEventEmitter {
-
-  private final ReactContext mReactContext;
-
-  private @Nullable EventDispatcher mEventDispatcherOverride;
-
-  public InteropEventEmitter(ReactContext reactContext) {
-    mReactContext = reactContext;
-  }
-
-  @Override
-  public void receiveEvent(int targetReactTag, String eventName, @Nullable WritableMap eventData) {
-    EventDispatcher dispatcher;
-    if (mEventDispatcherOverride != null) {
-      dispatcher = mEventDispatcherOverride;
-    } else {
-      dispatcher = UIManagerHelper.getEventDispatcherForReactTag(mReactContext, targetReactTag);
-    }
-    int surfaceId = UIManagerHelper.getSurfaceId(mReactContext);
-    if (dispatcher != null) {
-      dispatcher.dispatchEvent(new InteropEvent(eventName, eventData, surfaceId, targetReactTag));
-    }
-  }
-
-  @Override
-  public void receiveTouches(
-      String eventName, WritableArray touches, WritableArray changedIndices) {
-    throw new UnsupportedOperationException(
-        "EventEmitter#receiveTouches is not supported by the Fabric Interop Layer");
-  }
-
-  @VisibleForTesting
-  void overrideEventDispatcher(EventDispatcher eventDispatcherOverride) {
-    mEventDispatcherOverride = eventDispatcherOverride;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/UIBlock.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/UIBlock.kt
new file mode 100644
index 00000000000000..702d096ea664fa
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/UIBlock.kt
@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+@file:Suppress("DEPRECATION") // Deprecation is added for backward compatibility reasons
+
+package com.facebook.react.fabric.interop
+
+/**
+ * Interop Interface added to support `addUiBlock` and `prependUIBlock` methods in Fabric.
+ * Historically those methods were only available in `UIManagerModule` (Paper, the old renderer).
+ * We're re-adding them to Fabric to make it easier to migrate.
+ *
+ * @deprecated When developing new libraries for Fabric you should instead use [UIManagerListener]
+ *   or View Commands to achieve a same results.
+ */
+@Deprecated("Use UIManagerListener or View Commands instead of addUIBlock and prependUIBlock.")
+public fun interface UIBlock {
+  /**
+   * A method that will allow you to call [UIBlockViewResolver.resolveView] to obtain a view
+   * instance for a given tag.
+   */
+  public fun execute(resolver: UIBlockViewResolver)
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/UIBlockViewResolver.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/UIBlockViewResolver.kt
new file mode 100644
index 00000000000000..7fd8389b858b42
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/interop/UIBlockViewResolver.kt
@@ -0,0 +1,29 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.fabric.interop
+
+import android.view.View
+
+/**
+ * This interface is used as receiver parameter for [UIBlock].
+ *
+ * Users can invoke [resolveView] on this instance to get an Android [View] from the view tag.
+ *
+ * @deprecated When developing new libraries for Fabric you should instead use [UIManagerListener]
+ *   or View Commands to achieve a same results.
+ */
+@Deprecated("Use UIManagerListener or View Commands instead of addUIBlock and prependUIBlock.")
+public interface UIBlockViewResolver {
+  /**
+   * Resolves a [View] from the given react tag.
+   *
+   * @param reactTag the react tag of the view to resolve
+   * @return the Android [View] instance for the given tag or null if the view is not found
+   */
+  public fun resolveView(reactTag: Int): View?
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/LayoutMetricsConversions.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/LayoutMetricsConversions.java
index 249e3b84f7c251..f875d34e8bf0db 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/LayoutMetricsConversions.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/LayoutMetricsConversions.java
@@ -10,9 +10,11 @@
 import static android.view.View.MeasureSpec.EXACTLY;
 
 import android.view.View;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.yoga.YogaMeasureMode;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public interface LayoutMetricsConversions {
 
   static float getMinSize(int viewMeasureSpec) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountItemDispatcher.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountItemDispatcher.java
index df2af72411e4ee..4d905e7f74a2d8 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountItemDispatcher.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountItemDispatcher.java
@@ -7,14 +7,12 @@
 
 package com.facebook.react.fabric.mounting;
 
-import static com.facebook.infer.annotation.ThreadConfined.ANY;
 import static com.facebook.infer.annotation.ThreadConfined.UI;
 import static com.facebook.react.fabric.FabricUIManager.ENABLE_FABRIC_LOGS;
 import static com.facebook.react.fabric.FabricUIManager.IS_DEVELOPMENT_ENVIRONMENT;
 
 import android.os.SystemClock;
 import android.view.View;
-import androidx.annotation.AnyThread;
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import androidx.annotation.UiThread;
@@ -62,10 +60,8 @@ public MountItemDispatcher(MountingManager mountingManager, ItemDispatchListener
     mItemDispatchListener = listener;
   }
 
-  @AnyThread
-  @ThreadConfined(ANY)
-  public void dispatchCommandMountItem(DispatchCommandMountItem command) {
-    addViewCommandMountItem(command);
+  public void addViewCommandMountItem(DispatchCommandMountItem mountItem) {
+    mViewCommandMountItems.add(mountItem);
   }
 
   public void addMountItem(MountItem mountItem) {
@@ -88,20 +84,12 @@ public void addPreAllocateMountItem(MountItem mountItem) {
     }
   }
 
-  public void addViewCommandMountItem(DispatchCommandMountItem mountItem) {
-    mViewCommandMountItems.add(mountItem);
-  }
-
   /**
-   * Try to dispatch MountItems. Returns true if any items were dispatched, false otherwise. A
-   * `false` return value doesn't indicate errors, it may just indicate there was no work to be
-   * done.
-   *
-   * @return
+   * Try to dispatch MountItems. In case of the exception, we will retry 10 times before giving up.
    */
   @UiThread
   @ThreadConfined(UI)
-  public boolean tryDispatchMountItems() {
+  public void tryDispatchMountItems() {
     // If we're already dispatching, don't reenter.
     // Reentrance can potentially happen a lot on Android in Fabric because
     // `updateState` from the
@@ -111,7 +99,7 @@ public boolean tryDispatchMountItems() {
     // This is a pretty blunt tool, but we might not have better options since we really don't want
     // to execute anything out-of-order.
     if (mInDispatch) {
-      return false;
+      return;
     }
 
     final boolean didDispatchItems;
@@ -145,7 +133,6 @@ public boolean tryDispatchMountItems() {
       tryDispatchMountItems();
     }
     mReDispatchCounter = 0;
-    return didDispatchItems;
   }
 
   @UiThread
@@ -164,7 +151,7 @@ public void dispatchMountItems(Queue<MountItem> mountItems) {
             mountItem.incrementRetries();
             // In case we haven't retried executing this item yet, execute in the next batch of
             // items
-            dispatchCommandMountItem(mountItem);
+            addViewCommandMountItem(mountItem);
           }
         } else {
           printMountItem(
@@ -174,9 +161,17 @@ public void dispatchMountItems(Queue<MountItem> mountItems) {
     }
   }
 
+  /*
+   * Executes view commands, pre mount items and mount items in the respective order:
+   * 1. View commands.
+   * 2. Pre mount items.
+   * 3. Regular mount items.
+   *
+   * Does nothing if `viewCommandMountItemsToDispatch` and `mountItemsToDispatch` are empty.
+   * Nothing should call this directly except for `tryDispatchMountItems`.
+   */
   @UiThread
   @ThreadConfined(UI)
-  /** Nothing should call this directly except for `tryDispatchMountItems`. */
   private boolean dispatchMountItems() {
     if (mReDispatchCounter == 0) {
       mBatchedExecutionTime = 0;
@@ -219,7 +214,7 @@ private boolean dispatchMountItems() {
           // the current batch of mount items has finished executing.
           if (command.getRetries() == 0) {
             command.incrementRetries();
-            dispatchCommandMountItem(command);
+            addViewCommandMountItem(command);
           } else {
             // It's very common for commands to be executed on views that no longer exist - for
             // example, a blur event on TextInput being fired because of a navigation event away
@@ -309,9 +304,20 @@ private boolean dispatchMountItems() {
     return true;
   }
 
+  /*
+   * Executes pre mount items. Pre mount items are operations that can be executed before the mount items come. For example view preallocation.
+   * This is a performance optimisation to do as much work ahead of time as possible.
+   *
+   * `tryDispatchMountItems` will also execute pre mount items, but only if there are mount items to be executed.
+   */
   @UiThread
   @ThreadConfined(UI)
   public void dispatchPreMountItems(long frameTimeNanos) {
+    if (mPreMountItems.isEmpty()) {
+      // Avoid starting systrace if there are no pre mount items.
+      return;
+    }
+
     Systrace.beginSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "FabricUIManager::premountViews");
 
     // dispatchPreMountItems cannot be reentrant, but we want to prevent dispatchMountItems from
@@ -352,7 +358,7 @@ private void executeOrEnqueue(MountItem item) {
       }
       SurfaceMountingManager surfaceMountingManager =
           mMountingManager.getSurfaceManager(item.getSurfaceId());
-      surfaceMountingManager.executeOnViewAttach(item);
+      surfaceMountingManager.scheduleMountItemOnViewAttach(item);
     } else {
       item.execute(mMountingManager);
     }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountingManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountingManager.java
index e65a01cd25e158..3aa8c930349271 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountingManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/MountingManager.java
@@ -143,9 +143,12 @@ public void stopSurface(final int surfaceId) {
 
       surfaceMountingManager.stopSurface();
 
-      if (surfaceMountingManager == mMostRecentSurfaceMountingManager) {
+      if (mMostRecentSurfaceMountingManager == surfaceMountingManager) {
         mMostRecentSurfaceMountingManager = null;
       }
+      if (mLastQueriedSurfaceMountingManager == surfaceMountingManager) {
+        mLastQueriedSurfaceMountingManager = null;
+      }
     } else {
       ReactSoftExceptionLogger.logSoftException(
           TAG,
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/SurfaceMountingManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/SurfaceMountingManager.java
index 87b15e454f3127..3784ab2e14a018 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/SurfaceMountingManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/SurfaceMountingManager.java
@@ -30,12 +30,12 @@
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.common.build.ReactBuildConfig;
-import com.facebook.react.common.mapbuffer.ReadableMapBuffer;
 import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.fabric.GuardedFrameCallback;
 import com.facebook.react.fabric.events.EventEmitterWrapper;
 import com.facebook.react.fabric.mounting.MountingManager.MountItemExecutor;
 import com.facebook.react.fabric.mounting.mountitems.MountItem;
+import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags;
 import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.touch.JSResponderHandler;
 import com.facebook.react.uimanager.IViewGroupManager;
@@ -50,8 +50,8 @@
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.uimanager.ViewManagerRegistry;
 import com.facebook.react.uimanager.events.EventCategoryDef;
-import com.facebook.react.views.view.ReactMapBufferViewManager;
-import com.facebook.react.views.view.ReactViewManagerWrapper;
+import com.facebook.react.views.view.ReactViewGroup;
+import java.util.ArrayDeque;
 import java.util.HashSet;
 import java.util.LinkedList;
 import java.util.Map;
@@ -59,7 +59,6 @@
 import java.util.Set;
 import java.util.Stack;
 import java.util.concurrent.ConcurrentHashMap;
-import java.util.concurrent.ConcurrentLinkedQueue;
 
 public class SurfaceMountingManager {
   public static final String TAG = SurfaceMountingManager.class.getSimpleName();
@@ -74,7 +73,7 @@ public class SurfaceMountingManager {
   // These are all non-null, until StopSurface is called
   private ConcurrentHashMap<Integer, ViewState> mTagToViewState =
       new ConcurrentHashMap<>(); // any thread
-  private ConcurrentLinkedQueue<MountItem> mOnViewAttachItems = new ConcurrentLinkedQueue<>();
+  private Queue<MountItem> mOnViewAttachMountItems = new ArrayDeque<>();
   private JSResponderHandler mJSResponderHandler;
   private ViewManagerRegistry mViewManagerRegistry;
   private RootViewManager mRootViewManager;
@@ -90,10 +89,9 @@ public class SurfaceMountingManager {
   private final Set<Integer> mErroneouslyReaddedReactTags = new HashSet<>();
 
   @ThreadConfined(UI)
-  private RemoveDeleteTreeUIFrameCallback mRemoveDeleteTreeUIFrameCallback;
+  private @Nullable RemoveDeleteTreeUIFrameCallback mRemoveDeleteTreeUIFrameCallback;
 
   // This is null *until* StopSurface is called.
-  private Set<Integer> mTagSetForStoppedSurfaceLegacy;
   private SparseArrayCompat<Object> mTagSetForStoppedSurface;
 
   private final int mSurfaceId;
@@ -172,18 +170,16 @@ public boolean getViewExists(int tag) {
     if (mTagSetForStoppedSurface != null && mTagSetForStoppedSurface.containsKey(tag)) {
       return true;
     }
-    if (mTagSetForStoppedSurfaceLegacy != null && mTagSetForStoppedSurfaceLegacy.contains(tag)) {
-      return true;
-    }
     if (mTagToViewState == null) {
       return false;
     }
     return mTagToViewState.containsKey(tag);
   }
 
-  @AnyThread
-  public void executeOnViewAttach(MountItem item) {
-    mOnViewAttachItems.add(item);
+  @UiThread
+  @ThreadConfined(UI)
+  public void scheduleMountItemOnViewAttach(MountItem item) {
+    mOnViewAttachMountItems.add(item);
   }
 
   @AnyThread
@@ -192,13 +188,7 @@ private void addRootView(@NonNull final View rootView) {
       return;
     }
 
-    mTagToViewState.put(
-        mSurfaceId,
-        new ViewState(
-            mSurfaceId,
-            rootView,
-            new ReactViewManagerWrapper.DefaultViewManager((ViewManager) mRootViewManager),
-            true));
+    mTagToViewState.put(mSurfaceId, new ViewState(mSurfaceId, rootView, mRootViewManager, true));
 
     Runnable runnable =
         () -> {
@@ -233,7 +223,7 @@ private void addRootView(@NonNull final View rootView) {
           }
           mRootViewAttached = true;
 
-          executeViewAttachMountItems();
+          executeMountItemsOnViewAttach();
         };
 
     if (UiThreadUtil.isOnUiThread()) {
@@ -245,8 +235,8 @@ private void addRootView(@NonNull final View rootView) {
 
   @UiThread
   @ThreadConfined(UI)
-  private void executeViewAttachMountItems() {
-    mMountItemExecutor.executeItems(mOnViewAttachItems);
+  private void executeMountItemsOnViewAttach() {
+    mMountItemExecutor.executeItems(mOnViewAttachMountItems);
   }
 
   /**
@@ -294,22 +284,14 @@ public void stopSurface() {
 
     Runnable runnable =
         () -> {
-          if (ReactFeatureFlags.fixStoppedSurfaceTagSetLeak) {
-            mTagSetForStoppedSurface = new SparseArrayCompat<>();
-            for (Map.Entry<Integer, ViewState> entry : mTagToViewState.entrySet()) {
-              // Using this as a placeholder value in the map. We're using SparseArrayCompat
-              // since it can efficiently represent the list of pending tags
-              mTagSetForStoppedSurface.put(entry.getKey(), this);
-
-              // We must call `onDropViewInstance` on all remaining Views
-              onViewStateDeleted(entry.getValue());
-            }
-          } else {
-            for (ViewState viewState : mTagToViewState.values()) {
-              // We must call `onDropViewInstance` on all remaining Views
-              onViewStateDeleted(viewState);
-            }
-            mTagSetForStoppedSurfaceLegacy = mTagToViewState.keySet();
+          mTagSetForStoppedSurface = new SparseArrayCompat<>();
+          for (Map.Entry<Integer, ViewState> entry : mTagToViewState.entrySet()) {
+            // Using this as a placeholder value in the map. We're using SparseArrayCompat
+            // since it can efficiently represent the list of pending tags
+            mTagSetForStoppedSurface.put(entry.getKey(), this);
+
+            // We must call `onDropViewInstance` on all remaining Views
+            onViewStateDeleted(entry.getValue());
           }
 
           // Evict all views from cache and memory
@@ -319,7 +301,7 @@ public void stopSurface() {
           mRootViewManager = null;
           mMountItemExecutor = null;
           mThemedReactContext = null;
-          mOnViewAttachItems.clear();
+          mOnViewAttachMountItems.clear();
 
           if (ReactFeatureFlags.enableViewRecycling) {
             mViewManagerRegistry.onSurfaceStopped(mSurfaceId);
@@ -400,8 +382,25 @@ public void addViewAt(final int parentTag, final int tag, final int index) {
       // should be impossible - we mark this as a "readded" View and
       // thus prevent the RemoveDeleteTree worker from deleting this
       // View in the future.
-      if (viewParent instanceof ViewGroup) {
-        ((ViewGroup) viewParent).removeView(view);
+      if (ReactNativeFeatureFlags.enableFixForClippedSubviewsCrash()) {
+        if (viewParent instanceof ReactViewGroup) {
+          ReactViewGroup viewParentGroup = (ReactViewGroup) viewParent;
+          // If the parent group has subview clipping enabled, we need to use the specialized
+          // method.
+          // Otherwise, ReactViewGroup's member variables managing subview clipping
+          // will get out of sync with Android's view hierarchy, leading to a crash.
+          if (viewParentGroup.getRemoveClippedSubviews()) {
+            viewParentGroup.removeViewWithSubviewClippingEnabled(view);
+          } else {
+            viewParentGroup.removeView(view);
+          }
+        } else if (viewParent instanceof ViewGroup) {
+          ((ViewGroup) viewParent).removeView(view);
+        }
+      } else {
+        if (viewParent instanceof ViewGroup) {
+          ((ViewGroup) viewParent).removeView(view);
+        }
       }
       mErroneouslyReaddedReactTags.add(tag);
     }
@@ -772,17 +771,9 @@ public void run() {
 
     // The View has been removed from the View hierarchy; now it
     // and all of its children, if any, need to be deleted, recursively.
-    // We want to maintain the legacy ordering: delete (and call onViewStateDeleted)
-    // for leaf nodes, and then parents, recursively.
     // Schedule the Runnable first, to detect if we need to schedule a Runnable at all.
     // Since this current function and the Runnable both run on the UI thread, there is
     // no race condition here.
-    runDeferredTagRemovalAndDeletion();
-    mReactTagsToRemove.push(tag);
-  }
-
-  @UiThread
-  private void runDeferredTagRemovalAndDeletion() {
     if (mReactTagsToRemove.empty()) {
       if (mRemoveDeleteTreeUIFrameCallback == null) {
         mRemoveDeleteTreeUIFrameCallback = new RemoveDeleteTreeUIFrameCallback(mThemedReactContext);
@@ -791,13 +782,14 @@ private void runDeferredTagRemovalAndDeletion() {
           .postFrameCallback(
               ReactChoreographer.CallbackType.IDLE_EVENT, mRemoveDeleteTreeUIFrameCallback);
     }
+    mReactTagsToRemove.push(tag);
   }
 
   @UiThread
   public void createView(
       @NonNull String componentName,
       int reactTag,
-      @Nullable Object props,
+      @Nullable ReadableMap props,
       @Nullable StateWrapper stateWrapper,
       @Nullable EventEmitterWrapper eventEmitterWrapper,
       boolean isLayoutable) {
@@ -835,27 +827,18 @@ public void createView(
   public void createViewUnsafe(
       @NonNull String componentName,
       int reactTag,
-      @Nullable Object props,
+      @Nullable ReadableMap props,
       @Nullable StateWrapper stateWrapper,
       @Nullable EventEmitterWrapper eventEmitterWrapper,
       boolean isLayoutable) {
     View view = null;
-    ReactViewManagerWrapper viewManager = null;
+    ViewManager viewManager = null;
 
-    Object propMap;
-    if (props instanceof ReadableMap) {
-      propMap = new ReactStylesDiffMap((ReadableMap) props);
-    } else {
-      propMap = props;
-    }
+    ReactStylesDiffMap propMap = new ReactStylesDiffMap(props);
 
     if (isLayoutable) {
-      viewManager =
-          props instanceof ReadableMapBuffer
-              ? ReactMapBufferViewManager.INSTANCE
-              : new ReactViewManagerWrapper.DefaultViewManager(
-                  mViewManagerRegistry.get(componentName));
-      // View Managers are responsible for dealing with initial state and props.
+      viewManager = mViewManagerRegistry.get(componentName);
+      // View Managers are responsible for dealing with inital state and props.
       view =
           viewManager.createView(
               reactTag, mThemedReactContext, propMap, stateWrapper, mJSResponderHandler);
@@ -869,14 +852,13 @@ public void createViewUnsafe(
     mTagToViewState.put(reactTag, viewState);
   }
 
-  public void updateProps(int reactTag, Object props) {
+  public void updateProps(int reactTag, ReadableMap props) {
     if (isStopped()) {
       return;
     }
 
     ViewState viewState = getViewState(reactTag);
-    viewState.mCurrentProps =
-        props instanceof ReadableMap ? new ReactStylesDiffMap((ReadableMap) props) : props;
+    viewState.mCurrentProps = new ReactStylesDiffMap(props);
     View view = viewState.mView;
 
     if (view == null) {
@@ -996,7 +978,7 @@ public void updateLayout(
     ViewState parentViewState = getViewState(parentTag);
     IViewGroupManager<?> parentViewManager = null;
     if (parentViewState.mViewManager != null) {
-      parentViewManager = parentViewState.mViewManager.getViewGroupManager();
+      parentViewManager = (IViewGroupManager) parentViewState.mViewManager;
     }
     if (parentViewManager == null || !parentViewManager.needsCustomLayoutForChildren()) {
       viewToUpdate.layout(x, y, x + width, y + height);
@@ -1027,7 +1009,7 @@ public void updatePadding(int reactTag, int left, int top, int right, int bottom
       throw new IllegalStateException("Unable to find View for tag: " + reactTag);
     }
 
-    ReactViewManagerWrapper viewManager = viewState.mViewManager;
+    ViewManager viewManager = viewState.mViewManager;
     if (viewManager == null) {
       throw new IllegalStateException("Unable to find ViewManager for view: " + viewState);
     }
@@ -1077,7 +1059,7 @@ public void updateState(final int reactTag, @Nullable StateWrapper stateWrapper)
     StateWrapper prevStateWrapper = viewState.mStateWrapper;
     viewState.mStateWrapper = stateWrapper;
 
-    ReactViewManagerWrapper viewManager = viewState.mViewManager;
+    ViewManager viewManager = viewState.mViewManager;
 
     if (viewManager == null) {
       throw new IllegalStateException("Unable to find ViewManager for tag: " + reactTag);
@@ -1177,7 +1159,7 @@ private void onViewStateDeleted(ViewState viewState) {
     }
 
     // For non-root views we notify viewmanager with {@link ViewManager#onDropInstance}
-    ReactViewManagerWrapper viewManager = viewState.mViewManager;
+    ViewManager viewManager = viewState.mViewManager;
     if (!viewState.mIsRoot && viewManager != null) {
       viewManager.onDropViewInstance(viewState.mView);
     }
@@ -1212,7 +1194,7 @@ public void deleteView(int reactTag) {
   public void preallocateView(
       @NonNull String componentName,
       int reactTag,
-      @Nullable Object props,
+      @Nullable ReadableMap props,
       @Nullable StateWrapper stateWrapper,
       @Nullable EventEmitterWrapper eventEmitterWrapper,
       boolean isLayoutable) {
@@ -1272,7 +1254,7 @@ public View getView(int reactTag) {
     if (viewState.mViewManager == null) {
       throw new IllegalStateException("Unable to find ViewManager for view: " + viewState);
     }
-    return (IViewGroupManager<ViewGroup>) viewState.mViewManager.getViewGroupManager();
+    return (IViewGroupManager<ViewGroup>) viewState.mViewManager;
   }
 
   public void printSurfaceState() {
@@ -1339,8 +1321,8 @@ private static class ViewState {
     @Nullable final View mView;
     final int mReactTag;
     final boolean mIsRoot;
-    @Nullable final ReactViewManagerWrapper mViewManager;
-    @Nullable public Object mCurrentProps = null;
+    @Nullable final ViewManager mViewManager;
+    @Nullable public ReactStylesDiffMap mCurrentProps = null;
     @Nullable public ReadableMap mCurrentLocalData = null;
     @Nullable public StateWrapper mStateWrapper = null;
     @Nullable public EventEmitterWrapper mEventEmitter = null;
@@ -1349,16 +1331,12 @@ private static class ViewState {
     @Nullable
     public Queue<PendingViewEvent> mPendingEventQueue = null;
 
-    private ViewState(
-        int reactTag, @Nullable View view, @Nullable ReactViewManagerWrapper viewManager) {
+    private ViewState(int reactTag, @Nullable View view, @Nullable ViewManager viewManager) {
       this(reactTag, view, viewManager, false);
     }
 
     private ViewState(
-        int reactTag,
-        @Nullable View view,
-        @Nullable ReactViewManagerWrapper viewManager,
-        boolean isRoot) {
+        int reactTag, @Nullable View view, @Nullable ViewManager viewManager, boolean isRoot) {
       mReactTag = reactTag;
       mView = view;
       mIsRoot = isRoot;
@@ -1454,19 +1432,21 @@ public void doFrameGuarded(long frameTimeNanos) {
           ViewState thisViewState = getNullableViewState(reactTag);
           if (thisViewState != null) {
             View thisView = thisViewState.mView;
-            int numChildren = 0;
+            ViewManager thisViewManager = thisViewState.mViewManager;
+            if (thisViewManager instanceof IViewGroupManager) {
+              IViewGroupManager viewManager = (IViewGroupManager) thisViewManager;
 
-            // Children are managed by React Native if both of the following are true:
-            // 1) There are 1 or more children of this View, which must be a ViewGroup
-            // 2) Those children are managed by RN (this is not the case for certain native
-            // components, like embedded Litho hierarchies)
-            boolean childrenAreManaged = false;
+              // Children are managed by React Native if both of the following are true:
+              // 1) There are 1 or more children of this View, which must be a ViewGroup
+              // 2) Those children are managed by RN (this is not the case for certain native
+              // components, like embedded Litho hierarchies)
+              boolean childrenAreManaged = false;
 
-            if (thisView instanceof ViewGroup) {
-              View nextChild = null;
               // For reasons documented elsewhere in this class, getChildCount is not
               // necessarily reliable, and so we rely instead on requesting children directly.
-              while ((nextChild = ((ViewGroup) thisView).getChildAt(numChildren)) != null) {
+              View nextChild = null;
+              int numChildren = 0;
+              while ((nextChild = viewManager.getChildAt(thisView, numChildren)) != null) {
                 int childId = nextChild.getId();
                 childrenAreManaged = childrenAreManaged || getNullableViewState(childId) != null;
                 localChildren.push(nextChild.getId());
@@ -1486,16 +1466,17 @@ public void doFrameGuarded(long frameTimeNanos) {
                   // In debug mode, the SoftException will cause a crash. In production it
                   // will not. This should give good visibility into whether or not this is
                   // a problem without causing user-facing errors.
-                  ((ViewGroup) thisView).removeAllViews();
+                  viewManager.removeAllViews(thisView);
                 } catch (RuntimeException e) {
                   childrenAreManaged = false;
                   ReactSoftExceptionLogger.logSoftException(TAG, e);
                 }
               }
-            }
-            if (childrenAreManaged) {
-              // Push tags onto the stack so we process all children
-              mReactTagsToRemove.addAll(localChildren);
+
+              if (childrenAreManaged) {
+                // Push tags onto the stack so we process all children
+                mReactTagsToRemove.addAll(localChildren);
+              }
             }
 
             // Immediately remove tag and notify listeners.
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem.java
index 43b6d7120b995d..feedcc4bc2f4cb 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchCommandMountItem.java
@@ -8,12 +8,14 @@
 package com.facebook.react.fabric.mounting.mountitems;
 
 import androidx.annotation.UiThread;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * This is a common interface for View Command operations. Once we delete the deprecated {@link
  * DispatchIntCommandMountItem}, we can delete this interface too. It provides a set of common
  * operations to simplify generic operations on all types of ViewCommands.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public abstract class DispatchCommandMountItem implements MountItem {
   private int mNumRetries = 0;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchIntCommandMountItem.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchIntCommandMountItem.java
index 89f69e1288853f..887ac2e1026b97 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchIntCommandMountItem.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchIntCommandMountItem.java
@@ -9,9 +9,11 @@
 
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.fabric.mounting.MountingManager;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 final class DispatchIntCommandMountItem extends DispatchCommandMountItem {
 
   private final int mSurfaceId;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchStringCommandMountItem.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchStringCommandMountItem.java
index c86abde48e9fb3..4b68d18aef8e5c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchStringCommandMountItem.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/DispatchStringCommandMountItem.java
@@ -9,9 +9,11 @@
 
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.fabric.mounting.MountingManager;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 final class DispatchStringCommandMountItem extends DispatchCommandMountItem {
 
   private final int mSurfaceId;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/FabricNameComponentMapping.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/FabricNameComponentMapping.java
index bd5e1488227c97..cfe711f94526a9 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/FabricNameComponentMapping.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/FabricNameComponentMapping.java
@@ -8,6 +8,7 @@
 package com.facebook.react.fabric.mounting.mountitems;
 
 import androidx.annotation.NonNull;
+import com.facebook.infer.annotation.Nullsafe;
 import java.util.HashMap;
 import java.util.Map;
 
@@ -17,6 +18,7 @@
  * <p>TODO T97384889: remove this class when the component names are unified between JS - Android -
  * iOS - C++
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class FabricNameComponentMapping {
 
   private static @NonNull final Map<String, String> sComponentNames = new HashMap<>();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/IntBufferBatchMountItem.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/IntBufferBatchMountItem.java
index ad286fcdd17251..03cdf0d6dbf36e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/IntBufferBatchMountItem.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/IntBufferBatchMountItem.java
@@ -16,6 +16,7 @@
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.ReactMarker;
 import com.facebook.react.bridge.ReactMarkerConstants;
+import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.fabric.events.EventEmitterWrapper;
 import com.facebook.react.fabric.mounting.MountingManager;
 import com.facebook.react.fabric.mounting.SurfaceMountingManager;
@@ -89,14 +90,6 @@ private void endMarkers() {
     Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
   }
 
-  private static StateWrapper castToState(Object obj) {
-    return obj != null ? (StateWrapper) obj : null;
-  }
-
-  private static EventEmitterWrapper castToEventEmitter(Object obj) {
-    return obj != null ? (EventEmitterWrapper) obj : null;
-  }
-
   @Override
   public void execute(@NonNull MountingManager mountingManager) {
     SurfaceMountingManager surfaceMountingManager = mountingManager.getSurfaceManager(mSurfaceId);
@@ -128,9 +121,9 @@ public void execute(@NonNull MountingManager mountingManager) {
           surfaceMountingManager.createView(
               componentName,
               mIntBuffer[i++],
-              mObjBuffer[j++],
-              castToState(mObjBuffer[j++]),
-              castToEventEmitter(mObjBuffer[j++]),
+              (ReadableMap) mObjBuffer[j++],
+              (StateWrapper) mObjBuffer[j++],
+              (EventEmitterWrapper) mObjBuffer[j++],
               mIntBuffer[i++] == 1);
         } else if (type == INSTRUCTION_DELETE) {
           surfaceMountingManager.deleteView(mIntBuffer[i++]);
@@ -144,9 +137,9 @@ public void execute(@NonNull MountingManager mountingManager) {
           surfaceMountingManager.removeDeleteTreeAt(
               mIntBuffer[i++], mIntBuffer[i++], mIntBuffer[i++]);
         } else if (type == INSTRUCTION_UPDATE_PROPS) {
-          surfaceMountingManager.updateProps(mIntBuffer[i++], mObjBuffer[j++]);
+          surfaceMountingManager.updateProps(mIntBuffer[i++], (ReadableMap) mObjBuffer[j++]);
         } else if (type == INSTRUCTION_UPDATE_STATE) {
-          surfaceMountingManager.updateState(mIntBuffer[i++], castToState(mObjBuffer[j++]));
+          surfaceMountingManager.updateState(mIntBuffer[i++], (StateWrapper) mObjBuffer[j++]);
         } else if (type == INSTRUCTION_UPDATE_LAYOUT) {
           int reactTag = mIntBuffer[i++];
           int parentTag = mIntBuffer[i++];
@@ -177,7 +170,7 @@ public void execute(@NonNull MountingManager mountingManager) {
               overflowInsetBottom);
         } else if (type == INSTRUCTION_UPDATE_EVENT_EMITTER) {
           surfaceMountingManager.updateEventEmitter(
-              mIntBuffer[i++], castToEventEmitter(mObjBuffer[j++]));
+              mIntBuffer[i++], (EventEmitterWrapper) mObjBuffer[j++]);
         } else {
           throw new IllegalArgumentException(
               "Invalid type argument to IntBufferBatchMountItem: " + type + " at index: " + i);
@@ -239,7 +232,7 @@ public String toString() {
                     : "<hidden>";
             s.append(String.format("UPDATE PROPS [%d]: %s\n", mIntBuffer[i++], propsString));
           } else if (type == INSTRUCTION_UPDATE_STATE) {
-            StateWrapper state = castToState(mObjBuffer[j++]);
+            StateWrapper state = (StateWrapper) mObjBuffer[j++];
             String stateString =
                 IS_DEVELOPMENT_ENVIRONMENT
                     ? (state != null ? state.toString() : "<null>")
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/MountItemFactory.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/MountItemFactory.java
index b68adff51119f5..b435d889decbb5 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/MountItemFactory.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/MountItemFactory.java
@@ -9,11 +9,14 @@
 
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.fabric.events.EventEmitterWrapper;
 import com.facebook.react.uimanager.StateWrapper;
 
 /** Factory class that expose creation of {@link MountItem} */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class MountItemFactory {
 
   /** @return a {@link DispatchCommandMountItem} for commands identified by an int */
@@ -39,7 +42,7 @@ public static MountItem createPreAllocateViewMountItem(
       int surfaceId,
       int reactTag,
       @NonNull String component,
-      @Nullable Object props,
+      @Nullable ReadableMap props,
       @Nullable StateWrapper stateWrapper,
       @Nullable EventEmitterWrapper eventEmitterWrapper,
       boolean isLayoutable) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/PreAllocateViewMountItem.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/PreAllocateViewMountItem.java
index 8f4f6feab3c83e..8c51dce3b90d4b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/PreAllocateViewMountItem.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/PreAllocateViewMountItem.java
@@ -14,18 +14,21 @@
 import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
+import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.fabric.events.EventEmitterWrapper;
 import com.facebook.react.fabric.mounting.MountingManager;
 import com.facebook.react.fabric.mounting.SurfaceMountingManager;
 import com.facebook.react.uimanager.StateWrapper;
 
 /** {@link MountItem} that is used to pre-allocate views for JS components. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 final class PreAllocateViewMountItem implements MountItem {
 
   private final @NonNull String mComponent;
   private final int mSurfaceId;
   private final int mReactTag;
-  private final @Nullable Object mProps;
+  private final @Nullable ReadableMap mProps;
   private final @Nullable StateWrapper mStateWrapper;
   private final @Nullable EventEmitterWrapper mEventEmitterWrapper;
   private final boolean mIsLayoutable;
@@ -34,7 +37,7 @@ final class PreAllocateViewMountItem implements MountItem {
       int surfaceId,
       int reactTag,
       @NonNull String component,
-      @Nullable Object props,
+      @Nullable ReadableMap props,
       @Nullable StateWrapper stateWrapper,
       @Nullable EventEmitterWrapper eventEmitterWrapper,
       boolean isLayoutable) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/SendAccessibilityEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/SendAccessibilityEvent.java
index 7acdc030099e75..37c85f9db6b762 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/SendAccessibilityEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/SendAccessibilityEvent.java
@@ -8,10 +8,12 @@
 package com.facebook.react.fabric.mounting.mountitems;
 
 import androidx.annotation.NonNull;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
 import com.facebook.react.bridge.RetryableMountingLayerException;
 import com.facebook.react.fabric.mounting.MountingManager;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class SendAccessibilityEvent implements MountItem {
 
   private final String TAG = "Fabric.SendAccessibilityEvent";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/SendAccessibilityEventMountItem.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/SendAccessibilityEventMountItem.java
index 13e90ada6dd2cb..354d328a97c303 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/SendAccessibilityEventMountItem.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/fabric/mounting/mountitems/SendAccessibilityEventMountItem.java
@@ -8,10 +8,12 @@
 package com.facebook.react.fabric.mounting.mountitems;
 
 import androidx.annotation.NonNull;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
 import com.facebook.react.bridge.RetryableMountingLayerException;
 import com.facebook.react.fabric.mounting.MountingManager;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 final class SendAccessibilityEventMountItem implements MountItem {
 
   private final String TAG = "Fabric.SendAccessibilityEvent";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/flipper/ReactNativeFlipper.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/flipper/ReactNativeFlipper.kt
new file mode 100644
index 00000000000000..472e3e009eb931
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/flipper/ReactNativeFlipper.kt
@@ -0,0 +1,34 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.flipper
+
+import android.content.Context
+import com.facebook.react.ReactInstanceManager
+
+/**
+ * Stub class that does nothing to ease the migration out of Flipper. Users should stop calling
+ * `ReactNativeFlipper.initializeFlipper` in their `MainApplication.java` as this class will be
+ * removed in React Native 0.75 or future versions.
+ */
+@Deprecated(
+    message =
+        "ReactNative/Flipper integration is deprecated. Please remove the call to initializeFlipper from your MainApplication.java",
+    replaceWith = ReplaceWith(""),
+    level = DeprecationLevel.WARNING)
+public object ReactNativeFlipper {
+  @Suppress("UNUSED_PARAMETER")
+  @JvmStatic
+  @Deprecated(
+      message =
+          "ReactNative/Flipper integration is deprecated. Please remove the call to initializeFlipper from your MainApplication.java",
+      replaceWith = ReplaceWith(""),
+      level = DeprecationLevel.WARNING)
+  public fun initializeFlipper(context: Context, reactInstanceManager: ReactInstanceManager) {
+    // no-op
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/TaskInterface.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/TaskInterface.kt
index 6742d1ebfdbeea..c7d968023a24b8 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/TaskInterface.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/TaskInterface.kt
@@ -12,10 +12,10 @@ import java.util.concurrent.TimeUnit
 /**
  * This is the public interface for Task which represents the result of an asynchronous computation.
  */
-interface TaskInterface<TResult> {
+public interface TaskInterface<TResult> {
 
   /** Blocks until the task is complete. */
-  @Throws(InterruptedException::class) fun waitForCompletion()
+  @Throws(InterruptedException::class) public fun waitForCompletion()
 
   /**
    * Blocks until the task is complete or times out.
@@ -23,22 +23,22 @@ interface TaskInterface<TResult> {
    * @return true if the task completed (has a result, an error, or was cancelled). false otherwise.
    */
   @Throws(InterruptedException::class)
-  fun waitForCompletion(duration: Long, timeUnit: TimeUnit?): Boolean
+  public fun waitForCompletion(duration: Long, timeUnit: TimeUnit?): Boolean
 
   /** @return The result of the task, if set. null otherwise. */
-  fun getResult(): TResult?
+  public fun getResult(): TResult?
 
   /** @return The error for the task, if set. null otherwise. */
-  fun getError(): Exception?
+  public fun getError(): Exception?
 
   /**
    * @return true if the task completed (has a result, an error, or was cancelled. false otherwise.
    */
-  fun isCompleted(): Boolean
+  public fun isCompleted(): Boolean
 
   /** @return true if the task was cancelled, false otherwise. */
-  fun isCancelled(): Boolean
+  public fun isCancelled(): Boolean
 
   /** @return true if the task has an error, false otherwise. */
-  fun isFaulted(): Boolean
+  public fun isFaulted(): Boolean
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/exceptionmanager/ReactJsExceptionHandler.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/exceptionmanager/ReactJsExceptionHandler.kt
index ce80a2861796a1..613016b640a72a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/exceptionmanager/ReactJsExceptionHandler.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/exceptionmanager/ReactJsExceptionHandler.kt
@@ -13,6 +13,6 @@ import com.facebook.react.common.mapbuffer.ReadableMapBuffer
 
 @DoNotStripAny
 @UnstableReactNativeAPI
-fun interface ReactJsExceptionHandler {
-  fun reportJsException(errorMap: ReadableMapBuffer?)
+public fun interface ReactJsExceptionHandler {
+  public fun reportJsException(errorMap: ReadableMapBuffer?)
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/fabric/ReactSurface.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/fabric/ReactSurface.kt
index 9d9734a33f8ddb..5f2e13b55e51e2 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/fabric/ReactSurface.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/fabric/ReactSurface.kt
@@ -12,38 +12,38 @@ import android.view.ViewGroup
 import com.facebook.react.interfaces.TaskInterface
 
 /** Represents a Surface in React Native. */
-interface ReactSurface {
+public interface ReactSurface {
 
   // the API of this interface will be completed as we analyze and refactor API of ReactSurface,
   // ReactRootView, etc.
 
   // Returns surface ID of this surface
-  val surfaceID: Int
+  public val surfaceID: Int
 
   // Returns module name of this surface
-  val moduleName: String
+  public val moduleName: String
 
   // Returns whether the surface is running or not
-  val isRunning: Boolean
+  public val isRunning: Boolean
 
   // Returns React root view of this surface
-  val view: ViewGroup?
+  public val view: ViewGroup?
 
   // Returns context associated with the surface
-  val context: Context
+  public val context: Context
 
   // Prerender this surface
-  fun prerender(): TaskInterface<Void>
+  public fun prerender(): TaskInterface<Void>
 
   // Start running this surface
-  fun start(): TaskInterface<Void>
+  public fun start(): TaskInterface<Void>
 
   // Stop running this surface
-  fun stop(): TaskInterface<Void>
+  public fun stop(): TaskInterface<Void>
 
   // Clear surface
-  fun clear()
+  public fun clear()
 
   // Detach surface from Host
-  fun detach()
+  public fun detach()
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/fabric/SurfaceHandler.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/fabric/SurfaceHandler.kt
index 2db1c3f6ab7caf..e6a50eda239dbb 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/fabric/SurfaceHandler.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/interfaces/fabric/SurfaceHandler.kt
@@ -12,32 +12,32 @@ import javax.annotation.concurrent.ThreadSafe
 
 /** Represents a Java variant of the surface, its status and inner data required to display it. */
 @ThreadSafe
-interface SurfaceHandler {
+public interface SurfaceHandler {
 
   /**
    * Provides current surface id. Id should be updated after each call to {@link
    * SurfaceHandler#stop}
    */
-  val surfaceId: Int
+  public val surfaceId: Int
 
-  val isRunning: Boolean
+  public val isRunning: Boolean
 
-  val moduleName: String
+  public val moduleName: String
 
   /** Starts the surface if the surface is not running */
-  fun start()
+  public fun start()
 
   /** Stops the surface if it is currently running */
-  fun stop()
+  public fun stop()
 
-  fun setProps(props: NativeMap)
+  public fun setProps(props: NativeMap)
 
   /**
    * Updates current surface id. Id should be updated after each call to {@link SurfaceHandler#stop}
    */
-  fun setSurfaceId(surfaceId: Int)
+  public fun setSurfaceId(surfaceId: Int)
 
-  fun setLayoutConstraints(
+  public fun setLayoutConstraints(
       widthMeasureSpec: Int,
       heightMeasureSpec: Int,
       offsetX: Int,
@@ -47,5 +47,5 @@ interface SurfaceHandler {
       pixelDensity: Float
   )
 
-  fun setMountable(mountable: Boolean)
+  public fun setMountable(mountable: Boolean)
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/AndroidChoreographerProvider.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/AndroidChoreographerProvider.java
new file mode 100644
index 00000000000000..745be44af60b49
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/AndroidChoreographerProvider.java
@@ -0,0 +1,41 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.internal;
+
+import com.facebook.infer.annotation.Nullsafe;
+import com.facebook.react.bridge.UiThreadUtil;
+
+/** An implementation of ChoreographerProvider that directly uses android.view.Choreographer. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
+public final class AndroidChoreographerProvider implements ChoreographerProvider {
+
+  public static final class AndroidChoreographer implements ChoreographerProvider.Choreographer {
+    private final android.view.Choreographer sInstance = android.view.Choreographer.getInstance();
+
+    public void postFrameCallback(android.view.Choreographer.FrameCallback callback) {
+      sInstance.postFrameCallback(callback);
+    }
+
+    public void removeFrameCallback(android.view.Choreographer.FrameCallback callback) {
+      sInstance.removeFrameCallback(callback);
+    }
+  }
+
+  private static class Holder {
+    private static final AndroidChoreographerProvider INSTANCE = new AndroidChoreographerProvider();
+  }
+
+  public static AndroidChoreographerProvider getInstance() {
+    return Holder.INSTANCE;
+  }
+
+  public Choreographer getChoreographer() {
+    UiThreadUtil.assertOnUiThread();
+    return new AndroidChoreographer();
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/ChoreographerProvider.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/ChoreographerProvider.java
new file mode 100644
index 00000000000000..1cfcb2268e45b1
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/ChoreographerProvider.java
@@ -0,0 +1,30 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.internal;
+
+public interface ChoreographerProvider {
+  /**
+   * The interface to a android.view.Choreographer-like object, that can either use the
+   * android.view.Choreographer or a mock one for testing purposes, or override built-in
+   * android.view.Choreographer's behaviors.
+   */
+  interface Choreographer {
+
+    /** Posts a frame callback to run on the next frame. */
+    void postFrameCallback(android.view.Choreographer.FrameCallback callback);
+    /** Removes a previously posted frame callback. */
+    void removeFrameCallback(android.view.Choreographer.FrameCallback callback);
+  }
+
+  /**
+   * Get an instance of Choreographer.
+   *
+   * @return An instance of Choreographer.
+   */
+  Choreographer getChoreographer();
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlags.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlags.kt
new file mode 100644
index 00000000000000..487f43d409c9a4
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlags.kt
@@ -0,0 +1,135 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<c526fb1c44f00f5b032684396246e4d4>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+package com.facebook.react.internal.featureflags
+
+/**
+ * This object provides access to internal React Native feature flags.
+ *
+ * All the methods are thread-safe if you handle `override` correctly.
+ */
+public object ReactNativeFeatureFlags {
+  private var accessorProvider: () -> ReactNativeFeatureFlagsAccessor = { ReactNativeFeatureFlagsCxxAccessor() }
+  private var accessor: ReactNativeFeatureFlagsAccessor = accessorProvider()
+
+  /**
+   * Common flag for testing. Do NOT modify.
+   */
+  @JvmStatic
+  public fun commonTestFlag(): Boolean = accessor.commonTestFlag()
+
+  /**
+   * Enables the use of a background executor to compute layout and commit updates on Fabric (this system is deprecated and should not be used).
+   */
+  @JvmStatic
+  public fun enableBackgroundExecutor(): Boolean = accessor.enableBackgroundExecutor()
+
+  /**
+   * When enabled, it uses the modern fork of RuntimeScheduler that allows scheduling tasks with priorities from any thread.
+   */
+  @JvmStatic
+  public fun useModernRuntimeScheduler(): Boolean = accessor.useModernRuntimeScheduler()
+
+  /**
+   * Enables the use of microtasks in Hermes (scheduling) and RuntimeScheduler (execution).
+   */
+  @JvmStatic
+  public fun enableMicrotasks(): Boolean = accessor.enableMicrotasks()
+
+  /**
+   * When enabled, the RuntimeScheduler processing the event loop will batch all rendering updates and dispatch them together at the end of each iteration of the loop.
+   */
+  @JvmStatic
+  public fun batchRenderingUpdatesInEventLoop(): Boolean = accessor.batchRenderingUpdatesInEventLoop()
+
+  /**
+   * Uses new, deduplicated logic for constructing Android Spannables from text fragments
+   */
+  @JvmStatic
+  public fun enableSpannableBuildingUnification(): Boolean = accessor.enableSpannableBuildingUnification()
+
+  /**
+   * When enabled, Fabric will use customDrawOrder in ReactViewGroup (similar to old architecture).
+   */
+  @JvmStatic
+  public fun enableCustomDrawOrderFabric(): Boolean = accessor.enableCustomDrawOrderFabric()
+
+  /**
+   * Attempt at fixing a crash related to subview clipping on Android. This is a kill switch for the fix
+   */
+  @JvmStatic
+  public fun enableFixForClippedSubviewsCrash(): Boolean = accessor.enableFixForClippedSubviewsCrash()
+
+  /**
+   * Flag determining if the C++ implementation of InspectorPackagerConnection should be used instead of the per-platform one. This flag is global and should not be changed across React Host lifetimes.
+   */
+  @JvmStatic
+  public fun inspectorEnableCxxInspectorPackagerConnection(): Boolean = accessor.inspectorEnableCxxInspectorPackagerConnection()
+
+  /**
+   * Flag determining if the modern CDP backend should be enabled. This flag is global and should not be changed across React Host lifetimes.
+   */
+  @JvmStatic
+  public fun inspectorEnableModernCDPRegistry(): Boolean = accessor.inspectorEnableModernCDPRegistry()
+
+  /**
+   * Overrides the feature flags with the ones provided by the given provider
+   * (generally one that extends `ReactNativeFeatureFlagsDefaults`).
+   *
+   * This method must be called before you initialize the React Native runtime.
+   *
+   * @example
+   *
+   * ```
+   * ReactNativeFeatureFlags.override(object : ReactNativeFeatureFlagsDefaults() {
+   *   override fun someFlag(): Boolean = true // or a dynamic value
+   * })
+   * ```
+   */
+  @JvmStatic
+  public fun override(provider: ReactNativeFeatureFlagsProvider): Unit = accessor.override(provider)
+
+  /**
+   * Removes the overridden feature flags and makes the API return default
+   * values again.
+   *
+   * This should only be called if you destroy the React Native runtime and
+   * need to create a new one with different overrides. In that case,
+   * call `dangerouslyReset` after destroying the runtime and `override`
+   * again before initializing the new one.
+   */
+  @JvmStatic
+  public fun dangerouslyReset() {
+    // This is necessary when the accessor interops with C++ and we need to
+    // remove the overrides set there.
+    accessor.dangerouslyReset()
+
+    // This discards the cached values and the overrides set in the JVM.
+    accessor = accessorProvider()
+  }
+
+  /**
+   * This is just used to replace the default ReactNativeFeatureFlagsCxxAccessor
+   * that uses JNI with a version that doesn't, to simplify testing.
+   */
+  internal fun setAccessorProvider(newAccessorProvider: () -> ReactNativeFeatureFlagsAccessor) {
+    accessorProvider = newAccessorProvider
+    accessor = accessorProvider()
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsAccessor.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsAccessor.kt
new file mode 100644
index 00000000000000..b20cafdc4c215e
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsAccessor.kt
@@ -0,0 +1,14 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.internal.featureflags
+
+public interface ReactNativeFeatureFlagsAccessor : ReactNativeFeatureFlagsProvider {
+  public fun override(provider: ReactNativeFeatureFlagsProvider)
+
+  public fun dangerouslyReset()
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsCxxAccessor.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsCxxAccessor.kt
new file mode 100644
index 00000000000000..3e38e9f251cbd8
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsCxxAccessor.kt
@@ -0,0 +1,128 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<11824621ee7ca5dbdf2f09bdf1a1f983>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+package com.facebook.react.internal.featureflags
+
+public class ReactNativeFeatureFlagsCxxAccessor : ReactNativeFeatureFlagsAccessor {
+  private var commonTestFlagCache: Boolean? = null
+  private var enableBackgroundExecutorCache: Boolean? = null
+  private var useModernRuntimeSchedulerCache: Boolean? = null
+  private var enableMicrotasksCache: Boolean? = null
+  private var batchRenderingUpdatesInEventLoopCache: Boolean? = null
+  private var enableSpannableBuildingUnificationCache: Boolean? = null
+  private var enableCustomDrawOrderFabricCache: Boolean? = null
+  private var enableFixForClippedSubviewsCrashCache: Boolean? = null
+  private var inspectorEnableCxxInspectorPackagerConnectionCache: Boolean? = null
+  private var inspectorEnableModernCDPRegistryCache: Boolean? = null
+
+  override fun commonTestFlag(): Boolean {
+    var cached = commonTestFlagCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.commonTestFlag()
+      commonTestFlagCache = cached
+    }
+    return cached
+  }
+
+  override fun enableBackgroundExecutor(): Boolean {
+    var cached = enableBackgroundExecutorCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.enableBackgroundExecutor()
+      enableBackgroundExecutorCache = cached
+    }
+    return cached
+  }
+
+  override fun useModernRuntimeScheduler(): Boolean {
+    var cached = useModernRuntimeSchedulerCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.useModernRuntimeScheduler()
+      useModernRuntimeSchedulerCache = cached
+    }
+    return cached
+  }
+
+  override fun enableMicrotasks(): Boolean {
+    var cached = enableMicrotasksCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.enableMicrotasks()
+      enableMicrotasksCache = cached
+    }
+    return cached
+  }
+
+  override fun batchRenderingUpdatesInEventLoop(): Boolean {
+    var cached = batchRenderingUpdatesInEventLoopCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.batchRenderingUpdatesInEventLoop()
+      batchRenderingUpdatesInEventLoopCache = cached
+    }
+    return cached
+  }
+
+  override fun enableSpannableBuildingUnification(): Boolean {
+    var cached = enableSpannableBuildingUnificationCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.enableSpannableBuildingUnification()
+      enableSpannableBuildingUnificationCache = cached
+    }
+    return cached
+  }
+
+  override fun enableCustomDrawOrderFabric(): Boolean {
+    var cached = enableCustomDrawOrderFabricCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.enableCustomDrawOrderFabric()
+      enableCustomDrawOrderFabricCache = cached
+    }
+    return cached
+  }
+
+  override fun enableFixForClippedSubviewsCrash(): Boolean {
+    var cached = enableFixForClippedSubviewsCrashCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.enableFixForClippedSubviewsCrash()
+      enableFixForClippedSubviewsCrashCache = cached
+    }
+    return cached
+  }
+
+  override fun inspectorEnableCxxInspectorPackagerConnection(): Boolean {
+    var cached = inspectorEnableCxxInspectorPackagerConnectionCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.inspectorEnableCxxInspectorPackagerConnection()
+      inspectorEnableCxxInspectorPackagerConnectionCache = cached
+    }
+    return cached
+  }
+
+  override fun inspectorEnableModernCDPRegistry(): Boolean {
+    var cached = inspectorEnableModernCDPRegistryCache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.inspectorEnableModernCDPRegistry()
+      inspectorEnableModernCDPRegistryCache = cached
+    }
+    return cached
+  }
+
+  override fun override(provider: ReactNativeFeatureFlagsProvider): Unit =
+      ReactNativeFeatureFlagsCxxInterop.override(provider as Any)
+
+  override fun dangerouslyReset(): Unit = ReactNativeFeatureFlagsCxxInterop.dangerouslyReset()
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsCxxInterop.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsCxxInterop.kt
new file mode 100644
index 00000000000000..d3518e6cba082d
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsCxxInterop.kt
@@ -0,0 +1,54 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<dfbe9bcab657e4c66dd104788639448d>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+package com.facebook.react.internal.featureflags
+
+import com.facebook.proguard.annotations.DoNotStrip
+import com.facebook.soloader.SoLoader
+
+@DoNotStrip
+public object ReactNativeFeatureFlagsCxxInterop {
+  init {
+    SoLoader.loadLibrary("react_featureflagsjni")
+  }
+
+  @DoNotStrip @JvmStatic public external fun commonTestFlag(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun enableBackgroundExecutor(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun useModernRuntimeScheduler(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun enableMicrotasks(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun batchRenderingUpdatesInEventLoop(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun enableSpannableBuildingUnification(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun enableCustomDrawOrderFabric(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun enableFixForClippedSubviewsCrash(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun inspectorEnableCxxInspectorPackagerConnection(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun inspectorEnableModernCDPRegistry(): Boolean
+
+  @DoNotStrip @JvmStatic public external fun override(provider: Any)
+
+  @DoNotStrip @JvmStatic public external fun dangerouslyReset()
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsDefaults.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsDefaults.kt
new file mode 100644
index 00000000000000..e75ba65f44d08b
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsDefaults.kt
@@ -0,0 +1,45 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<cc8e437bf2f486949f256a19d3d73a1e>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+package com.facebook.react.internal.featureflags
+
+public open class ReactNativeFeatureFlagsDefaults : ReactNativeFeatureFlagsProvider {
+  // We could use JNI to get the defaults from C++,
+  // but that is more expensive than just duplicating the defaults here.
+
+  override fun commonTestFlag(): Boolean = false
+
+  override fun enableBackgroundExecutor(): Boolean = false
+
+  override fun useModernRuntimeScheduler(): Boolean = false
+
+  override fun enableMicrotasks(): Boolean = false
+
+  override fun batchRenderingUpdatesInEventLoop(): Boolean = false
+
+  override fun enableSpannableBuildingUnification(): Boolean = false
+
+  override fun enableCustomDrawOrderFabric(): Boolean = false
+
+  override fun enableFixForClippedSubviewsCrash(): Boolean = false
+
+  override fun inspectorEnableCxxInspectorPackagerConnection(): Boolean = false
+
+  override fun inspectorEnableModernCDPRegistry(): Boolean = false
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsForTests.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsForTests.kt
new file mode 100644
index 00000000000000..6ffe28c3e16cdc
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsForTests.kt
@@ -0,0 +1,14 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.internal.featureflags
+
+public object ReactNativeFeatureFlagsForTests {
+  public fun setUp() {
+    ReactNativeFeatureFlags.setAccessorProvider { ReactNativeFeatureFlagsLocalAccessor() }
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsLocalAccessor.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsLocalAccessor.kt
new file mode 100644
index 00000000000000..2fcc689a55e16c
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsLocalAccessor.kt
@@ -0,0 +1,151 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<63356ad414e641eae11ca07b1a876fd3>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+package com.facebook.react.internal.featureflags
+
+public class ReactNativeFeatureFlagsLocalAccessor : ReactNativeFeatureFlagsAccessor {
+  private var currentProvider: ReactNativeFeatureFlagsProvider = ReactNativeFeatureFlagsDefaults()
+
+  private val accessedFeatureFlags = mutableSetOf<String>()
+
+  private var commonTestFlagCache: Boolean? = null
+  private var enableBackgroundExecutorCache: Boolean? = null
+  private var useModernRuntimeSchedulerCache: Boolean? = null
+  private var enableMicrotasksCache: Boolean? = null
+  private var batchRenderingUpdatesInEventLoopCache: Boolean? = null
+  private var enableSpannableBuildingUnificationCache: Boolean? = null
+  private var enableCustomDrawOrderFabricCache: Boolean? = null
+  private var enableFixForClippedSubviewsCrashCache: Boolean? = null
+  private var inspectorEnableCxxInspectorPackagerConnectionCache: Boolean? = null
+  private var inspectorEnableModernCDPRegistryCache: Boolean? = null
+
+  override fun commonTestFlag(): Boolean {
+    var cached = commonTestFlagCache
+    if (cached == null) {
+      cached = currentProvider.commonTestFlag()
+      accessedFeatureFlags.add("commonTestFlag")
+      commonTestFlagCache = cached
+    }
+    return cached
+  }
+
+  override fun enableBackgroundExecutor(): Boolean {
+    var cached = enableBackgroundExecutorCache
+    if (cached == null) {
+      cached = currentProvider.enableBackgroundExecutor()
+      accessedFeatureFlags.add("enableBackgroundExecutor")
+      enableBackgroundExecutorCache = cached
+    }
+    return cached
+  }
+
+  override fun useModernRuntimeScheduler(): Boolean {
+    var cached = useModernRuntimeSchedulerCache
+    if (cached == null) {
+      cached = currentProvider.useModernRuntimeScheduler()
+      accessedFeatureFlags.add("useModernRuntimeScheduler")
+      useModernRuntimeSchedulerCache = cached
+    }
+    return cached
+  }
+
+  override fun enableMicrotasks(): Boolean {
+    var cached = enableMicrotasksCache
+    if (cached == null) {
+      cached = currentProvider.enableMicrotasks()
+      accessedFeatureFlags.add("enableMicrotasks")
+      enableMicrotasksCache = cached
+    }
+    return cached
+  }
+
+  override fun batchRenderingUpdatesInEventLoop(): Boolean {
+    var cached = batchRenderingUpdatesInEventLoopCache
+    if (cached == null) {
+      cached = currentProvider.batchRenderingUpdatesInEventLoop()
+      accessedFeatureFlags.add("batchRenderingUpdatesInEventLoop")
+      batchRenderingUpdatesInEventLoopCache = cached
+    }
+    return cached
+  }
+
+  override fun enableSpannableBuildingUnification(): Boolean {
+    var cached = enableSpannableBuildingUnificationCache
+    if (cached == null) {
+      cached = currentProvider.enableSpannableBuildingUnification()
+      accessedFeatureFlags.add("enableSpannableBuildingUnification")
+      enableSpannableBuildingUnificationCache = cached
+    }
+    return cached
+  }
+
+  override fun enableCustomDrawOrderFabric(): Boolean {
+    var cached = enableCustomDrawOrderFabricCache
+    if (cached == null) {
+      cached = currentProvider.enableCustomDrawOrderFabric()
+      accessedFeatureFlags.add("enableCustomDrawOrderFabric")
+      enableCustomDrawOrderFabricCache = cached
+    }
+    return cached
+  }
+
+  override fun enableFixForClippedSubviewsCrash(): Boolean {
+    var cached = enableFixForClippedSubviewsCrashCache
+    if (cached == null) {
+      cached = currentProvider.enableFixForClippedSubviewsCrash()
+      accessedFeatureFlags.add("enableFixForClippedSubviewsCrash")
+      enableFixForClippedSubviewsCrashCache = cached
+    }
+    return cached
+  }
+
+  override fun inspectorEnableCxxInspectorPackagerConnection(): Boolean {
+    var cached = inspectorEnableCxxInspectorPackagerConnectionCache
+    if (cached == null) {
+      cached = currentProvider.inspectorEnableCxxInspectorPackagerConnection()
+      accessedFeatureFlags.add("inspectorEnableCxxInspectorPackagerConnection")
+      inspectorEnableCxxInspectorPackagerConnectionCache = cached
+    }
+    return cached
+  }
+
+  override fun inspectorEnableModernCDPRegistry(): Boolean {
+    var cached = inspectorEnableModernCDPRegistryCache
+    if (cached == null) {
+      cached = currentProvider.inspectorEnableModernCDPRegistry()
+      accessedFeatureFlags.add("inspectorEnableModernCDPRegistry")
+      inspectorEnableModernCDPRegistryCache = cached
+    }
+    return cached
+  }
+
+  override fun override(provider: ReactNativeFeatureFlagsProvider) {
+    if (accessedFeatureFlags.isNotEmpty()) {
+      val accessedFeatureFlagsStr = accessedFeatureFlags.joinToString(separator = ", ") { it }
+      throw IllegalStateException(
+          "Feature flags were accessed before being overridden: $accessedFeatureFlagsStr")
+    }
+    currentProvider = provider
+  }
+
+  override fun dangerouslyReset() {
+    // We don't need to do anything here because `ReactNativeFeatureFlags` will
+    // just create a new instance of this class.
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsProvider.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsProvider.kt
new file mode 100644
index 00000000000000..2d4561cc3e6420
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsProvider.kt
@@ -0,0 +1,45 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<c5388e841a06044520f6c89fcca27286>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+package com.facebook.react.internal.featureflags
+
+import com.facebook.proguard.annotations.DoNotStrip
+
+@DoNotStrip
+public interface ReactNativeFeatureFlagsProvider {
+  @DoNotStrip public fun commonTestFlag(): Boolean
+
+  @DoNotStrip public fun enableBackgroundExecutor(): Boolean
+
+  @DoNotStrip public fun useModernRuntimeScheduler(): Boolean
+
+  @DoNotStrip public fun enableMicrotasks(): Boolean
+
+  @DoNotStrip public fun batchRenderingUpdatesInEventLoop(): Boolean
+
+  @DoNotStrip public fun enableSpannableBuildingUnification(): Boolean
+
+  @DoNotStrip public fun enableCustomDrawOrderFabric(): Boolean
+
+  @DoNotStrip public fun enableFixForClippedSubviewsCrash(): Boolean
+
+  @DoNotStrip public fun inspectorEnableCxxInspectorPackagerConnection(): Boolean
+
+  @DoNotStrip public fun inspectorEnableModernCDPRegistry(): Boolean
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/interop/InteropEvent.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/interop/InteropEvent.kt
new file mode 100644
index 00000000000000..3f8522a31bb5df
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/interop/InteropEvent.kt
@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.internal.interop
+
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+
+/**
+ * An [Event] class used by the [InteropEventEmitter]. This class is just holding the event name and
+ * the data which is received by the `receiveEvent` method and will be passed over the the
+ * [com.facebook.react.uimanager.events.EventDispatcher]
+ */
+public class InteropEvent(
+    @get:JvmName("eventName") public val eventName: String,
+    @get:JvmName("eventData") public val eventData: WritableMap?,
+    surfaceId: Int,
+    viewTag: Int
+) : Event<InteropEvent>(surfaceId, viewTag) {
+  override fun getEventName(): String = eventName
+
+  override fun getEventData(): WritableMap? = eventData
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/interop/InteropEventEmitter.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/interop/InteropEventEmitter.kt
new file mode 100644
index 00000000000000..5c4e7e42c30160
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/interop/InteropEventEmitter.kt
@@ -0,0 +1,55 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+@file:Suppress("DEPRECATION") // We want to use RCTEventEmitter for interop purposes
+
+package com.facebook.react.internal.interop
+
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.bridge.WritableArray
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.common.annotations.VisibleForTesting
+import com.facebook.react.uimanager.UIManagerHelper
+import com.facebook.react.uimanager.events.EventDispatcher
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+/**
+ * A reimplementation of [RCTEventEmitter] which is using a [EventDispatcher] under the hood.
+ *
+ * On Fabric, you're supposed to use [EventDispatcher] to dispatch events. However, we provide an
+ * interop layer for non-Fabric migrated components.
+ *
+ * This instance will be returned if the user is invoking `context.getJsModule(RCTEventEmitter) and
+ * is providing support for the `receiveEvent` method, so that non-Fabric ViewManagers can continue
+ * to deliver events also when Fabric is turned on.
+ */
+public class InteropEventEmitter(private val reactContext: ReactContext) : RCTEventEmitter {
+  private var eventDispatcherOverride: EventDispatcher? = null
+
+  @Deprecated("Deprecated in Java")
+  override fun receiveEvent(targetReactTag: Int, eventName: String, eventData: WritableMap?) {
+    val dispatcher: EventDispatcher? =
+        eventDispatcherOverride
+            ?: UIManagerHelper.getEventDispatcherForReactTag(reactContext, targetReactTag)
+    val surfaceId = UIManagerHelper.getSurfaceId(reactContext)
+    dispatcher?.dispatchEvent(InteropEvent(eventName, eventData, surfaceId, targetReactTag))
+  }
+
+  override fun receiveTouches(
+      eventName: String,
+      touches: WritableArray,
+      changedIndices: WritableArray
+  ) {
+    throw UnsupportedOperationException(
+        "EventEmitter#receiveTouches is not supported by the Fabric Interop Layer")
+  }
+
+  @VisibleForTesting
+  public fun overrideEventDispatcher(eventDispatcherOverride: EventDispatcher?) {
+    this.eventDispatcherOverride = eventDispatcherOverride
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManager.java
index d35f956b3b3468..e66dbc3492830b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManager.java
@@ -15,15 +15,16 @@
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.CxxModuleWrapper;
-import com.facebook.react.bridge.JSIModule;
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactNoCrashSoftException;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
 import com.facebook.react.bridge.RuntimeExecutor;
-import com.facebook.react.internal.turbomodule.core.interfaces.CallInvokerHolder;
-import com.facebook.react.internal.turbomodule.core.interfaces.NativeMethodCallInvokerHolder;
 import com.facebook.react.internal.turbomodule.core.interfaces.TurboModule;
 import com.facebook.react.internal.turbomodule.core.interfaces.TurboModuleRegistry;
+import com.facebook.react.turbomodule.core.CallInvokerHolderImpl;
+import com.facebook.react.turbomodule.core.NativeMethodCallInvokerHolderImpl;
+import com.facebook.react.turbomodule.core.interfaces.CallInvokerHolder;
+import com.facebook.react.turbomodule.core.interfaces.NativeMethodCallInvokerHolder;
 import java.util.ArrayList;
 import java.util.Collection;
 import java.util.HashMap;
@@ -35,7 +36,7 @@
  * has a C++ counterpart This class installs the JSI bindings. It also implements the method to get
  * a Java module, that the C++ counterpart calls.
  */
-public class TurboModuleManager implements JSIModule, TurboModuleRegistry {
+public class TurboModuleManager implements TurboModuleRegistry {
   private final List<String> mEagerInitModuleNames;
   private final ModuleProvider mTurboModuleProvider;
   private final ModuleProvider mLegacyModuleProvider;
@@ -424,9 +425,6 @@ private native HybridData initHybrid(
   private native void installJSIBindings(
       boolean shouldCreateLegacyModules, boolean enableSyncVoidMethods);
 
-  @Override
-  public void initialize() {}
-
   @Override
   public void invalidate() {
     /*
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManagerDelegate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManagerDelegate.java
index da493a14fd3397..9fe0fdb630d308 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManagerDelegate.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModuleManagerDelegate.java
@@ -8,6 +8,7 @@
 package com.facebook.react.internal.turbomodule.core;
 
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.NativeModule;
@@ -15,6 +16,7 @@
 import java.util.ArrayList;
 import java.util.List;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public abstract class TurboModuleManagerDelegate {
   @DoNotStrip
   @SuppressWarnings("unused")
@@ -31,6 +33,11 @@ protected TurboModuleManagerDelegate() {
     mHybridData = initHybrid();
   }
 
+  protected TurboModuleManagerDelegate(HybridData hybridData) {
+    maybeLoadOtherSoLibraries();
+    mHybridData = hybridData;
+  }
+
   /**
    * Create and return a TurboModule Java object with name `moduleName`. If `moduleName` isn't a
    * TurboModule, return null.
@@ -70,9 +77,12 @@ public boolean unstable_shouldRouteTurboModulesThroughLegacyModuleInterop() {
     return false;
   }
 
+  /* Can TurboModule methods that return void execute on the JS thread? */
   public boolean unstable_enableSyncVoidMethods() {
     return false;
   }
 
+  // TODO(T171231381): Consider removing this method: could we just use the static initializer
+  // of derived classes instead?
   protected synchronized void maybeLoadOtherSoLibraries() {}
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModulePerfLogger.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModulePerfLogger.java
index e1c512cc3eac84..9a9f198ba624f9 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModulePerfLogger.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/TurboModulePerfLogger.java
@@ -7,10 +7,12 @@
 
 package com.facebook.react.internal.turbomodule.core;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.perflogger.NativeModulePerfLogger;
 import javax.annotation.Nullable;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @DoNotStrip
 class TurboModulePerfLogger {
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/TurboModule.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/TurboModule.kt
index 080effd5290126..0e546d282864a3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/TurboModule.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/TurboModule.kt
@@ -7,13 +7,13 @@
 
 package com.facebook.react.internal.turbomodule.core.interfaces
 /** All turbo modules should inherit from this interface */
-interface TurboModule {
+public interface TurboModule {
   /** Initialize the TurboModule. */
-  fun initialize()
+  public fun initialize()
 
   /**
    * Called during the turn down process of ReactHost. This method is called before React Native is
    * stopped. Override this method to clean up resources used by the TurboModule.
    */
-  fun invalidate()
+  public fun invalidate()
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/TurboModuleRegistry.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/TurboModuleRegistry.kt
index 1e1897436f5ee4..a16f5055db9729 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/TurboModuleRegistry.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/TurboModuleRegistry.kt
@@ -15,29 +15,29 @@ import com.facebook.react.bridge.NativeModule
  * already is a NativeModuleRegistry (a part of the legacy architecture). Once that class is
  * deleted, we should rename this interface accordingly.
  */
-interface TurboModuleRegistry {
+public interface TurboModuleRegistry {
   /**
    * Return the NativeModule instance that has that name `moduleName`. If the `moduleName`
    * TurboModule hasn't been instantiated, instantiate it. If no TurboModule is registered under
    * `moduleName`, return null.
    */
-  fun getModule(moduleName: String): NativeModule?
+  public fun getModule(moduleName: String): NativeModule?
 
   /** Get all instantiated NativeModules. */
-  val modules: Collection<NativeModule>
+  public val modules: Collection<NativeModule>
 
   /** Has the NativeModule with name `moduleName` been instantiated? */
-  fun hasModule(moduleName: String): Boolean
+  public fun hasModule(moduleName: String): Boolean
   /**
    * Return the names of all the NativeModules that are supposed to be eagerly initialized. By
    * calling getModule on each name, this allows the application to eagerly initialize its
    * NativeModules.
    */
-  val eagerInitModuleNames: List<String>
+  public val eagerInitModuleNames: List<String>
 
   /**
    * Called during the turn down process of ReactHost. This method is called before React Native is
    * stopped.
    */
-  fun invalidate()
+  public fun invalidate()
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutor.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutor.kt
index 9816ba833d574e..ed92a48c9bd2ec 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutor.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutor.kt
@@ -14,13 +14,13 @@ import com.facebook.react.bridge.ReadableNativeMap
 import com.facebook.soloader.SoLoader
 
 @DoNotStrip
-class JSCExecutor internal constructor(jscConfig: ReadableNativeMap) :
+public class JSCExecutor internal constructor(jscConfig: ReadableNativeMap) :
     JavaScriptExecutor(initHybrid(jscConfig)) {
   override fun getName(): String {
     return "JSCExecutor"
   }
 
-  companion object {
+  private companion object {
     init {
       loadLibrary()
     }
@@ -31,6 +31,6 @@ class JSCExecutor internal constructor(jscConfig: ReadableNativeMap) :
       SoLoader.loadLibrary("jscexecutor")
     }
 
-    @JvmStatic private external fun initHybrid(jscConfig: ReadableNativeMap): HybridData?
+    @JvmStatic private external fun initHybrid(jscConfig: ReadableNativeMap): HybridData
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutorFactory.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutorFactory.kt
index 6a464495977af0..d4b9ea04e6a62b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutorFactory.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jscexecutor/JSCExecutorFactory.kt
@@ -11,7 +11,7 @@ import com.facebook.react.bridge.JavaScriptExecutor
 import com.facebook.react.bridge.JavaScriptExecutorFactory
 import com.facebook.react.bridge.WritableNativeMap
 
-class JSCExecutorFactory(private val appName: String, private val deviceName: String) :
+public class JSCExecutorFactory(private val appName: String, private val deviceName: String) :
     JavaScriptExecutorFactory {
 
   @Throws(Exception::class)
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jstasks/LinearCountingRetryPolicy.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jstasks/LinearCountingRetryPolicy.java
index eadbe5bfaabf23..a008a5aa0f8ff9 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jstasks/LinearCountingRetryPolicy.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jstasks/LinearCountingRetryPolicy.java
@@ -7,6 +7,9 @@
 
 package com.facebook.react.jstasks;
 
+import com.facebook.infer.annotation.Nullsafe;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class LinearCountingRetryPolicy implements HeadlessJsTaskRetryPolicy {
 
   private final int mRetryAttempts;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jstasks/NoRetryPolicy.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jstasks/NoRetryPolicy.java
index 4c9caca462ddc9..df4ca841fd512e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jstasks/NoRetryPolicy.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/jstasks/NoRetryPolicy.java
@@ -7,6 +7,9 @@
 
 package com.facebook.react.jstasks;
 
+import com.facebook.infer.annotation.Nullsafe;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class NoRetryPolicy implements HeadlessJsTaskRetryPolicy {
 
   public static final NoRetryPolicy INSTANCE = new NoRetryPolicy();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java
index a21b048c97937f..58f11229eaac16 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/accessibilityinfo/AccessibilityInfoModule.java
@@ -13,8 +13,6 @@
 import android.database.ContentObserver;
 import android.net.Uri;
 import android.os.Build;
-import android.os.Handler;
-import android.os.Looper;
 import android.provider.Settings;
 import android.view.accessibility.AccessibilityEvent;
 import android.view.accessibility.AccessibilityManager;
@@ -23,6 +21,7 @@
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
+import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.module.annotations.ReactModule;
 
 /**
@@ -58,7 +57,7 @@ public void onAccessibilityStateChanged(boolean enabled) {
 
   // Listener that is notified when the global TRANSITION_ANIMATION_SCALE.
   private final ContentObserver animationScaleObserver =
-      new ContentObserver(new Handler(Looper.getMainLooper())) {
+      new ContentObserver(UiThreadUtil.getUiThreadHandler()) {
         @Override
         public void onChange(boolean selfChange) {
           this.onChange(selfChange, null);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/ReactChoreographer.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/ReactChoreographer.java
index 2abb9bf37f78d8..a05be50df4b4f6 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/ReactChoreographer.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/core/ReactChoreographer.java
@@ -13,6 +13,7 @@
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.ReactConstants;
+import com.facebook.react.internal.ChoreographerProvider;
 import java.util.ArrayDeque;
 
 /**
@@ -55,9 +56,9 @@ public enum CallbackType {
 
   private static ReactChoreographer sInstance;
 
-  public static void initialize() {
+  public static void initialize(ChoreographerProvider choreographerProvider) {
     if (sInstance == null) {
-      sInstance = new ReactChoreographer();
+      sInstance = new ReactChoreographer(choreographerProvider);
     }
   }
 
@@ -66,8 +67,7 @@ public static ReactChoreographer getInstance() {
     return sInstance;
   }
 
-  // This needs to be volatile due to double checked locking issue - https://fburl.com/z409owpf
-  private @Nullable volatile Choreographer mChoreographer;
+  private @Nullable ChoreographerProvider.Choreographer mChoreographer;
 
   private final ArrayDeque<Choreographer.FrameCallback>[] mCallbackQueues;
 
@@ -101,7 +101,7 @@ public void doFrame(long frameTimeNanos) {
   private int mTotalCallbacks = 0;
   private boolean mHasPostedCallback = false;
 
-  private ReactChoreographer() {
+  private ReactChoreographer(ChoreographerProvider choreographerProvider) {
     mCallbackQueues = new ArrayDeque[CallbackType.values().length];
     for (int i = 0; i < mCallbackQueues.length; i++) {
       mCallbackQueues[i] = new ArrayDeque<>();
@@ -109,7 +109,7 @@ private ReactChoreographer() {
 
     UiThreadUtil.runOnUiThread(
         () -> {
-          mChoreographer = Choreographer.getInstance();
+          mChoreographer = choreographerProvider.getChoreographer();
         });
   }
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/debug/AnimationsDebugModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/debug/AnimationsDebugModule.java
index 7af7fe98c0d6df..95b24e3de2deb3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/debug/AnimationsDebugModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/debug/AnimationsDebugModule.java
@@ -65,7 +65,8 @@ public void stopRecordingFps(double animationStopTimeMs) {
     FpsDebugFrameCallback.FpsInfo fpsInfo = mFrameCallback.getFpsInfo((long) animationStopTimeMs);
 
     if (fpsInfo == null) {
-      Toast.makeText(getReactApplicationContext(), "Unable to get FPS info", Toast.LENGTH_LONG);
+      Toast.makeText(getReactApplicationContext(), "Unable to get FPS info", Toast.LENGTH_LONG)
+          .show();
     } else {
       String fpsString =
           String.format(
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/debug/FpsDebugFrameCallback.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/debug/FpsDebugFrameCallback.java
index db33014aea0e6b..395e338e1b8974 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/debug/FpsDebugFrameCallback.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/debug/FpsDebugFrameCallback.java
@@ -56,7 +56,7 @@ public FpsInfo(
     }
   }
 
-  private static final double EXPECTED_FRAME_TIME = 16.9;
+  private static final double DEFAULT_FPS = 60.0;
 
   private @Nullable Choreographer mChoreographer;
   private final ReactContext mReactContext;
@@ -70,12 +70,12 @@ public FpsInfo(
   private int m4PlusFrameStutters = 0;
   private int mNumFrameCallbacksWithBatchDispatches = 0;
   private boolean mIsRecordingFpsInfoAtEachFrame = false;
+  private double mTargetFps = DEFAULT_FPS;
   private @Nullable TreeMap<Long, FpsInfo> mTimeToFps;
 
   public FpsDebugFrameCallback(ReactContext reactContext) {
     mReactContext = reactContext;
-    mUIManagerModule =
-        Assertions.assertNotNull(reactContext.getNativeModule(UIManagerModule.class));
+    mUIManagerModule = reactContext.getNativeModule(UIManagerModule.class);
     mDidJSUpdateUiDuringFrameDetector = new DidJSUpdateUiDuringFrameDetector();
   }
 
@@ -120,10 +120,21 @@ public void doFrame(long l) {
   }
 
   public void start() {
-    mReactContext
-        .getCatalystInstance()
-        .addBridgeIdleDebugListener(mDidJSUpdateUiDuringFrameDetector);
-    mUIManagerModule.setViewHierarchyUpdateDebugListener(mDidJSUpdateUiDuringFrameDetector);
+    start(mTargetFps);
+  }
+
+  public void start(double targetFps) {
+    // T172641976: re-think if we need to implement addBridgeIdleDebugListener and
+    // removeBridgeIdleDebugListener for Bridgeless
+    if (!mReactContext.isBridgeless()) {
+      mReactContext
+          .getCatalystInstance()
+          .addBridgeIdleDebugListener(mDidJSUpdateUiDuringFrameDetector);
+    }
+    if (mUIManagerModule != null) {
+      mUIManagerModule.setViewHierarchyUpdateDebugListener(mDidJSUpdateUiDuringFrameDetector);
+    }
+    mTargetFps = targetFps;
     UiThreadUtil.runOnUiThread(
         () -> {
           mChoreographer = Choreographer.getInstance();
@@ -138,10 +149,14 @@ public void startAndRecordFpsAtEachFrame() {
   }
 
   public void stop() {
-    mReactContext
-        .getCatalystInstance()
-        .removeBridgeIdleDebugListener(mDidJSUpdateUiDuringFrameDetector);
-    mUIManagerModule.setViewHierarchyUpdateDebugListener(null);
+    if (!mReactContext.isBridgeless()) {
+      mReactContext
+          .getCatalystInstance()
+          .removeBridgeIdleDebugListener(mDidJSUpdateUiDuringFrameDetector);
+    }
+    if (mUIManagerModule != null) {
+      mUIManagerModule.setViewHierarchyUpdateDebugListener(null);
+    }
     UiThreadUtil.runOnUiThread(
         () -> {
           mChoreographer = Choreographer.getInstance();
@@ -173,7 +188,7 @@ public int getNumJSFrames() {
 
   public int getExpectedNumFrames() {
     double totalTimeMS = getTotalTimeMS();
-    int expectedFrames = (int) (totalTimeMS / EXPECTED_FRAME_TIME + 1);
+    int expectedFrames = (int) (mTargetFps * totalTimeMS / 1000 + 1);
     return expectedFrames;
   }
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/devloading/DevLoadingModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/devloading/DevLoadingModule.java
index f5e3cf13cb3b4c..8bd3731584de6c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/devloading/DevLoadingModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/devloading/DevLoadingModule.java
@@ -13,8 +13,7 @@
 import com.facebook.react.bridge.NativeModule;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.UiThreadUtil;
-import com.facebook.react.devsupport.BridgeDevSupportManager;
-import com.facebook.react.devsupport.DefaultDevLoadingViewImplementation;
+import com.facebook.react.devsupport.DevSupportManagerBase;
 import com.facebook.react.devsupport.interfaces.DevLoadingViewManager;
 import com.facebook.react.module.annotations.ReactModule;
 
@@ -28,14 +27,9 @@ public class DevLoadingModule extends NativeDevLoadingViewSpec {
   public DevLoadingModule(ReactApplicationContext reactContext) {
     super(reactContext);
     mJSExceptionHandler = reactContext.getJSExceptionHandler();
-    if (mJSExceptionHandler != null && mJSExceptionHandler instanceof BridgeDevSupportManager) {
+    if (mJSExceptionHandler != null && mJSExceptionHandler instanceof DevSupportManagerBase) {
       mDevLoadingViewManager =
-          ((BridgeDevSupportManager) mJSExceptionHandler).getDevLoadingViewManager();
-      mDevLoadingViewManager =
-          mDevLoadingViewManager != null
-              ? mDevLoadingViewManager
-              : new DefaultDevLoadingViewImplementation(
-                  ((BridgeDevSupportManager) mJSExceptionHandler).getReactInstanceManagerHelper());
+          ((DevSupportManagerBase) mJSExceptionHandler).getDevLoadingViewManager();
     }
   }
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactNetworkImageRequest.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactNetworkImageRequest.java
index 1f1e936a6e0b6f..e36c378e4ee64d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactNetworkImageRequest.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/fresco/ReactNetworkImageRequest.java
@@ -24,7 +24,7 @@ public static ReactNetworkImageRequest fromBuilderWithHeaders(
 
   protected ReactNetworkImageRequest(ImageRequestBuilder builder, ReadableMap headers) {
     super(builder);
-    this.mHeaders = headers;
+    mHeaders = headers;
   }
 
   public ReadableMap getHeaders() {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java
index e2bb720288b55d..7faf343c3a1a38 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ProgressResponseBody.java
@@ -25,8 +25,8 @@ public class ProgressResponseBody extends ResponseBody {
   private long mTotalBytesRead;
 
   public ProgressResponseBody(ResponseBody responseBody, ProgressListener progressListener) {
-    this.mResponseBody = responseBody;
-    this.mProgressListener = progressListener;
+    mResponseBody = responseBody;
+    mProgressListener = progressListener;
     mTotalBytesRead = 0L;
   }
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java
index 2f9cddd4d6ee08..e5d36a8d30eeda 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/network/ReactCookieJarContainer.java
@@ -28,7 +28,7 @@ public void setCookieJar(CookieJar cookieJar) {
 
   @Override
   public void removeCookieJar() {
-    this.cookieJar = null;
+    cookieJar = null;
   }
 
   @Override
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java
index e9c9c54c820132..9a6fb36630a8bd 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/AndroidInfoHelpers.java
@@ -52,10 +52,6 @@ public static String getAdbReverseTcpCommand(Context context) {
     return getAdbReverseTcpCommand(getDevServerPort(context));
   }
 
-  public static String getInspectorProxyHost(Context context) {
-    return getServerIpAddress(getInspectorProxyPort(context));
-  }
-
   // WARNING(festevezga): This RN helper method has been copied to another FB-only target. Any
   // changes should be applied to both.
   public static String getFriendlyDeviceName() {
@@ -72,11 +68,6 @@ private static Integer getDevServerPort(Context context) {
     return resources.getInteger(R.integer.react_native_dev_server_port);
   }
 
-  private static Integer getInspectorProxyPort(Context context) {
-    Resources resources = context.getResources();
-    return resources.getInteger(R.integer.react_native_dev_server_port);
-  }
-
   private static String getServerIpAddress(int port) {
     // Since genymotion runs in vbox it use different hostname to refer to adb host.
     // We detect whether app runs on genymotion and replace js bundle server hostname accordingly
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java
index ea97bff8de8051..8f5ef045c9c9eb 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java
@@ -1,10 +1,10 @@
 /**
- * @generated by scripts/set-rn-version.js
- *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
  */
 
 package com.facebook.react.modules.systeminfo;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/FileIoHandler.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/FileIoHandler.java
index bbcc413dd88ffc..bc938e2cc9c19f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/FileIoHandler.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/FileIoHandler.java
@@ -12,6 +12,7 @@
 import android.util.Base64;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 import java.io.FileInputStream;
 import java.io.FileNotFoundException;
 import java.io.IOException;
@@ -20,6 +21,7 @@
 import java.util.Map;
 import org.json.JSONObject;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class FileIoHandler implements Runnable {
   private static final String TAG = JSPackagerClient.class.getSimpleName();
   private static final long FILE_TTL = 30 * 1000;
@@ -104,12 +106,12 @@ public void onRequest(@Nullable Object params, Responder responder) {
                 if (!(params instanceof Number)) {
                   throw new Exception("params must be a file handle");
                 }
-                TtlFileInputStream stream = mOpenFiles.get((int) params);
+                TtlFileInputStream stream = mOpenFiles.get(params);
                 if (stream == null) {
                   throw new Exception("invalid file handle, it might have timed out");
                 }
 
-                mOpenFiles.remove((int) params);
+                mOpenFiles.remove(params);
                 stream.close();
                 responder.respond("");
               } catch (Exception e) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/NotificationOnlyHandler.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/NotificationOnlyHandler.java
index e7366fd2ddba5e..bbfe4400dd0f1c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/NotificationOnlyHandler.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/NotificationOnlyHandler.java
@@ -9,7 +9,9 @@
 
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public abstract class NotificationOnlyHandler implements RequestHandler {
   private static final String TAG = JSPackagerClient.class.getSimpleName();
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/PackagerConnectionSettings.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/PackagerConnectionSettings.java
index 61526205f63ebb..ae9dc75e2b93e0 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/PackagerConnectionSettings.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/PackagerConnectionSettings.java
@@ -14,8 +14,10 @@
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.modules.systeminfo.AndroidInfoHelpers;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class PackagerConnectionSettings {
   private static final String TAG = PackagerConnectionSettings.class.getSimpleName();
   private static final String PREFS_DEBUG_SERVER_HOST_KEY = "debug_http_host";
@@ -57,10 +59,6 @@ public void setDebugServerHost(String host) {
     mPreferences.edit().putString(PREFS_DEBUG_SERVER_HOST_KEY, host).apply();
   }
 
-  public String getInspectorServerHost() {
-    return AndroidInfoHelpers.getInspectorProxyHost(mAppContext);
-  }
-
   public @Nullable String getPackageName() {
     return mPackageName;
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestOnlyHandler.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestOnlyHandler.java
index 7edf0f404b7bb6..ef66ca2519cbf0 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestOnlyHandler.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/packagerconnection/RequestOnlyHandler.java
@@ -9,7 +9,9 @@
 
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public abstract class RequestOnlyHandler implements RequestHandler {
   private static final String TAG = JSPackagerClient.class.getSimpleName();
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java
index 4144038e80b88a..89ef8ca44e253e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/processing/ReactPropertyProcessor.java
@@ -704,7 +704,7 @@ private static class ReactPropertyException extends Exception {
 
     public ReactPropertyException(String message, PropertyInfo propertyInfo) {
       super(message);
-      this.element = propertyInfo.element;
+      element = propertyInfo.element;
     }
 
     public ReactPropertyException(String message, Element element) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/reactperflogger/NativeModulePerfLogger.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/reactperflogger/NativeModulePerfLogger.java
index 266eb927e81806..7c7f9c438c1332 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/reactperflogger/NativeModulePerfLogger.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/reactperflogger/NativeModulePerfLogger.java
@@ -7,9 +7,11 @@
 
 package com.facebook.react.perflogger;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.jni.HybridData;
 import com.facebook.soloader.SoLoader;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public abstract class NativeModulePerfLogger {
   private final HybridData mHybridData;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/.clang-format b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/.clang-format
deleted file mode 100644
index bc20b078f0eaf9..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/.clang-format
+++ /dev/null
@@ -1,91 +0,0 @@
----
-AccessModifierOffset: -1
-AlignAfterOpenBracket: AlwaysBreak
-AlignConsecutiveAssignments: false
-AlignConsecutiveDeclarations: false
-AlignEscapedNewlinesLeft: true
-AlignOperands:   false
-AlignTrailingComments: false
-AllowAllParametersOfDeclarationOnNextLine: false
-AllowShortBlocksOnASingleLine: false
-AllowShortCaseLabelsOnASingleLine: false
-AllowShortFunctionsOnASingleLine: Empty
-AllowShortIfStatementsOnASingleLine: false
-AllowShortLoopsOnASingleLine: false
-AlwaysBreakAfterReturnType: None
-AlwaysBreakBeforeMultilineStrings: true
-AlwaysBreakTemplateDeclarations: true
-BinPackArguments: false
-BinPackParameters: false
-BraceWrapping:
-  AfterClass:      false
-  AfterControlStatement: false
-  AfterEnum:       false
-  AfterFunction:   false
-  AfterNamespace:  false
-  AfterObjCDeclaration: false
-  AfterStruct:     false
-  AfterUnion:      false
-  BeforeCatch:     false
-  BeforeElse:      false
-  IndentBraces:    false
-BreakBeforeBinaryOperators: None
-BreakBeforeBraces: Attach
-BreakBeforeTernaryOperators: true
-BreakConstructorInitializersBeforeComma: false
-BreakAfterJavaFieldAnnotations: false
-BreakStringLiterals: false
-ColumnLimit:       80
-CommentPragmas:  '^ IWYU pragma:'
-ConstructorInitializerAllOnOneLineOrOnePerLine: true
-ConstructorInitializerIndentWidth: 4
-ContinuationIndentWidth: 4
-Cpp11BracedListStyle: true
-DerivePointerAlignment: false
-DisableFormat:   false
-ForEachMacros:   [ FOR_EACH_RANGE, FOR_EACH, ]
-IncludeCategories:
-  - Regex:           '^<.*\.h(pp)?>'
-    Priority:        1
-  - Regex:           '^<.*'
-    Priority:        2
-  - Regex:           '.*'
-    Priority:        3
-IndentCaseLabels: true
-IndentWidth:     2
-IndentWrappedFunctionNames: false
-KeepEmptyLinesAtTheStartOfBlocks: false
-MacroBlockBegin: ''
-MacroBlockEnd:   ''
-MaxEmptyLinesToKeep: 1
-NamespaceIndentation: None
-ObjCBlockIndentWidth: 2
-ObjCSpaceAfterProperty: true
-ObjCSpaceBeforeProtocolList: true
-PenaltyBreakBeforeFirstCallParameter: 1
-PenaltyBreakComment: 300
-PenaltyBreakFirstLessLess: 120
-PenaltyBreakString: 1000
-PenaltyExcessCharacter: 1000000
-PenaltyReturnTypeOnItsOwnLine: 200
-PointerAlignment: Right
-ReflowComments:  true
-SortIncludes:    true
-SpaceAfterCStyleCast: false
-SpaceBeforeAssignmentOperators: true
-SpaceBeforeParens: ControlStatements
-SpaceInEmptyParentheses: false
-SpacesBeforeTrailingComments: 1
-SpacesInAngles:  false
-SpacesInContainerLiterals: true
-SpacesInCStyleCastParentheses: false
-SpacesInParentheses: false
-SpacesInSquareBrackets: false
-Standard:        Cpp11
-TabWidth:        8
-UseTab:          Never
----
-Language: ObjC
-ColumnLimit:     120
-BreakBeforeBraces: WebKit
-...
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BindingsInstaller.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BindingsInstaller.kt
index 61333f0c9f55aa..c229320b26bb24 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BindingsInstaller.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BindingsInstaller.kt
@@ -13,8 +13,8 @@ import com.facebook.proguard.annotations.DoNotStripAny
 import com.facebook.soloader.SoLoader
 
 @DoNotStripAny
-abstract class BindingsInstaller(@field:DoNotStrip private val mHybridData: HybridData?) {
-  companion object {
+public abstract class BindingsInstaller(@field:DoNotStrip private val mHybridData: HybridData?) {
+  private companion object {
     init {
       SoLoader.loadLibrary("rninstance")
     }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BridgelessDevSupportManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BridgelessDevSupportManager.java
index 3627129e9233b8..0e424960ddc88e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BridgelessDevSupportManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BridgelessDevSupportManager.java
@@ -9,12 +9,17 @@
 
 import android.app.Activity;
 import android.content.Context;
+import android.os.Bundle;
 import android.view.View;
+import com.facebook.debug.holder.PrinterHolder;
+import com.facebook.debug.tags.ReactDebugOverlayTags;
+import com.facebook.infer.annotation.Assertions;
 import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.JSBundleLoader;
 import com.facebook.react.bridge.JavaJSExecutor;
 import com.facebook.react.bridge.JavaScriptExecutorFactory;
 import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.devsupport.DevSupportManagerBase;
 import com.facebook.react.devsupport.HMRClient;
 import com.facebook.react.devsupport.ReactInstanceDevHelper;
@@ -92,8 +97,17 @@ public void onError(String url, Throwable cause) {
 
   @Override
   public void handleReloadJS() {
+    UiThreadUtil.assertOnUiThread();
+
+    // dismiss redbox if exists
     hideRedboxDialog();
     mReactHost.reload("BridgelessDevSupportManager.handleReloadJS()");
+
+    PrinterHolder.getPrinter()
+        .logMessage(ReactDebugOverlayTags.RN_CORE, "RNCore: load from Server");
+    String bundleURL =
+        getDevServerHelper().getDevServerBundleURL(Assertions.assertNotNull(getJSAppBundleName()));
+    reloadJSFromServer(bundleURL);
   }
 
   private static ReactInstanceDevHelper createInstanceDevHelper(final ReactHostImpl reactHost) {
@@ -135,8 +149,7 @@ public View createRootView(String appKey) {
         Activity currentActivity = getCurrentActivity();
         if (currentActivity != null && !reactHost.isSurfaceWithModuleNameAttached(appKey)) {
           ReactSurfaceImpl reactSurface =
-              ReactSurfaceImpl.createWithView(currentActivity, appKey, null);
-
+              ReactSurfaceImpl.createWithView(currentActivity, appKey, new Bundle());
           reactSurface.attach(reactHost);
           reactSurface.start();
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BridgelessReactContext.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BridgelessReactContext.java
index de5519395dd043..5fa3947959105c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BridgelessReactContext.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/BridgelessReactContext.java
@@ -12,8 +12,7 @@
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.JSIModule;
-import com.facebook.react.bridge.JSIModuleType;
+import com.facebook.react.bridge.JavaScriptContextHolder;
 import com.facebook.react.bridge.JavaScriptModule;
 import com.facebook.react.bridge.JavaScriptModuleRegistry;
 import com.facebook.react.bridge.NativeArray;
@@ -21,7 +20,12 @@
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactNoCrashBridgeNotAllowedSoftException;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
+import com.facebook.react.bridge.RuntimeExecutor;
+import com.facebook.react.bridge.UIManager;
 import com.facebook.react.bridge.WritableNativeArray;
+import com.facebook.react.common.annotations.FrameworkAPI;
+import com.facebook.react.common.annotations.UnstableReactNativeAPI;
+import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.devsupport.interfaces.DevSupportManager;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.uimanager.events.EventDispatcher;
@@ -49,6 +53,9 @@ class BridgelessReactContext extends ReactApplicationContext implements EventDis
   BridgelessReactContext(Context context, ReactHostImpl host) {
     super(context);
     mReactHost = host;
+    if (ReactFeatureFlags.unstable_useFabricInterop) {
+      initializeInteropModules();
+    }
   }
 
   @Override
@@ -71,13 +78,8 @@ public void setSourceURL(String sourceURL) {
   }
 
   @Override
-  public @Nullable JSIModule getJSIModule(JSIModuleType moduleType) {
-    if (moduleType == JSIModuleType.UIManager) {
-      return mReactHost.getUIManager();
-    }
-    throw new UnsupportedOperationException(
-        "getJSIModule is not implemented for bridgeless mode. Trying to get module: "
-            + moduleType.name());
+  public @Nullable UIManager getFabricUIManager() {
+    return mReactHost.getUIManager();
   }
 
   @Override
@@ -124,6 +126,10 @@ public BridgelessJSModuleInvocationHandler(
 
   @Override
   public <T extends JavaScriptModule> T getJSModule(Class<T> jsInterface) {
+    if (mInteropModuleRegistry != null
+        && mInteropModuleRegistry.shouldReturnInteropModule(jsInterface)) {
+      return mInteropModuleRegistry.getInteropModule(jsInterface);
+    }
     JavaScriptModule interfaceProxy =
         (JavaScriptModule)
             Proxy.newProxyInstance(
@@ -147,6 +153,23 @@ public Collection<NativeModule> getNativeModules() {
   public @Nullable <T extends NativeModule> T getNativeModule(Class<T> nativeModuleInterface) {
     return mReactHost.getNativeModule(nativeModuleInterface);
   }
+  /**
+   * @return the RuntimeExecutor, a thread-safe handler for accessing the runtime. If the runtime is
+   *     not initialized yet, it will return null.
+   */
+  @Override
+  @FrameworkAPI
+  @UnstableReactNativeAPI
+  public @Nullable RuntimeExecutor getRuntimeExecutor() {
+    return mReactHost.getRuntimeExecutor();
+  }
+
+  @Override
+  @FrameworkAPI
+  @UnstableReactNativeAPI
+  public @Nullable JavaScriptContextHolder getJavaScriptContextHolder() {
+    return mReactHost.getJavaScriptContextHolder();
+  }
 
   @Override
   public void handleException(Exception e) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/CoreReactPackage.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/CoreReactPackage.java
index a24f1f9e47264f..cb8b9c13af09ae 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/CoreReactPackage.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/CoreReactPackage.java
@@ -7,6 +7,7 @@
 
 package com.facebook.react.runtime;
 
+import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.TurboReactPackage;
 import com.facebook.react.bridge.NativeModule;
@@ -20,6 +21,7 @@
 import com.facebook.react.module.model.ReactModuleInfoProvider;
 import com.facebook.react.modules.core.DefaultHardwareBackBtnHandler;
 import com.facebook.react.modules.core.DeviceEventManagerModule;
+import com.facebook.react.modules.core.ExceptionsManagerModule;
 import com.facebook.react.modules.debug.DevSettingsModule;
 import com.facebook.react.modules.debug.SourceCodeModule;
 import com.facebook.react.modules.deviceinfo.DeviceInfoModule;
@@ -36,11 +38,12 @@
       SourceCodeModule.class,
       LogBoxModule.class,
       DeviceEventManagerModule.class,
+      ExceptionsManagerModule.class,
     })
 class CoreReactPackage extends TurboReactPackage {
 
-  private DevSupportManager mDevSupportManager;
-  private DefaultHardwareBackBtnHandler mHardwareBackBtnHandler;
+  private final DevSupportManager mDevSupportManager;
+  private final DefaultHardwareBackBtnHandler mHardwareBackBtnHandler;
 
   public CoreReactPackage(
       DevSupportManager devSupportManager, DefaultHardwareBackBtnHandler hardwareBackBtnHandler) {
@@ -49,7 +52,7 @@ public CoreReactPackage(
   }
 
   @Override
-  public NativeModule getModule(String name, ReactApplicationContext reactContext) {
+  public @Nullable NativeModule getModule(String name, ReactApplicationContext reactContext) {
     switch (name) {
       case AndroidInfoModule.NAME:
         return new AndroidInfoModule(reactContext);
@@ -63,9 +66,10 @@ public NativeModule getModule(String name, ReactApplicationContext reactContext)
         return new DeviceEventManagerModule(reactContext, mHardwareBackBtnHandler);
       case LogBoxModule.NAME:
         return new LogBoxModule(reactContext, mDevSupportManager);
+      case ExceptionsManagerModule.NAME:
+        return new ExceptionsManagerModule(mDevSupportManager);
       default:
-        throw new IllegalArgumentException(
-            "In BridgelessReactPackage, could not find Native module for " + name);
+        return null;
     }
   }
 
@@ -73,7 +77,7 @@ public NativeModule getModule(String name, ReactApplicationContext reactContext)
   public ReactModuleInfoProvider getReactModuleInfoProvider() {
     try {
       Class<?> reactModuleInfoProviderClass =
-          Class.forName("com.facebook.react.CoreModulesPackage$$ReactModuleInfoProvider");
+          Class.forName(CoreReactPackage.class.getName() + "$$ReactModuleInfoProvider");
       return (ReactModuleInfoProvider) reactModuleInfoProviderClass.newInstance();
     } catch (ClassNotFoundException e) {
       // In OSS case, the annotation processor does not run. We fall back on creating this byhand
@@ -85,6 +89,7 @@ public ReactModuleInfoProvider getReactModuleInfoProvider() {
             DevSettingsModule.class,
             DeviceEventManagerModule.class,
             LogBoxModule.class,
+            ExceptionsManagerModule.class,
           };
       final Map<String, ReactModuleInfo> reactModuleInfoMap = new HashMap<>();
       for (Class<? extends NativeModule> moduleClass : moduleList) {
@@ -104,10 +109,16 @@ public ReactModuleInfoProvider getReactModuleInfoProvider() {
       return () -> reactModuleInfoMap;
     } catch (InstantiationException e) {
       throw new RuntimeException(
-          "No ReactModuleInfoProvider for CoreModulesPackage$$ReactModuleInfoProvider", e);
+          "No ReactModuleInfoProvider for "
+              + CoreReactPackage.class.getName()
+              + "$$ReactModuleInfoProvider",
+          e);
     } catch (IllegalAccessException e) {
       throw new RuntimeException(
-          "No ReactModuleInfoProvider for CoreModulesPackage$$ReactModuleInfoProvider", e);
+          "No ReactModuleInfoProvider for "
+              + CoreReactPackage.class.getName()
+              + "$$ReactModuleInfoProvider",
+          e);
     }
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSCInstance.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSCInstance.java
index 8fb32073cfafed..0524c58eac2312 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSCInstance.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSCInstance.java
@@ -13,7 +13,7 @@
 import com.facebook.soloader.SoLoader;
 
 @Nullsafe(Nullsafe.Mode.LOCAL)
-public class JSCInstance extends JSEngineInstance {
+public class JSCInstance extends JSRuntimeFactory {
   static {
     SoLoader.loadLibrary("jscinstance");
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSEngineInstance.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSRuntimeFactory.java
similarity index 85%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSEngineInstance.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSRuntimeFactory.java
index 708e71676641d3..83d3e9f841a801 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSEngineInstance.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSRuntimeFactory.java
@@ -13,14 +13,14 @@
 import com.facebook.soloader.SoLoader;
 
 @Nullsafe(Nullsafe.Mode.LOCAL)
-public abstract class JSEngineInstance {
+public abstract class JSRuntimeFactory {
   static {
     SoLoader.loadLibrary("rninstance");
   }
 
   @DoNotStrip private final HybridData mHybridData;
 
-  protected JSEngineInstance(HybridData hybridData) {
+  protected JSRuntimeFactory(HybridData hybridData) {
     mHybridData = hybridData;
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSTimerExecutor.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSTimerExecutor.java
index 69cffd5cfa9229..7c23e701b430f1 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSTimerExecutor.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/JSTimerExecutor.java
@@ -9,13 +9,15 @@
 
 import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.jni.HybridData;
-import com.facebook.jni.annotations.DoNotStrip;
+import com.facebook.jni.annotations.DoNotStripAny;
+import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableNativeArray;
 import com.facebook.react.modules.core.JavaScriptTimerExecutor;
 import com.facebook.soloader.SoLoader;
 
 @Nullsafe(Nullsafe.Mode.LOCAL)
+@DoNotStripAny
 class JSTimerExecutor implements JavaScriptTimerExecutor {
 
   static {
@@ -24,6 +26,7 @@ class JSTimerExecutor implements JavaScriptTimerExecutor {
 
   @DoNotStrip private final HybridData mHybridData;
 
+  @DoNotStrip
   public JSTimerExecutor(HybridData hybridData) {
     mHybridData = hybridData;
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactHostDelegate.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactHostDelegate.kt
index d536863dd60627..7c53923a320b52 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactHostDelegate.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactHostDelegate.kt
@@ -11,7 +11,6 @@ import com.facebook.infer.annotation.ThreadSafe
 import com.facebook.react.ReactPackage
 import com.facebook.react.ReactPackageTurboModuleManagerDelegate
 import com.facebook.react.bridge.JSBundleLoader
-import com.facebook.react.bridge.NativeModule
 import com.facebook.react.common.annotations.UnstableReactNativeAPI
 import com.facebook.react.fabric.ReactNativeConfig
 
@@ -21,40 +20,40 @@ import com.facebook.react.fabric.ReactNativeConfig
  */
 @ThreadSafe
 @UnstableReactNativeAPI
-interface ReactHostDelegate {
+public interface ReactHostDelegate {
   /**
    * Path to your app's main module on Metro. This is used when reloading JS during development. All
    * paths are relative to the root folder the packager is serving files from. Examples:
    * `index.android` or `subdirectory/index.android`
    */
-  val jsMainModulePath: String
+  public val jsMainModulePath: String
 
   /**
    * Object that holds a native C++ references that allow host applications to install C++ objects
    * into jsi::Runtime during the initialization of React Native
    */
-  val bindingsInstaller: BindingsInstaller?
+  public val bindingsInstaller: BindingsInstaller?
 
   /** list of [ReactPackage] to expose Native Modules and View Components to JS */
-  val reactPackages: List<ReactPackage>
+  public val reactPackages: List<ReactPackage>
 
   /** Object that holds a native reference to the javascript engine */
-  val jsEngineInstance: JSEngineInstance
+  public val jsRuntimeFactory: JSRuntimeFactory
 
   /**
    * Bundle loader to use when setting up JS environment. <p>Example:
    * [JSBundleLoader.createFileLoader(application, bundleFile)]
    */
-  val jsBundleLoader: JSBundleLoader
+  public val jsBundleLoader: JSBundleLoader
 
   /** TODO: combine getTurboModuleManagerDelegate inside [ReactPackage] */
-  val turboModuleManagerDelegateBuilder: ReactPackageTurboModuleManagerDelegate.Builder
+  public val turboModuleManagerDelegateBuilder: ReactPackageTurboModuleManagerDelegate.Builder
 
   /**
    * Callback that can be used by React Native host applications to react to exceptions thrown by
    * the internals of React Native.
    */
-  fun handleInstanceException(error: Exception)
+  public fun handleInstanceException(error: Exception)
 
   /**
    * ReactNative Configuration that allows to customize the behavior of key/value pairs used by the
@@ -63,13 +62,13 @@ interface ReactHostDelegate {
    * [moduleProvider] is a function that returns the Native Module with the name received as a
    * parameter.
    */
-  fun getReactNativeConfig(moduleProvider: (String) -> NativeModule?): ReactNativeConfig
+  public fun getReactNativeConfig(): ReactNativeConfig
 
   @UnstableReactNativeAPI
-  class ReactHostDelegateBase(
+  public class ReactHostDelegateBase(
       override val jsMainModulePath: String,
       override val jsBundleLoader: JSBundleLoader,
-      override val jsEngineInstance: JSEngineInstance,
+      override val jsRuntimeFactory: JSRuntimeFactory,
       override val turboModuleManagerDelegateBuilder:
           ReactPackageTurboModuleManagerDelegate.Builder,
       override val reactPackages: List<ReactPackage> = emptyList(),
@@ -78,8 +77,8 @@ interface ReactHostDelegate {
       private val exceptionHandler: (error: Exception) -> Unit = {}
   ) : ReactHostDelegate {
 
-    override fun getReactNativeConfig(moduleProvider: (String) -> NativeModule?) = reactNativeConfig
+    override fun getReactNativeConfig(): ReactNativeConfig = reactNativeConfig
 
-    override fun handleInstanceException(error: Exception) = exceptionHandler(error)
+    override fun handleInstanceException(error: Exception): Unit = exceptionHandler(error)
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactHostImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactHostImpl.java
index b8ed249d140798..674aeb42f9f7fd 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactHostImpl.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactHostImpl.java
@@ -29,6 +29,7 @@
 import com.facebook.react.ReactInstanceEventListener;
 import com.facebook.react.bridge.Callback;
 import com.facebook.react.bridge.JSBundleLoader;
+import com.facebook.react.bridge.JavaScriptContextHolder;
 import com.facebook.react.bridge.MemoryPressureListener;
 import com.facebook.react.bridge.NativeArray;
 import com.facebook.react.bridge.NativeModule;
@@ -38,6 +39,7 @@
 import com.facebook.react.bridge.ReactNoCrashBridgeNotAllowedSoftException;
 import com.facebook.react.bridge.ReactNoCrashSoftException;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
+import com.facebook.react.bridge.RuntimeExecutor;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.bridge.queue.QueueThreadExceptionHandler;
 import com.facebook.react.bridge.queue.ReactQueueConfiguration;
@@ -67,7 +69,6 @@
 import java.util.Collections;
 import java.util.HashSet;
 import java.util.Set;
-import java.util.concurrent.Callable;
 import java.util.concurrent.Executor;
 import java.util.concurrent.Executors;
 import java.util.concurrent.atomic.AtomicInteger;
@@ -201,11 +202,7 @@ public LifecycleState getLifecycleState() {
    */
   @Override
   public TaskInterface<Void> start() {
-    if (ReactFeatureFlags.enableBridgelessArchitectureNewCreateReloadDestroy) {
-      return newStart();
-    }
-
-    return oldStart();
+    return Task.call(this::getOrCreateStartTask, mBGExecutor).continueWithTask(Task::getResult);
   }
 
   /** Initialize and run a React Native surface in a background without mounting real views. */
@@ -440,36 +437,32 @@ public void removeReactInstanceEventListener(ReactInstanceEventListener listener
   @Override
   public TaskInterface<Void> reload(String reason) {
     final String method = "reload()";
-    if (ReactFeatureFlags.enableBridgelessArchitectureNewCreateReloadDestroy) {
-      return Task.call(
-              () -> {
-                Task<Void> reloadTask = null;
-                if (mDestroyTask != null) {
-                  log(method, "Waiting for destroy to finish, before reloading React Native.");
-                  reloadTask =
-                      mDestroyTask
-                          .continueWithTask(task -> newGetOrCreateReloadTask(reason), mBGExecutor)
-                          .makeVoid();
-                } else {
-                  reloadTask = newGetOrCreateReloadTask(reason).makeVoid();
-                }
-
-                return reloadTask.continueWithTask(
-                    task -> {
-                      if (task.isFaulted()) {
-                        mReactHostDelegate.handleInstanceException(task.getError());
-                        return newGetOrCreateDestroyTask("Reload failed", task.getError());
-                      }
+    return Task.call(
+            () -> {
+              Task<Void> reloadTask = null;
+              if (mDestroyTask != null) {
+                log(method, "Waiting for destroy to finish, before reloading React Native.");
+                reloadTask =
+                    mDestroyTask
+                        .continueWithTask(task -> getOrCreateReloadTask(reason), mBGExecutor)
+                        .makeVoid();
+              } else {
+                reloadTask = getOrCreateReloadTask(reason).makeVoid();
+              }
 
-                      return task;
-                    },
-                    mBGExecutor);
-              },
-              mBGExecutor)
-          .continueWithTask(Task::getResult);
-    }
+              return reloadTask.continueWithTask(
+                  task -> {
+                    if (task.isFaulted()) {
+                      mReactHostDelegate.handleInstanceException(task.getError());
+                      return getOrCreateDestroyTask("Reload failed", task.getError());
+                    }
 
-    return oldReload(reason);
+                    return task;
+                  },
+                  mBGExecutor);
+            },
+            mBGExecutor)
+        .continueWithTask(Task::getResult);
   }
 
   /**
@@ -485,24 +478,19 @@ public TaskInterface<Void> reload(String reason) {
   @Override
   public TaskInterface<Void> destroy(String reason, @Nullable Exception ex) {
     final String method = "destroy()";
-    if (ReactFeatureFlags.enableBridgelessArchitectureNewCreateReloadDestroy) {
-      return Task.call(
-              () -> {
-                if (mReloadTask != null) {
-                  log(
-                      method,
-                      "Reloading React Native. Waiting for reload to finish before destroying React Native.");
-                  return mReloadTask.continueWithTask(
-                      task -> newGetOrCreateDestroyTask(reason, ex), mBGExecutor);
-                }
-                return newGetOrCreateDestroyTask(reason, ex);
-              },
-              mBGExecutor)
-          .continueWithTask(Task::getResult);
-    }
-
-    oldDestroy(reason, ex);
-    return Task.forResult(nullsafeFIXME(null, "Empty Destroy Task"));
+    return Task.call(
+            () -> {
+              if (mReloadTask != null) {
+                log(
+                    method,
+                    "Reloading React Native. Waiting for reload to finish before destroying React Native.");
+                return mReloadTask.continueWithTask(
+                    task -> getOrCreateDestroyTask(reason, ex), mBGExecutor);
+              }
+              return getOrCreateDestroyTask(reason, ex);
+            },
+            mBGExecutor)
+        .continueWithTask(Task::getResult);
   }
 
   private MemoryPressureListener createMemoryPressureListener(ReactInstance reactInstance) {
@@ -556,7 +544,8 @@ private void setCurrentActivity(@Nullable Activity activity) {
     return reactInstance.getEventDispatcher();
   }
 
-  /* package */ @Nullable
+  /* package */
+  @Nullable
   FabricUIManager getUIManager() {
     final ReactInstance reactInstance = mReactInstanceTaskRef.get().getResult();
     if (reactInstance == null) {
@@ -581,7 +570,8 @@ FabricUIManager getUIManager() {
     return new ArrayList<>();
   }
 
-  /* package */ @Nullable
+  /* package */
+  @Nullable
   <T extends NativeModule> T getNativeModule(Class<T> nativeModuleInterface) {
     if (nativeModuleInterface == UIManagerModule.class) {
       ReactSoftExceptionLogger.logSoftExceptionVerbose(
@@ -597,6 +587,28 @@ <T extends NativeModule> T getNativeModule(Class<T> nativeModuleInterface) {
     return null;
   }
 
+  /* package */
+  @Nullable
+  RuntimeExecutor getRuntimeExecutor() {
+    final ReactInstance reactInstance = mReactInstanceTaskRef.get().getResult();
+    if (reactInstance != null) {
+      return reactInstance.getBufferedRuntimeExecutor();
+    }
+    ReactSoftExceptionLogger.logSoftException(
+        TAG,
+        new ReactNoCrashSoftException("Tried to get runtime executor while instance is not ready"));
+    return null;
+  }
+
+  @Nullable
+  JavaScriptContextHolder getJavaScriptContextHolder() {
+    final ReactInstance reactInstance = mReactInstanceTaskRef.get().getResult();
+    if (reactInstance != null) {
+      return reactInstance.getJavaScriptContextHolder();
+    }
+    return null;
+  }
+
   /* package */
   DefaultHardwareBackBtnHandler getDefaultBackButtonHandler() {
     return () -> {
@@ -638,6 +650,9 @@ DefaultHardwareBackBtnHandler getDefaultBackButtonHandler() {
     final String method = "handleHostException(message = \"" + e.getMessage() + "\")";
     log(method);
 
+    if (DEV) {
+      mDevSupportManager.handleException(e);
+    }
     destroy(method, e);
     mReactHostDelegate.handleInstanceException(e);
   }
@@ -716,61 +731,29 @@ public void removeBeforeDestroyListener(@NonNull Function0<Unit> onBeforeDestroy
   @ThreadConfined("ReactHost")
   private @Nullable Task<Void> mStartTask = null;
 
-  private Task<Void> oldStart() {
-    final String method = "oldStart()";
-    return Task.call(
-            () -> {
-              if (mStartTask == null) {
-                log(method, "Schedule");
-                mStartTask =
-                    getOrCreateReactInstanceTask()
-                        .continueWithTask(
-                            task -> {
-                              if (task.isFaulted()) {
-                                destroy(
-                                    "oldStart() failure: " + task.getError().getMessage(),
-                                    task.getError());
-                                mReactHostDelegate.handleInstanceException(task.getError());
-                              }
-
-                              return task;
-                            },
-                            mBGExecutor)
-                        .makeVoid();
-              }
-              return mStartTask;
-            },
-            mBGExecutor)
-        .continueWithTask(Task::getResult);
-  }
-
-  private Task<Void> newStart() {
-    final String method = "newStart()";
-    return Task.call(
-            () -> {
-              if (mStartTask == null) {
-                log(method, "Schedule");
-                mStartTask =
-                    waitThenCallNewGetOrCreateReactInstanceTask()
-                        .continueWithTask(
-                            (task) -> {
-                              if (task.isFaulted()) {
-                                mReactHostDelegate.handleInstanceException(task.getError());
-                                // Wait for destroy to finish
-                                return newGetOrCreateDestroyTask(
-                                        "newStart() failure: " + task.getError().getMessage(),
-                                        task.getError())
-                                    .continueWithTask(destroyTask -> Task.forError(task.getError()))
-                                    .makeVoid();
-                              }
-                              return task.makeVoid();
-                            },
-                            mBGExecutor);
-              }
-              return mStartTask;
-            },
-            mBGExecutor)
-        .continueWithTask(Task::getResult);
+  @ThreadConfined("ReactHost")
+  private Task<Void> getOrCreateStartTask() {
+    final String method = "getOrCreateStartTask()";
+    if (mStartTask == null) {
+      log(method, "Schedule");
+      mStartTask =
+          waitThenCallGetOrCreateReactInstanceTask()
+              .continueWithTask(
+                  (task) -> {
+                    if (task.isFaulted()) {
+                      mReactHostDelegate.handleInstanceException(task.getError());
+                      // Wait for destroy to finish
+                      return getOrCreateDestroyTask(
+                              "getOrCreateStartTask() failure: " + task.getError().getMessage(),
+                              task.getError())
+                          .continueWithTask(destroyTask -> Task.forError(task.getError()))
+                          .makeVoid();
+                    }
+                    return task.makeVoid();
+                  },
+                  mBGExecutor);
+    }
+    return mStartTask;
   }
 
   @ThreadConfined(UI)
@@ -821,7 +804,7 @@ private Task<Void> callAfterGetOrCreateReactInstance(
       final String callingMethod, final VeniceThenable<ReactInstance> runnable) {
     final String method = "callAfterGetOrCreateReactInstance(" + callingMethod + ")";
 
-    return getOrCreateReactInstanceTask()
+    return getOrCreateReactInstance()
         .onSuccess(
             (Continuation<ReactInstance, Void>)
                 task -> {
@@ -860,24 +843,20 @@ private BridgelessReactContext getOrCreateReactContext() {
    * <p>If the ReactInstance is reloading, will return the reload task. If the ReactInstance is
    * destroying, will wait until destroy is finished, before creating.
    */
-  private Task<ReactInstance> getOrCreateReactInstanceTask() {
-    if (ReactFeatureFlags.enableBridgelessArchitectureNewCreateReloadDestroy) {
-      return Task.call(this::waitThenCallNewGetOrCreateReactInstanceTask, mBGExecutor)
-          .continueWithTask(Task::getResult);
-    }
-
-    return oldGetOrCreateReactInstanceTask();
+  private Task<ReactInstance> getOrCreateReactInstance() {
+    return Task.call(this::waitThenCallGetOrCreateReactInstanceTask, mBGExecutor)
+        .continueWithTask(Task::getResult);
   }
 
   @ThreadConfined("ReactHost")
-  private Task<ReactInstance> waitThenCallNewGetOrCreateReactInstanceTask() {
-    return waitThenCallNewGetOrCreateReactInstanceTaskWithRetries(0, 4);
+  private Task<ReactInstance> waitThenCallGetOrCreateReactInstanceTask() {
+    return waitThenCallGetOrCreateReactInstanceTaskWithRetries(0, 4);
   }
 
   @ThreadConfined("ReactHost")
-  private Task<ReactInstance> waitThenCallNewGetOrCreateReactInstanceTaskWithRetries(
+  private Task<ReactInstance> waitThenCallGetOrCreateReactInstanceTaskWithRetries(
       int tryNum, int maxTries) {
-    final String method = "waitThenCallNewGetOrCreateReactInstanceTaskWithRetries";
+    final String method = "waitThenCallGetOrCreateReactInstanceTaskWithRetries";
     if (mReloadTask != null) {
       log(method, "React Native is reloading. Return reload task.");
       return mReloadTask;
@@ -893,7 +872,7 @@ private Task<ReactInstance> waitThenCallNewGetOrCreateReactInstanceTaskWithRetri
                 + tryNum
                 + ").");
         return mDestroyTask.onSuccessTask(
-            (task) -> waitThenCallNewGetOrCreateReactInstanceTaskWithRetries(tryNum + 1, maxTries),
+            (task) -> waitThenCallGetOrCreateReactInstanceTaskWithRetries(tryNum + 1, maxTries),
             mBGExecutor);
       }
 
@@ -902,12 +881,12 @@ private Task<ReactInstance> waitThenCallNewGetOrCreateReactInstanceTaskWithRetri
           "React Native is tearing down. Not wait for teardown to finish: reached max retries.");
     }
 
-    return newGetOrCreateReactInstanceTask();
+    return getOrCreateReactInstanceTask();
   }
 
   @ThreadConfined("ReactHost")
-  private Task<ReactInstance> newGetOrCreateReactInstanceTask() {
-    final String method = "newGetOrCreateReactInstanceTask()";
+  private Task<ReactInstance> getOrCreateReactInstanceTask() {
+    final String method = "getOrCreateReactInstanceTask()";
     log(method);
 
     return mReactInstanceTaskRef.getOrCreate(
@@ -922,6 +901,7 @@ private Task<ReactInstance> newGetOrCreateReactInstanceTask() {
                     final JSBundleLoader bundleLoader = task.getResult();
                     final BridgelessReactContext reactContext = getOrCreateReactContext();
                     final DevSupportManager devSupportManager = getDevSupportManager();
+                    reactContext.setJSExceptionHandler(devSupportManager);
 
                     log(method, "Creating ReactInstance");
                     final ReactInstance instance =
@@ -1024,86 +1004,6 @@ class Result {
         });
   }
 
-  private Task<ReactInstance> oldGetOrCreateReactInstanceTask() {
-    final String method = "oldGetOrCreateReactInstanceTask()";
-    log(method);
-
-    return mReactInstanceTaskRef.getOrCreate(
-        () -> {
-          log(method, "Start");
-          ReactMarker.logMarker(
-              ReactMarkerConstants.REACT_BRIDGELESS_LOADING_START, BRIDGELESS_MARKER_INSTANCE_KEY);
-
-          final BridgelessReactContext reactContext = getOrCreateReactContext();
-          final DevSupportManager devSupportManager = getDevSupportManager();
-
-          return getJsBundleLoader()
-              .onSuccess(
-                  task -> {
-                    final JSBundleLoader bundleLoader = task.getResult();
-                    log(method, "Creating ReactInstance");
-                    final ReactInstance instance =
-                        new ReactInstance(
-                            reactContext,
-                            mReactHostDelegate,
-                            mComponentFactory,
-                            devSupportManager,
-                            mQueueThreadExceptionHandler,
-                            mReactJsExceptionHandler,
-                            mUseDevSupport);
-
-                    if (ReactFeatureFlags
-                        .unstable_bridgelessArchitectureMemoryPressureHackyBoltsFix) {
-                      mMemoryPressureListener = createMemoryPressureListener(instance);
-                    }
-                    mMemoryPressureRouter.addMemoryPressureListener(mMemoryPressureListener);
-
-                    log(method, "Loading JS Bundle");
-                    instance.loadJSBundle(bundleLoader);
-
-                    log(
-                        method,
-                        "Calling DevSupportManagerBase.onNewReactContextCreated(reactContext)");
-                    devSupportManager.onNewReactContextCreated(reactContext);
-                    reactContext.runOnJSQueueThread(
-                        () -> {
-                          // Executing on the JS thread to ensurethat we're done
-                          // loading the JS bundle.
-                          // TODO T76081936 Move this if we switchto a sync RTE
-                          ReactMarker.logMarker(
-                              ReactMarkerConstants.REACT_BRIDGELESS_LOADING_END,
-                              BRIDGELESS_MARKER_INSTANCE_KEY);
-                        });
-                    return instance;
-                  },
-                  mBGExecutor)
-              .onSuccess(
-                  task -> {
-                    /*
-                     Call ReactContext.onHostResume() only when already in the resumed state which
-                     aligns with the bridge https://fburl.com/diffusion/2qhxmudv.
-                    */
-                    mReactLifecycleStateManager.resumeReactContextIfHostResumed(
-                        reactContext, getCurrentActivity());
-
-                    ReactInstanceEventListener[] listeners =
-                        new ReactInstanceEventListener[mReactInstanceEventListeners.size()];
-                    final ReactInstanceEventListener[] finalListeners =
-                        mReactInstanceEventListeners.toArray(listeners);
-
-                    log(method, "Executing ReactInstanceEventListeners");
-                    for (ReactInstanceEventListener listener : finalListeners) {
-                      if (listener != null) {
-                        listener.onReactContextInitialized(reactContext);
-                      }
-                    }
-
-                    return task.getResult();
-                  },
-                  mUIExecutor);
-        });
-  }
-
   private Task<JSBundleLoader> getJsBundleLoader() {
     final String method = "getJSBundleLoader()";
     log(method);
@@ -1276,8 +1176,8 @@ private ReactInstanceTaskUnwrapper createReactInstanceUnwraper(
    * ReactInstance task work throws an exception.
    */
   @ThreadConfined("ReactHost")
-  private Task<ReactInstance> newGetOrCreateReloadTask(String reason) {
-    final String method = "newGetOrCreateReloadTask()";
+  private Task<ReactInstance> getOrCreateReloadTask(String reason) {
+    final String method = "getOrCreateReloadTask()";
     log(method);
 
     // Log how React Native is destroyed
@@ -1388,7 +1288,7 @@ private Task<ReactInstance> newGetOrCreateReloadTask(String reason) {
                     mStartTask = null;
 
                     // Kickstart a new ReactInstance create
-                    return newGetOrCreateReactInstanceTask();
+                    return getOrCreateReactInstanceTask();
                   },
                   mBGExecutor)
               .continueWithTask(
@@ -1448,8 +1348,8 @@ private Task<ReactInstance> newGetOrCreateReloadTask(String reason) {
    * ReactInstance task work throws an exception.
    */
   @ThreadConfined("ReactHost")
-  private Task<Void> newGetOrCreateDestroyTask(final String reason, @Nullable Exception ex) {
-    final String method = "newGetOrCreateDestroyTask()";
+  private Task<Void> getOrCreateDestroyTask(final String reason, @Nullable Exception ex) {
+    final String method = "getOrCreateDestroyTask()";
     log(method);
 
     // Log how React Native is destroyed
@@ -1606,147 +1506,15 @@ private Task<Void> newGetOrCreateDestroyTask(final String reason, @Nullable Exce
     return mDestroyTask;
   }
 
-  /** Destroy and recreate the ReactInstance and context. */
-  private Task<Void> oldReload(String reason) {
-    final String method = "oldReload()";
-    log(method);
-
-    // Log how React Native is destroyed
-    // TODO(T136397487): Remove after Venice is shipped to 100%
-    raiseSoftException(method, reason);
-
-    synchronized (mReactInstanceTaskRef) {
-      mMemoryPressureRouter.removeMemoryPressureListener(mMemoryPressureListener);
-      oldDestroyReactInstanceAndContext(method, reason);
-
-      return callAfterGetOrCreateReactInstance(
-          method,
-          reactInstance -> {
-            // Restart any attached surfaces
-            log(method, "Restarting Surfaces");
-            synchronized (mAttachedSurfaces) {
-              for (ReactSurfaceImpl surface : mAttachedSurfaces) {
-                reactInstance.startSurface(surface);
-              }
-            }
-          });
-    }
-  }
-
-  /** Destroy the specified instance and context. */
-  private void oldDestroy(String reason, @Nullable Exception ex) {
-    final String method = "oldDestroy()";
-    log(method);
-
-    // Log how React Native is destroyed
-    // TODO(T136397487): Remove after Venice is shipped to 100%
-    raiseSoftException(method, reason, ex);
-
-    synchronized (mReactInstanceTaskRef) {
-      // Prevent re-destroy when ReactInstance has been reset already, which could happen when
-      // calling destroy multiple times on the same thread
-      ReactInstance reactInstance = mReactInstanceTaskRef.get().getResult();
-      if (reactInstance == null) {
-        return;
-      }
-
-      // Retain a reference to current ReactContext before de-referenced by mReactContextRef
-      final ReactContext reactContext = getCurrentReactContext();
-
-      if (reactContext != null) {
-        mMemoryPressureRouter.destroy(reactContext);
-      }
-
-      oldDestroyReactInstanceAndContext(method, reason);
-
-      // Remove all attached surfaces
-      log(method, "Clearing attached surfaces");
-      synchronized (mAttachedSurfaces) {
-        mAttachedSurfaces.clear();
-      }
-
-      Task.call(
-          (Callable<Void>)
-              () -> {
-                moveToHostDestroy(reactContext);
-                return null;
-              },
-          mUIExecutor);
-    }
-  }
-
-  private void oldDestroyReactInstanceAndContext(final String callingMethod, final String reason) {
-    final String method = "oldDestroyReactInstanceAndContext(" + callingMethod + ")";
-    log(method);
-
-    synchronized (mReactInstanceTaskRef) {
-      Task<ReactInstance> task = mReactInstanceTaskRef.getAndReset();
-      if (!task.isFaulted() && !task.isCancelled()) {
-        final ReactInstance instance = task.getResult();
-
-        // Noop on redundant calls to destroyReactInstance()
-        if (instance == null) {
-          log(method, "ReactInstance is null");
-          return;
-        }
-
-        /*
-         * The surfaces should be stopped before the instance destroy.
-         * Calling stop directly on instance ensures we keep the list of attached surfaces for restart.
-         */
-        log(method, "Stopping surfaces");
-        synchronized (mAttachedSurfaces) {
-          for (ReactSurfaceImpl surface : mAttachedSurfaces) {
-            instance.stopSurface(surface);
-            surface.clear();
-          }
-        }
-
-        ReactContext reactContext = getCurrentReactContext();
-
-        // Reset the ReactContext inside the DevSupportManager
-        if (reactContext != null) {
-          log(method, "DevSupportManager.onReactInstanceDestroyed()");
-          getDevSupportManager().onReactInstanceDestroyed(reactContext);
-          log(method, "Destroy ReactContext");
-          mBridgelessReactContextRef.reset();
-        }
-
-        mBGExecutor.execute(
-            () -> {
-              // instance.destroy() is time consuming and is confined to ReactHost thread.
-              log(method, "Destroy ReactInstance");
-              instance.destroy();
-
-              // Re-enable preloads
-              log(method, "Resetting Preload task ref");
-              mStartTask = null;
-            });
-      } else {
-        raiseSoftException(
-            method,
-            ("Not cleaning up ReactInstance: task.isFaulted() = "
-                    + task.isFaulted()
-                    + ", task.isCancelled() = "
-                    + task.isCancelled())
-                + ". Reason: "
-                + reason);
-
-        mBGExecutor.execute(
-            () -> {
-              log(method, "Resetting Preload task ref");
-              mStartTask = null;
-            });
-      }
-    }
+  @Nullable
+  @Override
+  public JSEngineResolutionAlgorithm getJsEngineResolutionAlgorithm() {
+    return mJSEngineResolutionAlgorithm;
   }
 
-  public void setJSEngineResolutionAlgorithm(
+  @Override
+  public void setJsEngineResolutionAlgorithm(
       @Nullable JSEngineResolutionAlgorithm jsEngineResolutionAlgorithm) {
     mJSEngineResolutionAlgorithm = jsEngineResolutionAlgorithm;
   }
-
-  public @Nullable JSEngineResolutionAlgorithm getJSEngineResolutionAlgorithm() {
-    return mJSEngineResolutionAlgorithm;
-  }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactInstance.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactInstance.java
index a9f01fda727a3e..37d8d44d830a4b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactInstance.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/ReactInstance.java
@@ -9,7 +9,6 @@
 
 import android.content.res.AssetManager;
 import android.view.View;
-import androidx.annotation.NonNull;
 import com.facebook.common.logging.FLog;
 import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.infer.annotation.ThreadConfined;
@@ -21,6 +20,7 @@
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.JSBundleLoader;
 import com.facebook.react.bridge.JSBundleLoaderDelegate;
+import com.facebook.react.bridge.JavaScriptContextHolder;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.NativeArray;
 import com.facebook.react.bridge.NativeMap;
@@ -44,20 +44,21 @@
 import com.facebook.react.fabric.ReactNativeConfig;
 import com.facebook.react.fabric.events.EventBeatManager;
 import com.facebook.react.interfaces.exceptionmanager.ReactJsExceptionHandler;
-import com.facebook.react.internal.turbomodule.core.CallInvokerHolderImpl;
-import com.facebook.react.internal.turbomodule.core.NativeMethodCallInvokerHolderImpl;
+import com.facebook.react.internal.AndroidChoreographerProvider;
 import com.facebook.react.internal.turbomodule.core.TurboModuleManager;
 import com.facebook.react.internal.turbomodule.core.TurboModuleManagerDelegate;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.modules.core.JavaTimerManager;
 import com.facebook.react.modules.core.ReactChoreographer;
+import com.facebook.react.turbomodule.core.CallInvokerHolderImpl;
+import com.facebook.react.turbomodule.core.NativeMethodCallInvokerHolderImpl;
 import com.facebook.react.uimanager.ComponentNameResolver;
 import com.facebook.react.uimanager.ComponentNameResolverManager;
 import com.facebook.react.uimanager.DisplayMetricsHolder;
 import com.facebook.react.uimanager.IllegalViewOperationException;
-import com.facebook.react.uimanager.UIConstantsProvider;
 import com.facebook.react.uimanager.UIConstantsProviderManager;
 import com.facebook.react.uimanager.UIManagerModule;
+import com.facebook.react.uimanager.UIManagerModuleConstantsHelper;
 import com.facebook.react.uimanager.ViewManager;
 import com.facebook.react.uimanager.ViewManagerRegistry;
 import com.facebook.react.uimanager.ViewManagerResolver;
@@ -72,7 +73,6 @@
 import java.util.Map;
 import java.util.Set;
 import javax.annotation.Nullable;
-import kotlin.jvm.functions.Function1;
 
 /**
  * An experimental replacement for {@link com.facebook.react.ReactInstanceManager} responsible for
@@ -94,6 +94,9 @@ final class ReactInstance {
   private final TurboModuleManager mTurboModuleManager;
   private final FabricUIManager mFabricUIManager;
   private final JavaTimerManager mJavaTimerManager;
+  private final BridgelessViewManagerResolver mViewManagerResolver;
+
+  private JavaScriptContextHolder mJavaScriptContextHolder;
 
   @DoNotStrip @Nullable private ComponentNameResolverManager mComponentNameResolverManager;
   @DoNotStrip @Nullable private UIConstantsProviderManager mUIConstantsProviderManager;
@@ -135,7 +138,7 @@ final class ReactInstance {
     MessageQueueThread nativeModulesMessageQueueThread =
         mQueueConfiguration.getNativeModulesQueueThread();
 
-    ReactChoreographer.initialize();
+    ReactChoreographer.initialize(AndroidChoreographerProvider.getInstance());
     if (useDevSupport) {
       devSupportManager.startInspector();
     }
@@ -165,14 +168,14 @@ public void onHostDestroy() {
           }
         });
 
-    JSEngineInstance jsEngineInstance = mDelegate.getJsEngineInstance();
+    JSRuntimeFactory jsRuntimeFactory = mDelegate.getJsRuntimeFactory();
     BindingsInstaller bindingsInstaller = mDelegate.getBindingsInstaller();
     // Notify JS if profiling is enabled
     boolean isProfiling =
         Systrace.isTracing(Systrace.TRACE_TAG_REACT_APPS | Systrace.TRACE_TAG_REACT_JS_VM_CALLS);
     mHybridData =
         initHybrid(
-            jsEngineInstance,
+            jsRuntimeFactory,
             jsMessageQueueThread,
             nativeModulesMessageQueueThread,
             mJavaTimerManager,
@@ -181,32 +184,18 @@ public void onHostDestroy() {
             bindingsInstaller,
             isProfiling);
 
-    RuntimeExecutor unbufferedRuntimeExecutor = getUnbufferedRuntimeExecutor();
-
-    // Initialize function for JS's UIManager.hasViewManagerConfig()
-    mComponentNameResolverManager =
-        new ComponentNameResolverManager(
-            // Use unbuffered RuntimeExecutor to install binding
-            unbufferedRuntimeExecutor,
-            (ComponentNameResolver)
-                () -> {
-                  Collection<String> viewManagerNames = getViewManagerNames();
-                  if (viewManagerNames.size() < 1) {
-                    FLog.e(TAG, "No ViewManager names found");
-                    return new String[0];
-                  }
-                  return viewManagerNames.toArray(new String[0]);
-                });
+    mJavaScriptContextHolder = new JavaScriptContextHolder(getJavaScriptContext());
 
     // Set up TurboModules
     Systrace.beginSection(
         Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "ReactInstance.initialize#initTurboModules");
 
-    mReactPackages = new ArrayList<>(mDelegate.getReactPackages());
+    mReactPackages = new ArrayList<>();
     mReactPackages.add(
         new CoreReactPackage(
             bridgelessReactContext.getDevSupportManager(),
             bridgelessReactContext.getDefaultHardwareBackBtnHandler()));
+    mReactPackages.addAll(mDelegate.getReactPackages());
 
     TurboModuleManagerDelegate turboModuleManagerDelegate =
         mDelegate
@@ -215,6 +204,7 @@ public void onHostDestroy() {
             .setReactApplicationContext(mBridgelessReactContext)
             .build();
 
+    RuntimeExecutor unbufferedRuntimeExecutor = getUnbufferedRuntimeExecutor();
     mTurboModuleManager =
         new TurboModuleManager(
             // Use unbuffered RuntimeExecutor to install binding
@@ -230,11 +220,35 @@ public void onHostDestroy() {
 
     Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
 
+    // Set up Fabric
+    Systrace.beginSection(
+        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "ReactInstance.initialize#initFabric");
+
+    mViewManagerResolver =
+        new BridgelessViewManagerResolver(mReactPackages, mBridgelessReactContext);
+
+    // Initialize function for JS's UIManager.hasViewManagerConfig()
+    mComponentNameResolverManager =
+        new ComponentNameResolverManager(
+            // Use unbuffered RuntimeExecutor to install binding
+            unbufferedRuntimeExecutor,
+            (ComponentNameResolver)
+                () -> {
+                  Collection<String> viewManagerNames = mViewManagerResolver.getViewManagerNames();
+                  if (viewManagerNames.size() < 1) {
+                    FLog.e(TAG, "No ViewManager names found");
+                    return new String[0];
+                  }
+                  return viewManagerNames.toArray(new String[0]);
+                });
+
     // Initialize function for JS's UIManager.getViewManagerConfig()
     // It should come after getTurboModuleManagerDelegate as it relies on react packages being
     // initialized.
     // This happens inside getTurboModuleManagerDelegate getter.
     if (ReactFeatureFlags.useNativeViewConfigsInBridgelessMode) {
+      Map<String, Object> customDirectEvents = new HashMap<>();
+
       mUIConstantsProviderManager =
           new UIConstantsProviderManager(
               // Use unbuffered RuntimeExecutor to install binding
@@ -245,37 +259,46 @@ public void onHostDestroy() {
               // 2. genericBubblingEventTypes.
               // 3. genericDirectEventTypes.
               // We want to match this beahavior.
-              (UIConstantsProvider)
-                  () -> {
-                    return getUIManagerConstants();
-                  });
+              () -> {
+                return (NativeMap)
+                    Arguments.makeNativeMap(
+                        UIManagerModuleConstantsHelper.getDefaultExportableEventTypes());
+              },
+              (String viewManagerName) -> {
+                ViewManager viewManager = mViewManagerResolver.getViewManager(viewManagerName);
+                if (viewManager == null) {
+                  return null;
+                }
+                return (NativeMap)
+                    UIManagerModule.getConstantsForViewManager(viewManager, customDirectEvents);
+              },
+              () -> {
+                List<ViewManager> viewManagers =
+                    new ArrayList<ViewManager>(
+                        mViewManagerResolver.getEagerViewManagerMap().values());
+
+                Map<String, Object> constants =
+                    UIManagerModule.createConstants(viewManagers, null, customDirectEvents);
+
+                Collection<String> lazyViewManagers =
+                    mViewManagerResolver.getLazyViewManagerNames();
+                if (lazyViewManagers.size() > 0) {
+                  constants.put("ViewManagerNames", new ArrayList<>(lazyViewManagers));
+                  constants.put("LazyViewManagersEnabled", true);
+                }
+
+                return Arguments.makeNativeMap(constants);
+              });
     }
 
-    // Set up Fabric
-    Systrace.beginSection(
-        Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "ReactInstance.initialize#initFabric");
-
-    ViewManagerRegistry viewManagerRegistry =
-        new ViewManagerRegistry(
-            new ViewManagerResolver() {
-              @Override
-              public @Nullable ViewManager getViewManager(String viewManagerName) {
-                return createViewManager(viewManagerName);
-              }
-
-              @Override
-              public Collection<String> getViewManagerNames() {
-                return ReactInstance.this.getViewManagerNames();
-              }
-            });
-
     EventBeatManager eventBeatManager = new EventBeatManager();
     mFabricUIManager =
-        new FabricUIManager(mBridgelessReactContext, viewManagerRegistry, eventBeatManager);
+        new FabricUIManager(
+            mBridgelessReactContext,
+            new ViewManagerRegistry(mViewManagerResolver),
+            eventBeatManager);
 
-    ReactNativeConfig config =
-        mDelegate.getReactNativeConfig(
-            (Function1<String, NativeModule>) name -> mTurboModuleManager.getModule(name));
+    ReactNativeConfig config = mDelegate.getReactNativeConfig();
 
     // Misc initialization that needs to be done before Fabric init
     DisplayMetricsHolder.initDisplayMetricsIfNotInitialized(mBridgelessReactContext);
@@ -412,6 +435,10 @@ public Collection<NativeModule> getNativeModules() {
     mFabricUIManager.stopSurface(surface.getSurfaceHandler());
   }
 
+  /* package */ JavaScriptContextHolder getJavaScriptContextHolder() {
+    return mJavaScriptContextHolder;
+  }
+
   /* --- Lifecycle methods --- */
   @ThreadConfined("ReactHost")
   /* package */ void destroy() {
@@ -422,13 +449,14 @@ public Collection<NativeModule> getNativeModules() {
     mHybridData.resetNative();
     mComponentNameResolverManager = null;
     mUIConstantsProviderManager = null;
+    mJavaScriptContextHolder.clear();
   }
 
   /* --- Native methods --- */
 
   @DoNotStrip
   private native HybridData initHybrid(
-      JSEngineInstance jsEngineInstance,
+      JSRuntimeFactory jsRuntimeFactory,
       MessageQueueThread jsMessageQueueThread,
       MessageQueueThread nativeModulesMessageQueueThread,
       JavaTimerManager timerManager,
@@ -453,10 +481,12 @@ private native HybridData initHybrid(
 
   private native RuntimeExecutor getUnbufferedRuntimeExecutor();
 
-  private native RuntimeExecutor getBufferedRuntimeExecutor();
+  /* package */ native RuntimeExecutor getBufferedRuntimeExecutor();
 
   private native RuntimeScheduler getRuntimeScheduler();
 
+  private native long getJavaScriptContext();
+
   /* package */ native void callFunctionOnModule(
       String moduleName, String methodName, NativeArray args);
 
@@ -491,57 +521,97 @@ public void registerSegment(int segmentId, String path) {
     registerSegmentNative(segmentId, path);
   }
 
-  private @Nullable ViewManager createViewManager(String viewManagerName) {
-    if (mDelegate != null) {
-      List<ReactPackage> packages = mReactPackages;
-      if (packages != null) {
-        synchronized (packages) {
-          for (ReactPackage reactPackage : packages) {
-            if (reactPackage instanceof ViewManagerOnDemandReactPackage) {
-              ViewManager viewManager =
-                  ((ViewManagerOnDemandReactPackage) reactPackage)
-                      .createViewManager(mBridgelessReactContext, viewManagerName);
-              if (viewManager != null) {
-                return viewManager;
-              }
-            }
-          }
+  private static class BridgelessViewManagerResolver implements ViewManagerResolver {
+    private List<ReactPackage> mReactPackages;
+    private BridgelessReactContext mBridgelessReactContext;
+    private Map<String, ViewManager> mLazyViewManagerMap = new HashMap<>();
+    private @Nullable Map<String, ViewManager> mEagerViewManagerMap = null;
+
+    public BridgelessViewManagerResolver(
+        List<ReactPackage> reactPackages, BridgelessReactContext context) {
+      mReactPackages = reactPackages;
+      mBridgelessReactContext = context;
+    }
+
+    @Override
+    public synchronized @Nullable ViewManager getViewManager(String viewManagerName) {
+      ViewManager viewManager = getLazyViewManager(viewManagerName);
+      if (viewManager != null) {
+        return viewManager;
+      }
+
+      // Once a view manager is not found in all react packages via lazy loading, fall back to
+      // default implementation: eagerly initialize all view managers
+      return getEagerViewManagerMap().get(viewManagerName);
+    }
+
+    @Override
+    public synchronized Collection<String> getViewManagerNames() {
+      Set<String> allViewManagerNames = new HashSet<>();
+      allViewManagerNames.addAll(getLazyViewManagerNames());
+      allViewManagerNames.addAll(getEagerViewManagerMap().keySet());
+      return allViewManagerNames;
+    }
+
+    public synchronized Map<String, ViewManager> getEagerViewManagerMap() {
+      if (mEagerViewManagerMap != null) {
+        return mEagerViewManagerMap;
+      }
+
+      Map<String, ViewManager> viewManagerMap = new HashMap<>();
+      for (ReactPackage reactPackage : mReactPackages) {
+        if (reactPackage instanceof ViewManagerOnDemandReactPackage) {
+          continue;
+        }
+
+        List<ViewManager> viewManagersInPackage =
+            reactPackage.createViewManagers(mBridgelessReactContext);
+        for (ViewManager viewManager : viewManagersInPackage) {
+          // TODO(T173624687): Should we throw/warn when the same view manager name is registered
+          // twice?
+          viewManagerMap.put(viewManager.getName(), viewManager);
         }
       }
+
+      mEagerViewManagerMap = viewManagerMap;
+      return mEagerViewManagerMap;
     }
 
-    return null;
-  }
+    private @Nullable ViewManager getLazyViewManager(String viewManagerName) {
+      if (mLazyViewManagerMap.containsKey(viewManagerName)) {
+        return mLazyViewManagerMap.get(viewManagerName);
+      }
 
-  private @NonNull Collection<String> getViewManagerNames() {
-    Set<String> uniqueNames = new HashSet<>();
-    if (mDelegate != null) {
-      List<ReactPackage> packages = mReactPackages;
-      if (packages != null) {
-        synchronized (packages) {
-          for (ReactPackage reactPackage : packages) {
-            if (reactPackage instanceof ViewManagerOnDemandReactPackage) {
-              Collection<String> names =
-                  ((ViewManagerOnDemandReactPackage) reactPackage)
-                      .getViewManagerNames(mBridgelessReactContext);
-              if (names != null) {
-                uniqueNames.addAll(names);
-              }
-            }
+      for (ReactPackage reactPackage : mReactPackages) {
+        if (reactPackage instanceof ViewManagerOnDemandReactPackage) {
+          ViewManager viewManager =
+              ((ViewManagerOnDemandReactPackage) reactPackage)
+                  .createViewManager(mBridgelessReactContext, viewManagerName);
+          if (viewManager != null) {
+            // TODO(T173624687): Should we throw/warn when the same view manager name is registered
+            // twice?
+            mLazyViewManagerMap.put(viewManagerName, viewManager);
+            return viewManager;
           }
         }
       }
+
+      return null;
     }
-    return uniqueNames;
-  }
 
-  private @NonNull NativeMap getUIManagerConstants() {
-    List<ViewManager> viewManagers = new ArrayList<ViewManager>();
-    for (String viewManagerName : getViewManagerNames()) {
-      viewManagers.add(createViewManager(viewManagerName));
+    public synchronized Collection<String> getLazyViewManagerNames() {
+      Set<String> uniqueNames = new HashSet<>();
+      for (ReactPackage reactPackage : mReactPackages) {
+        if (reactPackage instanceof ViewManagerOnDemandReactPackage) {
+          Collection<String> names =
+              ((ViewManagerOnDemandReactPackage) reactPackage)
+                  .getViewManagerNames(mBridgelessReactContext);
+          if (names != null) {
+            uniqueNames.addAll(names);
+          }
+        }
+      }
+      return uniqueNames;
     }
-    Map<String, Object> constants =
-        UIManagerModule.createConstants(viewManagers, new HashMap<>(), new HashMap<>());
-    return Arguments.makeNativeMap(constants);
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/cxxreactpackage/CxxReactPackage.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/cxxreactpackage/CxxReactPackage.kt
new file mode 100644
index 00000000000000..7208c04018d373
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/cxxreactpackage/CxxReactPackage.kt
@@ -0,0 +1,31 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// TODO(170197717): Consider moving this to runtime.cxx, or just runtime
+package com.facebook.react.runtime.cxxreactpackage
+
+import com.facebook.jni.HybridData
+import com.facebook.proguard.annotations.DoNotStrip
+import com.facebook.react.common.annotations.UnstableReactNativeAPI
+import com.facebook.soloader.SoLoader
+
+/** CxxReactPackage is used to register C++ Turbo Modules with React Native. */
+@UnstableReactNativeAPI()
+public abstract class CxxReactPackage {
+
+  @DoNotStrip @Suppress("NoHungarianNotation") private var mHybridData: HybridData?
+
+  protected constructor(hybridData: HybridData?) {
+    mHybridData = hybridData
+  }
+
+  private companion object {
+    init {
+      SoLoader.loadLibrary("react_cxxreactpackage")
+    }
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/hermes/HermesInstance.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/hermes/HermesInstance.kt
index 2f7697b249405b..47efb3f2a79212 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/hermes/HermesInstance.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/hermes/HermesInstance.kt
@@ -9,13 +9,17 @@ package com.facebook.react.runtime.hermes
 
 import com.facebook.jni.HybridData
 import com.facebook.jni.annotations.DoNotStrip
-import com.facebook.react.runtime.JSEngineInstance
+import com.facebook.react.fabric.ReactNativeConfig
+import com.facebook.react.runtime.JSRuntimeFactory
 import com.facebook.soloader.SoLoader
 
-class HermesInstance : JSEngineInstance(initHybrid()!!) {
+public class HermesInstance(reactNativeConfig: ReactNativeConfig?) :
+    JSRuntimeFactory(initHybrid(reactNativeConfig as Any?)) {
 
-  companion object {
-    @JvmStatic @DoNotStrip protected external fun initHybrid(): HybridData?
+  public constructor() : this(null)
+
+  public companion object {
+    @JvmStatic @DoNotStrip protected external fun initHybrid(reactNativeConfig: Any?): HybridData
 
     init {
       SoLoader.loadLibrary("hermesinstancejni")
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/Task.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/Task.java
index cb5399b6c120f8..1f4db71e3368bf 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/Task.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/Task.java
@@ -647,7 +647,7 @@ public <TContinuationResult> Task<TContinuationResult> continueWith(
     synchronized (lock) {
       completed = this.isCompleted();
       if (!completed) {
-        this.continuations.add(
+        continuations.add(
             new Continuation<TResult, Void>() {
               @Override
               public Void then(Task<TResult> task) {
@@ -704,7 +704,7 @@ public <TContinuationResult> Task<TContinuationResult> continueWithTask(
     synchronized (lock) {
       completed = this.isCompleted();
       if (!completed) {
-        this.continuations.add(
+        continuations.add(
             new Continuation<TResult, Void>() {
               @Override
               public Void then(Task<TResult> task) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/UnobservedErrorNotifier.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/UnobservedErrorNotifier.java
index 02021011c4037f..5ddf687ad10d5a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/UnobservedErrorNotifier.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/runtime/internal/bolts/UnobservedErrorNotifier.java
@@ -24,7 +24,7 @@ public UnobservedErrorNotifier(@Nullable Task<?> task) {
   @Override
   protected void finalize() throws Throwable {
     try {
-      Task faultedTask = this.task;
+      Task faultedTask = task;
       if (faultedTask != null) {
         Task.UnobservedExceptionHandler ueh = Task.getUnobservedExceptionHandler();
         if (ueh != null) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/shell/MainPackageConfig.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/shell/MainPackageConfig.java
index fb71a6b4b4ab8d..8d6b4ea3584bb0 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/shell/MainPackageConfig.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/shell/MainPackageConfig.java
@@ -12,7 +12,7 @@
 /** Configuration for {@link MainReactPackage} */
 public class MainPackageConfig {
 
-  private ImagePipelineConfig mFrescoConfig;
+  private final ImagePipelineConfig mFrescoConfig;
 
   private MainPackageConfig(Builder builder) {
     mFrescoConfig = builder.mFrescoConfig;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java
index 729694dd9b5996..b06dcc7d745983 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/shell/MainReactPackage.java
@@ -47,6 +47,7 @@
 import com.facebook.react.views.drawer.ReactDrawerLayoutManager;
 import com.facebook.react.views.image.ReactImageManager;
 import com.facebook.react.views.modal.ReactModalHostManager;
+import com.facebook.react.views.popupmenu.ReactPopupMenuManager;
 import com.facebook.react.views.progressbar.ReactProgressBarViewManager;
 import com.facebook.react.views.scroll.ReactHorizontalScrollContainerViewManager;
 import com.facebook.react.views.scroll.ReactHorizontalScrollViewManager;
@@ -170,6 +171,7 @@ public List<ViewManager> createViewManagers(ReactApplicationContext reactContext
     viewManagers.add(new ReactScrollViewManager());
     viewManagers.add(new ReactSwitchManager());
     viewManagers.add(new SwipeRefreshLayoutManager());
+    viewManagers.add(new ReactPopupMenuManager());
 
     // Native equivalents
     viewManagers.add(new FrescoBasedReactTextInlineImageViewManager());
@@ -211,6 +213,7 @@ public Map<String, ModuleSpec> getViewManagersMap() {
       appendMap(viewManagers, ReactSwitchManager.REACT_CLASS, ReactSwitchManager::new);
       appendMap(
           viewManagers, SwipeRefreshLayoutManager.REACT_CLASS, SwipeRefreshLayoutManager::new);
+      appendMap(viewManagers, ReactPopupMenuManager.REACT_CLASS, ReactPopupMenuManager::new);
       appendMap(
           viewManagers,
           FrescoBasedReactTextInlineImageViewManager.REACT_CLASS,
@@ -303,10 +306,12 @@ public ReactModuleInfoProvider getReactModuleInfoProvider() {
       return () -> reactModuleInfoMap;
     } catch (InstantiationException e) {
       throw new RuntimeException(
-          "No ReactModuleInfoProvider for CoreModulesPackage$$ReactModuleInfoProvider", e);
+          "No ReactModuleInfoProvider for com.facebook.react.shell.MainReactPackage$$ReactModuleInfoProvider",
+          e);
     } catch (IllegalAccessException e) {
       throw new RuntimeException(
-          "No ReactModuleInfoProvider for CoreModulesPackage$$ReactModuleInfoProvider", e);
+          "No ReactModuleInfoProvider for com.facebook.react.shell.MainReactPackage$$ReactModuleInfoProvider",
+          e);
     }
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/JSResponderHandler.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/JSResponderHandler.java
deleted file mode 100644
index a43ee164cc1a6c..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/JSResponderHandler.java
+++ /dev/null
@@ -1,73 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.touch;
-
-import android.view.MotionEvent;
-import android.view.ViewGroup;
-import android.view.ViewParent;
-import androidx.annotation.Nullable;
-
-/**
- * This class coordinates JSResponder commands for {@link UIManagerModule}. It should be set as
- * OnInterceptTouchEventListener for all newly created native views that implements {@link
- * ReactInterceptingViewGroup} and thanks to the information whether JSResponder is set and to which
- * view it will correctly coordinate the return values of {@link OnInterceptTouchEventListener} such
- * that touch events will be dispatched to the view selected by JS gesture recognizer.
- *
- * <p>Single {@link CatalystInstance} should reuse same instance of this class.
- */
-public class JSResponderHandler implements OnInterceptTouchEventListener {
-
-  private static final int JS_RESPONDER_UNSET = -1;
-
-  private volatile int mCurrentJSResponder = JS_RESPONDER_UNSET;
-  // We're holding on to the ViewParent that blocked native responders so that we can clear it
-  // when we change or clear the current JS responder.
-  private @Nullable ViewParent mViewParentBlockingNativeResponder;
-
-  public void setJSResponder(int tag, @Nullable ViewParent viewParentBlockingNativeResponder) {
-    mCurrentJSResponder = tag;
-    // We need to unblock the native responder first, otherwise we can get in a bad state: a
-    // ViewParent sets requestDisallowInterceptTouchEvent to true, which sets this setting to true
-    // to all of its ancestors. Now, if one of its ancestors sets requestDisallowInterceptTouchEvent
-    // to false, it unsets the setting for itself and all of its ancestors, which means that they
-    // can intercept events again.
-    maybeUnblockNativeResponder();
-    if (viewParentBlockingNativeResponder != null) {
-      viewParentBlockingNativeResponder.requestDisallowInterceptTouchEvent(true);
-      mViewParentBlockingNativeResponder = viewParentBlockingNativeResponder;
-    }
-  }
-
-  public void clearJSResponder() {
-    mCurrentJSResponder = JS_RESPONDER_UNSET;
-    maybeUnblockNativeResponder();
-  }
-
-  private void maybeUnblockNativeResponder() {
-    if (mViewParentBlockingNativeResponder != null) {
-      mViewParentBlockingNativeResponder.requestDisallowInterceptTouchEvent(false);
-      mViewParentBlockingNativeResponder = null;
-    }
-  }
-
-  @Override
-  public boolean onInterceptTouchEvent(ViewGroup v, MotionEvent event) {
-    int currentJSResponder = mCurrentJSResponder;
-    if (currentJSResponder != JS_RESPONDER_UNSET && event.getAction() != MotionEvent.ACTION_UP) {
-      // Don't intercept ACTION_UP events. If we return true here than UP event will not be
-      // delivered. That is because intercepted touch events are converted into CANCEL events
-      // and make all further events to be delivered to the view that intercepted the event.
-      // Therefore since "UP" event is the last event in a gesture, we should just let it reach the
-      // original target that is a child view of {@param v}.
-      // http://developer.android.com/reference/android/view/ViewGroup.html#onInterceptTouchEvent(android.view.MotionEvent)
-      return v.getId() == currentJSResponder;
-    }
-    return false;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/JSResponderHandler.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/JSResponderHandler.kt
new file mode 100644
index 00000000000000..8dddd3d4e9e0d6
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/JSResponderHandler.kt
@@ -0,0 +1,73 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.touch
+
+import android.view.MotionEvent
+import android.view.ViewGroup
+import android.view.ViewParent
+
+/**
+ * This class coordinates JSResponder commands for [UIManagerModule]. It should be set as
+ * OnInterceptTouchEventListener for all newly created native views that implements [ ] and thanks
+ * to the information whether JSResponder is set and to which view it will correctly coordinate the
+ * return values of [OnInterceptTouchEventListener] such that touch events will be dispatched to the
+ * view selected by JS gesture recognizer.
+ *
+ * Single [CatalystInstance] should reuse same instance of this class.
+ */
+public class JSResponderHandler : OnInterceptTouchEventListener {
+
+  @Volatile private var currentJSResponder = JS_RESPONDER_UNSET
+  // We're holding on to the ViewParent that blocked native responders so that we can clear it
+  // when we change or clear the current JS responder.
+
+  private var viewParentBlockingNativeResponder: ViewParent? = null
+
+  public fun setJSResponder(tag: Int, viewParentBlockingNativeResponder: ViewParent?) {
+    currentJSResponder = tag
+    // We need to unblock the native responder first, otherwise we can get in a bad state: a
+    // ViewParent sets requestDisallowInterceptTouchEvent to true, which sets this setting to true
+    // to all of its ancestors. Now, if one of its ancestors sets requestDisallowInterceptTouchEvent
+    // to false, it unsets the setting for itself and all of its ancestors, which means that they
+    // can intercept events again.
+    maybeUnblockNativeResponder()
+    if (viewParentBlockingNativeResponder != null) {
+      viewParentBlockingNativeResponder.requestDisallowInterceptTouchEvent(true)
+      this.viewParentBlockingNativeResponder = viewParentBlockingNativeResponder
+    }
+  }
+
+  public fun clearJSResponder() {
+    currentJSResponder = JS_RESPONDER_UNSET
+    maybeUnblockNativeResponder()
+  }
+
+  private fun maybeUnblockNativeResponder() {
+    viewParentBlockingNativeResponder?.requestDisallowInterceptTouchEvent(false)
+    viewParentBlockingNativeResponder = null
+  }
+
+  override fun onInterceptTouchEvent(view: ViewGroup, event: MotionEvent): Boolean {
+    val currentJSResponder = currentJSResponder
+    return if (currentJSResponder != JS_RESPONDER_UNSET && event.action != MotionEvent.ACTION_UP) {
+      // Don't intercept ACTION_UP events. If we return true here than UP event will not be
+      // delivered. That is because intercepted touch events are converted into CANCEL events
+      // and make all further events to be delivered to the view that intercepted the event.
+      // Therefore since "UP" event is the last event in a gesture, we should just let it reach the
+      // original target that is a child view of {@param v}.
+      // http://developer.android.com/reference/android/view/ViewGroup.html#onInterceptTouchEvent(android.view.MotionEvent)
+      view.id == currentJSResponder
+    } else {
+      false
+    }
+  }
+
+  private companion object {
+    private const val JS_RESPONDER_UNSET = -1
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.kt
similarity index 62%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.kt
index f9f5c61d6fe500..539b0f9ef7323a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/OnInterceptTouchEventListener.kt
@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.touch;
+package com.facebook.react.touch
 
-import android.view.MotionEvent;
-import android.view.ViewGroup;
+import android.view.MotionEvent
+import android.view.ViewGroup
 
 /**
- * Interface definition for a callback to be invoked when a onInterceptTouch is called on a {@link
- * ViewGroup}.
+ * Interface definition for a callback to be invoked when a onInterceptTouch is called on a
+ * [ViewGroup].
  */
-public interface OnInterceptTouchEventListener {
+public fun interface OnInterceptTouchEventListener {
 
   /**
    * Called when a onInterceptTouch is invoked on a view group
@@ -22,7 +22,7 @@ public interface OnInterceptTouchEventListener {
    * @param v The view group the onInterceptTouch has been called on
    * @param event The motion event being dispatched down the hierarchy.
    * @return Return true to steal motion event from the children and have the dispatched to this
-   *     view, or return false to allow motion event to be delivered to children view
+   *   view, or return false to allow motion event to be delivered to children view
    */
-  boolean onInterceptTouchEvent(ViewGroup v, MotionEvent event);
+  public fun onInterceptTouchEvent(view: ViewGroup, event: MotionEvent): Boolean
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactHitSlopView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactHitSlopView.java
deleted file mode 100644
index 8231a335a7be2f..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactHitSlopView.java
+++ /dev/null
@@ -1,26 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.touch;
-
-import android.graphics.Rect;
-import androidx.annotation.Nullable;
-
-/**
- * This interface should be implemented by all {@link View} subclasses that want to use the hitSlop
- * prop to extend their touch areas.
- */
-public interface ReactHitSlopView {
-
-  /**
-   * Called when determining the touch area of a view.
-   *
-   * @return A {@link Rect} representing how far to extend the touch area in each direction.
-   */
-  @Nullable
-  Rect getHitSlopRect();
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactHitSlopView.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactHitSlopView.kt
new file mode 100644
index 00000000000000..75ad5081535f00
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactHitSlopView.kt
@@ -0,0 +1,18 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.touch
+
+import android.graphics.Rect
+
+/**
+ * This interface should be implemented by all [View] subclasses that want to use the hitSlop prop
+ * to extend their touch areas.
+ */
+public interface ReactHitSlopView {
+  public val hitSlopRect: Rect?
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactInterceptingViewGroup.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactInterceptingViewGroup.java
deleted file mode 100644
index 70543c35d0d123..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactInterceptingViewGroup.java
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.touch;
-
-import android.view.ViewGroup;
-
-/**
- * This interface should be implemented by all {@link ViewGroup} subviews that can be instantiating
- * by {@link NativeViewHierarchyManager}. It is used to configure onInterceptTouch event listener
- * which then is used to control touch event flow in cases in which they requested to be intercepted
- * by some parent view based on a JS gesture detector.
- */
-public interface ReactInterceptingViewGroup {
-
-  /**
-   * A {@link ViewGroup} instance that implement this interface is responsible for storing the
-   * listener passed as an argument and then calling {@link
-   * OnInterceptTouchEventListener#onInterceptTouchEvent} from {@link
-   * ViewGroup#onInterceptTouchEvent} and returning the result. If some custom handling of this
-   * method apply for the view, it should be called after the listener returns and only in a case
-   * when it returns false.
-   *
-   * @param listener A callback that {@link ViewGroup} should delegate calls for {@link
-   *     ViewGroup#onInterceptTouchEvent} to
-   */
-  void setOnInterceptTouchEventListener(OnInterceptTouchEventListener listener);
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactInterceptingViewGroup.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactInterceptingViewGroup.kt
new file mode 100644
index 00000000000000..dce4315d8ddfbd
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/touch/ReactInterceptingViewGroup.kt
@@ -0,0 +1,31 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.touch
+
+import android.view.ViewGroup
+
+/**
+ * This interface should be implemented by all [ViewGroup] subviews that can be instantiating by
+ * [NativeViewHierarchyManager]. It is used to configure onInterceptTouch event listener which then
+ * is used to control touch event flow in cases in which they requested to be intercepted by some
+ * parent view based on a JS gesture detector.
+ */
+public interface ReactInterceptingViewGroup {
+
+  /**
+   * A [ViewGroup] instance that implement this interface is responsible for storing the listener
+   * passed as an argument and then calling [OnInterceptTouchEventListener#onInterceptTouchEvent]
+   * from [ViewGroup#onInterceptTouchEvent] and returning the result. If some custom handling of
+   * this method apply for the view, it should be called after the listener returns and only in a
+   * case when it returns false.
+   *
+   * @param listener A callback that [ViewGroup] should delegate calls for
+   *   [ViewGroup#onInterceptTouchEvent] to
+   */
+  public fun setOnInterceptTouchEventListener(listener: OnInterceptTouchEventListener)
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/CallInvokerHolderImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/CallInvokerHolderImpl.java
similarity index 70%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/CallInvokerHolderImpl.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/CallInvokerHolderImpl.java
index b64055a04b13e9..455eeb840773a6 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/CallInvokerHolderImpl.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/CallInvokerHolderImpl.java
@@ -5,17 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.internal.turbomodule.core;
+package com.facebook.react.turbomodule.core;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.react.internal.turbomodule.core.interfaces.CallInvokerHolder;
+import com.facebook.react.common.annotations.FrameworkAPI;
+import com.facebook.react.internal.turbomodule.core.NativeModuleSoLoader;
+import com.facebook.react.turbomodule.core.interfaces.CallInvokerHolder;
 
 /**
  * JSCallInvoker is created at a different time/place (i.e: in CatalystInstance) than
  * TurboModuleManager. Therefore, we need to wrap JSCallInvoker within a hybrid class so that we may
  * pass it from CatalystInstance, through Java, to TurboModuleManager::initHybrid.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
+@FrameworkAPI
 public class CallInvokerHolderImpl implements CallInvokerHolder {
 
   @DoNotStrip private final HybridData mHybridData;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/NativeMethodCallInvokerHolderImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/NativeMethodCallInvokerHolderImpl.java
similarity index 71%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/NativeMethodCallInvokerHolderImpl.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/NativeMethodCallInvokerHolderImpl.java
index 4fd3ee97eb7416..c68b5a69aab22e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/NativeMethodCallInvokerHolderImpl.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/NativeMethodCallInvokerHolderImpl.java
@@ -5,11 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.internal.turbomodule.core;
+package com.facebook.react.turbomodule.core;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
-import com.facebook.react.internal.turbomodule.core.interfaces.NativeMethodCallInvokerHolder;
+import com.facebook.react.common.annotations.FrameworkAPI;
+import com.facebook.react.internal.turbomodule.core.NativeModuleSoLoader;
+import com.facebook.react.turbomodule.core.interfaces.NativeMethodCallInvokerHolder;
 
 /**
  * NativeMethodCallInvokerHolder is created at a different time/place (i.e: in CatalystInstance)
@@ -17,6 +20,8 @@
  * class so that we may pass it from CatalystInstance, through Java, to
  * TurboModuleManager::initHybrid.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
+@FrameworkAPI
 public class NativeMethodCallInvokerHolderImpl implements NativeMethodCallInvokerHolder {
 
   @DoNotStrip private final HybridData mHybridData;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/CallInvokerHolder.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/CallInvokerHolder.kt
similarity index 86%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/CallInvokerHolder.kt
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/CallInvokerHolder.kt
index 3befd1b47a76e9..de3d307088e147 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/CallInvokerHolder.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/CallInvokerHolder.kt
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.internal.turbomodule.core.interfaces
+package com.facebook.react.turbomodule.core.interfaces
 /**
  * JS CallInvoker is created by CatalystInstance.cpp, but used by TurboModuleManager.cpp. Both C++
  * classes are instantiated at different times/places. Therefore, to pass the JS CallInvoker
@@ -14,4 +14,4 @@ package com.facebook.react.internal.turbomodule.core.interfaces
  * This interface represents the opaque Java object that contains a pointer to and instance of
  * CallInvoker.
  */
-interface CallInvokerHolder
+public interface CallInvokerHolder
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/NativeMethodCallInvokerHolder.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/NativeMethodCallInvokerHolder.kt
similarity index 75%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/NativeMethodCallInvokerHolder.kt
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/NativeMethodCallInvokerHolder.kt
index 3f89a39d9c2d83..1748a6d35afef3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/internal/turbomodule/core/interfaces/NativeMethodCallInvokerHolder.kt
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/NativeMethodCallInvokerHolder.kt
@@ -5,9 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.internal.turbomodule.core.interfaces
+package com.facebook.react.turbomodule.core.interfaces
 /**
  * This interface represents the opaque Java object that contains a pointer to and instance of
  * NativeMethodCallInvoker.
  */
-interface NativeMethodCallInvokerHolder
+public interface NativeMethodCallInvokerHolder
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModule.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModule.kt
new file mode 100644
index 00000000000000..394ffd69bfa622
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/turbomodule/core/interfaces/TurboModule.kt
@@ -0,0 +1,20 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.turbomodule.core.interfaces
+
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture
+
+/**
+ * This interface was introduced for backward compatibility purposes. This interface will be
+ * deprecated as part of the deprecation and removal of ReactModuleInfoProvider in the near future.
+ *
+ * See description of https://github.com/facebook/react-native/pull/41412 for more context.
+ */
+@DeprecatedInNewArchitecture
+public interface TurboModule :
+    com.facebook.react.internal.turbomodule.core.interfaces.TurboModule {}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/FabricViewStateManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/FabricViewStateManager.java
new file mode 100644
index 00000000000000..02ea431f7f4828
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/FabricViewStateManager.java
@@ -0,0 +1,95 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.uimanager;
+
+import androidx.annotation.Nullable;
+import com.facebook.common.logging.FLog;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.WritableMap;
+
+/**
+ * This is a helper base class for ViewGroups that use Fabric State.
+ *
+ * <p>Reason to use this: UpdateState calls from the View layer to the Fabric core can fail, and
+ * optionally Fabric will call a "failure callback" if that happens. This class abstracts that and
+ * makes it easier ensure that State in Fabric is always up-to-date.
+ *
+ * <p>1. Whenever ViewManager.updateState is called, call View.setStateWrapper. 2. Instead of
+ * calling StateWrapper.updateState directly, call View.setState and it will automatically keep
+ * retrying the UpdateState call until it succeeds; or you call setState again; or the View layer is
+ * updated with a newer StateWrapper.
+ */
+@Deprecated(
+    since =
+        "Deprecated class since v0.73.0, please use com.facebook.react.uimanager.StateWrapper instead.",
+    forRemoval = true)
+public class FabricViewStateManager {
+  private static final String TAG = "FabricViewStateManager";
+
+  @Deprecated
+  public interface HasFabricViewStateManager {
+    FabricViewStateManager getFabricViewStateManager();
+  }
+
+  @Deprecated
+  public interface StateUpdateCallback {
+    WritableMap getStateUpdate();
+  }
+
+  @Nullable private StateWrapper mStateWrapper = null;
+
+  @Deprecated
+  public void setStateWrapper(StateWrapper stateWrapper) {
+    mStateWrapper = stateWrapper;
+  }
+
+  @Deprecated
+  public boolean hasStateWrapper() {
+    return mStateWrapper != null;
+  }
+
+  private void setState(
+      @Nullable final StateWrapper stateWrapper,
+      final StateUpdateCallback stateUpdateCallback,
+      final int numTries) {
+    // The StateWrapper will change, breaking the async loop, whenever the UpdateState MountItem
+    // is executed.
+    // The caller is responsible for detecting if data is up-to-date, and doing nothing, or
+    // detecting if state is stale and calling setState again.
+    if (stateWrapper == null) {
+      FLog.e(TAG, "setState called without a StateWrapper");
+      return;
+    }
+    if (stateWrapper != mStateWrapper) {
+      return;
+    }
+    // We bail out after an arbitrary number of tries. In practice this should never go higher
+    // than 2 or 3, but there's nothing guaranteeing that.
+    if (numTries > 60) {
+      return;
+    }
+
+    @Nullable WritableMap stateUpdate = stateUpdateCallback.getStateUpdate();
+    if (stateUpdate == null) {
+      return;
+    }
+
+    // TODO: State update cannot fail; remove `failureRunnable` and custom retrying logic.
+    stateWrapper.updateState(stateUpdate);
+  }
+
+  @Deprecated
+  public void setState(final StateUpdateCallback stateUpdateCallback) {
+    setState(mStateWrapper, stateUpdateCallback, 0);
+  }
+
+  @Deprecated
+  public @Nullable ReadableMap getStateData() {
+    return mStateWrapper != null ? mStateWrapper.getStateData() : null;
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/IViewGroupManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/IViewGroupManager.java
index 95b2531de41855..9dd93bb58724dd 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/IViewGroupManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/IViewGroupManager.java
@@ -8,6 +8,7 @@
 package com.facebook.react.uimanager;
 
 import android.view.View;
+import com.facebook.react.bridge.UiThreadUtil;
 
 /** Interface providing children management API for view managers of classes extending ViewGroup. */
 public interface IViewGroupManager<T extends View> extends IViewManagerWithChildren {
@@ -21,6 +22,15 @@ public interface IViewGroupManager<T extends View> extends IViewManagerWithChild
   /** Removes View from the parent View at the index specified as a parameter. */
   void removeViewAt(T parent, int index);
 
+  /** Remove all child views from the parent View. */
+  default void removeAllViews(T parent) {
+    UiThreadUtil.assertOnUiThread();
+
+    for (int i = getChildCount(parent) - 1; i >= 0; i--) {
+      removeViewAt(parent, i);
+    }
+  }
+
   /** Return the amount of children contained by the view specified as a parameter. */
   int getChildCount(T parent);
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/JSTouchDispatcher.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/JSTouchDispatcher.java
index 275fe49d7639e4..8f931f4254368c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/JSTouchDispatcher.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/JSTouchDispatcher.java
@@ -59,8 +59,9 @@ public void onChildEndedNativeGesture(MotionEvent androidEvent, EventDispatcher
    * Main catalyst view is responsible for collecting and sending touch events to JS. This method
    * reacts for an incoming android native touch events ({@link MotionEvent}) and calls into {@link
    * com.facebook.react.uimanager.events.EventDispatcher} when appropriate. It uses {@link
-   * com.facebook.react.uimanager.TouchTargetHelper#findTouchTargetView} helper method for figuring
-   * out a react view ID in the case of ACTION_DOWN event (when the gesture starts).
+   * com.facebook.react.uimanager.TouchTargetHelper#findTargetTagAndCoordinatesForTouch} helper
+   * method for figuring out a react view ID in the case of ACTION_DOWN event (when the gesture
+   * starts).
    */
   public void handleTouchEvent(MotionEvent ev, EventDispatcher eventDispatcher) {
     int action = ev.getAction() & MotionEvent.ACTION_MASK;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java
index 46b833a053a2dc..8e6f7379f14c0f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/LayoutShadowNode.java
@@ -44,8 +44,8 @@ private static class MutableYogaValue {
     private MutableYogaValue() {}
 
     private MutableYogaValue(MutableYogaValue mutableYogaValue) {
-      this.value = mutableYogaValue.value;
-      this.unit = mutableYogaValue.unit;
+      value = mutableYogaValue.value;
+      unit = mutableYogaValue.unit;
     }
 
     void setFromDynamic(Dynamic dynamic) {
@@ -541,6 +541,11 @@ public void setAlignContent(@Nullable String alignContent) {
           setAlignContent(YogaAlign.SPACE_AROUND);
           return;
         }
+      case "space-evenly":
+        {
+          setAlignContent(YogaAlign.SPACE_EVENLY);
+          return;
+        }
       default:
         {
           FLog.w(ReactConstants.TAG, "invalid value for alignContent: " + alignContent);
@@ -818,11 +823,6 @@ public void setPosition(@Nullable String position) {
     }
 
     switch (position) {
-      case "static":
-        {
-          setPositionType(YogaPositionType.STATIC);
-          break;
-        }
       case "relative":
         {
           setPositionType(YogaPositionType.RELATIVE);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java
index 53f31f3cd570a3..4aa409213b896e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/NativeViewHierarchyManager.java
@@ -866,12 +866,17 @@ public synchronized void dispatchCommand(
   /**
    * Show a {@link PopupMenu}.
    *
+   * <p>This is deprecated, please use the <PopupMenuAndroid /> component instead.
+   *
+   * <p>TODO(T175424986): Remove UIManager.showPopupMenu() in React Native v0.75.
+   *
    * @param reactTag the tag of the anchor view (the PopupMenu is displayed next to this view); this
    *     needs to be the tag of a native view (shadow views can not be anchors)
    * @param items the menu items as an array of strings
    * @param success will be called with the position of the selected item as the first argument, or
    *     no arguments if the menu is dismissed
    */
+  @Deprecated
   public synchronized void showPopupMenu(
       int reactTag, ReadableArray items, Callback success, Callback error) {
     UiThreadUtil.assertOnUiThread();
@@ -894,7 +899,14 @@ public synchronized void showPopupMenu(
     mPopupMenu.show();
   }
 
-  /** Dismiss the last opened PopupMenu {@link PopupMenu}. */
+  /**
+   * This is deprecated, please use the <PopupMenuAndroid /> component instead.
+   *
+   * <p>TODO(T175424986): Remove UIManager.dismissPopupMenu() in React Native v0.75.
+   *
+   * <p>Dismiss the last opened PopupMenu {@link PopupMenu}.
+   */
+  @Deprecated
   public void dismissPopupMenu() {
     if (mPopupMenu != null) {
       mPopupMenu.dismiss();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundViewGroup.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundViewGroup.java
index e46401da7af9f9..9e38a645abf763 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundViewGroup.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactCompoundViewGroup.java
@@ -8,15 +8,15 @@
 package com.facebook.react.uimanager;
 
 /**
- * This interface should be implemented be native ViewGroup subclasses that can represent more than
+ * This interface should be implemented by native ViewGroup subclasses that can represent more than
  * a single react node. In that case, virtual and non-virtual (mapping to a View) elements can
  * overlap, and TouchTargetHelper may incorrectly dispatch touch event to a wrong element because it
- * priorities children over parents.
+ * prioritizes children over parents.
  */
 public interface ReactCompoundViewGroup extends ReactCompoundView {
   /**
-   * Returns true if react node responsible for the touch even is flattened into this ViewGroup. Use
-   * reactTagForTouch() to get its tag.
+   * Returns true if react node responsible for the touch event is flattened into this ViewGroup.
+   * Use reactTagForTouch() to get its tag.
    */
   boolean interceptsTouchEvent(float touchX, float touchY);
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRoot.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRoot.java
index e8ddb4b4b18d68..20a89f746bf249 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRoot.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactRoot.java
@@ -39,7 +39,7 @@ public interface ReactRoot {
   void runApplication();
 
   /** Handler for stages {@link com.facebook.react.surface.ReactStage} */
-  void onStage(int stage);
+  void onStage(@ReactStage int stage);
 
   /** Return native view for root */
   ViewGroup getRootViewGroup();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/surface/ReactStage.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactStage.java
similarity index 96%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/surface/ReactStage.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactStage.java
index 4ae44ea31ba3cf..f322f2ef1970ee 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/surface/ReactStage.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ReactStage.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.surface;
+package com.facebook.react.uimanager;
 
 import static java.lang.annotation.RetentionPolicy.SOURCE;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java
index b10d2d9b3c0681..50c22442af047e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ThemedReactContext.java
@@ -10,11 +10,10 @@
 import android.app.Activity;
 import android.content.Context;
 import androidx.annotation.Nullable;
-import com.facebook.react.bridge.JSIModule;
-import com.facebook.react.bridge.JSIModuleType;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.ReactContext;
+import com.facebook.react.bridge.UIManager;
 
 /**
  * Wraps {@link ReactContext} with the base {@link Context} passed into the constructor. It provides
@@ -110,10 +109,10 @@ public boolean isBridgeless() {
   }
 
   @Override
-  public JSIModule getJSIModule(JSIModuleType moduleType) {
+  public UIManager getFabricUIManager() {
     if (isBridgeless()) {
-      return mReactApplicationContext.getJSIModule(moduleType);
+      return mReactApplicationContext.getFabricUIManager();
     }
-    return super.getJSIModule(moduleType);
+    return super.getFabricUIManager();
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIConstantsProvider.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIConstantsProvider.java
deleted file mode 100644
index 77b95520c5c91a..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIConstantsProvider.java
+++ /dev/null
@@ -1,18 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.uimanager;
-
-import com.facebook.proguard.annotations.DoNotStripAny;
-import com.facebook.react.bridge.NativeMap;
-
-@DoNotStripAny
-public interface UIConstantsProvider {
-
-  /* Returns UIManager's constants. */
-  NativeMap getConstants();
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIConstantsProviderManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIConstantsProviderManager.java
index 6479a0c1562d5e..06af04472248b3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIConstantsProviderManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIConstantsProviderManager.java
@@ -10,8 +10,10 @@
 import com.facebook.jni.HybridData;
 import com.facebook.proguard.annotations.DoNotStrip;
 import com.facebook.proguard.annotations.DoNotStripAny;
+import com.facebook.react.bridge.NativeMap;
 import com.facebook.react.bridge.RuntimeExecutor;
 import com.facebook.soloader.SoLoader;
+import javax.annotation.Nullable;
 
 @DoNotStripAny
 public class UIConstantsProviderManager {
@@ -25,17 +27,47 @@ public class UIConstantsProviderManager {
   private final HybridData mHybridData;
 
   public UIConstantsProviderManager(
-      RuntimeExecutor runtimeExecutor, Object uiConstantsProviderManager) {
-    mHybridData = initHybrid(runtimeExecutor, uiConstantsProviderManager);
+      RuntimeExecutor runtimeExecutor,
+      DefaultEventTypesProvider defaultEventTypesProvider,
+      ConstantsForViewManagerProvider viewManagerConstantsProvider,
+      ConstantsProvider constantsProvider) {
+    mHybridData =
+        initHybrid(
+            runtimeExecutor,
+            defaultEventTypesProvider,
+            viewManagerConstantsProvider,
+            constantsProvider);
     installJSIBindings();
   }
 
   private native HybridData initHybrid(
-      RuntimeExecutor runtimeExecutor, Object uiConstantsProviderManager);
+      RuntimeExecutor runtimeExecutor,
+      DefaultEventTypesProvider defaultEventTypesProvider,
+      ConstantsForViewManagerProvider viewManagerConstantsProvider,
+      ConstantsProvider constantsProvider);
 
   private native void installJSIBindings();
 
   private static void staticInit() {
     SoLoader.loadLibrary("uimanagerjni");
   }
+
+  @DoNotStripAny
+  public static interface DefaultEventTypesProvider {
+    /* Returns UIManager's constants. */
+    NativeMap getDefaultEventTypes();
+  }
+
+  @DoNotStripAny
+  public static interface ConstantsForViewManagerProvider {
+    /* Returns UIManager's constants. */
+    @Nullable
+    NativeMap getConstantsForViewManager(String viewManagerName);
+  }
+
+  @DoNotStripAny
+  public static interface ConstantsProvider {
+    /* Returns UIManager's constants. */
+    NativeMap getConstants();
+  }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java
index 894f32380bda2c..0dbe9352b779e8 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIImplementation.java
@@ -480,27 +480,6 @@ public void replaceExistingNonRootView(int oldTag, int newTag) {
     manageChildren(parent.getReactTag(), null, null, tagsToAdd, addAtIndices, indicesToRemove);
   }
 
-  /**
-   * Method which takes a container tag and then releases all subviews for that container upon
-   * receipt. TODO: The method name is incorrect and will be renamed, #6033872
-   *
-   * @param containerTag the tag of the container for which the subviews must be removed
-   */
-  public void removeSubviewsFromContainerWithID(int containerTag) {
-    ReactShadowNode containerNode = mShadowNodeRegistry.getNode(containerTag);
-    if (containerNode == null) {
-      throw new IllegalViewOperationException(
-          "Trying to remove subviews of an unknown view tag: " + containerTag);
-    }
-
-    WritableArray indicesToRemove = Arguments.createArray();
-    for (int childIndex = 0; childIndex < containerNode.getChildCount(); childIndex++) {
-      indicesToRemove.pushInt(childIndex);
-    }
-
-    manageChildren(containerTag, null, null, null, null, indicesToRemove);
-  }
-
   /**
    * Find the touch target child native view in the supplied root view hierarchy, given a react
    * target location.
@@ -771,6 +750,10 @@ public void dispatchViewManagerCommand(
   /**
    * Show a PopupMenu.
    *
+   * <p>This is deprecated, please use the <PopupMenuAndroid /> component instead.
+   *
+   * <p>TODO(T175424986): Remove UIManager.showPopupMenu() in React Native v0.75.
+   *
    * @param reactTag the tag of the anchor view (the PopupMenu is displayed next to this view); this
    *     needs to be the tag of a native view (shadow views can not be anchors)
    * @param items the menu items as an array of strings
@@ -778,6 +761,7 @@ public void dispatchViewManagerCommand(
    * @param success will be called with the position of the selected item as the first argument, or
    *     no arguments if the menu is dismissed
    */
+  @Deprecated
   public void showPopupMenu(int reactTag, ReadableArray items, Callback error, Callback success) {
     boolean viewExists = checkOrAssertViewExists(reactTag, "showPopupMenu");
     if (!viewExists) {
@@ -787,6 +771,8 @@ public void showPopupMenu(int reactTag, ReadableArray items, Callback error, Cal
     mOperationsQueue.enqueueShowPopupMenu(reactTag, items, error, success);
   }
 
+  /** TODO(T175424986): Remove UIManager.dismissPopupMenu() in React Native v0.75. */
+  @Deprecated
   public void dismissPopupMenu() {
     mOperationsQueue.enqueueDismissPopupMenu();
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java
index c4a3902d1e3d6a..52f635eaa6aac0 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerHelper.java
@@ -17,7 +17,6 @@
 import androidx.annotation.Nullable;
 import androidx.core.view.ViewCompat;
 import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.JSIModuleType;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReactNoCrashSoftException;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
@@ -53,7 +52,7 @@ private static UIManager getUIManager(
       @UIManagerType int uiManagerType,
       boolean returnNullIfCatalystIsInactive) {
     if (context.isBridgeless()) {
-      @Nullable UIManager uiManager = (UIManager) context.getJSIModule(JSIModuleType.UIManager);
+      @Nullable UIManager uiManager = context.getFabricUIManager();
       if (uiManager == null) {
         ReactSoftExceptionLogger.logSoftException(
             TAG,
@@ -85,7 +84,7 @@ private static UIManager getUIManager(
     CatalystInstance catalystInstance = context.getCatalystInstance();
     try {
       return uiManagerType == FABRIC
-          ? (UIManager) catalystInstance.getJSIModule(JSIModuleType.UIManager)
+          ? context.getFabricUIManager()
           : catalystInstance.getNativeModule(UIManagerModule.class);
     } catch (IllegalArgumentException ex) {
       // TODO T67518514 Clean this up once we migrate everything over to bridgeless mode
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java
index ba2b8f3362df85..15a1b42542989d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModule.java
@@ -196,7 +196,7 @@ public void onHostDestroy() {
 
   @Override
   public void invalidate() {
-    super.onCatalystInstanceDestroy();
+    super.invalidate();
     mEventDispatcher.onCatalystInstanceDestroyed();
     mUIImplementation.onCatalystInstanceDestroyed();
 
@@ -247,22 +247,26 @@ public static Map<String, Object> createConstants(
   }
 
   @ReactMethod(isBlockingSynchronousMethod = true)
-  public @Nullable WritableMap getConstantsForViewManager(@Nullable String viewManagerName) {
-    ViewManager targetView =
-        viewManagerName != null ? mUIImplementation.resolveViewManager(viewManagerName) : null;
+  public @Nullable WritableMap getConstantsForViewManager(String viewManagerName) {
+    ViewManager targetView = mUIImplementation.resolveViewManager(viewManagerName);
     if (targetView == null) {
       return null;
     }
 
+    return getConstantsForViewManager(targetView, mCustomDirectEvents);
+  }
+
+  public static @Nullable WritableMap getConstantsForViewManager(
+      ViewManager viewManager, Map<String, Object> customDirectEvents) {
     SystraceMessage.beginSection(
             Systrace.TRACE_TAG_REACT_JAVA_BRIDGE, "UIManagerModule.getConstantsForViewManager")
-        .arg("ViewManager", targetView.getName())
+        .arg("ViewManager", viewManager.getName())
         .arg("Lazy", true)
         .flush();
     try {
       Map<String, Object> viewManagerConstants =
           UIManagerModuleConstantsHelper.createConstantsForViewManager(
-              targetView, null, null, null, mCustomDirectEvents);
+              viewManager, null, null, null, customDirectEvents);
       if (viewManagerConstants != null) {
         return Arguments.makeNativeMap(viewManagerConstants);
       }
@@ -486,32 +490,6 @@ public void setChildren(int viewTag, ReadableArray childrenTags) {
     mUIImplementation.setChildren(viewTag, childrenTags);
   }
 
-  /**
-   * Replaces the View specified by oldTag with the View specified by newTag within oldTag's parent.
-   * This resolves to a simple {@link #manageChildren} call, but React doesn't have enough info in
-   * JS to formulate it itself.
-   *
-   * @deprecated This method will not be available in Fabric UIManager class.
-   */
-  @ReactMethod
-  @Deprecated
-  public void replaceExistingNonRootView(int oldTag, int newTag) {
-    mUIImplementation.replaceExistingNonRootView(oldTag, newTag);
-  }
-
-  /**
-   * Method which takes a container tag and then releases all subviews for that container upon
-   * receipt.
-   *
-   * @param containerTag the tag of the container for which the subviews must be removed
-   * @deprecated This method will not be available in Fabric UIManager class.
-   */
-  @ReactMethod
-  @Deprecated
-  public void removeSubviewsFromContainerWithID(int containerTag) {
-    mUIImplementation.removeSubviewsFromContainerWithID(containerTag);
-  }
-
   /**
    * Determines the location on screen, width, and height of the given view and returns the values
    * via an async callback.
@@ -640,6 +618,10 @@ public void dispatchCommand(int reactTag, String commandId, @Nullable ReadableAr
   /**
    * Show a PopupMenu.
    *
+   * <p>This is deprecated, please use the <PopupMenuAndroid /> component instead.
+   *
+   * <p>TODO(T175424986): Remove UIManager.showPopupMenu() in React Native v0.75.
+   *
    * @param reactTag the tag of the anchor view (the PopupMenu is displayed next to this view); this
    *     needs to be the tag of a native view (shadow views can not be anchors)
    * @param items the menu items as an array of strings
@@ -648,11 +630,18 @@ public void dispatchCommand(int reactTag, String commandId, @Nullable ReadableAr
    *     no arguments if the menu is dismissed
    */
   @ReactMethod
+  @Deprecated
   public void showPopupMenu(int reactTag, ReadableArray items, Callback error, Callback success) {
     mUIImplementation.showPopupMenu(reactTag, items, error, success);
   }
 
+  /**
+   * This is deprecated, please use the <PopupMenuAndroid /> component instead.
+   *
+   * <p>TODO(T175424986): Remove UIManager.dismissPopupMenu() in React Native v0.75.
+   */
   @ReactMethod
+  @Deprecated
   public void dismissPopupMenu() {
     mUIImplementation.dismissPopupMenu();
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelper.java
index 6d0770447bfb90..098b7e15fa976e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelper.java
@@ -7,15 +7,12 @@
 
 package com.facebook.react.uimanager;
 
-import static com.facebook.systrace.Systrace.TRACE_TAG_REACT_JAVA_BRIDGE;
-
 import androidx.annotation.Nullable;
 import androidx.annotation.VisibleForTesting;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.common.MapBuilder;
 import com.facebook.react.common.build.ReactBuildConfig;
 import com.facebook.react.config.ReactFeatureFlags;
-import com.facebook.systrace.SystraceMessage;
 import java.util.ArrayList;
 import java.util.HashMap;
 import java.util.HashSet;
@@ -27,7 +24,7 @@
  * Helps generate constants map for {@link UIManagerModule} by collecting and merging constants from
  * registered view managers.
  */
-/* package */ class UIManagerModuleConstantsHelper {
+public class UIManagerModuleConstantsHelper {
   private static final String TAG = "UIManagerModuleConstantsHelper";
   private static final String BUBBLING_EVENTS_KEY = "bubblingEventTypes";
   private static final String DIRECT_EVENTS_KEY = "directEventTypes";
@@ -46,7 +43,7 @@
     return constants;
   }
 
-  /* package */ static Map<String, Object> getDefaultExportableEventTypes() {
+  public static Map<String, Object> getDefaultExportableEventTypes() {
     return MapBuilder.<String, Object>of(
         BUBBLING_EVENTS_KEY, UIManagerModuleConstants.getBubblingEventTypeConstants(),
         DIRECT_EVENTS_KEY, UIManagerModuleConstants.getDirectEventTypeConstants());
@@ -112,21 +109,11 @@ private static void validateDirectEventNames(
     for (ViewManager viewManager : viewManagers) {
       final String viewManagerName = viewManager.getName();
 
-      SystraceMessage.beginSection(
-              TRACE_TAG_REACT_JAVA_BRIDGE, "UIManagerModuleConstantsHelper.createConstants")
-          .arg("ViewManager", viewManagerName)
-          .arg("Lazy", false)
-          .flush();
-
-      try {
-        Map viewManagerConstants =
-            createConstantsForViewManager(
-                viewManager, null, null, allBubblingEventTypes, allDirectEventTypes);
-        if (!viewManagerConstants.isEmpty()) {
-          constants.put(viewManagerName, viewManagerConstants);
-        }
-      } finally {
-        SystraceMessage.endSection(TRACE_TAG_REACT_JAVA_BRIDGE);
+      Map viewManagerConstants =
+          createConstantsForViewManager(
+              viewManager, null, null, allBubblingEventTypes, allDirectEventTypes);
+      if (!viewManagerConstants.isEmpty()) {
+        constants.put(viewManagerName, viewManagerConstants);
       }
     }
 
@@ -206,7 +193,15 @@ private static void validateDirectEventNames(
     }
     for (String oldKey : keysToNormalize) {
       Object value = events.get(oldKey);
-      String newKey = "top" + oldKey.substring(0, 1).toUpperCase() + oldKey.substring(1);
+      String baseKey = "";
+      if (oldKey.startsWith("on")) {
+        // Drop "on" prefix.
+        baseKey = oldKey.substring(2);
+      } else {
+        // Capitalize first letter.
+        baseKey = oldKey.substring(0, 1).toUpperCase() + oldKey.substring(1);
+      }
+      String newKey = "top" + baseKey;
       events.put(newKey, value);
     }
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java
index 73bb4ac0be2f58..2acef25ee15c60 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/UIViewOperationQueue.java
@@ -25,6 +25,7 @@
 import com.facebook.react.bridge.SoftAssertions;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.ReactConstants;
+import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.uimanager.debug.NotThreadSafeViewHierarchyUpdateDebugListener;
 import com.facebook.systrace.Systrace;
@@ -342,6 +343,12 @@ public int getRetries() {
     }
   }
 
+  /**
+   * This is deprecated, please use the <PopupMenuAndroid /> component instead.
+   *
+   * <p>TODO(T175424986): Remove UIManager.showPopupMenu() in React Native v0.75.
+   */
+  @Deprecated
   private final class ShowPopupMenuOperation extends ViewOperation {
 
     private final ReadableArray mItems;
@@ -361,6 +368,12 @@ public void execute() {
     }
   }
 
+  /**
+   * This is deprecated, please use the <PopupMenuAndroid /> component instead.
+   *
+   * <p>TODO(T175424986): Remove UIManager.dismissPopupMenu() in React Native v0.75.
+   */
+  @Deprecated
   private final class DismissPopupMenuOperation implements UIOperation {
     @Override
     public void execute() {
@@ -702,11 +715,23 @@ public void enqueueUpdateExtraData(int reactTag, Object extraData) {
     mOperations.add(new UpdateViewExtraData(reactTag, extraData));
   }
 
+  /**
+   * This is deprecated, please use the <PopupMenuAndroid /> component instead.
+   *
+   * <p>TODO(T175424986): Remove UIManager.showPopupMenu() in React Native v0.75.
+   */
+  @Deprecated
   public void enqueueShowPopupMenu(
       int reactTag, ReadableArray items, Callback error, Callback success) {
     mOperations.add(new ShowPopupMenuOperation(reactTag, items, error, success));
   }
 
+  /**
+   * This is deprecated, please use the <PopupMenuAndroid /> component instead.
+   *
+   * <p>TODO(T175424986): Remove UIManager.dismissPopupMenu() in React Native v0.75.
+   */
+  @Deprecated
   public void enqueueDismissPopupMenu() {
     mOperations.add(new DismissPopupMenuOperation());
   }
@@ -962,8 +987,10 @@ public void runGuarded() {
 
   /* package */ void resumeFrameCallback() {
     mIsDispatchUIFrameCallbackEnqueued = true;
-    ReactChoreographer.getInstance()
-        .postFrameCallback(ReactChoreographer.CallbackType.DISPATCH_UI, mDispatchUIFrameCallback);
+    if (!ReactFeatureFlags.enableFabricRendererExclusively) {
+      ReactChoreographer.getInstance()
+          .postFrameCallback(ReactChoreographer.CallbackType.DISPATCH_UI, mDispatchUIFrameCallback);
+    }
   }
 
   /* package */ void pauseFrameCallback() {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupDrawingOrderHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupDrawingOrderHelper.java
index 96448f6c01a277..2bd1d754f3a398 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupDrawingOrderHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupDrawingOrderHelper.java
@@ -10,6 +10,8 @@
 import android.view.View;
 import android.view.ViewGroup;
 import androidx.annotation.Nullable;
+import com.facebook.common.logging.FLog;
+import com.facebook.react.common.ReactConstants;
 import java.util.ArrayList;
 import java.util.Collections;
 import java.util.Comparator;
@@ -65,6 +67,17 @@ public boolean shouldEnableCustomDrawingOrder() {
    * ViewGroup#getChildDrawingOrder}.
    */
   public int getChildDrawingOrder(int childCount, int index) {
+    if (mDrawingOrderIndices != null
+        && (index >= mDrawingOrderIndices.length || mDrawingOrderIndices[index] >= childCount)) {
+      FLog.w(
+          ReactConstants.TAG,
+          "getChildDrawingOrder index out of bounds! Please check any custom view manipulations you"
+              + " may have done. childCount = %d, index = %d",
+          childCount,
+          index);
+      update();
+    }
+
     if (mDrawingOrderIndices == null) {
       ArrayList<View> viewsToSort = new ArrayList<>();
       for (int i = 0; i < childCount; i++) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupManager.java
index 12fca8747f38a6..419747ae9b92b8 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewGroupManager.java
@@ -89,14 +89,6 @@ public void removeView(T parent, View view) {
     }
   }
 
-  public void removeAllViews(T parent) {
-    UiThreadUtil.assertOnUiThread();
-
-    for (int i = getChildCount(parent) - 1; i >= 0; i--) {
-      removeViewAt(parent, i);
-    }
-  }
-
   /**
    * Returns whether this View type needs to handle laying out its own children instead of deferring
    * to the standard css-layout algorithm. Returns true for the layout to *not* be automatically
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java
index c187cac7bea303..09ae7a272ad0e6 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/ViewManagersPropertyCache.java
@@ -204,6 +204,11 @@ public ColorPropSetter(ReactProp prop, Method setter, int defaultValue) {
       mDefaultValue = defaultValue;
     }
 
+    public ColorPropSetter(ReactPropGroup prop, Method setter, int index, int defaultValue) {
+      super(prop, "mixed", setter, index);
+      mDefaultValue = defaultValue;
+    }
+
     @Override
     protected Object getValueOrDefault(Object value, Context context) {
       if (value == null) {
@@ -331,6 +336,10 @@ public BoxedColorPropSetter(ReactProp prop, Method setter) {
       super(prop, "mixed", setter);
     }
 
+    public BoxedColorPropSetter(ReactPropGroup prop, Method setter, int index) {
+      super(prop, "mixed", setter, index);
+    }
+
     @Override
     protected @Nullable Object getValueOrDefault(Object value, Context context) {
       if (value != null) {
@@ -468,7 +477,11 @@ private static void createPropSetters(
       }
     } else if (propTypeClass == int.class) {
       for (int i = 0; i < names.length; i++) {
-        props.put(names[i], new IntPropSetter(annotation, method, i, annotation.defaultInt()));
+        if ("Color".equals(annotation.customType())) {
+          props.put(names[i], new ColorPropSetter(annotation, method, i, annotation.defaultInt()));
+        } else {
+          props.put(names[i], new IntPropSetter(annotation, method, i, annotation.defaultInt()));
+        }
       }
     } else if (propTypeClass == float.class) {
       for (int i = 0; i < names.length; i++) {
@@ -481,7 +494,11 @@ private static void createPropSetters(
       }
     } else if (propTypeClass == Integer.class) {
       for (int i = 0; i < names.length; i++) {
-        props.put(names[i], new BoxedIntPropSetter(annotation, method, i));
+        if ("Color".equals(annotation.customType())) {
+          props.put(names[i], new BoxedColorPropSetter(annotation, method, i));
+        } else {
+          props.put(names[i], new BoxedIntPropSetter(annotation, method, i));
+        }
       }
     } else {
       throw new RuntimeException(
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java
index b3f7e8fa41762b..fd1950986062ba 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactProp.java
@@ -10,6 +10,7 @@
 import static java.lang.annotation.RetentionPolicy.RUNTIME;
 
 import androidx.annotation.Nullable;
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
 import java.lang.annotation.ElementType;
 import java.lang.annotation.Retention;
 import java.lang.annotation.Target;
@@ -46,6 +47,7 @@
  */
 @Retention(RUNTIME)
 @Target(ElementType.METHOD)
+@DeprecatedInNewArchitecture
 public @interface ReactProp {
 
   // Used as a default value for "customType" property as "null" is not allowed. Moreover, when this
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java
index e4a301fe89b5c7..f157dbdf9c2266 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropGroup.java
@@ -10,6 +10,7 @@
 import static java.lang.annotation.RetentionPolicy.RUNTIME;
 
 import androidx.annotation.Nullable;
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
 import java.lang.annotation.ElementType;
 import java.lang.annotation.Retention;
 import java.lang.annotation.Target;
@@ -40,6 +41,7 @@
  * provided as a default.
  */
 @Retention(RUNTIME)
+@DeprecatedInNewArchitecture
 @Target(ElementType.METHOD)
 public @interface ReactPropGroup {
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java
index 311388ca364367..d2a6576a13ad64 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/annotations/ReactPropertyHolder.java
@@ -7,6 +7,7 @@
 
 package com.facebook.react.uimanager.annotations;
 
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
 import java.lang.annotation.ElementType;
 import java.lang.annotation.Inherited;
 import java.lang.annotation.Retention;
@@ -16,4 +17,5 @@
 @Inherited
 @Retention(RetentionPolicy.CLASS)
 @Target(ElementType.TYPE)
+@DeprecatedInNewArchitecture
 public @interface ReactPropertyHolder {}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/UIManagerType.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/UIManagerType.java
index 1e1577caabfac0..884b372eec881a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/UIManagerType.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/UIManagerType.java
@@ -12,10 +12,12 @@
 import static java.lang.annotation.RetentionPolicy.SOURCE;
 
 import androidx.annotation.IntDef;
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
 import java.lang.annotation.Retention;
 
 @Retention(SOURCE)
 @IntDef({DEFAULT, FABRIC})
+@DeprecatedInNewArchitecture
 public @interface UIManagerType {
   int DEFAULT = 1;
   int FABRIC = 2;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/ViewUtil.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/ViewUtil.java
index 086afd06ac7c49..2c20907f6f2c82 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/ViewUtil.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/common/ViewUtil.java
@@ -10,6 +10,9 @@
 import static com.facebook.react.uimanager.common.UIManagerType.DEFAULT;
 import static com.facebook.react.uimanager.common.UIManagerType.FABRIC;
 
+import com.facebook.infer.annotation.Nullsafe;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ViewUtil {
 
   public static final int NO_SURFACE_ID = -1;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener.java
index 915df10541ad44..9a6b65eba790ae 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/debug/NotThreadSafeViewHierarchyUpdateDebugListener.java
@@ -7,6 +7,7 @@
 
 package com.facebook.react.uimanager.debug;
 
+import com.facebook.react.common.annotations.DeprecatedInNewArchitecture;
 import com.facebook.react.uimanager.UIManagerModule;
 
 /**
@@ -16,6 +17,7 @@
  * <p>NB: while onViewHierarchyUpdateFinished will always be called from the UI thread, there are no
  * guarantees what thread onViewHierarchyUpdateEnqueued is called on.
  */
+@DeprecatedInNewArchitecture
 public interface NotThreadSafeViewHierarchyUpdateDebugListener {
 
   /**
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/BlackHoleEventDispatcher.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/BlackHoleEventDispatcher.java
index 44ea8002acec19..8b7a36d85b5f71 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/BlackHoleEventDispatcher.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/BlackHoleEventDispatcher.java
@@ -8,11 +8,13 @@
 package com.facebook.react.uimanager.events;
 
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * A singleton class that overrides {@link EventDispatcher} with no-op methods, to be used by
  * callers that expect an EventDispatcher when the instance doesn't exist.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class BlackHoleEventDispatcher implements EventDispatcher {
 
   private static final EventDispatcher sEventDispatcher = new BlackHoleEventDispatcher();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java
index 6e85121b69009f..09870620d04bc9 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ContentSizeChangeEvent.java
@@ -7,11 +7,18 @@
 
 package com.facebook.react.uimanager.events;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.PixelUtil;
 
-/** Event dispatched when total width or height of a view's children changes */
+/**
+ * Event dispatched when total width or height of a view's children changes.
+ *
+ * @deprecated Please define your own event for custom components
+ */
+@Nullsafe(Nullsafe.Mode.LOCAL)
+@Deprecated
 public class ContentSizeChangeEvent extends Event<ContentSizeChangeEvent> {
 
   public static final String EVENT_NAME = "topContentSizeChange";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/Event.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/Event.java
index e8448813dbd049..0605f3e1c2909e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/Event.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/Event.java
@@ -8,9 +8,9 @@
 package com.facebook.react.uimanager.events;
 
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.common.SystemClock;
-import com.facebook.react.uimanager.IllegalViewOperationException;
 
 /**
  * A UI event that can be dispatched to JS.
@@ -28,6 +28,7 @@
  * surfaceId. Fabric will work without surfaceId - making {@code Event} backwards-compatible - but
  * Events without SurfaceId are slightly slower to propagate.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public abstract class Event<T extends Event> {
 
   private static int sUniqueID = 0;
@@ -158,20 +159,10 @@ public boolean match(int viewTag, String eventName) {
    */
   @Deprecated
   public void dispatch(RCTEventEmitter rctEventEmitter) {
-    WritableMap eventData = getEventData();
-    if (eventData == null) {
-      throw new IllegalViewOperationException(
-          "Event: you must return a valid, non-null value from `getEventData`, or override `dispatch` and `dispatchModern`. Event: "
-              + getEventName());
-    }
-    rctEventEmitter.receiveEvent(getViewTag(), getEventName(), eventData);
+    rctEventEmitter.receiveEvent(getViewTag(), getEventName(), getEventData());
   }
 
-  /**
-   * Can be overridden by classes to make migrating to RCTModernEventEmitter support easier. If this
-   * class returns null, the RCTEventEmitter interface will be used instead of
-   * RCTModernEventEmitter. In the future, returning null here will be an error.
-   */
+  /** Can be overridden by classes when no custom logic for dispatching is needed. */
   @Nullable
   protected WritableMap getEventData() {
     return null;
@@ -193,23 +184,19 @@ protected int getEventCategory() {
    *
    * @see #dispatch
    */
-  @Deprecated
   public void dispatchModern(RCTModernEventEmitter rctEventEmitter) {
     if (getSurfaceId() != -1) {
-      WritableMap eventData = getEventData();
-      if (eventData != null) {
-        rctEventEmitter.receiveEvent(
-            getSurfaceId(),
-            getViewTag(),
-            getEventName(),
-            canCoalesce(),
-            getCoalescingKey(),
-            eventData,
-            getEventCategory());
-        return;
-      }
+      rctEventEmitter.receiveEvent(
+          getSurfaceId(),
+          getViewTag(),
+          getEventName(),
+          canCoalesce(),
+          getCoalescingKey(),
+          getEventData(),
+          getEventCategory());
+    } else {
+      dispatch(rctEventEmitter);
     }
-    dispatch(rctEventEmitter);
   }
 
   public interface EventAnimationDriverMatchSpec {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherImpl.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherImpl.java
index 320b7df3a9b1df..b97726ce69aeda 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherImpl.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/EventDispatcherImpl.java
@@ -10,10 +10,12 @@
 import android.util.LongSparseArray;
 import android.view.Choreographer;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.MapBuilder;
+import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.modules.core.ReactChoreographer;
 import com.facebook.react.uimanager.common.UIManagerType;
 import com.facebook.systrace.Systrace;
@@ -54,6 +56,7 @@
  * <p>Event Cookie Composition: VIEW_TAG_MASK = 0x00000000ffffffff EVENT_TYPE_ID_MASK =
  * 0x0000ffff00000000 COALESCING_KEY_MASK = 0xffff000000000000
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class EventDispatcherImpl implements EventDispatcher, LifecycleEventListener {
 
   private static final Comparator<Event> EVENT_COMPARATOR =
@@ -315,8 +318,11 @@ public void maybePost() {
     }
 
     private void post() {
-      ReactChoreographer.getInstance()
-          .postFrameCallback(ReactChoreographer.CallbackType.TIMERS_EVENTS, mCurrentFrameCallback);
+      if (!ReactFeatureFlags.enableFabricRendererExclusively) {
+        ReactChoreographer.getInstance()
+            .postFrameCallback(
+                ReactChoreographer.CallbackType.TIMERS_EVENTS, mCurrentFrameCallback);
+      }
     }
 
     public void maybePostFromNonUI() {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/FabricEventDispatcher.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/FabricEventDispatcher.java
index 953649288c239a..6d3b6a85ed5a25 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/FabricEventDispatcher.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/FabricEventDispatcher.java
@@ -8,6 +8,7 @@
 package com.facebook.react.uimanager.events;
 
 import android.view.Choreographer;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.LifecycleEventListener;
 import com.facebook.react.bridge.ReactApplicationContext;
 import com.facebook.react.bridge.UiThreadUtil;
@@ -20,6 +21,7 @@
  * A singleton class that overrides {@link EventDispatcher} with no-op methods, to be used by
  * callers that expect an EventDispatcher when the instance doesn't exist.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class FabricEventDispatcher implements EventDispatcher, LifecycleEventListener {
   private final ReactEventEmitter mReactEventEmitter;
   private final ReactApplicationContext mReactContext;
@@ -38,10 +40,10 @@ public FabricEventDispatcher(ReactApplicationContext reactContext) {
 
   @Override
   public void dispatchEvent(Event event) {
-    event.dispatchModern(mReactEventEmitter);
     for (EventDispatcherListener listener : mListeners) {
       listener.onEventDispatch(event);
     }
+    event.dispatchModern(mReactEventEmitter);
 
     event.dispose();
     maybePostFrameCallbackFromNonUI();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/NativeGestureUtil.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/NativeGestureUtil.java
index d39a9511591e08..b0dd28a34b7538 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/NativeGestureUtil.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/NativeGestureUtil.java
@@ -9,10 +9,12 @@
 
 import android.view.MotionEvent;
 import android.view.View;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.uimanager.RootView;
 import com.facebook.react.uimanager.RootViewUtil;
 
 /** Utilities for native Views that interpret native gestures (e.g. ScrollView, ViewPager, etc.). */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class NativeGestureUtil {
 
   /**
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/PointerEventHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/PointerEventHelper.java
index 787c9ed117c4bc..e80353c5a57dea 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/PointerEventHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/PointerEventHelper.java
@@ -11,9 +11,11 @@
 import android.view.MotionEvent;
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.R;
 
 /** Class responsible for generating catalyst touch events based on android {@link MotionEvent}. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class PointerEventHelper {
 
   public static final String POINTER_TYPE_TOUCH = "touch";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java
index 49234af84d69ec..c51ed518ba56e4 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTEventEmitter.java
@@ -13,16 +13,19 @@
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
 
-/** Deprecated in favor of RCTModernEventEmitter, which extends this interface. */
+/**
+ * Paper JS interface to emit events from native to JS.
+ *
+ * <p>Deprecated in favor of RCTModernEventEmitter, which works with both the old and new renderer.
+ */
 @DoNotStrip
 @Deprecated
 public interface RCTEventEmitter extends JavaScriptModule {
   /**
-   * Deprecated in favor of RCTModernEventEmitter.receiveEvent.
-   *
    * @param targetReactTag react tag of the view that receives the event
    * @param eventName name of event
    * @param event event params
+   * @deprecated Use RCTModernEventEmitter.receiveEvent instead
    */
   @Deprecated
   void receiveEvent(int targetReactTag, String eventName, @Nullable WritableMap event);
@@ -33,6 +36,8 @@ public interface RCTEventEmitter extends JavaScriptModule {
    * @param eventName JS event name
    * @param touches active pointers data
    * @param changedIndices indices of changed pointers
+   * @deprecated Dispatch the TouchEvent using {@link EventDispatcher} instead
    */
+  @Deprecated
   void receiveTouches(String eventName, WritableArray touches, WritableArray changedIndices);
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTModernEventEmitter.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTModernEventEmitter.java
index d5939b74d8e497..4acb3351da4a5d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTModernEventEmitter.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/RCTModernEventEmitter.java
@@ -31,5 +31,7 @@ void receiveEvent(
       @Nullable WritableMap event,
       @EventCategoryDef int category);
 
+  /** @deprecated Dispatch the TouchEvent using {@link EventDispatcher} instead */
+  @Deprecated
   void receiveTouches(TouchEvent event);
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ReactEventEmitter.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ReactEventEmitter.java
index 312239ed89f15d..aba13e8b9c671f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ReactEventEmitter.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/ReactEventEmitter.java
@@ -23,12 +23,11 @@ class ReactEventEmitter implements RCTModernEventEmitter {
 
   private static final String TAG = "ReactEventEmitter";
 
-  @Nullable
-  private RCTModernEventEmitter mFabricEventEmitter =
-      null; /* Corresponds to a Fabric EventEmitter */
+  /** Corresponds to {@link com.facebook.react.fabric.events.FabricEventEmitter} */
+  @Nullable private RCTModernEventEmitter mFabricEventEmitter = null;
 
-  @Nullable
-  private RCTEventEmitter mRCTEventEmitter = null; /* Corresponds to a Non-Fabric EventEmitter */
+  /** Corresponds to (Paper) EventEmitter, which is a JS interface */
+  @Nullable private RCTEventEmitter mDefaultEventEmitter = null;
 
   private final ReactApplicationContext mReactContext;
 
@@ -43,12 +42,12 @@ public void register(@UIManagerType int uiManagerType, RCTModernEventEmitter eve
 
   public void register(@UIManagerType int uiManagerType, RCTEventEmitter eventEmitter) {
     assert uiManagerType == UIManagerType.DEFAULT;
-    mRCTEventEmitter = eventEmitter;
+    mDefaultEventEmitter = eventEmitter;
   }
 
   public void unregister(@UIManagerType int uiManagerType) {
     if (uiManagerType == UIManagerType.DEFAULT) {
-      mRCTEventEmitter = null;
+      mDefaultEventEmitter = null;
     } else {
       mFabricEventEmitter = null;
     }
@@ -78,7 +77,7 @@ public void receiveTouches(
     int reactTag = touches.getMap(0).getInt(TARGET_KEY);
     @UIManagerType int uiManagerType = ViewUtil.getUIManagerType(reactTag);
     if (uiManagerType == UIManagerType.DEFAULT && getDefaultEventEmitter() != null) {
-      mRCTEventEmitter.receiveTouches(eventName, touches, changedIndices);
+      mDefaultEventEmitter.receiveTouches(eventName, touches, changedIndices);
     }
   }
 
@@ -88,9 +87,9 @@ public void receiveTouches(TouchEvent event) {
     @UIManagerType
     int uiManagerType = ViewUtil.getUIManagerType(event.getViewTag(), event.getSurfaceId());
     if (uiManagerType == UIManagerType.FABRIC && mFabricEventEmitter != null) {
-      mFabricEventEmitter.receiveTouches(event);
+      TouchesHelper.sendTouchEvent(mFabricEventEmitter, event);
     } else if (uiManagerType == UIManagerType.DEFAULT && getDefaultEventEmitter() != null) {
-      TouchesHelper.sendTouchesLegacy(mRCTEventEmitter, event);
+      TouchesHelper.sendTouchesLegacy(mDefaultEventEmitter, event);
     } else {
       ReactSoftExceptionLogger.logSoftException(
           TAG,
@@ -111,9 +110,9 @@ public void receiveTouches(TouchEvent event) {
    */
   @Nullable
   private RCTEventEmitter getDefaultEventEmitter() {
-    if (mRCTEventEmitter == null) {
+    if (mDefaultEventEmitter == null) {
       if (mReactContext.hasActiveReactInstance()) {
-        mRCTEventEmitter = mReactContext.getJSModule(RCTEventEmitter.class);
+        mDefaultEventEmitter = mReactContext.getJSModule(RCTEventEmitter.class);
       } else {
         ReactSoftExceptionLogger.logSoftException(
             TAG,
@@ -121,7 +120,7 @@ private RCTEventEmitter getDefaultEventEmitter() {
                 "Cannot get RCTEventEmitter from Context, no active Catalyst instance!"));
       }
     }
-    return mRCTEventEmitter;
+    return mDefaultEventEmitter;
   }
 
   @Override
@@ -144,7 +143,7 @@ public void receiveEvent(
           event,
           category);
     } else if (uiManagerType == UIManagerType.DEFAULT && getDefaultEventEmitter() != null) {
-      mRCTEventEmitter.receiveEvent(targetReactTag, eventName, event);
+      mDefaultEventEmitter.receiveEvent(targetReactTag, eventName, event);
     } else {
       ReactSoftExceptionLogger.logSoftException(
           TAG,
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEvent.java
index 91cf784260c9b8..9dc211add28978 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEvent.java
@@ -11,6 +11,7 @@
 import androidx.annotation.Nullable;
 import androidx.core.util.Pools;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
 import com.facebook.react.bridge.SoftAssertions;
 
@@ -22,6 +23,7 @@
  * and coalescing key. See {@link TouchEventCoalescingKeyHelper} for more information about how
  * these coalescing keys are determined.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class TouchEvent extends Event<TouchEvent> {
   private static final String TAG = TouchEvent.class.getSimpleName();
 
@@ -189,6 +191,9 @@ public void dispatch(RCTEventEmitter rctEventEmitter) {
   @Override
   public void dispatchModern(RCTModernEventEmitter rctEventEmitter) {
     if (verifyMotionEvent()) {
+      // TouchesHelper.sendTouchEvent can be inlined here post Fabric rollout
+      // For now, we go via the event emitter, which will decide whether the legacy or modern
+      // event path is required
       rctEventEmitter.receiveTouches(this);
     }
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventCoalescingKeyHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventCoalescingKeyHelper.java
index 39ffadabd2222d..c5769fc4b41a64 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventCoalescingKeyHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventCoalescingKeyHelper.java
@@ -8,6 +8,7 @@
 package com.facebook.react.uimanager.events;
 
 import android.util.SparseIntArray;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * Utility for determining coalescing keys for TouchEvents. To preserve proper ordering of events,
@@ -41,6 +42,7 @@
  *
  * <p>NB: this class should only be used from the UI thread.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class TouchEventCoalescingKeyHelper {
 
   private final SparseIntArray mDownTimeToCoalescingKey = new SparseIntArray();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventType.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventType.java
index 04c08c935aa424..9e789a08e9082f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventType.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchEventType.java
@@ -7,7 +7,10 @@
 
 package com.facebook.react.uimanager.events;
 
+import com.facebook.infer.annotation.Nullsafe;
+
 /** Touch event types that JS module RCTEventEmitter can understand */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public enum TouchEventType {
   START("topTouchStart"),
   END("topTouchEnd"),
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java
index 03a23c628ceddf..69c9af9a5d4acc 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/events/TouchesHelper.java
@@ -8,6 +8,7 @@
 package com.facebook.react.uimanager.events;
 
 import android.view.MotionEvent;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
 import com.facebook.react.bridge.WritableArray;
@@ -16,11 +17,13 @@
 import com.facebook.systrace.Systrace;
 
 /** Class responsible for generating catalyst touch events based on android {@link MotionEvent}. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class TouchesHelper {
-  public static final String TARGET_SURFACE_KEY = "targetSurface";
-  public static final String TARGET_KEY = "target";
-  public static final String CHANGED_TOUCHES_KEY = "changedTouches";
-  public static final String TOUCHES_KEY = "touches";
+  @Deprecated public static final String TARGET_KEY = "target";
+
+  private static final String TARGET_SURFACE_KEY = "targetSurface";
+  private static final String CHANGED_TOUCHES_KEY = "changedTouches";
+  private static final String TOUCHES_KEY = "touches";
   private static final String PAGE_X_KEY = "pageX";
   private static final String PAGE_Y_KEY = "pageY";
   private static final String TIMESTAMP_KEY = "timestamp";
@@ -80,7 +83,8 @@ private static WritableMap[] createPointersArray(TouchEvent event) {
    * @param rctEventEmitter Event emitter used to execute JS module call
    * @param touchEvent native touch event to read pointers count and coordinates from
    */
-  public static void sendTouchesLegacy(RCTEventEmitter rctEventEmitter, TouchEvent touchEvent) {
+  /* package */ static void sendTouchesLegacy(
+      RCTEventEmitter rctEventEmitter, TouchEvent touchEvent) {
     TouchEventType type = touchEvent.getTouchEventType();
 
     WritableArray pointers =
@@ -114,7 +118,7 @@ public static void sendTouchesLegacy(RCTEventEmitter rctEventEmitter, TouchEvent
    * @param eventEmitter emitter to dispatch event to
    * @param event the touch event to extract data from
    */
-  public static void sendTouchEvent(RCTModernEventEmitter eventEmitter, TouchEvent event) {
+  /* package */ static void sendTouchEvent(RCTModernEventEmitter eventEmitter, TouchEvent event) {
     Systrace.beginSection(
         Systrace.TRACE_TAG_REACT_JAVA_BRIDGE,
         "TouchesHelper.sentTouchEventModern(" + event.getEventName() + ")");
@@ -162,23 +166,25 @@ public static void sendTouchEvent(RCTModernEventEmitter eventEmitter, TouchEvent
           break;
       }
 
-      for (WritableMap touchData : changedTouches) {
-        WritableMap eventData = touchData.copy();
-        WritableArray changedTouchesArray =
-            getWritableArray(/* copyObjects */ true, changedTouches);
-        WritableArray touchesArray = getWritableArray(/* copyObjects */ true, touches);
-
-        eventData.putArray(CHANGED_TOUCHES_KEY, changedTouchesArray);
-        eventData.putArray(TOUCHES_KEY, touchesArray);
-
-        eventEmitter.receiveEvent(
-            event.getSurfaceId(),
-            event.getViewTag(),
-            event.getEventName(),
-            event.canCoalesce(),
-            0,
-            eventData,
-            event.getEventCategory());
+      if (changedTouches != null) {
+        for (WritableMap touchData : changedTouches) {
+          WritableMap eventData = touchData.copy();
+          WritableArray changedTouchesArray =
+              getWritableArray(/* copyObjects */ true, changedTouches);
+          WritableArray touchesArray = getWritableArray(/* copyObjects */ true, touches);
+
+          eventData.putArray(CHANGED_TOUCHES_KEY, changedTouchesArray);
+          eventData.putArray(TOUCHES_KEY, touchesArray);
+
+          eventEmitter.receiveEvent(
+              event.getSurfaceId(),
+              event.getViewTag(),
+              event.getEventName(),
+              event.canCoalesce(),
+              0,
+              eventData,
+              event.getEventCategory());
+        }
       }
     } finally {
       Systrace.endSection(Systrace.TRACE_TAG_REACT_JAVA_BRIDGE);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java
index 6eaa564362e8bd..15005421e13ff6 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/AnimatedPropertyType.java
@@ -7,11 +7,14 @@
 
 package com.facebook.react.uimanager.layoutanimation;
 
+import com.facebook.infer.annotation.Nullsafe;
+
 /**
  * Enum representing the different view properties that can be used when animating layout for view
  * creation.
  */
-/* package */ enum AnimatedPropertyType {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+enum AnimatedPropertyType {
   OPACITY,
   SCALE_X,
   SCALE_Y,
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java
index 551690dc55a511..3507a8b66cc55f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/BaseLayoutAnimation.java
@@ -10,10 +10,12 @@
 import android.view.View;
 import android.view.animation.Animation;
 import android.view.animation.ScaleAnimation;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.uimanager.IllegalViewOperationException;
 
 /** Class responsible for default layout animation, i.e animation of view creation and deletion. */
-/* package */ abstract class BaseLayoutAnimation extends AbstractLayoutAnimation {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+abstract class BaseLayoutAnimation extends AbstractLayoutAnimation {
 
   abstract boolean isReverse();
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/InterpolatorType.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/InterpolatorType.java
index ec4c866c2e3734..c05d2378cfcfae 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/InterpolatorType.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/InterpolatorType.java
@@ -7,12 +7,14 @@
 
 package com.facebook.react.uimanager.layoutanimation;
 
+import com.facebook.infer.annotation.Nullsafe;
 import java.util.Locale;
 
 /**
  * Enum representing the different interpolators that can be used in layout animation configuration.
  */
-/* package */ enum InterpolatorType {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+enum InterpolatorType {
   LINEAR,
   EASE_IN,
   EASE_OUT,
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java
index 9f926dba3b87ce..5da2bd94027c07 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationController.java
@@ -8,7 +8,6 @@
 package com.facebook.react.uimanager.layoutanimation;
 
 import android.os.Handler;
-import android.os.Looper;
 import android.util.SparseArray;
 import android.view.View;
 import android.view.ViewGroup;
@@ -36,8 +35,6 @@ public class LayoutAnimationController {
   private long mMaxAnimationDuration = -1;
   @Nullable private Runnable mCompletionRunnable;
 
-  @Nullable private static Handler sCompletionHandler;
-
   public void initializeFromConfig(
       final @Nullable ReadableMap config, final Callback completionCallback) {
     if (config == null) {
@@ -216,13 +213,10 @@ private void disableUserInteractions(View view) {
   }
 
   private void scheduleCompletionCallback(long delayMillis) {
-    if (sCompletionHandler == null) {
-      sCompletionHandler = new Handler(Looper.getMainLooper());
-    }
-
     if (mCompletionRunnable != null) {
-      sCompletionHandler.removeCallbacks(mCompletionRunnable);
-      sCompletionHandler.postDelayed(mCompletionRunnable, delayMillis);
+      Handler completionHandler = UiThreadUtil.getUiThreadHandler();
+      completionHandler.removeCallbacks(mCompletionRunnable);
+      completionHandler.postDelayed(mCompletionRunnable, delayMillis);
     }
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationType.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationType.java
index b12335f51863a2..8659999795392a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationType.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutAnimationType.java
@@ -7,10 +7,13 @@
 
 package com.facebook.react.uimanager.layoutanimation;
 
+import com.facebook.infer.annotation.Nullsafe;
+
 /**
  * Enum representing the different animation type that can be specified in layout animation config.
  */
-/* package */ enum LayoutAnimationType {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+enum LayoutAnimationType {
   CREATE,
   UPDATE,
   DELETE;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java
index e2d062e3f16179..f103cc69ac0c08 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutCreateAnimation.java
@@ -7,11 +7,14 @@
 
 package com.facebook.react.uimanager.layoutanimation;
 
+import com.facebook.infer.annotation.Nullsafe;
+
 /**
  * Class responsible for handling layout view creation animation, applied to view whenever a valid
  * config was supplied for the layout animation of CREATE type.
  */
-/* package */ class LayoutCreateAnimation extends BaseLayoutAnimation {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class LayoutCreateAnimation extends BaseLayoutAnimation {
 
   @Override
   boolean isReverse() {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java
index 6da804add6222c..1550cb64253406 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutDeleteAnimation.java
@@ -7,11 +7,14 @@
 
 package com.facebook.react.uimanager.layoutanimation;
 
+import com.facebook.infer.annotation.Nullsafe;
+
 /**
  * Class responsible for handling layout view deletion animation, applied to view whenever a valid
  * config was supplied for the layout animation of DELETE type.
  */
-/* package */ class LayoutDeleteAnimation extends BaseLayoutAnimation {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class LayoutDeleteAnimation extends BaseLayoutAnimation {
 
   @Override
   boolean isReverse() {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java
index b4757cf44d86c9..2802c063a227c8 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/LayoutUpdateAnimation.java
@@ -11,12 +11,14 @@
 import android.view.animation.Animation;
 import android.view.animation.TranslateAnimation;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * Class responsible for handling layout update animation, applied to view whenever a valid config
  * was supplied for the layout animation of UPDATE type.
  */
-/* package */ class LayoutUpdateAnimation extends AbstractLayoutAnimation {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class LayoutUpdateAnimation extends AbstractLayoutAnimation {
 
   // We are currently not enabling translation GPU-accelerated animated, as it creates odd
   // artifacts with native react scrollview. This needs to be investigated.
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java
index 6d1c350a3a0940..6114b0de687c1d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/OpacityAnimation.java
@@ -10,12 +10,14 @@
 import android.view.View;
 import android.view.animation.Animation;
 import android.view.animation.Transformation;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * Animation responsible for updating opacity of a view. It should ideally use hardware texture to
  * optimize rendering performances.
  */
-/* package */ class OpacityAnimation extends Animation {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class OpacityAnimation extends Animation {
 
   static class OpacityAnimationListener implements Animation.AnimationListener {
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java
index 26789ecbbadbdc..f1a285dc379502 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/PositionAndSizeAnimation.java
@@ -10,6 +10,7 @@
 import android.view.View;
 import android.view.animation.Animation;
 import android.view.animation.Transformation;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * Animation responsible for updating size and position of a view. We can't use scaling as view
@@ -17,7 +18,8 @@
  * passes occurring on every frame. What we might want to try to do instead is use a combined
  * ScaleAnimation and TranslateAnimation.
  */
-/* package */ class PositionAndSizeAnimation extends Animation implements LayoutHandlingAnimation {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class PositionAndSizeAnimation extends Animation implements LayoutHandlingAnimation {
 
   private final View mView;
   private float mStartX, mStartY, mDeltaX, mDeltaY;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java
index 57304103e2e008..84cbe2ae9ca551 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/layoutanimation/SimpleSpringInterpolator.java
@@ -8,12 +8,14 @@
 package com.facebook.react.uimanager.layoutanimation;
 
 import android.view.animation.Interpolator;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableType;
 
 /** Simple spring interpolator */
 // TODO(7613736): Improve spring interpolator with friction and damping variable support
-/* package */ class SimpleSpringInterpolator implements Interpolator {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class SimpleSpringInterpolator implements Interpolator {
 
   private static final float FACTOR = 0.5f;
   public static final String PARAM_SPRING_DAMPING = "springDamping";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java
index 18312c37107b1f..ccfd1fa655a30c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/uimanager/util/ReactFindViewUtil.java
@@ -10,6 +10,7 @@
 import android.view.View;
 import android.view.ViewGroup;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.R;
 import java.util.ArrayList;
 import java.util.HashMap;
@@ -19,6 +20,7 @@
 import java.util.Set;
 
 /** Finds views in React Native view hierarchies */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ReactFindViewUtil {
 
   private static final List<OnViewFoundListener> mOnViewFoundListeners = new ArrayList<>();
@@ -115,12 +117,11 @@ public static void notifyViewRendered(View view) {
     Iterator<OnViewFoundListener> iterator = mOnViewFoundListeners.iterator();
     while (iterator.hasNext()) {
       OnViewFoundListener listener = iterator.next();
-      if (nativeId != null && nativeId.equals(listener.getNativeId())) {
+      if (nativeId.equals(listener.getNativeId())) {
         listener.onViewFound(view);
         iterator.remove();
       }
     }
-
     for (Map.Entry<OnMultipleViewsFoundListener, Set<String>> entry :
         mOnMultipleViewsFoundListener.entrySet()) {
       Set<String> nativeIds = entry.getValue();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/util/JSStackTrace.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/util/JSStackTrace.java
index 6e572332fc41f4..f0e0d7f814b5a1 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/util/JSStackTrace.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/util/JSStackTrace.java
@@ -7,12 +7,14 @@
 
 package com.facebook.react.util;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableType;
 import java.util.regex.Matcher;
 import java.util.regex.Pattern;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class JSStackTrace {
 
   public static final String LINE_NUMBER_KEY = "lineNumber";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/util/RNLog.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/util/RNLog.java
index 8469879f21201b..052c9be79d7628 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/util/RNLog.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/util/RNLog.java
@@ -9,10 +9,13 @@
 
 import android.util.Log;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.ReactConstants;
+import javax.annotation.Nullable;
 
 /** Logging wrapper for FLog with LogBox support. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class RNLog {
   public static final int MINIMUM_LEVEL_FOR_UI = Log.WARN;
 
@@ -60,7 +63,7 @@ public static void a(String message) {
    * @param context The React context of the application use to display the warning.
    * @param message The message to log.
    */
-  public static void w(ReactContext context, String message) {
+  public static void w(@Nullable ReactContext context, String message) {
     logInternal(context, message, WARN);
     FLog.w(ReactConstants.TAG, message);
   }
@@ -71,7 +74,7 @@ public static void w(ReactContext context, String message) {
    * @param context The React context of the application use to display the error.
    * @param message The message to log.
    */
-  public static void e(ReactContext context, String message) {
+  public static void e(@Nullable ReactContext context, String message) {
     logInternal(context, message, ERROR);
     FLog.e(ReactConstants.TAG, message);
   }
@@ -86,7 +89,8 @@ public static void e(String message) {
     FLog.e(ReactConstants.TAG, message);
   }
 
-  private static void logInternal(ReactContext context, String message, int level) {
+  private static void logInternal(
+      @Nullable ReactContext context, @Nullable String message, int level) {
     if (level >= MINIMUM_LEVEL_FOR_UI) {
       if (context != null && context.hasActiveReactInstance() && message != null) {
         context.getJSModule(RCTLog.class).logIfNoNativeHook(levelToString(level), message);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/common/ContextUtils.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/common/ContextUtils.java
index 668df6e7ec6f69..040070d45fd837 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/common/ContextUtils.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/common/ContextUtils.java
@@ -10,10 +10,12 @@
 import android.content.Context;
 import android.content.ContextWrapper;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * Class containing static methods involving manipulations of Contexts and their related subclasses.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ContextUtils {
 
   /**
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/common/ViewUtils.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/common/ViewUtils.java
index a75abc5865e8e3..9a9d219ddf4368 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/common/ViewUtils.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/common/ViewUtils.java
@@ -9,9 +9,11 @@
 
 import android.view.View;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.R;
 
 /** Class containing static methods involving manipulations of Views */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ViewUtils {
 
   /**
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/debuggingoverlay/DebuggingOverlay.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/debuggingoverlay/DebuggingOverlay.java
new file mode 100644
index 00000000000000..24d6e440a78193
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/debuggingoverlay/DebuggingOverlay.java
@@ -0,0 +1,97 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.debuggingoverlay;
+
+import android.content.Context;
+import android.graphics.Canvas;
+import android.graphics.Paint;
+import android.graphics.RectF;
+import android.view.View;
+import androidx.annotation.UiThread;
+import com.facebook.infer.annotation.Nullsafe;
+import com.facebook.react.bridge.UiThreadUtil;
+import java.util.ArrayList;
+import java.util.HashMap;
+import java.util.List;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
+public class DebuggingOverlay extends View {
+
+  private final Paint mTraceUpdatePaint = new Paint();
+  private HashMap<Integer, TraceUpdate> mTraceUpdatesToDisplayMap = new HashMap();
+  private HashMap<Integer, Runnable> mTraceUpdateIdToCleanupRunnableMap = new HashMap();
+
+  private final Paint mHighlightedElementsPaint = new Paint();
+  private List<RectF> mHighlightedElementsRectangles = new ArrayList<>();
+
+  public DebuggingOverlay(Context context) {
+    super(context);
+
+    mTraceUpdatePaint.setStyle(Paint.Style.STROKE);
+    mTraceUpdatePaint.setStrokeWidth(6);
+
+    mHighlightedElementsPaint.setStyle(Paint.Style.FILL);
+    mHighlightedElementsPaint.setColor(0xCCC8E6FF);
+  }
+
+  @UiThread
+  public void setTraceUpdates(List<TraceUpdate> traceUpdates) {
+    for (TraceUpdate traceUpdate : traceUpdates) {
+      int traceUpdateId = traceUpdate.getId();
+      if (mTraceUpdateIdToCleanupRunnableMap.containsKey(traceUpdateId)) {
+        UiThreadUtil.removeOnUiThread(mTraceUpdateIdToCleanupRunnableMap.get(traceUpdateId));
+        mTraceUpdateIdToCleanupRunnableMap.remove(traceUpdateId);
+      }
+
+      mTraceUpdatesToDisplayMap.put(traceUpdateId, traceUpdate);
+    }
+
+    invalidate();
+  }
+
+  @UiThread
+  public void setHighlightedElementsRectangles(List<RectF> elementsRectangles) {
+    mHighlightedElementsRectangles = elementsRectangles;
+    invalidate();
+  }
+
+  @UiThread
+  public void clearElementsHighlights() {
+    mHighlightedElementsRectangles.clear();
+    invalidate();
+  }
+
+  @Override
+  public void onDraw(Canvas canvas) {
+    super.onDraw(canvas);
+
+    // Draw border outside of the given overlays to be aligned with web trace highlights
+    for (TraceUpdate traceUpdate : mTraceUpdatesToDisplayMap.values()) {
+      mTraceUpdatePaint.setColor(traceUpdate.getColor());
+      canvas.drawRect(traceUpdate.getRectangle(), mTraceUpdatePaint);
+
+      int traceUpdateId = traceUpdate.getId();
+      Runnable block =
+          () -> {
+            mTraceUpdatesToDisplayMap.remove(traceUpdateId);
+            mTraceUpdateIdToCleanupRunnableMap.remove(traceUpdateId);
+
+            invalidate();
+          };
+
+      if (!mTraceUpdateIdToCleanupRunnableMap.containsKey(traceUpdateId)) {
+        mTraceUpdateIdToCleanupRunnableMap.put(traceUpdateId, block);
+        UiThreadUtil.runOnUiThread(block, 2000);
+      }
+    }
+
+    for (RectF elementRectangle : mHighlightedElementsRectangles) {
+      canvas.drawRect(elementRectangle, mHighlightedElementsPaint);
+    }
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/debuggingoverlay/DebuggingOverlayManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/debuggingoverlay/DebuggingOverlayManager.java
new file mode 100644
index 00000000000000..071c5382e9f6ec
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/debuggingoverlay/DebuggingOverlayManager.java
@@ -0,0 +1,162 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.debuggingoverlay;
+
+import android.graphics.RectF;
+import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
+import com.facebook.react.bridge.NoSuchKeyException;
+import com.facebook.react.bridge.ReactNoCrashSoftException;
+import com.facebook.react.bridge.ReactSoftExceptionLogger;
+import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.bridge.ReadableMap;
+import com.facebook.react.bridge.UnexpectedNativeTypeException;
+import com.facebook.react.module.annotations.ReactModule;
+import com.facebook.react.uimanager.PixelUtil;
+import com.facebook.react.uimanager.SimpleViewManager;
+import com.facebook.react.uimanager.ThemedReactContext;
+import java.util.ArrayList;
+import java.util.List;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
+@ReactModule(name = DebuggingOverlayManager.REACT_CLASS)
+public class DebuggingOverlayManager extends SimpleViewManager<DebuggingOverlay> {
+
+  public static final String REACT_CLASS = "DebuggingOverlay";
+
+  public DebuggingOverlayManager() {}
+
+  @Override
+  public void receiveCommand(
+      DebuggingOverlay view, String commandId, @Nullable ReadableArray args) {
+    switch (commandId) {
+      case "highlightTraceUpdates":
+        {
+          if (args == null) {
+            break;
+          }
+
+          ReadableArray providedTraceUpdates = args.getArray(0);
+          List<TraceUpdate> formattedTraceUpdates = new ArrayList<>();
+
+          boolean successfullyParsedPayload = true;
+          for (int i = 0; i < providedTraceUpdates.size(); i++) {
+            ReadableMap traceUpdate = providedTraceUpdates.getMap(i);
+            ReadableMap serializedRectangle = traceUpdate.getMap("rectangle");
+            if (serializedRectangle == null) {
+              ReactSoftExceptionLogger.logSoftException(
+                  REACT_CLASS,
+                  new ReactNoCrashSoftException(
+                      "Unexpected payload for highlighting trace updates: rectangle field is null"));
+
+              successfullyParsedPayload = false;
+              break;
+            }
+
+            int id = traceUpdate.getInt("id");
+            int color = traceUpdate.getInt("color");
+
+            try {
+              float left = (float) serializedRectangle.getDouble("x");
+              float top = (float) serializedRectangle.getDouble("y");
+              float right = (float) (left + serializedRectangle.getDouble("width"));
+              float bottom = (float) (top + serializedRectangle.getDouble("height"));
+
+              RectF rectangle =
+                  new RectF(
+                      PixelUtil.toPixelFromDIP(left),
+                      PixelUtil.toPixelFromDIP(top),
+                      PixelUtil.toPixelFromDIP(right),
+                      PixelUtil.toPixelFromDIP(bottom));
+
+              formattedTraceUpdates.add(new TraceUpdate(id, rectangle, color));
+            } catch (NoSuchKeyException | UnexpectedNativeTypeException e) {
+              ReactSoftExceptionLogger.logSoftException(
+                  REACT_CLASS,
+                  new ReactNoCrashSoftException(
+                      "Unexpected payload for highlighting trace updates: rectangle field should have x, y, width, height fields"));
+
+              successfullyParsedPayload = false;
+              break;
+            }
+          }
+
+          if (successfullyParsedPayload) {
+            view.setTraceUpdates(formattedTraceUpdates);
+          }
+
+          break;
+        }
+
+      case "highlightElements":
+        {
+          if (args == null) {
+            return;
+          }
+
+          ReadableArray providedElements = args.getArray(0);
+          List<RectF> elementsRectangles = new ArrayList<>();
+
+          boolean successfullyParsedPayload = true;
+          for (int i = 0; i < providedElements.size(); i++) {
+            ReadableMap element = providedElements.getMap(i);
+
+            try {
+              float left = (float) element.getDouble("x");
+              float top = (float) element.getDouble("y");
+              float right = (float) (left + element.getDouble("width"));
+              float bottom = (float) (top + element.getDouble("height"));
+              RectF rect =
+                  new RectF(
+                      PixelUtil.toPixelFromDIP(left),
+                      PixelUtil.toPixelFromDIP(top),
+                      PixelUtil.toPixelFromDIP(right),
+                      PixelUtil.toPixelFromDIP(bottom));
+
+              elementsRectangles.add(rect);
+            } catch (NoSuchKeyException | UnexpectedNativeTypeException e) {
+              ReactSoftExceptionLogger.logSoftException(
+                  REACT_CLASS,
+                  new ReactNoCrashSoftException(
+                      "Unexpected payload for highlighting elements: every element should have x, y, width, height fields"));
+
+              successfullyParsedPayload = false;
+              break;
+            }
+          }
+
+          if (successfullyParsedPayload) {
+            view.setHighlightedElementsRectangles(elementsRectangles);
+          }
+
+          break;
+        }
+
+      case "clearElementsHighlights":
+        view.clearElementsHighlights();
+
+        break;
+
+      default:
+        ReactSoftExceptionLogger.logSoftException(
+            REACT_CLASS,
+            new ReactNoCrashSoftException(
+                "Received unexpected command in DebuggingOverlayManager"));
+    }
+  }
+
+  @Override
+  public DebuggingOverlay createViewInstance(ThemedReactContext context) {
+    return new DebuggingOverlay(context);
+  }
+
+  @Override
+  public String getName() {
+    return REACT_CLASS;
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/debuggingoverlay/TraceUpdate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/debuggingoverlay/TraceUpdate.java
new file mode 100644
index 00000000000000..37d03de91cfed6
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/debuggingoverlay/TraceUpdate.java
@@ -0,0 +1,37 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.debuggingoverlay;
+
+import android.graphics.RectF;
+import com.facebook.infer.annotation.Nullsafe;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
+public final class TraceUpdate {
+
+  private final int mId;
+  private final int mColor;
+  private final RectF mRectangle;
+
+  public TraceUpdate(int id, RectF rectangle, int color) {
+    mId = id;
+    mRectangle = rectangle;
+    mColor = color;
+  }
+
+  public int getId() {
+    return mId;
+  }
+
+  public int getColor() {
+    return mColor;
+  }
+
+  public RectF getRectangle() {
+    return mRectangle;
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayout.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayout.java
index d5d3931b00b2cd..3d32892f7b9616 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayout.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayout.java
@@ -16,6 +16,7 @@
 import androidx.core.view.accessibility.AccessibilityNodeInfoCompat;
 import androidx.drawerlayout.widget.DrawerLayout;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.R;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.common.ReactConstants;
@@ -26,7 +27,8 @@
  * Wrapper view for {@link DrawerLayout}. It manages the properties that can be set on the drawer
  * and contains some ReactNative-specific functionality.
  */
-/* package */ class ReactDrawerLayout extends DrawerLayout {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class ReactDrawerLayout extends DrawerLayout {
 
   public static final int DEFAULT_DRAWER_WIDTH = LayoutParams.MATCH_PARENT;
   private int mDrawerPosition = Gravity.START;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java
index 7e24f0d7345574..097f98882131c4 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/ReactDrawerLayoutManager.java
@@ -13,6 +13,7 @@
 import androidx.annotation.Nullable;
 import androidx.drawerlayout.widget.DrawerLayout;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Dynamic;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 import com.facebook.react.bridge.ReadableArray;
@@ -37,6 +38,7 @@
 import java.util.Map;
 
 /** View Manager for {@link ReactDrawerLayout} components. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @ReactModule(name = ReactDrawerLayoutManager.REACT_CLASS)
 public class ReactDrawerLayoutManager extends ViewGroupManager<ReactDrawerLayout>
     implements AndroidDrawerLayoutManagerInterface<ReactDrawerLayout> {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerClosedEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerClosedEvent.java
index 17617bfa5bdfa3..ed6f85d5db7758 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerClosedEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerClosedEvent.java
@@ -7,11 +7,13 @@
 
 package com.facebook.react.views.drawer.events;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.events.Event;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class DrawerClosedEvent extends Event<DrawerClosedEvent> {
 
   public static final String EVENT_NAME = "topDrawerClose";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerOpenedEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerOpenedEvent.java
index baf6d603511e14..081aec63dc548d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerOpenedEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerOpenedEvent.java
@@ -7,11 +7,13 @@
 
 package com.facebook.react.views.drawer.events;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.events.Event;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class DrawerOpenedEvent extends Event<DrawerOpenedEvent> {
 
   public static final String EVENT_NAME = "topDrawerOpen";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerSlideEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerSlideEvent.java
index ab20422e312bf4..f9de87fbf6357c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerSlideEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerSlideEvent.java
@@ -7,12 +7,14 @@
 
 package com.facebook.react.views.drawer.events;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.events.Event;
 
 /** Event emitted by a DrawerLayout as it is being moved open/closed. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class DrawerSlideEvent extends Event<DrawerSlideEvent> {
 
   public static final String EVENT_NAME = "topDrawerSlide";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerStateChangedEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerStateChangedEvent.java
index f99e37b914b51e..8d97249ecb64c8 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerStateChangedEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/drawer/events/DrawerStateChangedEvent.java
@@ -7,11 +7,13 @@
 
 package com.facebook.react.views.drawer.events;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.events.Event;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class DrawerStateChangedEvent extends Event<DrawerStateChangedEvent> {
 
   public static final String EVENT_NAME = "topDrawerStateChanged";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java
index 1949960dd76582..23da7501bdb9f8 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageLoadEvent.java
@@ -9,6 +9,7 @@
 
 import androidx.annotation.IntDef;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.ViewUtil;
@@ -16,6 +17,7 @@
 import java.lang.annotation.Retention;
 import java.lang.annotation.RetentionPolicy;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ImageLoadEvent extends Event<ImageLoadEvent> {
   @IntDef({ON_ERROR, ON_LOAD, ON_LOAD_END, ON_LOAD_START, ON_PROGRESS})
   @Retention(RetentionPolicy.SOURCE)
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMethod.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMethod.java
index bc4a924c2a6a99..b68f1a1e756630 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMethod.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMethod.java
@@ -7,6 +7,9 @@
 
 package com.facebook.react.views.image;
 
+import com.facebook.infer.annotation.Nullsafe;
+
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public enum ImageResizeMethod {
   AUTO,
   RESIZE,
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java
index 8af1fce425cce1..0a38ed66ba5c43 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ImageResizeMode.java
@@ -11,9 +11,11 @@
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.drawee.drawable.ScalingUtils;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.common.ReactConstants;
 
 /** Converts JS resize modes into Android-specific scale type. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ImageResizeMode {
 
   private static final String RESIZE_MODE_CONTAIN = "contain";
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageDownloadListener.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageDownloadListener.java
index 475d6c1ee12688..921b423c983354 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageDownloadListener.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ReactImageDownloadListener.java
@@ -14,8 +14,10 @@
 import android.graphics.drawable.Drawable;
 import com.facebook.drawee.controller.ControllerListener;
 import com.facebook.drawee.drawable.ForwardingDrawable;
+import com.facebook.infer.annotation.Nullsafe;
 import javax.annotation.Nullable;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class ReactImageDownloadListener<INFO> extends ForwardingDrawable
     implements ControllerListener<INFO> {
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ScaleTypeStartInside.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ScaleTypeStartInside.java
index 5f6bad0e12bc05..137e153c4f1324 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ScaleTypeStartInside.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/image/ScaleTypeStartInside.java
@@ -10,7 +10,9 @@
 import android.graphics.Matrix;
 import android.graphics.Rect;
 import com.facebook.drawee.drawable.ScalingUtils;
+import com.facebook.infer.annotation.Nullsafe;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class ScaleTypeStartInside extends ScalingUtils.AbstractScaleType {
   public static final ScalingUtils.ScaleType INSTANCE = new ScaleTypeStartInside();
 
@@ -28,7 +30,7 @@ public void getTransformImpl(
     float dx = parentRect.left;
     float dy = parentRect.top;
     outTransform.setScale(scale, scale);
-    outTransform.postTranslate((int) (dx + 0.5f), (int) (dy + 0.5f));
+    outTransform.postTranslate(Math.round(dx), Math.round(dy));
   }
 
   @Override
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/MultiSourceHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/MultiSourceHelper.java
index 8081d3f113b59b..46810aaff4e956 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/MultiSourceHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/MultiSourceHelper.java
@@ -10,9 +10,11 @@
 import androidx.annotation.Nullable;
 import com.facebook.imagepipeline.core.ImagePipeline;
 import com.facebook.imagepipeline.core.ImagePipelineFactory;
+import com.facebook.infer.annotation.Nullsafe;
 import java.util.List;
 
 /** Helper class for dealing with multisource images. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class MultiSourceHelper {
 
   public static class MultiSourceResult {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ResourceDrawableIdHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ResourceDrawableIdHelper.java
index 8053ece767a0b0..5ef44f22dd9698 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ResourceDrawableIdHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/imagehelper/ResourceDrawableIdHelper.java
@@ -11,12 +11,14 @@
 import android.graphics.drawable.Drawable;
 import android.net.Uri;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import java.util.HashMap;
 import java.util.Locale;
 import java.util.Map;
 import javax.annotation.concurrent.ThreadSafe;
 
 /** Helper class for obtaining information about local images. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @ThreadSafe
 public class ResourceDrawableIdHelper {
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java
index 3a226c01549fd7..b6aebcf8a39bd0 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostHelper.java
@@ -14,9 +14,11 @@
 import android.view.Display;
 import android.view.WindowManager;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.infer.annotation.Nullsafe;
 
 /** Helper class for Modals. */
-/*package*/ class ModalHostHelper {
+/*package*/ @Nullsafe(Nullsafe.Mode.LOCAL)
+class ModalHostHelper {
 
   private static final Point MIN_POINT = new Point();
   private static final Point MAX_POINT = new Point();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java
index 7288fe06faf658..dd1704c6ccce0e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ModalHostShadowNode.java
@@ -8,6 +8,7 @@
 package com.facebook.react.views.modal;
 
 import android.graphics.Point;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.uimanager.LayoutShadowNode;
 import com.facebook.react.uimanager.ReactShadowNodeImpl;
 
@@ -19,6 +20,7 @@
  * to be the window size. This will then cause the children of the Modal to layout as if they can
  * fill the window.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class ModalHostShadowNode extends LayoutShadowNode {
 
   public ModalHostShadowNode() {}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java
index 2b3de095d40b16..2ae3bb9bda3c1b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ReactModalHostView.java
@@ -19,6 +19,7 @@
 import android.view.ViewGroup;
 import android.view.ViewStructure;
 import android.view.Window;
+import android.view.WindowInsetsController;
 import android.view.WindowManager;
 import android.view.accessibility.AccessibilityEvent;
 import android.widget.FrameLayout;
@@ -328,19 +329,7 @@ public boolean onKey(DialogInterface dialog, int keyCode, KeyEvent event) {
     }
     if (currentActivity != null && !currentActivity.isFinishing()) {
       mDialog.show();
-      if (context instanceof Activity) {
-        if (Build.VERSION.SDK_INT > Build.VERSION_CODES.R) {
-          int appearance =
-              ((Activity) context).getWindow().getInsetsController().getSystemBarsAppearance();
-          mDialog.getWindow().getInsetsController().setSystemBarsAppearance(appearance, appearance);
-        } else {
-          mDialog
-              .getWindow()
-              .getDecorView()
-              .setSystemUiVisibility(
-                  ((Activity) context).getWindow().getDecorView().getSystemUiVisibility());
-        }
-      }
+      updateSystemAppearance();
       mDialog.getWindow().clearFlags(WindowManager.LayoutParams.FLAG_NOT_FOCUSABLE);
     }
   }
@@ -394,6 +383,32 @@ private void updateProperties() {
     }
   }
 
+  private void updateSystemAppearance() {
+    Activity currentActivity = getCurrentActivity();
+    if (currentActivity == null) {
+      return;
+    }
+    Assertions.assertNotNull(mDialog, "mDialog must exist when we call updateSystemAppearance");
+    // Modeled after the version check in StatusBarModule.setStyle
+    if (Build.VERSION.SDK_INT > Build.VERSION_CODES.R) {
+      int activityAppearance =
+          currentActivity.getWindow().getInsetsController().getSystemBarsAppearance();
+      int activityLightStatusBars =
+          activityAppearance & WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS;
+      mDialog
+          .getWindow()
+          .getInsetsController()
+          .setSystemBarsAppearance(
+              activityLightStatusBars, WindowInsetsController.APPEARANCE_LIGHT_STATUS_BARS);
+    } else {
+      mDialog
+          .getWindow()
+          .getDecorView()
+          .setSystemUiVisibility(
+              currentActivity.getWindow().getDecorView().getSystemUiVisibility());
+    }
+  }
+
   @Nullable
   public StateWrapper getStateWrapper() {
     return mHostView.getStateWrapper();
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/RequestCloseEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/RequestCloseEvent.java
index 979b8bce8c9bd9..3f43afe22fe7bd 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/RequestCloseEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/RequestCloseEvent.java
@@ -8,13 +8,15 @@
 package com.facebook.react.views.modal;
 
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.events.Event;
 
 /** {@link Event} for dismissing a Dialog. */
-/* package */ class RequestCloseEvent extends Event<RequestCloseEvent> {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class RequestCloseEvent extends Event<RequestCloseEvent> {
 
   public static final String EVENT_NAME = "topRequestClose";
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ShowEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ShowEvent.java
index d077c1870c27e5..55f2d98f1d6f69 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ShowEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/modal/ShowEvent.java
@@ -8,13 +8,15 @@
 package com.facebook.react.views.modal;
 
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.events.Event;
 
 /** {@link Event} for showing a Dialog. */
-/* package */ class ShowEvent extends Event<ShowEvent> {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class ShowEvent extends Event<ShowEvent> {
 
   public static final String EVENT_NAME = "topShow";
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/popupmenu/PopupMenuSelectionEvent.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/popupmenu/PopupMenuSelectionEvent.kt
new file mode 100644
index 00000000000000..f0195e6d29ff4d
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/popupmenu/PopupMenuSelectionEvent.kt
@@ -0,0 +1,38 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+@file:Suppress("DEPRECATION") // We want to use RCTEventEmitter for interop purposes
+
+package com.facebook.react.views.popupmenu
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.uimanager.events.Event
+import com.facebook.react.uimanager.events.RCTEventEmitter
+
+public class PopupMenuSelectionEvent(surfaceId: Int, viewId: Int, private val item: Int) :
+    Event<PopupMenuSelectionEvent>(surfaceId, viewId) {
+
+  override fun getEventName(): String {
+    return EVENT_NAME
+  }
+
+  override fun getEventData(): WritableMap {
+    val eventData: WritableMap = Arguments.createMap()
+    eventData.putInt("target", viewTag)
+    eventData.putDouble("item", item.toDouble())
+    return eventData
+  }
+
+  override fun dispatch(rctEventEmitter: RCTEventEmitter) {
+    rctEventEmitter.receiveEvent(viewTag, eventName, eventData)
+  }
+
+  public companion object {
+    public const val EVENT_NAME: String = "topSelectionChange"
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/popupmenu/ReactPopupMenuContainer.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/popupmenu/ReactPopupMenuContainer.kt
new file mode 100644
index 00000000000000..57574290bacbe3
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/popupmenu/ReactPopupMenuContainer.kt
@@ -0,0 +1,49 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.popupmenu
+
+import android.content.Context
+import android.os.Build
+import android.view.Menu
+import android.widget.FrameLayout
+import android.widget.PopupMenu
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.uimanager.UIManagerHelper
+
+public class ReactPopupMenuContainer(context: Context) : FrameLayout(context) {
+  private var menuItems: ReadableArray? = null
+
+  public fun setMenuItems(items: ReadableArray?) {
+    menuItems = items
+  }
+
+  public fun showPopupMenu() {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.HONEYCOMB) {
+      val view = getChildAt(0)
+      val popupMenu = PopupMenu(context, view)
+      var menu = popupMenu.menu
+      val items = menuItems
+      if (items != null) {
+        for (i in 0 until items.size()) {
+          menu.add(Menu.NONE, Menu.NONE, i, items.getString(i))
+        }
+      }
+      popupMenu.setOnMenuItemClickListener { menuItem ->
+        val reactContext = context as ReactContext
+        val eventDispatcher = UIManagerHelper.getEventDispatcherForReactTag(reactContext, id)
+        if (eventDispatcher != null) {
+          val surfaceId = UIManagerHelper.getSurfaceId(reactContext)
+          eventDispatcher.dispatchEvent(PopupMenuSelectionEvent(surfaceId, id, menuItem.order))
+        }
+        true
+      }
+      popupMenu.show()
+    }
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/popupmenu/ReactPopupMenuManager.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/popupmenu/ReactPopupMenuManager.kt
new file mode 100644
index 00000000000000..99dd6b72aa3c92
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/popupmenu/ReactPopupMenuManager.kt
@@ -0,0 +1,54 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.popupmenu
+
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.module.annotations.ReactModule
+import com.facebook.react.uimanager.ThemedReactContext
+import com.facebook.react.uimanager.ViewGroupManager
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.viewmanagers.AndroidPopupMenuManagerInterface
+
+@ReactModule(name = ReactPopupMenuManager.REACT_CLASS)
+public class ReactPopupMenuManager :
+    ViewGroupManager<ReactPopupMenuContainer>(),
+    AndroidPopupMenuManagerInterface<ReactPopupMenuContainer> {
+  override fun createViewInstance(reactContext: ThemedReactContext): ReactPopupMenuContainer {
+    return ReactPopupMenuContainer(reactContext)
+  }
+
+  @ReactProp(name = "menuItems")
+  override fun setMenuItems(view: ReactPopupMenuContainer, menuItems: ReadableArray?) {
+    view.setMenuItems(menuItems)
+  }
+
+  override fun getName(): String {
+    return REACT_CLASS
+  }
+
+  override fun receiveCommand(
+      view: ReactPopupMenuContainer,
+      commandId: String,
+      items: ReadableArray?
+  ) {
+    when (commandId) {
+      "show" -> show(view)
+      else -> {
+        // no-op
+      }
+    }
+  }
+
+  override fun show(popupMenu: ReactPopupMenuContainer) {
+    popupMenu.showPopupMenu()
+  }
+
+  public companion object {
+    public const val REACT_CLASS: String = "AndroidPopupMenu"
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java
index f5a5d2f9f6128b..ca9eefcdafe682 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarContainerView.java
@@ -15,13 +15,15 @@
 import android.widget.FrameLayout;
 import android.widget.ProgressBar;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.JSApplicationIllegalArgumentException;
 
 /**
  * Controls an enclosing ProgressBar. Exists so that the ProgressBar can be recreated if the style
  * would change.
  */
-/* package */ class ProgressBarContainerView extends FrameLayout {
+/* package */ @Nullsafe(Nullsafe.Mode.LOCAL)
+class ProgressBarContainerView extends FrameLayout {
   private static final int MAX_PROGRESS = 1000;
 
   private @Nullable Integer mColor;
@@ -46,7 +48,7 @@ public void setStyle(@Nullable String styleName) {
   }
 
   public void setColor(@Nullable Integer color) {
-    this.mColor = color;
+    mColor = color;
   }
 
   public void setIndeterminate(boolean indeterminate) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java
index d20d7659493e3a..ccf057e7ece5eb 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ProgressBarShadowNode.java
@@ -12,6 +12,7 @@
 import android.view.ViewGroup;
 import android.widget.ProgressBar;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.uimanager.LayoutShadowNode;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.yoga.YogaMeasureFunction;
@@ -26,6 +27,7 @@
  * android.R.attr.progressBarStyle} for possible styles. ReactProgressBarViewManager manages how
  * this style is applied to the ProgressBar.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ProgressBarShadowNode extends LayoutShadowNode implements YogaMeasureFunction {
 
   private String mStyle = ReactProgressBarViewManager.DEFAULT_STYLE;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ReactProgressBarViewManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ReactProgressBarViewManager.java
index eb4cbfd779f858..abe14eab0c3f62 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ReactProgressBarViewManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/progressbar/ReactProgressBarViewManager.java
@@ -14,6 +14,7 @@
 import android.widget.ProgressBar;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.module.annotations.ReactModule;
@@ -35,6 +36,7 @@
  * ProgressBar changes, we have to drop the existing ProgressBar (if there is one) and create a new
  * one with the style given.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @ReactModule(name = ReactProgressBarViewManager.REACT_CLASS)
 public class ReactProgressBarViewManager
     extends BaseViewManager<ProgressBarContainerView, ProgressBarShadowNode>
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/MaintainVisibleScrollPositionHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/MaintainVisibleScrollPositionHelper.java
index f1630d0c556e39..7839dcd80064a9 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/MaintainVisibleScrollPositionHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/MaintainVisibleScrollPositionHelper.java
@@ -12,6 +12,7 @@
 import android.view.ViewGroup;
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.UIManager;
@@ -30,6 +31,7 @@
  * <p>This uses UIManager to listen to updates and capture position of items before and after
  * layout.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class MaintainVisibleScrollPositionHelper<ScrollViewT extends ViewGroup & HasSmoothScroll>
     implements UIManagerListener {
   private final ScrollViewT mScrollView;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/OnScrollDispatchHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/OnScrollDispatchHelper.java
index 46dc67a8115455..a7a659a3d42c68 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/OnScrollDispatchHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/OnScrollDispatchHelper.java
@@ -8,12 +8,14 @@
 package com.facebook.react.views.scroll;
 
 import android.os.SystemClock;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * Android has a bug where onScrollChanged is called twice per frame with the same params during
  * flings. We hack around that here by trying to detect that duplicate call and not dispatch it. See
  * https://code.google.com/p/android/issues/detail?id=39473
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class OnScrollDispatchHelper {
 
   private static final int MIN_EVENT_SEPARATION_MS = 10;
@@ -47,10 +49,10 @@ public boolean onScrollChanged(int x, int y) {
   }
 
   public float getXFlingVelocity() {
-    return this.mXFlingVelocity;
+    return mXFlingVelocity;
   }
 
   public float getYFlingVelocity() {
-    return this.mYFlingVelocity;
+    return mYFlingVelocity;
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java
index fdf992e574dd40..bf29f95f2f2374 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerView.java
@@ -9,10 +9,12 @@
 
 import android.content.Context;
 import androidx.core.view.ViewCompat;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.modules.i18nmanager.I18nUtil;
 import com.facebook.react.views.view.ReactViewGroup;
 
 /** Container of Horizontal scrollViews that supports RTL scrolling. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ReactHorizontalScrollContainerView extends ReactViewGroup {
 
   private int mLayoutDirection;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerViewManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerViewManager.java
index 497de4b072f13e..c8c1d73c439500 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerViewManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactHorizontalScrollContainerViewManager.java
@@ -7,11 +7,13 @@
 
 package com.facebook.react.views.scroll;
 
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.module.annotations.ReactModule;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.views.view.ReactClippingViewManager;
 
 /** View manager for {@link ReactHorizontalScrollContainerView} components. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 @ReactModule(name = ReactHorizontalScrollContainerViewManager.REACT_CLASS)
 public class ReactHorizontalScrollContainerViewManager
     extends ReactClippingViewManager<ReactHorizontalScrollContainerView> {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java
index f66ed102018ab9..49f7326f0a2241 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollView.java
@@ -28,6 +28,7 @@
 import android.view.accessibility.AccessibilityNodeInfo;
 import android.widget.OverScroller;
 import android.widget.ScrollView;
+import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import androidx.core.view.ViewCompat;
 import com.facebook.common.logging.FLog;
@@ -356,7 +357,7 @@ private int getScrollDelta(View descendent) {
   }
 
   /** Returns whether the given descendent is partially scrolled in view */
-  public boolean isPartiallyScrolledInView(View descendent) {
+  boolean isPartiallyScrolledInView(View descendent) {
     int scrollDelta = getScrollDelta(descendent);
     descendent.getDrawingRect(mTempRect);
     return scrollDelta != 0 && Math.abs(scrollDelta) < mTempRect.width();
@@ -505,7 +506,7 @@ public void updateClippingRect() {
     Assertions.assertNotNull(mClippingRect);
 
     ReactClippingViewGroupHelper.calculateClippingRect(this, mClippingRect);
-    View contentView = getChildAt(0);
+    View contentView = getContentView();
     if (contentView instanceof ReactClippingViewGroup) {
       ((ReactClippingViewGroup) contentView).updateClippingRect();
     }
@@ -619,20 +620,16 @@ public void setStateWrapper(StateWrapper stateWrapper) {
   @Override
   public void draw(Canvas canvas) {
     if (mEndFillColor != Color.TRANSPARENT) {
-      final View content = getChildAt(0);
-      if (mEndBackground != null && content != null && content.getBottom() < getHeight()) {
-        mEndBackground.setBounds(0, content.getBottom(), getWidth(), getHeight());
+      final View contentView = getContentView();
+      if (mEndBackground != null && contentView != null && contentView.getBottom() < getHeight()) {
+        mEndBackground.setBounds(0, contentView.getBottom(), getWidth(), getHeight());
         mEndBackground.draw(canvas);
       }
     }
     getDrawingRect(mRect);
 
-    switch (mOverflow) {
-      case ViewProps.VISIBLE:
-        break;
-      default:
-        canvas.clipRect(mRect);
-        break;
+    if (!ViewProps.VISIBLE.equals(mOverflow)) {
+      canvas.clipRect(mRect);
     }
 
     super.draw(canvas);
@@ -1043,8 +1040,10 @@ public void onChildViewAdded(View parent, View child) {
 
   @Override
   public void onChildViewRemoved(View parent, View child) {
-    mContentView.removeOnLayoutChangeListener(this);
-    mContentView = null;
+    if (mContentView != null) {
+      mContentView.removeOnLayoutChangeListener(this);
+      mContentView = null;
+    }
   }
 
   public void setContentOffset(ReadableMap value) {
@@ -1236,6 +1235,7 @@ public void startFlingAnimator(int start, int end) {
     DEFAULT_FLING_ANIMATOR.start();
   }
 
+  @NonNull
   @Override
   public ValueAnimator getFlingAnimator() {
     return DEFAULT_FLING_ANIMATOR;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewAccessibilityDelegate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewAccessibilityDelegate.java
index d895f6333dd967..72bad9f349fcb3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewAccessibilityDelegate.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewAccessibilityDelegate.java
@@ -12,6 +12,7 @@
 import android.view.accessibility.AccessibilityEvent;
 import androidx.core.view.AccessibilityDelegateCompat;
 import androidx.core.view.accessibility.AccessibilityNodeInfoCompat;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.R;
 import com.facebook.react.bridge.AssertionException;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
@@ -19,6 +20,7 @@
 import com.facebook.react.uimanager.ReactAccessibilityDelegate;
 import com.facebook.react.uimanager.ReactAccessibilityDelegate.AccessibilityRole;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class ReactScrollViewAccessibilityDelegate extends AccessibilityDelegateCompat {
   private final String TAG = ReactScrollViewAccessibilityDelegate.class.getSimpleName();
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java
index 49fe5f52561afc..7a9348259d473e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ReactScrollViewHelper.java
@@ -17,6 +17,7 @@
 import androidx.annotation.Nullable;
 import androidx.core.view.ViewCompat;
 import com.facebook.common.logging.FLog;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.bridge.WritableNativeMap;
@@ -33,6 +34,7 @@
 import java.util.WeakHashMap;
 
 /** Helper class that deals with emitting Scroll Events. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ReactScrollViewHelper {
   private static String TAG = ReactHorizontalScrollView.class.getSimpleName();
   private static boolean DEBUG_MODE = false && ReactBuildConfig.DEBUG;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEvent.java
index 5f44afce0150a4..6818b3682b0658 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEvent.java
@@ -10,6 +10,7 @@
 import androidx.annotation.Nullable;
 import androidx.core.util.Pools;
 import com.facebook.infer.annotation.Assertions;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
 import com.facebook.react.bridge.WritableMap;
@@ -18,6 +19,7 @@
 import com.facebook.react.uimanager.events.Event;
 
 /** A event dispatched from a ScrollView scrolling. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ScrollEvent extends Event<ScrollEvent> {
   private static String TAG = ScrollEvent.class.getSimpleName();
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEventType.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEventType.java
index 14785849f72757..b58173850da591 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEventType.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/ScrollEventType.java
@@ -7,7 +7,10 @@
 
 package com.facebook.react.views.scroll;
 
+import com.facebook.infer.annotation.Nullsafe;
+
 /** Scroll event types that JS module RCTEventEmitter can understand */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public enum ScrollEventType {
   BEGIN_DRAG,
   END_DRAG,
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/VelocityHelper.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/VelocityHelper.java
index 0ef88fb1deb231..7887c0b4023c20 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/VelocityHelper.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/scroll/VelocityHelper.java
@@ -10,11 +10,13 @@
 import android.view.MotionEvent;
 import android.view.VelocityTracker;
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * This Class helps to calculate the velocity for all ScrollView. The x and y velocity will later on
  * send to ReactScrollViewHelper for further use.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class VelocityHelper {
 
   private @Nullable VelocityTracker mVelocityTracker;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java
index f0d9111ab15246..b42143f3c12a4d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/ReactSwipeRefreshLayout.java
@@ -10,11 +10,13 @@
 import android.view.MotionEvent;
 import android.view.ViewConfiguration;
 import androidx.swiperefreshlayout.widget.SwipeRefreshLayout;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.events.NativeGestureUtil;
 
 /** Basic extension of {@link SwipeRefreshLayout} with ReactNative-specific functionality. */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ReactSwipeRefreshLayout extends SwipeRefreshLayout {
 
   private static final float DEFAULT_CIRCLE_TARGET = 64;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/RefreshEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/RefreshEvent.java
index 0a51a89db3eba5..a318570493c34d 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/RefreshEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/swiperefresh/RefreshEvent.java
@@ -8,11 +8,13 @@
 package com.facebook.react.views.swiperefresh;
 
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.events.Event;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class RefreshEvent extends Event<RefreshEvent> {
 
   @Deprecated
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchEvent.java
index e28accad39e206..f3073c928f3389 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/switchview/ReactSwitchEvent.java
@@ -8,13 +8,15 @@
 package com.facebook.react.views.switchview;
 
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.events.Event;
 
 /** Event emitted by a ReactSwitchManager once a switch is fully switched on/off */
-/*package*/ class ReactSwitchEvent extends Event<ReactSwitchEvent> {
+/*package*/ @Nullsafe(Nullsafe.Mode.LOCAL)
+class ReactSwitchEvent extends Event<ReactSwitchEvent> {
 
   public static final String EVENT_NAME = "topChange";
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/BasicTextAttributeProvider.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/BasicTextAttributeProvider.kt
new file mode 100644
index 00000000000000..bf9693f5971514
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/BasicTextAttributeProvider.kt
@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.text
+
+import com.facebook.react.uimanager.ReactAccessibilityDelegate
+
+/**
+ * Interface for an entity providing basic text attributes of a text node/fragment. "Basic" means
+ * that they can be provided trivially, without processing the parent element.
+ */
+internal interface BasicTextAttributeProvider {
+  val role: ReactAccessibilityDelegate.Role?
+
+  val accessibilityRole: ReactAccessibilityDelegate.AccessibilityRole?
+
+  val isBackgroundColorSet: Boolean
+
+  val backgroundColor: Int
+
+  val isColorSet: Boolean
+
+  val color: Int
+
+  val fontStyle: Int
+
+  val fontWeight: Int
+
+  val fontFamily: String?
+
+  val fontFeatureSettings: String?
+
+  val isUnderlineTextDecorationSet: Boolean
+
+  val isLineThroughTextDecorationSet: Boolean
+
+  val textShadowOffsetDx: Float
+
+  val textShadowOffsetDy: Float
+
+  val textShadowRadius: Float
+
+  val textShadowColor: Int
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/EffectiveTextAttributeProvider.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/EffectiveTextAttributeProvider.kt
new file mode 100644
index 00000000000000..78b3562785d5a9
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/EffectiveTextAttributeProvider.kt
@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.text
+
+import com.facebook.react.common.ReactConstants.UNSET
+
+/** Interface for an entity providing effective text attributes of a text node/fragment */
+internal interface EffectiveTextAttributeProvider : BasicTextAttributeProvider {
+  val textTransform: TextTransform
+
+  val effectiveLetterSpacing: Float
+
+  /** @return The effective font size, or [UNSET] if not set */
+  val effectiveFontSize: Int
+
+  val effectiveLineHeight: Float
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/HierarchicTextAttributeProvider.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/HierarchicTextAttributeProvider.kt
new file mode 100644
index 00000000000000..b322c08bb38ff8
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/HierarchicTextAttributeProvider.kt
@@ -0,0 +1,63 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.text
+
+import com.facebook.react.common.ReactConstants
+
+/**
+ * Implementation of [EffectiveTextAttributeProvider] that provides effective text attributes based
+ * on a [ReactBaseTextShadowNode] instance and its parent.
+ */
+internal class HierarchicTextAttributeProvider(
+    private val textShadowNode: ReactBaseTextShadowNode,
+    private val parentTextAttributes: TextAttributes?,
+    private val textAttributes: TextAttributes
+) : EffectiveTextAttributeProvider, BasicTextAttributeProvider by textShadowNode {
+  override val textTransform: TextTransform
+    get() = textAttributes.textTransform
+
+  override val effectiveLetterSpacing: Float
+    get() {
+      val letterSpacing = textAttributes.effectiveLetterSpacing
+
+      val isParentLetterSpacingDifferent =
+          parentTextAttributes == null ||
+              parentTextAttributes.effectiveLetterSpacing != letterSpacing
+
+      return if (!letterSpacing.isNaN() && isParentLetterSpacingDifferent) {
+        letterSpacing
+      } else {
+        Float.NaN
+      }
+    }
+
+  override val effectiveFontSize: Int
+    get() {
+      val fontSize = textAttributes.effectiveFontSize
+
+      return if (parentTextAttributes == null ||
+          parentTextAttributes.effectiveFontSize != fontSize) {
+        fontSize
+      } else {
+        ReactConstants.UNSET
+      }
+    }
+
+  override val effectiveLineHeight: Float
+    get() {
+      val lineHeight = textAttributes.effectiveLineHeight
+      val isParentLineHeightDifferent =
+          parentTextAttributes == null || parentTextAttributes.effectiveLineHeight != lineHeight
+
+      return if (!lineHeight.isNaN() && isParentLineHeightDifferent) {
+        lineHeight
+      } else {
+        Float.NaN
+      }
+    }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java
index cb02e705da57ae..c5cabecf7047f6 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBaseTextShadowNode.java
@@ -21,7 +21,7 @@
 import com.facebook.react.bridge.ReadableArray;
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.common.ReactConstants;
-import com.facebook.react.common.assets.ReactFontManager;
+import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags;
 import com.facebook.react.uimanager.IllegalViewOperationException;
 import com.facebook.react.uimanager.LayoutShadowNode;
 import com.facebook.react.uimanager.NativeViewHierarchyOptimizer;
@@ -31,6 +31,22 @@
 import com.facebook.react.uimanager.ReactShadowNode;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
+import com.facebook.react.views.text.internal.ReactTextInlineImageShadowNode;
+import com.facebook.react.views.text.internal.span.CustomLetterSpacingSpan;
+import com.facebook.react.views.text.internal.span.CustomLineHeightSpan;
+import com.facebook.react.views.text.internal.span.CustomStyleSpan;
+import com.facebook.react.views.text.internal.span.ReactAbsoluteSizeSpan;
+import com.facebook.react.views.text.internal.span.ReactBackgroundColorSpan;
+import com.facebook.react.views.text.internal.span.ReactClickableSpan;
+import com.facebook.react.views.text.internal.span.ReactForegroundColorSpan;
+import com.facebook.react.views.text.internal.span.ReactSpan;
+import com.facebook.react.views.text.internal.span.ReactStrikethroughSpan;
+import com.facebook.react.views.text.internal.span.ReactTagSpan;
+import com.facebook.react.views.text.internal.span.ReactUnderlineSpan;
+import com.facebook.react.views.text.internal.span.SetSpanOperation;
+import com.facebook.react.views.text.internal.span.ShadowStyleSpan;
+import com.facebook.react.views.text.internal.span.TextInlineImageSpan;
+import com.facebook.react.views.text.internal.span.TextInlineViewPlaceholderSpan;
 import com.facebook.yoga.YogaDirection;
 import com.facebook.yoga.YogaUnit;
 import com.facebook.yoga.YogaValue;
@@ -49,13 +65,13 @@
  * <p>This also node calculates {@link Spannable} object based on subnodes of the same type, which
  * can be used in concrete classes to feed native views and compute layout.
  */
-public abstract class ReactBaseTextShadowNode extends LayoutShadowNode {
+public abstract class ReactBaseTextShadowNode extends LayoutShadowNode
+    implements BasicTextAttributeProvider {
 
   // Use a direction weak character so the placeholder doesn't change the direction of the previous
   // character.
   // https://en.wikipedia.org/wiki/Bi-directional_text#weak_characters
   private static final String INLINE_VIEW_PLACEHOLDER = "0";
-  public static final int UNSET = ReactFontManager.TypefaceStyle.UNSET;
 
   public static final String PROP_SHADOW_OFFSET = "textShadowOffset";
   public static final String PROP_SHADOW_OFFSET_WIDTH = "width";
@@ -77,6 +93,23 @@ private static void buildSpannedFromShadowNode(
       boolean supportsInlineViews,
       @Nullable Map<Integer, ReactShadowNode> inlineViews,
       int start) {
+    if (ReactNativeFeatureFlags.enableSpannableBuildingUnification()) {
+      buildSpannedFromShadowNodeUnified(
+          textShadowNode, sb, ops, parentTextAttributes, supportsInlineViews, inlineViews, start);
+    } else {
+      buildSpannedFromShadowNodeDuplicated(
+          textShadowNode, sb, ops, parentTextAttributes, supportsInlineViews, inlineViews, start);
+    }
+  }
+
+  private static void buildSpannedFromShadowNodeDuplicated(
+      ReactBaseTextShadowNode textShadowNode,
+      SpannableStringBuilder sb,
+      List<SetSpanOperation> ops,
+      @Nullable TextAttributes parentTextAttributes,
+      boolean supportsInlineViews,
+      @Nullable Map<Integer, ReactShadowNode> inlineViews,
+      int start) {
 
     TextAttributes textAttributes;
     if (parentTextAttributes != null) {
@@ -93,7 +126,7 @@ private static void buildSpannedFromShadowNode(
             TextTransform.apply(
                 ((ReactRawTextShadowNode) child).getText(), textAttributes.getTextTransform()));
       } else if (child instanceof ReactBaseTextShadowNode) {
-        buildSpannedFromShadowNode(
+        buildSpannedFromShadowNodeDuplicated(
             (ReactBaseTextShadowNode) child,
             sb,
             ops,
@@ -177,8 +210,8 @@ private static void buildSpannedFromShadowNode(
           || parentTextAttributes.getEffectiveFontSize() != effectiveFontSize) {
         ops.add(new SetSpanOperation(start, end, new ReactAbsoluteSizeSpan(effectiveFontSize)));
       }
-      if (textShadowNode.mFontStyle != UNSET
-          || textShadowNode.mFontWeight != UNSET
+      if (textShadowNode.mFontStyle != ReactConstants.UNSET
+          || textShadowNode.mFontWeight != ReactConstants.UNSET
           || textShadowNode.mFontFamily != null) {
         ops.add(
             new SetSpanOperation(
@@ -221,6 +254,99 @@ private static void buildSpannedFromShadowNode(
     }
   }
 
+  private static void buildSpannedFromShadowNodeUnified(
+      ReactBaseTextShadowNode textShadowNode,
+      SpannableStringBuilder sb,
+      List<SetSpanOperation> ops,
+      @Nullable TextAttributes parentTextAttributes,
+      boolean supportsInlineViews,
+      @Nullable Map<Integer, ReactShadowNode> inlineViews,
+      int start) {
+
+    TextAttributes textAttributes;
+    if (parentTextAttributes != null) {
+      textAttributes = parentTextAttributes.applyChild(textShadowNode.mTextAttributes);
+    } else {
+      textAttributes = textShadowNode.mTextAttributes;
+    }
+
+    final HierarchicTextAttributeProvider textAttributeProvider =
+        new HierarchicTextAttributeProvider(textShadowNode, parentTextAttributes, textAttributes);
+
+    for (int i = 0, length = textShadowNode.getChildCount(); i < length; i++) {
+      ReactShadowNode child = textShadowNode.getChildAt(i);
+
+      if (child instanceof ReactRawTextShadowNode) {
+        TextLayoutUtils.addText(
+            sb, ((ReactRawTextShadowNode) child).getText(), textAttributeProvider);
+      } else if (child instanceof ReactBaseTextShadowNode) {
+        buildSpannedFromShadowNodeUnified(
+            (ReactBaseTextShadowNode) child,
+            sb,
+            ops,
+            textAttributes,
+            supportsInlineViews,
+            inlineViews,
+            sb.length());
+      } else if (child instanceof ReactTextInlineImageShadowNode) {
+        addInlineImageSpan(ops, sb, (ReactTextInlineImageShadowNode) child);
+      } else if (supportsInlineViews) {
+        addInlineViewPlaceholderSpan(ops, sb, child);
+
+        inlineViews.put(child.getReactTag(), child);
+      } else {
+        throw new IllegalViewOperationException(
+            "Unexpected view type nested under a <Text> or <TextInput> node: " + child.getClass());
+      }
+      child.markUpdateSeen();
+    }
+    int end = sb.length();
+    if (end >= start) {
+      final int reactTag = textShadowNode.getReactTag();
+
+      TextLayoutUtils.addApplicableTextAttributeSpans(
+          ops, textAttributeProvider, reactTag, textShadowNode.getThemedContext(), start, end);
+    }
+  }
+
+  private static void addInlineImageSpan(
+      List<SetSpanOperation> ops, SpannableStringBuilder sb, ReactTextInlineImageShadowNode child) {
+    // We make the image take up 1 character in the span and put a corresponding character into
+    // the text so that the image doesn't run over any following text.
+    sb.append(INLINE_VIEW_PLACEHOLDER);
+    ops.add(
+        new SetSpanOperation(
+            sb.length() - INLINE_VIEW_PLACEHOLDER.length(),
+            sb.length(),
+            child.buildInlineImageSpan()));
+  }
+
+  private static void addInlineViewPlaceholderSpan(
+      List<SetSpanOperation> ops, SpannableStringBuilder sb, ReactShadowNode child) {
+    YogaValue widthValue = child.getStyleWidth();
+    YogaValue heightValue = child.getStyleHeight();
+
+    float width;
+    float height;
+    if (widthValue.unit != YogaUnit.POINT || heightValue.unit != YogaUnit.POINT) {
+      // If the measurement of the child isn't calculated, we calculate the layout for the
+      // view using Yoga
+      child.calculateLayout();
+      width = child.getLayoutWidth();
+      height = child.getLayoutHeight();
+    } else {
+      width = widthValue.value;
+      height = heightValue.value;
+    }
+
+    // We make the inline view take up 1 character in the span and put a corresponding character
+    // into the text so that
+    // the inline view doesn't run over any following text.
+    sb.append(INLINE_VIEW_PLACEHOLDER);
+
+    TextLayoutUtils.addInlineViewPlaceholderSpan(ops, sb, child.getReactTag(), width, height);
+  }
+
   // `nativeViewHierarchyOptimizer` can be `null` as long as `supportsInlineViews` is `false`.
   protected Spannable spannedFromShadowNode(
       ReactBaseTextShadowNode textShadowNode,
@@ -256,15 +382,16 @@ protected Spannable spannedFromShadowNode(
     // or images.
     for (int priorityIndex = 0; priorityIndex < ops.size(); priorityIndex++) {
       final SetSpanOperation op = ops.get(ops.size() - priorityIndex - 1);
+      final ReactSpan what = op.getWhat();
 
-      boolean isInlineImage = op.what instanceof TextInlineImageSpan;
-      if (isInlineImage || op.what instanceof TextInlineViewPlaceholderSpan) {
+      boolean isInlineImage = what instanceof TextInlineImageSpan;
+      if (isInlineImage || what instanceof TextInlineViewPlaceholderSpan) {
         int height;
         if (isInlineImage) {
-          height = ((TextInlineImageSpan) op.what).getHeight();
+          height = ((TextInlineImageSpan) what).getHeight();
           textShadowNode.mContainsImages = true;
         } else {
-          TextInlineViewPlaceholderSpan placeholder = (TextInlineViewPlaceholderSpan) op.what;
+          TextInlineViewPlaceholderSpan placeholder = (TextInlineViewPlaceholderSpan) what;
           height = placeholder.getHeight();
 
           // Inline views cannot be layout-only because the ReactTextView needs to be able to grab
@@ -307,7 +434,7 @@ protected Spannable spannedFromShadowNode(
   protected @Nullable AccessibilityRole mAccessibilityRole = null;
   protected @Nullable Role mRole = null;
 
-  protected int mNumberOfLines = UNSET;
+  protected int mNumberOfLines = ReactConstants.UNSET;
   protected int mTextAlign = Gravity.NO_GRAVITY;
   protected int mTextBreakStrategy = Layout.BREAK_STRATEGY_HIGH_QUALITY;
   protected int mHyphenationFrequency = Layout.HYPHENATION_FREQUENCY_NONE;
@@ -329,9 +456,9 @@ protected Spannable spannedFromShadowNode(
    * mFontStyle can be {@link Typeface#NORMAL} or {@link Typeface#ITALIC}. mFontWeight can be {@link
    * Typeface#NORMAL} or {@link Typeface#BOLD}.
    */
-  protected int mFontStyle = UNSET;
+  protected int mFontStyle = ReactConstants.UNSET;
 
-  protected int mFontWeight = UNSET;
+  protected int mFontWeight = ReactConstants.UNSET;
   /**
    * NB: If a font family is used that does not have a style in a certain Android version (ie.
    * monospace bold pre Android 5.0), that style (ie. bold) will not be inherited by nested Text
@@ -384,9 +511,9 @@ private int getTextAlign() {
     return textAlign;
   }
 
-  @ReactProp(name = ViewProps.NUMBER_OF_LINES, defaultInt = UNSET)
+  @ReactProp(name = ViewProps.NUMBER_OF_LINES, defaultInt = ReactConstants.UNSET)
   public void setNumberOfLines(int numberOfLines) {
-    mNumberOfLines = numberOfLines == 0 ? UNSET : numberOfLines;
+    mNumberOfLines = numberOfLines == 0 ? ReactConstants.UNSET : numberOfLines;
     markUpdated();
   }
 
@@ -396,7 +523,7 @@ public void setLineHeight(float lineHeight) {
     markUpdated();
   }
 
-  @ReactProp(name = ViewProps.LETTER_SPACING, defaultFloat = Float.NaN)
+  @ReactProp(name = ViewProps.LETTER_SPACING, defaultFloat = 0.f)
   public void setLetterSpacing(float letterSpacing) {
     mTextAttributes.setLetterSpacing(letterSpacing);
     markUpdated();
@@ -452,6 +579,11 @@ public void setFontSize(float fontSize) {
     markUpdated();
   }
 
+  @Override
+  public int getColor() {
+    return mColor;
+  }
+
   @ReactProp(name = ViewProps.COLOR, customType = "Color")
   public void setColor(@Nullable Integer color) {
     mIsColorSet = (color != null);
@@ -461,6 +593,16 @@ public void setColor(@Nullable Integer color) {
     markUpdated();
   }
 
+  @Override
+  public boolean isColorSet() {
+    return mIsColorSet;
+  }
+
+  @Override
+  public int getBackgroundColor() {
+    return mBackgroundColor;
+  }
+
   @ReactProp(name = ViewProps.BACKGROUND_COLOR, customType = "Color")
   public void setBackgroundColor(@Nullable Integer color) {
     // Background color needs to be handled here for virtual nodes so it can be incorporated into
@@ -476,6 +618,16 @@ public void setBackgroundColor(@Nullable Integer color) {
     }
   }
 
+  @Override
+  public boolean isBackgroundColorSet() {
+    return mIsBackgroundColorSet;
+  }
+
+  @Override
+  public @Nullable AccessibilityRole getAccessibilityRole() {
+    return mAccessibilityRole;
+  }
+
   @ReactProp(name = ViewProps.ACCESSIBILITY_ROLE)
   public void setAccessibilityRole(@Nullable String accessibilityRole) {
     if (isVirtual()) {
@@ -484,6 +636,11 @@ public void setAccessibilityRole(@Nullable String accessibilityRole) {
     }
   }
 
+  @Override
+  public @Nullable Role getRole() {
+    return mRole;
+  }
+
   @ReactProp(name = ViewProps.ROLE)
   public void setRole(@Nullable String role) {
     if (isVirtual()) {
@@ -492,12 +649,22 @@ public void setRole(@Nullable String role) {
     }
   }
 
+  @Override
+  public String getFontFamily() {
+    return mFontFamily;
+  }
+
   @ReactProp(name = ViewProps.FONT_FAMILY)
   public void setFontFamily(@Nullable String fontFamily) {
     mFontFamily = fontFamily;
     markUpdated();
   }
 
+  @Override
+  public int getFontWeight() {
+    return mFontWeight;
+  }
+
   @ReactProp(name = ViewProps.FONT_WEIGHT)
   public void setFontWeight(@Nullable String fontWeightString) {
     int fontWeight = ReactTypefaceUtils.parseFontWeight(fontWeightString);
@@ -517,6 +684,16 @@ public void setFontVariant(@Nullable ReadableArray fontVariantArray) {
     }
   }
 
+  @Override
+  public String getFontFeatureSettings() {
+    return mFontFeatureSettings;
+  }
+
+  @Override
+  public int getFontStyle() {
+    return mFontStyle;
+  }
+
   @ReactProp(name = ViewProps.FONT_STYLE)
   public void setFontStyle(@Nullable String fontStyleString) {
     int fontStyle = ReactTypefaceUtils.parseFontStyle(fontStyleString);
@@ -547,6 +724,16 @@ public void setTextDecorationLine(@Nullable String textDecorationLineString) {
     markUpdated();
   }
 
+  @Override
+  public boolean isUnderlineTextDecorationSet() {
+    return mIsUnderlineTextDecorationSet;
+  }
+
+  @Override
+  public boolean isLineThroughTextDecorationSet() {
+    return mIsLineThroughTextDecorationSet;
+  }
+
   @ReactProp(name = ViewProps.TEXT_BREAK_STRATEGY)
   public void setTextBreakStrategy(@Nullable String textBreakStrategy) {
     if (textBreakStrategy == null || "highQuality".equals(textBreakStrategy)) {
@@ -584,6 +771,21 @@ public void setTextShadowOffset(ReadableMap offsetMap) {
     markUpdated();
   }
 
+  @Override
+  public float getTextShadowOffsetDx() {
+    return mTextShadowOffsetDx;
+  }
+
+  @Override
+  public float getTextShadowOffsetDy() {
+    return mTextShadowOffsetDy;
+  }
+
+  @Override
+  public float getTextShadowRadius() {
+    return mTextShadowRadius;
+  }
+
   @ReactProp(name = PROP_SHADOW_RADIUS, defaultInt = 1)
   public void setTextShadowRadius(float textShadowRadius) {
     if (textShadowRadius != mTextShadowRadius) {
@@ -592,6 +794,11 @@ public void setTextShadowRadius(float textShadowRadius) {
     }
   }
 
+  @Override
+  public int getTextShadowColor() {
+    return mTextShadowColor;
+  }
+
   @ReactProp(name = PROP_SHADOW_COLOR, defaultInt = DEFAULT_TEXT_SHADOW_COLOR, customType = "Color")
   public void setTextShadowColor(int textShadowColor) {
     if (textShadowColor != mTextShadowColor) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java
index 867aac0d2f530b..deb5097c15f23b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextAnchorViewManager.java
@@ -79,7 +79,7 @@ public void setFontSize(ReactTextView view, float fontSize) {
     view.setFontSize(fontSize);
   }
 
-  @ReactProp(name = ViewProps.LETTER_SPACING, defaultFloat = Float.NaN)
+  @ReactProp(name = ViewProps.LETTER_SPACING, defaultFloat = 0.f)
   public void setLetterSpacing(ReactTextView view, float letterSpacing) {
     view.setLetterSpacing(letterSpacing);
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java
index d53f18a5aa3289..be27e77d13956a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextShadowNode.java
@@ -23,6 +23,7 @@
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
 import com.facebook.react.bridge.WritableArray;
 import com.facebook.react.bridge.WritableMap;
+import com.facebook.react.common.ReactConstants;
 import com.facebook.react.uimanager.NativeViewHierarchyOptimizer;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ReactShadowNode;
@@ -31,6 +32,8 @@
 import com.facebook.react.uimanager.UIViewOperationQueue;
 import com.facebook.react.uimanager.annotations.ReactProp;
 import com.facebook.react.uimanager.events.RCTEventEmitter;
+import com.facebook.react.views.text.internal.span.ReactAbsoluteSizeSpan;
+import com.facebook.react.views.text.internal.span.TextInlineViewPlaceholderSpan;
 import com.facebook.yoga.YogaBaselineFunction;
 import com.facebook.yoga.YogaConstants;
 import com.facebook.yoga.YogaDirection;
@@ -80,7 +83,7 @@ public long measure(
             int minimumFontSize =
                 (int) Math.max(mMinimumFontScale * initialFontSize, PixelUtil.toPixelFromDIP(4));
             while (currentFontSize > minimumFontSize
-                && (mNumberOfLines != UNSET && layout.getLineCount() > mNumberOfLines
+                && (mNumberOfLines != ReactConstants.UNSET && layout.getLineCount() > mNumberOfLines
                     || heightMode != YogaMeasureMode.UNDEFINED && layout.getHeight() > height)) {
               // TODO: We could probably use a smarter algorithm here. This will require 0(n)
               // measurements
@@ -122,7 +125,7 @@ public long measure(
           }
 
           final int lineCount =
-              mNumberOfLines == UNSET
+              mNumberOfLines == ReactConstants.UNSET
                   ? layout.getLineCount()
                   : Math.min(mNumberOfLines, layout.getLineCount());
 
@@ -327,7 +330,7 @@ public void onCollectExtraUpdates(UIViewOperationQueue uiViewOperationQueue) {
       ReactTextUpdate reactTextUpdate =
           new ReactTextUpdate(
               mPreparedSpannableText,
-              UNSET,
+              ReactConstants.UNSET,
               mContainsImages,
               getPadding(Spacing.START),
               getPadding(Spacing.TOP),
@@ -356,8 +359,7 @@ public Iterable<? extends ReactShadowNode> calculateLayoutOnChildren() {
 
     Spanned text =
         Assertions.assertNotNull(
-            this.mPreparedSpannableText,
-            "Spannable element has not been prepared in onBeforeLayout");
+            mPreparedSpannableText, "Spannable element has not been prepared in onBeforeLayout");
     TextInlineViewPlaceholderSpan[] placeholders =
         text.getSpans(0, text.length(), TextInlineViewPlaceholderSpan.class);
     ArrayList<ReactShadowNode> shadowNodes = new ArrayList<>(placeholders.length);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextUpdate.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextUpdate.java
index 0802ec3622a1bd..d2230beda0e000 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextUpdate.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextUpdate.java
@@ -7,10 +7,9 @@
 
 package com.facebook.react.views.text;
 
-import static com.facebook.react.views.text.TextAttributeProps.UNSET;
-
 import android.text.Layout;
 import android.text.Spannable;
+import com.facebook.react.common.ReactConstants;
 
 /**
  * Class that contains the data needed for a text update. Used by both <Text/> and <TextInput/>
@@ -67,10 +66,10 @@ public ReactTextUpdate(
         text,
         jsEventCounter,
         containsImages,
-        UNSET,
-        UNSET,
-        UNSET,
-        UNSET,
+        ReactConstants.UNSET,
+        ReactConstants.UNSET,
+        ReactConstants.UNSET,
+        ReactConstants.UNSET,
         textAlign,
         textBreakStrategy,
         justificationMode);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextView.java
index 83bacaafb9ea60..cf50efcbfa1a0a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextView.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextView.java
@@ -7,8 +7,6 @@
 
 package com.facebook.react.views.text;
 
-import static com.facebook.react.views.text.TextAttributeProps.UNSET;
-
 import android.content.Context;
 import android.graphics.drawable.Drawable;
 import android.os.Build;
@@ -42,6 +40,9 @@
 import com.facebook.react.uimanager.ViewDefaults;
 import com.facebook.react.uimanager.common.UIManagerType;
 import com.facebook.react.uimanager.common.ViewUtil;
+import com.facebook.react.views.text.internal.span.ReactTagSpan;
+import com.facebook.react.views.text.internal.span.TextInlineImageSpan;
+import com.facebook.react.views.text.internal.span.TextInlineViewPlaceholderSpan;
 import com.facebook.react.views.view.ReactViewBackgroundManager;
 import java.util.ArrayList;
 import java.util.Collections;
@@ -52,14 +53,15 @@ public class ReactTextView extends AppCompatTextView implements ReactCompoundVie
   private static final ViewGroup.LayoutParams EMPTY_LAYOUT_PARAMS =
       new ViewGroup.LayoutParams(0, 0);
 
+  // https://github.com/aosp-mirror/platform_frameworks_base/blob/master/core/java/android/widget/TextView.java#L854
+  private static final int DEFAULT_GRAVITY = Gravity.TOP | Gravity.START;
+
   private boolean mContainsImages;
-  private final int mDefaultGravityHorizontal;
-  private final int mDefaultGravityVertical;
   private int mNumberOfLines;
   private TextUtils.TruncateAt mEllipsizeLocation;
   private boolean mAdjustsFontSizeToFit;
-  private float mFontSize = Float.NaN;
-  private float mLetterSpacing = Float.NaN;
+  private float mFontSize;
+  private float mLetterSpacing;
   private int mLinkifyMaskType;
   private boolean mNotifyOnInlineViewLayout;
   private boolean mTextIsSelectable;
@@ -69,11 +71,6 @@ public class ReactTextView extends AppCompatTextView implements ReactCompoundVie
 
   public ReactTextView(Context context) {
     super(context);
-
-    // Get these defaults only during the constructor - these should never be set otherwise
-    mDefaultGravityHorizontal = getGravityHorizontal();
-    mDefaultGravityVertical = getGravity() & Gravity.VERTICAL_GRAVITY_MASK;
-
     initView();
   }
 
@@ -96,6 +93,8 @@ private void initView() {
     mNotifyOnInlineViewLayout = false;
     mTextIsSelectable = false;
     mEllipsizeLocation = TextUtils.TruncateAt.END;
+    mFontSize = Float.NaN;
+    mLetterSpacing = 0.f;
 
     mSpanned = null;
   }
@@ -115,10 +114,10 @@ private void initView() {
     // reset text
     setLayoutParams(EMPTY_LAYOUT_PARAMS);
     super.setText(null);
+    applyTextAttributes();
 
     // Call setters to ensure that any super setters are called
-    setGravityHorizontal(mDefaultGravityHorizontal);
-    setGravityVertical(mDefaultGravityVertical);
+    setGravity(DEFAULT_GRAVITY);
     setNumberOfLines(mNumberOfLines);
     setAdjustFontSizeToFit(mAdjustsFontSizeToFit);
     setLinkifyMask(mLinkifyMaskType);
@@ -378,10 +377,10 @@ public void setText(ReactTextUpdate update) {
     // In Fabric padding is set by the update of Layout Metrics and not as part of the "setText"
     // operation
     // TODO T56559197: remove this condition when we migrate 100% to Fabric
-    if (paddingLeft != UNSET
-        && paddingTop != UNSET
-        && paddingRight != UNSET
-        && paddingBottom != UNSET) {
+    if (paddingLeft != ReactConstants.UNSET
+        && paddingTop != ReactConstants.UNSET
+        && paddingRight != ReactConstants.UNSET
+        && paddingBottom != ReactConstants.UNSET) {
 
       setPadding(
           (int) Math.floor(paddingLeft),
@@ -555,7 +554,9 @@ public boolean hasOverlappingRendering() {
 
   /* package */ void setGravityHorizontal(int gravityHorizontal) {
     if (gravityHorizontal == 0) {
-      gravityHorizontal = mDefaultGravityHorizontal;
+      gravityHorizontal =
+          DEFAULT_GRAVITY
+              & (Gravity.HORIZONTAL_GRAVITY_MASK | Gravity.RELATIVE_HORIZONTAL_GRAVITY_MASK);
     }
     setGravity(
         (getGravity()
@@ -566,7 +567,7 @@ public boolean hasOverlappingRendering() {
 
   /* package */ void setGravityVertical(int gravityVertical) {
     if (gravityVertical == 0) {
-      gravityVertical = mDefaultGravityVertical;
+      gravityVertical = DEFAULT_GRAVITY & Gravity.VERTICAL_GRAVITY_MASK;
     }
     setGravity((getGravity() & ~Gravity.VERTICAL_GRAVITY_MASK) | gravityVertical);
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextViewManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextViewManager.java
index 705223f832d4c8..de2f290935549f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextViewManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextViewManager.java
@@ -25,6 +25,8 @@
 import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.ThemedReactContext;
 import com.facebook.react.uimanager.ViewProps;
+import com.facebook.react.views.text.internal.span.ReactClickableSpan;
+import com.facebook.react.views.text.internal.span.TextInlineImageSpan;
 import com.facebook.yoga.YogaMeasureMode;
 import java.util.HashMap;
 import java.util.Map;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTypefaceUtils.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTypefaceUtils.java
index 64fe5e36c0eb0d..061db50fcf0d59 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTypefaceUtils.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTypefaceUtils.java
@@ -13,6 +13,7 @@
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.ReadableArray;
+import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.assets.ReactFontManager;
 import java.util.ArrayList;
 import java.util.List;
@@ -45,7 +46,7 @@ public static int parseFontWeight(@Nullable String fontWeightString) {
           return 900;
       }
     }
-    return ReactFontManager.TypefaceStyle.UNSET;
+    return ReactConstants.UNSET;
   }
 
   public static int parseFontStyle(@Nullable String fontStyleString) {
@@ -57,7 +58,7 @@ public static int parseFontStyle(@Nullable String fontStyleString) {
         return Typeface.NORMAL;
       }
     }
-    return ReactFontManager.TypefaceStyle.UNSET;
+    return ReactConstants.UNSET;
   }
 
   public static @Nullable String parseFontVariant(@Nullable ReadableArray fontVariantArray) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributeProps.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributeProps.java
index 09bddc6ea292c5..25791e00679b34 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributeProps.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributeProps.java
@@ -12,6 +12,7 @@
 import android.text.TextUtils;
 import android.util.LayoutDirection;
 import android.view.Gravity;
+import androidx.annotation.NonNull;
 import androidx.annotation.Nullable;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.bridge.ReadableArray;
@@ -30,7 +31,7 @@
 // TODO: T63643819 refactor naming of TextAttributeProps to make explicit that this represents
 // TextAttributes and not TextProps. As part of this refactor extract methods that don't belong to
 // TextAttributeProps (e.g. TextAlign)
-public class TextAttributeProps {
+public class TextAttributeProps implements EffectiveTextAttributeProvider {
 
   // constants for Text Attributes serialization
   public static final short TA_KEY_FOREGROUND_COLOR = 0;
@@ -59,8 +60,7 @@ public class TextAttributeProps {
   public static final short TA_KEY_ACCESSIBILITY_ROLE = 24;
   public static final short TA_KEY_LINE_BREAK_STRATEGY = 25;
   public static final short TA_KEY_ROLE = 26;
-
-  public static final int UNSET = -1;
+  public static final short TA_KEY_TEXT_TRANSFORM = 27;
 
   private static final String PROP_SHADOW_OFFSET = "textShadowOffset";
   private static final String PROP_SHADOW_OFFSET_WIDTH = "width";
@@ -83,17 +83,17 @@ public class TextAttributeProps {
   protected boolean mIsBackgroundColorSet = false;
   protected int mBackgroundColor;
 
-  protected int mNumberOfLines = UNSET;
-  protected int mFontSize = UNSET;
-  protected float mFontSizeInput = UNSET;
-  protected float mLineHeightInput = UNSET;
+  protected int mNumberOfLines = ReactConstants.UNSET;
+  protected int mFontSize = ReactConstants.UNSET;
+  protected float mFontSizeInput = ReactConstants.UNSET;
+  protected float mLineHeightInput = ReactConstants.UNSET;
   protected float mLetterSpacingInput = Float.NaN;
   protected int mTextAlign = Gravity.NO_GRAVITY;
 
-  // `UNSET` is -1 and is the same as `LayoutDirection.UNDEFINED` but the symbol isn't available.
-  protected int mLayoutDirection = UNSET;
+  // `ReactConstants.UNSET` is -1, same as `LayoutDirection.UNDEFINED` (which is a hidden symbol)
+  protected int mLayoutDirection = ReactConstants.UNSET;
 
-  protected TextTransform mTextTransform = TextTransform.NONE;
+  @NonNull protected TextTransform mTextTransform = TextTransform.NONE;
 
   protected float mTextShadowOffsetDx = 0;
   protected float mTextShadowOffsetDy = 0;
@@ -107,8 +107,8 @@ public class TextAttributeProps {
   protected @Nullable AccessibilityRole mAccessibilityRole = null;
   protected @Nullable Role mRole = null;
 
-  protected int mFontStyle = UNSET;
-  protected int mFontWeight = UNSET;
+  protected int mFontStyle = ReactConstants.UNSET;
+  protected int mFontWeight = ReactConstants.UNSET;
   /**
    * NB: If a font family is used that does not have a style in a certain Android version (ie.
    * monospace bold pre Android 5.0), that style (ie. bold) will not be inherited by nested Text
@@ -217,6 +217,9 @@ public static TextAttributeProps fromMapBuffer(MapBuffer props) {
         case TA_KEY_ROLE:
           result.setRole(Role.values()[entry.getIntValue()]);
           break;
+        case TA_KEY_TEXT_TRANSFORM:
+          result.setTextTransform(entry.getStringValue());
+          break;
       }
     }
 
@@ -224,17 +227,16 @@ public static TextAttributeProps fromMapBuffer(MapBuffer props) {
     // setNumberOfLines
     // setColor
     // setIncludeFontPadding
-    // setTextTransform
     return result;
   }
 
   public static TextAttributeProps fromReadableMap(ReactStylesDiffMap props) {
     TextAttributeProps result = new TextAttributeProps();
-    result.setNumberOfLines(getIntProp(props, ViewProps.NUMBER_OF_LINES, UNSET));
-    result.setLineHeight(getFloatProp(props, ViewProps.LINE_HEIGHT, UNSET));
+    result.setNumberOfLines(getIntProp(props, ViewProps.NUMBER_OF_LINES, ReactConstants.UNSET));
+    result.setLineHeight(getFloatProp(props, ViewProps.LINE_HEIGHT, ReactConstants.UNSET));
     result.setLetterSpacing(getFloatProp(props, ViewProps.LETTER_SPACING, Float.NaN));
     result.setAllowFontScaling(getBooleanProp(props, ViewProps.ALLOW_FONT_SCALING, true));
-    result.setFontSize(getFloatProp(props, ViewProps.FONT_SIZE, UNSET));
+    result.setFontSize(getFloatProp(props, ViewProps.FONT_SIZE, ReactConstants.UNSET));
     result.setColor(props.hasKey(ViewProps.COLOR) ? props.getInt(ViewProps.COLOR, 0) : null);
     result.setColor(
         props.hasKey(ViewProps.FOREGROUND_COLOR)
@@ -340,6 +342,7 @@ private static float getFloatProp(ReactStylesDiffMap mProps, String name, float
 
   // Returns a line height which takes into account the requested line height
   // and the height of the inline images.
+  @Override
   public float getEffectiveLineHeight() {
     boolean useInlineViewHeight =
         !Float.isNaN(mLineHeight)
@@ -349,12 +352,12 @@ public float getEffectiveLineHeight() {
   }
 
   private void setNumberOfLines(int numberOfLines) {
-    mNumberOfLines = numberOfLines == 0 ? UNSET : numberOfLines;
+    mNumberOfLines = numberOfLines == 0 ? ReactConstants.UNSET : numberOfLines;
   }
 
   private void setLineHeight(float lineHeight) {
     mLineHeightInput = lineHeight;
-    if (lineHeight == UNSET) {
+    if (lineHeight == ReactConstants.UNSET) {
       mLineHeight = Float.NaN;
     } else {
       mLineHeight =
@@ -368,6 +371,12 @@ private void setLetterSpacing(float letterSpacing) {
     mLetterSpacingInput = letterSpacing;
   }
 
+  @Override
+  @NonNull
+  public TextTransform getTextTransform() {
+    return mTextTransform;
+  }
+
   public float getLetterSpacing() {
     float letterSpacingPixels =
         mAllowFontScaling
@@ -383,6 +392,16 @@ public float getLetterSpacing() {
     return letterSpacingPixels / mFontSize;
   }
 
+  @Override
+  public float getEffectiveLetterSpacing() {
+    return getLetterSpacing();
+  }
+
+  @Override
+  public int getEffectiveFontSize() {
+    return mFontSize;
+  }
+
   private void setAllowFontScaling(boolean allowFontScaling) {
     if (allowFontScaling != mAllowFontScaling) {
       mAllowFontScaling = allowFontScaling;
@@ -394,7 +413,7 @@ private void setAllowFontScaling(boolean allowFontScaling) {
 
   private void setFontSize(float fontSize) {
     mFontSizeInput = fontSize;
-    if (fontSize != UNSET) {
+    if (fontSize != ReactConstants.UNSET) {
       fontSize =
           mAllowFontScaling
               ? (float) Math.ceil(PixelUtil.toPixelFromSP(fontSize))
@@ -403,6 +422,11 @@ private void setFontSize(float fontSize) {
     mFontSize = (int) fontSize;
   }
 
+  @Override
+  public int getColor() {
+    return mColor;
+  }
+
   private void setColor(@Nullable Integer color) {
     mIsColorSet = (color != null);
     if (mIsColorSet) {
@@ -410,6 +434,16 @@ private void setColor(@Nullable Integer color) {
     }
   }
 
+  @Override
+  public boolean isColorSet() {
+    return mIsColorSet;
+  }
+
+  @Override
+  public int getBackgroundColor() {
+    return mBackgroundColor;
+  }
+
   private void setBackgroundColor(Integer color) {
     // TODO: Don't apply background color to anchor TextView since it will be applied on the View
     // directly
@@ -421,6 +455,21 @@ private void setBackgroundColor(Integer color) {
     // }
   }
 
+  @Override
+  public boolean isBackgroundColorSet() {
+    return mIsBackgroundColorSet;
+  }
+
+  @Override
+  public int getFontStyle() {
+    return mFontStyle;
+  }
+
+  @Override
+  public String getFontFamily() {
+    return mFontFamily;
+  }
+
   private void setFontFamily(@Nullable String fontFamily) {
     mFontFamily = fontFamily;
   }
@@ -523,6 +572,16 @@ private void setFontVariant(@Nullable MapBuffer fontVariant) {
     mFontFeatureSettings = TextUtils.join(", ", features);
   }
 
+  @Override
+  public String getFontFeatureSettings() {
+    return mFontFeatureSettings;
+  }
+
+  @Override
+  public int getFontWeight() {
+    return mFontWeight;
+  }
+
   private void setFontWeight(@Nullable String fontWeightString) {
     mFontWeight = ReactTypefaceUtils.parseFontWeight(fontWeightString);
   }
@@ -549,6 +608,16 @@ private void setTextDecorationLine(@Nullable String textDecorationLineString) {
     }
   }
 
+  @Override
+  public boolean isUnderlineTextDecorationSet() {
+    return mIsUnderlineTextDecorationSet;
+  }
+
+  @Override
+  public boolean isLineThroughTextDecorationSet() {
+    return mIsLineThroughTextDecorationSet;
+  }
+
   private void setTextShadowOffset(ReadableMap offsetMap) {
     mTextShadowOffsetDx = 0;
     mTextShadowOffsetDy = 0;
@@ -567,10 +636,20 @@ private void setTextShadowOffset(ReadableMap offsetMap) {
     }
   }
 
+  @Override
+  public float getTextShadowOffsetDx() {
+    return mTextShadowOffsetDx;
+  }
+
   private void setTextShadowOffsetDx(float dx) {
     mTextShadowOffsetDx = PixelUtil.toPixelFromDIP(dx);
   }
 
+  @Override
+  public float getTextShadowOffsetDy() {
+    return mTextShadowOffsetDy;
+  }
+
   private void setTextShadowOffsetDy(float dy) {
     mTextShadowOffsetDy = PixelUtil.toPixelFromDIP(dy);
   }
@@ -578,14 +657,14 @@ private void setTextShadowOffsetDy(float dy) {
   public static int getLayoutDirection(@Nullable String layoutDirection) {
     int androidLayoutDirection;
     if (layoutDirection == null || "undefined".equals(layoutDirection)) {
-      androidLayoutDirection = UNSET;
+      androidLayoutDirection = ReactConstants.UNSET;
     } else if ("rtl".equals(layoutDirection)) {
       androidLayoutDirection = LayoutDirection.RTL;
     } else if ("ltr".equals(layoutDirection)) {
       androidLayoutDirection = LayoutDirection.LTR;
     } else {
       FLog.w(ReactConstants.TAG, "Invalid layoutDirection: " + layoutDirection);
-      androidLayoutDirection = UNSET;
+      androidLayoutDirection = ReactConstants.UNSET;
     }
     return androidLayoutDirection;
   }
@@ -594,12 +673,22 @@ private void setLayoutDirection(@Nullable String layoutDirection) {
     mLayoutDirection = getLayoutDirection(layoutDirection);
   }
 
+  @Override
+  public float getTextShadowRadius() {
+    return mTextShadowRadius;
+  }
+
   private void setTextShadowRadius(float textShadowRadius) {
     if (textShadowRadius != mTextShadowRadius) {
       mTextShadowRadius = textShadowRadius;
     }
   }
 
+  @Override
+  public int getTextShadowColor() {
+    return mTextShadowColor;
+  }
+
   private void setTextShadowColor(int textShadowColor) {
     if (textShadowColor != mTextShadowColor) {
       mTextShadowColor = textShadowColor;
@@ -621,6 +710,11 @@ private void setTextTransform(@Nullable String textTransform) {
     }
   }
 
+  @Override
+  public AccessibilityRole getAccessibilityRole() {
+    return mAccessibilityRole;
+  }
+
   private void setAccessibilityRole(@Nullable String accessibilityRole) {
     if (accessibilityRole == null) {
       mAccessibilityRole = null;
@@ -629,6 +723,12 @@ private void setAccessibilityRole(@Nullable String accessibilityRole) {
     }
   }
 
+  @Nullable
+  @Override
+  public Role getRole() {
+    return mRole;
+  }
+
   private void setRole(@Nullable String role) {
     if (role == null) {
       mRole = null;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributes.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributes.java
index 8d54a23bbdf6ac..de72c0e3914efd 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributes.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextAttributes.java
@@ -7,6 +7,7 @@
 
 package com.facebook.react.views.text;
 
+import androidx.annotation.NonNull;
 import com.facebook.common.logging.FLog;
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.uimanager.PixelUtil;
@@ -29,7 +30,8 @@ public class TextAttributes {
   private float mLetterSpacing = Float.NaN;
   private float mMaxFontSizeMultiplier = Float.NaN;
   private float mHeightOfTallestInlineViewOrImage = Float.NaN;
-  private TextTransform mTextTransform = TextTransform.UNSET;
+
+  @NonNull private TextTransform mTextTransform = TextTransform.UNSET;
 
   public TextAttributes() {}
 
@@ -118,7 +120,7 @@ public TextTransform getTextTransform() {
     return mTextTransform;
   }
 
-  public void setTextTransform(TextTransform textTransform) {
+  public void setTextTransform(@NonNull TextTransform textTransform) {
     mTextTransform = textTransform;
   }
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManager.java
index 93eda5d06b3866..b912f89e13eef7 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManager.java
@@ -7,8 +7,6 @@
 
 package com.facebook.react.views.text;
 
-import static com.facebook.react.views.text.TextAttributeProps.UNSET;
-
 import android.content.Context;
 import android.graphics.Color;
 import android.os.Build;
@@ -31,12 +29,28 @@
 import com.facebook.react.bridge.ReadableMap;
 import com.facebook.react.bridge.ReadableNativeMap;
 import com.facebook.react.bridge.WritableArray;
+import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.build.ReactBuildConfig;
+import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ReactAccessibilityDelegate.AccessibilityRole;
 import com.facebook.react.uimanager.ReactAccessibilityDelegate.Role;
 import com.facebook.react.uimanager.ReactStylesDiffMap;
 import com.facebook.react.uimanager.ViewProps;
+import com.facebook.react.views.text.fragments.BridgeTextFragmentList;
+import com.facebook.react.views.text.internal.span.CustomLetterSpacingSpan;
+import com.facebook.react.views.text.internal.span.CustomLineHeightSpan;
+import com.facebook.react.views.text.internal.span.CustomStyleSpan;
+import com.facebook.react.views.text.internal.span.ReactAbsoluteSizeSpan;
+import com.facebook.react.views.text.internal.span.ReactBackgroundColorSpan;
+import com.facebook.react.views.text.internal.span.ReactClickableSpan;
+import com.facebook.react.views.text.internal.span.ReactForegroundColorSpan;
+import com.facebook.react.views.text.internal.span.ReactStrikethroughSpan;
+import com.facebook.react.views.text.internal.span.ReactTagSpan;
+import com.facebook.react.views.text.internal.span.ReactUnderlineSpan;
+import com.facebook.react.views.text.internal.span.SetSpanOperation;
+import com.facebook.react.views.text.internal.span.ShadowStyleSpan;
+import com.facebook.react.views.text.internal.span.TextInlineViewPlaceholderSpan;
 import com.facebook.yoga.YogaConstants;
 import com.facebook.yoga.YogaMeasureMode;
 import com.facebook.yoga.YogaMeasureOutput;
@@ -99,7 +113,19 @@ public static void deleteCachedSpannableForTag(int reactTag) {
     sTagToSpannableCache.remove(reactTag);
   }
 
-  private static void buildSpannableFromFragment(
+  private static void buildSpannableFromFragments(
+      Context context,
+      ReadableArray fragments,
+      SpannableStringBuilder sb,
+      List<SetSpanOperation> ops) {
+    if (ReactNativeFeatureFlags.enableSpannableBuildingUnification()) {
+      buildSpannableFromFragmentsUnified(context, fragments, sb, ops);
+    } else {
+      buildSpannableFromFragmentsDuplicated(context, fragments, sb, ops);
+    }
+  }
+
+  private static void buildSpannableFromFragmentsDuplicated(
       Context context,
       ReadableArray fragments,
       SpannableStringBuilder sb,
@@ -152,8 +178,8 @@ private static void buildSpannableFromFragment(
         }
         ops.add(
             new SetSpanOperation(start, end, new ReactAbsoluteSizeSpan(textAttributes.mFontSize)));
-        if (textAttributes.mFontStyle != UNSET
-            || textAttributes.mFontWeight != UNSET
+        if (textAttributes.mFontStyle != ReactConstants.UNSET
+            || textAttributes.mFontWeight != ReactConstants.UNSET
             || textAttributes.mFontFamily != null) {
           ops.add(
               new SetSpanOperation(
@@ -197,6 +223,17 @@ private static void buildSpannableFromFragment(
     }
   }
 
+  private static void buildSpannableFromFragmentsUnified(
+      Context context,
+      ReadableArray fragments,
+      SpannableStringBuilder sb,
+      List<SetSpanOperation> ops) {
+
+    final BridgeTextFragmentList textFragmentList = new BridgeTextFragmentList(fragments);
+
+    TextLayoutUtils.buildSpannableFromTextFragmentList(context, textFragmentList, sb, ops);
+  }
+
   // public because both ReactTextViewManager and ReactTextInputManager need to use this
   public static Spannable getOrCreateSpannableForText(
       Context context,
@@ -219,7 +256,7 @@ private static Spannable createSpannableFromAttributedString(
     // a new spannable will be wiped out
     List<SetSpanOperation> ops = new ArrayList<>();
 
-    buildSpannableFromFragment(context, attributedString.getArray("fragments"), sb, ops);
+    buildSpannableFromFragments(context, attributedString.getArray("fragments"), sb, ops);
 
     // TODO T31905686: add support for inline Images
     // While setting the Spans on the final text, we also check whether any of them are images.
@@ -368,10 +405,10 @@ public static long measureText(
     int maximumNumberOfLines =
         paragraphAttributes.hasKey(MAXIMUM_NUMBER_OF_LINES_KEY)
             ? paragraphAttributes.getInt(MAXIMUM_NUMBER_OF_LINES_KEY)
-            : UNSET;
+            : ReactConstants.UNSET;
 
     int calculatedLineCount =
-        maximumNumberOfLines == UNSET || maximumNumberOfLines == 0
+        maximumNumberOfLines == ReactConstants.UNSET || maximumNumberOfLines == 0
             ? layout.getLineCount()
             : Math.min(maximumNumberOfLines, layout.getLineCount());
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManagerMapBuffer.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManagerMapBuffer.java
index 60ef5f2e28de9d..a44e3d1c06ea0b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManagerMapBuffer.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutManagerMapBuffer.java
@@ -8,7 +8,6 @@
 package com.facebook.react.views.text;
 
 import static com.facebook.react.config.ReactFeatureFlags.enableTextSpannableCache;
-import static com.facebook.react.views.text.TextAttributeProps.UNSET;
 
 import android.content.Context;
 import android.graphics.Color;
@@ -29,12 +28,28 @@
 import com.facebook.react.bridge.ReactNoCrashSoftException;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
 import com.facebook.react.bridge.WritableArray;
+import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.build.ReactBuildConfig;
 import com.facebook.react.common.mapbuffer.MapBuffer;
 import com.facebook.react.common.mapbuffer.ReadableMapBuffer;
+import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.uimanager.ReactAccessibilityDelegate.AccessibilityRole;
 import com.facebook.react.uimanager.ReactAccessibilityDelegate.Role;
+import com.facebook.react.views.text.fragments.MapBufferTextFragmentList;
+import com.facebook.react.views.text.internal.span.CustomLetterSpacingSpan;
+import com.facebook.react.views.text.internal.span.CustomLineHeightSpan;
+import com.facebook.react.views.text.internal.span.CustomStyleSpan;
+import com.facebook.react.views.text.internal.span.ReactAbsoluteSizeSpan;
+import com.facebook.react.views.text.internal.span.ReactBackgroundColorSpan;
+import com.facebook.react.views.text.internal.span.ReactClickableSpan;
+import com.facebook.react.views.text.internal.span.ReactForegroundColorSpan;
+import com.facebook.react.views.text.internal.span.ReactStrikethroughSpan;
+import com.facebook.react.views.text.internal.span.ReactTagSpan;
+import com.facebook.react.views.text.internal.span.ReactUnderlineSpan;
+import com.facebook.react.views.text.internal.span.SetSpanOperation;
+import com.facebook.react.views.text.internal.span.ShadowStyleSpan;
+import com.facebook.react.views.text.internal.span.TextInlineViewPlaceholderSpan;
 import com.facebook.yoga.YogaConstants;
 import com.facebook.yoga.YogaMeasureMode;
 import com.facebook.yoga.YogaMeasureOutput;
@@ -111,7 +126,7 @@ public static boolean isRTL(MapBuffer attributedString) {
       return false;
     }
 
-    MapBuffer fragment = fragments.getMapBuffer((short) 0);
+    MapBuffer fragment = fragments.getMapBuffer(0);
     MapBuffer textAttributes = fragment.getMapBuffer(FR_KEY_TEXT_ATTRIBUTES);
 
     if (!textAttributes.contains(TextAttributeProps.TA_KEY_LAYOUT_DIRECTION)) {
@@ -123,7 +138,16 @@ public static boolean isRTL(MapBuffer attributedString) {
         == LayoutDirection.RTL;
   }
 
-  private static void buildSpannableFromFragment(
+  private static void buildSpannableFromFragments(
+      Context context, MapBuffer fragments, SpannableStringBuilder sb, List<SetSpanOperation> ops) {
+    if (ReactNativeFeatureFlags.enableSpannableBuildingUnification()) {
+      buildSpannableFromFragmentsUnified(context, fragments, sb, ops);
+    } else {
+      buildSpannableFromFragmentsDuplicated(context, fragments, sb, ops);
+    }
+  }
+
+  private static void buildSpannableFromFragmentsDuplicated(
       Context context, MapBuffer fragments, SpannableStringBuilder sb, List<SetSpanOperation> ops) {
 
     for (int i = 0, length = fragments.getCount(); i < length; i++) {
@@ -172,8 +196,8 @@ private static void buildSpannableFromFragment(
         }
         ops.add(
             new SetSpanOperation(start, end, new ReactAbsoluteSizeSpan(textAttributes.mFontSize)));
-        if (textAttributes.mFontStyle != UNSET
-            || textAttributes.mFontWeight != UNSET
+        if (textAttributes.mFontStyle != ReactConstants.UNSET
+            || textAttributes.mFontWeight != ReactConstants.UNSET
             || textAttributes.mFontFamily != null) {
           ops.add(
               new SetSpanOperation(
@@ -217,6 +241,14 @@ private static void buildSpannableFromFragment(
     }
   }
 
+  private static void buildSpannableFromFragmentsUnified(
+      Context context, MapBuffer fragments, SpannableStringBuilder sb, List<SetSpanOperation> ops) {
+
+    final MapBufferTextFragmentList textFragmentList = new MapBufferTextFragmentList(fragments);
+
+    TextLayoutUtils.buildSpannableFromTextFragmentList(context, textFragmentList, sb, ops);
+  }
+
   // public because both ReactTextViewManager and ReactTextInputManager need to use this
   public static Spannable getOrCreateSpannableForText(
       Context context,
@@ -260,7 +292,7 @@ private static Spannable createSpannableFromAttributedString(
     // a new spannable will be wiped out
     List<SetSpanOperation> ops = new ArrayList<>();
 
-    buildSpannableFromFragment(context, attributedString.getMapBuffer(AS_KEY_FRAGMENTS), sb, ops);
+    buildSpannableFromFragments(context, attributedString.getMapBuffer(AS_KEY_FRAGMENTS), sb, ops);
 
     // TODO T31905686: add support for inline Images
     // While setting the Spans on the final text, we also check whether any of them are images.
@@ -390,10 +422,10 @@ public static long measureText(
     int maximumNumberOfLines =
         paragraphAttributes.contains(PA_KEY_MAX_NUMBER_OF_LINES)
             ? paragraphAttributes.getInt(PA_KEY_MAX_NUMBER_OF_LINES)
-            : UNSET;
+            : ReactConstants.UNSET;
 
     int calculatedLineCount =
-        maximumNumberOfLines == UNSET || maximumNumberOfLines == 0
+        maximumNumberOfLines == ReactConstants.UNSET || maximumNumberOfLines == 0
             ? layout.getLineCount()
             : Math.min(maximumNumberOfLines, layout.getLineCount());
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutUtils.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutUtils.kt
new file mode 100644
index 00000000000000..e72afed9458222
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextLayoutUtils.kt
@@ -0,0 +1,379 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.text
+
+import android.content.Context
+import android.graphics.Color
+import android.text.Spannable
+import android.text.SpannableStringBuilder
+import android.view.View
+import com.facebook.react.common.ReactConstants
+import com.facebook.react.uimanager.PixelUtil
+import com.facebook.react.uimanager.ReactAccessibilityDelegate
+import com.facebook.react.views.text.fragments.TextFragment
+import com.facebook.react.views.text.fragments.TextFragmentList
+import com.facebook.react.views.text.internal.span.CustomLetterSpacingSpan
+import com.facebook.react.views.text.internal.span.CustomLineHeightSpan
+import com.facebook.react.views.text.internal.span.CustomStyleSpan
+import com.facebook.react.views.text.internal.span.ReactAbsoluteSizeSpan
+import com.facebook.react.views.text.internal.span.ReactBackgroundColorSpan
+import com.facebook.react.views.text.internal.span.ReactClickableSpan
+import com.facebook.react.views.text.internal.span.ReactForegroundColorSpan
+import com.facebook.react.views.text.internal.span.ReactStrikethroughSpan
+import com.facebook.react.views.text.internal.span.ReactTagSpan
+import com.facebook.react.views.text.internal.span.ReactUnderlineSpan
+import com.facebook.react.views.text.internal.span.SetSpanOperation
+import com.facebook.react.views.text.internal.span.ShadowStyleSpan
+import com.facebook.react.views.text.internal.span.TextInlineViewPlaceholderSpan
+
+/** Utility methods for building [Spannable]s */
+internal object TextLayoutUtils {
+  private const val INLINE_VIEW_PLACEHOLDER = "0"
+
+  @JvmStatic
+  fun buildSpannableFromTextFragmentList(
+      context: Context,
+      textFragmentList: TextFragmentList,
+      sb: SpannableStringBuilder,
+      ops: MutableList<SetSpanOperation>,
+  ) {
+    for (i in 0 until textFragmentList.count) {
+      val fragment = textFragmentList.getFragment(i)
+
+      addApplicableFragmentSpans(
+          context = context,
+          fragment = fragment,
+          sb = sb,
+          ops = ops,
+      )
+    }
+  }
+
+  private fun addApplicableFragmentSpans(
+      context: Context,
+      fragment: TextFragment,
+      sb: SpannableStringBuilder,
+      ops: MutableList<SetSpanOperation>,
+  ) {
+    val start = sb.length
+
+    // ReactRawText
+    val textAttributes = fragment.textAttributeProps
+
+    addText(sb, fragment.string, textAttributes)
+
+    val end = sb.length
+    val reactTag = if (fragment.hasReactTag()) fragment.reactTag else View.NO_ID
+    if (fragment.hasIsAttachment() && fragment.isAttachment) {
+      val width = PixelUtil.toPixelFromSP(fragment.width)
+      val height = PixelUtil.toPixelFromSP(fragment.height)
+
+      addInlineViewPlaceholderSpan(
+          ops = ops,
+          sb = sb,
+          reactTag = reactTag,
+          width = width,
+          height = height,
+      )
+    } else if (end >= start) {
+      addApplicableTextAttributeSpans(
+          ops = ops,
+          textAttributeProvider = textAttributes,
+          reactTag = reactTag,
+          context = context,
+          start = start,
+          end = end,
+      )
+    }
+  }
+
+  @JvmStatic
+  fun addText(
+      sb: SpannableStringBuilder,
+      text: String?,
+      textAttributeProvider: EffectiveTextAttributeProvider
+  ) {
+    sb.append(TextTransform.apply(text, textAttributeProvider.textTransform))
+  }
+
+  @JvmStatic
+  fun addInlineViewPlaceholderSpan(
+      ops: MutableList<SetSpanOperation>,
+      sb: SpannableStringBuilder,
+      reactTag: Int,
+      width: Float,
+      height: Float
+  ) {
+    ops.add(
+        SetSpanOperation(
+            sb.length - INLINE_VIEW_PLACEHOLDER.length,
+            sb.length,
+            TextInlineViewPlaceholderSpan(reactTag, width.toInt(), height.toInt())))
+  }
+
+  @JvmStatic
+  fun addApplicableTextAttributeSpans(
+      ops: MutableList<SetSpanOperation>,
+      textAttributeProvider: EffectiveTextAttributeProvider,
+      reactTag: Int,
+      context: Context,
+      start: Int,
+      end: Int
+  ) {
+    addColorSpanIfApplicable(
+        ops = ops,
+        textAttributeProvider = textAttributeProvider,
+        start = start,
+        end = end,
+    )
+
+    addBackgroundColorSpanIfApplicable(
+        ops = ops,
+        textAttributeProvider = textAttributeProvider,
+        start = start,
+        end = end,
+    )
+
+    addLinkSpanIfApplicable(
+        ops = ops,
+        textAttributeProvider = textAttributeProvider,
+        reactTag,
+        start = start,
+        end = end,
+    )
+
+    addLetterSpacingSpanIfApplicable(
+        ops = ops,
+        textAttributeProvider = textAttributeProvider,
+        start = start,
+        end = end,
+    )
+
+    addFontSizeSpanIfApplicable(
+        ops = ops,
+        textAttributeProvider = textAttributeProvider,
+        start = start,
+        end = end,
+    )
+
+    addCustomStyleSpanIfApplicable(
+        ops = ops,
+        textAttributeProvider = textAttributeProvider,
+        context,
+        start = start,
+        end = end,
+    )
+
+    addUnderlineSpanIfApplicable(
+        ops = ops,
+        textAttributeProvider = textAttributeProvider,
+        start = start,
+        end = end,
+    )
+
+    addStrikethroughSpanIfApplicable(
+        ops = ops,
+        textAttributeProvider = textAttributeProvider,
+        start = start,
+        end = end,
+    )
+
+    addShadowStyleSpanIfApplicable(
+        ops = ops,
+        textAttributeProvider = textAttributeProvider,
+        start = start,
+        end = end,
+    )
+
+    addLineHeightSpanIfApplicable(
+        ops = ops,
+        textAttributeProvider = textAttributeProvider,
+        start = start,
+        end = end,
+    )
+
+    addReactTagSpan(
+        ops = ops,
+        start = start,
+        end = end,
+        reactTag = reactTag,
+    )
+  }
+
+  @JvmStatic
+  private fun addLinkSpanIfApplicable(
+      ops: MutableList<SetSpanOperation>,
+      textAttributeProvider: EffectiveTextAttributeProvider,
+      reactTag: Int,
+      start: Int,
+      end: Int
+  ) {
+    val roleIsLink =
+        textAttributeProvider.role?.let { it == ReactAccessibilityDelegate.Role.LINK }
+            ?: (textAttributeProvider.accessibilityRole ==
+                ReactAccessibilityDelegate.AccessibilityRole.LINK)
+    if (roleIsLink) {
+      ops.add(SetSpanOperation(start, end, ReactClickableSpan(reactTag)))
+    }
+  }
+
+  @JvmStatic
+  private fun addColorSpanIfApplicable(
+      ops: MutableList<SetSpanOperation>,
+      textAttributeProvider: EffectiveTextAttributeProvider,
+      start: Int,
+      end: Int
+  ) {
+    if (textAttributeProvider.isColorSet) {
+      ops.add(SetSpanOperation(start, end, ReactForegroundColorSpan(textAttributeProvider.color)))
+    }
+  }
+
+  @JvmStatic
+  private fun addBackgroundColorSpanIfApplicable(
+      ops: MutableList<SetSpanOperation>,
+      textAttributeProvider: EffectiveTextAttributeProvider,
+      start: Int,
+      end: Int
+  ) {
+    if (textAttributeProvider.isBackgroundColorSet) {
+      ops.add(
+          SetSpanOperation(
+              start, end, ReactBackgroundColorSpan(textAttributeProvider.backgroundColor)))
+    }
+  }
+
+  @JvmStatic
+  private fun addLetterSpacingSpanIfApplicable(
+      ops: MutableList<SetSpanOperation>,
+      textAttributeProvider: EffectiveTextAttributeProvider,
+      start: Int,
+      end: Int
+  ) {
+    val effectiveLetterSpacing = textAttributeProvider.effectiveLetterSpacing
+
+    if (!effectiveLetterSpacing.isNaN()) {
+      ops.add(SetSpanOperation(start, end, CustomLetterSpacingSpan(effectiveLetterSpacing)))
+    }
+  }
+
+  @JvmStatic
+  private fun addFontSizeSpanIfApplicable(
+      ops: MutableList<SetSpanOperation>,
+      textAttributeProvider: EffectiveTextAttributeProvider,
+      start: Int,
+      end: Int
+  ) {
+    val effectiveFontSize = textAttributeProvider.effectiveFontSize
+
+    if (effectiveFontSize != ReactConstants.UNSET) {
+      ops.add(SetSpanOperation(start, end, ReactAbsoluteSizeSpan(effectiveFontSize)))
+    }
+  }
+
+  @JvmStatic
+  private fun addCustomStyleSpanIfApplicable(
+      ops: MutableList<SetSpanOperation>,
+      textAttributeProvider: EffectiveTextAttributeProvider,
+      context: Context,
+      start: Int,
+      end: Int
+  ) {
+    val fontStyle = textAttributeProvider.fontStyle
+    val fontWeight = textAttributeProvider.fontWeight
+    val fontFamily = textAttributeProvider.fontFamily
+
+    if (fontStyle != ReactConstants.UNSET ||
+        fontWeight != ReactConstants.UNSET ||
+        fontFamily != null) {
+      ops.add(
+          SetSpanOperation(
+              start,
+              end,
+              CustomStyleSpan(
+                  fontStyle,
+                  fontWeight,
+                  textAttributeProvider.fontFeatureSettings,
+                  fontFamily,
+                  context.assets)))
+    }
+  }
+
+  @JvmStatic
+  private fun addUnderlineSpanIfApplicable(
+      ops: MutableList<SetSpanOperation>,
+      textAttributeProvider: EffectiveTextAttributeProvider,
+      start: Int,
+      end: Int
+  ) {
+    if (textAttributeProvider.isUnderlineTextDecorationSet) {
+      ops.add(SetSpanOperation(start, end, ReactUnderlineSpan()))
+    }
+  }
+
+  @JvmStatic
+  private fun addStrikethroughSpanIfApplicable(
+      ops: MutableList<SetSpanOperation>,
+      textAttributeProvider: EffectiveTextAttributeProvider,
+      start: Int,
+      end: Int
+  ) {
+    if (textAttributeProvider.isLineThroughTextDecorationSet) {
+      ops.add(SetSpanOperation(start, end, ReactStrikethroughSpan()))
+    }
+  }
+
+  @JvmStatic
+  private fun addShadowStyleSpanIfApplicable(
+      ops: MutableList<SetSpanOperation>,
+      textAttributeProvider: EffectiveTextAttributeProvider,
+      start: Int,
+      end: Int
+  ) {
+    val hasTextShadowOffset =
+        textAttributeProvider.textShadowOffsetDx != 0f ||
+            textAttributeProvider.textShadowOffsetDy != 0f
+    val hasTextShadowRadius = textAttributeProvider.textShadowRadius != 0f
+    val hasTextShadowColorAlpha = Color.alpha(textAttributeProvider.textShadowColor) != 0
+
+    if ((hasTextShadowOffset || hasTextShadowRadius) && hasTextShadowColorAlpha) {
+      ops.add(
+          SetSpanOperation(
+              start,
+              end,
+              ShadowStyleSpan(
+                  textAttributeProvider.textShadowOffsetDx,
+                  textAttributeProvider.textShadowOffsetDy,
+                  textAttributeProvider.textShadowRadius,
+                  textAttributeProvider.textShadowColor)))
+    }
+  }
+
+  @JvmStatic
+  private fun addLineHeightSpanIfApplicable(
+      ops: MutableList<SetSpanOperation>,
+      textAttributeProvider: EffectiveTextAttributeProvider,
+      start: Int,
+      end: Int
+  ) {
+    val effectiveLineHeight = textAttributeProvider.effectiveLineHeight
+    if (!effectiveLineHeight.isNaN()) {
+      ops.add(SetSpanOperation(start, end, CustomLineHeightSpan(effectiveLineHeight)))
+    }
+  }
+
+  @JvmStatic
+  private fun addReactTagSpan(
+      ops: MutableList<SetSpanOperation>,
+      start: Int,
+      end: Int,
+      reactTag: Int
+  ) {
+    ops.add(SetSpanOperation(start, end, ReactTagSpan(reactTag)))
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextTransform.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextTransform.java
index ad96b7d4437b76..364b52401c8198 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextTransform.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextTransform.java
@@ -7,6 +7,7 @@
 
 package com.facebook.react.views.text;
 
+import androidx.annotation.Nullable;
 import java.text.BreakIterator;
 
 /** Types of text transforms for CustomTextTransformSpan */
@@ -17,7 +18,7 @@ public enum TextTransform {
   CAPITALIZE,
   UNSET;
 
-  public static String apply(String text, TextTransform textTransform) {
+  public static String apply(@Nullable String text, TextTransform textTransform) {
     if (text == null) {
       return null;
     }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/BridgeTextFragment.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/BridgeTextFragment.kt
new file mode 100644
index 00000000000000..53d1105e6ea814
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/BridgeTextFragment.kt
@@ -0,0 +1,39 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.text.fragments
+
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.ReactStylesDiffMap
+import com.facebook.react.uimanager.ViewProps
+import com.facebook.react.views.text.TextAttributeProps
+
+/** A [TextFragment] implementation backed by a a [ReadableMap] */
+internal class BridgeTextFragment(private val fragment: ReadableMap) : TextFragment {
+  override val textAttributeProps: TextAttributeProps
+    get() =
+        TextAttributeProps.fromReadableMap(ReactStylesDiffMap(fragment.getMap("textAttributes")))
+
+  override val string: String?
+    get() = fragment.getString("string")
+
+  override fun hasReactTag(): Boolean = fragment.hasKey("reactTag")
+
+  override val reactTag: Int
+    get() = fragment.getInt("reactTag")
+
+  override fun hasIsAttachment(): Boolean = fragment.hasKey(ViewProps.IS_ATTACHMENT)
+
+  override val isAttachment: Boolean
+    get() = fragment.getBoolean(ViewProps.IS_ATTACHMENT)
+
+  override val width: Double
+    get() = fragment.getDouble(ViewProps.WIDTH)
+
+  override val height: Double
+    get() = fragment.getDouble(ViewProps.HEIGHT)
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/BridgeTextFragmentList.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/BridgeTextFragmentList.kt
new file mode 100644
index 00000000000000..898b91d965b323
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/BridgeTextFragmentList.kt
@@ -0,0 +1,18 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.text.fragments
+
+import com.facebook.react.bridge.ReadableArray
+
+/** A list of [TextFragment]s backed by a [ReadableArray] */
+internal class BridgeTextFragmentList(private val fragments: ReadableArray) : TextFragmentList {
+  override fun getFragment(index: Int): TextFragment = BridgeTextFragment(fragments.getMap(index))
+
+  override val count: Int
+    get() = fragments.size()
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/MapBufferTextFragment.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/MapBufferTextFragment.kt
new file mode 100644
index 00000000000000..ccaf93478c656b
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/MapBufferTextFragment.kt
@@ -0,0 +1,42 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.text.fragments
+
+import com.facebook.react.common.mapbuffer.MapBuffer
+import com.facebook.react.views.text.TextAttributeProps
+import com.facebook.react.views.text.TextLayoutManagerMapBuffer.FR_KEY_HEIGHT
+import com.facebook.react.views.text.TextLayoutManagerMapBuffer.FR_KEY_IS_ATTACHMENT
+import com.facebook.react.views.text.TextLayoutManagerMapBuffer.FR_KEY_REACT_TAG
+import com.facebook.react.views.text.TextLayoutManagerMapBuffer.FR_KEY_STRING
+import com.facebook.react.views.text.TextLayoutManagerMapBuffer.FR_KEY_TEXT_ATTRIBUTES
+import com.facebook.react.views.text.TextLayoutManagerMapBuffer.FR_KEY_WIDTH
+
+/** A [TextFragment] implementation backed by a [MapBuffer] */
+internal class MapBufferTextFragment(private val fragment: MapBuffer) : TextFragment {
+  override val textAttributeProps: TextAttributeProps
+    get() = TextAttributeProps.fromMapBuffer(fragment.getMapBuffer(FR_KEY_TEXT_ATTRIBUTES.toInt()))
+
+  override val string: String
+    get() = fragment.getString(FR_KEY_STRING.toInt())
+
+  override fun hasReactTag(): Boolean = fragment.contains(FR_KEY_REACT_TAG.toInt())
+
+  override val reactTag: Int
+    get() = fragment.getInt(FR_KEY_REACT_TAG.toInt())
+
+  override fun hasIsAttachment(): Boolean = fragment.contains(FR_KEY_IS_ATTACHMENT.toInt())
+
+  override val isAttachment: Boolean
+    get() = fragment.getBoolean(FR_KEY_IS_ATTACHMENT.toInt())
+
+  override val width: Double
+    get() = fragment.getDouble(FR_KEY_WIDTH.toInt())
+
+  override val height: Double
+    get() = fragment.getDouble(FR_KEY_HEIGHT.toInt())
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/MapBufferTextFragmentList.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/MapBufferTextFragmentList.kt
new file mode 100644
index 00000000000000..d6816e04df9eea
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/MapBufferTextFragmentList.kt
@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.text.fragments
+
+import com.facebook.react.common.mapbuffer.MapBuffer
+
+/** A list of [TextFragment]s backed by a [MapBuffer] */
+internal class MapBufferTextFragmentList(private val fragments: MapBuffer) : TextFragmentList {
+  override fun getFragment(index: Int): TextFragment =
+      MapBufferTextFragment(fragments.getMapBuffer(index))
+
+  override val count: Int
+    get() = fragments.count
+}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/TextFragment.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/TextFragment.kt
new file mode 100644
index 00000000000000..b1692809499cf7
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/TextFragment.kt
@@ -0,0 +1,29 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.views.text.fragments
+
+import com.facebook.react.views.text.TextAttributeProps
+
+/** Interface for a text fragment */
+internal interface TextFragment {
+  val textAttributeProps: TextAttributeProps
+
+  val string: String?
+
+  fun hasReactTag(): Boolean
+
+  val reactTag: Int
+
+  fun hasIsAttachment(): Boolean
+
+  val isAttachment: Boolean
+
+  val width: Double
+
+  val height: Double
+}
diff --git a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/IdleWaiter.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/TextFragmentList.kt
similarity index 50%
rename from packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/IdleWaiter.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/TextFragmentList.kt
index 89cbf73d986bec..84488da8448f23 100644
--- a/packages/react-native/ReactAndroid/src/androidTest/java/com/facebook/react/testing/idledetection/IdleWaiter.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/fragments/TextFragmentList.kt
@@ -5,10 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.testing.idledetection;
+package com.facebook.react.views.text.fragments
 
-/** Interface for something that knows how to wait for bridge and UI idle. */
-public interface IdleWaiter {
+/** Interface for a list of [TextFragment]s */
+internal interface TextFragmentList {
+  fun getFragment(index: Int): TextFragment
 
-  void waitForBridgeAndUIIdle();
+  val count: Int
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java
index 7891aee93a030c..a512b20833caca 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageShadowNode.java
@@ -21,8 +21,8 @@
 import com.facebook.react.common.ReactConstants;
 import com.facebook.react.uimanager.ViewProps;
 import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.views.text.ReactTextInlineImageShadowNode;
-import com.facebook.react.views.text.TextInlineImageSpan;
+import com.facebook.react.views.text.internal.ReactTextInlineImageShadowNode;
+import com.facebook.react.views.text.internal.span.TextInlineImageSpan;
 import com.facebook.yoga.YogaConstants;
 import java.util.Locale;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java
index 3dfe989cd3c96c..2f3cf1cc3daa82 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/frescosupport/FrescoBasedReactTextInlineImageSpan.java
@@ -27,7 +27,7 @@
 import com.facebook.react.modules.fresco.ReactNetworkImageRequest;
 import com.facebook.react.uimanager.PixelUtil;
 import com.facebook.react.views.image.ImageResizeMode;
-import com.facebook.react.views.text.TextInlineImageSpan;
+import com.facebook.react.views.text.internal.span.TextInlineImageSpan;
 
 /**
  * FrescoBasedTextInlineImageSpan is a span for Images that are inside <Text/>. It computes its size
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextInlineImageShadowNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/ReactTextInlineImageShadowNode.java
similarity index 84%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextInlineImageShadowNode.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/ReactTextInlineImageShadowNode.java
index 9e011bade6bffe..dbb409dc06b8ce 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTextInlineImageShadowNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/ReactTextInlineImageShadowNode.java
@@ -5,9 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal;
 
 import com.facebook.react.uimanager.LayoutShadowNode;
+import com.facebook.react.views.text.internal.span.TextInlineImageSpan;
 import com.facebook.yoga.YogaNode;
 
 /** Base class for {@link YogaNode}s that represent inline images. */
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLetterSpacingSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/CustomLetterSpacingSpan.java
similarity index 95%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLetterSpacingSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/CustomLetterSpacingSpan.java
index f037ef1881450f..6de79326400c55 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLetterSpacingSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/CustomLetterSpacingSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.text.TextPaint;
 import android.text.style.MetricAffectingSpan;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLineHeightSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/CustomLineHeightSpan.java
similarity index 86%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLineHeightSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/CustomLineHeightSpan.java
index 46293eb6bcff32..59c7847a58c6f3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomLineHeightSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/CustomLineHeightSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.graphics.Paint;
 import android.text.style.LineHeightSpan;
@@ -18,7 +18,7 @@ public class CustomLineHeightSpan implements LineHeightSpan, ReactSpan {
   private final int mHeight;
 
   public CustomLineHeightSpan(float height) {
-    this.mHeight = (int) Math.ceil(height);
+    mHeight = (int) Math.ceil(height);
   }
 
   public int getLineHeight() {
@@ -54,10 +54,13 @@ public void chooseHeight(
 
       // Round up for the negative values and down for the positive values  (arbitrary choice)
       // So that bottom - top equals additional even if it's an odd number.
-      fm.top -= Math.ceil(additional / 2.0f);
-      fm.bottom += Math.floor(additional / 2.0f);
-      fm.ascent = fm.top;
-      fm.descent = fm.bottom;
+      final int top = (int) (fm.top - Math.ceil(additional / 2.0f));
+      final int bottom = (int) (fm.bottom + Math.floor(additional / 2.0f));
+
+      fm.top = top;
+      fm.ascent = top;
+      fm.descent = bottom;
+      fm.bottom = bottom;
     }
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomStyleSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/CustomStyleSpan.java
similarity index 65%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomStyleSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/CustomStyleSpan.java
index 51fd4dd0149c77..7fa67a06b6279e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/CustomStyleSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/CustomStyleSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.content.res.AssetManager;
 import android.graphics.Paint;
@@ -14,22 +14,23 @@
 import android.text.style.MetricAffectingSpan;
 import androidx.annotation.Nullable;
 import com.facebook.infer.annotation.Nullsafe;
+import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.assets.ReactFontManager;
+import com.facebook.react.views.text.ReactTypefaceUtils;
 
+/**
+ * A {@link MetricAffectingSpan} that allows to change the style of the displayed font.
+ * CustomStyleSpan will try to load the fontFamily with the right style and weight from the assets.
+ * The custom fonts will have to be located in the res/assets folder of the application. The
+ * supported custom fonts extensions are .ttf and .otf. For each font family the bold, italic and
+ * bold_italic variants are supported. Given a "family" font family the files in the assets/fonts
+ * folder need to be family.ttf(.otf) family_bold.ttf(.otf) family_italic.ttf(.otf) and
+ * family_bold_italic.ttf(.otf). If the right font is not found in the assets folder CustomStyleSpan
+ * will fallback on the most appropriate default typeface depending on the style. Fonts are
+ * retrieved and cached using the {@link ReactFontManager}
+ */
 @Nullsafe(Nullsafe.Mode.LOCAL)
 public class CustomStyleSpan extends MetricAffectingSpan implements ReactSpan {
-
-  /**
-   * A {@link MetricAffectingSpan} that allows to change the style of the displayed font.
-   * CustomStyleSpan will try to load the fontFamily with the right style and weight from the
-   * assets. The custom fonts will have to be located in the res/assets folder of the application.
-   * The supported custom fonts extensions are .ttf and .otf. For each font family the bold, italic
-   * and bold_italic variants are supported. Given a "family" font family the files in the
-   * assets/fonts folder need to be family.ttf(.otf) family_bold.ttf(.otf) family_italic.ttf(.otf)
-   * and family_bold_italic.ttf(.otf). If the right font is not found in the assets folder
-   * CustomStyleSpan will fallback on the most appropriate default typeface depending on the style.
-   * Fonts are retrieved and cached using the {@link ReactFontManager}
-   */
   private final AssetManager mAssetManager;
 
   private final int mStyle;
@@ -61,13 +62,11 @@ public void updateMeasureState(TextPaint paint) {
   }
 
   public int getStyle() {
-    return mStyle == ReactFontManager.TypefaceStyle.UNSET ? Typeface.NORMAL : mStyle;
+    return mStyle == ReactConstants.UNSET ? Typeface.NORMAL : mStyle;
   }
 
   public int getWeight() {
-    return mWeight == ReactFontManager.TypefaceStyle.UNSET
-        ? ReactFontManager.TypefaceStyle.NORMAL
-        : mWeight;
+    return mWeight == ReactConstants.UNSET ? ReactFontManager.TypefaceStyle.NORMAL : mWeight;
   }
 
   public @Nullable String getFontFamily() {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactAbsoluteSizeSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactAbsoluteSizeSpan.java
similarity index 89%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactAbsoluteSizeSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactAbsoluteSizeSpan.java
index 073a57c21139a0..460bcd20c6a5b3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactAbsoluteSizeSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactAbsoluteSizeSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.text.style.AbsoluteSizeSpan;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBackgroundColorSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactBackgroundColorSpan.java
similarity index 89%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBackgroundColorSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactBackgroundColorSpan.java
index 0954a0f8bc8c97..a04f2439dffe64 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactBackgroundColorSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactBackgroundColorSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.text.style.BackgroundColorSpan;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactClickableSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactClickableSpan.java
similarity index 88%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactClickableSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactClickableSpan.java
index 3b71d0b1366a50..8aba070b1d210f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactClickableSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactClickableSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.text.TextPaint;
 import android.text.style.ClickableSpan;
@@ -14,6 +14,8 @@
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.uimanager.UIManagerHelper;
 import com.facebook.react.uimanager.events.EventDispatcher;
+import com.facebook.react.views.text.ReactTextView;
+import com.facebook.react.views.text.TextLayoutManager;
 import com.facebook.react.views.view.ViewGroupClickEvent;
 
 /**
@@ -36,11 +38,11 @@
  * accessible (TalkBack announces that the text has links available, and the links are exposed in
  * the context menu).
  */
-class ReactClickableSpan extends ClickableSpan implements ReactSpan {
+public class ReactClickableSpan extends ClickableSpan implements ReactSpan {
 
   private final int mReactTag;
 
-  ReactClickableSpan(int reactTag) {
+  public ReactClickableSpan(int reactTag) {
     mReactTag = reactTag;
   }
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactForegroundColorSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactForegroundColorSpan.java
similarity index 89%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactForegroundColorSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactForegroundColorSpan.java
index 3aebde60799b97..0a7b489b9230c3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactForegroundColorSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactForegroundColorSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.text.style.ForegroundColorSpan;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactSpan.java
similarity index 88%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactSpan.java
index c847a92cb373d8..1b47e63d19bf7e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 /*
  * Enables us to distinguish between spans that were added by React Native and spans that were
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactStrikethroughSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactStrikethroughSpan.java
similarity index 88%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactStrikethroughSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactStrikethroughSpan.java
index 5c5eae7bfbf1fc..d2164156b1818a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactStrikethroughSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactStrikethroughSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.text.style.StrikethroughSpan;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTagSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactTagSpan.java
similarity index 91%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTagSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactTagSpan.java
index 535fd9757f53c4..04497ba19954e2 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactTagSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactTagSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 /**
  * Instances of this class are used to place reactTag information of nested text react nodes into
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactUnderlineSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactUnderlineSpan.java
similarity index 87%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactUnderlineSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactUnderlineSpan.java
index f625dfc8d4fe08..7676230f0b6c51 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ReactUnderlineSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ReactUnderlineSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.text.style.UnderlineSpan;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/SetSpanOperation.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/SetSpanOperation.java
similarity index 89%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/SetSpanOperation.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/SetSpanOperation.java
index 5df16e4e283822..40b523268cc14f 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/SetSpanOperation.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/SetSpanOperation.java
@@ -5,21 +5,22 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.text.Spannable;
 import android.text.SpannableStringBuilder;
 import android.text.Spanned;
 import com.facebook.common.logging.FLog;
 
-class SetSpanOperation {
+public class SetSpanOperation {
   private static final String TAG = "SetSpanOperation";
   static final int SPAN_MAX_PRIORITY = Spanned.SPAN_PRIORITY >> Spanned.SPAN_PRIORITY_SHIFT;
 
   protected int start, end;
-  protected ReactSpan what;
 
-  SetSpanOperation(int start, int end, ReactSpan what) {
+  private final ReactSpan what;
+
+  public SetSpanOperation(int start, int end, ReactSpan what) {
     this.start = start;
     this.end = end;
     this.what = what;
@@ -56,4 +57,8 @@ public void execute(SpannableStringBuilder sb, int priorityIndex) {
 
     sb.setSpan(what, start, end, spanFlags);
   }
+
+  public ReactSpan getWhat() {
+    return what;
+  }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ShadowStyleSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ShadowStyleSpan.java
similarity index 92%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ShadowStyleSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ShadowStyleSpan.java
index 4fe4bf958201e7..63325f32638b12 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/ShadowStyleSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/ShadowStyleSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.text.TextPaint;
 import android.text.style.CharacterStyle;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineImageSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/TextInlineImageSpan.java
similarity index 97%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineImageSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/TextInlineImageSpan.java
index 6d674ebba9b419..34638cefd1d87e 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineImageSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/TextInlineImageSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.graphics.drawable.Drawable;
 import android.text.Spannable;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineViewPlaceholderSpan.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/TextInlineViewPlaceholderSpan.java
similarity index 96%
rename from packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineViewPlaceholderSpan.java
rename to packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/TextInlineViewPlaceholderSpan.java
index 3b0196ecd52ecc..acb9c93c63b890 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/TextInlineViewPlaceholderSpan.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/text/internal/span/TextInlineViewPlaceholderSpan.java
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.views.text;
+package com.facebook.react.views.text.internal.span;
 
 import android.graphics.Canvas;
 import android.graphics.Paint;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java
index ecc6165f7244bf..0904f430a68da4 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactEditText.java
@@ -46,25 +46,26 @@
 import com.facebook.infer.annotation.Assertions;
 import com.facebook.react.bridge.ReactContext;
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
+import com.facebook.react.common.ReactConstants;
 import com.facebook.react.common.build.ReactBuildConfig;
 import com.facebook.react.uimanager.ReactAccessibilityDelegate;
 import com.facebook.react.uimanager.StateWrapper;
 import com.facebook.react.uimanager.UIManagerModule;
 import com.facebook.react.uimanager.events.EventDispatcher;
-import com.facebook.react.views.text.CustomLetterSpacingSpan;
-import com.facebook.react.views.text.CustomLineHeightSpan;
-import com.facebook.react.views.text.CustomStyleSpan;
-import com.facebook.react.views.text.ReactAbsoluteSizeSpan;
-import com.facebook.react.views.text.ReactBackgroundColorSpan;
-import com.facebook.react.views.text.ReactForegroundColorSpan;
-import com.facebook.react.views.text.ReactSpan;
-import com.facebook.react.views.text.ReactStrikethroughSpan;
 import com.facebook.react.views.text.ReactTextUpdate;
 import com.facebook.react.views.text.ReactTypefaceUtils;
-import com.facebook.react.views.text.ReactUnderlineSpan;
 import com.facebook.react.views.text.TextAttributes;
-import com.facebook.react.views.text.TextInlineImageSpan;
 import com.facebook.react.views.text.TextLayoutManager;
+import com.facebook.react.views.text.internal.span.CustomLetterSpacingSpan;
+import com.facebook.react.views.text.internal.span.CustomLineHeightSpan;
+import com.facebook.react.views.text.internal.span.CustomStyleSpan;
+import com.facebook.react.views.text.internal.span.ReactAbsoluteSizeSpan;
+import com.facebook.react.views.text.internal.span.ReactBackgroundColorSpan;
+import com.facebook.react.views.text.internal.span.ReactForegroundColorSpan;
+import com.facebook.react.views.text.internal.span.ReactSpan;
+import com.facebook.react.views.text.internal.span.ReactStrikethroughSpan;
+import com.facebook.react.views.text.internal.span.ReactUnderlineSpan;
+import com.facebook.react.views.text.internal.span.TextInlineImageSpan;
 import com.facebook.react.views.view.ReactViewBackgroundManager;
 import java.util.ArrayList;
 import java.util.Objects;
@@ -82,6 +83,7 @@
  * VisibleForTesting from {@link TextInputEventsTestCase}.
  */
 public class ReactEditText extends AppCompatEditText {
+
   private final InputMethodManager mInputMethodManager;
   private final String TAG = ReactEditText.class.getSimpleName();
   public static final boolean DEBUG_MODE = ReactBuildConfig.DEBUG && false;
@@ -90,14 +92,12 @@ public class ReactEditText extends AppCompatEditText {
   // *TextChanged events should be triggered. This is less expensive than removing the text
   // listeners and adding them back again after the text change is completed.
   protected boolean mIsSettingTextFromJS;
-  private int mDefaultGravityHorizontal;
-  private int mDefaultGravityVertical;
+  private final int mDefaultGravityHorizontal;
+  private final int mDefaultGravityVertical;
 
   /** A count of events sent to JS or C++. */
   protected int mNativeEventCount;
 
-  private static final int UNSET = -1;
-
   private @Nullable ArrayList<TextWatcher> mListeners;
   private @Nullable TextWatcherDelegator mTextWatcherDelegator;
   private int mStagedInputType;
@@ -114,13 +114,13 @@ public class ReactEditText extends AppCompatEditText {
   private TextAttributes mTextAttributes;
   private boolean mTypefaceDirty = false;
   private @Nullable String mFontFamily = null;
-  private int mFontWeight = UNSET;
-  private int mFontStyle = UNSET;
+  private int mFontWeight = ReactConstants.UNSET;
+  private int mFontStyle = ReactConstants.UNSET;
   private boolean mAutoFocus = false;
   private boolean mDidAttachToWindow = false;
   private @Nullable String mPlaceholder = null;
 
-  private ReactViewBackgroundManager mReactBackgroundManager;
+  private final ReactViewBackgroundManager mReactBackgroundManager;
 
   private StateWrapper mStateWrapper = null;
   protected boolean mDisableTextDiffing = false;
@@ -271,6 +271,12 @@ public boolean onKeyUp(int keyCode, KeyEvent event) {
     return super.onKeyUp(keyCode, event);
   }
 
+  @Override
+  public void setLineHeight(int lineHeight) {
+    mTextAttributes.setLineHeight(lineHeight);
+    // We don't call super.setLineHeight() because LineHeight is fully managed by ReactNative
+  }
+
   @Override
   protected void onScrollChanged(int horiz, int vert, int oldHoriz, int oldVert) {
     super.onScrollChanged(horiz, vert, oldHoriz, oldVert);
@@ -358,11 +364,11 @@ public void removeTextChangedListener(TextWatcher watcher) {
     }
   }
 
-  public void setContentSizeWatcher(ContentSizeWatcher contentSizeWatcher) {
+  public void setContentSizeWatcher(@Nullable ContentSizeWatcher contentSizeWatcher) {
     mContentSizeWatcher = contentSizeWatcher;
   }
 
-  public void setScrollWatcher(ScrollWatcher scrollWatcher) {
+  public void setScrollWatcher(@Nullable ScrollWatcher scrollWatcher) {
     mScrollWatcher = scrollWatcher;
   }
 
@@ -379,7 +385,7 @@ public void maybeSetSelection(int eventCounter, int start, int end) {
       return;
     }
 
-    if (start != UNSET && end != UNSET) {
+    if (start != ReactConstants.UNSET && end != ReactConstants.UNSET) {
       // clamp selection values for safety
       start = clampToTextLength(start);
       end = clampToTextLength(end);
@@ -422,7 +428,7 @@ protected void onFocusChanged(boolean focused, int direction, Rect previouslyFoc
     }
   }
 
-  public void setSelectionWatcher(SelectionWatcher selectionWatcher) {
+  public void setSelectionWatcher(@Nullable SelectionWatcher selectionWatcher) {
     mSelectionWatcher = selectionWatcher;
   }
 
@@ -470,7 +476,7 @@ public String getSubmitBehavior() {
     return mSubmitBehavior;
   }
 
-  public void setSubmitBehavior(String submitBehavior) {
+  public void setSubmitBehavior(@Nullable String submitBehavior) {
     mSubmitBehavior = submitBehavior;
   }
 
@@ -588,8 +594,8 @@ public void maybeUpdateTypeface() {
 
     // Match behavior of CustomStyleSpan and enable SUBPIXEL_TEXT_FLAG when setting anything
     // nonstandard
-    if (mFontStyle != UNSET
-        || mFontWeight != UNSET
+    if (mFontStyle != ReactConstants.UNSET
+        || mFontWeight != ReactConstants.UNSET
         || mFontFamily != null
         || getFontFeatureSettings() != null) {
       setPaintFlags(getPaintFlags() | Paint.SUBPIXEL_TEXT_FLAG);
@@ -819,8 +825,8 @@ private void addSpansFromStyleAttributes(SpannableStringBuilder workingText) {
           new CustomLetterSpacingSpan(effectiveLetterSpacing), 0, workingText.length(), spanFlags);
     }
 
-    if (mFontStyle != UNSET
-        || mFontWeight != UNSET
+    if (mFontStyle != ReactConstants.UNSET
+        || mFontWeight != ReactConstants.UNSET
         || mFontFamily != null
         || getFontFeatureSettings() != null) {
       workingText.setSpan(
@@ -1225,6 +1231,7 @@ void setEventDispatcher(@Nullable EventDispatcher eventDispatcher) {
    * changed by the user, and not explicitly set by JS.
    */
   private class TextWatcherDelegator implements TextWatcher {
+
     @Override
     public void beforeTextChanged(CharSequence s, int start, int count, int after) {
       if (!mIsSettingTextFromJS && mListeners != null) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java
index bf9cdfbf84c930..a026a87bd7aaa9 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputManager.java
@@ -25,7 +25,6 @@
 import android.text.SpannableStringBuilder;
 import android.text.TextWatcher;
 import android.view.Gravity;
-import android.view.KeyEvent;
 import android.view.View;
 import android.view.ViewGroup;
 import android.view.inputmethod.EditorInfo;
@@ -70,10 +69,10 @@
 import com.facebook.react.views.text.ReactTextViewManagerCallback;
 import com.facebook.react.views.text.ReactTypefaceUtils;
 import com.facebook.react.views.text.TextAttributeProps;
-import com.facebook.react.views.text.TextInlineImageSpan;
 import com.facebook.react.views.text.TextLayoutManager;
 import com.facebook.react.views.text.TextLayoutManagerMapBuffer;
 import com.facebook.react.views.text.TextTransform;
+import com.facebook.react.views.text.internal.span.TextInlineImageSpan;
 import com.facebook.yoga.YogaConstants;
 import java.lang.reflect.Field;
 import java.util.HashMap;
@@ -169,14 +168,11 @@ public class ReactTextInputManager extends BaseViewManager<ReactEditText, Layout
   private static final String KEYBOARD_TYPE_URI = "url";
   private static final InputFilter[] EMPTY_FILTERS = new InputFilter[0];
   private static final int UNSET = -1;
-  private static final String[] DRAWABLE_FIELDS = {
-    "mCursorDrawable", "mSelectHandleLeft", "mSelectHandleRight", "mSelectHandleCenter"
+  private static final String[] DRAWABLE_HANDLE_RESOURCES = {
+    "mTextSelectHandleLeftRes", "mTextSelectHandleRightRes", "mTextSelectHandleRes"
   };
-  private static final String[] DRAWABLE_RESOURCES = {
-    "mCursorDrawableRes",
-    "mTextSelectHandleLeftRes",
-    "mTextSelectHandleRightRes",
-    "mTextSelectHandleRes"
+  private static final String[] DRAWABLE_HANDLE_FIELDS = {
+    "mSelectHandleLeft", "mSelectHandleRight", "mSelectHandleCenter"
   };
 
   protected @Nullable ReactTextViewManagerCallback mReactTextViewManagerCallback;
@@ -398,6 +394,11 @@ public void updateExtraData(ReactEditText view, Object extraData) {
     }
   }
 
+  @ReactProp(name = ViewProps.LINE_HEIGHT, defaultFloat = ViewDefaults.LINE_HEIGHT)
+  public void setLineHeight(ReactEditText view, int lineHeight) {
+    view.setLineHeight(lineHeight);
+  }
+
   @ReactProp(name = ViewProps.FONT_SIZE, defaultFloat = ViewDefaults.FONT_SIZE_SP)
   public void setFontSize(ReactEditText view, float fontSize) {
     view.setFontSize(fontSize);
@@ -536,70 +537,124 @@ public void setSelectionColor(ReactEditText view, @Nullable Integer color) {
     } else {
       view.setHighlightColor(color);
     }
-
-    setCursorColor(view, color);
   }
 
-  @ReactProp(name = "cursorColor", customType = "Color")
-  public void setCursorColor(ReactEditText view, @Nullable Integer color) {
-    if (color == null) {
-      return;
-    }
-
+  @ReactProp(name = "selectionHandleColor", customType = "Color")
+  public void setSelectionHandleColor(ReactEditText view, @Nullable Integer color) {
     if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
-      Drawable cursorDrawable = view.getTextCursorDrawable();
-      if (cursorDrawable != null) {
-        cursorDrawable.setColorFilter(new BlendModeColorFilter(color, BlendMode.SRC_IN));
-        view.setTextCursorDrawable(cursorDrawable);
+      Drawable drawableCenter = view.getTextSelectHandle().mutate();
+      Drawable drawableLeft = view.getTextSelectHandleLeft().mutate();
+      Drawable drawableRight = view.getTextSelectHandleRight().mutate();
+      if (color != null) {
+        BlendModeColorFilter filter = new BlendModeColorFilter(color, BlendMode.SRC_IN);
+        drawableCenter.setColorFilter(filter);
+        drawableLeft.setColorFilter(filter);
+        drawableRight.setColorFilter(filter);
+      } else {
+        drawableCenter.clearColorFilter();
+        drawableLeft.clearColorFilter();
+        drawableRight.clearColorFilter();
       }
+      view.setTextSelectHandle(drawableCenter);
+      view.setTextSelectHandleLeft(drawableLeft);
+      view.setTextSelectHandleRight(drawableRight);
       return;
     }
 
+    // Based on https://github.com/facebook/react-native/pull/31007
     if (Build.VERSION.SDK_INT == Build.VERSION_CODES.P) {
-      // Pre-Android 10, there was no supported API to change the cursor color programmatically.
-      // In Android 9.0, they changed the underlying implementation,
-      // but also "dark greylisted" the new field, rendering it unusable.
       return;
     }
 
-    // The evil code that follows uses reflection to achieve this on Android 8.1 and below.
-    // Based on https://tinyurl.com/3vff8lyu https://tinyurl.com/vehggzs9
-    for (int i = 0; i < DRAWABLE_RESOURCES.length; i++) {
+    // The following code uses reflection to change handles color on Android 8.1 and below.
+    for (int i = 0; i < DRAWABLE_HANDLE_RESOURCES.length; i++) {
       try {
-        Field drawableResourceField = TextView.class.getDeclaredField(DRAWABLE_RESOURCES[i]);
+        Field drawableResourceField =
+            view.getClass().getDeclaredField(DRAWABLE_HANDLE_RESOURCES[i]);
         drawableResourceField.setAccessible(true);
         int resourceId = drawableResourceField.getInt(view);
 
-        // The view has no cursor drawable.
+        // The view has no handle drawable.
         if (resourceId == 0) {
           return;
         }
 
-        Drawable drawable = ContextCompat.getDrawable(view.getContext(), resourceId);
-
-        Drawable drawableCopy = drawable.mutate();
-        drawableCopy.setColorFilter(color, PorterDuff.Mode.SRC_IN);
+        Drawable drawable = ContextCompat.getDrawable(view.getContext(), resourceId).mutate();
+        if (color != null) {
+          drawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);
+        } else {
+          drawable.clearColorFilter();
+        }
 
         Field editorField = TextView.class.getDeclaredField("mEditor");
         editorField.setAccessible(true);
         Object editor = editorField.get(view);
 
-        Field cursorDrawableField = editor.getClass().getDeclaredField(DRAWABLE_FIELDS[i]);
+        Field cursorDrawableField = editor.getClass().getDeclaredField(DRAWABLE_HANDLE_FIELDS[i]);
         cursorDrawableField.setAccessible(true);
-        if (DRAWABLE_RESOURCES[i] == "mCursorDrawableRes") {
-          Drawable[] drawables = {drawableCopy, drawableCopy};
-          cursorDrawableField.set(editor, drawables);
-        } else {
-          cursorDrawableField.set(editor, drawableCopy);
-        }
+        cursorDrawableField.set(editor, drawable);
       } catch (NoSuchFieldException ex) {
-        // Ignore errors to avoid crashing if these private fields don't exist on modified
-        // or future android versions.
       } catch (IllegalAccessException ex) {
       }
     }
   }
 
+  @ReactProp(name = "cursorColor", customType = "Color")
+  public void setCursorColor(ReactEditText view, @Nullable Integer color) {
+    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.Q) {
+      Drawable cursorDrawable = view.getTextCursorDrawable();
+      if (cursorDrawable != null) {
+        if (color != null) {
+          cursorDrawable.setColorFilter(new BlendModeColorFilter(color, BlendMode.SRC_IN));
+        } else {
+          cursorDrawable.clearColorFilter();
+        }
+        view.setTextCursorDrawable(cursorDrawable);
+      }
+      return;
+    }
+
+    if (Build.VERSION.SDK_INT == Build.VERSION_CODES.P) {
+      // Pre-Android 10, there was no supported API to change the cursor color programmatically.
+      // In Android 9.0, they changed the underlying implementation,
+      // but also "dark greylisted" the new field, rendering it unusable.
+      return;
+    }
+
+    // The evil code that follows uses reflection to achieve this on Android 8.1 and below.
+    // Based on https://tinyurl.com/3vff8lyu https://tinyurl.com/vehggzs9
+    try {
+      Field drawableCursorField = view.getClass().getDeclaredField("mCursorDrawableRes");
+      drawableCursorField.setAccessible(true);
+      int resourceId = drawableCursorField.getInt(view);
+
+      // The view has no cursor drawable.
+      if (resourceId == 0) {
+        return;
+      }
+
+      Drawable drawable = ContextCompat.getDrawable(view.getContext(), resourceId).mutate();
+      if (color != null) {
+        drawable.setColorFilter(color, PorterDuff.Mode.SRC_IN);
+      } else {
+        drawable.clearColorFilter();
+      }
+
+      Field editorField = TextView.class.getDeclaredField("mEditor");
+      editorField.setAccessible(true);
+      Object editor = editorField.get(view);
+
+      Field cursorDrawableField = editor.getClass().getDeclaredField("mCursorDrawable");
+      cursorDrawableField.setAccessible(true);
+      Drawable[] drawables = {drawable, drawable};
+      cursorDrawableField.set(editor, drawables);
+    } catch (NoSuchFieldException ex) {
+      // Ignore errors to avoid crashing if these private fields don't exist on modified
+      // or future android versions.
+    } catch (IllegalAccessException ex) {
+    }
+  }
+
   private static boolean shouldHideCursorForEmailTextInput() {
     String manufacturer = Build.MANUFACTURER.toLowerCase(Locale.ROOT);
     return (Build.VERSION.SDK_INT == Build.VERSION_CODES.Q && manufacturer.contains("xiaomi"));
@@ -759,9 +814,9 @@ public void setMaxLength(ReactEditText view, @Nullable Integer maxLength) {
     if (maxLength == null) {
       if (currentFilters.length > 0) {
         LinkedList<InputFilter> list = new LinkedList<>();
-        for (int i = 0; i < currentFilters.length; i++) {
-          if (!(currentFilters[i] instanceof InputFilter.LengthFilter)) {
-            list.add(currentFilters[i]);
+        for (InputFilter currentFilter : currentFilters) {
+          if (!(currentFilter instanceof InputFilter.LengthFilter)) {
+            list.add(currentFilter);
           }
         }
         if (!list.isEmpty()) {
@@ -850,14 +905,19 @@ public void setAutoCapitalize(ReactEditText view, Dynamic autoCapitalize) {
     } else if (autoCapitalize.getType() == ReadableType.String) {
       final String autoCapitalizeStr = autoCapitalize.asString();
 
-      if (autoCapitalizeStr.equals("none")) {
-        autoCapitalizeValue = 0;
-      } else if (autoCapitalizeStr.equals("characters")) {
-        autoCapitalizeValue = InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS;
-      } else if (autoCapitalizeStr.equals("words")) {
-        autoCapitalizeValue = InputType.TYPE_TEXT_FLAG_CAP_WORDS;
-      } else if (autoCapitalizeStr.equals("sentences")) {
-        autoCapitalizeValue = InputType.TYPE_TEXT_FLAG_CAP_SENTENCES;
+      switch (autoCapitalizeStr) {
+        case "none":
+          autoCapitalizeValue = 0;
+          break;
+        case "characters":
+          autoCapitalizeValue = InputType.TYPE_TEXT_FLAG_CAP_CHARACTERS;
+          break;
+        case "words":
+          autoCapitalizeValue = InputType.TYPE_TEXT_FLAG_CAP_WORDS;
+          break;
+        case "sentences":
+          autoCapitalizeValue = InputType.TYPE_TEXT_FLAG_CAP_SENTENCES;
+          break;
       }
     }
 
@@ -1028,7 +1088,7 @@ private final class ReactTextInputTextWatcher implements TextWatcher {
     private final ReactEditText mEditText;
     private final EventDispatcher mEventDispatcher;
     private final int mSurfaceId;
-    private String mPreviousText;
+    @Nullable private String mPreviousText;
 
     public ReactTextInputTextWatcher(
         final ReactContext reactContext, final ReactEditText editText) {
@@ -1097,73 +1157,67 @@ protected void addEventEmitters(
     editText.setEventDispatcher(getEventDispatcher(reactContext, editText));
     editText.addTextChangedListener(new ReactTextInputTextWatcher(reactContext, editText));
     editText.setOnFocusChangeListener(
-        new View.OnFocusChangeListener() {
-          public void onFocusChange(View v, boolean hasFocus) {
-            int surfaceId = reactContext.getSurfaceId();
-            EventDispatcher eventDispatcher = getEventDispatcher(reactContext, editText);
-            if (hasFocus) {
-              eventDispatcher.dispatchEvent(
-                  new ReactTextInputFocusEvent(surfaceId, editText.getId()));
-            } else {
-              eventDispatcher.dispatchEvent(
-                  new ReactTextInputBlurEvent(surfaceId, editText.getId()));
-
-              eventDispatcher.dispatchEvent(
-                  new ReactTextInputEndEditingEvent(
-                      surfaceId, editText.getId(), editText.getText().toString()));
-            }
+        (v, hasFocus) -> {
+          int surfaceId = reactContext.getSurfaceId();
+          EventDispatcher eventDispatcher = getEventDispatcher(reactContext, editText);
+          if (hasFocus) {
+            eventDispatcher.dispatchEvent(
+                new ReactTextInputFocusEvent(surfaceId, editText.getId()));
+          } else {
+            eventDispatcher.dispatchEvent(new ReactTextInputBlurEvent(surfaceId, editText.getId()));
+
+            eventDispatcher.dispatchEvent(
+                new ReactTextInputEndEditingEvent(
+                    surfaceId, editText.getId(), editText.getText().toString()));
           }
         });
 
     editText.setOnEditorActionListener(
-        new TextView.OnEditorActionListener() {
-          @Override
-          public boolean onEditorAction(TextView v, int actionId, KeyEvent keyEvent) {
-            if ((actionId & EditorInfo.IME_MASK_ACTION) != 0 || actionId == EditorInfo.IME_NULL) {
-              boolean isMultiline = editText.isMultiline();
-
-              boolean shouldSubmit = editText.shouldSubmitOnReturn();
-              boolean shouldBlur = editText.shouldBlurOnReturn();
-
-              // Motivation:
-              // * shouldSubmit => Clear focus; prevent default behavior (return true);
-              // * shouldBlur => Submit; prevent default behavior (return true);
-              // * !shouldBlur && !shouldSubmit && isMultiline => Perform default behavior (return
-              // false);
-              // * !shouldBlur && !shouldSubmit && !isMultiline => Prevent default behavior (return
-              // true);
-              if (shouldSubmit) {
-                EventDispatcher eventDispatcher = getEventDispatcher(reactContext, editText);
-                eventDispatcher.dispatchEvent(
-                    new ReactTextInputSubmitEditingEvent(
-                        reactContext.getSurfaceId(),
-                        editText.getId(),
-                        editText.getText().toString()));
-              }
-
-              if (shouldBlur) {
-                editText.clearFocus();
-              }
-
-              // Prevent default behavior except when we want it to insert a newline.
-              if (shouldBlur || shouldSubmit || !isMultiline) {
-                return true;
-              }
-
-              // If we've reached this point, it means that the TextInput has 'submitBehavior' set
-              // nullish and 'multiline' set to true. But it's still possible to get IME_ACTION_NEXT
-              // and IME_ACTION_PREVIOUS here in case if 'disableFullscreenUI' is false and Android
-              // decides to render this EditText in the full screen mode (when a phone has the
-              // landscape orientation for example). The full screen EditText also renders an action
-              // button specified by the 'returnKeyType' prop. We have to prevent Android from
-              // requesting focus from the next/previous focusable view since it must only be
-              // controlled from JS.
-              return actionId == EditorInfo.IME_ACTION_NEXT
-                  || actionId == EditorInfo.IME_ACTION_PREVIOUS;
+        (v, actionId, keyEvent) -> {
+          if ((actionId & EditorInfo.IME_MASK_ACTION) != 0 || actionId == EditorInfo.IME_NULL) {
+            boolean isMultiline = editText.isMultiline();
+
+            boolean shouldSubmit = editText.shouldSubmitOnReturn();
+            boolean shouldBlur = editText.shouldBlurOnReturn();
+
+            // Motivation:
+            // * shouldSubmit => Clear focus; prevent default behavior (return true);
+            // * shouldBlur => Submit; prevent default behavior (return true);
+            // * !shouldBlur && !shouldSubmit && isMultiline => Perform default behavior (return
+            // false);
+            // * !shouldBlur && !shouldSubmit && !isMultiline => Prevent default behavior (return
+            // true);
+            if (shouldSubmit) {
+              EventDispatcher eventDispatcher = getEventDispatcher(reactContext, editText);
+              eventDispatcher.dispatchEvent(
+                  new ReactTextInputSubmitEditingEvent(
+                      reactContext.getSurfaceId(),
+                      editText.getId(),
+                      editText.getText().toString()));
+            }
+
+            if (shouldBlur) {
+              editText.clearFocus();
+            }
+
+            // Prevent default behavior except when we want it to insert a newline.
+            if (shouldBlur || shouldSubmit || !isMultiline) {
+              return true;
             }
 
-            return true;
+            // If we've reached this point, it means that the TextInput has 'submitBehavior' set
+            // nullish and 'multiline' set to true. But it's still possible to get IME_ACTION_NEXT
+            // and IME_ACTION_PREVIOUS here in case if 'disableFullscreenUI' is false and Android
+            // decides to render this EditText in the full screen mode (when a phone has the
+            // landscape orientation for example). The full screen EditText also renders an action
+            // button specified by the 'returnKeyType' prop. We have to prevent Android from
+            // requesting focus from the next/previous focusable view since it must only be
+            // controlled from JS.
+            return actionId == EditorInfo.IME_ACTION_NEXT
+                || actionId == EditorInfo.IME_ACTION_PREVIOUS;
           }
+
+          return true;
         });
   }
 
@@ -1256,7 +1310,7 @@ private static class ReactScrollWatcher implements ScrollWatcher {
     private final ReactEditText mReactEditText;
     private final EventDispatcher mEventDispatcher;
     private final int mSurfaceId;
-    private int mPreviousHoriz;
+    private int mPreviousHorizontal;
     private int mPreviousVert;
 
     public ReactScrollWatcher(ReactEditText editText) {
@@ -1268,7 +1322,7 @@ public ReactScrollWatcher(ReactEditText editText) {
 
     @Override
     public void onScrollChanged(int horiz, int vert, int oldHoriz, int oldVert) {
-      if (mPreviousHoriz != horiz || mPreviousVert != vert) {
+      if (mPreviousHorizontal != horiz || mPreviousVert != vert) {
         ScrollEvent event =
             ScrollEvent.obtain(
                 mSurfaceId,
@@ -1285,14 +1339,14 @@ public void onScrollChanged(int horiz, int vert, int oldHoriz, int oldVert) {
 
         mEventDispatcher.dispatchEvent(event);
 
-        mPreviousHoriz = horiz;
+        mPreviousHorizontal = horiz;
         mPreviousVert = vert;
       }
     }
   }
 
   @Override
-  public @Nullable Map getExportedViewConstants() {
+  public @Nullable Map<String, Object> getExportedViewConstants() {
     return MapBuilder.of(
         "AutoCapitalizationType",
         MapBuilder.of(
@@ -1364,7 +1418,8 @@ public Object updateState(
         TextAttributeProps.getJustificationMode(props, currentJustificationMode));
   }
 
-  public Object getReactTextUpdate(ReactEditText view, ReactStylesDiffMap props, MapBuffer state) {
+  public @Nullable Object getReactTextUpdate(
+      ReactEditText view, ReactStylesDiffMap props, MapBuffer state) {
     // If native wants to update the state wrapper but the state data hasn't actually
     // changed, the MapBuffer may be empty
     if (state.getCount() == 0) {
@@ -1373,10 +1428,6 @@ public Object getReactTextUpdate(ReactEditText view, ReactStylesDiffMap props, M
 
     MapBuffer attributedString = state.getMapBuffer(TX_STATE_KEY_ATTRIBUTED_STRING);
     MapBuffer paragraphAttributes = state.getMapBuffer(TX_STATE_KEY_PARAGRAPH_ATTRIBUTES);
-    if (attributedString == null || paragraphAttributes == null) {
-      throw new IllegalArgumentException(
-          "Invalid TextInput State (MapBuffer) was received as a parameters");
-    }
 
     Spannable spanned =
         TextLayoutManagerMapBuffer.getOrCreateSpannableForText(
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java
index 878da5199174ca..9935359203a080 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ReactTextInputShadowNode.java
@@ -36,7 +36,7 @@
 public class ReactTextInputShadowNode extends ReactBaseTextShadowNode
     implements YogaMeasureFunction {
 
-  private int mMostRecentEventCount = UNSET;
+  private int mMostRecentEventCount = ReactConstants.UNSET;
   private @Nullable EditText mInternalEditText;
   private @Nullable ReactTextInputLocalData mLocalData;
 
@@ -108,7 +108,7 @@ public long measure(
     } else {
       editText.setTextSize(TypedValue.COMPLEX_UNIT_PX, mTextAttributes.getEffectiveFontSize());
 
-      if (mNumberOfLines != UNSET) {
+      if (mNumberOfLines != ReactConstants.UNSET) {
         editText.setLines(mNumberOfLines);
       }
 
@@ -191,7 +191,7 @@ public void setTextBreakStrategy(@Nullable String textBreakStrategy) {
   public void onCollectExtraUpdates(UIViewOperationQueue uiViewOperationQueue) {
     super.onCollectExtraUpdates(uiViewOperationQueue);
 
-    if (mMostRecentEventCount != UNSET) {
+    if (mMostRecentEventCount != ReactConstants.UNSET) {
       ReactTextUpdate reactTextUpdate =
           new ReactTextUpdate(
               spannedFromShadowNode(
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ScrollWatcher.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ScrollWatcher.java
index a45d341c885870..63cf5c2c878280 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ScrollWatcher.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/ScrollWatcher.java
@@ -8,5 +8,5 @@
 package com.facebook.react.views.textinput;
 
 public interface ScrollWatcher {
-  public void onScrollChanged(int horiz, int vert, int oldHoriz, int oldVert);
+  void onScrollChanged(int horiz, int vert, int oldHoriz, int oldVert);
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/SelectionWatcher.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/SelectionWatcher.java
index 23b47c251bed3c..1a004bde3f4cab 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/SelectionWatcher.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/textinput/SelectionWatcher.java
@@ -12,5 +12,5 @@
  * the ReactTextInputManager to forward events from the EditText to JS
  */
 interface SelectionWatcher {
-  public void onSelectionChanged(int start, int end);
+  void onSelectionChanged(int start, int end);
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/traceupdateoverlay/TraceUpdateOverlay.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/traceupdateoverlay/TraceUpdateOverlay.java
deleted file mode 100644
index 6799848284828f..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/traceupdateoverlay/TraceUpdateOverlay.java
+++ /dev/null
@@ -1,70 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.views.traceupdateoverlay;
-
-import android.content.Context;
-import android.graphics.Canvas;
-import android.graphics.Paint;
-import android.graphics.RectF;
-import android.view.View;
-import androidx.annotation.UiThread;
-import com.facebook.react.uimanager.PixelUtil;
-import java.util.ArrayList;
-import java.util.List;
-
-public class TraceUpdateOverlay extends View {
-  private final Paint mOverlayPaint = new Paint();
-  private List<Overlay> mOverlays = new ArrayList<Overlay>();
-
-  public static class Overlay {
-    private final int mColor;
-    private final RectF mRect;
-
-    public Overlay(int color, RectF rect) {
-      mColor = color;
-      mRect = rect;
-    }
-
-    public int getColor() {
-      return mColor;
-    }
-
-    public RectF getPixelRect() {
-      return new RectF(
-          PixelUtil.toPixelFromDIP(mRect.left),
-          PixelUtil.toPixelFromDIP(mRect.top),
-          PixelUtil.toPixelFromDIP(mRect.right),
-          PixelUtil.toPixelFromDIP(mRect.bottom));
-    }
-  }
-
-  public TraceUpdateOverlay(Context context) {
-    super(context);
-    mOverlayPaint.setStyle(Paint.Style.STROKE);
-    mOverlayPaint.setStrokeWidth(6);
-  }
-
-  @UiThread
-  public void setOverlays(List<Overlay> overlays) {
-    mOverlays = overlays;
-    invalidate();
-  }
-
-  @Override
-  public void onDraw(Canvas canvas) {
-    super.onDraw(canvas);
-
-    if (!mOverlays.isEmpty()) {
-      // Draw border outside of the given overlays to be aligned with web trace highlights
-      for (Overlay overlay : mOverlays) {
-        mOverlayPaint.setColor(overlay.getColor());
-        canvas.drawRect(overlay.getPixelRect(), mOverlayPaint);
-      }
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/traceupdateoverlay/TraceUpdateOverlayManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/traceupdateoverlay/TraceUpdateOverlayManager.java
deleted file mode 100644
index 434be098b1a2fa..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/traceupdateoverlay/TraceUpdateOverlayManager.java
+++ /dev/null
@@ -1,83 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.views.traceupdateoverlay;
-
-import android.graphics.RectF;
-import androidx.annotation.Nullable;
-import com.facebook.common.logging.FLog;
-import com.facebook.react.bridge.ReactNoCrashSoftException;
-import com.facebook.react.bridge.ReactSoftExceptionLogger;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.module.annotations.ReactModule;
-import com.facebook.react.uimanager.SimpleViewManager;
-import com.facebook.react.uimanager.ThemedReactContext;
-import com.facebook.react.views.traceupdateoverlay.TraceUpdateOverlay.Overlay;
-import java.util.ArrayList;
-import java.util.List;
-import org.json.JSONArray;
-import org.json.JSONException;
-import org.json.JSONObject;
-
-@ReactModule(name = TraceUpdateOverlayManager.REACT_CLASS)
-public class TraceUpdateOverlayManager extends SimpleViewManager<TraceUpdateOverlay> {
-  public static final String REACT_CLASS = "TraceUpdateOverlay";
-
-  public TraceUpdateOverlayManager() {}
-
-  @Override
-  public void receiveCommand(
-      TraceUpdateOverlay view, String commandId, @Nullable ReadableArray args) {
-    switch (commandId) {
-      case "draw":
-        if (args == null) {
-          break;
-        }
-
-        String overlaysStr = args.getString(0);
-        if (overlaysStr == null) {
-          return;
-        }
-
-        try {
-          JSONArray overlaysArr = new JSONArray(overlaysStr);
-          List<Overlay> overlays = new ArrayList<>();
-          for (int i = 0; i < overlaysArr.length(); i++) {
-            JSONObject overlay = overlaysArr.getJSONObject(i);
-            JSONObject rectObj = overlay.getJSONObject("rect");
-            float left = (float) rectObj.getDouble("left");
-            float top = (float) rectObj.getDouble("top");
-            float right = (float) (left + rectObj.getDouble("width"));
-            float bottom = (float) (top + rectObj.getDouble("height"));
-            RectF rect = new RectF(left, top, right, bottom);
-            overlays.add(new Overlay(overlay.getInt("color"), rect));
-          }
-
-          view.setOverlays(overlays);
-        } catch (JSONException e) {
-          FLog.e(REACT_CLASS, "Failed to parse overlays: ", e);
-        }
-        break;
-
-      default:
-        ReactSoftExceptionLogger.logSoftException(
-            REACT_CLASS,
-            new ReactNoCrashSoftException(
-                "Received unexpected command in TraceUpdateOverlayManager"));
-    }
-  }
-
-  @Override
-  public TraceUpdateOverlay createViewInstance(ThemedReactContext context) {
-    return new TraceUpdateOverlay(context);
-  }
-
-  @Override
-  public String getName() {
-    return REACT_CLASS;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedView.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedView.java
index f9695e8ce93b34..e1a45b416d13f9 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedView.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/unimplementedview/ReactUnimplementedView.java
@@ -12,7 +12,9 @@
 import android.view.Gravity;
 import android.widget.LinearLayout;
 import androidx.appcompat.widget.AppCompatTextView;
+import com.facebook.infer.annotation.Nullsafe;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ReactUnimplementedView extends LinearLayout {
   private AppCompatTextView mTextView;
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/CanvasUtil.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/CanvasUtil.java
index 5aeddab59c221c..a123f6b5bc2ab3 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/CanvasUtil.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/CanvasUtil.java
@@ -10,6 +10,7 @@
 import android.annotation.SuppressLint;
 import android.graphics.Canvas;
 import android.os.Build;
+import com.facebook.infer.annotation.Nullsafe;
 import java.lang.reflect.InvocationTargetException;
 import java.lang.reflect.Method;
 import javax.annotation.Nullable;
@@ -19,6 +20,7 @@
  * href="https://cs.android.com/androidx/platform/frameworks/support/+/androidx-main:compose/ui/ui-graphics/src/androidMain/kotlin/androidx/compose/ui/graphics/CanvasUtils.android.kt;drc=3b2dde134afab8d58b9c39ad4820eaf9a6e014a9">
  * Compose canvas utils </a>
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 class CanvasUtil {
 
   private CanvasUtil() {}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ColorUtil.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ColorUtil.java
index f1efecf3f0da9b..133c8e1334652b 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ColorUtil.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ColorUtil.java
@@ -8,12 +8,14 @@
 package com.facebook.react.views.view;
 
 import android.graphics.PixelFormat;
+import com.facebook.infer.annotation.Nullsafe;
 
 /**
  * Simple utility class for manipulating colors, based on Fresco's DrawableUtils
  * (https://github.com/facebook/fresco). For a small helper like this, copying is simpler than
  * adding a dependency on com.facebook.fresco.drawee.
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ColorUtil {
 
   /**
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java
index b20a9792ad02da..7d3fe5afdff0ce 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/MeasureUtil.java
@@ -8,8 +8,10 @@
 package com.facebook.react.views.view;
 
 import android.view.View;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.yoga.YogaMeasureMode;
 
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class MeasureUtil {
 
   public static int getMeasureSpec(float size, YogaMeasureMode mode) {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactClippingViewManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactClippingViewManager.java
index bb2a051bbb275d..25621c3700897a 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactClippingViewManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactClippingViewManager.java
@@ -8,6 +8,7 @@
 package com.facebook.react.views.view;
 
 import android.view.View;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.uimanager.ViewGroupManager;
 import com.facebook.react.uimanager.annotations.ReactProp;
@@ -16,6 +17,7 @@
  * View manager which handles clipped subviews. Useful for custom views which extends from {@link
  * com.facebook.react.views.view.ReactViewGroup}
  */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public abstract class ReactClippingViewManager<T extends ReactViewGroup>
     extends ViewGroupManager<T> {
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactMapBufferPropSetter.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactMapBufferPropSetter.kt
deleted file mode 100644
index 7447e45313a52c..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactMapBufferPropSetter.kt
+++ /dev/null
@@ -1,526 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.views.view
-
-import android.graphics.Color
-import android.graphics.Rect
-import androidx.core.view.ViewCompat
-import com.facebook.react.R
-import com.facebook.react.bridge.DynamicFromObject
-import com.facebook.react.bridge.JavaOnlyArray
-import com.facebook.react.bridge.JavaOnlyMap
-import com.facebook.react.bridge.ReadableMap
-import com.facebook.react.common.mapbuffer.MapBuffer
-import com.facebook.react.uimanager.PixelUtil
-import com.facebook.react.uimanager.PointerEvents
-import com.facebook.react.uimanager.ReactAccessibilityDelegate.Role
-
-object ReactMapBufferPropSetter {
-  // ViewProps values
-  private const val VP_ACCESSIBILITY_ACTIONS = 0
-  private const val VP_ACCESSIBILITY_HINT = 1
-  private const val VP_ACCESSIBILITY_LABEL = 2
-  private const val VP_ACCESSIBILITY_LABELLED_BY = 3
-  private const val VP_ACCESSIBILITY_LIVE_REGION = 4
-  private const val VP_ACCESSIBILITY_ROLE = 5
-  private const val VP_ACCESSIBILITY_STATE = 6
-  private const val VP_ACCESSIBILITY_VALUE = 7
-  private const val VP_ACCESSIBLE = 8
-  private const val VP_BACKFACE_VISIBILITY = 9
-  private const val VP_BG_COLOR = 10
-  private const val VP_BORDER_COLOR = 11
-  private const val VP_BORDER_RADII = 12
-  private const val VP_BORDER_STYLE = 13
-  private const val VP_COLLAPSABLE = 14
-  private const val VP_ELEVATION = 15
-  private const val VP_FOCUSABLE = 16
-  private const val VP_HAS_TV_FOCUS = 17
-  private const val VP_HIT_SLOP = 18
-  private const val VP_IMPORTANT_FOR_ACCESSIBILITY = 19
-  private const val VP_NATIVE_BACKGROUND = 20
-  private const val VP_NATIVE_FOREGROUND = 21
-  private const val VP_NATIVE_ID = 22
-  private const val VP_OFFSCREEN_ALPHA_COMPOSITING = 23
-  private const val VP_OPACITY = 24
-  private const val VP_POINTER_EVENTS = 25
-  private const val VP_POINTER_ENTER = 26
-  private const val VP_POINTER_LEAVE = 27
-  private const val VP_POINTER_MOVE = 28
-  private const val VP_REMOVE_CLIPPED_SUBVIEW = 29
-  private const val VP_RENDER_TO_HARDWARE_TEXTURE = 30
-  private const val VP_SHADOW_COLOR = 31
-  private const val VP_TEST_ID = 32
-  private const val VP_TRANSFORM = 33
-  private const val VP_ZINDEX = 34
-  private const val VP_POINTER_ENTER_CAPTURE = 38
-  private const val VP_POINTER_LEAVE_CAPTURE = 39
-  private const val VP_POINTER_MOVE_CAPTURE = 40
-  private const val VP_POINTER_OUT = 41
-  private const val VP_POINTER_OUT_CAPTURE = 42
-  private const val VP_POINTER_OVER = 43
-  private const val VP_POINTER_OVER_CAPTURE = 44
-  private const val VP_BORDER_CURVES = 45 // iOS only
-  private const val VP_FG_COLOR = 46 // iOS only?
-  private const val VP_ROLE = 47
-
-  // Yoga values
-  private const val YG_BORDER_WIDTH = 100
-  private const val YG_OVERFLOW = 101
-
-  // AccessibilityAction values
-  private const val ACCESSIBILITY_ACTION_NAME = 0
-  private const val ACCESSIBILITY_ACTION_LABEL = 1
-
-  // AccessibilityState values
-  private const val ACCESSIBILITY_STATE_BUSY = 0
-  private const val ACCESSIBILITY_STATE_DISABLED = 1
-  private const val ACCESSIBILITY_STATE_EXPANDED = 2
-  private const val ACCESSIBILITY_STATE_SELECTED = 3
-  private const val ACCESSIBILITY_STATE_CHECKED = 4
-
-  private const val EDGE_TOP = 0
-  private const val EDGE_LEFT = 1
-  private const val EDGE_RIGHT = 2
-  private const val EDGE_BOTTOM = 3
-  private const val EDGE_START = 4
-  private const val EDGE_END = 5
-  private const val EDGE_ALL = 6
-  private const val EDGE_BLOCK = 7
-  private const val EDGE_BLOCK_END = 8
-  private const val EDGE_BLOCK_START = 9
-
-  private const val CORNER_TOP_LEFT = 0
-  private const val CORNER_TOP_RIGHT = 1
-  private const val CORNER_BOTTOM_RIGHT = 2
-  private const val CORNER_BOTTOM_LEFT = 3
-  private const val CORNER_TOP_START = 4
-  private const val CORNER_TOP_END = 5
-  private const val CORNER_BOTTOM_END = 6
-  private const val CORNER_BOTTOM_START = 7
-  private const val CORNER_ALL = 8
-  private const val CORNER_END_END = 9
-  private const val CORNER_END_START = 10
-  private const val CORNER_START_END = 11
-  private const val CORNER_START_START = 12
-
-  private const val NATIVE_DRAWABLE_KIND = 0
-  private const val NATIVE_DRAWABLE_ATTRIBUTE = 1
-  private const val NATIVE_DRAWABLE_COLOR = 2
-  private const val NATIVE_DRAWABLE_BORDERLESS = 3
-  private const val NATIVE_DRAWABLE_RIPPLE_RADIUS = 4
-
-  private const val UNDEF_COLOR = Int.MAX_VALUE
-
-  fun setProps(view: ReactViewGroup, viewManager: ReactViewManager, props: MapBuffer) {
-    for (entry in props) {
-      when (entry.key) {
-        VP_ACCESSIBILITY_ACTIONS -> {
-          viewManager.accessibilityActions(view, entry.mapBufferValue)
-        }
-        VP_ACCESSIBILITY_HINT -> {
-          viewManager.setAccessibilityHint(view, entry.stringValue.takeIf { it.isNotEmpty() })
-        }
-        VP_ACCESSIBILITY_LABEL -> {
-          viewManager.setAccessibilityLabel(view, entry.stringValue.takeIf { it.isNotEmpty() })
-        }
-        VP_ACCESSIBILITY_LABELLED_BY -> {
-          viewManager.accessibilityLabelledBy(view, entry.mapBufferValue)
-        }
-        VP_ACCESSIBILITY_LIVE_REGION -> {
-          view.accessibilityLiveRegion(entry.intValue)
-        }
-        VP_ACCESSIBILITY_ROLE -> {
-          viewManager.setAccessibilityRole(view, entry.stringValue.takeIf { it.isNotEmpty() })
-        }
-        VP_ACCESSIBILITY_STATE -> {
-          viewManager.accessibilityState(view, entry.mapBufferValue)
-        }
-        VP_ACCESSIBILITY_VALUE -> {
-          viewManager.accessibilityValue(view, entry.stringValue)
-        }
-        VP_ACCESSIBLE -> {
-          viewManager.setAccessible(view, entry.booleanValue)
-        }
-        VP_BACKFACE_VISIBILITY -> {
-          viewManager.backfaceVisibility(view, entry.intValue)
-        }
-        VP_BG_COLOR -> {
-          // TODO: color for some reason can be object in Java but not in C++
-          viewManager.backgroundColor(view, entry.intValue)
-        }
-        VP_FG_COLOR -> {
-          // Prop not used on Android?
-        }
-        VP_BORDER_COLOR -> {
-          viewManager.borderColor(view, entry.mapBufferValue)
-        }
-        VP_BORDER_RADII -> {
-          viewManager.borderRadius(view, entry.mapBufferValue)
-        }
-        VP_BORDER_STYLE -> {
-          val styleBuffer = entry.mapBufferValue
-          if (styleBuffer.contains(CORNER_ALL)) {
-            viewManager.borderStyle(view, (styleBuffer.getDouble(CORNER_ALL)).toInt())
-          }
-        }
-        VP_ELEVATION -> {
-          viewManager.setElevation(view, entry.doubleValue.toFloat())
-        }
-        VP_FOCUSABLE -> {
-          viewManager.setFocusable(view, entry.booleanValue)
-        }
-        VP_HAS_TV_FOCUS -> {
-          viewManager.setTVPreferredFocus(view, entry.booleanValue)
-        }
-        VP_HIT_SLOP -> {
-          view.hitSlop(entry.mapBufferValue)
-        }
-        VP_IMPORTANT_FOR_ACCESSIBILITY -> {
-          view.importantForAccessibility(entry.intValue)
-        }
-        VP_ROLE -> {
-          view.role(entry.intValue)
-        }
-        VP_NATIVE_BACKGROUND -> {
-          viewManager.nativeBackground(view, entry.mapBufferValue)
-        }
-        VP_NATIVE_FOREGROUND -> {
-          viewManager.nativeForeground(view, entry.mapBufferValue)
-        }
-        VP_NATIVE_ID -> {
-          viewManager.setNativeId(view, entry.stringValue.takeIf { it.isNotEmpty() })
-        }
-        VP_OFFSCREEN_ALPHA_COMPOSITING -> {
-          viewManager.setNeedsOffscreenAlphaCompositing(view, entry.booleanValue)
-        }
-        VP_OPACITY -> {
-          viewManager.setOpacity(view, entry.doubleValue.toFloat())
-        }
-        VP_POINTER_EVENTS -> {
-          view.pointerEvents(entry.intValue)
-        }
-        VP_POINTER_ENTER -> {
-          viewManager.setPointerEnter(view, entry.booleanValue)
-        }
-        VP_POINTER_LEAVE -> {
-          viewManager.setPointerLeave(view, entry.booleanValue)
-        }
-        VP_POINTER_MOVE -> {
-          viewManager.setPointerMove(view, entry.booleanValue)
-        }
-        VP_POINTER_ENTER_CAPTURE -> {
-          viewManager.setPointerEnterCapture(view, entry.booleanValue)
-        }
-        VP_POINTER_LEAVE_CAPTURE -> {
-          viewManager.setPointerLeaveCapture(view, entry.booleanValue)
-        }
-        VP_POINTER_MOVE_CAPTURE -> {
-          viewManager.setPointerMoveCapture(view, entry.booleanValue)
-        }
-        VP_POINTER_OUT -> {
-          viewManager.setPointerOut(view, entry.booleanValue)
-        }
-        VP_POINTER_OUT_CAPTURE -> {
-          viewManager.setPointerOutCapture(view, entry.booleanValue)
-        }
-        VP_POINTER_OVER -> {
-          viewManager.setPointerOver(view, entry.booleanValue)
-        }
-        VP_POINTER_OVER_CAPTURE -> {
-          viewManager.setPointerOverCapture(view, entry.booleanValue)
-        }
-        VP_REMOVE_CLIPPED_SUBVIEW -> {
-          viewManager.setRemoveClippedSubviews(view, entry.booleanValue)
-        }
-        VP_RENDER_TO_HARDWARE_TEXTURE -> {
-          viewManager.setRenderToHardwareTexture(view, entry.booleanValue)
-        }
-        VP_SHADOW_COLOR -> {
-          // TODO: color for some reason can be object in Java but not in C++
-          viewManager.shadowColor(view, entry.intValue)
-        }
-        VP_TEST_ID -> {
-          viewManager.setTestId(view, entry.stringValue.takeIf { it.isNotEmpty() })
-        }
-        VP_TRANSFORM -> {
-          viewManager.transform(view, entry.mapBufferValue)
-        }
-        VP_ZINDEX -> {
-          viewManager.setZIndex(view, entry.intValue.toFloat())
-        }
-        YG_BORDER_WIDTH -> {
-          viewManager.borderWidth(view, entry.mapBufferValue)
-        }
-        YG_OVERFLOW -> {
-          viewManager.overflow(view, entry.intValue)
-        }
-      }
-    }
-  }
-
-  private fun ReactViewManager.accessibilityActions(view: ReactViewGroup, mapBuffer: MapBuffer) {
-    val actions = mutableListOf<ReadableMap>()
-    for (entry in mapBuffer) {
-      val map = JavaOnlyMap()
-      val action = entry.mapBufferValue
-      map.putString("name", action.getString(ACCESSIBILITY_ACTION_NAME))
-      if (action.contains(ACCESSIBILITY_ACTION_LABEL)) {
-        map.putString("label", action.getString(ACCESSIBILITY_ACTION_LABEL))
-      }
-      actions.add(map)
-    }
-
-    setAccessibilityActions(view, JavaOnlyArray.from(actions))
-  }
-
-  private fun ReactViewGroup.accessibilityLiveRegion(value: Int) {
-    val mode =
-        when (value) {
-          0 -> ViewCompat.ACCESSIBILITY_LIVE_REGION_NONE
-          1 -> ViewCompat.ACCESSIBILITY_LIVE_REGION_POLITE
-          2 -> ViewCompat.ACCESSIBILITY_LIVE_REGION_ASSERTIVE
-          else -> ViewCompat.ACCESSIBILITY_LIVE_REGION_NONE
-        }
-    ViewCompat.setAccessibilityLiveRegion(this, mode)
-  }
-
-  private fun ReactViewManager.accessibilityState(view: ReactViewGroup, value: MapBuffer) {
-    val accessibilityState = JavaOnlyMap()
-    accessibilityState.putBoolean("selected", value.getBoolean(ACCESSIBILITY_STATE_SELECTED))
-    accessibilityState.putBoolean("busy", value.getBoolean(ACCESSIBILITY_STATE_BUSY))
-    accessibilityState.putBoolean("expanded", value.getBoolean(ACCESSIBILITY_STATE_EXPANDED))
-    accessibilityState.putBoolean("disabled", value.getBoolean(ACCESSIBILITY_STATE_DISABLED))
-
-    when (value.getInt(ACCESSIBILITY_STATE_CHECKED)) {
-      // Unchecked
-      0 -> accessibilityState.putBoolean("checked", false)
-      // Checked
-      1 -> accessibilityState.putBoolean("checked", true)
-      // Mixed
-      2 -> accessibilityState.putString("checked", "mixed")
-    // 3 -> None
-    }
-
-    setViewState(view, accessibilityState)
-  }
-
-  private fun ReactViewManager.accessibilityValue(view: ReactViewGroup, value: String) {
-    val map = JavaOnlyMap()
-    if (value.isNotEmpty()) {
-      map.putString("text", value)
-    }
-    setAccessibilityValue(view, map)
-  }
-
-  private fun ReactViewManager.accessibilityLabelledBy(view: ReactViewGroup, value: MapBuffer) {
-    val converted =
-        if (value.count == 0) {
-          DynamicFromObject(null)
-        } else {
-          val array = JavaOnlyArray()
-          for (label in value) {
-            array.pushString(label.stringValue)
-          }
-          DynamicFromObject(array)
-        }
-
-    setAccessibilityLabelledBy(view, converted)
-  }
-
-  private fun ReactViewManager.backfaceVisibility(view: ReactViewGroup, value: Int) {
-    val stringName =
-        when (value) {
-          1 -> "visible"
-          2 -> "hidden"
-          else -> "auto"
-        }
-    setBackfaceVisibility(view, stringName)
-  }
-
-  private fun ReactViewManager.backgroundColor(view: ReactViewGroup, value: Int) {
-    val color = value.takeIf { it != UNDEF_COLOR } ?: Color.TRANSPARENT
-    setBackgroundColor(view, color)
-  }
-
-  private fun ReactViewManager.borderColor(view: ReactViewGroup, value: MapBuffer) {
-    for (entry in value) {
-      val index =
-          when (val key = entry.key) {
-            EDGE_ALL -> 0
-            EDGE_LEFT -> 1
-            EDGE_RIGHT -> 2
-            EDGE_TOP -> 3
-            EDGE_BOTTOM -> 4
-            EDGE_START -> 5
-            EDGE_END -> 6
-            EDGE_BLOCK -> 7
-            EDGE_BLOCK_END -> 8
-            EDGE_BLOCK_START -> 9
-            else -> throw IllegalArgumentException("Unknown key for border color: $key")
-          }
-      val colorValue = entry.intValue
-      setBorderColor(view, index, colorValue.takeIf { it != -1 })
-    }
-  }
-
-  private fun ReactViewManager.borderRadius(view: ReactViewGroup, value: MapBuffer) {
-    for (entry in value) {
-      val index =
-          when (val key = entry.key) {
-            CORNER_ALL -> 0
-            CORNER_TOP_LEFT -> 1
-            CORNER_TOP_RIGHT -> 2
-            CORNER_BOTTOM_RIGHT -> 3
-            CORNER_BOTTOM_LEFT -> 4
-            CORNER_TOP_START -> 5
-            CORNER_TOP_END -> 6
-            CORNER_BOTTOM_START -> 7
-            CORNER_BOTTOM_END -> 8
-            CORNER_END_END -> 9
-            CORNER_END_START -> 10
-            CORNER_START_END -> 11
-            CORNER_START_START -> 12
-            else -> throw IllegalArgumentException("Unknown key for border style: $key")
-          }
-      val borderRadius = entry.doubleValue
-      if (!borderRadius.isNaN()) {
-        setBorderRadius(view, index, borderRadius.toFloat())
-      }
-    }
-  }
-
-  private fun ReactViewManager.borderStyle(view: ReactViewGroup, value: Int) {
-    val stringValue =
-        when (value) {
-          0 -> "solid"
-          1 -> "dotted"
-          2 -> "dashed"
-          else -> null
-        }
-    setBorderStyle(view, stringValue)
-  }
-
-  private fun ReactViewGroup.hitSlop(value: MapBuffer) {
-    val rect =
-        Rect(
-            PixelUtil.toPixelFromDIP(value.getDouble(EDGE_LEFT)).toInt(),
-            PixelUtil.toPixelFromDIP(value.getDouble(EDGE_TOP)).toInt(),
-            PixelUtil.toPixelFromDIP(value.getDouble(EDGE_RIGHT)).toInt(),
-            PixelUtil.toPixelFromDIP(value.getDouble(EDGE_BOTTOM)).toInt(),
-        )
-    hitSlopRect = rect
-  }
-
-  private fun ReactViewGroup.importantForAccessibility(value: Int) {
-    val mode =
-        when (value) {
-          0 -> ViewCompat.IMPORTANT_FOR_ACCESSIBILITY_AUTO
-          1 -> ViewCompat.IMPORTANT_FOR_ACCESSIBILITY_YES
-          2 -> ViewCompat.IMPORTANT_FOR_ACCESSIBILITY_NO
-          3 -> ViewCompat.IMPORTANT_FOR_ACCESSIBILITY_NO_HIDE_DESCENDANTS
-          else -> ViewCompat.IMPORTANT_FOR_ACCESSIBILITY_AUTO
-        }
-    ViewCompat.setImportantForAccessibility(this, mode)
-  }
-
-  private fun ReactViewGroup.role(value: Int) {
-    setTag(R.id.role, Role.values()[value])
-  }
-
-  private fun ReactViewGroup.pointerEvents(value: Int) {
-    val pointerEvents =
-        when (value) {
-          0 -> PointerEvents.AUTO
-          1 -> PointerEvents.NONE
-          2 -> PointerEvents.BOX_NONE
-          3 -> PointerEvents.BOX_ONLY
-          else -> throw IllegalArgumentException("Unknown value for pointer events: $value")
-        }
-    setPointerEvents(pointerEvents)
-  }
-
-  private fun ReactViewManager.transform(view: ReactViewGroup, value: MapBuffer) {
-    val list = JavaOnlyArray()
-    for (entry in value) {
-      list.pushDouble(entry.doubleValue)
-    }
-    setTransform(view, list)
-  }
-
-  private fun ReactViewManager.borderWidth(view: ReactViewGroup, value: MapBuffer) {
-    for (entry in value) {
-      val index =
-          when (val key = entry.key) {
-            EDGE_ALL -> 0
-            EDGE_LEFT -> 1
-            EDGE_RIGHT -> 2
-            EDGE_TOP -> 3
-            EDGE_BOTTOM -> 4
-            EDGE_START -> 5
-            EDGE_END -> 6
-            else -> throw IllegalArgumentException("Unknown key for border width: $key")
-          }
-      val borderWidth = entry.doubleValue
-      if (!borderWidth.isNaN()) {
-        setBorderWidth(view, index, borderWidth.toFloat())
-      }
-    }
-  }
-
-  private fun ReactViewManager.overflow(view: ReactViewGroup, value: Int) {
-    val stringValue =
-        when (value) {
-          0 -> "visible"
-          1 -> "hidden"
-          2 -> "scroll"
-          else -> throw IllegalArgumentException("Unknown overflow value: $value")
-        }
-
-    setOverflow(view, stringValue)
-  }
-
-  private fun ReactViewManager.shadowColor(view: ReactViewGroup, value: Int) {
-    val color = value.takeIf { it != UNDEF_COLOR } ?: Color.BLACK
-    setShadowColor(view, color)
-  }
-
-  private fun ReactViewManager.nativeBackground(view: ReactViewGroup, value: MapBuffer) {
-    setNativeBackground(view, value.toJsDrawableDescription())
-  }
-
-  private fun ReactViewManager.nativeForeground(view: ReactViewGroup, value: MapBuffer) {
-    setNativeForeground(view, value.toJsDrawableDescription())
-  }
-
-  private fun MapBuffer.toJsDrawableDescription(): ReadableMap? {
-    if (count == 0) {
-      return null
-    }
-
-    val kind = getInt(NATIVE_DRAWABLE_KIND)
-    val result = JavaOnlyMap()
-    when (kind) {
-      0 -> {
-        result.putString("type", "ThemeAttrAndroid")
-        result.putString("attribute", getString(NATIVE_DRAWABLE_ATTRIBUTE))
-      }
-      1 -> {
-        result.putString("type", "RippleAndroid")
-        if (contains(NATIVE_DRAWABLE_COLOR)) {
-          result.putInt("color", getInt(NATIVE_DRAWABLE_COLOR))
-        }
-        result.putBoolean("borderless", getBoolean(NATIVE_DRAWABLE_BORDERLESS))
-        if (contains(NATIVE_DRAWABLE_RIPPLE_RADIUS)) {
-          result.putDouble("rippleRadius", getDouble(NATIVE_DRAWABLE_RIPPLE_RADIUS))
-        }
-      }
-      else -> throw IllegalArgumentException("Unknown native drawable: $kind")
-    }
-    return result
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactMapBufferViewManager.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactMapBufferViewManager.kt
deleted file mode 100644
index e1a19fd9dd11da..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactMapBufferViewManager.kt
+++ /dev/null
@@ -1,76 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.views.view
-
-import android.view.View
-import com.facebook.react.bridge.ReadableArray
-import com.facebook.react.common.mapbuffer.ReadableMapBuffer
-import com.facebook.react.touch.JSResponderHandler
-import com.facebook.react.uimanager.ReactStylesDiffMap
-import com.facebook.react.uimanager.StateWrapper
-import com.facebook.react.uimanager.ThemedReactContext
-import com.facebook.react.uimanager.ViewGroupManager
-
-object ReactMapBufferViewManager : ReactViewManagerWrapper {
-  private val viewManager = ReactViewManager()
-
-  override fun createView(
-      reactTag: Int,
-      reactContext: ThemedReactContext,
-      props: Any?,
-      stateWrapper: StateWrapper?,
-      jsResponderHandler: JSResponderHandler
-  ): View =
-      viewManager
-          .createView(
-              reactTag,
-              reactContext,
-              props as? ReactStylesDiffMap,
-              stateWrapper,
-              jsResponderHandler)
-          .also { view ->
-            if (props is ReadableMapBuffer) {
-              updateProperties(view, props)
-            }
-          }
-
-  override fun updateProperties(viewToUpdate: View, props: Any?) {
-    if (props !is ReadableMapBuffer) {
-      viewManager.updateProperties(viewToUpdate as ReactViewGroup, props as? ReactStylesDiffMap)
-    } else {
-      ReactMapBufferPropSetter.setProps(viewToUpdate as ReactViewGroup, viewManager, props)
-    }
-  }
-
-  override fun receiveCommand(root: View, commandId: String, args: ReadableArray?) {
-    viewManager.receiveCommand(root as ReactViewGroup, commandId, args)
-  }
-
-  override fun receiveCommand(root: View, commandId: Int, args: ReadableArray?) {
-    viewManager.receiveCommand(root as ReactViewGroup, commandId, args)
-  }
-
-  override fun setPadding(view: View, left: Int, top: Int, right: Int, bottom: Int) {
-    viewManager.setPadding(view as ReactViewGroup, left, top, right, bottom)
-  }
-
-  override fun updateState(view: View, props: Any?, stateWrapper: StateWrapper?): Any? = null
-
-  override fun updateExtraData(root: View, extraData: Any?) {
-    viewManager.updateExtraData(root as ReactViewGroup, extraData)
-  }
-
-  override fun onDropViewInstance(view: View) {
-    viewManager.onDropViewInstance(view as ReactViewGroup)
-  }
-
-  override fun getName(): String = viewManager.name
-
-  override val viewGroupManager: ViewGroupManager<*>
-    get() = viewManager
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java
index 110bf7527da06d..c93128a89aa270 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundDrawable.java
@@ -24,7 +24,6 @@
 import android.view.View;
 import androidx.annotation.Nullable;
 import com.facebook.react.common.annotations.VisibleForTesting;
-import com.facebook.react.config.ReactFeatureFlags;
 import com.facebook.react.modules.i18nmanager.I18nUtil;
 import com.facebook.react.uimanager.FloatUtil;
 import com.facebook.react.uimanager.Spacing;
@@ -110,8 +109,7 @@ private enum BorderStyle {
   // such as between the mBackgroundColorRenderPath and its border.
   // The smallest amount (found to be 0.8f) is used to extend
   // the paths, overlapping them and closing the visible gap.
-  private final float mGapBetweenPaths =
-      ReactFeatureFlags.enableCloseVisibleGapBetweenPaths ? 0.8f : 0.0f;
+  private final float mGapBetweenPaths = 0.8f;
 
   private @Nullable float[] mBorderCornerRadii;
   private final Context mContext;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java
index 9b479fa42214be..5c616597d502cd 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewBackgroundManager.java
@@ -22,13 +22,13 @@ public class ReactViewBackgroundManager {
   private int mColor = Color.TRANSPARENT;
 
   public ReactViewBackgroundManager(View view) {
-    this.mView = view;
+    mView = view;
   }
 
   public void cleanup() {
     ViewCompat.setBackground(mView, null);
-    this.mView = null;
-    this.mReactBackgroundDrawable = null;
+    mView = null;
+    mReactBackgroundDrawable = null;
   }
 
   private ReactViewBackgroundDrawable getOrCreateReactViewBackground() {
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java
index d21362d48fb729..793a0f9a584300 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewGroup.java
@@ -32,6 +32,7 @@
 import com.facebook.react.bridge.ReactSoftExceptionLogger;
 import com.facebook.react.bridge.UiThreadUtil;
 import com.facebook.react.common.annotations.VisibleForTesting;
+import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags;
 import com.facebook.react.modules.i18nmanager.I18nUtil;
 import com.facebook.react.touch.OnInterceptTouchEventListener;
 import com.facebook.react.touch.ReactHitSlopView;
@@ -418,10 +419,10 @@ private void updateSubviewClipStatus(Rect clippingRect, int idx, int clippedSoFa
     if (!intersects && child.getParent() != null && !isAnimating) {
       // We can try saving on invalidate call here as the view that we remove is out of visible area
       // therefore invalidation is not necessary.
-      super.removeViewsInLayout(idx - clippedSoFar, 1);
+      removeViewsInLayout(idx - clippedSoFar, 1);
       needUpdateClippingRecursive = true;
     } else if (intersects && child.getParent() == null) {
-      super.addViewInLayout(child, idx - clippedSoFar, sDefaultLayoutParam, true);
+      addViewInLayout(child, idx - clippedSoFar, sDefaultLayoutParam, true);
       invalidate();
       needUpdateClippingRecursive = true;
     } else if (intersects) {
@@ -496,26 +497,25 @@ private boolean customDrawOrderDisabled() {
     if (getId() == NO_ID) {
       return false;
     }
-    return ViewUtil.getUIManagerType(getId()) == UIManagerType.FABRIC;
+    if (ViewUtil.getUIManagerType(getId()) != UIManagerType.FABRIC) {
+      return false;
+    }
+
+    return !ReactNativeFeatureFlags.enableCustomDrawOrderFabric();
   }
 
-  @Override
-  public void addView(View child, int index, ViewGroup.LayoutParams params) {
-    // This will get called for every overload of addView so there is not need to override every
-    // method.
+  private void handleAddView(View view) {
+    UiThreadUtil.assertOnUiThread();
 
     if (!customDrawOrderDisabled()) {
-      getDrawingOrderHelper().handleAddView(child);
+      getDrawingOrderHelper().handleAddView(view);
       setChildrenDrawingOrderEnabled(getDrawingOrderHelper().shouldEnableCustomDrawingOrder());
     } else {
       setChildrenDrawingOrderEnabled(false);
     }
-
-    super.addView(child, index, params);
   }
 
-  @Override
-  public void removeView(View view) {
+  private void handleRemoveView(View view) {
     UiThreadUtil.assertOnUiThread();
 
     if (!customDrawOrderDisabled()) {
@@ -524,22 +524,60 @@ public void removeView(View view) {
     } else {
       setChildrenDrawingOrderEnabled(false);
     }
+  }
+
+  private void handleRemoveViews(int start, int count) {
+    int endIndex = start + count;
+    for (int index = start; index < endIndex; index++) {
+      if (index < getChildCount()) {
+        handleRemoveView(getChildAt(index));
+      }
+    }
+  }
 
+  @Override
+  public void addView(View child, int index, ViewGroup.LayoutParams params) {
+    // This will get called for every overload of addView so there is not need to override every
+    // method.
+    handleAddView(child);
+    super.addView(child, index, params);
+  }
+
+  @Override
+  protected boolean addViewInLayout(
+      View child, int index, LayoutParams params, boolean preventRequestLayout) {
+    handleAddView(child);
+    return super.addViewInLayout(child, index, params, preventRequestLayout);
+  }
+
+  @Override
+  public void removeView(View view) {
+    handleRemoveView(view);
     super.removeView(view);
   }
 
   @Override
   public void removeViewAt(int index) {
-    UiThreadUtil.assertOnUiThread();
+    handleRemoveView(getChildAt(index));
+    super.removeViewAt(index);
+  }
 
-    if (!customDrawOrderDisabled()) {
-      getDrawingOrderHelper().handleRemoveView(getChildAt(index));
-      setChildrenDrawingOrderEnabled(getDrawingOrderHelper().shouldEnableCustomDrawingOrder());
-    } else {
-      setChildrenDrawingOrderEnabled(false);
-    }
+  @Override
+  public void removeViewInLayout(View view) {
+    handleRemoveView(view);
+    super.removeViewInLayout(view);
+  }
 
-    super.removeViewAt(index);
+  @Override
+  public void removeViewsInLayout(int start, int count) {
+    handleRemoveViews(start, count);
+    super.removeViewsInLayout(start, count);
+  }
+
+  @Override
+  public void removeViews(int start, int count) {
+    handleRemoveViews(start, count);
+    super.removeViews(start, count);
   }
 
   @Override
@@ -648,7 +686,9 @@ public void run() {
     }
   }
 
-  /*package*/ void removeViewWithSubviewClippingEnabled(View view) {
+  // TODO: make this method package only once we remove Android's mounting layer retry mechanism.
+  @VisibleForTesting
+  public void removeViewWithSubviewClippingEnabled(View view) {
     UiThreadUtil.assertOnUiThread();
 
     Assertions.assertCondition(mRemoveClippedSubviews);
@@ -663,7 +703,7 @@ public void run() {
           clippedSoFar++;
         }
       }
-      super.removeViewsInLayout(index - clippedSoFar, 1);
+      removeViewsInLayout(index - clippedSoFar, 1);
     }
     removeFromArray(index);
   }
@@ -716,7 +756,6 @@ private void addInArray(View child, int index) {
     }
   }
 
-  // This method also sets the child's mParent to null
   private void removeFromArray(int index) {
     final View[] children = Assertions.assertNotNull(mAllChildren);
     final int count = mAllChildrenCount;
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewManagerWrapper.kt b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewManagerWrapper.kt
deleted file mode 100644
index 69518a1524ba56..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ReactViewManagerWrapper.kt
+++ /dev/null
@@ -1,101 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.views.view
-
-import android.view.View
-import com.facebook.react.bridge.ReadableArray
-import com.facebook.react.touch.JSResponderHandler
-import com.facebook.react.uimanager.IViewGroupManager
-import com.facebook.react.uimanager.ReactStylesDiffMap
-import com.facebook.react.uimanager.StateWrapper
-import com.facebook.react.uimanager.ThemedReactContext
-import com.facebook.react.uimanager.ViewManager
-
-/** Temporary to help trace the cause of T151032868 */
-class ReactViewReturnTypeException(message: String, e: Throwable) : Exception(message, e)
-
-interface ReactViewManagerWrapper {
-  fun createView(
-      reactTag: Int,
-      reactContext: ThemedReactContext,
-      props: Any?,
-      stateWrapper: StateWrapper?,
-      jsResponderHandler: JSResponderHandler
-  ): View
-
-  fun updateProperties(viewToUpdate: View, props: Any?)
-
-  fun receiveCommand(root: View, commandId: String, args: ReadableArray?)
-
-  fun receiveCommand(root: View, commandId: Int, args: ReadableArray?)
-
-  fun setPadding(view: View, left: Int, top: Int, right: Int, bottom: Int)
-
-  fun updateState(view: View, props: Any?, stateWrapper: StateWrapper?): Any?
-
-  fun updateExtraData(root: View, extraData: Any?)
-
-  fun onDropViewInstance(view: View)
-
-  fun getName(): String
-
-  val viewGroupManager: IViewGroupManager<*>
-
-  class DefaultViewManager(private val viewManager: ViewManager<View, *>) :
-      ReactViewManagerWrapper {
-    override fun createView(
-        reactTag: Int,
-        reactContext: ThemedReactContext,
-        props: Any?,
-        stateWrapper: StateWrapper?,
-        jsResponderHandler: JSResponderHandler
-    ): View {
-      try {
-        return viewManager.createView(
-            reactTag, reactContext, props as? ReactStylesDiffMap, stateWrapper, jsResponderHandler)
-      } catch (e: NullPointerException) {
-        // Throwing to try capture information about the cause of T151032868, remove after.
-        throw ReactViewReturnTypeException(
-            "DefaultViewManagerWrapper::createView(${viewManager.getName()}, ${viewManager::class.java}) can't return null",
-            e)
-      }
-    }
-
-    override fun updateProperties(viewToUpdate: View, props: Any?) {
-      viewManager.updateProperties(viewToUpdate, props as? ReactStylesDiffMap)
-    }
-
-    override fun receiveCommand(root: View, commandId: String, args: ReadableArray?) {
-      viewManager.receiveCommand(root, commandId, args)
-    }
-
-    override fun receiveCommand(root: View, commandId: Int, args: ReadableArray?) {
-      @Suppress("DEPRECATION") viewManager.receiveCommand(root, commandId, args)
-    }
-
-    override fun setPadding(view: View, left: Int, top: Int, right: Int, bottom: Int) {
-      viewManager.setPadding(view, left, top, right, bottom)
-    }
-
-    override fun updateState(view: View, props: Any?, stateWrapper: StateWrapper?): Any? =
-        viewManager.updateState(view, props as? ReactStylesDiffMap, stateWrapper)
-
-    override fun updateExtraData(root: View, extraData: Any?) {
-      viewManager.updateExtraData(root, extraData)
-    }
-
-    override fun onDropViewInstance(view: View) {
-      viewManager.onDropViewInstance(view)
-    }
-
-    override fun getName(): String = viewManager.name
-
-    override val viewGroupManager: IViewGroupManager<*>
-      get() = viewManager as IViewGroupManager<*>
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ViewGroupClickEvent.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ViewGroupClickEvent.java
index 0d071c23d80f9d..e6d7c0f10afe96 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ViewGroupClickEvent.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/react/views/view/ViewGroupClickEvent.java
@@ -8,12 +8,14 @@
 package com.facebook.react.views.view;
 
 import androidx.annotation.Nullable;
+import com.facebook.infer.annotation.Nullsafe;
 import com.facebook.react.bridge.Arguments;
 import com.facebook.react.bridge.WritableMap;
 import com.facebook.react.uimanager.common.ViewUtil;
 import com.facebook.react.uimanager.events.Event;
 
 /** Represents a Click on the ReactViewGroup */
+@Nullsafe(Nullsafe.Mode.LOCAL)
 public class ViewGroupClickEvent extends Event<ViewGroupClickEvent> {
   private static final String EVENT_NAME = "topClick";
 
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaAlign.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaAlign.java
index a60d77e0f294b3..00535154fca164 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaAlign.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaAlign.java
@@ -17,7 +17,8 @@ public enum YogaAlign {
   STRETCH(4),
   BASELINE(5),
   SPACE_BETWEEN(6),
-  SPACE_AROUND(7);
+  SPACE_AROUND(7),
+  SPACE_EVENLY(8);
 
   private final int mIntValue;
 
@@ -39,6 +40,7 @@ public static YogaAlign fromInt(int value) {
       case 5: return BASELINE;
       case 6: return SPACE_BETWEEN;
       case 7: return SPACE_AROUND;
+      case 8: return SPACE_EVENLY;
       default: throw new IllegalArgumentException("Unknown enum value: " + value);
     }
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java
index bd7b2998ce3af2..c841acd741fc0c 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfig.java
@@ -15,8 +15,6 @@ public abstract class YogaConfig {
 
   public abstract void setUseWebDefaults(boolean useWebDefaults);
 
-  public abstract void setPrintTreeFlag(boolean enable);
-
   public abstract void setPointScaleFactor(float pixelsInPoint);
 
   public abstract void setErrata(YogaErrata errata);
@@ -27,5 +25,5 @@ public abstract class YogaConfig {
 
   public abstract YogaLogger getLogger();
 
-  abstract long getNativePointer();
+  protected abstract long getNativePointer();
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfigJNIBase.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfigJNIBase.java
index 8e7c94921c9034..a131cca4694f22 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfigJNIBase.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaConfigJNIBase.java
@@ -35,10 +35,6 @@ public void setUseWebDefaults(boolean useWebDefaults) {
     YogaNative.jni_YGConfigSetUseWebDefaultsJNI(mNativePointer, useWebDefaults);
   }
 
-  public void setPrintTreeFlag(boolean enable) {
-    YogaNative.jni_YGConfigSetPrintTreeFlagJNI(mNativePointer, enable);
-  }
-
   public void setPointScaleFactor(float pixelsInPoint) {
     YogaNative.jni_YGConfigSetPointScaleFactorJNI(mNativePointer, pixelsInPoint);
   }
@@ -60,7 +56,7 @@ public YogaLogger getLogger() {
     return mLogger;
   }
 
-  long getNativePointer() {
+  protected long getNativePointer() {
     return mNativePointer;
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaErrata.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaErrata.java
index 6ae5ac0e7cbf08..a0f26bf2a930cc 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaErrata.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaErrata.java
@@ -12,6 +12,8 @@
 public enum YogaErrata {
   NONE(0),
   STRETCH_FLEX_BASIS(1),
+  ABSOLUTE_POSITIONING_INCORRECT(2),
+  ABSOLUTE_PERCENT_AGAINST_INNER_SIZE(4),
   ALL(2147483647),
   CLASSIC(2147483646);
 
@@ -29,6 +31,8 @@ public static YogaErrata fromInt(int value) {
     switch (value) {
       case 0: return NONE;
       case 1: return STRETCH_FLEX_BASIS;
+      case 2: return ABSOLUTE_POSITIONING_INCORRECT;
+      case 4: return ABSOLUTE_PERCENT_AGAINST_INNER_SIZE;
       case 2147483647: return ALL;
       case 2147483646: return CLASSIC;
       default: throw new IllegalArgumentException("Unknown enum value: " + value);
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaExperimentalFeature.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaExperimentalFeature.java
index a9e621ef5a71c4..3fabbb91729263 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaExperimentalFeature.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaExperimentalFeature.java
@@ -10,8 +10,7 @@
 package com.facebook.yoga;
 
 public enum YogaExperimentalFeature {
-  WEB_FLEX_BASIS(0),
-  ABSOLUTE_PERCENTAGE_AGAINST_PADDING_EDGE(1);
+  WEB_FLEX_BASIS(0);
 
   private final int mIntValue;
 
@@ -26,7 +25,6 @@ public int intValue() {
   public static YogaExperimentalFeature fromInt(int value) {
     switch (value) {
       case 0: return WEB_FLEX_BASIS;
-      case 1: return ABSOLUTE_PERCENTAGE_AGAINST_PADDING_EDGE;
       default: throw new IllegalArgumentException("Unknown enum value: " + value);
     }
   }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java
index 89e3cde6b02df8..9be9edcf8742c5 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNative.java
@@ -22,7 +22,6 @@ public class YogaNative {
   static native void jni_YGConfigFreeJNI(long nativePointer);
   static native void jni_YGConfigSetExperimentalFeatureEnabledJNI(long nativePointer, int feature, boolean enabled);
   static native void jni_YGConfigSetUseWebDefaultsJNI(long nativePointer, boolean useWebDefaults);
-  static native void jni_YGConfigSetPrintTreeFlagJNI(long nativePointer, boolean enable);
   static native void jni_YGConfigSetPointScaleFactorJNI(long nativePointer, float pixelsInPoint);
   static native void jni_YGConfigSetErrataJNI(long nativePointer, int errata);
   static native int jni_YGConfigGetErrataJNI(long nativePointer);
@@ -31,7 +30,7 @@ public class YogaNative {
   // YGNode related
   static native long jni_YGNodeNewJNI();
   static native long jni_YGNodeNewWithConfigJNI(long configPointer);
-  static native void jni_YGNodeDeallocateJNI(long nativePointer);
+  static native void jni_YGNodeFinalizeJNI(long nativePointer);
   static native void jni_YGNodeResetJNI(long nativePointer);
   static native void jni_YGNodeInsertChildJNI(long nativePointer, long childPointer, int index);
   static native void jni_YGNodeSwapChildJNI(long nativePointer, long childPointer, int index);
@@ -41,7 +40,6 @@ public class YogaNative {
   static native void jni_YGNodeRemoveChildJNI(long nativePointer, long childPointer);
   static native void jni_YGNodeCalculateLayoutJNI(long nativePointer, float width, float height, long[] nativePointers, YogaNodeJNIBase[] nodes);
   static native void jni_YGNodeMarkDirtyJNI(long nativePointer);
-  static native void jni_YGNodeMarkDirtyAndPropagateToDescendantsJNI(long nativePointer);
   static native boolean jni_YGNodeIsDirtyJNI(long nativePointer);
   static native void jni_YGNodeCopyStyleJNI(long dstNativePointer, long srcNativePointer);
   static native int jni_YGNodeStyleGetDirectionJNI(long nativePointer);
@@ -112,7 +110,7 @@ public class YogaNative {
   static native void jni_YGNodeStyleSetGapJNI(long nativePointer, int gutter, float gapLength);
   static native void jni_YGNodeSetHasMeasureFuncJNI(long nativePointer, boolean hasMeasureFunc);
   static native void jni_YGNodeSetHasBaselineFuncJNI(long nativePointer, boolean hasMeasureFunc);
-  static native void jni_YGNodePrintJNI(long nativePointer);
   static native void jni_YGNodeSetStyleInputsJNI(long nativePointer, float[] styleInputsArray, int size);
   static native long jni_YGNodeCloneJNI(long nativePointer);
+  static native void jni_YGNodeSetAlwaysFormsContainingBlockJNI(long nativePointer, boolean alwaysFormContainingBlock);
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
index 1f19ec5bbdeea3..4875ac3e8ca2a0 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNode.java
@@ -221,9 +221,9 @@ public interface Inputs {
   @Nullable
   public abstract Object getData();
 
-  public abstract void print();
-
   public abstract YogaNode cloneWithoutChildren();
 
   public abstract YogaNode cloneWithChildren();
+
+  public abstract void setAlwaysFormsContainingBlock(boolean alwaysFormsContainingBlock);
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java
index 9100e64c817b44..df958df1666afb 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIBase.java
@@ -231,10 +231,6 @@ public void dirty() {
     YogaNative.jni_YGNodeMarkDirtyJNI(mNativePointer);
   }
 
-  public void dirtyAllDescendants() {
-    YogaNative.jni_YGNodeMarkDirtyAndPropagateToDescendantsJNI(mNativePointer);
-  }
-
   public boolean isDirty() {
     return YogaNative.jni_YGNodeIsDirtyJNI(mNativePointer);
   }
@@ -508,6 +504,11 @@ public void setMeasureFunction(YogaMeasureFunction measureFunction) {
     YogaNative.jni_YGNodeSetHasMeasureFuncJNI(mNativePointer, measureFunction != null);
   }
 
+  @Override
+  public void setAlwaysFormsContainingBlock(boolean alwaysFormsContainingBlock) {
+    YogaNative.jni_YGNodeSetAlwaysFormsContainingBlockJNI(mNativePointer, alwaysFormsContainingBlock);
+  }
+
   // Implementation Note: Why this method needs to stay final
   //
   // We cache the jmethodid for this method in Yoga code. This means that even if a subclass
@@ -555,14 +556,6 @@ public void setData(Object data) {
     return mData;
   }
 
-  /**
-   * Use the set logger (defaults to adb log) to print out the styles, children, and computed layout
-   * of the tree rooted at this node.
-   */
-  public void print() {
-    YogaNative.jni_YGNodePrintJNI(mNativePointer);
-  }
-
   /**
    * This method replaces the child at childIndex position with the newNode received by parameter.
    * This is different than calling removeChildAt and addChildAt because this method ONLY replaces
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIFinalizer.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIFinalizer.java
index ab617c7f16ff6c..23cf2a31e53091 100644
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIFinalizer.java
+++ b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaNodeJNIFinalizer.java
@@ -29,7 +29,7 @@ public void freeNatives() {
     if (mNativePointer != 0) {
       long nativePointer = mNativePointer;
       mNativePointer = 0;
-      YogaNative.jni_YGNodeDeallocateJNI(nativePointer);
+      YogaNative.jni_YGNodeFinalizeJNI(nativePointer);
     }
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaPrintOptions.java b/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaPrintOptions.java
deleted file mode 100644
index 54eacc51d3a19e..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/java/com/facebook/yoga/YogaPrintOptions.java
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// @generated by enums.py
-
-package com.facebook.yoga;
-
-public enum YogaPrintOptions {
-  LAYOUT(1),
-  STYLE(2),
-  CHILDREN(4);
-
-  private final int mIntValue;
-
-  YogaPrintOptions(int intValue) {
-    mIntValue = intValue;
-  }
-
-  public int intValue() {
-    return mIntValue;
-  }
-
-  public static YogaPrintOptions fromInt(int value) {
-    switch (value) {
-      case 1: return LAYOUT;
-      case 2: return STYLE;
-      case 4: return CHILDREN;
-      default: throw new IllegalArgumentException("Unknown enum value: " + value);
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/main/jni/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/CMakeLists.txt
index e71987bab948c0..0fe09d67baa626 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/CMakeLists.txt
+++ b/packages/react-native/ReactAndroid/src/main/jni/CMakeLists.txt
@@ -50,7 +50,6 @@ add_react_third_party_ndk_subdir(glog)
 add_react_third_party_ndk_subdir(boost)
 add_react_third_party_ndk_subdir(double-conversion)
 add_react_third_party_ndk_subdir(fmt)
-add_react_third_party_ndk_subdir(libevent)
 add_react_third_party_ndk_subdir(folly)
 add_react_third_party_ndk_subdir(jsc)
 add_react_third_party_ndk_subdir(googletest)
@@ -71,6 +70,7 @@ add_react_common_subdir(hermes/inspector-modern)
 add_react_common_subdir(react/renderer/runtimescheduler)
 add_react_common_subdir(react/debug)
 add_react_common_subdir(react/config)
+add_react_common_subdir(react/featureflags)
 add_react_common_subdir(react/renderer/animations)
 add_react_common_subdir(react/renderer/attributedstring)
 add_react_common_subdir(react/renderer/componentregistry)
@@ -119,12 +119,15 @@ add_react_android_subdir(src/main/jni/react/uimanager)
 add_react_android_subdir(src/main/jni/react/mapbuffer)
 add_react_android_subdir(src/main/jni/react/reactnativeblob)
 add_react_android_subdir(src/main/jni/react/fabric)
+add_react_android_subdir(src/main/jni/react/featureflags)
 add_react_android_subdir(src/main/jni/react/newarchdefaults)
 add_react_android_subdir(src/main/jni/react/hermes/reactexecutor)
 add_react_android_subdir(src/main/jni/react/hermes/instrumentation/)
+add_react_android_subdir(src/main/jni/react/runtime/cxxreactpackage)
 add_react_android_subdir(src/main/jni/react/runtime/jni)
 add_react_android_subdir(src/main/jni/react/runtime/hermes/jni)
 add_react_android_subdir(src/main/jni/react/runtime/jsc/jni)
+add_react_android_subdir(src/main/jni/react/devsupport)
 
 # GTest dependencies
 add_executable(reactnative_unittest
@@ -151,7 +154,6 @@ add_executable(reactnative_unittest
   ${REACT_COMMON_DIR}/react/renderer/core/tests/PrimitivesTest.cpp
   ${REACT_COMMON_DIR}/react/renderer/core/tests/RawPropsTest.cpp
   ${REACT_COMMON_DIR}/react/renderer/core/tests/ShadowNodeFamilyTest.cpp
-  ${REACT_COMMON_DIR}/react/renderer/core/tests/traitCastTest.cpp
   ${REACT_COMMON_DIR}/react/renderer/debug/tests/DebugStringConvertibleTest.cpp
   ${REACT_COMMON_DIR}/react/renderer/element/tests/ElementTest.cpp
   ${REACT_COMMON_DIR}/react/renderer/graphics/tests/GraphicsTest.cpp
@@ -190,7 +192,6 @@ add_executable(reactnative_unittest
 
   target_link_libraries(reactnative_unittest
   folly_runtime
-  folly_futures
   glog
   glog_init
   gtest_main
diff --git a/packages/react-native/ReactAndroid/src/main/jni/first-party/fb/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/first-party/fb/CMakeLists.txt
index 16eb9527e1b8fe..572123bb390acf 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/first-party/fb/CMakeLists.txt
+++ b/packages/react-native/ReactAndroid/src/main/jni/first-party/fb/CMakeLists.txt
@@ -7,7 +7,7 @@ cmake_minimum_required(VERSION 3.13)
 set(CMAKE_VERBOSE_MAKEFILE on)
 
 add_library(fb
-        SHARED
+        STATIC
         assert.cpp
         log.cpp)
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/first-party/fbgloginit/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/first-party/fbgloginit/CMakeLists.txt
index 45ffd31f75faa3..194f607cc113ab 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/first-party/fbgloginit/CMakeLists.txt
+++ b/packages/react-native/ReactAndroid/src/main/jni/first-party/fbgloginit/CMakeLists.txt
@@ -8,7 +8,7 @@ set(CMAKE_VERBOSE_MAKEFILE on)
 
 add_compile_options(-fexceptions -fno-omit-frame-pointer)
 
-add_library(glog_init SHARED glog_init.cpp)
+add_library(glog_init STATIC glog_init.cpp)
 
 target_include_directories(glog_init PUBLIC .)
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNIVanilla.cpp b/packages/react-native/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNIVanilla.cpp
index 9e69b7b70a56e3..97fb17899c5266 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNIVanilla.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/first-party/yogajni/jni/YGJNIVanilla.cpp
@@ -6,6 +6,7 @@
  */
 
 #include "YGJNIVanilla.h"
+#include <bit>
 #include <cstring>
 #include <iostream>
 #include <memory>
@@ -16,9 +17,6 @@
 #include "common.h"
 #include "jni.h"
 
-#include <yoga/Yoga-internal.h>
-#include <yoga/bits/BitCast.h>
-
 using namespace facebook;
 using namespace facebook::yoga;
 using namespace facebook::yoga::vanillajni;
@@ -68,15 +66,6 @@ static void jni_YGConfigSetUseWebDefaultsJNI(
   YGConfigSetUseWebDefaults(config, useWebDefaults);
 }
 
-static void jni_YGConfigSetPrintTreeFlagJNI(
-    JNIEnv* /*env*/,
-    jobject /*obj*/,
-    jlong nativePointer,
-    jboolean enable) {
-  const YGConfigRef config = _jlong2YGConfigRef(nativePointer);
-  YGConfigSetPrintTreeFlag(config, enable);
-}
-
 static void jni_YGConfigSetPointScaleFactorJNI(
     JNIEnv* /*env*/,
     jobject /*obj*/,
@@ -190,12 +179,12 @@ static void jni_YGConfigSetLoggerJNI(
 }
 
 static void
-jni_YGNodeDeallocateJNI(JNIEnv* /*env*/, jobject /*obj*/, jlong nativePointer) {
+jni_YGNodeFinalizeJNI(JNIEnv* /*env*/, jobject /*obj*/, jlong nativePointer) {
   if (nativePointer == 0) {
     return;
   }
   const YGNodeRef node = _jlong2YGNodeRef(nativePointer);
-  YGNodeDeallocate(node);
+  YGNodeFinalize(node);
 }
 
 static void
@@ -385,13 +374,6 @@ jni_YGNodeMarkDirtyJNI(JNIEnv* /*env*/, jobject /*obj*/, jlong nativePointer) {
   YGNodeMarkDirty(_jlong2YGNodeRef(nativePointer));
 }
 
-static void jni_YGNodeMarkDirtyAndPropagateToDescendantsJNI(
-    JNIEnv* /*env*/,
-    jobject /*obj*/,
-    jlong nativePointer) {
-  YGNodeMarkDirtyAndPropagateToDescendants(_jlong2YGNodeRef(nativePointer));
-}
-
 static jboolean
 jni_YGNodeIsDirtyJNI(JNIEnv* /*env*/, jobject /*obj*/, jlong nativePointer) {
   return (jboolean)YGNodeIsDirty(_jlong2YGNodeRef(nativePointer));
@@ -644,9 +626,8 @@ static YGSize YGJNIMeasureFunc(
 
     uint32_t wBits = 0xFFFFFFFF & (measureResult >> 32);
     uint32_t hBits = 0xFFFFFFFF & measureResult;
-
-    const float measuredWidth = yoga::bit_cast<float>(wBits);
-    const float measuredHeight = yoga::bit_cast<float>(hBits);
+    float measuredWidth = std::bit_cast<float>(wBits);
+    float measuredHeight = std::bit_cast<float>(hBits);
 
     return YGSize{measuredWidth, measuredHeight};
   } else {
@@ -691,16 +672,13 @@ static void jni_YGNodeSetHasBaselineFuncJNI(
       hasBaselineFunc ? YGJNIBaselineFunc : nullptr);
 }
 
-static void
-jni_YGNodePrintJNI(JNIEnv* /*env*/, jobject /*obj*/, jlong nativePointer) {
-#ifdef DEBUG
-  const YGNodeRef node = _jlong2YGNodeRef(nativePointer);
-  YGNodePrint(
-      node,
-      (YGPrintOptions)(YGPrintOptionsStyle | YGPrintOptionsLayout | YGPrintOptionsChildren));
-#else
-  (void)nativePointer;
-#endif
+static void jni_YGNodeSetAlwaysFormsContainingBlockJNI(
+    JNIEnv* /*env*/,
+    jobject /*obj*/,
+    jlong nativePointer,
+    jboolean alwaysFormsContainingBlock) {
+  YGNodeSetAlwaysFormsContainingBlock(
+      _jlong2YGNodeRef(nativePointer), alwaysFormsContainingBlock);
 }
 
 static jlong
@@ -745,9 +723,6 @@ static JNINativeMethod methods[] = {
     {"jni_YGConfigSetUseWebDefaultsJNI",
      "(JZ)V",
      (void*)jni_YGConfigSetUseWebDefaultsJNI},
-    {"jni_YGConfigSetPrintTreeFlagJNI",
-     "(JZ)V",
-     (void*)jni_YGConfigSetPrintTreeFlagJNI},
     {"jni_YGConfigSetPointScaleFactorJNI",
      "(JF)V",
      (void*)jni_YGConfigSetPointScaleFactorJNI},
@@ -758,7 +733,7 @@ static JNINativeMethod methods[] = {
      (void*)jni_YGConfigSetLoggerJNI},
     {"jni_YGNodeNewJNI", "()J", (void*)jni_YGNodeNewJNI},
     {"jni_YGNodeNewWithConfigJNI", "(J)J", (void*)jni_YGNodeNewWithConfigJNI},
-    {"jni_YGNodeDeallocateJNI", "(J)V", (void*)jni_YGNodeDeallocateJNI},
+    {"jni_YGNodeFinalizeJNI", "(J)V", (void*)jni_YGNodeFinalizeJNI},
     {"jni_YGNodeResetJNI", "(J)V", (void*)jni_YGNodeResetJNI},
     {"jni_YGNodeInsertChildJNI", "(JJI)V", (void*)jni_YGNodeInsertChildJNI},
     {"jni_YGNodeSwapChildJNI", "(JJI)V", (void*)jni_YGNodeSwapChildJNI},
@@ -776,9 +751,6 @@ static JNINativeMethod methods[] = {
      "(JFF[J[Lcom/facebook/yoga/YogaNodeJNIBase;)V",
      (void*)jni_YGNodeCalculateLayoutJNI},
     {"jni_YGNodeMarkDirtyJNI", "(J)V", (void*)jni_YGNodeMarkDirtyJNI},
-    {"jni_YGNodeMarkDirtyAndPropagateToDescendantsJNI",
-     "(J)V",
-     (void*)jni_YGNodeMarkDirtyAndPropagateToDescendantsJNI},
     {"jni_YGNodeIsDirtyJNI", "(J)Z", (void*)jni_YGNodeIsDirtyJNI},
     {"jni_YGNodeCopyStyleJNI", "(JJ)V", (void*)jni_YGNodeCopyStyleJNI},
     {"jni_YGNodeStyleGetDirectionJNI",
@@ -971,7 +943,9 @@ static JNINativeMethod methods[] = {
     {"jni_YGNodeSetHasBaselineFuncJNI",
      "(JZ)V",
      (void*)jni_YGNodeSetHasBaselineFuncJNI},
-    {"jni_YGNodePrintJNI", "(J)V", (void*)jni_YGNodePrintJNI},
+    {"jni_YGNodeSetAlwaysFormsContainingBlockJNI",
+     "(JZ)V",
+     (void*)jni_YGNodeSetAlwaysFormsContainingBlockJNI},
     {"jni_YGNodeCloneJNI", "(J)J", (void*)jni_YGNodeCloneJNI},
 };
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/CMakeLists.txt
new file mode 100644
index 00000000000000..c2c6b29a74460e
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/CMakeLists.txt
@@ -0,0 +1,19 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+cmake_minimum_required(VERSION 3.13)
+set(CMAKE_VERBOSE_MAKEFILE on)
+
+add_compile_options(-fexceptions -frtti -std=c++20 -Wall -DLOG_TAG=\"ReactNative\")
+
+file(GLOB react_devsupportjni_SRC CONFIGURE_DEPENDS *.cpp)
+
+add_library(react_devsupportjni SHARED ${react_devsupportjni_SRC})
+
+target_include_directories(react_devsupportjni PUBLIC .)
+
+target_link_libraries(react_devsupportjni
+        fbjni
+        jsinspector)
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnection.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnection.cpp
new file mode 100644
index 00000000000000..ab900a18bd830c
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnection.cpp
@@ -0,0 +1,55 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "JCxxInspectorPackagerConnection.h"
+
+#include <fbjni/NativeRunnable.h>
+
+using namespace facebook::jni;
+
+namespace facebook::react::jsinspector_modern {
+
+JCxxInspectorPackagerConnection::JCxxInspectorPackagerConnection(
+    const std::string& url,
+    const std::string& packageName,
+    alias_ref<JDelegateImpl::javaobject> delegate)
+    : cxxImpl_(url, packageName, delegate->wrapInUniquePtr()) {}
+
+local_ref<JCxxInspectorPackagerConnection::jhybriddata>
+JCxxInspectorPackagerConnection::initHybrid(
+    alias_ref<jclass>,
+    const std::string& url,
+    const std::string& packageName,
+    alias_ref<JDelegateImpl::javaobject> delegate) {
+  return makeCxxInstance(url, packageName, delegate);
+}
+
+void JCxxInspectorPackagerConnection::connect() {
+  cxxImpl_.connect();
+}
+
+void JCxxInspectorPackagerConnection::closeQuietly() {
+  cxxImpl_.closeQuietly();
+}
+
+void JCxxInspectorPackagerConnection::sendEventToAllConnections(
+    const std::string& event) {
+  cxxImpl_.sendEventToAllConnections(event);
+}
+
+void JCxxInspectorPackagerConnection::registerNatives() {
+  registerHybrid(
+      {makeNativeMethod(
+           "initHybrid", JCxxInspectorPackagerConnection::initHybrid),
+       makeNativeMethod("connect", JCxxInspectorPackagerConnection::connect),
+       makeNativeMethod(
+           "closeQuietly", JCxxInspectorPackagerConnection::closeQuietly),
+       makeNativeMethod(
+           "sendEventToAllConnections",
+           JCxxInspectorPackagerConnection::sendEventToAllConnections)});
+}
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnection.h b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnection.h
new file mode 100644
index 00000000000000..18252ae9d7a1d8
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnection.h
@@ -0,0 +1,62 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "JCxxInspectorPackagerConnectionDelegateImpl.h"
+
+#include <fbjni/fbjni.h>
+#include <jsinspector-modern/InspectorPackagerConnection.h>
+
+#include <string>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * A hybrid Java/C++ class that exposes an instance of
+ * InspectorPackagerConnection to Java.
+ */
+class JCxxInspectorPackagerConnection
+    : public jni::HybridClass<JCxxInspectorPackagerConnection> {
+ public:
+  constexpr static auto kJavaDescriptor =
+      "Lcom/facebook/react/devsupport/CxxInspectorPackagerConnection;";
+
+  static void registerNatives();
+
+  // InspectorPackagerConnection's public API
+
+  void connect();
+  void closeQuietly();
+  void sendEventToAllConnections(const std::string& event);
+
+ private:
+  friend HybridBase;
+
+  using JDelegateImpl = JCxxInspectorPackagerConnectionDelegateImpl;
+
+  /**
+   * Private constructor since this class can only be created from Java.
+   */
+  JCxxInspectorPackagerConnection(
+      const std::string& url,
+      const std::string& packageName,
+      jni::alias_ref<JDelegateImpl::javaobject> delegate);
+
+  static jni::local_ref<jhybriddata> initHybrid(
+      jni::alias_ref<jclass>,
+      const std::string& url,
+      const std::string& packageName,
+      jni::alias_ref<JDelegateImpl::javaobject> delegate);
+
+  /**
+   * The actual C++ implementation wrapped by this hybrid class.
+   */
+  InspectorPackagerConnection cxxImpl_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionDelegateImpl.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionDelegateImpl.cpp
new file mode 100644
index 00000000000000..d10f8f295e5806
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionDelegateImpl.cpp
@@ -0,0 +1,72 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "JCxxInspectorPackagerConnectionDelegateImpl.h"
+#include "JCxxInspectorPackagerConnectionWebSocket.h"
+#include "JCxxInspectorPackagerConnectionWebSocketDelegate.h"
+
+#include <fbjni/NativeRunnable.h>
+
+#include <string>
+
+using namespace facebook::jni;
+
+namespace facebook::react::jsinspector_modern {
+
+std::unique_ptr<IWebSocket>
+JCxxInspectorPackagerConnectionDelegateImpl::connectWebSocket(
+    const std::string& url,
+    std::weak_ptr<IWebSocketDelegate> delegate) {
+  using JWebSocket = JCxxInspectorPackagerConnectionWebSocket;
+  using JWebSocketDelegate = JCxxInspectorPackagerConnectionWebSocketDelegate;
+  static auto method =
+      javaClassStatic()
+          ->getMethod<alias_ref<JWebSocket::javaobject>(
+              const std::string&, alias_ref<JWebSocketDelegate::javaobject>)>(
+              "connectWebSocket");
+  auto jWebSocket = method(
+      self(), url, make_global(JWebSocketDelegate::newObjectCxxArgs(delegate)));
+  return jWebSocket->wrapInUniquePtr();
+}
+
+void JCxxInspectorPackagerConnectionDelegateImpl::scheduleCallback(
+    std::function<void(void)> callback,
+    std::chrono::milliseconds delayMs) {
+  static auto method =
+      javaClassStatic()
+          ->getMethod<void(alias_ref<JRunnable::javaobject>, jlong)>(
+              "scheduleCallback");
+  method(
+      self(),
+      JNativeRunnable::newObjectCxxArgs(std::move(callback)),
+      static_cast<jlong>(delayMs.count()));
+}
+
+std::unique_ptr<InspectorPackagerConnectionDelegate>
+JCxxInspectorPackagerConnectionDelegateImpl::wrapInUniquePtr() {
+  return std::unique_ptr<InspectorPackagerConnectionDelegate>{
+      new RefWrapper{self()}};
+}
+
+JCxxInspectorPackagerConnectionDelegateImpl::RefWrapper::RefWrapper(
+    jni::alias_ref<javaobject> jDelegate)
+    : jDelegate_(make_global(jDelegate)) {}
+
+std::unique_ptr<IWebSocket>
+JCxxInspectorPackagerConnectionDelegateImpl::RefWrapper::connectWebSocket(
+    const std::string& url,
+    std::weak_ptr<IWebSocketDelegate> delegate) {
+  return jDelegate_->connectWebSocket(url, delegate);
+}
+
+void JCxxInspectorPackagerConnectionDelegateImpl::RefWrapper::scheduleCallback(
+    std::function<void(void)> callback,
+    std::chrono::milliseconds delayMs) {
+  return jDelegate_->scheduleCallback(callback, delayMs);
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionDelegateImpl.h b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionDelegateImpl.h
new file mode 100644
index 00000000000000..087c5ecb579db0
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionDelegateImpl.h
@@ -0,0 +1,69 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fbjni/fbjni.h>
+#include <jsinspector-modern/InspectorPackagerConnection.h>
+
+#include <chrono>
+#include <functional>
+#include <memory>
+#include <string>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * Exposes an instance of the Java class
+ * CxxInspectorPackagerConnection.DelegateImpl to C++. The public interface
+ * mirrors InspectorPackagerConnectionDelegate exactly but doesn't inherit from
+ * it; this is because of fbjni limitations on multiple inheritance. To get a
+ * usable InspectorPackagerConnectionDelegate instance from this object, call
+ * wrapInUniquePtr().
+ */
+struct JCxxInspectorPackagerConnectionDelegateImpl
+    : public jni::JavaClass<JCxxInspectorPackagerConnectionDelegateImpl> {
+ public:
+  static auto constexpr kJavaDescriptor =
+      "Lcom/facebook/react/devsupport/CxxInspectorPackagerConnection$DelegateImpl;";
+
+  std::unique_ptr<InspectorPackagerConnectionDelegate> wrapInUniquePtr();
+
+  // InspectorPackagerConnectionDelegate methods (mirrored)
+
+  std::unique_ptr<IWebSocket> connectWebSocket(
+      const std::string& url,
+      std::weak_ptr<IWebSocketDelegate> delegate);
+
+  void scheduleCallback(
+      std::function<void(void)> callback,
+      std::chrono::milliseconds delayMs);
+
+ private:
+  class RefWrapper;
+};
+
+class JCxxInspectorPackagerConnectionDelegateImpl::RefWrapper
+    : public InspectorPackagerConnectionDelegate {
+ public:
+  explicit RefWrapper(jni::alias_ref<javaobject> jDelegate);
+
+  // InspectorPackagerConnectionDelegate methods
+
+  virtual std::unique_ptr<IWebSocket> connectWebSocket(
+      const std::string& url,
+      std::weak_ptr<IWebSocketDelegate> delegate) override;
+
+  virtual void scheduleCallback(
+      std::function<void(void)> callback,
+      std::chrono::milliseconds delayMs) override;
+
+ private:
+  jni::global_ref<javaobject> jDelegate_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocket.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocket.cpp
new file mode 100644
index 00000000000000..7de472736303c2
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocket.cpp
@@ -0,0 +1,45 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "JCxxInspectorPackagerConnectionWebSocket.h"
+
+using namespace facebook::jni;
+using namespace facebook::react::jsinspector_modern;
+
+namespace facebook::react::jsinspector_modern {
+
+void JCxxInspectorPackagerConnectionWebSocket::send(std::string_view message) {
+  static auto method =
+      javaClassStatic()->getMethod<void(const std::string&)>("send");
+  method(self(), std::string(message));
+}
+
+void JCxxInspectorPackagerConnectionWebSocket::close() {
+  static auto method = javaClassStatic()->getMethod<void()>("close");
+  method(self());
+}
+
+JCxxInspectorPackagerConnectionWebSocket::
+    ~JCxxInspectorPackagerConnectionWebSocket() {
+  close();
+}
+
+std::unique_ptr<IWebSocket>
+JCxxInspectorPackagerConnectionWebSocket::wrapInUniquePtr() {
+  return std::make_unique<RefWrapper>(self());
+}
+
+JCxxInspectorPackagerConnectionWebSocket::RefWrapper::RefWrapper(
+    alias_ref<javaobject> jWebSocket)
+    : jWebSocket_{make_global(jWebSocket)} {}
+
+void JCxxInspectorPackagerConnectionWebSocket::RefWrapper::send(
+    std::string_view message) {
+  jWebSocket_->send(message);
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocket.h b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocket.h
new file mode 100644
index 00000000000000..d73b360fb8a509
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocket.h
@@ -0,0 +1,56 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fbjni/fbjni.h>
+#include <jsinspector-modern/InspectorPackagerConnection.h>
+
+#include <memory>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * Exposes an implementation of the Java interface
+ * CxxInspectorPackagerConnection.IWebSocket to C++. The public interface
+ * mirrors IWebSocket exactly but doesn't inherit from
+ * it; this is because of fbjni limitations on multiple inheritance. To get a
+ * usable IWebSocket instance from this object, call
+ * wrapInUniquePtr().
+ */
+class JCxxInspectorPackagerConnectionWebSocket
+    : public jni::JavaClass<JCxxInspectorPackagerConnectionWebSocket> {
+ public:
+  static auto constexpr kJavaDescriptor =
+      "Lcom/facebook/react/devsupport/CxxInspectorPackagerConnection$IWebSocket;";
+
+  ~JCxxInspectorPackagerConnectionWebSocket();
+
+  std::unique_ptr<jsinspector_modern::IWebSocket> wrapInUniquePtr();
+
+  // IWebSocket methods (mirrored)
+  void send(std::string_view message);
+
+ private:
+  class RefWrapper;
+
+  void close();
+};
+
+class JCxxInspectorPackagerConnectionWebSocket::RefWrapper : public IWebSocket {
+ public:
+  explicit RefWrapper(jni::alias_ref<javaobject> jWebSocket_);
+
+  // IWebSocket methods
+
+  virtual void send(std::string_view message) override;
+
+ private:
+  jni::global_ref<javaobject> jWebSocket_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocketDelegate.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocketDelegate.cpp
new file mode 100644
index 00000000000000..353ea02312d78a
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocketDelegate.cpp
@@ -0,0 +1,53 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "JCxxInspectorPackagerConnectionWebSocketDelegate.h"
+
+using namespace facebook::jni;
+
+namespace facebook::react::jsinspector_modern {
+
+JCxxInspectorPackagerConnectionWebSocketDelegate::
+    JCxxInspectorPackagerConnectionWebSocketDelegate(
+        std::weak_ptr<IWebSocketDelegate> cxxDelegate)
+    : cxxDelegate_(cxxDelegate) {}
+
+void JCxxInspectorPackagerConnectionWebSocketDelegate::didFailWithError(
+    alias_ref<JOptionalInt::javaobject> posixCode,
+    const std::string& error) {
+  if (auto delegate = cxxDelegate_.lock()) {
+    delegate->didFailWithError(*posixCode, error);
+  }
+}
+
+void JCxxInspectorPackagerConnectionWebSocketDelegate::didReceiveMessage(
+    const std::string& message) {
+  if (auto delegate = cxxDelegate_.lock()) {
+    delegate->didReceiveMessage(message);
+  }
+}
+
+void JCxxInspectorPackagerConnectionWebSocketDelegate::didClose() {
+  if (auto delegate = cxxDelegate_.lock()) {
+    delegate->didClose();
+  }
+}
+
+void JCxxInspectorPackagerConnectionWebSocketDelegate::registerNatives() {
+  registerHybrid(
+      {makeNativeMethod(
+           "didFailWithError",
+           JCxxInspectorPackagerConnectionWebSocketDelegate::didFailWithError),
+       makeNativeMethod(
+           "didReceiveMessage",
+           JCxxInspectorPackagerConnectionWebSocketDelegate::didReceiveMessage),
+       makeNativeMethod(
+           "didClose",
+           JCxxInspectorPackagerConnectionWebSocketDelegate::didClose)});
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocketDelegate.h b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocketDelegate.h
new file mode 100644
index 00000000000000..b8f6919c652e44
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JCxxInspectorPackagerConnectionWebSocketDelegate.h
@@ -0,0 +1,49 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "JOptional.h"
+
+#include <fbjni/fbjni.h>
+#include <jsinspector-modern/InspectorPackagerConnection.h>
+
+#include <memory>
+#include <string>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * A hybrid Java/C++ class that exposes a C++ implementation of
+ * IWebSocketDelegate to Java.
+ */
+class JCxxInspectorPackagerConnectionWebSocketDelegate
+    : public jni::HybridClass<
+          JCxxInspectorPackagerConnectionWebSocketDelegate> {
+ public:
+  static auto constexpr kJavaDescriptor =
+      "Lcom/facebook/react/devsupport/CxxInspectorPackagerConnection$WebSocketDelegate;";
+
+  void didFailWithError(
+      jni::alias_ref<JOptionalInt::javaobject> posixCode,
+      const std::string& error);
+
+  void didReceiveMessage(const std::string& message);
+
+  void didClose();
+
+  static void registerNatives();
+
+  JCxxInspectorPackagerConnectionWebSocketDelegate(
+      std::weak_ptr<IWebSocketDelegate> cxxDelegate);
+
+ private:
+  friend HybridBase;
+  const std::weak_ptr<IWebSocketDelegate> cxxDelegate_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JInspectorFlags.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JInspectorFlags.cpp
new file mode 100644
index 00000000000000..a826068d799823
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JInspectorFlags.cpp
@@ -0,0 +1,36 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "JInspectorFlags.h"
+
+#include <jsinspector-modern/InspectorFlags.h>
+
+namespace facebook::react::jsinspector_modern {
+
+bool JInspectorFlags::getEnableModernCDPRegistry(jni::alias_ref<jclass>) {
+  auto& inspectorFlags = InspectorFlags::getInstance();
+  return inspectorFlags.getEnableModernCDPRegistry();
+}
+
+bool JInspectorFlags::getEnableCxxInspectorPackagerConnection(
+    jni::alias_ref<jclass>) {
+  auto& inspectorFlags = InspectorFlags::getInstance();
+  return inspectorFlags.getEnableCxxInspectorPackagerConnection();
+}
+
+void JInspectorFlags::registerNatives() {
+  javaClassLocal()->registerNatives({
+      makeNativeMethod(
+          "getEnableModernCDPRegistry",
+          JInspectorFlags::getEnableModernCDPRegistry),
+      makeNativeMethod(
+          "getEnableCxxInspectorPackagerConnection",
+          JInspectorFlags::getEnableCxxInspectorPackagerConnection),
+  });
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JInspectorFlags.h b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JInspectorFlags.h
new file mode 100644
index 00000000000000..e91e7cc7d5d210
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JInspectorFlags.h
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fbjni/fbjni.h>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * JNI wrapper for `jsinspector_modern::InspectorFlags`.
+ */
+class JInspectorFlags : public jni::JavaClass<JInspectorFlags> {
+ public:
+  static constexpr auto kJavaDescriptor =
+      "Lcom/facebook/react/devsupport/InspectorFlags;";
+
+  static bool getEnableModernCDPRegistry(jni::alias_ref<jclass>);
+
+  static bool getEnableCxxInspectorPackagerConnection(jni::alias_ref<jclass>);
+
+  static void registerNatives();
+
+ private:
+  JInspectorFlags();
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JOptional.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JOptional.cpp
new file mode 100644
index 00000000000000..17eb2ddac84425
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JOptional.cpp
@@ -0,0 +1,29 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "JOptional.h"
+
+namespace facebook::react {
+
+int JOptionalInt::getAsInt() const {
+  static auto method = javaClassStatic()->getMethod<jint()>("getAsInt");
+  return method(self());
+}
+
+bool JOptionalInt::isPresent() const {
+  static auto method = javaClassStatic()->getMethod<jboolean()>("isPresent");
+  return method(self());
+}
+
+JOptionalInt::operator std::optional<int>() const {
+  if (!isPresent()) {
+    return {};
+  }
+  return getAsInt();
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JOptional.h b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JOptional.h
new file mode 100644
index 00000000000000..7338df4b1389b8
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/JOptional.h
@@ -0,0 +1,27 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fbjni/fbjni.h>
+
+#include <optional>
+
+// TODO(moti): Consider moving this into fbjni
+
+namespace facebook::react {
+
+class JOptionalInt : public facebook::jni::JavaClass<JOptionalInt> {
+ public:
+  static auto constexpr kJavaDescriptor = "Ljava/util/OptionalInt;";
+
+  int getAsInt() const;
+  bool isPresent() const;
+  operator std::optional<int>() const;
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/OnLoad.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/OnLoad.cpp
new file mode 100644
index 00000000000000..1a08e13bd30f59
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/devsupport/OnLoad.cpp
@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "JCxxInspectorPackagerConnection.h"
+#include "JCxxInspectorPackagerConnectionWebSocketDelegate.h"
+#include "JInspectorFlags.h"
+
+#include <fbjni/fbjni.h>
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM* vm, void*) {
+  return facebook::jni::initialize(vm, [] {
+    facebook::react::jsinspector_modern::JCxxInspectorPackagerConnection::
+        registerNatives();
+    facebook::react::jsinspector_modern::
+        JCxxInspectorPackagerConnectionWebSocketDelegate::registerNatives();
+    facebook::react::jsinspector_modern::JInspectorFlags::registerNatives();
+  });
+}
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/Binding.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/Binding.cpp
index 27e48acbf3b8e7..b19acb9108ace0 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/Binding.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/Binding.cpp
@@ -24,6 +24,7 @@
 #include <glog/logging.h>
 #include <jsi/JSIDynamic.h>
 #include <jsi/jsi.h>
+#include <react/featureflags/ReactNativeFeatureFlags.h>
 #include <react/renderer/animations/LayoutAnimationDriver.h>
 #include <react/renderer/componentregistry/ComponentDescriptorFactory.h>
 #include <react/renderer/core/EventBeat.h>
@@ -414,13 +415,6 @@ void Binding::installFabricUIManager(
 
   CoreFeatures::enablePropIteratorSetter =
       getFeatureFlagValue("enableCppPropsIteratorSetter");
-  CoreFeatures::useNativeState = getFeatureFlagValue("useNativeState");
-  CoreFeatures::doNotSwapLeftAndRightOnAndroidInLTR =
-      getFeatureFlagValue("doNotSwapLeftAndRightOnAndroidInLTR");
-  CoreFeatures::enableCleanParagraphYogaNode =
-      getFeatureFlagValue("enableCleanParagraphYogaNode");
-  CoreFeatures::enableDefaultAsyncBatchedPriority =
-      getFeatureFlagValue("enableDefaultAsyncBatchedPriority");
   CoreFeatures::enableClonelessStateProgression =
       getFeatureFlagValue("enableClonelessStateProgression");
   CoreFeatures::excludeYogaFromRawProps =
@@ -442,7 +436,7 @@ void Binding::installFabricUIManager(
   toolbox.synchronousEventBeatFactory = synchronousBeatFactory;
   toolbox.asynchronousEventBeatFactory = asynchronousBeatFactory;
 
-  if (getFeatureFlagValue("enableBackgroundExecutor")) {
+  if (ReactNativeFeatureFlags::enableBackgroundExecutor()) {
     backgroundExecutor_ = JBackgroundExecutor::create("fabric_bg");
     toolbox.backgroundExecutor = backgroundExecutor_;
   }
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/Binding.h b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/Binding.h
index d447a501ef0394..b310f3bd2962be 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/Binding.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/Binding.h
@@ -34,7 +34,11 @@ class ReactNativeConfig;
 class Scheduler;
 class SurfaceHandlerBinding;
 
-class Binding : public jni::HybridClass<Binding>,
+struct JBinding : public jni::JavaClass<JBinding> {
+  constexpr static auto kJavaDescriptor = "Lcom/facebook/react/fabric/Binding;";
+};
+
+class Binding : public jni::HybridClass<Binding, JBinding>,
                 public SchedulerDelegate,
                 public LayoutAnimationStatusDelegate {
  public:
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/CMakeLists.txt
index afaca0d1916e52..38dfe037936abd 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/CMakeLists.txt
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/CMakeLists.txt
@@ -26,6 +26,7 @@ target_link_libraries(
         mapbufferjni
         react_codegen_rncore
         react_debug
+        react_featureflags
         react_render_animations
         react_render_attributedstring
         react_render_componentregistry
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/CoreComponentsRegistry.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/CoreComponentsRegistry.cpp
index 5cc5aae68d5bff..fdb2f051621fd2 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/CoreComponentsRegistry.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/CoreComponentsRegistry.cpp
@@ -66,7 +66,9 @@ CoreComponentsRegistry::sharedProviderRegistry() {
     providerRegistry->add(concreteComponentDescriptorProvider<
                           AndroidDrawerLayoutComponentDescriptor>());
     providerRegistry->add(concreteComponentDescriptorProvider<
-                          TraceUpdateOverlayComponentDescriptor>());
+                          DebuggingOverlayComponentDescriptor>());
+    providerRegistry->add(concreteComponentDescriptorProvider<
+                          AndroidPopupMenuComponentDescriptor>());
 
     return providerRegistry;
   }();
@@ -85,14 +87,16 @@ CoreComponentsRegistry::initHybrid(
       [](const EventDispatcher::Weak& eventDispatcher,
          const ContextContainer::Shared& contextContainer)
       -> ComponentDescriptorRegistry::Shared {
+    ComponentDescriptorParameters params{
+        .eventDispatcher = eventDispatcher,
+        .contextContainer = contextContainer,
+        .flavor = nullptr};
+
     auto registry = CoreComponentsRegistry::sharedProviderRegistry()
-                        ->createComponentDescriptorRegistry(
-                            {eventDispatcher, contextContainer});
+                        ->createComponentDescriptorRegistry(params);
     auto& mutableRegistry = const_cast<ComponentDescriptorRegistry&>(*registry);
     mutableRegistry.setFallbackComponentDescriptor(
-        std::make_shared<UnimplementedNativeViewComponentDescriptor>(
-            ComponentDescriptorParameters{
-                eventDispatcher, contextContainer, nullptr}));
+        std::make_shared<UnimplementedNativeViewComponentDescriptor>(params));
 
     return registry;
   };
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/FabricMountingManager.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/FabricMountingManager.cpp
index 75c42d6c5f4d7f..2a459f77167f8f 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/FabricMountingManager.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/FabricMountingManager.cpp
@@ -30,22 +30,10 @@
 
 namespace facebook::react {
 
-constexpr static auto kReactFeatureFlagsJavaDescriptor =
-    "com/facebook/react/config/ReactFeatureFlags";
-
-static bool getFeatureFlagValue(const char* name) {
-  static const auto reactFeatureFlagsClass =
-      jni::findClassStatic(kReactFeatureFlagsJavaDescriptor);
-  const auto field = reactFeatureFlagsClass->getStaticField<jboolean>(name);
-  return reactFeatureFlagsClass->getStaticFieldValue(field);
-}
-
 FabricMountingManager::FabricMountingManager(
     std::shared_ptr<const ReactNativeConfig>& config,
     jni::global_ref<JFabricUIManager::javaobject>& javaUIManager)
-    : javaUIManager_(javaUIManager),
-      reduceDeleteCreateMutation_(
-          getFeatureFlagValue("reduceDeleteCreateMutation")) {}
+    : javaUIManager_(javaUIManager) {}
 
 void FabricMountingManager::onSurfaceStart(SurfaceId surfaceId) {
   std::lock_guard lock(allocatedViewsMutex_);
@@ -85,7 +73,7 @@ static inline int getIntBufferSizeForType(CppMountItem::Type mountItemType) {
 
 static inline void updateBufferSizes(
     CppMountItem::Type mountItemType,
-    int numInstructions,
+    size_t numInstructions,
     int& batchMountItemIntsSize,
     int& batchMountItemObjectsSize) {
   if (numInstructions == 0) {
@@ -182,7 +170,7 @@ static inline void computeBufferSizes(
 
 static inline void writeIntBufferTypePreamble(
     int mountItemType,
-    int numItems,
+    size_t numItems,
     _JNIEnv* env,
     jintArray& intBufferArray,
     int& intBufferPosition) {
@@ -193,7 +181,7 @@ static inline void writeIntBufferTypePreamble(
     intBufferPosition += 1;
   } else {
     temp[0] = mountItemType | CppMountItem::Type::Multiple;
-    temp[1] = numItems;
+    temp[1] = static_cast<jint>(numItems);
     env->SetIntArrayRegion(intBufferArray, intBufferPosition, 2, temp);
     intBufferPosition += 2;
   }
@@ -288,30 +276,6 @@ void FabricMountingManager::executeMount(
         case ShadowViewMutation::Create: {
           bool shouldCreateView =
               !allocatedViewTags.contains(newChildShadowView.tag);
-          if (reduceDeleteCreateMutation_) {
-            // Detect DELETE...CREATE situation on the same node and do NOT push
-            // back to the mount items. This is an edge case that may happen
-            // when for example animation runs while commit happened, and we
-            // want to filter them out here to capture all possible sources of
-            // such mutations. The re-ordering logic here assumes no
-            // DELETE...CREATE in the mutations, as we will re-order mutations
-            // and batch all DELETE instructions in the end.
-            auto it = std::remove_if(
-                cppDeleteMountItems.begin(),
-                cppDeleteMountItems.end(),
-                [&](auto& deletedMountItem) -> bool {
-                  return deletedMountItem.oldChildShadowView.tag ==
-                      newChildShadowView.tag;
-                });
-            bool hasDeletedViewsWithSameTag = it != cppDeleteMountItems.end();
-            cppDeleteMountItems.erase(it, cppDeleteMountItems.end());
-
-            if (hasDeletedViewsWithSameTag) {
-              shouldCreateView = false;
-              LOG(ERROR)
-                  << "XIN: Detect DELETE...CREATE on the same tag from mutations in the same batch. The DELETE and CREATE mutations are removed before sending to the native platforms";
-            }
-          }
 
           if (shouldCreateView) {
             cppCommonMountItems.push_back(
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/FabricMountingManager.h b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/FabricMountingManager.h
index 9ee80750c1655f..0dff4e3daff2bd 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/FabricMountingManager.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/FabricMountingManager.h
@@ -63,8 +63,6 @@ class FabricMountingManager final {
       allocatedViewRegistry_{};
   std::recursive_mutex allocatedViewsMutex_;
 
-  const bool reduceDeleteCreateMutation_{false};
-
   jni::local_ref<jobject> getProps(
       const ShadowView& oldShadowView,
       const ShadowView& newShadowView);
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/JEmptyReactNativeConfig.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/JEmptyReactNativeConfig.cpp
new file mode 100644
index 00000000000000..200ea87ef512ce
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/JEmptyReactNativeConfig.cpp
@@ -0,0 +1,47 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "JEmptyReactNativeConfig.h"
+#include <fbjni/fbjni.h>
+#include <react/config/ReactNativeConfig.h>
+
+namespace facebook::react {
+
+jni::local_ref<JEmptyReactNativeConfig::jhybriddata>
+JEmptyReactNativeConfig::initHybrid(jni::alias_ref<jclass>) {
+  return makeCxxInstance();
+}
+
+jboolean JEmptyReactNativeConfig::getBool(const jni::alias_ref<jstring> param) {
+  return reactNativeConfig_.getBool(param->toStdString());
+}
+
+jni::local_ref<jstring> JEmptyReactNativeConfig::getString(
+    const jni::alias_ref<jstring> param) {
+  return jni::make_jstring(reactNativeConfig_.getString(param->toStdString()));
+}
+
+jlong JEmptyReactNativeConfig::getInt64(const jni::alias_ref<jstring> param) {
+  return reactNativeConfig_.getInt64(param->toStdString());
+}
+
+jdouble JEmptyReactNativeConfig::getDouble(
+    const jni::alias_ref<jstring> param) {
+  return reactNativeConfig_.getDouble(param->toStdString());
+}
+
+void JEmptyReactNativeConfig::registerNatives() {
+  registerHybrid({
+      makeNativeMethod("initHybrid", JEmptyReactNativeConfig::initHybrid),
+      makeNativeMethod("getBool", JEmptyReactNativeConfig::getBool),
+      makeNativeMethod("getString", JEmptyReactNativeConfig::getString),
+      makeNativeMethod("getInt64", JEmptyReactNativeConfig::getInt64),
+      makeNativeMethod("getDouble", JEmptyReactNativeConfig::getDouble),
+  });
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/JEmptyReactNativeConfig.h b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/JEmptyReactNativeConfig.h
new file mode 100644
index 00000000000000..941b082bf31152
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/JEmptyReactNativeConfig.h
@@ -0,0 +1,38 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fbjni/fbjni.h>
+#include <react/config/ReactNativeConfig.h>
+#include <react/jni/ReadableNativeMap.h>
+#include <memory>
+
+namespace facebook::react {
+
+class JEmptyReactNativeConfig
+    : public jni::HybridClass<JEmptyReactNativeConfig> {
+ public:
+  constexpr static const char* const kJavaDescriptor =
+      "Lcom/facebook/react/fabric/EmptyReactNativeConfig;";
+
+  static void registerNatives();
+
+  jboolean getBool(const jni::alias_ref<jstring> param);
+
+  jni::local_ref<jstring> getString(const jni::alias_ref<jstring> param);
+
+  jlong getInt64(const jni::alias_ref<jstring> param);
+
+  jdouble getDouble(const jni::alias_ref<jstring> param);
+
+ private:
+  static jni::local_ref<jhybriddata> initHybrid(jni::alias_ref<jclass>);
+  const EmptyReactNativeConfig reactNativeConfig_ = EmptyReactNativeConfig();
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/JFabricUIManager.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/JFabricUIManager.cpp
index a2ccdbf5d57078..48326b97c260b3 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/JFabricUIManager.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/JFabricUIManager.cpp
@@ -13,8 +13,9 @@ namespace facebook::react {
 
 Binding* JFabricUIManager::getBinding() {
   static const auto bindingField =
-      javaClassStatic()->getField<Binding::javaobject>("mBinding");
+      javaClassStatic()->getField<JBinding::javaobject>("mBinding");
 
-  return getFieldValue(bindingField)->cthis();
+  return jni::static_ref_cast<Binding::javaobject>(getFieldValue(bindingField))
+      ->cthis();
 }
 } // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/OnLoad.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/OnLoad.cpp
index 67176fad7cdb43..1e4ab75b826511 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/OnLoad.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/OnLoad.cpp
@@ -12,6 +12,7 @@
 #include "CoreComponentsRegistry.h"
 #include "EventBeatManager.h"
 #include "EventEmitterWrapper.h"
+#include "JEmptyReactNativeConfig.h"
 #include "StateWrapperImpl.h"
 #include "SurfaceHandlerBinding.h"
 
@@ -24,5 +25,6 @@ JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM* vm, void*) {
     facebook::react::ComponentFactory::registerNatives();
     facebook::react::CoreComponentsRegistry::registerNatives();
     facebook::react::SurfaceHandlerBinding::registerNatives();
+    facebook::react::JEmptyReactNativeConfig::registerNatives();
   });
 }
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/ReactNativeConfigHolder.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/ReactNativeConfigHolder.cpp
index b04187bbbe45ec..84c3ae5b5403b3 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/ReactNativeConfigHolder.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/ReactNativeConfigHolder.cpp
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#import "ReactNativeConfigHolder.h"
+#include "ReactNativeConfigHolder.h"
 
 #include <fbjni/fbjni.h>
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/ReactNativeConfigHolder.h b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/ReactNativeConfigHolder.h
index 8be8770ddbd1d3..a1692357e0dd83 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/ReactNativeConfigHolder.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/ReactNativeConfigHolder.h
@@ -15,7 +15,7 @@
 namespace facebook::react {
 
 /**
- * Implementation of ReactNativeConfig that wraps a FabricMobileConfig Java
+ * Implementation of ReactNativeConfig that wraps a ReactNativeConfig Java
  * object.
  */
 class ReactNativeConfigHolder : public ReactNativeConfig {
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/viewPropConversions.h b/packages/react-native/ReactAndroid/src/main/jni/react/fabric/viewPropConversions.h
deleted file mode 100644
index 38d4f0fc5c00bd..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/jni/react/fabric/viewPropConversions.h
+++ /dev/null
@@ -1,221 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <react/renderer/components/view/ViewProps.h>
-#include <react/renderer/components/view/ViewPropsMapBuffer.h>
-#include <react/renderer/components/view/conversions.h>
-#include <react/renderer/core/graphicsConversions.h>
-#include <react/renderer/mapbuffer/MapBuffer.h>
-#include <react/renderer/mapbuffer/MapBufferBuilder.h>
-
-#include <optional>
-
-namespace facebook::react {
-
-namespace {
-static MapBuffer convertAccessibilityActions(
-    const std::vector<AccessibilityAction>& actions) {
-  MapBufferBuilder builder(actions.size());
-  for (auto i = 0; i < actions.size(); i++) {
-    const auto& action = actions[i];
-    MapBufferBuilder actionsBuilder(2);
-    actionsBuilder.putString(ACCESSIBILITY_ACTION_NAME, action.name);
-    if (action.label.has_value()) {
-      actionsBuilder.putString(
-          ACCESSIBILITY_ACTION_LABEL, action.label.value());
-    }
-    builder.putMapBuffer(i, actionsBuilder.build());
-  }
-  return builder.build();
-}
-
-static MapBuffer convertAccessibilityLabelledBy(
-    const AccessibilityLabelledBy& labelledBy) {
-  MapBufferBuilder builder(labelledBy.value.size());
-  for (auto i = 0; i < labelledBy.value.size(); i++) {
-    builder.putString(i, labelledBy.value[i]);
-  }
-  return builder.build();
-}
-
-// AccessibilityState values
-constexpr MapBuffer::Key ACCESSIBILITY_STATE_BUSY = 0;
-constexpr MapBuffer::Key ACCESSIBILITY_STATE_DISABLED = 1;
-constexpr MapBuffer::Key ACCESSIBILITY_STATE_EXPANDED = 2;
-constexpr MapBuffer::Key ACCESSIBILITY_STATE_SELECTED = 3;
-constexpr MapBuffer::Key ACCESSIBILITY_STATE_CHECKED = 4;
-
-MapBuffer convertAccessibilityState(const AccessibilityState& state) {
-  MapBufferBuilder builder(5);
-  builder.putBool(ACCESSIBILITY_STATE_BUSY, state.busy);
-  builder.putBool(ACCESSIBILITY_STATE_DISABLED, state.disabled);
-  builder.putBool(ACCESSIBILITY_STATE_EXPANDED, state.expanded);
-  builder.putBool(ACCESSIBILITY_STATE_SELECTED, state.selected);
-  int checked;
-  switch (state.checked) {
-    case AccessibilityState::Unchecked:
-      checked = 0;
-      break;
-    case AccessibilityState::Checked:
-      checked = 1;
-      break;
-    case AccessibilityState::Mixed:
-      checked = 2;
-      break;
-    case AccessibilityState::None:
-      checked = 3;
-      break;
-  }
-  builder.putInt(ACCESSIBILITY_STATE_CHECKED, checked);
-  return builder.build();
-}
-
-inline void putOptionalColor(
-    MapBufferBuilder& builder,
-    MapBuffer::Key key,
-    const std::optional<SharedColor>& color) {
-  builder.putInt(key, color.has_value() ? toAndroidRepr(color.value()) : -1);
-}
-
-constexpr MapBuffer::Key EDGE_TOP = 0;
-constexpr MapBuffer::Key EDGE_LEFT = 1;
-constexpr MapBuffer::Key EDGE_RIGHT = 2;
-constexpr MapBuffer::Key EDGE_BOTTOM = 3;
-constexpr MapBuffer::Key EDGE_START = 4;
-constexpr MapBuffer::Key EDGE_END = 5;
-constexpr MapBuffer::Key EDGE_ALL = 6;
-
-MapBuffer convertBorderColors(const CascadedBorderColors& colors) {
-  MapBufferBuilder builder(7);
-  putOptionalColor(builder, EDGE_TOP, colors.top);
-  putOptionalColor(builder, EDGE_RIGHT, colors.right);
-  putOptionalColor(builder, EDGE_BOTTOM, colors.bottom);
-  putOptionalColor(builder, EDGE_LEFT, colors.left);
-  putOptionalColor(builder, EDGE_START, colors.start);
-  putOptionalColor(builder, EDGE_END, colors.end);
-  putOptionalColor(builder, EDGE_ALL, colors.all);
-  return builder.build();
-}
-
-constexpr MapBuffer::Key CORNER_TOP_LEFT = 0;
-constexpr MapBuffer::Key CORNER_TOP_RIGHT = 1;
-constexpr MapBuffer::Key CORNER_BOTTOM_RIGHT = 2;
-constexpr MapBuffer::Key CORNER_BOTTOM_LEFT = 3;
-constexpr MapBuffer::Key CORNER_TOP_START = 4;
-constexpr MapBuffer::Key CORNER_TOP_END = 5;
-constexpr MapBuffer::Key CORNER_BOTTOM_END = 6;
-constexpr MapBuffer::Key CORNER_BOTTOM_START = 7;
-constexpr MapBuffer::Key CORNER_ALL = 8;
-constexpr MapBuffer::Key CORNER_END_END = 9;
-constexpr MapBuffer::Key CORNER_END_START = 10;
-constexpr MapBuffer::Key CORNER_START_END = 11;
-constexpr MapBuffer::Key CORNER_START_START = 12;
-
-inline void putOptionalFloat(
-    MapBufferBuilder& builder,
-    MapBuffer::Key key,
-    const std::optional<Float>& value) {
-  builder.putDouble(key, value.value_or(NAN));
-}
-
-MapBuffer convertBorderRadii(const CascadedBorderRadii& radii) {
-  MapBufferBuilder builder(13);
-  putOptionalFloat(builder, CORNER_TOP_LEFT, radii.topLeft);
-  putOptionalFloat(builder, CORNER_TOP_RIGHT, radii.topRight);
-  putOptionalFloat(builder, CORNER_BOTTOM_RIGHT, radii.bottomRight);
-  putOptionalFloat(builder, CORNER_BOTTOM_LEFT, radii.bottomLeft);
-  putOptionalFloat(builder, CORNER_TOP_START, radii.topStart);
-  putOptionalFloat(builder, CORNER_TOP_END, radii.topEnd);
-  putOptionalFloat(builder, CORNER_BOTTOM_END, radii.bottomEnd);
-  putOptionalFloat(builder, CORNER_BOTTOM_START, radii.bottomStart);
-  putOptionalFloat(builder, CORNER_ALL, radii.all);
-  putOptionalFloat(builder, CORNER_END_END, radii.endEnd);
-  putOptionalFloat(builder, CORNER_END_START, radii.endStart);
-  putOptionalFloat(builder, CORNER_START_END, radii.startEnd);
-  putOptionalFloat(builder, CORNER_START_START, radii.startStart);
-  return builder.build();
-}
-
-MapBuffer convertBorderWidths(const yoga::Style::Edges& border) {
-  MapBufferBuilder builder(7);
-  putOptionalFloat(
-      builder, EDGE_TOP, optionalFloatFromYogaValue(border[YGEdgeTop]));
-  putOptionalFloat(
-      builder, EDGE_RIGHT, optionalFloatFromYogaValue(border[YGEdgeRight]));
-  putOptionalFloat(
-      builder, EDGE_BOTTOM, optionalFloatFromYogaValue(border[YGEdgeBottom]));
-  putOptionalFloat(
-      builder, EDGE_LEFT, optionalFloatFromYogaValue(border[YGEdgeLeft]));
-  putOptionalFloat(
-      builder, EDGE_START, optionalFloatFromYogaValue(border[YGEdgeStart]));
-  putOptionalFloat(
-      builder, EDGE_END, optionalFloatFromYogaValue(border[YGEdgeEnd]));
-  putOptionalFloat(
-      builder, EDGE_ALL, optionalFloatFromYogaValue(border[YGEdgeAll]));
-  return builder.build();
-}
-
-MapBuffer convertEdgeInsets(const EdgeInsets& insets) {
-  MapBufferBuilder builder(4);
-  builder.putDouble(EDGE_TOP, insets.top);
-  builder.putDouble(EDGE_RIGHT, insets.right);
-  builder.putDouble(EDGE_BOTTOM, insets.bottom);
-  builder.putDouble(EDGE_LEFT, insets.left);
-  return builder.build();
-}
-
-#ifdef ANDROID
-
-constexpr MapBuffer::Key NATIVE_DRAWABLE_KIND = 0;
-constexpr MapBuffer::Key NATIVE_DRAWABLE_ATTRIBUTE = 1;
-constexpr MapBuffer::Key NATIVE_DRAWABLE_COLOR = 2;
-constexpr MapBuffer::Key NATIVE_DRAWABLE_BORDERLESS = 3;
-constexpr MapBuffer::Key NATIVE_DRAWABLE_RIPPLE_RADIUS = 4;
-
-MapBuffer convertNativeBackground(const std::optional<NativeDrawable>& value) {
-  if (!value.has_value()) {
-    return MapBufferBuilder::EMPTY();
-  }
-
-  const auto& drawable = value.value();
-  MapBufferBuilder builder(4);
-  switch (drawable.kind) {
-    case NativeDrawable::Kind::ThemeAttr:
-      builder.putInt(NATIVE_DRAWABLE_KIND, 0);
-      builder.putString(NATIVE_DRAWABLE_ATTRIBUTE, drawable.themeAttr);
-      break;
-    case NativeDrawable::Kind::Ripple:
-      builder.putInt(NATIVE_DRAWABLE_KIND, 1);
-      if (drawable.ripple.color.has_value()) {
-        builder.putInt(NATIVE_DRAWABLE_COLOR, drawable.ripple.color.value());
-      }
-
-      builder.putBool(NATIVE_DRAWABLE_BORDERLESS, drawable.ripple.borderless);
-      if (drawable.ripple.rippleRadius.has_value()) {
-        builder.putDouble(
-            NATIVE_DRAWABLE_RIPPLE_RADIUS,
-            drawable.ripple.rippleRadius.value());
-      }
-      break;
-  }
-  return builder.build();
-}
-
-#endif
-
-MapBuffer convertTransform(const Transform& transform) {
-  MapBufferBuilder builder(16);
-  for (int32_t i = 0; i < transform.matrix.size(); i++) {
-    builder.putDouble(i, transform.matrix[i]);
-  }
-  return builder.build();
-}
-} // namespace
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/CMakeLists.txt
new file mode 100644
index 00000000000000..ca8f719077f73f
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/CMakeLists.txt
@@ -0,0 +1,34 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+cmake_minimum_required(VERSION 3.13)
+
+file(GLOB react_featureflagsjni_SRCS CONFIGURE_DEPENDS *.cpp)
+
+add_library(
+        react_featureflagsjni
+        SHARED
+        ${react_featureflagsjni_SRCS}
+)
+
+target_include_directories(react_featureflagsjni PUBLIC ${CMAKE_CURRENT_SOURCE_DIR})
+
+target_link_libraries(
+        react_featureflagsjni
+        fb
+        fbjni
+        react_featureflags
+        reactnativejni
+)
+
+target_compile_options(
+        react_featureflagsjni
+        PRIVATE
+        -DLOG_TAG=\"ReactNative\"
+        -fexceptions
+        -frtti
+        -std=c++20
+        -Wall
+)
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/JReactNativeFeatureFlagsCxxInterop.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/JReactNativeFeatureFlagsCxxInterop.cpp
new file mode 100644
index 00000000000000..15061428a2a2df
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/JReactNativeFeatureFlagsCxxInterop.cpp
@@ -0,0 +1,206 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<f40d52242f2c758ed616f1e5d8c3a082>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+#include "JReactNativeFeatureFlagsCxxInterop.h"
+#include <react/featureflags/ReactNativeFeatureFlags.h>
+
+namespace facebook::react {
+
+static jni::alias_ref<jni::JClass> getReactNativeFeatureFlagsProviderJavaClass() {
+  static const auto jClass = facebook::jni::findClassStatic(
+      "com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsProvider");
+  return jClass;
+}
+
+/**
+ * Implementation of ReactNativeFeatureFlagsProvider that wraps a
+ * ReactNativeFeatureFlagsProvider Java object.
+ */
+class ReactNativeFeatureFlagsProviderHolder
+    : public ReactNativeFeatureFlagsProvider {
+ public:
+  explicit ReactNativeFeatureFlagsProviderHolder(
+      jni::alias_ref<jobject> javaProvider)
+      : javaProvider_(make_global(javaProvider)){};
+
+  bool commonTestFlag() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("commonTestFlag");
+    return method(javaProvider_);
+  }
+
+  bool enableBackgroundExecutor() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("enableBackgroundExecutor");
+    return method(javaProvider_);
+  }
+
+  bool useModernRuntimeScheduler() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("useModernRuntimeScheduler");
+    return method(javaProvider_);
+  }
+
+  bool enableMicrotasks() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("enableMicrotasks");
+    return method(javaProvider_);
+  }
+
+  bool batchRenderingUpdatesInEventLoop() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("batchRenderingUpdatesInEventLoop");
+    return method(javaProvider_);
+  }
+
+  bool enableSpannableBuildingUnification() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("enableSpannableBuildingUnification");
+    return method(javaProvider_);
+  }
+
+  bool enableCustomDrawOrderFabric() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("enableCustomDrawOrderFabric");
+    return method(javaProvider_);
+  }
+
+  bool enableFixForClippedSubviewsCrash() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("enableFixForClippedSubviewsCrash");
+    return method(javaProvider_);
+  }
+
+  bool inspectorEnableCxxInspectorPackagerConnection() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("inspectorEnableCxxInspectorPackagerConnection");
+    return method(javaProvider_);
+  }
+
+  bool inspectorEnableModernCDPRegistry() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("inspectorEnableModernCDPRegistry");
+    return method(javaProvider_);
+  }
+
+ private:
+  jni::global_ref<jobject> javaProvider_;
+};
+
+bool JReactNativeFeatureFlagsCxxInterop::commonTestFlag(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::commonTestFlag();
+}
+
+bool JReactNativeFeatureFlagsCxxInterop::enableBackgroundExecutor(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::enableBackgroundExecutor();
+}
+
+bool JReactNativeFeatureFlagsCxxInterop::useModernRuntimeScheduler(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::useModernRuntimeScheduler();
+}
+
+bool JReactNativeFeatureFlagsCxxInterop::enableMicrotasks(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::enableMicrotasks();
+}
+
+bool JReactNativeFeatureFlagsCxxInterop::batchRenderingUpdatesInEventLoop(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::batchRenderingUpdatesInEventLoop();
+}
+
+bool JReactNativeFeatureFlagsCxxInterop::enableSpannableBuildingUnification(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::enableSpannableBuildingUnification();
+}
+
+bool JReactNativeFeatureFlagsCxxInterop::enableCustomDrawOrderFabric(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::enableCustomDrawOrderFabric();
+}
+
+bool JReactNativeFeatureFlagsCxxInterop::enableFixForClippedSubviewsCrash(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::enableFixForClippedSubviewsCrash();
+}
+
+bool JReactNativeFeatureFlagsCxxInterop::inspectorEnableCxxInspectorPackagerConnection(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::inspectorEnableCxxInspectorPackagerConnection();
+}
+
+bool JReactNativeFeatureFlagsCxxInterop::inspectorEnableModernCDPRegistry(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::inspectorEnableModernCDPRegistry();
+}
+
+void JReactNativeFeatureFlagsCxxInterop::override(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/,
+    jni::alias_ref<jobject> provider) {
+  ReactNativeFeatureFlags::override(
+      std::make_unique<ReactNativeFeatureFlagsProviderHolder>(provider));
+}
+
+void JReactNativeFeatureFlagsCxxInterop::dangerouslyReset(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  ReactNativeFeatureFlags::dangerouslyReset();
+}
+
+void JReactNativeFeatureFlagsCxxInterop::registerNatives() {
+  javaClassLocal()->registerNatives({
+      makeNativeMethod(
+          "override", JReactNativeFeatureFlagsCxxInterop::override),
+      makeNativeMethod("dangerouslyReset", JReactNativeFeatureFlagsCxxInterop::dangerouslyReset),
+      makeNativeMethod(
+        "commonTestFlag",
+        JReactNativeFeatureFlagsCxxInterop::commonTestFlag),
+      makeNativeMethod(
+        "enableBackgroundExecutor",
+        JReactNativeFeatureFlagsCxxInterop::enableBackgroundExecutor),
+      makeNativeMethod(
+        "useModernRuntimeScheduler",
+        JReactNativeFeatureFlagsCxxInterop::useModernRuntimeScheduler),
+      makeNativeMethod(
+        "enableMicrotasks",
+        JReactNativeFeatureFlagsCxxInterop::enableMicrotasks),
+      makeNativeMethod(
+        "batchRenderingUpdatesInEventLoop",
+        JReactNativeFeatureFlagsCxxInterop::batchRenderingUpdatesInEventLoop),
+      makeNativeMethod(
+        "enableSpannableBuildingUnification",
+        JReactNativeFeatureFlagsCxxInterop::enableSpannableBuildingUnification),
+      makeNativeMethod(
+        "enableCustomDrawOrderFabric",
+        JReactNativeFeatureFlagsCxxInterop::enableCustomDrawOrderFabric),
+      makeNativeMethod(
+        "enableFixForClippedSubviewsCrash",
+        JReactNativeFeatureFlagsCxxInterop::enableFixForClippedSubviewsCrash),
+      makeNativeMethod(
+        "inspectorEnableCxxInspectorPackagerConnection",
+        JReactNativeFeatureFlagsCxxInterop::inspectorEnableCxxInspectorPackagerConnection),
+      makeNativeMethod(
+        "inspectorEnableModernCDPRegistry",
+        JReactNativeFeatureFlagsCxxInterop::inspectorEnableModernCDPRegistry),
+  });
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/JReactNativeFeatureFlagsCxxInterop.h b/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/JReactNativeFeatureFlagsCxxInterop.h
new file mode 100644
index 00000000000000..ff7881e09e417c
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/JReactNativeFeatureFlagsCxxInterop.h
@@ -0,0 +1,73 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<a860f8ca5806886a2e7b0b9a508482a1>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+#pragma once
+
+#include <fbjni/fbjni.h>
+#include <jni.h>
+
+namespace facebook::react {
+
+class JReactNativeFeatureFlagsCxxInterop
+    : public jni::JavaClass<JReactNativeFeatureFlagsCxxInterop> {
+ public:
+  constexpr static auto kJavaDescriptor =
+      "Lcom/facebook/react/internal/featureflags/ReactNativeFeatureFlagsCxxInterop;";
+
+  static bool commonTestFlag(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static bool enableBackgroundExecutor(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static bool useModernRuntimeScheduler(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static bool enableMicrotasks(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static bool batchRenderingUpdatesInEventLoop(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static bool enableSpannableBuildingUnification(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static bool enableCustomDrawOrderFabric(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static bool enableFixForClippedSubviewsCrash(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static bool inspectorEnableCxxInspectorPackagerConnection(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static bool inspectorEnableModernCDPRegistry(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static void override(
+      facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>,
+      jni::alias_ref<jobject> provider);
+
+  static void dangerouslyReset(
+      facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static void registerNatives();
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/OnLoad.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/OnLoad.cpp
new file mode 100644
index 00000000000000..40ff2f89d76257
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/featureflags/OnLoad.cpp
@@ -0,0 +1,16 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <fbjni/fbjni.h>
+
+#include "JReactNativeFeatureFlagsCxxInterop.h"
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM* vm, void*) {
+  return facebook::jni::initialize(vm, [] {
+    facebook::react::JReactNativeFeatureFlagsCxxInterop::registerNatives();
+  });
+}
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/react/jni/CMakeLists.txt
index 13f248431dae02..aa56434fc8d8e3 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/CMakeLists.txt
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/CMakeLists.txt
@@ -11,8 +11,7 @@ file(GLOB reactnativejni_SRC CONFIGURE_DEPENDS *.cpp)
 add_compile_options(
         -fexceptions
         -Wno-unused-lambda-capture
-        -std=c++20
-        -DWITH_INSPECTOR=1)
+        -std=c++20)
 
 ######################
 ### reactnativejni ###
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
index 374e1c09c55025..4bc161bdb6b76e 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.cpp
@@ -7,12 +7,8 @@
 
 #include "CatalystInstanceImpl.h"
 
-#include <condition_variable>
 #include <fstream>
 #include <memory>
-#include <mutex>
-#include <sstream>
-#include <vector>
 
 #include <ReactCommon/CallInvokerHolder.h>
 #include <cxxreact/CxxNativeModule.h>
@@ -34,7 +30,6 @@
 
 #include <logger/react_native_log.h>
 
-#include "CxxModuleWrapper.h"
 #include "JReactCxxErrorHandler.h"
 #include "JReactSoftExceptionLogger.h"
 #include "JavaScriptExecutorHolder.h"
@@ -47,24 +42,17 @@ namespace facebook::react {
 
 namespace {
 
-class Exception : public jni::JavaClass<Exception> {
+class InstanceCallbackImpl : public InstanceCallback {
  public:
-};
-
-class JInstanceCallback : public InstanceCallback {
- public:
-  explicit JInstanceCallback(
-      alias_ref<ReactCallback::javaobject> jobj,
-      std::shared_ptr<JMessageQueueThread> messageQueueThread)
-      : jobj_(make_global(jobj)),
-        messageQueueThread_(std::move(messageQueueThread)) {}
+  explicit InstanceCallbackImpl(alias_ref<JInstanceCallback::javaobject> jobj)
+      : jobj_(make_global(jobj)) {}
 
   void onBatchComplete() override {
-    messageQueueThread_->runOnQueue([this] {
-      static auto method = ReactCallback::javaClassStatic()->getMethod<void()>(
-          "onBatchComplete");
-      method(jobj_);
-    });
+    jni::ThreadScope guard;
+    static auto method =
+        JInstanceCallback::javaClassStatic()->getMethod<void()>(
+            "onBatchComplete");
+    method(jobj_);
   }
 
   void incrementPendingJSCalls() override {
@@ -72,21 +60,22 @@ class JInstanceCallback : public InstanceCallback {
     // managed by the module, via callJSCallback or callJSFunction.  So,
     // we ensure that it is registered with the JVM.
     jni::ThreadScope guard;
-    static auto method = ReactCallback::javaClassStatic()->getMethod<void()>(
-        "incrementPendingJSCalls");
+    static auto method =
+        JInstanceCallback::javaClassStatic()->getMethod<void()>(
+            "incrementPendingJSCalls");
     method(jobj_);
   }
 
   void decrementPendingJSCalls() override {
     jni::ThreadScope guard;
-    static auto method = ReactCallback::javaClassStatic()->getMethod<void()>(
-        "decrementPendingJSCalls");
+    static auto method =
+        JInstanceCallback::javaClassStatic()->getMethod<void()>(
+            "decrementPendingJSCalls");
     method(jobj_);
   }
 
  private:
-  global_ref<ReactCallback::javaobject> jobj_;
-  std::shared_ptr<JMessageQueueThread> messageQueueThread_;
+  global_ref<JInstanceCallback::javaobject> jobj_;
 };
 
 } // namespace
@@ -160,7 +149,7 @@ void log(ReactNativeLogLevel level, const char* message) {
 }
 
 void CatalystInstanceImpl::initializeBridge(
-    jni::alias_ref<ReactCallback::javaobject> callback,
+    jni::alias_ref<JInstanceCallback::javaobject> callback,
     // This executor is actually a factory holder.
     JavaScriptExecutorHolder* jseh,
     jni::alias_ref<JavaMessageQueueThread::javaobject> jsQueue,
@@ -201,7 +190,7 @@ void CatalystInstanceImpl::initializeBridge(
       moduleMessageQueue_));
 
   instance_->initializeBridge(
-      std::make_unique<JInstanceCallback>(callback, moduleMessageQueue_),
+      std::make_unique<InstanceCallbackImpl>(callback),
       jseh->getExecutorFactory(),
       std::make_unique<JMessageQueueThread>(jsQueue),
       moduleRegistry_);
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h b/packages/react-native/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
index 7c88f0b6949aa5..6e16f11bdc5a6a 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/CatalystInstanceImpl.h
@@ -13,7 +13,6 @@
 #include <ReactCommon/RuntimeExecutor.h>
 #include <fbjni/fbjni.h>
 
-#include "CxxModuleWrapper.h"
 #include "JMessageQueueThread.h"
 #include "JRuntimeExecutor.h"
 #include "JRuntimeScheduler.h"
@@ -27,9 +26,9 @@ class Instance;
 class JavaScriptExecutorHolder;
 class NativeArray;
 
-struct ReactCallback : public jni::JavaClass<ReactCallback> {
+struct JInstanceCallback : public jni::JavaClass<JInstanceCallback> {
   static constexpr auto kJavaDescriptor =
-      "Lcom/facebook/react/bridge/ReactCallback;";
+      "Lcom/facebook/react/bridge/CatalystInstanceImpl$InstanceCallback;";
 };
 
 class CatalystInstanceImpl : public jni::HybridClass<CatalystInstanceImpl> {
@@ -51,7 +50,7 @@ class CatalystInstanceImpl : public jni::HybridClass<CatalystInstanceImpl> {
   CatalystInstanceImpl();
 
   void initializeBridge(
-      jni::alias_ref<ReactCallback::javaobject> callback,
+      jni::alias_ref<JInstanceCallback::javaobject> callback,
       // This executor is actually a factory holder.
       JavaScriptExecutorHolder* jseh,
       jni::alias_ref<JavaMessageQueueThread::javaobject> jsQueue,
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.cpp
deleted file mode 100644
index 82db6c3d03bf65..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.cpp
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "CxxModuleWrapper.h"
-
-#include <glog/logging.h>
-
-#include <folly/ScopeGuard.h>
-
-#include <dlfcn.h>
-
-using namespace facebook::jni;
-using namespace facebook::xplat::module;
-
-namespace facebook::react {
-
-jni::local_ref<CxxModuleWrapper::javaobject> CxxModuleWrapper::makeDsoNative(
-    jni::alias_ref<jclass>,
-    const std::string& soPath,
-    const std::string& fname) {
-  // soPath is the path of a library which has already been loaded by
-  // java SoLoader.loadLibrary().  So this returns the same handle,
-  // and increments the reference counter.  We can't just use
-  // dlsym(RTLD_DEFAULT, ...), because that crashes on 4.4.2 and
-  // earlier: https://code.google.com/p/android/issues/detail?id=61799
-  void* handle = dlopen(soPath.c_str(), RTLD_NOW);
-  if (!handle) {
-    throwNewJavaException(
-        gJavaLangIllegalArgumentException,
-        "module shared library %s is not found",
-        soPath.c_str());
-  }
-  // Now, arrange to close the handle so the counter is decremented.
-  // The handle will remain valid until java closes it.  There's no
-  // way to do this on Android, but that's no reason to be sloppy
-  // here.
-  auto guard = folly::makeGuard([&] { CHECK(dlclose(handle) == 0); });
-
-  void* sym = dlsym(handle, fname.c_str());
-  if (!sym) {
-    throwNewJavaException(
-        gJavaLangIllegalArgumentException,
-        "module function %s in shared library %s is not found",
-        fname.c_str(),
-        soPath.c_str());
-  }
-  auto factory = reinterpret_cast<CxxModule* (*)()>(sym);
-
-  return CxxModuleWrapper::newObjectCxxArgs(
-      std::unique_ptr<CxxModule>((*factory)()));
-}
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h b/packages/react-native/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h
index 5cbb95966c2fc3..80747e18f8d5d8 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/CxxModuleWrapper.h
@@ -17,16 +17,6 @@ class CxxModuleWrapper
   constexpr static const char* const kJavaDescriptor =
       "Lcom/facebook/react/bridge/CxxModuleWrapper;";
 
-  static void registerNatives() {
-    registerHybrid(
-        {makeNativeMethod("makeDsoNative", CxxModuleWrapper::makeDsoNative)});
-  }
-
-  static jni::local_ref<CxxModuleWrapper::javaobject> makeDsoNative(
-      jni::alias_ref<jclass>,
-      const std::string& soPath,
-      const std::string& fname);
-
   std::string getName() override {
     return module_->getName();
   }
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/JCallback.h b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JCallback.h
index 807f95cd8cf7a4..0220f800d3d3fe 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/JCallback.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JCallback.h
@@ -29,16 +29,9 @@ class JCxxCallbackImpl : public jni::HybridClass<JCxxCallbackImpl, JCallback> {
       "Lcom/facebook/react/bridge/CxxCallbackImpl;";
 
   static void registerNatives() {
-#if __clang__
-#pragma clang diagnostic push
-#pragma clang diagnostic ignored "-Wgnu-zero-variadic-macro-arguments"
-#endif
     javaClassStatic()->registerNatives({
         makeNativeMethod("nativeInvoke", JCxxCallbackImpl::invoke),
     });
-#if __clang__
-#pragma clang diagnostic pop
-#endif
   }
 
  private:
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/JInspector.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JInspector.cpp
index d1e7a61c1507d4..41e5c8f97072aa 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/JInspector.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JInspector.cpp
@@ -9,8 +9,6 @@
 
 #include <memory>
 
-#ifdef WITH_INSPECTOR
-
 namespace facebook::react {
 
 namespace {
@@ -83,7 +81,8 @@ jni::global_ref<JInspector::javaobject> JInspector::instance(
 }
 
 jni::local_ref<jni::JArrayClass<JPage::javaobject>> JInspector::getPages() {
-  std::vector<jsinspector_modern::InspectorPage> pages = inspector_->getPages();
+  std::vector<jsinspector_modern::InspectorPageDescription> pages =
+      inspector_->getPages();
   auto array = jni::JArrayClass<JPage::javaobject>::newArray(pages.size());
   for (size_t i = 0; i < pages.size(); i++) {
     (*array)[i] = JPage::create(pages[i].id, pages[i].title, pages[i].vm);
@@ -111,5 +110,3 @@ void JInspector::registerNatives() {
 }
 
 } // namespace facebook::react
-
-#endif
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/JInspector.h b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JInspector.h
index 982f2af655c255..897976e0ce7fd6 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/JInspector.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JInspector.h
@@ -7,8 +7,6 @@
 
 #pragma once
 
-#ifdef WITH_INSPECTOR
-
 #include <jsinspector-modern/InspectorInterfaces.h>
 
 #include <fbjni/fbjni.h>
@@ -77,5 +75,3 @@ class JInspector : public jni::HybridClass<JInspector> {
 };
 
 } // namespace facebook::react
-
-#endif
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.cpp
index 95d38baeba1656..df01e447a42e5d 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/JMessageQueueThread.cpp
@@ -21,17 +21,6 @@ using namespace jni;
 
 namespace {
 
-struct JavaJSException : jni::JavaClass<JavaJSException, JThrowable> {
-  static constexpr auto kJavaDescriptor =
-      "Lcom/facebook/react/devsupport/JSException;";
-
-  static local_ref<JavaJSException>
-  create(const char* message, const char* stack, const std::exception& ex) {
-    local_ref<jthrowable> cause = jni::JCppException::create(ex);
-    return newInstance(make_jstring(message), make_jstring(stack), cause.get());
-  }
-};
-
 std::function<void()> wrapRunnable(std::function<void()>&& runnable) {
   return [runnable = std::move(runnable)]() mutable {
     if (!runnable) {
@@ -48,10 +37,10 @@ std::function<void()> wrapRunnable(std::function<void()>&& runnable) {
     try {
       localRunnable();
     } catch (const jsi::JSError& ex) {
+      // We can't do as much parsing here as we do in ExceptionManager.js
+      std::string message = ex.getMessage() + ", stack:\n" + ex.getStack();
       throwNewJavaException(
-          JavaJSException::create(
-              ex.getMessage().c_str(), ex.getStack().c_str(), ex)
-              .get());
+          "com/facebook/react/common/JavascriptException", message.c_str());
     }
   };
 }
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/MethodInvoker.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/jni/MethodInvoker.cpp
index 50f0ba2bb6d84a..8c0e3ba29dd525 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/MethodInvoker.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/MethodInvoker.cpp
@@ -59,7 +59,8 @@ jint extractInteger(const folly::dynamic& value) {
   // The logic here is taken from convertDynamicIfIntegral, but the
   // return type and exception are different.
   if (value.isInt()) {
-    return value.getInt();
+    // TODO: this truncates 64 bit ints, valid in JS
+    return static_cast<jint>(value.getInt());
   }
   double dbl = value.getDouble();
   jint result = static_cast<jint>(dbl);
@@ -227,7 +228,7 @@ MethodCallResult MethodInvoker::invoke(
 
   auto env = Environment::current();
   auto argCount = signature_.size() - 2;
-  JniLocalScope scope(env, argCount);
+  JniLocalScope scope(env, static_cast<int>(argCount));
   jvalue args[argCount];
   std::transform(
       signature_.begin() + 2,
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/OnLoad.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/jni/OnLoad.cpp
index a3a60afb27feab..c8832b1f5042de 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/OnLoad.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/OnLoad.cpp
@@ -10,47 +10,45 @@
 #include <glog/logging.h>
 
 #include <fb/glog_init.h>
-#include <fb/log.h>
 #include <fbjni/fbjni.h>
 
 #include "CatalystInstanceImpl.h"
-#include "CxxModuleWrapper.h"
+#include "CxxModuleWrapperBase.h"
 #include "JCallback.h"
+#include "JInspector.h"
 #include "JReactMarker.h"
 #include "JavaScriptExecutorHolder.h"
 #include "ProxyExecutor.h"
 #include "WritableNativeArray.h"
 #include "WritableNativeMap.h"
 
-#ifdef WITH_INSPECTOR
-#include "JInspector.h"
-#endif
-
 #ifndef WITH_GLOGINIT
 #define WITH_GLOGINIT 1
 #endif
 
-using namespace facebook::jni;
+#ifdef WITH_XPLATINIT
+#include <fb/xplat_init.h>
+#endif
 
 namespace facebook::react {
 
 namespace {
 
-struct JavaJSExecutor : public JavaClass<JavaJSExecutor> {
+struct JavaJSExecutor : public jni::JavaClass<JavaJSExecutor> {
   static constexpr auto kJavaDescriptor =
       "Lcom/facebook/react/bridge/JavaJSExecutor;";
 };
 
-class ProxyJavaScriptExecutorHolder : public HybridClass<
-                                          ProxyJavaScriptExecutorHolder,
-                                          JavaScriptExecutorHolder> {
+class ProxyJavaScriptExecutorHolder
+    : public jni::
+          HybridClass<ProxyJavaScriptExecutorHolder, JavaScriptExecutorHolder> {
  public:
   static constexpr auto kJavaDescriptor =
       "Lcom/facebook/react/bridge/ProxyJavaScriptExecutor;";
 
-  static local_ref<jhybriddata> initHybrid(
-      alias_ref<jclass>,
-      alias_ref<JavaJSExecutor::javaobject> executorInstance) {
+  static jni::local_ref<jhybriddata> initHybrid(
+      jni::alias_ref<jclass>,
+      jni::alias_ref<JavaJSExecutor::javaobject> executorInstance) {
     return makeCxxInstance(std::make_shared<ProxyExecutorOneTimeFactory>(
         make_global(executorInstance)));
   }
@@ -70,15 +68,19 @@ class ProxyJavaScriptExecutorHolder : public HybridClass<
 } // namespace
 
 extern "C" JNIEXPORT jint JNI_OnLoad(JavaVM* vm, void* reserved) {
-  return initialize(vm, [] {
+#ifdef WITH_XPLATINIT
+  return facebook::xplat::initialize(vm, [] {
+#else
+  return jni::initialize(vm, [] {
+#endif
 #if WITH_GLOGINIT
     gloginit::initialize();
     FLAGS_minloglevel = 0;
 #endif
+
     ProxyJavaScriptExecutorHolder::registerNatives();
     CatalystInstanceImpl::registerNatives();
     CxxModuleWrapperBase::registerNatives();
-    CxxModuleWrapper::registerNatives();
     JCxxCallbackImpl::registerNatives();
     NativeArray::registerNatives();
     ReadableNativeArray::registerNatives();
@@ -87,10 +89,7 @@ extern "C" JNIEXPORT jint JNI_OnLoad(JavaVM* vm, void* reserved) {
     ReadableNativeMap::registerNatives();
     WritableNativeMap::registerNatives();
     JReactMarker::registerNatives();
-
-#ifdef WITH_INSPECTOR
     JInspector::registerNatives();
-#endif
   });
 }
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp
index f7b2d2b9d40f7d..68a121f909ed89 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.cpp
@@ -11,10 +11,7 @@
 #include <cxxreact/ModuleRegistry.h>
 #include <cxxreact/SystraceSection.h>
 #include <fb/assert.h>
-// #include <fb/Environment.h>
 #include <folly/json.h>
-// #include <jni/LocalReference.h>
-// #include <jni/LocalString.h>
 
 #include <memory>
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h b/packages/react-native/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h
index 2d080c546bf35b..7bf7342a42246c 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/ProxyExecutor.h
@@ -11,7 +11,6 @@
 #include <cxxreact/RAMBundleRegistry.h>
 #include <fbjni/fbjni.h>
 #include <jni.h>
-#include "OnLoad.h"
 
 namespace facebook::react {
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.cpp
index d0d8edb87a791b..9add683e2a4443 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/ReadableNativeArray.cpp
@@ -23,7 +23,7 @@ void ReadableNativeArray::mapException(std::exception_ptr ex) {
 }
 
 local_ref<JArrayClass<jobject>> ReadableNativeArray::importArray() {
-  jint size = array_.size();
+  auto size = static_cast<jint>(array_.size());
   auto jarray = JArrayClass<jobject>::newArray(size);
   for (jint ii = 0; ii < size; ii++) {
     addDynamicToJArray(jarray, ii, array_.at(ii));
@@ -32,7 +32,7 @@ local_ref<JArrayClass<jobject>> ReadableNativeArray::importArray() {
 }
 
 local_ref<JArrayClass<jobject>> ReadableNativeArray::importTypeArray() {
-  jint size = array_.size();
+  auto size = static_cast<jint>(array_.size());
   auto jarray = JArrayClass<jobject>::newArray(size);
   for (jint ii = 0; ii < size; ii++) {
     (*jarray)[ii] = ReadableType::getType(array_.at(ii).type());
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.cpp
index bbd6daab44614c..08f2b0bebb6deb 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/jni/ReadableNativeMap.cpp
@@ -80,7 +80,7 @@ local_ref<JArrayClass<jstring>> ReadableNativeMap::importKeys() {
 local_ref<JArrayClass<jobject>> ReadableNativeMap::importValues() {
   throwIfConsumed();
 
-  jint size = keys_.value().size();
+  auto size = static_cast<jint>(keys_.value().size());
   auto jarray = JArrayClass<jobject>::newArray(size);
   for (jint ii = 0; ii < size; ii++) {
     const std::string& key = (*keys_)[ii].getString();
@@ -92,7 +92,7 @@ local_ref<JArrayClass<jobject>> ReadableNativeMap::importValues() {
 local_ref<JArrayClass<jobject>> ReadableNativeMap::importTypes() {
   throwIfConsumed();
 
-  jint size = keys_.value().size();
+  auto size = static_cast<jint>(keys_.value().size());
   auto jarray = JArrayClass<jobject>::newArray(size);
   for (jint ii = 0; ii < size; ii++) {
     const std::string& key = (*keys_)[ii].getString();
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/CMakeLists.txt
index 166c5ed45344ec..3bbdeebb05051d 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/CMakeLists.txt
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/CMakeLists.txt
@@ -17,6 +17,8 @@ target_include_directories(react_newarchdefaults PUBLIC .)
 target_link_libraries(react_newarchdefaults
         fbjni
         fabricjni
+        react_featureflagsjni
         react_nativemodule_core
         react_codegen_rncore
+        react_cxxreactpackage
         jsi)
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultComponentsRegistry.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultComponentsRegistry.cpp
index 73bd03920382ad..386d2ff1d83a44 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultComponentsRegistry.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultComponentsRegistry.cpp
@@ -9,6 +9,7 @@
 
 #include <CoreComponentsRegistry.h>
 #include <fbjni/fbjni.h>
+#include <react/debug/react_native_assert.h>
 #include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
 #include <react/renderer/components/rncore/ComponentDescriptors.h>
 
@@ -24,8 +25,13 @@ std::shared_ptr<const ComponentDescriptorProviderRegistry>
 DefaultComponentsRegistry::sharedProviderRegistry() {
   auto providerRegistry = CoreComponentsRegistry::sharedProviderRegistry();
 
-  (DefaultComponentsRegistry::registerComponentDescriptorsFromEntryPoint)(
-      providerRegistry);
+  if (DefaultComponentsRegistry::registerComponentDescriptorsFromEntryPoint) {
+    (DefaultComponentsRegistry::registerComponentDescriptorsFromEntryPoint)(
+        providerRegistry);
+  } else {
+    LOG(WARNING)
+        << "Custom component descriptors were not configured from JNI_OnLoad";
+  }
 
   return providerRegistry;
 }
@@ -40,15 +46,17 @@ DefaultComponentsRegistry::initHybrid(
       [](const EventDispatcher::Weak& eventDispatcher,
          const ContextContainer::Shared& contextContainer)
       -> ComponentDescriptorRegistry::Shared {
+    ComponentDescriptorParameters params{
+        .eventDispatcher = eventDispatcher,
+        .contextContainer = contextContainer,
+        .flavor = nullptr};
+
     auto registry = DefaultComponentsRegistry::sharedProviderRegistry()
-                        ->createComponentDescriptorRegistry(
-                            {eventDispatcher, contextContainer});
+                        ->createComponentDescriptorRegistry(params);
 
     auto& mutableRegistry = const_cast<ComponentDescriptorRegistry&>(*registry);
     mutableRegistry.setFallbackComponentDescriptor(
-        std::make_shared<UnimplementedNativeViewComponentDescriptor>(
-            ComponentDescriptorParameters{
-                eventDispatcher, contextContainer, nullptr}));
+        std::make_shared<UnimplementedNativeViewComponentDescriptor>(params));
 
     return registry;
   };
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultTurboModuleManagerDelegate.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultTurboModuleManagerDelegate.cpp
index c4a14f39c5349c..e202896abc7bad 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultTurboModuleManagerDelegate.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultTurboModuleManagerDelegate.cpp
@@ -7,10 +7,26 @@
 
 #include "DefaultTurboModuleManagerDelegate.h"
 
+#include <algorithm>
+
 #include <rncore.h>
 
 namespace facebook::react {
 
+DefaultTurboModuleManagerDelegate::DefaultTurboModuleManagerDelegate(
+    jni::alias_ref<jni::JList<CxxReactPackage::javaobject>::javaobject>
+        cxxReactPackages)
+    : cxxReactPackages_() {
+  cxxReactPackages_.reserve(cxxReactPackages->size());
+  std::transform(
+      cxxReactPackages->begin(),
+      cxxReactPackages->end(),
+      std::back_inserter(cxxReactPackages_),
+      [](jni::alias_ref<CxxReactPackage::javaobject> elem) {
+        return jni::make_global(elem);
+      });
+};
+
 std::function<std::shared_ptr<TurboModule>(
     const std::string&,
     const std::shared_ptr<CallInvoker>&)>
@@ -22,8 +38,11 @@ std::function<std::shared_ptr<TurboModule>(
     DefaultTurboModuleManagerDelegate::javaModuleProvider{nullptr};
 
 jni::local_ref<DefaultTurboModuleManagerDelegate::jhybriddata>
-DefaultTurboModuleManagerDelegate::initHybrid(jni::alias_ref<jhybridobject>) {
-  return makeCxxInstance();
+DefaultTurboModuleManagerDelegate::initHybrid(
+    jni::alias_ref<jclass> jClass,
+    jni::alias_ref<jni::JList<CxxReactPackage::javaobject>::javaobject>
+        cxxReactPackages) {
+  return makeCxxInstance(cxxReactPackages);
 }
 
 void DefaultTurboModuleManagerDelegate::registerNatives() {
@@ -36,6 +55,16 @@ void DefaultTurboModuleManagerDelegate::registerNatives() {
 std::shared_ptr<TurboModule> DefaultTurboModuleManagerDelegate::getTurboModule(
     const std::string& name,
     const std::shared_ptr<CallInvoker>& jsInvoker) {
+  for (const auto& cxxReactPackage : cxxReactPackages_) {
+    auto cppPart = cxxReactPackage->cthis();
+    if (cppPart) {
+      auto module = cppPart->getModule(name, jsInvoker);
+      if (module) {
+        return module;
+      }
+    }
+  }
+
   auto moduleProvider = DefaultTurboModuleManagerDelegate::cxxModuleProvider;
   if (moduleProvider) {
     return moduleProvider(name, jsInvoker);
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultTurboModuleManagerDelegate.h b/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultTurboModuleManagerDelegate.h
index fdcf8d00ae9b22..099c245f574df9 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultTurboModuleManagerDelegate.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/newarchdefaults/DefaultTurboModuleManagerDelegate.h
@@ -7,7 +7,9 @@
 
 #include <memory>
 #include <string>
+#include <vector>
 
+#include <ReactCommon/CxxReactPackage.h>
 #include <ReactCommon/JavaTurboModule.h>
 #include <ReactCommon/TurboModule.h>
 #include <ReactCommon/TurboModuleManagerDelegate.h>
@@ -22,7 +24,9 @@ class DefaultTurboModuleManagerDelegate : public jni::HybridClass<
   static constexpr auto kJavaDescriptor =
       "Lcom/facebook/react/defaults/DefaultTurboModuleManagerDelegate;";
 
-  static jni::local_ref<jhybriddata> initHybrid(jni::alias_ref<jhybridobject>);
+  static jni::local_ref<jhybriddata> initHybrid(
+      jni::alias_ref<jclass>,
+      jni::alias_ref<jni::JList<CxxReactPackage::javaobject>::javaobject>);
 
   static void registerNatives();
 
@@ -46,6 +50,12 @@ class DefaultTurboModuleManagerDelegate : public jni::HybridClass<
  private:
   friend HybridBase;
   using HybridBase::HybridBase;
+
+  std::vector<jni::global_ref<CxxReactPackage::javaobject>> cxxReactPackages_;
+
+  DefaultTurboModuleManagerDelegate(
+      jni::alias_ref<jni::JList<CxxReactPackage::javaobject>::javaobject>
+          cxxReactPackage);
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/reactnativeblob/BlobCollector.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/reactnativeblob/BlobCollector.cpp
index 6dfebe4e9ae75c..d16ba17aa4c553 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/reactnativeblob/BlobCollector.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/reactnativeblob/BlobCollector.cpp
@@ -33,7 +33,7 @@ BlobCollector::~BlobCollector() {
 }
 
 void BlobCollector::nativeInstall(
-    jni::alias_ref<jhybridobject> jThis,
+    jni::alias_ref<jclass>,
     jni::alias_ref<jobject> blobModule,
     jlong jsContextNativePointer) {
   auto& runtime = *((jsi::Runtime*)jsContextNativePointer);
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/reactnativeblob/BlobCollector.h b/packages/react-native/ReactAndroid/src/main/jni/react/reactnativeblob/BlobCollector.h
index 1a0a705d2c721c..f72e9be5ffb65b 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/reactnativeblob/BlobCollector.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/reactnativeblob/BlobCollector.h
@@ -15,16 +15,14 @@ namespace facebook::react {
 class BlobCollector : public jni::HybridClass<BlobCollector>,
                       public jsi::HostObject {
  public:
-  BlobCollector(
-      jni::global_ref<jobject> blobManager,
-      const std::string& blobId);
+  BlobCollector(jni::global_ref<jobject> blobModule, const std::string& blobId);
   ~BlobCollector();
 
   static constexpr auto kJavaDescriptor =
       "Lcom/facebook/react/modules/blob/BlobCollector;";
 
   static void nativeInstall(
-      jni::alias_ref<jhybridobject> jThis,
+      jni::alias_ref<jclass>,
       jni::alias_ref<jobject> blobModule,
       jlong jsContextNativePointer);
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/CMakeLists.txt
new file mode 100644
index 00000000000000..3cea95847728f8
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/CMakeLists.txt
@@ -0,0 +1,29 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+cmake_minimum_required(VERSION 3.13)
+set(CMAKE_VERBOSE_MAKEFILE on)
+
+add_compile_options(
+        -fexceptions
+        -frtti
+        -Wno-unused-lambda-capture
+        -std=c++20)
+
+
+#########################
+### cxxreactpackage ###
+#########################
+
+add_library(react_cxxreactpackage SHARED ReactCommon/OnLoad.cpp)
+
+target_include_directories(react_cxxreactpackage
+        PUBLIC
+        ${CMAKE_CURRENT_SOURCE_DIR}
+)
+
+target_link_libraries(react_cxxreactpackage
+        fb
+        fbjni)
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/ReactCommon/CxxReactPackage.h b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/ReactCommon/CxxReactPackage.h
new file mode 100644
index 00000000000000..cdf1a86a7f4252
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/ReactCommon/CxxReactPackage.h
@@ -0,0 +1,31 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <fbjni/fbjni.h>
+#include <memory>
+
+namespace facebook::react {
+
+class TurboModule;
+class CallInvoker;
+
+class CxxReactPackage : public jni::HybridClass<CxxReactPackage> {
+ public:
+  static auto constexpr kJavaDescriptor =
+      "Lcom/facebook/react/runtime/cxxreactpackage/CxxReactPackage;";
+
+  virtual std::shared_ptr<TurboModule> getModule(
+      const std::string& name,
+      const std::shared_ptr<CallInvoker>& jsInvoker) = 0;
+
+ private:
+  friend HybridBase;
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/hermes/executor/JSITracing.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/ReactCommon/OnLoad.cpp
similarity index 54%
rename from packages/react-native/ReactCommon/hermes/executor/JSITracing.cpp
rename to packages/react-native/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/ReactCommon/OnLoad.cpp
index 4c246c173b81eb..e7f1f355b50be0 100644
--- a/packages/react-native/ReactCommon/hermes/executor/JSITracing.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/cxxreactpackage/ReactCommon/OnLoad.cpp
@@ -5,12 +5,10 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#include "JSITracing.h"
+#include <fbjni/fbjni.h>
 
-namespace facebook {
-namespace jsi {
-void addNativeTracingHooks(Runtime& rt) {
-  // Unimplemented
+#include "CxxReactPackage.h"
+
+JNIEXPORT jint JNICALL JNI_OnLoad(JavaVM* vm, void*) {
+  return facebook::jni::initialize(vm, [] {});
 }
-} // namespace jsi
-} // namespace facebook
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/hermes/jni/JHermesInstance.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/hermes/jni/JHermesInstance.cpp
index 1de9439dc87024..deabc529969432 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/hermes/jni/JHermesInstance.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/hermes/jni/JHermesInstance.cpp
@@ -8,12 +8,18 @@
 #include "JHermesInstance.h"
 
 #include <fbjni/fbjni.h>
+#include <react/fabric/ReactNativeConfigHolder.h>
 
 namespace facebook::react {
 
 jni::local_ref<JHermesInstance::jhybriddata> JHermesInstance::initHybrid(
-    jni::alias_ref<jhybridobject>) {
-  return makeCxxInstance();
+    jni::alias_ref<jclass> /* unused */,
+    jni::alias_ref<jobject> reactNativeConfig) {
+  std::shared_ptr<const ReactNativeConfig> config = reactNativeConfig != nullptr
+      ? std::make_shared<const ReactNativeConfigHolder>(reactNativeConfig)
+      : nullptr;
+
+  return makeCxxInstance(config);
 }
 
 void JHermesInstance::registerNatives() {
@@ -22,10 +28,10 @@ void JHermesInstance::registerNatives() {
   });
 }
 
-std::unique_ptr<jsi::Runtime> JHermesInstance::createJSRuntime(
+std::unique_ptr<JSRuntime> JHermesInstance::createJSRuntime(
     std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept {
-  // TODO T105438175 Pass ReactNativeConfig to init Hermes with MobileConfig
-  return HermesInstance::createJSRuntime(nullptr, nullptr, msgQueueThread);
+  return HermesInstance::createJSRuntime(
+      reactNativeConfig_, nullptr, msgQueueThread);
 }
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/hermes/jni/JHermesInstance.h b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/hermes/jni/JHermesInstance.h
index db12cfc4d5fcb8..5ee3450442db92 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/hermes/jni/JHermesInstance.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/hermes/jni/JHermesInstance.h
@@ -8,35 +8,42 @@
 #pragma once
 
 #include <memory>
-#include <string>
 
 #include <cxxreact/MessageQueueThread.h>
 #include <fbjni/fbjni.h>
 #include <jni.h>
 #include <jsi/jsi.h>
-#include <react/runtime/JSEngineInstance.h>
+#include <react/config/ReactNativeConfig.h>
+#include <react/runtime/JSRuntimeFactory.h>
 #include <react/runtime/hermes/HermesInstance.h>
-#include "../../jni/JJSEngineInstance.h"
+#include "../../jni/JJSRuntimeFactory.h"
 
 namespace facebook::react {
 
 class JHermesInstance
-    : public jni::HybridClass<JHermesInstance, JJSEngineInstance> {
+    : public jni::HybridClass<JHermesInstance, JJSRuntimeFactory> {
  public:
   static constexpr auto kJavaDescriptor =
       "Lcom/facebook/react/runtime/hermes/HermesInstance;";
 
-  static jni::local_ref<jhybriddata> initHybrid(jni::alias_ref<jhybridobject>);
+  static jni::local_ref<jhybriddata> initHybrid(
+      jni::alias_ref<jclass> /* unused */,
+      jni::alias_ref<jobject> reactNativeConfig);
 
   static void registerNatives();
 
-  std::unique_ptr<jsi::Runtime> createJSRuntime(
+  JHermesInstance(std::shared_ptr<const ReactNativeConfig> reactNativeConfig)
+      : reactNativeConfig_(reactNativeConfig){};
+
+  std::unique_ptr<JSRuntime> createJSRuntime(
       std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept;
 
   ~JHermesInstance() {}
 
  private:
   friend HybridBase;
+
+  std::shared_ptr<const ReactNativeConfig> reactNativeConfig_;
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/CMakeLists.txt
index ab59671367e982..f61819764c0248 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/CMakeLists.txt
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/CMakeLists.txt
@@ -23,6 +23,7 @@ target_include_directories(rninstance PUBLIC .)
 target_link_libraries(
         rninstance
         fabricjni
+        react_featureflagsjni
         turbomodulejsijni
         fb
         jsi
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JJSEngineInstance.h b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JJSRuntimeFactory.h
similarity index 64%
rename from packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JJSEngineInstance.h
rename to packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JJSRuntimeFactory.h
index 06619c451c6805..03c312cd378dbc 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JJSEngineInstance.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JJSRuntimeFactory.h
@@ -9,15 +9,15 @@
 
 #include <fbjni/fbjni.h>
 #include <jni.h>
-#include <react/runtime/JSEngineInstance.h>
+#include <react/runtime/JSRuntimeFactory.h>
 
 namespace facebook::react {
 
-class JJSEngineInstance : public jni::HybridClass<JJSEngineInstance>,
-                          public JSEngineInstance {
+class JJSRuntimeFactory : public jni::HybridClass<JJSRuntimeFactory>,
+                          public JSRuntimeFactory {
  public:
   static auto constexpr kJavaDescriptor =
-      "Lcom/facebook/react/runtime/JSEngineInstance;";
+      "Lcom/facebook/react/runtime/JSRuntimeFactory;";
 
  private:
   friend HybridBase;
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JReactInstance.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JReactInstance.cpp
index 832b8aa6f2ccf8..ce3bc7b613e00d 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JReactInstance.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JReactInstance.cpp
@@ -29,7 +29,7 @@
 namespace facebook::react {
 
 JReactInstance::JReactInstance(
-    jni::alias_ref<JJSEngineInstance::javaobject> jsEngineInstance,
+    jni::alias_ref<JJSRuntimeFactory::javaobject> jsRuntimeFactory,
     jni::alias_ref<JavaMessageQueueThread::javaobject> jsMessageQueueThread,
     jni::alias_ref<JavaMessageQueueThread::javaobject> nativeMessageQueueThread,
     jni::alias_ref<JJavaTimerManager::javaobject> javaTimerManager,
@@ -61,7 +61,7 @@ JReactInstance::JReactInstance(
   jBindingsInstaller_ = jni::make_global(jBindingsInstaller);
 
   instance_ = std::make_unique<ReactInstance>(
-      jsEngineInstance->cthis()->createJSRuntime(sharedJSMessageQueueThread),
+      jsRuntimeFactory->cthis()->createJSRuntime(sharedJSMessageQueueThread),
       sharedJSMessageQueueThread,
       timerManager,
       std::move(jsErrorHandlingFunc));
@@ -108,7 +108,7 @@ JReactInstance::JReactInstance(
 
 jni::local_ref<JReactInstance::jhybriddata> JReactInstance::initHybrid(
     jni::alias_ref<jhybridobject> /* unused */,
-    jni::alias_ref<JJSEngineInstance::javaobject> jsEngineInstance,
+    jni::alias_ref<JJSRuntimeFactory::javaobject> jsRuntimeFactory,
     jni::alias_ref<JavaMessageQueueThread::javaobject> jsMessageQueueThread,
     jni::alias_ref<JavaMessageQueueThread::javaobject> nativeMessageQueueThread,
     jni::alias_ref<JJavaTimerManager::javaobject> javaTimerManager,
@@ -117,7 +117,7 @@ jni::local_ref<JReactInstance::jhybriddata> JReactInstance::initHybrid(
     jni::alias_ref<JBindingsInstaller::javaobject> jBindingsInstaller,
     bool isProfiling) {
   return makeCxxInstance(
-      jsEngineInstance,
+      jsRuntimeFactory,
       jsMessageQueueThread,
       nativeMessageQueueThread,
       javaTimerManager,
@@ -201,6 +201,10 @@ void JReactInstance::handleMemoryPressureJs(jint level) {
   instance_->handleMemoryPressureJs(level);
 }
 
+jlong JReactInstance::getJavaScriptContext() {
+  return (jlong)(intptr_t)instance_->getJavaScriptContext();
+}
+
 void JReactInstance::registerNatives() {
   registerHybrid({
       makeNativeMethod("initHybrid", JReactInstance::initHybrid),
@@ -230,6 +234,8 @@ void JReactInstance::registerNatives() {
           "registerSegmentNative", JReactInstance::registerSegment),
       makeNativeMethod(
           "handleMemoryPressureJs", JReactInstance::handleMemoryPressureJs),
+      makeNativeMethod(
+          "getJavaScriptContext", JReactInstance::getJavaScriptContext),
   });
 }
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JReactInstance.h b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JReactInstance.h
index 55ec3e9ffa105a..6a28ea50c737e1 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JReactInstance.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jni/JReactInstance.h
@@ -18,12 +18,12 @@
 #include <react/jni/JRuntimeScheduler.h>
 #include <react/jni/JSLoader.h>
 #include <react/jni/ReadableNativeMap.h>
-#include <react/runtime/JSEngineInstance.h>
+#include <react/runtime/JSRuntimeFactory.h>
 #include <react/runtime/PlatformTimerRegistry.h>
 #include <react/runtime/ReactInstance.h>
 
 #include "JBindingsInstaller.h"
-#include "JJSEngineInstance.h"
+#include "JJSRuntimeFactory.h"
 #include "JJSTimerExecutor.h"
 #include "JJavaTimerManager.h"
 #include "JReactExceptionManager.h"
@@ -37,7 +37,7 @@ class JReactInstance : public jni::HybridClass<JReactInstance> {
 
   static jni::local_ref<jhybriddata> initHybrid(
       jni::alias_ref<jhybridobject>,
-      jni::alias_ref<JJSEngineInstance::javaobject> jsEngineInstance,
+      jni::alias_ref<JJSRuntimeFactory::javaobject> jsRuntimeFactory,
       jni::alias_ref<JavaMessageQueueThread::javaobject> jsMessageQueueThread,
       jni::alias_ref<JavaMessageQueueThread::javaobject>
           nativeMessageQueueThread,
@@ -82,7 +82,7 @@ class JReactInstance : public jni::HybridClass<JReactInstance> {
   friend HybridBase;
 
   explicit JReactInstance(
-      jni::alias_ref<JJSEngineInstance::javaobject> jsEngineInstance,
+      jni::alias_ref<JJSRuntimeFactory::javaobject> jsRuntimeFactory,
       jni::alias_ref<JavaMessageQueueThread::javaobject> jsMessageQueueThread,
       jni::alias_ref<JavaMessageQueueThread::javaobject>
           nativeMessageQueueThread,
@@ -105,6 +105,8 @@ class JReactInstance : public jni::HybridClass<JReactInstance> {
       nativeMethodCallInvokerHolder_;
   jni::global_ref<JReactExceptionManager::javaobject> jReactExceptionManager_;
   jni::global_ref<JBindingsInstaller::javaobject> jBindingsInstaller_;
+
+  jlong getJavaScriptContext();
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jsc/jni/OnLoad.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jsc/jni/OnLoad.cpp
index 02e384cac712dd..e49a55d50243c8 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jsc/jni/OnLoad.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/runtime/jsc/jni/OnLoad.cpp
@@ -10,12 +10,12 @@
 #include <jsc/JSCRuntime.h>
 #include <jsi/jsi.h>
 #include <react/jni/ReadableNativeMap.h>
-#include <react/runtime/JSEngineInstance.h>
-#include <react/runtime/jni/JJSEngineInstance.h>
+#include <react/runtime/JSRuntimeFactory.h>
+#include <react/runtime/jni/JJSRuntimeFactory.h>
 
 namespace facebook::react {
 
-class JSCInstance : public jni::HybridClass<JSCInstance, JJSEngineInstance> {
+class JSCInstance : public jni::HybridClass<JSCInstance, JJSRuntimeFactory> {
  public:
   static constexpr auto kJavaDescriptor =
       "Lcom/facebook/react/runtime/JSCInstance;";
@@ -30,9 +30,9 @@ class JSCInstance : public jni::HybridClass<JSCInstance, JJSEngineInstance> {
     });
   }
 
-  std::unique_ptr<jsi::Runtime> createJSRuntime(
+  std::unique_ptr<JSRuntime> createJSRuntime(
       std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept {
-    return jsc::makeJSCRuntime();
+    return std::make_unique<JSIRuntimeHolder>(jsc::makeJSCRuntime());
   }
 
  private:
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/CallInvokerHolder.h b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/CallInvokerHolder.h
index 6ea72c9cf90aad..3e4b4f8f2a2767 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/CallInvokerHolder.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/CallInvokerHolder.h
@@ -16,7 +16,7 @@ namespace facebook::react {
 class CallInvokerHolder : public jni::HybridClass<CallInvokerHolder> {
  public:
   static auto constexpr kJavaDescriptor =
-      "Lcom/facebook/react/internal/turbomodule/core/CallInvokerHolderImpl;";
+      "Lcom/facebook/react/turbomodule/core/CallInvokerHolderImpl;";
 
   static void registerNatives();
   std::shared_ptr<CallInvoker> getCallInvoker();
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/NativeMethodCallInvokerHolder.h b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/NativeMethodCallInvokerHolder.h
index 9e464f0755fe56..ef8fa3b5a42395 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/NativeMethodCallInvokerHolder.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/NativeMethodCallInvokerHolder.h
@@ -17,7 +17,7 @@ class NativeMethodCallInvokerHolder
     : public jni::HybridClass<NativeMethodCallInvokerHolder> {
  public:
   static auto constexpr kJavaDescriptor =
-      "Lcom/facebook/react/internal/turbomodule/core/NativeMethodCallInvokerHolderImpl;";
+      "Lcom/facebook/react/turbomodule/core/NativeMethodCallInvokerHolderImpl;";
 
   static void registerNatives();
   std::shared_ptr<NativeMethodCallInvoker> getNativeMethodCallInvoker();
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManager.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManager.cpp
index 293ba705abdba6..cd9f033fe1d833 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManager.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManager.cpp
@@ -12,6 +12,7 @@
 #include <fbjni/fbjni.h>
 #include <jsi/jsi.h>
 
+#include <ReactCommon/CxxTurboModuleUtils.h>
 #include <ReactCommon/JavaInteropTurboModule.h>
 #include <ReactCommon/TurboCxxModule.h>
 #include <ReactCommon/TurboModuleBinding.h>
@@ -135,7 +136,8 @@ TurboModuleProviderFunctionType TurboModuleManager::createTurboModuleProvider(
           nativeMethodCallInvoker_ =
               std::weak_ptr<NativeMethodCallInvoker>(nativeMethodCallInvoker_),
           delegate_ = jni::make_weak(delegate_),
-          javaPart_ = jni::make_weak(javaPart_)](
+          javaPart_ = jni::make_weak(javaPart_),
+          enableSyncVoidMethods](
              const std::string& name) -> std::shared_ptr<TurboModule> {
     auto turboModuleCache = turboModuleCache_.lock();
     auto jsCallInvoker = jsCallInvoker_.lock();
@@ -167,6 +169,14 @@ TurboModuleProviderFunctionType TurboModuleManager::createTurboModuleProvider(
       return cxxModule;
     }
 
+    auto& cxxTurboModuleMapProvider = globalExportedCxxTurboModuleMap();
+    auto it = cxxTurboModuleMapProvider.find(name);
+    if (it != cxxTurboModuleMapProvider.end()) {
+      auto turboModule = it->second(jsCallInvoker);
+      turboModuleCache->insert({name, turboModule});
+      return turboModule;
+    }
+
     static auto getTurboLegacyCxxModule =
         javaPart->getClass()
             ->getMethod<jni::alias_ref<CxxModuleWrapper::javaobject>(
@@ -197,7 +207,7 @@ TurboModuleProviderFunctionType TurboModuleManager::createTurboModuleProvider(
           .instance = moduleInstance,
           .jsInvoker = jsCallInvoker,
           .nativeMethodCallInvoker = nativeMethodCallInvoker,
-          .shouldVoidMethodsExecuteSync = false};
+          .shouldVoidMethodsExecuteSync = enableSyncVoidMethods};
 
       auto turboModule = delegate->cthis()->getTurboModule(name, params);
       turboModuleCache->insert({name, turboModule});
@@ -209,8 +219,8 @@ TurboModuleProviderFunctionType TurboModuleManager::createTurboModuleProvider(
   };
 }
 
-TurboModuleProviderFunctionType TurboModuleManager::createLegacyModuleProvider(
-    bool enableSyncVoidMethods) {
+TurboModuleProviderFunctionType
+TurboModuleManager::createLegacyModuleProvider() {
   return [legacyModuleCache_ = std::weak_ptr<ModuleCache>(legacyModuleCache_),
           jsCallInvoker_ = std::weak_ptr<CallInvoker>(jsCallInvoker_),
           nativeMethodCallInvoker_ =
@@ -322,7 +332,7 @@ void TurboModuleManager::installJSIBindings(
     TurboModuleBinding::install(
         runtime,
         createTurboModuleProvider(enableSyncVoidMethods),
-        createLegacyModuleProvider(enableSyncVoidMethods));
+        createLegacyModuleProvider());
   });
 }
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManager.h b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManager.h
index fce31e012d8770..d77f5dce80e407 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManager.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/turbomodule/ReactCommon/TurboModuleManager.h
@@ -68,8 +68,7 @@ class TurboModuleManager : public jni::HybridClass<TurboModuleManager> {
 
   TurboModuleProviderFunctionType createTurboModuleProvider(
       bool enableSyncVoidMethods);
-  TurboModuleProviderFunctionType createLegacyModuleProvider(
-      bool enableSyncVoidMethods);
+  TurboModuleProviderFunctionType createLegacyModuleProvider();
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/uimanager/UIConstantsProviderManager.cpp b/packages/react-native/ReactAndroid/src/main/jni/react/uimanager/UIConstantsProviderManager.cpp
index 174b6bb4e54ec1..8e988060f61735 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/uimanager/UIConstantsProviderManager.cpp
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/uimanager/UIConstantsProviderManager.cpp
@@ -22,18 +22,34 @@ using namespace facebook::jni;
 UIConstantsProviderManager::UIConstantsProviderManager(
     jni::alias_ref<UIConstantsProviderManager::javaobject> jThis,
     RuntimeExecutor runtimeExecutor,
-    jni::alias_ref<jobject> uiConstantsProvider)
+    jni::alias_ref<DefaultEventTypesProvider::javaobject>
+        defaultExportableEventTypesProvider,
+    jni::alias_ref<ConstantsForViewManagerProvider::javaobject>
+        constantsForViewManagerProvider,
+    jni::alias_ref<ConstantsProvider::javaobject> constantsProvider)
     : javaPart_(jni::make_global(jThis)),
       runtimeExecutor_(runtimeExecutor),
-      uiConstantsProvider_(jni::make_global(uiConstantsProvider)) {}
+      defaultExportableEventTypesProvider_(
+          jni::make_global(defaultExportableEventTypesProvider)),
+      constantsForViewManagerProvider_(
+          jni::make_global(constantsForViewManagerProvider)),
+      constantsProvider_(jni::make_global(constantsProvider)) {}
 
 jni::local_ref<UIConstantsProviderManager::jhybriddata>
 UIConstantsProviderManager::initHybrid(
     jni::alias_ref<jhybridobject> jThis,
     jni::alias_ref<JRuntimeExecutor::javaobject> runtimeExecutor,
-    jni::alias_ref<jobject> uiConstantsProvider) {
+    jni::alias_ref<DefaultEventTypesProvider::javaobject>
+        defaultExportableEventTypesProvider,
+    jni::alias_ref<ConstantsForViewManagerProvider::javaobject>
+        constantsForViewManagerProvider,
+    jni::alias_ref<ConstantsProvider::javaobject> constantsProvider) {
   return makeCxxInstance(
-      jThis, runtimeExecutor->cthis()->get(), uiConstantsProvider);
+      jThis,
+      runtimeExecutor->cthis()->get(),
+      defaultExportableEventTypesProvider,
+      constantsForViewManagerProvider,
+      constantsProvider);
 }
 
 void UIConstantsProviderManager::registerNatives() {
@@ -46,18 +62,33 @@ void UIConstantsProviderManager::registerNatives() {
 
 void UIConstantsProviderManager::installJSIBindings() {
   runtimeExecutor_([thizz = this](jsi::Runtime& runtime) {
-    auto uiConstantsProvider = [thizz, &runtime]() -> jsi::Value {
-      static auto getConstants =
-          jni::findClassStatic(
-              UIConstantsProviderManager::UIConstantsProviderJavaDescriptor)
-              ->getMethod<jni::alias_ref<NativeMap::jhybridobject>()>(
-                  "getConstants");
-      auto constants = getConstants(thizz->uiConstantsProvider_.get());
-      return jsi::valueFromDynamic(runtime, constants->cthis()->consume());
+    auto jsiDefaultEventTypesProvider = [thizz, &runtime]() -> jsi::Value {
+      return thizz->defaultExportableEventTypesProvider_->getDefaultEventTypes(
+          runtime);
     };
 
+    auto jsiConstantsForViewManagerProvider =
+        [thizz, &runtime](std::string viewManagerName) -> jsi::Value {
+      return thizz->constantsForViewManagerProvider_
+          ->getConstantsForViewManager(runtime, viewManagerName);
+    };
+
+    auto jsiConstantsProvider = [thizz, &runtime]() -> jsi::Value {
+      return thizz->constantsProvider_->getConstants(runtime);
+    };
+
+    LegacyUIManagerConstantsProviderBinding::install(
+        runtime,
+        "getDefaultEventTypes",
+        std::move(jsiDefaultEventTypesProvider));
+
+    LegacyUIManagerConstantsProviderBinding::install(
+        runtime,
+        "getConstantsForViewManager",
+        std::move(jsiConstantsForViewManagerProvider));
+
     LegacyUIManagerConstantsProviderBinding::install(
-        runtime, std::move(uiConstantsProvider));
+        runtime, "getConstants", std::move(jsiConstantsProvider));
   });
 }
 
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/uimanager/UIConstantsProviderManager.h b/packages/react-native/ReactAndroid/src/main/jni/react/uimanager/UIConstantsProviderManager.h
index ba537da6eb8b5f..c2996a50f4ce19 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/uimanager/UIConstantsProviderManager.h
+++ b/packages/react-native/ReactAndroid/src/main/jni/react/uimanager/UIConstantsProviderManager.h
@@ -9,23 +9,80 @@
 
 #include <ReactCommon/RuntimeExecutor.h>
 #include <fbjni/fbjni.h>
+#include <jsi/JSIDynamic.h>
+#include <jsi/jsi.h>
 #include <react/jni/JRuntimeExecutor.h>
+#include <react/jni/NativeMap.h>
 
 namespace facebook::react {
 
+class DefaultEventTypesProvider
+    : public jni::JavaClass<DefaultEventTypesProvider> {
+ public:
+  static constexpr const char* kJavaDescriptor =
+      "Lcom/facebook/react/uimanager/UIConstantsProviderManager$DefaultEventTypesProvider;";
+
+  jsi::Value getDefaultEventTypes(jsi::Runtime& runtime) {
+    static auto method =
+        javaClassStatic()
+            ->getMethod<jni::alias_ref<NativeMap::jhybridobject>()>(
+                "getDefaultEventTypes");
+    auto result = method(self());
+    return jsi::valueFromDynamic(runtime, result->cthis()->consume());
+  }
+};
+
+class ConstantsForViewManagerProvider
+    : public jni::JavaClass<ConstantsForViewManagerProvider> {
+ public:
+  static constexpr const char* kJavaDescriptor =
+      "Lcom/facebook/react/uimanager/UIConstantsProviderManager$ConstantsForViewManagerProvider;";
+
+  jsi::Value getConstantsForViewManager(
+      jsi::Runtime& runtime,
+      std::string viewManagerName) {
+    static auto method =
+        javaClassStatic()
+            ->getMethod<jni::alias_ref<NativeMap::jhybridobject>(std::string)>(
+                "getConstantsForViewManager");
+    auto result = method(self(), viewManagerName);
+    if (result == nullptr) {
+      return jsi::Value::null();
+    }
+    return jsi::valueFromDynamic(runtime, result->cthis()->consume());
+  }
+};
+
+class ConstantsProvider : public jni::JavaClass<ConstantsProvider> {
+ public:
+  static constexpr const char* kJavaDescriptor =
+      "Lcom/facebook/react/uimanager/UIConstantsProviderManager$ConstantsProvider;";
+
+  jsi::Value getConstants(jsi::Runtime& runtime) {
+    static auto method =
+        javaClassStatic()
+            ->getMethod<jni::alias_ref<NativeMap::jhybridobject>()>(
+                "getConstants");
+    auto result = method(self());
+    return jsi::valueFromDynamic(runtime, result->cthis()->consume());
+  }
+};
+
 class UIConstantsProviderManager
     : public facebook::jni::HybridClass<UIConstantsProviderManager> {
  public:
   static auto constexpr kJavaDescriptor =
       "Lcom/facebook/react/uimanager/UIConstantsProviderManager;";
 
-  constexpr static auto UIConstantsProviderJavaDescriptor =
-      "com/facebook/react/uimanager/UIConstantsProvider";
-
   static facebook::jni::local_ref<jhybriddata> initHybrid(
       facebook::jni::alias_ref<jhybridobject> jThis,
       facebook::jni::alias_ref<JRuntimeExecutor::javaobject> runtimeExecutor,
-      facebook::jni::alias_ref<jobject> uiConstantsProviderManager);
+      facebook::jni::alias_ref<DefaultEventTypesProvider::javaobject>
+          defaultExportableEventTypesProvider,
+      facebook::jni::alias_ref<ConstantsForViewManagerProvider::javaobject>
+          constantsForViewManagerProvider,
+      facebook::jni::alias_ref<ConstantsProvider::javaobject>
+          constantsProvider);
 
   static void registerNatives();
 
@@ -34,14 +91,23 @@ class UIConstantsProviderManager
   facebook::jni::global_ref<UIConstantsProviderManager::javaobject> javaPart_;
   RuntimeExecutor runtimeExecutor_;
 
-  facebook::jni::global_ref<jobject> uiConstantsProvider_;
+  facebook::jni::global_ref<DefaultEventTypesProvider::javaobject>
+      defaultExportableEventTypesProvider_;
+  facebook::jni::global_ref<ConstantsForViewManagerProvider::javaobject>
+      constantsForViewManagerProvider_;
+  facebook::jni::global_ref<ConstantsProvider::javaobject> constantsProvider_;
 
   void installJSIBindings();
 
   explicit UIConstantsProviderManager(
       facebook::jni::alias_ref<UIConstantsProviderManager::jhybridobject> jThis,
       RuntimeExecutor runtimeExecutor,
-      facebook::jni::alias_ref<jobject> uiConstantsProviderManager);
+      facebook::jni::alias_ref<DefaultEventTypesProvider::javaobject>
+          defaultExportableEventTypesProvider,
+      facebook::jni::alias_ref<ConstantsForViewManagerProvider::javaobject>
+          constantsForViewManagerProvider,
+      facebook::jni::alias_ref<ConstantsProvider::javaobject>
+          constantsProvider);
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/third-party/folly/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/third-party/folly/CMakeLists.txt
index 30773335d6b383..9cef8e899639ac 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/third-party/folly/CMakeLists.txt
+++ b/packages/react-native/ReactAndroid/src/main/jni/third-party/folly/CMakeLists.txt
@@ -68,61 +68,3 @@ target_compile_options(folly_runtime PUBLIC ${folly_FLAGS})
 
 target_include_directories(folly_runtime PUBLIC .)
 target_link_libraries(folly_runtime glog double-conversion boost fmt)
-
-#####################
-### folly_futures ###
-#####################
-
-add_library(folly_futures STATIC
-        folly/CancellationToken.cpp
-        folly/ExceptionWrapper.cpp
-        folly/ExceptionString.cpp
-        folly/Executor.cpp
-        folly/Singleton.cpp
-        folly/SingletonThreadLocal.cpp
-        folly/Try.cpp
-        folly/concurrency/CacheLocality.cpp
-        folly/detail/AsyncTrace.cpp
-        folly/detail/MemoryIdler.cpp
-        folly/detail/ThreadLocalDetail.cpp
-        folly/fibers/Baton.cpp
-        folly/fibers/FiberManager.cpp
-        folly/fibers/Fiber.cpp
-        folly/fibers/GuardPageAllocator.cpp
-        folly/futures/detail/Core.cpp
-        folly/futures/Future.cpp
-        folly/futures/ThreadWheelTimekeeper.cpp
-        folly/executors/ExecutorWithPriority.cpp
-        folly/executors/InlineExecutor.cpp
-        folly/executors/TimedDrivableExecutor.cpp
-        folly/executors/QueuedImmediateExecutor.cpp
-        folly/io/async/AsyncTimeout.cpp
-        folly/io/async/EventBase.cpp
-        folly/io/async/EventBaseBackendBase.cpp
-        folly/io/async/EventBaseLocal.cpp
-        folly/io/async/EventHandler.cpp
-        folly/io/async/HHWheelTimer.cpp
-        folly/io/async/Request.cpp
-        folly/io/async/TimeoutManager.cpp
-        folly/io/async/VirtualEventBase.cpp
-        folly/lang/Exception.cpp
-        folly/lang/UncaughtExceptions.cpp
-        folly/memory/MallctlHelper.cpp
-        folly/memory/ReentrantAllocator.cpp
-        folly/portability/SysMembarrier.cpp
-        folly/synchronization/AsymmetricThreadFence.cpp
-        folly/synchronization/Hazptr.cpp
-        folly/synchronization/WaitOptions.cpp
-        folly/synchronization/detail/Sleeper.cpp
-        folly/system/Pid.cpp)
-
-target_compile_options(folly_futures
-        PRIVATE
-        -fexceptions
-        -fno-omit-frame-pointer
-        -frtti
-        -Wno-sign-compare
-        -Wno-unused-variable)
-
-target_include_directories(folly_futures PUBLIC .)
-target_link_libraries(folly_futures glog double-conversion folly_runtime boost event fmt)
diff --git a/packages/react-native/ReactAndroid/src/main/jni/third-party/libevent/CMakeLists.txt b/packages/react-native/ReactAndroid/src/main/jni/third-party/libevent/CMakeLists.txt
deleted file mode 100644
index 4a25147dca21ff..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/jni/third-party/libevent/CMakeLists.txt
+++ /dev/null
@@ -1,43 +0,0 @@
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-cmake_minimum_required(VERSION 3.13)
-set(CMAKE_VERBOSE_MAKEFILE on)
-
-add_compile_options(
-        -DNDEBUG
-        -O2
-        -Wno-unused-function
-        -Wno-unneeded-internal-declaration
-        -Wno-array-parameter # Fixed in 2.2.1 (not yet released)
-        -std=c11)
-
-add_library(event
-        STATIC
-        event.c
-        buffer.c
-        bufferevent.c
-        bufferevent_filter.c
-        bufferevent_pair.c
-        bufferevent_ratelim.c
-        bufferevent_sock.c
-        epoll.c
-        evmap.c
-        evthread.c
-        evthread_pthread.c
-        evutil.c
-        evutil_rand.c
-        evutil_time.c
-        listener.c
-        log.c
-        poll.c
-        signal.c
-        strlcpy.c
-        select.c)
-
-target_include_directories(event PUBLIC include)
-
-# link against libc as well
-target_link_libraries(event c)
diff --git a/packages/react-native/ReactAndroid/src/main/jni/third-party/libevent/evconfig-private.h b/packages/react-native/ReactAndroid/src/main/jni/third-party/libevent/evconfig-private.h
deleted file mode 100644
index f6b08e353e841a..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/jni/third-party/libevent/evconfig-private.h
+++ /dev/null
@@ -1,49 +0,0 @@
-/* evconfig-private.h.  Generated from evconfig-private.h.in by configure.  */
-/* evconfig-private.h template - see "Configuration Header Templates" */
-/* in AC manual.  Kevin Bowling <kevin.bowling@kev009.com */
-#ifndef EVCONFIG_PRIVATE_H_INCLUDED_
-#define EVCONFIG_PRIVATE_H_INCLUDED_
-
-/* Enable extensions on AIX 3, Interix.  */
-#ifndef _ALL_SOURCE
-# define _ALL_SOURCE 1
-#endif
-/* Enable GNU extensions on systems that have them.  */
-#ifndef _GNU_SOURCE
-# define _GNU_SOURCE 1
-#endif
-/* Enable threading extensions on Solaris.  */
-#ifndef _POSIX_PTHREAD_SEMANTICS
-# define _POSIX_PTHREAD_SEMANTICS 1
-#endif
-/* Enable extensions on HP NonStop.  */
-#ifndef _TANDEM_SOURCE
-# define _TANDEM_SOURCE 1
-#endif
-/* Enable general extensions on Solaris.  */
-#ifndef __EXTENSIONS__
-# define __EXTENSIONS__ 1
-#endif
-
-/* Number of bits in a file offset, on hosts where this is settable. */
-/* #undef _FILE_OFFSET_BITS */
-/* Define for large files, on AIX-style hosts. */
-/* #undef _LARGE_FILES */
-
-/* Define to 1 if on MINIX. */
-#ifndef _MINIX
-/* #undef _MINIX */
-#endif
-
-/* Define to 2 if the system does not provide POSIX.1 features except with
-   this defined. */
-#ifndef _POSIX_1_SOURCE
-/* #undef _POSIX_1_SOURCE */
-#endif
-
-/* Define to 1 if you need to in order for `stat' and other things to work. */
-#ifndef _POSIX_SOURCE
-/* #undef _POSIX_SOURCE */
-#endif
-
-#endif
diff --git a/packages/react-native/ReactAndroid/src/main/jni/third-party/libevent/event-config.h b/packages/react-native/ReactAndroid/src/main/jni/third-party/libevent/event-config.h
deleted file mode 100644
index 91acdb6f4dadba..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/jni/third-party/libevent/event-config.h
+++ /dev/null
@@ -1,340 +0,0 @@
-/* event2/event-config.h
- *
- * This file was generated by autoconf when libevent was built, and post-
- * processed by Libevent so that its macros would have a uniform prefix.
- *
- * Do not rely on macros in this file existing in later versions.
- */
-#ifndef _EVENT2_EVENT_CONFIG_H_
-#define _EVENT2_EVENT_CONFIG_H_
-#include <stddef.h>
-#include <stdint.h>
-/* The size of `size_t', as computed by sizeof. */
-#if SIZE_MAX == UINT64_MAX
-#define EVENT__SIZEOF_SIZE_T 8
-#elif SIZE_MAX == UINT32_MAX
-#define EVENT__SIZEOF_SIZE_T 4
-#else
-#error "No way to infer sizeof size_t"
-#endif
-#define EVENT__HAVE_UINT64_T 1
-#define EVENT__HAVE_UINT32_T 1
-#define EVENT__HAVE_UINT16_T 1
-#define EVENT__HAVE_UINT8_T 1
-#define EVENT__HAVE_UINTPTR_T 1
-/* config.h.  Generated from config.h.in by configure.  */
-/* config.h.in.  Generated from configure.ac by autoheader.  */
-/* Define if libevent should build without support for a debug mode */
-/* #undef EVENT__DISABLE_DEBUG_MODE */
-/* Define if libevent should not allow replacing the mm functions */
-/* #undef EVENT__DISABLE_MM_REPLACEMENT */
-/* Define if libevent should not be compiled with thread support */
-/* #undef EVENT__DISABLE_THREAD_SUPPORT */
-/* Define to 1 if you have the `accept4' function. */
-#define EVENT__HAVE_ACCEPT4 1
-/* Define to 1 if you have the `arc4random' function. */
-#define EVENT__HAVE_ARC4RANDOM 1
-/* Define to 1 if you have the `arc4random_buf' function. */
-#define EVENT__HAVE_ARC4RANDOM_BUF 1
-/* Define to 1 if you have the <arpa/inet.h> header file. */
-#define EVENT__HAVE_ARPA_INET_H 1
-/* Define to 1 if you have the `clock_gettime' function. */
-#define EVENT__HAVE_CLOCK_GETTIME 1
-/* Define to 1 if you have the declaration of `CTL_KERN', and to 0 if you
-   don't. */
-/* #undef EVENT__HAVE_DECL_CTL_KERN */
-/* Define to 1 if you have the declaration of `KERN_ARND', and to 0 if you
-   don't. */
-/* #undef EVENT__HAVE_DECL_KERN_ARND */
-/* Define to 1 if you have the declaration of `KERN_RANDOM', and to 0 if you
-   don't. */
-/* #undef EVENT__HAVE_DECL_KERN_RANDOM */
-/* Define to 1 if you have the declaration of `RANDOM_UUID', and to 0 if you
-   don't. */
-/* #undef EVENT__HAVE_DECL_RANDOM_UUID */
-/* Define if /dev/poll is available */
-/* #undef EVENT__HAVE_DEVPOLL */
-/* Define to 1 if you have the <dlfcn.h> header file. */
-#define EVENT__HAVE_DLFCN_H 1
-/* Define if your system supports the epoll system calls */
-#define EVENT__HAVE_EPOLL 1
-/* Define to 1 if you have the `epoll_create1' function. */
-#define EVENT__HAVE_EPOLL_CREATE1 1
-/* Define to 1 if you have the `epoll_ctl' function. */
-#define EVENT__HAVE_EPOLL_CTL 1
-/* Define to 1 if you have the <errno.h> header file. */
-#define EVENT__HAVE_ERRNO_H 1
-/* Define to 1 if you have ERR_remove_thread_stat(). */
-#undef EVENT__HAVE_ERR_REMOVE_THREAD_STATE
-/* Define to 1 if you have the `eventfd' function. */
-#define EVENT__HAVE_EVENTFD 1
-/* Define if your system supports event ports */
-/* #undef EVENT__HAVE_EVENT_PORTS */
-/* Define to 1 if you have the `fcntl' function. */
-#define EVENT__HAVE_FCNTL 1
-/* Define to 1 if you have the <fcntl.h> header file. */
-#define EVENT__HAVE_FCNTL_H 1
-/* Define to 1 if the system has the type `fd_mask'. */
-/* #undef EVENT__HAVE_FD_MASK */
-/* Do we have getaddrinfo()? */
-#define EVENT__HAVE_GETADDRINFO 1
-/* Define to 1 if you have the `getegid' function. */
-#define EVENT__HAVE_GETEGID 1
-/* Define to 1 if you have the `geteuid' function. */
-#define EVENT__HAVE_GETEUID 1
-/* Define this if you have any gethostbyname_r() */
-#define EVENT__HAVE_GETHOSTBYNAME_R 1
-/* Define this if gethostbyname_r takes 3 arguments */
-/* #undef EVENT__HAVE_GETHOSTBYNAME_R_3_ARG */
-/* Define this if gethostbyname_r takes 5 arguments */
-/* #undef EVENT__HAVE_GETHOSTBYNAME_R_5_ARG */
-/* Define this if gethostbyname_r takes 6 arguments */
-#define EVENT__HAVE_GETHOSTBYNAME_R_6_ARG 1
-/* Define to 1 if you have the `getifaddrs' function. */
-/* #undef EVENT__HAVE_GETIFADDRS */
-/* Define to 1 if you have the `getnameinfo' function. */
-#define EVENT__HAVE_GETNAMEINFO 1
-/* Define to 1 if you have the `getprotobynumber' function. */
-#define EVENT__HAVE_GETPROTOBYNUMBER 1
-/* Define to 1 if you have the `getservbyname' function. */
-/* #undef EVENT__HAVE_GETSERVBYNAME */
-/* Define to 1 if you have the `gettimeofday' function. */
-#define EVENT__HAVE_GETTIMEOFDAY 1
-/* Define to 1 if you have the <ifaddrs.h> header file. */
-/* #undef EVENT__HAVE_IFADDRS_H */
-/* Define to 1 if you have the `inet_ntop' function. */
-#define EVENT__HAVE_INET_NTOP 1
-/* Define to 1 if you have the `inet_pton' function. */
-#define EVENT__HAVE_INET_PTON 1
-/* Define to 1 if you have the <inttypes.h> header file. */
-#define EVENT__HAVE_INTTYPES_H 1
-/* Define to 1 if you have the `issetugid' function. */
-/* #undef EVENT__HAVE_ISSETUGID */
-/* Define to 1 if you have the `kqueue' function. */
-/* #undef EVENT__HAVE_KQUEUE */
-/* Define if the system has zlib */
-#define EVENT__HAVE_LIBZ 1
-/* Define to 1 if you have the `mach_absolute_time' function. */
-#undef HAVE_MACH_ABSOLUTE_TIME
-/* Define to 1 if you have the <mach/mach_time.h> header file. */
-#undef HAVE_MACH_MACH_TIME_H
-/* Define to 1 if you have the <memory.h> header file. */
-#define EVENT__HAVE_MEMORY_H 1
-/* Define to 1 if you have the `mmap' function. */
-#define EVENT__HAVE_MMAP 1
-/* Define to 1 if you have the `nanosleep' function. */
-#define EVENT__HAVE_NANOSLEEP 1
-/* Define to 1 if you have the <netdb.h> header file. */
-#define EVENT__HAVE_NETDB_H 1
-/* Define to 1 if you have the <netinet/in6.h> header file. */
-#define EVENT__HAVE_NETINET_IN6_H 1
-/* Define to 1 if you have the <netinet/in.h> header file. */
-#define EVENT__HAVE_NETINET_IN_H 1
-/* Define to 1 if you have the <netinet/tcp.h> header file. */
-#define EVENT__HAVE_NETINET_TCP_H 1
-/* Define if the system has openssl */
-#define EVENT__HAVE_OPENSSL 1
-/* Define to 1 if you have the `pipe' function. */
-/* #undef EVENT__HAVE_PIPE */
-/* Define to 1 if you have the `pipe2' function. */
-/* #undef EVENT__HAVE_PIPE2 */
-/* Define to 1 if you have the `poll' function. */
-#define EVENT__HAVE_POLL 1
-/* Define to 1 if you have the <poll.h> header file. */
-#define EVENT__HAVE_POLL_H 1
-/* Define to 1 if you have the `port_create' function. */
-/* #undef EVENT__HAVE_PORT_CREATE */
-/* Define to 1 if you have the <port.h> header file. */
-/* #undef EVENT__HAVE_PORT_H */
-/* Define if you have POSIX threads libraries and header files. */
-/* #undef EVENT__HAVE_PTHREAD */
-/* Define if we have pthreads on this system */
-#define EVENT__HAVE_PTHREADS 1
-/* Define to 1 if you have the `putenv' function. */
-#define EVENT__HAVE_PUTENV 1
-/* Define to 1 if the system has the type `sa_family_t'. */
-#define EVENT__HAVE_SA_FAMILY_T 1
-/* Define to 1 if you have the `select' function. */
-#define EVENT__HAVE_SELECT 1
-/* Define to 1 if you have the `sendfile' function. */
-#define EVENT__HAVE_SENDFILE 1
-/* Define to 1 if you have the `setenv' function. */
-#define EVENT__HAVE_SETENV 1
-/* Define if F_SETFD is defined in <fcntl.h> */
-#define EVENT__HAVE_SETFD 1
-/* Define to 1 if you have the `setrlimit' function. */
-#define HAVE_SETRLIMIT 1
-/* Define to 1 if you have the `sigaction' function. */
-#define EVENT__HAVE_SIGACTION 1
-/* Define to 1 if you have the `signal' function. */
-#define EVENT__HAVE_SIGNAL 1
-/* Define to 1 if you have the `splice' function. */
-#define EVENT__HAVE_SPLICE 1
-/* Define to 1 if you have the <stdarg.h> header file. */
-#define EVENT__HAVE_STDARG_H 1
-/* Define to 1 if you have the <stddef.h> header file. */
-#define EVENT__HAVE_STDDEF_H 1
-/* Define to 1 if you have the <stdint.h> header file. */
-#define EVENT__HAVE_STDINT_H 1
-/* Define to 1 if you have the <stdlib.h> header file. */
-#define EVENT__HAVE_STDLIB_H 1
-/* Define to 1 if you have the <strings.h> header file. */
-#define EVENT__HAVE_STRINGS_H 1
-/* Define to 1 if you have the <string.h> header file. */
-#define EVENT__HAVE_STRING_H 1
-/* Define to 1 if you have the `strlcpy' function. */
-#define EVENT__HAVE_STRLCPY 1
-/* Define to 1 if you have the `strsep' function. */
-#define EVENT__HAVE_STRSEP 1
-/* Define to 1 if you have the `strtok_r' function. */
-#define EVENT__HAVE_STRTOK_R 1
-/* Define to 1 if you have the `strtoll' function. */
-#define EVENT__HAVE_STRTOLL 1
-/* Define to 1 if the system has the type `struct addrinfo'. */
-#define EVENT__HAVE_STRUCT_ADDRINFO 1
-/* Define to 1 if the system has the type `struct in6_addr'. */
-#define EVENT__HAVE_STRUCT_IN6_ADDR 1
-/* Define to 1 if `s6_addr16' is a member of `struct in6_addr'. */
-#define EVENT__HAVE_STRUCT_IN6_ADDR_S6_ADDR16 1
-/* Define to 1 if `s6_addr32' is a member of `struct in6_addr'. */
-#define EVENT__HAVE_STRUCT_IN6_ADDR_S6_ADDR32 1
-/* Define to 1 if the system has the type `struct sockaddr_in6'. */
-#define EVENT__HAVE_STRUCT_SOCKADDR_IN6 1
-/* Define to 1 if `sin6_len' is a member of `struct sockaddr_in6'. */
-/* #undef EVENT__HAVE_STRUCT_SOCKADDR_IN6_SIN6_LEN */
-/* Define to 1 if `sin_len' is a member of `struct sockaddr_in'. */
-/* #undef EVENT__HAVE_STRUCT_SOCKADDR_IN_SIN_LEN */
-/* Define to 1 if the system has the type `struct sockaddr_storage'. */
-#define EVENT__HAVE_STRUCT_SOCKADDR_STORAGE 1
-/* Define to 1 if `ss_family' is a member of `struct sockaddr_storage'. */
-#define EVENT__HAVE_STRUCT_SOCKADDR_STORAGE_SS_FAMILY 1
-/* Define to 1 if `__ss_family' is a member of `struct sockaddr_storage'. */
-/* #undef EVENT__HAVE_STRUCT_SOCKADDR_STORAGE___SS_FAMILY */
-/* Define to 1 if the system has the type `struct so_linger'. */
-#define HAVE_STRUCT_SO_LINGER 1
-/* Define to 1 if you have the `sysctl' function. */
-/* #undef EVENT__HAVE_SYSCTL */
-/* Define to 1 if you have the <sys/devpoll.h> header file. */
-/* #undef EVENT__HAVE_SYS_DEVPOLL_H */
-/* Define to 1 if you have the <sys/epoll.h> header file. */
-#define EVENT__HAVE_SYS_EPOLL_H 1
-/* Define to 1 if you have the <sys/eventfd.h> header file. */
-#define EVENT__HAVE_SYS_EVENTFD_H 1
-/* Define to 1 if you have the <sys/event.h> header file. */
-/* #undef EVENT__HAVE_SYS_EVENT_H */
-/* Define to 1 if you have the <sys/ioctl.h> header file. */
-#define EVENT__HAVE_SYS_IOCTL_H 1
-/* Define to 1 if you have the <sys/mman.h> header file. */
-#define EVENT__HAVE_SYS_MMAN_H 1
-/* Define to 1 if you have the <sys/param.h> header file. */
-#define EVENT__HAVE_SYS_PARAM_H 1
-/* Define to 1 if you have the <sys/queue.h> header file. */
-#define EVENT__HAVE_SYS_QUEUE_H 1
-/* Define to 1 if you have the <sys/resource.h> header file. */
-#define HAVE_SYS_RESOURCE_H 1
-/* Define to 1 if you have the <sys/select.h> header file. */
-#define EVENT__HAVE_SYS_SELECT_H 1
-/* Define to 1 if you have the <sys/sendfile.h> header file. */
-#define EVENT__HAVE_SYS_SENDFILE_H 1
-/* Define to 1 if you have the <sys/socket.h> header file. */
-#define EVENT__HAVE_SYS_SOCKET_H 1
-/* Define to 1 if you have the <sys/stat.h> header file. */
-#define EVENT__HAVE_SYS_STAT_H 1
-/* Define to 1 if you have the <sys/sysctl.h> header file. */
-/* #undef EVENT__HAVE_SYS_SYSCTL_H */
-/* Define to 1 if you have the <sys/timerfd.h> header file. */
-#define HAVE_SYS_TIMERFD_H 1
-/* Define to 1 if you have the <sys/time.h> header file. */
-#define EVENT__HAVE_SYS_TIME_H 1
-/* Define to 1 if you have the <sys/types.h> header file. */
-#define EVENT__HAVE_SYS_TYPES_H 1
-/* Define to 1 if you have the <sys/uio.h> header file. */
-#define EVENT__HAVE_SYS_UIO_H 1
-/* Define to 1 if you have the <sys/wait.h> header file. */
-#define EVENT__HAVE_SYS_WAIT_H 1
-/* Define if TAILQ_FOREACH is defined in <sys/queue.h> */
-/*#define EVENT__HAVE_TAILQFOREACH 1 */
-/* Define if timeradd is defined in <sys/time.h> */
-#define EVENT__HAVE_TIMERADD 1
-/* Define if timerclear is defined in <sys/time.h> */
-#define EVENT__HAVE_TIMERCLEAR 1
-/* Define if timercmp is defined in <sys/time.h> */
-#define EVENT__HAVE_TIMERCMP 1
-/* Define to 1 if you have the `timerfd_create' function. */
-#define HAVE_TIMERFD_CREATE 1
-/* Define if timerisset is defined in <sys/time.h> */
-#define EVENT__HAVE_TIMERISSET 1
-/* Define to 1 if the system has the type `uint16_t'. */
-#define EVENT__HAVE_UINT16_T 1
-/* Define to 1 if the system has the type `uint32_t'. */
-#define EVENT__HAVE_UINT32_T 1
-/* Define to 1 if the system has the type `uint64_t'. */
-#define EVENT__HAVE_UINT64_T 1
-/* Define to 1 if the system has the type `uint8_t'. */
-#define EVENT__HAVE_UINT8_T 1
-/* Define to 1 if the system has the type `uintptr_t'. */
-#define EVENT__HAVE_UINTPTR_T 1
-/* Define to 1 if you have the `umask' function. */
-#define EVENT__HAVE_UMASK 1
-/* Define to 1 if you have the <unistd.h> header file. */
-#define EVENT__HAVE_UNISTD_H 1
-/* Define to 1 if you have the `unsetenv' function. */
-#define EVENT__HAVE_UNSETENV 1
-/* Define to 1 if you have the `usleep' function. */
-#define HAVE_USLEEP 1
-/* Define to 1 if you have the `vasprintf' function. */
-#define EVENT__HAVE_VASPRINTF 1
-/* Define if waitpid() supports WNOWAIT */
-#define HAVE_WAITPID_WITH_WNOWAIT 1
-/* Define if kqueue works correctly with pipes */
-/* #undef EVENT__HAVE_WORKING_KQUEUE */
-/* Define to 1 if you have the <zlib.h> header file. */
-#define EVENT__HAVE_ZLIB_H 1
-/* Define to the sub-directory in which libtool stores uninstalled libraries.
- */
-#define EVENT__LT_OBJDIR ".libs/"
-/* Define to 1 if your C compiler doesn't accept -c and -o together. */
-/* #undef EVENT__NO_MINUS_C_MINUS_O */
-/* Numeric representation of the version */
-#define EVENT__NUMERIC_VERSION 0x02010c00
-/* Name of package */
-#define EVENT__PACKAGE "libevent"
-/* Define to the address where bug reports for this package should be sent. */
-#define EVENT__PACKAGE_BUGREPORT ""
-/* Define to the full name of this package. */
-#define EVENT__PACKAGE_NAME ""
-/* Define to the full name and version of this package. */
-#define EVENT__PACKAGE_STRING ""
-/* Define to the one symbol short name of this package. */
-#define EVENT__PACKAGE_TARNAME ""
-/* Define to the home page for this package. */
-#define EVENT__PACKAGE_URL ""
-/* Define to the version of this package. */
-#define EVENT__PACKAGE_VERSION ""
-/* Define to necessary symbol if this constant uses a non-standard name on
-   your system. */
-/* #undef EVENT__PTHREAD_CREATE_JOINABLE */
-/* Define to 1 if you have the ANSI C header files. */
-#define EVENT__STDC_HEADERS 1
-/* Define to 1 if you can safely include both <sys/time.h> and <time.h>. */
-#define EVENT__TIME_WITH_SYS_TIME 1
-/* Version number of package */
-#define EVENT__VERSION "2.1.12p-stable"
-/* Define to appropriate substitue if compiler doesnt have __func__ */
-/* #undef EVENT____func__ */
-/* Define to empty if `const' does not conform to ANSI C. */
-/* #undef EVENT__const */
-/* Define to `__inline__' or `__inline' if that's what the C compiler
-   calls it, or to nothing if 'inline' is not supported under any name.  */
-#ifndef EVENT____cplusplus
-/* #undef EVENT__inline */
-#endif
-/* Define to `int' if <sys/types.h> does not define. */
-/* #undef EVENT__pid_t */
-/* Define to `unsigned int' if <sys/types.h> does not define. */
-/* #undef EVENT__size_t */
-/* Define to unsigned int if you dont have it */
-/* #undef EVENT__socklen_t */
-/* Define to `int' if <sys/types.h> does not define. */
-/* #undef EVENT__ssize_t */
-#endif /* event2/event-config.h */
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/drawable/redbox_top_border_background.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/drawable/redbox_top_border_background.xml
index 32e4bbd5644d77..84ca14602c8050 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/drawable/redbox_top_border_background.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/drawable/redbox_top_border_background.xml
@@ -11,7 +11,8 @@
             <solid android:color="@android:color/transparent" />
             <stroke
                 android:width="1dp"
-                android:color="#B3B3B3" />
+                android:color="#B3B3B3"
+                />
         </shape>
     </item>
 </layer-list>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-as/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-as/strings.xml
deleted file mode 100644
index 7224dbc28d87b8..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-as/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: as_IN -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-bs/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-bs/strings.xml
deleted file mode 100644
index 6360c5c0799ee6..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-bs/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: bs_BA -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-cb/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-cb/strings.xml
deleted file mode 100644
index 89de99e2b6bf58..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-cb/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: cb_IQ -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fb-rLS/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fb-rLS/strings.xml
deleted file mode 100644
index d531cc7909261f..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fb-rLS/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: fb_LS -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fb/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fb/strings.xml
deleted file mode 100644
index aee984ff543edb..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-fb/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: fb_HA -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ha/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ha/strings.xml
deleted file mode 100644
index 084b1b6aac0de0..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ha/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: ha_NG -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-in/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-in/strings.xml
deleted file mode 100644
index 6d32bd7238156f..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-in/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: id_ID -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-jv/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-jv/strings.xml
deleted file mode 100644
index 5bc93b9a564110..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-jv/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: jv_ID -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ku/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ku/strings.xml
deleted file mode 100644
index 60ec646388c582..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ku/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: ku_TR -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-nb/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-nb/strings.xml
deleted file mode 100644
index 873742c208ac05..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-nb/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: nb_NO -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ps/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ps/strings.xml
deleted file mode 100644
index d86dbade5fa188..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-ps/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: ps_AF -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-qz/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-qz/strings.xml
deleted file mode 100644
index 57089df8cbebff..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-qz/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: qz_MM -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sn/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sn/strings.xml
deleted file mode 100644
index ed69640542f946..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-sn/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: sn_ZW -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-so/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-so/strings.xml
deleted file mode 100644
index bf64cbaf06b979..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-so/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: so_SO -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tg/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tg/strings.xml
deleted file mode 100644
index 330b5d77cf1e83..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tg/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: tg_TJ -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tk/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tk/strings.xml
deleted file mode 100644
index abee0e9ebcd3f8..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tk/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: tk_TM -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tl/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tl/strings.xml
deleted file mode 100644
index dadacb703c930c..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-tl/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: tl_PH -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-uz/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-uz/strings.xml
deleted file mode 100644
index 9d4667fa9877e6..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-uz/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: uz_UZ -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-wo/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values-wo/strings.xml
deleted file mode 100644
index b7de40359f547d..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values-wo/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: wo_SN -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/devsupport/values/strings.xml b/packages/react-native/ReactAndroid/src/main/res/devsupport/values/strings.xml
index 171c092546e813..7065f16c0b19f8 100644
--- a/packages/react-native/ReactAndroid/src/main/res/devsupport/values/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/devsupport/values/strings.xml
@@ -5,14 +5,14 @@
   <string name="catalyst_change_bundle_location" project="catalyst" translatable="false">Change Bundle Location</string>
   <string name="catalyst_open_debugger_error" project="catalyst" translatable="false">Failed to open debugger. Please check that the dev server is running and reload the app.</string>
   <string name="catalyst_debug_open" project="catalyst" translatable="false">Open Debugger</string>
+  <string name="catalyst_debug_open_disabled" project="catalyst" translatable="false">Connect to the bundler to debug JavaScript</string>
   <string name="catalyst_debug_connecting" project="catalyst" translatable="false">Connecting to debugger...</string>
   <string name="catalyst_debug_error" project="catalyst" translatable="false">Failed to connect to debugger!</string>
   <string name="catalyst_hot_reloading" project="catalyst" translatable="false">Enable Fast Refresh</string>
   <string name="catalyst_hot_reloading_stop" project="catalyst" translatable="false">Disable Fast Refresh</string>
   <string name="catalyst_hot_reloading_auto_disable" project="catalyst" translatable="false">Disabling Fast Refresh because it requires a development bundle.</string>
   <string name="catalyst_hot_reloading_auto_enable" project="catalyst" translatable="false">Switching to development bundle in order to enable Fast Refresh.</string>
-  <string name="catalyst_inspector" project="catalyst" translatable="false">Show Element Inspector</string>
-  <string name="catalyst_inspector_stop" project="catalyst" translatable="false">Hide Element Inspector</string>
+  <string name="catalyst_inspector_toggle" project="catalyst" translatable="false">Toggle Element Inspector</string>
   <string name="catalyst_perf_monitor" project="catalyst" translatable="false">Show Perf Monitor</string>
   <string name="catalyst_perf_monitor_stop" project="catalyst" translatable="false">Hide Perf Monitor</string>
   <string name="catalyst_settings" project="catalyst" translatable="false">Settings</string>
@@ -23,8 +23,7 @@
   <string name="catalyst_copy_button" project="catalyst" translatable="false">Copy\n</string>
   <string name="catalyst_report_button" project="catalyst" translatable="false">Report</string>
   <string name="catalyst_loading_from_url" project="catalyst" translatable="false">Loading from %1$s…</string>
-  <string name="catalyst_sample_profiler_disable" project="catalyst" translatable="false">Disable Sampling Profiler</string>
-  <string name="catalyst_sample_profiler_enable" project="catalyst" translatable="false">Enable Sampling Profiler</string>
+  <string name="catalyst_sample_profiler_toggle" project="catalyst" translatable="false">Toggle Sampling Profiler</string>
   <string name="catalyst_dev_menu_header" project="catalyst" translatable="false">React Native Dev Menu (%1$s)</string>
   <string name="catalyst_dev_menu_sub_header" project="catalyst" translatable="false">Running %1$s</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/shell/values/styles.xml b/packages/react-native/ReactAndroid/src/main/res/shell/values/styles.xml
index 18deec8985939a..34c0a01c81ae07 100644
--- a/packages/react-native/ReactAndroid/src/main/res/shell/values/styles.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/shell/values/styles.xml
@@ -4,7 +4,8 @@
         <item name="android:textColor">@android:color/black</item>
     </style>
     <style name="Theme.ReactNative.AppCompat.Light.NoActionBar.FullScreen"
-           parent="@style/Theme.ReactNative.AppCompat.Light">
+           parent="@style/Theme.ReactNative.AppCompat.Light"
+           >
         <item name="android:windowNoTitle">true</item>
         <item name="windowActionBar">false</item>
         <item name="android:windowFullscreen">true</item>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-as/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-as/strings.xml
deleted file mode 100644
index d2c53f09f0c6b0..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-as/strings.xml
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: as_IN -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">লিংক</string>
-    <string name="image_description" gender="unknown">ছবি</string>
-    <string name="imagebutton_description" gender="unknown">বুটাম, ছবি</string>
-    <string name="combobox_description" gender="unknown">যুটীয়া বাকচ</string>
-    <string name="menu_description" gender="unknown">মেন্যু</string>
-    <string name="state_on_description" gender="unknown">অন কৰক</string>
-    <string name="state_off_description" gender="unknown">অফ কৰক</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-be/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-be/strings.xml
index 46ed38f7f7b097..3224e13d318c62 100644
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-be/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-be/strings.xml
@@ -3,6 +3,9 @@
 <!-- @generated -->
 <!-- FB Locale: be_BY -->
 <resources exclude-from-buck-resource-map="true">
+    <string name="link_description" gender="unknown">Спасылка</string>
     <string name="image_description" gender="unknown">Відарыс</string>
     <string name="imagebutton_description" gender="unknown">Кнопка, відарыс</string>
+    <string name="combobox_description" gender="unknown">Камбінаваны спіс</string>
+    <string name="menu_description" gender="unknown">Меню</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-bs/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-bs/strings.xml
deleted file mode 100644
index f5b0f7351e9dc3..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-bs/strings.xml
+++ /dev/null
@@ -1,31 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: bs_BA -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">Veza</string>
-    <string name="image_description" gender="unknown">Slika</string>
-    <string name="imagebutton_description" gender="unknown">Dugme, slika</string>
-    <string name="header_description" gender="unknown">Zaglavlje</string>
-    <string name="alert_description" gender="unknown">Upozorenje</string>
-    <string name="combobox_description" gender="unknown">Kombinovana kutija</string>
-    <string name="menu_description" gender="unknown">Meni</string>
-    <string name="menubar_description" gender="unknown">Traka menija</string>
-    <string name="menuitem_description" gender="unknown">Stavka menija</string>
-    <string name="progressbar_description" gender="unknown">Traka napretka</string>
-    <string name="radiogroup_description" gender="unknown">Grupa za radio</string>
-    <string name="scrollbar_description" gender="unknown">Traka klizača</string>
-    <string name="spinbutton_description" gender="unknown">Dugme za okretanje</string>
-    <string name="rn_tab_description" gender="unknown">Kartica</string>
-    <string name="tablist_description" gender="unknown">Lista kartica</string>
-    <string name="timer_description" gender="unknown">Tajmer</string>
-    <string name="toolbar_description" gender="unknown">Traka alata</string>
-    <string name="summary_description" gender="unknown">Sažetak</string>
-    <string name="state_busy_description" gender="unknown">zauzeto</string>
-    <string name="state_expanded_description" gender="unknown">prošireno</string>
-    <string name="state_collapsed_description" gender="unknown">skupljeno</string>
-    <string name="state_unselected_description" gender="unknown">nije odabrano</string>
-    <string name="state_on_description" gender="unknown">uključeno</string>
-    <string name="state_off_description" gender="unknown">isključeno</string>
-    <string name="state_mixed_description" gender="unknown">mješovito</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-cb/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-cb/strings.xml
deleted file mode 100644
index 390c26b1965b03..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-cb/strings.xml
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: cb_IQ -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">بەستەر</string>
-    <string name="image_description" gender="unknown">وێنە</string>
-    <string name="imagebutton_description" gender="unknown">دوگمە، وێنە</string>
-    <string name="combobox_description" gender="unknown">خشتەی دیاریکردن</string>
-    <string name="menu_description" gender="unknown">پێڕست</string>
-    <string name="state_on_description" gender="unknown">کارا</string>
-    <string name="state_off_description" gender="unknown">کوژاندنەوە</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-fb-rLS/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-fb-rLS/strings.xml
deleted file mode 100644
index b36e207a5eff90..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-fb-rLS/strings.xml
+++ /dev/null
@@ -1,26 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: fb_LS -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="image_description" gender="unknown">Image \@\@\@</string>
-    <string name="imagebutton_description" gender="unknown">Button, Image\@\@\@\@\@\@</string>
-    <string name="header_description" gender="unknown">Heading \@\@\@ \@\@\@</string>
-    <string name="combobox_description" gender="unknown">Combo Box \@\@\@</string>
-    <string name="menu_description" gender="unknown">Menu \@\@\@</string>
-    <string name="menubar_description" gender="unknown">Menu Bar \@\@\@</string>
-    <string name="menuitem_description" gender="unknown">Menu Item\@\@\@\@\@\@</string>
-    <string name="progressbar_description" gender="unknown">Progress Bar\@\@\@\@\@\@</string>
-    <string name="radiogroup_description" gender="unknown">Radio Group\@\@\@\@\@\@\@\@\@</string>
-    <string name="scrollbar_description" gender="unknown">Scroll Bar\@\@\@\@\@\@\@\@\@</string>
-    <string name="spinbutton_description" gender="unknown">Spin Button \@\@\@ \@\@\@</string>
-    <string name="tablist_description" gender="unknown">Tab List\@\@\@</string>
-    <string name="timer_description" gender="unknown">Timer \@\@\@</string>
-    <string name="toolbar_description" gender="unknown">Tool Bar\@\@\@\@\@\@</string>
-    <string name="summary_description" gender="unknown">Summary\@\@\@\@\@\@</string>
-    <string name="state_expanded_description" gender="unknown">expanded \@\@\@ \@\@\@</string>
-    <string name="state_collapsed_description" gender="unknown">collapsed \@\@\@ \@\@\@ \@\@\@</string>
-    <string name="state_unselected_description" gender="unknown">unselected\@\@\@</string>
-    <string name="state_off_description" gender="unknown">off \@\@\@</string>
-    <string name="state_mixed_description" gender="unknown">mixed\@\@\@</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-fb/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-fb/strings.xml
deleted file mode 100644
index 42769e25d7f3f7..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-fb/strings.xml
+++ /dev/null
@@ -1,31 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: fb_HA -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">[Link#a31d26668a679e44a0843994a6744274:1]</string>
-    <string name="image_description" gender="unknown">[Image#d8aa55c15c7118a635092b092bcf1d33:1]</string>
-    <string name="imagebutton_description" gender="unknown">[Button, Image#2b5b423bf3daff8f8b188f5d5733ec14:1]</string>
-    <string name="header_description" gender="unknown">[Heading#03d19d231fd31bc5dae409f337e4fea3:1]</string>
-    <string name="alert_description" gender="unknown">[Alert#f230077c00a8397fcc7138dfd8b37405:1]</string>
-    <string name="combobox_description" gender="unknown">[Combo Box#c399e5a30d2d764efcced424465cacc4:1]</string>
-    <string name="menu_description" gender="unknown">[Menu#a2c49a9b7c94c31d6f53f5f59329a558:1]</string>
-    <string name="menubar_description" gender="unknown">[Menu Bar#9ede63b4972815fe4810781f1f15770c:1]</string>
-    <string name="menuitem_description" gender="unknown">[Menu Item#ba3a1d642e7bfae7a60f57181ff5a91f:1]</string>
-    <string name="progressbar_description" gender="unknown">[Progress Bar#fc1ee5dacc16eb35a88ca3aff9355683:1]</string>
-    <string name="radiogroup_description" gender="unknown">[Radio Group#382586bc34074311334bc929c63f69e4:1]</string>
-    <string name="scrollbar_description" gender="unknown">[Scroll Bar#8c5cb8c1bbbac0ed64bb63c240b9a415:1]</string>
-    <string name="spinbutton_description" gender="unknown">[Spin Button#8af18737c08f4adab8e7103876d29955:1]</string>
-    <string name="rn_tab_description" gender="unknown">[Tab#60c56bd22945b4d1532f474bfc568a66:1]</string>
-    <string name="tablist_description" gender="unknown">[Tab List#8daaf7f9316191f0e35f3ba31ed11aec:1]</string>
-    <string name="timer_description" gender="unknown">[Timer#2f3aa4d3a05064a96945540d06072632:1]</string>
-    <string name="toolbar_description" gender="unknown">[Tool Bar#13851684ac57a6612b478471e4894082:1]</string>
-    <string name="summary_description" gender="unknown">[Summary#12f17d5316cde76d270ad4534e1d9f35:1]</string>
-    <string name="state_busy_description" gender="unknown">[busy#c38a44fbc4bbf985a9e846c05e60b947:1]</string>
-    <string name="state_expanded_description" gender="unknown">[expanded#45ee23081f04143c5be90131a7b0e3c5:1]</string>
-    <string name="state_collapsed_description" gender="unknown">[collapsed#850739bd3f1cb1a9b82c3a6f68399233:1]</string>
-    <string name="state_unselected_description" gender="unknown">[unselected#815cb61a1bc6c57ed0a65707d8c0c2d2:1]</string>
-    <string name="state_on_description" gender="unknown">[on#86ddae449e2a1cb3b1fc5fed82bfc660:1]</string>
-    <string name="state_off_description" gender="unknown">[off#f1ca5b210c9adef0fe7f14fe85ba521d:1]</string>
-    <string name="state_mixed_description" gender="unknown">[mixed#30d19e1c3c088ba70e30538143bad3a8:1]</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ha/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ha/strings.xml
deleted file mode 100644
index c365404fe61418..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ha/strings.xml
+++ /dev/null
@@ -1,31 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: ha_NG -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">Kafa</string>
-    <string name="image_description" gender="unknown">Hoto</string>
-    <string name="imagebutton_description" gender="unknown">Madanni, Hoto</string>
-    <string name="header_description" gender="unknown">Kanu</string>
-    <string name="alert_description" gender="unknown">Bayanan Ankararwa</string>
-    <string name="combobox_description" gender="unknown">Jerin Akwain Zaɓi ko Shigar da Rubutu</string>
-    <string name="menu_description" gender="unknown">Mazaɓa</string>
-    <string name="menubar_description" gender="unknown">Bar Na Mazaɓa</string>
-    <string name="menuitem_description" gender="unknown">Mazaɓar abu</string>
-    <string name="progressbar_description" gender="unknown">Bar Na Nuna Ci Gaba</string>
-    <string name="radiogroup_description" gender="unknown">Rukunin Rediyo</string>
-    <string name="scrollbar_description" gender="unknown">Bar Na Jirgawa</string>
-    <string name="spinbutton_description" gender="unknown">Madanni Ƙarawa ko Rage Kima</string>
-    <string name="rn_tab_description" gender="unknown">Madannin shiga gurbi</string>
-    <string name="tablist_description" gender="unknown">Jerin Madannin Shiga Gurbi</string>
-    <string name="timer_description" gender="unknown">Na\'urar sarrafa lokaci</string>
-    <string name="toolbar_description" gender="unknown">Bar Na Kayan Aiki</string>
-    <string name="summary_description" gender="unknown">Taƙaitawa</string>
-    <string name="state_busy_description" gender="unknown">aiki</string>
-    <string name="state_expanded_description" gender="unknown">an faɗaɗa</string>
-    <string name="state_collapsed_description" gender="unknown">rusasshe</string>
-    <string name="state_unselected_description" gender="unknown">wanda ba a zaɓa ba</string>
-    <string name="state_on_description" gender="unknown">kunna</string>
-    <string name="state_off_description" gender="unknown">kashe</string>
-    <string name="state_mixed_description" gender="unknown">gauraye</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-in/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-in/strings.xml
deleted file mode 100644
index bdc65bbda79bea..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-in/strings.xml
+++ /dev/null
@@ -1,29 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: id_ID -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">Tautkan</string>
-    <string name="image_description" gender="unknown">Gambar</string>
-    <string name="imagebutton_description" gender="unknown">Tombol, Gambar</string>
-    <string name="header_description" gender="unknown">Judul</string>
-    <string name="alert_description" gender="unknown">Peringatan</string>
-    <string name="combobox_description" gender="unknown">Kotak Kombo</string>
-    <string name="menubar_description" gender="unknown">Bilah Menu</string>
-    <string name="menuitem_description" gender="unknown">Item Menu</string>
-    <string name="progressbar_description" gender="unknown">Bilah Progres</string>
-    <string name="radiogroup_description" gender="unknown">Grup Radio</string>
-    <string name="scrollbar_description" gender="unknown">Bilah Gulir</string>
-    <string name="spinbutton_description" gender="unknown">Tombol Putar</string>
-    <string name="tablist_description" gender="unknown">Daftar Tab</string>
-    <string name="timer_description" gender="unknown">Pengatur Waktu</string>
-    <string name="toolbar_description" gender="unknown">Bilah Fitur</string>
-    <string name="summary_description" gender="unknown">Ringkasan</string>
-    <string name="state_busy_description" gender="unknown">sibuk</string>
-    <string name="state_expanded_description" gender="unknown">diperluas</string>
-    <string name="state_collapsed_description" gender="unknown">diciutkan</string>
-    <string name="state_unselected_description" gender="unknown">batal dipilih</string>
-    <string name="state_on_description" gender="unknown">aktif</string>
-    <string name="state_off_description" gender="unknown">nonaktif</string>
-    <string name="state_mixed_description" gender="unknown">campuran</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-jv/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-jv/strings.xml
deleted file mode 100644
index af572f6056151a..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-jv/strings.xml
+++ /dev/null
@@ -1,28 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: jv_ID -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">Pranala</string>
-    <string name="image_description" gender="unknown">Gambar</string>
-    <string name="imagebutton_description" gender="unknown">Tombol, Gambar</string>
-    <string name="header_description" gender="unknown">Judhul</string>
-    <string name="alert_description" gender="unknown">Pengenget</string>
-    <string name="combobox_description" gender="unknown">Kothak Kombo</string>
-    <string name="menubar_description" gender="unknown">Wilah Menu</string>
-    <string name="menuitem_description" gender="unknown">Item Menu</string>
-    <string name="progressbar_description" gender="unknown">Wilah Progres</string>
-    <string name="radiogroup_description" gender="unknown">Grup Radio</string>
-    <string name="scrollbar_description" gender="unknown">Wilah Nggulung</string>
-    <string name="spinbutton_description" gender="unknown">Tombol Muter</string>
-    <string name="tablist_description" gender="unknown">Daftar Tab</string>
-    <string name="toolbar_description" gender="unknown">Wilah Alat</string>
-    <string name="summary_description" gender="unknown">Ringkesan</string>
-    <string name="state_busy_description" gender="unknown">sibuk</string>
-    <string name="state_expanded_description" gender="unknown">dijembarake</string>
-    <string name="state_collapsed_description" gender="unknown">diciutake</string>
-    <string name="state_unselected_description" gender="unknown">wurung dipilih</string>
-    <string name="state_on_description" gender="unknown">urip</string>
-    <string name="state_off_description" gender="unknown">mati</string>
-    <string name="state_mixed_description" gender="unknown">mix</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-kk/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-kk/strings.xml
index b8a8437b146fe5..278368ed76b950 100644
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-kk/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-kk/strings.xml
@@ -7,6 +7,7 @@
     <string name="image_description" gender="unknown">Кескін</string>
     <string name="imagebutton_description" gender="unknown">Түйме, кескін</string>
     <string name="combobox_description" gender="unknown">Біріктірілген тізім</string>
+    <string name="menu_description" gender="unknown">Мәзір</string>
     <string name="state_on_description" gender="unknown">қосулы</string>
     <string name="state_off_description" gender="unknown">өшірулі</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ku/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ku/strings.xml
deleted file mode 100644
index 8c1dd30efe6be7..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ku/strings.xml
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: ku_TR -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">Lînk</string>
-    <string name="image_description" gender="unknown">Dîmen</string>
-    <string name="imagebutton_description" gender="unknown">Bişkok, Dîmen</string>
-    <string name="combobox_description" gender="unknown">Qutiya Vebûnok</string>
-    <string name="menu_description" gender="unknown">Menû</string>
-    <string name="state_on_description" gender="unknown">vekirî</string>
-    <string name="state_off_description" gender="unknown">girtî</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ky/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ky/strings.xml
index 695c7c4b0433b2..ca3bf4aa72c4b5 100644
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ky/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ky/strings.xml
@@ -6,6 +6,7 @@
     <string name="link_description" gender="unknown">Шилтеме</string>
     <string name="image_description" gender="unknown">Сүрөт</string>
     <string name="imagebutton_description" gender="unknown">Баскыч, сүрөт</string>
+    <string name="combobox_description" gender="unknown">Айкалыштырылган тизме</string>
     <string name="menu_description" gender="unknown">Меню</string>
     <string name="state_on_description" gender="unknown">күйүк</string>
     <string name="state_off_description" gender="unknown">өчүк</string>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-mn/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-mn/strings.xml
index 948b7d55e8f49b..b2d21f6690f197 100644
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-mn/strings.xml
+++ b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-mn/strings.xml
@@ -7,6 +7,7 @@
     <string name="image_description" gender="unknown">Зураг</string>
     <string name="imagebutton_description" gender="unknown">Товч, зураг</string>
     <string name="combobox_description" gender="unknown">Комбо хайрцаг</string>
+    <string name="menu_description" gender="unknown">Цэс</string>
     <string name="state_on_description" gender="unknown">идэвхтэй</string>
     <string name="state_off_description" gender="unknown">идэвхгүй</string>
 </resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-nb/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-nb/strings.xml
deleted file mode 100644
index edb1a1e7b20a79..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-nb/strings.xml
+++ /dev/null
@@ -1,31 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: nb_NO -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">Lenke</string>
-    <string name="image_description" gender="unknown">Bilde</string>
-    <string name="imagebutton_description" gender="unknown">Knapp, bilde</string>
-    <string name="header_description" gender="unknown">Overskrift</string>
-    <string name="alert_description" gender="unknown">Varsel</string>
-    <string name="combobox_description" gender="unknown">Kombinasjonsboks</string>
-    <string name="menu_description" gender="unknown">Meny</string>
-    <string name="menubar_description" gender="unknown">Menyfelt</string>
-    <string name="menuitem_description" gender="unknown">Menyelement</string>
-    <string name="progressbar_description" gender="unknown">Fremdriftslinje</string>
-    <string name="radiogroup_description" gender="unknown">Radiogruppe</string>
-    <string name="scrollbar_description" gender="unknown">Rullelinje</string>
-    <string name="spinbutton_description" gender="unknown">Rotasjonsknapp</string>
-    <string name="rn_tab_description" gender="unknown">Fane</string>
-    <string name="tablist_description" gender="unknown">Faneliste</string>
-    <string name="timer_description" gender="unknown">Tidsur</string>
-    <string name="toolbar_description" gender="unknown">Verktøylinje</string>
-    <string name="summary_description" gender="unknown">Sammendrag</string>
-    <string name="state_busy_description" gender="unknown">opptatt</string>
-    <string name="state_expanded_description" gender="unknown">utvidet</string>
-    <string name="state_collapsed_description" gender="unknown">skjult</string>
-    <string name="state_unselected_description" gender="unknown">valgt bort</string>
-    <string name="state_on_description" gender="unknown">på</string>
-    <string name="state_off_description" gender="unknown">av</string>
-    <string name="state_mixed_description" gender="unknown">blandet</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ps/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ps/strings.xml
deleted file mode 100644
index c93367e60a5abb..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-ps/strings.xml
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: ps_AF -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">لینک</string>
-    <string name="image_description" gender="unknown">عکس</string>
-    <string name="imagebutton_description" gender="unknown">تڼۍ، انځور</string>
-    <string name="combobox_description" gender="unknown">کومبو باکس</string>
-    <string name="menu_description" gender="unknown">مېنیو</string>
-    <string name="state_on_description" gender="unknown">روښانه</string>
-    <string name="state_off_description" gender="unknown">غیر فعال</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-qz/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-qz/strings.xml
deleted file mode 100644
index 57089df8cbebff..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-qz/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: qz_MM -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-sn/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-sn/strings.xml
deleted file mode 100644
index ed69640542f946..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-sn/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: sn_ZW -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-so/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-so/strings.xml
deleted file mode 100644
index 3322e01aaff2f4..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-so/strings.xml
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: so_SO -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">Linki</string>
-    <string name="image_description" gender="unknown">Sawir</string>
-    <string name="imagebutton_description" gender="unknown">Batoon, Sawir</string>
-    <string name="menu_description" gender="unknown">Tusmada</string>
-    <string name="state_on_description" gender="unknown">daaran</string>
-    <string name="state_off_description" gender="unknown">dansan</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-tg/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-tg/strings.xml
deleted file mode 100644
index 01bc8a89457279..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-tg/strings.xml
+++ /dev/null
@@ -1,12 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: tg_TJ -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">Пайванд</string>
-    <string name="image_description" gender="unknown">Тасвир</string>
-    <string name="imagebutton_description" gender="unknown">Тугма, тасвир</string>
-    <string name="combobox_description" gender="unknown">Рӯйхати таркибӣ</string>
-    <string name="state_on_description" gender="unknown">фаъол</string>
-    <string name="state_off_description" gender="unknown">хомӯш</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-tk/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-tk/strings.xml
deleted file mode 100644
index abee0e9ebcd3f8..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-tk/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: tk_TM -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-tl/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-tl/strings.xml
deleted file mode 100644
index 6fabf6bc463432..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-tl/strings.xml
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: tl_PH -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="combobox_description" gender="unknown">Combox Box</string>
-    <string name="menuitem_description" gender="unknown">Item sa Menu</string>
-    <string name="radiogroup_description" gender="unknown">Grupo ng Radio</string>
-    <string name="state_expanded_description" gender="unknown">naka-expand</string>
-    <string name="state_collapsed_description" gender="unknown">naka-collapse</string>
-    <string name="state_unselected_description" gender="unknown">na-unselect</string>
-    <string name="state_on_description" gender="unknown">naka-ON</string>
-    <string name="state_off_description" gender="unknown">naka-OFF</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-uz/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-uz/strings.xml
deleted file mode 100644
index 46113eb42e6db0..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-uz/strings.xml
+++ /dev/null
@@ -1,13 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: uz_UZ -->
-<resources exclude-from-buck-resource-map="true">
-    <string name="link_description" gender="unknown">Havola</string>
-    <string name="image_description" gender="unknown">Rasm</string>
-    <string name="imagebutton_description" gender="unknown">Tugma, rasm</string>
-    <string name="combobox_description" gender="unknown">Kombinatsiyalangan maydon</string>
-    <string name="menu_description" gender="unknown">Menyu</string>
-    <string name="state_on_description" gender="unknown">yoniq</string>
-    <string name="state_off_description" gender="unknown">o‘chiq</string>
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-wo/strings.xml b/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-wo/strings.xml
deleted file mode 100644
index b7de40359f547d..00000000000000
--- a/packages/react-native/ReactAndroid/src/main/res/views/uimanager/values-wo/strings.xml
+++ /dev/null
@@ -1,6 +0,0 @@
-<?xml version="1.0" encoding="utf-8"?>
-<!-- See fburl.com/140690840 for information about i18n on Android -->
-<!-- @generated -->
-<!-- FB Locale: wo_SN -->
-<resources exclude-from-buck-resource-map="true">
-</resources>
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/ReactActivityDelegateTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/ReactActivityDelegateTest.kt
index 66b4c9c4919eba..f0eb097b697008 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/ReactActivityDelegateTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/ReactActivityDelegateTest.kt
@@ -29,8 +29,8 @@ class ReactActivityDelegateTest {
         }
 
     assertNotNull(delegate.inspectLaunchOptions)
-    assertTrue(delegate.inspectLaunchOptions!!.containsKey("concurrentRoot"))
-    assertTrue(delegate.inspectLaunchOptions!!.getBoolean("concurrentRoot"))
+    // False because oncurrentRoot is hardcoded to true for Fabric inside renderApplication
+    assertFalse(delegate.inspectLaunchOptions!!.containsKey("concurrentRoot"))
   }
 
   @Test
@@ -60,8 +60,8 @@ class ReactActivityDelegateTest {
         }
 
     assertNotNull(delegate.inspectLaunchOptions)
-    assertTrue(delegate.inspectLaunchOptions!!.containsKey("concurrentRoot"))
-    assertTrue(delegate.inspectLaunchOptions!!.getBoolean("concurrentRoot"))
+    // False because oncurrentRoot is hardcoded to true for Fabric inside renderApplication
+    assertFalse(delegate.inspectLaunchOptions!!.containsKey("concurrentRoot"))
     assertTrue(delegate.inspectLaunchOptions!!.containsKey("test-property"))
     assertEquals("test-value", delegate.inspectLaunchOptions!!.getString("test-property"))
   }
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.kt
index b0e1cea1cdfd0d..9085150a2015c6 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/RootViewTest.kt
@@ -6,6 +6,7 @@
  */
 
 @file:Suppress("DEPRECATION") // Suppressing as we want to test RCTEventEmitter here
+
 package com.facebook.react
 
 import android.app.Activity
@@ -13,6 +14,7 @@ import android.graphics.Insets
 import android.graphics.Rect
 import android.view.MotionEvent
 import android.view.WindowInsets
+import android.view.WindowManager
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.CatalystInstance
 import com.facebook.react.bridge.JavaOnlyArray
@@ -211,9 +213,11 @@ class RootViewTest {
                   .setVisible(WindowInsets.Type.ime(), true)
                   .build()
         }
+    val rootViewSpy = spy(rootView)
+    whenever(rootViewSpy.getLayoutParams()).thenReturn(WindowManager.LayoutParams())
 
-    rootView.startReactApplication(instanceManager, "")
-    rootView.simulateCheckForKeyboardForTesting()
+    rootViewSpy.startReactApplication(instanceManager, "")
+    rootViewSpy.simulateCheckForKeyboardForTesting()
 
     val params = Arguments.createMap()
     val endCoordinates = Arguments.createMap()
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedNodeTraversalTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedNodeTraversalTest.kt
index b5eb4fc91d6c1e..4a0342048aa9d0 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedNodeTraversalTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/animated/NativeAnimatedNodeTraversalTest.kt
@@ -6,13 +6,13 @@
  */
 
 @file:Suppress("DEPRECATION") // Suppressing as we want to test RCTEventEmitter here
+
 package com.facebook.react.animated
 
 import android.annotation.SuppressLint
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.Callback
 import com.facebook.react.bridge.CatalystInstance
-import com.facebook.react.bridge.JSIModuleType
 import com.facebook.react.bridge.JavaOnlyArray
 import com.facebook.react.bridge.JavaOnlyMap
 import com.facebook.react.bridge.ReactApplicationContext
@@ -80,9 +80,7 @@ class NativeAnimatedNodeTraversalTest {
     }
 
     catalystInstanceMock = mock(CatalystInstance::class.java)
-    whenever(catalystInstanceMock.getJSIModule(any(JSIModuleType::class.java))).thenAnswer {
-      uiManagerMock
-    }
+    whenever(reactApplicationContextMock.getFabricUIManager()).thenAnswer { uiManagerMock }
     whenever(catalystInstanceMock.getNativeModule(UIManagerModule::class.java)).thenAnswer {
       uiManagerMock
     }
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/BaseJavaModuleTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/BaseJavaModuleTest.kt
index 61fc74d0d3b4b9..85ae9a6d476476 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/BaseJavaModuleTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/BaseJavaModuleTest.kt
@@ -81,9 +81,9 @@ class BaseJavaModuleTest {
   private class MethodsModule : BaseJavaModule() {
     override fun getName(): String = "Methods"
 
-    @ReactMethod fun regularMethod(a: String?, b: Int?) {}
+    @ReactMethod fun regularMethod(a: String?, b: Int?) = Unit
 
-    @ReactMethod fun asyncMethod(a: Int, p: Promise) {}
+    @ReactMethod fun asyncMethod(a: Int, p: Promise) = Unit
 
     @ReactMethod(isBlockingSynchronousMethod = true) fun syncMethod(a: Int, b: Int): Int = a + b
   }
@@ -95,6 +95,6 @@ class BaseJavaModuleTest {
   private inner class GeneratedMethodsModule : NativeTestGeneratedModuleSpec() {
     override fun getName(): String = "GeneratedMethods"
 
-    override fun generatedMethod(a: String?, b: Int?) {}
+    override fun generatedMethod(a: String?, b: Int?) = Unit
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/interop/FakeRCTEventEmitter.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/interop/FakeRCTEventEmitter.kt
index bf3a756faac824..dd8b7ac69895d2 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/interop/FakeRCTEventEmitter.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/interop/FakeRCTEventEmitter.kt
@@ -6,6 +6,7 @@
  */
 
 @file:Suppress("DEPRECATION") // Suppressing as we want to fake a RCTEventEmitter here
+
 package com.facebook.react.bridge.interop
 
 import com.facebook.react.bridge.WritableArray
@@ -14,11 +15,11 @@ import com.facebook.react.uimanager.events.RCTEventEmitter
 
 class FakeRCTEventEmitter : RCTEventEmitter {
 
-  override fun receiveEvent(targetReactTag: Int, eventName: String, event: WritableMap?) {}
+  override fun receiveEvent(targetReactTag: Int, eventName: String, event: WritableMap?) = Unit
 
   override fun receiveTouches(
       eventName: String,
       touches: WritableArray,
       changedIndices: WritableArray
-  ) {}
+  ) = Unit
 }
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/interop/InteropModuleRegistryTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/interop/InteropModuleRegistryTest.kt
index 18f35a332ef8c4..3d9c188b2507bc 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/interop/InteropModuleRegistryTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/bridge/interop/InteropModuleRegistryTest.kt
@@ -7,6 +7,7 @@
 
 @file:Suppress(
     "DEPRECATION") // Suppressing as we want to test specifically with RCTEventEmitter here
+
 package com.facebook.react.bridge.interop
 
 import com.facebook.react.config.ReactFeatureFlags
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/defaults/DefaultNewArchitectureEntryPointTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/defaults/DefaultNewArchitectureEntryPointTest.kt
new file mode 100644
index 00000000000000..18b4b93f4eb165
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/defaults/DefaultNewArchitectureEntryPointTest.kt
@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.defaults
+
+import org.junit.Assert.assertEquals
+import org.junit.Test
+
+class DefaultNewArchitectureEntryPointTest {
+
+  @Test
+  fun isConfigurationValid_withEverythingOff_returnsTrue() {
+    val (isValid, _) =
+        DefaultNewArchitectureEntryPoint.isConfigurationValid(
+            turboModulesEnabled = false, fabricEnabled = false, bridgelessEnabled = false)
+    assertEquals(true, isValid)
+  }
+
+  @Test
+  fun isConfigurationValid_withNewArchOn_returnsTrue() {
+    val (isValid, _) =
+        DefaultNewArchitectureEntryPoint.isConfigurationValid(
+            turboModulesEnabled = true, fabricEnabled = true, bridgelessEnabled = false)
+    assertEquals(true, isValid)
+  }
+
+  @Test
+  fun isConfigurationValid_withTurboModulesOnlyOn_returnsTrue() {
+    val (isValid, _) =
+        DefaultNewArchitectureEntryPoint.isConfigurationValid(
+            turboModulesEnabled = true, fabricEnabled = false, bridgelessEnabled = false)
+    assertEquals(true, isValid)
+  }
+
+  @Test
+  fun isConfigurationValid_withBridgelessOn_returnsTrue() {
+    val (isValid, _) =
+        DefaultNewArchitectureEntryPoint.isConfigurationValid(
+            turboModulesEnabled = true, fabricEnabled = true, bridgelessEnabled = true)
+    assertEquals(true, isValid)
+  }
+
+  @Test
+  fun isConfigurationValid_withFabricWithoutTurboModules_returnsFalse() {
+    val (isValid, errorMessage) =
+        DefaultNewArchitectureEntryPoint.isConfigurationValid(
+            turboModulesEnabled = false, fabricEnabled = true, bridgelessEnabled = false)
+    assertEquals(false, isValid)
+    assertEquals(
+        "fabricEnabled=true requires turboModulesEnabled=true (is now false) - Please update your DefaultNewArchitectureEntryPoint.load() parameters.",
+        errorMessage)
+  }
+
+  @Test
+  fun isConfigurationValid_withBridgelessWithoutTurboModules_returnsFalse() {
+    val (isValid, errorMessage) =
+        DefaultNewArchitectureEntryPoint.isConfigurationValid(
+            turboModulesEnabled = false, fabricEnabled = true, bridgelessEnabled = true)
+    assertEquals(false, isValid)
+    assertEquals(
+        "fabricEnabled=true requires turboModulesEnabled=true (is now false) - Please update your DefaultNewArchitectureEntryPoint.load() parameters.",
+        errorMessage)
+  }
+
+  @Test
+  fun isConfigurationValid_withBridgelessWithoutFabric_returnsFalse() {
+    val (isValid, errorMessage) =
+        DefaultNewArchitectureEntryPoint.isConfigurationValid(
+            turboModulesEnabled = true, fabricEnabled = false, bridgelessEnabled = true)
+    assertEquals(false, isValid)
+    assertEquals(
+        "bridgelessEnabled=true requires (turboModulesEnabled=true AND fabricEnabled=true) - Please update your DefaultNewArchitectureEntryPoint.load() parameters.",
+        errorMessage)
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/devsupport/MultipartStreamReaderTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/devsupport/MultipartStreamReaderTest.kt
index 87e37867cf749d..5c65d981a75500 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/devsupport/MultipartStreamReaderTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/devsupport/MultipartStreamReaderTest.kt
@@ -132,7 +132,7 @@ class MultipartStreamReaderTest {
       callCount++
     }
 
-    override fun onChunkProgress(headers: Map<String, String>, loaded: Long, total: Long) {}
+    override fun onChunkProgress(headers: Map<String, String>, loaded: Long, total: Long) = Unit
   }
 
   private fun encodeUtf8(input: String): ByteString =
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/fabric/events/TouchEventDispatchTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/fabric/events/TouchEventDispatchTest.kt
index e2ae05a4dd4c9b..4264834dd20d0a 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/fabric/events/TouchEventDispatchTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/fabric/events/TouchEventDispatchTest.kt
@@ -11,10 +11,18 @@ import android.util.DisplayMetrics
 import android.view.MotionEvent
 import android.view.MotionEvent.PointerCoords
 import android.view.MotionEvent.PointerProperties
-import com.facebook.react.bridge.*
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.JavaOnlyArray
+import com.facebook.react.bridge.JavaOnlyMap
+import com.facebook.react.bridge.ReactTestHelper
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.bridge.WritableArray
+import com.facebook.react.bridge.WritableMap
 import com.facebook.react.fabric.FabricUIManager
+import com.facebook.react.modules.core.ReactChoreographer
 import com.facebook.react.uimanager.DisplayMetricsHolder
 import com.facebook.react.uimanager.ViewManagerRegistry
+import com.facebook.react.uimanager.events.EventDispatcher
 import com.facebook.react.uimanager.events.TouchEvent
 import com.facebook.react.uimanager.events.TouchEventCoalescingKeyHelper
 import com.facebook.react.uimanager.events.TouchEventType
@@ -28,12 +36,12 @@ import org.junit.runner.RunWith
 import org.mockito.ArgumentCaptor
 import org.mockito.ArgumentMatchers.*
 import org.mockito.MockedStatic
+import org.mockito.Mockito.mock
 import org.mockito.Mockito.mockStatic
 import org.mockito.Mockito.spy
 import org.mockito.Mockito.times
 import org.mockito.Mockito.verify
 import org.robolectric.RobolectricTestRunner
-import org.robolectric.RuntimeEnvironment
 import org.robolectric.annotation.Config
 
 @RunWith(RobolectricTestRunner::class)
@@ -452,9 +460,10 @@ class TouchEventDispatchTest {
                       buildGesture(SURFACE_ID, TARGET_VIEW_ID, 1f, 3f, GESTURE_START_TIME, 0),
                       buildGesture(SURFACE_ID, TARGET_VIEW_ID, 2f, 1f, GESTURE_START_TIME, 1))))
 
-  private lateinit var eventEmitter: FabricEventEmitter
+  private lateinit var eventDispatcher: EventDispatcher
   private lateinit var uiManager: FabricUIManager
   private lateinit var arguments: MockedStatic<Arguments>
+  private lateinit var reactChoreographer: MockedStatic<ReactChoreographer>
 
   @Before
   fun setUp() {
@@ -469,24 +478,33 @@ class TouchEventDispatchTest {
 
     // We use a real FabricUIManager here as it's harder to mock with both static and non-static
     // methods.
-    val reactContext = ReactApplicationContext(RuntimeEnvironment.getApplication())
+    val reactContext = ReactTestHelper.createCatalystContextForTest()
     val viewManagerRegistry = ViewManagerRegistry(emptyList())
     val batchEventDispatchedListener = FakeBatchEventDispatchedListener()
     uiManager =
         spy(FabricUIManager(reactContext, viewManagerRegistry, batchEventDispatchedListener))
+    uiManager.initialize()
 
-    eventEmitter = FabricEventEmitter(uiManager)
+    eventDispatcher = uiManager.getEventDispatcher()
+
+    // Ignore scheduled choreographer work
+    val reactChoreographerMock = mock(ReactChoreographer::class.java)
+    reactChoreographer = mockStatic(ReactChoreographer::class.java)
+    reactChoreographer
+        .`when`<ReactChoreographer> { ReactChoreographer.getInstance() }
+        .thenReturn(reactChoreographerMock)
   }
 
   @After
   fun tearDown() {
     arguments.close()
+    reactChoreographer.close()
   }
 
   @Test
   fun testFabric_startMoveEnd() {
     for (event in startMoveEndSequence) {
-      event.dispatchModern(eventEmitter)
+      eventDispatcher.dispatchEvent(event)
     }
     val argument = ArgumentCaptor.forClass(WritableMap::class.java)
     verify(uiManager, times(4))
@@ -497,7 +515,7 @@ class TouchEventDispatchTest {
   @Test
   fun testFabric_startMoveCancel() {
     for (event in startMoveCancelSequence) {
-      event.dispatchModern(eventEmitter)
+      eventDispatcher.dispatchEvent(event)
     }
     val argument = ArgumentCaptor.forClass(WritableMap::class.java)
     verify(uiManager, times(6))
@@ -508,7 +526,7 @@ class TouchEventDispatchTest {
   @Test
   fun testFabric_startPointerUpCancel() {
     for (event in startPointerMoveUpSequence) {
-      event.dispatchModern(eventEmitter)
+      eventDispatcher.dispatchEvent(event)
     }
     val argument = ArgumentCaptor.forClass(WritableMap::class.java)
     verify(uiManager, times(6))
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/fabric/internal/interop/InteropUiBlockListenerTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/fabric/internal/interop/InteropUiBlockListenerTest.kt
new file mode 100644
index 00000000000000..d875aa83ef8699
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/fabric/internal/interop/InteropUiBlockListenerTest.kt
@@ -0,0 +1,81 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.fabric.internal.interop
+
+import com.facebook.testutils.fakes.FakeUIManager
+import org.junit.Assert.assertEquals
+import org.junit.Test
+
+class InteropUiBlockListenerTest {
+
+  @Test
+  fun prependUIBlock_addsBlockCorrectly() {
+    val underTest = InteropUIBlockListener()
+    underTest.prependUIBlock {}
+
+    assertEquals(1, underTest.beforeUIBlocks.size)
+    assertEquals(0, underTest.afterUIBlocks.size)
+  }
+
+  @Test
+  fun addUIBlock_addsBlockCorrectly() {
+    val underTest = InteropUIBlockListener()
+    underTest.addUIBlock {}
+
+    assertEquals(0, underTest.beforeUIBlocks.size)
+    assertEquals(1, underTest.afterUIBlocks.size)
+  }
+
+  @Test
+  fun willMountItems_emptiesBeforeUIBlocks() {
+    val underTest = InteropUIBlockListener()
+    underTest.prependUIBlock {}
+    underTest.addUIBlock {}
+
+    underTest.willMountItems(FakeUIManager())
+
+    assertEquals(0, underTest.beforeUIBlocks.size)
+    assertEquals(1, underTest.afterUIBlocks.size)
+  }
+
+  @Test
+  fun didMountItems_emptiesAfterUIBlocks() {
+    val underTest = InteropUIBlockListener()
+    underTest.prependUIBlock {}
+    underTest.addUIBlock {}
+
+    underTest.didMountItems(FakeUIManager())
+
+    assertEquals(1, underTest.beforeUIBlocks.size)
+    assertEquals(0, underTest.afterUIBlocks.size)
+  }
+
+  @Test
+  fun willMountItems_deliversUiManagerCorrectly() {
+    val fakeUIManager = FakeUIManager()
+    val underTest = InteropUIBlockListener()
+
+    underTest.prependUIBlock { uiManager -> uiManager.resolveView(0) }
+
+    underTest.willMountItems(fakeUIManager)
+
+    assertEquals(1, fakeUIManager.resolvedViewCount)
+  }
+
+  @Test
+  fun didMountItems_deliversUiManagerCorrectly() {
+    val fakeUIManager = FakeUIManager()
+    val underTest = InteropUIBlockListener()
+
+    underTest.addUIBlock { uiManager -> uiManager.resolveView(0) }
+
+    underTest.didMountItems(fakeUIManager)
+
+    assertEquals(1, fakeUIManager.resolvedViewCount)
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/fabric/interop/InteropEventEmitterTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/internal/interop/InteropEventEmitterTest.kt
similarity index 83%
rename from packages/react-native/ReactAndroid/src/test/java/com/facebook/react/fabric/interop/InteropEventEmitterTest.kt
rename to packages/react-native/ReactAndroid/src/test/java/com/facebook/react/internal/interop/InteropEventEmitterTest.kt
index f4348f8d43186f..10a71829e6f236 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/fabric/interop/InteropEventEmitterTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/internal/interop/InteropEventEmitterTest.kt
@@ -5,8 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-package com.facebook.react.fabric.interop
+@file:Suppress("DEPRECATION") // We want to use RCTEventEmitter for interop purposes
 
+package com.facebook.react.internal.interop
+
+import com.facebook.react.bridge.JavaOnlyArray
 import com.facebook.react.bridge.JavaOnlyMap
 import com.facebook.react.bridge.ReactApplicationContext
 import com.facebook.react.bridge.ReactContext
@@ -50,8 +53,8 @@ class InteropEventEmitterTest {
 
     eventEmitter.receiveEvent(42, "onTest", eventData)
 
-    val event = eventDispatcher.getRecordedDispatchedEvents().get(0) as InteropEvent
-    val dispatchedEventData = event.getEventData()
+    val event = eventDispatcher.getRecordedDispatchedEvents()[0] as InteropEvent
+    val dispatchedEventData = event.eventData
     assertNotNull(dispatchedEventData)
     assertEquals("indigo", dispatchedEventData!!.getString("color"))
   }
@@ -59,6 +62,6 @@ class InteropEventEmitterTest {
   @Test(expected = java.lang.UnsupportedOperationException::class)
   fun receiveTouches_isNotSupported() {
     val eventEmitter = InteropEventEmitter(reactContext)
-    eventEmitter.receiveTouches("a touch", null, null)
+    eventEmitter.receiveTouches("a touch", JavaOnlyArray.of(), JavaOnlyArray.of())
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/dialog/DialogModuleTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/dialog/DialogModuleTest.kt
index 37f8087b141164..dda9e82c14b2b7 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/dialog/DialogModuleTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/dialog/DialogModuleTest.kt
@@ -39,7 +39,7 @@ class DialogModuleTest {
       private set
 
     override fun invoke(vararg args: Any?) {
-      this.calls++
+      calls++
       this.args = args
     }
   }
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/network/NetworkingModuleTest.java b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/network/NetworkingModuleTest.java
deleted file mode 100644
index 46894323847521..00000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/network/NetworkingModuleTest.java
+++ /dev/null
@@ -1,635 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.modules.network;
-
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.mockito.Mockito.any;
-import static org.mockito.Mockito.eq;
-import static org.mockito.Mockito.mock;
-import static org.mockito.Mockito.mockStatic;
-import static org.mockito.Mockito.times;
-import static org.mockito.Mockito.verify;
-import static org.mockito.Mockito.when;
-
-import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.JavaOnlyArray;
-import com.facebook.react.bridge.JavaOnlyMap;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.WritableArray;
-import com.facebook.react.common.network.OkHttpCallUtil;
-import java.io.InputStream;
-import java.nio.charset.StandardCharsets;
-import java.util.Arrays;
-import java.util.List;
-import okhttp3.Call;
-import okhttp3.Headers;
-import okhttp3.MediaType;
-import okhttp3.MultipartBody;
-import okhttp3.OkHttpClient;
-import okhttp3.Request;
-import okhttp3.RequestBody;
-import okio.Buffer;
-import org.junit.After;
-import org.junit.Before;
-import org.junit.Ignore;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-import org.mockito.ArgumentCaptor;
-import org.mockito.MockedStatic;
-import org.mockito.invocation.InvocationOnMock;
-import org.mockito.stubbing.Answer;
-import org.robolectric.RobolectricTestRunner;
-
-/** Tests for {@link NetworkingModule}. */
-@RunWith(RobolectricTestRunner.class)
-@Ignore("Ignored due to unsupported mocking mechanism with JDK 18")
-public class NetworkingModuleTest {
-  private NetworkingModule mNetworkingModule;
-  private OkHttpClient mHttpClient;
-  private ReactApplicationContext mContext;
-
-  private MockedStatic<Arguments> arguments;
-
-  @Before
-  public void prepareModules() {
-    mHttpClient = mock(OkHttpClient.class);
-    when(mHttpClient.cookieJar()).thenReturn(mock(CookieJarContainer.class));
-    when(mHttpClient.newCall(any(Request.class)))
-        .thenAnswer(
-            invocation -> {
-              Call callMock = mock(Call.class);
-              return callMock;
-            });
-    OkHttpClient.Builder clientBuilder = mock(OkHttpClient.Builder.class);
-    when(clientBuilder.build()).thenReturn(mHttpClient);
-    when(mHttpClient.newBuilder()).thenReturn(clientBuilder);
-
-    CatalystInstance reactInstance = mock(CatalystInstance.class);
-
-    mContext = mock(ReactApplicationContext.class);
-    when(mContext.getCatalystInstance()).thenReturn(reactInstance);
-    when(mContext.hasActiveReactInstance()).thenReturn(true);
-    mNetworkingModule = new NetworkingModule(mContext, "", mHttpClient);
-
-    arguments = mockStatic(Arguments.class);
-    arguments.when(Arguments::createArray).thenAnswer(invocation -> new JavaOnlyArray());
-    arguments.when(Arguments::createMap).thenAnswer(invocation -> new JavaOnlyMap());
-  }
-
-  @After
-  public void tearDown() {
-    arguments.close();
-  }
-
-  @Test
-  public void testGetWithoutHeaders() throws Exception {
-    mNetworkingModule.sendRequest(
-        "GET",
-        "http://somedomain/foo",
-        /* requestId */ 0,
-        /* headers */ JavaOnlyArray.of(),
-        /* body */ null,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-
-    ArgumentCaptor<Request> argumentCaptor = ArgumentCaptor.forClass(Request.class);
-    verify(mHttpClient).newCall(argumentCaptor.capture());
-    assertThat(argumentCaptor.getValue().url().toString()).isEqualTo("http://somedomain/foo");
-    // We set the User-Agent header by default
-    assertThat(argumentCaptor.getValue().headers().size()).isEqualTo(1);
-    assertThat(argumentCaptor.getValue().method()).isEqualTo("GET");
-  }
-
-  @Test
-  public void testFailGetWithInvalidHeadersStruct() throws Exception {
-    List<JavaOnlyArray> invalidHeaders = Arrays.asList(JavaOnlyArray.of("foo"));
-
-    mNetworkingModule.sendRequest(
-        "GET",
-        "http://somedoman/foo",
-        /* requestId */ 0,
-        /* headers */ JavaOnlyArray.from(invalidHeaders),
-        /* body */ null,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-
-    verifyErrorEmit(mContext, 0);
-  }
-
-  @Test
-  public void testFailPostWithoutContentType() throws Exception {
-    JavaOnlyMap body = new JavaOnlyMap();
-    body.putString("string", "This is request body");
-
-    mNetworkingModule.sendRequest(
-        "POST",
-        "http://somedomain/bar",
-        0,
-        JavaOnlyArray.of(),
-        body,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-
-    verifyErrorEmit(mContext, 0);
-  }
-
-  @Test
-  public void testFailInvalidUrl() throws Exception {
-    mNetworkingModule.sendRequest(
-        "GET",
-        "aaa",
-        /* requestId */ 0,
-        /* headers */ JavaOnlyArray.of(),
-        /* body */ null,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-
-    verifyErrorEmit(mContext, 0);
-  }
-
-  private static void verifyErrorEmit(ReactApplicationContext context, int requestId) {
-    ArgumentCaptor<WritableArray> captor = ArgumentCaptor.forClass(WritableArray.class);
-    verify(context).emitDeviceEvent(eq("didCompleteNetworkResponse"), captor.capture());
-
-    WritableArray array = captor.getValue();
-    assertThat(array.getInt(0)).isEqualTo(requestId);
-    assertThat(array.getString(1)).isNotNull();
-  }
-
-  @Test
-  public void testSuccessfulPostRequest() throws Exception {
-    JavaOnlyMap body = new JavaOnlyMap();
-    body.putString("string", "This is request body");
-
-    mNetworkingModule.sendRequest(
-        "POST",
-        "http://somedomain/bar",
-        0,
-        JavaOnlyArray.of(JavaOnlyArray.of("Content-Type", "text/plain")),
-        body,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-
-    ArgumentCaptor<Request> argumentCaptor = ArgumentCaptor.forClass(Request.class);
-    verify(mHttpClient).newCall(argumentCaptor.capture());
-    assertThat(argumentCaptor.getValue().url().toString()).isEqualTo("http://somedomain/bar");
-    assertThat(argumentCaptor.getValue().headers().size()).isEqualTo(2);
-    assertThat(argumentCaptor.getValue().method()).isEqualTo("POST");
-    assertThat(argumentCaptor.getValue().body().contentType().type()).isEqualTo("text");
-    assertThat(argumentCaptor.getValue().body().contentType().subtype()).isEqualTo("plain");
-    Buffer contentBuffer = new Buffer();
-    argumentCaptor.getValue().body().writeTo(contentBuffer);
-    assertThat(contentBuffer.readUtf8()).isEqualTo("This is request body");
-  }
-
-  @Test
-  public void testHeaders() throws Exception {
-    List<JavaOnlyArray> headers =
-        Arrays.asList(
-            JavaOnlyArray.of("Accept", "text/plain"),
-            JavaOnlyArray.of("User-Agent", "React test agent/1.0"));
-
-    mNetworkingModule.sendRequest(
-        "GET",
-        "http://someurl/baz",
-        0,
-        JavaOnlyArray.from(headers),
-        null,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-    ArgumentCaptor<Request> argumentCaptor = ArgumentCaptor.forClass(Request.class);
-    verify(mHttpClient).newCall(argumentCaptor.capture());
-    Headers requestHeaders = argumentCaptor.getValue().headers();
-    assertThat(requestHeaders.size()).isEqualTo(2);
-    assertThat(requestHeaders.get("Accept")).isEqualTo("text/plain");
-    assertThat(requestHeaders.get("User-Agent")).isEqualTo("React test agent/1.0");
-  }
-
-  @Test
-  public void testPostJsonContentTypeHeader() throws Exception {
-
-    JavaOnlyMap body = new JavaOnlyMap();
-    body.putString("string", "{ \"key\": \"value\" }");
-
-    mNetworkingModule.sendRequest(
-        "POST",
-        "http://somedomain/bar",
-        0,
-        JavaOnlyArray.of(JavaOnlyArray.of("Content-Type", "application/json")),
-        body,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-
-    ArgumentCaptor<Request> argumentCaptor = ArgumentCaptor.forClass(Request.class);
-    verify(mHttpClient).newCall(argumentCaptor.capture());
-
-    // Verify okhttp does not append "charset=utf-8"
-    assertThat(argumentCaptor.getValue().body().contentType().toString())
-        .isEqualTo("application/json");
-  }
-
-  @Test
-  public void testRespectsExistingCharacterSet() throws Exception {
-    JavaOnlyMap body = new JavaOnlyMap();
-    body.putString("string", "Friðjónsson");
-
-    mNetworkingModule.sendRequest(
-        "POST",
-        "http://somedomain/bar",
-        0,
-        JavaOnlyArray.of(JavaOnlyArray.of("Content-Type", "text/plain; charset=utf-16")),
-        body,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-
-    ArgumentCaptor<Request> argumentCaptor = ArgumentCaptor.forClass(Request.class);
-    verify(mHttpClient).newCall(argumentCaptor.capture());
-
-    Buffer contentBuffer = new Buffer();
-    argumentCaptor.getValue().body().writeTo(contentBuffer);
-    assertThat(contentBuffer.readString(StandardCharsets.UTF_16)).isEqualTo("Friðjónsson");
-  }
-
-  @Test
-  public void testGracefullyRecoversFromInvalidContentType() throws Exception {
-    JavaOnlyMap body = new JavaOnlyMap();
-    body.putString("string", "test");
-
-    mNetworkingModule.sendRequest(
-        "POST",
-        "http://somedomain/bar",
-        0,
-        JavaOnlyArray.of(JavaOnlyArray.of("Content-Type", "invalid")),
-        body,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-
-    ArgumentCaptor<Request> argumentCaptor = ArgumentCaptor.forClass(Request.class);
-    verify(mHttpClient).newCall(argumentCaptor.capture());
-
-    Buffer contentBuffer = new Buffer();
-    argumentCaptor.getValue().body().writeTo(contentBuffer);
-
-    assertThat(contentBuffer.readString(StandardCharsets.UTF_8)).isEqualTo("test");
-    assertThat(argumentCaptor.getValue().header("Content-Type")).isEqualTo("invalid");
-  }
-
-  @Test
-  public void testMultipartPostRequestSimple() throws Exception {
-    MockedStatic<RequestBodyUtil> requestBodyUtil = mockStatic(RequestBodyUtil.class);
-    requestBodyUtil
-        .when(() -> RequestBodyUtil.getFileInputStream(any(ReactContext.class), any(String.class)))
-        .thenReturn(mock(InputStream.class));
-    requestBodyUtil
-        .when(() -> RequestBodyUtil.create(any(MediaType.class), any(InputStream.class)))
-        .thenReturn(mock(RequestBody.class));
-    requestBodyUtil
-        .when(
-            () ->
-                RequestBodyUtil.createProgressRequest(
-                    any(RequestBody.class), any(ProgressListener.class)))
-        .thenCallRealMethod();
-
-    JavaOnlyMap body = new JavaOnlyMap();
-    JavaOnlyArray formData = new JavaOnlyArray();
-    JavaOnlyMap bodyPart = new JavaOnlyMap();
-    bodyPart.putString("string", "value");
-    bodyPart.putArray(
-        "headers",
-        JavaOnlyArray.from(Arrays.asList(JavaOnlyArray.of("content-disposition", "name"))));
-    formData.pushMap(bodyPart);
-    body.putArray("formData", formData);
-
-    mNetworkingModule.sendRequest(
-        "POST",
-        "http://someurl/uploadFoo",
-        0,
-        new JavaOnlyArray(),
-        body,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-
-    // verify url, method, headers
-    ArgumentCaptor<Request> argumentCaptor = ArgumentCaptor.forClass(Request.class);
-    verify(mHttpClient).newCall(argumentCaptor.capture());
-    assertThat(argumentCaptor.getValue().url().toString()).isEqualTo("http://someurl/uploadFoo");
-    assertThat(argumentCaptor.getValue().method()).isEqualTo("POST");
-    assertThat(argumentCaptor.getValue().body().contentType().type())
-        .isEqualTo(MultipartBody.FORM.type());
-    assertThat(argumentCaptor.getValue().body().contentType().subtype())
-        .isEqualTo(MultipartBody.FORM.subtype());
-    Headers requestHeaders = argumentCaptor.getValue().headers();
-    assertThat(requestHeaders.size()).isEqualTo(1);
-
-    requestBodyUtil.close();
-  }
-
-  @Test
-  public void testMultipartPostRequestHeaders() throws Exception {
-    MockedStatic<RequestBodyUtil> requestBodyUtil = mockStatic(RequestBodyUtil.class);
-    requestBodyUtil
-        .when(() -> RequestBodyUtil.getFileInputStream(any(ReactContext.class), any(String.class)))
-        .thenReturn(mock(InputStream.class));
-    requestBodyUtil
-        .when(() -> RequestBodyUtil.create(any(MediaType.class), any(InputStream.class)))
-        .thenReturn(mock(RequestBody.class));
-    requestBodyUtil
-        .when(
-            () ->
-                RequestBodyUtil.createProgressRequest(
-                    any(RequestBody.class), any(ProgressListener.class)))
-        .thenCallRealMethod();
-
-    List<JavaOnlyArray> headers =
-        Arrays.asList(
-            JavaOnlyArray.of("Accept", "text/plain"),
-            JavaOnlyArray.of("User-Agent", "React test agent/1.0"),
-            JavaOnlyArray.of("content-type", "multipart/form-data"));
-
-    JavaOnlyMap body = new JavaOnlyMap();
-    JavaOnlyArray formData = new JavaOnlyArray();
-    JavaOnlyMap bodyPart = new JavaOnlyMap();
-    bodyPart.putString("string", "value");
-    bodyPart.putArray(
-        "headers",
-        JavaOnlyArray.from(Arrays.asList(JavaOnlyArray.of("content-disposition", "name"))));
-    formData.pushMap(bodyPart);
-    body.putArray("formData", formData);
-
-    mNetworkingModule.sendRequest(
-        "POST",
-        "http://someurl/uploadFoo",
-        0,
-        JavaOnlyArray.from(headers),
-        body,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-
-    // verify url, method, headers
-    ArgumentCaptor<Request> argumentCaptor = ArgumentCaptor.forClass(Request.class);
-    verify(mHttpClient).newCall(argumentCaptor.capture());
-    assertThat(argumentCaptor.getValue().url().toString()).isEqualTo("http://someurl/uploadFoo");
-    assertThat(argumentCaptor.getValue().method()).isEqualTo("POST");
-    assertThat(argumentCaptor.getValue().body().contentType().type())
-        .isEqualTo(MultipartBody.FORM.type());
-    assertThat(argumentCaptor.getValue().body().contentType().subtype())
-        .isEqualTo(MultipartBody.FORM.subtype());
-    Headers requestHeaders = argumentCaptor.getValue().headers();
-    assertThat(requestHeaders.size()).isEqualTo(3);
-    assertThat(requestHeaders.get("Accept")).isEqualTo("text/plain");
-    assertThat(requestHeaders.get("User-Agent")).isEqualTo("React test agent/1.0");
-    assertThat(requestHeaders.get("content-type")).isEqualTo("multipart/form-data");
-  }
-
-  @Test
-  public void testMultipartPostRequestBody() throws Exception {
-    InputStream inputStream = mock(InputStream.class);
-
-    MockedStatic<RequestBodyUtil> requestBodyUtil = mockStatic(RequestBodyUtil.class);
-    requestBodyUtil
-        .when(() -> RequestBodyUtil.getFileInputStream(any(ReactContext.class), any(String.class)))
-        .thenReturn(mock(InputStream.class));
-    requestBodyUtil
-        .when(() -> RequestBodyUtil.create(any(MediaType.class), any(InputStream.class)))
-        .thenCallRealMethod();
-    requestBodyUtil
-        .when(
-            () ->
-                RequestBodyUtil.createProgressRequest(
-                    any(RequestBody.class), any(ProgressListener.class)))
-        .thenCallRealMethod();
-
-    when(inputStream.available()).thenReturn("imageUri".length());
-
-    final MultipartBody.Builder multipartBuilder = mock(MultipartBody.Builder.class);
-    // TODO This PowerMock statement should be migrated to an equivalent for Mockito
-    //      once this test is unsuppressed.
-    //    whenNew(MultipartBody.Builder.class)
-    //        .withNoArguments()
-    //        .thenReturn(multipartBuilder);
-    when(multipartBuilder.setType(any(MediaType.class)))
-        .thenAnswer(
-            new Answer<Object>() {
-              @Override
-              public Object answer(InvocationOnMock invocation) throws Throwable {
-                return multipartBuilder;
-              }
-            });
-    when(multipartBuilder.addPart(any(Headers.class), any(RequestBody.class)))
-        .thenAnswer(
-            new Answer<Object>() {
-              @Override
-              public Object answer(InvocationOnMock invocation) throws Throwable {
-                return multipartBuilder;
-              }
-            });
-    when(multipartBuilder.build())
-        .thenAnswer(
-            new Answer<Object>() {
-              @Override
-              public Object answer(InvocationOnMock invocation) throws Throwable {
-                return mock(MultipartBody.class);
-              }
-            });
-
-    List<JavaOnlyArray> headers =
-        Arrays.asList(JavaOnlyArray.of("content-type", "multipart/form-data"));
-
-    JavaOnlyMap body = new JavaOnlyMap();
-    JavaOnlyArray formData = new JavaOnlyArray();
-    body.putArray("formData", formData);
-
-    JavaOnlyMap bodyPart = new JavaOnlyMap();
-    bodyPart.putString("string", "locale");
-    bodyPart.putArray(
-        "headers",
-        JavaOnlyArray.from(Arrays.asList(JavaOnlyArray.of("content-disposition", "user"))));
-    formData.pushMap(bodyPart);
-
-    JavaOnlyMap imageBodyPart = new JavaOnlyMap();
-    imageBodyPart.putString("uri", "imageUri");
-    imageBodyPart.putArray(
-        "headers",
-        JavaOnlyArray.from(
-            Arrays.asList(
-                JavaOnlyArray.of("content-type", "image/jpg"),
-                JavaOnlyArray.of(
-                    "content-disposition",
-                    "filename=\"测试photo.jpg\"; filename*=utf-8''%E6%B5%8B%E8%AF%95photo.jpg"))));
-    formData.pushMap(imageBodyPart);
-
-    mNetworkingModule.sendRequest(
-        "POST",
-        "http://someurl/uploadFoo",
-        0,
-        JavaOnlyArray.from(headers),
-        body,
-        /* responseType */ "text",
-        /* useIncrementalUpdates*/ true,
-        /* timeout */ 0,
-        /* withCredentials */ false);
-
-    // verify RequestBodyPart for image
-
-    // TODO This should be migrated to requestBodyUtil.verify();
-    //  PowerMockito.verifyStatic(RequestBodyUtil.class, times(1));
-    RequestBodyUtil.getFileInputStream(any(ReactContext.class), eq("imageUri"));
-    // TODO This should be migrated to requestBodyUtil.verify();
-    //  PowerMockito.verifyStatic(RequestBodyUtil.class, times(1));
-    RequestBodyUtil.create(MediaType.parse("image/jpg"), inputStream);
-
-    // verify body
-    verify(multipartBuilder).build();
-    verify(multipartBuilder).setType(MultipartBody.FORM);
-    ArgumentCaptor<Headers> headersArgumentCaptor = ArgumentCaptor.forClass(Headers.class);
-    ArgumentCaptor<RequestBody> bodyArgumentCaptor = ArgumentCaptor.forClass(RequestBody.class);
-    verify(multipartBuilder, times(2))
-        .addPart(headersArgumentCaptor.capture(), bodyArgumentCaptor.capture());
-
-    List<Headers> bodyHeaders = headersArgumentCaptor.getAllValues();
-    assertThat(bodyHeaders.size()).isEqualTo(2);
-    List<RequestBody> bodyRequestBody = bodyArgumentCaptor.getAllValues();
-    assertThat(bodyRequestBody.size()).isEqualTo(2);
-
-    assertThat(bodyHeaders.get(0).get("content-disposition")).isEqualTo("user");
-    assertThat(bodyRequestBody.get(0).contentType()).isNull();
-    assertThat(bodyRequestBody.get(0).contentLength()).isEqualTo("locale".getBytes().length);
-    assertThat(bodyHeaders.get(1).get("content-disposition"))
-        .isEqualTo("filename=\"测试photo.jpg\"; filename*=utf-8''%E6%B5%8B%E8%AF%95photo.jpg");
-    assertThat(bodyRequestBody.get(1).contentType()).isEqualTo(MediaType.parse("image/jpg"));
-    assertThat(bodyRequestBody.get(1).contentLength()).isEqualTo("imageUri".getBytes().length);
-  }
-
-  @Test
-  public void testCancelAllCallsInvalidate() throws Exception {
-    MockedStatic<OkHttpCallUtil> okHttpCallUtil = mockStatic(OkHttpCallUtil.class);
-    final int requests = 3;
-    final Call[] calls = new Call[requests];
-    for (int idx = 0; idx < requests; idx++) {
-      calls[idx] = mock(Call.class);
-    }
-
-    when(mHttpClient.newCall(any(Request.class)))
-        .thenAnswer(
-            new Answer<Object>() {
-              @Override
-              public Object answer(InvocationOnMock invocation) throws Throwable {
-                Request request = (Request) invocation.getArguments()[0];
-                return calls[(Integer) request.tag() - 1];
-              }
-            });
-    mNetworkingModule.initialize();
-
-    for (int idx = 0; idx < requests; idx++) {
-      mNetworkingModule.sendRequest(
-          "GET",
-          "http://somedomain/foo",
-          idx + 1,
-          JavaOnlyArray.of(),
-          null,
-          /* responseType */ "text",
-          /* useIncrementalUpdates*/ true,
-          /* timeout */ 0,
-          /* withCredentials */ false);
-    }
-    verify(mHttpClient, times(3)).newCall(any(Request.class));
-
-    mNetworkingModule.invalidate();
-    // TODO This should be migrated to okHttpCallUtil.verify();
-    //  PowerMockito.verifyStatic(OkHttpCallUtil.class, times(3));
-    ArgumentCaptor<OkHttpClient> clientArguments = ArgumentCaptor.forClass(OkHttpClient.class);
-    ArgumentCaptor<Integer> requestIdArguments = ArgumentCaptor.forClass(Integer.class);
-    OkHttpCallUtil.cancelTag(clientArguments.capture(), requestIdArguments.capture());
-
-    assertThat(requestIdArguments.getAllValues().size()).isEqualTo(requests);
-    for (int idx = 0; idx < requests; idx++) {
-      assertThat(requestIdArguments.getAllValues().contains(idx + 1)).isTrue();
-    }
-  }
-
-  @Test
-  public void testCancelSomeCallsInvalidate() throws Exception {
-    MockedStatic<OkHttpCallUtil> okHttpCallUtil = mockStatic(OkHttpCallUtil.class);
-    final int requests = 3;
-    final Call[] calls = new Call[requests];
-    for (int idx = 0; idx < requests; idx++) {
-      calls[idx] = mock(Call.class);
-    }
-
-    when(mHttpClient.newCall(any(Request.class)))
-        .thenAnswer(
-            new Answer<Object>() {
-              @Override
-              public Object answer(InvocationOnMock invocation) throws Throwable {
-                Request request = (Request) invocation.getArguments()[0];
-                return calls[(Integer) request.tag() - 1];
-              }
-            });
-
-    for (int idx = 0; idx < requests; idx++) {
-      mNetworkingModule.sendRequest(
-          "GET",
-          "http://somedomain/foo",
-          idx + 1,
-          JavaOnlyArray.of(),
-          null,
-          /* responseType */ "text",
-          /* useIncrementalUpdates*/ true,
-          /* timeout */ 0,
-          /* withCredentials */ false);
-    }
-    verify(mHttpClient, times(3)).newCall(any(Request.class));
-
-    mNetworkingModule.abortRequest(requests);
-    // TODO This should be migrated to okHttpCallUtil.verify();
-    //  PowerMockito.verifyStatic(OkHttpCallUtil.class, times(1));
-    ArgumentCaptor<OkHttpClient> clientArguments = ArgumentCaptor.forClass(OkHttpClient.class);
-    ArgumentCaptor<Integer> requestIdArguments = ArgumentCaptor.forClass(Integer.class);
-    OkHttpCallUtil.cancelTag(clientArguments.capture(), requestIdArguments.capture());
-    assertThat(requestIdArguments.getAllValues().size()).isEqualTo(1);
-    assertThat(requestIdArguments.getAllValues().get(0)).isEqualTo(requests);
-
-    // verifyStatic actually does not clear all calls so far, so we have to check for all of them.
-    // If `cancelTag` would've been called again for the aborted call, we would have had
-    // `requests + 1` calls.
-    mNetworkingModule.invalidate();
-    // TODO This should be migrated to okHttpCallUtil.verify();
-    //  PowerMockito.verifyStatic(OkHttpCallUtil.class, times(requests));
-    clientArguments = ArgumentCaptor.forClass(OkHttpClient.class);
-    requestIdArguments = ArgumentCaptor.forClass(Integer.class);
-    OkHttpCallUtil.cancelTag(clientArguments.capture(), requestIdArguments.capture());
-    assertThat(requestIdArguments.getAllValues().size()).isEqualTo(requests);
-    for (int idx = 0; idx < requests; idx++) {
-      assertThat(requestIdArguments.getAllValues().contains(idx + 1)).isTrue();
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/network/NetworkingModuleTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/network/NetworkingModuleTest.kt
new file mode 100644
index 00000000000000..683f52ad3f62d0
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/modules/network/NetworkingModuleTest.kt
@@ -0,0 +1,588 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.modules.network
+
+import com.facebook.react.bridge.Arguments
+import com.facebook.react.bridge.CatalystInstance
+import com.facebook.react.bridge.JavaOnlyArray
+import com.facebook.react.bridge.JavaOnlyMap
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReactContext
+import com.facebook.react.bridge.WritableArray
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.common.network.OkHttpCallUtil
+import java.io.InputStream
+import java.nio.charset.StandardCharsets
+import okhttp3.Call
+import okhttp3.Headers
+import okhttp3.MediaType
+import okhttp3.MediaType.Companion.toMediaTypeOrNull
+import okhttp3.MultipartBody
+import okhttp3.MultipartBody.Companion.FORM
+import okhttp3.OkHttpClient
+import okhttp3.Request
+import okhttp3.RequestBody
+import okio.Buffer
+import org.assertj.core.api.Assertions.assertThat
+import org.junit.After
+import org.junit.Before
+import org.junit.Ignore
+import org.junit.Test
+import org.junit.runner.RunWith
+import org.mockito.ArgumentCaptor
+import org.mockito.ArgumentMatchers.any
+import org.mockito.ArgumentMatchers.eq
+import org.mockito.Captor
+import org.mockito.MockedStatic
+import org.mockito.Mockito.mock
+import org.mockito.Mockito.mockStatic
+import org.mockito.Mockito.times
+import org.mockito.Mockito.verify
+import org.mockito.Mockito.`when` as whenever
+import org.robolectric.RobolectricTestRunner
+
+/**
+ * Returns Mockito.any() as nullable type to avoid java.lang.IllegalStateException when null is
+ * returned.
+ */
+private fun <T> anyOrNull(type: Class<T>): T = any(type)
+
+/**
+ * Returns ArgumentCaptor.capture() as nullable type to avoid java.lang.IllegalStateException when
+ * null is returned.
+ */
+fun <T> capture(argumentCaptor: ArgumentCaptor<T>): T = argumentCaptor.capture()
+
+@RunWith(RobolectricTestRunner::class)
+class NetworkingModuleTest {
+  private lateinit var networkingModule: NetworkingModule
+  private lateinit var httpClient: OkHttpClient
+  private lateinit var context: ReactApplicationContext
+  private lateinit var arguments: MockedStatic<Arguments>
+  private lateinit var requestBodyUtil: MockedStatic<RequestBodyUtil>
+
+  @Captor private lateinit var requestArgumentCaptor: ArgumentCaptor<Request>
+
+  @Before
+  fun prepareModules() {
+    httpClient = mock(OkHttpClient::class.java)
+    whenever(httpClient.cookieJar).thenReturn(mock(CookieJarContainer::class.java))
+    whenever(httpClient.newCall(anyOrNull(Request::class.java))).thenAnswer {
+      val callMock = mock(Call::class.java)
+      callMock
+    }
+
+    val clientBuilder = mock(OkHttpClient.Builder::class.java)
+    whenever(clientBuilder.build()).thenReturn(httpClient)
+    whenever(httpClient.newBuilder()).thenReturn(clientBuilder)
+
+    val reactInstance = mock(CatalystInstance::class.java)
+
+    context = mock(ReactApplicationContext::class.java)
+    whenever(context.catalystInstance).thenReturn(reactInstance)
+    whenever(context.hasActiveReactInstance()).thenReturn(true)
+
+    networkingModule = NetworkingModule(context, "", httpClient)
+
+    arguments = mockStatic(Arguments::class.java)
+    arguments.`when`<WritableArray>(Arguments::createArray).thenAnswer { JavaOnlyArray() }
+    arguments.`when`<WritableMap>(Arguments::createMap).thenAnswer { JavaOnlyMap() }
+
+    requestBodyUtil = mockStatic(RequestBodyUtil::class.java)
+    requestBodyUtil
+        .`when`<InputStream> {
+          RequestBodyUtil.getFileInputStream(any(ReactContext::class.java), any(String::class.java))
+        }
+        .thenReturn(mock(InputStream::class.java))
+    requestBodyUtil
+        .`when`<RequestBody> {
+          RequestBodyUtil.create(any(MediaType::class.java), any(InputStream::class.java))
+        }
+        .thenReturn(mock(RequestBody::class.java))
+    requestBodyUtil
+        .`when`<ProgressRequestBody> {
+          RequestBodyUtil.createProgressRequest(
+              any(RequestBody::class.java), any(ProgressListener::class.java))
+        }
+        .thenCallRealMethod()
+
+    requestArgumentCaptor = ArgumentCaptor.forClass(Request::class.java)
+  }
+
+  @After
+  fun tearDown() {
+    arguments.close()
+    requestBodyUtil.close()
+  }
+
+  @Test
+  fun testGetWithoutHeaders() {
+    networkingModule.sendRequest(
+        "GET",
+        "http://somedomain/foo",
+        0.0, /* requestId */
+        JavaOnlyArray.of(), /* headers */
+        null, /* body */
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    verify(httpClient).newCall(capture(requestArgumentCaptor))
+    assertThat(requestArgumentCaptor.value.url.toString()).isEqualTo("http://somedomain/foo")
+    // We set the User-Agent header by default
+    assertThat(requestArgumentCaptor.value.headers.size).isEqualTo(1)
+    assertThat(requestArgumentCaptor.value.method).isEqualTo("GET")
+  }
+
+  @Test
+  fun testFailGetWithInvalidHeadersStruct() {
+    val invalidHeaders = listOf(JavaOnlyArray.of("foo"))
+
+    networkingModule.sendRequest(
+        "GET",
+        "http://somedoman/foo",
+        0.0, /* requestId */
+        JavaOnlyArray.from(invalidHeaders), /* headers */
+        null, /* body */
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    verifyErrorEmit(context, 0)
+  }
+
+  @Test
+  fun testFailPostWithoutContentType() {
+    val body = JavaOnlyMap()
+    body.putString("string", "This is request body")
+
+    networkingModule.sendRequest(
+        "POST",
+        "http://somedomain/bar",
+        0.0,
+        JavaOnlyArray.of(),
+        body,
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    verifyErrorEmit(context, 0)
+  }
+
+  @Test
+  fun testFailInvalidUrl() {
+    networkingModule.sendRequest(
+        "GET",
+        "aaa",
+        0.0, /* requestId */
+        JavaOnlyArray.of(), /* headers */
+        null, /* body */
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    verifyErrorEmit(context, 0)
+  }
+
+  private fun verifyErrorEmit(context: ReactApplicationContext, requestId: Int) {
+    val captor = ArgumentCaptor.forClass(WritableArray::class.java)
+    verify(context).emitDeviceEvent(eq("didCompleteNetworkResponse"), captor.capture())
+
+    val array = captor.value
+    assertThat(array.getInt(0)).isEqualTo(requestId)
+    assertThat(array.getString(1)).isNotNull
+  }
+
+  @Test
+  fun testSuccessfulPostRequest() {
+    val body = JavaOnlyMap()
+    body.putString("string", "This is request body")
+
+    networkingModule.sendRequest(
+        "POST",
+        "http://somedomain/bar",
+        0.0,
+        JavaOnlyArray.of(JavaOnlyArray.of("Content-Type", "text/plain")),
+        body,
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    verify(httpClient).newCall(capture(requestArgumentCaptor))
+    assertThat(requestArgumentCaptor.value.url.toString()).isEqualTo("http://somedomain/bar")
+    assertThat(requestArgumentCaptor.value.headers.size).isEqualTo(2)
+    assertThat(requestArgumentCaptor.value.method).isEqualTo("POST")
+    assertThat(requestArgumentCaptor.value.body!!.contentType()!!.type).isEqualTo("text")
+    assertThat(requestArgumentCaptor.value.body!!.contentType()!!.subtype).isEqualTo("plain")
+    val contentBuffer = Buffer()
+    requestArgumentCaptor.value.body!!.writeTo(contentBuffer)
+    assertThat(contentBuffer.readUtf8()).isEqualTo("This is request body")
+  }
+
+  @Test
+  fun testHeaders() {
+    val headers =
+        listOf(
+            JavaOnlyArray.of("Accept", "text/plain"),
+            JavaOnlyArray.of("User-Agent", "React test agent/1.0"))
+
+    networkingModule.sendRequest(
+        "GET",
+        "http://someurl/baz",
+        0.0,
+        JavaOnlyArray.from(headers),
+        null,
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    verify(httpClient).newCall(capture(requestArgumentCaptor))
+    val requestHeaders = requestArgumentCaptor.value.headers
+    assertThat(requestHeaders.size).isEqualTo(2)
+    assertThat(requestHeaders["Accept"]).isEqualTo("text/plain")
+    assertThat(requestHeaders["User-Agent"]).isEqualTo("React test agent/1.0")
+  }
+
+  @Test
+  fun testPostJsonContentTypeHeader() {
+    val body = JavaOnlyMap()
+    body.putString("string", "{ \"key\": \"value\" }")
+
+    networkingModule.sendRequest(
+        "POST",
+        "http://somedomain/bar",
+        0.0,
+        JavaOnlyArray.of(JavaOnlyArray.of("Content-Type", "application/json")),
+        body,
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    verify(httpClient).newCall(capture(requestArgumentCaptor))
+
+    // Verify okhttp does not append "charset=utf-8"
+    assertThat(requestArgumentCaptor.value.body!!.contentType().toString())
+        .isEqualTo("application/json")
+  }
+
+  @Test
+  fun testRespectsExistingCharacterSet() {
+    val testString = "Friðjónsson"
+
+    val body = JavaOnlyMap()
+    body.putString("string", testString)
+
+    networkingModule.sendRequest(
+        "POST",
+        "http://somedomain/bar",
+        0.0,
+        JavaOnlyArray.of(JavaOnlyArray.of("Content-Type", "text/plain; charset=utf-16")),
+        body,
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    verify(httpClient).newCall(capture(requestArgumentCaptor))
+
+    val contentBuffer = Buffer()
+    requestArgumentCaptor.value.body!!.writeTo(contentBuffer)
+    assertThat(contentBuffer.readString(StandardCharsets.UTF_16)).isEqualTo(testString)
+  }
+
+  @Test
+  fun testGracefullyRecoversFromInvalidContentType() {
+    val body = JavaOnlyMap()
+    body.putString("string", "test")
+
+    networkingModule.sendRequest(
+        "POST",
+        "http://somedomain/bar",
+        0.0,
+        JavaOnlyArray.of(JavaOnlyArray.of("Content-Type", "invalid")),
+        body,
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    verify(httpClient).newCall(capture(requestArgumentCaptor))
+
+    val contentBuffer = Buffer()
+    requestArgumentCaptor.value.body!!.writeTo(contentBuffer)
+
+    assertThat(contentBuffer.readString(StandardCharsets.UTF_8)).isEqualTo("test")
+    assertThat(requestArgumentCaptor.value.header("Content-Type")).isEqualTo("invalid")
+  }
+
+  @Test
+  fun testMultipartPostRequestSimple() {
+    val body = JavaOnlyMap()
+    val formData = JavaOnlyArray()
+    val bodyPart = JavaOnlyMap()
+    bodyPart.putString("string", "value")
+    bodyPart.putArray(
+        "headers", JavaOnlyArray.from(listOf(JavaOnlyArray.of("content-disposition", "name"))))
+    formData.pushMap(bodyPart)
+    body.putArray("formData", formData)
+
+    networkingModule.sendRequest(
+        "POST",
+        "http://someurl/uploadFoo",
+        0.0,
+        JavaOnlyArray(),
+        body,
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    // verify url, method, headers
+    verify(httpClient).newCall(capture(requestArgumentCaptor))
+    assertThat(requestArgumentCaptor.value.url.toString()).isEqualTo("http://someurl/uploadFoo")
+    assertThat(requestArgumentCaptor.value.method).isEqualTo("POST")
+    assertThat(requestArgumentCaptor.value.body!!.contentType()!!.type).isEqualTo(FORM.type)
+    assertThat(requestArgumentCaptor.value.body!!.contentType()!!.subtype).isEqualTo(FORM.subtype)
+    val requestHeaders = requestArgumentCaptor.value.headers
+    assertThat(requestHeaders.size).isEqualTo(1)
+  }
+
+  @Test
+  fun testMultipartPostRequestHeaders() {
+    val headers =
+        listOf(
+            JavaOnlyArray.of("Accept", "text/plain"),
+            JavaOnlyArray.of("User-Agent", "React test agent/1.0"),
+            JavaOnlyArray.of("content-type", "multipart/form-data"))
+
+    val body = JavaOnlyMap()
+    val formData = JavaOnlyArray()
+    val bodyPart = JavaOnlyMap()
+    bodyPart.putString("string", "value")
+    bodyPart.putArray(
+        "headers", JavaOnlyArray.from(listOf(JavaOnlyArray.of("content-disposition", "name"))))
+    formData.pushMap(bodyPart)
+    body.putArray("formData", formData)
+
+    networkingModule.sendRequest(
+        "POST",
+        "http://someurl/uploadFoo",
+        0.0,
+        JavaOnlyArray.from(headers),
+        body,
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    // verify url, method, headers
+    verify(httpClient).newCall(capture(requestArgumentCaptor))
+    assertThat(requestArgumentCaptor.value.url.toString()).isEqualTo("http://someurl/uploadFoo")
+    assertThat(requestArgumentCaptor.value.method).isEqualTo("POST")
+    assertThat(requestArgumentCaptor.value.body!!.contentType()!!.type).isEqualTo(FORM.type)
+    assertThat(requestArgumentCaptor.value.body!!.contentType()!!.subtype).isEqualTo(FORM.subtype)
+    val requestHeaders = requestArgumentCaptor.value.headers
+    assertThat(requestHeaders.size).isEqualTo(3)
+    assertThat(requestHeaders["Accept"]).isEqualTo("text/plain")
+    assertThat(requestHeaders["User-Agent"]).isEqualTo("React test agent/1.0")
+    assertThat(requestHeaders["content-type"]).isEqualTo("multipart/form-data")
+  }
+
+  @Test
+  @Ignore("TODO: Fix me (T171890419)")
+  fun testMultipartPostRequestBody() {
+    val inputStream = mock(InputStream::class.java)
+    whenever(inputStream.available()).thenReturn("imageUri".length)
+
+    val multipartBuilder = mock(MultipartBody.Builder::class.java)
+    // TODO This PowerMock statement should be migrated to an equivalent for Mockito
+    //      once this test is unsuppressed.
+    //    whenNew(MultipartBody.Builder.class)
+    //        .withNoArguments()
+    //        .thenReturn(multipartBuilder);
+    whenever(multipartBuilder.setType(anyOrNull(MediaType::class.java))).thenAnswer {
+      multipartBuilder
+    }
+    whenever(multipartBuilder.addPart(any(Headers::class.java), anyOrNull(RequestBody::class.java)))
+        .thenAnswer { multipartBuilder }
+    whenever(multipartBuilder.build()).thenAnswer { mock(MultipartBody::class.java) }
+
+    val headers = listOf(JavaOnlyArray.of("content-type", "multipart/form-data"))
+
+    val body = JavaOnlyMap()
+    val formData = JavaOnlyArray()
+    body.putArray("formData", formData)
+
+    val bodyPart = JavaOnlyMap()
+    bodyPart.putString("string", "locale")
+    bodyPart.putArray(
+        "headers", JavaOnlyArray.from(listOf(JavaOnlyArray.of("content-disposition", "user"))))
+    formData.pushMap(bodyPart)
+
+    val imageBodyPart = JavaOnlyMap()
+    imageBodyPart.putString("uri", "imageUri")
+    imageBodyPart.putArray(
+        "headers",
+        JavaOnlyArray.from(
+            listOf(
+                JavaOnlyArray.of("content-type", "image/jpg"),
+                JavaOnlyArray.of(
+                    "content-disposition",
+                    "filename=\"测试photo.jpg\"; filename*=utf-8''%E6%B5%8B%E8%AF%95photo.jpg"))))
+
+    formData.pushMap(imageBodyPart)
+
+    networkingModule.sendRequest(
+        "POST",
+        "http://someurl/uploadFoo",
+        0.0,
+        JavaOnlyArray.from(headers),
+        body,
+        "text", /* responseType */
+        true, /* useIncrementalUpdates*/
+        0.0, /* timeout */
+        false /* withCredentials */)
+
+    // verify RequestBodyPart for image
+
+    // TODO This should be migrated to requestBodyUtil.verify();
+    //  PowerMockito.verifyStatic(RequestBodyUtil.class, times(1));
+    RequestBodyUtil.getFileInputStream(any(ReactContext::class.java), eq("imageUri"))
+    // TODO This should be migrated to requestBodyUtil.verify();
+    //  PowerMockito.verifyStatic(RequestBodyUtil.class, times(1));
+    RequestBodyUtil.create("image/jpg".toMediaTypeOrNull(), inputStream)
+
+    // verify body
+    // TODO fix it (now mock is not called)
+    verify(multipartBuilder).build()
+    verify(multipartBuilder).setType(FORM)
+    // TODO fix it (Captors are nulls)
+    val headersArgumentCaptor = ArgumentCaptor.forClass(Headers::class.java)
+    val bodyArgumentCaptor = ArgumentCaptor.forClass(RequestBody::class.java)
+    verify(multipartBuilder, times(2))
+        .addPart(capture(headersArgumentCaptor), capture(bodyArgumentCaptor))
+
+    val bodyHeaders = headersArgumentCaptor.allValues
+    assertThat(bodyHeaders.size).isEqualTo(2)
+    val bodyRequestBody = bodyArgumentCaptor.allValues
+    assertThat(bodyRequestBody.size).isEqualTo(2)
+
+    assertThat(bodyHeaders[0]["content-disposition"]).isEqualTo("user")
+    assertThat(bodyRequestBody[0].contentType()).isNull()
+    assertThat(bodyRequestBody[0].contentLength()).isEqualTo("locale".toByteArray().size.toLong())
+    assertThat(bodyHeaders[1]["content-disposition"])
+        .isEqualTo("filename=\"测试photo.jpg\"; filename*=utf-8''%E6%B5%8B%E8%AF%95photo.jpg")
+    assertThat<MediaType?>(bodyRequestBody[1].contentType())
+        .isEqualTo("image/jpg".toMediaTypeOrNull())
+    assertThat(bodyRequestBody[1].contentLength()).isEqualTo("imageUri".toByteArray().size.toLong())
+  }
+
+  @Test
+  @Ignore("TODO: Fix me (T171890419)")
+  fun testCancelAllCallsInvalidate() {
+    val requests = 3
+    val calls = arrayOfNulls<Call>(requests)
+    for (idx in 0 until requests) {
+      calls[idx] = mock(Call::class.java)
+    }
+
+    whenever(httpClient.newCall(anyOrNull(Request::class.java))).thenAnswer { invocation ->
+      val request = invocation.arguments[0] as Request
+      calls[(request.tag() as Int?)!! - 1]
+    }
+    networkingModule.initialize()
+
+    for (idx in 0 until requests) {
+      networkingModule.sendRequest(
+          "GET",
+          "http://somedomain/foo",
+          (idx + 1).toDouble(),
+          JavaOnlyArray.of(),
+          null,
+          "text", /* responseType */
+          true, /* useIncrementalUpdates*/
+          0.0, /* timeout */
+          false /* withCredentials */)
+    }
+
+    verify(httpClient, times(3)).newCall(anyOrNull(Request::class.java))
+
+    networkingModule.invalidate()
+    // TODO This should be migrated to okHttpCallUtil.verify();
+    //  PowerMockito.verifyStatic(OkHttpCallUtil.class, times(3));
+    val clientArguments = ArgumentCaptor.forClass(OkHttpClient::class.java)
+    val requestIdArguments = ArgumentCaptor.forClass(Int::class.java)
+
+    OkHttpCallUtil.cancelTag(capture(clientArguments), capture(requestIdArguments))
+
+    assertThat(requestIdArguments.allValues.size).isEqualTo(requests)
+    for (idx in 0 until requests) {
+      assertThat(requestIdArguments.allValues.contains(idx + 1)).isTrue
+    }
+  }
+
+  @Test
+  @Ignore("TODO: Fix me (T171890419)")
+  fun testCancelSomeCallsInvalidate() {
+    val requests = 3
+    val calls = arrayOfNulls<Call>(requests)
+    for (idx in 0 until requests) {
+      calls[idx] = mock(Call::class.java)
+    }
+    whenever(httpClient.newCall(anyOrNull(Request::class.java))).thenAnswer { invocation ->
+      val request = invocation.arguments[0] as Request
+      calls[(request.tag() as Int?)!! - 1]
+    }
+
+    for (idx in 0 until requests) {
+      networkingModule.sendRequest(
+          "GET",
+          "http://somedomain/foo",
+          (idx + 1).toDouble(),
+          JavaOnlyArray.of(),
+          null,
+          "text", /* responseType */
+          true, /* useIncrementalUpdates*/
+          0.0, /* timeout */
+          false /* withCredentials */)
+    }
+    verify(httpClient, times(3)).newCall(anyOrNull(Request::class.java))
+
+    networkingModule.abortRequest(requests.toDouble())
+    // TODO This should be migrated to okHttpCallUtil.verify();
+    //  PowerMockito.verifyStatic(OkHttpCallUtil.class, times(1));
+    var clientArguments = ArgumentCaptor.forClass(OkHttpClient::class.java)
+    var requestIdArguments = ArgumentCaptor.forClass(Int::class.java)
+    OkHttpCallUtil.cancelTag(clientArguments.capture(), requestIdArguments.capture())
+    println(requestIdArguments.allValues)
+    assertThat(requestIdArguments.allValues.size).isEqualTo(1)
+    assertThat(requestIdArguments.allValues[0]).isEqualTo(requests)
+
+    // verifyStatic actually does not clear all calls so far, so we have to check for all of
+    // them.
+    // If `cancelTag` would've been called again for the aborted call, we would have had
+    // `requests + 1` calls.
+    networkingModule.invalidate()
+    // TODO This should be migrated to okHttpCallUtil.verify();
+    //  PowerMockito.verifyStatic(OkHttpCallUtil.class, times(requests));
+    clientArguments = ArgumentCaptor.forClass(OkHttpClient::class.java)
+    requestIdArguments = ArgumentCaptor.forClass(Int::class.java)
+    OkHttpCallUtil.cancelTag(clientArguments.capture(), requestIdArguments.capture())
+    assertThat(requestIdArguments.allValues.size).isEqualTo(requests)
+    for (idx in 0 until requests) {
+      assertThat(requestIdArguments.allValues.contains(idx + 1)).isTrue
+    }
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/BridgelessReactContextTest.java b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/BridgelessReactContextTest.java
deleted file mode 100644
index e5e773c8c2c8e6..00000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/BridgelessReactContextTest.java
+++ /dev/null
@@ -1,71 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.runtime;
-
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.mockito.Mockito.doReturn;
-
-import android.app.Activity;
-import android.content.Context;
-import com.facebook.react.bridge.JSIModuleType;
-import com.facebook.react.uimanager.UIManagerModule;
-import org.junit.Before;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-import org.mockito.ArgumentMatchers;
-import org.mockito.Mockito;
-import org.robolectric.Robolectric;
-import org.robolectric.RobolectricTestRunner;
-
-/** Tests {@link BridgelessReactContext} */
-@RunWith(RobolectricTestRunner.class)
-public class BridgelessReactContextTest {
-
-  private Context mContext;
-  private ReactHostImpl mReactHost;
-  private BridgelessReactContext mBridgelessReactContext;
-
-  @Before
-  public void setUp() {
-    mContext = Robolectric.buildActivity(Activity.class).create().get();
-    mReactHost = Mockito.mock(ReactHostImpl.class);
-    mBridgelessReactContext = new BridgelessReactContext(mContext, mReactHost);
-  }
-
-  @Test
-  public void getNativeModuleTest() {
-    UIManagerModule mUiManagerModule = Mockito.mock(UIManagerModule.class);
-    doReturn(mUiManagerModule)
-        .when(mReactHost)
-        .getNativeModule(ArgumentMatchers.<Class<UIManagerModule>>any());
-
-    UIManagerModule uiManagerModule =
-        mBridgelessReactContext.getNativeModule(UIManagerModule.class);
-
-    assertThat(uiManagerModule).isEqualTo(mUiManagerModule);
-  }
-
-  @Test(expected = UnsupportedOperationException.class)
-  public void getJSIModule_throwsException() {
-    mBridgelessReactContext.getJSIModule(JSIModuleType.TurboModuleManager);
-  }
-
-  // Disable this test for now due to mocking FabricUIManager fails
-  // @Test
-  // public void getJSIModuleTest() {
-  //   FabricUIManager fabricUiManager = Mockito.mock(FabricUIManager.class);
-  //   doReturn(fabricUiManager).when(mReactHost).getUIManager();
-  //   assertThat(mBridgelessReactContext.getJSIModule(JSIModuleType.UIManager))
-  //       .isEqualTo(fabricUiManager);
-  // }
-
-  @Test(expected = UnsupportedOperationException.class)
-  public void getCatalystInstance_throwsException() {
-    mBridgelessReactContext.getCatalystInstance();
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/BridgelessReactContextTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/BridgelessReactContextTest.kt
new file mode 100644
index 00000000000000..d8a8c3b473091d
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/BridgelessReactContextTest.kt
@@ -0,0 +1,63 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.runtime
+
+import android.app.Activity
+import android.content.Context
+import com.facebook.react.fabric.FabricUIManager
+import com.facebook.react.uimanager.UIManagerModule
+import com.facebook.testutils.shadows.ShadowSoLoader
+import org.assertj.core.api.Assertions
+import org.junit.Before
+import org.junit.Test
+import org.junit.runner.RunWith
+import org.mockito.ArgumentMatchers
+import org.mockito.Mockito
+import org.mockito.Mockito.doReturn
+import org.robolectric.Robolectric
+import org.robolectric.RobolectricTestRunner
+import org.robolectric.annotation.Config
+
+/** Tests [BridgelessReactContext] */
+@RunWith(RobolectricTestRunner::class)
+@Config(shadows = [ShadowSoLoader::class])
+class BridgelessReactContextTest {
+  private lateinit var context: Context
+  private lateinit var reactHost: ReactHostImpl
+  private lateinit var bridgelessReactContext: BridgelessReactContext
+
+  @Before
+  fun setUp() {
+    context = Robolectric.buildActivity(Activity::class.java).create().get()
+    reactHost = Mockito.mock(ReactHostImpl::class.java)
+    bridgelessReactContext = BridgelessReactContext(context, reactHost)
+  }
+
+  @Test
+  fun getNativeModuleTest() {
+    val mUiManagerModule = Mockito.mock(UIManagerModule::class.java)
+    doReturn(mUiManagerModule)
+        .`when`(reactHost)
+        .getNativeModule(ArgumentMatchers.any<Class<UIManagerModule>>())
+    val uiManagerModule = bridgelessReactContext.getNativeModule(UIManagerModule::class.java)
+    Assertions.assertThat(uiManagerModule).isEqualTo(mUiManagerModule)
+  }
+
+  @Test
+  fun getFabricUIManagerTest() {
+    val fabricUiManager = Mockito.mock(FabricUIManager::class.java)
+    doReturn(fabricUiManager).`when`(reactHost).uiManager
+    Assertions.assertThat(bridgelessReactContext.getFabricUIManager()).isEqualTo(fabricUiManager)
+  }
+
+  @Test(expected = UnsupportedOperationException::class)
+  fun getCatalystInstance_throwsException() {
+    // Disable this test for now due to mocking FabricUIManager fails
+    bridgelessReactContext.catalystInstance
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactHostDelegateTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactHostDelegateTest.kt
index 33932b8a87bf34..b2b3b17184bff7 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactHostDelegateTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactHostDelegateTest.kt
@@ -12,6 +12,7 @@ import com.facebook.react.bridge.JSBundleLoader
 import com.facebook.react.common.annotations.UnstableReactNativeAPI
 import com.facebook.react.defaults.DefaultReactHostDelegate
 import com.facebook.react.runtime.hermes.HermesInstance
+import com.facebook.testutils.fakes.FakeReactNativeConfig
 import com.facebook.testutils.shadows.ShadowSoLoader
 import org.assertj.core.api.Assertions.assertThat
 import org.junit.Test
@@ -34,14 +35,16 @@ class ReactHostDelegateTest {
     val jsBundleLoader: JSBundleLoader = Mockito.mock(JSBundleLoader::class.java)
     val turboModuleManagerDelegateBuilderMock: ReactPackageTurboModuleManagerDelegate.Builder =
         Mockito.mock(ReactPackageTurboModuleManagerDelegate.Builder::class.java)
-    val hermesInstance: JSEngineInstance = Mockito.mock(HermesInstance::class.java)
+    val hermesInstance: JSRuntimeFactory = Mockito.mock(HermesInstance::class.java)
     val jsMainModulePathMocked = "mockedJSMainModulePath"
+    val reactNativeConfig = FakeReactNativeConfig()
     val delegate =
         DefaultReactHostDelegate(
             jsMainModulePath = jsMainModulePathMocked,
             jsBundleLoader = jsBundleLoader,
-            jsEngineInstance = hermesInstance,
-            turboModuleManagerDelegateBuilder = turboModuleManagerDelegateBuilderMock)
+            jsRuntimeFactory = hermesInstance,
+            turboModuleManagerDelegateBuilder = turboModuleManagerDelegateBuilderMock,
+            reactNativeConfig = reactNativeConfig)
 
     assertThat(delegate.jsMainModulePath).isEqualTo(jsMainModulePathMocked)
   }
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactHostTest.java b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactHostTest.java
deleted file mode 100644
index a72e51adee5f38..00000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactHostTest.java
+++ /dev/null
@@ -1,187 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.runtime;
-
-import static android.os.Looper.getMainLooper;
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.mockito.ArgumentMatchers.any;
-import static org.mockito.Mockito.doNothing;
-import static org.mockito.Mockito.doReturn;
-import static org.mockito.Mockito.mock;
-import static org.mockito.Mockito.verify;
-import static org.mockito.MockitoAnnotations.initMocks;
-import static org.robolectric.Shadows.shadowOf;
-
-import android.app.Activity;
-import com.facebook.react.MemoryPressureRouter;
-import com.facebook.react.bridge.JSBundleLoader;
-import com.facebook.react.bridge.MemoryPressureListener;
-import com.facebook.react.bridge.ReactContext;
-import com.facebook.react.bridge.UIManager;
-import com.facebook.react.common.LifecycleState;
-import com.facebook.react.devsupport.interfaces.PackagerStatusCallback;
-import com.facebook.react.fabric.ComponentFactory;
-import com.facebook.react.interfaces.TaskInterface;
-import com.facebook.react.runtime.internal.bolts.TaskCompletionSource;
-import com.facebook.react.uimanager.events.BlackHoleEventDispatcher;
-import com.facebook.react.uimanager.events.EventDispatcher;
-import com.facebook.testutils.shadows.ShadowSoLoader;
-import java.util.concurrent.TimeUnit;
-import org.junit.Before;
-import org.junit.Ignore;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-import org.robolectric.Robolectric;
-import org.robolectric.RobolectricTestRunner;
-import org.robolectric.android.controller.ActivityController;
-import org.robolectric.annotation.Config;
-import org.robolectric.annotation.LooperMode;
-
-/** Tests {@linkcom.facebook.react.runtime.ReactHostImpl} */
-@Ignore("Ignore for now as these tests fail in OSS only")
-@RunWith(RobolectricTestRunner.class)
-@Config(shadows = ShadowSoLoader.class)
-@LooperMode(LooperMode.Mode.PAUSED)
-public class ReactHostTest {
-
-  private ReactHostDelegate mReactHostDelegate;
-  private ReactInstance mReactInstance;
-  private MemoryPressureRouter mMemoryPressureRouter;
-  private BridgelessDevSupportManager mDevSupportManager;
-  private JSBundleLoader mJSBundleLoader;
-  private ReactHostImpl mReactHost;
-  private ActivityController<Activity> mActivityController;
-  private ComponentFactory mComponentFactory;
-  private BridgelessReactContext mBridgelessReactContext;
-
-  @Before
-  public void setUp() throws Exception {
-    initMocks(this);
-
-    mActivityController = Robolectric.buildActivity(Activity.class).create().start().resume();
-
-    mReactHostDelegate = mock(ReactHostDelegate.class);
-    mReactInstance = mock(ReactInstance.class);
-    mMemoryPressureRouter = mock(MemoryPressureRouter.class);
-    mDevSupportManager = mock(BridgelessDevSupportManager.class);
-    mJSBundleLoader = mock(JSBundleLoader.class);
-    mComponentFactory = mock(ComponentFactory.class);
-    mBridgelessReactContext = mock(BridgelessReactContext.class);
-
-    // TODO This should be replaced with proper mocking once this test is un-ignored
-    //  whenNew(ReactInstance.class).withAnyArguments().thenReturn(mReactInstance);
-    //
-    // whenNew(BridgelessReactContext.class).withAnyArguments().thenReturn(mBridgelessReactContext);
-    //  whenNew(MemoryPressureRouter.class).withAnyArguments().thenReturn(mMemoryPressureRouter);
-    //
-    // whenNew(BridgelessDevSupportManager.class).withAnyArguments().thenReturn(mDevSupportManager);
-
-    doReturn(mJSBundleLoader).when(mReactHostDelegate).getJsBundleLoader();
-
-    mReactHost =
-        new ReactHostImpl(
-            mActivityController.get().getApplication(),
-            mReactHostDelegate,
-            mComponentFactory,
-            false,
-            null,
-            false);
-
-    TaskCompletionSource<Boolean> taskCompletionSource = new TaskCompletionSource<>();
-    taskCompletionSource.setResult(true);
-    // TODO This should be replaced with proper mocking once this test is un-ignored
-    //  whenNew(TaskCompletionSource.class).withAnyArguments().thenReturn(taskCompletionSource);
-  }
-
-  @Test
-  public void getEventDispatcher_returnsBlackHoleEventDispatcher() {
-    EventDispatcher eventDispatcher = mReactHost.getEventDispatcher();
-    assertThat(eventDispatcher).isInstanceOf(BlackHoleEventDispatcher.class);
-  }
-
-  @Test
-  public void getUIManager_returnsNullIfNoInstance() {
-    UIManager uiManager = mReactHost.getUIManager();
-    assertThat(uiManager).isNull();
-  }
-
-  @Test
-  public void testGetDevSupportManager() {
-    assertThat(mReactHost.getDevSupportManager()).isEqualTo(mDevSupportManager);
-  }
-
-  @Test
-  public void testStart() throws Exception {
-    doNothing().when(mDevSupportManager).isPackagerRunning(any(PackagerStatusCallback.class));
-    assertThat(mReactHost.isInstanceInitialized()).isFalse();
-
-    waitForTaskUIThread(mReactHost.start());
-
-    assertThat(mReactHost.isInstanceInitialized()).isTrue();
-    assertThat(mReactHost.getCurrentReactContext()).isNotNull();
-    verify(mMemoryPressureRouter).addMemoryPressureListener((MemoryPressureListener) any());
-  }
-
-  private void startReactHost() throws Exception {
-    waitForTaskUIThread(mReactHost.start());
-  }
-
-  @Test
-  public void testDestroy() throws Exception {
-    startReactHost();
-
-    waitForTaskUIThread(mReactHost.destroy("Destroying from testing infra", null));
-    assertThat(mReactHost.isInstanceInitialized()).isFalse();
-    assertThat(mReactHost.getCurrentReactContext()).isNull();
-  }
-
-  @Test
-  public void testReload() throws Exception {
-    startReactHost();
-
-    ReactContext oldReactContext = mReactHost.getCurrentReactContext();
-    BridgelessReactContext newReactContext = mock(BridgelessReactContext.class);
-    assertThat(newReactContext).isNotEqualTo(oldReactContext);
-    // TODO This should be replaced with proper mocking once this test is un-ignored
-    //  whenNew(BridgelessReactContext.class).withAnyArguments().thenReturn(newReactContext);
-
-    waitForTaskUIThread(mReactHost.reload("Reload from testing infra"));
-
-    assertThat(mReactHost.isInstanceInitialized()).isTrue();
-    assertThat(mReactHost.getCurrentReactContext()).isNotNull();
-    assertThat(mReactHost.getCurrentReactContext()).isEqualTo(newReactContext);
-    assertThat(mReactHost.getCurrentReactContext()).isNotEqualTo(oldReactContext);
-  }
-
-  @Test
-  public void testLifecycleStateChanges() throws Exception {
-    startReactHost();
-
-    assertThat(mReactHost.getLifecycleState()).isEqualTo(LifecycleState.BEFORE_CREATE);
-    mReactHost.onHostResume(mActivityController.get());
-    assertThat(mReactHost.getLifecycleState()).isEqualTo(LifecycleState.RESUMED);
-    mReactHost.onHostPause(mActivityController.get());
-    assertThat(mReactHost.getLifecycleState()).isEqualTo(LifecycleState.BEFORE_RESUME);
-    mReactHost.onHostDestroy(mActivityController.get());
-    assertThat(mReactHost.getLifecycleState()).isEqualTo(LifecycleState.BEFORE_CREATE);
-  }
-
-  private static <T> void waitForTaskUIThread(TaskInterface<T> task) throws InterruptedException {
-    boolean isTaskCompleted = false;
-    while (!isTaskCompleted) {
-      if (!task.waitForCompletion(4, TimeUnit.MILLISECONDS)) {
-        shadowOf(getMainLooper()).idle();
-      } else {
-        if (task.isCancelled() || task.isFaulted()) {
-          throw new RuntimeException("Task was cancelled or faulted. Error: " + task.getError());
-        }
-        isTaskCompleted = true;
-      }
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactHostTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactHostTest.kt
new file mode 100644
index 00000000000000..44825dd09eae8a
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactHostTest.kt
@@ -0,0 +1,203 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.runtime
+
+import android.app.Activity
+import android.os.Looper
+import com.facebook.react.MemoryPressureRouter
+import com.facebook.react.bridge.JSBundleLoader
+import com.facebook.react.bridge.MemoryPressureListener
+import com.facebook.react.bridge.UIManager
+import com.facebook.react.common.LifecycleState
+import com.facebook.react.common.annotations.UnstableReactNativeAPI
+import com.facebook.react.devsupport.DisabledDevSupportManager
+import com.facebook.react.devsupport.interfaces.PackagerStatusCallback
+import com.facebook.react.fabric.ComponentFactory
+import com.facebook.react.interfaces.TaskInterface
+import com.facebook.react.runtime.internal.bolts.TaskCompletionSource
+import com.facebook.react.uimanager.events.BlackHoleEventDispatcher
+import com.facebook.testutils.shadows.ShadowSoLoader
+import java.util.concurrent.TimeUnit
+import org.assertj.core.api.Assertions
+import org.junit.After
+import org.junit.Before
+import org.junit.Ignore
+import org.junit.Test
+import org.junit.runner.RunWith
+import org.mockito.ArgumentMatchers
+import org.mockito.MockedConstruction
+import org.mockito.Mockito
+import org.mockito.Mockito.withSettings
+import org.robolectric.Robolectric
+import org.robolectric.RobolectricTestRunner
+import org.robolectric.Shadows
+import org.robolectric.android.controller.ActivityController
+import org.robolectric.annotation.Config
+import org.robolectric.annotation.LooperMode
+
+/** Tests [ReactHostImpl] */
+@RunWith(RobolectricTestRunner::class)
+@Config(shadows = [ShadowSoLoader::class])
+@LooperMode(LooperMode.Mode.PAUSED)
+@OptIn(UnstableReactNativeAPI::class)
+class ReactHostTest {
+  private lateinit var reactHostDelegate: ReactHostDelegate
+  private lateinit var reactInstance: ReactInstance
+  private lateinit var memoryPressureRouter: MemoryPressureRouter
+  private lateinit var jSBundleLoader: JSBundleLoader
+  private lateinit var reactHost: ReactHostImpl
+  private lateinit var activityController: ActivityController<Activity>
+  private lateinit var componentFactory: ComponentFactory
+  private lateinit var bridgelessReactContext: BridgelessReactContext
+
+  private lateinit var mockedReactInstanceCtor: MockedConstruction<ReactInstance>
+  private lateinit var mockedDevSupportManagerCtor: MockedConstruction<BridgelessDevSupportManager>
+  private lateinit var mockedBridgelessReactContextCtor: MockedConstruction<BridgelessReactContext>
+  private lateinit var mockedMemoryPressureRouterCtor: MockedConstruction<MemoryPressureRouter>
+  private lateinit var mockedTaskCompletionSourceCtor: MockedConstruction<TaskCompletionSource<*>>
+
+  @Before
+  fun setUp() {
+    activityController = Robolectric.buildActivity(Activity::class.java).create().start().resume()
+
+    reactHostDelegate = Mockito.mock(ReactHostDelegate::class.java)
+    reactInstance = Mockito.mock(ReactInstance::class.java)
+    memoryPressureRouter = Mockito.mock(MemoryPressureRouter::class.java)
+    jSBundleLoader = Mockito.mock(JSBundleLoader::class.java)
+    componentFactory = Mockito.mock(ComponentFactory::class.java)
+    bridgelessReactContext = Mockito.mock(BridgelessReactContext::class.java)
+
+    mockedReactInstanceCtor = Mockito.mockConstruction(ReactInstance::class.java)
+    mockedDevSupportManagerCtor = Mockito.mockConstruction(BridgelessDevSupportManager::class.java)
+    mockedBridgelessReactContextCtor = Mockito.mockConstruction(BridgelessReactContext::class.java)
+    mockedMemoryPressureRouterCtor = Mockito.mockConstruction(MemoryPressureRouter::class.java)
+
+    Mockito.doReturn(jSBundleLoader).`when`(reactHostDelegate).jsBundleLoader
+    reactHost =
+        ReactHostImpl(
+            activityController.get().application,
+            reactHostDelegate,
+            componentFactory,
+            false,
+            {},
+            false)
+    val taskCompletionSource = TaskCompletionSource<Boolean>().apply { setResult(true) }
+    mockedTaskCompletionSourceCtor =
+        Mockito.mockConstruction(
+            TaskCompletionSource::class.java, withSettings().useConstructor(taskCompletionSource))
+  }
+
+  @After
+  fun tearDown() {
+    mockedReactInstanceCtor.close()
+    mockedDevSupportManagerCtor.close()
+    mockedBridgelessReactContextCtor.close()
+    mockedMemoryPressureRouterCtor.close()
+    mockedTaskCompletionSourceCtor.close()
+  }
+
+  @Test
+  fun getEventDispatcher_returnsBlackHoleEventDispatcher() {
+    val eventDispatcher = reactHost.eventDispatcher
+    Assertions.assertThat(eventDispatcher).isInstanceOf(BlackHoleEventDispatcher::class.java)
+  }
+
+  @Test
+  fun getUIManager_returnsNullIfNoInstance() {
+    val uiManager: UIManager? = reactHost.uiManager
+    Assertions.assertThat(uiManager).isNull()
+  }
+
+  @Test
+  fun testGetDevSupportManager() {
+    // BridgelessDevSupportManager is created only for debug
+    // we check if it was instantiated or if DisabledDevSupportManager was created (for release).
+    if (mockedDevSupportManagerCtor.constructed().isNotEmpty()) {
+      val devSupportManager = mockedDevSupportManagerCtor.constructed().first()
+      Assertions.assertThat(reactHost.devSupportManager).isEqualTo(devSupportManager)
+    } else {
+      Assertions.assertThat(reactHost.devSupportManager)
+          .isInstanceOf(DisabledDevSupportManager::class.java)
+    }
+  }
+
+  @Test
+  @Ignore("Test is currently failing in OSS and needs to be looked into")
+  fun testStart() {
+    val devSupportManager = mockedDevSupportManagerCtor.constructed().first()
+
+    Mockito.doNothing()
+        .`when`(devSupportManager)
+        .isPackagerRunning(ArgumentMatchers.any(PackagerStatusCallback::class.java))
+    Assertions.assertThat(reactHost.isInstanceInitialized).isFalse()
+    waitForTaskUIThread(reactHost.start())
+    Assertions.assertThat(reactHost.isInstanceInitialized).isTrue()
+    Assertions.assertThat(reactHost.currentReactContext).isNotNull()
+    Mockito.verify(memoryPressureRouter)
+        .addMemoryPressureListener(ArgumentMatchers.any<Any>() as MemoryPressureListener)
+  }
+
+  @Test
+  @Ignore("Test is currently failing in OSS and needs to be looked into")
+  fun testDestroy() {
+    startReactHost()
+    waitForTaskUIThread(reactHost.destroy("Destroying from testing infra", null))
+    Assertions.assertThat(reactHost.isInstanceInitialized).isFalse()
+    Assertions.assertThat(reactHost.currentReactContext).isNull()
+  }
+
+  @Test
+  @Ignore("Test is currently failing in OSS and needs to be looked into")
+  fun testReload() {
+    startReactHost()
+    val oldReactContext = reactHost.currentReactContext
+    val newReactContext = Mockito.mock(BridgelessReactContext::class.java)
+    Assertions.assertThat(newReactContext).isNotEqualTo(oldReactContext)
+    // TODO This should be replaced with proper mocking once this test is un-ignored
+    //  whenNew(BridgelessReactContext.class).withAnyArguments().thenReturn(newReactContext);
+    waitForTaskUIThread(reactHost.reload("Reload from testing infra"))
+    Assertions.assertThat(reactHost.isInstanceInitialized).isTrue()
+    Assertions.assertThat(reactHost.currentReactContext).isNotNull()
+    Assertions.assertThat(reactHost.currentReactContext).isEqualTo(newReactContext)
+    Assertions.assertThat(reactHost.currentReactContext).isNotEqualTo(oldReactContext)
+  }
+
+  @Test
+  @Ignore("Test is currently failing in OSS and needs to be looked into")
+  fun testLifecycleStateChanges() {
+    startReactHost()
+    Assertions.assertThat(reactHost.lifecycleState).isEqualTo(LifecycleState.BEFORE_CREATE)
+    reactHost.onHostResume(activityController.get())
+    Assertions.assertThat(reactHost.lifecycleState).isEqualTo(LifecycleState.RESUMED)
+    reactHost.onHostPause(activityController.get())
+    Assertions.assertThat(reactHost.lifecycleState).isEqualTo(LifecycleState.BEFORE_RESUME)
+    reactHost.onHostDestroy(activityController.get())
+    Assertions.assertThat(reactHost.lifecycleState).isEqualTo(LifecycleState.BEFORE_CREATE)
+  }
+
+  private fun startReactHost() {
+    waitForTaskUIThread(reactHost.start())
+  }
+
+  companion object {
+    @Throws(InterruptedException::class)
+    private fun <T> waitForTaskUIThread(task: TaskInterface<T>) {
+      var isTaskCompleted = false
+      while (!isTaskCompleted) {
+        if (!task.waitForCompletion(4, TimeUnit.MILLISECONDS)) {
+          Shadows.shadowOf(Looper.getMainLooper()).idle()
+        } else {
+          if (task.isCancelled() || task.isFaulted()) {
+            throw RuntimeException("Task was cancelled or faulted. Error: " + task.getError())
+          }
+          isTaskCompleted = true
+        }
+      }
+    }
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactSurfaceTest.java b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactSurfaceTest.java
deleted file mode 100644
index 429e5c0350ee6a..00000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactSurfaceTest.java
+++ /dev/null
@@ -1,253 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.runtime;
-
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.mockito.ArgumentMatchers.any;
-import static org.mockito.Mockito.doAnswer;
-import static org.mockito.Mockito.doReturn;
-import static org.mockito.Mockito.spy;
-import static org.mockito.Mockito.verify;
-import static org.robolectric.shadows.ShadowInstrumentation.getInstrumentation;
-
-import android.app.Activity;
-import android.content.Context;
-import android.view.View;
-import com.facebook.react.bridge.NativeMap;
-import com.facebook.react.interfaces.fabric.SurfaceHandler;
-import com.facebook.react.runtime.internal.bolts.Task;
-import com.facebook.react.uimanager.events.EventDispatcher;
-import java.util.concurrent.Callable;
-import org.junit.Before;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-import org.mockito.Mock;
-import org.mockito.MockitoAnnotations;
-import org.mockito.invocation.InvocationOnMock;
-import org.mockito.stubbing.Answer;
-import org.robolectric.Robolectric;
-import org.robolectric.RobolectricTestRunner;
-
-@RunWith(RobolectricTestRunner.class)
-public class ReactSurfaceTest {
-  @Mock ReactHostDelegate mReactHostDelegate;
-  @Mock EventDispatcher mEventDispatcher;
-
-  private ReactHostImpl mReactHost;
-  private Context mContext;
-  private ReactSurfaceImpl mReactSurface;
-  private TestSurfaceHandler mSurfaceHandler;
-
-  @Before
-  public void setUp() {
-    MockitoAnnotations.initMocks(this);
-
-    mContext = Robolectric.buildActivity(Activity.class).create().get();
-
-    mReactHost = spy(new ReactHostImpl(mContext, mReactHostDelegate, null, false, null, false));
-    doAnswer(mockedStartSurface()).when(mReactHost).startSurface(any(ReactSurfaceImpl.class));
-    doAnswer(mockedStartSurface()).when(mReactHost).prerenderSurface(any(ReactSurfaceImpl.class));
-    doAnswer(mockedStopSurface()).when(mReactHost).stopSurface(any(ReactSurfaceImpl.class));
-    doReturn(mEventDispatcher).when(mReactHost).getEventDispatcher();
-
-    mSurfaceHandler = new TestSurfaceHandler();
-    mReactSurface = new ReactSurfaceImpl(mSurfaceHandler, mContext);
-    mReactSurface.attachView(new ReactSurfaceView(mContext, mReactSurface));
-  }
-
-  @Test
-  public void testAttach() {
-    assertThat(mReactSurface.getReactHost()).isNull();
-    mReactSurface.attach(mReactHost);
-    assertThat(mReactSurface.getReactHost()).isEqualTo(mReactHost);
-    assertThat(mReactSurface.isAttached()).isTrue();
-  }
-
-  @Test(expected = IllegalStateException.class)
-  public void testAttachThrowExeption() {
-    mReactSurface.attach(mReactHost);
-    mReactSurface.attach(mReactHost);
-  }
-
-  @Test
-  public void testPrerender() throws InterruptedException {
-    mReactSurface.attach(mReactHost);
-    Task<Void> task = (Task<Void>) mReactSurface.prerender();
-    task.waitForCompletion();
-
-    verify(mReactHost).prerenderSurface(mReactSurface);
-    assertThat(mSurfaceHandler.isRunning).isTrue();
-  }
-
-  @Test
-  public void testStart() throws InterruptedException {
-    mReactSurface.attach(mReactHost);
-    assertThat(mReactHost.isSurfaceAttached(mReactSurface)).isFalse();
-    Task<Void> task = (Task<Void>) mReactSurface.start();
-    task.waitForCompletion();
-
-    verify(mReactHost).startSurface(mReactSurface);
-    assertThat(mSurfaceHandler.isRunning).isTrue();
-  }
-
-  @Test
-  public void testStop() throws InterruptedException {
-    mReactSurface.attach(mReactHost);
-
-    Task<Void> task = (Task<Void>) mReactSurface.start();
-    task.waitForCompletion();
-
-    task = (Task<Void>) mReactSurface.stop();
-    task.waitForCompletion();
-
-    verify(mReactHost).stopSurface(mReactSurface);
-  }
-
-  @Test
-  public void testClear() {
-    mReactSurface.getView().addView(new View(mContext));
-
-    mReactSurface.clear();
-
-    getInstrumentation().waitForIdleSync();
-
-    assertThat(mReactSurface.getView().getId()).isEqualTo(View.NO_ID);
-    assertThat(mReactSurface.getView().getChildCount()).isEqualTo(0);
-  }
-
-  @Test
-  public void testGetLayoutSpecs() {
-    int measureSpecWidth = Integer.MAX_VALUE;
-    int measureSpecHeight = Integer.MIN_VALUE;
-
-    assertThat(mSurfaceHandler.mWidthMeasureSpec).isNotEqualTo(measureSpecWidth);
-    assertThat(mSurfaceHandler.mHeightMeasureSpec).isNotEqualTo(measureSpecHeight);
-
-    mReactSurface.attach(mReactHost);
-    mReactSurface.updateLayoutSpecs(measureSpecWidth, measureSpecHeight, 2, 3);
-
-    assertThat(mSurfaceHandler.mWidthMeasureSpec).isEqualTo(measureSpecWidth);
-    assertThat(mSurfaceHandler.mHeightMeasureSpec).isEqualTo(measureSpecHeight);
-  }
-
-  @Test
-  public void testGetEventDispatcher() {
-    mReactSurface.attach(mReactHost);
-    assertThat(mReactSurface.getEventDispatcher()).isEqualTo(mEventDispatcher);
-  }
-
-  @Test
-  public void testStartStopHandlerCalls() throws InterruptedException {
-    mReactSurface.attach(mReactHost);
-
-    assertThat(mReactSurface.isRunning()).isFalse();
-
-    Task<Void> task = (Task<Void>) mReactSurface.start();
-    task.waitForCompletion();
-
-    assertThat(mReactSurface.isRunning()).isTrue();
-
-    task = (Task<Void>) mReactSurface.stop();
-    task.waitForCompletion();
-
-    assertThat(mReactSurface.isRunning()).isFalse();
-  }
-
-  private Answer<Task<Void>> mockedStartSurface() {
-    return new Answer<Task<Void>>() {
-      @Override
-      public Task<Void> answer(InvocationOnMock invocation) {
-        return Task.call(
-            new Callable<Void>() {
-              @Override
-              public Void call() {
-                mSurfaceHandler.start();
-                return null;
-              }
-            });
-      }
-    };
-  }
-
-  private Answer<Task<Boolean>> mockedStopSurface() {
-    return new Answer<Task<Boolean>>() {
-      @Override
-      public Task<Boolean> answer(InvocationOnMock invocation) {
-        return Task.call(
-            new Callable<Boolean>() {
-              @Override
-              public Boolean call() {
-                mSurfaceHandler.stop();
-                return true;
-              }
-            });
-      }
-    };
-  }
-
-  static class TestSurfaceHandler implements SurfaceHandler {
-    private boolean isRunning = false;
-    private int mSurfaceId = 0;
-
-    private int mHeightMeasureSpec = 0;
-    private int mWidthMeasureSpec = 0;
-
-    @Override
-    public void start() {
-      isRunning = true;
-    }
-
-    @Override
-    public void stop() {
-      isRunning = false;
-    }
-
-    @Override
-    public int getSurfaceId() {
-      return mSurfaceId;
-    }
-
-    @Override
-    public void setSurfaceId(int surfaceId) {
-      mSurfaceId = surfaceId;
-    }
-
-    @Override
-    public boolean isRunning() {
-      return isRunning;
-    }
-
-    @Override
-    public String getModuleName() {
-      return null;
-    }
-
-    @Override
-    public void setMountable(boolean mountable) {
-      // no-op
-    }
-
-    @Override
-    public void setLayoutConstraints(
-        int widthMeasureSpec,
-        int heightMeasureSpec,
-        int offsetX,
-        int offsetY,
-        boolean doLeftAndRightSwapInRTL,
-        boolean isRTL,
-        float pixelDensity) {
-      mWidthMeasureSpec = widthMeasureSpec;
-      mHeightMeasureSpec = heightMeasureSpec;
-    }
-
-    @Override
-    public void setProps(NativeMap props) {
-      // no-op
-    }
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactSurfaceTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactSurfaceTest.kt
new file mode 100644
index 00000000000000..4d224410203489
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/runtime/ReactSurfaceTest.kt
@@ -0,0 +1,215 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.runtime
+
+import android.app.Activity
+import android.content.Context
+import android.view.View
+import com.facebook.react.bridge.NativeMap
+import com.facebook.react.common.annotations.UnstableReactNativeAPI
+import com.facebook.react.fabric.ComponentFactory
+import com.facebook.react.interfaces.fabric.SurfaceHandler
+import com.facebook.react.runtime.internal.bolts.Task
+import com.facebook.react.uimanager.events.EventDispatcher
+import com.facebook.testutils.shadows.ShadowSoLoader
+import org.assertj.core.api.Assertions
+import org.junit.Before
+import org.junit.Test
+import org.junit.runner.RunWith
+import org.mockito.ArgumentMatchers
+import org.mockito.Mockito
+import org.mockito.Mockito.mock
+import org.mockito.stubbing.Answer
+import org.robolectric.Robolectric
+import org.robolectric.RobolectricTestRunner
+import org.robolectric.annotation.Config
+import org.robolectric.shadows.ShadowInstrumentation
+
+@RunWith(RobolectricTestRunner::class)
+@OptIn(UnstableReactNativeAPI::class)
+@Config(shadows = [ShadowSoLoader::class])
+class ReactSurfaceTest {
+  private lateinit var reactHostDelegate: ReactHostDelegate
+  private lateinit var eventDispatcher: EventDispatcher
+  private lateinit var reactHost: ReactHostImpl
+  private lateinit var context: Context
+  private lateinit var reactSurface: ReactSurfaceImpl
+  private lateinit var surfaceHandler: TestSurfaceHandler
+
+  @Before
+  fun setUp() {
+    reactHostDelegate = mock(ReactHostDelegate::class.java)
+    eventDispatcher = mock(EventDispatcher::class.java)
+    context = Robolectric.buildActivity(Activity::class.java).create().get()
+    val componentFactory = Mockito.mock(ComponentFactory::class.java)
+    reactHost =
+        Mockito.spy(ReactHostImpl(context, reactHostDelegate, componentFactory, false, {}, false))
+    Mockito.doAnswer(mockedStartSurface())
+        .`when`(reactHost)
+        .startSurface(ArgumentMatchers.any(ReactSurfaceImpl::class.java))
+    Mockito.doAnswer(mockedStartSurface())
+        .`when`(reactHost)
+        .prerenderSurface(ArgumentMatchers.any(ReactSurfaceImpl::class.java))
+    Mockito.doAnswer(mockedStopSurface())
+        .`when`(reactHost)
+        .stopSurface(ArgumentMatchers.any(ReactSurfaceImpl::class.java))
+    Mockito.doReturn(eventDispatcher).`when`(reactHost).eventDispatcher
+    surfaceHandler = TestSurfaceHandler()
+    reactSurface = ReactSurfaceImpl(surfaceHandler, context)
+    reactSurface.attachView(ReactSurfaceView(context, reactSurface))
+  }
+
+  @Test
+  fun testAttach() {
+    Assertions.assertThat(reactSurface.reactHost).isNull()
+    reactSurface.attach(reactHost)
+    Assertions.assertThat(reactSurface.reactHost).isEqualTo(reactHost)
+    Assertions.assertThat(reactSurface.isAttached).isTrue()
+  }
+
+  @Test(expected = IllegalStateException::class)
+  fun testAttachThrowException() {
+    reactSurface.attach(reactHost)
+    reactSurface.attach(reactHost)
+  }
+
+  @Test
+  @Throws(InterruptedException::class)
+  fun testPrerender() {
+    reactSurface.attach(reactHost)
+    val task = reactSurface.prerender() as Task<Void>
+    task.waitForCompletion()
+    Mockito.verify(reactHost).prerenderSurface(reactSurface)
+    Assertions.assertThat(surfaceHandler.isRunning).isTrue()
+  }
+
+  @Test
+  @Throws(InterruptedException::class)
+  fun testStart() {
+    reactSurface.attach(reactHost)
+    Assertions.assertThat(reactHost.isSurfaceAttached(reactSurface)).isFalse()
+    val task = reactSurface.start() as Task<Void>
+    task.waitForCompletion()
+    Mockito.verify(reactHost).startSurface(reactSurface)
+    Assertions.assertThat(surfaceHandler.isRunning).isTrue()
+  }
+
+  @Test
+  @Throws(InterruptedException::class)
+  fun testStop() {
+    reactSurface.attach(reactHost)
+    var task = reactSurface.start() as Task<*>
+    task.waitForCompletion()
+    task = reactSurface.stop() as Task<*>
+    task.waitForCompletion()
+    Mockito.verify(reactHost).stopSurface(reactSurface)
+  }
+
+  @Test
+  fun testClear() {
+    reactSurface.view!!.addView(View(context))
+    reactSurface.clear()
+    ShadowInstrumentation.getInstrumentation().waitForIdleSync()
+    Assertions.assertThat(reactSurface.view!!.id).isEqualTo(View.NO_ID)
+    Assertions.assertThat(reactSurface.view!!.childCount).isEqualTo(0)
+  }
+
+  @Test
+  fun testGetLayoutSpecs() {
+    val measureSpecWidth = Int.MAX_VALUE
+    val measureSpecHeight = Int.MIN_VALUE
+    Assertions.assertThat(surfaceHandler.widthMeasureSpec).isNotEqualTo(measureSpecWidth)
+    Assertions.assertThat(surfaceHandler.heightMeasureSpec).isNotEqualTo(measureSpecHeight)
+    reactSurface.attach(reactHost)
+    reactSurface.updateLayoutSpecs(measureSpecWidth, measureSpecHeight, 2, 3)
+    Assertions.assertThat(surfaceHandler.widthMeasureSpec).isEqualTo(measureSpecWidth)
+    Assertions.assertThat(surfaceHandler.heightMeasureSpec).isEqualTo(measureSpecHeight)
+  }
+
+  @Test
+  fun testGetEventDispatcher() {
+    reactSurface.attach(reactHost)
+    Assertions.assertThat(reactSurface.eventDispatcher).isEqualTo(eventDispatcher)
+  }
+
+  @Test
+  @Throws(InterruptedException::class)
+  fun testStartStopHandlerCalls() {
+    reactSurface.attach(reactHost)
+    Assertions.assertThat(reactSurface.isRunning).isFalse()
+    var task = reactSurface.start() as Task<*>
+    task.waitForCompletion()
+    Assertions.assertThat(reactSurface.isRunning).isTrue()
+    task = reactSurface.stop() as Task<*>
+    task.waitForCompletion()
+    Assertions.assertThat(reactSurface.isRunning).isFalse()
+  }
+
+  private fun mockedStartSurface(): Answer<Task<Void>> {
+    return Answer {
+      Task.call {
+        surfaceHandler.start()
+        null
+      }
+    }
+  }
+
+  private fun mockedStopSurface(): Answer<Task<Boolean>> {
+    return Answer {
+      Task.call {
+        surfaceHandler.stop()
+        true
+      }
+    }
+  }
+
+  internal class TestSurfaceHandler : SurfaceHandler {
+    override var isRunning = false
+    override val moduleName: String = "TestSurfaceHandler"
+    override val surfaceId
+      get() = _surfaceId
+
+    private var _surfaceId = 0
+
+    var heightMeasureSpec = 0
+    var widthMeasureSpec = 0
+
+    override fun start() {
+      isRunning = true
+    }
+
+    override fun stop() {
+      isRunning = false
+    }
+
+    override fun setMountable(mountable: Boolean) {
+      // no-op
+    }
+
+    override fun setLayoutConstraints(
+        widthMeasureSpec: Int,
+        heightMeasureSpec: Int,
+        offsetX: Int,
+        offsetY: Int,
+        doLeftAndRightSwapInRTL: Boolean,
+        isRTL: Boolean,
+        pixelDensity: Float
+    ) {
+      this.widthMeasureSpec = widthMeasureSpec
+      this.heightMeasureSpec = heightMeasureSpec
+    }
+
+    override fun setProps(props: NativeMap) {
+      // no-op
+    }
+
+    override fun setSurfaceId(surfaceId: Int) {
+      _surfaceId = surfaceId
+    }
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/LayoutPropertyApplicatorTest.java b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/LayoutPropertyApplicatorTest.java
deleted file mode 100644
index 2de130c9a5cc8e..00000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/LayoutPropertyApplicatorTest.java
+++ /dev/null
@@ -1,462 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.uimanager;
-
-import static junit.framework.Assert.assertEquals;
-import static org.mockito.ArgumentMatchers.any;
-import static org.mockito.ArgumentMatchers.anyFloat;
-import static org.mockito.ArgumentMatchers.anyInt;
-import static org.mockito.ArgumentMatchers.eq;
-import static org.mockito.Mockito.mockStatic;
-import static org.mockito.Mockito.never;
-import static org.mockito.Mockito.reset;
-import static org.mockito.Mockito.spy;
-import static org.mockito.Mockito.verify;
-
-import android.util.DisplayMetrics;
-import com.facebook.react.bridge.JavaOnlyMap;
-import com.facebook.yoga.YogaAlign;
-import com.facebook.yoga.YogaConstants;
-import com.facebook.yoga.YogaFlexDirection;
-import com.facebook.yoga.YogaJustify;
-import com.facebook.yoga.YogaPositionType;
-import org.junit.After;
-import org.junit.Before;
-import org.junit.Ignore;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-import org.mockito.MockedStatic;
-import org.mockito.stubbing.Answer;
-import org.robolectric.RobolectricTestRunner;
-
-@RunWith(RobolectricTestRunner.class)
-@Ignore // TODO T14964130
-public class LayoutPropertyApplicatorTest {
-
-  @Before
-  public void setup() {
-    DisplayMetricsHolder.setWindowDisplayMetrics(new DisplayMetrics());
-    DisplayMetricsHolder.setScreenDisplayMetrics(new DisplayMetrics());
-  }
-
-  @After
-  public void teardown() {
-    DisplayMetricsHolder.setWindowDisplayMetrics(null);
-    DisplayMetricsHolder.setScreenDisplayMetrics(null);
-  }
-
-  public ReactStylesDiffMap buildStyles(Object... keysAndValues) {
-    return new ReactStylesDiffMap(JavaOnlyMap.of(keysAndValues));
-  }
-
-  @Test
-  public void testDimensions() {
-    LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
-    ReactStylesDiffMap map =
-        spy(buildStyles("width", 10.0, "height", 10.0, "left", 10.0, "top", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setStyleWidth(anyFloat());
-    verify(map).getFloat(eq("width"), anyFloat());
-    verify(reactShadowNode).setStyleHeight(anyFloat());
-    verify(map).getFloat(eq("height"), anyFloat());
-    verify(reactShadowNode).setPosition(eq(Spacing.START), anyFloat());
-    verify(map).getFloat(eq("left"), anyFloat());
-    verify(reactShadowNode).setPosition(eq(Spacing.TOP), anyFloat());
-    verify(map).getFloat(eq("top"), anyFloat());
-
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles());
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode, never()).setStyleWidth(anyFloat());
-    verify(map, never()).getFloat(eq("width"), anyFloat());
-    verify(reactShadowNode, never()).setStyleHeight(anyFloat());
-    verify(map, never()).getFloat(eq("height"), anyFloat());
-    verify(reactShadowNode, never()).setPosition(eq(Spacing.START), anyFloat());
-    verify(map, never()).getFloat(eq("left"), anyFloat());
-    verify(reactShadowNode, never()).setPosition(eq(Spacing.TOP), anyFloat());
-    verify(map, never()).getFloat(eq("top"), anyFloat());
-  }
-
-  @Test
-  public void testFlex() {
-    LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
-    ReactStylesDiffMap map = spy(buildStyles("flex", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setFlex(anyFloat());
-    verify(map).getFloat("flex", 0.f);
-
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles());
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode, never()).setFlex(anyFloat());
-    verify(map, never()).getFloat("flex", 0.f);
-  }
-
-  @Test
-  public void testPosition() {
-    LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
-    ReactStylesDiffMap map = spy(buildStyles("position", "absolute", "bottom", 10.0, "right", 5.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setPosition(eq(Spacing.BOTTOM), anyFloat());
-    verify(reactShadowNode).setPosition(eq(Spacing.END), anyFloat());
-    verify(reactShadowNode).setPositionType(any(YogaPositionType.class));
-    verify(map).getFloat("bottom", Float.NaN);
-    verify(map).getFloat("right", Float.NaN);
-
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles());
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode, never()).setPosition(eq(Spacing.BOTTOM), anyFloat());
-    verify(reactShadowNode, never()).setPosition(eq(Spacing.END), anyFloat());
-    verify(reactShadowNode, never()).setPositionType(any(YogaPositionType.class));
-    verify(map, never()).getFloat("bottom", Float.NaN);
-    verify(map, never()).getFloat("right", Float.NaN);
-  }
-
-  @Test
-  public void testMargin() {
-    // margin
-    LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
-    ReactStylesDiffMap map = spy(buildStyles("margin", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setMargin(eq(Spacing.ALL), anyFloat());
-    verify(map).getFloat("margin", YogaConstants.UNDEFINED);
-
-    // marginVertical
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("marginVertical", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setMargin(eq(Spacing.VERTICAL), anyFloat());
-    verify(map).getFloat("marginVertical", YogaConstants.UNDEFINED);
-
-    // marginHorizontal
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("marginHorizontal", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setMargin(eq(Spacing.HORIZONTAL), anyFloat());
-    verify(map).getFloat("marginHorizontal", YogaConstants.UNDEFINED);
-
-    // marginTop
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("marginTop", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setMargin(eq(Spacing.TOP), anyFloat());
-    verify(map).getFloat("marginTop", YogaConstants.UNDEFINED);
-
-    // marginBottom
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("marginBottom", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setMargin(eq(Spacing.BOTTOM), anyFloat());
-    verify(map).getFloat("marginBottom", YogaConstants.UNDEFINED);
-
-    // marginLeft
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("marginLeft", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setMargin(eq(Spacing.START), anyFloat());
-    verify(map).getFloat("marginLeft", YogaConstants.UNDEFINED);
-
-    // marginRight
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("marginRight", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setMargin(eq(Spacing.END), anyFloat());
-    verify(map).getFloat("marginRight", YogaConstants.UNDEFINED);
-
-    // no margin
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles());
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode, never()).setMargin(anyInt(), anyFloat());
-    verify(map, never()).getFloat("margin", YogaConstants.UNDEFINED);
-  }
-
-  @Test
-  public void testPadding() {
-    // padding
-    LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
-    ReactStylesDiffMap map = spy(buildStyles("padding", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setPadding(eq(Spacing.ALL), anyFloat());
-    verify(map).getFloat("padding", YogaConstants.UNDEFINED);
-
-    // paddingVertical
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("paddingVertical", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setPadding(eq(Spacing.VERTICAL), anyFloat());
-    verify(map).getFloat("paddingVertical", YogaConstants.UNDEFINED);
-
-    // paddingHorizontal
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("paddingHorizontal", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setPadding(eq(Spacing.HORIZONTAL), anyFloat());
-    verify(map).getFloat("paddingHorizontal", YogaConstants.UNDEFINED);
-
-    // paddingTop
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("paddingTop", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setPadding(eq(Spacing.TOP), anyFloat());
-    verify(map).getFloat("paddingTop", YogaConstants.UNDEFINED);
-
-    // paddingBottom
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("paddingBottom", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setPadding(eq(Spacing.BOTTOM), anyFloat());
-    verify(map).getFloat("paddingBottom", YogaConstants.UNDEFINED);
-
-    // paddingLeft
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("paddingLeft", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setPadding(eq(Spacing.START), anyFloat());
-    verify(map).getFloat("paddingLeft", YogaConstants.UNDEFINED);
-
-    // paddingRight
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles("paddingRight", 10.0));
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setPadding(eq(Spacing.END), anyFloat());
-    verify(map).getFloat("paddingRight", YogaConstants.UNDEFINED);
-
-    // no padding
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = spy(buildStyles());
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode, never()).setPadding(anyInt(), anyFloat());
-    verify(map, never()).getFloat("padding", YogaConstants.UNDEFINED);
-  }
-
-  @Test
-  public void testEnumerations() {
-    LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
-    ReactStylesDiffMap map =
-        buildStyles(
-            "flexDirection",
-            "column",
-            "alignSelf",
-            "stretch",
-            "alignItems",
-            "center",
-            "justifyContent",
-            "space_between",
-            "position",
-            "relative");
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setFlexDirection(YogaFlexDirection.COLUMN);
-    verify(reactShadowNode).setAlignSelf(YogaAlign.STRETCH);
-    verify(reactShadowNode).setAlignItems(YogaAlign.CENTER);
-    verify(reactShadowNode).setJustifyContent(YogaJustify.SPACE_BETWEEN);
-    verify(reactShadowNode).setPositionType(YogaPositionType.RELATIVE);
-
-    reactShadowNode = spy(new LayoutShadowNode());
-    map = buildStyles();
-    reactShadowNode.updateProperties(map);
-
-    verify(reactShadowNode, never()).setFlexDirection(any(YogaFlexDirection.class));
-    verify(reactShadowNode, never()).setAlignSelf(any(YogaAlign.class));
-    verify(reactShadowNode, never()).setAlignItems(any(YogaAlign.class));
-    verify(reactShadowNode, never()).setJustifyContent(any(YogaJustify.class));
-    verify(reactShadowNode, never()).setPositionType(any(YogaPositionType.class));
-  }
-
-  @Test
-  public void testPropertiesResetToDefault() {
-    DisplayMetrics displayMetrics = new DisplayMetrics();
-    displayMetrics.density = 1.0f;
-    DisplayMetricsHolder.setWindowDisplayMetrics(displayMetrics);
-
-    LayoutShadowNode reactShadowNode = spy(new LayoutShadowNode());
-    ReactStylesDiffMap map =
-        buildStyles(
-            "width",
-            10.0,
-            "height",
-            10.0,
-            "left",
-            10.0,
-            "top",
-            10.0,
-            "flex",
-            1.0,
-            "padding",
-            10.0,
-            "marginLeft",
-            10.0,
-            "borderTopWidth",
-            10.0,
-            "flexDirection",
-            "row",
-            "alignSelf",
-            "stretch",
-            "alignItems",
-            "center",
-            "justifyContent",
-            "space_between",
-            "position",
-            "absolute");
-
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setStyleWidth(10.f);
-    verify(reactShadowNode).setStyleHeight(10.f);
-    verify(reactShadowNode).setPosition(Spacing.START, 10.f);
-    verify(reactShadowNode).setPosition(Spacing.TOP, 10.f);
-    verify(reactShadowNode).setFlex(1.0f);
-    verify(reactShadowNode).setPadding(Spacing.ALL, 10.f);
-    verify(reactShadowNode).setMargin(Spacing.START, 10.f);
-    verify(reactShadowNode).setBorder(Spacing.TOP, 10.f);
-    verify(reactShadowNode).setFlexDirection(YogaFlexDirection.ROW);
-    verify(reactShadowNode).setAlignSelf(YogaAlign.STRETCH);
-    verify(reactShadowNode).setAlignItems(YogaAlign.CENTER);
-    verify(reactShadowNode).setJustifyContent(YogaJustify.SPACE_BETWEEN);
-    verify(reactShadowNode).setPositionType(YogaPositionType.ABSOLUTE);
-
-    map =
-        buildStyles(
-            "width",
-            null,
-            "height",
-            null,
-            "left",
-            null,
-            "top",
-            null,
-            "flex",
-            null,
-            "padding",
-            null,
-            "marginLeft",
-            null,
-            "borderTopWidth",
-            null,
-            "flexDirection",
-            null,
-            "alignSelf",
-            null,
-            "alignItems",
-            null,
-            "justifyContent",
-            null,
-            "position",
-            null);
-
-    reset(reactShadowNode);
-    reactShadowNode.updateProperties(map);
-    verify(reactShadowNode).setStyleWidth(YogaConstants.UNDEFINED);
-    verify(reactShadowNode).setStyleHeight(YogaConstants.UNDEFINED);
-    verify(reactShadowNode).setPosition(Spacing.START, YogaConstants.UNDEFINED);
-    verify(reactShadowNode).setPosition(Spacing.TOP, YogaConstants.UNDEFINED);
-    verify(reactShadowNode).setFlex(0.f);
-    verify(reactShadowNode).setPadding(Spacing.ALL, YogaConstants.UNDEFINED);
-    verify(reactShadowNode).setMargin(Spacing.START, YogaConstants.UNDEFINED);
-    verify(reactShadowNode).setBorder(Spacing.TOP, YogaConstants.UNDEFINED);
-    verify(reactShadowNode).setFlexDirection(YogaFlexDirection.COLUMN);
-    verify(reactShadowNode).setAlignSelf(YogaAlign.AUTO);
-    verify(reactShadowNode).setAlignItems(YogaAlign.STRETCH);
-    verify(reactShadowNode).setJustifyContent(YogaJustify.FLEX_START);
-    verify(reactShadowNode).setPositionType(YogaPositionType.RELATIVE);
-  }
-
-  @Test
-  public void testSettingDefaultStyleValues() {
-    MockedStatic<PixelUtil> pixelUtil = mockStatic(PixelUtil.class);
-    pixelUtil
-        .when(() -> PixelUtil.toPixelFromDIP(anyFloat()))
-        .thenAnswer(
-            (Answer)
-                invocation -> {
-                  Object[] args = invocation.getArguments();
-                  return (Float) args[0];
-                });
-
-    LayoutShadowNode[] nodes = new LayoutShadowNode[7];
-    for (int idx = 0; idx < nodes.length; idx++) {
-      nodes[idx] = new LayoutShadowNode();
-      nodes[idx].setDefaultPadding(Spacing.START, 15);
-      nodes[idx].setDefaultPadding(Spacing.TOP, 25);
-      nodes[idx].setDefaultPadding(Spacing.END, 35);
-      nodes[idx].setDefaultPadding(Spacing.BOTTOM, 45);
-    }
-
-    ReactStylesDiffMap[] mapNodes = new ReactStylesDiffMap[7];
-    mapNodes[0] = buildStyles("paddingLeft", 10.0, "paddingHorizontal", 5.0);
-    mapNodes[1] = buildStyles("padding", 10.0, "paddingTop", 5.0);
-    mapNodes[2] = buildStyles("paddingLeft", 10.0, "paddingVertical", 5.0);
-    mapNodes[3] = buildStyles("paddingBottom", 10.0, "paddingHorizontal", 5.0);
-    mapNodes[4] = buildStyles("padding", null, "paddingTop", 5.0);
-    mapNodes[5] =
-        buildStyles("paddingRight", 10.0, "paddingHorizontal", null, "paddingVertical", 7.0);
-    mapNodes[6] = buildStyles("margin", 5.0);
-
-    for (int idx = 0; idx < nodes.length; idx++) {
-      nodes[idx].updateProperties(mapNodes[idx]);
-    }
-
-    assertEquals(10.0, nodes[0].getPadding(Spacing.START), .0001);
-    assertEquals(25.0, nodes[0].getPadding(Spacing.TOP), .0001);
-    assertEquals(5.0, nodes[0].getPadding(Spacing.END), .0001);
-    assertEquals(45.0, nodes[0].getPadding(Spacing.BOTTOM), .0001);
-
-    assertEquals(10.0, nodes[1].getPadding(Spacing.START), .0001);
-    assertEquals(5.0, nodes[1].getPadding(Spacing.TOP), .0001);
-    assertEquals(10.0, nodes[1].getPadding(Spacing.END), .0001);
-    assertEquals(10.0, nodes[1].getPadding(Spacing.BOTTOM), .0001);
-
-    assertEquals(10.0, nodes[2].getPadding(Spacing.START), .0001);
-    assertEquals(5.0, nodes[2].getPadding(Spacing.TOP), .0001);
-    assertEquals(35.0, nodes[2].getPadding(Spacing.END), .0001);
-    assertEquals(5.0, nodes[2].getPadding(Spacing.BOTTOM), .0001);
-
-    assertEquals(5.0, nodes[3].getPadding(Spacing.START), .0001);
-    assertEquals(25.0, nodes[3].getPadding(Spacing.TOP), .0001);
-    assertEquals(5.0, nodes[3].getPadding(Spacing.END), .0001);
-    assertEquals(10.0, nodes[3].getPadding(Spacing.BOTTOM), .0001);
-
-    assertEquals(15.0, nodes[4].getPadding(Spacing.START), .0001);
-    assertEquals(5.0, nodes[4].getPadding(Spacing.TOP), .0001);
-    assertEquals(35.0, nodes[4].getPadding(Spacing.END), .0001);
-    assertEquals(45.0, nodes[4].getPadding(Spacing.BOTTOM), .0001);
-
-    assertEquals(15.0, nodes[5].getPadding(Spacing.START), .0001);
-    assertEquals(7.0, nodes[5].getPadding(Spacing.TOP), .0001);
-    assertEquals(10.0, nodes[5].getPadding(Spacing.END), .0001);
-    assertEquals(7.0, nodes[5].getPadding(Spacing.BOTTOM), .0001);
-
-    assertEquals(15.0, nodes[6].getPadding(Spacing.START), .0001);
-    assertEquals(25.0, nodes[6].getPadding(Spacing.TOP), .0001);
-    assertEquals(35.0, nodes[6].getPadding(Spacing.END), .0001);
-    assertEquals(45.0, nodes[6].getPadding(Spacing.BOTTOM), .0001);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterSpecTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterSpecTest.kt
index ed01f6fd67f8a4..dbd41441dfce9b 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterSpecTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropAnnotationSetterSpecTest.kt
@@ -29,14 +29,14 @@ class ReactPropAnnotationSetterSpecTest {
     override fun createViewInstance(reactContext: ThemedReactContext): View =
         createViewInstance(reactContext)
 
-    override fun updateExtraData(root: View, extraData: Any) {}
+    override fun updateExtraData(root: View, extraData: Any) = Unit
   }
 
   @Test(expected = RuntimeException::class)
   fun testMethodWithWrongNumberOfParams() {
     object : BaseViewManager() {
           @ReactProp(name = "prop")
-          fun setterWithIncorrectNumberOfArgs(v: View?, value: Boolean, otherValue: Boolean) {}
+          fun setterWithIncorrectNumberOfArgs(v: View?, value: Boolean, otherValue: Boolean) = Unit
         }
         .nativeProps
   }
@@ -44,7 +44,7 @@ class ReactPropAnnotationSetterSpecTest {
   @Test(expected = RuntimeException::class)
   fun testMethodWithTooFewParams() {
     object : BaseViewManager() {
-          @ReactProp(name = "prop") fun setterWithTooFewParams(v: View?) {}
+          @ReactProp(name = "prop") fun setterWithTooFewParams(v: View?) = Unit
         }
         .nativeProps
   }
@@ -52,7 +52,8 @@ class ReactPropAnnotationSetterSpecTest {
   @Test(expected = RuntimeException::class)
   fun testUnsupportedPropValueType() {
     object : BaseViewManager() {
-          @ReactProp(name = "prop") fun setterWithUnsupportedValueType(v: View?, value: Date?) {}
+          @ReactProp(name = "prop")
+          fun setterWithUnsupportedValueType(v: View?, value: Date?) = Unit
         }
         .nativeProps
   }
@@ -60,7 +61,7 @@ class ReactPropAnnotationSetterSpecTest {
   @Test(expected = RuntimeException::class)
   fun testSetterWithNonViewParam() {
     object : BaseViewManager() {
-          @ReactProp(name = "prop") fun setterWithNonViewParam(v: Any?, value: Boolean) {}
+          @ReactProp(name = "prop") fun setterWithNonViewParam(v: Any?, value: Boolean) = Unit
         }
         .nativeProps
   }
@@ -69,7 +70,8 @@ class ReactPropAnnotationSetterSpecTest {
   fun testGroupInvalidNumberOfParams() {
     object : BaseViewManager() {
           @ReactPropGroup(names = ["prop1", "prop2"])
-          fun setterWithInvalidNumberOfParams(v: View?, index: Int, value: Float, other: Float) {}
+          fun setterWithInvalidNumberOfParams(v: View?, index: Int, value: Float, other: Float) =
+              Unit
         }
         .nativeProps
   }
@@ -78,7 +80,7 @@ class ReactPropAnnotationSetterSpecTest {
   fun testGroupTooFewParams() {
     object : BaseViewManager() {
           @ReactPropGroup(names = ["prop1", "prop2"])
-          fun setterWithTooFewParams(v: View?, index: Int) {}
+          fun setterWithTooFewParams(v: View?, index: Int) = Unit
         }
         .nativeProps
   }
@@ -87,7 +89,7 @@ class ReactPropAnnotationSetterSpecTest {
   fun testGroupNoIndexParam() {
     object : BaseViewManager() {
           @ReactPropGroup(names = ["prop1", "prop2"])
-          fun setterWithoutIndexParam(v: View?, value: Float, sth: Float) {}
+          fun setterWithoutIndexParam(v: View?, value: Float, sth: Float) = Unit
         }
         .nativeProps
   }
@@ -96,7 +98,7 @@ class ReactPropAnnotationSetterSpecTest {
   fun testGroupNoViewParam() {
     object : BaseViewManager() {
           @ReactPropGroup(names = ["prop1", "prop2"])
-          fun setterWithoutViewParam(v: Any?, index: Int, value: Float) {}
+          fun setterWithoutViewParam(v: Any?, index: Int, value: Float) = Unit
         }
         .nativeProps
   }
@@ -105,7 +107,7 @@ class ReactPropAnnotationSetterSpecTest {
   fun testGroupUnsupportedPropType() {
     object : BaseViewManager() {
           @ReactPropGroup(names = ["prop1", "prop2"])
-          fun setterWithUnsupportedPropType(v: View?, index: Int, value: Long) {}
+          fun setterWithUnsupportedPropType(v: View?, index: Int, value: Long) = Unit
         }
         .nativeProps
   }
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.kt
index 216cd769f11ba5..61bf145ca5c0a7 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropConstantsTest.kt
@@ -45,40 +45,40 @@ class ReactPropConstantsTest {
       error("This method should not be executed as a part of this test")
     }
 
-    @ReactProp(name = "boolProp") fun setBoolProp(v: View?, value: Boolean) {}
+    @ReactProp(name = "boolProp") fun setBoolProp(v: View?, value: Boolean) = Unit
 
-    @ReactProp(name = "intProp") fun setIntProp(v: View?, value: Int) {}
+    @ReactProp(name = "intProp") fun setIntProp(v: View?, value: Int) = Unit
 
-    @ReactProp(name = "floatProp") fun setFloatProp(v: View?, value: Float) {}
+    @ReactProp(name = "floatProp") fun setFloatProp(v: View?, value: Float) = Unit
 
-    @ReactProp(name = "doubleProp") fun setDoubleProp(v: View?, value: Double) {}
+    @ReactProp(name = "doubleProp") fun setDoubleProp(v: View?, value: Double) = Unit
 
-    @ReactProp(name = "stringProp") fun setStringProp(v: View?, value: String?) {}
+    @ReactProp(name = "stringProp") fun setStringProp(v: View?, value: String?) = Unit
 
-    @ReactProp(name = "boxedBoolProp") fun setBoxedBoolProp(v: View?, value: Boolean?) {}
+    @ReactProp(name = "boxedBoolProp") fun setBoxedBoolProp(v: View?, value: Boolean?) = Unit
 
-    @ReactProp(name = "boxedIntProp") fun setBoxedIntProp(v: View?, value: Int?) {}
+    @ReactProp(name = "boxedIntProp") fun setBoxedIntProp(v: View?, value: Int?) = Unit
 
-    @ReactProp(name = "arrayProp") fun setArrayProp(v: View?, value: ReadableArray?) {}
+    @ReactProp(name = "arrayProp") fun setArrayProp(v: View?, value: ReadableArray?) = Unit
 
-    @ReactProp(name = "mapProp") fun setMapProp(v: View?, value: ReadableMap?) {}
+    @ReactProp(name = "mapProp") fun setMapProp(v: View?, value: ReadableMap?) = Unit
 
     @ReactPropGroup(names = ["floatGroupPropFirst", "floatGroupPropSecond"])
-    fun setFloatGroupProp(v: View?, index: Int, value: Float) {}
+    fun setFloatGroupProp(v: View?, index: Int, value: Float) = Unit
 
     @ReactPropGroup(names = ["intGroupPropFirst", "intGroupPropSecond"])
-    fun setIntGroupProp(v: View?, index: Int, value: Int) {}
+    fun setIntGroupProp(v: View?, index: Int, value: Int) = Unit
 
     @ReactPropGroup(names = ["boxedIntGroupPropFirst", "boxedIntGroupPropSecond"])
-    fun setBoxedIntGroupProp(v: View?, index: Int, value: Int?) {}
+    fun setBoxedIntGroupProp(v: View?, index: Int, value: Int?) = Unit
 
     @ReactProp(name = "customIntProp", customType = "date")
-    fun customIntProp(v: View?, value: Int) {}
+    fun customIntProp(v: View?, value: Int) = Unit
 
     @ReactPropGroup(
         names = ["customBoxedIntGroupPropFirst", "customBoxedIntGroupPropSecond"],
         customType = "color")
-    fun customIntGroupProp(v: View?, index: Int, value: Int?) {}
+    fun customIntGroupProp(v: View?, index: Int, value: Int?) = Unit
   }
 
   @Test
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.java b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.java
deleted file mode 100644
index a6062a221d2a5e..00000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.java
+++ /dev/null
@@ -1,156 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.uimanager;
-
-import static org.mockito.Mockito.mock;
-import static org.mockito.Mockito.reset;
-import static org.mockito.Mockito.verify;
-import static org.mockito.Mockito.verifyNoMoreInteractions;
-
-import androidx.annotation.Nullable;
-import com.facebook.react.bridge.JavaOnlyMap;
-import com.facebook.react.bridge.ReadableArray;
-import com.facebook.react.bridge.ReadableMap;
-import com.facebook.react.uimanager.annotations.ReactProp;
-import com.facebook.react.uimanager.annotations.ReactPropGroup;
-import org.junit.Before;
-import org.junit.Ignore;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-import org.robolectric.RobolectricTestRunner;
-
-/**
- * Test {@link ReactProp} annotation for {@link ReactShadowNode}. More comprehensive test of this
- * annotation can be found in {@link ReactPropAnnotationSetterTest} where we test all possible types
- * of properties to be updated.
- */
-@RunWith(RobolectricTestRunner.class)
-@Ignore // TODO T14964130
-public class ReactPropForShadowNodeSetterTest {
-
-  public interface ViewManagerUpdatesReceiver {
-    void onBooleanSetterCalled(boolean value);
-
-    void onIntSetterCalled(int value);
-
-    void onDoubleSetterCalled(double value);
-
-    void onFloatSetterCalled(float value);
-
-    void onStringSetterCalled(String value);
-
-    void onBoxedBooleanSetterCalled(Boolean value);
-
-    void onBoxedIntSetterCalled(Integer value);
-
-    void onArraySetterCalled(ReadableArray value);
-
-    void onMapSetterCalled(ReadableMap value);
-
-    void onFloatGroupPropSetterCalled(int index, float value);
-
-    void onIntGroupPropSetterCalled(int index, int value);
-
-    void onBoxedIntGroupPropSetterCalled(int index, Integer value);
-  }
-
-  private ReactStylesDiffMap buildStyles(Object... keysAndValues) {
-    return new ReactStylesDiffMap(JavaOnlyMap.of(keysAndValues));
-  }
-
-  private class ShadowViewUnderTest extends ReactShadowNodeImpl {
-
-    private ViewManagerUpdatesReceiver mViewManagerUpdatesReceiver;
-
-    private ShadowViewUnderTest(ViewManagerUpdatesReceiver viewManagerUpdatesReceiver) {
-      mViewManagerUpdatesReceiver = viewManagerUpdatesReceiver;
-    }
-
-    @ReactProp(name = "boolProp")
-    public void setBoolProp(boolean value) {
-      mViewManagerUpdatesReceiver.onBooleanSetterCalled(value);
-    }
-
-    @ReactProp(name = "stringProp")
-    public void setStringProp(@Nullable String value) {
-      mViewManagerUpdatesReceiver.onStringSetterCalled(value);
-    }
-
-    @ReactProp(name = "boxedIntProp")
-    public void setBoxedIntProp(@Nullable Integer value) {
-      mViewManagerUpdatesReceiver.onBoxedIntSetterCalled(value);
-    }
-
-    @ReactPropGroup(
-        names = {
-          "floatGroupPropFirst",
-          "floatGroupPropSecond",
-        })
-    public void setFloatGroupProp(int index, float value) {
-      mViewManagerUpdatesReceiver.onFloatGroupPropSetterCalled(index, value);
-    }
-  }
-
-  private ViewManagerUpdatesReceiver mUpdatesReceiverMock;
-  private ShadowViewUnderTest mShadowView;
-
-  @Before
-  public void setup() {
-    mUpdatesReceiverMock = mock(ViewManagerUpdatesReceiver.class);
-    mShadowView = new ShadowViewUnderTest(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testBooleanSetter() {
-    mShadowView.updateProperties(buildStyles("boolProp", true));
-    verify(mUpdatesReceiverMock).onBooleanSetterCalled(true);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mShadowView.updateProperties(buildStyles("boolProp", false));
-    verify(mUpdatesReceiverMock).onBooleanSetterCalled(false);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mShadowView.updateProperties(buildStyles("boolProp", null));
-    verify(mUpdatesReceiverMock).onBooleanSetterCalled(false);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testStringSetter() {
-    mShadowView.updateProperties(buildStyles("stringProp", "someRandomString"));
-    verify(mUpdatesReceiverMock).onStringSetterCalled("someRandomString");
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mShadowView.updateProperties(buildStyles("stringProp", null));
-    verify(mUpdatesReceiverMock).onStringSetterCalled(null);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-
-  @Test
-  public void testFloatGroupSetter() {
-    mShadowView.updateProperties(buildStyles("floatGroupPropFirst", 11.0));
-    verify(mUpdatesReceiverMock).onFloatGroupPropSetterCalled(0, 11.0f);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mShadowView.updateProperties(buildStyles("floatGroupPropSecond", -111.0));
-    verify(mUpdatesReceiverMock).onFloatGroupPropSetterCalled(1, -111.0f);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-
-    mShadowView.updateProperties(buildStyles("floatGroupPropSecond", null));
-    verify(mUpdatesReceiverMock).onFloatGroupPropSetterCalled(1, 0.0f);
-    verifyNoMoreInteractions(mUpdatesReceiverMock);
-    reset(mUpdatesReceiverMock);
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.kt
new file mode 100644
index 00000000000000..4e53fd209ff576
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSetterTest.kt
@@ -0,0 +1,154 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.react.uimanager
+
+import com.facebook.react.bridge.JavaOnlyMap
+import com.facebook.react.bridge.ReactApplicationContext
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.uimanager.annotations.ReactProp
+import com.facebook.react.uimanager.annotations.ReactPropGroup
+import com.facebook.testutils.shadows.ShadowSoLoader
+import com.facebook.testutils.shadows.ShadowYogaConfigProvider
+import com.facebook.testutils.shadows.ShadowYogaNodeFactory
+import org.junit.Before
+import org.junit.Test
+import org.junit.runner.RunWith
+import org.mockito.Mockito.mock
+import org.mockito.Mockito.reset
+import org.mockito.Mockito.verify
+import org.mockito.Mockito.verifyNoMoreInteractions
+import org.robolectric.RobolectricTestRunner
+import org.robolectric.RuntimeEnvironment
+import org.robolectric.annotation.Config
+
+/** Test [ReactProp] and [ReactPropGroup] annotations for [ReactShadowNode] */
+@RunWith(RobolectricTestRunner::class)
+@Config(
+    shadows =
+        [ShadowYogaConfigProvider::class, ShadowSoLoader::class, ShadowYogaNodeFactory::class])
+class ReactPropForShadowNodeSetterTest {
+  interface ViewManagerUpdatesReceiver {
+    fun onBooleanSetterCalled(value: Boolean)
+
+    fun onIntSetterCalled(value: Int)
+
+    fun onDoubleSetterCalled(value: Double)
+
+    fun onFloatSetterCalled(value: Float)
+
+    fun onStringSetterCalled(value: String?)
+
+    fun onBoxedBooleanSetterCalled(value: Boolean?)
+
+    fun onBoxedIntSetterCalled(value: Int?)
+
+    fun onArraySetterCalled(value: ReadableArray?)
+
+    fun onMapSetterCalled(value: ReadableMap?)
+
+    fun onFloatGroupPropSetterCalled(index: Int, value: Float)
+
+    fun onIntGroupPropSetterCalled(index: Int, value: Int)
+
+    fun onBoxedIntGroupPropSetterCalled(index: Int, value: Int?)
+  }
+
+  private inner class ShadowViewUnderTest(
+      val viewManagerUpdatesReceiver: ViewManagerUpdatesReceiver
+  ) : ReactShadowNodeImpl() {
+
+    init {
+      setViewClassName("ShadowViewUnderTest")
+      val context = ReactApplicationContext(RuntimeEnvironment.getApplication())
+      setThemedContext(ThemedReactContext(context, context, null, -1))
+    }
+
+    @ReactProp(name = "boolProp")
+    fun setBoolProp(value: Boolean) {
+      viewManagerUpdatesReceiver.onBooleanSetterCalled(value)
+    }
+
+    @ReactProp(name = "stringProp")
+    fun setStringProp(value: String?) {
+      viewManagerUpdatesReceiver.onStringSetterCalled(value)
+    }
+
+    @ReactProp(name = "boxedIntProp")
+    fun setBoxedIntProp(value: Int?) {
+      viewManagerUpdatesReceiver.onBoxedIntSetterCalled(value)
+    }
+
+    @ReactPropGroup(names = ["floatGroupPropFirst", "floatGroupPropSecond"])
+    fun setFloatGroupProp(index: Int, value: Float) {
+      viewManagerUpdatesReceiver.onFloatGroupPropSetterCalled(index, value)
+    }
+  }
+
+  private lateinit var shadowView: ShadowViewUnderTest
+  private lateinit var updatesReceiverMock: ViewManagerUpdatesReceiver
+
+  @Before
+  fun setup() {
+    updatesReceiverMock = mock(ViewManagerUpdatesReceiver::class.java)
+    shadowView = ShadowViewUnderTest(updatesReceiverMock)
+  }
+
+  @Test
+  fun testBooleanSetter() {
+    shadowView.updateProperties(buildStyles("boolProp", true))
+    verify(updatesReceiverMock).onBooleanSetterCalled(true)
+    verifyNoMoreInteractions(updatesReceiverMock)
+    reset(updatesReceiverMock)
+
+    shadowView.updateProperties(buildStyles("boolProp", false))
+    verify(updatesReceiverMock).onBooleanSetterCalled(false)
+    verifyNoMoreInteractions(updatesReceiverMock)
+    reset(updatesReceiverMock)
+
+    shadowView.updateProperties(buildStyles("boolProp", null))
+    verify(updatesReceiverMock).onBooleanSetterCalled(false)
+    verifyNoMoreInteractions(updatesReceiverMock)
+    reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testStringSetter() {
+    shadowView.updateProperties(buildStyles("stringProp", "someRandomString"))
+    verify(updatesReceiverMock).onStringSetterCalled("someRandomString")
+    verifyNoMoreInteractions(updatesReceiverMock)
+    reset(updatesReceiverMock)
+
+    shadowView.updateProperties(buildStyles("stringProp", null))
+    verify(updatesReceiverMock).onStringSetterCalled(null)
+    verifyNoMoreInteractions(updatesReceiverMock)
+    reset(updatesReceiverMock)
+  }
+
+  @Test
+  fun testFloatGroupSetter() {
+    shadowView.updateProperties(buildStyles("floatGroupPropFirst", 11.0))
+    verify(updatesReceiverMock).onFloatGroupPropSetterCalled(0, 11.0f)
+    verifyNoMoreInteractions(updatesReceiverMock)
+    reset(updatesReceiverMock)
+
+    shadowView.updateProperties(buildStyles("floatGroupPropSecond", -111.0))
+    verify(updatesReceiverMock).onFloatGroupPropSetterCalled(1, -111.0f)
+    verifyNoMoreInteractions(updatesReceiverMock)
+    reset(updatesReceiverMock)
+
+    shadowView.updateProperties(buildStyles("floatGroupPropSecond", null))
+    verify(updatesReceiverMock).onFloatGroupPropSetterCalled(1, 0.0f)
+    verifyNoMoreInteractions(updatesReceiverMock)
+    reset(updatesReceiverMock)
+  }
+
+  companion object {
+    fun buildStyles(vararg keysAndValues: Any?) = ReactStylesDiffMap(JavaOnlyMap.of(*keysAndValues))
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSpecTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSpecTest.kt
index 74ce703c4dec09..33b81f311c5f02 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSpecTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/ReactPropForShadowNodeSpecTest.kt
@@ -10,17 +10,22 @@ package com.facebook.react.uimanager
 import android.view.View
 import com.facebook.react.uimanager.annotations.ReactProp
 import com.facebook.react.uimanager.annotations.ReactPropGroup
-import org.junit.Ignore
+import com.facebook.testutils.shadows.ShadowSoLoader
+import com.facebook.testutils.shadows.ShadowYogaConfigProvider
+import com.facebook.testutils.shadows.ShadowYogaNodeFactory
 import org.junit.Test
 import org.junit.runner.RunWith
 import org.robolectric.RobolectricTestRunner
+import org.robolectric.annotation.Config
 
 /**
  * Test that verifies that spec of methods annotated with @ReactProp in {@link ReactShadowNode} is
  * correct
  */
 @RunWith(RobolectricTestRunner::class)
-@Ignore
+@Config(
+    shadows =
+        [ShadowYogaConfigProvider::class, ShadowSoLoader::class, ShadowYogaNodeFactory::class])
 class ReactPropForShadowNodeSpecTest {
   @Test(expected = RuntimeException::class)
   fun testMethodWithWrongNumberOfParams() {
@@ -28,7 +33,7 @@ class ReactPropForShadowNodeSpecTest {
             object : ReactShadowNodeImpl() {
                   @Suppress("UNUSED_PARAMETER")
                   @ReactProp(name = "prop")
-                  fun setterWithIncorrectNumberOfArgs(value: Boolean, anotherValue: Int) {}
+                  fun setterWithIncorrectNumberOfArgs(value: Boolean, anotherValue: Int) = Unit
                 }
                 .javaClass)
         .nativeProps
@@ -38,7 +43,7 @@ class ReactPropForShadowNodeSpecTest {
   fun testMethodWithTooFewParams() {
     BaseViewManager(
             object : ReactShadowNodeImpl() {
-                  @ReactProp(name = "prop") fun setterWithNoArgs() {}
+                  @ReactProp(name = "prop") fun setterWithNoArgs() = Unit
                 }
                 .javaClass)
         .nativeProps
@@ -50,7 +55,7 @@ class ReactPropForShadowNodeSpecTest {
             object : ReactShadowNodeImpl() {
                   @Suppress("UNUSED_PARAMETER")
                   @ReactProp(name = "prop")
-                  fun setterWithMap(value: Map<*, *>) {}
+                  fun setterWithMap(value: Map<*, *>) = Unit
                 }
                 .javaClass)
         .nativeProps
@@ -62,7 +67,7 @@ class ReactPropForShadowNodeSpecTest {
             object : ReactShadowNodeImpl() {
                   @Suppress("UNUSED_PARAMETER")
                   @ReactPropGroup(names = ["prop1", "prop2"])
-                  fun setterWithTooManyParams(index: Int, value: Float, boolean: Boolean) {}
+                  fun setterWithTooManyParams(index: Int, value: Float, boolean: Boolean) = Unit
                 }
                 .javaClass)
         .nativeProps
@@ -74,7 +79,7 @@ class ReactPropForShadowNodeSpecTest {
             object : ReactShadowNodeImpl() {
                   @Suppress("UNUSED_PARAMETER")
                   @ReactPropGroup(names = ["props1", "prop2"])
-                  fun setterWithTooFewParams(index: Int) {}
+                  fun setterWithTooFewParams(index: Int) = Unit
                 }
                 .javaClass)
         .nativeProps
@@ -86,7 +91,7 @@ class ReactPropForShadowNodeSpecTest {
             object : ReactShadowNodeImpl() {
                   @Suppress("UNUSED_PARAMETER")
                   @ReactPropGroup(names = ["prop1", "prop2"])
-                  fun setterWithNoIndexParam(value: Float, boolean: Boolean) {}
+                  fun setterWithNoIndexParam(value: Float, boolean: Boolean) = Unit
                 }
                 .javaClass)
         .nativeProps
@@ -105,7 +110,7 @@ class ReactPropForShadowNodeSpecTest {
 
       override fun createViewInstance(reactContext: ThemedReactContext): View = View(null)
 
-      override fun updateExtraData(root: View, extraData: Any?) {}
+      override fun updateExtraData(root: View, extraData: Any?) = Unit
     }
   }
 }
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/SimpleViewPropertyTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/SimpleViewPropertyTest.kt
index 4151dc5926210a..24557e0cd20aa9 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/SimpleViewPropertyTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/SimpleViewPropertyTest.kt
@@ -28,11 +28,13 @@ import org.robolectric.RuntimeEnvironment
 class SimpleViewPropertyTest {
 
   private class ConcreteViewManager : SimpleViewManager<View?>() {
-    @Suppress("UNUSED_PARAMETER") @ReactProp(name = "foo") fun setFoo(view: View, foo: Boolean) {}
+    @Suppress("UNUSED_PARAMETER")
+    @ReactProp(name = "foo")
+    fun setFoo(view: View, foo: Boolean) = Unit
 
     @Suppress("UNUSED_PARAMETER")
     @ReactProp(name = "bar")
-    fun setBar(view: View, bar: ReadableMap?) {}
+    fun setBar(view: View, bar: ReadableMap?) = Unit
 
     override fun createViewInstance(reactContext: ThemedReactContext): View {
       return View(reactContext)
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelperTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelperTest.kt
index c4e004242858cc..2f3e0af7fe335b 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelperTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleConstantsHelperTest.kt
@@ -32,7 +32,7 @@ class UIManagerModuleConstantsHelperTest {
     val onClickMap: Map<String, String> =
         MapBuilder.builder<String, String>().put("onClick", "¯\\_(ツ)_/¯").build()
     UIManagerModuleConstantsHelper.normalizeEventTypes(onClickMap)
-    assertTrue(onClickMap.containsKey("topOnClick"))
+    assertTrue(onClickMap.containsKey("topClick"))
     assertTrue(onClickMap.containsKey("onClick"))
   }
 
@@ -58,8 +58,8 @@ class UIManagerModuleConstantsHelperTest {
                         "bubbled", "onColorChanged", "captured", "onColorChangedCapture")))
             .build()
     UIManagerModuleConstantsHelper.normalizeEventTypes(nestedObjects)
-    assertTrue(nestedObjects.containsKey("topOnColorChanged"))
-    var innerMap = nestedObjects["topOnColorChanged"] as? Map<String, Any?>
+    assertTrue(nestedObjects.containsKey("topColorChanged"))
+    var innerMap = nestedObjects["topColorChanged"] as? Map<String, Any?>
     assertNotNull(innerMap)
     assertTrue(innerMap!!.containsKey("phasedRegistrationNames"))
     var innerInnerMap = innerMap.get("phasedRegistrationNames") as? Map<String, Any?>
@@ -67,7 +67,7 @@ class UIManagerModuleConstantsHelperTest {
     assertEquals("onColorChanged", innerInnerMap!!.get("bubbled"))
     assertEquals("onColorChangedCapture", innerInnerMap.get("captured"))
     assertTrue(nestedObjects.containsKey("onColorChanged"))
-    innerMap = nestedObjects.get("topOnColorChanged") as? Map<String, Any?>
+    innerMap = nestedObjects.get("topColorChanged") as? Map<String, Any?>
     assertNotNull(innerMap)
     assertTrue(innerMap!!.containsKey("phasedRegistrationNames"))
     innerInnerMap = innerMap.get("phasedRegistrationNames") as? Map<String, Any?>
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java
deleted file mode 100644
index 6daa049a499bbc..00000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/uimanager/UIManagerModuleTest.java
+++ /dev/null
@@ -1,657 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.uimanager;
-
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.mockito.ArgumentMatchers.any;
-import static org.mockito.Mockito.doAnswer;
-import static org.mockito.Mockito.mock;
-import static org.mockito.Mockito.mockStatic;
-import static org.mockito.Mockito.when;
-
-import android.graphics.Color;
-import android.view.Choreographer;
-import android.view.View;
-import android.view.ViewGroup;
-import android.widget.TextView;
-import com.facebook.react.ReactRootView;
-import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.CatalystInstance;
-import com.facebook.react.bridge.JavaOnlyArray;
-import com.facebook.react.bridge.JavaOnlyMap;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactTestHelper;
-import com.facebook.react.modules.core.ReactChoreographer;
-import com.facebook.react.views.text.ReactRawTextManager;
-import com.facebook.react.views.text.ReactRawTextShadowNode;
-import com.facebook.react.views.text.ReactTextViewManager;
-import com.facebook.react.views.view.ReactViewGroup;
-import com.facebook.react.views.view.ReactViewManager;
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.List;
-import org.junit.Before;
-import org.junit.Ignore;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-import org.mockito.MockedStatic;
-import org.robolectric.RobolectricTestRunner;
-import org.robolectric.RuntimeEnvironment;
-
-/** Tests for {@link UIManagerModule}. */
-@RunWith(RobolectricTestRunner.class)
-@Ignore // TODO T14964130
-public class UIManagerModuleTest {
-
-  private ReactApplicationContext mReactContext;
-  private CatalystInstance mCatalystInstanceMock;
-  private ArrayList<Choreographer.FrameCallback> mPendingFrameCallbacks;
-
-  private MockedStatic<Arguments> arguments;
-  private MockedStatic<ReactChoreographer> reactCoreographer;
-
-  @Before
-  public void setUp() {
-    arguments = mockStatic(Arguments.class);
-    arguments.when(Arguments::createArray).thenAnswer(invocation -> new JavaOnlyArray());
-    arguments.when(Arguments::createMap).thenAnswer(invocation -> new JavaOnlyMap());
-
-    reactCoreographer = mockStatic(ReactChoreographer.class);
-    ReactChoreographer choreographerMock = mock(ReactChoreographer.class);
-    reactCoreographer
-        .when(ReactChoreographer::getInstance)
-        .thenAnswer(invocation -> choreographerMock);
-
-    mPendingFrameCallbacks = new ArrayList<>();
-    doAnswer(
-            invocation -> {
-              mPendingFrameCallbacks.add(
-                  (Choreographer.FrameCallback) invocation.getArguments()[1]);
-              return null;
-            })
-        .when(choreographerMock)
-        .postFrameCallback(
-            any(ReactChoreographer.CallbackType.class), any(Choreographer.FrameCallback.class));
-
-    mCatalystInstanceMock = ReactTestHelper.createMockCatalystInstance();
-    mReactContext = new ReactApplicationContext(RuntimeEnvironment.getApplication());
-    mReactContext.initializeWithInstance(mCatalystInstanceMock);
-
-    UIManagerModule uiManagerModuleMock = mock(UIManagerModule.class);
-    when(mCatalystInstanceMock.getNativeModule(UIManagerModule.class))
-        .thenReturn(uiManagerModuleMock);
-  }
-
-  @Test
-  public void testCreateSimpleHierarchy() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ViewGroup rootView = createSimpleTextHierarchy(uiManager, "Some text");
-
-    assertThat(rootView.getChildCount()).isEqualTo(1);
-
-    View firstChild = rootView.getChildAt(0);
-    assertThat(firstChild).isInstanceOf(TextView.class);
-    assertThat(((TextView) firstChild).getText().toString()).isEqualTo("Some text");
-  }
-
-  @Test
-  public void testUpdateSimpleHierarchy() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ViewGroup rootView = createSimpleTextHierarchy(uiManager, "Some text");
-    TextView textView = (TextView) rootView.getChildAt(0);
-
-    int rawTextTag = 3;
-    uiManager.updateView(
-        rawTextTag,
-        ReactRawTextManager.REACT_CLASS,
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "New text"));
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertThat(textView.getText().toString()).isEqualTo("New text");
-  }
-
-  @Test
-  public void testHierarchyWithView() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        new ReactRootView(RuntimeEnvironment.getApplication().getApplicationContext());
-    int rootTag = uiManager.addRootView(rootView);
-    int viewTag = rootTag + 1;
-    int subViewTag = viewTag + 1;
-
-    uiManager.createView(
-        viewTag, ReactViewManager.REACT_CLASS, rootTag, JavaOnlyMap.of("collapsable", false));
-    uiManager.createView(
-        subViewTag, ReactViewManager.REACT_CLASS, rootTag, JavaOnlyMap.of("collapsable", false));
-
-    uiManager.manageChildren(
-        viewTag, null, null, JavaOnlyArray.of(subViewTag), JavaOnlyArray.of(0), null);
-
-    uiManager.manageChildren(
-        rootTag, null, null, JavaOnlyArray.of(viewTag), JavaOnlyArray.of(0), null);
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertThat(rootView.getChildCount()).isEqualTo(1);
-
-    ViewGroup child = (ViewGroup) rootView.getChildAt(0);
-    assertThat(child.getChildCount()).isEqualTo(1);
-
-    ViewGroup grandchild = (ViewGroup) child.getChildAt(0);
-    assertThat(grandchild).isInstanceOf(ViewGroup.class);
-    assertThat(grandchild.getChildCount()).isEqualTo(0);
-  }
-
-  @Test
-  public void testMoveViews() {
-    UIManagerModule uiManager = getUIManagerModule();
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    View expectedViewAt0 = hierarchy.nativeRootView.getChildAt(1);
-    View expectedViewAt1 = hierarchy.nativeRootView.getChildAt(2);
-    View expectedViewAt2 = hierarchy.nativeRootView.getChildAt(0);
-    View expectedViewAt3 = hierarchy.nativeRootView.getChildAt(3);
-
-    uiManager.manageChildren(
-        hierarchy.rootView, JavaOnlyArray.of(1, 0, 2), JavaOnlyArray.of(0, 2, 1), null, null, null);
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertChildrenAreExactly(
-        hierarchy.nativeRootView,
-        expectedViewAt0,
-        expectedViewAt1,
-        expectedViewAt2,
-        expectedViewAt3);
-  }
-
-  @Test
-  public void testDeleteViews() {
-    UIManagerModule uiManager = getUIManagerModule();
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    View expectedViewAt0 = hierarchy.nativeRootView.getChildAt(1);
-    View expectedViewAt1 = hierarchy.nativeRootView.getChildAt(2);
-
-    uiManager.manageChildren(hierarchy.rootView, null, null, null, null, JavaOnlyArray.of(0, 3));
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertChildrenAreExactly(hierarchy.nativeRootView, expectedViewAt0, expectedViewAt1);
-  }
-
-  @Test
-  public void testMoveAndDeleteViews() {
-    UIManagerModule uiManager = getUIManagerModule();
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    View expectedViewAt0 = hierarchy.nativeRootView.getChildAt(0);
-    View expectedViewAt1 = hierarchy.nativeRootView.getChildAt(3);
-    View expectedViewAt2 = hierarchy.nativeRootView.getChildAt(2);
-
-    uiManager.manageChildren(
-        hierarchy.rootView,
-        JavaOnlyArray.of(3),
-        JavaOnlyArray.of(1),
-        null,
-        null,
-        JavaOnlyArray.of(1));
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertChildrenAreExactly(
-        hierarchy.nativeRootView, expectedViewAt0, expectedViewAt1, expectedViewAt2);
-  }
-
-  @Test(expected = IllegalViewOperationException.class)
-  public void testMoveAndDeleteRemoveViewsDuplicateRemove() {
-    UIManagerModule uiManager = getUIManagerModule();
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    uiManager.manageChildren(
-        hierarchy.rootView,
-        JavaOnlyArray.of(3),
-        JavaOnlyArray.of(1),
-        null,
-        null,
-        JavaOnlyArray.of(3));
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-  }
-
-  @Test(expected = IllegalViewOperationException.class)
-  public void testDuplicateRemove() {
-    UIManagerModule uiManager = getUIManagerModule();
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    uiManager.manageChildren(hierarchy.rootView, null, null, null, null, JavaOnlyArray.of(3, 3));
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-  }
-
-  @Test
-  public void testMoveAndAddViews() {
-    UIManagerModule uiManager = getUIManagerModule();
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    int textViewTag = 1000;
-    uiManager.createView(
-        textViewTag,
-        ReactTextViewManager.REACT_CLASS,
-        hierarchy.rootView,
-        JavaOnlyMap.of("collapsable", false));
-
-    View expectedViewAt0 = hierarchy.nativeRootView.getChildAt(0);
-    View expectedViewAt1 = hierarchy.nativeRootView.getChildAt(3);
-    View expectedViewAt3 = hierarchy.nativeRootView.getChildAt(1);
-    View expectedViewAt4 = hierarchy.nativeRootView.getChildAt(2);
-
-    uiManager.manageChildren(
-        hierarchy.rootView,
-        JavaOnlyArray.of(1, 2, 3),
-        JavaOnlyArray.of(3, 4, 1),
-        JavaOnlyArray.of(textViewTag),
-        JavaOnlyArray.of(2),
-        null);
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertThat(hierarchy.nativeRootView.getChildCount()).isEqualTo(5);
-    assertThat(hierarchy.nativeRootView.getChildAt(0)).isEqualTo(expectedViewAt0);
-    assertThat(hierarchy.nativeRootView.getChildAt(1)).isEqualTo(expectedViewAt1);
-    assertThat(hierarchy.nativeRootView.getChildAt(3)).isEqualTo(expectedViewAt3);
-    assertThat(hierarchy.nativeRootView.getChildAt(4)).isEqualTo(expectedViewAt4);
-  }
-
-  @Test
-  public void testMoveViewsWithChildren() {
-    UIManagerModule uiManager = getUIManagerModule();
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    View expectedViewAt0 = hierarchy.nativeRootView.getChildAt(0);
-    View expectedViewAt1 = hierarchy.nativeRootView.getChildAt(2);
-    View expectedViewAt2 = hierarchy.nativeRootView.getChildAt(1);
-    View expectedViewAt3 = hierarchy.nativeRootView.getChildAt(3);
-
-    uiManager.manageChildren(
-        hierarchy.rootView, JavaOnlyArray.of(1, 2), JavaOnlyArray.of(2, 1), null, null, null);
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertChildrenAreExactly(
-        hierarchy.nativeRootView,
-        expectedViewAt0,
-        expectedViewAt1,
-        expectedViewAt2,
-        expectedViewAt3);
-    assertThat(((ViewGroup) hierarchy.nativeRootView.getChildAt(2)).getChildCount()).isEqualTo(2);
-  }
-
-  @Test
-  public void testDeleteViewsWithChildren() {
-    UIManagerModule uiManager = getUIManagerModule();
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    View expectedViewAt0 = hierarchy.nativeRootView.getChildAt(0);
-    View expectedViewAt1 = hierarchy.nativeRootView.getChildAt(2);
-    View expectedViewAt2 = hierarchy.nativeRootView.getChildAt(3);
-
-    uiManager.manageChildren(hierarchy.rootView, null, null, null, null, JavaOnlyArray.of(1));
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertChildrenAreExactly(
-        hierarchy.nativeRootView, expectedViewAt0, expectedViewAt1, expectedViewAt2);
-  }
-
-  @Test
-  public void testLayoutAppliedToNodes() throws Exception {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    int newViewTag = 10000;
-    uiManager.createView(
-        newViewTag,
-        ReactViewManager.REACT_CLASS,
-        hierarchy.rootView,
-        JavaOnlyMap.of(
-            "left", 10.0, "top", 20.0, "width", 30.0, "height", 40.0, "collapsable", false));
-
-    uiManager.manageChildren(
-        hierarchy.rootView, null, null, JavaOnlyArray.of(newViewTag), JavaOnlyArray.of(4), null);
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    View newView = hierarchy.nativeRootView.getChildAt(4);
-    assertThat(newView.getLeft()).isEqualTo(10);
-    assertThat(newView.getTop()).isEqualTo(20);
-
-    assertThat(newView.getWidth()).isEqualTo(30);
-    assertThat(newView.getHeight()).isEqualTo(40);
-  }
-
-  /** This is to make sure we execute enqueued operations in the order given by JS. */
-  @Test
-  public void testAddUpdateRemoveInSingleBatch() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    int newViewTag = 10000;
-    uiManager.createView(
-        newViewTag,
-        ReactViewManager.REACT_CLASS,
-        hierarchy.rootView,
-        JavaOnlyMap.of("collapsable", false));
-
-    uiManager.manageChildren(
-        hierarchy.rootView, null, null, JavaOnlyArray.of(newViewTag), JavaOnlyArray.of(4), null);
-
-    uiManager.updateView(
-        newViewTag, ReactViewManager.REACT_CLASS, JavaOnlyMap.of("backgroundColor", Color.RED));
-
-    uiManager.manageChildren(hierarchy.rootView, null, null, null, null, JavaOnlyArray.of(4));
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertThat(hierarchy.nativeRootView.getChildCount()).isEqualTo(4);
-  }
-
-  @Test
-  public void testTagsAssignment() {
-    UIManagerModule uiManager = getUIManagerModule();
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    View view0 = hierarchy.nativeRootView.getChildAt(0);
-    assertThat(view0.getId()).isEqualTo(hierarchy.view0);
-
-    View viewWithChildren1 = hierarchy.nativeRootView.getChildAt(1);
-    assertThat(viewWithChildren1.getId()).isEqualTo(hierarchy.viewWithChildren1);
-
-    View childView0 = ((ViewGroup) viewWithChildren1).getChildAt(0);
-    assertThat(childView0.getId()).isEqualTo(hierarchy.childView0);
-
-    View childView1 = ((ViewGroup) viewWithChildren1).getChildAt(1);
-    assertThat(childView1.getId()).isEqualTo(hierarchy.childView1);
-
-    View view2 = hierarchy.nativeRootView.getChildAt(2);
-    assertThat(view2.getId()).isEqualTo(hierarchy.view2);
-
-    View view3 = hierarchy.nativeRootView.getChildAt(3);
-    assertThat(view3.getId()).isEqualTo(hierarchy.view3);
-  }
-
-  @Test
-  public void testLayoutPropertyUpdatingOnlyOnLayoutChange() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    // Update layout to some values, this way we can verify it hasn't been updated, because the
-    // update process would normally reset it back to some non-negative value
-    View view0 = hierarchy.nativeRootView.getChildAt(0);
-    view0.layout(1, 2, 3, 4);
-
-    // verify that X get updated when we update layout properties
-    uiManager.updateView(
-        hierarchy.view0,
-        ReactViewManager.REACT_CLASS,
-        JavaOnlyMap.of("left", 10.0, "top", 20.0, "width", 30.0, "height", 40.0));
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-    assertThat(view0.getLeft()).isGreaterThan(2);
-
-    // verify that the layout doesn't get updated when we update style property not affecting the
-    // position (e.g., background-color)
-    view0.layout(1, 2, 3, 4);
-    uiManager.updateView(
-        hierarchy.view0,
-        ReactViewManager.REACT_CLASS,
-        JavaOnlyMap.of("backgroundColor", Color.RED));
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-    assertThat(view0.getLeft()).isEqualTo(1);
-  }
-
-  /**
-   * Makes sure replaceExistingNonRootView by replacing a view with a new view that has a background
-   * color set.
-   */
-  @Test
-  public void testReplaceExistingNonRootView() {
-    UIManagerModule uiManager = getUIManagerModule();
-    TestMoveDeleteHierarchy hierarchy = createMoveDeleteHierarchy(uiManager);
-
-    int newViewTag = 1234;
-    uiManager.createView(
-        newViewTag,
-        ReactViewManager.REACT_CLASS,
-        hierarchy.rootView,
-        JavaOnlyMap.of("backgroundColor", Color.RED));
-
-    uiManager.replaceExistingNonRootView(hierarchy.view2, newViewTag);
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertThat(hierarchy.nativeRootView.getChildCount()).isEqualTo(4);
-    assertThat(hierarchy.nativeRootView.getChildAt(2)).isInstanceOf(ReactViewGroup.class);
-    ReactViewGroup view = (ReactViewGroup) hierarchy.nativeRootView.getChildAt(2);
-    assertThat(view.getBackgroundColor()).isEqualTo(Color.RED);
-  }
-
-  /**
-   * Verifies removeSubviewsFromContainerWithID works by adding subviews, removing them, and
-   * checking that the final number of children is correct.
-   */
-  @Test
-  public void testRemoveSubviewsFromContainerWithID() {
-    UIManagerModule uiManager = getUIManagerModule();
-    ReactRootView rootView =
-        new ReactRootView(RuntimeEnvironment.getApplication().getApplicationContext());
-    int rootTag = uiManager.addRootView(rootView);
-
-    final int containerTag = rootTag + 1;
-    final int containerSiblingTag = containerTag + 1;
-
-    uiManager.createView(
-        containerTag, ReactViewManager.REACT_CLASS, rootTag, JavaOnlyMap.of("collapsable", false));
-    uiManager.createView(
-        containerSiblingTag,
-        ReactViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
-    addChild(uiManager, rootTag, containerTag, 0);
-    addChild(uiManager, rootTag, containerSiblingTag, 1);
-
-    uiManager.createView(
-        containerTag + 2,
-        ReactTextViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
-    uiManager.createView(
-        containerTag + 3,
-        ReactTextViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
-    addChild(uiManager, containerTag, containerTag + 2, 0);
-    addChild(uiManager, containerTag, containerTag + 3, 1);
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertThat(rootView.getChildCount()).isEqualTo(2);
-    assertThat(((ViewGroup) rootView.getChildAt(0)).getChildCount()).isEqualTo(2);
-
-    uiManager.removeSubviewsFromContainerWithID(containerTag);
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    assertThat(rootView.getChildCount()).isEqualTo(2);
-    assertThat(((ViewGroup) rootView.getChildAt(0)).getChildCount()).isEqualTo(0);
-  }
-
-  /**
-   * Assuming no other views have been created, the root view will have tag 1, Text tag 2, and
-   * RawText tag 3.
-   */
-  private ViewGroup createSimpleTextHierarchy(UIManagerModule uiManager, String text) {
-    ReactRootView rootView =
-        new ReactRootView(RuntimeEnvironment.getApplication().getApplicationContext());
-    int rootTag = uiManager.addRootView(rootView);
-    int textTag = rootTag + 1;
-    int rawTextTag = textTag + 1;
-
-    uiManager.createView(
-        textTag, ReactTextViewManager.REACT_CLASS, rootTag, JavaOnlyMap.of("collapsable", false));
-    uiManager.createView(
-        rawTextTag,
-        ReactRawTextManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, text, "collapsable", false));
-
-    uiManager.manageChildren(
-        textTag, null, null, JavaOnlyArray.of(rawTextTag), JavaOnlyArray.of(0), null);
-
-    uiManager.manageChildren(
-        rootTag, null, null, JavaOnlyArray.of(textTag), JavaOnlyArray.of(0), null);
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    return rootView;
-  }
-
-  private TestMoveDeleteHierarchy createMoveDeleteHierarchy(UIManagerModule uiManager) {
-    ReactRootView rootView = new ReactRootView(mReactContext);
-    int rootTag = uiManager.addRootView(rootView);
-
-    TestMoveDeleteHierarchy hierarchy = new TestMoveDeleteHierarchy(rootView, rootTag);
-
-    uiManager.createView(
-        hierarchy.view0,
-        ReactViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
-    uiManager.createView(
-        hierarchy.viewWithChildren1,
-        ReactViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
-    uiManager.createView(
-        hierarchy.view2,
-        ReactViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
-    uiManager.createView(
-        hierarchy.view3,
-        ReactViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
-    uiManager.createView(
-        hierarchy.childView0,
-        ReactViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
-    uiManager.createView(
-        hierarchy.childView1,
-        ReactViewManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of("collapsable", false));
-
-    addChild(uiManager, rootTag, hierarchy.view0, 0);
-    addChild(uiManager, rootTag, hierarchy.viewWithChildren1, 1);
-    addChild(uiManager, rootTag, hierarchy.view2, 2);
-    addChild(uiManager, rootTag, hierarchy.view3, 3);
-
-    addChild(uiManager, hierarchy.viewWithChildren1, hierarchy.childView0, 0);
-    addChild(uiManager, hierarchy.viewWithChildren1, hierarchy.childView1, 1);
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-
-    return hierarchy;
-  }
-
-  private void addChild(UIManagerModule uiManager, int parentTag, int childTag, int index) {
-    uiManager.manageChildren(
-        parentTag, null, null, JavaOnlyArray.of(childTag), JavaOnlyArray.of(index), null);
-  }
-
-  private void assertChildrenAreExactly(ViewGroup parent, View... views) {
-    assertThat(parent.getChildCount()).isEqualTo(views.length);
-    for (int i = 0; i < views.length; i++) {
-      assertThat(parent.getChildAt(i)).describedAs("View at " + i).isEqualTo(views[i]);
-    }
-  }
-
-  /**
-   * Holder for the tags that represent that represent views in the following hierarchy: - View
-   * rootView - View view0 - View viewWithChildren1 - View childView0 - View childView1 - View view2
-   * - View view3
-   *
-   * <p>This hierarchy is used to test move/delete functionality in manageChildren.
-   */
-  private static class TestMoveDeleteHierarchy {
-
-    public ReactRootView nativeRootView;
-    public int rootView;
-    public int view0;
-    public int viewWithChildren1;
-    public int view2;
-    public int view3;
-    public int childView0;
-    public int childView1;
-
-    public TestMoveDeleteHierarchy(ReactRootView nativeRootView, int rootViewTag) {
-      this.nativeRootView = nativeRootView;
-      rootView = rootViewTag;
-      view0 = rootView + 1;
-      viewWithChildren1 = rootView + 2;
-      view2 = rootView + 3;
-      view3 = rootView + 4;
-      childView0 = rootView + 5;
-      childView1 = rootView + 6;
-    }
-  }
-
-  private void executePendingFrameCallbacks() {
-    ArrayList<Choreographer.FrameCallback> callbacks = new ArrayList<>(mPendingFrameCallbacks);
-    mPendingFrameCallbacks.clear();
-    for (Choreographer.FrameCallback frameCallback : callbacks) {
-      frameCallback.doFrame(0);
-    }
-  }
-
-  private UIManagerModule getUIManagerModule() {
-    List<ViewManager> viewManagers =
-        Arrays.<ViewManager>asList(
-            new ReactViewManager(), new ReactTextViewManager(), new ReactRawTextManager());
-    UIManagerModule uiManagerModule = new UIManagerModule(mReactContext, viewManagers, 0);
-    uiManagerModule.onHostResume();
-    return uiManagerModule;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/text/CustomLineHeightSpanTest.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/text/CustomLineHeightSpanTest.kt
index aea7de47db71d8..f55c90af78de44 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/text/CustomLineHeightSpanTest.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/text/CustomLineHeightSpanTest.kt
@@ -8,6 +8,7 @@
 package com.facebook.react.views.text
 
 import android.graphics.Paint
+import com.facebook.react.views.text.internal.span.CustomLineHeightSpan
 import org.assertj.core.api.Assertions.assertThat
 import org.junit.Test
 import org.junit.runner.RunWith
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java
deleted file mode 100644
index 577a2dc6c9096d..00000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/text/ReactTextTest.java
+++ /dev/null
@@ -1,505 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.views.text;
-
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.mockito.ArgumentMatchers.any;
-import static org.mockito.Mockito.doAnswer;
-import static org.mockito.Mockito.mock;
-import static org.mockito.Mockito.mockStatic;
-
-import android.annotation.TargetApi;
-import android.graphics.Color;
-import android.graphics.Typeface;
-import android.graphics.drawable.Drawable;
-import android.os.Build;
-import android.text.Layout;
-import android.text.Spanned;
-import android.text.TextUtils;
-import android.text.style.AbsoluteSizeSpan;
-import android.text.style.StrikethroughSpan;
-import android.text.style.UnderlineSpan;
-import android.view.Choreographer;
-import android.widget.TextView;
-import com.facebook.react.ReactRootView;
-import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.JavaOnlyArray;
-import com.facebook.react.bridge.JavaOnlyMap;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactTestHelper;
-import com.facebook.react.modules.core.ReactChoreographer;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.uimanager.ViewProps;
-import com.facebook.react.views.view.ReactViewBackgroundDrawable;
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.List;
-import org.junit.Before;
-import org.junit.Ignore;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-import org.mockito.MockedStatic;
-import org.mockito.invocation.InvocationOnMock;
-import org.mockito.stubbing.Answer;
-import org.robolectric.RobolectricTestRunner;
-import org.robolectric.RuntimeEnvironment;
-
-/** Tests for {@link UIManagerModule} specifically for React Text/RawText. */
-@RunWith(RobolectricTestRunner.class)
-@Ignore // TODO T110934492
-public class ReactTextTest {
-
-  private MockedStatic<Arguments> arguments;
-  private MockedStatic<ReactChoreographer> reactCoreographer;
-  private ArrayList<Choreographer.FrameCallback> mPendingFrameCallbacks;
-
-  @Before
-  public void setUp() {
-    ReactChoreographer uiDriverMock = mock(ReactChoreographer.class);
-    arguments = mockStatic(Arguments.class);
-    arguments.when(Arguments::createMap).thenAnswer(invocation -> new JavaOnlyMap());
-
-    reactCoreographer = mockStatic(ReactChoreographer.class);
-    reactCoreographer.when(ReactChoreographer::getInstance).thenAnswer(invocation -> uiDriverMock);
-
-    mPendingFrameCallbacks = new ArrayList<>();
-    doAnswer(
-            new Answer() {
-              @Override
-              public Object answer(InvocationOnMock invocation) throws Throwable {
-                mPendingFrameCallbacks.add(
-                    (Choreographer.FrameCallback) invocation.getArguments()[1]);
-                return null;
-              }
-            })
-        .when(uiDriverMock)
-        .postFrameCallback(
-            any(ReactChoreographer.CallbackType.class), any(Choreographer.FrameCallback.class));
-  }
-
-  @Test
-  public void testFontSizeApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.FONT_SIZE, 21.0),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    AbsoluteSizeSpan sizeSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), AbsoluteSizeSpan.class);
-    assertThat(sizeSpan.getSize()).isEqualTo(21);
-  }
-
-  @Test
-  public void testBoldFontApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.FONT_WEIGHT, "bold"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    CustomStyleSpan customStyleSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), CustomStyleSpan.class);
-    assertThat(customStyleSpan.getWeight() & Typeface.BOLD).isNotZero();
-    assertThat(customStyleSpan.getStyle() & Typeface.ITALIC).isZero();
-  }
-
-  @Test
-  public void testNumericBoldFontApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.FONT_WEIGHT, "500"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    CustomStyleSpan customStyleSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), CustomStyleSpan.class);
-    assertThat(customStyleSpan.getWeight() & Typeface.BOLD).isNotZero();
-    assertThat(customStyleSpan.getStyle() & Typeface.ITALIC).isZero();
-  }
-
-  @Test
-  public void testItalicFontApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.FONT_STYLE, "italic"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    CustomStyleSpan customStyleSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), CustomStyleSpan.class);
-    assertThat(customStyleSpan.getStyle() & Typeface.ITALIC).isNotZero();
-    assertThat(customStyleSpan.getWeight() & Typeface.BOLD).isZero();
-  }
-
-  @Test
-  public void testBoldItalicFontApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.FONT_WEIGHT, "bold", ViewProps.FONT_STYLE, "italic"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    CustomStyleSpan customStyleSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), CustomStyleSpan.class);
-    assertThat(customStyleSpan.getStyle() & Typeface.ITALIC).isNotZero();
-    assertThat(customStyleSpan.getWeight() & Typeface.BOLD).isNotZero();
-  }
-
-  @Test
-  public void testNormalFontWeightApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.FONT_WEIGHT, "normal"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    CustomStyleSpan customStyleSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), CustomStyleSpan.class);
-    assertThat(customStyleSpan.getWeight() & Typeface.BOLD).isZero();
-  }
-
-  @Test
-  public void testNumericNormalFontWeightApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.FONT_WEIGHT, "200"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    CustomStyleSpan customStyleSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), CustomStyleSpan.class);
-    assertThat(customStyleSpan.getWeight() & Typeface.BOLD).isZero();
-  }
-
-  @Test
-  public void testNormalFontStyleApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.FONT_STYLE, "normal"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    CustomStyleSpan customStyleSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), CustomStyleSpan.class);
-    assertThat(customStyleSpan.getStyle() & Typeface.ITALIC).isZero();
-  }
-
-  @Test
-  public void testFontFamilyStyleApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.FONT_FAMILY, "sans-serif"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    CustomStyleSpan customStyleSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), CustomStyleSpan.class);
-    assertThat(customStyleSpan.getFontFamily()).isEqualTo("sans-serif");
-    assertThat(customStyleSpan.getStyle() & Typeface.ITALIC).isZero();
-    assertThat(customStyleSpan.getWeight() & Typeface.BOLD).isZero();
-  }
-
-  @Test
-  public void testFontFamilyBoldStyleApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.FONT_FAMILY, "sans-serif", ViewProps.FONT_WEIGHT, "bold"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    CustomStyleSpan customStyleSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), CustomStyleSpan.class);
-    assertThat(customStyleSpan.getFontFamily()).isEqualTo("sans-serif");
-    assertThat(customStyleSpan.getStyle() & Typeface.ITALIC).isZero();
-    assertThat(customStyleSpan.getWeight() & Typeface.BOLD).isNotZero();
-  }
-
-  @Test
-  public void testFontFamilyItalicStyleApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.FONT_FAMILY, "sans-serif", ViewProps.FONT_STYLE, "italic"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    CustomStyleSpan customStyleSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), CustomStyleSpan.class);
-    assertThat(customStyleSpan.getFontFamily()).isEqualTo("sans-serif");
-    assertThat(customStyleSpan.getStyle() & Typeface.ITALIC).isNotZero();
-    assertThat(customStyleSpan.getWeight() & Typeface.BOLD).isZero();
-  }
-
-  @Test
-  public void testFontFamilyBoldItalicStyleApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(
-                ViewProps.FONT_FAMILY, "sans-serif",
-                ViewProps.FONT_WEIGHT, "500",
-                ViewProps.FONT_STYLE, "italic"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    CustomStyleSpan customStyleSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), CustomStyleSpan.class);
-    assertThat(customStyleSpan.getFontFamily()).isEqualTo("sans-serif");
-    assertThat(customStyleSpan.getStyle() & Typeface.ITALIC).isNotZero();
-    assertThat(customStyleSpan.getWeight() & Typeface.BOLD).isNotZero();
-  }
-
-  @Test
-  public void testTextDecorationLineUnderlineApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.TEXT_DECORATION_LINE, "underline"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    TextView textView = (TextView) rootView.getChildAt(0);
-    Spanned text = (Spanned) textView.getText();
-    UnderlineSpan underlineSpan = getSingleSpan(textView, UnderlineSpan.class);
-    StrikethroughSpan[] strikeThroughSpans =
-        text.getSpans(0, text.length(), StrikethroughSpan.class);
-    assertThat(underlineSpan instanceof UnderlineSpan).isTrue();
-    assertThat(strikeThroughSpans).hasSize(0);
-  }
-
-  @Test
-  public void testTextDecorationLineLineThroughApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.TEXT_DECORATION_LINE, "line-through"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    TextView textView = (TextView) rootView.getChildAt(0);
-    Spanned text = (Spanned) textView.getText();
-    UnderlineSpan[] underlineSpans = text.getSpans(0, text.length(), UnderlineSpan.class);
-    StrikethroughSpan strikeThroughSpan = getSingleSpan(textView, StrikethroughSpan.class);
-    assertThat(underlineSpans).hasSize(0);
-    assertThat(strikeThroughSpan instanceof StrikethroughSpan).isTrue();
-  }
-
-  @Test
-  public void testTextDecorationLineUnderlineLineThroughApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.TEXT_DECORATION_LINE, "underline line-through"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    UnderlineSpan underlineSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), UnderlineSpan.class);
-    StrikethroughSpan strikeThroughSpan =
-        getSingleSpan((TextView) rootView.getChildAt(0), StrikethroughSpan.class);
-    assertThat(underlineSpan instanceof UnderlineSpan).isTrue();
-    assertThat(strikeThroughSpan instanceof StrikethroughSpan).isTrue();
-  }
-
-  @Test
-  public void testBackgroundColorStyleApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.BACKGROUND_COLOR, Color.BLUE),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    Drawable backgroundDrawable = ((TextView) rootView.getChildAt(0)).getBackground();
-    assertThat(((ReactViewBackgroundDrawable) backgroundDrawable).getColor()).isEqualTo(Color.BLUE);
-  }
-
-  @Test
-  public void testTextTransformNoneApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    String testTextEntered =
-        ".aa\tbb\t\tcc  dd EE \r\nZZ I like to eat apples. \n中文éé 我喜欢吃苹果。awdawd   ";
-    String testTextTransformed = testTextEntered;
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of("textTransform", "none"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, testTextEntered));
-
-    TextView textView = (TextView) rootView.getChildAt(0);
-    assertThat(textView.getText().toString()).isEqualTo(testTextTransformed);
-  }
-
-  @Test
-  public void testTextTransformUppercaseApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    String testTextEntered =
-        ".aa\tbb\t\tcc  dd EE \r\nZZ I like to eat apples. \n中文éé 我喜欢吃苹果。awdawd   ";
-    String testTextTransformed =
-        ".AA\tBB\t\tCC  DD EE \r\nZZ I LIKE TO EAT APPLES. \n中文ÉÉ 我喜欢吃苹果。AWDAWD   ";
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of("textTransform", "uppercase"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, testTextEntered));
-
-    TextView textView = (TextView) rootView.getChildAt(0);
-    assertThat(textView.getText().toString()).isEqualTo(testTextTransformed);
-  }
-
-  @Test
-  public void testTextTransformLowercaseApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    String testTextEntered =
-        ".aa\tbb\t\tcc  dd EE \r\nZZ I like to eat apples. \n中文éé 我喜欢吃苹果。awdawd   ";
-    String testTextTransformed =
-        ".aa\tbb\t\tcc  dd ee \r\nzz i like to eat apples. \n中文éé 我喜欢吃苹果。awdawd   ";
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of("textTransform", "lowercase"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, testTextEntered));
-
-    TextView textView = (TextView) rootView.getChildAt(0);
-    assertThat(textView.getText().toString()).isEqualTo(testTextTransformed);
-  }
-
-  @Test
-  public void testTextTransformCapitalizeApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    String testTextEntered =
-        ".aa\tbb\t\tcc  dd EE \r\nZZ I like to eat apples. \n中文éé 我喜欢吃苹果。awdawd   ";
-    String testTextTransformed =
-        ".Aa\tBb\t\tCc  Dd Ee \r\nZz I Like To Eat Apples. \n中文Éé 我喜欢吃苹果。Awdawd   ";
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of("textTransform", "capitalize"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, testTextEntered));
-
-    TextView textView = (TextView) rootView.getChildAt(0);
-    assertThat(textView.getText().toString()).isEqualTo(testTextTransformed);
-  }
-
-  @Test
-  public void testMaxLinesApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of(ViewProps.NUMBER_OF_LINES, 2),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    TextView textView = (TextView) rootView.getChildAt(0);
-    assertThat(textView.getText().toString()).isEqualTo("test text");
-    assertThat(textView.getMaxLines()).isEqualTo(2);
-    assertThat(textView.getEllipsize()).isEqualTo(TextUtils.TruncateAt.END);
-  }
-
-  @TargetApi(Build.VERSION_CODES.O)
-  @Test
-  public void testTextAlignJustifyApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView =
-        createText(
-            uiManager,
-            JavaOnlyMap.of("textAlign", "justify"),
-            JavaOnlyMap.of(ReactRawTextShadowNode.PROP_TEXT, "test text"));
-
-    TextView textView = (TextView) rootView.getChildAt(0);
-    assertThat(textView.getText().toString()).isEqualTo("test text");
-    assertThat(textView.getJustificationMode()).isEqualTo(Layout.JUSTIFICATION_MODE_INTER_WORD);
-  }
-
-  /** Make sure TextView has exactly one span and that span has given type. */
-  private static <TSPAN> TSPAN getSingleSpan(TextView textView, Class<TSPAN> spanClass) {
-    Spanned text = (Spanned) textView.getText();
-    TSPAN[] spans = text.getSpans(0, text.length(), spanClass);
-    assertThat(spans).hasSize(1);
-    return spans[0];
-  }
-
-  private ReactRootView createText(
-      UIManagerModule uiManager, JavaOnlyMap textProps, JavaOnlyMap rawTextProps) {
-    ReactRootView rootView = new ReactRootView(RuntimeEnvironment.getApplication());
-    int rootTag = uiManager.addRootView(rootView);
-    int textTag = rootTag + 1;
-    int rawTextTag = textTag + 1;
-
-    uiManager.createView(textTag, ReactTextViewManager.REACT_CLASS, rootTag, textProps);
-    uiManager.createView(rawTextTag, ReactRawTextManager.REACT_CLASS, rootTag, rawTextProps);
-
-    uiManager.manageChildren(
-        textTag, null, null, JavaOnlyArray.of(rawTextTag), JavaOnlyArray.of(0), null);
-
-    uiManager.manageChildren(
-        rootTag, null, null, JavaOnlyArray.of(textTag), JavaOnlyArray.of(0), null);
-
-    uiManager.onBatchComplete();
-    executePendingFrameCallbacks();
-    return rootView;
-  }
-
-  private void executePendingFrameCallbacks() {
-    ArrayList<Choreographer.FrameCallback> callbacks = new ArrayList<>(mPendingFrameCallbacks);
-    mPendingFrameCallbacks.clear();
-    for (Choreographer.FrameCallback frameCallback : callbacks) {
-      frameCallback.doFrame(0);
-    }
-  }
-
-  public UIManagerModule getUIManagerModule() {
-    ReactApplicationContext reactContext = ReactTestHelper.createCatalystContextForTest();
-    List<ViewManager> viewManagers =
-        Arrays.asList(
-            new ViewManager[] {
-              new ReactTextViewManager(), new ReactRawTextManager(),
-            });
-    UIManagerModule uiManagerModule = new UIManagerModule(reactContext, viewManagers, 0);
-    uiManagerModule.onHostResume();
-    return uiManagerModule;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java b/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java
deleted file mode 100644
index 19dac17bcdc5ed..00000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/react/views/textinput/TextInputTest.java
+++ /dev/null
@@ -1,162 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.views.textinput;
-
-import static org.assertj.core.api.Assertions.assertThat;
-import static org.mockito.ArgumentMatchers.any;
-import static org.mockito.Mockito.doAnswer;
-import static org.mockito.Mockito.mock;
-import static org.mockito.Mockito.mockStatic;
-
-import android.view.Choreographer;
-import android.widget.EditText;
-import com.facebook.react.ReactRootView;
-import com.facebook.react.bridge.Arguments;
-import com.facebook.react.bridge.JavaOnlyArray;
-import com.facebook.react.bridge.JavaOnlyMap;
-import com.facebook.react.bridge.ReactApplicationContext;
-import com.facebook.react.bridge.ReactTestHelper;
-import com.facebook.react.modules.core.ReactChoreographer;
-import com.facebook.react.uimanager.UIManagerModule;
-import com.facebook.react.uimanager.ViewManager;
-import com.facebook.react.uimanager.ViewProps;
-import java.util.ArrayList;
-import java.util.Arrays;
-import java.util.List;
-import org.junit.Before;
-import org.junit.Ignore;
-import org.junit.Test;
-import org.junit.runner.RunWith;
-import org.mockito.MockedStatic;
-import org.robolectric.RobolectricTestRunner;
-import org.robolectric.RuntimeEnvironment;
-
-/** Tests for TextInput. */
-@RunWith(RobolectricTestRunner.class)
-@Ignore // TODO T110934492
-public class TextInputTest {
-
-  private ArrayList<Choreographer.FrameCallback> mPendingChoreographerCallbacks;
-
-  private MockedStatic<Arguments> arguments;
-  private MockedStatic<ReactChoreographer> reactCoreographer;
-
-  @Before
-  public void setUp() {
-    arguments = mockStatic(Arguments.class);
-    arguments.when(Arguments::createMap).thenAnswer(invocation -> new JavaOnlyMap());
-
-    reactCoreographer = mockStatic(ReactChoreographer.class);
-    ReactChoreographer choreographerMock = mock(ReactChoreographer.class);
-    reactCoreographer
-        .when(ReactChoreographer::getInstance)
-        .thenAnswer(invocation -> choreographerMock);
-
-    mPendingChoreographerCallbacks = new ArrayList<>();
-    doAnswer(
-            invocation -> {
-              mPendingChoreographerCallbacks.add(
-                  (Choreographer.FrameCallback) invocation.getArguments()[1]);
-              return null;
-            })
-        .when(choreographerMock)
-        .postFrameCallback(
-            any(ReactChoreographer.CallbackType.class), any(Choreographer.FrameCallback.class));
-  }
-
-  @Test
-  public void testPropsApplied() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView = new ReactRootView(RuntimeEnvironment.getApplication());
-    rootView.setLayoutParams(new ReactRootView.LayoutParams(100, 100));
-    int rootTag = uiManager.addRootView(rootView);
-    int textInputTag = rootTag + 1;
-    final String hintStr = "placeholder text";
-
-    uiManager.createView(
-        textInputTag,
-        ReactTextInputManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of(ViewProps.FONT_SIZE, 13.37, ViewProps.HEIGHT, 20.0, "placeholder", hintStr));
-
-    uiManager.manageChildren(
-        rootTag, null, null, JavaOnlyArray.of(textInputTag), JavaOnlyArray.of(0), null);
-
-    uiManager.onBatchComplete();
-    executePendingChoreographerCallbacks();
-
-    EditText editText = (EditText) rootView.getChildAt(0);
-    assertThat(editText.getHint()).isEqualTo(hintStr);
-    assertThat(editText.getTextSize()).isEqualTo((float) Math.ceil(13.37));
-    assertThat(editText.getHeight()).isEqualTo(20);
-  }
-
-  @Test
-  public void testPropsUpdate() {
-    UIManagerModule uiManager = getUIManagerModule();
-
-    ReactRootView rootView = new ReactRootView(RuntimeEnvironment.getApplication());
-    rootView.setLayoutParams(new ReactRootView.LayoutParams(100, 100));
-    int rootTag = uiManager.addRootView(rootView);
-    int textInputTag = rootTag + 1;
-    final String hintStr = "placeholder text";
-
-    uiManager.createView(
-        textInputTag,
-        ReactTextInputManager.REACT_CLASS,
-        rootTag,
-        JavaOnlyMap.of(ViewProps.FONT_SIZE, 13.37, ViewProps.HEIGHT, 20.0, "placeholder", hintStr));
-
-    uiManager.manageChildren(
-        rootTag, null, null, JavaOnlyArray.of(textInputTag), JavaOnlyArray.of(0), null);
-    uiManager.onBatchComplete();
-    executePendingChoreographerCallbacks();
-
-    EditText editText = (EditText) rootView.getChildAt(0);
-    assertThat(editText.getHint()).isEqualTo(hintStr);
-    assertThat(editText.getTextSize()).isEqualTo((float) Math.ceil(13.37));
-    assertThat(editText.getHeight()).isEqualTo(20);
-
-    final String hintStr2 = "such hint";
-    uiManager.updateView(
-        textInputTag,
-        ReactTextInputManager.REACT_CLASS,
-        JavaOnlyMap.of(
-            ViewProps.FONT_SIZE, 26.74, ViewProps.HEIGHT, 40.0, "placeholder", hintStr2));
-
-    uiManager.onBatchComplete();
-    executePendingChoreographerCallbacks();
-
-    EditText updatedEditText = (EditText) rootView.getChildAt(0);
-    assertThat(updatedEditText.getHint()).isEqualTo(hintStr2);
-    assertThat(updatedEditText.getTextSize()).isEqualTo((float) Math.ceil(26.74f));
-    assertThat(updatedEditText.getHeight()).isEqualTo(40);
-  }
-
-  private void executePendingChoreographerCallbacks() {
-    ArrayList<Choreographer.FrameCallback> callbacks =
-        new ArrayList<>(mPendingChoreographerCallbacks);
-    mPendingChoreographerCallbacks.clear();
-    for (Choreographer.FrameCallback frameCallback : callbacks) {
-      frameCallback.doFrame(0);
-    }
-  }
-
-  public UIManagerModule getUIManagerModule() {
-    ReactApplicationContext reactContext = ReactTestHelper.createCatalystContextForTest();
-    List<ViewManager> viewManagers =
-        Arrays.asList(
-            new ViewManager[] {
-              new ReactTextInputManager(),
-            });
-    UIManagerModule uiManagerModule = new UIManagerModule(reactContext, viewManagers, 0);
-    uiManagerModule.onHostResume();
-    return uiManagerModule;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeEventDispatcher.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeEventDispatcher.kt
index b645d6930c25bc..d386ac5858e633 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeEventDispatcher.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeEventDispatcher.kt
@@ -6,6 +6,7 @@
  */
 
 @file:Suppress("DEPRECATION") // Suppressing as RCTEventEmitter is part of the API
+
 package com.facebook.testutils.fakes
 
 import com.facebook.react.uimanager.events.BatchEventDispatchedListener
@@ -27,21 +28,21 @@ class FakeEventDispatcher : EventDispatcher {
     recordedDispatchedEvents.add(event)
   }
 
-  override fun dispatchAllEvents() {}
+  override fun dispatchAllEvents() = Unit
 
-  override fun addListener(listener: EventDispatcherListener) {}
+  override fun addListener(listener: EventDispatcherListener) = Unit
 
-  override fun removeListener(listener: EventDispatcherListener) {}
+  override fun removeListener(listener: EventDispatcherListener) = Unit
 
-  override fun addBatchEventDispatchedListener(listener: BatchEventDispatchedListener) {}
+  override fun addBatchEventDispatchedListener(listener: BatchEventDispatchedListener) = Unit
 
-  override fun removeBatchEventDispatchedListener(listener: BatchEventDispatchedListener) {}
+  override fun removeBatchEventDispatchedListener(listener: BatchEventDispatchedListener) = Unit
 
-  override fun registerEventEmitter(uiManagerType: Int, eventEmitter: RCTEventEmitter) {}
+  override fun registerEventEmitter(uiManagerType: Int, eventEmitter: RCTEventEmitter) = Unit
 
-  override fun registerEventEmitter(uiManagerType: Int, eventEmitter: RCTModernEventEmitter) {}
+  override fun registerEventEmitter(uiManagerType: Int, eventEmitter: RCTModernEventEmitter) = Unit
 
-  override fun unregisterEventEmitter(uiManagerType: Int) {}
+  override fun unregisterEventEmitter(uiManagerType: Int) = Unit
 
-  override fun onCatalystInstanceDestroyed() {}
+  override fun onCatalystInstanceDestroyed() = Unit
 }
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeReactNativeConfig.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeReactNativeConfig.kt
new file mode 100644
index 00000000000000..9486790850717b
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeReactNativeConfig.kt
@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.testutils.fakes
+
+import com.facebook.react.fabric.ReactNativeConfig
+
+/** A fake [ReactNativeConfig] that returns default values for all methods without accessing JNI. */
+class FakeReactNativeConfig : ReactNativeConfig {
+  override fun getBool(param: String): Boolean = false
+
+  override fun getInt64(param: String): Long = 0L
+
+  override fun getString(param: String): String = ""
+
+  override fun getDouble(param: String): Double = 0.0
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeUIManager.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeUIManager.kt
new file mode 100644
index 00000000000000..65db10c1e85eb7
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeUIManager.kt
@@ -0,0 +1,118 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+@file:Suppress("DEPRECATION") // We want to test against UIBlockViewResolver
+
+package com.facebook.testutils.fakes
+
+import android.view.View
+import com.facebook.react.bridge.ReadableArray
+import com.facebook.react.bridge.ReadableMap
+import com.facebook.react.bridge.UIManager
+import com.facebook.react.bridge.UIManagerListener
+import com.facebook.react.bridge.WritableMap
+import com.facebook.react.fabric.interop.UIBlockViewResolver
+
+class FakeUIManager : UIManager, UIBlockViewResolver {
+
+  // The number of times resolveView was called
+  var resolvedViewCount = 0
+
+  override fun profileNextBatch() {
+    TODO("Not yet implemented")
+  }
+
+  override fun getPerformanceCounters(): MutableMap<String, Long> {
+    TODO("Not yet implemented")
+  }
+
+  override fun <T : View?> addRootView(rootView: T, initialProps: WritableMap?): Int {
+    TODO("Not yet implemented")
+  }
+
+  override fun <T : View?> startSurface(
+      rootView: T,
+      moduleName: String?,
+      initialProps: WritableMap?,
+      widthMeasureSpec: Int,
+      heightMeasureSpec: Int
+  ): Int {
+    TODO("Not yet implemented")
+  }
+
+  override fun stopSurface(surfaceId: Int) {
+    TODO("Not yet implemented")
+  }
+
+  override fun updateRootLayoutSpecs(
+      rootTag: Int,
+      widthMeasureSpec: Int,
+      heightMeasureSpec: Int,
+      offsetX: Int,
+      offsetY: Int
+  ) {
+    TODO("Not yet implemented")
+  }
+
+  override fun dispatchCommand(reactTag: Int, commandId: Int, commandArgs: ReadableArray?) {
+    TODO("Not yet implemented")
+  }
+
+  override fun dispatchCommand(reactTag: Int, commandId: String?, commandArgs: ReadableArray?) {
+    TODO("Not yet implemented")
+  }
+
+  override fun <T : Any?> getEventDispatcher(): T {
+    TODO("Not yet implemented")
+  }
+
+  override fun synchronouslyUpdateViewOnUIThread(reactTag: Int, props: ReadableMap?) {
+    TODO("Not yet implemented")
+  }
+
+  override fun sendAccessibilityEvent(reactTag: Int, eventType: Int) {
+    TODO("Not yet implemented")
+  }
+
+  override fun addUIManagerEventListener(listener: UIManagerListener?) {
+    TODO("Not yet implemented")
+  }
+
+  override fun removeUIManagerEventListener(listener: UIManagerListener?) {
+    TODO("Not yet implemented")
+  }
+
+  override fun resolveView(reactTag: Int): View? {
+    resolvedViewCount += 1
+    return null
+  }
+
+  override fun receiveEvent(reactTag: Int, eventName: String?, event: WritableMap?) {
+    TODO("Not yet implemented")
+  }
+
+  override fun receiveEvent(
+      surfaceId: Int,
+      reactTag: Int,
+      eventName: String?,
+      event: WritableMap?
+  ) {
+    TODO("Not yet implemented")
+  }
+
+  override fun resolveCustomDirectEventName(eventName: String?): String? {
+    TODO("Not yet implemented")
+  }
+
+  override fun initialize() {
+    TODO("Not yet implemented")
+  }
+
+  override fun invalidate() {
+    TODO("Not yet implemented")
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeYogaConfig.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeYogaConfig.kt
new file mode 100644
index 00000000000000..6ff857d226ee69
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeYogaConfig.kt
@@ -0,0 +1,53 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.testutils.fakes
+
+import com.facebook.yoga.YogaConfig
+import com.facebook.yoga.YogaErrata
+import com.facebook.yoga.YogaExperimentalFeature
+import com.facebook.yoga.YogaLogger
+
+/** A fake [YogaConfig] that allows us to test Yoga without using the real JNI. */
+class FakeYogaConfig : YogaConfig() {
+  var fakeErrata: YogaErrata? = YogaErrata.NONE
+  var fakeLogger: YogaLogger? = YogaLogger { _, _ ->
+    // no-op
+  }
+
+  override fun setExperimentalFeatureEnabled(feature: YogaExperimentalFeature?, enabled: Boolean) {
+    // no-op
+  }
+
+  override fun setUseWebDefaults(useWebDefaults: Boolean) {
+    // no-op
+  }
+
+  override fun setPointScaleFactor(pixelsInPoint: Float) {
+    // no-op
+  }
+
+  override fun setErrata(errata: YogaErrata?) {
+    fakeErrata = errata
+  }
+
+  override fun getErrata(): YogaErrata? {
+    return fakeErrata
+  }
+
+  override fun setLogger(logger: YogaLogger?) {
+    fakeLogger = logger
+  }
+
+  override fun getLogger(): YogaLogger? {
+    return fakeLogger
+  }
+
+  override fun getNativePointer(): Long {
+    return 0L
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeYogaNode.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeYogaNode.kt
new file mode 100644
index 00000000000000..b063ae1ace16b0
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/fakes/FakeYogaNode.kt
@@ -0,0 +1,249 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.testutils.fakes
+
+import com.facebook.yoga.YogaAlign
+import com.facebook.yoga.YogaBaselineFunction
+import com.facebook.yoga.YogaConstants
+import com.facebook.yoga.YogaDirection
+import com.facebook.yoga.YogaDisplay
+import com.facebook.yoga.YogaEdge
+import com.facebook.yoga.YogaFlexDirection
+import com.facebook.yoga.YogaGutter
+import com.facebook.yoga.YogaJustify
+import com.facebook.yoga.YogaMeasureFunction
+import com.facebook.yoga.YogaNode
+import com.facebook.yoga.YogaOverflow
+import com.facebook.yoga.YogaPositionType
+import com.facebook.yoga.YogaUnit
+import com.facebook.yoga.YogaValue
+import com.facebook.yoga.YogaWrap
+
+/** A fake [YogaNode] that allows us to test Yoga without using the real JNI. */
+class FakeYogaNode : YogaNode() {
+  override fun setWidth(width: Float) = Unit
+
+  override fun setWidthPercent(percent: Float) = Unit
+
+  override fun setMinWidth(minWidth: Float) = Unit
+
+  override fun setMinWidthPercent(percent: Float) = Unit
+
+  override fun setMaxWidth(maxWidth: Float) = Unit
+
+  override fun setMaxWidthPercent(percent: Float) = Unit
+
+  override fun setWidthAuto() = Unit
+
+  override fun setHeight(height: Float) = Unit
+
+  override fun setHeightPercent(percent: Float) = Unit
+
+  override fun setMinHeight(minHeight: Float) = Unit
+
+  override fun setMinHeightPercent(percent: Float) = Unit
+
+  override fun setMaxHeight(maxheight: Float) = Unit
+
+  override fun setMaxHeightPercent(percent: Float) = Unit
+
+  override fun setHeightAuto() = Unit
+
+  override fun setMargin(edge: YogaEdge?, margin: Float) = Unit
+
+  override fun setMarginPercent(edge: YogaEdge?, percent: Float) = Unit
+
+  override fun setMarginAuto(edge: YogaEdge?) = Unit
+
+  override fun setPadding(edge: YogaEdge?, padding: Float) = Unit
+
+  override fun setPaddingPercent(edge: YogaEdge?, percent: Float) = Unit
+
+  override fun setPositionType(positionType: YogaPositionType?) = Unit
+
+  override fun setPosition(edge: YogaEdge?, position: Float) = Unit
+
+  override fun setPositionPercent(edge: YogaEdge?, percent: Float) = Unit
+
+  override fun setAlignContent(alignContent: YogaAlign?) = Unit
+
+  override fun setAlignItems(alignItems: YogaAlign?) = Unit
+
+  override fun setAlignSelf(alignSelf: YogaAlign?) = Unit
+
+  override fun setFlex(flex: Float) = Unit
+
+  override fun setFlexBasisAuto() = Unit
+
+  override fun setFlexBasisPercent(percent: Float) = Unit
+
+  override fun setFlexBasis(flexBasis: Float) = Unit
+
+  override fun setFlexDirection(flexDirection: YogaFlexDirection?) = Unit
+
+  override fun setFlexGrow(flexGrow: Float) = Unit
+
+  override fun setFlexShrink(flexShrink: Float) = Unit
+
+  override fun setJustifyContent(justifyContent: YogaJustify?) = Unit
+
+  override fun setDirection(direction: YogaDirection?) = Unit
+
+  override fun setBorder(edge: YogaEdge?, border: Float) = Unit
+
+  override fun setWrap(flexWrap: YogaWrap?) = Unit
+
+  override fun setAspectRatio(aspectRatio: Float) = Unit
+
+  override fun setIsReferenceBaseline(isReferenceBaseline: Boolean) = Unit
+
+  override fun setMeasureFunction(measureFunction: YogaMeasureFunction?) = Unit
+
+  override fun setBaselineFunction(baselineFunction: YogaBaselineFunction?) = Unit
+
+  override fun setAlwaysFormsContainingBlock(alwaysFormsContainingBlock: Boolean) = Unit
+
+  override fun getWidth(): YogaValue = YogaValue(YogaConstants.UNDEFINED, YogaUnit.UNDEFINED)
+
+  override fun getMinWidth(): YogaValue = YogaValue(YogaConstants.UNDEFINED, YogaUnit.UNDEFINED)
+
+  override fun getMaxWidth(): YogaValue = YogaValue(YogaConstants.UNDEFINED, YogaUnit.UNDEFINED)
+
+  override fun getHeight(): YogaValue = YogaValue(YogaConstants.UNDEFINED, YogaUnit.UNDEFINED)
+
+  override fun getMinHeight(): YogaValue = YogaValue(YogaConstants.UNDEFINED, YogaUnit.UNDEFINED)
+
+  override fun getMaxHeight(): YogaValue = YogaValue(YogaConstants.UNDEFINED, YogaUnit.UNDEFINED)
+
+  override fun getStyleDirection(): YogaDirection = YogaDirection.INHERIT
+
+  override fun getFlexDirection(): YogaFlexDirection = YogaFlexDirection.COLUMN
+
+  override fun getJustifyContent(): YogaJustify = YogaJustify.FLEX_START
+
+  override fun getAlignItems(): YogaAlign = YogaAlign.FLEX_START
+
+  override fun getAlignSelf(): YogaAlign = YogaAlign.FLEX_START
+
+  override fun getAlignContent(): YogaAlign = YogaAlign.FLEX_START
+
+  override fun getPositionType(): YogaPositionType = YogaPositionType.RELATIVE
+
+  override fun getFlexGrow(): Float = 0f
+
+  override fun getFlexShrink(): Float = 0f
+
+  override fun getFlexBasis(): YogaValue = YogaValue(YogaConstants.UNDEFINED, YogaUnit.UNDEFINED)
+
+  override fun getAspectRatio(): Float = 0f
+
+  override fun getMargin(edge: YogaEdge?): YogaValue =
+      YogaValue(YogaConstants.UNDEFINED, YogaUnit.UNDEFINED)
+
+  override fun getPadding(edge: YogaEdge?): YogaValue =
+      YogaValue(YogaConstants.UNDEFINED, YogaUnit.UNDEFINED)
+
+  override fun getPosition(edge: YogaEdge?): YogaValue =
+      YogaValue(YogaConstants.UNDEFINED, YogaUnit.UNDEFINED)
+
+  override fun getBorder(edge: YogaEdge?): Float = 0f
+
+  override fun reset() {
+    // no-op
+  }
+
+  override fun getChildCount(): Int = 0
+
+  override fun getChildAt(i: Int): YogaNode = FakeYogaNode()
+
+  override fun addChildAt(child: YogaNode?, i: Int) {
+    // no-op
+  }
+
+  override fun isReferenceBaseline(): Boolean = false
+
+  override fun removeChildAt(i: Int): YogaNode = FakeYogaNode()
+
+  override fun getOwner(): YogaNode? = null
+
+  @Deprecated("Deprecated in Java") override fun getParent(): YogaNode? = null
+
+  override fun indexOf(child: YogaNode?): Int = 0
+
+  override fun calculateLayout(width: Float, height: Float) {
+    // no-op
+  }
+
+  override fun hasNewLayout(): Boolean = false
+
+  override fun dirty() {
+    // no-op
+  }
+
+  override fun isDirty(): Boolean = false
+
+  override fun copyStyle(srcNode: YogaNode?) {
+    // no-op
+  }
+
+  override fun markLayoutSeen() {
+    // no-op
+  }
+
+  override fun getWrap(): YogaWrap = YogaWrap.WRAP
+
+  override fun getOverflow(): YogaOverflow = YogaOverflow.HIDDEN
+
+  override fun setOverflow(overflow: YogaOverflow?) {
+    // no-op
+  }
+
+  override fun getDisplay(): YogaDisplay = YogaDisplay.NONE
+
+  override fun setDisplay(display: YogaDisplay?) {
+    // no-op
+  }
+
+  override fun getFlex(): Float = 0f
+
+  override fun getGap(gutter: YogaGutter?): Float = 0f
+
+  override fun setGap(gutter: YogaGutter?, gapLength: Float) {
+    // no-op
+  }
+
+  override fun getLayoutX(): Float = 0f
+
+  override fun getLayoutY(): Float = 0f
+
+  override fun getLayoutWidth(): Float = 0f
+
+  override fun getLayoutHeight(): Float = 0f
+
+  override fun getLayoutMargin(edge: YogaEdge?): Float = 0f
+
+  override fun getLayoutPadding(edge: YogaEdge?): Float = 0f
+
+  override fun getLayoutBorder(edge: YogaEdge?): Float = 0f
+
+  override fun getLayoutDirection(): YogaDirection = YogaDirection.INHERIT
+
+  override fun isMeasureDefined(): Boolean = true
+
+  override fun isBaselineDefined(): Boolean = true
+
+  override fun setData(data: Any?) {
+    // no-op
+  }
+
+  override fun getData(): Any? = null
+
+  override fun cloneWithoutChildren(): YogaNode = FakeYogaNode()
+
+  override fun cloneWithChildren(): YogaNode = FakeYogaNode()
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/shadows/ShadowSoLoader.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/shadows/ShadowSoLoader.kt
index 0793a3524d340c..ff78281ff8bca0 100644
--- a/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/shadows/ShadowSoLoader.kt
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/shadows/ShadowSoLoader.kt
@@ -17,7 +17,7 @@ import org.robolectric.annotation.Implements
 @Implements(SoLoader::class)
 class ShadowSoLoader {
   companion object {
-    @JvmStatic @Implementation fun init(context: Context?, flags: Int) {}
+    @JvmStatic @Implementation fun init(context: Context?, flags: Int) = Unit
 
     @JvmStatic @Implementation fun loadLibrary(shortName: String?): Boolean = true
   }
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/shadows/ShadowYogaConfigProvider.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/shadows/ShadowYogaConfigProvider.kt
new file mode 100644
index 00000000000000..f895334d8d8738
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/shadows/ShadowYogaConfigProvider.kt
@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.testutils.shadows
+
+import com.facebook.react.uimanager.ReactYogaConfigProvider
+import com.facebook.testutils.fakes.FakeYogaConfig
+import com.facebook.yoga.YogaConfig
+import org.robolectric.annotation.Implementation
+import org.robolectric.annotation.Implements
+
+@Suppress("UNUSED_PARAMETER")
+@Implements(ReactYogaConfigProvider::class)
+class ShadowYogaConfigProvider {
+  companion object {
+    @JvmStatic @Implementation fun get(): YogaConfig = FakeYogaConfig()
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/shadows/ShadowYogaNodeFactory.kt b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/shadows/ShadowYogaNodeFactory.kt
new file mode 100644
index 00000000000000..b1ccb04cd90a93
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/com/facebook/testutils/shadows/ShadowYogaNodeFactory.kt
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package com.facebook.testutils.shadows
+
+import com.facebook.testutils.fakes.FakeYogaNode
+import com.facebook.yoga.YogaConfig
+import com.facebook.yoga.YogaNode
+import com.facebook.yoga.YogaNodeFactory
+import org.robolectric.annotation.Implementation
+import org.robolectric.annotation.Implements
+
+@Suppress("UNUSED_PARAMETER")
+@Implements(YogaNodeFactory::class)
+class ShadowYogaNodeFactory {
+  companion object {
+
+    @JvmStatic @Implementation fun create(): YogaNode = FakeYogaNode()
+
+    @JvmStatic @Implementation fun create(config: YogaConfig): YogaNode = FakeYogaNode()
+  }
+}
diff --git a/packages/react-native/ReactAndroid/src/test/java/org/mockito/configuration/MockitoConfiguration.java b/packages/react-native/ReactAndroid/src/test/java/org/mockito/configuration/MockitoConfiguration.java
deleted file mode 100644
index ab68d427ceb032..00000000000000
--- a/packages/react-native/ReactAndroid/src/test/java/org/mockito/configuration/MockitoConfiguration.java
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package org.mockito.configuration;
-
-/**
- * Disables the Mockito cache to prevent Mockito & Robolectric bugs.
- *
- * <p>Mockito loads this with reflection, so this class might appear unused.
- */
-@SuppressWarnings("unused")
-public class MockitoConfiguration extends DefaultMockitoConfiguration {
-
-  /* (non-Javadoc)
-   * @see org.mockito.configuration.IMockitoConfiguration#enableClassCache()
-   */
-  public boolean enableClassCache() {
-    return false;
-  }
-}
diff --git a/packages/react-native/ReactAndroid/src/test/java/org/mockito/configuration/MockitoConfiguration.kt b/packages/react-native/ReactAndroid/src/test/java/org/mockito/configuration/MockitoConfiguration.kt
new file mode 100644
index 00000000000000..bf61c2bf98aa3e
--- /dev/null
+++ b/packages/react-native/ReactAndroid/src/test/java/org/mockito/configuration/MockitoConfiguration.kt
@@ -0,0 +1,17 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+package org.mockito.configuration
+
+/**
+ * Disables the Mockito cache to prevent Mockito & Robolectric bugs. Mockito loads this with
+ * reflection, so this class might appear unused.
+ */
+@Suppress("unused")
+class MockitoConfiguration : DefaultMockitoConfiguration() {
+  override fun enableClassCache(): Boolean = false
+}
diff --git a/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/Exported/RCTDeprecation.h b/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/Exported/RCTDeprecation.h
new file mode 100644
index 00000000000000..dc7b92b3d88036
--- /dev/null
+++ b/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/Exported/RCTDeprecation.h
@@ -0,0 +1,16 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#ifndef RCT_DEPRECATED_DECLARATIONS
+#define RCT_DEPRECATED_DECLARATIONS 0
+#endif
+
+#if RCT_DEPRECATED_DECLARATIONS
+#define RCT_DEPRECATED __attribute__((deprecated))
+#else
+#define RCT_DEPRECATED
+#endif
diff --git a/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/RCTDeprecation.m b/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/RCTDeprecation.m
new file mode 100644
index 00000000000000..cc1cbc7cf3730a
--- /dev/null
+++ b/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/RCTDeprecation.m
@@ -0,0 +1,8 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+// Dummy file to make RCTDeprecation a valid framework.
diff --git a/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/RCTDeprecation.podspec b/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/RCTDeprecation.podspec
new file mode 100644
index 00000000000000..afd7d4eeb1c97f
--- /dev/null
+++ b/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/RCTDeprecation.podspec
@@ -0,0 +1,25 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "..", "..", "..", "..", "package.json")))
+version = package['version']
+
+Pod::Spec.new do |s|
+    s.name                   = "RCTDeprecation"
+    s.version                = version
+    s.author                 = "Meta Platforms, Inc. and its affiliates"
+    s.license                = package["license"]
+    s.homepage               = "https://reactnative.dev/"
+    s.source                 = { :git => 'https://github.com/facebook/react-native.git', :tag => 'v#{version}' }
+    s.summary                = "Macros for marking APIs as deprecated"
+    s.source_files           = ["Exported/*.h", "RCTDeprecation.m"]
+    s.pod_target_xcconfig    = {
+      "DEFINES_MODULE" => "YES",
+      "CLANG_CXX_LANGUAGE_STANDARD" => "c++20"
+    }
+    s.compiler_flags         = "-Wnullable-to-nonnull-conversion -Wnullability-completeness"
+  end
diff --git a/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/README.md b/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/README.md
new file mode 100644
index 00000000000000..9f0d87aaa6d759
--- /dev/null
+++ b/packages/react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation/README.md
@@ -0,0 +1 @@
+RCTDeprecation contains C macros to identify deprecated APIs at build-time.
diff --git a/packages/react-native/ReactApple/Libraries/RCTFoundation/README.md b/packages/react-native/ReactApple/Libraries/RCTFoundation/README.md
new file mode 100644
index 00000000000000..b5bdb2bf6f040d
--- /dev/null
+++ b/packages/react-native/ReactApple/Libraries/RCTFoundation/README.md
@@ -0,0 +1,12 @@
+# RCTFoundation
+
+RCTFoundation is a collection of lightweight utility libraries.
+
+Rules for RCTFoundation libraries:
+- They must only depend on other RCTFoundation libraries.
+- Headers cannot contain C++.
+- They have modular set to true in BUCK.
+- They have complete_nullability set to true.
+- They have enabled Clang compiler warnings.
+- They have documentation.
+- They have unit tests.
diff --git a/packages/react-native/ReactApple/README.md b/packages/react-native/ReactApple/README.md
new file mode 100644
index 00000000000000..faafcb1dabb8de
--- /dev/null
+++ b/packages/react-native/ReactApple/README.md
@@ -0,0 +1,5 @@
+# ReactApple
+
+ReactApple contains code to ship React Native apps to Apple devices. The dominant language is Objective-C.
+
+New libraries built with Apple frameworks or intended to ship to Apple devices should live in this directory.
diff --git a/packages/react-native/ReactCommon/.clang-tidy b/packages/react-native/ReactCommon/.clang-tidy
new file mode 100644
index 00000000000000..bb56f020788994
--- /dev/null
+++ b/packages/react-native/ReactCommon/.clang-tidy
@@ -0,0 +1,7 @@
+---
+InheritParentConfig: true
+CheckOptions:
+  # clang 15 does not support reverse_view
+  - key:    modernize-loop-convert.UseCxx20ReverseRanges
+    value:  false
+...
diff --git a/packages/react-native/ReactCommon/React-Fabric.podspec b/packages/react-native/ReactCommon/React-Fabric.podspec
index 153008c3228fe0..58f6f0a84383c8 100644
--- a/packages/react-native/ReactCommon/React-Fabric.podspec
+++ b/packages/react-native/ReactCommon/React-Fabric.podspec
@@ -16,8 +16,10 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
+
 folly_dep_name = 'RCT-Folly/Fabric'
 boost_compiler_flags = '-Wno-documentation'
 react_native_path = ".."
@@ -42,12 +44,12 @@ Pod::Spec.new do |s|
   end
 
   s.dependency folly_dep_name, folly_version
-  s.dependency "React-graphics", version
-  s.dependency "React-jsiexecutor", version
-  s.dependency "RCTRequired", version
-  s.dependency "RCTTypeSafety", version
-  s.dependency "ReactCommon/turbomodule/core", version
-  s.dependency "React-jsi", version
+
+  s.dependency "React-jsiexecutor"
+  s.dependency "RCTRequired"
+  s.dependency "RCTTypeSafety"
+  s.dependency "ReactCommon/turbomodule/core"
+  s.dependency "React-jsi"
   s.dependency "React-logger"
   s.dependency "glog"
   s.dependency "DoubleConversion"
@@ -56,13 +58,15 @@ Pod::Spec.new do |s|
   s.dependency "React-debug"
   s.dependency "React-utils"
   s.dependency "React-runtimescheduler"
-  s.dependency "React-rendererdebug"
   s.dependency "React-cxxreact"
 
+  add_dependency(s, "React-rendererdebug")
+  add_dependency(s, "React-graphics", :additional_framework_paths => ["react/renderer/graphics/platform/ios"])
+
   if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
     s.dependency "hermes-engine"
   else
-    s.dependency "React-jsi"
+    s.dependency "React-jsc"
   end
 
   s.subspec "animations" do |ss|
@@ -88,17 +92,14 @@ Pod::Spec.new do |s|
       "\"$(PODS_ROOT)/RCT-Folly\"",
       "\"$(PODS_ROOT)/Headers/Private/Yoga\"",
       "\"$(PODS_TARGET_SRCROOT)\"",
+      "\"$(PODS_ROOT)/DoubleConversion\"",
+      "\"$(PODS_ROOT)/fmt/include\"",
     ]
 
     if ENV['USE_FRAMEWORKS']
       header_search_path = header_search_path + [
-        "\"$(PODS_ROOT)/DoubleConversion\"",
-        "\"$(PODS_ROOT)/fmt/include\"",
-        "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Codegen/React_Codegen.framework/Headers\"",
-        "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\"",
-        "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-rendererdebug/React_rendererdebug.framework/Headers/\"",
         "\"$(PODS_TARGET_SRCROOT)/react/renderer/textlayoutmanager/platform/ios\"",
-        "\"$(PODS_TARGET_SRCROOT)/react/renderer/components/textinput/iostextinput\"",
+        "\"$(PODS_TARGET_SRCROOT)/react/renderer/components/textinput/platform/ios\"",
         "\"$(PODS_TARGET_SRCROOT)/react/renderer/components/view/platform/cxx\"",
       ]
     end
@@ -116,7 +117,7 @@ Pod::Spec.new do |s|
   s.subspec "componentregistry" do |ss|
     ss.dependency             folly_dep_name, folly_version
     ss.compiler_flags       = folly_compiler_flags
-    ss.source_files         = "react/renderer/componentregistry/**/*.{m,mm,cpp,h}"
+    ss.source_files         = "react/renderer/componentregistry/*.{m,mm,cpp,h}"
     ss.header_dir           = "react/renderer/componentregistry"
   end
 
@@ -199,8 +200,7 @@ Pod::Spec.new do |s|
     ss.subspec "textinput" do |sss|
       sss.dependency             folly_dep_name, folly_version
       sss.compiler_flags       = folly_compiler_flags
-      sss.source_files         = "react/renderer/components/textinput/iostextinput/**/*.{m,mm,cpp,h}"
-      sss.exclude_files        = "react/renderer/components/textinput/iostextinput/tests"
+      sss.source_files         = "react/renderer/components/textinput/platform/ios/**/*.{m,mm,cpp,h}"
       sss.header_dir           = "react/renderer/components/iostextinput"
 
     end
@@ -292,4 +292,20 @@ Pod::Spec.new do |s|
     ss.header_dir           = "react/renderer/leakchecker"
     ss.pod_target_xcconfig  = { "GCC_WARN_PEDANTIC" => "YES" }
   end
+
+  s.script_phases = [
+    {
+      :name => '[RN]Check rncore',
+      :execution_position => :before_compile,
+      :script => <<-EOS
+echo "Checking whether Codegen has run..."
+rncorePath="$REACT_NATIVE_PATH/ReactCommon/react/renderer/components/rncore"
+
+if [[ ! -d "$rncorePath" ]]; then
+  echo 'error: Codegen did not run properly in your project. Please reinstall cocoapods with `bundle exec pod install`.'
+  exit 1
+fi
+      EOS
+    }
+  ]
 end
diff --git a/packages/react-native/ReactCommon/React-FabricImage.podspec b/packages/react-native/ReactCommon/React-FabricImage.podspec
index 898cd6294cfa78..be125c11deec1d 100644
--- a/packages/react-native/ReactCommon/React-FabricImage.podspec
+++ b/packages/react-native/ReactCommon/React-FabricImage.podspec
@@ -16,8 +16,10 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
+
 folly_dep_name = 'RCT-Folly/Fabric'
 boost_compiler_flags = '-Wno-documentation'
 react_native_path = ".."
@@ -27,21 +29,16 @@ header_search_path = [
   "\"$(PODS_TARGET_SRCROOT)/ReactCommon\"",
   "\"$(PODS_ROOT)/RCT-Folly\"",
   "\"$(PODS_ROOT)/Headers/Private/Yoga\"",
+  "\"$(PODS_ROOT)/DoubleConversion\"",
+  "\"$(PODS_ROOT)/fmt/include\"",
 ]
 
 if ENV['USE_FRAMEWORKS']
   header_search_path = header_search_path + [
     "\"$(PODS_TARGET_SRCROOT)\"",
-    "\"$(PODS_ROOT)/DoubleConversion\"",
-    "\"$(PODS_ROOT)/fmt/include\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Codegen/React_Codegen.framework/Headers\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\"",
-    "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/imagemanager/platform/ios\"",
-    "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\"",
     "\"$(PODS_TARGET_SRCROOT)/react/renderer/textlayoutmanager/platform/ios\"",
-    "\"$(PODS_TARGET_SRCROOT)/react/renderer/components/textinput/iostextinput\"",
-    "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\"",
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-rendererdebug/React_rendererdebug.framework/Headers/\""
+    "\"$(PODS_TARGET_SRCROOT)/react/renderer/components/textinput/platform/ios\"",
+    # "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Codegen/React_Codegen.framework/Headers\"",
   ]
 end
 
@@ -69,25 +66,30 @@ Pod::Spec.new do |s|
   end
 
   s.dependency folly_dep_name, folly_version
-  s.dependency "React-graphics", version
+
   s.dependency "React-jsiexecutor", version
   s.dependency "RCTRequired", version
   s.dependency "RCTTypeSafety", version
-  s.dependency "ReactCommon/turbomodule/core", version
-  s.dependency "React-jsi", version
+  s.dependency "React-jsi"
   s.dependency "React-logger"
   s.dependency "glog"
   s.dependency "DoubleConversion"
   s.dependency "fmt", "9.1.0"
   s.dependency "React-ImageManager"
-  s.dependency "React-Fabric"
   s.dependency "React-utils"
-  s.dependency "React-rendererdebug"
   s.dependency "Yoga"
 
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core")
+  add_dependency(s, "React-graphics", :additional_framework_paths => ["react/renderer/graphics/platform/ios"])
+  add_dependency(s, "React-Fabric", :additional_framework_paths => [
+    "react/renderer/components/view/platform/cxx",
+    "react/renderer/imagemanager/platform/ios"
+  ])
+  add_dependency(s, "React-rendererdebug")
+
   if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
     s.dependency "hermes-engine"
   else
-    s.dependency "React-jsi"
+    s.dependency "React-jsc"
   end
 end
diff --git a/packages/react-native/ReactCommon/React-Mapbuffer.podspec b/packages/react-native/ReactCommon/React-Mapbuffer.podspec
index ec5ecc87f2d32a..0905b5dee13a85 100644
--- a/packages/react-native/ReactCommon/React-Mapbuffer.podspec
+++ b/packages/react-native/ReactCommon/React-Mapbuffer.podspec
@@ -29,7 +29,7 @@ Pod::Spec.new do |s|
   s.exclude_files          = "react/renderer/mapbuffer/tests"
   s.public_header_files    = 'react/renderer/mapbuffer/*.h'
   s.header_dir             = "react/renderer/mapbuffer"
-  s.pod_target_xcconfig = {  "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-debug/React_debug.framework/Headers\"", "USE_HEADERMAP" => "YES",
+  s.pod_target_xcconfig = {  "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)\"", "USE_HEADERMAP" => "YES",
                             "CLANG_CXX_LANGUAGE_STANDARD" => "c++20" }
 
   if ENV['USE_FRAMEWORKS']
@@ -38,6 +38,6 @@ Pod::Spec.new do |s|
   end
 
   s.dependency "glog"
-  s.dependency "React-debug"
+  add_dependency(s, "React-debug")
 
 end
diff --git a/packages/react-native/ReactCommon/React-rncore.podspec b/packages/react-native/ReactCommon/React-rncore.podspec
index b3d337a838eb87..06b8bc7feff1b7 100644
--- a/packages/react-native/ReactCommon/React-rncore.podspec
+++ b/packages/react-native/ReactCommon/React-rncore.podspec
@@ -32,9 +32,8 @@ header_search_paths = [
 ]
 
 if ENV["USE_FRAMEWORKS"]
-  header_search_paths = header_search_paths.concat([
-    "\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"",
-  ])
+  create_header_search_path_for_frameworks("ReactCommon", :additional_framework_paths => ["react/nativemodule/core"], :include_base_folder => false)
+    .each { |search_path| header_search_paths << "\"#{search_path}\"" }
 end
 
 Pod::Spec.new do |s|
@@ -50,13 +49,4 @@ Pod::Spec.new do |s|
   s.pod_target_xcconfig = { "USE_HEADERMAP" => "YES",
                             "HEADER_SEARCH_PATHS" => header_search_paths.join(' '),
                             "CLANG_CXX_LANGUAGE_STANDARD" => "c++20" }
-
-
-  use_react_native_codegen!(s, {
-    :react_native_path => react_native_sources_path,
-    :js_srcs_dir => "#{react_native_sources_path}/Libraries",
-    :library_name => "rncore",
-    :library_type => "components",
-    :output_dir => "#{react_native_dependency_path}/ReactCommon"
-  })
 end
diff --git a/packages/react-native/ReactCommon/ReactCommon.podspec b/packages/react-native/ReactCommon/ReactCommon.podspec
index 0d7fa415fb1222..0b6f175895de6e 100644
--- a/packages/react-native/ReactCommon/ReactCommon.podspec
+++ b/packages/react-native/ReactCommon/ReactCommon.podspec
@@ -16,8 +16,10 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
+
 boost_compiler_flags = '-Wno-documentation'
 using_hermes = ENV['USE_HERMES'] == nil || ENV['USE_HERMES'] == "1"
 Pod::Spec.new do |s|
@@ -48,7 +50,7 @@ Pod::Spec.new do |s|
     ss.dependency "React-cxxreact", version
     ss.dependency "React-jsi", version
     ss.dependency "RCT-Folly", folly_version
-    s.dependency "React-logger", version
+    ss.dependency "React-logger", version
     ss.dependency "DoubleConversion"
     ss.dependency "fmt", "9.1.0"
     ss.dependency "glog"
@@ -69,6 +71,9 @@ Pod::Spec.new do |s|
 
     ss.subspec "core" do |sss|
       sss.source_files = "react/nativemodule/core/ReactCommon/**/*.{cpp,h}"
+      sss.pod_target_xcconfig  = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/ReactCommon\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-debug/React_debug.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-utils/React_utils.framework/Headers\"" }
+      sss.dependency "React-debug", version
+      sss.dependency "React-utils", version
     end
   end
 end
diff --git a/packages/react-native/ReactCommon/butter/CMakeLists.txt b/packages/react-native/ReactCommon/butter/CMakeLists.txt
index 98e65cc1f0a79e..1bfbc89275e996 100644
--- a/packages/react-native/ReactCommon/butter/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/butter/CMakeLists.txt
@@ -12,8 +12,7 @@ add_compile_options(
         -frtti
         -std=c++20
         -Wall
-        -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments)
+        -Wpedantic)
 
 add_library(butter INTERFACE)
 
diff --git a/packages/react-native/ReactCommon/callinvoker/CMakeLists.txt b/packages/react-native/ReactCommon/callinvoker/CMakeLists.txt
index ec5b8172cae158..e2abeb2dbb9742 100644
--- a/packages/react-native/ReactCommon/callinvoker/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/callinvoker/CMakeLists.txt
@@ -11,8 +11,7 @@ add_compile_options(
         -frtti
         -std=c++20
         -Wall
-        -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments)
+        -Wpedantic)
 
 add_library(callinvoker INTERFACE)
 
diff --git a/packages/react-native/ReactCommon/callinvoker/React-callinvoker.podspec b/packages/react-native/ReactCommon/callinvoker/React-callinvoker.podspec
index 42e9dc67389a9e..6d140e054630c8 100644
--- a/packages/react-native/ReactCommon/callinvoker/React-callinvoker.podspec
+++ b/packages/react-native/ReactCommon/callinvoker/React-callinvoker.podspec
@@ -16,8 +16,10 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
+
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
diff --git a/packages/react-native/ReactCommon/cxxreact/Instance.cpp b/packages/react-native/ReactCommon/cxxreact/Instance.cpp
index 924b44b719e2d3..01c03ee9785442 100644
--- a/packages/react-native/ReactCommon/cxxreact/Instance.cpp
+++ b/packages/react-native/ReactCommon/cxxreact/Instance.cpp
@@ -38,30 +38,52 @@ Instance::~Instance() {
   }
 }
 
+void Instance::unregisterFromInspector() {
+  if (inspectorTarget_) {
+    assert(runtimeInspectorTarget_);
+    inspectorTarget_->unregisterRuntime(*runtimeInspectorTarget_);
+    assert(parentInspectorTarget_);
+    parentInspectorTarget_->unregisterInstance(*inspectorTarget_);
+    parentInspectorTarget_ = nullptr;
+    inspectorTarget_ = nullptr;
+  }
+}
+
 void Instance::initializeBridge(
     std::unique_ptr<InstanceCallback> callback,
     std::shared_ptr<JSExecutorFactory> jsef,
     std::shared_ptr<MessageQueueThread> jsQueue,
-    std::shared_ptr<ModuleRegistry> moduleRegistry) {
+    std::shared_ptr<ModuleRegistry> moduleRegistry,
+    jsinspector_modern::PageTarget* parentInspectorTarget) {
   callback_ = std::move(callback);
   moduleRegistry_ = std::move(moduleRegistry);
-  jsQueue->runOnQueueSync([this, &jsef, jsQueue]() mutable {
-    nativeToJsBridge_ = std::make_shared<NativeToJsBridge>(
-        jsef.get(), moduleRegistry_, jsQueue, callback_);
-
-    nativeToJsBridge_->initializeRuntime();
-
-    /**
-     * After NativeToJsBridge is created, the jsi::Runtime should exist.
-     * Also, the JS message queue thread exists. So, it's safe to
-     * schedule all queued up js Calls.
-     */
-    jsCallInvoker_->setNativeToJsBridgeAndFlushCalls(nativeToJsBridge_);
-
-    std::scoped_lock lock(m_syncMutex);
-    m_syncReady = true;
-    m_syncCV.notify_all();
-  });
+  parentInspectorTarget_ = parentInspectorTarget;
+  jsQueue->runOnQueueSync(
+      [this, &jsef, jsQueue, parentInspectorTarget]() mutable {
+        nativeToJsBridge_ = std::make_shared<NativeToJsBridge>(
+            jsef.get(), moduleRegistry_, jsQueue, callback_);
+
+        nativeToJsBridge_->initializeRuntime();
+
+        if (parentInspectorTarget) {
+          inspectorTarget_ = &parentInspectorTarget->registerInstance(*this);
+          RuntimeExecutor runtimeExecutorIfJsi = getRuntimeExecutor();
+          runtimeInspectorTarget_ = &inspectorTarget_->registerRuntime(
+              nativeToJsBridge_->getInspectorTargetDelegate(),
+              runtimeExecutorIfJsi ? runtimeExecutorIfJsi : [](auto) {});
+        }
+
+        /**
+         * After NativeToJsBridge is created, the jsi::Runtime should exist.
+         * Also, the JS message queue thread exists. So, it's safe to
+         * schedule all queued up js Calls.
+         */
+        jsCallInvoker_->setNativeToJsBridgeAndFlushCalls(nativeToJsBridge_);
+
+        std::scoped_lock lock(m_syncMutex);
+        m_syncReady = true;
+        m_syncCV.notify_all();
+      });
 
   CHECK(nativeToJsBridge_);
 }
diff --git a/packages/react-native/ReactCommon/cxxreact/Instance.h b/packages/react-native/ReactCommon/cxxreact/Instance.h
index 1cc98d9da15513..bc4e58ebb1d43c 100644
--- a/packages/react-native/ReactCommon/cxxreact/Instance.h
+++ b/packages/react-native/ReactCommon/cxxreact/Instance.h
@@ -14,6 +14,7 @@
 
 #include <ReactCommon/RuntimeExecutor.h>
 #include <cxxreact/NativeToJsBridge.h>
+#include <jsinspector-modern/ReactCdp.h>
 
 #ifndef RN_EXPORT
 #define RN_EXPORT __attribute__((visibility("default")))
@@ -38,14 +39,15 @@ struct InstanceCallback {
   virtual void decrementPendingJSCalls() {}
 };
 
-class RN_EXPORT Instance {
+class RN_EXPORT Instance : private jsinspector_modern::InstanceTargetDelegate {
  public:
-  ~Instance();
+  ~Instance() override;
   void initializeBridge(
       std::unique_ptr<InstanceCallback> callback,
       std::shared_ptr<JSExecutorFactory> jsef,
       std::shared_ptr<MessageQueueThread> jsQueue,
-      std::shared_ptr<ModuleRegistry> moduleRegistry);
+      std::shared_ptr<ModuleRegistry> moduleRegistry,
+      jsinspector_modern::PageTarget* inspectorTarget = nullptr);
 
   void initializeRuntime();
 
@@ -132,6 +134,12 @@ class RN_EXPORT Instance {
    */
   RuntimeExecutor getRuntimeExecutor();
 
+  /**
+   * Unregisters the instance from the inspector. This method must be called
+   * on the main (non-JS) thread.
+   */
+  void unregisterFromInspector();
+
  private:
   void callNativeModules(folly::dynamic&& calls, bool isEndOfBatch);
   void loadBundle(
@@ -169,6 +177,10 @@ class RN_EXPORT Instance {
 
   std::shared_ptr<JSCallInvoker> jsCallInvoker_ =
       std::make_shared<JSCallInvoker>();
+
+  jsinspector_modern::PageTarget* parentInspectorTarget_{nullptr};
+  jsinspector_modern::InstanceTarget* inspectorTarget_{nullptr};
+  jsinspector_modern::RuntimeTarget* runtimeInspectorTarget_{nullptr};
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/cxxreact/JSBigString.cpp b/packages/react-native/ReactCommon/cxxreact/JSBigString.cpp
index 7ca8e18bfd8185..eaa305c238ef15 100644
--- a/packages/react-native/ReactCommon/cxxreact/JSBigString.cpp
+++ b/packages/react-native/ReactCommon/cxxreact/JSBigString.cpp
@@ -38,8 +38,8 @@ JSBigFileString::JSBigFileString(int fd, size_t size, off_t offset /*= 0*/)
     const static auto ps = sysconf(_SC_PAGESIZE);
     auto d = lldiv(offset, ps);
 
-    m_mapOff = d.quot;
-    m_pageOff = d.rem;
+    m_mapOff = static_cast<off_t>(d.quot);
+    m_pageOff = static_cast<off_t>(d.rem);
     m_size = size + m_pageOff;
   } else {
     m_mapOff = 0;
diff --git a/packages/react-native/ReactCommon/cxxreact/JSExecutor.cpp b/packages/react-native/ReactCommon/cxxreact/JSExecutor.cpp
index fa0cb3f1944284..e68a716d772592 100644
--- a/packages/react-native/ReactCommon/cxxreact/JSExecutor.cpp
+++ b/packages/react-native/ReactCommon/cxxreact/JSExecutor.cpp
@@ -10,6 +10,7 @@
 #include "RAMBundleRegistry.h"
 
 #include <folly/Conv.h>
+#include <jsinspector-modern/ReactCdp.h>
 
 #include <chrono>
 
@@ -34,4 +35,16 @@ double JSExecutor::performanceNow() {
   return duration / NANOSECONDS_IN_MILLISECOND;
 }
 
+std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate>
+JSExecutor::createAgentDelegate(
+    jsinspector_modern::FrontendChannel frontendChannel,
+    jsinspector_modern::SessionState& sessionState,
+    std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate::ExportedState>,
+    const jsinspector_modern::ExecutionContextDescription&
+        executionContextDescription) {
+  (void)executionContextDescription;
+  return std::make_unique<jsinspector_modern::FallbackRuntimeAgentDelegate>(
+      std::move(frontendChannel), sessionState, getDescription());
+}
+
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/cxxreact/JSExecutor.h b/packages/react-native/ReactCommon/cxxreact/JSExecutor.h
index 0a3b4705fe4ce7..e89f924545249a 100644
--- a/packages/react-native/ReactCommon/cxxreact/JSExecutor.h
+++ b/packages/react-native/ReactCommon/cxxreact/JSExecutor.h
@@ -12,6 +12,8 @@
 
 #include <cxxreact/NativeModule.h>
 #include <folly/dynamic.h>
+#include <jsinspector-modern/InspectorInterfaces.h>
+#include <jsinspector-modern/ReactCdp.h>
 
 #ifndef RN_EXPORT
 #define RN_EXPORT __attribute__((visibility("default")))
@@ -45,9 +47,6 @@ class ExecutorDelegate {
       folly::dynamic&& args) = 0;
 };
 
-using NativeExtensionsProvider =
-    std::function<folly::dynamic(const std::string&)>;
-
 class JSExecutorFactory {
  public:
   virtual std::unique_ptr<JSExecutor> createJSExecutor(
@@ -56,7 +55,7 @@ class JSExecutorFactory {
   virtual ~JSExecutorFactory() {}
 };
 
-class RN_EXPORT JSExecutor {
+class RN_EXPORT JSExecutor : public jsinspector_modern::RuntimeTargetDelegate {
  public:
   /**
    * Prepares the JS runtime for React Native by installing global variables.
@@ -114,7 +113,8 @@ class RN_EXPORT JSExecutor {
 
   /**
    * Returns whether or not the underlying executor supports debugging via the
-   * Chrome remote debugging protocol.
+   * Chrome remote debugging protocol. If true, the executor should also
+   * override the \c createAgentDelegate method.
    */
   virtual bool isInspectable() {
     return false;
@@ -130,7 +130,7 @@ class RN_EXPORT JSExecutor {
   virtual void handleMemoryPressure([[maybe_unused]] int pressureLevel) {}
 
   virtual void destroy() {}
-  virtual ~JSExecutor() {}
+  virtual ~JSExecutor() override {}
 
   virtual void flush() {}
 
@@ -139,6 +139,18 @@ class RN_EXPORT JSExecutor {
       const std::string& bundlePath);
 
   static double performanceNow();
+
+  /**
+   * Create a RuntimeAgentDelegate that can be used to debug the JS VM instance.
+   */
+  virtual std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate>
+  createAgentDelegate(
+      jsinspector_modern::FrontendChannel frontendChannel,
+      jsinspector_modern::SessionState& sessionState,
+      std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate::ExportedState>
+          previouslyExportedState,
+      const jsinspector_modern::ExecutionContextDescription&
+          executionContextDescription) override;
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.cpp b/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.cpp
index 5b48900d78911f..f23ce412fae178 100644
--- a/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.cpp
+++ b/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.cpp
@@ -343,4 +343,9 @@ NativeToJsBridge::getDecoratedNativeMethodCallInvoker(
       m_delegate, std::move(nativeMethodCallInvoker));
 }
 
+jsinspector_modern::RuntimeTargetDelegate&
+NativeToJsBridge::getInspectorTargetDelegate() {
+  return *m_executor;
+}
+
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.h b/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.h
index f8f59f596e424d..da3fa32068ea57 100644
--- a/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.h
+++ b/packages/react-native/ReactCommon/cxxreact/NativeToJsBridge.h
@@ -15,6 +15,7 @@
 #include <ReactCommon/CallInvoker.h>
 #include <ReactCommon/RuntimeExecutor.h>
 #include <cxxreact/JSExecutor.h>
+#include <jsinspector-modern/ReactCdp.h>
 
 namespace folly {
 struct dynamic;
@@ -106,6 +107,8 @@ class NativeToJsBridge {
   std::shared_ptr<NativeMethodCallInvoker> getDecoratedNativeMethodCallInvoker(
       std::shared_ptr<NativeMethodCallInvoker> nativeInvoker) const;
 
+  jsinspector_modern::RuntimeTargetDelegate& getInspectorTargetDelegate();
+
  private:
   // This is used to avoid a race condition where a proxyCallback gets queued
   // after ~NativeToJsBridge(), on the same thread. In that case, the callback
diff --git a/packages/react-native/ReactCommon/cxxreact/React-cxxreact.podspec b/packages/react-native/ReactCommon/cxxreact/React-cxxreact.podspec
index 3869dda9283518..d38704aeee200a 100644
--- a/packages/react-native/ReactCommon/cxxreact/React-cxxreact.podspec
+++ b/packages/react-native/ReactCommon/cxxreact/React-cxxreact.podspec
@@ -17,8 +17,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
@@ -44,7 +45,7 @@ Pod::Spec.new do |s|
   s.dependency "fmt", "9.1.0"
   s.dependency "RCT-Folly", folly_version
   s.dependency "glog"
-  s.dependency "React-jsinspector", version
+  add_dependency(s, "React-jsinspector", :framework_name => 'jsinspector_modern')
   s.dependency "React-callinvoker", version
   s.dependency "React-runtimeexecutor", version
   s.dependency "React-perflogger", version
diff --git a/packages/react-native/ReactCommon/cxxreact/ReactMarker.cpp b/packages/react-native/ReactCommon/cxxreact/ReactMarker.cpp
index e9059dac7137c8..86c3a03c9df5bf 100644
--- a/packages/react-native/ReactCommon/cxxreact/ReactMarker.cpp
+++ b/packages/react-native/ReactCommon/cxxreact/ReactMarker.cpp
@@ -53,9 +53,13 @@ void StartupLogger::logStartupEvent(
     double markerTime) {
   switch (markerId) {
     case ReactMarkerId::APP_STARTUP_START:
-      if (std::isnan(appStartupStartTime)) {
-        appStartupStartTime = markerTime;
+      if (!std::isnan(appStartupStartTime)) {
+        // We had a startup start time, which indicates a warm start (user
+        // closed the app and start again). In this case we need to invalidate
+        // all other startup timings.
+        reset();
       }
+      appStartupStartTime = markerTime;
       return;
 
     case ReactMarkerId::APP_STARTUP_STOP:
@@ -93,6 +97,15 @@ void StartupLogger::logStartupEvent(
   }
 }
 
+void StartupLogger::reset() {
+  appStartupStartTime = std::nan("");
+  appStartupEndTime = std::nan("");
+  initReactRuntimeStartTime = std::nan("");
+  initReactRuntimeEndTime = std::nan("");
+  runJSBundleStartTime = std::nan("");
+  runJSBundleEndTime = std::nan("");
+}
+
 double StartupLogger::getAppStartupStartTime() {
   return appStartupStartTime;
 }
diff --git a/packages/react-native/ReactCommon/cxxreact/ReactMarker.h b/packages/react-native/ReactCommon/cxxreact/ReactMarker.h
index 8d3a532e2c4e0d..e50746780d4867 100644
--- a/packages/react-native/ReactCommon/cxxreact/ReactMarker.h
+++ b/packages/react-native/ReactCommon/cxxreact/ReactMarker.h
@@ -74,6 +74,7 @@ class RN_EXPORT StartupLogger {
   static StartupLogger& getInstance();
 
   void logStartupEvent(const ReactMarkerId markerName, double markerTime);
+  void reset();
   double getAppStartupStartTime();
   double getInitReactRuntimeStartTime();
   double getInitReactRuntimeEndTime();
diff --git a/packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h b/packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h
index 5d89f4efaae213..6be46f63b85abd 100644
--- a/packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h
+++ b/packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @generated by scripts/set-rn-version.js
+ * @generated by scripts/releases/set-rn-version.js
  */
 
 #pragma once
diff --git a/packages/react-native/ReactCommon/cxxreact/tests/jsbigstring.cpp b/packages/react-native/ReactCommon/cxxreact/tests/jsbigstring.cpp
index 7d43418aba3148..cb196d1b353414 100644
--- a/packages/react-native/ReactCommon/cxxreact/tests/jsbigstring.cpp
+++ b/packages/react-native/ReactCommon/cxxreact/tests/jsbigstring.cpp
@@ -9,7 +9,6 @@
 #include <sys/mman.h>
 
 #include <cxxreact/JSBigString.h>
-#include <folly/File.h>
 #include <gtest/gtest.h>
 
 using namespace facebook::react;
diff --git a/packages/react-native/ReactCommon/hermes/React-hermes.podspec b/packages/react-native/ReactCommon/hermes/React-hermes.podspec
index 24a60a7505a53a..9a38c881272af4 100644
--- a/packages/react-native/ReactCommon/hermes/React-hermes.podspec
+++ b/packages/react-native/ReactCommon/hermes/React-hermes.podspec
@@ -17,8 +17,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
@@ -31,25 +32,23 @@ Pod::Spec.new do |s|
   s.platforms              = min_supported_versions
   s.source                 = source
   s.source_files           = "executor/*.{cpp,h}",
-                             "inspector-modern/*.{cpp,h}",
                              "inspector-modern/chrome/*.{cpp,h}",
-                             "inspector-modern/detail/*.{cpp,h}"
   s.public_header_files    = "executor/HermesExecutorFactory.h"
   s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
   s.pod_target_xcconfig    = {
-                               "HEADER_SEARCH_PATHS" => "\"${PODS_ROOT}/hermes-engine/destroot/include\" \"$(PODS_TARGET_SRCROOT)/..\" \"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/RCT-Folly\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/fmt/include\" \"$(PODS_ROOT)/libevent/include\"",
+                               "HEADER_SEARCH_PATHS" => "\"${PODS_ROOT}/hermes-engine/destroot/include\" \"$(PODS_TARGET_SRCROOT)/..\" \"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/RCT-Folly\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/fmt/include\"",
                                "CLANG_CXX_LANGUAGE_STANDARD" => "c++20"
                              }
   s.header_dir             = "reacthermes"
   s.dependency "React-cxxreact", version
   s.dependency "React-jsiexecutor", version
-  s.dependency "React-jsinspector", version
+  add_dependency(s, "React-jsinspector", :framework_name => 'jsinspector_modern')
   s.dependency "React-perflogger", version
   s.dependency "RCT-Folly", folly_version
   s.dependency "DoubleConversion"
   s.dependency "fmt", "9.1.0"
   s.dependency "glog"
-  s.dependency "RCT-Folly/Futures", folly_version
   s.dependency "hermes-engine"
   s.dependency "React-jsi"
+  s.dependency "React-runtimeexecutor"
 end
diff --git a/packages/react-native/ReactCommon/hermes/executor/HermesExecutorFactory.cpp b/packages/react-native/ReactCommon/hermes/executor/HermesExecutorFactory.cpp
index 8ae8766f5e3e84..4b1414253d38c3 100644
--- a/packages/react-native/ReactCommon/hermes/executor/HermesExecutorFactory.cpp
+++ b/packages/react-native/ReactCommon/hermes/executor/HermesExecutorFactory.cpp
@@ -13,12 +13,12 @@
 #include <cxxreact/SystraceSection.h>
 #include <hermes/hermes.h>
 #include <jsi/decorator.h>
+#include <jsinspector-modern/InspectorFlags.h>
 
+#include <hermes/inspector-modern/chrome/HermesRuntimeAgentDelegate.h>
 #include <hermes/inspector-modern/chrome/Registration.h>
 #include <hermes/inspector/RuntimeAdapter.h>
 
-#include "JSITracing.h"
-
 using namespace facebook::hermes;
 using namespace facebook::jsi;
 
@@ -43,13 +43,16 @@ class HermesExecutorRuntimeAdapter
   }
 
   void tickleJs() override {
-    // The queue will ensure that runtime_ is still valid when this
-    // gets invoked.
-    thread_->runOnQueue([&runtime = runtime_]() {
-      auto func =
-          runtime->global().getPropertyAsFunction(*runtime, "__tickleJs");
-      func.call(*runtime);
-    });
+    thread_->runOnQueue(
+        [weakRuntime = std::weak_ptr<HermesRuntime>(runtime_)]() {
+          auto runtime = weakRuntime.lock();
+          if (!runtime) {
+            return;
+          }
+          jsi::Function func =
+              runtime->global().getPropertyAsFunction(*runtime, "__tickleJs");
+          func.call(*runtime);
+        });
   }
 
  private:
@@ -199,11 +202,14 @@ std::unique_ptr<JSExecutor> HermesExecutorFactory::createJSExecutor(
   }
 
   HermesRuntime& hermesRuntimeRef = *hermesRuntime;
+  auto& inspectorFlags = jsinspector_modern::InspectorFlags::getInstance();
+  bool enableDebugger =
+      !inspectorFlags.getEnableModernCDPRegistry() && enableDebugger_;
   auto decoratedRuntime = std::make_shared<DecoratedRuntime>(
       std::move(hermesRuntime),
       hermesRuntimeRef,
       jsQueue,
-      enableDebugger_,
+      enableDebugger,
       debuggerName_);
 
   // So what do we have now?
@@ -225,7 +231,12 @@ std::unique_ptr<JSExecutor> HermesExecutorFactory::createJSExecutor(
   errorPrototype.setProperty(*decoratedRuntime, "jsEngine", "hermes");
 
   return std::make_unique<HermesExecutor>(
-      decoratedRuntime, delegate, jsQueue, timeoutInvoker_, runtimeInstaller_);
+      decoratedRuntime,
+      delegate,
+      jsQueue,
+      timeoutInvoker_,
+      runtimeInstaller_,
+      hermesRuntimeRef);
 }
 
 ::hermes::vm::RuntimeConfig HermesExecutorFactory::defaultRuntimeConfig() {
@@ -239,9 +250,43 @@ HermesExecutor::HermesExecutor(
     std::shared_ptr<ExecutorDelegate> delegate,
     std::shared_ptr<MessageQueueThread> jsQueue,
     const JSIScopedTimeoutInvoker& timeoutInvoker,
-    RuntimeInstaller runtimeInstaller)
-    : JSIExecutor(runtime, delegate, timeoutInvoker, runtimeInstaller) {
-  jsi::addNativeTracingHooks(*runtime);
+    RuntimeInstaller runtimeInstaller,
+    HermesRuntime& hermesRuntime)
+    : JSIExecutor(runtime, delegate, timeoutInvoker, runtimeInstaller),
+      jsQueue_(jsQueue),
+      runtime_(runtime),
+      hermesRuntime_(hermesRuntime) {}
+
+std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate>
+HermesExecutor::createAgentDelegate(
+    jsinspector_modern::FrontendChannel frontendChannel,
+    jsinspector_modern::SessionState& sessionState,
+    std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate::ExportedState>
+        previouslyExportedState,
+    const jsinspector_modern::ExecutionContextDescription&
+        executionContextDescription) {
+  std::shared_ptr<HermesRuntime> hermesRuntimeShared(runtime_, &hermesRuntime_);
+  return std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate>(
+      new jsinspector_modern::HermesRuntimeAgentDelegate(
+          frontendChannel,
+          sessionState,
+          std::move(previouslyExportedState),
+          executionContextDescription,
+          hermesRuntimeShared,
+          [jsQueueWeak = std::weak_ptr(jsQueue_),
+           runtimeWeak = std::weak_ptr(runtime_)](auto fn) {
+            auto jsQueue = jsQueueWeak.lock();
+            if (!jsQueue) {
+              return;
+            }
+            jsQueue->runOnQueue([runtimeWeak, fn]() {
+              auto runtime = runtimeWeak.lock();
+              if (!runtime) {
+                return;
+              }
+              fn(*runtime);
+            });
+          }));
 }
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/hermes/executor/HermesExecutorFactory.h b/packages/react-native/ReactCommon/hermes/executor/HermesExecutorFactory.h
index 723ed547302bb9..689a58f7f0592e 100644
--- a/packages/react-native/ReactCommon/hermes/executor/HermesExecutorFactory.h
+++ b/packages/react-native/ReactCommon/hermes/executor/HermesExecutorFactory.h
@@ -9,7 +9,6 @@
 
 #include <hermes/hermes.h>
 #include <jsireact/JSIExecutor.h>
-#include <functional>
 #include <utility>
 
 namespace facebook::react {
@@ -52,10 +51,23 @@ class HermesExecutor : public JSIExecutor {
       std::shared_ptr<ExecutorDelegate> delegate,
       std::shared_ptr<MessageQueueThread> jsQueue,
       const JSIScopedTimeoutInvoker& timeoutInvoker,
-      RuntimeInstaller runtimeInstaller);
+      RuntimeInstaller runtimeInstaller,
+      hermes::HermesRuntime& hermesRuntime);
+
+  virtual std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate>
+  createAgentDelegate(
+      jsinspector_modern::FrontendChannel frontendChannel,
+      jsinspector_modern::SessionState& sessionState,
+      std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate::ExportedState>
+          previouslyExportedState,
+      const jsinspector_modern::ExecutionContextDescription&
+          executionContextDescription) override;
 
  private:
   JSIScopedTimeoutInvoker timeoutInvoker_;
+  std::shared_ptr<MessageQueueThread> jsQueue_;
+  std::shared_ptr<jsi::Runtime> runtime_;
+  hermes::HermesRuntime& hermesRuntime_;
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/.clang-format b/packages/react-native/ReactCommon/hermes/inspector-modern/.clang-format
deleted file mode 100644
index 550292f9506cef..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/.clang-format
+++ /dev/null
@@ -1,87 +0,0 @@
----
-AccessModifierOffset: -1
-AlignAfterOpenBracket: AlwaysBreak
-AlignConsecutiveAssignments: false
-AlignConsecutiveDeclarations: false
-AlignEscapedNewlinesLeft: true
-AlignOperands:   false
-AlignTrailingComments: false
-AllowAllParametersOfDeclarationOnNextLine: false
-AllowShortBlocksOnASingleLine: false
-AllowShortCaseLabelsOnASingleLine: false
-AllowShortFunctionsOnASingleLine: Empty
-AllowShortIfStatementsOnASingleLine: false
-AllowShortLoopsOnASingleLine: false
-AlwaysBreakAfterReturnType: None
-AlwaysBreakBeforeMultilineStrings: true
-AlwaysBreakTemplateDeclarations: true
-BinPackArguments: false
-BinPackParameters: false
-BraceWrapping:
-  AfterClass:      false
-  AfterControlStatement: false
-  AfterEnum:       false
-  AfterFunction:   false
-  AfterNamespace:  false
-  AfterObjCDeclaration: false
-  AfterStruct:     false
-  AfterUnion:      false
-  BeforeCatch:     false
-  BeforeElse:      false
-  IndentBraces:    false
-BreakBeforeBinaryOperators: None
-BreakBeforeBraces: Attach
-BreakBeforeTernaryOperators: true
-BreakConstructorInitializersBeforeComma: false
-BreakAfterJavaFieldAnnotations: false
-BreakStringLiterals: false
-ColumnLimit:     80
-CommentPragmas:  '^ IWYU pragma:'
-ConstructorInitializerAllOnOneLineOrOnePerLine: true
-ConstructorInitializerIndentWidth: 4
-ContinuationIndentWidth: 4
-Cpp11BracedListStyle: true
-DerivePointerAlignment: false
-DisableFormat:   false
-ForEachMacros:   [ FOR_EACH_RANGE, FOR_EACH, ]
-IncludeCategories:
-  - Regex:           '^<.*\.h(pp)?>'
-    Priority:        1
-  - Regex:           '^<.*'
-    Priority:        2
-  - Regex:           '.*'
-    Priority:        3
-IndentCaseLabels: true
-IndentWidth:     2
-IndentWrappedFunctionNames: false
-KeepEmptyLinesAtTheStartOfBlocks: false
-MacroBlockBegin: ''
-MacroBlockEnd:   ''
-MaxEmptyLinesToKeep: 1
-NamespaceIndentation: None
-ObjCBlockIndentWidth: 2
-ObjCSpaceAfterProperty: false
-ObjCSpaceBeforeProtocolList: false
-PenaltyBreakBeforeFirstCallParameter: 1
-PenaltyBreakComment: 300
-PenaltyBreakFirstLessLess: 120
-PenaltyBreakString: 1000
-PenaltyExcessCharacter: 1000000
-PenaltyReturnTypeOnItsOwnLine: 200
-PointerAlignment: Right
-ReflowComments:  true
-SortIncludes:    true
-SpaceAfterCStyleCast: false
-SpaceBeforeAssignmentOperators: true
-SpaceBeforeParens: ControlStatements
-SpaceInEmptyParentheses: false
-SpacesBeforeTrailingComments: 1
-SpacesInAngles:  false
-SpacesInContainerLiterals: true
-SpacesInCStyleCastParentheses: false
-SpacesInParentheses: false
-SpacesInSquareBrackets: false
-Standard:        Cpp11
-TabWidth:        8
-UseTab:          Never
-...
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/AsyncPauseState.h b/packages/react-native/ReactCommon/hermes/inspector-modern/AsyncPauseState.h
deleted file mode 100644
index 4e594fb1b4bf26..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/AsyncPauseState.h
+++ /dev/null
@@ -1,34 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-
-/**
- * AsyncPauseState is used to track whether we requested an async pause from a
- * running VM, and whether the pause was initiated by us or by the client.
- */
-enum class AsyncPauseState {
-  /// None means there is no pending async pause in the VM.
-  None,
-
-  /// Implicit means we requested an async pause from the VM to service an op
-  /// that can only be performed while paused, like setting a breakpoint. An
-  /// impliict pause can be upgraded to an explicit pause if the client later
-  /// explicitly requests a pause.
-  Implicit,
-
-  /// Explicit means that the client requested the pause by calling pause().
-  Explicit
-};
-
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/CMakeLists.txt b/packages/react-native/ReactCommon/hermes/inspector-modern/CMakeLists.txt
index bd051c84563f82..bb820dabe1fad7 100644
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/hermes/inspector-modern/CMakeLists.txt
@@ -6,7 +6,7 @@
 cmake_minimum_required(VERSION 3.13)
 set(CMAKE_VERBOSE_MAKEFILE on)
 
-file(GLOB hermesinspectormodern_SRC CONFIGURE_DEPENDS *.cpp detail/*.cpp chrome/*.cpp)
+file(GLOB hermesinspectormodern_SRC CONFIGURE_DEPENDS chrome/*.cpp)
 
 add_library(hermes_inspector_modern
         STATIC
@@ -15,7 +15,6 @@ add_library(hermes_inspector_modern
 target_compile_options(
         hermes_inspector_modern
         PRIVATE
-        -DHERMES_INSPECTOR_FOLLY_KLUDGE=1
         -std=c++20
         -fexceptions
 )
@@ -32,9 +31,7 @@ target_include_directories(hermes_inspector_modern PUBLIC ${REACT_COMMON_DIR})
 target_link_libraries(hermes_inspector_modern
         jsinspector
         fb
-        fbjni
-        folly_futures
-        folly_runtime
         glog
         hermes-engine::libhermes
-        jsi)
+        jsi
+        runtimeexecutor)
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/Exceptions.h b/packages/react-native/ReactCommon/hermes/inspector-modern/Exceptions.h
deleted file mode 100644
index a2bf51c0c96528..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/Exceptions.h
+++ /dev/null
@@ -1,60 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// using include guards instead of #pragma once due to compile issues
-// with MSVC and BUCK
-#ifndef HERMES_INSPECTOR_MODERN_EXCEPTIONS_H
-#define HERMES_INSPECTOR_MODERN_EXCEPTIONS_H
-
-#include <stdexcept>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-
-class AlreadyEnabledException : public std::runtime_error {
- public:
-  AlreadyEnabledException()
-      : std::runtime_error("can't enable: debugger already enabled") {}
-};
-
-class NotEnabledException : public std::runtime_error {
- public:
-  NotEnabledException(const std::string &cmd)
-      : std::runtime_error("debugger can't perform " + cmd + ": not enabled") {}
-};
-
-class InvalidStateException : public std::runtime_error {
- public:
-  InvalidStateException(
-      const std::string &cmd,
-      const std::string &curState,
-      const std::string &expectedState)
-      : std::runtime_error(
-            "debugger can't perform " + cmd + ": in " + curState +
-            ", expected " + expectedState) {}
-};
-
-class MultipleCommandsPendingException : public std::runtime_error {
- public:
-  MultipleCommandsPendingException(const std::string &cmd)
-      : std::runtime_error(
-            "debugger can't perform " + cmd +
-            ": a step or resume is already pending") {}
-};
-
-class UserCallbackException : public std::runtime_error {
- public:
-  UserCallbackException(const std::exception &e)
-      : std::runtime_error(std::string("callback exception: ") + e.what()) {}
-};
-
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
-
-#endif // HERMES_INSPECTOR_MODERN_EXCEPTIONS_H
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/Inspector.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/Inspector.cpp
deleted file mode 100644
index 4e8e06849334c5..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/Inspector.cpp
+++ /dev/null
@@ -1,745 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "Inspector.h"
-#include "Exceptions.h"
-#include "InspectorState.h"
-
-#include <functional>
-#include <string>
-
-#include <glog/logging.h>
-#include <hermes/inspector-modern/detail/SerialExecutor.h>
-#include <hermes/inspector-modern/detail/Thread.h>
-
-#ifdef HERMES_INSPECTOR_FOLLY_KLUDGE
-// <kludge> This is here, instead of linking against
-// folly/futures/Future.cpp, to avoid pulling in another pile of
-// dependencies, including the separate dependency libevent.  This is
-// likely specific to the version of folly RN uses, so may need to be
-// changed.  Even better, perhaps folly can be refactored to simplify
-// this.  Providing a RN-specific Timekeeper impl may also help.
-
-template class folly::Future<folly::Unit>;
-template class folly::Future<bool>;
-
-namespace folly {
-namespace futures {
-
-SemiFuture<Unit> sleep(Duration, Timekeeper *) {
-  LOG(FATAL) << "folly::futures::sleep() not implemented";
-}
-
-} // namespace futures
-
-namespace detail {
-
-std::shared_ptr<Timekeeper> getTimekeeperSingleton() {
-  LOG(FATAL) << "folly::detail::getTimekeeperSingleton() not implemented";
-}
-
-} // namespace detail
-} // namespace folly
-
-// </kludge>
-#endif
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-
-using folly::Unit;
-
-namespace debugger = ::facebook::hermes::debugger;
-
-/**
- * Threading notes:
- *
- *  1. mutex_ must be held before using state_ or any InspectorState methods.
- *  2. Methods that are callable by the client (like enable, resume, etc.) call
- *     various InspectorState methods via state_. This implies that they must
- *     acquire mutex_.
- *  3. Since some InspectorState methods call back out to the client (e.g. via
- *     fulfilling promises, or via the InspectorObserver callbacks), we have to
- *     be careful about reentrancy from a callback causing a deadlock when (1)
- *     and (2) interact. Consider:
- *
- *       1) Debugger pauses, which causes InspectorObserve::onPause to fire.
- *          onPause is called by InspectorState::Paused::onEnter on the JS
- *          thread with mutex_ held.
- *       2) Client calls setBreakpoint from the onPause callback.
- *       3) If setBreakpoint directly tried to acquire mutex_ here, we would
- *          deadlock since our thread already owns the mutex_ (see 1).
- *
- * For this reason, all client-facing methods are executed on executor_, which
- * runs on its own thread. The pattern is:
- *
- *  1. The client-facing method foo (e.g. enable) enqueues a call to
- *      fooOnExecutor (e.g. enableOnExecutor) on executor_.
- *  2. fooOnExecutor is responsible for acquiring mutex_.
- *
- */
-
-// TODO: read this out of an env variable or config
-static constexpr bool kShouldLog = false;
-
-// Logging state transitions is done outside of transition() in a macro so that
-// function and line numbers in the log will be accurate.
-#define TRANSITION(nextState)                                            \
-  do {                                                                   \
-    if (kShouldLog) {                                                    \
-      if (state_ == nullptr) {                                           \
-        LOG(INFO) << "Inspector::" << __func__                           \
-                  << " transitioning to initial state " << *(nextState); \
-      } else {                                                           \
-        LOG(INFO) << "Inspector::" << __func__ << " transitioning from " \
-                  << *state_ << " to " << *(nextState);                  \
-      }                                                                  \
-    }                                                                    \
-    transition((nextState));                                             \
-  } while (0)
-
-Inspector::Inspector(
-    std::shared_ptr<RuntimeAdapter> adapter,
-    InspectorObserver &observer,
-    bool pauseOnFirstStatement)
-    : adapter_(adapter),
-      debugger_(adapter->getRuntime().getDebugger()),
-      observer_(observer),
-      executor_(std::make_unique<detail::SerialExecutor>("hermes-inspector")) {
-  // TODO (t26491391): make tickleJs a real Hermes runtime API
-  std::string src = "function __tickleJs() { return Math.random(); }";
-  adapter->getRuntime().evaluateJavaScript(
-      std::make_shared<jsi::StringBuffer>(src), "__tickleJsHackUrl");
-
-  {
-    std::scoped_lock lock(mutex_);
-
-    if (pauseOnFirstStatement) {
-      awaitingDebuggerOnStart_ = true;
-      TRANSITION(std::make_unique<InspectorState::RunningWaitEnable>(*this));
-    } else {
-      TRANSITION(std::make_unique<InspectorState::RunningDetached>(*this));
-    }
-  }
-
-  debugger_.setShouldPauseOnScriptLoad(true);
-  debugger_.setEventObserver(this);
-}
-
-Inspector::~Inspector() {
-  debugger_.setEventObserver(nullptr);
-}
-
-static bool toBoolean(jsi::Runtime &runtime, const jsi::Value &val) {
-  // Based on Operations.cpp:toBoolean in the Hermes VM.
-  if (val.isUndefined() || val.isNull()) {
-    return false;
-  }
-  if (val.isBool()) {
-    return val.getBool();
-  }
-  if (val.isNumber()) {
-    double m = val.getNumber();
-    return m != 0 && !std::isnan(m);
-  }
-  if (val.isSymbol() || val.isObject()) {
-    return true;
-  }
-  if (val.isString()) {
-    std::string s = val.getString(runtime).utf8(runtime);
-    return !s.empty();
-  }
-  assert(false && "All cases should be covered");
-  return false;
-}
-
-void Inspector::installConsoleFunction(
-    jsi::Object &console,
-    std::shared_ptr<jsi::Object> &originalConsole,
-    const std::string &name,
-    const std::string &chromeTypeDefault = "") {
-  jsi::Runtime &rt = adapter_->getRuntime();
-  auto chromeType = chromeTypeDefault == "" ? name : chromeTypeDefault;
-  auto nameID = jsi::PropNameID::forUtf8(rt, name);
-  auto weakInspector = std::weak_ptr<Inspector>(shared_from_this());
-  console.setProperty(
-      rt,
-      nameID,
-      jsi::Function::createFromHostFunction(
-          rt,
-          nameID,
-          1,
-          [weakInspector, originalConsole, name, chromeType](
-              jsi::Runtime &runtime,
-              const jsi::Value &thisVal,
-              const jsi::Value *args,
-              size_t count) {
-            if (originalConsole) {
-              auto val = originalConsole->getProperty(runtime, name.c_str());
-              if (val.isObject()) {
-                auto obj = val.getObject(runtime);
-                if (obj.isFunction(runtime)) {
-                  auto func = obj.getFunction(runtime);
-                  func.callWithThis(runtime, *originalConsole, args, count);
-                }
-              }
-            }
-
-            if (auto inspector = weakInspector.lock()) {
-              if (name != "assert") {
-                // All cases other than assert just log a simple message.
-                jsi::Array argsArray(runtime, count);
-                for (size_t index = 0; index < count; ++index)
-                  argsArray.setValueAtIndex(runtime, index, args[index]);
-                inspector->logMessage(
-                    ConsoleMessageInfo{chromeType, std::move(argsArray)});
-                return jsi::Value::undefined();
-              }
-              // console.assert needs to check the first parameter before
-              // logging.
-              if (count == 0) {
-                // No parameters, throw a blank assertion failed message.
-                inspector->logMessage(
-                    ConsoleMessageInfo{chromeType, jsi::Array(runtime, 0)});
-              } else if (!toBoolean(runtime, args[0])) {
-                // Shift the message array down by one to not include the
-                // condition.
-                jsi::Array argsArray(runtime, count - 1);
-                for (size_t index = 1; index < count; ++index)
-                  argsArray.setValueAtIndex(runtime, index, args[index]);
-                inspector->logMessage(
-                    ConsoleMessageInfo{chromeType, std::move(argsArray)});
-              }
-            }
-
-            return jsi::Value::undefined();
-          }));
-}
-
-void Inspector::installLogHandler() {
-  jsi::Runtime &rt = adapter_->getRuntime();
-  auto console = jsi::Object(rt);
-  auto val = rt.global().getProperty(rt, "console");
-  std::shared_ptr<jsi::Object> originalConsole;
-  if (val.isObject()) {
-    originalConsole = std::make_shared<jsi::Object>(val.getObject(rt));
-  }
-  installConsoleFunction(console, originalConsole, "assert");
-  installConsoleFunction(console, originalConsole, "clear");
-  installConsoleFunction(console, originalConsole, "debug");
-  installConsoleFunction(console, originalConsole, "dir");
-  installConsoleFunction(console, originalConsole, "dirxml");
-  installConsoleFunction(console, originalConsole, "error");
-  installConsoleFunction(console, originalConsole, "group", "startGroup");
-  installConsoleFunction(
-      console, originalConsole, "groupCollapsed", "startGroupCollapsed");
-  installConsoleFunction(console, originalConsole, "groupEnd", "endGroup");
-  installConsoleFunction(console, originalConsole, "info");
-  installConsoleFunction(console, originalConsole, "log");
-  installConsoleFunction(console, originalConsole, "profile");
-  installConsoleFunction(console, originalConsole, "profileEnd");
-  installConsoleFunction(console, originalConsole, "table");
-  installConsoleFunction(console, originalConsole, "trace");
-  installConsoleFunction(console, originalConsole, "warn", "warning");
-  rt.global().setProperty(rt, "console", console);
-}
-
-void Inspector::triggerAsyncPause(bool andTickle) {
-  // In order to ensure that we pause soon, we both set the async pause flag on
-  // the runtime, and we run a bit of dummy JS to ensure we enter the Hermes
-  // interpreter loop.
-  debugger_.triggerAsyncPause(
-      pendingPauseState_ == AsyncPauseState::Implicit
-          ? debugger::AsyncPauseKind::Implicit
-          : debugger::AsyncPauseKind::Explicit);
-
-  if (andTickle) {
-    // We run the dummy JS on a background thread to avoid any reentrancy issues
-    // in case this thread is called with the inspector mutex held.
-    std::shared_ptr<RuntimeAdapter> adapter = adapter_;
-    detail::Thread tickleJsLater(
-        "inspectorTickleJs", [adapter]() { adapter->tickleJs(); });
-    tickleJsLater.detach();
-  }
-}
-
-void Inspector::notifyContextCreated() {
-  observer_.onContextCreated(*this);
-}
-
-ScriptInfo Inspector::getScriptInfoFromTopCallFrame() {
-  ScriptInfo info{};
-  auto stackTrace = debugger_.getProgramState().getStackTrace();
-
-  if (stackTrace.callFrameCount() > 0) {
-    debugger::SourceLocation loc = stackTrace.callFrameForIndex(0).location;
-
-    info.fileId = loc.fileId;
-    info.fileName = loc.fileName;
-    info.sourceMappingUrl = debugger_.getSourceMappingUrl(info.fileId);
-  }
-
-  return info;
-}
-
-void Inspector::addCurrentScriptToLoadedScripts() {
-  ScriptInfo info = getScriptInfoFromTopCallFrame();
-  auto fileId = info.fileId;
-
-  if (!loadedScripts_.count(fileId)) {
-    loadedScriptIdByName_[info.fileName] = fileId;
-    loadedScripts_[fileId] = LoadedScriptInfo{std::move(info), false};
-  }
-}
-
-void Inspector::removeAllBreakpoints() {
-  debugger_.deleteAllBreakpoints();
-}
-
-void Inspector::resetScriptsLoaded() {
-  for (auto &it : loadedScripts_) {
-    it.second.notifiedClient = false;
-  }
-}
-
-void Inspector::notifyScriptsLoaded() {
-  for (auto &it : loadedScripts_) {
-    LoadedScriptInfo &loadedScriptInfo = it.second;
-
-    if (!loadedScriptInfo.notifiedClient) {
-      loadedScriptInfo.notifiedClient = true;
-      observer_.onScriptParsed(*this, loadedScriptInfo.info);
-    }
-  }
-}
-
-folly::Future<Unit> Inspector::disable() {
-  auto promise = std::make_shared<folly::Promise<Unit>>();
-
-  executor_->add([this, promise] { disableOnExecutor(promise); });
-
-  return promise->getFuture();
-}
-
-folly::Future<Unit> Inspector::enable() {
-  auto promise = std::make_shared<folly::Promise<Unit>>();
-
-  executor_->add([this, promise] { enableOnExecutor(promise); });
-
-  return promise->getFuture();
-}
-
-folly::Future<Unit> Inspector::executeIfEnabled(
-    const std::string &description,
-    folly::Function<void(const debugger::ProgramState &)> func) {
-  auto promise = std::make_shared<folly::Promise<Unit>>();
-
-  executor_->add(
-      [this, description, func = std::move(func), promise]() mutable {
-        executeIfEnabledOnExecutor(description, std::move(func), promise);
-      });
-
-  return promise->getFuture();
-}
-
-folly::Future<debugger::BreakpointInfo> Inspector::setBreakpoint(
-    debugger::SourceLocation loc,
-    std::optional<std::string> condition) {
-  auto promise = std::make_shared<folly::Promise<debugger::BreakpointInfo>>();
-  // Automatically re-enable breakpoints since the user presumably wants this
-  // to start triggering.
-  breakpointsActive_ = true;
-
-  executor_->add([this, loc, condition, promise] {
-    setBreakpointOnExecutor(loc, condition, promise);
-  });
-
-  return promise->getFuture();
-}
-
-folly::Future<folly::Unit> Inspector::removeBreakpoint(
-    debugger::BreakpointID breakpointId) {
-  auto promise = std::make_shared<folly::Promise<folly::Unit>>();
-
-  executor_->add([this, breakpointId, promise] {
-    removeBreakpointOnExecutor(breakpointId, promise);
-  });
-
-  return promise->getFuture();
-}
-
-folly::Future<folly::Unit> Inspector::logMessage(ConsoleMessageInfo info) {
-  auto promise = std::make_shared<folly::Promise<folly::Unit>>();
-
-  executor_->add([this,
-                  pInfo = std::make_unique<ConsoleMessageInfo>(std::move(info)),
-                  promise] { logOnExecutor(std::move(*pInfo), promise); });
-
-  return promise->getFuture();
-}
-
-folly::Future<Unit> Inspector::setPendingCommand(debugger::Command command) {
-  auto promise = std::make_shared<folly::Promise<Unit>>();
-
-  executor_->add([this, promise, cmd = std::move(command)]() mutable {
-    setPendingCommandOnExecutor(std::move(cmd), promise);
-  });
-
-  return promise->getFuture();
-}
-
-folly::Future<Unit> Inspector::resume() {
-  return setPendingCommand(debugger::Command::continueExecution());
-}
-
-folly::Future<Unit> Inspector::stepIn() {
-  return setPendingCommand(debugger::Command::step(debugger::StepMode::Into));
-}
-
-folly::Future<Unit> Inspector::stepOver() {
-  return setPendingCommand(debugger::Command::step(debugger::StepMode::Over));
-}
-
-folly::Future<Unit> Inspector::stepOut() {
-  return setPendingCommand(debugger::Command::step(debugger::StepMode::Out));
-}
-
-folly::Future<Unit> Inspector::pause() {
-  auto promise = std::make_shared<folly::Promise<Unit>>();
-
-  executor_->add([this, promise]() { pauseOnExecutor(promise); });
-
-  return promise->getFuture();
-}
-
-folly::Future<debugger::EvalResult> Inspector::evaluate(
-    uint32_t frameIndex,
-    const std::string &src,
-    folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-        resultTransformer) {
-  auto promise = std::make_shared<folly::Promise<debugger::EvalResult>>();
-
-  executor_->add([this,
-                  frameIndex,
-                  src,
-                  promise,
-                  resultTransformer = std::move(resultTransformer)]() mutable {
-    evaluateOnExecutor(frameIndex, src, promise, std::move(resultTransformer));
-  });
-
-  return promise->getFuture();
-}
-
-folly::Future<folly::Unit> Inspector::setPauseOnExceptions(
-    const debugger::PauseOnThrowMode &mode) {
-  auto promise = std::make_shared<folly::Promise<Unit>>();
-
-  executor_->add([this, mode, promise]() mutable {
-    setPauseOnExceptionsOnExecutor(mode, promise);
-  });
-
-  return promise->getFuture();
-};
-
-folly::Future<folly::Unit> Inspector::setPauseOnLoads(
-    const PauseOnLoadMode mode) {
-  // This flag does not touch the runtime, so it doesn't need the executor.
-  // Return a future anyways for consistency.
-  auto promise = std::make_shared<folly::Promise<Unit>>();
-  pauseOnLoadMode_ = mode;
-  promise->setValue();
-  return promise->getFuture();
-};
-
-folly::Future<folly::Unit> Inspector::setBreakpointsActive(bool active) {
-  // Same logic as setPauseOnLoads.
-  auto promise = std::make_shared<folly::Promise<Unit>>();
-  breakpointsActive_ = active;
-  promise->setValue();
-  return promise->getFuture();
-};
-
-bool Inspector::shouldPauseOnThisScriptLoad() {
-  switch (pauseOnLoadMode_) {
-    case None:
-      return false;
-    case All:
-      return true;
-    case Smart:
-      // If we don't have active breakpoints, there's nothing to set or update.
-      if (debugger_.getBreakpoints().size() == 0) {
-        return false;
-      }
-      // If there's no source map URL, it's probably not a file we care about.
-      if (getScriptInfoFromTopCallFrame().sourceMappingUrl.size() == 0) {
-        return false;
-      }
-      return true;
-  }
-};
-
-debugger::Command Inspector::didPause(debugger::Debugger &debugger) {
-  std::unique_lock<std::mutex> lock(mutex_);
-
-  if (kShouldLog) {
-    LOG(INFO) << "received didPause for reason: "
-              << static_cast<int>(debugger.getProgramState().getPauseReason())
-              << " in state: " << *state_;
-  }
-
-  while (true) {
-    /*
-     * Keep sending the onPause event to the current state until we get a
-     * command to return. For instance, this handles the transition from
-     * Running to Paused to Running:
-     *
-     * 1) (R => P) We're currently in Running, so we call Running::didPause,
-     *    which returns {nextState: Paused, command: null}. There isn't a
-     *    command to return yet.
-     * 2) (P => R) Now we're in Paused, so we call Paused::didPause, which
-     *    returns {nextState: Running, command: someCommand} where someCommand
-     *    is non-null (e.g. continue or step over). This terminates the loop.
-     */
-    auto result = state_->didPause(lock);
-
-    std::unique_ptr<InspectorState> nextState = std::move(result.first);
-    if (nextState) {
-      TRANSITION(std::move(nextState));
-    }
-
-    std::unique_ptr<debugger::Command> command = std::move(result.second);
-    if (command) {
-      return std::move(*command);
-    }
-  }
-}
-
-void Inspector::breakpointResolved(
-    debugger::Debugger &debugger,
-    debugger::BreakpointID breakpointId) {
-  std::unique_lock<std::mutex> lock(mutex_);
-
-  debugger::BreakpointInfo info = debugger.getBreakpointInfo(breakpointId);
-  observer_.onBreakpointResolved(*this, info);
-}
-
-void Inspector::transition(std::unique_ptr<InspectorState> nextState) {
-  assert(nextState);
-  assert(state_ != nextState);
-
-  std::unique_ptr<InspectorState> prevState = std::move(state_);
-  state_ = std::move(nextState);
-  state_->onEnter(prevState.get());
-}
-
-void Inspector::disableOnExecutor(
-    std::shared_ptr<folly::Promise<Unit>> promise) {
-  std::scoped_lock lock(mutex_);
-
-  debugger_.setIsDebuggerAttached(false);
-
-  state_->detach(promise);
-}
-
-void Inspector::enableOnExecutor(
-    std::shared_ptr<folly::Promise<Unit>> promise) {
-  std::scoped_lock lock(mutex_);
-
-  auto result = state_->enable();
-
-  /**
-   * We fulfill the promise before changing state because fulfilling the promise
-   * responds to the Debugger.enable request, and changing state could send a
-   * notification (like Debugger.paused). It seems like a good idea to respond
-   * to enable before sending out any notifications.
-   */
-  bool enabled = result.second;
-  if (enabled) {
-    debugger_.setIsDebuggerAttached(true);
-    promise->setValue();
-  } else {
-    promise->setException(AlreadyEnabledException());
-  }
-
-  std::unique_ptr<InspectorState> nextState = std::move(result.first);
-  if (nextState) {
-    TRANSITION(std::move(nextState));
-  }
-}
-
-void Inspector::executeIfEnabledOnExecutor(
-    const std::string &description,
-    folly::Function<void(const debugger::ProgramState &)> func,
-    std::shared_ptr<folly::Promise<Unit>> promise) {
-  std::scoped_lock lock(mutex_);
-
-  if (!state_->isPaused() && !state_->isRunning()) {
-    promise->setException(InvalidStateException(
-        description, state_->description(), "paused or running"));
-    return;
-  }
-
-  folly::Func wrappedFunc = [this, func = std::move(func)]() mutable {
-    func(debugger_.getProgramState());
-  };
-
-  state_->pushPendingFunc(
-      [wrappedFunc = std::move(wrappedFunc), promise]() mutable {
-        if (auto userCallbackException = runUserCallback(wrappedFunc)) {
-          promise->setException(*userCallbackException);
-        } else {
-          promise->setValue();
-        }
-      });
-}
-
-void Inspector::setBreakpointOnExecutor(
-    debugger::SourceLocation loc,
-    std::optional<std::string> condition,
-    std::shared_ptr<folly::Promise<debugger::BreakpointInfo>> promise) {
-  std::scoped_lock lock(mutex_);
-
-  bool pushed = state_->pushPendingFunc([this, loc, condition, promise] {
-    debugger::BreakpointID id = debugger_.setBreakpoint(loc);
-    debugger::BreakpointInfo info{debugger::kInvalidBreakpoint};
-    if (id != debugger::kInvalidBreakpoint) {
-      info = debugger_.getBreakpointInfo(id);
-
-      if (condition) {
-        debugger_.setBreakpointCondition(id, condition.value());
-      }
-    }
-
-    promise->setValue(std::move(info));
-  });
-
-  if (!pushed) {
-    promise->setException(NotEnabledException("setBreakpoint"));
-  }
-}
-
-void Inspector::removeBreakpointOnExecutor(
-    debugger::BreakpointID breakpointId,
-    std::shared_ptr<folly::Promise<folly::Unit>> promise) {
-  std::scoped_lock lock(mutex_);
-
-  bool pushed = state_->pushPendingFunc([this, breakpointId, promise] {
-    debugger_.deleteBreakpoint(breakpointId);
-    promise->setValue();
-  });
-
-  if (!pushed) {
-    promise->setException(NotEnabledException("removeBreakpoint"));
-  }
-}
-
-void Inspector::logOnExecutor(
-    ConsoleMessageInfo info,
-    std::shared_ptr<folly::Promise<folly::Unit>> promise) {
-  std::scoped_lock lock(mutex_);
-
-  state_->pushPendingFunc([this, info = std::move(info)] {
-    observer_.onMessageAdded(*this, info);
-  });
-
-  promise->setValue();
-}
-
-void Inspector::setPendingCommandOnExecutor(
-    debugger::Command command,
-    std::shared_ptr<folly::Promise<Unit>> promise) {
-  std::scoped_lock lock(mutex_);
-
-  state_->setPendingCommand(std::move(command), promise);
-}
-
-void Inspector::pauseOnExecutor(std::shared_ptr<folly::Promise<Unit>> promise) {
-  std::scoped_lock lock(mutex_);
-
-  bool canPause = state_->pause();
-
-  if (canPause) {
-    promise->setValue();
-  } else {
-    promise->setException(NotEnabledException("pause"));
-  }
-}
-
-void Inspector::evaluateOnExecutor(
-    uint32_t frameIndex,
-    const std::string &src,
-    std::shared_ptr<folly::Promise<debugger::EvalResult>> promise,
-    folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-        resultTransformer) {
-  std::scoped_lock lock(mutex_);
-
-  state_->pushPendingEval(
-      frameIndex, src, promise, std::move(resultTransformer));
-}
-
-void Inspector::setPauseOnExceptionsOnExecutor(
-    const debugger::PauseOnThrowMode &mode,
-    std::shared_ptr<folly::Promise<folly::Unit>> promise) {
-  std::scoped_lock local(mutex_);
-
-  state_->pushPendingFunc([this, mode, promise] {
-    debugger_.setPauseOnThrowMode(mode);
-    promise->setValue();
-  });
-}
-
-static const char *kSuppressionVariable = "_hermes_suppress_superseded_warning";
-void Inspector::alertIfPausedInSupersededFile() {
-  if (isExecutingSupersededFile() &&
-      !shouldSuppressAlertAboutSupersededFiles()) {
-    ScriptInfo info = getScriptInfoFromTopCallFrame();
-    std::string warning =
-        "You have loaded the current file multiple times, and you are "
-        "now paused in one of the previous instances. The source "
-        "code you see may not correspond to what's being executed "
-        "(set JS variable " +
-        std::string(kSuppressionVariable) +
-        "=true to "
-        "suppress this warning. Filename: " +
-        info.fileName + ").";
-    jsi::Array jsiArray(adapter_->getRuntime(), 1);
-    jsiArray.setValueAtIndex(adapter_->getRuntime(), 0, warning);
-
-    ConsoleMessageInfo logMessage("warning", std::move(jsiArray));
-    observer_.onMessageAdded(*this, logMessage);
-  }
-}
-
-bool Inspector::shouldSuppressAlertAboutSupersededFiles() {
-  jsi::Runtime &rt = adapter_->getRuntime();
-  jsi::Value setting = rt.global().getProperty(rt, kSuppressionVariable);
-
-  if (setting.isUndefined() || !setting.isBool())
-    return false;
-  return setting.getBool();
-}
-
-bool Inspector::isExecutingSupersededFile() {
-  ScriptInfo info = getScriptInfoFromTopCallFrame();
-  if (info.fileName.empty())
-    return false;
-
-  auto it = loadedScriptIdByName_.find(info.fileName);
-  if (it != loadedScriptIdByName_.end()) {
-    return it->second > info.fileId;
-  }
-  return false;
-}
-
-bool Inspector::isAwaitingDebuggerOnStart() {
-  return awaitingDebuggerOnStart_;
-}
-
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/Inspector.h b/packages/react-native/ReactCommon/hermes/inspector-modern/Inspector.h
deleted file mode 100644
index aebeb828d27d66..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/Inspector.h
+++ /dev/null
@@ -1,384 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// using include guards instead of #pragma once due to compile issues
-// with MSVC and BUCK
-#ifndef HERMES_INSPECTOR_INSPECTOR_H
-#define HERMES_INSPECTOR_INSPECTOR_H
-
-#include <memory>
-#include <queue>
-#include <unordered_map>
-
-#include <folly/Executor.h>
-#include <folly/Unit.h>
-#include <folly/futures/Future.h>
-#include <hermes/DebuggerAPI.h>
-#include <hermes/hermes.h>
-#include <hermes/inspector-modern/AsyncPauseState.h>
-#include <hermes/inspector-modern/Exceptions.h>
-#include <hermes/inspector-modern/RuntimeAdapter.h>
-#include <optional>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-
-class Inspector;
-class InspectorState;
-
-/**
- * ScriptInfo contains info about loaded scripts.
- */
-struct ScriptInfo {
-  uint32_t fileId{};
-  std::string fileName;
-  std::string sourceMappingUrl;
-};
-
-struct ConsoleMessageInfo {
-  std::string source;
-  std::string level;
-  std::string url;
-  int line;
-  int column;
-
-  jsi::Array args;
-
-  ConsoleMessageInfo(std::string level, jsi::Array args)
-      : source("console-api"),
-        level(level),
-        url(""),
-        line(-1),
-        column(-1),
-        args(std::move(args)) {}
-};
-
-enum PauseOnLoadMode { None, Smart, All };
-
-/**
- * InspectorObserver notifies the observer of events that occur in the VM.
- */
-class InspectorObserver {
- public:
-  virtual ~InspectorObserver() = default;
-
-  /// onContextCreated fires when the VM is created.
-  virtual void onContextCreated(Inspector &inspector) = 0;
-
-  /// onBreakpointResolve fires when a lazy breakpoint is resolved.
-  virtual void onBreakpointResolved(
-      Inspector &inspector,
-      const facebook::hermes::debugger::BreakpointInfo &info) = 0;
-
-  /// onPause fires when VM transitions from running to paused state. This is
-  /// called directly on the JS thread while the VM is paused, so the receiver
-  /// can call debugger::ProgramState methods safely.
-  virtual void onPause(
-      Inspector &inspector,
-      const facebook::hermes::debugger::ProgramState &state) = 0;
-
-  /// onResume fires when VM transitions from paused to running state.
-  virtual void onResume(Inspector &inspector) = 0;
-
-  /// onScriptParsed fires when after the VM parses a script.
-  virtual void onScriptParsed(Inspector &inspector, const ScriptInfo &info) = 0;
-
-  // onMessageAdded fires when new console message is added.
-  virtual void onMessageAdded(
-      Inspector &inspector,
-      const ConsoleMessageInfo &info) = 0;
-};
-
-/**
- * Inspector implements a future-based interface over the low-level Hermes
- * debugging API.
- */
-class Inspector : public facebook::hermes::debugger::EventObserver,
-                  public std::enable_shared_from_this<Inspector> {
- public:
-  /**
-   * Inspector's constructor should be used to install the inspector on the
-   * provided runtime before any JS executes in the runtime.
-   */
-  Inspector(
-      std::shared_ptr<RuntimeAdapter> adapter,
-      InspectorObserver &observer,
-      bool pauseOnFirstStatement);
-  ~Inspector() override;
-
-  /**
-   * disable turns off the inspector. All of the subsequent methods will not do
-   * anything unless the inspector is enabled.
-   */
-  folly::Future<folly::Unit> disable();
-
-  /**
-   * enable turns on the inspector. All of the subsequent methods will not do
-   * anything unless the inspector is enabled. The returned future succeeds when
-   * the debugger is enabled, or fails with AlreadyEnabledException if the
-   * debugger was already enabled.
-   */
-  folly::Future<folly::Unit> enable();
-
-  /**
-   * installs console log handler. Ideally this should be done inside
-   * constructor, but because it uses shared_from_this we can't do this
-   * in constructor.
-   */
-  void installLogHandler();
-
-  /**
-   * executeIfEnabled executes the provided callback *on the JS thread with the
-   * inspector lock held*. Execution can be implicitly requested while running.
-   * The inspector lock:
-   *
-   *  1) Protects VM state transitions. This means that the VM is guaranteed to
-   *     stay in the paused or running state for the duration of the callback.
-   *  2) Protects InspectorObserver callbacks. This means that if some shared
-   *     data is accessed only in InspectorObserver and executeIfEnabled
-   *     callbacks, it does not need to be locked, since it's already protected
-   *     by the inspector lock.
-   *
-   * The returned future resolves to true in the VM can be paused, or
-   * fails with IllegalStateException otherwise. The description is only used
-   * to populate the IllegalStateException with more useful info on failure.
-   */
-  folly::Future<folly::Unit> executeIfEnabled(
-      const std::string &description,
-      folly::Function<void(const facebook::hermes::debugger::ProgramState &)>
-          func);
-
-  /**
-   * setBreakpoint can be called at any time after the debugger is enabled to
-   * set a breakpoint in the VM. The future is fulfilled with the resolved
-   * breakpoint info.
-   *
-   * Resolving a breakpoint takes an indeterminate amount of time since Hermes
-   * only resolves breakpoints when the debugger is able to actively pause JS
-   * execution.
-   */
-  folly::Future<facebook::hermes::debugger::BreakpointInfo> setBreakpoint(
-      facebook::hermes::debugger::SourceLocation loc,
-      std::optional<std::string> condition = std::nullopt);
-
-  folly::Future<folly::Unit> removeBreakpoint(
-      facebook::hermes::debugger::BreakpointID loc);
-
-  /**
-   * logs console message.
-   */
-  folly::Future<folly::Unit> logMessage(ConsoleMessageInfo info);
-
-  /**
-   * resume and step methods are only valid when the VM is currently paused. The
-   * returned future succeeds when the VM resumes execution, or fails with an
-   * InvalidStateException otherwise.
-   */
-  folly::Future<folly::Unit> resume();
-  folly::Future<folly::Unit> stepIn();
-  folly::Future<folly::Unit> stepOver();
-  folly::Future<folly::Unit> stepOut();
-
-  /**
-   * pause can be issued at any time while the inspector is enabled. It requests
-   * the VM to asynchronously break execution. The returned future succeeds if
-   * the VM can be paused in this state and fails with InvalidStateException if
-   * otherwise.
-   */
-  folly::Future<folly::Unit> pause();
-
-  /**
-   * evaluate runs JavaScript code within the context of a call frame. The
-   * returned promise is fulfilled with an eval result if it's possible to
-   * evaluate code in the current state or fails with InvalidStateException
-   * otherwise.
-   */
-  folly::Future<facebook::hermes::debugger::EvalResult> evaluate(
-      uint32_t frameIndex,
-      const std::string &src,
-      folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-          resultTransformer);
-
-  folly::Future<folly::Unit> setPauseOnExceptions(
-      const facebook::hermes::debugger::PauseOnThrowMode &mode);
-
-  /**
-   * Set whether to pause on loads. This does not require runtime modifications,
-   * but returns a future for consistency.
-   */
-  folly::Future<folly::Unit> setPauseOnLoads(const PauseOnLoadMode mode);
-
-  /**
-   * Set whether breakpoints are active (pause when hit). This does not require
-   * runtime modifications, but returns a future for consistency.
-   */
-  folly::Future<folly::Unit> setBreakpointsActive(bool active);
-
-  /**
-   * If called during a script load event, return true if we should pause.
-   * Assumed to be called from a script load event where we already hold
-   * `mutex_`.
-   */
-  bool shouldPauseOnThisScriptLoad();
-
-  /**
-   * didPause implements the pause callback from Hermes. This callback arrives
-   * on the JS thread.
-   */
-  facebook::hermes::debugger::Command didPause(
-      facebook::hermes::debugger::Debugger &debugger) override;
-
-  /**
-   * breakpointResolved implements the breakpointResolved callback from Hermes.
-   */
-  void breakpointResolved(
-      facebook::hermes::debugger::Debugger &debugger,
-      facebook::hermes::debugger::BreakpointID breakpointId) override;
-
-  /**
-   * Get whether we started with pauseOnFirstStatement, and have not yet had a
-   * debugger attach and ask to resume from that point. This matches the
-   * semantics of when CDP Debugger.runIfWaitingForDebugger should resume.
-   *
-   * It's not named "isPausedOnStart" because the VM and inspector is not
-   * necessarily paused; we could be in a RunningWaitPause state.
-   */
-  bool isAwaitingDebuggerOnStart();
-
- private:
-  friend class InspectorState;
-
-  void triggerAsyncPause(bool andTickle);
-
-  void notifyContextCreated();
-
-  ScriptInfo getScriptInfoFromTopCallFrame();
-
-  void addCurrentScriptToLoadedScripts();
-  void removeAllBreakpoints();
-  void resetScriptsLoaded();
-  void notifyScriptsLoaded();
-
-  folly::Future<folly::Unit> setPendingCommand(debugger::Command command);
-
-  void transition(std::unique_ptr<InspectorState> nextState);
-
-  // All methods that end with OnExecutor run on executor_.
-  void disableOnExecutor(std::shared_ptr<folly::Promise<folly::Unit>> promise);
-
-  void enableOnExecutor(std::shared_ptr<folly::Promise<folly::Unit>> promise);
-
-  void executeIfEnabledOnExecutor(
-      const std::string &description,
-      folly::Function<void(const facebook::hermes::debugger::ProgramState &)>
-          func,
-      std::shared_ptr<folly::Promise<folly::Unit>> promise);
-
-  void setBreakpointOnExecutor(
-      debugger::SourceLocation loc,
-      std::optional<std::string> condition,
-      std::shared_ptr<
-          folly::Promise<facebook::hermes::debugger::BreakpointInfo>> promise);
-
-  void removeBreakpointOnExecutor(
-      debugger::BreakpointID breakpointId,
-      std::shared_ptr<folly::Promise<folly::Unit>> promise);
-
-  void logOnExecutor(
-      ConsoleMessageInfo info,
-      std::shared_ptr<folly::Promise<folly::Unit>> promise);
-
-  void setPendingCommandOnExecutor(
-      facebook::hermes::debugger::Command command,
-      std::shared_ptr<folly::Promise<folly::Unit>> promise);
-
-  void pauseOnExecutor(std::shared_ptr<folly::Promise<folly::Unit>> promise);
-
-  void evaluateOnExecutor(
-      uint32_t frameIndex,
-      const std::string &src,
-      std::shared_ptr<folly::Promise<facebook::hermes::debugger::EvalResult>>
-          promise,
-      folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-          resultTransformer);
-
-  void setPauseOnExceptionsOnExecutor(
-      const facebook::hermes::debugger::PauseOnThrowMode &mode,
-      std::shared_ptr<folly::Promise<folly::Unit>> promise);
-
-  void installConsoleFunction(
-      jsi::Object &console,
-      std::shared_ptr<jsi::Object> &originalConsole,
-      const std::string &name,
-      const std::string &chromeType);
-
-  std::shared_ptr<RuntimeAdapter> adapter_;
-  facebook::hermes::debugger::Debugger &debugger_;
-  InspectorObserver &observer_;
-
-  // All of the following member variables are guarded by mutex_.
-  std::mutex mutex_;
-  std::unique_ptr<InspectorState> state_;
-
-  // See the InspectorState::Running implementation for an explanation for why
-  // this state is here rather than in the Running class.
-  AsyncPauseState pendingPauseState_ = AsyncPauseState::None;
-
-  // Whether we should enter a paused state when a script loads.
-  PauseOnLoadMode pauseOnLoadMode_ = PauseOnLoadMode::None;
-
-  // Whether or not we should pause on breakpoints.
-  bool breakpointsActive_ = true;
-
-  // All scripts loaded in to the VM, along with whether we've notified the
-  // client about the script yet.
-  struct LoadedScriptInfo {
-    ScriptInfo info;
-    bool notifiedClient;
-  };
-  std::unordered_map<int, LoadedScriptInfo> loadedScripts_;
-  std::unordered_map<std::string, int> loadedScriptIdByName_;
-
-  // Returns true if we are executing a file instance that has since been
-  // reloaded. I.e. we are running an old version of the file.
-  bool isExecutingSupersededFile();
-
-  // Allow the user to suppress warnings about superseded files.
-  bool shouldSuppressAlertAboutSupersededFiles();
-
-  // Trigger a fake console.log if we're currently in a superseded file.
-  void alertIfPausedInSupersededFile();
-
-  // Are we currently waiting for a debugger to attach, because we
-  // requested 'pauseOnFirstStatement'?
-  bool awaitingDebuggerOnStart_;
-
-  // All client methods (e.g. enable, setBreakpoint, resume, etc.) are executed
-  // on executor_ to prevent deadlocking on mutex_. See the implementation for
-  // more comments on the threading invariants used in this class.
-  // NOTE: This needs to be declared LAST because it should be destroyed FIRST.
-  std::unique_ptr<folly::Executor> executor_;
-};
-
-/// Helper function that guards user code execution in a try-catch block.
-template <typename C, typename... A>
-std::optional<UserCallbackException> runUserCallback(C &cb, A &&...arg) {
-  try {
-    cb(std::forward<A>(arg)...);
-  } catch (const std::exception &e) {
-    return UserCallbackException(e);
-  }
-
-  return {};
-}
-
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
-
-#endif // HERMES_INSPECTOR_INSPECTOR_H
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/InspectorState.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/InspectorState.cpp
deleted file mode 100644
index aea5e3bed73b82..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/InspectorState.cpp
+++ /dev/null
@@ -1,511 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "InspectorState.h"
-
-#include <glog/logging.h>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-
-using folly::Unit;
-
-namespace debugger = ::facebook::hermes::debugger;
-
-namespace {
-
-std::unique_ptr<debugger::Command> makeContinueCommand() {
-  return std::make_unique<debugger::Command>(
-      debugger::Command::continueExecution());
-}
-
-} // namespace
-
-std::ostream &operator<<(std::ostream &os, const InspectorState &state) {
-  return os << state.description();
-}
-
-/*
- * InspectorState::RunningDetached
- */
-
-std::pair<NextStatePtr, CommandPtr> InspectorState::RunningDetached::didPause(
-    MonitorLock &lock) {
-  debugger::PauseReason reason = getPauseReason();
-
-  if (reason == debugger::PauseReason::DebuggerStatement) {
-    return std::make_pair<NextStatePtr, CommandPtr>(
-        InspectorState::PausedWaitEnable::make(inspector_), nullptr);
-  }
-
-  if (reason == debugger::PauseReason::ScriptLoaded) {
-    inspector_.addCurrentScriptToLoadedScripts();
-  }
-
-  return std::make_pair<NextStatePtr, CommandPtr>(
-      nullptr, makeContinueCommand());
-}
-
-void InspectorState::RunningDetached::onEnter(InspectorState *previous) {
-  inspector_.awaitingDebuggerOnStart_ = false;
-}
-
-std::pair<NextStatePtr, bool> InspectorState::RunningDetached::enable() {
-  return std::make_pair<NextStatePtr, bool>(
-      InspectorState::Running::make(inspector_), true);
-}
-
-/*
- * InspectorState::RunningWaitEnable
- */
-
-std::pair<NextStatePtr, CommandPtr> InspectorState::RunningWaitEnable::didPause(
-    MonitorLock &lock) {
-  // If we started in RWE, then we asked for the VM to break on the first
-  // statement, and the first pause should be because of a script load.
-  assert(getPauseReason() == debugger::PauseReason::ScriptLoaded);
-  inspector_.addCurrentScriptToLoadedScripts();
-
-  return std::make_pair<NextStatePtr, CommandPtr>(
-      InspectorState::PausedWaitEnable::make(inspector_), nullptr);
-}
-
-std::pair<NextStatePtr, bool> InspectorState::RunningWaitEnable::enable() {
-  return std::make_pair<NextStatePtr, bool>(
-      InspectorState::RunningWaitPause::make(inspector_), true);
-}
-
-/*
- * InspectorState::RunningWaitPause
- */
-std::pair<NextStatePtr, CommandPtr> InspectorState::RunningWaitPause::didPause(
-    MonitorLock &lock) {
-  // If we are in RWP, then we asked for the VM to break on the first
-  // statement, and the first pause should be because of a script load.
-  assert(getPauseReason() == debugger::PauseReason::ScriptLoaded);
-  inspector_.addCurrentScriptToLoadedScripts();
-
-  return std::make_pair<NextStatePtr, CommandPtr>(
-      InspectorState::Paused::make(inspector_), nullptr);
-}
-
-/*
- * InspectorState::PausedWaitEnable
- */
-
-std::pair<NextStatePtr, CommandPtr> InspectorState::PausedWaitEnable::didPause(
-    MonitorLock &lock) {
-  if (getPauseReason() == debugger::PauseReason::ScriptLoaded) {
-    inspector_.addCurrentScriptToLoadedScripts();
-  }
-
-  while (!enabled_) {
-    /*
-     * The call to wait temporarily relinquishes the inspector mutex. This is
-     * safe because no other PausedWaitEnable event handler directly transitions
-     * out of PausedWaitEnable. So we know that our state is the active state
-     * both before and after the call to wait. This preserves the invariant that
-     * the inspector state is not modified during the execution of this method.
-     *
-     * Instead, PausedWaitEnable::enable indirectly induces the state transition
-     * out of PausedWaitEnable by signaling us via enabledCondition_.
-     */
-    enabledCondition_.wait(lock);
-
-    assert(inspector_.state_.get() == this);
-  }
-
-  return std::make_pair<NextStatePtr, CommandPtr>(
-      InspectorState::Paused::make(inspector_), nullptr);
-}
-
-std::pair<NextStatePtr, bool> InspectorState::PausedWaitEnable::enable() {
-  if (enabled_) {
-    // Someone already called enable before and we're just waiting for the
-    // condition variable to wake up didPause.
-    return std::make_pair<NextStatePtr, bool>(nullptr, false);
-  }
-
-  enabled_ = true;
-  enabledCondition_.notify_one();
-  return std::make_pair<NextStatePtr, bool>(nullptr, true);
-}
-
-/*
- * InspectorState::Running
- *
- * # Async Pauses
- *
- * We distinguish between implicit and explicit async pauses. An implicit async
- * pause is requested by the inspector itself to service a request that requires
- * the VM to be paused (e.g. to set a breakpoint). This is different from an
- * explicit async pause requested by the user by hitting the pause button in the
- * debugger UI.
- *
- * The async pause state must live in the Inspector class instead of the Running
- * class because of potential races between when the implicit pause is requested
- * and when it's serviced. Consider:
- *
- *  1. We request an implicit pause (e.g. to set a breakpoint).
- *  2. An existing breakpoint fires, moving us from Running => Paused.
- *  3. Client resumes execution, moving us from Paused => Running.
- *  4. Now the debugger notices the async pause flag we set in (1), which pauses
- *     us again, causing Running::didPause to run.
- *
- * In this case, the Running state instance from (1) is no longer the same as
- * the Running state instance in (4). But the running state instance in (4)
- * needs to know that we requested the async break sometime in the past so it
- * knows to automatically continue in the didPause callback. Therefore the async
- * break state has to be stored in the long-lived Inspector class rather than in
- * the short-lived Running class.
- */
-
-void InspectorState::Running::onEnter(InspectorState *prevState) {
-  if (prevState) {
-    if (prevState->isPaused()) {
-      inspector_.observer_.onResume(inspector_);
-    } else {
-      // send context created and script load notifications if we just enabled
-      // the debugger
-      inspector_.notifyContextCreated();
-      inspector_.notifyScriptsLoaded();
-    }
-  }
-
-  inspector_.awaitingDebuggerOnStart_ = false;
-}
-
-void InspectorState::Running::detach(
-    std::shared_ptr<folly::Promise<Unit>> promise) {
-  pushPendingFunc([this, promise] {
-    pendingDetach_ = promise;
-
-    inspector_.removeAllBreakpoints();
-    inspector_.resetScriptsLoaded();
-  });
-}
-
-std::pair<NextStatePtr, CommandPtr> InspectorState::Running::didPause(
-    MonitorLock &lock) {
-  debugger::PauseReason reason = getPauseReason();
-
-  for (auto &func : pendingFuncs_) {
-    func();
-  }
-  pendingFuncs_.clear();
-
-  if (pendingDetach_) {
-    // Clear any pending pause state back to no requests for the next attach
-    inspector_.pendingPauseState_ = AsyncPauseState::None;
-
-    // Ensure we fulfill any pending ScriptLoaded requests
-    if (reason == debugger::PauseReason::ScriptLoaded) {
-      inspector_.addCurrentScriptToLoadedScripts();
-    }
-
-    // Fail any in-flight Eval requests
-    if (pendingEvalPromise_) {
-      pendingEvalPromise_->setException(NotEnabledException("eval"));
-    }
-
-    // if we requested the break implicitly to clear state and detach,
-    // transition to RunningDetached
-    pendingDetach_->setValue();
-
-    return std::make_pair<NextStatePtr, CommandPtr>(
-        InspectorState::RunningDetached::make(inspector_),
-        makeContinueCommand());
-  }
-
-  if (reason == debugger::PauseReason::AsyncTrigger) {
-    AsyncPauseState &pendingPauseState = inspector_.pendingPauseState_;
-
-    switch (pendingPauseState) {
-      case AsyncPauseState::None:
-        // shouldn't ever async break without us asking first
-        assert(false);
-        break;
-      case AsyncPauseState::Implicit:
-        pendingPauseState = AsyncPauseState::None;
-        break;
-      case AsyncPauseState::Explicit:
-        // explicit break was requested by user, so go to Paused state
-        pendingPauseState = AsyncPauseState::None;
-        return std::make_pair<NextStatePtr, CommandPtr>(
-            InspectorState::Paused::make(inspector_), nullptr);
-    }
-  } else if (reason == debugger::PauseReason::ScriptLoaded) {
-    inspector_.addCurrentScriptToLoadedScripts();
-    inspector_.notifyScriptsLoaded();
-    if (inspector_.shouldPauseOnThisScriptLoad()) {
-      return std::make_pair<NextStatePtr, CommandPtr>(
-          InspectorState::Paused::make(inspector_), nullptr);
-    }
-  } else if (reason == debugger::PauseReason::EvalComplete) {
-    assert(pendingEvalPromise_);
-
-    if (auto userCallbackException = runUserCallback(
-            pendingEvalResultTransformer_,
-            inspector_.debugger_.getProgramState().getEvalResult())) {
-      pendingEvalPromise_->setException(*userCallbackException);
-    } else {
-      pendingEvalPromise_->setValue(
-          inspector_.debugger_.getProgramState().getEvalResult());
-    }
-    pendingEvalPromise_.reset();
-  } else if (
-      reason == debugger::PauseReason::Breakpoint &&
-      !inspector_.breakpointsActive_) {
-    // We hit a user defined breakpoint, but breakpoints have been deactivated.
-    return std::make_pair<NextStatePtr, CommandPtr>(
-        nullptr, makeContinueCommand());
-  } else /* other cases imply a transition to Pause */ {
-    return std::make_pair<NextStatePtr, CommandPtr>(
-        InspectorState::Paused::make(inspector_), nullptr);
-  }
-
-  if (!pendingEvals_.empty()) {
-    assert(!pendingEvalPromise_);
-
-    auto eval = std::make_unique<PendingEval>(std::move(pendingEvals_.front()));
-    pendingEvals_.pop();
-
-    pendingEvalPromise_ = eval->promise;
-    pendingEvalResultTransformer_ = std::move(eval->resultTransformer);
-
-    return std::make_pair<NextStatePtr, CommandPtr>(
-        nullptr, std::make_unique<debugger::Command>(std::move(eval->command)));
-  }
-
-  return std::make_pair<NextStatePtr, CommandPtr>(
-      nullptr, makeContinueCommand());
-}
-
-bool InspectorState::Running::pushPendingFunc(folly::Func func) {
-  pendingFuncs_.emplace_back(std::move(func));
-
-  if (inspector_.pendingPauseState_ == AsyncPauseState::None) {
-    inspector_.pendingPauseState_ = AsyncPauseState::Implicit;
-    inspector_.triggerAsyncPause(true);
-  }
-
-  return true;
-}
-
-void InspectorState::Running::pushPendingEval(
-    uint32_t frameIndex,
-    const std::string &src,
-    std::shared_ptr<folly::Promise<debugger::EvalResult>> promise,
-    folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-        resultTransformer) {
-  PendingEval pendingEval{
-      debugger::Command::eval(src, frameIndex),
-      promise,
-      std::move(resultTransformer)};
-
-  pendingEvals_.emplace(std::move(pendingEval));
-
-  if (inspector_.pendingPauseState_ == AsyncPauseState::None) {
-    inspector_.pendingPauseState_ = AsyncPauseState::Implicit;
-  }
-
-  inspector_.triggerAsyncPause(true);
-}
-
-bool InspectorState::Running::pause() {
-  AsyncPauseState &pendingPauseState = inspector_.pendingPauseState_;
-  bool canPause = false;
-
-  switch (pendingPauseState) {
-    case AsyncPauseState::None:
-      // haven't yet requested a pause, so do it now
-      pendingPauseState = AsyncPauseState::Explicit;
-      inspector_.triggerAsyncPause(false);
-      canPause = true;
-      break;
-    case AsyncPauseState::Implicit:
-      // already requested an implicit pause on our own, upgrade it to an
-      // explicit pause
-      pendingPauseState = AsyncPauseState::Explicit;
-      inspector_.triggerAsyncPause(false);
-      canPause = true;
-      break;
-    case AsyncPauseState::Explicit:
-      // client already requested a pause that hasn't occurred yet
-      canPause = false;
-      break;
-  }
-
-  return canPause;
-}
-
-/*
- * InspectorState::Paused
- */
-
-void InspectorState::Paused::onEnter(InspectorState *prevState) {
-  // send script load notifications if we just enabled the debugger
-  if (prevState && !prevState->isRunning()) {
-    inspector_.notifyContextCreated();
-    inspector_.notifyScriptsLoaded();
-  }
-
-  const debugger::ProgramState &state = inspector_.debugger_.getProgramState();
-  inspector_.alertIfPausedInSupersededFile();
-  inspector_.observer_.onPause(inspector_, state);
-}
-
-std::pair<NextStatePtr, CommandPtr> InspectorState::Paused::didPause(
-    std::unique_lock<std::mutex> &lock) {
-  switch (getPauseReason()) {
-    case debugger::PauseReason::AsyncTrigger:
-      inspector_.pendingPauseState_ = AsyncPauseState::None;
-      break;
-    case debugger::PauseReason::EvalComplete: {
-      assert(pendingEvalPromise_);
-      if (auto userCallbackException = runUserCallback(
-              pendingEvalResultTransformer_,
-              inspector_.debugger_.getProgramState().getEvalResult())) {
-        pendingEvalPromise_->setException(*userCallbackException);
-      } else {
-        pendingEvalPromise_->setValue(
-            inspector_.debugger_.getProgramState().getEvalResult());
-      }
-      pendingEvalPromise_.reset();
-    } break;
-    case debugger::PauseReason::ScriptLoaded:
-      inspector_.addCurrentScriptToLoadedScripts();
-      inspector_.notifyScriptsLoaded();
-      break;
-    default:
-      break;
-  }
-
-  std::unique_ptr<PendingEval> eval;
-  std::unique_ptr<PendingCommand> resumeOrStep;
-
-  while (!eval && !resumeOrStep && !pendingDetach_) {
-    {
-      while (!pendingCommand_ && pendingEvals_.empty() &&
-             pendingFuncs_.empty()) {
-        /*
-         * The call to wait temporarily relinquishes the inspector mutex. This
-         * is safe because no other Paused event handler directly transitions
-         * out of Paused. So we know that our state is the active state both
-         * before and after the call to wait. This preserves the invariant that
-         * the inspector state is not modified during the execution of this
-         * method.
-         */
-        hasPendingWork_.wait(lock);
-      }
-
-      assert(inspector_.state_.get() == this);
-    }
-
-    if (!pendingEvals_.empty()) {
-      eval = std::make_unique<PendingEval>(std::move(pendingEvals_.front()));
-      pendingEvals_.pop();
-    } else if (pendingCommand_) {
-      resumeOrStep.swap(pendingCommand_);
-    }
-
-    for (auto &func : pendingFuncs_) {
-      func();
-    }
-    pendingFuncs_.clear();
-  }
-
-  if (pendingDetach_) {
-    if (pendingEvalPromise_) {
-      pendingEvalPromise_->setException(NotEnabledException("eval"));
-    }
-
-    if (resumeOrStep) {
-      resumeOrStep->promise->setValue();
-    }
-
-    pendingDetach_->setValue();
-
-    // Send resume so client-side UI doesn't stay stuck at the breakpoint UI
-    inspector_.observer_.onResume(inspector_);
-
-    return std::make_pair<NextStatePtr, CommandPtr>(
-        InspectorState::RunningDetached::make(inspector_),
-        makeContinueCommand());
-  }
-
-  if (eval) {
-    assert(!pendingEvalPromise_);
-    pendingEvalPromise_ = eval->promise;
-    pendingEvalResultTransformer_ = std::move(eval->resultTransformer);
-
-    return std::make_pair<NextStatePtr, CommandPtr>(
-        nullptr, std::make_unique<debugger::Command>(std::move(eval->command)));
-  }
-
-  assert(resumeOrStep);
-  resumeOrStep->promise->setValue();
-
-  return std::make_pair<NextStatePtr, CommandPtr>(
-      InspectorState::Running::make(inspector_),
-      std::make_unique<debugger::Command>(std::move(resumeOrStep->command)));
-}
-
-void InspectorState::Paused::detach(
-    std::shared_ptr<folly::Promise<Unit>> promise) {
-  pushPendingFunc([this, promise] {
-    pendingDetach_ = promise;
-
-    inspector_.removeAllBreakpoints();
-    inspector_.resetScriptsLoaded();
-  });
-}
-
-bool InspectorState::Paused::pushPendingFunc(folly::Func func) {
-  pendingFuncs_.emplace_back(std::move(func));
-  hasPendingWork_.notify_one();
-
-  return true;
-}
-
-void InspectorState::Paused::pushPendingEval(
-    uint32_t frameIndex,
-    const std::string &src,
-    std::shared_ptr<folly::Promise<debugger::EvalResult>> promise,
-    folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-        resultTransformer) {
-  // Shouldn't allow the client to eval if there's already a pending resume/step
-  if (pendingCommand_) {
-    promise->setException(MultipleCommandsPendingException("eval"));
-    return;
-  }
-
-  PendingEval pendingEval{
-      debugger::Command::eval(src, frameIndex),
-      promise,
-      std::move(resultTransformer)};
-  pendingEvals_.emplace(std::move(pendingEval));
-  hasPendingWork_.notify_one();
-}
-
-void InspectorState::Paused::setPendingCommand(
-    debugger::Command command,
-    std::shared_ptr<folly::Promise<Unit>> promise) {
-  if (pendingCommand_) {
-    promise->setException(MultipleCommandsPendingException("cmd"));
-    return;
-  }
-
-  pendingCommand_ =
-      std::make_unique<PendingCommand>(std::move(command), promise);
-  hasPendingWork_.notify_one();
-}
-
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/InspectorState.h b/packages/react-native/ReactCommon/hermes/inspector-modern/InspectorState.h
deleted file mode 100644
index 3106972839b595..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/InspectorState.h
+++ /dev/null
@@ -1,412 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// using include guards instead of #pragma once due to compile issues
-// with MSVC and BUCK
-#ifndef HERMES_INSPECTOR_MODERN_INSPECTOR_STATE_H
-#define HERMES_INSPECTOR_MODERN_INSPECTOR_STATE_H
-
-#include <condition_variable>
-#include <iostream>
-#include <memory>
-#include <mutex>
-#include <queue>
-#include <utility>
-
-#include <folly/Unit.h>
-#include <hermes/inspector-modern/Exceptions.h>
-#include <hermes/inspector-modern/Inspector.h>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-
-using NextStatePtr = std::unique_ptr<InspectorState>;
-using CommandPtr = std::unique_ptr<facebook::hermes::debugger::Command>;
-using MonitorLock = std::unique_lock<std::mutex>;
-
-/**
- * InspectorState encapsulates a single state in the Inspector FSM. Events in
- * the FSM are modeled as methods in InspectorState.
- *
- * Some events may cause state transitions. The next state is returned via a
- * pointer to the next InspectorState.
- *
- * We assume that the Inspector's mutex is held across all calls to
- * InspectorState methods. For more threading notes, see the Inspector
- * implementation.
- */
-class InspectorState {
- public:
-  InspectorState(Inspector &inspector) : inspector_(inspector) {}
-  virtual ~InspectorState() = default;
-  /**
-   * onEnter is called when entering the state. prevState may be null when
-   * transitioning into an initial state.
-   */
-  virtual void onEnter(InspectorState *prevState) {}
-
-  /*
-   * Events that may cause a state transition.
-   */
-
-  /**
-   * detach clears all debugger state and transitions to RunningDetached.
-   */
-  virtual void detach(std::shared_ptr<folly::Promise<folly::Unit>> promise) {
-    // As we're not attached we'd like for the operation to be idempotent
-    promise->setValue();
-  }
-
-  /**
-   * didPause handles the didPause callback from the debugger. It takes the lock
-   * associated with the Inspector's mutex by reference in case we need to
-   * temporarily relinquish the lock (e.g. via condition_variable::wait).
-   */
-  virtual std::pair<NextStatePtr, CommandPtr> didPause(MonitorLock &lock) = 0;
-
-  /**
-   * enable handles the enable event from the client.
-   */
-  virtual std::pair<NextStatePtr, bool> enable() {
-    return std::make_pair<NextStatePtr, bool>(nullptr, false);
-  }
-
-  /*
-   * Events that don't cause a state transition.
-   */
-
-  /**
-   * pushPendingFunc appends a function to run the next time the debugger
-   * pauses, either explicitly while paused or implicitly while running.
-   * Returns false if it's not possible to push a func in this state.
-   */
-  virtual bool pushPendingFunc(folly::Func func) {
-    return false;
-  }
-
-  /**
-   * pushPendingEval appends an eval request to run the next time the debugger
-   * pauses, either explicitly while paused or implicitly while running.
-   * resultTransformer function will be called with EvalResult before returning
-   * result so that we can manipulate EvalResult while the VM is paused.
-   */
-  virtual void pushPendingEval(
-      uint32_t frameIndex,
-      const std::string &src,
-      std::shared_ptr<folly::Promise<facebook::hermes::debugger::EvalResult>>
-          promise,
-      folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-          resultTransformer) {
-    promise->setException(
-        InvalidStateException("eval", description(), "paused or running"));
-  }
-
-  /**
-   * setPendingCommand sets a command to break the debugger out of the didPause
-   * run loop. If it's not possible to set a pending command in this state, the
-   * promise fails with InvalidStateException. Otherwise, the promise resolves
-   * to true when the command actually executes.
-   */
-  virtual void setPendingCommand(
-      debugger::Command command,
-      std::shared_ptr<folly::Promise<folly::Unit>> promise) {
-    promise->setException(
-        InvalidStateException("cmd", description(), "paused"));
-  }
-
-  /**
-   * pause requests an async pause from the VM.
-   */
-  virtual bool pause() {
-    return false;
-  }
-
-  /*
-   * Convenience functions for determining the concrete type and description
-   * for a state instance without RTTI.
-   */
-
-  virtual bool isRunningDetached() const {
-    return false;
-  }
-  virtual bool isRunningWaitEnable() const {
-    return false;
-  }
-  virtual bool isRunningWaitPause() const {
-    return false;
-  }
-  virtual bool isPausedWaitEnable() const {
-    return false;
-  }
-  virtual bool isRunning() const {
-    return false;
-  }
-  virtual bool isPaused() const {
-    return false;
-  }
-
-  virtual const char *description() const = 0;
-  friend std::ostream &operator<<(
-      std::ostream &os,
-      const InspectorState &state);
-
-  class RunningDetached;
-  class RunningWaitEnable;
-  class RunningWaitPause;
-  class PausedWaitEnable;
-  class Running;
-  class Paused;
-
- protected:
-  debugger::PauseReason getPauseReason() {
-    return inspector_.debugger_.getProgramState().getPauseReason();
-  }
-
- private:
-  Inspector &inspector_;
-};
-
-extern std::ostream &operator<<(std::ostream &os, const InspectorState &state);
-
-/**
- * RunningDetached is the initial state when we're associated with a VM that
- * initially has no breakpoints.
- */
-class InspectorState::RunningDetached : public InspectorState {
- public:
-  static std::unique_ptr<InspectorState> make(Inspector &inspector) {
-    return std::make_unique<RunningDetached>(inspector);
-  }
-
-  RunningDetached(Inspector &inspector) : InspectorState(inspector) {}
-  ~RunningDetached() override {}
-
-  std::pair<NextStatePtr, CommandPtr> didPause(MonitorLock &lock) override;
-  std::pair<NextStatePtr, bool> enable() override;
-
-  void onEnter(InspectorState *prevState) override;
-
-  bool isRunningDetached() const override {
-    return true;
-  }
-
-  const char *description() const override {
-    return "RunningDetached";
-  }
-};
-
-/**
- * RunningWaitEnable is the initial state when we're associated with a VM that
- * has a breakpoint on the first statement.
- */
-class InspectorState::RunningWaitEnable : public InspectorState {
- public:
-  static std::unique_ptr<InspectorState> make(Inspector &inspector) {
-    return std::make_unique<RunningWaitEnable>(inspector);
-  }
-
-  RunningWaitEnable(Inspector &inspector) : InspectorState(inspector) {}
-  ~RunningWaitEnable() override {}
-
-  std::pair<NextStatePtr, CommandPtr> didPause(MonitorLock &lock) override;
-  std::pair<NextStatePtr, bool> enable() override;
-
-  bool isRunningWaitEnable() const override {
-    return true;
-  }
-
-  const char *description() const override {
-    return "RunningWaitEnable";
-  }
-};
-
-/**
- * RunningWaitPause is the state when we've received enable call, but
- * waiting for didPause because we need to pause on the first statement.
- */
-class InspectorState::RunningWaitPause : public InspectorState {
- public:
-  static std::unique_ptr<InspectorState> make(Inspector &inspector) {
-    return std::make_unique<RunningWaitPause>(inspector);
-  }
-
-  std::pair<NextStatePtr, CommandPtr> didPause(MonitorLock &lock) override;
-
-  RunningWaitPause(Inspector &inspector) : InspectorState(inspector) {}
-  ~RunningWaitPause() {}
-
-  bool isRunningWaitPause() const override {
-    return true;
-  }
-
-  const char *description() const override {
-    return "RunningWaitPause";
-  }
-};
-
-/**
- * PausedWaitEnable is the state when we're in a didPause callback and we're
- * waiting for the client to call enable.
- */
-class InspectorState::PausedWaitEnable : public InspectorState {
- public:
-  static std::unique_ptr<InspectorState> make(Inspector &inspector) {
-    return std::make_unique<PausedWaitEnable>(inspector);
-  }
-
-  PausedWaitEnable(Inspector &inspector) : InspectorState(inspector) {}
-  ~PausedWaitEnable() override {}
-
-  std::pair<NextStatePtr, CommandPtr> didPause(MonitorLock &lock) override;
-  std::pair<NextStatePtr, bool> enable() override;
-
-  bool isPausedWaitEnable() const override {
-    return true;
-  }
-
-  const char *description() const override {
-    return "PausedWaitEnable";
-  }
-
- private:
-  bool enabled_ = false;
-  std::condition_variable enabledCondition_;
-};
-
-/**
- * PendingEval holds an eval command and a promise that is fulfilled with the
- * eval result.
- */
-struct PendingEval {
-  debugger::Command command;
-  std::shared_ptr<folly::Promise<facebook::hermes::debugger::EvalResult>>
-      promise;
-  folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-      resultTransformer;
-};
-
-/**
- * Running is the state when we're enabled and not currently paused, e.g. when
- * we're actively executing JS.
- *
- * Note that we can be in the running state even if we're not actively running
- * JS. For instance, React Native could be blocked in a native message queue
- * waiting for the next message to process outside of the call in to Hermes.
- * That still counts as Running in this FSM.
- */
-class InspectorState::Running : public InspectorState {
- public:
-  static std::unique_ptr<InspectorState> make(Inspector &inspector) {
-    return std::make_unique<Running>(inspector);
-  }
-
-  Running(Inspector &inspector) : InspectorState(inspector) {}
-  ~Running() override {}
-
-  void onEnter(InspectorState *prevState) override;
-
-  void detach(std::shared_ptr<folly::Promise<folly::Unit>> promise) override;
-
-  std::pair<NextStatePtr, CommandPtr> didPause(MonitorLock &lock) override;
-  bool pushPendingFunc(folly::Func func) override;
-  void pushPendingEval(
-      uint32_t frameIndex,
-      const std::string &src,
-      std::shared_ptr<folly::Promise<facebook::hermes::debugger::EvalResult>>
-          promise,
-      folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-          resultTransformer) override;
-  bool pause() override;
-
-  bool isRunning() const override {
-    return true;
-  }
-
-  const char *description() const override {
-    return "Running";
-  }
-
- private:
-  std::vector<folly::Func> pendingFuncs_;
-  std::queue<PendingEval> pendingEvals_;
-  std::shared_ptr<folly::Promise<facebook::hermes::debugger::EvalResult>>
-      pendingEvalPromise_;
-  folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-      pendingEvalResultTransformer_;
-  std::shared_ptr<folly::Promise<folly::Unit>> pendingDetach_;
-};
-
-/**
- * PendingCommand holds a resume or step command and a promise that is fulfilled
- * just before the debugger resumes or steps.
- */
-struct PendingCommand {
-  PendingCommand(
-      debugger::Command command,
-      std::shared_ptr<folly::Promise<folly::Unit>> promise)
-      : command(std::move(command)), promise(promise) {}
-
-  debugger::Command command;
-  std::shared_ptr<folly::Promise<folly::Unit>> promise;
-};
-
-/**
- * Paused is the state when we're enabled and and currently in a didPause
- * callback.
- */
-class InspectorState::Paused : public InspectorState {
- public:
-  static std::unique_ptr<InspectorState> make(Inspector &inspector) {
-    return std::make_unique<Paused>(inspector);
-  }
-
-  Paused(Inspector &inspector) : InspectorState(inspector) {}
-  ~Paused() override {}
-
-  void onEnter(InspectorState *prevState) override;
-
-  void detach(std::shared_ptr<folly::Promise<folly::Unit>> promise) override;
-
-  std::pair<NextStatePtr, CommandPtr> didPause(MonitorLock &lock) override;
-  bool pushPendingFunc(folly::Func func) override;
-  void pushPendingEval(
-      uint32_t frameIndex,
-      const std::string &src,
-      std::shared_ptr<folly::Promise<facebook::hermes::debugger::EvalResult>>
-          promise,
-      folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-          resultTransformer) override;
-  void setPendingCommand(
-      debugger::Command command,
-      std::shared_ptr<folly::Promise<folly::Unit>> promise) override;
-
-  bool isPaused() const override {
-    return true;
-  }
-
-  const char *description() const override {
-    return "Paused";
-  }
-
- private:
-  std::condition_variable hasPendingWork_;
-  std::vector<folly::Func> pendingFuncs_;
-  std::queue<PendingEval> pendingEvals_;
-  std::shared_ptr<folly::Promise<facebook::hermes::debugger::EvalResult>>
-      pendingEvalPromise_;
-  folly::Function<void(const facebook::hermes::debugger::EvalResult &)>
-      pendingEvalResultTransformer_;
-  std::unique_ptr<PendingCommand> pendingCommand_;
-  std::shared_ptr<folly::Promise<folly::Unit>> pendingDetach_;
-};
-
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
-
-#endif // HERMES_INSPECTOR_MODERN_INSPECTOR_STATE_H
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/README.md b/packages/react-native/ReactCommon/hermes/inspector-modern/README.md
deleted file mode 100644
index 2764c61dc43d0d..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/README.md
+++ /dev/null
@@ -1,113 +0,0 @@
-hermes-inspector provides a bridge between the low-level debugging API exposed
-by Hermes and higher-level debugging protocols such as the Chrome DevTools
-protocol.
-
-# Targets
-
- - chrome: classes that implement the Chrome DevTools Protocol adapter. Sits on
-   top of classes provided by the inspector target.
- - detail: utility classes and functions
- - inspector: protocol-independent classes that sit on top of the low-level
-   Hermes debugging API.
-
-# Testing
-
-Tests are implemented using gtest. Debug logging is enabled for tests, and you
-can get debug logs to show even when tests are passing by running the test
-executable directly:
-
-```
-$ buck build //xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector-modern:chrome-tests
-$ buck-out/gen/xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector-modern/chrome-tests
-[...]
-```
-
-You can use standard gtest filters to only execute a particular set of tests:
-
-```
-$ buck-out/gen/xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector-modern/chrome-tests \
-    --gtest_filter='ConnectionTests.testSetBreakpoint'
-```
-
-You can debug the tests using lldb or gdb:
-
-```
-$ lldb buck-out/gen/xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector-modern/chrome-tests
-$ gdb buck-out/gen/xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector-modern/chrome-tests
-```
-
-# Formatting
-
-Make sure the code is formatted using the hermes clang-format rules before
-committing:
-
-```
-$ xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector-modern/tools/format
-```
-
-We follow the clang format rules used by the rest of the Hermes project.
-
-# Adding Support For New Message Types
-
-To add support for a new Chrome DevTools protocol message, add the message you
-want to add to tools/message_types.txt, and re-run the message types generator:
-
-```
-$ xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector-modern/tools/run_msggen
-```
-
-This will generate C++ structs for the new message type in
-`chrome/MessageTypes.{h,cpp}`.
-
-You'll then need to:
-
-1. Implement a message handler for the new message type in `chrome::Connection`.
-2. Implement a public API for the new message type in `Inspector`. This will
-   most likely return a `folly::Future` that the message handler in (1) can use
-   for chaining.
-3. Implement a private API for the new message type in `Inspector` that performs
-   the logic in Inspector's executor. (Inspector.cpp contains a comment
-   explaining why the executor is necessary.)
-4. Optionally, implement a method for the new message type in `InspectorState`.
-   In most cases this is probably not necessary--one of the existing methods in
-   `InspectorState` will work.
-
-For a diff that illustrates these steps, take a look at D6601459.
-
-# Testing Integration With Nuclide and Apps
-
-For now, the quickest way to use hermes-inspector in an app is with Eats. First,
-make sure the packager is running:
-
-```
-$ js1 run
-```
-
-Then, on Android, build the fbeats target:
-
-```
-$ buck install --run fbeats
-```
-
-On iOS, build the `//Apps/Internal/Eats:Eats` target:
-
-```
-$ buck install --run //Apps/Internal/Eats:Eats
-```
-
-You can also build `Eats` in Xcode using `arc focus` if you prefer an
-IDE:
-
-```
-$ arc focus --force-build \
-    -b //Apps/Internal/Eats:Eats \
-    cxxreact //xplat/hermes/API:HermesAPI //xplat/hermes/lib/VM:VM jsi \
-    jsinspector hermes-inspector FBReactKit FBReactModule FBCatalystWrapper \
-    //xplat/js:React //xplat/js/react-native-github:ReactInternal
-```
-
-For all the above commands, if you want to build the inspector `-O0` for better
-debug info, add the argument `--config hermes.build_mode=dbg`.
-
-You should then be able to launch the app and see it listed in the list of
-Mobile JS contexts in the Nuclide debugger.
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/RuntimeAdapter.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/RuntimeAdapter.cpp
deleted file mode 100644
index d459e63dbdc4f1..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/RuntimeAdapter.cpp
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "RuntimeAdapter.h"
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-
-RuntimeAdapter::~RuntimeAdapter() = default;
-
-void RuntimeAdapter::tickleJs() {}
-
-SharedRuntimeAdapter::SharedRuntimeAdapter(
-    std::shared_ptr<HermesRuntime> runtime)
-    : runtime_(std::move(runtime)) {}
-
-SharedRuntimeAdapter::~SharedRuntimeAdapter() = default;
-
-HermesRuntime &SharedRuntimeAdapter::getRuntime() {
-  return *runtime_;
-}
-
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/RuntimeAdapter.h b/packages/react-native/ReactCommon/hermes/inspector-modern/RuntimeAdapter.h
deleted file mode 100644
index 6e873f5128259d..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/RuntimeAdapter.h
+++ /dev/null
@@ -1,76 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <memory>
-
-#include <hermes/hermes.h>
-
-#ifndef INSPECTOR_EXPORT
-#ifdef _MSC_VER
-#ifdef CREATE_SHARED_LIBRARY
-#define INSPECTOR_EXPORT __declspec(dllexport)
-#else
-#define INSPECTOR_EXPORT
-#endif // CREATE_SHARED_LIBRARY
-#else // _MSC_VER
-#define INSPECTOR_EXPORT __attribute__((visibility("default")))
-#endif // _MSC_VER
-#endif // !defined(INSPECTOR_EXPORT)
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-
-/**
- * RuntimeAdapter encapsulates a HermesRuntime object. The underlying Hermes
- * runtime object should stay alive for at least as long as the RuntimeAdapter
- * is alive.
- */
-class INSPECTOR_EXPORT RuntimeAdapter {
- public:
-  virtual ~RuntimeAdapter() = 0;
-
-  /// getRuntime should return the runtime encapsulated by this adapter.
-  virtual HermesRuntime &getRuntime() = 0;
-
-  /// tickleJs is a method that subclasses can choose to override to make the
-  /// inspector more responsive. If overridden, it should call the "__tickleJs"
-  /// function. The call should occur with appropriate locking (e.g. via a
-  /// thread-safe runtime instance, or by enqueuing the call on to a dedicated
-  /// JS thread).
-  ///
-  /// This makes the inspector more responsive because it gives the inspector
-  /// the ability to force the process to enter the Hermes interpreter loop
-  /// soon. This is important because the inspector can only do a number of
-  /// important operations (like manipulating breakpoints) within the context of
-  /// a Hermes interpreter loop.
-  ///
-  /// The default implementation does nothing.
-  virtual void tickleJs();
-};
-
-/**
- * SharedRuntimeAdapter is a simple implementation of RuntimeAdapter that
- * uses shared_ptr to hold on to the runtime. It's generally only used in tests,
- * since it does not implement tickleJs.
- */
-class INSPECTOR_EXPORT SharedRuntimeAdapter : public RuntimeAdapter {
- public:
-  SharedRuntimeAdapter(std::shared_ptr<HermesRuntime> runtime);
-  ~SharedRuntimeAdapter() override;
-
-  HermesRuntime &getRuntime() override;
-
- private:
-  std::shared_ptr<HermesRuntime> runtime_;
-};
-
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Connection.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Connection.cpp
deleted file mode 100644
index 9bc07895e3b6bb..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Connection.cpp
+++ /dev/null
@@ -1,1667 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "Connection.h"
-
-#include <cstdlib>
-#include <mutex>
-#include <sstream>
-
-#include <folly/Conv.h>
-#include <folly/Executor.h>
-#include <folly/Function.h>
-#include <folly/json.h>
-#include <glog/logging.h>
-#include <hermes/inspector-modern/Inspector.h>
-#include <hermes/inspector-modern/chrome/MessageConverters.h>
-#include <hermes/inspector-modern/chrome/RemoteObjectsTable.h>
-#include <hermes/inspector-modern/detail/CallbackOStream.h>
-#include <hermes/inspector-modern/detail/SerialExecutor.h>
-#include <hermes/inspector-modern/detail/Thread.h>
-#include <jsi/instrumentation.h>
-#include <optional>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace chrome {
-
-using ::facebook::react::jsinspector_modern::ILocalConnection;
-using ::facebook::react::jsinspector_modern::IRemoteConnection;
-using ::folly::Unit;
-
-namespace debugger = ::facebook::hermes::debugger;
-namespace inspector_modern = ::facebook::hermes::inspector_modern;
-namespace m = ::facebook::hermes::inspector_modern::chrome::message;
-
-static const char *const kVirtualBreakpointPrefix = "virtualbreakpoint-";
-static const char *const kBeforeScriptWithSourceMapExecution =
-    "beforeScriptWithSourceMapExecution";
-static const char *const kUserEnteredScriptPrefix = "userScript";
-
-/*
- * Connection::Impl
- */
-
-class Connection::Impl : public inspector_modern::InspectorObserver,
-                         public message::RequestHandler {
- public:
-  Impl(
-      std::unique_ptr<RuntimeAdapter> adapter,
-      const std::string &title,
-      bool waitForDebugger);
-  ~Impl();
-
-  HermesRuntime &getRuntime();
-  std::string getTitle() const;
-
-  bool connect(std::unique_ptr<IRemoteConnection> remoteConn);
-  bool disconnect();
-  void sendMessage(std::string str);
-
-  /* InspectorObserver overrides */
-  void onBreakpointResolved(
-      Inspector &inspector,
-      const debugger::BreakpointInfo &info) override;
-  void onContextCreated(Inspector &inspector) override;
-  void onPause(Inspector &inspector, const debugger::ProgramState &state)
-      override;
-  void onResume(Inspector &inspector) override;
-  void onScriptParsed(Inspector &inspector, const ScriptInfo &info) override;
-  void onMessageAdded(Inspector &inspector, const ConsoleMessageInfo &info)
-      override;
-
-  /* RequestHandler overrides */
-  void handle(const m::UnknownRequest &req) override;
-  void handle(const m::debugger::DisableRequest &req) override;
-  void handle(const m::debugger::EnableRequest &req) override;
-  void handle(const m::debugger::EvaluateOnCallFrameRequest &req) override;
-  void handle(const m::debugger::PauseRequest &req) override;
-  void handle(const m::debugger::RemoveBreakpointRequest &req) override;
-  void handle(const m::debugger::ResumeRequest &req) override;
-  void handle(const m::debugger::SetBreakpointRequest &req) override;
-  void handle(const m::debugger::SetBreakpointByUrlRequest &req) override;
-  void handle(const m::debugger::SetBreakpointsActiveRequest &req) override;
-  void handle(
-      const m::debugger::SetInstrumentationBreakpointRequest &req) override;
-  void handle(const m::debugger::SetPauseOnExceptionsRequest &req) override;
-  void handle(const m::debugger::StepIntoRequest &req) override;
-  void handle(const m::debugger::StepOutRequest &req) override;
-  void handle(const m::debugger::StepOverRequest &req) override;
-  void handle(const m::heapProfiler::TakeHeapSnapshotRequest &req) override;
-  void handle(
-      const m::heapProfiler::StartTrackingHeapObjectsRequest &req) override;
-  void handle(
-      const m::heapProfiler::StopTrackingHeapObjectsRequest &req) override;
-  void handle(const m::heapProfiler::StartSamplingRequest &req) override;
-  void handle(const m::heapProfiler::StopSamplingRequest &req) override;
-  void handle(const m::heapProfiler::CollectGarbageRequest &req) override;
-  void handle(
-      const m::heapProfiler::GetObjectByHeapObjectIdRequest &req) override;
-  void handle(const m::heapProfiler::GetHeapObjectIdRequest &req) override;
-  void handle(const m::profiler::StartRequest &req) override;
-  void handle(const m::profiler::StopRequest &req) override;
-  void handle(const m::runtime::CallFunctionOnRequest &req) override;
-  void handle(const m::runtime::CompileScriptRequest &req) override;
-  void handle(const m::runtime::EvaluateRequest &req) override;
-  void handle(const m::runtime::GetHeapUsageRequest &req) override;
-  void handle(const m::runtime::GetPropertiesRequest &req) override;
-  void handle(const m::runtime::GlobalLexicalScopeNamesRequest &req) override;
-  void handle(const m::runtime::RunIfWaitingForDebuggerRequest &req) override;
-
- private:
-  // The execution context id reported back by the ExecutionContextCreated
-  // notification. We only ever expect this execution context id.
-  static constexpr int32_t kHermesExecutionContextId = 1;
-  std::vector<m::runtime::PropertyDescriptor> makePropsFromScope(
-      std::pair<uint32_t, uint32_t> frameAndScopeIndex,
-      const std::string &objectGroup,
-      const debugger::ProgramState &state,
-      bool generatePreview);
-  std::vector<m::runtime::PropertyDescriptor> makePropsFromValue(
-      const jsi::Value &value,
-      const std::string &objectGroup,
-      bool onlyOwnProperties,
-      bool generatePreview);
-
-  void sendSnapshot(
-      int reqId,
-      std::string message,
-      bool reportProgress,
-      bool stopStackTraceCapture);
-  void sendToClient(const std::string &str);
-  void sendResponseToClient(const m::Response &resp);
-  void sendNotificationToClient(const m::Notification &resp);
-  folly::Function<void(const std::exception &)> sendErrorToClient(int id);
-  void sendResponseToClientViaExecutor(int id);
-  void sendResponseToClientViaExecutor(folly::Future<Unit> future, int id);
-  void sendResponseToClientViaExecutor(const m::Response &resp);
-  void sendNotificationToClientViaExecutor(const m::Notification &note);
-  void sendErrorToClientViaExecutor(int id, const std::string &error);
-
-  template <typename C>
-  void runInExecutor(int id, C callback) {
-    executor_->add([cb = std::move(callback)]() { cb(); });
-  }
-
-  std::shared_ptr<RuntimeAdapter> runtimeAdapter_;
-  std::string title_;
-
-  // connected_ is protected by connectionMutex_.
-  std::mutex connectionMutex_;
-  bool connected_;
-
-  // parsedScripts_ list stores file names of all scripts that have been
-  // parsed so that we could find script's file name by regex.
-  // This is similar to Inspector's loadedScripts_ map but we want to
-  // store this info here because searching file name that matches
-  // given regex (on setBreakpointByUrl command) is more related to Chrome
-  // protocol than to Hermes inspector.
-  // Access is protected by parsedScriptsMutex_.
-  std::mutex parsedScriptsMutex_;
-  std::vector<std::string> parsedScripts_;
-
-  // preparedScripts_ stores user-entered scripts that have been prepared for
-  // execution, and may be invoked by a later command.
-  std::vector<std::shared_ptr<const jsi::PreparedJavaScript>> preparedScripts_;
-
-  // Some events are represented as a mode in Hermes but a breakpoint in CDP,
-  // e.g. "beforeScriptExecution" and "beforeScriptWithSourceMapExecution".
-  // Keep track of these separately. The caller should lock the
-  // virtualBreakpointMutex_.
-  std::mutex virtualBreakpointMutex_;
-  uint32_t nextVirtualBreakpoint_ = 1;
-  const std::string &createVirtualBreakpoint(const std::string &category);
-  bool isVirtualBreakpointId(const std::string &id);
-  bool hasVirtualBreakpoint(const std::string &category);
-  bool removeVirtualBreakpoint(const std::string &id);
-  std::unordered_map<std::string, std::unordered_set<std::string>>
-      virtualBreakpoints_;
-
-  // The rest of these member variables are only accessed via executor_.
-  std::unique_ptr<folly::Executor> executor_;
-  std::unique_ptr<IRemoteConnection> remoteConn_;
-  std::shared_ptr<inspector_modern::Inspector> inspector_;
-
-  // objTable_ is protected by the inspector lock. It should only be accessed
-  // when the VM is paused, e.g. in an InspectorObserver callback or in an
-  // executeIfEnabled callback.
-  RemoteObjectsTable objTable_;
-};
-
-Connection::Impl::Impl(
-    std::unique_ptr<RuntimeAdapter> adapter,
-    const std::string &title,
-    bool waitForDebugger)
-    : runtimeAdapter_(std::move(adapter)),
-      title_(title),
-      connected_(false),
-      executor_(std::make_unique<inspector_modern::detail::SerialExecutor>(
-          "hermes-chrome-inspector-conn")),
-      remoteConn_(nullptr),
-      inspector_(std::make_shared<inspector_modern::Inspector>(
-          runtimeAdapter_,
-          *this,
-          waitForDebugger)) {
-  inspector_->installLogHandler();
-}
-
-Connection::Impl::~Impl() = default;
-
-HermesRuntime &Connection::Impl::getRuntime() {
-  return runtimeAdapter_->getRuntime();
-}
-
-std::string Connection::Impl::getTitle() const {
-  return title_;
-}
-
-bool Connection::Impl::connect(std::unique_ptr<IRemoteConnection> remoteConn) {
-  assert(remoteConn);
-  std::scoped_lock lock(connectionMutex_);
-
-  if (connected_) {
-    return false;
-  }
-
-  connected_ = true;
-  executor_->add([this, remoteConn = std::move(remoteConn)]() mutable {
-    remoteConn_ = std::move(remoteConn);
-  });
-
-  return true;
-}
-
-bool Connection::Impl::disconnect() {
-  std::scoped_lock lock(connectionMutex_);
-
-  if (!connected_) {
-    return false;
-  }
-
-  connected_ = false;
-
-  inspector_->disable().via(executor_.get()).thenValue([this](auto &&) {
-    // HACK:  We purposely call RemoteConnection::onDisconnect on a *different*
-    // thread, rather than on this thread (the executor thread). This is to
-    // prevent this scenario:
-    //
-    // 1. RemoteConnection::onDisconnect runs on the executor thread
-    // 2. onDisconnect through a long chain of calls causes the Connection
-    //    destructor to run
-    // 3. The Connection destructor causes the SerialExecutor destructor to run.
-    // 4. The SerialExecutor destructor waits for all outstanding work items to
-    //    finish via a call to join().
-    // 5. join() fails, since the executor thread is trying to join against
-    //    itself.
-    //
-    // To prevent this chain of events, we always call onDisconnect on a
-    // different thread.
-    //
-    // See P59135203 for an example stack trace.
-    //
-    // One more hack: we use release() and delete instead of unique_ptr because
-    // detail::Thread expects a std::function, and std::function cannot capture
-    // move-only types like unique_ptr.
-    auto conn = remoteConn_.release();
-    inspector_modern::detail::Thread disconnectLaterThread{
-        "hermes-chrome-inspector-conn-disconnect", [conn] {
-          conn->onDisconnect();
-          delete conn;
-        }};
-    disconnectLaterThread.detach();
-  });
-
-  return true;
-}
-
-void Connection::Impl::sendMessage(std::string str) {
-  executor_->add([this, str = std::move(str)]() mutable {
-    folly::Try<std::unique_ptr<m::Request>> maybeReq =
-        m::Request::fromJson(str);
-
-    if (maybeReq.hasException()) {
-      LOG(ERROR) << "Invalid request `" << str
-                 << "`: " << maybeReq.exception().what();
-      return;
-    }
-
-    auto &req = maybeReq.value();
-    if (req) {
-      req->accept(*this);
-    }
-  });
-}
-
-/*
- * InspectorObserver overrides
- */
-
-void Connection::Impl::onBreakpointResolved(
-    Inspector &inspector,
-    const debugger::BreakpointInfo &info) {
-  m::debugger::BreakpointResolvedNotification note;
-  note.breakpointId = folly::to<std::string>(info.id);
-  note.location = m::debugger::makeLocation(info.resolvedLocation);
-  sendNotificationToClientViaExecutor(note);
-}
-
-void Connection::Impl::onContextCreated(Inspector &inspector) {
-  // Right now, Hermes only has the notion of one JS context per VM instance,
-  // so we just always name the single JS context with id=1 and name=hermes.
-  m::runtime::ExecutionContextCreatedNotification note;
-  note.context.id = kHermesExecutionContextId;
-  note.context.name = "hermes";
-
-  sendNotificationToClientViaExecutor(note);
-}
-
-void Connection::Impl::onPause(
-    Inspector &inspector,
-    const debugger::ProgramState &state) {
-  bool sendNotification = true;
-  m::debugger::PausedNotification note;
-  note.callFrames = m::debugger::makeCallFrames(state, objTable_, getRuntime());
-
-  switch (state.getPauseReason()) {
-    case debugger::PauseReason::Breakpoint:
-      // use other, chrome protocol has no reason specifically for breakpoints
-      note.reason = "other";
-
-// TODO: hermes hasn't implemented ProgramState::getBreakpoint yet
-#if HERMES_SUPPORTS_STATE_GET_BREAKPOINT
-      note.hitBreakpoints = std::vector<m::debugger::BreakpointId>();
-      note.hitBreakpoints->emplace_back(
-          folly::to<std::string>(state.getBreakpoint()));
-#endif
-
-      break;
-    case debugger::PauseReason::Exception:
-      note.reason = "exception";
-      break;
-    case debugger::PauseReason::ScriptLoaded: {
-      // This case covers both wait-for-debugger and instrumentation
-      // breakpoints, since both are implemented as pauses on script load.
-
-      note.reason = "other";
-      note.hitBreakpoints = std::vector<m::debugger::BreakpointId>();
-
-      std::scoped_lock lock(virtualBreakpointMutex_);
-      for (auto &bp :
-           virtualBreakpoints_[kBeforeScriptWithSourceMapExecution]) {
-        note.hitBreakpoints->emplace_back(bp);
-      }
-
-      // Debuggers don't tend to ever remove these kinds of breakpoints, but
-      // in the extremely unlikely event that it did *and* did it exactly
-      // between us 1. checking that we should stop, and 2. adding the stop
-      // reason here, then just resume and skip sending a pause notification.
-      if (!inspector_->isAwaitingDebuggerOnStart() &&
-          note.hitBreakpoints->empty()) {
-        sendNotification = false;
-        inspector_->resume();
-      }
-    };
-      // This will be toggled back on in the next onScriptParsed if applicable
-      // Locking is handled by didPause in the inspector
-      inspector_->setPauseOnLoads(PauseOnLoadMode::None);
-      break;
-    default:
-      note.reason = "other";
-      break;
-  }
-
-  if (sendNotification) {
-    sendNotificationToClientViaExecutor(note);
-  }
-}
-
-void Connection::Impl::onResume(Inspector &inspector) {
-  objTable_.releaseObjectGroup(BacktraceObjectGroup);
-
-  m::debugger::ResumedNotification note;
-  sendNotificationToClientViaExecutor(note);
-}
-
-void Connection::Impl::onScriptParsed(
-    Inspector &inspector,
-    const ScriptInfo &info) {
-  m::debugger::ScriptParsedNotification note;
-  note.scriptId = folly::to<std::string>(info.fileId);
-  note.url = info.fileName;
-  note.executionContextId = kHermesExecutionContextId;
-
-  if (!info.sourceMappingUrl.empty()) {
-    note.sourceMapURL = info.sourceMappingUrl;
-
-    std::scoped_lock lock(virtualBreakpointMutex_);
-    if (hasVirtualBreakpoint(kBeforeScriptWithSourceMapExecution)) {
-      // We are precariously relying on the fact that onScriptParsed
-      // is invoked immediately before the pause load mode is checked.
-      // That means that we can check for breakpoints and toggle the
-      // mode here, and then immediately turn it off in onPause.
-      inspector_->setPauseOnLoads(PauseOnLoadMode::All);
-    }
-  }
-
-  {
-    std::scoped_lock lock(parsedScriptsMutex_);
-    parsedScripts_.push_back(info.fileName);
-  }
-
-  sendNotificationToClientViaExecutor(note);
-}
-
-void Connection::Impl::onMessageAdded(
-    facebook::hermes::inspector_modern::Inspector &inspector,
-    const ConsoleMessageInfo &info) {
-  m::runtime::ConsoleAPICalledNotification apiCalledNote;
-  apiCalledNote.type = info.level;
-  apiCalledNote.timestamp =
-      std::chrono::duration<double, std::ratio<1, 1000>>(
-          std::chrono::system_clock::now().time_since_epoch())
-          .count();
-  // TODO(jpporto): fix test cases sending invalid context id.
-  // apiCalledNote.executionContextId = kHermesExecutionContextId;
-
-  size_t argsSize = info.args.size(getRuntime());
-  for (size_t index = 0; index < argsSize; ++index) {
-    apiCalledNote.args.push_back(m::runtime::makeRemoteObject(
-        getRuntime(),
-        info.args.getValueAtIndex(getRuntime(), index),
-        objTable_,
-        "ConsoleObjectGroup",
-        false,
-        false));
-  }
-
-  sendNotificationToClientViaExecutor(apiCalledNote);
-}
-
-/*
- * RequestHandler overrides
- */
-
-void Connection::Impl::handle(const m::UnknownRequest &req) {
-  LOG(INFO) << "responding ok to unknown request: " << req.toDynamic();
-  sendResponseToClientViaExecutor(req.id);
-}
-
-void Connection::Impl::handle(const m::debugger::DisableRequest &req) {
-  sendResponseToClientViaExecutor(inspector_->disable(), req.id);
-}
-
-void Connection::Impl::handle(const m::debugger::EnableRequest &req) {
-  sendResponseToClientViaExecutor(inspector_->enable(), req.id);
-}
-
-void Connection::Impl::handle(
-    const m::debugger::EvaluateOnCallFrameRequest &req) {
-  auto remoteObjPtr = std::make_shared<m::runtime::RemoteObject>();
-
-  inspector_
-      ->evaluate(
-          atoi(req.callFrameId.c_str()),
-          req.expression,
-          [this,
-           remoteObjPtr,
-           objectGroup = req.objectGroup,
-           byValue = req.returnByValue.value_or(false),
-           generatePreview = req.generatePreview.value_or(false)](
-              const facebook::hermes::debugger::EvalResult
-                  &evalResult) mutable {
-            *remoteObjPtr = m::runtime::makeRemoteObject(
-                getRuntime(),
-                evalResult.value,
-                objTable_,
-                objectGroup.value_or(""),
-                byValue,
-                generatePreview);
-          })
-      .via(executor_.get())
-      .thenValue(
-          [this, id = req.id, remoteObjPtr](debugger::EvalResult result) {
-            m::debugger::EvaluateOnCallFrameResponse resp;
-            resp.id = id;
-
-            if (result.isException) {
-              resp.exceptionDetails =
-                  m::runtime::makeExceptionDetails(result.exceptionDetails);
-            } else {
-              resp.result = std::move(*remoteObjPtr);
-            }
-
-            sendResponseToClient(resp);
-          })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::sendSnapshot(
-    int reqId,
-    std::string message,
-    bool reportProgress,
-    bool stopStackTraceCapture) {
-  inspector_
-      ->executeIfEnabled(
-          message,
-          [this, reportProgress, stopStackTraceCapture](
-              const debugger::ProgramState &) {
-            // Stop taking any new traces before sending out the heap snapshot.
-            if (stopStackTraceCapture) {
-              getRuntime()
-                  .instrumentation()
-                  .stopTrackingHeapObjectStackTraces();
-            }
-
-            if (reportProgress) {
-              // A progress notification with finished = true indicates the
-              // snapshot has been captured and is ready to be sent.  Our
-              // implementation streams the snapshot as it is being captured, so
-              // we must send this notification first.
-              m::heapProfiler::ReportHeapSnapshotProgressNotification note;
-              note.done = 1;
-              note.total = 1;
-              note.finished = true;
-              sendNotificationToClient(note);
-            }
-
-            // Size picked to conform to Chrome's own implementation, at the
-            // time of writing.
-            inspector_modern::detail::CallbackOStream cos(
-                /* sz */ 100 << 10, [this](std::string s) {
-                  m::heapProfiler::AddHeapSnapshotChunkNotification note;
-                  note.chunk = std::move(s);
-                  sendNotificationToClient(note);
-                  return true;
-                });
-
-            getRuntime().instrumentation().createSnapshotToStream(cos);
-          })
-      .via(executor_.get())
-      .thenValue([this, reqId](auto &&) {
-        sendResponseToClient(m::makeOkResponse(reqId));
-      })
-      .thenError<std::exception>(sendErrorToClient(reqId));
-}
-
-void Connection::Impl::handle(
-    const m::heapProfiler::TakeHeapSnapshotRequest &req) {
-  sendSnapshot(
-      req.id,
-      "HeapSnapshot.takeHeapSnapshot",
-      req.reportProgress && *req.reportProgress,
-      /* stopStackTraceCapture */ false);
-}
-
-void Connection::Impl::handle(
-    const m::heapProfiler::StartTrackingHeapObjectsRequest &req) {
-  const auto id = req.id;
-
-  inspector_
-      ->executeIfEnabled(
-          "HeapProfiler.startTrackingHeapObjects",
-          [this](const debugger::ProgramState &) {
-            getRuntime().instrumentation().startTrackingHeapObjectStackTraces(
-                [this](
-                    uint64_t lastSeenObjectId,
-                    std::chrono::microseconds timestamp,
-                    std::vector<jsi::Instrumentation::HeapStatsUpdate> stats) {
-                  // Send the last object ID notification first.
-                  m::heapProfiler::LastSeenObjectIdNotification note;
-                  note.lastSeenObjectId = lastSeenObjectId;
-                  // The protocol uses milliseconds with a fraction for
-                  // microseconds.
-                  note.timestamp =
-                      static_cast<double>(timestamp.count()) / 1000;
-                  sendNotificationToClient(note);
-
-                  m::heapProfiler::HeapStatsUpdateNotification heapStatsNote;
-                  // Flatten the HeapStatsUpdate list.
-                  heapStatsNote.statsUpdate.reserve(stats.size() * 3);
-                  for (const jsi::Instrumentation::HeapStatsUpdate &fragment :
-                       stats) {
-                    // Each triplet is the fragment number, the total count of
-                    // objects for the fragment, and the total size of objects
-                    // for the fragment.
-                    heapStatsNote.statsUpdate.push_back(
-                        static_cast<int>(std::get<0>(fragment)));
-                    heapStatsNote.statsUpdate.push_back(
-                        static_cast<int>(std::get<1>(fragment)));
-                    heapStatsNote.statsUpdate.push_back(
-                        static_cast<int>(std::get<2>(fragment)));
-                  }
-                  assert(
-                      heapStatsNote.statsUpdate.size() == stats.size() * 3 &&
-                      "Should be exactly 3x the stats vector");
-                  // TODO: Chunk this if there are too many fragments to update.
-                  // Unlikely to be a problem in practice unless there's a huge
-                  // amount of allocation and freeing.
-                  sendNotificationToClient(heapStatsNote);
-                });
-            // At this point we need the equivalent of a setInterval, where each
-            // interval samples the existing
-          })
-      .via(executor_.get())
-      .thenValue(
-          [this, id](auto &&) { sendResponseToClient(m::makeOkResponse(id)); })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(
-    const m::heapProfiler::StopTrackingHeapObjectsRequest &req) {
-  sendSnapshot(
-      req.id,
-      "HeapSnapshot.stopTrackingHeapObjects",
-      req.reportProgress && *req.reportProgress,
-      /* stopStackTraceCapture */ true);
-}
-
-void Connection::Impl::handle(
-    const m::heapProfiler::StartSamplingRequest &req) {
-  const auto id = req.id;
-  // This is the same default sampling interval that Chrome uses.
-  // https://chromedevtools.github.io/devtools-protocol/tot/HeapProfiler/#method-startSampling
-  constexpr size_t kDefaultSamplingInterval = 1 << 15;
-  const size_t samplingInterval =
-      req.samplingInterval.value_or(kDefaultSamplingInterval);
-
-  inspector_
-      ->executeIfEnabled(
-          "HeapProfiler.startSampling",
-          [this, samplingInterval](const debugger::ProgramState &) {
-            getRuntime().instrumentation().startHeapSampling(samplingInterval);
-          })
-      .via(executor_.get())
-      .thenValue(
-          [this, id](auto &&) { sendResponseToClient(m::makeOkResponse(id)); })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(const m::heapProfiler::StopSamplingRequest &req) {
-  inspector_
-      ->executeIfEnabled(
-          "HeapProfiler.stopSampling",
-          [this, id = req.id](const debugger::ProgramState &) {
-            std::ostringstream stream;
-            getRuntime().instrumentation().stopHeapSampling(stream);
-            folly::dynamic json = folly::parseJson(stream.str());
-            m::heapProfiler::StopSamplingResponse resp;
-            resp.id = id;
-            m::heapProfiler::SamplingHeapProfile profile{json};
-            resp.profile = std::move(profile);
-            sendResponseToClient(resp);
-          })
-      .via(executor_.get())
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(
-    const m::heapProfiler::CollectGarbageRequest &req) {
-  const auto id = req.id;
-
-  inspector_
-      ->executeIfEnabled(
-          "HeapProfiler.collectGarbage",
-          [this](const debugger::ProgramState &) {
-            getRuntime().instrumentation().collectGarbage("inspector");
-          })
-      .via(executor_.get())
-      .thenValue(
-          [this, id](auto &&) { sendResponseToClient(m::makeOkResponse(id)); })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(
-    const m::heapProfiler::GetObjectByHeapObjectIdRequest &req) {
-  uint64_t objID = atoi(req.objectId.c_str());
-  std::optional<std::string> group = req.objectGroup;
-  auto remoteObjPtr = std::make_shared<m::runtime::RemoteObject>();
-
-  inspector_
-      ->executeIfEnabled(
-          "HeapProfiler.getObjectByHeapObjectId",
-          [this, remoteObjPtr, objID, group](const debugger::ProgramState &) {
-            jsi::Runtime *rt = &getRuntime();
-            if (auto *hermesRT = dynamic_cast<HermesRuntime *>(rt)) {
-              jsi::Value val = hermesRT->getObjectForID(objID);
-              if (val.isNull()) {
-                return;
-              }
-              *remoteObjPtr = m::runtime::makeRemoteObject(
-                  getRuntime(),
-                  val,
-                  objTable_,
-                  group.value_or(""),
-                  false,
-                  false);
-            }
-          })
-      .via(executor_.get())
-      .thenValue([this, id = req.id, remoteObjPtr](auto &&) {
-        if (!remoteObjPtr->type.empty()) {
-          m::heapProfiler::GetObjectByHeapObjectIdResponse resp;
-          resp.id = id;
-          resp.result = std::move(*remoteObjPtr);
-          sendResponseToClient(resp);
-        } else {
-          sendResponseToClient(m::makeErrorResponse(
-              id, m::ErrorCode::ServerError, "Object is not available"));
-        }
-      })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(
-    const m::heapProfiler::GetHeapObjectIdRequest &req) {
-  // Use a shared_ptr because the stack frame will go away.
-  std::shared_ptr<uint64_t> snapshotID = std::make_shared<uint64_t>(0);
-
-  inspector_
-      ->executeIfEnabled(
-          "HeapProfiler.getHeapObjectId",
-          [this, req, snapshotID](const debugger::ProgramState &) {
-            if (const jsi::Value *valuePtr = objTable_.getValue(req.objectId)) {
-              jsi::Runtime *rt = &getRuntime();
-              if (auto *hermesRT = dynamic_cast<HermesRuntime *>(rt)) {
-                *snapshotID = hermesRT->getUniqueID(*valuePtr);
-              }
-            }
-          })
-      .via(executor_.get())
-      .thenValue([this, id = req.id, snapshotID](auto &&) {
-        if (*snapshotID) {
-          m::heapProfiler::GetHeapObjectIdResponse resp;
-          resp.id = id;
-          // std::to_string is not available on Android, use a std::ostream
-          // instead.
-          std::ostringstream stream;
-          stream << *snapshotID;
-          resp.heapSnapshotObjectId = stream.str();
-          sendResponseToClient(resp);
-        } else {
-          sendResponseToClient(m::makeErrorResponse(
-              id, m::ErrorCode::ServerError, "Object is not available"));
-        }
-      })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(const m::profiler::StartRequest &req) {
-  runInExecutor(req.id, [this, id = req.id]() {
-    HermesRuntime::enableSamplingProfiler();
-    sendResponseToClient(m::makeOkResponse(id));
-  });
-}
-
-void Connection::Impl::handle(const m::profiler::StopRequest &req) {
-  HermesRuntime *hermesRT = &getRuntime();
-
-  runInExecutor(req.id, [this, id = req.id, hermesRT]() {
-    HermesRuntime::disableSamplingProfiler();
-
-    std::ostringstream profileStream;
-    // HermesRuntime instance methods are usually unsafe to be called with a
-    // running VM, but sampledTraceToStreamInDevToolsFormat is an exception to
-    // that rule -- it synchronizes access to shared resources so it can be
-    // safely invoked with a running VM.
-    hermesRT->sampledTraceToStreamInDevToolsFormat(profileStream);
-
-    // Hermes can emit the proper format directly, but it still needs to
-    // be parsed into a dynamic.
-    try {
-      m::profiler::StopResponse resp;
-      resp.id = id;
-      // parseJson throws on errors, so make sure we don't crash the app
-      // if somehow the sampling profiler output is borked.
-      resp.profile = m::profiler::Profile(
-          folly::parseJson(std::move(profileStream).str()));
-      sendResponseToClient(resp);
-    } catch (const std::exception &) {
-      LOG(ERROR) << "Failed to parse Sampling Profiler output";
-      sendResponseToClient(m::makeErrorResponse(
-          id,
-          m::ErrorCode::InternalError,
-          "Hermes profile output could not be parsed."));
-    }
-  });
-}
-
-namespace {
-/// Runtime.CallArguments can have their values specified "inline", or they can
-/// have remote references. The inline values are eval'd together with the
-/// Runtime.CallFunctionOn.functionDeclaration (see CallFunctionOnBuilder
-/// below), while remote object Ids need to be resolved outside of the VM.
-class CallFunctionOnArgument {
- public:
-  explicit CallFunctionOnArgument(
-      std::optional<m::runtime::RemoteObjectId> maybeObjectId)
-      : maybeObjectId_(std::move(maybeObjectId)) {}
-
-  /// Computes the real value for this argument, which can be an object
-  /// referenced by maybeObjectId_, or the given evaldValue. Throws if
-  /// maybeObjectId_ is not empty but references an unknown object.
-  jsi::Value value(
-      jsi::Runtime &rt,
-      RemoteObjectsTable &objTable,
-      jsi::Value evaldValue) const {
-    if (maybeObjectId_) {
-      assert(evaldValue.isUndefined() && "expected undefined placeholder");
-      return getValueFromId(rt, objTable, *maybeObjectId_);
-    }
-
-    return evaldValue;
-  }
-
- private:
-  /// Returns the jsi::Object for the given objId. Throws if such object can't
-  /// be found.
-  static jsi::Value getValueFromId(
-      jsi::Runtime &rt,
-      RemoteObjectsTable &objTable,
-      m::runtime::RemoteObjectId objId) {
-    if (const jsi::Value *ptr = objTable.getValue(objId)) {
-      return jsi::Value(rt, *ptr);
-    }
-
-    throw std::runtime_error("unknown object id " + objId);
-  }
-
-  std::optional<m::runtime::RemoteObjectId> maybeObjectId_;
-};
-
-/// Functor that should be used to run the result of eval-ing a CallFunctionOn
-/// request.
-class CallFunctionOnRunner {
- public:
-  static constexpr size_t kJsThisIndex = 0;
-  static constexpr size_t kFirstArgIndex = 1;
-
-  // N.B.: constexpr char[] broke react-native-oss-android.
-  static const char *kJsThisArgPlaceholder;
-
-  CallFunctionOnRunner() = default;
-  CallFunctionOnRunner(CallFunctionOnRunner &&) = default;
-  CallFunctionOnRunner &operator=(CallFunctionOnRunner &&) = default;
-
-  /// Performs the actual Runtime.CallFunctionOn request. It assumes.
-  /// \p evalResult is the result of invoking the Inspector's evaluate() method
-  /// on the expression built by the CallFunctionOnBuilder below.
-  jsi::Value operator()(
-      jsi::Runtime &rt,
-      RemoteObjectsTable &objTable,
-      const facebook::hermes::debugger::EvalResult &evalResult) {
-    // The eval result is an array [a0, a1, ..., an, func] (see
-    // CallFunctionOnBuilder below).
-    auto argsAndFunc = evalResult.value.getObject(rt).getArray(rt);
-    assert(
-        argsAndFunc.length(rt) == thisAndArguments_.size() + 1 &&
-        "Unexpected result size");
-
-    // now resolve the arguments to the call, including "this".
-    std::vector<jsi::Value> arguments(thisAndArguments_.size() - 1);
-
-    jsi::Object jsThis =
-        getJsThis(rt, objTable, argsAndFunc.getValueAtIndex(rt, kJsThisIndex));
-
-    int i = kFirstArgIndex;
-    for (/*i points to the first param*/; i < thisAndArguments_.size(); ++i) {
-      arguments[i - kFirstArgIndex] = thisAndArguments_[i].value(
-          rt, objTable, argsAndFunc.getValueAtIndex(rt, i));
-    }
-
-    // i is now func's index.
-    jsi::Function func =
-        argsAndFunc.getValueAtIndex(rt, i).getObject(rt).getFunction(rt);
-
-    return func.callWithThis(
-        rt,
-        std::move(jsThis),
-        static_cast<const jsi::Value *>(arguments.data()),
-        arguments.size());
-  }
-
- private:
-  friend class CallFunctionOnBuilder;
-
-  CallFunctionOnRunner(const CallFunctionOnRunner &) = delete;
-  CallFunctionOnRunner &operator=(const CallFunctionOnRunner &) = delete;
-
-  CallFunctionOnRunner(
-      std::vector<CallFunctionOnArgument> thisAndArguments,
-      std::optional<m::runtime::ExecutionContextId> executionContextId)
-      : thisAndArguments_(std::move(thisAndArguments)),
-        executionContextId_(std::move(executionContextId)) {}
-
-  /// Resolves the js "this" for the request, which lives in
-  /// thisAndArguments_[kJsThisIndex]. \p evaldThis should either be undefined,
-  /// or the placeholder indicating that globalThis should be used.
-  jsi::Object getJsThis(
-      jsi::Runtime &rt,
-      RemoteObjectsTable &objTable,
-      jsi::Value evaldThis) const {
-    // In the future we may support multiple execution context ids; for now,
-    // there's only one.
-    (void)executionContextId_;
-
-    // Either evaldThis is undefined (because the request had an object id
-    // specifying "this"), or it should be a string (i.e., the placeholder
-    // kJsThisArgPlaceholder).
-    assert(
-        (evaldThis.isUndefined() ||
-         (evaldThis.isString() &&
-          evaldThis.getString(rt).utf8(rt) == kJsThisArgPlaceholder)) &&
-        "unexpected value for jsThis argument placeholder");
-
-    // Need to save this information because of the std::move() below.
-    const bool useGlobalThis = evaldThis.isString();
-    jsi::Value value = thisAndArguments_[kJsThisIndex].value(
-        rt, objTable, std::move(evaldThis));
-
-    return useGlobalThis ? rt.global() : value.getObject(rt);
-  }
-
-  std::vector<CallFunctionOnArgument> thisAndArguments_;
-  std::optional<m::runtime::ExecutionContextId> executionContextId_;
-};
-
-/*static*/ const char *CallFunctionOnRunner::kJsThisArgPlaceholder =
-    "jsThis is Execution Context";
-
-/// Returns true if \p str is a number-like string value (e.g., Infinity),
-/// and false otherwise.
-bool unserializableValueLooksLikeNumber(const std::string &str) {
-  return str == "Infinity" || str == "-Infinity" || str == "NaN";
-}
-
-/// Helper class that processes a Runtime.CallFunctionOn request, and
-/// builds an expression string that, once eval()d, yields an Array with the
-/// CallArguments as well as the function to run. The generated array is
-///
-/// [JsThis, P0, P1, P2, P3, Pn, F]
-///
-/// where:
-///   * F is the functionDeclaration in the request
-///   * JsThis is either:
-///      * undefined (if the request has an object ID); or
-///      * the placeholder kJsThisArgPlaceholder
-///   * Pi is either:
-///      * the string in CallArgument[i].unserializableValue; or
-///      * the string in CallArgument[i].value; or
-///      * arguments[j] (i.e., the j-th argument passed to the newly built
-///        function), j being the j-th CallArgument with an ObjectId. This is
-///        needed because there's no easy way to express the objects referred
-///        to by object ids by name.
-class CallFunctionOnBuilder {
- public:
-  explicit CallFunctionOnBuilder(const m::runtime::CallFunctionOnRequest &req)
-      : executionContextId_(req.executionContextId) {
-    out_ << "[";
-    thisAndArguments_.emplace_back(CallFunctionOnArgument(req.objectId));
-    if (req.objectId) {
-      out_ << "undefined, ";
-    } else {
-      out_ << '\'' << CallFunctionOnRunner::kJsThisArgPlaceholder << "', ";
-    }
-
-    addParams(req.arguments);
-    out_ << req.functionDeclaration;
-    out_ << "]";
-  };
-
-  /// Extracts the functions that handles the CallFunctionOn requests, as well
-  /// as the list of object ids that must be passed when calling it.
-  std::pair<std::string, CallFunctionOnRunner> expressionAndRunner() && {
-    return std::make_pair(
-        std::move(out_).str(),
-        CallFunctionOnRunner(
-            std::move(thisAndArguments_), std::move(executionContextId_)));
-  }
-
- private:
-  void addParams(const std::optional<std::vector<m::runtime::CallArgument>>
-                     &maybeArguments) {
-    if (maybeArguments) {
-      for (const auto &ca : *maybeArguments) {
-        addParam(ca);
-        thisAndArguments_.emplace_back(CallFunctionOnArgument(ca.objectId));
-        out_ << ", ";
-      }
-    }
-  }
-
-  void addParam(const m::runtime::CallArgument &ca) {
-    if (ca.objectId) {
-      out_ << "undefined";
-    } else if (ca.value) {
-      // TODO: this may throw if ca.value is a CBOR (see RFC 8949), but the
-      // chrome debugger doesn't seem to send those.
-      out_ << "(" << folly::toJson(*ca.value) << ")";
-    } else if (ca.unserializableValue) {
-      if (unserializableValueLooksLikeNumber(*ca.unserializableValue)) {
-        out_ << "+(" << *ca.unserializableValue << ")";
-      } else {
-        out_ << *ca.unserializableValue;
-      }
-    } else {
-      throw std::runtime_error("unknown payload for CallParam");
-    }
-  }
-
-  std::ostringstream out_;
-
-  std::vector<CallFunctionOnArgument> thisAndArguments_;
-  std::optional<m::runtime::ExecutionContextId> executionContextId_;
-};
-
-} // namespace
-
-void Connection::Impl::handle(const m::runtime::CallFunctionOnRequest &req) {
-  std::string expression;
-  CallFunctionOnRunner runner;
-
-  auto validateAndParseRequest =
-      [&expression, &runner](const m::runtime::CallFunctionOnRequest &req)
-      -> std::optional<std::string> {
-    if (req.objectId.has_value() == req.executionContextId.has_value()) {
-      return std::string(
-          "The request must specify either object id or execution context id.");
-    }
-
-    if (!req.objectId) {
-      assert(
-          req.executionContextId &&
-          "should not be here if both object id and execution context id are missing");
-      if (*req.executionContextId != kHermesExecutionContextId) {
-        return "unknown execution context id " +
-            std::to_string(*req.executionContextId);
-      }
-    }
-
-    try {
-      std::tie(expression, runner) =
-          CallFunctionOnBuilder(req).expressionAndRunner();
-    } catch (const std::exception &e) {
-      return std::string(e.what());
-    }
-
-    return {};
-  };
-
-  if (auto errMsg = validateAndParseRequest(req)) {
-    sendErrorToClientViaExecutor(req.id, *errMsg);
-    return;
-  }
-
-  auto remoteObjPtr = std::make_shared<m::runtime::RemoteObject>();
-  inspector_
-      ->evaluate(
-          0, // Top of the stackframe
-          expression,
-          [this,
-           remoteObjPtr,
-           objectGroup = req.objectGroup,
-           jsThisId = req.objectId,
-           byValue = req.returnByValue.value_or(false),
-           generatePreview = req.generatePreview.value_or(false),
-           runner =
-               std::move(runner)](const facebook::hermes::debugger::EvalResult
-                                      &evalResult) mutable {
-            if (evalResult.isException) {
-              return;
-            }
-
-            *remoteObjPtr = m::runtime::makeRemoteObject(
-                getRuntime(),
-                runner(getRuntime(), objTable_, evalResult),
-                objTable_,
-                objectGroup.value_or("ConsoleObjectGroup"),
-                byValue,
-                generatePreview);
-          })
-      .via(executor_.get())
-      .thenValue(
-          [this, id = req.id, remoteObjPtr](debugger::EvalResult result) {
-            m::debugger::EvaluateOnCallFrameResponse resp;
-            resp.id = id;
-
-            if (result.isException) {
-              resp.exceptionDetails =
-                  m::runtime::makeExceptionDetails(result.exceptionDetails);
-            } else {
-              resp.result = std::move(*remoteObjPtr);
-            }
-
-            sendResponseToClient(resp);
-          })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(const m::runtime::CompileScriptRequest &req) {
-  auto resp = std::make_shared<m::runtime::CompileScriptResponse>();
-  resp->id = req.id;
-
-  inspector_
-      ->executeIfEnabled(
-          "Runtime.compileScriptRequest",
-          [this, req, resp](const debugger::ProgramState &state) {
-            if (req.executionContextId.has_value() &&
-                req.executionContextId.value() != kHermesExecutionContextId) {
-              throw std::invalid_argument("Invalid execution context");
-            }
-
-            auto source = std::make_shared<jsi::StringBuffer>(req.expression);
-            std::shared_ptr<const jsi::PreparedJavaScript> preparedScript;
-            try {
-              preparedScript =
-                  getRuntime().prepareJavaScript(source, req.sourceURL);
-            } catch (const facebook::jsi::JSIException &err) {
-              resp->exceptionDetails = m::runtime::ExceptionDetails();
-              resp->exceptionDetails->text = err.what();
-              return;
-            }
-
-            if (req.persistScript) {
-              auto scriptId = folly::to<std::string>(
-                  kUserEnteredScriptPrefix, preparedScripts_.size());
-              preparedScripts_.push_back(std::move(preparedScript));
-              resp->scriptId = scriptId;
-            }
-          })
-      .via(executor_.get())
-      .thenValue([this, resp](auto &&) { sendResponseToClient(*resp); })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(const m::runtime::EvaluateRequest &req) {
-  auto remoteObjPtr = std::make_shared<m::runtime::RemoteObject>();
-
-  inspector_
-      ->evaluate(
-          0, // Top of the stackframe
-          req.expression,
-          [this,
-           remoteObjPtr,
-           objectGroup = req.objectGroup,
-           byValue = req.returnByValue.value_or(false),
-           generatePreview = req.generatePreview.value_or(false)](
-              const facebook::hermes::debugger::EvalResult
-                  &evalResult) mutable {
-            *remoteObjPtr = m::runtime::makeRemoteObject(
-                getRuntime(),
-                evalResult.value,
-                objTable_,
-                objectGroup.value_or("ConsoleObjectGroup"),
-                byValue,
-                generatePreview);
-          })
-      .via(executor_.get())
-      .thenValue(
-          [this, id = req.id, remoteObjPtr](debugger::EvalResult result) {
-            m::debugger::EvaluateOnCallFrameResponse resp;
-            resp.id = id;
-
-            if (result.isException) {
-              resp.exceptionDetails =
-                  m::runtime::makeExceptionDetails(result.exceptionDetails);
-            } else {
-              resp.result = std::move(*remoteObjPtr);
-            }
-
-            sendResponseToClient(resp);
-          })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(const m::debugger::PauseRequest &req) {
-  sendResponseToClientViaExecutor(inspector_->pause(), req.id);
-}
-
-void Connection::Impl::handle(const m::debugger::RemoveBreakpointRequest &req) {
-  if (isVirtualBreakpointId(req.breakpointId)) {
-    std::scoped_lock lock(virtualBreakpointMutex_);
-    if (!removeVirtualBreakpoint(req.breakpointId)) {
-      sendErrorToClientViaExecutor(
-          req.id, "Unknown breakpoint ID: " + req.breakpointId);
-    }
-    sendResponseToClientViaExecutor(req.id);
-  } else {
-    auto breakpointId = folly::to<debugger::BreakpointID>(req.breakpointId);
-    sendResponseToClientViaExecutor(
-        inspector_->removeBreakpoint(breakpointId), req.id);
-  }
-}
-
-void Connection::Impl::handle(const m::debugger::ResumeRequest &req) {
-  sendResponseToClientViaExecutor(inspector_->resume(), req.id);
-}
-
-void Connection::Impl::handle(const m::debugger::SetBreakpointRequest &req) {
-  debugger::SourceLocation loc;
-
-  auto scriptId = folly::tryTo<unsigned int>(req.location.scriptId);
-  if (!scriptId) {
-    sendErrorToClientViaExecutor(
-        req.id, "Expected integer scriptId: " + req.location.scriptId);
-    return;
-  }
-
-  loc.fileId = scriptId.value();
-  // CDP Locations are 0-based, Hermes lines/columns are 1-based
-  loc.line = req.location.lineNumber + 1;
-  if (req.location.columnNumber) {
-    loc.column = req.location.columnNumber.value() + 1;
-  }
-
-  inspector_->setBreakpoint(loc, req.condition)
-      .via(executor_.get())
-      .thenValue([this, id = req.id](debugger::BreakpointInfo info) {
-        m::debugger::SetBreakpointResponse resp;
-        resp.id = id;
-        resp.breakpointId = folly::to<std::string>(info.id);
-
-        if (info.resolved) {
-          resp.actualLocation =
-              m::debugger::makeLocation(info.resolvedLocation);
-        }
-
-        sendResponseToClient(resp);
-      })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(
-    const m::debugger::SetBreakpointByUrlRequest &req) {
-  debugger::SourceLocation loc;
-
-  {
-    std::scoped_lock lock(parsedScriptsMutex_);
-    setHermesLocation(loc, req, parsedScripts_);
-  }
-
-  inspector_->setBreakpoint(loc, req.condition)
-      .via(executor_.get())
-      .thenValue([this, id = req.id](debugger::BreakpointInfo info) {
-        m::debugger::SetBreakpointByUrlResponse resp;
-        resp.id = id;
-        resp.breakpointId = folly::to<std::string>(info.id);
-
-        if (info.resolved) {
-          resp.locations.emplace_back(
-              m::debugger::makeLocation(info.resolvedLocation));
-        }
-
-        sendResponseToClient(resp);
-      })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(
-    const m::debugger::SetBreakpointsActiveRequest &req) {
-  inspector_->setBreakpointsActive(req.active)
-      .via(executor_.get())
-      .thenValue([this, id = req.id](const Unit &unit) {
-        sendResponseToClient(m::makeOkResponse(id));
-      })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-bool Connection::Impl::isVirtualBreakpointId(const std::string &id) {
-  return id.rfind(kVirtualBreakpointPrefix, 0) == 0;
-}
-
-const std::string &Connection::Impl::createVirtualBreakpoint(
-    const std::string &category) {
-  auto ret = virtualBreakpoints_[category].insert(folly::to<std::string>(
-      kVirtualBreakpointPrefix, nextVirtualBreakpoint_++));
-  return *ret.first;
-}
-
-bool Connection::Impl::hasVirtualBreakpoint(const std::string &category) {
-  auto pos = virtualBreakpoints_.find(category);
-  if (pos == virtualBreakpoints_.end())
-    return false;
-  return !pos->second.empty();
-}
-
-bool Connection::Impl::removeVirtualBreakpoint(const std::string &id) {
-  // We expect roughly 1 category, so just iterate over all the sets
-  for (auto &kv : virtualBreakpoints_) {
-    if (kv.second.erase(id) > 0) {
-      return true;
-    }
-  }
-  return false;
-}
-
-void Connection::Impl::handle(
-    const m::debugger::SetInstrumentationBreakpointRequest &req) {
-  if (req.instrumentation != kBeforeScriptWithSourceMapExecution) {
-    sendErrorToClientViaExecutor(
-        req.id, "Unknown instrumentation breakpoint: " + req.instrumentation);
-    return;
-  }
-
-  // The act of creating and registering the breakpoint ID is enough
-  // to "set" it. We merely check for the existence of them later.
-  std::scoped_lock lock(virtualBreakpointMutex_);
-  m::debugger::SetInstrumentationBreakpointResponse resp;
-  resp.id = req.id;
-  resp.breakpointId = createVirtualBreakpoint(req.instrumentation);
-  sendResponseToClientViaExecutor(resp);
-}
-
-void Connection::Impl::handle(
-    const m::debugger::SetPauseOnExceptionsRequest &req) {
-  debugger::PauseOnThrowMode mode = debugger::PauseOnThrowMode::None;
-
-  if (req.state == "none") {
-    mode = debugger::PauseOnThrowMode::None;
-  } else if (req.state == "all") {
-    mode = debugger::PauseOnThrowMode::All;
-  } else if (req.state == "uncaught") {
-    mode = debugger::PauseOnThrowMode::Uncaught;
-  } else {
-    sendErrorToClientViaExecutor(
-        req.id, "Unknown pause-on-exception state: " + req.state);
-    return;
-  }
-
-  sendResponseToClientViaExecutor(
-      inspector_->setPauseOnExceptions(mode), req.id);
-}
-
-void Connection::Impl::handle(const m::debugger::StepIntoRequest &req) {
-  sendResponseToClientViaExecutor(inspector_->stepIn(), req.id);
-}
-
-void Connection::Impl::handle(const m::debugger::StepOutRequest &req) {
-  sendResponseToClientViaExecutor(inspector_->stepOut(), req.id);
-}
-
-void Connection::Impl::handle(const m::debugger::StepOverRequest &req) {
-  sendResponseToClientViaExecutor(inspector_->stepOver(), req.id);
-}
-
-std::vector<m::runtime::PropertyDescriptor>
-Connection::Impl::makePropsFromScope(
-    std::pair<uint32_t, uint32_t> frameAndScopeIndex,
-    const std::string &objectGroup,
-    const debugger::ProgramState &state,
-    bool generatePreview) {
-  // Chrome represents variables in a scope as properties on a dummy object.
-  // We don't instantiate such dummy objects, we just pretended to have one.
-  // Chrome has now asked for its properties, so it's time to synthesize
-  // descriptions of the properties that the dummy object would have had.
-  std::vector<m::runtime::PropertyDescriptor> result;
-
-  uint32_t frameIndex = frameAndScopeIndex.first;
-  uint32_t scopeIndex = frameAndScopeIndex.second;
-  debugger::LexicalInfo lexicalInfo = state.getLexicalInfo(frameIndex);
-  uint32_t varCount = lexicalInfo.getVariablesCountInScope(scopeIndex);
-
-  // If this is the frame's local scope, include 'this'.
-  if (scopeIndex == 0) {
-    auto varInfo = state.getVariableInfoForThis(frameIndex);
-    m::runtime::PropertyDescriptor desc;
-    desc.name = varInfo.name;
-    desc.value = m::runtime::makeRemoteObject(
-        getRuntime(),
-        varInfo.value,
-        objTable_,
-        objectGroup,
-        false,
-        generatePreview);
-    // Chrome only shows enumerable properties.
-    desc.enumerable = true;
-    result.emplace_back(std::move(desc));
-  }
-
-  // Then add each of the variables in this lexical scope.
-  for (uint32_t varIndex = 0; varIndex < varCount; varIndex++) {
-    debugger::VariableInfo varInfo =
-        state.getVariableInfo(frameIndex, scopeIndex, varIndex);
-
-    m::runtime::PropertyDescriptor desc;
-    desc.name = varInfo.name;
-    desc.value = m::runtime::makeRemoteObject(
-        getRuntime(),
-        varInfo.value,
-        objTable_,
-        objectGroup,
-        false,
-        generatePreview);
-    desc.enumerable = true;
-
-    result.emplace_back(std::move(desc));
-  }
-
-  return result;
-}
-
-std::vector<m::runtime::PropertyDescriptor>
-Connection::Impl::makePropsFromValue(
-    const jsi::Value &value,
-    const std::string &objectGroup,
-    bool onlyOwnProperties,
-    bool generatePreview) {
-  std::vector<m::runtime::PropertyDescriptor> result;
-
-  if (value.isObject()) {
-    jsi::Runtime &runtime = getRuntime();
-    jsi::Object obj = value.getObject(runtime);
-
-    // TODO(hypuk): obj.getPropertyNames only returns enumerable properties.
-    jsi::Array propNames = onlyOwnProperties
-        ? runtime.global()
-              .getPropertyAsObject(runtime, "Object")
-              .getPropertyAsFunction(runtime, "getOwnPropertyNames")
-              .call(runtime, obj)
-              .getObject(runtime)
-              .getArray(runtime)
-        : obj.getPropertyNames(runtime);
-
-    size_t propCount = propNames.length(runtime);
-    for (size_t i = 0; i < propCount; i++) {
-      jsi::String propName =
-          propNames.getValueAtIndex(runtime, i).getString(runtime);
-
-      m::runtime::PropertyDescriptor desc;
-      desc.name = propName.utf8(runtime);
-
-      try {
-        // Currently, we fetch the property even if it runs code.
-        // Chrome instead detects getters and makes you click to invoke.
-        jsi::Value propValue = obj.getProperty(runtime, propName);
-        desc.value = m::runtime::makeRemoteObject(
-            runtime, propValue, objTable_, objectGroup, false, generatePreview);
-      } catch (const jsi::JSError &err) {
-        // We fetched a property with a getter that threw. Show a placeholder.
-        // We could have added additional info, but the UI quickly gets messy.
-        desc.value = m::runtime::makeRemoteObject(
-            runtime,
-            jsi::String::createFromUtf8(runtime, "(Exception)"),
-            objTable_,
-            objectGroup,
-            false,
-            generatePreview);
-      }
-
-      result.emplace_back(std::move(desc));
-    }
-
-    if (onlyOwnProperties) {
-      jsi::Value proto = runtime.global()
-                             .getPropertyAsObject(runtime, "Object")
-                             .getPropertyAsFunction(runtime, "getPrototypeOf")
-                             .call(runtime, obj);
-      if (!proto.isNull()) {
-        m::runtime::PropertyDescriptor desc;
-        desc.name = "__proto__";
-        desc.value = m::runtime::makeRemoteObject(
-            runtime, proto, objTable_, objectGroup, false, generatePreview);
-        result.emplace_back(std::move(desc));
-      }
-    }
-  }
-
-  return result;
-}
-
-void Connection::Impl::handle(const m::runtime::GetHeapUsageRequest &req) {
-  runInExecutor(req.id, [this, req]() {
-    auto heapInfo = getRuntime().instrumentation().getHeapInfo(false);
-    auto resp = std::make_shared<m::runtime::GetHeapUsageResponse>();
-    resp->id = req.id;
-    resp->usedSize = heapInfo["hermes_allocatedBytes"];
-    resp->totalSize = heapInfo["hermes_heapSize"];
-    sendResponseToClient(*resp);
-  });
-}
-
-void Connection::Impl::handle(const m::runtime::GetPropertiesRequest &req) {
-  auto resp = std::make_shared<m::runtime::GetPropertiesResponse>();
-  resp->id = req.id;
-
-  inspector_
-      ->executeIfEnabled(
-          "Runtime.getProperties",
-          [this,
-           req,
-           resp,
-           generatePreview = req.generatePreview.value_or(false)](
-              const debugger::ProgramState &state) {
-            std::string objGroup = objTable_.getObjectGroup(req.objectId);
-            auto scopePtr = objTable_.getScope(req.objectId);
-            auto valuePtr = objTable_.getValue(req.objectId);
-
-            if (scopePtr != nullptr) {
-              resp->result = makePropsFromScope(
-                  *scopePtr, objGroup, state, generatePreview);
-            } else if (valuePtr != nullptr) {
-              resp->result = makePropsFromValue(
-                  *valuePtr,
-                  objGroup,
-                  req.ownProperties.value_or(true),
-                  generatePreview);
-            }
-          })
-      .via(executor_.get())
-      .thenValue([this, resp](auto &&) { sendResponseToClient(*resp); })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(
-    const m::runtime::GlobalLexicalScopeNamesRequest &req) {
-  auto resp = std::make_shared<m::runtime::GlobalLexicalScopeNamesResponse>();
-  resp->id = req.id;
-
-  inspector_
-      ->executeIfEnabled(
-          "Runtime.globalLexicalScopeNames",
-          [req, resp](const debugger::ProgramState &state) {
-            if (req.executionContextId.has_value() &&
-                req.executionContextId.value() != kHermesExecutionContextId) {
-              throw std::invalid_argument("Invalid execution context");
-            }
-
-            const debugger::LexicalInfo &lexicalInfo = state.getLexicalInfo(0);
-            debugger::ScopeDepth scopeCount = lexicalInfo.getScopesCount();
-            if (scopeCount == 0) {
-              return;
-            }
-
-            const debugger::ScopeDepth globalScopeIndex = scopeCount - 1;
-            uint32_t variableCount =
-                lexicalInfo.getVariablesCountInScope(globalScopeIndex);
-            resp->names.reserve(variableCount);
-            for (uint32_t i = 0; i < variableCount; i++) {
-              debugger::String name =
-                  state.getVariableInfo(0, globalScopeIndex, i).name;
-              // The global scope has some entries prefixed with '?', which are
-              // not valid identifiers.
-              if (!name.empty() && name.front() != '?') {
-                resp->names.push_back(name);
-              }
-            }
-          })
-      .via(executor_.get())
-      .thenValue([this, resp](auto &&) { sendResponseToClient(*resp); })
-      .thenError<std::exception>(sendErrorToClient(req.id));
-}
-
-void Connection::Impl::handle(
-    const m::runtime::RunIfWaitingForDebuggerRequest &req) {
-  if (inspector_->isAwaitingDebuggerOnStart()) {
-    sendResponseToClientViaExecutor(inspector_->resume(), req.id);
-  } else {
-    // We weren't awaiting a debugger. Just send an 'ok'.
-    sendResponseToClientViaExecutor(req.id);
-  }
-}
-
-/*
- * Send-to-client methods
- */
-
-void Connection::Impl::sendToClient(const std::string &str) {
-  if (remoteConn_) {
-    remoteConn_->onMessage(str);
-  }
-}
-
-void Connection::Impl::sendResponseToClient(const m::Response &resp) {
-  sendToClient(resp.toJson());
-}
-
-void Connection::Impl::sendNotificationToClient(const m::Notification &note) {
-  sendToClient(note.toJson());
-}
-
-folly::Function<void(const std::exception &)>
-Connection::Impl::sendErrorToClient(int id) {
-  return [this, id](const std::exception &e) {
-    sendResponseToClient(
-        m::makeErrorResponse(id, m::ErrorCode::ServerError, e.what()));
-  };
-}
-
-void Connection::Impl::sendResponseToClientViaExecutor(int id) {
-  sendResponseToClientViaExecutor(folly::makeFuture(), id);
-}
-
-void Connection::Impl::sendResponseToClientViaExecutor(
-    const m::Response &resp) {
-  std::string json = resp.toJson();
-
-  folly::makeFuture()
-      .via(executor_.get())
-      .thenValue([this, json](const Unit &unit) { sendToClient(json); });
-}
-
-void Connection::Impl::sendResponseToClientViaExecutor(
-    folly::Future<Unit> future,
-    int id) {
-  future.via(executor_.get())
-      .thenValue([this, id](const Unit &unit) {
-        sendResponseToClient(m::makeOkResponse(id));
-      })
-      .thenError<std::exception>(sendErrorToClient(id));
-}
-
-void Connection::Impl::sendErrorToClientViaExecutor(
-    int id,
-    const std::string &error) {
-  folly::makeFuture()
-      .via(executor_.get())
-      .thenValue([this, id, error](const Unit &unit) {
-        sendResponseToClient(
-            makeErrorResponse(id, m::ErrorCode::ServerError, error));
-      });
-}
-
-void Connection::Impl::sendNotificationToClientViaExecutor(
-    const m::Notification &note) {
-  executor_->add(
-      [this, noteJson = note.toJson()]() { sendToClient(noteJson); });
-}
-
-/*
- * Connection
- */
-Connection::Connection(
-    std::unique_ptr<RuntimeAdapter> adapter,
-    const std::string &title,
-    bool waitForDebugger)
-    : impl_(
-          std::make_unique<Impl>(std::move(adapter), title, waitForDebugger)) {}
-
-Connection::~Connection() = default;
-
-HermesRuntime &Connection::getRuntime() {
-  return impl_->getRuntime();
-}
-
-std::string Connection::getTitle() const {
-  return impl_->getTitle();
-}
-
-bool Connection::connect(std::unique_ptr<IRemoteConnection> remoteConn) {
-  return impl_->connect(std::move(remoteConn));
-}
-
-bool Connection::disconnect() {
-  return impl_->disconnect();
-}
-
-void Connection::sendMessage(std::string str) {
-  impl_->sendMessage(std::move(str));
-}
-
-} // namespace chrome
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Connection.h b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Connection.h
deleted file mode 100644
index 0718ede70cf6b6..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Connection.h
+++ /dev/null
@@ -1,68 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// using include guards instead of #pragma once due to compile issues
-// with MSVC and BUCK
-#ifndef HERMES_INSPECTOR_MODERN_CONNECTION_H
-#define HERMES_INSPECTOR_MODERN_CONNECTION_H
-
-#include <functional>
-#include <memory>
-#include <string>
-
-#include <hermes/hermes.h>
-#include <hermes/inspector-modern/RuntimeAdapter.h>
-#include <jsinspector-modern/InspectorInterfaces.h>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace chrome {
-
-/// Connection is a duplex connection between the client and the debugger.
-class INSPECTOR_EXPORT Connection {
- public:
-  /// Connection constructor enables the debugger on the provided runtime. This
-  /// should generally called before you start running any JS in the runtime.
-  Connection(
-      std::unique_ptr<RuntimeAdapter> adapter,
-      const std::string &title,
-      bool waitForDebugger = false);
-  ~Connection();
-
-  /// getRuntime returns the underlying runtime being debugged.
-  HermesRuntime &getRuntime();
-
-  /// getTitle returns the name of the friendly name of the runtime that's shown
-  /// to users in Nuclide.
-  std::string getTitle() const;
-
-  /// connect attaches this connection to the runtime's debugger. Requests to
-  /// the debugger sent via send(). Replies and notifications from the debugger
-  /// are sent back to the client via IRemoteConnection::onMessage.
-  bool connect(
-      std::unique_ptr<::facebook::react::jsinspector_modern::IRemoteConnection>
-          remoteConn);
-
-  /// disconnect disconnects this connection from the runtime's debugger
-  bool disconnect();
-
-  /// sendMessage delivers a JSON-encoded Chrome DevTools Protocol request to
-  /// the debugger.
-  void sendMessage(std::string str);
-
- private:
-  class Impl;
-  std::unique_ptr<Impl> impl_;
-};
-
-} // namespace chrome
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
-
-#endif // HERMES_INSPECTOR_MODERN_CONNECTION_H
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/ConnectionDemux.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/ConnectionDemux.cpp
index 5ab0955ecd9888..0b9796aee0ec30 100644
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/ConnectionDemux.cpp
+++ b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/ConnectionDemux.cpp
@@ -61,7 +61,7 @@ void LocalConnection::disconnect() {
 } // namespace
 
 ConnectionDemux::ConnectionDemux(
-    facebook::react::jsinspector_modern::IInspector &inspector)
+    facebook::react::jsinspector_modern::IInspector& inspector)
     : globalInspector_(inspector),
       inspectedContexts_(std::make_shared<std::unordered_set<std::string>>()) {}
 
@@ -69,7 +69,7 @@ ConnectionDemux::~ConnectionDemux() = default;
 
 DebugSessionToken ConnectionDemux::enableDebugging(
     std::unique_ptr<RuntimeAdapter> adapter,
-    const std::string &title) {
+    const std::string& title) {
   std::scoped_lock lock(mutex_);
 
   // TODO(#22976087): workaround for ComponentScript contexts never being
@@ -112,7 +112,7 @@ int ConnectionDemux::addPage(
     // require a copyable callback?
     std::shared_ptr<IRemoteConnection> sharedConn = std::move(remoteConn);
     if (!conn->registerCallbacks(
-            [sharedConn](const std::string &message) {
+            [sharedConn](const std::string& message) {
               sharedConn->onMessage(message);
             },
             [sharedConn]() { sharedConn->onDisconnect(); })) {
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/ConnectionDemux.h b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/ConnectionDemux.h
index 9ed90410d20f03..ba1325ef33fe61 100644
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/ConnectionDemux.h
+++ b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/ConnectionDemux.h
@@ -34,15 +34,15 @@ namespace chrome {
 class ConnectionDemux {
  public:
   explicit ConnectionDemux(
-      facebook::react::jsinspector_modern::IInspector &inspector);
+      facebook::react::jsinspector_modern::IInspector& inspector);
   ~ConnectionDemux();
 
-  ConnectionDemux(const ConnectionDemux &) = delete;
-  ConnectionDemux &operator=(const ConnectionDemux &) = delete;
+  ConnectionDemux(const ConnectionDemux&) = delete;
+  ConnectionDemux& operator=(const ConnectionDemux&) = delete;
 
   DebugSessionToken enableDebugging(
       std::unique_ptr<RuntimeAdapter> adapter,
-      const std::string &title);
+      const std::string& title);
   void disableDebugging(DebugSessionToken session);
 
  private:
@@ -50,7 +50,7 @@ class ConnectionDemux {
       std::shared_ptr<hermes::inspector_modern::chrome::CDPHandler> conn);
   void removePage(int pageId);
 
-  facebook::react::jsinspector_modern::IInspector &globalInspector_;
+  facebook::react::jsinspector_modern::IInspector& globalInspector_;
 
   std::mutex mutex_;
   std::unordered_map<
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/HermesRuntimeAgentDelegate.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/HermesRuntimeAgentDelegate.cpp
new file mode 100644
index 00000000000000..bfea30fc827a88
--- /dev/null
+++ b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/HermesRuntimeAgentDelegate.cpp
@@ -0,0 +1,228 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "HermesRuntimeAgentDelegate.h"
+
+// If HERMES_ENABLE_DEBUGGER isn't defined, we can't access any Hermes
+// CDPHandler headers or types.
+
+#ifdef HERMES_ENABLE_DEBUGGER
+#include <hermes/inspector/RuntimeAdapter.h>
+#include <hermes/inspector/chrome/CDPHandler.h>
+#else // HERMES_ENABLE_DEBUGGER
+#include <jsinspector-modern/FallbackRuntimeAgentDelegate.h>
+#endif // HERMES_ENABLE_DEBUGGER
+
+#include <hermes/hermes.h>
+#include <jsinspector-modern/ReactCdp.h>
+
+using namespace facebook::hermes;
+
+namespace facebook::react::jsinspector_modern {
+
+#ifdef HERMES_ENABLE_DEBUGGER
+
+namespace {
+
+/**
+ * An implementation of the Hermes RuntimeAdapter interface (part of
+ * Hermes's CDPHandler API) for use within a React Native RuntimeAgentDelegate.
+ */
+class HermesRuntimeAgentDelegateAdapter
+    : public hermes::inspector_modern::RuntimeAdapter {
+ public:
+  HermesRuntimeAgentDelegateAdapter(
+      std::shared_ptr<hermes::HermesRuntime> runtime,
+      RuntimeExecutor runtimeExecutor)
+      : runtime_(runtime), runtimeExecutor_(runtimeExecutor) {}
+
+  HermesRuntime& getRuntime() override {
+    return *runtime_;
+  }
+
+  void tickleJs() override {
+    runtimeExecutor_([](jsi::Runtime& runtime) {
+      jsi::Function func =
+          runtime.global().getPropertyAsFunction(runtime, "__tickleJs");
+      func.call(runtime);
+    });
+  }
+
+ private:
+  std::shared_ptr<hermes::HermesRuntime> runtime_;
+  RuntimeExecutor runtimeExecutor_;
+};
+
+} // namespace
+
+/**
+ * A RuntimeAgentDelegate that handles requests from the Chrome DevTools
+ * Protocol for an instance of Hermes.
+ */
+class HermesRuntimeAgentDelegate::Impl final : public RuntimeAgentDelegate {
+  using HermesCDPHandler = hermes::inspector_modern::chrome::CDPHandler;
+  using HermesExecutionContextDescription =
+      hermes::inspector_modern::chrome::CDPHandlerExecutionContextDescription;
+  using HermesState = hermes::inspector_modern::chrome::State;
+
+  struct HermesStateWrapper : public ExportedState {
+    explicit HermesStateWrapper(std::unique_ptr<HermesState> state)
+        : state_(std::move(state)) {}
+
+    static std::unique_ptr<HermesState> unwrapDestructively(
+        ExportedState* wrapper) {
+      if (!wrapper) {
+        return nullptr;
+      }
+      if (auto* typedWrapper = dynamic_cast<HermesStateWrapper*>(wrapper)) {
+        return std::move(typedWrapper->state_);
+      }
+      return nullptr;
+    }
+
+   private:
+    std::unique_ptr<HermesState> state_;
+  };
+
+ public:
+  /**
+   * \param frontendChannel A channel used to send responses and events to the
+   * frontend.
+   * \param sessionState The state of the current CDP session. This will only
+   * be accessed on the main thread (during the constructor, in handleRequest,
+   * etc).
+   * \param previouslyExportedState The exported state from a previous instance
+   * of RuntimeAgentDelegate (NOT necessarily HermesRuntimeAgentDelegate). This
+   * may be nullptr, and if not nullptr it may be of any concrete type that
+   * implements RuntimeAgentDelegate::ExportedState.
+   * \param executionContextDescription A description of the execution context
+   * represented by this runtime. This is used for disambiguating the
+   * source/destination of CDP messages when there are multiple runtimes
+   * (concurrently or over the life of a Page).
+   * \param runtime The HermesRuntime that this agent is attached to.
+   * \param runtimeExecutor A callback for scheduling work on the JS thread.
+   * \c runtimeExecutor may drop scheduled work if the runtime is destroyed
+   * first.
+   */
+  Impl(
+      FrontendChannel frontendChannel,
+      SessionState& sessionState,
+      std::unique_ptr<RuntimeAgentDelegate::ExportedState>
+          previouslyExportedState,
+      const ExecutionContextDescription& executionContextDescription,
+      std::shared_ptr<hermes::HermesRuntime> runtime,
+      RuntimeExecutor runtimeExecutor)
+      : hermes_(HermesCDPHandler::create(
+            std::make_unique<HermesRuntimeAgentDelegateAdapter>(
+                runtime,
+                runtimeExecutor),
+            /* waitForDebugger */ false,
+            /* enableConsoleAPICapturing */ false,
+            /* state */
+            HermesStateWrapper::unwrapDestructively(
+                previouslyExportedState.get()),
+            {.isRuntimeDomainEnabled = sessionState.isRuntimeDomainEnabled},
+            HermesExecutionContextDescription{
+                .id = executionContextDescription.id,
+                .origin = executionContextDescription.origin,
+                .name = executionContextDescription.name,
+                .auxData = std::nullopt,
+                .shouldSendNotifications = false})) {
+    hermes_->registerCallbacks(
+        /* msgCallback */
+        [frontendChannel =
+             std::move(frontendChannel)](const std::string& messageFromHermes) {
+          frontendChannel(messageFromHermes);
+          ;
+        },
+        /* onUnregister */
+        []() {});
+  }
+
+  /**
+   * Handle a CDP request.  The response will be sent over the provided
+   * \c FrontendChannel synchronously or asynchronously.
+   * \param req The parsed request.
+   * \returns true if this agent has responded, or will respond asynchronously,
+   * to the request (with either a success or error message). False if the
+   * agent expects another agent to respond to the request instead.
+   */
+  bool handleRequest(const cdp::PreparsedRequest& req) override {
+    // TODO: Change to string::starts_with when we're on C++20.
+    if (req.method.rfind("Log.", 0) == 0) {
+      // Since we know Hermes doesn't do anything useful with Log messages, but
+      // our containing PageAgent will, just bail out early.
+      // TODO: We need a way to negotiate this more dynamically with Hermes
+      // through the API.
+      return false;
+    }
+    // Forward everything else to Hermes's CDPHandler.
+    hermes_->handle(req.toJson());
+    // Let the call know that this request is handled (i.e. it is Hermes's
+    // responsibility to respond with either success or an error).
+    return true;
+  }
+
+  virtual std::unique_ptr<ExportedState> getExportedState() override {
+    return std::make_unique<HermesStateWrapper>(hermes_->getState());
+  }
+
+ private:
+  std::shared_ptr<HermesCDPHandler> hermes_;
+};
+
+#else // !HERMES_ENABLE_DEBUGGER
+
+/**
+ * A stub for HermesRuntimeAgentDelegate when Hermes is compiled without
+ * debugging support.
+ */
+class HermesRuntimeAgentDelegate::Impl final
+    : public FallbackRuntimeAgentDelegate {
+ public:
+  Impl(
+      FrontendChannel frontendChannel,
+      SessionState& sessionState,
+      std::unique_ptr<RuntimeAgentDelegate::ExportedState>,
+      const ExecutionContextDescription&,
+      std::shared_ptr<hermes::HermesRuntime> runtime,
+      RuntimeExecutor)
+      : FallbackRuntimeAgentDelegate(
+            std::move(frontendChannel),
+            sessionState,
+            runtime->description()) {}
+};
+
+#endif // HERMES_ENABLE_DEBUGGER
+
+HermesRuntimeAgentDelegate::HermesRuntimeAgentDelegate(
+    FrontendChannel frontendChannel,
+    SessionState& sessionState,
+    std::unique_ptr<RuntimeAgentDelegate::ExportedState>
+        previouslyExportedState,
+    const ExecutionContextDescription& executionContextDescription,
+    std::shared_ptr<hermes::HermesRuntime> runtime,
+    RuntimeExecutor runtimeExecutor)
+    : impl_(std::make_unique<Impl>(
+          std::move(frontendChannel),
+          sessionState,
+          std::move(previouslyExportedState),
+          executionContextDescription,
+          std::move(runtime),
+          std::move(runtimeExecutor))) {}
+
+bool HermesRuntimeAgentDelegate::handleRequest(
+    const cdp::PreparsedRequest& req) {
+  return impl_->handleRequest(req);
+}
+
+std::unique_ptr<HermesRuntimeAgentDelegate::ExportedState>
+HermesRuntimeAgentDelegate::getExportedState() {
+  return impl_->getExportedState();
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/HermesRuntimeAgentDelegate.h b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/HermesRuntimeAgentDelegate.h
new file mode 100644
index 00000000000000..e6be5dc7246de1
--- /dev/null
+++ b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/HermesRuntimeAgentDelegate.h
@@ -0,0 +1,71 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <ReactCommon/RuntimeExecutor.h>
+
+#include <hermes/hermes.h>
+#include <jsinspector-modern/ReactCdp.h>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * A RuntimeAgentDelegate that handles requests from the Chrome DevTools
+ * Protocol for an instance of Hermes.
+ */
+class HermesRuntimeAgentDelegate : public RuntimeAgentDelegate {
+ public:
+  /**
+   * \param frontendChannel A channel used to send responses and events to the
+   * frontend.
+   * \param sessionState The state of the current CDP session. This will only
+   * be accessed on the main thread (during the constructor, in handleRequest,
+   * etc).
+   * \param previouslyExportedState The exported state from a previous instance
+   * of RuntimeAgentDelegate (NOT necessarily HermesRuntimeAgentDelegate). This
+   * may be nullptr, and if not nullptr it may be of any concrete type that
+   * implements RuntimeAgentDelegate::ExportedState.
+   * \param executionContextDescription A description of the execution context
+   * represented by this runtime. This is used for disambiguating the
+   * source/destination of CDP messages when there are multiple runtimes
+   * (concurrently or over the life of a Page).
+   * \param runtime The HermesRuntime that this agent is attached to.
+   * \param runtimeExecutor A callback for scheduling work on the JS thread.
+   * \c runtimeExecutor may drop scheduled work if the runtime is destroyed
+   * first.
+   */
+  HermesRuntimeAgentDelegate(
+      FrontendChannel frontendChannel,
+      SessionState& sessionState,
+      std::unique_ptr<RuntimeAgentDelegate::ExportedState>
+          previouslyExportedState,
+      const ExecutionContextDescription& executionContextDescription,
+      std::shared_ptr<hermes::HermesRuntime> runtime,
+      RuntimeExecutor runtimeExecutor);
+
+  /**
+   * Handle a CDP request.  The response will be sent over the provided
+   * \c FrontendChannel synchronously or asynchronously.
+   * \param req The parsed request.
+   * \returns true if this agent has responded, or will respond asynchronously,
+   * to the request (with either a success or error message). False if the
+   * agent expects another agent to respond to the request instead.
+   */
+  bool handleRequest(const cdp::PreparsedRequest& req) override;
+
+  virtual std::unique_ptr<ExportedState> getExportedState() override;
+
+ private:
+  // We use the private implementation idiom to keep HERMES_ENABLE_DEBUGGER
+  // checks out of the header.
+  class Impl;
+
+  const std::unique_ptr<Impl> impl_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageConverters.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageConverters.cpp
deleted file mode 100644
index a9b71133eda185..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageConverters.cpp
+++ /dev/null
@@ -1,378 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "MessageConverters.h"
-
-#include <cmath>
-#include <limits>
-
-#include <folly/Conv.h>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace chrome {
-
-namespace h = ::facebook::hermes;
-namespace m = ::facebook::hermes::inspector_modern::chrome::message;
-
-constexpr size_t kMaxPreviewProperties = 10;
-
-m::ErrorResponse
-m::makeErrorResponse(int id, m::ErrorCode code, const std::string &message) {
-  m::ErrorResponse resp;
-  resp.id = id;
-  resp.code = static_cast<int>(code);
-  resp.message = message;
-  return resp;
-}
-
-m::OkResponse m::makeOkResponse(int id) {
-  m::OkResponse resp;
-  resp.id = id;
-  return resp;
-}
-
-std::string m::stripCachePrevention(const std::string &url) {
-  std::regex regex("&?cachePrevention=[0-9]*");
-  return std::regex_replace(url, regex, "");
-}
-
-/*
- * debugger message conversion helpers
- */
-
-m::debugger::Location m::debugger::makeLocation(
-    const h::debugger::SourceLocation &loc) {
-  m::debugger::Location result;
-
-  result.scriptId = folly::to<std::string>(loc.fileId);
-  m::setChromeLocation(result, loc);
-
-  return result;
-}
-
-m::debugger::CallFrame m::debugger::makeCallFrame(
-    uint32_t callFrameIndex,
-    const h::debugger::CallFrameInfo &callFrameInfo,
-    const h::debugger::LexicalInfo &lexicalInfo,
-    RemoteObjectsTable &objTable,
-    jsi::Runtime &runtime,
-    const facebook::hermes::debugger::ProgramState &state) {
-  m::debugger::CallFrame result;
-
-  result.callFrameId = folly::to<std::string>(callFrameIndex);
-  result.functionName = callFrameInfo.functionName;
-  result.location = makeLocation(callFrameInfo.location);
-
-  uint32_t scopeCount = lexicalInfo.getScopesCount();
-
-  // First we have our local scope (unless we're in the global function)
-  if (scopeCount > 1) {
-    m::debugger::Scope scope;
-    scope.type = "local";
-    scope.object.objectId = objTable.addScope(
-        std::make_pair(callFrameIndex, 0), BacktraceObjectGroup);
-    scope.object.type = "object";
-    scope.object.className = "Object";
-    result.scopeChain.emplace_back(std::move(scope));
-  }
-
-  // Then we have zero or more parent closure scopes
-  for (uint32_t scopeIndex = 1; scopeIndex < scopeCount - 1; scopeIndex++) {
-    m::debugger::Scope scope;
-
-    scope.type = "closure";
-    // TODO: Get the parent closure's name
-    scope.name = folly::to<std::string>(scopeIndex);
-    scope.object.objectId = objTable.addScope(
-        std::make_pair(callFrameIndex, scopeIndex), BacktraceObjectGroup);
-    scope.object.type = "object";
-    scope.object.className = "Object";
-    result.scopeChain.emplace_back(std::move(scope));
-  }
-
-  // Finally, we always have the global scope
-  {
-    m::debugger::Scope scope;
-    scope.type = "global";
-    scope.object.objectId =
-        objTable.addValue(runtime.global(), BacktraceObjectGroup);
-    scope.object.type = "object";
-    scope.object.className = "Object";
-    result.scopeChain.emplace_back(std::move(scope));
-  }
-
-  result.thisObj.type = "object";
-  result.thisObj.objectId = objTable.addValue(
-      state.getVariableInfoForThis(callFrameIndex).value, BacktraceObjectGroup);
-
-  return result;
-}
-
-std::vector<m::debugger::CallFrame> m::debugger::makeCallFrames(
-    const h::debugger::ProgramState &state,
-    RemoteObjectsTable &objTable,
-    jsi::Runtime &runtime) {
-  const h::debugger::StackTrace &stackTrace = state.getStackTrace();
-  uint32_t count = stackTrace.callFrameCount();
-
-  std::vector<m::debugger::CallFrame> result;
-  result.reserve(count);
-
-  for (uint32_t i = 0; i < count; i++) {
-    h::debugger::CallFrameInfo callFrameInfo = stackTrace.callFrameForIndex(i);
-    h::debugger::LexicalInfo lexicalInfo = state.getLexicalInfo(i);
-
-    result.emplace_back(
-        makeCallFrame(i, callFrameInfo, lexicalInfo, objTable, runtime, state));
-  }
-
-  return result;
-}
-
-/*
- * runtime message conversion helpers
- */
-
-m::runtime::CallFrame m::runtime::makeCallFrame(
-    const h::debugger::CallFrameInfo &info) {
-  m::runtime::CallFrame result;
-
-  result.functionName = info.functionName;
-  result.scriptId = folly::to<std::string>(info.location.fileId);
-  result.url = info.location.fileName;
-  m::setChromeLocation(result, info.location);
-
-  return result;
-}
-
-std::vector<m::runtime::CallFrame> m::runtime::makeCallFrames(
-    const facebook::hermes::debugger::StackTrace &stackTrace) {
-  std::vector<m::runtime::CallFrame> result;
-  result.reserve(stackTrace.callFrameCount());
-
-  for (size_t i = 0; i < stackTrace.callFrameCount(); i++) {
-    h::debugger::CallFrameInfo info = stackTrace.callFrameForIndex(i);
-    result.emplace_back(makeCallFrame(info));
-  }
-
-  return result;
-}
-
-m::runtime::ExceptionDetails m::runtime::makeExceptionDetails(
-    const h::debugger::ExceptionDetails &details) {
-  m::runtime::ExceptionDetails result;
-
-  result.text = details.text;
-  result.scriptId = folly::to<std::string>(details.location.fileId);
-  result.url = details.location.fileName;
-  result.stackTrace = m::runtime::StackTrace();
-  result.stackTrace->callFrames = makeCallFrames(details.getStackTrace());
-  m::setChromeLocation(result, details.location);
-
-  return result;
-}
-
-static m::runtime::PropertyPreview generatePropertyPreview(
-    facebook::jsi::Runtime &runtime,
-    const std::string &name,
-    const facebook::jsi::Value &value) {
-  m::runtime::PropertyPreview preview;
-  preview.name = name;
-  if (value.isUndefined()) {
-    preview.type = "undefined";
-    preview.value = "undefined";
-  } else if (value.isNull()) {
-    preview.type = "object";
-    preview.subtype = "null";
-    preview.value = "null";
-  } else if (value.isBool()) {
-    preview.type = "boolean";
-    preview.value = value.toString(runtime).utf8(runtime);
-  } else if (value.isNumber()) {
-    preview.type = "number";
-    preview.value = value.toString(runtime).utf8(runtime);
-  } else if (value.isSymbol()) {
-    preview.type = "symbol";
-    preview.value = value.toString(runtime).utf8(runtime);
-  } else if (value.isBigInt()) {
-    preview.type = "bigint";
-    preview.value =
-        value.getBigInt(runtime).toString(runtime).utf8(runtime) + 'n';
-  } else if (value.isString()) {
-    preview.type = "string";
-    preview.value = value.toString(runtime).utf8(runtime);
-  } else if (value.isObject()) {
-    jsi::Object obj = value.asObject(runtime);
-    if (obj.isFunction(runtime)) {
-      preview.type = "function";
-    } else if (obj.isArray(runtime)) {
-      preview.type = "object";
-      preview.subtype = "array";
-      preview.value = "Array(" +
-          std::to_string(obj.getArray(runtime).length(runtime)) + ")";
-    } else {
-      preview.type = "object";
-      preview.value = "Object";
-    }
-  } else {
-    preview.type = "string";
-    preview.value = "<UnknownValueKind>";
-  }
-  return preview;
-}
-
-static m::runtime::ObjectPreview generateArrayPreview(
-    facebook::jsi::Runtime &runtime,
-    const facebook::jsi::Array &obj) {
-  m::runtime::ObjectPreview preview{};
-  preview.type = "object";
-  preview.subtype = "array";
-
-  size_t count = obj.length(runtime);
-  for (size_t i = 0; i < std::min(kMaxPreviewProperties, count); i++) {
-    m::runtime::PropertyPreview desc;
-    std::string indexString = std::to_string(i);
-    try {
-      desc = generatePropertyPreview(
-          runtime, indexString, obj.getValueAtIndex(runtime, i));
-    } catch (const jsi::JSError &err) {
-      desc.name = indexString;
-      desc.type = "string";
-      desc.value = "<Exception>";
-    }
-    preview.properties.push_back(std::move(desc));
-  }
-  preview.description =
-      "Array(" + std::to_string(obj.getArray(runtime).length(runtime)) + ")";
-  preview.overflow = count > kMaxPreviewProperties;
-  return preview;
-}
-
-static m::runtime::ObjectPreview generateObjectPreview(
-    facebook::jsi::Runtime &runtime,
-    const facebook::jsi::Object &obj) {
-  m::runtime::ObjectPreview preview{};
-  preview.type = "object";
-
-  // n.b. own properties only
-  jsi::Array propNames =
-      runtime.global()
-          .getPropertyAsObject(runtime, "Object")
-          .getPropertyAsFunction(runtime, "getOwnPropertyNames")
-          .call(runtime, obj)
-          .getObject(runtime)
-          .getArray(runtime);
-
-  size_t propCount = propNames.length(runtime);
-  for (size_t i = 0; i < std::min(kMaxPreviewProperties, propCount); i++) {
-    jsi::String propName =
-        propNames.getValueAtIndex(runtime, i).getString(runtime);
-
-    m::runtime::PropertyPreview desc;
-    try {
-      // Currently, we fetch the property even if it runs code.
-      // Chrome instead detects getters and makes you click to invoke.
-      desc = generatePropertyPreview(
-          runtime, propName.utf8(runtime), obj.getProperty(runtime, propName));
-    } catch (const jsi::JSError &err) {
-      desc.name = propName.utf8(runtime);
-      desc.type = "string";
-      desc.value = "<Exception>";
-    }
-    preview.properties.push_back(std::move(desc));
-  }
-  preview.description = "Object";
-  preview.overflow = propCount > kMaxPreviewProperties;
-  return preview;
-}
-
-m::runtime::RemoteObject m::runtime::makeRemoteObject(
-    facebook::jsi::Runtime &runtime,
-    const facebook::jsi::Value &value,
-    RemoteObjectsTable &objTable,
-    const std::string &objectGroup,
-    bool byValue,
-    bool generatePreview) {
-  m::runtime::RemoteObject result;
-  if (value.isUndefined()) {
-    result.type = "undefined";
-  } else if (value.isNull()) {
-    result.type = "object";
-    result.subtype = "null";
-    result.value = "null";
-  } else if (value.isBool()) {
-    result.type = "boolean";
-    result.value = value.getBool();
-  } else if (value.isNumber()) {
-    double numberValue = value.getNumber();
-    result.type = "number";
-    if (std::isnan(numberValue)) {
-      result.description = result.unserializableValue = "NaN";
-    } else if (numberValue == -std::numeric_limits<double>::infinity()) {
-      result.description = result.unserializableValue = "-Infinity";
-    } else if (numberValue == std::numeric_limits<double>::infinity()) {
-      result.description = result.unserializableValue = "Infinity";
-    } else if (numberValue == 0.0 && std::signbit(numberValue)) {
-      result.description = result.unserializableValue = "-0";
-    } else {
-      result.value = numberValue;
-    }
-  } else if (value.isString()) {
-    result.type = "string";
-    result.value = value.getString(runtime).utf8(runtime);
-  } else if (value.isSymbol()) {
-    result.type = "symbol";
-    auto sym = value.getSymbol(runtime);
-    result.description = sym.toString(runtime);
-    result.objectId =
-        objTable.addValue(jsi::Value(std::move(sym)), objectGroup);
-  } else if (value.isBigInt()) {
-    auto strRepresentation =
-        value.getBigInt(runtime).toString(runtime).utf8(runtime) + 'n';
-    result.description = result.unserializableValue = strRepresentation;
-  } else if (value.isObject()) {
-    jsi::Object obj = value.getObject(runtime);
-    if (obj.isFunction(runtime)) {
-      result.type = "function";
-      result.value = "";
-    } else if (obj.isArray(runtime)) {
-      auto array = obj.getArray(runtime);
-      size_t arrayCount = array.length(runtime);
-
-      result.type = "object";
-      result.subtype = "array";
-      result.className = "Array";
-      result.description = "Array(" + folly::to<std::string>(arrayCount) + ")";
-      if (generatePreview) {
-        result.preview = generateArrayPreview(runtime, array);
-      }
-    } else {
-      result.type = "object";
-      result.description = result.className = "Object";
-      if (generatePreview) {
-        result.preview = generateObjectPreview(runtime, obj);
-      }
-    }
-
-    if (byValue) {
-      // FIXME: JSI currently does not handle cycles and functions well here
-      result.value = jsi::dynamicFromValue(runtime, value);
-    } else {
-      result.objectId =
-          objTable.addValue(jsi::Value(std::move(obj)), objectGroup);
-    }
-  }
-
-  return result;
-}
-
-} // namespace chrome
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageConverters.h b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageConverters.h
deleted file mode 100644
index fc8df4676e3433..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageConverters.h
+++ /dev/null
@@ -1,136 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <regex>
-#include <string>
-#include <vector>
-
-#include <hermes/DebuggerAPI.h>
-#include <hermes/hermes.h>
-#include <hermes/inspector-modern/chrome/MessageTypes.h>
-#include <hermes/inspector-modern/chrome/RemoteObjectsTable.h>
-#include <jsi/JSIDynamic.h>
-#include <jsi/jsi.h>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace chrome {
-namespace message {
-
-std::string stripCachePrevention(const std::string &url);
-
-template <typename T>
-void setHermesLocation(
-    facebook::hermes::debugger::SourceLocation &hermesLoc,
-    const T &chromeLoc,
-    const std::vector<std::string> &parsedScripts) {
-  hermesLoc.line = chromeLoc.lineNumber + 1;
-
-  if (chromeLoc.columnNumber.has_value()) {
-    if (chromeLoc.columnNumber.value() == 0) {
-      // TODO: When CDTP sends a column number of 0, we send Hermes a column
-      // number of 1. For some reason, this causes Hermes to not be
-      // able to resolve breakpoints.
-      hermesLoc.column = ::facebook::hermes::debugger::kInvalidLocation;
-    } else {
-      hermesLoc.column = chromeLoc.columnNumber.value() + 1;
-    }
-  }
-
-  if (chromeLoc.url.has_value()) {
-    hermesLoc.fileName = stripCachePrevention(chromeLoc.url.value());
-  } else if (chromeLoc.urlRegex.has_value()) {
-    const std::regex regex(stripCachePrevention(chromeLoc.urlRegex.value()));
-    auto it = parsedScripts.rbegin();
-
-    // We currently only support one physical breakpoint per location, so
-    // search backwards so that we find the latest matching file.
-    while (it != parsedScripts.rend()) {
-      if (std::regex_match(*it, regex)) {
-        hermesLoc.fileName = *it;
-        break;
-      }
-      it++;
-    }
-  }
-}
-
-template <typename T>
-void setChromeLocation(
-    T &chromeLoc,
-    const facebook::hermes::debugger::SourceLocation &hermesLoc) {
-  if (hermesLoc.line != facebook::hermes::debugger::kInvalidLocation) {
-    chromeLoc.lineNumber = hermesLoc.line - 1;
-  }
-
-  if (hermesLoc.column != facebook::hermes::debugger::kInvalidLocation) {
-    chromeLoc.columnNumber = hermesLoc.column - 1;
-  }
-}
-
-/// ErrorCode magic numbers match JSC's (see InspectorBackendDispatcher.cpp)
-enum class ErrorCode {
-  ParseError = -32700,
-  InvalidRequest = -32600,
-  MethodNotFound = -32601,
-  InvalidParams = -32602,
-  InternalError = -32603,
-  ServerError = -32000
-};
-
-ErrorResponse
-makeErrorResponse(int id, ErrorCode code, const std::string &message);
-
-OkResponse makeOkResponse(int id);
-
-namespace debugger {
-
-Location makeLocation(const facebook::hermes::debugger::SourceLocation &loc);
-
-CallFrame makeCallFrame(
-    uint32_t callFrameIndex,
-    const facebook::hermes::debugger::CallFrameInfo &callFrameInfo,
-    const facebook::hermes::debugger::LexicalInfo &lexicalInfo,
-    facebook::hermes::inspector_modern::chrome::RemoteObjectsTable &objTable,
-    jsi::Runtime &runtime,
-    const facebook::hermes::debugger::ProgramState &state);
-
-std::vector<CallFrame> makeCallFrames(
-    const facebook::hermes::debugger::ProgramState &state,
-    facebook::hermes::inspector_modern::chrome::RemoteObjectsTable &objTable,
-    jsi::Runtime &runtime);
-
-} // namespace debugger
-
-namespace runtime {
-
-CallFrame makeCallFrame(const facebook::hermes::debugger::CallFrameInfo &info);
-
-std::vector<CallFrame> makeCallFrames(
-    const facebook::hermes::debugger::StackTrace &stackTrace);
-
-ExceptionDetails makeExceptionDetails(
-    const facebook::hermes::debugger::ExceptionDetails &details);
-
-RemoteObject makeRemoteObject(
-    facebook::jsi::Runtime &runtime,
-    const facebook::jsi::Value &value,
-    facebook::hermes::inspector_modern::chrome::RemoteObjectsTable &objTable,
-    const std::string &objectGroup,
-    bool byValue = false,
-    bool generatePreview = false);
-
-} // namespace runtime
-
-} // namespace message
-} // namespace chrome
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageInterfaces.h b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageInterfaces.h
deleted file mode 100644
index 2ce3e7a591ccec..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageInterfaces.h
+++ /dev/null
@@ -1,74 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <memory>
-#include <string>
-#include <unordered_map>
-
-#include <folly/Try.h>
-#include <folly/dynamic.h>
-#include <folly/json.h>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace chrome {
-namespace message {
-
-struct RequestHandler;
-
-/// Serializable is an interface for objects that can be serialized to and from
-/// JSON.
-struct Serializable {
-  virtual ~Serializable() = default;
-  virtual folly::dynamic toDynamic() const = 0;
-
-  std::string toJson() const {
-    return folly::toJson(toDynamic());
-  }
-};
-
-/// Requests are sent from the debugger to the target.
-struct Request : public Serializable {
-  static std::unique_ptr<Request> fromJsonThrowOnError(const std::string &str);
-  static folly::Try<std::unique_ptr<Request>> fromJson(const std::string &str);
-
-  Request() = default;
-  explicit Request(std::string method) : method(method) {}
-
-  // accept dispatches to the appropriate handler method in RequestHandler based
-  // on the type of the request.
-  virtual void accept(RequestHandler &handler) const = 0;
-
-  int id = 0;
-  std::string method;
-};
-
-/// Responses are sent from the target to the debugger in response to a Request.
-struct Response : public Serializable {
-  Response() = default;
-
-  int id = 0;
-};
-
-/// Notifications are sent from the target to the debugger. This is used to
-/// notify the debugger about events that occur in the target, e.g. stopping
-/// at a breakpoint.
-struct Notification : public Serializable {
-  Notification() = default;
-  explicit Notification(std::string method) : method(method) {}
-
-  std::string method;
-};
-
-} // namespace message
-} // namespace chrome
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageTypes.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageTypes.cpp
deleted file mode 100644
index e19af32ad7cde1..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageTypes.cpp
+++ /dev/null
@@ -1,1948 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates. All Rights Reserved.
-// @generated SignedSource<<82b55938f2e9581fb863628405ba4c3f>>
-
-#include "MessageTypes.h"
-
-#include "MessageTypesInlines.h"
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace chrome {
-namespace message {
-
-using RequestBuilder = std::unique_ptr<Request> (*)(const dynamic &);
-
-namespace {
-
-template <typename T>
-std::unique_ptr<Request> makeUnique(const dynamic &obj) {
-  return std::make_unique<T>(obj);
-}
-
-} // namespace
-
-std::unique_ptr<Request> Request::fromJsonThrowOnError(const std::string &str) {
-  static std::unordered_map<std::string, RequestBuilder> builders = {
-      {"Debugger.disable", makeUnique<debugger::DisableRequest>},
-      {"Debugger.enable", makeUnique<debugger::EnableRequest>},
-      {"Debugger.evaluateOnCallFrame",
-       makeUnique<debugger::EvaluateOnCallFrameRequest>},
-      {"Debugger.pause", makeUnique<debugger::PauseRequest>},
-      {"Debugger.removeBreakpoint",
-       makeUnique<debugger::RemoveBreakpointRequest>},
-      {"Debugger.resume", makeUnique<debugger::ResumeRequest>},
-      {"Debugger.setBreakpoint", makeUnique<debugger::SetBreakpointRequest>},
-      {"Debugger.setBreakpointByUrl",
-       makeUnique<debugger::SetBreakpointByUrlRequest>},
-      {"Debugger.setBreakpointsActive",
-       makeUnique<debugger::SetBreakpointsActiveRequest>},
-      {"Debugger.setInstrumentationBreakpoint",
-       makeUnique<debugger::SetInstrumentationBreakpointRequest>},
-      {"Debugger.setPauseOnExceptions",
-       makeUnique<debugger::SetPauseOnExceptionsRequest>},
-      {"Debugger.stepInto", makeUnique<debugger::StepIntoRequest>},
-      {"Debugger.stepOut", makeUnique<debugger::StepOutRequest>},
-      {"Debugger.stepOver", makeUnique<debugger::StepOverRequest>},
-      {"HeapProfiler.collectGarbage",
-       makeUnique<heapProfiler::CollectGarbageRequest>},
-      {"HeapProfiler.getHeapObjectId",
-       makeUnique<heapProfiler::GetHeapObjectIdRequest>},
-      {"HeapProfiler.getObjectByHeapObjectId",
-       makeUnique<heapProfiler::GetObjectByHeapObjectIdRequest>},
-      {"HeapProfiler.startSampling",
-       makeUnique<heapProfiler::StartSamplingRequest>},
-      {"HeapProfiler.startTrackingHeapObjects",
-       makeUnique<heapProfiler::StartTrackingHeapObjectsRequest>},
-      {"HeapProfiler.stopSampling",
-       makeUnique<heapProfiler::StopSamplingRequest>},
-      {"HeapProfiler.stopTrackingHeapObjects",
-       makeUnique<heapProfiler::StopTrackingHeapObjectsRequest>},
-      {"HeapProfiler.takeHeapSnapshot",
-       makeUnique<heapProfiler::TakeHeapSnapshotRequest>},
-      {"Profiler.start", makeUnique<profiler::StartRequest>},
-      {"Profiler.stop", makeUnique<profiler::StopRequest>},
-      {"Runtime.callFunctionOn", makeUnique<runtime::CallFunctionOnRequest>},
-      {"Runtime.compileScript", makeUnique<runtime::CompileScriptRequest>},
-      {"Runtime.evaluate", makeUnique<runtime::EvaluateRequest>},
-      {"Runtime.getHeapUsage", makeUnique<runtime::GetHeapUsageRequest>},
-      {"Runtime.getProperties", makeUnique<runtime::GetPropertiesRequest>},
-      {"Runtime.globalLexicalScopeNames",
-       makeUnique<runtime::GlobalLexicalScopeNamesRequest>},
-      {"Runtime.runIfWaitingForDebugger",
-       makeUnique<runtime::RunIfWaitingForDebuggerRequest>},
-  };
-
-  dynamic obj = folly::parseJson(str);
-  std::string method = obj.at("method").asString();
-
-  auto it = builders.find(method);
-  if (it == builders.end()) {
-    return std::make_unique<UnknownRequest>(obj);
-  }
-
-  auto builder = it->second;
-  return builder(obj);
-}
-
-folly::Try<std::unique_ptr<Request>> Request::fromJson(const std::string &str) {
-  return folly::makeTryWith(
-      [&str] { return Request::fromJsonThrowOnError(str); });
-}
-
-/// Types
-debugger::Location::Location(const dynamic &obj) {
-  assign(scriptId, obj, "scriptId");
-  assign(lineNumber, obj, "lineNumber");
-  assign(columnNumber, obj, "columnNumber");
-}
-
-dynamic debugger::Location::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "scriptId", scriptId);
-  put(obj, "lineNumber", lineNumber);
-  put(obj, "columnNumber", columnNumber);
-  return obj;
-}
-
-runtime::PropertyPreview::PropertyPreview(const dynamic &obj) {
-  assign(name, obj, "name");
-  assign(type, obj, "type");
-  assign(value, obj, "value");
-  assign(valuePreview, obj, "valuePreview");
-  assign(subtype, obj, "subtype");
-}
-
-dynamic runtime::PropertyPreview::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "name", name);
-  put(obj, "type", type);
-  put(obj, "value", value);
-  put(obj, "valuePreview", valuePreview);
-  put(obj, "subtype", subtype);
-  return obj;
-}
-
-runtime::EntryPreview::EntryPreview(const dynamic &obj) {
-  assign(key, obj, "key");
-  assign(value, obj, "value");
-}
-
-dynamic runtime::EntryPreview::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "key", key);
-  put(obj, "value", value);
-  return obj;
-}
-
-runtime::ObjectPreview::ObjectPreview(const dynamic &obj) {
-  assign(type, obj, "type");
-  assign(subtype, obj, "subtype");
-  assign(description, obj, "description");
-  assign(overflow, obj, "overflow");
-  assign(properties, obj, "properties");
-  assign(entries, obj, "entries");
-}
-
-dynamic runtime::ObjectPreview::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "type", type);
-  put(obj, "subtype", subtype);
-  put(obj, "description", description);
-  put(obj, "overflow", overflow);
-  put(obj, "properties", properties);
-  put(obj, "entries", entries);
-  return obj;
-}
-
-runtime::CustomPreview::CustomPreview(const dynamic &obj) {
-  assign(header, obj, "header");
-  assign(bodyGetterId, obj, "bodyGetterId");
-}
-
-dynamic runtime::CustomPreview::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "header", header);
-  put(obj, "bodyGetterId", bodyGetterId);
-  return obj;
-}
-
-runtime::RemoteObject::RemoteObject(const dynamic &obj) {
-  assign(type, obj, "type");
-  assign(subtype, obj, "subtype");
-  assign(className, obj, "className");
-  assign(value, obj, "value");
-  assign(unserializableValue, obj, "unserializableValue");
-  assign(description, obj, "description");
-  assign(objectId, obj, "objectId");
-  assign(preview, obj, "preview");
-  assign(customPreview, obj, "customPreview");
-}
-
-dynamic runtime::RemoteObject::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "type", type);
-  put(obj, "subtype", subtype);
-  put(obj, "className", className);
-  put(obj, "value", value);
-  put(obj, "unserializableValue", unserializableValue);
-  put(obj, "description", description);
-  put(obj, "objectId", objectId);
-  put(obj, "preview", preview);
-  put(obj, "customPreview", customPreview);
-  return obj;
-}
-
-runtime::CallFrame::CallFrame(const dynamic &obj) {
-  assign(functionName, obj, "functionName");
-  assign(scriptId, obj, "scriptId");
-  assign(url, obj, "url");
-  assign(lineNumber, obj, "lineNumber");
-  assign(columnNumber, obj, "columnNumber");
-}
-
-dynamic runtime::CallFrame::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "functionName", functionName);
-  put(obj, "scriptId", scriptId);
-  put(obj, "url", url);
-  put(obj, "lineNumber", lineNumber);
-  put(obj, "columnNumber", columnNumber);
-  return obj;
-}
-
-runtime::StackTrace::StackTrace(const dynamic &obj) {
-  assign(description, obj, "description");
-  assign(callFrames, obj, "callFrames");
-  assign(parent, obj, "parent");
-}
-
-dynamic runtime::StackTrace::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "description", description);
-  put(obj, "callFrames", callFrames);
-  put(obj, "parent", parent);
-  return obj;
-}
-
-runtime::ExceptionDetails::ExceptionDetails(const dynamic &obj) {
-  assign(exceptionId, obj, "exceptionId");
-  assign(text, obj, "text");
-  assign(lineNumber, obj, "lineNumber");
-  assign(columnNumber, obj, "columnNumber");
-  assign(scriptId, obj, "scriptId");
-  assign(url, obj, "url");
-  assign(stackTrace, obj, "stackTrace");
-  assign(exception, obj, "exception");
-  assign(executionContextId, obj, "executionContextId");
-}
-
-dynamic runtime::ExceptionDetails::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "exceptionId", exceptionId);
-  put(obj, "text", text);
-  put(obj, "lineNumber", lineNumber);
-  put(obj, "columnNumber", columnNumber);
-  put(obj, "scriptId", scriptId);
-  put(obj, "url", url);
-  put(obj, "stackTrace", stackTrace);
-  put(obj, "exception", exception);
-  put(obj, "executionContextId", executionContextId);
-  return obj;
-}
-
-debugger::Scope::Scope(const dynamic &obj) {
-  assign(type, obj, "type");
-  assign(object, obj, "object");
-  assign(name, obj, "name");
-  assign(startLocation, obj, "startLocation");
-  assign(endLocation, obj, "endLocation");
-}
-
-dynamic debugger::Scope::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "type", type);
-  put(obj, "object", object);
-  put(obj, "name", name);
-  put(obj, "startLocation", startLocation);
-  put(obj, "endLocation", endLocation);
-  return obj;
-}
-
-debugger::CallFrame::CallFrame(const dynamic &obj) {
-  assign(callFrameId, obj, "callFrameId");
-  assign(functionName, obj, "functionName");
-  assign(functionLocation, obj, "functionLocation");
-  assign(location, obj, "location");
-  assign(url, obj, "url");
-  assign(scopeChain, obj, "scopeChain");
-  assign(thisObj, obj, "this");
-  assign(returnValue, obj, "returnValue");
-}
-
-dynamic debugger::CallFrame::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "callFrameId", callFrameId);
-  put(obj, "functionName", functionName);
-  put(obj, "functionLocation", functionLocation);
-  put(obj, "location", location);
-  put(obj, "url", url);
-  put(obj, "scopeChain", scopeChain);
-  put(obj, "this", thisObj);
-  put(obj, "returnValue", returnValue);
-  return obj;
-}
-
-heapProfiler::SamplingHeapProfileNode::SamplingHeapProfileNode(
-    const dynamic &obj) {
-  assign(callFrame, obj, "callFrame");
-  assign(selfSize, obj, "selfSize");
-  assign(id, obj, "id");
-  assign(children, obj, "children");
-}
-
-dynamic heapProfiler::SamplingHeapProfileNode::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "callFrame", callFrame);
-  put(obj, "selfSize", selfSize);
-  put(obj, "id", id);
-  put(obj, "children", children);
-  return obj;
-}
-
-heapProfiler::SamplingHeapProfileSample::SamplingHeapProfileSample(
-    const dynamic &obj) {
-  assign(size, obj, "size");
-  assign(nodeId, obj, "nodeId");
-  assign(ordinal, obj, "ordinal");
-}
-
-dynamic heapProfiler::SamplingHeapProfileSample::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "size", size);
-  put(obj, "nodeId", nodeId);
-  put(obj, "ordinal", ordinal);
-  return obj;
-}
-
-heapProfiler::SamplingHeapProfile::SamplingHeapProfile(const dynamic &obj) {
-  assign(head, obj, "head");
-  assign(samples, obj, "samples");
-}
-
-dynamic heapProfiler::SamplingHeapProfile::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "head", head);
-  put(obj, "samples", samples);
-  return obj;
-}
-
-profiler::PositionTickInfo::PositionTickInfo(const dynamic &obj) {
-  assign(line, obj, "line");
-  assign(ticks, obj, "ticks");
-}
-
-dynamic profiler::PositionTickInfo::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "line", line);
-  put(obj, "ticks", ticks);
-  return obj;
-}
-
-profiler::ProfileNode::ProfileNode(const dynamic &obj) {
-  assign(id, obj, "id");
-  assign(callFrame, obj, "callFrame");
-  assign(hitCount, obj, "hitCount");
-  assign(children, obj, "children");
-  assign(deoptReason, obj, "deoptReason");
-  assign(positionTicks, obj, "positionTicks");
-}
-
-dynamic profiler::ProfileNode::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "id", id);
-  put(obj, "callFrame", callFrame);
-  put(obj, "hitCount", hitCount);
-  put(obj, "children", children);
-  put(obj, "deoptReason", deoptReason);
-  put(obj, "positionTicks", positionTicks);
-  return obj;
-}
-
-profiler::Profile::Profile(const dynamic &obj) {
-  assign(nodes, obj, "nodes");
-  assign(startTime, obj, "startTime");
-  assign(endTime, obj, "endTime");
-  assign(samples, obj, "samples");
-  assign(timeDeltas, obj, "timeDeltas");
-}
-
-dynamic profiler::Profile::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "nodes", nodes);
-  put(obj, "startTime", startTime);
-  put(obj, "endTime", endTime);
-  put(obj, "samples", samples);
-  put(obj, "timeDeltas", timeDeltas);
-  return obj;
-}
-
-runtime::CallArgument::CallArgument(const dynamic &obj) {
-  assign(value, obj, "value");
-  assign(unserializableValue, obj, "unserializableValue");
-  assign(objectId, obj, "objectId");
-}
-
-dynamic runtime::CallArgument::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "value", value);
-  put(obj, "unserializableValue", unserializableValue);
-  put(obj, "objectId", objectId);
-  return obj;
-}
-
-runtime::ExecutionContextDescription::ExecutionContextDescription(
-    const dynamic &obj) {
-  assign(id, obj, "id");
-  assign(origin, obj, "origin");
-  assign(name, obj, "name");
-  assign(auxData, obj, "auxData");
-}
-
-dynamic runtime::ExecutionContextDescription::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "id", id);
-  put(obj, "origin", origin);
-  put(obj, "name", name);
-  put(obj, "auxData", auxData);
-  return obj;
-}
-
-runtime::PropertyDescriptor::PropertyDescriptor(const dynamic &obj) {
-  assign(name, obj, "name");
-  assign(value, obj, "value");
-  assign(writable, obj, "writable");
-  assign(get, obj, "get");
-  assign(set, obj, "set");
-  assign(configurable, obj, "configurable");
-  assign(enumerable, obj, "enumerable");
-  assign(wasThrown, obj, "wasThrown");
-  assign(isOwn, obj, "isOwn");
-  assign(symbol, obj, "symbol");
-}
-
-dynamic runtime::PropertyDescriptor::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "name", name);
-  put(obj, "value", value);
-  put(obj, "writable", writable);
-  put(obj, "get", get);
-  put(obj, "set", set);
-  put(obj, "configurable", configurable);
-  put(obj, "enumerable", enumerable);
-  put(obj, "wasThrown", wasThrown);
-  put(obj, "isOwn", isOwn);
-  put(obj, "symbol", symbol);
-  return obj;
-}
-
-runtime::InternalPropertyDescriptor::InternalPropertyDescriptor(
-    const dynamic &obj) {
-  assign(name, obj, "name");
-  assign(value, obj, "value");
-}
-
-dynamic runtime::InternalPropertyDescriptor::toDynamic() const {
-  dynamic obj = dynamic::object;
-
-  put(obj, "name", name);
-  put(obj, "value", value);
-  return obj;
-}
-
-/// Requests
-UnknownRequest::UnknownRequest() {}
-
-UnknownRequest::UnknownRequest(const dynamic &obj) {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-  assign(params, obj, "params");
-}
-
-dynamic UnknownRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", params);
-  return obj;
-}
-
-void UnknownRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::DisableRequest::DisableRequest() : Request("Debugger.disable") {}
-
-debugger::DisableRequest::DisableRequest(const dynamic &obj)
-    : Request("Debugger.disable") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic debugger::DisableRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void debugger::DisableRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::EnableRequest::EnableRequest() : Request("Debugger.enable") {}
-
-debugger::EnableRequest::EnableRequest(const dynamic &obj)
-    : Request("Debugger.enable") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic debugger::EnableRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void debugger::EnableRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::EvaluateOnCallFrameRequest::EvaluateOnCallFrameRequest()
-    : Request("Debugger.evaluateOnCallFrame") {}
-
-debugger::EvaluateOnCallFrameRequest::EvaluateOnCallFrameRequest(
-    const dynamic &obj)
-    : Request("Debugger.evaluateOnCallFrame") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(callFrameId, params, "callFrameId");
-  assign(expression, params, "expression");
-  assign(objectGroup, params, "objectGroup");
-  assign(includeCommandLineAPI, params, "includeCommandLineAPI");
-  assign(silent, params, "silent");
-  assign(returnByValue, params, "returnByValue");
-  assign(generatePreview, params, "generatePreview");
-  assign(throwOnSideEffect, params, "throwOnSideEffect");
-}
-
-dynamic debugger::EvaluateOnCallFrameRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "callFrameId", callFrameId);
-  put(params, "expression", expression);
-  put(params, "objectGroup", objectGroup);
-  put(params, "includeCommandLineAPI", includeCommandLineAPI);
-  put(params, "silent", silent);
-  put(params, "returnByValue", returnByValue);
-  put(params, "generatePreview", generatePreview);
-  put(params, "throwOnSideEffect", throwOnSideEffect);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void debugger::EvaluateOnCallFrameRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::PauseRequest::PauseRequest() : Request("Debugger.pause") {}
-
-debugger::PauseRequest::PauseRequest(const dynamic &obj)
-    : Request("Debugger.pause") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic debugger::PauseRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void debugger::PauseRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::RemoveBreakpointRequest::RemoveBreakpointRequest()
-    : Request("Debugger.removeBreakpoint") {}
-
-debugger::RemoveBreakpointRequest::RemoveBreakpointRequest(const dynamic &obj)
-    : Request("Debugger.removeBreakpoint") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(breakpointId, params, "breakpointId");
-}
-
-dynamic debugger::RemoveBreakpointRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "breakpointId", breakpointId);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void debugger::RemoveBreakpointRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::ResumeRequest::ResumeRequest() : Request("Debugger.resume") {}
-
-debugger::ResumeRequest::ResumeRequest(const dynamic &obj)
-    : Request("Debugger.resume") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  auto it = obj.find("params");
-  if (it != obj.items().end()) {
-    dynamic params = it->second;
-    assign(terminateOnResume, params, "terminateOnResume");
-  }
-}
-
-dynamic debugger::ResumeRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "terminateOnResume", terminateOnResume);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void debugger::ResumeRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::SetBreakpointRequest::SetBreakpointRequest()
-    : Request("Debugger.setBreakpoint") {}
-
-debugger::SetBreakpointRequest::SetBreakpointRequest(const dynamic &obj)
-    : Request("Debugger.setBreakpoint") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(location, params, "location");
-  assign(condition, params, "condition");
-}
-
-dynamic debugger::SetBreakpointRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "location", location);
-  put(params, "condition", condition);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void debugger::SetBreakpointRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::SetBreakpointByUrlRequest::SetBreakpointByUrlRequest()
-    : Request("Debugger.setBreakpointByUrl") {}
-
-debugger::SetBreakpointByUrlRequest::SetBreakpointByUrlRequest(
-    const dynamic &obj)
-    : Request("Debugger.setBreakpointByUrl") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(lineNumber, params, "lineNumber");
-  assign(url, params, "url");
-  assign(urlRegex, params, "urlRegex");
-  assign(scriptHash, params, "scriptHash");
-  assign(columnNumber, params, "columnNumber");
-  assign(condition, params, "condition");
-}
-
-dynamic debugger::SetBreakpointByUrlRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "lineNumber", lineNumber);
-  put(params, "url", url);
-  put(params, "urlRegex", urlRegex);
-  put(params, "scriptHash", scriptHash);
-  put(params, "columnNumber", columnNumber);
-  put(params, "condition", condition);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void debugger::SetBreakpointByUrlRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::SetBreakpointsActiveRequest::SetBreakpointsActiveRequest()
-    : Request("Debugger.setBreakpointsActive") {}
-
-debugger::SetBreakpointsActiveRequest::SetBreakpointsActiveRequest(
-    const dynamic &obj)
-    : Request("Debugger.setBreakpointsActive") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(active, params, "active");
-}
-
-dynamic debugger::SetBreakpointsActiveRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "active", active);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void debugger::SetBreakpointsActiveRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::SetInstrumentationBreakpointRequest::
-    SetInstrumentationBreakpointRequest()
-    : Request("Debugger.setInstrumentationBreakpoint") {}
-
-debugger::SetInstrumentationBreakpointRequest::
-    SetInstrumentationBreakpointRequest(const dynamic &obj)
-    : Request("Debugger.setInstrumentationBreakpoint") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(instrumentation, params, "instrumentation");
-}
-
-dynamic debugger::SetInstrumentationBreakpointRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "instrumentation", instrumentation);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void debugger::SetInstrumentationBreakpointRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::SetPauseOnExceptionsRequest::SetPauseOnExceptionsRequest()
-    : Request("Debugger.setPauseOnExceptions") {}
-
-debugger::SetPauseOnExceptionsRequest::SetPauseOnExceptionsRequest(
-    const dynamic &obj)
-    : Request("Debugger.setPauseOnExceptions") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(state, params, "state");
-}
-
-dynamic debugger::SetPauseOnExceptionsRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "state", state);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void debugger::SetPauseOnExceptionsRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::StepIntoRequest::StepIntoRequest() : Request("Debugger.stepInto") {}
-
-debugger::StepIntoRequest::StepIntoRequest(const dynamic &obj)
-    : Request("Debugger.stepInto") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic debugger::StepIntoRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void debugger::StepIntoRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::StepOutRequest::StepOutRequest() : Request("Debugger.stepOut") {}
-
-debugger::StepOutRequest::StepOutRequest(const dynamic &obj)
-    : Request("Debugger.stepOut") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic debugger::StepOutRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void debugger::StepOutRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-debugger::StepOverRequest::StepOverRequest() : Request("Debugger.stepOver") {}
-
-debugger::StepOverRequest::StepOverRequest(const dynamic &obj)
-    : Request("Debugger.stepOver") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic debugger::StepOverRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void debugger::StepOverRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-heapProfiler::CollectGarbageRequest::CollectGarbageRequest()
-    : Request("HeapProfiler.collectGarbage") {}
-
-heapProfiler::CollectGarbageRequest::CollectGarbageRequest(const dynamic &obj)
-    : Request("HeapProfiler.collectGarbage") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic heapProfiler::CollectGarbageRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void heapProfiler::CollectGarbageRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-heapProfiler::GetHeapObjectIdRequest::GetHeapObjectIdRequest()
-    : Request("HeapProfiler.getHeapObjectId") {}
-
-heapProfiler::GetHeapObjectIdRequest::GetHeapObjectIdRequest(const dynamic &obj)
-    : Request("HeapProfiler.getHeapObjectId") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(objectId, params, "objectId");
-}
-
-dynamic heapProfiler::GetHeapObjectIdRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "objectId", objectId);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void heapProfiler::GetHeapObjectIdRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-heapProfiler::GetObjectByHeapObjectIdRequest::GetObjectByHeapObjectIdRequest()
-    : Request("HeapProfiler.getObjectByHeapObjectId") {}
-
-heapProfiler::GetObjectByHeapObjectIdRequest::GetObjectByHeapObjectIdRequest(
-    const dynamic &obj)
-    : Request("HeapProfiler.getObjectByHeapObjectId") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(objectId, params, "objectId");
-  assign(objectGroup, params, "objectGroup");
-}
-
-dynamic heapProfiler::GetObjectByHeapObjectIdRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "objectId", objectId);
-  put(params, "objectGroup", objectGroup);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void heapProfiler::GetObjectByHeapObjectIdRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-heapProfiler::StartSamplingRequest::StartSamplingRequest()
-    : Request("HeapProfiler.startSampling") {}
-
-heapProfiler::StartSamplingRequest::StartSamplingRequest(const dynamic &obj)
-    : Request("HeapProfiler.startSampling") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  auto it = obj.find("params");
-  if (it != obj.items().end()) {
-    dynamic params = it->second;
-    assign(samplingInterval, params, "samplingInterval");
-    assign(
-        includeObjectsCollectedByMajorGC,
-        params,
-        "includeObjectsCollectedByMajorGC");
-    assign(
-        includeObjectsCollectedByMinorGC,
-        params,
-        "includeObjectsCollectedByMinorGC");
-  }
-}
-
-dynamic heapProfiler::StartSamplingRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "samplingInterval", samplingInterval);
-  put(params,
-      "includeObjectsCollectedByMajorGC",
-      includeObjectsCollectedByMajorGC);
-  put(params,
-      "includeObjectsCollectedByMinorGC",
-      includeObjectsCollectedByMinorGC);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void heapProfiler::StartSamplingRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-heapProfiler::StartTrackingHeapObjectsRequest::StartTrackingHeapObjectsRequest()
-    : Request("HeapProfiler.startTrackingHeapObjects") {}
-
-heapProfiler::StartTrackingHeapObjectsRequest::StartTrackingHeapObjectsRequest(
-    const dynamic &obj)
-    : Request("HeapProfiler.startTrackingHeapObjects") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  auto it = obj.find("params");
-  if (it != obj.items().end()) {
-    dynamic params = it->second;
-    assign(trackAllocations, params, "trackAllocations");
-  }
-}
-
-dynamic heapProfiler::StartTrackingHeapObjectsRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "trackAllocations", trackAllocations);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void heapProfiler::StartTrackingHeapObjectsRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-heapProfiler::StopSamplingRequest::StopSamplingRequest()
-    : Request("HeapProfiler.stopSampling") {}
-
-heapProfiler::StopSamplingRequest::StopSamplingRequest(const dynamic &obj)
-    : Request("HeapProfiler.stopSampling") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic heapProfiler::StopSamplingRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void heapProfiler::StopSamplingRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-heapProfiler::StopTrackingHeapObjectsRequest::StopTrackingHeapObjectsRequest()
-    : Request("HeapProfiler.stopTrackingHeapObjects") {}
-
-heapProfiler::StopTrackingHeapObjectsRequest::StopTrackingHeapObjectsRequest(
-    const dynamic &obj)
-    : Request("HeapProfiler.stopTrackingHeapObjects") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  auto it = obj.find("params");
-  if (it != obj.items().end()) {
-    dynamic params = it->second;
-    assign(reportProgress, params, "reportProgress");
-    assign(treatGlobalObjectsAsRoots, params, "treatGlobalObjectsAsRoots");
-    assign(captureNumericValue, params, "captureNumericValue");
-  }
-}
-
-dynamic heapProfiler::StopTrackingHeapObjectsRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "reportProgress", reportProgress);
-  put(params, "treatGlobalObjectsAsRoots", treatGlobalObjectsAsRoots);
-  put(params, "captureNumericValue", captureNumericValue);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void heapProfiler::StopTrackingHeapObjectsRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-heapProfiler::TakeHeapSnapshotRequest::TakeHeapSnapshotRequest()
-    : Request("HeapProfiler.takeHeapSnapshot") {}
-
-heapProfiler::TakeHeapSnapshotRequest::TakeHeapSnapshotRequest(
-    const dynamic &obj)
-    : Request("HeapProfiler.takeHeapSnapshot") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  auto it = obj.find("params");
-  if (it != obj.items().end()) {
-    dynamic params = it->second;
-    assign(reportProgress, params, "reportProgress");
-    assign(treatGlobalObjectsAsRoots, params, "treatGlobalObjectsAsRoots");
-    assign(captureNumericValue, params, "captureNumericValue");
-  }
-}
-
-dynamic heapProfiler::TakeHeapSnapshotRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "reportProgress", reportProgress);
-  put(params, "treatGlobalObjectsAsRoots", treatGlobalObjectsAsRoots);
-  put(params, "captureNumericValue", captureNumericValue);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void heapProfiler::TakeHeapSnapshotRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-profiler::StartRequest::StartRequest() : Request("Profiler.start") {}
-
-profiler::StartRequest::StartRequest(const dynamic &obj)
-    : Request("Profiler.start") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic profiler::StartRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void profiler::StartRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-profiler::StopRequest::StopRequest() : Request("Profiler.stop") {}
-
-profiler::StopRequest::StopRequest(const dynamic &obj)
-    : Request("Profiler.stop") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic profiler::StopRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void profiler::StopRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-runtime::CallFunctionOnRequest::CallFunctionOnRequest()
-    : Request("Runtime.callFunctionOn") {}
-
-runtime::CallFunctionOnRequest::CallFunctionOnRequest(const dynamic &obj)
-    : Request("Runtime.callFunctionOn") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(functionDeclaration, params, "functionDeclaration");
-  assign(objectId, params, "objectId");
-  assign(arguments, params, "arguments");
-  assign(silent, params, "silent");
-  assign(returnByValue, params, "returnByValue");
-  assign(generatePreview, params, "generatePreview");
-  assign(userGesture, params, "userGesture");
-  assign(awaitPromise, params, "awaitPromise");
-  assign(executionContextId, params, "executionContextId");
-  assign(objectGroup, params, "objectGroup");
-}
-
-dynamic runtime::CallFunctionOnRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "functionDeclaration", functionDeclaration);
-  put(params, "objectId", objectId);
-  put(params, "arguments", arguments);
-  put(params, "silent", silent);
-  put(params, "returnByValue", returnByValue);
-  put(params, "generatePreview", generatePreview);
-  put(params, "userGesture", userGesture);
-  put(params, "awaitPromise", awaitPromise);
-  put(params, "executionContextId", executionContextId);
-  put(params, "objectGroup", objectGroup);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void runtime::CallFunctionOnRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-runtime::CompileScriptRequest::CompileScriptRequest()
-    : Request("Runtime.compileScript") {}
-
-runtime::CompileScriptRequest::CompileScriptRequest(const dynamic &obj)
-    : Request("Runtime.compileScript") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(expression, params, "expression");
-  assign(sourceURL, params, "sourceURL");
-  assign(persistScript, params, "persistScript");
-  assign(executionContextId, params, "executionContextId");
-}
-
-dynamic runtime::CompileScriptRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "expression", expression);
-  put(params, "sourceURL", sourceURL);
-  put(params, "persistScript", persistScript);
-  put(params, "executionContextId", executionContextId);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void runtime::CompileScriptRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-runtime::EvaluateRequest::EvaluateRequest() : Request("Runtime.evaluate") {}
-
-runtime::EvaluateRequest::EvaluateRequest(const dynamic &obj)
-    : Request("Runtime.evaluate") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(expression, params, "expression");
-  assign(objectGroup, params, "objectGroup");
-  assign(includeCommandLineAPI, params, "includeCommandLineAPI");
-  assign(silent, params, "silent");
-  assign(contextId, params, "contextId");
-  assign(returnByValue, params, "returnByValue");
-  assign(generatePreview, params, "generatePreview");
-  assign(userGesture, params, "userGesture");
-  assign(awaitPromise, params, "awaitPromise");
-}
-
-dynamic runtime::EvaluateRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "expression", expression);
-  put(params, "objectGroup", objectGroup);
-  put(params, "includeCommandLineAPI", includeCommandLineAPI);
-  put(params, "silent", silent);
-  put(params, "contextId", contextId);
-  put(params, "returnByValue", returnByValue);
-  put(params, "generatePreview", generatePreview);
-  put(params, "userGesture", userGesture);
-  put(params, "awaitPromise", awaitPromise);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void runtime::EvaluateRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-runtime::GetHeapUsageRequest::GetHeapUsageRequest()
-    : Request("Runtime.getHeapUsage") {}
-
-runtime::GetHeapUsageRequest::GetHeapUsageRequest(const dynamic &obj)
-    : Request("Runtime.getHeapUsage") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic runtime::GetHeapUsageRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void runtime::GetHeapUsageRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-runtime::GetPropertiesRequest::GetPropertiesRequest()
-    : Request("Runtime.getProperties") {}
-
-runtime::GetPropertiesRequest::GetPropertiesRequest(const dynamic &obj)
-    : Request("Runtime.getProperties") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(objectId, params, "objectId");
-  assign(ownProperties, params, "ownProperties");
-  assign(generatePreview, params, "generatePreview");
-}
-
-dynamic runtime::GetPropertiesRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "objectId", objectId);
-  put(params, "ownProperties", ownProperties);
-  put(params, "generatePreview", generatePreview);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void runtime::GetPropertiesRequest::accept(RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-runtime::GlobalLexicalScopeNamesRequest::GlobalLexicalScopeNamesRequest()
-    : Request("Runtime.globalLexicalScopeNames") {}
-
-runtime::GlobalLexicalScopeNamesRequest::GlobalLexicalScopeNamesRequest(
-    const dynamic &obj)
-    : Request("Runtime.globalLexicalScopeNames") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-
-  auto it = obj.find("params");
-  if (it != obj.items().end()) {
-    dynamic params = it->second;
-    assign(executionContextId, params, "executionContextId");
-  }
-}
-
-dynamic runtime::GlobalLexicalScopeNamesRequest::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "executionContextId", executionContextId);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-void runtime::GlobalLexicalScopeNamesRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-runtime::RunIfWaitingForDebuggerRequest::RunIfWaitingForDebuggerRequest()
-    : Request("Runtime.runIfWaitingForDebugger") {}
-
-runtime::RunIfWaitingForDebuggerRequest::RunIfWaitingForDebuggerRequest(
-    const dynamic &obj)
-    : Request("Runtime.runIfWaitingForDebugger") {
-  assign(id, obj, "id");
-  assign(method, obj, "method");
-}
-
-dynamic runtime::RunIfWaitingForDebuggerRequest::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "method", method);
-  return obj;
-}
-
-void runtime::RunIfWaitingForDebuggerRequest::accept(
-    RequestHandler &handler) const {
-  handler.handle(*this);
-}
-
-/// Responses
-ErrorResponse::ErrorResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic error = obj.at("error");
-  assign(code, error, "code");
-  assign(message, error, "message");
-  assign(data, error, "data");
-}
-
-dynamic ErrorResponse::toDynamic() const {
-  dynamic error = dynamic::object;
-  put(error, "code", code);
-  put(error, "message", message);
-  put(error, "data", data);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "error", std::move(error));
-  return obj;
-}
-
-OkResponse::OkResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-}
-
-dynamic OkResponse::toDynamic() const {
-  dynamic result = dynamic::object;
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(result));
-  return obj;
-}
-
-debugger::EvaluateOnCallFrameResponse::EvaluateOnCallFrameResponse(
-    const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(result, res, "result");
-  assign(exceptionDetails, res, "exceptionDetails");
-}
-
-dynamic debugger::EvaluateOnCallFrameResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "result", result);
-  put(res, "exceptionDetails", exceptionDetails);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-debugger::SetBreakpointResponse::SetBreakpointResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(breakpointId, res, "breakpointId");
-  assign(actualLocation, res, "actualLocation");
-}
-
-dynamic debugger::SetBreakpointResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "breakpointId", breakpointId);
-  put(res, "actualLocation", actualLocation);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-debugger::SetBreakpointByUrlResponse::SetBreakpointByUrlResponse(
-    const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(breakpointId, res, "breakpointId");
-  assign(locations, res, "locations");
-}
-
-dynamic debugger::SetBreakpointByUrlResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "breakpointId", breakpointId);
-  put(res, "locations", locations);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-debugger::SetInstrumentationBreakpointResponse::
-    SetInstrumentationBreakpointResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(breakpointId, res, "breakpointId");
-}
-
-dynamic debugger::SetInstrumentationBreakpointResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "breakpointId", breakpointId);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-heapProfiler::GetHeapObjectIdResponse::GetHeapObjectIdResponse(
-    const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(heapSnapshotObjectId, res, "heapSnapshotObjectId");
-}
-
-dynamic heapProfiler::GetHeapObjectIdResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "heapSnapshotObjectId", heapSnapshotObjectId);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-heapProfiler::GetObjectByHeapObjectIdResponse::GetObjectByHeapObjectIdResponse(
-    const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(result, res, "result");
-}
-
-dynamic heapProfiler::GetObjectByHeapObjectIdResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "result", result);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-heapProfiler::StopSamplingResponse::StopSamplingResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(profile, res, "profile");
-}
-
-dynamic heapProfiler::StopSamplingResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "profile", profile);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-profiler::StopResponse::StopResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(profile, res, "profile");
-}
-
-dynamic profiler::StopResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "profile", profile);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-runtime::CallFunctionOnResponse::CallFunctionOnResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(result, res, "result");
-  assign(exceptionDetails, res, "exceptionDetails");
-}
-
-dynamic runtime::CallFunctionOnResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "result", result);
-  put(res, "exceptionDetails", exceptionDetails);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-runtime::CompileScriptResponse::CompileScriptResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(scriptId, res, "scriptId");
-  assign(exceptionDetails, res, "exceptionDetails");
-}
-
-dynamic runtime::CompileScriptResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "scriptId", scriptId);
-  put(res, "exceptionDetails", exceptionDetails);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-runtime::EvaluateResponse::EvaluateResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(result, res, "result");
-  assign(exceptionDetails, res, "exceptionDetails");
-}
-
-dynamic runtime::EvaluateResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "result", result);
-  put(res, "exceptionDetails", exceptionDetails);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-runtime::GetHeapUsageResponse::GetHeapUsageResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(usedSize, res, "usedSize");
-  assign(totalSize, res, "totalSize");
-}
-
-dynamic runtime::GetHeapUsageResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "usedSize", usedSize);
-  put(res, "totalSize", totalSize);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-runtime::GetPropertiesResponse::GetPropertiesResponse(const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(result, res, "result");
-  assign(internalProperties, res, "internalProperties");
-  assign(exceptionDetails, res, "exceptionDetails");
-}
-
-dynamic runtime::GetPropertiesResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "result", result);
-  put(res, "internalProperties", internalProperties);
-  put(res, "exceptionDetails", exceptionDetails);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-runtime::GlobalLexicalScopeNamesResponse::GlobalLexicalScopeNamesResponse(
-    const dynamic &obj) {
-  assign(id, obj, "id");
-
-  dynamic res = obj.at("result");
-  assign(names, res, "names");
-}
-
-dynamic runtime::GlobalLexicalScopeNamesResponse::toDynamic() const {
-  dynamic res = dynamic::object;
-  put(res, "names", names);
-
-  dynamic obj = dynamic::object;
-  put(obj, "id", id);
-  put(obj, "result", std::move(res));
-  return obj;
-}
-
-/// Notifications
-debugger::BreakpointResolvedNotification::BreakpointResolvedNotification()
-    : Notification("Debugger.breakpointResolved") {}
-
-debugger::BreakpointResolvedNotification::BreakpointResolvedNotification(
-    const dynamic &obj)
-    : Notification("Debugger.breakpointResolved") {
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(breakpointId, params, "breakpointId");
-  assign(location, params, "location");
-}
-
-dynamic debugger::BreakpointResolvedNotification::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "breakpointId", breakpointId);
-  put(params, "location", location);
-
-  dynamic obj = dynamic::object;
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-debugger::PausedNotification::PausedNotification()
-    : Notification("Debugger.paused") {}
-
-debugger::PausedNotification::PausedNotification(const dynamic &obj)
-    : Notification("Debugger.paused") {
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(callFrames, params, "callFrames");
-  assign(reason, params, "reason");
-  assign(data, params, "data");
-  assign(hitBreakpoints, params, "hitBreakpoints");
-  assign(asyncStackTrace, params, "asyncStackTrace");
-}
-
-dynamic debugger::PausedNotification::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "callFrames", callFrames);
-  put(params, "reason", reason);
-  put(params, "data", data);
-  put(params, "hitBreakpoints", hitBreakpoints);
-  put(params, "asyncStackTrace", asyncStackTrace);
-
-  dynamic obj = dynamic::object;
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-debugger::ResumedNotification::ResumedNotification()
-    : Notification("Debugger.resumed") {}
-
-debugger::ResumedNotification::ResumedNotification(const dynamic &obj)
-    : Notification("Debugger.resumed") {
-  assign(method, obj, "method");
-}
-
-dynamic debugger::ResumedNotification::toDynamic() const {
-  dynamic obj = dynamic::object;
-  put(obj, "method", method);
-  return obj;
-}
-
-debugger::ScriptParsedNotification::ScriptParsedNotification()
-    : Notification("Debugger.scriptParsed") {}
-
-debugger::ScriptParsedNotification::ScriptParsedNotification(const dynamic &obj)
-    : Notification("Debugger.scriptParsed") {
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(scriptId, params, "scriptId");
-  assign(url, params, "url");
-  assign(startLine, params, "startLine");
-  assign(startColumn, params, "startColumn");
-  assign(endLine, params, "endLine");
-  assign(endColumn, params, "endColumn");
-  assign(executionContextId, params, "executionContextId");
-  assign(hash, params, "hash");
-  assign(executionContextAuxData, params, "executionContextAuxData");
-  assign(sourceMapURL, params, "sourceMapURL");
-  assign(hasSourceURL, params, "hasSourceURL");
-  assign(isModule, params, "isModule");
-  assign(length, params, "length");
-}
-
-dynamic debugger::ScriptParsedNotification::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "scriptId", scriptId);
-  put(params, "url", url);
-  put(params, "startLine", startLine);
-  put(params, "startColumn", startColumn);
-  put(params, "endLine", endLine);
-  put(params, "endColumn", endColumn);
-  put(params, "executionContextId", executionContextId);
-  put(params, "hash", hash);
-  put(params, "executionContextAuxData", executionContextAuxData);
-  put(params, "sourceMapURL", sourceMapURL);
-  put(params, "hasSourceURL", hasSourceURL);
-  put(params, "isModule", isModule);
-  put(params, "length", length);
-
-  dynamic obj = dynamic::object;
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-heapProfiler::AddHeapSnapshotChunkNotification::
-    AddHeapSnapshotChunkNotification()
-    : Notification("HeapProfiler.addHeapSnapshotChunk") {}
-
-heapProfiler::AddHeapSnapshotChunkNotification::
-    AddHeapSnapshotChunkNotification(const dynamic &obj)
-    : Notification("HeapProfiler.addHeapSnapshotChunk") {
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(chunk, params, "chunk");
-}
-
-dynamic heapProfiler::AddHeapSnapshotChunkNotification::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "chunk", chunk);
-
-  dynamic obj = dynamic::object;
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-heapProfiler::HeapStatsUpdateNotification::HeapStatsUpdateNotification()
-    : Notification("HeapProfiler.heapStatsUpdate") {}
-
-heapProfiler::HeapStatsUpdateNotification::HeapStatsUpdateNotification(
-    const dynamic &obj)
-    : Notification("HeapProfiler.heapStatsUpdate") {
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(statsUpdate, params, "statsUpdate");
-}
-
-dynamic heapProfiler::HeapStatsUpdateNotification::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "statsUpdate", statsUpdate);
-
-  dynamic obj = dynamic::object;
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-heapProfiler::LastSeenObjectIdNotification::LastSeenObjectIdNotification()
-    : Notification("HeapProfiler.lastSeenObjectId") {}
-
-heapProfiler::LastSeenObjectIdNotification::LastSeenObjectIdNotification(
-    const dynamic &obj)
-    : Notification("HeapProfiler.lastSeenObjectId") {
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(lastSeenObjectId, params, "lastSeenObjectId");
-  assign(timestamp, params, "timestamp");
-}
-
-dynamic heapProfiler::LastSeenObjectIdNotification::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "lastSeenObjectId", lastSeenObjectId);
-  put(params, "timestamp", timestamp);
-
-  dynamic obj = dynamic::object;
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-heapProfiler::ReportHeapSnapshotProgressNotification::
-    ReportHeapSnapshotProgressNotification()
-    : Notification("HeapProfiler.reportHeapSnapshotProgress") {}
-
-heapProfiler::ReportHeapSnapshotProgressNotification::
-    ReportHeapSnapshotProgressNotification(const dynamic &obj)
-    : Notification("HeapProfiler.reportHeapSnapshotProgress") {
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(done, params, "done");
-  assign(total, params, "total");
-  assign(finished, params, "finished");
-}
-
-dynamic heapProfiler::ReportHeapSnapshotProgressNotification::toDynamic()
-    const {
-  dynamic params = dynamic::object;
-  put(params, "done", done);
-  put(params, "total", total);
-  put(params, "finished", finished);
-
-  dynamic obj = dynamic::object;
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-runtime::ConsoleAPICalledNotification::ConsoleAPICalledNotification()
-    : Notification("Runtime.consoleAPICalled") {}
-
-runtime::ConsoleAPICalledNotification::ConsoleAPICalledNotification(
-    const dynamic &obj)
-    : Notification("Runtime.consoleAPICalled") {
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(type, params, "type");
-  assign(args, params, "args");
-  assign(executionContextId, params, "executionContextId");
-  assign(timestamp, params, "timestamp");
-  assign(stackTrace, params, "stackTrace");
-}
-
-dynamic runtime::ConsoleAPICalledNotification::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "type", type);
-  put(params, "args", args);
-  put(params, "executionContextId", executionContextId);
-  put(params, "timestamp", timestamp);
-  put(params, "stackTrace", stackTrace);
-
-  dynamic obj = dynamic::object;
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-runtime::ExecutionContextCreatedNotification::
-    ExecutionContextCreatedNotification()
-    : Notification("Runtime.executionContextCreated") {}
-
-runtime::ExecutionContextCreatedNotification::
-    ExecutionContextCreatedNotification(const dynamic &obj)
-    : Notification("Runtime.executionContextCreated") {
-  assign(method, obj, "method");
-
-  dynamic params = obj.at("params");
-  assign(context, params, "context");
-}
-
-dynamic runtime::ExecutionContextCreatedNotification::toDynamic() const {
-  dynamic params = dynamic::object;
-  put(params, "context", context);
-
-  dynamic obj = dynamic::object;
-  put(obj, "method", method);
-  put(obj, "params", std::move(params));
-  return obj;
-}
-
-} // namespace message
-} // namespace chrome
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageTypes.h b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageTypes.h
deleted file mode 100644
index 4c2c3f0f696d6e..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageTypes.h
+++ /dev/null
@@ -1,1129 +0,0 @@
-// Copyright (c) Meta Platforms, Inc. and affiliates. All Rights Reserved.
-// @generated SignedSource<<9d3e7527c4d2c6ae6b1c80ff06637b02>>
-
-#pragma once
-
-#include <hermes/inspector-modern/chrome/MessageInterfaces.h>
-
-#include <optional>
-#include <vector>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace chrome {
-namespace message {
-
-template <typename T>
-void deleter(T *p);
-struct UnknownRequest;
-
-namespace debugger {
-using BreakpointId = std::string;
-struct BreakpointResolvedNotification;
-struct CallFrame;
-using CallFrameId = std::string;
-struct DisableRequest;
-struct EnableRequest;
-struct EvaluateOnCallFrameRequest;
-struct EvaluateOnCallFrameResponse;
-struct Location;
-struct PauseRequest;
-struct PausedNotification;
-struct RemoveBreakpointRequest;
-struct ResumeRequest;
-struct ResumedNotification;
-struct Scope;
-struct ScriptParsedNotification;
-struct SetBreakpointByUrlRequest;
-struct SetBreakpointByUrlResponse;
-struct SetBreakpointRequest;
-struct SetBreakpointResponse;
-struct SetBreakpointsActiveRequest;
-struct SetInstrumentationBreakpointRequest;
-struct SetInstrumentationBreakpointResponse;
-struct SetPauseOnExceptionsRequest;
-struct StepIntoRequest;
-struct StepOutRequest;
-struct StepOverRequest;
-} // namespace debugger
-
-namespace runtime {
-struct CallArgument;
-struct CallFrame;
-struct CallFunctionOnRequest;
-struct CallFunctionOnResponse;
-struct CompileScriptRequest;
-struct CompileScriptResponse;
-struct ConsoleAPICalledNotification;
-struct CustomPreview;
-struct EntryPreview;
-struct EvaluateRequest;
-struct EvaluateResponse;
-struct ExceptionDetails;
-struct ExecutionContextCreatedNotification;
-struct ExecutionContextDescription;
-using ExecutionContextId = int;
-struct GetHeapUsageRequest;
-struct GetHeapUsageResponse;
-struct GetPropertiesRequest;
-struct GetPropertiesResponse;
-struct GlobalLexicalScopeNamesRequest;
-struct GlobalLexicalScopeNamesResponse;
-struct InternalPropertyDescriptor;
-struct ObjectPreview;
-struct PropertyDescriptor;
-struct PropertyPreview;
-struct RemoteObject;
-using RemoteObjectId = std::string;
-struct RunIfWaitingForDebuggerRequest;
-using ScriptId = std::string;
-struct StackTrace;
-using Timestamp = double;
-using UnserializableValue = std::string;
-} // namespace runtime
-
-namespace heapProfiler {
-struct AddHeapSnapshotChunkNotification;
-struct CollectGarbageRequest;
-struct GetHeapObjectIdRequest;
-struct GetHeapObjectIdResponse;
-struct GetObjectByHeapObjectIdRequest;
-struct GetObjectByHeapObjectIdResponse;
-using HeapSnapshotObjectId = std::string;
-struct HeapStatsUpdateNotification;
-struct LastSeenObjectIdNotification;
-struct ReportHeapSnapshotProgressNotification;
-struct SamplingHeapProfile;
-struct SamplingHeapProfileNode;
-struct SamplingHeapProfileSample;
-struct StartSamplingRequest;
-struct StartTrackingHeapObjectsRequest;
-struct StopSamplingRequest;
-struct StopSamplingResponse;
-struct StopTrackingHeapObjectsRequest;
-struct TakeHeapSnapshotRequest;
-} // namespace heapProfiler
-
-namespace profiler {
-struct PositionTickInfo;
-struct Profile;
-struct ProfileNode;
-struct StartRequest;
-struct StopRequest;
-struct StopResponse;
-} // namespace profiler
-
-/// RequestHandler handles requests via the visitor pattern.
-struct RequestHandler {
-  virtual ~RequestHandler() = default;
-
-  virtual void handle(const UnknownRequest &req) = 0;
-  virtual void handle(const debugger::DisableRequest &req) = 0;
-  virtual void handle(const debugger::EnableRequest &req) = 0;
-  virtual void handle(const debugger::EvaluateOnCallFrameRequest &req) = 0;
-  virtual void handle(const debugger::PauseRequest &req) = 0;
-  virtual void handle(const debugger::RemoveBreakpointRequest &req) = 0;
-  virtual void handle(const debugger::ResumeRequest &req) = 0;
-  virtual void handle(const debugger::SetBreakpointRequest &req) = 0;
-  virtual void handle(const debugger::SetBreakpointByUrlRequest &req) = 0;
-  virtual void handle(const debugger::SetBreakpointsActiveRequest &req) = 0;
-  virtual void handle(
-      const debugger::SetInstrumentationBreakpointRequest &req) = 0;
-  virtual void handle(const debugger::SetPauseOnExceptionsRequest &req) = 0;
-  virtual void handle(const debugger::StepIntoRequest &req) = 0;
-  virtual void handle(const debugger::StepOutRequest &req) = 0;
-  virtual void handle(const debugger::StepOverRequest &req) = 0;
-  virtual void handle(const heapProfiler::CollectGarbageRequest &req) = 0;
-  virtual void handle(const heapProfiler::GetHeapObjectIdRequest &req) = 0;
-  virtual void handle(
-      const heapProfiler::GetObjectByHeapObjectIdRequest &req) = 0;
-  virtual void handle(const heapProfiler::StartSamplingRequest &req) = 0;
-  virtual void handle(
-      const heapProfiler::StartTrackingHeapObjectsRequest &req) = 0;
-  virtual void handle(const heapProfiler::StopSamplingRequest &req) = 0;
-  virtual void handle(
-      const heapProfiler::StopTrackingHeapObjectsRequest &req) = 0;
-  virtual void handle(const heapProfiler::TakeHeapSnapshotRequest &req) = 0;
-  virtual void handle(const profiler::StartRequest &req) = 0;
-  virtual void handle(const profiler::StopRequest &req) = 0;
-  virtual void handle(const runtime::CallFunctionOnRequest &req) = 0;
-  virtual void handle(const runtime::CompileScriptRequest &req) = 0;
-  virtual void handle(const runtime::EvaluateRequest &req) = 0;
-  virtual void handle(const runtime::GetHeapUsageRequest &req) = 0;
-  virtual void handle(const runtime::GetPropertiesRequest &req) = 0;
-  virtual void handle(const runtime::GlobalLexicalScopeNamesRequest &req) = 0;
-  virtual void handle(const runtime::RunIfWaitingForDebuggerRequest &req) = 0;
-};
-
-/// NoopRequestHandler can be subclassed to only handle some requests.
-struct NoopRequestHandler : public RequestHandler {
-  void handle(const UnknownRequest &req) override {}
-  void handle(const debugger::DisableRequest &req) override {}
-  void handle(const debugger::EnableRequest &req) override {}
-  void handle(const debugger::EvaluateOnCallFrameRequest &req) override {}
-  void handle(const debugger::PauseRequest &req) override {}
-  void handle(const debugger::RemoveBreakpointRequest &req) override {}
-  void handle(const debugger::ResumeRequest &req) override {}
-  void handle(const debugger::SetBreakpointRequest &req) override {}
-  void handle(const debugger::SetBreakpointByUrlRequest &req) override {}
-  void handle(const debugger::SetBreakpointsActiveRequest &req) override {}
-  void handle(
-      const debugger::SetInstrumentationBreakpointRequest &req) override {}
-  void handle(const debugger::SetPauseOnExceptionsRequest &req) override {}
-  void handle(const debugger::StepIntoRequest &req) override {}
-  void handle(const debugger::StepOutRequest &req) override {}
-  void handle(const debugger::StepOverRequest &req) override {}
-  void handle(const heapProfiler::CollectGarbageRequest &req) override {}
-  void handle(const heapProfiler::GetHeapObjectIdRequest &req) override {}
-  void handle(
-      const heapProfiler::GetObjectByHeapObjectIdRequest &req) override {}
-  void handle(const heapProfiler::StartSamplingRequest &req) override {}
-  void handle(
-      const heapProfiler::StartTrackingHeapObjectsRequest &req) override {}
-  void handle(const heapProfiler::StopSamplingRequest &req) override {}
-  void handle(
-      const heapProfiler::StopTrackingHeapObjectsRequest &req) override {}
-  void handle(const heapProfiler::TakeHeapSnapshotRequest &req) override {}
-  void handle(const profiler::StartRequest &req) override {}
-  void handle(const profiler::StopRequest &req) override {}
-  void handle(const runtime::CallFunctionOnRequest &req) override {}
-  void handle(const runtime::CompileScriptRequest &req) override {}
-  void handle(const runtime::EvaluateRequest &req) override {}
-  void handle(const runtime::GetHeapUsageRequest &req) override {}
-  void handle(const runtime::GetPropertiesRequest &req) override {}
-  void handle(const runtime::GlobalLexicalScopeNamesRequest &req) override {}
-  void handle(const runtime::RunIfWaitingForDebuggerRequest &req) override {}
-};
-
-/// Types
-struct debugger::Location : public Serializable {
-  Location() = default;
-  Location(Location &&) = default;
-  Location(const Location &) = delete;
-  explicit Location(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  Location &operator=(const Location &) = delete;
-  Location &operator=(Location &&) = default;
-
-  runtime::ScriptId scriptId{};
-  int lineNumber{};
-  std::optional<int> columnNumber;
-};
-
-struct runtime::PropertyPreview : public Serializable {
-  PropertyPreview() = default;
-  PropertyPreview(PropertyPreview &&) = default;
-  PropertyPreview(const PropertyPreview &) = delete;
-  explicit PropertyPreview(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  PropertyPreview &operator=(const PropertyPreview &) = delete;
-  PropertyPreview &operator=(PropertyPreview &&) = default;
-
-  std::string name;
-  std::string type;
-  std::optional<std::string> value;
-  std::unique_ptr<
-      runtime::ObjectPreview,
-      std::function<void(runtime::ObjectPreview *)>>
-      valuePreview{nullptr, deleter<runtime::ObjectPreview>};
-  std::optional<std::string> subtype;
-};
-
-struct runtime::EntryPreview : public Serializable {
-  EntryPreview() = default;
-  EntryPreview(EntryPreview &&) = default;
-  EntryPreview(const EntryPreview &) = delete;
-  explicit EntryPreview(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  EntryPreview &operator=(const EntryPreview &) = delete;
-  EntryPreview &operator=(EntryPreview &&) = default;
-
-  std::unique_ptr<
-      runtime::ObjectPreview,
-      std::function<void(runtime::ObjectPreview *)>>
-      key{nullptr, deleter<runtime::ObjectPreview>};
-  std::unique_ptr<
-      runtime::ObjectPreview,
-      std::function<void(runtime::ObjectPreview *)>>
-      value{nullptr, deleter<runtime::ObjectPreview>};
-};
-
-struct runtime::ObjectPreview : public Serializable {
-  ObjectPreview() = default;
-  ObjectPreview(ObjectPreview &&) = default;
-  ObjectPreview(const ObjectPreview &) = delete;
-  explicit ObjectPreview(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  ObjectPreview &operator=(const ObjectPreview &) = delete;
-  ObjectPreview &operator=(ObjectPreview &&) = default;
-
-  std::string type;
-  std::optional<std::string> subtype;
-  std::optional<std::string> description;
-  bool overflow{};
-  std::vector<runtime::PropertyPreview> properties;
-  std::optional<std::vector<runtime::EntryPreview>> entries;
-};
-
-struct runtime::CustomPreview : public Serializable {
-  CustomPreview() = default;
-  CustomPreview(CustomPreview &&) = default;
-  CustomPreview(const CustomPreview &) = delete;
-  explicit CustomPreview(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  CustomPreview &operator=(const CustomPreview &) = delete;
-  CustomPreview &operator=(CustomPreview &&) = default;
-
-  std::string header;
-  std::optional<runtime::RemoteObjectId> bodyGetterId;
-};
-
-struct runtime::RemoteObject : public Serializable {
-  RemoteObject() = default;
-  RemoteObject(RemoteObject &&) = default;
-  RemoteObject(const RemoteObject &) = delete;
-  explicit RemoteObject(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  RemoteObject &operator=(const RemoteObject &) = delete;
-  RemoteObject &operator=(RemoteObject &&) = default;
-
-  std::string type;
-  std::optional<std::string> subtype;
-  std::optional<std::string> className;
-  std::optional<folly::dynamic> value;
-  std::optional<runtime::UnserializableValue> unserializableValue;
-  std::optional<std::string> description;
-  std::optional<runtime::RemoteObjectId> objectId;
-  std::optional<runtime::ObjectPreview> preview;
-  std::optional<runtime::CustomPreview> customPreview;
-};
-
-struct runtime::CallFrame : public Serializable {
-  CallFrame() = default;
-  CallFrame(CallFrame &&) = default;
-  CallFrame(const CallFrame &) = delete;
-  explicit CallFrame(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  CallFrame &operator=(const CallFrame &) = delete;
-  CallFrame &operator=(CallFrame &&) = default;
-
-  std::string functionName;
-  runtime::ScriptId scriptId{};
-  std::string url;
-  int lineNumber{};
-  int columnNumber{};
-};
-
-struct runtime::StackTrace : public Serializable {
-  StackTrace() = default;
-  StackTrace(StackTrace &&) = default;
-  StackTrace(const StackTrace &) = delete;
-  explicit StackTrace(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  StackTrace &operator=(const StackTrace &) = delete;
-  StackTrace &operator=(StackTrace &&) = default;
-
-  std::optional<std::string> description;
-  std::vector<runtime::CallFrame> callFrames;
-  std::unique_ptr<runtime::StackTrace> parent;
-};
-
-struct runtime::ExceptionDetails : public Serializable {
-  ExceptionDetails() = default;
-  ExceptionDetails(ExceptionDetails &&) = default;
-  ExceptionDetails(const ExceptionDetails &) = delete;
-  explicit ExceptionDetails(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  ExceptionDetails &operator=(const ExceptionDetails &) = delete;
-  ExceptionDetails &operator=(ExceptionDetails &&) = default;
-
-  int exceptionId{};
-  std::string text;
-  int lineNumber{};
-  int columnNumber{};
-  std::optional<runtime::ScriptId> scriptId;
-  std::optional<std::string> url;
-  std::optional<runtime::StackTrace> stackTrace;
-  std::optional<runtime::RemoteObject> exception;
-  std::optional<runtime::ExecutionContextId> executionContextId;
-};
-
-struct debugger::Scope : public Serializable {
-  Scope() = default;
-  Scope(Scope &&) = default;
-  Scope(const Scope &) = delete;
-  explicit Scope(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  Scope &operator=(const Scope &) = delete;
-  Scope &operator=(Scope &&) = default;
-
-  std::string type;
-  runtime::RemoteObject object{};
-  std::optional<std::string> name;
-  std::optional<debugger::Location> startLocation;
-  std::optional<debugger::Location> endLocation;
-};
-
-struct debugger::CallFrame : public Serializable {
-  CallFrame() = default;
-  CallFrame(CallFrame &&) = default;
-  CallFrame(const CallFrame &) = delete;
-  explicit CallFrame(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  CallFrame &operator=(const CallFrame &) = delete;
-  CallFrame &operator=(CallFrame &&) = default;
-
-  debugger::CallFrameId callFrameId{};
-  std::string functionName;
-  std::optional<debugger::Location> functionLocation;
-  debugger::Location location{};
-  std::string url;
-  std::vector<debugger::Scope> scopeChain;
-  runtime::RemoteObject thisObj{};
-  std::optional<runtime::RemoteObject> returnValue;
-};
-
-struct heapProfiler::SamplingHeapProfileNode : public Serializable {
-  SamplingHeapProfileNode() = default;
-  SamplingHeapProfileNode(SamplingHeapProfileNode &&) = default;
-  SamplingHeapProfileNode(const SamplingHeapProfileNode &) = delete;
-  explicit SamplingHeapProfileNode(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  SamplingHeapProfileNode &operator=(const SamplingHeapProfileNode &) = delete;
-  SamplingHeapProfileNode &operator=(SamplingHeapProfileNode &&) = default;
-
-  runtime::CallFrame callFrame{};
-  double selfSize{};
-  int id{};
-  std::vector<heapProfiler::SamplingHeapProfileNode> children;
-};
-
-struct heapProfiler::SamplingHeapProfileSample : public Serializable {
-  SamplingHeapProfileSample() = default;
-  SamplingHeapProfileSample(SamplingHeapProfileSample &&) = default;
-  SamplingHeapProfileSample(const SamplingHeapProfileSample &) = delete;
-  explicit SamplingHeapProfileSample(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  SamplingHeapProfileSample &operator=(const SamplingHeapProfileSample &) =
-      delete;
-  SamplingHeapProfileSample &operator=(SamplingHeapProfileSample &&) = default;
-
-  double size{};
-  int nodeId{};
-  double ordinal{};
-};
-
-struct heapProfiler::SamplingHeapProfile : public Serializable {
-  SamplingHeapProfile() = default;
-  SamplingHeapProfile(SamplingHeapProfile &&) = default;
-  SamplingHeapProfile(const SamplingHeapProfile &) = delete;
-  explicit SamplingHeapProfile(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  SamplingHeapProfile &operator=(const SamplingHeapProfile &) = delete;
-  SamplingHeapProfile &operator=(SamplingHeapProfile &&) = default;
-
-  heapProfiler::SamplingHeapProfileNode head{};
-  std::vector<heapProfiler::SamplingHeapProfileSample> samples;
-};
-
-struct profiler::PositionTickInfo : public Serializable {
-  PositionTickInfo() = default;
-  PositionTickInfo(PositionTickInfo &&) = default;
-  PositionTickInfo(const PositionTickInfo &) = delete;
-  explicit PositionTickInfo(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  PositionTickInfo &operator=(const PositionTickInfo &) = delete;
-  PositionTickInfo &operator=(PositionTickInfo &&) = default;
-
-  int line{};
-  int ticks{};
-};
-
-struct profiler::ProfileNode : public Serializable {
-  ProfileNode() = default;
-  ProfileNode(ProfileNode &&) = default;
-  ProfileNode(const ProfileNode &) = delete;
-  explicit ProfileNode(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  ProfileNode &operator=(const ProfileNode &) = delete;
-  ProfileNode &operator=(ProfileNode &&) = default;
-
-  int id{};
-  runtime::CallFrame callFrame{};
-  std::optional<int> hitCount;
-  std::optional<std::vector<int>> children;
-  std::optional<std::string> deoptReason;
-  std::optional<std::vector<profiler::PositionTickInfo>> positionTicks;
-};
-
-struct profiler::Profile : public Serializable {
-  Profile() = default;
-  Profile(Profile &&) = default;
-  Profile(const Profile &) = delete;
-  explicit Profile(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  Profile &operator=(const Profile &) = delete;
-  Profile &operator=(Profile &&) = default;
-
-  std::vector<profiler::ProfileNode> nodes;
-  double startTime{};
-  double endTime{};
-  std::optional<std::vector<int>> samples;
-  std::optional<std::vector<int>> timeDeltas;
-};
-
-struct runtime::CallArgument : public Serializable {
-  CallArgument() = default;
-  CallArgument(CallArgument &&) = default;
-  CallArgument(const CallArgument &) = delete;
-  explicit CallArgument(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  CallArgument &operator=(const CallArgument &) = delete;
-  CallArgument &operator=(CallArgument &&) = default;
-
-  std::optional<folly::dynamic> value;
-  std::optional<runtime::UnserializableValue> unserializableValue;
-  std::optional<runtime::RemoteObjectId> objectId;
-};
-
-struct runtime::ExecutionContextDescription : public Serializable {
-  ExecutionContextDescription() = default;
-  ExecutionContextDescription(ExecutionContextDescription &&) = default;
-  ExecutionContextDescription(const ExecutionContextDescription &) = delete;
-  explicit ExecutionContextDescription(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  ExecutionContextDescription &operator=(const ExecutionContextDescription &) =
-      delete;
-  ExecutionContextDescription &operator=(ExecutionContextDescription &&) =
-      default;
-
-  runtime::ExecutionContextId id{};
-  std::string origin;
-  std::string name;
-  std::optional<folly::dynamic> auxData;
-};
-
-struct runtime::PropertyDescriptor : public Serializable {
-  PropertyDescriptor() = default;
-  PropertyDescriptor(PropertyDescriptor &&) = default;
-  PropertyDescriptor(const PropertyDescriptor &) = delete;
-  explicit PropertyDescriptor(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  PropertyDescriptor &operator=(const PropertyDescriptor &) = delete;
-  PropertyDescriptor &operator=(PropertyDescriptor &&) = default;
-
-  std::string name;
-  std::optional<runtime::RemoteObject> value;
-  std::optional<bool> writable;
-  std::optional<runtime::RemoteObject> get;
-  std::optional<runtime::RemoteObject> set;
-  bool configurable{};
-  bool enumerable{};
-  std::optional<bool> wasThrown;
-  std::optional<bool> isOwn;
-  std::optional<runtime::RemoteObject> symbol;
-};
-
-struct runtime::InternalPropertyDescriptor : public Serializable {
-  InternalPropertyDescriptor() = default;
-  InternalPropertyDescriptor(InternalPropertyDescriptor &&) = default;
-  InternalPropertyDescriptor(const InternalPropertyDescriptor &) = delete;
-  explicit InternalPropertyDescriptor(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-  InternalPropertyDescriptor &operator=(const InternalPropertyDescriptor &) =
-      delete;
-  InternalPropertyDescriptor &operator=(InternalPropertyDescriptor &&) =
-      default;
-
-  std::string name;
-  std::optional<runtime::RemoteObject> value;
-};
-
-/// Requests
-struct UnknownRequest : public Request {
-  UnknownRequest();
-  explicit UnknownRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::optional<folly::dynamic> params;
-};
-
-struct debugger::DisableRequest : public Request {
-  DisableRequest();
-  explicit DisableRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-struct debugger::EnableRequest : public Request {
-  EnableRequest();
-  explicit EnableRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-struct debugger::EvaluateOnCallFrameRequest : public Request {
-  EvaluateOnCallFrameRequest();
-  explicit EvaluateOnCallFrameRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  debugger::CallFrameId callFrameId{};
-  std::string expression;
-  std::optional<std::string> objectGroup;
-  std::optional<bool> includeCommandLineAPI;
-  std::optional<bool> silent;
-  std::optional<bool> returnByValue;
-  std::optional<bool> generatePreview;
-  std::optional<bool> throwOnSideEffect;
-};
-
-struct debugger::PauseRequest : public Request {
-  PauseRequest();
-  explicit PauseRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-struct debugger::RemoveBreakpointRequest : public Request {
-  RemoveBreakpointRequest();
-  explicit RemoveBreakpointRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  debugger::BreakpointId breakpointId{};
-};
-
-struct debugger::ResumeRequest : public Request {
-  ResumeRequest();
-  explicit ResumeRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::optional<bool> terminateOnResume;
-};
-
-struct debugger::SetBreakpointRequest : public Request {
-  SetBreakpointRequest();
-  explicit SetBreakpointRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  debugger::Location location{};
-  std::optional<std::string> condition;
-};
-
-struct debugger::SetBreakpointByUrlRequest : public Request {
-  SetBreakpointByUrlRequest();
-  explicit SetBreakpointByUrlRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  int lineNumber{};
-  std::optional<std::string> url;
-  std::optional<std::string> urlRegex;
-  std::optional<std::string> scriptHash;
-  std::optional<int> columnNumber;
-  std::optional<std::string> condition;
-};
-
-struct debugger::SetBreakpointsActiveRequest : public Request {
-  SetBreakpointsActiveRequest();
-  explicit SetBreakpointsActiveRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  bool active{};
-};
-
-struct debugger::SetInstrumentationBreakpointRequest : public Request {
-  SetInstrumentationBreakpointRequest();
-  explicit SetInstrumentationBreakpointRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::string instrumentation;
-};
-
-struct debugger::SetPauseOnExceptionsRequest : public Request {
-  SetPauseOnExceptionsRequest();
-  explicit SetPauseOnExceptionsRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::string state;
-};
-
-struct debugger::StepIntoRequest : public Request {
-  StepIntoRequest();
-  explicit StepIntoRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-struct debugger::StepOutRequest : public Request {
-  StepOutRequest();
-  explicit StepOutRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-struct debugger::StepOverRequest : public Request {
-  StepOverRequest();
-  explicit StepOverRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-struct heapProfiler::CollectGarbageRequest : public Request {
-  CollectGarbageRequest();
-  explicit CollectGarbageRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-struct heapProfiler::GetHeapObjectIdRequest : public Request {
-  GetHeapObjectIdRequest();
-  explicit GetHeapObjectIdRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  runtime::RemoteObjectId objectId{};
-};
-
-struct heapProfiler::GetObjectByHeapObjectIdRequest : public Request {
-  GetObjectByHeapObjectIdRequest();
-  explicit GetObjectByHeapObjectIdRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  heapProfiler::HeapSnapshotObjectId objectId{};
-  std::optional<std::string> objectGroup;
-};
-
-struct heapProfiler::StartSamplingRequest : public Request {
-  StartSamplingRequest();
-  explicit StartSamplingRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::optional<double> samplingInterval;
-  std::optional<bool> includeObjectsCollectedByMajorGC;
-  std::optional<bool> includeObjectsCollectedByMinorGC;
-};
-
-struct heapProfiler::StartTrackingHeapObjectsRequest : public Request {
-  StartTrackingHeapObjectsRequest();
-  explicit StartTrackingHeapObjectsRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::optional<bool> trackAllocations;
-};
-
-struct heapProfiler::StopSamplingRequest : public Request {
-  StopSamplingRequest();
-  explicit StopSamplingRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-struct heapProfiler::StopTrackingHeapObjectsRequest : public Request {
-  StopTrackingHeapObjectsRequest();
-  explicit StopTrackingHeapObjectsRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::optional<bool> reportProgress;
-  std::optional<bool> treatGlobalObjectsAsRoots;
-  std::optional<bool> captureNumericValue;
-};
-
-struct heapProfiler::TakeHeapSnapshotRequest : public Request {
-  TakeHeapSnapshotRequest();
-  explicit TakeHeapSnapshotRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::optional<bool> reportProgress;
-  std::optional<bool> treatGlobalObjectsAsRoots;
-  std::optional<bool> captureNumericValue;
-};
-
-struct profiler::StartRequest : public Request {
-  StartRequest();
-  explicit StartRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-struct profiler::StopRequest : public Request {
-  StopRequest();
-  explicit StopRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-struct runtime::CallFunctionOnRequest : public Request {
-  CallFunctionOnRequest();
-  explicit CallFunctionOnRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::string functionDeclaration;
-  std::optional<runtime::RemoteObjectId> objectId;
-  std::optional<std::vector<runtime::CallArgument>> arguments;
-  std::optional<bool> silent;
-  std::optional<bool> returnByValue;
-  std::optional<bool> generatePreview;
-  std::optional<bool> userGesture;
-  std::optional<bool> awaitPromise;
-  std::optional<runtime::ExecutionContextId> executionContextId;
-  std::optional<std::string> objectGroup;
-};
-
-struct runtime::CompileScriptRequest : public Request {
-  CompileScriptRequest();
-  explicit CompileScriptRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::string expression;
-  std::string sourceURL;
-  bool persistScript{};
-  std::optional<runtime::ExecutionContextId> executionContextId;
-};
-
-struct runtime::EvaluateRequest : public Request {
-  EvaluateRequest();
-  explicit EvaluateRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::string expression;
-  std::optional<std::string> objectGroup;
-  std::optional<bool> includeCommandLineAPI;
-  std::optional<bool> silent;
-  std::optional<runtime::ExecutionContextId> contextId;
-  std::optional<bool> returnByValue;
-  std::optional<bool> generatePreview;
-  std::optional<bool> userGesture;
-  std::optional<bool> awaitPromise;
-};
-
-struct runtime::GetHeapUsageRequest : public Request {
-  GetHeapUsageRequest();
-  explicit GetHeapUsageRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-struct runtime::GetPropertiesRequest : public Request {
-  GetPropertiesRequest();
-  explicit GetPropertiesRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  runtime::RemoteObjectId objectId{};
-  std::optional<bool> ownProperties;
-  std::optional<bool> generatePreview;
-};
-
-struct runtime::GlobalLexicalScopeNamesRequest : public Request {
-  GlobalLexicalScopeNamesRequest();
-  explicit GlobalLexicalScopeNamesRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-
-  std::optional<runtime::ExecutionContextId> executionContextId;
-};
-
-struct runtime::RunIfWaitingForDebuggerRequest : public Request {
-  RunIfWaitingForDebuggerRequest();
-  explicit RunIfWaitingForDebuggerRequest(const folly::dynamic &obj);
-
-  folly::dynamic toDynamic() const override;
-  void accept(RequestHandler &handler) const override;
-};
-
-/// Responses
-struct ErrorResponse : public Response {
-  ErrorResponse() = default;
-  explicit ErrorResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  int code;
-  std::string message;
-  std::optional<folly::dynamic> data;
-};
-
-struct OkResponse : public Response {
-  OkResponse() = default;
-  explicit OkResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-};
-
-struct debugger::EvaluateOnCallFrameResponse : public Response {
-  EvaluateOnCallFrameResponse() = default;
-  explicit EvaluateOnCallFrameResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  runtime::RemoteObject result{};
-  std::optional<runtime::ExceptionDetails> exceptionDetails;
-};
-
-struct debugger::SetBreakpointResponse : public Response {
-  SetBreakpointResponse() = default;
-  explicit SetBreakpointResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  debugger::BreakpointId breakpointId{};
-  debugger::Location actualLocation{};
-};
-
-struct debugger::SetBreakpointByUrlResponse : public Response {
-  SetBreakpointByUrlResponse() = default;
-  explicit SetBreakpointByUrlResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  debugger::BreakpointId breakpointId{};
-  std::vector<debugger::Location> locations;
-};
-
-struct debugger::SetInstrumentationBreakpointResponse : public Response {
-  SetInstrumentationBreakpointResponse() = default;
-  explicit SetInstrumentationBreakpointResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  debugger::BreakpointId breakpointId{};
-};
-
-struct heapProfiler::GetHeapObjectIdResponse : public Response {
-  GetHeapObjectIdResponse() = default;
-  explicit GetHeapObjectIdResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  heapProfiler::HeapSnapshotObjectId heapSnapshotObjectId{};
-};
-
-struct heapProfiler::GetObjectByHeapObjectIdResponse : public Response {
-  GetObjectByHeapObjectIdResponse() = default;
-  explicit GetObjectByHeapObjectIdResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  runtime::RemoteObject result{};
-};
-
-struct heapProfiler::StopSamplingResponse : public Response {
-  StopSamplingResponse() = default;
-  explicit StopSamplingResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  heapProfiler::SamplingHeapProfile profile{};
-};
-
-struct profiler::StopResponse : public Response {
-  StopResponse() = default;
-  explicit StopResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  profiler::Profile profile{};
-};
-
-struct runtime::CallFunctionOnResponse : public Response {
-  CallFunctionOnResponse() = default;
-  explicit CallFunctionOnResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  runtime::RemoteObject result{};
-  std::optional<runtime::ExceptionDetails> exceptionDetails;
-};
-
-struct runtime::CompileScriptResponse : public Response {
-  CompileScriptResponse() = default;
-  explicit CompileScriptResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  std::optional<runtime::ScriptId> scriptId;
-  std::optional<runtime::ExceptionDetails> exceptionDetails;
-};
-
-struct runtime::EvaluateResponse : public Response {
-  EvaluateResponse() = default;
-  explicit EvaluateResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  runtime::RemoteObject result{};
-  std::optional<runtime::ExceptionDetails> exceptionDetails;
-};
-
-struct runtime::GetHeapUsageResponse : public Response {
-  GetHeapUsageResponse() = default;
-  explicit GetHeapUsageResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  double usedSize{};
-  double totalSize{};
-};
-
-struct runtime::GetPropertiesResponse : public Response {
-  GetPropertiesResponse() = default;
-  explicit GetPropertiesResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  std::vector<runtime::PropertyDescriptor> result;
-  std::optional<std::vector<runtime::InternalPropertyDescriptor>>
-      internalProperties;
-  std::optional<runtime::ExceptionDetails> exceptionDetails;
-};
-
-struct runtime::GlobalLexicalScopeNamesResponse : public Response {
-  GlobalLexicalScopeNamesResponse() = default;
-  explicit GlobalLexicalScopeNamesResponse(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  std::vector<std::string> names;
-};
-
-/// Notifications
-struct debugger::BreakpointResolvedNotification : public Notification {
-  BreakpointResolvedNotification();
-  explicit BreakpointResolvedNotification(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  debugger::BreakpointId breakpointId{};
-  debugger::Location location{};
-};
-
-struct debugger::PausedNotification : public Notification {
-  PausedNotification();
-  explicit PausedNotification(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  std::vector<debugger::CallFrame> callFrames;
-  std::string reason;
-  std::optional<folly::dynamic> data;
-  std::optional<std::vector<std::string>> hitBreakpoints;
-  std::optional<runtime::StackTrace> asyncStackTrace;
-};
-
-struct debugger::ResumedNotification : public Notification {
-  ResumedNotification();
-  explicit ResumedNotification(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-};
-
-struct debugger::ScriptParsedNotification : public Notification {
-  ScriptParsedNotification();
-  explicit ScriptParsedNotification(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  runtime::ScriptId scriptId{};
-  std::string url;
-  int startLine{};
-  int startColumn{};
-  int endLine{};
-  int endColumn{};
-  runtime::ExecutionContextId executionContextId{};
-  std::string hash;
-  std::optional<folly::dynamic> executionContextAuxData;
-  std::optional<std::string> sourceMapURL;
-  std::optional<bool> hasSourceURL;
-  std::optional<bool> isModule;
-  std::optional<int> length;
-};
-
-struct heapProfiler::AddHeapSnapshotChunkNotification : public Notification {
-  AddHeapSnapshotChunkNotification();
-  explicit AddHeapSnapshotChunkNotification(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  std::string chunk;
-};
-
-struct heapProfiler::HeapStatsUpdateNotification : public Notification {
-  HeapStatsUpdateNotification();
-  explicit HeapStatsUpdateNotification(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  std::vector<int> statsUpdate;
-};
-
-struct heapProfiler::LastSeenObjectIdNotification : public Notification {
-  LastSeenObjectIdNotification();
-  explicit LastSeenObjectIdNotification(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  int lastSeenObjectId{};
-  double timestamp{};
-};
-
-struct heapProfiler::ReportHeapSnapshotProgressNotification
-    : public Notification {
-  ReportHeapSnapshotProgressNotification();
-  explicit ReportHeapSnapshotProgressNotification(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  int done{};
-  int total{};
-  std::optional<bool> finished;
-};
-
-struct runtime::ConsoleAPICalledNotification : public Notification {
-  ConsoleAPICalledNotification();
-  explicit ConsoleAPICalledNotification(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  std::string type;
-  std::vector<runtime::RemoteObject> args;
-  runtime::ExecutionContextId executionContextId{};
-  runtime::Timestamp timestamp{};
-  std::optional<runtime::StackTrace> stackTrace;
-};
-
-struct runtime::ExecutionContextCreatedNotification : public Notification {
-  ExecutionContextCreatedNotification();
-  explicit ExecutionContextCreatedNotification(const folly::dynamic &obj);
-  folly::dynamic toDynamic() const override;
-
-  runtime::ExecutionContextDescription context{};
-};
-
-} // namespace message
-} // namespace chrome
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageTypesInlines.h b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageTypesInlines.h
deleted file mode 100644
index 89a99b90172450..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/MessageTypesInlines.h
+++ /dev/null
@@ -1,190 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <hermes/inspector-modern/chrome/MessageInterfaces.h>
-
-#include <memory>
-#include <optional>
-#include <type_traits>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace chrome {
-namespace message {
-
-using dynamic = folly::dynamic;
-
-template <typename T>
-using optional = std::optional<T>;
-
-template <typename>
-struct is_vector : std::false_type {};
-
-template <typename T>
-struct is_vector<std::vector<T>> : std::true_type {};
-
-/// valueFromDynamic
-
-template <typename T>
-typename std::enable_if<std::is_base_of<Serializable, T>::value, T>::type
-valueFromDynamic(const dynamic &obj) {
-  return T(obj);
-}
-
-template <typename T>
-typename std::enable_if<std::is_integral<T>::value, T>::type valueFromDynamic(
-    const dynamic &obj) {
-  return obj.asInt();
-}
-
-template <typename T>
-typename std::enable_if<std::is_floating_point<T>::value, T>::type
-valueFromDynamic(const dynamic &obj) {
-  return obj.asDouble();
-}
-
-template <typename T>
-typename std::enable_if<std::is_same<T, std::string>::value, T>::type
-valueFromDynamic(const dynamic &obj) {
-  return obj.asString();
-}
-
-template <typename T>
-typename std::enable_if<std::is_same<T, dynamic>::value, T>::type
-valueFromDynamic(const dynamic &obj) {
-  return obj;
-}
-
-template <typename T>
-typename std::enable_if<is_vector<T>::value, T>::type valueFromDynamic(
-    const dynamic &items) {
-  T result;
-  result.reserve(items.size());
-  for (const auto &item : items) {
-    result.push_back(valueFromDynamic<typename T::value_type>(item));
-  }
-  return result;
-}
-
-/// assign(lhs, obj, key) is a wrapper for:
-///
-///   lhs = obj[key]
-///
-/// It mainly exists so that we can choose the right version of valueFromDynamic
-/// based on the type of lhs.
-
-template <typename T, typename U>
-void assign(T &lhs, const dynamic &obj, const U &key) {
-  lhs = valueFromDynamic<T>(obj.at(key));
-}
-
-template <typename T, typename U>
-void assign(optional<T> &lhs, const dynamic &obj, const U &key) {
-  auto it = obj.find(key);
-  if (it != obj.items().end()) {
-    lhs = valueFromDynamic<T>(it->second);
-  } else {
-    lhs.reset();
-  }
-}
-
-template <typename T, typename U>
-void assign(std::unique_ptr<T> &lhs, const dynamic &obj, const U &key) {
-  auto it = obj.find(key);
-  if (it != obj.items().end()) {
-    lhs = std::make_unique<T>(valueFromDynamic<T>(it->second));
-  } else {
-    lhs.reset();
-  }
-}
-
-template <typename T, typename U, typename D>
-void assign(
-    std::unique_ptr<T, std::function<void(D *)>> &lhs,
-    const dynamic &obj,
-    const U &key) {
-  auto it = obj.find(key);
-  if (it != obj.items().end()) {
-    lhs = std::make_unique<T>(valueFromDynamic<T>(it->second));
-  } else {
-    lhs.reset();
-  }
-}
-
-/// valueToDynamic
-
-inline dynamic valueToDynamic(const Serializable &value) {
-  return value.toDynamic();
-}
-
-template <typename T>
-typename std::enable_if<!std::is_base_of<Serializable, T>::value, dynamic>::type
-valueToDynamic(const T &item) {
-  return dynamic(item);
-}
-
-template <typename T>
-dynamic valueToDynamic(const std::vector<T> &items) {
-  dynamic result = dynamic::array;
-  for (const auto &item : items) {
-    result.push_back(valueToDynamic(item));
-  }
-  return result;
-}
-
-/// put(obj, key, value) is a wrapper for:
-///
-///   obj[key] = valueToDynamic(value);
-
-template <typename K, typename V>
-void put(dynamic &obj, const K &key, const V &value) {
-  obj[key] = valueToDynamic(value);
-}
-
-template <typename K, typename V>
-void put(dynamic &obj, const K &key, const optional<V> &optValue) {
-  if (optValue.has_value()) {
-    obj[key] = valueToDynamic(optValue.value());
-  } else {
-    obj.erase(key);
-  }
-}
-
-template <typename K, typename V>
-void put(dynamic &obj, const K &key, const std::unique_ptr<V> &ptr) {
-  if (ptr.get()) {
-    obj[key] = valueToDynamic(*ptr);
-  } else {
-    obj.erase(key);
-  }
-}
-
-template <typename K, typename V, typename D>
-void put(
-    dynamic &obj,
-    const K &key,
-    const std::unique_ptr<V, std::function<void(D *)>> &ptr) {
-  if (ptr.get()) {
-    obj[key] = valueToDynamic(*ptr);
-  } else {
-    obj.erase(key);
-  }
-}
-
-template <typename T>
-void deleter(T *p) {
-  delete p;
-}
-
-} // namespace message
-} // namespace chrome
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Registration.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Registration.cpp
index 3b73b49e7fbcc1..312330c27365ce 100644
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Registration.cpp
+++ b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Registration.cpp
@@ -17,7 +17,7 @@ namespace chrome {
 
 namespace {
 
-ConnectionDemux &demux() {
+ConnectionDemux& demux() {
   static ConnectionDemux instance{
       facebook::react::jsinspector_modern::getInspectorInstance()};
   return instance;
@@ -27,7 +27,7 @@ ConnectionDemux &demux() {
 
 DebugSessionToken enableDebugging(
     std::unique_ptr<RuntimeAdapter> adapter,
-    const std::string &title) {
+    const std::string& title) {
   return demux().enableDebugging(std::move(adapter), title);
 }
 
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Registration.h b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Registration.h
index bda9300e837fe2..3395a9e0985f7a 100644
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Registration.h
+++ b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/Registration.h
@@ -30,7 +30,7 @@ using DebugSessionToken = int;
  */
 extern DebugSessionToken enableDebugging(
     std::unique_ptr<RuntimeAdapter> adapter,
-    const std::string &title);
+    const std::string& title);
 
 /*
  * disableDebugging removes this runtime from the list of debuggable JS targets
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/RemoteObjectsTable.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/RemoteObjectsTable.cpp
deleted file mode 100644
index afb9411e2a1b5f..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/RemoteObjectsTable.cpp
+++ /dev/null
@@ -1,146 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "RemoteObjectsTable.h"
-
-#include <cstdlib>
-
-#include <folly/Conv.h>
-
-namespace {
-
-bool isScopeId(int64_t id) {
-  return id < 0;
-}
-
-bool isValueId(int64_t id) {
-  return id > 0;
-}
-
-std::string toObjId(int64_t id) {
-  return folly::to<std::string>(id);
-}
-
-int64_t toId(const std::string &objId) {
-  return atoll(objId.c_str());
-}
-
-} // namespace
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace chrome {
-
-const char *BacktraceObjectGroup = "backtrace";
-
-const char *ConsoleObjectGroup = "console";
-
-RemoteObjectsTable::RemoteObjectsTable() = default;
-
-RemoteObjectsTable::~RemoteObjectsTable() = default;
-
-std::string RemoteObjectsTable::addScope(
-    std::pair<uint32_t, uint32_t> frameAndScopeIndex,
-    const std::string &objectGroup) {
-  int64_t id = scopeId_--;
-  scopes_[id] = frameAndScopeIndex;
-
-  if (!objectGroup.empty()) {
-    idToGroup_[id] = objectGroup;
-    groupToIds_[objectGroup].push_back(id);
-  }
-
-  return toObjId(id);
-}
-
-std::string RemoteObjectsTable::addValue(
-    ::facebook::jsi::Value value,
-    const std::string &objectGroup) {
-  int64_t id = valueId_++;
-  values_[id] = std::move(value);
-
-  if (!objectGroup.empty()) {
-    idToGroup_[id] = objectGroup;
-    groupToIds_[objectGroup].push_back(id);
-  }
-
-  return toObjId(id);
-}
-
-const std::pair<uint32_t, uint32_t> *RemoteObjectsTable::getScope(
-    const std::string &objId) const {
-  int64_t id = toId(objId);
-  if (!isScopeId(id)) {
-    return nullptr;
-  }
-
-  auto it = scopes_.find(id);
-  if (it == scopes_.end()) {
-    return nullptr;
-  }
-
-  return &it->second;
-}
-
-const ::facebook::jsi::Value *RemoteObjectsTable::getValue(
-    const std::string &objId) const {
-  int64_t id = toId(objId);
-  if (!isValueId(id)) {
-    return nullptr;
-  }
-
-  auto it = values_.find(id);
-  if (it == values_.end()) {
-    return nullptr;
-  }
-
-  return &it->second;
-}
-
-std::string RemoteObjectsTable::getObjectGroup(const std::string &objId) const {
-  int64_t id = toId(objId);
-
-  auto it = idToGroup_.find(id);
-  if (it == idToGroup_.end()) {
-    return "";
-  }
-
-  return it->second;
-}
-
-void RemoteObjectsTable::releaseObject(int64_t id) {
-  if (isScopeId(id)) {
-    scopes_.erase(id);
-  } else if (isValueId(id)) {
-    values_.erase(id);
-  }
-}
-
-void RemoteObjectsTable::releaseObject(const std::string &objId) {
-  int64_t id = toId(objId);
-  releaseObject(id);
-}
-
-void RemoteObjectsTable::releaseObjectGroup(const std::string &objectGroup) {
-  auto it = groupToIds_.find(objectGroup);
-  if (it == groupToIds_.end()) {
-    return;
-  }
-
-  const auto &ids = it->second;
-  for (int64_t id : ids) {
-    releaseObject(id);
-  }
-
-  groupToIds_.erase(it);
-}
-
-} // namespace chrome
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/RemoteObjectsTable.h b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/RemoteObjectsTable.h
deleted file mode 100644
index d7a3370f6d4ba2..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/RemoteObjectsTable.h
+++ /dev/null
@@ -1,124 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <cstdint>
-#include <unordered_map>
-#include <utility>
-#include <vector>
-
-#include <jsi/jsi.h>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace chrome {
-
-/// Well-known object group names
-
-/**
- * Objects created as a result of the Debugger.paused notification (e.g. scope
- * objects) are placed in the "backtrace" object group. This object group is
- * cleared when the VM resumes.
- */
-extern const char *BacktraceObjectGroup;
-
-/**
- * Objects that are created as a result of a console evaluation are placed in
- * the "console" object group. This object group is cleared when the client
- * clears the console.
- */
-extern const char *ConsoleObjectGroup;
-
-/**
- * RemoteObjectsTable manages the mapping of string object ids to scope metadata
- * or actual JSI objects. The debugger vends these ids to the client so that the
- * client can perform operations on the ids (e.g. enumerate properties on the
- * object backed by the id). See Runtime.RemoteObjectId in the CDT docs for
- * more details.
- *
- * Note that object handles are not ref-counted. Suppose an object foo is mapped
- * to object id "objId" and is also in object group "objGroup". Then *either* of
- * `releaseObject("objId")` or `releaseObjectGroup("objGroup")` will remove foo
- * from the table. This matches the behavior of object groups in CDT.
- */
-class RemoteObjectsTable {
- public:
-  RemoteObjectsTable();
-  ~RemoteObjectsTable();
-
-  RemoteObjectsTable(const RemoteObjectsTable &) = delete;
-  RemoteObjectsTable &operator=(const RemoteObjectsTable &) = delete;
-
-  /**
-   * addScope adds the provided (frameIndex, scopeIndex) mapping to the table.
-   * If objectGroup is non-empty, then the scope object is also added to that
-   * object group for releasing via releaseObjectGroup. Returns an object id.
-   */
-  std::string addScope(
-      std::pair<uint32_t, uint32_t> frameAndScopeIndex,
-      const std::string &objectGroup);
-
-  /**
-   * addValue adds the JSI value to the table. If objectGroup is non-empty, then
-   * the scope object is also added to that object group for releasing via
-   * releaseObjectGroup. Returns an object id.
-   */
-  std::string addValue(
-      ::facebook::jsi::Value value,
-      const std::string &objectGroup);
-
-  /**
-   * Retrieves the (frameIndex, scopeIndex) associated with this object id, or
-   * nullptr if no mapping exists. The pointer stays valid as long as you only
-   * call const methods on this class.
-   */
-  const std::pair<uint32_t, uint32_t> *getScope(const std::string &objId) const;
-
-  /**
-   * Retrieves the JSI value associated with this object id, or nullptr if no
-   * mapping exists. The pointer stays valid as long as you only call const
-   * methods on this class.
-   */
-  const ::facebook::jsi::Value *getValue(const std::string &objId) const;
-
-  /**
-   * Retrieves the object group that this object id is in, or empty string if it
-   * isn't in an object group. The returned pointer is only guaranteed to be
-   * valid until the next call to this class.
-   */
-  std::string getObjectGroup(const std::string &objId) const;
-
-  /**
-   * Removes the scope or JSI value backed by the provided object ID from the
-   * table.
-   */
-  void releaseObject(const std::string &objId);
-
-  /**
-   * Removes all objects that are part of the provided object group from the
-   * table.
-   */
-  void releaseObjectGroup(const std::string &objectGroup);
-
- private:
-  void releaseObject(int64_t id);
-
-  int64_t scopeId_ = -1;
-  int64_t valueId_ = 1;
-
-  std::unordered_map<int64_t, std::pair<uint32_t, uint32_t>> scopes_;
-  std::unordered_map<int64_t, ::facebook::jsi::Value> values_;
-  std::unordered_map<int64_t, std::string> idToGroup_;
-  std::unordered_map<std::string, std::vector<int64_t>> groupToIds_;
-};
-
-} // namespace chrome
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/cli/main.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/cli/main.cpp
deleted file mode 100644
index 64fa788824919c..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/cli/main.cpp
+++ /dev/null
@@ -1,275 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include <cstdio>
-#include <cstdlib>
-#include <fstream>
-#include <iostream>
-#include <memory>
-#include <thread>
-#include <utility>
-
-#include <getopt.h>
-
-#include <folly/json.h>
-#include <hermes/hermes.h>
-#include <hermes/inspector-modern/RuntimeAdapter.h>
-#include <hermes/inspector-modern/chrome/Connection.h>
-
-using ::facebook::react::IRemoteConnection;
-
-namespace fbhermes = ::facebook::hermes;
-
-static const char *usageMessage = R"(hermes-chrome-debug-server script.js
-
-Uses Hermes to evaluate script.js within a debugging session. The process will
-wait for Chrome DevTools Protocol requests on stdin and writes responses and
-events to stdout.
-
-This can be used with a WebSocket bridge to host a Chrome DevTools Protocol
-debug server. For instance, running this:
-
-  websocketd --port=9999 hermes-chrome-debug-server script.js
-
-will run a WebSocket server on port 9999 that debugs script.js in Hermes. Chrome
-can connect to this debugging session using a URL like this:
-
-  devtools://devtools/bundled/inspector.html?experiments=false&v8only=true&ws=127.0.0.1:9999
-
-Options:
-
- -l, --log:  path to a file with pretty-printed protocol logs
- -h, --help: this message
-)";
-
-static void usage() {
-  fputs(usageMessage, stderr);
-  exit(1);
-}
-
-/// Truncate UTF8 string \p s to be at most \p len bytes long.  If a multi-byte
-/// sequence crosses the limit (len), it will be wholly omitted from the
-/// output.  If the output is truncated, it will be suffixed with "...".
-///
-/// \pre len must be strictly greater than the length of the truncation suffix
-///     (three characters), so there is something left after truncation.
-static void truncate(std::string &s, size_t len) {
-  static constexpr char suffix[] = "...";
-  static const size_t suflen = strlen(suffix);
-  assert(len > suflen);
-
-  if (s.size() <= len) {
-    return;
-  }
-
-  // Iterate back from the edge to pop off continuation bytes.
-  ssize_t last = len - suflen;
-  while (last > 0 && (s[last] & 0xC0) == 0x80)
-    --last;
-
-  // Copy in the suffix.
-  strncpy(&s[last], suffix, suflen);
-
-  // Trim the excess.
-  s.resize(last + suflen);
-}
-
-/// Traverse the structure of \p d, truncating all the strings found,
-/// (excluding object keys) to at most \p len bytes long using the definition
-/// of truncate above.
-static void truncateStringsIn(folly::dynamic &d, size_t len) {
-  switch (d.type()) {
-    case folly::dynamic::STRING:
-      truncate(d.getString(), len);
-      break;
-
-    case folly::dynamic::ARRAY:
-      for (auto &child : d) {
-        truncateStringsIn(child, len);
-      }
-      break;
-
-    case folly::dynamic::OBJECT:
-      for (auto &kvp : d.items()) {
-        truncateStringsIn(kvp.second, len);
-      }
-      break;
-
-    default:
-      /* nop */
-      break;
-  }
-}
-
-/// Pretty print the JSON blob contained within \p str, by introducing
-/// parsing it and pretty printing it.  Large string values (larger than 512
-/// characters) are truncated.
-///
-/// \pre str contains a valid JSON blob.
-static std::string prettify(const std::string &str) {
-  constexpr size_t MAX_LINE_LEN = 512;
-
-  try {
-    folly::dynamic obj = folly::parseJson(str);
-    truncateStringsIn(obj, MAX_LINE_LEN);
-    return folly::toPrettyJson(obj);
-  } catch (...) {
-    // pass
-  }
-
-  if (str.size() > MAX_LINE_LEN) {
-    std::string cpy = str;
-    truncate(cpy, MAX_LINE_LEN);
-    return cpy;
-  }
-
-  return str;
-}
-
-static FILE *logFile = stderr;
-
-static void setLogFilePath(const char *path) {
-  logFile = fopen(path, "w");
-
-  if (logFile == nullptr) {
-    perror("fopen couldn't open log file");
-    exit(1);
-  }
-}
-
-static void log(const std::string &str, bool isReq) {
-  fprintf(logFile, "%s %s\n\n", isReq ? "=>" : "<=", prettify(str).c_str());
-}
-
-static void logRequest(const std::string &str) {
-  log(str, true);
-}
-
-static void sendResponse(const std::string &str) {
-  log(str, false);
-  printf("%s\n", str.c_str());
-}
-
-static std::string readScriptSource(const char *path) {
-  std::ifstream stream(path);
-  return std::string{
-      std::istreambuf_iterator<char>(stream), std::istreambuf_iterator<char>()};
-}
-
-static std::string getUrl(const char *path) {
-  char absPath[PATH_MAX] = {};
-  realpath(path, absPath);
-  return std::string("file://") + absPath;
-}
-
-static bool handleScriptSourceRequest(
-    const std::string &reqStr,
-    const std::string &scriptSource) {
-  auto req = folly::parseJson(reqStr);
-
-  if (req.at("method") == "Debugger.getScriptSource") {
-    folly::dynamic result = folly::dynamic::object;
-    result["scriptSource"] = scriptSource;
-
-    folly::dynamic resp = folly::dynamic::object;
-    resp["id"] = req.at("id");
-    resp["result"] = std::move(result);
-
-    sendResponse(folly::toJson(resp));
-
-    return true;
-  }
-
-  return false;
-}
-
-class RemoteConnection : public IRemoteConnection {
- public:
-  void onMessage(std::string message) override {
-    sendResponse(message);
-  }
-
-  void onDisconnect() override {}
-};
-
-static void runDebuggerLoop(
-    fbhermes::inspector_modern::chrome::Connection &conn,
-    std::string scriptSource) {
-  conn.connect(std::make_unique<RemoteConnection>());
-
-  std::string line;
-  while (std::getline(std::cin, line)) {
-    logRequest(line);
-
-    if (!handleScriptSourceRequest(line, scriptSource)) {
-      conn.sendMessage(line);
-    }
-  }
-}
-
-static void runScript(const std::string &scriptSource, const std::string &url) {
-  std::shared_ptr<fbhermes::HermesRuntime> runtime(
-      fbhermes::makeHermesRuntime(::hermes::vm::RuntimeConfig::Builder()
-                                      .withEnableSampleProfiling(true)
-                                      .build()));
-  auto adapter =
-      std::make_unique<fbhermes::inspector_modern::SharedRuntimeAdapter>(
-          runtime);
-  fbhermes::inspector_modern::chrome::Connection conn(
-      std::move(adapter), "hermes-chrome-debug-server");
-  std::thread debuggerLoop(runDebuggerLoop, std::ref(conn), scriptSource);
-
-  fbhermes::HermesRuntime::DebugFlags flags{};
-  runtime->debugJavaScript(scriptSource, url, flags);
-
-  debuggerLoop.join();
-}
-
-int main(int argc, char **argv) {
-  const char *shortOpts = "l:h";
-  const option longOpts[] = {
-      {"log", 1, nullptr, 'l'},
-      {"help", 0, nullptr, 'h'},
-      {nullptr, 0, nullptr, 0}};
-
-  while (true) {
-    int opt = getopt_long(argc, argv, shortOpts, longOpts, nullptr);
-    if (opt == -1) {
-      break;
-    }
-
-    switch (opt) {
-      case 'l':
-        setLogFilePath(optarg);
-        break;
-      case 'h':
-        usage();
-        break;
-      default:
-        fprintf(stderr, "Unrecognized option: %c\n", opt);
-        usage();
-        break;
-    }
-  }
-
-  setbuf(logFile, nullptr);
-  setbuf(stdout, nullptr);
-
-  if (optind + 1 != argc) {
-    usage();
-  }
-
-  const char *path = argv[optind];
-  std::string scriptSource = readScriptSource(path);
-  std::string url = getUrl(path);
-
-  runScript(scriptSource, url);
-
-  fclose(logFile);
-
-  return 0;
-}
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/tests/ConnectionDemuxTests.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/tests/ConnectionDemuxTests.cpp
index f60e9bd5fb0701..0e652e207b182e 100644
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/tests/ConnectionDemuxTests.cpp
+++ b/packages/react-native/ReactCommon/hermes/inspector-modern/chrome/tests/ConnectionDemuxTests.cpp
@@ -23,16 +23,16 @@ namespace inspector_modern {
 namespace chrome {
 
 using ::facebook::react::jsinspector_modern::IInspector;
-using ::facebook::react::jsinspector_modern::InspectorPage;
+using ::facebook::react::jsinspector_modern::InspectorPageDescription;
 using ::facebook::react::jsinspector_modern::IRemoteConnection;
 
 namespace {
 
 std::unordered_map<int, std::string> makePageMap(
-    const std::vector<InspectorPage> &pages) {
+    const std::vector<InspectorPageDescription>& pages) {
   std::unordered_map<int, std::string> pageMap;
 
-  for (auto &page : pages) {
+  for (auto& page : pages) {
     pageMap[page.id] = page.title;
   }
 
@@ -40,8 +40,8 @@ std::unordered_map<int, std::string> makePageMap(
 }
 
 void expectPages(
-    IInspector &inspector,
-    const std::unordered_map<int, std::string> &expected) {
+    IInspector& inspector,
+    const std::unordered_map<int, std::string>& expected) {
   auto pages = makePageMap(inspector.getPages());
   EXPECT_EQ(pages, expected);
 }
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/CallbackOStream.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/detail/CallbackOStream.cpp
deleted file mode 100644
index 337ed956184a35..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/CallbackOStream.cpp
+++ /dev/null
@@ -1,77 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "CallbackOStream.h"
-
-#include <algorithm>
-#include <cassert>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace detail {
-
-CallbackOStream::CallbackOStream(size_t sz, Fn cb)
-    : std::ostream(&sbuf_), sbuf_(sz, std::move(cb)) {}
-
-CallbackOStream::StreamBuf::StreamBuf(size_t sz, Fn cb)
-    : sz_(sz), buf_(std::make_unique<char[]>(sz)), cb_(std::move(cb)) {
-  reset();
-}
-
-CallbackOStream::StreamBuf::~StreamBuf() {
-  sync();
-}
-
-std::streambuf::int_type CallbackOStream::StreamBuf::overflow(
-    std::streambuf::int_type ch) {
-  assert(pptr() <= epptr() && "overflow expects the buffer not to be overfull");
-
-  if (!pptr()) {
-    return traits_type::eof();
-  }
-
-  *pptr() = ch;
-  pbump(1);
-
-  if (sync() == 0) {
-    return traits_type::not_eof(ch);
-  }
-
-  // Set to nullptr on failure.
-  setp(nullptr, nullptr);
-  return traits_type::eof();
-}
-
-int CallbackOStream::StreamBuf::sync() {
-  try {
-    return pbase() == pptr() || cb_(take()) ? 0 : -1;
-  } catch (...) {
-    return -1;
-  }
-}
-
-void CallbackOStream::StreamBuf::reset() {
-  assert(sz_ > 0 && "Buffer cannot be empty.");
-  // std::streambuf::overflow accepts the character that caused the overflow as
-  // a parameter.  Part of handling the overflow is adding this character to the
-  // stream.  We choose to do this by stealing a byte at the end of the "put"
-  // area where the character can be written, even if the area is otherwise
-  // full, immediately prior to being flushed.
-  setp(&buf_[0], &buf_[0] + sz_ - 1);
-}
-
-std::string CallbackOStream::StreamBuf::take() {
-  const size_t strsz = pptr() - pbase();
-  reset();
-  return std::string(pbase(), strsz);
-}
-
-} // namespace detail
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/CallbackOStream.h b/packages/react-native/ReactCommon/hermes/inspector-modern/detail/CallbackOStream.h
deleted file mode 100644
index ea8f0a9418307c..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/CallbackOStream.h
+++ /dev/null
@@ -1,89 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <functional>
-#include <memory>
-#include <ostream>
-#include <streambuf>
-#include <string>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace detail {
-
-/// Subclass of \c std::ostream where flushing is implemented through a
-/// callback.  Writes are collected in a buffer.  When filled, the buffer's
-/// contents are emptied out and sent to a callback.
-struct CallbackOStream : public std::ostream {
-  /// Signature of callback called to flush buffer contents.  Accepts the buffer
-  /// as a string.  Returns a boolean indicating whether flushing succeeded.
-  /// Callback failure will be translated to stream failure.  If the callback
-  /// throws an exception it will be swallowed and translated into stream
-  /// failure.
-  using Fn = std::function<bool(std::string)>;
-
-  /// Construct a new stream.
-  ///
-  /// \p sz The size of the buffer -- how large it can get before it must be
-  ///   flushed.  Must be non-zero.
-  /// \p cb The callback function.
-  CallbackOStream(size_t sz, Fn cb);
-
-  /// This class is neither movable nor copyable.
-  CallbackOStream(CallbackOStream &&that) = delete;
-  CallbackOStream &operator=(CallbackOStream &&that) = delete;
-  CallbackOStream(const CallbackOStream &that) = delete;
-  CallbackOStream &operator=(const CallbackOStream &that) = delete;
-
- private:
-  /// \c std::streambuf sub-class backed by a std::string buffer and
-  /// implementing overflow by calling a callback.
-  struct StreamBuf : public std::streambuf {
-    /// Construct a new streambuf.  Parameters are the same as those of
-    /// \c CallbackOStream .
-    StreamBuf(size_t sz, Fn cb);
-
-    /// Destruction will flush any remaining buffer contents.
-    ~StreamBuf();
-
-    /// StreamBufs are not copyable, to avoid the flush callback receiving
-    /// the contents of multiple streams.
-    StreamBuf(const StreamBuf &) = delete;
-    StreamBuf &operator=(const StreamBuf &) = delete;
-
-   protected:
-    /// std::streambuf overrides
-    int_type overflow(int_type ch) override;
-    int sync() override;
-
-   private:
-    /// The size of the backing buffer.  Fixed for an instance of the streambuf.
-    size_t sz_;
-
-    /// The backing buffer that writes will go to until full.
-    std::unique_ptr<char[]> buf_;
-
-    /// The function called when buf_ has been filled.
-    Fn cb_;
-
-    /// Clears the backing buffer.
-    void reset();
-
-    /// Clears the backing buffer and returns it contents in a string.
-    std::string take();
-  };
-
-  StreamBuf sbuf_;
-};
-
-} // namespace detail
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/SerialExecutor.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/detail/SerialExecutor.cpp
deleted file mode 100644
index 5e0f379076a807..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/SerialExecutor.cpp
+++ /dev/null
@@ -1,60 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "SerialExecutor.h"
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace detail {
-
-SerialExecutor::SerialExecutor(const std::string &name)
-    : finish_(false), thread_(name, [this]() { runLoop(); }) {}
-
-SerialExecutor::~SerialExecutor() {
-  {
-    std::scoped_lock lock(mutex_);
-    finish_ = true;
-    wakeup_.notify_one();
-  }
-
-  thread_.join();
-}
-
-void SerialExecutor::add(folly::Func func) {
-  std::scoped_lock lock(mutex_);
-  funcs_.push(std::move(func));
-  wakeup_.notify_one();
-}
-
-void SerialExecutor::runLoop() {
-  bool shouldExit = false;
-  while (!shouldExit) {
-    folly::Func func;
-
-    {
-      std::unique_lock<std::mutex> lock(mutex_);
-      wakeup_.wait(lock, [this] { return finish_ || !funcs_.empty(); });
-
-      if (!funcs_.empty()) {
-        func = std::move(funcs_.front());
-        funcs_.pop();
-      }
-
-      shouldExit = funcs_.empty() && finish_;
-    }
-
-    if (func) {
-      func();
-    }
-  }
-}
-
-} // namespace detail
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/SerialExecutor.h b/packages/react-native/ReactCommon/hermes/inspector-modern/detail/SerialExecutor.h
deleted file mode 100644
index 66b5c168fb9645..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/SerialExecutor.h
+++ /dev/null
@@ -1,57 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <condition_variable>
-#include <mutex>
-#include <queue>
-#include <string>
-
-#include <hermes/inspector-modern/detail/Thread.h>
-
-#include <folly/Executor.h>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace detail {
-
-/// SerialExecutor is a simple implementation of folly::Executor that processes
-/// work items serially on a worker thread. It exists for two reasons:
-///
-///   1. Currently Hermes builds for the host as well as in fbandroid and
-///      fbobjc, so we need an implementation of a serial executor that doesn't
-///      use the SerialAsyncExecutorFactory from fbandroid or fbobjc.
-///   2. None of folly's Executor factories are included in the stripped-down
-///      version of folly in xplat.
-///
-/// TODO: create a factory that uses SerialAsyncExecutorFactory if we're
-/// building for fbandroid or fbobjc, and otherwise creates an instance of this
-/// class.
-class SerialExecutor : public folly::Executor {
- public:
-  SerialExecutor(const std::string &name);
-  ~SerialExecutor() override;
-
-  void add(folly::Func) override;
-
- private:
-  void runLoop();
-
-  std::mutex mutex_;
-  std::queue<folly::Func> funcs_;
-  std::condition_variable wakeup_;
-  bool finish_;
-
-  Thread thread_;
-};
-
-} // namespace detail
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/Thread.cpp b/packages/react-native/ReactCommon/hermes/inspector-modern/detail/Thread.cpp
deleted file mode 100644
index cfe21a6b5cde8f..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/Thread.cpp
+++ /dev/null
@@ -1,39 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#ifdef __ANDROID__
-#include "Thread.h"
-
-#include <fbjni/JThread.h>
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace detail {
-
-struct Thread::Impl {
-  facebook::jni::global_ref<facebook::jni::JThread> thread_;
-};
-
-Thread::Thread(std::string, std::function<void()> runnable)
-    : impl_(std::make_unique<Impl>(Impl{facebook::jni::make_global(
-          facebook::jni::JThread::create(std::move(runnable)))})) {
-  impl_->thread_->start();
-}
-
-Thread::~Thread() {}
-
-void Thread::join() {
-  impl_->thread_->join();
-}
-
-} // namespace detail
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
-
-#endif
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/Thread.h b/packages/react-native/ReactCommon/hermes/inspector-modern/detail/Thread.h
deleted file mode 100644
index 708cce714fb734..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/detail/Thread.h
+++ /dev/null
@@ -1,85 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <functional>
-#include <memory>
-
-#ifdef _WINDOWS
-#include <thread>
-#elif !defined(__ANDROID__)
-#include <pthread.h>
-#include <thread>
-#endif
-
-namespace facebook {
-namespace hermes {
-namespace inspector_modern {
-namespace detail {
-
-#ifdef __ANDROID__
-
-/// Android version of Thread that uses JThread, which is a java.lang.Thread.
-/// This is desirable because real Java threads have access to the app's
-/// classloader, which allows us to call in to Java from C++.
-///
-/// The implementation is private to the .cpp file to avoid leaking
-/// the fbjni dependencies into code which creates Threads.
-
-class Thread {
- public:
-  Thread(std::string name, std::function<void()> runnable);
-  ~Thread();
-
-  void detach() {
-    // Java threads don't need to be explicitly detached
-  }
-
-  void join();
-
- private:
-  struct Impl;
-  std::unique_ptr<Impl> impl_;
-};
-
-#else
-
-class Thread {
- public:
-  Thread(std::string name, std::function<void()> runnable)
-      : thread_(run, name, runnable) {}
-
-  void detach() {
-    thread_.detach();
-  }
-
-  void join() {
-    thread_.join();
-  }
-
- private:
-  static void run(std::string name, std::function<void()> runnable) {
-#if defined(_GNU_SOURCE)
-    pthread_setname_np(pthread_self(), name.c_str());
-#elif defined(__APPLE__)
-    pthread_setname_np(name.c_str());
-#endif
-
-    runnable();
-  }
-
-  std::thread thread_;
-};
-
-#endif
-
-}; // namespace detail
-
-} // namespace inspector_modern
-} // namespace hermes
-} // namespace facebook
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/docs/InspectorFSM.gv b/packages/react-native/ReactCommon/hermes/inspector-modern/docs/InspectorFSM.gv
deleted file mode 100644
index 7b537f8638af60..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/docs/InspectorFSM.gv
+++ /dev/null
@@ -1,39 +0,0 @@
-digraph InspectorFSM {
-  node [shape = point];
-  init1;
-  init2;
-
-  node [shape = circle];
-  init1 -> RWE [ label = " pauseOnFirstStmt " ]
-  init2 -> RD [ label = " !pauseOnFirstStmt " ]
-  RD -> RD [ label = " didPause" ];
-  RD -> PWE [ label = " debuggerStmt " ];
-  RWE -> PWE [ label = " didPause " ];
-  RWP -> P [label = " didPause " ];
-  RD -> R [ label = " enable " ];
-  PWE -> P [label = " enable " ];
-  RWE -> RWP [ label = " enable" ];
-  R -> P [ label = " !implicitPause " ];
-  R -> R [ label = " implicitPause "];
-  P -> R [ label = " receivedCommand " ];
-  P -> RD [ label = " disable "];
-  R -> RD [ label = " disable "];
-
-  { rank = same; RD RWE }
-  { rank = same; R P }
-
-  label = < <table border="0">
-    <!-- hack: empty row for spacing -->
-    <tr> <td></td><td> </td></tr>
-
-    <tr><td>Abbrev</td><td>State</td></tr>
-    <hr/>
-    <tr><td>RWE</td><td>RunningWaitEnable</td></tr>
-    <tr><td>RWP</td><td>RunningWaitPause</td></tr>
-    <tr><td>RD</td><td>RunningDetached</td></tr>
-    <tr><td>PWE</td><td>PausedWaitEnable</td></tr>
-    <tr><td>P</td><td>Paused</td></tr>
-    <tr><td>R</td><td>Running</td></tr>
-  </table> >;
-  labelloc = "b";
-}
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/docs/InspectorFSM.pdf b/packages/react-native/ReactCommon/hermes/inspector-modern/docs/InspectorFSM.pdf
deleted file mode 100644
index f2daf5a4fd049a..00000000000000
Binary files a/packages/react-native/ReactCommon/hermes/inspector-modern/docs/InspectorFSM.pdf and /dev/null differ
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/tools/format b/packages/react-native/ReactCommon/hermes/inspector-modern/tools/format
deleted file mode 100755
index e22332aa5718e4..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/tools/format
+++ /dev/null
@@ -1,10 +0,0 @@
-#!/bin/sh
-
-DIR="$(dirname "${BASH_SOURCE[0]}")"
-cd "$DIR"
-
-FBSOURCE="$(hg root)"
-CLANG_FORMAT="$FBSOURCE/tools/third-party/clang-format/clang-format"
-SRC="$FBSOURCE/xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector"
-
-find "$SRC" '(' -name '*.h' -or -name '*.cpp' ')' -exec "$CLANG_FORMAT" -i -style=file '{}' ';'
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/tools/message_types.txt b/packages/react-native/ReactCommon/hermes/inspector-modern/tools/message_types.txt
deleted file mode 100644
index dec6c3d4afe105..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/tools/message_types.txt
+++ /dev/null
@@ -1,41 +0,0 @@
-Debugger.breakpointResolved
-Debugger.disable
-Debugger.enable
-Debugger.evaluateOnCallFrame
-Debugger.pause
-Debugger.paused
-Debugger.removeBreakpoint
-Debugger.resume
-Debugger.resumed
-Debugger.scriptParsed
-Debugger.setBreakpoint
-Debugger.setBreakpointByUrl
-Debugger.setBreakpointsActive
-Debugger.setInstrumentationBreakpoint
-Debugger.setPauseOnExceptions
-Debugger.stepInto
-Debugger.stepOut
-Debugger.stepOver
-HeapProfiler.addHeapSnapshotChunk
-HeapProfiler.collectGarbage
-HeapProfiler.reportHeapSnapshotProgress
-HeapProfiler.takeHeapSnapshot
-HeapProfiler.startTrackingHeapObjects
-HeapProfiler.stopTrackingHeapObjects
-HeapProfiler.startSampling
-HeapProfiler.stopSampling
-HeapProfiler.heapStatsUpdate
-HeapProfiler.lastSeenObjectId
-HeapProfiler.getObjectByHeapObjectId
-HeapProfiler.getHeapObjectId
-Profiler.start
-Profiler.stop
-Runtime.callFunctionOn
-Runtime.consoleAPICalled
-Runtime.evaluate
-Runtime.executionContextCreated
-Runtime.getHeapUsage
-Runtime.getProperties
-Runtime.runIfWaitingForDebugger
-Runtime.globalLexicalScopeNames
-Runtime.compileScript
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/tools/run_msggen b/packages/react-native/ReactCommon/hermes/inspector-modern/tools/run_msggen
deleted file mode 100755
index 45fbfd11963db1..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/tools/run_msggen
+++ /dev/null
@@ -1,32 +0,0 @@
-#!/bin/bash
-
-set -e
-
-DIR=$(cd -P "$(dirname "$(readlink "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
-
-MSGTYPES_PATH="${DIR}/message_types.txt"
-HEADER_PATH="${DIR}/../chrome/MessageTypes.h"
-CPP_PATH="${DIR}/../chrome/MessageTypes.cpp"
-
-FBSOURCE=$(hg root)
-CLANG_FORMAT="${FBSOURCE}/tools/third-party/clang-format/clang-format"
-SIGNEDSOURCE="${FBSOURCE}/tools/signedsource"
-
-pushd "../../../../../hermes-inspector-msggen"
-
-yarn install
-yarn build
-
-node bin/index.js \
-  --ignore-experimental \
-  --include-experimental=Runtime.getProperties.generatePreview,Runtime.evaluate.generatePreview,Runtime.callFunctionOn.generatePreview,Debugger.evaluateOnCallFrame.generatePreview,Runtime.RemoteObject.preview,Runtime.RemoteObject.customPreview,Runtime.CustomPreview,Runtime.EntryPreview,Runtime.ObjectPreview,Runtime.PropertyPreview,Runtime.getHeapUsage \
-  --roots "${MSGTYPES_PATH}" \
-  "${HEADER_PATH}" "${CPP_PATH}"
-
-"${CLANG_FORMAT}" -i --style=file "${HEADER_PATH}"
-"${CLANG_FORMAT}" -i --style=file "${CPP_PATH}"
-
-"${SIGNEDSOURCE}" sign "${HEADER_PATH}"
-"${SIGNEDSOURCE}" sign "${CPP_PATH}"
-
-popd >/dev/null
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/tools/sandcastle/build_and_test.sh b/packages/react-native/ReactCommon/hermes/inspector-modern/tools/sandcastle/build_and_test.sh
deleted file mode 100755
index b55aea7901ddb3..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/tools/sandcastle/build_and_test.sh
+++ /dev/null
@@ -1,13 +0,0 @@
-#!/bin/bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-THIS_DIR=$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)
-source "$THIS_DIR/setup.sh"
-
-buck test //xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector-modern:chrome &&
-  buck test //xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector-modern:detail &&
-  buck test //xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector-modern:inspectorlib &&
-  buck build //xplat/js/react-native-github/packages/react-native/ReactCommon/hermes/inspector-modern:hermes-chrome-debug-server
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/tools/sandcastle/setup.sh b/packages/react-native/ReactCommon/hermes/inspector-modern/tools/sandcastle/setup.sh
deleted file mode 100755
index eb6c194f59524f..00000000000000
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/tools/sandcastle/setup.sh
+++ /dev/null
@@ -1,31 +0,0 @@
-#!/bin/bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-#
-# Basic setup for xplat testing in sandcastle. Based on
-# xplat/hermes/facebook/sandcastle/setup.sh.
-
-set -x
-set -e
-set -o pipefail
-
-THIS_DIR=$(cd "$(dirname "${BASH_SOURCE[0]}")" && pwd)
-ROOT_DIR=$(cd "$THIS_DIR" && hg root)
-
-# Enter xplat
-cd "$ROOT_DIR"/xplat || exit 1
-
-# Setup env
-export TITLE
-TITLE=$(hg log -l 1 --template "{desc|strip|firstline}")
-export REV
-REV=$(hg log -l 1 --template "{node}")
-export AUTHOR
-AUTHOR=$(hg log -l 1 --template "{author|emailuser}")
-
-if [ -n "$SANDCASTLE" ]; then
-  source automation/setup_buck.sh
-fi
diff --git a/packages/react-native/ReactCommon/jsc/CMakeLists.txt b/packages/react-native/ReactCommon/jsc/CMakeLists.txt
index c5c17fb4048da8..d71b289679bcfa 100644
--- a/packages/react-native/ReactCommon/jsc/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/jsc/CMakeLists.txt
@@ -30,10 +30,6 @@ target_link_libraries(jscruntime
         jsi
         glog)
 
-# TODO: Remove this flag when ready.
-# Android has this enabled by default, but the flag is still needed for iOS.
-target_compile_options(jscruntime PRIVATE -DRN_FABRIC_ENABLED)
-
 if(NOT ${CMAKE_BUILD_TYPE} MATCHES Debug)
         target_compile_options(jscruntime PRIVATE -DNDEBUG)
 endif()
diff --git a/packages/react-native/ReactCommon/jsc/JSCRuntime.cpp b/packages/react-native/ReactCommon/jsc/JSCRuntime.cpp
index 4aa440f27488a4..cc65a21e2bcc3d 100644
--- a/packages/react-native/ReactCommon/jsc/JSCRuntime.cpp
+++ b/packages/react-native/ReactCommon/jsc/JSCRuntime.cpp
@@ -237,6 +237,7 @@ class JSCRuntime : public jsi::Runtime {
   bool strictEquals(const jsi::String& a, const jsi::String& b) const override;
   bool strictEquals(const jsi::Object& a, const jsi::Object& b) const override;
   bool instanceOf(const jsi::Object& o, const jsi::Function& f) override;
+  void setExternalMemoryPressure(const jsi::Object&, size_t) override;
 
  private:
   // Basically convenience casts
@@ -244,10 +245,7 @@ class JSCRuntime : public jsi::Runtime {
   static JSStringRef stringRef(const jsi::String& str);
   static JSStringRef stringRef(const jsi::PropNameID& sym);
   static JSObjectRef objectRef(const jsi::Object& obj);
-
-#ifdef RN_FABRIC_ENABLED
   static JSObjectRef objectRef(const jsi::WeakObject& obj);
-#endif
 
   // Factory methods for creating String/Object
   jsi::Symbol createSymbol(JSValueRef symbolRef) const;
@@ -1089,23 +1087,15 @@ jsi::Array JSCRuntime::getPropertyNames(const jsi::Object& obj) {
 }
 
 jsi::WeakObject JSCRuntime::createWeakObject(const jsi::Object& obj) {
-#ifdef RN_FABRIC_ENABLED
   // TODO: revisit this implementation
   JSObjectRef objRef = objectRef(obj);
   return make<jsi::WeakObject>(makeObjectValue(objRef));
-#else
-  throw std::logic_error("Not implemented");
-#endif
 }
 
 jsi::Value JSCRuntime::lockWeakObject(const jsi::WeakObject& obj) {
-#ifdef RN_FABRIC_ENABLED
   // TODO: revisit this implementation
   JSObjectRef objRef = objectRef(obj);
   return jsi::Value(createObject(objRef));
-#else
-  throw std::logic_error("Not implemented");
-#endif
 }
 
 jsi::Array JSCRuntime::createArray(size_t length) {
@@ -1427,6 +1417,8 @@ bool JSCRuntime::instanceOf(const jsi::Object& o, const jsi::Function& f) {
   return res;
 }
 
+void JSCRuntime::setExternalMemoryPressure(const jsi::Object&, size_t) {}
+
 jsi::Runtime::PointerValue* JSCRuntime::makeSymbolValue(
     JSValueRef symbolRef) const {
 #ifndef NDEBUG
@@ -1551,12 +1543,10 @@ JSObjectRef JSCRuntime::objectRef(const jsi::Object& obj) {
   return static_cast<const JSCObjectValue*>(getPointerValue(obj))->obj_;
 }
 
-#ifdef RN_FABRIC_ENABLED
 JSObjectRef JSCRuntime::objectRef(const jsi::WeakObject& obj) {
   // TODO: revisit this implementation
   return static_cast<const JSCObjectValue*>(getPointerValue(obj))->obj_;
 }
-#endif
 
 void JSCRuntime::checkException(JSValueRef exc) {
   if (JSC_UNLIKELY(exc)) {
diff --git a/packages/react-native/ReactCommon/jsc/React-jsc.podspec b/packages/react-native/ReactCommon/jsc/React-jsc.podspec
index ee9cf096e7a961..6239621c6a8c64 100644
--- a/packages/react-native/ReactCommon/jsc/React-jsc.podspec
+++ b/packages/react-native/ReactCommon/jsc/React-jsc.podspec
@@ -32,6 +32,6 @@ Pod::Spec.new do |s|
   s.dependency "React-jsi", version
 
   s.subspec "Fabric" do |ss|
-    ss.pod_target_xcconfig  = { "OTHER_CFLAGS" => "$(inherited) -DRN_FABRIC_ENABLED" }
+    ss.pod_target_xcconfig  = { "OTHER_CFLAGS" => "$(inherited)" }
   end
 end
diff --git a/packages/react-native/ReactCommon/jserrorhandler/CMakeLists.txt b/packages/react-native/ReactCommon/jserrorhandler/CMakeLists.txt
index 612d100fa38a8f..b36b38e013d110 100644
--- a/packages/react-native/ReactCommon/jserrorhandler/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/jserrorhandler/CMakeLists.txt
@@ -11,7 +11,7 @@ add_compile_options(-std=c++20)
 file(GLOB_RECURSE js_error_handler_SRC CONFIGURE_DEPENDS *.cpp)
 add_library(
         jserrorhandler
-        SHARED
+        STATIC
         ${js_error_handler_SRC}
 )
 target_include_directories(jserrorhandler PUBLIC .)
diff --git a/packages/react-native/ReactCommon/jserrorhandler/React-jserrorhandler.podspec b/packages/react-native/ReactCommon/jserrorhandler/React-jserrorhandler.podspec
index 64e86eabfc5617..3def87251c53b0 100644
--- a/packages/react-native/ReactCommon/jserrorhandler/React-jserrorhandler.podspec
+++ b/packages/react-native/ReactCommon/jserrorhandler/React-jserrorhandler.podspec
@@ -16,8 +16,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 folly_dep_name = 'RCT-Folly/Fabric'
 boost_compiler_flags = '-Wno-documentation'
 react_native_path = ".."
@@ -33,8 +34,10 @@ Pod::Spec.new do |s|
   s.source                 = source
   s.header_dir             = "jserrorhandler"
   s.source_files           = "JsErrorHandler.{cpp,h}"
-  s.pod_target_xcconfig = {  "HEADER_SEARCH_PATHS" => "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Mapbuffer/React_Mapbuffer.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-debug/React_debug.framework/Headers\"", "USE_HEADERMAP" => "YES",
-  "CLANG_CXX_LANGUAGE_STANDARD" => "c++20" }
+  s.pod_target_xcconfig = {
+    "USE_HEADERMAP" => "YES",
+    "CLANG_CXX_LANGUAGE_STANDARD" => "c++20"
+  }
   s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
 
   if ENV['USE_FRAMEWORKS']
@@ -43,7 +46,8 @@ Pod::Spec.new do |s|
   end
 
   s.dependency folly_dep_name, folly_version
-  s.dependency "React-jsi", version
-  s.dependency "React-Mapbuffer"
+  s.dependency "React-jsi"
+  add_dependency(s, "React-debug")
+  add_dependency(s, "React-Mapbuffer")
 
 end
diff --git a/packages/react-native/ReactCommon/jsi/React-jsi.podspec b/packages/react-native/ReactCommon/jsi/React-jsi.podspec
index 973acfe6fa77d6..c32b83266da28a 100644
--- a/packages/react-native/ReactCommon/jsi/React-jsi.podspec
+++ b/packages/react-native/ReactCommon/jsi/React-jsi.podspec
@@ -20,8 +20,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
@@ -46,9 +47,15 @@ Pod::Spec.new do |s|
   s.dependency "glog"
 
   s.source_files  = "**/*.{cpp,h}"
-  s.exclude_files = [
+  files_to_exclude = [
                       "jsi/jsilib-posix.cpp",
                       "jsi/jsilib-windows.cpp",
                       "**/test/*"
-                    ]
+                     ]
+  if js_engine == :hermes
+    # JSI is a part of hermes-engine. Including them also in react-native will violate the One Definition Rulle.
+    files_to_exclude += [ "jsi/jsi.cpp" ]
+    s.dependency "hermes-engine"
+  end
+  s.exclude_files = files_to_exclude
 end
diff --git a/packages/react-native/ReactCommon/jsi/jsi/JSIDynamic.cpp b/packages/react-native/ReactCommon/jsi/jsi/JSIDynamic.cpp
index 02f112c0e0ca09..5a2d38d9dd3915 100644
--- a/packages/react-native/ReactCommon/jsi/jsi/JSIDynamic.cpp
+++ b/packages/react-native/ReactCommon/jsi/jsi/JSIDynamic.cpp
@@ -150,7 +150,10 @@ void dynamicFromValueShallow(
 
 } // namespace
 
-folly::dynamic dynamicFromValue(Runtime& runtime, const Value& valueInput) {
+folly::dynamic dynamicFromValue(
+    Runtime& runtime,
+    const Value& valueInput,
+    std::function<bool(const std::string&)> filterObjectKeys) {
   std::vector<FromValue> stack;
   folly::dynamic ret;
 
@@ -182,13 +185,17 @@ folly::dynamic dynamicFromValue(Runtime& runtime, const Value& valueInput) {
         if (prop.isUndefined()) {
           continue;
         }
+        auto nameStr = name.utf8(runtime);
+        if (filterObjectKeys && filterObjectKeys(nameStr)) {
+          continue;
+        }
         // The JSC conversion uses JSON.stringify, which substitutes
         // null for a function, so we do the same here.  Just dropping
         // the pair might also work, but would require more testing.
         if (prop.isObject() && prop.getObject(runtime).isFunction(runtime)) {
           prop = Value::null();
         }
-        props.emplace_back(name.utf8(runtime), std::move(prop));
+        props.emplace_back(std::move(nameStr), std::move(prop));
         top.dyn->insert(props.back().first, nullptr);
       }
       for (const auto& prop : props) {
diff --git a/packages/react-native/ReactCommon/jsi/jsi/JSIDynamic.h b/packages/react-native/ReactCommon/jsi/jsi/JSIDynamic.h
index 110dd13999f437..a96cc281b0d65b 100644
--- a/packages/react-native/ReactCommon/jsi/jsi/JSIDynamic.h
+++ b/packages/react-native/ReactCommon/jsi/jsi/JSIDynamic.h
@@ -19,7 +19,8 @@ facebook::jsi::Value valueFromDynamic(
 
 folly::dynamic dynamicFromValue(
     facebook::jsi::Runtime& runtime,
-    const facebook::jsi::Value& value);
+    const facebook::jsi::Value& value,
+    std::function<bool(const std::string&)> filterObjectKeys = nullptr);
 
 } // namespace jsi
 } // namespace facebook
diff --git a/packages/react-native/ReactCommon/jsi/jsi/decorator.h b/packages/react-native/ReactCommon/jsi/jsi/decorator.h
index baece80fe71d0f..7bddd1fad80a52 100644
--- a/packages/react-native/ReactCommon/jsi/jsi/decorator.h
+++ b/packages/react-native/ReactCommon/jsi/jsi/decorator.h
@@ -252,6 +252,10 @@ class RuntimeDecorator : public Base, private jsi::Instrumentation {
     plain_.setNativeState(o, state);
   }
 
+  void setExternalMemoryPressure(const Object& obj, size_t amt) override {
+    plain_.setExternalMemoryPressure(obj, amt);
+  }
+
   Value getProperty(const Object& o, const PropNameID& name) override {
     return plain_.getProperty(o, name);
   };
diff --git a/packages/react-native/ReactCommon/jsi/jsi/jsi-inl.h b/packages/react-native/ReactCommon/jsi/jsi/jsi-inl.h
index 4ce00adb883c59..f3955815e41f06 100644
--- a/packages/react-native/ReactCommon/jsi/jsi/jsi-inl.h
+++ b/packages/react-native/ReactCommon/jsi/jsi/jsi-inl.h
@@ -227,6 +227,11 @@ inline void Object::setNativeState(
   runtime.setNativeState(*this, state);
 }
 
+inline void Object::setExternalMemoryPressure(Runtime& runtime, size_t amt)
+    const {
+  runtime.setExternalMemoryPressure(*this, amt);
+}
+
 inline Array Object::getPropertyNames(Runtime& runtime) const {
   return runtime.getPropertyNames(*this);
 }
diff --git a/packages/react-native/ReactCommon/jsi/jsi/jsi.h b/packages/react-native/ReactCommon/jsi/jsi/jsi.h
index e5112b753b69d1..962dae93609423 100644
--- a/packages/react-native/ReactCommon/jsi/jsi/jsi.h
+++ b/packages/react-native/ReactCommon/jsi/jsi/jsi.h
@@ -387,6 +387,11 @@ class JSI_EXPORT Runtime {
 
   virtual bool instanceOf(const Object& o, const Function& f) = 0;
 
+  /// See Object::setExternalMemoryPressure.
+  virtual void setExternalMemoryPressure(
+      const jsi::Object& obj,
+      size_t amount) = 0;
+
   // These exist so derived classes can access the private parts of
   // Value, Symbol, String, and Object, which are all friends of Runtime.
   template <typename T>
@@ -834,6 +839,16 @@ class JSI_EXPORT Object : public Pointer {
   /// works.  I only need it in one place.)
   Array getPropertyNames(Runtime& runtime) const;
 
+  /// Inform the runtime that there is additional memory associated with a given
+  /// JavaScript object that is not visible to the GC. This can be used if an
+  /// object is known to retain some native memory, and may be used to guide
+  /// decisions about when to run garbage collection.
+  /// This method may be invoked multiple times on an object, and subsequent
+  /// calls will overwrite any previously set value. Once the object is garbage
+  /// collected, the associated external memory will be considered freed and may
+  /// no longer factor into GC decisions.
+  void setExternalMemoryPressure(Runtime& runtime, size_t amt) const;
+
  protected:
   void setPropertyValue(
       Runtime& runtime,
diff --git a/packages/react-native/ReactCommon/jsi/jsi/test/testlib.cpp b/packages/react-native/ReactCommon/jsi/jsi/test/testlib.cpp
index e24284112beb89..8291d428b357a8 100644
--- a/packages/react-native/ReactCommon/jsi/jsi/test/testlib.cpp
+++ b/packages/react-native/ReactCommon/jsi/jsi/test/testlib.cpp
@@ -1444,8 +1444,13 @@ TEST_P(JSITest, ArrayBufferSizeTest) {
   auto ab =
       eval("var x = new ArrayBuffer(10); x").getObject(rt).getArrayBuffer(rt);
   EXPECT_EQ(ab.size(rt), 10);
-  // Ensure we can safely write some data to the buffer.
-  memset(ab.data(rt), 0xab, 10);
+
+  try {
+    // Ensure we can safely write some data to the buffer.
+    memset(ab.data(rt), 0xab, 10);
+  } catch (const JSINativeException& ex) {
+    // data() is unimplemented by some runtimes, ignore such failures.
+  }
 
   // Ensure that setting the byteLength property does not change the length.
   eval("Object.defineProperty(x, 'byteLength', {value: 20})");
@@ -1520,6 +1525,25 @@ TEST_P(JSITest, NativeStateSymbolOverrides) {
       42);
 }
 
+TEST_P(JSITest, UTF8ExceptionTest) {
+  // Test that a native exception containing UTF-8 characters is correctly
+  // passed through.
+  Function throwUtf8 = Function::createFromHostFunction(
+      rt,
+      PropNameID::forAscii(rt, "throwUtf8"),
+      1,
+      [](Runtime& rt, const Value&, const Value* args, size_t) -> Value {
+        throw JSINativeException(args[0].asString(rt).utf8(rt));
+      });
+  std::string utf8 = "👍";
+  try {
+    throwUtf8.call(rt, utf8);
+    FAIL();
+  } catch (const JSError& e) {
+    EXPECT_NE(e.getMessage().find(utf8), std::string::npos);
+  }
+}
+
 INSTANTIATE_TEST_CASE_P(
     Runtimes,
     JSITest,
diff --git a/packages/react-native/ReactCommon/jsiexecutor/React-jsiexecutor.podspec b/packages/react-native/ReactCommon/jsiexecutor/React-jsiexecutor.podspec
index cdba9daea0ea66..894f6614f44eaf 100644
--- a/packages/react-native/ReactCommon/jsiexecutor/React-jsiexecutor.podspec
+++ b/packages/react-native/ReactCommon/jsiexecutor/React-jsiexecutor.podspec
@@ -16,8 +16,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
@@ -42,6 +43,7 @@ Pod::Spec.new do |s|
   s.dependency "DoubleConversion"
   s.dependency "fmt", "9.1.0"
   s.dependency "glog"
+  add_dependency(s, "React-jsinspector", :framework_name => 'jsinspector_modern')
 
   if ENV['USE_HERMES'] == nil || ENV['USE_HERMES'] == "1"
     s.dependency 'hermes-engine'
diff --git a/packages/react-native/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp b/packages/react-native/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp
index 279e45a056d17c..51fabddc8f0f03 100644
--- a/packages/react-native/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp
+++ b/packages/react-native/ReactCommon/jsiexecutor/jsireact/JSIExecutor.cpp
@@ -208,30 +208,6 @@ void JSIExecutor::registerBundle(
       ReactMarker::REGISTER_JS_SEGMENT_STOP, tag.c_str());
 }
 
-// Looping on \c drainMicrotasks until it completes or hits the retries bound.
-static void performMicrotaskCheckpoint(jsi::Runtime& runtime) {
-  uint8_t retries = 0;
-  // A heuristic number to guard infinite or absurd numbers of retries.
-  const static unsigned int kRetriesBound = 255;
-
-  while (retries < kRetriesBound) {
-    try {
-      // The default behavior of \c drainMicrotasks is unbounded execution.
-      // We may want to make it bounded in the future.
-      if (runtime.drainMicrotasks()) {
-        break;
-      }
-    } catch (jsi::JSError& error) {
-      handleJSError(runtime, error, true);
-    }
-    retries++;
-  }
-
-  if (retries == kRetriesBound) {
-    throw std::runtime_error("Hits microtasks retries bound.");
-  }
-}
-
 void JSIExecutor::callFunction(
     const std::string& moduleId,
     const std::string& methodId,
@@ -267,8 +243,6 @@ void JSIExecutor::callFunction(
         std::runtime_error("Error calling " + moduleId + "." + methodId));
   }
 
-  performMicrotaskCheckpoint(*runtime_);
-
   callNativeModules(ret, true);
 }
 
@@ -288,8 +262,6 @@ void JSIExecutor::invokeCallback(
         folly::to<std::string>("Error invoking callback ", callbackId)));
   }
 
-  performMicrotaskCheckpoint(*runtime_);
-
   callNativeModules(ret, true);
 }
 
@@ -426,7 +398,6 @@ void JSIExecutor::flush() {
   SystraceSection s("JSIExecutor::flush");
   if (flushedQueue_) {
     Value ret = flushedQueue_->call(*runtime_);
-    performMicrotaskCheckpoint(*runtime_);
     callNativeModules(ret, true);
     return;
   }
@@ -444,7 +415,6 @@ void JSIExecutor::flush() {
     // get the pending queue of native calls.
     bindBridge();
     Value ret = flushedQueue_->call(*runtime_);
-    performMicrotaskCheckpoint(*runtime_);
     callNativeModules(ret, true);
   } else if (delegate_) {
     // If we have a delegate, we need to call it; we pass a null list to
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/CMakeLists.txt b/packages/react-native/ReactCommon/jsinspector-modern/CMakeLists.txt
index 3f16dd6ceaae32..cbbc44f6dd0162 100644
--- a/packages/react-native/ReactCommon/jsinspector-modern/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/jsinspector-modern/CMakeLists.txt
@@ -11,6 +11,16 @@ add_compile_options(
         -std=c++20)
 
 file(GLOB jsinspector_SRC CONFIGURE_DEPENDS *.cpp)
+# jsinspector contains singletons that hold app-global state (InspectorFlags, InspectorImpl).
+# Placing it in a shared library makes the singletons safe to use from arbitrary shared libraries
+# (even ones that don't depend on one another).
 add_library(jsinspector SHARED ${jsinspector_SRC})
 
 target_include_directories(jsinspector PUBLIC ${REACT_COMMON_DIR})
+
+target_link_libraries(jsinspector
+        folly_runtime
+        glog
+        react_featureflags
+        runtimeexecutor
+)
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/CONCEPTS.md b/packages/react-native/ReactCommon/jsinspector-modern/CONCEPTS.md
new file mode 100644
index 00000000000000..e07d2eeda971fc
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/CONCEPTS.md
@@ -0,0 +1,27 @@
+# jsinspector-modern concepts
+
+## CDP object model
+
+### Target
+
+A debuggable entity that a debugger frontend can connect to.
+
+### Target Delegate
+
+An interface between a Target class and the underlying debuggable entity. For example, PageTargetDelegate is used by PageTarget to send page-related events to the native platform implementation.
+
+### Target Controller
+
+A private interface exposed by a Target class to its Sessions/Agents. For example, PageTargetController is used by PageAgent to safely access the page's PageTargetDelegate, without exposing PageTarget's other private state.
+
+### Session
+
+A single connection between a debugger frontend and a target. There can be multiple active sessions connected to the same target.
+
+### Agent
+
+A handler for a subset of CDP messages for a specific target as part of a specific session.
+
+### Agent Delegate
+
+An interface between an Agent class and some integration-specific, per-session logic/state it relies on (that does not fit in a Target Delegate). For example, a RuntimeAgentDelegate is used by RuntimeAgent to host Hermes's native CDP handler and delegate messages to it. The interface may look exactly like an Agent (purely CDP messages in/out) or there may be a more involved API to expose state/functionality needed by the Agent.
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContext.cpp b/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContext.cpp
new file mode 100644
index 00000000000000..a298816d3af21f
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContext.cpp
@@ -0,0 +1,66 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ExecutionContext.h"
+
+namespace facebook::react::jsinspector_modern {
+
+namespace {
+
+template <class>
+inline constexpr bool always_false_v = false;
+
+} // namespace
+
+bool ExecutionContextSelector::matches(
+    const ExecutionContextDescription& context) const noexcept {
+  // Exhaustiveness checking based on the example in
+  // https://en.cppreference.com/w/cpp/utility/variant/visit.
+  return std::visit(
+      [&context](auto&& arg) {
+        using T = std::decay_t<decltype(arg)>;
+        if constexpr (std::is_same_v<T, AllContexts>) {
+          return true;
+        } else if constexpr (std::is_same_v<T, ContextId>) {
+          return context.id == arg;
+        } else if constexpr (std::is_same_v<T, ContextName>) {
+          return context.name == arg;
+        } else {
+          static_assert(always_false_v<T>, "non-exhaustive visitor");
+        }
+      },
+      value_);
+
+  // Prevent the compiler from thinking always_false_v is unused when the
+  // visitor is (correctly) exhaustive.
+  (void)always_false_v<void>;
+}
+
+ExecutionContextSelector ExecutionContextSelector::byId(int32_t id) {
+  return ExecutionContextSelector{id};
+}
+
+ExecutionContextSelector ExecutionContextSelector::byName(std::string name) {
+  return ExecutionContextSelector{std::move(name)};
+}
+
+ExecutionContextSelector ExecutionContextSelector::all() {
+  return ExecutionContextSelector{AllContexts{}};
+}
+
+bool matchesAny(
+    const ExecutionContextDescription& context,
+    const ExecutionContextSelectorSet& selectors) {
+  for (const auto& selector : selectors) {
+    if (selector.matches(context)) {
+      return true;
+    }
+  }
+  return false;
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContext.h b/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContext.h
new file mode 100644
index 00000000000000..2e23fba10e4dab
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContext.h
@@ -0,0 +1,109 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "UniqueMonostate.h"
+
+#include <cinttypes>
+#include <optional>
+#include <string>
+#include <unordered_set>
+#include <variant>
+
+namespace facebook::react::jsinspector_modern {
+
+struct ExecutionContextDescription {
+  int32_t id{};
+  std::string origin{""};
+  std::string name{"<anonymous>"};
+  std::optional<std::string> uniqueId;
+};
+
+/**
+ * A type-safe selector for execution contexts.
+ */
+class ExecutionContextSelector {
+ public:
+  /**
+   * Returns true iff this selector matches \c context.
+   */
+  bool matches(const ExecutionContextDescription& context) const noexcept;
+
+  /**
+   * Returns a new selector that matches only the given execution context ID.
+   */
+  static ExecutionContextSelector byId(int32_t id);
+
+  /**
+   * Returns a new selector that matches only the given execution context name.
+   */
+  static ExecutionContextSelector byName(std::string name);
+
+  /**
+   * Returns a new selector that matches any execution context.
+   */
+  static ExecutionContextSelector all();
+
+  ExecutionContextSelector() = delete;
+  ExecutionContextSelector(const ExecutionContextSelector& other) = default;
+  ExecutionContextSelector(ExecutionContextSelector&& other) noexcept = default;
+  ExecutionContextSelector& operator=(const ExecutionContextSelector& other) =
+      default;
+  ExecutionContextSelector& operator=(
+      ExecutionContextSelector&& other) noexcept = default;
+  ~ExecutionContextSelector() = default;
+
+  inline bool operator==(const ExecutionContextSelector& other) const noexcept {
+    return value_ == other.value_;
+  }
+
+ private:
+  /**
+   * Marker type used to represent "all execution contexts".
+   *
+   * Q: What is a UniqueMonostate?
+   * A: std::monostate, but it's distinct from other UniqueMonostate<...>s, so
+   *    you can use multiple of them in the same variant without ambiguity.
+   */
+  using AllContexts = UniqueMonostate<0>;
+  using ContextId = int32_t;
+  using ContextName = std::string;
+
+  using Representation = std::variant<AllContexts, ContextId, ContextName>;
+
+  explicit inline ExecutionContextSelector(Representation&& r) : value_(r) {}
+
+  Representation value_;
+
+  friend struct std::hash<
+      facebook::react::jsinspector_modern::ExecutionContextSelector>;
+};
+
+using ExecutionContextSelectorSet =
+    std::unordered_set<ExecutionContextSelector>;
+
+bool matchesAny(
+    const ExecutionContextDescription& context,
+    const ExecutionContextSelectorSet& selectors);
+
+} // namespace facebook::react::jsinspector_modern
+
+namespace std {
+
+template <>
+struct hash<::facebook::react::jsinspector_modern::ExecutionContextSelector> {
+  size_t operator()(
+      const ::facebook::react::jsinspector_modern::ExecutionContextSelector&
+          selector) const {
+    return hash<::facebook::react::jsinspector_modern::
+                    ExecutionContextSelector::Representation>{}(
+        selector.value_);
+  }
+};
+
+} // namespace std
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContextManager.cpp b/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContextManager.cpp
new file mode 100644
index 00000000000000..1334473d867e15
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContextManager.cpp
@@ -0,0 +1,19 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "ExecutionContextManager.h"
+
+#include <cassert>
+
+namespace facebook::react::jsinspector_modern {
+
+int32_t ExecutionContextManager::allocateExecutionContextId() {
+  assert(nextExecutionContextId_ != INT32_MAX);
+  return nextExecutionContextId_++;
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContextManager.h b/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContextManager.h
new file mode 100644
index 00000000000000..1e1c4210b52881
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/ExecutionContextManager.h
@@ -0,0 +1,25 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <cinttypes>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * Generates unique execution context IDs.
+ */
+class ExecutionContextManager {
+ public:
+  int32_t allocateExecutionContextId();
+
+ private:
+  int32_t nextExecutionContextId_{1};
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/FallbackRuntimeAgentDelegate.cpp b/packages/react-native/ReactCommon/jsinspector-modern/FallbackRuntimeAgentDelegate.cpp
new file mode 100644
index 00000000000000..75f74e5f285302
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/FallbackRuntimeAgentDelegate.cpp
@@ -0,0 +1,70 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "FallbackRuntimeAgentDelegate.h"
+
+#include <chrono>
+#include <string>
+
+using namespace std::chrono;
+using namespace std::literals::string_view_literals;
+using namespace std::literals::string_literals;
+
+namespace facebook::react::jsinspector_modern {
+
+#define ANSI_WEIGHT_BOLD "\x1B[1m"
+#define ANSI_WEIGHT_RESET "\x1B[22m"
+#define ANSI_STYLE_ITALIC "\x1B[3m"
+#define ANSI_STYLE_RESET "\x1B[23m"
+#define ANSI_COLOR_BG_YELLOW "\x1B[48;2;253;247;231m"
+
+FallbackRuntimeAgentDelegate::FallbackRuntimeAgentDelegate(
+    FrontendChannel frontendChannel,
+    const SessionState& sessionState,
+    std::string engineDescription)
+    : frontendChannel_(frontendChannel), engineDescription_(engineDescription) {
+  if (sessionState.isLogDomainEnabled) {
+    sendFallbackRuntimeWarning();
+  }
+}
+
+bool FallbackRuntimeAgentDelegate::handleRequest(
+    const cdp::PreparsedRequest& req) {
+  if (req.method == "Log.enable") {
+    sendFallbackRuntimeWarning();
+
+    // The parent Agent should send a response.
+    return false;
+  }
+
+  // The parent Agent should send a response or report an error.
+  return false;
+}
+
+void FallbackRuntimeAgentDelegate::sendFallbackRuntimeWarning() {
+  sendWarningLogEntry(
+      "The current JavaScript engine, " ANSI_STYLE_ITALIC + engineDescription_ +
+      ANSI_STYLE_RESET
+      ", does not support debugging over the Chrome DevTools Protocol. "
+      "See https://reactnative.dev/docs/debugging for more information.");
+}
+
+void FallbackRuntimeAgentDelegate::sendWarningLogEntry(std::string_view text) {
+  frontendChannel_(
+      folly::toJson(folly::dynamic::object("method", "Log.entryAdded")(
+          "params",
+          folly::dynamic::object(
+              "entry",
+              folly::dynamic::object(
+                  "timestamp",
+                  duration_cast<milliseconds>(
+                      system_clock::now().time_since_epoch())
+                      .count())("source", "other")(
+                  "level", "warning")("text", text)))));
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/FallbackRuntimeAgentDelegate.h b/packages/react-native/ReactCommon/jsinspector-modern/FallbackRuntimeAgentDelegate.h
new file mode 100644
index 00000000000000..56e3e895959a66
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/FallbackRuntimeAgentDelegate.h
@@ -0,0 +1,66 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "SessionState.h"
+
+#include <jsinspector-modern/InspectorInterfaces.h>
+#include <jsinspector-modern/RuntimeAgent.h>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * A RuntimeAgentDelegate that handles requests from the Chrome DevTools
+ * Protocol for a JavaScript runtime that does not support debugging.
+ */
+class FallbackRuntimeAgentDelegate : public RuntimeAgentDelegate {
+ public:
+  /**
+   * \param frontendChannel A channel used to send responses and events to the
+   * frontend.
+   * \param sessionState The state of the current debugger session.
+   * \param engineDescription A description of the JavaScript engine being
+   * debugged. This string will be used in messages sent to the frontend.
+   */
+  FallbackRuntimeAgentDelegate(
+      FrontendChannel frontendChannel,
+      const SessionState& sessionState,
+      std::string engineDescription);
+
+  /**
+   * Handle a CDP request.  The response will be sent over the provided
+   * \c FrontendChannel synchronously or asynchronously.
+   * \param req The parsed request.
+   * \returns true if this agent has responded, or will respond asynchronously,
+   * to the request (with either a success or error message). False if the
+   * agent expects another agent to respond to the request instead.
+   */
+  bool handleRequest(const cdp::PreparsedRequest& req) override;
+
+ private:
+  /**
+   * Send a user-facing message explaining that this is not a debuggable
+   * runtime. You must ensure that the frontend has enabled Log notifications
+   * (using Log.enable) prior to calling this function.
+   */
+  void sendFallbackRuntimeWarning();
+
+  /**
+   * Send a simple Log.entryAdded notification with the given
+   * \param text. You must ensure that the frontend has enabled Log
+   * notifications (using Log.enable) prior to calling this function. In Chrome
+   * DevTools, the message will appear in the Console tab along with regular
+   * console messages.
+   */
+  void sendWarningLogEntry(std::string_view text);
+
+  FrontendChannel frontendChannel_;
+  std::string engineDescription_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InspectorFlags.cpp b/packages/react-native/ReactCommon/jsinspector-modern/InspectorFlags.cpp
new file mode 100644
index 00000000000000..b0e3b4fb17b549
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InspectorFlags.cpp
@@ -0,0 +1,58 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "InspectorFlags.h"
+
+#include <glog/logging.h>
+#include <react/featureflags/ReactNativeFeatureFlags.h>
+
+namespace facebook::react::jsinspector_modern {
+
+InspectorFlags& InspectorFlags::getInstance() {
+  static InspectorFlags instance;
+  return instance;
+}
+
+InspectorFlags::InspectorFlags()
+    : enableModernCDPRegistry_(
+          ReactNativeFeatureFlags::inspectorEnableModernCDPRegistry()),
+      enableCxxInspectorPackagerConnection_(
+          ReactNativeFeatureFlags::
+              inspectorEnableCxxInspectorPackagerConnection()) {}
+
+bool InspectorFlags::getEnableModernCDPRegistry() const {
+  assertFlagsMatchUpstream();
+  return enableModernCDPRegistry_;
+}
+
+bool InspectorFlags::getEnableCxxInspectorPackagerConnection() const {
+  assertFlagsMatchUpstream();
+  return enableCxxInspectorPackagerConnection_ ||
+      // If we are using the modern CDP registry, then we must also use the C++
+      // InspectorPackagerConnection implementation.
+      enableModernCDPRegistry_;
+}
+
+void InspectorFlags::assertFlagsMatchUpstream() const {
+  if (inconsistentFlagsStateLogged_) {
+    return;
+  }
+
+  if (enableModernCDPRegistry_ !=
+          ReactNativeFeatureFlags::inspectorEnableModernCDPRegistry() ||
+      enableCxxInspectorPackagerConnection_ !=
+          ReactNativeFeatureFlags::
+              inspectorEnableCxxInspectorPackagerConnection()) {
+    LOG(ERROR)
+        << "[InspectorFlags] Error: One or more ReactNativeFeatureFlags values "
+        << "have changed during the global app lifetime. This may lead to "
+        << "inconsistent inspector behaviour. Please quit and restart the app.";
+    inconsistentFlagsStateLogged_ = true;
+  }
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InspectorFlags.h b/packages/react-native/ReactCommon/jsinspector-modern/InspectorFlags.h
new file mode 100644
index 00000000000000..605fad31723ad8
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InspectorFlags.h
@@ -0,0 +1,46 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <optional>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * A container for all inspector related feature flags (Meyers singleton
+ * pattern). Enforces that flag values are static for the lifetime of the app.
+ */
+class InspectorFlags {
+ public:
+  static InspectorFlags& getInstance();
+
+  /**
+   * Flag determining if the modern CDP backend should be enabled.
+   */
+  bool getEnableModernCDPRegistry() const;
+
+  /**
+   * Flag determining if the C++ implementation of InspectorPackagerConnection
+   * should be used instead of the per-platform one.
+   */
+  bool getEnableCxxInspectorPackagerConnection() const;
+
+ private:
+  InspectorFlags();
+  InspectorFlags(const InspectorFlags&) = delete;
+  InspectorFlags& operator=(const InspectorFlags&) = delete;
+  ~InspectorFlags() = default;
+
+  const bool enableModernCDPRegistry_;
+  const bool enableCxxInspectorPackagerConnection_;
+
+  mutable bool inconsistentFlagsStateLogged_;
+  void assertFlagsMatchUpstream() const;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InspectorInterfaces.cpp b/packages/react-native/ReactCommon/jsinspector-modern/InspectorInterfaces.cpp
index ba054f9fa5052b..b8ac15d7b919c4 100644
--- a/packages/react-native/ReactCommon/jsinspector-modern/InspectorInterfaces.cpp
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InspectorInterfaces.cpp
@@ -7,6 +7,8 @@
 
 #include "InspectorInterfaces.h"
 
+#include <cassert>
+#include <list>
 #include <mutex>
 #include <tuple>
 #include <unordered_map>
@@ -20,6 +22,14 @@ IDestructible::~IDestructible() {}
 ILocalConnection::~ILocalConnection() {}
 IRemoteConnection::~IRemoteConnection() {}
 IInspector::~IInspector() {}
+IPageStatusListener::~IPageStatusListener() {}
+
+const folly::dynamic targetCapabilitiesToDynamic(
+    const InspectorTargetCapabilities& capabilities) {
+  return folly::dynamic::object(
+      "nativePageReloads", capabilities.nativePageReloads)(
+      "nativeSourceCodeFetching", capabilities.nativeSourceCodeFetching);
+}
 
 namespace {
 
@@ -28,30 +38,80 @@ class InspectorImpl : public IInspector {
   int addPage(
       const std::string& title,
       const std::string& vm,
-      ConnectFunc connectFunc) override;
+      ConnectFunc connectFunc,
+      InspectorTargetCapabilities capabilities) override;
   void removePage(int pageId) override;
 
-  std::vector<InspectorPage> getPages() const override;
+  std::vector<InspectorPageDescription> getPages() const override;
   std::unique_ptr<ILocalConnection> connect(
       int pageId,
       std::unique_ptr<IRemoteConnection> remote) override;
 
+  void registerPageStatusListener(
+      std::weak_ptr<IPageStatusListener> listener) override;
+
  private:
+  class Page {
+   public:
+    Page(
+        int id,
+        const std::string& title,
+        const std::string& vm,
+        ConnectFunc connectFunc,
+        InspectorTargetCapabilities capabilities);
+    operator InspectorPageDescription() const;
+
+    ConnectFunc getConnectFunc() const;
+
+   private:
+    int id_;
+    std::string title_;
+    std::string vm_;
+    ConnectFunc connectFunc_;
+    InspectorTargetCapabilities capabilities_;
+  };
   mutable std::mutex mutex_;
   int nextPageId_{1};
-  std::unordered_map<int, std::tuple<std::string, std::string>> titles_;
-  std::unordered_map<int, ConnectFunc> connectFuncs_;
+  std::unordered_map<int, Page> pages_;
+  std::list<std::weak_ptr<IPageStatusListener>> listeners_;
 };
 
+InspectorImpl::Page::Page(
+    int id,
+    const std::string& title,
+    const std::string& vm,
+    ConnectFunc connectFunc,
+    InspectorTargetCapabilities capabilities)
+    : id_(id),
+      title_(title),
+      vm_(vm),
+      connectFunc_(std::move(connectFunc)),
+      capabilities_(std::move(capabilities)) {}
+
+InspectorImpl::Page::operator InspectorPageDescription() const {
+  return InspectorPageDescription{
+      .id = id_,
+      .title = title_,
+      .vm = vm_,
+      .capabilities = capabilities_,
+  };
+}
+
+InspectorImpl::ConnectFunc InspectorImpl::Page::getConnectFunc() const {
+  return connectFunc_;
+}
+
 int InspectorImpl::addPage(
     const std::string& title,
     const std::string& vm,
-    ConnectFunc connectFunc) {
+    ConnectFunc connectFunc,
+    InspectorTargetCapabilities capabilities) {
   std::scoped_lock lock(mutex_);
 
   int pageId = nextPageId_++;
-  titles_[pageId] = std::make_tuple(title, vm);
-  connectFuncs_[pageId] = std::move(connectFunc);
+  assert(pages_.count(pageId) == 0 && "Unexpected duplicate page ID");
+  pages_.emplace(
+      pageId, Page{pageId, title, vm, std::move(connectFunc), capabilities});
 
   return pageId;
 }
@@ -59,17 +119,21 @@ int InspectorImpl::addPage(
 void InspectorImpl::removePage(int pageId) {
   std::scoped_lock lock(mutex_);
 
-  titles_.erase(pageId);
-  connectFuncs_.erase(pageId);
+  if (pages_.erase(pageId) != 0) {
+    for (auto listenerWeak : listeners_) {
+      if (auto listener = listenerWeak.lock()) {
+        listener->onPageRemoved(pageId);
+      }
+    }
+  }
 }
 
-std::vector<InspectorPage> InspectorImpl::getPages() const {
+std::vector<InspectorPageDescription> InspectorImpl::getPages() const {
   std::scoped_lock lock(mutex_);
 
-  std::vector<InspectorPage> inspectorPages;
-  for (auto& it : titles_) {
-    inspectorPages.push_back(InspectorPage{
-        it.first, std::get<0>(it.second), std::get<1>(it.second)});
+  std::vector<InspectorPageDescription> inspectorPages;
+  for (auto& it : pages_) {
+    inspectorPages.push_back(InspectorPageDescription(it.second));
   }
 
   return inspectorPages;
@@ -83,15 +147,28 @@ std::unique_ptr<ILocalConnection> InspectorImpl::connect(
   {
     std::scoped_lock lock(mutex_);
 
-    auto it = connectFuncs_.find(pageId);
-    if (it != connectFuncs_.end()) {
-      connectFunc = it->second;
+    auto it = pages_.find(pageId);
+    if (it != pages_.end()) {
+      connectFunc = it->second.getConnectFunc();
     }
   }
 
   return connectFunc ? connectFunc(std::move(remote)) : nullptr;
 }
 
+void InspectorImpl::registerPageStatusListener(
+    std::weak_ptr<IPageStatusListener> listener) {
+  std::scoped_lock lock(mutex_);
+  // Remove expired listeners
+  for (auto it = listeners_.begin(); it != listeners_.end();) {
+    if (it->expired()) {
+      it = listeners_.erase(it);
+    } else {
+      ++it;
+    }
+  }
+  listeners_.push_back(listener);
+}
 } // namespace
 
 IInspector& getInspectorInstance() {
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InspectorInterfaces.h b/packages/react-native/ReactCommon/jsinspector-modern/InspectorInterfaces.h
index 3bd91918bb99d1..07591f194d577c 100644
--- a/packages/react-native/ReactCommon/jsinspector-modern/InspectorInterfaces.h
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InspectorInterfaces.h
@@ -7,6 +7,8 @@
 
 #pragma once
 
+#include <folly/dynamic.h>
+
 #include <functional>
 #include <memory>
 #include <string>
@@ -31,13 +33,27 @@ class IDestructible {
   virtual ~IDestructible() = 0;
 };
 
-struct InspectorPage {
+struct InspectorTargetCapabilities {
+  const bool nativePageReloads = false;
+  const bool nativeSourceCodeFetching = false;
+};
+
+const folly::dynamic targetCapabilitiesToDynamic(
+    const InspectorTargetCapabilities& capabilities);
+
+struct InspectorPageDescription {
   const int id;
   const std::string title;
   const std::string vm;
+  const InspectorTargetCapabilities capabilities;
 };
 
+// Alias for backwards compatibility.
+using InspectorPage = InspectorPageDescription;
+
 /// IRemoteConnection allows the VM to send debugger messages to the client.
+/// IRemoteConnection's methods are safe to call from any thread *if*
+/// InspectorPackagerConnection.cpp is in use.
 class JSINSPECTOR_EXPORT IRemoteConnection : public IDestructible {
  public:
   virtual ~IRemoteConnection() = 0;
@@ -50,9 +66,21 @@ class JSINSPECTOR_EXPORT ILocalConnection : public IDestructible {
  public:
   virtual ~ILocalConnection() = 0;
   virtual void sendMessage(std::string message) = 0;
+
+  /**
+   * Called by the inspector singleton to notify that the connection has been
+   * closed, either by the remote party or because the local page/VM is no
+   * longer registered with the inspector.
+   */
   virtual void disconnect() = 0;
 };
 
+class JSINSPECTOR_EXPORT IPageStatusListener : public IDestructible {
+ public:
+  virtual ~IPageStatusListener() = 0;
+  virtual void onPageRemoved(int pageId) = 0;
+};
+
 /// IInspector tracks debuggable JavaScript targets (pages).
 class JSINSPECTOR_EXPORT IInspector : public IDestructible {
  public:
@@ -61,24 +89,44 @@ class JSINSPECTOR_EXPORT IInspector : public IDestructible {
 
   virtual ~IInspector() = 0;
 
-  /// addPage is called by the VM to add a page to the list of debuggable pages.
+  /**
+   * Add a page to the list of inspectable pages.
+   * Callers are responsible for calling removePage when the page is no longer
+   * expecting connections.
+   * \param connectFunc a function that will be called to establish a
+   * connection. \c connectFunc may return nullptr to reject the connection
+   * (e.g. if the page is in the process of shutting down).
+   * \returns the ID assigned to the new page.
+   */
   virtual int addPage(
       const std::string& title,
       const std::string& vm,
-      ConnectFunc connectFunc) = 0;
+      ConnectFunc connectFunc,
+      InspectorTargetCapabilities capabilities = {}) = 0;
 
   /// removePage is called by the VM to remove a page from the list of
   /// debuggable pages.
   virtual void removePage(int pageId) = 0;
 
   /// getPages is called by the client to list all debuggable pages.
-  virtual std::vector<InspectorPage> getPages() const = 0;
-
-  /// connect is called by the client to initiate a debugging session on the
-  /// given page.
+  virtual std::vector<InspectorPageDescription> getPages() const = 0;
+
+  /**
+   * Called by InspectorPackagerConnection to initiate a debugging session with
+   * the given page.
+   * \returns an ILocalConnection that can be used to send messages to the
+   * page, or nullptr if the connection has been rejected.
+   */
   virtual std::unique_ptr<ILocalConnection> connect(
       int pageId,
       std::unique_ptr<IRemoteConnection> remote) = 0;
+
+  /**
+   * registerPageStatusListener registers a listener that will receive events
+   * when pages are removed.
+   */
+  virtual void registerPageStatusListener(
+      std::weak_ptr<IPageStatusListener> listener) = 0;
 };
 
 /// getInspectorInstance retrieves the singleton inspector that tracks all
@@ -89,4 +137,11 @@ extern IInspector& getInspectorInstance();
 /// should only be used in tests.
 extern std::unique_ptr<IInspector> makeTestInspectorInstance();
 
+/**
+ * A callback that can be used to send debugger messages (method responses and
+ * events) to the frontend. The message must be a JSON-encoded string.
+ * The callback may be called from any thread.
+ */
+using FrontendChannel = std::function<void(std::string_view messageJson)>;
+
 } // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InspectorPackagerConnection.cpp b/packages/react-native/ReactCommon/jsinspector-modern/InspectorPackagerConnection.cpp
new file mode 100644
index 00000000000000..5d9712d1b44a18
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InspectorPackagerConnection.cpp
@@ -0,0 +1,365 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "InspectorPackagerConnection.h"
+#include "InspectorInterfaces.h"
+#include "InspectorPackagerConnectionImpl.h"
+
+#include <folly/dynamic.h>
+#include <folly/json.h>
+#include <glog/logging.h>
+#include <cerrno>
+#include <chrono>
+
+using namespace std::literals;
+
+namespace facebook::react::jsinspector_modern {
+
+static constexpr const std::chrono::duration RECONNECT_DELAY =
+    std::chrono::milliseconds{2000};
+static constexpr const char* INVALID = "<invalid>";
+
+// InspectorPackagerConnection::Impl method definitions
+
+std::shared_ptr<InspectorPackagerConnection::Impl>
+InspectorPackagerConnection::Impl::create(
+    std::string url,
+    std::string app,
+    std::unique_ptr<InspectorPackagerConnectionDelegate> delegate) {
+  // No make_shared because the constructor is private
+  std::shared_ptr<InspectorPackagerConnection::Impl> impl(
+      new InspectorPackagerConnection::Impl(url, app, std::move(delegate)));
+  getInspectorInstance().registerPageStatusListener(impl);
+  return impl;
+}
+
+InspectorPackagerConnection::Impl::Impl(
+    std::string url,
+    std::string app,
+    std::unique_ptr<InspectorPackagerConnectionDelegate> delegate)
+    : url_(std::move(url)),
+      app_(std::move(app)),
+      delegate_(std::move(delegate)) {}
+
+void InspectorPackagerConnection::Impl::handleProxyMessage(
+    folly::const_dynamic_view message) {
+  std::string event = message.descend("event").string_or(INVALID);
+  if (event == "getPages") {
+    sendToPackager(
+        folly::dynamic::object("event", "getPages")("payload", pages()));
+  } else if (event == "wrappedEvent") {
+    handleWrappedEvent(message.descend("payload"));
+  } else if (event == "connect") {
+    handleConnect(message.descend("payload"));
+  } else if (event == "disconnect") {
+    handleDisconnect(message.descend("payload"));
+  } else {
+    LOG(ERROR) << "Unknown event: " << event;
+  }
+}
+
+void InspectorPackagerConnection::Impl::sendEventToAllConnections(
+    std::string event) {
+  for (auto& connection : inspectorSessions_) {
+    connection.second.localConnection->sendMessage(event);
+  }
+}
+
+void InspectorPackagerConnection::Impl::closeAllConnections() {
+  for (auto& connection : inspectorSessions_) {
+    connection.second.localConnection->disconnect();
+  }
+  inspectorSessions_.clear();
+}
+
+void InspectorPackagerConnection::Impl::handleConnect(
+    folly::const_dynamic_view payload) {
+  std::string pageId = payload.descend("pageId").string_or(INVALID);
+  auto existingConnectionIt = inspectorSessions_.find(pageId);
+  if (existingConnectionIt != inspectorSessions_.end()) {
+    auto existingConnection = std::move(existingConnectionIt->second);
+    inspectorSessions_.erase(existingConnectionIt);
+    existingConnection.localConnection->disconnect();
+    LOG(WARNING) << "Already connected: " << pageId;
+    return;
+  }
+  int pageIdInt;
+  try {
+    pageIdInt = std::stoi(pageId);
+  } catch (...) {
+    LOG(ERROR) << "Invalid page id: " << pageId;
+    return;
+  }
+  auto sessionId = nextSessionId_++;
+  auto remoteConnection =
+      std::make_unique<InspectorPackagerConnection::Impl::RemoteConnection>(
+          weak_from_this(), pageId, sessionId);
+  auto& inspector = getInspectorInstance();
+  auto inspectorConnection =
+      inspector.connect(pageIdInt, std::move(remoteConnection));
+  if (!inspectorConnection) {
+    LOG(INFO) << "Connection to page " << pageId << " rejected";
+
+    // RemoteConnection::onDisconnect(), if the connection even calls it,  will
+    // be a no op (because the session is not added to `inspectorSessions_`), so
+    // let's always notify the remote client of the disconnection ourselves.
+    sendToPackager(folly::dynamic::object("event", "disconnect")(
+        "payload", folly::dynamic::object("pageId", pageId)));
+    return;
+  }
+  inspectorSessions_.emplace(
+      pageId,
+      Session{
+          .localConnection = std::move(inspectorConnection),
+          .sessionId = sessionId});
+}
+
+void InspectorPackagerConnection::Impl::handleDisconnect(
+    folly::const_dynamic_view payload) {
+  std::string pageId = payload.descend("pageId").string_or(INVALID);
+  auto inspectorConnection = removeConnectionForPage(pageId);
+  if (inspectorConnection) {
+    inspectorConnection->disconnect();
+  }
+}
+
+std::unique_ptr<ILocalConnection>
+InspectorPackagerConnection::Impl::removeConnectionForPage(std::string pageId) {
+  auto it = inspectorSessions_.find(pageId);
+  if (it != inspectorSessions_.end()) {
+    auto connection = std::move(it->second);
+    inspectorSessions_.erase(it);
+    return std::move(connection.localConnection);
+  }
+  return nullptr;
+}
+
+void InspectorPackagerConnection::Impl::handleWrappedEvent(
+    folly::const_dynamic_view payload) {
+  std::string pageId = payload.descend("pageId").string_or(INVALID);
+  std::string wrappedEvent = payload.descend("wrappedEvent").string_or(INVALID);
+  auto connectionIt = inspectorSessions_.find(pageId);
+  if (connectionIt == inspectorSessions_.end()) {
+    LOG(WARNING) << "Not connected to page: " << pageId
+                 << " , failed trying to handle event: " << wrappedEvent;
+    return;
+  }
+  connectionIt->second.localConnection->sendMessage(wrappedEvent);
+}
+
+folly::dynamic InspectorPackagerConnection::Impl::pages() {
+  auto& inspector = getInspectorInstance();
+  auto pages = inspector.getPages();
+  folly::dynamic array = folly::dynamic::array();
+
+  for (const auto& page : pages) {
+    folly::dynamic pageDescription = folly::dynamic::object;
+    pageDescription["id"] = std::to_string(page.id);
+    pageDescription["title"] = page.title + " [C++ connection]";
+    pageDescription["app"] = app_;
+    pageDescription["vm"] = page.vm;
+    pageDescription["capabilities"] =
+        targetCapabilitiesToDynamic(page.capabilities);
+
+    array.push_back(pageDescription);
+  }
+  return array;
+}
+
+void InspectorPackagerConnection::Impl::didFailWithError(
+    std::optional<int> posixCode,
+    std::string error) {
+  if (webSocket_) {
+    abort(posixCode, "WebSocket exception", error);
+  }
+  if (!closed_ && posixCode != ECONNREFUSED) {
+    reconnect();
+  }
+}
+
+void InspectorPackagerConnection::Impl::didReceiveMessage(
+    std::string_view message) {
+  folly::dynamic parsedJSON;
+  try {
+    parsedJSON = folly::parseJson(message);
+  } catch (const folly::json::parse_error& e) {
+    LOG(ERROR) << "Unrecognized inspector message, string was not valid JSON: "
+               << e.what();
+    return;
+  }
+  handleProxyMessage(std::move(parsedJSON));
+}
+
+void InspectorPackagerConnection::Impl::didClose() {
+  webSocket_.reset();
+  closeAllConnections();
+  if (!closed_) {
+    reconnect();
+  }
+}
+
+void InspectorPackagerConnection::Impl::onPageRemoved(int pageId) {
+  auto connection = removeConnectionForPage(std::to_string(pageId));
+  if (connection) {
+    connection->disconnect();
+  }
+}
+
+bool InspectorPackagerConnection::Impl::isConnected() const {
+  return webSocket_ != nullptr;
+}
+
+void InspectorPackagerConnection::Impl::connect() {
+  if (closed_) {
+    LOG(ERROR)
+        << "Illegal state: Can't connect after having previously been closed.";
+    return;
+  }
+  webSocket_ = delegate_->connectWebSocket(url_, weak_from_this());
+}
+
+void InspectorPackagerConnection::Impl::reconnect() {
+  if (reconnectPending_) {
+    return;
+  }
+  if (closed_) {
+    LOG(ERROR)
+        << "Illegal state: Can't reconnect after having previously been closed.";
+    return;
+  }
+
+  if (!suppressConnectionErrors_) {
+    LOG(WARNING) << "Couldn't connect to packager, will silently retry";
+    suppressConnectionErrors_ = true;
+  }
+
+  reconnectPending_ = true;
+
+  delegate_->scheduleCallback(
+      [weakSelf = weak_from_this()] {
+        auto strongSelf = weakSelf.lock();
+        if (strongSelf && !strongSelf->closed_) {
+          strongSelf->reconnectPending_ = false;
+          strongSelf->connect();
+        }
+      },
+      RECONNECT_DELAY);
+}
+
+void InspectorPackagerConnection::Impl::closeQuietly() {
+  closed_ = true;
+  disposeWebSocket();
+}
+
+void InspectorPackagerConnection::Impl::sendToPackager(folly::dynamic message) {
+  if (!webSocket_) {
+    return;
+  }
+
+  webSocket_->send(folly::toJson(message));
+}
+
+void InspectorPackagerConnection::Impl::scheduleSendToPackager(
+    folly::dynamic message,
+    SessionId sourceSessionId,
+    std::string sourcePageId) {
+  delegate_->scheduleCallback(
+      [weakSelf = weak_from_this(),
+       message = std::move(message),
+       sourceSessionId,
+       sourcePageId]() mutable {
+        auto strongSelf = weakSelf.lock();
+        if (!strongSelf) {
+          return;
+        }
+        auto sessionIt = strongSelf->inspectorSessions_.find(sourcePageId);
+        if (sessionIt != strongSelf->inspectorSessions_.end() &&
+            sessionIt->second.sessionId == sourceSessionId) {
+          strongSelf->sendToPackager(std::move(message));
+        }
+      },
+      0ms);
+}
+
+void InspectorPackagerConnection::Impl::abort(
+    std::optional<int> posixCode,
+    const std::string& message,
+    const std::string& cause) {
+  // Don't log ECONNREFUSED at all; it's expected in cases where the server
+  // isn't listening.
+  if (posixCode != ECONNREFUSED) {
+    LOG(INFO) << "Error occurred, shutting down websocket connection: "
+              << message << " " << cause;
+  }
+  closeAllConnections();
+  disposeWebSocket();
+}
+
+void InspectorPackagerConnection::Impl::disposeWebSocket() {
+  webSocket_.reset();
+}
+
+// InspectorPackagerConnection::Impl::RemoteConnection method definitions
+
+InspectorPackagerConnection::Impl::RemoteConnection::RemoteConnection(
+    std::weak_ptr<InspectorPackagerConnection::Impl> owningPackagerConnection,
+    std::string pageId,
+    SessionId sessionId)
+    : owningPackagerConnection_(owningPackagerConnection),
+      pageId_(std::move(pageId)),
+      sessionId_(sessionId) {}
+
+void InspectorPackagerConnection::Impl::RemoteConnection::onMessage(
+    std::string message) {
+  auto owningPackagerConnectionStrong = owningPackagerConnection_.lock();
+  if (!owningPackagerConnectionStrong) {
+    return;
+  }
+  owningPackagerConnectionStrong->scheduleSendToPackager(
+      folly::dynamic::object("event", "wrappedEvent")(
+          "payload",
+          folly::dynamic::object("pageId", pageId_)("wrappedEvent", message)),
+      sessionId_,
+      pageId_);
+}
+
+void InspectorPackagerConnection::Impl::RemoteConnection::onDisconnect() {
+  auto owningPackagerConnectionStrong = owningPackagerConnection_.lock();
+  if (owningPackagerConnectionStrong) {
+    owningPackagerConnectionStrong->scheduleSendToPackager(
+        folly::dynamic::object("event", "disconnect")(
+            "payload", folly::dynamic::object("pageId", pageId_)),
+        sessionId_,
+        pageId_);
+  }
+}
+
+// InspectorPackagerConnection method definitions
+
+InspectorPackagerConnection::InspectorPackagerConnection(
+    std::string url,
+    std::string app,
+    std::unique_ptr<InspectorPackagerConnectionDelegate> delegate)
+    : impl_(Impl::create(url, app, std::move(delegate))) {}
+
+bool InspectorPackagerConnection::isConnected() const {
+  return impl_->isConnected();
+}
+
+void InspectorPackagerConnection::connect() {
+  impl_->connect();
+}
+
+void InspectorPackagerConnection::closeQuietly() {
+  impl_->closeQuietly();
+}
+
+void InspectorPackagerConnection::sendEventToAllConnections(std::string event) {
+  impl_->sendEventToAllConnections(event);
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InspectorPackagerConnection.h b/packages/react-native/ReactCommon/jsinspector-modern/InspectorPackagerConnection.h
new file mode 100644
index 00000000000000..8752cc7fd6f5cd
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InspectorPackagerConnection.h
@@ -0,0 +1,85 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "WebSocketInterfaces.h"
+
+#include <chrono>
+#include <functional>
+#include <memory>
+#include <optional>
+#include <string>
+#include <string_view>
+
+namespace facebook::react::jsinspector_modern {
+
+class InspectorPackagerConnectionDelegate;
+
+/**
+ * A platform-agnostic implementation of the "device" side of the React Native
+ * inspector-proxy protocol. The protocol multiplexes one or more debugger
+ * connections over a single socket.
+ * InspectorPackagerConnection will automatically attempt to reconnect after a
+ * delay if the connection fails or is lost.
+ */
+class InspectorPackagerConnection {
+ public:
+  /**
+   * Creates a new connection instance. Connections start in the disconnected
+   * state; connect() should be called to establish a connection.
+   * \param url The WebSocket URL where the inspector-proxy server is listening.
+   * \param app The name of the application being debugged.
+   * \param delegate An interface to platform-specific methods for creating a
+   * WebSocket, scheduling async work, etc.
+   */
+  InspectorPackagerConnection(
+      std::string url,
+      std::string app,
+      std::unique_ptr<InspectorPackagerConnectionDelegate> delegate);
+  bool isConnected() const;
+  void connect();
+  void closeQuietly();
+  void sendEventToAllConnections(std::string event);
+
+ private:
+  class Impl;
+
+  const std::shared_ptr<Impl> impl_;
+};
+
+/**
+ * An interface implemented by each supported platform to provide
+ * platform-specific functionality required by InspectorPackagerConnection.
+ */
+class InspectorPackagerConnectionDelegate {
+ public:
+  virtual ~InspectorPackagerConnectionDelegate() = default;
+
+  /**
+   * Creates a new WebSocket connection. The WebSocket must be in a connected
+   * state when created, and automatically disconnect when destroyed.
+   */
+  virtual std::unique_ptr<IWebSocket> connectWebSocket(
+      const std::string& url,
+      std::weak_ptr<IWebSocketDelegate> delegate) = 0;
+
+  /**
+   * Schedules a function to run after a delay. If the function is called
+   * asynchronously, the implementer of InspectorPackagerConnectionDelegate
+   * is responsible for thread safety (e.g. scheduling the callback on a thread
+   * that has unique access to the InspectorPackagerConnection instance, or
+   * otherwise ensuring synchronization). The callback MAY be dropped and never
+   * called if no further callbacks are being accepted, e.g. if the application
+   * is terminating.
+   */
+  virtual void scheduleCallback(
+      std::function<void(void)> callback,
+      std::chrono::milliseconds delayMs) = 0;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InspectorPackagerConnectionImpl.h b/packages/react-native/ReactCommon/jsinspector-modern/InspectorPackagerConnectionImpl.h
new file mode 100644
index 00000000000000..3025103a22c75c
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InspectorPackagerConnectionImpl.h
@@ -0,0 +1,127 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "InspectorInterfaces.h"
+#include "InspectorPackagerConnection.h"
+
+#include <folly/dynamic.h>
+#include <unordered_map>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * Internals of InspectorPackagerConnection.
+ */
+class InspectorPackagerConnection::Impl
+    : public IWebSocketDelegate,
+      public IPageStatusListener,
+      // Used to generate `weak_ptr`s we can pass around.
+      public std::enable_shared_from_this<InspectorPackagerConnection::Impl> {
+ public:
+  using SessionId = uint32_t;
+
+  /**
+   * Implements InspectorPackagerConnection's constructor.
+   */
+  static std::shared_ptr<Impl> create(
+      std::string url,
+      std::string app,
+      std::unique_ptr<InspectorPackagerConnectionDelegate> delegate);
+
+  // InspectorPackagerConnection's public API
+  bool isConnected() const;
+  void connect();
+  void closeQuietly();
+  void sendEventToAllConnections(std::string event);
+  std::unique_ptr<ILocalConnection> removeConnectionForPage(std::string pageId);
+
+  /**
+   * Send a message to the packager as soon as possible. This method is safe
+   * to call from any thread. The connection may be closed before the message
+   * is sent, in which case the message will be dropped. The message is also
+   * dropped if the session is no longer valid.
+   */
+  void scheduleSendToPackager(
+      folly::dynamic message,
+      SessionId sourceSessionId,
+      std::string sourcePageId);
+
+ private:
+  struct Session {
+    std::unique_ptr<ILocalConnection> localConnection;
+    SessionId sessionId;
+  };
+  class RemoteConnection;
+
+  Impl(
+      std::string url,
+      std::string app,
+      std::unique_ptr<InspectorPackagerConnectionDelegate> delegate);
+  Impl(const Impl&) = delete;
+  Impl& operator=(const Impl&) = delete;
+
+  void handleDisconnect(folly::const_dynamic_view payload);
+  void handleConnect(folly::const_dynamic_view payload);
+  void handleWrappedEvent(folly::const_dynamic_view wrappedEvent);
+  void handleProxyMessage(folly::const_dynamic_view message);
+  folly::dynamic pages();
+  void reconnect();
+  void closeAllConnections();
+  void disposeWebSocket();
+  void sendToPackager(folly::dynamic message);
+
+  void abort(
+      std::optional<int> posixCode,
+      const std::string& message,
+      const std::string& cause);
+
+  // IWebSocketDelegate methods
+  virtual void didFailWithError(std::optional<int> posixCode, std::string error)
+      override;
+  virtual void didReceiveMessage(std::string_view message) override;
+  virtual void didClose() override;
+
+  // IPageStatusListener methods
+  virtual void onPageRemoved(int pageId) override;
+
+  const std::string url_;
+  const std::string app_;
+  const std::unique_ptr<InspectorPackagerConnectionDelegate> delegate_;
+
+  std::unordered_map<std::string, Session> inspectorSessions_;
+  std::unique_ptr<IWebSocket> webSocket_;
+  bool closed_{false};
+  bool suppressConnectionErrors_{false};
+
+  // Whether a reconnection is currently pending.
+  bool reconnectPending_{false};
+
+  SessionId nextSessionId_{1};
+};
+
+class InspectorPackagerConnection::Impl::RemoteConnection
+    : public IRemoteConnection {
+ public:
+  RemoteConnection(
+      std::weak_ptr<InspectorPackagerConnection::Impl> owningPackagerConnection,
+      std::string pageId,
+      SessionId sessionId);
+
+  // IRemoteConnection methods
+  void onMessage(std::string message) override;
+  void onDisconnect() override;
+
+ private:
+  const std::weak_ptr<InspectorPackagerConnection::Impl>
+      owningPackagerConnection_;
+  const std::string pageId_;
+  const SessionId sessionId_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InspectorUtilities.cpp b/packages/react-native/ReactCommon/jsinspector-modern/InspectorUtilities.cpp
new file mode 100644
index 00000000000000..0c4c99ca6cea8f
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InspectorUtilities.cpp
@@ -0,0 +1,39 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "InspectorUtilities.h"
+
+#include <cassert>
+
+namespace facebook::react::jsinspector_modern {
+
+CallbackLocalConnection::CallbackLocalConnection(
+    std::function<void(std::string)> handler)
+    : handler_(std::move(handler)) {}
+
+void CallbackLocalConnection::sendMessage(std::string message) {
+  assert(handler_ && "Handler has been disconnected");
+  handler_(std::move(message));
+}
+
+void CallbackLocalConnection::disconnect() {
+  handler_ = nullptr;
+}
+
+RAIIRemoteConnection::RAIIRemoteConnection(
+    std::unique_ptr<IRemoteConnection> remote)
+    : remote_(std::move(remote)) {}
+
+void RAIIRemoteConnection::onMessage(std::string message) {
+  remote_->onMessage(std::move(message));
+}
+
+RAIIRemoteConnection::~RAIIRemoteConnection() {
+  remote_->onDisconnect();
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InspectorUtilities.h b/packages/react-native/ReactCommon/jsinspector-modern/InspectorUtilities.h
new file mode 100644
index 00000000000000..41b6f7c84e3cf2
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InspectorUtilities.h
@@ -0,0 +1,52 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "InspectorInterfaces.h"
+
+// Utilities that are useful when integrating with InspectorInterfaces.h but
+// do not need to be exported.
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * Wraps a callback function in ILocalConnection.
+ */
+class CallbackLocalConnection : public ILocalConnection {
+ public:
+  /**
+   * Creates a new Connection that uses the given callback to send messages to
+   * the backend.
+   */
+  explicit CallbackLocalConnection(std::function<void(std::string)> handler);
+
+  void sendMessage(std::string message) override;
+
+  void disconnect() override;
+
+ private:
+  std::function<void(std::string)> handler_;
+};
+
+/**
+ * Wraps an IRemoteConnection in a simpler interface that calls `onDisconnect`
+ * implicitly upon destruction.
+ */
+class RAIIRemoteConnection {
+ public:
+  explicit RAIIRemoteConnection(std::unique_ptr<IRemoteConnection> remote);
+
+  void onMessage(std::string message);
+
+  ~RAIIRemoteConnection();
+
+ private:
+  std::unique_ptr<IRemoteConnection> remote_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InstanceAgent.cpp b/packages/react-native/ReactCommon/jsinspector-modern/InstanceAgent.cpp
new file mode 100644
index 00000000000000..fdb57b0b4c7dcc
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InstanceAgent.cpp
@@ -0,0 +1,75 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <jsinspector-modern/InstanceAgent.h>
+#include "RuntimeTarget.h"
+
+namespace facebook::react::jsinspector_modern {
+
+InstanceAgent::InstanceAgent(
+    FrontendChannel frontendChannel,
+    InstanceTarget& target,
+    SessionState& sessionState)
+    : frontendChannel_(frontendChannel),
+      target_(target),
+      sessionState_(sessionState) {
+  (void)target_;
+}
+
+bool InstanceAgent::handleRequest(const cdp::PreparsedRequest& req) {
+  if (req.method == "Runtime.enable") {
+    maybeSendExecutionContextCreatedNotification();
+    // Fall through
+  }
+  if (runtimeAgent_ && runtimeAgent_->handleRequest(req)) {
+    return true;
+  }
+  return false;
+}
+
+void InstanceAgent::setCurrentRuntime(RuntimeTarget* runtimeTarget) {
+  auto previousRuntimeAgent = std::move(runtimeAgent_);
+  if (runtimeTarget) {
+    runtimeAgent_ = runtimeTarget->createAgent(frontendChannel_, sessionState_);
+  } else {
+    runtimeAgent_.reset();
+  }
+  if (!sessionState_.isRuntimeDomainEnabled) {
+    return;
+  }
+  if (previousRuntimeAgent != nullptr) {
+    auto& previousContext =
+        previousRuntimeAgent->getExecutionContextDescription();
+    folly::dynamic params =
+        folly::dynamic::object("executionContextId", previousContext.id);
+    if (previousContext.uniqueId.has_value()) {
+      params["executionContextUniqueId"] = *previousContext.uniqueId;
+    }
+    folly::dynamic contextDestroyed = folly::dynamic::object(
+        "method", "Runtime.executionContextDestroyed")("params", params);
+    frontendChannel_(folly::toJson(contextDestroyed));
+  }
+  maybeSendExecutionContextCreatedNotification();
+}
+
+void InstanceAgent::maybeSendExecutionContextCreatedNotification() {
+  if (runtimeAgent_ != nullptr) {
+    auto& newContext = runtimeAgent_->getExecutionContextDescription();
+    folly::dynamic params = folly::dynamic::object(
+        "context",
+        folly::dynamic::object("id", newContext.id)(
+            "origin", newContext.origin)("name", newContext.name));
+    if (newContext.uniqueId.has_value()) {
+      params["uniqueId"] = *newContext.uniqueId;
+    }
+    folly::dynamic contextCreated = folly::dynamic::object(
+        "method", "Runtime.executionContextCreated")("params", params);
+    frontendChannel_(folly::toJson(contextCreated));
+  }
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InstanceAgent.h b/packages/react-native/ReactCommon/jsinspector-modern/InstanceAgent.h
new file mode 100644
index 00000000000000..d33670275663de
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InstanceAgent.h
@@ -0,0 +1,66 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "RuntimeTarget.h"
+#include "SessionState.h"
+
+#include <jsinspector-modern/InspectorInterfaces.h>
+#include <jsinspector-modern/Parsing.h>
+#include <jsinspector-modern/RuntimeAgent.h>
+
+#include <functional>
+
+namespace facebook::react::jsinspector_modern {
+
+class InstanceTarget;
+
+/**
+ * An Agent that handles requests from the Chrome DevTools Protocol for the
+ * given InstanceTarget.
+ */
+class InstanceAgent final {
+ public:
+  /**
+   * \param frontendChannel A channel used to send responses and events to the
+   * frontend.
+   * \param target The InstanceTarget that this agent is attached to. The
+   * caller is responsible for ensuring that the InstanceTarget outlives this
+   * object.
+   * \param sessionState The state of the session that created this agent.
+   */
+  explicit InstanceAgent(
+      FrontendChannel frontendChannel,
+      InstanceTarget& target,
+      SessionState& sessionState);
+
+  /**
+   * Handle a CDP request. The response will be sent over the provided
+   * \c FrontendChannel synchronously or asynchronously.
+   * \param req The parsed request.
+   */
+  bool handleRequest(const cdp::PreparsedRequest& req);
+
+  /**
+   * Replace the current RuntimeAgent pageAgent_ with a new one
+   * connected to the new RuntimeTarget.
+   * \param runtime The new runtime target. May be nullptr to indicate
+   * there's no current debuggable runtime.
+   */
+  void setCurrentRuntime(RuntimeTarget* runtime);
+
+ private:
+  void maybeSendExecutionContextCreatedNotification();
+
+  FrontendChannel frontendChannel_;
+  InstanceTarget& target_;
+  std::shared_ptr<RuntimeAgent> runtimeAgent_;
+  SessionState& sessionState_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InstanceTarget.cpp b/packages/react-native/ReactCommon/jsinspector-modern/InstanceTarget.cpp
new file mode 100644
index 00000000000000..e128c689ed6d26
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InstanceTarget.cpp
@@ -0,0 +1,82 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "InstanceAgent.h"
+#include "SessionState.h"
+
+#include <jsinspector-modern/InstanceTarget.h>
+
+namespace facebook::react::jsinspector_modern {
+
+std::shared_ptr<InstanceTarget> InstanceTarget::create(
+    std::shared_ptr<ExecutionContextManager> executionContextManager,
+    InstanceTargetDelegate& delegate,
+    VoidExecutor executor) {
+  std::shared_ptr<InstanceTarget> instanceTarget{
+      new InstanceTarget(executionContextManager, delegate)};
+  instanceTarget->setExecutor(executor);
+  return instanceTarget;
+}
+
+InstanceTarget::InstanceTarget(
+    std::shared_ptr<ExecutionContextManager> executionContextManager,
+    InstanceTargetDelegate& delegate)
+    : delegate_(delegate),
+      executionContextManager_(std::move(executionContextManager)) {
+  (void)delegate_;
+}
+
+InstanceTargetDelegate::~InstanceTargetDelegate() {}
+
+std::shared_ptr<InstanceAgent> InstanceTarget::createAgent(
+    FrontendChannel channel,
+    SessionState& sessionState) {
+  auto instanceAgent =
+      std::make_shared<InstanceAgent>(channel, *this, sessionState);
+  instanceAgent->setCurrentRuntime(currentRuntime_.get());
+  agents_.insert(instanceAgent);
+  return instanceAgent;
+}
+
+InstanceTarget::~InstanceTarget() {
+  // Agents are owned by the session, not by InstanceTarget, but
+  // they hold an InstanceTarget& that we must guarantee is valid.
+  assert(
+      agents_.empty() &&
+      "InstanceAgent objects must be destroyed before their InstanceTarget. Did you call PageTarget::unregisterInstance()?");
+}
+
+RuntimeTarget& InstanceTarget::registerRuntime(
+    RuntimeTargetDelegate& delegate,
+    RuntimeExecutor jsExecutor) {
+  assert(!currentRuntime_ && "Only one Runtime allowed");
+  currentRuntime_ = RuntimeTarget::create(
+      ExecutionContextDescription{
+          .id = executionContextManager_->allocateExecutionContextId(),
+          .origin = "",
+          .name = "main",
+          .uniqueId = std::nullopt},
+      delegate,
+      jsExecutor,
+      makeVoidExecutor(executorFromThis()));
+
+  agents_.forEach([currentRuntime = &*currentRuntime_](InstanceAgent& agent) {
+    agent.setCurrentRuntime(currentRuntime);
+  });
+  return *currentRuntime_;
+}
+
+void InstanceTarget::unregisterRuntime(RuntimeTarget& Runtime) {
+  assert(
+      currentRuntime_ && currentRuntime_.get() == &Runtime &&
+      "Invalid unregistration");
+  agents_.forEach(
+      [](InstanceAgent& agent) { agent.setCurrentRuntime(nullptr); });
+  currentRuntime_.reset();
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/InstanceTarget.h b/packages/react-native/ReactCommon/jsinspector-modern/InstanceTarget.h
new file mode 100644
index 00000000000000..101433c8b2779f
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/InstanceTarget.h
@@ -0,0 +1,97 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "ExecutionContextManager.h"
+#include "RuntimeTarget.h"
+#include "ScopedExecutor.h"
+#include "SessionState.h"
+#include "WeakList.h"
+
+#include <jsinspector-modern/InspectorInterfaces.h>
+#include <jsinspector-modern/RuntimeAgent.h>
+
+#include <list>
+#include <memory>
+#include <optional>
+
+namespace facebook::react::jsinspector_modern {
+
+class InstanceAgent;
+
+/**
+ * Receives events from an InstanceTarget. This is a shared interface that
+ * each React Native platform needs to implement in order to integrate with
+ * the debugging stack.
+ */
+class InstanceTargetDelegate {
+ public:
+  InstanceTargetDelegate() = default;
+  InstanceTargetDelegate(const InstanceTargetDelegate&) = delete;
+  InstanceTargetDelegate(InstanceTargetDelegate&&) = default;
+  InstanceTargetDelegate& operator=(const InstanceTargetDelegate&) = delete;
+  InstanceTargetDelegate& operator=(InstanceTargetDelegate&&) = default;
+
+  virtual ~InstanceTargetDelegate();
+};
+
+/**
+ * A Target that represents a single instance of React Native.
+ */
+class InstanceTarget : public EnableExecutorFromThis<InstanceTarget> {
+ public:
+  /**
+   * Constructs a new InstanceTarget.
+   * \param executionContextManager Assigns unique execution context IDs.
+   * \param delegate The object that will receive events from this target.
+   * The caller is responsible for ensuring that the delegate outlives this
+   * object.
+   * \param executor An executor that may be used to call methods on this
+   * InstanceTarget while it exists. \c create additionally guarantees that the
+   * executor will not be called after the InstanceTarget is destroyed.
+   */
+  static std::shared_ptr<InstanceTarget> create(
+      std::shared_ptr<ExecutionContextManager> executionContextManager,
+      InstanceTargetDelegate& delegate,
+      VoidExecutor executor);
+
+  InstanceTarget(const InstanceTarget&) = delete;
+  InstanceTarget(InstanceTarget&&) = delete;
+  InstanceTarget& operator=(const InstanceTarget&) = delete;
+  InstanceTarget& operator=(InstanceTarget&&) = delete;
+  ~InstanceTarget();
+
+  std::shared_ptr<InstanceAgent> createAgent(
+      FrontendChannel channel,
+      SessionState& sessionState);
+
+  RuntimeTarget& registerRuntime(
+      RuntimeTargetDelegate& delegate,
+      RuntimeExecutor executor);
+  void unregisterRuntime(RuntimeTarget& runtime);
+
+ private:
+  /**
+   * Constructs a new InstanceTarget. The caller must call setExecutor
+   * immediately afterwards.
+   * \param executionContextManager Assigns unique execution context IDs.
+   * \param delegate The object that will receive events from this target.
+   * The caller is responsible for ensuring that the delegate outlives this
+   * object.
+   */
+  InstanceTarget(
+      std::shared_ptr<ExecutionContextManager> executionContextManager,
+      InstanceTargetDelegate& delegate);
+
+  InstanceTargetDelegate& delegate_;
+  std::shared_ptr<RuntimeTarget> currentRuntime_{nullptr};
+  WeakList<InstanceAgent> agents_;
+  std::shared_ptr<ExecutionContextManager> executionContextManager_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/PageAgent.cpp b/packages/react-native/ReactCommon/jsinspector-modern/PageAgent.cpp
new file mode 100644
index 00000000000000..92eea3a21246ed
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/PageAgent.cpp
@@ -0,0 +1,153 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <folly/dynamic.h>
+#include <folly/json.h>
+#include <jsinspector-modern/InstanceAgent.h>
+#include <jsinspector-modern/PageAgent.h>
+#include <jsinspector-modern/PageTarget.h>
+
+#include <chrono>
+
+using namespace std::chrono;
+using namespace std::literals::string_view_literals;
+
+namespace facebook::react::jsinspector_modern {
+
+#define ANSI_WEIGHT_BOLD "\x1B[1m"
+#define ANSI_WEIGHT_RESET "\x1B[22m"
+#define ANSI_STYLE_ITALIC "\x1B[3m"
+#define ANSI_STYLE_RESET "\x1B[23m"
+#define ANSI_COLOR_BG_YELLOW "\x1B[48;2;253;247;231m"
+
+static constexpr auto kModernCDPBackendNotice =
+    ANSI_COLOR_BG_YELLOW ANSI_WEIGHT_BOLD
+    "NOTE:" ANSI_WEIGHT_RESET " You are using the " ANSI_STYLE_ITALIC
+    "modern" ANSI_STYLE_RESET " CDP backend for React Native (PageTarget)."sv;
+
+PageAgent::PageAgent(
+    FrontendChannel frontendChannel,
+    PageTargetController& targetController,
+    PageTarget::SessionMetadata sessionMetadata,
+    SessionState& sessionState)
+    : frontendChannel_(frontendChannel),
+      targetController_(targetController),
+      sessionMetadata_(std::move(sessionMetadata)),
+      sessionState_(sessionState) {}
+
+void PageAgent::handleRequest(const cdp::PreparsedRequest& req) {
+  bool shouldSendOKResponse = false;
+  bool isFinishedHandlingRequest = false;
+
+  // Domain enable/disable requests: write to state (because we're the top-level
+  // Agent in the Session), trigger any side effects, and decide whether we are
+  // finished handling the request (or need to delegate to the InstanceAgent).
+  if (req.method == "Log.enable") {
+    sessionState_.isLogDomainEnabled = true;
+
+    // Send a log entry identifying the modern CDP backend.
+    sendInfoLogEntry(kModernCDPBackendNotice);
+
+    // Send a log entry with the integration name.
+    if (sessionMetadata_.integrationName) {
+      sendInfoLogEntry("Integration: " + *sessionMetadata_.integrationName);
+    }
+
+    shouldSendOKResponse = true;
+    isFinishedHandlingRequest = false;
+  } else if (req.method == "Log.disable") {
+    sessionState_.isLogDomainEnabled = false;
+
+    shouldSendOKResponse = true;
+    isFinishedHandlingRequest = false;
+  } else if (req.method == "Runtime.enable") {
+    sessionState_.isRuntimeDomainEnabled = true;
+
+    shouldSendOKResponse = true;
+    isFinishedHandlingRequest = false;
+  } else if (req.method == "Runtime.disable") {
+    sessionState_.isRuntimeDomainEnabled = false;
+
+    shouldSendOKResponse = true;
+    isFinishedHandlingRequest = false;
+  }
+  // Methods other than domain enables/disables: handle anything we know how
+  // to handle, and delegate to the InstanceAgent otherwise.
+  else if (req.method == "Page.reload") {
+    targetController_.getDelegate().onReload({
+        .ignoreCache = req.params.isObject() && req.params.count("ignoreCache")
+            ? std::optional(req.params.at("ignoreCache").asBool())
+            : std::nullopt,
+        .scriptToEvaluateOnLoad =
+            req.params.isObject() && req.params.count("scriptToEvaluateOnLoad")
+            ? std::optional(req.params.at("scriptToEvaluateOnLoad").asString())
+            : std::nullopt,
+    });
+
+    shouldSendOKResponse = true;
+    isFinishedHandlingRequest = true;
+  }
+
+  if (!isFinishedHandlingRequest && instanceAgent_ &&
+      instanceAgent_->handleRequest(req)) {
+    return;
+  }
+
+  if (shouldSendOKResponse) {
+    folly::dynamic res = folly::dynamic::object("id", req.id)(
+        "result", folly::dynamic::object());
+    std::string json = folly::toJson(res);
+    frontendChannel_(json);
+    return;
+  }
+
+  folly::dynamic res = folly::dynamic::object("id", req.id)(
+      "error",
+      folly::dynamic::object("code", -32601)(
+          "message", req.method + " not implemented yet"));
+  std::string json = folly::toJson(res);
+  frontendChannel_(json);
+}
+
+void PageAgent::sendInfoLogEntry(std::string_view text) {
+  frontendChannel_(
+      folly::toJson(folly::dynamic::object("method", "Log.entryAdded")(
+          "params",
+          folly::dynamic::object(
+              "entry",
+              folly::dynamic::object(
+                  "timestamp",
+                  duration_cast<milliseconds>(
+                      system_clock::now().time_since_epoch())
+                      .count())("source", "other")(
+                  "level", "info")("text", text)))));
+}
+
+void PageAgent::setCurrentInstanceAgent(
+    std::shared_ptr<InstanceAgent> instanceAgent) {
+  auto previousInstanceAgent = std::move(instanceAgent_);
+  instanceAgent_ = std::move(instanceAgent);
+  if (!sessionState_.isRuntimeDomainEnabled) {
+    return;
+  }
+  if (previousInstanceAgent != nullptr) {
+    // TODO: Send Runtime.executionContextDestroyed here - at the moment we
+    // expect the runtime to do it for us.
+
+    // Because we can only have a single instance, we can report all contexts
+    // as cleared.
+    folly::dynamic contextsCleared =
+        folly::dynamic::object("method", "Runtime.executionContextsCleared");
+    frontendChannel_(folly::toJson(contextsCleared));
+  }
+  if (instanceAgent_) {
+    // TODO: Send Runtime.executionContextCreated here - at the moment we expect
+    // the runtime to do it for us.
+  }
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/PageAgent.h b/packages/react-native/ReactCommon/jsinspector-modern/PageAgent.h
new file mode 100644
index 00000000000000..30f540abfcfffb
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/PageAgent.h
@@ -0,0 +1,89 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "PageTarget.h"
+#include "SessionState.h"
+
+#include <jsinspector-modern/InspectorInterfaces.h>
+#include <jsinspector-modern/InstanceAgent.h>
+#include <jsinspector-modern/Parsing.h>
+
+#include <functional>
+#include <string_view>
+
+namespace facebook::react::jsinspector_modern {
+
+class PageTarget;
+class InstanceAgent;
+class InstanceTarget;
+
+/**
+ * An Agent that handles requests from the Chrome DevTools Protocol for the
+ * given page.
+ * The constructor, destructor and all public methods must be called on the
+ * same thread, which is also the thread where the associated PageTarget is
+ * constructed and managed.
+ */
+class PageAgent final {
+ public:
+  /**
+   * \param frontendChannel A channel used to send responses and events to the
+   * frontend.
+   * \param targetController An interface to the PageTarget that this agent is
+   * attached to. The caller is responsible for ensuring that the
+   * PageTargetDelegate and underlying PageTarget both outlive the agent.
+   * \param sessionMetadata Metadata about the session that created this agent.
+   * \param sessionState The state of the session that created this agent.
+   */
+  PageAgent(
+      FrontendChannel frontendChannel,
+      PageTargetController& targetController,
+      PageTarget::SessionMetadata sessionMetadata,
+      SessionState& sessionState);
+
+  /**
+   * Handle a CDP request. The response will be sent over the provided
+   * \c FrontendChannel synchronously or asynchronously.
+   * \param req The parsed request.
+   */
+  void handleRequest(const cdp::PreparsedRequest& req);
+
+  /**
+   * Replace the current InstanceAgent with the given one and notify the
+   * frontend about the new instance.
+   * \param agent The new InstanceAgent. May be null to signify that there is
+   * currently no active instance.
+   */
+  void setCurrentInstanceAgent(std::shared_ptr<InstanceAgent> agent);
+
+ private:
+  /**
+   * Send a simple Log.entryAdded notification with the given
+   * \param text. You must ensure that the frontend has enabled Log
+   * notifications (using Log.enable) prior to calling this function. In Chrome
+   * DevTools, the message will appear in the Console tab along with regular
+   * console messages. The difference between Log.entryAdded and
+   * Runtime.consoleAPICalled is that the latter requires an execution context
+   * ID, which does not exist at the Page level.
+   */
+  void sendInfoLogEntry(std::string_view text);
+
+  FrontendChannel frontendChannel_;
+  PageTargetController& targetController_;
+  const PageTarget::SessionMetadata sessionMetadata_;
+  std::shared_ptr<InstanceAgent> instanceAgent_;
+
+  /**
+   * A shared reference to the session's state. This is only safe to access
+   * during handleRequest and other method calls on the same thread.
+   */
+  SessionState& sessionState_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/PageTarget.cpp b/packages/react-native/ReactCommon/jsinspector-modern/PageTarget.cpp
new file mode 100644
index 00000000000000..86db8b8f400506
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/PageTarget.cpp
@@ -0,0 +1,166 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "PageTarget.h"
+#include "InspectorInterfaces.h"
+#include "InspectorUtilities.h"
+#include "InstanceTarget.h"
+#include "PageAgent.h"
+#include "Parsing.h"
+#include "SessionState.h"
+
+#include <folly/dynamic.h>
+#include <folly/json.h>
+
+#include <memory>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * A Session connected to a PageTarget, passing CDP messages to and from a
+ * PageAgent which it owns.
+ */
+class PageTargetSession {
+ public:
+  explicit PageTargetSession(
+      std::unique_ptr<IRemoteConnection> remote,
+      PageTargetController& targetController,
+      PageTarget::SessionMetadata sessionMetadata)
+      : remote_(std::make_shared<RAIIRemoteConnection>(std::move(remote))),
+        frontendChannel_(
+            [remoteWeak = std::weak_ptr(remote_)](std::string_view message) {
+              if (auto remote = remoteWeak.lock()) {
+                remote->onMessage(std::string(message));
+              }
+            }),
+        pageAgent_(
+            frontendChannel_,
+            targetController,
+            std::move(sessionMetadata),
+            state_) {}
+
+  /**
+   * Called by CallbackLocalConnection to send a message to this Session's
+   * Agent.
+   */
+  void operator()(std::string message) {
+    cdp::PreparsedRequest request;
+    // Messages may be invalid JSON, or have unexpected types.
+    try {
+      request = cdp::preparse(message);
+    } catch (const cdp::ParseError& e) {
+      frontendChannel_(folly::toJson(folly::dynamic::object("id", nullptr)(
+          "error",
+          folly::dynamic::object("code", -32700)("message", e.what()))));
+      return;
+    } catch (const cdp::TypeError& e) {
+      frontendChannel_(folly::toJson(folly::dynamic::object("id", nullptr)(
+          "error",
+          folly::dynamic::object("code", -32600)("message", e.what()))));
+      return;
+    }
+
+    // Catch exceptions that may arise from accessing dynamic params during
+    // request handling.
+    try {
+      pageAgent_.handleRequest(request);
+    } catch (const cdp::TypeError& e) {
+      frontendChannel_(folly::toJson(folly::dynamic::object("id", request.id)(
+          "error",
+          folly::dynamic::object("code", -32600)("message", e.what()))));
+      return;
+    }
+  }
+
+  /**
+   * Replace the current instance agent inside pageAgent_ with a new one
+   * connected to the new InstanceTarget.
+   * \param instance The new instance target. May be nullptr to indicate
+   * there's no current instance.
+   */
+  void setCurrentInstance(InstanceTarget* instance) {
+    if (instance) {
+      pageAgent_.setCurrentInstanceAgent(
+          instance->createAgent(frontendChannel_, state_));
+    } else {
+      pageAgent_.setCurrentInstanceAgent(nullptr);
+    }
+  }
+
+ private:
+  // Owned by this instance, but shared (weakly) with the frontend channel
+  std::shared_ptr<RAIIRemoteConnection> remote_;
+  FrontendChannel frontendChannel_;
+  PageAgent pageAgent_;
+  SessionState state_;
+};
+
+std::shared_ptr<PageTarget> PageTarget::create(
+    PageTargetDelegate& delegate,
+    VoidExecutor executor) {
+  std::shared_ptr<PageTarget> pageTarget{new PageTarget(delegate)};
+  pageTarget->setExecutor(executor);
+  return pageTarget;
+}
+
+PageTarget::PageTarget(PageTargetDelegate& delegate)
+    : delegate_(delegate),
+      executionContextManager_{std::make_shared<ExecutionContextManager>()} {}
+
+std::unique_ptr<ILocalConnection> PageTarget::connect(
+    std::unique_ptr<IRemoteConnection> connectionToFrontend,
+    SessionMetadata sessionMetadata) {
+  auto session = std::make_shared<PageTargetSession>(
+      std::move(connectionToFrontend), controller_, std::move(sessionMetadata));
+  session->setCurrentInstance(currentInstance_.get());
+  sessions_.insert(std::weak_ptr(session));
+  return std::make_unique<CallbackLocalConnection>(
+      [session](std::string message) { (*session)(message); });
+}
+
+PageTarget::~PageTarget() {
+  // Sessions are owned by InspectorPackagerConnection, not by PageTarget, but
+  // they hold a PageTarget& that we must guarantee is valid.
+  assert(
+      sessions_.empty() &&
+      "PageTargetSession objects must be destroyed before their PageTarget. Did you call getInspectorInstance().removePage()?");
+}
+
+PageTargetDelegate::~PageTargetDelegate() {}
+
+InstanceTarget& PageTarget::registerInstance(InstanceTargetDelegate& delegate) {
+  assert(!currentInstance_ && "Only one instance allowed");
+  currentInstance_ = InstanceTarget::create(
+      executionContextManager_, delegate, makeVoidExecutor(executorFromThis()));
+  sessions_.forEach(
+      [currentInstance = &*currentInstance_](PageTargetSession& session) {
+        session.setCurrentInstance(currentInstance);
+      });
+  return *currentInstance_;
+}
+
+void PageTarget::unregisterInstance(InstanceTarget& instance) {
+  assert(
+      currentInstance_ && currentInstance_.get() == &instance &&
+      "Invalid unregistration");
+  sessions_.forEach(
+      [](PageTargetSession& session) { session.setCurrentInstance(nullptr); });
+  currentInstance_.reset();
+}
+
+PageTargetController::PageTargetController(PageTarget& target)
+    : target_(target) {}
+
+PageTargetDelegate& PageTargetController::getDelegate() {
+  return target_.getDelegate();
+}
+
+bool PageTargetController::hasInstance() const {
+  return target_.hasInstance();
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/PageTarget.h b/packages/react-native/ReactCommon/jsinspector-modern/PageTarget.h
new file mode 100644
index 00000000000000..d48a6a7d39eff3
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/PageTarget.h
@@ -0,0 +1,190 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "ExecutionContextManager.h"
+#include "ScopedExecutor.h"
+#include "WeakList.h"
+
+#include <jsinspector-modern/InspectorInterfaces.h>
+#include <jsinspector-modern/InstanceTarget.h>
+
+#include <optional>
+#include <string>
+
+#ifndef JSINSPECTOR_EXPORT
+#ifdef _MSC_VER
+#ifdef CREATE_SHARED_LIBRARY
+#define JSINSPECTOR_EXPORT __declspec(dllexport)
+#else
+#define JSINSPECTOR_EXPORT
+#endif // CREATE_SHARED_LIBRARY
+#else // _MSC_VER
+#define JSINSPECTOR_EXPORT __attribute__((visibility("default")))
+#endif // _MSC_VER
+#endif // !defined(JSINSPECTOR_EXPORT)
+
+namespace facebook::react::jsinspector_modern {
+
+class PageTargetSession;
+class PageAgent;
+class PageTarget;
+
+/**
+ * Receives events from a PageTarget. This is a shared interface that each
+ * React Native platform needs to implement in order to integrate with the
+ * debugging stack.
+ */
+class PageTargetDelegate {
+ public:
+  PageTargetDelegate() = default;
+  PageTargetDelegate(const PageTargetDelegate&) = delete;
+  PageTargetDelegate(PageTargetDelegate&&) = default;
+  PageTargetDelegate& operator=(const PageTargetDelegate&) = delete;
+  PageTargetDelegate& operator=(PageTargetDelegate&&) = default;
+
+  // TODO(moti): This is 1:1 the shape of the corresponding CDP message -
+  // consider reusing typed/generated CDP interfaces when we have those.
+  struct PageReloadRequest {
+    // It isn't clear what the ignoreCache parameter of @cdp Page.reload should
+    // mean in React Native. We parse it, but don't do anything with it yet.
+    std::optional<bool> ignoreCache;
+
+    // TODO: Implement scriptToEvaluateOnLoad parameter of @cdp Page.reload.
+    std::optional<std::string> scriptToEvaluateOnLoad;
+
+    /**
+     * Equality operator, useful for unit tests
+     */
+    inline bool operator==(const PageReloadRequest& rhs) const {
+      return ignoreCache == rhs.ignoreCache &&
+          scriptToEvaluateOnLoad == rhs.scriptToEvaluateOnLoad;
+    }
+  };
+
+  virtual ~PageTargetDelegate();
+
+  /**
+   * Called when the debugger requests a reload of the page. This is called on
+   * the thread on which messages are dispatched to the session (that is, where
+   * ILocalConnection::sendMessage was called).
+   */
+  virtual void onReload(const PageReloadRequest& request) = 0;
+};
+
+/**
+ * The limited interface that PageTarget exposes to its associated
+ * sessions/agents.
+ */
+class PageTargetController final {
+ public:
+  explicit PageTargetController(PageTarget& target);
+
+  PageTargetDelegate& getDelegate();
+
+  bool hasInstance() const;
+
+ private:
+  PageTarget& target_;
+};
+
+/**
+ * The top-level Target in a React Native app. This is equivalent to the
+ * "Host" in React Native's architecture - the entity that manages the
+ * lifecycle of a React Instance.
+ */
+class JSINSPECTOR_EXPORT PageTarget
+    : public EnableExecutorFromThis<PageTarget> {
+ public:
+  struct SessionMetadata {
+    std::optional<std::string> integrationName;
+  };
+
+  /**
+   * Constructs a new PageTarget.
+   * \param delegate The PageTargetDelegate that will
+   * receive events from this PageTarget. The caller is responsible for ensuring
+   * that the PageTargetDelegate outlives this object.
+   * \param executor An executor that may be used to call methods on this
+   * PageTarget while it exists. \c create additionally guarantees that the
+   * executor will not be called after the PageTarget is destroyed.
+   */
+  static std::shared_ptr<PageTarget> create(
+      PageTargetDelegate& delegate,
+      VoidExecutor executor);
+
+  PageTarget(const PageTarget&) = delete;
+  PageTarget(PageTarget&&) = delete;
+  PageTarget& operator=(const PageTarget&) = delete;
+  PageTarget& operator=(PageTarget&&) = delete;
+  ~PageTarget();
+
+  /**
+   * Creates a new Session connected to this PageTarget, wrapped in an
+   * interface which is compatible with \c IInspector::addPage.
+   * The caller is responsible for destroying the connection before PageTarget
+   * is destroyed, on the same thread where PageTarget's constructor and
+   * destructor execute.
+   */
+  std::unique_ptr<ILocalConnection> connect(
+      std::unique_ptr<IRemoteConnection> connectionToFrontend,
+      SessionMetadata sessionMetadata = {});
+
+  /**
+   * Registers an instance with this PageTarget.
+   * \param delegate The InstanceTargetDelegate that will receive events from
+   * this InstanceTarget. The caller is responsible for ensuring that the
+   * InstanceTargetDelegate outlives this object.
+   * \return An InstanceTarget reference representing the newly created
+   * instance. This reference is only valid until unregisterInstance is called
+   * (or the PageTarget is destroyed). \pre There isn't currently an instance
+   * registered with this PageTarget.
+   */
+  InstanceTarget& registerInstance(InstanceTargetDelegate& delegate);
+
+  /**
+   * Unregisters an instance from this PageTarget.
+   * \param instance The InstanceTarget reference previously returned by
+   * registerInstance.
+   */
+  void unregisterInstance(InstanceTarget& instance);
+
+ private:
+  /**
+   * Constructs a new PageTarget.
+   * The caller must call setExecutor immediately afterwards.
+   * \param delegate The PageTargetDelegate that will
+   * receive events from this PageTarget. The caller is responsible for ensuring
+   * that the PageTargetDelegate outlives this object.
+   */
+  PageTarget(PageTargetDelegate& delegate);
+
+  PageTargetDelegate& delegate_;
+  WeakList<PageTargetSession> sessions_;
+  PageTargetController controller_{*this};
+  // executionContextManager_ is a shared_ptr to guarantee its validity while
+  // the InstanceTarget is alive (just in case the InstanceTarget ends up
+  // briefly outliving the PageTarget, which it generally shouldn't).
+  std::shared_ptr<ExecutionContextManager> executionContextManager_;
+  std::shared_ptr<InstanceTarget> currentInstance_{nullptr};
+
+  inline PageTargetDelegate& getDelegate() {
+    return delegate_;
+  }
+
+  inline bool hasInstance() const {
+    return currentInstance_ != nullptr;
+  }
+
+  // Necessary to allow PageAgent to access PageTarget's internals in a
+  // controlled way (i.e. only PageTargetController gets friend access, while
+  // PageAgent itself doesn't).
+  friend class PageTargetController;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/Parsing.cpp b/packages/react-native/ReactCommon/jsinspector-modern/Parsing.cpp
new file mode 100644
index 00000000000000..99b233aa9ca728
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/Parsing.cpp
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <folly/dynamic.h>
+#include <folly/json.h>
+#include <jsinspector-modern/Parsing.h>
+
+namespace facebook::react::jsinspector_modern::cdp {
+
+PreparsedRequest preparse(std::string_view message) {
+  folly::dynamic parsed = folly::parseJson(message);
+  return PreparsedRequest{
+      .id = parsed["id"].getInt(),
+      .method = parsed["method"].getString(),
+      .params = parsed.count("params") ? parsed["params"] : nullptr};
+}
+
+std::string PreparsedRequest::toJson() const {
+  folly::dynamic obj = folly::dynamic::object;
+  obj["id"] = id;
+  obj["method"] = method;
+  if (params != nullptr) {
+    obj["params"] = params;
+  }
+  return folly::toJson(obj);
+}
+
+} // namespace facebook::react::jsinspector_modern::cdp
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/Parsing.h b/packages/react-native/ReactCommon/jsinspector-modern/Parsing.h
new file mode 100644
index 00000000000000..bd446fb1971448
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/Parsing.h
@@ -0,0 +1,69 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <folly/dynamic.h>
+#include <folly/json.h>
+#include <string>
+#include <string_view>
+
+namespace facebook::react::jsinspector_modern {
+
+namespace cdp {
+using RequestId = long long;
+
+/**
+ * An incoming CDP request that has been parsed into a more usable form.
+ */
+struct PreparsedRequest {
+ public:
+  /**
+   * The ID of the request.
+   */
+  RequestId id;
+
+  /**
+   * The name of the method being invoked.
+   */
+  std::string method;
+
+  /**
+   * The parameters passed to the method, if any.
+   */
+  folly::dynamic params;
+
+  /**
+   * Equality operator, useful for unit tests
+   */
+  inline bool operator==(const PreparsedRequest& rhs) const {
+    return id == rhs.id && method == rhs.method && params == rhs.params;
+  }
+
+  std::string toJson() const;
+};
+
+/**
+ * Parse a JSON-encoded CDP request into its constituent parts.
+ * \throws ParseError If the input cannot be parsed.
+ * \throws TypeError If the input does not conform to the expected format.
+ */
+PreparsedRequest preparse(std::string_view message);
+
+/**
+ * A type error that may be thrown while preparsing a request, or while
+ * accessing dynamic params on a request.
+ */
+using TypeError = folly::TypeError;
+
+/**
+ * A parse error that may be thrown while preparsing a request.
+ */
+using ParseError = folly::json::parse_error;
+} // namespace cdp
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/React-jsinspector.podspec b/packages/react-native/ReactCommon/jsinspector-modern/React-jsinspector.podspec
index 76bb5b0413d4e7..e338fcd843e9b9 100644
--- a/packages/react-native/ReactCommon/jsinspector-modern/React-jsinspector.podspec
+++ b/packages/react-native/ReactCommon/jsinspector-modern/React-jsinspector.podspec
@@ -16,6 +16,14 @@ else
   source[:tag] = "v#{version}"
 end
 
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
+
+use_frameworks = ENV['USE_FRAMEWORKS'] != nil
+
+header_dir = 'jsinspector-modern'
+module_name = "jsinspector_modern"
 Pod::Spec.new do |s|
   s.name                   = "React-jsinspector"
   s.version                = version
@@ -26,6 +34,27 @@ Pod::Spec.new do |s|
   s.platforms              = min_supported_versions
   s.source                 = source
   s.source_files           = "*.{cpp,h}"
-  s.header_dir             = 'jsinspector'
-  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => "c++20" }
+  s.header_dir             = 'jsinspector-modern'
+  s.compiler_flags         = folly_compiler_flags
+  s.pod_target_xcconfig    = {
+                               "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/..\" \"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/RCT-Folly\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/fmt/include\"",
+                               "CLANG_CXX_LANGUAGE_STANDARD" => "c++20"
+  }.merge!(use_frameworks ? {
+    "PUBLIC_HEADERS_FOLDER_PATH" => "#{module_name}.framework/Headers/#{header_dir}"
+  } : {})
+
+  if use_frameworks
+    s.module_name = module_name
+  end
+
+  s.dependency "glog"
+  s.dependency "RCT-Folly", folly_version
+  s.dependency "React-featureflags"
+  s.dependency "DoubleConversion"
+  s.dependency "React-runtimeexecutor", version
+  s.dependency "React-jsi"
+  if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
+    s.dependency "hermes-engine"
+  end
+
 end
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/ReactCdp.h b/packages/react-native/ReactCommon/jsinspector-modern/ReactCdp.h
new file mode 100644
index 00000000000000..c23e6a73db32d0
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/ReactCdp.h
@@ -0,0 +1,16 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <jsinspector-modern/ExecutionContext.h>
+#include <jsinspector-modern/FallbackRuntimeAgentDelegate.h>
+#include <jsinspector-modern/InstanceTarget.h>
+#include <jsinspector-modern/PageTarget.h>
+#include <jsinspector-modern/RuntimeTarget.h>
+#include <jsinspector-modern/ScopedExecutor.h>
+#include <jsinspector-modern/SessionState.h>
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/RuntimeAgent.cpp b/packages/react-native/ReactCommon/jsinspector-modern/RuntimeAgent.cpp
new file mode 100644
index 00000000000000..05071cfe4b88af
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/RuntimeAgent.cpp
@@ -0,0 +1,138 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "RuntimeAgent.h"
+#include "SessionState.h"
+
+namespace facebook::react::jsinspector_modern {
+
+RuntimeAgent::RuntimeAgent(
+    FrontendChannel frontendChannel,
+    RuntimeTargetController& targetController,
+    const ExecutionContextDescription& executionContextDescription,
+    SessionState& sessionState,
+    std::unique_ptr<RuntimeAgentDelegate> delegate)
+    : frontendChannel_(std::move(frontendChannel)),
+      targetController_(targetController),
+      sessionState_(sessionState),
+      delegate_(std::move(delegate)),
+      executionContextDescription_(executionContextDescription) {
+  for (auto& [name, contextSelectors] : sessionState_.subscribedBindings) {
+    if (matchesAny(executionContextDescription_, contextSelectors)) {
+      targetController_.installBindingHandler(name);
+    }
+  }
+}
+
+bool RuntimeAgent::handleRequest(const cdp::PreparsedRequest& req) {
+  if (req.method == "Runtime.addBinding") {
+    std::string bindingName = req.params["name"].getString();
+
+    ExecutionContextSelector contextSelector = ExecutionContextSelector::all();
+
+    // TODO: Eventually, move execution context targeting out of RuntimeAgent.
+    // Right now, there's only ever one context (Runtime) in a Page, so we can
+    // handle it here for simplicity, and use session state to propagate
+    // bindings to the next RuntimeAgent.
+    if (req.params.count("executionContextId")) {
+      auto executionContextId = req.params["executionContextId"].getInt();
+      if (executionContextId < (int64_t)std::numeric_limits<int32_t>::min() ||
+          executionContextId > (int64_t)std::numeric_limits<int32_t>::max()) {
+        frontendChannel_(folly::toJson(folly::dynamic::object("id", req.id)(
+            "error",
+            folly::dynamic::object("code", -32602)(
+                "message", "Invalid execution context id"))));
+        return true;
+      }
+      contextSelector =
+          ExecutionContextSelector::byId((int32_t)executionContextId);
+
+      if (req.params.count("executionContextName")) {
+        frontendChannel_(folly::toJson(folly::dynamic::object("id", req.id)(
+            "error",
+            folly::dynamic::object("code", -32602)(
+                "message",
+                "executionContextName is mutually exclusive with executionContextId"))));
+        return true;
+      }
+    } else if (req.params.count("executionContextName")) {
+      contextSelector = ExecutionContextSelector::byName(
+          req.params["executionContextName"].getString());
+    }
+    if (contextSelector.matches(executionContextDescription_)) {
+      targetController_.installBindingHandler(bindingName);
+    }
+    sessionState_.subscribedBindings[bindingName].insert(contextSelector);
+
+    folly::dynamic res = folly::dynamic::object("id", req.id)(
+        "result", folly::dynamic::object());
+    std::string json = folly::toJson(res);
+    frontendChannel_(json);
+
+    return true;
+  }
+  if (req.method == "Runtime.removeBinding") {
+    // @cdp Runtime.removeBinding has no targeting by execution context. We
+    // interpret it to mean "unsubscribe, and stop installing the binding on
+    // all new contexts". This diverges slightly from V8, which continues
+    // to install the binding on new contexts after it's "removed", but *only*
+    // if the subscription is targeted by context name.
+    sessionState_.subscribedBindings.erase(req.params["name"].getString());
+
+    folly::dynamic res = folly::dynamic::object("id", req.id)(
+        "result", folly::dynamic::object());
+    std::string json = folly::toJson(res);
+    frontendChannel_(json);
+
+    return true;
+  }
+  if (delegate_) {
+    return delegate_->handleRequest(req);
+  }
+  return false;
+}
+
+void RuntimeAgent::notifyBindingCalled(
+    const std::string& bindingName,
+    const std::string& payload) {
+  // NOTE: When dispatching @cdp Runtime.bindingCalled notifications, we don't
+  // re-check whether the session is expecting notifications from the current
+  // context - only that it's subscribed to that binding name.
+  // Theoretically, this can result in over-sending notifications from contexts
+  // that the client no longer cares about, or never cared about to begin with
+  // (e.g. if the binding handler was installed by a previous session).
+  //
+  // React Native intentionally replicates this behavior for the sake of
+  // bug-for-bug compatibility with Chrome, but clients should probably not rely
+  // on it.
+  if (!sessionState_.subscribedBindings.count(bindingName)) {
+    return;
+  }
+
+  frontendChannel_(
+      folly::toJson(folly::dynamic::object("method", "Runtime.bindingCalled")(
+          "params",
+          folly::dynamic::object(
+              "executionContextId", executionContextDescription_.id)(
+              "name", bindingName)("payload", payload))));
+}
+
+RuntimeAgent::ExportedState RuntimeAgent::getExportedState() {
+  return {
+      .delegateState = delegate_ ? delegate_->getExportedState() : nullptr,
+  };
+}
+
+RuntimeAgent::~RuntimeAgent() {
+  // TODO: Eventually, there may be more than one Runtime per Page, and we'll
+  // need to store multiple agent states here accordingly. For now let's do
+  // the simple thing and assume (as we do elsewhere) that only one Runtime
+  // per Page can exist at a time.
+  sessionState_.lastRuntimeAgentExportedState = getExportedState();
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/RuntimeAgent.h b/packages/react-native/ReactCommon/jsinspector-modern/RuntimeAgent.h
new file mode 100644
index 00000000000000..0310f2a9165e25
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/RuntimeAgent.h
@@ -0,0 +1,93 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "InspectorInterfaces.h"
+#include "RuntimeAgentDelegate.h"
+#include "RuntimeTarget.h"
+
+#include <jsinspector-modern/Parsing.h>
+
+namespace facebook::react::jsinspector_modern {
+
+class RuntimeTargetController;
+struct SessionState;
+
+/**
+ * An Agent that handles requests from the Chrome DevTools Protocol
+ * for a particular JS runtime instance. RuntimeAgent implements
+ * engine-agnostic functionality based on interfaces available in JSI /
+ * RuntimeTarget, and delegates engine-specific functionality to a
+ * RuntimeAgentDelegate.
+ */
+class RuntimeAgent final {
+ public:
+  /**
+   * \param frontendChannel A channel used to send responses and events to the
+   * frontend.
+   * \param targetController An interface to the RuntimeTarget that this agent
+   * is attached to. The caller is responsible for ensuring that the
+   * RuntimeTarget and controller outlive this object.
+   * \param executionContextDescription A description of the execution context
+   * represented by this runtime. This is used for disambiguating the
+   * source/destination of CDP messages when there are multiple runtimes
+   * (concurrently or over the life of a Page).
+   * \param sessionState The state of the session that created this agent.
+   * \param delegate The RuntimeAgentDelegate providing engine-specific
+   * CDP functionality.
+   */
+  RuntimeAgent(
+      FrontendChannel frontendChannel,
+      RuntimeTargetController& targetController,
+      const ExecutionContextDescription& executionContextDescription,
+      SessionState& sessionState,
+      std::unique_ptr<RuntimeAgentDelegate> delegate);
+
+  ~RuntimeAgent();
+
+  /**
+   * Handle a CDP request. The response will be sent over the provided
+   * \c FrontendChannel synchronously or asynchronously. Performs any
+   * synchronization required between the thread on which this method is
+   * called and the thread where the JS runtime is executing.
+   * \param req The parsed request.
+   * \returns true if this agent has responded, or will respond asynchronously,
+   * to the request (with either a success or error message). False if the
+   * agent expects another agent to respond to the request instead.
+   */
+  bool handleRequest(const cdp::PreparsedRequest& req);
+
+  inline const ExecutionContextDescription& getExecutionContextDescription()
+      const {
+    return executionContextDescription_;
+  }
+
+  void notifyBindingCalled(
+      const std::string& bindingName,
+      const std::string& payload);
+
+  struct ExportedState {
+    std::unique_ptr<RuntimeAgentDelegate::ExportedState> delegateState;
+  };
+
+  /**
+   * Export the RuntimeAgent's state, if available. This will be called
+   * shortly before the RuntimeAgent is destroyed to preserve state that may be
+   * needed when constructin a new RuntimeAgent.
+   */
+  ExportedState getExportedState();
+
+ private:
+  FrontendChannel frontendChannel_;
+  RuntimeTargetController& targetController_;
+  SessionState& sessionState_;
+  const std::unique_ptr<RuntimeAgentDelegate> delegate_;
+  const ExecutionContextDescription executionContextDescription_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/RuntimeAgentDelegate.h b/packages/react-native/ReactCommon/jsinspector-modern/RuntimeAgentDelegate.h
new file mode 100644
index 00000000000000..d7042d60d48c24
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/RuntimeAgentDelegate.h
@@ -0,0 +1,51 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <jsinspector-modern/Parsing.h>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * An Agent interface that handles requests from the Chrome DevTools Protocol
+ * for a particular JS runtime instance. The exact mechanism of sending
+ * responses/events to the frontend is left up to the implementation, but
+ * implementations SHOULD use FrontendChannel or a similar abstraction.
+ */
+class RuntimeAgentDelegate {
+ public:
+  class ExportedState {
+   public:
+    virtual ~ExportedState() = default;
+  };
+
+  virtual ~RuntimeAgentDelegate() = default;
+
+  /**
+   * Handle a CDP request. This implementation must perform any synchronization
+   * required between the thread on which this method is called and the thread
+   * where the JS runtime is executing.
+   * \returns true if this agent has responded, or will respond asynchronously,
+   * to the request (with either a success or error message). False if the
+   * agent expects another agent to respond to the request instead.
+   */
+  virtual bool handleRequest(const cdp::PreparsedRequest& req) = 0;
+
+  /**
+   * Export RuntimeAgentDelegate-specific state that should persist across
+   * consecutive RuntimeTargets in this session.
+   * If the RuntimeTarget is destroyed and later logically replaced by a new
+   * one (e.g. as part of an Instance reload), the state returned here will be
+   * passed to \ref RuntimeTargetDelegate::createAgentDelegate.
+   */
+  inline virtual std::unique_ptr<ExportedState> getExportedState() {
+    return std::make_unique<ExportedState>();
+  }
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/RuntimeTarget.cpp b/packages/react-native/ReactCommon/jsinspector-modern/RuntimeTarget.cpp
new file mode 100644
index 00000000000000..c9a8be6f597480
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/RuntimeTarget.cpp
@@ -0,0 +1,109 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "SessionState.h"
+
+#include <jsinspector-modern/RuntimeTarget.h>
+
+using namespace facebook::jsi;
+
+namespace facebook::react::jsinspector_modern {
+
+std::shared_ptr<RuntimeTarget> RuntimeTarget::create(
+    const ExecutionContextDescription& executionContextDescription,
+    RuntimeTargetDelegate& delegate,
+    RuntimeExecutor jsExecutor,
+    VoidExecutor selfExecutor) {
+  std::shared_ptr<RuntimeTarget> runtimeTarget{
+      new RuntimeTarget(executionContextDescription, delegate, jsExecutor)};
+  runtimeTarget->setExecutor(selfExecutor);
+  return runtimeTarget;
+}
+
+RuntimeTarget::RuntimeTarget(
+    const ExecutionContextDescription& executionContextDescription,
+    RuntimeTargetDelegate& delegate,
+    RuntimeExecutor jsExecutor)
+    : executionContextDescription_(executionContextDescription),
+      delegate_(delegate),
+      jsExecutor_(jsExecutor) {}
+
+std::shared_ptr<RuntimeAgent> RuntimeTarget::createAgent(
+    FrontendChannel channel,
+    SessionState& sessionState) {
+  auto runtimeAgentState =
+      std::move(sessionState.lastRuntimeAgentExportedState);
+  auto runtimeAgent = std::make_shared<RuntimeAgent>(
+      channel,
+      controller_,
+      executionContextDescription_,
+      sessionState,
+      delegate_.createAgentDelegate(
+          channel,
+          sessionState,
+          std::move(runtimeAgentState.delegateState),
+          executionContextDescription_));
+  agents_.insert(runtimeAgent);
+  return runtimeAgent;
+}
+
+RuntimeTarget::~RuntimeTarget() {
+  // Agents are owned by the session, not by RuntimeTarget, but
+  // they hold a RuntimeTarget& that we must guarantee is valid.
+  assert(
+      agents_.empty() &&
+      "RuntimeAgent objects must be destroyed before their RuntimeTarget. Did you call InstanceTarget::unregisterRuntime()?");
+}
+
+void RuntimeTarget::installBindingHandler(const std::string& bindingName) {
+  jsExecutor_([bindingName,
+               selfExecutor = executorFromThis()](jsi::Runtime& runtime) {
+    auto globalObj = runtime.global();
+    try {
+      auto bindingNamePropID = jsi::PropNameID::forUtf8(runtime, bindingName);
+      globalObj.setProperty(
+          runtime,
+          bindingNamePropID,
+          jsi::Function::createFromHostFunction(
+              runtime,
+              bindingNamePropID,
+              1,
+              [bindingName, selfExecutor](
+                  jsi::Runtime& rt,
+                  const jsi::Value&,
+                  const jsi::Value* args,
+                  size_t count) -> jsi::Value {
+                if (count != 1 || !args[0].isString()) {
+                  throw jsi::JSError(
+                      rt, "Invalid arguments: should be exactly one string.");
+                }
+                std::string payload = args[0].getString(rt).utf8(rt);
+
+                selfExecutor([bindingName, payload](auto& self) {
+                  self.agents_.forEach([bindingName, payload](auto& agent) {
+                    agent.notifyBindingCalled(bindingName, payload);
+                  });
+                });
+
+                return jsi::Value::undefined();
+              }));
+    } catch (jsi::JSError&) {
+      // Per Chrome's implementation, @cdp Runtime.createBinding swallows
+      // JavaScript exceptions that occur while setting up the binding.
+    }
+  });
+}
+
+RuntimeTargetController::RuntimeTargetController(RuntimeTarget& target)
+    : target_(target) {}
+
+void RuntimeTargetController::installBindingHandler(
+    const std::string& bindingName) {
+  target_.installBindingHandler(bindingName);
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/RuntimeTarget.h b/packages/react-native/ReactCommon/jsinspector-modern/RuntimeTarget.h
new file mode 100644
index 00000000000000..20c42cb2644663
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/RuntimeTarget.h
@@ -0,0 +1,162 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <ReactCommon/RuntimeExecutor.h>
+
+#include "ExecutionContext.h"
+#include "InspectorInterfaces.h"
+#include "RuntimeAgent.h"
+#include "ScopedExecutor.h"
+#include "WeakList.h"
+
+#include <memory>
+
+#ifndef JSINSPECTOR_EXPORT
+#ifdef _MSC_VER
+#ifdef CREATE_SHARED_LIBRARY
+#define JSINSPECTOR_EXPORT __declspec(dllexport)
+#else
+#define JSINSPECTOR_EXPORT
+#endif // CREATE_SHARED_LIBRARY
+#else // _MSC_VER
+#define JSINSPECTOR_EXPORT __attribute__((visibility("default")))
+#endif // _MSC_VER
+#endif // !defined(JSINSPECTOR_EXPORT)
+
+namespace facebook::react::jsinspector_modern {
+
+class RuntimeAgent;
+class RuntimeAgentDelegate;
+class RuntimeTarget;
+struct SessionState;
+
+/**
+ * Receives events from a RuntimeTarget. This is a shared interface that
+ * each React Native platform needs to implement in order to integrate with
+ * the debugging stack.
+ */
+class RuntimeTargetDelegate {
+ public:
+  virtual ~RuntimeTargetDelegate() = default;
+  virtual std::unique_ptr<RuntimeAgentDelegate> createAgentDelegate(
+      FrontendChannel channel,
+      SessionState& sessionState,
+      std::unique_ptr<RuntimeAgentDelegate::ExportedState>
+          previouslyExportedState,
+      const ExecutionContextDescription& executionContextDescription) = 0;
+};
+
+/**
+ * The limited interface that RuntimeTarget exposes to its connected agents.
+ */
+class RuntimeTargetController {
+ public:
+  explicit RuntimeTargetController(RuntimeTarget& target);
+
+  /**
+   * Adds a function with the given name on the runtime's global object, that
+   * when called will send a Runtime.bindingCalled event through all connected
+   * sessions that have registered to receive binding events for that name.
+   */
+  void installBindingHandler(const std::string& bindingName);
+
+ private:
+  RuntimeTarget& target_;
+};
+
+/**
+ * A Target corresponding to a JavaScript runtime.
+ */
+class JSINSPECTOR_EXPORT RuntimeTarget
+    : public EnableExecutorFromThis<RuntimeTarget> {
+ public:
+  /**
+   * Constructs a new RuntimeTarget. The caller must call setExecutor
+   * immediately afterwards.
+   * \param executionContextDescription A description of the execution context
+   * represented by this runtime. This is used for disambiguating the
+   * source/destination of CDP messages when there are multiple runtimes
+   * (concurrently or over the life of a Page).
+   * \param delegate The object that will receive events from this target. The
+   * caller is responsible for
+   * ensuring that the delegate outlives this object.
+   * \param jsExecutor A RuntimeExecutor that can be used to schedule work on
+   * the JS runtime's thread. The executor's queue should be empty when
+   * RuntimeTarget is constructed (i.e. anything scheduled during the
+   * constructor should be executed before any user code is run).
+   * \param selfExecutor An executor that may be used to call methods on this
+   * RuntimeTarget while it exists. \c create additionally guarantees that the
+   * executor will not be called after the RuntimeTarget is destroyed.
+   */
+  static std::shared_ptr<RuntimeTarget> create(
+      const ExecutionContextDescription& executionContextDescription,
+      RuntimeTargetDelegate& delegate,
+      RuntimeExecutor jsExecutor,
+      VoidExecutor selfExecutor);
+
+  RuntimeTarget(const RuntimeTarget&) = delete;
+  RuntimeTarget(RuntimeTarget&&) = delete;
+  RuntimeTarget& operator=(const RuntimeTarget&) = delete;
+  RuntimeTarget& operator=(RuntimeTarget&&) = delete;
+  ~RuntimeTarget();
+
+  /**
+   * Create a new RuntimeAgent that can be used to debug the underlying JS VM.
+   * The agent will be destroyed when the session ends, the containing
+   * InstanceTarget is unregistered from its PageTarget, or the RuntimeAgent is
+   * unregistered from its InstanceTarget (whichever happens first).
+   * \param channel A thread-safe channel for sending CDP messages to the
+   * frontend.
+   * \returns The new agent, or nullptr if the runtime is not debuggable.
+   */
+  std::shared_ptr<RuntimeAgent> createAgent(
+      FrontendChannel channel,
+      SessionState& sessionState);
+
+ private:
+  /**
+   * Constructs a new RuntimeTarget. The caller must call setExecutor
+   * immediately afterwards.
+   * \param executionContextDescription A description of the execution context
+   * represented by this runtime. This is used for disambiguating the
+   * source/destination of CDP messages when there are multiple runtimes
+   * (concurrently or over the life of a Page).
+   * \param delegate The object that will receive events from this target.
+   * The caller is responsible for ensuring that the delegate outlives this
+   * object.
+   * \param jsExecutor A RuntimeExecutor that can be used to schedule work on
+   * the JS runtime's thread. The executor's queue should be empty when
+   * RuntimeTarget is constructed (i.e. anything scheduled during the
+   * constructor should be executed before any user code is run).
+   */
+  RuntimeTarget(
+      const ExecutionContextDescription& executionContextDescription,
+      RuntimeTargetDelegate& delegate,
+      RuntimeExecutor jsExecutor);
+
+  const ExecutionContextDescription executionContextDescription_;
+  RuntimeTargetDelegate& delegate_;
+  RuntimeExecutor jsExecutor_;
+  WeakList<RuntimeAgent> agents_;
+  RuntimeTargetController controller_{*this};
+
+  /**
+   * Adds a function with the given name on the runtime's global object, that
+   * when called will send a Runtime.bindingCalled event through all connected
+   * sessions that have registered to receive binding events for that name.
+   */
+  void installBindingHandler(const std::string& bindingName);
+
+  // Necessary to allow RuntimeAgent to access RuntimeTarget's internals in a
+  // controlled way (i.e. only RuntimeTargetController gets friend access, while
+  // RuntimeAgent itself doesn't).
+  friend class RuntimeTargetController;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/ScopedExecutor.h b/packages/react-native/ReactCommon/jsinspector-modern/ScopedExecutor.h
new file mode 100644
index 00000000000000..6ede8b356d9d4b
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/ScopedExecutor.h
@@ -0,0 +1,97 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <cassert>
+#include <functional>
+#include <memory>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * Takes a function and calls it when it is safe to access the Self&
+ * parameter without locking. The function is not called if
+ * the underlying Self object is destroyed while the function is pending.
+ */
+template <typename Self>
+using ScopedExecutor =
+    std::function<void(std::function<void(Self& self)>&& callback)>;
+
+using VoidExecutor = std::function<void(std::function<void()>&& callback)>;
+
+/**
+ * Creates a ScopedExecutor<Self> from a shared (weak) pointer to Self plus some
+ * base executor for a "parent" object of Self. The resulting executor will call
+ * the callback with a valid reference to Self iff Self is still alive.
+ */
+template <typename Self, typename Parent>
+ScopedExecutor<Self> makeScopedExecutor(
+    std::shared_ptr<Self> self,
+    ScopedExecutor<Parent> executor) {
+  return makeScopedExecutor(self, makeVoidExecutor(executor));
+}
+
+/**
+ * Creates a ScopedExecutor<Self> from a shared (weak) pointer to Self plus some
+ * base executor. The resulting executor will call the callback with a valid
+ * reference to Self iff Self is still alive.
+ */
+template <typename Self>
+ScopedExecutor<Self> makeScopedExecutor(
+    std::shared_ptr<Self> self,
+    VoidExecutor executor) {
+  return [self = std::weak_ptr(self), executor](auto&& callback) {
+    executor([self, callback = std::move(callback)]() {
+      auto lockedSelf = self.lock();
+      if (!lockedSelf) {
+        return;
+      }
+      callback(*lockedSelf);
+    });
+  };
+}
+
+/**
+ * Creates a VoidExecutor from a ScopedExecutor<Self> by ignoring the Self&
+ * parameter.
+ */
+template <typename Self>
+VoidExecutor makeVoidExecutor(ScopedExecutor<Self> executor) {
+  return [executor](auto&& callback) {
+    executor([callback = std::move(callback)](Self&) { callback(); });
+  };
+}
+
+template <typename Self>
+class EnableExecutorFromThis : public std::enable_shared_from_this<Self> {
+ public:
+  /**
+   * Returns an executor that can be used to safely invoke methods on Self.
+   * Must not be called during the constructor of Self.
+   */
+  ScopedExecutor<Self> executorFromThis() {
+    assert(baseExecutor_);
+    return makeScopedExecutor(this->shared_from_this(), baseExecutor_);
+  }
+
+  template <typename Other>
+  void setExecutor(ScopedExecutor<Other> executor) {
+    setExecutor(makeVoidExecutor(executor));
+  }
+
+  void setExecutor(VoidExecutor executor) {
+    assert(executor);
+    assert(!baseExecutor_);
+    baseExecutor_ = std::move(executor);
+  }
+
+ private:
+  VoidExecutor baseExecutor_;
+};
+
+}; // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/SessionState.h b/packages/react-native/ReactCommon/jsinspector-modern/SessionState.h
new file mode 100644
index 00000000000000..a0329cc2db7b41
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/SessionState.h
@@ -0,0 +1,51 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include "ExecutionContext.h"
+#include "RuntimeAgent.h"
+
+#include <string>
+#include <string_view>
+#include <unordered_map>
+#include <unordered_set>
+
+namespace facebook::react::jsinspector_modern {
+
+struct SessionState {
+ public:
+  // TODO: Generalise this to arbitrary domains
+  bool isLogDomainEnabled{false};
+  bool isRuntimeDomainEnabled{false};
+
+  /**
+   * A map from binding names (registered during this session using @cdp
+   * Runtime.addBinding) to execution context selectors.
+   *
+   * Even though bindings get added to the global scope as
+   * functions that can outlive a session, they are treated as session state,
+   * matching Chrome's behaviour (a binding not added by the current session
+   * will not emit events on it).
+   */
+  std::unordered_map<std::string, ExecutionContextSelectorSet>
+      subscribedBindings;
+
+  /**
+   * Stores the state object exported from the last main RuntimeAgent, if any,
+   * before it was destroyed.
+   */
+  RuntimeAgent::ExportedState lastRuntimeAgentExportedState;
+
+  // Here, we will eventually allow RuntimeAgents to store their own arbitrary
+  // state (e.g. some sort of K/V storage of folly::dynamic?)
+
+  // TODO: Figure out a good model for restricting write access / preventing
+  // agents from unintentionally clobbering each other's state.
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/UniqueMonostate.h b/packages/react-native/ReactCommon/jsinspector-modern/UniqueMonostate.h
new file mode 100644
index 00000000000000..6c13e17dd03203
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/UniqueMonostate.h
@@ -0,0 +1,54 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <functional>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * A template for easily creating empty types that are distinct from one
+ * another. Useful if you need to generate marker types for use in an
+ * std::variant, and a single std::monostate won't do.
+ */
+template <size_t key>
+struct UniqueMonostate {
+  constexpr bool operator==(const UniqueMonostate<key>&) const noexcept {
+    return true;
+  }
+  constexpr bool operator!=(const UniqueMonostate<key>&) const noexcept {
+    return false;
+  }
+  constexpr bool operator<(const UniqueMonostate<key>&) const noexcept {
+    return false;
+  }
+  constexpr bool operator>(const UniqueMonostate<key>&) const noexcept {
+    return false;
+  }
+  constexpr bool operator<=(const UniqueMonostate<key>&) const noexcept {
+    return true;
+  }
+  constexpr bool operator>=(const UniqueMonostate<key>&) const noexcept {
+    return true;
+  }
+};
+
+} // namespace facebook::react::jsinspector_modern
+
+namespace std {
+
+template <size_t key>
+struct hash<::facebook::react::jsinspector_modern::UniqueMonostate<key>> {
+  size_t operator()(
+      const ::facebook::react::jsinspector_modern::UniqueMonostate<key>&)
+      const noexcept {
+    return key;
+  }
+};
+
+} // namespace std
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/WeakList.h b/packages/react-native/ReactCommon/jsinspector-modern/WeakList.h
new file mode 100644
index 00000000000000..4e097c67b13810
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/WeakList.h
@@ -0,0 +1,79 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <list>
+#include <memory>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * A list that holds weak pointers to objects of type `T`. Null pointers are not
+ * considered to be in the list.
+ *
+ * The list is not thread-safe! The caller is responsible for synchronization.
+ */
+template <typename T>
+class WeakList {
+ public:
+  /**
+   * Call the given function for every element in the list, ensuring the element
+   * is not destroyed for the duration of the call. Elements are visited in the
+   * order they were inserted.
+   *
+   * As a side effect, any null pointers in the underlying list (corresponding
+   * to destroyed elements) will be removed during iteration.
+   */
+  template <typename Fn>
+  void forEach(Fn&& fn) const {
+    for (auto it = ptrs_.begin(); it != ptrs_.end();) {
+      if (auto ptr = it->lock()) {
+        fn(*ptr);
+        ++it;
+      } else {
+        it = ptrs_.erase(it);
+      }
+    }
+  }
+
+  /**
+   * Returns the number of (non-null) elements in the list. The count will only
+   * remain accurate as long as the list is not modified and elements are
+   * not destroyed.
+   *
+   * As a side effect, any null pointers in the underlying list (corresponding
+   * to destroyed elements) will be removed during this method.
+   */
+  size_t size() const {
+    size_t count{0};
+    forEach([&count](const auto&) { ++count; });
+    return count;
+  }
+
+  /**
+   * Returns true if there are no elements in the list.
+   *
+   * As a side effect, any null pointers in the underlying list (corresponding
+   * to destroyed elements) will be removed during this method.
+   */
+  bool empty() const {
+    return !size();
+  }
+
+  /**
+   * Inserts an element into the list.
+   */
+  void insert(std::weak_ptr<T> ptr) {
+    ptrs_.push_back(ptr);
+  }
+
+ private:
+  mutable std::list<std::weak_ptr<T>> ptrs_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/WebSocketInterfaces.h b/packages/react-native/ReactCommon/jsinspector-modern/WebSocketInterfaces.h
new file mode 100644
index 00000000000000..a9606127d3ba01
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/WebSocketInterfaces.h
@@ -0,0 +1,62 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <optional>
+#include <string>
+#include <string_view>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * Simplified interface to a WebSocket connection.
+ * The socket MUST be initially open when constructed.
+ */
+class IWebSocket {
+ public:
+  /**
+   * If still connected when destroyed, the socket MUST automatically send an
+   * "end of session" message and disconnect.
+   */
+  virtual ~IWebSocket() = default;
+
+  /**
+   * Sends a message over the socket. This function may be called on any thread
+   * without synchronization.
+   * \param message Message to send, in UTF-8 encoding.
+   */
+  virtual void send(std::string_view message) = 0;
+};
+
+class IWebSocketDelegate {
+ public:
+  virtual ~IWebSocketDelegate() = default;
+
+  /**
+   * Called when the socket has encountered an error.
+   * \param posixCode POSIX errno value if available, otherwise nullopt.
+   * \param error Error description.
+   */
+  virtual void didFailWithError(
+      std::optional<int> posixCode,
+      std::string error) = 0;
+
+  /**
+   * Called when a message has been received from the socket.
+   * \param message Message received, in UTF-8 encoding.
+   */
+  virtual void didReceiveMessage(std::string_view message) = 0;
+
+  /**
+   * Called when the socket has been closed. The call is not required if
+   * didFailWithError was called instead.
+   */
+  virtual void didClose() = 0;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/FollyDynamicMatchers.cpp b/packages/react-native/ReactCommon/jsinspector-modern/tests/FollyDynamicMatchers.cpp
new file mode 100644
index 00000000000000..77aea744bf7466
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/FollyDynamicMatchers.cpp
@@ -0,0 +1,50 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <folly/dynamic.h>
+#include <folly/json.h>
+#include <folly/json_pointer.h>
+#include <gmock/gmock.h>
+
+#include "FollyDynamicMatchers.h"
+
+namespace facebook::folly_dynamic_matchers_utils {
+
+std::string as_string(std::string value) {
+  return value;
+}
+std::string as_string(folly::dynamic value) {
+  return value.asString();
+}
+
+std::string explain_error(
+    folly::dynamic::json_pointer_resolution_error<folly::dynamic const> error) {
+  using err_code = folly::dynamic::json_pointer_resolution_error_code;
+
+  switch (error.error_code) {
+    case err_code::key_not_found:
+      return "key not found";
+    case err_code::index_out_of_bounds:
+      return "index out of bounds";
+    case err_code::append_requested:
+      return "append requested";
+    case err_code::index_not_numeric:
+      return "array index is not numeric";
+    case err_code::index_has_leading_zero:
+      return "leading zero not allowed when indexing arrays";
+    case err_code::element_not_object_or_array:
+      return "element is neither an object nor an array";
+    case err_code::json_pointer_out_of_bounds:
+      return "JSON pointer out of bounds";
+    case err_code::other:
+      return "unknown error";
+    default:
+      assert(false && "unhandled error code");
+      return "<unhandled error code>";
+  }
+}
+} // namespace facebook::folly_dynamic_matchers_utils
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/FollyDynamicMatchers.h b/packages/react-native/ReactCommon/jsinspector-modern/tests/FollyDynamicMatchers.h
new file mode 100644
index 00000000000000..d311a80dfd1246
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/FollyDynamicMatchers.h
@@ -0,0 +1,80 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <folly/dynamic.h>
+#include <folly/json.h>
+#include <folly/json_pointer.h>
+#include <gmock/gmock.h>
+
+namespace facebook {
+
+namespace folly_dynamic_matchers_utils {
+
+std::string as_string(std::string value);
+std::string as_string(folly::dynamic value);
+std::string explain_error(
+    folly::dynamic::json_pointer_resolution_error<folly::dynamic const> error);
+
+} // namespace folly_dynamic_matchers_utils
+
+// GTest / GMock compatible matchers for `folly::dynamic` values.
+
+/**
+ * Parses a JSON string into a folly::dynamic, then matches it against the
+ * given matcher.
+ */
+MATCHER_P(
+    JsonParsed,
+    innerMatcher,
+    std::string{"parsed as JSON "} +
+        testing::DescribeMatcher<folly::dynamic>(innerMatcher, negation)) {
+  using namespace ::testing;
+  using namespace folly_dynamic_matchers_utils;
+  const auto& json = arg;
+  folly::dynamic parsed = folly::parseJson(as_string(json));
+  return ExplainMatchResult(innerMatcher, parsed, result_listener);
+}
+
+/**
+ * Given a folly::dynamic argument, asserts that it is deeply equal to the
+ * result of parsing the given JSON string.
+ */
+MATCHER_P(
+    JsonEq,
+    expected,
+    std::string{"deeply equals "} +
+        folly::toPrettyJson(folly::parseJson(expected))) {
+  using namespace ::testing;
+  return ExplainMatchResult(
+      JsonParsed(Eq(folly::parseJson(expected))), arg, result_listener);
+}
+
+/**
+ * A higher-order matcher that applies an inner matcher to the value at a
+ * particular JSON Pointer location within a folly::dynamic.
+ */
+MATCHER_P2(
+    AtJsonPtr,
+    jsonPointer,
+    innerMatcher,
+    std::string{"value at "} + jsonPointer + " " +
+        testing::DescribeMatcher<folly::dynamic>(innerMatcher, negation)) {
+  using namespace ::testing;
+  using namespace folly_dynamic_matchers_utils;
+  auto resolved_ptr = arg.try_get_ptr(folly::json_pointer::parse(jsonPointer));
+  if (resolved_ptr.hasValue()) {
+    return ExplainMatchResult(
+        innerMatcher, *resolved_ptr.value().value, result_listener);
+  }
+  *result_listener << "has no value at " << jsonPointer << " because of error: "
+                   << explain_error(resolved_ptr.error());
+  return false;
+}
+
+} // namespace facebook
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/InspectorMocks.h b/packages/react-native/ReactCommon/jsinspector-modern/tests/InspectorMocks.h
new file mode 100644
index 00000000000000..4a2346cc6381ab
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/InspectorMocks.h
@@ -0,0 +1,163 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <folly/executors/ScheduledExecutor.h>
+#include <gmock/gmock.h>
+
+#include <jsinspector-modern/InspectorInterfaces.h>
+#include <jsinspector-modern/InspectorPackagerConnection.h>
+#include <jsinspector-modern/ReactCdp.h>
+
+#include <chrono>
+#include <functional>
+#include <memory>
+#include <string>
+
+// Configurable mocks of various interfaces required by the inspector API.
+
+namespace facebook::react::jsinspector_modern {
+
+class MockWebSocket : public IWebSocket {
+ public:
+  MockWebSocket(
+      const std::string& url,
+      std::weak_ptr<IWebSocketDelegate> delegate)
+      : url{url}, delegate{delegate} {
+    EXPECT_TRUE(this->delegate.lock())
+        << "Delegate should exist when provided to createWebSocket";
+  }
+
+  const std::string url;
+  std::weak_ptr<IWebSocketDelegate> delegate;
+
+  /**
+   * Convenience method to access the delegate from tests.
+   * \pre The delegate has not been destroyed.
+   */
+  IWebSocketDelegate& getDelegate() {
+    auto delegateStrong = this->delegate.lock();
+    EXPECT_TRUE(delegateStrong);
+    return *delegateStrong;
+  }
+
+  // IWebSocket methods
+  MOCK_METHOD(void, send, (std::string_view message), (override));
+};
+
+class MockRemoteConnection : public IRemoteConnection {
+ public:
+  MockRemoteConnection() = default;
+
+  // IRemoteConnection methods
+  MOCK_METHOD(void, onMessage, (std::string message), (override));
+  MOCK_METHOD(void, onDisconnect, (), (override));
+};
+
+class MockLocalConnection : public ILocalConnection {
+ public:
+  explicit MockLocalConnection(
+      std::unique_ptr<IRemoteConnection> remoteConnection)
+      : remoteConnection_{std::move(remoteConnection)} {}
+
+  IRemoteConnection& getRemoteConnection() {
+    return *remoteConnection_;
+  }
+
+  std::unique_ptr<IRemoteConnection> dangerouslyReleaseRemoteConnection() {
+    return std::move(remoteConnection_);
+  }
+
+  // ILocalConnection methods
+  MOCK_METHOD(void, sendMessage, (std::string message), (override));
+  MOCK_METHOD(void, disconnect, (), (override));
+
+ private:
+  std::unique_ptr<IRemoteConnection> remoteConnection_;
+};
+
+class MockInspectorPackagerConnectionDelegate
+    : public InspectorPackagerConnectionDelegate {
+ public:
+  explicit MockInspectorPackagerConnectionDelegate(folly::Executor& executor)
+      : executor_(executor) {
+    using namespace testing;
+    ON_CALL(*this, scheduleCallback(_, _))
+        .WillByDefault(Invoke<>([this](auto callback, auto delay) {
+          if (auto scheduledExecutor =
+                  dynamic_cast<folly::ScheduledExecutor*>(&executor_)) {
+            scheduledExecutor->scheduleAt(
+                callback, scheduledExecutor->now() + delay);
+          } else {
+            executor_.add(callback);
+          }
+        }));
+  }
+
+  // InspectorPackagerConnectionDelegate methods
+  MOCK_METHOD(
+      std::unique_ptr<IWebSocket>,
+      connectWebSocket,
+      (const std::string& url, std::weak_ptr<IWebSocketDelegate> delegate),
+      (override));
+  MOCK_METHOD(
+      void,
+      scheduleCallback,
+      (std::function<void(void)> callback, std::chrono::milliseconds delayMs),
+      (override));
+
+ private:
+  folly::Executor& executor_;
+};
+
+class MockPageTargetDelegate : public PageTargetDelegate {
+ public:
+  // PageTargetDelegate methods
+  MOCK_METHOD(void, onReload, (const PageReloadRequest& request), (override));
+};
+
+class MockInstanceTargetDelegate : public InstanceTargetDelegate {};
+
+class MockRuntimeTargetDelegate : public RuntimeTargetDelegate {
+ public:
+  // RuntimeTargetDelegate methods
+  MOCK_METHOD(
+      std::unique_ptr<RuntimeAgentDelegate>,
+      createAgentDelegate,
+      (FrontendChannel channel,
+       SessionState& sessionState,
+       std::unique_ptr<RuntimeAgentDelegate::ExportedState>
+           previouslyExportedState,
+       const ExecutionContextDescription&),
+      (override));
+};
+
+class MockRuntimeAgentDelegate : public RuntimeAgentDelegate {
+ public:
+  inline MockRuntimeAgentDelegate(
+      FrontendChannel frontendChannel,
+      SessionState& sessionState,
+      std::unique_ptr<RuntimeAgentDelegate::ExportedState>,
+      const ExecutionContextDescription& executionContextDescription)
+      : frontendChannel(std::move(frontendChannel)),
+        sessionState(sessionState),
+        executionContextDescription(executionContextDescription) {}
+
+  // RuntimeAgentDelegate methods
+  MOCK_METHOD(
+      bool,
+      handleRequest,
+      (const cdp::PreparsedRequest& req),
+      (override));
+
+  const FrontendChannel frontendChannel;
+  SessionState& sessionState;
+  const ExecutionContextDescription executionContextDescription;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/InspectorPackagerConnectionTest.cpp b/packages/react-native/ReactCommon/jsinspector-modern/tests/InspectorPackagerConnectionTest.cpp
new file mode 100644
index 00000000000000..6cc8d87c66796c
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/InspectorPackagerConnectionTest.cpp
@@ -0,0 +1,1343 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <folly/Format.h>
+#include <folly/dynamic.h>
+#include <folly/executors/ManualExecutor.h>
+#include <folly/executors/QueuedImmediateExecutor.h>
+#include <folly/json.h>
+#include <gmock/gmock.h>
+#include <gtest/gtest.h>
+
+#include <jsinspector-modern/InspectorInterfaces.h>
+#include <jsinspector-modern/InspectorPackagerConnection.h>
+
+#include <functional>
+#include <memory>
+
+#include "FollyDynamicMatchers.h"
+#include "InspectorMocks.h"
+#include "UniquePtrFactory.h"
+
+using namespace ::testing;
+using namespace std::literals::chrono_literals;
+using namespace std::literals::string_literals;
+using folly::dynamic, folly::parseJson, folly::toJson, folly::format,
+    folly::sformat;
+
+namespace facebook::react::jsinspector_modern {
+
+namespace {
+
+template <typename Executor>
+class InspectorPackagerConnectionTestBase : public testing::Test {
+ protected:
+  InspectorPackagerConnectionTestBase()
+      : packagerConnection_(InspectorPackagerConnection{
+            "ws://mock-host:12345",
+            "my-app",
+            packagerConnectionDelegates_.make_unique(asyncExecutor_)}) {
+    ON_CALL(*packagerConnectionDelegate(), connectWebSocket(_, _))
+        .WillByDefault(webSockets_.lazily_make_unique<
+                       const std::string&,
+                       std::weak_ptr<IWebSocketDelegate>>());
+  }
+
+  void TearDown() override {
+    // Forcibly clean up all pages currently registered with the inspector in
+    // order to isolate state between tests. NOTE: Using TearDown instead of a
+    // destructor so that we can use FAIL() etc.
+    std::vector<int> pagesToRemove;
+    auto pages = getInspectorInstance().getPages();
+    int liveConnectionCount = 0;
+    for (size_t i = 0; i != localConnections_.objectsVended(); ++i) {
+      if (localConnections_[i]) {
+        liveConnectionCount++;
+        // localConnections_[i] is a strict mock and will complain when we
+        // removePage if the call is unexpected.
+        EXPECT_CALL(*localConnections_[i], disconnect());
+      }
+    }
+    for (auto& page : pages) {
+      getInspectorInstance().removePage(page.id);
+    }
+    if (!pages.empty() && liveConnectionCount) {
+      if (!::testing::Test::HasFailure()) {
+        FAIL()
+            << "Test case ended with " << liveConnectionCount
+            << " open connection(s) and " << pages.size()
+            << " registered page(s). You must manually call removePage for each page.";
+      }
+    }
+    ::testing::Test::TearDown();
+  }
+
+  MockInspectorPackagerConnectionDelegate* packagerConnectionDelegate() {
+    // We only create one PackagerConnectionDelegate per test.
+    EXPECT_EQ(packagerConnectionDelegates_.objectsVended(), 1);
+    return packagerConnectionDelegates_[0];
+  }
+
+  Executor asyncExecutor_;
+
+  UniquePtrFactory<MockInspectorPackagerConnectionDelegate>
+      packagerConnectionDelegates_;
+  /**
+   * webSockets_ will hold the WebSocket instance(s) owned by
+   * packagerConnection_ while also allowing us to access them during
+   * the test. We can send messages *to* packagerConnection_ by
+   * calling webSockets_[i]->getDelegate().didReceiveMessage(...). Messages
+   * *from* packagerConnection_ will be found as calls to
+   * webSockets_[i]->send, which is a mock method installed by gmock.
+   * These are strict mocks, so method calls will fail if they are not
+   * expected with a corresponding call to EXPECT_CALL(...) - for example
+   * if unexpected WebSocket messages are sent.
+   */
+  UniquePtrFactory<StrictMock<MockWebSocket>> webSockets_;
+  /**
+   * localConnections_ will hold the LocalConnection instances owned
+   * by packagerConnection_ while also allowing us to access them
+   * during the test.
+   * These are strict mocks, so method calls will fail if they are not
+   * expected with a corresponding call to EXPECT_CALL(...).
+   */
+  UniquePtrFactory<StrictMock<MockLocalConnection>> localConnections_;
+  std::optional<InspectorPackagerConnection> packagerConnection_;
+};
+
+using InspectorPackagerConnectionTest =
+    InspectorPackagerConnectionTestBase<folly::QueuedImmediateExecutor>;
+
+/**
+ * Fixture class for tests that run on a ManualExecutor. Work scheduled
+ * on the executor is *not* run automatically; it must be manually advanced
+ * in the body of the test.
+ */
+class InspectorPackagerConnectionTestAsync
+    : public InspectorPackagerConnectionTestBase<folly::ManualExecutor> {
+ public:
+  virtual void TearDown() override {
+    // Assert there are no pending tasks on the ManualExecutor.
+    auto tasksCleared = asyncExecutor_.clear();
+    EXPECT_EQ(tasksCleared, 0)
+        << "There were still pending tasks on asyncExecutor_ at the end of the test. Use advance() or run() as needed.";
+    InspectorPackagerConnectionTestBase<folly::ManualExecutor>::TearDown();
+  }
+};
+
+} // namespace
+
+TEST_F(InspectorPackagerConnectionTest, TestConnectThenDestroy) {
+  packagerConnection_->connect();
+
+  // The connection should be established immediately.
+  ASSERT_TRUE(webSockets_[0]);
+  EXPECT_EQ(webSockets_[0]->url, "ws://mock-host:12345");
+  EXPECT_TRUE(packagerConnection_->isConnected());
+
+  // Destroying packagerConnection_ should close the underlying WebSocket (by
+  // destroying it).
+  packagerConnection_.reset();
+  EXPECT_FALSE(webSockets_[0]);
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestConnectMultipleTimes) {
+  packagerConnection_->connect();
+
+  packagerConnection_->connect();
+
+  // The WebSocket gets recreated and the connection is in a valid state.
+  EXPECT_FALSE(webSockets_[0]);
+  ASSERT_TRUE(webSockets_[1]);
+  EXPECT_EQ(webSockets_[1]->url, "ws://mock-host:12345");
+  EXPECT_TRUE(packagerConnection_->isConnected());
+
+  // Destroying packagerConnection_ should close the underlying WebSocket (by
+  // destroying it).
+  packagerConnection_.reset();
+  EXPECT_FALSE(webSockets_[1]);
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestCloseQuietly) {
+  packagerConnection_->connect();
+
+  ASSERT_TRUE(webSockets_[0]);
+  EXPECT_TRUE(packagerConnection_->isConnected());
+
+  packagerConnection_->closeQuietly();
+  EXPECT_FALSE(packagerConnection_->isConnected());
+  EXPECT_FALSE(webSockets_[0]);
+
+  // Calling closeQuietly again has no effect.
+  packagerConnection_->closeQuietly();
+  EXPECT_FALSE(packagerConnection_->isConnected());
+  EXPECT_FALSE(webSockets_[0]);
+
+  // Connecting again is a noop (except for logging an error).
+  packagerConnection_->connect();
+  EXPECT_FALSE(packagerConnection_->isConnected());
+  EXPECT_FALSE(webSockets_[0]);
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestGetPages) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+
+  // The list of pages is empty at first.
+  EXPECT_CALL(*webSockets_[0], send(JsonEq(R"({
+      "event": "getPages",
+      "payload": []
+    })")))
+      .RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didReceiveMessage(R"({
+      "event": "getPages"
+    })");
+
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>(),
+      {.nativePageReloads = true});
+
+  // getPages now reports the page we registered.
+  EXPECT_CALL(
+      *webSockets_[0],
+      send(JsonParsed(AllOf(
+          AtJsonPtr("/event", Eq("getPages")),
+          AtJsonPtr(
+              "/payload",
+              ElementsAreArray({AllOf(
+                  AtJsonPtr("/app", Eq("my-app")),
+                  AtJsonPtr("/title", Eq("mock-title [C++ connection]")),
+                  AtJsonPtr("/vm", Eq("mock-vm")),
+                  AtJsonPtr("/id", Eq(std::to_string(pageId))),
+                  AtJsonPtr("/capabilities/nativePageReloads", Eq(true)),
+                  AtJsonPtr(
+                      "/capabilities/nativeSourceCodeFetching",
+                      Eq(false)))}))))))
+      .RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didReceiveMessage(R"({
+      "event": "getPages"
+    })");
+
+  getInspectorInstance().removePage(pageId);
+
+  // getPages is back to reporting no pages.
+  EXPECT_CALL(
+      *webSockets_[0],
+      send(JsonEq(
+          R"({
+              "event": "getPages",
+              "payload": []
+            })")))
+      .RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didReceiveMessage(R"({
+      "event": "getPages"
+    })");
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestSendReceiveEvents) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Send an event from the mocked backend (local) to the frontend (remote)
+  // and observe it being sent via the socket.
+  EXPECT_CALL(
+      *webSockets_[0],
+      send(JsonParsed(AllOf(
+          AtJsonPtr("/event", Eq("wrappedEvent")),
+          AtJsonPtr("/payload/pageId", Eq(std::to_string(pageId))),
+          AtJsonPtr(
+              "/payload/wrappedEvent",
+              JsonEq(
+                  R"({
+                    "method": "FakeDomain.eventTriggered",
+                    "params": ["arg1", "arg2"]
+                  })"))))))
+      .RetiresOnSaturation();
+  localConnections_[0]->getRemoteConnection().onMessage(R"({
+                                                            "method": "FakeDomain.eventTriggered",
+                                                            "params": ["arg1", "arg2"]
+                                                          })");
+
+  // Send an event from the frontend (remote) to the backend (local) and
+  // observe it being received by localConnection.
+  EXPECT_CALL(
+      *localConnections_[0],
+      sendMessage(JsonParsed(AllOf(
+          AtJsonPtr("/method", Eq("FakeDomain.fakeMethod")),
+          AtJsonPtr("/id", Eq(1234)),
+          AtJsonPtr("/params", ElementsAre("arg1", "arg2"))))))
+      .RetiresOnSaturation();
+
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "wrappedEvent",
+          "payload": {{
+            "pageId": {0},
+            "wrappedEvent": {1}
+          }}
+        }})",
+      toJson(std::to_string(pageId)),
+      toJson(R"({
+                "method": "FakeDomain.fakeMethod",
+                "id": 1234,
+                "params": ["arg1", "arg2"]
+              })")));
+
+  // Send a 'disconnect' event from the mocked backend (local) to the frontend
+  // (remote) and observe it being sent via the socket.
+  EXPECT_CALL(
+      *webSockets_[0],
+      send(JsonParsed(AllOf(
+          AtJsonPtr("/event", Eq("disconnect")),
+          AtJsonPtr("/payload/pageId", Eq(std::to_string(pageId)))))))
+      .RetiresOnSaturation();
+  localConnections_[0]->getRemoteConnection().onDisconnect();
+
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  getInspectorInstance().removePage(pageId);
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestSendReceiveEventsToMultiplePages) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+
+  std::vector<int> pageIds;
+
+  const int kNumPages = 2;
+  for (int i = 0; i < kNumPages; ++i) {
+    pageIds.push_back(getInspectorInstance().addPage(
+        "mock-title",
+        "mock-vm",
+        localConnections_
+            .lazily_make_unique<std::unique_ptr<IRemoteConnection>>()));
+    if (i > 0) {
+      ASSERT_NE(pageIds[i], pageIds[i - 1])
+          << "Received duplicate page IDs from inspector.";
+    }
+  }
+
+  for (int i = 0; i < kNumPages; ++i) {
+    // Connect to the i-th page.
+    webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+        R"({{
+        "event": "connect",
+        "payload": {{
+          "pageId": {0}
+        }}
+      }})",
+        toJson(std::to_string(pageIds[i]))));
+    ASSERT_TRUE(localConnections_[i]);
+  }
+
+  // Send an event from each LocalConnection and observe it being sent via
+  // the socket.
+  for (int i = 0; i < kNumPages; ++i) {
+    // Generate a unique method name for this page to validate that we are
+    // routing the events correctly.
+    std::string method =
+        "FakeDomain.eventFromPage"s + std::to_string(pageIds[i]);
+    EXPECT_CALL(
+        *webSockets_[0],
+        send(JsonParsed(AllOf(
+            AtJsonPtr("/event", Eq("wrappedEvent")),
+            AtJsonPtr("/payload/pageId", Eq(std::to_string(pageIds[i]))),
+            AtJsonPtr(
+                "/payload/wrappedEvent",
+                JsonParsed(AtJsonPtr("/method", Eq(method))))))))
+        .RetiresOnSaturation();
+    localConnections_[i]->getRemoteConnection().onMessage(
+        toJson(dynamic::object("method", method)));
+  }
+
+  // Send an event from the frontend (remote) to the backend (local) and
+  // observe it being received by each LocalConnection.
+  for (int i = 0; i < kNumPages; ++i) {
+    // Generate a unique method name for this page to validate that we are
+    // routing the events correctly.
+    std::string method =
+        "FakeDomain.methodToPage"s + std::to_string(pageIds[i]);
+    EXPECT_CALL(
+        *localConnections_[i],
+        sendMessage(JsonParsed(AtJsonPtr("/method", Eq(method)))))
+        .RetiresOnSaturation();
+    webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+        R"({{
+          "event": "wrappedEvent",
+          "payload": {{
+            "pageId": {0},
+            "wrappedEvent": {1}
+          }}
+        }})",
+        toJson(std::to_string(pageIds[i])),
+        toJson(toJson(dynamic::object("method", method)))));
+  }
+
+  for (int i = 0; i < kNumPages; ++i) {
+    EXPECT_CALL(*localConnections_[i], disconnect()).RetiresOnSaturation();
+    getInspectorInstance().removePage(pageIds[i]);
+  }
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestSendEventToAllConnections) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Impersonate the frontend (remote) to send a message to all (local)
+  // connections.
+  EXPECT_CALL(
+      *localConnections_[0],
+      sendMessage(JsonParsed(AllOf(
+          AtJsonPtr("/method", Eq("FakeDomain.fakeMethod")),
+          AtJsonPtr("/id", Eq(1234)),
+          AtJsonPtr("/params", ElementsAre("arg1", "arg2"))))))
+      .RetiresOnSaturation();
+  packagerConnection_->sendEventToAllConnections(R"({
+    "method": "FakeDomain.fakeMethod",
+    "id": 1234,
+    "params": ["arg1", "arg2"]
+  })");
+
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  getInspectorInstance().removePage(pageId);
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestConnectThenDisconnect) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Disconnect from the page.
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "disconnect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  EXPECT_FALSE(localConnections_[0]);
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestConnectThenCloseSocket) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Notify that the socket was closed.
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didClose();
+  EXPECT_FALSE(localConnections_[0]);
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestConnectThenSocketFailure) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Notify that the socket was closed (implicitly, as the result of an error).
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didFailWithError(ECONNABORTED, "Test error");
+  EXPECT_FALSE(localConnections_[0]);
+}
+
+TEST_F(
+    InspectorPackagerConnectionTestAsync,
+    TestExplicitCloseAfterSocketFailure) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Notify that the socket was closed (implicitly, as the result of an error).
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+
+  {
+    // The WebSocket instance gets destroyed during didFailWithError, so extract
+    // the delegate in order to call didClose.
+    std::shared_ptr webSocketDelegate = webSockets_[0]->delegate.lock();
+
+    webSocketDelegate->didFailWithError(ECONNABORTED, "Test error");
+    webSocketDelegate->didClose();
+  }
+
+  EXPECT_FALSE(localConnections_[0]);
+  // We're still disconnected since we haven't called the reconnect callback.
+  EXPECT_FALSE(packagerConnection_->isConnected());
+
+  // Flush the callback queue.
+  asyncExecutor_.advance(2000ms);
+
+  EXPECT_TRUE(packagerConnection_->isConnected());
+}
+
+TEST_F(
+    InspectorPackagerConnectionTest,
+    TestConnectWhileAlreadyConnectedCausesDisconnection) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Try connecting to the same page again. This results in a disconnection.
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  EXPECT_FALSE(localConnections_[0]);
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestMultipleDisconnect) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Disconnect from the page.
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "disconnect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  EXPECT_FALSE(localConnections_[0]);
+
+  // Disconnect again. This is a noop.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "disconnect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  EXPECT_FALSE(localConnections_[0]);
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestDisconnectThenSendEvent) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Disconnect from the page.
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "disconnect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  EXPECT_FALSE(localConnections_[0]);
+
+  // Send an event from the frontend (remote) to the backend (local). This
+  // is a noop.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "wrappedEvent",
+          "payload": {{
+            "pageId": {0},
+            "wrappedEvent": {1}
+          }}
+        }})",
+      toJson(std::to_string(pageId)),
+      toJson(R"({
+                "method": "FakeDomain.fakeMethod",
+                "id": 1234,
+                "params": ["arg1", "arg2"]
+              })")));
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestSendEventToUnknownPage) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+
+  // Send an event from the frontend (remote) to the backend (local). This
+  // is a noop (except for logging).
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "wrappedEvent",
+          "payload": {{
+            "pageId": "1234",
+            "wrappedEvent": {0}
+          }}
+        }})",
+      toJson(R"({
+                "method": "FakeDomain.fakeMethod",
+                "id": 1234,
+                "params": ["arg1", "arg2"]
+              })")));
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestReconnectSuccessful) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  ASSERT_TRUE(webSockets_[0]);
+  EXPECT_CALL(*packagerConnectionDelegate(), scheduleCallback(_, _))
+      .RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didClose();
+  EXPECT_FALSE(webSockets_[0]);
+  EXPECT_TRUE(webSockets_[1]);
+  EXPECT_TRUE(packagerConnection_->isConnected());
+
+  // Stops attempting to reconnect after closeQuietly
+
+  packagerConnection_->closeQuietly();
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestReconnectFailure) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  ASSERT_TRUE(webSockets_[0]);
+  EXPECT_CALL(*packagerConnectionDelegate(), scheduleCallback(_, _))
+      .Times(2)
+      .RetiresOnSaturation();
+
+  webSockets_[0]->getDelegate().didClose();
+  EXPECT_FALSE(webSockets_[0]);
+  ASSERT_TRUE(webSockets_[1]);
+  webSockets_[1]->getDelegate().didClose();
+  EXPECT_FALSE(webSockets_[1]);
+  ASSERT_TRUE(webSockets_[2]);
+  EXPECT_TRUE(packagerConnection_->isConnected());
+
+  // Stops attempting to reconnect after closeQuietly
+
+  packagerConnection_->closeQuietly();
+
+  EXPECT_FALSE(webSockets_[2]);
+  EXPECT_FALSE(packagerConnection_->isConnected());
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestReconnectOnSocketError) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  ASSERT_TRUE(webSockets_[0]);
+  EXPECT_CALL(*packagerConnectionDelegate(), scheduleCallback(_, _))
+      .RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didFailWithError(ECONNRESET, "Test error");
+  EXPECT_FALSE(webSockets_[0]);
+  EXPECT_TRUE(webSockets_[1]);
+  EXPECT_TRUE(packagerConnection_->isConnected());
+
+  // Stops attempting to reconnect after closeQuietly
+
+  packagerConnection_->closeQuietly();
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestReconnectOnSocketErrorWithNoCode) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  ASSERT_TRUE(webSockets_[0]);
+  EXPECT_CALL(*packagerConnectionDelegate(), scheduleCallback(_, _))
+      .RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didFailWithError(std::nullopt, "Test error");
+  EXPECT_FALSE(webSockets_[0]);
+  EXPECT_TRUE(webSockets_[1]);
+  EXPECT_TRUE(packagerConnection_->isConnected());
+
+  // Stops attempting to reconnect after closeQuietly
+
+  packagerConnection_->closeQuietly();
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestNoReconnectOnConnectionRefused) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  ASSERT_TRUE(webSockets_[0]);
+  webSockets_[0]->getDelegate().didFailWithError(ECONNREFUSED, "Test error");
+  EXPECT_FALSE(webSockets_[0]);
+  EXPECT_FALSE(packagerConnection_->isConnected());
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestUnknownEvent) {
+  packagerConnection_->connect();
+  ASSERT_TRUE(webSockets_[0]);
+
+  // This is a noop (other than logging an error).
+  webSockets_[0]->getDelegate().didReceiveMessage(R"({"event": "foo"})");
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestMalformedEvent) {
+  packagerConnection_->connect();
+  ASSERT_TRUE(webSockets_[0]);
+
+  // This is a noop (other than logging an error).
+  webSockets_[0]->getDelegate().didReceiveMessage("this is not json");
+  webSockets_[0]->getDelegate().didReceiveMessage("{");
+  webSockets_[0]->getDelegate().didReceiveMessage("");
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestEventsNotConformingToType) {
+  packagerConnection_->connect();
+  ASSERT_TRUE(webSockets_[0]);
+
+  // These are all noops (other than logging an error).
+  webSockets_[0]->getDelegate().didReceiveMessage(R"({})");
+  webSockets_[0]->getDelegate().didReceiveMessage(
+      R"({"event": "wrappedEvent"})");
+  webSockets_[0]->getDelegate().didReceiveMessage(R"({"event": "connect"})");
+  webSockets_[0]->getDelegate().didReceiveMessage(R"({"event": "disconnect"})");
+  webSockets_[0]->getDelegate().didReceiveMessage(
+      R"({"payload": {"pageId": "1"}})");
+}
+
+TEST_F(
+    InspectorPackagerConnectionTest,
+    TestWebSocketDelegateIsDestroyedWithConnectionByDefault) {
+  packagerConnection_->connect();
+  ASSERT_TRUE(webSockets_[0]);
+
+  std::weak_ptr delegate = webSockets_[0]->delegate;
+  EXPECT_TRUE(delegate.lock());
+
+  packagerConnection_.reset();
+  EXPECT_FALSE(delegate.lock());
+}
+
+// Edge case: When the C++ layer has released the InspectorPackagerConnection,
+// the platform bindings can still call methods on IWebSocketDelegate through
+// a shared_ptr (typically _briefly_ upgraded from the weak_ptr we provide).
+TEST_F(
+    InspectorPackagerConnectionTest,
+    TestWebSocketDelegateCanOutliveConnection) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  ASSERT_TRUE(webSockets_[0]);
+
+  std::shared_ptr retainedWebSocketDelegate = webSockets_[0]->delegate.lock();
+  ASSERT_TRUE(retainedWebSocketDelegate);
+
+  // Destroy our InspectorPackagerConnection. We can't call methods on it
+  // anymore, but its internals are still valid and it is still responding to
+  // socket messages.
+  packagerConnection_.reset();
+
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  retainedWebSocketDelegate->didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Send an event from the frontend (remote) to the backend (local) and
+  // observe it being received by localConnection.
+  EXPECT_CALL(
+      *localConnections_[0],
+      sendMessage(JsonParsed(AllOf(
+          AtJsonPtr("/method", Eq("FakeDomain.fakeMethod")),
+          AtJsonPtr("/id", Eq(1234)),
+          AtJsonPtr("/params", ElementsAre("arg1", "arg2"))))))
+      .RetiresOnSaturation();
+
+  retainedWebSocketDelegate->didReceiveMessage(sformat(
+      R"({{
+          "event": "wrappedEvent",
+          "payload": {{
+            "pageId": {0},
+            "wrappedEvent": {1}
+          }}
+        }})",
+      toJson(std::to_string(pageId)),
+      toJson(R"({
+                "method": "FakeDomain.fakeMethod",
+                "id": 1234,
+                "params": ["arg1", "arg2"]
+              })")));
+
+  retainedWebSocketDelegate.reset();
+  EXPECT_FALSE(localConnections_[0]);
+  EXPECT_FALSE(webSockets_[0]);
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestDestroyConnectionOnPageRemoved) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  ASSERT_TRUE(webSockets_[0]);
+
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  EXPECT_TRUE(localConnections_[0]);
+
+  // Remove the page.
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  getInspectorInstance().removePage(pageId);
+  EXPECT_FALSE(localConnections_[0]);
+}
+
+TEST_F(
+    InspectorPackagerConnectionTestAsync,
+    TestAttemptSendToRemoteAfterDestroyed) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Send an event from the mocked backend (local) to the frontend (remote)
+  // but don't flush the callback queue yet.
+  localConnections_[0]->getRemoteConnection().onMessage(R"({
+                                                            "method": "FakeDomain.eventTriggered",
+                                                            "params": ["arg1", "arg2"]
+                                                          })");
+
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  getInspectorInstance().removePage(pageId);
+
+  packagerConnection_.reset();
+
+  // Flush the callback queue. This doesn't crash.
+  EXPECT_EQ(asyncExecutor_.run(), 1);
+}
+
+TEST_F(
+    InspectorPackagerConnectionTestAsync,
+    TestAttemptSendToStaleRemoteConnection) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Send an event from the mocked backend (local) to the frontend (remote)
+  // but don't flush the callback queue yet.
+  localConnections_[0]->getRemoteConnection().onMessage(R"({
+                                                            "method": "FakeDomain.eventToBeDropped",
+                                                            "params": ["arg1", "arg2"]
+                                                          })");
+
+  // Disconnect from the page.
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "disconnect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  EXPECT_FALSE(localConnections_[0]);
+
+  // Connect to the same page again.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+
+  EXPECT_TRUE(localConnections_[1]);
+
+  // Send an event from the mocked backend (local) to the frontend (remote) over
+  // the new connection, then flush the callback queue.
+  // Only this event should be sent over the socket.
+  EXPECT_CALL(
+      *webSockets_[0],
+      send(JsonParsed(AllOf(
+          AtJsonPtr("/event", Eq("wrappedEvent")),
+          AtJsonPtr("/payload/pageId", Eq(std::to_string(pageId))),
+          AtJsonPtr(
+              "/payload/wrappedEvent",
+              JsonEq(
+                  R"({
+                    "method": "FakeDomain.eventToBeDelivered",
+                    "params": ["arg1", "arg2"]
+                  })"))))))
+      .RetiresOnSaturation();
+  localConnections_[1]->getRemoteConnection().onMessage(R"({
+                                                            "method": "FakeDomain.eventToBeDelivered",
+                                                            "params": ["arg1", "arg2"]
+                                                          })");
+  EXPECT_EQ(asyncExecutor_.run(), 2);
+
+  // Clean up.
+  EXPECT_CALL(*localConnections_[1], disconnect()).RetiresOnSaturation();
+  getInspectorInstance().removePage(pageId);
+}
+
+TEST_F(
+    InspectorPackagerConnectionTestAsync,
+    TestAttemptSendToStaleRemoteConnectionWhenRetained) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  packagerConnection_->connect();
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      localConnections_
+          .lazily_make_unique<std::unique_ptr<IRemoteConnection>>());
+
+  // Connect to the page.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  ASSERT_TRUE(localConnections_[0]);
+
+  // Send an event from the mocked backend (local) to the frontend (remote)
+  // but don't flush the callback queue yet.
+  localConnections_[0]->getRemoteConnection().onMessage(R"({
+                                                            "method": "FakeDomain.eventToBeDropped",
+                                                            "params": ["arg1", "arg2"]
+                                                          })");
+
+  // Forcibly retain the remote connection beyond localConnections_[0]'s
+  // lifetime.
+  auto retainedRemoteConnection0 =
+      localConnections_[0]->dangerouslyReleaseRemoteConnection();
+
+  // Disconnect from the page.
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "disconnect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+  EXPECT_FALSE(localConnections_[0]);
+
+  // Connect to the same page again.
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+
+  EXPECT_TRUE(localConnections_[1]);
+
+  // Remember localConnections_[0]'s remote connection? We can still use it
+  // without crashing, but it will not deliver any messages.
+  retainedRemoteConnection0->onMessage(R"({
+                                           "method": "FakeDomain.anotherEventToBeDropped",
+                                           "params": ["arg1", "arg2"]
+                                         })");
+  retainedRemoteConnection0->onDisconnect();
+
+  // Send events from the mocked backend (local) to the frontend (remote) over
+  // the new connection, then flush the callback queue.
+  // Only these events should be sent over the socket.
+  EXPECT_CALL(
+      *webSockets_[0],
+      send(JsonParsed(AllOf(
+          AtJsonPtr("/event", Eq("wrappedEvent")),
+          AtJsonPtr("/payload/pageId", Eq(std::to_string(pageId))),
+          AtJsonPtr(
+              "/payload/wrappedEvent",
+              JsonEq(
+                  R"({
+                    "method": "FakeDomain.eventToBeDelivered",
+                    "params": ["arg1", "arg2"]
+                  })"))))))
+      .RetiresOnSaturation();
+  localConnections_[1]->getRemoteConnection().onMessage(R"({
+                                                            "method": "FakeDomain.eventToBeDelivered",
+                                                            "params": ["arg1", "arg2"]
+                                                          })");
+  EXPECT_CALL(
+      *webSockets_[0],
+      send(JsonParsed(AllOf(
+          AtJsonPtr("/event", Eq("disconnect")),
+          AtJsonPtr("/payload/pageId", Eq(std::to_string(pageId)))))))
+      .RetiresOnSaturation();
+  localConnections_[1]->getRemoteConnection().onDisconnect();
+
+  EXPECT_EQ(asyncExecutor_.run(), 5);
+
+  // Clean up.
+  EXPECT_CALL(*localConnections_[1], disconnect()).RetiresOnSaturation();
+  getInspectorInstance().removePage(pageId);
+}
+
+TEST_F(InspectorPackagerConnectionTest, TestRejectedPageConnection) {
+  // Configure gmock to expect calls in a specific order.
+  InSequence mockCallsMustBeInSequence;
+
+  enum {
+    Accept,
+    RejectSilently,
+    RejectWithDisconnect
+  } mockNextConnectionBehavior;
+
+  auto pageId = getInspectorInstance().addPage(
+      "mock-title",
+      "mock-vm",
+      [&mockNextConnectionBehavior,
+       this](auto remoteConnection) -> std::unique_ptr<ILocalConnection> {
+        switch (mockNextConnectionBehavior) {
+          case Accept:
+            return localConnections_.make_unique(std::move(remoteConnection));
+          case RejectSilently:
+            return nullptr;
+          case RejectWithDisconnect:
+            remoteConnection->onDisconnect();
+            return nullptr;
+        }
+      });
+
+  packagerConnection_->connect();
+
+  ASSERT_TRUE(webSockets_[0]);
+
+  // Reject the connection by returning nullptr.
+  mockNextConnectionBehavior = RejectSilently;
+
+  EXPECT_CALL(
+      *webSockets_[0],
+      send(JsonParsed(AllOf(
+          AtJsonPtr("/event", Eq("disconnect")),
+          AtJsonPtr("/payload/pageId", Eq(std::to_string(pageId)))))))
+      .RetiresOnSaturation();
+
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "wrappedEvent",
+          "payload": {{
+            "pageId": {0},
+            "wrappedEvent": {1}
+          }}
+        }})",
+      toJson(std::to_string(pageId)),
+      toJson(R"({
+                "method": "FakeDomain.fakeMethod",
+                "id": 1,
+                "params": ["arg1", "arg2"]
+              })")));
+
+  // Reject the connection by explicitly calling onDisconnect(), then returning
+  // nullptr.
+  mockNextConnectionBehavior = RejectWithDisconnect;
+
+  EXPECT_CALL(
+      *webSockets_[0],
+      send(JsonParsed(AllOf(
+          AtJsonPtr("/event", Eq("disconnect")),
+          AtJsonPtr("/payload/pageId", Eq(std::to_string(pageId)))))))
+      .RetiresOnSaturation();
+
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "wrappedEvent",
+          "payload": {{
+            "pageId": {0},
+            "wrappedEvent": {1}
+          }}
+        }})",
+      toJson(std::to_string(pageId)),
+      toJson(R"({
+                "method": "FakeDomain.fakeMethod",
+                "id": 2,
+                "params": ["arg1", "arg2"]
+              })")));
+
+  // Accept a connection after previously rejecting connections to the same
+  // page.
+  mockNextConnectionBehavior = Accept;
+
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "connect",
+          "payload": {{
+            "pageId": {0}
+          }}
+        }})",
+      toJson(std::to_string(pageId))));
+
+  EXPECT_CALL(
+      *localConnections_[0],
+      sendMessage(JsonParsed(AllOf(
+          AtJsonPtr("/method", Eq("FakeDomain.fakeMethod")),
+          AtJsonPtr("/id", Eq(3)),
+          AtJsonPtr("/params", ElementsAre("arg1", "arg2"))))))
+      .RetiresOnSaturation();
+
+  webSockets_[0]->getDelegate().didReceiveMessage(sformat(
+      R"({{
+          "event": "wrappedEvent",
+          "payload": {{
+            "pageId": {0},
+            "wrappedEvent": {1}
+          }}
+        }})",
+      toJson(std::to_string(pageId)),
+      toJson(R"({
+                "method": "FakeDomain.fakeMethod",
+                "id": 3,
+                "params": ["arg1", "arg2"]
+              })")));
+
+  EXPECT_CALL(*localConnections_[0], disconnect()).RetiresOnSaturation();
+  getInspectorInstance().removePage(pageId);
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/JsiIntegrationTest.cpp b/packages/react-native/ReactCommon/jsinspector-modern/tests/JsiIntegrationTest.cpp
new file mode 100644
index 00000000000000..3e306fe5ec3a20
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/JsiIntegrationTest.cpp
@@ -0,0 +1,576 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <folly/Format.h>
+#include <folly/dynamic.h>
+#include <folly/executors/QueuedImmediateExecutor.h>
+#include <folly/json.h>
+#include <gmock/gmock.h>
+#include <gtest/gtest.h>
+
+#include <jsinspector-modern/InspectorInterfaces.h>
+#include <jsinspector-modern/PageTarget.h>
+
+#include <memory>
+
+#include "FollyDynamicMatchers.h"
+#include "InspectorMocks.h"
+#include "UniquePtrFactory.h"
+#include "engines/JsiIntegrationTestGenericEngineAdapter.h"
+#include "engines/JsiIntegrationTestHermesEngineAdapter.h"
+
+using namespace ::testing;
+using folly::sformat;
+
+namespace facebook::react::jsinspector_modern {
+
+namespace {
+
+/**
+ * A text fixture class for the integration between the modern RN CDP backend
+ * and a JSI engine, mocking out the rest of RN. For simplicity, everything is
+ * single-threaded and "async" work is actually done through a queued immediate
+ * executor ( = run immediately and finish all queued sub-tasks before
+ * returning).
+ *
+ * The main limitation of the simpler threading model is that we can't cover
+ * breakpoints etc - since pausing during JS execution would prevent the test
+ * from making progress. Such functionality is better suited for a full RN+CDP
+ * integration test (using RN's own thread management) as well as for each
+ * engine's unit tests.
+ *
+ * \tparam EngineAdapter An adapter class that implements RuntimeTargetDelegate
+ * for a particular engine, plus exposes access to a RuntimeExecutor (based on
+ * the provided folly::Executor) and the corresponding jsi::Runtime.
+ */
+template <typename EngineAdapter>
+class JsiIntegrationPortableTest : public Test, private PageTargetDelegate {
+  folly::QueuedImmediateExecutor immediateExecutor_;
+
+ protected:
+  JsiIntegrationPortableTest() : engineAdapter_{immediateExecutor_} {
+    instance_ = &page_->registerInstance(instanceTargetDelegate_);
+    runtimeTarget_ = &instance_->registerRuntime(
+        *engineAdapter_, engineAdapter_->getRuntimeExecutor());
+  }
+
+  ~JsiIntegrationPortableTest() override {
+    toPage_.reset();
+    if (runtimeTarget_) {
+      EXPECT_TRUE(instance_);
+      instance_->unregisterRuntime(*runtimeTarget_);
+      runtimeTarget_ = nullptr;
+    }
+    if (instance_) {
+      page_->unregisterInstance(*instance_);
+      instance_ = nullptr;
+    }
+  }
+
+  void connect() {
+    ASSERT_FALSE(toPage_) << "Can only connect once in a JSI integration test.";
+    toPage_ = page_->connect(
+        remoteConnections_.make_unique(),
+        {.integrationName = "JsiIntegrationTest"});
+
+    // We'll always get an onDisconnect call when we tear
+    // down the test. Expect it in order to satisfy the strict mock.
+    EXPECT_CALL(*remoteConnections_[0], onDisconnect());
+  }
+
+  void reload() {
+    if (runtimeTarget_) {
+      ASSERT_TRUE(instance_);
+      instance_->unregisterRuntime(*runtimeTarget_);
+      runtimeTarget_ = nullptr;
+    }
+    if (instance_) {
+      page_->unregisterInstance(*instance_);
+      instance_ = nullptr;
+    }
+    // Recreate the engine (e.g. to wipe any state in the inner jsi::Runtime)
+    engineAdapter_.emplace(immediateExecutor_);
+    instance_ = &page_->registerInstance(instanceTargetDelegate_);
+    runtimeTarget_ = &instance_->registerRuntime(
+        *engineAdapter_, engineAdapter_->getRuntimeExecutor());
+  }
+
+  MockRemoteConnection& fromPage() {
+    assert(toPage_);
+    return *remoteConnections_[0];
+  }
+
+  VoidExecutor inspectorExecutor_ = [this](auto callback) {
+    immediateExecutor_.add(callback);
+  };
+
+  jsi::Value eval(std::string_view code) {
+    return engineAdapter_->getRuntime().evaluateJavaScript(
+        std::make_shared<jsi::StringBuffer>(std::string(code)), "<eval>");
+  }
+
+  /**
+   * Expect a message matching the provided gmock \c matcher and return a holder
+   * that will eventually contain the parsed JSON payload.
+   */
+  template <typename Matcher>
+  std::shared_ptr<const std::optional<folly::dynamic>> expectMessageFromPage(
+      Matcher&& matcher) {
+    std::shared_ptr result =
+        std::make_shared<std::optional<folly::dynamic>>(std::nullopt);
+    EXPECT_CALL(fromPage(), onMessage(matcher))
+        .WillOnce(
+            ([result](auto message) { *result = folly::parseJson(message); }))
+        .RetiresOnSaturation();
+    return result;
+  }
+
+  std::shared_ptr<PageTarget> page_ =
+      PageTarget::create(*this, inspectorExecutor_);
+  InstanceTarget* instance_{};
+  RuntimeTarget* runtimeTarget_{};
+
+  MockInstanceTargetDelegate instanceTargetDelegate_;
+  std::optional<EngineAdapter> engineAdapter_;
+
+ private:
+  UniquePtrFactory<StrictMock<MockRemoteConnection>> remoteConnections_;
+
+ protected:
+  // NOTE: Needs to be destroyed before page_.
+  std::unique_ptr<ILocalConnection> toPage_;
+
+ private:
+  // PageTargetDelegate methods
+
+  void onReload(const PageReloadRequest& request) override {
+    (void)request;
+    reload();
+  }
+};
+
+} // namespace
+
+////////////////////////////////////////////////////////////////////////////////
+
+// Some tests are specific to Hermes's CDP capabilities and some are not.
+// We'll use JsiIntegrationHermesTest as an alias for Hermes-specific tests
+// and JsiIntegrationPortableTest for the engine-agnostic ones.
+
+/**
+ * The list of engine adapters for which engine-agnostic tests should pass.
+ */
+using AllEngines = Types<
+    JsiIntegrationTestHermesEngineAdapter,
+    JsiIntegrationTestGenericEngineAdapter>;
+
+using AllHermesVariants = Types<JsiIntegrationTestHermesEngineAdapter>;
+
+TYPED_TEST_SUITE(JsiIntegrationPortableTest, AllEngines);
+
+template <typename EngineAdapter>
+using JsiIntegrationHermesTest = JsiIntegrationPortableTest<EngineAdapter>;
+TYPED_TEST_SUITE(JsiIntegrationHermesTest, AllHermesVariants);
+
+////////////////////////////////////////////////////////////////////////////////
+
+TYPED_TEST(JsiIntegrationPortableTest, ConnectWithoutCrashing) {
+  this->connect();
+}
+
+TYPED_TEST(JsiIntegrationPortableTest, ErrorOnUnknownMethod) {
+  this->connect();
+
+  this->expectMessageFromPage(
+      JsonParsed(AllOf(AtJsonPtr("/id", 1), AtJsonPtr("/error/code", -32601))));
+
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Foobar.unknownMethod"
+                               })");
+}
+
+TYPED_TEST(JsiIntegrationPortableTest, ExecutionContextNotifications) {
+  this->connect();
+
+  InSequence s;
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "method": "Runtime.executionContextCreated",
+                                         "params": {
+                                           "context": {
+                                             "id": 1,
+                                             "origin": "",
+                                             "name": "main"
+                                           }
+                                         }
+                                       })"));
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "id": 1,
+                                         "result": {}
+                                       })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Runtime.enable"
+                               })");
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "method": "Runtime.executionContextDestroyed",
+                                         "params": {
+                                           "executionContextId": 1
+                                         }
+                                       })"));
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "method": "Runtime.executionContextsCleared"
+                                       })"));
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "method": "Runtime.executionContextCreated",
+                                         "params": {
+                                           "context": {
+                                             "id": 2,
+                                             "origin": "",
+                                             "name": "main"
+                                           }
+                                         }
+                                       })"));
+  // Simulate a reload triggered by the app (not by the debugger).
+  this->reload();
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "method": "Runtime.executionContextDestroyed",
+                                         "params": {
+                                           "executionContextId": 2
+                                         }
+                                       })"));
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "method": "Runtime.executionContextsCleared"
+                                       })"));
+  this->expectMessageFromPage(JsonEq(R"({
+                                                     "method": "Runtime.executionContextCreated",
+                                                     "params": {
+                                                       "context": {
+                                                         "id": 3,
+                                                         "origin": "",
+                                                         "name": "main"
+                                                       }
+                                                     }
+                                                   })"));
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "id": 2,
+                                         "result": {}
+                                       })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 2,
+                                 "method": "Page.reload"
+                               })");
+}
+
+TYPED_TEST(JsiIntegrationPortableTest, AddBinding) {
+  this->connect();
+
+  InSequence s;
+
+  auto executionContextInfo = this->expectMessageFromPage(JsonParsed(
+      AllOf(AtJsonPtr("/method", "Runtime.executionContextCreated"))));
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "id": 1,
+                                         "result": {}
+                                       })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Runtime.enable"
+                               })");
+  auto executionContextId =
+      executionContextInfo->value()["params"]["context"]["id"];
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                          "id": 2,
+                                          "result": {}
+                                        })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 2,
+                                 "method": "Runtime.addBinding",
+                                 "params": {"name": "foo"}
+                               })");
+
+  this->expectMessageFromPage(JsonParsed(AllOf(
+      AtJsonPtr("/method", "Runtime.bindingCalled"),
+      AtJsonPtr("/params/name", "foo"),
+      AtJsonPtr("/params/payload", "bar"),
+      AtJsonPtr("/params/executionContextId", executionContextId))));
+  this->eval("globalThis.foo('bar');");
+}
+
+TYPED_TEST(JsiIntegrationPortableTest, AddedBindingSurvivesReload) {
+  this->connect();
+
+  InSequence s;
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                          "id": 1,
+                                          "result": {}
+                                        })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Runtime.addBinding",
+                                 "params": {"name": "foo"}
+                               })");
+
+  this->reload();
+
+  // Get the new context ID by sending Runtime.enable now.
+  auto executionContextInfo = this->expectMessageFromPage(JsonParsed(
+      AllOf(AtJsonPtr("/method", "Runtime.executionContextCreated"))));
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "id": 1,
+                                         "result": {}
+                                       })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Runtime.enable"
+                               })");
+  auto executionContextId =
+      executionContextInfo->value()["params"]["context"]["id"];
+
+  this->expectMessageFromPage(JsonParsed(AllOf(
+      AtJsonPtr("/method", "Runtime.bindingCalled"),
+      AtJsonPtr("/params/name", "foo"),
+      AtJsonPtr("/params/payload", "bar"),
+      AtJsonPtr("/params/executionContextId", executionContextId))));
+  this->eval("globalThis.foo('bar');");
+}
+
+TYPED_TEST(JsiIntegrationPortableTest, RemovedBindingRemainsInstalled) {
+  this->connect();
+
+  InSequence s;
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                          "id": 1,
+                                          "result": {}
+                                        })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Runtime.addBinding",
+                                 "params": {"name": "foo"}
+                               })");
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                          "id": 2,
+                                          "result": {}
+                                        })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 2,
+                                 "method": "Runtime.removeBinding",
+                                 "params": {"name": "foo"}
+                               })");
+
+  this->eval("globalThis.foo('bar');");
+}
+
+TYPED_TEST(JsiIntegrationPortableTest, RemovedBindingDoesNotSurviveReload) {
+  this->connect();
+
+  InSequence s;
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                          "id": 1,
+                                          "result": {}
+                                        })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Runtime.addBinding",
+                                 "params": {"name": "foo"}
+                               })");
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                          "id": 2,
+                                          "result": {}
+                                        })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 2,
+                                 "method": "Runtime.removeBinding",
+                                 "params": {"name": "foo"}
+                               })");
+
+  this->reload();
+
+  EXPECT_TRUE(this->eval("typeof globalThis.foo === 'undefined'").getBool());
+}
+
+TYPED_TEST(JsiIntegrationPortableTest, AddBindingClobbersExistingProperty) {
+  this->connect();
+
+  InSequence s;
+
+  this->eval(R"(
+    globalThis.foo = 'clobbered value';
+  )");
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                          "id": 1,
+                                          "result": {}
+                                        })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Runtime.addBinding",
+                                 "params": {"name": "foo"}
+                               })");
+
+  this->expectMessageFromPage(JsonParsed(AllOf(
+      AtJsonPtr("/method", "Runtime.bindingCalled"),
+      AtJsonPtr("/params/name", "foo"),
+      AtJsonPtr("/params/payload", "bar"))));
+  this->eval("globalThis.foo('bar');");
+}
+
+TYPED_TEST(JsiIntegrationPortableTest, ExceptionDuringAddBindingIsIgnored) {
+  this->connect();
+
+  InSequence s;
+
+  this->eval(R"(
+    Object.defineProperty(globalThis, 'foo', {
+      get: function () { return 42; },
+      set: function () { throw new Error('nope'); },
+    });
+  )");
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                          "id": 1,
+                                          "result": {}
+                                        })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Runtime.addBinding",
+                                 "params": {"name": "foo"}
+                               })");
+
+  EXPECT_TRUE(this->eval("globalThis.foo === 42").getBool());
+}
+
+////////////////////////////////////////////////////////////////////////////////
+
+TYPED_TEST(JsiIntegrationHermesTest, EvaluateExpression) {
+  this->connect();
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "id": 1,
+                                         "result": {
+                                           "result": {
+                                             "type": "number",
+                                             "value": 42
+                                           }
+                                         }
+                                       })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Runtime.evaluate",
+                                 "params": {"expression": "42"}
+                               })");
+}
+
+TYPED_TEST(JsiIntegrationHermesTest, EvaluateExpressionInExecutionContext) {
+  this->connect();
+
+  InSequence s;
+
+  auto executionContextInfo = this->expectMessageFromPage(JsonParsed(
+      AllOf(AtJsonPtr("/method", "Runtime.executionContextCreated"))));
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "id": 1,
+                                         "result": {}
+                                       })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Runtime.enable"
+                               })");
+  auto executionContextId =
+      executionContextInfo->value()["params"]["context"]["id"].getInt();
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "id": 1,
+                                         "result": {
+                                           "result": {
+                                             "type": "number",
+                                             "value": 42
+                                           }
+                                         }
+                                       })"));
+  this->toPage_->sendMessage(sformat(
+      R"({{
+        "id": 1,
+        "method": "Runtime.evaluate",
+        "params": {{"expression": "42", "contextId": {0}}}
+      }})",
+      std::to_string(executionContextId)));
+
+  // Silence notifications about execution contexts.
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "id": 2,
+                                         "result": {}
+                                       })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 2,
+                                 "method": "Runtime.disable"
+                               })");
+  this->reload();
+
+  // Now the old execution context is stale.
+  this->expectMessageFromPage(
+      JsonParsed(AllOf(AtJsonPtr("/id", 3), AtJsonPtr("/error/code", -32000))));
+  this->toPage_->sendMessage(sformat(
+      R"({{
+        "id": 3,
+        "method": "Runtime.evaluate",
+        "params": {{"expression": "10000", "contextId": {0}}}
+      }})",
+      std::to_string(executionContextId)));
+}
+
+TYPED_TEST(JsiIntegrationHermesTest, ResolveBreakpointAfterReload) {
+  this->connect();
+
+  InSequence s;
+
+  this->expectMessageFromPage(JsonParsed(AtJsonPtr("/id", 1)));
+  this->toPage_->sendMessage(R"({
+                                 "id": 1,
+                                 "method": "Debugger.setBreakpointByUrl",
+                                 "params": {"lineNumber": 2, "url": "breakpointTest.js"}
+                               })");
+
+  this->reload();
+
+  this->expectMessageFromPage(JsonEq(R"({
+                                         "id": 2,
+                                         "result": {}
+                                       })"));
+  this->toPage_->sendMessage(R"({
+                                 "id": 2,
+                                 "method": "Debugger.enable"
+                               })");
+
+  auto scriptInfo = this->expectMessageFromPage(JsonParsed(AllOf(
+      AtJsonPtr("/method", "Debugger.scriptParsed"),
+      AtJsonPtr("/params/url", "breakpointTest.js"))));
+  auto breakpointInfo = this->expectMessageFromPage(JsonParsed(AllOf(
+      AtJsonPtr("/method", "Debugger.breakpointResolved"),
+      AtJsonPtr("/params/location/lineNumber", 2))));
+  this->eval(R"( // line 0
+    globalThis.foo = function() { // line 1
+      Date.now(); // line 2
+    };
+    //# sourceURL=breakpointTest.js
+  )");
+  EXPECT_EQ(
+      breakpointInfo->value()["params"]["location"]["scriptId"],
+      scriptInfo->value()["params"]["scriptId"]);
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/PageTargetTest.cpp b/packages/react-native/ReactCommon/jsinspector-modern/tests/PageTargetTest.cpp
new file mode 100644
index 00000000000000..31b01eb1571af9
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/PageTargetTest.cpp
@@ -0,0 +1,517 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <folly/dynamic.h>
+#include <folly/executors/QueuedImmediateExecutor.h>
+#include <folly/json.h>
+#include <gmock/gmock.h>
+#include <gtest/gtest.h>
+
+#include <jsinspector-modern/InspectorInterfaces.h>
+#include <jsinspector-modern/PageTarget.h>
+
+#include <memory>
+
+#include "FollyDynamicMatchers.h"
+#include "InspectorMocks.h"
+#include "UniquePtrFactory.h"
+
+using namespace ::testing;
+
+namespace facebook::react::jsinspector_modern {
+
+namespace {
+
+class PageTargetTest : public Test {
+  folly::QueuedImmediateExecutor immediateExecutor_;
+
+ protected:
+  PageTargetTest() {
+    EXPECT_CALL(runtimeTargetDelegate_, createAgentDelegate(_, _, _, _))
+        .WillRepeatedly(runtimeAgentDelegates_.lazily_make_unique<
+                        FrontendChannel,
+                        SessionState&,
+                        std::unique_ptr<RuntimeAgentDelegate::ExportedState>,
+                        const ExecutionContextDescription&>());
+  }
+
+  void connect() {
+    ASSERT_FALSE(toPage_) << "Can only connect once in a PageTargetTest.";
+    toPage_ = page_->connect(
+        remoteConnections_.make_unique(),
+        {.integrationName = "PageTargetTest"});
+
+    // We'll always get an onDisconnect call when we tear
+    // down the test. Expect it in order to satisfy the strict mock.
+    EXPECT_CALL(*remoteConnections_[0], onDisconnect());
+  }
+
+  MockPageTargetDelegate pageTargetDelegate_;
+
+  MockRemoteConnection& fromPage() {
+    assert(toPage_);
+    return *remoteConnections_[0];
+  }
+
+  VoidExecutor inspectorExecutor_ = [this](auto callback) {
+    immediateExecutor_.add(callback);
+  };
+
+  std::shared_ptr<PageTarget> page_ =
+      PageTarget::create(pageTargetDelegate_, inspectorExecutor_);
+
+  MockInstanceTargetDelegate instanceTargetDelegate_;
+  MockRuntimeTargetDelegate runtimeTargetDelegate_;
+  // We don't have access to a jsi::Runtime in these tests, so just use an
+  // executor that never runs the scheduled callbacks.
+  RuntimeExecutor runtimeExecutor_ = [](auto) {};
+
+  UniquePtrFactory<StrictMock<MockRuntimeAgentDelegate>> runtimeAgentDelegates_;
+
+ private:
+  UniquePtrFactory<StrictMock<MockRemoteConnection>> remoteConnections_;
+
+ protected:
+  // NOTE: Needs to be destroyed before page_.
+  std::unique_ptr<ILocalConnection> toPage_;
+};
+
+/**
+ * Simplified test harness focused on sending messages to and from a PageTarget.
+ */
+class PageTargetProtocolTest : public PageTargetTest {
+ public:
+  PageTargetProtocolTest() {
+    connect();
+  }
+
+ private:
+  // Protocol tests shouldn't manually call connect()
+  using PageTargetTest::connect;
+};
+
+} // namespace
+
+TEST_F(PageTargetProtocolTest, UnrecognizedMethod) {
+  EXPECT_CALL(
+      fromPage(),
+      onMessage(JsonParsed(AllOf(
+          AtJsonPtr("/error/code", Eq(-32601)), AtJsonPtr("/id", Eq(1))))))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": "SomeUnrecognizedMethod",
+                           "params": [1, 2]
+                         })");
+}
+
+TEST_F(PageTargetProtocolTest, TypeErrorInMethodName) {
+  EXPECT_CALL(
+      fromPage(),
+      onMessage(JsonParsed(AllOf(
+          AtJsonPtr("/error/code", Eq(-32600)),
+          AtJsonPtr("/id", Eq(nullptr))))))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": 42,
+                           "params": [1, 2]
+                         })");
+}
+
+TEST_F(PageTargetProtocolTest, MissingId) {
+  EXPECT_CALL(
+      fromPage(),
+      onMessage(JsonParsed(AllOf(
+          AtJsonPtr("/error/code", Eq(-32600)),
+          AtJsonPtr("/id", Eq(nullptr))))))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "method": "SomeUnrecognizedMethod",
+                           "params": [1, 2]
+                         })");
+}
+
+TEST_F(PageTargetProtocolTest, MalformedJson) {
+  EXPECT_CALL(
+      fromPage(),
+      onMessage(JsonParsed(AllOf(
+          AtJsonPtr("/error/code", Eq(-32700)),
+          AtJsonPtr("/id", Eq(nullptr))))))
+      .RetiresOnSaturation();
+  toPage_->sendMessage("{");
+}
+
+TEST_F(PageTargetProtocolTest, InjectLogsToIdentifyBackend) {
+  InSequence s;
+
+  EXPECT_CALL(
+      fromPage(),
+      onMessage(JsonParsed(AllOf(
+          AtJsonPtr("/method", "Log.entryAdded"),
+          AtJsonPtr("/params/entry", Not(IsEmpty()))))))
+      .Times(2)
+      .RetiresOnSaturation();
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(R"({
+                                               "id": 1,
+                                               "result": {}
+                                             })")))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": "Log.enable"
+                         })");
+}
+
+TEST_F(PageTargetProtocolTest, PageReloadMethod) {
+  InSequence s;
+
+  EXPECT_CALL(
+      pageTargetDelegate_,
+      onReload(Eq(PageTargetDelegate::PageReloadRequest{
+          .ignoreCache = std::nullopt,
+          .scriptToEvaluateOnLoad = std::nullopt})))
+      .RetiresOnSaturation();
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(R"({
+                                               "id": 1,
+                                               "result": {}
+                                             })")))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": "Page.reload"
+                         })");
+
+  EXPECT_CALL(
+      pageTargetDelegate_,
+      onReload(Eq(PageTargetDelegate::PageReloadRequest{
+          .ignoreCache = true, .scriptToEvaluateOnLoad = "alert('hello');"})))
+      .RetiresOnSaturation();
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(R"({
+                                               "id": 2,
+                                               "result": {}
+                                             })")))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 2,
+                           "method": "Page.reload",
+                           "params": {
+                             "ignoreCache": true,
+                             "scriptToEvaluateOnLoad": "alert('hello');"
+                           }
+                         })");
+}
+
+TEST_F(PageTargetProtocolTest, RegisterUnregisterInstanceWithoutEvents) {
+  auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+
+  page_->unregisterInstance(instanceTarget);
+}
+
+TEST_F(PageTargetTest, ConnectToAlreadyRegisteredInstanceWithoutEvents) {
+  auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+
+  connect();
+
+  page_->unregisterInstance(instanceTarget);
+}
+
+TEST_F(PageTargetProtocolTest, RegisterUnregisterInstanceWithEvents) {
+  InSequence s;
+
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(R"({
+                                               "id": 1,
+                                               "result": {}
+                                             })")));
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": "Runtime.enable"
+                         })");
+
+  auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(R"({
+                                               "method": "Runtime.executionContextsCleared"
+                                             })")));
+  page_->unregisterInstance(instanceTarget);
+}
+
+TEST_F(PageTargetTest, ConnectToAlreadyRegisteredInstanceWithEvents) {
+  auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+
+  connect();
+
+  InSequence s;
+
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(R"({
+                                               "id": 1,
+                                               "result": {}
+                                             })")));
+
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": "Runtime.enable"
+                         })");
+
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(R"({
+                                               "method": "Runtime.executionContextsCleared"
+                                             })")));
+  page_->unregisterInstance(instanceTarget);
+}
+
+TEST_F(PageTargetTest, ConnectToAlreadyRegisteredRuntimeWithEvents) {
+  auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+  auto& runtimeTarget =
+      instanceTarget.registerRuntime(runtimeTargetDelegate_, runtimeExecutor_);
+
+  connect();
+
+  InSequence s;
+
+  ASSERT_TRUE(runtimeAgentDelegates_[0]);
+  EXPECT_CALL(*runtimeAgentDelegates_[0], handleRequest(_))
+      .WillOnce(Return(true))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": "CustomRuntimeDomain.Foo",
+                           "params": {
+                             "expression": "42"
+                           }
+                         })");
+
+  static constexpr auto kFooResponse = R"({
+    "id": 1,
+    "result": {
+      "fooValue": 42
+    }
+  })";
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(kFooResponse)))
+      .RetiresOnSaturation();
+  runtimeAgentDelegates_[0]->frontendChannel(kFooResponse);
+
+  instanceTarget.unregisterRuntime(runtimeTarget);
+  page_->unregisterInstance(instanceTarget);
+}
+
+TEST_F(PageTargetProtocolTest, RuntimeAgentDelegateLifecycle) {
+  {
+    auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+    auto& runtimeTarget = instanceTarget.registerRuntime(
+        runtimeTargetDelegate_, runtimeExecutor_);
+
+    EXPECT_TRUE(runtimeAgentDelegates_[0]);
+
+    instanceTarget.unregisterRuntime(runtimeTarget);
+    page_->unregisterInstance(instanceTarget);
+  }
+
+  EXPECT_FALSE(runtimeAgentDelegates_[0]);
+
+  {
+    auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+    auto& runtimeTarget = instanceTarget.registerRuntime(
+        runtimeTargetDelegate_, runtimeExecutor_);
+
+    EXPECT_TRUE(runtimeAgentDelegates_[1]);
+
+    instanceTarget.unregisterRuntime(runtimeTarget);
+    page_->unregisterInstance(instanceTarget);
+  }
+
+  EXPECT_FALSE(runtimeAgentDelegates_[1]);
+}
+
+TEST_F(PageTargetProtocolTest, MethodNotHandledByRuntimeAgentDelegate) {
+  InSequence s;
+
+  auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+  auto& runtimeTarget =
+      instanceTarget.registerRuntime(runtimeTargetDelegate_, runtimeExecutor_);
+
+  ASSERT_TRUE(runtimeAgentDelegates_[0]);
+  EXPECT_CALL(*runtimeAgentDelegates_[0], handleRequest(_))
+      .WillOnce(Return(false))
+      .RetiresOnSaturation();
+  EXPECT_CALL(
+      fromPage(), onMessage(JsonParsed(AtJsonPtr("/error/code", Eq(-32601)))))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": "CustomRuntimeDomain.Foo",
+                           "params": {
+                             "expression": "42"
+                           }
+                         })");
+
+  instanceTarget.unregisterRuntime(runtimeTarget);
+  page_->unregisterInstance(instanceTarget);
+}
+
+TEST_F(PageTargetProtocolTest, MethodHandledByRuntimeAgentDelegate) {
+  InSequence s;
+
+  auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+  auto& runtimeTarget =
+      instanceTarget.registerRuntime(runtimeTargetDelegate_, runtimeExecutor_);
+
+  ASSERT_TRUE(runtimeAgentDelegates_[0]);
+  EXPECT_CALL(*runtimeAgentDelegates_[0], handleRequest(_))
+      .WillOnce(Return(true))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": "CustomRuntimeDomain.Foo",
+                           "params": {
+                             "expression": "42"
+                           }
+                         })");
+
+  static constexpr auto kFooResponse = R"({
+    "id": 1,
+    "result": {
+      "fooValue": 42
+    }
+  })";
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(kFooResponse)))
+      .RetiresOnSaturation();
+  runtimeAgentDelegates_[0]->frontendChannel(kFooResponse);
+
+  instanceTarget.unregisterRuntime(runtimeTarget);
+  page_->unregisterInstance(instanceTarget);
+}
+
+TEST_F(PageTargetProtocolTest, MessageRoutingWhileNoRuntimeAgentDelegate) {
+  InSequence s;
+
+  EXPECT_CALL(
+      fromPage(), onMessage(JsonParsed(AtJsonPtr("/error/code", Eq(-32601)))))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": "CustomRuntimeDomain.Foo",
+                           "params": {
+                             "expression": "42"
+                           }
+                         })");
+
+  auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+  auto& runtimeTarget =
+      instanceTarget.registerRuntime(runtimeTargetDelegate_, runtimeExecutor_);
+
+  ASSERT_TRUE(runtimeAgentDelegates_[0]);
+  EXPECT_CALL(*runtimeAgentDelegates_[0], handleRequest(_))
+      .WillOnce(Return(true))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 2,
+                           "method": "CustomRuntimeDomain.Foo",
+                           "params": {
+                             "expression": "42"
+                           }
+                         })");
+
+  static constexpr auto kFooResponse = R"({
+    "id": 2,
+    "result": {
+      "fooValue": 42
+    }
+  })";
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(kFooResponse)))
+      .RetiresOnSaturation();
+  runtimeAgentDelegates_[0]->frontendChannel(kFooResponse);
+
+  instanceTarget.unregisterRuntime(runtimeTarget);
+  page_->unregisterInstance(instanceTarget);
+
+  EXPECT_FALSE(runtimeAgentDelegates_[0]);
+
+  EXPECT_CALL(
+      fromPage(), onMessage(JsonParsed(AtJsonPtr("/error/code", Eq(-32601)))))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 3,
+                           "method": "CustomRuntimeDomain.Foo",
+                           "params": {
+                             "expression": "42"
+                           }
+                         })");
+}
+
+TEST_F(PageTargetProtocolTest, InstanceWithNullRuntimeAgentDelegate) {
+  InSequence s;
+
+  EXPECT_CALL(runtimeTargetDelegate_, createAgentDelegate(_, _, _, _))
+      .WillRepeatedly(ReturnNull());
+
+  auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+  auto& runtimeTarget =
+      instanceTarget.registerRuntime(runtimeTargetDelegate_, runtimeExecutor_);
+
+  EXPECT_FALSE(runtimeAgentDelegates_[0]);
+
+  EXPECT_CALL(
+      fromPage(), onMessage(JsonParsed(AtJsonPtr("/error/code", Eq(-32601)))))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": "CustomRuntimeDomain.Foo",
+                           "params": {
+                             "expression": "42"
+                           }
+                         })");
+
+  instanceTarget.unregisterRuntime(runtimeTarget);
+  page_->unregisterInstance(instanceTarget);
+}
+
+TEST_F(PageTargetProtocolTest, RuntimeAgentDelegateHasAccessToSessionState) {
+  InSequence s;
+
+  // Send Runtime.enable before registering the Instance (which in turns creates
+  // the RuntimeAgentDelegate).
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(R"({
+                                               "id": 1,
+                                               "result": {}
+                                             })")))
+      .RetiresOnSaturation();
+  toPage_->sendMessage(R"({
+                           "id": 1,
+                           "method": "Runtime.enable"
+                         })");
+
+  auto& instanceTarget = page_->registerInstance(instanceTargetDelegate_);
+
+  EXPECT_CALL(
+      fromPage(),
+      onMessage(
+          JsonParsed(AtJsonPtr("/method", "Runtime.executionContextCreated"))))
+      .RetiresOnSaturation();
+  instanceTarget.registerRuntime(runtimeTargetDelegate_, runtimeExecutor_);
+  ASSERT_TRUE(runtimeAgentDelegates_[0]);
+
+  EXPECT_TRUE(runtimeAgentDelegates_[0]->sessionState.isRuntimeDomainEnabled);
+
+  // Send Runtime.disable while the RuntimeAgentDelegate exists - it receives
+  // the message and can also observe the updated state.
+  EXPECT_CALL(*runtimeAgentDelegates_[0], handleRequest(Eq(cdp::preparse(R"({
+                                                                    "id": 2,
+                                                                    "method": "Runtime.disable"
+                                                                  })"))));
+  EXPECT_CALL(fromPage(), onMessage(JsonEq(R"({
+                                               "id": 2,
+                                               "result": {}
+                                             })")));
+  toPage_->sendMessage(R"({
+                           "id": 2,
+                           "method": "Runtime.disable"
+                         })");
+
+  EXPECT_FALSE(runtimeAgentDelegates_[0]->sessionState.isRuntimeDomainEnabled);
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/UniquePtrFactory.h b/packages/react-native/ReactCommon/jsinspector-modern/tests/UniquePtrFactory.h
new file mode 100644
index 00000000000000..62edd59d3566aa
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/UniquePtrFactory.h
@@ -0,0 +1,110 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <functional>
+#include <memory>
+
+namespace facebook {
+
+/**
+ * A factory that creates objects of type T wrapped in unique_ptr, and provides
+ * non-owning access to those objects. Note that the factory MUST outlive the
+ * objects it creates.
+ *
+ * Example usage:
+ *
+ * struct Foo { virtual ~foo() = default; };
+ * UniquePtrFactory<Foo> objects;
+ * std::unique_ptr<Foo> object = objects.make_unique();
+ * assert(objects[0] == object.get());
+ * object.reset();
+ * assert(objects[0] == nullptr);
+ *
+ * See UniquePtrFactoryTest.cpp for more examples.
+ */
+template <typename T>
+class UniquePtrFactory {
+  static_assert(
+      std::has_virtual_destructor_v<T>,
+      "T must have a virtual destructor");
+
+ public:
+  /**
+   * Creates a new object of type T, and returns a unique_ptr wrapping it.
+   */
+  template <typename... Args>
+  std::unique_ptr<T> make_unique(Args&&... args) {
+    size_t index = objectPtrs_.size();
+    auto ptr =
+        std::make_unique<Facade>(*this, index, std::forward<Args>(args)...);
+    objectPtrs_.push_back(ptr.get());
+    return ptr;
+  }
+
+  /**
+   * Returns a function that can be used to create objects of type T. The
+   * function may only be used while the factory is alive.
+   */
+  template <typename... Args>
+  std::function<std::unique_ptr<T>(Args&&...)> lazily_make_unique() {
+    return [this](Args&&... args) {
+      return make_unique(std::forward<Args>(args)...);
+    };
+  }
+
+  /**
+   * Returns a pointer to the `index`th object created by this factory,
+   * or nullptr if the object has been destroyed (or not created yet).
+   */
+  T* operator[](size_t index) {
+    return index >= objectPtrs_.size() ? nullptr : objectPtrs_[index];
+  }
+
+  /**
+   * Returns a pointer to the `index`th object created by this factory,
+   * or nullptr if the object has been destroyed (or not created yet).
+   */
+  const T* operator[](size_t index) const {
+    return index >= objectPtrs_.size() ? nullptr : objectPtrs_[index];
+  }
+
+  /**
+   * Returns the total number of objects created by this factory, including
+   * those that have already been destroyed.
+   */
+  size_t objectsVended() const {
+    return objectPtrs_.size();
+  }
+
+ private:
+  friend class Facade;
+
+  /**
+   * Extends T to clean up the reference in objectPtrs_ when the object is
+   * destroyed.
+   */
+  class Facade : public T {
+   public:
+    template <typename... Args>
+    Facade(UniquePtrFactory& container, size_t index, Args&&... args)
+        : T(std::forward<Args>(args)...),
+          container_(container),
+          index_(index) {}
+
+    virtual ~Facade() override {
+      container_.objectPtrs_[index_] = nullptr;
+    }
+
+    UniquePtrFactory& container_;
+    size_t index_;
+  };
+  std::vector<T*> objectPtrs_;
+};
+
+} // namespace facebook
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/UniquePtrFactoryTest.cpp b/packages/react-native/ReactCommon/jsinspector-modern/tests/UniquePtrFactoryTest.cpp
new file mode 100644
index 00000000000000..a63df3968e0d38
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/UniquePtrFactoryTest.cpp
@@ -0,0 +1,84 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <gtest/gtest.h>
+
+#include "UniquePtrFactory.h"
+
+using namespace ::testing;
+
+namespace {
+
+struct Foo {
+  explicit Foo(int v) : value(v) {}
+
+  // Required for UniquePtrFactory
+  virtual ~Foo() = default;
+
+  int value{0};
+};
+
+} // namespace
+
+namespace facebook {
+
+TEST(UniquePtrFactoryTest, KitchenSink) {
+  UniquePtrFactory<Foo> fooObjects;
+
+  EXPECT_EQ(fooObjects[0], nullptr)
+      << "objects should be nullptr before being created";
+  EXPECT_EQ(fooObjects.objectsVended(), 0);
+
+  auto foo0 = fooObjects.make_unique(100);
+  EXPECT_EQ(foo0.get(), fooObjects[0]);
+  EXPECT_EQ(fooObjects.objectsVended(), 1);
+
+  auto foo1 = fooObjects.make_unique(200);
+  EXPECT_EQ(foo1.get(), fooObjects[1]);
+  EXPECT_EQ(fooObjects.objectsVended(), 2);
+
+  foo0.reset();
+  EXPECT_EQ(fooObjects[0], nullptr)
+      << "objects should be nullptr after being destroyed";
+  EXPECT_EQ(fooObjects.objectsVended(), 2)
+      << "objectsVended should never decrease";
+  EXPECT_EQ(foo1.get(), fooObjects[1])
+      << "foo1 should not be affected by foo0 being reset";
+
+  foo1.reset();
+  EXPECT_EQ(fooObjects[1], nullptr)
+      << "objects should be nullptr after being destroyed";
+  EXPECT_EQ(fooObjects.objectsVended(), 2);
+
+  auto foo2 = fooObjects.make_unique(300);
+  EXPECT_EQ(foo2.get(), fooObjects[2]);
+  EXPECT_EQ(fooObjects.objectsVended(), 3);
+}
+
+TEST(UniquePtrFactoryTest, LazilyMakeUnique) {
+  UniquePtrFactory<Foo> fooObjects;
+
+  EXPECT_EQ(fooObjects[0], nullptr)
+      << "objects should be nullptr before being created";
+  EXPECT_EQ(fooObjects.objectsVended(), 0);
+
+  auto makeFoo = fooObjects.lazily_make_unique<int>();
+
+  EXPECT_EQ(fooObjects[0], nullptr)
+      << "an object should not be created until makeFoo is called";
+  EXPECT_EQ(fooObjects.objectsVended(), 0);
+
+  auto foo0 = makeFoo(100);
+  EXPECT_EQ(foo0.get(), fooObjects[0]);
+  EXPECT_EQ(fooObjects.objectsVended(), 1);
+
+  auto foo1 = makeFoo(200);
+  EXPECT_EQ(foo1.get(), fooObjects[1]);
+  EXPECT_EQ(fooObjects.objectsVended(), 2);
+}
+
+} // namespace facebook
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/WeakListTest.cpp b/packages/react-native/ReactCommon/jsinspector-modern/tests/WeakListTest.cpp
new file mode 100644
index 00000000000000..ee86a8e68a9435
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/WeakListTest.cpp
@@ -0,0 +1,91 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <jsinspector-modern/WeakList.h>
+
+#include <gmock/gmock.h>
+#include <gtest/gtest.h>
+
+#include <vector>
+
+using namespace ::testing;
+
+namespace facebook::react::jsinspector_modern {
+
+TEST(WeakListTest, Size) {
+  WeakList<int> list;
+  EXPECT_EQ(list.size(), 0);
+
+  auto p1 = std::make_shared<int>(1);
+  list.insert(p1);
+  EXPECT_EQ(list.size(), 1);
+
+  auto p2 = std::make_shared<int>(2);
+  list.insert(p2);
+  EXPECT_EQ(list.size(), 2);
+
+  p1.reset();
+  EXPECT_EQ(list.size(), 1);
+
+  p2.reset();
+  EXPECT_EQ(list.size(), 0);
+}
+
+TEST(WeakListTest, Empty) {
+  WeakList<int> list;
+  EXPECT_EQ(list.empty(), true);
+
+  auto p1 = std::make_shared<int>(1);
+  list.insert(p1);
+  EXPECT_EQ(list.empty(), false);
+
+  auto p2 = std::make_shared<int>(2);
+  list.insert(p2);
+  EXPECT_EQ(list.empty(), false);
+
+  p1.reset();
+  EXPECT_EQ(list.empty(), false);
+
+  p2.reset();
+  EXPECT_EQ(list.empty(), true);
+}
+
+TEST(WeakListTest, ForEach) {
+  WeakList<int> list;
+  auto p1 = std::make_shared<int>(1);
+  list.insert(p1);
+  auto p2 = std::make_shared<int>(2);
+  list.insert(p2);
+  auto p3 = std::make_shared<int>(3);
+  list.insert(p3);
+
+  p2.reset();
+
+  std::vector<int> visited;
+  list.forEach([&visited](const int& value) { visited.push_back(value); });
+  EXPECT_THAT(visited, ElementsAre(1, 3));
+}
+
+TEST(WeakListTest, ElementsAreAliveDuringCallback) {
+  WeakList<int> list;
+  auto p1 = std::make_shared<int>(1);
+  // A separate weak_ptr to observe the lifetime of `p1`.
+  std::weak_ptr wp1 = p1;
+  list.insert(p1);
+
+  std::vector<int> visited;
+  list.forEach([&](const int& value) {
+    p1.reset();
+    EXPECT_FALSE(wp1.expired());
+    visited.push_back(value);
+  });
+
+  EXPECT_TRUE(wp1.expired());
+  EXPECT_THAT(visited, ElementsAre(1));
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestGenericEngineAdapter.cpp b/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestGenericEngineAdapter.cpp
new file mode 100644
index 00000000000000..ee842d237dcd31
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestGenericEngineAdapter.cpp
@@ -0,0 +1,48 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <jsinspector-modern/FallbackRuntimeAgentDelegate.h>
+
+#include <folly/executors/QueuedImmediateExecutor.h>
+#include <hermes/hermes.h>
+
+#include "JsiIntegrationTestGenericEngineAdapter.h"
+
+using facebook::hermes::makeHermesRuntime;
+
+namespace facebook::react::jsinspector_modern {
+
+JsiIntegrationTestGenericEngineAdapter::JsiIntegrationTestGenericEngineAdapter(
+    folly::Executor& jsExecutor)
+    : runtime_{hermes::makeHermesRuntime()}, jsExecutor_{jsExecutor} {}
+
+std::unique_ptr<RuntimeAgentDelegate>
+JsiIntegrationTestGenericEngineAdapter::createAgentDelegate(
+    FrontendChannel frontendChannel,
+    SessionState& sessionState,
+    std::unique_ptr<RuntimeAgentDelegate::ExportedState>,
+    const ExecutionContextDescription&) {
+  return std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate>(
+      new FallbackRuntimeAgentDelegate(
+          frontendChannel,
+          sessionState,
+          "Generic engine (" + runtime_->description() + ")"));
+}
+
+jsi::Runtime& JsiIntegrationTestGenericEngineAdapter::getRuntime()
+    const noexcept {
+  return *runtime_;
+}
+
+RuntimeExecutor JsiIntegrationTestGenericEngineAdapter::getRuntimeExecutor()
+    const noexcept {
+  return [&jsExecutor = jsExecutor_, &runtime = getRuntime()](auto fn) {
+    jsExecutor.add([fn, &runtime]() { fn(runtime); });
+  };
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestGenericEngineAdapter.h b/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestGenericEngineAdapter.h
new file mode 100644
index 00000000000000..665477e303b644
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestGenericEngineAdapter.h
@@ -0,0 +1,44 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <jsinspector-modern/RuntimeTarget.h>
+
+#include <folly/executors/QueuedImmediateExecutor.h>
+#include <jsi/jsi.h>
+
+#include <memory>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * An engine adapter for JsiIntegrationTest that represents a generic
+ * JSI-compatible engine, with no engine-specific CDP support. Uses Hermes under
+ * the hood, without Hermes's CDP support.
+ */
+class JsiIntegrationTestGenericEngineAdapter : public RuntimeTargetDelegate {
+ public:
+  explicit JsiIntegrationTestGenericEngineAdapter(folly::Executor& jsExecutor);
+
+  virtual std::unique_ptr<RuntimeAgentDelegate> createAgentDelegate(
+      FrontendChannel frontendChannel,
+      SessionState& sessionState,
+      std::unique_ptr<RuntimeAgentDelegate::ExportedState>
+          previouslyExportedState,
+      const ExecutionContextDescription& executionContextDescription) override;
+
+  jsi::Runtime& getRuntime() const noexcept;
+
+  RuntimeExecutor getRuntimeExecutor() const noexcept;
+
+ private:
+  std::unique_ptr<jsi::Runtime> runtime_;
+  folly::Executor& jsExecutor_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestHermesEngineAdapter.cpp b/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestHermesEngineAdapter.cpp
new file mode 100644
index 00000000000000..57efca34257a2e
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestHermesEngineAdapter.cpp
@@ -0,0 +1,58 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <folly/executors/QueuedImmediateExecutor.h>
+
+#include <hermes/inspector-modern/chrome/HermesRuntimeAgentDelegate.h>
+
+#include "JsiIntegrationTestHermesEngineAdapter.h"
+
+using facebook::hermes::makeHermesRuntime;
+
+namespace facebook::react::jsinspector_modern {
+
+JsiIntegrationTestHermesEngineAdapter::JsiIntegrationTestHermesEngineAdapter(
+    folly::Executor& jsExecutor)
+    : runtime_{hermes::makeHermesRuntime()}, jsExecutor_{jsExecutor} {}
+
+std::unique_ptr<RuntimeAgentDelegate>
+JsiIntegrationTestHermesEngineAdapter::createAgentDelegate(
+    FrontendChannel frontendChannel,
+    SessionState& sessionState,
+    std::unique_ptr<RuntimeAgentDelegate::ExportedState>
+        previouslyExportedState,
+    const ExecutionContextDescription& executionContextDescription) {
+  return std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate>(
+      new HermesRuntimeAgentDelegate(
+          frontendChannel,
+          sessionState,
+          std::move(previouslyExportedState),
+          executionContextDescription,
+          runtime_,
+          getRuntimeExecutor()));
+}
+
+jsi::Runtime& JsiIntegrationTestHermesEngineAdapter::getRuntime()
+    const noexcept {
+  return *runtime_;
+}
+
+RuntimeExecutor JsiIntegrationTestHermesEngineAdapter::getRuntimeExecutor()
+    const noexcept {
+  auto& jsExecutor = jsExecutor_;
+  return [runtimeWeak = std::weak_ptr(runtime_), &jsExecutor](auto fn) {
+    jsExecutor.add([runtimeWeak, fn]() {
+      auto runtime = runtimeWeak.lock();
+      if (!runtime) {
+        return;
+      }
+      fn(*runtime);
+    });
+  };
+}
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestHermesEngineAdapter.h b/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestHermesEngineAdapter.h
new file mode 100644
index 00000000000000..08c35800e257d7
--- /dev/null
+++ b/packages/react-native/ReactCommon/jsinspector-modern/tests/engines/JsiIntegrationTestHermesEngineAdapter.h
@@ -0,0 +1,44 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <jsinspector-modern/RuntimeTarget.h>
+
+#include <folly/executors/QueuedImmediateExecutor.h>
+#include <hermes/hermes.h>
+#include <jsi/jsi.h>
+
+#include <memory>
+
+namespace facebook::react::jsinspector_modern {
+
+/**
+ * An engine adapter for JsiIntegrationTest that uses Hermes (and Hermes's
+ * CDP support).
+ */
+class JsiIntegrationTestHermesEngineAdapter : public RuntimeTargetDelegate {
+ public:
+  explicit JsiIntegrationTestHermesEngineAdapter(folly::Executor& jsExecutor);
+
+  virtual std::unique_ptr<RuntimeAgentDelegate> createAgentDelegate(
+      FrontendChannel frontendChannel,
+      SessionState& sessionState,
+      std::unique_ptr<RuntimeAgentDelegate::ExportedState>
+          previouslyExportedState,
+      const ExecutionContextDescription& executionContextDescription) override;
+
+  jsi::Runtime& getRuntime() const noexcept;
+
+  RuntimeExecutor getRuntimeExecutor() const noexcept;
+
+ private:
+  std::shared_ptr<facebook::hermes::HermesRuntime> runtime_;
+  folly::Executor& jsExecutor_;
+};
+
+} // namespace facebook::react::jsinspector_modern
diff --git a/packages/react-native/ReactCommon/jsinspector/.clang-tidy b/packages/react-native/ReactCommon/jsinspector/.clang-tidy
deleted file mode 100644
index 9f33ef5a06d828..00000000000000
--- a/packages/react-native/ReactCommon/jsinspector/.clang-tidy
+++ /dev/null
@@ -1,6 +0,0 @@
----
-Checks: '>
-clang-diagnostic-*,
-'
-InheritParentConfig: true
-...
diff --git a/packages/react-native/ReactCommon/jsinspector/InspectorInterfaces.cpp b/packages/react-native/ReactCommon/jsinspector/InspectorInterfaces.cpp
deleted file mode 100644
index 93ab7fad40db91..00000000000000
--- a/packages/react-native/ReactCommon/jsinspector/InspectorInterfaces.cpp
+++ /dev/null
@@ -1,106 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "InspectorInterfaces.h"
-
-#include <mutex>
-#include <tuple>
-#include <unordered_map>
-
-namespace facebook::react {
-
-// pure destructors in C++ are odd. You would think they don't want an
-// implementation, but in fact the linker requires one. Define them to be
-// empty so that people don't count on them for any particular behaviour.
-IDestructible::~IDestructible() {}
-ILocalConnection::~ILocalConnection() {}
-IRemoteConnection::~IRemoteConnection() {}
-IInspector::~IInspector() {}
-
-namespace {
-
-class InspectorImpl : public IInspector {
- public:
-  int addPage(
-      const std::string& title,
-      const std::string& vm,
-      ConnectFunc connectFunc) override;
-  void removePage(int pageId) override;
-
-  std::vector<InspectorPage> getPages() const override;
-  std::unique_ptr<ILocalConnection> connect(
-      int pageId,
-      std::unique_ptr<IRemoteConnection> remote) override;
-
- private:
-  mutable std::mutex mutex_;
-  int nextPageId_{1};
-  std::unordered_map<int, std::tuple<std::string, std::string>> titles_;
-  std::unordered_map<int, ConnectFunc> connectFuncs_;
-};
-
-int InspectorImpl::addPage(
-    const std::string& title,
-    const std::string& vm,
-    ConnectFunc connectFunc) {
-  std::scoped_lock lock(mutex_);
-
-  int pageId = nextPageId_++;
-  titles_[pageId] = std::make_tuple(title, vm);
-  connectFuncs_[pageId] = std::move(connectFunc);
-
-  return pageId;
-}
-
-void InspectorImpl::removePage(int pageId) {
-  std::scoped_lock lock(mutex_);
-
-  titles_.erase(pageId);
-  connectFuncs_.erase(pageId);
-}
-
-std::vector<InspectorPage> InspectorImpl::getPages() const {
-  std::scoped_lock lock(mutex_);
-
-  std::vector<InspectorPage> inspectorPages;
-  for (auto& it : titles_) {
-    inspectorPages.push_back(InspectorPage{
-        it.first, std::get<0>(it.second), std::get<1>(it.second)});
-  }
-
-  return inspectorPages;
-}
-
-std::unique_ptr<ILocalConnection> InspectorImpl::connect(
-    int pageId,
-    std::unique_ptr<IRemoteConnection> remote) {
-  IInspector::ConnectFunc connectFunc;
-
-  {
-    std::scoped_lock lock(mutex_);
-
-    auto it = connectFuncs_.find(pageId);
-    if (it != connectFuncs_.end()) {
-      connectFunc = it->second;
-    }
-  }
-
-  return connectFunc ? connectFunc(std::move(remote)) : nullptr;
-}
-
-} // namespace
-
-IInspector& getInspectorInstance() {
-  static InspectorImpl instance;
-  return instance;
-}
-
-std::unique_ptr<IInspector> makeTestInspectorInstance() {
-  return std::make_unique<InspectorImpl>();
-}
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/jsinspector/InspectorInterfaces.h b/packages/react-native/ReactCommon/jsinspector/InspectorInterfaces.h
deleted file mode 100644
index c92e41db907dea..00000000000000
--- a/packages/react-native/ReactCommon/jsinspector/InspectorInterfaces.h
+++ /dev/null
@@ -1,92 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <functional>
-#include <memory>
-#include <string>
-#include <vector>
-
-#ifndef JSINSPECTOR_EXPORT
-#ifdef _MSC_VER
-#ifdef CREATE_SHARED_LIBRARY
-#define JSINSPECTOR_EXPORT __declspec(dllexport)
-#else
-#define JSINSPECTOR_EXPORT
-#endif // CREATE_SHARED_LIBRARY
-#else // _MSC_VER
-#define JSINSPECTOR_EXPORT __attribute__((visibility("default")))
-#endif // _MSC_VER
-#endif // !defined(JSINSPECTOR_EXPORT)
-
-namespace facebook::react {
-
-class IDestructible {
- public:
-  virtual ~IDestructible() = 0;
-};
-
-struct InspectorPage {
-  const int id;
-  const std::string title;
-  const std::string vm;
-};
-
-/// IRemoteConnection allows the VM to send debugger messages to the client.
-class JSINSPECTOR_EXPORT IRemoteConnection : public IDestructible {
- public:
-  virtual ~IRemoteConnection() = 0;
-  virtual void onMessage(std::string message) = 0;
-  virtual void onDisconnect() = 0;
-};
-
-/// ILocalConnection allows the client to send debugger messages to the VM.
-class JSINSPECTOR_EXPORT ILocalConnection : public IDestructible {
- public:
-  virtual ~ILocalConnection() = 0;
-  virtual void sendMessage(std::string message) = 0;
-  virtual void disconnect() = 0;
-};
-
-/// IInspector tracks debuggable JavaScript targets (pages).
-class JSINSPECTOR_EXPORT IInspector : public IDestructible {
- public:
-  using ConnectFunc = std::function<std::unique_ptr<ILocalConnection>(
-      std::unique_ptr<IRemoteConnection>)>;
-
-  virtual ~IInspector() = 0;
-
-  /// addPage is called by the VM to add a page to the list of debuggable pages.
-  virtual int addPage(
-      const std::string& title,
-      const std::string& vm,
-      ConnectFunc connectFunc) = 0;
-
-  /// removePage is called by the VM to remove a page from the list of
-  /// debuggable pages.
-  virtual void removePage(int pageId) = 0;
-
-  /// getPages is called by the client to list all debuggable pages.
-  virtual std::vector<InspectorPage> getPages() const = 0;
-
-  /// connect is called by the client to initiate a debugging session on the
-  /// given page.
-  virtual std::unique_ptr<ILocalConnection> connect(
-      int pageId,
-      std::unique_ptr<IRemoteConnection> remote) = 0;
-};
-
-/// getInspectorInstance retrieves the singleton inspector that tracks all
-/// debuggable pages in this process.
-extern IInspector& getInspectorInstance();
-
-/// makeTestInspectorInstance creates an independent inspector instance that
-/// should only be used in tests.
-extern std::unique_ptr<IInspector> makeTestInspectorInstance();
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/logger/CMakeLists.txt b/packages/react-native/ReactCommon/logger/CMakeLists.txt
index 4746c147ac313f..57bd031de23740 100644
--- a/packages/react-native/ReactCommon/logger/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/logger/CMakeLists.txt
@@ -9,7 +9,7 @@ set(CMAKE_VERBOSE_MAKEFILE on)
 add_compile_options(-fexceptions)
 
 file(GLOB logger_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(logger SHARED ${logger_SRC})
+add_library(logger STATIC ${logger_SRC})
 
 target_include_directories(logger PUBLIC .)
 
diff --git a/packages/react-native/ReactCommon/logger/React-logger.podspec b/packages/react-native/ReactCommon/logger/React-logger.podspec
index 45247ec7373696..eb2eaeaeffac3b 100644
--- a/packages/react-native/ReactCommon/logger/React-logger.podspec
+++ b/packages/react-native/ReactCommon/logger/React-logger.podspec
@@ -17,8 +17,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
@@ -31,7 +32,6 @@ Pod::Spec.new do |s|
   s.platforms              = min_supported_versions
   s.source                 = source
   s.source_files           = "*.{cpp,h}"
-  s.exclude_files          = "SampleCxxModule.*"
   s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
   s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "" }
   s.header_dir             = "logger"
diff --git a/packages/react-native/ReactCommon/react/bridging/Array.h b/packages/react-native/ReactCommon/react/bridging/Array.h
index 2814e5f6ae21c2..58455aa278cbdd 100644
--- a/packages/react-native/ReactCommon/react/bridging/Array.h
+++ b/packages/react-native/ReactCommon/react/bridging/Array.h
@@ -64,11 +64,35 @@ struct BridgingDynamic {
 
 template <typename T, size_t N>
 struct Bridging<std::array<T, N>>
-    : array_detail::BridgingStatic<std::array<T, N>, N> {};
+    : array_detail::BridgingStatic<std::array<T, N>, N> {
+  static std::array<T, N> fromJs(
+      facebook::jsi::Runtime& rt,
+      const jsi::Array& array,
+      const std::shared_ptr<CallInvoker>& jsInvoker) {
+    size_t length = array.length(rt);
+
+    std::array<T, N> result;
+    for (size_t i = 0; i < length; i++) {
+      result[i] =
+          bridging::fromJs<T>(rt, array.getValueAtIndex(rt, i), jsInvoker);
+    }
+
+    return result;
+  }
+};
 
 template <typename T1, typename T2>
 struct Bridging<std::pair<T1, T2>>
-    : array_detail::BridgingStatic<std::pair<T1, T2>, 2> {};
+    : array_detail::BridgingStatic<std::pair<T1, T2>, 2> {
+  static std::pair<T1, T1> fromJs(
+      facebook::jsi::Runtime& rt,
+      const jsi::Array& array,
+      const std::shared_ptr<CallInvoker>& jsInvoker) {
+    return std::make_pair(
+        bridging::fromJs<T1>(rt, array.getValueAtIndex(rt, 0), jsInvoker),
+        bridging::fromJs<T2>(rt, array.getValueAtIndex(rt, 1), jsInvoker));
+  }
+};
 
 template <typename... Types>
 struct Bridging<std::tuple<Types...>>
diff --git a/packages/react-native/ReactCommon/react/bridging/CMakeLists.txt b/packages/react-native/ReactCommon/react/bridging/CMakeLists.txt
index f084beccab6294..666441ef19aa15 100644
--- a/packages/react-native/ReactCommon/react/bridging/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/bridging/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"ReactNative\")
 
 file(GLOB react_bridging_SRC CONFIGURE_DEPENDS *.cpp)
diff --git a/packages/react-native/ReactCommon/react/bridging/CallbackWrapper.h b/packages/react-native/ReactCommon/react/bridging/CallbackWrapper.h
index 47079709eedfd6..228f0948d8f3b8 100644
--- a/packages/react-native/ReactCommon/react/bridging/CallbackWrapper.h
+++ b/packages/react-native/ReactCommon/react/bridging/CallbackWrapper.h
@@ -8,10 +8,13 @@
 #pragma once
 
 #include <jsi/jsi.h>
-#include "LongLivedObject.h"
 
 #include <memory>
 
+#include <ReactCommon/CallInvoker.h>
+
+#include "LongLivedObject.h"
+
 namespace facebook::react {
 
 // Helper for passing jsi::Function arg to other methods.
diff --git a/packages/react-native/ReactCommon/react/bridging/Function.h b/packages/react-native/ReactCommon/react/bridging/Function.h
index 922f9fca41a23f..58cb238ac08c3b 100644
--- a/packages/react-native/ReactCommon/react/bridging/Function.h
+++ b/packages/react-native/ReactCommon/react/bridging/Function.h
@@ -61,15 +61,14 @@ class AsyncCallback {
 
   void callWithArgs(std::optional<SchedulerPriority> priority, Args... args)
       const noexcept {
-    auto wrapper = callback_->wrapper_.lock();
-    if (wrapper) {
-      auto& jsInvoker = wrapper->jsInvoker();
+    if (auto wrapper = callback_->wrapper_.lock()) {
       auto fn = [callback = callback_,
                  argsPtr = std::make_shared<std::tuple<Args...>>(
                      std::make_tuple(std::forward<Args>(args)...))] {
         callback->apply(std::move(*argsPtr));
       };
 
+      auto& jsInvoker = wrapper->jsInvoker();
       if (priority) {
         jsInvoker.invokeAsync(*priority, std::move(fn));
       } else {
@@ -82,14 +81,17 @@ class AsyncCallback {
       std::optional<SchedulerPriority> priority,
       std::function<void(jsi::Runtime&, jsi::Function&)>&& callImpl)
       const noexcept {
-    auto wrapper = callback_->wrapper_.lock();
-    if (wrapper) {
-      auto& jsInvoker = wrapper->jsInvoker();
-      auto fn = [wrapper = std::move(wrapper),
-                 callImpl = std::move(callImpl)]() {
-        callImpl(wrapper->runtime(), wrapper->callback());
+    if (auto wrapper = callback_->wrapper_.lock()) {
+      // Capture callback_ and not wrapper_. If callback_ is deallocated or the
+      // JSVM is shutdown before the async task is scheduled, the underlying
+      // function will have been deallocated.
+      auto fn = [callback = callback_, callImpl = std::move(callImpl)]() {
+        if (auto wrapper2 = callback->wrapper_.lock()) {
+          callImpl(wrapper2->runtime(), wrapper2->callback());
+        }
       };
 
+      auto& jsInvoker = wrapper->jsInvoker();
       if (priority) {
         jsInvoker.invokeAsync(*priority, std::move(fn));
       } else {
diff --git a/packages/react-native/ReactCommon/react/bridging/LongLivedObject.h b/packages/react-native/ReactCommon/react/bridging/LongLivedObject.h
index 5b29c42fb90f96..f8ca6671da906e 100644
--- a/packages/react-native/ReactCommon/react/bridging/LongLivedObject.h
+++ b/packages/react-native/ReactCommon/react/bridging/LongLivedObject.h
@@ -19,13 +19,16 @@ namespace facebook::react {
  * collection when needed.
  *
  * The subclass of this class must be created using std::make_shared<T>().
- * After creation, add it to the `LongLivedObjectCollection`.
- * When done with the object, call `allowRelease()` to allow the OS to release
- * it.
+ * After creation, add it to the `LongLivedObjectCollection`. When done with the
+ * object, call `allowRelease()` to reclaim its memory.
+ *
+ * When using LongLivedObject to keep JS values alive, ensure you only hold weak
+ * references to the object outside the JS thread to avoid accessing deallocated
+ * values when the JS VM is shutdown.
  */
 class LongLivedObject {
  public:
-  void allowRelease();
+  virtual void allowRelease();
 
  protected:
   LongLivedObject() = default;
@@ -39,6 +42,7 @@ class LongLivedObjectCollection {
  public:
   static LongLivedObjectCollection& get();
 
+  LongLivedObjectCollection() = default;
   LongLivedObjectCollection(const LongLivedObjectCollection&) = delete;
   void operator=(const LongLivedObjectCollection&) = delete;
 
@@ -48,8 +52,6 @@ class LongLivedObjectCollection {
   size_t size() const;
 
  private:
-  LongLivedObjectCollection() = default;
-
   std::unordered_set<std::shared_ptr<LongLivedObject>> collection_;
   mutable std::mutex collectionMutex_;
 };
diff --git a/packages/react-native/ReactCommon/react/bridging/tests/BridgingTest.cpp b/packages/react-native/ReactCommon/react/bridging/tests/BridgingTest.cpp
index 651fc5bb39ba64..e89c4eeaa2b131 100644
--- a/packages/react-native/ReactCommon/react/bridging/tests/BridgingTest.cpp
+++ b/packages/react-native/ReactCommon/react/bridging/tests/BridgingTest.cpp
@@ -158,6 +158,13 @@ TEST_F(BridgingTest, arrayTest) {
 
   EXPECT_EQ(
       vec, bridging::fromJs<std::vector<std::string>>(rt, array, invoker));
+  auto arr = bridging::fromJs<std::array<std::string, 2>>(rt, array, invoker);
+  EXPECT_EQ(vec[0], arr[0]);
+  EXPECT_EQ(vec[1], arr[1]);
+  auto pair =
+      bridging::fromJs<std::pair<std::string, std::string>>(rt, array, invoker);
+  EXPECT_EQ(vec[0], pair.first);
+  EXPECT_EQ(vec[1], pair.second);
 
   EXPECT_EQ(vec.size(), bridging::toJs(rt, vec, invoker).size(rt));
   for (size_t i = 0; i < vec.size(); i++) {
@@ -172,11 +179,20 @@ TEST_F(BridgingTest, arrayTest) {
   EXPECT_EQ(2, bridging::toJs(rt, std::make_pair(1, "2"), invoker).size(rt));
   EXPECT_EQ(2, bridging::toJs(rt, std::make_tuple(1, "2"), invoker).size(rt));
   EXPECT_EQ(2, bridging::toJs(rt, std::array<int, 2>{1, 2}, invoker).size(rt));
+  EXPECT_EQ(
+      2,
+      bridging::toJs(rt, std::array<std::string, 2>{"1", "2"}, invoker)
+          .size(rt));
   EXPECT_EQ(2, bridging::toJs(rt, std::deque<int>{1, 2}, invoker).size(rt));
   EXPECT_EQ(2, bridging::toJs(rt, std::list<int>{1, 2}, invoker).size(rt));
   EXPECT_EQ(
       2,
       bridging::toJs(rt, std::initializer_list<int>{1, 2}, invoker).size(rt));
+
+  std::vector<std::array<std::string, 2>> headers{
+      {"foo", "bar"}, {"baz", "qux"}};
+  auto jsiHeaders = bridging::toJs(rt, headers, invoker);
+  EXPECT_EQ(headers.size(), jsiHeaders.size(rt));
 }
 
 TEST_F(BridgingTest, functionTest) {
@@ -290,6 +306,24 @@ TEST_F(BridgingTest, asyncCallbackTest) {
   EXPECT_EQ("hello again"s, output);
 }
 
+TEST_F(BridgingTest, asyncCallbackInvalidation) {
+  std::string output;
+  std::function<void(std::string)> func = [&](auto str) { output = str; };
+
+  auto jsCallback = bridging::fromJs<AsyncCallback<>>(
+      rt, bridging::toJs(rt, func, invoker), invoker);
+  jsCallback.call(
+      [](jsi::Runtime& rt, jsi::Function& f) { f.call(rt, "hello"); });
+
+  // LongLivedObjectCollection goes away before callback is executed
+  LongLivedObjectCollection::get().clear();
+
+  flushQueue();
+
+  // Assert native callback is never invoked
+  ASSERT_EQ(""s, output);
+}
+
 TEST_F(BridgingTest, asyncCallbackImplicitBridgingTest) {
   std::string output;
   auto func = std::function<void(std::string)>([&](auto str) { output = str; });
@@ -450,6 +484,12 @@ TEST_F(BridgingTest, supportTest) {
   EXPECT_TRUE((bridging::supportsFromJs<std::set<int>, jsi::Array&>));
   EXPECT_TRUE((bridging::supportsFromJs<std::vector<int>, jsi::Array>));
   EXPECT_TRUE((bridging::supportsFromJs<std::vector<int>, jsi::Array&>));
+  EXPECT_TRUE((
+      bridging::
+          supportsFromJs<std::vector<std::array<std::string, 2>>, jsi::Array>));
+  EXPECT_TRUE((bridging::supportsFromJs<
+               std::vector<std::array<std::string, 2>>,
+               jsi::Array&>));
   EXPECT_TRUE(
       (bridging::supportsFromJs<std::map<std::string, int>, jsi::Object>));
   EXPECT_TRUE(
diff --git a/packages/react-native/ReactCommon/react/config/CMakeLists.txt b/packages/react-native/ReactCommon/react/config/CMakeLists.txt
index c581816bd1177a..387d983876f513 100644
--- a/packages/react-native/ReactCommon/react/config/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/config/CMakeLists.txt
@@ -12,10 +12,9 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_config_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(react_config SHARED ${react_config_SRC})
+add_library(react_config STATIC ${react_config_SRC})
 
 target_include_directories(react_config PUBLIC ${REACT_COMMON_DIR})
diff --git a/packages/react-native/ReactCommon/react/config/ReactNativeConfig.cpp b/packages/react-native/ReactCommon/react/config/ReactNativeConfig.cpp
index 643c197297054b..9b52a2bb8e3d36 100644
--- a/packages/react-native/ReactCommon/react/config/ReactNativeConfig.cpp
+++ b/packages/react-native/ReactCommon/react/config/ReactNativeConfig.cpp
@@ -9,20 +9,13 @@
 
 namespace facebook::react {
 
-/**
- * ReactNative configuration as provided by the hosting app.
- * Provide a sub-class implementation to allow app specific customization.
- */
-ReactNativeConfig::ReactNativeConfig() {}
-
-ReactNativeConfig::~ReactNativeConfig() {}
-
-EmptyReactNativeConfig::EmptyReactNativeConfig() {}
-
 bool EmptyReactNativeConfig::getBool(const std::string& param) const {
   if (param == "react_fabric:enabled_layout_animations_ios") {
     return true;
   }
+  if (param == "react_fabric:enabled_automatic_interop_android") {
+    return true;
+  }
   return false;
 }
 
diff --git a/packages/react-native/ReactCommon/react/config/ReactNativeConfig.h b/packages/react-native/ReactCommon/react/config/ReactNativeConfig.h
index a3e4644c7dae5b..13f348d94d1236 100644
--- a/packages/react-native/ReactCommon/react/config/ReactNativeConfig.h
+++ b/packages/react-native/ReactCommon/react/config/ReactNativeConfig.h
@@ -17,8 +17,8 @@ namespace facebook::react {
  */
 class ReactNativeConfig {
  public:
-  ReactNativeConfig();
-  virtual ~ReactNativeConfig();
+  ReactNativeConfig() = default;
+  virtual ~ReactNativeConfig() = default;
 
   virtual bool getBool(const std::string& param) const = 0;
   virtual std::string getString(const std::string& param) const = 0;
@@ -27,11 +27,11 @@ class ReactNativeConfig {
 };
 
 /**
- * Empty configuration that will provide hardcoded values.
+ * Empty configuration that will provide hardcoded default values.
  */
 class EmptyReactNativeConfig : public ReactNativeConfig {
  public:
-  EmptyReactNativeConfig();
+  EmptyReactNativeConfig() = default;
 
   bool getBool(const std::string& param) const override;
   std::string getString(const std::string& param) const override;
diff --git a/packages/react-native/ReactCommon/react/debug/CMakeLists.txt b/packages/react-native/ReactCommon/react/debug/CMakeLists.txt
index ec0ec12da81283..4b811df4c31b55 100644
--- a/packages/react-native/ReactCommon/react/debug/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/debug/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 
diff --git a/packages/react-native/ReactCommon/react/featureflags/CMakeLists.txt b/packages/react-native/ReactCommon/react/featureflags/CMakeLists.txt
new file mode 100644
index 00000000000000..757b0ea1ff8ece
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/CMakeLists.txt
@@ -0,0 +1,20 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+cmake_minimum_required(VERSION 3.13)
+set(CMAKE_VERBOSE_MAKEFILE on)
+
+add_compile_options(
+        -fexceptions
+        -frtti
+        -std=c++20
+        -Wall
+        -Wpedantic
+        -DLOG_TAG=\"ReactNative\")
+
+file(GLOB react_featureflags_SRC CONFIGURE_DEPENDS *.cpp)
+add_library(react_featureflags SHARED ${react_featureflags_SRC})
+
+target_include_directories(react_featureflags PUBLIC ${REACT_COMMON_DIR})
diff --git a/packages/react-native/ReactCommon/react/featureflags/React-featureflags.podspec b/packages/react-native/ReactCommon/react/featureflags/React-featureflags.podspec
new file mode 100644
index 00000000000000..0cefca1a4ba800
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/React-featureflags.podspec
@@ -0,0 +1,44 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+require "json"
+
+package = JSON.parse(File.read(File.join(__dir__, "..", "..", "..", "package.json")))
+version = package['version']
+
+source = { :git => 'https://github.com/facebook/react-native.git' }
+if version == '1000.0.0'
+  # This is an unpublished version, use the latest commit hash of the react-native repo, which we’re presumably in.
+  source[:commit] = `git rev-parse HEAD`.strip if system("git rev-parse --git-dir > /dev/null 2>&1")
+else
+  source[:tag] = "v#{version}"
+end
+
+header_search_paths = []
+
+if ENV['USE_FRAMEWORKS']
+  header_search_paths << "\"$(PODS_TARGET_SRCROOT)/../..\"" # this is needed to allow the feature flags access its own files
+end
+
+Pod::Spec.new do |s|
+  s.name                   = "React-featureflags"
+  s.version                = version
+  s.summary                = "React Native internal feature flags"
+  s.homepage               = "https://reactnative.dev/"
+  s.license                = package["license"]
+  s.author                 = "Meta Platforms, Inc. and its affiliates"
+  s.platforms              = min_supported_versions
+  s.source                 = source
+  s.source_files           = "*.{cpp,h}"
+  s.header_dir             = "react/featureflags"
+  s.pod_target_xcconfig    = { "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
+                               "HEADER_SEARCH_PATHS" => header_search_paths.join(' '),
+                               "DEFINES_MODULE" => "YES" }
+
+  if ENV['USE_FRAMEWORKS']
+    s.module_name            = "React_featureflags"
+    s.header_mappings_dir  = "../.."
+  end
+end
diff --git a/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlags.cpp b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlags.cpp
new file mode 100644
index 00000000000000..caec5678dd7b3c
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlags.cpp
@@ -0,0 +1,82 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<82f226df2b3824d03b755a042b20bec5>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+#include "ReactNativeFeatureFlags.h"
+
+namespace facebook::react {
+
+bool ReactNativeFeatureFlags::commonTestFlag() {
+  return getAccessor().commonTestFlag();
+}
+
+bool ReactNativeFeatureFlags::enableBackgroundExecutor() {
+  return getAccessor().enableBackgroundExecutor();
+}
+
+bool ReactNativeFeatureFlags::useModernRuntimeScheduler() {
+  return getAccessor().useModernRuntimeScheduler();
+}
+
+bool ReactNativeFeatureFlags::enableMicrotasks() {
+  return getAccessor().enableMicrotasks();
+}
+
+bool ReactNativeFeatureFlags::batchRenderingUpdatesInEventLoop() {
+  return getAccessor().batchRenderingUpdatesInEventLoop();
+}
+
+bool ReactNativeFeatureFlags::enableSpannableBuildingUnification() {
+  return getAccessor().enableSpannableBuildingUnification();
+}
+
+bool ReactNativeFeatureFlags::enableCustomDrawOrderFabric() {
+  return getAccessor().enableCustomDrawOrderFabric();
+}
+
+bool ReactNativeFeatureFlags::enableFixForClippedSubviewsCrash() {
+  return getAccessor().enableFixForClippedSubviewsCrash();
+}
+
+bool ReactNativeFeatureFlags::inspectorEnableCxxInspectorPackagerConnection() {
+  return getAccessor().inspectorEnableCxxInspectorPackagerConnection();
+}
+
+bool ReactNativeFeatureFlags::inspectorEnableModernCDPRegistry() {
+  return getAccessor().inspectorEnableModernCDPRegistry();
+}
+
+void ReactNativeFeatureFlags::override(
+    std::unique_ptr<ReactNativeFeatureFlagsProvider> provider) {
+  getAccessor().override(std::move(provider));
+}
+
+void ReactNativeFeatureFlags::dangerouslyReset() {
+  getAccessor(true);
+}
+
+ReactNativeFeatureFlagsAccessor& ReactNativeFeatureFlags::getAccessor(
+    bool reset) {
+  static std::unique_ptr<ReactNativeFeatureFlagsAccessor> accessor;
+  if (accessor == nullptr || reset) {
+    accessor = std::make_unique<ReactNativeFeatureFlagsAccessor>();
+  }
+  return *accessor;
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlags.h b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlags.h
new file mode 100644
index 00000000000000..8f82ea192014c9
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlags.h
@@ -0,0 +1,126 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<3bfae310dfd28040f4b80d1a1df8b7b3>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+#pragma once
+
+#include <react/featureflags/ReactNativeFeatureFlagsAccessor.h>
+#include <react/featureflags/ReactNativeFeatureFlagsProvider.h>
+#include <memory>
+
+namespace facebook::react {
+
+/**
+ * This class provides access to internal React Native feature flags.
+ *
+ * All the methods are thread-safe (as long as the methods in the overridden
+ * provider are).
+ */
+class ReactNativeFeatureFlags {
+ public:
+  /**
+   * Common flag for testing. Do NOT modify.
+   */
+  static bool commonTestFlag();
+
+  /**
+   * Enables the use of a background executor to compute layout and commit updates on Fabric (this system is deprecated and should not be used).
+   */
+  static bool enableBackgroundExecutor();
+
+  /**
+   * When enabled, it uses the modern fork of RuntimeScheduler that allows scheduling tasks with priorities from any thread.
+   */
+  static bool useModernRuntimeScheduler();
+
+  /**
+   * Enables the use of microtasks in Hermes (scheduling) and RuntimeScheduler (execution).
+   */
+  static bool enableMicrotasks();
+
+  /**
+   * When enabled, the RuntimeScheduler processing the event loop will batch all rendering updates and dispatch them together at the end of each iteration of the loop.
+   */
+  static bool batchRenderingUpdatesInEventLoop();
+
+  /**
+   * Uses new, deduplicated logic for constructing Android Spannables from text fragments
+   */
+  static bool enableSpannableBuildingUnification();
+
+  /**
+   * When enabled, Fabric will use customDrawOrder in ReactViewGroup (similar to old architecture).
+   */
+  static bool enableCustomDrawOrderFabric();
+
+  /**
+   * Attempt at fixing a crash related to subview clipping on Android. This is a kill switch for the fix
+   */
+  static bool enableFixForClippedSubviewsCrash();
+
+  /**
+   * Flag determining if the C++ implementation of InspectorPackagerConnection should be used instead of the per-platform one. This flag is global and should not be changed across React Host lifetimes.
+   */
+  static bool inspectorEnableCxxInspectorPackagerConnection();
+
+  /**
+   * Flag determining if the modern CDP backend should be enabled. This flag is global and should not be changed across React Host lifetimes.
+   */
+  static bool inspectorEnableModernCDPRegistry();
+
+  /**
+   * Overrides the feature flags with the ones provided by the given provider
+   * (generally one that extends `ReactNativeFeatureFlagsDefaults`).
+   *
+   * This method must be called before you initialize the React Native runtime.
+   *
+   * @example
+   *
+   * ```
+   * class MyReactNativeFeatureFlags : public ReactNativeFeatureFlagsDefaults {
+   *  public:
+   *   bool someFlag() override;
+   * };
+   *
+   * ReactNativeFeatureFlags.override(
+   *     std::make_unique<MyReactNativeFeatureFlags>());
+   * ```
+   */
+  static void override(
+      std::unique_ptr<ReactNativeFeatureFlagsProvider> provider);
+
+  /**
+   * Removes the overridden feature flags and makes the API return default
+   * values again.
+   *
+   * This is **dangerous**. Use it only if you really understand the
+   * implications of this method.
+   *
+   * This should only be called if you destroy the React Native runtime and
+   * need to create a new one with different overrides. In that case,
+   * call `dangerouslyReset` after destroying the runtime and `override` again
+   * before initializing the new one.
+   */
+  static void dangerouslyReset();
+
+ private:
+  ReactNativeFeatureFlags() = delete;
+  static ReactNativeFeatureFlagsAccessor& getAccessor(bool reset = false);
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsAccessor.cpp b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsAccessor.cpp
new file mode 100644
index 00000000000000..d46d461bfd4261
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsAccessor.cpp
@@ -0,0 +1,251 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<2154292f89306f25289583537833a065>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+#include <react/featureflags/ReactNativeFeatureFlagsDefaults.h>
+#include <sstream>
+#include <stdexcept>
+#include <string>
+#include "ReactNativeFeatureFlags.h"
+
+namespace facebook::react {
+
+ReactNativeFeatureFlagsAccessor::ReactNativeFeatureFlagsAccessor()
+    : currentProvider_(std::make_unique<ReactNativeFeatureFlagsDefaults>()),
+      wasOverridden_(false) {}
+
+bool ReactNativeFeatureFlagsAccessor::commonTestFlag() {
+  auto flagValue = commonTestFlag_.load();
+
+  if (!flagValue.has_value()) {
+    // This block is not exclusive but it is not necessary.
+    // If multiple threads try to initialize the feature flag, we would only
+    // be accessing the provider multiple times but the end state of this
+    // instance and the returned flag value would be the same.
+
+    markFlagAsAccessed(0, "commonTestFlag");
+
+    flagValue = currentProvider_->commonTestFlag();
+    commonTestFlag_ = flagValue;
+  }
+
+  return flagValue.value();
+}
+
+bool ReactNativeFeatureFlagsAccessor::enableBackgroundExecutor() {
+  auto flagValue = enableBackgroundExecutor_.load();
+
+  if (!flagValue.has_value()) {
+    // This block is not exclusive but it is not necessary.
+    // If multiple threads try to initialize the feature flag, we would only
+    // be accessing the provider multiple times but the end state of this
+    // instance and the returned flag value would be the same.
+
+    markFlagAsAccessed(1, "enableBackgroundExecutor");
+
+    flagValue = currentProvider_->enableBackgroundExecutor();
+    enableBackgroundExecutor_ = flagValue;
+  }
+
+  return flagValue.value();
+}
+
+bool ReactNativeFeatureFlagsAccessor::useModernRuntimeScheduler() {
+  auto flagValue = useModernRuntimeScheduler_.load();
+
+  if (!flagValue.has_value()) {
+    // This block is not exclusive but it is not necessary.
+    // If multiple threads try to initialize the feature flag, we would only
+    // be accessing the provider multiple times but the end state of this
+    // instance and the returned flag value would be the same.
+
+    markFlagAsAccessed(2, "useModernRuntimeScheduler");
+
+    flagValue = currentProvider_->useModernRuntimeScheduler();
+    useModernRuntimeScheduler_ = flagValue;
+  }
+
+  return flagValue.value();
+}
+
+bool ReactNativeFeatureFlagsAccessor::enableMicrotasks() {
+  auto flagValue = enableMicrotasks_.load();
+
+  if (!flagValue.has_value()) {
+    // This block is not exclusive but it is not necessary.
+    // If multiple threads try to initialize the feature flag, we would only
+    // be accessing the provider multiple times but the end state of this
+    // instance and the returned flag value would be the same.
+
+    markFlagAsAccessed(3, "enableMicrotasks");
+
+    flagValue = currentProvider_->enableMicrotasks();
+    enableMicrotasks_ = flagValue;
+  }
+
+  return flagValue.value();
+}
+
+bool ReactNativeFeatureFlagsAccessor::batchRenderingUpdatesInEventLoop() {
+  auto flagValue = batchRenderingUpdatesInEventLoop_.load();
+
+  if (!flagValue.has_value()) {
+    // This block is not exclusive but it is not necessary.
+    // If multiple threads try to initialize the feature flag, we would only
+    // be accessing the provider multiple times but the end state of this
+    // instance and the returned flag value would be the same.
+
+    markFlagAsAccessed(4, "batchRenderingUpdatesInEventLoop");
+
+    flagValue = currentProvider_->batchRenderingUpdatesInEventLoop();
+    batchRenderingUpdatesInEventLoop_ = flagValue;
+  }
+
+  return flagValue.value();
+}
+
+bool ReactNativeFeatureFlagsAccessor::enableSpannableBuildingUnification() {
+  auto flagValue = enableSpannableBuildingUnification_.load();
+
+  if (!flagValue.has_value()) {
+    // This block is not exclusive but it is not necessary.
+    // If multiple threads try to initialize the feature flag, we would only
+    // be accessing the provider multiple times but the end state of this
+    // instance and the returned flag value would be the same.
+
+    markFlagAsAccessed(5, "enableSpannableBuildingUnification");
+
+    flagValue = currentProvider_->enableSpannableBuildingUnification();
+    enableSpannableBuildingUnification_ = flagValue;
+  }
+
+  return flagValue.value();
+}
+
+bool ReactNativeFeatureFlagsAccessor::enableCustomDrawOrderFabric() {
+  auto flagValue = enableCustomDrawOrderFabric_.load();
+
+  if (!flagValue.has_value()) {
+    // This block is not exclusive but it is not necessary.
+    // If multiple threads try to initialize the feature flag, we would only
+    // be accessing the provider multiple times but the end state of this
+    // instance and the returned flag value would be the same.
+
+    markFlagAsAccessed(6, "enableCustomDrawOrderFabric");
+
+    flagValue = currentProvider_->enableCustomDrawOrderFabric();
+    enableCustomDrawOrderFabric_ = flagValue;
+  }
+
+  return flagValue.value();
+}
+
+bool ReactNativeFeatureFlagsAccessor::enableFixForClippedSubviewsCrash() {
+  auto flagValue = enableFixForClippedSubviewsCrash_.load();
+
+  if (!flagValue.has_value()) {
+    // This block is not exclusive but it is not necessary.
+    // If multiple threads try to initialize the feature flag, we would only
+    // be accessing the provider multiple times but the end state of this
+    // instance and the returned flag value would be the same.
+
+    markFlagAsAccessed(7, "enableFixForClippedSubviewsCrash");
+
+    flagValue = currentProvider_->enableFixForClippedSubviewsCrash();
+    enableFixForClippedSubviewsCrash_ = flagValue;
+  }
+
+  return flagValue.value();
+}
+
+bool ReactNativeFeatureFlagsAccessor::inspectorEnableCxxInspectorPackagerConnection() {
+  auto flagValue = inspectorEnableCxxInspectorPackagerConnection_.load();
+
+  if (!flagValue.has_value()) {
+    // This block is not exclusive but it is not necessary.
+    // If multiple threads try to initialize the feature flag, we would only
+    // be accessing the provider multiple times but the end state of this
+    // instance and the returned flag value would be the same.
+
+    markFlagAsAccessed(8, "inspectorEnableCxxInspectorPackagerConnection");
+
+    flagValue = currentProvider_->inspectorEnableCxxInspectorPackagerConnection();
+    inspectorEnableCxxInspectorPackagerConnection_ = flagValue;
+  }
+
+  return flagValue.value();
+}
+
+bool ReactNativeFeatureFlagsAccessor::inspectorEnableModernCDPRegistry() {
+  auto flagValue = inspectorEnableModernCDPRegistry_.load();
+
+  if (!flagValue.has_value()) {
+    // This block is not exclusive but it is not necessary.
+    // If multiple threads try to initialize the feature flag, we would only
+    // be accessing the provider multiple times but the end state of this
+    // instance and the returned flag value would be the same.
+
+    markFlagAsAccessed(9, "inspectorEnableModernCDPRegistry");
+
+    flagValue = currentProvider_->inspectorEnableModernCDPRegistry();
+    inspectorEnableModernCDPRegistry_ = flagValue;
+  }
+
+  return flagValue.value();
+}
+
+void ReactNativeFeatureFlagsAccessor::override(
+    std::unique_ptr<ReactNativeFeatureFlagsProvider> provider) {
+  if (wasOverridden_) {
+    throw std::runtime_error(
+        "Feature flags cannot be overridden more than once");
+  }
+
+  ensureFlagsNotAccessed();
+  wasOverridden_ = true;
+  currentProvider_ = std::move(provider);
+}
+
+void ReactNativeFeatureFlagsAccessor::markFlagAsAccessed(
+    int position,
+    const char* flagName) {
+  accessedFeatureFlags_[position] = flagName;
+}
+
+void ReactNativeFeatureFlagsAccessor::ensureFlagsNotAccessed() {
+  std::ostringstream featureFlagListBuilder;
+  for (const auto& featureFlagName : accessedFeatureFlags_) {
+    if (featureFlagName != nullptr) {
+      featureFlagListBuilder << featureFlagName << ", ";
+    }
+  }
+
+  std::string accessedFeatureFlagNames = featureFlagListBuilder.str();
+  if (!accessedFeatureFlagNames.empty()) {
+    accessedFeatureFlagNames =
+        accessedFeatureFlagNames.substr(0, accessedFeatureFlagNames.size() - 2);
+  }
+
+  if (!accessedFeatureFlagNames.empty()) {
+    throw std::runtime_error(
+        "Feature flags were accessed before being overridden: " +
+        accessedFeatureFlagNames);
+  }
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsAccessor.h b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsAccessor.h
new file mode 100644
index 00000000000000..b177bfe53b6b33
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsAccessor.h
@@ -0,0 +1,68 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<95487968b66d40e1ec53936b06084931>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+#pragma once
+
+#include <react/featureflags/ReactNativeFeatureFlagsProvider.h>
+#include <array>
+#include <atomic>
+#include <memory>
+#include <optional>
+
+namespace facebook::react {
+
+class ReactNativeFeatureFlagsAccessor {
+ public:
+  ReactNativeFeatureFlagsAccessor();
+
+  bool commonTestFlag();
+  bool enableBackgroundExecutor();
+  bool useModernRuntimeScheduler();
+  bool enableMicrotasks();
+  bool batchRenderingUpdatesInEventLoop();
+  bool enableSpannableBuildingUnification();
+  bool enableCustomDrawOrderFabric();
+  bool enableFixForClippedSubviewsCrash();
+  bool inspectorEnableCxxInspectorPackagerConnection();
+  bool inspectorEnableModernCDPRegistry();
+
+  void override(std::unique_ptr<ReactNativeFeatureFlagsProvider> provider);
+
+ private:
+  void markFlagAsAccessed(int position, const char* flagName);
+  void ensureFlagsNotAccessed();
+
+  std::unique_ptr<ReactNativeFeatureFlagsProvider> currentProvider_;
+  bool wasOverridden_;
+
+  std::array<std::atomic<const char*>, 10> accessedFeatureFlags_;
+
+  std::atomic<std::optional<bool>> commonTestFlag_;
+  std::atomic<std::optional<bool>> enableBackgroundExecutor_;
+  std::atomic<std::optional<bool>> useModernRuntimeScheduler_;
+  std::atomic<std::optional<bool>> enableMicrotasks_;
+  std::atomic<std::optional<bool>> batchRenderingUpdatesInEventLoop_;
+  std::atomic<std::optional<bool>> enableSpannableBuildingUnification_;
+  std::atomic<std::optional<bool>> enableCustomDrawOrderFabric_;
+  std::atomic<std::optional<bool>> enableFixForClippedSubviewsCrash_;
+  std::atomic<std::optional<bool>> inspectorEnableCxxInspectorPackagerConnection_;
+  std::atomic<std::optional<bool>> inspectorEnableModernCDPRegistry_;
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsDefaults.h b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsDefaults.h
new file mode 100644
index 00000000000000..ce2aadae3b63ce
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsDefaults.h
@@ -0,0 +1,71 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<4832483bb3648380f2bb9312311f579c>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+#pragma once
+
+#include <react/featureflags/ReactNativeFeatureFlagsProvider.h>
+
+namespace facebook::react {
+
+class ReactNativeFeatureFlagsDefaults : public ReactNativeFeatureFlagsProvider {
+ public:
+  ReactNativeFeatureFlagsDefaults() = default;
+
+  bool commonTestFlag() override {
+    return false;
+  }
+
+  bool enableBackgroundExecutor() override {
+    return false;
+  }
+
+  bool useModernRuntimeScheduler() override {
+    return false;
+  }
+
+  bool enableMicrotasks() override {
+    return false;
+  }
+
+  bool batchRenderingUpdatesInEventLoop() override {
+    return false;
+  }
+
+  bool enableSpannableBuildingUnification() override {
+    return false;
+  }
+
+  bool enableCustomDrawOrderFabric() override {
+    return false;
+  }
+
+  bool enableFixForClippedSubviewsCrash() override {
+    return false;
+  }
+
+  bool inspectorEnableCxxInspectorPackagerConnection() override {
+    return false;
+  }
+
+  bool inspectorEnableModernCDPRegistry() override {
+    return false;
+  }
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsProvider.h b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsProvider.h
new file mode 100644
index 00000000000000..f6f55b5fc15e4a
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/ReactNativeFeatureFlagsProvider.h
@@ -0,0 +1,40 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<f707d15cf978d7342cdf5aab18444219>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+#pragma once
+
+namespace facebook::react {
+
+class ReactNativeFeatureFlagsProvider {
+ public:
+  virtual ~ReactNativeFeatureFlagsProvider() = default;
+
+  virtual bool commonTestFlag() = 0;
+  virtual bool enableBackgroundExecutor() = 0;
+  virtual bool useModernRuntimeScheduler() = 0;
+  virtual bool enableMicrotasks() = 0;
+  virtual bool batchRenderingUpdatesInEventLoop() = 0;
+  virtual bool enableSpannableBuildingUnification() = 0;
+  virtual bool enableCustomDrawOrderFabric() = 0;
+  virtual bool enableFixForClippedSubviewsCrash() = 0;
+  virtual bool inspectorEnableCxxInspectorPackagerConnection() = 0;
+  virtual bool inspectorEnableModernCDPRegistry() = 0;
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/featureflags/tests/ReactNativeFeatureFlagsTest.cpp b/packages/react-native/ReactCommon/react/featureflags/tests/ReactNativeFeatureFlagsTest.cpp
new file mode 100644
index 00000000000000..2047767dbdef39
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/featureflags/tests/ReactNativeFeatureFlagsTest.cpp
@@ -0,0 +1,124 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <gtest/gtest.h>
+#include <react/featureflags/ReactNativeFeatureFlags.h>
+#include <react/featureflags/ReactNativeFeatureFlagsDefaults.h>
+#include <stdexcept>
+
+namespace facebook::react {
+
+uint overrideAccessCount = 0;
+
+class ReactNativeFeatureFlagsTestOverrides
+    : public ReactNativeFeatureFlagsDefaults {
+ public:
+  bool commonTestFlag() override {
+    overrideAccessCount++;
+    return true;
+  }
+};
+
+class ReactNativeFeatureFlagsTest : public testing::Test {
+ protected:
+  void SetUp() override {
+    overrideAccessCount = 0;
+  }
+
+  void TearDown() override {
+    ReactNativeFeatureFlags::dangerouslyReset();
+  }
+};
+
+TEST_F(ReactNativeFeatureFlagsTest, providesDefaults) {
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), false);
+}
+
+TEST_F(ReactNativeFeatureFlagsTest, providesOverriddenValues) {
+  ReactNativeFeatureFlags::override(
+      std::make_unique<ReactNativeFeatureFlagsTestOverrides>());
+
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), true);
+}
+
+TEST_F(ReactNativeFeatureFlagsTest, preventsOverridingAfterAccess) {
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), false);
+
+  try {
+    ReactNativeFeatureFlags::override(
+        std::make_unique<ReactNativeFeatureFlagsTestOverrides>());
+    FAIL()
+        << "Expected ReactNativeFeatureFlags::override() to throw an exception";
+  } catch (const std::runtime_error& e) {
+    EXPECT_STREQ(
+        "Feature flags were accessed before being overridden: commonTestFlag",
+        e.what());
+  }
+
+  // Overrides shouldn't be applied after they've been accessed
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), false);
+}
+
+TEST_F(ReactNativeFeatureFlagsTest, preventsOverridingAfterOverride) {
+  ReactNativeFeatureFlags::override(
+      std::make_unique<ReactNativeFeatureFlagsTestOverrides>());
+
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), true);
+
+  try {
+    ReactNativeFeatureFlags::override(
+        std::make_unique<ReactNativeFeatureFlagsTestOverrides>());
+    FAIL()
+        << "Expected ReactNativeFeatureFlags::override() to throw an exception";
+  } catch (const std::runtime_error& e) {
+    EXPECT_STREQ("Feature flags cannot be overridden more than once", e.what());
+  }
+
+  // Original overrides should still work
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), true);
+}
+
+TEST_F(ReactNativeFeatureFlagsTest, cachesValuesFromOverride) {
+  ReactNativeFeatureFlags::override(
+      std::make_unique<ReactNativeFeatureFlagsTestOverrides>());
+
+  EXPECT_EQ(overrideAccessCount, 0);
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), true);
+  EXPECT_EQ(overrideAccessCount, 1);
+
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), true);
+  EXPECT_EQ(overrideAccessCount, 1);
+}
+
+TEST_F(
+    ReactNativeFeatureFlagsTest,
+    providesDefaulValuesAgainWhenResettingAfterAnOverride) {
+  ReactNativeFeatureFlags::override(
+      std::make_unique<ReactNativeFeatureFlagsTestOverrides>());
+
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), true);
+
+  ReactNativeFeatureFlags::dangerouslyReset();
+
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), false);
+}
+
+TEST_F(ReactNativeFeatureFlagsTest, allowsOverridingAgainAfterReset) {
+  ReactNativeFeatureFlags::override(
+      std::make_unique<ReactNativeFeatureFlagsTestOverrides>());
+
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), true);
+
+  ReactNativeFeatureFlags::dangerouslyReset();
+
+  ReactNativeFeatureFlags::override(
+      std::make_unique<ReactNativeFeatureFlagsTestOverrides>());
+
+  EXPECT_EQ(ReactNativeFeatureFlags::commonTestFlag(), true);
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/CMakeLists.txt b/packages/react-native/ReactCommon/react/nativemodule/core/CMakeLists.txt
index 40888fcbde83f8..2a111774004c77 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"ReactNative\")
 
 
@@ -36,5 +35,6 @@ target_link_libraries(react_nativemodule_core
         jsi
         react_bridging
         react_debug
+        react_utils
         reactperflogger
         reactnativejni)
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/CxxTurboModuleUtils.cpp b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/CxxTurboModuleUtils.cpp
new file mode 100644
index 00000000000000..4ddafa742addc9
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/CxxTurboModuleUtils.cpp
@@ -0,0 +1,32 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "CxxTurboModuleUtils.h"
+
+namespace facebook::react {
+
+std::unordered_map<
+    std::string,
+    std::function<
+        std::shared_ptr<TurboModule>(std::shared_ptr<CallInvoker> jsInvoker)>>&
+globalExportedCxxTurboModuleMap() {
+  static std::unordered_map<
+      std::string,
+      std::function<std::shared_ptr<TurboModule>(
+          std::shared_ptr<CallInvoker> jsInvoker)>>
+      map;
+  return map;
+}
+
+void registerCxxModuleToGlobalModuleMap(
+    std::string name,
+    std::function<std::shared_ptr<TurboModule>(
+        std::shared_ptr<CallInvoker> jsInvoker)> moduleProviderFunc) {
+  globalExportedCxxTurboModuleMap()[name] = moduleProviderFunc;
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/CxxTurboModuleUtils.h b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/CxxTurboModuleUtils.h
new file mode 100644
index 00000000000000..64c5cf3eb46fe2
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/CxxTurboModuleUtils.h
@@ -0,0 +1,67 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <string>
+#include <unordered_map>
+
+#include <ReactCommon/CallInvoker.h>
+#include <ReactCommon/TurboModule.h>
+
+namespace facebook::react {
+
+std::unordered_map<
+    std::string,
+    std::function<
+        std::shared_ptr<TurboModule>(std::shared_ptr<CallInvoker> jsInvoker)>>&
+globalExportedCxxTurboModuleMap();
+
+void registerCxxModuleToGlobalModuleMap(
+    std::string name,
+    std::function<std::shared_ptr<TurboModule>(
+        std::shared_ptr<CallInvoker> jsInvoker)> moduleProviderFunc);
+
+} // namespace facebook::react
+
+/*
+ * You can use this macro to register your C++ TurboModule in your .cpp
+ * implementation if you do not have access to getTurboModule:jsInvoker:
+ * callback. This will register the module before main() is called,
+ * so it will incur a startup cost.
+ *
+ * RCT_EXPORT_CXX_MODULE_EXPERIMENTAL(ModuleExample) becomes:
+ *
+ * #pragma clang diagnostic push
+ * #pragma clang diagnostic ignored "-Wglobal-constructors"
+ * struct ModuleExampleLoad {
+ *   ModuleExampleLoad() {
+ *     facebook::react::registerCxxModule(name,
+ *       [&](std::shared_ptr<facebook::react::CallInvoker> jsInvoker) {
+ *         return
+ *         std::make_shared<facebook::react::ModuleExample>(jsInvoker);
+ *      });
+ *   }
+ * };
+ * static ModuleExampleLoad moduleExampleLoad;
+ * #pragma clang diagnostic pop
+ *
+ */
+#define RCT_EXPORT_CXX_MODULE_EXPERIMENTAL(name)                           \
+  _Pragma("clang diagnostic push")                                         \
+      _Pragma("clang diagnostic ignored \"-Wglobal-constructors\"") struct \
+      name##Load {                                                         \
+    name##Load() {                                                         \
+      facebook::react::registerCxxModuleToGlobalModuleMap(                 \
+          #name,                                                           \
+          [&](std::shared_ptr<facebook::react::CallInvoker> jsInvoker) {   \
+            return std::make_shared<facebook::react::name>(jsInvoker);     \
+          });                                                              \
+    }                                                                      \
+  };                                                                       \
+  static name##Load _##name##Load;                                         \
+  _Pragma("clang diagnostic pop")
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModule.cpp b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModule.cpp
index f3641afcb521a3..b0924be26e1ab8 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModule.cpp
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModule.cpp
@@ -6,9 +6,34 @@
  */
 
 #include "TurboModule.h"
+#include <react/debug/react_native_assert.h>
 
 namespace facebook::react {
 
+TurboModuleMethodValueKind getTurboModuleMethodValueKind(
+    jsi::Runtime& rt,
+    const jsi::Value* value) {
+  if (!value || value->isUndefined() || value->isNull()) {
+    return VoidKind;
+  } else if (value->isBool()) {
+    return BooleanKind;
+  } else if (value->isNumber()) {
+    return NumberKind;
+  } else if (value->isString()) {
+    return StringKind;
+  } else if (value->isObject()) {
+    auto object = value->asObject(rt);
+    if (object.isArray(rt)) {
+      return ArrayKind;
+    } else if (object.isFunction(rt)) {
+      return FunctionKind;
+    }
+    return ObjectKind;
+  }
+  react_native_assert(false && "Unsupported jsi::Value kind");
+  return VoidKind;
+}
+
 TurboModule::TurboModule(
     std::string name,
     std::shared_ptr<CallInvoker> jsInvoker)
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModule.h b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModule.h
index 4ecfe86f14333b..ccd9d1f85968ef 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModule.h
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModule.h
@@ -31,6 +31,13 @@ enum TurboModuleMethodValueKind {
   PromiseKind,
 };
 
+/**
+ * Determines TurboModuleMethodValueKind based on the jsi::Value type.
+ */
+TurboModuleMethodValueKind getTurboModuleMethodValueKind(
+    jsi::Runtime& rt,
+    const jsi::Value* value);
+
 class TurboCxxModule;
 class TurboModuleBinding;
 
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleBinding.cpp b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleBinding.cpp
index b03715f560d8c5..360ad45f9da864 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleBinding.cpp
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleBinding.cpp
@@ -7,12 +7,11 @@
 
 #include "TurboModuleBinding.h"
 
+#include <cxxreact/SystraceSection.h>
+#include <react/utils/jsi.h>
 #include <stdexcept>
 #include <string>
 
-#include <ReactCommon/LongLivedObject.h>
-#include <cxxreact/SystraceSection.h>
-
 using namespace facebook;
 
 namespace facebook::react {
@@ -63,45 +62,21 @@ class BridgelessNativeModuleProxy : public jsi::HostObject {
   }
 };
 
-// TODO(148359183): Merge this with the Bridgeless defineReadOnlyGlobal util
-static void defineReadOnlyGlobal(
-    jsi::Runtime& runtime,
-    std::string propName,
-    jsi::Value&& value) {
-  if (runtime.global().hasProperty(runtime, propName.c_str())) {
-    throw jsi::JSError(
-        runtime,
-        "Tried to redefine read-only global \"" + propName +
-            "\", but read-only globals can only be defined once.");
-  }
-  jsi::Object jsObject =
-      runtime.global().getProperty(runtime, "Object").asObject(runtime);
-  jsi::Function defineProperty = jsObject.getProperty(runtime, "defineProperty")
-                                     .asObject(runtime)
-                                     .asFunction(runtime);
-
-  jsi::Object descriptor = jsi::Object(runtime);
-  descriptor.setProperty(runtime, "value", std::move(value));
-  defineProperty.callWithThis(
-      runtime,
-      jsObject,
-      runtime.global(),
-      jsi::String::createFromUtf8(runtime, propName),
-      descriptor);
-}
-
 /**
  * Public API to install the TurboModule system.
  */
 
 TurboModuleBinding::TurboModuleBinding(
-    TurboModuleProviderFunctionType&& moduleProvider)
-    : moduleProvider_(std::move(moduleProvider)) {}
+    TurboModuleProviderFunctionType&& moduleProvider,
+    std::shared_ptr<LongLivedObjectCollection> longLivedObjectCollection)
+    : moduleProvider_(std::move(moduleProvider)),
+      longLivedObjectCollection_(std::move(longLivedObjectCollection)) {}
 
 void TurboModuleBinding::install(
     jsi::Runtime& runtime,
     TurboModuleProviderFunctionType&& moduleProvider,
-    TurboModuleProviderFunctionType&& legacyModuleProvider) {
+    TurboModuleProviderFunctionType&& legacyModuleProvider,
+    std::shared_ptr<LongLivedObjectCollection> longLivedObjectCollection) {
   runtime.global().setProperty(
       runtime,
       "__turboModuleProxy",
@@ -109,7 +84,8 @@ void TurboModuleBinding::install(
           runtime,
           jsi::PropNameID::forAscii(runtime, "__turboModuleProxy"),
           1,
-          [binding = TurboModuleBinding(std::move(moduleProvider))](
+          [binding = TurboModuleBinding(
+               std::move(moduleProvider), longLivedObjectCollection)](
               jsi::Runtime& rt,
               const jsi::Value& thisVal,
               const jsi::Value* args,
@@ -123,28 +99,28 @@ void TurboModuleBinding::install(
           }));
 
   if (runtime.global().hasProperty(runtime, "RN$Bridgeless")) {
-    if (legacyModuleProvider != nullptr) {
-      defineReadOnlyGlobal(runtime, "RN$TurboInterop", jsi::Value(true));
-      defineReadOnlyGlobal(
-          runtime,
-          "nativeModuleProxy",
-          jsi::Object::createFromHostObject(
-              runtime,
-              std::make_shared<BridgelessNativeModuleProxy>(
-                  std::make_unique<TurboModuleBinding>(
-                      std::move(legacyModuleProvider)))));
-    } else {
-      defineReadOnlyGlobal(
-          runtime,
-          "nativeModuleProxy",
-          jsi::Object::createFromHostObject(
-              runtime, std::make_shared<BridgelessNativeModuleProxy>(nullptr)));
-    }
+    bool rnTurboInterop = legacyModuleProvider != nullptr;
+    auto turboModuleBinding = legacyModuleProvider
+        ? std::make_unique<TurboModuleBinding>(
+              std::move(legacyModuleProvider), longLivedObjectCollection)
+        : nullptr;
+    auto nativeModuleProxy = std::make_shared<BridgelessNativeModuleProxy>(
+        std::move(turboModuleBinding));
+    defineReadOnlyGlobal(
+        runtime, "RN$TurboInterop", jsi::Value(rnTurboInterop));
+    defineReadOnlyGlobal(
+        runtime,
+        "nativeModuleProxy",
+        jsi::Object::createFromHostObject(runtime, nativeModuleProxy));
   }
 }
 
 TurboModuleBinding::~TurboModuleBinding() {
-  LongLivedObjectCollection::get().clear();
+  if (longLivedObjectCollection_) {
+    longLivedObjectCollection_->clear();
+  } else {
+    LongLivedObjectCollection::get().clear();
+  }
 }
 
 jsi::Value TurboModuleBinding::getModule(
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleBinding.h b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleBinding.h
index 385ce24d1a2831..0556c697f1e7cd 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleBinding.h
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleBinding.h
@@ -9,6 +9,7 @@
 
 #include <string>
 
+#include <ReactCommon/LongLivedObject.h>
 #include <ReactCommon/TurboModule.h>
 #include <jsi/jsi.h>
 
@@ -28,9 +29,14 @@ class TurboModuleBinding {
   static void install(
       jsi::Runtime& runtime,
       TurboModuleProviderFunctionType&& moduleProvider,
-      TurboModuleProviderFunctionType&& legacyModuleProvider = nullptr);
+      TurboModuleProviderFunctionType&& legacyModuleProvider = nullptr,
+      std::shared_ptr<LongLivedObjectCollection> longLivedObjectCollection =
+          nullptr);
+
+  TurboModuleBinding(
+      TurboModuleProviderFunctionType&& moduleProvider,
+      std::shared_ptr<LongLivedObjectCollection> longLivedObjectCollection);
 
-  TurboModuleBinding(TurboModuleProviderFunctionType&& moduleProvider);
   virtual ~TurboModuleBinding();
 
  private:
@@ -44,6 +50,7 @@ class TurboModuleBinding {
       const;
 
   TurboModuleProviderFunctionType moduleProvider_;
+  std::shared_ptr<LongLivedObjectCollection> longLivedObjectCollection_;
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleUtils.h b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleUtils.h
index d2558250876642..786c4cdb3cec02 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleUtils.h
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/ReactCommon/TurboModuleUtils.h
@@ -37,6 +37,7 @@ jsi::Value createPromiseAsJSIValue(
     jsi::Runtime& rt,
     PromiseSetupFunctionType&& func);
 
+// Deprecated. Use AsyncCallback instead.
 class RAIICallbackWrapperDestroyer {
  public:
   RAIICallbackWrapperDestroyer(std::weak_ptr<CallbackWrapper> callbackWrapper)
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/android/ReactCommon/JavaTurboModule.cpp b/packages/react-native/ReactCommon/react/nativemodule/core/platform/android/ReactCommon/JavaTurboModule.cpp
index 521dcbaed5d9fe..03a60f9bdac05c 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/platform/android/ReactCommon/JavaTurboModule.cpp
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/platform/android/ReactCommon/JavaTurboModule.cpp
@@ -6,9 +6,9 @@
  */
 
 #include <memory>
-#include <sstream>
 #include <string>
 
+#include <cxxreact/SystraceSection.h>
 #include <fbjni/fbjni.h>
 #include <glog/logging.h>
 #include <jsi/jsi.h>
@@ -17,6 +17,7 @@
 #include <ReactCommon/TurboModulePerfLogger.h>
 #include <ReactCommon/TurboModuleUtils.h>
 #include <jsi/JSIDynamic.h>
+#include <react/bridging/Bridging.h>
 #include <react/debug/react_native_assert.h>
 #include <react/jni/NativeMap.h>
 #include <react/jni/ReadableNativeMap.h>
@@ -57,67 +58,71 @@ JavaTurboModule::~JavaTurboModule() {
 
 namespace {
 
+constexpr auto kReactFeatureFlagsJavaDescriptor =
+    "com/facebook/react/config/ReactFeatureFlags";
+
+bool getFeatureFlagBoolValue(const char* name) {
+  static const auto reactFeatureFlagsClass =
+      facebook::jni::findClassStatic(kReactFeatureFlagsJavaDescriptor);
+  const auto field = reactFeatureFlagsClass->getStaticField<jboolean>(name);
+  return reactFeatureFlagsClass->getStaticFieldValue(field);
+}
+
+bool traceTurboModulePromiseRejections() {
+  static bool traceRejections =
+      getFeatureFlagBoolValue("traceTurboModulePromiseRejections");
+  return traceRejections;
+}
+
+bool rejectTurboModulePromiseOnNativeError() {
+  static bool rejectOnError =
+      getFeatureFlagBoolValue("rejectTurboModulePromiseOnNativeError");
+  return rejectOnError;
+}
+
 struct JNIArgs {
   JNIArgs(size_t count) : args_(count) {}
   std::vector<jvalue> args_;
   std::vector<jobject> globalRefs_;
 };
 
-jni::local_ref<JCxxCallbackImpl::JavaPart> createJavaCallbackFromJSIFunction(
-    jsi::Function&& function,
+auto createJavaCallback(
     jsi::Runtime& rt,
-    const std::shared_ptr<CallInvoker>& jsInvoker) {
-  auto weakWrapper =
-      CallbackWrapper::createWeak(std::move(function), rt, jsInvoker);
-
-  // This needs to be a shared_ptr because:
-  // 1. It cannot be unique_ptr. std::function is copyable but unique_ptr is
-  // not.
-  // 2. It cannot be weak_ptr since we need this object to live on.
-  // 3. It cannot be a value, because that would be deleted as soon as this
-  // function returns.
-  auto callbackWrapperOwner =
-      std::make_shared<RAIICallbackWrapperDestroyer>(weakWrapper);
-
+    jsi::Function&& function,
+    std::shared_ptr<CallInvoker> jsInvoker) {
+  std::optional<AsyncCallback<>> callback(
+      {rt, std::move(function), std::move(jsInvoker)});
   return JCxxCallbackImpl::newObjectCxxArgs(
-      [weakWrapper = std::move(weakWrapper),
-       callbackWrapperOwner = std::move(callbackWrapperOwner),
-       wrapperWasCalled = false](folly::dynamic responses) mutable {
-        if (wrapperWasCalled) {
-          LOG(FATAL) << "callback arg cannot be called more than once";
-        }
-
-        auto strongWrapper = weakWrapper.lock();
-        if (!strongWrapper) {
+      [callback = std::move(callback)](folly::dynamic args) mutable {
+        if (!callback) {
+          LOG(FATAL) << "Callback arg cannot be called more than once";
           return;
         }
 
-        strongWrapper->jsInvoker().invokeAsync(
-            [weakWrapper = std::move(weakWrapper),
-             callbackWrapperOwner = std::move(callbackWrapperOwner),
-             responses = std::move(responses)]() {
-              auto strongWrapper2 = weakWrapper.lock();
-              if (!strongWrapper2) {
-                return;
-              }
-
-              std::vector<jsi::Value> args;
-              args.reserve(responses.size());
-              for (const auto& val : responses) {
-                args.emplace_back(
-                    jsi::valueFromDynamic(strongWrapper2->runtime(), val));
-              }
-
-              strongWrapper2->callback().call(
-                  strongWrapper2->runtime(),
-                  (const jsi::Value*)args.data(),
-                  args.size());
-            });
-
-        wrapperWasCalled = true;
+        callback->call([args = std::move(args)](
+                           jsi::Runtime& rt, jsi::Function& jsFunction) {
+          std::vector<jsi::Value> jsArgs;
+          jsArgs.reserve(args.size());
+          for (const auto& val : args) {
+            jsArgs.emplace_back(jsi::valueFromDynamic(rt, val));
+          }
+          jsFunction.call(rt, (const jsi::Value*)jsArgs.data(), jsArgs.size());
+        });
+        callback = std::nullopt;
       });
 }
 
+struct JPromiseImpl : public jni::JavaClass<JPromiseImpl> {
+  constexpr static auto kJavaDescriptor =
+      "Lcom/facebook/react/bridge/PromiseImpl;";
+
+  static jni::local_ref<javaobject> create(
+      jni::local_ref<JCallback::javaobject> resolve,
+      jni::local_ref<JCallback::javaobject> reject) {
+    return newInstance(resolve, reject);
+  }
+};
+
 // This is used for generating short exception strings.
 std::string stringifyJSIValue(const jsi::Value& v, jsi::Runtime* rt = nullptr) {
   if (v.isUndefined()) {
@@ -245,13 +250,15 @@ JNIArgs convertJSIArgsToJNIArgs(
     size_t count,
     const std::shared_ptr<CallInvoker>& jsInvoker,
     TurboModuleMethodValueKind valueKind) {
-  unsigned int expectedArgumentCount = valueKind == PromiseKind
+  size_t expectedArgumentCount = valueKind == PromiseKind
       ? methodArgTypes.size() - 1
       : methodArgTypes.size();
 
   if (expectedArgumentCount != count) {
     throw JavaTurboModuleInvalidArgumentCountException(
-        methodName, count, expectedArgumentCount);
+        methodName,
+        static_cast<int>(count),
+        static_cast<int>(expectedArgumentCount));
   }
 
   JNIArgs jniArgs(valueKind == PromiseKind ? count + 1 : count);
@@ -356,8 +363,7 @@ JNIArgs convertJSIArgsToJNIArgs(
       }
       jsi::Function fn = arg->getObject(rt).getFunction(rt);
       jarg->l = makeGlobalIfNecessary(
-          createJavaCallbackFromJSIFunction(std::move(fn), rt, jsInvoker)
-              .release());
+          createJavaCallback(rt, std::move(fn), jsInvoker).release());
     } else if (type == "Lcom/facebook/react/bridge/ReadableArray;") {
       if (!(arg->isObject() && arg->getObject(rt).isArray(rt))) {
         throw JavaTurboModuleArgumentConversionException(
@@ -414,7 +420,7 @@ jsi::Value createJSRuntimeError(
  */
 jsi::JSError convertThrowableToJSError(
     jsi::Runtime& runtime,
-    jni::local_ref<jni::JThrowable> throwable) {
+    jni::alias_ref<jni::JThrowable> throwable) {
   auto stackTrace = throwable->getStackTrace();
 
   jsi::Array stackElements(runtime, stackTrace->size());
@@ -442,6 +448,22 @@ jsi::JSError convertThrowableToJSError(
   return {runtime, std::move(error)};
 }
 
+void rejectWithException(
+    AsyncCallback<>& reject,
+    std::exception_ptr exception,
+    std::optional<std::string>& jsInvocationStack) {
+  auto throwable = jni::getJavaExceptionForCppException(exception);
+  reject.call([jsInvocationStack, throwable = jni::make_global(throwable)](
+                  jsi::Runtime& rt, jsi::Function& jsFunction) {
+    auto jsError = convertThrowableToJSError(rt, throwable);
+    if (jsInvocationStack.has_value()) {
+      jsError.value().asObject(rt).setProperty(
+          rt, "stack", jsInvocationStack.value());
+    }
+    jsFunction.call(rt, jsError.value());
+  });
+}
+
 } // namespace
 
 jsi::Value JavaTurboModule::invokeJavaMethod(
@@ -485,7 +507,8 @@ jsi::Value JavaTurboModule::invokeJavaMethod(
    * GlobalReferences. The LocalReferences are then promptly deleted
    * after the conversion.
    */
-  unsigned int actualArgCount = valueKind == VoidKind ? 0 : argCount;
+  unsigned int actualArgCount =
+      valueKind == VoidKind ? 0 : static_cast<unsigned int>(argCount);
   unsigned int estimatedLocalRefCount =
       actualArgCount + maxReturnObjects + buffer;
 
@@ -738,13 +761,10 @@ jsi::Value JavaTurboModule::invokeJavaMethod(
     case VoidKind: {
       if (shouldVoidMethodsExecuteSync_) {
         env->CallVoidMethodA(instance, methodID, jargs.data());
+        checkJNIErrorForMethodCall();
+
         TMPL::syncMethodCallExecutionEnd(moduleName, methodName);
         TMPL::syncMethodCallEnd(moduleName, methodName);
-        try {
-          FACEBOOK_JNI_THROW_PENDING_EXCEPTION();
-        } catch (...) {
-          throw;
-        }
         return jsi::Value::undefined();
       }
 
@@ -759,16 +779,23 @@ jsi::Value JavaTurboModule::invokeJavaMethod(
            instance_ = jni::make_weak(instance_),
            moduleNameStr = name_,
            methodNameStr,
-           id = getUniqueId()]() mutable -> void {
+           id = getUniqueId()]() mutable {
+            SystraceSection s(
+                "JavaTurboModuleAsyncMethodInvocation",
+                "module",
+                moduleNameStr,
+                "method",
+                methodNameStr,
+                "returnType",
+                "void");
+
             auto instance = instance_.lockLocal();
             if (!instance) {
               return;
             }
-            /**
-             * TODO(ramanpreet): Why do we have to require the environment
-             * again? Why does JNI crash when we use the env from the upper
-             * scope?
-             */
+
+            // Require the env from the current scope, which may be
+            // different from the original invocation's scope
             JNIEnv* env = jni::Environment::current();
             const char* moduleName = moduleNameStr.c_str();
             const char* methodName = methodNameStr.c_str();
@@ -792,115 +819,123 @@ jsi::Value JavaTurboModule::invokeJavaMethod(
       return jsi::Value::undefined();
     }
     case PromiseKind: {
+      // We could use AsyncPromise here, but this avoids the overhead of
+      // the shared_ptr for PromiseHolder
       jsi::Function Promise =
           runtime.global().getPropertyAsFunction(runtime, "Promise");
 
-      jsi::Function promiseConstructorArg = jsi::Function::createFromHostFunction(
+      // The callback is used for auto rejecting if error is caught from method
+      // invocation
+      std::optional<AsyncCallback<>> nativeRejectCallback;
+
+      // The promise constructor runs its arg immediately, so this is safe
+      jobject javaPromise;
+      jsi::Value jsPromise = Promise.callAsConstructor(
           runtime,
-          jsi::PropNameID::forAscii(runtime, "fn"),
-          2,
-          [this,
-           &jargs,
-           &globalRefs,
-           argCount,
+          jsi::Function::createFromHostFunction(
+              runtime,
+              jsi::PropNameID::forAscii(runtime, "fn"),
+              2,
+              [&](jsi::Runtime& runtime,
+                  const jsi::Value&,
+                  const jsi::Value* args,
+                  size_t argCount) {
+                if (argCount != 2) {
+                  throw jsi::JSError(runtime, "Incorrect number of arguments");
+                }
+
+                if (rejectTurboModulePromiseOnNativeError()) {
+                  nativeRejectCallback = AsyncCallback(
+                      runtime,
+                      args[1].getObject(runtime).getFunction(runtime),
+                      jsInvoker_);
+                }
+
+                auto resolve = createJavaCallback(
+                    runtime,
+                    args[0].getObject(runtime).getFunction(runtime),
+                    jsInvoker_);
+                auto reject = createJavaCallback(
+                    runtime,
+                    args[1].getObject(runtime).getFunction(runtime),
+                    jsInvoker_);
+                javaPromise = JPromiseImpl::create(resolve, reject).release();
+
+                return jsi::Value::undefined();
+              }));
+
+      jobject globalPromise = env->NewGlobalRef(javaPromise);
+      globalRefs.push_back(globalPromise);
+      env->DeleteLocalRef(javaPromise);
+      jargs[argCount].l = globalPromise;
+
+      // JS Stack at the time when the promise is created.
+      std::optional<std::string> jsInvocationStack;
+      if (traceTurboModulePromiseRejections()) {
+        jsInvocationStack = createJSRuntimeError(runtime, "")
+                                .asObject(runtime)
+                                .getProperty(runtime, "stack")
+                                .toString(runtime)
+                                .utf8(runtime);
+      }
+
+      const char* moduleName = name_.c_str();
+      const char* methodName = methodNameStr.c_str();
+      TMPL::asyncMethodCallArgConversionEnd(moduleName, methodName);
+      TMPL::asyncMethodCallDispatch(moduleName, methodName);
+      nativeMethodCallInvoker_->invokeAsync(
+          methodName,
+          [jargs,
+           rejectCallback = std::move(nativeRejectCallback),
+           jsInvocationStack = std::move(jsInvocationStack),
+           globalRefs,
            methodID,
+           instance_ = jni::make_weak(instance_),
            moduleNameStr = name_,
            methodNameStr,
-           env](
-              jsi::Runtime& runtime,
-              const jsi::Value& thisVal,
-              const jsi::Value* promiseConstructorArgs,
-              size_t promiseConstructorArgCount) {
-            if (promiseConstructorArgCount != 2) {
-              throw std::invalid_argument("Promise fn arg count must be 2");
-            }
+           id = getUniqueId()]() mutable {
+            SystraceSection s(
+                "JavaTurboModuleAsyncMethodInvocation",
+                "module",
+                moduleNameStr,
+                "method",
+                methodNameStr,
+                "returnType",
+                "promise");
 
-            jsi::Function resolveJSIFn =
-                promiseConstructorArgs[0].getObject(runtime).getFunction(
-                    runtime);
-            jsi::Function rejectJSIFn =
-                promiseConstructorArgs[1].getObject(runtime).getFunction(
-                    runtime);
-
-            auto resolve = createJavaCallbackFromJSIFunction(
-                               std::move(resolveJSIFn), runtime, jsInvoker_)
-                               .release();
-            auto reject = createJavaCallbackFromJSIFunction(
-                              std::move(rejectJSIFn), runtime, jsInvoker_)
-                              .release();
-
-            jclass jPromiseImpl =
-                env->FindClass("com/facebook/react/bridge/PromiseImpl");
-            jmethodID jPromiseImplConstructor = env->GetMethodID(
-                jPromiseImpl,
-                "<init>",
-                "(Lcom/facebook/react/bridge/Callback;Lcom/facebook/react/bridge/Callback;)V");
-
-            jobject promise = env->NewObject(
-                jPromiseImpl, jPromiseImplConstructor, resolve, reject);
+            auto instance = instance_.lockLocal();
+            if (!instance) {
+              return;
+            }
 
+            // Require the env from the current scope, which may be
+            // different from the original invocation's scope
+            JNIEnv* env = jni::Environment::current();
             const char* moduleName = moduleNameStr.c_str();
             const char* methodName = methodNameStr.c_str();
+            TMPL::asyncMethodCallExecutionStart(moduleName, methodName, id);
+            env->CallVoidMethodA(instance.get(), methodID, jargs.data());
+            try {
+              FACEBOOK_JNI_THROW_PENDING_EXCEPTION();
+            } catch (...) {
+              TMPL::asyncMethodCallExecutionFail(moduleName, methodName, id);
+              if (rejectTurboModulePromiseOnNativeError() && rejectCallback) {
+                auto exception = std::current_exception();
+                rejectWithException(
+                    *rejectCallback, exception, jsInvocationStack);
+                rejectCallback = std::nullopt;
+              } else {
+                throw;
+              }
+            }
 
-            jobject globalPromise = env->NewGlobalRef(promise);
-
-            globalRefs.push_back(globalPromise);
-            env->DeleteLocalRef(promise);
-
-            jargs[argCount].l = globalPromise;
-            TMPL::asyncMethodCallArgConversionEnd(moduleName, methodName);
-            TMPL::asyncMethodCallDispatch(moduleName, methodName);
-
-            nativeMethodCallInvoker_->invokeAsync(
-                methodName,
-                [jargs,
-                 globalRefs,
-                 methodID,
-                 instance_ = jni::make_weak(instance_),
-                 moduleNameStr,
-                 methodNameStr,
-                 id = getUniqueId()]() mutable -> void {
-                  auto instance = instance_.lockLocal();
-
-                  if (!instance) {
-                    return;
-                  }
-                  /**
-                   * TODO(ramanpreet): Why do we have to require the
-                   * environment again? Why does JNI crash when we use the env
-                   * from the upper scope?
-                   */
-                  JNIEnv* env = jni::Environment::current();
-                  const char* moduleName = moduleNameStr.c_str();
-                  const char* methodName = methodNameStr.c_str();
-
-                  TMPL::asyncMethodCallExecutionStart(
-                      moduleName, methodName, id);
-                  env->CallVoidMethodA(instance.get(), methodID, jargs.data());
-                  try {
-                    FACEBOOK_JNI_THROW_PENDING_EXCEPTION();
-                  } catch (...) {
-                    TMPL::asyncMethodCallExecutionFail(
-                        moduleName, methodName, id);
-                    throw;
-                  }
-
-                  for (auto globalRef : globalRefs) {
-                    env->DeleteGlobalRef(globalRef);
-                  }
-                  TMPL::asyncMethodCallExecutionEnd(moduleName, methodName, id);
-                });
-
-            return jsi::Value::undefined();
+            for (auto globalRef : globalRefs) {
+              env->DeleteGlobalRef(globalRef);
+            }
+            TMPL::asyncMethodCallExecutionEnd(moduleName, methodName, id);
           });
-
-      jsi::Value promise =
-          Promise.callAsConstructor(runtime, promiseConstructorArg);
-      checkJNIErrorForMethodCall();
-
       TMPL::asyncMethodCallEnd(moduleName, methodName);
-
-      return promise;
+      return jsPromise;
     }
     default:
       throw std::runtime_error(
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/android/ReactCommon/JavaTurboModule.h b/packages/react-native/ReactCommon/react/nativemodule/core/platform/android/ReactCommon/JavaTurboModule.h
index eadf1b5065bb1f..66ebd30f92a4f4 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/platform/android/ReactCommon/JavaTurboModule.h
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/platform/android/ReactCommon/JavaTurboModule.h
@@ -7,9 +7,7 @@
 
 #pragma once
 
-#include <functional>
 #include <string>
-#include <unordered_set>
 
 #include <ReactCommon/CallInvoker.h>
 #include <ReactCommon/TurboModule.h>
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/React-NativeModulesApple.podspec b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/React-NativeModulesApple.podspec
index 0e4e896e79f749..b758daa1851175 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/React-NativeModulesApple.podspec
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/React-NativeModulesApple.podspec
@@ -16,8 +16,10 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
+
 boost_compiler_flags = '-Wno-documentation'
 using_hermes = ENV['USE_HERMES'] == nil || ENV['USE_HERMES'] == "1"
 Pod::Spec.new do |s|
@@ -48,10 +50,13 @@ Pod::Spec.new do |s|
     s.dependency "React-callinvoker"
     s.dependency "React-Core"
     s.dependency "React-cxxreact"
-    s.dependency "React-runtimeexecutor"
     s.dependency "React-jsi"
+    s.dependency "React-runtimeexecutor"
+    add_dependency(s, "React-jsinspector", :framework_name => 'jsinspector_modern')
 
     if using_hermes
       s.dependency "hermes-engine"
+    else
+      s.dependency "React-jsc"
     end
 end
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTBlockGuard.h b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTBlockGuard.h
deleted file mode 100644
index 0e34516bedaa14..00000000000000
--- a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTBlockGuard.h
+++ /dev/null
@@ -1,24 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import <Foundation/Foundation.h>
-
-NS_ASSUME_NONNULL_BEGIN
-
-/**
- * RCTBlockGuard is designed to be used with obj-c blocks to assist with manual deallocation of C++ resources
- * tied to lifetime of a block. If C++ resources needs to be manually released at the end of block or when the block
- * is deallocated, place the clean up code inside constructor and make sure the instance of the class is references in
- * the block.
- */
-@interface RCTBlockGuard : NSObject
-
-- (instancetype)initWithCleanup:(void (^)(void))cleanup;
-
-@end
-
-NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTBlockGuard.mm b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTBlockGuard.mm
deleted file mode 100644
index c88429c67a8c53..00000000000000
--- a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTBlockGuard.mm
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import "RCTBlockGuard.h"
-
-@implementation RCTBlockGuard {
-  void (^_cleanup)(void);
-}
-
-- (instancetype)initWithCleanup:(void (^)(void))cleanup
-{
-  if (self = [super init]) {
-    _cleanup = cleanup;
-  }
-
-  return self;
-}
-
-- (void)dealloc
-{
-  _cleanup();
-}
-
-@end
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTInteropTurboModule.h b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTInteropTurboModule.h
index 914153bff44e86..63105fe61ce630 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTInteropTurboModule.h
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTInteropTurboModule.h
@@ -23,7 +23,7 @@ class JSI_EXPORT ObjCInteropTurboModule : public ObjCTurboModule {
   struct MethodDescriptor {
     std::string methodName;
     SEL selector;
-    int jsArgCount;
+    size_t jsArgCount;
     TurboModuleMethodValueKind jsReturnKind;
   };
 
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTInteropTurboModule.mm b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTInteropTurboModule.mm
index 9bd3395d37d1f7..ad267de81138df 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTInteropTurboModule.mm
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTInteropTurboModule.mm
@@ -192,11 +192,11 @@ T RCTConvertTo(SEL selector, id json)
   methodArgumentTypeNames_ = methodArgTypeNames;
 
   for (const ExportedMethod &method : methods) {
-    const int numArgs = [method.argumentTypes count];
+    const size_t numArgs = [method.argumentTypes count];
     const bool isPromiseMethod =
         numArgs >= 2 && [method.argumentTypes[numArgs - 1] isEqualToString:@"RCTPromiseRejectBlock"];
 
-    const int jsArgCount = isPromiseMethod ? numArgs - 2 : numArgs;
+    const size_t jsArgCount = isPromiseMethod ? numArgs - 2 : numArgs;
 
     /**
      * In the TurboModule system, only promises and voids are special. So, set those.
@@ -330,7 +330,7 @@ T RCTConvertTo(SEL selector, id json)
   NSString *methodName = @(methodNameCStr);
   std::string methodJsSignature = name_ + "." + methodNameCStr + "()";
 
-  NSString *argumentType = getArgumentTypeName(runtime, methodName, index);
+  NSString *argumentType = getArgumentTypeName(runtime, methodName, static_cast<int>(index));
   std::string errorPrefix = methodJsSignature + ": Error while converting JavaScript argument " +
       std::to_string(index) + " to Objective C type " + [argumentType UTF8String] + ". ";
 
@@ -586,7 +586,7 @@ T RCTConvertTo(SEL selector, id json)
   }
 
   if ([methodArgumentTypeNames_[methodName] count] <= argIndex) {
-    int paramCount = [methodArgumentTypeNames_[methodName] count];
+    size_t paramCount = [methodArgumentTypeNames_[methodName] count];
     throw jsi::JSError(runtime, errorPrefix + "Method has only " + std::to_string(paramCount) + " parameter types.");
   }
 
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTRuntimeExecutor.h b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTRuntimeExecutor.h
new file mode 100644
index 00000000000000..191e94f3b0ddbd
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTRuntimeExecutor.h
@@ -0,0 +1,30 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <ReactCommon/RuntimeExecutor.h>
+#import <jsi/jsi.h>
+
+NS_ASSUME_NONNULL_BEGIN
+
+typedef void (^RCTJSIRuntimeHandlingBlock)(facebook::jsi::Runtime &runtime);
+
+@interface RCTRuntimeExecutor : NSObject
+
+- (instancetype)init NS_UNAVAILABLE;
+
+/**
+ Initializes an object that wraps ways to access the RuntimeExecutor.
+
+ @param runtimeExecutor The instance of RuntimeExecutor.
+ */
+- (instancetype)initWithRuntimeExecutor:(facebook::react::RuntimeExecutor)runtimeExecutor NS_DESIGNATED_INITIALIZER;
+
+- (void)execute:(RCTJSIRuntimeHandlingBlock)block;
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTRuntimeExecutor.mm b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTRuntimeExecutor.mm
new file mode 100644
index 00000000000000..87538efb0d9148
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTRuntimeExecutor.mm
@@ -0,0 +1,34 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTRuntimeExecutor.h"
+
+@implementation RCTRuntimeExecutor {
+  facebook::react::RuntimeExecutor _runtimeExecutor;
+}
+
+#pragma mark - Initializer
+
+- (instancetype)initWithRuntimeExecutor:(facebook::react::RuntimeExecutor)runtimeExecutor
+{
+  if (self = [super init]) {
+    _runtimeExecutor = runtimeExecutor;
+  }
+
+  return self;
+}
+
+#pragma mark - Public API
+
+- (void)execute:(RCTJSIRuntimeHandlingBlock)block
+{
+  if (_runtimeExecutor) {
+    _runtimeExecutor([=](facebook::jsi::Runtime &runtime) { block(runtime); });
+  }
+}
+
+@end
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModule.h b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModule.h
index 08feeb6ffef12e..b5e47efec6c61b 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModule.h
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModule.h
@@ -62,7 +62,7 @@ class JSI_EXPORT ObjCTurboModule : public TurboModule {
   std::shared_ptr<NativeMethodCallInvoker> nativeMethodCallInvoker_;
 
  protected:
-  void setMethodArgConversionSelector(NSString *methodName, int argIndex, NSString *fnName);
+  void setMethodArgConversionSelector(NSString *methodName, size_t argIndex, NSString *fnName);
 
   /**
    * Why is this virtual?
@@ -126,8 +126,8 @@ class JSI_EXPORT ObjCTurboModule : public TurboModule {
   NSDictionary<NSString *, NSArray<NSString *> *> *methodArgumentTypeNames_;
 
   bool isMethodSync(TurboModuleMethodValueKind returnType);
-  BOOL hasMethodArgConversionSelector(NSString *methodName, int argIndex);
-  SEL getMethodArgConversionSelector(NSString *methodName, int argIndex);
+  BOOL hasMethodArgConversionSelector(NSString *methodName, size_t argIndex);
+  SEL getMethodArgConversionSelector(NSString *methodName, size_t argIndex);
   NSInvocation *createMethodInvocation(
       jsi::Runtime &runtime,
       bool isSync,
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModule.mm b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModule.mm
index 8caecfb664b7b2..be0846fff24ad3 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModule.mm
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModule.mm
@@ -6,15 +6,6 @@
  */
 
 #import "RCTTurboModule.h"
-#import "RCTBlockGuard.h"
-
-#include <glog/logging.h>
-#import <objc/message.h>
-#import <objc/runtime.h>
-#import <atomic>
-#import <iostream>
-#import <sstream>
-#import <vector>
 
 #import <React/RCTBridgeModule.h>
 #import <React/RCTConvert.h>
@@ -23,10 +14,19 @@
 #import <React/RCTModuleMethod.h>
 #import <React/RCTUtils.h>
 #import <ReactCommon/CallInvoker.h>
-#import <ReactCommon/LongLivedObject.h>
 #import <ReactCommon/TurboModule.h>
 #import <ReactCommon/TurboModulePerfLogger.h>
-#import <ReactCommon/TurboModuleUtils.h>
+#import <cxxreact/SystraceSection.h>
+#import <react/bridging/Bridging.h>
+
+#include <glog/logging.h>
+
+#import <objc/message.h>
+#import <objc/runtime.h>
+#import <atomic>
+#import <iostream>
+#import <sstream>
+#import <vector>
 
 using namespace facebook;
 using namespace facebook::react;
@@ -142,7 +142,23 @@ static int32_t getUniqueId()
 }
 
 static RCTResponseSenderBlock
-convertJSIFunctionToCallback(jsi::Runtime &runtime, const jsi::Function &value, std::shared_ptr<CallInvoker> jsInvoker);
+convertJSIFunctionToCallback(jsi::Runtime &rt, jsi::Function &&function, std::shared_ptr<CallInvoker> jsInvoker)
+{
+  __block std::optional<AsyncCallback<>> callback({rt, std::move(function), std::move(jsInvoker)});
+  return ^(NSArray *args) {
+    if (!callback) {
+      LOG(FATAL) << "Callback arg cannot be called more than once";
+      return;
+    }
+
+    callback->call([args](jsi::Runtime &rt, jsi::Function &jsFunction) {
+      auto jsArgs = convertNSArrayToStdVector(rt, args);
+      jsFunction.call(rt, (const jsi::Value *)jsArgs.data(), jsArgs.size());
+    });
+    callback = std::nullopt;
+  };
+}
+
 id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, std::shared_ptr<CallInvoker> jsInvoker)
 {
   if (value.isUndefined() || value.isNull()) {
@@ -163,7 +179,7 @@ id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, s
       return convertJSIArrayToNSArray(runtime, o.getArray(runtime), jsInvoker);
     }
     if (o.isFunction(runtime)) {
-      return convertJSIFunctionToCallback(runtime, std::move(o.getFunction(runtime)), jsInvoker);
+      return convertJSIFunctionToCallback(runtime, o.getFunction(runtime), jsInvoker);
     }
     return convertJSIObjectToNSDictionary(runtime, o, jsInvoker);
   }
@@ -171,48 +187,6 @@ id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, s
   throw std::runtime_error("Unsupported jsi::jsi::Value kind");
 }
 
-static RCTResponseSenderBlock
-convertJSIFunctionToCallback(jsi::Runtime &runtime, const jsi::Function &value, std::shared_ptr<CallInvoker> jsInvoker)
-{
-  auto weakWrapper = CallbackWrapper::createWeak(value.getFunction(runtime), runtime, jsInvoker);
-  RCTBlockGuard *blockGuard = [[RCTBlockGuard alloc] initWithCleanup:^() {
-    auto strongWrapper = weakWrapper.lock();
-    if (strongWrapper) {
-      strongWrapper->destroy();
-    }
-  }];
-
-  BOOL __block wrapperWasCalled = NO;
-  RCTResponseSenderBlock callback = ^(NSArray *responses) {
-    if (wrapperWasCalled) {
-      LOG(FATAL) << "callback arg cannot be called more than once";
-    }
-
-    auto strongWrapper = weakWrapper.lock();
-    if (!strongWrapper) {
-      return;
-    }
-
-    strongWrapper->jsInvoker().invokeAsync([weakWrapper, responses, blockGuard]() {
-      auto strongWrapper2 = weakWrapper.lock();
-      if (!strongWrapper2) {
-        return;
-      }
-
-      std::vector<jsi::Value> args = convertNSArrayToStdVector(strongWrapper2->runtime(), responses);
-      strongWrapper2->callback().call(strongWrapper2->runtime(), (const jsi::Value *)args.data(), args.size());
-      strongWrapper2->destroy();
-
-      // Delete the CallbackWrapper when the block gets dealloced without being invoked.
-      (void)blockGuard;
-    });
-
-    wrapperWasCalled = YES;
-  };
-
-  return [callback copy];
-}
-
 static jsi::Value createJSRuntimeError(jsi::Runtime &runtime, const std::string &message)
 {
   return runtime.global().getPropertyAsFunction(runtime, "Error").call(runtime, message);
@@ -237,6 +211,19 @@ id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, s
   return {runtime, std::move(error)};
 }
 
+/**
+ * Creates JS error value with current JS runtime and error details.
+ */
+static jsi::Value convertJSErrorDetailsToJSRuntimeError(jsi::Runtime &runtime, NSDictionary *jsErrorDetails)
+{
+  NSString *message = jsErrorDetails[@"message"];
+
+  auto jsError = createJSRuntimeError(runtime, [message UTF8String]);
+  jsError.asObject(runtime).setProperty(runtime, "cause", convertObjCObjectToJSIValue(runtime, jsErrorDetails));
+
+  return jsError;
+}
+
 }
 
 jsi::Value ObjCTurboModule::createPromise(jsi::Runtime &runtime, std::string methodName, PromiseInvocationBlock invoke)
@@ -246,124 +233,77 @@ id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, s
   }
 
   jsi::Function Promise = runtime.global().getPropertyAsFunction(runtime, "Promise");
-  std::string moduleName = name_;
 
   // Note: the passed invoke() block is not retained by default, so let's retain it here to help keep it longer.
   // Otherwise, there's a risk of it getting released before the promise function below executes.
   PromiseInvocationBlock invokeCopy = [invoke copy];
-  jsi::Function fn = jsi::Function::createFromHostFunction(
+  return Promise.callAsConstructor(
       runtime,
-      jsi::PropNameID::forAscii(runtime, "fn"),
-      2,
-      [invokeCopy, jsInvoker = jsInvoker_, moduleName, methodName](
-          jsi::Runtime &rt, const jsi::Value &thisVal, const jsi::Value *args, size_t count) {
-        std::string moduleMethod = moduleName + "." + methodName + "()";
-
-        if (count != 2) {
-          throw std::invalid_argument(
-              moduleMethod + ": Promise must pass constructor function two args. Passed " + std::to_string(count) +
-              " args.");
-        }
-        if (!invokeCopy) {
-          return jsi::Value::undefined();
-        }
-
-        auto weakResolveWrapper = CallbackWrapper::createWeak(args[0].getObject(rt).getFunction(rt), rt, jsInvoker);
-        auto weakRejectWrapper = CallbackWrapper::createWeak(args[1].getObject(rt).getFunction(rt), rt, jsInvoker);
-
-        __block BOOL resolveWasCalled = NO;
-        __block BOOL rejectWasCalled = NO;
-
-        RCTBlockGuard *blockGuard = [[RCTBlockGuard alloc] initWithCleanup:^() {
-          auto strongResolveWrapper = weakResolveWrapper.lock();
-          if (strongResolveWrapper) {
-            strongResolveWrapper->destroy();
-          }
-
-          auto strongRejectWrapper = weakRejectWrapper.lock();
-          if (strongRejectWrapper) {
-            strongRejectWrapper->destroy();
-          }
-        }];
-
-        RCTPromiseResolveBlock resolveBlock = ^(id result) {
-          if (rejectWasCalled) {
-            RCTLogError(@"%s: Tried to resolve a promise after it's already been rejected.", moduleMethod.c_str());
-            return;
-          }
-
-          if (resolveWasCalled) {
-            RCTLogError(@"%s: Tried to resolve a promise more than once.", moduleMethod.c_str());
-            return;
-          }
-
-          auto strongResolveWrapper = weakResolveWrapper.lock();
-          auto strongRejectWrapper = weakRejectWrapper.lock();
-          if (!strongResolveWrapper || !strongRejectWrapper) {
-            return;
-          }
-
-          strongResolveWrapper->jsInvoker().invokeAsync([weakResolveWrapper, weakRejectWrapper, result, blockGuard]() {
-            auto strongResolveWrapper2 = weakResolveWrapper.lock();
-            auto strongRejectWrapper2 = weakRejectWrapper.lock();
-            if (!strongResolveWrapper2 || !strongRejectWrapper2) {
-              return;
+      jsi::Function::createFromHostFunction(
+          runtime,
+          jsi::PropNameID::forAscii(runtime, "fn"),
+          2,
+          [invokeCopy, jsInvoker = jsInvoker_, moduleName = name_, methodName](
+              jsi::Runtime &rt, const jsi::Value &thisVal, const jsi::Value *args, size_t count) {
+            std::string moduleMethod = moduleName + "." + methodName + "()";
+
+            if (count != 2) {
+              throw std::invalid_argument(
+                  moduleMethod + ": Promise must pass constructor function two args. Passed " + std::to_string(count) +
+                  " args.");
             }
-
-            jsi::Runtime &rt = strongResolveWrapper2->runtime();
-            jsi::Value arg = convertObjCObjectToJSIValue(rt, result);
-            strongResolveWrapper2->callback().call(rt, arg);
-
-            strongResolveWrapper2->destroy();
-            strongRejectWrapper2->destroy();
-            (void)blockGuard;
-          });
-
-          resolveWasCalled = YES;
-        };
-
-        RCTPromiseRejectBlock rejectBlock = ^(NSString *code, NSString *message, NSError *error) {
-          if (resolveWasCalled) {
-            RCTLogError(@"%s: Tried to reject a promise after it's already been resolved.", moduleMethod.c_str());
-            return;
-          }
-
-          if (rejectWasCalled) {
-            RCTLogError(@"%s: Tried to reject a promise more than once.", moduleMethod.c_str());
-            return;
-          }
-
-          auto strongResolveWrapper = weakResolveWrapper.lock();
-          auto strongRejectWrapper = weakRejectWrapper.lock();
-          if (!strongResolveWrapper || !strongRejectWrapper) {
-            return;
-          }
-
-          NSDictionary *jsError = RCTJSErrorFromCodeMessageAndNSError(code, message, error);
-          strongRejectWrapper->jsInvoker().invokeAsync([weakResolveWrapper, weakRejectWrapper, jsError, blockGuard]() {
-            auto strongResolveWrapper2 = weakResolveWrapper.lock();
-            auto strongRejectWrapper2 = weakRejectWrapper.lock();
-            if (!strongResolveWrapper2 || !strongRejectWrapper2) {
-              return;
+            if (!invokeCopy) {
+              return jsi::Value::undefined();
             }
 
-            jsi::Runtime &rt = strongRejectWrapper2->runtime();
-            jsi::Value arg = convertNSDictionaryToJSIObject(rt, jsError);
-            strongRejectWrapper2->callback().call(rt, arg);
-
-            strongResolveWrapper2->destroy();
-            strongRejectWrapper2->destroy();
-            (void)blockGuard;
-          });
-
-          rejectWasCalled = YES;
-        };
-
-        invokeCopy(resolveBlock, rejectBlock);
-        return jsi::Value::undefined();
-      });
-
-  return Promise.callAsConstructor(runtime, fn);
+            __block BOOL resolveWasCalled = NO;
+            __block std::optional<AsyncCallback<>> resolve(
+                {rt, args[0].getObject(rt).getFunction(rt), std::move(jsInvoker)});
+            __block std::optional<AsyncCallback<>> reject(
+                {rt, args[1].getObject(rt).getFunction(rt), std::move(jsInvoker)});
+
+            RCTPromiseResolveBlock resolveBlock = ^(id result) {
+              if (!resolve || !reject) {
+                if (resolveWasCalled) {
+                  RCTLogError(@"%s: Tried to resolve a promise more than once.", moduleMethod.c_str());
+                } else {
+                  RCTLogError(
+                      @"%s: Tried to resolve a promise after it's already been rejected.", moduleMethod.c_str());
+                }
+                return;
+              }
+
+              resolve->call([result](jsi::Runtime &rt, jsi::Function &jsFunction) {
+                jsFunction.call(rt, convertObjCObjectToJSIValue(rt, result));
+              });
+
+              resolveWasCalled = YES;
+              resolve = std::nullopt;
+              reject = std::nullopt;
+            };
+
+            RCTPromiseRejectBlock rejectBlock = ^(NSString *code, NSString *message, NSError *error) {
+              if (!resolve || !reject) {
+                if (resolveWasCalled) {
+                  RCTLogError(@"%s: Tried to reject a promise after it's already been resolved.", moduleMethod.c_str());
+                } else {
+                  RCTLogError(@"%s: Tried to reject a promise more than once.", moduleMethod.c_str());
+                }
+                return;
+              }
+
+              NSDictionary *jsErrorDetails = RCTJSErrorFromCodeMessageAndNSError(code, message, error);
+              reject->call([jsErrorDetails](jsi::Runtime &rt, jsi::Function &jsFunction) {
+                jsFunction.call(rt, convertJSErrorDetailsToJSRuntimeError(rt, jsErrorDetails));
+              });
+              resolveWasCalled = NO;
+              resolve = std::nullopt;
+              reject = std::nullopt;
+            };
+
+            invokeCopy(resolveBlock, rejectBlock);
+            return jsi::Value::undefined();
+          }));
 }
 
 /**
@@ -425,7 +365,17 @@ id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, s
   } else {
     asyncCallCounter = getUniqueId();
     TurboModulePerfLogger::asyncMethodCallDispatch(moduleName, methodName);
-    nativeMethodCallInvoker_->invokeAsync(methodNameStr, [block]() -> void { block(); });
+    nativeMethodCallInvoker_->invokeAsync(methodNameStr, [block, moduleName, methodNameStr]() -> void {
+      SystraceSection s(
+          "RCTTurboModuleAsyncMethodInvocation",
+          "module",
+          moduleName,
+          "method",
+          methodNameStr,
+          "returnType",
+          "promise");
+      block();
+    });
     return nil;
   }
 }
@@ -475,7 +425,11 @@ id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, s
   } else {
     asyncCallCounter = getUniqueId();
     TurboModulePerfLogger::asyncMethodCallDispatch(moduleName, methodName);
-    nativeMethodCallInvoker_->invokeAsync(methodNameStr, [block]() -> void { block(); });
+    nativeMethodCallInvoker_->invokeAsync(methodNameStr, [moduleName, methodNameStr, block]() -> void {
+      SystraceSection s(
+          "RCTTurboModuleAsyncMethodInvocation", "module", moduleName, "method", methodNameStr, "returnType", "void");
+      block();
+    });
   }
 }
 
@@ -641,7 +595,7 @@ id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, s
      * Convert objects using RCTConvert.
      */
     if (objCArgType == @encode(id)) {
-      NSString *argumentType = getArgumentTypeName(runtime, methodNameNSString, i);
+      NSString *argumentType = getArgumentTypeName(runtime, methodNameNSString, static_cast<int>(i));
       if (argumentType != nil) {
         NSString *rctConvertMethodName = [NSString stringWithFormat:@"%@:", argumentType];
         SEL rctConvertSelector = NSSelectorFromString(rctConvertMethodName);
@@ -822,19 +776,19 @@ id convertJSIValueToObjCObject(jsi::Runtime &runtime, const jsi::Value &value, s
   return returnValue;
 }
 
-BOOL ObjCTurboModule::hasMethodArgConversionSelector(NSString *methodName, int argIndex)
+BOOL ObjCTurboModule::hasMethodArgConversionSelector(NSString *methodName, size_t argIndex)
 {
   return methodArgConversionSelectors_ && methodArgConversionSelectors_[methodName] &&
       ![methodArgConversionSelectors_[methodName][argIndex] isEqual:[NSNull null]];
 }
 
-SEL ObjCTurboModule::getMethodArgConversionSelector(NSString *methodName, int argIndex)
+SEL ObjCTurboModule::getMethodArgConversionSelector(NSString *methodName, size_t argIndex)
 {
   assert(hasMethodArgConversionSelector(methodName, argIndex));
   return (SEL)((NSValue *)methodArgConversionSelectors_[methodName][argIndex]).pointerValue;
 }
 
-void ObjCTurboModule::setMethodArgConversionSelector(NSString *methodName, int argIndex, NSString *fnName)
+void ObjCTurboModule::setMethodArgConversionSelector(NSString *methodName, size_t argIndex, NSString *fnName)
 {
   if (!methodArgConversionSelectors_) {
     methodArgConversionSelectors_ = [NSMutableDictionary new];
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModuleManager.h b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModuleManager.h
index 1ef120d83dced6..014745be16d1ee 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModuleManager.h
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModuleManager.h
@@ -15,8 +15,11 @@
 #import <React/RCTTurboModuleRegistry.h>
 #import <ReactCommon/RuntimeExecutor.h>
 #import <ReactCommon/TurboModuleBinding.h>
+
 #import "RCTTurboModule.h"
 
+@class RCTTurboModuleManager;
+
 @protocol RCTTurboModuleManagerDelegate <NSObject>
 
 /**
@@ -52,6 +55,12 @@
 
 @end
 
+@protocol RCTTurboModuleManagerRuntimeHandler <NSObject>
+
+- (facebook::react::RuntimeExecutor)runtimeExecutorForTurboModuleManager:(RCTTurboModuleManager *)turboModuleManager;
+
+@end
+
 @interface RCTTurboModuleManager : NSObject <RCTTurboModuleRegistry>
 
 - (instancetype)initWithBridge:(RCTBridge *)bridge
@@ -67,4 +76,6 @@
 
 - (void)invalidate;
 
+@property (nonatomic, weak, readwrite) id<RCTTurboModuleManagerRuntimeHandler> runtimeHandler;
+
 @end
diff --git a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModuleManager.mm b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModuleManager.mm
index b427ca018030ce..d93d606fce4117 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModuleManager.mm
+++ b/packages/react-native/ReactCommon/react/nativemodule/core/platform/ios/ReactCommon/RCTTurboModuleManager.mm
@@ -7,6 +7,7 @@
 
 #import "RCTTurboModuleManager.h"
 #import "RCTInteropTurboModule.h"
+#import "RCTRuntimeExecutor.h"
 
 #import <atomic>
 #import <cassert>
@@ -24,8 +25,9 @@
 #import <React/RCTLog.h>
 #import <React/RCTModuleData.h>
 #import <React/RCTPerformanceLogger.h>
+#import <React/RCTRuntimeExecutorModule.h>
 #import <React/RCTUtils.h>
-#import <ReactCommon/RuntimeExecutor.h>
+#import <ReactCommon/CxxTurboModuleUtils.h>
 #import <ReactCommon/TurboCxxModule.h>
 #import <ReactCommon/TurboModulePerfLogger.h>
 #import <ReactCommon/TurboModuleUtils.h>
@@ -206,6 +208,9 @@ @implementation RCTTurboModuleManager {
 
   RCTBridgeProxy *_bridgeProxy;
   RCTBridgeModuleDecorator *_bridgeModuleDecorator;
+
+  BOOL _enableSharedModuleQueue;
+  dispatch_queue_t _sharedModuleQueue;
 }
 
 - (instancetype)initWithBridge:(RCTBridge *)bridge
@@ -221,8 +226,14 @@ - (instancetype)initWithBridge:(RCTBridge *)bridge
     _bridgeProxy = bridgeProxy;
     _bridgeModuleDecorator = bridgeModuleDecorator;
     _invalidating = false;
+    _enableSharedModuleQueue = RCTTurboModuleSharedQueueEnabled();
+
+    if (_enableSharedModuleQueue) {
+      _sharedModuleQueue = dispatch_queue_create("com.meta.react.turbomodulemanager.queue", DISPATCH_QUEUE_SERIAL);
+    }
 
     if (RCTTurboModuleInteropEnabled()) {
+      // TODO(T174674274): Implement lazy loading of legacy modules in the new architecture.
       NSMutableDictionary<NSString *, id<RCTBridgeModule>> *legacyInitializedModules = [NSMutableDictionary new];
 
       if ([_delegate respondsToSelector:@selector(extraModulesForBridge:)]) {
@@ -315,6 +326,14 @@ - (instancetype)initWithBridgeProxy:(RCTBridgeProxy *)bridgeProxy
     TurboModulePerfLogger::moduleCreateFail(moduleName, moduleId);
   }
 
+  auto &cxxTurboModuleMapProvider = globalExportedCxxTurboModuleMap();
+  auto it = cxxTurboModuleMapProvider.find(moduleName);
+  if (it != cxxTurboModuleMapProvider.end()) {
+    auto turboModule = it->second(_jsInvoker);
+    _turboModuleCache.insert({moduleName, turboModule});
+    return turboModule;
+  }
+
   /**
    * Step 2: Look for platform-specific modules.
    */
@@ -667,6 +686,13 @@ - (BOOL)_shouldCreateObjCModule:(Class)moduleClass
     }
   }
 
+  // This is a more performant alternative for conformsToProtocol:@protocol(RCTRuntimeExecutorModule)
+  if ([module respondsToSelector:@selector(setRuntimeExecutor:)]) {
+    RCTRuntimeExecutor *runtimeExecutor = [[RCTRuntimeExecutor alloc]
+        initWithRuntimeExecutor:[_runtimeHandler runtimeExecutorForTurboModuleManager:self]];
+    [(id<RCTRuntimeExecutorModule>)module setRuntimeExecutor:runtimeExecutor];
+  }
+
   /**
    * Some modules need their own queues, but don't provide any, so we need to create it for them.
    * These modules typically have the following:
@@ -685,8 +711,12 @@ - (BOOL)_shouldCreateObjCModule:(Class)moduleClass
    * following if condition's block.
    */
   if (!methodQueue) {
-    NSString *methodQueueName = [NSString stringWithFormat:@"com.facebook.react.%sQueue", moduleName];
-    methodQueue = dispatch_queue_create(methodQueueName.UTF8String, DISPATCH_QUEUE_SERIAL);
+    if (_enableSharedModuleQueue) {
+      methodQueue = _sharedModuleQueue;
+    } else {
+      NSString *methodQueueName = [NSString stringWithFormat:@"com.facebook.react.%sQueue", moduleName];
+      methodQueue = dispatch_queue_create(methodQueueName.UTF8String, DISPATCH_QUEUE_SERIAL);
+    }
 
     if (moduleHasMethodQueueGetter) {
       /**
@@ -867,19 +897,7 @@ - (BOOL)_requiresMainQueueSetup:(Class)moduleClass
    */
   const BOOL hasCustomInit = [moduleClass instanceMethodForSelector:@selector(init)] != objectInitMethod;
 
-  BOOL requiresMainQueueSetup = hasConstantsToExport || hasCustomInit;
-  if (requiresMainQueueSetup) {
-    RCTLogWarn(
-        @"Module %@ requires main queue setup since it overrides `%s` but doesn't implement "
-         "`requiresMainQueueSetup`. In a future release React Native will default to initializing all NativeModules "
-         "on a background thread unless explicitly opted-out of.",
-        moduleClass,
-        hasConstantsToExport ? "constantsToExport"
-            : hasCustomInit  ? "init"
-                             : "");
-  }
-
-  return requiresMainQueueSetup;
+  return hasConstantsToExport || hasCustomInit;
 }
 
 - (void)installJSBindings:(facebook::jsi::Runtime &)runtime
diff --git a/packages/react-native/ReactCommon/react/nativemodule/featureflags/NativeReactNativeFeatureFlags.cpp b/packages/react-native/ReactCommon/react/nativemodule/featureflags/NativeReactNativeFeatureFlags.cpp
new file mode 100644
index 00000000000000..67f799f556c1ee
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/nativemodule/featureflags/NativeReactNativeFeatureFlags.cpp
@@ -0,0 +1,88 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<2466af777a1d69da2c3810e5a2d53a70>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+#include "NativeReactNativeFeatureFlags.h"
+#include <react/featureflags/ReactNativeFeatureFlags.h>
+
+#include "Plugins.h"
+
+std::shared_ptr<facebook::react::TurboModule>
+NativeReactNativeFeatureFlagsModuleProvider(
+    std::shared_ptr<facebook::react::CallInvoker> jsInvoker) {
+  return std::make_shared<facebook::react::NativeReactNativeFeatureFlags>(
+      std::move(jsInvoker));
+}
+
+namespace facebook::react {
+
+NativeReactNativeFeatureFlags::NativeReactNativeFeatureFlags(
+    std::shared_ptr<CallInvoker> jsInvoker)
+    : NativeReactNativeFeatureFlagsCxxSpec(std::move(jsInvoker)) {}
+
+bool NativeReactNativeFeatureFlags::commonTestFlag(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::commonTestFlag();
+}
+
+bool NativeReactNativeFeatureFlags::enableBackgroundExecutor(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::enableBackgroundExecutor();
+}
+
+bool NativeReactNativeFeatureFlags::useModernRuntimeScheduler(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::useModernRuntimeScheduler();
+}
+
+bool NativeReactNativeFeatureFlags::enableMicrotasks(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::enableMicrotasks();
+}
+
+bool NativeReactNativeFeatureFlags::batchRenderingUpdatesInEventLoop(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::batchRenderingUpdatesInEventLoop();
+}
+
+bool NativeReactNativeFeatureFlags::enableSpannableBuildingUnification(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::enableSpannableBuildingUnification();
+}
+
+bool NativeReactNativeFeatureFlags::enableCustomDrawOrderFabric(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::enableCustomDrawOrderFabric();
+}
+
+bool NativeReactNativeFeatureFlags::enableFixForClippedSubviewsCrash(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::enableFixForClippedSubviewsCrash();
+}
+
+bool NativeReactNativeFeatureFlags::inspectorEnableCxxInspectorPackagerConnection(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::inspectorEnableCxxInspectorPackagerConnection();
+}
+
+bool NativeReactNativeFeatureFlags::inspectorEnableModernCDPRegistry(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::inspectorEnableModernCDPRegistry();
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/nativemodule/featureflags/NativeReactNativeFeatureFlags.h b/packages/react-native/ReactCommon/react/nativemodule/featureflags/NativeReactNativeFeatureFlags.h
new file mode 100644
index 00000000000000..203dfce52c07e1
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/nativemodule/featureflags/NativeReactNativeFeatureFlags.h
@@ -0,0 +1,54 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<30481dc57cc7f389d1ed87d097caedda>>
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+#pragma once
+
+#include <FBReactNativeSpec/FBReactNativeSpecJSI.h>
+
+namespace facebook::react {
+
+class NativeReactNativeFeatureFlags
+    : public NativeReactNativeFeatureFlagsCxxSpec<
+          NativeReactNativeFeatureFlags>,
+      std::enable_shared_from_this<NativeReactNativeFeatureFlags> {
+ public:
+  NativeReactNativeFeatureFlags(std::shared_ptr<CallInvoker> jsInvoker);
+
+  bool commonTestFlag(jsi::Runtime& runtime);
+
+  bool enableBackgroundExecutor(jsi::Runtime& runtime);
+
+  bool useModernRuntimeScheduler(jsi::Runtime& runtime);
+
+  bool enableMicrotasks(jsi::Runtime& runtime);
+
+  bool batchRenderingUpdatesInEventLoop(jsi::Runtime& runtime);
+
+  bool enableSpannableBuildingUnification(jsi::Runtime& runtime);
+
+  bool enableCustomDrawOrderFabric(jsi::Runtime& runtime);
+
+  bool enableFixForClippedSubviewsCrash(jsi::Runtime& runtime);
+
+  bool inspectorEnableCxxInspectorPackagerConnection(jsi::Runtime& runtime);
+
+  bool inspectorEnableModernCDPRegistry(jsi::Runtime& runtime);
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/nativemodule/samples/ReactCommon-Samples.podspec b/packages/react-native/ReactCommon/react/nativemodule/samples/ReactCommon-Samples.podspec
index 163a1af917fe52..a034edc582ee23 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/samples/ReactCommon-Samples.podspec
+++ b/packages/react-native/ReactCommon/react/nativemodule/samples/ReactCommon-Samples.podspec
@@ -16,10 +16,23 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
+
 boost_compiler_flags = '-Wno-documentation'
 using_hermes = ENV['USE_HERMES'] == nil || ENV['USE_HERMES'] == "1"
+
+header_search_paths = [
+  "\"$(PODS_ROOT)/boost\"",
+  "\"$(PODS_ROOT)/RCT-Folly\"",
+  "\"$(PODS_ROOT)/DoubleConversion\"",
+  "\"$(PODS_ROOT)/fmt/include\"",
+  "\"$(PODS_ROOT)/Headers/Private/React-Core\"",
+]
+
+create_header_search_path_for_frameworks("ReactCommon-Samples").each { |search_path| header_search_paths << "\"#{search_path}\""}
+
 Pod::Spec.new do |s|
   s.name                   = "ReactCommon-Samples"
   s.module_name            = "ReactCommon_Samples"
@@ -32,7 +45,7 @@ Pod::Spec.new do |s|
   s.platforms              = min_supported_versions
   s.source                 = source
   s.compiler_flags         = folly_compiler_flags + ' ' + boost_compiler_flags
-  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/RCT-Folly\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/fmt/include\" \"$(PODS_ROOT)/Headers/Private/React-Core\" \"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers\"",
+  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => header_search_paths,
                                "USE_HEADERMAP" => "YES",
                                "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
                                "GCC_WARN_PEDANTIC" => "YES" }
@@ -48,15 +61,16 @@ Pod::Spec.new do |s|
   s.dependency "RCT-Folly"
   s.dependency "DoubleConversion"
   s.dependency "fmt", "9.1.0"
-  s.dependency "ReactCommon/turbomodule/core"
-  s.dependency "React-NativeModulesApple"
   s.dependency "React-Core"
   s.dependency "React-cxxreact"
-  s.dependency "React-Codegen"
+  s.dependency "React-jsi"
+  add_dependency(s, "React-Codegen", :additional_framework_paths => ["build/generated/ios"])
+  add_dependency(s, "ReactCommon", :subspec => "turbomodule/core", :additional_framework_paths => ["react/nativemodule/core"])
+  add_dependency(s, "React-NativeModulesApple", :additional_framework_paths => ["build/generated/ios"])
 
   if using_hermes
     s.dependency "hermes-engine"
   else
-    s.dependency "React-jsi"
+    s.dependency "React-jsc"
   end
 end
diff --git a/packages/react-native/ReactCommon/react/nativemodule/samples/platform/android/CMakeLists.txt b/packages/react-native/ReactCommon/react/nativemodule/samples/platform/android/CMakeLists.txt
index 2e032601b0044d..b405fc7c78836a 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/samples/platform/android/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/nativemodule/samples/platform/android/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DFOLLY_NO_CONFIG=1
         -DLOG_TAG=\"ReactNative\")
 
diff --git a/packages/react-native/ReactCommon/react/nativemodule/samples/platform/android/SampleTurboModule.java b/packages/react-native/ReactCommon/react/nativemodule/samples/platform/android/SampleTurboModule.java
index af99a352d8f859..447f74529f4797 100644
--- a/packages/react-native/ReactCommon/react/nativemodule/samples/platform/android/SampleTurboModule.java
+++ b/packages/react-native/ReactCommon/react/nativemodule/samples/platform/android/SampleTurboModule.java
@@ -44,7 +44,8 @@ public SampleTurboModule(ReactApplicationContext context) {
   @SuppressWarnings("unused")
   @Override
   public boolean getBool(boolean arg) {
-    throw new RuntimeException("getBool is not implemented");
+    log("getBool", arg, arg);
+    return arg;
   }
 
   @DoNotStrip
diff --git a/packages/react-native/ReactCommon/react/renderer/animations/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/animations/CMakeLists.txt
index e1674024b970c6..a8d115021a926c 100644
--- a/packages/react-native/ReactCommon/react/renderer/animations/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/animations/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_animations_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(react_render_animations SHARED ${react_render_animations_SRC})
+add_library(react_render_animations STATIC ${react_render_animations_SRC})
 
 target_include_directories(react_render_animations PUBLIC ${REACT_COMMON_DIR})
 
diff --git a/packages/react-native/ReactCommon/react/renderer/animations/LayoutAnimationKeyFrameManager.cpp b/packages/react-native/ReactCommon/react/renderer/animations/LayoutAnimationKeyFrameManager.cpp
index 1720c23d5e0ff2..db99dd64fd1653 100644
--- a/packages/react-native/ReactCommon/react/renderer/animations/LayoutAnimationKeyFrameManager.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/animations/LayoutAnimationKeyFrameManager.cpp
@@ -145,11 +145,6 @@ void LayoutAnimationKeyFrameManager::setComponentDescriptorRegistry(
   componentDescriptorRegistry_ = componentDescriptorRegistry;
 }
 
-void LayoutAnimationKeyFrameManager::setReduceDeleteCreateMutation(
-    const bool reduceDeleteCreateMutation) {
-  reduceDeleteCreateMutation_ = reduceDeleteCreateMutation;
-}
-
 bool LayoutAnimationKeyFrameManager::shouldAnimateFrame() const {
   std::scoped_lock lock(currentAnimationMutex_);
   return currentAnimation_ || !inflightAnimations_.empty();
@@ -734,40 +729,6 @@ LayoutAnimationKeyFrameManager::pullTransaction(
 
       auto finalConflictingMutations = ShadowViewMutationList{};
       for (auto& keyFrame : conflictingAnimations) {
-        // Special-case: if the next conflicting animation contain "delete",
-        // while the final mutation has the same tag with "create", we should
-        // remove both the delete and create as they have no effect when
-        // combined in the same frame. The Fabric mount layer assumes no such
-        // combinations in the final mutations either.
-        if (reduceDeleteCreateMutation_) {
-          for (auto itMutation = immediateMutations.begin();
-               itMutation != immediateMutations.end();) {
-            auto& mutation = *itMutation;
-            bool hasCreateMutationDeletedWithSameTag = false;
-            if (mutation.newChildShadowView.tag == keyFrame.tag &&
-                mutation.type == ShadowViewMutation::Create) {
-              for (auto itKeyFrame = keyFrame.finalMutationsForKeyFrame.begin();
-                   itKeyFrame != keyFrame.finalMutationsForKeyFrame.end();) {
-                auto& conflictFinalMutation = *itKeyFrame;
-                if (conflictFinalMutation.type == ShadowViewMutation::Delete) {
-                  itKeyFrame =
-                      keyFrame.finalMutationsForKeyFrame.erase(itKeyFrame);
-                  hasCreateMutationDeletedWithSameTag = true;
-                  break;
-                } else {
-                  itKeyFrame++;
-                }
-              }
-            }
-
-            if (hasCreateMutationDeletedWithSameTag) {
-              itMutation = immediateMutations.erase(itMutation);
-            } else {
-              itMutation++;
-            }
-          }
-        }
-
         // Special-case: if we have some (1) ongoing UPDATE animation,
         // (2) it conflicted with a new MOVE operation (REMOVE+INSERT)
         // without another corresponding UPDATE, we should re-queue the
diff --git a/packages/react-native/ReactCommon/react/renderer/animations/LayoutAnimationKeyFrameManager.h b/packages/react-native/ReactCommon/react/renderer/animations/LayoutAnimationKeyFrameManager.h
index 1ee64f871f0614..04b5acc45ed915 100644
--- a/packages/react-native/ReactCommon/react/renderer/animations/LayoutAnimationKeyFrameManager.h
+++ b/packages/react-native/ReactCommon/react/renderer/animations/LayoutAnimationKeyFrameManager.h
@@ -55,8 +55,6 @@ class LayoutAnimationKeyFrameManager : public UIManagerAnimationDelegate,
   void setComponentDescriptorRegistry(const SharedComponentDescriptorRegistry&
                                           componentDescriptorRegistry) override;
 
-  void setReduceDeleteCreateMutation(bool reduceDeleteCreateMutation) override;
-
   // TODO: add SurfaceId to this API as well
   bool shouldAnimateFrame() const override;
 
@@ -145,7 +143,6 @@ class LayoutAnimationKeyFrameManager : public UIManagerAnimationDelegate,
   mutable LayoutAnimationStatusDelegate* layoutAnimationStatusDelegate_{};
   mutable std::mutex surfaceIdsToStopMutex_;
   mutable std::unordered_set<SurfaceId> surfaceIdsToStop_{};
-  bool reduceDeleteCreateMutation_{false};
 
   // Function that returns current time in milliseconds
   std::function<uint64_t()> now_;
diff --git a/packages/react-native/ReactCommon/react/renderer/animations/tests/LayoutAnimationTest.cpp b/packages/react-native/ReactCommon/react/renderer/animations/tests/LayoutAnimationTest.cpp
index d196ff2054bcf2..33c0f5c13e0aed 100644
--- a/packages/react-native/ReactCommon/react/renderer/animations/tests/LayoutAnimationTest.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/animations/tests/LayoutAnimationTest.cpp
@@ -477,6 +477,7 @@ TEST(
 TEST(
     LayoutAnimationTest,
     stableSmallerTreeFewRepeatsFewStages_Overlapping_ManyConflicts_597132284) {
+  GTEST_SKIP();
   testShadowNodeTreeLifeCycleLayoutAnimations(
       /* seed */ 597132284,
       /* size */ 128,
@@ -497,6 +498,7 @@ TEST(
 TEST(
     LayoutAnimationTest,
     stableBiggerTreeFewRepeatsManyStages_Overlapping_ManyConflicts_2029343357) {
+  GTEST_SKIP();
   testShadowNodeTreeLifeCycleLayoutAnimations(
       /* seed */ 2029343357,
       /* size */ 512,
diff --git a/packages/react-native/ReactCommon/react/renderer/attributedstring/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/attributedstring/CMakeLists.txt
index 4c7968279c5b1f..fbdedd5849fff2 100644
--- a/packages/react-native/ReactCommon/react/renderer/attributedstring/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/attributedstring/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_attributedstring_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(react_render_attributedstring SHARED ${react_render_attributedstring_SRC})
+add_library(react_render_attributedstring STATIC ${react_render_attributedstring_SRC})
 
 target_include_directories(react_render_attributedstring PUBLIC ${REACT_COMMON_DIR})
 
diff --git a/packages/react-native/ReactCommon/react/renderer/attributedstring/TextAttributes.cpp b/packages/react-native/ReactCommon/react/renderer/attributedstring/TextAttributes.cpp
index a6d2f1edf24377..12907bfadd0037 100644
--- a/packages/react-native/ReactCommon/react/renderer/attributedstring/TextAttributes.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/attributedstring/TextAttributes.cpp
@@ -95,6 +95,12 @@ void TextAttributes::apply(TextAttributes textAttributes) {
   isHighlighted = textAttributes.isHighlighted.has_value()
       ? textAttributes.isHighlighted
       : isHighlighted;
+  // TextAttributes "inherits" the isPressable value from ancestors, so this
+  // only applies the current node's value for isPressable if it is truthy.
+  isPressable =
+      textAttributes.isPressable.has_value() && *textAttributes.isPressable
+      ? textAttributes.isPressable
+      : isPressable;
   layoutDirection = textAttributes.layoutDirection.has_value()
       ? textAttributes.layoutDirection
       : layoutDirection;
@@ -125,6 +131,7 @@ bool TextAttributes::operator==(const TextAttributes& rhs) const {
              textShadowOffset,
              textShadowColor,
              isHighlighted,
+             isPressable,
              layoutDirection,
              accessibilityRole,
              role,
@@ -147,6 +154,7 @@ bool TextAttributes::operator==(const TextAttributes& rhs) const {
              rhs.textShadowOffset,
              rhs.textShadowColor,
              rhs.isHighlighted,
+             rhs.isPressable,
              rhs.layoutDirection,
              rhs.accessibilityRole,
              rhs.role,
@@ -216,6 +224,7 @@ SharedDebugStringConvertibleList TextAttributes::getDebugProps() const {
 
       // Special
       debugStringConvertibleItem("isHighlighted", isHighlighted),
+      debugStringConvertibleItem("isPressable", isPressable),
       debugStringConvertibleItem("layoutDirection", layoutDirection),
       debugStringConvertibleItem("accessibilityRole", accessibilityRole),
       debugStringConvertibleItem("role", role),
diff --git a/packages/react-native/ReactCommon/react/renderer/attributedstring/TextAttributes.h b/packages/react-native/ReactCommon/react/renderer/attributedstring/TextAttributes.h
index 4550db55974cf5..d259554839f5bd 100644
--- a/packages/react-native/ReactCommon/react/renderer/attributedstring/TextAttributes.h
+++ b/packages/react-native/ReactCommon/react/renderer/attributedstring/TextAttributes.h
@@ -11,7 +11,6 @@
 #include <limits>
 #include <optional>
 
-#include <folly/Hash.h>
 #include <react/renderer/attributedstring/primitives.h>
 #include <react/renderer/components/view/AccessibilityPrimitives.h>
 #include <react/renderer/core/LayoutPrimitives.h>
@@ -20,6 +19,7 @@
 #include <react/renderer/graphics/Color.h>
 #include <react/renderer/graphics/Float.h>
 #include <react/renderer/graphics/Size.h>
+#include <react/utils/hash_combine.h>
 
 namespace facebook::react {
 
@@ -74,6 +74,7 @@ class TextAttributes : public DebugStringConvertible {
 
   // Special
   std::optional<bool> isHighlighted{};
+  std::optional<bool> isPressable{};
 
   // TODO T59221129: document where this value comes from and how it is set.
   // It's not clear if this is being used properly, or if it's being set at all.
@@ -107,8 +108,7 @@ template <>
 struct hash<facebook::react::TextAttributes> {
   size_t operator()(
       const facebook::react::TextAttributes& textAttributes) const {
-    return folly::hash::hash_combine(
-        0,
+    return facebook::react::hash_combine(
         textAttributes.foregroundColor,
         textAttributes.backgroundColor,
         textAttributes.opacity,
@@ -132,6 +132,7 @@ struct hash<facebook::react::TextAttributes> {
         textAttributes.textShadowRadius,
         textAttributes.textShadowColor,
         textAttributes.isHighlighted,
+        textAttributes.isPressable,
         textAttributes.layoutDirection,
         textAttributes.accessibilityRole,
         textAttributes.role);
diff --git a/packages/react-native/ReactCommon/react/renderer/attributedstring/conversions.h b/packages/react-native/ReactCommon/react/renderer/attributedstring/conversions.h
index 9b562666bc7992..2edfdf69c44646 100644
--- a/packages/react-native/ReactCommon/react/renderer/attributedstring/conversions.h
+++ b/packages/react-native/ReactCommon/react/renderer/attributedstring/conversions.h
@@ -896,24 +896,28 @@ inline folly::dynamic toDynamic(const TextAttributes& textAttributes) {
   return _textAttributes;
 }
 
+inline folly::dynamic toDynamic(const AttributedString::Fragment& fragment) {
+  folly::dynamic value = folly::dynamic::object();
+
+  value["string"] = fragment.string;
+  if (fragment.parentShadowView.componentHandle) {
+    value["reactTag"] = fragment.parentShadowView.tag;
+  }
+  if (fragment.isAttachment()) {
+    value["isAttachment"] = true;
+    value["width"] = fragment.parentShadowView.layoutMetrics.frame.size.width;
+    value["height"] = fragment.parentShadowView.layoutMetrics.frame.size.height;
+  }
+  value["textAttributes"] = toDynamic(fragment.textAttributes);
+
+  return value;
+}
+
 inline folly::dynamic toDynamic(const AttributedString& attributedString) {
   auto value = folly::dynamic::object();
   auto fragments = folly::dynamic::array();
   for (auto fragment : attributedString.getFragments()) {
-    folly::dynamic dynamicFragment = folly::dynamic::object();
-    dynamicFragment["string"] = fragment.string;
-    if (fragment.parentShadowView.componentHandle) {
-      dynamicFragment["reactTag"] = fragment.parentShadowView.tag;
-    }
-    if (fragment.isAttachment()) {
-      dynamicFragment["isAttachment"] = true;
-      dynamicFragment["width"] =
-          fragment.parentShadowView.layoutMetrics.frame.size.width;
-      dynamicFragment["height"] =
-          fragment.parentShadowView.layoutMetrics.frame.size.height;
-    }
-    dynamicFragment["textAttributes"] = toDynamic(fragment.textAttributes);
-    fragments.push_back(dynamicFragment);
+    fragments.push_back(toDynamic(fragment));
   }
   value("fragments", fragments);
   value(
@@ -970,6 +974,7 @@ constexpr static MapBuffer::Key TA_KEY_LAYOUT_DIRECTION = 23;
 constexpr static MapBuffer::Key TA_KEY_ACCESSIBILITY_ROLE = 24;
 constexpr static MapBuffer::Key TA_KEY_LINE_BREAK_STRATEGY = 25;
 constexpr static MapBuffer::Key TA_KEY_ROLE = 26;
+constexpr static MapBuffer::Key TA_KEY_TEXT_TRANSFORM = 27;
 
 // constants for ParagraphAttributes serialization
 constexpr static MapBuffer::Key PA_KEY_MAX_NUMBER_OF_LINES = 0;
@@ -1077,6 +1082,11 @@ inline MapBuffer toMapBuffer(const TextAttributes& textAttributes) {
         TA_KEY_LINE_BREAK_STRATEGY,
         toString(*textAttributes.lineBreakStrategy));
   }
+  if (textAttributes.textTransform.has_value()) {
+    builder.putString(
+        TA_KEY_TEXT_TRANSFORM, toString(*textAttributes.textTransform));
+  }
+
   // Decoration
   if (textAttributes.textDecorationColor) {
     builder.putInt(
@@ -1128,37 +1138,40 @@ inline MapBuffer toMapBuffer(const TextAttributes& textAttributes) {
   return builder.build();
 }
 
+inline MapBuffer toMapBuffer(const AttributedString::Fragment& fragment) {
+  auto builder = MapBufferBuilder();
+
+  builder.putString(FR_KEY_STRING, fragment.string);
+  if (fragment.parentShadowView.componentHandle) {
+    builder.putInt(FR_KEY_REACT_TAG, fragment.parentShadowView.tag);
+  }
+  if (fragment.isAttachment()) {
+    builder.putBool(FR_KEY_IS_ATTACHMENT, true);
+    builder.putDouble(
+        FR_KEY_WIDTH, fragment.parentShadowView.layoutMetrics.frame.size.width);
+    builder.putDouble(
+        FR_KEY_HEIGHT,
+        fragment.parentShadowView.layoutMetrics.frame.size.height);
+  }
+  auto textAttributesMap = toMapBuffer(fragment.textAttributes);
+  builder.putMapBuffer(FR_KEY_TEXT_ATTRIBUTES, textAttributesMap);
+
+  return builder.build();
+}
+
 inline MapBuffer toMapBuffer(const AttributedString& attributedString) {
   auto fragmentsBuilder = MapBufferBuilder();
 
   int index = 0;
   for (auto fragment : attributedString.getFragments()) {
-    auto dynamicFragmentBuilder = MapBufferBuilder();
-    dynamicFragmentBuilder.putString(FR_KEY_STRING, fragment.string);
-    if (fragment.parentShadowView.componentHandle) {
-      dynamicFragmentBuilder.putInt(
-          FR_KEY_REACT_TAG, fragment.parentShadowView.tag);
-    }
-    if (fragment.isAttachment()) {
-      dynamicFragmentBuilder.putBool(FR_KEY_IS_ATTACHMENT, true);
-      dynamicFragmentBuilder.putDouble(
-          FR_KEY_WIDTH,
-          fragment.parentShadowView.layoutMetrics.frame.size.width);
-      dynamicFragmentBuilder.putDouble(
-          FR_KEY_HEIGHT,
-          fragment.parentShadowView.layoutMetrics.frame.size.height);
-    }
-    auto textAttributesMap = toMapBuffer(fragment.textAttributes);
-    dynamicFragmentBuilder.putMapBuffer(
-        FR_KEY_TEXT_ATTRIBUTES, textAttributesMap);
-    auto dynamicFragmentMap = dynamicFragmentBuilder.build();
-    fragmentsBuilder.putMapBuffer(index++, dynamicFragmentMap);
+    fragmentsBuilder.putMapBuffer(index++, toMapBuffer(fragment));
   }
 
   auto builder = MapBufferBuilder();
-  builder.putInt(
-      AS_KEY_HASH,
-      std::hash<facebook::react::AttributedString>{}(attributedString));
+  size_t hash =
+      std::hash<facebook::react::AttributedString>{}(attributedString);
+  // TODO: This truncates half the hash
+  builder.putInt(AS_KEY_HASH, static_cast<int>(hash));
   builder.putString(AS_KEY_STRING, attributedString.getString());
   auto fragmentsMap = fragmentsBuilder.build();
   builder.putMapBuffer(AS_KEY_FRAGMENTS, fragmentsMap);
diff --git a/packages/react-native/ReactCommon/react/renderer/attributedstring/primitives.h b/packages/react-native/ReactCommon/react/renderer/attributedstring/primitives.h
index e528eabd9f13d2..817d487e3bb826 100644
--- a/packages/react-native/ReactCommon/react/renderer/attributedstring/primitives.h
+++ b/packages/react-native/ReactCommon/react/renderer/attributedstring/primitives.h
@@ -120,89 +120,3 @@ enum class HyphenationFrequency {
 };
 
 } // namespace facebook::react
-
-namespace std {
-template <>
-struct hash<facebook::react::FontVariant> {
-  size_t operator()(const facebook::react::FontVariant& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::TextAlignment> {
-  size_t operator()(const facebook::react::TextAlignment& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::FontStyle> {
-  size_t operator()(const facebook::react::FontStyle& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::TextDecorationLineType> {
-  size_t operator()(const facebook::react::TextDecorationLineType& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::WritingDirection> {
-  size_t operator()(const facebook::react::WritingDirection& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::TextDecorationStyle> {
-  size_t operator()(const facebook::react::TextDecorationStyle& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::FontWeight> {
-  size_t operator()(const facebook::react::FontWeight& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::DynamicTypeRamp> {
-  size_t operator()(const facebook::react::DynamicTypeRamp& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::EllipsizeMode> {
-  size_t operator()(const facebook::react::EllipsizeMode& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::TextBreakStrategy> {
-  size_t operator()(const facebook::react::TextBreakStrategy& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::TextTransform> {
-  size_t operator()(const facebook::react::TextTransform& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::HyphenationFrequency> {
-  size_t operator()(const facebook::react::HyphenationFrequency& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-} // namespace std
diff --git a/packages/react-native/ReactCommon/react/renderer/componentregistry/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/componentregistry/CMakeLists.txt
index 7cc08f89db1c09..32209a348a1eb4 100644
--- a/packages/react-native/ReactCommon/react/renderer/componentregistry/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/componentregistry/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_componentregistry_SRC CONFIGURE_DEPENDS *.cpp)
@@ -24,8 +23,10 @@ target_link_libraries(react_render_componentregistry
         folly_runtime
         glog_init
         jsi
+        react_config
         react_debug
         react_render_core
         react_render_debug
         react_utils
+        rrc_legacyviewmanagerinterop
 )
diff --git a/packages/react-native/ReactCommon/react/renderer/componentregistry/ComponentDescriptorRegistry.cpp b/packages/react-native/ReactCommon/react/renderer/componentregistry/ComponentDescriptorRegistry.cpp
index 7c650cf21c0d98..cbf6bcc1bd506f 100644
--- a/packages/react-native/ReactCommon/react/renderer/componentregistry/ComponentDescriptorRegistry.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/componentregistry/ComponentDescriptorRegistry.cpp
@@ -9,11 +9,13 @@
 
 #include "componentNameByReactViewName.h"
 
+#include <react/config/ReactNativeConfig.h>
 #include <react/debug/react_native_assert.h>
 #include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+#include <react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticComponentDescriptor.h>
+#include <react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.h>
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/ShadowNodeFragment.h>
-
 #include <utility>
 
 namespace facebook::react {
@@ -82,12 +84,23 @@ const ComponentDescriptor& ComponentDescriptorRegistry::at(
   }
 
   if (it == _registryByName.end()) {
-    if (_fallbackComponentDescriptor == nullptr) {
+    auto reactNativeConfig_ =
+        contextContainer_->at<std::shared_ptr<const ReactNativeConfig>>(
+            "ReactNativeConfig");
+    if (reactNativeConfig_->getBool(
+            "react_fabric:enabled_automatic_interop_android")) {
+      auto componentDescriptor = std::make_shared<
+          const UnstableLegacyViewManagerAutomaticComponentDescriptor>(
+          parameters_, unifiedComponentName);
+      registerComponentDescriptor(componentDescriptor);
+      return *_registryByName.find(unifiedComponentName)->second;
+    } else if (_fallbackComponentDescriptor == nullptr) {
       throw std::invalid_argument(
           ("Unable to find componentDescriptor for " + unifiedComponentName)
               .c_str());
+    } else {
+      return *_fallbackComponentDescriptor.get();
     }
-    return *_fallbackComponentDescriptor.get();
   }
 
   return *it->second;
diff --git a/packages/react-native/ReactCommon/react/renderer/componentregistry/native/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/componentregistry/native/CMakeLists.txt
index 752e65f5c1b232..f5a38f9707c962 100644
--- a/packages/react-native/ReactCommon/react/renderer/componentregistry/native/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/componentregistry/native/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB rrc_native_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(rrc_native SHARED ${rrc_native_SRC})
+add_library(rrc_native STATIC ${rrc_native_SRC})
 
 target_include_directories(rrc_native PUBLIC ${REACT_COMMON_DIR})
 
diff --git a/packages/react-native/ReactCommon/react/renderer/components/image/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/components/image/CMakeLists.txt
index 9dbf4cbe43395e..9dbe78d706dfa0 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/image/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/components/image/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB rrc_image_SRC CONFIGURE_DEPENDS *.cpp)
diff --git a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/CMakeLists.txt
index e340c9d8dc7f9b..f2419281270b6f 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB rrc_legacyviewmanagerinterop_SRC CONFIGURE_DEPENDS *.cpp)
diff --git a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.mm b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.mm
index c0f3c2f8028210..5ecfdce4ee0bc0 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.mm
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/LegacyViewManagerInteropComponentDescriptor.mm
@@ -74,13 +74,29 @@ static Class getViewManagerFromComponentName(const std::string &componentName)
   return nil;
 }
 
+static Class getViewManagerClass(const std::string &componentName, RCTBridge *bridge, RCTBridgeProxy *bridgeProxy)
+{
+  Class viewManager = getViewManagerFromComponentName(componentName);
+  if (viewManager != nil) {
+    return viewManager;
+  }
+
+  // If all the heuristics fail, let's try to retrieve the view manager from the bridge/bridgeProxy
+  if (bridge != nil) {
+    return [[bridge moduleForName:RCTNSStringFromString(componentName)] class];
+  }
+
+  if (bridgeProxy != nil) {
+    return [[bridgeProxy moduleForName:RCTNSStringFromString(componentName) lazilyLoadIfNecessary:YES] class];
+  }
+
+  return nil;
+}
+
 static const std::shared_ptr<void> constructCoordinator(
     const ContextContainer::Shared &contextContainer,
     const ComponentDescriptor::Flavor &flavor)
 {
-  auto componentName = *std::static_pointer_cast<std::string const>(flavor);
-  Class viewManagerClass = getViewManagerFromComponentName(componentName);
-  assert(viewManagerClass);
   auto optionalBridge = contextContainer->find<std::shared_ptr<void>>("Bridge");
   RCTBridge *bridge;
   if (optionalBridge) {
@@ -93,6 +109,10 @@ static Class getViewManagerFromComponentName(const std::string &componentName)
     bridgeProxy = unwrapManagedObjectWeakly(optionalBridgeProxy.value());
   }
 
+  auto componentName = *std::static_pointer_cast<std::string const>(flavor);
+  Class viewManagerClass = getViewManagerClass(componentName, bridge, bridgeProxy);
+  assert(viewManagerClass);
+
   auto optionalEventDispatcher = contextContainer->find<std::shared_ptr<void>>("RCTEventDispatcher");
   RCTEventDispatcher *eventDispatcher;
   if (optionalEventDispatcher) {
diff --git a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.h b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.h
index 5f6935c9764e92..f61499c096ffaa 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.h
@@ -31,7 +31,7 @@ typedef void (^InterceptorBlock)(std::string eventName, folly::dynamic event);
 
 - (void)removeObserveForTag:(NSInteger)tag;
 
-- (void)setProps:(const folly::dynamic &)props forView:(RCTPlatformView *)view; // [macOS]
+- (void)setProps:(NSDictionary<NSString *, id> *)props forView:(RCTPlatformView *)view; // [macOS]
 
 - (NSString *)componentViewName;
 
@@ -39,11 +39,6 @@ typedef void (^InterceptorBlock)(std::string eventName, folly::dynamic event);
                  args:(NSArray *)args
              reactTag:(NSInteger)tag
             paperView:(RCTPlatformView *)paperView; // [macOS]
-
-- (void)removeViewFromRegistryWithTag:(NSInteger)tag;
-
-- (void)addViewToRegistry:(RCTPlatformView *)view withTag:(NSInteger)tag; // [macOS]
-
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.mm b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.mm
index b59400ecfd21ed..d9b561b23adf0a 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.mm
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/RCTLegacyViewManagerInteropCoordinator.mm
@@ -46,7 +46,7 @@ @implementation RCTLegacyViewManagerInteropCoordinator {
 - (instancetype)initWithComponentData:(RCTComponentData *)componentData
                                bridge:(nullable RCTBridge *)bridge
                           bridgeProxy:(nullable RCTBridgeProxy *)bridgeProxy
-                bridgelessInteropData:(RCTBridgeModuleDecorator *)bridgelessInteropData;
+                bridgelessInteropData:(RCTBridgeModuleDecorator *)bridgelessInteropData
 {
   if (self = [super init]) {
     _componentData = componentData;
@@ -89,18 +89,19 @@ - (void)removeObserveForTag:(NSInteger)tag
   [_eventInterceptors removeObjectForKey:[NSNumber numberWithInteger:tag]];
 }
 
-- (RCTPlatformView *)createPaperViewWithTag:(NSInteger)tag; // [macOS]
+- (RCTPlatformView *)createPaperViewWithTag:(NSInteger)tag // [macOS]
 {
   RCTPlatformView *view = [_componentData createViewWithTag:[NSNumber numberWithInteger:tag] rootTag:NULL]; // [macOS]
   [_bridgelessInteropData attachInteropAPIsToModule:(id<RCTBridgeModule>)_componentData.bridgelessViewManager];
   return view;
 }
 
-- (void)setProps:(const folly::dynamic &)props forView:(RCTPlatformView *)view // [macOS]
+- (void)setProps:(NSDictionary<NSString *, id> *)props forView:(RCTPlatformView *)view // [macOS]
 {
-  if (props.isObject()) {
-    NSDictionary<NSString *, id> *convertedProps = convertFollyDynamicToId(props);
-    [_componentData setProps:convertedProps forView:view];
+  [_componentData setProps:props forView:view];
+
+  if ([view respondsToSelector:@selector(didSetProps:)]) {
+    [view performSelector:@selector(didSetProps:) withObject:[props allKeys]];
   }
 }
 
@@ -146,31 +147,6 @@ - (void)handleCommand:(NSString *)commandName
   }
 }
 
-- (void)addViewToRegistry:(RCTPlatformView *)view withTag:(NSInteger)tag // [macOS]
-{
-  [self _addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // [macOS]
-    if ([viewRegistry objectForKey:@(tag)] != NULL) {
-      return;
-    }
-    NSMutableDictionary<NSNumber *, RCTPlatformView *> *mutableViewRegistry = // [macOS]
-        (NSMutableDictionary<NSNumber *, RCTPlatformView *> *)viewRegistry; // [macOS]
-    [mutableViewRegistry setObject:view forKey:@(tag)];
-  }];
-}
-
-- (void)removeViewFromRegistryWithTag:(NSInteger)tag
-{
-  [self _addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // [macOS]
-    if ([viewRegistry objectForKey:@(tag)] == NULL) {
-      return;
-    }
-
-    NSMutableDictionary<NSNumber *, RCTPlatformView *> *mutableViewRegistry = // [macOS]
-        (NSMutableDictionary<NSNumber *, RCTPlatformView *> *)viewRegistry; // [macOS]
-    [mutableViewRegistry removeObjectForKey:@(tag)];
-  }];
-}
-
 #pragma mark - Private
 - (void)_handleCommandsOnBridge:(id<RCTBridgeMethod>)method withArgs:(NSArray *)newArgs
 {
diff --git a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticComponentDescriptor.cpp b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticComponentDescriptor.cpp
new file mode 100644
index 00000000000000..b6ba28e651f810
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticComponentDescriptor.cpp
@@ -0,0 +1,26 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "UnstableLegacyViewManagerAutomaticComponentDescriptor.h"
+#include <react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/core/ReactPrimitives.h>
+#include <string>
+
+namespace facebook::react {
+ComponentName
+UnstableLegacyViewManagerAutomaticComponentDescriptor::getComponentName()
+    const {
+  return legacyComponentName_.c_str();
+}
+
+ComponentHandle
+UnstableLegacyViewManagerAutomaticComponentDescriptor::getComponentHandle()
+    const {
+  return reinterpret_cast<ComponentHandle>(getComponentName());
+}
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticComponentDescriptor.h b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticComponentDescriptor.h
new file mode 100644
index 00000000000000..24458840edc50b
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticComponentDescriptor.h
@@ -0,0 +1,35 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.h>
+#include <react/renderer/core/ConcreteComponentDescriptor.h>
+#include <react/renderer/core/ReactPrimitives.h>
+#include <string>
+
+namespace facebook::react {
+
+class UnstableLegacyViewManagerAutomaticComponentDescriptor final
+    : public ConcreteComponentDescriptor<
+          LegacyViewManagerAndroidInteropShadowNode> {
+ public:
+  using ConcreteComponentDescriptor::ConcreteComponentDescriptor;
+
+  UnstableLegacyViewManagerAutomaticComponentDescriptor(
+      const ComponentDescriptorParameters& parameters,
+      std::string legacyComponentName)
+      : ConcreteComponentDescriptor(parameters),
+        legacyComponentName_(std::move(legacyComponentName)) {}
+
+  ComponentHandle getComponentHandle() const override;
+  ComponentName getComponentName() const override;
+
+ private:
+  std::string legacyComponentName_;
+};
+} // namespace facebook::react
diff --git a/packages/react-native/ReactAndroid/src/main/jni/react/jni/OnLoad.h b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.cpp
similarity index 71%
rename from packages/react-native/ReactAndroid/src/main/jni/react/jni/OnLoad.h
rename to packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.cpp
index 54c83cb1faae4b..f5c24f5310f6c5 100644
--- a/packages/react-native/ReactAndroid/src/main/jni/react/jni/OnLoad.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.cpp
@@ -5,12 +5,9 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#pragma once
-
-#include <jni.h>
-
 namespace facebook::react {
 
-jmethodID getLogMarkerMethod();
+extern const char LegacyViewManagerAndroidInteropComponentName[] =
+    "LegacyViewManagerInterop";
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.h b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.h
new file mode 100644
index 00000000000000..fd0315155f8582
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerAutomaticShadowNode.h
@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <react/renderer/components/legacyviewmanagerinterop/LegacyViewManagerInteropViewEventEmitter.h>
+#include <react/renderer/components/legacyviewmanagerinterop/LegacyViewManagerInteropViewProps.h>
+#include <react/renderer/components/view/ConcreteViewShadowNode.h>
+
+namespace facebook::react {
+
+extern const char LegacyViewManagerAndroidInteropComponentName[];
+
+using LegacyViewManagerAndroidInteropShadowNode = ConcreteViewShadowNode<
+    LegacyViewManagerAndroidInteropComponentName,
+    LegacyViewManagerInteropViewProps>;
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/modal/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/components/modal/CMakeLists.txt
index 5dd94549149fd5..2fa4021b39b703 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/modal/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/components/modal/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB rrc_modal_SRC CONFIGURE_DEPENDS *.cpp)
diff --git a/packages/react-native/ReactCommon/react/renderer/components/progressbar/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/components/progressbar/CMakeLists.txt
index c72594888e5a37..663b608bff4cc2 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/progressbar/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/components/progressbar/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB rrc_progressbar_SRC CONFIGURE_DEPENDS android/react/renderer/components/progressbar/*.cpp)
diff --git a/packages/react-native/ReactCommon/react/renderer/components/root/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/components/root/CMakeLists.txt
index b0ed65e10c6316..6aa6e77cce7870 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/root/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/components/root/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB rrc_root_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(rrc_root SHARED ${rrc_root_SRC})
+add_library(rrc_root STATIC ${rrc_root_SRC})
 
 target_include_directories(rrc_root PUBLIC ${REACT_COMMON_DIR})
 
diff --git a/packages/react-native/ReactCommon/react/renderer/components/scrollview/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/components/scrollview/CMakeLists.txt
index 7c8aab4b1d9f9d..4e58b4d1c90c7c 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/scrollview/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/components/scrollview/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB rrc_scrollview_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(rrc_scrollview SHARED ${rrc_scrollview_SRC})
+add_library(rrc_scrollview STATIC ${rrc_scrollview_SRC})
 
 target_include_directories(rrc_scrollview PUBLIC ${REACT_COMMON_DIR})
 
diff --git a/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewEventEmitter.cpp b/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewEventEmitter.cpp
index 6fc866fab60f99..9ea8c939900431 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewEventEmitter.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewEventEmitter.cpp
@@ -64,6 +64,14 @@ void ScrollViewEventEmitter::onScroll(
   });
 }
 
+void ScrollViewEventEmitter::onScrollToTop(
+    const ScrollViewMetrics& scrollViewMetrics) const {
+  dispatchUniqueEvent(
+      "scrollToTop", [scrollViewMetrics](jsi::Runtime& runtime) {
+        return scrollViewMetricsPayload(runtime, scrollViewMetrics);
+      });
+}
+
 void ScrollViewEventEmitter::onScrollBeginDrag(
     const ScrollViewMetrics& scrollViewMetrics) const {
   dispatchScrollViewEvent("scrollBeginDrag", scrollViewMetrics);
diff --git a/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewEventEmitter.h b/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewEventEmitter.h
index 50bff3465fdfab..8a849db8a50935 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewEventEmitter.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewEventEmitter.h
@@ -33,6 +33,7 @@ class ScrollViewEventEmitter : public ViewEventEmitter {
   void onScrollEndDrag(const ScrollViewMetrics& scrollViewMetrics) const;
   void onMomentumScrollBegin(const ScrollViewMetrics& scrollViewMetrics) const;
   void onMomentumScrollEnd(const ScrollViewMetrics& scrollViewMetrics) const;
+  void onScrollToTop(const ScrollViewMetrics& scrollViewMetrics) const;
 
  private:
   void dispatchScrollViewEvent(
diff --git a/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewProps.cpp b/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewProps.cpp
index 4bf5b3c038c2fb..19a44907658e32 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewProps.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewProps.cpp
@@ -100,6 +100,24 @@ ScrollViewProps::ScrollViewProps(
                     "decelerationRate",
                     sourceProps.decelerationRate,
                     (Float)0.998)),
+      endDraggingSensitivityMultiplier(
+          CoreFeatures::enablePropIteratorSetter
+              ? sourceProps.endDraggingSensitivityMultiplier
+              : convertRawProp(
+                    context,
+                    rawProps,
+                    "endDraggingSensitivityMultiplier",
+                    sourceProps.endDraggingSensitivityMultiplier,
+                    1)),
+      endDraggingSensitivityVelocityMultiplier(
+          CoreFeatures::enablePropIteratorSetter
+              ? sourceProps.endDraggingSensitivityVelocityMultiplier
+              : convertRawProp(
+                    context,
+                    rawProps,
+                    "endDraggingSensitivityVelocityMultiplier",
+                    sourceProps.endDraggingSensitivityVelocityMultiplier,
+                    0)),
       directionalLockEnabled(
           CoreFeatures::enablePropIteratorSetter
               ? sourceProps.directionalLockEnabled
diff --git a/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewProps.h b/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewProps.h
index 18bd59d6d12ad2..2eb7465d6f3196 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewProps.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/scrollview/ScrollViewProps.h
@@ -41,6 +41,8 @@ class ScrollViewProps final : public ViewProps {
   bool automaticallyAdjustContentInsets{};
   bool automaticallyAdjustsScrollIndicatorInsets{true};
   Float decelerationRate{0.998f};
+  Float endDraggingSensitivityMultiplier{1};
+  Float endDraggingSensitivityVelocityMultiplier{0};
   bool directionalLockEnabled{};
   ScrollViewIndicatorStyle indicatorStyle{};
   ScrollViewKeyboardDismissMode keyboardDismissMode{};
diff --git a/packages/react-native/ReactCommon/react/renderer/components/switch/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/components/switch/CMakeLists.txt
index acc0fa27426c1e..422d3afe4954c0 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/switch/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/components/switch/CMakeLists.txt
@@ -42,5 +42,4 @@ target_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
 )
diff --git a/packages/react-native/ReactCommon/react/renderer/components/text/BaseTextProps.cpp b/packages/react-native/ReactCommon/react/renderer/components/text/BaseTextProps.cpp
index 2e6347a75104c1..cb5a93b703f87f 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/text/BaseTextProps.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/text/BaseTextProps.cpp
@@ -165,6 +165,12 @@ static TextAttributes convertRawProp(
       "isHighlighted",
       sourceTextAttributes.isHighlighted,
       defaultTextAttributes.isHighlighted);
+  textAttributes.isPressable = convertRawProp(
+      context,
+      rawProps,
+      "isPressable",
+      sourceTextAttributes.isPressable,
+      defaultTextAttributes.isPressable);
 
   // In general, we want this class to access props in the same order
   // that ViewProps accesses them in, so that RawPropParser can optimize
@@ -294,6 +300,8 @@ void BaseTextProps::setProp(
         defaults, value, textAttributes, textShadowColor, "textShadowColor");
     REBUILD_FIELD_SWITCH_CASE(
         defaults, value, textAttributes, isHighlighted, "isHighlighted");
+    REBUILD_FIELD_SWITCH_CASE(
+        defaults, value, textAttributes, isPressable, "isPressable");
     REBUILD_FIELD_SWITCH_CASE(
         defaults,
         value,
diff --git a/packages/react-native/ReactCommon/react/renderer/components/text/BaseTextShadowNode.cpp b/packages/react-native/ReactCommon/react/renderer/components/text/BaseTextShadowNode.cpp
index 58d28d4a807afe..2ff46e65dc879e 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/text/BaseTextShadowNode.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/text/BaseTextShadowNode.cpp
@@ -11,7 +11,6 @@
 #include <react/renderer/components/text/RawTextShadowNode.h>
 #include <react/renderer/components/text/TextProps.h>
 #include <react/renderer/components/text/TextShadowNode.h>
-#include <react/renderer/core/TraitCast.h>
 #include <react/renderer/mounting/ShadowView.h>
 
 namespace facebook::react {
@@ -33,7 +32,7 @@ void BaseTextShadowNode::buildAttributedString(
   for (const auto& childNode : parentNode.getChildren()) {
     // RawShadowNode
     auto rawTextShadowNode =
-        traitCast<const RawTextShadowNode*>(childNode.get());
+        dynamic_cast<const RawTextShadowNode*>(childNode.get());
     if (rawTextShadowNode != nullptr) {
       auto fragment = AttributedString::Fragment{};
       fragment.string = rawTextShadowNode->getConcreteProps().text;
@@ -49,7 +48,7 @@ void BaseTextShadowNode::buildAttributedString(
     }
 
     // TextShadowNode
-    auto textShadowNode = traitCast<const TextShadowNode*>(childNode.get());
+    auto textShadowNode = dynamic_cast<const TextShadowNode*>(childNode.get());
     if (textShadowNode != nullptr) {
       auto localTextAttributes = baseTextAttributes;
       localTextAttributes.apply(
diff --git a/packages/react-native/ReactCommon/react/renderer/components/text/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/components/text/CMakeLists.txt
index 184dc34e920436..394d72d7de529b 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/text/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/components/text/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB rrc_text_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(rrc_text SHARED ${rrc_text_SRC})
+add_library(rrc_text STATIC ${rrc_text_SRC})
 
 target_include_directories(rrc_text PUBLIC ${REACT_COMMON_DIR})
 
diff --git a/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphLayoutManager.cpp b/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphLayoutManager.cpp
index 715a1d2798b8a2..ea615b500ab494 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphLayoutManager.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphLayoutManager.cpp
@@ -14,15 +14,17 @@ namespace facebook::react {
 TextMeasurement ParagraphLayoutManager::measure(
     const AttributedString& attributedString,
     const ParagraphAttributes& paragraphAttributes,
+    const TextLayoutContext& layoutContext,
     LayoutConstraints layoutConstraints) const {
   if (CoreFeatures::cacheLastTextMeasurement) {
-    bool shouldMeasure = shoudMeasureString(
+    bool shouldMeasure = shouldMeasureString(
         attributedString, paragraphAttributes, layoutConstraints);
 
     if (shouldMeasure) {
       cachedTextMeasurement_ = textLayoutManager_->measure(
           AttributedStringBox(attributedString),
           paragraphAttributes,
+          layoutContext,
           layoutConstraints,
           hostTextStorage_);
       lastAvailableWidth_ = layoutConstraints.maximumSize.width;
@@ -33,12 +35,13 @@ TextMeasurement ParagraphLayoutManager::measure(
     return textLayoutManager_->measure(
         AttributedStringBox(attributedString),
         paragraphAttributes,
+        layoutContext,
         layoutConstraints,
         nullptr);
   }
 }
 
-bool ParagraphLayoutManager::shoudMeasureString(
+bool ParagraphLayoutManager::shouldMeasureString(
     const AttributedString& attributedString,
     const ParagraphAttributes& paragraphAttributes,
     LayoutConstraints layoutConstraints) const {
diff --git a/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphLayoutManager.h b/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphLayoutManager.h
index 475b16791d54a6..43bd2936abaa59 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphLayoutManager.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphLayoutManager.h
@@ -10,6 +10,7 @@
 #include <react/renderer/attributedstring/AttributedString.h>
 #include <react/renderer/attributedstring/ParagraphAttributes.h>
 #include <react/renderer/core/LayoutConstraints.h>
+#include <react/renderer/textlayoutmanager/TextLayoutContext.h>
 #include <react/renderer/textlayoutmanager/TextLayoutManager.h>
 
 namespace facebook::react {
@@ -26,6 +27,7 @@ class ParagraphLayoutManager {
   TextMeasurement measure(
       const AttributedString& attributedString,
       const ParagraphAttributes& paragraphAttributes,
+      const TextLayoutContext& layoutContext,
       LayoutConstraints layoutConstraints) const;
 
   LinesMeasurements measureLines(
@@ -84,7 +86,7 @@ class ParagraphLayoutManager {
    * text measurement result. Returns true if inputs have changed and measure is
    * needed.
    */
-  bool shoudMeasureString(
+  bool shouldMeasureString(
       const AttributedString& attributedString,
       const ParagraphAttributes& paragraphAttributes,
       LayoutConstraints layoutConstraints) const;
diff --git a/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphShadowNode.cpp b/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphShadowNode.cpp
index 9a129bb605dcc1..5d7d651dd0132d 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphShadowNode.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphShadowNode.cpp
@@ -13,10 +13,9 @@
 #include <react/renderer/attributedstring/AttributedStringBox.h>
 #include <react/renderer/components/view/ViewShadowNode.h>
 #include <react/renderer/components/view/conversions.h>
-#include <react/renderer/core/TraitCast.h>
 #include <react/renderer/graphics/rounding.h>
 #include <react/renderer/telemetry/TransactionTelemetry.h>
-#include <react/utils/CoreFeatures.h>
+#include <react/renderer/textlayoutmanager/TextLayoutContext.h>
 
 #include "ParagraphState.h"
 
@@ -30,13 +29,14 @@ ParagraphShadowNode::ParagraphShadowNode(
     const ShadowNode& sourceShadowNode,
     const ShadowNodeFragment& fragment)
     : ConcreteViewShadowNode(sourceShadowNode, fragment) {
-  if (CoreFeatures::enableCleanParagraphYogaNode) {
-    if (!fragment.children && !fragment.props) {
-      // This ParagraphShadowNode was cloned but did not change
-      // in a way that affects its layout. Let's mark it clean
-      // to stop Yoga from traversing it.
-      cleanLayout();
-    }
+  auto& sourceParagraphShadowNode =
+      dynamic_cast<const ParagraphShadowNode&>(sourceShadowNode);
+  if (!fragment.children && !fragment.props &&
+      sourceParagraphShadowNode.getIsLayoutClean()) {
+    // This ParagraphShadowNode was cloned but did not change
+    // in a way that affects its layout. Let's mark it clean
+    // to stop Yoga from traversing it.
+    cleanLayout();
   }
 }
 
@@ -83,7 +83,7 @@ Content ParagraphShadowNode::getContentWithMeasuredAttachments(
 
   for (const auto& attachment : content.attachments) {
     auto laytableShadowNode =
-        traitCast<const LayoutableShadowNode*>(attachment.shadowNode);
+        dynamic_cast<const LayoutableShadowNode*>(attachment.shadowNode);
 
     if (laytableShadowNode == nullptr) {
       continue;
@@ -152,9 +152,15 @@ Size ParagraphShadowNode::measureContent(
     attributedString.appendFragment({string, textAttributes, {}});
   }
 
+  TextLayoutContext textLayoutContext{};
+  textLayoutContext.pointScaleFactor = layoutContext.pointScaleFactor;
   return getStateData()
       .paragraphLayoutManager
-      .measure(attributedString, content.paragraphAttributes, layoutConstraints)
+      .measure(
+          attributedString,
+          content.paragraphAttributes,
+          textLayoutContext,
+          layoutConstraints)
       .size;
 }
 
@@ -171,8 +177,13 @@ void ParagraphShadowNode::layout(LayoutContext layoutContext) {
 
   updateStateIfNeeded(content);
 
+  TextLayoutContext textLayoutContext{};
+  textLayoutContext.pointScaleFactor = layoutContext.pointScaleFactor;
   auto measurement = getStateData().paragraphLayoutManager.measure(
-      content.attributedString, content.paragraphAttributes, layoutConstraints);
+      content.attributedString,
+      content.paragraphAttributes,
+      textLayoutContext,
+      layoutConstraints);
 
   if (getConcreteProps().onTextLayout) {
     auto linesMeasurements = getStateData().paragraphLayoutManager.measureLines(
@@ -201,7 +212,7 @@ void ParagraphShadowNode::layout(LayoutContext layoutContext) {
   for (size_t i = 0; i < content.attachments.size(); i++) {
     auto& attachment = content.attachments.at(i);
 
-    if (traitCast<const LayoutableShadowNode*>(attachment.shadowNode) ==
+    if (dynamic_cast<const LayoutableShadowNode*>(attachment.shadowNode) ==
         nullptr) {
       // Not a layoutable `ShadowNode`, no need to lay it out.
       continue;
@@ -219,7 +230,7 @@ void ParagraphShadowNode::layout(LayoutContext layoutContext) {
         static_cast<ParagraphShadowNode*>(paragraphOwningShadowNode.get());
 
     auto& layoutableShadowNode =
-        traitCast<LayoutableShadowNode&>(*clonedShadowNode);
+        dynamic_cast<LayoutableShadowNode&>(*clonedShadowNode);
 
     auto attachmentFrame = measurement.attachments[i].frame;
     auto attachmentSize = roundToPixel<&ceil>(
diff --git a/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphShadowNode.h b/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphShadowNode.h
index fd598951c6dd50..a5f8eeb9355464 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphShadowNode.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/text/ParagraphShadowNode.h
@@ -41,7 +41,6 @@ class ParagraphShadowNode final : public ConcreteViewShadowNode<
   static ShadowNodeTraits BaseTraits() {
     auto traits = ConcreteViewShadowNode::BaseTraits();
     traits.set(ShadowNodeTraits::Trait::LeafYogaNode);
-    traits.set(ShadowNodeTraits::Trait::TextKind);
     traits.set(ShadowNodeTraits::Trait::MeasurableYogaNode);
 
 #ifdef ANDROID
diff --git a/packages/react-native/ReactCommon/react/renderer/components/text/RawTextShadowNode.h b/packages/react-native/ReactCommon/react/renderer/components/text/RawTextShadowNode.h
index 15d211b9d192e9..7d04c781c081e9 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/text/RawTextShadowNode.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/text/RawTextShadowNode.h
@@ -26,14 +26,6 @@ class RawTextShadowNode : public ConcreteShadowNode<
                               RawTextProps> {
  public:
   using ConcreteShadowNode::ConcreteShadowNode;
-  static ShadowNodeTraits BaseTraits() {
-    auto traits = ConcreteShadowNode::BaseTraits();
-    traits.set(IdentifierTrait());
-    return traits;
-  }
-  static ShadowNodeTraits::Trait IdentifierTrait() {
-    return ShadowNodeTraits::Trait::RawText;
-  }
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/text/TextShadowNode.h b/packages/react-native/ReactCommon/react/renderer/components/text/TextShadowNode.h
index 649097755132ce..695aba56cbc895 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/text/TextShadowNode.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/text/TextShadowNode.h
@@ -29,19 +29,12 @@ class TextShadowNode : public ConcreteShadowNode<
  public:
   static ShadowNodeTraits BaseTraits() {
     auto traits = ConcreteShadowNode::BaseTraits();
-
 #ifdef ANDROID
     traits.set(ShadowNodeTraits::Trait::FormsView);
 #endif
-    traits.set(IdentifierTrait());
-
     return traits;
   }
 
-  static ShadowNodeTraits::Trait IdentifierTrait() {
-    return ShadowNodeTraits::Trait::Text;
-  }
-
   using ConcreteShadowNode::ConcreteShadowNode;
 
 #ifdef ANDROID
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/components/textinput/CMakeLists.txt
index 39e2a428bb64e6..e8d12d59df91fd 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/CMakeLists.txt
@@ -12,15 +12,14 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
-file(GLOB rrc_textinput_SRC CONFIGURE_DEPENDS androidtextinput/react/renderer/components/androidtextinput/*.cpp)
-add_library(rrc_textinput SHARED ${rrc_textinput_SRC})
+file(GLOB rrc_textinput_SRC CONFIGURE_DEPENDS platform/android/react/renderer/components/androidtextinput/*.cpp)
+add_library(rrc_textinput STATIC ${rrc_textinput_SRC})
 
 target_include_directories(rrc_textinput
         PUBLIC
-          ${CMAKE_CURRENT_SOURCE_DIR}/androidtextinput/
+          ${CMAKE_CURRENT_SOURCE_DIR}/platform/android/
 )
 
 target_link_libraries(rrc_textinput
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputState.cpp b/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputState.cpp
deleted file mode 100644
index a78a839b419db7..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputState.cpp
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "TextInputState.h"
-
-namespace facebook::react {
-
-#ifdef ANDROID
-TextInputState::TextInputState(
-    const TextInputState& /*previousState*/,
-    const folly::dynamic& /*data*/){};
-
-/*
- * Empty implementation for Android because it doesn't use this class.
- */
-folly::dynamic TextInputState::getDynamic() const {
-  return {};
-};
-
-/*
- * Empty implementation for Android because it doesn't use this class.
- */
-MapBuffer TextInputState::getMapBuffer() const {
-  return MapBufferBuilder::EMPTY();
-};
-#endif
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputComponentDescriptor.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputComponentDescriptor.h
similarity index 81%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputComponentDescriptor.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputComponentDescriptor.h
index 04d19a11bfbdb6..6ee6c1e73c192c 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputComponentDescriptor.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputComponentDescriptor.h
@@ -13,7 +13,6 @@
 
 #include <yoga/YGEnums.h>
 #include <yoga/YGValue.h>
-#include <yoga/style/CompactValue.h>
 
 #include <unordered_map>
 
@@ -40,7 +39,7 @@ class AndroidTextInputComponentDescriptor final
       const ShadowNodeFamily::Shared& family) const override {
     int surfaceId = family->getSurfaceId();
 
-    yoga::Style::Edges theme;
+    ThemePadding theme;
     // TODO: figure out RTL/start/end/left/right stuff here
     if (surfaceIdToThemePaddingMap_.find(surfaceId) !=
         surfaceIdToThemePaddingMap_.end()) {
@@ -59,11 +58,10 @@ class AndroidTextInputComponentDescriptor final
               fabricUIManager, surfaceId, defaultTextInputPaddingArray)) {
         jfloat* defaultTextInputPadding =
             env->GetFloatArrayElements(defaultTextInputPaddingArray, 0);
-        theme[YGEdgeStart] = (YGValue){defaultTextInputPadding[0], YGUnitPoint};
-        theme[YGEdgeEnd] = (YGValue){defaultTextInputPadding[1], YGUnitPoint};
-        theme[YGEdgeTop] = (YGValue){defaultTextInputPadding[2], YGUnitPoint};
-        theme[YGEdgeBottom] =
-            (YGValue){defaultTextInputPadding[3], YGUnitPoint};
+        theme.start = defaultTextInputPadding[0];
+        theme.end = defaultTextInputPadding[1];
+        theme.top = defaultTextInputPadding[2];
+        theme.bottom = defaultTextInputPadding[3];
         surfaceIdToThemePaddingMap_.emplace(std::make_pair(surfaceId, theme));
         env->ReleaseFloatArrayElements(
             defaultTextInputPaddingArray, defaultTextInputPadding, JNI_ABORT);
@@ -73,14 +71,7 @@ class AndroidTextInputComponentDescriptor final
 
     return std::make_shared<AndroidTextInputShadowNode::ConcreteState>(
         std::make_shared<const AndroidTextInputState>(AndroidTextInputState(
-            0,
-            {},
-            {},
-            {},
-            ((YGValue)theme[YGEdgeStart]).value,
-            ((YGValue)theme[YGEdgeEnd]).value,
-            ((YGValue)theme[YGEdgeTop]).value,
-            ((YGValue)theme[YGEdgeBottom]).value)),
+            0, {}, {}, {}, theme.start, theme.end, theme.top, theme.bottom)),
         family);
   }
 
@@ -99,7 +90,7 @@ class AndroidTextInputComponentDescriptor final
     int surfaceId = textInputShadowNode.getSurfaceId();
     if (surfaceIdToThemePaddingMap_.find(surfaceId) !=
         surfaceIdToThemePaddingMap_.end()) {
-      yoga::Style::Edges theme = surfaceIdToThemePaddingMap_[surfaceId];
+      const auto& theme = surfaceIdToThemePaddingMap_[surfaceId];
 
       auto& textInputProps = textInputShadowNode.getConcreteProps();
 
@@ -108,29 +99,29 @@ class AndroidTextInputComponentDescriptor final
       // TODO: T62959168 account for RTL and paddingLeft when setting default
       // paddingStart, and vice-versa with paddingRight/paddingEnd.
       // For now this assumes no RTL.
-      yoga::Style::Edges result = textInputProps.yogaStyle.padding();
+      auto& style = const_cast<yoga::Style&>(textInputProps.yogaStyle);
       bool changedPadding = false;
       if (!textInputProps.hasPadding && !textInputProps.hasPaddingStart &&
           !textInputProps.hasPaddingLeft &&
           !textInputProps.hasPaddingHorizontal) {
         changedPadding = true;
-        result[YGEdgeStart] = theme[YGEdgeStart];
+        style.setPadding(yoga::Edge::Start, yoga::value::points(theme.start));
       }
       if (!textInputProps.hasPadding && !textInputProps.hasPaddingEnd &&
           !textInputProps.hasPaddingRight &&
           !textInputProps.hasPaddingHorizontal) {
         changedPadding = true;
-        result[YGEdgeEnd] = theme[YGEdgeEnd];
+        style.setPadding(yoga::Edge::End, yoga::value::points(theme.end));
       }
       if (!textInputProps.hasPadding && !textInputProps.hasPaddingTop &&
           !textInputProps.hasPaddingVertical) {
         changedPadding = true;
-        result[YGEdgeTop] = theme[YGEdgeTop];
+        style.setPadding(yoga::Edge::Top, yoga::value::points(theme.top));
       }
       if (!textInputProps.hasPadding && !textInputProps.hasPaddingBottom &&
           !textInputProps.hasPaddingVertical) {
         changedPadding = true;
-        result[YGEdgeBottom] = theme[YGEdgeBottom];
+        style.setPadding(yoga::Edge::Bottom, yoga::value::points(theme.bottom));
       }
 
       // If the TextInput initially does not have paddingLeft or paddingStart, a
@@ -141,21 +132,18 @@ class AndroidTextInputComponentDescriptor final
       if ((textInputProps.hasPadding || textInputProps.hasPaddingLeft ||
            textInputProps.hasPaddingHorizontal) &&
           !textInputProps.hasPaddingStart) {
-        result[YGEdgeStart] = YGValueUndefined;
+        style.setPadding(yoga::Edge::Start, yoga::value::undefined());
       }
       if ((textInputProps.hasPadding || textInputProps.hasPaddingRight ||
            textInputProps.hasPaddingHorizontal) &&
           !textInputProps.hasPaddingEnd) {
-        result[YGEdgeEnd] = YGValueUndefined;
+        style.setPadding(yoga::Edge::End, yoga::value::undefined());
       }
 
       // Note that this is expensive: on every adopt, we need to set the Yoga
       // props again, which normally only happens during prop parsing. Every
       // commit, state update, etc, will incur this cost.
       if (changedPadding) {
-        // Set new props on node
-        const_cast<AndroidTextInputProps&>(textInputProps).yogaStyle.padding() =
-            result;
         // Communicate new props to Yoga part of the node
         textInputShadowNode.updateYogaProps();
       }
@@ -168,13 +156,19 @@ class AndroidTextInputComponentDescriptor final
   }
 
  private:
+  struct ThemePadding {
+    float start{};
+    float end{};
+    float top{};
+    float bottom{};
+  };
+
   // TODO T68526882: Unify with Binding::UIManagerJavaDescriptor
   constexpr static auto UIManagerJavaDescriptor =
       "com/facebook/react/fabric/FabricUIManager";
 
   SharedTextLayoutManager textLayoutManager_;
-  mutable std::unordered_map<int, yoga::Style::Edges>
-      surfaceIdToThemePaddingMap_;
+  mutable std::unordered_map<int, ThemePadding> surfaceIdToThemePaddingMap_;
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputEventEmitter.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputEventEmitter.h
similarity index 100%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputEventEmitter.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputEventEmitter.h
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputProps.cpp b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputProps.cpp
similarity index 95%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputProps.cpp
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputProps.cpp
index 116284f1c6bcaa..ea0fb6a1674e3d 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputProps.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputProps.cpp
@@ -13,13 +13,9 @@
 
 namespace facebook::react {
 
-static bool hasValue(
-    const RawProps& rawProps,
-    bool defaultValue,
-    const char* name,
-    const char* prefix,
-    const char* suffix) {
-  auto rawValue = rawProps.at(name, prefix, suffix);
+static bool
+hasValue(const RawProps& rawProps, bool defaultValue, const char* name) {
+  auto rawValue = rawProps.at(name, nullptr, nullptr);
 
   // No change to prop - use default
   if (rawValue == nullptr) {
@@ -134,6 +130,10 @@ AndroidTextInputProps::AndroidTextInputProps(
           "selectionColor",
           sourceProps.selectionColor,
           {})),
+      selectionHandleColor(CoreFeatures::enablePropIteratorSetter? sourceProps.selectionHandleColor : convertRawProp(context, rawProps,
+          "selectionHandleColor",
+          sourceProps.selectionHandleColor,
+          {})),
       value(CoreFeatures::enablePropIteratorSetter? sourceProps.value : convertRawProp(context, rawProps, "value", sourceProps.value, {})),
       defaultValue(CoreFeatures::enablePropIteratorSetter? sourceProps.defaultValue : convertRawProp(context, rawProps,
           "defaultValue",
@@ -213,47 +213,35 @@ AndroidTextInputProps::AndroidTextInputProps(
           convertRawProp(context, rawProps, sourceProps.paragraphAttributes, {})),
       // See AndroidTextInputComponentDescriptor for usage
       // TODO T63008435: can these, and this feature, be removed entirely?
-      hasPadding(CoreFeatures::enablePropIteratorSetter? sourceProps.hasPadding : hasValue(rawProps, sourceProps.hasPadding, "", "padding", "")),
+      hasPadding(CoreFeatures::enablePropIteratorSetter? sourceProps.hasPadding : hasValue(rawProps, sourceProps.hasPadding, "padding")),
       hasPaddingHorizontal(CoreFeatures::enablePropIteratorSetter? sourceProps.hasPaddingHorizontal : hasValue(
           rawProps,
           sourceProps.hasPaddingHorizontal,
-          "Horizontal",
-          "padding",
-          "")),
+          "paddingHorizontal")),
       hasPaddingVertical(CoreFeatures::enablePropIteratorSetter? sourceProps.hasPaddingVertical : hasValue(
           rawProps,
           sourceProps.hasPaddingVertical,
-          "Vertical",
-          "padding",
-          "")),
+          "paddingVertical")),
       hasPaddingLeft(CoreFeatures::enablePropIteratorSetter? sourceProps.hasPaddingLeft : hasValue(
           rawProps,
           sourceProps.hasPaddingLeft,
-          "Left",
-          "padding",
-          "")),
+          "paddingLeft")),
       hasPaddingTop(CoreFeatures::enablePropIteratorSetter? sourceProps.hasPaddingTop :
-          hasValue(rawProps, sourceProps.hasPaddingTop, "Top", "padding", "")),
+          hasValue(rawProps, sourceProps.hasPaddingTop, "paddingTop")),
       hasPaddingRight(CoreFeatures::enablePropIteratorSetter? sourceProps.hasPaddingRight : hasValue(
           rawProps,
           sourceProps.hasPaddingRight,
-          "Right",
-          "padding",
-          "")),
+          "paddingRight")),
       hasPaddingBottom(CoreFeatures::enablePropIteratorSetter? sourceProps.hasPaddingBottom : hasValue(
           rawProps,
           sourceProps.hasPaddingBottom,
-          "Bottom",
-          "padding",
-          "")),
+          "paddingBottom")),
       hasPaddingStart(CoreFeatures::enablePropIteratorSetter? sourceProps.hasPaddingStart : hasValue(
           rawProps,
           sourceProps.hasPaddingStart,
-          "Start",
-          "padding",
-          "")),
+          "paddingStart")),
       hasPaddingEnd(CoreFeatures::enablePropIteratorSetter? sourceProps.hasPaddingEnd :
-          hasValue(rawProps, sourceProps.hasPaddingEnd, "End", "padding", "")) {
+          hasValue(rawProps, sourceProps.hasPaddingEnd, "paddingEnd")) {
 }
 
 void AndroidTextInputProps::setProp(
@@ -347,6 +335,7 @@ void AndroidTextInputProps::setProp(
     RAW_SET_PROP_SWITCH_CASE_BASIC(placeholderTextColor);
     RAW_SET_PROP_SWITCH_CASE_BASIC(secureTextEntry);
     RAW_SET_PROP_SWITCH_CASE_BASIC(selectionColor);
+    RAW_SET_PROP_SWITCH_CASE_BASIC(selectionHandleColor);
     RAW_SET_PROP_SWITCH_CASE_BASIC(defaultValue);
     RAW_SET_PROP_SWITCH_CASE_BASIC(selectTextOnFocus);
     RAW_SET_PROP_SWITCH_CASE_BASIC(submitBehavior);
@@ -446,6 +435,7 @@ folly::dynamic AndroidTextInputProps::getDynamic() const {
   props["placeholderTextColor"] = toAndroidRepr(placeholderTextColor);
   props["secureTextEntry"] = secureTextEntry;
   props["selectionColor"] = toAndroidRepr(selectionColor);
+  props["selectionHandleColor"] = toAndroidRepr(selectionHandleColor);
   props["value"] = value;
   props["defaultValue"] = defaultValue;
   props["selectTextOnFocus"] = selectTextOnFocus;
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputProps.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputProps.h
similarity index 99%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputProps.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputProps.h
index 43cbb6859047f3..82fb75ea1028e4 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputProps.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputProps.h
@@ -50,7 +50,6 @@ static inline std::string toString(
   return "[Object AndroidTextInputTextShadowOffsetStruct]";
 }
 
-#ifdef ANDROID
 inline folly::dynamic toDynamic(
     const AndroidTextInputTextShadowOffsetStruct& value) {
   folly::dynamic dynamicValue = folly::dynamic::object();
@@ -58,7 +57,6 @@ inline folly::dynamic toDynamic(
   dynamicValue["height"] = value.height;
   return dynamicValue;
 }
-#endif
 
 class AndroidTextInputProps final : public ViewProps, public BaseTextProps {
  public:
@@ -102,6 +100,7 @@ class AndroidTextInputProps final : public ViewProps, public BaseTextProps {
   SharedColor placeholderTextColor{};
   bool secureTextEntry{false};
   SharedColor selectionColor{};
+  SharedColor selectionHandleColor{};
   std::string value{};
   std::string defaultValue{};
   bool selectTextOnFocus{false};
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.cpp b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.cpp
similarity index 96%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.cpp
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.cpp
index 0c9cc69c673464..3e9e0ad9ed17b1 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.cpp
@@ -16,6 +16,7 @@
 #include <react/renderer/core/LayoutConstraints.h>
 #include <react/renderer/core/LayoutContext.h>
 #include <react/renderer/core/conversions.h>
+#include <react/renderer/textlayoutmanager/TextLayoutContext.h>
 
 #include <utility>
 
@@ -157,7 +158,7 @@ void AndroidTextInputShadowNode::updateStateIfNeeded() {
 #pragma mark - LayoutableShadowNode
 
 Size AndroidTextInputShadowNode::measureContent(
-    const LayoutContext& /*layoutContext*/,
+    const LayoutContext& layoutContext,
     const LayoutConstraints& layoutConstraints) const {
   if (getStateData().cachedAttributedStringId != 0) {
     return textLayoutManager_
@@ -183,10 +184,13 @@ Size AndroidTextInputShadowNode::measureContent(
     return {0, 0};
   }
 
+  TextLayoutContext textLayoutContext;
+  textLayoutContext.pointScaleFactor = layoutContext.pointScaleFactor;
   return textLayoutManager_
       ->measure(
           AttributedStringBox{attributedString},
           getConcreteProps().paragraphAttributes,
+          textLayoutContext,
           layoutConstraints,
           nullptr)
       .size;
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.h
similarity index 98%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.h
index 53f3d42a2dffa0..42b5769c550598 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputShadowNode.h
@@ -31,7 +31,6 @@ class AndroidTextInputShadowNode final : public ConcreteViewShadowNode<
  public:
   static ShadowNodeTraits BaseTraits() {
     auto traits = ConcreteViewShadowNode::BaseTraits();
-    traits.set(ShadowNodeTraits::Trait::TextKind);
     traits.set(ShadowNodeTraits::Trait::LeafYogaNode);
     return traits;
   }
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputState.cpp b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputState.cpp
similarity index 96%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputState.cpp
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputState.cpp
index 83607848e4d342..07cbddf59f4d89 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputState.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputState.cpp
@@ -9,11 +9,8 @@
 
 #include <react/renderer/components/text/conversions.h>
 #include <react/renderer/debug/debugStringConvertibleUtils.h>
-
-#ifdef ANDROID
 #include <react/renderer/mapbuffer/MapBuffer.h>
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
-#endif
 
 #include <utility>
 
@@ -68,7 +65,6 @@ AndroidTextInputState::AndroidTextInputState(
                                         previousState.defaultThemePaddingBottom)
                                     .getDouble()){};
 
-#ifdef ANDROID
 folly::dynamic AndroidTextInputState::getDynamic() const {
   // Java doesn't need all fields, so we don't pass them all along.
   folly::dynamic newState = folly::dynamic::object();
@@ -92,7 +88,10 @@ MapBuffer AndroidTextInputState::getMapBuffer() const {
   auto builder = MapBufferBuilder();
   // See comment in getDynamic block.
   if (cachedAttributedStringId == 0) {
-    builder.putInt(TX_STATE_KEY_MOST_RECENT_EVENT_COUNT, mostRecentEventCount);
+    // TODO truncation
+    builder.putInt(
+        TX_STATE_KEY_MOST_RECENT_EVENT_COUNT,
+        static_cast<int32_t>(mostRecentEventCount));
 
     auto attStringMapBuffer = toMapBuffer(attributedString);
     builder.putMapBuffer(TX_STATE_KEY_ATTRIBUTED_STRING, attStringMapBuffer);
@@ -104,6 +103,4 @@ MapBuffer AndroidTextInputState::getMapBuffer() const {
   return builder.build();
 }
 
-#endif
-
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputState.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputState.h
similarity index 99%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputState.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputState.h
index 1cf73cca7c74c8..b7e4532738ee99 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/androidtextinput/react/renderer/components/androidtextinput/AndroidTextInputState.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/android/react/renderer/components/androidtextinput/AndroidTextInputState.h
@@ -7,15 +7,12 @@
 
 #pragma once
 
+#include <folly/dynamic.h>
 #include <react/renderer/attributedstring/AttributedString.h>
 #include <react/renderer/attributedstring/ParagraphAttributes.h>
-#include <react/renderer/textlayoutmanager/TextLayoutManager.h>
-
-#ifdef ANDROID
-#include <folly/dynamic.h>
 #include <react/renderer/mapbuffer/MapBuffer.h>
 #include <react/renderer/mapbuffer/MapBufferBuilder.h>
-#endif
+#include <react/renderer/textlayoutmanager/TextLayoutManager.h>
 
 namespace facebook::react {
 
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputComponentDescriptor.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputComponentDescriptor.h
similarity index 100%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputComponentDescriptor.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputComponentDescriptor.h
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputEventEmitter.cpp b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputEventEmitter.cpp
similarity index 100%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputEventEmitter.cpp
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputEventEmitter.cpp
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputEventEmitter.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputEventEmitter.h
similarity index 100%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputEventEmitter.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputEventEmitter.h
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputProps.cpp b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputProps.cpp
similarity index 95%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputProps.cpp
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputProps.cpp
index 3e4b712e91d06c..a825971ddbe8c8 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputProps.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputProps.cpp
@@ -62,6 +62,12 @@ TextInputProps::TextInputProps(
           "selectionColor",
           sourceProps.selectionColor,
           {})),
+      selectionHandleColor(convertRawProp(
+          context,
+          rawProps,
+          "selectionHandleColor",
+          sourceProps.selectionHandleColor,
+          {})),
       underlineColorAndroid(convertRawProp(
           context,
           rawProps,
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputProps.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputProps.h
similarity index 98%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputProps.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputProps.h
index 203f762ede10ab..e3db155099c78e 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputProps.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputProps.h
@@ -53,6 +53,7 @@ class TextInputProps final : public ViewProps, public BaseTextProps {
    */
   const SharedColor cursorColor{};
   const SharedColor selectionColor{};
+  const SharedColor selectionHandleColor{};
   // TODO: Rename to `tintColor` and make universal.
   const SharedColor underlineColorAndroid{};
 
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputShadowNode.cpp b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputShadowNode.cpp
similarity index 90%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputShadowNode.cpp
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputShadowNode.cpp
index a23dd665c70e2d..dad61c26f2fd80 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputShadowNode.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputShadowNode.cpp
@@ -13,6 +13,7 @@
 #include <react/renderer/core/LayoutConstraints.h>
 #include <react/renderer/core/LayoutContext.h>
 #include <react/renderer/core/conversions.h>
+#include <react/renderer/textlayoutmanager/TextLayoutContext.h>
 
 namespace facebook::react {
 
@@ -59,8 +60,11 @@ AttributedString TextInputShadowNode::getAttributedString(
       layoutContext.fontSizeMultiplier);
   auto attributedString = AttributedString{};
 
-  attributedString.appendFragment(
-      AttributedString::Fragment{getConcreteProps().text, textAttributes});
+  attributedString.appendFragment(AttributedString::Fragment{
+      .string = getConcreteProps().text,
+      .textAttributes = textAttributes,
+      // TODO: Is this really meant to be by value?
+      .parentShadowView = ShadowView{}});
 
   auto attachments = Attachments{};
   BaseTextShadowNode::buildAttributedString(
@@ -106,10 +110,13 @@ void TextInputShadowNode::updateStateIfNeeded(
 Size TextInputShadowNode::measureContent(
     const LayoutContext& layoutContext,
     const LayoutConstraints& layoutConstraints) const {
+  TextLayoutContext textLayoutContext{};
+  textLayoutContext.pointScaleFactor = layoutContext.pointScaleFactor;
   return textLayoutManager_
       ->measure(
           attributedStringBoxToMeasure(layoutContext),
           getConcreteProps().getEffectiveParagraphAttributes(),
+          textLayoutContext,
           layoutConstraints,
           nullptr)
       .size;
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputShadowNode.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputShadowNode.h
similarity index 98%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputShadowNode.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputShadowNode.h
index 88670730af8968..2b0377f7f3be6f 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputShadowNode.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputShadowNode.h
@@ -34,7 +34,6 @@ class TextInputShadowNode final : public ConcreteViewShadowNode<
 
   static ShadowNodeTraits BaseTraits() {
     auto traits = ConcreteViewShadowNode::BaseTraits();
-    traits.set(ShadowNodeTraits::Trait::TextKind);
     traits.set(ShadowNodeTraits::Trait::LeafYogaNode);
     traits.set(ShadowNodeTraits::Trait::MeasurableYogaNode);
     return traits;
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputState.cpp b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputState.cpp
new file mode 100644
index 00000000000000..abe682f52e19a1
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputState.cpp
@@ -0,0 +1,10 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "TextInputState.h"
+
+namespace facebook::react {} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputState.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputState.h
similarity index 81%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputState.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputState.h
index 3a11436d43608d..fe7dab58255258 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/TextInputState.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/TextInputState.h
@@ -11,12 +11,6 @@
 #include <react/renderer/attributedstring/ParagraphAttributes.h>
 #include <react/renderer/textlayoutmanager/TextLayoutManager.h>
 
-#ifdef ANDROID
-#include <folly/dynamic.h>
-#include <react/renderer/mapbuffer/MapBuffer.h>
-#include <react/renderer/mapbuffer/MapBufferBuilder.h>
-#endif
-
 namespace facebook::react {
 
 /*
@@ -54,16 +48,6 @@ class TextInputState final {
   std::shared_ptr<const TextLayoutManager> layoutManager;
 
   size_t mostRecentEventCount{0};
-
-#ifdef ANDROID
-  TextInputState(
-      const TextInputState& previousState,
-      const folly::dynamic& data);
-
-  folly::dynamic getDynamic() const;
-
-  MapBuffer getMapBuffer() const;
-#endif
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/conversions.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/conversions.h
similarity index 100%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/conversions.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/conversions.h
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/primitives.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/primitives.h
similarity index 100%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/primitives.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/primitives.h
diff --git a/packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/propsConversions.h b/packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/propsConversions.h
similarity index 100%
rename from packages/react-native/ReactCommon/react/renderer/components/textinput/iostextinput/react/renderer/components/iostextinput/propsConversions.h
rename to packages/react-native/ReactCommon/react/renderer/components/textinput/platform/ios/react/renderer/components/iostextinput/propsConversions.h
diff --git a/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/CMakeLists.txt
index ab2dbcf4b7db0b..1f6996eebfb482 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB rrc_unimplementedview_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(rrc_unimplementedview SHARED ${rrc_unimplementedview_SRC})
+add_library(rrc_unimplementedview STATIC ${rrc_unimplementedview_SRC})
 
 target_include_directories(rrc_unimplementedview PUBLIC ${REACT_COMMON_DIR})
 
diff --git a/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/UnimplementedViewComponentDescriptor.cpp b/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/UnimplementedViewComponentDescriptor.cpp
index 1fd2a48271aa89..7b42990f7c414b 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/UnimplementedViewComponentDescriptor.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/UnimplementedViewComponentDescriptor.cpp
@@ -21,19 +21,19 @@ ComponentName UnimplementedViewComponentDescriptor::getComponentName() const {
 Props::Shared UnimplementedViewComponentDescriptor::cloneProps(
     const PropsParserContext& context,
     const Props::Shared& props,
-    const RawProps& rawProps) const {
+    RawProps rawProps) const {
   auto clonedProps =
       ConcreteComponentDescriptor<UnimplementedViewShadowNode>::cloneProps(
-          context, props, rawProps);
+          context, props, std::move(rawProps));
 
   // We have to clone `Props` object one more time to make sure that we have
   // an unshared (and non-`const`) copy of it which we can mutate.
   RawProps emptyRawProps{};
-  emptyRawProps.parse(rawPropsParser_, context);
+  emptyRawProps.parse(rawPropsParser_);
   auto unimplementedViewProps = std::make_shared<UnimplementedViewProps>(
       context,
       static_cast<const UnimplementedViewProps&>(*clonedProps),
-      emptyRawProps);
+      std::move(emptyRawProps));
 
   unimplementedViewProps->setComponentName(getComponentName());
   return unimplementedViewProps;
diff --git a/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/UnimplementedViewComponentDescriptor.h b/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/UnimplementedViewComponentDescriptor.h
index 6240fae281d820..e73046568de792 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/UnimplementedViewComponentDescriptor.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/unimplementedview/UnimplementedViewComponentDescriptor.h
@@ -35,7 +35,7 @@ class UnimplementedViewComponentDescriptor final
   Props::Shared cloneProps(
       const PropsParserContext& context,
       const Props::Shared& props,
-      const RawProps& rawProps) const override;
+      RawProps rawProps) const override;
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/AccessibilityPrimitives.h b/packages/react-native/ReactCommon/react/renderer/components/view/AccessibilityPrimitives.h
index ce9f6eb4517e72..420a10852af33d 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/AccessibilityPrimitives.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/AccessibilityPrimitives.h
@@ -69,7 +69,7 @@ struct AccessibilityState {
   bool disabled{false};
   bool selected{false};
   bool busy{false};
-  bool expanded{false};
+  std::optional<bool> expanded{std::nullopt};
   enum { Unchecked, Checked, Mixed, None } checked{None};
 };
 
@@ -248,19 +248,3 @@ enum class Role {
 };
 
 } // namespace facebook::react
-
-namespace std {
-template <>
-struct hash<facebook::react::AccessibilityRole> {
-  size_t operator()(const facebook::react::AccessibilityRole& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::Role> {
-  size_t operator()(const facebook::react::Role& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-} // namespace std
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/AccessibilityProps.h b/packages/react-native/ReactCommon/react/renderer/components/view/AccessibilityProps.h
index d4df71390e017e..a46c21412d5ebd 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/AccessibilityProps.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/AccessibilityProps.h
@@ -29,15 +29,10 @@ class AccessibilityProps {
       const char* propName,
       const RawValue& value);
 
-#ifdef ANDROID
-  void propsDiffMapBuffer(const Props* oldProps, MapBufferBuilder& builder)
-      const;
-#endif
-
 #pragma mark - Props
 
   bool accessible{false};
-  AccessibilityState accessibilityState;
+  std::optional<AccessibilityState> accessibilityState{std::nullopt};
   std::string accessibilityLabel{""};
   AccessibilityLabelledBy accessibilityLabelledBy{};
   AccessibilityLiveRegion accessibilityLiveRegion{
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewEventEmitter.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewEventEmitter.cpp
index f349f2503f6514..506041daf320fc 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewEventEmitter.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewEventEmitter.cpp
@@ -6,7 +6,6 @@
  */
 
 #include "BaseViewEventEmitter.h"
-#include <react/utils/CoreFeatures.h>
 
 namespace facebook::react {
 
@@ -80,42 +79,37 @@ void BaseViewEventEmitter::onLayout(const LayoutMetrics& layoutMetrics) const {
     layoutEventState->isDispatching = true;
   }
 
-  dispatchEvent(
-      "layout",
-      [layoutEventState](jsi::Runtime& runtime) {
-        auto frame = Rect{};
-
-        {
-          std::scoped_lock guard(layoutEventState->mutex);
-
-          layoutEventState->isDispatching = false;
-
-          // If some *particular* `frame` was already dispatched before,
-          // and since then there were no other new values of the `frame`
-          // observed, do nothing.
-          if (layoutEventState->wasDispatched) {
-            return jsi::Value::null();
-          }
-
-          frame = layoutEventState->frame;
-
-          // If some *particular* `frame` was *not* already dispatched before,
-          // it's time to dispatch it and mark as dispatched.
-          layoutEventState->wasDispatched = true;
-        }
-
-        auto layout = jsi::Object(runtime);
-        layout.setProperty(runtime, "x", frame.origin.x);
-        layout.setProperty(runtime, "y", frame.origin.y);
-        layout.setProperty(runtime, "width", frame.size.width);
-        layout.setProperty(runtime, "height", frame.size.height);
-        auto payload = jsi::Object(runtime);
-        payload.setProperty(runtime, "layout", std::move(layout));
-        return jsi::Value(std::move(payload));
-      },
-      CoreFeatures::enableDefaultAsyncBatchedPriority
-          ? EventPriority::AsynchronousBatched
-          : EventPriority::AsynchronousUnbatched);
+  dispatchEvent("layout", [layoutEventState](jsi::Runtime& runtime) {
+    auto frame = Rect{};
+
+    {
+      std::scoped_lock guard(layoutEventState->mutex);
+
+      layoutEventState->isDispatching = false;
+
+      // If some *particular* `frame` was already dispatched before,
+      // and since then there were no other new values of the `frame`
+      // observed, do nothing.
+      if (layoutEventState->wasDispatched) {
+        return jsi::Value::null();
+      }
+
+      frame = layoutEventState->frame;
+
+      // If some *particular* `frame` was *not* already dispatched before,
+      // it's time to dispatch it and mark as dispatched.
+      layoutEventState->wasDispatched = true;
+    }
+
+    auto layout = jsi::Object(runtime);
+    layout.setProperty(runtime, "x", frame.origin.x);
+    layout.setProperty(runtime, "y", frame.origin.y);
+    layout.setProperty(runtime, "width", frame.size.width);
+    layout.setProperty(runtime, "height", frame.size.height);
+    auto payload = jsi::Object(runtime);
+    payload.setProperty(runtime, "layout", std::move(layout));
+    return jsi::Value(std::move(payload));
+  });
 }
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp
index 59ab0732b4e9ee..bfabc7a0885f7f 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/BaseViewProps.cpp
@@ -367,20 +367,24 @@ BorderMetrics BaseViewProps::resolveBorderMetrics(
       bool{layoutMetrics.layoutDirection == LayoutDirection::RightToLeft};
 
   auto borderWidths = CascadedBorderWidths{
-      /* .left = */ optionalFloatFromYogaValue(yogaStyle.border()[YGEdgeLeft]),
-      /* .top = */ optionalFloatFromYogaValue(yogaStyle.border()[YGEdgeTop]),
+      /* .left = */ optionalFloatFromYogaValue(
+          yogaStyle.border(yoga::Edge::Left)),
+      /* .top = */
+      optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Top)),
       /* .right = */
-      optionalFloatFromYogaValue(yogaStyle.border()[YGEdgeRight]),
+      optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Right)),
       /* .bottom = */
-      optionalFloatFromYogaValue(yogaStyle.border()[YGEdgeBottom]),
+      optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Bottom)),
       /* .start = */
-      optionalFloatFromYogaValue(yogaStyle.border()[YGEdgeStart]),
-      /* .end = */ optionalFloatFromYogaValue(yogaStyle.border()[YGEdgeEnd]),
+      optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Start)),
+      /* .end = */
+      optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::End)),
       /* .horizontal = */
-      optionalFloatFromYogaValue(yogaStyle.border()[YGEdgeHorizontal]),
+      optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Horizontal)),
       /* .vertical = */
-      optionalFloatFromYogaValue(yogaStyle.border()[YGEdgeVertical]),
-      /* .all = */ optionalFloatFromYogaValue(yogaStyle.border()[YGEdgeAll]),
+      optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::Vertical)),
+      /* .all = */
+      optionalFloatFromYogaValue(yogaStyle.border(yoga::Edge::All)),
   };
 
   return {
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/components/view/CMakeLists.txt
index a6ad1aeea58083..2cf299bcbb4bcc 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB rrc_view_SRC CONFIGURE_DEPENDS
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/ViewShadowNode.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/ViewShadowNode.cpp
index 12a9dd40370e34..9c92eac7ccc9e9 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/ViewShadowNode.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/ViewShadowNode.cpp
@@ -39,6 +39,15 @@ ViewShadowNode::ViewShadowNode(
 void ViewShadowNode::initialize() noexcept {
   auto& viewProps = static_cast<const ViewProps&>(*props_);
 
+  auto hasBorder = [&]() {
+    for (auto edge : yoga::ordinals<yoga::Edge>()) {
+      if (viewProps.yogaStyle.border(edge).isDefined()) {
+        return true;
+      }
+    }
+    return false;
+  };
+
   bool formsStackingContext = !viewProps.collapsable ||
       viewProps.pointerEvents == PointerEventsMode::None ||
       !viewProps.nativeId.empty() || viewProps.accessible ||
@@ -55,8 +64,7 @@ void ViewShadowNode::initialize() noexcept {
       HostPlatformViewTraitsInitializer::formsStackingContext(viewProps);
 
   bool formsView = formsStackingContext ||
-      isColorMeaningful(viewProps.backgroundColor) ||
-      !(viewProps.yogaStyle.border() == yoga::Style::Edges{}) ||
+      isColorMeaningful(viewProps.backgroundColor) || hasBorder() ||
       !viewProps.testId.empty() ||
       HostPlatformViewTraitsInitializer::formsView(viewProps);
 
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/ViewShadowNode.h b/packages/react-native/ReactCommon/react/renderer/components/view/ViewShadowNode.h
index 4979d37485b02d..8fdad855e72208 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/ViewShadowNode.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/ViewShadowNode.h
@@ -34,12 +34,6 @@ class ViewShadowNode final : public ConcreteViewShadowNode<
                                  ViewShadowNodeProps,
                                  ViewEventEmitter> {
  public:
-  static ShadowNodeTraits BaseTraits() {
-    auto traits = ConcreteViewShadowNode::BaseTraits();
-    traits.set(ShadowNodeTraits::Trait::View);
-    return traits;
-  }
-
   ViewShadowNode(
       const ShadowNodeFragment& fragment,
       const ShadowNodeFamily::Shared& family,
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/YogaLayoutableShadowNode.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/YogaLayoutableShadowNode.cpp
index cb94ab0bed19c9..513d93e88c12d6 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/YogaLayoutableShadowNode.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/YogaLayoutableShadowNode.cpp
@@ -14,7 +14,6 @@
 #include <react/renderer/components/view/conversions.h>
 #include <react/renderer/core/LayoutConstraints.h>
 #include <react/renderer/core/LayoutContext.h>
-#include <react/renderer/core/TraitCast.h>
 #include <react/renderer/debug/DebugStringConvertibleItem.h>
 #include <react/renderer/debug/SystraceSection.h>
 #include <react/utils/CoreFeatures.h>
@@ -25,6 +24,8 @@
 
 namespace facebook::react {
 
+static_assert(RawPropsFilterable<YogaLayoutableShadowNode>);
+
 static int FabricDefaultYogaLog(
     const YGConfigConstRef /*unused*/,
     const YGNodeConstRef /*unused*/,
@@ -62,16 +63,6 @@ static int FabricDefaultYogaLog(
 
 thread_local LayoutContext threadLocalLayoutContext;
 
-ShadowNodeTraits YogaLayoutableShadowNode::BaseTraits() {
-  auto traits = LayoutableShadowNode::BaseTraits();
-  traits.set(IdentifierTrait());
-  return traits;
-}
-
-ShadowNodeTraits::Trait YogaLayoutableShadowNode::IdentifierTrait() {
-  return ShadowNodeTraits::Trait::YogaLayoutableKind;
-}
-
 YogaLayoutableShadowNode::YogaLayoutableShadowNode(
     const ShadowNodeFragment& fragment,
     const ShadowNodeFamily::Shared& family,
@@ -106,19 +97,27 @@ YogaLayoutableShadowNode::YogaLayoutableShadowNode(
       yogaConfig_(FabricDefaultYogaLog),
       yogaNode_(static_cast<const YogaLayoutableShadowNode&>(sourceShadowNode)
                     .yogaNode_) {
-  // Note, cloned `yoga::Node` instance (copied using copy-constructor) inherits
-  // dirty flag, measure function, and other properties being set originally in
-  // the `YogaLayoutableShadowNode` constructor above.
-
+// Note, cloned `yoga::Node` instance (copied using copy-constructor) inherits
+// dirty flag, measure function, and other properties being set originally in
+// the `YogaLayoutableShadowNode` constructor above.
+
+// There is a known race condition when background executor is enabled, where
+// a tree may be laid out on the Fabric background thread concurrently with
+// the ShadowTree being created on the JS thread. This assert can be
+// re-enabled after disabling background executor everywhere.
+#if 0
   react_native_assert(
       static_cast<const YogaLayoutableShadowNode&>(sourceShadowNode)
               .yogaNode_.isDirty() == yogaNode_.isDirty() &&
       "Yoga node must inherit dirty flag.");
+#endif
 
   if (!getTraits().check(ShadowNodeTraits::Trait::LeafYogaNode)) {
     for (auto& child : getChildren()) {
-      if (auto layoutableChild = traitCast<YogaLayoutableShadowNode>(child)) {
-        yogaLayoutableChildren_.push_back(layoutableChild);
+      if (auto layoutableChild =
+              std::dynamic_pointer_cast<const YogaLayoutableShadowNode>(
+                  child)) {
+        yogaLayoutableChildren_.push_back(std::move(layoutableChild));
       }
     }
   }
@@ -204,7 +203,7 @@ void YogaLayoutableShadowNode::adoptYogaChild(size_t index) {
       !getTraits().check(ShadowNodeTraits::Trait::LeafYogaNode));
 
   auto& childNode =
-      traitCast<const YogaLayoutableShadowNode&>(*getChildren().at(index));
+      dynamic_cast<const YogaLayoutableShadowNode&>(*getChildren().at(index));
 
   if (childNode.yogaNode_.getOwner() == nullptr) {
     // The child node is not owned.
@@ -237,7 +236,8 @@ void YogaLayoutableShadowNode::appendChild(
   }
 
   if (auto yogaLayoutableChild =
-          traitCast<YogaLayoutableShadowNode>(childNode)) {
+          std::dynamic_pointer_cast<const YogaLayoutableShadowNode>(
+              childNode)) {
     // Here we don't have information about the previous structure of the node
     // (if it that existed before), so we don't have anything to compare the
     // Yoga node with (like a previous version of this node). Therefore we must
@@ -267,8 +267,9 @@ void YogaLayoutableShadowNode::replaceChild(
   ensureYogaChildrenLookFine();
 
   auto layoutableOldChild =
-      traitCast<const YogaLayoutableShadowNode*>(&oldChild);
-  auto layoutableNewChild = traitCast<YogaLayoutableShadowNode>(newChild);
+      dynamic_cast<const YogaLayoutableShadowNode*>(&oldChild);
+  auto layoutableNewChild =
+      std::dynamic_pointer_cast<const YogaLayoutableShadowNode>(newChild);
 
   if (layoutableOldChild == nullptr && layoutableNewChild == nullptr) {
     // No need to mutate yogaLayoutableChildren_
@@ -343,7 +344,8 @@ void YogaLayoutableShadowNode::updateYogaChildren() {
 
   for (size_t i = 0; i < getChildren().size(); i++) {
     if (auto yogaLayoutableChild =
-            traitCast<YogaLayoutableShadowNode>(getChildren()[i])) {
+            std::dynamic_pointer_cast<const YogaLayoutableShadowNode>(
+                getChildren()[i])) {
       appendYogaChild(yogaLayoutableChild);
       adoptYogaChild(i);
 
@@ -354,7 +356,7 @@ void YogaLayoutableShadowNode::updateYogaChildren() {
             yogaLayoutableChildren_.at(yogaChildIndex)->yogaNode_;
 
         isClean = isClean && !newYogaChildNode.isDirty() &&
-            (newYogaChildNode.getStyle() == oldYogaChildNode.getStyle());
+            (newYogaChildNode.style() == oldYogaChildNode.style());
       }
     }
   }
@@ -368,15 +370,20 @@ void YogaLayoutableShadowNode::updateYogaChildren() {
 void YogaLayoutableShadowNode::updateYogaProps() {
   ensureUnsealed();
 
-  auto props = static_cast<const YogaStylableProps&>(*props_);
+  auto& props = static_cast<const YogaStylableProps&>(*props_);
   auto styleResult = applyAliasedProps(props.yogaStyle, props);
 
   // Resetting `dirty` flag only if `yogaStyle` portion of `Props` was changed.
-  if (!yogaNode_.isDirty() && (styleResult != yogaNode_.getStyle())) {
+  if (!yogaNode_.isDirty() && (styleResult != yogaNode_.style())) {
     yogaNode_.setDirty(true);
   }
 
   yogaNode_.setStyle(styleResult);
+  if (getTraits().check(ShadowNodeTraits::ViewKind)) {
+    auto& viewProps = static_cast<const ViewProps&>(*props_);
+    YGNodeSetAlwaysFormsContainingBlock(
+        &yogaNode_, viewProps.transform != Transform::Identity());
+  }
 }
 
 /*static*/ yoga::Style YogaLayoutableShadowNode::applyAliasedProps(
@@ -385,64 +392,55 @@ void YogaLayoutableShadowNode::updateYogaProps() {
   yoga::Style result{baseStyle};
 
   // Aliases with precedence
-  if (!props.inset.isUndefined()) {
-    result.position()[YGEdgeAll] = props.inset;
-  }
-  if (!props.insetBlock.isUndefined()) {
-    result.position()[YGEdgeVertical] = props.insetBlock;
-  }
-  if (!props.insetInline.isUndefined()) {
-    result.position()[YGEdgeHorizontal] = props.insetInline;
+  if (props.insetInlineEnd.isDefined()) {
+    result.setPosition(yoga::Edge::End, props.insetInlineEnd);
   }
-  if (!props.insetInlineEnd.isUndefined()) {
-    result.position()[YGEdgeEnd] = props.insetInlineEnd;
+  if (props.insetInlineStart.isDefined()) {
+    result.setPosition(yoga::Edge::Start, props.insetInlineStart);
   }
-  if (!props.insetInlineStart.isUndefined()) {
-    result.position()[YGEdgeStart] = props.insetInlineStart;
+  if (props.marginInline.isDefined()) {
+    result.setMargin(yoga::Edge::Horizontal, props.marginInline);
   }
-  if (!props.marginInline.isUndefined()) {
-    result.margin()[YGEdgeHorizontal] = props.marginInline;
+  if (props.marginInlineStart.isDefined()) {
+    result.setMargin(yoga::Edge::Start, props.marginInlineStart);
   }
-  if (!props.marginInlineStart.isUndefined()) {
-    result.margin()[YGEdgeStart] = props.marginInlineStart;
+  if (props.marginInlineEnd.isDefined()) {
+    result.setMargin(yoga::Edge::End, props.marginInlineEnd);
   }
-  if (!props.marginInlineEnd.isUndefined()) {
-    result.margin()[YGEdgeEnd] = props.marginInlineEnd;
+  if (props.marginBlock.isDefined()) {
+    result.setMargin(yoga::Edge::Vertical, props.marginBlock);
   }
-  if (!props.marginBlock.isUndefined()) {
-    result.margin()[YGEdgeVertical] = props.marginBlock;
+  if (props.paddingInline.isDefined()) {
+    result.setPadding(yoga::Edge::Horizontal, props.paddingInline);
   }
-  if (!props.paddingInline.isUndefined()) {
-    result.padding()[YGEdgeHorizontal] = props.paddingInline;
+  if (props.paddingInlineStart.isDefined()) {
+    result.setPadding(yoga::Edge::Start, props.paddingInlineStart);
   }
-  if (!props.paddingInlineStart.isUndefined()) {
-    result.padding()[YGEdgeStart] = props.paddingInlineStart;
+  if (props.paddingInlineEnd.isDefined()) {
+    result.setPadding(yoga::Edge::End, props.paddingInlineEnd);
   }
-  if (!props.paddingInlineEnd.isUndefined()) {
-    result.padding()[YGEdgeEnd] = props.paddingInlineEnd;
-  }
-  if (!props.paddingBlock.isUndefined()) {
-    result.padding()[YGEdgeVertical] = props.paddingBlock;
+  if (props.paddingBlock.isDefined()) {
+    result.setPadding(yoga::Edge::Vertical, props.paddingBlock);
   }
 
   // Aliases without precedence
-  if (CompactValue(result.position()[YGEdgeBottom]).isUndefined()) {
-    result.position()[YGEdgeBottom] = props.insetBlockEnd;
+  if (result.position(yoga::Edge::Bottom).isUndefined()) {
+    result.setPosition(yoga::Edge::Bottom, props.insetBlockEnd);
   }
-  if (CompactValue(result.position()[YGEdgeTop]).isUndefined()) {
-    result.position()[YGEdgeTop] = props.insetBlockStart;
+  if (result.position(yoga::Edge::Top).isUndefined()) {
+    result.setPosition(yoga::Edge::Top, props.insetBlockStart);
   }
-  if (CompactValue(result.margin()[YGEdgeTop]).isUndefined()) {
-    result.margin()[YGEdgeTop] = props.marginBlockStart;
+  if (result.margin(yoga::Edge::Top).isUndefined()) {
+    result.setMargin(yoga::Edge::Top, props.marginBlockStart);
   }
-  if (CompactValue(result.margin()[YGEdgeBottom]).isUndefined()) {
-    result.margin()[YGEdgeBottom] = props.marginBlockEnd;
+  if (result.margin(yoga::Edge::Bottom).isUndefined()) {
+    result.setMargin(yoga::Edge::Bottom, props.marginBlockEnd);
   }
-  if (CompactValue(result.padding()[YGEdgeTop]).isUndefined()) {
-    result.padding()[YGEdgeTop] = props.paddingBlockStart;
+  if (result.padding(yoga::Edge::Top).isUndefined()) {
+    result.setPadding(yoga::Edge::Top, props.paddingBlockStart);
   }
-  if (CompactValue(result.padding()[YGEdgeBottom]).isUndefined()) {
-    result.padding()[YGEdgeBottom] = props.paddingBlockEnd;
+  if (result.padding(yoga::Edge::Bottom).isUndefined()) {
+    result.setPadding(yoga::Edge::Bottom, props.paddingBlockEnd);
   }
 
   return result;
@@ -473,8 +471,7 @@ void YogaLayoutableShadowNode::configureYogaTree(
   for (size_t i = 0; i < yogaLayoutableChildren_.size(); i++) {
     const auto& child = *yogaLayoutableChildren_[i];
     auto childLayoutMetrics = child.getLayoutMetrics();
-    auto childErrata =
-        YGConfigGetErrata(const_cast<yoga::Config*>(&child.yogaConfig_));
+    auto childErrata = YGConfigGetErrata(&child.yogaConfig_);
 
     if (child.yogaTreeHasBeenConfigured_ &&
         childLayoutMetrics.pointScaleFactor == pointScaleFactor &&
@@ -495,7 +492,7 @@ void YogaLayoutableShadowNode::configureYogaTree(
 }
 
 YGErrata YogaLayoutableShadowNode::resolveErrata(YGErrata defaultErrata) const {
-  if (auto viewShadowNode = traitCast<const ViewShadowNode*>(this)) {
+  if (auto viewShadowNode = dynamic_cast<const ViewShadowNode*>(this)) {
     const auto& props = viewShadowNode->getConcreteProps();
     switch (props.experimental_layoutConformance) {
       case LayoutConformance::Classic:
@@ -531,13 +528,9 @@ YogaLayoutableShadowNode& YogaLayoutableShadowNode::cloneChildInPlace(
 void YogaLayoutableShadowNode::setSize(Size size) const {
   ensureUnsealed();
 
-  auto style = yogaNode_.getStyle();
-  style.setDimension(
-      yoga::Dimension::Width,
-      yoga::CompactValue::ofMaybe<YGUnitPoint>(size.width));
-  style.setDimension(
-      yoga::Dimension::Height,
-      yoga::CompactValue::ofMaybe<YGUnitPoint>(size.height));
+  auto style = yogaNode_.style();
+  style.setDimension(yoga::Dimension::Width, yoga::value::points(size.width));
+  style.setDimension(yoga::Dimension::Height, yoga::value::points(size.height));
   yogaNode_.setStyle(style);
   yogaNode_.setDirty(true);
 }
@@ -545,25 +538,21 @@ void YogaLayoutableShadowNode::setSize(Size size) const {
 void YogaLayoutableShadowNode::setPadding(RectangleEdges<Float> padding) const {
   ensureUnsealed();
 
-  auto style = yogaNode_.getStyle();
-
-  auto leftPadding = yoga::CompactValue::ofMaybe<YGUnitPoint>(padding.left);
-  auto topPadding = yoga::CompactValue::ofMaybe<YGUnitPoint>(padding.top);
-  auto rightPadding = yoga::CompactValue::ofMaybe<YGUnitPoint>(padding.right);
-  auto bottomPadding = yoga::CompactValue::ofMaybe<YGUnitPoint>(padding.bottom);
-
-  if (leftPadding != style.padding()[YGEdgeLeft] ||
-      topPadding != style.padding()[YGEdgeTop] ||
-      rightPadding != style.padding()[YGEdgeRight] ||
-      bottomPadding != style.padding()[YGEdgeBottom]) {
-    style.padding()[YGEdgeTop] =
-        yoga::CompactValue::ofMaybe<YGUnitPoint>(padding.top);
-    style.padding()[YGEdgeLeft] =
-        yoga::CompactValue::ofMaybe<YGUnitPoint>(padding.left);
-    style.padding()[YGEdgeRight] =
-        yoga::CompactValue::ofMaybe<YGUnitPoint>(padding.right);
-    style.padding()[YGEdgeBottom] =
-        yoga::CompactValue::ofMaybe<YGUnitPoint>(padding.bottom);
+  auto style = yogaNode_.style();
+
+  auto leftPadding = yoga::value::points(padding.left);
+  auto topPadding = yoga::value::points(padding.top);
+  auto rightPadding = yoga::value::points(padding.right);
+  auto bottomPadding = yoga::value::points(padding.bottom);
+
+  if (leftPadding != style.padding(yoga::Edge::Left) ||
+      topPadding != style.padding(yoga::Edge::Top) ||
+      rightPadding != style.padding(yoga::Edge::Right) ||
+      bottomPadding != style.padding(yoga::Edge::Bottom)) {
+    style.setPadding(yoga::Edge::Top, yoga::value::points(padding.top));
+    style.setPadding(yoga::Edge::Left, yoga::value::points(padding.left));
+    style.setPadding(yoga::Edge::Right, yoga::value::points(padding.right));
+    style.setPadding(yoga::Edge::Bottom, yoga::value::points(padding.bottom));
     yogaNode_.setStyle(style);
     yogaNode_.setDirty(true);
   }
@@ -573,8 +562,8 @@ void YogaLayoutableShadowNode::setPositionType(
     YGPositionType positionType) const {
   ensureUnsealed();
 
-  auto style = yogaNode_.getStyle();
-  style.positionType() = yoga::scopedEnum(positionType);
+  auto style = yogaNode_.style();
+  style.setPositionType(yoga::scopedEnum(positionType));
   yogaNode_.setStyle(style);
   yogaNode_.setDirty(true);
 }
@@ -587,8 +576,7 @@ void YogaLayoutableShadowNode::layoutTree(
   SystraceSection s1("YogaLayoutableShadowNode::layoutTree");
 
   bool swapLeftAndRight = layoutContext.swapLeftAndRightInRTL &&
-      (layoutConstraints.layoutDirection == LayoutDirection::RightToLeft ||
-       !CoreFeatures::doNotSwapLeftAndRightOnAndroidInLTR);
+      layoutConstraints.layoutDirection == LayoutDirection::RightToLeft;
 
   {
     SystraceSection s2("YogaLayoutableShadowNode::configureYogaTree");
@@ -616,37 +604,31 @@ void YogaLayoutableShadowNode::layoutTree(
   react_native_assert(!std::isinf(minimumSize.width));
   react_native_assert(!std::isinf(minimumSize.height));
 
-  // Internally Yoga uses three different measurement modes controlling layout
-  // constraints: `Undefined`, `Exactly`, and `AtMost`. These modes are an
-  // implementation detail and are not defined in `CSS Flexible Box Layout
-  // Module`. Yoga C++ API (and `YGNodeCalculateLayout` function particularly)
-  // does not allow to specify the measure modes explicitly. Instead, it infers
-  // these from styles associated with the root node.
-  // To pass the actual layout constraints to Yoga we represent them as
+  // Yoga C++ API (and `YGNodeCalculateLayout` function particularly)
+  // does not allow to specify sizing modes (see
+  // https://www.w3.org/TR/css-sizing-3/#auto-box-sizes) explicitly. Instead, it
+  // infers these from styles associated with the root node. To pass the actual
+  // layout constraints to Yoga we represent them as
   // `(min/max)(Height/Width)` style properties. Also, we pass `ownerWidth` &
   // `ownerHeight` to allow proper calculation of relative (e.g. specified in
   // percents) style values.
 
-  auto& yogaStyle = yogaNode_.getStyle();
+  auto& yogaStyle = yogaNode_.style();
 
   auto ownerWidth = yogaFloatFromFloat(maximumSize.width);
   auto ownerHeight = yogaFloatFromFloat(maximumSize.height);
 
   yogaStyle.setMaxDimension(
-      yoga::Dimension::Width,
-      yoga::CompactValue::ofMaybe<YGUnitPoint>(maximumSize.width));
+      yoga::Dimension::Width, yoga::value::points(maximumSize.width));
 
   yogaStyle.setMaxDimension(
-      yoga::Dimension::Height,
-      yoga::CompactValue::ofMaybe<YGUnitPoint>(maximumSize.height));
+      yoga::Dimension::Height, yoga::value::points(maximumSize.height));
 
   yogaStyle.setMinDimension(
-      yoga::Dimension::Width,
-      yoga::CompactValue::ofMaybe<YGUnitPoint>(minimumSize.width));
+      yoga::Dimension::Width, yoga::value::points(minimumSize.width));
 
   yogaStyle.setMinDimension(
-      yoga::Dimension::Height,
-      yoga::CompactValue::ofMaybe<YGUnitPoint>(minimumSize.height));
+      yoga::Dimension::Height, yoga::value::points(minimumSize.height));
 
   auto direction =
       yogaDirectionFromLayoutDirection(layoutConstraints.layoutDirection);
@@ -712,8 +694,7 @@ void YogaLayoutableShadowNode::layout(LayoutContext layoutContext) {
       newLayoutMetrics.pointScaleFactor = layoutContext.pointScaleFactor;
       newLayoutMetrics.wasLeftAndRightSwapped =
           layoutContext.swapLeftAndRightInRTL &&
-          (newLayoutMetrics.layoutDirection == LayoutDirection::RightToLeft ||
-           !CoreFeatures::doNotSwapLeftAndRightOnAndroidInLTR);
+          newLayoutMetrics.layoutDirection == LayoutDirection::RightToLeft;
 
       // Child node's layout has changed. When a node is added to
       // `affectedNodes`, onLayout event is called on the component. Comparing
@@ -732,7 +713,7 @@ void YogaLayoutableShadowNode::layout(LayoutContext layoutContext) {
     }
   }
 
-  if (yogaNode_.getStyle().overflow() == yoga::Overflow::Visible) {
+  if (yogaNode_.style().overflow() == yoga::Overflow::Visible) {
     // Note that the parent node's overflow layout is NOT affected by its
     // transform matrix. That transform matrix is applied on the parent node as
     // well as all of its child nodes, which won't cause changes on the
@@ -760,7 +741,7 @@ Rect YogaLayoutableShadowNode::getContentBounds() const {
 
     auto layoutMetricsWithOverflowInset = childNode.getLayoutMetrics();
     if (layoutMetricsWithOverflowInset.displayType != DisplayType::None) {
-      auto viewChildNode = traitCast<const ViewShadowNode*>(&childNode);
+      auto viewChildNode = dynamic_cast<const ViewShadowNode*>(&childNode);
       auto hitSlop = viewChildNode != nullptr
           ? viewChildNode->getConcreteProps().hitSlop
           : EdgeInsets{};
@@ -791,6 +772,13 @@ Rect YogaLayoutableShadowNode::getContentBounds() const {
   return contentBounds;
 }
 
+/*static*/ void YogaLayoutableShadowNode::filterRawProps(RawProps& rawProps) {
+  if (CoreFeatures::excludeYogaFromRawProps) {
+    // TODO: this shouldn't live in RawProps
+    rawProps.filterYogaStylePropsInDynamicConversion();
+  }
+}
+
 #pragma mark - Yoga Connectors
 
 YGNodeRef YogaLayoutableShadowNode::yogaNodeCloneCallbackConnector(
@@ -852,7 +840,7 @@ YGSize YogaLayoutableShadowNode::yogaNodeMeasureCallbackConnector(
 
 YogaLayoutableShadowNode& YogaLayoutableShadowNode::shadowNodeFromContext(
     YGNodeConstRef yogaNode) {
-  return traitCast<YogaLayoutableShadowNode&>(
+  return dynamic_cast<YogaLayoutableShadowNode&>(
       *static_cast<ShadowNode*>(YGNodeGetContext(yogaNode)));
 }
 
@@ -867,9 +855,6 @@ yoga::Config& YogaLayoutableShadowNode::initializeYogaConfig(
     YGConfigSetErrata(&config, YGConfigGetErrata(previousConfig));
   }
 
-#ifdef RN_DEBUG_YOGA_LOGGER
-  YGConfigSetPrintTreeFlag(&config, true);
-#endif
   return config;
 }
 
@@ -878,110 +863,107 @@ yoga::Config& YogaLayoutableShadowNode::initializeYogaConfig(
 void YogaLayoutableShadowNode::swapStyleLeftAndRight() {
   ensureUnsealed();
 
-  swapLeftAndRightInYogaStyleProps(*this);
-  swapLeftAndRightInViewProps(*this);
+  swapLeftAndRightInYogaStyleProps();
+  swapLeftAndRightInViewProps();
 }
 
-void YogaLayoutableShadowNode::swapLeftAndRightInYogaStyleProps(
-    const YogaLayoutableShadowNode& shadowNode) {
-  auto yogaStyle = shadowNode.yogaNode_.getStyle();
-
-  const yoga::Style::Edges& position = yogaStyle.position();
-  const yoga::Style::Edges& padding = yogaStyle.padding();
-  const yoga::Style::Edges& margin = yogaStyle.margin();
+void YogaLayoutableShadowNode::swapLeftAndRightInYogaStyleProps() {
+  auto yogaStyle = yogaNode_.style();
 
   // Swap Yoga node values, position, padding and margin.
 
-  if (yogaStyle.position()[YGEdgeLeft] != YGValueUndefined) {
-    yogaStyle.position()[YGEdgeStart] = position[YGEdgeLeft];
-    yogaStyle.position()[YGEdgeLeft] = YGValueUndefined;
+  if (yogaStyle.position(yoga::Edge::Left).isDefined()) {
+    yogaStyle.setPosition(
+        yoga::Edge::Start, yogaStyle.position(yoga::Edge::Left));
+    yogaStyle.setPosition(yoga::Edge::Left, yoga::value::undefined());
   }
 
-  if (yogaStyle.position()[YGEdgeRight] != YGValueUndefined) {
-    yogaStyle.position()[YGEdgeEnd] = position[YGEdgeRight];
-    yogaStyle.position()[YGEdgeRight] = YGValueUndefined;
+  if (yogaStyle.position(yoga::Edge::Right).isDefined()) {
+    yogaStyle.setPosition(
+        yoga::Edge::End, yogaStyle.position(yoga::Edge::Right));
+    yogaStyle.setPosition(yoga::Edge::Right, yoga::value::undefined());
   }
 
-  if (yogaStyle.padding()[YGEdgeLeft] != YGValueUndefined) {
-    yogaStyle.padding()[YGEdgeStart] = padding[YGEdgeLeft];
-    yogaStyle.padding()[YGEdgeLeft] = YGValueUndefined;
+  if (yogaStyle.padding(yoga::Edge::Left).isDefined()) {
+    yogaStyle.setPadding(
+        yoga::Edge::Start, yogaStyle.padding(yoga::Edge::Left));
+    yogaStyle.setPadding(yoga::Edge::Left, yoga::value::undefined());
   }
 
-  if (yogaStyle.padding()[YGEdgeRight] != YGValueUndefined) {
-    yogaStyle.padding()[YGEdgeEnd] = padding[YGEdgeRight];
-    yogaStyle.padding()[YGEdgeRight] = YGValueUndefined;
+  if (yogaStyle.padding(yoga::Edge::Right).isDefined()) {
+    yogaStyle.setPadding(yoga::Edge::End, yogaStyle.padding(yoga::Edge::Right));
+    yogaStyle.setPadding(yoga::Edge::Right, yoga::value::undefined());
   }
 
-  if (yogaStyle.margin()[YGEdgeLeft] != YGValueUndefined) {
-    yogaStyle.margin()[YGEdgeStart] = margin[YGEdgeLeft];
-    yogaStyle.margin()[YGEdgeLeft] = YGValueUndefined;
+  if (yogaStyle.margin(yoga::Edge::Left).isDefined()) {
+    yogaStyle.setMargin(yoga::Edge::Start, yogaStyle.margin(yoga::Edge::Left));
+    yogaStyle.setMargin(yoga::Edge::Left, yoga::value::undefined());
   }
 
-  if (yogaStyle.margin()[YGEdgeRight] != YGValueUndefined) {
-    yogaStyle.margin()[YGEdgeEnd] = margin[YGEdgeRight];
-    yogaStyle.margin()[YGEdgeRight] = YGValueUndefined;
+  if (yogaStyle.margin(yoga::Edge::Right).isDefined()) {
+    yogaStyle.setMargin(yoga::Edge::End, yogaStyle.margin(yoga::Edge::Right));
+    yogaStyle.setMargin(yoga::Edge::Right, yoga::value::undefined());
   }
 
-  shadowNode.yogaNode_.setStyle(yogaStyle);
-}
-
-void YogaLayoutableShadowNode::swapLeftAndRightInViewProps(
-    const YogaLayoutableShadowNode& shadowNode) {
-  auto& typedCasting = static_cast<const ViewProps&>(*shadowNode.props_);
-  auto& props = const_cast<ViewProps&>(typedCasting);
-
-  // Swap border node values, borderRadii, borderColors and borderStyles.
-
-  if (props.borderRadii.topLeft.has_value()) {
-    props.borderRadii.topStart = props.borderRadii.topLeft;
-    props.borderRadii.topLeft.reset();
+  if (yogaStyle.border(yoga::Edge::Left).isDefined()) {
+    yogaStyle.setBorder(yoga::Edge::Start, yogaStyle.border(yoga::Edge::Left));
+    yogaStyle.setBorder(yoga::Edge::Left, yoga::value::undefined());
   }
 
-  if (props.borderRadii.bottomLeft.has_value()) {
-    props.borderRadii.bottomStart = props.borderRadii.bottomLeft;
-    props.borderRadii.bottomLeft.reset();
+  if (yogaStyle.border(yoga::Edge::Right).isDefined()) {
+    yogaStyle.setBorder(yoga::Edge::End, yogaStyle.border(yoga::Edge::Right));
+    yogaStyle.setBorder(yoga::Edge::Right, yoga::value::undefined());
   }
 
-  if (props.borderRadii.topRight.has_value()) {
-    props.borderRadii.topEnd = props.borderRadii.topRight;
-    props.borderRadii.topRight.reset();
-  }
+  yogaNode_.setStyle(yogaStyle);
+}
 
-  if (props.borderRadii.bottomRight.has_value()) {
-    props.borderRadii.bottomEnd = props.borderRadii.bottomRight;
-    props.borderRadii.bottomRight.reset();
-  }
+void YogaLayoutableShadowNode::swapLeftAndRightInViewProps() {
+  if (auto viewShadowNode = dynamic_cast<ViewShadowNode*>(this)) {
+    // TODO: Do not mutate props directly.
+    auto& props =
+        const_cast<ViewShadowNodeProps&>(viewShadowNode->getConcreteProps());
 
-  if (props.borderColors.left.has_value()) {
-    props.borderColors.start = props.borderColors.left;
-    props.borderColors.left.reset();
-  }
+    // Swap border node values, borderRadii, borderColors and borderStyles.
+    if (props.borderRadii.topLeft.has_value()) {
+      props.borderRadii.topStart = props.borderRadii.topLeft;
+      props.borderRadii.topLeft.reset();
+    }
 
-  if (props.borderColors.right.has_value()) {
-    props.borderColors.end = props.borderColors.right;
-    props.borderColors.right.reset();
-  }
+    if (props.borderRadii.bottomLeft.has_value()) {
+      props.borderRadii.bottomStart = props.borderRadii.bottomLeft;
+      props.borderRadii.bottomLeft.reset();
+    }
 
-  if (props.borderStyles.left.has_value()) {
-    props.borderStyles.start = props.borderStyles.left;
-    props.borderStyles.left.reset();
-  }
+    if (props.borderRadii.topRight.has_value()) {
+      props.borderRadii.topEnd = props.borderRadii.topRight;
+      props.borderRadii.topRight.reset();
+    }
 
-  if (props.borderStyles.right.has_value()) {
-    props.borderStyles.end = props.borderStyles.right;
-    props.borderStyles.right.reset();
-  }
+    if (props.borderRadii.bottomRight.has_value()) {
+      props.borderRadii.bottomEnd = props.borderRadii.bottomRight;
+      props.borderRadii.bottomRight.reset();
+    }
 
-  const yoga::Style::Edges& border = props.yogaStyle.border();
+    if (props.borderColors.left.has_value()) {
+      props.borderColors.start = props.borderColors.left;
+      props.borderColors.left.reset();
+    }
 
-  if (props.yogaStyle.border()[YGEdgeLeft] != YGValueUndefined) {
-    props.yogaStyle.border()[YGEdgeStart] = border[YGEdgeLeft];
-    props.yogaStyle.border()[YGEdgeLeft] = YGValueUndefined;
-  }
+    if (props.borderColors.right.has_value()) {
+      props.borderColors.end = props.borderColors.right;
+      props.borderColors.right.reset();
+    }
+
+    if (props.borderStyles.left.has_value()) {
+      props.borderStyles.start = props.borderStyles.left;
+      props.borderStyles.left.reset();
+    }
 
-  if (props.yogaStyle.border()[YGEdgeRight] != YGValueUndefined) {
-    props.yogaStyle.border()[YGEdgeEnd] = border[YGEdgeRight];
-    props.yogaStyle.border()[YGEdgeRight] = YGValueUndefined;
+    if (props.borderStyles.right.has_value()) {
+      props.borderStyles.end = props.borderStyles.right;
+      props.borderStyles.right.reset();
+    }
   }
 }
 
@@ -993,7 +975,7 @@ void YogaLayoutableShadowNode::ensureConsistency() const {
 }
 
 void YogaLayoutableShadowNode::ensureYogaChildrenLookFine() const {
-#ifdef REACT_NATIVE_DEBUG
+#if defined(REACT_NATIVE_DEBUG) && defined(WITH_FBSYSTRACE)
   // Checking that the shapes of Yoga node children object look fine.
   // This is the only heuristic that might produce false-positive results
   // (really broken dangled nodes might look fine). This is useful as an early
@@ -1011,7 +993,7 @@ void YogaLayoutableShadowNode::ensureYogaChildrenLookFine() const {
 }
 
 void YogaLayoutableShadowNode::ensureYogaChildrenAlignment() const {
-#ifdef REACT_NATIVE_DEBUG
+#if defined(REACT_NATIVE_DEBUG) && defined(WITH_FBSYSTRACE)
   // If the node is not a leaf node, checking that:
   // - All children are `YogaLayoutableShadowNode` subclasses.
   // - All Yoga children are owned/connected to corresponding children of
@@ -1032,7 +1014,7 @@ void YogaLayoutableShadowNode::ensureYogaChildrenAlignment() const {
     auto& child = children.at(i);
     react_native_assert(
         yogaChild->getContext() ==
-        traitCast<const YogaLayoutableShadowNode*>(child.get()));
+        dynamic_cast<const YogaLayoutableShadowNode*>(child.get()));
   }
 #endif
 }
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/YogaLayoutableShadowNode.h b/packages/react-native/ReactCommon/react/renderer/components/view/YogaLayoutableShadowNode.h
index 0d31fb56eae31c..cfebab4a6cbc98 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/YogaLayoutableShadowNode.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/YogaLayoutableShadowNode.h
@@ -22,15 +22,10 @@
 namespace facebook::react {
 
 class YogaLayoutableShadowNode : public LayoutableShadowNode {
-  using CompactValue = facebook::yoga::CompactValue;
-
  public:
   using Shared = std::shared_ptr<const YogaLayoutableShadowNode>;
   using ListOfShared = std::vector<Shared>;
 
-  static ShadowNodeTraits BaseTraits();
-  static ShadowNodeTraits::Trait IdentifierTrait();
-
 #pragma mark - Constructors
 
   YogaLayoutableShadowNode(
@@ -90,6 +85,8 @@ class YogaLayoutableShadowNode : public LayoutableShadowNode {
 
   Rect getContentBounds() const;
 
+  static void filterRawProps(RawProps& rawProps);
+
  protected:
   /*
    * Yoga config associated (only) with this particular node.
@@ -192,16 +189,14 @@ class YogaLayoutableShadowNode : public LayoutableShadowNode {
    * - border(Left|Right)Width → border(Start|End)Width
    * - border(Left|Right)Color → border(Start|End)Color
    */
-  static void swapLeftAndRightInViewProps(
-      const YogaLayoutableShadowNode& shadowNode);
+  void swapLeftAndRightInViewProps();
   /*
    * In yoga node passed as argument, reassigns following values
    * - (left|right) → (start|end)
    * - margin(Left|Right) → margin(Start|End)
    * - padding(Left|Right) → padding(Start|End)
    */
-  static void swapLeftAndRightInYogaStyleProps(
-      const YogaLayoutableShadowNode& shadowNode);
+  void swapLeftAndRightInYogaStyleProps();
 
   /*
    * Combine a base yoga::Style with aliased properties which should be
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/YogaStylableProps.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/YogaStylableProps.cpp
index 607ed67c9d8be4..508e3aeb6cac0a 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/YogaStylableProps.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/YogaStylableProps.cpp
@@ -13,280 +13,535 @@
 #include <react/renderer/debug/debugStringConvertibleUtils.h>
 #include <react/utils/CoreFeatures.h>
 #include <yoga/Yoga.h>
-#include <unordered_set>
-
-#include "conversions.h"
 
 namespace facebook::react {
 
-namespace {
-inline RawProps filterYogaProps(const RawProps& rawProps) {
-  const static std::unordered_set<std::string> yogaStylePropNames = {
-      {"direction",
-       "flexDirection",
-       "justifyContent",
-       "alignContent",
-       "alignItems",
-       "alignSelf",
-       "position",
-       "flexWrap",
-       "display",
-       "flex",
-       "flexGrow",
-       "flexShrink",
-       "flexBasis",
-       "margin",
-       "padding",
-       "rowGap",
-       "columnGap",
-       "gap",
-       // TODO: T163711275 also filter out width/height when SVG no longer read
-       // them from RawProps
-       "minWidth",
-       "maxWidth",
-       "minHeight",
-       "maxHeight",
-       "aspectRatio",
-
-       // edges
-       "left",
-       "right",
-       "top",
-       "bottom",
-       "start",
-       "end",
-
-       // variants of inset
-       "inset",
-       "insetStart",
-       "insetEnd",
-       "insetInline",
-       "insetInlineStart",
-       "insetInlineEnd",
-       "insetBlock",
-       "insetBlockEnd",
-       "insetBlockStart",
-       "insetVertical",
-       "insetHorizontal",
-       "insetTop",
-       "insetBottom",
-       "insetLeft",
-       "insetRight",
-
-       // variants of margin
-       "marginStart",
-       "marginEnd",
-       "marginInline",
-       "marginInlineStart",
-       "marginInlineEnd",
-       "marginBlock",
-       "marginBlockStart",
-       "marginBlockEnd",
-       "marginVertical",
-       "marginHorizontal",
-       "marginTop",
-       "marginBottom",
-       "marginLeft",
-       "marginRight",
-
-       // variants of padding
-       "paddingStart",
-       "paddingEnd",
-       "paddingInline",
-       "paddingInlineStart",
-       "paddingInlineEnd",
-       "paddingBlock",
-       "paddingBlockStart",
-       "paddingBlockEnd",
-       "paddingVertical",
-       "paddingHorizontal",
-       "paddingTop",
-       "paddingBottom",
-       "paddingLeft",
-       "paddingRight"}};
-
-  auto filteredRawProps = (folly::dynamic)rawProps;
-
-  auto it = filteredRawProps.items().begin();
-  while (it != filteredRawProps.items().end()) {
-    auto key = it->first.asString();
-    if (yogaStylePropNames.find(key) != yogaStylePropNames.end()) {
-      it = filteredRawProps.erase(it);
-    } else {
-      ++it;
-    }
-  }
-
-  return RawProps(std::move(filteredRawProps));
-}
-} // namespace
-
 YogaStylableProps::YogaStylableProps(
     const PropsParserContext& context,
     const YogaStylableProps& sourceProps,
     const RawProps& rawProps)
     : Props() {
-  if (CoreFeatures::excludeYogaFromRawProps) {
-    const auto filteredRawProps = filterYogaProps(rawProps);
-    initialize(context, sourceProps, filteredRawProps);
-
-    yogaStyle = CoreFeatures::enablePropIteratorSetter
-        ? sourceProps.yogaStyle
-        : convertRawProp(context, filteredRawProps, sourceProps.yogaStyle);
-
-    if (!CoreFeatures::enablePropIteratorSetter) {
-      convertRawPropAliases(context, sourceProps, filteredRawProps);
-    }
-  } else {
-    initialize(context, sourceProps, rawProps);
-
-    yogaStyle = CoreFeatures::enablePropIteratorSetter
-        ? sourceProps.yogaStyle
-        : convertRawProp(context, rawProps, sourceProps.yogaStyle);
-
-    if (!CoreFeatures::enablePropIteratorSetter) {
-      convertRawPropAliases(context, sourceProps, rawProps);
-    }
-  }
-};
+  initialize(context, sourceProps, rawProps);
 
-template <typename T>
-static inline T const getFieldValue(
-    const PropsParserContext& context,
-    const RawValue& value,
-    T const defaultValue) {
-  if (value.hasValue()) {
-    T res;
-    fromRawValue(context, value, res);
-    return res;
-  }
-
-  return defaultValue;
-}
+  yogaStyle.setDirection(convertRawProp(
+      context,
+      rawProps,
+      "direction",
+      sourceProps.yogaStyle.direction(),
+      yogaStyle.direction()));
+
+  yogaStyle.setFlexDirection(convertRawProp(
+      context,
+      rawProps,
+      "flexDirection",
+      sourceProps.yogaStyle.flexDirection(),
+      yogaStyle.flexDirection()));
+
+  yogaStyle.setJustifyContent(convertRawProp(
+      context,
+      rawProps,
+      "justifyContent",
+      sourceProps.yogaStyle.justifyContent(),
+      yogaStyle.justifyContent()));
+
+  yogaStyle.setAlignContent(convertRawProp(
+      context,
+      rawProps,
+      "alignContent",
+      sourceProps.yogaStyle.alignContent(),
+      yogaStyle.alignContent()));
+
+  yogaStyle.setAlignItems(convertRawProp(
+      context,
+      rawProps,
+      "alignItems",
+      sourceProps.yogaStyle.alignItems(),
+      yogaStyle.alignItems()));
+
+  yogaStyle.setAlignSelf(convertRawProp(
+      context,
+      rawProps,
+      "alignSelf",
+      sourceProps.yogaStyle.alignSelf(),
+      yogaStyle.alignSelf()));
+
+  yogaStyle.setPositionType(convertRawProp(
+      context,
+      rawProps,
+      "position",
+      sourceProps.yogaStyle.positionType(),
+      yogaStyle.positionType()));
+
+  yogaStyle.setFlexWrap(convertRawProp(
+      context,
+      rawProps,
+      "flexWrap",
+      sourceProps.yogaStyle.flexWrap(),
+      yogaStyle.flexWrap()));
+
+  yogaStyle.setOverflow(convertRawProp(
+      context,
+      rawProps,
+      "overflow",
+      sourceProps.yogaStyle.overflow(),
+      yogaStyle.overflow()));
+
+  yogaStyle.setDisplay(convertRawProp(
+      context,
+      rawProps,
+      "display",
+      sourceProps.yogaStyle.display(),
+      yogaStyle.display()));
+
+  yogaStyle.setFlex(convertRawProp(
+      context,
+      rawProps,
+      "flex",
+      sourceProps.yogaStyle.flex(),
+      yogaStyle.flex()));
+
+  yogaStyle.setFlexGrow(convertRawProp(
+      context,
+      rawProps,
+      "flexGrow",
+      sourceProps.yogaStyle.flexGrow(),
+      yogaStyle.flexGrow()));
+
+  yogaStyle.setFlexShrink(convertRawProp(
+      context,
+      rawProps,
+      "flexShrink",
+      sourceProps.yogaStyle.flexShrink(),
+      yogaStyle.flexShrink()));
+
+  yogaStyle.setFlexBasis(convertRawProp(
+      context,
+      rawProps,
+      "flexBasis",
+      sourceProps.yogaStyle.flexBasis(),
+      yogaStyle.flexBasis()));
+
+  yogaStyle.setMargin(
+      yoga::Edge::Left,
+      convertRawProp(
+          context,
+          rawProps,
+          "marginLeft",
+          sourceProps.yogaStyle.margin(yoga::Edge::Left),
+          yogaStyle.margin(yoga::Edge::Left)));
+
+  yogaStyle.setMargin(
+      yoga::Edge::Top,
+      convertRawProp(
+          context,
+          rawProps,
+          "marginTop",
+          sourceProps.yogaStyle.margin(yoga::Edge::Top),
+          yogaStyle.margin(yoga::Edge::Top)));
+
+  yogaStyle.setMargin(
+      yoga::Edge::Right,
+      convertRawProp(
+          context,
+          rawProps,
+          "marginRight",
+          sourceProps.yogaStyle.margin(yoga::Edge::Right),
+          yogaStyle.margin(yoga::Edge::Right)));
+
+  yogaStyle.setMargin(
+      yoga::Edge::Bottom,
+      convertRawProp(
+          context,
+          rawProps,
+          "marginBottom",
+          sourceProps.yogaStyle.margin(yoga::Edge::Bottom),
+          yogaStyle.margin(yoga::Edge::Bottom)));
+
+  yogaStyle.setMargin(
+      yoga::Edge::Start,
+      convertRawProp(
+          context,
+          rawProps,
+          "marginStart",
+          sourceProps.yogaStyle.margin(yoga::Edge::Start),
+          yogaStyle.margin(yoga::Edge::Start)));
+
+  yogaStyle.setMargin(
+      yoga::Edge::End,
+      convertRawProp(
+          context,
+          rawProps,
+          "marginEnd",
+          sourceProps.yogaStyle.margin(yoga::Edge::End),
+          yogaStyle.margin(yoga::Edge::End)));
+
+  yogaStyle.setMargin(
+      yoga::Edge::Horizontal,
+      convertRawProp(
+          context,
+          rawProps,
+          "marginHorizontal",
+          sourceProps.yogaStyle.margin(yoga::Edge::Horizontal),
+          yogaStyle.margin(yoga::Edge::Horizontal)));
+
+  yogaStyle.setMargin(
+      yoga::Edge::Vertical,
+      convertRawProp(
+          context,
+          rawProps,
+          "marginVertical",
+          sourceProps.yogaStyle.margin(yoga::Edge::Vertical),
+          yogaStyle.margin(yoga::Edge::Vertical)));
+
+  yogaStyle.setMargin(
+      yoga::Edge::All,
+      convertRawProp(
+          context,
+          rawProps,
+          "margin",
+          sourceProps.yogaStyle.margin(yoga::Edge::All),
+          yogaStyle.margin(yoga::Edge::All)));
+
+  yogaStyle.setPosition(
+      yoga::Edge::Left,
+      convertRawProp(
+          context,
+          rawProps,
+          "left",
+          sourceProps.yogaStyle.position(yoga::Edge::Left),
+          yogaStyle.position(yoga::Edge::Left)));
+
+  yogaStyle.setPosition(
+      yoga::Edge::Top,
+      convertRawProp(
+          context,
+          rawProps,
+          "top",
+          sourceProps.yogaStyle.position(yoga::Edge::Top),
+          yogaStyle.position(yoga::Edge::Top)));
+
+  yogaStyle.setPosition(
+      yoga::Edge::Right,
+      convertRawProp(
+          context,
+          rawProps,
+          "right",
+          sourceProps.yogaStyle.position(yoga::Edge::Right),
+          yogaStyle.position(yoga::Edge::Right)));
+
+  yogaStyle.setPosition(
+      yoga::Edge::Bottom,
+      convertRawProp(
+          context,
+          rawProps,
+          "bottom",
+          sourceProps.yogaStyle.position(yoga::Edge::Bottom),
+          yogaStyle.position(yoga::Edge::Bottom)));
+
+  yogaStyle.setPosition(
+      yoga::Edge::Start,
+      convertRawProp(
+          context,
+          rawProps,
+          "start",
+          sourceProps.yogaStyle.position(yoga::Edge::Start),
+          yogaStyle.position(yoga::Edge::Start)));
+
+  yogaStyle.setPosition(
+      yoga::Edge::End,
+      convertRawProp(
+          context,
+          rawProps,
+          "end",
+          sourceProps.yogaStyle.position(yoga::Edge::End),
+          yogaStyle.position(yoga::Edge::End)));
+
+  yogaStyle.setPosition(
+      yoga::Edge::Horizontal,
+      convertRawProp(
+          context,
+          rawProps,
+          "insetInline",
+          sourceProps.yogaStyle.position(yoga::Edge::Horizontal),
+          yogaStyle.position(yoga::Edge::Horizontal)));
+
+  yogaStyle.setPosition(
+      yoga::Edge::Vertical,
+      convertRawProp(
+          context,
+          rawProps,
+          "insetBlock",
+          sourceProps.yogaStyle.position(yoga::Edge::Vertical),
+          yogaStyle.position(yoga::Edge::Vertical)));
+
+  yogaStyle.setPosition(
+      yoga::Edge::All,
+      convertRawProp(
+          context,
+          rawProps,
+          "inset",
+          sourceProps.yogaStyle.position(yoga::Edge::All),
+          yogaStyle.position(yoga::Edge::All)));
+
+  yogaStyle.setPadding(
+      yoga::Edge::Left,
+      convertRawProp(
+          context,
+          rawProps,
+          "paddingLeft",
+          sourceProps.yogaStyle.padding(yoga::Edge::Left),
+          yogaStyle.padding(yoga::Edge::Left)));
+
+  yogaStyle.setPadding(
+      yoga::Edge::Top,
+      convertRawProp(
+          context,
+          rawProps,
+          "paddingTop",
+          sourceProps.yogaStyle.padding(yoga::Edge::Top),
+          yogaStyle.padding(yoga::Edge::Top)));
+
+  yogaStyle.setPadding(
+      yoga::Edge::Right,
+      convertRawProp(
+          context,
+          rawProps,
+          "paddingRight",
+          sourceProps.yogaStyle.padding(yoga::Edge::Right),
+          yogaStyle.padding(yoga::Edge::Right)));
+
+  yogaStyle.setPadding(
+      yoga::Edge::Bottom,
+      convertRawProp(
+          context,
+          rawProps,
+          "paddingBottom",
+          sourceProps.yogaStyle.padding(yoga::Edge::Bottom),
+          yogaStyle.padding(yoga::Edge::Bottom)));
+
+  yogaStyle.setPadding(
+      yoga::Edge::Start,
+      convertRawProp(
+          context,
+          rawProps,
+          "paddingStart",
+          sourceProps.yogaStyle.padding(yoga::Edge::Start),
+          yogaStyle.padding(yoga::Edge::Start)));
+
+  yogaStyle.setPadding(
+      yoga::Edge::End,
+      convertRawProp(
+          context,
+          rawProps,
+          "paddingEnd",
+          sourceProps.yogaStyle.padding(yoga::Edge::End),
+          yogaStyle.padding(yoga::Edge::End)));
+
+  yogaStyle.setPadding(
+      yoga::Edge::Horizontal,
+      convertRawProp(
+          context,
+          rawProps,
+          "paddingHorizontal",
+          sourceProps.yogaStyle.padding(yoga::Edge::Horizontal),
+          yogaStyle.padding(yoga::Edge::Horizontal)));
+
+  yogaStyle.setPadding(
+      yoga::Edge::Vertical,
+      convertRawProp(
+          context,
+          rawProps,
+          "paddingVertical",
+          sourceProps.yogaStyle.padding(yoga::Edge::Vertical),
+          yogaStyle.padding(yoga::Edge::Vertical)));
+
+  yogaStyle.setPadding(
+      yoga::Edge::All,
+      convertRawProp(
+          context,
+          rawProps,
+          "padding",
+          sourceProps.yogaStyle.padding(yoga::Edge::All),
+          yogaStyle.padding(yoga::Edge::All)));
+
+  yogaStyle.setGap(
+      yoga::Gutter::Row,
+      convertRawProp(
+          context,
+          rawProps,
+          "rowGap",
+          sourceProps.yogaStyle.gap(yoga::Gutter::Row),
+          yogaStyle.gap(yoga::Gutter::Row)));
+
+  yogaStyle.setGap(
+      yoga::Gutter::Column,
+      convertRawProp(
+          context,
+          rawProps,
+          "columnGap",
+          sourceProps.yogaStyle.gap(yoga::Gutter::Column),
+          yogaStyle.gap(yoga::Gutter::Column)));
+
+  yogaStyle.setGap(
+      yoga::Gutter::All,
+      convertRawProp(
+          context,
+          rawProps,
+          "gap",
+          sourceProps.yogaStyle.gap(yoga::Gutter::All),
+          yogaStyle.gap(yoga::Gutter::All)));
+
+  yogaStyle.setBorder(
+      yoga::Edge::Left,
+      convertRawProp(
+          context,
+          rawProps,
+          "borderLeftWidth",
+          sourceProps.yogaStyle.border(yoga::Edge::Left),
+          yogaStyle.border(yoga::Edge::Left)));
+
+  yogaStyle.setBorder(
+      yoga::Edge::Top,
+      convertRawProp(
+          context,
+          rawProps,
+          "borderTopWidth",
+          sourceProps.yogaStyle.border(yoga::Edge::Top),
+          yogaStyle.border(yoga::Edge::Top)));
+
+  yogaStyle.setBorder(
+      yoga::Edge::Right,
+      convertRawProp(
+          context,
+          rawProps,
+          "borderRightWidth",
+          sourceProps.yogaStyle.border(yoga::Edge::Right),
+          yogaStyle.border(yoga::Edge::Right)));
+
+  yogaStyle.setBorder(
+      yoga::Edge::Bottom,
+      convertRawProp(
+          context,
+          rawProps,
+          "borderBottomWidth",
+          sourceProps.yogaStyle.border(yoga::Edge::Bottom),
+          yogaStyle.border(yoga::Edge::Bottom)));
+
+  yogaStyle.setBorder(
+      yoga::Edge::Start,
+      convertRawProp(
+          context,
+          rawProps,
+          "borderStartWidth",
+          sourceProps.yogaStyle.border(yoga::Edge::Start),
+          yogaStyle.border(yoga::Edge::Start)));
+
+  yogaStyle.setBorder(
+      yoga::Edge::End,
+      convertRawProp(
+          context,
+          rawProps,
+          "borderEndWidth",
+          sourceProps.yogaStyle.border(yoga::Edge::End),
+          yogaStyle.border(yoga::Edge::End)));
+
+  yogaStyle.setBorder(
+      yoga::Edge::Horizontal,
+      convertRawProp(
+          context,
+          rawProps,
+          "borderHorizontalWidth",
+          sourceProps.yogaStyle.border(yoga::Edge::Horizontal),
+          yogaStyle.border(yoga::Edge::Horizontal)));
+
+  yogaStyle.setBorder(
+      yoga::Edge::Vertical,
+      convertRawProp(
+          context,
+          rawProps,
+          "borderVerticalWidth",
+          sourceProps.yogaStyle.border(yoga::Edge::Vertical),
+          yogaStyle.border(yoga::Edge::Vertical)));
+
+  yogaStyle.setBorder(
+      yoga::Edge::All,
+      convertRawProp(
+          context,
+          rawProps,
+          "borderWidth",
+          sourceProps.yogaStyle.border(yoga::Edge::All),
+          yogaStyle.border(yoga::Edge::All)));
+
+  yogaStyle.setDimension(
+      yoga::Dimension::Width,
+      convertRawProp(
+          context,
+          rawProps,
+          "width",
+          sourceProps.yogaStyle.dimension(yoga::Dimension::Width),
+          {}));
+
+  yogaStyle.setDimension(
+      yoga::Dimension::Height,
+      convertRawProp(
+          context,
+          rawProps,
+          "height",
+          sourceProps.yogaStyle.dimension(yoga::Dimension::Height),
+          {}));
+
+  yogaStyle.setMinDimension(
+      yoga::Dimension::Width,
+      convertRawProp(
+          context,
+          rawProps,
+          "minWidth",
+          sourceProps.yogaStyle.minDimension(yoga::Dimension::Width),
+          {}));
+
+  yogaStyle.setMinDimension(
+      yoga::Dimension::Height,
+      convertRawProp(
+          context,
+          rawProps,
+          "minHeight",
+          sourceProps.yogaStyle.minDimension(yoga::Dimension::Height),
+          {}));
+
+  yogaStyle.setMaxDimension(
+      yoga::Dimension::Width,
+      convertRawProp(
+          context,
+          rawProps,
+          "maxWidth",
+          sourceProps.yogaStyle.maxDimension(yoga::Dimension::Width),
+          {}));
+
+  yogaStyle.setMaxDimension(
+      yoga::Dimension::Height,
+      convertRawProp(
+          context,
+          rawProps,
+          "maxHeight",
+          sourceProps.yogaStyle.maxDimension(yoga::Dimension::Height),
+          {}));
 
-#define REBUILD_FIELD_SWITCH_CASE2(field, fieldName)                       \
-  case CONSTEXPR_RAW_PROPS_KEY_HASH(fieldName): {                          \
-    yogaStyle.field() = getFieldValue(context, value, ygDefaults.field()); \
-    return;                                                                \
-  }
-
-// @lint-ignore CLANGTIDY cppcoreguidelines-macro-usage
-#define REBUILD_FIELD_SWITCH_CASE_YSP(field) \
-  REBUILD_FIELD_SWITCH_CASE2(field, #field)
-
-#define REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(field, index, fieldName) \
-  case CONSTEXPR_RAW_PROPS_KEY_HASH(fieldName): {                     \
-    yogaStyle.field()[index] =                                        \
-        getFieldValue(context, value, ygDefaults.field()[index]);     \
-    return;                                                           \
-  }
-
-#define REBUILD_YG_FIELD_SWITCH_CASE_INDEXED_SETTER(                    \
-    field, setter, index, fieldName)                                    \
-  case CONSTEXPR_RAW_PROPS_KEY_HASH(fieldName): {                       \
-    yogaStyle.setter(                                                   \
-        index, getFieldValue(context, value, ygDefaults.field(index))); \
-    return;                                                             \
-  }
-
-#define REBUILD_FIELD_YG_DIMENSION(field, setter, widthStr, heightStr) \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED_SETTER(                         \
-      field, setter, yoga::Dimension::Width, widthStr);                \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED_SETTER(                         \
-      field, setter, yoga::Dimension::Height, heightStr);
-
-#define REBUILD_FIELD_YG_GUTTER(                          \
-    field, setter, rowGapStr, columnGapStr, gapStr)       \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED_SETTER(            \
-      field, setter, yoga::Gutter::Row, rowGapStr);       \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED_SETTER(            \
-      field, setter, yoga::Gutter::Column, columnGapStr); \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED_SETTER(            \
-      field, setter, yoga::Gutter::All, gapStr);
-
-#define REBUILD_FIELD_YG_EDGES(field, prefix, suffix)                          \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(                                        \
-      field, YGEdgeLeft, prefix "Left" suffix);                                \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(field, YGEdgeTop, prefix "Top" suffix); \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(                                        \
-      field, YGEdgeRight, prefix "Right" suffix);                              \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(                                        \
-      field, YGEdgeBottom, prefix "Bottom" suffix);                            \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(                                        \
-      field, YGEdgeStart, prefix "Start" suffix);                              \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(field, YGEdgeEnd, prefix "End" suffix); \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(                                        \
-      field, YGEdgeHorizontal, prefix "Horizontal" suffix);                    \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(                                        \
-      field, YGEdgeVertical, prefix "Vertical" suffix);                        \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(field, YGEdgeAll, prefix "" suffix);
-
-#define REBUILD_FIELD_YG_EDGES_POSITION()                                 \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(position, YGEdgeLeft, "left");     \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(position, YGEdgeTop, "top");       \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(position, YGEdgeRight, "right");   \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(position, YGEdgeBottom, "bottom"); \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(position, YGEdgeStart, "start");   \
-  REBUILD_YG_FIELD_SWITCH_CASE_INDEXED(position, YGEdgeEnd, "end");
+  yogaStyle.setAspectRatio(convertRawProp(
+      context,
+      rawProps,
+      "aspectRatio",
+      sourceProps.yogaStyle.aspectRatio(),
+      yogaStyle.aspectRatio()));
+
+  convertRawPropAliases(context, sourceProps, rawProps);
+};
 
 void YogaStylableProps::setProp(
     const PropsParserContext& context,
     RawPropsPropNameHash hash,
     const char* propName,
     const RawValue& value) {
-  static const auto ygDefaults = yoga::Style{};
-  static const auto defaults = YogaStylableProps{};
-
   Props::setProp(context, hash, propName, value);
-
-  switch (hash) {
-    REBUILD_FIELD_SWITCH_CASE_YSP(direction);
-    REBUILD_FIELD_SWITCH_CASE_YSP(flexDirection);
-    REBUILD_FIELD_SWITCH_CASE_YSP(justifyContent);
-    REBUILD_FIELD_SWITCH_CASE_YSP(alignContent);
-    REBUILD_FIELD_SWITCH_CASE_YSP(alignItems);
-    REBUILD_FIELD_SWITCH_CASE_YSP(alignSelf);
-    REBUILD_FIELD_SWITCH_CASE_YSP(flexWrap);
-    REBUILD_FIELD_SWITCH_CASE_YSP(overflow);
-    REBUILD_FIELD_SWITCH_CASE_YSP(display);
-    REBUILD_FIELD_SWITCH_CASE_YSP(flex);
-    REBUILD_FIELD_SWITCH_CASE_YSP(flexGrow);
-    REBUILD_FIELD_SWITCH_CASE_YSP(flexShrink);
-    REBUILD_FIELD_SWITCH_CASE_YSP(flexBasis);
-    REBUILD_FIELD_SWITCH_CASE2(positionType, "position");
-    REBUILD_FIELD_YG_GUTTER(gap, setGap, "rowGap", "columnGap", "gap");
-    REBUILD_FIELD_SWITCH_CASE_YSP(aspectRatio);
-    REBUILD_FIELD_YG_DIMENSION(dimension, setDimension, "width", "height");
-    REBUILD_FIELD_YG_DIMENSION(
-        minDimension, setMinDimension, "minWidth", "minHeight");
-    REBUILD_FIELD_YG_DIMENSION(
-        maxDimension, setMaxDimension, "maxWidth", "maxHeight");
-    REBUILD_FIELD_YG_EDGES_POSITION();
-    REBUILD_FIELD_YG_EDGES(margin, "margin", "");
-    REBUILD_FIELD_YG_EDGES(padding, "padding", "");
-    REBUILD_FIELD_YG_EDGES(border, "border", "Width");
-
-    // Aliases
-    RAW_SET_PROP_SWITCH_CASE(inset, "inset");
-    RAW_SET_PROP_SWITCH_CASE(insetBlock, "insetBlock");
-    RAW_SET_PROP_SWITCH_CASE(insetBlockEnd, "insetBlockEnd");
-    RAW_SET_PROP_SWITCH_CASE(insetBlockStart, "insetBlockStart");
-    RAW_SET_PROP_SWITCH_CASE(insetInline, "insetInline");
-    RAW_SET_PROP_SWITCH_CASE(insetInlineEnd, "insetInlineEnd");
-    RAW_SET_PROP_SWITCH_CASE(insetInlineStart, "insetInlineStart");
-    RAW_SET_PROP_SWITCH_CASE(marginInline, "marginInline");
-    RAW_SET_PROP_SWITCH_CASE(marginInlineStart, "marginInlineStart");
-    RAW_SET_PROP_SWITCH_CASE(marginInlineEnd, "marginInlineEnd");
-    RAW_SET_PROP_SWITCH_CASE(marginBlock, "marginBlock");
-    RAW_SET_PROP_SWITCH_CASE(marginBlockStart, "marginBlockStart");
-    RAW_SET_PROP_SWITCH_CASE(marginBlockEnd, "marginBlockEnd");
-    RAW_SET_PROP_SWITCH_CASE(paddingInline, "paddingInline");
-    RAW_SET_PROP_SWITCH_CASE(paddingInlineStart, "paddingInlineStart");
-    RAW_SET_PROP_SWITCH_CASE(paddingInlineEnd, "paddingInlineEnd");
-    RAW_SET_PROP_SWITCH_CASE(paddingBlock, "paddingBlock");
-    RAW_SET_PROP_SWITCH_CASE(paddingBlockStart, "paddingBlockStart");
-    RAW_SET_PROP_SWITCH_CASE(paddingBlockEnd, "paddingBlockEnd");
-  }
 }
 
 #pragma mark - DebugStringConvertible
@@ -344,13 +599,149 @@ SharedDebugStringConvertibleList YogaStylableProps::getDebugProps() const {
       debugStringConvertibleItem(
           "flexBasis", yogaStyle.flexBasis(), defaultYogaStyle.flexBasis()),
       debugStringConvertibleItem(
-          "margin", yogaStyle.margin(), defaultYogaStyle.margin()),
+          "marginLeft",
+          yogaStyle.margin(yoga::Edge::Left),
+          defaultYogaStyle.margin(yoga::Edge::Left)),
+      debugStringConvertibleItem(
+          "marginTop",
+          yogaStyle.margin(yoga::Edge::Top),
+          defaultYogaStyle.margin(yoga::Edge::Top)),
+      debugStringConvertibleItem(
+          "marginRight",
+          yogaStyle.margin(yoga::Edge::Right),
+          defaultYogaStyle.margin(yoga::Edge::Right)),
+      debugStringConvertibleItem(
+          "marginBottom",
+          yogaStyle.margin(yoga::Edge::Bottom),
+          defaultYogaStyle.margin(yoga::Edge::Bottom)),
+      debugStringConvertibleItem(
+          "marginStart",
+          yogaStyle.margin(yoga::Edge::Start),
+          defaultYogaStyle.margin(yoga::Edge::Start)),
+      debugStringConvertibleItem(
+          "marginEnd",
+          yogaStyle.margin(yoga::Edge::End),
+          defaultYogaStyle.margin(yoga::Edge::End)),
+      debugStringConvertibleItem(
+          "marginHorizontal",
+          yogaStyle.margin(yoga::Edge::Horizontal),
+          defaultYogaStyle.margin(yoga::Edge::Horizontal)),
+      debugStringConvertibleItem(
+          "marginVertical",
+          yogaStyle.margin(yoga::Edge::Vertical),
+          defaultYogaStyle.margin(yoga::Edge::Vertical)),
+      debugStringConvertibleItem(
+          "margin",
+          yogaStyle.margin(yoga::Edge::All),
+          defaultYogaStyle.margin(yoga::Edge::All)),
+      debugStringConvertibleItem(
+          "left",
+          yogaStyle.position(yoga::Edge::Left),
+          defaultYogaStyle.position(yoga::Edge::Left)),
+      debugStringConvertibleItem(
+          "top",
+          yogaStyle.position(yoga::Edge::Top),
+          defaultYogaStyle.position(yoga::Edge::Top)),
+      debugStringConvertibleItem(
+          "right",
+          yogaStyle.position(yoga::Edge::Right),
+          defaultYogaStyle.position(yoga::Edge::Right)),
+      debugStringConvertibleItem(
+          "bottom",
+          yogaStyle.position(yoga::Edge::Bottom),
+          defaultYogaStyle.position(yoga::Edge::Bottom)),
+      debugStringConvertibleItem(
+          "start",
+          yogaStyle.position(yoga::Edge::Start),
+          defaultYogaStyle.position(yoga::Edge::Start)),
       debugStringConvertibleItem(
-          "position", yogaStyle.position(), defaultYogaStyle.position()),
+          "end",
+          yogaStyle.position(yoga::Edge::End),
+          defaultYogaStyle.position(yoga::Edge::End)),
       debugStringConvertibleItem(
-          "padding", yogaStyle.padding(), defaultYogaStyle.padding()),
+          "inseInline",
+          yogaStyle.position(yoga::Edge::Horizontal),
+          defaultYogaStyle.position(yoga::Edge::Horizontal)),
       debugStringConvertibleItem(
-          "border", yogaStyle.border(), defaultYogaStyle.border()),
+          "insetBlock",
+          yogaStyle.position(yoga::Edge::Vertical),
+          defaultYogaStyle.position(yoga::Edge::Vertical)),
+      debugStringConvertibleItem(
+          "inset",
+          yogaStyle.position(yoga::Edge::All),
+          defaultYogaStyle.position(yoga::Edge::All)),
+      debugStringConvertibleItem(
+          "paddingLeft",
+          yogaStyle.padding(yoga::Edge::Left),
+          defaultYogaStyle.padding(yoga::Edge::Left)),
+      debugStringConvertibleItem(
+          "paddingTop",
+          yogaStyle.padding(yoga::Edge::Top),
+          defaultYogaStyle.padding(yoga::Edge::Top)),
+      debugStringConvertibleItem(
+          "paddingRight",
+          yogaStyle.padding(yoga::Edge::Right),
+          defaultYogaStyle.padding(yoga::Edge::Right)),
+      debugStringConvertibleItem(
+          "paddingBottom",
+          yogaStyle.padding(yoga::Edge::Bottom),
+          defaultYogaStyle.padding(yoga::Edge::Bottom)),
+      debugStringConvertibleItem(
+          "paddingStart",
+          yogaStyle.padding(yoga::Edge::Start),
+          defaultYogaStyle.padding(yoga::Edge::Start)),
+      debugStringConvertibleItem(
+          "paddingEnd",
+          yogaStyle.padding(yoga::Edge::End),
+          defaultYogaStyle.padding(yoga::Edge::End)),
+      debugStringConvertibleItem(
+          "paddingHorizontal",
+          yogaStyle.padding(yoga::Edge::Horizontal),
+          defaultYogaStyle.padding(yoga::Edge::Horizontal)),
+      debugStringConvertibleItem(
+          "paddingVertical",
+          yogaStyle.padding(yoga::Edge::Vertical),
+          defaultYogaStyle.padding(yoga::Edge::Vertical)),
+      debugStringConvertibleItem(
+          "padding",
+          yogaStyle.padding(yoga::Edge::All),
+          defaultYogaStyle.padding(yoga::Edge::All)),
+      debugStringConvertibleItem(
+          "borderLeftWidth",
+          yogaStyle.border(yoga::Edge::Left),
+          defaultYogaStyle.border(yoga::Edge::Left)),
+      debugStringConvertibleItem(
+          "borderTopWidth",
+          yogaStyle.border(yoga::Edge::Top),
+          defaultYogaStyle.border(yoga::Edge::Top)),
+      debugStringConvertibleItem(
+          "borderRightWidth",
+          yogaStyle.border(yoga::Edge::Right),
+          defaultYogaStyle.border(yoga::Edge::Right)),
+      debugStringConvertibleItem(
+          "borderBottomWidth",
+          yogaStyle.border(yoga::Edge::Bottom),
+          defaultYogaStyle.border(yoga::Edge::Bottom)),
+      debugStringConvertibleItem(
+          "borderStartWidth",
+          yogaStyle.border(yoga::Edge::Start),
+          defaultYogaStyle.border(yoga::Edge::Start)),
+      debugStringConvertibleItem(
+          "borderEndWidth",
+          yogaStyle.border(yoga::Edge::End),
+          defaultYogaStyle.border(yoga::Edge::End)),
+      debugStringConvertibleItem(
+          "borderHorizontalWidth",
+          yogaStyle.border(yoga::Edge::Horizontal),
+          defaultYogaStyle.border(yoga::Edge::Horizontal)),
+      debugStringConvertibleItem(
+          "borderVerticalWidth",
+          yogaStyle.border(yoga::Edge::Vertical),
+          defaultYogaStyle.border(yoga::Edge::Vertical)),
+      debugStringConvertibleItem(
+          "bordeWidth",
+          yogaStyle.border(yoga::Edge::All),
+          defaultYogaStyle.border(yoga::Edge::All)),
       debugStringConvertibleItem(
           "width",
           yogaStyle.dimension(yoga::Dimension::Width),
@@ -387,121 +778,103 @@ void YogaStylableProps::convertRawPropAliases(
     const PropsParserContext& context,
     const YogaStylableProps& sourceProps,
     const RawProps& rawProps) {
-  inset = convertRawProp(
-      context,
-      rawProps,
-      "inset",
-      sourceProps.inset,
-      CompactValue::ofUndefined());
-  insetBlock = convertRawProp(
-      context,
-      rawProps,
-      "insetBlock",
-      sourceProps.insetBlock,
-      CompactValue::ofUndefined());
   insetBlockEnd = convertRawProp(
       context,
       rawProps,
       "insetBlockEnd",
       sourceProps.insetBlockEnd,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   insetBlockStart = convertRawProp(
       context,
       rawProps,
       "insetBlockStart",
       sourceProps.insetBlockStart,
-      CompactValue::ofUndefined());
-  insetInline = convertRawProp(
-      context,
-      rawProps,
-      "insetInline",
-      sourceProps.insetInline,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   insetInlineEnd = convertRawProp(
       context,
       rawProps,
       "insetInlineEnd",
       sourceProps.insetInlineEnd,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   insetInlineStart = convertRawProp(
       context,
       rawProps,
       "insetInlineStart",
       sourceProps.insetInlineStart,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   marginInline = convertRawProp(
       context,
       rawProps,
       "marginInline",
       sourceProps.marginInline,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   marginInlineStart = convertRawProp(
       context,
       rawProps,
       "marginInlineStart",
       sourceProps.marginInlineStart,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   marginInlineEnd = convertRawProp(
       context,
       rawProps,
       "marginInlineEnd",
       sourceProps.marginInlineEnd,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   marginBlock = convertRawProp(
       context,
       rawProps,
       "marginBlock",
       sourceProps.marginBlock,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   marginBlockStart = convertRawProp(
       context,
       rawProps,
       "marginBlockStart",
       sourceProps.marginBlockStart,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   marginBlockEnd = convertRawProp(
       context,
       rawProps,
       "marginBlockEnd",
       sourceProps.marginBlockEnd,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
 
   paddingInline = convertRawProp(
       context,
       rawProps,
       "paddingInline",
       sourceProps.paddingInline,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   paddingInlineStart = convertRawProp(
       context,
       rawProps,
       "paddingInlineStart",
       sourceProps.paddingInlineStart,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   paddingInlineEnd = convertRawProp(
       context,
       rawProps,
       "paddingInlineEnd",
       sourceProps.paddingInlineEnd,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   paddingBlock = convertRawProp(
       context,
       rawProps,
       "paddingBlock",
       sourceProps.paddingBlock,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   paddingBlockStart = convertRawProp(
       context,
       rawProps,
       "paddingBlockStart",
       sourceProps.paddingBlockStart,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
   paddingBlockEnd = convertRawProp(
       context,
       rawProps,
       "paddingBlockEnd",
       sourceProps.paddingBlockEnd,
-      CompactValue::ofUndefined());
+      yoga::value::undefined());
 }
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/YogaStylableProps.h b/packages/react-native/ReactCommon/react/renderer/components/view/YogaStylableProps.h
index 6b529f7a7180fd..ef120f4f432635 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/YogaStylableProps.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/YogaStylableProps.h
@@ -16,8 +16,6 @@
 namespace facebook::react {
 
 class YogaStylableProps : public Props {
-  using CompactValue = facebook::yoga::CompactValue;
-
  public:
   YogaStylableProps() = default;
   YogaStylableProps(
@@ -31,43 +29,35 @@ class YogaStylableProps : public Props {
       const char* propName,
       const RawValue& value);
 
-#ifdef ANDROID
-  void propsDiffMapBuffer(const Props* oldProps, MapBufferBuilder& builder)
-      const override;
-#endif
-
 #pragma mark - Props
   yoga::Style yogaStyle{};
 
   // Duplicates of existing properties with different names, taking
   // precedence. E.g. "marginBlock" instead of "marginVertical"
-  CompactValue inset;
-  CompactValue insetInline;
-  CompactValue insetInlineEnd;
-  CompactValue insetInlineStart;
+  yoga::Style::Length insetInlineStart;
+  yoga::Style::Length insetInlineEnd;
 
-  CompactValue marginInline;
-  CompactValue marginInlineStart;
-  CompactValue marginInlineEnd;
-  CompactValue marginBlock;
+  yoga::Style::Length marginInline;
+  yoga::Style::Length marginInlineStart;
+  yoga::Style::Length marginInlineEnd;
+  yoga::Style::Length marginBlock;
 
-  CompactValue paddingInline;
-  CompactValue paddingInlineStart;
-  CompactValue paddingInlineEnd;
-  CompactValue paddingBlock;
+  yoga::Style::Length paddingInline;
+  yoga::Style::Length paddingInlineStart;
+  yoga::Style::Length paddingInlineEnd;
+  yoga::Style::Length paddingBlock;
 
   // BlockEnd/BlockStart map to top/bottom (no writing mode), but we preserve
   // Yoga's precedence and prefer specific edges (e.g. top) to ones which are
   // flow relative (e.g. blockStart).
-  CompactValue insetBlock;
-  CompactValue insetBlockEnd;
-  CompactValue insetBlockStart;
+  yoga::Style::Length insetBlockStart;
+  yoga::Style::Length insetBlockEnd;
 
-  CompactValue marginBlockStart;
-  CompactValue marginBlockEnd;
+  yoga::Style::Length marginBlockStart;
+  yoga::Style::Length marginBlockEnd;
 
-  CompactValue paddingBlockStart;
-  CompactValue paddingBlockEnd;
+  yoga::Style::Length paddingBlockStart;
+  yoga::Style::Length paddingBlockEnd;
 
 #if RN_DEBUG_STRING_CONVERTIBLE
 
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/conversions.h b/packages/react-native/ReactCommon/react/renderer/components/view/conversions.h
index bb8a03002d4a57..2b68090a95427d 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/conversions.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/conversions.h
@@ -82,22 +82,35 @@ inline yoga::FloatOptional yogaOptionalFloatFromFloat(Float value) {
 }
 
 inline std::optional<Float> optionalFloatFromYogaValue(
-    const YGValue value,
+    const yoga::Style::Length& length,
     std::optional<Float> base = {}) {
-  switch (value.unit) {
-    case YGUnitUndefined:
+  switch (length.unit()) {
+    case yoga::Unit::Undefined:
       return {};
-    case YGUnitPoint:
-      return floatFromYogaFloat(value.value);
-    case YGUnitPercent:
+    case yoga::Unit::Point:
+      return floatFromYogaOptionalFloat(length.value());
+    case yoga::Unit::Percent:
       return base.has_value()
-          ? std::optional<Float>(base.value() * floatFromYogaFloat(value.value))
+          ? std::optional<Float>(
+                base.value() * floatFromYogaOptionalFloat(length.value()))
           : std::optional<Float>();
-    case YGUnitAuto:
+    case yoga::Unit::Auto:
       return {};
   }
 }
 
+static inline PositionType positionTypeFromYogaPositionType(
+    yoga::PositionType positionType) {
+  switch (positionType) {
+    case yoga::PositionType::Static:
+      return PositionType::Static;
+    case yoga::PositionType::Relative:
+      return PositionType::Relative;
+    case yoga::PositionType::Absolute:
+      return PositionType::Absolute;
+  }
+}
+
 inline LayoutMetrics layoutMetricsFromYogaNode(yoga::Node& yogaNode) {
   auto layoutMetrics = LayoutMetrics{};
 
@@ -125,9 +138,12 @@ inline LayoutMetrics layoutMetricsFromYogaNode(yoga::Node& yogaNode) {
       layoutMetrics.borderWidth.bottom +
           floatFromYogaFloat(YGNodeLayoutGetPadding(&yogaNode, YGEdgeBottom))};
 
-  layoutMetrics.displayType =
-      yogaNode.getStyle().display() == yoga::Display::None ? DisplayType::None
-                                                           : DisplayType::Flex;
+  layoutMetrics.displayType = yogaNode.style().display() == yoga::Display::None
+      ? DisplayType::None
+      : DisplayType::Flex;
+
+  layoutMetrics.positionType =
+      positionTypeFromYogaPositionType(yogaNode.style().positionType());
 
   layoutMetrics.layoutDirection =
       YGNodeLayoutGetDirection(&yogaNode) == YGDirectionRTL
@@ -284,6 +300,10 @@ inline void fromRawValue(
     result = yoga::Align::SpaceAround;
     return;
   }
+  if (stringValue == "space-evenly") {
+    result = yoga::Align::SpaceEvenly;
+    return;
+  }
   LOG(ERROR) << "Could not parse yoga::Align:" << stringValue;
   react_native_expect(false);
 }
@@ -391,43 +411,42 @@ inline void fromRawValue(
 inline void fromRawValue(
     const PropsParserContext& context,
     const RawValue& value,
-    yoga::Style::ValueRepr& result) {
+    yoga::Style::Length& result) {
   if (value.hasType<Float>()) {
-    result = yoga::CompactValue::ofMaybe<YGUnitPoint>((float)value);
+    result = yoga::value::points((float)value);
     return;
   } else if (value.hasType<std::string>()) {
     const auto stringValue = (std::string)value;
     if (stringValue == "auto") {
-      result = context.treatAutoAsYGValueUndefined() ? YGValueUndefined
-                                                     : YGValueAuto;
+      result = yoga::value::ofAuto();
       return;
     } else {
       if (stringValue.back() == '%') {
         auto tryValue = folly::tryTo<float>(
             std::string_view(stringValue).substr(0, stringValue.length() - 1));
         if (tryValue.hasValue()) {
-          result = YGValue{tryValue.value(), YGUnitPercent};
+          result = yoga::value::percent(tryValue.value());
           return;
         }
       } else {
         auto tryValue = folly::tryTo<float>(stringValue);
         if (tryValue.hasValue()) {
-          result = YGValue{tryValue.value(), YGUnitPoint};
+          result = yoga::value::points(tryValue.value());
           return;
         }
       }
     }
   }
-  result = YGValueUndefined;
+  result = yoga::value::undefined();
 }
 
 inline void fromRawValue(
     const PropsParserContext& context,
     const RawValue& value,
     YGValue& result) {
-  yoga::Style::ValueRepr ygValue{};
-  fromRawValue(context, value, ygValue);
-  result = ygValue;
+  yoga::Style::Length length{};
+  fromRawValue(context, value, length);
+  result = (YGValue)length;
 }
 
 inline void fromRawValue(
@@ -819,118 +838,46 @@ inline std::string toString(const std::array<float, N> vec) {
 }
 
 inline std::string toString(const yoga::Direction& value) {
-  switch (value) {
-    case yoga::Direction::Inherit:
-      return "inherit";
-    case yoga::Direction::LTR:
-      return "ltr";
-    case yoga::Direction::RTL:
-      return "rtl";
-  }
+  return YGDirectionToString(yoga::unscopedEnum(value));
 }
 
 inline std::string toString(const yoga::FlexDirection& value) {
-  switch (value) {
-    case yoga::FlexDirection::Column:
-      return "column";
-    case yoga::FlexDirection::ColumnReverse:
-      return "column-reverse";
-    case yoga::FlexDirection::Row:
-      return "row";
-    case yoga::FlexDirection::RowReverse:
-      return "row-reverse";
-  }
+  return YGFlexDirectionToString(yoga::unscopedEnum(value));
 }
 
 inline std::string toString(const yoga::Justify& value) {
-  switch (value) {
-    case yoga::Justify::FlexStart:
-      return "flex-start";
-    case yoga::Justify::Center:
-      return "center";
-    case yoga::Justify::FlexEnd:
-      return "flex-end";
-    case yoga::Justify::SpaceBetween:
-      return "space-between";
-    case yoga::Justify::SpaceAround:
-      return "space-around";
-    case yoga::Justify::SpaceEvenly:
-      return "space-evenly";
-  }
+  return YGJustifyToString(yoga::unscopedEnum(value));
 }
 
 inline std::string toString(const yoga::Align& value) {
-  switch (value) {
-    case yoga::Align::Auto:
-      return "auto";
-    case yoga::Align::FlexStart:
-      return "flex-start";
-    case yoga::Align::Center:
-      return "center";
-    case yoga::Align::FlexEnd:
-      return "flex-end";
-    case yoga::Align::Stretch:
-      return "stretch";
-    case yoga::Align::Baseline:
-      return "baseline";
-    case yoga::Align::SpaceBetween:
-      return "space-between";
-    case yoga::Align::SpaceAround:
-      return "space-around";
-  }
+  return YGAlignToString(yoga::unscopedEnum(value));
 }
 
 inline std::string toString(const yoga::PositionType& value) {
-  switch (value) {
-    case yoga::PositionType::Static:
-      return "static";
-    case yoga::PositionType::Relative:
-      return "relative";
-    case yoga::PositionType::Absolute:
-      return "absolute";
-  }
+  return YGPositionTypeToString(yoga::unscopedEnum(value));
 }
 
 inline std::string toString(const yoga::Wrap& value) {
-  switch (value) {
-    case yoga::Wrap::NoWrap:
-      return "no-wrap";
-    case yoga::Wrap::Wrap:
-      return "wrap";
-    case yoga::Wrap::WrapReverse:
-      return "wrap-reverse";
-  }
+  return YGWrapToString(yoga::unscopedEnum(value));
 }
 
 inline std::string toString(const yoga::Overflow& value) {
-  switch (value) {
-    case yoga::Overflow::Visible:
-      return "visible";
-    case yoga::Overflow::Scroll:
-      return "scroll";
-    case yoga::Overflow::Hidden:
-      return "hidden";
-  }
+  return YGOverflowToString(yoga::unscopedEnum(value));
 }
 
 inline std::string toString(const yoga::Display& value) {
-  switch (value) {
-    case yoga::Display::Flex:
-      return "flex";
-    case yoga::Display::None:
-      return "none";
-  }
+  return YGDisplayToString(yoga::unscopedEnum(value));
 }
 
-inline std::string toString(const YGValue& value) {
-  switch (value.unit) {
-    case YGUnitUndefined:
+inline std::string toString(const yoga::Style::Length& length) {
+  switch (length.unit()) {
+    case yoga::Unit::Undefined:
       return "undefined";
-    case YGUnitPoint:
-      return folly::to<std::string>(value.value);
-    case YGUnitPercent:
-      return folly::to<std::string>(value.value) + "%";
-    case YGUnitAuto:
+    case yoga::Unit::Point:
+      return std::to_string(length.value().unwrap());
+    case yoga::Unit::Percent:
+      return std::to_string(length.value().unwrap()) + "%";
+    case yoga::Unit::Auto:
       return "auto";
   }
 }
@@ -940,41 +887,7 @@ inline std::string toString(const yoga::FloatOptional& value) {
     return "undefined";
   }
 
-  return folly::to<std::string>(floatFromYogaFloat(value.unwrap()));
-}
-
-inline std::string toString(const yoga::Style::Dimensions& value) {
-  return "{" + toString(value[0]) + ", " + toString(value[1]) + "}";
-}
-
-inline std::string toString(const yoga::Style::Edges& value) {
-  static std::array<std::string, 9> names = {
-      {"left",
-       "top",
-       "right",
-       "bottom",
-       "start",
-       "end",
-       "horizontal",
-       "vertical",
-       "all"}};
-
-  auto result = std::string{};
-  auto separator = std::string{", "};
-
-  for (size_t i = 0; i < names.size(); i++) {
-    YGValue v = value[i];
-    if (v.unit == YGUnitUndefined) {
-      continue;
-    }
-    result += names[i] + ": " + toString(v) + separator;
-  }
-
-  if (!result.empty()) {
-    result.erase(result.length() - separator.length());
-  }
-
-  return "{" + result + "}";
+  return std::to_string(value.unwrap());
 }
 
 inline std::string toString(const LayoutConformance& value) {
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/AccessibilityPropsMapBuffer.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/AccessibilityPropsMapBuffer.cpp
deleted file mode 100644
index de17d8df66d235..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/AccessibilityPropsMapBuffer.cpp
+++ /dev/null
@@ -1,165 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "AccessibilityPropsMapBuffer.h"
-#include <react/renderer/components/view/AccessibilityProps.h>
-
-namespace facebook::react {
-
-static MapBuffer convertAccessibilityActions(
-    const std::vector<AccessibilityAction>& actions) {
-  MapBufferBuilder builder(actions.size());
-  for (auto i = 0; i < actions.size(); i++) {
-    const auto& action = actions[i];
-    MapBufferBuilder actionsBuilder(2);
-    actionsBuilder.putString(ACCESSIBILITY_ACTION_NAME, action.name);
-    if (action.label.has_value()) {
-      actionsBuilder.putString(
-          ACCESSIBILITY_ACTION_LABEL, action.label.value());
-    }
-    builder.putMapBuffer(i, actionsBuilder.build());
-  }
-  return builder.build();
-}
-
-static MapBuffer convertAccessibilityLabelledBy(
-    const AccessibilityLabelledBy& labelledBy) {
-  MapBufferBuilder builder(labelledBy.value.size());
-  for (auto i = 0; i < labelledBy.value.size(); i++) {
-    builder.putString(i, labelledBy.value[i]);
-  }
-  return builder.build();
-}
-
-// AccessibilityState values
-constexpr MapBuffer::Key ACCESSIBILITY_STATE_BUSY = 0;
-constexpr MapBuffer::Key ACCESSIBILITY_STATE_DISABLED = 1;
-constexpr MapBuffer::Key ACCESSIBILITY_STATE_EXPANDED = 2;
-constexpr MapBuffer::Key ACCESSIBILITY_STATE_SELECTED = 3;
-constexpr MapBuffer::Key ACCESSIBILITY_STATE_CHECKED = 4;
-
-MapBuffer convertAccessibilityState(const AccessibilityState& state) {
-  MapBufferBuilder builder(5);
-  builder.putBool(ACCESSIBILITY_STATE_BUSY, state.busy);
-  builder.putBool(ACCESSIBILITY_STATE_DISABLED, state.disabled);
-  builder.putBool(ACCESSIBILITY_STATE_EXPANDED, state.expanded);
-  builder.putBool(ACCESSIBILITY_STATE_SELECTED, state.selected);
-  int checked;
-  switch (state.checked) {
-    case AccessibilityState::Unchecked:
-      checked = 0;
-      break;
-    case AccessibilityState::Checked:
-      checked = 1;
-      break;
-    case AccessibilityState::Mixed:
-      checked = 2;
-      break;
-    case AccessibilityState::None:
-      checked = 3;
-      break;
-  }
-  builder.putInt(ACCESSIBILITY_STATE_CHECKED, checked);
-  return builder.build();
-}
-
-// TODO: Currently unsupported: nextFocusForward/Left/Up/Right/Down
-void AccessibilityProps::propsDiffMapBuffer(
-    const Props* oldPropsPtr,
-    MapBufferBuilder& builder) const {
-  // Call with default props if necessary
-  if (oldPropsPtr == nullptr) {
-    AccessibilityProps defaultProps{};
-    propsDiffMapBuffer(reinterpret_cast<Props*>(&defaultProps), builder);
-    return;
-  }
-
-  const AccessibilityProps& oldProps =
-      *(reinterpret_cast<const AccessibilityProps*>(oldPropsPtr));
-  const AccessibilityProps& newProps = *this;
-
-  if (oldProps.accessibilityActions != newProps.accessibilityActions) {
-    builder.putMapBuffer(
-        AP_ACCESSIBILITY_ACTIONS,
-        convertAccessibilityActions(newProps.accessibilityActions));
-  }
-
-  if (oldProps.accessibilityHint != newProps.accessibilityHint) {
-    builder.putString(AP_ACCESSIBILITY_HINT, newProps.accessibilityHint);
-  }
-
-  if (oldProps.accessibilityLabel != newProps.accessibilityLabel) {
-    builder.putString(AP_ACCESSIBILITY_LABEL, newProps.accessibilityLabel);
-  }
-
-  if (oldProps.accessibilityLabelledBy != newProps.accessibilityLabelledBy) {
-    builder.putMapBuffer(
-        AP_ACCESSIBILITY_LABELLED_BY,
-        convertAccessibilityLabelledBy(newProps.accessibilityLabelledBy));
-  }
-
-  if (oldProps.accessibilityLiveRegion != newProps.accessibilityLiveRegion) {
-    int value;
-    switch (newProps.accessibilityLiveRegion) {
-      case AccessibilityLiveRegion::None:
-        value = 0;
-        break;
-      case AccessibilityLiveRegion::Polite:
-        value = 1;
-        break;
-      case AccessibilityLiveRegion::Assertive:
-        value = 2;
-        break;
-    }
-    builder.putInt(AP_ACCESSIBILITY_LIVE_REGION, value);
-  }
-
-  if (oldProps.accessibilityRole != newProps.accessibilityRole) {
-    builder.putString(AP_ACCESSIBILITY_ROLE, newProps.accessibilityRole);
-  }
-
-  if (oldProps.accessibilityState != newProps.accessibilityState) {
-    builder.putMapBuffer(
-        AP_ACCESSIBILITY_STATE,
-        convertAccessibilityState(newProps.accessibilityState));
-  }
-
-  if (oldProps.accessibilityValue != newProps.accessibilityValue) {
-    builder.putString(
-        AP_ACCESSIBILITY_VALUE, newProps.accessibilityValue.text.value_or(""));
-  }
-
-  if (oldProps.accessible != newProps.accessible) {
-    builder.putBool(AP_ACCESSIBLE, newProps.accessible);
-  }
-
-  if (oldProps.importantForAccessibility !=
-      newProps.importantForAccessibility) {
-    int value;
-    switch (newProps.importantForAccessibility) {
-      case ImportantForAccessibility::Auto:
-        value = 0;
-        break;
-      case ImportantForAccessibility::Yes:
-        value = 1;
-        break;
-      case ImportantForAccessibility::No:
-        value = 2;
-        break;
-      case ImportantForAccessibility::NoHideDescendants:
-        value = 3;
-        break;
-    }
-    builder.putInt(AP_IMPORTANT_FOR_ACCESSIBILITY, value);
-  }
-
-  if (oldProps.role != newProps.role) {
-    builder.putInt(AP_ROLE, static_cast<int32_t>(newProps.role));
-  }
-}
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/AccessibilityPropsMapBuffer.h b/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/AccessibilityPropsMapBuffer.h
deleted file mode 100644
index 46631bd4aed0f3..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/AccessibilityPropsMapBuffer.h
+++ /dev/null
@@ -1,35 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <react/renderer/mapbuffer/MapBuffer.h>
-#include <react/renderer/mapbuffer/MapBufferBuilder.h>
-
-namespace facebook::react {
-
-// TODO: "AP" (Accessibility Props) are interleaved with "VP" (View Props).
-// Ordinals must be unique between them.
-
-constexpr MapBuffer::Key AP_ACCESSIBILITY_ACTIONS = 0;
-constexpr MapBuffer::Key AP_ACCESSIBILITY_HINT = 1;
-constexpr MapBuffer::Key AP_ACCESSIBILITY_LABEL = 2;
-constexpr MapBuffer::Key AP_ACCESSIBILITY_LABELLED_BY = 3;
-constexpr MapBuffer::Key AP_ACCESSIBILITY_LIVE_REGION = 4;
-constexpr MapBuffer::Key AP_ACCESSIBILITY_ROLE = 5;
-constexpr MapBuffer::Key AP_ACCESSIBILITY_STATE = 6;
-constexpr MapBuffer::Key AP_ACCESSIBILITY_VALUE = 7;
-constexpr MapBuffer::Key AP_ACCESSIBLE = 8;
-constexpr MapBuffer::Key AP_IMPORTANT_FOR_ACCESSIBILITY = 19;
-
-constexpr MapBuffer::Key AP_ROLE = 47;
-
-// AccessibilityAction values
-constexpr MapBuffer::Key ACCESSIBILITY_ACTION_NAME = 0;
-constexpr MapBuffer::Key ACCESSIBILITY_ACTION_LABEL = 1;
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/HostPlatformViewProps.h b/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/HostPlatformViewProps.h
index 2845d2a5645cc0..89325ab7083c3d 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/HostPlatformViewProps.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/HostPlatformViewProps.h
@@ -34,9 +34,6 @@ class HostPlatformViewProps : public BaseViewProps {
       const char* propName,
       const RawValue& value);
 
-  void propsDiffMapBuffer(const Props* oldProps, MapBufferBuilder& builder)
-      const override;
-
 #pragma mark - Props
 
   Float elevation{};
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/ViewPropsMapBuffer.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/ViewPropsMapBuffer.cpp
deleted file mode 100644
index 1fd158c20357af..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/ViewPropsMapBuffer.cpp
+++ /dev/null
@@ -1,191 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "ViewPropsMapBuffer.h"
-
-#include <react/renderer/components/view/ViewProps.h>
-#include <react/renderer/components/view/viewPropConversions.h>
-#include <react/renderer/core/graphicsConversions.h>
-#include <react/renderer/mapbuffer/MapBufferBuilder.h>
-
-namespace facebook::react {
-
-// TODO: Currently unsupported: nextFocusForward/Left/Up/Right/Down
-void ViewProps::propsDiffMapBuffer(
-    const Props* oldPropsPtr,
-    MapBufferBuilder& builder) const {
-  // Call with default props if necessary
-  if (oldPropsPtr == nullptr) {
-    ViewProps defaultProps{};
-    propsDiffMapBuffer(&defaultProps, builder);
-    return;
-  }
-
-  // Delegate to base classes
-  YogaStylableProps::propsDiffMapBuffer(oldPropsPtr, builder);
-  AccessibilityProps::propsDiffMapBuffer(oldPropsPtr, builder);
-
-  const ViewProps& oldProps = *(static_cast<const ViewProps*>(oldPropsPtr));
-  const ViewProps& newProps = *this;
-
-  if (oldProps.backfaceVisibility != newProps.backfaceVisibility) {
-    int value;
-    switch (newProps.backfaceVisibility) {
-      case BackfaceVisibility::Auto:
-        value = 0;
-        break;
-      case BackfaceVisibility::Visible:
-        value = 1;
-        break;
-      case BackfaceVisibility::Hidden:
-        value = 2;
-        break;
-    }
-    builder.putInt(VP_BACKFACE_VISIBILITY, value);
-  }
-
-  if (oldProps.backgroundColor != newProps.backgroundColor) {
-    builder.putInt(VP_BG_COLOR, toAndroidRepr(newProps.backgroundColor));
-  }
-
-  if (oldProps.borderCurves != newProps.borderCurves) {
-    builder.putMapBuffer(
-        VP_BORDER_CURVES, convertCascadedCorners(newProps.borderCurves));
-  }
-
-  if (oldProps.borderColors != newProps.borderColors) {
-    builder.putMapBuffer(
-        VP_BORDER_COLOR, convertBorderColors(newProps.borderColors));
-  }
-
-  if (oldProps.borderRadii != newProps.borderRadii) {
-    builder.putMapBuffer(
-        VP_BORDER_RADII, convertCascadedCorners(newProps.borderRadii));
-  }
-
-  if (oldProps.borderStyles != newProps.borderStyles) {
-    builder.putMapBuffer(
-        VP_BORDER_STYLE, convertCascadedEdges(newProps.borderStyles));
-  }
-
-  if (oldProps.elevation != newProps.elevation) {
-    builder.putDouble(VP_ELEVATION, newProps.elevation);
-  }
-
-  if (oldProps.focusable != newProps.focusable) {
-    builder.putBool(VP_FOCUSABLE, newProps.focusable);
-  }
-
-  if (oldProps.hasTVPreferredFocus != newProps.hasTVPreferredFocus) {
-    builder.putBool(VP_HAS_TV_FOCUS, newProps.hasTVPreferredFocus);
-  }
-
-  if (oldProps.hitSlop != newProps.hitSlop) {
-    builder.putMapBuffer(VP_HIT_SLOP, convertEdgeInsets(newProps.hitSlop));
-  }
-
-  if (oldProps.nativeBackground != newProps.nativeBackground) {
-    builder.putMapBuffer(
-        VP_NATIVE_BACKGROUND,
-        convertNativeBackground(newProps.nativeBackground));
-  }
-
-  if (oldProps.nativeForeground != newProps.nativeForeground) {
-    builder.putMapBuffer(
-        VP_NATIVE_FOREGROUND,
-        convertNativeBackground(newProps.nativeForeground));
-  }
-
-  if (oldProps.needsOffscreenAlphaCompositing !=
-      newProps.needsOffscreenAlphaCompositing) {
-    builder.putBool(
-        VP_OFFSCREEN_ALPHA_COMPOSITING,
-        newProps.needsOffscreenAlphaCompositing);
-  }
-
-  if (oldProps.opacity != newProps.opacity) {
-    builder.putDouble(VP_OPACITY, newProps.opacity);
-  }
-
-  if (oldProps.pointerEvents != newProps.pointerEvents) {
-    int value;
-    switch (newProps.pointerEvents) {
-      case PointerEventsMode::Auto:
-        value = 0;
-        break;
-      case PointerEventsMode::None:
-        value = 1;
-        break;
-      case PointerEventsMode::BoxNone:
-        value = 2;
-        break;
-      case PointerEventsMode::BoxOnly:
-        value = 3;
-        break;
-    }
-
-    builder.putInt(VP_POINTER_EVENTS, value);
-  }
-
-  if (oldProps.events != newProps.events) {
-    builder.putBool(
-        VP_POINTER_ENTER, newProps.events[ViewEvents::Offset::PointerEnter]);
-    builder.putBool(
-        VP_POINTER_LEAVE, newProps.events[ViewEvents::Offset::PointerLeave]);
-    builder.putBool(
-        VP_POINTER_MOVE, newProps.events[ViewEvents::Offset::PointerMove]);
-
-    builder.putBool(
-        VP_POINTER_ENTER_CAPTURE,
-        newProps.events[ViewEvents::Offset::PointerEnterCapture]);
-    builder.putBool(
-        VP_POINTER_LEAVE_CAPTURE,
-        newProps.events[ViewEvents::Offset::PointerLeaveCapture]);
-    builder.putBool(
-        VP_POINTER_MOVE_CAPTURE,
-        newProps.events[ViewEvents::Offset::PointerMoveCapture]);
-    builder.putBool(
-        VP_POINTER_OVER, newProps.events[ViewEvents::Offset::PointerOver]);
-    builder.putBool(
-        VP_POINTER_OVER_CAPTURE,
-        newProps.events[ViewEvents::Offset::PointerOverCapture]);
-
-    builder.putBool(
-        VP_POINTER_OUT, newProps.events[ViewEvents::Offset::PointerOut]);
-    builder.putBool(
-        VP_POINTER_OUT_CAPTURE,
-        newProps.events[ViewEvents::Offset::PointerOutCapture]);
-  }
-
-  if (oldProps.removeClippedSubviews != newProps.removeClippedSubviews) {
-    builder.putBool(VP_REMOVE_CLIPPED_SUBVIEW, newProps.removeClippedSubviews);
-  }
-
-  if (oldProps.renderToHardwareTextureAndroid !=
-      newProps.renderToHardwareTextureAndroid) {
-    builder.putBool(
-        VP_RENDER_TO_HARDWARE_TEXTURE, newProps.renderToHardwareTextureAndroid);
-  }
-
-  if (oldProps.shadowColor != newProps.shadowColor) {
-    builder.putInt(VP_SHADOW_COLOR, toAndroidRepr(newProps.shadowColor));
-  }
-
-  if (oldProps.testId != newProps.testId) {
-    builder.putString(VP_TEST_ID, newProps.testId);
-  }
-
-  if (oldProps.transform != newProps.transform) {
-    builder.putMapBuffer(VP_TRANSFORM, convertTransform(newProps.transform));
-  }
-
-  if (oldProps.zIndex != newProps.zIndex) {
-    builder.putInt(VP_ZINDEX, newProps.zIndex.value_or(0));
-  }
-}
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/ViewPropsMapBuffer.h b/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/ViewPropsMapBuffer.h
deleted file mode 100644
index 147d240df7f9ec..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/ViewPropsMapBuffer.h
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <react/renderer/mapbuffer/MapBuffer.h>
-
-namespace facebook::react {
-
-constexpr MapBuffer::Key VP_BACKFACE_VISIBILITY = 9;
-constexpr MapBuffer::Key VP_BG_COLOR = 10;
-constexpr MapBuffer::Key VP_BORDER_COLOR = 11;
-constexpr MapBuffer::Key VP_BORDER_RADII = 12;
-constexpr MapBuffer::Key VP_BORDER_STYLE = 13;
-constexpr MapBuffer::Key VP_COLLAPSABLE = 14;
-constexpr MapBuffer::Key VP_ELEVATION = 15;
-constexpr MapBuffer::Key VP_FOCUSABLE = 16;
-constexpr MapBuffer::Key VP_HAS_TV_FOCUS = 17;
-constexpr MapBuffer::Key VP_HIT_SLOP = 18;
-constexpr MapBuffer::Key VP_NATIVE_BACKGROUND = 20;
-constexpr MapBuffer::Key VP_NATIVE_FOREGROUND = 21;
-constexpr MapBuffer::Key VP_OFFSCREEN_ALPHA_COMPOSITING = 23;
-constexpr MapBuffer::Key VP_OPACITY = 24;
-constexpr MapBuffer::Key VP_POINTER_EVENTS = 25;
-constexpr MapBuffer::Key VP_POINTER_ENTER = 26;
-constexpr MapBuffer::Key VP_POINTER_LEAVE = 27;
-constexpr MapBuffer::Key VP_POINTER_MOVE = 28;
-constexpr MapBuffer::Key VP_REMOVE_CLIPPED_SUBVIEW = 29;
-constexpr MapBuffer::Key VP_RENDER_TO_HARDWARE_TEXTURE = 30;
-constexpr MapBuffer::Key VP_SHADOW_COLOR = 31;
-constexpr MapBuffer::Key VP_TEST_ID = 32;
-constexpr MapBuffer::Key VP_TRANSFORM = 33;
-constexpr MapBuffer::Key VP_ZINDEX = 34;
-constexpr MapBuffer::Key VP_POINTER_ENTER_CAPTURE = 38;
-constexpr MapBuffer::Key VP_POINTER_LEAVE_CAPTURE = 39;
-constexpr MapBuffer::Key VP_POINTER_MOVE_CAPTURE = 40;
-constexpr MapBuffer::Key VP_POINTER_OVER = 41;
-constexpr MapBuffer::Key VP_POINTER_OVER_CAPTURE = 42;
-constexpr MapBuffer::Key VP_POINTER_OUT = 43;
-constexpr MapBuffer::Key VP_POINTER_OUT_CAPTURE = 44;
-constexpr MapBuffer::Key VP_BORDER_CURVES = 45;
-
-// Yoga values
-constexpr MapBuffer::Key YG_BORDER_WIDTH = 100;
-constexpr MapBuffer::Key YG_OVERFLOW = 101;
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/YogaStylablePropsMapBuffer.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/YogaStylablePropsMapBuffer.cpp
deleted file mode 100644
index 640a407caec03b..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/YogaStylablePropsMapBuffer.cpp
+++ /dev/null
@@ -1,80 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "ViewPropsMapBuffer.h"
-
-#include <react/renderer/components/view/ViewProps.h>
-#include <react/renderer/components/view/viewPropConversions.h>
-#include <react/renderer/mapbuffer/MapBufferBuilder.h>
-
-namespace facebook::react {
-
-MapBuffer convertBorderWidths(const yoga::Style::Edges& border) {
-  MapBufferBuilder builder(7);
-  putOptionalFloat(
-      builder, EDGE_TOP, optionalFloatFromYogaValue(border[YGEdgeTop]));
-  putOptionalFloat(
-      builder, EDGE_RIGHT, optionalFloatFromYogaValue(border[YGEdgeRight]));
-  putOptionalFloat(
-      builder, EDGE_BOTTOM, optionalFloatFromYogaValue(border[YGEdgeBottom]));
-  putOptionalFloat(
-      builder, EDGE_LEFT, optionalFloatFromYogaValue(border[YGEdgeLeft]));
-  putOptionalFloat(
-      builder, EDGE_START, optionalFloatFromYogaValue(border[YGEdgeStart]));
-  putOptionalFloat(
-      builder, EDGE_END, optionalFloatFromYogaValue(border[YGEdgeEnd]));
-  putOptionalFloat(
-      builder, EDGE_ALL, optionalFloatFromYogaValue(border[YGEdgeAll]));
-  return builder.build();
-}
-
-// TODO: Currently unsupported: nextFocusForward/Left/Up/Right/Down
-void YogaStylableProps::propsDiffMapBuffer(
-    const Props* oldPropsPtr,
-    MapBufferBuilder& builder) const {
-  // Call with default props if necessary
-  if (oldPropsPtr == nullptr) {
-    YogaStylableProps defaultProps{};
-    propsDiffMapBuffer(&defaultProps, builder);
-    return;
-  }
-
-  // Delegate to base classes
-  Props::propsDiffMapBuffer(oldPropsPtr, builder);
-
-  const YogaStylableProps& oldProps =
-      *(static_cast<const YogaStylableProps*>(oldPropsPtr));
-  const YogaStylableProps& newProps = *this;
-
-  if (oldProps.yogaStyle != newProps.yogaStyle) {
-    const auto& oldStyle = oldProps.yogaStyle;
-    const auto& newStyle = newProps.yogaStyle;
-
-    if (!(oldStyle.border() == newStyle.border())) {
-      builder.putMapBuffer(
-          YG_BORDER_WIDTH, convertBorderWidths(newStyle.border()));
-    }
-
-    if (oldStyle.overflow() != newStyle.overflow()) {
-      int value;
-      switch (newStyle.overflow()) {
-        case yoga::Overflow::Visible:
-          value = 0;
-          break;
-        case yoga::Overflow::Hidden:
-          value = 1;
-          break;
-        case yoga::Overflow::Scroll:
-          value = 2;
-          break;
-      }
-      builder.putInt(YG_OVERFLOW, value);
-    }
-  }
-}
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/propsConversions.h b/packages/react-native/ReactCommon/react/renderer/components/view/propsConversions.h
index db085aa2ae566d..e7d9394c5ac8a8 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/propsConversions.h
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/propsConversions.h
@@ -15,331 +15,6 @@
 
 namespace facebook::react {
 
-// Nearly this entire file can be deleted when iterator-style Prop parsing
-// ships fully for View
-
-static inline yoga::Style::Edges convertRawProp(
-    const PropsParserContext& context,
-    const RawProps& rawProps,
-    const char* prefix,
-    const char* suffix,
-    const yoga::Style::Edges& sourceValue,
-    const yoga::Style::Edges& defaultValue) {
-  auto result = defaultValue;
-  result[YGEdgeLeft] = convertRawProp(
-      context,
-      rawProps,
-      "Left",
-      sourceValue[YGEdgeLeft],
-      defaultValue[YGEdgeLeft],
-      prefix,
-      suffix);
-  result[YGEdgeTop] = convertRawProp(
-      context,
-      rawProps,
-      "Top",
-      sourceValue[YGEdgeTop],
-      defaultValue[YGEdgeTop],
-      prefix,
-      suffix);
-  result[YGEdgeRight] = convertRawProp(
-      context,
-      rawProps,
-      "Right",
-      sourceValue[YGEdgeRight],
-      defaultValue[YGEdgeRight],
-      prefix,
-      suffix);
-  result[YGEdgeBottom] = convertRawProp(
-      context,
-      rawProps,
-      "Bottom",
-      sourceValue[YGEdgeBottom],
-      defaultValue[YGEdgeBottom],
-      prefix,
-      suffix);
-  result[YGEdgeStart] = convertRawProp(
-      context,
-      rawProps,
-      "Start",
-      sourceValue[YGEdgeStart],
-      defaultValue[YGEdgeStart],
-      prefix,
-      suffix);
-  result[YGEdgeEnd] = convertRawProp(
-      context,
-      rawProps,
-      "End",
-      sourceValue[YGEdgeEnd],
-      defaultValue[YGEdgeEnd],
-      prefix,
-      suffix);
-  result[YGEdgeHorizontal] = convertRawProp(
-      context,
-      rawProps,
-      "Horizontal",
-      sourceValue[YGEdgeHorizontal],
-      defaultValue[YGEdgeHorizontal],
-      prefix,
-      suffix);
-  result[YGEdgeVertical] = convertRawProp(
-      context,
-      rawProps,
-      "Vertical",
-      sourceValue[YGEdgeVertical],
-      defaultValue[YGEdgeVertical],
-      prefix,
-      suffix);
-  result[YGEdgeAll] = convertRawProp(
-      context,
-      rawProps,
-      "",
-      sourceValue[YGEdgeAll],
-      defaultValue[YGEdgeAll],
-      prefix,
-      suffix);
-  return result;
-}
-
-static inline yoga::Style::Edges convertRawProp(
-    const PropsParserContext& context,
-    const RawProps& rawProps,
-    const yoga::Style::Edges& sourceValue,
-    const yoga::Style::Edges& defaultValue) {
-  auto result = defaultValue;
-  result[YGEdgeLeft] = convertRawProp(
-      context,
-      rawProps,
-      "left",
-      sourceValue[YGEdgeLeft],
-      defaultValue[YGEdgeLeft]);
-  result[YGEdgeTop] = convertRawProp(
-      context,
-      rawProps,
-      "top",
-      sourceValue[YGEdgeTop],
-      defaultValue[YGEdgeTop]);
-  result[YGEdgeRight] = convertRawProp(
-      context,
-      rawProps,
-      "right",
-      sourceValue[YGEdgeRight],
-      defaultValue[YGEdgeRight]);
-  result[YGEdgeBottom] = convertRawProp(
-      context,
-      rawProps,
-      "bottom",
-      sourceValue[YGEdgeBottom],
-      defaultValue[YGEdgeBottom]);
-  result[YGEdgeStart] = convertRawProp(
-      context,
-      rawProps,
-      "start",
-      sourceValue[YGEdgeStart],
-      defaultValue[YGEdgeStart]);
-  result[YGEdgeEnd] = convertRawProp(
-      context,
-      rawProps,
-      "end",
-      sourceValue[YGEdgeEnd],
-      defaultValue[YGEdgeEnd]);
-  return result;
-}
-
-static inline yoga::Style convertRawProp(
-    const PropsParserContext& context,
-    const RawProps& rawProps,
-    const yoga::Style& sourceValue) {
-  yoga::Style yogaStyle{};
-  yogaStyle.direction() = convertRawProp(
-      context,
-      rawProps,
-      "direction",
-      sourceValue.direction(),
-      yogaStyle.direction());
-  yogaStyle.flexDirection() = convertRawProp(
-      context,
-      rawProps,
-      "flexDirection",
-      sourceValue.flexDirection(),
-      yogaStyle.flexDirection());
-  yogaStyle.justifyContent() = convertRawProp(
-      context,
-      rawProps,
-      "justifyContent",
-      sourceValue.justifyContent(),
-      yogaStyle.justifyContent());
-  yogaStyle.alignContent() = convertRawProp(
-      context,
-      rawProps,
-      "alignContent",
-      sourceValue.alignContent(),
-      yogaStyle.alignContent());
-  yogaStyle.alignItems() = convertRawProp(
-      context,
-      rawProps,
-      "alignItems",
-      sourceValue.alignItems(),
-      yogaStyle.alignItems());
-  yogaStyle.alignSelf() = convertRawProp(
-      context,
-      rawProps,
-      "alignSelf",
-      sourceValue.alignSelf(),
-      yogaStyle.alignSelf());
-  yogaStyle.positionType() = convertRawProp(
-      context,
-      rawProps,
-      "position",
-      sourceValue.positionType(),
-      yogaStyle.positionType());
-  yogaStyle.flexWrap() = convertRawProp(
-      context,
-      rawProps,
-      "flexWrap",
-      sourceValue.flexWrap(),
-      yogaStyle.flexWrap());
-  yogaStyle.overflow() = convertRawProp(
-      context,
-      rawProps,
-      "overflow",
-      sourceValue.overflow(),
-      yogaStyle.overflow());
-  yogaStyle.display() = convertRawProp(
-      context, rawProps, "display", sourceValue.display(), yogaStyle.display());
-  yogaStyle.flex() = convertRawProp(
-      context, rawProps, "flex", sourceValue.flex(), yogaStyle.flex());
-  yogaStyle.flexGrow() = convertRawProp(
-      context,
-      rawProps,
-      "flexGrow",
-      sourceValue.flexGrow(),
-      yogaStyle.flexGrow());
-  yogaStyle.flexShrink() = convertRawProp(
-      context,
-      rawProps,
-      "flexShrink",
-      sourceValue.flexShrink(),
-      yogaStyle.flexShrink());
-  yogaStyle.flexBasis() = convertRawProp(
-      context,
-      rawProps,
-      "flexBasis",
-      sourceValue.flexBasis(),
-      yogaStyle.flexBasis());
-  yogaStyle.margin() = convertRawProp(
-      context,
-      rawProps,
-      "margin",
-      "",
-      sourceValue.margin(),
-      yogaStyle.margin());
-  yogaStyle.position() = convertRawProp(
-      context, rawProps, sourceValue.position(), yogaStyle.position());
-  yogaStyle.padding() = convertRawProp(
-      context,
-      rawProps,
-      "padding",
-      "",
-      sourceValue.padding(),
-      yogaStyle.padding());
-
-  yogaStyle.setGap(
-      yoga::Gutter::Row,
-      convertRawProp(
-          context,
-          rawProps,
-          "rowGap",
-          sourceValue.gap(yoga::Gutter::Row),
-          yogaStyle.gap(yoga::Gutter::Row)));
-
-  yogaStyle.setGap(
-      yoga::Gutter::Column,
-      convertRawProp(
-          context,
-          rawProps,
-          "columnGap",
-          sourceValue.gap(yoga::Gutter::Column),
-          yogaStyle.gap(yoga::Gutter::Column)));
-
-  yogaStyle.setGap(
-      yoga::Gutter::All,
-      convertRawProp(
-          context,
-          rawProps,
-          "gap",
-          sourceValue.gap(yoga::Gutter::All),
-          yogaStyle.gap(yoga::Gutter::All)));
-
-  yogaStyle.border() = convertRawProp(
-      context,
-      rawProps,
-      "border",
-      "Width",
-      sourceValue.border(),
-      yogaStyle.border());
-
-  yogaStyle.setDimension(
-      yoga::Dimension::Width,
-      convertRawProp(
-          context,
-          rawProps,
-          "width",
-          sourceValue.dimension(yoga::Dimension::Width),
-          {}));
-  yogaStyle.setDimension(
-      yoga::Dimension::Height,
-      convertRawProp(
-          context,
-          rawProps,
-          "height",
-          sourceValue.dimension(yoga::Dimension::Height),
-          {}));
-
-  yogaStyle.setMinDimension(
-      yoga::Dimension::Width,
-      convertRawProp(
-          context,
-          rawProps,
-          "minWidth",
-          sourceValue.minDimension(yoga::Dimension::Width),
-          {}));
-  yogaStyle.setMinDimension(
-      yoga::Dimension::Height,
-      convertRawProp(
-          context,
-          rawProps,
-          "minHeight",
-          sourceValue.minDimension(yoga::Dimension::Height),
-          {}));
-
-  yogaStyle.setMaxDimension(
-      yoga::Dimension::Width,
-      convertRawProp(
-          context,
-          rawProps,
-          "maxWidth",
-          sourceValue.maxDimension(yoga::Dimension::Width),
-          {}));
-  yogaStyle.setMaxDimension(
-      yoga::Dimension::Height,
-      convertRawProp(
-          context,
-          rawProps,
-          "maxHeight",
-          sourceValue.maxDimension(yoga::Dimension::Height),
-          {}));
-
-  yogaStyle.aspectRatio() = convertRawProp(
-      context,
-      rawProps,
-      "aspectRatio",
-      sourceValue.aspectRatio(),
-      yogaStyle.aspectRatio());
-
-  return yogaStyle;
-}
-
 // This can be deleted when non-iterator ViewProp parsing is deleted
 template <typename T>
 static inline CascadedRectangleCorners<T> convertRawProp(
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/tests/LayoutTest.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/tests/LayoutTest.cpp
index 0e53f62e809bc4..9933cce9f47ed7 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/tests/LayoutTest.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/tests/LayoutTest.cpp
@@ -77,8 +77,8 @@ class LayoutTest : public ::testing::Test {
             auto &props = *sharedProps;
             props.layoutConstraints = LayoutConstraints{{0,0}, {500, 500}};
             auto &yogaStyle = props.yogaStyle;
-            yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(200));
-            yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(200));
+            yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(200));
+            yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(200));
             return sharedProps;
           })
           .children({
@@ -89,9 +89,9 @@ class LayoutTest : public ::testing::Test {
                 auto sharedProps = std::make_shared<ViewShadowNodeProps>();
                 auto &props = *sharedProps;
                 auto &yogaStyle = props.yogaStyle;
-                yogaStyle.positionType() = yoga::PositionType::Absolute;
-                yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(50));
-                yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(50));
+                yogaStyle.setPositionType(yoga::PositionType::Absolute);
+                yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(50));
+                yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(50));
                 return sharedProps;
               })
               .children({
@@ -102,11 +102,11 @@ class LayoutTest : public ::testing::Test {
                     auto sharedProps = std::make_shared<ViewShadowNodeProps>();
                     auto &props = *sharedProps;
                     auto &yogaStyle = props.yogaStyle;
-                    yogaStyle.positionType() = yoga::PositionType::Absolute;
-                    yogaStyle.position()[YGEdgeLeft] = YGValue{10, YGUnitPoint};
-                    yogaStyle.position()[YGEdgeTop] = YGValue{10, YGUnitPoint};
-                    yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(30));
-                    yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(90));
+                    yogaStyle.setPositionType(yoga::PositionType::Absolute);
+                    yogaStyle.setPosition(yoga::Edge::Left, yoga::value::points(10));
+                    yogaStyle.setPosition(yoga::Edge::Top, yoga::value::points(10));
+                    yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(30));
+                    yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(90));
 
                     if (testCase == TRANSFORM_SCALE) {
                       props.transform = props.transform * Transform::Scale(2, 2, 1);
@@ -132,14 +132,14 @@ class LayoutTest : public ::testing::Test {
                         auto &yogaStyle = props.yogaStyle;
 
                         if (testCase == CLIPPING) {
-                          yogaStyle.overflow() = yoga::Overflow::Hidden;
+                          yogaStyle.setOverflow(yoga::Overflow::Hidden);
                         }
 
-                        yogaStyle.positionType() = yoga::PositionType::Absolute;
-                        yogaStyle.position()[YGEdgeLeft] = YGValue{10, YGUnitPoint};
-                        yogaStyle.position()[YGEdgeTop] = YGValue{10, YGUnitPoint};
-                        yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(110));
-                        yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(20));
+                        yogaStyle.setPositionType(yoga::PositionType::Absolute);
+                        yogaStyle.setPosition(yoga::Edge::Left, yoga::value::points(10));
+                        yogaStyle.setPosition(yoga::Edge::Top, yoga::value::points(10));
+                        yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(110));
+                        yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(20));
                         return sharedProps;
                       })
                       .children({
@@ -150,11 +150,11 @@ class LayoutTest : public ::testing::Test {
                             auto sharedProps = std::make_shared<ViewShadowNodeProps>();
                             auto &props = *sharedProps;
                             auto &yogaStyle = props.yogaStyle;
-                            yogaStyle.positionType() = yoga::PositionType::Absolute;
-                            yogaStyle.position()[YGEdgeLeft] = YGValue{70, YGUnitPoint};
-                            yogaStyle.position()[YGEdgeTop] = YGValue{-50, YGUnitPoint};
-                            yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(30));
-                            yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(60));
+                            yogaStyle.setPositionType(yoga::PositionType::Absolute);
+                            yogaStyle.setPosition(yoga::Edge::Left, yoga::value::points(70));
+                            yogaStyle.setPosition(yoga::Edge::Top, yoga::value::points(-50));
+                            yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(30));
+                            yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(60));
                             return sharedProps;
                           })
                       }),
@@ -165,11 +165,11 @@ class LayoutTest : public ::testing::Test {
                         auto sharedProps = std::make_shared<ViewShadowNodeProps>();
                         auto &props = *sharedProps;
                         auto &yogaStyle = props.yogaStyle;
-                        yogaStyle.positionType() = yoga::PositionType::Absolute;
-                        yogaStyle.position()[YGEdgeLeft] = YGValue{-60, YGUnitPoint};
-                        yogaStyle.position()[YGEdgeTop] = YGValue{50, YGUnitPoint};
-                        yogaStyle.setDimension(yoga::Dimension::Width, yoga::CompactValue::of<YGUnitPoint>(70));
-                        yogaStyle.setDimension(yoga::Dimension::Height, yoga::CompactValue::of<YGUnitPoint>(20));
+                        yogaStyle.setPositionType(yoga::PositionType::Absolute);
+                        yogaStyle.setPosition(yoga::Edge::Left, yoga::value::points(-60));
+                        yogaStyle.setPosition(yoga::Edge::Top, yoga::value::points(50));
+                        yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(70));
+                        yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(20));
                         return sharedProps;
                       })
                   })
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/tests/ViewTest.cpp b/packages/react-native/ReactCommon/react/renderer/components/view/tests/ViewTest.cpp
index f948248c680eef..f0302ffc06f9bd 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/tests/ViewTest.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/components/view/tests/ViewTest.cpp
@@ -52,8 +52,8 @@ class YogaDirtyFlagTest : public ::testing::Test {
                     auto &props = *mutableViewProps;
                     props.nativeId = "native Id";
                     props.opacity = 0.5;
-                    props.yogaStyle.alignContent() = yoga::Align::Baseline;
-                    props.yogaStyle.flexDirection() = yoga::FlexDirection::RowReverse;
+                    props.yogaStyle.setAlignContent(yoga::Align::Baseline);
+                    props.yogaStyle.setFlexDirection(yoga::FlexDirection::RowReverse);
                     return mutableViewProps;
                   }),
                 Element<ViewShadowNode>()
@@ -136,8 +136,8 @@ TEST_F(YogaDirtyFlagTest, changingLayoutSubPropsMustDirtyYogaNode) {
         auto viewProps = std::make_shared<ViewShadowNodeProps>();
         auto& props = *viewProps;
 
-        props.yogaStyle.alignContent() = yoga::Align::Baseline;
-        props.yogaStyle.display() = yoga::Display::None;
+        props.yogaStyle.setAlignContent(yoga::Align::Baseline);
+        props.yogaStyle.setDisplay(yoga::Display::None);
 
         return oldShadowNode.clone(ShadowNodeFragment{viewProps});
       });
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/viewPropConversions.h b/packages/react-native/ReactCommon/react/renderer/components/view/viewPropConversions.h
deleted file mode 100644
index 0d99ea87f9d93c..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/components/view/viewPropConversions.h
+++ /dev/null
@@ -1,214 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <react/renderer/components/view/ViewProps.h>
-#include <react/renderer/components/view/ViewPropsMapBuffer.h>
-#include <react/renderer/components/view/conversions.h>
-#include <react/renderer/core/graphicsConversions.h>
-#include <react/renderer/mapbuffer/MapBuffer.h>
-#include <react/renderer/mapbuffer/MapBufferBuilder.h>
-
-#include <optional>
-
-namespace facebook::react {
-
-namespace {
-
-constexpr MapBuffer::Key EDGE_TOP = 0;
-constexpr MapBuffer::Key EDGE_LEFT = 1;
-constexpr MapBuffer::Key EDGE_RIGHT = 2;
-constexpr MapBuffer::Key EDGE_BOTTOM = 3;
-constexpr MapBuffer::Key EDGE_START = 4;
-constexpr MapBuffer::Key EDGE_END = 5;
-constexpr MapBuffer::Key EDGE_ALL = 6;
-constexpr MapBuffer::Key EDGE_BLOCK = 7;
-constexpr MapBuffer::Key EDGE_BLOCK_START = 8;
-constexpr MapBuffer::Key EDGE_BLOCK_END = 9;
-
-constexpr MapBuffer::Key CORNER_TOP_LEFT = 0;
-constexpr MapBuffer::Key CORNER_TOP_RIGHT = 1;
-constexpr MapBuffer::Key CORNER_BOTTOM_RIGHT = 2;
-constexpr MapBuffer::Key CORNER_BOTTOM_LEFT = 3;
-constexpr MapBuffer::Key CORNER_TOP_START = 4;
-constexpr MapBuffer::Key CORNER_TOP_END = 5;
-constexpr MapBuffer::Key CORNER_BOTTOM_END = 6;
-constexpr MapBuffer::Key CORNER_BOTTOM_START = 7;
-constexpr MapBuffer::Key CORNER_ALL = 8;
-constexpr MapBuffer::Key CORNER_END_END = 9;
-constexpr MapBuffer::Key CORNER_END_START = 10;
-constexpr MapBuffer::Key CORNER_START_END = 11;
-constexpr MapBuffer::Key CORNER_START_START = 12;
-
-inline void putOptionalFloat(
-    MapBufferBuilder& builder,
-    MapBuffer::Key key,
-    const std::optional<Float>& value) {
-  builder.putDouble(key, value.value_or(NAN));
-}
-
-inline std::optional<Float> optionalFromValue(
-    const std::optional<BorderCurve>& value) {
-  if (!value) {
-    return {};
-  }
-
-  return {value.value() == BorderCurve::Circular ? 1 : 2};
-}
-
-inline std::optional<Float> optionalFromValue(
-    const std::optional<Float>& value) {
-  return value;
-}
-
-inline std::optional<Float> optionalFromValue(
-    const std::optional<BorderStyle>& value) {
-  if (!value) {
-    return {};
-  }
-
-  int intValue = -1;
-  switch (value.value()) {
-    case BorderStyle::Solid:
-      intValue = 0;
-      break;
-    case BorderStyle::Dotted:
-      intValue = 1;
-      break;
-    case BorderStyle::Dashed:
-      intValue = 2;
-      break;
-  }
-
-  return {intValue};
-}
-
-inline void putOptionalColor(
-    MapBufferBuilder& builder,
-    MapBuffer::Key key,
-    const std::optional<SharedColor>& color) {
-  builder.putInt(key, color.has_value() ? toAndroidRepr(color.value()) : -1);
-}
-
-inline MapBuffer convertBorderColors(const CascadedBorderColors& colors) {
-  MapBufferBuilder builder(7);
-  putOptionalColor(builder, EDGE_TOP, colors.top);
-  putOptionalColor(builder, EDGE_RIGHT, colors.right);
-  putOptionalColor(builder, EDGE_BOTTOM, colors.bottom);
-  putOptionalColor(builder, EDGE_LEFT, colors.left);
-  putOptionalColor(builder, EDGE_START, colors.start);
-  putOptionalColor(builder, EDGE_END, colors.end);
-  putOptionalColor(builder, EDGE_ALL, colors.all);
-  return builder.build();
-}
-
-template <typename T>
-MapBuffer convertCascadedEdges(const CascadedRectangleEdges<T>& edges) {
-  MapBufferBuilder builder(10);
-  putOptionalFloat(builder, EDGE_TOP, optionalFromValue(edges.top));
-  putOptionalFloat(builder, EDGE_RIGHT, optionalFromValue(edges.right));
-  putOptionalFloat(builder, EDGE_BOTTOM, optionalFromValue(edges.bottom));
-  putOptionalFloat(builder, EDGE_LEFT, optionalFromValue(edges.left));
-  putOptionalFloat(builder, EDGE_START, optionalFromValue(edges.start));
-  putOptionalFloat(builder, EDGE_END, optionalFromValue(edges.end));
-  putOptionalFloat(builder, EDGE_BLOCK, optionalFromValue(edges.block));
-  putOptionalFloat(builder, EDGE_BLOCK_END, optionalFromValue(edges.blockEnd));
-  putOptionalFloat(
-      builder, EDGE_BLOCK_START, optionalFromValue(edges.blockStart));
-  putOptionalFloat(builder, EDGE_ALL, optionalFromValue(edges.all));
-  return builder.build();
-}
-
-template <typename T>
-MapBuffer convertCascadedCorners(const CascadedRectangleCorners<T>& corners) {
-  MapBufferBuilder builder(13);
-  putOptionalFloat(
-      builder, CORNER_TOP_LEFT, optionalFromValue(corners.topLeft));
-  putOptionalFloat(
-      builder, CORNER_TOP_RIGHT, optionalFromValue(corners.topRight));
-  putOptionalFloat(
-      builder, CORNER_BOTTOM_RIGHT, optionalFromValue(corners.bottomRight));
-  putOptionalFloat(
-      builder, CORNER_BOTTOM_LEFT, optionalFromValue(corners.bottomLeft));
-  putOptionalFloat(
-      builder, CORNER_TOP_START, optionalFromValue(corners.topStart));
-  putOptionalFloat(builder, CORNER_TOP_END, optionalFromValue(corners.topEnd));
-  putOptionalFloat(
-      builder, CORNER_BOTTOM_END, optionalFromValue(corners.bottomEnd));
-  putOptionalFloat(
-      builder, CORNER_BOTTOM_START, optionalFromValue(corners.bottomStart));
-  putOptionalFloat(builder, CORNER_END_END, optionalFromValue(corners.endEnd));
-  putOptionalFloat(
-      builder, CORNER_END_START, optionalFromValue(corners.endStart));
-  putOptionalFloat(
-      builder, CORNER_START_END, optionalFromValue(corners.startEnd));
-  putOptionalFloat(
-      builder, CORNER_START_START, optionalFromValue(corners.startStart));
-  putOptionalFloat(builder, CORNER_ALL, optionalFromValue(corners.all));
-  return builder.build();
-}
-
-inline MapBuffer convertEdgeInsets(const EdgeInsets& insets) {
-  MapBufferBuilder builder(4);
-  builder.putDouble(EDGE_TOP, insets.top);
-  builder.putDouble(EDGE_RIGHT, insets.right);
-  builder.putDouble(EDGE_BOTTOM, insets.bottom);
-  builder.putDouble(EDGE_LEFT, insets.left);
-  return builder.build();
-}
-
-#ifdef ANDROID
-
-constexpr MapBuffer::Key NATIVE_DRAWABLE_KIND = 0;
-constexpr MapBuffer::Key NATIVE_DRAWABLE_ATTRIBUTE = 1;
-constexpr MapBuffer::Key NATIVE_DRAWABLE_COLOR = 2;
-constexpr MapBuffer::Key NATIVE_DRAWABLE_BORDERLESS = 3;
-constexpr MapBuffer::Key NATIVE_DRAWABLE_RIPPLE_RADIUS = 4;
-
-inline MapBuffer convertNativeBackground(
-    const std::optional<NativeDrawable>& value) {
-  if (!value.has_value()) {
-    return MapBufferBuilder::EMPTY();
-  }
-
-  const auto& drawable = value.value();
-  MapBufferBuilder builder(4);
-  switch (drawable.kind) {
-    case NativeDrawable::Kind::ThemeAttr:
-      builder.putInt(NATIVE_DRAWABLE_KIND, 0);
-      builder.putString(NATIVE_DRAWABLE_ATTRIBUTE, drawable.themeAttr);
-      break;
-    case NativeDrawable::Kind::Ripple:
-      builder.putInt(NATIVE_DRAWABLE_KIND, 1);
-      if (drawable.ripple.color.has_value()) {
-        builder.putInt(NATIVE_DRAWABLE_COLOR, drawable.ripple.color.value());
-      }
-
-      builder.putBool(NATIVE_DRAWABLE_BORDERLESS, drawable.ripple.borderless);
-      if (drawable.ripple.rippleRadius.has_value()) {
-        builder.putDouble(
-            NATIVE_DRAWABLE_RIPPLE_RADIUS,
-            drawable.ripple.rippleRadius.value());
-      }
-      break;
-  }
-  return builder.build();
-}
-
-#endif
-
-inline MapBuffer convertTransform(const Transform& transform) {
-  MapBufferBuilder builder(16);
-  for (int32_t i = 0; i < transform.matrix.size(); i++) {
-    builder.putDouble(i, transform.matrix[i]);
-  }
-  return builder.build();
-}
-} // namespace
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/core/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/core/CMakeLists.txt
index 8dc03e6ef55828..b51d80b4cfd2e1 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/core/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_core_SRC CONFIGURE_DEPENDS *.cpp)
@@ -29,4 +28,5 @@ target_link_libraries(react_render_core
         react_render_debug
         react_render_graphics
         react_render_mapbuffer
-        react_utils)
+        react_utils
+        runtimeexecutor)
diff --git a/packages/react-native/ReactCommon/react/renderer/core/ComponentDescriptor.h b/packages/react-native/ReactCommon/react/renderer/core/ComponentDescriptor.h
index 59f1840833bf23..fd281de68d7032 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/ComponentDescriptor.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/ComponentDescriptor.h
@@ -8,7 +8,6 @@
 #pragma once
 
 #include <react/renderer/core/EventDispatcher.h>
-#include <react/renderer/core/EventEmitter.h>
 #include <react/renderer/core/InstanceHandle.h>
 #include <react/renderer/core/Props.h>
 #include <react/renderer/core/PropsParserContext.h>
@@ -16,7 +15,6 @@
 #include <react/renderer/core/ShadowNode.h>
 #include <react/renderer/core/State.h>
 #include <react/renderer/core/StateData.h>
-#include <react/renderer/graphics/Float.h>
 #include <react/utils/ContextContainer.h>
 
 namespace facebook::react {
@@ -78,7 +76,7 @@ class ComponentDescriptor {
   /*
    * Creates a new `ShadowNode` of a particular component type.
    */
-  virtual ShadowNode::Shared createShadowNode(
+  virtual std::shared_ptr<ShadowNode> createShadowNode(
       const ShadowNodeFragment& fragment,
       const ShadowNodeFamily::Shared& family) const = 0;
 
@@ -106,7 +104,7 @@ class ComponentDescriptor {
   virtual Props::Shared cloneProps(
       const PropsParserContext& context,
       const Props::Shared& props,
-      const RawProps& rawProps) const = 0;
+      RawProps rawProps) const = 0;
 
   /*
    * Create an initial State object that represents (and contains) an initial
@@ -130,12 +128,6 @@ class ComponentDescriptor {
   virtual ShadowNodeFamily::Shared createFamily(
       const ShadowNodeFamilyFragment& fragment) const = 0;
 
-  /*
-   * Creates an event emitter for particular node.
-   */
-  virtual SharedEventEmitter createEventEmitter(
-      const InstanceHandle::Shared& instanceHandle) const = 0;
-
  protected:
   friend ShadowNode;
 
diff --git a/packages/react-native/ReactCommon/react/renderer/core/ConcreteComponentDescriptor.h b/packages/react-native/ReactCommon/react/renderer/core/ConcreteComponentDescriptor.h
index 9ed2c8ed7f66b5..653f7700efa2a9 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/ConcreteComponentDescriptor.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/ConcreteComponentDescriptor.h
@@ -63,7 +63,7 @@ class ConcreteComponentDescriptor : public ComponentDescriptor {
     return ShadowNodeT::BaseTraits();
   }
 
-  ShadowNode::Shared createShadowNode(
+  std::shared_ptr<ShadowNode> createShadowNode(
       const ShadowNodeFragment& fragment,
       const ShadowNodeFamily::Shared& family) const override {
     auto shadowNode =
@@ -95,7 +95,7 @@ class ConcreteComponentDescriptor : public ComponentDescriptor {
   virtual Props::Shared cloneProps(
       const PropsParserContext& context,
       const Props::Shared& props,
-      const RawProps& rawProps) const override {
+      RawProps rawProps) const override {
     // Optimization:
     // Quite often nodes are constructed with default/empty props: the base
     // `props` object is `null` (there no base because it's not cloning) and the
@@ -105,7 +105,11 @@ class ConcreteComponentDescriptor : public ComponentDescriptor {
       return ShadowNodeT::defaultSharedProps();
     }
 
-    rawProps.parse(rawPropsParser_, context);
+    if constexpr (RawPropsFilterable<ShadowNodeT>) {
+      ShadowNodeT::filterRawProps(rawProps);
+    }
+
+    rawProps.parse(rawPropsParser_);
 
     // Call old-style constructor
     auto shadowNodeProps = ShadowNodeT::Props(context, rawProps, props);
@@ -155,14 +159,11 @@ class ConcreteComponentDescriptor : public ComponentDescriptor {
 
   ShadowNodeFamily::Shared createFamily(
       const ShadowNodeFamilyFragment& fragment) const override {
+    auto eventEmitter = std::make_shared<const ConcreteEventEmitter>(
+        std::make_shared<EventTarget>(fragment.instanceHandle),
+        eventDispatcher_);
     return std::make_shared<ShadowNodeFamily>(
-        fragment, eventDispatcher_, *this);
-  }
-
-  SharedEventEmitter createEventEmitter(
-      const InstanceHandle::Shared& instanceHandle) const override {
-    return std::make_shared<const ConcreteEventEmitter>(
-        std::make_shared<EventTarget>(instanceHandle), eventDispatcher_);
+        fragment, std::move(eventEmitter), eventDispatcher_, *this);
   }
 
  protected:
diff --git a/packages/react-native/ReactCommon/react/renderer/core/ConcreteShadowNode.h b/packages/react-native/ReactCommon/react/renderer/core/ConcreteShadowNode.h
index e91c757d8d77e0..4536bec362c380 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/ConcreteShadowNode.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/ConcreteShadowNode.h
@@ -76,11 +76,12 @@ class ConcreteShadowNode : public BaseShadowNodeT {
       const Props::Shared& baseProps = nullptr) {
     return std::make_shared<PropsT>(
         context,
-        baseProps ? static_cast<const PropsT&>(*baseProps) : PropsT(),
+        baseProps ? static_cast<const PropsT&>(*baseProps)
+                  : *defaultSharedProps(),
         rawProps);
   }
 
-  static SharedConcreteProps defaultSharedProps() {
+  static const SharedConcreteProps& defaultSharedProps() {
     static const SharedConcreteProps defaultSharedProps =
         std::make_shared<const PropsT>();
     return defaultSharedProps;
diff --git a/packages/react-native/ReactCommon/react/renderer/core/ConcreteState.h b/packages/react-native/ReactCommon/react/renderer/core/ConcreteState.h
index cfc3a1a4f954fb..6a0ab8daf2f0b2 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/ConcreteState.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/ConcreteState.h
@@ -12,7 +12,6 @@
 
 #include <react/debug/react_native_assert.h>
 #include <react/renderer/core/State.h>
-#include <react/utils/CoreFeatures.h>
 
 namespace facebook::react {
 
@@ -68,11 +67,7 @@ class ConcreteState : public State {
   }
 
   void updateState(Data&& newData) const {
-    updateState(
-        std::move(newData),
-        CoreFeatures::enableDefaultAsyncBatchedPriority
-            ? EventPriority::AsynchronousBatched
-            : EventPriority::AsynchronousUnbatched);
+    updateState(std::move(newData), EventPriority::AsynchronousBatched);
   }
 
   /*
diff --git a/packages/react-native/ReactCommon/react/renderer/core/EventEmitter.cpp b/packages/react-native/ReactCommon/react/renderer/core/EventEmitter.cpp
index 8c3f9d83bf67f0..bd9a7c0e39a21b 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/EventEmitter.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/EventEmitter.cpp
@@ -16,18 +16,26 @@
 
 namespace facebook::react {
 
+static bool hasPrefix(const std::string& str, const std::string& prefix) {
+  return str.compare(0, prefix.length(), prefix) == 0;
+}
+
 // TODO(T29874519): Get rid of "top" prefix once and for all.
 /*
- * Capitalizes the first letter of the event type and adds "top" prefix if
- * necessary (e.g. "layout" becames "topLayout").
+ * Replaces "on" with "top" if present. Or capitalizes the first letter and adds
+ * "top" prefix. E.g. "eventName" becomes "topEventName", "onEventName" also
+ * becomes "topEventName".
  */
 static std::string normalizeEventType(std::string type) {
   auto prefixedType = std::move(type);
-  if (prefixedType.find("top", 0) != 0) {
-    prefixedType.insert(0, "top");
-    prefixedType[3] = static_cast<char>(toupper(prefixedType[3]));
+  if (facebook::react::hasPrefix(prefixedType, "top")) {
+    return prefixedType;
+  }
+  if (facebook::react::hasPrefix(prefixedType, "on")) {
+    return "top" + prefixedType.substr(2);
   }
-  return prefixedType;
+  prefixedType[0] = static_cast<char>(toupper(prefixedType[0]));
+  return "top" + prefixedType;
 }
 
 std::mutex& EventEmitter::DispatchMutex() {
diff --git a/packages/react-native/ReactCommon/react/renderer/core/EventEmitter.h b/packages/react-native/ReactCommon/react/renderer/core/EventEmitter.h
index 8f1c26f1480946..d31e30585ff101 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/EventEmitter.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/EventEmitter.h
@@ -58,13 +58,6 @@ class EventEmitter {
 
   const SharedEventTarget& getEventTarget() const;
 
- protected:
-#ifdef ANDROID
-  // We need this temporarily due to lack of Java-counterparts for particular
-  // subclasses.
- public:
-#endif
-
   /*
    * Initiates an event delivery process.
    * Is used by particular subclasses only.
diff --git a/packages/react-native/ReactCommon/react/renderer/core/EventHandler.h b/packages/react-native/ReactCommon/react/renderer/core/EventHandler.h
deleted file mode 100644
index b650d8f161c8f9..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/core/EventHandler.h
+++ /dev/null
@@ -1,28 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <memory>
-
-namespace facebook::react {
-
-/*
- * We need this types only to ensure type-safety when we deal with them.
- * Conceptually, they are opaque pointers to some types that derived from those
- * classes.
- *
- * `EventHandler` is managed as a `unique_ptr`, so it must have a *virtual*
- * destructor to allow proper deallocation having only a pointer
- * to the base (`EventHandler`) class.
- */
-struct EventHandler {
-  virtual ~EventHandler() = default;
-};
-using UniqueEventHandler = std::unique_ptr<const EventHandler>;
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/core/EventLogger.h b/packages/react-native/ReactCommon/react/renderer/core/EventLogger.h
index 3a2863ba9d7d58..ba0cabd17764a3 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/EventLogger.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/EventLogger.h
@@ -32,12 +32,12 @@ class EventLogger {
    * Called when event starts getting dispatched (processed by the handlers, if
    * any)
    */
-  virtual void onEventDispatch(EventTag tag) = 0;
+  virtual void onEventProcessingStart(EventTag tag) = 0;
 
   /*
    * Called when event finishes being dispatched
    */
-  virtual void onEventEnd(EventTag tag) = 0;
+  virtual void onEventProcessingEnd(EventTag tag) = 0;
 };
 
 void setEventLogger(EventLogger* eventLogger);
diff --git a/packages/react-native/ReactCommon/react/renderer/core/EventQueueProcessor.cpp b/packages/react-native/ReactCommon/react/renderer/core/EventQueueProcessor.cpp
index b562e0e8768575..a49882f438bcd6 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/EventQueueProcessor.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/EventQueueProcessor.cpp
@@ -7,7 +7,6 @@
 
 #include <cxxreact/JSExecutor.h>
 #include <logger/react_native_log.h>
-#include <react/utils/CoreFeatures.h>
 #include "EventEmitter.h"
 #include "EventLogger.h"
 #include "EventQueue.h"
@@ -55,7 +54,7 @@ void EventQueueProcessor::flushEvents(
 
     auto eventLogger = getEventLogger();
     if (eventLogger != nullptr) {
-      eventLogger->onEventDispatch(event.loggingTag);
+      eventLogger->onEventProcessingStart(event.loggingTag);
     }
 
     if (event.eventPayload == nullptr) {
@@ -71,23 +70,17 @@ void EventQueueProcessor::flushEvents(
         reactPriority,
         *event.eventPayload);
 
-    // We run the "Conclusion" per-event when unbatched
-    if (!CoreFeatures::enableDefaultAsyncBatchedPriority) {
-      eventPipeConclusion_(runtime);
-    }
-
     if (eventLogger != nullptr) {
-      eventLogger->onEventEnd(event.loggingTag);
+      eventLogger->onEventProcessingEnd(event.loggingTag);
     }
 
     if (event.category == RawEvent::Category::ContinuousStart) {
       hasContinuousEventStarted_ = true;
     }
   }
+
   // We only run the "Conclusion" once per event group when batched.
-  if (CoreFeatures::enableDefaultAsyncBatchedPriority) {
-    eventPipeConclusion_(runtime);
-  }
+  eventPipeConclusion_(runtime);
 
   // No need to lock `EventEmitter::DispatchMutex()` here.
   // The mutex protects from a situation when the `instanceHandle` can be
diff --git a/packages/react-native/ReactCommon/react/renderer/core/LayoutMetrics.h b/packages/react-native/ReactCommon/react/renderer/core/LayoutMetrics.h
index 4c1362f63557d5..e8bef1d0bba958 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/LayoutMetrics.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/LayoutMetrics.h
@@ -29,6 +29,8 @@ struct LayoutMetrics {
   EdgeInsets borderWidth{0};
   // See `DisplayType` for all possible options.
   DisplayType displayType{DisplayType::Flex};
+  // See `PositionType` for all possible options.
+  PositionType positionType{PositionType::Relative};
   // See `LayoutDirection` for all possible options.
   LayoutDirection layoutDirection{LayoutDirection::Undefined};
   // Whether React Native treated cardinal directions as flow-relative
@@ -63,28 +65,9 @@ struct LayoutMetrics {
             frame.size.height - borderWidth.top - borderWidth.bottom}};
   }
 
-  bool operator==(const LayoutMetrics& rhs) const {
-    return std::tie(
-               this->frame,
-               this->contentInsets,
-               this->borderWidth,
-               this->displayType,
-               this->layoutDirection,
-               this->pointScaleFactor,
-               this->overflowInset) ==
-        std::tie(
-               rhs.frame,
-               rhs.contentInsets,
-               rhs.borderWidth,
-               rhs.displayType,
-               rhs.layoutDirection,
-               rhs.pointScaleFactor,
-               rhs.overflowInset);
-  }
+  bool operator==(const LayoutMetrics& rhs) const = default;
 
-  bool operator!=(const LayoutMetrics& rhs) const {
-    return !(*this == rhs);
-  }
+  bool operator!=(const LayoutMetrics& rhs) const = default;
 };
 
 /*
diff --git a/packages/react-native/ReactCommon/react/renderer/core/LayoutPrimitives.h b/packages/react-native/ReactCommon/react/renderer/core/LayoutPrimitives.h
index f38c74feb8a5cb..bbe6e5484586e7 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/LayoutPrimitives.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/LayoutPrimitives.h
@@ -22,6 +22,12 @@ enum class DisplayType {
   Inline = 2,
 };
 
+enum class PositionType {
+  Static = 0,
+  Relative = 1,
+  Absolute = 2,
+};
+
 /*
  * User interface layout direction.
  */
@@ -32,20 +38,3 @@ enum class LayoutDirection {
 };
 
 } // namespace facebook::react
-
-namespace std {
-template <>
-struct hash<facebook::react::LayoutDirection> {
-  size_t operator()(const facebook::react::LayoutDirection& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-template <>
-struct hash<facebook::react::DisplayType> {
-  size_t operator()(const facebook::react::DisplayType& v) const {
-    return hash<int>()(static_cast<int>(v));
-  }
-};
-
-} // namespace std
diff --git a/packages/react-native/ReactCommon/react/renderer/core/LayoutableShadowNode.cpp b/packages/react-native/ReactCommon/react/renderer/core/LayoutableShadowNode.cpp
index 3d64fa601dc940..e0bbf1491f4f23 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/LayoutableShadowNode.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/LayoutableShadowNode.cpp
@@ -11,7 +11,6 @@
 #include <react/renderer/core/LayoutContext.h>
 #include <react/renderer/core/LayoutMetrics.h>
 #include <react/renderer/core/ShadowNode.h>
-#include <react/renderer/core/TraitCast.h>
 #include <react/renderer/core/graphicsConversions.h>
 #include <react/renderer/debug/DebugStringConvertibleItem.h>
 
@@ -29,13 +28,13 @@ static LayoutableSmallVector<Rect> calculateTransformedFrames(
 
   for (auto i = size; i > 0; --i) {
     auto currentShadowNode =
-        traitCast<const LayoutableShadowNode*>(shadowNodeList.at(i - 1));
+        dynamic_cast<const LayoutableShadowNode*>(shadowNodeList.at(i - 1));
     auto currentFrame = currentShadowNode->getLayoutMetrics().frame;
 
     if (policy.includeTransform) {
       if (Transform::isVerticalInversion(transformation)) {
         auto parentShadowNode =
-            traitCast<const LayoutableShadowNode*>(shadowNodeList.at(i));
+            dynamic_cast<const LayoutableShadowNode*>(shadowNodeList.at(i));
         currentFrame.origin.y =
             parentShadowNode->getLayoutMetrics().frame.size.height -
             currentFrame.size.height - currentFrame.origin.y;
@@ -43,7 +42,7 @@ static LayoutableSmallVector<Rect> calculateTransformedFrames(
 
       if (Transform::isHorizontalInversion(transformation)) {
         auto parentShadowNode =
-            traitCast<const LayoutableShadowNode*>(shadowNodeList.at(i));
+            dynamic_cast<const LayoutableShadowNode*>(shadowNodeList.at(i));
         currentFrame.origin.x =
             parentShadowNode->getLayoutMetrics().frame.size.width -
             currentFrame.size.width - currentFrame.origin.x;
@@ -51,7 +50,7 @@ static LayoutableSmallVector<Rect> calculateTransformedFrames(
 
       if (i != size) {
         auto parentShadowNode =
-            traitCast<const LayoutableShadowNode*>(shadowNodeList.at(i));
+            dynamic_cast<const LayoutableShadowNode*>(shadowNodeList.at(i));
         auto contentOriginOffset = parentShadowNode->getContentOriginOffset();
         if (Transform::isVerticalInversion(transformation)) {
           contentOriginOffset.y = -contentOriginOffset.y;
@@ -152,7 +151,7 @@ LayoutMetrics LayoutableShadowNode::computeRelativeLayoutMetrics(
   // Step 2.
   // Computing the initial size of the measured node.
   auto descendantLayoutableNode =
-      traitCast<const LayoutableShadowNode*>(descendantNode);
+      dynamic_cast<const LayoutableShadowNode*>(descendantNode);
 
   if (descendantLayoutableNode == nullptr) {
     return EmptyLayoutMetrics;
@@ -183,7 +182,7 @@ LayoutMetrics LayoutableShadowNode::computeRelativeLayoutMetrics(
   auto size = shadowNodeList.size();
   for (size_t i = 0; i < size; i++) {
     auto currentShadowNode =
-        traitCast<const LayoutableShadowNode*>(shadowNodeList.at(i));
+        dynamic_cast<const LayoutableShadowNode*>(shadowNodeList.at(i));
 
     if (currentShadowNode == nullptr) {
       return EmptyLayoutMetrics;
@@ -241,16 +240,6 @@ LayoutMetrics LayoutableShadowNode::computeRelativeLayoutMetrics(
   return layoutMetrics;
 }
 
-ShadowNodeTraits LayoutableShadowNode::BaseTraits() {
-  auto traits = ShadowNodeTraits{};
-  traits.set(IdentifierTrait());
-  return traits;
-}
-
-ShadowNodeTraits::Trait LayoutableShadowNode::IdentifierTrait() {
-  return ShadowNodeTraits::Trait::LayoutableKind;
-}
-
 LayoutMetrics LayoutableShadowNode::getLayoutMetrics() const {
   return layoutMetrics_;
 }
@@ -278,7 +267,7 @@ LayoutableShadowNode::getLayoutableChildNodes() const {
   LayoutableShadowNode::UnsharedList layoutableChildren;
   for (const auto& childShadowNode : getChildren()) {
     auto layoutableChildShadowNode =
-        traitCast<const LayoutableShadowNode*>(childShadowNode.get());
+        dynamic_cast<const LayoutableShadowNode*>(childShadowNode.get());
     if (layoutableChildShadowNode != nullptr) {
       layoutableChildren.push_back(
           const_cast<LayoutableShadowNode*>(layoutableChildShadowNode));
@@ -320,7 +309,7 @@ ShadowNode::Shared LayoutableShadowNode::findNodeAtPoint(
     const ShadowNode::Shared& node,
     Point point) {
   auto layoutableShadowNode =
-      traitCast<const LayoutableShadowNode*>(node.get());
+      dynamic_cast<const LayoutableShadowNode*>(node.get());
 
   if (layoutableShadowNode == nullptr) {
     return nullptr;
diff --git a/packages/react-native/ReactCommon/react/renderer/core/LayoutableShadowNode.h b/packages/react-native/ReactCommon/react/renderer/core/LayoutableShadowNode.h
index 94132cbc730ac3..f23d931c137a3f 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/LayoutableShadowNode.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/LayoutableShadowNode.h
@@ -39,9 +39,6 @@ class LayoutableShadowNode : public ShadowNode {
       const ShadowNode& sourceShadowNode,
       const ShadowNodeFragment& fragment);
 
-  static ShadowNodeTraits BaseTraits();
-  static ShadowNodeTraits::Trait IdentifierTrait();
-
   struct LayoutInspectingPolicy {
     bool includeTransform{true};
     bool includeViewportOffset{false};
diff --git a/packages/react-native/ReactCommon/react/renderer/core/Props.cpp b/packages/react-native/ReactCommon/react/renderer/core/Props.cpp
index f096ddd19295e6..df133e8078e501 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/Props.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/Props.cpp
@@ -44,27 +44,4 @@ void Props::setProp(
   }
 }
 
-#ifdef ANDROID
-
-constexpr MapBuffer::Key PROPS_NATIVE_ID = 1;
-
-void Props::propsDiffMapBuffer(
-    const Props* oldPropsPtr,
-    MapBufferBuilder& builder) const {
-  // Call with default props if necessary
-  if (oldPropsPtr == nullptr) {
-    Props defaultProps{};
-    propsDiffMapBuffer(&defaultProps, builder);
-    return;
-  }
-
-  const Props& oldProps = *oldPropsPtr;
-  const Props& newProps = *this;
-
-  if (oldProps.nativeId != newProps.nativeId) {
-    builder.putString(PROPS_NATIVE_ID, nativeId);
-  }
-}
-#endif
-
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/core/Props.h b/packages/react-native/ReactCommon/react/renderer/core/Props.h
index 6b25617d2d362f..0c34109850fc64 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/Props.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/Props.h
@@ -36,6 +36,9 @@ class Props : public virtual Sealable, public virtual DebugStringConvertible {
       const RawProps& rawProps);
   virtual ~Props() = default;
 
+  Props(const Props& other) = delete;
+  Props& operator=(const Props& other) = delete;
+
   /**
    * Set a prop value via iteration (see enableIterator above).
    * If setProp is defined for a particular props struct, it /must/
@@ -56,10 +59,6 @@ class Props : public virtual Sealable, public virtual DebugStringConvertible {
 
 #ifdef ANDROID
   folly::dynamic rawProps = folly::dynamic::object();
-
-  virtual void propsDiffMapBuffer(
-      const Props* oldProps,
-      MapBufferBuilder& builder) const;
 #endif
 
  protected:
diff --git a/packages/react-native/ReactCommon/react/renderer/core/PropsParserContext.cpp b/packages/react-native/ReactCommon/react/renderer/core/PropsParserContext.cpp
deleted file mode 100644
index 0ceb9fe39e8733..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/core/PropsParserContext.cpp
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "PropsParserContext.h"
-
-#include <react/config/ReactNativeConfig.h>
-
-namespace facebook::react {
-
-bool PropsParserContext::treatAutoAsYGValueUndefined() const {
-  if (treatAutoAsYGValueUndefined_ == std::nullopt) {
-    auto config =
-        contextContainer.find<std::shared_ptr<const ReactNativeConfig>>(
-            "ReactNativeConfig");
-    treatAutoAsYGValueUndefined_ = config && *config != nullptr
-        ? (*config)->getBool("react_fabric:treat_auto_as_undefined")
-        : false;
-  }
-
-  return *treatAutoAsYGValueUndefined_;
-}
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/core/PropsParserContext.h b/packages/react-native/ReactCommon/react/renderer/core/PropsParserContext.h
index 9d733c7f671f38..dee30506aa385f 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/PropsParserContext.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/PropsParserContext.h
@@ -29,12 +29,6 @@ struct PropsParserContext {
 
   const SurfaceId surfaceId;
   const ContextContainer& contextContainer;
-
-  // Temporary feature flags
-  bool treatAutoAsYGValueUndefined() const;
-
- private:
-  mutable std::optional<bool> treatAutoAsYGValueUndefined_;
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/core/RawProps.cpp b/packages/react-native/ReactCommon/react/renderer/core/RawProps.cpp
index 0739b8ec6b12e9..3e630dcd0d042a 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/RawProps.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/RawProps.cpp
@@ -13,6 +13,96 @@
 
 namespace facebook::react {
 
+namespace {
+inline bool isYogaStyleProp(const std::string& prop) {
+  const static std::unordered_set<std::string> yogaStylePropNames = {
+      {"direction",
+       "flexDirection",
+       "justifyContent",
+       "alignContent",
+       "alignItems",
+       "alignSelf",
+       "position",
+       "flexWrap",
+       "display",
+       "flex",
+       "flexGrow",
+       "flexShrink",
+       "flexBasis",
+       "margin",
+       "padding",
+       "rowGap",
+       "columnGap",
+       "gap",
+       // TODO: T163711275 also filter out width/height when SVG no longer read
+       // them from RawProps
+       "minWidth",
+       "maxWidth",
+       "minHeight",
+       "maxHeight",
+       "aspectRatio",
+
+       // edges
+       "left",
+       "right",
+       "top",
+       "bottom",
+       "start",
+       "end",
+
+       // variants of inset
+       "inset",
+       "insetStart",
+       "insetEnd",
+       "insetInline",
+       "insetInlineStart",
+       "insetInlineEnd",
+       "insetBlock",
+       "insetBlockEnd",
+       "insetBlockStart",
+       "insetVertical",
+       "insetHorizontal",
+       "insetTop",
+       "insetBottom",
+       "insetLeft",
+       "insetRight",
+
+       // variants of margin
+       "marginStart",
+       "marginEnd",
+       "marginInline",
+       "marginInlineStart",
+       "marginInlineEnd",
+       "marginBlock",
+       "marginBlockStart",
+       "marginBlockEnd",
+       "marginVertical",
+       "marginHorizontal",
+       "marginTop",
+       "marginBottom",
+       "marginLeft",
+       "marginRight",
+
+       // variants of padding
+       "paddingStart",
+       "paddingEnd",
+       "paddingInline",
+       "paddingInlineStart",
+       "paddingInlineEnd",
+       "paddingBlock",
+       "paddingBlockStart",
+       "paddingBlockEnd",
+       "paddingVertical",
+       "paddingHorizontal",
+       "paddingTop",
+       "paddingBottom",
+       "paddingLeft",
+       "paddingRight"}};
+
+  return yogaStylePropNames.find(prop) != yogaStylePropNames.end();
+}
+} // namespace
+
 RawProps::RawProps() {
   mode_ = Mode::Empty;
 }
@@ -26,7 +116,7 @@ RawProps::RawProps(jsi::Runtime& runtime, const jsi::Value& value) noexcept {
     return;
   }
 
-  mode_ = mode_ = Mode::JSI;
+  mode_ = Mode::JSI;
   runtime_ = &runtime;
   value_ = jsi::Value(runtime, value);
 }
@@ -47,9 +137,30 @@ RawProps::RawProps(folly::dynamic dynamic) noexcept {
   dynamic_ = std::move(dynamic);
 }
 
-void RawProps::parse(
-    const RawPropsParser& parser,
-    const PropsParserContext& /*unused*/) const noexcept {
+RawProps::RawProps(const RawProps& other) noexcept {
+  mode_ = other.mode_;
+  if (mode_ == Mode::JSI) {
+    runtime_ = other.runtime_;
+    value_ = jsi::Value(*runtime_, other.value_);
+  } else if (mode_ == Mode::Dynamic) {
+    dynamic_ = other.dynamic_;
+  }
+  ignoreYogaStyleProps_ = other.ignoreYogaStyleProps_;
+}
+
+RawProps& RawProps::operator=(const RawProps& other) noexcept {
+  mode_ = other.mode_;
+  if (mode_ == Mode::JSI) {
+    runtime_ = other.runtime_;
+    value_ = jsi::Value(*runtime_, other.value_);
+  } else if (mode_ == Mode::Dynamic) {
+    dynamic_ = other.dynamic_;
+  }
+  ignoreYogaStyleProps_ = other.ignoreYogaStyleProps_;
+  return *this;
+}
+
+void RawProps::parse(const RawPropsParser& parser) noexcept {
   react_native_assert(parser_ == nullptr && "A parser was already assigned.");
   parser_ = &parser;
   parser.preparse(*this);
@@ -65,12 +176,17 @@ RawProps::operator folly::dynamic() const noexcept {
     case Mode::Empty:
       return folly::dynamic::object();
     case Mode::JSI:
-      return jsi::dynamicFromValue(*runtime_, value_);
+      return jsi::dynamicFromValue(
+          *runtime_, value_, ignoreYogaStyleProps_ ? isYogaStyleProp : nullptr);
     case Mode::Dynamic:
       return dynamic_;
   }
 }
 
+void RawProps::filterYogaStylePropsInDynamicConversion() noexcept {
+  ignoreYogaStyleProps_ = true;
+}
+
 /*
  * Returns `true` if the object is empty.
  * Empty `RawProps` does not have any stored data.
diff --git a/packages/react-native/ReactCommon/react/renderer/core/RawProps.h b/packages/react-native/ReactCommon/react/renderer/core/RawProps.h
index e01af9f84db306..73d693443f3a86 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/RawProps.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/RawProps.h
@@ -50,6 +50,12 @@ class RawProps final {
    */
   RawProps(jsi::Runtime& runtime, const jsi::Value& value) noexcept;
 
+  explicit RawProps(const RawProps& rawProps) noexcept;
+  RawProps& operator=(const RawProps& other) noexcept;
+
+  RawProps(RawProps&& other) noexcept = default;
+  RawProps& operator=(RawProps&& other) noexcept = default;
+
   /*
    * Creates an object with given `folly::dynamic` object.
    * Deprecated. Do not use.
@@ -58,20 +64,7 @@ class RawProps final {
    */
   explicit RawProps(folly::dynamic dynamic) noexcept;
 
-  /*
-   * Not moveable.
-   */
-  RawProps(RawProps&& other) noexcept = delete;
-  RawProps& operator=(RawProps&& other) noexcept = delete;
-
-  /*
-   * Not copyable.
-   */
-  RawProps(const RawProps& other) noexcept = delete;
-  RawProps& operator=(const RawProps& other) noexcept = delete;
-
-  void parse(const RawPropsParser& parser, const PropsParserContext&)
-      const noexcept;
+  void parse(const RawPropsParser& parser) noexcept;
 
   /*
    * Deprecated. Do not use.
@@ -80,6 +73,15 @@ class RawProps final {
    */
   explicit operator folly::dynamic() const noexcept;
 
+  /*
+   * Once called, Yoga style props will be filtered out during conversion to
+   * folly::dynamic. folly::dynamic conversion is only used on Android and props
+   * specific to Yoga do not need to be send over JNI to Android.
+   * This is a performance optimisation to minimise traffic between C++ and
+   * Java.
+   */
+  void filterYogaStylePropsInDynamicConversion() noexcept;
+
   /*
    * Returns `true` if the object is empty.
    * Empty `RawProps` does not have any stored data.
@@ -131,6 +133,20 @@ class RawProps final {
    */
   mutable std::vector<RawPropsValueIndex> keyIndexToValueIndex_;
   mutable std::vector<RawValue> values_;
+
+  bool ignoreYogaStyleProps_{false};
+};
+
+/*
+ * Once called, props will be filtered out during conversion to
+ * folly::dynamic. folly::dynamic conversion is only used on Android and props
+ * specific to Yoga do not need to be send over JNI to Android.
+ * This is a performance optimisation to minimise traffic between C++ and
+ * Java.
+ */
+template <typename T>
+concept RawPropsFilterable = requires(RawProps& rawProps) {
+  { T::filterRawProps(rawProps) } -> std::same_as<void>;
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/core/RawPropsParser.cpp b/packages/react-native/ReactCommon/react/renderer/core/RawPropsParser.cpp
index 620685d713de0e..413d885798037d 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/RawPropsParser.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/RawPropsParser.cpp
@@ -7,8 +7,6 @@
 
 #include "RawPropsParser.h"
 
-#include <folly/Hash.h>
-#include <folly/Likely.h>
 #include <react/debug/react_native_assert.h>
 #include <react/renderer/core/RawProps.h>
 
@@ -22,7 +20,7 @@ namespace facebook::react {
 const RawValue* RawPropsParser::at(
     const RawProps& rawProps,
     const RawPropsKey& key) const noexcept {
-  if (UNLIKELY(!ready_)) {
+  if (!ready_) [[unlikely]] {
     // Check against the same key being inserted more than once.
     // This happens commonly with nested Props structs, where the higher-level
     // struct may access all fields, and then the nested Props struct may
@@ -34,7 +32,7 @@ const RawValue* RawPropsParser::at(
     // 4950 lookups and equality checks on initialization of the parser, which
     // happens exactly once per component.
     size_t size = keys_.size();
-    for (int i = 0; i < size; i++) {
+    for (size_t i = 0; i < size; i++) {
       if (keys_[i] == key) {
         return nullptr;
       }
@@ -70,7 +68,8 @@ const RawValue* RawPropsParser::at(
   do {
     rawProps.keyIndexCursor_++;
 
-    if (UNLIKELY(rawProps.keyIndexCursor_ >= keys_.size())) {
+    if (static_cast<size_t>(rawProps.keyIndexCursor_) >= keys_.size())
+        [[unlikely]] {
 #ifdef REACT_NATIVE_DEBUG
       if (resetLoop) {
         LOG(ERROR)
@@ -82,7 +81,7 @@ const RawValue* RawPropsParser::at(
 #endif
       rawProps.keyIndexCursor_ = 0;
     }
-  } while (UNLIKELY(key != keys_[rawProps.keyIndexCursor_]));
+  } while (key != keys_[rawProps.keyIndexCursor_]);
 
   auto valueIndex = rawProps.keyIndexToValueIndex_[rawProps.keyIndexCursor_];
   return valueIndex == kRawPropsValueIndexEmpty ? nullptr
diff --git a/packages/react-native/ReactCommon/react/renderer/core/RawPropsParser.h b/packages/react-native/ReactCommon/react/renderer/core/RawPropsParser.h
index 5150189817134d..de0b1c7fcfabcc 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/RawPropsParser.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/RawPropsParser.h
@@ -46,7 +46,7 @@ class RawPropsParser final {
     ContextContainer contextContainer{};
     PropsParserContext parserContext{-1, contextContainer};
 
-    emptyRawProps.parse(*this, parserContext);
+    emptyRawProps.parse(*this);
     PropsT(parserContext, {}, emptyRawProps);
     postPrepare();
   }
diff --git a/packages/react-native/ReactCommon/react/renderer/core/RawPropsPrimitives.h b/packages/react-native/ReactCommon/react/renderer/core/RawPropsPrimitives.h
index 0da85c189d5a4c..cc781682b1b850 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/RawPropsPrimitives.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/RawPropsPrimitives.h
@@ -7,7 +7,6 @@
 
 #pragma once
 
-#include <folly/Hash.h>
 #include <limits>
 
 namespace facebook::react {
diff --git a/packages/react-native/ReactCommon/react/renderer/core/ShadowNode.cpp b/packages/react-native/ReactCommon/react/renderer/core/ShadowNode.cpp
index 641b6d26546b95..d51cb8ff2311a1 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/ShadowNode.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/ShadowNode.cpp
@@ -243,7 +243,7 @@ void ShadowNode::replaceChild(
   auto& children = const_cast<ShadowNode::ListOfShared&>(*children_);
   auto size = children.size();
 
-  if (suggestedIndex != -1 && suggestedIndex < size) {
+  if (suggestedIndex != -1 && static_cast<size_t>(suggestedIndex) < size) {
     // If provided `suggestedIndex` is accurate,
     // replacing in place using the index.
     if (children.at(suggestedIndex).get() == &oldChild) {
diff --git a/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeFamily.cpp b/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeFamily.cpp
index cf2bd385b95c5f..0e73b0a5cf3687 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeFamily.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeFamily.cpp
@@ -20,14 +20,14 @@ using AncestorList = ShadowNode::AncestorList;
 
 ShadowNodeFamily::ShadowNodeFamily(
     const ShadowNodeFamilyFragment& fragment,
+    SharedEventEmitter eventEmitter,
     EventDispatcher::Weak eventDispatcher,
     const ComponentDescriptor& componentDescriptor)
     : eventDispatcher_(std::move(eventDispatcher)),
       tag_(fragment.tag),
       surfaceId_(fragment.surfaceId),
       instanceHandle_(fragment.instanceHandle),
-      eventEmitter_(
-          componentDescriptor.createEventEmitter(fragment.instanceHandle)),
+      eventEmitter_(std::move(eventEmitter)),
       componentDescriptor_(componentDescriptor),
       componentHandle_(componentDescriptor.getComponentHandle()),
       componentName_(componentDescriptor.getComponentName()) {}
diff --git a/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeFamily.h b/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeFamily.h
index 1fefb9532eae45..dc5dbc815317f0 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeFamily.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeFamily.h
@@ -50,6 +50,7 @@ class ShadowNodeFamily final {
 
   ShadowNodeFamily(
       const ShadowNodeFamilyFragment& fragment,
+      SharedEventEmitter eventEmitter,
       EventDispatcher::Weak eventDispatcher,
       const ComponentDescriptor& componentDescriptor);
 
diff --git a/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeTraits.h b/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeTraits.h
index d3fd255326d0cf..7ad24b150e2412 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeTraits.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/ShadowNodeTraits.h
@@ -28,71 +28,50 @@ class ShadowNodeTraits {
     // Note:
     // Not all traits are used yet (but all will be used in the near future).
 
-    // Inherits `LayoutableShadowNode`.
-    LayoutableKind = 1 << 0,
-
-    // Inherits `YogaLayoutableShadowNode`.
-    YogaLayoutableKind = 1 << 1,
-
     // Inherits `ConcreteViewShadowNode<>` template.
-    ViewKind = 1 << 2,
-
-    // Inherits `BaseTextShadowNode`.
-    TextKind = 1 << 3,
+    ViewKind = 1 << 0,
 
     // Used when calculating relative layout in
     // LayoutableShadowNode::getRelativeLayoutMetrics. This trait marks node as
     // root, so when calculating relative layout, the calculation will not
     // traverse beyond this node. See T61257516 for details.
-    RootNodeKind = 1 << 4,
-
-    // `ViewShadowNode` (exact!) class.
-    View = 1 << 5,
+    RootNodeKind = 1 << 1,
 
     // The node is hidden.
     // Nodes with this trait (and all their descendants) will not produce views.
-    Hidden = 1 << 6,
+    Hidden = 1 << 2,
 
     // Indicates that the `YogaLayoutableShadowNode` must set `isDirty` flag for
     // Yoga node when a `ShadowNode` is being cloned. `ShadowNode`s that modify
     // Yoga styles in the constructor (or later) *after* the `ShadowNode`
     // is cloned must set this trait.
     // Any Yoga node (not only Leaf ones) can have this trait.
-    DirtyYogaNode = 1 << 7,
+    DirtyYogaNode = 1 << 3,
 
     // Inherits `YogaLayoutableShadowNode` and enforces that the yoga node is a
     // leaf.
-    LeafYogaNode = 1 << 8,
+    LeafYogaNode = 1 << 4,
 
     // Inherits `YogaLayoutableShadowNode` and has a custom measure function.
     // Only Leaf nodes can have this trait.
-    MeasurableYogaNode = 1 << 9,
+    MeasurableYogaNode = 1 << 5,
 
     // Indicates that the `ShadowNode` must form a stacking context.
     // A Stacking Context forms a level of a `ShadowView` hierarchy (in contrast
     // with a level of a `ShadowNode` hierarchy).
     // See W3C standard for more details: https://www.w3.org/TR/CSS2/zindex.html
-    FormsStackingContext = 1 << 10,
+    FormsStackingContext = 1 << 6,
 
     // Indicates that the node must form a `ShadowView`.
-    FormsView = 1 << 11,
+    FormsView = 1 << 7,
 
     // Internal to `ShadowNode`; do not use it outside.
     // Indicates that `children` list is shared between nodes and need
     // to be cloned before the first mutation.
-    ChildrenAreShared = 1 << 12,
-
-    // Inherits 'RawTextShadowNode'
-    RawText = 1 << 13,
-
-    // Inherits 'TextShadowNode'
-    Text = 1 << 14,
+    ChildrenAreShared = 1 << 8,
 
     // Temporary (?) to indicate MapBuffer support on Android
-    AndroidMapBufferPropsSupported = 1 << 15,
-
-    // Inherits 'ArtBaseShadowNode' (previously built into RN)
-    Art = 1 << 16,
+    AndroidMapBufferPropsSupported = 1 << 9,
   };
 
   /*
diff --git a/packages/react-native/ReactCommon/react/renderer/core/TraitCast.h b/packages/react-native/ReactCommon/react/renderer/core/TraitCast.h
deleted file mode 100644
index 39dd31de3e84d5..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/core/TraitCast.h
+++ /dev/null
@@ -1,90 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <glog/logging.h>
-#include <react/renderer/core/ShadowNode.h>
-#include <memory>
-
-namespace facebook::react::details {
-template <typename ShadowNodePointerT, typename ParamT>
-ShadowNodePointerT traitCastPointer(ParamT shadowNode) {
-  auto expectedIdentifier =
-      std::remove_pointer_t<ShadowNodePointerT>::IdentifierTrait();
-  if (!shadowNode || !shadowNode->getTraits().check(expectedIdentifier)) {
-    return nullptr;
-  }
-
-  return static_cast<ShadowNodePointerT>(shadowNode);
-}
-
-template <typename ShadowNodeRefT, typename ParamT>
-ShadowNodeRefT traitCastRef(ParamT&& shadowNode) {
-  auto expectedIdentifier =
-      std::remove_reference_t<ShadowNodeRefT>::IdentifierTrait();
-  if (!shadowNode.getTraits().check(expectedIdentifier)) {
-    LOG(FATAL) << "Invalid ShadowNode cast\n"
-               << "Expected identifier: " << std::hex
-               << static_cast<int32_t>(expectedIdentifier) << "\n"
-               << "Actual traits: " << std::hex
-               << static_cast<int32_t>(shadowNode.getTraits().get()) << "\n";
-  }
-
-  return static_cast<ShadowNodeRefT>(shadowNode);
-}
-
-template <typename ShadowNodeT, typename ParamT>
-std::shared_ptr<ShadowNodeT> traitCastShared(
-    const std::shared_ptr<ParamT>& shadowNode) {
-  auto expectedIdentifier = ShadowNodeT::IdentifierTrait();
-  if (!shadowNode || !shadowNode->getTraits().check(expectedIdentifier)) {
-    return nullptr;
-  }
-
-  return std::static_pointer_cast<ShadowNodeT>(shadowNode);
-}
-} // namespace facebook::react::details
-
-namespace facebook::react {
-
-// Cast from one ShadowNode reference to another, terminating if the cast is
-// invalid.
-template <typename ShadowNodeReferenceT>
-ShadowNodeReferenceT traitCast(const ShadowNode& shadowNode) {
-  return details::traitCastRef<ShadowNodeReferenceT>(shadowNode);
-}
-template <typename ShadowNodeReferenceT>
-ShadowNodeReferenceT traitCast(ShadowNode& shadowNode) {
-  return details::traitCastRef<ShadowNodeReferenceT>(shadowNode);
-}
-
-// Cast from one ShadowNode pointer to another, returning nullptr if the cast is
-// invalid.
-template <typename ShadowNodePointerT>
-ShadowNodePointerT traitCast(const ShadowNode* shadowNode) {
-  return details::traitCastPointer<ShadowNodePointerT>(shadowNode);
-}
-template <typename ShadowNodePointerT>
-ShadowNodePointerT traitCast(ShadowNode* shadowNode) {
-  return details::traitCastPointer<ShadowNodePointerT>(shadowNode);
-}
-
-// Cast from one ShadowNode shared_ptr to another, returning nullptr if the
-// cast is invalid.
-template <typename ShadowNodeT, typename ParamT>
-std::shared_ptr<ShadowNodeT> traitCast(
-    const std::shared_ptr<ParamT>& shadowNode) {
-  return details::traitCastShared<ShadowNodeT>(shadowNode);
-}
-template <typename ShadowNodeT, typename ParamT>
-std::shared_ptr<const ShadowNodeT> traitCast(
-    const std::shared_ptr<const ParamT>& shadowNode) {
-  return details::traitCastShared<const ShadowNodeT>(shadowNode);
-}
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/core/graphicsConversions.h b/packages/react-native/ReactCommon/react/renderer/core/graphicsConversions.h
index 04c8930e919872..8e1ff0a04739bc 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/graphicsConversions.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/graphicsConversions.h
@@ -14,6 +14,7 @@
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/RawProps.h>
 #include <react/renderer/graphics/Color.h>
+#include <react/renderer/graphics/Float.h>
 #include <react/renderer/graphics/PlatformColorParser.h>
 #include <react/renderer/graphics/Point.h>
 #include <react/renderer/graphics/Rect.h>
@@ -29,29 +30,7 @@ inline void fromRawValue(
     const PropsParserContext& context,
     const RawValue& value,
     SharedColor& result) {
-  ColorComponents colorComponents = {0, 0, 0, 0};
-
-  if (value.hasType<int>()) {
-    auto argb = (int64_t)value;
-    auto ratio = 255.f;
-    colorComponents.alpha = ((argb >> 24) & 0xFF) / ratio;
-    colorComponents.red = ((argb >> 16) & 0xFF) / ratio;
-    colorComponents.green = ((argb >> 8) & 0xFF) / ratio;
-    colorComponents.blue = (argb & 0xFF) / ratio;
-  } else if (value.hasType<std::vector<float>>()) {
-    auto items = (std::vector<float>)value;
-    auto length = items.size();
-    react_native_expect(length == 3 || length == 4);
-    colorComponents.red = items.at(0);
-    colorComponents.green = items.at(1);
-    colorComponents.blue = items.at(2);
-    colorComponents.alpha = length == 4 ? items.at(3) : 1.0f;
-  } else {
-    result = parsePlatformColor(context, value);
-    return;
-  }
-
-  result = colorFromComponents(colorComponents);
+  fromRawValue(context.contextContainer, context.surfaceId, value, result);
 }
 
 #ifdef ANDROID
diff --git a/packages/react-native/ReactCommon/react/renderer/core/propsConversions.h b/packages/react-native/ReactCommon/react/renderer/core/propsConversions.h
index 99b35f22959a7e..920621c7519229 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/propsConversions.h
+++ b/packages/react-native/ReactCommon/react/renderer/core/propsConversions.h
@@ -9,12 +9,10 @@
 
 #include <optional>
 
-#include <folly/Likely.h>
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/RawProps.h>
 #include <react/renderer/core/RawPropsKey.h>
 #include <react/renderer/core/graphicsConversions.h>
-#include <react/renderer/graphics/Color.h>
 
 namespace facebook::react {
 
@@ -117,13 +115,13 @@ T convertRawProp(
     const char* namePrefix = nullptr,
     const char* nameSuffix = nullptr) {
   const auto* rawValue = rawProps.at(name, namePrefix, nameSuffix);
-  if (LIKELY(rawValue == nullptr)) {
+  if (rawValue == nullptr) [[likely]] {
     return sourceValue;
   }
 
   // Special case: `null` always means "the prop was removed, use default
   // value".
-  if (UNLIKELY(!rawValue->hasValue())) {
+  if (!rawValue->hasValue()) [[unlikely]] {
     return defaultValue;
   }
 
diff --git a/packages/react-native/ReactCommon/react/renderer/core/tests/ComponentDescriptorTest.cpp b/packages/react-native/ReactCommon/react/renderer/core/tests/ComponentDescriptorTest.cpp
index d9d623713d4ef6..1b29638cc019ba 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/tests/ComponentDescriptorTest.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/tests/ComponentDescriptorTest.cpp
@@ -26,8 +26,9 @@ TEST(ComponentDescriptorTest, createShadowNode) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(folly::dynamic::object("nativeID", "abc"));
-  Props::Shared props = descriptor->cloneProps(parserContext, nullptr, raw);
+  auto rawProps = RawProps(folly::dynamic::object("nativeID", "abc"));
+  Props::Shared props =
+      descriptor->cloneProps(parserContext, nullptr, std::move(rawProps));
 
   auto family = descriptor->createFamily(ShadowNodeFamilyFragment{
       /* .tag = */ 9,
@@ -58,8 +59,9 @@ TEST(ComponentDescriptorTest, cloneShadowNode) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(folly::dynamic::object("nativeID", "abc"));
-  Props::Shared props = descriptor->cloneProps(parserContext, nullptr, raw);
+  auto rawProps = RawProps(folly::dynamic::object("nativeID", "abc"));
+  Props::Shared props =
+      descriptor->cloneProps(parserContext, nullptr, std::move(rawProps));
   auto family = descriptor->createFamily(ShadowNodeFamilyFragment{
       /* .tag = */ 9,
       /* .surfaceId = */ 1,
@@ -91,8 +93,9 @@ TEST(ComponentDescriptorTest, appendChild) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(folly::dynamic::object("nativeID", "abc"));
-  Props::Shared props = descriptor->cloneProps(parserContext, nullptr, raw);
+  auto rawProps = RawProps(folly::dynamic::object("nativeID", "abc"));
+  Props::Shared props =
+      descriptor->cloneProps(parserContext, nullptr, std::move(rawProps));
   auto family1 = descriptor->createFamily(ShadowNodeFamilyFragment{
       /* .tag = */ 1,
       /* .surfaceId = */ 1,
diff --git a/packages/react-native/ReactCommon/react/renderer/core/tests/EventTargetTests.cpp b/packages/react-native/ReactCommon/react/renderer/core/tests/EventTargetTests.cpp
new file mode 100644
index 00000000000000..2f919870c795a3
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/core/tests/EventTargetTests.cpp
@@ -0,0 +1,43 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <gtest/gtest.h>
+#include <hermes/hermes.h>
+#include <react/renderer/core/EventTarget.h>
+#include <react/renderer/core/InstanceHandle.h>
+
+using namespace facebook;
+using namespace facebook::react;
+
+TEST(EventTargetTests, getInstanceHandle) {
+  auto runtime = facebook::hermes::makeHermesRuntime();
+  auto object = jsi::Object(*runtime);
+  auto instanceHandle = std::make_shared<InstanceHandle>(
+      *runtime, jsi::Value(*runtime, object), 1);
+
+  EXPECT_EQ(instanceHandle->getTag(), 1);
+
+  auto eventTarget = EventTarget(std::move(instanceHandle));
+
+  EXPECT_EQ(eventTarget.getTag(), 1);
+
+  EXPECT_TRUE(eventTarget.getInstanceHandle(*runtime).isNull());
+
+  eventTarget.retain(*runtime);
+
+  EXPECT_TRUE(eventTarget.getInstanceHandle(*runtime).isNull());
+
+  eventTarget.setEnabled(true);
+
+  eventTarget.retain(*runtime);
+
+  EXPECT_FALSE(eventTarget.getInstanceHandle(*runtime).isNull());
+
+  eventTarget.release(*runtime);
+
+  EXPECT_TRUE(eventTarget.getInstanceHandle(*runtime).isNull());
+}
diff --git a/packages/react-native/ReactCommon/react/renderer/core/tests/FindNodeAtPointTest.cpp b/packages/react-native/ReactCommon/react/renderer/core/tests/FindNodeAtPointTest.cpp
index 25bc0e35d4768a..c5f74fd84fb94c 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/tests/FindNodeAtPointTest.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/tests/FindNodeAtPointTest.cpp
@@ -202,7 +202,7 @@ TEST(FindNodeAtPointTest, overlappingViewsWithZIndex) {
           auto sharedProps = std::make_shared<ViewShadowNodeProps>();
           sharedProps->zIndex = 1;
           auto &yogaStyle = sharedProps->yogaStyle;
-          yogaStyle.positionType() = yoga::PositionType::Absolute;
+          yogaStyle.setPositionType(yoga::PositionType::Absolute);
           return sharedProps;
         })
         .finalize([](ViewShadowNode &shadowNode){
diff --git a/packages/react-native/ReactCommon/react/renderer/core/tests/RawPropsTest.cpp b/packages/react-native/ReactCommon/react/renderer/core/tests/RawPropsTest.cpp
index bca6d019ffbbd0..ea9e657a428791 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/tests/RawPropsTest.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/tests/RawPropsTest.cpp
@@ -8,6 +8,7 @@
 #include <memory>
 
 #include <gtest/gtest.h>
+#include <hermes/hermes.h>
 #include <react/debug/flags.h>
 #include <react/renderer/core/ConcreteShadowNode.h>
 #include <react/renderer/core/PropsParserContext.h>
@@ -16,6 +17,7 @@
 
 #include "TestComponent.h"
 
+using namespace facebook;
 using namespace facebook::react;
 
 class PropsSingleFloat : public Props {
@@ -151,10 +153,10 @@ TEST(RawPropsTest, handleProps) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(folly::dynamic::object("nativeID", "abc"));
+  auto raw = RawProps(folly::dynamic::object("nativeID", "abc"));
   auto parser = RawPropsParser();
   parser.prepare<Props>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   auto props = std::make_shared<Props>(parserContext, Props(), raw);
 
@@ -168,10 +170,10 @@ TEST(RawPropsTest, handleRawPropsSingleString) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(folly::dynamic::object("nativeID", "abc"));
+  auto raw = RawProps(folly::dynamic::object("nativeID", "abc"));
   auto parser = RawPropsParser();
   parser.prepare<Props>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   std::string value = (std::string)*raw.at("nativeID", nullptr, nullptr);
 
@@ -182,11 +184,10 @@ TEST(RawPropsTest, handleRawPropsSingleFloat) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw =
-      RawProps(folly::dynamic::object("floatValue", (float)42.42));
+  auto raw = RawProps(folly::dynamic::object("floatValue", (float)42.42));
   auto parser = RawPropsParser();
   parser.prepare<PropsSingleFloat>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   auto value = (float)*raw.at("floatValue", nullptr, nullptr);
 
@@ -197,11 +198,10 @@ TEST(RawPropsTest, handleRawPropsSingleDouble) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw =
-      RawProps(folly::dynamic::object("doubleValue", (double)42.42));
+  auto raw = RawProps(folly::dynamic::object("doubleValue", (double)42.42));
   auto parser = RawPropsParser();
   parser.prepare<PropsSingleDouble>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   auto value = (double)*raw.at("doubleValue", nullptr, nullptr);
 
@@ -212,10 +212,10 @@ TEST(RawPropsTest, handleRawPropsSingleInt) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(folly::dynamic::object("intValue", (int)42.42));
+  auto raw = RawProps(folly::dynamic::object("intValue", (int)42.42));
   auto parser = RawPropsParser();
   parser.prepare<PropsSingleInt>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   int value = (int)*raw.at("intValue", nullptr, nullptr);
 
@@ -226,10 +226,10 @@ TEST(RawPropsTest, handleRawPropsSingleIntGetManyTimes) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(folly::dynamic::object("intValue", (int)42.42));
+  auto raw = RawProps(folly::dynamic::object("intValue", (int)42.42));
   auto parser = RawPropsParser();
   parser.prepare<PropsSingleInt>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
   EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
@@ -240,14 +240,14 @@ TEST(RawPropsTest, handleRawPropsPrimitiveTypes) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(
+  auto raw = RawProps(
       folly::dynamic::object("intValue", (int)42)("doubleValue", (double)17.42)(
           "floatValue",
           (float)66.67)("stringValue", "helloworld")("boolValue", true));
 
   auto parser = RawPropsParser();
   parser.prepare<PropsPrimitiveTypes>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
   EXPECT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
@@ -262,14 +262,14 @@ TEST(RawPropsTest, handleRawPropsPrimitiveTypesGetTwice) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(
+  auto raw = RawProps(
       folly::dynamic::object("intValue", (int)42)("doubleValue", (double)17.42)(
           "floatValue",
           (float)66.67)("stringValue", "helloworld")("boolValue", true));
 
   auto parser = RawPropsParser();
   parser.prepare<PropsPrimitiveTypes>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
   EXPECT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
@@ -292,14 +292,14 @@ TEST(RawPropsTest, handleRawPropsPrimitiveTypesGetOutOfOrder) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(
+  auto raw = RawProps(
       folly::dynamic::object("intValue", (int)42)("doubleValue", (double)17.42)(
           "floatValue",
           (float)66.67)("stringValue", "helloworld")("boolValue", true));
 
   auto parser = RawPropsParser();
   parser.prepare<PropsPrimitiveTypes>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
   EXPECT_NEAR((double)*raw.at("doubleValue", nullptr, nullptr), 17.42, 0.0001);
@@ -322,11 +322,11 @@ TEST(RawPropsTest, handleRawPropsPrimitiveTypesIncomplete) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(folly::dynamic::object("intValue", (int)42));
+  auto raw = RawProps(folly::dynamic::object("intValue", (int)42));
 
   auto parser = RawPropsParser();
   parser.prepare<PropsPrimitiveTypes>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   EXPECT_EQ((int)*raw.at("intValue", nullptr, nullptr), 42);
   EXPECT_EQ(raw.at("doubleValue", nullptr, nullptr), nullptr);
@@ -342,11 +342,11 @@ TEST(RawPropsTest, handleRawPropsPrimitiveTypesIncorrectLookup) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(folly::dynamic::object("intValue", (int)42));
+  auto raw = RawProps(folly::dynamic::object("intValue", (int)42));
 
   auto parser = RawPropsParser();
   parser.prepare<PropsPrimitiveTypes>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   // Before D18662135, looking up an invalid key would trigger
   // an infinite loop. This is out of contract, so we should only
@@ -360,10 +360,10 @@ TEST(RawPropsTest, handlePropsMultiLookup) {
   ContextContainer contextContainer{};
   PropsParserContext parserContext{-1, contextContainer};
 
-  const auto& raw = RawProps(folly::dynamic::object("floatValue", (float)10.0));
+  auto raw = RawProps(folly::dynamic::object("floatValue", (float)10.0));
   auto parser = RawPropsParser();
   parser.prepare<PropsMultiLookup>();
-  raw.parse(parser, parserContext);
+  raw.parse(parser);
 
   auto props = std::make_shared<PropsMultiLookup>(
       parserContext, PropsMultiLookup(), raw);
@@ -374,3 +374,132 @@ TEST(RawPropsTest, handlePropsMultiLookup) {
   EXPECT_NEAR(props->floatValue, 10.0, 0.00001);
   EXPECT_NEAR(props->derivedFloatValue, 20.0, 0.00001);
 }
+
+TEST(RawPropsTest, copyDynamicRawProps) {
+  ContextContainer contextContainer{};
+  PropsParserContext parserContext{-1, contextContainer};
+
+  auto rawProps = RawProps(folly::dynamic::object("floatValue", (float)10.0));
+
+  auto copy = RawProps(rawProps);
+
+  EXPECT_FALSE(copy.isEmpty());
+
+  auto parser = RawPropsParser();
+  parser.prepare<PropsMultiLookup>();
+
+  rawProps.parse(parser);
+  copy.parse(parser);
+
+  auto originalProps = std::make_shared<PropsMultiLookup>(
+      parserContext, PropsMultiLookup(), rawProps);
+  auto copyProps = std::make_shared<PropsMultiLookup>(
+      parserContext, PropsMultiLookup(), copy);
+
+  // Props are not sealed after applying raw props.
+  EXPECT_FALSE(copyProps->getSealed());
+
+  EXPECT_NEAR(copyProps->floatValue, originalProps->floatValue, 0.00001);
+  EXPECT_NEAR(
+      copyProps->derivedFloatValue, originalProps->derivedFloatValue, 0.00001);
+}
+
+TEST(RawPropsTest, copyEmptyRawProps) {
+  ContextContainer contextContainer{};
+  PropsParserContext parserContext{-1, contextContainer};
+
+  auto rawProps = RawProps();
+
+  auto copy = RawProps(rawProps);
+
+  EXPECT_TRUE(rawProps.isEmpty());
+  EXPECT_TRUE(copy.isEmpty());
+
+  EXPECT_TRUE(((folly::dynamic)copy).empty());
+}
+
+TEST(RawPropsTest, copyNullJSIRawProps) {
+  auto runtime = facebook::hermes::makeHermesRuntime();
+
+  ContextContainer contextContainer{};
+  PropsParserContext parserContext{-1, contextContainer};
+
+  auto rawProps = RawProps(*runtime, jsi::Value::null());
+
+  auto copy = RawProps(rawProps);
+
+  EXPECT_TRUE(rawProps.isEmpty());
+  EXPECT_TRUE(copy.isEmpty());
+
+  EXPECT_TRUE(((folly::dynamic)copy).empty());
+}
+
+TEST(RawPropsTest, copyJSIRawProps) {
+  auto runtime = facebook::hermes::makeHermesRuntime();
+
+  ContextContainer contextContainer{};
+  PropsParserContext parserContext{-1, contextContainer};
+
+  auto object = jsi::Object(*runtime);
+  object.setProperty(*runtime, "floatValue", 10.0);
+
+  auto rawProps = RawProps(*runtime, jsi::Value(*runtime, object));
+  auto copy = RawProps(rawProps);
+
+  EXPECT_FALSE(rawProps.isEmpty());
+  EXPECT_FALSE(copy.isEmpty());
+
+  auto parser = RawPropsParser();
+  parser.prepare<PropsMultiLookup>();
+
+  rawProps.parse(parser);
+  copy.parse(parser);
+
+  auto originalProps = std::make_shared<PropsMultiLookup>(
+      parserContext, PropsMultiLookup(), rawProps);
+  auto copyProps = std::make_shared<PropsMultiLookup>(
+      parserContext, PropsMultiLookup(), copy);
+
+  // Props are not sealed after applying raw props.
+  EXPECT_FALSE(copyProps->getSealed());
+
+  EXPECT_NEAR(copyProps->floatValue, originalProps->floatValue, 0.00001);
+  EXPECT_NEAR(
+      copyProps->derivedFloatValue, originalProps->derivedFloatValue, 0.00001);
+}
+
+TEST(RawPropsTest, filterYogaRawProps) {
+  auto runtime = facebook::hermes::makeHermesRuntime();
+
+  ContextContainer contextContainer{};
+  PropsParserContext parserContext{-1, contextContainer};
+
+  auto object = jsi::Object(*runtime);
+  object.setProperty(*runtime, "floatValue", 10.0);
+  object.setProperty(*runtime, "flex", 1);
+
+  auto rawProps = RawProps(*runtime, jsi::Value(*runtime, object));
+
+  EXPECT_FALSE(rawProps.isEmpty());
+
+  auto dynamicProps = (folly::dynamic)rawProps;
+
+  EXPECT_EQ(dynamicProps["floatValue"], 10.0);
+  EXPECT_EQ(dynamicProps["flex"], 1);
+
+  rawProps.filterYogaStylePropsInDynamicConversion();
+
+  dynamicProps = (folly::dynamic)rawProps;
+
+  EXPECT_EQ(dynamicProps["floatValue"], 10.0);
+  EXPECT_EQ(dynamicProps["flex"], nullptr);
+
+  // The fact that filterYogaStylePropsInDynamicConversion should
+  // must apply to a copy as well.
+  auto copy = RawProps(rawProps);
+
+  auto dynamicPropsFromCopy = (folly::dynamic)copy;
+
+  EXPECT_EQ(dynamicPropsFromCopy["floatValue"], 10.0);
+  EXPECT_EQ(dynamicPropsFromCopy["flex"], nullptr);
+}
diff --git a/packages/react-native/ReactCommon/react/renderer/core/tests/ShadowNodeTest.cpp b/packages/react-native/ReactCommon/react/renderer/core/tests/ShadowNodeTest.cpp
index 8a1f19bdd8a894..ac00541f1030f4 100644
--- a/packages/react-native/ReactCommon/react/renderer/core/tests/ShadowNodeTest.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/core/tests/ShadowNodeTest.cpp
@@ -37,14 +37,11 @@ class ShadowNodeTest : public ::testing::Test {
 
     auto traits = TestShadowNode::BaseTraits();
 
-    auto familyAA = std::make_shared<ShadowNodeFamily>(
-        ShadowNodeFamilyFragment{
-            /* .tag = */ 11,
-            /* .surfaceId = */ surfaceId_,
-            /* .instanceHandle = */ nullptr,
-        },
-        eventDispatcher_,
-        componentDescriptor_);
+    auto familyAA = componentDescriptor_.createFamily(ShadowNodeFamilyFragment{
+        /* .tag = */ 11,
+        /* .surfaceId = */ surfaceId_,
+        /* .instanceHandle = */ nullptr,
+    });
     nodeAA_ = std::make_shared<TestShadowNode>(
         ShadowNodeFragment{
             /* .props = */ props,
@@ -53,14 +50,11 @@ class ShadowNodeTest : public ::testing::Test {
         familyAA,
         traits);
 
-    auto familyABA = std::make_shared<ShadowNodeFamily>(
-        ShadowNodeFamilyFragment{
-            /* .tag = */ 12,
-            /* .surfaceId = */ surfaceId_,
-            /* .instanceHandle = */ nullptr,
-        },
-        eventDispatcher_,
-        componentDescriptor_);
+    auto familyABA = componentDescriptor_.createFamily(ShadowNodeFamilyFragment{
+        /* .tag = */ 12,
+        /* .surfaceId = */ surfaceId_,
+        /* .instanceHandle = */ nullptr,
+    });
     nodeABA_ = std::make_shared<TestShadowNode>(
         ShadowNodeFragment{
             /* .props = */ props,
@@ -69,14 +63,11 @@ class ShadowNodeTest : public ::testing::Test {
         familyABA,
         traits);
 
-    auto familyABB = std::make_shared<ShadowNodeFamily>(
-        ShadowNodeFamilyFragment{
-            /* .tag = */ 13,
-            /* .surfaceId = */ surfaceId_,
-            /* .instanceHandle = */ nullptr,
-        },
-        eventDispatcher_,
-        componentDescriptor_);
+    auto familyABB = componentDescriptor_.createFamily(ShadowNodeFamilyFragment{
+        /* .tag = */ 13,
+        /* .surfaceId = */ surfaceId_,
+        /* .instanceHandle = */ nullptr,
+    });
     nodeABB_ = std::make_shared<TestShadowNode>(
         ShadowNodeFragment{
             /* .props = */ props,
@@ -88,14 +79,11 @@ class ShadowNodeTest : public ::testing::Test {
     auto nodeABChildren = std::make_shared<ShadowNode::ListOfShared>(
         ShadowNode::ListOfShared{nodeABA_, nodeABB_});
 
-    auto familyAB = std::make_shared<ShadowNodeFamily>(
-        ShadowNodeFamilyFragment{
-            /* .tag = */ 15,
-            /* .surfaceId = */ surfaceId_,
-            /* .instanceHandle = */ nullptr,
-        },
-        eventDispatcher_,
-        componentDescriptor_);
+    auto familyAB = componentDescriptor_.createFamily(ShadowNodeFamilyFragment{
+        /* .tag = */ 15,
+        /* .surfaceId = */ surfaceId_,
+        /* .instanceHandle = */ nullptr,
+    });
     nodeAB_ = std::make_shared<TestShadowNode>(
         ShadowNodeFragment{
             /* .props = */ props,
@@ -104,14 +92,11 @@ class ShadowNodeTest : public ::testing::Test {
         familyAB,
         traits);
 
-    auto familyAC = std::make_shared<ShadowNodeFamily>(
-        ShadowNodeFamilyFragment{
-            /* .tag = */ 16,
-            /* .surfaceId = */ surfaceId_,
-            /* .instanceHandle = */ nullptr,
-        },
-        eventDispatcher_,
-        componentDescriptor_);
+    auto familyAC = componentDescriptor_.createFamily(ShadowNodeFamilyFragment{
+        /* .tag = */ 16,
+        /* .surfaceId = */ surfaceId_,
+        /* .instanceHandle = */ nullptr,
+    });
     nodeAC_ = std::make_shared<TestShadowNode>(
         ShadowNodeFragment{
             /* .props = */ props,
@@ -123,14 +108,11 @@ class ShadowNodeTest : public ::testing::Test {
     auto nodeAChildren = std::make_shared<ShadowNode::ListOfShared>(
         ShadowNode::ListOfShared{nodeAA_, nodeAB_, nodeAC_});
 
-    auto familyA = std::make_shared<ShadowNodeFamily>(
-        ShadowNodeFamilyFragment{
-            /* .tag = */ 17,
-            /* .surfaceId = */ surfaceId_,
-            /* .instanceHandle = */ nullptr,
-        },
-        eventDispatcher_,
-        componentDescriptor_);
+    auto familyA = componentDescriptor_.createFamily(ShadowNodeFamilyFragment{
+        /* .tag = */ 17,
+        /* .surfaceId = */ surfaceId_,
+        /* .instanceHandle = */ nullptr,
+    });
     nodeA_ = std::make_shared<TestShadowNode>(
         ShadowNodeFragment{
             /* .props = */ props,
@@ -139,14 +121,11 @@ class ShadowNodeTest : public ::testing::Test {
         familyA,
         traits);
 
-    auto familyZ = std::make_shared<ShadowNodeFamily>(
-        ShadowNodeFamilyFragment{
-            /* .tag = */ 18,
-            /* .surfaceId = */ surfaceId_,
-            /* .instanceHandle = */ nullptr,
-        },
-        eventDispatcher_,
-        componentDescriptor_);
+    auto familyZ = componentDescriptor_.createFamily(ShadowNodeFamilyFragment{
+        /* .tag = */ 18,
+        /* .surfaceId = */ surfaceId_,
+        /* .instanceHandle = */ nullptr,
+    });
     nodeZ_ = std::make_shared<TestShadowNode>(
         ShadowNodeFragment{
             /* .props = */ props,
@@ -234,14 +213,11 @@ TEST_F(ShadowNodeTest, handleCloneFunction) {
 }
 
 TEST_F(ShadowNodeTest, handleState) {
-  auto family = std::make_shared<ShadowNodeFamily>(
-      ShadowNodeFamilyFragment{
-          /* .tag = */ 9,
-          /* .surfaceId = */ surfaceId_,
-          /* .instanceHandle = */ nullptr,
-      },
-      eventDispatcher_,
-      componentDescriptor_);
+  auto family = componentDescriptor_.createFamily(ShadowNodeFamilyFragment{
+      /* .tag = */ 9,
+      /* .surfaceId = */ surfaceId_,
+      /* .instanceHandle = */ nullptr,
+  });
 
   auto traits = TestShadowNode::BaseTraits();
 
diff --git a/packages/react-native/ReactCommon/react/renderer/core/tests/traitCastTest.cpp b/packages/react-native/ReactCommon/react/renderer/core/tests/traitCastTest.cpp
deleted file mode 100644
index d08f5ab3aee41d..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/core/tests/traitCastTest.cpp
+++ /dev/null
@@ -1,144 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include <gtest/gtest.h>
-
-#include <react/renderer/components/scrollview/ScrollViewComponentDescriptor.h>
-#include <react/renderer/components/text/ParagraphComponentDescriptor.h>
-#include <react/renderer/components/text/RawTextComponentDescriptor.h>
-#include <react/renderer/components/text/TextComponentDescriptor.h>
-#include <react/renderer/components/view/ViewComponentDescriptor.h>
-#include <react/renderer/core/TraitCast.h>
-
-#include <react/renderer/element/Element.h>
-#include <react/renderer/element/testUtils.h>
-
-using namespace facebook::react;
-
-TEST(traitCastTest, testOne) {
-  auto builder = simpleComponentBuilder();
-
-  auto viewShadowNode = std::shared_ptr<ViewShadowNode>{};
-  auto scrollViewShadowNode = std::shared_ptr<ScrollViewShadowNode>{};
-  auto paragraphShadowNode = std::shared_ptr<ParagraphShadowNode>{};
-  auto textShadowNode = std::shared_ptr<TextShadowNode>{};
-  auto rawTextShadowNode = std::shared_ptr<RawTextShadowNode>{};
-
-  // clang-format off
-  auto element =
-      Element<ScrollViewShadowNode>()
-        .reference(scrollViewShadowNode)
-        .children({
-          Element<ParagraphShadowNode>()
-            .reference(paragraphShadowNode)
-            .children({
-              Element<TextShadowNode>()
-                .reference(textShadowNode),
-              Element<RawTextShadowNode>()
-                .reference(rawTextShadowNode)
-            }),
-          Element<ViewShadowNode>()
-            .reference(viewShadowNode),
-        });
-  // clang-format on
-
-  auto rootShadowNode = builder.build(element);
-
-  std::shared_ptr<ShadowNode> shadowNodeForRawTextShadowNode{rawTextShadowNode};
-  std::shared_ptr<ShadowNode> shadowNodeForTextShadowNode{textShadowNode};
-
-  // Casting `nullptr` returns `nullptrs`.
-  ShadowNode* nullShadowNode = nullptr;
-  EXPECT_FALSE(traitCast<const LayoutableShadowNode*>(nullShadowNode));
-  EXPECT_FALSE(traitCast<const YogaLayoutableShadowNode*>(nullShadowNode));
-  EXPECT_FALSE(traitCast<const LayoutableShadowNode*>(nullShadowNode));
-  EXPECT_FALSE(traitCast<LayoutableShadowNode*>(nullShadowNode));
-  EXPECT_FALSE(traitCast<LayoutableShadowNode>(
-      std::shared_ptr<ShadowNode>(nullShadowNode)));
-
-  // `ViewShadowNode` is `LayoutableShadowNode` and `YogaLayoutableShadowNode`.
-  EXPECT_TRUE(traitCast<const LayoutableShadowNode*>(viewShadowNode.get()));
-  EXPECT_TRUE(traitCast<const YogaLayoutableShadowNode*>(viewShadowNode.get()));
-  EXPECT_NO_FATAL_FAILURE(
-      traitCast<const LayoutableShadowNode&>(*viewShadowNode));
-  EXPECT_NO_FATAL_FAILURE(
-      traitCast<const YogaLayoutableShadowNode&>(*viewShadowNode));
-  EXPECT_NO_FATAL_FAILURE(
-      traitCast<YogaLayoutableShadowNode&>(*viewShadowNode));
-  EXPECT_TRUE(traitCast<LayoutableShadowNode*>(viewShadowNode.get()));
-  EXPECT_TRUE(traitCast<LayoutableShadowNode>(viewShadowNode));
-
-  // `ScrollViewShadowNode` is `LayoutableShadowNode` and
-  // `YogaLayoutableShadowNode`.
-  EXPECT_TRUE(
-      traitCast<const LayoutableShadowNode*>(scrollViewShadowNode.get()));
-  EXPECT_TRUE(
-      traitCast<const YogaLayoutableShadowNode*>(scrollViewShadowNode.get()));
-  EXPECT_NO_FATAL_FAILURE(
-      traitCast<const LayoutableShadowNode&>(*scrollViewShadowNode));
-  EXPECT_NO_FATAL_FAILURE(
-      traitCast<const YogaLayoutableShadowNode&>(*scrollViewShadowNode));
-
-  // `ParagraphShadowNode` is `LayoutableShadowNode` and
-  // `YogaLayoutableShadowNode`.
-  EXPECT_TRUE(
-      traitCast<const LayoutableShadowNode*>(paragraphShadowNode.get()));
-  EXPECT_TRUE(
-      traitCast<const YogaLayoutableShadowNode*>(paragraphShadowNode.get()));
-  EXPECT_NO_FATAL_FAILURE(
-      traitCast<const LayoutableShadowNode&>(*paragraphShadowNode));
-  EXPECT_NO_FATAL_FAILURE(
-      traitCast<const YogaLayoutableShadowNode&>(*paragraphShadowNode));
-
-  // `TextShadowNode` is *not* `LayoutableShadowNode` nor
-  // `YogaLayoutableShadowNode`.
-  EXPECT_FALSE(traitCast<const LayoutableShadowNode*>(textShadowNode.get()));
-  EXPECT_FALSE(
-      traitCast<const YogaLayoutableShadowNode*>(textShadowNode.get()));
-  EXPECT_DEATH_IF_SUPPORTED(
-      traitCast<const LayoutableShadowNode&>(*textShadowNode), "");
-  EXPECT_DEATH_IF_SUPPORTED(
-      traitCast<const YogaLayoutableShadowNode&>(*textShadowNode), "");
-
-  // `RawTextShadowNode` is *not* `LayoutableShadowNode` nor
-  // `YogaLayoutableShadowNode`.
-  EXPECT_FALSE(traitCast<const LayoutableShadowNode*>(rawTextShadowNode.get()));
-  EXPECT_FALSE(
-      traitCast<const YogaLayoutableShadowNode*>(rawTextShadowNode.get()));
-  EXPECT_DEATH_IF_SUPPORTED(
-      traitCast<const LayoutableShadowNode&>(*rawTextShadowNode), "");
-  EXPECT_DEATH_IF_SUPPORTED(
-      traitCast<const YogaLayoutableShadowNode&>(*rawTextShadowNode), "");
-
-  // trait cast to `RawTextShadowNode` works on `RawTextShadowNode`
-  // and not on TextShadowNode or ViewShadowNode
-  EXPECT_TRUE(traitCast<const RawTextShadowNode*>(
-      shadowNodeForRawTextShadowNode.get()));
-  EXPECT_NO_FATAL_FAILURE(
-      traitCast<const RawTextShadowNode&>(*shadowNodeForRawTextShadowNode));
-  EXPECT_FALSE(
-      traitCast<const RawTextShadowNode*>(shadowNodeForTextShadowNode.get()));
-  EXPECT_DEATH_IF_SUPPORTED(
-      traitCast<const RawTextShadowNode&>(*shadowNodeForTextShadowNode), "");
-  EXPECT_FALSE(traitCast<const RawTextShadowNode*>(viewShadowNode.get()));
-  EXPECT_DEATH_IF_SUPPORTED(
-      traitCast<const RawTextShadowNode&>(*viewShadowNode), "");
-
-  // trait cast to `TextShadowNode` works on `TextShadowNode`
-  // and not on RawTextShadowNode or ViewShadowNode
-  EXPECT_TRUE(
-      traitCast<const TextShadowNode*>(shadowNodeForTextShadowNode.get()));
-  EXPECT_NO_FATAL_FAILURE(
-      traitCast<const TextShadowNode&>(*shadowNodeForTextShadowNode));
-  EXPECT_FALSE(
-      traitCast<const TextShadowNode*>(shadowNodeForRawTextShadowNode.get()));
-  EXPECT_DEATH_IF_SUPPORTED(
-      traitCast<const TextShadowNode&>(*shadowNodeForRawTextShadowNode), "");
-  EXPECT_FALSE(traitCast<const TextShadowNode*>(viewShadowNode.get()));
-  EXPECT_DEATH_IF_SUPPORTED(
-      traitCast<const TextShadowNode&>(*viewShadowNode), "");
-}
diff --git a/packages/react-native/ReactCommon/react/renderer/css/CSSDeclaredStyle.h b/packages/react-native/ReactCommon/react/renderer/css/CSSDeclaredStyle.h
new file mode 100644
index 00000000000000..c52bf22e679088
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/css/CSSDeclaredStyle.h
@@ -0,0 +1,108 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <algorithm>
+#include <bitset>
+#include <memory>
+#include <type_traits>
+#include <vector>
+
+#include <react/debug/react_native_assert.h>
+#include <react/renderer/css/CSSParser.h>
+#include <react/renderer/css/CSSProperties.h>
+
+namespace facebook::react {
+
+/**
+ * CSSDeclaredStyle represents the set of style declarations on an element set
+ * by the user. Users should generally not read from CSSDeclaredStyle directly,
+ * and should instead use the computed style calculated on ShadowTree commit.
+ */
+class CSSDeclaredStyle {
+ public:
+  template <CSSProp Prop>
+  void set(const CSSDeclaredValue<Prop>& value) {
+    using DeclaredValueT = std::remove_cvref_t<CSSDeclaredValue<Prop>>;
+    static_assert(sizeof(value) <= sizeof(PropMapping::value));
+    static_assert(std::is_trivially_destructible_v<DeclaredValueT>);
+
+    if (specifiedProperties_.test(to_underlying(Prop))) {
+      auto it = std::lower_bound(
+          properties_.begin(), properties_.end(), PropMapping{Prop, {}});
+      react_native_assert(it->prop == Prop);
+      std::construct_at(
+          reinterpret_cast<DeclaredValueT*>(it->value.data()), value);
+    } else {
+      auto it = std::upper_bound(
+          properties_.begin(), properties_.end(), PropMapping{Prop, {}});
+      it = properties_.insert(it, {Prop, {}});
+      std::construct_at(
+          reinterpret_cast<DeclaredValueT*>(it->value.data()), value);
+      specifiedProperties_.set(to_underlying(Prop));
+    }
+  }
+
+  template <CSSProp Prop>
+  void set(std::string_view value) {
+    set<Prop>(parseCSSProp<Prop>(value));
+  }
+
+  /**
+   * Returns the declared value, represented as the "unset" keyword if never
+   * specified. Additional shorthands can be provided in order
+   * of precedence if Prop is unset.
+   */
+  template <CSSProp Prop, CSSProp... ShorthandsT>
+  CSSDeclaredValue<Prop> get() const {
+    if (specifiedProperties_.test(to_underlying(Prop))) {
+      auto it = std::lower_bound(
+          properties_.begin(), properties_.end(), PropMapping{Prop, {}});
+      react_native_assert(it->prop == Prop);
+
+      CSSDeclaredValue<Prop> value{*std::launder(
+          reinterpret_cast<const CSSDeclaredValue<Prop>*>(it->value.data()))};
+
+      if (value) {
+        return value;
+      }
+    }
+
+    if constexpr (sizeof...(ShorthandsT) == 0) {
+      return {};
+    } else {
+      return get<ShorthandsT...>();
+    }
+  }
+
+  bool operator==(const CSSDeclaredStyle& rhs) const = default;
+
+ private:
+  struct PropMapping {
+    CSSProp prop;
+    std::array<
+        std::byte,
+        sizeof(CSSValueVariant<
+               CSSWideKeyword,
+               CSSKeyword,
+               CSSLength,
+               CSSNumber,
+               CSSPercentage,
+               CSSRatio>)>
+        value;
+
+    constexpr bool operator<(const PropMapping& rhs) const {
+      return to_underlying(prop) < to_underlying(rhs.prop);
+    }
+  };
+
+  std::vector<PropMapping> properties_;
+  std::bitset<kCSSPropCount> specifiedProperties_;
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/css/CSSKeywords.h b/packages/react-native/ReactCommon/react/renderer/css/CSSKeywords.h
new file mode 100644
index 00000000000000..7279c36c7fd13a
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/css/CSSKeywords.h
@@ -0,0 +1,458 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <optional>
+#include <string_view>
+
+#include <react/utils/fnv1a.h>
+#include <react/utils/to_underlying.h>
+
+namespace facebook::react {
+
+/**
+ * One of any predefined CSS keywords.
+ * https://www.w3.org/TR/css-values-4/#keywords
+ */
+enum class CSSKeyword : uint8_t {
+  Absolute,
+  Auto,
+  Baseline,
+  Block,
+  Center,
+  Clip,
+  Column,
+  ColumnReverse,
+  Content,
+  Contents,
+  Dashed,
+  Dotted,
+  Double,
+  End,
+  Fixed,
+  Flex,
+  FlexEnd,
+  FlexStart,
+  Grid,
+  Groove,
+  Hidden,
+  Inherit,
+  Initial,
+  Inline,
+  InlineBlock,
+  InlineFlex,
+  InlineGrid,
+  Inset,
+  Ltr,
+  MaxContent,
+  Medium,
+  MinContent,
+  None,
+  Normal,
+  NoWrap,
+  Outset,
+  Relative,
+  Ridge,
+  Row,
+  RowReverse,
+  Rtl,
+  Scroll,
+  Solid,
+  SpaceAround,
+  SpaceBetween,
+  SpaceEvenly,
+  Start,
+  Static,
+  Sticky,
+  Stretch,
+  Thick,
+  Thin,
+  Unset,
+  Visible,
+  Wrap,
+  WrapReverse,
+};
+
+/**
+ * Represents a contrained set of CSS keywords.
+ */
+template <typename T>
+concept CSSKeywordSet = std::is_enum_v<T> && std::
+    is_same_v<std::underlying_type_t<T>, std::underlying_type_t<CSSKeyword>>;
+
+/**
+ * CSS-wide keywords.
+ * https://www.w3.org/TR/css-values-4/#common-keywords
+ */
+enum class CSSWideKeyword : std::underlying_type_t<CSSKeyword> {
+  Inherit = to_underlying(CSSKeyword::Inherit),
+  Initial = to_underlying(CSSKeyword::Initial),
+  Unset = to_underlying(CSSKeyword::Unset),
+};
+
+/**
+ * Defines a concept for whether an enum has a given member.
+ */
+#define CSS_DEFINE_KEYWORD_CONEPTS(name)                             \
+  namespace detail {                                                 \
+  template <typename T>                                              \
+  concept has##name = (CSSKeywordSet<T> && requires() { T::name; }); \
+  }
+
+CSS_DEFINE_KEYWORD_CONEPTS(Absolute)
+CSS_DEFINE_KEYWORD_CONEPTS(Auto)
+CSS_DEFINE_KEYWORD_CONEPTS(Baseline)
+CSS_DEFINE_KEYWORD_CONEPTS(Block)
+CSS_DEFINE_KEYWORD_CONEPTS(Center)
+CSS_DEFINE_KEYWORD_CONEPTS(Clip)
+CSS_DEFINE_KEYWORD_CONEPTS(Column)
+CSS_DEFINE_KEYWORD_CONEPTS(ColumnReverse)
+CSS_DEFINE_KEYWORD_CONEPTS(Content)
+CSS_DEFINE_KEYWORD_CONEPTS(Contents)
+CSS_DEFINE_KEYWORD_CONEPTS(Dashed)
+CSS_DEFINE_KEYWORD_CONEPTS(Dotted)
+CSS_DEFINE_KEYWORD_CONEPTS(Double)
+CSS_DEFINE_KEYWORD_CONEPTS(End)
+CSS_DEFINE_KEYWORD_CONEPTS(Fixed)
+CSS_DEFINE_KEYWORD_CONEPTS(Flex)
+CSS_DEFINE_KEYWORD_CONEPTS(FlexEnd)
+CSS_DEFINE_KEYWORD_CONEPTS(FlexStart)
+CSS_DEFINE_KEYWORD_CONEPTS(Grid)
+CSS_DEFINE_KEYWORD_CONEPTS(Groove)
+CSS_DEFINE_KEYWORD_CONEPTS(Hidden)
+CSS_DEFINE_KEYWORD_CONEPTS(Inherit)
+CSS_DEFINE_KEYWORD_CONEPTS(Initial)
+CSS_DEFINE_KEYWORD_CONEPTS(Inline)
+CSS_DEFINE_KEYWORD_CONEPTS(InlineBlock)
+CSS_DEFINE_KEYWORD_CONEPTS(InlineFlex)
+CSS_DEFINE_KEYWORD_CONEPTS(InlineGrid)
+CSS_DEFINE_KEYWORD_CONEPTS(Inset)
+CSS_DEFINE_KEYWORD_CONEPTS(Ltr)
+CSS_DEFINE_KEYWORD_CONEPTS(MaxContent)
+CSS_DEFINE_KEYWORD_CONEPTS(Medium)
+CSS_DEFINE_KEYWORD_CONEPTS(MinContent)
+CSS_DEFINE_KEYWORD_CONEPTS(None)
+CSS_DEFINE_KEYWORD_CONEPTS(Normal)
+CSS_DEFINE_KEYWORD_CONEPTS(NoWrap)
+CSS_DEFINE_KEYWORD_CONEPTS(Outset)
+CSS_DEFINE_KEYWORD_CONEPTS(Relative)
+CSS_DEFINE_KEYWORD_CONEPTS(Ridge)
+CSS_DEFINE_KEYWORD_CONEPTS(Row)
+CSS_DEFINE_KEYWORD_CONEPTS(RowReverse)
+CSS_DEFINE_KEYWORD_CONEPTS(Rtl)
+CSS_DEFINE_KEYWORD_CONEPTS(Scroll)
+CSS_DEFINE_KEYWORD_CONEPTS(Solid)
+CSS_DEFINE_KEYWORD_CONEPTS(SpaceAround)
+CSS_DEFINE_KEYWORD_CONEPTS(SpaceBetween)
+CSS_DEFINE_KEYWORD_CONEPTS(SpaceEvenly)
+CSS_DEFINE_KEYWORD_CONEPTS(Start)
+CSS_DEFINE_KEYWORD_CONEPTS(Static)
+CSS_DEFINE_KEYWORD_CONEPTS(Sticky)
+CSS_DEFINE_KEYWORD_CONEPTS(Stretch)
+CSS_DEFINE_KEYWORD_CONEPTS(Thick)
+CSS_DEFINE_KEYWORD_CONEPTS(Thin)
+CSS_DEFINE_KEYWORD_CONEPTS(Unset)
+CSS_DEFINE_KEYWORD_CONEPTS(Visible)
+CSS_DEFINE_KEYWORD_CONEPTS(Wrap)
+CSS_DEFINE_KEYWORD_CONEPTS(WrapReverse)
+
+/**
+ * Parses an ident token, case-insensitive, into a keyword.
+ *
+ * Returns KeywordT::Unset if the ident does not match any entries
+ * in the keyword-set, or CSS-wide keywords.
+ */
+template <CSSKeywordSet KeywordT>
+constexpr std::optional<KeywordT> parseCSSKeyword(std::string_view ident) {
+  struct LowerCaseTransform {
+    constexpr char operator()(char c) const {
+      if (c >= 'A' && c <= 'Z') {
+        return c + static_cast<char>('a' - 'A');
+      }
+      return c;
+    }
+  };
+
+  switch (fnv1a<LowerCaseTransform>(ident)) {
+    case fnv1a("absolute"):
+      if constexpr (detail::hasAbsolute<KeywordT>) {
+        return KeywordT::Absolute;
+      }
+      break;
+    case fnv1a("auto"):
+      if constexpr (detail::hasAuto<KeywordT>) {
+        return KeywordT::Auto;
+      }
+      break;
+    case fnv1a("baseline"):
+      if constexpr (detail::hasBaseline<KeywordT>) {
+        return KeywordT::Baseline;
+      }
+      break;
+    case fnv1a("block"):
+      if constexpr (detail::hasBlock<KeywordT>) {
+        return KeywordT::Block;
+      }
+      break;
+    case fnv1a("center"):
+      if constexpr (detail::hasCenter<KeywordT>) {
+        return KeywordT::Center;
+      }
+      break;
+    case fnv1a("clip"):
+      if constexpr (detail::hasClip<KeywordT>) {
+        return KeywordT::Clip;
+      }
+      break;
+    case fnv1a("column"):
+      if constexpr (detail::hasColumn<KeywordT>) {
+        return KeywordT::Column;
+      }
+      break;
+    case fnv1a("column-reverse"):
+      if constexpr (detail::hasColumnReverse<KeywordT>) {
+        return KeywordT::ColumnReverse;
+      }
+      break;
+    case fnv1a("content"):
+      if constexpr (detail::hasContent<KeywordT>) {
+        return KeywordT::Content;
+      }
+      break;
+    case fnv1a("contents"):
+      if constexpr (detail::hasContents<KeywordT>) {
+        return KeywordT::Contents;
+      }
+      break;
+    case fnv1a("dashed"):
+      if constexpr (detail::hasDashed<KeywordT>) {
+        return KeywordT::Dashed;
+      }
+      break;
+    case fnv1a("dotted"):
+      if constexpr (detail::hasDotted<KeywordT>) {
+        return KeywordT::Dotted;
+      }
+      break;
+    case fnv1a("double"):
+      if constexpr (detail::hasDouble<KeywordT>) {
+        return KeywordT::Double;
+      }
+      break;
+    case fnv1a("end"):
+      if constexpr (detail::hasEnd<KeywordT>) {
+        return KeywordT::End;
+      }
+      break;
+    case fnv1a("fixed"):
+      if constexpr (detail::hasFixed<KeywordT>) {
+        return KeywordT::Fixed;
+      }
+    case fnv1a("flex"):
+      if constexpr (detail::hasFlex<KeywordT>) {
+        return KeywordT::Flex;
+      }
+      break;
+    case fnv1a("flex-end"):
+      if constexpr (detail::hasFlexEnd<KeywordT>) {
+        return KeywordT::FlexEnd;
+      }
+      break;
+    case fnv1a("flex-start"):
+      if constexpr (detail::hasFlexStart<KeywordT>) {
+        return KeywordT::FlexStart;
+      }
+      break;
+    case fnv1a("grid"):
+      if constexpr (detail::hasGrid<KeywordT>) {
+        return KeywordT::Grid;
+      }
+      break;
+    case fnv1a("groove"):
+      if constexpr (detail::hasGroove<KeywordT>) {
+        return KeywordT::Groove;
+      }
+      break;
+    case fnv1a("hidden"):
+      if constexpr (detail::hasHidden<KeywordT>) {
+        return KeywordT::Hidden;
+      }
+      break;
+    case fnv1a("inherit"):
+      if constexpr (detail::hasInherit<KeywordT>) {
+        return KeywordT::Inherit;
+      }
+      break;
+    case fnv1a("inline"):
+      if constexpr (detail::hasInline<KeywordT>) {
+        return KeywordT::Inline;
+      }
+      break;
+    case fnv1a("inline-block"):
+      if constexpr (detail::hasInlineBlock<KeywordT>) {
+        return KeywordT::InlineBlock;
+      }
+      break;
+    case fnv1a("inline-flex"):
+      if constexpr (detail::hasInlineFlex<KeywordT>) {
+        return KeywordT::InlineFlex;
+      }
+      break;
+    case fnv1a("inline-grid"):
+      if constexpr (detail::hasInlineGrid<KeywordT>) {
+        return KeywordT::InlineGrid;
+      }
+      break;
+    case fnv1a("ltr"):
+      if constexpr (detail::hasLtr<KeywordT>) {
+        return KeywordT::Ltr;
+      }
+      break;
+    case fnv1a("max-content"):
+      if constexpr (detail::hasMaxContent<KeywordT>) {
+        return KeywordT::MaxContent;
+      }
+      break;
+    case fnv1a("medium"):
+      if constexpr (detail::hasMedium<KeywordT>) {
+        return KeywordT::Medium;
+      }
+      break;
+    case fnv1a("min-content"):
+      if constexpr (detail::hasMinContent<KeywordT>) {
+        return KeywordT::MinContent;
+      }
+      break;
+    case fnv1a("none"):
+      if constexpr (detail::hasNone<KeywordT>) {
+        return KeywordT::None;
+      }
+      break;
+    case fnv1a("normal"):
+      if constexpr (detail::hasNormal<KeywordT>) {
+        return KeywordT::Normal;
+      }
+      break;
+    case fnv1a("nowrap"):
+      if constexpr (detail::hasNoWrap<KeywordT>) {
+        return KeywordT::NoWrap;
+      }
+      break;
+    case fnv1a("outset"):
+      if constexpr (detail::hasOutset<KeywordT>) {
+        return KeywordT::Outset;
+      }
+      break;
+    case fnv1a("relative"):
+      if constexpr (detail::hasRelative<KeywordT>) {
+        return KeywordT::Relative;
+      }
+      break;
+    case fnv1a("ridge"):
+      if constexpr (detail::hasRidge<KeywordT>) {
+        return KeywordT::Ridge;
+      }
+      break;
+    case fnv1a("row"):
+      if constexpr (detail::hasRow<KeywordT>) {
+        return KeywordT::Row;
+      }
+      break;
+    case fnv1a("row-reverse"):
+      if constexpr (detail::hasRowReverse<KeywordT>) {
+        return KeywordT::RowReverse;
+      }
+      break;
+    case fnv1a("rtl"):
+      if constexpr (detail::hasRtl<KeywordT>) {
+        return KeywordT::Rtl;
+      }
+      break;
+    case fnv1a("space-between"):
+      if constexpr (detail::hasSpaceBetween<KeywordT>) {
+        return KeywordT::SpaceBetween;
+      }
+      break;
+    case fnv1a("space-around"):
+      if constexpr (detail::hasSpaceAround<KeywordT>) {
+        return KeywordT::SpaceAround;
+      }
+      break;
+    case fnv1a("space-evenly"):
+      if constexpr (detail::hasSpaceEvenly<KeywordT>) {
+        return KeywordT::SpaceEvenly;
+      }
+      break;
+    case fnv1a("scroll"):
+      if constexpr (detail::hasScroll<KeywordT>) {
+        return KeywordT::Scroll;
+      }
+      break;
+    case fnv1a("solid"):
+      if constexpr (detail::hasSolid<KeywordT>) {
+        return KeywordT::Solid;
+      }
+      break;
+    case fnv1a("start"):
+      if constexpr (detail::hasStart<KeywordT>) {
+        return KeywordT::Start;
+      }
+    case fnv1a("static"):
+      if constexpr (detail::hasStatic<KeywordT>) {
+        return KeywordT::Static;
+      }
+      break;
+    case fnv1a("sticky"):
+      if constexpr (detail::hasSticky<KeywordT>) {
+        return KeywordT::Sticky;
+      }
+      break;
+    case fnv1a("stretch"):
+      if constexpr (detail::hasStretch<KeywordT>) {
+        return KeywordT::Stretch;
+      }
+      break;
+    case fnv1a("thick"):
+      if constexpr (detail::hasThick<KeywordT>) {
+        return KeywordT::Thick;
+      }
+      break;
+    case fnv1a("thin"):
+      if constexpr (detail::hasThin<KeywordT>) {
+        return KeywordT::Thin;
+      }
+      break;
+    case fnv1a("unset"):
+      if constexpr (detail::hasUnset<KeywordT>) {
+        return KeywordT::Unset;
+      }
+      break;
+    case fnv1a("visible"):
+      if constexpr (detail::hasVisible<KeywordT>) {
+        return KeywordT::Visible;
+      }
+      break;
+    case fnv1a("wrap"):
+      if constexpr (detail::hasWrap<KeywordT>) {
+        return KeywordT::Wrap;
+      }
+      break;
+    case fnv1a("wrap-reverse"):
+      if constexpr (detail::hasWrapReverse<KeywordT>) {
+        return KeywordT::WrapReverse;
+      }
+      break;
+    default:
+      break;
+  }
+
+  return std::nullopt;
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/css/CSSLengthUnit.h b/packages/react-native/ReactCommon/react/renderer/css/CSSLengthUnit.h
new file mode 100644
index 00000000000000..dea830d672751e
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/css/CSSLengthUnit.h
@@ -0,0 +1,165 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <optional>
+#include <string_view>
+
+#include <react/utils/fnv1a.h>
+
+namespace facebook::react {
+
+/**
+ * Unit for the CSS <length> type.
+ * https://www.w3.org/TR/css-values-4/#lengths
+ */
+enum class CSSLengthUnit : uint8_t {
+  Cap,
+  Ch,
+  Cm,
+  Dvb,
+  Dvh,
+  Dvi,
+  Dvmax,
+  Dvmin,
+  Dvw,
+  Em,
+  Ex,
+  Ic,
+  In,
+  Lh,
+  Lvb,
+  Lvh,
+  Lvi,
+  Lvmax,
+  Lvmin,
+  Lvw,
+  Mm,
+  Pc,
+  Pt,
+  Px,
+  Q,
+  Rcap,
+  Rch,
+  Rem,
+  Rex,
+  Ric,
+  Rlh,
+  Svb,
+  Svh,
+  Svi,
+  Svmax,
+  Svmin,
+  Svw,
+  Vb,
+  Vh,
+  Vi,
+  Vmax,
+  Vmin,
+  Vw,
+};
+
+/**
+ * Parses a unit from a dimension token into a CSS length unit.
+ */
+constexpr std::optional<CSSLengthUnit> parseCSSLengthUnit(
+    std::string_view unit) {
+  switch (fnv1a(unit)) {
+    case fnv1a("cap"):
+      return CSSLengthUnit::Cap;
+    case fnv1a("ch"):
+      return CSSLengthUnit::Ch;
+    case fnv1a("cm"):
+      return CSSLengthUnit::Cm;
+    case fnv1a("dvb"):
+      return CSSLengthUnit::Dvb;
+    case fnv1a("dvh"):
+      return CSSLengthUnit::Dvh;
+    case fnv1a("dvi"):
+      return CSSLengthUnit::Dvi;
+    case fnv1a("dvmax"):
+      return CSSLengthUnit::Dvmax;
+    case fnv1a("dvmin"):
+      return CSSLengthUnit::Dvmin;
+    case fnv1a("dvw"):
+      return CSSLengthUnit::Dvw;
+    case fnv1a("em"):
+      return CSSLengthUnit::Em;
+    case fnv1a("ex"):
+      return CSSLengthUnit::Ex;
+    case fnv1a("ic"):
+      return CSSLengthUnit::Ic;
+    case fnv1a("in"):
+      return CSSLengthUnit::In;
+    case fnv1a("lh"):
+      return CSSLengthUnit::Lh;
+    case fnv1a("lvb"):
+      return CSSLengthUnit::Lvb;
+    case fnv1a("lvh"):
+      return CSSLengthUnit::Lvh;
+    case fnv1a("lvi"):
+      return CSSLengthUnit::Lvi;
+    case fnv1a("lvmax"):
+      return CSSLengthUnit::Lvmax;
+    case fnv1a("lvmin"):
+      return CSSLengthUnit::Lvmin;
+    case fnv1a("lvw"):
+      return CSSLengthUnit::Lvw;
+    case fnv1a("mm"):
+      return CSSLengthUnit::Mm;
+    case fnv1a("pc"):
+      return CSSLengthUnit::Pc;
+    case fnv1a("pt"):
+      return CSSLengthUnit::Pt;
+    case fnv1a("px"):
+      return CSSLengthUnit::Px;
+    case fnv1a("q"):
+      return CSSLengthUnit::Q;
+    case fnv1a("rcap"):
+      return CSSLengthUnit::Rcap;
+    case fnv1a("rch"):
+      return CSSLengthUnit::Rch;
+    case fnv1a("rem"):
+      return CSSLengthUnit::Rem;
+    case fnv1a("rex"):
+      return CSSLengthUnit::Rex;
+    case fnv1a("ric"):
+      return CSSLengthUnit::Ric;
+    case fnv1a("rlh"):
+      return CSSLengthUnit::Rlh;
+    case fnv1a("svb"):
+      return CSSLengthUnit::Svb;
+    case fnv1a("svh"):
+      return CSSLengthUnit::Svh;
+    case fnv1a("svi"):
+      return CSSLengthUnit::Svi;
+    case fnv1a("svmax"):
+      return CSSLengthUnit::Svmax;
+    case fnv1a("svmin"):
+      return CSSLengthUnit::Svmin;
+    case fnv1a("svw"):
+      return CSSLengthUnit::Svw;
+    case fnv1a("vb"):
+      return CSSLengthUnit::Vb;
+    case fnv1a("vh"):
+      return CSSLengthUnit::Vh;
+    case fnv1a("vi"):
+      return CSSLengthUnit::Vi;
+    case fnv1a("vmax"):
+      return CSSLengthUnit::Vmax;
+    case fnv1a("vmin"):
+      return CSSLengthUnit::Vmin;
+    case fnv1a("vw"):
+      return CSSLengthUnit::Vw;
+    default:
+      return std::nullopt;
+  }
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/css/CSSParser.h b/packages/react-native/ReactCommon/react/renderer/css/CSSParser.h
new file mode 100644
index 00000000000000..c2ea7d9bc94c4d
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/css/CSSParser.h
@@ -0,0 +1,220 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <optional>
+
+#include <react/renderer/css/CSSKeywords.h>
+#include <react/renderer/css/CSSLengthUnit.h>
+#include <react/renderer/css/CSSProperties.h>
+#include <react/renderer/css/CSSTokenizer.h>
+#include <react/renderer/css/CSSValue.h>
+#include <react/utils/PackTraits.h>
+
+namespace facebook::react {
+
+namespace detail {
+class CSSParser {
+ public:
+  explicit constexpr CSSParser(std::string_view css)
+      : tokenizer_{css}, currentToken_(tokenizer_.next()) {}
+
+  template <CSSDataType... AllowedTypesT>
+  constexpr CSSValueVariant<AllowedTypesT...> consumeComponentValue() {
+    using CSSValueT = CSSValueVariant<AllowedTypesT...>;
+    switch (peek().type()) {
+      case CSSTokenType::Ident:
+        if (auto keywordValue =
+                consumeIdentToken<CSSValueT, AllowedTypesT...>()) {
+          return *keywordValue;
+        }
+        break;
+      case CSSTokenType::Dimension:
+        if (auto dimensionValue =
+                consumeDimensionToken<CSSValueT, AllowedTypesT...>()) {
+          return *dimensionValue;
+        }
+        break;
+      case CSSTokenType::Percentage:
+        if (auto percentageValue =
+                consumePercentageToken<CSSValueT, AllowedTypesT...>()) {
+          return *percentageValue;
+        }
+        break;
+      case CSSTokenType::Number:
+        if (auto numberValue =
+                consumeNumberToken<CSSValueT, AllowedTypesT...>()) {
+          return *numberValue;
+        }
+        break;
+      default:
+        break;
+    }
+
+    consumeToken();
+    return {};
+  }
+
+  constexpr void consumeWhitespace() {
+    while (peek().type() == CSSTokenType::WhiteSpace) {
+      consumeToken();
+    }
+  }
+
+  constexpr bool hasMoreTokens() const {
+    return peek().type() != CSSTokenType::EndOfFile;
+  }
+
+ private:
+  constexpr const CSSToken& peek() const {
+    return currentToken_;
+  }
+
+  constexpr CSSToken consumeToken() {
+    auto prevToken = currentToken_;
+    currentToken_ = tokenizer_.next();
+    return prevToken;
+  }
+
+  template <typename CSSValueT, CSSDataType... AllowedTypesT>
+  constexpr std::optional<CSSValueT> consumeIdentToken() {
+    if constexpr (!std::is_same_v<typename CSSValueT::Keyword, void>) {
+      if (auto keyword = parseCSSKeyword<typename CSSValueT::Keyword>(
+              peek().stringValue())) {
+        consumeToken();
+        return CSSValueT::keyword(*keyword);
+      }
+    }
+    if constexpr (traits::containsType<CSSWideKeyword, AllowedTypesT...>()) {
+      if (auto keyword =
+              parseCSSKeyword<CSSWideKeyword>(peek().stringValue())) {
+        consumeToken();
+        return CSSValueT::cssWideKeyword(*keyword);
+      }
+    }
+    return {};
+  }
+
+  template <typename CSSValueT, CSSDataType... AllowedTypesT>
+  constexpr std::optional<CSSValueT> consumeDimensionToken() {
+    if constexpr (traits::containsType<CSSLength, AllowedTypesT...>()) {
+      if (auto unit = parseCSSLengthUnit(peek().unit())) {
+        return CSSValueT::length(consumeToken().numericValue(), *unit);
+      }
+    }
+    return {};
+  }
+
+  template <typename CSSValueT, CSSDataType... AllowedTypesT>
+  constexpr std::optional<CSSValueT> consumePercentageToken() {
+    if constexpr (traits::containsType<CSSPercentage, AllowedTypesT...>()) {
+      return CSSValueT::percentage(consumeToken().numericValue());
+    }
+    return {};
+  }
+
+  template <typename CSSValueT, CSSDataType... AllowedTypesT>
+  constexpr std::optional<CSSValueT> consumeNumberToken() {
+    // <ratio> = <number [0,∞]> [ / <number [0,∞]> ]?
+    // https://www.w3.org/TR/css-values-4/#ratio
+    if constexpr (traits::containsType<CSSRatio, AllowedTypesT...>()) {
+      if (isValidRatioPart(peek().numericValue())) {
+        float numerator = consumeToken().numericValue();
+        float denominator = 1.0;
+
+        consumeWhitespace();
+        if (peek().type() != CSSTokenType::Ident &&
+            peek().stringValue() == "/") {
+          consumeToken();
+          consumeWhitespace();
+
+          if (peek().type() == CSSTokenType::Number &&
+              isValidRatioPart(peek().numericValue())) {
+            denominator = consumeToken().numericValue();
+          } else {
+            return CSSValueT{};
+          }
+        }
+
+        return CSSValueT::ratio(numerator, denominator);
+      }
+    }
+
+    if constexpr (traits::containsType<CSSNumber, AllowedTypesT...>()) {
+      return CSSValueT::number(consumeToken().numericValue());
+    }
+
+    // For zero lengths the unit identifier is optional (i.e. can be
+    // syntactically represented as the <number> 0). However, if a 0 could
+    // be parsed as either a <number> or a <length> in a property (such as
+    // line-height), it must parse as a <number>.
+    // https://www.w3.org/TR/css-values-4/#lengths
+    if constexpr (traits::containsType<CSSLength, AllowedTypesT...>()) {
+      if (peek().numericValue() == 0) {
+        return CSSValueT::length(
+            consumeToken().numericValue(), CSSLengthUnit::Px);
+      }
+    }
+
+    return {};
+  }
+
+  static constexpr bool isValidRatioPart(float value) {
+    // If either number in the <ratio> is 0 or infinite, it represents a
+    // degenerate ratio (and, generally, won’t do anything).
+    // https://www.w3.org/TR/css-values-4/#ratios
+    return value > 0.0f && value != +std::numeric_limits<float>::infinity() &&
+        value != -std::numeric_limits<float>::infinity();
+  }
+
+  CSSTokenizer tokenizer_;
+  CSSToken currentToken_;
+};
+
+} // namespace detail
+
+/*
+ * Parse a single CSS component value as a keyword constrained to those
+ * allowable by KeywordRepresentationT. Returns a default-constructed
+ * CSSValueVariant (KeywordT::Unset) on syntax error.
+ *
+ * https://www.w3.org/TR/css-syntax-3/#parse-component-value
+ */
+template <CSSDataType... AllowedTypesT>
+constexpr void parseCSSComponentValue(
+    std::string_view css,
+    CSSValueVariant<AllowedTypesT...>& value) {
+  detail::CSSParser parser(css);
+
+  parser.consumeWhitespace();
+  auto componentValue = parser.consumeComponentValue<AllowedTypesT...>();
+  parser.consumeWhitespace();
+
+  if (parser.hasMoreTokens()) {
+    value = {};
+  } else {
+    value = componentValue;
+  }
+};
+
+template <CSSDataType... AllowedTypesT>
+CSSValueVariant<AllowedTypesT...> parseCSSComponentValue(std::string_view css) {
+  CSSValueVariant<AllowedTypesT...> value;
+  parseCSSComponentValue<AllowedTypesT...>(css, value);
+  return value;
+};
+
+template <CSSProp Prop>
+constexpr auto parseCSSProp(std::string_view css) {
+  // For now we only allow parsing props composed of a single component value.
+  CSSDeclaredValue<Prop> value;
+  parseCSSComponentValue(css, value);
+  return value;
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/css/CSSProperties.h b/packages/react-native/ReactCommon/react/renderer/css/CSSProperties.h
new file mode 100644
index 00000000000000..582dbb4385c682
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/css/CSSProperties.h
@@ -0,0 +1,1087 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <react/renderer/css/CSSValue.h>
+
+namespace facebook::react {
+
+/**
+ * All CSS properties,including CSS,and React-Native specific shorthands
+ * https://www.w3.org/TR/css-cascade-4/#css-property
+ */
+enum class CSSProp {
+  AlignContent,
+  AlignItems,
+  AlignSelf,
+  AspectRatio,
+  BorderBlockEndStyle,
+  BorderBlockEndWidth,
+  BorderBlockStartStyle,
+  BorderBlockStartWidth,
+  BorderBlockStyle,
+  BorderBlockWidth,
+  BorderBottomLeftRadius,
+  BorderBottomRightRadius,
+  BorderBottomStyle,
+  BorderBottomWidth,
+  BorderEndEndRadius,
+  BorderEndStartRadius,
+  BorderEndWidth,
+  BorderHorizontalWidth,
+  BorderInlineEndStyle,
+  BorderInlineEndWidth,
+  BorderInlineStartStyle,
+  BorderInlineStartWidth,
+  BorderInlineStyle,
+  BorderInlineWidth,
+  BorderLeftStyle,
+  BorderLeftWidth,
+  BorderRadius,
+  BorderRightStyle,
+  BorderRightWidth,
+  BorderStartEndRadius,
+  BorderStartStartRadius,
+  BorderStartWidth,
+  BorderStyle,
+  BorderTopLeftRadius,
+  BorderTopRightRadius,
+  BorderTopStyle,
+  BorderTopWidth,
+  BorderVerticalWidth,
+  BorderWidth,
+  Bottom,
+  ColumnGap,
+  Direction,
+  Display,
+  End,
+  Flex,
+  FlexBasis,
+  FlexDirection,
+  FlexGrow,
+  FlexShrink,
+  FlexWrap,
+  Gap,
+  Height,
+  Inset,
+  InsetBlock,
+  InsetBlockEnd,
+  InsetBlockStart,
+  InsetInline,
+  InsetInlineEnd,
+  InsetInlineStart,
+  JustifyContent,
+  Left,
+  Margin,
+  MarginBlock,
+  MarginBlockEnd,
+  MarginBlockStart,
+  MarginBottom,
+  MarginEnd,
+  MarginHorizontal,
+  MarginInline,
+  MarginInlineEnd,
+  MarginInlineStart,
+  MarginLeft,
+  MarginRight,
+  MarginStart,
+  MarginTop,
+  MarginVertical,
+  MaxHeight,
+  MaxWidth,
+  MinHeight,
+  MinWidth,
+  Opacity,
+  Overflow,
+  Padding,
+  PaddingBlock,
+  PaddingBlockEnd,
+  PaddingBlockStart,
+  PaddingBottom,
+  PaddingEnd,
+  PaddingHorizontal,
+  PaddingInline,
+  PaddingInlineEnd,
+  PaddingInlineStart,
+  PaddingLeft,
+  PaddingRight,
+  PaddingStart,
+  PaddingTop,
+  PaddingVertical,
+  Position,
+  Right,
+  RowGap,
+  Start,
+  Top,
+  Width,
+  // Please update "kCSSPropCount" if adding a new prop to the end
+};
+
+/**
+ * The total number of CSS properties.
+ */
+constexpr auto kCSSPropCount = to_underlying(CSSProp::Width) + 1;
+
+/**
+ * CSSPropDefinition associates a CSSProp to its
+ * supported data types, Keyword, and other behaviors.
+ */
+template <CSSProp P>
+struct CSSPropDefinition {};
+
+template <CSSProp P>
+using CSSAllowedKeywords = typename CSSPropDefinition<P>::Keyword;
+
+template <CSSProp P>
+using CSSDeclaredValue = typename CSSPropDefinition<P>::DeclaredValue;
+
+template <CSSProp P>
+using CSSSpecifiedValue = typename CSSPropDefinition<P>::SpecifiedValue;
+
+template <CSSProp P>
+using CSSComputedValue = typename CSSPropDefinition<P>::ComputedValue;
+
+/**
+ * Whether to behave in accordance with W3C specs, or to incorporate React
+ * Native specific tweaks to defaults and computation.
+ */
+enum class CSSFlavor {
+  W3C,
+  ReactNative,
+};
+
+/**
+ * CSS "align-content" property.
+ * https://www.w3.org/TR/css-flexbox-1/#align-content-property
+ * https://www.w3.org/TR/css-align-3/#align-justify-content
+ */
+template <>
+struct CSSPropDefinition<CSSProp::AlignContent> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Center = to_underlying(CSSKeyword::Center),
+    FlexEnd = to_underlying(CSSKeyword::FlexEnd),
+    FlexStart = to_underlying(CSSKeyword::FlexStart),
+    SpaceAround = to_underlying(CSSKeyword::SpaceAround),
+    SpaceBetween = to_underlying(CSSKeyword::SpaceBetween),
+    SpaceEvenly = to_underlying(CSSKeyword::SpaceEvenly),
+    Stretch = to_underlying(CSSKeyword::Stretch),
+    Start = to_underlying(CSSKeyword::Start),
+    End = to_underlying(CSSKeyword::End),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword>;
+  using SpecifiedValue = CSSValueVariant<Keyword>;
+  using ComputedValue = CSSValueVariant<Keyword>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor flavor) {
+    return flavor == CSSFlavor::W3C
+        ? DeclaredValue::keyword(Keyword::Stretch)
+        : DeclaredValue::keyword(Keyword::FlexStart);
+  }
+};
+
+/**
+ * CSS "align-items" property.
+ * https://www.w3.org/TR/css-flexbox-1/#align-items-property
+ * https://www.w3.org/TR/css-align-3/#align-items-property
+ */
+template <>
+struct CSSPropDefinition<CSSProp::AlignItems> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Baseline = to_underlying(CSSKeyword::Baseline),
+    Center = to_underlying(CSSKeyword::Center),
+    FlexEnd = to_underlying(CSSKeyword::FlexEnd),
+    FlexStart = to_underlying(CSSKeyword::FlexStart),
+    Stretch = to_underlying(CSSKeyword::Stretch),
+    Start = to_underlying(CSSKeyword::Start),
+    End = to_underlying(CSSKeyword::End),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword>;
+  using SpecifiedValue = CSSValueVariant<Keyword>;
+  using ComputedValue = CSSValueVariant<Keyword>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::keyword(Keyword::Stretch);
+  }
+};
+
+/**
+ * CSS "align-self" property.
+ * https://www.w3.org/TR/css-flexbox-1/#propdef-align-self
+ * https://www.w3.org/TR/css-align-3/#align-self-property
+ */
+template <>
+struct CSSPropDefinition<CSSProp::AlignSelf> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Auto = to_underlying(CSSKeyword::Auto),
+    Baseline = to_underlying(CSSKeyword::Baseline),
+    Center = to_underlying(CSSKeyword::Center),
+    FlexEnd = to_underlying(CSSKeyword::FlexEnd),
+    FlexStart = to_underlying(CSSKeyword::FlexStart),
+    Stretch = to_underlying(CSSKeyword::Stretch),
+    Start = to_underlying(CSSKeyword::Start),
+    End = to_underlying(CSSKeyword::End),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword>;
+  using SpecifiedValue = CSSValueVariant<Keyword>;
+  using ComputedValue = CSSValueVariant<Keyword>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::keyword(Keyword::Auto);
+  }
+};
+
+/**
+ * CSS "aspect-ratio" property.
+ * https://www.w3.org/TR/css-sizing-4/#aspect-ratio
+ */
+template <>
+struct CSSPropDefinition<CSSProp::AspectRatio> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Auto = to_underlying(CSSKeyword::Auto),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword, CSSRatio>;
+  using SpecifiedValue = CSSValueVariant<Keyword, CSSRatio>;
+  using ComputedValue = CSSValueVariant<Keyword, CSSRatio>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::keyword(Keyword::Auto);
+  }
+};
+
+/**
+ * CSS "border-radius" properties
+ * https://www.w3.org/TR/css-backgrounds-3/#border-radius
+ */
+template <>
+struct CSSPropDefinition<CSSProp::BorderRadius> {
+  using DeclaredValue =
+      CSSValueVariant<CSSWideKeyword, CSSLength, CSSPercentage>;
+  using SpecifiedValue = CSSValueVariant<CSSLength, CSSPercentage>;
+  using ComputedValue = CSSValueVariant<CSSLength, CSSPercentage>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::length(0.0f, CSSLengthUnit::Px);
+  }
+};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderTopLeftRadius>
+    : CSSPropDefinition<CSSProp::BorderRadius> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderTopRightRadius>
+    : CSSPropDefinition<CSSProp::BorderRadius> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderBottomLeftRadius>
+    : CSSPropDefinition<CSSProp::BorderRadius> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderBottomRightRadius>
+    : CSSPropDefinition<CSSProp::BorderRadius> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderStartStartRadius>
+    : CSSPropDefinition<CSSProp::BorderRadius> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderStartEndRadius>
+    : CSSPropDefinition<CSSProp::BorderRadius> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderEndStartRadius>
+    : CSSPropDefinition<CSSProp::BorderRadius> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderEndEndRadius>
+    : CSSPropDefinition<CSSProp::BorderRadius> {};
+
+/**
+ * CSS "border-style" properties
+ * https://www.w3.org/TR/css-backgrounds-3/#border-style
+ */
+template <>
+struct CSSPropDefinition<CSSProp::BorderStyle> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    None = to_underlying(CSSKeyword::None),
+    Hidden = to_underlying(CSSKeyword::Hidden),
+    Dotted = to_underlying(CSSKeyword::Dotted),
+    Dashed = to_underlying(CSSKeyword::Dashed),
+    Solid = to_underlying(CSSKeyword::Solid),
+    Double = to_underlying(CSSKeyword::Double),
+    Groove = to_underlying(CSSKeyword::Groove),
+    Ridge = to_underlying(CSSKeyword::Ridge),
+    Inset = to_underlying(CSSKeyword::Inset),
+    Outset = to_underlying(CSSKeyword::Outset),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword>;
+  using SpecifiedValue = CSSValueVariant<Keyword>;
+  using ComputedValue = CSSValueVariant<Keyword>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor flavor) {
+    return flavor == CSSFlavor::W3C ? DeclaredValue::keyword(Keyword::None)
+                                    : DeclaredValue::keyword(Keyword::Solid);
+  }
+};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderBlockEndStyle>
+    : CSSPropDefinition<CSSProp::BorderStyle> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderBlockStartStyle>
+    : CSSPropDefinition<CSSProp::BorderStyle> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderBlockStyle>
+    : CSSPropDefinition<CSSProp::BorderStyle> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderBottomStyle>
+    : CSSPropDefinition<CSSProp::BorderStyle> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderInlineEndStyle>
+    : CSSPropDefinition<CSSProp::BorderStyle> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderInlineStartStyle>
+    : CSSPropDefinition<CSSProp::BorderStyle> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderInlineStyle>
+    : CSSPropDefinition<CSSProp::BorderStyle> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderLeftStyle>
+    : CSSPropDefinition<CSSProp::BorderStyle> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderRightStyle>
+    : CSSPropDefinition<CSSProp::BorderStyle> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderTopStyle>
+    : CSSPropDefinition<CSSProp::BorderStyle> {};
+
+/**
+ * CSS "border-width" properties
+ * https://www.w3.org/TR/css-backgrounds-3/#border-width
+ */
+template <>
+struct CSSPropDefinition<CSSProp::BorderWidth> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Thin = to_underlying(CSSKeyword::Thin),
+    Medium = to_underlying(CSSKeyword::Medium),
+    Thick = to_underlying(CSSKeyword::Thick),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword, CSSLength>;
+  using SpecifiedValue = CSSValueVariant<CSSLength, CSSKeyword>;
+  using ComputedValue = CSSValueVariant<CSSLength>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor flavor) {
+    return flavor == CSSFlavor::W3C
+        ? DeclaredValue::keyword(Keyword::Medium)
+        : DeclaredValue::length(0.0f, CSSLengthUnit::Px);
+  }
+};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderBlockEndWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderBlockStartWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderBlockWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderBottomWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderEndWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderHorizontalWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderInlineEndWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderInlineStartWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderInlineWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderLeftWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderRightWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderStartWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderTopWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::BorderVerticalWidth>
+    : CSSPropDefinition<CSSProp::BorderWidth> {};
+
+/**
+ * CSS "direction" property.
+ * https://www.w3.org/TR/css-writing-modes-3/#direction
+ */
+template <>
+struct CSSPropDefinition<CSSProp::Direction> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Ltr = to_underlying(CSSKeyword::Ltr),
+    Rtl = to_underlying(CSSKeyword::Rtl),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword>;
+  using SpecifiedValue = CSSValueVariant<Keyword>;
+  using ComputedValue = CSSValueVariant<Keyword>;
+
+  constexpr static bool isInherited() {
+    return true;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::keyword(Keyword::Ltr);
+  }
+};
+
+/**
+ * CSS "display" property.
+ * https://www.w3.org/TR/css-display-3/#display-type
+ */
+template <>
+struct CSSPropDefinition<CSSProp::Display> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    None = to_underlying(CSSKeyword::None),
+    Contents = to_underlying(CSSKeyword::Contents),
+    Inline = to_underlying(CSSKeyword::Inline),
+    Block = to_underlying(CSSKeyword::Block),
+    InlineBlock = to_underlying(CSSKeyword::InlineBlock),
+    Flex = to_underlying(CSSKeyword::Flex),
+    InlineFlex = to_underlying(CSSKeyword::InlineFlex),
+    Grid = to_underlying(CSSKeyword::Grid),
+    InlineGrid = to_underlying(CSSKeyword::InlineGrid),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword>;
+  using SpecifiedValue = CSSValueVariant<Keyword>;
+  using ComputedValue = CSSValueVariant<Keyword>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor flavor) {
+    return flavor == CSSFlavor::W3C ? DeclaredValue::keyword(Keyword::Inline)
+                                    : DeclaredValue::keyword(Keyword::Flex);
+  }
+};
+
+/**
+ * CSS "flex" shorthand property.
+ * https://www.w3.org/TR/css-flexbox-1/#flex-property
+ *
+ * React Native's interpretation of this prop is currently different than in
+ * CSS. https://reactnative.dev/docs/layout-props#flex
+ */
+template <>
+struct CSSPropDefinition<CSSProp::Flex> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Auto = to_underlying(CSSKeyword::Auto),
+    None = to_underlying(CSSKeyword::None),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword, CSSNumber>;
+  using SpecifiedValue = CSSValueVariant<Keyword, CSSNumber>;
+  using ComputedValue = CSSValueVariant<Keyword, CSSNumber>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::number(0.0f);
+  }
+};
+
+/**
+ * CSS "flex-basis" property.
+ * https://www.w3.org/TR/css-flexbox-1/#flex-basis-property
+ */
+template <>
+struct CSSPropDefinition<CSSProp::FlexBasis> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Auto = to_underlying(CSSKeyword::Auto),
+    Content = to_underlying(CSSKeyword::Content),
+  };
+
+  using DeclaredValue =
+      CSSValueVariant<CSSWideKeyword, Keyword, CSSLength, CSSPercentage>;
+  using SpecifiedValue = CSSValueVariant<Keyword, CSSLength, CSSPercentage>;
+  using ComputedValue = CSSValueVariant<Keyword, CSSLength, CSSPercentage>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::keyword(Keyword::Auto);
+  }
+};
+
+/**
+ * CSS "flex-direction" property.
+ * https://www.w3.org/TR/css-flexbox-1/#flex-direction-property
+ */
+template <>
+struct CSSPropDefinition<CSSProp::FlexDirection> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Row = to_underlying(CSSKeyword::Row),
+    RowReverse = to_underlying(CSSKeyword::RowReverse),
+    Column = to_underlying(CSSKeyword::Column),
+    ColumnReverse = to_underlying(CSSKeyword::ColumnReverse),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword>;
+  using SpecifiedValue = CSSValueVariant<Keyword>;
+  using ComputedValue = CSSValueVariant<Keyword>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor flavor) {
+    return flavor == CSSFlavor::W3C ? DeclaredValue::keyword(Keyword::Row)
+                                    : DeclaredValue::keyword(Keyword::Column);
+  }
+};
+
+/**
+ * CSS "flex-grow" property.
+ * https://www.w3.org/TR/css-flexbox-1/#flex-grow-property
+ */
+template <>
+struct CSSPropDefinition<CSSProp::FlexGrow> {
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, CSSNumber>;
+  using SpecifiedValue = CSSValueVariant<CSSNumber>;
+  using ComputedValue = CSSValueVariant<CSSNumber>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::number(0.0f);
+  }
+};
+
+/**
+ * CSS "flex-shrink" property.
+ * https://www.w3.org/TR/css-flexbox-1/#flex-shrink-property
+ */
+template <>
+struct CSSPropDefinition<CSSProp::FlexShrink> {
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, CSSNumber>;
+  using SpecifiedValue = CSSValueVariant<CSSNumber>;
+  using ComputedValue = CSSValueVariant<CSSNumber>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor flavor) {
+    return flavor == CSSFlavor::W3C ? DeclaredValue::number(1.0f)
+                                    : DeclaredValue::number(0.0f);
+  }
+};
+
+/**
+ * CSS "flex-wrap" property.
+ * https://www.w3.org/TR/css-flexbox-1/#flex-wrap-property
+ */
+template <>
+struct CSSPropDefinition<CSSProp::FlexWrap> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    NoWrap = to_underlying(CSSKeyword::NoWrap),
+    Wrap = to_underlying(CSSKeyword::Wrap),
+    WrapReverse = to_underlying(CSSKeyword::WrapReverse),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword>;
+  using SpecifiedValue = CSSValueVariant<Keyword>;
+  using ComputedValue = CSSValueVariant<Keyword>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::keyword(Keyword::NoWrap);
+  }
+};
+
+/**
+ * CSS gutter properties.
+ * https://www.w3.org/TR/css-align-3/#column-row-gap
+ */
+template <>
+struct CSSPropDefinition<CSSProp::Gap> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Normal = to_underlying(CSSKeyword::Normal),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword, CSSLength>;
+  using SpecifiedValue = CSSValueVariant<Keyword, CSSLength>;
+  using ComputedValue = CSSValueVariant<Keyword, CSSLength>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::keyword(Keyword::Normal);
+  }
+};
+
+template <>
+struct CSSPropDefinition<CSSProp::ColumnGap> : CSSPropDefinition<CSSProp::Gap> {
+};
+
+template <>
+struct CSSPropDefinition<CSSProp::RowGap> : CSSPropDefinition<CSSProp::Gap> {};
+
+/**
+ * CSS sizing properties
+ * https://www.w3.org/TR/css-sizing-3/#sizing-properties
+ */
+template <>
+struct CSSPropDefinition<CSSProp::Height> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Auto = to_underlying(CSSKeyword::Auto),
+    MaxContent = to_underlying(CSSKeyword::MaxContent),
+    MinContent = to_underlying(CSSKeyword::MinContent),
+  };
+
+  using DeclaredValue =
+      CSSValueVariant<CSSWideKeyword, Keyword, CSSLength, CSSPercentage>;
+  using SpecifiedValue = CSSValueVariant<Keyword, CSSLength, CSSPercentage>;
+  using ComputedValue = CSSValueVariant<Keyword, CSSLength, CSSPercentage>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::keyword(Keyword::Auto);
+  }
+};
+
+template <>
+struct CSSPropDefinition<CSSProp::Width> : CSSPropDefinition<CSSProp::Height> {
+};
+
+template <>
+struct CSSPropDefinition<CSSProp::MinWidth>
+    : CSSPropDefinition<CSSProp::Height> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MinHeight>
+    : CSSPropDefinition<CSSProp::Height> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MaxWidth>
+    : CSSPropDefinition<CSSProp::Height> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MaxHeight>
+    : CSSPropDefinition<CSSProp::Height> {};
+
+/**
+ * CSS box inset properties
+ * https://drafts.csswg.org/css-position-3/#insets
+ */
+template <>
+struct CSSPropDefinition<CSSProp::Inset> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Auto = to_underlying(CSSKeyword::Auto),
+  };
+
+  using DeclaredValue =
+      CSSValueVariant<CSSWideKeyword, Keyword, CSSLength, CSSPercentage>;
+  using SpecifiedValue = CSSValueVariant<Keyword, CSSLength, CSSPercentage>;
+  using ComputedValue = CSSValueVariant<Keyword, CSSLength, CSSPercentage>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::keyword(Keyword::Auto);
+  }
+};
+
+template <>
+struct CSSPropDefinition<CSSProp::Top> : CSSPropDefinition<CSSProp::Inset> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::Right> : CSSPropDefinition<CSSProp::Inset> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::Bottom> : CSSPropDefinition<CSSProp::Inset> {
+};
+
+template <>
+struct CSSPropDefinition<CSSProp::Left> : CSSPropDefinition<CSSProp::Inset> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::Start> : CSSPropDefinition<CSSProp::Inset> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::End> : CSSPropDefinition<CSSProp::Inset> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::InsetBlock>
+    : CSSPropDefinition<CSSProp::Inset> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::InsetBlockEnd>
+    : CSSPropDefinition<CSSProp::Inset> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::InsetBlockStart>
+    : CSSPropDefinition<CSSProp::Inset> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::InsetInline>
+    : CSSPropDefinition<CSSProp::Inset> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::InsetInlineEnd>
+    : CSSPropDefinition<CSSProp::Inset> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::InsetInlineStart>
+    : CSSPropDefinition<CSSProp::Inset> {};
+
+/**
+ * CSS "justify-content" property.
+ * https://www.w3.org/TR/css-flexbox-1/#justify-content-property
+ * https://www.w3.org/TR/css-align-3/#align-justify-content
+ */
+template <>
+struct CSSPropDefinition<CSSProp::JustifyContent> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Center = to_underlying(CSSKeyword::Center),
+    FlexEnd = to_underlying(CSSKeyword::FlexEnd),
+    FlexStart = to_underlying(CSSKeyword::FlexStart),
+    SpaceAround = to_underlying(CSSKeyword::SpaceAround),
+    SpaceBetween = to_underlying(CSSKeyword::SpaceBetween),
+    SpaceEvenly = to_underlying(CSSKeyword::SpaceEvenly),
+    Start = to_underlying(CSSKeyword::Start),
+    End = to_underlying(CSSKeyword::End),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword>;
+  using SpecifiedValue = CSSValueVariant<Keyword>;
+  using ComputedValue = CSSValueVariant<Keyword>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::keyword(Keyword::FlexStart);
+  }
+};
+
+/**
+ * CSS "margin" properties
+ * https://www.w3.org/TR/css-box-4/#margins
+ */
+template <>
+struct CSSPropDefinition<CSSProp::Margin> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Auto = to_underlying(CSSKeyword::Auto),
+  };
+
+  using DeclaredValue =
+      CSSValueVariant<CSSWideKeyword, Keyword, CSSLength, CSSPercentage>;
+  using SpecifiedValue = CSSValueVariant<Keyword, CSSLength, CSSPercentage>;
+  using ComputedValue = CSSValueVariant<Keyword, CSSLength, CSSPercentage>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::length(0.0f, CSSLengthUnit::Px);
+  }
+};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginBlock>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginBlockEnd>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginBlockStart>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginBottom>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginEnd>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginHorizontal>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginInline>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginInlineEnd>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginInlineStart>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginLeft>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginRight>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginStart>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginTop>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::MarginVertical>
+    : CSSPropDefinition<CSSProp::Margin> {};
+
+/**
+ * CSS "opacity" property
+ * https://www.w3.org/TR/css-color-3/#transparency
+ */
+template <>
+struct CSSPropDefinition<CSSProp::Opacity> {
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, CSSNumber>;
+  using SpecifiedValue = CSSValueVariant<CSSNumber>;
+  using ComputedValue = CSSValueVariant<CSSNumber>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::number(1.0f);
+  }
+};
+
+/**
+ * CSS "overflow" property.
+ * https://www.w3.org/TR/css-overflow-3/#overflow-control
+ */
+template <>
+struct CSSPropDefinition<CSSProp::Overflow> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Auto = to_underlying(CSSKeyword::Auto),
+    Clip = to_underlying(CSSKeyword::Clip),
+    Hidden = to_underlying(CSSKeyword::Hidden),
+    Scroll = to_underlying(CSSKeyword::Scroll),
+    Visible = to_underlying(CSSKeyword::Visible),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword>;
+  using SpecifiedValue = CSSValueVariant<Keyword>;
+  using ComputedValue = CSSValueVariant<Keyword>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::keyword(Keyword::Visible);
+  }
+};
+
+/**
+ * CSS padding properties
+ * https://www.w3.org/TR/css-box-4/#paddings
+ */
+template <>
+struct CSSPropDefinition<CSSProp::Padding> {
+  using DeclaredValue =
+      CSSValueVariant<CSSWideKeyword, CSSLength, CSSPercentage>;
+  using SpecifiedValue = CSSValueVariant<CSSLength, CSSPercentage>;
+  using ComputedValue = CSSValueVariant<CSSLength, CSSPercentage>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor /*flavor*/) {
+    return DeclaredValue::length(0.0f, CSSLengthUnit::Px);
+  }
+};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingBlock>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingBlockEnd>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingBlockStart>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingBottom>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingEnd>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingHorizontal>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingInline>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingInlineEnd>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingInlineStart>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingLeft>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingRight>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingStart>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingTop>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+template <>
+struct CSSPropDefinition<CSSProp::PaddingVertical>
+    : CSSPropDefinition<CSSProp::Padding> {};
+
+/**
+ * CSS "position" property.
+ * https://www.w3.org/TR/css-position-3/#position-property
+ */
+template <>
+struct CSSPropDefinition<CSSProp::Position> {
+  enum class Keyword : std::underlying_type_t<CSSKeyword> {
+    Static = to_underlying(CSSKeyword::Static),
+    Relative = to_underlying(CSSKeyword::Relative),
+    Absolute = to_underlying(CSSKeyword::Absolute),
+    Fixed = to_underlying(CSSKeyword::Fixed),
+    Sticky = to_underlying(CSSKeyword::Sticky),
+  };
+
+  using DeclaredValue = CSSValueVariant<CSSWideKeyword, Keyword>;
+  using SpecifiedValue = CSSValueVariant<Keyword>;
+  using ComputedValue = CSSValueVariant<Keyword>;
+
+  constexpr static bool isInherited() {
+    return false;
+  }
+
+  constexpr static DeclaredValue initialValue(CSSFlavor flavor) {
+    return flavor == CSSFlavor::W3C ? DeclaredValue::keyword(Keyword::Static)
+                                    : DeclaredValue::keyword(Keyword::Relative);
+  }
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/css/CSSTokenizer.h b/packages/react-native/ReactCommon/react/renderer/css/CSSTokenizer.h
new file mode 100644
index 00000000000000..85a9bcda61228a
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/css/CSSTokenizer.h
@@ -0,0 +1,263 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <cmath>
+#include <string_view>
+
+namespace facebook::react {
+
+/**
+ * One of the tokens defined as part of
+ * https://www.w3.org/TR/css-syntax-3/#tokenizer-definitions
+ */
+enum class CSSTokenType {
+  Delim,
+  Dimension,
+  EndOfFile,
+  Ident,
+  Number,
+  Percentage,
+  WhiteSpace,
+};
+
+/*
+ * Represents one of the syntactic CSS tokens as provided by
+ * https://www.w3.org/TR/css-syntax-3/#tokenization
+ */
+class CSSToken {
+ public:
+  explicit constexpr CSSToken(CSSTokenType type) : type_(type) {}
+  constexpr CSSToken(CSSTokenType type, std::string_view value)
+      : type_{type}, stringValue_{value} {}
+  constexpr CSSToken(CSSTokenType type, float value)
+      : type_{type}, numericValue_{value} {}
+  constexpr CSSToken(CSSTokenType type, float value, std::string_view unit)
+      : type_{type}, numericValue_{value}, unit_{unit} {}
+
+  constexpr CSSToken(const CSSToken& other) = default;
+  constexpr CSSToken(CSSToken&& other) = default;
+  constexpr CSSToken& operator=(const CSSToken& other) = default;
+  constexpr CSSToken& operator=(CSSToken&& other) = default;
+
+  constexpr CSSTokenType type() const {
+    return type_;
+  }
+
+  constexpr std::string_view stringValue() const {
+    return stringValue_;
+  }
+
+  constexpr float numericValue() const {
+    return numericValue_;
+  }
+
+  constexpr std::string_view unit() const {
+    return unit_;
+  }
+
+  constexpr bool operator==(const CSSToken& other) const = default;
+
+ private:
+  CSSTokenType type_;
+  std::string_view stringValue_;
+  float numericValue_{0.0f};
+  std::string_view unit_;
+};
+
+/**
+ * A minimal tokenizer for a subset of CSS syntax.
+ * `auto`).
+ *
+ * This is based on the W3C CSS Syntax specification, with simplifications made
+ * for syntax which React Native does not attempt to support.
+ * https://www.w3.org/TR/css-syntax-3/#tokenizing-and-parsing
+ */
+class CSSTokenizer {
+ public:
+  explicit constexpr CSSTokenizer(std::string_view characters)
+      : remainingCharacters_{characters} {}
+
+  constexpr CSSToken next() {
+    // https://www.w3.org/TR/css-syntax-3/#token-diagrams
+    char nextChar = peek();
+    if (isWhitespace(nextChar)) {
+      return consumeWhitespace();
+    } else if (nextChar == '+') {
+      if (isDigit(peekNext())) {
+        return consumeNumeric();
+      } else {
+        return consumeDelim();
+      }
+    } else if (nextChar == '-') {
+      if (isDigit(peekNext())) {
+        return consumeNumeric();
+      } else {
+        return consumeDelim();
+      }
+    } else if (isDigit(nextChar)) {
+      return consumeNumeric();
+    } else if (isIdentStart(nextChar)) {
+      return consumeIdent();
+    } else if (nextChar == '\0') {
+      return CSSToken{CSSTokenType::EndOfFile};
+    } else {
+      return consumeDelim();
+    }
+  }
+
+ private:
+  constexpr char peek() const {
+    auto index = position_;
+    return index >= remainingCharacters_.size() ? '\0'
+                                                : remainingCharacters_[index];
+  }
+  constexpr char peekNext() const {
+    auto index = position_ + 1;
+    return index >= remainingCharacters_.size() ? '\0'
+                                                : remainingCharacters_[index];
+  }
+
+  constexpr void advance() {
+    position_ += 1;
+  }
+
+  constexpr CSSToken consumeDelim() {
+    advance();
+    return {CSSTokenType::Delim, consumeRunningValue()};
+  }
+
+  constexpr CSSToken consumeWhitespace() {
+    while (isWhitespace(peek())) {
+      advance();
+    }
+
+    consumeRunningValue();
+    return CSSToken{CSSTokenType::WhiteSpace};
+  }
+
+  constexpr CSSToken consumeNumber() {
+    // https://www.w3.org/TR/css-syntax-3/#consume-number
+    // https://www.w3.org/TR/css-syntax-3/#convert-a-string-to-a-number
+    int32_t signPart = 1.0;
+    if (peek() == '+' || peek() == '-') {
+      if (peek() == '-') {
+        signPart = -1.0;
+      }
+      advance();
+    }
+
+    int32_t intPart = 0;
+    while (isDigit(peek())) {
+      intPart = intPart * 10 + (peek() - '0');
+      advance();
+    }
+
+    int32_t fractionalPart = 0;
+    int32_t fractionDigits = 0;
+    if (peek() == '.') {
+      advance();
+      while (isDigit(peek())) {
+        fractionalPart = fractionalPart * 10 + (peek() - '0');
+        fractionDigits++;
+        advance();
+      }
+    }
+
+    int32_t exponentSign = 1.0;
+    int32_t exponentPart = 0;
+    if (peek() == 'e' || peek() == 'E') {
+      advance();
+      if (peek() == '+' || peek() == '-') {
+        if (peek() == '-') {
+          exponentSign = -1.0;
+        }
+        advance();
+      }
+
+      while (isDigit(peek())) {
+        exponentPart = exponentPart * 10 + (peek() - '0');
+        advance();
+      }
+    }
+    float value;
+    if (exponentPart == 0 && fractionalPart == 0) {
+      value = static_cast<float>(signPart * intPart);
+    } else {
+      value = static_cast<float>(
+          signPart *
+          (intPart + (fractionalPart * std::pow(10, -fractionDigits))) *
+          std::pow(10, exponentSign * exponentPart));
+    }
+
+    consumeRunningValue();
+    return {CSSTokenType::Number, value};
+  }
+
+  constexpr CSSToken consumeNumeric() {
+    // https://www.w3.org/TR/css-syntax-3/#consume-numeric-token
+    auto numberToken = consumeNumber();
+
+    if (isIdent(peek())) {
+      auto ident = consumeIdent();
+      return {
+          CSSTokenType::Dimension,
+          numberToken.numericValue(),
+          ident.stringValue()};
+    } else if (peek() == '%') {
+      advance();
+      consumeRunningValue();
+      return {CSSTokenType::Percentage, numberToken.numericValue()};
+    } else {
+      return numberToken;
+    }
+  }
+
+  constexpr CSSToken consumeIdent() {
+    // https://www.w3.org/TR/css-syntax-3/#consume-an-ident-sequence
+    while (isIdent(peek())) {
+      advance();
+    }
+
+    return {CSSTokenType::Ident, consumeRunningValue()};
+  }
+
+  constexpr std::string_view consumeRunningValue() {
+    auto next = remainingCharacters_.substr(0, position_);
+    remainingCharacters_ = remainingCharacters_.substr(next.size());
+    position_ = 0;
+    return next;
+  }
+
+  static constexpr bool isDigit(char c) {
+    // https://www.w3.org/TR/css-syntax-3/#digit
+    return c >= '0' && c <= '9';
+  }
+
+  static constexpr bool isIdentStart(char c) {
+    // https://www.w3.org/TR/css-syntax-3/#ident-start-code-point
+    return (c >= 'a' && c <= 'z') || (c >= 'A' && c <= 'Z') || c == '_' ||
+        static_cast<unsigned char>(c) > 0x80;
+  }
+
+  static constexpr bool isIdent(char c) {
+    {
+      // https://www.w3.org/TR/css-syntax-3/#ident-code-point
+      return isIdentStart(c) || isDigit(c) || c == '-';
+    }
+  }
+
+  static constexpr bool isWhitespace(char c) {
+    // https://www.w3.org/TR/css-syntax-3/#whitespace
+    return c == ' ' || c == '\t' || c == '\r' || c == '\n';
+  }
+
+  std::string_view remainingCharacters_;
+  size_t position_{0};
+};
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/css/CSSValue.h b/packages/react-native/ReactCommon/react/renderer/css/CSSValue.h
new file mode 100644
index 00000000000000..afe7d436c438df
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/css/CSSValue.h
@@ -0,0 +1,277 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <string_view>
+#include <type_traits>
+
+#include <react/renderer/css/CSSKeywords.h>
+#include <react/renderer/css/CSSLengthUnit.h>
+#include <react/utils/PackTraits.h>
+
+namespace facebook::react {
+
+/**
+ * Represents a CSS component value type.
+ * https://www.w3.org/TR/css-values-4/#component-types
+ */
+enum class CSSValueType : uint8_t {
+  CSSWideKeyword,
+  Keyword,
+  Length,
+  Number,
+  Percentage,
+  Ratio,
+};
+
+/**
+ * Concrete representation for a CSS basic data type, or keywords
+ * https://www.w3.org/TR/css-values-4/#component-types
+ */
+template <typename T>
+concept CSSDataType = std::is_trivially_destructible_v<T> &&
+    std::is_copy_constructible_v<T> && std::is_default_constructible_v<T>;
+
+#pragma pack(push, 1)
+/**
+ * Representation of CSS <length> data type
+ * https://www.w3.org/TR/css-values-4/#lengths
+ */
+struct CSSLength {
+  float value{};
+  CSSLengthUnit unit{CSSLengthUnit::Px};
+};
+#pragma pack(pop)
+
+/**
+ * Representation of CSS <percentage> data type
+ * https://www.w3.org/TR/css-values-4/#percentages
+ */
+struct CSSPercentage {
+  float value{};
+};
+
+/**
+ * Representation of CSS <number> data type
+ * https://www.w3.org/TR/css-values-4/#numbers
+ */
+struct CSSNumber {
+  float value{};
+};
+
+/**
+ * Representation of CSS <ratio> data type
+ * https://www.w3.org/TR/css-values-4/#ratios
+ */
+struct CSSRatio {
+  float numerator{};
+  float denominator{};
+};
+
+/**
+ * CSSValueVariant represents a CSS component value:
+ * https://www.w3.org/TR/css-values-4/#component-types
+ *
+ * A CSSValueVariant must be constrained to the set of possible CSS types it may
+ * encounter. E.g. a dimension which accepts a CSS-wide keywords, "auto" or a
+ * <length-percentage> would be modeled as
+ * `CSSValueVariant<CSSAutoKeyord, CSSLength, CSSPercentage>`. This
+ * allows for efficient storage, and customizing parsing based on the allowed
+ * set of values.
+ */
+#pragma pack(push, 1)
+template <CSSDataType... AllowedTypesT>
+class CSSValueVariant {
+  template <CSSDataType ValueT>
+  static constexpr bool canRepresent() {
+    return traits::containsType<ValueT, AllowedTypesT...>();
+  }
+
+  template <CSSDataType T, CSSDataType... Rest>
+  static constexpr bool hasKeywordSet() {
+    if constexpr (CSSKeywordSet<T> && !std::is_same_v<T, CSSWideKeyword>) {
+      return true;
+    } else if constexpr (sizeof...(Rest) == 0) {
+      return false;
+    } else {
+      return hasKeywordSet<Rest...>();
+    }
+  }
+
+  template <typename... T>
+  struct PackedKeywordSet {
+    using Type = void;
+  };
+
+  template <typename T, typename... RestT>
+  struct PackedKeywordSet<T, RestT...> {
+    using Type = std::conditional_t<
+        hasKeywordSet<T>(),
+        T,
+        typename PackedKeywordSet<RestT...>::Type>;
+  };
+
+ public:
+  using Keyword = typename PackedKeywordSet<AllowedTypesT...>::Type;
+
+  constexpr CSSValueVariant() requires(canRepresent<CSSWideKeyword>())
+      : CSSValueVariant(CSSValueType::CSSWideKeyword, CSSWideKeyword::Unset) {}
+
+  static constexpr CSSValueVariant cssWideKeyword(CSSWideKeyword keyword) {
+    return CSSValueVariant(
+        CSSValueType::CSSWideKeyword, CSSWideKeyword{keyword});
+  }
+
+  template <CSSKeywordSet KeywordT>
+  static constexpr CSSValueVariant keyword(KeywordT keyword) requires(
+      canRepresent<KeywordT>()) {
+    return CSSValueVariant(CSSValueType::Keyword, KeywordT{keyword});
+  }
+
+  static constexpr CSSValueVariant length(
+      float value,
+      CSSLengthUnit unit) requires(canRepresent<CSSLength>()) {
+    return CSSValueVariant(CSSValueType::Length, CSSLength{value, unit});
+  }
+
+  static constexpr CSSValueVariant number(float value) requires(
+      canRepresent<CSSNumber>()) {
+    return CSSValueVariant(CSSValueType::Number, CSSNumber{value});
+  }
+
+  static constexpr CSSValueVariant percentage(float value) requires(
+      canRepresent<CSSPercentage>()) {
+    return CSSValueVariant(CSSValueType::Percentage, CSSPercentage{value});
+  }
+
+  static constexpr CSSValueVariant ratio(
+      float numerator,
+      float denominator) requires(canRepresent<CSSRatio>()) {
+    return CSSValueVariant(
+        CSSValueType::Ratio, CSSRatio{numerator, denominator});
+  }
+
+  constexpr CSSValueType type() const {
+    return type_;
+  }
+
+  constexpr CSSWideKeyword getCSSWideKeyword() const
+      requires(canRepresent<CSSWideKeyword>()) {
+    return getIf<CSSValueType::CSSWideKeyword, CSSWideKeyword>();
+  }
+
+  constexpr Keyword getKeyword() const
+      requires(hasKeywordSet<AllowedTypesT...>()) {
+    return getIf<CSSValueType::Keyword, Keyword>();
+  }
+
+  constexpr CSSLength getLength() const requires(canRepresent<CSSLength>()) {
+    return getIf<CSSValueType::Length, CSSLength>();
+  }
+
+  constexpr CSSNumber getNumber() const requires(canRepresent<CSSNumber>()) {
+    return getIf<CSSValueType::Number, CSSNumber>();
+  }
+
+  constexpr CSSPercentage getPercentage() const
+      requires(canRepresent<CSSPercentage>()) {
+    return getIf<CSSValueType::Percentage, CSSPercentage>();
+  }
+
+  constexpr CSSRatio getRatio() const requires(canRepresent<CSSRatio>()) {
+    return getIf<CSSValueType::Ratio, CSSRatio>();
+  }
+
+  constexpr operator bool() const requires(canRepresent<CSSWideKeyword>()) {
+    return type() != CSSValueType::CSSWideKeyword ||
+        getCSSWideKeyword() != CSSWideKeyword::Unset;
+  }
+
+  constexpr bool operator==(const CSSValueVariant& other) const {
+    if (type() != other.type()) {
+      return false;
+    }
+    switch (type()) {
+      case CSSValueType::CSSWideKeyword:
+        return getCSSWideKeyword() == other.getCSSWideKeyword();
+      case CSSValueType::Keyword:
+        return getKeyword() == other.getKeyword();
+      case CSSValueType::Length:
+        return getLength() == other.getLength();
+      case CSSValueType::Number:
+        return getNumber() == other.getNumber();
+      case CSSValueType::Percentage:
+        return getPercentage() == other.getPercentage();
+      case CSSValueType::Ratio:
+        return getRatio() == other.getRatio();
+    }
+
+    return false;
+  }
+
+ private:
+  template <CSSValueType Type, CSSDataType ValueT>
+  constexpr ValueT getIf() const {
+    if (type_ == Type) {
+      return getFromUnion<ValueT>(data_);
+    } else {
+      return ValueT{};
+    }
+  }
+
+  template <CSSDataType ValueT, CSSDataType... RestT>
+  union RecursiveUnion {
+    ValueT first;
+    RecursiveUnion<RestT...> rest;
+  };
+
+  template <CSSDataType ValueT>
+  union RecursiveUnion<ValueT> {
+    ValueT first;
+  };
+
+  template <CSSDataType ValueT, typename UnionT>
+  constexpr const ValueT& getFromUnion(const UnionT& u) const {
+    if constexpr (std::is_same_v<ValueT, decltype(u.first)>) {
+      return u.first;
+    } else {
+      return getFromUnion<ValueT>(u.rest);
+    }
+  }
+
+  template <CSSDataType DataTypeT>
+  constexpr CSSValueVariant(CSSValueType type, DataTypeT&& value)
+      : type_{type},
+        data_{constructIntoUnion<decltype(data_)>(
+            std::forward<DataTypeT>(value))} {}
+
+  template <typename UnionT, CSSDataType DataTypeT>
+  constexpr UnionT constructIntoUnion(DataTypeT&& value) {
+    if constexpr (std::is_same_v<DataTypeT, decltype(UnionT{}.first)>) {
+      return UnionT{.first = std::forward<DataTypeT>(value)};
+    } else {
+      return UnionT{
+          .rest = constructIntoUnion<decltype(UnionT{}.rest)>(
+              std::forward<DataTypeT>(value))};
+    }
+  }
+
+  CSSValueType type_;
+  RecursiveUnion<AllowedTypesT...> data_;
+};
+#pragma pack(pop)
+
+static_assert(sizeof(CSSValueVariant<CSSKeyword>) == 2);
+static_assert(sizeof(CSSValueVariant<CSSKeyword, CSSLength>) == 6);
+static_assert(
+    sizeof(CSSValueVariant<CSSKeyword, CSSLength, CSSPercentage>) == 6);
+static_assert(sizeof(CSSValueVariant<CSSKeyword, CSSNumber>) == 5);
+static_assert(sizeof(CSSValueVariant<CSSKeyword, CSSNumber, CSSRatio>) == 9);
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/css/tests/CSSDeclaredStyleTest.cpp b/packages/react-native/ReactCommon/react/renderer/css/tests/CSSDeclaredStyleTest.cpp
new file mode 100644
index 00000000000000..caee42e5653d2b
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/css/tests/CSSDeclaredStyleTest.cpp
@@ -0,0 +1,151 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <gtest/gtest.h>
+#include <react/renderer/css/CSSDeclaredStyle.h>
+#include <react/renderer/css/CSSParser.h>
+
+namespace facebook::react {
+
+TEST(CSSDeclaredStyle, unset_keyword) {
+  CSSDeclaredStyle style;
+  auto value = style.get<CSSProp::FlexDirection>();
+  EXPECT_EQ(value.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(value.getCSSWideKeyword(), CSSWideKeyword::Unset);
+}
+
+TEST(CSSDeclaredStyle, unset_ratio) {
+  CSSDeclaredStyle style;
+  auto value = style.get<CSSProp::AspectRatio>();
+  EXPECT_EQ(value.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(value.getCSSWideKeyword(), CSSWideKeyword::Unset);
+}
+
+TEST(CSSDeclaredStyle, set_keyword) {
+  CSSDeclaredStyle style;
+
+  style.set<CSSProp::FlexDirection>("row");
+
+  auto value = style.get<CSSProp::FlexDirection>();
+  EXPECT_EQ(value.type(), CSSValueType::Keyword);
+  EXPECT_EQ(
+      value.getKeyword(), CSSAllowedKeywords<CSSProp::FlexDirection>::Row);
+}
+
+TEST(CSSDeclaredStyle, set_ratio) {
+  CSSDeclaredStyle style;
+
+  style.set<CSSProp::AspectRatio>("16 / 9");
+
+  auto value = style.get<CSSProp::AspectRatio>();
+  EXPECT_EQ(value.type(), CSSValueType::Ratio);
+  EXPECT_EQ(value.getRatio().numerator, 16.0f);
+  EXPECT_EQ(value.getRatio().denominator, 9.0f);
+}
+
+TEST(CSSDeclaredStyle, overwrite_ratio) {
+  CSSDeclaredStyle style;
+
+  style.set<CSSProp::AspectRatio>("16 / 9");
+
+  auto value1 = style.get<CSSProp::AspectRatio>();
+  EXPECT_EQ(value1.type(), CSSValueType::Ratio);
+  EXPECT_EQ(value1.getRatio().numerator, 16.0f);
+  EXPECT_EQ(value1.getRatio().denominator, 9.0f);
+
+  style.set<CSSProp::AspectRatio>("4/3");
+
+  auto value2 = style.get<CSSProp::AspectRatio>();
+  EXPECT_EQ(value2.type(), CSSValueType::Ratio);
+  EXPECT_EQ(value2.getRatio().numerator, 4.0f);
+  EXPECT_EQ(value2.getRatio().denominator, 3.0f);
+}
+
+TEST(CSSDeclaredStyle, set_multiple) {
+  CSSDeclaredStyle style;
+
+  style.set<CSSProp::FlexDirection>("row");
+  style.set<CSSProp::AspectRatio>("16 / 9");
+
+  auto flexDirection = style.get<CSSProp::FlexDirection>();
+  EXPECT_EQ(flexDirection.type(), CSSValueType::Keyword);
+  EXPECT_EQ(
+      flexDirection.getKeyword(),
+      CSSAllowedKeywords<CSSProp::FlexDirection>::Row);
+
+  auto aspectRatio = style.get<CSSProp::AspectRatio>();
+  EXPECT_EQ(aspectRatio.type(), CSSValueType::Ratio);
+  EXPECT_EQ(aspectRatio.getRatio().numerator, 16.0f);
+  EXPECT_EQ(aspectRatio.getRatio().denominator, 9.0f);
+}
+
+TEST(CSSDeclaredStyle, set_multiple_overwrite) {
+  CSSDeclaredStyle style;
+
+  style.set<CSSProp::FlexDirection>("row");
+  style.set<CSSProp::AspectRatio>("16 / 9");
+  style.set<CSSProp::FlexDirection>("column");
+
+  auto flexDirection = style.get<CSSProp::FlexDirection>();
+  EXPECT_EQ(flexDirection.type(), CSSValueType::Keyword);
+  EXPECT_EQ(
+      flexDirection.getKeyword(),
+      CSSAllowedKeywords<CSSProp::FlexDirection>::Column);
+
+  auto aspectRatio = style.get<CSSProp::AspectRatio>();
+  EXPECT_EQ(aspectRatio.type(), CSSValueType::Ratio);
+  EXPECT_EQ(aspectRatio.getRatio().numerator, 16.0f);
+  EXPECT_EQ(aspectRatio.getRatio().denominator, 9.0f);
+}
+
+TEST(CSSDeclaredStyle, set_multiple_reset) {
+  CSSDeclaredStyle style;
+
+  style.set<CSSProp::FlexDirection>("row");
+  style.set<CSSProp::AspectRatio>("16 / 9");
+  style.set<CSSProp::FlexDirection>("");
+
+  auto flexDirection = style.get<CSSProp::FlexDirection>();
+  EXPECT_EQ(flexDirection.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(flexDirection.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto aspectRatio = style.get<CSSProp::AspectRatio>();
+  EXPECT_EQ(aspectRatio.type(), CSSValueType::Ratio);
+  EXPECT_EQ(aspectRatio.getRatio().numerator, 16.0f);
+  EXPECT_EQ(aspectRatio.getRatio().denominator, 9.0f);
+}
+
+TEST(CSSDeclaredStyle, get_with_precedence) {
+  CSSDeclaredStyle style;
+
+  style.set<CSSProp::Margin>("1px");
+
+  auto margin1 = style.get<
+      CSSProp::MarginStart,
+      CSSProp::MarginLeft,
+      CSSProp::MarginInline,
+      CSSProp::MarginHorizontal,
+      CSSProp::Margin>();
+
+  EXPECT_EQ(margin1.type(), CSSValueType::Length);
+  EXPECT_EQ(margin1.getLength().value, 1.0f);
+  EXPECT_EQ(margin1.getLength().unit, CSSLengthUnit::Px);
+
+  style.set<CSSProp::MarginLeft>("3px");
+  auto margin2 = style.get<
+      CSSProp::MarginStart,
+      CSSProp::MarginLeft,
+      CSSProp::MarginInline,
+      CSSProp::MarginHorizontal,
+      CSSProp::Margin>();
+
+  EXPECT_EQ(margin2.type(), CSSValueType::Length);
+  EXPECT_EQ(margin2.getLength().value, 3.0f);
+  EXPECT_EQ(margin2.getLength().unit, CSSLengthUnit::Px);
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/css/tests/CSSParserTest.cpp b/packages/react-native/ReactCommon/react/renderer/css/tests/CSSParserTest.cpp
new file mode 100644
index 00000000000000..2ff8760e0dc397
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/css/tests/CSSParserTest.cpp
@@ -0,0 +1,317 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <gtest/gtest.h>
+#include <react/renderer/css/CSSParser.h>
+
+namespace facebook::react {
+
+TEST(CSSParser, keyword_values) {
+  auto emptyValue = parseCSSComponentValue<CSSWideKeyword, CSSKeyword>("");
+  EXPECT_EQ(emptyValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(emptyValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto autoValue = parseCSSComponentValue<CSSWideKeyword, CSSKeyword>("auto");
+  EXPECT_EQ(autoValue.type(), CSSValueType::Keyword);
+  EXPECT_EQ(autoValue.getKeyword(), CSSKeyword::Auto);
+
+  auto autoCapsValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSKeyword>("AuTO");
+  EXPECT_EQ(autoCapsValue.type(), CSSValueType::Keyword);
+  EXPECT_EQ(autoCapsValue.getKeyword(), CSSKeyword::Auto);
+
+  auto autoDisallowedValue = parseCSSComponentValue<CSSWideKeyword>("auto");
+  EXPECT_EQ(autoDisallowedValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(autoDisallowedValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto whitespaceValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSKeyword>(" flex-start   ");
+  EXPECT_EQ(whitespaceValue.type(), CSSValueType::Keyword);
+  EXPECT_EQ(whitespaceValue.getKeyword(), CSSKeyword::FlexStart);
+
+  auto badIdentValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSKeyword>("bad");
+  EXPECT_EQ(badIdentValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(badIdentValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto pxValue = parseCSSComponentValue<CSSWideKeyword>("20px");
+  EXPECT_EQ(pxValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(pxValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto multiValue = parseCSSComponentValue<CSSWideKeyword>("auto flex-start");
+  EXPECT_EQ(multiValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(multiValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+}
+
+TEST(CSSParser, length_values) {
+  auto emptyValue = parseCSSComponentValue<CSSWideKeyword, CSSLength>("");
+  EXPECT_EQ(emptyValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(emptyValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto autoValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSKeyword, CSSLength>("auto");
+  EXPECT_EQ(autoValue.type(), CSSValueType::Keyword);
+  EXPECT_EQ(autoValue.getKeyword(), CSSKeyword::Auto);
+
+  auto pxValue = parseCSSComponentValue<CSSWideKeyword, CSSLength>("20px");
+  EXPECT_EQ(pxValue.type(), CSSValueType::Length);
+  EXPECT_EQ(pxValue.getLength().value, 20.0f);
+  EXPECT_EQ(pxValue.getLength().unit, CSSLengthUnit::Px);
+
+  auto cmValue = parseCSSComponentValue<CSSWideKeyword, CSSLength>("453cm");
+  EXPECT_EQ(cmValue.type(), CSSValueType::Length);
+  EXPECT_EQ(cmValue.getLength().value, 453.0f);
+  EXPECT_EQ(cmValue.getLength().unit, CSSLengthUnit::Cm);
+
+  auto unitlessZeroValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSLength>("0");
+  EXPECT_EQ(unitlessZeroValue.type(), CSSValueType::Length);
+  EXPECT_EQ(unitlessZeroValue.getLength().value, 0.0f);
+  EXPECT_EQ(unitlessZeroValue.getLength().unit, CSSLengthUnit::Px);
+
+  auto unitlessNonzeroValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSLength>("123");
+  EXPECT_EQ(unitlessNonzeroValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(unitlessNonzeroValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto pctValue = parseCSSComponentValue<CSSWideKeyword, CSSLength>("-40%");
+  EXPECT_EQ(pctValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(pctValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+}
+
+TEST(CSSParser, length_percentage_values) {
+  auto emptyValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSLength, CSSPercentage>("");
+  EXPECT_EQ(emptyValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(emptyValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto autoValue = parseCSSComponentValue<
+      CSSWideKeyword,
+      CSSKeyword,
+      CSSLength,
+      CSSPercentage>("auto");
+  EXPECT_EQ(autoValue.type(), CSSValueType::Keyword);
+  EXPECT_EQ(autoValue.getKeyword(), CSSKeyword::Auto);
+
+  auto pxValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSLength, CSSPercentage>("20px");
+  EXPECT_EQ(pxValue.type(), CSSValueType::Length);
+  EXPECT_EQ(pxValue.getLength().value, 20.0f);
+  EXPECT_EQ(pxValue.getLength().unit, CSSLengthUnit::Px);
+
+  auto pctValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSLength, CSSPercentage>("-40%");
+  EXPECT_EQ(pctValue.type(), CSSValueType::Percentage);
+  EXPECT_EQ(pctValue.getPercentage().value, -40.0f);
+}
+
+TEST(CSSParser, number_values) {
+  auto emptyValue = parseCSSComponentValue<CSSWideKeyword, CSSNumber>("");
+  EXPECT_EQ(emptyValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(emptyValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto inheritValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber>("inherit");
+  EXPECT_EQ(inheritValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(inheritValue.getCSSWideKeyword(), CSSWideKeyword::Inherit);
+
+  auto pxValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSKeyword, CSSNumber>("20px");
+  EXPECT_EQ(pxValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(pxValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto numberValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSKeyword, CSSNumber>("123.456");
+  EXPECT_EQ(numberValue.type(), CSSValueType::Number);
+  EXPECT_EQ(numberValue.getNumber().value, 123.456f);
+
+  auto unitlessZeroValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSLength, CSSNumber>("0");
+  EXPECT_EQ(unitlessZeroValue.type(), CSSValueType::Number);
+  EXPECT_EQ(unitlessZeroValue.getNumber().value, 0.0f);
+}
+
+TEST(CSSParser, ratio_values) {
+  auto emptyValue = parseCSSComponentValue<CSSWideKeyword, CSSRatio>("");
+  EXPECT_EQ(emptyValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(emptyValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto validRatio = parseCSSComponentValue<CSSWideKeyword, CSSRatio>("16/9");
+  EXPECT_EQ(validRatio.type(), CSSValueType::Ratio);
+  EXPECT_EQ(validRatio.getRatio().numerator, 16.0f);
+  EXPECT_EQ(validRatio.getRatio().denominator, 9.0f);
+
+  auto validRatioWithWhitespace =
+      parseCSSComponentValue<CSSWideKeyword, CSSRatio>("16 / 9");
+  EXPECT_EQ(validRatioWithWhitespace.type(), CSSValueType::Ratio);
+  EXPECT_EQ(validRatioWithWhitespace.getRatio().numerator, 16.0f);
+  EXPECT_EQ(validRatioWithWhitespace.getRatio().denominator, 9.0f);
+
+  auto singleNumberRatio =
+      parseCSSComponentValue<CSSWideKeyword, CSSRatio>("16");
+  EXPECT_EQ(singleNumberRatio.type(), CSSValueType::Ratio);
+  EXPECT_EQ(singleNumberRatio.getRatio().numerator, 16.0f);
+  EXPECT_EQ(singleNumberRatio.getRatio().denominator, 1.0f);
+
+  auto fractionalNumber =
+      parseCSSComponentValue<CSSWideKeyword, CSSRatio>("16.5");
+  EXPECT_EQ(fractionalNumber.type(), CSSValueType::Ratio);
+  EXPECT_EQ(fractionalNumber.getRatio().numerator, 16.5f);
+  EXPECT_EQ(fractionalNumber.getRatio().denominator, 1.0f);
+
+  auto negativeNumber = parseCSSComponentValue<CSSWideKeyword, CSSRatio>("-16");
+  EXPECT_EQ(negativeNumber.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(negativeNumber.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto missingDenominator =
+      parseCSSComponentValue<CSSWideKeyword, CSSRatio>("16/");
+  EXPECT_EQ(missingDenominator.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(missingDenominator.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto negativeNumerator =
+      parseCSSComponentValue<CSSWideKeyword, CSSRatio>("-16/9");
+  EXPECT_EQ(negativeNumerator.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(negativeNumerator.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto negativeDenominator =
+      parseCSSComponentValue<CSSWideKeyword, CSSRatio>("16/-9");
+  EXPECT_EQ(negativeDenominator.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(negativeDenominator.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto fractionalNumerator =
+      parseCSSComponentValue<CSSWideKeyword, CSSRatio>("16.5/9");
+  EXPECT_EQ(fractionalNumerator.type(), CSSValueType::Ratio);
+  EXPECT_EQ(fractionalNumerator.getRatio().numerator, 16.5f);
+  EXPECT_EQ(fractionalNumerator.getRatio().denominator, 9.0f);
+
+  auto fractionalDenominator =
+      parseCSSComponentValue<CSSWideKeyword, CSSRatio>("16/9.5");
+  EXPECT_EQ(fractionalDenominator.type(), CSSValueType::Ratio);
+  EXPECT_EQ(fractionalDenominator.getRatio().numerator, 16.0f);
+  EXPECT_EQ(fractionalDenominator.getRatio().denominator, 9.5f);
+
+  auto degenerateRatio = parseCSSComponentValue<CSSWideKeyword, CSSRatio>("0");
+  EXPECT_EQ(degenerateRatio.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(degenerateRatio.getCSSWideKeyword(), CSSWideKeyword::Unset);
+}
+
+TEST(CSSParser, number_ratio_values) {
+  auto emptyValue =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("");
+  EXPECT_EQ(emptyValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(emptyValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto validRatio =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("16/9");
+  EXPECT_EQ(validRatio.type(), CSSValueType::Ratio);
+  EXPECT_EQ(validRatio.getRatio().numerator, 16.0f);
+  EXPECT_EQ(validRatio.getRatio().denominator, 9.0f);
+
+  auto validRatioWithWhitespace =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("16 / 9");
+  EXPECT_EQ(validRatioWithWhitespace.type(), CSSValueType::Ratio);
+  EXPECT_EQ(validRatioWithWhitespace.getRatio().numerator, 16.0f);
+  EXPECT_EQ(validRatioWithWhitespace.getRatio().denominator, 9.0f);
+
+  auto singleNumberRatio =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("16");
+  EXPECT_EQ(singleNumberRatio.type(), CSSValueType::Ratio);
+  EXPECT_EQ(singleNumberRatio.getRatio().numerator, 16.0f);
+  EXPECT_EQ(singleNumberRatio.getRatio().denominator, 1.0f);
+
+  auto fractionalNumber =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("16.5");
+  EXPECT_EQ(fractionalNumber.type(), CSSValueType::Ratio);
+  EXPECT_EQ(fractionalNumber.getRatio().numerator, 16.5f);
+  EXPECT_EQ(singleNumberRatio.getRatio().denominator, 1.0f);
+
+  auto negativeNumber =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("-16");
+  EXPECT_EQ(negativeNumber.type(), CSSValueType::Number);
+  EXPECT_EQ(negativeNumber.getNumber().value, -16.0f);
+
+  auto missingDenominator =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("16/");
+  EXPECT_EQ(missingDenominator.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(missingDenominator.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto negativeNumerator =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("-16/9");
+  EXPECT_EQ(negativeNumerator.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(negativeNumerator.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto negativeDenominator =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("16/-9");
+  EXPECT_EQ(negativeDenominator.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(negativeDenominator.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto fractionalNumerator =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("16.5/9");
+  EXPECT_EQ(fractionalNumerator.type(), CSSValueType::Ratio);
+  EXPECT_EQ(fractionalNumerator.getRatio().numerator, 16.5f);
+  EXPECT_EQ(fractionalNumerator.getRatio().denominator, 9.0f);
+
+  auto fractionalDenominator =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("16/9.5");
+  EXPECT_EQ(fractionalDenominator.type(), CSSValueType::Ratio);
+  EXPECT_EQ(fractionalDenominator.getRatio().numerator, 16.0f);
+  EXPECT_EQ(fractionalDenominator.getRatio().denominator, 9.5f);
+
+  auto degenerateRatio =
+      parseCSSComponentValue<CSSWideKeyword, CSSNumber, CSSRatio>("0");
+  EXPECT_EQ(degenerateRatio.type(), CSSValueType::Number);
+  EXPECT_EQ(degenerateRatio.getNumber().value, 0.0f);
+}
+
+TEST(CSSParser, parse_prop) {
+  auto emptyValue = parseCSSProp<CSSProp::Width>("");
+  EXPECT_EQ(emptyValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(emptyValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto numberWidthValue = parseCSSProp<CSSProp::Width>("50px");
+  EXPECT_EQ(numberWidthValue.type(), CSSValueType::Length);
+  EXPECT_EQ(numberWidthValue.getLength().value, 50.0f);
+  EXPECT_EQ(numberWidthValue.getLength().unit, CSSLengthUnit::Px);
+
+  auto percentWidthValue = parseCSSProp<CSSProp::Width>("50%");
+  EXPECT_EQ(percentWidthValue.type(), CSSValueType::Percentage);
+  EXPECT_EQ(percentWidthValue.getPercentage().value, 50.0f);
+
+  auto autoWidthValue = parseCSSProp<CSSProp::Width>("auto");
+  EXPECT_EQ(autoWidthValue.type(), CSSValueType::Keyword);
+  EXPECT_EQ(
+      autoWidthValue.getKeyword(), CSSAllowedKeywords<CSSProp::Width>::Auto);
+
+  auto invalidWidthValue = parseCSSProp<CSSProp::Width>("50");
+  EXPECT_EQ(invalidWidthValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(invalidWidthValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto invalidKeywordValue = parseCSSProp<CSSProp::Width>("flex-start");
+  EXPECT_EQ(invalidKeywordValue.type(), CSSValueType::CSSWideKeyword);
+  EXPECT_EQ(invalidKeywordValue.getCSSWideKeyword(), CSSWideKeyword::Unset);
+
+  auto keywordlessValue = parseCSSProp<CSSProp::BorderRadius>("50px");
+  EXPECT_EQ(keywordlessValue.type(), CSSValueType::Length);
+  EXPECT_EQ(keywordlessValue.getLength().value, 50.0f);
+  EXPECT_EQ(keywordlessValue.getLength().unit, CSSLengthUnit::Px);
+}
+
+TEST(CSSParser, parse_keyword_prop_constexpr) {
+  constexpr auto rowValue = parseCSSProp<CSSProp::FlexDirection>("row");
+  EXPECT_EQ(rowValue.type(), CSSValueType::Keyword);
+  EXPECT_EQ(
+      rowValue.getKeyword(), CSSAllowedKeywords<CSSProp::FlexDirection>::Row);
+}
+
+TEST(CSSParser, parse_length_prop_constexpr) {
+  constexpr auto pxValue = parseCSSProp<CSSProp::BorderWidth>("2px");
+  EXPECT_EQ(pxValue.type(), CSSValueType::Length);
+  EXPECT_EQ(pxValue.getLength().value, 2.0f);
+  EXPECT_EQ(pxValue.getLength().unit, CSSLengthUnit::Px);
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/css/tests/CSSTokenizerTest.cpp b/packages/react-native/ReactCommon/react/renderer/css/tests/CSSTokenizerTest.cpp
new file mode 100644
index 00000000000000..e2ac957e3a1f61
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/css/tests/CSSTokenizerTest.cpp
@@ -0,0 +1,154 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <gtest/gtest.h>
+#include <react/renderer/css/CSSTokenizer.h>
+
+namespace facebook::react {
+
+static void expectTokens(
+    std::string_view characters,
+    std::initializer_list<CSSToken> expectedTokens) {
+  CSSTokenizer tokenizer{characters};
+
+  for (const auto& expectedToken : expectedTokens) {
+    auto nextToken = tokenizer.next();
+    EXPECT_EQ(nextToken.type(), expectedToken.type());
+    EXPECT_EQ(nextToken.stringValue(), expectedToken.stringValue());
+    EXPECT_EQ(nextToken.numericValue(), expectedToken.numericValue());
+    EXPECT_EQ(nextToken.unit(), expectedToken.unit());
+    EXPECT_EQ(nextToken, expectedToken);
+  }
+}
+
+TEST(CSSTokenizer, eof_values) {
+  expectTokens("", {CSSToken{CSSTokenType::EndOfFile}});
+}
+
+TEST(CSSTokenizer, whitespace_values) {
+  expectTokens(
+      " ",
+      {CSSToken{CSSTokenType::WhiteSpace}, CSSToken{CSSTokenType::EndOfFile}});
+  expectTokens(
+      " \t",
+      {CSSToken{CSSTokenType::WhiteSpace}, CSSToken{CSSTokenType::EndOfFile}});
+  expectTokens(
+      "\n   \t",
+      {CSSToken{CSSTokenType::WhiteSpace}, CSSToken{CSSTokenType::EndOfFile}});
+}
+
+TEST(CSSTokenizer, ident_values) {
+  expectTokens(
+      "auto",
+      {CSSToken{CSSTokenType::Ident, "auto"},
+       CSSToken{CSSTokenType::EndOfFile}});
+
+  expectTokens(
+      "inset auto left",
+      {CSSToken{CSSTokenType::Ident, "inset"},
+       CSSToken{CSSTokenType::WhiteSpace},
+       CSSToken{CSSTokenType::Ident, "auto"},
+       CSSToken{CSSTokenType::WhiteSpace},
+       CSSToken{CSSTokenType::Ident, "left"},
+       CSSToken{CSSTokenType::EndOfFile}});
+}
+
+TEST(CSSTokenizer, number_values) {
+  expectTokens(
+      "12",
+      {CSSToken{CSSTokenType::Number, 12.0f},
+       CSSToken{CSSTokenType::EndOfFile}});
+
+  expectTokens(
+      "-5",
+      {CSSToken{CSSTokenType::Number, -5.0f},
+       CSSToken{CSSTokenType::EndOfFile}});
+
+  expectTokens(
+      "123.0",
+      {CSSToken{CSSTokenType::Number, 123.0f},
+       CSSToken{CSSTokenType::EndOfFile}});
+
+  expectTokens(
+      "4.2E-1",
+      {CSSToken{CSSTokenType::Number, 4.2e-1},
+       CSSToken{CSSTokenType::EndOfFile}});
+
+  expectTokens(
+      "6e-10",
+      {CSSToken{CSSTokenType::Number, 6e-10f},
+       CSSToken{CSSTokenType::EndOfFile}});
+
+  expectTokens(
+      "+81.07e+0",
+      {CSSToken{CSSTokenType::Number, +81.07e+0},
+       CSSToken{CSSTokenType::EndOfFile}});
+}
+
+TEST(CSSTokenizer, dimension_values) {
+  expectTokens(
+      "12px",
+      {CSSToken{CSSTokenType::Dimension, 12.0f, "px"},
+       CSSToken{CSSTokenType::EndOfFile}});
+
+  expectTokens(
+      "463.2abc",
+      {CSSToken{CSSTokenType::Dimension, 463.2, "abc"},
+       CSSToken{CSSTokenType::EndOfFile}});
+}
+
+TEST(CSSTokenizer, percent_values) {
+  expectTokens(
+      "12%",
+      {CSSToken{CSSTokenType::Percentage, 12.0f},
+       CSSToken{CSSTokenType::EndOfFile}});
+
+  expectTokens(
+      "-28.5%",
+      {CSSToken{CSSTokenType::Percentage, -28.5f},
+       CSSToken{CSSTokenType::EndOfFile}});
+}
+
+TEST(CSSTokenizer, mixed_values) {
+  expectTokens(
+      "12px   -100vh",
+      {CSSToken{CSSTokenType::Dimension, 12.0f, "px"},
+       CSSToken{CSSTokenType::WhiteSpace},
+       CSSToken{CSSTokenType::Dimension, -100.0f, "vh"},
+       CSSToken{CSSTokenType::EndOfFile}});
+}
+
+TEST(CSSTokenizer, ratio_values) {
+  expectTokens(
+      "16 / 9",
+      {CSSToken{CSSTokenType::Number, 16.0f},
+       CSSToken{CSSTokenType::WhiteSpace},
+       CSSToken{CSSTokenType::Delim, "/"},
+       CSSToken{CSSTokenType::WhiteSpace},
+       CSSToken{CSSTokenType::Number, 9.0f},
+       CSSToken{CSSTokenType::EndOfFile}});
+}
+
+TEST(CSSTokenizer, invalid_values) {
+  expectTokens(
+      "100*",
+      {CSSToken{CSSTokenType::Number, 100.0f},
+       CSSToken{CSSTokenType::Delim, "*"},
+       CSSToken{CSSTokenType::EndOfFile}});
+
+  expectTokens(
+      "+",
+      {CSSToken{CSSTokenType::Delim, "+"}, CSSToken{CSSTokenType::EndOfFile}});
+
+  expectTokens(
+      "(%",
+      {CSSToken{CSSTokenType::Delim, "("},
+       CSSToken{CSSTokenType::Delim, "%"},
+       CSSToken{CSSTokenType::EndOfFile}});
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/debug/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/debug/CMakeLists.txt
index d5271e9987892b..4b41809f5a79c0 100644
--- a/packages/react-native/ReactCommon/react/renderer/debug/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/debug/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_debug_SRC CONFIGURE_DEPENDS *.cpp)
diff --git a/packages/react-native/ReactCommon/react/renderer/debug/React-rendererdebug.podspec b/packages/react-native/ReactCommon/react/renderer/debug/React-rendererdebug.podspec
index ab6e959340a7a4..e50334971e8a23 100644
--- a/packages/react-native/ReactCommon/react/renderer/debug/React-rendererdebug.podspec
+++ b/packages/react-native/ReactCommon/react/renderer/debug/React-rendererdebug.podspec
@@ -16,8 +16,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 header_search_paths = [
     "\"$(PODS_ROOT)/RCT-Folly\"",
@@ -27,8 +28,7 @@ header_search_paths = [
 ]
 
 if ENV['USE_FRAMEWORKS']
-  header_search_paths << "\"$(PODS_TARGET_SRCROOT)/../../..\"" #this is needed to allow the Renderer/Debug access its own files
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-debug/React_debug.framework/Headers\""
+  header_search_paths << "\"$(PODS_TARGET_SRCROOT)/../../..\"" # this is needed to allow the Renderer/Debug access its own files
 end
 
 Pod::Spec.new do |s|
@@ -55,8 +55,8 @@ Pod::Spec.new do |s|
     s.header_mappings_dir  = "../../.."
   end
 
-  s.dependency "React-debug"
   s.dependency "RCT-Folly", folly_version
   s.dependency "DoubleConversion"
   s.dependency "fmt", "9.1.0"
+  add_dependency(s, "React-debug")
 end
diff --git a/packages/react-native/ReactCommon/react/renderer/debug/flags.h b/packages/react-native/ReactCommon/react/renderer/debug/flags.h
index 279dcac9a6eec4..f61d5d60219a80 100644
--- a/packages/react-native/ReactCommon/react/renderer/debug/flags.h
+++ b/packages/react-native/ReactCommon/react/renderer/debug/flags.h
@@ -26,7 +26,7 @@
 // Enables some Shadow Tree introspection features (maintains a StubViewTree,
 // and logs prev/next tree and mutations if there are any discrepancies). If you
 // define this, also define `RN_DEBUG_STRING_CONVERTIBLE`.
-#ifdef REACT_NATIVE_DEBUG
+#if (defined(REACT_NATIVE_DEBUG) && defined(WITH_FBSYSTRACE))
 #define RN_SHADOW_TREE_INTROSPECTION 1
 #endif
 
@@ -34,9 +34,7 @@
 // Enable if `RN_SHADOW_TREE_INTROSPECTION` is enabled.
 #ifdef RN_SHADOW_TREE_INTROSPECTION
 #define RN_DEBUG_STRING_CONVERTIBLE 1
-#endif
-
-#ifndef RN_DEBUG_STRING_CONVERTIBLE
+#else
 #define RN_DEBUG_STRING_CONVERTIBLE 0
 #endif
 
@@ -48,7 +46,3 @@
 // are logged to console before the `assert` is fired. More useful on Android vs
 // other platforms.
 //#define STUB_VIEW_TREE_VERBOSE 1
-
-// Verbose logging for certain Yoga-related things in the RN codebase (not Yoga
-// codebase). Useful for debugging layout.
-//#define RN_DEBUG_YOGA_LOGGER 1
diff --git a/packages/react-native/ReactCommon/react/renderer/debug/tests/DebugStringConvertibleTest.cpp b/packages/react-native/ReactCommon/react/renderer/debug/tests/DebugStringConvertibleTest.cpp
index fa0210739172d3..b8952b12f1c04f 100644
--- a/packages/react-native/ReactCommon/react/renderer/debug/tests/DebugStringConvertibleTest.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/debug/tests/DebugStringConvertibleTest.cpp
@@ -5,6 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+#if RN_DEBUG_STRING_CONVERTIBLE
 #include <memory>
 
 #include <gtest/gtest.h>
@@ -82,3 +83,4 @@ TEST(DebugStringConvertibleTest, handleNodeWithComplexProps) {
       item->getDebugDescription().c_str(),
       "<View=hello x=1(height=100 width=200)/>");
 }
+#endif
diff --git a/packages/react-native/ReactCommon/react/renderer/element/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/element/CMakeLists.txt
index 362871fb92185b..d7c4b8dd39bb19 100644
--- a/packages/react-native/ReactCommon/react/renderer/element/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/element/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_element_SRC CONFIGURE_DEPENDS *.cpp)
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/graphics/CMakeLists.txt
index 05914513e8af4a..ab3977ceb5711a 100644
--- a/packages/react-native/ReactCommon/react/renderer/graphics/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_graphics_SRC CONFIGURE_DEPENDS *.cpp)
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/Color.h b/packages/react-native/ReactCommon/react/renderer/graphics/Color.h
index bf00b0036788a5..0197dd127ea087 100644
--- a/packages/react-native/ReactCommon/react/renderer/graphics/Color.h
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/Color.h
@@ -25,13 +25,15 @@ namespace facebook::react {
  */
 class SharedColor {
  public:
-  static const Color UndefinedColor = HostPlatformColor::UndefinedColor;
-
-  SharedColor() : color_(UndefinedColor) {}
+  SharedColor() : color_(HostPlatformColor::UndefinedColor) {}
 
   SharedColor(Color color) : color_(color) {}
 
-  Color operator*() const {
+  Color& operator*() {
+    return color_;
+  }
+
+  const Color& operator*() const {
     return color_;
   }
 
@@ -44,7 +46,7 @@ class SharedColor {
   }
 
   operator bool() const {
-    return color_ != UndefinedColor;
+    return color_ != HostPlatformColor::UndefinedColor;
   }
 
  private:
@@ -63,7 +65,7 @@ SharedColor whiteColor();
 
 template <>
 struct std::hash<facebook::react::SharedColor> {
-  size_t operator()(facebook::react::SharedColor color) const {
-    return std::hash<decltype(*color)>{}(*color);
+  size_t operator()(const facebook::react::SharedColor& color) const {
+    return std::hash<facebook::react::Color>{}(*color);
   }
 };
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/React-graphics.podspec b/packages/react-native/ReactCommon/react/renderer/graphics/React-graphics.podspec
index 9408fb5ba47d5f..b5faee3286fc0e 100644
--- a/packages/react-native/ReactCommon/react/renderer/graphics/React-graphics.podspec
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/React-graphics.podspec
@@ -16,8 +16,10 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
+
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
@@ -26,6 +28,8 @@ Pod::Spec.new do |s|
     "\"$(PODS_ROOT)/boost\"",
     "\"$(PODS_TARGET_SRCROOT)/../../../\"",
     "\"$(PODS_ROOT)/RCT-Folly\"",
+    "\"$(PODS_ROOT)/DoubleConversion\"",
+    "\"$(PODS_ROOT)/fmt/include\""
   ]
 
   s.name                   = "React-graphics"
@@ -40,7 +44,8 @@ Pod::Spec.new do |s|
   s.source_files           = source_files
   s.exclude_files          = "tests",
                              "platform/android",
-                             "platform/cxx"
+                             "platform/cxx",
+                             "platform/windows",
   s.header_dir             = "react/renderer/graphics"
 
   if ENV['USE_FRAMEWORKS']
@@ -58,4 +63,6 @@ Pod::Spec.new do |s|
   s.dependency "RCT-Folly/Fabric", folly_version
   s.dependency "React-Core/Default", version
   s.dependency "React-utils"
+  s.dependency "DoubleConversion"
+  s.dependency "fmt", "9.1.0"
 end
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/fromRawValueShared.h b/packages/react-native/ReactCommon/react/renderer/graphics/fromRawValueShared.h
new file mode 100644
index 00000000000000..fbc07288fa318b
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/fromRawValueShared.h
@@ -0,0 +1,50 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <react/debug/react_native_expect.h>
+#include <react/renderer/core/RawValue.h>
+#include <react/renderer/graphics/Color.h>
+#include <react/utils/ContextContainer.h>
+
+#pragma once
+
+namespace facebook::react {
+using parsePlatformColorFn =
+    SharedColor (*)(const ContextContainer&, int32_t, const RawValue&);
+
+inline void fromRawValueShared(
+    const ContextContainer& contextContainer,
+    int32_t surfaceId,
+    const RawValue& value,
+    SharedColor& result,
+    parsePlatformColorFn parsePlatformColor) {
+  ColorComponents colorComponents = {0, 0, 0, 0};
+
+  if (value.hasType<int>()) {
+    auto argb = (int64_t)value;
+    auto ratio = 255.f;
+    colorComponents.alpha = ((argb >> 24) & 0xFF) / ratio;
+    colorComponents.red = ((argb >> 16) & 0xFF) / ratio;
+    colorComponents.green = ((argb >> 8) & 0xFF) / ratio;
+    colorComponents.blue = (argb & 0xFF) / ratio;
+
+    result = colorFromComponents(colorComponents);
+  } else if (value.hasType<std::vector<float>>()) {
+    auto items = (std::vector<float>)value;
+    auto length = items.size();
+    react_native_expect(length == 3 || length == 4);
+    colorComponents.red = items.at(0);
+    colorComponents.green = items.at(1);
+    colorComponents.blue = items.at(2);
+    colorComponents.alpha = length == 4 ? items.at(3) : 1.0f;
+
+    result = colorFromComponents(colorComponents);
+  } else {
+    result = parsePlatformColor(contextContainer, surfaceId, value);
+  }
+}
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/platform/android/react/renderer/graphics/PlatformColorParser.h b/packages/react-native/ReactCommon/react/renderer/graphics/platform/android/react/renderer/graphics/PlatformColorParser.h
index 379bc9cf6b9f49..ca11a1c7deef56 100644
--- a/packages/react-native/ReactCommon/react/renderer/graphics/platform/android/react/renderer/graphics/PlatformColorParser.h
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/platform/android/react/renderer/graphics/PlatformColorParser.h
@@ -8,23 +8,25 @@
 #pragma once
 
 #include <fbjni/fbjni.h>
-#include <react/renderer/core/PropsParserContext.h>
-#include <react/renderer/core/RawProps.h>
+#include <react/debug/react_native_expect.h>
+#include <react/renderer/core/RawValue.h>
 #include <react/renderer/graphics/Color.h>
+#include <react/renderer/graphics/fromRawValueShared.h>
+#include <react/utils/ContextContainer.h>
 #include <unordered_map>
 
 namespace facebook::react {
 
 inline SharedColor parsePlatformColor(
-    const PropsParserContext& context,
+    const ContextContainer& contextContainer,
+    int32_t surfaceId,
     const RawValue& value) {
   ColorComponents colorComponents = {0, 0, 0, 0};
 
   if (value.hasType<
           std::unordered_map<std::string, std::vector<std::string>>>()) {
     const auto& fabricUIManager =
-        context.contextContainer.at<jni::global_ref<jobject>>(
-            "FabricUIManager");
+        contextContainer.at<jni::global_ref<jobject>>("FabricUIManager");
     static auto getColorFromJava =
         fabricUIManager->getClass()
             ->getMethod<jint(jint, jni::JArrayClass<jni::JString>)>("getColor");
@@ -37,8 +39,8 @@ inline SharedColor parsePlatformColor(
     for (int i = 0; i < resourcePaths.size(); i++) {
       javaResourcePaths->setElement(i, *jni::make_jstring(resourcePaths[i]));
     }
-    auto color = getColorFromJava(
-        fabricUIManager, context.surfaceId, *javaResourcePaths);
+    auto color =
+        getColorFromJava(fabricUIManager, surfaceId, *javaResourcePaths);
 
     auto argb = (int64_t)color;
     auto ratio = 255.f;
@@ -51,4 +53,13 @@ inline SharedColor parsePlatformColor(
   return {colorFromComponents(colorComponents)};
 }
 
+inline void fromRawValue(
+    const ContextContainer& contextContainer,
+    int32_t surfaceId,
+    const RawValue& value,
+    SharedColor& result) {
+  fromRawValueShared(
+      contextContainer, surfaceId, value, result, parsePlatformColor);
+}
+
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/platform/cxx/react/renderer/graphics/PlatformColorParser.h b/packages/react-native/ReactCommon/react/renderer/graphics/platform/cxx/react/renderer/graphics/PlatformColorParser.h
index 698b6b16d1593c..0526f892f48f0e 100644
--- a/packages/react-native/ReactCommon/react/renderer/graphics/platform/cxx/react/renderer/graphics/PlatformColorParser.h
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/platform/cxx/react/renderer/graphics/PlatformColorParser.h
@@ -7,15 +7,18 @@
 
 #pragma once
 
-#include <react/renderer/core/PropsParserContext.h>
-#include <react/renderer/core/RawProps.h>
+#include <react/debug/react_native_expect.h>
+#include <react/renderer/core/RawValue.h>
 #include <react/renderer/graphics/Color.h>
+#include <react/renderer/graphics/fromRawValueShared.h>
+#include <react/utils/ContextContainer.h>
 
 namespace facebook::react {
 
 inline SharedColor parsePlatformColor(
-    const PropsParserContext& context,
-    const RawValue& value) {
+    const ContextContainer& /*contextContainer*/,
+    int32_t /*surfaceId*/,
+    const RawValue& /*value*/) {
   float alpha = 0;
   float red = 0;
   float green = 0;
@@ -24,4 +27,13 @@ inline SharedColor parsePlatformColor(
   return {colorFromComponents({red, green, blue, alpha})};
 }
 
+inline void fromRawValue(
+    const ContextContainer& contextContainer,
+    int32_t surfaceId,
+    const RawValue& value,
+    SharedColor& result) {
+  fromRawValueShared(
+      contextContainer, surfaceId, value, result, parsePlatformColor);
+}
+
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/HostPlatformColor.h b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/HostPlatformColor.h
index 0dd7abe08f05d0..64c26bc7461019 100644
--- a/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/HostPlatformColor.h
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/HostPlatformColor.h
@@ -8,32 +8,72 @@
 #pragma once
 
 #include <react/renderer/graphics/ColorComponents.h>
+#include <react/utils/hash_combine.h>
 #include <cmath>
 
 namespace facebook::react {
 
-using Color = int32_t;
+struct DynamicColor {
+  int32_t lightColor = 0;
+  int32_t darkColor = 0;
+  int32_t highContrastLightColor = 0;
+  int32_t highContrastDarkColor = 0;
+};
+
+struct Color {
+  Color(int32_t color);
+  Color(const DynamicColor& dynamicColor);
+  Color(const ColorComponents& components);
+  Color(std::shared_ptr<void> uiColor);
+  int32_t getColor() const;
+  std::shared_ptr<void> getUIColor() const {
+    return uiColor_;
+  }
+  ColorComponents getColorComponents() const {
+    float ratio = 255;
+    int32_t primitiveColor = getColor();
+    return ColorComponents{
+        (float)((primitiveColor >> 16) & 0xff) / ratio,
+        (float)((primitiveColor >> 8) & 0xff) / ratio,
+        (float)((primitiveColor >> 0) & 0xff) / ratio,
+        (float)((primitiveColor >> 24) & 0xff) / ratio};
+  }
+  bool operator==(const Color& other) const;
+  bool operator!=(const Color& other) const;
+  operator int32_t() const {
+    return getColor();
+  }
+
+ private:
+  std::shared_ptr<void> uiColor_;
+};
 
 namespace HostPlatformColor {
-static const facebook::react::Color UndefinedColor =
-    std::numeric_limits<facebook::react::Color>::max();
-}
+
+#if defined(__clang__)
+#define NO_DESTROY [[clang::no_destroy]]
+#else
+#define NO_DESTROY
+#endif
+
+NO_DESTROY static const facebook::react::Color UndefinedColor = Color(nullptr);
+} // namespace HostPlatformColor
 
 inline Color hostPlatformColorFromComponents(ColorComponents components) {
-  float ratio = 255;
-  return ((int)round(components.alpha * ratio) & 0xff) << 24 |
-      ((int)round(components.red * ratio) & 0xff) << 16 |
-      ((int)round(components.green * ratio) & 0xff) << 8 |
-      ((int)round(components.blue * ratio) & 0xff);
+  return Color(components);
 }
 
 inline ColorComponents colorComponentsFromHostPlatformColor(Color color) {
-  float ratio = 255;
-  return ColorComponents{
-      (float)((color >> 16) & 0xff) / ratio,
-      (float)((color >> 8) & 0xff) / ratio,
-      (float)((color >> 0) & 0xff) / ratio,
-      (float)((color >> 24) & 0xff) / ratio};
+  return color.getColorComponents();
 }
 
 } // namespace facebook::react
+
+template <>
+struct std::hash<facebook::react::Color> {
+  size_t operator()(const facebook::react::Color& color) const {
+    auto seed = size_t{0};
+    facebook::react::hash_combine(seed, color.getColor());
+    return seed;
+  }
+};
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/HostPlatformColor.mm b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/HostPlatformColor.mm
new file mode 100644
index 00000000000000..65ecbc23cddc98
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/HostPlatformColor.mm
@@ -0,0 +1,161 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "HostPlatformColor.h"
+
+#import <Foundation/Foundation.h>
+#import <React/RCTUIKit.h> // [macOS]
+#import <react/utils/ManagedObjectWrapper.h>
+#import <string>
+
+using namespace facebook::react;
+
+NS_ASSUME_NONNULL_BEGIN
+
+namespace facebook::react {
+
+namespace {
+RCTUIColor *_Nullable UIColorFromInt32(int32_t intColor) // [macOS]
+{
+  CGFloat a = CGFloat((intColor >> 24) & 0xFF) / 255.0;
+  CGFloat r = CGFloat((intColor >> 16) & 0xFF) / 255.0;
+  CGFloat g = CGFloat((intColor >> 8) & 0xFF) / 255.0;
+  CGFloat b = CGFloat(intColor & 0xFF) / 255.0;
+  return [RCTUIColor colorWithRed:r green:g blue:b alpha:a]; // [macOS]
+}
+
+RCTUIColor *_Nullable UIColorFromDynamicColor(const facebook::react::DynamicColor &dynamicColor)
+{
+  int32_t light = dynamicColor.lightColor;
+  int32_t dark = dynamicColor.darkColor;
+  int32_t highContrastLight = dynamicColor.highContrastLightColor;
+  int32_t highContrastDark = dynamicColor.highContrastDarkColor;
+
+  // [macOS
+  RCTUIColor *lightColor = UIColorFromInt32(light);
+  RCTUIColor *darkColor = UIColorFromInt32(dark);
+  RCTUIColor *highContrastLightColor = UIColorFromInt32(highContrastLight);
+  RCTUIColor *highContrastDarkColor = UIColorFromInt32(highContrastDark);
+  // macOS]
+
+  if (lightColor != nil && darkColor != nil) {
+#if !TARGET_OS_OSX // [macOS]
+    UIColor *color = [UIColor colorWithDynamicProvider:^UIColor *_Nonnull(UITraitCollection *_Nonnull collection) {
+      if (collection.userInterfaceStyle == UIUserInterfaceStyleDark) {
+        if (collection.accessibilityContrast == UIAccessibilityContrastHigh && highContrastDarkColor != nil) {
+          return highContrastDarkColor;
+        } else {
+          return darkColor;
+        }
+      } else {
+        if (collection.accessibilityContrast == UIAccessibilityContrastHigh && highContrastLightColor != nil) {
+          return highContrastLightColor;
+        } else {
+          return lightColor;
+        }
+      }
+    }];
+    return color;
+#else // [macOS
+    NSColor *color = [NSColor colorWithName:nil dynamicProvider:^NSColor * _Nonnull(NSAppearance * _Nonnull appearance) {
+      NSMutableArray<NSAppearanceName> *appearances = [NSMutableArray arrayWithArray:@[NSAppearanceNameAqua,NSAppearanceNameDarkAqua]];
+      if (highContrastLightColor != nil) {
+        [appearances addObject:NSAppearanceNameAccessibilityHighContrastAqua];
+      }
+      if (highContrastDarkColor != nil) {
+        [appearances addObject:NSAppearanceNameAccessibilityHighContrastDarkAqua];
+      }
+      NSAppearanceName bestMatchingAppearance = [appearance bestMatchFromAppearancesWithNames:appearances];
+      if (bestMatchingAppearance == NSAppearanceNameAqua) {
+        return lightColor;
+      } else if (bestMatchingAppearance == NSAppearanceNameDarkAqua) {
+        return darkColor;
+      } else if (bestMatchingAppearance == NSAppearanceNameAccessibilityHighContrastAqua) {
+        return highContrastLightColor;
+      } else if (bestMatchingAppearance == NSAppearanceNameAccessibilityHighContrastDarkAqua) {
+        return highContrastDarkColor;
+      } else {
+        return lightColor;
+      }
+    }];
+    return color;
+#endif // macOS]
+  } else {
+    return nil;
+  }
+
+  return nil;
+}
+
+int32_t ColorFromUIColor(RCTUIColor *color) // [macOS]
+{
+  float ratio = 255;
+  CGFloat rgba[4];
+  [color getRed:&rgba[0] green:&rgba[1] blue:&rgba[2] alpha:&rgba[3]];
+  return ((int32_t)round((float)rgba[3] * ratio) & 0xff) << 24 | ((int)round((float)rgba[0] * ratio) & 0xff) << 16 |
+      ((int)round((float)rgba[1] * ratio) & 0xff) << 8 | ((int)round((float)rgba[2] * ratio) & 0xff);
+}
+
+int32_t ColorFromUIColor(const std::shared_ptr<void> &uiColor)
+{
+  RCTUIColor *color = (RCTUIColor *)unwrapManagedObject(uiColor); // [macOS]
+  if (color) {
+#if !TARGET_OS_OSX // [macOS
+    UITraitCollection *currentTraitCollection = [UITraitCollection currentTraitCollection];
+    color = [color resolvedColorWithTraitCollection:currentTraitCollection];
+#endif
+    return ColorFromUIColor(color);
+  }
+
+  return 0;
+}
+
+RCTUIColor *_Nullable UIColorFromComponentsColor(const facebook::react::ColorComponents &components) // [macOS]
+{
+  return [RCTUIColor colorWithRed:components.red green:components.green blue:components.blue alpha:components.alpha];
+}
+} // anonymous namespace
+
+Color::Color(int32_t color)
+{
+  uiColor_ = wrapManagedObject(UIColorFromInt32(color));
+}
+
+Color::Color(const DynamicColor &dynamicColor)
+{
+  uiColor_ = wrapManagedObject(UIColorFromDynamicColor(dynamicColor));
+}
+
+Color::Color(const ColorComponents &components)
+{
+  uiColor_ = wrapManagedObject(UIColorFromComponentsColor(components));
+}
+
+Color::Color(std::shared_ptr<void> uiColor)
+{
+  uiColor_ = std::move(uiColor);
+}
+
+bool Color::operator==(const Color &other) const
+{
+  return (!uiColor_ && !other.uiColor_) ||
+      (uiColor_ && other.uiColor_ &&
+       [unwrapManagedObject(getUIColor()) isEqual:unwrapManagedObject(other.getUIColor())]);
+}
+
+bool Color::operator!=(const Color &other) const
+{
+  return !(*this == other);
+}
+
+int32_t Color::getColor() const
+{
+  return ColorFromUIColor(uiColor_);
+}
+} // namespace facebook::react
+
+NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/PlatformColorParser.h b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/PlatformColorParser.h
index 32bcc883f468e9..30ecd79ba1ec6d 100644
--- a/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/PlatformColorParser.h
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/PlatformColorParser.h
@@ -7,28 +7,26 @@
 
 #pragma once
 
-#include <react/renderer/core/PropsParserContext.h>
-#include <react/renderer/core/RawProps.h>
+#include <react/debug/react_native_expect.h>
+#include <react/renderer/core/RawValue.h>
 #include <react/renderer/graphics/Color.h>
-#include <react/renderer/graphics/RCTPlatformColorUtils.h>
-#include <unordered_map>
+#include <react/renderer/graphics/fromRawValueShared.h>
+#include <react/utils/ContextContainer.h>
 
 namespace facebook::react {
 
-inline SharedColor parsePlatformColor(
-    const PropsParserContext& context,
-    const RawValue& value) {
-  if (value.hasType<std::unordered_map<std::string, RawValue>>()) {
-    auto items = (std::unordered_map<std::string, RawValue>)value;
-    if (items.find("semantic") != items.end() &&
-        items.at("semantic").hasType<std::vector<std::string>>()) {
-      auto semanticItems = (std::vector<std::string>)items.at("semantic");
-      return {colorFromComponents(
-          RCTPlatformColorComponentsFromSemanticItems(semanticItems))};
-    }
-  }
+SharedColor parsePlatformColor(
+    const ContextContainer& contextContainer,
+    int32_t surfaceId,
+    const RawValue& value);
 
-  return clearColor();
+inline void fromRawValue(
+    const ContextContainer& contextContainer,
+    int32_t surfaceId,
+    const RawValue& value,
+    SharedColor& result) {
+  fromRawValueShared(
+      contextContainer, surfaceId, value, result, parsePlatformColor);
 }
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/PlatformColorParser.mm b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/PlatformColorParser.mm
new file mode 100644
index 00000000000000..7b32e6ee915b95
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/PlatformColorParser.mm
@@ -0,0 +1,73 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "PlatformColorParser.h"
+
+#import <react/renderer/core/RawValue.h>
+#import <react/renderer/graphics/HostPlatformColor.h>
+#import <react/renderer/graphics/RCTPlatformColorUtils.h>
+#import <react/utils/ManagedObjectWrapper.h>
+#import <string>
+#import <unordered_map>
+
+using namespace facebook::react;
+
+NS_ASSUME_NONNULL_BEGIN
+
+namespace facebook::react {
+
+inline facebook::react::SharedColor RCTPlatformColorComponentsFromDynamicItems(
+    const facebook::react::ContextContainer &contextContainer,
+    int32_t surfaceId,
+    std::unordered_map<std::string, facebook::react::RawValue> &dynamicItems)
+{
+  SharedColor lightSharedColor{};
+  SharedColor darkSharedColor{};
+  SharedColor highContrastLightSharedColor{};
+  SharedColor highContrastDarkSharedColor{};
+  if (dynamicItems.count("light")) {
+    fromRawValue(contextContainer, surfaceId, dynamicItems.at("light"), lightSharedColor);
+  }
+  if (dynamicItems.count("dark")) {
+    fromRawValue(contextContainer, surfaceId, dynamicItems.at("dark"), darkSharedColor);
+  }
+  if (dynamicItems.count("highContrastLight")) {
+    fromRawValue(contextContainer, surfaceId, dynamicItems.at("highContrastLight"), highContrastLightSharedColor);
+  }
+  if (dynamicItems.count("highContrastDark")) {
+    fromRawValue(contextContainer, surfaceId, dynamicItems.at("highContrastDark"), highContrastDarkSharedColor);
+  }
+
+  Color color = Color(DynamicColor{
+      (*lightSharedColor).getColor(),
+      (*darkSharedColor).getColor(),
+      (*highContrastLightSharedColor).getColor(),
+      (*highContrastDarkSharedColor).getColor()});
+  return SharedColor(color);
+}
+
+SharedColor parsePlatformColor(const ContextContainer &contextContainer, int32_t surfaceId, const RawValue &value)
+{
+  if (value.hasType<std::unordered_map<std::string, RawValue>>()) {
+    auto items = (std::unordered_map<std::string, RawValue>)value;
+    if (items.find("semantic") != items.end() && items.at("semantic").hasType<std::vector<std::string>>()) {
+      auto semanticItems = (std::vector<std::string>)items.at("semantic");
+      return {wrapManagedObject(RCTPlatformColorFromSemanticItems(semanticItems))};
+    } else if (
+        items.find("dynamic") != items.end() &&
+        items.at("dynamic").hasType<std::unordered_map<std::string, RawValue>>()) {
+      auto dynamicItems = (std::unordered_map<std::string, RawValue>)items.at("dynamic");
+      return RCTPlatformColorComponentsFromDynamicItems(contextContainer, surfaceId, dynamicItems);
+    }
+  }
+
+  return clearColor();
+}
+
+} // namespace facebook::react
+
+NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/RCTPlatformColorUtils.h b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/RCTPlatformColorUtils.h
index 397fcde6b59954..061ff810e61a36 100644
--- a/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/RCTPlatformColorUtils.h
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/RCTPlatformColorUtils.h
@@ -5,8 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#include <react/renderer/graphics/ColorComponents.h>
-#include <vector>
+#pragma once
+
+#import <React/RCTUIKit.h> // [macOS]
+#import <react/renderer/graphics/HostPlatformColor.h>
+#import <vector>
 
 facebook::react::ColorComponents RCTPlatformColorComponentsFromSemanticItems(
     std::vector<std::string>& semanticItems);
+RCTUIColor* RCTPlatformColorFromSemanticItems( // [macOS]
+    std::vector<std::string>& semanticItems);
+RCTUIColor* RCTPlatformColorFromColor(const facebook::react::Color& color); // [macOS]
diff --git a/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/RCTPlatformColorUtils.mm b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/RCTPlatformColorUtils.mm
index a5b2eca1c179f4..af7cd66530d210 100644
--- a/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/RCTPlatformColorUtils.mm
+++ b/packages/react-native/ReactCommon/react/renderer/graphics/platform/ios/react/renderer/graphics/RCTPlatformColorUtils.mm
@@ -9,6 +9,7 @@
 
 #import <Foundation/Foundation.h>
 #import <React/RCTUIKit.h> // [macOS]
+#import <react/utils/ManagedObjectWrapper.h>
 
 #include <string>
 
@@ -187,20 +188,30 @@
 }
 
 facebook::react::ColorComponents RCTPlatformColorComponentsFromSemanticItems(std::vector<std::string> &semanticItems)
+{
+  return _ColorComponentsFromUIColor(RCTPlatformColorFromSemanticItems(semanticItems));
+}
+
+RCTUIColor *RCTPlatformColorFromSemanticItems(std::vector<std::string> &semanticItems) // [macOS]
 {
   for (const auto &semanticCString : semanticItems) {
     NSString *semanticNSString = _NSStringFromCString(semanticCString);
     RCTUIColor *uiColor = [RCTUIColor colorNamed:semanticNSString]; // [macOS]
     if (uiColor != nil) {
-      return _ColorComponentsFromUIColor(uiColor);
+      return uiColor;
     }
     uiColor = _UIColorFromSemanticString(semanticNSString);
     if (uiColor != nil) {
-      return _ColorComponentsFromUIColor(uiColor);
+      return uiColor;
     }
   }
 
-  return {0, 0, 0, 0};
+  return [RCTUIColor clearColor]; // [macOS]
+}
+
+RCTUIColor *RCTPlatformColorFromColor(const facebook::react::Color &color) // [macOS]
+{
+  return (RCTUIColor *)facebook::react::unwrapManagedObject(color.getUIColor()); // [macOS]
 }
 
 NS_ASSUME_NONNULL_END
diff --git a/packages/react-native/ReactCommon/react/renderer/imagemanager/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/imagemanager/CMakeLists.txt
index 17c3040c65f21e..8a69855f9ac321 100644
--- a/packages/react-native/ReactCommon/react/renderer/imagemanager/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/imagemanager/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_imagemanager_SRC CONFIGURE_DEPENDS
diff --git a/packages/react-native/ReactCommon/react/renderer/imagemanager/ImageManager.h b/packages/react-native/ReactCommon/react/renderer/imagemanager/ImageManager.h
index 600e4b3d99138b..128be69838884a 100644
--- a/packages/react-native/ReactCommon/react/renderer/imagemanager/ImageManager.h
+++ b/packages/react-native/ReactCommon/react/renderer/imagemanager/ImageManager.h
@@ -21,15 +21,17 @@ class ImageManager;
 using SharedImageManager = std::shared_ptr<ImageManager>;
 
 /*
- * Cross platform facade for iOS-specific RCTImageManager.
+ * Cross platform facade for image management (e.g. iOS-specific
+ * RCTImageManager)
  */
 class ImageManager {
  public:
   ImageManager(const ContextContainer::Shared& contextContainer);
-  ~ImageManager();
+  virtual ~ImageManager();
 
-  ImageRequest requestImage(const ImageSource& imageSource, SurfaceId surfaceId)
-      const;
+  virtual ImageRequest requestImage(
+      const ImageSource& imageSource,
+      SurfaceId surfaceId) const;
 
  private:
   void* self_{};
diff --git a/packages/react-native/ReactCommon/react/renderer/imagemanager/platform/ios/react/renderer/imagemanager/ImageRequest.cpp b/packages/react-native/ReactCommon/react/renderer/imagemanager/ImageRequest.cpp
similarity index 100%
rename from packages/react-native/ReactCommon/react/renderer/imagemanager/platform/ios/react/renderer/imagemanager/ImageRequest.cpp
rename to packages/react-native/ReactCommon/react/renderer/imagemanager/ImageRequest.cpp
diff --git a/packages/react-native/ReactCommon/react/renderer/imagemanager/platform/cxx/react/renderer/imagemanager/ImageRequest.cpp b/packages/react-native/ReactCommon/react/renderer/imagemanager/platform/cxx/react/renderer/imagemanager/ImageRequest.cpp
deleted file mode 100644
index 7974e06a2c1b9e..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/imagemanager/platform/cxx/react/renderer/imagemanager/ImageRequest.cpp
+++ /dev/null
@@ -1,36 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include "ImageRequest.h"
-
-#include <utility>
-
-namespace facebook::react {
-
-ImageRequest::ImageRequest(
-    ImageSource imageSource,
-    std::shared_ptr<const ImageTelemetry> telemetry,
-    SharedFunction<> cancelationFunction)
-    : imageSource_(std::move(imageSource)),
-      telemetry_(std::move(telemetry)),
-      cancelRequest_(std::move(cancelationFunction)) {
-  // Not implemented.
-}
-
-const ImageResponseObserverCoordinator& ImageRequest::getObserverCoordinator()
-    const {
-  // Not implemented
-  abort();
-}
-
-const std::shared_ptr<const ImageResponseObserverCoordinator>&
-ImageRequest::getSharedObserverCoordinator() const {
-  // Not implemented
-  abort();
-}
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/imagemanager/platform/ios/React-ImageManager.podspec b/packages/react-native/ReactCommon/react/renderer/imagemanager/platform/ios/React-ImageManager.podspec
index a4e3bebcf5babe..6feeafaf718f0d 100644
--- a/packages/react-native/ReactCommon/react/renderer/imagemanager/platform/ios/React-ImageManager.podspec
+++ b/packages/react-native/ReactCommon/react/renderer/imagemanager/platform/ios/React-ImageManager.podspec
@@ -26,7 +26,9 @@ Pod::Spec.new do |s|
     "\"$(PODS_TARGET_SRCROOT)/../../../\"",
     "\"$(PODS_TARGET_SRCROOT)\"",
     "\"$(PODS_ROOT)/RCT-Folly\"",
-  ]
+    "\"$(PODS_ROOT)/DoubleConversion\"",
+    "\"$(PODS_ROOT)/fmt/include\"",
+  ].join(" ")
 
   s.name                   = "React-ImageManager"
   s.version                = version
@@ -43,31 +45,23 @@ Pod::Spec.new do |s|
   if ENV['USE_FRAMEWORKS']
     s.module_name            = "React_ImageManager"
     s.header_mappings_dir  = "./"
-    header_search_paths = header_search_paths + [
-      "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\"",
-      "\"$(PODS_ROOT)/DoubleConversion\"",
-      "\"$(PODS_ROOT)/fmt/include\"",
-      "\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\"",
-      "\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\"",
-      "\"${PODS_CONFIGURATION_BUILD_DIR}/React-debug/React_debug.framework/Headers\"",
-      "\"${PODS_CONFIGURATION_BUILD_DIR}/React-utils/React_utils.framework/Headers\"",
-      "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-rendererdebug/React_rendererdebug.framework/Headers/\"",
-    ]
   end
 
   s.pod_target_xcconfig  = {
     "USE_HEADERMAP" => "NO",
-    "HEADER_SEARCH_PATHS" => header_search_paths.join(" "),
+    "HEADER_SEARCH_PATHS" => header_search_paths,
     "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
     "DEFINES_MODULE" => "YES",
   }
 
   s.dependency "RCT-Folly/Fabric"
-  s.dependency "React-Fabric"
   s.dependency "React-Core/Default"
-  s.dependency "React-RCTImage"
-  s.dependency "React-debug"
-  s.dependency "React-rendererdebug"
-  s.dependency "React-utils"
   s.dependency "glog"
+
+  add_dependency(s, "React-Fabric")
+  add_dependency(s, "React-graphics", :additional_framework_paths => ["react/renderer/graphics/platform/ios"])
+  add_dependency(s, "React-debug")
+  add_dependency(s, "React-utils")
+  add_dependency(s, "React-rendererdebug")
+
 end
diff --git a/packages/react-native/ReactCommon/react/renderer/leakchecker/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/leakchecker/CMakeLists.txt
index 183330b580acf8..4f9dde26baaa6e 100644
--- a/packages/react-native/ReactCommon/react/renderer/leakchecker/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/leakchecker/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_leakchecker_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(react_render_leakchecker SHARED ${react_render_leakchecker_SRC})
+add_library(react_render_leakchecker STATIC ${react_render_leakchecker_SRC})
 
 target_include_directories(react_render_leakchecker PUBLIC ${REACT_COMMON_DIR})
 target_link_libraries(react_render_leakchecker
diff --git a/packages/react-native/ReactCommon/react/renderer/mapbuffer/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/mapbuffer/CMakeLists.txt
index 1962c29acc6b0d..95bf23caa1598b 100644
--- a/packages/react-native/ReactCommon/react/renderer/mapbuffer/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/mapbuffer/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_mapbuffer_SRC CONFIGURE_DEPENDS *.cpp)
diff --git a/packages/react-native/ReactCommon/react/renderer/mapbuffer/MapBufferBuilder.cpp b/packages/react-native/ReactCommon/react/renderer/mapbuffer/MapBufferBuilder.cpp
index e2ca2d57f43f96..7bf76d91e6907e 100644
--- a/packages/react-native/ReactCommon/react/renderer/mapbuffer/MapBufferBuilder.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/mapbuffer/MapBufferBuilder.cpp
@@ -116,18 +116,18 @@ void MapBufferBuilder::putMapBuffer(MapBuffer::Key key, const MapBuffer& map) {
 void MapBufferBuilder::putMapBufferList(
     MapBuffer::Key key,
     const std::vector<MapBuffer>& mapBufferList) {
-  int32_t offset = dynamicData_.size();
+  auto offset = static_cast<int32_t>(dynamicData_.size());
   int32_t dataSize = 0;
   for (const MapBuffer& mapBuffer : mapBufferList) {
-    dataSize = dataSize + INT_SIZE + mapBuffer.size();
+    dataSize = dataSize + INT_SIZE + static_cast<int32_t>(mapBuffer.size());
   }
 
   dynamicData_.resize(offset + INT_SIZE, 0);
   memcpy(dynamicData_.data() + offset, &dataSize, INT_SIZE);
 
   for (const MapBuffer& mapBuffer : mapBufferList) {
-    int32_t mapBufferSize = mapBuffer.size();
-    int32_t dynamicDataSize = dynamicData_.size();
+    auto mapBufferSize = static_cast<int32_t>(mapBuffer.size());
+    auto dynamicDataSize = static_cast<int32_t>(dynamicData_.size());
     dynamicData_.resize(dynamicDataSize + INT_SIZE + mapBufferSize, 0);
     // format [length of buffer (int)] + [bytes of MapBuffer]
     memcpy(dynamicData_.data() + dynamicDataSize, &mapBufferSize, INT_SIZE);
diff --git a/packages/react-native/ReactCommon/react/renderer/mapbuffer/MapBufferBuilder.h b/packages/react-native/ReactCommon/react/renderer/mapbuffer/MapBufferBuilder.h
index 0b26e915aeac35..60ca37d20aba74 100644
--- a/packages/react-native/ReactCommon/react/renderer/mapbuffer/MapBufferBuilder.h
+++ b/packages/react-native/ReactCommon/react/renderer/mapbuffer/MapBufferBuilder.h
@@ -27,6 +27,8 @@ class MapBufferBuilder {
 
   void putInt(MapBuffer::Key key, int32_t value);
 
+  // TODO: Support 64 bit integers
+
   void putBool(MapBuffer::Key key, bool value);
 
   void putDouble(MapBuffer::Key key, double value);
diff --git a/packages/react-native/ReactCommon/react/renderer/mounting/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/mounting/CMakeLists.txt
index f478d2e9123f83..cc96aa3731dd6e 100644
--- a/packages/react-native/ReactCommon/react/renderer/mounting/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/mounting/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_mounting_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(react_render_mounting SHARED ${react_render_mounting_SRC})
+add_library(react_render_mounting STATIC ${react_render_mounting_SRC})
 
 target_include_directories(react_render_mounting PRIVATE .)
 target_include_directories(react_render_mounting PUBLIC ${REACT_COMMON_DIR})
diff --git a/packages/react-native/ReactCommon/react/renderer/mounting/Differentiator.cpp b/packages/react-native/ReactCommon/react/renderer/mounting/Differentiator.cpp
index 5ede0a1863142e..162ffac0bb1abc 100644
--- a/packages/react-native/ReactCommon/react/renderer/mounting/Differentiator.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/mounting/Differentiator.cpp
@@ -210,6 +210,7 @@ static inline bool shadowNodeIsConcrete(const ShadowNode& shadowNode) {
 
 static void sliceChildShadowNodeViewPairsRecursivelyV2(
     ShadowViewNodePair::NonOwningList& pairList,
+    size_t& startOfStaticIndex,
     ViewNodePairScope& scope,
     Point layoutOffset,
     const ShadowNode& shadowNode) {
@@ -247,11 +248,23 @@ static void sliceChildShadowNodeViewPairsRecursivelyV2(
          areChildrenFlattened,
          isConcreteView,
          storedOrigin});
-    pairList.push_back(&scope.back());
 
-    if (areChildrenFlattened) {
-      sliceChildShadowNodeViewPairsRecursivelyV2(
-          pairList, scope, origin, childShadowNode);
+    if (shadowView.layoutMetrics.positionType == PositionType::Static) {
+      auto it = pairList.begin();
+      std::advance(it, startOfStaticIndex);
+      pairList.insert(it, &scope.back());
+      startOfStaticIndex++;
+      if (areChildrenFlattened) {
+        sliceChildShadowNodeViewPairsRecursivelyV2(
+            pairList, startOfStaticIndex, scope, origin, childShadowNode);
+      }
+    } else {
+      pairList.push_back(&scope.back());
+      if (areChildrenFlattened) {
+        size_t pairListSize = pairList.size();
+        sliceChildShadowNodeViewPairsRecursivelyV2(
+            pairList, pairListSize, scope, origin, childShadowNode);
+      }
     }
   }
 }
@@ -270,8 +283,9 @@ ShadowViewNodePair::NonOwningList sliceChildShadowNodeViewPairsV2(
     return pairList;
   }
 
+  size_t startOfStaticIndex = 0;
   sliceChildShadowNodeViewPairsRecursivelyV2(
-      pairList, scope, layoutOffset, shadowNode);
+      pairList, startOfStaticIndex, scope, layoutOffset, shadowNode);
 
   // Sorting pairs based on `orderIndex` if needed.
   reorderInPlaceIfNeeded(pairList);
@@ -565,25 +579,21 @@ static void updateMatchedPair(
  * the old or new tree, and a list of flattened nodes in the other tree.
  *
  * For example: if you are Flattening, the node will be in the old tree and
- the
- * list will be from the new tree. If you are Unflattening, the opposite is
- true.
-
+ * the list will be from the new tree. If you are Unflattening, the opposite is
+ * true.
+ *
  * It is currently not possible for ReactJS, and therefore React Native, to
- move
- * a node *from* one parent to another without an entirely new subtree being
- * created. When we "reparent" in React Native here it is only because
- intermediate
- * ShadowNodes/ShadowViews, which *always* exist, are flattened or unflattened
- away.
+ * move a node *from* one parent to another without an entirely new subtree
+ * being created. When we "reparent" in React Native here it is only because
+ * intermediate ShadowNodes/ShadowViews, which *always* exist, are flattened or
+ * unflattened away.
+ *
  * Thus, this algorithm handles the very specialized cases of the tree
- collapsing or
- * expanding vertically in that way.
+ * collapsing or expanding vertically in that way.
 
  * Sketch of algorithm:
  * 0. Create a map of nodes in the flattened list. This should be done
- *before*
- *    calling this function.
+ *    before calling this function.
  * 1. Traverse the Node Subtree; remove elements from the map as they are
  *    visited in the tree.
  *    Perform a Remove/Insert depending on if we're flattening or unflattening
@@ -593,10 +603,9 @@ static void updateMatchedPair(
  *    View if we're flattening.
  *    If a node is in the list but not the map, it means it's been visited and
  *    Update has already been
- *    performed in the subtree. If it *is* in the map, it means the node is
- not
- *    * in the Tree, and should be Deleted/Created
- *    **after this function is called**, by the caller.
+ *    performed in the subtree. If it *is* in the map, it means the node is not
+ *    in the Tree, and should be Deleted/Created  **after this function is
+ *    called**, by the caller.
  */
 static void calculateShadowViewMutationsFlattener(
     ViewNodePairScope& scope,
@@ -1547,7 +1556,7 @@ static void calculateShadowViewMutationsV2(
 /**
  * Only used by unit tests currently.
  */
-static void sliceChildShadowNodeViewPairsRecursivelyLegacy(
+static void sliceChildShadowNodeViewPairsRecursivelyForTesting(
     ShadowViewNodePair::OwningList& pairList,
     Point layoutOffset,
     const ShadowNode& shadowNode) {
@@ -1578,7 +1587,7 @@ static void sliceChildShadowNodeViewPairsRecursivelyLegacy(
         pairList.push_back({shadowView, &childShadowNode});
       }
 
-      sliceChildShadowNodeViewPairsRecursivelyLegacy(
+      sliceChildShadowNodeViewPairsRecursivelyForTesting(
           pairList, origin, childShadowNode);
     }
   }
@@ -1587,7 +1596,7 @@ static void sliceChildShadowNodeViewPairsRecursivelyLegacy(
 /**
  * Only used by unit tests currently.
  */
-ShadowViewNodePair::OwningList sliceChildShadowNodeViewPairsLegacy(
+ShadowViewNodePair::OwningList sliceChildShadowNodeViewPairsForTesting(
     const ShadowNode& shadowNode) {
   auto pairList = ShadowViewNodePair::OwningList{};
 
@@ -1597,7 +1606,8 @@ ShadowViewNodePair::OwningList sliceChildShadowNodeViewPairsLegacy(
     return pairList;
   }
 
-  sliceChildShadowNodeViewPairsRecursivelyLegacy(pairList, {0, 0}, shadowNode);
+  sliceChildShadowNodeViewPairsRecursivelyForTesting(
+      pairList, {0, 0}, shadowNode);
 
   return pairList;
 }
diff --git a/packages/react-native/ReactCommon/react/renderer/mounting/Differentiator.h b/packages/react-native/ReactCommon/react/renderer/mounting/Differentiator.h
index 1aaa5760ca08ee..6215bad061c089 100644
--- a/packages/react-native/ReactCommon/react/renderer/mounting/Differentiator.h
+++ b/packages/react-native/ReactCommon/react/renderer/mounting/Differentiator.h
@@ -63,7 +63,7 @@ ShadowViewNodePair::NonOwningList sliceChildShadowNodeViewPairsV2(
  * Generates a list of `ShadowViewNodePair`s that represents a layer of a
  * flattened view hierarchy. This is *only* used by unit tests currently.
  */
-ShadowViewNodePair::OwningList sliceChildShadowNodeViewPairsLegacy(
+ShadowViewNodePair::OwningList sliceChildShadowNodeViewPairsForTesting(
     const ShadowNode& shadowNode);
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp b/packages/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp
index 1b98aac8ce046b..1461f894b93f63 100644
--- a/packages/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/mounting/ShadowTree.cpp
@@ -427,7 +427,7 @@ CommitStatus ShadowTree::tryCommit(
   telemetry.setAsThreadLocal();
   newRootShadowNode->layoutIfNeeded(&affectedLayoutableNodes);
   telemetry.unsetAsThreadLocal();
-  telemetry.didLayout(affectedLayoutableNodes.size());
+  telemetry.didLayout(static_cast<int>(affectedLayoutableNodes.size()));
 
   {
     // Updating `currentRevision_` in unique manner if it hasn't changed.
diff --git a/packages/react-native/ReactCommon/react/renderer/mounting/ShadowView.cpp b/packages/react-native/ReactCommon/react/renderer/mounting/ShadowView.cpp
index f191dd644ebae9..51b097b0b98b52 100644
--- a/packages/react-native/ReactCommon/react/renderer/mounting/ShadowView.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/mounting/ShadowView.cpp
@@ -9,13 +9,12 @@
 
 #include <react/renderer/core/LayoutMetrics.h>
 #include <react/renderer/core/LayoutableShadowNode.h>
-#include <react/renderer/core/TraitCast.h>
 
 namespace facebook::react {
 
 static LayoutMetrics layoutMetricsFromShadowNode(const ShadowNode& shadowNode) {
   auto layoutableShadowNode =
-      traitCast<const LayoutableShadowNode*>(&shadowNode);
+      dynamic_cast<const LayoutableShadowNode*>(&shadowNode);
   return layoutableShadowNode != nullptr
       ? layoutableShadowNode->getLayoutMetrics()
       : EmptyLayoutMetrics;
diff --git a/packages/react-native/ReactCommon/react/renderer/mounting/stubs.cpp b/packages/react-native/ReactCommon/react/renderer/mounting/stubs.cpp
index 59867f48c0edc2..fedd71c8d7d9f1 100644
--- a/packages/react-native/ReactCommon/react/renderer/mounting/stubs.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/mounting/stubs.cpp
@@ -55,7 +55,7 @@ static void calculateShadowViewMutationsForNewTree(
         parentShadowView, newChildPair.shadowView, static_cast<int>(index)));
 
     auto newGrandChildPairs =
-        sliceChildShadowNodeViewPairsLegacy(*newChildPair.shadowNode);
+        sliceChildShadowNodeViewPairsForTesting(*newChildPair.shadowNode);
 
     calculateShadowViewMutationsForNewTree(
         mutations, newChildPair.shadowView, newGrandChildPairs);
@@ -70,7 +70,7 @@ StubViewTree buildStubViewTreeWithoutUsingDifferentiator(
   calculateShadowViewMutationsForNewTree(
       mutations,
       ShadowView(rootShadowNode),
-      sliceChildShadowNodeViewPairsLegacy(rootShadowNode));
+      sliceChildShadowNodeViewPairsForTesting(rootShadowNode));
 
   auto emptyRootShadowNode = rootShadowNode.clone(ShadowNodeFragment{
       ShadowNodeFragment::propsPlaceholder(),
diff --git a/packages/react-native/ReactCommon/react/renderer/mounting/tests/OrderIndexTest.cpp b/packages/react-native/ReactCommon/react/renderer/mounting/tests/OrderIndexTest.cpp
new file mode 100644
index 00000000000000..804287cc133648
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/mounting/tests/OrderIndexTest.cpp
@@ -0,0 +1,244 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <algorithm>
+#include <memory>
+
+#include <gtest/gtest.h>
+
+#include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
+#include <react/renderer/components/root/RootComponentDescriptor.h>
+#include <react/renderer/components/scrollview/ScrollViewComponentDescriptor.h>
+#include <react/renderer/components/view/ViewComponentDescriptor.h>
+#include <react/renderer/element/ComponentBuilder.h>
+#include <react/renderer/element/Element.h>
+#include <react/renderer/element/testUtils.h>
+#include <react/renderer/mounting/Differentiator.h>
+#include <react/renderer/mounting/ShadowViewMutation.h>
+#include <react/renderer/mounting/stubs.h>
+
+namespace facebook::react {
+
+class OrderIndexTest : public ::testing::Test {
+ protected:
+  ComponentBuilder builder_;
+  std::shared_ptr<RootShadowNode> rootShadowNode_;
+  std::shared_ptr<ViewShadowNode> nodeA_;
+  std::shared_ptr<ViewShadowNode> nodeB_;
+  std::shared_ptr<ViewShadowNode> nodeC_;
+  std::shared_ptr<ViewShadowNode> nodeD_;
+
+  std::shared_ptr<RootShadowNode> currentRootShadowNode_;
+  StubViewTree currentStubViewTree_;
+
+  OrderIndexTest() : builder_(simpleComponentBuilder()) {
+    auto element = Element<RootShadowNode>()
+                       .reference(rootShadowNode_)
+                       .tag(1)
+                       .children({
+                           Element<ViewShadowNode>().tag(2).reference(nodeA_),
+                           Element<ViewShadowNode>().tag(3).reference(nodeB_),
+                           Element<ViewShadowNode>().tag(4).reference(nodeC_),
+                           Element<ViewShadowNode>().tag(5).reference(nodeD_),
+                       });
+
+    builder_.build(element);
+
+    mutateViewShadowNodeProps_(nodeA_, [](ViewProps& props) {
+      auto& yogaStyle = props.yogaStyle;
+      yogaStyle.setPositionType(yoga::PositionType::Relative);
+      props.backgroundColor = blackColor(); // to ensure it won't get flattened
+    });
+    mutateViewShadowNodeProps_(nodeB_, [](ViewProps& props) {
+      auto& yogaStyle = props.yogaStyle;
+      yogaStyle.setPositionType(yoga::PositionType::Relative);
+      props.backgroundColor = blackColor(); // to ensure it won't get flattened
+    });
+    mutateViewShadowNodeProps_(nodeC_, [](ViewProps& props) {
+      auto& yogaStyle = props.yogaStyle;
+      yogaStyle.setPositionType(yoga::PositionType::Relative);
+      props.backgroundColor = blackColor(); // to ensure it won't get flattened
+    });
+    mutateViewShadowNodeProps_(nodeD_, [](ViewProps& props) {
+      auto& yogaStyle = props.yogaStyle;
+      yogaStyle.setPositionType(yoga::PositionType::Relative);
+      props.backgroundColor = blackColor(); // to ensure it won't get flattened
+    });
+
+    currentRootShadowNode_ = rootShadowNode_;
+    currentRootShadowNode_->layoutIfNeeded();
+    currentStubViewTree_ =
+        buildStubViewTreeWithoutUsingDifferentiator(*currentRootShadowNode_);
+  }
+
+  void mutateViewShadowNodeProps_(
+      const std::shared_ptr<ViewShadowNode>& node,
+      std::function<void(ViewProps& props)> callback) {
+    rootShadowNode_ =
+        std::static_pointer_cast<RootShadowNode>(rootShadowNode_->cloneTree(
+            node->getFamily(), [&](const ShadowNode& oldShadowNode) {
+              auto viewProps = std::make_shared<ViewShadowNodeProps>();
+              callback(*viewProps);
+              return oldShadowNode.clone(ShadowNodeFragment{viewProps});
+            }));
+  }
+
+  void testViewTree_(
+      const std::function<void(StubViewTree const& viewTree)>& callback) {
+    rootShadowNode_->layoutIfNeeded();
+
+    callback(buildStubViewTreeUsingDifferentiator(*rootShadowNode_));
+
+    auto mutations =
+        calculateShadowViewMutations(*currentRootShadowNode_, *rootShadowNode_);
+    currentRootShadowNode_ = rootShadowNode_;
+    currentStubViewTree_.mutate(mutations);
+    callback(currentStubViewTree_);
+  }
+};
+
+TEST_F(OrderIndexTest, defaultOrderIsDocumentOrder) {
+  testViewTree_([this](const StubViewTree& viewTree) {
+    EXPECT_EQ(viewTree.size(), 5);
+    EXPECT_EQ(viewTree.getRootStubView().children.size(), 4);
+
+    EXPECT_EQ(viewTree.getRootStubView().children.at(0)->tag, nodeA_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(1)->tag, nodeB_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(2)->tag, nodeC_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(3)->tag, nodeD_->getTag());
+  });
+}
+
+TEST_F(OrderIndexTest, basicZIndex) {
+  mutateViewShadowNodeProps_(
+      nodeA_, [](ViewProps& props) { props.zIndex = 5; });
+  mutateViewShadowNodeProps_(
+      nodeB_, [](ViewProps& props) { props.zIndex = 10; });
+  mutateViewShadowNodeProps_(
+      nodeC_, [](ViewProps& props) { props.zIndex = 1; });
+  mutateViewShadowNodeProps_(
+      nodeD_, [](ViewProps& props) { props.zIndex = 2; });
+
+  testViewTree_([this](const StubViewTree& viewTree) {
+    EXPECT_EQ(viewTree.size(), 5);
+    EXPECT_EQ(viewTree.getRootStubView().children.size(), 4);
+
+    EXPECT_EQ(viewTree.getRootStubView().children.at(0)->tag, nodeC_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(1)->tag, nodeD_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(2)->tag, nodeA_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(3)->tag, nodeB_->getTag());
+  });
+}
+
+TEST_F(OrderIndexTest, negativeZIndex) {
+  mutateViewShadowNodeProps_(
+      nodeA_, [](ViewProps& props) { props.zIndex = 5; });
+  mutateViewShadowNodeProps_(
+      nodeB_, [](ViewProps& props) { props.zIndex = -10; });
+  mutateViewShadowNodeProps_(
+      nodeC_, [](ViewProps& props) { props.zIndex = -1; });
+  mutateViewShadowNodeProps_(
+      nodeD_, [](ViewProps& props) { props.zIndex = 2; });
+
+  testViewTree_([this](const StubViewTree& viewTree) {
+    EXPECT_EQ(viewTree.size(), 5);
+    EXPECT_EQ(viewTree.getRootStubView().children.size(), 4);
+
+    EXPECT_EQ(viewTree.getRootStubView().children.at(0)->tag, nodeB_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(1)->tag, nodeC_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(2)->tag, nodeD_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(3)->tag, nodeA_->getTag());
+  });
+}
+
+TEST_F(OrderIndexTest, zeroZIndex) {
+  mutateViewShadowNodeProps_(
+      nodeC_, [](ViewProps& props) { props.zIndex = 0; });
+  mutateViewShadowNodeProps_(
+      nodeD_, [](ViewProps& props) { props.zIndex = 0; });
+
+  testViewTree_([this](const StubViewTree& viewTree) {
+    EXPECT_EQ(viewTree.size(), 5);
+    EXPECT_EQ(viewTree.getRootStubView().children.size(), 4);
+
+    EXPECT_EQ(viewTree.getRootStubView().children.at(0)->tag, nodeA_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(1)->tag, nodeB_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(2)->tag, nodeC_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(3)->tag, nodeD_->getTag());
+  });
+}
+
+TEST_F(OrderIndexTest, staticBehindNonStatic) {
+  mutateViewShadowNodeProps_(nodeB_, [](ViewProps& props) {
+    auto& yogaStyle = props.yogaStyle;
+    yogaStyle.setPositionType(yoga::PositionType::Static);
+    props.backgroundColor = blackColor();
+  });
+  mutateViewShadowNodeProps_(nodeD_, [](ViewProps& props) {
+    auto& yogaStyle = props.yogaStyle;
+    yogaStyle.setPositionType(yoga::PositionType::Static);
+    props.backgroundColor = blackColor();
+  });
+
+  testViewTree_([this](const StubViewTree& viewTree) {
+    EXPECT_EQ(viewTree.size(), 5);
+    EXPECT_EQ(viewTree.getRootStubView().children.size(), 4);
+
+    EXPECT_EQ(viewTree.getRootStubView().children.at(0)->tag, nodeB_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(1)->tag, nodeD_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(2)->tag, nodeA_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(3)->tag, nodeC_->getTag());
+  });
+}
+
+TEST_F(OrderIndexTest, zIndexStaticBehindNonStatic) {
+  mutateViewShadowNodeProps_(
+      nodeB_, [](ViewProps& props) { props.zIndex = 5; });
+  mutateViewShadowNodeProps_(
+      nodeC_, [](ViewProps& props) { props.zIndex = -1; });
+  mutateViewShadowNodeProps_(nodeD_, [](ViewProps& props) {
+    auto& yogaStyle = props.yogaStyle;
+    yogaStyle.setPositionType(yoga::PositionType::Static);
+    props.backgroundColor = blackColor();
+  });
+
+  testViewTree_([this](const StubViewTree& viewTree) {
+    EXPECT_EQ(viewTree.size(), 5);
+    EXPECT_EQ(viewTree.getRootStubView().children.size(), 4);
+
+    EXPECT_EQ(viewTree.getRootStubView().children.at(0)->tag, nodeC_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(1)->tag, nodeD_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(2)->tag, nodeA_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(3)->tag, nodeB_->getTag());
+  });
+}
+
+TEST_F(OrderIndexTest, staticDoesNotGetZIndex) {
+  mutateViewShadowNodeProps_(nodeB_, [](ViewProps& props) {
+    auto& yogaStyle = props.yogaStyle;
+    yogaStyle.setPositionType(yoga::PositionType::Static);
+    props.backgroundColor = blackColor();
+    props.zIndex = 5;
+  });
+  mutateViewShadowNodeProps_(nodeD_, [](ViewProps& props) {
+    auto& yogaStyle = props.yogaStyle;
+    yogaStyle.setPositionType(yoga::PositionType::Static);
+    props.backgroundColor = blackColor();
+    props.zIndex = -5;
+  });
+
+  testViewTree_([this](const StubViewTree& viewTree) {
+    EXPECT_EQ(viewTree.size(), 5);
+    EXPECT_EQ(viewTree.getRootStubView().children.size(), 4);
+
+    EXPECT_EQ(viewTree.getRootStubView().children.at(0)->tag, nodeB_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(1)->tag, nodeD_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(2)->tag, nodeA_->getTag());
+    EXPECT_EQ(viewTree.getRootStubView().children.at(3)->tag, nodeC_->getTag());
+  });
+}
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/mounting/tests/StackingContextTest.cpp b/packages/react-native/ReactCommon/react/renderer/mounting/tests/StackingContextTest.cpp
index 262e7e10c2f541..2d1ff7c1cb0627 100644
--- a/packages/react-native/ReactCommon/react/renderer/mounting/tests/StackingContextTest.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/mounting/tests/StackingContextTest.cpp
@@ -251,9 +251,9 @@ TEST_F(StackingContextTest, mostPropsDoNotForceViewsToMaterialize) {
 
   mutateViewShadowNodeProps_(nodeAA_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.padding()[YGEdgeAll] = YGValue{42, YGUnitPoint};
-    yogaStyle.margin()[YGEdgeAll] = YGValue{42, YGUnitPoint};
-    yogaStyle.positionType() = yoga::PositionType::Absolute;
+    yogaStyle.setPadding(yoga::Edge::All, yoga::value::points(42));
+    yogaStyle.setMargin(yoga::Edge::All, yoga::value::points(42));
+    yogaStyle.setPositionType(yoga::PositionType::Absolute);
     props.shadowRadius = 42;
     props.shadowOffset = Size{42, 42};
     props.backgroundColor = clearColor();
@@ -262,22 +262,24 @@ TEST_F(StackingContextTest, mostPropsDoNotForceViewsToMaterialize) {
   mutateViewShadowNodeProps_(nodeBA_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
     props.zIndex = 42;
-    yogaStyle.margin()[YGEdgeAll] = YGValue{42, YGUnitPoint};
+    yogaStyle.setPositionType(yoga::PositionType::Static);
+    yogaStyle.setMargin(yoga::Edge::All, yoga::value::points(42));
     props.shadowColor = clearColor();
     props.shadowOpacity = 0.42;
   });
 
   mutateViewShadowNodeProps_(nodeBBA_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.positionType() = yoga::PositionType::Relative;
-
+    yogaStyle.setPositionType(yoga::PositionType::Relative);
     props.borderRadii.all = 42;
     props.borderColors.all = blackColor();
   });
 
   mutateViewShadowNodeProps_(nodeBD_, [](ViewProps& props) {
+    auto& yogaStyle = props.yogaStyle;
     props.onLayout = true;
     props.hitSlop = EdgeInsets{42, 42, 42, 42};
+    yogaStyle.setPositionType(yoga::PositionType::Static);
   });
 
   testViewTree_([](const StubViewTree& viewTree) {
@@ -456,7 +458,7 @@ TEST_F(StackingContextTest, somePropsForceViewsToMaterialize2) {
 
   mutateViewShadowNodeProps_(nodeBBB_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.positionType() = yoga::PositionType::Relative;
+    yogaStyle.setPositionType(yoga::PositionType::Relative);
     props.zIndex = 42;
   });
 
@@ -538,37 +540,37 @@ TEST_F(StackingContextTest, zIndexAndFlattenedNodes) {
 
   mutateViewShadowNodeProps_(nodeAA_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.positionType() = yoga::PositionType::Relative;
+    yogaStyle.setPositionType(yoga::PositionType::Relative);
     props.zIndex = 9001;
   });
 
   mutateViewShadowNodeProps_(nodeBA_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.positionType() = yoga::PositionType::Relative;
+    yogaStyle.setPositionType(yoga::PositionType::Relative);
     props.zIndex = 9000;
   });
 
   mutateViewShadowNodeProps_(nodeBBA_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.positionType() = yoga::PositionType::Relative;
+    yogaStyle.setPositionType(yoga::PositionType::Relative);
     props.zIndex = 8999;
   });
 
   mutateViewShadowNodeProps_(nodeBBB_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.positionType() = yoga::PositionType::Relative;
+    yogaStyle.setPositionType(yoga::PositionType::Relative);
     props.zIndex = 8998;
   });
 
   mutateViewShadowNodeProps_(nodeBC_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.positionType() = yoga::PositionType::Relative;
+    yogaStyle.setPositionType(yoga::PositionType::Relative);
     props.zIndex = 8997;
   });
 
   mutateViewShadowNodeProps_(nodeBD_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.positionType() = yoga::PositionType::Relative;
+    yogaStyle.setPositionType(yoga::PositionType::Relative);
     props.zIndex = 8996;
   });
 
@@ -652,7 +654,7 @@ TEST_F(StackingContextTest, zIndexAndFlattenedNodes) {
 
   mutateViewShadowNodeProps_(nodeBB_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.positionType() = yoga::PositionType::Relative;
+    yogaStyle.setPositionType(yoga::PositionType::Relative);
     props.zIndex = 42;
   });
 
@@ -680,7 +682,7 @@ TEST_F(StackingContextTest, zIndexAndFlattenedNodes) {
 
   mutateViewShadowNodeProps_(nodeBB_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.positionType() = yoga::PositionType::Static;
+    yogaStyle.setPositionType(yoga::PositionType::Static);
     props.zIndex = {};
   });
 
@@ -764,7 +766,7 @@ TEST_F(StackingContextTest, zIndexAndFlattenedNodes) {
 
   mutateViewShadowNodeProps_(nodeBB_, [](ViewProps& props) {
     auto& yogaStyle = props.yogaStyle;
-    yogaStyle.display() = yoga::Display::None;
+    yogaStyle.setDisplay(yoga::Display::None);
   });
 
   testViewTree_([](const StubViewTree& viewTree) {
diff --git a/packages/react-native/ReactCommon/react/renderer/observers/intersection/IntersectionObserver.cpp b/packages/react-native/ReactCommon/react/renderer/observers/intersection/IntersectionObserver.cpp
index 2e478c78e3551a..a5f305525421fd 100644
--- a/packages/react-native/ReactCommon/react/renderer/observers/intersection/IntersectionObserver.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/observers/intersection/IntersectionObserver.cpp
@@ -10,7 +10,6 @@
 #include <react/renderer/core/LayoutMetrics.h>
 #include <react/renderer/core/LayoutableShadowNode.h>
 #include <react/renderer/core/ShadowNodeFamily.h>
-#include <react/renderer/core/TraitCast.h>
 #include <utility>
 
 namespace facebook::react {
@@ -93,7 +92,7 @@ IntersectionObserver::updateIntersectionObservation(
     const RootShadowNode& rootShadowNode,
     double mountTime) {
   const auto layoutableRootShadowNode =
-      traitCast<const LayoutableShadowNode*>(&rootShadowNode);
+      dynamic_cast<const LayoutableShadowNode*>(&rootShadowNode);
 
   react_native_assert(
       layoutableRootShadowNode != nullptr &&
diff --git a/packages/react-native/ReactCommon/react/renderer/observers/intersection/IntersectionObserverManager.cpp b/packages/react-native/ReactCommon/react/renderer/observers/intersection/IntersectionObserverManager.cpp
index 2c992c64cb1fc2..a3c9eecf4c0ea4 100644
--- a/packages/react-native/ReactCommon/react/renderer/observers/intersection/IntersectionObserverManager.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/observers/intersection/IntersectionObserverManager.cpp
@@ -70,31 +70,47 @@ void IntersectionObserverManager::unobserve(
     const ShadowNode& shadowNode) {
   SystraceSection s("IntersectionObserverManager::unobserve");
 
-  std::unique_lock lock(observersMutex_);
+  {
+    std::unique_lock lock(observersMutex_);
 
-  auto surfaceId = shadowNode.getSurfaceId();
+    auto surfaceId = shadowNode.getSurfaceId();
 
-  auto observersIt = observersBySurfaceId_.find(surfaceId);
-  if (observersIt == observersBySurfaceId_.end()) {
-    return;
+    auto observersIt = observersBySurfaceId_.find(surfaceId);
+    if (observersIt == observersBySurfaceId_.end()) {
+      return;
+    }
+
+    auto& observers = observersIt->second;
+
+    observers.erase(
+        std::remove_if(
+            observers.begin(),
+            observers.end(),
+            [intersectionObserverId, &shadowNode](const auto& observer) {
+              return observer.getIntersectionObserverId() ==
+                  intersectionObserverId &&
+                  ShadowNode::sameFamily(
+                         observer.getTargetShadowNode(), shadowNode);
+            }),
+        observers.end());
+
+    if (observers.empty()) {
+      observersBySurfaceId_.erase(surfaceId);
+    }
   }
 
-  auto& observers = observersIt->second;
-
-  observers.erase(
-      std::remove_if(
-          observers.begin(),
-          observers.end(),
-          [intersectionObserverId, &shadowNode](const auto& observer) {
-            return observer.getIntersectionObserverId() ==
-                intersectionObserverId &&
-                ShadowNode::sameFamily(
-                       observer.getTargetShadowNode(), shadowNode);
-          }),
-      observers.end());
-
-  if (observers.empty()) {
-    observersBySurfaceId_.erase(surfaceId);
+  {
+    std::unique_lock lock(pendingEntriesMutex_);
+
+    pendingEntries_.erase(
+        std::remove_if(
+            pendingEntries_.begin(),
+            pendingEntries_.end(),
+            [intersectionObserverId, &shadowNode](const auto& entry) {
+              return entry.intersectionObserverId == intersectionObserverId &&
+                  ShadowNode::sameFamily(*entry.shadowNode, shadowNode);
+            }),
+        pendingEntries_.end());
   }
 }
 
diff --git a/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserver.cpp b/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserver.cpp
index c24db979c15089..4946c1c3e8afc9 100644
--- a/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserver.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserver.cpp
@@ -77,7 +77,7 @@ static ShadowNode::Shared findNodeOfSameFamily(
 void MutationObserver::recordMutations(
     const RootShadowNode& oldRootShadowNode,
     const RootShadowNode& newRootShadowNode,
-    std::vector<const MutationRecord>& recordedMutations) const {
+    std::vector<MutationRecord>& recordedMutations) const {
   // This tracks the nodes that have already been processed by this observer,
   // so we avoid unnecessary work and duplicated entries.
   SetOfShadowNodePointers processedNodes;
@@ -110,7 +110,7 @@ void MutationObserver::recordMutationsInTarget(
     const RootShadowNode& oldRootShadowNode,
     const RootShadowNode& newRootShadowNode,
     bool observeSubtree,
-    std::vector<const MutationRecord>& recordedMutations,
+    std::vector<MutationRecord>& recordedMutations,
     SetOfShadowNodePointers& processedNodes) const {
   // If the node isnt't present in the old tree, it's either:
   // - A new node. In that case, the mutation happened in its parent, not in the
@@ -146,7 +146,7 @@ void MutationObserver::recordMutationsInSubtrees(
     const ShadowNode& oldNode,
     const ShadowNode& newNode,
     bool observeSubtree,
-    std::vector<const MutationRecord>& recordedMutations,
+    std::vector<MutationRecord>& recordedMutations,
     SetOfShadowNodePointers processedNodes) const {
   bool isSameNode = &oldNode == &newNode;
   // If the nodes are referentially equal, their children are also the same.
diff --git a/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserver.h b/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserver.h
index 02d539c85d30ec..2e05cfc0e5765c 100644
--- a/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserver.h
+++ b/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserver.h
@@ -35,7 +35,7 @@ class MutationObserver {
   void recordMutations(
       const RootShadowNode& oldRootShadowNode,
       const RootShadowNode& newRootShadowNode,
-      std::vector<const MutationRecord>& recordedMutations) const;
+      std::vector<MutationRecord>& recordedMutations) const;
 
  private:
   MutationObserverId mutationObserverId_;
@@ -49,7 +49,7 @@ class MutationObserver {
       const RootShadowNode& oldRootShadowNode,
       const RootShadowNode& newRootShadowNode,
       bool observeSubtree,
-      std::vector<const MutationRecord>& recordedMutations,
+      std::vector<MutationRecord>& recordedMutations,
       SetOfShadowNodePointers& processedNodes) const;
 
   void recordMutationsInSubtrees(
@@ -57,7 +57,7 @@ class MutationObserver {
       const ShadowNode& oldNode,
       const ShadowNode& newNode,
       bool observeSubtree,
-      std::vector<const MutationRecord>& recordedMutations,
+      std::vector<MutationRecord>& recordedMutations,
       SetOfShadowNodePointers processedNodes) const;
 };
 
diff --git a/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserverManager.cpp b/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserverManager.cpp
index 681884ef40eadd..8403a2757e6352 100644
--- a/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserverManager.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserverManager.cpp
@@ -70,7 +70,7 @@ void MutationObserverManager::unobserve(
 
 void MutationObserverManager::connect(
     UIManager& uiManager,
-    std::function<void(std::vector<const MutationRecord>&)> onMutations) {
+    std::function<void(std::vector<MutationRecord>&)> onMutations) {
   SystraceSection s("MutationObserverManager::connect");
 
   // Fail-safe in case the caller doesn't guarantee consistency.
@@ -124,7 +124,7 @@ void MutationObserverManager::runMutationObservations(
     return;
   }
 
-  std::vector<const MutationRecord> mutationRecords;
+  std::vector<MutationRecord> mutationRecords;
 
   auto& observers = observersIt->second;
   for (const auto& [mutationObserverId, observer] : observers) {
diff --git a/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserverManager.h b/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserverManager.h
index 25c3751c89f8ca..60c53116c81e5c 100644
--- a/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserverManager.h
+++ b/packages/react-native/ReactCommon/react/renderer/observers/mutation/MutationObserverManager.h
@@ -31,7 +31,7 @@ class MutationObserverManager final : public UIManagerCommitHook {
 
   void connect(
       UIManager& uiManager,
-      std::function<void(std::vector<const MutationRecord>&)> onMutations);
+      std::function<void(std::vector<MutationRecord>&)> onMutations);
 
   void disconnect(UIManager& uiManager);
 
@@ -51,7 +51,7 @@ class MutationObserverManager final : public UIManagerCommitHook {
       std::unordered_map<MutationObserverId, MutationObserver>>
       observersBySurfaceId_;
 
-  std::function<void(std::vector<const MutationRecord>&)> onMutations_;
+  std::function<void(std::vector<MutationRecord>&)> onMutations_;
   bool commitHookRegistered_{};
 
   void runMutationObservations(
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/CMakeLists.txt
index dbe7aeee7f8e7b..7c7ec30f4ebf7a 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_runtimescheduler_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(react_render_runtimescheduler SHARED ${react_render_runtimescheduler_SRC})
+add_library(react_render_runtimescheduler STATIC ${react_render_runtimescheduler_SRC})
 
 target_include_directories(react_render_runtimescheduler PUBLIC ${REACT_COMMON_DIR})
 
@@ -26,4 +25,6 @@ target_link_libraries(react_render_runtimescheduler
         react_debug
         react_render_core
         react_render_debug
+        react_utils
+        react_featureflags
         runtimeexecutor)
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/React-runtimescheduler.podspec b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/React-runtimescheduler.podspec
index 915f5326bbcc11..642d71980a948b 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/React-runtimescheduler.podspec
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/React-runtimescheduler.podspec
@@ -16,8 +16,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 header_search_paths = [
     "\"$(PODS_ROOT)/RCT-Folly\"",
@@ -25,8 +26,7 @@ header_search_paths = [
 ]
 
 if ENV['USE_FRAMEWORKS']
-  header_search_paths << "\"$(PODS_TARGET_SRCROOT)/../../..\"" #this is needed to allow the RuntimeScheduler access its own files
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-debug/React_debug.framework/Headers\""
+  header_search_paths << "\"$(PODS_TARGET_SRCROOT)/../../..\"" # this is needed to allow the RuntimeScheduler access its own files
 end
 
 Pod::Spec.new do |s|
@@ -51,17 +51,21 @@ Pod::Spec.new do |s|
     s.header_mappings_dir  = "../../.."
   end
 
-  s.dependency "React-jsi"
   s.dependency "React-runtimeexecutor"
   s.dependency "React-callinvoker"
-  s.dependency "React-debug"
+  s.dependency "React-cxxreact"
   s.dependency "React-rendererdebug"
   s.dependency "React-utils"
+  s.dependency "React-featureflags"
   s.dependency "glog"
   s.dependency "RCT-Folly", folly_version
+  s.dependency "React-jsi"
+  add_dependency(s, "React-debug")
 
   if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
     s.dependency "hermes-engine"
+  else
+    s.dependency "React-jsc"
   end
 
 end
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler.cpp b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler.cpp
index 8aeb9f9826721b..79be477d2c240a 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler.cpp
@@ -6,185 +6,86 @@
  */
 
 #include "RuntimeScheduler.h"
+#include "RuntimeScheduler_Legacy.h"
+#include "RuntimeScheduler_Modern.h"
 #include "SchedulerPriorityUtils.h"
 
+#include <react/featureflags/ReactNativeFeatureFlags.h>
 #include <react/renderer/debug/SystraceSection.h>
 #include <utility>
 #include "ErrorUtils.h"
 
 namespace facebook::react {
 
-#pragma mark - Public
+namespace {
+std::unique_ptr<RuntimeSchedulerBase> getRuntimeSchedulerImplementation(
+    RuntimeExecutor runtimeExecutor,
+    std::function<RuntimeSchedulerTimePoint()> now) {
+  if (ReactNativeFeatureFlags::useModernRuntimeScheduler()) {
+    return std::make_unique<RuntimeScheduler_Modern>(
+        std::move(runtimeExecutor), std::move(now));
+  } else {
+    return std::make_unique<RuntimeScheduler_Legacy>(
+        std::move(runtimeExecutor), std::move(now));
+  }
+}
+} // namespace
 
 RuntimeScheduler::RuntimeScheduler(
     RuntimeExecutor runtimeExecutor,
     std::function<RuntimeSchedulerTimePoint()> now)
-    : runtimeExecutor_(std::move(runtimeExecutor)), now_(std::move(now)) {}
-
-void RuntimeScheduler::scheduleWork(RawCallback&& callback) const noexcept {
-  SystraceSection s("RuntimeScheduler::scheduleWork");
-
-  runtimeAccessRequests_ += 1;
+    : runtimeSchedulerImpl_(getRuntimeSchedulerImplementation(
+          std::move(runtimeExecutor),
+          std::move(now))) {}
 
-  runtimeExecutor_(
-      [this, callback = std::move(callback)](jsi::Runtime& runtime) {
-        SystraceSection s2("RuntimeScheduler::scheduleWork callback");
-        runtimeAccessRequests_ -= 1;
-        callback(runtime);
-        startWorkLoop(runtime);
-      });
+void RuntimeScheduler::scheduleWork(RawCallback&& callback) noexcept {
+  return runtimeSchedulerImpl_->scheduleWork(std::move(callback));
 }
 
 std::shared_ptr<Task> RuntimeScheduler::scheduleTask(
     SchedulerPriority priority,
     jsi::Function&& callback) noexcept {
-  auto expirationTime = now_() + timeoutForSchedulerPriority(priority);
-  auto task =
-      std::make_shared<Task>(priority, std::move(callback), expirationTime);
-  taskQueue_.push(task);
-
-  scheduleWorkLoopIfNecessary();
-
-  return task;
+  return runtimeSchedulerImpl_->scheduleTask(priority, std::move(callback));
 }
 
 std::shared_ptr<Task> RuntimeScheduler::scheduleTask(
     SchedulerPriority priority,
     RawCallback&& callback) noexcept {
-  auto expirationTime = now_() + timeoutForSchedulerPriority(priority);
-  auto task =
-      std::make_shared<Task>(priority, std::move(callback), expirationTime);
-  taskQueue_.push(task);
-
-  scheduleWorkLoopIfNecessary();
-
-  return task;
+  return runtimeSchedulerImpl_->scheduleTask(priority, std::move(callback));
 }
 
 bool RuntimeScheduler::getShouldYield() const noexcept {
-  return runtimeAccessRequests_ > 0;
+  return runtimeSchedulerImpl_->getShouldYield();
 }
 
 bool RuntimeScheduler::getIsSynchronous() const noexcept {
-  return isSynchronous_;
+  return runtimeSchedulerImpl_->getIsSynchronous();
 }
 
 void RuntimeScheduler::cancelTask(Task& task) noexcept {
-  task.callback.reset();
+  return runtimeSchedulerImpl_->cancelTask(task);
 }
 
 SchedulerPriority RuntimeScheduler::getCurrentPriorityLevel() const noexcept {
-  return currentPriority_;
+  return runtimeSchedulerImpl_->getCurrentPriorityLevel();
 }
 
 RuntimeSchedulerTimePoint RuntimeScheduler::now() const noexcept {
-  return now_();
+  return runtimeSchedulerImpl_->now();
 }
 
 void RuntimeScheduler::executeNowOnTheSameThread(RawCallback&& callback) {
-  SystraceSection s("RuntimeScheduler::executeNowOnTheSameThread");
-
-  runtimeAccessRequests_ += 1;
-  executeSynchronouslyOnSameThread_CAN_DEADLOCK(
-      runtimeExecutor_,
-      [this, callback = std::move(callback)](jsi::Runtime& runtime) {
-        SystraceSection s2(
-            "RuntimeScheduler::executeNowOnTheSameThread callback");
-
-        runtimeAccessRequests_ -= 1;
-        isSynchronous_ = true;
-        callback(runtime);
-        isSynchronous_ = false;
-      });
-
-  // Resume work loop if needed. In synchronous mode
-  // only expired tasks are executed. Tasks with lower priority
-  // might be still in the queue.
-  scheduleWorkLoopIfNecessary();
+  return runtimeSchedulerImpl_->executeNowOnTheSameThread(std::move(callback));
 }
 
 void RuntimeScheduler::callExpiredTasks(jsi::Runtime& runtime) {
-  SystraceSection s("RuntimeScheduler::callExpiredTasks");
-
-  auto previousPriority = currentPriority_;
-  try {
-    while (!taskQueue_.empty()) {
-      auto topPriorityTask = taskQueue_.top();
-      auto now = now_();
-      auto didUserCallbackTimeout = topPriorityTask->expirationTime <= now;
-
-      if (!didUserCallbackTimeout) {
-        break;
-      }
-
-      executeTask(runtime, topPriorityTask, didUserCallbackTimeout);
-    }
-  } catch (jsi::JSError& error) {
-    handleFatalError(runtime, error);
-  }
-
-  currentPriority_ = previousPriority;
-}
-
-#pragma mark - Private
-
-void RuntimeScheduler::scheduleWorkLoopIfNecessary() const {
-  if (!isWorkLoopScheduled_ && !isPerformingWork_) {
-    isWorkLoopScheduled_ = true;
-    runtimeExecutor_([this](jsi::Runtime& runtime) {
-      isWorkLoopScheduled_ = false;
-      startWorkLoop(runtime);
-    });
-  }
+  return runtimeSchedulerImpl_->callExpiredTasks(runtime);
 }
 
-void RuntimeScheduler::startWorkLoop(jsi::Runtime& runtime) const {
-  SystraceSection s("RuntimeScheduler::startWorkLoop");
-
-  auto previousPriority = currentPriority_;
-  isPerformingWork_ = true;
-  try {
-    while (!taskQueue_.empty()) {
-      auto topPriorityTask = taskQueue_.top();
-      auto now = now_();
-      auto didUserCallbackTimeout = topPriorityTask->expirationTime <= now;
-
-      if (!didUserCallbackTimeout && getShouldYield()) {
-        // This currentTask hasn't expired, and we need to yield.
-        break;
-      }
-
-      executeTask(runtime, topPriorityTask, didUserCallbackTimeout);
-    }
-  } catch (jsi::JSError& error) {
-    handleFatalError(runtime, error);
-  }
-
-  currentPriority_ = previousPriority;
-  isPerformingWork_ = false;
-}
-
-void RuntimeScheduler::executeTask(
-    jsi::Runtime& runtime,
-    const std::shared_ptr<Task>& task,
-    bool didUserCallbackTimeout) const {
-  SystraceSection s(
-      "RuntimeScheduler::executeTask",
-      "priority",
-      serialize(task->priority),
-      "didUserCallbackTimeout",
-      didUserCallbackTimeout);
-
-  currentPriority_ = task->priority;
-  auto result = task->execute(runtime, didUserCallbackTimeout);
-
-  if (result.isObject() && result.getObject(runtime).isFunction(runtime)) {
-    task->callback = result.getObject(runtime).getFunction(runtime);
-  } else {
-    if (taskQueue_.top() == task) {
-      taskQueue_.pop();
-    }
-  }
+void RuntimeScheduler::scheduleRenderingUpdate(
+    RuntimeSchedulerRenderingUpdate&& renderingUpdate) {
+  return runtimeSchedulerImpl_->scheduleRenderingUpdate(
+      std::move(renderingUpdate));
 }
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler.h b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler.h
index fa760cbcad1b9d..26c2c336202df2 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler.h
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler.h
@@ -10,18 +10,43 @@
 #include <ReactCommon/RuntimeExecutor.h>
 #include <react/renderer/runtimescheduler/RuntimeSchedulerClock.h>
 #include <react/renderer/runtimescheduler/Task.h>
-#include <atomic>
-#include <memory>
-#include <queue>
 
 namespace facebook::react {
 
-class RuntimeScheduler final {
+using RuntimeSchedulerRenderingUpdate = std::function<void()>;
+
+// This is a temporary abstract class for RuntimeScheduler forks to implement
+// (and use them interchangeably).
+class RuntimeSchedulerBase {
  public:
-  RuntimeScheduler(
+  virtual ~RuntimeSchedulerBase() = default;
+  virtual void scheduleWork(RawCallback&& callback) noexcept = 0;
+  virtual void executeNowOnTheSameThread(RawCallback&& callback) = 0;
+  virtual std::shared_ptr<Task> scheduleTask(
+      SchedulerPriority priority,
+      jsi::Function&& callback) noexcept = 0;
+  virtual std::shared_ptr<Task> scheduleTask(
+      SchedulerPriority priority,
+      RawCallback&& callback) noexcept = 0;
+  virtual void cancelTask(Task& task) noexcept = 0;
+  virtual bool getShouldYield() const noexcept = 0;
+  virtual bool getIsSynchronous() const noexcept = 0;
+  virtual SchedulerPriority getCurrentPriorityLevel() const noexcept = 0;
+  virtual RuntimeSchedulerTimePoint now() const noexcept = 0;
+  virtual void callExpiredTasks(jsi::Runtime& runtime) = 0;
+  virtual void scheduleRenderingUpdate(
+      RuntimeSchedulerRenderingUpdate&& renderingUpdate) = 0;
+};
+
+// This is a proxy for RuntimeScheduler implementation, which will be selected
+// at runtime based on a feature flag.
+class RuntimeScheduler final : RuntimeSchedulerBase {
+ public:
+  explicit RuntimeScheduler(
       RuntimeExecutor runtimeExecutor,
       std::function<RuntimeSchedulerTimePoint()> now =
           RuntimeSchedulerClock::now);
+
   /*
    * Not copyable.
    */
@@ -34,7 +59,7 @@ class RuntimeScheduler final {
   RuntimeScheduler(RuntimeScheduler&&) = delete;
   RuntimeScheduler& operator=(RuntimeScheduler&&) = delete;
 
-  void scheduleWork(RawCallback&& callback) const noexcept;
+  void scheduleWork(RawCallback&& callback) noexcept override;
 
   /*
    * Grants access to the runtime synchronously on the caller's thread.
@@ -43,7 +68,7 @@ class RuntimeScheduler final {
    * by dispatching a synchronous event via event emitter in your native
    * component.
    */
-  void executeNowOnTheSameThread(RawCallback&& callback);
+  void executeNowOnTheSameThread(RawCallback&& callback) override;
 
   /*
    * Adds a JavaScript callback to priority queue with given priority.
@@ -53,11 +78,11 @@ class RuntimeScheduler final {
    */
   std::shared_ptr<Task> scheduleTask(
       SchedulerPriority priority,
-      jsi::Function&& callback) noexcept;
+      jsi::Function&& callback) noexcept override;
 
   std::shared_ptr<Task> scheduleTask(
       SchedulerPriority priority,
-      RawCallback&& callback) noexcept;
+      RawCallback&& callback) noexcept override;
 
   /*
    * Cancelled task will never be executed.
@@ -65,7 +90,7 @@ class RuntimeScheduler final {
    * Operates on JSI object.
    * Thread synchronization must be enforced externally.
    */
-  void cancelTask(Task& task) noexcept;
+  void cancelTask(Task& task) noexcept override;
 
   /*
    * Return value indicates if host platform has a pending access to the
@@ -73,7 +98,7 @@ class RuntimeScheduler final {
    *
    * Can be called from any thread.
    */
-  bool getShouldYield() const noexcept;
+  bool getShouldYield() const noexcept override;
 
   /*
    * Return value informs if the current task is executed inside synchronous
@@ -81,14 +106,14 @@ class RuntimeScheduler final {
    *
    * Can be called from any thread.
    */
-  bool getIsSynchronous() const noexcept;
+  bool getIsSynchronous() const noexcept override;
 
   /*
    * Returns value of currently executed task. Designed to be called from React.
    *
    * Thread synchronization must be enforced externally.
    */
-  SchedulerPriority getCurrentPriorityLevel() const noexcept;
+  SchedulerPriority getCurrentPriorityLevel() const noexcept override;
 
   /*
    * Returns current monotonic time. This time is not related to wall clock
@@ -96,7 +121,7 @@ class RuntimeScheduler final {
    *
    * Thread synchronization must be enforced externally.
    */
-  RuntimeSchedulerTimePoint now() const noexcept;
+  RuntimeSchedulerTimePoint now() const noexcept override;
 
   /*
    * Expired task is a task that should have been already executed. Designed to
@@ -106,54 +131,15 @@ class RuntimeScheduler final {
    *
    * Thread synchronization must be enforced externally.
    */
-  void callExpiredTasks(jsi::Runtime& runtime);
-
- private:
-  mutable std::priority_queue<
-      std::shared_ptr<Task>,
-      std::vector<std::shared_ptr<Task>>,
-      TaskPriorityComparer>
-      taskQueue_;
-
-  const RuntimeExecutor runtimeExecutor_;
-  mutable SchedulerPriority currentPriority_{SchedulerPriority::NormalPriority};
-
-  /*
-   * Counter indicating how many access to the runtime have been requested.
-   */
-  mutable std::atomic<uint_fast8_t> runtimeAccessRequests_{0};
-
-  mutable std::atomic_bool isSynchronous_{false};
+  void callExpiredTasks(jsi::Runtime& runtime) override;
 
-  void startWorkLoop(jsi::Runtime& runtime) const;
+  void scheduleRenderingUpdate(
+      RuntimeSchedulerRenderingUpdate&& renderingUpdate) override;
 
-  /*
-   * Schedules a work loop unless it has been already scheduled
-   * This is to avoid unnecessary calls to `runtimeExecutor`.
-   */
-  void scheduleWorkLoopIfNecessary() const;
-
-  void executeTask(
-      jsi::Runtime& runtime,
-      const std::shared_ptr<Task>& task,
-      bool didUserCallbackTimeout) const;
-
-  /*
-   * Returns a time point representing the current point in time. May be called
-   * from multiple threads.
-   */
-  std::function<RuntimeSchedulerTimePoint()> now_;
-
-  /*
-   * Flag indicating if callback on JavaScript queue has been
-   * scheduled.
-   */
-  mutable std::atomic_bool isWorkLoopScheduled_{false};
-
-  /*
-   * This flag is set while performing work, to prevent re-entrancy.
-   */
-  mutable std::atomic_bool isPerformingWork_{false};
+ private:
+  // Actual implementation, stored as a unique pointer to simplify memory
+  // management.
+  std::unique_ptr<RuntimeSchedulerBase> runtimeSchedulerImpl_;
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Legacy.cpp b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Legacy.cpp
new file mode 100644
index 00000000000000..812eac2456d8c0
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Legacy.cpp
@@ -0,0 +1,215 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "RuntimeScheduler_Legacy.h"
+#include "SchedulerPriorityUtils.h"
+
+#include <react/renderer/debug/SystraceSection.h>
+#include <utility>
+#include "ErrorUtils.h"
+
+namespace facebook::react {
+
+#pragma mark - Public
+
+RuntimeScheduler_Legacy::RuntimeScheduler_Legacy(
+    RuntimeExecutor runtimeExecutor,
+    std::function<RuntimeSchedulerTimePoint()> now)
+    : runtimeExecutor_(std::move(runtimeExecutor)), now_(std::move(now)) {}
+
+void RuntimeScheduler_Legacy::scheduleWork(RawCallback&& callback) noexcept {
+  SystraceSection s("RuntimeScheduler::scheduleWork");
+
+  runtimeAccessRequests_ += 1;
+
+  runtimeExecutor_(
+      [this, callback = std::move(callback)](jsi::Runtime& runtime) {
+        SystraceSection s2("RuntimeScheduler::scheduleWork callback");
+        runtimeAccessRequests_ -= 1;
+        callback(runtime);
+        startWorkLoop(runtime);
+      });
+}
+
+std::shared_ptr<Task> RuntimeScheduler_Legacy::scheduleTask(
+    SchedulerPriority priority,
+    jsi::Function&& callback) noexcept {
+  SystraceSection s(
+      "RuntimeScheduler::scheduleTask",
+      "priority",
+      serialize(priority),
+      "callbackType",
+      "jsi::Function");
+
+  auto expirationTime = now_() + timeoutForSchedulerPriority(priority);
+  auto task =
+      std::make_shared<Task>(priority, std::move(callback), expirationTime);
+  taskQueue_.push(task);
+
+  scheduleWorkLoopIfNecessary();
+
+  return task;
+}
+
+std::shared_ptr<Task> RuntimeScheduler_Legacy::scheduleTask(
+    SchedulerPriority priority,
+    RawCallback&& callback) noexcept {
+  SystraceSection s(
+      "RuntimeScheduler::scheduleTask",
+      "priority",
+      serialize(priority),
+      "callbackType",
+      "RawCallback");
+
+  auto expirationTime = now_() + timeoutForSchedulerPriority(priority);
+  auto task =
+      std::make_shared<Task>(priority, std::move(callback), expirationTime);
+  taskQueue_.push(task);
+
+  scheduleWorkLoopIfNecessary();
+
+  return task;
+}
+
+bool RuntimeScheduler_Legacy::getShouldYield() const noexcept {
+  return runtimeAccessRequests_ > 0;
+}
+
+bool RuntimeScheduler_Legacy::getIsSynchronous() const noexcept {
+  return isSynchronous_;
+}
+
+void RuntimeScheduler_Legacy::cancelTask(Task& task) noexcept {
+  task.callback.reset();
+}
+
+SchedulerPriority RuntimeScheduler_Legacy::getCurrentPriorityLevel()
+    const noexcept {
+  return currentPriority_;
+}
+
+RuntimeSchedulerTimePoint RuntimeScheduler_Legacy::now() const noexcept {
+  return now_();
+}
+
+void RuntimeScheduler_Legacy::executeNowOnTheSameThread(
+    RawCallback&& callback) {
+  SystraceSection s("RuntimeScheduler::executeNowOnTheSameThread");
+
+  runtimeAccessRequests_ += 1;
+  executeSynchronouslyOnSameThread_CAN_DEADLOCK(
+      runtimeExecutor_,
+      [this, callback = std::move(callback)](jsi::Runtime& runtime) {
+        SystraceSection s2(
+            "RuntimeScheduler::executeNowOnTheSameThread callback");
+
+        runtimeAccessRequests_ -= 1;
+        isSynchronous_ = true;
+        callback(runtime);
+        isSynchronous_ = false;
+      });
+
+  // Resume work loop if needed. In synchronous mode
+  // only expired tasks are executed. Tasks with lower priority
+  // might be still in the queue.
+  scheduleWorkLoopIfNecessary();
+}
+
+void RuntimeScheduler_Legacy::callExpiredTasks(jsi::Runtime& runtime) {
+  SystraceSection s("RuntimeScheduler::callExpiredTasks");
+
+  auto previousPriority = currentPriority_;
+  try {
+    while (!taskQueue_.empty()) {
+      auto topPriorityTask = taskQueue_.top();
+      auto now = now_();
+      auto didUserCallbackTimeout = topPriorityTask->expirationTime <= now;
+
+      if (!didUserCallbackTimeout) {
+        break;
+      }
+
+      executeTask(runtime, topPriorityTask, didUserCallbackTimeout);
+    }
+  } catch (jsi::JSError& error) {
+    handleFatalError(runtime, error);
+  }
+
+  currentPriority_ = previousPriority;
+}
+
+void RuntimeScheduler_Legacy::scheduleRenderingUpdate(
+    RuntimeSchedulerRenderingUpdate&& renderingUpdate) {
+  SystraceSection s("RuntimeScheduler::scheduleRenderingUpdate");
+
+  if (renderingUpdate != nullptr) {
+    renderingUpdate();
+  }
+}
+
+#pragma mark - Private
+
+void RuntimeScheduler_Legacy::scheduleWorkLoopIfNecessary() {
+  if (!isWorkLoopScheduled_ && !isPerformingWork_) {
+    isWorkLoopScheduled_ = true;
+    runtimeExecutor_([this](jsi::Runtime& runtime) {
+      isWorkLoopScheduled_ = false;
+      startWorkLoop(runtime);
+    });
+  }
+}
+
+void RuntimeScheduler_Legacy::startWorkLoop(jsi::Runtime& runtime) {
+  SystraceSection s("RuntimeScheduler::startWorkLoop");
+
+  auto previousPriority = currentPriority_;
+  isPerformingWork_ = true;
+  try {
+    while (!taskQueue_.empty()) {
+      auto topPriorityTask = taskQueue_.top();
+      auto now = now_();
+      auto didUserCallbackTimeout = topPriorityTask->expirationTime <= now;
+
+      if (!didUserCallbackTimeout && getShouldYield()) {
+        // This currentTask hasn't expired, and we need to yield.
+        break;
+      }
+
+      executeTask(runtime, topPriorityTask, didUserCallbackTimeout);
+    }
+  } catch (jsi::JSError& error) {
+    handleFatalError(runtime, error);
+  }
+
+  currentPriority_ = previousPriority;
+  isPerformingWork_ = false;
+}
+
+void RuntimeScheduler_Legacy::executeTask(
+    jsi::Runtime& runtime,
+    const std::shared_ptr<Task>& task,
+    bool didUserCallbackTimeout) {
+  SystraceSection s(
+      "RuntimeScheduler::executeTask",
+      "priority",
+      serialize(task->priority),
+      "didUserCallbackTimeout",
+      didUserCallbackTimeout);
+
+  currentPriority_ = task->priority;
+  auto result = task->execute(runtime, didUserCallbackTimeout);
+
+  if (result.isObject() && result.getObject(runtime).isFunction(runtime)) {
+    task->callback = result.getObject(runtime).getFunction(runtime);
+  } else {
+    if (taskQueue_.top() == task) {
+      taskQueue_.pop();
+    }
+  }
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Legacy.h b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Legacy.h
new file mode 100644
index 00000000000000..d4ad98d59a1f43
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Legacy.h
@@ -0,0 +1,164 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <ReactCommon/RuntimeExecutor.h>
+#include <react/renderer/runtimescheduler/RuntimeScheduler.h>
+#include <react/renderer/runtimescheduler/RuntimeSchedulerClock.h>
+#include <react/renderer/runtimescheduler/Task.h>
+#include <atomic>
+#include <memory>
+#include <queue>
+
+namespace facebook::react {
+
+class RuntimeScheduler_Legacy final : public RuntimeSchedulerBase {
+ public:
+  explicit RuntimeScheduler_Legacy(
+      RuntimeExecutor runtimeExecutor,
+      std::function<RuntimeSchedulerTimePoint()> now =
+          RuntimeSchedulerClock::now);
+
+  /*
+   * Not copyable.
+   */
+  RuntimeScheduler_Legacy(const RuntimeScheduler_Legacy&) = delete;
+  RuntimeScheduler_Legacy& operator=(const RuntimeScheduler_Legacy&) = delete;
+
+  /*
+   * Not movable.
+   */
+  RuntimeScheduler_Legacy(RuntimeScheduler_Legacy&&) = delete;
+  RuntimeScheduler_Legacy& operator=(RuntimeScheduler_Legacy&&) = delete;
+
+  void scheduleWork(RawCallback&& callback) noexcept override;
+
+  /*
+   * Grants access to the runtime synchronously on the caller's thread.
+   *
+   * Shouldn't be called directly. it is expected to be used
+   * by dispatching a synchronous event via event emitter in your native
+   * component.
+   */
+  void executeNowOnTheSameThread(RawCallback&& callback) override;
+
+  /*
+   * Adds a JavaScript callback to priority queue with given priority.
+   * Triggers workloop if needed.
+   *
+   * Thread synchronization must be enforced externally.
+   */
+  std::shared_ptr<Task> scheduleTask(
+      SchedulerPriority priority,
+      jsi::Function&& callback) noexcept override;
+
+  std::shared_ptr<Task> scheduleTask(
+      SchedulerPriority priority,
+      RawCallback&& callback) noexcept override;
+
+  /*
+   * Cancelled task will never be executed.
+   *
+   * Operates on JSI object.
+   * Thread synchronization must be enforced externally.
+   */
+  void cancelTask(Task& task) noexcept override;
+
+  /*
+   * Return value indicates if host platform has a pending access to the
+   * runtime.
+   *
+   * Can be called from any thread.
+   */
+  bool getShouldYield() const noexcept override;
+
+  /*
+   * Return value informs if the current task is executed inside synchronous
+   * block.
+   *
+   * Can be called from any thread.
+   */
+  bool getIsSynchronous() const noexcept override;
+
+  /*
+   * Returns value of currently executed task. Designed to be called from React.
+   *
+   * Thread synchronization must be enforced externally.
+   */
+  SchedulerPriority getCurrentPriorityLevel() const noexcept override;
+
+  /*
+   * Returns current monotonic time. This time is not related to wall clock
+   * time.
+   *
+   * Thread synchronization must be enforced externally.
+   */
+  RuntimeSchedulerTimePoint now() const noexcept override;
+
+  /*
+   * Expired task is a task that should have been already executed. Designed to
+   * be called in the event pipeline after an event is dispatched to React.
+   * React may schedule events with immediate priority which need to be handled
+   * before the next event is sent to React.
+   *
+   * Thread synchronization must be enforced externally.
+   */
+  void callExpiredTasks(jsi::Runtime& runtime) override;
+
+  void scheduleRenderingUpdate(
+      RuntimeSchedulerRenderingUpdate&& renderingUpdate) override;
+
+ private:
+  std::priority_queue<
+      std::shared_ptr<Task>,
+      std::vector<std::shared_ptr<Task>>,
+      TaskPriorityComparer>
+      taskQueue_;
+
+  const RuntimeExecutor runtimeExecutor_;
+  SchedulerPriority currentPriority_{SchedulerPriority::NormalPriority};
+
+  /*
+   * Counter indicating how many access to the runtime have been requested.
+   */
+  std::atomic<uint_fast8_t> runtimeAccessRequests_{0};
+
+  std::atomic_bool isSynchronous_{false};
+
+  void startWorkLoop(jsi::Runtime& runtime);
+
+  /*
+   * Schedules a work loop unless it has been already scheduled
+   * This is to avoid unnecessary calls to `runtimeExecutor`.
+   */
+  void scheduleWorkLoopIfNecessary();
+
+  void executeTask(
+      jsi::Runtime& runtime,
+      const std::shared_ptr<Task>& task,
+      bool didUserCallbackTimeout);
+
+  /*
+   * Returns a time point representing the current point in time. May be called
+   * from multiple threads.
+   */
+  std::function<RuntimeSchedulerTimePoint()> now_;
+
+  /*
+   * Flag indicating if callback on JavaScript queue has been
+   * scheduled.
+   */
+  std::atomic_bool isWorkLoopScheduled_{false};
+
+  /*
+   * This flag is set while performing work, to prevent re-entrancy.
+   */
+  std::atomic_bool isPerformingWork_{false};
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Modern.cpp b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Modern.cpp
new file mode 100644
index 00000000000000..4a30a2ff5c4034
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Modern.cpp
@@ -0,0 +1,342 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "RuntimeScheduler_Modern.h"
+#include "SchedulerPriorityUtils.h"
+
+#include <cxxreact/ErrorUtils.h>
+#include <react/featureflags/ReactNativeFeatureFlags.h>
+#include <react/renderer/debug/SystraceSection.h>
+#include <utility>
+#include "ErrorUtils.h"
+
+namespace facebook::react {
+
+namespace {
+/**
+ * This is partially equivalent to the "Perform a microtask checkpoint" step in
+ * the Web event loop. See
+ * https://html.spec.whatwg.org/multipage/webappapis.html#perform-a-microtask-checkpoint.
+ *
+ * Iterates on \c drainMicrotasks until it completes or hits the retries bound.
+ */
+void executeMicrotasks(jsi::Runtime& runtime) {
+  SystraceSection s("RuntimeScheduler::executeMicrotasks");
+
+  uint8_t retries = 0;
+  // A heuristic number to guard infinite or absurd numbers of retries.
+  const static unsigned int kRetriesBound = 255;
+
+  while (retries < kRetriesBound) {
+    try {
+      // The default behavior of \c drainMicrotasks is unbounded execution.
+      // We may want to make it bounded in the future.
+      if (runtime.drainMicrotasks()) {
+        break;
+      }
+    } catch (jsi::JSError& error) {
+      handleJSError(runtime, error, true);
+    }
+    retries++;
+  }
+
+  if (retries == kRetriesBound) {
+    throw std::runtime_error("Hits microtasks retries bound.");
+  }
+}
+} // namespace
+
+#pragma mark - Public
+
+RuntimeScheduler_Modern::RuntimeScheduler_Modern(
+    RuntimeExecutor runtimeExecutor,
+    std::function<RuntimeSchedulerTimePoint()> now)
+    : runtimeExecutor_(std::move(runtimeExecutor)), now_(std::move(now)) {}
+
+void RuntimeScheduler_Modern::scheduleWork(RawCallback&& callback) noexcept {
+  SystraceSection s("RuntimeScheduler::scheduleWork");
+  scheduleTask(SchedulerPriority::ImmediatePriority, std::move(callback));
+}
+
+std::shared_ptr<Task> RuntimeScheduler_Modern::scheduleTask(
+    SchedulerPriority priority,
+    jsi::Function&& callback) noexcept {
+  SystraceSection s(
+      "RuntimeScheduler::scheduleTask",
+      "priority",
+      serialize(priority),
+      "callbackType",
+      "jsi::Function");
+
+  auto expirationTime = now_() + timeoutForSchedulerPriority(priority);
+  auto task =
+      std::make_shared<Task>(priority, std::move(callback), expirationTime);
+
+  scheduleTask(task);
+
+  return task;
+}
+
+std::shared_ptr<Task> RuntimeScheduler_Modern::scheduleTask(
+    SchedulerPriority priority,
+    RawCallback&& callback) noexcept {
+  SystraceSection s(
+      "RuntimeScheduler::scheduleTask",
+      "priority",
+      serialize(priority),
+      "callbackType",
+      "RawCallback");
+
+  auto expirationTime = now_() + timeoutForSchedulerPriority(priority);
+  auto task =
+      std::make_shared<Task>(priority, std::move(callback), expirationTime);
+
+  scheduleTask(task);
+
+  return task;
+}
+
+bool RuntimeScheduler_Modern::getShouldYield() const noexcept {
+  std::shared_lock lock(schedulingMutex_);
+
+  return syncTaskRequests_ > 0 ||
+      (!taskQueue_.empty() && taskQueue_.top() != currentTask_);
+}
+
+bool RuntimeScheduler_Modern::getIsSynchronous() const noexcept {
+  return isSynchronous_;
+}
+
+void RuntimeScheduler_Modern::cancelTask(Task& task) noexcept {
+  task.callback.reset();
+}
+
+SchedulerPriority RuntimeScheduler_Modern::getCurrentPriorityLevel()
+    const noexcept {
+  return currentPriority_;
+}
+
+RuntimeSchedulerTimePoint RuntimeScheduler_Modern::now() const noexcept {
+  return now_();
+}
+
+void RuntimeScheduler_Modern::executeNowOnTheSameThread(
+    RawCallback&& callback) {
+  SystraceSection s("RuntimeScheduler::executeNowOnTheSameThread");
+
+  syncTaskRequests_++;
+
+  executeSynchronouslyOnSameThread_CAN_DEADLOCK(
+      runtimeExecutor_,
+      [this, callback = std::move(callback)](jsi::Runtime& runtime) mutable {
+        SystraceSection s2(
+            "RuntimeScheduler::executeNowOnTheSameThread callback");
+
+        syncTaskRequests_--;
+
+        isSynchronous_ = true;
+
+        auto currentTime = now_();
+        auto priority = SchedulerPriority::ImmediatePriority;
+        auto expirationTime =
+            currentTime + timeoutForSchedulerPriority(priority);
+        auto task = std::make_shared<Task>(
+            priority, std::move(callback), expirationTime);
+
+        executeTask(runtime, task, currentTime);
+
+        isSynchronous_ = false;
+      });
+
+  bool shouldScheduleWorkLoop = false;
+
+  {
+    // Unique access because we might write to `isWorkLoopScheduled_`.
+    std::unique_lock lock(schedulingMutex_);
+
+    // We only need to schedule the work loop if there any remaining tasks
+    // in the queue.
+    if (!taskQueue_.empty() && !isWorkLoopScheduled_) {
+      isWorkLoopScheduled_ = true;
+      shouldScheduleWorkLoop = true;
+    }
+  }
+
+  if (shouldScheduleWorkLoop) {
+    scheduleWorkLoop();
+  }
+}
+
+void RuntimeScheduler_Modern::callExpiredTasks(jsi::Runtime& runtime) {
+  // If we have first-class support for microtasks, this a no-op.
+  if (ReactNativeFeatureFlags::enableMicrotasks()) {
+    return;
+  }
+
+  SystraceSection s("RuntimeScheduler::callExpiredTasks");
+  startWorkLoop(runtime, true);
+}
+
+void RuntimeScheduler_Modern::scheduleRenderingUpdate(
+    RuntimeSchedulerRenderingUpdate&& renderingUpdate) {
+  SystraceSection s("RuntimeScheduler::scheduleRenderingUpdate");
+
+  if (ReactNativeFeatureFlags::batchRenderingUpdatesInEventLoop()) {
+    pendingRenderingUpdates_.push(renderingUpdate);
+  } else {
+    if (renderingUpdate != nullptr) {
+      renderingUpdate();
+    }
+  }
+}
+
+#pragma mark - Private
+
+void RuntimeScheduler_Modern::scheduleTask(std::shared_ptr<Task> task) {
+  bool shouldScheduleWorkLoop = false;
+
+  {
+    std::unique_lock lock(schedulingMutex_);
+
+    // We only need to schedule the work loop if the task we're about to
+    // schedule is the only one in the queue.
+    // Otherwise, we don't need to schedule it because there's another one
+    // running already that will pick up the new task.
+    if (taskQueue_.empty() && !isWorkLoopScheduled_) {
+      isWorkLoopScheduled_ = true;
+      shouldScheduleWorkLoop = true;
+    }
+
+    taskQueue_.push(task);
+  }
+
+  if (shouldScheduleWorkLoop) {
+    scheduleWorkLoop();
+  }
+}
+
+void RuntimeScheduler_Modern::scheduleWorkLoop() {
+  runtimeExecutor_(
+      [this](jsi::Runtime& runtime) { startWorkLoop(runtime, false); });
+}
+
+void RuntimeScheduler_Modern::startWorkLoop(
+    jsi::Runtime& runtime,
+    bool onlyExpired) {
+  SystraceSection s("RuntimeScheduler::startWorkLoop");
+
+  auto previousPriority = currentPriority_;
+
+  try {
+    while (syncTaskRequests_ == 0) {
+      auto currentTime = now_();
+      auto topPriorityTask = selectTask(currentTime, onlyExpired);
+
+      if (!topPriorityTask) {
+        // No pending work to do.
+        // Events will restart the loop when necessary.
+        break;
+      }
+
+      executeTask(runtime, topPriorityTask, currentTime);
+    }
+  } catch (jsi::JSError& error) {
+    handleFatalError(runtime, error);
+  }
+
+  currentPriority_ = previousPriority;
+}
+
+std::shared_ptr<Task> RuntimeScheduler_Modern::selectTask(
+    RuntimeSchedulerTimePoint currentTime,
+    bool onlyExpired) {
+  // We need a unique lock here because we'll also remove executed tasks from
+  // the top of the queue.
+  std::unique_lock lock(schedulingMutex_);
+
+  // It's safe to reset the flag here, as its access is also synchronized with
+  // the access to the task queue.
+  isWorkLoopScheduled_ = false;
+
+  // Skip executed tasks
+  while (!taskQueue_.empty() && !taskQueue_.top()->callback) {
+    taskQueue_.pop();
+  }
+
+  if (!taskQueue_.empty()) {
+    auto task = taskQueue_.top();
+    auto didUserCallbackTimeout = task->expirationTime <= currentTime;
+    if (!onlyExpired || didUserCallbackTimeout) {
+      return task;
+    }
+  }
+
+  return nullptr;
+}
+
+void RuntimeScheduler_Modern::executeTask(
+    jsi::Runtime& runtime,
+    const std::shared_ptr<Task>& task,
+    RuntimeSchedulerTimePoint currentTime) {
+  auto didUserCallbackTimeout = task->expirationTime <= currentTime;
+
+  SystraceSection s(
+      "RuntimeScheduler::executeTask",
+      "priority",
+      serialize(task->priority),
+      "didUserCallbackTimeout",
+      didUserCallbackTimeout);
+
+  currentTask_ = task;
+  currentPriority_ = task->priority;
+
+  executeMacrotask(runtime, task, didUserCallbackTimeout);
+
+  if (ReactNativeFeatureFlags::enableMicrotasks()) {
+    // "Perform a microtask checkpoint" step.
+    executeMicrotasks(runtime);
+  }
+
+  if (ReactNativeFeatureFlags::batchRenderingUpdatesInEventLoop()) {
+    // "Update the rendering" step.
+    updateRendering();
+  }
+}
+
+/**
+ * This is partially equivalent to the "Update the rendering" step in the Web
+ * event loop. See
+ * https://html.spec.whatwg.org/multipage/webappapis.html#update-the-rendering.
+ */
+void RuntimeScheduler_Modern::updateRendering() {
+  SystraceSection s("RuntimeScheduler::updateRendering");
+
+  while (!pendingRenderingUpdates_.empty()) {
+    auto& pendingRenderingUpdate = pendingRenderingUpdates_.front();
+    if (pendingRenderingUpdate != nullptr) {
+      pendingRenderingUpdate();
+    }
+    pendingRenderingUpdates_.pop();
+  }
+}
+
+void RuntimeScheduler_Modern::executeMacrotask(
+    jsi::Runtime& runtime,
+    std::shared_ptr<Task> task,
+    bool didUserCallbackTimeout) const {
+  SystraceSection s("RuntimeScheduler::executeMacrotask");
+
+  auto result = task->execute(runtime, didUserCallbackTimeout);
+
+  if (result.isObject() && result.getObject(runtime).isFunction(runtime)) {
+    // If the task returned a continuation callback, we re-assign it to the task
+    // and keep the task in the queue.
+    task->callback = result.getObject(runtime).getFunction(runtime);
+  }
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Modern.h b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Modern.h
new file mode 100644
index 00000000000000..34c8eb4cf16cbf
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/RuntimeScheduler_Modern.h
@@ -0,0 +1,196 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <ReactCommon/RuntimeExecutor.h>
+#include <react/renderer/runtimescheduler/RuntimeScheduler.h>
+#include <react/renderer/runtimescheduler/RuntimeSchedulerClock.h>
+#include <react/renderer/runtimescheduler/Task.h>
+#include <atomic>
+#include <memory>
+#include <queue>
+#include <shared_mutex>
+
+namespace facebook::react {
+
+class RuntimeScheduler_Modern final : public RuntimeSchedulerBase {
+ public:
+  explicit RuntimeScheduler_Modern(
+      RuntimeExecutor runtimeExecutor,
+      std::function<RuntimeSchedulerTimePoint()> now =
+          RuntimeSchedulerClock::now);
+
+  /*
+   * Not copyable.
+   */
+  RuntimeScheduler_Modern(const RuntimeScheduler_Modern&) = delete;
+  RuntimeScheduler_Modern& operator=(const RuntimeScheduler_Modern&) = delete;
+
+  /*
+   * Not movable.
+   */
+  RuntimeScheduler_Modern(RuntimeScheduler_Modern&&) = delete;
+  RuntimeScheduler_Modern& operator=(RuntimeScheduler_Modern&&) = delete;
+
+  /*
+   * Alias for scheduleTask with immediate priority.
+   *
+   * To be removed when we finish testing this implementation.
+   * All callers should use scheduleTask with the right priority afte that.
+   */
+  void scheduleWork(RawCallback&& callback) noexcept override;
+
+  /*
+   * Grants access to the runtime synchronously on the caller's thread.
+   *
+   * Shouldn't be called directly. it is expected to be used
+   * by dispatching a synchronous event via event emitter in your native
+   * component.
+   */
+  void executeNowOnTheSameThread(RawCallback&& callback) override;
+
+  /*
+   * Adds a JavaScript callback to the priority queue with the given priority.
+   * Triggers workloop if needed.
+   */
+  std::shared_ptr<Task> scheduleTask(
+      SchedulerPriority priority,
+      jsi::Function&& callback) noexcept override;
+
+  /*
+   * Adds a custom callback to the priority queue with the given priority.
+   * Triggers workloop if needed.
+   */
+  std::shared_ptr<Task> scheduleTask(
+      SchedulerPriority priority,
+      RawCallback&& callback) noexcept override;
+
+  /*
+   * Cancelled task will never be executed.
+   *
+   * Operates on JSI object.
+   * Thread synchronization must be enforced externally.
+   */
+  void cancelTask(Task& task) noexcept override;
+
+  /*
+   * Return value indicates if host platform has a pending access to the
+   * runtime.
+   *
+   * Can be called from any thread.
+   */
+  bool getShouldYield() const noexcept override;
+
+  /*
+   * Return value informs if the current task is executed inside synchronous
+   * block.
+   *
+   * Can be called from any thread.
+   */
+  bool getIsSynchronous() const noexcept override;
+
+  /*
+   * Returns value of currently executed task. Designed to be called from React.
+   *
+   * Thread synchronization must be enforced externally.
+   */
+  SchedulerPriority getCurrentPriorityLevel() const noexcept override;
+
+  /*
+   * Returns current monotonic time. This time is not related to wall clock
+   * time.
+   *
+   * Can be called from any thread.
+   */
+  RuntimeSchedulerTimePoint now() const noexcept override;
+
+  /*
+   * Expired task is a task that should have been already executed. Designed to
+   * be called in the event pipeline after an event is dispatched to React.
+   * React may schedule events with immediate priority which need to be handled
+   * before the next event is sent to React.
+   *
+   * Thread synchronization must be enforced externally.
+   *
+   * TODO remove when we add support for microtasks
+   */
+  void callExpiredTasks(jsi::Runtime& runtime) override;
+
+  /**
+   * Schedules a function that notifies or applies UI changes in the host
+   * platform, to be executed during the "Update the rendering" step of the
+   * event loop. If the step is not enabled, the function is executed
+   * immediately.
+   */
+  void scheduleRenderingUpdate(
+      RuntimeSchedulerRenderingUpdate&& renderingUpdate) override;
+
+ private:
+  std::atomic<uint_fast8_t> syncTaskRequests_{0};
+
+  std::priority_queue<
+      std::shared_ptr<Task>,
+      std::vector<std::shared_ptr<Task>>,
+      TaskPriorityComparer>
+      taskQueue_;
+
+  std::shared_ptr<Task> currentTask_;
+
+  /**
+   * This protects the access to `taskQueue_` and `isWorkLoopScheduled_`.
+   */
+  mutable std::shared_mutex schedulingMutex_;
+
+  const RuntimeExecutor runtimeExecutor_;
+  SchedulerPriority currentPriority_{SchedulerPriority::NormalPriority};
+
+  std::atomic_bool isSynchronous_{false};
+
+  void scheduleWorkLoop();
+  void startWorkLoop(jsi::Runtime& runtime, bool onlyExpired);
+
+  std::shared_ptr<Task> selectTask(
+      RuntimeSchedulerTimePoint currentTime,
+      bool onlyExpired);
+
+  void scheduleTask(std::shared_ptr<Task> task);
+
+  /**
+   * Follows all the steps necessary to execute the given task.
+   * Depending on feature flags, this could also execute its microtasks.
+   * In the future, this will include other steps in the Web event loop, like
+   * updating the UI in native, executing resize observer callbacks, etc.
+   */
+  void executeTask(
+      jsi::Runtime& runtime,
+      const std::shared_ptr<Task>& task,
+      RuntimeSchedulerTimePoint currentTime);
+
+  void executeMacrotask(
+      jsi::Runtime& runtime,
+      std::shared_ptr<Task> task,
+      bool didUserCallbackTimeout) const;
+
+  void updateRendering();
+
+  /*
+   * Returns a time point representing the current point in time. May be called
+   * from multiple threads.
+   */
+  std::function<RuntimeSchedulerTimePoint()> now_;
+
+  /*
+   * Flag indicating if callback on JavaScript queue has been
+   * scheduled.
+   */
+  bool isWorkLoopScheduled_{false};
+
+  std::queue<RuntimeSchedulerRenderingUpdate> pendingRenderingUpdates_;
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/Task.h b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/Task.h
index 3447c662dfda6b..15155c60c82927 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/Task.h
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/Task.h
@@ -16,7 +16,8 @@
 
 namespace facebook::react {
 
-class RuntimeScheduler;
+class RuntimeScheduler_Legacy;
+class RuntimeScheduler_Modern;
 class TaskPriorityComparer;
 
 using RawCallback = std::function<void(jsi::Runtime&)>;
@@ -33,7 +34,8 @@ struct Task final : public jsi::NativeState {
       std::chrono::steady_clock::time_point expirationTime);
 
  private:
-  friend RuntimeScheduler;
+  friend RuntimeScheduler_Legacy;
+  friend RuntimeScheduler_Modern;
   friend TaskPriorityComparer;
 
   SchedulerPriority priority;
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/primitives.h b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/primitives.h
index 70422a0866577a..1531a99aa472fc 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/primitives.h
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/primitives.h
@@ -13,23 +13,12 @@
 
 namespace facebook::react {
 
-struct TaskWrapper : public jsi::HostObject {
-  TaskWrapper(const std::shared_ptr<Task>& task) : task(task) {}
-
-  std::shared_ptr<Task> task;
-};
-
 inline static jsi::Value valueFromTask(
     jsi::Runtime& runtime,
     std::shared_ptr<Task> task) {
-  if (CoreFeatures::useNativeState) {
-    jsi::Object obj(runtime);
-    obj.setNativeState(runtime, std::move(task));
-    return obj;
-  } else {
-    return jsi::Object::createFromHostObject(
-        runtime, std::make_shared<TaskWrapper>(task));
-  }
+  jsi::Object obj(runtime);
+  obj.setNativeState(runtime, std::move(task));
+  return obj;
 }
 
 inline static std::shared_ptr<Task> taskFromValue(
@@ -38,12 +27,7 @@ inline static std::shared_ptr<Task> taskFromValue(
   if (value.isNull()) {
     return nullptr;
   }
-
-  if (CoreFeatures::useNativeState) {
-    return value.getObject(runtime).getNativeState<Task>(runtime);
-  } else {
-    return value.getObject(runtime).getHostObject<TaskWrapper>(runtime)->task;
-  }
+  return value.getObject(runtime).getNativeState<Task>(runtime);
 }
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/tests/RuntimeSchedulerTest.cpp b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/tests/RuntimeSchedulerTest.cpp
index b274cea0b89969..292b62c8916990 100644
--- a/packages/react-native/ReactCommon/react/renderer/runtimescheduler/tests/RuntimeSchedulerTest.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/runtimescheduler/tests/RuntimeSchedulerTest.cpp
@@ -8,8 +8,11 @@
 #include <gtest/gtest.h>
 #include <hermes/hermes.h>
 #include <jsi/jsi.h>
+#include <react/featureflags/ReactNativeFeatureFlags.h>
+#include <react/featureflags/ReactNativeFeatureFlagsDefaults.h>
 #include <react/renderer/runtimescheduler/RuntimeScheduler.h>
 #include <memory>
+#include <semaphore>
 
 #include "StubClock.h"
 #include "StubErrorUtils.h"
@@ -19,11 +22,44 @@ namespace facebook::react {
 
 using namespace std::chrono_literals;
 
-class RuntimeSchedulerTest : public testing::Test {
+static bool forcedBatchRenderingUpdatesInEventLoop = false;
+
+class RuntimeSchedulerTestFeatureFlags
+    : public ReactNativeFeatureFlagsDefaults {
+ public:
+  RuntimeSchedulerTestFeatureFlags(bool useModernRuntimeScheduler)
+      : useModernRuntimeScheduler_(useModernRuntimeScheduler) {}
+
+  bool useModernRuntimeScheduler() override {
+    return useModernRuntimeScheduler_;
+  }
+
+  bool enableMicrotasks() override {
+    return useModernRuntimeScheduler_;
+  }
+
+  bool batchRenderingUpdatesInEventLoop() override {
+    return forcedBatchRenderingUpdatesInEventLoop;
+  }
+
+ private:
+  bool useModernRuntimeScheduler_;
+};
+
+class RuntimeSchedulerTest : public testing::TestWithParam<bool> {
  protected:
   void SetUp() override {
     hostFunctionCallCount_ = 0;
-    runtime_ = facebook::hermes::makeHermesRuntime();
+
+    ReactNativeFeatureFlags::override(
+        std::make_unique<RuntimeSchedulerTestFeatureFlags>(GetParam()));
+
+    // Configuration that enables microtasks
+    ::hermes::vm::RuntimeConfig::Builder runtimeConfigBuilder =
+        ::hermes::vm::RuntimeConfig::Builder().withMicrotaskQueue(GetParam());
+
+    runtime_ =
+        facebook::hermes::makeHermesRuntime(runtimeConfigBuilder.build());
     stubErrorUtils_ = StubErrorUtils::createAndInstallIfNeeded(*runtime_);
     stubQueue_ = std::make_unique<StubQueue>();
 
@@ -45,6 +81,10 @@ class RuntimeSchedulerTest : public testing::Test {
         std::make_unique<RuntimeScheduler>(runtimeExecutor, stubNow);
   }
 
+  void TearDown() override {
+    ReactNativeFeatureFlags::dangerouslyReset();
+  }
+
   jsi::Function createHostFunctionFromLambda(
       std::function<jsi::Value(bool)> callback) {
     return jsi::Function::createFromHostFunction(
@@ -71,7 +111,7 @@ class RuntimeSchedulerTest : public testing::Test {
   std::shared_ptr<StubErrorUtils> stubErrorUtils_;
 };
 
-TEST_F(RuntimeSchedulerTest, now) {
+TEST_P(RuntimeSchedulerTest, now) {
   stubClock_->setTimePoint(1ms);
 
   EXPECT_EQ(runtimeScheduler_->now(), RuntimeSchedulerTimePoint(1ms));
@@ -85,12 +125,12 @@ TEST_F(RuntimeSchedulerTest, now) {
   EXPECT_EQ(runtimeScheduler_->now(), RuntimeSchedulerTimePoint(6011ms));
 }
 
-TEST_F(RuntimeSchedulerTest, getShouldYield) {
+TEST_P(RuntimeSchedulerTest, getShouldYield) {
   // Always returns false for now.
   EXPECT_FALSE(runtimeScheduler_->getShouldYield());
 }
 
-TEST_F(RuntimeSchedulerTest, scheduleSingleTask) {
+TEST_P(RuntimeSchedulerTest, scheduleSingleTask) {
   bool didRunTask = false;
   auto callback =
       createHostFunctionFromLambda([&didRunTask](bool didUserCallbackTimeout) {
@@ -111,7 +151,83 @@ TEST_F(RuntimeSchedulerTest, scheduleSingleTask) {
   EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, scheduleImmediatePriorityTask) {
+TEST_P(RuntimeSchedulerTest, scheduleNonBatchedRenderingUpdate) {
+  forcedBatchRenderingUpdatesInEventLoop = false;
+
+  bool didRunRenderingUpdate = false;
+
+  runtimeScheduler_->scheduleRenderingUpdate(
+      [&]() { didRunRenderingUpdate = true; });
+
+  EXPECT_TRUE(didRunRenderingUpdate);
+}
+
+TEST_P(
+    RuntimeSchedulerTest,
+    scheduleSingleTaskWithMicrotasksAndBatchedRenderingUpdate) {
+  // Only for modern runtime scheduler
+  if (!GetParam()) {
+    return;
+  }
+
+  forcedBatchRenderingUpdatesInEventLoop = true;
+
+  uint nextOperationPosition = 1;
+
+  uint taskPosition = 0;
+  uint microtaskPosition = 0;
+  uint updateRenderingPosition = 0;
+
+  auto callback = createHostFunctionFromLambda([&](bool /* unused */) {
+    taskPosition = nextOperationPosition;
+    nextOperationPosition++;
+
+    runtimeScheduler_->scheduleRenderingUpdate([&]() {
+      updateRenderingPosition = nextOperationPosition;
+      nextOperationPosition++;
+    });
+
+    auto microtaskCallback = jsi::Function::createFromHostFunction(
+        *runtime_,
+        jsi::PropNameID::forUtf8(*runtime_, ""),
+        3,
+        [&](jsi::Runtime& /*unused*/,
+            const jsi::Value& /*unused*/,
+            const jsi::Value* arguments,
+            size_t /*unused*/) -> jsi::Value {
+          microtaskPosition = nextOperationPosition;
+          nextOperationPosition++;
+          return jsi::Value::undefined();
+        });
+
+    // Hermes doesn't expose a C++ API to schedule microtasks, so we just access
+    // the API that it exposes to JS.
+    auto global = runtime_->global();
+    auto enqueueJobFn = global.getPropertyAsObject(*runtime_, "HermesInternal")
+                            .getPropertyAsFunction(*runtime_, "enqueueJob");
+
+    enqueueJobFn.call(*runtime_, std::move(microtaskCallback));
+
+    return jsi::Value::undefined();
+  });
+
+  runtimeScheduler_->scheduleTask(
+      SchedulerPriority::NormalPriority, std::move(callback));
+
+  EXPECT_EQ(taskPosition, 0);
+  EXPECT_EQ(microtaskPosition, 0);
+  EXPECT_EQ(updateRenderingPosition, 0);
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  stubQueue_->tick();
+
+  EXPECT_EQ(taskPosition, 1);
+  EXPECT_EQ(microtaskPosition, 2);
+  EXPECT_EQ(updateRenderingPosition, 3);
+  EXPECT_EQ(stubQueue_->size(), 0);
+}
+
+TEST_P(RuntimeSchedulerTest, scheduleImmediatePriorityTask) {
   bool didRunTask = false;
   auto callback =
       createHostFunctionFromLambda([&didRunTask](bool didUserCallbackTimeout) {
@@ -132,7 +248,7 @@ TEST_F(RuntimeSchedulerTest, scheduleImmediatePriorityTask) {
   EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, taskExpiration) {
+TEST_P(RuntimeSchedulerTest, taskExpiration) {
   bool didRunTask = false;
   auto callback =
       createHostFunctionFromLambda([&didRunTask](bool didUserCallbackTimeout) {
@@ -156,7 +272,7 @@ TEST_F(RuntimeSchedulerTest, taskExpiration) {
   EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, scheduleTwoTasksWithSamePriority) {
+TEST_P(RuntimeSchedulerTest, scheduleTwoTasksWithSamePriority) {
   uint firstTaskCallOrder = 0;
   auto callbackOne = createHostFunctionFromLambda(
       [this, &firstTaskCallOrder](bool /*unused*/) {
@@ -167,7 +283,7 @@ TEST_F(RuntimeSchedulerTest, scheduleTwoTasksWithSamePriority) {
   runtimeScheduler_->scheduleTask(
       SchedulerPriority::NormalPriority, std::move(callbackOne));
 
-  uint secondTaskCallOrder;
+  uint secondTaskCallOrder = 0;
   auto callbackTwo = createHostFunctionFromLambda(
       [this, &secondTaskCallOrder](bool /*unused*/) {
         secondTaskCallOrder = hostFunctionCallCount_;
@@ -189,7 +305,7 @@ TEST_F(RuntimeSchedulerTest, scheduleTwoTasksWithSamePriority) {
   EXPECT_EQ(hostFunctionCallCount_, 2);
 }
 
-TEST_F(RuntimeSchedulerTest, scheduleTwoTasksWithDifferentPriorities) {
+TEST_P(RuntimeSchedulerTest, scheduleTwoTasksWithDifferentPriorities) {
   uint lowPriorityTaskCallOrder = 0;
   auto callbackOne = createHostFunctionFromLambda(
       [this, &lowPriorityTaskCallOrder](bool /*unused*/) {
@@ -200,7 +316,7 @@ TEST_F(RuntimeSchedulerTest, scheduleTwoTasksWithDifferentPriorities) {
   runtimeScheduler_->scheduleTask(
       SchedulerPriority::LowPriority, std::move(callbackOne));
 
-  uint userBlockingPriorityTaskCallOrder;
+  uint userBlockingPriorityTaskCallOrder = 0;
   auto callbackTwo = createHostFunctionFromLambda(
       [this, &userBlockingPriorityTaskCallOrder](bool /*unused*/) {
         userBlockingPriorityTaskCallOrder = hostFunctionCallCount_;
@@ -222,7 +338,7 @@ TEST_F(RuntimeSchedulerTest, scheduleTwoTasksWithDifferentPriorities) {
   EXPECT_EQ(hostFunctionCallCount_, 2);
 }
 
-TEST_F(RuntimeSchedulerTest, cancelTask) {
+TEST_P(RuntimeSchedulerTest, cancelTask) {
   bool didRunTask = false;
   auto callback = createHostFunctionFromLambda([&didRunTask](bool /*unused*/) {
     didRunTask = true;
@@ -243,7 +359,7 @@ TEST_F(RuntimeSchedulerTest, cancelTask) {
   EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, continuationTask) {
+TEST_P(RuntimeSchedulerTest, continuationTask) {
   bool didRunTask = false;
   bool didContinuationTask = false;
 
@@ -275,7 +391,7 @@ TEST_F(RuntimeSchedulerTest, continuationTask) {
   EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, getCurrentPriorityLevel) {
+TEST_P(RuntimeSchedulerTest, getCurrentPriorityLevel) {
   auto callback =
       createHostFunctionFromLambda([this](bool /*didUserCallbackTimeout*/) {
         EXPECT_EQ(
@@ -315,7 +431,7 @@ TEST_F(RuntimeSchedulerTest, getCurrentPriorityLevel) {
       SchedulerPriority::NormalPriority);
 }
 
-TEST_F(RuntimeSchedulerTest, scheduleWorkWithYielding) {
+TEST_P(RuntimeSchedulerTest, scheduleWorkWithYielding) {
   bool wasCalled = false;
   runtimeScheduler_->scheduleWork(
       [&](const jsi::Runtime& /*unused*/) { wasCalled = true; });
@@ -333,7 +449,12 @@ TEST_F(RuntimeSchedulerTest, scheduleWorkWithYielding) {
   EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, normalTaskYieldsToPlatformEvent) {
+TEST_P(RuntimeSchedulerTest, normalTaskYieldsToPlatformEvent) {
+  // Only for legacy runtime scheduler
+  if (GetParam()) {
+    return;
+  }
+
   bool didRunJavaScriptTask = false;
   bool didRunPlatformWork = false;
 
@@ -360,7 +481,12 @@ TEST_F(RuntimeSchedulerTest, normalTaskYieldsToPlatformEvent) {
   EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, expiredTaskDoesntYieldToPlatformEvent) {
+TEST_P(RuntimeSchedulerTest, expiredTaskDoesntYieldToPlatformEvent) {
+  // Only for legacy runtime scheduler
+  if (GetParam()) {
+    return;
+  }
+
   bool didRunJavaScriptTask = false;
   bool didRunPlatformWork = false;
 
@@ -388,7 +514,12 @@ TEST_F(RuntimeSchedulerTest, expiredTaskDoesntYieldToPlatformEvent) {
   EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, immediateTaskDoesntYieldToPlatformEvent) {
+TEST_P(RuntimeSchedulerTest, immediateTaskDoesntYieldToPlatformEvent) {
+  // Only for legacy runtime scheduler
+  if (GetParam()) {
+    return;
+  }
+
   bool didRunJavaScriptTask = false;
   bool didRunPlatformWork = false;
 
@@ -414,7 +545,185 @@ TEST_F(RuntimeSchedulerTest, immediateTaskDoesntYieldToPlatformEvent) {
   EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, scheduleTaskFromTask) {
+TEST_P(RuntimeSchedulerTest, scheduleTaskWithYielding) {
+  // Only for modern runtime scheduler
+  if (!GetParam()) {
+    return;
+  }
+
+  bool wasCalled = false;
+  runtimeScheduler_->scheduleTask(
+      SchedulerPriority::NormalPriority,
+      [&](const jsi::Runtime& /*unused*/) { wasCalled = true; });
+
+  EXPECT_FALSE(wasCalled);
+
+  EXPECT_TRUE(runtimeScheduler_->getShouldYield());
+
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  stubQueue_->tick();
+
+  EXPECT_TRUE(wasCalled);
+  EXPECT_FALSE(runtimeScheduler_->getShouldYield());
+  EXPECT_EQ(stubQueue_->size(), 0);
+}
+
+TEST_P(RuntimeSchedulerTest, normalTaskYieldsToSynchronousAccess) {
+  // Only for modern runtime scheduler
+  if (!GetParam()) {
+    return;
+  }
+
+  uint syncTaskExecutionCount = 0;
+  uint normalTaskExecutionCount = 0;
+
+  std::binary_semaphore signalTaskToSync{0};
+
+  // No tasks scheduled, not yielding necessary.
+  EXPECT_FALSE(runtimeScheduler_->getShouldYield());
+
+  std::thread t1([this, &signalTaskToSync, &syncTaskExecutionCount]() {
+    // Wait for the normal task to start executing
+    signalTaskToSync.acquire();
+
+    runtimeScheduler_->executeNowOnTheSameThread(
+        [&syncTaskExecutionCount](jsi::Runtime& /*runtime*/) {
+          syncTaskExecutionCount++;
+        });
+  });
+
+  runtimeScheduler_->scheduleTask(
+      SchedulerPriority::NormalPriority,
+      [this, &normalTaskExecutionCount, &signalTaskToSync](
+          jsi::Runtime& /*unused*/) {
+        // Notify the "main" thread that it should request sync access.
+        signalTaskToSync.release();
+
+        // Wait for the sync access to request yielding
+        while (!runtimeScheduler_->getShouldYield()) {
+          // This is just to avoid the loop to take significant CPU while
+          // waiting for the yield request.
+          std::chrono::duration<int, std::milli> timespan(10);
+          std::this_thread::sleep_for(timespan);
+        }
+
+        normalTaskExecutionCount++;
+      });
+
+  EXPECT_EQ(normalTaskExecutionCount, 0);
+  EXPECT_EQ(syncTaskExecutionCount, 0);
+  EXPECT_TRUE(runtimeScheduler_->getShouldYield());
+  // Only the normal task has been scheduled at this point.
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  // This will start executing the normal task, which will unblock the thread
+  // that will request sync access
+  stubQueue_->tick();
+
+  // The normal task yielded to the synchronous access, which is now waiting
+  // to execute
+  EXPECT_EQ(normalTaskExecutionCount, 1);
+  EXPECT_EQ(syncTaskExecutionCount, 0);
+  EXPECT_TRUE(runtimeScheduler_->getShouldYield());
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  // Execute the synchronous access and wait for completion
+  stubQueue_->tick();
+  t1.join();
+
+  EXPECT_EQ(syncTaskExecutionCount, 1);
+  EXPECT_TRUE(runtimeScheduler_->getShouldYield());
+  // The previous task is still in the queue (although it was executed
+  // already).
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  // Just empty the queue
+  stubQueue_->tick();
+
+  EXPECT_EQ(normalTaskExecutionCount, 1); // It hasn't executed again
+  EXPECT_FALSE(runtimeScheduler_->getShouldYield());
+  EXPECT_EQ(stubQueue_->size(), 0);
+}
+
+TEST_P(RuntimeSchedulerTest, immediateTaskYieldsToSynchronousAccess) {
+  // Only for modern runtime scheduler
+  if (!GetParam()) {
+    return;
+  }
+
+  uint syncTaskExecutionCount = 0;
+  uint normalTaskExecutionCount = 0;
+
+  std::binary_semaphore signalTaskToSync{0};
+
+  // No tasks scheduled, not yielding necessary.
+  EXPECT_FALSE(runtimeScheduler_->getShouldYield());
+
+  std::thread t1([this, &signalTaskToSync, &syncTaskExecutionCount]() {
+    // Wait for the normal task to start executing
+    signalTaskToSync.acquire();
+
+    runtimeScheduler_->executeNowOnTheSameThread(
+        [&syncTaskExecutionCount](jsi::Runtime& /*runtime*/) {
+          syncTaskExecutionCount++;
+        });
+  });
+
+  runtimeScheduler_->scheduleTask(
+      SchedulerPriority::ImmediatePriority,
+      [this, &normalTaskExecutionCount, &signalTaskToSync](
+          jsi::Runtime& /*unused*/) {
+        // Notify the "main" thread that it should request sync access.
+        signalTaskToSync.release();
+
+        // Wait for the sync access to request yielding
+        while (!runtimeScheduler_->getShouldYield()) {
+          // This is just to avoid the loop to take significant CPU while
+          // waiting for the yield request.
+          std::chrono::duration<int, std::milli> timespan(10);
+          std::this_thread::sleep_for(timespan);
+        }
+
+        normalTaskExecutionCount++;
+      });
+
+  EXPECT_EQ(normalTaskExecutionCount, 0);
+  EXPECT_EQ(syncTaskExecutionCount, 0);
+  EXPECT_TRUE(runtimeScheduler_->getShouldYield());
+  // Only the normal task has been scheduled at this point.
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  // This will start executing the normal task, which will unblock the thread
+  // that will request sync access
+  stubQueue_->tick();
+
+  // The normal task yielded to the synchronous access, which is now waiting
+  // to execute
+  EXPECT_EQ(normalTaskExecutionCount, 1);
+  EXPECT_EQ(syncTaskExecutionCount, 0);
+  EXPECT_TRUE(runtimeScheduler_->getShouldYield());
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  // Execute the synchronous access and wait for completion
+  stubQueue_->tick();
+  t1.join();
+
+  EXPECT_EQ(syncTaskExecutionCount, 1);
+  EXPECT_TRUE(runtimeScheduler_->getShouldYield());
+  // The previous task is still in the queue (although it was executed
+  // already), so the sync task scheduled the work loop to process it.
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  // Just empty the queue
+  stubQueue_->tick();
+
+  EXPECT_EQ(normalTaskExecutionCount, 1); // It hasn't executed again
+  EXPECT_FALSE(runtimeScheduler_->getShouldYield());
+  EXPECT_EQ(stubQueue_->size(), 0);
+}
+
+TEST_P(RuntimeSchedulerTest, scheduleTaskFromTask) {
   bool didRunFirstTask = false;
   bool didRunSecondTask = false;
   auto firstCallback = createHostFunctionFromLambda(
@@ -448,7 +757,7 @@ TEST_F(RuntimeSchedulerTest, scheduleTaskFromTask) {
   EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, handlingError) {
+TEST_P(RuntimeSchedulerTest, handlingError) {
   bool didRunTask = false;
   auto firstCallback =
       createHostFunctionFromLambda([this, &didRunTask](bool /*unused*/) {
@@ -470,7 +779,7 @@ TEST_F(RuntimeSchedulerTest, handlingError) {
   EXPECT_EQ(stubErrorUtils_->getReportFatalCallCount(), 1);
 }
 
-TEST_F(RuntimeSchedulerTest, basicSameThreadExecution) {
+TEST_P(RuntimeSchedulerTest, basicSameThreadExecution) {
   bool didRunSynchronousTask = false;
   std::thread t1([this, &didRunSynchronousTask]() {
     runtimeScheduler_->executeNowOnTheSameThread(
@@ -494,7 +803,7 @@ TEST_F(RuntimeSchedulerTest, basicSameThreadExecution) {
   EXPECT_TRUE(didRunSynchronousTask);
 }
 
-TEST_F(RuntimeSchedulerTest, sameThreadTaskCreatesImmediatePriorityTask) {
+TEST_P(RuntimeSchedulerTest, sameThreadTaskCreatesImmediatePriorityTask) {
   bool didRunSynchronousTask = false;
   bool didRunSubsequentTask = false;
   std::thread t1([this, &didRunSynchronousTask, &didRunSubsequentTask]() {
@@ -513,7 +822,7 @@ TEST_F(RuntimeSchedulerTest, sameThreadTaskCreatesImmediatePriorityTask) {
           runtimeScheduler_->scheduleTask(
               SchedulerPriority::ImmediatePriority, std::move(callback));
 
-          runtimeScheduler_->callExpiredTasks(runtime);
+          EXPECT_FALSE(didRunSubsequentTask);
         });
   });
 
@@ -529,10 +838,18 @@ TEST_F(RuntimeSchedulerTest, sameThreadTaskCreatesImmediatePriorityTask) {
   t1.join();
 
   EXPECT_TRUE(didRunSynchronousTask);
+  EXPECT_FALSE(didRunSubsequentTask);
+
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  stubQueue_->tick();
+
   EXPECT_TRUE(didRunSubsequentTask);
+
+  EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, sameThreadTaskCreatesLowPriorityTask) {
+TEST_P(RuntimeSchedulerTest, sameThreadTaskCreatesLowPriorityTask) {
   bool didRunSynchronousTask = false;
   bool didRunSubsequentTask = false;
   std::thread t1([this, &didRunSynchronousTask, &didRunSubsequentTask]() {
@@ -550,7 +867,6 @@ TEST_F(RuntimeSchedulerTest, sameThreadTaskCreatesLowPriorityTask) {
 
           runtimeScheduler_->scheduleTask(
               SchedulerPriority::LowPriority, std::move(callback));
-          runtimeScheduler_->callExpiredTasks(runtime);
 
           EXPECT_FALSE(didRunSubsequentTask);
         });
@@ -579,7 +895,12 @@ TEST_F(RuntimeSchedulerTest, sameThreadTaskCreatesLowPriorityTask) {
   EXPECT_EQ(stubQueue_->size(), 0);
 }
 
-TEST_F(RuntimeSchedulerTest, twoThreadsRequestAccessToTheRuntime) {
+TEST_P(RuntimeSchedulerTest, legacyTwoThreadsRequestAccessToTheRuntime) {
+  // Only for legacy runtime scheduler
+  if (GetParam()) {
+    return;
+  }
+
   bool didRunSynchronousTask = false;
   bool didRunWork = false;
 
@@ -617,4 +938,92 @@ TEST_F(RuntimeSchedulerTest, twoThreadsRequestAccessToTheRuntime) {
   EXPECT_FALSE(runtimeScheduler_->getShouldYield());
 }
 
+TEST_P(RuntimeSchedulerTest, modernTwoThreadsRequestAccessToTheRuntime) {
+  // Only for modern runtime scheduler
+  if (!GetParam()) {
+    return;
+  }
+
+  std::binary_semaphore signalTask1ToScheduleTask2{0};
+  std::binary_semaphore signalTask2ToResumeTask1{0};
+
+  bool didRunSynchronousTask1 = false;
+  bool didRunSynchronousTask2 = false;
+
+  std::thread t1([this,
+                  &didRunSynchronousTask1,
+                  &signalTask1ToScheduleTask2,
+                  &signalTask2ToResumeTask1]() {
+    runtimeScheduler_->executeNowOnTheSameThread(
+        [&didRunSynchronousTask1,
+         &signalTask1ToScheduleTask2,
+         &signalTask2ToResumeTask1](jsi::Runtime& /*runtime*/) {
+          // Notify that the second task can be scheduled.
+          signalTask1ToScheduleTask2.release();
+
+          // Wait for the second task to be scheduled before finishing this
+          // task
+          signalTask2ToResumeTask1.acquire();
+
+          didRunSynchronousTask1 = true;
+        });
+  });
+
+  std::thread t2([this,
+                  &didRunSynchronousTask2,
+                  &signalTask1ToScheduleTask2,
+                  &signalTask2ToResumeTask1]() {
+    // Wait for the first task to start executing before scheduling this one.
+    signalTask1ToScheduleTask2.acquire();
+
+    // Notify the first task that it can resume execution.
+    // As we can't do this after the task this from thread has been scheduled
+    // (because it's synchronous), we can just do a short wait instead in a
+    // new thread.
+    std::thread t3([&signalTask2ToResumeTask1]() {
+      std::chrono::duration<int, std::milli> timespan(50);
+      std::this_thread::sleep_for(timespan);
+      signalTask2ToResumeTask1.release();
+    });
+
+    runtimeScheduler_->executeNowOnTheSameThread(
+        [&didRunSynchronousTask2](jsi::Runtime& /*runtime*/) {
+          didRunSynchronousTask2 = true;
+        });
+
+    t3.join();
+  });
+
+  auto hasTask = stubQueue_->waitForTasks(1);
+
+  EXPECT_TRUE(hasTask);
+  EXPECT_FALSE(didRunSynchronousTask1);
+  EXPECT_FALSE(didRunSynchronousTask2);
+  EXPECT_TRUE(runtimeScheduler_->getShouldYield());
+  // Only the first task would have been scheduled at this point.
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  stubQueue_->tick();
+  t1.join();
+
+  EXPECT_TRUE(didRunSynchronousTask1);
+  EXPECT_FALSE(didRunSynchronousTask2);
+  EXPECT_TRUE(runtimeScheduler_->getShouldYield());
+  // Now we've scheduled the second task.
+  EXPECT_EQ(stubQueue_->size(), 1);
+
+  stubQueue_->tick();
+  t2.join();
+
+  EXPECT_TRUE(didRunSynchronousTask1);
+  EXPECT_TRUE(didRunSynchronousTask2);
+  EXPECT_FALSE(runtimeScheduler_->getShouldYield());
+  EXPECT_EQ(stubQueue_->size(), 0);
+}
+
+INSTANTIATE_TEST_SUITE_P(
+    UseModernRuntimeScheduler,
+    RuntimeSchedulerTest,
+    testing::Values(false, true));
+
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/scheduler/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/scheduler/CMakeLists.txt
index 56659df31176b7..38fdcb66e8639c 100644
--- a/packages/react-native/ReactCommon/react/renderer/scheduler/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/scheduler/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_scheduler_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(react_render_scheduler SHARED ${react_render_scheduler_SRC})
+add_library(react_render_scheduler STATIC ${react_render_scheduler_SRC})
 
 target_include_directories(react_render_scheduler PUBLIC ${REACT_COMMON_DIR})
 
diff --git a/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.cpp b/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.cpp
index b52841fb8ea322..ee4ed0a1f40e01 100644
--- a/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/scheduler/Scheduler.cpp
@@ -66,19 +66,11 @@ Scheduler::Scheduler(
               runtime, eventTarget, type, priority, payload);
         },
         runtime);
-
-    // We only want to run this per-event if we are not batching by default
-    if (!CoreFeatures::enableDefaultAsyncBatchedPriority) {
-      if (runtimeScheduler != nullptr) {
-        runtimeScheduler->callExpiredTasks(runtime);
-      }
-    }
   };
 
   auto eventPipeConclusion =
       [runtimeScheduler = runtimeScheduler.get()](jsi::Runtime& runtime) {
-        if (CoreFeatures::enableDefaultAsyncBatchedPriority &&
-            runtimeScheduler != nullptr) {
+        if (runtimeScheduler != nullptr) {
           runtimeScheduler->callExpiredTasks(runtime);
         }
       };
@@ -129,19 +121,19 @@ Scheduler::Scheduler(
     uiManager->registerCommitHook(*commitHook);
   }
 
+  if (animationDelegate != nullptr) {
+    animationDelegate->setComponentDescriptorRegistry(
+        componentDescriptorRegistry_);
+  }
+  uiManager_->setAnimationDelegate(animationDelegate);
+
 #ifdef ANDROID
   removeOutstandingSurfacesOnDestruction_ = true;
-  reduceDeleteCreateMutationLayoutAnimation_ = reactNativeConfig_->getBool(
-      "react_fabric:reduce_delete_create_mutation_layout_animation_android");
 #else
   removeOutstandingSurfacesOnDestruction_ = reactNativeConfig_->getBool(
       "react_fabric:remove_outstanding_surfaces_on_destruction_ios");
-  reduceDeleteCreateMutationLayoutAnimation_ = true;
 #endif
 
-  CoreFeatures::blockPaintForUseLayoutEffect = reactNativeConfig_->getBool(
-      "react_fabric:block_paint_for_use_layout_effect");
-
   CoreFeatures::cacheLastTextMeasurement =
       reactNativeConfig_->getBool("react_fabric:enable_text_measure_cache");
 
@@ -149,13 +141,8 @@ Scheduler::Scheduler(
       reactNativeConfig_->getBool(
           "react_fabric:enable_granular_shadow_tree_state_reconciliation");
 
-  if (animationDelegate != nullptr) {
-    animationDelegate->setComponentDescriptorRegistry(
-        componentDescriptorRegistry_);
-    animationDelegate->setReduceDeleteCreateMutation(
-        reduceDeleteCreateMutationLayoutAnimation_);
-  }
-  uiManager_->setAnimationDelegate(animationDelegate);
+  CoreFeatures::enableReportEventPaintTime = reactNativeConfig_->getBool(
+      "rn_responsiveness_performance:enable_paint_time_reporting");
 }
 
 Scheduler::~Scheduler() {
@@ -286,24 +273,18 @@ void Scheduler::uiManagerDidFinishTransaction(
   SystraceSection s("Scheduler::uiManagerDidFinishTransaction");
 
   if (delegate_ != nullptr) {
-    if (CoreFeatures::blockPaintForUseLayoutEffect) {
-      auto weakRuntimeScheduler =
-          contextContainer_->find<std::weak_ptr<RuntimeScheduler>>(
-              "RuntimeScheduler");
-      auto runtimeScheduler = weakRuntimeScheduler.has_value()
-          ? weakRuntimeScheduler.value().lock()
-          : nullptr;
-      if (runtimeScheduler && !mountSynchronously) {
-        runtimeScheduler->scheduleTask(
-            SchedulerPriority::UserBlockingPriority,
-            [delegate = delegate_,
-             mountingCoordinator =
-                 std::move(mountingCoordinator)](jsi::Runtime&) {
-              delegate->schedulerDidFinishTransaction(mountingCoordinator);
-            });
-      } else {
-        delegate_->schedulerDidFinishTransaction(mountingCoordinator);
-      }
+    auto weakRuntimeScheduler =
+        contextContainer_->find<std::weak_ptr<RuntimeScheduler>>(
+            "RuntimeScheduler");
+    auto runtimeScheduler = weakRuntimeScheduler.has_value()
+        ? weakRuntimeScheduler.value().lock()
+        : nullptr;
+    if (runtimeScheduler && !mountSynchronously) {
+      runtimeScheduler->scheduleRenderingUpdate(
+          [delegate = delegate_,
+           mountingCoordinator = std::move(mountingCoordinator)]() {
+            delegate->schedulerDidFinishTransaction(mountingCoordinator);
+          });
     } else {
       delegate_->schedulerDidFinishTransaction(mountingCoordinator);
     }
diff --git a/packages/react-native/ReactCommon/react/renderer/telemetry/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/telemetry/CMakeLists.txt
index cb383579794a82..a0fa3f8b948de2 100644
--- a/packages/react-native/ReactCommon/react/renderer/telemetry/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/telemetry/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_telemetry_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(react_render_telemetry SHARED ${react_render_telemetry_SRC})
+add_library(react_render_telemetry STATIC ${react_render_telemetry_SRC})
 
 target_include_directories(react_render_telemetry PUBLIC ${REACT_COMMON_DIR})
 
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/CMakeLists.txt
index c3d7c1974910a7..4333c91e2b988a 100644
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_textlayourmanager_SRC CONFIGURE_DEPENDS
@@ -20,7 +19,7 @@ file(GLOB react_render_textlayourmanager_SRC CONFIGURE_DEPENDS
         platform/android/react/renderer/textlayoutmanager/*.cpp)
 
 add_library(react_render_textlayoutmanager
-        SHARED
+        STATIC
         ${react_render_textlayourmanager_SRC})
 
 target_include_directories(react_render_textlayoutmanager
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/TextLayoutContext.h b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/TextLayoutContext.h
new file mode 100644
index 00000000000000..304cefde8074ad
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/TextLayoutContext.h
@@ -0,0 +1,40 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <react/renderer/graphics/Float.h>
+
+namespace facebook::react {
+
+/*
+ * TextLayoutContext: Additional contextual information useful for text
+ * measurement.
+ */
+struct TextLayoutContext {
+  /*
+   * Reflects the scale factor needed to convert from the logical coordinate
+   * space into the device coordinate space of the physical screen.
+   * Some layout systems *might* use this to round layout metric values
+   * to `pixel value`.
+   */
+  Float pointScaleFactor{1.0};
+};
+
+inline bool operator==(
+    TextLayoutContext const& lhs,
+    TextLayoutContext const& rhs) {
+  return std::tie(lhs.pointScaleFactor) == std::tie(rhs.pointScaleFactor);
+}
+
+inline bool operator!=(
+    TextLayoutContext const& lhs,
+    TextLayoutContext const& rhs) {
+  return !(lhs == rhs);
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/TextMeasureCache.h b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/TextMeasureCache.h
index 244cf2c5ca4e9c..01a981ba0c37f6 100644
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/TextMeasureCache.h
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/TextMeasureCache.h
@@ -141,15 +141,13 @@ inline bool areAttributedStringFragmentsEquivalentLayoutWise(
         rhs.parentShadowView.layoutMetrics));
 }
 
-inline size_t textAttributesHashLayoutWise(
+inline size_t attributedStringFragmentHashLayoutWise(
     const AttributedString::Fragment& fragment) {
   // Here we are not taking `isAttachment` and `layoutMetrics` into account
   // because they are logically interdependent and this can break an invariant
   // between hash and equivalence functions (and cause cache misses).
-  return folly::hash::hash_combine(
-      0,
-      fragment.string,
-      textAttributesHashLayoutWise(fragment.textAttributes));
+  return facebook::react::hash_combine(
+      fragment.string, textAttributesHashLayoutWise(fragment.textAttributes));
 }
 
 inline bool areAttributedStringsEquivalentLayoutWise(
@@ -173,13 +171,13 @@ inline bool areAttributedStringsEquivalentLayoutWise(
   return true;
 }
 
-inline size_t textAttributedStringHashLayoutWise(
+inline size_t attributedStringHashLayoutWise(
     const AttributedString& attributedString) {
   auto seed = size_t{0};
 
   for (const auto& fragment : attributedString.getFragments()) {
-    seed =
-        folly::hash::hash_combine(seed, textAttributesHashLayoutWise(fragment));
+    facebook::react::hash_combine(
+        seed, attributedStringFragmentHashLayoutWise(fragment));
   }
 
   return seed;
@@ -208,9 +206,8 @@ namespace std {
 template <>
 struct hash<facebook::react::TextMeasureCacheKey> {
   size_t operator()(const facebook::react::TextMeasureCacheKey& key) const {
-    return folly::hash::hash_combine(
-        0,
-        textAttributedStringHashLayoutWise(key.attributedString),
+    return facebook::react::hash_combine(
+        attributedStringHashLayoutWise(key.attributedString),
         key.paragraphAttributes,
         key.layoutConstraints.maximumSize.width);
   }
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/android/react/renderer/textlayoutmanager/TextLayoutManager.cpp b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/android/react/renderer/textlayoutmanager/TextLayoutManager.cpp
index cb5844b2420ba5..c5accc2932e947 100644
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/android/react/renderer/textlayoutmanager/TextLayoutManager.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/android/react/renderer/textlayoutmanager/TextLayoutManager.cpp
@@ -22,6 +22,18 @@ using namespace facebook::jni;
 
 namespace facebook::react {
 
+static int countAttachments(const AttributedString& attributedString) {
+  int count = 0;
+
+  for (const auto& fragment : attributedString.getFragments()) {
+    if (fragment.isAttachment()) {
+      count++;
+    }
+  }
+
+  return count;
+}
+
 Size measureAndroidComponent(
     const ContextContainer::Shared& contextContainer,
     Tag rootTag,
@@ -159,6 +171,7 @@ void* TextLayoutManager::getNativeTextLayoutManager() const {
 TextMeasurement TextLayoutManager::measure(
     const AttributedStringBox& attributedStringBox,
     const ParagraphAttributes& paragraphAttributes,
+    const TextLayoutContext& layoutContext,
     LayoutConstraints layoutConstraints,
     std::shared_ptr<void> /* hostTextStorage */) const {
   auto& attributedString = attributedStringBox.getValue();
@@ -273,14 +286,9 @@ TextMeasurement TextLayoutManager::doMeasure(
     LayoutConstraints layoutConstraints) const {
   layoutConstraints.maximumSize.height = std::numeric_limits<Float>::infinity();
 
-  int attachmentsCount = 0;
-  for (const auto& fragment : attributedString.getFragments()) {
-    if (fragment.isAttachment()) {
-      attachmentsCount++;
-    }
-  }
+  const int attachmentCount = countAttachments(attributedString);
   auto env = Environment::current();
-  auto attachmentPositions = env->NewFloatArray(attachmentsCount * 2);
+  auto attachmentPositions = env->NewFloatArray(attachmentCount * 2);
 
   auto minimumSize = layoutConstraints.minimumSize;
   auto maximumSize = layoutConstraints.maximumSize;
@@ -303,7 +311,7 @@ TextMeasurement TextLayoutManager::doMeasure(
       env->GetFloatArrayElements(attachmentPositions, nullptr);
 
   auto attachments = TextMeasurement::Attachments{};
-  if (attachmentsCount > 0) {
+  if (attachmentCount > 0) {
     const folly::dynamic& fragments = serializedAttributedString["fragments"];
     int attachmentIndex = 0;
     for (const auto& fragment : fragments) {
@@ -337,14 +345,9 @@ TextMeasurement TextLayoutManager::doMeasureMapBuffer(
     LayoutConstraints layoutConstraints) const {
   layoutConstraints.maximumSize.height = std::numeric_limits<Float>::infinity();
 
-  int attachmentsCount = 0;
-  for (const auto& fragment : attributedString.getFragments()) {
-    if (fragment.isAttachment()) {
-      attachmentsCount++;
-    }
-  }
+  const int attachmentCount = countAttachments(attributedString);
   auto env = Environment::current();
-  auto attachmentPositions = env->NewFloatArray(attachmentsCount * 2);
+  auto attachmentPositions = env->NewFloatArray(attachmentCount * 2);
 
   auto minimumSize = layoutConstraints.minimumSize;
   auto maximumSize = layoutConstraints.maximumSize;
@@ -368,7 +371,7 @@ TextMeasurement TextLayoutManager::doMeasureMapBuffer(
       env->GetFloatArrayElements(attachmentPositions, nullptr);
 
   auto attachments = TextMeasurement::Attachments{};
-  if (attachmentsCount > 0) {
+  if (attachmentCount > 0) {
     int attachmentIndex = 0;
     for (const auto& fragment : attributedString.getFragments()) {
       if (fragment.isAttachment()) {
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/android/react/renderer/textlayoutmanager/TextLayoutManager.h b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/android/react/renderer/textlayoutmanager/TextLayoutManager.h
index 640baaa289ea1b..9f71788b39a766 100644
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/android/react/renderer/textlayoutmanager/TextLayoutManager.h
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/android/react/renderer/textlayoutmanager/TextLayoutManager.h
@@ -11,6 +11,7 @@
 #include <react/renderer/attributedstring/AttributedString.h>
 #include <react/renderer/attributedstring/AttributedStringBox.h>
 #include <react/renderer/core/LayoutConstraints.h>
+#include <react/renderer/textlayoutmanager/TextLayoutContext.h>
 #include <react/renderer/textlayoutmanager/TextMeasureCache.h>
 #include <react/utils/ContextContainer.h>
 
@@ -45,6 +46,7 @@ class TextLayoutManager {
   TextMeasurement measure(
       const AttributedStringBox& attributedStringBox,
       const ParagraphAttributes& paragraphAttributes,
+      const TextLayoutContext& layoutContext,
       LayoutConstraints layoutConstraints,
       std::shared_ptr<void> /* hostTextStorage */) const;
 
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/cxx/TextLayoutManager.cpp b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/cxx/TextLayoutManager.cpp
index 1a2aed80a69517..6d99a35008fca5 100644
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/cxx/TextLayoutManager.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/cxx/TextLayoutManager.cpp
@@ -16,6 +16,7 @@ void* TextLayoutManager::getNativeTextLayoutManager() const {
 TextMeasurement TextLayoutManager::measure(
     AttributedStringBox attributedStringBox,
     ParagraphAttributes paragraphAttributes,
+    const TextLayoutContext& /*layoutContext*/,
     LayoutConstraints layoutConstraints,
     std::shared_ptr<void>) const {
   TextMeasurement::Attachments attachments;
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/cxx/TextLayoutManager.h b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/cxx/TextLayoutManager.h
index 84ffee6bf33bd6..63903786a91b3d 100644
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/cxx/TextLayoutManager.h
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/cxx/TextLayoutManager.h
@@ -13,6 +13,7 @@
 #include <react/renderer/attributedstring/AttributedStringBox.h>
 #include <react/renderer/attributedstring/ParagraphAttributes.h>
 #include <react/renderer/core/LayoutConstraints.h>
+#include <react/renderer/textlayoutmanager/TextLayoutContext.h>
 #include <react/renderer/textlayoutmanager/TextMeasureCache.h>
 #include <react/utils/ContextContainer.h>
 
@@ -37,6 +38,7 @@ class TextLayoutManager {
   virtual TextMeasurement measure(
       AttributedStringBox attributedStringBox,
       ParagraphAttributes paragraphAttributes,
+      const TextLayoutContext& layoutContext,
       LayoutConstraints layoutConstraints,
       std::shared_ptr<void>) const;
 
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/NSTextStorage+FontScaling.h b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/NSTextStorage+FontScaling.h
deleted file mode 100644
index 5fa455d4bba336..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/NSTextStorage+FontScaling.h
+++ /dev/null
@@ -1,20 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import <React/RCTUIKit.h> // [macOS]
-
-@interface NSTextStorage (FontScaling)
-
-- (void)scaleFontSizeToFitSize:(CGSize)size
-               minimumFontSize:(CGFloat)minimumFontSize
-               maximumFontSize:(CGFloat)maximumFontSize;
-
-- (void)scaleFontSizeWithRatio:(CGFloat)ratio
-               minimumFontSize:(CGFloat)minimumFontSize
-               maximumFontSize:(CGFloat)maximumFontSize;
-
-@end
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/NSTextStorage+FontScaling.m b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/NSTextStorage+FontScaling.m
deleted file mode 100644
index ee391a20f6c271..00000000000000
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/NSTextStorage+FontScaling.m
+++ /dev/null
@@ -1,117 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import "NSTextStorage+FontScaling.h"
-
-typedef NS_OPTIONS(NSInteger, RCTTextSizeComparisonOptions) {
-  RCTTextSizeComparisonSmaller = 1 << 0,
-  RCTTextSizeComparisonLarger = 1 << 1,
-  RCTTextSizeComparisonWithinRange = 1 << 2,
-};
-
-@implementation NSTextStorage (FontScaling)
-
-- (void)scaleFontSizeToFitSize:(CGSize)size
-               minimumFontSize:(CGFloat)minimumFontSize
-               maximumFontSize:(CGFloat)maximumFontSize
-{
-  CGFloat bottomRatio = 1.0 / 128.0;
-  CGFloat topRatio = 128.0;
-  CGFloat ratio = 1.0;
-
-  NSAttributedString *originalAttributedString = [self copy];
-
-  CGFloat lastRatioWhichFits = 0.02;
-
-  while (true) {
-    [self scaleFontSizeWithRatio:ratio minimumFontSize:minimumFontSize maximumFontSize:maximumFontSize];
-
-    RCTTextSizeComparisonOptions comparison = [self compareToSize:size thresholdRatio:0.01];
-
-    if ((comparison & RCTTextSizeComparisonWithinRange) && (comparison & RCTTextSizeComparisonSmaller)) {
-      return;
-    } else if (comparison & RCTTextSizeComparisonSmaller) {
-      bottomRatio = ratio;
-      lastRatioWhichFits = ratio;
-    } else {
-      topRatio = ratio;
-    }
-
-    ratio = (topRatio + bottomRatio) / 2.0;
-
-    CGFloat kRatioThreshold = 0.005;
-    if (ABS(topRatio - bottomRatio) < kRatioThreshold || ABS(topRatio - ratio) < kRatioThreshold ||
-        ABS(bottomRatio - ratio) < kRatioThreshold) {
-      [self replaceCharactersInRange:(NSRange){0, self.length} withAttributedString:originalAttributedString];
-
-      [self scaleFontSizeWithRatio:lastRatioWhichFits minimumFontSize:minimumFontSize maximumFontSize:maximumFontSize];
-      return;
-    }
-
-    [self replaceCharactersInRange:(NSRange){0, self.length} withAttributedString:originalAttributedString];
-  }
-}
-
-- (RCTTextSizeComparisonOptions)compareToSize:(CGSize)size thresholdRatio:(CGFloat)thresholdRatio
-{
-  NSLayoutManager *layoutManager = self.layoutManagers.firstObject;
-  NSTextContainer *textContainer = layoutManager.textContainers.firstObject;
-
-  [layoutManager ensureLayoutForTextContainer:textContainer];
-
-  // Does it fit the text container?
-  NSRange glyphRange = [layoutManager glyphRangeForTextContainer:textContainer];
-  NSRange truncatedGlyphRange = [layoutManager truncatedGlyphRangeInLineFragmentForGlyphAtIndex:glyphRange.length - 1];
-
-  if (truncatedGlyphRange.location != NSNotFound) {
-    return RCTTextSizeComparisonLarger;
-  }
-
-  CGSize measuredSize = [layoutManager usedRectForTextContainer:textContainer].size;
-
-  // Does it fit the size?
-  BOOL fitsSize = size.width >= measuredSize.width && size.height >= measuredSize.height;
-
-  CGSize thresholdSize = (CGSize){
-      size.width * thresholdRatio,
-      size.height * thresholdRatio,
-  };
-
-  RCTTextSizeComparisonOptions result = 0;
-
-  result |= (fitsSize) ? RCTTextSizeComparisonSmaller : RCTTextSizeComparisonLarger;
-
-  if (ABS(measuredSize.width - size.width) < thresholdSize.width) {
-    result = result | RCTTextSizeComparisonWithinRange;
-  }
-
-  return result;
-}
-
-- (void)scaleFontSizeWithRatio:(CGFloat)ratio
-               minimumFontSize:(CGFloat)minimumFontSize
-               maximumFontSize:(CGFloat)maximumFontSize
-{
-  [self beginEditing];
-
-  [self enumerateAttribute:NSFontAttributeName
-                   inRange:(NSRange){0, self.length}
-                   options:NSAttributedStringEnumerationLongestEffectiveRangeNotRequired
-                usingBlock:^(UIFont *_Nullable font, NSRange range, BOOL *_Nonnull stop) {
-                  if (!font) {
-                    return;
-                  }
-
-                  CGFloat fontSize = MAX(MIN(font.pointSize * ratio, maximumFontSize), minimumFontSize);
-
-                  [self addAttribute:NSFontAttributeName value:[font fontWithSize:fontSize] range:range];
-                }];
-
-  [self endEditing];
-}
-
-@end
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTAttributedTextUtils.mm b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTAttributedTextUtils.mm
index 55bb50d01ab9b3..3133742e13a5e3 100644
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTAttributedTextUtils.mm
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTAttributedTextUtils.mm
@@ -350,6 +350,55 @@ static void RCTApplyBaselineOffset(NSMutableAttributedString *attributedText)
                          range:NSMakeRange(0, attributedText.length)];
 }
 
+static NSMutableAttributedString *RCTNSAttributedStringFragmentFromFragment(
+    const AttributedString::Fragment &fragment,
+    UIImage *placeholderImage)
+{
+  if (fragment.isAttachment()) {
+    auto layoutMetrics = fragment.parentShadowView.layoutMetrics;
+    CGRect bounds = {
+        .origin = {.x = layoutMetrics.frame.origin.x, .y = layoutMetrics.frame.origin.y},
+        .size = {.width = layoutMetrics.frame.size.width, .height = layoutMetrics.frame.size.height}};
+
+    NSTextAttachment *attachment = [NSTextAttachment new];
+    attachment.image = placeholderImage;
+    attachment.bounds = bounds;
+
+    return [[NSMutableAttributedString attributedStringWithAttachment:attachment] mutableCopy];
+  } else {
+    NSString *string = [NSString stringWithUTF8String:fragment.string.c_str()];
+
+    if (fragment.textAttributes.textTransform.has_value()) {
+      auto textTransform = fragment.textAttributes.textTransform.value();
+      string = RCTNSStringFromStringApplyingTextTransform(string, textTransform);
+    }
+
+    return [[NSMutableAttributedString alloc]
+        initWithString:string
+            attributes:RCTNSTextAttributesFromTextAttributes(fragment.textAttributes)];
+  }
+}
+
+static NSMutableAttributedString *RCTNSAttributedStringFragmentWithAttributesFromFragment(
+    const AttributedString::Fragment &fragment,
+    UIImage *placeholderImage)
+{
+  auto nsAttributedStringFragment = RCTNSAttributedStringFragmentFromFragment(fragment, placeholderImage);
+
+  if (fragment.parentShadowView.componentHandle) {
+    RCTWeakEventEmitterWrapper *eventEmitterWrapper = [RCTWeakEventEmitterWrapper new];
+    eventEmitterWrapper.eventEmitter = fragment.parentShadowView.eventEmitter;
+
+    NSDictionary<NSAttributedStringKey, id> *additionalTextAttributes =
+        @{RCTAttributedStringEventEmitterKey : eventEmitterWrapper};
+
+    [nsAttributedStringFragment addAttributes:additionalTextAttributes
+                                        range:NSMakeRange(0, nsAttributedStringFragment.length)];
+  }
+
+  return nsAttributedStringFragment;
+}
+
 NSAttributedString *RCTNSAttributedStringFromAttributedString(const AttributedString &attributedString)
 {
   static UIImage *placeholderImage;
@@ -363,42 +412,8 @@ static void RCTApplyBaselineOffset(NSMutableAttributedString *attributedText)
   [nsAttributedString beginEditing];
 
   for (auto fragment : attributedString.getFragments()) {
-    NSMutableAttributedString *nsAttributedStringFragment;
-
-    if (fragment.isAttachment()) {
-      auto layoutMetrics = fragment.parentShadowView.layoutMetrics;
-      CGRect bounds = {
-          .origin = {.x = layoutMetrics.frame.origin.x, .y = layoutMetrics.frame.origin.y},
-          .size = {.width = layoutMetrics.frame.size.width, .height = layoutMetrics.frame.size.height}};
-
-      NSTextAttachment *attachment = [NSTextAttachment new];
-      attachment.image = placeholderImage;
-      attachment.bounds = bounds;
-
-      nsAttributedStringFragment = [[NSMutableAttributedString attributedStringWithAttachment:attachment] mutableCopy];
-    } else {
-      NSString *string = [NSString stringWithUTF8String:fragment.string.c_str()];
-
-      if (fragment.textAttributes.textTransform.has_value()) {
-        auto textTransform = fragment.textAttributes.textTransform.value();
-        string = RCTNSStringFromStringApplyingTextTransform(string, textTransform);
-      }
-
-      nsAttributedStringFragment = [[NSMutableAttributedString alloc]
-          initWithString:string
-              attributes:RCTNSTextAttributesFromTextAttributes(fragment.textAttributes)];
-    }
-
-    if (fragment.parentShadowView.componentHandle) {
-      RCTWeakEventEmitterWrapper *eventEmitterWrapper = [RCTWeakEventEmitterWrapper new];
-      eventEmitterWrapper.eventEmitter = fragment.parentShadowView.eventEmitter;
-
-      NSDictionary<NSAttributedStringKey, id> *additionalTextAttributes =
-          @{RCTAttributedStringEventEmitterKey : eventEmitterWrapper};
-
-      [nsAttributedStringFragment addAttributes:additionalTextAttributes
-                                          range:NSMakeRange(0, nsAttributedStringFragment.length)];
-    }
+    NSMutableAttributedString *nsAttributedStringFragment =
+        RCTNSAttributedStringFragmentWithAttributesFromFragment(fragment, placeholderImage);
 
     [nsAttributedString appendAttributedString:nsAttributedStringFragment];
   }
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTTextLayoutManager.mm b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTTextLayoutManager.mm
index d134df88154e47..54571925fd6f78 100644
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTTextLayoutManager.mm
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTTextLayoutManager.mm
@@ -7,9 +7,9 @@
 
 #import "RCTTextLayoutManager.h"
 
-#import "NSTextStorage+FontScaling.h"
 #import "RCTAttributedTextUtils.h"
 
+#import <React/NSTextStorage+FontScaling.h>
 #import <React/RCTUtils.h>
 #import <react/utils/ManagedObjectWrapper.h>
 #import <react/utils/SimpleThreadSafeCache.h>
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTTextPrimitivesConversions.h b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTTextPrimitivesConversions.h
index 9144ca65236088..739da6e853ab22 100644
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTTextPrimitivesConversions.h
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/RCTTextPrimitivesConversions.h
@@ -7,6 +7,7 @@
 
 #import <React/RCTUIKit.h> // [macOS]
 
+#include <react/renderer/graphics/RCTPlatformColorUtils.h>
 #include <react/renderer/textlayoutmanager/RCTFontProperties.h>
 #include <react/renderer/textlayoutmanager/RCTFontUtils.h>
 
@@ -94,24 +95,8 @@ inline static NSUnderlineStyle RCTNSUnderlineStyleFromTextDecorationStyle(
   }
 }
 
-inline static RCTUIColor *RCTUIColorFromSharedColor(const facebook::react::SharedColor &sharedColor) // [macOS]
+// TODO: this file has some duplicates method, we can remove it
+inline static RCTUIColor *_Nullable RCTUIColorFromSharedColor(const facebook::react::SharedColor &sharedColor) // [macOS]
 {
-  if (!sharedColor) {
-    return nil;
-  }
-
-  if (*facebook::react::clearColor() == *sharedColor) {
-    return [RCTUIColor clearColor]; // [macOS]
-  }
-
-  if (*facebook::react::blackColor() == *sharedColor) {
-    return [RCTUIColor blackColor]; // [macOS]
-  }
-
-  if (*facebook::react::whiteColor() == *sharedColor) {
-    return [RCTUIColor whiteColor]; // [macOS]
-  }
-
-  auto components = facebook::react::colorComponentsFromColor(sharedColor);
-  return [RCTUIColor colorWithRed:components.red green:components.green blue:components.blue alpha:components.alpha]; // [macOS]
+  return RCTPlatformColorFromColor(*sharedColor);
 }
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/TextLayoutManager.h b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/TextLayoutManager.h
index 67ca50820f9e81..cfa7abc53eabf1 100644
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/TextLayoutManager.h
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/TextLayoutManager.h
@@ -12,6 +12,7 @@
 #include <react/renderer/attributedstring/AttributedStringBox.h>
 #include <react/renderer/attributedstring/ParagraphAttributes.h>
 #include <react/renderer/core/LayoutConstraints.h>
+#include <react/renderer/textlayoutmanager/TextLayoutContext.h>
 #include <react/renderer/textlayoutmanager/TextMeasureCache.h>
 #include <react/utils/ContextContainer.h>
 
@@ -32,6 +33,7 @@ class TextLayoutManager {
   TextMeasurement measure(
       AttributedStringBox attributedStringBox,
       ParagraphAttributes paragraphAttributes,
+      const TextLayoutContext& layoutContext,
       LayoutConstraints layoutConstraints,
       std::shared_ptr<void> hostTextStorage) const;
 
diff --git a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/TextLayoutManager.mm b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/TextLayoutManager.mm
index 21742b810e0433..dcce90583805d6 100644
--- a/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/TextLayoutManager.mm
+++ b/packages/react-native/ReactCommon/react/renderer/textlayoutmanager/platform/ios/react/renderer/textlayoutmanager/TextLayoutManager.mm
@@ -41,6 +41,7 @@
 TextMeasurement TextLayoutManager::measure(
     AttributedStringBox attributedStringBox,
     ParagraphAttributes paragraphAttributes,
+    const TextLayoutContext &layoutContext,
     LayoutConstraints layoutConstraints,
     std::shared_ptr<void> hostTextStorage) const
 {
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/CMakeLists.txt b/packages/react-native/ReactCommon/react/renderer/uimanager/CMakeLists.txt
index a7b47e56945fef..a7583450cadfb7 100644
--- a/packages/react-native/ReactCommon/react/renderer/uimanager/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/CMakeLists.txt
@@ -12,11 +12,10 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_render_uimanager_SRC CONFIGURE_DEPENDS *.cpp)
-add_library(react_render_uimanager SHARED ${react_render_uimanager_SRC})
+add_library(react_render_uimanager STATIC ${react_render_uimanager_SRC})
 
 target_include_directories(react_render_uimanager PUBLIC ${REACT_COMMON_DIR})
 
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/PointerEventsProcessor.cpp b/packages/react-native/ReactCommon/react/renderer/uimanager/PointerEventsProcessor.cpp
index d1f48491f43dee..e3ab96f2289e52 100644
--- a/packages/react-native/ReactCommon/react/renderer/uimanager/PointerEventsProcessor.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/PointerEventsProcessor.cpp
@@ -7,21 +7,27 @@
 
 #include "PointerEventsProcessor.h"
 
+#include <glog/logging.h>
+
 namespace facebook::react {
 
-static ShadowNode::Shared getShadowNodeFromEventTarget(
+ShadowNode::Shared PointerEventsProcessor::getShadowNodeFromEventTarget(
     jsi::Runtime& runtime,
-    const EventTarget& target) {
-  auto instanceHandle = target.getInstanceHandle(runtime);
-  if (instanceHandle.isObject()) {
-    auto handleObj = instanceHandle.asObject(runtime);
-    if (handleObj.hasProperty(runtime, "stateNode")) {
-      auto stateNode = handleObj.getProperty(runtime, "stateNode");
-      if (stateNode.isObject()) {
-        auto stateNodeObj = stateNode.asObject(runtime);
-        if (stateNodeObj.hasProperty(runtime, "node")) {
-          auto node = stateNodeObj.getProperty(runtime, "node");
-          return shadowNodeFromValue(runtime, node);
+    const EventTarget* target) {
+  if (target != nullptr) {
+    target->retain(runtime);
+    auto instanceHandle = target->getInstanceHandle(runtime);
+    target->release(runtime);
+    if (instanceHandle.isObject()) {
+      auto handleObj = instanceHandle.asObject(runtime);
+      if (handleObj.hasProperty(runtime, "stateNode")) {
+        auto stateNode = handleObj.getProperty(runtime, "stateNode");
+        if (stateNode.isObject()) {
+          auto stateNodeObj = stateNode.asObject(runtime);
+          if (stateNodeObj.hasProperty(runtime, "node")) {
+            auto node = stateNodeObj.getProperty(runtime, "node");
+            return shadowNodeFromValue(runtime, node);
+          }
         }
       }
     }
@@ -33,9 +39,7 @@ static bool isViewListeningToEvents(
     const ShadowNode& shadowNode,
     std::initializer_list<ViewEvents::Offset> eventTypes) {
   if (shadowNode.getTraits().check(ShadowNodeTraits::Trait::ViewKind)) {
-    auto props = shadowNode.getProps();
-    auto viewProps = static_cast<const ViewProps&>(*props);
-
+    auto& viewProps = static_cast<const ViewProps&>(*shadowNode.getProps());
     for (const ViewEvents::Offset eventType : eventTypes) {
       if (viewProps.events[eventType]) {
         return true;
@@ -101,13 +105,9 @@ static PointerEventTarget retargetPointerEvent(
       event.clientPoint.y - layoutMetrics.frame.origin.y,
   };
 
-  // Retrieve the event target of the retargeted node
-  auto retargetedEventTarget =
-      latestNodeToTarget->getEventEmitter()->getEventTarget();
-
   PointerEventTarget result = {};
   result.event = retargetedEvent;
-  result.target = retargetedEventTarget;
+  result.target = latestNodeToTarget;
   return result;
 }
 
@@ -197,29 +197,35 @@ static bool shouldEmitPointerEvent(
 }
 
 void PointerEventsProcessor::interceptPointerEvent(
-    jsi::Runtime& runtime,
-    const EventTarget* target,
+    const ShadowNode::Shared& target,
     const std::string& type,
     ReactEventPriority priority,
     const PointerEvent& event,
     const DispatchEvent& eventDispatcher,
     const UIManager& uiManager) {
   // Process all pending pointer capture assignments
-  processPendingPointerCapture(event, runtime, eventDispatcher, uiManager);
+  processPendingPointerCapture(event, eventDispatcher, uiManager);
 
   PointerEvent pointerEvent(event);
-  const EventTarget* eventTarget = target;
+  ShadowNode::Shared targetNode = target;
 
   // Retarget the event if it has a pointer capture override target
   auto overrideTarget = getCaptureTargetOverride(
       pointerEvent.pointerId, pendingPointerCaptureTargetOverrides_);
   if (overrideTarget != nullptr &&
-      overrideTarget->getTag() != eventTarget->getTag()) {
+      overrideTarget->getTag() != targetNode->getTag()) {
     auto retargeted =
         retargetPointerEvent(pointerEvent, *overrideTarget, uiManager);
 
     pointerEvent = retargeted.event;
-    eventTarget = retargeted.target.get();
+    targetNode = retargeted.target;
+  }
+
+  if (type == "topClick") {
+    // Click events are synthetic so should just be passed on instead of going
+    // through any sort of processing.
+    eventDispatcher(*targetNode, type, priority, pointerEvent);
+    return;
   }
 
   if (type == "topPointerDown") {
@@ -232,20 +238,40 @@ void PointerEventsProcessor::interceptPointerEvent(
     }
   }
 
-  eventTarget->retain(runtime);
-  auto shadowNode = getShadowNodeFromEventTarget(runtime, *eventTarget);
-  if (shadowNode != nullptr &&
-      shouldEmitPointerEvent(*shadowNode, type, uiManager)) {
-    eventDispatcher(runtime, eventTarget, type, priority, pointerEvent);
+  // Getting a pointerleave event from the platform is a special case telling us
+  // that the pointer has left the root so we don't forward the event raw but
+  // instead just run through our hover tracking logic with a null target.
+  //
+  // Notably: we do not forward the platform's leave event but instead will emit
+  // leave events through our unified hover tracking logic.
+  if (type == "topPointerLeave") {
+    handleIncomingPointerEventOnNode(
+        pointerEvent, nullptr, eventDispatcher, uiManager);
+  } else {
+    handleIncomingPointerEventOnNode(
+        pointerEvent, targetNode, eventDispatcher, uiManager);
+    if (shouldEmitPointerEvent(*targetNode, type, uiManager)) {
+      eventDispatcher(*targetNode, type, priority, pointerEvent);
+    }
+
+    // All pointercancel events and certain pointerup events (when using an
+    // direct pointer w/o the concept of hover) should be treated as the
+    // pointer leaving the device entirely so we go through our hover tracking
+    // logic again but pass in a null target.
+    auto activePointer = getActivePointer(pointerEvent.pointerId);
+    if (type == "topPointerCancel" ||
+        (type == "topPointerUp" && activePointer != nullptr &&
+         activePointer->shouldLeaveWhenReleased)) {
+      handleIncomingPointerEventOnNode(
+          pointerEvent, nullptr, eventDispatcher, uiManager);
+    }
   }
-  eventTarget->release(runtime);
 
   // Implicit pointer capture release
   if (overrideTarget != nullptr &&
       (type == "topPointerUp" || type == "topPointerCancel")) {
     releasePointerCapture(pointerEvent.pointerId, overrideTarget.get());
-    processPendingPointerCapture(
-        pointerEvent, runtime, eventDispatcher, uiManager);
+    processPendingPointerCapture(pointerEvent, eventDispatcher, uiManager);
   }
 
   if (type == "topPointerUp" || type == "topPointerCancel") {
@@ -310,6 +336,13 @@ void PointerEventsProcessor::registerActivePointer(const PointerEvent& event) {
   ActivePointer activePointer = {};
   activePointer.event = event;
 
+  // If the pointer has not been tracked by the hover infrastructure then when
+  // the pointer is released we're gonna have to treat it as if the pointer is
+  // leaving the screen entirely.
+  activePointer.shouldLeaveWhenReleased =
+      previousHoverTrackersPerPointer_.find(event.pointerId) ==
+      previousHoverTrackersPerPointer_.end();
+
   activePointers_[event.pointerId] = activePointer;
 }
 
@@ -334,7 +367,6 @@ void PointerEventsProcessor::unregisterActivePointer(
 
 void PointerEventsProcessor::processPendingPointerCapture(
     const PointerEvent& event,
-    jsi::Runtime& runtime,
     const DispatchEvent& eventDispatcher,
     const UIManager& uiManager) {
   auto pendingOverride = getCaptureTargetOverride(
@@ -356,37 +388,26 @@ void PointerEventsProcessor::processPendingPointerCapture(
   if (hasActiveOverride && activeOverrideTag != pendingOverrideTag) {
     auto retargeted = retargetPointerEvent(event, *activeOverride, uiManager);
 
-    retargeted.target->retain(runtime);
-    auto shadowNode = getShadowNodeFromEventTarget(runtime, *retargeted.target);
-    if (shadowNode != nullptr &&
-        shouldEmitPointerEvent(
-            *shadowNode, "topLostPointerCapture", uiManager)) {
+    if (shouldEmitPointerEvent(
+            *retargeted.target, "topLostPointerCapture", uiManager)) {
       eventDispatcher(
-          runtime,
-          retargeted.target.get(),
+          *retargeted.target,
           "topLostPointerCapture",
           ReactEventPriority::Discrete,
           retargeted.event);
     }
-    retargeted.target->release(runtime);
   }
 
   if (hasPendingOverride && activeOverrideTag != pendingOverrideTag) {
     auto retargeted = retargetPointerEvent(event, *pendingOverride, uiManager);
-
-    retargeted.target->retain(runtime);
-    auto shadowNode = getShadowNodeFromEventTarget(runtime, *retargeted.target);
-    if (shadowNode != nullptr &&
-        shouldEmitPointerEvent(
-            *shadowNode, "topGotPointerCapture", uiManager)) {
+    if (shouldEmitPointerEvent(
+            *retargeted.target, "topGotPointerCapture", uiManager)) {
       eventDispatcher(
-          runtime,
-          retargeted.target.get(),
+          *retargeted.target,
           "topGotPointerCapture",
           ReactEventPriority::Discrete,
           retargeted.event);
     }
-    retargeted.target->release(runtime);
   }
 
   if (!hasPendingOverride) {
@@ -396,4 +417,122 @@ void PointerEventsProcessor::processPendingPointerCapture(
   }
 }
 
+void PointerEventsProcessor::handleIncomingPointerEventOnNode(
+    const PointerEvent& event,
+    const ShadowNode::Shared& targetNode,
+    const DispatchEvent& eventDispatcher,
+    const UIManager& uiManager) {
+  // Get the hover tracker from the previous event (default to null if the
+  // pointer hasn't been tracked before)
+  auto prevHoverTrackerIt =
+      previousHoverTrackersPerPointer_.find(event.pointerId);
+  PointerHoverTracker::Unique prevHoverTracker =
+      prevHoverTrackerIt != previousHoverTrackersPerPointer_.end()
+      ? std::move(prevHoverTrackerIt->second)
+      : std::make_unique<PointerHoverTracker>(nullptr, uiManager);
+  // The previous tracker was stored from a previous tick so we mark it as old
+  prevHoverTracker->markAsOld();
+
+  auto curHoverTracker =
+      std::make_unique<PointerHoverTracker>(targetNode, uiManager);
+
+  // Out
+  if (!prevHoverTracker->hasSameTarget(*curHoverTracker) &&
+      prevHoverTracker->areAnyTargetsListeningToEvents(
+          {ViewEvents::Offset::PointerOut,
+           ViewEvents::Offset::PointerOutCapture},
+          uiManager)) {
+    auto prevTarget = prevHoverTracker->getTarget(uiManager);
+    if (prevTarget != nullptr) {
+      eventDispatcher(
+          *prevTarget, "topPointerOut", ReactEventPriority::Discrete, event);
+    }
+  }
+
+  // REMINDER: The order of these lists are from the root to the target
+  const auto [leavingNodes, enteringNodes] =
+      prevHoverTracker->diffEventPath(*curHoverTracker, uiManager);
+
+  // Leaving
+
+  // pointerleave events need to be emitted from the deepest target to the root
+  // but we also need to efficiently keep track of if a view has a parent which
+  // is listening to the leave events, so we first iterate from the root to the
+  // target, collecting the views which need events fired for, of which we
+  // reverse iterate (now from target to root), actually emitting the events.
+  bool hasParentLeaveCaptureListener = false;
+  std::vector<std::reference_wrapper<const ShadowNode>> targetsToEmitLeaveTo;
+  for (auto nodeRef : leavingNodes) {
+    const auto& node = nodeRef.get();
+
+    bool hasCapturingListener = isViewListeningToEvents(
+        node, {ViewEvents::Offset::PointerLeaveCapture});
+    bool shouldEmitEvent = hasParentLeaveCaptureListener ||
+        hasCapturingListener ||
+        isViewListeningToEvents(node, {ViewEvents::Offset::PointerLeave});
+
+    if (shouldEmitEvent) {
+      targetsToEmitLeaveTo.emplace_back(node);
+    }
+
+    if (hasCapturingListener && !hasParentLeaveCaptureListener) {
+      hasParentLeaveCaptureListener = true;
+    }
+  }
+
+  // Actually emit the leave events (in order from target to root)
+  for (auto it = targetsToEmitLeaveTo.rbegin();
+       it != targetsToEmitLeaveTo.rend();
+       it++) {
+    eventDispatcher(
+        *it, "topPointerLeave", ReactEventPriority::Discrete, event);
+  }
+
+  // Over
+  if (!prevHoverTracker->hasSameTarget(*curHoverTracker) &&
+      curHoverTracker->areAnyTargetsListeningToEvents(
+          {ViewEvents::Offset::PointerOver,
+           ViewEvents::Offset::PointerOverCapture},
+          uiManager)) {
+    auto curTarget = curHoverTracker->getTarget(uiManager);
+    if (curTarget != nullptr) {
+      eventDispatcher(
+          *curTarget, "topPointerOver", ReactEventPriority::Discrete, event);
+    }
+  }
+
+  // Entering
+
+  // We want to impose the same filtering based on what events are being
+  // listened to as we did with leaving earlier in this function but we can emit
+  // the events in this loop inline since it's expected to fire the evens in
+  // order from root to target.
+  bool hasParentEnterCaptureListener = false;
+  for (auto nodeRef : enteringNodes) {
+    const auto& node = nodeRef.get();
+
+    bool hasCapturingListener = isViewListeningToEvents(
+        node, {ViewEvents::Offset::PointerEnterCapture});
+    bool shouldEmitEvent = hasParentEnterCaptureListener ||
+        hasCapturingListener ||
+        isViewListeningToEvents(node, {ViewEvents::Offset::PointerEnter});
+
+    if (shouldEmitEvent) {
+      eventDispatcher(
+          node, "topPointerEnter", ReactEventPriority::Discrete, event);
+    }
+
+    if (hasCapturingListener && !hasParentEnterCaptureListener) {
+      hasParentEnterCaptureListener = true;
+    }
+  }
+
+  if (targetNode != nullptr) {
+    previousHoverTrackersPerPointer_[event.pointerId] =
+        std::move(curHoverTracker);
+  } else {
+    previousHoverTrackersPerPointer_.erase(event.pointerId);
+  }
+}
+
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/PointerEventsProcessor.h b/packages/react-native/ReactCommon/react/renderer/uimanager/PointerEventsProcessor.h
index 054296a1ccbdc8..548cb1f4855c1a 100644
--- a/packages/react-native/ReactCommon/react/renderer/uimanager/PointerEventsProcessor.h
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/PointerEventsProcessor.h
@@ -10,6 +10,7 @@
 #include <functional>
 
 #include <jsi/jsi.h>
+#include <react/renderer/uimanager/PointerHoverTracker.h>
 #include <react/renderer/uimanager/UIManager.h>
 #include <react/renderer/uimanager/primitives.h>
 
@@ -18,18 +19,23 @@ namespace facebook::react {
 // Helper struct to package a PointerEvent and SharedEventTarget together
 struct PointerEventTarget {
   PointerEvent event;
-  SharedEventTarget target;
+  ShadowNode::Shared target;
 };
 
 // Helper struct to contain an active pointer's event data along with additional
 // metadata
 struct ActivePointer {
   PointerEvent event;
+
+  /*
+   * Informs the event system that when the touch is released it should be
+   * treated as the pointer leaving the screen entirely.
+   */
+  bool shouldLeaveWhenReleased{};
 };
 
 using DispatchEvent = std::function<void(
-    jsi::Runtime& runtime,
-    const EventTarget* eventTarget,
+    const ShadowNode& targetNode,
     const std::string& type,
     ReactEventPriority priority,
     const EventPayload& payload)>;
@@ -40,12 +46,17 @@ using CaptureTargetOverrideRegistry =
 
 using ActivePointerRegistry =
     std::unordered_map<PointerIdentifier, ActivePointer>;
+using PointerHoverTrackerRegistry =
+    std::unordered_map<PointerIdentifier, PointerHoverTracker::Unique>;
 
 class PointerEventsProcessor final {
  public:
-  void interceptPointerEvent(
+  static ShadowNode::Shared getShadowNodeFromEventTarget(
       jsi::Runtime& runtime,
-      const EventTarget* eventTarget,
+      const EventTarget* target);
+
+  void interceptPointerEvent(
+      const ShadowNode::Shared& target,
       const std::string& type,
       ReactEventPriority priority,
       const PointerEvent& event,
@@ -71,7 +82,6 @@ class PointerEventsProcessor final {
 
   void processPendingPointerCapture(
       const PointerEvent& event,
-      jsi::Runtime& runtime,
       const DispatchEvent& eventDispatcher,
       const UIManager& uiManager);
 
@@ -79,6 +89,24 @@ class PointerEventsProcessor final {
 
   CaptureTargetOverrideRegistry pendingPointerCaptureTargetOverrides_;
   CaptureTargetOverrideRegistry activePointerCaptureTargetOverrides_;
+
+  /*
+   * Private method which is used for tracking the location of pointer events to
+   * manage the entering/leaving events. The primary idea is that a pointer's
+   * presence & movement is dicated by a variety of underlying events such as
+   * down, move, and up — and they should all be treated the same when it comes
+   * to tracking the entering & leaving of pointers to views. This method
+   * accomplishes that by receiving the pointer event, and the target view (can
+   * be null in cases when the event indicates that the pointer has left the
+   * screen entirely)
+   */
+  void handleIncomingPointerEventOnNode(
+      const PointerEvent& event,
+      const ShadowNode::Shared& targetNode,
+      const DispatchEvent& eventDispatcher,
+      const UIManager& uiManager);
+
+  PointerHoverTrackerRegistry previousHoverTrackersPerPointer_;
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/PointerHoverTracker.cpp b/packages/react-native/ReactCommon/react/renderer/uimanager/PointerHoverTracker.cpp
new file mode 100644
index 00000000000000..f01adaa51ed8c4
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/PointerHoverTracker.cpp
@@ -0,0 +1,150 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "PointerHoverTracker.h"
+
+#include <ranges>
+#include <utility>
+
+namespace facebook::react {
+
+using EventPath = PointerHoverTracker::EventPath;
+
+PointerHoverTracker::PointerHoverTracker(
+    ShadowNode::Shared target,
+    const UIManager& uiManager)
+    : target_(std::move(target)) {
+  if (target_ != nullptr) {
+    // Retrieve the root shadow node at this current revision so that we can
+    // leverage it to get the event path list at the moment the event occured
+    auto rootShadowNode = ShadowNode::Shared{};
+    auto& shadowTreeRegistry = uiManager.getShadowTreeRegistry();
+    shadowTreeRegistry.visit(
+        target_->getSurfaceId(),
+        [&rootShadowNode](const ShadowTree& shadowTree) {
+          rootShadowNode = shadowTree.getCurrentRevision().rootShadowNode;
+        });
+    this->root_ = rootShadowNode;
+  }
+}
+
+bool PointerHoverTracker::hasSameTarget(
+    const PointerHoverTracker& other) const {
+  if (target_ != nullptr && other.target_ != nullptr) {
+    return ShadowNode::sameFamily(*this->target_, *other.target_);
+  }
+  return false;
+}
+
+bool PointerHoverTracker::areAnyTargetsListeningToEvents(
+    std::initializer_list<ViewEvents::Offset> eventTypes,
+    const UIManager& uiManager) const {
+  auto eventPath = getEventPathTargets();
+
+  for (const auto& oldTarget : eventPath) {
+    auto newestTarget = uiManager.getNewestCloneOfShadowNode(oldTarget);
+    if (newestTarget &&
+        newestTarget->getTraits().check(ShadowNodeTraits::Trait::ViewKind)) {
+      auto eventFlags =
+          static_cast<const ViewProps&>(*newestTarget->getProps()).events;
+      for (const auto& eventType : eventTypes) {
+        if (eventFlags[eventType]) {
+          return true;
+        }
+      }
+    }
+  }
+
+  return false;
+}
+
+std::tuple<EventPath, EventPath> PointerHoverTracker::diffEventPath(
+    const PointerHoverTracker& other,
+    const UIManager& uiManager) const {
+  auto myEventPath = getEventPathTargets();
+  auto otherEventPath = other.getEventPathTargets();
+
+  // Starting from the root node, iterate through both event paths, comparing
+  // the nodes' families until a difference is found, and then just break out of
+  // the loop early. This will leave the iterators for each path at the point
+  // where the event paths diverge and can be subsequently used as the beginning
+  // iterator of a subrange, where the subrange on *this* tracker would
+  // represent the removed views, and the subrange on *other* tracker would
+  // represent the added views.
+  //
+  // NOTE: This works based on the assumption that nodes in react-native don't
+  // get "re-parented" so if there are any bugs reported due to extra
+  // leave->enter events, this solution may need to be revisited with a more
+  // robust diffing solution.
+  auto myIt = myEventPath.rbegin();
+  auto otherIt = otherEventPath.rbegin();
+  while (myIt != myEventPath.rend() && otherIt != otherEventPath.rend()) {
+    if (!ShadowNode::sameFamily(myIt->get(), otherIt->get())) {
+      break;
+    }
+    ++myIt;
+    ++otherIt;
+  }
+
+  EventPath removed;
+  for (auto nodeIt = myIt; nodeIt != myEventPath.rend(); nodeIt++) {
+    const auto& latestNode = getLatestNode(*nodeIt, uiManager);
+    if (latestNode != nullptr) {
+      removed.push_back(*latestNode);
+    }
+  }
+
+  EventPath added;
+  for (auto nodeIt = otherIt; nodeIt != otherEventPath.rend(); nodeIt++) {
+    const auto& latestNode = other.getLatestNode(*nodeIt, uiManager);
+    if (latestNode != nullptr) {
+      added.push_back(*latestNode);
+    }
+  }
+
+  return std::make_tuple(removed, added);
+}
+
+const ShadowNode* PointerHoverTracker::getTarget(
+    const UIManager& uiManager) const {
+  if (target_ == nullptr) {
+    return nullptr;
+  }
+  return getLatestNode(*target_, uiManager);
+}
+
+void PointerHoverTracker::markAsOld() {
+  isOldTracker_ = true;
+}
+
+const ShadowNode* PointerHoverTracker::getLatestNode(
+    const ShadowNode& node,
+    const UIManager& uiManager) const {
+  if (isOldTracker_) {
+    auto newestTarget = uiManager.getNewestCloneOfShadowNode(node);
+    return newestTarget.get();
+  }
+  return &node;
+}
+
+EventPath PointerHoverTracker::getEventPathTargets() const {
+  EventPath result{};
+  if (target_ == nullptr || root_ == nullptr) {
+    return result;
+  }
+
+  auto ancestors = target_->getFamily().getAncestors(*root_);
+
+  result.emplace_back(*target_);
+  for (auto it = ancestors.rbegin(); it != ancestors.rend(); it++) {
+    result.push_back(it->first);
+  }
+
+  return result;
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/PointerHoverTracker.h b/packages/react-native/ReactCommon/react/renderer/uimanager/PointerHoverTracker.h
new file mode 100644
index 00000000000000..b9b2581a564990
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/PointerHoverTracker.h
@@ -0,0 +1,71 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <functional>
+#include <initializer_list>
+#include <memory>
+
+#include <react/renderer/components/view/primitives.h>
+#include <react/renderer/core/ReactPrimitives.h>
+#include <react/renderer/core/ShadowNode.h>
+#include <react/renderer/uimanager/UIManager.h>
+
+namespace facebook::react {
+
+class PointerHoverTracker {
+ public:
+  using Unique = std::unique_ptr<PointerHoverTracker>;
+  using EventPath = std::vector<std::reference_wrapper<const ShadowNode>>;
+
+  PointerHoverTracker(ShadowNode::Shared target, const UIManager& uiManager);
+
+  const ShadowNode* getTarget(const UIManager& uiManager) const;
+  bool hasSameTarget(const PointerHoverTracker& other) const;
+  bool areAnyTargetsListeningToEvents(
+      std::initializer_list<ViewEvents::Offset> eventTypes,
+      const UIManager& uiManager) const;
+
+  /**
+   * Performs a diff between the current and given trackers and returns a tuple
+   * containing [1]: the nodes that have been removed and [2]: the nodes that
+   * have been added. Note that the order of these lists are from parents ->
+   * children.
+   */
+  std::tuple<EventPath, EventPath> diffEventPath(
+      const PointerHoverTracker& other,
+      const UIManager& uiManager) const;
+
+  void markAsOld();
+
+ private:
+  /**
+   * Flag that lets the tracker know if it needs to fetch the latest version of
+   * the shadow node or not.
+   */
+  bool isOldTracker_ = false;
+
+  ShadowNode::Shared root_;
+  ShadowNode::Shared target_;
+
+  /**
+   * A thin wrapper around `UIManager::getNewestCloneOfShadowNode` that only
+   * actually gets the newest clone only if the tracker is marked as "old".
+   */
+  const ShadowNode* getLatestNode(
+      const ShadowNode& node,
+      const UIManager& uiManager) const;
+
+  /**
+   * Retrieves the list of shadow node references in the event's path starting
+   * from the target node to the root node.
+   */
+  EventPath getEventPathTargets() const;
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/UIManager.cpp b/packages/react-native/ReactCommon/react/renderer/uimanager/UIManager.cpp
index a3a13faa055841..5cf3e5eeb6ce39 100644
--- a/packages/react-native/ReactCommon/react/renderer/uimanager/UIManager.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/UIManager.cpp
@@ -12,7 +12,6 @@
 #include <react/renderer/core/DynamicPropsUtilities.h>
 #include <react/renderer/core/PropsParserContext.h>
 #include <react/renderer/core/ShadowNodeFragment.h>
-#include <react/renderer/core/TraitCast.h>
 #include <react/renderer/debug/SystraceSection.h>
 #include <react/renderer/uimanager/SurfaceRegistryBinding.h>
 #include <react/renderer/uimanager/UIManagerBinding.h>
@@ -37,7 +36,6 @@ namespace facebook::react {
 // "key function" for the ShadowNodeWrapper class -- this allow for RTTI to work
 // properly across dynamic library boundaries (i.e. dynamic_cast that is used by
 // isHostObject method)
-ShadowNodeWrapper::~ShadowNodeWrapper() = default;
 ShadowNodeListWrapper::~ShadowNodeListWrapper() = default;
 
 static std::unique_ptr<LeakChecker> constructLeakCheckerIfNeeded(
@@ -63,12 +61,12 @@ UIManager::~UIManager() {
                << ").";
 }
 
-ShadowNode::Shared UIManager::createNode(
+std::shared_ptr<ShadowNode> UIManager::createNode(
     Tag tag,
     const std::string& name,
     SurfaceId surfaceId,
-    const RawProps& rawProps,
-    const InstanceHandle::Shared& instanceHandle) const {
+    RawProps rawProps,
+    InstanceHandle::Shared instanceHandle) const {
   SystraceSection s("UIManager::createNode", "componentName", name);
 
   auto& componentDescriptor = componentDescriptorRegistry_->at(name);
@@ -77,10 +75,10 @@ ShadowNode::Shared UIManager::createNode(
 
   PropsParserContext propsParserContext{surfaceId, *contextContainer_.get()};
 
-  auto family =
-      componentDescriptor.createFamily({tag, surfaceId, instanceHandle});
-  const auto props =
-      componentDescriptor.cloneProps(propsParserContext, nullptr, rawProps);
+  auto family = componentDescriptor.createFamily(
+      {tag, surfaceId, std::move(instanceHandle)});
+  const auto props = componentDescriptor.cloneProps(
+      propsParserContext, nullptr, std::move(rawProps));
   const auto state = componentDescriptor.createInitialState(props, family);
 
   auto shadowNode = componentDescriptor.createShadowNode(
@@ -109,10 +107,10 @@ ShadowNode::Shared UIManager::createNode(
   return shadowNode;
 }
 
-ShadowNode::Shared UIManager::cloneNode(
+std::shared_ptr<ShadowNode> UIManager::cloneNode(
     const ShadowNode& shadowNode,
     const ShadowNode::SharedListOfShared& children,
-    const RawProps* rawProps) const {
+    RawProps rawProps) const {
   SystraceSection s(
       "UIManager::cloneNode", "componentName", shadowNode.getComponentName());
 
@@ -123,7 +121,7 @@ ShadowNode::Shared UIManager::cloneNode(
   auto& family = shadowNode.getFamily();
   auto props = ShadowNodeFragment::propsPlaceholder();
 
-  if (rawProps != nullptr) {
+  if (!rawProps.isEmpty()) {
     if (family.nativeProps_DEPRECATED != nullptr) {
       // Values in `rawProps` patch (take precedence over)
       // `nativeProps_DEPRECATED`. For example, if both `nativeProps_DEPRECATED`
@@ -131,7 +129,7 @@ ShadowNode::Shared UIManager::cloneNode(
       // was previously in `nativeProps_DEPRECATED`.
       family.nativeProps_DEPRECATED =
           std::make_unique<folly::dynamic>(mergeDynamicProps(
-              *family.nativeProps_DEPRECATED, (folly::dynamic)*rawProps));
+              *family.nativeProps_DEPRECATED, (folly::dynamic)rawProps));
 
       props = componentDescriptor.cloneProps(
           propsParserContext,
@@ -139,7 +137,7 @@ ShadowNode::Shared UIManager::cloneNode(
           RawProps(*family.nativeProps_DEPRECATED));
     } else {
       props = componentDescriptor.cloneProps(
-          propsParserContext, shadowNode.getProps(), *rawProps);
+          propsParserContext, shadowNode.getProps(), std::move(rawProps));
     }
   }
 
@@ -174,8 +172,8 @@ void UIManager::completeSurface(
           return std::make_shared<RootShadowNode>(
               oldRootShadowNode,
               ShadowNodeFragment{
-                  /* .props = */ ShadowNodeFragment::propsPlaceholder(),
-                  /* .children = */ rootChildren,
+                  .props = ShadowNodeFragment::propsPlaceholder(),
+                  .children = rootChildren,
               });
         },
         commitOptions);
@@ -259,6 +257,12 @@ ShadowNode::Shared UIManager::getNewestCloneOfShadowNode(
     return nullptr;
   }
 
+  // If the given shadow node is of the same family as the root shadow node,
+  // return the latest root shadow node
+  if (ShadowNode::sameFamily(*ancestorShadowNode, shadowNode)) {
+    return ancestorShadowNode;
+  }
+
   auto ancestors = shadowNode.getFamily().getAncestors(*ancestorShadowNode);
 
   if (ancestors.empty()) {
@@ -297,6 +301,48 @@ ShadowNode::Shared UIManager::getNewestParentOfShadowNode(
       parentOfParentPair.second);
 }
 
+ShadowNode::Shared UIManager::getNewestPositionedAncestorOfShadowNode(
+    const ShadowNode& shadowNode) const {
+  auto rootShadowNode = ShadowNode::Shared{};
+  shadowTreeRegistry_.visit(
+      shadowNode.getSurfaceId(), [&](const ShadowTree& shadowTree) {
+        rootShadowNode = shadowTree.getCurrentRevision().rootShadowNode;
+      });
+
+  if (!rootShadowNode) {
+    return nullptr;
+  }
+
+  auto ancestors = shadowNode.getFamily().getAncestors(*rootShadowNode);
+
+  if (ancestors.empty()) {
+    return nullptr;
+  }
+
+  for (auto it = ancestors.rbegin(); it != ancestors.rend(); it++) {
+    const auto layoutableAncestorShadowNode =
+        dynamic_cast<const LayoutableShadowNode*>(&(it->first.get()));
+    if (layoutableAncestorShadowNode == nullptr) {
+      return nullptr;
+    }
+    if (layoutableAncestorShadowNode->getLayoutMetrics().positionType !=
+        PositionType::Static) {
+      // We have found our nearest positioned ancestor, now to get a shared
+      // pointer of it
+      it++;
+      if (it != ancestors.rend()) {
+        return it->first.get().getChildren().at(it->second);
+      }
+      // else the positioned ancestor is the root which we return outside of the
+      // loop
+    }
+  }
+
+  // If there is no positioned ancestor then we just consider the root
+  // to be one
+  return rootShadowNode;
+}
+
 std::string UIManager::getTextContentInNewestCloneOfShadowNode(
     const ShadowNode& shadowNode) const {
   auto newestCloneOfShadowNode = getNewestCloneOfShadowNode(shadowNode);
@@ -392,7 +438,7 @@ LayoutMetrics UIManager::getRelativeLayoutMetrics(
   }
 
   auto layoutableAncestorShadowNode =
-      traitCast<const LayoutableShadowNode*>(ancestorShadowNode);
+      dynamic_cast<const LayoutableShadowNode*>(ancestorShadowNode);
 
   if (layoutableAncestorShadowNode == nullptr) {
     return EmptyLayoutMetrics;
@@ -458,7 +504,7 @@ void UIManager::dispatchCommand(
 
 void UIManager::setNativeProps_DEPRECATED(
     const ShadowNode::Shared& shadowNode,
-    const RawProps& rawProps) const {
+    RawProps rawProps) const {
   auto& family = shadowNode->getFamily();
   if (family.nativeProps_DEPRECATED) {
     // Values in `rawProps` patch (take precedence over)
@@ -475,6 +521,8 @@ void UIManager::setNativeProps_DEPRECATED(
 
   shadowTreeRegistry_.visit(
       family.getSurfaceId(), [&](const ShadowTree& shadowTree) {
+        // The lambda passed to `commit` may be executed multiple times.
+        // We need to create fresh copy of the `RawProps` object each time.
         shadowTree.commit(
             [&](RootShadowNode const& oldRootShadowNode) {
               auto rootNode = oldRootShadowNode.cloneTree(
@@ -487,7 +535,7 @@ void UIManager::setNativeProps_DEPRECATED(
                     auto props = componentDescriptor.cloneProps(
                         propsParserContext,
                         getNewestCloneOfShadowNode(*shadowNode)->getProps(),
-                        rawProps);
+                        RawProps(rawProps));
 
                     return oldShadowNode.clone({/* .props = */ props});
                   });
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/UIManager.h b/packages/react-native/ReactCommon/react/renderer/uimanager/UIManager.h
index 04baf7f7bb9290..c0f443ff568e41 100644
--- a/packages/react-native/ReactCommon/react/renderer/uimanager/UIManager.h
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/UIManager.h
@@ -96,6 +96,9 @@ class UIManager final : public ShadowTreeDelegate {
   ShadowNode::Shared getNewestParentOfShadowNode(
       const ShadowNode& shadowNode) const;
 
+  ShadowNode::Shared getNewestPositionedAncestorOfShadowNode(
+      const ShadowNode& shadowNode) const;
+
   std::string getTextContentInNewestCloneOfShadowNode(
       const ShadowNode& shadowNode) const;
 
@@ -130,17 +133,17 @@ class UIManager final : public ShadowTreeDelegate {
       const RootShadowNode::Shared& oldRootShadowNode,
       const RootShadowNode::Unshared& newRootShadowNode) const override;
 
-  ShadowNode::Shared createNode(
+  std::shared_ptr<ShadowNode> createNode(
       Tag tag,
       const std::string& componentName,
       SurfaceId surfaceId,
-      const RawProps& props,
-      const InstanceHandle::Shared& instanceHandle) const;
+      RawProps props,
+      InstanceHandle::Shared instanceHandle) const;
 
-  ShadowNode::Shared cloneNode(
+  std::shared_ptr<ShadowNode> cloneNode(
       const ShadowNode& shadowNode,
-      const ShadowNode::SharedListOfShared& children = nullptr,
-      const RawProps* rawProps = nullptr) const;
+      const ShadowNode::SharedListOfShared& children,
+      RawProps rawProps) const;
 
   void appendChild(
       const ShadowNode::Shared& parentShadowNode,
@@ -183,7 +186,7 @@ class UIManager final : public ShadowTreeDelegate {
 
   void setNativeProps_DEPRECATED(
       const ShadowNode::Shared& shadowNode,
-      const RawProps& rawProps) const;
+      RawProps rawProps) const;
 
   void sendAccessibilityEvent(
       const ShadowNode::Shared& shadowNode,
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerAnimationDelegate.h b/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerAnimationDelegate.h
index 80dc57ce3ec6d1..fad55ae309badc 100644
--- a/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerAnimationDelegate.h
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerAnimationDelegate.h
@@ -36,14 +36,6 @@ class UIManagerAnimationDelegate {
   virtual void setComponentDescriptorRegistry(
       const SharedComponentDescriptorRegistry& componentDescriptorRegistry) = 0;
 
-  /**
-   * Set Animation flags for dropping delete and create mutations
-   *
-   * @param reduceDeleteCreateMutation
-   */
-  virtual void setReduceDeleteCreateMutation(
-      bool reduceDeleteCreateMutation) = 0;
-
   /**
    * Only needed on Android to drive animations.
    */
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerBinding.cpp b/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerBinding.cpp
index db79e7f47ff209..03633a8a48566f 100644
--- a/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerBinding.cpp
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerBinding.cpp
@@ -12,7 +12,6 @@
 #include <react/debug/react_native_assert.h>
 #include <react/renderer/components/view/PointerEvent.h>
 #include <react/renderer/core/LayoutableShadowNode.h>
-#include <react/renderer/core/TraitCast.h>
 #include <react/renderer/debug/SystraceSection.h>
 #include <react/renderer/runtimescheduler/RuntimeSchedulerBinding.h>
 #include <react/renderer/uimanager/primitives.h>
@@ -99,23 +98,30 @@ void UIManagerBinding::dispatchEvent(
 
   if (eventPayload.getType() == EventPayloadType::PointerEvent) {
     auto pointerEvent = static_cast<const PointerEvent&>(eventPayload);
-    auto dispatchCallback = [this](
-                                jsi::Runtime& runtime,
-                                const EventTarget* eventTarget,
+    auto dispatchCallback = [this, &runtime](
+                                const ShadowNode& targetNode,
                                 const std::string& type,
                                 ReactEventPriority priority,
                                 const EventPayload& eventPayload) {
-      this->dispatchEventToJS(
-          runtime, eventTarget, type, priority, eventPayload);
+      auto eventTarget = targetNode.getEventEmitter()->getEventTarget();
+      if (eventTarget != nullptr) {
+        eventTarget->retain(runtime);
+        this->dispatchEventToJS(
+            runtime, eventTarget.get(), type, priority, eventPayload);
+        eventTarget->release(runtime);
+      }
     };
-    pointerEventsProcessor_.interceptPointerEvent(
-        runtime,
-        eventTarget,
-        type,
-        priority,
-        pointerEvent,
-        dispatchCallback,
-        *uiManager_);
+    auto targetNode = PointerEventsProcessor::getShadowNodeFromEventTarget(
+        runtime, eventTarget);
+    if (targetNode != nullptr) {
+      pointerEventsProcessor_.interceptPointerEvent(
+          targetNode,
+          type,
+          priority,
+          pointerEvent,
+          dispatchCallback,
+          *uiManager_);
+    }
   } else {
     dispatchEventToJS(runtime, eventTarget, type, priority, eventPayload);
   }
@@ -155,15 +161,14 @@ void UIManagerBinding::dispatchEventToJS(
     LOG(WARNING) << "instanceHandle is null, event will be dropped";
   }
 
-  auto& eventHandlerWrapper =
-      static_cast<const EventHandlerWrapper&>(*eventHandler_);
-
   currentEventPriority_ = priority;
-  eventHandlerWrapper.callback.call(
-      runtime,
-      {std::move(instanceHandle),
-       jsi::String::createFromUtf8(runtime, type),
-       std::move(payload)});
+  if (eventHandler_) {
+    eventHandler_->call(
+        runtime,
+        std::move(instanceHandle),
+        jsi::String::createFromUtf8(runtime, type),
+        std::move(payload));
+  }
   currentEventPriority_ = ReactEventPriority::Default;
 }
 
@@ -231,23 +236,27 @@ jsi::Value UIManagerBinding::get(
             const jsi::Value& /*thisValue*/,
             const jsi::Value* arguments,
             size_t count) -> jsi::Value {
-          validateArgumentCount(runtime, methodName, paramCount, count);
-
-          auto instanceHandle =
-              instanceHandleFromValue(runtime, arguments[4], arguments[0]);
-          if (!instanceHandle) {
-            react_native_assert(false);
-            return jsi::Value::undefined();
+          try {
+            validateArgumentCount(runtime, methodName, paramCount, count);
+
+            auto instanceHandle =
+                instanceHandleFromValue(runtime, arguments[4], arguments[0]);
+            if (!instanceHandle) {
+              react_native_assert(false);
+              return jsi::Value::undefined();
+            }
+
+            return valueFromShadowNode(
+                runtime,
+                uiManager->createNode(
+                    tagFromValue(arguments[0]),
+                    stringFromValue(runtime, arguments[1]),
+                    surfaceIdFromValue(runtime, arguments[2]),
+                    RawProps(runtime, arguments[3]),
+                    std::move(instanceHandle)));
+          } catch (const std::logic_error& ex) {
+            LOG(FATAL) << "logic_error in createNode: " << ex.what();
           }
-
-          return valueFromShadowNode(
-              runtime,
-              uiManager->createNode(
-                  tagFromValue(arguments[0]),
-                  stringFromValue(runtime, arguments[1]),
-                  surfaceIdFromValue(runtime, arguments[2]),
-                  RawProps(runtime, arguments[3]),
-                  instanceHandle));
         });
   }
 
@@ -268,7 +277,9 @@ jsi::Value UIManagerBinding::get(
           return valueFromShadowNode(
               runtime,
               uiManager->cloneNode(
-                  *shadowNodeFromValue(runtime, arguments[0])));
+                  *shadowNodeFromValue(runtime, arguments[0]),
+                  nullptr,
+                  RawProps()));
         });
   }
 
@@ -314,6 +325,12 @@ jsi::Value UIManagerBinding::get(
               arguments[3].getObject(runtime).getFunction(runtime);
           auto targetNode =
               uiManager->findNodeAtPoint(node, Point{locationX, locationY});
+
+          if (!targetNode) {
+            onSuccessFunction.call(runtime, jsi::Value::null());
+            return jsi::Value::undefined();
+          }
+
           auto& eventTarget = targetNode->getEventEmitter()->eventTarget_;
 
           EventEmitter::DispatchMutex().lock();
@@ -348,7 +365,8 @@ jsi::Value UIManagerBinding::get(
               uiManager->cloneNode(
                   *shadowNodeFromValue(runtime, arguments[0]),
                   count > 1 ? shadowNodeListFromValue(runtime, arguments[1])
-                            : ShadowNode::emptySharedShadowNodeSharedList()));
+                            : ShadowNode::emptySharedShadowNodeSharedList(),
+                  RawProps()));
         });
   }
 
@@ -366,13 +384,12 @@ jsi::Value UIManagerBinding::get(
             size_t count) -> jsi::Value {
           validateArgumentCount(runtime, methodName, paramCount, count);
 
-          RawProps rawProps(runtime, arguments[1]);
           return valueFromShadowNode(
               runtime,
               uiManager->cloneNode(
                   *shadowNodeFromValue(runtime, arguments[0]),
                   nullptr,
-                  &rawProps));
+                  RawProps(runtime, arguments[1])));
         });
   }
 
@@ -393,7 +410,6 @@ jsi::Value UIManagerBinding::get(
           // validateArgumentCount(runtime, methodName, paramCount, count);
 
           bool hasChildrenArg = count == 3;
-          RawProps rawProps(runtime, arguments[hasChildrenArg ? 2 : 1]);
           return valueFromShadowNode(
               runtime,
               uiManager->cloneNode(
@@ -401,7 +417,7 @@ jsi::Value UIManagerBinding::get(
                   hasChildrenArg
                       ? shadowNodeListFromValue(runtime, arguments[1])
                       : ShadowNode::emptySharedShadowNodeSharedList(),
-                  &rawProps));
+                  RawProps(runtime, arguments[hasChildrenArg ? 2 : 1])));
         });
   }
 
@@ -490,8 +506,9 @@ jsi::Value UIManagerBinding::get(
             uiManager->completeSurface(
                 surfaceId,
                 shadowNodeList,
-                {/* .enableStateReconciliation = */ true,
-                 /* .mountSynchronously = */ false});
+                {.enableStateReconciliation = true,
+                 .mountSynchronously = false,
+                 .shouldYield = nullptr});
           } else {
             auto weakShadowNodeList =
                 weakShadowNodeListFromValue(runtime, arguments[1]);
@@ -545,7 +562,7 @@ jsi::Value UIManagerBinding::get(
           auto eventHandler =
               arguments[0].getObject(runtime).getFunction(runtime);
           eventHandler_ =
-              std::make_unique<EventHandlerWrapper>(std::move(eventHandler));
+              std::make_unique<jsi::Function>(std::move(eventHandler));
           return jsi::Value::undefined();
         });
   }
@@ -688,7 +705,7 @@ jsi::Value UIManagerBinding::get(
           auto newestCloneOfShadowNode =
               uiManager->getNewestCloneOfShadowNode(*shadowNode);
 
-          auto layoutableShadowNode = traitCast<LayoutableShadowNode const*>(
+          auto layoutableShadowNode = dynamic_cast<const LayoutableShadowNode*>(
               newestCloneOfShadowNode.get());
           Point originRelativeToParent = layoutableShadowNode != nullptr
               ? layoutableShadowNode->getLayoutMetrics().frame.origin
@@ -1103,52 +1120,52 @@ jsi::Value UIManagerBinding::get(
 
           auto newestCloneOfShadowNode =
               uiManager->getNewestCloneOfShadowNode(*shadowNode);
-          auto newestParentOfShadowNode =
-              uiManager->getNewestParentOfShadowNode(*shadowNode);
+          auto newestPositionedAncestorOfShadowNode =
+              uiManager->getNewestPositionedAncestorOfShadowNode(*shadowNode);
           // The node is no longer part of an active shadow tree, or it is the
           // root node
           if (newestCloneOfShadowNode == nullptr ||
-              newestParentOfShadowNode == nullptr) {
+              newestPositionedAncestorOfShadowNode == nullptr) {
             return jsi::Value::undefined();
           }
 
           // If the node is not displayed (itself or any of its ancestors has
           // "display: none"), this returns an empty layout metrics object.
-          auto layoutMetrics = uiManager->getRelativeLayoutMetrics(
-              *shadowNode, nullptr, {/* .includeTransform = */ false});
-
-          if (layoutMetrics == EmptyLayoutMetrics) {
+          auto shadowNodeLayoutMetricsRelativeToRoot =
+              uiManager->getRelativeLayoutMetrics(
+                  *shadowNode, nullptr, {/* .includeTransform = */ false});
+          if (shadowNodeLayoutMetricsRelativeToRoot == EmptyLayoutMetrics) {
             return jsi::Value::undefined();
           }
 
-          auto layoutableShadowNode = traitCast<LayoutableShadowNode const*>(
-              newestCloneOfShadowNode.get());
-          // This should never happen
-          if (layoutableShadowNode == nullptr) {
-            return jsi::Value::undefined();
-          }
-
-          auto layoutableParentShadowNode =
-              traitCast<LayoutableShadowNode const*>(
-                  newestParentOfShadowNode.get());
-          // This should never happen
-          if (layoutableParentShadowNode == nullptr) {
+          auto positionedAncestorLayoutMetricsRelativeToRoot =
+              uiManager->getRelativeLayoutMetrics(
+                  *newestPositionedAncestorOfShadowNode,
+                  nullptr,
+                  {/* .includeTransform = */ false});
+          if (positionedAncestorLayoutMetricsRelativeToRoot ==
+              EmptyLayoutMetrics) {
             return jsi::Value::undefined();
           }
 
-          auto originRelativeToParentOuterBorder =
-              layoutableShadowNode->getLayoutMetrics().frame.origin;
+          auto shadowNodeOriginRelativeToRoot =
+              shadowNodeLayoutMetricsRelativeToRoot.frame.origin;
+          auto positionedAncestorOriginRelativeToRoot =
+              positionedAncestorLayoutMetricsRelativeToRoot.frame.origin;
 
           // On the Web, offsets are computed from the inner border of the
           // parent.
-          auto offsetTop = originRelativeToParentOuterBorder.y -
-              layoutableParentShadowNode->getLayoutMetrics().borderWidth.top;
-          auto offsetLeft = originRelativeToParentOuterBorder.x -
-              layoutableParentShadowNode->getLayoutMetrics().borderWidth.left;
+          auto offsetTop = shadowNodeOriginRelativeToRoot.y -
+              positionedAncestorOriginRelativeToRoot.y -
+              positionedAncestorLayoutMetricsRelativeToRoot.borderWidth.top;
+          auto offsetLeft = shadowNodeOriginRelativeToRoot.x -
+              positionedAncestorOriginRelativeToRoot.x -
+              positionedAncestorLayoutMetricsRelativeToRoot.borderWidth.left;
 
           return jsi::Array::createWithElements(
               runtime,
-              (*newestParentOfShadowNode).getInstanceHandle(runtime),
+              (*newestPositionedAncestorOfShadowNode)
+                  .getInstanceHandle(runtime),
               jsi::Value{runtime, (double)offsetTop},
               jsi::Value{runtime, (double)offsetLeft});
         });
@@ -1203,7 +1220,7 @@ jsi::Value UIManagerBinding::get(
             return jsi::Value::undefined();
           }
 
-          auto layoutableShadowNode = traitCast<LayoutableShadowNode const*>(
+          auto layoutableShadowNode = dynamic_cast<LayoutableShadowNode const*>(
               newestCloneOfShadowNode.get());
           // This should never happen
           if (layoutableShadowNode == nullptr) {
@@ -1274,7 +1291,7 @@ jsi::Value UIManagerBinding::get(
           }
 
           auto layoutableShadowNode =
-              traitCast<YogaLayoutableShadowNode const*>(
+              dynamic_cast<YogaLayoutableShadowNode const*>(
                   newestCloneOfShadowNode.get());
           // This should never happen
           if (layoutableShadowNode == nullptr) {
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerBinding.h b/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerBinding.h
index b5c98b3a0f1a98..3ade1a02e4a008 100644
--- a/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerBinding.h
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/UIManagerBinding.h
@@ -84,7 +84,7 @@ class UIManagerBinding : public jsi::HostObject {
       const EventPayload& payload) const;
 
   std::shared_ptr<UIManager> uiManager_;
-  std::unique_ptr<const EventHandler> eventHandler_;
+  std::unique_ptr<jsi::Function> eventHandler_;
   mutable PointerEventsProcessor pointerEventsProcessor_;
   mutable ReactEventPriority currentEventPriority_;
 };
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/primitives.h b/packages/react-native/ReactCommon/react/renderer/uimanager/primitives.h
index ce36f64bd5a465..5d2cd00a19b6f3 100644
--- a/packages/react-native/ReactCommon/react/renderer/uimanager/primitives.h
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/primitives.h
@@ -12,38 +12,16 @@
 #include <jsi/jsi.h>
 #include <react/debug/react_native_assert.h>
 #include <react/renderer/components/text/RawTextShadowNode.h>
-#include <react/renderer/core/EventHandler.h>
 #include <react/renderer/core/LayoutMetrics.h>
 #include <react/renderer/core/ShadowNode.h>
-#include <react/renderer/core/TraitCast.h>
 #include <react/renderer/graphics/Rect.h>
-#include <react/utils/CoreFeatures.h>
 
 namespace facebook::react {
 
 using BackgroundExecutor =
     std::function<void(std::function<void()>&& callback)>;
 
-struct EventHandlerWrapper : public EventHandler {
-  EventHandlerWrapper(jsi::Function eventHandler)
-      : callback(std::move(eventHandler)) {}
-
-  jsi::Function callback;
-};
-
-struct ShadowNodeWrapper : public jsi::HostObject {
-  ShadowNodeWrapper(ShadowNode::Shared shadowNode)
-      : shadowNode(std::move(shadowNode)) {}
-
-  // The below method needs to be implemented out-of-line in order for the class
-  // to have at least one "key function" (see
-  // https://itanium-cxx-abi.github.io/cxx-abi/abi.html#vague-vtable)
-  ~ShadowNodeWrapper() override;
-
-  ShadowNode::Shared shadowNode;
-};
-
-struct ShadowNodeListWrapper : public jsi::HostObject, public jsi::NativeState {
+struct ShadowNodeListWrapper : public jsi::NativeState {
   ShadowNodeListWrapper(ShadowNode::UnsharedListOfShared shadowNodeList)
       : shadowNodeList(std::move(shadowNodeList)) {}
 
@@ -62,28 +40,17 @@ inline static ShadowNode::Shared shadowNodeFromValue(
     return nullptr;
   }
 
-  if (CoreFeatures::useNativeState) {
-    return value.getObject(runtime).getNativeState<ShadowNode>(runtime);
-  } else {
-    return value.getObject(runtime)
-        .getHostObject<ShadowNodeWrapper>(runtime)
-        ->shadowNode;
-  }
+  return value.getObject(runtime).getNativeState<ShadowNode>(runtime);
 }
 
 inline static jsi::Value valueFromShadowNode(
     jsi::Runtime& runtime,
     ShadowNode::Shared shadowNode) {
-  if (CoreFeatures::useNativeState) {
-    jsi::Object obj(runtime);
-    // Need to const_cast since JSI only allows non-const pointees
-    obj.setNativeState(
-        runtime, std::const_pointer_cast<ShadowNode>(std::move(shadowNode)));
-    return obj;
-  } else {
-    return jsi::Object::createFromHostObject(
-        runtime, std::make_shared<ShadowNodeWrapper>(std::move(shadowNode)));
-  }
+  jsi::Object obj(runtime);
+  // Need to const_cast since JSI only allows non-const pointees
+  obj.setNativeState(
+      runtime, std::const_pointer_cast<ShadowNode>(std::move(shadowNode)));
+  return obj;
 }
 
 // TODO: once we no longer need to mutate the return value (appendChildToSet)
@@ -112,13 +79,8 @@ inline static ShadowNode::UnsharedListOfShared shadowNodeListFromValue(
       ;
     }
   } else {
-    if (CoreFeatures::useNativeState) {
-      return object.getNativeState<ShadowNodeListWrapper>(runtime)
-          ->shadowNodeList;
-    } else {
-      return object.getHostObject<ShadowNodeListWrapper>(runtime)
-          ->shadowNodeList;
-    }
+    return object.getNativeState<ShadowNodeListWrapper>(runtime)
+        ->shadowNodeList;
   }
 }
 
@@ -127,15 +89,11 @@ inline static jsi::Value valueFromShadowNodeList(
     ShadowNode::UnsharedListOfShared shadowNodeList) {
   auto wrapper =
       std::make_shared<ShadowNodeListWrapper>(std::move(shadowNodeList));
-  if (CoreFeatures::useNativeState) {
-    // Use the wrapper for NativeState too, otherwise we can't implement
-    // the marker interface. Could be simplified to a simple struct wrapper.
-    jsi::Object obj(runtime);
-    obj.setNativeState(runtime, std::move(wrapper));
-    return obj;
-  } else {
-    return jsi::Object::createFromHostObject(runtime, std::move(wrapper));
-  }
+  // Use the wrapper for NativeState too, otherwise we can't implement
+  // the marker interface. Could be simplified to a simple struct wrapper.
+  jsi::Object obj(runtime);
+  obj.setNativeState(runtime, std::move(wrapper));
+  return obj;
 }
 
 inline static ShadowNode::UnsharedListOfShared shadowNodeListFromWeakList(
@@ -234,7 +192,7 @@ inline static jsi::Value getArrayOfInstanceHandlesFromShadowNodes(
 inline static void getTextContentInShadowNode(
     const ShadowNode& shadowNode,
     std::string& result) {
-  auto rawTextShadowNode = traitCast<const RawTextShadowNode*>(&shadowNode);
+  auto rawTextShadowNode = dynamic_cast<const RawTextShadowNode*>(&shadowNode);
   if (rawTextShadowNode != nullptr) {
     result.append(rawTextShadowNode->getConcreteProps().text);
   }
diff --git a/packages/react-native/ReactCommon/react/renderer/uimanager/tests/PointerEventsProcessorTest.cpp b/packages/react-native/ReactCommon/react/renderer/uimanager/tests/PointerEventsProcessorTest.cpp
new file mode 100644
index 00000000000000..f262f3ec7862f1
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/renderer/uimanager/tests/PointerEventsProcessorTest.cpp
@@ -0,0 +1,401 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <gtest/gtest.h>
+#include <jsi/jsi.h>
+#include <react/renderer/element/Element.h>
+#include <react/renderer/element/testUtils.h>
+#include <react/renderer/uimanager/PointerEventsProcessor.h>
+#include <react/renderer/uimanager/PointerHoverTracker.h>
+#include <react/renderer/uimanager/UIManager.h>
+
+namespace facebook::react {
+
+struct PointerEventTestLogEntry {
+  Tag tag;
+  std::string eventName;
+  PointerEvent payload;
+};
+
+using EventLog = std::vector<PointerEventTestLogEntry>;
+
+static inline void listenToAllPointerEvents(ViewProps& props) {
+  props.events[ViewEvents::Offset::PointerDown] = true;
+  props.events[ViewEvents::Offset::PointerMove] = true;
+  props.events[ViewEvents::Offset::PointerUp] = true;
+  props.events[ViewEvents::Offset::PointerEnter] = true;
+  props.events[ViewEvents::Offset::PointerLeave] = true;
+  props.events[ViewEvents::Offset::PointerOver] = true;
+  props.events[ViewEvents::Offset::PointerOut] = true;
+}
+
+class PointerEventsProcessorTest : public ::testing::Test {
+ public:
+  PointerEventsProcessorTest() {
+    surfaceId_ = 0;
+
+    auto contextContainer = std::make_shared<ContextContainer>();
+
+    ComponentDescriptorProviderRegistry componentDescriptorProviderRegistry{};
+    auto eventDispatcher = EventDispatcher::Shared{};
+    auto componentDescriptorRegistry =
+        componentDescriptorProviderRegistry.createComponentDescriptorRegistry(
+            ComponentDescriptorParameters{
+                eventDispatcher, std::move(contextContainer), nullptr});
+
+    componentDescriptorProviderRegistry.add(
+        concreteComponentDescriptorProvider<RootComponentDescriptor>());
+    componentDescriptorProviderRegistry.add(
+        concreteComponentDescriptorProvider<ViewComponentDescriptor>());
+
+    auto builder = ComponentBuilder{componentDescriptorRegistry};
+
+    // Set up UIManager (with no-op executors since we don't need them for
+    // tests)
+    RuntimeExecutor runtimeExecutor =
+        [](std::function<void(facebook::jsi::Runtime & runtime)>&& callback) {};
+    BackgroundExecutor backgroundExecutor =
+        [](std::function<void()>&& callback) {};
+    uiManager_ = std::make_unique<UIManager>(
+        runtimeExecutor, backgroundExecutor, contextContainer);
+    uiManager_->setComponentDescriptorRegistry(componentDescriptorRegistry);
+
+    // Create a hierarchy of nodes
+    /*
+     * Test Hierarchy:
+     *  ┌────────────────────┐
+     *  │ROOT                │
+     *  │  ┌───────┬──────┐  │
+     *  │  │A      │B     │  │
+     *  │  │  ┌────┼────┐ │  │
+     *  │  │  │AA  │BB  │ │  │
+     *  │  │  │    │    │ │  │
+     *  │  │  └────┼────┘ │  │
+     *  │  └───────┴──────┘  │
+     *  └────────────────────┘
+     */
+    // clang-format off
+    auto elementRoot =
+        Element<RootShadowNode>()
+          .tag(1)
+          .surfaceId(surfaceId_)
+          .reference(rootNode_)
+          .props([] {
+            auto sharedProps = std::make_shared<RootProps>();
+            auto &props = *sharedProps;
+            listenToAllPointerEvents(props);
+            props.layoutConstraints = LayoutConstraints{{0,0}, {500, 500}};
+            auto &yogaStyle = props.yogaStyle;
+            yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(400));
+            yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(400));
+            yogaStyle.setDisplay(yoga::Display::Flex);
+            yogaStyle.setFlexDirection(yoga::FlexDirection::Row);
+            yogaStyle.setAlignItems(yoga::Align::Center);
+            yogaStyle.setJustifyContent(yoga::Justify::Center);
+            return sharedProps;
+          })
+          .children({
+            Element<ViewShadowNode>()
+              .tag(2)
+              .surfaceId(surfaceId_)
+              .reference(nodeA_)
+              .props([] {
+                auto sharedProps = std::make_shared<ViewShadowNodeProps>();
+                auto &props = *sharedProps;
+                listenToAllPointerEvents(props);
+                auto &yogaStyle = props.yogaStyle;
+                yogaStyle.setDisplay(yoga::Display::Flex);
+                yogaStyle.setFlexDirection(yoga::FlexDirection::Column);
+                yogaStyle.setAlignItems(yoga::Align::FlexEnd);
+                yogaStyle.setJustifyContent(yoga::Justify::Center);
+                yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(150));
+                yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(300));
+                return sharedProps;
+              })
+              .children({
+                Element<ViewShadowNode>()
+                  .tag(3)
+                  .surfaceId(surfaceId_)
+                  .reference(nodeAA_)
+                  .props([] {
+                    auto sharedProps = std::make_shared<ViewShadowNodeProps>();
+                    auto &props = *sharedProps;
+                    listenToAllPointerEvents(props);
+                    auto &yogaStyle = props.yogaStyle;
+                    yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(100));
+                    yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(200));
+                    return sharedProps;
+                  })
+              }),
+            Element<ViewShadowNode>()
+              .tag(4)
+              .surfaceId(surfaceId_)
+              .reference(nodeB_)
+              .props([] {
+                auto sharedProps = std::make_shared<ViewShadowNodeProps>();
+                auto &props = *sharedProps;
+                listenToAllPointerEvents(props);
+                auto &yogaStyle = props.yogaStyle;
+                yogaStyle.setDisplay(yoga::Display::Flex);
+                yogaStyle.setFlexDirection(yoga::FlexDirection::Column);
+                yogaStyle.setAlignItems(yoga::Align::FlexStart);
+                yogaStyle.setJustifyContent(yoga::Justify::Center);
+                yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(150));
+                yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(300));
+                return sharedProps;
+              })
+              .children({
+                Element<ViewShadowNode>()
+                  .tag(5)
+                  .surfaceId(surfaceId_)
+                  .reference(nodeBB_)
+                  .props([] {
+                    auto sharedProps = std::make_shared<ViewShadowNodeProps>();
+                    auto &props = *sharedProps;
+                    listenToAllPointerEvents(props);
+                    auto &yogaStyle = props.yogaStyle;
+                    yogaStyle.setDimension(yoga::Dimension::Width, yoga::value::points(100));
+                    yogaStyle.setDimension(yoga::Dimension::Height, yoga::value::points(200));
+                    return sharedProps;
+                  })
+              })
+          })
+          .finalize([](RootShadowNode &shadowNode) {
+            shadowNode.layoutIfNeeded();
+            shadowNode.sealRecursive();
+          });
+    // clang-format on
+
+    // Build the node heirarchy
+    builder.build(elementRoot);
+
+    // Initialize shadow tree
+    auto layoutConstraints = LayoutConstraints{};
+    auto layoutContext = LayoutContext{};
+    auto shadowTree = std::make_unique<ShadowTree>(
+        surfaceId_,
+        layoutConstraints,
+        layoutContext,
+        *uiManager_,
+        *contextContainer);
+    shadowTree->commit(
+        [this](const RootShadowNode& oldRootShadowNode) {
+          return std::static_pointer_cast<RootShadowNode>(this->rootNode_);
+        },
+        {true});
+
+    // Start the surface in UIManager
+    uiManager_->startSurface(
+        std::move(shadowTree),
+        "test",
+        folly::dynamic::object,
+        DisplayMode::Visible);
+  }
+
+  void TearDown() override {
+    uiManager_->stopSurface(surfaceId_);
+  }
+
+  EventLog dispatchPointerEvent(
+      const ShadowNode::Shared& target,
+      std::string eventName,
+      PointerEvent eventPayload) {
+    EventLog eventLog;
+    auto dispatchCallback = [&eventLog](
+                                const ShadowNode& targetNode,
+                                const std::string& type,
+                                ReactEventPriority priority,
+                                const EventPayload& eventPayload) {
+      eventLog.push_back({
+          .tag = targetNode.getTag(),
+          .eventName = type,
+          .payload = static_cast<const PointerEvent&>(eventPayload),
+      });
+    };
+    processor_.interceptPointerEvent(
+        target,
+        eventName,
+        ReactEventPriority::Default,
+        eventPayload,
+        dispatchCallback,
+        *uiManager_);
+    return eventLog;
+  }
+
+  SurfaceId surfaceId_;
+
+  std::shared_ptr<RootShadowNode> rootNode_;
+  std::shared_ptr<ViewShadowNode> nodeA_;
+  std::shared_ptr<ViewShadowNode> nodeAA_;
+  std::shared_ptr<ViewShadowNode> nodeB_;
+  std::shared_ptr<ViewShadowNode> nodeBB_;
+
+  PointerEventsProcessor processor_;
+  std::unique_ptr<UIManager> uiManager_;
+  std::unique_ptr<jsi::Runtime> runtime_;
+};
+
+TEST_F(PointerEventsProcessorTest, moveAcross) {
+  auto eventPayload = PointerEvent{};
+  eventPayload.pointerId = 1;
+
+  // First move event inside nodeAA
+  auto firstMoveLog =
+      dispatchPointerEvent(nodeAA_, "topPointerMove", eventPayload);
+
+  EXPECT_EQ(firstMoveLog.size(), 5);
+
+  EXPECT_EQ(firstMoveLog[0].tag, nodeAA_->getTag());
+  EXPECT_EQ(firstMoveLog[0].eventName, "topPointerOver");
+
+  EXPECT_EQ(firstMoveLog[1].tag, rootNode_->getTag());
+  EXPECT_EQ(firstMoveLog[1].eventName, "topPointerEnter");
+
+  EXPECT_EQ(firstMoveLog[2].tag, nodeA_->getTag());
+  EXPECT_EQ(firstMoveLog[2].eventName, "topPointerEnter");
+
+  EXPECT_EQ(firstMoveLog[3].tag, nodeAA_->getTag());
+  EXPECT_EQ(firstMoveLog[3].eventName, "topPointerEnter");
+
+  EXPECT_EQ(firstMoveLog[4].tag, nodeAA_->getTag());
+  EXPECT_EQ(firstMoveLog[4].eventName, "topPointerMove");
+
+  // Second move event inside nodeBB
+  auto secondMoveLog =
+      dispatchPointerEvent(nodeBB_, "topPointerMove", eventPayload);
+
+  EXPECT_EQ(secondMoveLog.size(), 7);
+
+  EXPECT_EQ(secondMoveLog[0].tag, nodeAA_->getTag());
+  EXPECT_EQ(secondMoveLog[0].eventName, "topPointerOut");
+
+  EXPECT_EQ(secondMoveLog[1].tag, nodeAA_->getTag());
+  EXPECT_EQ(secondMoveLog[1].eventName, "topPointerLeave");
+
+  EXPECT_EQ(secondMoveLog[2].tag, nodeA_->getTag());
+  EXPECT_EQ(secondMoveLog[2].eventName, "topPointerLeave");
+
+  EXPECT_EQ(secondMoveLog[3].tag, nodeBB_->getTag());
+  EXPECT_EQ(secondMoveLog[3].eventName, "topPointerOver");
+
+  EXPECT_EQ(secondMoveLog[4].tag, nodeB_->getTag());
+  EXPECT_EQ(secondMoveLog[4].eventName, "topPointerEnter");
+
+  EXPECT_EQ(secondMoveLog[5].tag, nodeBB_->getTag());
+  EXPECT_EQ(secondMoveLog[5].eventName, "topPointerEnter");
+
+  EXPECT_EQ(secondMoveLog[6].tag, nodeBB_->getTag());
+  EXPECT_EQ(secondMoveLog[6].eventName, "topPointerMove");
+
+  // Third move event also inside nodeBB (should be no derivative events
+  // emitted)
+  auto thirdMoveLog =
+      dispatchPointerEvent(nodeBB_, "topPointerMove", eventPayload);
+
+  EXPECT_EQ(thirdMoveLog.size(), 1);
+
+  EXPECT_EQ(thirdMoveLog[0].tag, nodeBB_->getTag());
+  EXPECT_EQ(thirdMoveLog[0].eventName, "topPointerMove");
+
+  // Last event emulates an event reporting that the pointer has left the root
+  // view
+  auto leavingMoveLog =
+      dispatchPointerEvent(rootNode_, "topPointerLeave", eventPayload);
+
+  EXPECT_EQ(leavingMoveLog.size(), 4);
+
+  EXPECT_EQ(leavingMoveLog[0].tag, nodeBB_->getTag());
+  EXPECT_EQ(leavingMoveLog[0].eventName, "topPointerOut");
+
+  EXPECT_EQ(leavingMoveLog[1].tag, nodeBB_->getTag());
+  EXPECT_EQ(leavingMoveLog[1].eventName, "topPointerLeave");
+
+  EXPECT_EQ(leavingMoveLog[2].tag, nodeB_->getTag());
+  EXPECT_EQ(leavingMoveLog[2].eventName, "topPointerLeave");
+
+  EXPECT_EQ(leavingMoveLog[3].tag, rootNode_->getTag());
+  EXPECT_EQ(leavingMoveLog[3].eventName, "topPointerLeave");
+}
+
+TEST_F(PointerEventsProcessorTest, directPress) {
+  auto eventPayload = PointerEvent{};
+  eventPayload.pointerId = 1;
+
+  // Emulate down event from the platform onto nodeA
+  auto downLog = dispatchPointerEvent(nodeA_, "topPointerDown", eventPayload);
+
+  EXPECT_EQ(downLog.size(), 4);
+
+  EXPECT_EQ(downLog[0].tag, nodeA_->getTag());
+  EXPECT_EQ(downLog[0].eventName, "topPointerOver");
+
+  EXPECT_EQ(downLog[1].tag, rootNode_->getTag());
+  EXPECT_EQ(downLog[1].eventName, "topPointerEnter");
+
+  EXPECT_EQ(downLog[2].tag, nodeA_->getTag());
+  EXPECT_EQ(downLog[2].eventName, "topPointerEnter");
+
+  EXPECT_EQ(downLog[3].tag, nodeA_->getTag());
+  EXPECT_EQ(downLog[3].eventName, "topPointerDown");
+
+  // Emulate an up event on nodeA
+  auto upLog = dispatchPointerEvent(nodeA_, "topPointerUp", eventPayload);
+
+  EXPECT_EQ(upLog.size(), 4);
+
+  EXPECT_EQ(upLog[0].tag, nodeA_->getTag());
+  EXPECT_EQ(upLog[0].eventName, "topPointerUp");
+
+  EXPECT_EQ(upLog[1].tag, nodeA_->getTag());
+  EXPECT_EQ(upLog[1].eventName, "topPointerOut");
+
+  EXPECT_EQ(upLog[2].tag, nodeA_->getTag());
+  EXPECT_EQ(upLog[2].eventName, "topPointerLeave");
+
+  EXPECT_EQ(upLog[3].tag, rootNode_->getTag());
+  EXPECT_EQ(upLog[3].eventName, "topPointerLeave");
+}
+
+TEST_F(PointerEventsProcessorTest, indirectPress) {
+  auto eventPayload = PointerEvent{};
+  eventPayload.pointerId = 1;
+
+  // Emulate a move event before the press event sequence
+  auto moveLog = dispatchPointerEvent(nodeA_, "topPointerMove", eventPayload);
+
+  EXPECT_EQ(moveLog.size(), 4);
+
+  EXPECT_EQ(moveLog[0].tag, nodeA_->getTag());
+  EXPECT_EQ(moveLog[0].eventName, "topPointerOver");
+
+  EXPECT_EQ(moveLog[1].tag, rootNode_->getTag());
+  EXPECT_EQ(moveLog[1].eventName, "topPointerEnter");
+
+  EXPECT_EQ(moveLog[2].tag, nodeA_->getTag());
+  EXPECT_EQ(moveLog[2].eventName, "topPointerEnter");
+
+  EXPECT_EQ(moveLog[3].tag, nodeA_->getTag());
+  EXPECT_EQ(moveLog[3].eventName, "topPointerMove");
+
+  // Emulate a down event from the platform onto nodeA
+  auto downLog = dispatchPointerEvent(nodeA_, "topPointerDown", eventPayload);
+
+  EXPECT_EQ(downLog.size(), 1);
+
+  EXPECT_EQ(downLog[0].tag, nodeA_->getTag());
+  EXPECT_EQ(downLog[0].eventName, "topPointerDown");
+
+  // Emulate an up event on nodeA
+  auto upLog = dispatchPointerEvent(nodeA_, "topPointerUp", eventPayload);
+
+  EXPECT_EQ(upLog.size(), 1);
+
+  EXPECT_EQ(upLog[0].tag, nodeA_->getTag());
+  EXPECT_EQ(upLog[0].eventName, "topPointerUp");
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/runtime/CMakeLists.txt b/packages/react-native/ReactCommon/react/runtime/CMakeLists.txt
index ace51b62265ca7..3a440e009b0c7a 100644
--- a/packages/react-native/ReactCommon/react/runtime/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/runtime/CMakeLists.txt
@@ -30,8 +30,13 @@ target_link_libraries(
         bridgeless
         jserrorhandler
         fabricjni
+        react_featureflagsjni
         turbomodulejsijni
         fb
         jsi
         jsireact
+        react_utils
+        jsinspector
+        react_featureflags
+        react_utils
 )
diff --git a/packages/react-native/ReactCommon/react/runtime/JSEngineInstance.h b/packages/react-native/ReactCommon/react/runtime/JSEngineInstance.h
deleted file mode 100644
index 30cf7025c96eaf..00000000000000
--- a/packages/react-native/ReactCommon/react/runtime/JSEngineInstance.h
+++ /dev/null
@@ -1,27 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <ReactCommon/RuntimeExecutor.h>
-#include <cxxreact/MessageQueueThread.h>
-#include <jsi/jsi.h>
-
-namespace facebook::react {
-
-/**
- * Interface for a class that creates and owns an instance of a JS VM
- */
-class JSEngineInstance {
- public:
-  virtual std::unique_ptr<jsi::Runtime> createJSRuntime(
-      std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept = 0;
-
-  virtual ~JSEngineInstance() = default;
-};
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/runtime/JSRuntimeFactory.cpp b/packages/react-native/ReactCommon/react/runtime/JSRuntimeFactory.cpp
new file mode 100644
index 00000000000000..832d21e40c7e9f
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/runtime/JSRuntimeFactory.cpp
@@ -0,0 +1,33 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "JSRuntimeFactory.h"
+
+namespace facebook::react {
+
+jsi::Runtime& JSIRuntimeHolder::getRuntime() noexcept {
+  return *runtime_;
+}
+
+JSIRuntimeHolder::JSIRuntimeHolder(std::unique_ptr<jsi::Runtime> runtime)
+    : runtime_(std::move(runtime)) {
+  assert(runtime_ != nullptr);
+}
+
+std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate>
+JSIRuntimeHolder::createAgentDelegate(
+    jsinspector_modern::FrontendChannel frontendChannel,
+    jsinspector_modern::SessionState& sessionState,
+    std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate::ExportedState>,
+    const jsinspector_modern::ExecutionContextDescription&
+        executionContextDescription) {
+  (void)executionContextDescription;
+  return std::make_unique<jsinspector_modern::FallbackRuntimeAgentDelegate>(
+      std::move(frontendChannel), sessionState, runtime_->description());
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/runtime/JSRuntimeFactory.h b/packages/react-native/ReactCommon/react/runtime/JSRuntimeFactory.h
new file mode 100644
index 00000000000000..f7b17be856232c
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/runtime/JSRuntimeFactory.h
@@ -0,0 +1,58 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <ReactCommon/RuntimeExecutor.h>
+#include <cxxreact/MessageQueueThread.h>
+#include <jsi/jsi.h>
+#include <jsinspector-modern/ReactCdp.h>
+
+namespace facebook::react {
+
+/**
+ * An interface that represents an instance of a JS VM
+ */
+class JSRuntime : public jsinspector_modern::RuntimeTargetDelegate {
+ public:
+  virtual jsi::Runtime& getRuntime() noexcept = 0;
+
+  virtual ~JSRuntime() = default;
+};
+
+/**
+ * Interface for a class that creates instances of a JS VM
+ */
+class JSRuntimeFactory {
+ public:
+  virtual std::unique_ptr<JSRuntime> createJSRuntime(
+      std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept = 0;
+
+  virtual ~JSRuntimeFactory() = default;
+};
+
+/**
+ * Utility class for creating a JSRuntime from a uniquely owned jsi::Runtime.
+ */
+class JSIRuntimeHolder : public JSRuntime {
+ public:
+  jsi::Runtime& getRuntime() noexcept override;
+  std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate> createAgentDelegate(
+      jsinspector_modern::FrontendChannel frontendChannel,
+      jsinspector_modern::SessionState& sessionState,
+      std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate::ExportedState>
+          previouslyExportedState,
+      const jsinspector_modern::ExecutionContextDescription&
+          executionContextDescription) override;
+
+  explicit JSIRuntimeHolder(std::unique_ptr<jsi::Runtime> runtime);
+
+ private:
+  std::unique_ptr<jsi::Runtime> runtime_;
+};
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/runtime/React-RuntimeCore.podspec b/packages/react-native/ReactCommon/react/runtime/React-RuntimeCore.podspec
index 10032924f4a9bc..93f5f2f120eb1e 100644
--- a/packages/react-native/ReactCommon/react/runtime/React-RuntimeCore.podspec
+++ b/packages/react-native/ReactCommon/react/runtime/React-RuntimeCore.podspec
@@ -16,8 +16,10 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
+
 folly_dep_name = 'RCT-Folly/Fabric'
 boost_compiler_flags = '-Wno-documentation'
 
@@ -52,6 +54,8 @@ Pod::Spec.new do |s|
   s.dependency "React-jsi"
   s.dependency "React-jserrorhandler"
   s.dependency "React-runtimescheduler"
+  s.dependency "React-utils"
+  s.dependency "React-featureflags"
 
   if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
     s.dependency "hermes-engine"
@@ -59,4 +63,5 @@ Pod::Spec.new do |s|
     s.dependency "React-jsc"
   end
 
+  s.dependency "React-jsinspector"
 end
diff --git a/packages/react-native/ReactCommon/react/runtime/React-RuntimeHermes.podspec b/packages/react-native/ReactCommon/react/runtime/React-RuntimeHermes.podspec
index f94471af52fbfe..2f6790b20f244a 100644
--- a/packages/react-native/ReactCommon/react/runtime/React-RuntimeHermes.podspec
+++ b/packages/react-native/ReactCommon/react/runtime/React-RuntimeHermes.podspec
@@ -16,8 +16,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 folly_dep_name = 'RCT-Folly/Fabric'
 boost_compiler_flags = '-Wno-documentation'
 
@@ -32,7 +33,7 @@ Pod::Spec.new do |s|
   s.source                 = source
   s.source_files           = "hermes/*.{cpp,h}"
   s.header_dir             = "react/runtime/hermes"
-  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"${PODS_TARGET_SRCROOT}/../..\" \"${PODS_TARGET_SRCROOT}/../../hermes/executor\"",
+  s.pod_target_xcconfig    = { "HEADER_SEARCH_PATHS" => "\"${PODS_TARGET_SRCROOT}/../..\" \"${PODS_TARGET_SRCROOT}/../../hermes/executor\" \"$(PODS_ROOT)/boost\"",
                                 "USE_HEADERMAP" => "YES",
                                 "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
                                 "GCC_WARN_PEDANTIC" => "YES" }
@@ -44,11 +45,16 @@ Pod::Spec.new do |s|
   end
 
   s.dependency folly_dep_name, folly_version
-  s.dependency "React-jsi"
   s.dependency "React-nativeconfig"
   s.dependency "React-jsitracing"
+  s.dependency "React-jsi"
+  s.dependency "React-utils"
+  s.dependency "React-RuntimeCore"
+  s.dependency "React-featureflags"
+  add_dependency(s, "React-jsinspector", :framework_name => 'jsinspector_modern')
 
   if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
+    s.dependency "React-hermes"
     s.dependency "hermes-engine"
   else
     s.dependency "React-jsc"
diff --git a/packages/react-native/ReactCommon/react/runtime/ReactInstance.cpp b/packages/react-native/ReactCommon/react/runtime/ReactInstance.cpp
index 0f85cf0b722a1b..e7a657ec1e7fe8 100644
--- a/packages/react-native/ReactCommon/react/runtime/ReactInstance.cpp
+++ b/packages/react-native/ReactCommon/react/runtime/ReactInstance.cpp
@@ -10,55 +10,34 @@
 #include <cxxreact/ErrorUtils.h>
 #include <cxxreact/JSBigString.h>
 #include <cxxreact/JSExecutor.h>
+#include <cxxreact/ReactMarker.h>
 #include <cxxreact/SystraceSection.h>
 #include <glog/logging.h>
 #include <jsi/JSIDynamic.h>
 #include <jsi/instrumentation.h>
 #include <jsireact/JSIExecutor.h>
+#include <react/featureflags/ReactNativeFeatureFlags.h>
 #include <react/renderer/runtimescheduler/RuntimeSchedulerBinding.h>
-
-#include <cxxreact/ReactMarker.h>
+#include <react/utils/jsi.h>
 #include <iostream>
 #include <tuple>
 #include <utility>
 
 namespace facebook::react {
 
-// Looping on \c drainMicrotasks until it completes or hits the retries bound.
-static void performMicrotaskCheckpoint(jsi::Runtime& runtime) {
-  uint8_t retries = 0;
-  // A heuristic number to guard inifinite or absurd numbers of retries.
-  constexpr unsigned int kRetriesBound = 255;
-
-  while (retries < kRetriesBound) {
-    try {
-      // The default behavior of \c drainMicrotasks is unbounded execution.
-      // We may want to make it bounded in the future.
-      if (runtime.drainMicrotasks()) {
-        break;
-      }
-    } catch (jsi::JSError& error) {
-      handleJSError(runtime, error, true);
-    }
-    retries++;
-  }
-
-  if (retries == kRetriesBound) {
-    throw std::runtime_error("Hits microtasks retries bound.");
-  }
-}
-
 ReactInstance::ReactInstance(
-    std::unique_ptr<jsi::Runtime> runtime,
+    std::unique_ptr<JSRuntime> runtime,
     std::shared_ptr<MessageQueueThread> jsMessageQueueThread,
     std::shared_ptr<TimerManager> timerManager,
-    JsErrorHandler::JsErrorHandlingFunc jsErrorHandlingFunc)
+    JsErrorHandler::JsErrorHandlingFunc jsErrorHandlingFunc,
+    jsinspector_modern::PageTarget* parentInspectorTarget)
     : runtime_(std::move(runtime)),
       jsMessageQueueThread_(jsMessageQueueThread),
       timerManager_(std::move(timerManager)),
       jsErrorHandler_(jsErrorHandlingFunc),
-      hasFatalJsError_(std::make_shared<bool>(false)) {
-  auto runtimeExecutor = [weakRuntime = std::weak_ptr<jsi::Runtime>(runtime_),
+      hasFatalJsError_(std::make_shared<bool>(false)),
+      parentInspectorTarget_(parentInspectorTarget) {
+  auto runtimeExecutor = [weakRuntime = std::weak_ptr<JSRuntime>(runtime_),
                           weakTimerManager =
                               std::weak_ptr<TimerManager>(timerManager_),
                           weakJsMessageQueueThread =
@@ -85,21 +64,32 @@ ReactInstance::ReactInstance(
       sharedJsMessageQueueThread->runOnQueue(
           [weakRuntime, weakTimerManager, callback = std::move(callback)]() {
             if (auto strongRuntime = weakRuntime.lock()) {
+              jsi::Runtime& jsiRuntime = strongRuntime->getRuntime();
               SystraceSection s("ReactInstance::_runtimeExecutor[Callback]");
               try {
-                callback(*strongRuntime);
-                if (auto strongTimerManager = weakTimerManager.lock()) {
-                  strongTimerManager->callReactNativeMicrotasks(*strongRuntime);
+                callback(jsiRuntime);
+
+                // If we have first-class support for microtasks,
+                // they would've been called as part of the previous callback.
+                if (!ReactNativeFeatureFlags::enableMicrotasks()) {
+                  if (auto strongTimerManager = weakTimerManager.lock()) {
+                    strongTimerManager->callReactNativeMicrotasks(jsiRuntime);
+                  }
                 }
-                performMicrotaskCheckpoint(*strongRuntime);
               } catch (jsi::JSError& originalError) {
-                handleJSError(*strongRuntime, originalError, true);
+                handleJSError(jsiRuntime, originalError, true);
               }
             }
           });
     }
   };
 
+  if (parentInspectorTarget_) {
+    inspectorTarget_ = &parentInspectorTarget_->registerInstance(*this);
+    runtimeInspectorTarget_ =
+        &inspectorTarget_->registerRuntime(*runtime_, runtimeExecutor);
+  }
+
   runtimeScheduler_ =
       std::make_shared<RuntimeScheduler>(std::move(runtimeExecutor));
 
@@ -113,6 +103,16 @@ ReactInstance::ReactInstance(
       std::make_shared<BufferedRuntimeExecutor>(pipedRuntimeExecutor);
 }
 
+void ReactInstance::unregisterFromInspector() {
+  if (inspectorTarget_) {
+    assert(runtimeInspectorTarget_);
+    inspectorTarget_->unregisterRuntime(*runtimeInspectorTarget_);
+    assert(parentInspectorTarget_);
+    parentInspectorTarget_->unregisterInstance(*inspectorTarget_);
+    inspectorTarget_ = nullptr;
+  }
+}
+
 RuntimeExecutor ReactInstance::getUnbufferedRuntimeExecutor() noexcept {
   return [runtimeScheduler = runtimeScheduler_.get()](
              std::function<void(jsi::Runtime & runtime)>&& callback) {
@@ -140,43 +140,6 @@ ReactInstance::getRuntimeScheduler() noexcept {
   return runtimeScheduler_;
 }
 
-/**
- * Defines a property on the global object that is neither enumerable, nor
- * configurable, nor writable. This ensures that the private globals exposed by
- * ReactInstance cannot overwritten by third-party JavaScript code. It also
- * ensures that third-party JavaScript code unaware of these globals isn't able
- * to accidentally access them. In JavaScript, equivalent to:
- *
- * Object.defineProperty(global, propName, {
- *   value: value
- * })
- */
-static void defineReadOnlyGlobal(
-    jsi::Runtime& runtime,
-    std::string propName,
-    jsi::Value&& value) {
-  if (runtime.global().hasProperty(runtime, propName.c_str())) {
-    throw jsi::JSError(
-        runtime,
-        "Tried to redefine read-only global \"" + propName +
-            "\", but read-only globals can only be defined once.");
-  }
-  jsi::Object jsObject =
-      runtime.global().getProperty(runtime, "Object").asObject(runtime);
-  jsi::Function defineProperty = jsObject.getProperty(runtime, "defineProperty")
-                                     .asObject(runtime)
-                                     .asFunction(runtime);
-
-  jsi::Object descriptor = jsi::Object(runtime);
-  descriptor.setProperty(runtime, "value", std::move(value));
-  defineProperty.callWithThis(
-      runtime,
-      jsObject,
-      runtime.global(),
-      jsi::String::createFromUtf8(runtime, propName),
-      descriptor);
-}
-
 namespace {
 
 // Copied from JSIExecutor.cpp
@@ -465,4 +428,8 @@ void ReactInstance::handleMemoryPressureJs(int pressureLevel) {
   }
 }
 
+void* ReactInstance::getJavaScriptContext() {
+  return &runtime_->getRuntime();
+}
+
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/runtime/ReactInstance.h b/packages/react-native/ReactCommon/react/runtime/ReactInstance.h
index f3126c302f387d..c82656c77679b9 100644
--- a/packages/react-native/ReactCommon/react/runtime/ReactInstance.h
+++ b/packages/react-native/ReactCommon/react/runtime/ReactInstance.h
@@ -11,9 +11,11 @@
 #include <cxxreact/MessageQueueThread.h>
 #include <jserrorhandler/JsErrorHandler.h>
 #include <jsi/jsi.h>
+#include <jsinspector-modern/ReactCdp.h>
 #include <jsireact/JSIExecutor.h>
 #include <react/renderer/runtimescheduler/RuntimeScheduler.h>
 #include <react/runtime/BufferedRuntimeExecutor.h>
+#include <react/runtime/JSRuntimeFactory.h>
 #include <react/runtime/TimerManager.h>
 
 namespace facebook::react {
@@ -24,15 +26,16 @@ struct CallableModule {
   jsi::Function factory;
 };
 
-class ReactInstance final {
+class ReactInstance final : private jsinspector_modern::InstanceTargetDelegate {
  public:
   using BindingsInstallFunc = std::function<void(jsi::Runtime& runtime)>;
 
   ReactInstance(
-      std::unique_ptr<jsi::Runtime> runtime,
+      std::unique_ptr<JSRuntime> runtime,
       std::shared_ptr<MessageQueueThread> jsMessageQueueThread,
       std::shared_ptr<TimerManager> timerManager,
-      JsErrorHandler::JsErrorHandlingFunc JsErrorHandlingFunc);
+      JsErrorHandler::JsErrorHandlingFunc JsErrorHandlingFunc,
+      jsinspector_modern::PageTarget* parentInspectorTarget = nullptr);
 
   RuntimeExecutor getUnbufferedRuntimeExecutor() noexcept;
 
@@ -62,8 +65,16 @@ class ReactInstance final {
 
   void handleMemoryPressureJs(int pressureLevel);
 
+  /**
+   * Unregisters the instance from the inspector. This method must be called
+   * on the main (non-JS) thread.
+   */
+  void unregisterFromInspector();
+
+  void* getJavaScriptContext();
+
  private:
-  std::shared_ptr<jsi::Runtime> runtime_;
+  std::shared_ptr<JSRuntime> runtime_;
   std::shared_ptr<MessageQueueThread> jsMessageQueueThread_;
   std::shared_ptr<BufferedRuntimeExecutor> bufferedRuntimeExecutor_;
   std::shared_ptr<TimerManager> timerManager_;
@@ -73,6 +84,10 @@ class ReactInstance final {
 
   // Whether there are errors caught during bundle loading
   std::shared_ptr<bool> hasFatalJsError_;
+
+  jsinspector_modern::InstanceTarget* inspectorTarget_{nullptr};
+  jsinspector_modern::RuntimeTarget* runtimeInspectorTarget_{nullptr};
+  jsinspector_modern::PageTarget* parentInspectorTarget_{nullptr};
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/runtime/TimerManager.cpp b/packages/react-native/ReactCommon/react/runtime/TimerManager.cpp
index 3eca065fbb80e0..d8b33ddb648ff7 100644
--- a/packages/react-native/ReactCommon/react/runtime/TimerManager.cpp
+++ b/packages/react-native/ReactCommon/react/runtime/TimerManager.cpp
@@ -148,7 +148,8 @@ void TimerManager::callTimer(uint32_t timerID) {
 void TimerManager::attachGlobals(jsi::Runtime& runtime) {
   // Install host functions for timers.
   // TODO (T45786383): Add missing timer functions from JSTimers
-  // TODL (T96212789): Skip immediate APIs when JSVM microtask queue is used.
+  // TODO (T96212789): Remove when JSVM microtask queue is used everywhere in
+  // bridgeless mode. This is being overwritten in JS in that case.
   runtime.global().setProperty(
       runtime,
       "setImmediate",
diff --git a/packages/react-native/ReactCommon/react/runtime/TimerManager.h b/packages/react-native/ReactCommon/react/runtime/TimerManager.h
index 6735e29c55aeec..49e54684d495f7 100644
--- a/packages/react-native/ReactCommon/react/runtime/TimerManager.h
+++ b/packages/react-native/ReactCommon/react/runtime/TimerManager.h
@@ -104,7 +104,7 @@ class TimerManager {
 
   // Each timeout that is registered on this queue gets a sequential id.  This
   // is the global count from which those are assigned.
-  uint64_t timerIndex_{0};
+  uint32_t timerIndex_{0};
 
   // The React Native microtask queue is used to back public APIs including
   // `queueMicrotask`, `clearImmediate`, and `setImmediate` (which is used by
diff --git a/packages/react-native/ReactCommon/react/runtime/hermes/CMakeLists.txt b/packages/react-native/ReactCommon/react/runtime/hermes/CMakeLists.txt
index 955bb14c946a6a..ba600340203d93 100644
--- a/packages/react-native/ReactCommon/react/runtime/hermes/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/runtime/hermes/CMakeLists.txt
@@ -22,6 +22,9 @@ target_link_libraries(bridgelesshermes
         hermes_inspector_modern
         jsi
         hermes_executor_common
+        bridgeless
+        react_featureflags
+        jsinspector
 )
 
 if(${CMAKE_BUILD_TYPE} MATCHES Debug)
diff --git a/packages/react-native/ReactCommon/react/runtime/hermes/HermesInstance.cpp b/packages/react-native/ReactCommon/react/runtime/hermes/HermesInstance.cpp
index cbb786a2fd1310..13308c81c26704 100644
--- a/packages/react-native/ReactCommon/react/runtime/hermes/HermesInstance.cpp
+++ b/packages/react-native/ReactCommon/react/runtime/hermes/HermesInstance.cpp
@@ -7,8 +7,10 @@
 
 #include "HermesInstance.h"
 
-#include <JSITracing.h>
+#include <hermes/inspector-modern/chrome/HermesRuntimeAgentDelegate.h>
 #include <jsi/jsilib.h>
+#include <jsinspector-modern/InspectorFlags.h>
+#include <react/featureflags/ReactNativeFeatureFlags.h>
 
 #ifdef HERMES_ENABLE_DEBUGGER
 #include <hermes/inspector-modern/chrome/Registration.h>
@@ -90,7 +92,54 @@ class DecoratedRuntime : public jsi::RuntimeDecorator<jsi::Runtime> {
 
 #endif
 
-std::unique_ptr<jsi::Runtime> HermesInstance::createJSRuntime(
+class HermesJSRuntime : public JSRuntime {
+ public:
+  HermesJSRuntime(
+      std::unique_ptr<HermesRuntime> runtime,
+      std::shared_ptr<MessageQueueThread> msgQueueThread)
+      : runtime_(std::move(runtime)),
+        msgQueueThread_(std::move(msgQueueThread)) {}
+
+  jsi::Runtime& getRuntime() noexcept override {
+    return *runtime_;
+  }
+
+  std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate> createAgentDelegate(
+      jsinspector_modern::FrontendChannel frontendChannel,
+      jsinspector_modern::SessionState& sessionState,
+      std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate::ExportedState>
+          previouslyExportedState,
+      const jsinspector_modern::ExecutionContextDescription&
+          executionContextDescription) override {
+    return std::unique_ptr<jsinspector_modern::RuntimeAgentDelegate>(
+        new jsinspector_modern::HermesRuntimeAgentDelegate(
+            frontendChannel,
+            sessionState,
+            std::move(previouslyExportedState),
+            executionContextDescription,
+            runtime_,
+            [msgQueueThreadWeak = std::weak_ptr(msgQueueThread_),
+             runtimeWeak = std::weak_ptr(runtime_)](auto fn) {
+              auto msgQueueThread = msgQueueThreadWeak.lock();
+              if (!msgQueueThread) {
+                return;
+              }
+              msgQueueThread->runOnQueue([runtimeWeak, fn]() {
+                auto runtime = runtimeWeak.lock();
+                if (!runtime) {
+                  return;
+                }
+                fn(*runtime);
+              });
+            }));
+  }
+
+ private:
+  std::shared_ptr<HermesRuntime> runtime_;
+  std::shared_ptr<MessageQueueThread> msgQueueThread_;
+};
+
+std::unique_ptr<JSRuntime> HermesInstance::createJSRuntime(
     std::shared_ptr<const ReactNativeConfig> reactNativeConfig,
     std::shared_ptr<::hermes::vm::CrashManager> cm,
     std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept {
@@ -106,6 +155,7 @@ std::unique_ptr<jsi::Runtime> HermesInstance::createJSRuntime(
   auto heapSizeMB = heapSizeConfig > 0
       ? static_cast<::hermes::vm::gcheapsize_t>(heapSizeConfig)
       : 3072;
+
   ::hermes::vm::RuntimeConfig::Builder runtimeConfigBuilder =
       ::hermes::vm::RuntimeConfig::Builder()
           .withGCConfig(::hermes::vm::GCConfig::Builder()
@@ -120,6 +170,7 @@ std::unique_ptr<jsi::Runtime> HermesInstance::createJSRuntime(
                             .build())
           .withES6Proxy(false)
           .withEnableSampleProfiling(true)
+          .withMicrotaskQueue(ReactNativeFeatureFlags::enableMicrotasks())
           .withVMExperimentFlags(vmExperimentFlags);
 
   if (cm) {
@@ -129,16 +180,18 @@ std::unique_ptr<jsi::Runtime> HermesInstance::createJSRuntime(
   std::unique_ptr<HermesRuntime> hermesRuntime =
       hermes::makeHermesRuntime(runtimeConfigBuilder.build());
 
-  jsi::addNativeTracingHooks(*hermesRuntime);
-
 #ifdef HERMES_ENABLE_DEBUGGER
-  std::unique_ptr<DecoratedRuntime> decoratedRuntime =
-      std::make_unique<DecoratedRuntime>(
-          std::move(hermesRuntime), msgQueueThread);
-  return decoratedRuntime;
+  auto& inspectorFlags = jsinspector_modern::InspectorFlags::getInstance();
+  if (!inspectorFlags.getEnableModernCDPRegistry()) {
+    std::unique_ptr<DecoratedRuntime> decoratedRuntime =
+        std::make_unique<DecoratedRuntime>(
+            std::move(hermesRuntime), msgQueueThread);
+    return std::make_unique<JSIRuntimeHolder>(std::move(decoratedRuntime));
+  }
 #endif
 
-  return hermesRuntime;
+  return std::make_unique<HermesJSRuntime>(
+      std::move(hermesRuntime), std::move(msgQueueThread));
 }
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/runtime/hermes/HermesInstance.h b/packages/react-native/ReactCommon/react/runtime/hermes/HermesInstance.h
index 63f3f73ba42f84..71b08d2fd5b07c 100644
--- a/packages/react-native/ReactCommon/react/runtime/hermes/HermesInstance.h
+++ b/packages/react-native/ReactCommon/react/runtime/hermes/HermesInstance.h
@@ -11,12 +11,13 @@
 #include <hermes/hermes.h>
 #include <jsi/jsi.h>
 #include <react/config/ReactNativeConfig.h>
+#include <react/runtime/JSRuntimeFactory.h>
 
 namespace facebook::react {
 
 class HermesInstance {
  public:
-  static std::unique_ptr<jsi::Runtime> createJSRuntime(
+  static std::unique_ptr<JSRuntime> createJSRuntime(
       std::shared_ptr<const ReactNativeConfig> reactNativeConfig,
       std::shared_ptr<::hermes::vm::CrashManager> cm,
       std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept;
diff --git a/packages/react-native/ReactCommon/react/runtime/iostests/RCTHostTests.mm b/packages/react-native/ReactCommon/react/runtime/iostests/RCTHostTests.mm
index 606d2d9dabd1f1..de2e016b95afc4 100644
--- a/packages/react-native/ReactCommon/react/runtime/iostests/RCTHostTests.mm
+++ b/packages/react-native/ReactCommon/react/runtime/iostests/RCTHostTests.mm
@@ -56,7 +56,7 @@ - (void)setUp
   _subject = [[RCTHost alloc] initWithBundleURL:OCMClassMock([NSURL class])
                                    hostDelegate:_mockHostDelegate
                      turboModuleManagerDelegate:OCMProtocolMock(@protocol(RCTTurboModuleManagerDelegate))
-                               jsEngineProvider:^std::shared_ptr<facebook::react::JSEngineInstance>() {
+                               jsEngineProvider:^std::shared_ptr<facebook::react::JSRuntimeFactory>() {
                                  return std::make_shared<facebook::react::RCTHermesInstance>();
                                }];
 }
diff --git a/packages/react-native/ReactCommon/react/runtime/nativeviewconfig/LegacyUIManagerConstantsProviderBinding.cpp b/packages/react-native/ReactCommon/react/runtime/nativeviewconfig/LegacyUIManagerConstantsProviderBinding.cpp
index 692b5b7e74b4e3..ae10b3f32ff8e9 100644
--- a/packages/react-native/ReactCommon/react/runtime/nativeviewconfig/LegacyUIManagerConstantsProviderBinding.cpp
+++ b/packages/react-native/ReactCommon/react/runtime/nativeviewconfig/LegacyUIManagerConstantsProviderBinding.cpp
@@ -9,8 +9,11 @@
 
 namespace facebook::react::LegacyUIManagerConstantsProviderBinding {
 
-void install(jsi::Runtime& runtime, ProviderType&& provider) {
-  auto name = "RN$LegacyInterop_UIManager_getConstants";
+void install(
+    jsi::Runtime& runtime,
+    const std::string& name,
+    std::function<jsi::Value()>&& provider) {
+  auto methodName = "RN$LegacyInterop_UIManager_" + name;
   auto hostFunction = [provider = std::move(provider)](
                           jsi::Runtime& runtime,
                           const jsi::Value& /*thisValue*/,
@@ -25,6 +28,34 @@ void install(jsi::Runtime& runtime, ProviderType&& provider) {
   auto jsiFunction = jsi::Function::createFromHostFunction(
       runtime, jsi::PropNameID::forAscii(runtime, name), 2, hostFunction);
 
-  runtime.global().setProperty(runtime, name, jsiFunction);
+  runtime.global().setProperty(runtime, methodName.c_str(), jsiFunction);
 }
+
+void install(
+    jsi::Runtime& runtime,
+    const std::string& name,
+    std::function<jsi::Value(std::string)>&& provider) {
+  auto methodName = "RN$LegacyInterop_UIManager_" + name;
+  auto hostFunction = [provider = std::move(provider)](
+                          jsi::Runtime& runtime,
+                          const jsi::Value& /*thisValue*/,
+                          const jsi::Value* args,
+                          size_t count) -> jsi::Value {
+    if (count != 1) {
+      throw new jsi::JSError(runtime, "1 argument expected.");
+    }
+
+    if (!args[0].isString()) {
+      throw new jsi::JSError(runtime, "First argument must be string.");
+    }
+
+    return provider(args[0].asString(runtime).utf8(runtime));
+  };
+
+  auto jsiFunction = jsi::Function::createFromHostFunction(
+      runtime, jsi::PropNameID::forAscii(runtime, name), 2, hostFunction);
+
+  runtime.global().setProperty(runtime, methodName.c_str(), jsiFunction);
+}
+
 } // namespace facebook::react::LegacyUIManagerConstantsProviderBinding
diff --git a/packages/react-native/ReactCommon/react/runtime/nativeviewconfig/LegacyUIManagerConstantsProviderBinding.h b/packages/react-native/ReactCommon/react/runtime/nativeviewconfig/LegacyUIManagerConstantsProviderBinding.h
index 097de4e19946da..eadf6f296aec4c 100644
--- a/packages/react-native/ReactCommon/react/runtime/nativeviewconfig/LegacyUIManagerConstantsProviderBinding.h
+++ b/packages/react-native/ReactCommon/react/runtime/nativeviewconfig/LegacyUIManagerConstantsProviderBinding.h
@@ -18,5 +18,12 @@ using ProviderType = std::function<jsi::Value()>;
  * runtime. It is supposed to be used as a substitute to UIManager.getConstants
  * in bridgeless mode.
  */
-void install(jsi::Runtime& runtime, ProviderType&& provider);
+void install(
+    jsi::Runtime& runtime,
+    const std::string& name,
+    std::function<jsi::Value()>&& provider);
+void install(
+    jsi::Runtime& runtime,
+    const std::string& name,
+    std::function<jsi::Value(std::string)>&& provider);
 } // namespace facebook::react::LegacyUIManagerConstantsProviderBinding
diff --git a/packages/react-native/ReactCommon/react/runtime/platform/ios/React-RuntimeApple.podspec b/packages/react-native/ReactCommon/react/runtime/platform/ios/React-RuntimeApple.podspec
index a56449fbaac581..589d097f890019 100644
--- a/packages/react-native/ReactCommon/react/runtime/platform/ios/React-RuntimeApple.podspec
+++ b/packages/react-native/ReactCommon/react/runtime/platform/ios/React-RuntimeApple.podspec
@@ -16,8 +16,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-gnu-zero-variadic-macro-arguments'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 folly_dep_name = 'RCT-Folly/Fabric'
 boost_compiler_flags = '-Wno-documentation'
 
@@ -64,6 +65,7 @@ Pod::Spec.new do |s|
   s.dependency "React-RuntimeCore"
   s.dependency "React-Mapbuffer"
   s.dependency "React-jserrorhandler"
+  s.dependency "React-jsinspector"
 
   if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
     s.dependency "hermes-engine"
diff --git a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHermesInstance.h b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHermesInstance.h
index 09d33ff3c57e42..f2d3ed4b20405a 100644
--- a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHermesInstance.h
+++ b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHermesInstance.h
@@ -10,7 +10,7 @@
 #import <cxxreact/MessageQueueThread.h>
 #import <hermes/Public/CrashManager.h>
 #import <jsi/jsi.h>
-#import <react/runtime/JSEngineInstance.h>
+#import <react/runtime/JSRuntimeFactory.h>
 #import <react/runtime/hermes/HermesInstance.h>
 
 namespace facebook {
@@ -19,14 +19,14 @@ using CrashManagerProvider =
     std::function<std::shared_ptr<::hermes::vm::CrashManager>()>;
 
 // ObjC++ wrapper for HermesInstance.cpp
-class RCTHermesInstance : public JSEngineInstance {
+class RCTHermesInstance : public JSRuntimeFactory {
  public:
   RCTHermesInstance();
   RCTHermesInstance(
       std::shared_ptr<const ReactNativeConfig> reactNativeConfig,
       CrashManagerProvider crashManagerProvider);
 
-  std::unique_ptr<jsi::Runtime> createJSRuntime(
+  std::unique_ptr<JSRuntime> createJSRuntime(
       std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept override;
 
   ~RCTHermesInstance(){};
diff --git a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHermesInstance.mm b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHermesInstance.mm
index 04335ccd9c2a13..c3e4951ded603e 100644
--- a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHermesInstance.mm
+++ b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHermesInstance.mm
@@ -20,7 +20,7 @@
 {
 }
 
-std::unique_ptr<jsi::Runtime> RCTHermesInstance::createJSRuntime(
+std::unique_ptr<JSRuntime> RCTHermesInstance::createJSRuntime(
     std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept
 {
   return _hermesInstance->createJSRuntime(
diff --git a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost.h b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost.h
index 2d57954823b273..6b869377a836a5 100644
--- a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost.h
+++ b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost.h
@@ -9,7 +9,7 @@
 
 #import <React/RCTDefines.h>
 #import <react/renderer/core/ReactPrimitives.h>
-#import <react/runtime/JSEngineInstance.h>
+#import <react/runtime/JSRuntimeFactory.h>
 
 #import "RCTInstance.h"
 
@@ -41,7 +41,7 @@ NS_ASSUME_NONNULL_BEGIN
 
 @end
 
-typedef std::shared_ptr<facebook::react::JSEngineInstance> (^RCTHostJSEngineProvider)(void);
+typedef std::shared_ptr<facebook::react::JSRuntimeFactory> (^RCTHostJSEngineProvider)(void);
 
 @interface RCTHost : NSObject
 
diff --git a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost.mm b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost.mm
index f733d5514f6c8d..85602c4c8a6f8a 100644
--- a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost.mm
+++ b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTHost.mm
@@ -12,17 +12,36 @@
 #import <React/RCTBridgeModule.h>
 #import <React/RCTConvert.h>
 #import <React/RCTFabricSurface.h>
+#import <React/RCTInspectorDevServerHelper.h>
 #import <React/RCTJSThread.h>
 #import <React/RCTLog.h>
 #import <React/RCTMockDef.h>
 #import <React/RCTPerformanceLogger.h>
 #import <React/RCTReloadCommand.h>
+#import <jsinspector-modern/InspectorFlags.h>
+#import <jsinspector-modern/InspectorInterfaces.h>
+#import <jsinspector-modern/ReactCdp.h>
+#import <optional>
 
 RCT_MOCK_DEF(RCTHost, _RCTLogNativeInternal);
 #define _RCTLogNativeInternal RCT_MOCK_USE(RCTHost, _RCTLogNativeInternal)
 
 using namespace facebook::react;
 
+class RCTHostPageTargetDelegate : public facebook::react::jsinspector_modern::PageTargetDelegate {
+ public:
+  RCTHostPageTargetDelegate(RCTHost *host) : host_(host) {}
+
+  void onReload(const PageReloadRequest &request) override
+  {
+    RCTAssertMainQueue();
+    [static_cast<id<RCTReloadListener>>(host_) didReceiveReloadCommand];
+  }
+
+ private:
+  __weak RCTHost *host_;
+};
+
 @interface RCTHost () <RCTReloadListener, RCTInstanceDelegate>
 @end
 
@@ -47,6 +66,10 @@ @implementation RCTHost {
   std::vector<__weak RCTFabricSurface *> _attachedSurfaces;
 
   RCTModuleRegistry *_moduleRegistry;
+
+  std::unique_ptr<RCTHostPageTargetDelegate> _inspectorPageDelegate;
+  std::shared_ptr<jsinspector_modern::PageTarget> _inspectorTarget;
+  std::optional<int> _inspectorPageId;
 }
 
 + (void)initialize
@@ -133,6 +156,8 @@ - (instancetype)initWithBundleURL:(NSURL *)bundleURL
     dispatch_async(dispatch_get_main_queue(), ^{
       RCTRegisterReloadCommandListener(self);
     });
+
+    _inspectorPageDelegate = std::make_unique<RCTHostPageTargetDelegate>(self);
   }
   return self;
 }
@@ -141,17 +166,45 @@ - (instancetype)initWithBundleURL:(NSURL *)bundleURL
 
 - (void)start
 {
+  auto &inspectorFlags = jsinspector_modern::InspectorFlags::getInstance();
+  if (inspectorFlags.getEnableModernCDPRegistry() && !_inspectorPageId.has_value()) {
+    _inspectorTarget =
+        facebook::react::jsinspector_modern::PageTarget::create(*_inspectorPageDelegate, [](auto callback) {
+          RCTExecuteOnMainQueue(^{
+            callback();
+          });
+        });
+    __weak RCTHost *weakSelf = self;
+    _inspectorPageId = facebook::react::jsinspector_modern::getInspectorInstance().addPage(
+        "React Native Bridgeless (Experimental)",
+        /* vm */ "",
+        [weakSelf](std::unique_ptr<facebook::react::jsinspector_modern::IRemoteConnection> remote)
+            -> std::unique_ptr<facebook::react::jsinspector_modern::ILocalConnection> {
+          RCTHost *strongSelf = weakSelf;
+          if (!strongSelf) {
+            // This can happen if we're about to be dealloc'd. Reject the connection.
+            return nullptr;
+          }
+          return strongSelf->_inspectorTarget->connect(
+              std::move(remote),
+              {
+                  .integrationName = "iOS Bridgeless (RCTHost)",
+              });
+        },
+        {.nativePageReloads = true});
+  }
   if (_instance) {
     RCTLogWarn(
         @"RCTHost should not be creating a new instance if one already exists. This implies there is a bug with how/when this method is being called.");
     [_instance invalidate];
   }
   _instance = [[RCTInstance alloc] initWithDelegate:self
-                                   jsEngineInstance:[self _provideJSEngine]
+                                   jsRuntimeFactory:[self _provideJSEngine]
                                       bundleManager:_bundleManager
                          turboModuleManagerDelegate:_turboModuleManagerDelegate
                                 onInitialBundleLoad:_onInitialBundleLoad
-                                     moduleRegistry:_moduleRegistry];
+                                     moduleRegistry:_moduleRegistry
+                              parentInspectorTarget:_inspectorTarget.get()];
   [_hostDelegate hostDidStart:self];
 }
 
@@ -214,11 +267,12 @@ - (void)didReceiveReloadCommand
   }
 
   _instance = [[RCTInstance alloc] initWithDelegate:self
-                                   jsEngineInstance:[self _provideJSEngine]
+                                   jsRuntimeFactory:[self _provideJSEngine]
                                       bundleManager:_bundleManager
                          turboModuleManagerDelegate:_turboModuleManagerDelegate
                                 onInitialBundleLoad:_onInitialBundleLoad
-                                     moduleRegistry:_moduleRegistry];
+                                     moduleRegistry:_moduleRegistry
+                              parentInspectorTarget:_inspectorTarget.get()];
   [_hostDelegate hostDidStart:self];
 
   for (RCTFabricSurface *surface in [self _getAttachedSurfaces]) {
@@ -229,6 +283,11 @@ - (void)didReceiveReloadCommand
 - (void)dealloc
 {
   [_instance invalidate];
+  if (_inspectorPageId.has_value()) {
+    facebook::react::jsinspector_modern::getInspectorInstance().removePage(*_inspectorPageId);
+    _inspectorPageId.reset();
+    _inspectorTarget.reset();
+  }
 }
 
 #pragma mark - RCTInstanceDelegate
@@ -290,10 +349,10 @@ - (void)_attachSurface:(RCTFabricSurface *)surface
   return surfaces;
 }
 
-- (std::shared_ptr<facebook::react::JSEngineInstance>)_provideJSEngine
+- (std::shared_ptr<facebook::react::JSRuntimeFactory>)_provideJSEngine
 {
   RCTAssert(_jsEngineProvider, @"_jsEngineProvider must be non-nil");
-  std::shared_ptr<facebook::react::JSEngineInstance> jsEngine = _jsEngineProvider();
+  std::shared_ptr<facebook::react::JSRuntimeFactory> jsEngine = _jsEngineProvider();
   RCTAssert(jsEngine != nullptr, @"_jsEngineProvider must return a nonnull pointer");
 
   return jsEngine;
diff --git a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTInstance.h b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTInstance.h
index a3d34d0c59f38e..3a2422e3c53e69 100644
--- a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTInstance.h
+++ b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTInstance.h
@@ -8,8 +8,9 @@
 #import <React/RCTUIKit.h> // [macOS]
 
 #import <React/RCTDefines.h>
+#import <jsinspector-modern/ReactCdp.h>
 #import <react/renderer/mapbuffer/MapBuffer.h>
-#import <react/runtime/JSEngineInstance.h>
+#import <react/runtime/JSRuntimeFactory.h>
 #import <react/runtime/ReactInstance.h>
 
 #import "RCTContextContainerHandling.h"
@@ -56,11 +57,12 @@ typedef void (^_Null_unspecified RCTInstanceInitialBundleLoadCompletionBlock)();
 @interface RCTInstance : NSObject
 
 - (instancetype)initWithDelegate:(id<RCTInstanceDelegate>)delegate
-                jsEngineInstance:(std::shared_ptr<facebook::react::JSEngineInstance>)jsEngineInstance
+                jsRuntimeFactory:(std::shared_ptr<facebook::react::JSRuntimeFactory>)jsRuntimeFactory
                    bundleManager:(RCTBundleManager *)bundleManager
       turboModuleManagerDelegate:(id<RCTTurboModuleManagerDelegate>)turboModuleManagerDelegate
              onInitialBundleLoad:(RCTInstanceInitialBundleLoadCompletionBlock)onInitialBundleLoad
-                  moduleRegistry:(RCTModuleRegistry *)moduleRegistry;
+                  moduleRegistry:(RCTModuleRegistry *)moduleRegistry
+           parentInspectorTarget:(facebook::react::jsinspector_modern::PageTarget *)parentInspectorTarget;
 
 - (void)callFunctionOnJSModule:(NSString *)moduleName method:(NSString *)method args:(NSArray *)args;
 
diff --git a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTInstance.mm b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTInstance.mm
index 64a0b1e186bba6..e3b5d2c3c8ed0b 100644
--- a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTInstance.mm
+++ b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTInstance.mm
@@ -12,6 +12,7 @@
 
 #import <React/NSDataBigString.h>
 #import <React/RCTAssert.h>
+#import <React/RCTBridge+Private.h>
 #import <React/RCTBridge.h>
 #import <React/RCTBridgeModule.h>
 #import <React/RCTBridgeModuleDecorator.h>
@@ -31,6 +32,7 @@
 #import <ReactCommon/RCTTurboModuleManager.h>
 #import <ReactCommon/RuntimeExecutor.h>
 #import <cxxreact/ReactMarker.h>
+#import <jsinspector-modern/ReactCdp.h>
 #import <jsireact/JSIExecutor.h>
 #import <react/runtime/BridgelessJSCallInvoker.h>
 #import <react/utils/ContextContainer.h>
@@ -62,12 +64,12 @@ void RCTInstanceSetRuntimeDiagnosticFlags(NSString *flags)
   sRuntimeDiagnosticFlags = [flags copy];
 }
 
-@interface RCTInstance () <RCTTurboModuleManagerDelegate>
+@interface RCTInstance () <RCTTurboModuleManagerDelegate, RCTTurboModuleManagerRuntimeHandler>
 @end
 
 @implementation RCTInstance {
   std::unique_ptr<ReactInstance> _reactInstance;
-  std::shared_ptr<JSEngineInstance> _jsEngineInstance;
+  std::shared_ptr<JSRuntimeFactory> _jsRuntimeFactory;
   __weak id<RCTTurboModuleManagerDelegate> _appTMMDelegate;
   __weak id<RCTInstanceDelegate> _delegate;
   RCTSurfacePresenter *_surfacePresenter;
@@ -81,16 +83,19 @@ @implementation RCTInstance {
 
   // APIs supporting interop with native modules and view managers
   RCTBridgeModuleDecorator *_bridgeModuleDecorator;
+
+  jsinspector_modern::PageTarget *_parentInspectorTarget;
 }
 
 #pragma mark - Public
 
 - (instancetype)initWithDelegate:(id<RCTInstanceDelegate>)delegate
-                jsEngineInstance:(std::shared_ptr<facebook::react::JSEngineInstance>)jsEngineInstance
+                jsRuntimeFactory:(std::shared_ptr<facebook::react::JSRuntimeFactory>)jsRuntimeFactory
                    bundleManager:(RCTBundleManager *)bundleManager
       turboModuleManagerDelegate:(id<RCTTurboModuleManagerDelegate>)tmmDelegate
              onInitialBundleLoad:(RCTInstanceInitialBundleLoadCompletionBlock)onInitialBundleLoad
                   moduleRegistry:(RCTModuleRegistry *)moduleRegistry
+           parentInspectorTarget:(jsinspector_modern::PageTarget *)parentInspectorTarget
 {
   if (self = [super init]) {
     _performanceLogger = [RCTPerformanceLogger new];
@@ -98,7 +103,7 @@ - (instancetype)initWithDelegate:(id<RCTInstanceDelegate>)delegate
     [_performanceLogger markStartForTag:RCTPLReactInstanceInit];
 
     _delegate = delegate;
-    _jsEngineInstance = jsEngineInstance;
+    _jsRuntimeFactory = jsRuntimeFactory;
     _appTMMDelegate = tmmDelegate;
     _jsThreadManager = [RCTJSThreadManager new];
     _onInitialBundleLoad = onInitialBundleLoad;
@@ -106,6 +111,7 @@ - (instancetype)initWithDelegate:(id<RCTInstanceDelegate>)delegate
                                                                      moduleRegistry:moduleRegistry
                                                                       bundleManager:bundleManager
                                                                   callableJSModules:[RCTCallableJSModules new]];
+    _parentInspectorTarget = parentInspectorTarget;
     {
       __weak __typeof(self) weakSelf = self;
       [_bridgeModuleDecorator.callableJSModules
@@ -138,7 +144,9 @@ - (void)invalidate
 {
   std::lock_guard<std::mutex> lock(_invalidationMutex);
   _valid = false;
-
+  if (self->_reactInstance) {
+    self->_reactInstance->unregisterFromInspector();
+  }
   [_surfacePresenter suspend];
   [_jsThreadManager dispatchToJSThread:^{
     /**
@@ -149,7 +157,7 @@ - (void)invalidate
 
     // Clean up all the Resources
     self->_reactInstance = nullptr;
-    self->_jsEngineInstance = nullptr;
+    self->_jsRuntimeFactory = nullptr;
     self->_appTMMDelegate = nil;
     self->_delegate = nil;
     self->_displayLink = nil;
@@ -201,6 +209,17 @@ - (Class)getModuleClassFromName:(const char *)name
   return nullptr;
 }
 
+#pragma mark - RCTTurboModuleManagerRuntimeHandler
+
+- (RuntimeExecutor)runtimeExecutorForTurboModuleManager:(RCTTurboModuleManager *)turboModuleManager
+{
+  if (_valid) {
+    return _reactInstance->getBufferedRuntimeExecutor();
+  }
+
+  return nullptr;
+}
+
 #pragma mark - Private
 
 - (void)_start
@@ -218,10 +237,11 @@ - (void)_start
 
   // Create the React Instance
   _reactInstance = std::make_unique<ReactInstance>(
-      _jsEngineInstance->createJSRuntime(_jsThreadManager.jsMessageThread),
+      _jsRuntimeFactory->createJSRuntime(_jsThreadManager.jsMessageThread),
       _jsThreadManager.jsMessageThread,
       timerManager,
-      jsErrorHandlingFunc);
+      jsErrorHandlingFunc,
+      _parentInspectorTarget);
   _valid = true;
 
   RuntimeExecutor bufferedRuntimeExecutor = _reactInstance->getBufferedRuntimeExecutor();
@@ -243,7 +263,9 @@ - (void)_start
             if (strongSelf && strongSelf->_valid) {
               [strongSelf registerSegmentWithId:segmentId path:path];
             }
-          }];
+          }
+          runtime:_reactInstance->getJavaScriptContext()];
+  [RCTBridge setCurrentBridge:(RCTBridge *)bridgeProxy];
 
   // Set up TurboModules
   _turboModuleManager = [[RCTTurboModuleManager alloc]
@@ -251,6 +273,17 @@ - (void)_start
       bridgeModuleDecorator:_bridgeModuleDecorator
                    delegate:self
                   jsInvoker:std::make_shared<BridgelessJSCallInvoker>(bufferedRuntimeExecutor)];
+  _turboModuleManager.runtimeHandler = self;
+
+#if RCT_DEV
+  /**
+   * Instantiating DevMenu has the side-effect of registering
+   * shortcuts for CMD + d, CMD + i,  and CMD + n via RCTDevMenu.
+   * Therefore, when TurboModules are enabled, we must manually create this
+   * NativeModule.
+   */
+  [_turboModuleManager moduleForName:"RCTDevMenu"];
+#endif // end RCT_DEV
 
   // Initialize RCTModuleRegistry so that TurboModules can require other TurboModules.
   [_bridgeModuleDecorator.moduleRegistry setTurboModuleRegistry:_turboModuleManager];
diff --git a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTJscInstance.h b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTJscInstance.h
index bcb1393519d1b8..bdd653287d0c15 100644
--- a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTJscInstance.h
+++ b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTJscInstance.h
@@ -7,16 +7,16 @@
 
 #import <cxxreact/MessageQueueThread.h>
 #import <jsi/jsi.h>
-#import <react/runtime/JSEngineInstance.h>
+#import <react/runtime/JSRuntimeFactory.h>
 
 namespace facebook {
 namespace react {
 
-class RCTJscInstance : public JSEngineInstance {
+class RCTJscInstance : public JSRuntimeFactory {
  public:
   RCTJscInstance();
 
-  std::unique_ptr<jsi::Runtime> createJSRuntime(
+  std::unique_ptr<JSRuntime> createJSRuntime(
       std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept override;
 
   ~RCTJscInstance(){};
diff --git a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTJscInstance.mm b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTJscInstance.mm
index 168ddc3aa1228c..c56c466909de90 100644
--- a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTJscInstance.mm
+++ b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTJscInstance.mm
@@ -13,10 +13,9 @@
 
 RCTJscInstance::RCTJscInstance() {}
 
-std::unique_ptr<jsi::Runtime> RCTJscInstance::createJSRuntime(
-    std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept
+std::unique_ptr<JSRuntime> RCTJscInstance::createJSRuntime(std::shared_ptr<MessageQueueThread> msgQueueThread) noexcept
 {
-  return jsc::makeJSCRuntime();
+  return std::make_unique<JSIRuntimeHolder>(jsc::makeJSCRuntime());
 }
 
 } // namespace react
diff --git a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTLegacyUIManagerConstantsProvider.mm b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTLegacyUIManagerConstantsProvider.mm
index 0d66d5c4416dc9..5d8bc5ce83f9af 100644
--- a/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTLegacyUIManagerConstantsProvider.mm
+++ b/packages/react-native/ReactCommon/react/runtime/platform/ios/ReactCommon/RCTLegacyUIManagerConstantsProvider.mm
@@ -39,6 +39,6 @@
 void installLegacyUIManagerConstantsProviderBinding(jsi::Runtime &runtime)
 {
   auto constantsProvider = [&runtime]() -> jsi::Value { return getConstants(runtime); };
-  LegacyUIManagerConstantsProviderBinding::install(runtime, std::move(constantsProvider));
+  LegacyUIManagerConstantsProviderBinding::install(runtime, "getConstants", std::move(constantsProvider));
 }
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/runtime/tests/cxx/ReactInstanceTest.cpp b/packages/react-native/ReactCommon/react/runtime/tests/cxx/ReactInstanceTest.cpp
index 0d8ea7f3285006..3f8a36b39daa83 100644
--- a/packages/react-native/ReactCommon/react/runtime/tests/cxx/ReactInstanceTest.cpp
+++ b/packages/react-native/ReactCommon/react/runtime/tests/cxx/ReactInstanceTest.cpp
@@ -116,8 +116,9 @@ class ReactInstanceTest : public ::testing::Test {
   ReactInstanceTest() {}
 
   void SetUp() override {
-    auto runtime = hermes::makeHermesRuntime();
-    runtime_ = runtime.get();
+    auto runtime =
+        std::make_unique<JSIRuntimeHolder>(hermes::makeHermesRuntime());
+    runtime_ = &runtime->getRuntime();
     messageQueueThread_ = std::make_shared<MockMessageQueueThread>();
     auto mockRegistry = std::make_unique<MockTimerRegistry>();
     mockRegistry_ = mockRegistry.get();
diff --git a/packages/react-native/ReactCommon/react/test_utils/ios/Shims/ShimRCTInstance.mm b/packages/react-native/ReactCommon/react/test_utils/ios/Shims/ShimRCTInstance.mm
index 77476f9dfd3d52..a6be15a7f03011 100644
--- a/packages/react-native/ReactCommon/react/test_utils/ios/Shims/ShimRCTInstance.mm
+++ b/packages/react-native/ReactCommon/react/test_utils/ios/Shims/ShimRCTInstance.mm
@@ -23,7 +23,8 @@ - (instancetype)init
         [RCTInstance class],
         [ShimRCTInstance class],
         @selector(initWithDelegate:
-                  jsEngineInstance:bundleManager:turboModuleManagerDelegate:onInitialBundleLoad:moduleRegistry:));
+                  jsRuntimeFactory:bundleManager:turboModuleManagerDelegate:onInitialBundleLoad:moduleRegistry
+                                  :parentInspectorTarget:));
     RCTSwizzleInstanceSelector([RCTInstance class], [ShimRCTInstance class], @selector(invalidate));
     RCTSwizzleInstanceSelector(
         [RCTInstance class], [ShimRCTInstance class], @selector(callFunctionOnJSModule:method:args:));
@@ -38,7 +39,8 @@ - (void)reset
       [RCTInstance class],
       [ShimRCTInstance class],
       @selector(initWithDelegate:
-                jsEngineInstance:bundleManager:turboModuleManagerDelegate:onInitialBundleLoad:moduleRegistry:));
+                jsRuntimeFactory:bundleManager:turboModuleManagerDelegate:onInitialBundleLoad:moduleRegistry
+                                :parentInspectorTarget:));
   RCTSwizzleInstanceSelector([RCTInstance class], [ShimRCTInstance class], @selector(invalidate));
   RCTSwizzleInstanceSelector(
       [RCTInstance class], [ShimRCTInstance class], @selector(callFunctionOnJSModule:method:args:));
@@ -47,11 +49,12 @@ - (void)reset
 }
 
 - (instancetype)initWithDelegate:(id<RCTInstanceDelegate>)delegate
-                jsEngineInstance:(std::shared_ptr<facebook::react::JSEngineInstance>)jsEngineInstance
+                jsRuntimeFactory:(std::shared_ptr<facebook::react::JSRuntimeFactory>)jsRuntimeFactory
                    bundleManager:(RCTBundleManager *)bundleManager
       turboModuleManagerDelegate:(id<RCTTurboModuleManagerDelegate>)tmmDelegate
              onInitialBundleLoad:(RCTInstanceInitialBundleLoadCompletionBlock)onInitialBundleLoad
                   moduleRegistry:(RCTModuleRegistry *)moduleRegistry
+           parentInspectorTarget:(facebook::react::jsinspector_modern::PageTarget *)parentInspectorTarget
 {
   weakShim.initCount++;
   return self;
diff --git a/packages/react-native/ReactCommon/react/utils/CMakeLists.txt b/packages/react-native/ReactCommon/react/utils/CMakeLists.txt
index 495648afa6b365..b03c2870459128 100644
--- a/packages/react-native/ReactCommon/react/utils/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/react/utils/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DLOG_TAG=\"Fabric\")
 
 file(GLOB react_utils_SRC CONFIGURE_DEPENDS *.cpp *.mm)
@@ -23,4 +22,5 @@ target_include_directories(react_utils PUBLIC ${REACT_COMMON_DIR})
 target_link_libraries(react_utils
         glog
         glog_init
+        jsireact
         react_debug)
diff --git a/packages/react-native/ReactCommon/react/utils/CalledOnceMovableOnlyFunction.h b/packages/react-native/ReactCommon/react/utils/CalledOnceMovableOnlyFunction.h
deleted file mode 100644
index 8cf310e1cf01a4..00000000000000
--- a/packages/react-native/ReactCommon/react/utils/CalledOnceMovableOnlyFunction.h
+++ /dev/null
@@ -1,87 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include <functional>
-
-#include <react/debug/react_native_assert.h>
-
-namespace facebook::react {
-
-/*
- * Implements a moveable-only function that asserts if called more than once
- * or destroyed before calling.
- * Useful for use in debug mode to ensure such guarantees.
- */
-template <typename ReturnT = void, typename... ArgumentT>
-class CalledOnceMovableOnlyFunction {
-  using T = ReturnT(ArgumentT...);
-
-  std::function<T> function_;
-  bool wasCalled_;
-  bool wasMovedFrom_;
-
- public:
-  explicit CalledOnceMovableOnlyFunction(std::function<T>&& function)
-      : function_(std::move(function)) {
-    wasCalled_ = false;
-    wasMovedFrom_ = false;
-  }
-
-  ~CalledOnceMovableOnlyFunction() {
-    react_native_assert(
-        (wasCalled_ || wasMovedFrom_) &&
-        "`CalledOnceMovableOnlyFunction` is destroyed before being called.");
-  }
-
-  /*
-   * Not copyable.
-   */
-  CalledOnceMovableOnlyFunction(const CalledOnceMovableOnlyFunction& other) =
-      delete;
-  CalledOnceMovableOnlyFunction& operator=(
-      const CalledOnceMovableOnlyFunction& other) = delete;
-
-  /*
-   * Movable.
-   */
-  CalledOnceMovableOnlyFunction(
-      CalledOnceMovableOnlyFunction&& other) noexcept {
-    wasCalled_ = false;
-    wasMovedFrom_ = false;
-    other.wasMovedFrom_ = true;
-    function_ = std::move(other.function_);
-  };
-
-  CalledOnceMovableOnlyFunction& operator=(
-      CalledOnceMovableOnlyFunction&& other) noexcept {
-    react_native_assert(
-        (wasCalled_ || wasMovedFrom_) &&
-        "`CalledOnceMovableOnlyFunction` is re-assigned before being called.");
-    wasCalled_ = false;
-    wasMovedFrom_ = false;
-    other.wasMovedFrom_ = true;
-    function_ = std::move(other.function_);
-    return *this;
-  }
-
-  /*
-   * Callable.
-   */
-  ReturnT operator()(ArgumentT... args) {
-    react_native_assert(
-        !wasMovedFrom_ &&
-        "`CalledOnceMovableOnlyFunction` is called after being moved from.");
-    react_native_assert(
-        !wasCalled_ &&
-        "`CalledOnceMovableOnlyFunction` is called more than once.");
-
-    wasCalled_ = true;
-    return function_(args...);
-  }
-};
-
-} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/utils/CoreFeatures.cpp b/packages/react-native/ReactCommon/react/utils/CoreFeatures.cpp
index 80bd5287c5b602..1ae6897bfbc1cc 100644
--- a/packages/react-native/ReactCommon/react/utils/CoreFeatures.cpp
+++ b/packages/react-native/ReactCommon/react/utils/CoreFeatures.cpp
@@ -10,18 +10,12 @@
 namespace facebook::react {
 
 bool CoreFeatures::enablePropIteratorSetter = false;
-bool CoreFeatures::blockPaintForUseLayoutEffect = false;
-bool CoreFeatures::useNativeState = false;
 bool CoreFeatures::cacheLastTextMeasurement = false;
-bool CoreFeatures::cancelImageDownloadsOnRecycle = false;
 bool CoreFeatures::enableGranularScrollViewStateUpdatesIOS = false;
 bool CoreFeatures::enableMountHooks = false;
-bool CoreFeatures::doNotSwapLeftAndRightOnAndroidInLTR = false;
-bool CoreFeatures::enableCleanParagraphYogaNode = false;
-bool CoreFeatures::disableScrollEventThrottleRequirement = false;
 bool CoreFeatures::enableGranularShadowTreeStateReconciliation = false;
-bool CoreFeatures::enableDefaultAsyncBatchedPriority = false;
 bool CoreFeatures::enableClonelessStateProgression = false;
 bool CoreFeatures::excludeYogaFromRawProps = false;
+bool CoreFeatures::enableReportEventPaintTime = false;
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/utils/CoreFeatures.h b/packages/react-native/ReactCommon/react/utils/CoreFeatures.h
index 082631b485bc15..1cf5dc68d1e2df 100644
--- a/packages/react-native/ReactCommon/react/utils/CoreFeatures.h
+++ b/packages/react-native/ReactCommon/react/utils/CoreFeatures.h
@@ -19,25 +19,12 @@ class CoreFeatures {
   // Specifies whether the iterator-style prop parsing is enabled.
   static bool enablePropIteratorSetter;
 
-  // When enabled, Fabric will block paint to allow for state updates in
-  // useLayoutEffect hooks to be processed. This changes affects scheduling of
-  // when a transaction is mounted.
-  static bool blockPaintForUseLayoutEffect;
-
-  // Whether to use Hermes' NativeState instead of HostObject
-  // in simple data passing scenarios with JS
-  static bool useNativeState;
-
   // Yoga might measure multiple times the same Text with the same constraints
   // This flag enables a caching mechanism to avoid subsequents measurements
   // of the same Text with the same constrainst.
   // On iOS, we also cache NSTextStorage.
   static bool cacheLastTextMeasurement;
 
-  // Fabric was not cancelling image downloads when <ImageView /> was removed
-  // from view hierarchy. This feature flag enables this feature.
-  static bool cancelImageDownloadsOnRecycle;
-
   // When enabled, RCTScrollViewComponentView will trigger ShadowTree state
   // updates for all changes in scroll position.
   static bool enableGranularScrollViewStateUpdatesIOS;
@@ -45,28 +32,19 @@ class CoreFeatures {
   // Report mount operations from the host platform to notify mount hooks.
   static bool enableMountHooks;
 
-  // Only swap left and right on Android in RTL scripts.
-  static bool doNotSwapLeftAndRightOnAndroidInLTR;
-
-  // Clean yoga node when <Text /> does not change.
-  static bool enableCleanParagraphYogaNode;
-
-  // Fire `onScroll` events continuously on iOS without a `scrollEventThrottle`
-  // props, and provide continuous `onScroll` upates like other platforms.
-  static bool disableScrollEventThrottleRequirement;
-
   // When enabled, the renderer would only fail commits when they propagate
   // state and the last commit that updated state changed before committing.
   static bool enableGranularShadowTreeStateReconciliation;
 
-  // Default state updates and events to async batched priority.
-  static bool enableDefaultAsyncBatchedPriority;
-
   // When enabled, Fabric will avoid cloning notes to perform state progression.
   static bool enableClonelessStateProgression;
 
   // When enabled, rawProps in Props will not include Yoga specific props.
   static bool excludeYogaFromRawProps;
+
+  // Report paint time inside the Event Timing API implementation
+  // (PerformanceObserver).
+  static bool enableReportEventPaintTime;
 };
 
 } // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/utils/PackTraits.h b/packages/react-native/ReactCommon/react/utils/PackTraits.h
new file mode 100644
index 00000000000000..91d912f4a06543
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/utils/PackTraits.h
@@ -0,0 +1,31 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <algorithm>
+#include <cstdint>
+#include <type_traits>
+
+namespace facebook::react::traits {
+
+template <typename ExpectedT>
+static constexpr bool containsType() {
+  return false;
+}
+
+template <typename ExpectedT, typename FirstT, typename... RestT>
+static constexpr bool containsType() {
+  if constexpr (sizeof...(RestT) > 0) {
+    return std::is_same_v<ExpectedT, FirstT> ||
+        containsType<ExpectedT, RestT...>();
+  } else {
+    return std::is_same_v<ExpectedT, FirstT>;
+  }
+}
+
+} // namespace facebook::react::traits
diff --git a/packages/react-native/ReactCommon/react/utils/React-utils.podspec b/packages/react-native/ReactCommon/react/utils/React-utils.podspec
index e22b2c280329b6..1de039b052e0a5 100644
--- a/packages/react-native/ReactCommon/react/utils/React-utils.podspec
+++ b/packages/react-native/ReactCommon/react/utils/React-utils.podspec
@@ -16,8 +16,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 header_search_paths = [
     "\"$(PODS_ROOT)/RCT-Folly\"",
@@ -25,10 +26,6 @@ header_search_paths = [
     "\"$(PODS_TARGET_SRCROOT)/ReactCommon\"",
 ]
 
-if ENV["USE_FRAMEWORKS"]
-  header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-debug/React_debug.framework/Headers\""
-end
-
 Pod::Spec.new do |s|
   s.name                   = "React-utils"
   s.version                = version
@@ -52,6 +49,14 @@ Pod::Spec.new do |s|
   end
 
   s.dependency "RCT-Folly", folly_version
-  s.dependency "React-debug"
+  s.dependency "React-jsi", version
   s.dependency "glog"
+
+  if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
+    s.dependency "hermes-engine"
+  else
+    s.dependency "React-jsc"
+  end
+
+  add_dependency(s, "React-debug")
 end
diff --git a/packages/react-native/ReactCommon/react/utils/fnv1a.h b/packages/react-native/ReactCommon/react/utils/fnv1a.h
index fe2721d4bc018f..20c5b341e18880 100644
--- a/packages/react-native/ReactCommon/react/utils/fnv1a.h
+++ b/packages/react-native/ReactCommon/react/utils/fnv1a.h
@@ -7,6 +7,10 @@
 
 #pragma once
 
+#include <cstdint>
+#include <functional>
+#include <string_view>
+
 namespace facebook::react {
 
 /**
@@ -17,13 +21,14 @@ namespace facebook::react {
  * when std::hash does not provide the needed functionality. For example,
  * constexpr.
  */
+template <typename CharTransformT = std::identity>
 constexpr uint32_t fnv1a(std::string_view string) noexcept {
   constexpr uint32_t offset_basis = 2166136261;
 
   uint32_t hash = offset_basis;
 
   for (auto const& c : string) {
-    hash ^= static_cast<int8_t>(c);
+    hash ^= static_cast<int8_t>(CharTransformT{}(c));
     // Using shifts and adds instead of multiplication with a prime number.
     // This is faster when compiled with optimizations.
     hash +=
diff --git a/packages/react-native/ReactCommon/react/utils/hash_combine.h b/packages/react-native/ReactCommon/react/utils/hash_combine.h
index 2cb16d84a9f7dc..dab82ca53aae77 100644
--- a/packages/react-native/ReactCommon/react/utils/hash_combine.h
+++ b/packages/react-native/ReactCommon/react/utils/hash_combine.h
@@ -8,20 +8,22 @@
 #pragma once
 
 #include <functional>
+#include <type_traits>
 
 namespace facebook::react {
 
-template <
-    typename T,
-    typename... Rest,
-    bool Enabled = !std::is_same<T, const char*>::value,
-    typename = typename std::enable_if<Enabled>::type>
+template <typename T>
+concept Hashable = !std::is_same_v<T, const char*> && (requires(T a) {
+  { std::hash<T>{}(a) } -> std::convertible_to<std::size_t>;
+});
+
+template <Hashable T, Hashable... Rest>
 void hash_combine(std::size_t& seed, const T& v, const Rest&... rest) {
   seed ^= std::hash<T>{}(v) + 0x9e3779b9 + (seed << 6) + (seed >> 2);
   (hash_combine(seed, rest), ...);
 }
 
-template <typename T, typename... Args>
+template <Hashable T, Hashable... Args>
 std::size_t hash_combine(const T& v, const Args&... args) {
   std::size_t seed = 0;
   hash_combine<T, Args...>(seed, v, args...);
diff --git a/packages/react-native/ReactCommon/react/utils/jsi.cpp b/packages/react-native/ReactCommon/react/utils/jsi.cpp
new file mode 100644
index 00000000000000..4cdc1580d94379
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/utils/jsi.cpp
@@ -0,0 +1,39 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include "jsi.h"
+
+namespace facebook::react {
+
+void defineReadOnlyGlobal(
+    jsi::Runtime& runtime,
+    const std::string& propName,
+    jsi::Value&& value) {
+  auto global = runtime.global();
+  if (global.hasProperty(runtime, propName.c_str())) {
+    throw jsi::JSError(
+        runtime,
+        "Tried to redefine read-only global \"" + propName +
+            "\", but read-only globals can only be defined once.");
+  }
+  jsi::Object jsObject =
+      global.getProperty(runtime, "Object").asObject(runtime);
+  jsi::Function defineProperty = jsObject.getProperty(runtime, "defineProperty")
+                                     .asObject(runtime)
+                                     .asFunction(runtime);
+
+  jsi::Object descriptor = jsi::Object(runtime);
+  descriptor.setProperty(runtime, "value", std::move(value));
+  defineProperty.callWithThis(
+      runtime,
+      jsObject,
+      global,
+      jsi::String::createFromUtf8(runtime, propName),
+      descriptor);
+}
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/utils/jsi.h b/packages/react-native/ReactCommon/react/utils/jsi.h
new file mode 100644
index 00000000000000..2459b8917dbcd9
--- /dev/null
+++ b/packages/react-native/ReactCommon/react/utils/jsi.h
@@ -0,0 +1,31 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <jsi/jsi.h>
+#include <string>
+
+namespace facebook::react {
+
+/**
+ * Defines a property on the global object that is neither enumerable, nor
+ * configurable, nor writable. This ensures that the private globals exposed by
+ * ReactInstance cannot overwritten by third-party JavaScript code. It also
+ * ensures that third-party JavaScript code unaware of these globals isn't able
+ * to accidentally access them. In JavaScript, equivalent to:
+ *
+ * Object.defineProperty(global, propName, {
+ *   value: value
+ * })
+ */
+void defineReadOnlyGlobal(
+    jsi::Runtime& runtime,
+    const std::string& propName,
+    jsi::Value&& value);
+
+} // namespace facebook::react
diff --git a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/YogaStylablePropsMapBuffer.h b/packages/react-native/ReactCommon/react/utils/to_underlying.h
similarity index 52%
rename from packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/YogaStylablePropsMapBuffer.h
rename to packages/react-native/ReactCommon/react/utils/to_underlying.h
index 2d0c7c1456c942..6d8d19d2b34525 100644
--- a/packages/react-native/ReactCommon/react/renderer/components/view/platform/android/react/renderer/components/view/YogaStylablePropsMapBuffer.h
+++ b/packages/react-native/ReactCommon/react/utils/to_underlying.h
@@ -7,16 +7,16 @@
 
 #pragma once
 
-#ifdef ANDROID
-
-#include <react/renderer/mapbuffer/MapBuffer.h>
+#include <type_traits>
 
 namespace facebook::react {
 
-// Yoga values
-constexpr MapBuffer::Key YG_BORDER_WIDTH = 100;
-constexpr MapBuffer::Key YG_OVERFLOW = 101;
+/**
+ * Polyfill of C++ 23 to_underlying()
+ * https://en.cppreference.com/w/cpp/utility/to_underlying
+ */
+constexpr auto to_underlying(auto e) noexcept {
+  return static_cast<std::underlying_type_t<decltype(e)>>(e);
+}
 
 } // namespace facebook::react
-
-#endif
diff --git a/packages/react-native/ReactCommon/reactperflogger/CMakeLists.txt b/packages/react-native/ReactCommon/reactperflogger/CMakeLists.txt
index d3120f62a8e76f..1f19cda575dfda 100644
--- a/packages/react-native/ReactCommon/reactperflogger/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/reactperflogger/CMakeLists.txt
@@ -11,8 +11,7 @@ add_compile_options(
         -frtti
         -std=c++20
         -Wall
-        -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments)
+        -Wpedantic)
 
 file(GLOB reactperflogger_SRC CONFIGURE_DEPENDS reactperflogger/*.cpp)
 add_library(reactperflogger STATIC ${reactperflogger_SRC})
diff --git a/packages/react-native/ReactCommon/reactperflogger/React-perflogger.podspec b/packages/react-native/ReactCommon/reactperflogger/React-perflogger.podspec
index 1064755f35d515..e672bf66c8a35f 100644
--- a/packages/react-native/ReactCommon/reactperflogger/React-perflogger.podspec
+++ b/packages/react-native/ReactCommon/reactperflogger/React-perflogger.podspec
@@ -16,8 +16,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
diff --git a/packages/react-native/ReactCommon/runtimeexecutor/CMakeLists.txt b/packages/react-native/ReactCommon/runtimeexecutor/CMakeLists.txt
index 315341a91fe698..2ff283f8bcb74f 100644
--- a/packages/react-native/ReactCommon/runtimeexecutor/CMakeLists.txt
+++ b/packages/react-native/ReactCommon/runtimeexecutor/CMakeLists.txt
@@ -11,8 +11,7 @@ add_compile_options(
         -frtti
         -std=c++20
         -Wall
-        -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments)
+        -Wpedantic)
 
 file(GLOB_RECURSE runtimeexecutor_SRC CONFIGURE_DEPENDS *.cpp *.h)
 
diff --git a/packages/react-native/ReactCommon/runtimeexecutor/React-runtimeexecutor.podspec b/packages/react-native/ReactCommon/runtimeexecutor/React-runtimeexecutor.podspec
index a3921212304c89..c5d93824a867e8 100644
--- a/packages/react-native/ReactCommon/runtimeexecutor/React-runtimeexecutor.podspec
+++ b/packages/react-native/ReactCommon/runtimeexecutor/React-runtimeexecutor.podspec
@@ -16,8 +16,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 boost_compiler_flags = '-Wno-documentation'
 
 Pod::Spec.new do |s|
diff --git a/packages/react-native/ReactCommon/yoga/Yoga.podspec b/packages/react-native/ReactCommon/yoga/Yoga.podspec
index 2288fbcae6ef32..a84876951aa67c 100644
--- a/packages/react-native/ReactCommon/yoga/Yoga.podspec
+++ b/packages/react-native/ReactCommon/yoga/Yoga.podspec
@@ -16,10 +16,10 @@ end
 
 Pod::Spec.new do |spec|
   spec.name = 'Yoga'
-  spec.version = '1.14.0'
+  spec.version = '0.0.0'
   spec.license =  { :type => 'MIT' }
-  spec.homepage = 'https://yogalayout.com'
-  spec.documentation_url = 'https://yogalayout.com/docs/'
+  spec.homepage = 'https://yogalayout.dev'
+  spec.documentation_url = 'https://yogalayout.dev/docs/'
 
   spec.summary = 'Yoga is a cross-platform layout engine which implements Flexbox.'
   spec.description = 'Yoga is a cross-platform layout engine enabling maximum collaboration within your team by implementing an API many designers are familiar with, and opening it up to developers across different platforms.'
@@ -52,7 +52,7 @@ Pod::Spec.new do |spec|
   spec.source_files = source_files
   spec.header_mappings_dir = 'yoga'
 
-  public_header_files = 'yoga/{Yoga,YGEnums,YGMacros,YGValue}.h'
+  public_header_files = 'yoga/*.h'
   public_header_files = File.join('ReactCommon/yoga', public_header_files) if ENV['INSTALL_YOGA_WITHOUT_PATH_OPTION']
   spec.public_header_files = public_header_files
 
diff --git a/packages/react-native/ReactCommon/yoga/cmake/project-defaults.cmake b/packages/react-native/ReactCommon/yoga/cmake/project-defaults.cmake
index 08f50a4eced8f5..c262bac8af89af 100644
--- a/packages/react-native/ReactCommon/yoga/cmake/project-defaults.cmake
+++ b/packages/react-native/ReactCommon/yoga/cmake/project-defaults.cmake
@@ -17,7 +17,7 @@ add_compile_options(
     # "Standard C++ exception handling" (C++ stack unwinding including extern c)
     /EHsc
     # Enable warnings and warnings as errors
-    /W3
+    /W4
     /WX
     # Disable RTTI
     $<$<COMPILE_LANGUAGE:CXX>:/GR->
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGConfig.cpp b/packages/react-native/ReactCommon/yoga/yoga/YGConfig.cpp
new file mode 100644
index 00000000000000..b3a82e1adb1a04
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGConfig.cpp
@@ -0,0 +1,92 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <yoga/Yoga.h>
+#include <yoga/debug/AssertFatal.h>
+#include <yoga/debug/Log.h>
+
+using namespace facebook;
+using namespace facebook::yoga;
+
+YGConfigRef YGConfigNew(void) {
+  return new yoga::Config(getDefaultLogger());
+}
+
+void YGConfigFree(const YGConfigRef config) {
+  delete resolveRef(config);
+}
+
+YGConfigConstRef YGConfigGetDefault() {
+  return &yoga::Config::getDefault();
+}
+
+void YGConfigSetUseWebDefaults(const YGConfigRef config, const bool enabled) {
+  resolveRef(config)->setUseWebDefaults(enabled);
+}
+
+bool YGConfigGetUseWebDefaults(const YGConfigConstRef config) {
+  return resolveRef(config)->useWebDefaults();
+}
+
+void YGConfigSetPointScaleFactor(
+    const YGConfigRef config,
+    const float pixelsInPoint) {
+  yoga::assertFatalWithConfig(
+      resolveRef(config),
+      pixelsInPoint >= 0.0f,
+      "Scale factor should not be less than zero");
+
+  resolveRef(config)->setPointScaleFactor(pixelsInPoint);
+}
+
+float YGConfigGetPointScaleFactor(const YGConfigConstRef config) {
+  return resolveRef(config)->getPointScaleFactor();
+}
+
+void YGConfigSetErrata(YGConfigRef config, YGErrata errata) {
+  resolveRef(config)->setErrata(scopedEnum(errata));
+}
+
+YGErrata YGConfigGetErrata(YGConfigConstRef config) {
+  return unscopedEnum(resolveRef(config)->getErrata());
+}
+
+void YGConfigSetLogger(const YGConfigRef config, YGLogger logger) {
+  if (logger != nullptr) {
+    resolveRef(config)->setLogger(logger);
+  } else {
+    resolveRef(config)->setLogger(getDefaultLogger());
+  }
+}
+
+void YGConfigSetContext(const YGConfigRef config, void* context) {
+  resolveRef(config)->setContext(context);
+}
+
+void* YGConfigGetContext(const YGConfigConstRef config) {
+  return resolveRef(config)->getContext();
+}
+
+void YGConfigSetExperimentalFeatureEnabled(
+    const YGConfigRef config,
+    const YGExperimentalFeature feature,
+    const bool enabled) {
+  resolveRef(config)->setExperimentalFeatureEnabled(
+      scopedEnum(feature), enabled);
+}
+
+bool YGConfigIsExperimentalFeatureEnabled(
+    const YGConfigConstRef config,
+    const YGExperimentalFeature feature) {
+  return resolveRef(config)->isExperimentalFeatureEnabled(scopedEnum(feature));
+}
+
+void YGConfigSetCloneNodeFunc(
+    const YGConfigRef config,
+    const YGCloneNodeFunc callback) {
+  resolveRef(config)->setCloneNodeCallback(callback);
+}
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGConfig.h b/packages/react-native/ReactCommon/yoga/yoga/YGConfig.h
new file mode 100644
index 00000000000000..7c1a8f297d22a8
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGConfig.h
@@ -0,0 +1,158 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <stdarg.h>
+#include <stdbool.h>
+#include <stddef.h>
+
+#include <yoga/YGEnums.h>
+#include <yoga/YGMacros.h>
+
+YG_EXTERN_C_BEGIN
+
+typedef struct YGNode* YGNodeRef;
+typedef const struct YGNode* YGNodeConstRef;
+
+/**
+ * Handle to a mutable Yoga configuration.
+ */
+typedef struct YGConfig* YGConfigRef;
+
+/**
+ * Handle to an immutable Yoga configruation.
+ */
+typedef const struct YGConfig* YGConfigConstRef;
+
+/**
+ * Allocates a set of configuration options. The configuration may be applied to
+ * multiple nodes (i.e. a single global config), or can be applied more
+ * granularly per-node.
+ */
+YG_EXPORT YGConfigRef YGConfigNew(void);
+
+/**
+ * Frees the associated Yoga configuration.
+ */
+YG_EXPORT void YGConfigFree(YGConfigRef config);
+
+/**
+ * Returns the default config values set by Yoga.
+ */
+YG_EXPORT YGConfigConstRef YGConfigGetDefault(void);
+
+/**
+ * Yoga by default creates new nodes with style defaults different from flexbox
+ * on web (e.g. `YGFlexDirectionColumn` and `YGPositionRelative`).
+ * `UseWebDefaults` instructs Yoga to instead use a default style consistent
+ * with the web.
+ */
+YG_EXPORT void YGConfigSetUseWebDefaults(YGConfigRef config, bool enabled);
+
+/**
+ * Whether the configuration is set to use web defaults.
+ */
+YG_EXPORT bool YGConfigGetUseWebDefaults(YGConfigConstRef config);
+
+/**
+ * Yoga will by deafult round final layout positions and dimensions to the
+ * nearst point. `pointScaleFactor` controls the density of the grid used for
+ * layout rounding (e.g. to round to the closest display pixel).
+ *
+ * May be set to 0.0f to avoid rounding the layout results.
+ */
+YG_EXPORT void YGConfigSetPointScaleFactor(
+    YGConfigRef config,
+    float pixelsInPoint);
+
+/**
+ * Get the currently set point scale factor.
+ */
+YG_EXPORT float YGConfigGetPointScaleFactor(YGConfigConstRef config);
+
+/**
+ * Configures how Yoga balances W3C conformance vs compatibility with layouts
+ * created against earlier versions of Yoga.
+ *
+ * By deafult Yoga will prioritize W3C conformance. `Errata` may be set to ask
+ * Yoga to produce specific incorrect behaviors. E.g. `YGConfigSetErrata(config,
+ * YGErrataStretchFlexBasis)`.
+ *
+ * YGErrata is a bitmask, and multiple errata may be set at once. Predfined
+ * constants exist for convenience:
+ * 1. YGErrataNone: No errata
+ * 2. YGErrataClassic: Match layout behaviors of Yoga 1.x
+ * 3. YGErrataAll: Match layout behaviors of Yoga 1.x, including
+ * `UseLegacyStretchBehaviour`
+ */
+YG_EXPORT void YGConfigSetErrata(YGConfigRef config, YGErrata errata);
+
+/**
+ * Get the currently set errata.
+ */
+YG_EXPORT YGErrata YGConfigGetErrata(YGConfigConstRef config);
+
+/**
+ * Function pointer type for YGConfigSetLogger.
+ */
+typedef int (*YGLogger)(
+    YGConfigConstRef config,
+    YGNodeConstRef node,
+    YGLogLevel level,
+    const char* format,
+    va_list args);
+
+/**
+ * Set a custom log function for to use when logging diagnostics or fatal.
+ * errors.
+ */
+YG_EXPORT void YGConfigSetLogger(YGConfigRef config, YGLogger logger);
+
+/**
+ * Sets an arbitrary context pointer on the config which may be read from during
+ * callbacks.
+ */
+YG_EXPORT void YGConfigSetContext(YGConfigRef config, void* context);
+
+/**
+ * Gets the currently set context.
+ */
+YG_EXPORT void* YGConfigGetContext(YGConfigConstRef config);
+
+/**
+ * Function pointer type for YGConfigSetCloneNodeFunc.
+ */
+typedef YGNodeRef (*YGCloneNodeFunc)(
+    YGNodeConstRef oldNode,
+    YGNodeConstRef owner,
+    size_t childIndex);
+
+/**
+ * Enable an experimental/unsupported feature in Yoga.
+ */
+YG_EXPORT void YGConfigSetExperimentalFeatureEnabled(
+    YGConfigRef config,
+    YGExperimentalFeature feature,
+    bool enabled);
+
+/**
+ * Whether an experimental feature is set.
+ */
+YG_EXPORT bool YGConfigIsExperimentalFeatureEnabled(
+    YGConfigConstRef config,
+    YGExperimentalFeature feature);
+
+/**
+ * Sets a callback, called during layout, to create a new mutable Yoga node if
+ * Yoga must write to it and its owner is not its parent observed during layout.
+ */
+YG_EXPORT void YGConfigSetCloneNodeFunc(
+    YGConfigRef config,
+    YGCloneNodeFunc callback);
+
+YG_EXTERN_C_END
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGEnums.cpp b/packages/react-native/ReactCommon/yoga/yoga/YGEnums.cpp
index a7b1990eed6e7f..222a5d12a4259d 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/YGEnums.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGEnums.cpp
@@ -27,6 +27,8 @@ const char* YGAlignToString(const YGAlign value) {
       return "space-between";
     case YGAlignSpaceAround:
       return "space-around";
+    case YGAlignSpaceEvenly:
+      return "space-evenly";
   }
   return "unknown";
 }
@@ -93,6 +95,10 @@ const char* YGErrataToString(const YGErrata value) {
       return "none";
     case YGErrataStretchFlexBasis:
       return "stretch-flex-basis";
+    case YGErrataAbsolutePositioningIncorrect:
+      return "absolute-positioning-incorrect";
+    case YGErrataAbsolutePercentAgainstInnerSize:
+      return "absolute-percent-against-inner-size";
     case YGErrataAll:
       return "all";
     case YGErrataClassic:
@@ -105,8 +111,6 @@ const char* YGExperimentalFeatureToString(const YGExperimentalFeature value) {
   switch (value) {
     case YGExperimentalFeatureWebFlexBasis:
       return "web-flex-basis";
-    case YGExperimentalFeatureAbsolutePercentageAgainstPaddingEdge:
-      return "absolute-percentage-against-padding-edge";
   }
   return "unknown";
 }
@@ -219,18 +223,6 @@ const char* YGPositionTypeToString(const YGPositionType value) {
   return "unknown";
 }
 
-const char* YGPrintOptionsToString(const YGPrintOptions value) {
-  switch (value) {
-    case YGPrintOptionsLayout:
-      return "layout";
-    case YGPrintOptionsStyle:
-      return "style";
-    case YGPrintOptionsChildren:
-      return "children";
-  }
-  return "unknown";
-}
-
 const char* YGUnitToString(const YGUnit value) {
   switch (value) {
     case YGUnitUndefined:
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGEnums.h b/packages/react-native/ReactCommon/yoga/yoga/YGEnums.h
index 53d245315ef369..44335277fc0d1f 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/YGEnums.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGEnums.h
@@ -12,7 +12,7 @@
 
 YG_EXTERN_C_BEGIN
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGAlign,
     YGAlignAuto,
     YGAlignFlexStart,
@@ -21,25 +21,26 @@ YG_ENUM_SEQ_DECL(
     YGAlignStretch,
     YGAlignBaseline,
     YGAlignSpaceBetween,
-    YGAlignSpaceAround)
+    YGAlignSpaceAround,
+    YGAlignSpaceEvenly)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGDimension,
     YGDimensionWidth,
     YGDimensionHeight)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGDirection,
     YGDirectionInherit,
     YGDirectionLTR,
     YGDirectionRTL)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGDisplay,
     YGDisplayFlex,
     YGDisplayNone)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGEdge,
     YGEdgeLeft,
     YGEdgeTop,
@@ -55,29 +56,30 @@ YG_ENUM_DECL(
     YGErrata,
     YGErrataNone = 0,
     YGErrataStretchFlexBasis = 1,
+    YGErrataAbsolutePositioningIncorrect = 2,
+    YGErrataAbsolutePercentAgainstInnerSize = 4,
     YGErrataAll = 2147483647,
     YGErrataClassic = 2147483646)
 YG_DEFINE_ENUM_FLAG_OPERATORS(YGErrata)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGExperimentalFeature,
-    YGExperimentalFeatureWebFlexBasis,
-    YGExperimentalFeatureAbsolutePercentageAgainstPaddingEdge)
+    YGExperimentalFeatureWebFlexBasis)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGFlexDirection,
     YGFlexDirectionColumn,
     YGFlexDirectionColumnReverse,
     YGFlexDirectionRow,
     YGFlexDirectionRowReverse)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGGutter,
     YGGutterColumn,
     YGGutterRow,
     YGGutterAll)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGJustify,
     YGJustifyFlexStart,
     YGJustifyCenter,
@@ -86,7 +88,7 @@ YG_ENUM_SEQ_DECL(
     YGJustifySpaceAround,
     YGJustifySpaceEvenly)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGLogLevel,
     YGLogLevelError,
     YGLogLevelWarn,
@@ -95,44 +97,37 @@ YG_ENUM_SEQ_DECL(
     YGLogLevelVerbose,
     YGLogLevelFatal)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGMeasureMode,
     YGMeasureModeUndefined,
     YGMeasureModeExactly,
     YGMeasureModeAtMost)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGNodeType,
     YGNodeTypeDefault,
     YGNodeTypeText)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGOverflow,
     YGOverflowVisible,
     YGOverflowHidden,
     YGOverflowScroll)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGPositionType,
     YGPositionTypeStatic,
     YGPositionTypeRelative,
     YGPositionTypeAbsolute)
 
 YG_ENUM_DECL(
-    YGPrintOptions,
-    YGPrintOptionsLayout = 1,
-    YGPrintOptionsStyle = 2,
-    YGPrintOptionsChildren = 4)
-YG_DEFINE_ENUM_FLAG_OPERATORS(YGPrintOptions)
-
-YG_ENUM_SEQ_DECL(
     YGUnit,
     YGUnitUndefined,
     YGUnitPoint,
     YGUnitPercent,
     YGUnitAuto)
 
-YG_ENUM_SEQ_DECL(
+YG_ENUM_DECL(
     YGWrap,
     YGWrapNoWrap,
     YGWrapWrap,
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGMacros.h b/packages/react-native/ReactCommon/yoga/yoga/YGMacros.h
index 07ddb1903b99a8..6d1becce77b53d 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/YGMacros.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGMacros.h
@@ -49,21 +49,21 @@
 #ifdef __cplusplus
 #define YG_DEFINE_ENUM_FLAG_OPERATORS(name)                       \
   extern "C++" {                                                  \
-  constexpr inline name operator~(name a) {                       \
+  constexpr name operator~(name a) {                              \
     return static_cast<name>(                                     \
         ~static_cast<std::underlying_type<name>::type>(a));       \
   }                                                               \
-  constexpr inline name operator|(name a, name b) {               \
+  constexpr name operator|(name a, name b) {                      \
     return static_cast<name>(                                     \
         static_cast<std::underlying_type<name>::type>(a) |        \
         static_cast<std::underlying_type<name>::type>(b));        \
   }                                                               \
-  constexpr inline name operator&(name a, name b) {               \
+  constexpr name operator&(name a, name b) {                      \
     return static_cast<name>(                                     \
         static_cast<std::underlying_type<name>::type>(a) &        \
         static_cast<std::underlying_type<name>::type>(b));        \
   }                                                               \
-  constexpr inline name operator^(name a, name b) {               \
+  constexpr name operator^(name a, name b) {                      \
     return static_cast<name>(                                     \
         static_cast<std::underlying_type<name>::type>(a) ^        \
         static_cast<std::underlying_type<name>::type>(b));        \
@@ -88,40 +88,6 @@
 #define YG_DEFINE_ENUM_FLAG_OPERATORS(name)
 #endif
 
-#ifdef __cplusplus
-
-namespace facebook::yoga {
-
-template <typename T>
-constexpr int
-ordinalCount(); // can't use `= delete` due to a defect in clang < 3.9
-
-namespace detail {
-template <int... xs>
-constexpr int n() {
-  return sizeof...(xs);
-}
-} // namespace detail
-
-} // namespace facebook::yoga
-#endif
-
 #define YG_ENUM_DECL(NAME, ...)                               \
   typedef YG_ENUM_BEGIN(NAME){__VA_ARGS__} YG_ENUM_END(NAME); \
   YG_EXPORT const char* NAME##ToString(NAME);
-
-#ifdef __cplusplus
-#define YG_ENUM_SEQ_DECL(NAME, ...)    \
-  YG_ENUM_DECL(NAME, __VA_ARGS__)      \
-  YG_EXTERN_C_END                      \
-                                       \
-  namespace facebook::yoga {           \
-  template <>                          \
-  constexpr int ordinalCount<NAME>() { \
-    return detail::n<__VA_ARGS__>();   \
-  }                                    \
-  }                                    \
-  YG_EXTERN_C_BEGIN
-#else
-#define YG_ENUM_SEQ_DECL YG_ENUM_DECL
-#endif
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGNode.cpp b/packages/react-native/ReactCommon/yoga/yoga/YGNode.cpp
new file mode 100644
index 00000000000000..57f0473b05e8d9
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGNode.cpp
@@ -0,0 +1,366 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <yoga/Yoga.h>
+
+#include <yoga/algorithm/Cache.h>
+#include <yoga/algorithm/CalculateLayout.h>
+#include <yoga/debug/AssertFatal.h>
+#include <yoga/debug/Log.h>
+#include <yoga/event/event.h>
+#include <yoga/node/Node.h>
+
+using namespace facebook;
+using namespace facebook::yoga;
+
+YGNodeRef YGNodeNew(void) {
+  return YGNodeNewWithConfig(YGConfigGetDefault());
+}
+
+YGNodeRef YGNodeNewWithConfig(const YGConfigConstRef config) {
+  auto* node = new yoga::Node{resolveRef(config)};
+  yoga::assertFatal(
+      config != nullptr, "Tried to construct YGNode with null config");
+  Event::publish<Event::NodeAllocation>(node, {config});
+
+  return node;
+}
+
+YGNodeRef YGNodeClone(YGNodeConstRef oldNodeRef) {
+  auto oldNode = resolveRef(oldNodeRef);
+  const auto node = new yoga::Node(*oldNode);
+  Event::publish<Event::NodeAllocation>(node, {node->getConfig()});
+  node->setOwner(nullptr);
+  return node;
+}
+
+void YGNodeFree(const YGNodeRef nodeRef) {
+  const auto node = resolveRef(nodeRef);
+
+  if (auto owner = node->getOwner()) {
+    owner->removeChild(node);
+    node->setOwner(nullptr);
+  }
+
+  const size_t childCount = node->getChildCount();
+  for (size_t i = 0; i < childCount; i++) {
+    auto child = node->getChild(i);
+    child->setOwner(nullptr);
+  }
+
+  node->clearChildren();
+
+  Event::publish<Event::NodeDeallocation>(node, {YGNodeGetConfig(node)});
+  delete resolveRef(node);
+}
+
+void YGNodeFreeRecursive(YGNodeRef rootRef) {
+  const auto root = resolveRef(rootRef);
+
+  size_t skipped = 0;
+  while (root->getChildCount() > skipped) {
+    const auto child = root->getChild(skipped);
+    if (child->getOwner() != root) {
+      // Don't free shared nodes that we don't own.
+      skipped += 1;
+    } else {
+      YGNodeRemoveChild(root, child);
+      YGNodeFreeRecursive(child);
+    }
+  }
+  YGNodeFree(root);
+}
+
+void YGNodeFinalize(const YGNodeRef node) {
+  Event::publish<Event::NodeDeallocation>(node, {YGNodeGetConfig(node)});
+  delete resolveRef(node);
+}
+
+void YGNodeReset(YGNodeRef node) {
+  resolveRef(node)->reset();
+}
+
+void YGNodeCalculateLayout(
+    const YGNodeRef node,
+    const float ownerWidth,
+    const float ownerHeight,
+    const YGDirection ownerDirection) {
+  yoga::calculateLayout(
+      resolveRef(node), ownerWidth, ownerHeight, scopedEnum(ownerDirection));
+}
+
+bool YGNodeGetHasNewLayout(YGNodeConstRef node) {
+  return resolveRef(node)->getHasNewLayout();
+}
+
+void YGNodeSetHasNewLayout(YGNodeRef node, bool hasNewLayout) {
+  resolveRef(node)->setHasNewLayout(hasNewLayout);
+}
+
+bool YGNodeIsDirty(YGNodeConstRef node) {
+  return resolveRef(node)->isDirty();
+}
+
+void YGNodeMarkDirty(const YGNodeRef nodeRef) {
+  const auto node = resolveRef(nodeRef);
+
+  yoga::assertFatalWithNode(
+      node,
+      node->hasMeasureFunc(),
+      "Only leaf nodes with custom measure functions "
+      "should manually mark themselves as dirty");
+
+  node->markDirtyAndPropagate();
+}
+
+void YGNodeSetDirtiedFunc(YGNodeRef node, YGDirtiedFunc dirtiedFunc) {
+  resolveRef(node)->setDirtiedFunc(dirtiedFunc);
+}
+
+YGDirtiedFunc YGNodeGetDirtiedFunc(YGNodeConstRef node) {
+  return resolveRef(node)->getDirtiedFunc();
+}
+
+void YGNodeInsertChild(
+    const YGNodeRef ownerRef,
+    const YGNodeRef childRef,
+    const size_t index) {
+  auto owner = resolveRef(ownerRef);
+  auto child = resolveRef(childRef);
+
+  yoga::assertFatalWithNode(
+      owner,
+      child->getOwner() == nullptr,
+      "Child already has a owner, it must be removed first.");
+
+  yoga::assertFatalWithNode(
+      owner,
+      !owner->hasMeasureFunc(),
+      "Cannot add child: Nodes with measure functions cannot have children.");
+
+  owner->insertChild(child, index);
+  child->setOwner(owner);
+  owner->markDirtyAndPropagate();
+}
+
+void YGNodeSwapChild(
+    const YGNodeRef ownerRef,
+    const YGNodeRef childRef,
+    const size_t index) {
+  auto owner = resolveRef(ownerRef);
+  auto child = resolveRef(childRef);
+
+  owner->replaceChild(child, index);
+  child->setOwner(owner);
+}
+
+void YGNodeRemoveChild(
+    const YGNodeRef ownerRef,
+    const YGNodeRef excludedChildRef) {
+  auto owner = resolveRef(ownerRef);
+  auto excludedChild = resolveRef(excludedChildRef);
+
+  if (owner->getChildCount() == 0) {
+    // This is an empty set. Nothing to remove.
+    return;
+  }
+
+  // Children may be shared between parents, which is indicated by not having an
+  // owner. We only want to reset the child completely if it is owned
+  // exclusively by one node.
+  auto childOwner = excludedChild->getOwner();
+  if (owner->removeChild(excludedChild)) {
+    if (owner == childOwner) {
+      excludedChild->setLayout({}); // layout is no longer valid
+      excludedChild->setOwner(nullptr);
+    }
+    owner->markDirtyAndPropagate();
+  }
+}
+
+void YGNodeRemoveAllChildren(const YGNodeRef ownerRef) {
+  auto owner = resolveRef(ownerRef);
+
+  const size_t childCount = owner->getChildCount();
+  if (childCount == 0) {
+    // This is an empty set already. Nothing to do.
+    return;
+  }
+  auto* firstChild = owner->getChild(0);
+  if (firstChild->getOwner() == owner) {
+    // If the first child has this node as its owner, we assume that this child
+    // set is unique.
+    for (size_t i = 0; i < childCount; i++) {
+      yoga::Node* oldChild = owner->getChild(i);
+      oldChild->setLayout({}); // layout is no longer valid
+      oldChild->setOwner(nullptr);
+    }
+    owner->clearChildren();
+    owner->markDirtyAndPropagate();
+    return;
+  }
+  // Otherwise, we are not the owner of the child set. We don't have to do
+  // anything to clear it.
+  owner->setChildren({});
+  owner->markDirtyAndPropagate();
+}
+
+void YGNodeSetChildren(
+    const YGNodeRef ownerRef,
+    const YGNodeRef* childrenRefs,
+    const size_t count) {
+  auto owner = resolveRef(ownerRef);
+  auto children = reinterpret_cast<yoga::Node* const*>(childrenRefs);
+
+  if (!owner) {
+    return;
+  }
+
+  const std::vector<yoga::Node*> childrenVector = {children, children + count};
+  if (childrenVector.size() == 0) {
+    if (owner->getChildCount() > 0) {
+      for (auto* child : owner->getChildren()) {
+        child->setLayout({});
+        child->setOwner(nullptr);
+      }
+      owner->setChildren({});
+      owner->markDirtyAndPropagate();
+    }
+  } else {
+    if (owner->getChildCount() > 0) {
+      for (auto* oldChild : owner->getChildren()) {
+        // Our new children may have nodes in common with the old children. We
+        // don't reset these common nodes.
+        if (std::find(childrenVector.begin(), childrenVector.end(), oldChild) ==
+            childrenVector.end()) {
+          oldChild->setLayout({});
+          oldChild->setOwner(nullptr);
+        }
+      }
+    }
+    owner->setChildren(childrenVector);
+    for (yoga::Node* child : childrenVector) {
+      child->setOwner(owner);
+    }
+    owner->markDirtyAndPropagate();
+  }
+}
+
+YGNodeRef YGNodeGetChild(const YGNodeRef nodeRef, const size_t index) {
+  const auto node = resolveRef(nodeRef);
+
+  if (index < node->getChildren().size()) {
+    return node->getChild(index);
+  }
+  return nullptr;
+}
+
+size_t YGNodeGetChildCount(const YGNodeConstRef node) {
+  return resolveRef(node)->getChildren().size();
+}
+
+YGNodeRef YGNodeGetOwner(const YGNodeRef node) {
+  return resolveRef(node)->getOwner();
+}
+
+YGNodeRef YGNodeGetParent(const YGNodeRef node) {
+  return resolveRef(node)->getOwner();
+}
+
+void YGNodeSetConfig(YGNodeRef node, YGConfigRef config) {
+  resolveRef(node)->setConfig(resolveRef(config));
+}
+
+YGConfigConstRef YGNodeGetConfig(YGNodeRef node) {
+  return resolveRef(node)->getConfig();
+}
+
+void YGNodeSetContext(YGNodeRef node, void* context) {
+  return resolveRef(node)->setContext(context);
+}
+
+void* YGNodeGetContext(YGNodeConstRef node) {
+  return resolveRef(node)->getContext();
+}
+
+void YGNodeSetMeasureFunc(YGNodeRef node, YGMeasureFunc measureFunc) {
+  resolveRef(node)->setMeasureFunc(measureFunc);
+}
+
+bool YGNodeHasMeasureFunc(YGNodeConstRef node) {
+  return resolveRef(node)->hasMeasureFunc();
+}
+
+void YGNodeSetBaselineFunc(YGNodeRef node, YGBaselineFunc baselineFunc) {
+  resolveRef(node)->setBaselineFunc(baselineFunc);
+}
+
+bool YGNodeHasBaselineFunc(YGNodeConstRef node) {
+  return resolveRef(node)->hasBaselineFunc();
+}
+
+void YGNodeSetIsReferenceBaseline(YGNodeRef nodeRef, bool isReferenceBaseline) {
+  const auto node = resolveRef(nodeRef);
+  if (node->isReferenceBaseline() != isReferenceBaseline) {
+    node->setIsReferenceBaseline(isReferenceBaseline);
+    node->markDirtyAndPropagate();
+  }
+}
+
+bool YGNodeIsReferenceBaseline(YGNodeConstRef node) {
+  return resolveRef(node)->isReferenceBaseline();
+}
+
+void YGNodeSetNodeType(YGNodeRef node, YGNodeType nodeType) {
+  return resolveRef(node)->setNodeType(scopedEnum(nodeType));
+}
+
+YGNodeType YGNodeGetNodeType(YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->getNodeType());
+}
+
+void YGNodeSetAlwaysFormsContainingBlock(
+    YGNodeRef node,
+    bool alwaysFormsContainingBlock) {
+  resolveRef(node)->setAlwaysFormsContainingBlock(alwaysFormsContainingBlock);
+}
+
+bool YGNodeGetAlwaysFormsContainingBlock(YGNodeConstRef node) {
+  return resolveRef(node)->alwaysFormsContainingBlock();
+}
+
+// TODO: This leaks internal details to the public API. Remove after removing
+// ComponentKit usage of it.
+bool YGNodeCanUseCachedMeasurement(
+    YGMeasureMode widthMode,
+    float availableWidth,
+    YGMeasureMode heightMode,
+    float availableHeight,
+    YGMeasureMode lastWidthMode,
+    float lastAvailableWidth,
+    YGMeasureMode lastHeightMode,
+    float lastAvailableHeight,
+    float lastComputedWidth,
+    float lastComputedHeight,
+    float marginRow,
+    float marginColumn,
+    YGConfigRef config) {
+  return yoga::canUseCachedMeasurement(
+      sizingMode(scopedEnum(widthMode)),
+      availableWidth,
+      sizingMode(scopedEnum(heightMode)),
+      availableHeight,
+      sizingMode(scopedEnum(lastWidthMode)),
+      lastAvailableWidth,
+      sizingMode(scopedEnum(lastHeightMode)),
+      lastAvailableHeight,
+      lastComputedWidth,
+      lastComputedHeight,
+      marginRow,
+      marginColumn,
+      resolveRef(config));
+}
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGNode.h b/packages/react-native/ReactCommon/yoga/yoga/YGNode.h
new file mode 100644
index 00000000000000..448000ebd714ab
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGNode.h
@@ -0,0 +1,304 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <stdbool.h>
+#include <stddef.h>
+
+#include <yoga/YGConfig.h>
+#include <yoga/YGEnums.h>
+#include <yoga/YGMacros.h>
+
+YG_EXTERN_C_BEGIN
+
+/**
+ * Handle to a mutable Yoga Node.
+ */
+typedef struct YGNode* YGNodeRef;
+
+/**
+ * Handle to an immutable Yoga Node.
+ */
+typedef const struct YGNode* YGNodeConstRef;
+
+/**
+ * Heap allocates and returns a new Yoga node using Yoga settings.
+ */
+YG_EXPORT YGNodeRef YGNodeNew(void);
+
+/**
+ * Heap allocates and returns a new Yoga node, with customized settings.
+ */
+YG_EXPORT YGNodeRef YGNodeNewWithConfig(YGConfigConstRef config);
+
+/**
+ * Returns a mutable copy of an existing node, with the same context and
+ * children, but no owner set. Does not call the function set by
+ * YGConfigSetCloneNodeFunc().
+ */
+YG_EXPORT YGNodeRef YGNodeClone(YGNodeConstRef node);
+
+/**
+ * Frees the Yoga node, disconnecting it from its owner and children.
+ */
+YG_EXPORT void YGNodeFree(YGNodeRef node);
+
+/**
+ * Frees the subtree of Yoga nodes rooted at the given node.
+ */
+YG_EXPORT void YGNodeFreeRecursive(YGNodeRef node);
+
+/**
+ * Frees the Yoga node without disconnecting it from its owner or children.
+ * Allows garbage collecting Yoga nodes in parallel when the entire tree is
+ * unrechable.
+ */
+YG_EXPORT void YGNodeFinalize(YGNodeRef node);
+
+/**
+ * Resets the node to its default state.
+ */
+YG_EXPORT void YGNodeReset(YGNodeRef node);
+
+/**
+ * Calculates the layout of the tree rooted at the given node.
+ *
+ * Layout results may be read after calling YGNodeCalculateLayout() using
+ * functions like YGNodeLayoutGetLeft(), YGNodeLayoutGetTop(), etc.
+ *
+ * YGNodeGetHasNewLayout() may be read to know if the layout of the node or its
+ * subtrees may have changed since the last time YGNodeCalculate() was called.
+ */
+YG_EXPORT void YGNodeCalculateLayout(
+    YGNodeRef node,
+    float availableWidth,
+    float availableHeight,
+    YGDirection ownerDirection);
+
+/**
+ * Whether the given node may have new layout results. Must be reset by calling
+ * YGNodeSetHasNewLayout().
+ */
+YG_EXPORT bool YGNodeGetHasNewLayout(YGNodeConstRef node);
+
+/**
+ * Sets whether a nodes layout is considered new.
+ */
+YG_EXPORT void YGNodeSetHasNewLayout(YGNodeRef node, bool hasNewLayout);
+
+/**
+ * Whether the node's layout results are dirty due to it or its children
+ * changing.
+ */
+YG_EXPORT bool YGNodeIsDirty(YGNodeConstRef node);
+
+/**
+ * Marks a node with custom measure function as dirty.
+ */
+YG_EXPORT void YGNodeMarkDirty(YGNodeRef node);
+
+typedef void (*YGDirtiedFunc)(YGNodeConstRef node);
+
+/**
+ * Called when a change is made to the Yoga tree which dirties this node.
+ */
+YG_EXPORT void YGNodeSetDirtiedFunc(YGNodeRef node, YGDirtiedFunc dirtiedFunc);
+
+/**
+ * Returns a dirtied func if set.
+ */
+YG_EXPORT YGDirtiedFunc YGNodeGetDirtiedFunc(YGNodeConstRef node);
+
+/**
+ * Inserts a child node at the given index.
+ */
+YG_EXPORT void YGNodeInsertChild(YGNodeRef node, YGNodeRef child, size_t index);
+
+/**
+ * Replaces the child node at a given index with a new one.
+ */
+YG_EXPORT void YGNodeSwapChild(YGNodeRef node, YGNodeRef child, size_t index);
+
+/**
+ * Removes the given child node.
+ */
+YG_EXPORT void YGNodeRemoveChild(YGNodeRef node, YGNodeRef child);
+
+/**
+ * Removes all children nodes.
+ */
+YG_EXPORT void YGNodeRemoveAllChildren(YGNodeRef node);
+
+/**
+ * Sets children according to the given list of nodes.
+ */
+YG_EXPORT void
+YGNodeSetChildren(YGNodeRef owner, const YGNodeRef* children, size_t count);
+
+/**
+ * Get the child node at a given index.
+ */
+YG_EXPORT YGNodeRef YGNodeGetChild(YGNodeRef node, size_t index);
+
+/**
+ * The number of child nodes.
+ */
+YG_EXPORT size_t YGNodeGetChildCount(YGNodeConstRef node);
+
+/**
+ * Get the parent/owner currently set for a node.
+ */
+YG_EXPORT YGNodeRef YGNodeGetOwner(YGNodeRef node);
+
+/**
+ * Get the parent/owner currently set for a node.
+ */
+YG_EXPORT YGNodeRef YGNodeGetParent(YGNodeRef node);
+
+/**
+ * Set a new config for the node after creation.
+ */
+YG_EXPORT void YGNodeSetConfig(YGNodeRef node, YGConfigRef config);
+
+/**
+ * Get the config currently set on the node.
+ */
+YG_EXPORT YGConfigConstRef YGNodeGetConfig(YGNodeRef node);
+
+/**
+ * Sets extra data on the Yoga node which may be read from during callbacks.
+ */
+YG_EXPORT void YGNodeSetContext(YGNodeRef node, void* context);
+
+/**
+ * Returns the context or NULL if no context has been set.
+ */
+YG_EXPORT void* YGNodeGetContext(YGNodeConstRef node);
+
+typedef struct YGSize {
+  float width;
+  float height;
+} YGSize;
+
+/**
+ * Returns the computed dimensions of the node, following the contraints of
+ * `widthMode` and `heightMode`:
+ *
+ * YGMeasureModeUndefined: The parent has not imposed any constraint on the
+ * child. It can be whatever size it wants.
+ *
+ * YGMeasureModeAtMost: The child can be as large as it wants up to the
+ * specified size.
+ *
+ * YGMeasureModeExactly: The parent has determined an exact size for the
+ * child. The child is going to be given those bounds regardless of how big it
+ * wants to be.
+ *
+ * @returns the size of the leaf node, measured under the given contraints.
+ */
+typedef YGSize (*YGMeasureFunc)(
+    YGNodeConstRef node,
+    float width,
+    YGMeasureMode widthMode,
+    float height,
+    YGMeasureMode heightMode);
+
+/**
+ * Allows providing custom measurements for a Yoga leaf node (usually for
+ * measuring text). YGNodeMarkDirty() must be set if content effecting the
+ * measurements of the node changes.
+ */
+YG_EXPORT void YGNodeSetMeasureFunc(YGNodeRef node, YGMeasureFunc measureFunc);
+
+/**
+ * Whether a measure function is set.
+ */
+YG_EXPORT bool YGNodeHasMeasureFunc(YGNodeConstRef node);
+
+/**
+ * @returns a defined offet to baseline (ascent).
+ */
+typedef float (*YGBaselineFunc)(YGNodeConstRef node, float width, float height);
+
+/**
+ * Set a custom function for determining the text baseline for use in baseline
+ * alignment.
+ */
+YG_EXPORT void YGNodeSetBaselineFunc(
+    YGNodeRef node,
+    YGBaselineFunc baselineFunc);
+
+/**
+ * Whether a baseline function is set.
+ */
+YG_EXPORT bool YGNodeHasBaselineFunc(YGNodeConstRef node);
+
+/**
+ * Sets this node should be considered the reference baseline among siblings.
+ */
+YG_EXPORT void YGNodeSetIsReferenceBaseline(
+    YGNodeRef node,
+    bool isReferenceBaseline);
+
+/**
+ * Whether this node is set as the reference baseline.
+ */
+YG_EXPORT bool YGNodeIsReferenceBaseline(YGNodeConstRef node);
+
+/**
+ * Sets whether a leaf node's layout results may be truncated during layout
+ * rounding.
+ */
+YG_EXPORT void YGNodeSetNodeType(YGNodeRef node, YGNodeType nodeType);
+
+/**
+ * Wwhether a leaf node's layout results may be truncated during layout
+ * rounding.
+ */
+YG_EXPORT YGNodeType YGNodeGetNodeType(YGNodeConstRef node);
+
+/**
+ * Make it so that this node will always form a containing block for any
+ * descendant nodes. This is useful for when a node has a property outside of
+ * of Yoga that will form a containing block. For example, transforms or some of
+ * the others listed in
+ * https://developer.mozilla.org/en-US/docs/Web/CSS/Containing_block
+ */
+YG_EXPORT void YGNodeSetAlwaysFormsContainingBlock(
+    YGNodeRef node,
+    bool alwaysFormsContainingBlock);
+
+/**
+ * Whether the node will always form a containing block for any descendant. This
+ * can happen in situation where the client implements something like a
+ * transform that can affect containing blocks but is not handled by Yoga
+ * directly.
+ */
+YG_EXPORT bool YGNodeGetAlwaysFormsContainingBlock(YGNodeConstRef node);
+
+/**
+ * @deprecated
+ */
+YG_DEPRECATED(
+    "YGNodeCanUseCachedMeasurement may be removed in a future version of Yoga")
+YG_EXPORT bool YGNodeCanUseCachedMeasurement(
+    YGMeasureMode widthMode,
+    float availableWidth,
+    YGMeasureMode heightMode,
+    float availableHeight,
+    YGMeasureMode lastWidthMode,
+    float lastAvailableWidth,
+    YGMeasureMode lastHeightMode,
+    float lastAvailableHeight,
+    float lastComputedWidth,
+    float lastComputedHeight,
+    float marginRow,
+    float marginColumn,
+    YGConfigRef config);
+
+YG_EXTERN_C_END
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGNodeLayout.cpp b/packages/react-native/ReactCommon/yoga/yoga/YGNodeLayout.cpp
new file mode 100644
index 00000000000000..93fcf0ad005c84
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGNodeLayout.cpp
@@ -0,0 +1,92 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <yoga/Yoga.h>
+#include <yoga/debug/AssertFatal.h>
+#include <yoga/enums/Edge.h>
+#include <yoga/node/Node.h>
+
+using namespace facebook;
+using namespace facebook::yoga;
+
+namespace {
+
+template <auto LayoutMember>
+float getResolvedLayoutProperty(const YGNodeConstRef nodeRef, const Edge edge) {
+  const auto node = resolveRef(nodeRef);
+  yoga::assertFatalWithNode(
+      node,
+      edge <= Edge::End,
+      "Cannot get layout properties of multi-edge shorthands");
+
+  if (edge == Edge::Start) {
+    if (node->getLayout().direction() == Direction::RTL) {
+      return (node->getLayout().*LayoutMember)(PhysicalEdge::Right);
+    } else {
+      return (node->getLayout().*LayoutMember)(PhysicalEdge::Left);
+    }
+  }
+
+  if (edge == Edge::End) {
+    if (node->getLayout().direction() == Direction::RTL) {
+      return (node->getLayout().*LayoutMember)(PhysicalEdge::Left);
+    } else {
+      return (node->getLayout().*LayoutMember)(PhysicalEdge::Right);
+    }
+  }
+
+  return (node->getLayout().*LayoutMember)(static_cast<PhysicalEdge>(edge));
+}
+
+} // namespace
+
+float YGNodeLayoutGetLeft(const YGNodeConstRef node) {
+  return resolveRef(node)->getLayout().position(PhysicalEdge::Left);
+}
+
+float YGNodeLayoutGetTop(const YGNodeConstRef node) {
+  return resolveRef(node)->getLayout().position(PhysicalEdge::Top);
+}
+
+float YGNodeLayoutGetRight(const YGNodeConstRef node) {
+  return resolveRef(node)->getLayout().position(PhysicalEdge::Right);
+}
+
+float YGNodeLayoutGetBottom(const YGNodeConstRef node) {
+  return resolveRef(node)->getLayout().position(PhysicalEdge::Bottom);
+}
+
+float YGNodeLayoutGetWidth(const YGNodeConstRef node) {
+  return resolveRef(node)->getLayout().dimension(Dimension::Width);
+}
+
+float YGNodeLayoutGetHeight(const YGNodeConstRef node) {
+  return resolveRef(node)->getLayout().dimension(Dimension::Height);
+}
+
+YGDirection YGNodeLayoutGetDirection(const YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->getLayout().direction());
+}
+
+bool YGNodeLayoutGetHadOverflow(const YGNodeConstRef node) {
+  return resolveRef(node)->getLayout().hadOverflow();
+}
+
+float YGNodeLayoutGetMargin(YGNodeConstRef node, YGEdge edge) {
+  return getResolvedLayoutProperty<&LayoutResults::margin>(
+      node, scopedEnum(edge));
+}
+
+float YGNodeLayoutGetBorder(YGNodeConstRef node, YGEdge edge) {
+  return getResolvedLayoutProperty<&LayoutResults::border>(
+      node, scopedEnum(edge));
+}
+
+float YGNodeLayoutGetPadding(YGNodeConstRef node, YGEdge edge) {
+  return getResolvedLayoutProperty<&LayoutResults::padding>(
+      node, scopedEnum(edge));
+}
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGNodeLayout.h b/packages/react-native/ReactCommon/yoga/yoga/YGNodeLayout.h
new file mode 100644
index 00000000000000..02ead5883bbc58
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGNodeLayout.h
@@ -0,0 +1,35 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <stdbool.h>
+
+#include <yoga/YGConfig.h>
+#include <yoga/YGEnums.h>
+#include <yoga/YGMacros.h>
+
+YG_EXTERN_C_BEGIN
+
+YG_EXPORT float YGNodeLayoutGetLeft(YGNodeConstRef node);
+YG_EXPORT float YGNodeLayoutGetTop(YGNodeConstRef node);
+YG_EXPORT float YGNodeLayoutGetRight(YGNodeConstRef node);
+YG_EXPORT float YGNodeLayoutGetBottom(YGNodeConstRef node);
+YG_EXPORT float YGNodeLayoutGetWidth(YGNodeConstRef node);
+YG_EXPORT float YGNodeLayoutGetHeight(YGNodeConstRef node);
+YG_EXPORT YGDirection YGNodeLayoutGetDirection(YGNodeConstRef node);
+YG_EXPORT bool YGNodeLayoutGetHadOverflow(YGNodeConstRef node);
+
+// Get the computed values for these nodes after performing layout. If they were
+// set using point values then the returned value will be the same as
+// YGNodeStyleGetXXX. However if they were set using a percentage value then the
+// returned value is the computed value used during layout.
+YG_EXPORT float YGNodeLayoutGetMargin(YGNodeConstRef node, YGEdge edge);
+YG_EXPORT float YGNodeLayoutGetBorder(YGNodeConstRef node, YGEdge edge);
+YG_EXPORT float YGNodeLayoutGetPadding(YGNodeConstRef node, YGEdge edge);
+
+YG_EXTERN_C_END
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGNodeStyle.cpp b/packages/react-native/ReactCommon/yoga/yoga/YGNodeStyle.cpp
new file mode 100644
index 00000000000000..d8454053dee558
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGNodeStyle.cpp
@@ -0,0 +1,385 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <yoga/Yoga.h>
+#include <yoga/debug/AssertFatal.h>
+#include <yoga/node/Node.h>
+
+using namespace facebook;
+using namespace facebook::yoga;
+
+namespace {
+
+template <auto GetterT, auto SetterT, typename ValueT>
+void updateStyle(YGNodeRef node, ValueT value) {
+  auto& style = resolveRef(node)->style();
+  if ((style.*GetterT)() != value) {
+    (style.*SetterT)(value);
+    resolveRef(node)->markDirtyAndPropagate();
+  }
+}
+
+template <auto GetterT, auto SetterT, typename IdxT, typename ValueT>
+void updateStyle(YGNodeRef node, IdxT idx, ValueT value) {
+  auto& style = resolveRef(node)->style();
+  if ((style.*GetterT)(idx) != value) {
+    (style.*SetterT)(idx, value);
+    resolveRef(node)->markDirtyAndPropagate();
+  }
+}
+
+} // namespace
+
+void YGNodeCopyStyle(YGNodeRef dstNode, YGNodeConstRef srcNode) {
+  auto dst = resolveRef(dstNode);
+  auto src = resolveRef(srcNode);
+
+  if (dst->style() != src->style()) {
+    dst->setStyle(src->style());
+    dst->markDirtyAndPropagate();
+  }
+}
+
+void YGNodeStyleSetDirection(const YGNodeRef node, const YGDirection value) {
+  updateStyle<&Style::direction, &Style::setDirection>(node, scopedEnum(value));
+}
+
+YGDirection YGNodeStyleGetDirection(const YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->style().direction());
+}
+
+void YGNodeStyleSetFlexDirection(
+    const YGNodeRef node,
+    const YGFlexDirection flexDirection) {
+  updateStyle<&Style::flexDirection, &Style::setFlexDirection>(
+      node, scopedEnum(flexDirection));
+}
+
+YGFlexDirection YGNodeStyleGetFlexDirection(const YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->style().flexDirection());
+}
+
+void YGNodeStyleSetJustifyContent(
+    const YGNodeRef node,
+    const YGJustify justifyContent) {
+  updateStyle<&Style::justifyContent, &Style::setJustifyContent>(
+      node, scopedEnum(justifyContent));
+}
+
+YGJustify YGNodeStyleGetJustifyContent(const YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->style().justifyContent());
+}
+
+void YGNodeStyleSetAlignContent(
+    const YGNodeRef node,
+    const YGAlign alignContent) {
+  updateStyle<&Style::alignContent, &Style::setAlignContent>(
+      node, scopedEnum(alignContent));
+}
+
+YGAlign YGNodeStyleGetAlignContent(const YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->style().alignContent());
+}
+
+void YGNodeStyleSetAlignItems(const YGNodeRef node, const YGAlign alignItems) {
+  updateStyle<&Style::alignItems, &Style::setAlignItems>(
+      node, scopedEnum(alignItems));
+}
+
+YGAlign YGNodeStyleGetAlignItems(const YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->style().alignItems());
+}
+
+void YGNodeStyleSetAlignSelf(const YGNodeRef node, const YGAlign alignSelf) {
+  updateStyle<&Style::alignSelf, &Style::setAlignSelf>(
+      node, scopedEnum(alignSelf));
+}
+
+YGAlign YGNodeStyleGetAlignSelf(const YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->style().alignSelf());
+}
+
+void YGNodeStyleSetPositionType(
+    const YGNodeRef node,
+    const YGPositionType positionType) {
+  updateStyle<&Style::positionType, &Style::setPositionType>(
+      node, scopedEnum(positionType));
+}
+
+YGPositionType YGNodeStyleGetPositionType(const YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->style().positionType());
+}
+
+void YGNodeStyleSetFlexWrap(const YGNodeRef node, const YGWrap flexWrap) {
+  updateStyle<&Style::flexWrap, &Style::setFlexWrap>(
+      node, scopedEnum(flexWrap));
+}
+
+YGWrap YGNodeStyleGetFlexWrap(const YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->style().flexWrap());
+}
+
+void YGNodeStyleSetOverflow(const YGNodeRef node, const YGOverflow overflow) {
+  updateStyle<&Style::overflow, &Style::setOverflow>(
+      node, scopedEnum(overflow));
+}
+
+YGOverflow YGNodeStyleGetOverflow(const YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->style().overflow());
+}
+
+void YGNodeStyleSetDisplay(const YGNodeRef node, const YGDisplay display) {
+  updateStyle<&Style::display, &Style::setDisplay>(node, scopedEnum(display));
+}
+
+YGDisplay YGNodeStyleGetDisplay(const YGNodeConstRef node) {
+  return unscopedEnum(resolveRef(node)->style().display());
+}
+
+void YGNodeStyleSetFlex(const YGNodeRef node, const float flex) {
+  updateStyle<&Style::flex, &Style::setFlex>(node, FloatOptional{flex});
+}
+
+float YGNodeStyleGetFlex(const YGNodeConstRef nodeRef) {
+  const auto node = resolveRef(nodeRef);
+  return node->style().flex().isUndefined() ? YGUndefined
+                                            : node->style().flex().unwrap();
+}
+
+void YGNodeStyleSetFlexGrow(const YGNodeRef node, const float flexGrow) {
+  updateStyle<&Style::flexGrow, &Style::setFlexGrow>(
+      node, FloatOptional{flexGrow});
+}
+
+float YGNodeStyleGetFlexGrow(const YGNodeConstRef nodeRef) {
+  const auto node = resolveRef(nodeRef);
+  return node->style().flexGrow().isUndefined()
+      ? Style::DefaultFlexGrow
+      : node->style().flexGrow().unwrap();
+}
+
+void YGNodeStyleSetFlexShrink(const YGNodeRef node, const float flexShrink) {
+  updateStyle<&Style::flexShrink, &Style::setFlexShrink>(
+      node, FloatOptional{flexShrink});
+}
+
+float YGNodeStyleGetFlexShrink(const YGNodeConstRef nodeRef) {
+  const auto node = resolveRef(nodeRef);
+  return node->style().flexShrink().isUndefined()
+      ? (node->getConfig()->useWebDefaults() ? Style::WebDefaultFlexShrink
+                                             : Style::DefaultFlexShrink)
+      : node->style().flexShrink().unwrap();
+}
+
+void YGNodeStyleSetFlexBasis(const YGNodeRef node, const float flexBasis) {
+  updateStyle<&Style::flexBasis, &Style::setFlexBasis>(
+      node, value::points(flexBasis));
+}
+
+void YGNodeStyleSetFlexBasisPercent(
+    const YGNodeRef node,
+    const float flexBasisPercent) {
+  updateStyle<&Style::flexBasis, &Style::setFlexBasis>(
+      node, value::percent(flexBasisPercent));
+}
+
+void YGNodeStyleSetFlexBasisAuto(const YGNodeRef node) {
+  updateStyle<&Style::flexBasis, &Style::setFlexBasis>(node, value::ofAuto());
+}
+
+YGValue YGNodeStyleGetFlexBasis(const YGNodeConstRef node) {
+  return (YGValue)resolveRef(node)->style().flexBasis();
+}
+
+void YGNodeStyleSetPosition(YGNodeRef node, YGEdge edge, float points) {
+  updateStyle<&Style::position, &Style::setPosition>(
+      node, scopedEnum(edge), value::points(points));
+}
+
+void YGNodeStyleSetPositionPercent(YGNodeRef node, YGEdge edge, float percent) {
+  updateStyle<&Style::position, &Style::setPosition>(
+      node, scopedEnum(edge), value::percent(percent));
+}
+
+YGValue YGNodeStyleGetPosition(YGNodeConstRef node, YGEdge edge) {
+  return (YGValue)resolveRef(node)->style().position(scopedEnum(edge));
+}
+
+void YGNodeStyleSetMargin(YGNodeRef node, YGEdge edge, float points) {
+  updateStyle<&Style::margin, &Style::setMargin>(
+      node, scopedEnum(edge), value::points(points));
+}
+
+void YGNodeStyleSetMarginPercent(YGNodeRef node, YGEdge edge, float percent) {
+  updateStyle<&Style::margin, &Style::setMargin>(
+      node, scopedEnum(edge), value::percent(percent));
+}
+
+void YGNodeStyleSetMarginAuto(YGNodeRef node, YGEdge edge) {
+  updateStyle<&Style::margin, &Style::setMargin>(
+      node, scopedEnum(edge), value::ofAuto());
+}
+
+YGValue YGNodeStyleGetMargin(YGNodeConstRef node, YGEdge edge) {
+  return (YGValue)resolveRef(node)->style().margin(scopedEnum(edge));
+}
+
+void YGNodeStyleSetPadding(YGNodeRef node, YGEdge edge, float points) {
+  updateStyle<&Style::padding, &Style::setPadding>(
+      node, scopedEnum(edge), value::points(points));
+}
+
+void YGNodeStyleSetPaddingPercent(YGNodeRef node, YGEdge edge, float percent) {
+  updateStyle<&Style::padding, &Style::setPadding>(
+      node, scopedEnum(edge), value::percent(percent));
+}
+
+YGValue YGNodeStyleGetPadding(YGNodeConstRef node, YGEdge edge) {
+  return (YGValue)resolveRef(node)->style().padding(scopedEnum(edge));
+}
+
+void YGNodeStyleSetBorder(
+    const YGNodeRef node,
+    const YGEdge edge,
+    const float border) {
+  updateStyle<&Style::border, &Style::setBorder>(
+      node, scopedEnum(edge), value::points(border));
+}
+
+float YGNodeStyleGetBorder(const YGNodeConstRef node, const YGEdge edge) {
+  auto border = resolveRef(node)->style().border(scopedEnum(edge));
+  if (border.isUndefined() || border.isAuto()) {
+    return YGUndefined;
+  }
+
+  return static_cast<YGValue>(border).value;
+}
+
+void YGNodeStyleSetGap(
+    const YGNodeRef node,
+    const YGGutter gutter,
+    const float gapLength) {
+  updateStyle<&Style::gap, &Style::setGap>(
+      node, scopedEnum(gutter), value::points(gapLength));
+}
+
+float YGNodeStyleGetGap(const YGNodeConstRef node, const YGGutter gutter) {
+  auto gapLength = resolveRef(node)->style().gap(scopedEnum(gutter));
+  if (gapLength.isUndefined() || gapLength.isAuto()) {
+    return YGUndefined;
+  }
+
+  return static_cast<YGValue>(gapLength).value;
+}
+
+void YGNodeStyleSetAspectRatio(const YGNodeRef node, const float aspectRatio) {
+  updateStyle<&Style::aspectRatio, &Style::setAspectRatio>(
+      node, FloatOptional{aspectRatio});
+}
+
+float YGNodeStyleGetAspectRatio(const YGNodeConstRef node) {
+  const FloatOptional op = resolveRef(node)->style().aspectRatio();
+  return op.isUndefined() ? YGUndefined : op.unwrap();
+}
+
+void YGNodeStyleSetWidth(YGNodeRef node, float points) {
+  updateStyle<&Style::dimension, &Style::setDimension>(
+      node, Dimension::Width, value::points(points));
+}
+
+void YGNodeStyleSetWidthPercent(YGNodeRef node, float percent) {
+  updateStyle<&Style::dimension, &Style::setDimension>(
+      node, Dimension::Width, value::percent(percent));
+}
+
+void YGNodeStyleSetWidthAuto(YGNodeRef node) {
+  updateStyle<&Style::dimension, &Style::setDimension>(
+      node, Dimension::Width, value::ofAuto());
+}
+
+YGValue YGNodeStyleGetWidth(YGNodeConstRef node) {
+  return (YGValue)resolveRef(node)->style().dimension(Dimension::Width);
+}
+
+void YGNodeStyleSetHeight(YGNodeRef node, float points) {
+  updateStyle<&Style::dimension, &Style::setDimension>(
+      node, Dimension::Height, value::points(points));
+}
+
+void YGNodeStyleSetHeightPercent(YGNodeRef node, float percent) {
+  updateStyle<&Style::dimension, &Style::setDimension>(
+      node, Dimension::Height, value::percent(percent));
+}
+
+void YGNodeStyleSetHeightAuto(YGNodeRef node) {
+  updateStyle<&Style::dimension, &Style::setDimension>(
+      node, Dimension::Height, value::ofAuto());
+}
+
+YGValue YGNodeStyleGetHeight(YGNodeConstRef node) {
+  return (YGValue)resolveRef(node)->style().dimension(Dimension::Height);
+}
+
+void YGNodeStyleSetMinWidth(const YGNodeRef node, const float minWidth) {
+  updateStyle<&Style::minDimension, &Style::setMinDimension>(
+      node, Dimension::Width, value::points(minWidth));
+}
+
+void YGNodeStyleSetMinWidthPercent(const YGNodeRef node, const float minWidth) {
+  updateStyle<&Style::minDimension, &Style::setMinDimension>(
+      node, Dimension::Width, value::percent(minWidth));
+}
+
+YGValue YGNodeStyleGetMinWidth(const YGNodeConstRef node) {
+  return (YGValue)resolveRef(node)->style().minDimension(Dimension::Width);
+}
+
+void YGNodeStyleSetMinHeight(const YGNodeRef node, const float minHeight) {
+  updateStyle<&Style::minDimension, &Style::setMinDimension>(
+      node, Dimension::Height, value::points(minHeight));
+}
+
+void YGNodeStyleSetMinHeightPercent(
+    const YGNodeRef node,
+    const float minHeight) {
+  updateStyle<&Style::minDimension, &Style::setMinDimension>(
+      node, Dimension::Height, value::percent(minHeight));
+}
+
+YGValue YGNodeStyleGetMinHeight(const YGNodeConstRef node) {
+  return (YGValue)resolveRef(node)->style().minDimension(Dimension::Height);
+}
+
+void YGNodeStyleSetMaxWidth(const YGNodeRef node, const float maxWidth) {
+  updateStyle<&Style::maxDimension, &Style::setMaxDimension>(
+      node, Dimension::Width, value::points(maxWidth));
+}
+
+void YGNodeStyleSetMaxWidthPercent(const YGNodeRef node, const float maxWidth) {
+  updateStyle<&Style::maxDimension, &Style::setMaxDimension>(
+      node, Dimension::Width, value::percent(maxWidth));
+}
+
+YGValue YGNodeStyleGetMaxWidth(const YGNodeConstRef node) {
+  return (YGValue)resolveRef(node)->style().maxDimension(Dimension::Width);
+}
+
+void YGNodeStyleSetMaxHeight(const YGNodeRef node, const float maxHeight) {
+  updateStyle<&Style::maxDimension, &Style::setMaxDimension>(
+      node, Dimension::Height, value::points(maxHeight));
+}
+
+void YGNodeStyleSetMaxHeightPercent(
+    const YGNodeRef node,
+    const float maxHeight) {
+  updateStyle<&Style::maxDimension, &Style::setMaxDimension>(
+      node, Dimension::Height, value::percent(maxHeight));
+}
+
+YGValue YGNodeStyleGetMaxHeight(const YGNodeConstRef node) {
+  return (YGValue)resolveRef(node)->style().maxDimension(Dimension::Height);
+}
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGNodeStyle.h b/packages/react-native/ReactCommon/yoga/yoga/YGNodeStyle.h
new file mode 100644
index 00000000000000..09727087ba4ef8
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGNodeStyle.h
@@ -0,0 +1,123 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <stddef.h>
+
+#include <yoga/YGNode.h>
+#include <yoga/YGValue.h>
+
+YG_EXTERN_C_BEGIN
+
+YG_EXPORT void YGNodeCopyStyle(YGNodeRef dstNode, YGNodeConstRef srcNode);
+
+YG_EXPORT void YGNodeStyleSetDirection(YGNodeRef node, YGDirection direction);
+YG_EXPORT YGDirection YGNodeStyleGetDirection(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetFlexDirection(
+    YGNodeRef node,
+    YGFlexDirection flexDirection);
+YG_EXPORT YGFlexDirection YGNodeStyleGetFlexDirection(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetJustifyContent(
+    YGNodeRef node,
+    YGJustify justifyContent);
+YG_EXPORT YGJustify YGNodeStyleGetJustifyContent(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetAlignContent(YGNodeRef node, YGAlign alignContent);
+YG_EXPORT YGAlign YGNodeStyleGetAlignContent(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetAlignItems(YGNodeRef node, YGAlign alignItems);
+YG_EXPORT YGAlign YGNodeStyleGetAlignItems(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetAlignSelf(YGNodeRef node, YGAlign alignSelf);
+YG_EXPORT YGAlign YGNodeStyleGetAlignSelf(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetPositionType(
+    YGNodeRef node,
+    YGPositionType positionType);
+YG_EXPORT YGPositionType YGNodeStyleGetPositionType(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetFlexWrap(YGNodeRef node, YGWrap flexWrap);
+YG_EXPORT YGWrap YGNodeStyleGetFlexWrap(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetOverflow(YGNodeRef node, YGOverflow overflow);
+YG_EXPORT YGOverflow YGNodeStyleGetOverflow(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetDisplay(YGNodeRef node, YGDisplay display);
+YG_EXPORT YGDisplay YGNodeStyleGetDisplay(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetFlex(YGNodeRef node, float flex);
+YG_EXPORT float YGNodeStyleGetFlex(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetFlexGrow(YGNodeRef node, float flexGrow);
+YG_EXPORT float YGNodeStyleGetFlexGrow(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetFlexShrink(YGNodeRef node, float flexShrink);
+YG_EXPORT float YGNodeStyleGetFlexShrink(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetFlexBasis(YGNodeRef node, float flexBasis);
+YG_EXPORT void YGNodeStyleSetFlexBasisPercent(YGNodeRef node, float flexBasis);
+YG_EXPORT void YGNodeStyleSetFlexBasisAuto(YGNodeRef node);
+YG_EXPORT YGValue YGNodeStyleGetFlexBasis(YGNodeConstRef node);
+
+YG_EXPORT void
+YGNodeStyleSetPosition(YGNodeRef node, YGEdge edge, float position);
+YG_EXPORT void
+YGNodeStyleSetPositionPercent(YGNodeRef node, YGEdge edge, float position);
+YG_EXPORT YGValue YGNodeStyleGetPosition(YGNodeConstRef node, YGEdge edge);
+
+YG_EXPORT void YGNodeStyleSetMargin(YGNodeRef node, YGEdge edge, float margin);
+YG_EXPORT void
+YGNodeStyleSetMarginPercent(YGNodeRef node, YGEdge edge, float margin);
+YG_EXPORT void YGNodeStyleSetMarginAuto(YGNodeRef node, YGEdge edge);
+YG_EXPORT YGValue YGNodeStyleGetMargin(YGNodeConstRef node, YGEdge edge);
+
+YG_EXPORT void
+YGNodeStyleSetPadding(YGNodeRef node, YGEdge edge, float padding);
+YG_EXPORT void
+YGNodeStyleSetPaddingPercent(YGNodeRef node, YGEdge edge, float padding);
+YG_EXPORT YGValue YGNodeStyleGetPadding(YGNodeConstRef node, YGEdge edge);
+
+YG_EXPORT void YGNodeStyleSetBorder(YGNodeRef node, YGEdge edge, float border);
+YG_EXPORT float YGNodeStyleGetBorder(YGNodeConstRef node, YGEdge edge);
+
+YG_EXPORT void
+YGNodeStyleSetGap(YGNodeRef node, YGGutter gutter, float gapLength);
+YG_EXPORT float YGNodeStyleGetGap(YGNodeConstRef node, YGGutter gutter);
+
+YG_EXPORT void YGNodeStyleSetWidth(YGNodeRef node, float width);
+YG_EXPORT void YGNodeStyleSetWidthPercent(YGNodeRef node, float width);
+YG_EXPORT void YGNodeStyleSetWidthAuto(YGNodeRef node);
+YG_EXPORT YGValue YGNodeStyleGetWidth(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetHeight(YGNodeRef node, float height);
+YG_EXPORT void YGNodeStyleSetHeightPercent(YGNodeRef node, float height);
+YG_EXPORT void YGNodeStyleSetHeightAuto(YGNodeRef node);
+YG_EXPORT YGValue YGNodeStyleGetHeight(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetMinWidth(YGNodeRef node, float minWidth);
+YG_EXPORT void YGNodeStyleSetMinWidthPercent(YGNodeRef node, float minWidth);
+YG_EXPORT YGValue YGNodeStyleGetMinWidth(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetMinHeight(YGNodeRef node, float minHeight);
+YG_EXPORT void YGNodeStyleSetMinHeightPercent(YGNodeRef node, float minHeight);
+YG_EXPORT YGValue YGNodeStyleGetMinHeight(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetMaxWidth(YGNodeRef node, float maxWidth);
+YG_EXPORT void YGNodeStyleSetMaxWidthPercent(YGNodeRef node, float maxWidth);
+YG_EXPORT YGValue YGNodeStyleGetMaxWidth(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetMaxHeight(YGNodeRef node, float maxHeight);
+YG_EXPORT void YGNodeStyleSetMaxHeightPercent(YGNodeRef node, float maxHeight);
+YG_EXPORT YGValue YGNodeStyleGetMaxHeight(YGNodeConstRef node);
+
+YG_EXPORT void YGNodeStyleSetAspectRatio(YGNodeRef node, float aspectRatio);
+YG_EXPORT float YGNodeStyleGetAspectRatio(YGNodeConstRef node);
+
+YG_EXTERN_C_END
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGPixelGrid.cpp b/packages/react-native/ReactCommon/yoga/yoga/YGPixelGrid.cpp
new file mode 100644
index 00000000000000..a855a292c2d665
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGPixelGrid.cpp
@@ -0,0 +1,22 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <yoga/Yoga.h>
+
+#include <yoga/algorithm/PixelGrid.h>
+
+using namespace facebook;
+using namespace facebook::yoga;
+
+float YGRoundValueToPixelGrid(
+    const double value,
+    const double pointScaleFactor,
+    const bool forceCeil,
+    const bool forceFloor) {
+  return yoga::roundValueToPixelGrid(
+      value, pointScaleFactor, forceCeil, forceFloor);
+}
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGPixelGrid.h b/packages/react-native/ReactCommon/yoga/yoga/YGPixelGrid.h
new file mode 100644
index 00000000000000..e2a6aeb6989e53
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGPixelGrid.h
@@ -0,0 +1,29 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <stdbool.h>
+
+#include <yoga/YGConfig.h>
+#include <yoga/YGEnums.h>
+#include <yoga/YGMacros.h>
+
+YG_EXTERN_C_BEGIN
+
+/**
+ * Rounds a point value to the nearest whole pixel, given a pointScaleFactor
+ * describing pixel density.
+ * @returns the rounded value in points
+ */
+YG_EXPORT float YGRoundValueToPixelGrid(
+    double value,
+    double pointScaleFactor,
+    bool forceCeil,
+    bool forceFloor);
+
+YG_EXTERN_C_END
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGValue.cpp b/packages/react-native/ReactCommon/yoga/yoga/YGValue.cpp
index 194d22caa87882..7a469b9cc409fd 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/YGValue.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGValue.cpp
@@ -6,7 +6,15 @@
  */
 
 #include <yoga/YGValue.h>
+#include <yoga/numeric/Comparison.h>
+
+using namespace facebook;
+using namespace facebook::yoga;
 
 const YGValue YGValueZero = {0, YGUnitPoint};
 const YGValue YGValueUndefined = {YGUndefined, YGUnitUndefined};
 const YGValue YGValueAuto = {YGUndefined, YGUnitAuto};
+
+bool YGFloatIsUndefined(const float value) {
+  return yoga::isUndefined(value);
+}
diff --git a/packages/react-native/ReactCommon/yoga/yoga/YGValue.h b/packages/react-native/ReactCommon/yoga/yoga/YGValue.h
index d6051070b0f414..7fa6fd918e5dc3 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/YGValue.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/YGValue.h
@@ -7,30 +7,55 @@
 
 #pragma once
 
+#include <stdbool.h>
+
 #include <yoga/YGEnums.h>
 #include <yoga/YGMacros.h>
 
+/**
+ * Float value to represent "undefined" in style values.
+ */
+#ifdef __cplusplus
+#include <limits>
+constexpr float YGUndefined = std::numeric_limits<float>::quiet_NaN();
+#else
+#include <math.h>
+#define YGUndefined NAN
+#endif
+
 YG_EXTERN_C_BEGIN
 
+/**
+ * Structure used to represent a dimension in a style.
+ */
 typedef struct YGValue {
   float value;
   YGUnit unit;
 } YGValue;
 
+/**
+ * Constant for a dimension of "auto".
+ */
 YG_EXPORT extern const YGValue YGValueAuto;
+
+/**
+ * Constant for a dimension which is not defined.
+ */
 YG_EXPORT extern const YGValue YGValueUndefined;
+
+/**
+ * Constant for a dimension that is zero-length.
+ */
 YG_EXPORT extern const YGValue YGValueZero;
 
-YG_EXTERN_C_END
+/**
+ * Whether a dimension represented as a float is defined.
+ */
+YG_EXPORT bool YGFloatIsUndefined(float value);
 
-#ifdef __cplusplus
-#include <limits>
-constexpr float YGUndefined = std::numeric_limits<float>::quiet_NaN();
-#else
-#include <math.h>
-#define YGUndefined NAN
-#endif
+YG_EXTERN_C_END
 
+// Equality operators for comparison of YGValue in C++
 #ifdef __cplusplus
 inline bool operator==(const YGValue& lhs, const YGValue& rhs) {
   if (lhs.unit != rhs.unit) {
diff --git a/packages/react-native/ReactCommon/yoga/yoga/Yoga-internal.h b/packages/react-native/ReactCommon/yoga/yoga/Yoga-internal.h
deleted file mode 100644
index 7c1caaa3785e2b..00000000000000
--- a/packages/react-native/ReactCommon/yoga/yoga/Yoga-internal.h
+++ /dev/null
@@ -1,22 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <algorithm>
-#include <cmath>
-#include <vector>
-
-#include <yoga/Yoga.h>
-
-YG_EXTERN_C_BEGIN
-
-// Deallocates a Yoga Node. Unlike YGNodeFree, does not remove the node from
-// its parent or children.
-YG_EXPORT void YGNodeDeallocate(YGNodeRef node);
-
-YG_EXTERN_C_END
diff --git a/packages/react-native/ReactCommon/yoga/yoga/Yoga.cpp b/packages/react-native/ReactCommon/yoga/yoga/Yoga.cpp
deleted file mode 100644
index ee14372bf1e53a..00000000000000
--- a/packages/react-native/ReactCommon/yoga/yoga/Yoga.cpp
+++ /dev/null
@@ -1,963 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#include <yoga/Yoga-internal.h>
-#include <yoga/Yoga.h>
-
-#include <yoga/algorithm/Cache.h>
-#include <yoga/algorithm/CalculateLayout.h>
-#include <yoga/algorithm/PixelGrid.h>
-#include <yoga/debug/AssertFatal.h>
-#include <yoga/debug/Log.h>
-#include <yoga/debug/NodeToString.h>
-#include <yoga/event/event.h>
-#include <yoga/node/Node.h>
-
-using namespace facebook;
-using namespace facebook::yoga;
-
-bool YGFloatIsUndefined(const float value) {
-  return yoga::isUndefined(value);
-}
-
-void* YGNodeGetContext(YGNodeConstRef node) {
-  return resolveRef(node)->getContext();
-}
-
-void YGNodeSetContext(YGNodeRef node, void* context) {
-  return resolveRef(node)->setContext(context);
-}
-
-YGConfigConstRef YGNodeGetConfig(YGNodeRef node) {
-  return resolveRef(node)->getConfig();
-}
-
-void YGNodeSetConfig(YGNodeRef node, YGConfigRef config) {
-  resolveRef(node)->setConfig(resolveRef(config));
-}
-
-bool YGNodeHasMeasureFunc(YGNodeConstRef node) {
-  return resolveRef(node)->hasMeasureFunc();
-}
-
-void YGNodeSetMeasureFunc(YGNodeRef node, YGMeasureFunc measureFunc) {
-  resolveRef(node)->setMeasureFunc(measureFunc);
-}
-
-bool YGNodeHasBaselineFunc(YGNodeConstRef node) {
-  return resolveRef(node)->hasBaselineFunc();
-}
-
-void YGNodeSetBaselineFunc(YGNodeRef node, YGBaselineFunc baselineFunc) {
-  resolveRef(node)->setBaselineFunc(baselineFunc);
-}
-
-YGDirtiedFunc YGNodeGetDirtiedFunc(YGNodeConstRef node) {
-  return resolveRef(node)->getDirtiedFunc();
-}
-
-void YGNodeSetDirtiedFunc(YGNodeRef node, YGDirtiedFunc dirtiedFunc) {
-  resolveRef(node)->setDirtiedFunc(dirtiedFunc);
-}
-
-void YGNodeSetPrintFunc(YGNodeRef node, YGPrintFunc printFunc) {
-  resolveRef(node)->setPrintFunc(printFunc);
-}
-
-bool YGNodeGetHasNewLayout(YGNodeConstRef node) {
-  return resolveRef(node)->getHasNewLayout();
-}
-
-void YGConfigSetPrintTreeFlag(YGConfigRef config, bool enabled) {
-  resolveRef(config)->setShouldPrintTree(enabled);
-}
-
-void YGNodeSetHasNewLayout(YGNodeRef node, bool hasNewLayout) {
-  resolveRef(node)->setHasNewLayout(hasNewLayout);
-}
-
-YGNodeType YGNodeGetNodeType(YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getNodeType());
-}
-
-void YGNodeSetNodeType(YGNodeRef node, YGNodeType nodeType) {
-  return resolveRef(node)->setNodeType(scopedEnum(nodeType));
-}
-
-bool YGNodeIsDirty(YGNodeConstRef node) {
-  return resolveRef(node)->isDirty();
-}
-
-void YGNodeMarkDirtyAndPropagateToDescendants(const YGNodeRef node) {
-  return resolveRef(node)->markDirtyAndPropagateDownwards();
-}
-
-YGNodeRef YGNodeNewWithConfig(const YGConfigConstRef config) {
-  auto* node = new yoga::Node{resolveRef(config)};
-  yoga::assertFatal(
-      config != nullptr, "Tried to construct YGNode with null config");
-  Event::publish<Event::NodeAllocation>(node, {config});
-
-  return node;
-}
-
-YGConfigConstRef YGConfigGetDefault() {
-  return &yoga::Config::getDefault();
-}
-
-YGNodeRef YGNodeNew(void) {
-  return YGNodeNewWithConfig(YGConfigGetDefault());
-}
-
-YGNodeRef YGNodeClone(YGNodeConstRef oldNodeRef) {
-  auto oldNode = resolveRef(oldNodeRef);
-  const auto node = new yoga::Node(*oldNode);
-  yoga::assertFatalWithConfig(
-      oldNode->getConfig(),
-      node != nullptr,
-      "Could not allocate memory for node");
-  Event::publish<Event::NodeAllocation>(node, {node->getConfig()});
-  node->setOwner(nullptr);
-  return node;
-}
-
-void YGNodeFree(const YGNodeRef nodeRef) {
-  const auto node = resolveRef(nodeRef);
-
-  if (auto owner = node->getOwner()) {
-    owner->removeChild(node);
-    node->setOwner(nullptr);
-  }
-
-  const size_t childCount = node->getChildCount();
-  for (size_t i = 0; i < childCount; i++) {
-    auto child = node->getChild(i);
-    child->setOwner(nullptr);
-  }
-
-  node->clearChildren();
-  YGNodeDeallocate(node);
-}
-
-void YGNodeDeallocate(const YGNodeRef node) {
-  Event::publish<Event::NodeDeallocation>(node, {YGNodeGetConfig(node)});
-  delete resolveRef(node);
-}
-
-void YGNodeFreeRecursiveWithCleanupFunc(
-    const YGNodeRef rootRef,
-    YGNodeCleanupFunc cleanup) {
-  const auto root = resolveRef(rootRef);
-
-  size_t skipped = 0;
-  while (root->getChildCount() > skipped) {
-    const auto child = root->getChild(skipped);
-    if (child->getOwner() != root) {
-      // Don't free shared nodes that we don't own.
-      skipped += 1;
-    } else {
-      YGNodeRemoveChild(root, child);
-      YGNodeFreeRecursive(child);
-    }
-  }
-  if (cleanup != nullptr) {
-    cleanup(root);
-  }
-  YGNodeFree(root);
-}
-
-void YGNodeFreeRecursive(const YGNodeRef root) {
-  return YGNodeFreeRecursiveWithCleanupFunc(root, nullptr);
-}
-
-void YGNodeReset(YGNodeRef node) {
-  resolveRef(node)->reset();
-}
-
-YGConfigRef YGConfigNew(void) {
-  return new yoga::Config(getDefaultLogger());
-}
-
-void YGConfigFree(const YGConfigRef config) {
-  delete resolveRef(config);
-}
-
-void YGNodeSetIsReferenceBaseline(YGNodeRef nodeRef, bool isReferenceBaseline) {
-  const auto node = resolveRef(nodeRef);
-  if (node->isReferenceBaseline() != isReferenceBaseline) {
-    node->setIsReferenceBaseline(isReferenceBaseline);
-    node->markDirtyAndPropagate();
-  }
-}
-
-bool YGNodeIsReferenceBaseline(YGNodeConstRef node) {
-  return resolveRef(node)->isReferenceBaseline();
-}
-
-void YGNodeInsertChild(
-    const YGNodeRef ownerRef,
-    const YGNodeRef childRef,
-    const size_t index) {
-  auto owner = resolveRef(ownerRef);
-  auto child = resolveRef(childRef);
-
-  yoga::assertFatalWithNode(
-      owner,
-      child->getOwner() == nullptr,
-      "Child already has a owner, it must be removed first.");
-
-  yoga::assertFatalWithNode(
-      owner,
-      !owner->hasMeasureFunc(),
-      "Cannot add child: Nodes with measure functions cannot have children.");
-
-  owner->insertChild(child, index);
-  child->setOwner(owner);
-  owner->markDirtyAndPropagate();
-}
-
-void YGNodeSwapChild(
-    const YGNodeRef ownerRef,
-    const YGNodeRef childRef,
-    const size_t index) {
-  auto owner = resolveRef(ownerRef);
-  auto child = resolveRef(childRef);
-
-  owner->replaceChild(child, index);
-  child->setOwner(owner);
-}
-
-void YGNodeRemoveChild(
-    const YGNodeRef ownerRef,
-    const YGNodeRef excludedChildRef) {
-  auto owner = resolveRef(ownerRef);
-  auto excludedChild = resolveRef(excludedChildRef);
-
-  if (owner->getChildCount() == 0) {
-    // This is an empty set. Nothing to remove.
-    return;
-  }
-
-  // Children may be shared between parents, which is indicated by not having an
-  // owner. We only want to reset the child completely if it is owned
-  // exclusively by one node.
-  auto childOwner = excludedChild->getOwner();
-  if (owner->removeChild(excludedChild)) {
-    if (owner == childOwner) {
-      excludedChild->setLayout({}); // layout is no longer valid
-      excludedChild->setOwner(nullptr);
-    }
-    owner->markDirtyAndPropagate();
-  }
-}
-
-void YGNodeRemoveAllChildren(const YGNodeRef ownerRef) {
-  auto owner = resolveRef(ownerRef);
-
-  const size_t childCount = owner->getChildCount();
-  if (childCount == 0) {
-    // This is an empty set already. Nothing to do.
-    return;
-  }
-  auto* firstChild = owner->getChild(0);
-  if (firstChild->getOwner() == owner) {
-    // If the first child has this node as its owner, we assume that this child
-    // set is unique.
-    for (size_t i = 0; i < childCount; i++) {
-      yoga::Node* oldChild = owner->getChild(i);
-      oldChild->setLayout({}); // layout is no longer valid
-      oldChild->setOwner(nullptr);
-    }
-    owner->clearChildren();
-    owner->markDirtyAndPropagate();
-    return;
-  }
-  // Otherwise, we are not the owner of the child set. We don't have to do
-  // anything to clear it.
-  owner->setChildren({});
-  owner->markDirtyAndPropagate();
-}
-
-void YGNodeSetChildren(
-    const YGNodeRef ownerRef,
-    const YGNodeRef* childrenRefs,
-    const size_t count) {
-  auto owner = resolveRef(ownerRef);
-  auto children = reinterpret_cast<yoga::Node* const*>(childrenRefs);
-
-  if (!owner) {
-    return;
-  }
-
-  const std::vector<yoga::Node*> childrenVector = {children, children + count};
-  if (childrenVector.size() == 0) {
-    if (owner->getChildCount() > 0) {
-      for (auto* child : owner->getChildren()) {
-        child->setLayout({});
-        child->setOwner(nullptr);
-      }
-      owner->setChildren({});
-      owner->markDirtyAndPropagate();
-    }
-  } else {
-    if (owner->getChildCount() > 0) {
-      for (auto* oldChild : owner->getChildren()) {
-        // Our new children may have nodes in common with the old children. We
-        // don't reset these common nodes.
-        if (std::find(childrenVector.begin(), childrenVector.end(), oldChild) ==
-            childrenVector.end()) {
-          oldChild->setLayout({});
-          oldChild->setOwner(nullptr);
-        }
-      }
-    }
-    owner->setChildren(childrenVector);
-    for (yoga::Node* child : childrenVector) {
-      child->setOwner(owner);
-    }
-    owner->markDirtyAndPropagate();
-  }
-}
-
-YGNodeRef YGNodeGetChild(const YGNodeRef nodeRef, const size_t index) {
-  const auto node = resolveRef(nodeRef);
-
-  if (index < node->getChildren().size()) {
-    return node->getChild(index);
-  }
-  return nullptr;
-}
-
-size_t YGNodeGetChildCount(const YGNodeConstRef node) {
-  return resolveRef(node)->getChildren().size();
-}
-
-YGNodeRef YGNodeGetOwner(const YGNodeRef node) {
-  return resolveRef(node)->getOwner();
-}
-
-YGNodeRef YGNodeGetParent(const YGNodeRef node) {
-  return resolveRef(node)->getOwner();
-}
-
-void YGNodeMarkDirty(const YGNodeRef nodeRef) {
-  const auto node = resolveRef(nodeRef);
-
-  yoga::assertFatalWithNode(
-      node,
-      node->hasMeasureFunc(),
-      "Only leaf nodes with custom measure functions "
-      "should manually mark themselves as dirty");
-
-  node->markDirtyAndPropagate();
-}
-
-void YGNodeCopyStyle(
-    const YGNodeRef dstNodeRef,
-    const YGNodeConstRef srcNodeRef) {
-  auto dstNode = resolveRef(dstNodeRef);
-  auto srcNode = resolveRef(srcNodeRef);
-
-  if (!(dstNode->getStyle() == srcNode->getStyle())) {
-    dstNode->setStyle(srcNode->getStyle());
-    dstNode->markDirtyAndPropagate();
-  }
-}
-
-float YGNodeStyleGetFlexGrow(const YGNodeConstRef nodeRef) {
-  const auto node = resolveRef(nodeRef);
-  return node->getStyle().flexGrow().isUndefined()
-      ? Style::DefaultFlexGrow
-      : node->getStyle().flexGrow().unwrap();
-}
-
-float YGNodeStyleGetFlexShrink(const YGNodeConstRef nodeRef) {
-  const auto node = resolveRef(nodeRef);
-  return node->getStyle().flexShrink().isUndefined()
-      ? (node->getConfig()->useWebDefaults() ? Style::WebDefaultFlexShrink
-                                             : Style::DefaultFlexShrink)
-      : node->getStyle().flexShrink().unwrap();
-}
-
-namespace {
-
-template <typename T, typename NeedsUpdate, typename Update>
-void updateStyle(
-    yoga::Node* node,
-    T value,
-    NeedsUpdate&& needsUpdate,
-    Update&& update) {
-  if (needsUpdate(node->getStyle(), value)) {
-    update(node->getStyle(), value);
-    node->markDirtyAndPropagate();
-  }
-}
-
-template <typename Ref, typename T>
-void updateStyle(YGNodeRef node, Ref (Style::*prop)(), T value) {
-  updateStyle(
-      resolveRef(node),
-      value,
-      [prop](Style& s, T x) { return (s.*prop)() != x; },
-      [prop](Style& s, T x) { (s.*prop)() = x; });
-}
-
-template <typename Ref, typename Idx>
-void updateIndexedStyleProp(
-    YGNodeRef node,
-    Ref (Style::*prop)(),
-    Idx idx,
-    CompactValue value) {
-  updateStyle(
-      resolveRef(node),
-      value,
-      [idx, prop](Style& s, CompactValue x) { return (s.*prop)()[idx] != x; },
-      [idx, prop](Style& s, CompactValue x) { (s.*prop)()[idx] = x; });
-}
-
-template <auto GetterT, auto SetterT, typename IdxT>
-void updateIndexedStyleProp(YGNodeRef node, IdxT idx, CompactValue value) {
-  updateStyle(
-      resolveRef(node),
-      value,
-      [idx](Style& s, CompactValue x) { return (s.*GetterT)(idx) != x; },
-      [idx](Style& s, CompactValue x) { (s.*SetterT)(idx, x); });
-}
-
-} // namespace
-
-// MSVC has trouble inferring the return type of pointer to member functions
-// with const and non-const overloads, instead of preferring the non-const
-// overload like clang and GCC. For the purposes of updateStyle(), we can help
-// MSVC by specifying that return type explicitly. In combination with
-// decltype, MSVC will prefer the non-const version.
-#define MSVC_HINT(PROP) decltype(Style{}.PROP())
-
-void YGNodeStyleSetDirection(const YGNodeRef node, const YGDirection value) {
-  updateStyle<MSVC_HINT(direction)>(node, &Style::direction, scopedEnum(value));
-}
-YGDirection YGNodeStyleGetDirection(const YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getStyle().direction());
-}
-
-void YGNodeStyleSetFlexDirection(
-    const YGNodeRef node,
-    const YGFlexDirection flexDirection) {
-  updateStyle<MSVC_HINT(flexDirection)>(
-      node, &Style::flexDirection, scopedEnum(flexDirection));
-}
-YGFlexDirection YGNodeStyleGetFlexDirection(const YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getStyle().flexDirection());
-}
-
-void YGNodeStyleSetJustifyContent(
-    const YGNodeRef node,
-    const YGJustify justifyContent) {
-  updateStyle<MSVC_HINT(justifyContent)>(
-      node, &Style::justifyContent, scopedEnum(justifyContent));
-}
-YGJustify YGNodeStyleGetJustifyContent(const YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getStyle().justifyContent());
-}
-
-void YGNodeStyleSetAlignContent(
-    const YGNodeRef node,
-    const YGAlign alignContent) {
-  updateStyle<MSVC_HINT(alignContent)>(
-      node, &Style::alignContent, scopedEnum(alignContent));
-}
-YGAlign YGNodeStyleGetAlignContent(const YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getStyle().alignContent());
-}
-
-void YGNodeStyleSetAlignItems(const YGNodeRef node, const YGAlign alignItems) {
-  updateStyle<MSVC_HINT(alignItems)>(
-      node, &Style::alignItems, scopedEnum(alignItems));
-}
-YGAlign YGNodeStyleGetAlignItems(const YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getStyle().alignItems());
-}
-
-void YGNodeStyleSetAlignSelf(const YGNodeRef node, const YGAlign alignSelf) {
-  updateStyle<MSVC_HINT(alignSelf)>(
-      node, &Style::alignSelf, scopedEnum(alignSelf));
-}
-YGAlign YGNodeStyleGetAlignSelf(const YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getStyle().alignSelf());
-}
-
-void YGNodeStyleSetPositionType(
-    const YGNodeRef node,
-    const YGPositionType positionType) {
-  updateStyle<MSVC_HINT(positionType)>(
-      node, &Style::positionType, scopedEnum(positionType));
-}
-YGPositionType YGNodeStyleGetPositionType(const YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getStyle().positionType());
-}
-
-void YGNodeStyleSetFlexWrap(const YGNodeRef node, const YGWrap flexWrap) {
-  updateStyle<MSVC_HINT(flexWrap)>(
-      node, &Style::flexWrap, scopedEnum(flexWrap));
-}
-YGWrap YGNodeStyleGetFlexWrap(const YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getStyle().flexWrap());
-}
-
-void YGNodeStyleSetOverflow(const YGNodeRef node, const YGOverflow overflow) {
-  updateStyle<MSVC_HINT(overflow)>(
-      node, &Style::overflow, scopedEnum(overflow));
-}
-YGOverflow YGNodeStyleGetOverflow(const YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getStyle().overflow());
-}
-
-void YGNodeStyleSetDisplay(const YGNodeRef node, const YGDisplay display) {
-  updateStyle<MSVC_HINT(display)>(node, &Style::display, scopedEnum(display));
-}
-YGDisplay YGNodeStyleGetDisplay(const YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getStyle().display());
-}
-
-void YGNodeStyleSetFlex(const YGNodeRef node, const float flex) {
-  updateStyle<MSVC_HINT(flex)>(node, &Style::flex, FloatOptional{flex});
-}
-
-float YGNodeStyleGetFlex(const YGNodeConstRef nodeRef) {
-  const auto node = resolveRef(nodeRef);
-  return node->getStyle().flex().isUndefined()
-      ? YGUndefined
-      : node->getStyle().flex().unwrap();
-}
-
-void YGNodeStyleSetFlexGrow(const YGNodeRef node, const float flexGrow) {
-  updateStyle<MSVC_HINT(flexGrow)>(
-      node, &Style::flexGrow, FloatOptional{flexGrow});
-}
-
-void YGNodeStyleSetFlexShrink(const YGNodeRef node, const float flexShrink) {
-  updateStyle<MSVC_HINT(flexShrink)>(
-      node, &Style::flexShrink, FloatOptional{flexShrink});
-}
-
-YGValue YGNodeStyleGetFlexBasis(const YGNodeConstRef node) {
-  YGValue flexBasis = resolveRef(node)->getStyle().flexBasis();
-  if (flexBasis.unit == YGUnitUndefined || flexBasis.unit == YGUnitAuto) {
-    flexBasis.value = YGUndefined;
-  }
-  return flexBasis;
-}
-
-void YGNodeStyleSetFlexBasis(const YGNodeRef node, const float flexBasis) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(flexBasis);
-  updateStyle<MSVC_HINT(flexBasis)>(node, &Style::flexBasis, value);
-}
-
-void YGNodeStyleSetFlexBasisPercent(
-    const YGNodeRef node,
-    const float flexBasisPercent) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(flexBasisPercent);
-  updateStyle<MSVC_HINT(flexBasis)>(node, &Style::flexBasis, value);
-}
-
-void YGNodeStyleSetFlexBasisAuto(const YGNodeRef node) {
-  updateStyle<MSVC_HINT(flexBasis)>(
-      node, &Style::flexBasis, CompactValue::ofAuto());
-}
-
-void YGNodeStyleSetPosition(YGNodeRef node, YGEdge edge, float points) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(points);
-  updateIndexedStyleProp<MSVC_HINT(position)>(
-      node, &Style::position, edge, value);
-}
-void YGNodeStyleSetPositionPercent(YGNodeRef node, YGEdge edge, float percent) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(percent);
-  updateIndexedStyleProp<MSVC_HINT(position)>(
-      node, &Style::position, edge, value);
-}
-YGValue YGNodeStyleGetPosition(YGNodeConstRef node, YGEdge edge) {
-  return resolveRef(node)->getStyle().position()[edge];
-}
-
-void YGNodeStyleSetMargin(YGNodeRef node, YGEdge edge, float points) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(points);
-  updateIndexedStyleProp<MSVC_HINT(margin)>(node, &Style::margin, edge, value);
-}
-void YGNodeStyleSetMarginPercent(YGNodeRef node, YGEdge edge, float percent) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(percent);
-  updateIndexedStyleProp<MSVC_HINT(margin)>(node, &Style::margin, edge, value);
-}
-void YGNodeStyleSetMarginAuto(YGNodeRef node, YGEdge edge) {
-  updateIndexedStyleProp<MSVC_HINT(margin)>(
-      node, &Style::margin, edge, CompactValue::ofAuto());
-}
-YGValue YGNodeStyleGetMargin(YGNodeConstRef node, YGEdge edge) {
-  return resolveRef(node)->getStyle().margin()[edge];
-}
-
-void YGNodeStyleSetPadding(YGNodeRef node, YGEdge edge, float points) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(points);
-  updateIndexedStyleProp<MSVC_HINT(padding)>(
-      node, &Style::padding, edge, value);
-}
-void YGNodeStyleSetPaddingPercent(YGNodeRef node, YGEdge edge, float percent) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(percent);
-  updateIndexedStyleProp<MSVC_HINT(padding)>(
-      node, &Style::padding, edge, value);
-}
-YGValue YGNodeStyleGetPadding(YGNodeConstRef node, YGEdge edge) {
-  return resolveRef(node)->getStyle().padding()[edge];
-}
-
-void YGNodeStyleSetBorder(
-    const YGNodeRef node,
-    const YGEdge edge,
-    const float border) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(border);
-  updateIndexedStyleProp<MSVC_HINT(border)>(node, &Style::border, edge, value);
-}
-
-float YGNodeStyleGetBorder(const YGNodeConstRef node, const YGEdge edge) {
-  auto border = resolveRef(node)->getStyle().border()[edge];
-  if (border.isUndefined() || border.isAuto()) {
-    return YGUndefined;
-  }
-
-  return static_cast<YGValue>(border).value;
-}
-
-void YGNodeStyleSetGap(
-    const YGNodeRef node,
-    const YGGutter gutter,
-    const float gapLength) {
-  auto length = CompactValue::ofMaybe<YGUnitPoint>(gapLength);
-  updateIndexedStyleProp<&Style::gap, &Style::setGap>(
-      node, scopedEnum(gutter), length);
-}
-
-float YGNodeStyleGetGap(const YGNodeConstRef node, const YGGutter gutter) {
-  auto gapLength = resolveRef(node)->getStyle().gap(scopedEnum(gutter));
-  if (gapLength.isUndefined() || gapLength.isAuto()) {
-    return YGUndefined;
-  }
-
-  return static_cast<YGValue>(gapLength).value;
-}
-
-// Yoga specific properties, not compatible with flexbox specification
-
-float YGNodeStyleGetAspectRatio(const YGNodeConstRef node) {
-  const FloatOptional op = resolveRef(node)->getStyle().aspectRatio();
-  return op.isUndefined() ? YGUndefined : op.unwrap();
-}
-
-void YGNodeStyleSetAspectRatio(const YGNodeRef node, const float aspectRatio) {
-  updateStyle<MSVC_HINT(aspectRatio)>(
-      node, &Style::aspectRatio, FloatOptional{aspectRatio});
-}
-
-void YGNodeStyleSetWidth(YGNodeRef node, float points) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(points);
-  updateIndexedStyleProp<&Style::dimension, &Style::setDimension>(
-      node, Dimension::Width, value);
-}
-void YGNodeStyleSetWidthPercent(YGNodeRef node, float percent) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(percent);
-  updateIndexedStyleProp<&Style::dimension, &Style::setDimension>(
-      node, Dimension::Width, value);
-}
-void YGNodeStyleSetWidthAuto(YGNodeRef node) {
-  updateIndexedStyleProp<&Style::dimension, &Style::setDimension>(
-      node, Dimension::Width, CompactValue::ofAuto());
-}
-YGValue YGNodeStyleGetWidth(YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().dimension(Dimension::Width);
-}
-
-void YGNodeStyleSetHeight(YGNodeRef node, float points) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(points);
-  updateIndexedStyleProp<&Style::dimension, &Style::setDimension>(
-      node, Dimension::Height, value);
-}
-void YGNodeStyleSetHeightPercent(YGNodeRef node, float percent) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(percent);
-  updateIndexedStyleProp<&Style::dimension, &Style::setDimension>(
-      node, Dimension::Height, value);
-}
-void YGNodeStyleSetHeightAuto(YGNodeRef node) {
-  updateIndexedStyleProp<&Style::dimension, &Style::setDimension>(
-      node, Dimension::Height, CompactValue::ofAuto());
-}
-YGValue YGNodeStyleGetHeight(YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().dimension(Dimension::Height);
-}
-
-void YGNodeStyleSetMinWidth(const YGNodeRef node, const float minWidth) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(minWidth);
-  updateIndexedStyleProp<&Style::minDimension, &Style::setMinDimension>(
-      node, Dimension::Width, value);
-}
-void YGNodeStyleSetMinWidthPercent(const YGNodeRef node, const float minWidth) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(minWidth);
-  updateIndexedStyleProp<&Style::minDimension, &Style::setMinDimension>(
-      node, Dimension::Width, value);
-}
-YGValue YGNodeStyleGetMinWidth(const YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().minDimension(Dimension::Width);
-}
-
-void YGNodeStyleSetMinHeight(const YGNodeRef node, const float minHeight) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(minHeight);
-  updateIndexedStyleProp<&Style::minDimension, &Style::setMinDimension>(
-      node, Dimension::Height, value);
-}
-void YGNodeStyleSetMinHeightPercent(
-    const YGNodeRef node,
-    const float minHeight) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(minHeight);
-  updateIndexedStyleProp<&Style::minDimension, &Style::setMinDimension>(
-      node, Dimension::Height, value);
-}
-YGValue YGNodeStyleGetMinHeight(const YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().minDimension(Dimension::Height);
-}
-
-void YGNodeStyleSetMaxWidth(const YGNodeRef node, const float maxWidth) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(maxWidth);
-  updateIndexedStyleProp<&Style::maxDimension, &Style::setMaxDimension>(
-      node, Dimension::Width, value);
-}
-void YGNodeStyleSetMaxWidthPercent(const YGNodeRef node, const float maxWidth) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(maxWidth);
-  updateIndexedStyleProp<&Style::maxDimension, &Style::setMaxDimension>(
-      node, Dimension::Width, value);
-}
-YGValue YGNodeStyleGetMaxWidth(const YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().maxDimension(Dimension::Width);
-}
-
-void YGNodeStyleSetMaxHeight(const YGNodeRef node, const float maxHeight) {
-  auto value = CompactValue::ofMaybe<YGUnitPoint>(maxHeight);
-  updateIndexedStyleProp<&Style::maxDimension, &Style::setMaxDimension>(
-      node, Dimension::Height, value);
-}
-void YGNodeStyleSetMaxHeightPercent(
-    const YGNodeRef node,
-    const float maxHeight) {
-  auto value = CompactValue::ofMaybe<YGUnitPercent>(maxHeight);
-  updateIndexedStyleProp<&Style::maxDimension, &Style::setMaxDimension>(
-      node, Dimension::Height, value);
-}
-YGValue YGNodeStyleGetMaxHeight(const YGNodeConstRef node) {
-  return resolveRef(node)->getStyle().maxDimension(Dimension::Height);
-}
-
-namespace {
-
-template <auto LayoutMember>
-float getResolvedLayoutProperty(
-    const YGNodeConstRef nodeRef,
-    const YGEdge edge) {
-  const auto node = resolveRef(nodeRef);
-  yoga::assertFatalWithNode(
-      node,
-      edge <= YGEdgeEnd,
-      "Cannot get layout properties of multi-edge shorthands");
-
-  if (edge == YGEdgeStart) {
-    if (node->getLayout().direction() == Direction::RTL) {
-      return (node->getLayout().*LayoutMember)[YGEdgeRight];
-    } else {
-      return (node->getLayout().*LayoutMember)[YGEdgeLeft];
-    }
-  }
-
-  if (edge == YGEdgeEnd) {
-    if (node->getLayout().direction() == Direction::RTL) {
-      return (node->getLayout().*LayoutMember)[YGEdgeLeft];
-    } else {
-      return (node->getLayout().*LayoutMember)[YGEdgeRight];
-    }
-  }
-
-  return (node->getLayout().*LayoutMember)[edge];
-}
-
-} // namespace
-
-float YGNodeLayoutGetLeft(const YGNodeConstRef node) {
-  return resolveRef(node)->getLayout().position[YGEdgeLeft];
-}
-
-float YGNodeLayoutGetTop(const YGNodeConstRef node) {
-  return resolveRef(node)->getLayout().position[YGEdgeTop];
-}
-
-float YGNodeLayoutGetRight(const YGNodeConstRef node) {
-  return resolveRef(node)->getLayout().position[YGEdgeRight];
-}
-
-float YGNodeLayoutGetBottom(const YGNodeConstRef node) {
-  return resolveRef(node)->getLayout().position[YGEdgeBottom];
-}
-
-float YGNodeLayoutGetWidth(const YGNodeConstRef node) {
-  return resolveRef(node)->getLayout().dimension(Dimension::Width);
-}
-
-float YGNodeLayoutGetHeight(const YGNodeConstRef node) {
-  return resolveRef(node)->getLayout().dimension(Dimension::Height);
-}
-
-YGDirection YGNodeLayoutGetDirection(const YGNodeConstRef node) {
-  return unscopedEnum(resolveRef(node)->getLayout().direction());
-}
-
-bool YGNodeLayoutGetHadOverflow(const YGNodeConstRef node) {
-  return resolveRef(node)->getLayout().hadOverflow();
-}
-
-float YGNodeLayoutGetMargin(YGNodeConstRef node, YGEdge edge) {
-  return getResolvedLayoutProperty<&LayoutResults::margin>(node, edge);
-}
-
-float YGNodeLayoutGetBorder(YGNodeConstRef node, YGEdge edge) {
-  return getResolvedLayoutProperty<&LayoutResults::border>(node, edge);
-}
-
-float YGNodeLayoutGetPadding(YGNodeConstRef node, YGEdge edge) {
-  return getResolvedLayoutProperty<&LayoutResults::padding>(node, edge);
-}
-
-#ifdef DEBUG
-void YGNodePrint(const YGNodeConstRef node, const YGPrintOptions options) {
-  yoga::print(resolveRef(node), scopedEnum(options));
-}
-#endif
-
-void YGConfigSetLogger(const YGConfigRef config, YGLogger logger) {
-  if (logger != nullptr) {
-    resolveRef(config)->setLogger(logger);
-  } else {
-    resolveRef(config)->setLogger(getDefaultLogger());
-  }
-}
-
-void YGConfigSetPointScaleFactor(
-    const YGConfigRef config,
-    const float pixelsInPoint) {
-  yoga::assertFatalWithConfig(
-      resolveRef(config),
-      pixelsInPoint >= 0.0f,
-      "Scale factor should not be less than zero");
-
-  // We store points for Pixel as we will use it for rounding
-  if (pixelsInPoint == 0.0f) {
-    // Zero is used to skip rounding
-    resolveRef(config)->setPointScaleFactor(0.0f);
-  } else {
-    resolveRef(config)->setPointScaleFactor(pixelsInPoint);
-  }
-}
-
-float YGConfigGetPointScaleFactor(const YGConfigConstRef config) {
-  return resolveRef(config)->getPointScaleFactor();
-}
-
-float YGRoundValueToPixelGrid(
-    const double value,
-    const double pointScaleFactor,
-    const bool forceCeil,
-    const bool forceFloor) {
-  return yoga::roundValueToPixelGrid(
-      value, pointScaleFactor, forceCeil, forceFloor);
-}
-
-void YGConfigSetExperimentalFeatureEnabled(
-    const YGConfigRef config,
-    const YGExperimentalFeature feature,
-    const bool enabled) {
-  resolveRef(config)->setExperimentalFeatureEnabled(
-      scopedEnum(feature), enabled);
-}
-
-bool YGConfigIsExperimentalFeatureEnabled(
-    const YGConfigConstRef config,
-    const YGExperimentalFeature feature) {
-  return resolveRef(config)->isExperimentalFeatureEnabled(scopedEnum(feature));
-}
-
-void YGConfigSetUseWebDefaults(const YGConfigRef config, const bool enabled) {
-  resolveRef(config)->setUseWebDefaults(enabled);
-}
-
-bool YGConfigGetUseWebDefaults(const YGConfigConstRef config) {
-  return resolveRef(config)->useWebDefaults();
-}
-
-void YGConfigSetContext(const YGConfigRef config, void* context) {
-  resolveRef(config)->setContext(context);
-}
-
-void* YGConfigGetContext(const YGConfigConstRef config) {
-  return resolveRef(config)->getContext();
-}
-
-void YGConfigSetErrata(YGConfigRef config, YGErrata errata) {
-  resolveRef(config)->setErrata(scopedEnum(errata));
-}
-
-YGErrata YGConfigGetErrata(YGConfigConstRef config) {
-  return unscopedEnum(resolveRef(config)->getErrata());
-}
-
-void YGConfigSetCloneNodeFunc(
-    const YGConfigRef config,
-    const YGCloneNodeFunc callback) {
-  resolveRef(config)->setCloneNodeCallback(callback);
-}
-
-// TODO: This should not be part of the public API. Remove after removing
-// ComponentKit usage of it.
-bool YGNodeCanUseCachedMeasurement(
-    YGMeasureMode widthMode,
-    float availableWidth,
-    YGMeasureMode heightMode,
-    float availableHeight,
-    YGMeasureMode lastWidthMode,
-    float lastAvailableWidth,
-    YGMeasureMode lastHeightMode,
-    float lastAvailableHeight,
-    float lastComputedWidth,
-    float lastComputedHeight,
-    float marginRow,
-    float marginColumn,
-    YGConfigRef config) {
-  return yoga::canUseCachedMeasurement(
-      scopedEnum(widthMode),
-      availableWidth,
-      scopedEnum(heightMode),
-      availableHeight,
-      scopedEnum(lastWidthMode),
-      lastAvailableWidth,
-      scopedEnum(lastHeightMode),
-      lastAvailableHeight,
-      lastComputedWidth,
-      lastComputedHeight,
-      marginRow,
-      marginColumn,
-      resolveRef(config));
-}
-
-void YGNodeCalculateLayout(
-    const YGNodeRef node,
-    const float ownerWidth,
-    const float ownerHeight,
-    const YGDirection ownerDirection) {
-  yoga::calculateLayout(
-      resolveRef(node), ownerWidth, ownerHeight, scopedEnum(ownerDirection));
-}
diff --git a/packages/react-native/ReactCommon/yoga/yoga/Yoga.h b/packages/react-native/ReactCommon/yoga/yoga/Yoga.h
index cafbadb66e6c58..2a4f20591ed175 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/Yoga.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/Yoga.h
@@ -7,321 +7,15 @@
 
 #pragma once
 
-#include <stdarg.h>
-#include <stdbool.h>
-#include <stddef.h>
-#include <stdint.h>
+/**
+ * `#include <yoga/Yoga.h>` includes all of Yoga's public headers.
+ */
 
+#include <yoga/YGConfig.h>
 #include <yoga/YGEnums.h>
 #include <yoga/YGMacros.h>
+#include <yoga/YGNode.h>
+#include <yoga/YGNodeLayout.h>
+#include <yoga/YGNodeStyle.h>
+#include <yoga/YGPixelGrid.h>
 #include <yoga/YGValue.h>
-
-YG_EXTERN_C_BEGIN
-
-typedef struct YGSize {
-  float width;
-  float height;
-} YGSize;
-
-typedef struct YGConfig* YGConfigRef;
-typedef const struct YGConfig* YGConfigConstRef;
-
-typedef struct YGNode* YGNodeRef;
-typedef const struct YGNode* YGNodeConstRef;
-
-typedef YGSize (*YGMeasureFunc)(
-    YGNodeConstRef node,
-    float width,
-    YGMeasureMode widthMode,
-    float height,
-    YGMeasureMode heightMode);
-typedef float (*YGBaselineFunc)(YGNodeConstRef node, float width, float height);
-typedef void (*YGDirtiedFunc)(YGNodeConstRef node);
-typedef void (*YGPrintFunc)(YGNodeConstRef node);
-typedef void (*YGNodeCleanupFunc)(YGNodeConstRef node);
-typedef int (*YGLogger)(
-    YGConfigConstRef config,
-    YGNodeConstRef node,
-    YGLogLevel level,
-    const char* format,
-    va_list args);
-typedef YGNodeRef (*YGCloneNodeFunc)(
-    YGNodeConstRef oldNode,
-    YGNodeConstRef owner,
-    size_t childIndex);
-
-// YGNode
-YG_EXPORT YGNodeRef YGNodeNew(void);
-YG_EXPORT YGNodeRef YGNodeNewWithConfig(YGConfigConstRef config);
-YG_EXPORT YGNodeRef YGNodeClone(YGNodeConstRef node);
-YG_EXPORT void YGNodeFree(YGNodeRef node);
-YG_EXPORT void YGNodeFreeRecursiveWithCleanupFunc(
-    YGNodeRef node,
-    YGNodeCleanupFunc cleanup);
-YG_EXPORT void YGNodeFreeRecursive(YGNodeRef node);
-YG_EXPORT void YGNodeReset(YGNodeRef node);
-
-YG_EXPORT void YGNodeInsertChild(YGNodeRef node, YGNodeRef child, size_t index);
-
-YG_EXPORT void YGNodeSwapChild(YGNodeRef node, YGNodeRef child, size_t index);
-
-YG_EXPORT void YGNodeRemoveChild(YGNodeRef node, YGNodeRef child);
-YG_EXPORT void YGNodeRemoveAllChildren(YGNodeRef node);
-YG_EXPORT YGNodeRef YGNodeGetChild(YGNodeRef node, size_t index);
-YG_EXPORT YGNodeRef YGNodeGetOwner(YGNodeRef node);
-YG_EXPORT YGNodeRef YGNodeGetParent(YGNodeRef node);
-YG_EXPORT size_t YGNodeGetChildCount(YGNodeConstRef node);
-YG_EXPORT void
-YGNodeSetChildren(YGNodeRef owner, const YGNodeRef* children, size_t count);
-
-YG_EXPORT void YGNodeSetIsReferenceBaseline(
-    YGNodeRef node,
-    bool isReferenceBaseline);
-
-YG_EXPORT bool YGNodeIsReferenceBaseline(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeCalculateLayout(
-    YGNodeRef node,
-    float availableWidth,
-    float availableHeight,
-    YGDirection ownerDirection);
-
-// Mark a node as dirty. Only valid for nodes with a custom measure function
-// set.
-//
-// Yoga knows when to mark all other nodes as dirty but because nodes with
-// measure functions depend on information not known to Yoga they must perform
-// this dirty marking manually.
-YG_EXPORT void YGNodeMarkDirty(YGNodeRef node);
-
-// Marks the current node and all its descendants as dirty.
-//
-// Intended to be used for Yoga benchmarks. Don't use in production, as calling
-// `YGCalculateLayout` will cause the recalculation of each and every node.
-YG_EXPORT void YGNodeMarkDirtyAndPropagateToDescendants(YGNodeRef node);
-
-YG_EXPORT void YGNodePrint(YGNodeConstRef node, YGPrintOptions options);
-
-YG_EXPORT bool YGFloatIsUndefined(float value);
-
-// TODO: This should not be part of the public API. Remove after removing
-// ComponentKit usage of it.
-YG_EXPORT bool YGNodeCanUseCachedMeasurement(
-    YGMeasureMode widthMode,
-    float availableWidth,
-    YGMeasureMode heightMode,
-    float availableHeight,
-    YGMeasureMode lastWidthMode,
-    float lastAvailableWidth,
-    YGMeasureMode lastHeightMode,
-    float lastAvailableHeight,
-    float lastComputedWidth,
-    float lastComputedHeight,
-    float marginRow,
-    float marginColumn,
-    YGConfigRef config);
-
-YG_EXPORT void YGNodeCopyStyle(YGNodeRef dstNode, YGNodeConstRef srcNode);
-
-YG_EXPORT void* YGNodeGetContext(YGNodeConstRef node);
-YG_EXPORT void YGNodeSetContext(YGNodeRef node, void* context);
-
-YG_EXPORT YGConfigConstRef YGNodeGetConfig(YGNodeRef node);
-YG_EXPORT void YGNodeSetConfig(YGNodeRef node, YGConfigRef config);
-
-YG_EXPORT void YGConfigSetPrintTreeFlag(YGConfigRef config, bool enabled);
-YG_EXPORT bool YGNodeHasMeasureFunc(YGNodeConstRef node);
-YG_EXPORT void YGNodeSetMeasureFunc(YGNodeRef node, YGMeasureFunc measureFunc);
-YG_EXPORT bool YGNodeHasBaselineFunc(YGNodeConstRef node);
-YG_EXPORT void YGNodeSetBaselineFunc(
-    YGNodeRef node,
-    YGBaselineFunc baselineFunc);
-YG_EXPORT YGDirtiedFunc YGNodeGetDirtiedFunc(YGNodeConstRef node);
-YG_EXPORT void YGNodeSetDirtiedFunc(YGNodeRef node, YGDirtiedFunc dirtiedFunc);
-YG_EXPORT void YGNodeSetPrintFunc(YGNodeRef node, YGPrintFunc printFunc);
-YG_EXPORT bool YGNodeGetHasNewLayout(YGNodeConstRef node);
-YG_EXPORT void YGNodeSetHasNewLayout(YGNodeRef node, bool hasNewLayout);
-YG_EXPORT YGNodeType YGNodeGetNodeType(YGNodeConstRef node);
-YG_EXPORT void YGNodeSetNodeType(YGNodeRef node, YGNodeType nodeType);
-YG_EXPORT bool YGNodeIsDirty(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetDirection(YGNodeRef node, YGDirection direction);
-YG_EXPORT YGDirection YGNodeStyleGetDirection(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetFlexDirection(
-    YGNodeRef node,
-    YGFlexDirection flexDirection);
-YG_EXPORT YGFlexDirection YGNodeStyleGetFlexDirection(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetJustifyContent(
-    YGNodeRef node,
-    YGJustify justifyContent);
-YG_EXPORT YGJustify YGNodeStyleGetJustifyContent(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetAlignContent(YGNodeRef node, YGAlign alignContent);
-YG_EXPORT YGAlign YGNodeStyleGetAlignContent(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetAlignItems(YGNodeRef node, YGAlign alignItems);
-YG_EXPORT YGAlign YGNodeStyleGetAlignItems(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetAlignSelf(YGNodeRef node, YGAlign alignSelf);
-YG_EXPORT YGAlign YGNodeStyleGetAlignSelf(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetPositionType(
-    YGNodeRef node,
-    YGPositionType positionType);
-YG_EXPORT YGPositionType YGNodeStyleGetPositionType(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetFlexWrap(YGNodeRef node, YGWrap flexWrap);
-YG_EXPORT YGWrap YGNodeStyleGetFlexWrap(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetOverflow(YGNodeRef node, YGOverflow overflow);
-YG_EXPORT YGOverflow YGNodeStyleGetOverflow(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetDisplay(YGNodeRef node, YGDisplay display);
-YG_EXPORT YGDisplay YGNodeStyleGetDisplay(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetFlex(YGNodeRef node, float flex);
-YG_EXPORT float YGNodeStyleGetFlex(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetFlexGrow(YGNodeRef node, float flexGrow);
-YG_EXPORT float YGNodeStyleGetFlexGrow(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetFlexShrink(YGNodeRef node, float flexShrink);
-YG_EXPORT float YGNodeStyleGetFlexShrink(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetFlexBasis(YGNodeRef node, float flexBasis);
-YG_EXPORT void YGNodeStyleSetFlexBasisPercent(YGNodeRef node, float flexBasis);
-YG_EXPORT void YGNodeStyleSetFlexBasisAuto(YGNodeRef node);
-YG_EXPORT YGValue YGNodeStyleGetFlexBasis(YGNodeConstRef node);
-
-YG_EXPORT void
-YGNodeStyleSetPosition(YGNodeRef node, YGEdge edge, float position);
-YG_EXPORT void
-YGNodeStyleSetPositionPercent(YGNodeRef node, YGEdge edge, float position);
-YG_EXPORT YGValue YGNodeStyleGetPosition(YGNodeConstRef node, YGEdge edge);
-
-YG_EXPORT void YGNodeStyleSetMargin(YGNodeRef node, YGEdge edge, float margin);
-YG_EXPORT void
-YGNodeStyleSetMarginPercent(YGNodeRef node, YGEdge edge, float margin);
-YG_EXPORT void YGNodeStyleSetMarginAuto(YGNodeRef node, YGEdge edge);
-YG_EXPORT YGValue YGNodeStyleGetMargin(YGNodeConstRef node, YGEdge edge);
-
-YG_EXPORT void
-YGNodeStyleSetPadding(YGNodeRef node, YGEdge edge, float padding);
-YG_EXPORT void
-YGNodeStyleSetPaddingPercent(YGNodeRef node, YGEdge edge, float padding);
-YG_EXPORT YGValue YGNodeStyleGetPadding(YGNodeConstRef node, YGEdge edge);
-
-YG_EXPORT void YGNodeStyleSetBorder(YGNodeRef node, YGEdge edge, float border);
-YG_EXPORT float YGNodeStyleGetBorder(YGNodeConstRef node, YGEdge edge);
-
-YG_EXPORT void
-YGNodeStyleSetGap(YGNodeRef node, YGGutter gutter, float gapLength);
-YG_EXPORT float YGNodeStyleGetGap(YGNodeConstRef node, YGGutter gutter);
-
-YG_EXPORT void YGNodeStyleSetWidth(YGNodeRef node, float width);
-YG_EXPORT void YGNodeStyleSetWidthPercent(YGNodeRef node, float width);
-YG_EXPORT void YGNodeStyleSetWidthAuto(YGNodeRef node);
-YG_EXPORT YGValue YGNodeStyleGetWidth(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetHeight(YGNodeRef node, float height);
-YG_EXPORT void YGNodeStyleSetHeightPercent(YGNodeRef node, float height);
-YG_EXPORT void YGNodeStyleSetHeightAuto(YGNodeRef node);
-YG_EXPORT YGValue YGNodeStyleGetHeight(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetMinWidth(YGNodeRef node, float minWidth);
-YG_EXPORT void YGNodeStyleSetMinWidthPercent(YGNodeRef node, float minWidth);
-YG_EXPORT YGValue YGNodeStyleGetMinWidth(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetMinHeight(YGNodeRef node, float minHeight);
-YG_EXPORT void YGNodeStyleSetMinHeightPercent(YGNodeRef node, float minHeight);
-YG_EXPORT YGValue YGNodeStyleGetMinHeight(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetMaxWidth(YGNodeRef node, float maxWidth);
-YG_EXPORT void YGNodeStyleSetMaxWidthPercent(YGNodeRef node, float maxWidth);
-YG_EXPORT YGValue YGNodeStyleGetMaxWidth(YGNodeConstRef node);
-
-YG_EXPORT void YGNodeStyleSetMaxHeight(YGNodeRef node, float maxHeight);
-YG_EXPORT void YGNodeStyleSetMaxHeightPercent(YGNodeRef node, float maxHeight);
-YG_EXPORT YGValue YGNodeStyleGetMaxHeight(YGNodeConstRef node);
-
-// Yoga specific properties, not compatible with flexbox specification Aspect
-// ratio control the size of the undefined dimension of a node. Aspect ratio is
-// encoded as a floating point value width/height. e.g. A value of 2 leads to a
-// node with a width twice the size of its height while a value of 0.5 gives the
-// opposite effect.
-//
-// - On a node with a set width/height aspect ratio control the size of the
-//   unset dimension
-// - On a node with a set flex basis aspect ratio controls the size of the node
-//   in the cross axis if unset
-// - On a node with a measure function aspect ratio works as though the measure
-//   function measures the flex basis
-// - On a node with flex grow/shrink aspect ratio controls the size of the node
-//   in the cross axis if unset
-// - Aspect ratio takes min/max dimensions into account
-YG_EXPORT void YGNodeStyleSetAspectRatio(YGNodeRef node, float aspectRatio);
-YG_EXPORT float YGNodeStyleGetAspectRatio(YGNodeConstRef node);
-
-YG_EXPORT float YGNodeLayoutGetLeft(YGNodeConstRef node);
-YG_EXPORT float YGNodeLayoutGetTop(YGNodeConstRef node);
-YG_EXPORT float YGNodeLayoutGetRight(YGNodeConstRef node);
-YG_EXPORT float YGNodeLayoutGetBottom(YGNodeConstRef node);
-YG_EXPORT float YGNodeLayoutGetWidth(YGNodeConstRef node);
-YG_EXPORT float YGNodeLayoutGetHeight(YGNodeConstRef node);
-YG_EXPORT YGDirection YGNodeLayoutGetDirection(YGNodeConstRef node);
-YG_EXPORT bool YGNodeLayoutGetHadOverflow(YGNodeConstRef node);
-
-// Get the computed values for these nodes after performing layout. If they were
-// set using point values then the returned value will be the same as
-// YGNodeStyleGetXXX. However if they were set using a percentage value then the
-// returned value is the computed value used during layout.
-YG_EXPORT float YGNodeLayoutGetMargin(YGNodeConstRef node, YGEdge edge);
-YG_EXPORT float YGNodeLayoutGetBorder(YGNodeConstRef node, YGEdge edge);
-YG_EXPORT float YGNodeLayoutGetPadding(YGNodeConstRef node, YGEdge edge);
-
-YG_EXPORT void YGConfigSetLogger(YGConfigRef config, YGLogger logger);
-// Set this to number of pixels in 1 point to round calculation results If you
-// want to avoid rounding - set PointScaleFactor to 0
-YG_EXPORT void YGConfigSetPointScaleFactor(
-    YGConfigRef config,
-    float pixelsInPoint);
-YG_EXPORT float YGConfigGetPointScaleFactor(YGConfigConstRef config);
-
-// YGConfig
-YG_EXPORT YGConfigRef YGConfigNew(void);
-YG_EXPORT void YGConfigFree(YGConfigRef config);
-
-YG_EXPORT void YGConfigSetExperimentalFeatureEnabled(
-    YGConfigRef config,
-    YGExperimentalFeature feature,
-    bool enabled);
-YG_EXPORT bool YGConfigIsExperimentalFeatureEnabled(
-    YGConfigConstRef config,
-    YGExperimentalFeature feature);
-
-// Using the web defaults is the preferred configuration for new projects. Usage
-// of non web defaults should be considered as legacy.
-YG_EXPORT void YGConfigSetUseWebDefaults(YGConfigRef config, bool enabled);
-YG_EXPORT bool YGConfigGetUseWebDefaults(YGConfigConstRef config);
-
-YG_EXPORT void YGConfigSetCloneNodeFunc(
-    YGConfigRef config,
-    YGCloneNodeFunc callback);
-
-YG_EXPORT YGConfigConstRef YGConfigGetDefault(void);
-
-YG_EXPORT void YGConfigSetContext(YGConfigRef config, void* context);
-YG_EXPORT void* YGConfigGetContext(YGConfigConstRef config);
-
-YG_EXPORT void YGConfigSetErrata(YGConfigRef config, YGErrata errata);
-YG_EXPORT YGErrata YGConfigGetErrata(YGConfigConstRef config);
-
-YG_EXPORT float YGRoundValueToPixelGrid(
-    double value,
-    double pointScaleFactor,
-    bool forceCeil,
-    bool forceFloor);
-
-YG_EXTERN_C_END
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/AbsoluteLayout.cpp b/packages/react-native/ReactCommon/yoga/yoga/algorithm/AbsoluteLayout.cpp
new file mode 100644
index 00000000000000..ccec8f187623ea
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/AbsoluteLayout.cpp
@@ -0,0 +1,574 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#include <yoga/algorithm/AbsoluteLayout.h>
+#include <yoga/algorithm/Align.h>
+#include <yoga/algorithm/BoundAxis.h>
+#include <yoga/algorithm/CalculateLayout.h>
+#include <yoga/algorithm/TrailingPosition.h>
+
+namespace facebook::yoga {
+
+static inline void setFlexStartLayoutPosition(
+    const yoga::Node* const parent,
+    yoga::Node* child,
+    const Direction direction,
+    const FlexDirection axis,
+    const float containingBlockWidth) {
+  child->setLayoutPosition(
+      child->style().computeFlexStartMargin(
+          axis, direction, containingBlockWidth) +
+          parent->getLayout().border(flexStartEdge(axis)) +
+          parent->getLayout().padding(flexStartEdge(axis)),
+      flexStartEdge(axis));
+}
+
+static inline void setFlexEndLayoutPosition(
+    const yoga::Node* const parent,
+    yoga::Node* child,
+    const Direction direction,
+    const FlexDirection axis,
+    const float containingBlockWidth) {
+  child->setLayoutPosition(
+      getPositionOfOppositeEdge(
+          parent->getLayout().border(flexEndEdge(axis)) +
+              parent->getLayout().padding(flexEndEdge(axis)) +
+              child->style().computeFlexEndMargin(
+                  axis, direction, containingBlockWidth),
+          axis,
+          parent,
+          child),
+      flexStartEdge(axis));
+}
+
+static inline void setCenterLayoutPosition(
+    const yoga::Node* const parent,
+    yoga::Node* child,
+    const Direction direction,
+    const FlexDirection axis,
+    const float containingBlockWidth) {
+  const float parentContentBoxSize =
+      parent->getLayout().measuredDimension(dimension(axis)) -
+      parent->getLayout().border(flexStartEdge(axis)) -
+      parent->getLayout().border(flexEndEdge(axis)) -
+      parent->getLayout().padding(flexStartEdge(axis)) -
+      parent->getLayout().padding(flexEndEdge(axis));
+  const float childOuterSize =
+      child->getLayout().measuredDimension(dimension(axis)) +
+      child->style().computeMarginForAxis(axis, containingBlockWidth);
+  child->setLayoutPosition(
+      (parentContentBoxSize - childOuterSize) / 2.0f +
+          parent->getLayout().border(flexStartEdge(axis)) +
+          parent->getLayout().padding(flexStartEdge(axis)) +
+          child->style().computeFlexStartMargin(
+              axis, direction, containingBlockWidth),
+      flexStartEdge(axis));
+}
+
+static void justifyAbsoluteChild(
+    const yoga::Node* const parent,
+    yoga::Node* child,
+    const Direction direction,
+    const FlexDirection mainAxis,
+    const float containingBlockWidth) {
+  const Justify parentJustifyContent = parent->style().justifyContent();
+  switch (parentJustifyContent) {
+    case Justify::FlexStart:
+    case Justify::SpaceBetween:
+      setFlexStartLayoutPosition(
+          parent, child, direction, mainAxis, containingBlockWidth);
+      break;
+    case Justify::FlexEnd:
+      setFlexEndLayoutPosition(
+          parent, child, direction, mainAxis, containingBlockWidth);
+      break;
+    case Justify::Center:
+    case Justify::SpaceAround:
+    case Justify::SpaceEvenly:
+      setCenterLayoutPosition(
+          parent, child, direction, mainAxis, containingBlockWidth);
+      break;
+  }
+}
+
+static void alignAbsoluteChild(
+    const yoga::Node* const parent,
+    yoga::Node* child,
+    const Direction direction,
+    const FlexDirection crossAxis,
+    const float containingBlockWidth) {
+  Align itemAlign = resolveChildAlignment(parent, child);
+  const Wrap parentWrap = parent->style().flexWrap();
+  if (parentWrap == Wrap::WrapReverse) {
+    if (itemAlign == Align::FlexEnd) {
+      itemAlign = Align::FlexStart;
+    } else if (itemAlign != Align::Center) {
+      itemAlign = Align::FlexEnd;
+    }
+  }
+
+  switch (itemAlign) {
+    case Align::Auto:
+    case Align::FlexStart:
+    case Align::Baseline:
+    case Align::SpaceAround:
+    case Align::SpaceBetween:
+    case Align::Stretch:
+    case Align::SpaceEvenly:
+      setFlexStartLayoutPosition(
+          parent, child, direction, crossAxis, containingBlockWidth);
+      break;
+    case Align::FlexEnd:
+      setFlexEndLayoutPosition(
+          parent, child, direction, crossAxis, containingBlockWidth);
+      break;
+    case Align::Center:
+      setCenterLayoutPosition(
+          parent, child, direction, crossAxis, containingBlockWidth);
+      break;
+  }
+}
+
+// To ensure no breaking changes, we preserve the legacy way of positioning
+// absolute children and determine if we should use it using an errata.
+static void positionAbsoluteChildLegacy(
+    const yoga::Node* const containingNode,
+    const yoga::Node* const parent,
+    yoga::Node* child,
+    const Direction direction,
+    const FlexDirection axis,
+    const bool isMainAxis,
+    const float containingBlockWidth,
+    const float containingBlockHeight) {
+  const bool isAxisRow = isRow(axis);
+  const bool shouldCenter = isMainAxis
+      ? parent->style().justifyContent() == Justify::Center
+      : resolveChildAlignment(parent, child) == Align::Center;
+  const bool shouldFlexEnd = isMainAxis
+      ? parent->style().justifyContent() == Justify::FlexEnd
+      : ((resolveChildAlignment(parent, child) == Align::FlexEnd) ^
+         (parent->style().flexWrap() == Wrap::WrapReverse));
+
+  if (child->style().isFlexEndPositionDefined(axis, direction) &&
+      !child->style().isFlexStartPositionDefined(axis, direction)) {
+    child->setLayoutPosition(
+        containingNode->getLayout().measuredDimension(dimension(axis)) -
+            child->getLayout().measuredDimension(dimension(axis)) -
+            containingNode->style().computeFlexEndBorder(axis, direction) -
+            child->style().computeFlexEndMargin(
+                axis,
+                direction,
+                isAxisRow ? containingBlockWidth : containingBlockHeight) -
+            child->style().computeFlexEndPosition(
+                axis,
+                direction,
+                isAxisRow ? containingBlockWidth : containingBlockHeight),
+        flexStartEdge(axis));
+  } else if (
+      !child->style().isFlexStartPositionDefined(axis, direction) &&
+      shouldCenter) {
+    child->setLayoutPosition(
+        (parent->getLayout().measuredDimension(dimension(axis)) -
+         child->getLayout().measuredDimension(dimension(axis))) /
+            2.0f,
+        flexStartEdge(axis));
+  } else if (
+      !child->style().isFlexStartPositionDefined(axis, direction) &&
+      shouldFlexEnd) {
+    child->setLayoutPosition(
+        (parent->getLayout().measuredDimension(dimension(axis)) -
+         child->getLayout().measuredDimension(dimension(axis))),
+        flexStartEdge(axis));
+  }
+}
+
+/*
+ * Absolutely positioned nodes do not participate in flex layout and thus their
+ * positions can be determined independently from the rest of their siblings.
+ * For each axis there are essentially two cases:
+ *
+ * 1) The node has insets defined. In this case we can just use these to
+ *    determine the position of the node.
+ * 2) The node does not have insets defined. In this case we look at the style
+ *    of the parent to position the node. Things like justify content and
+ *    align content will move absolute children around. If none of these
+ *    special properties are defined, the child is positioned at the start
+ *    (defined by flex direction) of the leading flex line.
+ *
+ * This function does that positioning for the given axis. The spec has more
+ * information on this topic: https://www.w3.org/TR/css-flexbox-1/#abspos-items
+ */
+static void positionAbsoluteChildImpl(
+    const yoga::Node* const containingNode,
+    const yoga::Node* const parent,
+    yoga::Node* child,
+    const Direction direction,
+    const FlexDirection axis,
+    const bool isMainAxis,
+    const float containingBlockWidth,
+    const float containingBlockHeight) {
+  const bool isAxisRow = isRow(axis);
+  const float containingBlockSize =
+      isAxisRow ? containingBlockWidth : containingBlockHeight;
+
+  // The inline-start position takes priority over the end position in the case
+  // that they are both set and the node has a fixed width. Thus we only have 2
+  // cases here: if inline-start is defined and if inline-end is defined.
+  //
+  // Despite checking inline-start to honor prioritization of insets, we write
+  // to the flex-start edge because this algorithm works by positioning on the
+  // flex-start edge and then filling in the flex-end direction at the end if
+  // necessary.
+  if (child->style().isInlineStartPositionDefined(axis, direction)) {
+    const float positionRelativeToInlineStart =
+        child->style().computeInlineStartPosition(
+            axis, direction, containingBlockSize) +
+        containingNode->style().computeInlineStartBorder(axis, direction) +
+        child->style().computeInlineStartMargin(
+            axis, direction, containingBlockSize);
+    const float positionRelativeToFlexStart =
+        inlineStartEdge(axis, direction) != flexStartEdge(axis)
+        ? getPositionOfOppositeEdge(
+              positionRelativeToInlineStart, axis, containingNode, child)
+        : positionRelativeToInlineStart;
+
+    child->setLayoutPosition(positionRelativeToFlexStart, flexStartEdge(axis));
+  } else if (child->style().isInlineEndPositionDefined(axis, direction)) {
+    const float positionRelativeToInlineStart =
+        containingNode->getLayout().measuredDimension(dimension(axis)) -
+        child->getLayout().measuredDimension(dimension(axis)) -
+        containingNode->style().computeInlineEndBorder(axis, direction) -
+        child->style().computeInlineEndMargin(
+            axis, direction, containingBlockSize) -
+        child->style().computeInlineEndPosition(
+            axis, direction, containingBlockSize);
+    const float positionRelativeToFlexStart =
+        inlineStartEdge(axis, direction) != flexStartEdge(axis)
+        ? getPositionOfOppositeEdge(
+              positionRelativeToInlineStart, axis, containingNode, child)
+        : positionRelativeToInlineStart;
+
+    child->setLayoutPosition(positionRelativeToFlexStart, flexStartEdge(axis));
+  } else {
+    isMainAxis ? justifyAbsoluteChild(
+                     parent, child, direction, axis, containingBlockWidth)
+               : alignAbsoluteChild(
+                     parent, child, direction, axis, containingBlockWidth);
+  }
+}
+
+static void positionAbsoluteChild(
+    const yoga::Node* const containingNode,
+    const yoga::Node* const parent,
+    yoga::Node* child,
+    const Direction direction,
+    const FlexDirection axis,
+    const bool isMainAxis,
+    const float containingBlockWidth,
+    const float containingBlockHeight) {
+  child->hasErrata(Errata::AbsolutePositioningIncorrect)
+      ? positionAbsoluteChildLegacy(
+            containingNode,
+            parent,
+            child,
+            direction,
+            axis,
+            isMainAxis,
+            containingBlockWidth,
+            containingBlockHeight)
+      : positionAbsoluteChildImpl(
+            containingNode,
+            parent,
+            child,
+            direction,
+            axis,
+            isMainAxis,
+            containingBlockWidth,
+            containingBlockHeight);
+}
+
+void layoutAbsoluteChild(
+    const yoga::Node* const containingNode,
+    const yoga::Node* const node,
+    yoga::Node* const child,
+    const float containingBlockWidth,
+    const float containingBlockHeight,
+    const SizingMode widthMode,
+    const Direction direction,
+    LayoutData& layoutMarkerData,
+    const uint32_t depth,
+    const uint32_t generationCount) {
+  const FlexDirection mainAxis =
+      resolveDirection(node->style().flexDirection(), direction);
+  const FlexDirection crossAxis = resolveCrossDirection(mainAxis, direction);
+  const bool isMainAxisRow = isRow(mainAxis);
+
+  float childWidth = YGUndefined;
+  float childHeight = YGUndefined;
+  SizingMode childWidthSizingMode = SizingMode::MaxContent;
+  SizingMode childHeightSizingMode = SizingMode::MaxContent;
+
+  auto marginRow = child->style().computeMarginForAxis(
+      FlexDirection::Row, containingBlockWidth);
+  auto marginColumn = child->style().computeMarginForAxis(
+      FlexDirection::Column, containingBlockWidth);
+
+  if (child->hasDefiniteLength(Dimension::Width, containingBlockWidth)) {
+    childWidth = child->getResolvedDimension(Dimension::Width)
+                     .resolve(containingBlockWidth)
+                     .unwrap() +
+        marginRow;
+  } else {
+    // If the child doesn't have a specified width, compute the width based on
+    // the left/right offsets if they're defined.
+    if (child->style().isFlexStartPositionDefined(
+            FlexDirection::Row, direction) &&
+        child->style().isFlexEndPositionDefined(
+            FlexDirection::Row, direction)) {
+      childWidth =
+          containingNode->getLayout().measuredDimension(Dimension::Width) -
+          (containingNode->style().computeFlexStartBorder(
+               FlexDirection::Row, direction) +
+           containingNode->style().computeFlexEndBorder(
+               FlexDirection::Row, direction)) -
+          (child->style().computeFlexStartPosition(
+               FlexDirection::Row, direction, containingBlockWidth) +
+           child->style().computeFlexEndPosition(
+               FlexDirection::Row, direction, containingBlockWidth));
+      childWidth = boundAxis(
+          child,
+          FlexDirection::Row,
+          childWidth,
+          containingBlockWidth,
+          containingBlockWidth);
+    }
+  }
+
+  if (child->hasDefiniteLength(Dimension::Height, containingBlockHeight)) {
+    childHeight = child->getResolvedDimension(Dimension::Height)
+                      .resolve(containingBlockHeight)
+                      .unwrap() +
+        marginColumn;
+  } else {
+    // If the child doesn't have a specified height, compute the height based
+    // on the top/bottom offsets if they're defined.
+    if (child->style().isFlexStartPositionDefined(
+            FlexDirection::Column, direction) &&
+        child->style().isFlexEndPositionDefined(
+            FlexDirection::Column, direction)) {
+      childHeight =
+          containingNode->getLayout().measuredDimension(Dimension::Height) -
+          (containingNode->style().computeFlexStartBorder(
+               FlexDirection::Column, direction) +
+           containingNode->style().computeFlexEndBorder(
+               FlexDirection::Column, direction)) -
+          (child->style().computeFlexStartPosition(
+               FlexDirection::Column, direction, containingBlockHeight) +
+           child->style().computeFlexEndPosition(
+               FlexDirection::Column, direction, containingBlockHeight));
+      childHeight = boundAxis(
+          child,
+          FlexDirection::Column,
+          childHeight,
+          containingBlockHeight,
+          containingBlockWidth);
+    }
+  }
+
+  // Exactly one dimension needs to be defined for us to be able to do aspect
+  // ratio calculation. One dimension being the anchor and the other being
+  // flexible.
+  const auto& childStyle = child->style();
+  if (yoga::isUndefined(childWidth) ^ yoga::isUndefined(childHeight)) {
+    if (childStyle.aspectRatio().isDefined()) {
+      if (yoga::isUndefined(childWidth)) {
+        childWidth = marginRow +
+            (childHeight - marginColumn) * childStyle.aspectRatio().unwrap();
+      } else if (yoga::isUndefined(childHeight)) {
+        childHeight = marginColumn +
+            (childWidth - marginRow) / childStyle.aspectRatio().unwrap();
+      }
+    }
+  }
+
+  // If we're still missing one or the other dimension, measure the content.
+  if (yoga::isUndefined(childWidth) || yoga::isUndefined(childHeight)) {
+    childWidthSizingMode = yoga::isUndefined(childWidth)
+        ? SizingMode::MaxContent
+        : SizingMode::StretchFit;
+    childHeightSizingMode = yoga::isUndefined(childHeight)
+        ? SizingMode::MaxContent
+        : SizingMode::StretchFit;
+
+    // If the size of the owner is defined then try to constrain the absolute
+    // child to that size as well. This allows text within the absolute child
+    // to wrap to the size of its owner. This is the same behavior as many
+    // browsers implement.
+    if (!isMainAxisRow && yoga::isUndefined(childWidth) &&
+        widthMode != SizingMode::MaxContent &&
+        yoga::isDefined(containingBlockWidth) && containingBlockWidth > 0) {
+      childWidth = containingBlockWidth;
+      childWidthSizingMode = SizingMode::FitContent;
+    }
+
+    calculateLayoutInternal(
+        child,
+        childWidth,
+        childHeight,
+        direction,
+        childWidthSizingMode,
+        childHeightSizingMode,
+        containingBlockWidth,
+        containingBlockHeight,
+        false,
+        LayoutPassReason::kAbsMeasureChild,
+        layoutMarkerData,
+        depth,
+        generationCount);
+    childWidth = child->getLayout().measuredDimension(Dimension::Width) +
+        child->style().computeMarginForAxis(
+            FlexDirection::Row, containingBlockWidth);
+    childHeight = child->getLayout().measuredDimension(Dimension::Height) +
+        child->style().computeMarginForAxis(
+            FlexDirection::Column, containingBlockWidth);
+  }
+
+  calculateLayoutInternal(
+      child,
+      childWidth,
+      childHeight,
+      direction,
+      SizingMode::StretchFit,
+      SizingMode::StretchFit,
+      containingBlockWidth,
+      containingBlockHeight,
+      true,
+      LayoutPassReason::kAbsLayout,
+      layoutMarkerData,
+      depth,
+      generationCount);
+
+  positionAbsoluteChild(
+      containingNode,
+      node,
+      child,
+      direction,
+      mainAxis,
+      true /*isMainAxis*/,
+      containingBlockWidth,
+      containingBlockHeight);
+  positionAbsoluteChild(
+      containingNode,
+      node,
+      child,
+      direction,
+      crossAxis,
+      false /*isMainAxis*/,
+      containingBlockWidth,
+      containingBlockHeight);
+}
+
+void layoutAbsoluteDescendants(
+    yoga::Node* containingNode,
+    yoga::Node* currentNode,
+    SizingMode widthSizingMode,
+    Direction currentNodeDirection,
+    LayoutData& layoutMarkerData,
+    uint32_t currentDepth,
+    uint32_t generationCount,
+    float currentNodeMainOffsetFromContainingBlock,
+    float currentNodeCrossOffsetFromContainingBlock,
+    float containingNodeAvailableInnerWidth,
+    float containingNodeAvailableInnerHeight) {
+  const FlexDirection mainAxis = resolveDirection(
+      currentNode->style().flexDirection(), currentNodeDirection);
+  const FlexDirection crossAxis =
+      resolveCrossDirection(mainAxis, currentNodeDirection);
+  for (auto child : currentNode->getChildren()) {
+    if (child->style().display() == Display::None) {
+      continue;
+    } else if (child->style().positionType() == PositionType::Absolute) {
+      const bool absoluteErrata =
+          currentNode->hasErrata(Errata::AbsolutePercentAgainstInnerSize);
+      const float containingBlockWidth = absoluteErrata
+          ? containingNodeAvailableInnerWidth
+          : containingNode->getLayout().measuredDimension(Dimension::Width) -
+              containingNode->style().computeBorderForAxis(FlexDirection::Row);
+      const float containingBlockHeight = absoluteErrata
+          ? containingNodeAvailableInnerHeight
+          : containingNode->getLayout().measuredDimension(Dimension::Height) -
+              containingNode->style().computeBorderForAxis(
+                  FlexDirection::Column);
+
+      layoutAbsoluteChild(
+          containingNode,
+          currentNode,
+          child,
+          containingBlockWidth,
+          containingBlockHeight,
+          widthSizingMode,
+          currentNodeDirection,
+          layoutMarkerData,
+          currentDepth,
+          generationCount);
+
+      const bool isMainAxisRow = isRow(mainAxis);
+      const bool mainInsetsDefined = isMainAxisRow
+          ? child->style().horizontalInsetsDefined()
+          : child->style().verticalInsetsDefined();
+      const bool crossInsetsDefined = isMainAxisRow
+          ? child->style().verticalInsetsDefined()
+          : child->style().horizontalInsetsDefined();
+
+      const float childMainOffsetFromParent = mainInsetsDefined
+          ? (child->getLayout().position(flexStartEdge(mainAxis)) -
+             currentNodeMainOffsetFromContainingBlock)
+          : child->getLayout().position(flexStartEdge(mainAxis));
+      const float childCrossOffsetFromParent = crossInsetsDefined
+          ? (child->getLayout().position(flexStartEdge(crossAxis)) -
+             currentNodeCrossOffsetFromContainingBlock)
+          : child->getLayout().position(flexStartEdge(crossAxis));
+
+      child->setLayoutPosition(
+          childMainOffsetFromParent, flexStartEdge(mainAxis));
+      child->setLayoutPosition(
+          childCrossOffsetFromParent, flexStartEdge(crossAxis));
+
+      if (needsTrailingPosition(mainAxis)) {
+        setChildTrailingPosition(currentNode, child, mainAxis);
+      }
+      if (needsTrailingPosition(crossAxis)) {
+        setChildTrailingPosition(currentNode, child, crossAxis);
+      }
+    } else if (
+        child->style().positionType() == PositionType::Static &&
+        !child->alwaysFormsContainingBlock()) {
+      const Direction childDirection =
+          child->resolveDirection(currentNodeDirection);
+      const float childMainOffsetFromContainingBlock =
+          currentNodeMainOffsetFromContainingBlock +
+          child->getLayout().position(flexStartEdge(mainAxis));
+      const float childCrossOffsetFromContainingBlock =
+          currentNodeCrossOffsetFromContainingBlock +
+          child->getLayout().position(flexStartEdge(crossAxis));
+
+      layoutAbsoluteDescendants(
+          containingNode,
+          child,
+          widthSizingMode,
+          childDirection,
+          layoutMarkerData,
+          currentDepth + 1,
+          generationCount,
+          childMainOffsetFromContainingBlock,
+          childCrossOffsetFromContainingBlock,
+          containingNodeAvailableInnerWidth,
+          containingNodeAvailableInnerHeight);
+    }
+  }
+}
+} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/AbsoluteLayout.h b/packages/react-native/ReactCommon/yoga/yoga/algorithm/AbsoluteLayout.h
new file mode 100644
index 00000000000000..3beabf9a4a0a17
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/AbsoluteLayout.h
@@ -0,0 +1,40 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <yoga/event/event.h>
+#include <yoga/node/Node.h>
+
+namespace facebook::yoga {
+
+void layoutAbsoluteChild(
+    const yoga::Node* const containingNode,
+    const yoga::Node* const node,
+    yoga::Node* const child,
+    const float containingBlockWidth,
+    const float containingBlockHeight,
+    const SizingMode widthMode,
+    const Direction direction,
+    LayoutData& layoutMarkerData,
+    const uint32_t depth,
+    const uint32_t generationCount);
+
+void layoutAbsoluteDescendants(
+    yoga::Node* containingNode,
+    yoga::Node* currentNode,
+    SizingMode widthSizingMode,
+    Direction currentNodeDirection,
+    LayoutData& layoutMarkerData,
+    uint32_t currentDepth,
+    uint32_t generationCount,
+    float currentNodeMainOffsetFromContainingBlock,
+    float currentNodeCrossOffsetFromContainingBlock,
+    float containingNodeAvailableInnerWidth,
+    float containingNodeAvailableInnerHeight);
+
+} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/Align.h b/packages/react-native/ReactCommon/yoga/yoga/algorithm/Align.h
index 196bf873f33324..e9ab6df3b7c2a7 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/Align.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/Align.h
@@ -17,10 +17,10 @@ namespace facebook::yoga {
 inline Align resolveChildAlignment(
     const yoga::Node* node,
     const yoga::Node* child) {
-  const Align align = child->getStyle().alignSelf() == Align::Auto
-      ? node->getStyle().alignItems()
-      : child->getStyle().alignSelf();
-  if (align == Align::Baseline && isColumn(node->getStyle().flexDirection())) {
+  const Align align = child->style().alignSelf() == Align::Auto
+      ? node->style().alignItems()
+      : child->style().alignSelf();
+  if (align == Align::Baseline && isColumn(node->style().flexDirection())) {
     return Align::FlexStart;
   }
   return align;
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/Baseline.cpp b/packages/react-native/ReactCommon/yoga/yoga/algorithm/Baseline.cpp
index aea316c03526f7..61cf7dd1e7eb20 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/Baseline.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/Baseline.cpp
@@ -38,7 +38,7 @@ float calculateBaseline(const yoga::Node* node) {
     if (child->getLineIndex() > 0) {
       break;
     }
-    if (child->getStyle().positionType() == PositionType::Absolute) {
+    if (child->style().positionType() == PositionType::Absolute) {
       continue;
     }
     if (resolveChildAlignment(node, child) == Align::Baseline ||
@@ -57,21 +57,21 @@ float calculateBaseline(const yoga::Node* node) {
   }
 
   const float baseline = calculateBaseline(baselineChild);
-  return baseline + baselineChild->getLayout().position[YGEdgeTop];
+  return baseline + baselineChild->getLayout().position(PhysicalEdge::Top);
 }
 
 bool isBaselineLayout(const yoga::Node* node) {
-  if (isColumn(node->getStyle().flexDirection())) {
+  if (isColumn(node->style().flexDirection())) {
     return false;
   }
-  if (node->getStyle().alignItems() == Align::Baseline) {
+  if (node->style().alignItems() == Align::Baseline) {
     return true;
   }
   const auto childCount = node->getChildCount();
   for (size_t i = 0; i < childCount; i++) {
     auto child = node->getChild(i);
-    if (child->getStyle().positionType() != PositionType::Absolute &&
-        child->getStyle().alignSelf() == Align::Baseline) {
+    if (child->style().positionType() != PositionType::Absolute &&
+        child->style().alignSelf() == Align::Baseline) {
       return true;
     }
   }
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/BoundAxis.h b/packages/react-native/ReactCommon/yoga/yoga/algorithm/BoundAxis.h
index 7d7f969b9104bc..482a73742dcc70 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/BoundAxis.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/BoundAxis.h
@@ -8,7 +8,6 @@
 #pragma once
 
 #include <yoga/algorithm/FlexDirection.h>
-#include <yoga/algorithm/ResolveValue.h>
 #include <yoga/enums/Dimension.h>
 #include <yoga/enums/FlexDirection.h>
 #include <yoga/node/Node.h>
@@ -21,8 +20,12 @@ inline float paddingAndBorderForAxis(
     const yoga::Node* const node,
     const FlexDirection axis,
     const float widthSize) {
-  return node->getLeadingPaddingAndBorder(axis, widthSize) +
-      node->getTrailingPaddingAndBorder(axis, widthSize);
+  // The total padding/border for a given axis does not depend on the direction
+  // so hardcoding LTR here to avoid piping direction to this function
+  return node->style().computeInlineStartPaddingAndBorder(
+             axis, Direction::LTR, widthSize) +
+      node->style().computeInlineEndPaddingAndBorder(
+          axis, Direction::LTR, widthSize);
 }
 
 inline FloatOptional boundAxisWithinMinAndMax(
@@ -34,15 +37,11 @@ inline FloatOptional boundAxisWithinMinAndMax(
   FloatOptional max;
 
   if (isColumn(axis)) {
-    min = yoga::resolveValue(
-        node->getStyle().minDimension(Dimension::Height), axisSize);
-    max = yoga::resolveValue(
-        node->getStyle().maxDimension(Dimension::Height), axisSize);
+    min = node->style().minDimension(Dimension::Height).resolve(axisSize);
+    max = node->style().maxDimension(Dimension::Height).resolve(axisSize);
   } else if (isRow(axis)) {
-    min = yoga::resolveValue(
-        node->getStyle().minDimension(Dimension::Width), axisSize);
-    max = yoga::resolveValue(
-        node->getStyle().maxDimension(Dimension::Width), axisSize);
+    min = node->style().minDimension(Dimension::Width).resolve(axisSize);
+    max = node->style().maxDimension(Dimension::Width).resolve(axisSize);
   }
 
   if (max >= FloatOptional{0} && value > max) {
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/Cache.cpp b/packages/react-native/ReactCommon/yoga/yoga/algorithm/Cache.cpp
index 7496e873e04ce4..9154fc6ce9cc87 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/Cache.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/Cache.cpp
@@ -12,51 +12,52 @@
 namespace facebook::yoga {
 
 static inline bool sizeIsExactAndMatchesOldMeasuredSize(
-    MeasureMode sizeMode,
+    SizingMode sizeMode,
     float size,
     float lastComputedSize) {
-  return sizeMode == MeasureMode::Exactly &&
+  return sizeMode == SizingMode::StretchFit &&
       yoga::inexactEquals(size, lastComputedSize);
 }
 
-static inline bool oldSizeIsUnspecifiedAndStillFits(
-    MeasureMode sizeMode,
+static inline bool oldSizeIsMaxContentAndStillFits(
+    SizingMode sizeMode,
     float size,
-    MeasureMode lastSizeMode,
+    SizingMode lastSizeMode,
     float lastComputedSize) {
-  return sizeMode == MeasureMode::AtMost &&
-      lastSizeMode == MeasureMode::Undefined &&
+  return sizeMode == SizingMode::FitContent &&
+      lastSizeMode == SizingMode::MaxContent &&
       (size >= lastComputedSize || yoga::inexactEquals(size, lastComputedSize));
 }
 
-static inline bool newMeasureSizeIsStricterAndStillValid(
-    MeasureMode sizeMode,
+static inline bool newSizeIsStricterAndStillValid(
+    SizingMode sizeMode,
     float size,
-    MeasureMode lastSizeMode,
+    SizingMode lastSizeMode,
     float lastSize,
     float lastComputedSize) {
-  return lastSizeMode == MeasureMode::AtMost &&
-      sizeMode == MeasureMode::AtMost && !std::isnan(lastSize) &&
-      !std::isnan(size) && !std::isnan(lastComputedSize) && lastSize > size &&
+  return lastSizeMode == SizingMode::FitContent &&
+      sizeMode == SizingMode::FitContent && yoga::isDefined(lastSize) &&
+      yoga::isDefined(size) && yoga::isDefined(lastComputedSize) &&
+      lastSize > size &&
       (lastComputedSize <= size || yoga::inexactEquals(size, lastComputedSize));
 }
 
 bool canUseCachedMeasurement(
-    const MeasureMode widthMode,
+    const SizingMode widthMode,
     const float availableWidth,
-    const MeasureMode heightMode,
+    const SizingMode heightMode,
     const float availableHeight,
-    const MeasureMode lastWidthMode,
+    const SizingMode lastWidthMode,
     const float lastAvailableWidth,
-    const MeasureMode lastHeightMode,
+    const SizingMode lastHeightMode,
     const float lastAvailableHeight,
     const float lastComputedWidth,
     const float lastComputedHeight,
     const float marginRow,
     const float marginColumn,
     const yoga::Config* const config) {
-  if ((!std::isnan(lastComputedHeight) && lastComputedHeight < 0) ||
-      (!std::isnan(lastComputedWidth) && lastComputedWidth < 0)) {
+  if ((yoga::isDefined(lastComputedHeight) && lastComputedHeight < 0) ||
+      ((yoga::isDefined(lastComputedWidth)) && lastComputedWidth < 0)) {
     return false;
   }
 
@@ -87,33 +88,32 @@ bool canUseCachedMeasurement(
       hasSameWidthSpec ||
       sizeIsExactAndMatchesOldMeasuredSize(
           widthMode, availableWidth - marginRow, lastComputedWidth) ||
-      oldSizeIsUnspecifiedAndStillFits(
+      oldSizeIsMaxContentAndStillFits(
           widthMode,
           availableWidth - marginRow,
           lastWidthMode,
           lastComputedWidth) ||
-      newMeasureSizeIsStricterAndStillValid(
+      newSizeIsStricterAndStillValid(
           widthMode,
           availableWidth - marginRow,
           lastWidthMode,
           lastAvailableWidth,
           lastComputedWidth);
 
-  const bool heightIsCompatible =
-      hasSameHeightSpec ||
+  const bool heightIsCompatible = hasSameHeightSpec ||
       sizeIsExactAndMatchesOldMeasuredSize(
-          heightMode, availableHeight - marginColumn, lastComputedHeight) ||
-      oldSizeIsUnspecifiedAndStillFits(
-          heightMode,
-          availableHeight - marginColumn,
-          lastHeightMode,
-          lastComputedHeight) ||
-      newMeasureSizeIsStricterAndStillValid(
-          heightMode,
-          availableHeight - marginColumn,
-          lastHeightMode,
-          lastAvailableHeight,
-          lastComputedHeight);
+                                      heightMode,
+                                      availableHeight - marginColumn,
+                                      lastComputedHeight) ||
+      oldSizeIsMaxContentAndStillFits(heightMode,
+                                      availableHeight - marginColumn,
+                                      lastHeightMode,
+                                      lastComputedHeight) ||
+      newSizeIsStricterAndStillValid(heightMode,
+                                     availableHeight - marginColumn,
+                                     lastHeightMode,
+                                     lastAvailableHeight,
+                                     lastComputedHeight);
 
   return widthIsCompatible && heightIsCompatible;
 }
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/Cache.h b/packages/react-native/ReactCommon/yoga/yoga/algorithm/Cache.h
index 31b91d5f791ead..f8857eaf35c947 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/Cache.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/Cache.h
@@ -7,19 +7,19 @@
 
 #pragma once
 
+#include <yoga/algorithm/SizingMode.h>
 #include <yoga/config/Config.h>
-#include <yoga/enums/MeasureMode.h>
 
 namespace facebook::yoga {
 
 bool canUseCachedMeasurement(
-    MeasureMode widthMode,
+    SizingMode widthMode,
     float availableWidth,
-    MeasureMode heightMode,
+    SizingMode heightMode,
     float availableHeight,
-    MeasureMode lastWidthMode,
+    SizingMode lastWidthMode,
     float lastAvailableWidth,
-    MeasureMode lastHeightMode,
+    SizingMode lastHeightMode,
     float lastAvailableHeight,
     float lastComputedWidth,
     float lastComputedHeight,
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/CalculateLayout.cpp b/packages/react-native/ReactCommon/yoga/yoga/algorithm/CalculateLayout.cpp
index d2d56b7d20e330..9b214cf587ff6d 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/CalculateLayout.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/CalculateLayout.cpp
@@ -13,6 +13,7 @@
 
 #include <yoga/Yoga.h>
 
+#include <yoga/algorithm/AbsoluteLayout.h>
 #include <yoga/algorithm/Align.h>
 #include <yoga/algorithm/Baseline.h>
 #include <yoga/algorithm/BoundAxis.h>
@@ -21,10 +22,10 @@
 #include <yoga/algorithm/FlexDirection.h>
 #include <yoga/algorithm/FlexLine.h>
 #include <yoga/algorithm/PixelGrid.h>
-#include <yoga/algorithm/ResolveValue.h>
+#include <yoga/algorithm/SizingMode.h>
+#include <yoga/algorithm/TrailingPosition.h>
 #include <yoga/debug/AssertFatal.h>
 #include <yoga/debug/Log.h>
-#include <yoga/debug/NodeToString.h>
 #include <yoga/event/event.h>
 #include <yoga/node/Node.h>
 #include <yoga/numeric/Comparison.h>
@@ -34,86 +35,26 @@ namespace facebook::yoga {
 
 std::atomic<uint32_t> gCurrentGenerationCount(0);
 
-bool calculateLayoutInternal(
-    yoga::Node* const node,
-    const float availableWidth,
-    const float availableHeight,
-    const Direction ownerDirection,
-    const MeasureMode widthMeasureMode,
-    const MeasureMode heightMeasureMode,
-    const float ownerWidth,
-    const float ownerHeight,
-    const bool performLayout,
-    const LayoutPassReason reason,
-    LayoutData& layoutMarkerData,
-    const uint32_t depth,
-    const uint32_t generationCount);
-
-static inline float dimensionWithMargin(
-    const yoga::Node* const node,
-    const FlexDirection axis,
-    const float widthSize) {
-  return node->getLayout().measuredDimension(dimension(axis)) +
-      (node->getLeadingMargin(axis, widthSize) +
-       node->getTrailingMargin(axis, widthSize));
-}
-
-static inline bool styleDefinesDimension(
-    const yoga::Node* const node,
-    const FlexDirection axis,
-    const float ownerSize) {
-  bool isUndefined =
-      yoga::isUndefined(node->getResolvedDimension(dimension(axis)).value);
-
-  auto resolvedDimension = node->getResolvedDimension(dimension(axis));
-  return !(
-      resolvedDimension.unit == YGUnitAuto ||
-      resolvedDimension.unit == YGUnitUndefined ||
-      (resolvedDimension.unit == YGUnitPoint && !isUndefined &&
-       resolvedDimension.value < 0.0f) ||
-      (resolvedDimension.unit == YGUnitPercent && !isUndefined &&
-       (resolvedDimension.value < 0.0f || yoga::isUndefined(ownerSize))));
-}
-
-static inline bool isLayoutDimensionDefined(
-    const yoga::Node* const node,
-    const FlexDirection axis) {
-  const float value = node->getLayout().measuredDimension(dimension(axis));
-  return !yoga::isUndefined(value) && value >= 0.0f;
-}
-
-static void setChildTrailingPosition(
-    const yoga::Node* const node,
-    yoga::Node* const child,
-    const FlexDirection axis) {
-  const float size = child->getLayout().measuredDimension(dimension(axis));
-  child->setLayoutPosition(
-      node->getLayout().measuredDimension(dimension(axis)) - size -
-          child->getLayout().position[leadingEdge(axis)],
-      trailingEdge(axis));
-}
-
 static void constrainMaxSizeForMode(
-    const yoga::Node* const node,
-    const enum FlexDirection axis,
-    const float ownerAxisSize,
-    const float ownerWidth,
-    MeasureMode* mode,
-    float* size) {
+    const yoga::Node* node,
+    FlexDirection axis,
+    float ownerAxisSize,
+    float ownerWidth,
+    /*in_out*/ SizingMode* mode,
+    /*in_out*/ float* size) {
   const FloatOptional maxSize =
-      yoga::resolveValue(
-          node->getStyle().maxDimension(dimension(axis)), ownerAxisSize) +
-      FloatOptional(node->getMarginForAxis(axis, ownerWidth));
+      node->style().maxDimension(dimension(axis)).resolve(ownerAxisSize) +
+      FloatOptional(node->style().computeMarginForAxis(axis, ownerWidth));
   switch (*mode) {
-    case MeasureMode::Exactly:
-    case MeasureMode::AtMost:
+    case SizingMode::StretchFit:
+    case SizingMode::FitContent:
       *size = (maxSize.isUndefined() || *size < maxSize.unwrap())
           ? *size
           : maxSize.unwrap();
       break;
-    case MeasureMode::Undefined:
-      if (!maxSize.isUndefined()) {
-        *mode = MeasureMode::AtMost;
+    case SizingMode::MaxContent:
+      if (maxSize.isDefined()) {
+        *mode = SizingMode::FitContent;
         *size = maxSize.unwrap();
       }
       break;
@@ -124,34 +65,34 @@ static void computeFlexBasisForChild(
     const yoga::Node* const node,
     yoga::Node* const child,
     const float width,
-    const MeasureMode widthMode,
+    const SizingMode widthMode,
     const float height,
     const float ownerWidth,
     const float ownerHeight,
-    const MeasureMode heightMode,
+    const SizingMode heightMode,
     const Direction direction,
     LayoutData& layoutMarkerData,
     const uint32_t depth,
     const uint32_t generationCount) {
   const FlexDirection mainAxis =
-      resolveDirection(node->getStyle().flexDirection(), direction);
+      resolveDirection(node->style().flexDirection(), direction);
   const bool isMainAxisRow = isRow(mainAxis);
   const float mainAxisSize = isMainAxisRow ? width : height;
   const float mainAxisownerSize = isMainAxisRow ? ownerWidth : ownerHeight;
 
   float childWidth;
   float childHeight;
-  MeasureMode childWidthMeasureMode;
-  MeasureMode childHeightMeasureMode;
+  SizingMode childWidthSizingMode;
+  SizingMode childHeightSizingMode;
 
   const FloatOptional resolvedFlexBasis =
-      yoga::resolveValue(child->resolveFlexBasisPtr(), mainAxisownerSize);
+      child->resolveFlexBasisPtr().resolve(mainAxisownerSize);
   const bool isRowStyleDimDefined =
-      styleDefinesDimension(child, FlexDirection::Row, ownerWidth);
+      child->hasDefiniteLength(Dimension::Width, ownerWidth);
   const bool isColumnStyleDimDefined =
-      styleDefinesDimension(child, FlexDirection::Column, ownerHeight);
+      child->hasDefiniteLength(Dimension::Height, ownerHeight);
 
-  if (!resolvedFlexBasis.isUndefined() && !yoga::isUndefined(mainAxisSize)) {
+  if (resolvedFlexBasis.isDefined() && yoga::isDefined(mainAxisSize)) {
     if (child->getLayout().computedFlexBasis.isUndefined() ||
         (child->getConfig()->isExperimentalFeatureEnabled(
              ExperimentalFeature::WebFlexBasis) &&
@@ -167,75 +108,72 @@ static void computeFlexBasisForChild(
         paddingAndBorderForAxis(child, FlexDirection::Row, ownerWidth));
 
     child->setLayoutComputedFlexBasis(yoga::maxOrDefined(
-        yoga::resolveValue(
-            child->getResolvedDimension(Dimension::Width), ownerWidth),
+        child->getResolvedDimension(Dimension::Width).resolve(ownerWidth),
         paddingAndBorder));
   } else if (!isMainAxisRow && isColumnStyleDimDefined) {
     // The height is definite, so use that as the flex basis.
     const FloatOptional paddingAndBorder = FloatOptional(
         paddingAndBorderForAxis(child, FlexDirection::Column, ownerWidth));
     child->setLayoutComputedFlexBasis(yoga::maxOrDefined(
-        yoga::resolveValue(
-            child->getResolvedDimension(Dimension::Height), ownerHeight),
+        child->getResolvedDimension(Dimension::Height).resolve(ownerHeight),
         paddingAndBorder));
   } else {
     // Compute the flex basis and hypothetical main size (i.e. the clamped flex
     // basis).
     childWidth = YGUndefined;
     childHeight = YGUndefined;
-    childWidthMeasureMode = MeasureMode::Undefined;
-    childHeightMeasureMode = MeasureMode::Undefined;
+    childWidthSizingMode = SizingMode::MaxContent;
+    childHeightSizingMode = SizingMode::MaxContent;
 
-    auto marginRow = child->getMarginForAxis(FlexDirection::Row, ownerWidth);
+    auto marginRow =
+        child->style().computeMarginForAxis(FlexDirection::Row, ownerWidth);
     auto marginColumn =
-        child->getMarginForAxis(FlexDirection::Column, ownerWidth);
+        child->style().computeMarginForAxis(FlexDirection::Column, ownerWidth);
 
     if (isRowStyleDimDefined) {
-      childWidth =
-          yoga::resolveValue(
-              child->getResolvedDimension(Dimension::Width), ownerWidth)
-              .unwrap() +
+      childWidth = child->getResolvedDimension(Dimension::Width)
+                       .resolve(ownerWidth)
+                       .unwrap() +
           marginRow;
-      childWidthMeasureMode = MeasureMode::Exactly;
+      childWidthSizingMode = SizingMode::StretchFit;
     }
     if (isColumnStyleDimDefined) {
-      childHeight =
-          yoga::resolveValue(
-              child->getResolvedDimension(Dimension::Height), ownerHeight)
-              .unwrap() +
+      childHeight = child->getResolvedDimension(Dimension::Height)
+                        .resolve(ownerHeight)
+                        .unwrap() +
           marginColumn;
-      childHeightMeasureMode = MeasureMode::Exactly;
+      childHeightSizingMode = SizingMode::StretchFit;
     }
 
     // The W3C spec doesn't say anything about the 'overflow' property, but all
     // major browsers appear to implement the following logic.
-    if ((!isMainAxisRow && node->getStyle().overflow() == Overflow::Scroll) ||
-        node->getStyle().overflow() != Overflow::Scroll) {
-      if (yoga::isUndefined(childWidth) && !yoga::isUndefined(width)) {
+    if ((!isMainAxisRow && node->style().overflow() == Overflow::Scroll) ||
+        node->style().overflow() != Overflow::Scroll) {
+      if (yoga::isUndefined(childWidth) && yoga::isDefined(width)) {
         childWidth = width;
-        childWidthMeasureMode = MeasureMode::AtMost;
+        childWidthSizingMode = SizingMode::FitContent;
       }
     }
 
-    if ((isMainAxisRow && node->getStyle().overflow() == Overflow::Scroll) ||
-        node->getStyle().overflow() != Overflow::Scroll) {
-      if (yoga::isUndefined(childHeight) && !yoga::isUndefined(height)) {
+    if ((isMainAxisRow && node->style().overflow() == Overflow::Scroll) ||
+        node->style().overflow() != Overflow::Scroll) {
+      if (yoga::isUndefined(childHeight) && yoga::isDefined(height)) {
         childHeight = height;
-        childHeightMeasureMode = MeasureMode::AtMost;
+        childHeightSizingMode = SizingMode::FitContent;
       }
     }
 
-    const auto& childStyle = child->getStyle();
-    if (!childStyle.aspectRatio().isUndefined()) {
-      if (!isMainAxisRow && childWidthMeasureMode == MeasureMode::Exactly) {
+    const auto& childStyle = child->style();
+    if (childStyle.aspectRatio().isDefined()) {
+      if (!isMainAxisRow && childWidthSizingMode == SizingMode::StretchFit) {
         childHeight = marginColumn +
             (childWidth - marginRow) / childStyle.aspectRatio().unwrap();
-        childHeightMeasureMode = MeasureMode::Exactly;
+        childHeightSizingMode = SizingMode::StretchFit;
       } else if (
-          isMainAxisRow && childHeightMeasureMode == MeasureMode::Exactly) {
+          isMainAxisRow && childHeightSizingMode == SizingMode::StretchFit) {
         childWidth = marginRow +
             (childHeight - marginColumn) * childStyle.aspectRatio().unwrap();
-        childWidthMeasureMode = MeasureMode::Exactly;
+        childWidthSizingMode = SizingMode::StretchFit;
       }
     }
 
@@ -243,35 +181,35 @@ static void computeFlexBasisForChild(
     // the cross axis to be measured exactly with the available inner width
 
     const bool hasExactWidth =
-        !yoga::isUndefined(width) && widthMode == MeasureMode::Exactly;
+        yoga::isDefined(width) && widthMode == SizingMode::StretchFit;
     const bool childWidthStretch =
         resolveChildAlignment(node, child) == Align::Stretch &&
-        childWidthMeasureMode != MeasureMode::Exactly;
+        childWidthSizingMode != SizingMode::StretchFit;
     if (!isMainAxisRow && !isRowStyleDimDefined && hasExactWidth &&
         childWidthStretch) {
       childWidth = width;
-      childWidthMeasureMode = MeasureMode::Exactly;
-      if (!childStyle.aspectRatio().isUndefined()) {
+      childWidthSizingMode = SizingMode::StretchFit;
+      if (childStyle.aspectRatio().isDefined()) {
         childHeight =
             (childWidth - marginRow) / childStyle.aspectRatio().unwrap();
-        childHeightMeasureMode = MeasureMode::Exactly;
+        childHeightSizingMode = SizingMode::StretchFit;
       }
     }
 
     const bool hasExactHeight =
-        !yoga::isUndefined(height) && heightMode == MeasureMode::Exactly;
+        yoga::isDefined(height) && heightMode == SizingMode::StretchFit;
     const bool childHeightStretch =
         resolveChildAlignment(node, child) == Align::Stretch &&
-        childHeightMeasureMode != MeasureMode::Exactly;
+        childHeightSizingMode != SizingMode::StretchFit;
     if (isMainAxisRow && !isColumnStyleDimDefined && hasExactHeight &&
         childHeightStretch) {
       childHeight = height;
-      childHeightMeasureMode = MeasureMode::Exactly;
+      childHeightSizingMode = SizingMode::StretchFit;
 
-      if (!childStyle.aspectRatio().isUndefined()) {
+      if (childStyle.aspectRatio().isDefined()) {
         childWidth =
             (childHeight - marginColumn) * childStyle.aspectRatio().unwrap();
-        childWidthMeasureMode = MeasureMode::Exactly;
+        childWidthSizingMode = SizingMode::StretchFit;
       }
     }
 
@@ -280,14 +218,14 @@ static void computeFlexBasisForChild(
         FlexDirection::Row,
         ownerWidth,
         ownerWidth,
-        &childWidthMeasureMode,
+        &childWidthSizingMode,
         &childWidth);
     constrainMaxSizeForMode(
         child,
         FlexDirection::Column,
         ownerHeight,
         ownerWidth,
-        &childHeightMeasureMode,
+        &childHeightSizingMode,
         &childHeight);
 
     // Measure the child
@@ -296,8 +234,8 @@ static void computeFlexBasisForChild(
         childWidth,
         childHeight,
         direction,
-        childWidthMeasureMode,
-        childHeightMeasureMode,
+        childWidthSizingMode,
+        childHeightSizingMode,
         ownerWidth,
         ownerHeight,
         false,
@@ -313,230 +251,12 @@ static void computeFlexBasisForChild(
   child->setLayoutComputedFlexBasisGeneration(generationCount);
 }
 
-static void layoutAbsoluteChild(
-    const yoga::Node* const node,
-    yoga::Node* const child,
-    const float width,
-    const MeasureMode widthMode,
-    const float height,
-    const Direction direction,
-    LayoutData& layoutMarkerData,
-    const uint32_t depth,
-    const uint32_t generationCount) {
-  const FlexDirection mainAxis =
-      resolveDirection(node->getStyle().flexDirection(), direction);
-  const FlexDirection crossAxis = resolveCrossDirection(mainAxis, direction);
-  const bool isMainAxisRow = isRow(mainAxis);
-
-  float childWidth = YGUndefined;
-  float childHeight = YGUndefined;
-  MeasureMode childWidthMeasureMode = MeasureMode::Undefined;
-  MeasureMode childHeightMeasureMode = MeasureMode::Undefined;
-
-  auto marginRow = child->getMarginForAxis(FlexDirection::Row, width);
-  auto marginColumn = child->getMarginForAxis(FlexDirection::Column, width);
-
-  if (styleDefinesDimension(child, FlexDirection::Row, width)) {
-    childWidth =
-        yoga::resolveValue(child->getResolvedDimension(Dimension::Width), width)
-            .unwrap() +
-        marginRow;
-  } else {
-    // If the child doesn't have a specified width, compute the width based on
-    // the left/right offsets if they're defined.
-    if (child->isLeadingPositionDefined(FlexDirection::Row) &&
-        child->isTrailingPosDefined(FlexDirection::Row)) {
-      childWidth = node->getLayout().measuredDimension(Dimension::Width) -
-          (node->getLeadingBorder(FlexDirection::Row) +
-           node->getTrailingBorder(FlexDirection::Row)) -
-          (child->getLeadingPosition(FlexDirection::Row, width) +
-           child->getTrailingPosition(FlexDirection::Row, width));
-      childWidth =
-          boundAxis(child, FlexDirection::Row, childWidth, width, width);
-    }
-  }
-
-  if (styleDefinesDimension(child, FlexDirection::Column, height)) {
-    childHeight = yoga::resolveValue(
-                      child->getResolvedDimension(Dimension::Height), height)
-                      .unwrap() +
-        marginColumn;
-  } else {
-    // If the child doesn't have a specified height, compute the height based on
-    // the top/bottom offsets if they're defined.
-    if (child->isLeadingPositionDefined(FlexDirection::Column) &&
-        child->isTrailingPosDefined(FlexDirection::Column)) {
-      childHeight = node->getLayout().measuredDimension(Dimension::Height) -
-          (node->getLeadingBorder(FlexDirection::Column) +
-           node->getTrailingBorder(FlexDirection::Column)) -
-          (child->getLeadingPosition(FlexDirection::Column, height) +
-           child->getTrailingPosition(FlexDirection::Column, height));
-      childHeight =
-          boundAxis(child, FlexDirection::Column, childHeight, height, width);
-    }
-  }
-
-  // Exactly one dimension needs to be defined for us to be able to do aspect
-  // ratio calculation. One dimension being the anchor and the other being
-  // flexible.
-  const auto& childStyle = child->getStyle();
-  if (yoga::isUndefined(childWidth) ^ yoga::isUndefined(childHeight)) {
-    if (!childStyle.aspectRatio().isUndefined()) {
-      if (yoga::isUndefined(childWidth)) {
-        childWidth = marginRow +
-            (childHeight - marginColumn) * childStyle.aspectRatio().unwrap();
-      } else if (yoga::isUndefined(childHeight)) {
-        childHeight = marginColumn +
-            (childWidth - marginRow) / childStyle.aspectRatio().unwrap();
-      }
-    }
-  }
-
-  // If we're still missing one or the other dimension, measure the content.
-  if (yoga::isUndefined(childWidth) || yoga::isUndefined(childHeight)) {
-    childWidthMeasureMode = yoga::isUndefined(childWidth)
-        ? MeasureMode::Undefined
-        : MeasureMode::Exactly;
-    childHeightMeasureMode = yoga::isUndefined(childHeight)
-        ? MeasureMode::Undefined
-        : MeasureMode::Exactly;
-
-    // If the size of the owner is defined then try to constrain the absolute
-    // child to that size as well. This allows text within the absolute child to
-    // wrap to the size of its owner. This is the same behavior as many browsers
-    // implement.
-    if (!isMainAxisRow && yoga::isUndefined(childWidth) &&
-        widthMode != MeasureMode::Undefined && !yoga::isUndefined(width) &&
-        width > 0) {
-      childWidth = width;
-      childWidthMeasureMode = MeasureMode::AtMost;
-    }
-
-    calculateLayoutInternal(
-        child,
-        childWidth,
-        childHeight,
-        direction,
-        childWidthMeasureMode,
-        childHeightMeasureMode,
-        childWidth,
-        childHeight,
-        false,
-        LayoutPassReason::kAbsMeasureChild,
-        layoutMarkerData,
-        depth,
-        generationCount);
-    childWidth = child->getLayout().measuredDimension(Dimension::Width) +
-        child->getMarginForAxis(FlexDirection::Row, width);
-    childHeight = child->getLayout().measuredDimension(Dimension::Height) +
-        child->getMarginForAxis(FlexDirection::Column, width);
-  }
-
-  calculateLayoutInternal(
-      child,
-      childWidth,
-      childHeight,
-      direction,
-      MeasureMode::Exactly,
-      MeasureMode::Exactly,
-      childWidth,
-      childHeight,
-      true,
-      LayoutPassReason::kAbsLayout,
-      layoutMarkerData,
-      depth,
-      generationCount);
-
-  if (child->isTrailingPosDefined(mainAxis) &&
-      !child->isLeadingPositionDefined(mainAxis)) {
-    child->setLayoutPosition(
-        node->getLayout().measuredDimension(dimension(mainAxis)) -
-            child->getLayout().measuredDimension(dimension(mainAxis)) -
-            node->getTrailingBorder(mainAxis) -
-            child->getTrailingMargin(mainAxis, isMainAxisRow ? width : height) -
-            child->getTrailingPosition(
-                mainAxis, isMainAxisRow ? width : height),
-        leadingEdge(mainAxis));
-  } else if (
-      !child->isLeadingPositionDefined(mainAxis) &&
-      node->getStyle().justifyContent() == Justify::Center) {
-    child->setLayoutPosition(
-        (node->getLayout().measuredDimension(dimension(mainAxis)) -
-         child->getLayout().measuredDimension(dimension(mainAxis))) /
-            2.0f,
-        leadingEdge(mainAxis));
-  } else if (
-      !child->isLeadingPositionDefined(mainAxis) &&
-      node->getStyle().justifyContent() == Justify::FlexEnd) {
-    child->setLayoutPosition(
-        (node->getLayout().measuredDimension(dimension(mainAxis)) -
-         child->getLayout().measuredDimension(dimension(mainAxis))),
-        leadingEdge(mainAxis));
-  } else if (
-      node->getConfig()->isExperimentalFeatureEnabled(
-          ExperimentalFeature::AbsolutePercentageAgainstPaddingEdge) &&
-      child->isLeadingPositionDefined(mainAxis)) {
-    child->setLayoutPosition(
-        child->getLeadingPosition(
-            mainAxis,
-            node->getLayout().measuredDimension(dimension(mainAxis))) +
-            node->getLeadingBorder(mainAxis) +
-            child->getLeadingMargin(
-                mainAxis,
-                node->getLayout().measuredDimension(dimension(mainAxis))),
-        leadingEdge(mainAxis));
-  }
-
-  if (child->isTrailingPosDefined(crossAxis) &&
-      !child->isLeadingPositionDefined(crossAxis)) {
-    child->setLayoutPosition(
-        node->getLayout().measuredDimension(dimension(crossAxis)) -
-            child->getLayout().measuredDimension(dimension(crossAxis)) -
-            node->getTrailingBorder(crossAxis) -
-            child->getTrailingMargin(
-                crossAxis, isMainAxisRow ? height : width) -
-            child->getTrailingPosition(
-                crossAxis, isMainAxisRow ? height : width),
-        leadingEdge(crossAxis));
-
-  } else if (
-      !child->isLeadingPositionDefined(crossAxis) &&
-      resolveChildAlignment(node, child) == Align::Center) {
-    child->setLayoutPosition(
-        (node->getLayout().measuredDimension(dimension(crossAxis)) -
-         child->getLayout().measuredDimension(dimension(crossAxis))) /
-            2.0f,
-        leadingEdge(crossAxis));
-  } else if (
-      !child->isLeadingPositionDefined(crossAxis) &&
-      ((resolveChildAlignment(node, child) == Align::FlexEnd) ^
-       (node->getStyle().flexWrap() == Wrap::WrapReverse))) {
-    child->setLayoutPosition(
-        (node->getLayout().measuredDimension(dimension(crossAxis)) -
-         child->getLayout().measuredDimension(dimension(crossAxis))),
-        leadingEdge(crossAxis));
-  } else if (
-      node->getConfig()->isExperimentalFeatureEnabled(
-          ExperimentalFeature::AbsolutePercentageAgainstPaddingEdge) &&
-      child->isLeadingPositionDefined(crossAxis)) {
-    child->setLayoutPosition(
-        child->getLeadingPosition(
-            crossAxis,
-            node->getLayout().measuredDimension(dimension(crossAxis))) +
-            node->getLeadingBorder(crossAxis) +
-            child->getLeadingMargin(
-                crossAxis,
-                node->getLayout().measuredDimension(dimension(crossAxis))),
-        leadingEdge(crossAxis));
-  }
-}
-
 static void measureNodeWithMeasureFunc(
     yoga::Node* const node,
     float availableWidth,
     float availableHeight,
-    const MeasureMode widthMeasureMode,
-    const MeasureMode heightMeasureMode,
+    const SizingMode widthSizingMode,
+    const SizingMode heightSizingMode,
     const float ownerWidth,
     const float ownerHeight,
     LayoutData& layoutMarkerData,
@@ -546,19 +266,20 @@ static void measureNodeWithMeasureFunc(
       node->hasMeasureFunc(),
       "Expected node to have custom measure function");
 
-  if (widthMeasureMode == MeasureMode::Undefined) {
+  if (widthSizingMode == SizingMode::MaxContent) {
     availableWidth = YGUndefined;
   }
-  if (heightMeasureMode == MeasureMode::Undefined) {
+  if (heightSizingMode == SizingMode::MaxContent) {
     availableHeight = YGUndefined;
   }
 
-  const auto& padding = node->getLayout().padding;
-  const auto& border = node->getLayout().border;
-  const float paddingAndBorderAxisRow = padding[YGEdgeLeft] +
-      padding[YGEdgeRight] + border[YGEdgeLeft] + border[YGEdgeRight];
-  const float paddingAndBorderAxisColumn = padding[YGEdgeTop] +
-      padding[YGEdgeBottom] + border[YGEdgeTop] + border[YGEdgeBottom];
+  const auto& layout = node->getLayout();
+  const float paddingAndBorderAxisRow = layout.padding(PhysicalEdge::Left) +
+      layout.padding(PhysicalEdge::Right) + layout.border(PhysicalEdge::Left) +
+      layout.border(PhysicalEdge::Right);
+  const float paddingAndBorderAxisColumn = layout.padding(PhysicalEdge::Top) +
+      layout.padding(PhysicalEdge::Bottom) + layout.border(PhysicalEdge::Top) +
+      layout.border(PhysicalEdge::Bottom);
 
   // We want to make sure we don't call measure with negative size
   const float innerWidth = yoga::isUndefined(availableWidth)
@@ -568,8 +289,8 @@ static void measureNodeWithMeasureFunc(
       ? availableHeight
       : yoga::maxOrDefined(0.0f, availableHeight - paddingAndBorderAxisColumn);
 
-  if (widthMeasureMode == MeasureMode::Exactly &&
-      heightMeasureMode == MeasureMode::Exactly) {
+  if (widthSizingMode == SizingMode::StretchFit &&
+      heightSizingMode == SizingMode::StretchFit) {
     // Don't bother sizing the text if both dimensions are already defined.
     node->setLayoutMeasuredDimension(
         boundAxis(
@@ -588,7 +309,10 @@ static void measureNodeWithMeasureFunc(
 
     // Measure the text under the current constraints.
     const YGSize measuredSize = node->measure(
-        innerWidth, widthMeasureMode, innerHeight, heightMeasureMode);
+        innerWidth,
+        measureMode(widthSizingMode),
+        innerHeight,
+        measureMode(heightSizingMode));
 
     layoutMarkerData.measureCallbacks += 1;
     layoutMarkerData.measureCallbackReasonsCount[static_cast<size_t>(reason)] +=
@@ -597,9 +321,9 @@ static void measureNodeWithMeasureFunc(
     Event::publish<Event::MeasureCallbackEnd>(
         node,
         {innerWidth,
-         unscopedEnum(widthMeasureMode),
+         unscopedEnum(measureMode(widthSizingMode)),
          innerHeight,
-         unscopedEnum(heightMeasureMode),
+         unscopedEnum(measureMode(heightSizingMode)),
          measuredSize.width,
          measuredSize.height,
          reason});
@@ -608,8 +332,8 @@ static void measureNodeWithMeasureFunc(
         boundAxis(
             node,
             FlexDirection::Row,
-            (widthMeasureMode == MeasureMode::Undefined ||
-             widthMeasureMode == MeasureMode::AtMost)
+            (widthSizingMode == SizingMode::MaxContent ||
+             widthSizingMode == SizingMode::FitContent)
                 ? measuredSize.width + paddingAndBorderAxisRow
                 : availableWidth,
             ownerWidth,
@@ -620,8 +344,8 @@ static void measureNodeWithMeasureFunc(
         boundAxis(
             node,
             FlexDirection::Column,
-            (heightMeasureMode == MeasureMode::Undefined ||
-             heightMeasureMode == MeasureMode::AtMost)
+            (heightSizingMode == SizingMode::MaxContent ||
+             heightSizingMode == SizingMode::FitContent)
                 ? measuredSize.height + paddingAndBorderAxisColumn
                 : availableHeight,
             ownerHeight,
@@ -636,28 +360,29 @@ static void measureNodeWithoutChildren(
     yoga::Node* const node,
     const float availableWidth,
     const float availableHeight,
-    const MeasureMode widthMeasureMode,
-    const MeasureMode heightMeasureMode,
+    const SizingMode widthSizingMode,
+    const SizingMode heightSizingMode,
     const float ownerWidth,
     const float ownerHeight) {
-  const auto& padding = node->getLayout().padding;
-  const auto& border = node->getLayout().border;
+  const auto& layout = node->getLayout();
 
   float width = availableWidth;
-  if (widthMeasureMode == MeasureMode::Undefined ||
-      widthMeasureMode == MeasureMode::AtMost) {
-    width = padding[YGEdgeLeft] + padding[YGEdgeRight] + border[YGEdgeLeft] +
-        border[YGEdgeRight];
+  if (widthSizingMode == SizingMode::MaxContent ||
+      widthSizingMode == SizingMode::FitContent) {
+    width = layout.padding(PhysicalEdge::Left) +
+        layout.padding(PhysicalEdge::Right) +
+        layout.border(PhysicalEdge::Left) + layout.border(PhysicalEdge::Right);
   }
   node->setLayoutMeasuredDimension(
       boundAxis(node, FlexDirection::Row, width, ownerWidth, ownerWidth),
       Dimension::Width);
 
   float height = availableHeight;
-  if (heightMeasureMode == MeasureMode::Undefined ||
-      heightMeasureMode == MeasureMode::AtMost) {
-    height = padding[YGEdgeTop] + padding[YGEdgeBottom] + border[YGEdgeTop] +
-        border[YGEdgeBottom];
+  if (heightSizingMode == SizingMode::MaxContent ||
+      heightSizingMode == SizingMode::FitContent) {
+    height = layout.padding(PhysicalEdge::Top) +
+        layout.padding(PhysicalEdge::Bottom) +
+        layout.border(PhysicalEdge::Top) + layout.border(PhysicalEdge::Bottom);
   }
   node->setLayoutMeasuredDimension(
       boundAxis(node, FlexDirection::Column, height, ownerHeight, ownerWidth),
@@ -668,22 +393,22 @@ static bool measureNodeWithFixedSize(
     yoga::Node* const node,
     const float availableWidth,
     const float availableHeight,
-    const MeasureMode widthMeasureMode,
-    const MeasureMode heightMeasureMode,
+    const SizingMode widthSizingMode,
+    const SizingMode heightSizingMode,
     const float ownerWidth,
     const float ownerHeight) {
-  if ((!yoga::isUndefined(availableWidth) &&
-       widthMeasureMode == MeasureMode::AtMost && availableWidth <= 0.0f) ||
-      (!yoga::isUndefined(availableHeight) &&
-       heightMeasureMode == MeasureMode::AtMost && availableHeight <= 0.0f) ||
-      (widthMeasureMode == MeasureMode::Exactly &&
-       heightMeasureMode == MeasureMode::Exactly)) {
+  if ((yoga::isDefined(availableWidth) &&
+       widthSizingMode == SizingMode::FitContent && availableWidth <= 0.0f) ||
+      (yoga::isDefined(availableHeight) &&
+       heightSizingMode == SizingMode::FitContent && availableHeight <= 0.0f) ||
+      (widthSizingMode == SizingMode::StretchFit &&
+       heightSizingMode == SizingMode::StretchFit)) {
     node->setLayoutMeasuredDimension(
         boundAxis(
             node,
             FlexDirection::Row,
             yoga::isUndefined(availableWidth) ||
-                    (widthMeasureMode == MeasureMode::AtMost &&
+                    (widthSizingMode == SizingMode::FitContent &&
                      availableWidth < 0.0f)
                 ? 0.0f
                 : availableWidth,
@@ -696,7 +421,7 @@ static bool measureNodeWithFixedSize(
             node,
             FlexDirection::Column,
             yoga::isUndefined(availableHeight) ||
-                    (heightMeasureMode == MeasureMode::AtMost &&
+                    (heightSizingMode == SizingMode::FitContent &&
                      availableHeight < 0.0f)
                 ? 0.0f
                 : availableHeight,
@@ -730,17 +455,17 @@ static float calculateAvailableInnerDimension(
   float availableInnerDim = availableDim - paddingAndBorder;
   // Max dimension overrides predefined dimension value; Min dimension in turn
   // overrides both of the above
-  if (!yoga::isUndefined(availableInnerDim)) {
+  if (yoga::isDefined(availableInnerDim)) {
     // We want to make sure our available height does not violate min and max
     // constraints
     const FloatOptional minDimensionOptional =
-        yoga::resolveValue(node->getStyle().minDimension(dimension), ownerDim);
+        node->style().minDimension(dimension).resolve(ownerDim);
     const float minInnerDim = minDimensionOptional.isUndefined()
         ? 0.0f
         : minDimensionOptional.unwrap() - paddingAndBorder;
 
     const FloatOptional maxDimensionOptional =
-        yoga::resolveValue(node->getStyle().maxDimension(dimension), ownerDim);
+        node->style().maxDimension(dimension).resolve(ownerDim);
 
     const float maxInnerDim = maxDimensionOptional.isUndefined()
         ? FLT_MAX
@@ -756,8 +481,8 @@ static float computeFlexBasisForChildren(
     yoga::Node* const node,
     const float availableInnerWidth,
     const float availableInnerHeight,
-    MeasureMode widthMeasureMode,
-    MeasureMode heightMeasureMode,
+    SizingMode widthSizingMode,
+    SizingMode heightSizingMode,
     Direction direction,
     FlexDirection mainAxis,
     bool performLayout,
@@ -767,12 +492,12 @@ static float computeFlexBasisForChildren(
   float totalOuterFlexBasis = 0.0f;
   YGNodeRef singleFlexChild = nullptr;
   const auto& children = node->getChildren();
-  MeasureMode measureModeMainDim =
-      isRow(mainAxis) ? widthMeasureMode : heightMeasureMode;
+  SizingMode sizingModeMainDim =
+      isRow(mainAxis) ? widthSizingMode : heightSizingMode;
   // If there is only one child with flexGrow + flexShrink it means we can set
   // the computedFlexBasis to 0 instead of measuring and shrinking / flexing the
   // child to exactly match the remaining space
-  if (measureModeMainDim == MeasureMode::Exactly) {
+  if (sizingModeMainDim == SizingMode::StretchFit) {
     for (auto child : children) {
       if (child->isNodeFlexible()) {
         if (singleFlexChild != nullptr ||
@@ -791,7 +516,7 @@ static float computeFlexBasisForChildren(
 
   for (auto child : children) {
     child->resolveDimension();
-    if (child->getStyle().display() == Display::None) {
+    if (child->style().display() == Display::None) {
       zeroOutLayoutRecursively(child);
       child->setHasNewLayout(true);
       child->setDirty(false);
@@ -808,7 +533,7 @@ static float computeFlexBasisForChildren(
           childDirection, mainDim, crossDim, availableInnerWidth);
     }
 
-    if (child->getStyle().positionType() == PositionType::Absolute) {
+    if (child->style().positionType() == PositionType::Absolute) {
       continue;
     }
     if (child == singleFlexChild) {
@@ -819,11 +544,11 @@ static float computeFlexBasisForChildren(
           node,
           child,
           availableInnerWidth,
-          widthMeasureMode,
+          widthSizingMode,
           availableInnerHeight,
           availableInnerWidth,
           availableInnerHeight,
-          heightMeasureMode,
+          heightSizingMode,
           direction,
           layoutMarkerData,
           depth,
@@ -832,7 +557,7 @@ static float computeFlexBasisForChildren(
 
     totalOuterFlexBasis +=
         (child->getLayout().computedFlexBasis.unwrap() +
-         child->getMarginForAxis(mainAxis, availableInnerWidth));
+         child->style().computeMarginForAxis(mainAxis, availableInnerWidth));
   }
 
   return totalOuterFlexBasis;
@@ -847,13 +572,14 @@ static float distributeFreeSpaceSecondPass(
     yoga::Node* const node,
     const FlexDirection mainAxis,
     const FlexDirection crossAxis,
+    const Direction direction,
     const float mainAxisownerSize,
     const float availableInnerMainDim,
     const float availableInnerCrossDim,
     const float availableInnerWidth,
     const float availableInnerHeight,
     const bool mainAxisOverflows,
-    const MeasureMode measureModeCrossDim,
+    const SizingMode sizingModeCrossDim,
     const bool performLayout,
     LayoutData& layoutMarkerData,
     const uint32_t depth,
@@ -863,7 +589,7 @@ static float distributeFreeSpaceSecondPass(
   float flexGrowFactor = 0;
   float deltaFreeSpace = 0;
   const bool isMainAxisRow = isRow(mainAxis);
-  const bool isNodeFlexWrap = node->getStyle().flexWrap() != Wrap::NoWrap;
+  const bool isNodeFlexWrap = node->style().flexWrap() != Wrap::NoWrap;
 
   for (auto currentLineChild : flexLine.itemsInFlow) {
     childFlexBasis = boundAxisWithinMinAndMax(
@@ -874,7 +600,7 @@ static float distributeFreeSpaceSecondPass(
                          .unwrap();
     float updatedMainSize = childFlexBasis;
 
-    if (!yoga::isUndefined(flexLine.layout.remainingFreeSpace) &&
+    if (yoga::isDefined(flexLine.layout.remainingFreeSpace) &&
         flexLine.layout.remainingFreeSpace < 0) {
       flexShrinkScaledFactor =
           -currentLineChild->resolveFlexShrink() * childFlexBasis;
@@ -882,7 +608,7 @@ static float distributeFreeSpaceSecondPass(
       if (flexShrinkScaledFactor != 0) {
         float childSize;
 
-        if (!yoga::isUndefined(flexLine.layout.totalFlexShrinkScaledFactors) &&
+        if (yoga::isDefined(flexLine.layout.totalFlexShrinkScaledFactors) &&
             flexLine.layout.totalFlexShrinkScaledFactors == 0) {
           childSize = childFlexBasis + flexShrinkScaledFactor;
         } else {
@@ -900,7 +626,7 @@ static float distributeFreeSpaceSecondPass(
             availableInnerWidth);
       }
     } else if (
-        !yoga::isUndefined(flexLine.layout.remainingFreeSpace) &&
+        yoga::isDefined(flexLine.layout.remainingFreeSpace) &&
         flexLine.layout.remainingFreeSpace > 0) {
       flexGrowFactor = currentLineChild->resolveFlexGrow();
 
@@ -919,56 +645,56 @@ static float distributeFreeSpaceSecondPass(
 
     deltaFreeSpace += updatedMainSize - childFlexBasis;
 
-    const float marginMain =
-        currentLineChild->getMarginForAxis(mainAxis, availableInnerWidth);
-    const float marginCross =
-        currentLineChild->getMarginForAxis(crossAxis, availableInnerWidth);
+    const float marginMain = currentLineChild->style().computeMarginForAxis(
+        mainAxis, availableInnerWidth);
+    const float marginCross = currentLineChild->style().computeMarginForAxis(
+        crossAxis, availableInnerWidth);
 
     float childCrossSize;
     float childMainSize = updatedMainSize + marginMain;
-    MeasureMode childCrossMeasureMode;
-    MeasureMode childMainMeasureMode = MeasureMode::Exactly;
+    SizingMode childCrossSizingMode;
+    SizingMode childMainSizingMode = SizingMode::StretchFit;
 
-    const auto& childStyle = currentLineChild->getStyle();
-    if (!childStyle.aspectRatio().isUndefined()) {
+    const auto& childStyle = currentLineChild->style();
+    if (childStyle.aspectRatio().isDefined()) {
       childCrossSize = isMainAxisRow
           ? (childMainSize - marginMain) / childStyle.aspectRatio().unwrap()
           : (childMainSize - marginMain) * childStyle.aspectRatio().unwrap();
-      childCrossMeasureMode = MeasureMode::Exactly;
+      childCrossSizingMode = SizingMode::StretchFit;
 
       childCrossSize += marginCross;
     } else if (
         !std::isnan(availableInnerCrossDim) &&
-        !styleDefinesDimension(
-            currentLineChild, crossAxis, availableInnerCrossDim) &&
-        measureModeCrossDim == MeasureMode::Exactly &&
+        !currentLineChild->hasDefiniteLength(
+            dimension(crossAxis), availableInnerCrossDim) &&
+        sizingModeCrossDim == SizingMode::StretchFit &&
         !(isNodeFlexWrap && mainAxisOverflows) &&
         resolveChildAlignment(node, currentLineChild) == Align::Stretch &&
-        currentLineChild->marginLeadingValue(crossAxis).unit != YGUnitAuto &&
-        currentLineChild->marginTrailingValue(crossAxis).unit != YGUnitAuto) {
+        !currentLineChild->style().flexStartMarginIsAuto(
+            crossAxis, direction) &&
+        !currentLineChild->style().flexEndMarginIsAuto(crossAxis, direction)) {
       childCrossSize = availableInnerCrossDim;
-      childCrossMeasureMode = MeasureMode::Exactly;
-    } else if (!styleDefinesDimension(
-                   currentLineChild, crossAxis, availableInnerCrossDim)) {
+      childCrossSizingMode = SizingMode::StretchFit;
+    } else if (!currentLineChild->hasDefiniteLength(
+                   dimension(crossAxis), availableInnerCrossDim)) {
       childCrossSize = availableInnerCrossDim;
-      childCrossMeasureMode = yoga::isUndefined(childCrossSize)
-          ? MeasureMode::Undefined
-          : MeasureMode::AtMost;
+      childCrossSizingMode = yoga::isUndefined(childCrossSize)
+          ? SizingMode::MaxContent
+          : SizingMode::FitContent;
     } else {
       childCrossSize =
-          yoga::resolveValue(
-              currentLineChild->getResolvedDimension(dimension(crossAxis)),
-              availableInnerCrossDim)
+          currentLineChild->getResolvedDimension(dimension(crossAxis))
+              .resolve(availableInnerCrossDim)
               .unwrap() +
           marginCross;
       const bool isLoosePercentageMeasurement =
-          currentLineChild->getResolvedDimension(dimension(crossAxis)).unit ==
-              YGUnitPercent &&
-          measureModeCrossDim != MeasureMode::Exactly;
-      childCrossMeasureMode =
+          currentLineChild->getResolvedDimension(dimension(crossAxis)).unit() ==
+              Unit::Percent &&
+          sizingModeCrossDim != SizingMode::StretchFit;
+      childCrossSizingMode =
           yoga::isUndefined(childCrossSize) || isLoosePercentageMeasurement
-          ? MeasureMode::Undefined
-          : MeasureMode::Exactly;
+          ? SizingMode::MaxContent
+          : SizingMode::StretchFit;
     }
 
     constrainMaxSizeForMode(
@@ -976,30 +702,31 @@ static float distributeFreeSpaceSecondPass(
         mainAxis,
         availableInnerMainDim,
         availableInnerWidth,
-        &childMainMeasureMode,
+        &childMainSizingMode,
         &childMainSize);
     constrainMaxSizeForMode(
         currentLineChild,
         crossAxis,
         availableInnerCrossDim,
         availableInnerWidth,
-        &childCrossMeasureMode,
+        &childCrossSizingMode,
         &childCrossSize);
 
     const bool requiresStretchLayout =
-        !styleDefinesDimension(
-            currentLineChild, crossAxis, availableInnerCrossDim) &&
+        !currentLineChild->hasDefiniteLength(
+            dimension(crossAxis), availableInnerCrossDim) &&
         resolveChildAlignment(node, currentLineChild) == Align::Stretch &&
-        currentLineChild->marginLeadingValue(crossAxis).unit != YGUnitAuto &&
-        currentLineChild->marginTrailingValue(crossAxis).unit != YGUnitAuto;
+        !currentLineChild->style().flexStartMarginIsAuto(
+            crossAxis, direction) &&
+        !currentLineChild->style().flexEndMarginIsAuto(crossAxis, direction);
 
     const float childWidth = isMainAxisRow ? childMainSize : childCrossSize;
     const float childHeight = !isMainAxisRow ? childMainSize : childCrossSize;
 
-    const MeasureMode childWidthMeasureMode =
-        isMainAxisRow ? childMainMeasureMode : childCrossMeasureMode;
-    const MeasureMode childHeightMeasureMode =
-        !isMainAxisRow ? childMainMeasureMode : childCrossMeasureMode;
+    const SizingMode childWidthSizingMode =
+        isMainAxisRow ? childMainSizingMode : childCrossSizingMode;
+    const SizingMode childHeightSizingMode =
+        !isMainAxisRow ? childMainSizingMode : childCrossSizingMode;
 
     const bool isLayoutPass = performLayout && !requiresStretchLayout;
     // Recursively call the layout algorithm for this child with the updated
@@ -1009,8 +736,8 @@ static float distributeFreeSpaceSecondPass(
         childWidth,
         childHeight,
         node->getLayout().direction(),
-        childWidthMeasureMode,
-        childHeightMeasureMode,
+        childWidthSizingMode,
+        childHeightSizingMode,
         availableInnerWidth,
         availableInnerHeight,
         isLayoutPass,
@@ -1054,7 +781,7 @@ static void distributeFreeSpaceFirstPass(
           -currentLineChild->resolveFlexShrink() * childFlexBasis;
 
       // Is this child able to shrink?
-      if (!yoga::isUndefined(flexShrinkScaledFactor) &&
+      if (yoga::isDefined(flexShrinkScaledFactor) &&
           flexShrinkScaledFactor != 0) {
         baseMainSize = childFlexBasis +
             flexLine.layout.remainingFreeSpace /
@@ -1066,8 +793,7 @@ static void distributeFreeSpaceFirstPass(
             baseMainSize,
             availableInnerMainDim,
             availableInnerWidth);
-        if (!yoga::isUndefined(baseMainSize) &&
-            !yoga::isUndefined(boundMainSize) &&
+        if (yoga::isDefined(baseMainSize) && yoga::isDefined(boundMainSize) &&
             baseMainSize != boundMainSize) {
           // By excluding this item's size and flex factor from remaining, this
           // item's min/max constraints should also trigger in the second pass
@@ -1080,12 +806,12 @@ static void distributeFreeSpaceFirstPass(
         }
       }
     } else if (
-        !yoga::isUndefined(flexLine.layout.remainingFreeSpace) &&
+        yoga::isDefined(flexLine.layout.remainingFreeSpace) &&
         flexLine.layout.remainingFreeSpace > 0) {
       flexGrowFactor = currentLineChild->resolveFlexGrow();
 
       // Is this child able to grow?
-      if (!yoga::isUndefined(flexGrowFactor) && flexGrowFactor != 0) {
+      if (yoga::isDefined(flexGrowFactor) && flexGrowFactor != 0) {
         baseMainSize = childFlexBasis +
             flexLine.layout.remainingFreeSpace /
                 flexLine.layout.totalFlexGrowFactors * flexGrowFactor;
@@ -1096,8 +822,7 @@ static void distributeFreeSpaceFirstPass(
             availableInnerMainDim,
             availableInnerWidth);
 
-        if (!yoga::isUndefined(baseMainSize) &&
-            !yoga::isUndefined(boundMainSize) &&
+        if (yoga::isDefined(baseMainSize) && yoga::isDefined(boundMainSize) &&
             baseMainSize != boundMainSize) {
           // By excluding this item's size and flex factor from remaining, this
           // item's min/max constraints should also trigger in the second pass
@@ -1139,13 +864,14 @@ static void resolveFlexibleLength(
     FlexLine& flexLine,
     const FlexDirection mainAxis,
     const FlexDirection crossAxis,
+    const Direction direction,
     const float mainAxisownerSize,
     const float availableInnerMainDim,
     const float availableInnerCrossDim,
     const float availableInnerWidth,
     const float availableInnerHeight,
     const bool mainAxisOverflows,
-    const MeasureMode measureModeCrossDim,
+    const SizingMode sizingModeCrossDim,
     const bool performLayout,
     LayoutData& layoutMarkerData,
     const uint32_t depth,
@@ -1165,13 +891,14 @@ static void resolveFlexibleLength(
       node,
       mainAxis,
       crossAxis,
+      direction,
       mainAxisownerSize,
       availableInnerMainDim,
       availableInnerCrossDim,
       availableInnerWidth,
       availableInnerHeight,
       mainAxisOverflows,
-      measureModeCrossDim,
+      sizingModeCrossDim,
       performLayout,
       layoutMarkerData,
       depth,
@@ -1186,28 +913,33 @@ static void justifyMainAxis(
     const size_t startOfLineIndex,
     const FlexDirection mainAxis,
     const FlexDirection crossAxis,
-    const MeasureMode measureModeMainDim,
-    const MeasureMode measureModeCrossDim,
+    const Direction direction,
+    const SizingMode sizingModeMainDim,
+    const SizingMode sizingModeCrossDim,
     const float mainAxisownerSize,
     const float ownerWidth,
     const float availableInnerMainDim,
     const float availableInnerCrossDim,
     const float availableInnerWidth,
     const bool performLayout) {
-  const auto& style = node->getStyle();
+  const auto& style = node->style();
+
   const float leadingPaddingAndBorderMain =
-      node->getLeadingPaddingAndBorder(mainAxis, ownerWidth);
+      node->style().computeFlexStartPaddingAndBorder(
+          mainAxis, direction, ownerWidth);
   const float trailingPaddingAndBorderMain =
-      node->getTrailingPaddingAndBorder(mainAxis, ownerWidth);
-  const float gap = node->getGapForAxis(mainAxis);
+      node->style().computeFlexEndPaddingAndBorder(
+          mainAxis, direction, ownerWidth);
+
+  const float gap = node->style().computeGapForAxis(mainAxis);
   // If we are using "at most" rules in the main axis, make sure that
   // remainingFreeSpace is 0 when min main dimension is not given
-  if (measureModeMainDim == MeasureMode::AtMost &&
+  if (sizingModeMainDim == SizingMode::FitContent &&
       flexLine.layout.remainingFreeSpace > 0) {
-    if (!style.minDimension(dimension(mainAxis)).isUndefined() &&
-        !yoga::resolveValue(
-             style.minDimension(dimension(mainAxis)), mainAxisownerSize)
-             .isUndefined()) {
+    if (style.minDimension(dimension(mainAxis)).isDefined() &&
+        style.minDimension(dimension(mainAxis))
+            .resolve(mainAxisownerSize)
+            .isDefined()) {
       // This condition makes sure that if the size of main dimension(after
       // considering child nodes main dim, leading and trailing padding etc)
       // falls below min dimension, then the remainingFreeSpace is reassigned
@@ -1215,10 +947,9 @@ static void justifyMainAxis(
 
       // `minAvailableMainDim` denotes minimum available space in which child
       // can be laid out, it will exclude space consumed by padding and border.
-      const float minAvailableMainDim =
-          yoga::resolveValue(
-              style.minDimension(dimension(mainAxis)), mainAxisownerSize)
-              .unwrap() -
+      const float minAvailableMainDim = style.minDimension(dimension(mainAxis))
+                                            .resolve(mainAxisownerSize)
+                                            .unwrap() -
           leadingPaddingAndBorderMain - trailingPaddingAndBorderMain;
       const float occupiedSpaceByChildNodes =
           availableInnerMainDim - flexLine.layout.remainingFreeSpace;
@@ -1232,11 +963,11 @@ static void justifyMainAxis(
   int numberOfAutoMarginsOnCurrentLine = 0;
   for (size_t i = startOfLineIndex; i < flexLine.endOfLineIndex; i++) {
     auto child = node->getChild(i);
-    if (child->getStyle().positionType() != PositionType::Absolute) {
-      if (child->marginLeadingValue(mainAxis).unit == YGUnitAuto) {
+    if (child->style().positionType() != PositionType::Absolute) {
+      if (child->style().flexStartMarginIsAuto(mainAxis, direction)) {
         numberOfAutoMarginsOnCurrentLine++;
       }
-      if (child->marginTrailingValue(mainAxis).unit == YGUnitAuto) {
+      if (child->style().flexEndMarginIsAuto(mainAxis, direction)) {
         numberOfAutoMarginsOnCurrentLine++;
       }
     }
@@ -1247,7 +978,7 @@ static void justifyMainAxis(
   // each two elements.
   float leadingMainDim = 0;
   float betweenMainDim = gap;
-  const Justify justifyContent = node->getStyle().justifyContent();
+  const Justify justifyContent = node->style().justifyContent();
 
   if (numberOfAutoMarginsOnCurrentLine == 0) {
     switch (justifyContent) {
@@ -1289,73 +1020,75 @@ static void justifyMainAxis(
   bool isNodeBaselineLayout = isBaselineLayout(node);
   for (size_t i = startOfLineIndex; i < flexLine.endOfLineIndex; i++) {
     const auto child = node->getChild(i);
-    const Style& childStyle = child->getStyle();
+    const Style& childStyle = child->style();
     const LayoutResults& childLayout = child->getLayout();
     if (childStyle.display() == Display::None) {
       continue;
     }
     if (childStyle.positionType() == PositionType::Absolute &&
-        child->isLeadingPositionDefined(mainAxis)) {
+        child->style().isFlexStartPositionDefined(mainAxis, direction)) {
       if (performLayout) {
         // In case the child is position absolute and has left/top being
         // defined, we override the position to whatever the user said (and
         // margin/border).
         child->setLayoutPosition(
-            child->getLeadingPosition(mainAxis, availableInnerMainDim) +
-                node->getLeadingBorder(mainAxis) +
-                child->getLeadingMargin(mainAxis, availableInnerWidth),
-            leadingEdge(mainAxis));
+            child->style().computeFlexStartPosition(
+                mainAxis, direction, availableInnerMainDim) +
+                node->style().computeFlexStartBorder(mainAxis, direction) +
+                child->style().computeFlexStartMargin(
+                    mainAxis, direction, availableInnerWidth),
+            flexStartEdge(mainAxis));
       }
     } else {
       // Now that we placed the element, we need to update the variables.
       // We need to do that only for relative elements. Absolute elements do not
       // take part in that phase.
       if (childStyle.positionType() != PositionType::Absolute) {
-        if (child->marginLeadingValue(mainAxis).unit == YGUnitAuto) {
+        if (child->style().flexStartMarginIsAuto(mainAxis, direction)) {
           flexLine.layout.mainDim += flexLine.layout.remainingFreeSpace /
               static_cast<float>(numberOfAutoMarginsOnCurrentLine);
         }
 
         if (performLayout) {
           child->setLayoutPosition(
-              childLayout.position[leadingEdge(mainAxis)] +
+              childLayout.position(flexStartEdge(mainAxis)) +
                   flexLine.layout.mainDim,
-              leadingEdge(mainAxis));
+              flexStartEdge(mainAxis));
         }
 
         if (child != flexLine.itemsInFlow.back()) {
           flexLine.layout.mainDim += betweenMainDim;
         }
 
-        if (child->marginTrailingValue(mainAxis).unit == YGUnitAuto) {
+        if (child->style().flexEndMarginIsAuto(mainAxis, direction)) {
           flexLine.layout.mainDim += flexLine.layout.remainingFreeSpace /
               static_cast<float>(numberOfAutoMarginsOnCurrentLine);
         }
         bool canSkipFlex =
-            !performLayout && measureModeCrossDim == MeasureMode::Exactly;
+            !performLayout && sizingModeCrossDim == SizingMode::StretchFit;
         if (canSkipFlex) {
           // If we skipped the flex step, then we can't rely on the measuredDims
           // because they weren't computed. This means we can't call
           // dimensionWithMargin.
-          flexLine.layout.mainDim +=
-              child->getMarginForAxis(mainAxis, availableInnerWidth) +
+          flexLine.layout.mainDim += child->style().computeMarginForAxis(
+                                         mainAxis, availableInnerWidth) +
               childLayout.computedFlexBasis.unwrap();
           flexLine.layout.crossDim = availableInnerCrossDim;
         } else {
           // The main dimension is the sum of all the elements dimension plus
           // the spacing.
           flexLine.layout.mainDim +=
-              dimensionWithMargin(child, mainAxis, availableInnerWidth);
+              child->dimensionWithMargin(mainAxis, availableInnerWidth);
 
           if (isNodeBaselineLayout) {
             // If the child is baseline aligned then the cross dimension is
             // calculated by adding maxAscent and maxDescent from the baseline.
             const float ascent = calculateBaseline(child) +
-                child->getLeadingMargin(
-                    FlexDirection::Column, availableInnerWidth);
+                child->style().computeFlexStartMargin(
+                    FlexDirection::Column, direction, availableInnerWidth);
             const float descent =
                 child->getLayout().measuredDimension(Dimension::Height) +
-                child->getMarginForAxis(
+                child->style().computeMarginForAxis(
                     FlexDirection::Column, availableInnerWidth) -
                 ascent;
 
@@ -1369,14 +1102,15 @@ static void justifyMainAxis(
             // when the items are not baseline aligned
             flexLine.layout.crossDim = yoga::maxOrDefined(
                 flexLine.layout.crossDim,
-                dimensionWithMargin(child, crossAxis, availableInnerWidth));
+                child->dimensionWithMargin(crossAxis, availableInnerWidth));
           }
         }
       } else if (performLayout) {
         child->setLayoutPosition(
-            childLayout.position[leadingEdge(mainAxis)] +
-                node->getLeadingBorder(mainAxis) + leadingMainDim,
-            leadingEdge(mainAxis));
+            childLayout.position(flexStartEdge(mainAxis)) +
+                node->style().computeFlexStartBorder(mainAxis, direction) +
+                leadingMainDim,
+            flexStartEdge(mainAxis));
       }
     }
   }
@@ -1423,9 +1157,9 @@ static void justifyMainAxis(
 //      depends on layout flags
 //    - ownerDirection: the inline (text) direction within the owner
 //      (left-to-right or right-to-left)
-//    - widthMeasureMode: indicates the sizing rules for the width (see below
+//    - widthSizingMode: indicates the sizing rules for the width (see below
 //      for explanation)
-//    - heightMeasureMode: indicates the sizing rules for the height (see below
+//    - heightSizingMode: indicates the sizing rules for the height (see below
 //      for explanation)
 //    - performLayout: specifies whether the caller is interested in just the
 //      dimensions of the node or it requires the entire node and its subtree to
@@ -1440,26 +1174,17 @@ static void justifyMainAxis(
 //    layout.measuredDimensions field includes any border or padding for the
 //    node but does not include margins.
 //
-//    The spec describes four different layout modes: "fill available", "max
-//    content", "min content", and "fit content". Of these, we don't use "min
-//    content" because we don't support default minimum main sizes (see above
-//    for details). Each of our measure modes maps to a layout mode from the
-//    spec (https://www.w3.org/TR/CSS3-sizing/#terms):
-//      - MeasureMode::Undefined: max content
-//      - MeasureMode::Exactly: fill available
-//      - MeasureMode::AtMost: fit content
-//
 //    When calling calculateLayoutImpl and calculateLayoutInternal, if the
 //    caller passes an available size of undefined then it must also pass a
-//    measure mode of MeasureMode::Undefined in that dimension.
+//    measure mode of SizingMode::MaxContent in that dimension.
 //
 static void calculateLayoutImpl(
     yoga::Node* const node,
     const float availableWidth,
     const float availableHeight,
     const Direction ownerDirection,
-    const MeasureMode widthMeasureMode,
-    const MeasureMode heightMeasureMode,
+    const SizingMode widthSizingMode,
+    const SizingMode heightSizingMode,
     const float ownerWidth,
     const float ownerHeight,
     const bool performLayout,
@@ -1470,17 +1195,17 @@ static void calculateLayoutImpl(
   yoga::assertFatalWithNode(
       node,
       yoga::isUndefined(availableWidth)
-          ? widthMeasureMode == MeasureMode::Undefined
+          ? widthSizingMode == SizingMode::MaxContent
           : true,
-      "availableWidth is indefinite so widthMeasureMode must be "
-      "MeasureMode::Undefined");
+      "availableWidth is indefinite so widthSizingMode must be "
+      "SizingMode::MaxContent");
   yoga::assertFatalWithNode(
       node,
       yoga::isUndefined(availableHeight)
-          ? heightMeasureMode == MeasureMode::Undefined
+          ? heightSizingMode == SizingMode::MaxContent
           : true,
-      "availableHeight is indefinite so heightMeasureMode must be "
-      "MeasureMode::Undefined");
+      "availableHeight is indefinite so heightSizingMode must be "
+      "SizingMode::MaxContent");
 
   (performLayout ? layoutMarkerData.layouts : layoutMarkerData.measures) += 1;
 
@@ -1493,48 +1218,64 @@ static void calculateLayoutImpl(
   const FlexDirection flexColumnDirection =
       resolveDirection(FlexDirection::Column, direction);
 
-  const YGEdge startEdge =
-      direction == Direction::LTR ? YGEdgeLeft : YGEdgeRight;
-  const YGEdge endEdge = direction == Direction::LTR ? YGEdgeRight : YGEdgeLeft;
+  const auto startEdge =
+      direction == Direction::LTR ? PhysicalEdge::Left : PhysicalEdge::Right;
+  const auto endEdge =
+      direction == Direction::LTR ? PhysicalEdge::Right : PhysicalEdge::Left;
 
-  const float marginRowLeading =
-      node->getLeadingMargin(flexRowDirection, ownerWidth);
+  const float marginRowLeading = node->style().computeInlineStartMargin(
+      flexRowDirection, direction, ownerWidth);
   node->setLayoutMargin(marginRowLeading, startEdge);
-  const float marginRowTrailing =
-      node->getTrailingMargin(flexRowDirection, ownerWidth);
+  const float marginRowTrailing = node->style().computeInlineEndMargin(
+      flexRowDirection, direction, ownerWidth);
   node->setLayoutMargin(marginRowTrailing, endEdge);
-  const float marginColumnLeading =
-      node->getLeadingMargin(flexColumnDirection, ownerWidth);
-  node->setLayoutMargin(marginColumnLeading, YGEdgeTop);
-  const float marginColumnTrailing =
-      node->getTrailingMargin(flexColumnDirection, ownerWidth);
-  node->setLayoutMargin(marginColumnTrailing, YGEdgeBottom);
+  const float marginColumnLeading = node->style().computeInlineStartMargin(
+      flexColumnDirection, direction, ownerWidth);
+  node->setLayoutMargin(marginColumnLeading, PhysicalEdge::Top);
+  const float marginColumnTrailing = node->style().computeInlineEndMargin(
+      flexColumnDirection, direction, ownerWidth);
+  node->setLayoutMargin(marginColumnTrailing, PhysicalEdge::Bottom);
 
   const float marginAxisRow = marginRowLeading + marginRowTrailing;
   const float marginAxisColumn = marginColumnLeading + marginColumnTrailing;
 
-  node->setLayoutBorder(node->getLeadingBorder(flexRowDirection), startEdge);
-  node->setLayoutBorder(node->getTrailingBorder(flexRowDirection), endEdge);
-  node->setLayoutBorder(node->getLeadingBorder(flexColumnDirection), YGEdgeTop);
   node->setLayoutBorder(
-      node->getTrailingBorder(flexColumnDirection), YGEdgeBottom);
+      node->style().computeInlineStartBorder(flexRowDirection, direction),
+      startEdge);
+  node->setLayoutBorder(
+      node->style().computeInlineEndBorder(flexRowDirection, direction),
+      endEdge);
+  node->setLayoutBorder(
+      node->style().computeInlineStartBorder(flexColumnDirection, direction),
+      PhysicalEdge::Top);
+  node->setLayoutBorder(
+      node->style().computeInlineEndBorder(flexColumnDirection, direction),
+      PhysicalEdge::Bottom);
 
   node->setLayoutPadding(
-      node->getLeadingPadding(flexRowDirection, ownerWidth), startEdge);
+      node->style().computeInlineStartPadding(
+          flexRowDirection, direction, ownerWidth),
+      startEdge);
   node->setLayoutPadding(
-      node->getTrailingPadding(flexRowDirection, ownerWidth), endEdge);
+      node->style().computeInlineEndPadding(
+          flexRowDirection, direction, ownerWidth),
+      endEdge);
   node->setLayoutPadding(
-      node->getLeadingPadding(flexColumnDirection, ownerWidth), YGEdgeTop);
+      node->style().computeInlineStartPadding(
+          flexColumnDirection, direction, ownerWidth),
+      PhysicalEdge::Top);
   node->setLayoutPadding(
-      node->getTrailingPadding(flexColumnDirection, ownerWidth), YGEdgeBottom);
+      node->style().computeInlineEndPadding(
+          flexColumnDirection, direction, ownerWidth),
+      PhysicalEdge::Bottom);
 
   if (node->hasMeasureFunc()) {
     measureNodeWithMeasureFunc(
         node,
         availableWidth - marginAxisRow,
         availableHeight - marginAxisColumn,
-        widthMeasureMode,
-        heightMeasureMode,
+        widthSizingMode,
+        heightSizingMode,
         ownerWidth,
         ownerHeight,
         layoutMarkerData,
@@ -1548,8 +1289,8 @@ static void calculateLayoutImpl(
         node,
         availableWidth - marginAxisRow,
         availableHeight - marginAxisColumn,
-        widthMeasureMode,
-        heightMeasureMode,
+        widthSizingMode,
+        heightSizingMode,
         ownerWidth,
         ownerHeight);
     return;
@@ -1562,8 +1303,8 @@ static void calculateLayoutImpl(
           node,
           availableWidth - marginAxisRow,
           availableHeight - marginAxisColumn,
-          widthMeasureMode,
-          heightMeasureMode,
+          widthSizingMode,
+          heightSizingMode,
           ownerWidth,
           ownerHeight)) {
     return;
@@ -1577,27 +1318,26 @@ static void calculateLayoutImpl(
 
   // STEP 1: CALCULATE VALUES FOR REMAINDER OF ALGORITHM
   const FlexDirection mainAxis =
-      resolveDirection(node->getStyle().flexDirection(), direction);
+      resolveDirection(node->style().flexDirection(), direction);
   const FlexDirection crossAxis = resolveCrossDirection(mainAxis, direction);
   const bool isMainAxisRow = isRow(mainAxis);
-  const bool isNodeFlexWrap = node->getStyle().flexWrap() != Wrap::NoWrap;
+  const bool isNodeFlexWrap = node->style().flexWrap() != Wrap::NoWrap;
 
   const float mainAxisownerSize = isMainAxisRow ? ownerWidth : ownerHeight;
   const float crossAxisownerSize = isMainAxisRow ? ownerHeight : ownerWidth;
 
   const float paddingAndBorderAxisMain =
       paddingAndBorderForAxis(node, mainAxis, ownerWidth);
-  const float leadingPaddingAndBorderCross =
-      node->getLeadingPaddingAndBorder(crossAxis, ownerWidth);
-  const float trailingPaddingAndBorderCross =
-      node->getTrailingPaddingAndBorder(crossAxis, ownerWidth);
   const float paddingAndBorderAxisCross =
-      leadingPaddingAndBorderCross + trailingPaddingAndBorderCross;
+      paddingAndBorderForAxis(node, crossAxis, ownerWidth);
+  const float leadingPaddingAndBorderCross =
+      node->style().computeFlexStartPaddingAndBorder(
+          crossAxis, direction, ownerWidth);
 
-  MeasureMode measureModeMainDim =
-      isMainAxisRow ? widthMeasureMode : heightMeasureMode;
-  MeasureMode measureModeCrossDim =
-      isMainAxisRow ? heightMeasureMode : widthMeasureMode;
+  SizingMode sizingModeMainDim =
+      isMainAxisRow ? widthSizingMode : heightSizingMode;
+  SizingMode sizingModeCrossDim =
+      isMainAxisRow ? heightSizingMode : widthSizingMode;
 
   const float paddingAndBorderAxisRow =
       isMainAxisRow ? paddingAndBorderAxisMain : paddingAndBorderAxisCross;
@@ -1632,8 +1372,8 @@ static void calculateLayoutImpl(
       node,
       availableInnerWidth,
       availableInnerHeight,
-      widthMeasureMode,
-      heightMeasureMode,
+      widthSizingMode,
+      heightSizingMode,
       direction,
       mainAxis,
       performLayout,
@@ -1642,17 +1382,17 @@ static void calculateLayoutImpl(
       generationCount);
 
   if (childCount > 1) {
-    totalMainDim +=
-        node->getGapForAxis(mainAxis) * static_cast<float>(childCount - 1);
+    totalMainDim += node->style().computeGapForAxis(mainAxis) *
+        static_cast<float>(childCount - 1);
   }
 
   const bool mainAxisOverflows =
-      (measureModeMainDim != MeasureMode::Undefined) &&
+      (sizingModeMainDim != SizingMode::MaxContent) &&
       totalMainDim > availableInnerMainDim;
 
   if (isNodeFlexWrap && mainAxisOverflows &&
-      measureModeMainDim == MeasureMode::AtMost) {
-    measureModeMainDim = MeasureMode::Exactly;
+      sizingModeMainDim == SizingMode::FitContent) {
+    sizingModeMainDim = SizingMode::StretchFit;
   }
   // STEP 4: COLLECT FLEX ITEMS INTO FLEX LINES
 
@@ -1666,7 +1406,7 @@ static void calculateLayoutImpl(
   // Accumulated cross dimensions of all lines so far.
   float totalLineCrossDim = 0;
 
-  const float crossAxisGap = node->getGapForAxis(crossAxis);
+  const float crossAxisGap = node->style().computeGapForAxis(crossAxis);
 
   // Max main dimension of all the lines.
   float maxLineMainDim = 0;
@@ -1686,7 +1426,7 @@ static void calculateLayoutImpl(
     // If we don't need to measure the cross axis, we can skip the entire flex
     // step.
     const bool canSkipFlex =
-        !performLayout && measureModeCrossDim == MeasureMode::Exactly;
+        !performLayout && sizingModeCrossDim == SizingMode::StretchFit;
 
     // STEP 5: RESOLVING FLEXIBLE LENGTHS ON MAIN AXIS
     // Calculate the remaining available space that needs to be allocated. If
@@ -1696,23 +1436,19 @@ static void calculateLayoutImpl(
     bool sizeBasedOnContent = false;
     // If we don't measure with exact main dimension we want to ensure we don't
     // violate min and max
-    if (measureModeMainDim != MeasureMode::Exactly) {
-      const auto& style = node->getStyle();
+    if (sizingModeMainDim != SizingMode::StretchFit) {
+      const auto& style = node->style();
       const float minInnerWidth =
-          yoga::resolveValue(style.minDimension(Dimension::Width), ownerWidth)
-              .unwrap() -
+          style.minDimension(Dimension::Width).resolve(ownerWidth).unwrap() -
           paddingAndBorderAxisRow;
       const float maxInnerWidth =
-          yoga::resolveValue(style.maxDimension(Dimension::Width), ownerWidth)
-              .unwrap() -
+          style.maxDimension(Dimension::Width).resolve(ownerWidth).unwrap() -
           paddingAndBorderAxisRow;
       const float minInnerHeight =
-          yoga::resolveValue(style.minDimension(Dimension::Height), ownerHeight)
-              .unwrap() -
+          style.minDimension(Dimension::Height).resolve(ownerHeight).unwrap() -
           paddingAndBorderAxisColumn;
       const float maxInnerHeight =
-          yoga::resolveValue(style.maxDimension(Dimension::Height), ownerHeight)
-              .unwrap() -
+          style.maxDimension(Dimension::Height).resolve(ownerHeight).unwrap() -
           paddingAndBorderAxisColumn;
 
       const float minInnerMainDim =
@@ -1720,11 +1456,11 @@ static void calculateLayoutImpl(
       const float maxInnerMainDim =
           isMainAxisRow ? maxInnerWidth : maxInnerHeight;
 
-      if (!yoga::isUndefined(minInnerMainDim) &&
+      if (yoga::isDefined(minInnerMainDim) &&
           flexLine.sizeConsumed < minInnerMainDim) {
         availableInnerMainDim = minInnerMainDim;
       } else if (
-          !yoga::isUndefined(maxInnerMainDim) &&
+          yoga::isDefined(maxInnerMainDim) &&
           flexLine.sizeConsumed > maxInnerMainDim) {
         availableInnerMainDim = maxInnerMainDim;
       } else {
@@ -1732,9 +1468,9 @@ static void calculateLayoutImpl(
             node->hasErrata(Errata::StretchFlexBasis);
 
         if (!useLegacyStretchBehaviour &&
-            ((!yoga::isUndefined(flexLine.layout.totalFlexGrowFactors) &&
+            ((yoga::isDefined(flexLine.layout.totalFlexGrowFactors) &&
               flexLine.layout.totalFlexGrowFactors == 0) ||
-             (!yoga::isUndefined(node->resolveFlexGrow()) &&
+             (yoga::isDefined(node->resolveFlexGrow()) &&
               node->resolveFlexGrow() == 0))) {
           // If we don't have any children to flex or we can't flex the node
           // itself, space we've used is all space we need. Root node also
@@ -1746,7 +1482,7 @@ static void calculateLayoutImpl(
       }
     }
 
-    if (!sizeBasedOnContent && !yoga::isUndefined(availableInnerMainDim)) {
+    if (!sizeBasedOnContent && yoga::isDefined(availableInnerMainDim)) {
       flexLine.layout.remainingFreeSpace =
           availableInnerMainDim - flexLine.sizeConsumed;
     } else if (flexLine.sizeConsumed < 0) {
@@ -1763,13 +1499,14 @@ static void calculateLayoutImpl(
           flexLine,
           mainAxis,
           crossAxis,
+          direction,
           mainAxisownerSize,
           availableInnerMainDim,
           availableInnerCrossDim,
           availableInnerWidth,
           availableInnerHeight,
           mainAxisOverflows,
-          measureModeCrossDim,
+          sizingModeCrossDim,
           performLayout,
           layoutMarkerData,
           depth,
@@ -1793,8 +1530,9 @@ static void calculateLayoutImpl(
         startOfLineIndex,
         mainAxis,
         crossAxis,
-        measureModeMainDim,
-        measureModeCrossDim,
+        direction,
+        sizingModeMainDim,
+        sizingModeCrossDim,
         mainAxisownerSize,
         ownerWidth,
         availableInnerMainDim,
@@ -1803,8 +1541,8 @@ static void calculateLayoutImpl(
         performLayout);
 
     float containerCrossAxis = availableInnerCrossDim;
-    if (measureModeCrossDim == MeasureMode::Undefined ||
-        measureModeCrossDim == MeasureMode::AtMost) {
+    if (sizingModeCrossDim == SizingMode::MaxContent ||
+        sizingModeCrossDim == SizingMode::FitContent) {
       // Compute the cross axis from the max cross dimension of the children.
       containerCrossAxis =
           boundAxis(
@@ -1817,50 +1555,58 @@ static void calculateLayoutImpl(
     }
 
     // If there's no flex wrap, the cross dimension is defined by the container.
-    if (!isNodeFlexWrap && measureModeCrossDim == MeasureMode::Exactly) {
+    if (!isNodeFlexWrap && sizingModeCrossDim == SizingMode::StretchFit) {
       flexLine.layout.crossDim = availableInnerCrossDim;
     }
 
-    // Clamp to the min/max size specified on the container.
-    flexLine.layout.crossDim =
-        boundAxis(
-            node,
-            crossAxis,
-            flexLine.layout.crossDim + paddingAndBorderAxisCross,
-            crossAxisownerSize,
-            ownerWidth) -
-        paddingAndBorderAxisCross;
+    // As-per https://www.w3.org/TR/css-flexbox-1/#cross-sizing, the
+    // cross-size of the line within a single-line container should be bound to
+    // min/max constraints before alignment within the line. In a multi-line
+    // container, affecting alignment between the lines.
+    if (!isNodeFlexWrap) {
+      flexLine.layout.crossDim =
+          boundAxis(
+              node,
+              crossAxis,
+              flexLine.layout.crossDim + paddingAndBorderAxisCross,
+              crossAxisownerSize,
+              ownerWidth) -
+          paddingAndBorderAxisCross;
+    }
 
     // STEP 7: CROSS-AXIS ALIGNMENT
     // We can skip child alignment if we're just measuring the container.
     if (performLayout) {
       for (size_t i = startOfLineIndex; i < endOfLineIndex; i++) {
         const auto child = node->getChild(i);
-        if (child->getStyle().display() == Display::None) {
+        if (child->style().display() == Display::None) {
           continue;
         }
-        if (child->getStyle().positionType() == PositionType::Absolute) {
+        if (child->style().positionType() == PositionType::Absolute) {
           // If the child is absolutely positioned and has a
           // top/left/bottom/right set, override all the previously computed
           // positions to set it correctly.
           const bool isChildLeadingPosDefined =
-              child->isLeadingPositionDefined(crossAxis);
+              child->style().isFlexStartPositionDefined(crossAxis, direction);
           if (isChildLeadingPosDefined) {
             child->setLayoutPosition(
-                child->getLeadingPosition(crossAxis, availableInnerCrossDim) +
-                    node->getLeadingBorder(crossAxis) +
-                    child->getLeadingMargin(crossAxis, availableInnerWidth),
-                leadingEdge(crossAxis));
+                child->style().computeFlexStartPosition(
+                    crossAxis, direction, availableInnerCrossDim) +
+                    node->style().computeFlexStartBorder(crossAxis, direction) +
+                    child->style().computeFlexStartMargin(
+                        crossAxis, direction, availableInnerWidth),
+                flexStartEdge(crossAxis));
           }
           // If leading position is not defined or calculations result in Nan,
           // default to border + margin
           if (!isChildLeadingPosDefined ||
               yoga::isUndefined(
-                  child->getLayout().position[leadingEdge(crossAxis)])) {
+                  child->getLayout().position(flexStartEdge(crossAxis)))) {
             child->setLayoutPosition(
-                node->getLeadingBorder(crossAxis) +
-                    child->getLeadingMargin(crossAxis, availableInnerWidth),
-                leadingEdge(crossAxis));
+                node->style().computeFlexStartBorder(crossAxis, direction) +
+                    child->style().computeFlexStartMargin(
+                        crossAxis, direction, availableInnerWidth),
+                flexStartEdge(crossAxis));
           }
         } else {
           float leadingCrossDim = leadingPaddingAndBorderCross;
@@ -1874,40 +1620,41 @@ static void calculateLayoutImpl(
           // time, this time forcing the cross-axis size to be the computed
           // cross size for the current line.
           if (alignItem == Align::Stretch &&
-              child->marginLeadingValue(crossAxis).unit != YGUnitAuto &&
-              child->marginTrailingValue(crossAxis).unit != YGUnitAuto) {
+              !child->style().flexStartMarginIsAuto(crossAxis, direction) &&
+              !child->style().flexEndMarginIsAuto(crossAxis, direction)) {
             // If the child defines a definite size for its cross axis, there's
             // no need to stretch.
-            if (!styleDefinesDimension(
-                    child, crossAxis, availableInnerCrossDim)) {
+            if (!child->hasDefiniteLength(
+                    dimension(crossAxis), availableInnerCrossDim)) {
               float childMainSize =
                   child->getLayout().measuredDimension(dimension(mainAxis));
-              const auto& childStyle = child->getStyle();
-              float childCrossSize = !childStyle.aspectRatio().isUndefined()
-                  ? child->getMarginForAxis(crossAxis, availableInnerWidth) +
+              const auto& childStyle = child->style();
+              float childCrossSize = childStyle.aspectRatio().isDefined()
+                  ? child->style().computeMarginForAxis(
+                        crossAxis, availableInnerWidth) +
                       (isMainAxisRow
                            ? childMainSize / childStyle.aspectRatio().unwrap()
                            : childMainSize * childStyle.aspectRatio().unwrap())
                   : flexLine.layout.crossDim;
 
-              childMainSize +=
-                  child->getMarginForAxis(mainAxis, availableInnerWidth);
+              childMainSize += child->style().computeMarginForAxis(
+                  mainAxis, availableInnerWidth);
 
-              MeasureMode childMainMeasureMode = MeasureMode::Exactly;
-              MeasureMode childCrossMeasureMode = MeasureMode::Exactly;
+              SizingMode childMainSizingMode = SizingMode::StretchFit;
+              SizingMode childCrossSizingMode = SizingMode::StretchFit;
               constrainMaxSizeForMode(
                   child,
                   mainAxis,
                   availableInnerMainDim,
                   availableInnerWidth,
-                  &childMainMeasureMode,
+                  &childMainSizingMode,
                   &childMainSize);
               constrainMaxSizeForMode(
                   child,
                   crossAxis,
                   availableInnerCrossDim,
                   availableInnerWidth,
-                  &childCrossMeasureMode,
+                  &childCrossSizingMode,
                   &childCrossSize);
 
               const float childWidth =
@@ -1915,27 +1662,27 @@ static void calculateLayoutImpl(
               const float childHeight =
                   !isMainAxisRow ? childMainSize : childCrossSize;
 
-              auto alignContent = node->getStyle().alignContent();
+              auto alignContent = node->style().alignContent();
               auto crossAxisDoesNotGrow =
                   alignContent != Align::Stretch && isNodeFlexWrap;
-              const MeasureMode childWidthMeasureMode =
+              const SizingMode childWidthSizingMode =
                   yoga::isUndefined(childWidth) ||
                       (!isMainAxisRow && crossAxisDoesNotGrow)
-                  ? MeasureMode::Undefined
-                  : MeasureMode::Exactly;
-              const MeasureMode childHeightMeasureMode =
+                  ? SizingMode::MaxContent
+                  : SizingMode::StretchFit;
+              const SizingMode childHeightSizingMode =
                   yoga::isUndefined(childHeight) ||
                       (isMainAxisRow && crossAxisDoesNotGrow)
-                  ? MeasureMode::Undefined
-                  : MeasureMode::Exactly;
+                  ? SizingMode::MaxContent
+                  : SizingMode::StretchFit;
 
               calculateLayoutInternal(
                   child,
                   childWidth,
                   childHeight,
                   direction,
-                  childWidthMeasureMode,
-                  childHeightMeasureMode,
+                  childWidthSizingMode,
+                  childHeightSizingMode,
                   availableInnerWidth,
                   availableInnerHeight,
                   true,
@@ -1946,17 +1693,17 @@ static void calculateLayoutImpl(
             }
           } else {
             const float remainingCrossDim = containerCrossAxis -
-                dimensionWithMargin(child, crossAxis, availableInnerWidth);
+                child->dimensionWithMargin(crossAxis, availableInnerWidth);
 
-            if (child->marginLeadingValue(crossAxis).unit == YGUnitAuto &&
-                child->marginTrailingValue(crossAxis).unit == YGUnitAuto) {
+            if (child->style().flexStartMarginIsAuto(crossAxis, direction) &&
+                child->style().flexEndMarginIsAuto(crossAxis, direction)) {
               leadingCrossDim +=
                   yoga::maxOrDefined(0.0f, remainingCrossDim / 2);
-            } else if (
-                child->marginTrailingValue(crossAxis).unit == YGUnitAuto) {
+            } else if (child->style().flexEndMarginIsAuto(
+                           crossAxis, direction)) {
               // No-Op
-            } else if (
-                child->marginLeadingValue(crossAxis).unit == YGUnitAuto) {
+            } else if (child->style().flexStartMarginIsAuto(
+                           crossAxis, direction)) {
               leadingCrossDim += yoga::maxOrDefined(0.0f, remainingCrossDim);
             } else if (alignItem == Align::FlexStart) {
               // No-Op
@@ -1968,9 +1715,9 @@ static void calculateLayoutImpl(
           }
           // And we apply the position
           child->setLayoutPosition(
-              child->getLayout().position[leadingEdge(crossAxis)] +
+              child->getLayout().position(flexStartEdge(crossAxis)) +
                   totalLineCrossDim + leadingCrossDim,
-              leadingEdge(crossAxis));
+              flexStartEdge(crossAxis));
         }
       }
     }
@@ -1984,47 +1731,65 @@ static void calculateLayoutImpl(
   // STEP 8: MULTI-LINE CONTENT ALIGNMENT
   // currentLead stores the size of the cross dim
   if (performLayout && (isNodeFlexWrap || isBaselineLayout(node))) {
-    float crossDimLead = 0;
+    float leadPerLine = 0;
     float currentLead = leadingPaddingAndBorderCross;
-    if (!yoga::isUndefined(availableInnerCrossDim)) {
-      const float remainingAlignContentDim =
-          availableInnerCrossDim - totalLineCrossDim;
-      switch (node->getStyle().alignContent()) {
-        case Align::FlexEnd:
-          currentLead += remainingAlignContentDim;
-          break;
-        case Align::Center:
+
+    const float unclampedCrossDim = sizingModeCrossDim == SizingMode::StretchFit
+        ? availableInnerCrossDim + paddingAndBorderAxisCross
+        : node->hasDefiniteLength(dimension(crossAxis), crossAxisownerSize)
+        ? node->getResolvedDimension(dimension(crossAxis))
+              .resolve(crossAxisownerSize)
+              .unwrap()
+        : totalLineCrossDim + paddingAndBorderAxisCross;
+
+    const float innerCrossDim =
+        boundAxis(node, crossAxis, unclampedCrossDim, ownerHeight, ownerWidth) -
+        paddingAndBorderAxisCross;
+
+    const float remainingAlignContentDim = innerCrossDim - totalLineCrossDim;
+    switch (node->style().alignContent()) {
+      case Align::FlexEnd:
+        currentLead += remainingAlignContentDim;
+        break;
+      case Align::Center:
+        currentLead += remainingAlignContentDim / 2;
+        break;
+      case Align::Stretch:
+        if (innerCrossDim > totalLineCrossDim) {
+          leadPerLine =
+              remainingAlignContentDim / static_cast<float>(lineCount);
+        }
+        break;
+      case Align::SpaceAround:
+        if (innerCrossDim > totalLineCrossDim) {
+          currentLead +=
+              remainingAlignContentDim / (2 * static_cast<float>(lineCount));
+          leadPerLine =
+              remainingAlignContentDim / static_cast<float>(lineCount);
+        } else {
           currentLead += remainingAlignContentDim / 2;
-          break;
-        case Align::Stretch:
-          if (availableInnerCrossDim > totalLineCrossDim) {
-            crossDimLead =
-                remainingAlignContentDim / static_cast<float>(lineCount);
-          }
-          break;
-        case Align::SpaceAround:
-          if (availableInnerCrossDim > totalLineCrossDim) {
-            currentLead +=
-                remainingAlignContentDim / (2 * static_cast<float>(lineCount));
-            if (lineCount > 1) {
-              crossDimLead =
-                  remainingAlignContentDim / static_cast<float>(lineCount);
-            }
-          } else {
-            currentLead += remainingAlignContentDim / 2;
-          }
-          break;
-        case Align::SpaceBetween:
-          if (availableInnerCrossDim > totalLineCrossDim && lineCount > 1) {
-            crossDimLead =
-                remainingAlignContentDim / static_cast<float>(lineCount - 1);
-          }
-          break;
-        case Align::Auto:
-        case Align::FlexStart:
-        case Align::Baseline:
-          break;
-      }
+        }
+        break;
+      case Align::SpaceEvenly:
+        if (innerCrossDim > totalLineCrossDim) {
+          currentLead +=
+              remainingAlignContentDim / static_cast<float>(lineCount + 1);
+          leadPerLine =
+              remainingAlignContentDim / static_cast<float>(lineCount + 1);
+        } else {
+          currentLead += remainingAlignContentDim / 2;
+        }
+        break;
+      case Align::SpaceBetween:
+        if (innerCrossDim > totalLineCrossDim && lineCount > 1) {
+          leadPerLine =
+              remainingAlignContentDim / static_cast<float>(lineCount - 1);
+        }
+        break;
+      case Align::Auto:
+      case Align::FlexStart:
+      case Align::Baseline:
+        break;
     }
     size_t endIndex = 0;
     for (size_t i = 0; i < lineCount; i++) {
@@ -2037,26 +1802,27 @@ static void calculateLayoutImpl(
       float maxDescentForCurrentLine = 0;
       for (ii = startIndex; ii < childCount; ii++) {
         const auto child = node->getChild(ii);
-        if (child->getStyle().display() == Display::None) {
+        if (child->style().display() == Display::None) {
           continue;
         }
-        if (child->getStyle().positionType() != PositionType::Absolute) {
+        if (child->style().positionType() != PositionType::Absolute) {
           if (child->getLineIndex() != i) {
             break;
           }
-          if (isLayoutDimensionDefined(child, crossAxis)) {
+          if (child->isLayoutDimensionDefined(crossAxis)) {
             lineHeight = yoga::maxOrDefined(
                 lineHeight,
                 child->getLayout().measuredDimension(dimension(crossAxis)) +
-                    child->getMarginForAxis(crossAxis, availableInnerWidth));
+                    child->style().computeMarginForAxis(
+                        crossAxis, availableInnerWidth));
           }
           if (resolveChildAlignment(node, child) == Align::Baseline) {
             const float ascent = calculateBaseline(child) +
-                child->getLeadingMargin(
-                    FlexDirection::Column, availableInnerWidth);
+                child->style().computeFlexStartMargin(
+                    FlexDirection::Column, direction, availableInnerWidth);
             const float descent =
                 child->getLayout().measuredDimension(Dimension::Height) +
-                child->getMarginForAxis(
+                child->style().computeMarginForAxis(
                     FlexDirection::Column, availableInnerWidth) -
                 ascent;
             maxAscentForCurrentLine =
@@ -2069,32 +1835,32 @@ static void calculateLayoutImpl(
         }
       }
       endIndex = ii;
-      lineHeight += crossDimLead;
       currentLead += i != 0 ? crossAxisGap : 0;
 
       if (performLayout) {
         for (ii = startIndex; ii < endIndex; ii++) {
           const auto child = node->getChild(ii);
-          if (child->getStyle().display() == Display::None) {
+          if (child->style().display() == Display::None) {
             continue;
           }
-          if (child->getStyle().positionType() != PositionType::Absolute) {
+          if (child->style().positionType() != PositionType::Absolute) {
             switch (resolveChildAlignment(node, child)) {
               case Align::FlexStart: {
                 child->setLayoutPosition(
                     currentLead +
-                        child->getLeadingMargin(crossAxis, availableInnerWidth),
-                    leadingEdge(crossAxis));
+                        child->style().computeFlexStartPosition(
+                            crossAxis, direction, availableInnerWidth),
+                    flexStartEdge(crossAxis));
                 break;
               }
               case Align::FlexEnd: {
                 child->setLayoutPosition(
                     currentLead + lineHeight -
-                        child->getTrailingMargin(
-                            crossAxis, availableInnerWidth) -
+                        child->style().computeFlexEndMargin(
+                            crossAxis, direction, availableInnerWidth) -
                         child->getLayout().measuredDimension(
                             dimension(crossAxis)),
-                    leadingEdge(crossAxis));
+                    flexStartEdge(crossAxis));
                 break;
               }
               case Align::Center: {
@@ -2103,31 +1869,33 @@ static void calculateLayoutImpl(
 
                 child->setLayoutPosition(
                     currentLead + (lineHeight - childHeight) / 2,
-                    leadingEdge(crossAxis));
+                    flexStartEdge(crossAxis));
                 break;
               }
               case Align::Stretch: {
                 child->setLayoutPosition(
                     currentLead +
-                        child->getLeadingMargin(crossAxis, availableInnerWidth),
-                    leadingEdge(crossAxis));
+                        child->style().computeFlexStartMargin(
+                            crossAxis, direction, availableInnerWidth),
+                    flexStartEdge(crossAxis));
 
                 // Remeasure child with the line height as it as been only
                 // measured with the owners height yet.
-                if (!styleDefinesDimension(
-                        child, crossAxis, availableInnerCrossDim)) {
+                if (!child->hasDefiniteLength(
+                        dimension(crossAxis), availableInnerCrossDim)) {
                   const float childWidth = isMainAxisRow
                       ? (child->getLayout().measuredDimension(
                              Dimension::Width) +
-                         child->getMarginForAxis(mainAxis, availableInnerWidth))
-                      : lineHeight;
+                         child->style().computeMarginForAxis(
+                             mainAxis, availableInnerWidth))
+                      : leadPerLine + lineHeight;
 
                   const float childHeight = !isMainAxisRow
                       ? (child->getLayout().measuredDimension(
                              Dimension::Height) +
-                         child->getMarginForAxis(
+                         child->style().computeMarginForAxis(
                              crossAxis, availableInnerWidth))
-                      : lineHeight;
+                      : leadPerLine + lineHeight;
 
                   if (!(yoga::inexactEquals(
                             childWidth,
@@ -2142,8 +1910,8 @@ static void calculateLayoutImpl(
                         childWidth,
                         childHeight,
                         direction,
-                        MeasureMode::Exactly,
-                        MeasureMode::Exactly,
+                        SizingMode::StretchFit,
+                        SizingMode::StretchFit,
                         availableInnerWidth,
                         availableInnerHeight,
                         true,
@@ -2159,21 +1927,24 @@ static void calculateLayoutImpl(
                 child->setLayoutPosition(
                     currentLead + maxAscentForCurrentLine -
                         calculateBaseline(child) +
-                        child->getLeadingPosition(
-                            FlexDirection::Column, availableInnerCrossDim),
-                    YGEdgeTop);
+                        child->style().computeFlexStartPosition(
+                            FlexDirection::Column,
+                            direction,
+                            availableInnerCrossDim),
+                    PhysicalEdge::Top);
 
                 break;
               }
               case Align::Auto:
               case Align::SpaceBetween:
               case Align::SpaceAround:
+              case Align::SpaceEvenly:
                 break;
             }
           }
         }
       }
-      currentLead += lineHeight;
+      currentLead = currentLead + leadPerLine + lineHeight;
     }
   }
 
@@ -2199,9 +1970,9 @@ static void calculateLayoutImpl(
 
   // If the user didn't specify a width or height for the node, set the
   // dimensions based on the children.
-  if (measureModeMainDim == MeasureMode::Undefined ||
-      (node->getStyle().overflow() != Overflow::Scroll &&
-       measureModeMainDim == MeasureMode::AtMost)) {
+  if (sizingModeMainDim == SizingMode::MaxContent ||
+      (node->style().overflow() != Overflow::Scroll &&
+       sizingModeMainDim == SizingMode::FitContent)) {
     // Clamp the size to the min/max size, if specified, and make sure it
     // doesn't go below the padding and border amount.
     node->setLayoutMeasuredDimension(
@@ -2210,8 +1981,8 @@ static void calculateLayoutImpl(
         dimension(mainAxis));
 
   } else if (
-      measureModeMainDim == MeasureMode::AtMost &&
-      node->getStyle().overflow() == Overflow::Scroll) {
+      sizingModeMainDim == SizingMode::FitContent &&
+      node->style().overflow() == Overflow::Scroll) {
     node->setLayoutMeasuredDimension(
         yoga::maxOrDefined(
             yoga::minOrDefined(
@@ -2226,9 +1997,9 @@ static void calculateLayoutImpl(
         dimension(mainAxis));
   }
 
-  if (measureModeCrossDim == MeasureMode::Undefined ||
-      (node->getStyle().overflow() != Overflow::Scroll &&
-       measureModeCrossDim == MeasureMode::AtMost)) {
+  if (sizingModeCrossDim == SizingMode::MaxContent ||
+      (node->style().overflow() != Overflow::Scroll &&
+       sizingModeCrossDim == SizingMode::FitContent)) {
     // Clamp the size to the min/max size, if specified, and make sure it
     // doesn't go below the padding and border amount.
     node->setLayoutMeasuredDimension(
@@ -2241,8 +2012,8 @@ static void calculateLayoutImpl(
         dimension(crossAxis));
 
   } else if (
-      measureModeCrossDim == MeasureMode::AtMost &&
-      node->getStyle().overflow() == Overflow::Scroll) {
+      sizingModeCrossDim == SizingMode::FitContent &&
+      node->style().overflow() == Overflow::Scroll) {
     node->setLayoutMeasuredDimension(
         yoga::maxOrDefined(
             yoga::minOrDefined(
@@ -2260,57 +2031,51 @@ static void calculateLayoutImpl(
 
   // As we only wrapped in normal direction yet, we need to reverse the
   // positions on wrap-reverse.
-  if (performLayout && node->getStyle().flexWrap() == Wrap::WrapReverse) {
+  if (performLayout && node->style().flexWrap() == Wrap::WrapReverse) {
     for (size_t i = 0; i < childCount; i++) {
       const auto child = node->getChild(i);
-      if (child->getStyle().positionType() != PositionType::Absolute) {
+      if (child->style().positionType() != PositionType::Absolute) {
         child->setLayoutPosition(
             node->getLayout().measuredDimension(dimension(crossAxis)) -
-                child->getLayout().position[leadingEdge(crossAxis)] -
+                child->getLayout().position(flexStartEdge(crossAxis)) -
                 child->getLayout().measuredDimension(dimension(crossAxis)),
-            leadingEdge(crossAxis));
+            flexStartEdge(crossAxis));
       }
     }
   }
 
   if (performLayout) {
     // STEP 10: SIZING AND POSITIONING ABSOLUTE CHILDREN
-    for (auto child : node->getChildren()) {
-      if (child->getStyle().display() == Display::None ||
-          child->getStyle().positionType() != PositionType::Absolute) {
-        continue;
-      }
-      const bool absolutePercentageAgainstPaddingEdge =
-          node->getConfig()->isExperimentalFeatureEnabled(
-              ExperimentalFeature::AbsolutePercentageAgainstPaddingEdge);
-
-      layoutAbsoluteChild(
+    // Let the containing block layout its absolute descendants. By definition
+    // the containing block will not be static unless we are at the root.
+    if (node->style().positionType() != PositionType::Static ||
+        node->alwaysFormsContainingBlock() || depth == 1) {
+      layoutAbsoluteDescendants(
           node,
-          child,
-          absolutePercentageAgainstPaddingEdge
-              ? node->getLayout().measuredDimension(Dimension::Width)
-              : availableInnerWidth,
-          isMainAxisRow ? measureModeMainDim : measureModeCrossDim,
-          absolutePercentageAgainstPaddingEdge
-              ? node->getLayout().measuredDimension(Dimension::Height)
-              : availableInnerHeight,
+          node,
+          isMainAxisRow ? sizingModeMainDim : sizingModeCrossDim,
           direction,
           layoutMarkerData,
           depth,
-          generationCount);
+          generationCount,
+          0.0f,
+          0.0f,
+          availableInnerWidth,
+          availableInnerHeight);
     }
 
     // STEP 11: SETTING TRAILING POSITIONS FOR CHILDREN
-    const bool needsMainTrailingPos = mainAxis == FlexDirection::RowReverse ||
-        mainAxis == FlexDirection::ColumnReverse;
-    const bool needsCrossTrailingPos = crossAxis == FlexDirection::RowReverse ||
-        crossAxis == FlexDirection::ColumnReverse;
+    const bool needsMainTrailingPos = needsTrailingPosition(mainAxis);
+    const bool needsCrossTrailingPos = needsTrailingPosition(crossAxis);
 
-    // Set trailing position if necessary.
     if (needsMainTrailingPos || needsCrossTrailingPos) {
       for (size_t i = 0; i < childCount; i++) {
         const auto child = node->getChild(i);
-        if (child->getStyle().display() == Display::None) {
+        // Absolute children will be handled by their containing block since we
+        // cannot guarantee that their positions are set when their parents are
+        // done with layout.
+        if (child->style().display() == Display::None ||
+            child->style().positionType() == PositionType::Absolute) {
           continue;
         }
         if (needsMainTrailingPos) {
@@ -2325,35 +2090,6 @@ static void calculateLayoutImpl(
   }
 }
 
-bool gPrintChanges = false;
-bool gPrintSkips = false;
-
-static const char* spacer =
-    "                                                            ";
-
-static const char* spacerWithLength(const unsigned long level) {
-  const size_t spacerLen = strlen(spacer);
-  if (level > spacerLen) {
-    return &spacer[0];
-  } else {
-    return &spacer[spacerLen - level];
-  }
-}
-
-static const char* measureModeName(
-    const MeasureMode mode,
-    const bool performLayout) {
-  switch (mode) {
-    case MeasureMode::Undefined:
-      return performLayout ? "LAY_UNDEFINED" : "UNDEFINED";
-    case MeasureMode::Exactly:
-      return performLayout ? "LAY_EXACTLY" : "EXACTLY";
-    case MeasureMode::AtMost:
-      return performLayout ? "LAY_AT_MOST" : "AT_MOST";
-  }
-  return "";
-}
-
 //
 // This is a wrapper around the calculateLayoutImpl function. It determines
 // whether the layout request is redundant and can be skipped.
@@ -2367,8 +2103,8 @@ bool calculateLayoutInternal(
     const float availableWidth,
     const float availableHeight,
     const Direction ownerDirection,
-    const MeasureMode widthMeasureMode,
-    const MeasureMode heightMeasureMode,
+    const SizingMode widthSizingMode,
+    const SizingMode heightSizingMode,
     const float ownerWidth,
     const float ownerHeight,
     const bool performLayout,
@@ -2389,8 +2125,8 @@ bool calculateLayoutInternal(
     layout->nextCachedMeasurementsIndex = 0;
     layout->cachedLayout.availableWidth = -1;
     layout->cachedLayout.availableHeight = -1;
-    layout->cachedLayout.widthMeasureMode = MeasureMode::Undefined;
-    layout->cachedLayout.heightMeasureMode = MeasureMode::Undefined;
+    layout->cachedLayout.widthSizingMode = SizingMode::MaxContent;
+    layout->cachedLayout.heightSizingMode = SizingMode::MaxContent;
     layout->cachedLayout.computedWidth = -1;
     layout->cachedLayout.computedHeight = -1;
   }
@@ -2407,19 +2143,19 @@ bool calculateLayoutInternal(
   // measurements if at all possible.
   if (node->hasMeasureFunc()) {
     const float marginAxisRow =
-        node->getMarginForAxis(FlexDirection::Row, ownerWidth);
+        node->style().computeMarginForAxis(FlexDirection::Row, ownerWidth);
     const float marginAxisColumn =
-        node->getMarginForAxis(FlexDirection::Column, ownerWidth);
+        node->style().computeMarginForAxis(FlexDirection::Column, ownerWidth);
 
     // First, try to use the layout cache.
     if (canUseCachedMeasurement(
-            widthMeasureMode,
+            widthSizingMode,
             availableWidth,
-            heightMeasureMode,
+            heightSizingMode,
             availableHeight,
-            layout->cachedLayout.widthMeasureMode,
+            layout->cachedLayout.widthSizingMode,
             layout->cachedLayout.availableWidth,
-            layout->cachedLayout.heightMeasureMode,
+            layout->cachedLayout.heightSizingMode,
             layout->cachedLayout.availableHeight,
             layout->cachedLayout.computedWidth,
             layout->cachedLayout.computedHeight,
@@ -2431,13 +2167,13 @@ bool calculateLayoutInternal(
       // Try to use the measurement cache.
       for (size_t i = 0; i < layout->nextCachedMeasurementsIndex; i++) {
         if (canUseCachedMeasurement(
-                widthMeasureMode,
+                widthSizingMode,
                 availableWidth,
-                heightMeasureMode,
+                heightSizingMode,
                 availableHeight,
-                layout->cachedMeasurements[i].widthMeasureMode,
+                layout->cachedMeasurements[i].widthSizingMode,
                 layout->cachedMeasurements[i].availableWidth,
-                layout->cachedMeasurements[i].heightMeasureMode,
+                layout->cachedMeasurements[i].heightSizingMode,
                 layout->cachedMeasurements[i].availableHeight,
                 layout->cachedMeasurements[i].computedWidth,
                 layout->cachedMeasurements[i].computedHeight,
@@ -2454,8 +2190,8 @@ bool calculateLayoutInternal(
             layout->cachedLayout.availableWidth, availableWidth) &&
         yoga::inexactEquals(
             layout->cachedLayout.availableHeight, availableHeight) &&
-        layout->cachedLayout.widthMeasureMode == widthMeasureMode &&
-        layout->cachedLayout.heightMeasureMode == heightMeasureMode) {
+        layout->cachedLayout.widthSizingMode == widthSizingMode &&
+        layout->cachedLayout.heightSizingMode == heightSizingMode) {
       cachedResults = &layout->cachedLayout;
     }
   } else {
@@ -2464,9 +2200,8 @@ bool calculateLayoutInternal(
               layout->cachedMeasurements[i].availableWidth, availableWidth) &&
           yoga::inexactEquals(
               layout->cachedMeasurements[i].availableHeight, availableHeight) &&
-          layout->cachedMeasurements[i].widthMeasureMode == widthMeasureMode &&
-          layout->cachedMeasurements[i].heightMeasureMode ==
-              heightMeasureMode) {
+          layout->cachedMeasurements[i].widthSizingMode == widthSizingMode &&
+          layout->cachedMeasurements[i].heightSizingMode == heightSizingMode) {
         cachedResults = &layout->cachedMeasurements[i];
         break;
       }
@@ -2481,55 +2216,14 @@ bool calculateLayoutInternal(
 
     (performLayout ? layoutMarkerData.cachedLayouts
                    : layoutMarkerData.cachedMeasures) += 1;
-
-    if (gPrintChanges && gPrintSkips) {
-      yoga::log(
-          node,
-          LogLevel::Verbose,
-          "%s%d.{[skipped] ",
-          spacerWithLength(depth),
-          depth);
-      node->print();
-      yoga::log(
-          node,
-          LogLevel::Verbose,
-          "wm: %s, hm: %s, aw: %f ah: %f => d: (%f, %f) %s\n",
-          measureModeName(widthMeasureMode, performLayout),
-          measureModeName(heightMeasureMode, performLayout),
-          availableWidth,
-          availableHeight,
-          cachedResults->computedWidth,
-          cachedResults->computedHeight,
-          LayoutPassReasonToString(reason));
-    }
   } else {
-    if (gPrintChanges) {
-      yoga::log(
-          node,
-          LogLevel::Verbose,
-          "%s%d.{%s",
-          spacerWithLength(depth),
-          depth,
-          needToVisitNode ? "*" : "");
-      node->print();
-      yoga::log(
-          node,
-          LogLevel::Verbose,
-          "wm: %s, hm: %s, aw: %f ah: %f %s\n",
-          measureModeName(widthMeasureMode, performLayout),
-          measureModeName(heightMeasureMode, performLayout),
-          availableWidth,
-          availableHeight,
-          LayoutPassReasonToString(reason));
-    }
-
     calculateLayoutImpl(
         node,
         availableWidth,
         availableHeight,
         ownerDirection,
-        widthMeasureMode,
-        heightMeasureMode,
+        widthSizingMode,
+        heightSizingMode,
         ownerWidth,
         ownerHeight,
         performLayout,
@@ -2538,26 +2232,6 @@ bool calculateLayoutInternal(
         generationCount,
         reason);
 
-    if (gPrintChanges) {
-      yoga::log(
-          node,
-          LogLevel::Verbose,
-          "%s%d.}%s",
-          spacerWithLength(depth),
-          depth,
-          needToVisitNode ? "*" : "");
-      node->print();
-      yoga::log(
-          node,
-          LogLevel::Verbose,
-          "wm: %s, hm: %s, d: (%f, %f) %s\n",
-          measureModeName(widthMeasureMode, performLayout),
-          measureModeName(heightMeasureMode, performLayout),
-          layout->measuredDimension(Dimension::Width),
-          layout->measuredDimension(Dimension::Height),
-          LayoutPassReasonToString(reason));
-    }
-
     layout->lastOwnerDirection = ownerDirection;
 
     if (cachedResults == nullptr) {
@@ -2567,9 +2241,6 @@ bool calculateLayoutInternal(
 
       if (layout->nextCachedMeasurementsIndex ==
           LayoutResults::MaxCachedMeasurements) {
-        if (gPrintChanges) {
-          yoga::log(node, LogLevel::Verbose, "Out of cache entries!\n");
-        }
         layout->nextCachedMeasurementsIndex = 0;
       }
 
@@ -2586,8 +2257,8 @@ bool calculateLayoutInternal(
 
       newCacheEntry->availableWidth = availableWidth;
       newCacheEntry->availableHeight = availableHeight;
-      newCacheEntry->widthMeasureMode = widthMeasureMode;
-      newCacheEntry->heightMeasureMode = heightMeasureMode;
+      newCacheEntry->widthSizingMode = widthSizingMode;
+      newCacheEntry->heightSizingMode = heightSizingMode;
       newCacheEntry->computedWidth =
           layout->measuredDimension(Dimension::Width);
       newCacheEntry->computedHeight =
@@ -2637,57 +2308,53 @@ void calculateLayout(
   gCurrentGenerationCount.fetch_add(1, std::memory_order_relaxed);
   node->resolveDimension();
   float width = YGUndefined;
-  MeasureMode widthMeasureMode = MeasureMode::Undefined;
-  const auto& style = node->getStyle();
-  if (styleDefinesDimension(node, FlexDirection::Row, ownerWidth)) {
+  SizingMode widthSizingMode = SizingMode::MaxContent;
+  const auto& style = node->style();
+  if (node->hasDefiniteLength(Dimension::Width, ownerWidth)) {
     width =
-        (yoga::resolveValue(
-             node->getResolvedDimension(dimension(FlexDirection::Row)),
-             ownerWidth)
+        (node->getResolvedDimension(dimension(FlexDirection::Row))
+             .resolve(ownerWidth)
              .unwrap() +
-         node->getMarginForAxis(FlexDirection::Row, ownerWidth));
-    widthMeasureMode = MeasureMode::Exactly;
-  } else if (!yoga::resolveValue(
-                  style.maxDimension(Dimension::Width), ownerWidth)
-                  .isUndefined()) {
-    width = yoga::resolveValue(style.maxDimension(Dimension::Width), ownerWidth)
-                .unwrap();
-    widthMeasureMode = MeasureMode::AtMost;
+         node->style().computeMarginForAxis(FlexDirection::Row, ownerWidth));
+    widthSizingMode = SizingMode::StretchFit;
+  } else if (style.maxDimension(Dimension::Width)
+                 .resolve(ownerWidth)
+                 .isDefined()) {
+    width = style.maxDimension(Dimension::Width).resolve(ownerWidth).unwrap();
+    widthSizingMode = SizingMode::FitContent;
   } else {
     width = ownerWidth;
-    widthMeasureMode = yoga::isUndefined(width) ? MeasureMode::Undefined
-                                                : MeasureMode::Exactly;
+    widthSizingMode = yoga::isUndefined(width) ? SizingMode::MaxContent
+                                               : SizingMode::StretchFit;
   }
 
   float height = YGUndefined;
-  MeasureMode heightMeasureMode = MeasureMode::Undefined;
-  if (styleDefinesDimension(node, FlexDirection::Column, ownerHeight)) {
+  SizingMode heightSizingMode = SizingMode::MaxContent;
+  if (node->hasDefiniteLength(Dimension::Height, ownerHeight)) {
     height =
-        (yoga::resolveValue(
-             node->getResolvedDimension(dimension(FlexDirection::Column)),
-             ownerHeight)
+        (node->getResolvedDimension(dimension(FlexDirection::Column))
+             .resolve(ownerHeight)
              .unwrap() +
-         node->getMarginForAxis(FlexDirection::Column, ownerWidth));
-    heightMeasureMode = MeasureMode::Exactly;
-  } else if (!yoga::resolveValue(
-                  style.maxDimension(Dimension::Height), ownerHeight)
-                  .isUndefined()) {
+         node->style().computeMarginForAxis(FlexDirection::Column, ownerWidth));
+    heightSizingMode = SizingMode::StretchFit;
+  } else if (style.maxDimension(Dimension::Height)
+                 .resolve(ownerHeight)
+                 .isDefined()) {
     height =
-        yoga::resolveValue(style.maxDimension(Dimension::Height), ownerHeight)
-            .unwrap();
-    heightMeasureMode = MeasureMode::AtMost;
+        style.maxDimension(Dimension::Height).resolve(ownerHeight).unwrap();
+    heightSizingMode = SizingMode::FitContent;
   } else {
     height = ownerHeight;
-    heightMeasureMode = yoga::isUndefined(height) ? MeasureMode::Undefined
-                                                  : MeasureMode::Exactly;
+    heightSizingMode = yoga::isUndefined(height) ? SizingMode::MaxContent
+                                                 : SizingMode::StretchFit;
   }
   if (calculateLayoutInternal(
           node,
           width,
           height,
           ownerDirection,
-          widthMeasureMode,
-          heightMeasureMode,
+          widthSizingMode,
+          heightSizingMode,
           ownerWidth,
           ownerHeight,
           true,
@@ -2698,14 +2365,6 @@ void calculateLayout(
     node->setPosition(
         node->getLayout().direction(), ownerWidth, ownerHeight, ownerWidth);
     roundLayoutResultsToPixelGrid(node, 0.0f, 0.0f);
-
-#ifdef DEBUG
-    if (node->getConfig()->shouldPrintTree()) {
-      yoga::print(
-          node,
-          PrintOptions::Layout | PrintOptions::Children | PrintOptions::Style);
-    }
-#endif
   }
 
   Event::publish<Event::LayoutPassEnd>(node, {&markerData});
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/CalculateLayout.h b/packages/react-native/ReactCommon/yoga/yoga/algorithm/CalculateLayout.h
index 47b05dbe1f4d9a..1d5a3fd7394525 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/CalculateLayout.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/CalculateLayout.h
@@ -8,6 +8,8 @@
 #pragma once
 
 #include <yoga/Yoga.h>
+#include <yoga/algorithm/FlexDirection.h>
+#include <yoga/event/event.h>
 #include <yoga/node/Node.h>
 
 namespace facebook::yoga {
@@ -18,4 +20,19 @@ void calculateLayout(
     const float ownerHeight,
     const Direction ownerDirection);
 
+bool calculateLayoutInternal(
+    yoga::Node* const node,
+    const float availableWidth,
+    const float availableHeight,
+    const Direction ownerDirection,
+    const SizingMode widthSizingMode,
+    const SizingMode heightSizingMode,
+    const float ownerWidth,
+    const float ownerHeight,
+    const bool performLayout,
+    const LayoutPassReason reason,
+    LayoutData& layoutMarkerData,
+    const uint32_t depth,
+    const uint32_t generationCount);
+
 } // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexDirection.h b/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexDirection.h
index 010bfed40957fa..1dcc93948016f3 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexDirection.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexDirection.h
@@ -11,7 +11,10 @@
 
 #include <yoga/debug/AssertFatal.h>
 #include <yoga/enums/Dimension.h>
+#include <yoga/enums/Direction.h>
+#include <yoga/enums/Edge.h>
 #include <yoga/enums/FlexDirection.h>
+#include <yoga/enums/PhysicalEdge.h>
 
 namespace facebook::yoga {
 
@@ -47,37 +50,59 @@ inline FlexDirection resolveCrossDirection(
       : FlexDirection::Column;
 }
 
-inline YGEdge leadingEdge(const FlexDirection flexDirection) {
+inline PhysicalEdge flexStartEdge(FlexDirection flexDirection) {
   switch (flexDirection) {
     case FlexDirection::Column:
-      return YGEdgeTop;
+      return PhysicalEdge::Top;
     case FlexDirection::ColumnReverse:
-      return YGEdgeBottom;
+      return PhysicalEdge::Bottom;
     case FlexDirection::Row:
-      return YGEdgeLeft;
+      return PhysicalEdge::Left;
     case FlexDirection::RowReverse:
-      return YGEdgeRight;
+      return PhysicalEdge::Right;
   }
 
   fatalWithMessage("Invalid FlexDirection");
 }
 
-inline YGEdge trailingEdge(const FlexDirection flexDirection) {
+inline PhysicalEdge flexEndEdge(FlexDirection flexDirection) {
   switch (flexDirection) {
     case FlexDirection::Column:
-      return YGEdgeBottom;
+      return PhysicalEdge::Bottom;
     case FlexDirection::ColumnReverse:
-      return YGEdgeTop;
+      return PhysicalEdge::Top;
     case FlexDirection::Row:
-      return YGEdgeRight;
+      return PhysicalEdge::Right;
     case FlexDirection::RowReverse:
-      return YGEdgeLeft;
+      return PhysicalEdge::Left;
   }
 
   fatalWithMessage("Invalid FlexDirection");
 }
 
-inline Dimension dimension(const FlexDirection flexDirection) {
+inline PhysicalEdge inlineStartEdge(
+    FlexDirection flexDirection,
+    Direction direction) {
+  if (isRow(flexDirection)) {
+    return direction == Direction::RTL ? PhysicalEdge::Right
+                                       : PhysicalEdge::Left;
+  }
+
+  return PhysicalEdge::Top;
+}
+
+inline PhysicalEdge inlineEndEdge(
+    FlexDirection flexDirection,
+    Direction direction) {
+  if (isRow(flexDirection)) {
+    return direction == Direction::RTL ? PhysicalEdge::Left
+                                       : PhysicalEdge::Right;
+  }
+
+  return PhysicalEdge::Bottom;
+}
+
+inline Dimension dimension(FlexDirection flexDirection) {
   switch (flexDirection) {
     case FlexDirection::Column:
       return Dimension::Height;
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexLine.cpp b/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexLine.cpp
index b055f140f40e46..69ae351efab2dd 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexLine.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/FlexLine.cpp
@@ -32,15 +32,15 @@ FlexLine calculateFlexLine(
 
   float sizeConsumedIncludingMinConstraint = 0;
   const FlexDirection mainAxis = resolveDirection(
-      node->getStyle().flexDirection(), node->resolveDirection(ownerDirection));
-  const bool isNodeFlexWrap = node->getStyle().flexWrap() != Wrap::NoWrap;
-  const float gap = node->getGapForAxis(mainAxis);
+      node->style().flexDirection(), node->resolveDirection(ownerDirection));
+  const bool isNodeFlexWrap = node->style().flexWrap() != Wrap::NoWrap;
+  const float gap = node->style().computeGapForAxis(mainAxis);
 
   // Add items to the current line until it's full or we run out of items.
   for (; endOfLineIndex < node->getChildren().size(); endOfLineIndex++) {
     auto child = node->getChild(endOfLineIndex);
-    if (child->getStyle().display() == Display::None ||
-        child->getStyle().positionType() == PositionType::Absolute) {
+    if (child->style().display() == Display::None ||
+        child->style().positionType() == PositionType::Absolute) {
       if (firstElementInLineIndex == endOfLineIndex) {
         // We haven't found the first contributing element in the line yet.
         firstElementInLineIndex++;
@@ -53,7 +53,7 @@ FlexLine calculateFlexLine(
 
     child->setLineIndex(lineCount);
     const float childMarginMainAxis =
-        child->getMarginForAxis(mainAxis, availableInnerWidth);
+        child->style().computeMarginForAxis(mainAxis, availableInnerWidth);
     const float childLeadingGapMainAxis = isFirstElementInLine ? 0.0f : gap;
     const float flexBasisWithMinAndMaxConstraints =
         boundAxisWithinMinAndMax(
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/PixelGrid.cpp b/packages/react-native/ReactCommon/yoga/yoga/algorithm/PixelGrid.cpp
index 5e44c2cc8d40c6..7a694565e9b44e 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/PixelGrid.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/PixelGrid.cpp
@@ -68,8 +68,8 @@ void roundLayoutResultsToPixelGrid(
     const double absoluteTop) {
   const auto pointScaleFactor = node->getConfig()->getPointScaleFactor();
 
-  const double nodeLeft = node->getLayout().position[YGEdgeLeft];
-  const double nodeTop = node->getLayout().position[YGEdgeTop];
+  const double nodeLeft = node->getLayout().position(PhysicalEdge::Left);
+  const double nodeTop = node->getLayout().position(PhysicalEdge::Top);
 
   const double nodeWidth = node->getLayout().dimension(Dimension::Width);
   const double nodeHeight = node->getLayout().dimension(Dimension::Height);
@@ -87,11 +87,11 @@ void roundLayoutResultsToPixelGrid(
 
     node->setLayoutPosition(
         roundValueToPixelGrid(nodeLeft, pointScaleFactor, false, textRounding),
-        YGEdgeLeft);
+        PhysicalEdge::Left);
 
     node->setLayoutPosition(
         roundValueToPixelGrid(nodeTop, pointScaleFactor, false, textRounding),
-        YGEdgeTop);
+        PhysicalEdge::Top);
 
     // We multiply dimension by scale factor and if the result is close to the
     // whole number, we don't have any fraction To verify if the result is close
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/ResolveValue.h b/packages/react-native/ReactCommon/yoga/yoga/algorithm/ResolveValue.h
deleted file mode 100644
index 4e03d0c50d4d9a..00000000000000
--- a/packages/react-native/ReactCommon/yoga/yoga/algorithm/ResolveValue.h
+++ /dev/null
@@ -1,32 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <yoga/Yoga.h>
-
-#include <yoga/numeric/FloatOptional.h>
-#include <yoga/style/CompactValue.h>
-
-namespace facebook::yoga {
-
-inline FloatOptional resolveValue(const YGValue value, const float ownerSize) {
-  switch (value.unit) {
-    case YGUnitPoint:
-      return FloatOptional{value.value};
-    case YGUnitPercent:
-      return FloatOptional{value.value * ownerSize * 0.01f};
-    default:
-      return FloatOptional{};
-  }
-}
-
-inline FloatOptional resolveValue(CompactValue value, float ownerSize) {
-  return resolveValue((YGValue)value, ownerSize);
-}
-
-} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/SizingMode.h b/packages/react-native/ReactCommon/yoga/yoga/algorithm/SizingMode.h
new file mode 100644
index 00000000000000..bd725df13ac68b
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/SizingMode.h
@@ -0,0 +1,73 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <yoga/debug/AssertFatal.h>
+#include <yoga/enums/MeasureMode.h>
+
+namespace facebook::yoga {
+
+/**
+ * Corresponds to a CSS auto box sizes. Missing "min-content", as Yoga does not
+ * current support automatic minimum sizes.
+ * https://www.w3.org/TR/css-sizing-3/#auto-box-sizes
+ * https://www.w3.org/TR/css-flexbox-1/#min-size-auto
+ */
+enum class SizingMode {
+  /**
+   * The size a box would take if its outer size filled the available space in
+   * the given axis; in other words, the stretch fit into the available space,
+   * if that is definite. Undefined if the available space is indefinite.
+   */
+  StretchFit,
+
+  /**
+   * A box’s “ideal” size in a given axis when given infinite available space.
+   * Usually this is the smallest size the box could take in that axis while
+   * still fitting around its contents, i.e. minimizing unfilled space while
+   * avoiding overflow.
+   */
+  MaxContent,
+
+  /**
+   * If the available space in a given axis is definite, equal to
+   * clamp(min-content size, stretch-fit size, max-content size) (i.e.
+   * max(min-content size, min(max-content size, stretch-fit size))). When
+   * sizing under a min-content constraint, equal to the min-content size.
+   * Otherwise, equal to the max-content size in that axis.
+   */
+  FitContent,
+};
+
+inline MeasureMode measureMode(SizingMode mode) {
+  switch (mode) {
+    case SizingMode::StretchFit:
+      return MeasureMode::Exactly;
+    case SizingMode::MaxContent:
+      return MeasureMode::Undefined;
+    case SizingMode::FitContent:
+      return MeasureMode::AtMost;
+  }
+
+  fatalWithMessage("Invalid SizingMode");
+}
+
+inline SizingMode sizingMode(MeasureMode mode) {
+  switch (mode) {
+    case MeasureMode::Exactly:
+      return SizingMode::StretchFit;
+    case MeasureMode::Undefined:
+      return SizingMode::MaxContent;
+    case MeasureMode::AtMost:
+      return SizingMode::FitContent;
+  }
+
+  fatalWithMessage("Invalid MeasureMode");
+}
+
+} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/algorithm/TrailingPosition.h b/packages/react-native/ReactCommon/yoga/yoga/algorithm/TrailingPosition.h
new file mode 100644
index 00000000000000..84d00edbe50d4d
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/algorithm/TrailingPosition.h
@@ -0,0 +1,44 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <yoga/Yoga.h>
+#include <yoga/algorithm/FlexDirection.h>
+#include <yoga/event/event.h>
+#include <yoga/node/Node.h>
+
+namespace facebook::yoga {
+
+// Given an offset to an edge, returns the offset to the opposite edge on the
+// same axis. This assumes that the width/height of both nodes is determined at
+// this point.
+inline float getPositionOfOppositeEdge(
+    float position,
+    FlexDirection axis,
+    const yoga::Node* const containingNode,
+    const yoga::Node* const node) {
+  return containingNode->getLayout().measuredDimension(dimension(axis)) -
+      node->getLayout().measuredDimension(dimension(axis)) - position;
+}
+
+inline void setChildTrailingPosition(
+    const yoga::Node* const node,
+    yoga::Node* const child,
+    const FlexDirection axis) {
+  child->setLayoutPosition(
+      getPositionOfOppositeEdge(
+          child->getLayout().position(flexStartEdge(axis)), axis, node, child),
+      flexEndEdge(axis));
+}
+
+inline bool needsTrailingPosition(const FlexDirection axis) {
+  return axis == FlexDirection::RowReverse ||
+      axis == FlexDirection::ColumnReverse;
+}
+
+} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/bits/BitCast.h b/packages/react-native/ReactCommon/yoga/yoga/bits/BitCast.h
deleted file mode 100644
index 13fb0e41f2d39b..00000000000000
--- a/packages/react-native/ReactCommon/yoga/yoga/bits/BitCast.h
+++ /dev/null
@@ -1,30 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <cstring>
-#include <type_traits>
-
-namespace facebook::yoga {
-
-// Polyfill for std::bit_cast() from C++20, to allow safe type punning
-// https://en.cppreference.com/w/cpp/numeric/bit_cast
-// TODO: Remove when we upgrade to NDK 26+
-template <class To, class From>
-std::enable_if_t<
-    sizeof(To) == sizeof(From) && std::is_trivially_copyable_v<From> &&
-        std::is_trivially_copyable_v<To> &&
-        std::is_trivially_constructible_v<To>,
-    To>
-bit_cast(const From& src) noexcept {
-  To dst;
-  std::memcpy(&dst, &src, sizeof(To));
-  return dst;
-}
-
-} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/bits/NumericBitfield.h b/packages/react-native/ReactCommon/yoga/yoga/bits/NumericBitfield.h
deleted file mode 100644
index 63f7eb657bb6aa..00000000000000
--- a/packages/react-native/ReactCommon/yoga/yoga/bits/NumericBitfield.h
+++ /dev/null
@@ -1,67 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <bitset>
-#include <cstdint>
-#include <cstdio>
-#include <type_traits>
-
-#include <yoga/YGEnums.h>
-#include <yoga/enums/YogaEnums.h>
-
-namespace facebook::yoga::details {
-
-constexpr uint8_t log2ceilFn(uint8_t n) {
-  return n < 1 ? 0 : (1 + log2ceilFn(n / 2));
-}
-
-constexpr uint32_t mask(uint8_t bitWidth, uint8_t index) {
-  return ((1u << bitWidth) - 1u) << index;
-}
-
-} // namespace facebook::yoga::details
-
-namespace facebook::yoga {
-
-// The number of bits necessary to represent enums defined with YG_ENUM_SEQ_DECL
-template <
-    typename Enum,
-    std::enable_if_t<(ordinalCount<Enum>() > 0), bool> = true>
-constexpr uint8_t minimumBitCount() {
-  return details::log2ceilFn(ordinalCount<Enum>() - 1);
-}
-
-template <typename Enum>
-constexpr Enum getEnumData(uint32_t flags, uint8_t index) {
-  return static_cast<Enum>(
-      (flags & details::mask(minimumBitCount<Enum>(), index)) >> index);
-}
-
-template <typename Enum, typename Value>
-void setEnumData(uint32_t& flags, uint8_t index, Value newValue) {
-  flags =
-      (flags &
-       ~static_cast<uint32_t>(details::mask(minimumBitCount<Enum>(), index))) |
-      ((static_cast<uint32_t>(newValue) << index) &
-       (details::mask(minimumBitCount<Enum>(), index)));
-}
-
-constexpr bool getBooleanData(uint32_t flags, uint8_t index) {
-  return (flags >> index) & 1;
-}
-
-inline void setBooleanData(uint32_t& flags, uint8_t index, bool value) {
-  if (value) {
-    flags |= 1 << index;
-  } else {
-    flags &= ~(1 << index);
-  }
-}
-
-} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/config/Config.cpp b/packages/react-native/ReactCommon/yoga/yoga/config/Config.cpp
index b717d974d15f76..607e57747065bf 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/config/Config.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/config/Config.cpp
@@ -32,14 +32,6 @@ bool Config::useWebDefaults() const {
   return useWebDefaults_;
 }
 
-void Config::setShouldPrintTree(bool printTree) {
-  printTree_ = printTree;
-}
-
-bool Config::shouldPrintTree() const {
-  return printTree_;
-}
-
 void Config::setExperimentalFeatureEnabled(
     ExperimentalFeature feature,
     bool enabled) {
diff --git a/packages/react-native/ReactCommon/yoga/yoga/config/Config.h b/packages/react-native/ReactCommon/yoga/yoga/config/Config.h
index 1bdc0469cfff48..e902bd0d1b9021 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/config/Config.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/config/Config.h
@@ -37,9 +37,6 @@ class YG_EXPORT Config : public ::YGConfig {
   void setUseWebDefaults(bool useWebDefaults);
   bool useWebDefaults() const;
 
-  void setShouldPrintTree(bool printTree);
-  bool shouldPrintTree() const;
-
   void setExperimentalFeatureEnabled(ExperimentalFeature feature, bool enabled);
   bool isExperimentalFeatureEnabled(ExperimentalFeature feature) const;
   ExperimentalFeatureSet getEnabledExperiments() const;
@@ -74,7 +71,6 @@ class YG_EXPORT Config : public ::YGConfig {
   YGLogger logger_;
 
   bool useWebDefaults_ : 1 = false;
-  bool printTree_ : 1 = false;
 
   ExperimentalFeatureSet experimentalFeatures_{};
   Errata errata_ = Errata::None;
diff --git a/packages/react-native/ReactCommon/yoga/yoga/debug/AssertFatal.cpp b/packages/react-native/ReactCommon/yoga/yoga/debug/AssertFatal.cpp
index 2388a744539dbe..5016053b1fa8b9 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/debug/AssertFatal.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/debug/AssertFatal.cpp
@@ -5,10 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+#include <exception>
 #include <stdexcept>
 
+#include <yoga/config/Config.h>
 #include <yoga/debug/AssertFatal.h>
 #include <yoga/debug/Log.h>
+#include <yoga/node/Node.h>
 
 namespace facebook::yoga {
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/debug/AssertFatal.h b/packages/react-native/ReactCommon/yoga/yoga/debug/AssertFatal.h
index 929ff1792d0d8f..bbd8ad19eabbf0 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/debug/AssertFatal.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/debug/AssertFatal.h
@@ -8,11 +8,12 @@
 #pragma once
 
 #include <yoga/Yoga.h>
-#include <yoga/config/Config.h>
-#include <yoga/node/Node.h>
 
 namespace facebook::yoga {
 
+class Node;
+class Config;
+
 [[noreturn]] void fatalWithMessage(const char* message);
 
 void assertFatal(bool condition, const char* message);
diff --git a/packages/react-native/ReactCommon/yoga/yoga/debug/NodeToString.cpp b/packages/react-native/ReactCommon/yoga/yoga/debug/NodeToString.cpp
deleted file mode 100644
index d944b3a51d7765..00000000000000
--- a/packages/react-native/ReactCommon/yoga/yoga/debug/NodeToString.cpp
+++ /dev/null
@@ -1,235 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#ifdef DEBUG
-
-#include <stdarg.h>
-
-#include <yoga/YGEnums.h>
-
-#include <yoga/debug/Log.h>
-#include <yoga/debug/NodeToString.h>
-#include <yoga/numeric/Comparison.h>
-
-namespace facebook::yoga {
-
-static void indent(std::string& base, uint32_t level) {
-  for (uint32_t i = 0; i < level; ++i) {
-    base.append("  ");
-  }
-}
-
-static bool areFourValuesEqual(const Style::Edges& four) {
-  return yoga::inexactEquals(four[0], four[1]) &&
-      yoga::inexactEquals(four[0], four[2]) &&
-      yoga::inexactEquals(four[0], four[3]);
-}
-
-static void appendFormattedString(std::string& str, const char* fmt, ...) {
-  va_list args;
-  va_start(args, fmt);
-  va_list argsCopy;
-  va_copy(argsCopy, args);
-  std::vector<char> buf(1 + static_cast<size_t>(vsnprintf(NULL, 0, fmt, args)));
-  va_end(args);
-  vsnprintf(buf.data(), buf.size(), fmt, argsCopy);
-  va_end(argsCopy);
-  std::string result = std::string(buf.begin(), buf.end() - 1);
-  str.append(result);
-}
-
-static void appendFloatOptionalIfDefined(
-    std::string& base,
-    const std::string key,
-    const FloatOptional num) {
-  if (!num.isUndefined()) {
-    appendFormattedString(base, "%s: %g; ", key.c_str(), num.unwrap());
-  }
-}
-
-static void appendNumberIfNotUndefined(
-    std::string& base,
-    const std::string key,
-    const YGValue number) {
-  if (number.unit != YGUnitUndefined) {
-    if (number.unit == YGUnitAuto) {
-      base.append(key + ": auto; ");
-    } else {
-      std::string unit = number.unit == YGUnitPoint ? "px" : "%%";
-      appendFormattedString(
-          base, "%s: %g%s; ", key.c_str(), number.value, unit.c_str());
-    }
-  }
-}
-
-static void appendNumberIfNotAuto(
-    std::string& base,
-    const std::string& key,
-    const YGValue number) {
-  if (number.unit != YGUnitAuto) {
-    appendNumberIfNotUndefined(base, key, number);
-  }
-}
-
-static void appendNumberIfNotZero(
-    std::string& base,
-    const std::string& str,
-    const YGValue number) {
-  if (number.unit == YGUnitAuto) {
-    base.append(str + ": auto; ");
-  } else if (!yoga::inexactEquals(number.value, 0)) {
-    appendNumberIfNotUndefined(base, str, number);
-  }
-}
-
-static void appendEdges(
-    std::string& base,
-    const std::string& key,
-    const Style::Edges& edges) {
-  if (areFourValuesEqual(edges)) {
-    auto edgeValue = yoga::Node::computeEdgeValueForColumn(edges, YGEdgeLeft);
-    appendNumberIfNotUndefined(base, key, edgeValue);
-  } else {
-    for (int edge = YGEdgeLeft; edge != YGEdgeAll; ++edge) {
-      std::string str = key + "-" + YGEdgeToString(static_cast<YGEdge>(edge));
-      appendNumberIfNotZero(base, str, edges[static_cast<size_t>(edge)]);
-    }
-  }
-}
-
-static void appendEdgeIfNotUndefined(
-    std::string& base,
-    const std::string& str,
-    const Style::Edges& edges,
-    const YGEdge edge) {
-  // TODO: this doesn't take RTL / YGEdgeStart / YGEdgeEnd into account
-  auto value = (edge == YGEdgeLeft || edge == YGEdgeRight)
-      ? yoga::Node::computeEdgeValueForRow(edges, edge, edge)
-      : yoga::Node::computeEdgeValueForColumn(edges, edge);
-  appendNumberIfNotUndefined(base, str, value);
-}
-
-void nodeToString(
-    std::string& str,
-    const yoga::Node* node,
-    PrintOptions options,
-    uint32_t level) {
-  indent(str, level);
-  appendFormattedString(str, "<div ");
-
-  if ((options & PrintOptions::Layout) == PrintOptions::Layout) {
-    appendFormattedString(str, "layout=\"");
-    appendFormattedString(
-        str, "width: %g; ", node->getLayout().dimension(Dimension::Width));
-    appendFormattedString(
-        str, "height: %g; ", node->getLayout().dimension(Dimension::Height));
-    appendFormattedString(
-        str, "top: %g; ", node->getLayout().position[YGEdgeTop]);
-    appendFormattedString(
-        str, "left: %g;", node->getLayout().position[YGEdgeLeft]);
-    appendFormattedString(str, "\" ");
-  }
-
-  if ((options & PrintOptions::Style) == PrintOptions::Style) {
-    appendFormattedString(str, "style=\"");
-    const auto& style = node->getStyle();
-    if (style.flexDirection() != yoga::Node{}.getStyle().flexDirection()) {
-      appendFormattedString(
-          str, "flex-direction: %s; ", toString(style.flexDirection()));
-    }
-    if (style.justifyContent() != yoga::Node{}.getStyle().justifyContent()) {
-      appendFormattedString(
-          str, "justify-content: %s; ", toString(style.justifyContent()));
-    }
-    if (style.alignItems() != yoga::Node{}.getStyle().alignItems()) {
-      appendFormattedString(
-          str, "align-items: %s; ", toString(style.alignItems()));
-    }
-    if (style.alignContent() != yoga::Node{}.getStyle().alignContent()) {
-      appendFormattedString(
-          str, "align-content: %s; ", toString(style.alignContent()));
-    }
-    if (style.alignSelf() != yoga::Node{}.getStyle().alignSelf()) {
-      appendFormattedString(
-          str, "align-self: %s; ", toString(style.alignSelf()));
-    }
-    appendFloatOptionalIfDefined(str, "flex-grow", style.flexGrow());
-    appendFloatOptionalIfDefined(str, "flex-shrink", style.flexShrink());
-    appendNumberIfNotAuto(str, "flex-basis", style.flexBasis());
-    appendFloatOptionalIfDefined(str, "flex", style.flex());
-
-    if (style.flexWrap() != yoga::Node{}.getStyle().flexWrap()) {
-      appendFormattedString(str, "flex-wrap: %s; ", toString(style.flexWrap()));
-    }
-
-    if (style.overflow() != yoga::Node{}.getStyle().overflow()) {
-      appendFormattedString(str, "overflow: %s; ", toString(style.overflow()));
-    }
-
-    if (style.display() != yoga::Node{}.getStyle().display()) {
-      appendFormattedString(str, "display: %s; ", toString(style.display()));
-    }
-    appendEdges(str, "margin", style.margin());
-    appendEdges(str, "padding", style.padding());
-    appendEdges(str, "border", style.border());
-
-    if (!style.gap(Gutter::All).isUndefined()) {
-      appendNumberIfNotUndefined(str, "gap", style.gap(Gutter::All));
-    } else {
-      appendNumberIfNotUndefined(str, "column-gap", style.gap(Gutter::Column));
-      appendNumberIfNotUndefined(str, "row-gap", style.gap(Gutter::Row));
-    }
-
-    appendNumberIfNotAuto(str, "width", style.dimension(Dimension::Width));
-    appendNumberIfNotAuto(str, "height", style.dimension(Dimension::Height));
-    appendNumberIfNotAuto(
-        str, "max-width", style.maxDimension(Dimension::Width));
-    appendNumberIfNotAuto(
-        str, "max-height", style.maxDimension(Dimension::Height));
-    appendNumberIfNotAuto(
-        str, "min-width", style.minDimension(Dimension::Width));
-    appendNumberIfNotAuto(
-        str, "min-height", style.minDimension(Dimension::Height));
-
-    if (style.positionType() != yoga::Node{}.getStyle().positionType()) {
-      appendFormattedString(
-          str, "position: %s; ", toString(style.positionType()));
-    }
-
-    appendEdgeIfNotUndefined(str, "left", style.position(), YGEdgeLeft);
-    appendEdgeIfNotUndefined(str, "right", style.position(), YGEdgeRight);
-    appendEdgeIfNotUndefined(str, "top", style.position(), YGEdgeTop);
-    appendEdgeIfNotUndefined(str, "bottom", style.position(), YGEdgeBottom);
-    appendFormattedString(str, "\" ");
-
-    if (node->hasMeasureFunc()) {
-      appendFormattedString(str, "has-custom-measure=\"true\"");
-    }
-  }
-  appendFormattedString(str, ">");
-
-  const size_t childCount = node->getChildCount();
-  if ((options & PrintOptions::Children) == PrintOptions::Children &&
-      childCount > 0) {
-    for (size_t i = 0; i < childCount; i++) {
-      appendFormattedString(str, "\n");
-      nodeToString(str, node->getChild(i), options, level + 1);
-    }
-    appendFormattedString(str, "\n");
-    indent(str, level);
-  }
-  appendFormattedString(str, "</div>");
-}
-
-void print(const yoga::Node* node, PrintOptions options) {
-  std::string str;
-  yoga::nodeToString(str, node, options, 0);
-  yoga::log(node, LogLevel::Debug, str.c_str());
-}
-
-} // namespace facebook::yoga
-#endif
diff --git a/packages/react-native/ReactCommon/yoga/yoga/debug/NodeToString.h b/packages/react-native/ReactCommon/yoga/yoga/debug/NodeToString.h
deleted file mode 100644
index 268d5ac927d044..00000000000000
--- a/packages/react-native/ReactCommon/yoga/yoga/debug/NodeToString.h
+++ /dev/null
@@ -1,29 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#ifdef DEBUG
-
-#pragma once
-
-#include <string>
-
-#include <yoga/enums/PrintOptions.h>
-#include <yoga/node/Node.h>
-
-namespace facebook::yoga {
-
-void nodeToString(
-    std::string& str,
-    const yoga::Node* node,
-    PrintOptions options,
-    uint32_t level);
-
-void print(const yoga::Node* node, PrintOptions options);
-
-} // namespace facebook::yoga
-
-#endif
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/Align.h b/packages/react-native/ReactCommon/yoga/yoga/enums/Align.h
index 95df12a79033c4..3896fe2b8b1d82 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/Align.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/Align.h
@@ -24,23 +24,19 @@ enum class Align : uint8_t {
   Baseline = YGAlignBaseline,
   SpaceBetween = YGAlignSpaceBetween,
   SpaceAround = YGAlignSpaceAround,
+  SpaceEvenly = YGAlignSpaceEvenly,
 };
 
 template <>
-constexpr inline int32_t ordinalCount<Align>() {
-  return 8;
-} 
-
-template <>
-constexpr inline int32_t bitCount<Align>() {
-  return 3;
-} 
+constexpr int32_t ordinalCount<Align>() {
+  return 9;
+}
 
-constexpr inline Align scopedEnum(YGAlign unscoped) {
+constexpr Align scopedEnum(YGAlign unscoped) {
   return static_cast<Align>(unscoped);
 }
 
-constexpr inline YGAlign unscopedEnum(Align scoped) {
+constexpr YGAlign unscopedEnum(Align scoped) {
   return static_cast<YGAlign>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/Dimension.h b/packages/react-native/ReactCommon/yoga/yoga/enums/Dimension.h
index 2274a980a516ce..965901525ba8c6 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/Dimension.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/Dimension.h
@@ -21,20 +21,15 @@ enum class Dimension : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<Dimension>() {
+constexpr int32_t ordinalCount<Dimension>() {
   return 2;
-} 
-
-template <>
-constexpr inline int32_t bitCount<Dimension>() {
-  return 1;
-} 
+}
 
-constexpr inline Dimension scopedEnum(YGDimension unscoped) {
+constexpr Dimension scopedEnum(YGDimension unscoped) {
   return static_cast<Dimension>(unscoped);
 }
 
-constexpr inline YGDimension unscopedEnum(Dimension scoped) {
+constexpr YGDimension unscopedEnum(Dimension scoped) {
   return static_cast<YGDimension>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/Direction.h b/packages/react-native/ReactCommon/yoga/yoga/enums/Direction.h
index 1b5e19c93c3ad2..5bbabaecde5a95 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/Direction.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/Direction.h
@@ -22,20 +22,15 @@ enum class Direction : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<Direction>() {
+constexpr int32_t ordinalCount<Direction>() {
   return 3;
-} 
-
-template <>
-constexpr inline int32_t bitCount<Direction>() {
-  return 2;
-} 
+}
 
-constexpr inline Direction scopedEnum(YGDirection unscoped) {
+constexpr Direction scopedEnum(YGDirection unscoped) {
   return static_cast<Direction>(unscoped);
 }
 
-constexpr inline YGDirection unscopedEnum(Direction scoped) {
+constexpr YGDirection unscopedEnum(Direction scoped) {
   return static_cast<YGDirection>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/Display.h b/packages/react-native/ReactCommon/yoga/yoga/enums/Display.h
index c1d8c7a82e5397..418ebc1dcd528c 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/Display.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/Display.h
@@ -21,20 +21,15 @@ enum class Display : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<Display>() {
+constexpr int32_t ordinalCount<Display>() {
   return 2;
-} 
-
-template <>
-constexpr inline int32_t bitCount<Display>() {
-  return 1;
-} 
+}
 
-constexpr inline Display scopedEnum(YGDisplay unscoped) {
+constexpr Display scopedEnum(YGDisplay unscoped) {
   return static_cast<Display>(unscoped);
 }
 
-constexpr inline YGDisplay unscopedEnum(Display scoped) {
+constexpr YGDisplay unscopedEnum(Display scoped) {
   return static_cast<YGDisplay>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/Edge.h b/packages/react-native/ReactCommon/yoga/yoga/enums/Edge.h
index d6d2b0ee663f20..3ab6a33faf182e 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/Edge.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/Edge.h
@@ -28,20 +28,15 @@ enum class Edge : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<Edge>() {
+constexpr int32_t ordinalCount<Edge>() {
   return 9;
-} 
-
-template <>
-constexpr inline int32_t bitCount<Edge>() {
-  return 4;
-} 
+}
 
-constexpr inline Edge scopedEnum(YGEdge unscoped) {
+constexpr Edge scopedEnum(YGEdge unscoped) {
   return static_cast<Edge>(unscoped);
 }
 
-constexpr inline YGEdge unscopedEnum(Edge scoped) {
+constexpr YGEdge unscopedEnum(Edge scoped) {
   return static_cast<YGEdge>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/Errata.h b/packages/react-native/ReactCommon/yoga/yoga/enums/Errata.h
index b0cf6210f928de..1b43742e03528b 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/Errata.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/Errata.h
@@ -18,27 +18,19 @@ namespace facebook::yoga {
 enum class Errata : uint32_t {
   None = YGErrataNone,
   StretchFlexBasis = YGErrataStretchFlexBasis,
+  AbsolutePositioningIncorrect = YGErrataAbsolutePositioningIncorrect,
+  AbsolutePercentAgainstInnerSize = YGErrataAbsolutePercentAgainstInnerSize,
   All = YGErrataAll,
   Classic = YGErrataClassic,
 };
 
 YG_DEFINE_ENUM_FLAG_OPERATORS(Errata)
 
-template <>
-constexpr inline int32_t ordinalCount<Errata>() {
-  return 4;
-} 
-
-template <>
-constexpr inline int32_t bitCount<Errata>() {
-  return 2;
-} 
-
-constexpr inline Errata scopedEnum(YGErrata unscoped) {
+constexpr Errata scopedEnum(YGErrata unscoped) {
   return static_cast<Errata>(unscoped);
 }
 
-constexpr inline YGErrata unscopedEnum(Errata scoped) {
+constexpr YGErrata unscopedEnum(Errata scoped) {
   return static_cast<YGErrata>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/ExperimentalFeature.h b/packages/react-native/ReactCommon/yoga/yoga/enums/ExperimentalFeature.h
index 6ed358155b0c87..bbbf9cda431c1f 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/ExperimentalFeature.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/ExperimentalFeature.h
@@ -17,24 +17,18 @@ namespace facebook::yoga {
 
 enum class ExperimentalFeature : uint8_t {
   WebFlexBasis = YGExperimentalFeatureWebFlexBasis,
-  AbsolutePercentageAgainstPaddingEdge = YGExperimentalFeatureAbsolutePercentageAgainstPaddingEdge,
 };
 
 template <>
-constexpr inline int32_t ordinalCount<ExperimentalFeature>() {
-  return 2;
-} 
-
-template <>
-constexpr inline int32_t bitCount<ExperimentalFeature>() {
+constexpr int32_t ordinalCount<ExperimentalFeature>() {
   return 1;
-} 
+}
 
-constexpr inline ExperimentalFeature scopedEnum(YGExperimentalFeature unscoped) {
+constexpr ExperimentalFeature scopedEnum(YGExperimentalFeature unscoped) {
   return static_cast<ExperimentalFeature>(unscoped);
 }
 
-constexpr inline YGExperimentalFeature unscopedEnum(ExperimentalFeature scoped) {
+constexpr YGExperimentalFeature unscopedEnum(ExperimentalFeature scoped) {
   return static_cast<YGExperimentalFeature>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/FlexDirection.h b/packages/react-native/ReactCommon/yoga/yoga/enums/FlexDirection.h
index 45f6497ca45230..d2d3f6105d5e7c 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/FlexDirection.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/FlexDirection.h
@@ -23,20 +23,15 @@ enum class FlexDirection : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<FlexDirection>() {
+constexpr int32_t ordinalCount<FlexDirection>() {
   return 4;
-} 
-
-template <>
-constexpr inline int32_t bitCount<FlexDirection>() {
-  return 2;
-} 
+}
 
-constexpr inline FlexDirection scopedEnum(YGFlexDirection unscoped) {
+constexpr FlexDirection scopedEnum(YGFlexDirection unscoped) {
   return static_cast<FlexDirection>(unscoped);
 }
 
-constexpr inline YGFlexDirection unscopedEnum(FlexDirection scoped) {
+constexpr YGFlexDirection unscopedEnum(FlexDirection scoped) {
   return static_cast<YGFlexDirection>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/Gutter.h b/packages/react-native/ReactCommon/yoga/yoga/enums/Gutter.h
index 5c0f4a254e5f6b..f16bbbcdf452ff 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/Gutter.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/Gutter.h
@@ -22,20 +22,15 @@ enum class Gutter : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<Gutter>() {
+constexpr int32_t ordinalCount<Gutter>() {
   return 3;
-} 
-
-template <>
-constexpr inline int32_t bitCount<Gutter>() {
-  return 2;
-} 
+}
 
-constexpr inline Gutter scopedEnum(YGGutter unscoped) {
+constexpr Gutter scopedEnum(YGGutter unscoped) {
   return static_cast<Gutter>(unscoped);
 }
 
-constexpr inline YGGutter unscopedEnum(Gutter scoped) {
+constexpr YGGutter unscopedEnum(Gutter scoped) {
   return static_cast<YGGutter>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/Justify.h b/packages/react-native/ReactCommon/yoga/yoga/enums/Justify.h
index 870a3cb2a70029..255baa6e27d887 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/Justify.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/Justify.h
@@ -25,20 +25,15 @@ enum class Justify : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<Justify>() {
+constexpr int32_t ordinalCount<Justify>() {
   return 6;
-} 
-
-template <>
-constexpr inline int32_t bitCount<Justify>() {
-  return 3;
-} 
+}
 
-constexpr inline Justify scopedEnum(YGJustify unscoped) {
+constexpr Justify scopedEnum(YGJustify unscoped) {
   return static_cast<Justify>(unscoped);
 }
 
-constexpr inline YGJustify unscopedEnum(Justify scoped) {
+constexpr YGJustify unscopedEnum(Justify scoped) {
   return static_cast<YGJustify>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/LogLevel.h b/packages/react-native/ReactCommon/yoga/yoga/enums/LogLevel.h
index 45cac9fe3974ec..d4b2c36019fb7c 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/LogLevel.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/LogLevel.h
@@ -25,20 +25,15 @@ enum class LogLevel : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<LogLevel>() {
+constexpr int32_t ordinalCount<LogLevel>() {
   return 6;
-} 
-
-template <>
-constexpr inline int32_t bitCount<LogLevel>() {
-  return 3;
-} 
+}
 
-constexpr inline LogLevel scopedEnum(YGLogLevel unscoped) {
+constexpr LogLevel scopedEnum(YGLogLevel unscoped) {
   return static_cast<LogLevel>(unscoped);
 }
 
-constexpr inline YGLogLevel unscopedEnum(LogLevel scoped) {
+constexpr YGLogLevel unscopedEnum(LogLevel scoped) {
   return static_cast<YGLogLevel>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/MeasureMode.h b/packages/react-native/ReactCommon/yoga/yoga/enums/MeasureMode.h
index 80fbcc599f4c90..39e2102fff0f76 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/MeasureMode.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/MeasureMode.h
@@ -22,20 +22,15 @@ enum class MeasureMode : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<MeasureMode>() {
+constexpr int32_t ordinalCount<MeasureMode>() {
   return 3;
-} 
-
-template <>
-constexpr inline int32_t bitCount<MeasureMode>() {
-  return 2;
-} 
+}
 
-constexpr inline MeasureMode scopedEnum(YGMeasureMode unscoped) {
+constexpr MeasureMode scopedEnum(YGMeasureMode unscoped) {
   return static_cast<MeasureMode>(unscoped);
 }
 
-constexpr inline YGMeasureMode unscopedEnum(MeasureMode scoped) {
+constexpr YGMeasureMode unscopedEnum(MeasureMode scoped) {
   return static_cast<YGMeasureMode>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/NodeType.h b/packages/react-native/ReactCommon/yoga/yoga/enums/NodeType.h
index 782b163c2e110d..dc881be831f808 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/NodeType.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/NodeType.h
@@ -21,20 +21,15 @@ enum class NodeType : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<NodeType>() {
+constexpr int32_t ordinalCount<NodeType>() {
   return 2;
-} 
-
-template <>
-constexpr inline int32_t bitCount<NodeType>() {
-  return 1;
-} 
+}
 
-constexpr inline NodeType scopedEnum(YGNodeType unscoped) {
+constexpr NodeType scopedEnum(YGNodeType unscoped) {
   return static_cast<NodeType>(unscoped);
 }
 
-constexpr inline YGNodeType unscopedEnum(NodeType scoped) {
+constexpr YGNodeType unscopedEnum(NodeType scoped) {
   return static_cast<YGNodeType>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/Overflow.h b/packages/react-native/ReactCommon/yoga/yoga/enums/Overflow.h
index 1d29103e62f790..20901b02c05a4c 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/Overflow.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/Overflow.h
@@ -22,20 +22,15 @@ enum class Overflow : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<Overflow>() {
+constexpr int32_t ordinalCount<Overflow>() {
   return 3;
-} 
-
-template <>
-constexpr inline int32_t bitCount<Overflow>() {
-  return 2;
-} 
+}
 
-constexpr inline Overflow scopedEnum(YGOverflow unscoped) {
+constexpr Overflow scopedEnum(YGOverflow unscoped) {
   return static_cast<Overflow>(unscoped);
 }
 
-constexpr inline YGOverflow unscopedEnum(Overflow scoped) {
+constexpr YGOverflow unscopedEnum(Overflow scoped) {
   return static_cast<YGOverflow>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/PhysicalEdge.h b/packages/react-native/ReactCommon/yoga/yoga/enums/PhysicalEdge.h
new file mode 100644
index 00000000000000..21e37d2c2f0d6b
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/PhysicalEdge.h
@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <yoga/enums/Edge.h>
+
+namespace facebook::yoga {
+
+enum class PhysicalEdge : uint32_t {
+  Left = yoga::to_underlying(Edge::Left),
+  Top = yoga::to_underlying(Edge::Top),
+  Right = yoga::to_underlying(Edge::Right),
+  Bottom = yoga::to_underlying(Edge::Bottom),
+};
+
+} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/PositionType.h b/packages/react-native/ReactCommon/yoga/yoga/enums/PositionType.h
index bde2b1896fbe37..8a552aacbac9f6 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/PositionType.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/PositionType.h
@@ -22,20 +22,15 @@ enum class PositionType : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<PositionType>() {
+constexpr int32_t ordinalCount<PositionType>() {
   return 3;
-} 
-
-template <>
-constexpr inline int32_t bitCount<PositionType>() {
-  return 2;
-} 
+}
 
-constexpr inline PositionType scopedEnum(YGPositionType unscoped) {
+constexpr PositionType scopedEnum(YGPositionType unscoped) {
   return static_cast<PositionType>(unscoped);
 }
 
-constexpr inline YGPositionType unscopedEnum(PositionType scoped) {
+constexpr YGPositionType unscopedEnum(PositionType scoped) {
   return static_cast<YGPositionType>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/PrintOptions.h b/packages/react-native/ReactCommon/yoga/yoga/enums/PrintOptions.h
deleted file mode 100644
index c61fbc6383a279..00000000000000
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/PrintOptions.h
+++ /dev/null
@@ -1,48 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-// @generated by enums.py
-// clang-format off
-#pragma once
-
-#include <cstdint>
-#include <yoga/YGEnums.h>
-#include <yoga/enums/YogaEnums.h>
-
-namespace facebook::yoga {
-
-enum class PrintOptions : uint32_t {
-  Layout = YGPrintOptionsLayout,
-  Style = YGPrintOptionsStyle,
-  Children = YGPrintOptionsChildren,
-};
-
-YG_DEFINE_ENUM_FLAG_OPERATORS(PrintOptions)
-
-template <>
-constexpr inline int32_t ordinalCount<PrintOptions>() {
-  return 3;
-} 
-
-template <>
-constexpr inline int32_t bitCount<PrintOptions>() {
-  return 2;
-} 
-
-constexpr inline PrintOptions scopedEnum(YGPrintOptions unscoped) {
-  return static_cast<PrintOptions>(unscoped);
-}
-
-constexpr inline YGPrintOptions unscopedEnum(PrintOptions scoped) {
-  return static_cast<YGPrintOptions>(scoped);
-}
-
-inline const char* toString(PrintOptions e) {
-  return YGPrintOptionsToString(unscopedEnum(e));
-}
-
-} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/Unit.h b/packages/react-native/ReactCommon/yoga/yoga/enums/Unit.h
index 36efe95aaf654a..57bd1969708361 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/Unit.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/Unit.h
@@ -23,20 +23,15 @@ enum class Unit : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<Unit>() {
+constexpr int32_t ordinalCount<Unit>() {
   return 4;
-} 
-
-template <>
-constexpr inline int32_t bitCount<Unit>() {
-  return 2;
-} 
+}
 
-constexpr inline Unit scopedEnum(YGUnit unscoped) {
+constexpr Unit scopedEnum(YGUnit unscoped) {
   return static_cast<Unit>(unscoped);
 }
 
-constexpr inline YGUnit unscopedEnum(Unit scoped) {
+constexpr YGUnit unscopedEnum(Unit scoped) {
   return static_cast<YGUnit>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/Wrap.h b/packages/react-native/ReactCommon/yoga/yoga/enums/Wrap.h
index ae380a4448d828..96552b7b2a7b8b 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/Wrap.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/Wrap.h
@@ -22,20 +22,15 @@ enum class Wrap : uint8_t {
 };
 
 template <>
-constexpr inline int32_t ordinalCount<Wrap>() {
+constexpr int32_t ordinalCount<Wrap>() {
   return 3;
-} 
-
-template <>
-constexpr inline int32_t bitCount<Wrap>() {
-  return 2;
-} 
+}
 
-constexpr inline Wrap scopedEnum(YGWrap unscoped) {
+constexpr Wrap scopedEnum(YGWrap unscoped) {
   return static_cast<Wrap>(unscoped);
 }
 
-constexpr inline YGWrap unscopedEnum(Wrap scoped) {
+constexpr YGWrap unscopedEnum(Wrap scoped) {
   return static_cast<YGWrap>(scoped);
 }
 
diff --git a/packages/react-native/ReactCommon/yoga/yoga/enums/YogaEnums.h b/packages/react-native/ReactCommon/yoga/yoga/enums/YogaEnums.h
index 7cbf94b72f8601..de446621d51397 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/enums/YogaEnums.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/enums/YogaEnums.h
@@ -7,20 +7,79 @@
 
 #pragma once
 
+#include <bit>
+#include <iterator>
 #include <type_traits>
 
 namespace facebook::yoga {
 
+/**
+ * Concept for any enum/enum class
+ */
 template <typename EnumT>
-constexpr inline int32_t ordinalCount();
+concept Enumeration = std::is_enum_v<EnumT>;
+
+/**
+ * Count of ordinals in a Yoga enum which is sequential
+ */
+template <Enumeration EnumT>
+constexpr int32_t ordinalCount();
 
+/**
+ * Concept for a yoga enum which is sequential
+ */
 template <typename EnumT>
-constexpr inline int32_t bitCount();
+concept HasOrdinality = (ordinalCount<EnumT>() > 0);
 
-// Polyfill of C++ 23 to_underlying()
-// https://en.cppreference.com/w/cpp/utility/to_underlying
-constexpr auto to_underlying(auto e) noexcept {
+/**
+ * Count of bits needed to represent every ordinal
+ */
+template <HasOrdinality EnumT>
+constexpr int32_t bitCount() {
+  return std::bit_width(
+      static_cast<std::underlying_type_t<EnumT>>(ordinalCount<EnumT>() - 1));
+}
+
+/**
+ * Polyfill of C++ 23 to_underlying()
+ * https://en.cppreference.com/w/cpp/utility/to_underlying
+ */
+constexpr auto to_underlying(Enumeration auto e) noexcept {
   return static_cast<std::underlying_type_t<decltype(e)>>(e);
 }
 
+/**
+ * Convenience function to iterate through every value in a Yoga enum as part of
+ * a range-based for loop.
+ */
+template <HasOrdinality EnumT>
+auto ordinals() {
+  struct Iterator {
+    EnumT e{};
+
+    EnumT operator*() const {
+      return e;
+    }
+
+    Iterator& operator++() {
+      e = static_cast<EnumT>(to_underlying(e) + 1);
+      return *this;
+    }
+
+    bool operator==(const Iterator& other) const = default;
+    bool operator!=(const Iterator& other) const = default;
+  };
+
+  struct Range {
+    Iterator begin() const {
+      return Iterator{};
+    }
+    Iterator end() const {
+      return Iterator{static_cast<EnumT>(ordinalCount<EnumT>())};
+    }
+  };
+
+  return Range{};
+}
+
 } // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/module.modulemap b/packages/react-native/ReactCommon/yoga/yoga/module.modulemap
new file mode 100644
index 00000000000000..6a0f46030e8c56
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/module.modulemap
@@ -0,0 +1,21 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+module yoga [system] {
+    module core {
+        header "YGConfig.h"
+        header "YGEnums.h"
+        header "YGMacros.h"
+        header "YGNode.h"
+        header "YGNodeLayout.h"
+        header "YGNodeStyle.h"
+        header "YGPixelGrid.h"
+        header "YGValue.h"
+        header "Yoga.h"
+        export *
+    }
+}
diff --git a/packages/react-native/ReactCommon/yoga/yoga/node/CachedMeasurement.h b/packages/react-native/ReactCommon/yoga/yoga/node/CachedMeasurement.h
index 4d2c22260075dc..9c76280acf74e1 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/node/CachedMeasurement.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/node/CachedMeasurement.h
@@ -11,7 +11,7 @@
 
 #include <yoga/Yoga.h>
 
-#include <yoga/enums/MeasureMode.h>
+#include <yoga/algorithm/SizingMode.h>
 #include <yoga/numeric/Comparison.h>
 
 namespace facebook::yoga {
@@ -19,15 +19,15 @@ namespace facebook::yoga {
 struct CachedMeasurement {
   float availableWidth{-1};
   float availableHeight{-1};
-  MeasureMode widthMeasureMode{MeasureMode::Undefined};
-  MeasureMode heightMeasureMode{MeasureMode::Undefined};
+  SizingMode widthSizingMode{SizingMode::MaxContent};
+  SizingMode heightSizingMode{SizingMode::MaxContent};
 
   float computedWidth{-1};
   float computedHeight{-1};
 
   bool operator==(CachedMeasurement measurement) const {
-    bool isEqual = widthMeasureMode == measurement.widthMeasureMode &&
-        heightMeasureMode == measurement.heightMeasureMode;
+    bool isEqual = widthSizingMode == measurement.widthSizingMode &&
+        heightSizingMode == measurement.heightSizingMode;
 
     if (!yoga::isUndefined(availableWidth) ||
         !yoga::isUndefined(measurement.availableWidth)) {
diff --git a/packages/react-native/ReactCommon/yoga/yoga/node/LayoutResults.cpp b/packages/react-native/ReactCommon/yoga/yoga/node/LayoutResults.cpp
index d050bfdc73fec6..fd70870e65b3a7 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/node/LayoutResults.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/node/LayoutResults.cpp
@@ -13,11 +13,11 @@
 namespace facebook::yoga {
 
 bool LayoutResults::operator==(LayoutResults layout) const {
-  bool isEqual = yoga::inexactEquals(position, layout.position) &&
+  bool isEqual = yoga::inexactEquals(position_, layout.position_) &&
       yoga::inexactEquals(dimensions_, layout.dimensions_) &&
-      yoga::inexactEquals(margin, layout.margin) &&
-      yoga::inexactEquals(border, layout.border) &&
-      yoga::inexactEquals(padding, layout.padding) &&
+      yoga::inexactEquals(margin_, layout.margin_) &&
+      yoga::inexactEquals(border_, layout.border_) &&
+      yoga::inexactEquals(padding_, layout.padding_) &&
       direction() == layout.direction() &&
       hadOverflow() == layout.hadOverflow() &&
       lastOwnerDirection == layout.lastOwnerDirection &&
diff --git a/packages/react-native/ReactCommon/yoga/yoga/node/LayoutResults.h b/packages/react-native/ReactCommon/yoga/yoga/node/LayoutResults.h
index 8b324e6454bf38..f42c27795c107d 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/node/LayoutResults.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/node/LayoutResults.h
@@ -9,9 +9,11 @@
 
 #include <array>
 
-#include <yoga/bits/NumericBitfield.h>
+#include <yoga/debug/AssertFatal.h>
 #include <yoga/enums/Dimension.h>
 #include <yoga/enums/Direction.h>
+#include <yoga/enums/Edge.h>
+#include <yoga/enums/PhysicalEdge.h>
 #include <yoga/node/CachedMeasurement.h>
 #include <yoga/numeric/FloatOptional.h>
 
@@ -22,19 +24,6 @@ struct LayoutResults {
   // 98% of analyzed layouts require less than 8 entries.
   static constexpr int32_t MaxCachedMeasurements = 8;
 
-  std::array<float, 4> position = {};
-  std::array<float, 4> margin = {};
-  std::array<float, 4> border = {};
-  std::array<float, 4> padding = {};
-
- private:
-  Direction direction_ : bitCount<Direction>() = Direction::Inherit;
-  bool hadOverflow_ : 1 = false;
-
-  std::array<float, 2> dimensions_ = {{YGUndefined, YGUndefined}};
-  std::array<float, 2> measuredDimensions_ = {{YGUndefined, YGUndefined}};
-
- public:
   uint32_t computedFlexBasisGeneration = 0;
   FloatOptional computedFlexBasis = {};
 
@@ -80,10 +69,53 @@ struct LayoutResults {
     measuredDimensions_[yoga::to_underlying(axis)] = dimension;
   }
 
+  float position(PhysicalEdge physicalEdge) const {
+    return position_[yoga::to_underlying(physicalEdge)];
+  }
+
+  void setPosition(PhysicalEdge physicalEdge, float dimension) {
+    position_[yoga::to_underlying(physicalEdge)] = dimension;
+  }
+
+  float margin(PhysicalEdge physicalEdge) const {
+    return margin_[yoga::to_underlying(physicalEdge)];
+  }
+
+  void setMargin(PhysicalEdge physicalEdge, float dimension) {
+    margin_[yoga::to_underlying(physicalEdge)] = dimension;
+  }
+
+  float border(PhysicalEdge physicalEdge) const {
+    return border_[yoga::to_underlying(physicalEdge)];
+  }
+
+  void setBorder(PhysicalEdge physicalEdge, float dimension) {
+    border_[yoga::to_underlying(physicalEdge)] = dimension;
+  }
+
+  float padding(PhysicalEdge physicalEdge) const {
+    return padding_[yoga::to_underlying(physicalEdge)];
+  }
+
+  void setPadding(PhysicalEdge physicalEdge, float dimension) {
+    padding_[yoga::to_underlying(physicalEdge)] = dimension;
+  }
+
   bool operator==(LayoutResults layout) const;
   bool operator!=(LayoutResults layout) const {
     return !(*this == layout);
   }
+
+ private:
+  Direction direction_ : bitCount<Direction>() = Direction::Inherit;
+  bool hadOverflow_ : 1 = false;
+
+  std::array<float, 2> dimensions_ = {{YGUndefined, YGUndefined}};
+  std::array<float, 2> measuredDimensions_ = {{YGUndefined, YGUndefined}};
+  std::array<float, 4> position_ = {};
+  std::array<float, 4> margin_ = {};
+  std::array<float, 4> border_ = {};
+  std::array<float, 4> padding_ = {};
 };
 
 } // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/node/Node.cpp b/packages/react-native/ReactCommon/yoga/yoga/node/Node.cpp
index d84aac542fc5fb..c431940e16437d 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/node/Node.cpp
+++ b/packages/react-native/ReactCommon/yoga/yoga/node/Node.cpp
@@ -9,8 +9,6 @@
 #include <cstddef>
 #include <iostream>
 
-#include <yoga/algorithm/FlexDirection.h>
-#include <yoga/algorithm/ResolveValue.h>
 #include <yoga/debug/AssertFatal.h>
 #include <yoga/node/Node.h>
 #include <yoga/numeric/Comparison.h>
@@ -32,11 +30,11 @@ Node::Node(Node&& node) {
   hasNewLayout_ = node.hasNewLayout_;
   isReferenceBaseline_ = node.isReferenceBaseline_;
   isDirty_ = node.isDirty_;
+  alwaysFormsContainingBlock_ = node.alwaysFormsContainingBlock_;
   nodeType_ = node.nodeType_;
   context_ = node.context_;
   measureFunc_ = node.measureFunc_;
   baselineFunc_ = node.baselineFunc_;
-  printFunc_ = node.printFunc_;
   dirtiedFunc_ = node.dirtiedFunc_;
   style_ = node.style_;
   layout_ = node.layout_;
@@ -50,142 +48,6 @@ Node::Node(Node&& node) {
   }
 }
 
-void Node::print() {
-  if (printFunc_ != nullptr) {
-    printFunc_(this);
-  }
-}
-
-CompactValue Node::computeEdgeValueForRow(
-    const Style::Edges& edges,
-    YGEdge rowEdge,
-    YGEdge edge) {
-  if (!edges[rowEdge].isUndefined()) {
-    return edges[rowEdge];
-  } else if (!edges[edge].isUndefined()) {
-    return edges[edge];
-  } else if (!edges[YGEdgeHorizontal].isUndefined()) {
-    return edges[YGEdgeHorizontal];
-  } else {
-    return edges[YGEdgeAll];
-  }
-}
-
-CompactValue Node::computeEdgeValueForColumn(
-    const Style::Edges& edges,
-    YGEdge edge) {
-  if (!edges[edge].isUndefined()) {
-    return edges[edge];
-  } else if (!edges[YGEdgeVertical].isUndefined()) {
-    return edges[YGEdgeVertical];
-  } else {
-    return edges[YGEdgeAll];
-  }
-}
-
-bool Node::isLeadingPositionDefined(FlexDirection axis) const {
-  auto leadingPosition = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.position(), YGEdgeStart, leadingEdge(axis))
-      : computeEdgeValueForColumn(style_.position(), leadingEdge(axis));
-
-  return !leadingPosition.isUndefined();
-}
-
-bool Node::isTrailingPosDefined(FlexDirection axis) const {
-  auto trailingPosition = isRow(axis)
-      ? computeEdgeValueForRow(style_.position(), YGEdgeEnd, trailingEdge(axis))
-      : computeEdgeValueForColumn(style_.position(), trailingEdge(axis));
-
-  return !trailingPosition.isUndefined();
-}
-
-float Node::getLeadingPosition(FlexDirection axis, float axisSize) const {
-  auto leadingPosition = isRow(axis)
-      ? computeEdgeValueForRow(
-            style_.position(), YGEdgeStart, leadingEdge(axis))
-      : computeEdgeValueForColumn(style_.position(), leadingEdge(axis));
-
-  return resolveValue(leadingPosition, axisSize).unwrapOrDefault(0.0f);
-}
-
-float Node::getTrailingPosition(FlexDirection axis, float axisSize) const {
-  auto trailingPosition = isRow(axis)
-      ? computeEdgeValueForRow(style_.position(), YGEdgeEnd, trailingEdge(axis))
-      : computeEdgeValueForColumn(style_.position(), trailingEdge(axis));
-
-  return resolveValue(trailingPosition, axisSize).unwrapOrDefault(0.0f);
-}
-
-float Node::getLeadingMargin(FlexDirection axis, float widthSize) const {
-  auto leadingMargin = isRow(axis)
-      ? computeEdgeValueForRow(style_.margin(), YGEdgeStart, leadingEdge(axis))
-      : computeEdgeValueForColumn(style_.margin(), leadingEdge(axis));
-
-  return resolveValue(leadingMargin, widthSize).unwrapOrDefault(0.0f);
-}
-
-float Node::getTrailingMargin(FlexDirection axis, float widthSize) const {
-  auto trailingMargin = isRow(axis)
-      ? computeEdgeValueForRow(style_.margin(), YGEdgeEnd, trailingEdge(axis))
-      : computeEdgeValueForColumn(style_.margin(), trailingEdge(axis));
-
-  return resolveValue(trailingMargin, widthSize).unwrapOrDefault(0.0f);
-}
-
-float Node::getLeadingBorder(FlexDirection axis) const {
-  YGValue leadingBorder = isRow(axis)
-      ? computeEdgeValueForRow(style_.border(), YGEdgeStart, leadingEdge(axis))
-      : computeEdgeValueForColumn(style_.border(), leadingEdge(axis));
-
-  return maxOrDefined(leadingBorder.value, 0.0f);
-}
-
-float Node::getTrailingBorder(FlexDirection axis) const {
-  YGValue trailingBorder = isRow(axis)
-      ? computeEdgeValueForRow(style_.border(), YGEdgeEnd, trailingEdge(axis))
-      : computeEdgeValueForColumn(style_.border(), trailingEdge(axis));
-
-  return maxOrDefined(trailingBorder.value, 0.0f);
-}
-
-float Node::getLeadingPadding(FlexDirection axis, float widthSize) const {
-  auto leadingPadding = isRow(axis)
-      ? computeEdgeValueForRow(style_.padding(), YGEdgeStart, leadingEdge(axis))
-      : computeEdgeValueForColumn(style_.padding(), leadingEdge(axis));
-
-  return maxOrDefined(resolveValue(leadingPadding, widthSize).unwrap(), 0.0f);
-}
-
-float Node::getTrailingPadding(FlexDirection axis, float widthSize) const {
-  auto trailingPadding = isRow(axis)
-      ? computeEdgeValueForRow(style_.padding(), YGEdgeEnd, trailingEdge(axis))
-      : computeEdgeValueForColumn(style_.padding(), trailingEdge(axis));
-
-  return maxOrDefined(resolveValue(trailingPadding, widthSize).unwrap(), 0.0f);
-}
-
-float Node::getLeadingPaddingAndBorder(FlexDirection axis, float widthSize)
-    const {
-  return getLeadingPadding(axis, widthSize) + getLeadingBorder(axis);
-}
-
-float Node::getTrailingPaddingAndBorder(FlexDirection axis, float widthSize)
-    const {
-  return getTrailingPadding(axis, widthSize) + getTrailingBorder(axis);
-}
-
-float Node::getMarginForAxis(FlexDirection axis, float widthSize) const {
-  return getLeadingMargin(axis, widthSize) + getTrailingMargin(axis, widthSize);
-}
-
-float Node::getGapForAxis(FlexDirection axis) const {
-  auto gap = isRow(axis) ? style_.resolveColumnGap() : style_.resolveRowGap();
-  // TODO: Validate percentage gap, and expose ability to set percentage to
-  // public API
-  return maxOrDefined(resolveValue(gap, 0.0f /*ownerSize*/).unwrap(), 0.0f);
-}
-
 YGSize Node::measure(
     float width,
     MeasureMode widthMode,
@@ -199,6 +61,18 @@ float Node::baseline(float width, float height) const {
   return baselineFunc_(this, width, height);
 }
 
+float Node::dimensionWithMargin(
+    const FlexDirection axis,
+    const float widthSize) {
+  return getLayout().measuredDimension(dimension(axis)) +
+      style_.computeMarginForAxis(axis, widthSize);
+}
+
+bool Node::isLayoutDimensionDefined(const FlexDirection axis) {
+  const float value = getLayout().measuredDimension(dimension(axis));
+  return yoga::isDefined(value) && value >= 0.0f;
+}
+
 // Setters
 
 void Node::setMeasureFunc(YGMeasureFunc measureFunc) {
@@ -275,25 +149,16 @@ void Node::setLayoutDirection(Direction direction) {
   layout_.setDirection(direction);
 }
 
-void Node::setLayoutMargin(float margin, YGEdge edge) {
-  assertFatal(
-      edge < static_cast<int>(layout_.margin.size()),
-      "Edge must be top/left/bottom/right");
-  layout_.margin[edge] = margin;
+void Node::setLayoutMargin(float margin, PhysicalEdge edge) {
+  layout_.setMargin(edge, margin);
 }
 
-void Node::setLayoutBorder(float border, YGEdge edge) {
-  assertFatal(
-      edge < static_cast<int>(layout_.border.size()),
-      "Edge must be top/left/bottom/right");
-  layout_.border[edge] = border;
+void Node::setLayoutBorder(float border, PhysicalEdge edge) {
+  layout_.setBorder(edge, border);
 }
 
-void Node::setLayoutPadding(float padding, YGEdge edge) {
-  assertFatal(
-      edge < static_cast<int>(layout_.padding.size()),
-      "Edge must be top/left/bottom/right");
-  layout_.padding[edge] = padding;
+void Node::setLayoutPadding(float padding, PhysicalEdge edge) {
+  layout_.setPadding(edge, padding);
 }
 
 void Node::setLayoutLastOwnerDirection(Direction direction) {
@@ -304,11 +169,8 @@ void Node::setLayoutComputedFlexBasis(const FloatOptional computedFlexBasis) {
   layout_.computedFlexBasis = computedFlexBasis;
 }
 
-void Node::setLayoutPosition(float position, YGEdge edge) {
-  assertFatal(
-      edge < static_cast<int>(layout_.position.size()),
-      "Edge must be top/left/bottom/right");
-  layout_.position[edge] = position;
+void Node::setLayoutPosition(float position, PhysicalEdge edge) {
+  layout_.setPosition(edge, position);
 }
 
 void Node::setLayoutComputedFlexBasisGeneration(
@@ -326,18 +188,25 @@ void Node::setLayoutHadOverflow(bool hadOverflow) {
   layout_.setHadOverflow(hadOverflow);
 }
 
-void Node::setLayoutDimension(float dimensionValue, Dimension dimension) {
-  layout_.setDimension(dimension, dimensionValue);
+void Node::setLayoutDimension(float LengthValue, Dimension dimension) {
+  layout_.setDimension(dimension, LengthValue);
 }
 
 // If both left and right are defined, then use left. Otherwise return +left or
-// -right depending on which is defined.
-float Node::relativePosition(FlexDirection axis, float axisSize) const {
-  if (isLeadingPositionDefined(axis)) {
-    return getLeadingPosition(axis, axisSize);
+// -right depending on which is defined. Ignore statically positioned nodes as
+// insets do not apply to them.
+float Node::relativePosition(
+    FlexDirection axis,
+    Direction direction,
+    float axisSize) const {
+  if (style_.positionType() == PositionType::Static) {
+    return 0;
+  }
+  if (style_.isInlineStartPositionDefined(axis, direction)) {
+    return style_.computeInlineStartPosition(axis, direction, axisSize);
   }
 
-  return -1 * getTrailingPosition(axis, axisSize);
+  return -1 * style_.computeInlineEndPosition(axis, direction, axisSize);
 }
 
 void Node::setPosition(
@@ -354,61 +223,55 @@ void Node::setPosition(
   const FlexDirection crossAxis =
       yoga::resolveCrossDirection(mainAxis, directionRespectingRoot);
 
-  // Here we should check for `PositionType::Static` and in this case zero inset
-  // properties (left, right, top, bottom, begin, end).
+  // In the case of position static these are just 0. See:
   // https://www.w3.org/TR/css-position-3/#valdef-position-static
-  const float relativePositionMain = relativePosition(mainAxis, mainSize);
-  const float relativePositionCross = relativePosition(crossAxis, crossSize);
+  const float relativePositionMain =
+      relativePosition(mainAxis, directionRespectingRoot, mainSize);
+  const float relativePositionCross =
+      relativePosition(crossAxis, directionRespectingRoot, crossSize);
+
+  const auto mainAxisLeadingEdge = inlineStartEdge(mainAxis, direction);
+  const auto mainAxisTrailingEdge = inlineEndEdge(mainAxis, direction);
+  const auto crossAxisLeadingEdge = inlineStartEdge(crossAxis, direction);
+  const auto crossAxisTrailingEdge = inlineEndEdge(crossAxis, direction);
 
   setLayoutPosition(
-      (getLeadingMargin(mainAxis, ownerWidth) + relativePositionMain),
-      leadingEdge(mainAxis));
+      (style_.computeInlineStartMargin(mainAxis, direction, ownerWidth) +
+       relativePositionMain),
+      mainAxisLeadingEdge);
   setLayoutPosition(
-      (getTrailingMargin(mainAxis, ownerWidth) + relativePositionMain),
-      trailingEdge(mainAxis));
+      (style_.computeInlineEndMargin(mainAxis, direction, ownerWidth) +
+       relativePositionMain),
+      mainAxisTrailingEdge);
   setLayoutPosition(
-      (getLeadingMargin(crossAxis, ownerWidth) + relativePositionCross),
-      leadingEdge(crossAxis));
+      (style_.computeInlineStartMargin(crossAxis, direction, ownerWidth) +
+       relativePositionCross),
+      crossAxisLeadingEdge);
   setLayoutPosition(
-      (getTrailingMargin(crossAxis, ownerWidth) + relativePositionCross),
-      trailingEdge(crossAxis));
-}
-
-YGValue Node::marginLeadingValue(FlexDirection axis) const {
-  if (isRow(axis) && !style_.margin()[YGEdgeStart].isUndefined()) {
-    return style_.margin()[YGEdgeStart];
-  } else {
-    return style_.margin()[leadingEdge(axis)];
-  }
-}
-
-YGValue Node::marginTrailingValue(FlexDirection axis) const {
-  if (isRow(axis) && !style_.margin()[YGEdgeEnd].isUndefined()) {
-    return style_.margin()[YGEdgeEnd];
-  } else {
-    return style_.margin()[trailingEdge(axis)];
-  }
+      (style_.computeInlineEndMargin(crossAxis, direction, ownerWidth) +
+       relativePositionCross),
+      crossAxisTrailingEdge);
 }
 
-YGValue Node::resolveFlexBasisPtr() const {
-  YGValue flexBasis = style_.flexBasis();
-  if (flexBasis.unit != YGUnitAuto && flexBasis.unit != YGUnitUndefined) {
+Style::Length Node::resolveFlexBasisPtr() const {
+  Style::Length flexBasis = style_.flexBasis();
+  if (flexBasis.unit() != Unit::Auto && flexBasis.unit() != Unit::Undefined) {
     return flexBasis;
   }
-  if (!style_.flex().isUndefined() && style_.flex().unwrap() > 0.0f) {
-    return config_->useWebDefaults() ? YGValueAuto : YGValueZero;
+  if (style_.flex().isDefined() && style_.flex().unwrap() > 0.0f) {
+    return config_->useWebDefaults() ? value::ofAuto() : value::points(0);
   }
-  return YGValueAuto;
+  return value::ofAuto();
 }
 
 void Node::resolveDimension() {
-  const Style& style = getStyle();
   for (auto dim : {Dimension::Width, Dimension::Height}) {
-    if (!style.maxDimension(dim).isUndefined() &&
-        yoga::inexactEquals(style.maxDimension(dim), style.minDimension(dim))) {
-      resolvedDimensions_[yoga::to_underlying(dim)] = style.maxDimension(dim);
+    if (style_.maxDimension(dim).isDefined() &&
+        yoga::inexactEquals(
+            style_.maxDimension(dim), style_.minDimension(dim))) {
+      resolvedDimensions_[yoga::to_underlying(dim)] = style_.maxDimension(dim);
     } else {
-      resolvedDimensions_[yoga::to_underlying(dim)] = style.dimension(dim);
+      resolvedDimensions_[yoga::to_underlying(dim)] = style_.dimension(dim);
     }
   }
 }
@@ -450,22 +313,15 @@ void Node::markDirtyAndPropagate() {
   }
 }
 
-void Node::markDirtyAndPropagateDownwards() {
-  isDirty_ = true;
-  for_each(children_.begin(), children_.end(), [](Node* childNode) {
-    childNode->markDirtyAndPropagateDownwards();
-  });
-}
-
 float Node::resolveFlexGrow() const {
   // Root nodes flexGrow should always be 0
   if (owner_ == nullptr) {
     return 0.0;
   }
-  if (!style_.flexGrow().isUndefined()) {
+  if (style_.flexGrow().isDefined()) {
     return style_.flexGrow().unwrap();
   }
-  if (!style_.flex().isUndefined() && style_.flex().unwrap() > 0.0f) {
+  if (style_.flex().isDefined() && style_.flex().unwrap() > 0.0f) {
     return style_.flex().unwrap();
   }
   return Style::DefaultFlexGrow;
@@ -475,10 +331,10 @@ float Node::resolveFlexShrink() const {
   if (owner_ == nullptr) {
     return 0.0;
   }
-  if (!style_.flexShrink().isUndefined()) {
+  if (style_.flexShrink().isDefined()) {
     return style_.flexShrink().unwrap();
   }
-  if (!config_->useWebDefaults() && !style_.flex().isUndefined() &&
+  if (!config_->useWebDefaults() && style_.flex().isDefined() &&
       style_.flex().unwrap() < 0.0f) {
     return -style_.flex().unwrap();
   }
diff --git a/packages/react-native/ReactCommon/yoga/yoga/node/Node.h b/packages/react-native/ReactCommon/yoga/yoga/node/Node.h
index bf1f89f3325b56..1eea46f8c1c51d 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/node/Node.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/node/Node.h
@@ -16,11 +16,12 @@
 #include <yoga/config/Config.h>
 #include <yoga/enums/Dimension.h>
 #include <yoga/enums/Direction.h>
+#include <yoga/enums/Edge.h>
 #include <yoga/enums/Errata.h>
 #include <yoga/enums/MeasureMode.h>
 #include <yoga/enums/NodeType.h>
+#include <yoga/enums/PhysicalEdge.h>
 #include <yoga/node/LayoutResults.h>
-#include <yoga/style/CompactValue.h>
 #include <yoga/style/Style.h>
 
 // Tag struct used to form the opaque YGNodeRef for the public C API
@@ -29,43 +30,9 @@ struct YGNode {};
 namespace facebook::yoga {
 
 class YG_EXPORT Node : public ::YGNode {
- private:
-  bool hasNewLayout_ : 1 = true;
-  bool isReferenceBaseline_ : 1 = false;
-  bool isDirty_ : 1 = false;
-  NodeType nodeType_ : bitCount<NodeType>() = NodeType::Default;
-  void* context_ = nullptr;
-  YGMeasureFunc measureFunc_ = {nullptr};
-  YGBaselineFunc baselineFunc_ = {nullptr};
-  YGPrintFunc printFunc_ = {nullptr};
-  YGDirtiedFunc dirtiedFunc_ = nullptr;
-  Style style_ = {};
-  LayoutResults layout_ = {};
-  size_t lineIndex_ = 0;
-  Node* owner_ = nullptr;
-  std::vector<Node*> children_ = {};
-  const Config* config_;
-  std::array<YGValue, 2> resolvedDimensions_ = {
-      {YGValueUndefined, YGValueUndefined}};
-
-  float relativePosition(FlexDirection axis, const float axisSize) const;
-
-  void useWebDefaults() {
-    style_.flexDirection() = FlexDirection::Row;
-    style_.alignContent() = Align::Stretch;
-  }
-
-  // DANGER DANGER DANGER!
-  // If the node assigned to has children, we'd either have to deallocate
-  // them (potentially incorrect) or ignore them (danger of leaks). Only ever
-  // use this after checking that there are no children.
-  // DO NOT CHANGE THE VISIBILITY OF THIS METHOD!
-  Node& operator=(Node&&) = default;
-
  public:
   Node();
   explicit Node(const Config* config);
-  ~Node() = default; // cleanup of owner/children relationships in YGNodeFree
 
   Node(Node&&);
 
@@ -82,7 +49,9 @@ class YG_EXPORT Node : public ::YGNode {
     return context_;
   }
 
-  void print();
+  bool alwaysFormsContainingBlock() const {
+    return alwaysFormsContainingBlock_;
+  }
 
   bool getHasNewLayout() const {
     return hasNewLayout_;
@@ -104,6 +73,19 @@ class YG_EXPORT Node : public ::YGNode {
 
   float baseline(float width, float height) const;
 
+  float dimensionWithMargin(const FlexDirection axis, const float widthSize);
+
+  bool isLayoutDimensionDefined(const FlexDirection axis);
+
+  /**
+   * Whether the node has a "definite length" along the given axis.
+   * https://www.w3.org/TR/css-sizing-3/#definite
+   */
+  inline bool hasDefiniteLength(Dimension dimension, float ownerSize) {
+    auto usedValue = getResolvedDimension(dimension).resolve(ownerSize);
+    return usedValue.isDefined() && usedValue.unwrap() >= 0.0f;
+  }
+
   bool hasErrata(Errata errata) const {
     return config_->hasErrata(errata);
   }
@@ -113,11 +95,11 @@ class YG_EXPORT Node : public ::YGNode {
   }
 
   // For Performance reasons passing as reference.
-  Style& getStyle() {
+  Style& style() {
     return style_;
   }
 
-  const Style& getStyle() const {
+  const Style& style() const {
     return style_;
   }
 
@@ -146,11 +128,6 @@ class YG_EXPORT Node : public ::YGNode {
     return owner_;
   }
 
-  // Deprecated, use getOwner() instead.
-  Node* getParent() const {
-    return getOwner();
-  }
-
   const std::vector<Node*>& getChildren() const {
     return children_;
   }
@@ -171,46 +148,22 @@ class YG_EXPORT Node : public ::YGNode {
     return isDirty_;
   }
 
-  std::array<YGValue, 2> getResolvedDimensions() const {
+  std::array<Style::Length, 2> getResolvedDimensions() const {
     return resolvedDimensions_;
   }
 
-  YGValue getResolvedDimension(Dimension dimension) const {
+  Style::Length getResolvedDimension(Dimension dimension) const {
     return resolvedDimensions_[static_cast<size_t>(dimension)];
   }
 
-  static CompactValue computeEdgeValueForColumn(
-      const Style::Edges& edges,
-      YGEdge edge);
-
-  static CompactValue computeEdgeValueForRow(
-      const Style::Edges& edges,
-      YGEdge rowEdge,
-      YGEdge edge);
-
-  // Methods related to positions, margin, padding and border
-  bool isLeadingPositionDefined(FlexDirection axis) const;
-  bool isTrailingPosDefined(FlexDirection axis) const;
-  float getLeadingPosition(FlexDirection axis, float axisSize) const;
-  float getTrailingPosition(FlexDirection axis, float axisSize) const;
-  float getLeadingMargin(FlexDirection axis, float widthSize) const;
-  float getTrailingMargin(FlexDirection axis, float widthSize) const;
-  float getLeadingBorder(FlexDirection flexDirection) const;
-  float getTrailingBorder(FlexDirection flexDirection) const;
-  float getLeadingPadding(FlexDirection axis, float widthSize) const;
-  float getTrailingPadding(FlexDirection axis, float widthSize) const;
-  float getLeadingPaddingAndBorder(FlexDirection axis, float widthSize) const;
-  float getTrailingPaddingAndBorder(FlexDirection axis, float widthSize) const;
-  float getMarginForAxis(FlexDirection axis, float widthSize) const;
-  float getGapForAxis(FlexDirection axis) const;
   // Setters
 
   void setContext(void* context) {
     context_ = context;
   }
 
-  void setPrintFunc(YGPrintFunc printFunc) {
-    printFunc_ = printFunc;
+  void setAlwaysFormsContainingBlock(bool alwaysFormsContainingBlock) {
+    alwaysFormsContainingBlock_ = alwaysFormsContainingBlock;
   }
 
   void setHasNewLayout(bool hasNewLayout) {
@@ -266,23 +219,20 @@ class YG_EXPORT Node : public ::YGNode {
       uint32_t computedFlexBasisGeneration);
   void setLayoutMeasuredDimension(float measuredDimension, Dimension dimension);
   void setLayoutHadOverflow(bool hadOverflow);
-  void setLayoutDimension(float dimensionValue, Dimension dimension);
+  void setLayoutDimension(float LengthValue, Dimension dimension);
   void setLayoutDirection(Direction direction);
-  void setLayoutMargin(float margin, YGEdge edge);
-  void setLayoutBorder(float border, YGEdge edge);
-  void setLayoutPadding(float padding, YGEdge edge);
-  void setLayoutPosition(float position, YGEdge edge);
+  void setLayoutMargin(float margin, PhysicalEdge edge);
+  void setLayoutBorder(float border, PhysicalEdge edge);
+  void setLayoutPadding(float padding, PhysicalEdge edge);
+  void setLayoutPosition(float position, PhysicalEdge edge);
   void setPosition(
       const Direction direction,
       const float mainSize,
       const float crossSize,
       const float ownerWidth);
-  void markDirtyAndPropagateDownwards();
 
   // Other methods
-  YGValue marginLeadingValue(FlexDirection axis) const;
-  YGValue marginTrailingValue(FlexDirection axis) const;
-  YGValue resolveFlexBasisPtr() const;
+  Style::Length resolveFlexBasisPtr() const;
   void resolveDimension();
   Direction resolveDirection(const Direction ownerDirection);
   void clearChildren();
@@ -300,6 +250,38 @@ class YG_EXPORT Node : public ::YGNode {
   float resolveFlexShrink() const;
   bool isNodeFlexible();
   void reset();
+
+ private:
+  // Used to allow resetting the node
+  Node& operator=(Node&&) = default;
+
+  float relativePosition(
+      FlexDirection axis,
+      Direction direction,
+      const float axisSize) const;
+
+  void useWebDefaults() {
+    style_.setFlexDirection(FlexDirection::Row);
+    style_.setAlignContent(Align::Stretch);
+  }
+
+  bool hasNewLayout_ : 1 = true;
+  bool isReferenceBaseline_ : 1 = false;
+  bool isDirty_ : 1 = false;
+  bool alwaysFormsContainingBlock_ : 1 = false;
+  NodeType nodeType_ : bitCount<NodeType>() = NodeType::Default;
+  void* context_ = nullptr;
+  YGMeasureFunc measureFunc_ = nullptr;
+  YGBaselineFunc baselineFunc_ = nullptr;
+  YGDirtiedFunc dirtiedFunc_ = nullptr;
+  Style style_;
+  LayoutResults layout_;
+  size_t lineIndex_ = 0;
+  Node* owner_ = nullptr;
+  std::vector<Node*> children_;
+  const Config* config_;
+  std::array<Style::Length, 2> resolvedDimensions_{
+      {value::undefined(), value::undefined()}};
 };
 
 inline Node* resolveRef(const YGNodeRef ref) {
diff --git a/packages/react-native/ReactCommon/yoga/yoga/numeric/Comparison.h b/packages/react-native/ReactCommon/yoga/yoga/numeric/Comparison.h
index b881810b4100b5..0e23a837b956d4 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/numeric/Comparison.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/numeric/Comparison.h
@@ -10,24 +10,41 @@
 #include <algorithm>
 #include <array>
 #include <cmath>
+#include <concepts>
 
 #include <yoga/Yoga.h>
 
 namespace facebook::yoga {
 
-constexpr bool isUndefined(auto value) {
+constexpr bool isUndefined(std::floating_point auto value) {
   return value != value;
 }
 
-constexpr auto maxOrDefined(auto a, auto b) {
-  if (!yoga::isUndefined(a) && !yoga::isUndefined(b)) {
+constexpr bool isDefined(std::floating_point auto value) {
+  return !isUndefined(value);
+}
+
+/**
+ * Constexpr version of `std::isinf` before C++ 23
+ */
+constexpr bool isinf(auto value) {
+  return value == +std::numeric_limits<decltype(value)>::infinity() ||
+      value == -std::numeric_limits<decltype(value)>::infinity();
+}
+
+constexpr auto maxOrDefined(
+    std::floating_point auto a,
+    std::floating_point auto b) {
+  if (yoga::isDefined(a) && yoga::isDefined(b)) {
     return std::max(a, b);
   }
   return yoga::isUndefined(a) ? b : a;
 }
 
-constexpr auto minOrDefined(auto a, auto b) {
-  if (!yoga::isUndefined(a) && !yoga::isUndefined(b)) {
+constexpr auto minOrDefined(
+    std::floating_point auto a,
+    std::floating_point auto b) {
+  if (yoga::isDefined(a) && yoga::isDefined(b)) {
     return std::min(a, b);
   }
 
@@ -37,32 +54,19 @@ constexpr auto minOrDefined(auto a, auto b) {
 // Custom equality functions using a hardcoded epsilon of 0.0001f, or returning
 // true if both floats are NaN.
 inline bool inexactEquals(float a, float b) {
-  if (!yoga::isUndefined(a) && !yoga::isUndefined(b)) {
+  if (yoga::isDefined(a) && yoga::isDefined(b)) {
     return std::abs(a - b) < 0.0001f;
   }
   return yoga::isUndefined(a) && yoga::isUndefined(b);
 }
 
 inline bool inexactEquals(double a, double b) {
-  if (!yoga::isUndefined(a) && !yoga::isUndefined(b)) {
+  if (yoga::isDefined(a) && yoga::isDefined(b)) {
     return std::abs(a - b) < 0.0001;
   }
   return yoga::isUndefined(a) && yoga::isUndefined(b);
 }
 
-inline bool inexactEquals(const YGValue& a, const YGValue& b) {
-  if (a.unit != b.unit) {
-    return false;
-  }
-
-  if (a.unit == YGUnitUndefined ||
-      (yoga::isUndefined(a.value) && yoga::isUndefined(b.value))) {
-    return true;
-  }
-
-  return fabs(a.value - b.value) < 0.0001f;
-}
-
 template <std::size_t Size, typename ElementT>
 bool inexactEquals(
     const std::array<ElementT, Size>& val1,
diff --git a/packages/react-native/ReactCommon/yoga/yoga/numeric/FloatOptional.h b/packages/react-native/ReactCommon/yoga/yoga/numeric/FloatOptional.h
index 8fd9bbb2d187cc..4f2e5db92f84f6 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/numeric/FloatOptional.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/numeric/FloatOptional.h
@@ -32,6 +32,10 @@ struct FloatOptional {
   constexpr bool isUndefined() const {
     return yoga::isUndefined(value_);
   }
+
+  constexpr bool isDefined() const {
+    return yoga::isDefined(value_);
+  }
 };
 
 // operators take FloatOptional by value, as it is a 32bit value
diff --git a/packages/react-native/ReactCommon/yoga/yoga/style/CompactValue.h b/packages/react-native/ReactCommon/yoga/yoga/style/CompactValue.h
deleted file mode 100644
index 03722aee83ddb7..00000000000000
--- a/packages/react-native/ReactCommon/yoga/yoga/style/CompactValue.h
+++ /dev/null
@@ -1,184 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#pragma once
-
-#include <cmath>
-#include <cstdint>
-#include <limits>
-
-#include <yoga/YGMacros.h>
-#include <yoga/YGValue.h>
-
-#include <yoga/bits/BitCast.h>
-#include <yoga/numeric/Comparison.h>
-
-static_assert(
-    std::numeric_limits<float>::is_iec559,
-    "facebook::yoga::detail::CompactValue only works with IEEE754 floats");
-
-#ifdef YOGA_COMPACT_VALUE_TEST
-#define VISIBLE_FOR_TESTING public:
-#else
-#define VISIBLE_FOR_TESTING private:
-#endif
-
-namespace facebook::yoga {
-
-// This class stores YGValue in 32 bits.
-// - The value does not matter for Undefined and Auto. NaNs are used for their
-//   representation.
-// - To differentiate between Point and Percent, one exponent bit is used.
-//   Supported the range [0x40, 0xbf] (0xbf is inclusive for point, but
-//   exclusive for percent).
-// - Value ranges:
-//   points:  1.08420217e-19f to 36893485948395847680
-//            0x00000000         0x3fffffff
-//   percent: 1.08420217e-19f to 18446742974197923840
-//            0x40000000         0x7f7fffff
-// - Zero is supported, negative zero is not
-// - values outside of the representable range are clamped
-class YG_EXPORT CompactValue {
-  friend constexpr bool operator==(CompactValue, CompactValue) noexcept;
-
- public:
-  static constexpr auto LOWER_BOUND = 1.08420217e-19f;
-  static constexpr auto UPPER_BOUND_POINT = 36893485948395847680.0f;
-  static constexpr auto UPPER_BOUND_PERCENT = 18446742974197923840.0f;
-
-  template <YGUnit Unit>
-  static CompactValue of(float value) noexcept {
-    if (value == 0.0f || (value < LOWER_BOUND && value > -LOWER_BOUND)) {
-      constexpr auto zero =
-          Unit == YGUnitPercent ? ZERO_BITS_PERCENT : ZERO_BITS_POINT;
-      return {zero};
-    }
-
-    constexpr auto upperBound =
-        Unit == YGUnitPercent ? UPPER_BOUND_PERCENT : UPPER_BOUND_POINT;
-    if (value > upperBound || value < -upperBound) {
-      value = copysignf(upperBound, value);
-    }
-
-    uint32_t unitBit = Unit == YGUnitPercent ? PERCENT_BIT : 0;
-    auto data = yoga::bit_cast<uint32_t>(value);
-    data -= BIAS;
-    data |= unitBit;
-    return {data};
-  }
-
-  template <YGUnit Unit>
-  static CompactValue ofMaybe(float value) noexcept {
-    return std::isnan(value) || std::isinf(value) ? ofUndefined()
-                                                  : of<Unit>(value);
-  }
-
-  static constexpr CompactValue ofZero() noexcept {
-    return CompactValue{ZERO_BITS_POINT};
-  }
-
-  static constexpr CompactValue ofUndefined() noexcept {
-    return CompactValue{};
-  }
-
-  static constexpr CompactValue ofAuto() noexcept {
-    return CompactValue{AUTO_BITS};
-  }
-
-  constexpr CompactValue() noexcept : repr_(0x7FC00000) {}
-
-  CompactValue(const YGValue& x) noexcept : repr_(uint32_t{0}) {
-    switch (x.unit) {
-      case YGUnitUndefined:
-        *this = ofUndefined();
-        break;
-      case YGUnitAuto:
-        *this = ofAuto();
-        break;
-      case YGUnitPoint:
-        *this = of<YGUnitPoint>(x.value);
-        break;
-      case YGUnitPercent:
-        *this = of<YGUnitPercent>(x.value);
-        break;
-    }
-  }
-
-  operator YGValue() const noexcept {
-    switch (repr_) {
-      case AUTO_BITS:
-        return YGValueAuto;
-      case ZERO_BITS_POINT:
-        return YGValue{0.0f, YGUnitPoint};
-      case ZERO_BITS_PERCENT:
-        return YGValue{0.0f, YGUnitPercent};
-    }
-
-    if (std::isnan(yoga::bit_cast<float>(repr_))) {
-      return YGValueUndefined;
-    }
-
-    auto data = repr_;
-    data &= ~PERCENT_BIT;
-    data += BIAS;
-
-    return YGValue{
-        yoga::bit_cast<float>(data),
-        repr_ & 0x40000000 ? YGUnitPercent : YGUnitPoint};
-  }
-
-  bool isUndefined() const noexcept {
-    return (
-        repr_ != AUTO_BITS && repr_ != ZERO_BITS_POINT &&
-        repr_ != ZERO_BITS_PERCENT && std::isnan(yoga::bit_cast<float>(repr_)));
-  }
-
-  bool isAuto() const noexcept {
-    return repr_ == AUTO_BITS;
-  }
-
- private:
-  uint32_t repr_;
-
-  static constexpr uint32_t BIAS = 0x20000000;
-  static constexpr uint32_t PERCENT_BIT = 0x40000000;
-
-  // these are signaling NaNs with specific bit pattern as payload they will be
-  // silenced whenever going through an FPU operation on ARM + x86
-  static constexpr uint32_t AUTO_BITS = 0x7faaaaaa;
-  static constexpr uint32_t ZERO_BITS_POINT = 0x7f8f0f0f;
-  static constexpr uint32_t ZERO_BITS_PERCENT = 0x7f80f0f0;
-
-  constexpr CompactValue(uint32_t data) noexcept : repr_(data) {}
-
-  VISIBLE_FOR_TESTING uint32_t repr() {
-    return repr_;
-  }
-};
-
-template <>
-CompactValue CompactValue::of<YGUnitUndefined>(float) noexcept = delete;
-template <>
-CompactValue CompactValue::of<YGUnitAuto>(float) noexcept = delete;
-template <>
-CompactValue CompactValue::ofMaybe<YGUnitUndefined>(float) noexcept = delete;
-template <>
-CompactValue CompactValue::ofMaybe<YGUnitAuto>(float) noexcept = delete;
-
-constexpr bool operator==(CompactValue a, CompactValue b) noexcept {
-  return a.repr_ == b.repr_;
-}
-
-constexpr bool operator!=(CompactValue a, CompactValue b) noexcept {
-  return !(a == b);
-}
-
-inline bool inexactEquals(CompactValue a, CompactValue b) {
-  return inexactEquals((YGValue)a, (YGValue)b);
-}
-
-} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/style/SmallValueBuffer.h b/packages/react-native/ReactCommon/yoga/yoga/style/SmallValueBuffer.h
new file mode 100644
index 00000000000000..2860a420f9ca6c
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/style/SmallValueBuffer.h
@@ -0,0 +1,133 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <array>
+#include <bitset>
+#include <cassert>
+#include <cstdint>
+#include <memory>
+#include <vector>
+
+namespace facebook::yoga {
+
+// Container which allows storing 32 or 64 bit integer values, whose index may
+// never change. Values are first stored in a fixed buffer of `BufferSize`
+// 32-bit chunks, before falling back to heap allocation.
+template <size_t BufferSize>
+class SmallValueBuffer {
+ public:
+  SmallValueBuffer() = default;
+  SmallValueBuffer(const SmallValueBuffer& other) {
+    *this = other;
+  }
+  SmallValueBuffer(SmallValueBuffer&& other) = default;
+
+  // Add a new element to the buffer, returning the index of the element
+  uint16_t push(uint32_t value) {
+    const auto index = count_++;
+    assert(index < 4096 && "SmallValueBuffer can only hold up to 4096 chunks");
+    if (index < buffer_.size()) {
+      buffer_[index] = value;
+      return index;
+    }
+
+    if (overflow_ == nullptr) {
+      overflow_ = std::make_unique<SmallValueBuffer::Overflow>();
+    }
+
+    overflow_->buffer_.push_back(value);
+    overflow_->wideElements_.push_back(false);
+    return index;
+  }
+
+  uint16_t push(uint64_t value) {
+    const auto lsb = static_cast<uint32_t>(value & 0xFFFFFFFF);
+    const auto msb = static_cast<uint32_t>(value >> 32);
+
+    const auto lsbIndex = push(lsb);
+    [[maybe_unused]] const auto msbIndex = push(msb);
+    assert(
+        msbIndex < 4096 && "SmallValueBuffer can only hold up to 4096 chunks");
+
+    if (lsbIndex < buffer_.size()) {
+      wideElements_[lsbIndex] = true;
+    } else {
+      overflow_->wideElements_[lsbIndex - buffer_.size()] = true;
+    }
+    return lsbIndex;
+  }
+
+  // Replace an existing element in the buffer with a new value. A new index
+  // may be returned, e.g. if a new value is wider than the previous.
+  [[nodiscard]] uint16_t replace(uint16_t index, uint32_t value) {
+    if (index < buffer_.size()) {
+      buffer_[index] = value;
+    } else {
+      overflow_->buffer_.at(index - buffer_.size()) = value;
+    }
+
+    return index;
+  }
+
+  [[nodiscard]] uint16_t replace(uint16_t index, uint64_t value) {
+    const bool isWide = index < wideElements_.size()
+        ? wideElements_[index]
+        : overflow_->wideElements_.at(index - buffer_.size());
+
+    if (isWide) {
+      const auto lsb = static_cast<uint32_t>(value & 0xFFFFFFFF);
+      const auto msb = static_cast<uint32_t>(value >> 32);
+
+      [[maybe_unused]] auto lsbIndex = replace(index, lsb);
+      [[maybe_unused]] auto msbIndex = replace(index + 1, msb);
+      return index;
+    } else {
+      return push(value);
+    }
+  }
+
+  // Get a value of a given width
+  uint32_t get32(uint16_t index) const {
+    if (index < buffer_.size()) {
+      return buffer_[index];
+    } else {
+      return overflow_->buffer_.at(index - buffer_.size());
+    }
+  }
+
+  uint64_t get64(uint16_t index) const {
+    const auto lsb = get32(index);
+    const auto msb = get32(index + 1);
+    return (static_cast<uint64_t>(msb) << 32) | lsb;
+  }
+
+  SmallValueBuffer& operator=(const SmallValueBuffer& other) {
+    count_ = other.count_;
+    buffer_ = other.buffer_;
+    wideElements_ = other.wideElements_;
+    overflow_ = other.overflow_ ? std::make_unique<Overflow>(*other.overflow_)
+                                : nullptr;
+    return *this;
+  }
+
+  SmallValueBuffer& operator=(SmallValueBuffer&& other) = default;
+
+ private:
+  struct Overflow {
+    std::vector<uint32_t> buffer_;
+    std::vector<bool> wideElements_;
+  };
+
+  uint16_t count_{0};
+  std::array<uint32_t, BufferSize> buffer_;
+  std::bitset<BufferSize> wideElements_;
+  std::unique_ptr<Overflow> overflow_;
+};
+
+} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/style/Style.h b/packages/react-native/ReactCommon/yoga/yoga/style/Style.h
index f02710d3e0aaac..113a8e1df16570 100644
--- a/packages/react-native/ReactCommon/yoga/yoga/style/Style.h
+++ b/packages/react-native/ReactCommon/yoga/yoga/style/Style.h
@@ -7,345 +7,672 @@
 
 #pragma once
 
-#include <algorithm>
 #include <array>
 #include <cstdint>
 #include <type_traits>
 
 #include <yoga/Yoga.h>
 
-#include <yoga/bits/NumericBitfield.h>
+#include <yoga/algorithm/FlexDirection.h>
 #include <yoga/enums/Align.h>
 #include <yoga/enums/Dimension.h>
 #include <yoga/enums/Direction.h>
 #include <yoga/enums/Display.h>
+#include <yoga/enums/Edge.h>
 #include <yoga/enums/FlexDirection.h>
 #include <yoga/enums/Gutter.h>
 #include <yoga/enums/Justify.h>
 #include <yoga/enums/Overflow.h>
+#include <yoga/enums/PhysicalEdge.h>
 #include <yoga/enums/PositionType.h>
+#include <yoga/enums/Unit.h>
 #include <yoga/enums/Wrap.h>
 #include <yoga/numeric/FloatOptional.h>
-#include <yoga/style/CompactValue.h>
+#include <yoga/style/StyleLength.h>
+#include <yoga/style/StyleValuePool.h>
 
 namespace facebook::yoga {
 
 class YG_EXPORT Style {
-  template <typename Enum>
-  using Values = std::array<CompactValue, ordinalCount<Enum>()>;
-
  public:
-  using Dimensions = Values<Dimension>;
-  using Edges = Values<YGEdge>;
-  using Gutters = Values<Gutter>;
+  using Length = StyleLength;
 
   static constexpr float DefaultFlexGrow = 0.0f;
   static constexpr float DefaultFlexShrink = 0.0f;
   static constexpr float WebDefaultFlexShrink = 1.0f;
 
-  template <typename T>
-  struct BitfieldRef {
-    Style& style;
-    uint8_t offset;
-    operator T() const {
-      return getEnumData<T>(style.flags, offset);
-    }
-    BitfieldRef<T>& operator=(T x) {
-      setEnumData<T>(style.flags, offset, x);
-      return *this;
-    }
-  };
-
-  template <typename T, T Style::*Prop>
-  struct Ref {
-    Style& style;
-    operator T() const {
-      return style.*Prop;
-    }
-    Ref<T, Prop>& operator=(T value) {
-      style.*Prop = value;
-      return *this;
-    }
-  };
-
-  template <typename Idx, Values<Idx> Style::*Prop>
-  struct IdxRef {
-    struct Ref {
-      Style& style;
-      Idx idx;
-      operator CompactValue() const {
-        return (style.*Prop)[idx];
-      }
-      operator YGValue() const {
-        return (style.*Prop)[idx];
-      }
-      Ref& operator=(CompactValue value) {
-        (style.*Prop)[idx] = value;
-        return *this;
-      }
-    };
-
-    Style& style;
-    IdxRef<Idx, Prop>& operator=(const Values<Idx>& values) {
-      style.*Prop = values;
-      return *this;
-    }
-    operator const Values<Idx>&() const {
-      return style.*Prop;
-    }
-    Ref operator[](Idx idx) {
-      return {style, idx};
-    }
-    CompactValue operator[](Idx idx) const {
-      return (style.*Prop)[idx];
-    }
-  };
-
-  Style() {
-    alignContent() = Align::FlexStart;
-    alignItems() = Align::Stretch;
-  }
-  ~Style() = default;
-
- private:
-  static constexpr uint8_t directionOffset = 0;
-  static constexpr uint8_t flexdirectionOffset =
-      directionOffset + minimumBitCount<Direction>();
-  static constexpr uint8_t justifyContentOffset =
-      flexdirectionOffset + minimumBitCount<FlexDirection>();
-  static constexpr uint8_t alignContentOffset =
-      justifyContentOffset + minimumBitCount<Justify>();
-  static constexpr uint8_t alignItemsOffset =
-      alignContentOffset + minimumBitCount<Align>();
-  static constexpr uint8_t alignSelfOffset =
-      alignItemsOffset + minimumBitCount<Align>();
-  static constexpr uint8_t positionTypeOffset =
-      alignSelfOffset + minimumBitCount<Align>();
-  static constexpr uint8_t flexWrapOffset =
-      positionTypeOffset + minimumBitCount<PositionType>();
-  static constexpr uint8_t overflowOffset =
-      flexWrapOffset + minimumBitCount<Wrap>();
-  static constexpr uint8_t displayOffset =
-      overflowOffset + minimumBitCount<Overflow>();
-
-  uint32_t flags = 0;
-
-  FloatOptional flex_ = {};
-  FloatOptional flexGrow_ = {};
-  FloatOptional flexShrink_ = {};
-  CompactValue flexBasis_ = CompactValue::ofAuto();
-  Edges margin_ = {};
-  Edges position_ = {};
-  Edges padding_ = {};
-  Edges border_ = {};
-  Gutters gap_ = {};
-  Dimensions dimensions_{CompactValue::ofAuto(), CompactValue::ofAuto()};
-  Dimensions minDimensions_ = {};
-  Dimensions maxDimensions_ = {};
-  // Yoga specific properties, not compatible with flexbox specification
-  FloatOptional aspectRatio_ = {};
-
- public:
-  // for library users needing a type
-  using ValueRepr = std::remove_reference<decltype(margin_[0])>::type;
-
   Direction direction() const {
-    return getEnumData<Direction>(flags, directionOffset);
+    return direction_;
   }
-  BitfieldRef<Direction> direction() {
-    return {*this, directionOffset};
+  void setDirection(Direction value) {
+    direction_ = value;
   }
 
   FlexDirection flexDirection() const {
-    return getEnumData<FlexDirection>(flags, flexdirectionOffset);
+    return flexDirection_;
   }
-  BitfieldRef<FlexDirection> flexDirection() {
-    return {*this, flexdirectionOffset};
+  void setFlexDirection(FlexDirection value) {
+    flexDirection_ = value;
   }
 
   Justify justifyContent() const {
-    return getEnumData<Justify>(flags, justifyContentOffset);
+    return justifyContent_;
   }
-  BitfieldRef<Justify> justifyContent() {
-    return {*this, justifyContentOffset};
+  void setJustifyContent(Justify value) {
+    justifyContent_ = value;
   }
 
   Align alignContent() const {
-    return getEnumData<Align>(flags, alignContentOffset);
+    return alignContent_;
   }
-  BitfieldRef<Align> alignContent() {
-    return {*this, alignContentOffset};
+  void setAlignContent(Align value) {
+    alignContent_ = value;
   }
 
   Align alignItems() const {
-    return getEnumData<Align>(flags, alignItemsOffset);
+    return alignItems_;
   }
-  BitfieldRef<Align> alignItems() {
-    return {*this, alignItemsOffset};
+  void setAlignItems(Align value) {
+    alignItems_ = value;
   }
 
   Align alignSelf() const {
-    return getEnumData<Align>(flags, alignSelfOffset);
+    return alignSelf_;
   }
-  BitfieldRef<Align> alignSelf() {
-    return {*this, alignSelfOffset};
+  void setAlignSelf(Align value) {
+    alignSelf_ = value;
   }
 
   PositionType positionType() const {
-    return getEnumData<PositionType>(flags, positionTypeOffset);
+    return positionType_;
   }
-  BitfieldRef<PositionType> positionType() {
-    return {*this, positionTypeOffset};
+  void setPositionType(PositionType value) {
+    positionType_ = value;
   }
 
   Wrap flexWrap() const {
-    return getEnumData<Wrap>(flags, flexWrapOffset);
+    return flexWrap_;
   }
-  BitfieldRef<Wrap> flexWrap() {
-    return {*this, flexWrapOffset};
+  void setFlexWrap(Wrap value) {
+    flexWrap_ = value;
   }
 
   Overflow overflow() const {
-    return getEnumData<Overflow>(flags, overflowOffset);
+    return overflow_;
   }
-  BitfieldRef<Overflow> overflow() {
-    return {*this, overflowOffset};
+  void setOverflow(Overflow value) {
+    overflow_ = value;
   }
 
   Display display() const {
-    return getEnumData<Display>(flags, displayOffset);
+    return display_;
   }
-  BitfieldRef<Display> display() {
-    return {*this, displayOffset};
+  void setDisplay(Display value) {
+    display_ = value;
   }
 
   FloatOptional flex() const {
-    return flex_;
+    return pool_.getNumber(flex_);
   }
-  Ref<FloatOptional, &Style::flex_> flex() {
-    return {*this};
+  void setFlex(FloatOptional value) {
+    pool_.store(flex_, value);
   }
 
   FloatOptional flexGrow() const {
-    return flexGrow_;
+    return pool_.getNumber(flexGrow_);
   }
-  Ref<FloatOptional, &Style::flexGrow_> flexGrow() {
-    return {*this};
+  void setFlexGrow(FloatOptional value) {
+    pool_.store(flexGrow_, value);
   }
 
   FloatOptional flexShrink() const {
-    return flexShrink_;
+    return pool_.getNumber(flexShrink_);
   }
-  Ref<FloatOptional, &Style::flexShrink_> flexShrink() {
-    return {*this};
+  void setFlexShrink(FloatOptional value) {
+    pool_.store(flexShrink_, value);
   }
 
-  CompactValue flexBasis() const {
-    return flexBasis_;
+  Style::Length flexBasis() const {
+    return pool_.getLength(flexBasis_);
   }
-  Ref<CompactValue, &Style::flexBasis_> flexBasis() {
-    return {*this};
+  void setFlexBasis(Style::Length value) {
+    pool_.store(flexBasis_, value);
   }
 
-  const Edges& margin() const {
-    return margin_;
+  Style::Length margin(Edge edge) const {
+    return pool_.getLength(margin_[yoga::to_underlying(edge)]);
   }
-  IdxRef<YGEdge, &Style::margin_> margin() {
-    return {*this};
+  void setMargin(Edge edge, Style::Length value) {
+    pool_.store(margin_[yoga::to_underlying(edge)], value);
   }
 
-  const Edges& position() const {
-    return position_;
+  Style::Length position(Edge edge) const {
+    return pool_.getLength(position_[yoga::to_underlying(edge)]);
   }
-  IdxRef<YGEdge, &Style::position_> position() {
-    return {*this};
+  void setPosition(Edge edge, Style::Length value) {
+    pool_.store(position_[yoga::to_underlying(edge)], value);
   }
 
-  const Edges& padding() const {
-    return padding_;
+  Style::Length padding(Edge edge) const {
+    return pool_.getLength(padding_[yoga::to_underlying(edge)]);
   }
-  IdxRef<YGEdge, &Style::padding_> padding() {
-    return {*this};
+  void setPadding(Edge edge, Style::Length value) {
+    pool_.store(padding_[yoga::to_underlying(edge)], value);
   }
 
-  const Edges& border() const {
-    return border_;
+  Style::Length border(Edge edge) const {
+    return pool_.getLength(border_[yoga::to_underlying(edge)]);
   }
-  IdxRef<YGEdge, &Style::border_> border() {
-    return {*this};
+  void setBorder(Edge edge, Style::Length value) {
+    pool_.store(border_[yoga::to_underlying(edge)], value);
   }
 
-  CompactValue gap(Gutter gutter) const {
-    return gap_[yoga::to_underlying(gutter)];
+  Style::Length gap(Gutter gutter) const {
+    return pool_.getLength(gap_[yoga::to_underlying(gutter)]);
   }
-  void setGap(Gutter gutter, CompactValue value) {
-    gap_[yoga::to_underlying(gutter)] = value;
+  void setGap(Gutter gutter, Style::Length value) {
+    pool_.store(gap_[yoga::to_underlying(gutter)], value);
   }
 
-  CompactValue dimension(Dimension axis) const {
-    return dimensions_[yoga::to_underlying(axis)];
+  Style::Length dimension(Dimension axis) const {
+    return pool_.getLength(dimensions_[yoga::to_underlying(axis)]);
   }
-  void setDimension(Dimension axis, CompactValue value) {
-    dimensions_[yoga::to_underlying(axis)] = value;
+  void setDimension(Dimension axis, Style::Length value) {
+    pool_.store(dimensions_[yoga::to_underlying(axis)], value);
   }
 
-  CompactValue minDimension(Dimension axis) const {
-    return minDimensions_[yoga::to_underlying(axis)];
+  Style::Length minDimension(Dimension axis) const {
+    return pool_.getLength(minDimensions_[yoga::to_underlying(axis)]);
   }
-  void setMinDimension(Dimension axis, CompactValue value) {
-    minDimensions_[yoga::to_underlying(axis)] = value;
+  void setMinDimension(Dimension axis, Style::Length value) {
+    pool_.store(minDimensions_[yoga::to_underlying(axis)], value);
   }
 
-  CompactValue maxDimension(Dimension axis) const {
-    return maxDimensions_[yoga::to_underlying(axis)];
+  Style::Length maxDimension(Dimension axis) const {
+    return pool_.getLength(maxDimensions_[yoga::to_underlying(axis)]);
   }
-  void setMaxDimension(Dimension axis, CompactValue value) {
-    maxDimensions_[yoga::to_underlying(axis)] = value;
+  void setMaxDimension(Dimension axis, Style::Length value) {
+    pool_.store(maxDimensions_[yoga::to_underlying(axis)], value);
   }
 
-  // Yoga specific properties, not compatible with flexbox specification
   FloatOptional aspectRatio() const {
-    return aspectRatio_;
+    return pool_.getNumber(aspectRatio_);
+  }
+  void setAspectRatio(FloatOptional value) {
+    pool_.store(aspectRatio_, value);
+  }
+
+  bool horizontalInsetsDefined() const {
+    return position_[yoga::to_underlying(Edge::Left)].isDefined() ||
+        position_[yoga::to_underlying(Edge::Right)].isDefined() ||
+        position_[yoga::to_underlying(Edge::All)].isDefined() ||
+        position_[yoga::to_underlying(Edge::Horizontal)].isDefined() ||
+        position_[yoga::to_underlying(Edge::Start)].isDefined() ||
+        position_[yoga::to_underlying(Edge::End)].isDefined();
+  }
+
+  bool verticalInsetsDefined() const {
+    return position_[yoga::to_underlying(Edge::Top)].isDefined() ||
+        position_[yoga::to_underlying(Edge::Bottom)].isDefined() ||
+        position_[yoga::to_underlying(Edge::All)].isDefined() ||
+        position_[yoga::to_underlying(Edge::Vertical)].isDefined();
+  }
+
+  bool isFlexStartPositionDefined(FlexDirection axis, Direction direction)
+      const {
+    return computePosition(flexStartEdge(axis), direction).isDefined();
+  }
+
+  bool isInlineStartPositionDefined(FlexDirection axis, Direction direction)
+      const {
+    return computePosition(inlineStartEdge(axis, direction), direction)
+        .isDefined();
+  }
+
+  bool isFlexEndPositionDefined(FlexDirection axis, Direction direction) const {
+    return computePosition(flexEndEdge(axis), direction).isDefined();
   }
-  Ref<FloatOptional, &Style::aspectRatio_> aspectRatio() {
-    return {*this};
+
+  bool isInlineEndPositionDefined(FlexDirection axis, Direction direction)
+      const {
+    return computePosition(inlineEndEdge(axis, direction), direction)
+        .isDefined();
+  }
+
+  float computeFlexStartPosition(
+      FlexDirection axis,
+      Direction direction,
+      float axisSize) const {
+    return computePosition(flexStartEdge(axis), direction)
+        .resolve(axisSize)
+        .unwrapOrDefault(0.0f);
+  }
+
+  float computeInlineStartPosition(
+      FlexDirection axis,
+      Direction direction,
+      float axisSize) const {
+    return computePosition(inlineStartEdge(axis, direction), direction)
+        .resolve(axisSize)
+        .unwrapOrDefault(0.0f);
+  }
+
+  float computeFlexEndPosition(
+      FlexDirection axis,
+      Direction direction,
+      float axisSize) const {
+    return computePosition(flexEndEdge(axis), direction)
+        .resolve(axisSize)
+        .unwrapOrDefault(0.0f);
+  }
+
+  float computeInlineEndPosition(
+      FlexDirection axis,
+      Direction direction,
+      float axisSize) const {
+    return computePosition(inlineEndEdge(axis, direction), direction)
+        .resolve(axisSize)
+        .unwrapOrDefault(0.0f);
+  }
+
+  float computeFlexStartMargin(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return computeMargin(flexStartEdge(axis), direction)
+        .resolve(widthSize)
+        .unwrapOrDefault(0.0f);
+  }
+
+  float computeInlineStartMargin(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return computeMargin(inlineStartEdge(axis, direction), direction)
+        .resolve(widthSize)
+        .unwrapOrDefault(0.0f);
+  }
+
+  float computeFlexEndMargin(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return computeMargin(flexEndEdge(axis), direction)
+        .resolve(widthSize)
+        .unwrapOrDefault(0.0f);
+  }
+
+  float computeInlineEndMargin(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return computeMargin(inlineEndEdge(axis, direction), direction)
+        .resolve(widthSize)
+        .unwrapOrDefault(0.0f);
+  }
+
+  float computeFlexStartBorder(FlexDirection axis, Direction direction) const {
+    return maxOrDefined(
+        computeBorder(flexStartEdge(axis), direction).resolve(0.0f).unwrap(),
+        0.0f);
+  }
+
+  float computeInlineStartBorder(FlexDirection axis, Direction direction)
+      const {
+    return maxOrDefined(
+        computeBorder(inlineStartEdge(axis, direction), direction)
+            .resolve(0.0f)
+            .unwrap(),
+        0.0f);
+  }
+
+  float computeFlexEndBorder(FlexDirection axis, Direction direction) const {
+    return maxOrDefined(
+        computeBorder(flexEndEdge(axis), direction).resolve(0.0f).unwrap(),
+        0.0f);
+  }
+
+  float computeInlineEndBorder(FlexDirection axis, Direction direction) const {
+    return maxOrDefined(
+        computeBorder(inlineEndEdge(axis, direction), direction)
+            .resolve(0.0f)
+            .unwrap(),
+        0.0f);
+  }
+
+  float computeFlexStartPadding(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return maxOrDefined(
+        computePadding(flexStartEdge(axis), direction)
+            .resolve(widthSize)
+            .unwrap(),
+        0.0f);
+  }
+
+  float computeInlineStartPadding(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return maxOrDefined(
+        computePadding(inlineStartEdge(axis, direction), direction)
+            .resolve(widthSize)
+            .unwrap(),
+        0.0f);
+  }
+
+  float computeFlexEndPadding(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return maxOrDefined(
+        computePadding(flexEndEdge(axis), direction)
+            .resolve(widthSize)
+            .unwrap(),
+        0.0f);
+  }
+
+  float computeInlineEndPadding(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return maxOrDefined(
+        computePadding(inlineEndEdge(axis, direction), direction)
+            .resolve(widthSize)
+            .unwrap(),
+        0.0f);
+  }
+
+  float computeInlineStartPaddingAndBorder(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return computeInlineStartPadding(axis, direction, widthSize) +
+        computeInlineStartBorder(axis, direction);
   }
 
-  CompactValue resolveColumnGap() const {
-    if (!gap_[yoga::to_underlying(Gutter::Column)].isUndefined()) {
-      return gap_[yoga::to_underlying(Gutter::Column)];
+  float computeFlexStartPaddingAndBorder(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return computeFlexStartPadding(axis, direction, widthSize) +
+        computeFlexStartBorder(axis, direction);
+  }
+
+  float computeInlineEndPaddingAndBorder(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return computeInlineEndPadding(axis, direction, widthSize) +
+        computeInlineEndBorder(axis, direction);
+  }
+
+  float computeFlexEndPaddingAndBorder(
+      FlexDirection axis,
+      Direction direction,
+      float widthSize) const {
+    return computeFlexEndPadding(axis, direction, widthSize) +
+        computeFlexEndBorder(axis, direction);
+  }
+
+  float computeBorderForAxis(FlexDirection axis) const {
+    return computeInlineStartBorder(axis, Direction::LTR) +
+        computeInlineEndBorder(axis, Direction::LTR);
+  }
+
+  float computeMarginForAxis(FlexDirection axis, float widthSize) const {
+    // The total margin for a given axis does not depend on the direction
+    // so hardcoding LTR here to avoid piping direction to this function
+    return computeInlineStartMargin(axis, Direction::LTR, widthSize) +
+        computeInlineEndMargin(axis, Direction::LTR, widthSize);
+  }
+
+  float computeGapForAxis(FlexDirection axis) const {
+    auto gap = isRow(axis) ? computeColumnGap() : computeRowGap();
+    // TODO: Validate percentage gap, and expose ability to set percentage to
+    // public API
+    return maxOrDefined(gap.resolve(0.0f /*ownerSize*/).unwrap(), 0.0f);
+  }
+
+  bool flexStartMarginIsAuto(FlexDirection axis, Direction direction) const {
+    return computeMargin(flexStartEdge(axis), direction).isAuto();
+  }
+
+  bool flexEndMarginIsAuto(FlexDirection axis, Direction direction) const {
+    return computeMargin(flexEndEdge(axis), direction).isAuto();
+  }
+
+  bool operator==(const Style& other) const {
+    return direction_ == other.direction_ &&
+        flexDirection_ == other.flexDirection_ &&
+        justifyContent_ == other.justifyContent_ &&
+        alignContent_ == other.alignContent_ &&
+        alignItems_ == other.alignItems_ && alignSelf_ == other.alignSelf_ &&
+        positionType_ == other.positionType_ && flexWrap_ == other.flexWrap_ &&
+        overflow_ == other.overflow_ && display_ == other.display_ &&
+        numbersEqual(flex_, pool_, other.flex_, other.pool_) &&
+        numbersEqual(flexGrow_, pool_, other.flexGrow_, other.pool_) &&
+        numbersEqual(flexShrink_, pool_, other.flexShrink_, other.pool_) &&
+        lengthsEqual(flexBasis_, pool_, other.flexBasis_, other.pool_) &&
+        lengthsEqual(margin_, pool_, other.margin_, other.pool_) &&
+        lengthsEqual(position_, pool_, other.position_, other.pool_) &&
+        lengthsEqual(padding_, pool_, other.padding_, other.pool_) &&
+        lengthsEqual(border_, pool_, other.border_, other.pool_) &&
+        lengthsEqual(gap_, pool_, other.gap_, other.pool_) &&
+        lengthsEqual(dimensions_, pool_, other.dimensions_, other.pool_) &&
+        lengthsEqual(
+               minDimensions_, pool_, other.minDimensions_, other.pool_) &&
+        lengthsEqual(
+               maxDimensions_, pool_, other.maxDimensions_, other.pool_) &&
+        numbersEqual(aspectRatio_, pool_, other.aspectRatio_, other.pool_);
+  }
+
+  bool operator!=(const Style& other) const {
+    return !(*this == other);
+  }
+
+ private:
+  using Dimensions = std::array<StyleValueHandle, ordinalCount<Dimension>()>;
+  using Edges = std::array<StyleValueHandle, ordinalCount<Edge>()>;
+  using Gutters = std::array<StyleValueHandle, ordinalCount<Gutter>()>;
+
+  static inline bool numbersEqual(
+      const StyleValueHandle& lhsHandle,
+      const StyleValuePool& lhsPool,
+      const StyleValueHandle& rhsHandle,
+      const StyleValuePool& rhsPool) {
+    return (lhsHandle.isUndefined() && rhsHandle.isUndefined()) ||
+        (lhsPool.getNumber(lhsHandle) == rhsPool.getNumber(rhsHandle));
+  }
+
+  static inline bool lengthsEqual(
+      const StyleValueHandle& lhsHandle,
+      const StyleValuePool& lhsPool,
+      const StyleValueHandle& rhsHandle,
+      const StyleValuePool& rhsPool) {
+    return (lhsHandle.isUndefined() && rhsHandle.isUndefined()) ||
+        (lhsPool.getLength(lhsHandle) == rhsPool.getLength(rhsHandle));
+  }
+
+  template <size_t N>
+  static inline bool lengthsEqual(
+      const std::array<StyleValueHandle, N>& lhs,
+      const StyleValuePool& lhsPool,
+      const std::array<StyleValueHandle, N>& rhs,
+      const StyleValuePool& rhsPool) {
+    return std::equal(
+        lhs.begin(),
+        lhs.end(),
+        rhs.begin(),
+        rhs.end(),
+        [&](const auto& lhs, const auto& rhs) {
+          return lengthsEqual(lhs, lhsPool, rhs, rhsPool);
+        });
+  }
+
+  Style::Length computeColumnGap() const {
+    if (gap_[yoga::to_underlying(Gutter::Column)].isDefined()) {
+      return pool_.getLength(gap_[yoga::to_underlying(Gutter::Column)]);
     } else {
-      return gap_[yoga::to_underlying(Gutter::All)];
+      return pool_.getLength(gap_[yoga::to_underlying(Gutter::All)]);
     }
   }
 
-  CompactValue resolveRowGap() const {
-    if (!gap_[yoga::to_underlying(Gutter::Row)].isUndefined()) {
-      return gap_[yoga::to_underlying(Gutter::Row)];
+  Style::Length computeRowGap() const {
+    if (gap_[yoga::to_underlying(Gutter::Row)].isDefined()) {
+      return pool_.getLength(gap_[yoga::to_underlying(Gutter::Row)]);
     } else {
-      return gap_[yoga::to_underlying(Gutter::All)];
+      return pool_.getLength(gap_[yoga::to_underlying(Gutter::All)]);
     }
   }
 
-  bool operator==(const Style& other) const {
-    return flags == other.flags && inexactEquals(flex_, other.flex_) &&
-        inexactEquals(flexGrow_, other.flexGrow_) &&
-        inexactEquals(flexShrink_, other.flexShrink_) &&
-        inexactEquals(flexBasis_, other.flexBasis_) &&
-        inexactEquals(margin_, other.margin_) &&
-        inexactEquals(position_, other.position_) &&
-        inexactEquals(padding_, other.padding_) &&
-        inexactEquals(border_, other.border_) &&
-        inexactEquals(gap_, other.gap_) &&
-        inexactEquals(dimensions_, other.dimensions_) &&
-        inexactEquals(minDimensions_, other.minDimensions_) &&
-        inexactEquals(maxDimensions_, other.maxDimensions_) &&
-        inexactEquals(aspectRatio_, other.aspectRatio_);
+  Style::Length computeLeftEdge(const Edges& edges, Direction layoutDirection)
+      const {
+    if (layoutDirection == Direction::LTR &&
+        edges[yoga::to_underlying(Edge::Start)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::Start)]);
+    } else if (
+        layoutDirection == Direction::RTL &&
+        edges[yoga::to_underlying(Edge::End)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::End)]);
+    } else if (edges[yoga::to_underlying(Edge::Left)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::Left)]);
+    } else if (edges[yoga::to_underlying(Edge::Horizontal)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::Horizontal)]);
+    } else {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::All)]);
+    }
   }
 
-  bool operator!=(const Style& other) const {
-    return !(*this == other);
+  Style::Length computeTopEdge(const Edges& edges) const {
+    if (edges[yoga::to_underlying(Edge::Top)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::Top)]);
+    } else if (edges[yoga::to_underlying(Edge::Vertical)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::Vertical)]);
+    } else {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::All)]);
+    }
+  }
+
+  Style::Length computeRightEdge(const Edges& edges, Direction layoutDirection)
+      const {
+    if (layoutDirection == Direction::LTR &&
+        edges[yoga::to_underlying(Edge::End)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::End)]);
+    } else if (
+        layoutDirection == Direction::RTL &&
+        edges[yoga::to_underlying(Edge::Start)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::Start)]);
+    } else if (edges[yoga::to_underlying(Edge::Right)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::Right)]);
+    } else if (edges[yoga::to_underlying(Edge::Horizontal)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::Horizontal)]);
+    } else {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::All)]);
+    }
   }
+
+  Style::Length computeBottomEdge(const Edges& edges) const {
+    if (edges[yoga::to_underlying(Edge::Bottom)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::Bottom)]);
+    } else if (edges[yoga::to_underlying(Edge::Vertical)].isDefined()) {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::Vertical)]);
+    } else {
+      return pool_.getLength(edges[yoga::to_underlying(Edge::All)]);
+    }
+  }
+
+  Style::Length computePosition(PhysicalEdge edge, Direction direction) const {
+    switch (edge) {
+      case PhysicalEdge::Left:
+        return computeLeftEdge(position_, direction);
+      case PhysicalEdge::Top:
+        return computeTopEdge(position_);
+      case PhysicalEdge::Right:
+        return computeRightEdge(position_, direction);
+      case PhysicalEdge::Bottom:
+        return computeBottomEdge(position_);
+    }
+
+    fatalWithMessage("Invalid physical edge");
+  }
+
+  Style::Length computeMargin(PhysicalEdge edge, Direction direction) const {
+    switch (edge) {
+      case PhysicalEdge::Left:
+        return computeLeftEdge(margin_, direction);
+      case PhysicalEdge::Top:
+        return computeTopEdge(margin_);
+      case PhysicalEdge::Right:
+        return computeRightEdge(margin_, direction);
+      case PhysicalEdge::Bottom:
+        return computeBottomEdge(margin_);
+    }
+
+    fatalWithMessage("Invalid physical edge");
+  }
+
+  Style::Length computePadding(PhysicalEdge edge, Direction direction) const {
+    switch (edge) {
+      case PhysicalEdge::Left:
+        return computeLeftEdge(padding_, direction);
+      case PhysicalEdge::Top:
+        return computeTopEdge(padding_);
+      case PhysicalEdge::Right:
+        return computeRightEdge(padding_, direction);
+      case PhysicalEdge::Bottom:
+        return computeBottomEdge(padding_);
+    }
+
+    fatalWithMessage("Invalid physical edge");
+  }
+
+  Style::Length computeBorder(PhysicalEdge edge, Direction direction) const {
+    switch (edge) {
+      case PhysicalEdge::Left:
+        return computeLeftEdge(border_, direction);
+      case PhysicalEdge::Top:
+        return computeTopEdge(border_);
+      case PhysicalEdge::Right:
+        return computeRightEdge(border_, direction);
+      case PhysicalEdge::Bottom:
+        return computeBottomEdge(border_);
+    }
+
+    fatalWithMessage("Invalid physical edge");
+  }
+
+  Direction direction_ : bitCount<Direction>() = Direction::Inherit;
+  FlexDirection flexDirection_
+      : bitCount<FlexDirection>() = FlexDirection::Column;
+  Justify justifyContent_ : bitCount<Justify>() = Justify::FlexStart;
+  Align alignContent_ : bitCount<Align>() = Align::FlexStart;
+  Align alignItems_ : bitCount<Align>() = Align::Stretch;
+  Align alignSelf_ : bitCount<Align>() = Align::Auto;
+  PositionType positionType_
+      : bitCount<PositionType>() = PositionType::Relative;
+  Wrap flexWrap_ : bitCount<Wrap>() = Wrap::NoWrap;
+  Overflow overflow_ : bitCount<Overflow>() = Overflow::Visible;
+  Display display_ : bitCount<Display>() = Display::Flex;
+
+  StyleValueHandle flex_{};
+  StyleValueHandle flexGrow_{};
+  StyleValueHandle flexShrink_{};
+  StyleValueHandle flexBasis_{StyleValueHandle::ofAuto()};
+  Edges margin_{};
+  Edges position_{};
+  Edges padding_{};
+  Edges border_{};
+  Gutters gap_{};
+  Dimensions dimensions_{
+      StyleValueHandle::ofAuto(),
+      StyleValueHandle::ofAuto()};
+  Dimensions minDimensions_{};
+  Dimensions maxDimensions_{};
+  StyleValueHandle aspectRatio_{};
+
+  StyleValuePool pool_;
 };
 
 } // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/style/StyleLength.h b/packages/react-native/ReactCommon/yoga/yoga/style/StyleLength.h
new file mode 100644
index 00000000000000..242698abf4e49b
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/style/StyleLength.h
@@ -0,0 +1,139 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <yoga/enums/Unit.h>
+#include <yoga/numeric/FloatOptional.h>
+
+namespace facebook::yoga {
+
+/**
+ * Style::Length represents a CSS Value which may be one of:
+ * 1. Undefined
+ * 2. A keyword (e.g. auto)
+ * 3. A CSS <length-percentage> value:
+ *    a. <length> value (e.g. 10px)
+ *    b. <percentage> value of a reference <length>
+ * 4. (soon) A math function which returns a <length-percentage> value
+ *
+ * References:
+ * 1. https://www.w3.org/TR/css-values-4/#lengths
+ * 2. https://www.w3.org/TR/css-values-4/#percentage-value
+ * 3. https://www.w3.org/TR/css-values-4/#mixed-percentages
+ * 4. https://www.w3.org/TR/css-values-4/#math
+ */
+class StyleLength {
+ public:
+  constexpr StyleLength() = default;
+
+  constexpr static StyleLength points(float value) {
+    return yoga::isUndefined(value) || yoga::isinf(value)
+        ? undefined()
+        : StyleLength{FloatOptional{value}, Unit::Point};
+  }
+
+  constexpr static StyleLength percent(float value) {
+    return yoga::isUndefined(value) || yoga::isinf(value)
+        ? undefined()
+        : StyleLength{FloatOptional{value}, Unit::Percent};
+  }
+
+  constexpr static StyleLength ofAuto() {
+    return StyleLength{{}, Unit::Auto};
+  }
+
+  constexpr static StyleLength undefined() {
+    return StyleLength{{}, Unit::Undefined};
+  }
+
+  constexpr bool isAuto() const {
+    return unit_ == Unit::Auto;
+  }
+
+  constexpr bool isUndefined() const {
+    return unit_ == Unit::Undefined;
+  }
+
+  constexpr bool isDefined() const {
+    return !isUndefined();
+  }
+
+  constexpr FloatOptional value() const {
+    return value_;
+  }
+
+  constexpr Unit unit() const {
+    return unit_;
+  }
+
+  constexpr FloatOptional resolve(float referenceLength) {
+    switch (unit_) {
+      case Unit::Point:
+        return value_;
+      case Unit::Percent:
+        return FloatOptional{value_.unwrap() * referenceLength * 0.01f};
+      default:
+        return FloatOptional{};
+    }
+  }
+
+  explicit constexpr operator YGValue() const {
+    return YGValue{value_.unwrap(), unscopedEnum(unit_)};
+  }
+
+  constexpr bool operator==(const StyleLength& rhs) const {
+    return value_ == rhs.value_ && unit_ == rhs.unit_;
+  }
+
+ private:
+  // We intentionally do not allow direct construction using value and unit, to
+  // avoid invalid, or redundant combinations.
+  constexpr StyleLength(FloatOptional value, Unit unit)
+      : value_(value), unit_(unit) {}
+
+  FloatOptional value_{};
+  Unit unit_{Unit::Undefined};
+};
+
+inline bool inexactEquals(const StyleLength& a, const StyleLength& b) {
+  return a.unit() == b.unit() && inexactEquals(a.value(), b.value());
+}
+
+namespace value {
+
+/**
+ * Canonical unit (one YGUnitPoint)
+ */
+constexpr StyleLength points(float value) {
+  return StyleLength::points(value);
+}
+
+/**
+ * Percent of reference
+ */
+constexpr StyleLength percent(float value) {
+  return StyleLength::percent(value);
+}
+
+/**
+ * "auto" keyword
+ */
+constexpr StyleLength ofAuto() {
+  return StyleLength::ofAuto();
+}
+
+/**
+ * Undefined
+ */
+constexpr StyleLength undefined() {
+  return StyleLength::undefined();
+}
+
+} // namespace value
+
+} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/style/StyleValueHandle.h b/packages/react-native/ReactCommon/yoga/yoga/style/StyleValueHandle.h
new file mode 100644
index 00000000000000..f4b97f0a9f7d00
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/style/StyleValueHandle.h
@@ -0,0 +1,98 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <cstdint>
+
+#include <yoga/Yoga.h>
+
+#include <yoga/numeric/FloatOptional.h>
+#include <yoga/style/SmallValueBuffer.h>
+#include <yoga/style/StyleLength.h>
+
+namespace facebook::yoga {
+
+#pragma pack(push)
+#pragma pack(1)
+
+/**
+ * StyleValueHandle is a small (16-bit) handle to a length or number in a style.
+ * The value may be embedded directly in the handle if simple, or the handle may
+ * instead point to an index within a StyleValuePool.
+ *
+ * To read or write a value from a StyleValueHandle, use
+ * `StyleValuePool::store()`, and `StyleValuePool::getLength()`/
+ * `StyleValuePool::getNumber()`.
+ */
+class StyleValueHandle {
+ public:
+  static constexpr StyleValueHandle ofAuto() {
+    StyleValueHandle handle;
+    handle.setType(Type::Auto);
+    return handle;
+  }
+
+  constexpr bool isUndefined() const {
+    return type() == Type::Undefined;
+  }
+
+  constexpr bool isDefined() const {
+    return !isUndefined();
+  }
+
+  constexpr bool isAuto() const {
+    return type() == Type::Auto;
+  }
+
+ private:
+  friend class StyleValuePool;
+
+  static constexpr uint16_t kHandleTypeMask = 0b0000'0000'0000'0111;
+  static constexpr uint16_t kHandleIndexedMask = 0b0000'0000'0000'1000;
+  static constexpr uint16_t kHandleValueMask = 0b1111'1111'1111'0000;
+
+  enum class Type : uint8_t {
+    Undefined,
+    Point,
+    Percent,
+    Number,
+    Auto,
+  };
+
+  constexpr Type type() const {
+    return static_cast<Type>(repr_ & kHandleTypeMask);
+  }
+
+  constexpr void setType(Type handleType) {
+    repr_ &= (~kHandleTypeMask);
+    repr_ |= static_cast<uint8_t>(handleType);
+  }
+
+  constexpr uint16_t value() const {
+    return repr_ >> 4;
+  }
+
+  constexpr void setValue(uint16_t value) {
+    repr_ &= (~kHandleValueMask);
+    repr_ |= (value << 4);
+  }
+
+  constexpr bool isValueIndexed() const {
+    return (repr_ & kHandleIndexedMask) != 0;
+  }
+
+  constexpr void setValueIsIndexed() {
+    repr_ |= kHandleIndexedMask;
+  }
+
+  uint16_t repr_{0};
+};
+
+#pragma pack(pop)
+
+} // namespace facebook::yoga
diff --git a/packages/react-native/ReactCommon/yoga/yoga/style/StyleValuePool.h b/packages/react-native/ReactCommon/yoga/yoga/style/StyleValuePool.h
new file mode 100644
index 00000000000000..f8ee93e47b3f16
--- /dev/null
+++ b/packages/react-native/ReactCommon/yoga/yoga/style/StyleValuePool.h
@@ -0,0 +1,127 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#pragma once
+
+#include <cassert>
+#include <cstdint>
+
+#include <yoga/numeric/FloatOptional.h>
+#include <yoga/style/SmallValueBuffer.h>
+#include <yoga/style/StyleLength.h>
+#include <yoga/style/StyleValueHandle.h>
+
+namespace facebook::yoga {
+
+/**
+ * StyleValuePool allows compact storage for a sparse collection of assigned
+ * lengths and numbers. Values are referred to using StyleValueHandle. In most
+ * cases StyleValueHandle can embed the value directly, but if not, the value is
+ * stored within a buffer provided by the pool. The pool contains a fixed number
+ * of inline slots before falling back to heap allocating additional slots.
+ */
+class StyleValuePool {
+ public:
+  void store(StyleValueHandle& handle, StyleLength length) {
+    if (length.isUndefined()) {
+      handle.setType(StyleValueHandle::Type::Undefined);
+    } else if (length.isAuto()) {
+      handle.setType(StyleValueHandle::Type::Auto);
+    } else {
+      auto type = length.unit() == Unit::Point
+          ? StyleValueHandle::Type::Point
+          : StyleValueHandle::Type::Percent;
+      storeValue(handle, length.value().unwrap(), type);
+    }
+  }
+
+  void store(StyleValueHandle& handle, FloatOptional number) {
+    if (number.isUndefined()) {
+      handle.setType(StyleValueHandle::Type::Undefined);
+    } else {
+      storeValue(handle, number.unwrap(), StyleValueHandle::Type::Number);
+    }
+  }
+
+  StyleLength getLength(StyleValueHandle handle) const {
+    if (handle.isUndefined()) {
+      return value::undefined();
+    } else if (handle.isAuto()) {
+      return value::ofAuto();
+    } else {
+      assert(
+          handle.type() == StyleValueHandle::Type::Point ||
+          handle.type() == StyleValueHandle::Type::Percent);
+      float value = (handle.isValueIndexed())
+          ? std::bit_cast<float>(buffer_.get32(handle.value()))
+          : unpackInlineInteger(handle.value());
+
+      return handle.type() == StyleValueHandle::Type::Point
+          ? value::points(value)
+          : value::percent(value);
+    }
+  }
+
+  FloatOptional getNumber(StyleValueHandle handle) const {
+    if (handle.isUndefined()) {
+      return FloatOptional{};
+    } else {
+      assert(handle.type() == StyleValueHandle::Type::Number);
+      float value = (handle.isValueIndexed())
+          ? std::bit_cast<float>(buffer_.get32(handle.value()))
+          : unpackInlineInteger(handle.value());
+      return FloatOptional{value};
+    }
+  }
+
+ private:
+  void storeValue(
+      StyleValueHandle& handle,
+      float value,
+      StyleValueHandle::Type type) {
+    handle.setType(type);
+
+    if (handle.isValueIndexed()) {
+      auto newIndex =
+          buffer_.replace(handle.value(), std::bit_cast<uint32_t>(value));
+      handle.setValue(newIndex);
+    } else if (isIntegerPackable(value)) {
+      handle.setValue(packInlineInteger(value));
+    } else {
+      auto newIndex = buffer_.push(std::bit_cast<uint32_t>(value));
+      handle.setValue(newIndex);
+      handle.setValueIsIndexed();
+    }
+  }
+
+  static constexpr bool isIntegerPackable(float f) {
+    constexpr uint16_t kMaxInlineAbsValue = (1 << 11) - 1;
+
+    int32_t i = static_cast<int32_t>(f);
+    return static_cast<float>(i) == f && i >= -kMaxInlineAbsValue &&
+        i <= +kMaxInlineAbsValue;
+  }
+
+  static constexpr uint16_t packInlineInteger(float value) {
+    uint16_t isNegative = value < 0 ? 1 : 0;
+    return static_cast<uint16_t>(
+        (isNegative << 11) |
+        (static_cast<int32_t>(value) * (isNegative ? -1 : 1)));
+  }
+
+  static constexpr float unpackInlineInteger(uint16_t value) {
+    constexpr uint16_t kValueSignMask = 0b0000'1000'0000'0000;
+    constexpr uint16_t kValueMagnitudeMask = 0b0000'0111'1111'1111;
+    const bool isNegative = (value & kValueSignMask) != 0;
+    return static_cast<float>(
+        (value & kValueMagnitudeMask) * (isNegative ? -1 : 1));
+  }
+
+  SmallValueBuffer<4> buffer_;
+};
+
+} // namespace facebook::yoga
diff --git a/packages/react-native/cli.js b/packages/react-native/cli.js
index 451c0860fc0bf0..7dd4bfb76de8d5 100755
--- a/packages/react-native/cli.js
+++ b/packages/react-native/cli.js
@@ -10,12 +10,11 @@
 
 'use strict';
 
+const {name, version: currentVersion} = require('./package.json');
+const cli = require('@react-native-community/cli');
+const chalk = require('chalk');
 const {get} = require('https');
 const {URL} = require('url');
-const chalk = require('chalk');
-const cli = require('@react-native-community/cli');
-
-const {version: currentVersion} = require('./package.json');
 
 const isNpxRuntime = process.env.npm_lifecycle_event === 'npx';
 const DEFAULT_REGISTRY_HOST =
@@ -41,7 +40,7 @@ async function getLatestVersion(registryHost = DEFAULT_REGISTRY_HOST) {
 }
 
 /**
- * npx react-native -> @react-native-comminity/cli
+ * npx react-native -> @react-native-community/cli
  *
  * Will perform a version check and warning if you're not running the latest community cli when executed using npx. If
  * you know what you're doing, you can skip this check:
@@ -67,7 +66,7 @@ async function main() {
       // Ignore errors, since it's a nice to have warning
     }
   }
-  return cli.run();
+  return cli.run(name);
 }
 
 if (require.main === module) {
diff --git a/packages/react-native/flow/jest.js b/packages/react-native/flow/jest.js
index 505dd3fc1638e2..a603ca2ef560f6 100644
--- a/packages/react-native/flow/jest.js
+++ b/packages/react-native/flow/jest.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  * @oncall react_native
  */
diff --git a/scripts/versiontemplates/ReactNativeVersion.js.template b/packages/react-native/flow/react.js
similarity index 57%
rename from scripts/versiontemplates/ReactNativeVersion.js.template
rename to packages/react-native/flow/react.js
index b24f93b25c1491..4a94675553bd63 100644
--- a/scripts/versiontemplates/ReactNativeVersion.js.template
+++ b/packages/react-native/flow/react.js
@@ -1,17 +1,15 @@
 /**
- * @generated by scripts/set-rn-version.js
- *
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
  * @flow strict
+ * @nolint
+ * @format
  */
 
-exports.version = {
-  major: ${major},
-  minor: ${minor},
-  patch: ${patch},
-  prerelease: ${prerelease},
-};
+declare opaque type React$Element<
+  +ElementType: React$ElementType,
+  +P = React$ElementProps<ElementType>,
+>: {...};
diff --git a/packages/react-native/gradle/libs.versions.toml b/packages/react-native/gradle/libs.versions.toml
index 5a71347d3b113e..3facf139e901ff 100644
--- a/packages/react-native/gradle/libs.versions.toml
+++ b/packages/react-native/gradle/libs.versions.toml
@@ -4,8 +4,9 @@ minSdk = "23"
 targetSdk = "34"
 compileSdk = "34"
 buildTools = "34.0.0"
+ndkVersion = "26.1.10909125"
 # Dependencies versions
-agp = "8.1.2"
+agp = "8.2.1"
 androidx-annotation = "1.6.0"
 androidx-appcompat = "1.6.1"
 androidx-autofill = "1.1.0"
@@ -13,16 +14,16 @@ androidx-swiperefreshlayout = "1.1.0"
 androidx-test = "1.5.0"
 androidx-tracing = "1.1.0"
 assertj = "3.21.0"
+binary-compatibility-validator = "0.13.2"
 download = "5.4.0"
-fbjni = "0.5.1"
-flipper = "0.201.0"
-fresco = "3.0.0"
+fbjni = "0.6.0"
+fresco = "3.1.3"
 infer-annotation = "0.18.0"
 javax-annotation-api = "1.3.2"
 javax-inject = "1"
 jsr305 = "3.0.2"
 junit = "4.13.2"
-kotlin = "1.8.0"
+kotlin = "1.9.22"
 mockito = "3.12.4"
 nexus-publish = "1.3.0"
 okhttp = "4.9.2"
@@ -35,9 +36,8 @@ yoga-proguard-annotations = "1.19.0"
 boost="1_83_0"
 doubleconversion="1.1.6"
 fmt="9.1.0"
-folly="2023.08.07.00"
+folly="2024.01.01.00"
 glog="0.3.5"
-libevent="2.1.12"
 gtest="1.12.1"
 
 [libraries]
@@ -51,9 +51,6 @@ androidx-test-runner = { module = "androidx.test:runner", version.ref = "android
 androidx-test-rules = { module = "androidx.test:rules", version.ref = "androidx-test" }
 
 fbjni = { module = "com.facebook.fbjni:fbjni", version.ref = "fbjni" }
-flipper = { module = "com.facebook.flipper:flipper", version.ref = "flipper" }
-flipper-network-plugin = { module = "com.facebook.flipper:flipper-network-plugin", version.ref = "flipper" }
-flipper-fresco-plugin = { module = "com.facebook.fresco:flipper-fresco-plugin", version.ref = "fresco" }
 fresco = { module = "com.facebook.fresco:fresco", version.ref = "fresco" }
 fresco-middleware = { module = "com.facebook.fresco:middleware", version.ref = "fresco" }
 fresco-imagepipeline-okhttp3 = { module = "com.facebook.fresco:imagepipeline-okhttp3", version.ref = "fresco" }
@@ -81,3 +78,4 @@ android-library = { id = "com.android.library", version.ref = "agp" }
 download = { id = "de.undercouch.download", version.ref = "download" }
 nexus-publish = { id = "io.github.gradle-nexus.publish-plugin", version.ref = "nexus-publish" }
 kotlin-android = { id = "org.jetbrains.kotlin.android", version.ref = "kotlin" }
+binary-compatibility-validator = { id = "org.jetbrains.kotlinx.binary-compatibility-validator", version.ref = "binary-compatibility-validator" }
diff --git a/packages/react-native/index.js b/packages/react-native/index.js
index 8f925eab9a9945..fac9f43ec60322 100644
--- a/packages/react-native/index.js
+++ b/packages/react-native/index.js
@@ -10,98 +10,100 @@
 
 'use strict';
 
+// APIs
+import typeof ActionSheetIOS from './Libraries/ActionSheetIOS/ActionSheetIOS';
+import typeof Alert from './Libraries/Alert/Alert';
+import typeof Animated from './Libraries/Animated/Animated';
+import typeof * as AnimatedModule from './Libraries/Animated/Animated';
+import typeof Easing from './Libraries/Animated/Easing';
+import typeof useAnimatedValue from './Libraries/Animated/useAnimatedValue';
+import typeof AppState from './Libraries/AppState/AppState';
+import typeof NativeModules from './Libraries/BatchedBridge/NativeModules';
 // Components
 import typeof AccessibilityInfo from './Libraries/Components/AccessibilityInfo/AccessibilityInfo';
 import typeof ActivityIndicator from './Libraries/Components/ActivityIndicator/ActivityIndicator';
 import typeof Button from './Libraries/Components/Button';
+import typeof Clipboard from './Libraries/Components/Clipboard/Clipboard';
 import typeof DrawerLayoutAndroid from './Libraries/Components/DrawerAndroid/DrawerLayoutAndroid';
-import typeof FlatList from './Libraries/Lists/FlatList';
-import typeof Image from './Libraries/Image/Image';
-import typeof ImageBackground from './Libraries/Image/ImageBackground';
-import typeof InputAccessoryView from './Libraries/Components/TextInput/InputAccessoryView';
+import typeof Keyboard from './Libraries/Components/Keyboard/Keyboard';
 import typeof KeyboardAvoidingView from './Libraries/Components/Keyboard/KeyboardAvoidingView';
-import typeof Modal from './Libraries/Modal/Modal';
+import typeof PopupMenuAndroid from './Libraries/Components/PopupMenuAndroid/PopupMenuAndroid';
 import typeof Pressable from './Libraries/Components/Pressable/Pressable';
 import typeof ProgressBarAndroid from './Libraries/Components/ProgressBarAndroid/ProgressBarAndroid';
 import typeof RefreshControl from './Libraries/Components/RefreshControl/RefreshControl';
 import typeof SafeAreaView from './Libraries/Components/SafeAreaView/SafeAreaView';
 import typeof ScrollView from './Libraries/Components/ScrollView/ScrollView';
-import typeof SectionList from './Libraries/Lists/SectionList';
 import typeof StatusBar from './Libraries/Components/StatusBar/StatusBar';
 import typeof Switch from './Libraries/Components/Switch/Switch';
-import typeof Text from './Libraries/Text/Text';
+import typeof InputAccessoryView from './Libraries/Components/TextInput/InputAccessoryView';
 import typeof TextInput from './Libraries/Components/TextInput/TextInput';
+import typeof ToastAndroid from './Libraries/Components/ToastAndroid/ToastAndroid';
 import typeof Touchable from './Libraries/Components/Touchable/Touchable';
 import typeof TouchableHighlight from './Libraries/Components/Touchable/TouchableHighlight';
 import typeof TouchableNativeFeedback from './Libraries/Components/Touchable/TouchableNativeFeedback';
 import typeof TouchableOpacity from './Libraries/Components/Touchable/TouchableOpacity';
 import typeof TouchableWithoutFeedback from './Libraries/Components/Touchable/TouchableWithoutFeedback';
 import typeof View from './Libraries/Components/View/View';
-import typeof VirtualizedList from './Libraries/Lists/VirtualizedList';
-import typeof VirtualizedSectionList from './Libraries/Lists/VirtualizedSectionList';
-
-// APIs
-import typeof ActionSheetIOS from './Libraries/ActionSheetIOS/ActionSheetIOS';
-import typeof Alert from './Libraries/Alert/Alert';
-import typeof Animated from './Libraries/Animated/Animated';
-import typeof * as AnimatedModule from './Libraries/Animated/Animated';
-import typeof Appearance from './Libraries/Utilities/Appearance';
-import typeof AppRegistry from './Libraries/ReactNative/AppRegistry';
-import typeof AppState from './Libraries/AppState/AppState';
-import typeof BackHandler from './Libraries/Utilities/BackHandler';
-import typeof Clipboard from './Libraries/Components/Clipboard/Clipboard';
-import typeof DeviceInfo from './Libraries/Utilities/DeviceInfo';
-import typeof DevSettings from './Libraries/Utilities/DevSettings';
-import typeof Dimensions from './Libraries/Utilities/Dimensions';
-import typeof Easing from './Libraries/Animated/Easing';
-import typeof ReactNative from './Libraries/Renderer/shims/ReactNative';
-import typeof I18nManager from './Libraries/ReactNative/I18nManager';
+import typeof RegisterCallableModule from './Libraries/Core/registerCallableModule';
+import typeof NativeEventEmitter from './Libraries/EventEmitter/NativeEventEmitter';
+import typeof RCTDeviceEventEmitter from './Libraries/EventEmitter/RCTDeviceEventEmitter';
+import typeof RCTNativeAppEventEmitter from './Libraries/EventEmitter/RCTNativeAppEventEmitter';
+import typeof Image from './Libraries/Image/Image';
+import typeof ImageBackground from './Libraries/Image/ImageBackground';
 import typeof InteractionManager from './Libraries/Interaction/InteractionManager';
-import typeof Keyboard from './Libraries/Components/Keyboard/Keyboard';
+import typeof PanResponder from './Libraries/Interaction/PanResponder';
 import typeof LayoutAnimation from './Libraries/LayoutAnimation/LayoutAnimation';
 import typeof Linking from './Libraries/Linking/Linking';
+import typeof FlatList from './Libraries/Lists/FlatList';
+import typeof SectionList from './Libraries/Lists/SectionList';
+import typeof VirtualizedList from './Libraries/Lists/VirtualizedList';
+import typeof VirtualizedSectionList from './Libraries/Lists/VirtualizedSectionList';
 import typeof LogBox from './Libraries/LogBox/LogBox';
+import typeof Modal from './Libraries/Modal/Modal';
 import typeof NativeDialogManagerAndroid from './Libraries/NativeModules/specs/NativeDialogManagerAndroid';
-import typeof NativeEventEmitter from './Libraries/EventEmitter/NativeEventEmitter';
 import typeof Networking from './Libraries/Network/RCTNetworking';
-import typeof PanResponder from './Libraries/Interaction/PanResponder';
+import typeof * as Systrace from './Libraries/Performance/Systrace';
 import typeof PermissionsAndroid from './Libraries/PermissionsAndroid/PermissionsAndroid';
-import typeof PixelRatio from './Libraries/Utilities/PixelRatio';
 import typeof PushNotificationIOS from './Libraries/PushNotificationIOS/PushNotificationIOS';
+import typeof AppRegistry from './Libraries/ReactNative/AppRegistry';
+import typeof I18nManager from './Libraries/ReactNative/I18nManager';
+import typeof {RootTagContext} from './Libraries/ReactNative/RootTag';
+import typeof UIManager from './Libraries/ReactNative/UIManager';
+import typeof ReactNative from './Libraries/Renderer/shims/ReactNative';
+import type {HostComponent as _HostComponentInternal} from './Libraries/Renderer/shims/ReactNativeTypes';
 import typeof Settings from './Libraries/Settings/Settings';
 import typeof Share from './Libraries/Share/Share';
+import typeof {PlatformColor} from './Libraries/StyleSheet/PlatformColorValueTypes';
+// Plugins
+import typeof {DynamicColorIOS} from './Libraries/StyleSheet/PlatformColorValueTypesIOS';
+import typeof {DynamicColorMacOS} from './Libraries/StyleSheet/PlatformColorValueTypesMacOS'; // [macOS]
+import typeof {ColorWithSystemEffectMacOS} from './Libraries/StyleSheet/PlatformColorValueTypesMacOS'; // [macOS]
+import typeof processColor from './Libraries/StyleSheet/processColor';
 import typeof StyleSheet from './Libraries/StyleSheet/StyleSheet';
-import typeof * as Systrace from './Libraries/Performance/Systrace';
-import typeof ToastAndroid from './Libraries/Components/ToastAndroid/ToastAndroid';
+import typeof Text from './Libraries/Text/Text';
 import typeof * as TurboModuleRegistry from './Libraries/TurboModule/TurboModuleRegistry';
-import typeof UIManager from './Libraries/ReactNative/UIManager';
-import typeof useAnimatedValue from './Libraries/Animated/useAnimatedValue';
+import typeof UTFSequence from './Libraries/UTFSequence';
+import typeof Appearance from './Libraries/Utilities/Appearance';
+import typeof BackHandler from './Libraries/Utilities/BackHandler';
+import typeof DeviceInfo from './Libraries/Utilities/DeviceInfo';
+import typeof DevSettings from './Libraries/Utilities/DevSettings';
+import typeof Dimensions from './Libraries/Utilities/Dimensions';
+import typeof PixelRatio from './Libraries/Utilities/PixelRatio';
+import typeof Platform from './Libraries/Utilities/Platform';
 import typeof useColorScheme from './Libraries/Utilities/useColorScheme';
 import typeof useWindowDimensions from './Libraries/Utilities/useWindowDimensions';
-import typeof UTFSequence from './Libraries/UTFSequence';
 import typeof Vibration from './Libraries/Vibration/Vibration';
 import typeof YellowBox from './Libraries/YellowBox/YellowBoxDeprecated';
 
-// Plugins
-import typeof {DynamicColorIOS} from './Libraries/StyleSheet/PlatformColorValueTypesIOS';
-import typeof {DynamicColorMacOS} from './Libraries/StyleSheet/PlatformColorValueTypesMacOS'; // [macOS]
-import typeof {ColorWithSystemEffectMacOS} from './Libraries/StyleSheet/PlatformColorValueTypesMacOS'; // [macOS]
-import typeof NativeModules from './Libraries/BatchedBridge/NativeModules';
-import typeof Platform from './Libraries/Utilities/Platform';
-import typeof {PlatformColor} from './Libraries/StyleSheet/PlatformColorValueTypes';
-import typeof processColor from './Libraries/StyleSheet/processColor';
-import typeof RCTDeviceEventEmitter from './Libraries/EventEmitter/RCTDeviceEventEmitter';
-import typeof RCTNativeAppEventEmitter from './Libraries/EventEmitter/RCTNativeAppEventEmitter';
-import typeof {RootTagContext} from './Libraries/ReactNative/RootTag';
-
-import type {HostComponent as _HostComponentInternal} from './Libraries/Renderer/shims/ReactNativeTypes';
+const warnOnce = require('./Libraries/Utilities/warnOnce');
+const invariant = require('invariant');
 
 export type HostComponent<T> = _HostComponentInternal<T>;
 
-const invariant = require('invariant');
-const warnOnce = require('./Libraries/Utilities/warnOnce');
-
 module.exports = {
+  get registerCallableModule(): RegisterCallableModule {
+    return require('./Libraries/Core/registerCallableModule').default;
+  },
   // Components
   get AccessibilityInfo(): AccessibilityInfo {
     return require('./Libraries/Components/AccessibilityInfo/AccessibilityInfo')
@@ -112,7 +114,7 @@ module.exports = {
       .default;
   },
   get Button(): Button {
-    return require('./Libraries/Components/Button');
+    return require('./Libraries/Components/Button').default;
   },
   // $FlowFixMe[value-as-type]
   get DrawerLayoutAndroid(): DrawerLayoutAndroid {
@@ -128,12 +130,17 @@ module.exports = {
     return require('./Libraries/Image/ImageBackground');
   },
   get InputAccessoryView(): InputAccessoryView {
-    return require('./Libraries/Components/TextInput/InputAccessoryView');
+    return require('./Libraries/Components/TextInput/InputAccessoryView')
+      .default;
   },
   get KeyboardAvoidingView(): KeyboardAvoidingView {
     return require('./Libraries/Components/Keyboard/KeyboardAvoidingView')
       .default;
   },
+  get PopupMenuAndroid(): PopupMenuAndroid {
+    return require('./Libraries/Components/PopupMenuAndroid/PopupMenuAndroid')
+      .default;
+  },
   get Modal(): Modal {
     return require('./Libraries/Modal/Modal');
   },
@@ -175,7 +182,7 @@ module.exports = {
     return require('./Libraries/Components/TextInput/TextInput');
   },
   get Touchable(): Touchable {
-    return require('./Libraries/Components/Touchable/Touchable');
+    return require('./Libraries/Components/Touchable/Touchable').default;
   },
   get TouchableHighlight(): TouchableHighlight {
     return require('./Libraries/Components/Touchable/TouchableHighlight');
@@ -290,7 +297,7 @@ module.exports = {
       'pushNotificationIOS-moved',
       'PushNotificationIOS has been extracted from react-native core and will be removed in a future release. ' +
         "It can now be installed and imported from '@react-native-community/push-notification-ios' instead of 'react-native'. " +
-        'See https://github.com/react-native-push-notification-ios/push-notification-ios',
+        'See https://github.com/react-native-push-notification/ios',
     );
     return require('./Libraries/PushNotificationIOS/PushNotificationIOS');
   },
@@ -389,48 +396,6 @@ module.exports = {
         'LogBox is enabled by default so there is no need to call unstable_enableLogBox() anymore. This is a no op and will be removed in the next version.',
       );
   },
-  // Deprecated Prop Types
-  get ColorPropType(): $FlowFixMe {
-    console.error(
-      'ColorPropType will be removed from React Native, along with all ' +
-        'other PropTypes. We recommend that you migrate away from PropTypes ' +
-        'and switch to a type system like TypeScript. If you need to ' +
-        'continue using ColorPropType, migrate to the ' +
-        "'deprecated-react-native-prop-types' package.",
-    );
-    return require('deprecated-react-native-prop-types').ColorPropType;
-  },
-  get EdgeInsetsPropType(): $FlowFixMe {
-    console.error(
-      'EdgeInsetsPropType will be removed from React Native, along with all ' +
-        'other PropTypes. We recommend that you migrate away from PropTypes ' +
-        'and switch to a type system like TypeScript. If you need to ' +
-        'continue using EdgeInsetsPropType, migrate to the ' +
-        "'deprecated-react-native-prop-types' package.",
-    );
-    return require('deprecated-react-native-prop-types').EdgeInsetsPropType;
-  },
-  get PointPropType(): $FlowFixMe {
-    console.error(
-      'PointPropType will be removed from React Native, along with all ' +
-        'other PropTypes. We recommend that you migrate away from PropTypes ' +
-        'and switch to a type system like TypeScript. If you need to ' +
-        'continue using PointPropType, migrate to the ' +
-        "'deprecated-react-native-prop-types' package.",
-    );
-    return require('deprecated-react-native-prop-types').PointPropType;
-  },
-  get ViewPropTypes(): $FlowFixMe {
-    console.error(
-      'ViewPropTypes will be removed from React Native, along with all ' +
-        'other PropTypes. We recommend that you migrate away from PropTypes ' +
-        'and switch to a type system like TypeScript. If you need to ' +
-        'continue using ViewPropTypes, migrate to the ' +
-        "'deprecated-react-native-prop-types' package.",
-    );
-    return require('deprecated-react-native-prop-types').ViewPropTypes;
-  },
-  // macOS]
 };
 
 if (__DEV__) {
@@ -444,7 +409,8 @@ if (__DEV__) {
       invariant(
         false,
         'ART has been removed from React Native. ' +
-          "It can now be installed and imported from '@react-native-community/art' instead of 'react-native'. " +
+          "Please upgrade to use either 'react-native-svg' or a similar package. " +
+          "If you cannot upgrade to a different library, please install the deprecated '@react-native-community/art' package. " +
           'See https://github.com/react-native-art/art',
       );
     },
@@ -524,7 +490,7 @@ if (__DEV__) {
       invariant(
         false,
         'CameraRoll has been removed from React Native. ' +
-          "It can now be installed and imported from '@react-native-community/cameraroll' instead of 'react-native'. " +
+          "It can now be installed and imported from '@react-native-camera-roll/camera-roll' instead of 'react-native'. " +
           'See https://github.com/react-native-cameraroll/react-native-cameraroll',
       );
     },
@@ -637,7 +603,7 @@ if (__DEV__) {
       invariant(
         false,
         'SegmentedControlIOS has been removed from React Native. ' +
-          "It can now be installed and imported from '@react-native-community/segmented-checkbox' instead of 'react-native'." +
+          "It can now be installed and imported from '@react-native-segmented-control/segmented-control' instead of 'react-native'." +
           'See https://github.com/react-native-segmented-control/segmented-control',
       );
     },
@@ -715,7 +681,7 @@ if (__DEV__) {
       invariant(
         false,
         'MaskedViewIOS has been removed from React Native. ' +
-          "It can now be installed and imported from '@react-native-community/react-native-masked-view' instead of 'react-native'. " +
+          "It can now be installed and imported from '@react-native-masked-view/masked-view' instead of 'react-native'. " +
           'See https://github.com/react-native-masked-view/masked-view',
       );
     },
@@ -745,7 +711,7 @@ if (__DEV__) {
       invariant(
         false,
         'ImagePickerIOS has been removed from React Native. ' +
-          "Please upgrade to use either '@react-native-community/react-native-image-picker' or 'expo-image-picker'. " +
+          "Please upgrade to use either 'react-native-image-picker' or 'expo-image-picker'. " +
           "If you cannot upgrade to a different library, please install the deprecated '@react-native-community/image-picker-ios' package. " +
           'See https://github.com/rnc-archive/react-native-image-picker-ios',
       );
diff --git a/packages/react-native/jest/assetFileTransformer.js b/packages/react-native/jest/assetFileTransformer.js
index 2e131c58923b27..c230a46e64c3be 100644
--- a/packages/react-native/jest/assetFileTransformer.js
+++ b/packages/react-native/jest/assetFileTransformer.js
@@ -11,9 +11,9 @@
 
 /* eslint-env node */
 
-const path = require('path');
 const createCacheKeyFunction =
   require('@jest/create-cache-key-function').default;
+const path = require('path');
 
 module.exports = {
   // Mocks asset requires to return the filename. Makes it possible to test that
diff --git a/packages/react-native/jest/local-setup.js b/packages/react-native/jest/local-setup.js
index e45e74a1e6965c..dc728555fbc9cd 100644
--- a/packages/react-native/jest/local-setup.js
+++ b/packages/react-native/jest/local-setup.js
@@ -17,11 +17,6 @@ require('./setup');
 const consoleError = console.error;
 const consoleWarn = console.warn;
 
-// Blackhole verbose console output
-console.debug = jest.fn();
-console.info = jest.fn();
-console.log = jest.fn();
-
 console.error = (...args) => {
   consoleError(...args);
   throw new Error('console.error() was called (see error above)');
diff --git a/packages/react-native/jest/mockModal.js b/packages/react-native/jest/mockModal.js
index 7618e922c581ac..d74eb040c865f1 100644
--- a/packages/react-native/jest/mockModal.js
+++ b/packages/react-native/jest/mockModal.js
@@ -12,9 +12,10 @@
 
 'use strict';
 
-const React = require('react');
 import typeof Modal from '../Libraries/Modal/Modal';
 
+const React = require('react');
+
 function mockModal(BaseComponent: $FlowFixMe) {
   class ModalMock extends BaseComponent {
     render(): React.Element<Modal> | null {
diff --git a/packages/react-native/jest/mockScrollView.js b/packages/react-native/jest/mockScrollView.js
index e8eb6937087615..8a640276385f28 100644
--- a/packages/react-native/jest/mockScrollView.js
+++ b/packages/react-native/jest/mockScrollView.js
@@ -12,11 +12,10 @@
 
 'use strict';
 
-const React = require('react');
 const View = require('../Libraries/Components/View/View');
-
 const requireNativeComponent =
   require('../Libraries/ReactNative/requireNativeComponent').default;
+const React = require('react');
 const RCTScrollView: $FlowFixMe = requireNativeComponent('RCTScrollView');
 
 function mockScrollView(BaseComponent: $FlowFixMe) {
diff --git a/packages/react-native/jest/renderer.js b/packages/react-native/jest/renderer.js
index 18f551660f2a6e..70bce6030f4000 100644
--- a/packages/react-native/jest/renderer.js
+++ b/packages/react-native/jest/renderer.js
@@ -10,8 +10,8 @@
  */
 
 import * as React from 'react';
-import TestRenderer from 'react-test-renderer';
 import ShallowRenderer from 'react-shallow-renderer';
+import TestRenderer from 'react-test-renderer';
 
 const renderer = new ShallowRenderer();
 
diff --git a/packages/react-native/jest/setup.js b/packages/react-native/jest/setup.js
index db727255aaac8e..86cab65f6db1ef 100644
--- a/packages/react-native/jest/setup.js
+++ b/packages/react-native/jest/setup.js
@@ -27,6 +27,12 @@ Object.defineProperties(global, {
     value: id => clearTimeout(id),
     writable: true,
   },
+  nativeFabricUIManager: {
+    configurable: true,
+    enumerable: true,
+    value: {},
+    writable: true,
+  },
   performance: {
     configurable: true,
     enumerable: true,
@@ -87,8 +93,6 @@ jest
     }),
     measure: jest.fn(),
     manageChildren: jest.fn(),
-    removeSubviewsFromContainerWithID: jest.fn(),
-    replaceExistingNonRootView: jest.fn(),
     setChildren: jest.fn(),
     updateView: jest.fn(),
     AndroidDrawerLayout: {
diff --git a/packages/react-native/package.json b/packages/react-native/package.json
index b578c27514277f..6fdf4116854d8e 100644
--- a/packages/react-native/package.json
+++ b/packages/react-native/package.json
@@ -47,7 +47,9 @@
     "react-native.config.js",
     "React.podspec",
     "React",
+    "!React/Fabric/RCTThirdPartyFabricComponentsProvider.*",
     "ReactAndroid",
+    "ReactApple",
     "ReactCommon",
     "README.md",
     "rn-get-polyfills.js",
@@ -78,6 +80,7 @@
     "sdks/hermes-engine",
     "sdks/hermesc",
     "settings.gradle.kts",
+    "src",
     "template.config.js",
     "template",
     "!template/node_modules",
@@ -87,42 +90,43 @@
     "types"
   ],
   "scripts": {
-    "prepack": "cp ../../README.md ."
+    "prepack": "cp ../../README.md .",
+    "featureflags-check": "node ./scripts/featureflags/index.js --verify-unchanged",
+    "featureflags-update": "node ./scripts/featureflags/index.js"
   },
   "peerDependencies": {
     "react": "18.2.0"
   },
   "dependencies": {
     "@jest/create-cache-key-function": "^29.6.3",
-    "@react-native-community/cli": "12.0.0-alpha.15",
-    "@react-native-community/cli-platform-android": "12.0.0-alpha.15",
-    "@react-native-community/cli-platform-ios": "12.0.0-alpha.15",
-    "@react-native-mac/virtualized-lists": "^0.73.0",
-    "@react-native/assets-registry": "^0.73.0",
-    "@react-native/codegen": "^0.73.0",
-    "@react-native/community-cli-plugin": "^0.73.0",
-    "@react-native/gradle-plugin": "^0.73.0",
-    "@react-native/js-polyfills": "^0.73.0",
-    "@react-native/normalize-colors": "^0.73.0",
+    "@react-native-community/cli": "13.6.0",
+    "@react-native-community/cli-platform-android": "13.6.0",
+    "@react-native-community/cli-platform-ios": "13.6.0",
+    "@react-native-mac/virtualized-lists": "^0.74.0",
+    "@react-native/assets-registry": "0.74.0",
+    "@react-native/codegen": "0.74.0",
+    "@react-native/community-cli-plugin": "0.74.0",
+    "@react-native/gradle-plugin": "0.74.0",
+    "@react-native/js-polyfills": "0.74.0",
+    "@react-native/normalize-colors": "0.74.1",
     "abort-controller": "^3.0.0",
     "anser": "^1.4.9",
     "ansi-regex": "^5.0.0",
     "base64-js": "^1.5.1",
-    "chalk": "^4.1.2",
-    "deprecated-react-native-prop-types": "4.2.1",
+    "chalk": "^4.0.0",
     "event-target-shim": "^5.0.1",
     "flow-enums-runtime": "^0.0.6",
     "invariant": "^2.2.4",
     "jest-environment-node": "^29.6.3",
     "jsc-android": "^250231.0.0",
     "memoize-one": "^5.0.0",
-    "metro-runtime": "0.79.1",
-    "metro-source-map": "0.79.1",
+    "metro-runtime": "^0.80.3",
+    "metro-source-map": "^0.80.3",
     "mkdirp": "^0.5.1",
     "nullthrows": "^1.1.1",
     "pretty-format": "^26.5.2",
     "promise": "^8.3.0",
-    "react-devtools-core": "^4.27.7",
+    "react-devtools-core": "^5.0.0",
     "react-refresh": "^0.14.0",
     "react-shallow-renderer": "^16.15.0",
     "regenerator-runtime": "^0.13.2",
@@ -162,14 +166,14 @@
         "type": "modules",
         "ios": {},
         "android": {},
-        "jsSrcsDir": "Libraries"
+        "jsSrcsDir": "src"
       },
       {
         "name": "rncore",
         "type": "components",
         "ios": {},
         "android": {},
-        "jsSrcsDir": "Libraries"
+        "jsSrcsDir": "src"
       }
     ]
   }
diff --git a/packages/react-native/react-native.config.js b/packages/react-native/react-native.config.js
index 88d1228f94461a..598928070a17cc 100644
--- a/packages/react-native/react-native.config.js
+++ b/packages/react-native/react-native.config.js
@@ -9,8 +9,8 @@
 
 'use strict';
 
-const ios = require('@react-native-community/cli-platform-ios');
 const android = require('@react-native-community/cli-platform-android');
+const ios = require('@react-native-community/cli-platform-ios');
 const {
   bundleCommand,
   ramBundleCommand,
@@ -23,6 +23,33 @@ const iosCommands = []; // [macOS]
 const androidCommands = []; // [macOS]
 const macosCommands = [require('./local-cli/runMacOS/runMacOS')]; // [macOS]
 
+const codegenCommand = {
+  name: 'codegen',
+  options: [
+    {
+      name: '--path <path>',
+      description: 'Path to the React Native project root.',
+      default: process.cwd(),
+    },
+    {
+      name: '--platform <string>',
+      description:
+        'Target platform. Supported values: "android", "ios", "all".',
+      default: 'all',
+    },
+    {
+      name: '--outputPath <path>',
+      description: 'Path where generated artifacts will be output to.',
+    },
+  ],
+  func: (argv, config, args) =>
+    require('./scripts/codegen/generate-artifacts-executor').execute(
+      args.path,
+      args.platform,
+      args.outputPath,
+    ),
+};
+
 module.exports = {
   commands: [
     ...iosCommands, // [macOS]
@@ -31,6 +58,7 @@ module.exports = {
     bundleCommand,
     ramBundleCommand,
     startCommand,
+    codegenCommand,
   ],
   platforms: {
     ios: {
diff --git a/packages/react-native/scripts/cocoapods/__tests__/codegen-test.rb b/packages/react-native/scripts/cocoapods/__tests__/codegen-test.rb
index 8d472aea862b70..e034df6bc98875 100644
--- a/packages/react-native/scripts/cocoapods/__tests__/codegen-test.rb
+++ b/packages/react-native/scripts/cocoapods/__tests__/codegen-test.rb
@@ -5,6 +5,7 @@
 
 require "test/unit"
 require_relative "../codegen.rb"
+require_relative "../helpers.rb"
 require_relative "./test_utils/PodMock.rb"
 require_relative "./test_utils/PathnameMock.rb"
 require_relative "./test_utils/FileMock.rb"
@@ -40,189 +41,6 @@ def teardown
         DirMock.reset()
     end
 
-    # ============================================== #
-    # Test - setup_fabric #
-    # ============================================== #
-    def testCheckAndGenerateEmptyThirdPartyProvider_whenFileAlreadyExists_doNothing()
-
-        # Arrange
-        FileMock.mocked_existing_files([
-            @base_path + "/" + @prefix + "/React/Fabric/" + @third_party_provider_header,
-            @base_path + "/" + @prefix + "/React/Fabric/" + @third_party_provider_implementation,
-        ])
-
-        # Act
-        checkAndGenerateEmptyThirdPartyProvider!(@prefix, false, dir_manager: DirMock, file_manager: FileMock)
-
-        # Assert
-        assert_equal(Pathname.pwd_invocation_count, 1)
-        assert_equal(Pod::Config.instance.installation_root.relative_path_from_invocation_count, 1)
-        assert_equal(FileMock.exist_invocation_params, [
-            @base_path + "/" + @prefix + "/React/Fabric/" + @third_party_provider_header,
-            @base_path + "/" + @prefix + "/React/Fabric/" + @third_party_provider_implementation,
-        ])
-        assert_equal(DirMock.exist_invocation_params, [])
-        assert_equal(Pod::UI.collected_messages, [])
-        assert_equal($collected_commands, [])
-        assert_equal(FileMock.open_files.length, 0)
-        assert_equal(Pod::Executable.executed_commands.length, 0)
-    end
-
-    def testCheckAndGenerateEmptyThirdPartyProvider_whenHeaderMissingAndCodegenMissing_raiseError()
-
-        # Arrange
-        FileMock.mocked_existing_files([
-            @base_path + "/build/" + @third_party_provider_implementation,
-        ])
-
-        # Act
-        assert_raise {
-            checkAndGenerateEmptyThirdPartyProvider!(@prefix, false, dir_manager: DirMock, file_manager: FileMock)
-        }
-
-        # Assert
-        assert_equal(Pathname.pwd_invocation_count, 1)
-        assert_equal(Pod::Config.instance.installation_root.relative_path_from_invocation_count, 1)
-        assert_equal(FileMock.exist_invocation_params, [
-            @base_path + "/" + @prefix + "/React/Fabric/" + @third_party_provider_header
-        ])
-        assert_equal(DirMock.exist_invocation_params, [
-            @base_path + "/"+ @prefix + "/../react-native-codegen",
-            @base_path + "/"+ @prefix + "/../@react-native/codegen",
-        ])
-        assert_equal(Pod::UI.collected_messages, [])
-        assert_equal($collected_commands, [])
-        assert_equal(FileMock.open_files.length, 0)
-        assert_equal(Pod::Executable.executed_commands.length, 0)
-    end
-
-    def testCheckAndGenerateEmptyThirdPartyProvider_whenImplementationMissingAndCodegenrepoExists_dontBuildCodegen()
-
-        # Arrange
-        FileMock.mocked_existing_files([
-            @base_path + "/" + @prefix + "/React/Fabric/" + @third_party_provider_header,
-            @base_path + "/" + @prefix + "/React/Fabric/tmpSchemaList.txt"
-        ])
-
-        DirMock.mocked_existing_dirs([
-            @base_path + "/"+ @prefix + "/../react-native-codegen",
-            @base_path + "/"+ @prefix + "/../react-native-codegen/lib"
-        ])
-
-        # Act
-        checkAndGenerateEmptyThirdPartyProvider!(@prefix, false, dir_manager: DirMock, file_manager: FileMock)
-
-        # Assert
-        assert_equal(Pathname.pwd_invocation_count, 1)
-        assert_equal(Pod::Config.instance.installation_root.relative_path_from_invocation_count, 1)
-        assert_equal(FileMock.exist_invocation_params, [
-            @base_path + "/" + @prefix + "/React/Fabric/" + @third_party_provider_header,
-            @base_path + "/" + @prefix + "/React/Fabric/" + @third_party_provider_implementation,
-            @base_path + "/" + @prefix + "/React/Fabric/tmpSchemaList.txt",
-        ])
-        assert_equal(DirMock.exist_invocation_params, [
-            @base_path + "/"+ @prefix + "/../react-native-codegen",
-            @base_path + "/"+ @prefix + "/../react-native-codegen/lib",
-        ])
-        assert_equal(Pod::UI.collected_messages, ["[Codegen] generating an empty RCTThirdPartyFabricComponentsProvider"])
-        assert_equal($collected_commands, [])
-        assert_equal(FileMock.open_invocation_count, 1)
-        assert_equal(FileMock.open_files_with_mode[@prefix + "/React/Fabric/tmpSchemaList.txt"], nil)
-        assert_equal(FileMock.open_files[0].collected_write, ["[]"])
-        assert_equal(FileMock.open_files[0].fsync_invocation_count, 1)
-        assert_equal(Pod::Executable.executed_commands[0], {
-            "command" => "node",
-            "arguments" => [
-                @base_path + "/" + @prefix + "/scripts/generate-provider-cli.js",
-                "--platform", 'ios',
-                "--schemaListPath", @base_path + "/" + @prefix + "/React/Fabric/tmpSchemaList.txt",
-                "--outputDir", @base_path + "/" + @prefix + "/React/Fabric"
-            ]
-        })
-        assert_equal(FileMock.delete_invocation_count, 1)
-        assert_equal(FileMock.deleted_files, [ @base_path + "/" + @prefix + "/React/Fabric/tmpSchemaList.txt"])
-    end
-
-    def testCheckAndGenerateEmptyThirdPartyProvider_whenBothMissing_buildCodegen()
-        # Arrange
-        codegen_cli_path = @base_path + "/" + @prefix + "/../@react-native/codegen"
-        DirMock.mocked_existing_dirs([
-            codegen_cli_path,
-        ])
-        # Act
-        checkAndGenerateEmptyThirdPartyProvider!(@prefix, false, dir_manager: DirMock, file_manager: FileMock)
-
-        # Assert
-        assert_equal(Pathname.pwd_invocation_count, 1)
-        assert_equal(Pod::Config.instance.installation_root.relative_path_from_invocation_count, 1)
-        assert_equal(FileMock.exist_invocation_params, [
-            @base_path + "/" + @prefix + "/React/Fabric/" + @third_party_provider_header,
-            @base_path + "/" + @prefix + "/React/Fabric/" + @tmp_schema_list_file
-        ])
-        assert_equal(DirMock.exist_invocation_params, [
-            @base_path + "/" + @prefix + "/../react-native-codegen",
-            codegen_cli_path,
-            codegen_cli_path + "/lib",
-        ])
-        assert_equal(Pod::UI.collected_messages, [
-            "[Codegen] building #{codegen_cli_path}.",
-            "[Codegen] generating an empty RCTThirdPartyFabricComponentsProvider"
-        ])
-        assert_equal($collected_commands, ["~/app/ios/../../../@react-native/codegen/scripts/oss/build.sh"])
-        assert_equal(FileMock.open_files[0].collected_write, ["[]"])
-        assert_equal(FileMock.open_files[0].fsync_invocation_count, 1)
-        assert_equal(Pod::Executable.executed_commands[0], {
-            "command" => "node",
-            "arguments" => [
-                @base_path + "/" + @prefix + "/scripts/generate-provider-cli.js",
-                "--platform", 'ios',
-                "--schemaListPath", @base_path + "/" + @prefix + "/React/Fabric/" + @tmp_schema_list_file,
-                "--outputDir", @base_path + "/" + @prefix + "/React/Fabric"
-            ]
-        })
-    end
-
-    def testCheckAndGenerateEmptyThirdPartyProvider_withAbsoluteReactNativePath_buildCodegen()
-        # Arrange
-        rn_path = 'packages/react-native'
-        codegen_cli_path = rn_path + "/../@react-native/codegen"
-        DirMock.mocked_existing_dirs([
-            @base_path + "/" + codegen_cli_path,
-        ])
-
-        # Act
-        checkAndGenerateEmptyThirdPartyProvider!(rn_path, false, dir_manager: DirMock, file_manager: FileMock)
-
-        # Assert
-        assert_equal(Pathname.pwd_invocation_count, 1)
-        assert_equal(Pod::Config.instance.installation_root.relative_path_from_invocation_count, 1)
-        assert_equal(FileMock.exist_invocation_params, [
-            @base_path + "/" + rn_path + "/React/Fabric/" + @third_party_provider_header,
-            @base_path + "/" + rn_path + "/React/Fabric/" + @tmp_schema_list_file
-        ])
-        assert_equal(DirMock.exist_invocation_params, [
-            @base_path + "/" + rn_path + "/../react-native-codegen",
-            @base_path + "/" + codegen_cli_path,
-            @base_path + "/" + codegen_cli_path + "/lib",
-        ])
-        assert_equal(Pod::UI.collected_messages, [
-            "[Codegen] building #{@base_path + "/" + codegen_cli_path}.",
-            "[Codegen] generating an empty RCTThirdPartyFabricComponentsProvider"
-        ])
-        assert_equal($collected_commands, [@base_path + "/" + rn_path + "/../@react-native/codegen/scripts/oss/build.sh"])
-        assert_equal(FileMock.open_files[0].collected_write, ["[]"])
-        assert_equal(FileMock.open_files[0].fsync_invocation_count, 1)
-        assert_equal(Pod::Executable.executed_commands[0], {
-            "command" => "node",
-            "arguments" => [
-                @base_path + "/" + rn_path + "/scripts/generate-provider-cli.js",
-                "--platform", 'ios',
-                "--schemaListPath", @base_path + "/" + rn_path + "/React/Fabric/" + @tmp_schema_list_file,
-                "--outputDir", @base_path + "/" + rn_path + "/React/Fabric"
-            ]
-        })
-    end
-
     # ================= #
     # Test - RunCodegen #
     # ================= #
@@ -242,42 +60,10 @@ def testRunCodegen_whenNewArchEnabled_runsCodegen
             :codegen_output_dir=>"build/generated/ios",
             :config_file_dir=>"",
             :fabric_enabled=>false,
-            :folly_version=>"2023.08.07.00",
+            :folly_version=>Helpers::Constants.folly_config()[:version],
             :react_native_path=>"../node_modules/react-native"
         }])
         assert_equal(codegen_utils_mock.get_react_codegen_spec_params, [])
         assert_equal(codegen_utils_mock.generate_react_codegen_spec_params, [])
     end
-
-    def testRunCodegen_whenNewArchDisabled_runsCodegen
-        # Arrange
-        app_path = "~/app"
-        config_file = ""
-        package_json_file = "~/app/package.json"
-        codegen_specs = { "name" => "React-Codegen" }
-        codegen_utils_mock = CodegenUtilsMock.new(:react_codegen_spec => codegen_specs)
-
-        # Act
-        run_codegen!(
-            app_path,
-            config_file,
-            :new_arch_enabled => false,
-            :fabric_enabled => true,
-            :package_json_file => package_json_file,
-            :codegen_utils => codegen_utils_mock)
-
-        # Assert
-        assert_equal(codegen_utils_mock.use_react_native_codegen_discovery_params, [])
-        assert_equal(codegen_utils_mock.get_react_codegen_spec_params, [{
-            :fabric_enabled => true,
-            :folly_version=>"2023.08.07.00",
-            :package_json_file => "~/app/package.json",
-            :script_phases => nil
-        }])
-        assert_equal(codegen_utils_mock.generate_react_codegen_spec_params, [{
-            :codegen_output_dir=>"build/generated/ios",
-            :react_codegen_spec=>{"name"=>"React-Codegen"}
-        }])
-
-    end
 end
diff --git a/packages/react-native/scripts/cocoapods/__tests__/codegen_utils-test.rb b/packages/react-native/scripts/cocoapods/__tests__/codegen_utils-test.rb
index e81ac3974f49b0..a35d48773b3a6a 100644
--- a/packages/react-native/scripts/cocoapods/__tests__/codegen_utils-test.rb
+++ b/packages/react-native/scripts/cocoapods/__tests__/codegen_utils-test.rb
@@ -6,6 +6,7 @@
 require "test/unit"
 require "json"
 require_relative "../codegen_utils.rb"
+require_relative "../helpers.rb"
 require_relative "./test_utils/FileMock.rb"
 require_relative "./test_utils/DirMock.rb"
 require_relative "./test_utils/PodMock.rb"
@@ -105,25 +106,6 @@ def testGenerateReactCodegenPodspec_whenItHasNotBeenAlreadyGenerated_generatesIt
     # ========================== #
     # Test - GetReactCodegenSpec #
     # ========================== #
-
-    def testGetReactCodegenSpec_whenFabricDisabledAndNoScriptPhases_generatesAPodspec
-        # Arrange
-        FileMock.files_to_read('package.json' => '{ "version": "99.98.97"}')
-
-        # Act
-        podspec = CodegenUtils.new().get_react_codegen_spec(
-            'package.json',
-            :fabric_enabled => false,
-            :hermes_enabled => true,
-            :script_phases => nil,
-            :file_manager => FileMock
-        )
-
-        # Assert
-        assert_equal(podspec, get_podspec_no_fabric_no_script())
-        assert_equal(Pod::UI.collected_messages, [])
-    end
-
     def testGetReactCodegenSpec_whenFabricEnabledAndScriptPhases_generatesAPodspec
         # Arrange
         FileMock.files_to_read('package.json' => '{ "version": "99.98.97"}')
@@ -131,7 +113,6 @@ def testGetReactCodegenSpec_whenFabricEnabledAndScriptPhases_generatesAPodspec
         # Act
         podspec = CodegenUtils.new().get_react_codegen_spec(
             'package.json',
-            :fabric_enabled => true,
             :hermes_enabled => true,
             :script_phases => "echo Test Script Phase",
             :file_manager => FileMock
@@ -150,7 +131,7 @@ def testGetReactCodegenSpec_whenUseFrameworksAndNewArch_generatesAPodspec
         # Act
         podspec = CodegenUtils.new().get_react_codegen_spec(
             'package.json',
-            :fabric_enabled => true,
+
             :hermes_enabled => true,
             :script_phases => nil,
             :file_manager => FileMock
@@ -392,12 +373,10 @@ def testUseReactCodegenDiscovery_whenParametersAreGood_executeCodegen
             :app_path => app_path,
             :config_file_dir => "",
             :config_key => "codegenConfig",
-            :fabric_enabled => false,
             :react_native_path => "../node_modules/react-native"}
         ])
         assert_equal(codegen_utils_mock.get_react_codegen_spec_params,  [{
-            :fabric_enabled => false,
-            :folly_version=>"2023.08.07.00",
+            :folly_version=>Helpers::Constants.folly_config()[:version],
             :package_json_file => "#{app_path}/ios/../node_modules/react-native/package.json",
             :script_phases => "echo TestScript"
         }])
@@ -411,8 +390,7 @@ def testUseReactCodegenDiscovery_whenParametersAreGood_executeCodegen
                 "arguments"=> ["~/app/ios/../node_modules/react-native/scripts/generate-codegen-artifacts.js",
                     "-p", "~/app",
                     "-o", Pod::Config.instance.installation_root,
-                    "-e", "false",
-                    "-c", ""]
+                    "-t", "ios"]
             }
         ])
     end
@@ -425,11 +403,10 @@ def testCleanUpCodegenFolder_whenCleanupDone_doNothing
         # Arrange
         CodegenUtils.set_cleanup_done(true)
         codegen_dir = "build/generated/ios"
-        ios_folder = '.'
         rn_path = '../node_modules/react-native'
 
         # Act
-        CodegenUtils.clean_up_build_folder(rn_path, @base_path, ios_folder, codegen_dir, dir_manager: DirMock, file_manager: FileMock)
+        CodegenUtils.clean_up_build_folder(rn_path, codegen_dir, dir_manager: DirMock, file_manager: FileMock)
 
         # Assert
         assert_equal(FileUtils::FileUtilsStorage.rmrf_invocation_count, 0)
@@ -441,11 +418,10 @@ def testCleanUpCodegenFolder_whenFolderDoesNotExists_markAsCleanupDone
         # Arrange
         CodegenUtils.set_cleanup_done(false)
         codegen_dir = "build/generated/ios"
-        ios_folder = '.'
         rn_path = '../node_modules/react-native'
 
         # Act
-        CodegenUtils.clean_up_build_folder(rn_path, @base_path, ios_folder, codegen_dir, dir_manager: DirMock, file_manager: FileMock)
+        CodegenUtils.clean_up_build_folder(rn_path, codegen_dir, dir_manager: DirMock, file_manager: FileMock)
 
         # Assert
         assert_equal(FileUtils::FileUtilsStorage.rmrf_invocation_count, 0)
@@ -458,8 +434,7 @@ def testCleanUpCodegenFolder_whenFolderExists_deleteItAndSetCleanupDone
         # Arrange
         CodegenUtils.set_cleanup_done(false)
         codegen_dir = "build/generated/ios"
-        ios_folder = '.'
-        codegen_path = "#{@base_path}/./#{codegen_dir}"
+        codegen_path = "#{@base_path}/#{codegen_dir}"
         globs = [
             "/MyModuleSpecs/MyModule.h",
             "#{codegen_path}/MyModuleSpecs/MyModule.mm",
@@ -472,7 +447,7 @@ def testCleanUpCodegenFolder_whenFolderExists_deleteItAndSetCleanupDone
         DirMock.mocked_existing_globs(globs, "#{codegen_path}/*")
 
         # Act
-        CodegenUtils.clean_up_build_folder(rn_path, @base_path, ios_folder, codegen_dir, dir_manager: DirMock, file_manager: FileMock)
+        CodegenUtils.clean_up_build_folder(rn_path, codegen_dir, dir_manager: DirMock, file_manager: FileMock)
 
         # Assert
         assert_equal(DirMock.exist_invocation_params, [codegen_path, codegen_path])
@@ -494,10 +469,9 @@ def test_assertCodegenFolderIsEmpty_whenItDoesNotExists_doesNotAbort
         # Arrange
         codegen_dir = "build/generated/ios"
         codegen_path = "#{@base_path}/./#{codegen_dir}"
-        ios_folder = '.'
 
         # Act
-        CodegenUtils.assert_codegen_folder_is_empty(@base_path, ios_folder, codegen_dir, dir_manager: DirMock, file_manager: FileMock)
+        CodegenUtils.assert_codegen_folder_is_empty(codegen_path, dir_manager: DirMock)
 
         # Assert
         assert_equal(Pod::UI.collected_warns, [])
@@ -507,12 +481,11 @@ def test_assertCodegenFolderIsEmpty_whenItExistsAndIsEmpty_doesNotAbort
         # Arrange
         codegen_dir = "build/generated/ios"
         codegen_path = "#{@base_path}/./#{codegen_dir}"
-        ios_folder = '.'
         DirMock.mocked_existing_dirs(codegen_path)
         DirMock.mocked_existing_globs([], "#{codegen_path}/*")
 
         # Act
-        CodegenUtils.assert_codegen_folder_is_empty(@base_path, ios_folder, codegen_dir, dir_manager: DirMock, file_manager: FileMock)
+        CodegenUtils.assert_codegen_folder_is_empty(codegen_path, dir_manager: DirMock)
 
         # Assert
         assert_equal(Pod::UI.collected_warns, [])
@@ -522,13 +495,12 @@ def test_assertCodegenFolderIsEmpty_whenItIsNotEmpty_itAborts
         # Arrange
         codegen_dir = "build/generated/ios"
         codegen_path = "#{@base_path}/./#{codegen_dir}"
-        ios_folder = '.'
         DirMock.mocked_existing_dirs(codegen_path)
         DirMock.mocked_existing_globs(["#{codegen_path}/MyModuleSpecs/MyModule.mm",], "#{codegen_path}/*")
 
         # Act
         assert_raises() {
-            CodegenUtils.assert_codegen_folder_is_empty(@base_path, ios_folder, codegen_dir, dir_manager: DirMock, file_manager: FileMock)
+            CodegenUtils.assert_codegen_folder_is_empty(codegen_path, dir_manager: DirMock)
         }
 
         # Assert
@@ -559,26 +531,27 @@ def get_podspec_no_fabric_no_script
             "FRAMEWORK_SEARCH_PATHS" => [],
             "HEADER_SEARCH_PATHS" =>
             [
-              "\"$(PODS_ROOT)/boost\"",
-              "\"$(PODS_ROOT)/RCT-Folly\"",
-              "\"$(PODS_ROOT)/DoubleConversion\"",
-              "\"$(PODS_ROOT)/fmt/include\"",
-              "\"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\"",
-              "\"$(PODS_ROOT)/Headers/Private/React-Fabric\"",
-              "\"$(PODS_ROOT)/Headers/Private/React-RCTFabric\"",
-              "\"$(PODS_ROOT)/Headers/Private/Yoga\"",
+                "\"$(PODS_ROOT)/boost\"",
+                "\"$(PODS_ROOT)/RCT-Folly\"",
+                "\"$(PODS_ROOT)/DoubleConversion\"",
+                "\"$(PODS_ROOT)/fmt/include\"",
+                "\"${PODS_ROOT}/Headers/Public/React-Codegen/react/renderer/components\"",
+                "\"$(PODS_ROOT)/Headers/Private/React-Fabric\"",
+                "\"$(PODS_ROOT)/Headers/Private/React-RCTFabric\"",
+                "\"$(PODS_ROOT)/Headers/Private/Yoga\"",
+                "\"$(PODS_ROOT)/DoubleConversion\"",
+                "\"$(PODS_ROOT)/fmt/include\"",
+                "\"$(PODS_TARGET_SRCROOT)\"",
             ].join(' ')
           },
           'dependencies': {
             "DoubleConversion": [],
-            "FBReactNativeSpec":  [],
             "RCT-Folly": [],
             "RCTRequired": [],
             "RCTTypeSafety": [],
             "React-Core": [],
             "React-jsi": [],
             "React-jsiexecutor": [],
-            "React-rncore": [],
             "ReactCommon/turbomodule/bridging": [],
             "ReactCommon/turbomodule/core": [],
             "hermes-engine": [],
@@ -593,9 +566,10 @@ def get_podspec_fabric_and_script_phases(script_phases)
 
         specs[:dependencies].merge!({
             'React-graphics': [],
-            'React-rncore':  [],
             'React-Fabric': [],
+            'React-FabricImage': [],
             'React-utils': [],
+            'React-featureflags': [],
             'React-debug': [],
             'React-rendererdebug': [],
         })
@@ -609,12 +583,14 @@ def get_podspec_when_use_frameworks
         specs = get_podspec_no_fabric_no_script()
 
         specs["pod_target_xcconfig"]["FRAMEWORK_SEARCH_PATHS"].concat([])
-        specs["pod_target_xcconfig"]["HEADER_SEARCH_PATHS"].concat(" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/fmt/include\" \"$(PODS_TARGET_SRCROOT)\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-Fabric/React_Fabric.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-FabricImage/React_FabricImage.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-graphics/React_graphics.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\" \"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-RCTFabric/RCTFabric.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-debug/React_debug.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-rendererdebug/React_rendererdebug.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-utils/React_utils.framework/Headers\"")
+        specs["pod_target_xcconfig"]["HEADER_SEARCH_PATHS"].concat(" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-FabricImage/React_FabricImage.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\" \"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-debug/React_debug.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-rendererdebug/React_rendererdebug.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-utils/React_utils.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-featureflags/React_featureflags.framework/Headers\"")
 
         specs[:dependencies].merge!({
             'React-graphics': [],
             'React-Fabric': [],
+            'React-FabricImage': [],
             'React-utils': [],
+            'React-featureflags': [],
             'React-debug': [],
             'React-rendererdebug': [],
         })
diff --git a/packages/react-native/scripts/cocoapods/__tests__/flipper-test.rb b/packages/react-native/scripts/cocoapods/__tests__/flipper-test.rb
deleted file mode 100644
index 6daec762f57de2..00000000000000
--- a/packages/react-native/scripts/cocoapods/__tests__/flipper-test.rb
+++ /dev/null
@@ -1,149 +0,0 @@
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-require "test/unit"
-require_relative "../flipper.rb"
-require_relative "./test_utils/podSpy.rb"
-require_relative "./test_utils/InstallerMock.rb"
-
-class FlipperTests < Test::Unit::TestCase
-    def setup
-        podSpy_cleanUp()
-    end
-
-    # =========================== #
-    # TEST - Install Dependencies #
-    # =========================== #
-    def test_installFlipperDependencies_installDependencies
-        # Act
-        install_flipper_dependencies('../..')
-
-        # Assert
-        assert_equal($podInvocationCount, 1)
-        assert_equal($podInvocation['React-Core/DevSupport'][:path], "../../")
-    end
-
-    # ======================= #
-    # TEST - Use Flipper Pods #
-    # ======================= #
-
-    def test_UseFlipperPods_WithDefaultValues_InstallsPods
-        # Arrange
-        configurations = ['Debug']
-
-        # Act
-        use_flipper_pods()
-
-        # Assert
-        check_all_flipper_pods($flipper_default_versions, configurations)
-        # the number of times the `pod` function has been invoked to install a dependency
-        assert_equal($podInvocationCount, 21)
-    end
-
-    def test_UseFlipperPods_WithCustomValues_InstallsPods
-        # Arrange
-        versions = {
-            "Flipper" => "1.0.0",
-            "Flipper-Boost-iOSX" => "1.1.0",
-            "Flipper-DoubleConversion" => "1.1.1",
-            "Flipper-Fmt" => "1.2.1",
-            "Flipper-Folly" => "2.1.1",
-            "Flipper-Glog" => "0.1.2",
-            "Flipper-PeerTalk" => "0.0.1",
-            "OpenSSL-Universal" => "2.2.2200",
-        }
-        configurations = ['Debug', 'CI']
-
-        # Act
-        use_flipper_pods(versions, :configurations => configurations)
-
-        # Assert
-        check_all_flipper_pods(versions, configurations)
-        # the number of times the `pod` function has been invoked to install a dependency
-        assert_equal($podInvocationCount, 21)
-    end
-
-    # ================= #
-    # Test Post Install #
-    # ================= #
-
-    def test_postInstall_updatesThePodCorrectly
-        # Arrange
-        installer = prepare_mocked_installer
-
-        # Act
-        flipper_post_install(installer)
-
-        # Assert
-
-        reactCore_target = installer.target_with_name("React-RCTAppDelegate")
-        reactCore_target.build_configurations.each do |config|
-            if config.name == 'Debug' || config.name == 'CustomConfig' then
-                assert_equal(config.build_settings['GCC_PREPROCESSOR_DEFINITIONS'], ['$(inherited)', 'FB_SONARKIT_ENABLED=1'])
-            else
-                assert_true(config.build_settings.empty?)
-            end
-        end
-    end
-
-    # ======= #
-    # HELPERS #
-    # ======= #
-
-    def check_all_flipper_pods(versions, configurations)
-        check_flipper_pod('Flipper', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/FlipperKitLayoutPlugin', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/SKIOSNetworkPlugin', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/FlipperKitUserDefaultsPlugin', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/FlipperKitReactPlugin', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/Core', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/CppBridge', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/FBCxxFollyDynamicConvert', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/FBDefines', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/FKPortForwarding', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/FlipperKitHighlightOverlay', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/FlipperKitLayoutTextSearchable', versions['Flipper'], configurations)
-        check_flipper_pod('FlipperKit/FlipperKitNetworkPlugin', versions['Flipper'], configurations)
-        check_flipper_pod('Flipper-Boost-iOSX', versions['Flipper-Boost-iOSX'], configurations)
-        check_flipper_pod('Flipper-DoubleConversion', versions['Flipper-DoubleConversion'], configurations)
-        check_flipper_pod('Flipper-Fmt', versions['Flipper-Fmt'], configurations)
-        check_flipper_pod('Flipper-Folly', versions['Flipper-Folly'], configurations)
-        check_flipper_pod('Flipper-Glog', versions['Flipper-Glog'], configurations)
-        check_flipper_pod('Flipper-PeerTalk', versions['Flipper-PeerTalk'], configurations)
-        check_flipper_pod('OpenSSL-Universal', versions['OpenSSL-Universal'], configurations)
-    end
-
-    def check_flipper_pod(name, expectedVersion, expectedConfigurations)
-        params = $podInvocation[name]
-        assert_equal(params[:version], expectedVersion)
-        assert_equal(params[:configurations], expectedConfigurations)
-    end
-
-    def prepare_mocked_installer
-        return InstallerMock.new(
-            PodsProjectMock.new([
-                    TargetMock.new(
-                        "React-Core",
-                        [
-                            BuildConfigurationMock.new("Debug", is_debug: true),
-                            BuildConfigurationMock.new("Release", is_debug: false),
-                            BuildConfigurationMock.new("CustomConfig", is_debug: true),
-                        ]
-                    ),
-                    TargetMock.new(
-                        "React-RCTAppDelegate",
-                        [
-                            BuildConfigurationMock.new("Debug", is_debug: true),
-                            BuildConfigurationMock.new("Release", is_debug: false),
-                            BuildConfigurationMock.new("CustomConfig", is_debug: true),
-                        ]
-                    )
-                ]
-            )
-        )
-    end
-
-end
diff --git a/packages/react-native/scripts/cocoapods/__tests__/jsengine-test.rb b/packages/react-native/scripts/cocoapods/__tests__/jsengine-test.rb
index 72db5aa4a1e800..94a8f395749090 100644
--- a/packages/react-native/scripts/cocoapods/__tests__/jsengine-test.rb
+++ b/packages/react-native/scripts/cocoapods/__tests__/jsengine-test.rb
@@ -67,13 +67,12 @@ def test_setupHermes_installsPods
         setup_hermes!(:react_native_path => @react_native_path)
 
         # Assert
-        assert_equal($podInvocationCount, 4)
+        assert_equal($podInvocationCount, 3)
         assert_equal($podInvocation["React-jsi"][:path], "../../ReactCommon/jsi")
         hermes_engine_pod_invocation = $podInvocation["hermes-engine"]
         assert_equal(hermes_engine_pod_invocation[:podspec], "../../sdks/hermes-engine/hermes-engine.podspec")
         assert_equal(hermes_engine_pod_invocation[:tag], "")
         assert_equal($podInvocation["React-hermes"][:path], "../../ReactCommon/hermes")
-        assert_equal($podInvocation["libevent"][:version], "~> 2.1.12")
     end
 
 end
diff --git a/packages/react-native/scripts/cocoapods/__tests__/new_architecture-test.rb b/packages/react-native/scripts/cocoapods/__tests__/new_architecture-test.rb
index 3b974da2a40a91..a817fdfdedeac7 100644
--- a/packages/react-native/scripts/cocoapods/__tests__/new_architecture-test.rb
+++ b/packages/react-native/scripts/cocoapods/__tests__/new_architecture-test.rb
@@ -4,12 +4,17 @@
 # LICENSE file in the root directory of this source tree.
 
 require "test/unit"
+require_relative "../helpers.rb"
 require_relative "../new_architecture.rb"
 require_relative "./test_utils/InstallerMock.rb"
 require_relative "./test_utils/PodMock.rb"
 require_relative "./test_utils/SpecMock.rb"
 require_relative "./test_utils/FileMock.rb"
 
+def get_folly_config()
+    return Helpers::Constants.folly_config
+end
+
 ## Monkey patching to reset properly static props of the Helper.
 class NewArchitectureHelper
     def self.reset
@@ -82,12 +87,12 @@ def test_modifyFlagsForNewArch_whenOnOldArch_doNothing
         NewArchitectureHelper.modify_flags_for_new_architecture(installer, false)
 
         # Assert
-        assert_equal(first_xcconfig.attributes["OTHER_CPLUSPLUSFLAGS"], "$(inherited)")
-        assert_equal(first_xcconfig.save_as_invocation, [])
-        assert_equal(second_xcconfig.attributes["OTHER_CPLUSPLUSFLAGS"], "$(inherited)")
-        assert_equal(second_xcconfig.save_as_invocation, [])
-        assert_equal(react_core_debug_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited)")
-        assert_equal(react_core_release_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited)")
+        assert_equal(first_xcconfig.attributes["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32")
+        assert_equal(first_xcconfig.save_as_invocation, ["a/path/First.xcconfig"])
+        assert_equal(second_xcconfig.attributes["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32")
+        assert_equal(second_xcconfig.save_as_invocation, ["a/path/Second.xcconfig"])
+        assert_equal(react_core_debug_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32")
+        assert_equal(react_core_release_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32")
         assert_equal(yoga_debug_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited)")
         assert_equal(yoga_release_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited)")
     end
@@ -112,20 +117,23 @@ def test_modifyFlagsForNewArch_whenOnNewArchAndIsRelease_updateFlags
         NewArchitectureHelper.modify_flags_for_new_architecture(installer, true)
 
         # Assert
-        assert_equal(first_xcconfig.attributes["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1")
+        folly_config = Helpers::Constants.folly_config
+        folly_compiler_flags = folly_config[:compiler_flags]
+
+        assert_equal(first_xcconfig.attributes["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 "+ folly_compiler_flags)
         assert_nil(first_xcconfig.attributes["OTHER_CFLAGS"])
         assert_equal(first_xcconfig.save_as_invocation, ["a/path/First.xcconfig"])
-        assert_equal(second_xcconfig.attributes["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1")
+        assert_equal(second_xcconfig.attributes["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 "+ folly_compiler_flags)
         assert_nil(second_xcconfig.attributes["OTHER_CFLAGS"])
         assert_equal(second_xcconfig.save_as_invocation, ["a/path/Second.xcconfig"])
-        assert_equal(react_core_debug_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1")
+        assert_equal(react_core_debug_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 "+ folly_compiler_flags)
         assert_nil(react_core_debug_config.build_settings["OTHER_CFLAGS"])
-        assert_equal(react_core_release_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -DNDEBUG")
-        assert_equal(react_core_release_config.build_settings["OTHER_CFLAGS"], "$(inherited) -DNDEBUG")
+        assert_equal(react_core_release_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 "+ folly_compiler_flags)
+        assert_nil(react_core_release_config.build_settings["OTHER_CFLAGS"])
         assert_equal(yoga_debug_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited)")
         assert_nil(yoga_debug_config.build_settings["OTHER_CFLAGS"])
-        assert_equal(yoga_release_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DNDEBUG")
-        assert_equal(yoga_release_config.build_settings["OTHER_CFLAGS"], "$(inherited) -DNDEBUG")
+        assert_equal(yoga_release_config.build_settings["OTHER_CPLUSPLUSFLAGS"], "$(inherited)")
+        assert_nil(yoga_release_config.build_settings["OTHER_CFLAGS"])
     end
 
     # =================================== #
@@ -136,18 +144,21 @@ def test_installModulesDependencies_whenNewArchEnabledAndNewArchAndNoSearchPaths
         spec = SpecMock.new
 
         # Act
-        NewArchitectureHelper.install_modules_dependencies(spec, true, '2023.08.07.00')
+        NewArchitectureHelper.install_modules_dependencies(spec, true, '2024.01.01.00')
 
         # Assert
-        assert_equal(spec.compiler_flags, NewArchitectureHelper.folly_compiler_flags)
-        assert_equal(spec.pod_target_xcconfig["HEADER_SEARCH_PATHS"], "\"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/Headers/Private/Yoga\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/fmt/include\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-FabricImage/React_FabricImage.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-utils/React_utils.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-debug/React_debug.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-ImageManager/React_ImageManager.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-rendererdebug/React_rendererdebug.framework/Headers\"")
+        folly_config = Helpers::Constants.folly_config
+        folly_compiler_flags = folly_config[:compiler_flags]
+
+        assert_equal(spec.compiler_flags, "-DRCT_NEW_ARCH_ENABLED=1 #{NewArchitectureHelper.folly_compiler_flags}")
+        assert_equal(spec.pod_target_xcconfig["HEADER_SEARCH_PATHS"], "\"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/Headers/Private/Yoga\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/fmt/include\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-FabricImage/React_FabricImage.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-utils/React_utils.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-featureflags/React_featureflags.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-debug/React_debug.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-ImageManager/React_ImageManager.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-rendererdebug/React_rendererdebug.framework/Headers\"")
         assert_equal(spec.pod_target_xcconfig["CLANG_CXX_LANGUAGE_STANDARD"], "c++20")
-        assert_equal(spec.pod_target_xcconfig["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 -DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1")
+        assert_equal(spec.pod_target_xcconfig["OTHER_CPLUSPLUSFLAGS"], "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 "+ folly_compiler_flags)
         assert_equal(
             spec.dependencies,
             [
                 { :dependency_name => "React-Core" },
-                { :dependency_name => "RCT-Folly", "version"=>"2023.08.07.00" },
+                { :dependency_name => "RCT-Folly", "version"=>"2024.01.01.00" },
                 { :dependency_name => "glog" },
                 { :dependency_name => "React-RCTFabric" },
                 { :dependency_name => "React-Codegen" },
@@ -160,9 +171,11 @@ def test_installModulesDependencies_whenNewArchEnabledAndNewArchAndNoSearchPaths
                 { :dependency_name => "React-Fabric" },
                 { :dependency_name => "React-graphics" },
                 { :dependency_name => "React-utils" },
+                { :dependency_name => "React-featureflags" },
                 { :dependency_name => "React-debug" },
                 { :dependency_name => "React-ImageManager" },
                 { :dependency_name => "React-rendererdebug" },
+                { :dependency_name => "DoubleConversion" },
                 { :dependency_name => "hermes-engine" }
         ])
     end
@@ -170,25 +183,42 @@ def test_installModulesDependencies_whenNewArchEnabledAndNewArchAndNoSearchPaths
     def test_installModulesDependencies_whenNewArchDisabledAndSearchPathsAndCompilerFlagsArePresent_itInstallDependenciesAndPreserveOtherSettings
         #  Arrange
         spec = SpecMock.new
-        spec.compiler_flags = '-Wno-nullability-completeness'
+        spec.compiler_flags = ''
         other_flags = "\"$(PODS_ROOT)/RCT-Folly\" \"$(PODS_ROOT)/boost\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\""
         spec.pod_target_xcconfig = {
             "HEADER_SEARCH_PATHS" => other_flags
         }
 
         # Act
-        NewArchitectureHelper.install_modules_dependencies(spec, false, '2023.08.07.00')
+        NewArchitectureHelper.install_modules_dependencies(spec, false, '2024.01.01.00')
 
         # Assert
-        assert_equal(spec.compiler_flags, "-Wno-nullability-completeness #{NewArchitectureHelper.folly_compiler_flags}")
-        assert_equal(spec.pod_target_xcconfig["HEADER_SEARCH_PATHS"], "#{other_flags} \"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/Headers/Private/Yoga\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/fmt/include\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-FabricImage/React_FabricImage.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-utils/React_utils.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-debug/React_debug.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-ImageManager/React_ImageManager.framework/Headers\" \"$(PODS_CONFIGURATION_BUILD_DIR)/React-rendererdebug/React_rendererdebug.framework/Headers\"")
+        assert_equal(Helpers::Constants.folly_config[:compiler_flags], "#{NewArchitectureHelper.folly_compiler_flags}")
+        assert_equal(spec.pod_target_xcconfig["HEADER_SEARCH_PATHS"], "#{other_flags} \"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/Headers/Private/Yoga\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/fmt/include\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-FabricImage/React_FabricImage.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-utils/React_utils.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-featureflags/React_featureflags.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-debug/React_debug.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-ImageManager/React_ImageManager.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-rendererdebug/React_rendererdebug.framework/Headers\"")
         assert_equal(spec.pod_target_xcconfig["CLANG_CXX_LANGUAGE_STANDARD"], "c++20")
         assert_equal(
             spec.dependencies,
             [
                 { :dependency_name => "React-Core" },
-                { :dependency_name => "RCT-Folly", "version"=>"2023.08.07.00" },
-                { :dependency_name => "glog" }
+                { :dependency_name => "RCT-Folly", "version"=>"2024.01.01.00" },
+                { :dependency_name => "glog" },
+                { :dependency_name => "React-RCTFabric" },
+                { :dependency_name => "React-Codegen" },
+                { :dependency_name => "RCTRequired" },
+                { :dependency_name => "RCTTypeSafety" },
+                { :dependency_name => "ReactCommon/turbomodule/bridging" },
+                { :dependency_name => "ReactCommon/turbomodule/core" },
+                { :dependency_name => "React-NativeModulesApple" },
+                { :dependency_name => "Yoga" },
+                { :dependency_name => "React-Fabric" },
+                { :dependency_name => "React-graphics" },
+                { :dependency_name => "React-utils" },
+                { :dependency_name => "React-featureflags" },
+                { :dependency_name => "React-debug" },
+                { :dependency_name => "React-ImageManager" },
+                { :dependency_name => "React-rendererdebug" },
+                { :dependency_name => "DoubleConversion" },
+                { :dependency_name => "hermes-engine" }
             ]
         )
     end
diff --git a/packages/react-native/scripts/cocoapods/__tests__/test_utils/CodegenUtilsMock.rb b/packages/react-native/scripts/cocoapods/__tests__/test_utils/CodegenUtilsMock.rb
index e6b4174a17e043..45704a3ed71e8a 100644
--- a/packages/react-native/scripts/cocoapods/__tests__/test_utils/CodegenUtilsMock.rb
+++ b/packages/react-native/scripts/cocoapods/__tests__/test_utils/CodegenUtilsMock.rb
@@ -3,6 +3,8 @@
 # This source code is licensed under the MIT license found in the
 # LICENSE file in the root directory of this source tree.
 
+require_relative '../../helpers.rb'
+
 class CodegenUtilsMock
     @js_spec_list
     @codegen_config
@@ -58,7 +60,6 @@ def get_react_codegen_script_phases(
     )
         @get_react_codegen_script_phases_params.push({
             app_path: app_path,
-            fabric_enabled: fabric_enabled,
             config_file_dir: config_file_dir,
             react_native_path: react_native_path,
             config_key: config_key
@@ -66,11 +67,10 @@ def get_react_codegen_script_phases(
         return @react_codegen_script_phases
     end
 
-    def get_react_codegen_spec(package_json_file, folly_version: '2023.08.07.00', fabric_enabled: false, hermes_enabled: true, script_phases: nil)
+    def get_react_codegen_spec(package_json_file, folly_version: Helpers.Constants.folly_config()[:version], hermes_enabled: true, script_phases: nil)
         @get_react_codegen_spec_params.push({
             package_json_file: package_json_file,
             folly_version: folly_version,
-            fabric_enabled: fabric_enabled,
             script_phases: script_phases
         })
         return @react_codegen_spec
@@ -92,7 +92,7 @@ def use_react_native_codegen_discovery!(
         config_file_dir: '',
         codegen_output_dir: 'build/generated/ios',
         config_key: 'codegenConfig',
-        folly_version: "2023.08.07.00",
+        folly_version: Helpers::Constants.folly_config()[:version],
         codegen_utils: CodegenUtilsMock.new()
     )
         @use_react_native_codegen_discovery_params.push({
diff --git a/packages/react-native/scripts/cocoapods/__tests__/utils-test.rb b/packages/react-native/scripts/cocoapods/__tests__/utils-test.rb
index f7506b5066dd9b..2b25929fe32d62 100644
--- a/packages/react-native/scripts/cocoapods/__tests__/utils-test.rb
+++ b/packages/react-native/scripts/cocoapods/__tests__/utils-test.rb
@@ -5,7 +5,6 @@
 
 require "test/unit"
 require_relative "../utils.rb"
-require_relative "../flipper.rb"
 require_relative "./test_utils/PodMock.rb"
 require_relative "./test_utils/InstallerMock.rb"
 require_relative "./test_utils/EnvironmentMock.rb"
@@ -16,6 +15,8 @@
 require_relative "./test_utils/TargetDefinitionMock.rb"
 require_relative "./test_utils/XcodeprojMock.rb"
 require_relative "./test_utils/XcodebuildMock.rb"
+require_relative "./test_utils/SpecMock.rb"
+require_relative "./test_utils/InstallerMock.rb"
 
 class UtilsTests < Test::Unit::TestCase
     def setup
@@ -36,6 +37,7 @@ def teardown
         ENV['USE_HERMES'] = '1'
         ENV['USE_FRAMEWORKS'] = nil
         system_reset_commands
+        $RN_PLATFORMS = nil
     end
 
     # ======================= #
@@ -101,7 +103,6 @@ def test_getDefaultFlag_whenOldArchitecture()
         assert_equal(flags, {
             :fabric_enabled => false,
             :hermes_enabled => true,
-            :flipper_configuration => FlipperConfiguration.disabled
         })
     end
 
@@ -117,7 +118,6 @@ def test_getDefaultFlag_whenOldArchitectureButHermesDisabled()
         assert_equal(flags, {
             :fabric_enabled => false,
             :hermes_enabled => false,
-            :flipper_configuration => FlipperConfiguration.disabled
         })
     end
 
@@ -132,7 +132,6 @@ def test_getDefaultFlag_whenNewArchitecture()
         assert_equal(flags, {
             :fabric_enabled => true,
             :hermes_enabled => true,
-            :flipper_configuration => FlipperConfiguration.disabled
         })
     end
 
@@ -148,7 +147,6 @@ def test_getDefaultFlag_whenNewArchitectureButHermesDisabled()
         assert_equal(flags, {
             :fabric_enabled => true,
             :hermes_enabled => false,
-            :flipper_configuration => FlipperConfiguration.disabled
         })
     end
 
@@ -486,6 +484,52 @@ def test_applyXcode15Patch_whenXcodebuild14_correctlyAppliesNecessaryPatch
         assert_equal(2, XcodebuildMock.version_invocation_count)
     end
 
+    def test_applyXcode15Patch_whenXcodebuild15_1_does_not_apply_patch
+        # Arrange
+        XcodebuildMock.set_version = "Xcode 15.1"
+        first_target = prepare_target("FirstTarget")
+        second_target = prepare_target("SecondTarget")
+        third_target = TargetMock.new("ThirdTarget", [
+            BuildConfigurationMock.new("Debug", {
+              "GCC_PREPROCESSOR_DEFINITIONS" => '$(inherited) "SomeFlag=1" '
+            }),
+            BuildConfigurationMock.new("Release", {
+              "GCC_PREPROCESSOR_DEFINITIONS" => '$(inherited) "SomeFlag=1" '
+            }),
+        ], nil)
+
+        user_project_mock = UserProjectMock.new("/a/path", [
+                prepare_config("Debug"),
+                prepare_config("Release"),
+            ],
+            :native_targets => [
+                first_target,
+                second_target
+            ]
+        )
+        pods_projects_mock = PodsProjectMock.new([], {"hermes-engine" => {}}, :native_targets => [
+            third_target
+        ])
+        installer = InstallerMock.new(pods_projects_mock, [
+            AggregatedProjectMock.new(user_project_mock)
+        ])
+
+        # Act
+        user_project_mock.build_configurations.each do |config|
+            assert_nil(config.build_settings["OTHER_LDFLAGS"])
+        end
+
+        ReactNativePodsUtils.apply_xcode_15_patch(installer, :xcodebuild_manager => XcodebuildMock)
+
+        # Assert
+        user_project_mock.build_configurations.each do |config|
+            assert_equal("$(inherited) ", config.build_settings["OTHER_LDFLAGS"])
+        end
+
+        # User project and Pods project
+        assert_equal(2, XcodebuildMock.version_invocation_count)
+    end
+
     def test_applyXcode15Patch_whenXcodebuild15_correctlyAppliesNecessaryPatch
         # Arrange
         XcodebuildMock.set_version = "Xcode 15.0"
@@ -746,7 +790,7 @@ def test_updateSearchPaths_whenUseFrameworks_addsSearchPaths
         # Assert
         user_project_mock.build_configurations.each do |config|
             received_search_path = config.build_settings["HEADER_SEARCH_PATHS"]
-            expected_search_path = "$(inherited) ${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers ${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core ${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers/platform/ios ${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx ${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers ${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios"
+            expected_search_path = "$(inherited) ${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers ${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core ${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers ${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers/platform/ios ${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx ${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers ${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers ${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios"
             assert_equal(expected_search_path, received_search_path)
         end
 
@@ -793,120 +837,244 @@ def test_updateSearchPaths_whenNotUseFrameworks_addsSearchPaths
         end
     end
 
-    # ============================= #
-    # Test - Apply Flags For Fabric #
-    # ============================= #
-    def test_applyFlagsForFabric_whenFabricEnabled_addsTheFlag
-        # Arrange
-        first_target = prepare_target("FirstTarget")
-        second_target = prepare_target("SecondTarget")
-        third_target = prepare_target("ThirdTarget", "com.apple.product-type.bundle")
-        user_project_mock = UserProjectMock.new("a/path", [
-                prepare_config("Debug"),
-                prepare_config("Release"),
-            ],
-            :native_targets => [
-                first_target,
-                second_target
-            ]
-        )
-        pods_projects_mock = PodsProjectMock.new([third_target], {"hermes-engine" => {}})
-        installer = InstallerMock.new(pods_projects_mock, [
-            AggregatedProjectMock.new(user_project_mock)
+    # =============================================== #
+    # Test - Create Header Search Path For Frameworks #
+    # =============================================== #
+    def test_creatHeaderSearchPathForFrameworks_whenNoPlatformsAndNoExtraPath_createsPlainSearchPath
+        result = ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-RCTFabric", "RCTFabric", [])
+
+        assert_equal(result, [
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers"
         ])
+    end
 
-        # Act
-        ReactNativePodsUtils.apply_flags_for_fabric(installer, fabric_enabled: true)
+    def test_creatHeaderSearchPathForFrameworks_whenNoPlatformsAndExtraPath_createsPlainSearchPath
+        result = ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-Fabric", "React_Fabric", ["react/renderer/components/view/platform/cxx"])
 
-        # Assert
-        user_project_mock.build_configurations.each do |config|
-            received_cflags = config.build_settings["OTHER_CFLAGS"]
-            expected_cflags = "$(inherited) -DRN_FABRIC_ENABLED"
-            assert_equal(received_cflags, expected_cflags)
-        end
+        assert_equal(result, [
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx",
+        ])
+    end
+
+    def test_creatHeaderSearchPathForFrameworks_whenEmptyPlatformsAndExtraPath_createsPlainSearchPath
+        $RN_PLATFORMS = []
+
+        result = ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-Fabric", "React_Fabric", ["react/renderer/components/view/platform/cxx"])
 
+        assert_equal(result, [
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx",
+        ])
     end
 
-    def test_applyFlagsForFabric_whenFabricDisabled_doNothing
-        # Arrange
-        first_target = prepare_target("FirstTarget")
-        second_target = prepare_target("SecondTarget")
-        third_target = prepare_target("ThirdTarget", "com.apple.product-type.bundle")
-        user_project_mock = UserProjectMock.new("/a/path", [
-                prepare_config("Debug"),
-                prepare_config("Release"),
-            ],
-            :native_targets => [
-                first_target,
-                second_target
+    def test_creatHeaderSearchPathForFrameworks_whenOnlyOnePlatformsAndExtraPath_createsPlainSearchPath
+        $RN_PLATFORMS = ['iOS']
+
+        result = ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-Fabric", "React_Fabric", ["react/renderer/components/view/platform/cxx"])
+
+        assert_equal(result, [
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx",
+        ])
+    end
+
+    def test_creatHeaderSearchPathForFrameworks_whenMultiplePlatformsAndExtraPath_createsPlainSearchPath
+        $RN_PLATFORMS = ["iOS", "macOS"]
+
+        result = ReactNativePodsUtils.create_header_search_path_for_frameworks(
+            "PODS_CONFIGURATION_BUILD_DIR",
+            "React-Fabric",
+            "React_Fabric",
+            [
+                "react/renderer/components/view/platform/cxx",
+                "react/renderer/components/view/platform/ios"
             ]
         )
-        pods_projects_mock = PodsProjectMock.new([third_target], {"hermes-engine" => {}})
-        installer = InstallerMock.new(pods_projects_mock, [
-            AggregatedProjectMock.new(user_project_mock)
+
+        assert_equal(result, [
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric-iOS/React_Fabric.framework/Headers",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric-iOS/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric-iOS/React_Fabric.framework/Headers/react/renderer/components/view/platform/ios",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric-macOS/React_Fabric.framework/Headers",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric-macOS/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric-macOS/React_Fabric.framework/Headers/react/renderer/components/view/platform/ios",
         ])
+    end
 
-        # Act
-        ReactNativePodsUtils.apply_flags_for_fabric(installer, fabric_enabled: false)
+    # ===================== #
+    # TEST - Add Dependency #
+    # ===================== #
+    def test_addDependency_whenNoHeaderSearchPathAndNoVersion_addsThem
+        spec = SpecMock.new
 
-        # Assert
-        user_project_mock.build_configurations.each do |config|
-            assert_equal(config.build_settings["OTHER_CFLAGS"], "$(inherited)")
-        end
+        ReactNativePodsUtils.add_dependency(spec, "React-Fabric", "PODS_CONFIGURATION_BUILD_DIR", "React_Fabric")
+
+        assert_equal(spec.dependencies, [{:dependency_name => "React-Fabric"}])
+        assert_equal(spec.to_hash["pod_target_xcconfig"], {"HEADER_SEARCH_PATHS" =>  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\""})
     end
 
-    # ============================== #
-    # Test - Apply ATS configuration #
-    # ============================== #
+    def test_addDependency_whenNoHeaderSearchPathAndVersion_addsThem
+        spec = SpecMock.new
+
+        ReactNativePodsUtils.add_dependency(spec, "React-Fabric", "PODS_CONFIGURATION_BUILD_DIR", "React_Fabric", :additional_paths => [], :version => '1000.0.0')
+
+        assert_equal(spec.dependencies, [{:dependency_name => "React-Fabric", "version" => '1000.0.0'}])
+        assert_equal(spec.to_hash["pod_target_xcconfig"], {"HEADER_SEARCH_PATHS" =>  "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\""})
+    end
+
+    def test_addDependency_whenHeaderSearchPathAndVersion_addsThemMaintainingTheSearchPaths
+        spec = SpecMock.new
+        spec.pod_target_xcconfig["HEADER_SEARCH_PATHS"] = "\"$(PODS_ROOT)/RCT-Folly\""
+
+        ReactNativePodsUtils.add_dependency(spec, "React-Fabric", "PODS_CONFIGURATION_BUILD_DIR", "React_Fabric", :additional_paths => [], :version => '1000.0.0')
 
-    def test_applyATSConfig_plistNil
+        assert_equal(spec.dependencies, [{:dependency_name => "React-Fabric", "version" => '1000.0.0'}])
+        assert_equal(spec.to_hash["pod_target_xcconfig"], {"HEADER_SEARCH_PATHS" =>  "\"$(PODS_ROOT)/RCT-Folly\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\""})
+    end
+
+    def test_addDependencies_whenHeaderSearchPathAndVersion_addsThemMaintainingTheSearchPaths
+        spec = SpecMock.new
+        spec.pod_target_xcconfig["HEADER_SEARCH_PATHS"] = "\"$(PODS_ROOT)/RCT-Folly\""
+
+        ReactNativePodsUtils.add_dependency(spec, "React-Fabric", "PODS_CONFIGURATION_BUILD_DIR", "React_Fabric", :additional_paths => [], :version => '1000.0.0')
+        ReactNativePodsUtils.add_dependency(spec, "React-RCTFabric", "PODS_CONFIGURATION_BUILD_DIR", "RCTFabric", :additional_paths => [])
+
+        assert_equal(spec.dependencies, [{:dependency_name => "React-Fabric", "version" => '1000.0.0'}, {:dependency_name => "React-RCTFabric" }])
+        assert_equal(spec.to_hash["pod_target_xcconfig"], {
+            "HEADER_SEARCH_PATHS" =>  "\"$(PODS_ROOT)/RCT-Folly\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers\""})
+    end
+
+    def test_addDependencies_whenHeaderSearchPathAndVersionWithAdditionalPaths_addsThemMaintainingTheSearchPaths
+        spec = SpecMock.new
+        spec.pod_target_xcconfig["HEADER_SEARCH_PATHS"] = "\"$(PODS_ROOT)/RCT-Folly\""
+
+        ReactNativePodsUtils.add_dependency(spec, "React-Fabric", "PODS_CONFIGURATION_BUILD_DIR", "React_Fabric", :additional_paths => [], :version => '1000.0.0')
+        ReactNativePodsUtils.add_dependency(spec, "React-RCTFabric", "PODS_CONFIGURATION_BUILD_DIR", "RCTFabric", :additional_paths => ["react/renderer/components/view/platform/ios"])
+
+        assert_equal(spec.dependencies, [{:dependency_name => "React-Fabric", "version" => '1000.0.0'}, {:dependency_name => "React-RCTFabric" }])
+        assert_equal(spec.to_hash["pod_target_xcconfig"], {
+            "HEADER_SEARCH_PATHS" =>  "\"$(PODS_ROOT)/RCT-Folly\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers\" \"${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers/react/renderer/components/view/platform/ios\""})
+    end
+
+    def test_addDependencies_whenHeaderSearchPathAndVersionWithAdditionalPathsAndPlatforms_addsThemMaintainingTheSearchPaths
+        spec = SpecMock.new
+        spec.pod_target_xcconfig["HEADER_SEARCH_PATHS"] = "\"$(PODS_ROOT)/RCT-Folly\""
+        $RN_PLATFORMS = ['iOS', 'macOS']
+
+        ReactNativePodsUtils.add_dependency(spec, "React-Fabric", "PODS_CONFIGURATION_BUILD_DIR", "React_Fabric", :additional_paths => [], :version => '1000.0.0')
+        ReactNativePodsUtils.add_dependency(spec, "React-RCTFabric", "PODS_CONFIGURATION_BUILD_DIR", "RCTFabric", :additional_paths => ["react/renderer/components/view/platform/ios"])
+
+        expected_search_paths = [
+            "$(PODS_ROOT)/RCT-Folly",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric-iOS/React_Fabric.framework/Headers",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric-iOS/RCTFabric.framework/Headers",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric-iOS/RCTFabric.framework/Headers/react/renderer/components/view/platform/ios",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric-macOS/React_Fabric.framework/Headers",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric-macOS/RCTFabric.framework/Headers",
+            "${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric-macOS/RCTFabric.framework/Headers/react/renderer/components/view/platform/ios"
+        ]
+        .map { |sp| return "\"#{sp}\"" }
+        .join(" ")
+
+        assert_equal(spec.dependencies, [{:dependency_name => "React-Fabric", "version" => '1000.0.0'}, {:dependency_name => "React-RCTFabric" }])
+        assert_equal(spec.to_hash["pod_target_xcconfig"], {
+            "HEADER_SEARCH_PATHS" => expected_search_paths})
+    end
+
+    def test_addDependencies_whenSubspecsAndHeaderSearchPathAndVersionWithAdditionalPathsAndPlatforms_addsThemMaintainingTheSearchPaths
+        spec = SpecMock.new
+        spec.pod_target_xcconfig["HEADER_SEARCH_PATHS"] = "\"$(PODS_ROOT)/RCT-Folly\""
+        $RN_PLATFORMS = ['iOS', 'macOS']
+
+        ReactNativePodsUtils.add_dependency(spec, "ReactCommon", "PODS_CONFIGURATION_BUILD_DIR", "ReactCommon", :additional_paths => ["react/nativemodule/core"], :subspec_dependency => 'turbomodule/core')
+
+        expected_search_paths = [
+            "$(PODS_ROOT)/RCT-Folly",
+            "${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-iOS/ReactCommon.framework/Headers",
+            "${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-iOS/ReactCommon.framework/Headers/react/nativemodule/core",
+            "${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-macOS/ReactCommon.framework/Headers",
+            "${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-macOS/ReactCommon.framework/Headers/react/nativemodule/core",
+        ]
+        .map { |sp| return "\"#{sp}\"" }
+        .join(" ")
+
+        assert_equal(spec.dependencies, [{:dependency_name => "ReactCommon/turbomodule/core"}])
+        assert_equal(spec.to_hash["pod_target_xcconfig"], {
+            "HEADER_SEARCH_PATHS" => expected_search_paths})
+    end
+
+    def test_add_flag_to_map_with_inheritance_whenUsedWithBuildConfigBuildSettings
         # Arrange
-        user_project_mock = prepare_user_project_mock_with_plists()
-        pods_projects_mock = PodsProjectMock.new([], {"some_pod" => {}})
-        installer = InstallerMock.new(pods_projects_mock, [
-            AggregatedProjectMock.new(user_project_mock)
-        ])
+        empty_config = BuildConfigurationMock.new("EmptyConfig")
+        initialized_config = BuildConfigurationMock.new("InitializedConfig", {
+            "OTHER_CPLUSPLUSFLAGS" => "INIT_FLAG"
+        })
+        twiceProcessed_config = BuildConfigurationMock.new("TwiceProcessedConfig");
+        test_flag = " -DTEST_FLAG=1"
 
-        # # Act
-        ReactNativePodsUtils.apply_ats_config(installer)
-
-        # # Assert
-        assert_equal(user_project_mock.files.length, 2)
-        user_project_mock.files.each do |file|
-            path = File.join(user_project_mock.path.parent, file.name)
-            plist = Xcodeproj::Plist.read_from_path(path)
-            assert_equal(plist['NSAppTransportSecurity'], {
-                'NSAllowsArbitraryLoads' => false,
-                'NSAllowsLocalNetworking' => true,
-            });
-        end
+        # Act
+        ReactNativePodsUtils.add_flag_to_map_with_inheritance(empty_config.build_settings, "OTHER_CPLUSPLUSFLAGS", test_flag)
+        ReactNativePodsUtils.add_flag_to_map_with_inheritance(initialized_config.build_settings, "OTHER_CPLUSPLUSFLAGS", test_flag)
+        ReactNativePodsUtils.add_flag_to_map_with_inheritance(twiceProcessed_config.build_settings, "OTHER_CPLUSPLUSFLAGS", test_flag)
+        ReactNativePodsUtils.add_flag_to_map_with_inheritance(twiceProcessed_config.build_settings, "OTHER_CPLUSPLUSFLAGS", test_flag)
+
+        # Assert
+        assert_equal("$(inherited)" + test_flag, empty_config.build_settings["OTHER_CPLUSPLUSFLAGS"])
+        assert_equal("$(inherited) INIT_FLAG" + test_flag, initialized_config.build_settings["OTHER_CPLUSPLUSFLAGS"])
+        assert_equal("$(inherited)" + test_flag, twiceProcessed_config.build_settings["OTHER_CPLUSPLUSFLAGS"])
     end
 
-    def test_applyATSConfig_plistNonNil
+    def test_add_flag_to_map_with_inheritance_whenUsedWithXCConfigAttributes
         # Arrange
-        user_project_mock = prepare_user_project_mock_with_plists()
-        pods_projects_mock = PodsProjectMock.new([], {"some_pod" => {}})
-        installer = InstallerMock.new(pods_projects_mock, [
-            AggregatedProjectMock.new(user_project_mock)
-        ])
-        Xcodeproj::Plist.write_to_path({}, "/test/Info.plist")
-        Xcodeproj::Plist.write_to_path({}, "/test/Extension-Info.plist")
-
-        # # Act
-        ReactNativePodsUtils.apply_ats_config(installer)
-
-        # # Assert
-        assert_equal(user_project_mock.files.length, 2)
-        user_project_mock.files.each do |file|
-            path = File.join(user_project_mock.path.parent, file.name)
-            plist = Xcodeproj::Plist.read_from_path(path)
-            assert_equal(plist['NSAppTransportSecurity'], {
-                'NSAllowsArbitraryLoads' => false,
-                'NSAllowsLocalNetworking' => true,
-            });
-        end
+        empty_xcconfig = XCConfigMock.new("EmptyConfig")
+        initialized_xcconfig = XCConfigMock.new("InitializedConfig", attributes: {
+            "OTHER_CPLUSPLUSFLAGS" => "INIT_FLAG"
+        })
+        twiceProcessed_xcconfig = XCConfigMock.new("TwiceProcessedConfig");
+        test_flag = " -DTEST_FLAG=1"
+
+        # Act
+        ReactNativePodsUtils.add_flag_to_map_with_inheritance(empty_xcconfig.attributes, "OTHER_CPLUSPLUSFLAGS", test_flag)
+        ReactNativePodsUtils.add_flag_to_map_with_inheritance(initialized_xcconfig.attributes, "OTHER_CPLUSPLUSFLAGS", test_flag)
+        ReactNativePodsUtils.add_flag_to_map_with_inheritance(twiceProcessed_xcconfig.attributes, "OTHER_CPLUSPLUSFLAGS", test_flag)
+        ReactNativePodsUtils.add_flag_to_map_with_inheritance(twiceProcessed_xcconfig.attributes, "OTHER_CPLUSPLUSFLAGS", test_flag)
+
+        # Assert
+        assert_equal("$(inherited)" + test_flag, empty_xcconfig.attributes["OTHER_CPLUSPLUSFLAGS"])
+        assert_equal("$(inherited) INIT_FLAG" + test_flag, initialized_xcconfig.attributes["OTHER_CPLUSPLUSFLAGS"])
+        assert_equal("$(inherited)" + test_flag, twiceProcessed_xcconfig.attributes["OTHER_CPLUSPLUSFLAGS"])
     end
 
+    def test_add_ndebug_flag_to_pods_in_release
+        # Arrange
+        xcconfig = XCConfigMock.new("Config")
+        default_debug_config = BuildConfigurationMock.new("Debug")
+        default_release_config = BuildConfigurationMock.new("Release")
+        custom_debug_config1 = BuildConfigurationMock.new("CustomDebug")
+        custom_debug_config2 = BuildConfigurationMock.new("Custom")
+        custom_release_config1 = BuildConfigurationMock.new("CustomRelease")
+        custom_release_config2 = BuildConfigurationMock.new("Production")
+
+        installer = prepare_installer_for_cpp_flags(
+            [ xcconfig ],
+            {
+                "Default" => [ default_debug_config, default_release_config ],
+                "Custom1" => [ custom_debug_config1, custom_release_config1 ],
+                "Custom2" => [ custom_debug_config2, custom_release_config2 ]
+            }
+        )
+        # Act
+        ReactNativePodsUtils.add_ndebug_flag_to_pods_in_release(installer)
+
+        # Assert
+        assert_equal(nil, default_debug_config.build_settings["OTHER_CPLUSPLUSFLAGS"])
+        assert_equal("$(inherited) -DNDEBUG", default_release_config.build_settings["OTHER_CPLUSPLUSFLAGS"])
+        assert_equal(nil, custom_debug_config1.build_settings["OTHER_CPLUSPLUSFLAGS"])
+        assert_equal("$(inherited) -DNDEBUG", custom_release_config1.build_settings["OTHER_CPLUSPLUSFLAGS"])
+        assert_equal(nil, custom_debug_config2.build_settings["OTHER_CPLUSPLUSFLAGS"])
+        assert_equal("$(inherited) -DNDEBUG", custom_release_config2.build_settings["OTHER_CPLUSPLUSFLAGS"])
+    end
 end
 
 # ===== #
@@ -949,3 +1117,30 @@ def prepare_Code_Signing_build_configuration(name, param)
         "CODE_SIGNING_ALLOWED" => param
     })
 end
+
+def prepare_pod_target_installation_results_mock(name, configs)
+    target = TargetMock.new(name, configs)
+    return TargetInstallationResultMock.new(target, target)
+end
+
+def prepare_installer_for_cpp_flags(xcconfigs, build_configs)
+    xcconfigs_map = {}
+    xcconfigs.each do |config|
+        xcconfigs_map[config.name.to_s] = config
+    end
+
+    pod_target_installation_results_map = {}
+    build_configs.each do |name, build_configs|
+        pod_target_installation_results_map[name.to_s] = prepare_pod_target_installation_results_mock(
+            name.to_s, build_configs
+        )
+    end
+
+    return InstallerMock.new(
+        PodsProjectMock.new,
+        [
+            AggregatedProjectMock.new(:xcconfigs => xcconfigs_map, :base_path => "a/path/")
+        ],
+        :pod_target_installation_results => pod_target_installation_results_map
+    )
+end
diff --git a/packages/react-native/scripts/cocoapods/codegen.rb b/packages/react-native/scripts/cocoapods/codegen.rb
index 7c6af06e155223..d1c2c58d26a8b5 100644
--- a/packages/react-native/scripts/cocoapods/codegen.rb
+++ b/packages/react-native/scripts/cocoapods/codegen.rb
@@ -3,6 +3,8 @@
 # This source code is licensed under the MIT license found in the
 # LICENSE file in the root directory of this source tree.
 
+require_relative './helpers.rb'
+
 # It builds the codegen CLI if it is not present
 #
 # Parameters:
@@ -11,65 +13,14 @@
 # - dir_manager: a class that implements the `Dir` interface. Defaults to `Dir`, the Dependency can be injected for testing purposes.
 # @throws an error if it could not find the codegen folder.
 def build_codegen!(react_native_path, relative_installation_root, dir_manager: Dir)
-    codegen_repo_path = "#{basePath(react_native_path, relative_installation_root)}/../react-native-codegen";
-    codegen_npm_path = "#{basePath(react_native_path, relative_installation_root)}/../@react-native/codegen";
-    codegen_cli_path = ""
-
-    if dir_manager.exist?(codegen_repo_path)
-      codegen_cli_path = codegen_repo_path
-    elsif dir_manager.exist?(codegen_npm_path)
-      codegen_cli_path = codegen_npm_path
-    else
-      raise "[codegen] Could not find react-native-codegen."
-    end
-
-    if !dir_manager.exist?("#{codegen_cli_path}/lib")
-      Pod::UI.puts "[Codegen] building #{codegen_cli_path}."
-      system("#{codegen_cli_path}/scripts/oss/build.sh")
-    end
-  end
-
-# It generates an empty `ThirdPartyProvider`, required by Fabric to load the components
-#
-# Parameters:
-# - react_native_path: path to the react native framework
-# - new_arch_enabled: whether the New Architecture is enabled or not
-# - dir_manager: a class that implements the `Dir` interface. Defaults to `Dir`, the Dependency can be injected for testing purposes.
-# - file_manager: a class that implements the `File` interface. Defaults to `File`, the Dependency can be injected for testing purposes.
-def checkAndGenerateEmptyThirdPartyProvider!(react_native_path, new_arch_enabled, dir_manager: Dir, file_manager: File)
-    return if new_arch_enabled
+  codegen_repo_path = "#{basePath(react_native_path, relative_installation_root)}/../react-native-codegen"
+  return unless dir_manager.exist?(codegen_repo_path) && !dir_manager.exist?("#{codegen_repo_path}/lib")
 
-    relative_installation_root = Pod::Config.instance.installation_root.relative_path_from(Pathname.pwd)
-
-    output_dir = "#{relative_installation_root}/#{react_native_path}/React/Fabric"
-
-    provider_h_path = "#{output_dir}/RCTThirdPartyFabricComponentsProvider.h"
-    provider_cpp_path ="#{output_dir}/RCTThirdPartyFabricComponentsProvider.mm"
-
-    if(!file_manager.exist?(provider_h_path) || !file_manager.exist?(provider_cpp_path))
-        # build codegen
-        build_codegen!(react_native_path, relative_installation_root, dir_manager: dir_manager)
-
-        # Just use a temp empty schema list.
-        temp_schema_list_path = "#{output_dir}/tmpSchemaList.txt"
-        file_manager.open(temp_schema_list_path, 'w') do |f|
-            f.write('[]')
-            f.fsync
-        end
-
-        Pod::UI.puts '[Codegen] generating an empty RCTThirdPartyFabricComponentsProvider'
-        Pod::Executable.execute_command(
-        'node',
-        [
-            "#{basePath(react_native_path, relative_installation_root)}/scripts/generate-provider-cli.js",
-            "--platform", 'ios',
-            "--schemaListPath", temp_schema_list_path,
-            "--outputDir", "#{output_dir}"
-        ])
-        file_manager.delete(temp_schema_list_path) if file_manager.exist?(temp_schema_list_path)
-    end
+  Pod::UI.puts "[Codegen] building #{codegen_repo_path}"
+  system("#{codegen_repo_path}/scripts/oss/build.sh")
 end
 
+# keeping the run_codegen! method for testing purposes
 def run_codegen!(
   app_path,
   config_file_dir,
@@ -81,32 +32,21 @@ def run_codegen!(
   codegen_output_dir: 'build/generated/ios',
   config_key: 'codegenConfig',
   package_json_file: '~/app/package.json',
-  folly_version: '2023.08.07.00',
+  folly_version: Helpers::Constants.folly_config()[:version],
   codegen_utils: CodegenUtils.new()
   )
 
-  if new_arch_enabled
-    codegen_utils.use_react_native_codegen_discovery!(
-      disable_codegen,
-      app_path,
-      :react_native_path => react_native_path,
-      :fabric_enabled => fabric_enabled,
-      :hermes_enabled => hermes_enabled,
-      :config_file_dir => config_file_dir,
-      :codegen_output_dir => codegen_output_dir,
-      :config_key => config_key,
-      :folly_version => folly_version
-    )
-  else
-    # Generate a podspec file for generated files.
-    # This gets generated in use_react_native_codegen_discovery when codegen discovery is enabled.
-    react_codegen_spec = codegen_utils.get_react_codegen_spec(
-      package_json_file,
-      :fabric_enabled => fabric_enabled,
-      :hermes_enabled => hermes_enabled
-    )
-    codegen_utils.generate_react_codegen_podspec!(react_codegen_spec, codegen_output_dir)
-  end
+  codegen_utils.use_react_native_codegen_discovery!(
+    disable_codegen,
+    app_path,
+    :react_native_path => react_native_path,
+    :fabric_enabled => fabric_enabled,
+    :hermes_enabled => hermes_enabled,
+    :config_file_dir => config_file_dir,
+    :codegen_output_dir => codegen_output_dir,
+    :config_key => config_key,
+    :folly_version => folly_version
+  )
 end
 
 def basePath(react_native_path, relative_installation_root)
diff --git a/packages/react-native/scripts/cocoapods/codegen_utils.rb b/packages/react-native/scripts/cocoapods/codegen_utils.rb
index 27b8d9fb4c8a20..ebdc01e9fef7ee 100644
--- a/packages/react-native/scripts/cocoapods/codegen_utils.rb
+++ b/packages/react-native/scripts/cocoapods/codegen_utils.rb
@@ -4,6 +4,7 @@
 # LICENSE file in the root directory of this source tree.
 
 require 'json'
+require_relative './utils.rb'
 require_relative './helpers.rb'
 require_relative './codegen_script_phase_extractor.rb'
 
@@ -65,14 +66,12 @@ def generate_react_codegen_podspec!(spec, codegen_output_dir, file_manager: File
     #
     # Parameters
     # - package_json_file: the path to the `package.json`, required to extract the proper React Native version
-    # - fabric_enabled: whether fabric is enabled or not.
     # - hermes_enabled: whether hermes is enabled or not.
     # - script_phases: whether we want to add some build script phases or not.
     # - file_manager: a class that implements the `File` interface. Defaults to `File`, the Dependency can be injected for testing purposes.
-    def get_react_codegen_spec(package_json_file, folly_version: '2023.08.07.00', fabric_enabled: false, hermes_enabled: true, script_phases: nil, file_manager: File)
+    def get_react_codegen_spec(package_json_file, folly_version: get_folly_config()[:version], hermes_enabled: true, script_phases: nil, file_manager: File)
         package = JSON.parse(file_manager.read(package_json_file))
         version = package['version']
-        new_arch_disabled = ENV['RCT_NEW_ARCH_ENABLED'] != "1"
         use_frameworks = ENV['USE_FRAMEWORKS'] != nil
         folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
         boost_compiler_flags = '-Wno-documentation'
@@ -86,27 +85,26 @@ def get_react_codegen_spec(package_json_file, folly_version: '2023.08.07.00', fa
           "\"$(PODS_ROOT)/Headers/Private/React-Fabric\"",
           "\"$(PODS_ROOT)/Headers/Private/React-RCTFabric\"",
           "\"$(PODS_ROOT)/Headers/Private/Yoga\"",
+          "\"$(PODS_ROOT)/DoubleConversion\"",
+          "\"$(PODS_ROOT)/fmt/include\"",
+          "\"$(PODS_TARGET_SRCROOT)\"",
         ]
         framework_search_paths = []
 
         if use_frameworks
-          header_search_paths.concat([
-            "\"$(PODS_ROOT)/DoubleConversion\"",
-            "\"$(PODS_ROOT)/fmt/include\"",
-            "\"$(PODS_TARGET_SRCROOT)\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Fabric/React_Fabric.framework/Headers\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-FabricImage/React_FabricImage.framework/Headers\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-graphics/React_graphics.framework/Headers\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-NativeModulesApple/React_NativeModulesApple.framework/Headers\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-RCTFabric/RCTFabric.framework/Headers\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-debug/React_debug.framework/Headers\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-rendererdebug/React_rendererdebug.framework/Headers\"",
-            "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-utils/React_utils.framework/Headers\"",
-          ])
+          ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-Fabric", "React_Fabric", ["react/renderer/components/view/platform/cxx"])
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-FabricImage", "React_FabricImage", []))
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-graphics", "React_graphics", ["react/renderer/graphics/platform/ios"]))
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "ReactCommon", "ReactCommon", ["react/nativemodule/core"]))
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-NativeModulesApple", "React_NativeModulesApple", []))
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-RCTFabric", "RCTFabric", []))
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-debug", "React_debug", []))
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-rendererdebug", "React_rendererdebug", []))
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-utils", "React_utils", []))
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-featureflags", "React_featureflags", []))
+            .each { |search_path|
+              header_search_paths << "\"#{search_path}\""
+            }
         end
 
         spec = {
@@ -137,18 +135,15 @@ def get_react_codegen_spec(package_json_file, folly_version: '2023.08.07.00', fa
             "React-NativeModulesApple": [],
             "glog": [],
             "DoubleConversion": [],
-          }
-        }
-
-        if fabric_enabled
-          spec[:'dependencies'].merge!({
             'React-graphics': [],
             'React-rendererdebug': [],
             'React-Fabric': [],
+            'React-FabricImage': [],
             'React-debug': [],
             'React-utils': [],
-          });
-        end
+            'React-featureflags': [],
+          }
+        }
 
         if hermes_enabled
           spec[:'dependencies'].merge!({
@@ -160,13 +155,6 @@ def get_react_codegen_spec(package_json_file, folly_version: '2023.08.07.00', fa
           });
         end
 
-        if new_arch_disabled
-          spec[:dependencies].merge!({
-            'React-rncore': [],
-            'FBReactNativeSpec': [],
-          })
-        end
-
         if script_phases
           Pod::UI.puts "[Codegen] Adding script_phases to React-Codegen."
           spec[:'script_phases'] = script_phases
@@ -290,7 +278,7 @@ def use_react_native_codegen_discovery!(
       config_file_dir: '',
       codegen_output_dir: 'build/generated/ios',
       config_key: 'codegenConfig',
-      folly_version: '2023.08.07.00',
+      folly_version: get_folly_config()[:version],
       codegen_utils: CodegenUtils.new(),
       file_manager: File
       )
@@ -321,7 +309,6 @@ def use_react_native_codegen_discovery!(
       react_codegen_spec = codegen_utils.get_react_codegen_spec(
         file_manager.join(relative_installation_root, react_native_path, "package.json"),
         :folly_version => folly_version,
-        :fabric_enabled => fabric_enabled,
         :hermes_enabled => hermes_enabled,
         :script_phases => script_phases
       )
@@ -333,8 +320,7 @@ def use_react_native_codegen_discovery!(
           "#{relative_installation_root}/#{react_native_path}/scripts/generate-codegen-artifacts.js",
           "-p", "#{app_path}",
           "-o", Pod::Config.instance.installation_root,
-          "-e", "#{fabric_enabled}",
-          "-c", "#{config_file_dir}",
+          "-t", "ios",
         ])
       Pod::UI.puts out;
 
@@ -351,25 +337,25 @@ def self.cleanup_done
       return @@CLEANUP_DONE
     end
 
-    def self.clean_up_build_folder(rn_path, app_path, ios_folder, codegen_dir, dir_manager: Dir, file_manager: File)
+    def self.clean_up_build_folder(rn_path, codegen_dir, dir_manager: Dir, file_manager: File)
       return if CodegenUtils.cleanup_done()
       CodegenUtils.set_cleanup_done(true)
 
-      codegen_path = file_manager.join(app_path, ios_folder, codegen_dir)
+      ios_folder = Pod::Config.instance.installation_root.relative_path_from(Pathname.pwd)
+      codegen_path = file_manager.join(ios_folder, codegen_dir)
       return if !dir_manager.exist?(codegen_path)
 
       FileUtils.rm_rf(dir_manager.glob("#{codegen_path}/*"))
       base_provider_path = file_manager.join(rn_path, 'React', 'Fabric', 'RCTThirdPartyFabricComponentsProvider')
       FileUtils.rm_rf("#{base_provider_path}.h")
       FileUtils.rm_rf("#{base_provider_path}.mm")
-      CodegenUtils.assert_codegen_folder_is_empty(app_path, ios_folder, codegen_dir, dir_manager: dir_manager, file_manager: file_manager)
+      CodegenUtils.assert_codegen_folder_is_empty(codegen_path, dir_manager: dir_manager)
     end
 
     # Need to split this function from the previous one to be able to test it properly.
-    def self.assert_codegen_folder_is_empty(app_path, ios_folder, codegen_dir, dir_manager: Dir, file_manager: File)
+    def self.assert_codegen_folder_is_empty(codegen_path, dir_manager: Dir)
       # double check that the files have actually been deleted.
       # Emit an error message if not.
-      codegen_path = file_manager.join(app_path, ios_folder, codegen_dir)
       if dir_manager.exist?(codegen_path) && dir_manager.glob("#{codegen_path}/*").length() != 0
         Pod::UI.warn "Unable to remove the content of #{codegen_path} folder. Please run rm -rf #{codegen_path} and try again."
         abort
diff --git a/packages/react-native/scripts/cocoapods/flipper.rb b/packages/react-native/scripts/cocoapods/flipper.rb
deleted file mode 100644
index 5930723785f9e5..00000000000000
--- a/packages/react-native/scripts/cocoapods/flipper.rb
+++ /dev/null
@@ -1,107 +0,0 @@
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# Default versions of Flipper and related dependencies.
-# Update this map to bump the dependencies.
-$flipper_default_versions = {
-    'Flipper' => '0.201.0',
-    'Flipper-Boost-iOSX' => '1.76.0.1.11',
-    'Flipper-DoubleConversion' => '3.2.0.1',
-    'Flipper-Fmt' => '7.1.7',
-    'Flipper-Folly' => '2.6.10',
-    'Flipper-Glog' => '0.5.0.5',
-    'Flipper-PeerTalk' => '0.0.4',
-    'OpenSSL-Universal' => '1.1.1100',
-}
-
-# This function installs the `React-Core/DevSupport` subpods
-# when the dependencies are installed for a non production app.
-#
-# @parameter pathToReactNative: the path to the React Native installation
-def install_flipper_dependencies(pathToReactNative)
-    pod 'React-Core/DevSupport', :path => "#{pathToReactNative}/"
-end
-
-
-# This function installs all the dependencies required by flipper.
-#
-# @parameter versions: a dictionary to specify a version of a dependencies. Default versions will be used if not specified
-# @parameter configurations: an array of configurations to install the flipper dependencies. Defaults to ['Debug'].
-def use_flipper_pods(versions = {}, configurations: ['Debug'])
-    versions['Flipper'] ||= $flipper_default_versions['Flipper']
-    versions['Flipper-Boost-iOSX'] ||= $flipper_default_versions['Flipper-Boost-iOSX']
-    versions['Flipper-DoubleConversion'] ||= $flipper_default_versions['Flipper-DoubleConversion']
-    versions['Flipper-Fmt'] ||= $flipper_default_versions['Flipper-Fmt']
-    versions['Flipper-Folly'] ||= $flipper_default_versions['Flipper-Folly']
-    versions['Flipper-Glog'] ||= $flipper_default_versions['Flipper-Glog']
-    versions['Flipper-PeerTalk'] ||= $flipper_default_versions['Flipper-PeerTalk']
-    versions['OpenSSL-Universal'] ||= $flipper_default_versions['OpenSSL-Universal']
-    pod 'FlipperKit', versions['Flipper'], :configurations => configurations
-    pod 'FlipperKit/FlipperKitLayoutPlugin', versions['Flipper'], :configurations => configurations
-    pod 'FlipperKit/SKIOSNetworkPlugin', versions['Flipper'], :configurations => configurations
-    pod 'FlipperKit/FlipperKitUserDefaultsPlugin', versions['Flipper'], :configurations => configurations
-    pod 'FlipperKit/FlipperKitReactPlugin', versions['Flipper'], :configurations => configurations
-    # List all transitive dependencies for FlipperKit pods
-    # to avoid them being linked in Release builds
-    pod 'Flipper', versions['Flipper'], :configurations => configurations
-    pod 'Flipper-Boost-iOSX', versions['Flipper-Boost-iOSX'], :configurations => configurations
-    pod 'Flipper-DoubleConversion', versions['Flipper-DoubleConversion'], :configurations => configurations
-    pod 'Flipper-Fmt', versions['Flipper-Fmt'], :configurations => configurations
-    pod 'Flipper-Folly', versions['Flipper-Folly'], :configurations => configurations
-    pod 'Flipper-Glog', versions['Flipper-Glog'], :configurations => configurations
-    pod 'Flipper-PeerTalk', versions['Flipper-PeerTalk'], :configurations => configurations
-    pod 'FlipperKit/Core', versions['Flipper'], :configurations => configurations
-    pod 'FlipperKit/CppBridge', versions['Flipper'], :configurations => configurations
-    pod 'FlipperKit/FBCxxFollyDynamicConvert', versions['Flipper'], :configurations => configurations
-    pod 'FlipperKit/FBDefines', versions['Flipper'], :configurations => configurations
-    pod 'FlipperKit/FKPortForwarding', versions['Flipper'], :configurations => configurations
-    pod 'FlipperKit/FlipperKitHighlightOverlay', versions['Flipper'], :configurations => configurations
-    pod 'FlipperKit/FlipperKitLayoutTextSearchable', versions['Flipper'], :configurations => configurations
-    pod 'FlipperKit/FlipperKitNetworkPlugin', versions['Flipper'], :configurations => configurations
-    pod 'OpenSSL-Universal', versions['OpenSSL-Universal'], :configurations => configurations
-end
-
-# Applies some changes to some pods of the project:
-# * it sets the sonar-kit flag to React-Core pod
-#
-# @parameter installer: the installer object used to install the pods.
-def flipper_post_install(installer)
-    installer.pods_project.targets.each do |target|
-        # Enable flipper for React-RCTAppDelegate Debug configuration
-        if target.name == 'React-RCTAppDelegate'
-            target.build_configurations.each do |config|
-                if config.debug?
-                    config.build_settings['GCC_PREPROCESSOR_DEFINITIONS'] = ['$(inherited)', 'FB_SONARKIT_ENABLED=1']
-                end
-            end
-        end
-    end
-end
-
-class FlipperConfiguration
-    attr_reader :flipper_enabled
-    attr_reader :configurations
-    attr_reader :versions
-
-    def initialize(flipper_enabled, configurations, versions)
-        @flipper_enabled = flipper_enabled
-        @configurations = configurations
-        @versions = versions
-    end
-
-    def self.enabled(configurations = ["Debug"], versions = {})
-        FlipperConfiguration.new(true, configurations, versions)
-    end
-
-    def self.disabled
-        FlipperConfiguration.new(false, [], {})
-    end
-
-    def == (other)
-        return @flipper_enabled == other.flipper_enabled &&
-            @configurations == other.configurations &&
-            @versions == other.versions
-    end
-end
diff --git a/packages/react-native/scripts/cocoapods/helpers.rb b/packages/react-native/scripts/cocoapods/helpers.rb
index ac4608a1a2aac9..79a16757182bea 100644
--- a/packages/react-native/scripts/cocoapods/helpers.rb
+++ b/packages/react-native/scripts/cocoapods/helpers.rb
@@ -50,5 +50,12 @@ def self.min_visionos_version_supported
             return '1.0'
         end
         # visionOS]
+
+        def self.folly_config
+            return {
+                :version => '2024.01.01.00',
+                :compiler_flags => '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
+            }
+        end
     end
 end
diff --git a/packages/react-native/scripts/cocoapods/jsengine.rb b/packages/react-native/scripts/cocoapods/jsengine.rb
index f68537db8365b8..221c2ab23a0412 100644
--- a/packages/react-native/scripts/cocoapods/jsengine.rb
+++ b/packages/react-native/scripts/cocoapods/jsengine.rb
@@ -30,5 +30,4 @@ def setup_hermes!(react_native_path: "../node_modules/react-native")
     hermestag = File.exist?(hermestag_file) ? File.read(hermestag_file).strip : ''
     pod 'hermes-engine', :podspec => "#{react_native_path}/sdks/hermes-engine/hermes-engine.podspec", :tag => hermestag
     pod 'React-hermes', :path => "#{react_native_path}/ReactCommon/hermes"
-    pod 'libevent', :podspec => "#{react_native_path}/third-party-podspecs/libevent.podspec" # [visionOS]
 end
diff --git a/packages/react-native/scripts/cocoapods/new_architecture.rb b/packages/react-native/scripts/cocoapods/new_architecture.rb
index 976a1e5fe5fa87..ebf0d418a7ecbb 100644
--- a/packages/react-native/scripts/cocoapods/new_architecture.rb
+++ b/packages/react-native/scripts/cocoapods/new_architecture.rb
@@ -5,13 +5,10 @@
 
 require 'json'
 
-class NewArchitectureHelper
-    @@shared_flags = "-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1"
-
-    @@folly_compiler_flags = "#{@@shared_flags} -Wno-comma -Wno-shorten-64-to-32"
-
-    @@new_arch_cpp_flags = "$(inherited) -DRCT_NEW_ARCH_ENABLED=1 #{@@shared_flags}"
+require_relative "./utils.rb"
+require_relative "./helpers.rb"
 
+class NewArchitectureHelper
     @@cplusplus_version = "c++20"
 
     @@NewArchWarningEmitted = false # Used not to spam warnings to the user.
@@ -43,61 +40,39 @@ def self.set_clang_cxx_language_standard_if_needed(installer)
         end
     end
 
+    def self.computeFlags(is_new_arch_enabled)
+        new_arch_flag = is_new_arch_enabled ? "-DRCT_NEW_ARCH_ENABLED=1 " : ""
+        return " #{new_arch_flag}#{Helpers::Constants.folly_config()[:compiler_flags]}"
+    end
+
     def self.modify_flags_for_new_architecture(installer, is_new_arch_enabled)
-        unless is_new_arch_enabled
-            return
-        end
-        ndebug_flag = " -DNDEBUG"
-        # Add RCT_NEW_ARCH_ENABLED to Target pods xcconfig
+        # Add flags to Target pods xcconfig
         installer.aggregate_targets.each do |aggregate_target|
             aggregate_target.xcconfigs.each do |config_name, config_file|
-                config_file.attributes['OTHER_CPLUSPLUSFLAGS'] = @@new_arch_cpp_flags
-
-                if config_name == "Release"
-                    config_file.attributes['OTHER_CPLUSPLUSFLAGS'] = config_file.attributes['OTHER_CPLUSPLUSFLAGS'] + ndebug_flag
-                    other_cflags = config_file.attributes['OTHER_CFLAGS'] != nil ? config_file.attributes['OTHER_CFLAGS'] : "$(inherited)"
-                    config_file.attributes['OTHER_CFLAGS'] = other_cflags + ndebug_flag
-                end
+                ReactNativePodsUtils.add_flag_to_map_with_inheritance(config_file.attributes, "OTHER_CPLUSPLUSFLAGS", self.computeFlags(is_new_arch_enabled))
 
                 xcconfig_path = aggregate_target.xcconfig_path(config_name)
                 config_file.save_as(xcconfig_path)
             end
         end
 
-        # Add RCT_NEW_ARCH_ENABLED to generated pod target projects
+        # Add flags to Target pods xcconfig
         installer.target_installation_results.pod_target_installation_results.each do |pod_name, target_installation_result|
             # The React-Core pod may have a suffix added by Cocoapods, so we test whether 'React-Core' is a substring, and do not require exact match
             if pod_name.include? 'React-Core'
                 target_installation_result.native_target.build_configurations.each do |config|
-                    config.build_settings['OTHER_CPLUSPLUSFLAGS'] = @@new_arch_cpp_flags
-                end
-            end
-
-            # Set "RCT_DYNAMIC_FRAMEWORKS=1" if pod are installed with USE_FRAMEWORKS=dynamic
-            # This helps with backward compatibility.
-            if pod_name == 'React-RCTFabric' && ENV['USE_FRAMEWORKS'] == 'dynamic'
-                Pod::UI.puts "Setting -DRCT_DYNAMIC_FRAMEWORKS=1 to React-RCTFabric".green
-                rct_dynamic_framework_flag = " -DRCT_DYNAMIC_FRAMEWORKS=1"
-                target_installation_result.native_target.build_configurations.each do |config|
-                    prev_build_settings = config.build_settings['OTHER_CPLUSPLUSFLAGS'] != nil ? config.build_settings['OTHER_CPLUSPLUSFLAGS'] : "$(inherithed)"
-                    config.build_settings['OTHER_CPLUSPLUSFLAGS'] = prev_build_settings + rct_dynamic_framework_flag
-                end
-            end
-
-            target_installation_result.native_target.build_configurations.each do |config|
-                if config.name == "Release"
-                    current_flags = config.build_settings['OTHER_CPLUSPLUSFLAGS'] != nil ? config.build_settings['OTHER_CPLUSPLUSFLAGS'] : "$(inherited)"
-                    config.build_settings['OTHER_CPLUSPLUSFLAGS'] = current_flags + ndebug_flag
-                    current_cflags = config.build_settings['OTHER_CFLAGS'] != nil ? config.build_settings['OTHER_CFLAGS'] : "$(inherited)"
-                    config.build_settings['OTHER_CFLAGS'] = current_cflags + ndebug_flag
+                    ReactNativePodsUtils.add_flag_to_map_with_inheritance(config.build_settings, "OTHER_CPLUSPLUSFLAGS", self.computeFlags(is_new_arch_enabled))
                 end
             end
         end
     end
 
-    def self.install_modules_dependencies(spec, new_arch_enabled, folly_version)
+    def self.install_modules_dependencies(spec, new_arch_enabled, folly_version = get_folly_config()[:version])
         # Pod::Specification does not have getters so, we have to read
         # the existing values from a hash representation of the object.
+        folly_config = get_folly_config()
+        folly_compiler_flags = folly_config[:compiler_flags]
+
         hash = spec.to_hash
 
         compiler_flags = hash["compiler_flags"] ? hash["compiler_flags"] : ""
@@ -108,21 +83,23 @@ def self.install_modules_dependencies(spec, new_arch_enabled, folly_version)
         if ENV['USE_FRAMEWORKS']
             header_search_paths << "\"$(PODS_ROOT)/DoubleConversion\""
             header_search_paths << "\"$(PODS_ROOT)/fmt/include\""
-            header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers\""
-            header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\""
-            header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\""
-            header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\""
-            header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-FabricImage/React_FabricImage.framework/Headers\""
-            header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers\""
-            header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\""
-            header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers\""
-            header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-utils/React_utils.framework/Headers\""
-            header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-debug/React_debug.framework/Headers\""
-            header_search_paths << "\"${PODS_CONFIGURATION_BUILD_DIR}/React-ImageManager/React_ImageManager.framework/Headers\""
-            header_search_paths << "\"$(PODS_CONFIGURATION_BUILD_DIR)/React-rendererdebug/React_rendererdebug.framework/Headers\""
+            ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-graphics", "React_graphics", ["react/renderer/graphics/platform/ios"])
+                .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-Fabric", "React_Fabric", ["react/renderer/components/view/platform/cxx"]))
+                .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-FabricImage", "React_FabricImage", []))
+                .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "ReactCommon", "ReactCommon", ["react/nativemodule/core"]))
+                .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-NativeModulesApple", "React_NativeModulesApple", []))
+                .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-RCTFabric", "RCTFabric", []))
+                .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-utils", "React_utils", []))
+                .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-featureflags", "React_featureflags", []))
+                .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-debug", "React_debug", []))
+                .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-ImageManager", "React_ImageManager", []))
+                .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-rendererdebug", "React_rendererdebug", []))
+                .each { |search_path|
+                    header_search_paths << "\"#{search_path}\""
+                }
         end
         header_search_paths_string = header_search_paths.join(" ")
-        spec.compiler_flags = compiler_flags.empty? ? @@folly_compiler_flags : "#{compiler_flags} #{@@folly_compiler_flags}"
+        spec.compiler_flags = compiler_flags.empty? ? self.computeFlags(new_arch_enabled).strip! : "#{compiler_flags} #{self.computeFlags(new_arch_enabled)}"
         current_config["HEADER_SEARCH_PATHS"] = current_headers.empty? ?
             header_search_paths_string :
             "#{current_headers} #{header_search_paths_string}"
@@ -130,39 +107,43 @@ def self.install_modules_dependencies(spec, new_arch_enabled, folly_version)
 
 
         spec.dependency "React-Core"
-        spec.dependency "RCT-Folly", '2023.08.07.00'
+        spec.dependency "RCT-Folly", folly_version
         spec.dependency "glog"
 
-        if new_arch_enabled
-            current_config["OTHER_CPLUSPLUSFLAGS"] = @@new_arch_cpp_flags
-            spec.dependency "React-RCTFabric" # This is for Fabric Component
-            spec.dependency "React-Codegen"
-
-            spec.dependency "RCTRequired"
-            spec.dependency "RCTTypeSafety"
-            spec.dependency "ReactCommon/turbomodule/bridging"
-            spec.dependency "ReactCommon/turbomodule/core"
-            spec.dependency "React-NativeModulesApple"
-            spec.dependency "Yoga"
-            spec.dependency "React-Fabric"
-            spec.dependency "React-graphics"
-            spec.dependency "React-utils"
-            spec.dependency "React-debug"
-            spec.dependency "React-ImageManager"
-            spec.dependency "React-rendererdebug"
-
-            if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
-                spec.dependency "hermes-engine"
-            else
-                spec.dependency "React-jsi"
-            end
+
+        ReactNativePodsUtils.add_flag_to_map_with_inheritance(current_config, "OTHER_CPLUSPLUSFLAGS", self.computeFlags(new_arch_enabled))
+
+        spec.dependency "React-RCTFabric" # This is for Fabric Component
+        spec.dependency "React-Codegen"
+
+        spec.dependency "RCTRequired"
+        spec.dependency "RCTTypeSafety"
+        spec.dependency "ReactCommon/turbomodule/bridging"
+        spec.dependency "ReactCommon/turbomodule/core"
+        spec.dependency "React-NativeModulesApple"
+        spec.dependency "Yoga"
+        spec.dependency "React-Fabric"
+        spec.dependency "React-graphics"
+        spec.dependency "React-utils"
+        spec.dependency "React-featureflags"
+        spec.dependency "React-debug"
+        spec.dependency "React-ImageManager"
+        spec.dependency "React-rendererdebug"
+        # This dependency is required for the cases when the pod includes generated sources, specifically Props.cpp.
+        spec.dependency "DoubleConversion"
+
+        if ENV["USE_HERMES"] == nil || ENV["USE_HERMES"] == "1"
+            spec.dependency "hermes-engine"
+        else
+            spec.dependency "React-jsi"
         end
 
         spec.pod_target_xcconfig = current_config
     end
 
     def self.folly_compiler_flags
-        return @@folly_compiler_flags
+        folly_config = get_folly_config()
+        return folly_config[:compiler_flags]
     end
 
     def self.extract_react_native_version(react_native_path, file_manager: File, json_parser: JSON)
diff --git a/packages/react-native/scripts/cocoapods/utils.rb b/packages/react-native/scripts/cocoapods/utils.rb
index 4564ebb00592c8..70c73a640e81b0 100644
--- a/packages/react-native/scripts/cocoapods/utils.rb
+++ b/packages/react-native/scripts/cocoapods/utils.rb
@@ -23,7 +23,6 @@ def self.get_default_flags
         flags = {
             :fabric_enabled => false,
             :hermes_enabled => true,
-            :flipper_configuration => FlipperConfiguration.disabled
         }
 
         if ENV['RCT_NEW_ARCH_ENABLED'] == '1'
@@ -87,6 +86,42 @@ def self.set_node_modules_user_settings(installer, react_native_path)
         end
     end
 
+    def self.set_ccache_compiler_and_linker_build_settings(installer, react_native_path, ccache_enabled)
+        projects = self.extract_projects(installer)
+
+        ccache_path = `command -v ccache`.strip
+        ccache_available = !ccache_path.empty?
+
+        message_prefix = "[Ccache]"
+
+        if ccache_available
+            Pod::UI.puts("#{message_prefix}: Ccache found at #{ccache_path}")
+        end
+
+        if ccache_available and ccache_enabled
+            Pod::UI.puts("#{message_prefix}: Setting CC, LD, CXX & LDPLUSPLUS build settings")
+            # Using scripts wrapping the ccache executable, to allow injection of configurations
+            ccache_clang_sh = File.join("$(REACT_NATIVE_PATH)", 'scripts', 'xcode', 'ccache-clang.sh')
+            ccache_clangpp_sh = File.join("$(REACT_NATIVE_PATH)", 'scripts', 'xcode', 'ccache-clang++.sh')
+
+            projects.each do |project|
+                project.build_configurations.each do |config|
+                    # Using the un-qualified names means you can swap in different implementations, for example ccache
+                    config.build_settings["CC"] = ccache_clang_sh
+                    config.build_settings["LD"] = ccache_clang_sh
+                    config.build_settings["CXX"] = ccache_clangpp_sh
+                    config.build_settings["LDPLUSPLUS"] = ccache_clangpp_sh
+                end
+
+                project.save()
+            end
+        elsif ccache_available and !ccache_enabled
+            Pod::UI.puts("#{message_prefix}: Pass ':ccache_enabled => true' to 'react_native_post_install' in your Podfile or set environment variable 'USE_CCACHE=1' to increase the speed of subsequent builds")
+        elsif !ccache_available and ccache_enabled
+            Pod::UI.warn("#{message_prefix}: Install ccache or ensure your neither passing ':ccache_enabled => true' nor setting environment variable 'USE_CCACHE=1'")
+        end
+    end
+
     def self.fix_library_search_paths(installer)
         projects = self.extract_projects(installer)
 
@@ -137,7 +172,7 @@ def self.apply_xcode_15_patch(installer, xcodebuild_manager: Xcodebuild)
             project.build_configurations.each do |config|
                 # fix for weak linking
                 self.safe_init(config, other_ld_flags_key)
-                if self.is_using_xcode15_or_greater(:xcodebuild_manager => xcodebuild_manager)
+                if self.is_using_xcode15_0(:xcodebuild_manager => xcodebuild_manager)
                     self.add_value_to_setting_if_missing(config, other_ld_flags_key, xcode15_compatibility_flags)
                 else
                     self.remove_value_from_setting_if_present(config, other_ld_flags_key, xcode15_compatibility_flags)
@@ -148,15 +183,6 @@ def self.apply_xcode_15_patch(installer, xcodebuild_manager: Xcodebuild)
 
     end
 
-    def self.apply_flags_for_fabric(installer, fabric_enabled: false)
-        fabric_flag = "-DRN_FABRIC_ENABLED"
-        if fabric_enabled
-            self.add_compiler_flag_to_project(installer, fabric_flag)
-        else
-            self.remove_compiler_flag_from_project(installer, fabric_flag)
-        end
-    end
-
     private
 
     def self.add_build_settings_to_pod(installer, settings_name, settings_value, target_pod_name, configuration)
@@ -229,6 +255,46 @@ def self.detect_use_frameworks(target_definition)
         end
     end
 
+    def self.create_header_search_path_for_frameworks(base_folder, pod_name, framework_name, additional_paths, include_base_path = true)
+        platforms = $RN_PLATFORMS != nil ? $RN_PLATFORMS : []
+        search_paths = []
+
+        if platforms.empty?() || platforms.length() == 1
+            base_path = File.join("${#{base_folder}}", pod_name, "#{framework_name}.framework", "Headers")
+            self.add_search_path_to_result(search_paths, base_path, additional_paths, include_base_path)
+        else
+            platforms.each { |platform|
+                base_path = File.join("${#{base_folder}}", "#{pod_name}-#{platform}", "#{framework_name}.framework", "Headers")
+                self.add_search_path_to_result(search_paths, base_path, additional_paths, include_base_path)
+            }
+        end
+        return search_paths
+    end
+
+    # Add a new dependency to an existing spec, configuring also the headers search paths
+    def self.add_dependency(spec, dependency_name, base_folder_for_frameworks, framework_name, additional_paths: [], version: nil, subspec_dependency: nil)
+        # Update Search Path
+        optional_current_search_path = spec.to_hash["pod_target_xcconfig"]["HEADER_SEARCH_PATHS"]
+        current_search_paths = (optional_current_search_path != nil ? optional_current_search_path : "")
+            .split(" ")
+        create_header_search_path_for_frameworks(base_folder_for_frameworks, dependency_name, framework_name, additional_paths)
+            .each { |path|
+                wrapped_path = "\"#{path}\""
+                current_search_paths << wrapped_path
+            }
+        current_pod_target_xcconfig = spec.to_hash["pod_target_xcconfig"]
+        current_pod_target_xcconfig["HEADER_SEARCH_PATHS"] = current_search_paths.join(" ")
+        spec.pod_target_xcconfig = current_pod_target_xcconfig
+
+        actual_dependency = subspec_dependency != nil ? "#{dependency_name}/#{subspec_dependency}" : dependency_name
+        # Set Dependency
+        if !version
+            spec.dependency actual_dependency
+        else
+            spec.dependency actual_dependency, version
+        end
+    end
+
     def self.update_search_paths(installer)
         return if ENV['USE_FRAMEWORKS'] == nil
 
@@ -239,12 +305,14 @@ def self.update_search_paths(installer)
 
                 header_search_paths = config.build_settings["HEADER_SEARCH_PATHS"] ||= "$(inherited)"
 
-                header_search_paths = self.add_search_path_if_not_included(header_search_paths, "${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers")
-                header_search_paths = self.add_search_path_if_not_included(header_search_paths, "${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core")
-                header_search_paths = self.add_search_path_if_not_included(header_search_paths, "${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon-Samples/ReactCommon_Samples.framework/Headers/platform/ios")
-                header_search_paths = self.add_search_path_if_not_included(header_search_paths, "${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx")
-                header_search_paths = self.add_search_path_if_not_included(header_search_paths, "${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers")
-                header_search_paths = self.add_search_path_if_not_included(header_search_paths, "${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios")
+                ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "ReactCommon", "ReactCommon", ["react/nativemodule/core"])
+                    .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "ReactCommon-Samples", "ReactCommon_Samples", ["platform/ios"]))
+                    .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-Fabric", "React_Fabric", ["react/renderer/components/view/platform/cxx"], false))
+                    .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-NativeModulesApple", "React_NativeModulesApple", []))
+                    .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-graphics", "React_graphics", ["react/renderer/graphics/platform/ios"]))
+                    .each{ |search_path|
+                        header_search_paths = self.add_search_path_if_not_included(header_search_paths, search_path)
+                    }
 
                 config.build_settings["HEADER_SEARCH_PATHS"] = header_search_paths
             end
@@ -266,38 +334,35 @@ def self.update_search_paths(installer)
     end
 
     def self.updateOSDeploymentTarget(installer)
-        pod_to_update = Set.new([
-            "boost",
-            "CocoaAsyncSocket",
-            "Flipper",
-            "Flipper-DoubleConversion",
-            "Flipper-Fmt",
-            "Flipper-Boost-iOSX",
-            "Flipper-Folly",
-            "Flipper-Glog",
-            "Flipper-PeerTalk",
-            "FlipperKit",
-            "fmt",
-            "libevent",
-            "OpenSSL-Universal",
-            "RCT-Folly",
-            "SocketRocket",
-            "YogaKit"
-        ])
-
         installer.target_installation_results.pod_target_installation_results
             .each do |pod_name, target_installation_result|
-                unless pod_to_update.include?(pod_name)
-                    next
-                end
                 target_installation_result.native_target.build_configurations.each do |config|
-                    config.build_settings["IPHONEOS_DEPLOYMENT_TARGET"] = Helpers::Constants.min_ios_version_supported
+                    old_iphone_deploy_target = config.build_settings["IPHONEOS_DEPLOYMENT_TARGET"] ?
+                        config.build_settings["IPHONEOS_DEPLOYMENT_TARGET"] :
+                        Helpers::Constants.min_ios_version_supported
+                    config.build_settings["IPHONEOS_DEPLOYMENT_TARGET"] = [Helpers::Constants.min_ios_version_supported.to_f, old_iphone_deploy_target.to_f].max.to_s
                     config.build_settings["MACOSX_DEPLOYMENT_TARGET"] = Helpers::Constants.min_macos_version_supported # [macOS]
                     config.build_settings["XROS_DEPLOYMENT_TARGET"] = Helpers::Constants.min_visionos_version_supported # [visionOS]
                 end
             end
     end
 
+    def self.set_dynamic_frameworks_flags(installer)
+        installer.target_installation_results.pod_target_installation_results.each do |pod_name, target_installation_result|
+
+            # Set "RCT_DYNAMIC_FRAMEWORKS=1" if pod are installed with USE_FRAMEWORKS=dynamic
+            # This helps with backward compatibility.
+            if pod_name == 'React-RCTFabric' && ENV['USE_FRAMEWORKS'] == 'dynamic'
+                Pod::UI.puts "Setting -DRCT_DYNAMIC_FRAMEWORKS=1 to React-RCTFabric".green
+                rct_dynamic_framework_flag = " -DRCT_DYNAMIC_FRAMEWORKS=1"
+                target_installation_result.native_target.build_configurations.each do |config|
+                    prev_build_settings = config.build_settings['OTHER_CPLUSPLUSFLAGS'] != nil ? config.build_settings['OTHER_CPLUSPLUSFLAGS'] : "$(inherithed)"
+                    config.build_settings['OTHER_CPLUSPLUSFLAGS'] = prev_build_settings + rct_dynamic_framework_flag
+                end
+            end
+        end
+    end
+
     # ========= #
     # Utilities #
     # ========= #
@@ -341,7 +406,7 @@ def self.remove_value_from_setting_if_present(config, setting_name, value)
         end
     end
 
-    def self.is_using_xcode15_or_greater(xcodebuild_manager: Xcodebuild)
+    def self.is_using_xcode15_0(xcodebuild_manager: Xcodebuild)
         xcodebuild_version = xcodebuild_manager.version
 
         # The output of xcodebuild -version is something like
@@ -352,7 +417,8 @@ def self.is_using_xcode15_or_greater(xcodebuild_manager: Xcodebuild)
         regex = /(\d+)\.(\d+)(?:\.(\d+))?/
         if match_data = xcodebuild_version.match(regex)
             major = match_data[1].to_i
-            return major >= 15
+            minor = match_data[2].to_i
+            return major == 15 && minor == 0
         end
 
         return false
@@ -465,70 +531,31 @@ def self.set_rctfolly_search_paths(target_installation_result)
     end
 
     def self.set_codegen_search_paths(target_installation_result)
-        ReactNativePodsUtils.update_header_paths_if_depends_on(target_installation_result, "React-Codegen", [
-            "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Codegen/React_Codegen.framework/Headers\"",
-        ])
+        header_search_paths = ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-Codegen", "React_Codegen", [])
+            .map { |search_path| "\"#{search_path}\"" }
+        ReactNativePodsUtils.update_header_paths_if_depends_on(target_installation_result, "React-Codegen", header_search_paths)
     end
 
     def self.set_reactcommon_searchpaths(target_installation_result)
-        ReactNativePodsUtils.update_header_paths_if_depends_on(target_installation_result, "ReactCommon", [
-            "\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers\"",
-            "\"${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers/react/nativemodule/core\"",
-        ])
-
+        header_search_paths = ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "ReactCommon", "ReactCommon", ["react/nativemodule/core"])
+            .map { |search_path| "\"#{search_path}\"" }
+        ReactNativePodsUtils.update_header_paths_if_depends_on(target_installation_result, "ReactCommon", header_search_paths)
     end
 
     def self.set_rctfabric_search_paths(target_installation_result)
-        ReactNativePodsUtils.update_header_paths_if_depends_on(target_installation_result, "React-RCTFabric", [
-            "\"${PODS_CONFIGURATION_BUILD_DIR}/React-RCTFabric/RCTFabric.framework/Headers\"",
-            "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers\"",
-            "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx\"",
-            "\"${PODS_CONFIGURATION_BUILD_DIR}/React-FabricImage/React_FabricImage.framework/Headers\"",
-            "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Graphics/React_graphics.framework/Headers\"",
-            "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios\"",
-        ])
-    end
+        header_search_paths = ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-RCTFabric", "RCTFabric", [])
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-Fabric", "React_Fabric", ["react/renderer/components/view/platform/cxx"]))
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-FabricImage", "React_FabricImage", []))
+            .concat(ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-Graphics", "React_graphics", ["react/renderer/graphics/platform/ios"]))
+            .map { |search_path| "\"#{search_path}\"" }
 
-    def self.set_imagemanager_search_path(target_installation_result)
-        ReactNativePodsUtils.update_header_paths_if_depends_on(target_installation_result, "React-ImageManager", [
-            "\"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/imagemanager/platform/ios\""
-        ])
+        ReactNativePodsUtils.update_header_paths_if_depends_on(target_installation_result, "React-RCTFabric", header_search_paths)
     end
 
-    def self.get_plist_paths_from(user_project)
-        info_plists = user_project
-          .files
-          .select { |p|
-            p.name&.end_with?('Info.plist')
-          }
-        return info_plists
-      end
-
-    def self.update_ats_in_plist(plistPaths, parent)
-        plistPaths.each do |plistPath|
-            fullPlistPath = File.join(parent, plistPath.path)
-            plist = Xcodeproj::Plist.read_from_path(fullPlistPath)
-            ats_configs = {
-                "NSAllowsArbitraryLoads" => false,
-                "NSAllowsLocalNetworking" => true,
-            }
-            if plist.nil?
-                plist = {
-                    "NSAppTransportSecurity" => ats_configs
-                }
-            else
-                plist["NSAppTransportSecurity"] = ats_configs
-            end
-            Xcodeproj::Plist.write_to_path(plist, fullPlistPath)
-        end
-    end
-
-    def self.apply_ats_config(installer)
-        user_project = installer.aggregate_targets
-                    .map{ |t| t.user_project }
-                    .first
-        plistPaths = self.get_plist_paths_from(user_project)
-        self.update_ats_in_plist(plistPaths, user_project.path.parent)
+    def self.set_imagemanager_search_path(target_installation_result)
+        header_search_paths = ReactNativePodsUtils.create_header_search_path_for_frameworks("PODS_CONFIGURATION_BUILD_DIR", "React-Fabric", "React_Fabric", ["react/renderer/imagemanager/platform/ios"])
+            .map { |search_path| "\"#{search_path}\"" }
+        ReactNativePodsUtils.update_header_paths_if_depends_on(target_installation_result, "React-ImageManager", header_search_paths)
     end
 
     def self.react_native_pods
@@ -575,8 +602,60 @@ def self.react_native_pods
             "fmt",
             "glog",
             "hermes-engine",
-            "libevent",
             "React-hermes",
         ]
     end
+
+    def self.add_search_path_to_result(result, base_path, additional_paths, include_base_path)
+        if (include_base_path)
+            result << base_path
+        end
+
+        additional_paths.each { |extra_path|
+            result << File.join(base_path, extra_path)
+        }
+        return result
+    end
+
+    def self.add_ndebug_flag_to_pods_in_release(installer)
+        ndebug_flag = " -DNDEBUG"
+
+        installer.aggregate_targets.each do |aggregate_target|
+            aggregate_target.xcconfigs.each do |config_name, config_file|
+                is_release = config_name.downcase.include?("release") || config_name.downcase.include?("production")
+                unless is_release
+                    next
+                end
+                self.add_flag_to_map_with_inheritance(config_file.attributes, 'OTHER_CPLUSPLUSFLAGS', ndebug_flag);
+                self.add_flag_to_map_with_inheritance(config_file.attributes, 'OTHER_CFLAGS', ndebug_flag);
+
+                xcconfig_path = aggregate_target.xcconfig_path(config_name)
+                config_file.save_as(xcconfig_path)
+            end
+        end
+
+        installer.target_installation_results.pod_target_installation_results.each do |pod_name, target_installation_result|
+            target_installation_result.native_target.build_configurations.each do |config|
+                is_release = config.name.downcase.include?("release") || config.name.downcase.include?("production")
+                unless is_release
+                    next
+                end
+                self.add_flag_to_map_with_inheritance(config.build_settings, 'OTHER_CPLUSPLUSFLAGS', ndebug_flag);
+                self.add_flag_to_map_with_inheritance(config.build_settings, 'OTHER_CFLAGS', ndebug_flag);
+            end
+        end
+    end
+
+    def self.add_flag_to_map_with_inheritance(map, field, flag)
+        if map[field] == nil
+            map[field] = "$(inherited)" + flag
+        else
+            unless map[field].include?(flag)
+                map[field] = map[field] + flag
+            end
+            unless map[field].include?("$(inherited)")
+                map[field] = "$(inherited) " + map[field]
+            end
+        end
+    end
 end
diff --git a/packages/react-native/scripts/codegen/__test_fixtures__/test-library-2/test-library-2.podspec b/packages/react-native/scripts/codegen/__test_fixtures__/test-library-2/test-library-2.podspec
new file mode 100644
index 00000000000000..0e292a8a55c465
--- /dev/null
+++ b/packages/react-native/scripts/codegen/__test_fixtures__/test-library-2/test-library-2.podspec
@@ -0,0 +1,12 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+Pod::Spec.new do |s|
+  s.name         = "test-library-2"
+  s.version      = "0.0.0"
+  s.ios.deployment_target = "9.0"
+  s.osx.deployment_target = "13.0"
+  s.tvos.deployment_target = "1.0"
+end
diff --git a/packages/react-native/ReactCommon/hermes/inspector-modern/docs/GenerateInspectorFSM.sh b/packages/react-native/scripts/codegen/__test_fixtures__/test-library/test-library.podspec
old mode 100755
new mode 100644
similarity index 53%
rename from packages/react-native/ReactCommon/hermes/inspector-modern/docs/GenerateInspectorFSM.sh
rename to packages/react-native/scripts/codegen/__test_fixtures__/test-library/test-library.podspec
index 6218d33d6ea31f..e1697ec5efca9a
--- a/packages/react-native/ReactCommon/hermes/inspector-modern/docs/GenerateInspectorFSM.sh
+++ b/packages/react-native/scripts/codegen/__test_fixtures__/test-library/test-library.podspec
@@ -1,7 +1,10 @@
-#!/bin/sh
 # Copyright (c) Meta Platforms, Inc. and affiliates.
 #
 # This source code is licensed under the MIT license found in the
 # LICENSE file in the root directory of this source tree.
 
-dot -Tpdf InspectorFSM.gv -o InspectorFSM.pdf
+Pod::Spec.new do |s|
+  s.name         = "test-library"
+  s.version      = "0.0.0"
+  s.platforms    = { :ios => "9.0", :osx => "13.0", visionos: "1.0" }
+end
diff --git a/packages/react-native/scripts/codegen/__tests__/generate-artifacts-executor-test.js b/packages/react-native/scripts/codegen/__tests__/generate-artifacts-executor-test.js
index de2fd09e833515..6c091f18b9868e 100644
--- a/packages/react-native/scripts/codegen/__tests__/generate-artifacts-executor-test.js
+++ b/packages/react-native/scripts/codegen/__tests__/generate-artifacts-executor-test.js
@@ -10,111 +10,18 @@
 
 'use strict';
 
-const underTest = require('../generate-artifacts-executor');
 const fixtures = require('../__test_fixtures__/fixtures');
+const underTest = require('../generate-artifacts-executor');
 const path = require('path');
-const fs = require('fs');
-const child_process = require('child_process');
 
-const codegenConfigKey = 'codegenConfig';
-const reactNativeDependencyName = 'react-native';
 const rootPath = path.join(__dirname, '../../..');
 
-describe('generateCode', () => {
-  afterEach(() => {
-    jest.resetModules();
-    jest.resetAllMocks();
-  });
-
-  it('executeNodes with the right arguments', () => {
-    // Define variables and expected values
-    const iosOutputDir = 'app/ios/build/generated/ios';
-    const library = {config: {name: 'library', type: 'all'}};
-    const tmpDir = 'tmp';
-    const node = 'usr/bin/node';
-    const pathToSchema = 'app/build/schema.json';
-    const rnRoot = path.join(__dirname, '../..');
-    const libraryTypeArg = 'all';
-
-    const tmpOutputDir = path.join(tmpDir, 'out');
-
-    // mock used functions
-    jest.spyOn(fs, 'mkdirSync').mockImplementation();
-    jest.spyOn(child_process, 'execSync').mockImplementation();
-    jest.spyOn(child_process, 'execFileSync').mockImplementation();
-
-    underTest._generateCode(iosOutputDir, library, tmpDir, node, pathToSchema);
-
-    expect(child_process.execFileSync).toHaveBeenCalledTimes(1);
-    expect(child_process.execFileSync).toHaveBeenNthCalledWith(1, node, [
-      `${path.join(rnRoot, 'generate-specs-cli.js')}`,
-      '--platform',
-      'ios',
-      '--schemaPath',
-      pathToSchema,
-      '--outputDir',
-      tmpOutputDir,
-      '--libraryName',
-      library.config.name,
-      '--libraryType',
-      libraryTypeArg,
-    ]);
-    expect(child_process.execSync).toHaveBeenCalledTimes(1);
-    expect(child_process.execSync).toHaveBeenNthCalledWith(
-      1,
-      `cp -R ${tmpOutputDir}/* "${iosOutputDir}"`,
-    );
-
-    expect(fs.mkdirSync).toHaveBeenCalledTimes(2);
-    expect(fs.mkdirSync).toHaveBeenNthCalledWith(1, tmpOutputDir, {
-      recursive: true,
-    });
-    expect(fs.mkdirSync).toHaveBeenNthCalledWith(2, iosOutputDir, {
-      recursive: true,
-    });
-  });
-});
-
 describe('extractLibrariesFromJSON', () => {
-  it('throws if in react-native and no dependencies found', () => {
-    let libraries = [];
-    let configFile = {};
-    expect(() => {
-      underTest._extractLibrariesFromJSON(
-        configFile,
-        libraries,
-        codegenConfigKey,
-      );
-    }).toThrow();
-  });
-
-  it('it skips if not into react-native and no dependencies found', () => {
-    let libraries = [];
-    let configFile = {};
-
-    underTest._extractLibrariesFromJSON(
-      configFile,
-      libraries,
-      codegenConfigKey,
-      'some-node-module',
-      'node_modules/some',
-    );
-    expect(libraries.length).toBe(0);
-  });
-
   it('extracts a single dependency when config has no libraries', () => {
-    let libraries = [];
     let configFile = fixtures.noLibrariesConfigFile;
-    underTest._extractLibrariesFromJSON(
-      configFile,
-      libraries,
-      codegenConfigKey,
-      'my-app',
-      '.',
-    );
+    let libraries = underTest._extractLibrariesFromJSON(configFile, '.');
     expect(libraries.length).toBe(1);
     expect(libraries[0]).toEqual({
-      library: 'my-app',
       config: {
         name: 'AppModules',
         type: 'all',
@@ -124,32 +31,17 @@ describe('extractLibrariesFromJSON', () => {
     });
   });
 
-  it("extract codegenConfig when it's empty", () => {
+  it("doesn't extract libraries when they are present but empty", () => {
     const configFile = {codegenConfig: {libraries: []}};
-    let libraries = [];
-    underTest._extractLibrariesFromJSON(
-      configFile,
-      codegenConfigKey,
-      libraries,
-      reactNativeDependencyName,
-      rootPath,
-    );
+    let libraries = underTest._extractLibrariesFromJSON(configFile, rootPath);
     expect(libraries.length).toBe(0);
   });
 
-  it('extract codegenConfig when dependency is one', () => {
+  it('extracts libraries when they are present and not empty', () => {
     const configFile = fixtures.singleLibraryCodegenConfig;
-    let libraries = [];
-    underTest._extractLibrariesFromJSON(
-      configFile,
-      libraries,
-      codegenConfigKey,
-      reactNativeDependencyName,
-      rootPath,
-    );
+    let libraries = underTest._extractLibrariesFromJSON(configFile, rootPath);
     expect(libraries.length).toBe(1);
     expect(libraries[0]).toEqual({
-      library: reactNativeDependencyName,
       config: {
         name: 'react-native',
         type: 'all',
@@ -163,17 +55,12 @@ describe('extractLibrariesFromJSON', () => {
     const configFile = fixtures.multipleLibrariesCodegenConfig;
     const myDependency = 'my-dependency';
     const myDependencyPath = path.join(__dirname, myDependency);
-    let libraries = [];
-    underTest._extractLibrariesFromJSON(
+    let libraries = underTest._extractLibrariesFromJSON(
       configFile,
-      libraries,
-      codegenConfigKey,
-      myDependency,
       myDependencyPath,
     );
     expect(libraries.length).toBe(3);
     expect(libraries[0]).toEqual({
-      library: myDependency,
       config: {
         name: 'react-native',
         type: 'all',
@@ -182,7 +69,6 @@ describe('extractLibrariesFromJSON', () => {
       libraryPath: myDependencyPath,
     });
     expect(libraries[1]).toEqual({
-      library: myDependency,
       config: {
         name: 'my-component',
         type: 'components',
@@ -191,7 +77,6 @@ describe('extractLibrariesFromJSON', () => {
       libraryPath: myDependencyPath,
     });
     expect(libraries[2]).toEqual({
-      library: myDependency,
       config: {
         name: 'my-module',
         type: 'module',
@@ -202,80 +87,41 @@ describe('extractLibrariesFromJSON', () => {
   });
 });
 
-describe('findCodegenEnabledLibraries', () => {
-  const mock = require('mock-fs');
-  const {
-    _findCodegenEnabledLibraries: findCodegenEnabledLibraries,
-  } = require('../generate-artifacts-executor');
-
-  afterEach(() => {
-    mock.restore();
-  });
-
-  it('returns libraries defined in react-native.config.js', () => {
-    const projectDir = path.join(__dirname, '../../../../test-project');
-    const baseCodegenConfigFileDir = path.join(__dirname, '../../..');
-    const baseCodegenConfigFilePath = path.join(
-      baseCodegenConfigFileDir,
-      'package.json',
+describe('extractSupportedApplePlatforms', () => {
+  it('extracts platforms when podspec specifies object of platforms', () => {
+    const myDependency = 'test-library';
+    const myDependencyPath = path.join(
+      __dirname,
+      `../__test_fixtures__/${myDependency}`,
     );
-
-    mock({
-      [baseCodegenConfigFilePath]: `
-      {
-        "codegenConfig": {}
-      }
-      `,
-      [projectDir]: {
-        app: {
-          'package.json': `{
-            "name": "my-app"
-          }`,
-          'react-native.config.js': '',
-        },
-        'library-foo': {
-          'package.json': `{
-            "name": "react-native-foo",
-            "codegenConfig": {
-              "name": "RNFooSpec",
-              "type": "modules",
-              "jsSrcsDir": "src"
-            }
-          }`,
-        },
-      },
+    let platforms = underTest._extractSupportedApplePlatforms(
+      myDependency,
+      myDependencyPath,
+    );
+    expect(platforms).toEqual({
+      ios: true,
+      macos: true,
+      tvos: false,
+      visionos: true,
     });
+  });
 
-    jest.mock(path.join(projectDir, 'app', 'react-native.config.js'), () => ({
-      dependencies: {
-        'react-native-foo': {
-          root: path.join(projectDir, 'library-foo'),
-        },
-        'react-native-bar': {
-          root: path.join(projectDir, 'library-bar'),
-        },
-      },
-    }));
-
-    const libraries = findCodegenEnabledLibraries(
-      `${projectDir}/app`,
-      baseCodegenConfigFileDir,
-      `package.json`,
-      'codegenConfig',
+  it('extracts platforms when podspec specifies platforms separately', () => {
+    const myDependency = 'test-library-2';
+    const myDependencyPath = path.join(
+      __dirname,
+      `../__test_fixtures__/${myDependency}`,
     );
-
-    expect(libraries).toEqual([
-      {
-        library: 'react-native',
-        config: {},
-        libraryPath: baseCodegenConfigFileDir,
-      },
-      {
-        library: 'react-native-foo',
-        config: {name: 'RNFooSpec', type: 'modules', jsSrcsDir: 'src'},
-        libraryPath: path.join(projectDir, 'library-foo'),
-      },
-    ]);
+    let platforms = underTest._extractSupportedApplePlatforms(
+      myDependency,
+      myDependencyPath,
+    );
+    expect(platforms).toEqual({
+      ios: true,
+      macos: true,
+      tvos: true,
+      visionos: false,
+    });
   });
 });
 
diff --git a/packages/react-native/scripts/codegen/__tests__/generate-specs-cli-executor-test.js b/packages/react-native/scripts/codegen/__tests__/generate-specs-cli-executor-test.js
index 463ed28dbf6ba0..dc0d2a5eabab71 100644
--- a/packages/react-native/scripts/codegen/__tests__/generate-specs-cli-executor-test.js
+++ b/packages/react-native/scripts/codegen/__tests__/generate-specs-cli-executor-test.js
@@ -10,8 +10,8 @@
 
 'use strict';
 
-const sut = require('../generate-specs-cli-executor');
 const fixtures = require('../__test_fixtures__/fixtures');
+const sut = require('../generate-specs-cli-executor');
 const {normalize} = require('path');
 
 describe('generateSpec', () => {
@@ -83,6 +83,6 @@ describe('generateSpec', () => {
       libraryType,
     );
 
-    expect(mkdirpSyncInvoked).toBe(3);
+    expect(mkdirpSyncInvoked).toBe(1);
   });
 });
diff --git a/packages/react-native/scripts/codegen/codegen-utils.js b/packages/react-native/scripts/codegen/codegen-utils.js
index b739d81c5a4075..d151bda6eff5c2 100644
--- a/packages/react-native/scripts/codegen/codegen-utils.js
+++ b/packages/react-native/scripts/codegen/codegen-utils.js
@@ -32,6 +32,20 @@ function getCodegen() {
   return RNCodegen;
 }
 
+function getCombineJSToSchema() {
+  let combineJSToSchema;
+  try {
+    combineJSToSchema = require('../../packages/react-native-codegen/lib/cli/combine/combine-js-to-schema.js');
+  } catch (e) {
+    combineJSToSchema = require('@react-native/codegen/lib/cli/combine/combine-js-to-schema.js');
+  }
+  if (!combineJSToSchema) {
+    throw 'combine-js-to-schema not found.';
+  }
+  return combineJSToSchema;
+}
+
 module.exports = {
   getCodegen: getCodegen,
+  getCombineJSToSchema: getCombineJSToSchema,
 };
diff --git a/packages/react-native/scripts/codegen/generate-artifacts-executor.js b/packages/react-native/scripts/codegen/generate-artifacts-executor.js
index 025f80c78663c3..92434047d5a6a5 100644
--- a/packages/react-native/scripts/codegen/generate-artifacts-executor.js
+++ b/packages/react-native/scripts/codegen/generate-artifacts-executor.js
@@ -12,12 +12,16 @@
 /**
  * This script crawls through a React Native application's dependencies and invokes the codegen
  * for any libraries that require it.
- * To enable codegen support, the library should include a config in the codegenConfigKey key
- * in a codegenConfigFilename file.
+ * To enable codegen support, the library should include a config in the codegenConfig key
+ * in a package.json file.
  */
 
-const {execSync, execFileSync} = require('child_process');
+const utils = require('./codegen-utils');
+const generateSpecsCLIExecutor = require('./generate-specs-cli-executor');
+const {execSync} = require('child_process');
 const fs = require('fs');
+const glob = require('glob');
+const mkdirp = require('mkdirp');
 const os = require('os');
 const path = require('path');
 
@@ -29,41 +33,69 @@ const REACT_NATIVE_REPOSITORY_ROOT = path.join(
   '..',
 );
 const REACT_NATIVE_PACKAGE_ROOT_FOLDER = path.join(__dirname, '..', '..');
-
-const CODEGEN_DEPENDENCY_NAME = '@react-native/codegen';
 const CODEGEN_REPO_PATH = `${REACT_NATIVE_REPOSITORY_ROOT}/packages/react-native-codegen`;
-const CODEGEN_NPM_PATH = `${REACT_NATIVE_PACKAGE_ROOT_FOLDER}/../${CODEGEN_DEPENDENCY_NAME}`;
 const CORE_LIBRARIES_WITH_OUTPUT_FOLDER = {
-  rncore: path.join(REACT_NATIVE_PACKAGE_ROOT_FOLDER, 'ReactCommon'),
-  FBReactNativeSpec: null,
+  rncore: {
+    ios: path.join(REACT_NATIVE_PACKAGE_ROOT_FOLDER, 'ReactCommon'),
+    android: path.join(
+      REACT_NATIVE_PACKAGE_ROOT_FOLDER,
+      'ReactAndroid',
+      'build',
+      'generated',
+      'source',
+      'codegen',
+    ),
+  },
+  FBReactNativeSpec: {
+    ios: null,
+    android: path.join(
+      REACT_NATIVE_PACKAGE_ROOT_FOLDER,
+      'ReactAndroid',
+      'build',
+      'generated',
+      'source',
+      'codegen',
+    ),
+  },
 };
-const REACT_NATIVE_DEPENDENCY_NAME = 'react-native';
+const REACT_NATIVE = 'react-native';
+
+const MODULES_PROTOCOLS_H_TEMPLATE_PATH = path.join(
+  REACT_NATIVE_PACKAGE_ROOT_FOLDER,
+  'scripts',
+  'codegen',
+  'templates',
+  'RCTModulesConformingToProtocolsProviderH.template',
+);
+
+const MODULES_PROTOCOLS_MM_TEMPLATE_PATH = path.join(
+  REACT_NATIVE_PACKAGE_ROOT_FOLDER,
+  'scripts',
+  'codegen',
+  'templates',
+  'RCTModulesConformingToProtocolsProviderMM.template',
+);
 
 // HELPERS
 
-function isReactNativeCoreLibrary(libraryName) {
-  return libraryName in CORE_LIBRARIES_WITH_OUTPUT_FOLDER;
+function pkgJsonIncludesGeneratedCode(pkgJson) {
+  return pkgJson.codegenConfig && pkgJson.codegenConfig.includesGeneratedCode;
 }
 
-function executeNodeScript(node, scriptArgs) {
-  execFileSync(node, scriptArgs);
+function isReactNativeCoreLibrary(libraryName) {
+  return libraryName in CORE_LIBRARIES_WITH_OUTPUT_FOLDER;
 }
 
-function isAppRootValid(appRootDir) {
-  if (appRootDir == null) {
-    console.error('Missing path to React Native application');
-    process.exitCode = 1;
-    return false;
+function readPkgJsonInDirectory(dir) {
+  const pkgJsonPath = path.join(dir, 'package.json');
+  if (!fs.existsSync(pkgJsonPath)) {
+    throw `[Codegen] Error: ${pkgJsonPath} does not exist.`;
   }
-  return true;
-}
-
-function readPackageJSON(appRootDir) {
-  return JSON.parse(fs.readFileSync(path.join(appRootDir, 'package.json')));
+  return JSON.parse(fs.readFileSync(pkgJsonPath));
 }
 
 function printDeprecationWarningIfNeeded(dependency) {
-  if (dependency === REACT_NATIVE_DEPENDENCY_NAME) {
+  if (dependency === REACT_NATIVE) {
     return;
   }
   console.log(`[Codegen] CodegenConfig Deprecated Setup for ${dependency}.
@@ -101,384 +133,436 @@ function printDeprecationWarningIfNeeded(dependency) {
 }
 
 // Reading Libraries
-function extractLibrariesFromConfigurationArray(
-  configFile,
-  codegenConfigKey,
-  libraries,
-  dependency,
-  dependencyPath,
-) {
-  console.log(`[Codegen] Found ${dependency}`);
-  configFile[codegenConfigKey].libraries.forEach(config => {
-    const libraryConfig = {
-      library: dependency,
+function extractLibrariesFromConfigurationArray(configFile, dependencyPath) {
+  return configFile.codegenConfig.libraries.map(config => {
+    return {
       config,
       libraryPath: dependencyPath,
     };
-    libraries.push(libraryConfig);
   });
 }
 
-function extractLibrariesFromJSON(
-  configFile,
-  libraries,
-  codegenConfigKey,
-  dependency,
-  dependencyPath,
-) {
-  var isBlocking = false;
-  if (dependency == null) {
-    dependency = REACT_NATIVE_DEPENDENCY_NAME;
-    dependencyPath = REACT_NATIVE_PACKAGE_ROOT_FOLDER;
-    // If we are exploring the ReactNative libraries, we want to raise an error
-    // if the codegen is not properly configured.
-    isBlocking = true;
+function extractLibrariesFromJSON(configFile, dependencyPath) {
+  if (configFile.codegenConfig == null) {
+    return [];
   }
-
-  if (configFile[codegenConfigKey] == null) {
-    if (isBlocking) {
-      throw `[Codegen] Error: Could not find codegen config for ${dependency} .`;
-    }
-    return;
+  console.log(`[Codegen] Found ${configFile.name}`);
+  if (configFile.codegenConfig.libraries == null) {
+    const config = configFile.codegenConfig;
+    return [
+      {
+        config,
+        libraryPath: dependencyPath,
+      },
+    ];
+  } else {
+    printDeprecationWarningIfNeeded(configFile.name);
+    return extractLibrariesFromConfigurationArray(configFile, dependencyPath);
   }
+}
 
-  if (configFile[codegenConfigKey].libraries == null) {
-    console.log(`[Codegen] Found ${dependency}`);
-    var config = configFile[codegenConfigKey];
-    libraries.push({
-      library: dependency,
-      config,
-      libraryPath: dependencyPath,
-    });
-  } else {
-    printDeprecationWarningIfNeeded(dependency);
-    extractLibrariesFromConfigurationArray(
-      configFile,
-      codegenConfigKey,
-      libraries,
-      dependency,
-      dependencyPath,
-    );
+const APPLE_PLATFORMS = ['ios', 'macos', 'tvos', 'visionos'];
+
+// Cocoapods specific platform keys
+function getCocoaPodsPlatformKey(platformName) {
+  if (platformName === 'macos') {
+    return 'osx';
   }
+  return platformName;
 }
 
-function handleReactNativeCodeLibraries(
-  libraries,
-  codegenConfigFilename,
-  codegenConfigKey,
-) {
-  // Handle react-native core libraries.
-  // This is required when react-native is outside of node_modules.
-  console.log('[Codegen] Processing react-native core libraries');
-  const reactNativePkgJson = path.join(
-    REACT_NATIVE_PACKAGE_ROOT_FOLDER,
-    codegenConfigFilename,
+function extractSupportedApplePlatforms(dependency, dependencyPath) {
+  console.log('[Codegen] Searching for podspec in the project dependencies.');
+  const podspecs = glob.sync('*.podspec', {cwd: dependencyPath});
+
+  if (podspecs.length === 0) {
+    return;
+  }
+
+  // Take the first podspec found
+  const podspec = fs.readFileSync(
+    path.join(dependencyPath, podspecs[0]),
+    'utf8',
   );
-  if (!fs.existsSync(reactNativePkgJson)) {
-    throw '[Codegen] Error: Could not find config file for react-native.';
+
+  /**
+   * Podspec can have platforms defined in two ways:
+   * 1. `spec.platforms = { :ios => "11.0", :tvos => "11.0" }`
+   * 2. `s.ios.deployment_target = "11.0"`
+   *    `s.tvos.deployment_target = "11.0"`
+   */
+  const supportedPlatforms = podspec
+    .split('\n')
+    .filter(
+      line => line.includes('platform') || line.includes('deployment_target'),
+    )
+    .join('');
+
+  // Generate a map of supported platforms { [platform]: true/false }
+  const supportedPlatformsMap = APPLE_PLATFORMS.reduce(
+    (acc, platform) => ({
+      ...acc,
+      [platform]: supportedPlatforms.includes(
+        getCocoaPodsPlatformKey(platform),
+      ),
+    }),
+    {},
+  );
+
+  const supportedPlatformsList = Object.keys(supportedPlatformsMap).filter(
+    key => supportedPlatformsMap[key],
+  );
+
+  if (supportedPlatformsList.length > 0) {
+    console.log(
+      `[Codegen] Supported Apple platforms: ${supportedPlatformsList.join(
+        ', ',
+      )} for ${dependency}`,
+    );
   }
-  const reactNativeConfigFile = JSON.parse(fs.readFileSync(reactNativePkgJson));
-  extractLibrariesFromJSON(reactNativeConfigFile, libraries, codegenConfigKey);
+
+  return supportedPlatformsMap;
 }
 
-function handleThirdPartyLibraries(
-  libraries,
-  baseCodegenConfigFileDir,
-  dependencies,
-  codegenConfigFilename,
-  codegenConfigKey,
-) {
+function findExternalLibraries(pkgJson) {
+  const dependencies = {
+    ...pkgJson.dependencies,
+    ...pkgJson.devDependencies,
+    ...pkgJson.peerDependencies,
+  };
   // Determine which of these are codegen-enabled libraries
-  const configDir =
-    baseCodegenConfigFileDir ||
-    path.join(REACT_NATIVE_PACKAGE_ROOT_FOLDER, '..');
   console.log(
-    `\n\n[Codegen] >>>>> Searching for codegen-enabled libraries in ${configDir}`,
+    '[Codegen] Searching for codegen-enabled libraries in the project dependencies.',
   );
-
   // Handle third-party libraries
-  Object.keys(dependencies).forEach(dependency => {
-    if (dependency === REACT_NATIVE_DEPENDENCY_NAME) {
-      // react-native should already be added.
-      return;
-    }
-    const codegenConfigFileDir = path.join(configDir, dependency);
-    const configFilePath = path.join(
-      codegenConfigFileDir,
-      codegenConfigFilename,
-    );
-    if (fs.existsSync(configFilePath)) {
-      const configFile = JSON.parse(fs.readFileSync(configFilePath));
-      extractLibrariesFromJSON(
-        configFile,
-        libraries,
-        codegenConfigKey,
-        dependency,
-        codegenConfigFileDir,
+  return Object.keys(dependencies).flatMap(dependency => {
+    try {
+      const configFilePath = require.resolve(
+        path.join(dependency, 'package.json'),
       );
+      const configFile = JSON.parse(fs.readFileSync(configFilePath));
+      const codegenConfigFileDir = path.dirname(configFilePath);
+      return extractLibrariesFromJSON(configFile, codegenConfigFileDir);
+    } catch (e) {
+      return [];
     }
   });
 }
 
-function handleLibrariesFromReactNativeConfig(
-  libraries,
-  codegenConfigKey,
-  codegenConfigFilename,
-  appRootDir,
-) {
+function findLibrariesFromReactNativeConfig(projectRoot) {
   const rnConfigFileName = 'react-native.config.js';
 
   console.log(
     `\n\n[Codegen] >>>>> Searching for codegen-enabled libraries in ${rnConfigFileName}`,
   );
 
-  const rnConfigFilePath = path.resolve(appRootDir, rnConfigFileName);
-
-  if (fs.existsSync(rnConfigFilePath)) {
-    const rnConfig = require(rnConfigFilePath);
-
-    if (rnConfig.dependencies != null) {
-      Object.keys(rnConfig.dependencies).forEach(name => {
-        const dependencyConfig = rnConfig.dependencies[name];
-
-        if (dependencyConfig.root) {
-          const codegenConfigFileDir = path.resolve(
-            appRootDir,
-            dependencyConfig.root,
-          );
-          const configFilePath = path.join(
-            codegenConfigFileDir,
-            codegenConfigFilename,
-          );
-          const pkgJsonPath = path.join(codegenConfigFileDir, 'package.json');
-
-          if (fs.existsSync(configFilePath)) {
-            const pkgJson = JSON.parse(fs.readFileSync(pkgJsonPath));
-            const configFile = JSON.parse(fs.readFileSync(configFilePath));
-            extractLibrariesFromJSON(
-              configFile,
-              libraries,
-              codegenConfigKey,
-              pkgJson.name,
-              codegenConfigFileDir,
-            );
-          }
-        }
-      });
+  const rnConfigFilePath = path.resolve(projectRoot, rnConfigFileName);
+
+  if (!fs.existsSync(rnConfigFilePath)) {
+    return [];
+  }
+  const rnConfig = require(rnConfigFilePath);
+
+  if (rnConfig.dependencies == null) {
+    return [];
+  }
+  return Object.keys(rnConfig.dependencies).flatMap(name => {
+    const dependencyConfig = rnConfig.dependencies[name];
+
+    if (!dependencyConfig.root) {
+      return [];
+    }
+    const codegenConfigFileDir = path.resolve(
+      projectRoot,
+      dependencyConfig.root,
+    );
+    let configFile;
+    try {
+      configFile = readPkgJsonInDirectory(codegenConfigFileDir);
+    } catch {
+      return [];
     }
+
+    return extractLibrariesFromJSON(
+      configFile,
+      configFile.name,
+      codegenConfigFileDir,
+    );
+  });
+}
+
+function findProjectRootLibraries(pkgJson, projectRoot) {
+  console.log('[Codegen] Searching for codegen-enabled libraries in the app.');
+
+  if (pkgJson.codegenConfig == null) {
+    console.log(
+      '[Codegen] The "codegenConfig" field is not defined in package.json. Assuming there is nothing to generate at the app level.',
+    );
+    return [];
   }
+
+  if (typeof pkgJson.codegenConfig !== 'object') {
+    throw '[Codegen] The "codegenConfig" field must be an Object.';
+  }
+
+  return extractLibrariesFromJSON(pkgJson, projectRoot);
 }
 
-function handleInAppLibraries(
-  libraries,
-  pkgJson,
-  codegenConfigKey,
-  appRootDir,
-) {
-  console.log(
-    '\n\n[Codegen] >>>>> Searching for codegen-enabled libraries in the app',
-  );
+// CodeGen
+function buildCodegenIfNeeded() {
+  if (!fs.existsSync(CODEGEN_REPO_PATH)) {
+    return;
+  }
+  // Assuming we are working in the react-native repo. We might need to build the codegen.
+  // This will become unnecessary once we start using Babel Register for the codegen package.
+  const libPath = path.join(CODEGEN_REPO_PATH, 'lib');
+  if (fs.existsSync(libPath) && fs.readdirSync(libPath).length > 0) {
+    return;
+  }
+  console.log('[Codegen] Building react-native-codegen package.');
+  execSync('yarn install', {
+    cwd: CODEGEN_REPO_PATH,
+    stdio: 'inherit',
+  });
+  execSync('yarn build', {
+    cwd: CODEGEN_REPO_PATH,
+    stdio: 'inherit',
+  });
+}
 
-  extractLibrariesFromJSON(
-    pkgJson,
-    libraries,
-    codegenConfigKey,
-    pkgJson.name,
-    appRootDir,
+function readOutputDirFromPkgJson(pkgJson, platform) {
+  const codegenConfig = pkgJson.codegenConfig;
+  if (codegenConfig == null || typeof codegenConfig !== 'object') {
+    return null;
+  }
+  const outputDir = codegenConfig.outputDir;
+  if (outputDir == null) {
+    return null;
+  }
+  if (typeof outputDir === 'string') {
+    return outputDir;
+  }
+  if (typeof outputDir === 'object') {
+    return outputDir[platform];
+  }
+  return null;
+}
+
+function defaultOutputPathForAndroid(baseOutputPath) {
+  return path.join(
+    baseOutputPath,
+    'android',
+    'app',
+    'build',
+    'generated',
+    'source',
+    'codegen',
   );
 }
 
-// CodeGen
-function getCodeGenCliPath() {
-  let codegenCliPath;
-  if (fs.existsSync(CODEGEN_REPO_PATH)) {
-    codegenCliPath = CODEGEN_REPO_PATH;
-
-    if (!fs.existsSync(path.join(CODEGEN_REPO_PATH, 'lib'))) {
-      console.log('\n\n[Codegen] >>>>> Building react-native-codegen package');
-      execSync('yarn install', {
-        cwd: codegenCliPath,
-        stdio: 'inherit',
-      });
-      execSync('yarn build', {
-        cwd: codegenCliPath,
-        stdio: 'inherit',
-      });
+function defaultOutputPathForIOS(baseOutputPath) {
+  return path.join(baseOutputPath, 'build', 'generated', 'ios');
+}
+
+function computeOutputPath(projectRoot, baseOutputPath, pkgJson, platform) {
+  if (baseOutputPath == null) {
+    const outputDirFromPkgJson = readOutputDirFromPkgJson(pkgJson, platform);
+    if (outputDirFromPkgJson != null) {
+      baseOutputPath = outputDirFromPkgJson;
+    } else {
+      baseOutputPath = projectRoot;
     }
-  } else if (fs.existsSync(CODEGEN_NPM_PATH)) {
-    codegenCliPath = CODEGEN_NPM_PATH;
-  } else {
-    throw `error: Could not determine ${CODEGEN_DEPENDENCY_NAME} location. Try running 'yarn install' or 'npm install' in your project root.`;
   }
-  return codegenCliPath;
+  if (pkgJsonIncludesGeneratedCode(pkgJson)) {
+    // Don't create nested directories for libraries to make importing generated headers easier.
+    return baseOutputPath;
+  }
+  if (platform === 'android') {
+    return defaultOutputPathForAndroid(baseOutputPath);
+  }
+  if (platform === 'ios') {
+    return defaultOutputPathForIOS(baseOutputPath);
+  }
+  return baseOutputPath;
 }
 
-function computeIOSOutputDir(outputPath, appRootDir) {
-  return path.join(outputPath ? outputPath : appRootDir, 'build/generated/ios');
+function reactNativeCoreLibraryOutputPath(libraryName, platform) {
+  return CORE_LIBRARIES_WITH_OUTPUT_FOLDER[libraryName]
+    ? CORE_LIBRARIES_WITH_OUTPUT_FOLDER[libraryName][platform]
+    : null;
 }
 
-function generateSchema(tmpDir, library, node, codegenCliPath) {
-  const pathToSchema = path.join(tmpDir, 'schema.json');
+function generateSchemaInfo(library, platform) {
   const pathToJavaScriptSources = path.join(
     library.libraryPath,
     library.config.jsSrcsDir,
   );
+  console.log(`[Codegen] Processing ${library.config.name}`);
+
+  const supportedApplePlatforms = extractSupportedApplePlatforms(
+    library.config.name,
+    library.libraryPath,
+  );
 
-  console.log(`\n\n[Codegen] >>>>> Processing ${library.config.name}`);
   // Generate one schema for the entire library...
-  executeNodeScript(node, [
-    `${path.join(
-      codegenCliPath,
-      'lib',
-      'cli',
-      'combine',
-      'combine-js-to-schema-cli.js',
-    )}`,
-    '--platform',
-    'ios',
-    pathToSchema,
-    pathToJavaScriptSources,
-  ]);
-  console.log(`[Codegen] Generated schema: ${pathToSchema}`);
-  return pathToSchema;
+  return {
+    library: library,
+    supportedApplePlatforms,
+    schema: utils
+      .getCombineJSToSchema()
+      .combineSchemasInFileList(
+        [pathToJavaScriptSources],
+        platform,
+        /NativeSampleTurboModule/,
+      ),
+  };
 }
 
-function generateCode(iosOutputDir, library, tmpDir, node, pathToSchema) {
-  // ...then generate native code artifacts.
-  const libraryTypeArg = library.config.type ? `${library.config.type}` : '';
-
+function generateCode(outputPath, schemaInfo, includesGeneratedCode, platform) {
+  const tmpDir = fs.mkdtempSync(
+    path.join(os.tmpdir(), schemaInfo.library.config.name),
+  );
   const tmpOutputDir = path.join(tmpDir, 'out');
   fs.mkdirSync(tmpOutputDir, {recursive: true});
 
-  executeNodeScript(node, [
-    `${path.join(
-      REACT_NATIVE_PACKAGE_ROOT_FOLDER,
-      'scripts',
-      'generate-specs-cli.js',
-    )}`,
-    '--platform',
-    'ios',
-    '--schemaPath',
-    pathToSchema,
-    '--outputDir',
+  console.log(`[Codegen] Generating Native Code for ${platform}`);
+  const useLocalIncludePaths = includesGeneratedCode;
+  generateSpecsCLIExecutor.generateSpecFromInMemorySchema(
+    platform,
+    schemaInfo.schema,
     tmpOutputDir,
-    '--libraryName',
-    library.config.name,
-    '--libraryType',
-    libraryTypeArg,
-  ]);
+    schemaInfo.library.config.name,
+    'com.facebook.fbreact.specs',
+    schemaInfo.library.config.type,
+    useLocalIncludePaths,
+  );
 
   // Finally, copy artifacts to the final output directory.
   const outputDir =
-    CORE_LIBRARIES_WITH_OUTPUT_FOLDER[library.config.name] ?? iosOutputDir;
+    reactNativeCoreLibraryOutputPath(
+      schemaInfo.library.config.name,
+      platform,
+    ) ?? outputPath;
   fs.mkdirSync(outputDir, {recursive: true});
+  // TODO: Fix this. This will not work on Windows.
   execSync(`cp -R ${tmpOutputDir}/* "${outputDir}"`);
-  console.log(`[Codegen] Generated artifacts: ${iosOutputDir}`);
+  console.log(`[Codegen] Generated artifacts: ${outputDir}`);
+}
+
+function generateSchemaInfos(libraries) {
+  return libraries.map(generateSchemaInfo);
 }
 
-function generateNativeCodegenFiles(
-  libraries,
-  fabricEnabled,
-  iosOutputDir,
-  node,
-  codegenCliPath,
-  schemaPaths,
+function generateNativeCode(
+  outputPath,
+  schemaInfos,
+  includesGeneratedCode,
+  platform,
 ) {
-  let fabricEnabledTypes = ['components', 'all'];
-  libraries.forEach(library => {
-    if (
-      !fabricEnabled &&
-      fabricEnabledTypes.indexOf(library.config.type) >= 0
-    ) {
-      console.log(
-        `[Codegen] ${library.config.name} skipped because fabric is not enabled.`,
-      );
-      return;
-    }
-    const tmpDir = fs.mkdtempSync(path.join(os.tmpdir(), library.config.name));
-    const pathToSchema = generateSchema(tmpDir, library, node, codegenCliPath);
-    generateCode(iosOutputDir, library, tmpDir, node, pathToSchema);
-
-    // Filter the react native core library out.
-    // In the future, core library and third party library should
-    // use the same way to generate/register the fabric components.
-    if (!isReactNativeCoreLibrary(library.config.name)) {
-      schemaPaths[library.config.name] = pathToSchema;
-    }
+  return schemaInfos.map(schemaInfo => {
+    generateCode(outputPath, schemaInfo, includesGeneratedCode, platform);
   });
 }
 
-function createComponentProvider(
-  fabricEnabled,
-  schemaPaths,
-  node,
-  iosOutputDir,
-) {
-  if (fabricEnabled) {
-    console.log('\n\n>>>>> Creating component provider');
-    // Save the list of spec paths to a temp file.
-    const schemaListTmpPath = `${os.tmpdir()}/rn-tmp-schema-list.json`;
-    const fd = fs.openSync(schemaListTmpPath, 'w');
-    fs.writeSync(fd, JSON.stringify(schemaPaths));
-    fs.closeSync(fd);
-    console.log(`Generated schema list: ${schemaListTmpPath}`);
-
-    const outputDir = path.join(
-      REACT_NATIVE_PACKAGE_ROOT_FOLDER,
-      'React',
-      'Fabric',
-    );
+function rootCodegenTargetNeedsThirdPartyComponentProvider(pkgJson, platform) {
+  return !pkgJsonIncludesGeneratedCode(pkgJson) && platform === 'ios';
+}
 
-    // Generate FabricComponentProvider.
-    // Only for iOS at this moment.
-    executeNodeScript(node, [
-      `${path.join(
-        REACT_NATIVE_PACKAGE_ROOT_FOLDER,
-        'scripts',
-        'generate-provider-cli.js',
-      )}`,
-      '--platform',
-      'ios',
-      '--schemaListPath',
-      schemaListTmpPath,
-      '--outputDir',
-      outputDir,
-    ]);
-    console.log(`Generated provider in: ${outputDir}`);
-  }
+function dependencyNeedsThirdPartyComponentProvider(schemaInfo, platform) {
+  // Filter the react native core library out.
+  // In the future, core library and third party library should
+  // use the same way to generate/register the fabric components.
+  return !isReactNativeCoreLibrary(schemaInfo.library.config.name, platform);
 }
 
-function findCodegenEnabledLibraries(
-  appRootDir,
-  baseCodegenConfigFileDir,
-  codegenConfigFilename,
-  codegenConfigKey,
-) {
-  const pkgJson = readPackageJSON(appRootDir);
-  const dependencies = {...pkgJson.dependencies, ...pkgJson.devDependencies};
-  const libraries = [];
-
-  handleReactNativeCodeLibraries(
-    libraries,
-    codegenConfigFilename,
-    codegenConfigKey,
+function mustGenerateNativeCode(includeLibraryPath, schemaInfo) {
+  // If library's 'codegenConfig' sets 'includesGeneratedCode' to 'true',
+  // then we assume that native code is shipped with the library,
+  // and we don't need to generate it.
+  return (
+    schemaInfo.library.libraryPath === includeLibraryPath ||
+    !schemaInfo.library.config.includesGeneratedCode
+  );
+}
+
+function createComponentProvider(schemas, supportedApplePlatforms) {
+  console.log('[Codegen] Creating component provider.');
+  const outputDir = path.join(
+    REACT_NATIVE_PACKAGE_ROOT_FOLDER,
+    'React',
+    'Fabric',
   );
-  handleThirdPartyLibraries(
-    libraries,
-    baseCodegenConfigFileDir,
-    dependencies,
-    codegenConfigFilename,
-    codegenConfigKey,
+  mkdirp.sync(outputDir);
+  utils.getCodegen().generateFromSchemas(
+    {
+      schemas: schemas,
+      outputDirectory: outputDir,
+      supportedApplePlatforms,
+    },
+    {
+      generators: ['providerIOS'],
+    },
   );
-  handleLibrariesFromReactNativeConfig(
-    libraries,
-    codegenConfigKey,
-    codegenConfigFilename,
-    appRootDir,
+  console.log(`[Codegen] Generated provider in: ${outputDir}`);
+}
+
+function findCodegenEnabledLibraries(pkgJson, projectRoot) {
+  const projectLibraries = findProjectRootLibraries(pkgJson, projectRoot);
+  if (pkgJsonIncludesGeneratedCode(pkgJson)) {
+    return projectLibraries;
+  } else {
+    return [
+      ...projectLibraries,
+      ...findExternalLibraries(pkgJson),
+      ...findLibrariesFromReactNativeConfig(projectRoot),
+    ];
+  }
+}
+
+function generateCustomURLHandlers(libraries, outputDir) {
+  const customImageURLLoaderClasses = libraries
+    .flatMap(
+      library =>
+        library?.config?.ios?.modulesConformingToProtocol?.RCTImageURLLoader,
+    )
+    .filter(Boolean)
+    .map(className => `@"${className}"`)
+    .join(',\n\t\t');
+
+  const customImageDataDecoderClasses = libraries
+    .flatMap(
+      library =>
+        library?.config?.ios?.modulesConformingToProtocol?.RCTImageDataDecoder,
+    )
+    .filter(Boolean)
+    .map(className => `@"${className}"`)
+    .join(',\n\t\t');
+
+  const customURLHandlerClasses = libraries
+    .flatMap(
+      library =>
+        library?.config?.ios?.modulesConformingToProtocol?.RCTURLRequestHandler,
+    )
+    .filter(Boolean)
+    .map(className => `@"${className}"`)
+    .join(',\n\t\t');
+
+  const template = fs.readFileSync(MODULES_PROTOCOLS_MM_TEMPLATE_PATH, 'utf8');
+  const finalMMFile = template
+    .replace(/{imageURLLoaderClassNames}/, customImageURLLoaderClasses)
+    .replace(/{imageDataDecoderClassNames}/, customImageDataDecoderClasses)
+    .replace(/{requestHandlersClassNames}/, customURLHandlerClasses);
+
+  fs.writeFileSync(
+    path.join(outputDir, 'RCTModulesConformingToProtocolsProvider.mm'),
+    finalMMFile,
   );
-  handleInAppLibraries(libraries, pkgJson, codegenConfigKey, appRootDir);
 
-  return libraries;
+  const templateH = fs.readFileSync(MODULES_PROTOCOLS_H_TEMPLATE_PATH, 'utf8');
+  fs.writeFileSync(
+    path.join(outputDir, 'RCTModulesConformingToProtocolsProvider.h'),
+    templateH,
+  );
 }
 
 // It removes all the empty files and empty folders
@@ -523,66 +607,86 @@ function cleanupEmptyFilesAndFolders(filepath) {
  * - setups the CLI to generate the code
  * - generate the code
  *
- * @parameter appRootDir: the directory with the app source code, where the `codegenConfigFilename` lives.
- * @parameter outputPath: the base output path for the CodeGen.
- * @parameter node: the path to the node executable, used to run the codegen scripts.
- * @parameter codegenConfigFilename: the file that contains the codeGen configuration. The default is `package.json`.
- * @parameter codegenConfigKey: the key in the codegenConfigFile that controls the codegen.
- * @parameter baseCodegenConfigFileDir: the directory of the codeGenConfigFile.
- * @parameter fabricEnabled: whether fabric is enabled or not.
+ * @parameter projectRoot: the directory with the app source code, where the package.json lives.
+ * @parameter baseOutputPath: the base output path for the CodeGen.
+ * @parameter targetPlatform: the target platform. Supported values: 'android', 'ios', 'all'.
  * @throws If it can't find a config file for react-native.
  * @throws If it can't find a CodeGen configuration in the file.
  * @throws If it can't find a cli for the CodeGen.
  */
-function execute(
-  appRootDir,
-  outputPath,
-  node,
-  codegenConfigFilename,
-  codegenConfigKey,
-  baseCodegenConfigFileDir,
-  fabricEnabled,
-) {
-  if (!isAppRootValid(appRootDir)) {
-    return;
-  }
-
+function execute(projectRoot, targetPlatform, baseOutputPath) {
   try {
-    const libraries = findCodegenEnabledLibraries(
-      appRootDir,
-      baseCodegenConfigFileDir,
-      codegenConfigFilename,
-      codegenConfigKey,
+    console.log(
+      `[Codegen] Analyzing ${path.join(projectRoot, 'package.json')}`,
     );
 
+    const supportedPlatforms = ['android', 'ios'];
+    if (
+      targetPlatform !== 'all' &&
+      !supportedPlatforms.includes(targetPlatform)
+    ) {
+      throw new Error(
+        `Invalid target platform: ${targetPlatform}. Supported values are: ${supportedPlatforms.join(
+          ', ',
+        )}, all`,
+      );
+    }
+
+    const pkgJson = readPkgJsonInDirectory(projectRoot);
+
+    buildCodegenIfNeeded();
+
+    const libraries = findCodegenEnabledLibraries(pkgJson, projectRoot);
+
     if (libraries.length === 0) {
       console.log('[Codegen] No codegen-enabled libraries found.');
       return;
     }
 
-    const codegenCliPath = getCodeGenCliPath();
+    let platforms =
+      targetPlatform === 'all' ? supportedPlatforms : [targetPlatform];
 
-    const schemaPaths = {};
+    for (const platform of platforms) {
+      const outputPath = computeOutputPath(
+        projectRoot,
+        baseOutputPath,
+        pkgJson,
+        platform,
+      );
 
-    const iosOutputDir = computeIOSOutputDir(outputPath, appRootDir);
+      const schemaInfos = generateSchemaInfos(libraries);
+      generateNativeCode(
+        outputPath,
+        schemaInfos.filter(schemaInfo =>
+          mustGenerateNativeCode(projectRoot, schemaInfo),
+        ),
+        pkgJsonIncludesGeneratedCode(pkgJson),
+        platform,
+      );
 
-    generateNativeCodegenFiles(
-      libraries,
-      fabricEnabled,
-      iosOutputDir,
-      node,
-      codegenCliPath,
-      schemaPaths,
-    );
+      if (
+        rootCodegenTargetNeedsThirdPartyComponentProvider(pkgJson, platform)
+      ) {
+        const filteredSchemas = schemaInfos.filter(
+          dependencyNeedsThirdPartyComponentProvider,
+        );
+        const schemas = filteredSchemas.map(schemaInfo => schemaInfo.schema);
+        const supportedApplePlatforms = filteredSchemas.map(
+          schemaInfo => schemaInfo.supportedApplePlatforms,
+        );
+
+        createComponentProvider(schemas, supportedApplePlatforms);
+        generateCustomURLHandlers(libraries, outputPath);
+      }
 
-    createComponentProvider(fabricEnabled, schemaPaths, node, iosOutputDir);
-    cleanupEmptyFilesAndFolders(iosOutputDir);
+      cleanupEmptyFilesAndFolders(outputPath);
+    }
   } catch (err) {
     console.error(err);
     process.exitCode = 1;
   }
 
-  console.log('\n\n[Codegen] Done.');
+  console.log('[Codegen] Done.');
   return;
 }
 
@@ -590,8 +694,6 @@ module.exports = {
   execute: execute,
   // exported for testing purposes only:
   _extractLibrariesFromJSON: extractLibrariesFromJSON,
-  _findCodegenEnabledLibraries: findCodegenEnabledLibraries,
-  _executeNodeScript: executeNodeScript,
-  _generateCode: generateCode,
   _cleanupEmptyFilesAndFolders: cleanupEmptyFilesAndFolders,
+  _extractSupportedApplePlatforms: extractSupportedApplePlatforms,
 };
diff --git a/packages/react-native/scripts/codegen/generate-legacy-interop-components.js b/packages/react-native/scripts/codegen/generate-legacy-interop-components.js
deleted file mode 100644
index 49ac074c91644d..00000000000000
--- a/packages/react-native/scripts/codegen/generate-legacy-interop-components.js
+++ /dev/null
@@ -1,123 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const yargs = require('yargs');
-const fs = require('fs');
-
-const CONFIG_FILE_NAME = 'react-native.config.js';
-const PROJECT_FIELD = 'project';
-const IOS_FIELD = 'ios';
-const LEGACY_COMPONENTS_FIELD = 'unstable_reactLegacyComponentNames';
-const OUTPUT_FILE_NAME = 'RCTLegacyInteropComponents.mm';
-
-const argv = yargs
-  .option('p', {
-    alias: 'path',
-    description: 'Path to React Native application',
-  })
-  .option('o', {
-    alias: 'outputPath',
-    description: 'Path where generated artifacts will be output to',
-  })
-  .usage('Usage: $0 -p [path to app]')
-  .demandOption(['p']).argv;
-
-const appRoot = argv.path;
-const outputPath = argv.outputPath;
-
-function fileBody(components) {
-  // eslint-disable duplicate-license-header
-  return `
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import "RCTLegacyInteropComponents.h"
-
-@implementation RCTLegacyInteropComponents
-
-+ (NSArray<NSString *> *)legacyInteropComponents
-{
-  return @[
-${components}
-  ];
-}
-
-@end
-`;
-  // eslint-enable duplicate-license-header
-}
-
-function extractComponentsNames(reactNativeConfig) {
-  if (!reactNativeConfig) {
-    console.log('No reactNativeConfig in the react-native.config.js file');
-    return null;
-  }
-
-  const project = reactNativeConfig[PROJECT_FIELD];
-
-  if (!project) {
-    console.log(`No ${PROJECT_FIELD} in the react-native config`);
-    return null;
-  }
-
-  const ios = project[IOS_FIELD];
-
-  if (!ios) {
-    console.log(
-      `No ${IOS_FIELD} in the ${PROJECT_FIELD} object of the config file`,
-    );
-    return null;
-  }
-
-  const componentNames = ios[LEGACY_COMPONENTS_FIELD];
-
-  if (!componentNames) {
-    console.log(
-      `No '${LEGACY_COMPONENTS_FIELD}' field in the ${PROJECT_FIELD}.${IOS_FIELD} object`,
-    );
-    return null;
-  }
-  return componentNames;
-}
-
-function generateRCTLegacyInteropComponents() {
-  const configFilePath = `${appRoot}/${CONFIG_FILE_NAME}`;
-  let reactNativeConfig = null;
-  try {
-    reactNativeConfig = require(configFilePath);
-  } catch (error) {
-    console.log(`No ${configFilePath}. Skip LegacyInterop generation`);
-    return;
-  }
-
-  const componentNames = extractComponentsNames(reactNativeConfig);
-  if (!componentNames) {
-    console.log('Skip LegacyInterop generation');
-    return;
-  }
-
-  let componentsArray = componentNames.map(name => `\t\t\t@"${name}",`);
-  // Remove the last comma
-  if (componentsArray.length > 0) {
-    componentsArray[componentsArray.length - 1] = componentsArray[
-      componentsArray.length - 1
-    ].slice(0, -1);
-  }
-
-  const filePath = `${outputPath}/${OUTPUT_FILE_NAME}`;
-  fs.writeFileSync(filePath, fileBody(componentsArray.join('\n')));
-}
-
-generateRCTLegacyInteropComponents();
diff --git a/packages/react-native/scripts/codegen/generate-specs-cli-executor.js b/packages/react-native/scripts/codegen/generate-specs-cli-executor.js
index 8eda8012c8beea..c0e9ef183d38c2 100644
--- a/packages/react-native/scripts/codegen/generate-specs-cli-executor.js
+++ b/packages/react-native/scripts/codegen/generate-specs-cli-executor.js
@@ -9,11 +9,10 @@
 
 'use strict';
 
+const utils = require('./codegen-utils');
 const fs = require('fs');
 const mkdirp = require('mkdirp');
 const path = require('path');
-const utils = require('./codegen-utils');
-const RNCodegen = utils.getCodegen();
 
 const GENERATORS = {
   all: {
@@ -37,12 +36,6 @@ function createOutputDirectoryIfNeeded(outputDirectory, libraryName) {
   mkdirp.sync(outputDirectory);
 }
 
-function createFolderIfDefined(folder) {
-  if (folder) {
-    mkdirp.sync(folder);
-  }
-}
-
 /**
  * This function read a JSON schema from a path and parses it.
  * It throws if the schema don't exists or it can't be parsed.
@@ -71,35 +64,24 @@ function validateLibraryType(libraryType) {
   }
 }
 
-function generateSpec(
+function generateSpecFromInMemorySchema(
   platform,
-  schemaPath,
+  schema,
   outputDirectory,
   libraryName,
   packageName,
   libraryType,
+  useLocalIncludePaths,
 ) {
   validateLibraryType(libraryType);
-
-  let schema = readAndParseSchema(schemaPath);
-
   createOutputDirectoryIfNeeded(outputDirectory, libraryName);
-  function composePath(intermediate) {
-    return path.join(outputDirectory, intermediate, libraryName);
-  }
-
-  // These are hardcoded and should not be changed.
-  // The codegen creates some C++ code with #include directive
-  // which uses these paths. Those directive are not customizable yet.
-  createFolderIfDefined(composePath('react/renderer/components/'));
-  createFolderIfDefined(composePath('./'));
-
-  RNCodegen.generate(
+  utils.getCodegen().generate(
     {
       libraryName,
       schema,
       outputDirectory,
       packageName,
+      useLocalIncludePaths,
     },
     {
       generators: GENERATORS[libraryType][platform],
@@ -122,6 +104,25 @@ function generateSpec(
   }
 }
 
+function generateSpec(
+  platform,
+  schemaPath,
+  outputDirectory,
+  libraryName,
+  packageName,
+  libraryType,
+) {
+  generateSpecFromInMemorySchema(
+    platform,
+    readAndParseSchema(schemaPath),
+    outputDirectory,
+    libraryName,
+    packageName,
+    libraryType,
+  );
+}
+
 module.exports = {
   execute: generateSpec,
+  generateSpecFromInMemorySchema: generateSpecFromInMemorySchema,
 };
diff --git a/packages/react-native/scripts/codegen/templates/RCTModulesConformingToProtocolsProviderH.template b/packages/react-native/scripts/codegen/templates/RCTModulesConformingToProtocolsProviderH.template
new file mode 100644
index 00000000000000..10eb8489175524
--- /dev/null
+++ b/packages/react-native/scripts/codegen/templates/RCTModulesConformingToProtocolsProviderH.template
@@ -0,0 +1,18 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <Foundation/Foundation.h>
+
+@interface RCTModulesConformingToProtocolsProvider: NSObject
+
++(NSArray<NSString *> *)imageURLLoaderClassNames;
+
++(NSArray<NSString *> *)imageDataDecoderClassNames;
+
++(NSArray<NSString *> *)URLRequestHandlerClassNames;
+
+@end
diff --git a/packages/react-native/scripts/codegen/templates/RCTModulesConformingToProtocolsProviderMM.template b/packages/react-native/scripts/codegen/templates/RCTModulesConformingToProtocolsProviderMM.template
new file mode 100644
index 00000000000000..1db7f6cb57a030
--- /dev/null
+++ b/packages/react-native/scripts/codegen/templates/RCTModulesConformingToProtocolsProviderMM.template
@@ -0,0 +1,33 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "RCTModulesConformingToProtocolsProvider.h"
+
+@implementation RCTModulesConformingToProtocolsProvider
+
++(NSArray<NSString *> *)imageURLLoaderClassNames
+{
+  return @[
+    {imageURLLoaderClassNames}
+  ];
+}
+
++(NSArray<NSString *> *)imageDataDecoderClassNames
+{
+  return @[
+    {imageDataDecoderClassNames}
+  ];
+}
+
++(NSArray<NSString *> *)URLRequestHandlerClassNames
+{
+  return @[
+    {requestHandlersClassNames}
+  ];
+}
+
+@end
diff --git a/packages/react-native/scripts/compose-source-maps.js b/packages/react-native/scripts/compose-source-maps.js
index 02c405ecb2cd64..db9ae1aa5ed8ff 100755
--- a/packages/react-native/scripts/compose-source-maps.js
+++ b/packages/react-native/scripts/compose-source-maps.js
@@ -10,8 +10,8 @@
 
 'use strict';
 
-const {composeSourceMaps} = require('metro-source-map');
 const fs = require('fs');
+const {composeSourceMaps} = require('metro-source-map');
 
 const argv = process.argv.slice(2);
 let outputPath;
@@ -61,6 +61,6 @@ if (!argv.length) {
   if (outputPath) {
     fs.writeFileSync(outputPath, composedMapJSON, 'utf8');
   } else {
-    process.stdout.write();
+    process.stdout.write(composedMapJSON);
   }
 }
diff --git a/packages/react-native/scripts/featureflags/README.md b/packages/react-native/scripts/featureflags/README.md
new file mode 100644
index 00000000000000..7cb68fec0811e1
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/README.md
@@ -0,0 +1,152 @@
+# Feature Flags
+
+Feature flags are values that determine the behavior of specific parts of React
+Native. This directory contains the configuration for those values, and scripts
+to generate files for different languages to access and customize them.
+
+There are 2 types of feature flags:
+* Common: can be accessed from any language and they provide consistent values
+everywhere.
+* JS-only: they can only be accessed and customized from JavaScript.
+
+## Definition
+
+The source of truth for the definition of the flags is the file
+`ReactNativeFeatureFlags.config.js` in this directory.
+
+Example contents:
+```javascript
+module.exports = {
+  common: {
+    enableMicrotasks: {
+      description: 'Enable the use of microtasks in the JS runtime.',
+      defaultValue: false
+    }
+  },
+  jsOnly: {
+    enableAccessToHostTreeInFabric: {
+      description: 'Enables access to the host tree in Fabric using DOM-compatible APIs.',
+      defaultValue: false
+    }
+  }
+};
+```
+
+After any changes to this definitions, the code that provides access to them
+must be regenerated running `yarn featureflags-update` from the `react-native`
+repository.
+
+## Access
+
+You can access the common feature flags from anywhere in your application using
+the `ReactNativeFeatureFlags` interface (available in C++/Objective-C++,
+Kotlin/Java and JavaScript). JS-only feature flags can only be accessed from
+JavaScript.
+
+**Accessing feature flags should be considered fast for all use cases**.
+Feature flags are cached at every layer, which prevents having to go through JNI
+when accessing the values from Kotlin and through JSI when accessing the values
+from JavaScript.
+
+### C++ / Objective-C
+
+```c++
+#include <react/featureflags/ReactNativeFeatureFlags.h>
+
+if (ReactNativeFeatureFlags::enableMicrotasks()) {
+  // do something
+}
+```
+
+### Kotlin
+
+```kotlin
+import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags
+
+fun someMethod() {
+  if (ReactNativeFeatureFlags.enableMicrotasks()) {
+    // do something
+  }
+}
+```
+
+### JavaScript
+
+```javascript
+import * as ReactNativeFeatureFlags from 'react-native/src/private/featureflags/ReactNativeFeatureFlags';
+
+if (ReactNativeFeatureFlags.enableMicrotasks()) {
+  // Native flag
+}
+
+if (ReactNativeFeatureFlags.enableAccessToHostTreeInFabric()) {
+  // JS-only flag
+}
+```
+
+## Customization
+
+Feature flags provide the default values defined in the configuration unless
+overrides are applied at the application level. Overrides for common feature
+flags can only be defined in native, while overrides for JS-ony flags can only
+be defined in JavaScript.
+
+Overrides must be applied before any of the available feature flags has been
+accessed. This prevents having inconsistent behavior during the lifecycle of the
+application.
+
+### C++/Objective-C
+
+```c++
+#include <react/featureflags/ReactNativeFeatureFlags.h>
+#include <react/featureflags/ReactNativeFeatureFlagsDefaults.h>
+
+class CustomReactNativeFeatureFlags : public ReactNativeFeatureFlagsDefaults {
+ public:
+  CustomReactNativeFeatureFlags();
+
+  bool enableMicrotasks() override {
+    return true;
+  }
+}
+
+ReactNativeFeatureFlags::override(std::make_unique<CustomReactNativeFeatureFlags>());
+```
+
+### Kotlin
+
+```kotlin
+import com.facebook.react.internal.featureflags.ReactNativeFeatureFlags
+import com.facebook.react.internal.featureflags.ReactNativeFeatureFlagsDefaults
+
+fun overrideFeatureFlags() {
+  ReactNativeFeatureFlags.override(object : ReactNativeFeatureFlagsDefaults() {
+    override fun useMicrotasks(): Boolean = true
+  })
+}
+```
+
+### JavaScript
+
+```javascript
+import * as ReactNativeFeatureFlags from 'react-native/src/private/featureflags/ReactNativeFeatureFlags';
+
+ReactNativeFeatureFlags.override({
+  enableAccessToHostTreeInFabric: () => true,
+});
+```
+
+## Architecture
+
+The architecture of this feature flags system can be described as follows:
+* A shared C++ core, where we provide access to the flags and allow
+customizations.
+* A Kotlin/Java interface that allows accessing and customizing the values in
+the C++ core (via JNI).
+* A JavaScript interface that allows accessing the common values (via a native
+module) and accessing and customizing the JS-only values.
+
+![Diagram of the architecture of feature flags in React Native](./assets/react-native-feature-flags-architecture.excalidraw-embedded.png)
+
+_This image has an embedded [Excalidraw](https://www.excalidraw.com) diagram,
+so you can upload it there if you need to make further modifications._
diff --git a/packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js b/packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js
new file mode 100644
index 00000000000000..ef91f0f6e352c5
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js
@@ -0,0 +1,112 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from './types';
+
+const definitions: FeatureFlagDefinitions = {
+  common: {
+    // This is only used in unit tests for the feature flags system.
+    commonTestFlag: {
+      description: 'Common flag for testing. Do NOT modify.',
+      defaultValue: false,
+    },
+
+    enableBackgroundExecutor: {
+      description:
+        'Enables the use of a background executor to compute layout and commit updates on Fabric (this system is deprecated and should not be used).',
+      defaultValue: false,
+    },
+    useModernRuntimeScheduler: {
+      description:
+        'When enabled, it uses the modern fork of RuntimeScheduler that allows scheduling tasks with priorities from any thread.',
+      defaultValue: false,
+    },
+    enableMicrotasks: {
+      description:
+        'Enables the use of microtasks in Hermes (scheduling) and RuntimeScheduler (execution).',
+      defaultValue: false,
+    },
+    batchRenderingUpdatesInEventLoop: {
+      description:
+        'When enabled, the RuntimeScheduler processing the event loop will batch all rendering updates and dispatch them together at the end of each iteration of the loop.',
+      defaultValue: false,
+    },
+    enableSpannableBuildingUnification: {
+      description:
+        'Uses new, deduplicated logic for constructing Android Spannables from text fragments',
+      defaultValue: false,
+    },
+    enableCustomDrawOrderFabric: {
+      description:
+        'When enabled, Fabric will use customDrawOrder in ReactViewGroup (similar to old architecture).',
+      defaultValue: false,
+    },
+    enableFixForClippedSubviewsCrash: {
+      description:
+        'Attempt at fixing a crash related to subview clipping on Android. This is a kill switch for the fix',
+      defaultValue: false,
+    },
+    inspectorEnableCxxInspectorPackagerConnection: {
+      description:
+        'Flag determining if the C++ implementation of InspectorPackagerConnection should be used instead of the per-platform one. This flag is global and should not be changed across React Host lifetimes.',
+      defaultValue: false,
+    },
+    inspectorEnableModernCDPRegistry: {
+      description:
+        'Flag determining if the modern CDP backend should be enabled. This flag is global and should not be changed across React Host lifetimes.',
+      defaultValue: false,
+    },
+  },
+
+  jsOnly: {
+    // This is only used in unit tests for the feature flags system.
+    jsOnlyTestFlag: {
+      description: 'JS-only flag for testing. Do NOT modify.',
+      defaultValue: false,
+    },
+
+    isLayoutAnimationEnabled: {
+      description:
+        'Function used to enable / disabled Layout Animations in React Native.',
+      defaultValue: true,
+    },
+    animatedShouldDebounceQueueFlush: {
+      description:
+        'Enables an experimental flush-queue debouncing in Animated.js.',
+      defaultValue: false,
+    },
+    animatedShouldUseSingleOp: {
+      description:
+        'Enables an experimental mega-operation for Animated.js that replaces many calls to native with a single call into native, to reduce JSI/JNI traffic.',
+      defaultValue: false,
+    },
+    enableAccessToHostTreeInFabric: {
+      description:
+        'Enables access to the host tree in Fabric using DOM-compatible APIs.',
+      defaultValue: false,
+    },
+    shouldUseAnimatedObjectForTransform: {
+      description:
+        'Enables use of AnimatedObject for animating transform values.',
+      defaultValue: false,
+    },
+    shouldUseSetNativePropsInFabric: {
+      description: 'Enables use of setNativeProps in JS driven animations.',
+      defaultValue: true,
+    },
+    shouldUseRemoveClippedSubviewsAsDefaultOnIOS: {
+      description:
+        'removeClippedSubviews prop will be used as the default in FlatList on iOS to match Android',
+      defaultValue: false,
+    },
+  },
+};
+
+export default definitions;
diff --git a/packages/react-native/scripts/featureflags/assets/react-native-feature-flags-architecture.excalidraw-embedded.png b/packages/react-native/scripts/featureflags/assets/react-native-feature-flags-architecture.excalidraw-embedded.png
new file mode 100644
index 00000000000000..cfebac31b929d0
Binary files /dev/null and b/packages/react-native/scripts/featureflags/assets/react-native-feature-flags-architecture.excalidraw-embedded.png differ
diff --git a/packages/react-native/scripts/featureflags/generateAndroidModules.js b/packages/react-native/scripts/featureflags/generateAndroidModules.js
new file mode 100644
index 00000000000000..4631fbfa366dd0
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/generateAndroidModules.js
@@ -0,0 +1,46 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {GeneratorConfig, GeneratorResult} from './types';
+
+import JReactNativeFeatureFlagsCxxInteropCPP from './templates/android/JReactNativeFeatureFlagsCxxInterop.cpp-template';
+import JReactNativeFeatureFlagsCxxInteropH from './templates/android/JReactNativeFeatureFlagsCxxInterop.h-template';
+import ReactNativeFeatureFlagsKt from './templates/android/ReactNativeFeatureFlags.kt-template';
+import ReactNativeFeatureFlagsCxxAccessorKt from './templates/android/ReactNativeFeatureFlagsCxxAccessor.kt-template';
+import ReactNativeFeatureFlagsCxxInteropKt from './templates/android/ReactNativeFeatureFlagsCxxInterop.kt-template';
+import ReactNativeFeatureFlagsDefaultsKt from './templates/android/ReactNativeFeatureFlagsDefaults.kt-template';
+import ReactNativeFeatureFlagsLocalAccessorKt from './templates/android/ReactNativeFeatureFlagsLocalAccessor.kt-template';
+import ReactNativeFeatureFlagsProviderKt from './templates/android/ReactNativeFeatureFlagsProvider.kt-template';
+import path from 'path';
+
+export default function generateAndroidModules(
+  generatorConfig: GeneratorConfig,
+): GeneratorResult {
+  const {androidPath, androidJniPath, featureFlagDefinitions} = generatorConfig;
+
+  return {
+    [path.join(androidPath, 'ReactNativeFeatureFlags.kt')]:
+      ReactNativeFeatureFlagsKt(featureFlagDefinitions),
+    [path.join(androidPath, 'ReactNativeFeatureFlagsCxxAccessor.kt')]:
+      ReactNativeFeatureFlagsCxxAccessorKt(featureFlagDefinitions),
+    [path.join(androidPath, 'ReactNativeFeatureFlagsLocalAccessor.kt')]:
+      ReactNativeFeatureFlagsLocalAccessorKt(featureFlagDefinitions),
+    [path.join(androidPath, 'ReactNativeFeatureFlagsCxxInterop.kt')]:
+      ReactNativeFeatureFlagsCxxInteropKt(featureFlagDefinitions),
+    [path.join(androidPath, 'ReactNativeFeatureFlagsDefaults.kt')]:
+      ReactNativeFeatureFlagsDefaultsKt(featureFlagDefinitions),
+    [path.join(androidPath, 'ReactNativeFeatureFlagsProvider.kt')]:
+      ReactNativeFeatureFlagsProviderKt(featureFlagDefinitions),
+    [path.join(androidJniPath, 'JReactNativeFeatureFlagsCxxInterop.h')]:
+      JReactNativeFeatureFlagsCxxInteropH(featureFlagDefinitions),
+    [path.join(androidJniPath, 'JReactNativeFeatureFlagsCxxInterop.cpp')]:
+      JReactNativeFeatureFlagsCxxInteropCPP(featureFlagDefinitions),
+  };
+}
diff --git a/packages/react-native/scripts/featureflags/generateCommonCxxModules.js b/packages/react-native/scripts/featureflags/generateCommonCxxModules.js
new file mode 100644
index 00000000000000..7329bf8abbd0bd
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/generateCommonCxxModules.js
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {GeneratorConfig, GeneratorResult} from './types';
+
+import ReactNativeFeatureFlagsCPP from './templates/common-cxx/ReactNativeFeatureFlags.cpp-template';
+import ReactNativeFeatureFlagsH from './templates/common-cxx/ReactNativeFeatureFlags.h-template';
+import ReactNativeFeatureFlagsAccessorCPP from './templates/common-cxx/ReactNativeFeatureFlagsAccessor.cpp-template';
+import ReactNativeFeatureFlagsAccessorH from './templates/common-cxx/ReactNativeFeatureFlagsAccessor.h-template';
+import ReactNativeFeatureFlagsDefaultsH from './templates/common-cxx/ReactNativeFeatureFlagsDefaults.h-template';
+import ReactNativeFeatureFlagsProviderH from './templates/common-cxx/ReactNativeFeatureFlagsProvider.h-template';
+import path from 'path';
+
+export default function generateCommonCxxModules(
+  generatorConfig: GeneratorConfig,
+): GeneratorResult {
+  const {commonCxxPath, featureFlagDefinitions} = generatorConfig;
+
+  return {
+    [path.join(commonCxxPath, 'ReactNativeFeatureFlags.h')]:
+      ReactNativeFeatureFlagsH(featureFlagDefinitions),
+    [path.join(commonCxxPath, 'ReactNativeFeatureFlags.cpp')]:
+      ReactNativeFeatureFlagsCPP(featureFlagDefinitions),
+    [path.join(commonCxxPath, 'ReactNativeFeatureFlagsAccessor.h')]:
+      ReactNativeFeatureFlagsAccessorH(featureFlagDefinitions),
+    [path.join(commonCxxPath, 'ReactNativeFeatureFlagsAccessor.cpp')]:
+      ReactNativeFeatureFlagsAccessorCPP(featureFlagDefinitions),
+    [path.join(commonCxxPath, 'ReactNativeFeatureFlagsDefaults.h')]:
+      ReactNativeFeatureFlagsDefaultsH(featureFlagDefinitions),
+    [path.join(commonCxxPath, 'ReactNativeFeatureFlagsProvider.h')]:
+      ReactNativeFeatureFlagsProviderH(featureFlagDefinitions),
+  };
+}
diff --git a/packages/react-native/scripts/featureflags/generateFiles.js b/packages/react-native/scripts/featureflags/generateFiles.js
new file mode 100644
index 00000000000000..f03df2163e6496
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/generateFiles.js
@@ -0,0 +1,70 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {GeneratorConfig, GeneratorOptions} from './types';
+
+import generateAndroidModules from './generateAndroidModules';
+import generateCommonCxxModules from './generateCommonCxxModules';
+import generateJavaScriptModules from './generateJavaScriptModules';
+import fs from 'fs';
+
+export default function generateFiles(
+  generatorConfig: GeneratorConfig,
+  generatorOptions: GeneratorOptions,
+): void {
+  fs.mkdirSync(generatorConfig.jsPath, {recursive: true});
+  fs.mkdirSync(generatorConfig.commonCxxPath, {recursive: true});
+  fs.mkdirSync(generatorConfig.commonNativeModuleCxxPath, {recursive: true});
+  fs.mkdirSync(generatorConfig.androidPath, {recursive: true});
+  fs.mkdirSync(generatorConfig.androidJniPath, {recursive: true});
+
+  const jsModules = generateJavaScriptModules(generatorConfig);
+
+  const commonCxxModules = generateCommonCxxModules(generatorConfig);
+
+  const androidModules = generateAndroidModules(generatorConfig);
+
+  const generatedFiles = {...jsModules, ...commonCxxModules, ...androidModules};
+
+  if (generatorOptions.verifyUnchanged) {
+    const existingModules: {[string]: string} = {};
+    for (const moduleName of Object.keys(generatedFiles)) {
+      const existingModule = fs.readFileSync(moduleName, 'utf8');
+      existingModules[moduleName] = existingModule;
+    }
+
+    const changedFiles = [];
+    for (const moduleName of Object.keys(generatedFiles)) {
+      const module = generatedFiles[moduleName];
+      const existingModule = existingModules[moduleName];
+
+      if (module !== existingModule) {
+        changedFiles.push(moduleName);
+      }
+    }
+
+    if (changedFiles.length > 0) {
+      const changedFilesStr = changedFiles
+        .map(changedFile => '    ' + changedFile)
+        .join('\n');
+
+      throw new Error(
+        `Detected changes in generated files for feature flags:\n${changedFilesStr}\n\n` +
+          'Please rerun `yarn featureflags-update` and commit the changes.',
+      );
+    }
+
+    return;
+  }
+
+  for (const [modulePath, moduleContents] of Object.entries(generatedFiles)) {
+    fs.writeFileSync(modulePath, moduleContents, 'utf8');
+  }
+}
diff --git a/packages/react-native/scripts/featureflags/generateJavaScriptModules.js b/packages/react-native/scripts/featureflags/generateJavaScriptModules.js
new file mode 100644
index 00000000000000..4fc7d30e15530a
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/generateJavaScriptModules.js
@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {GeneratorConfig, GeneratorResult} from './types';
+
+import NativeReactNativeFeatureFlagsCPP from './templates/js/NativeReactNativeFeatureFlags.cpp-template';
+import NativeReactNativeFeatureFlagsH from './templates/js/NativeReactNativeFeatureFlags.h-template';
+import NativeReactNativeFeatureFlagsJS from './templates/js/NativeReactNativeFeatureFlags.js-template';
+import ReactNativeFeatureFlagsJS from './templates/js/ReactNativeFeatureFlags.js-template';
+import path from 'path';
+
+export default function generateCommonCxxModules(
+  generatorConfig: GeneratorConfig,
+): GeneratorResult {
+  const {jsPath, commonNativeModuleCxxPath, featureFlagDefinitions} =
+    generatorConfig;
+
+  return {
+    [path.join(jsPath, 'ReactNativeFeatureFlags.js')]:
+      ReactNativeFeatureFlagsJS(featureFlagDefinitions),
+    [path.join(jsPath, 'NativeReactNativeFeatureFlags.js')]:
+      NativeReactNativeFeatureFlagsJS(featureFlagDefinitions),
+    [path.join(commonNativeModuleCxxPath, 'NativeReactNativeFeatureFlags.h')]:
+      NativeReactNativeFeatureFlagsH(featureFlagDefinitions),
+    [path.join(commonNativeModuleCxxPath, 'NativeReactNativeFeatureFlags.cpp')]:
+      NativeReactNativeFeatureFlagsCPP(featureFlagDefinitions),
+  };
+}
diff --git a/packages/react-native/scripts/featureflags/index.js b/packages/react-native/scripts/featureflags/index.js
new file mode 100644
index 00000000000000..38e991437f2063
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/index.js
@@ -0,0 +1,14 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+if (require.main === module) {
+  require('../../../../scripts/build/babel-register').registerForMonorepo();
+  const update = require('./update').default;
+  update(process.argv.includes('--verify-unchanged'));
+}
diff --git a/packages/react-native/scripts/featureflags/templates/android/JReactNativeFeatureFlagsCxxInterop.cpp-template.js b/packages/react-native/scripts/featureflags/templates/android/JReactNativeFeatureFlagsCxxInterop.cpp-template.js
new file mode 100644
index 00000000000000..223a0e272153e5
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/android/JReactNativeFeatureFlagsCxxInterop.cpp-template.js
@@ -0,0 +1,109 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT, getCxxTypeFromDefaultValue} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+#include "JReactNativeFeatureFlagsCxxInterop.h"
+#include <react/featureflags/ReactNativeFeatureFlags.h>
+
+namespace facebook::react {
+
+static jni::alias_ref<jni::JClass> getReactNativeFeatureFlagsProviderJavaClass() {
+  static const auto jClass = facebook::jni::findClassStatic(
+      "com/facebook/react/internal/featureflags/ReactNativeFeatureFlagsProvider");
+  return jClass;
+}
+
+/**
+ * Implementation of ReactNativeFeatureFlagsProvider that wraps a
+ * ReactNativeFeatureFlagsProvider Java object.
+ */
+class ReactNativeFeatureFlagsProviderHolder
+    : public ReactNativeFeatureFlagsProvider {
+ public:
+  explicit ReactNativeFeatureFlagsProviderHolder(
+      jni::alias_ref<jobject> javaProvider)
+      : javaProvider_(make_global(javaProvider)){};
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  ${getCxxTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )} ${flagName}() override {
+    static const auto method =
+        getReactNativeFeatureFlagsProviderJavaClass()->getMethod<jboolean()>("${flagName}");
+    return method(javaProvider_);
+  }`,
+  )
+  .join('\n\n')}
+
+ private:
+  jni::global_ref<jobject> javaProvider_;
+};
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `${getCxxTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )} JReactNativeFeatureFlagsCxxInterop::${flagName}(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  return ReactNativeFeatureFlags::${flagName}();
+}`,
+  )
+  .join('\n\n')}
+
+void JReactNativeFeatureFlagsCxxInterop::override(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/,
+    jni::alias_ref<jobject> provider) {
+  ReactNativeFeatureFlags::override(
+      std::make_unique<ReactNativeFeatureFlagsProviderHolder>(provider));
+}
+
+void JReactNativeFeatureFlagsCxxInterop::dangerouslyReset(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop> /*unused*/) {
+  ReactNativeFeatureFlags::dangerouslyReset();
+}
+
+void JReactNativeFeatureFlagsCxxInterop::registerNatives() {
+  javaClassLocal()->registerNatives({
+      makeNativeMethod(
+          "override", JReactNativeFeatureFlagsCxxInterop::override),
+      makeNativeMethod("dangerouslyReset", JReactNativeFeatureFlagsCxxInterop::dangerouslyReset),
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `      makeNativeMethod(
+        "${flagName}",
+        JReactNativeFeatureFlagsCxxInterop::${flagName}),`,
+  )
+  .join('\n')}
+  });
+}
+
+} // namespace facebook::react
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/android/JReactNativeFeatureFlagsCxxInterop.h-template.js b/packages/react-native/scripts/featureflags/templates/android/JReactNativeFeatureFlagsCxxInterop.h-template.js
new file mode 100644
index 00000000000000..72995b1f714ab1
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/android/JReactNativeFeatureFlagsCxxInterop.h-template.js
@@ -0,0 +1,63 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT, getCxxTypeFromDefaultValue} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+#pragma once
+
+#include <fbjni/fbjni.h>
+#include <jni.h>
+
+namespace facebook::react {
+
+class JReactNativeFeatureFlagsCxxInterop
+    : public jni::JavaClass<JReactNativeFeatureFlagsCxxInterop> {
+ public:
+  constexpr static auto kJavaDescriptor =
+      "Lcom/facebook/react/internal/featureflags/ReactNativeFeatureFlagsCxxInterop;";
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  static ${getCxxTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )} ${flagName}(
+    facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);`,
+  )
+  .join('\n\n')}
+
+  static void override(
+      facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>,
+      jni::alias_ref<jobject> provider);
+
+  static void dangerouslyReset(
+      facebook::jni::alias_ref<JReactNativeFeatureFlagsCxxInterop>);
+
+  static void registerNatives();
+};
+
+} // namespace facebook::react
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlags.kt-template.js b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlags.kt-template.js
new file mode 100644
index 00000000000000..5cb04d31a59d03
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlags.kt-template.js
@@ -0,0 +1,106 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {
+  DO_NOT_MODIFY_COMMENT,
+  getKotlinTypeFromDefaultValue,
+} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+package com.facebook.react.internal.featureflags
+
+/**
+ * This object provides access to internal React Native feature flags.
+ *
+ * All the methods are thread-safe if you handle \`override\` correctly.
+ */
+public object ReactNativeFeatureFlags {
+  private var accessorProvider: () -> ReactNativeFeatureFlagsAccessor = { ReactNativeFeatureFlagsCxxAccessor() }
+  private var accessor: ReactNativeFeatureFlagsAccessor = accessorProvider()
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  /**
+   * ${flagConfig.description}
+   */
+  @JvmStatic
+  public fun ${flagName}(): ${getKotlinTypeFromDefaultValue(flagConfig.defaultValue)} = accessor.${flagName}()`,
+  )
+  .join('\n\n')}
+
+  /**
+   * Overrides the feature flags with the ones provided by the given provider
+   * (generally one that extends \`ReactNativeFeatureFlagsDefaults\`).
+   *
+   * This method must be called before you initialize the React Native runtime.
+   *
+   * @example
+   *
+   * \`\`\`
+   * ReactNativeFeatureFlags.override(object : ReactNativeFeatureFlagsDefaults() {
+   *   override fun someFlag(): Boolean = true // or a dynamic value
+   * })
+   * \`\`\`
+   */
+  @JvmStatic
+  public fun override(provider: ReactNativeFeatureFlagsProvider): Unit = accessor.override(provider)
+
+  /**
+   * Removes the overridden feature flags and makes the API return default
+   * values again.
+   *
+   * This should only be called if you destroy the React Native runtime and
+   * need to create a new one with different overrides. In that case,
+   * call \`dangerouslyReset\` after destroying the runtime and \`override\`
+   * again before initializing the new one.
+   */
+  @JvmStatic
+  public fun dangerouslyReset() {
+    // This is necessary when the accessor interops with C++ and we need to
+    // remove the overrides set there.
+    accessor.dangerouslyReset()
+
+    // This discards the cached values and the overrides set in the JVM.
+    accessor = accessorProvider()
+  }
+
+  /**
+   * This is just used to replace the default ReactNativeFeatureFlagsCxxAccessor
+   * that uses JNI with a version that doesn't, to simplify testing.
+   */
+  internal fun setAccessorProvider(newAccessorProvider: () -> ReactNativeFeatureFlagsAccessor) {
+    accessorProvider = newAccessorProvider
+    accessor = accessorProvider()
+  }
+}
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsCxxAccessor.kt-template.js b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsCxxAccessor.kt-template.js
new file mode 100644
index 00000000000000..9b2b6894e759ab
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsCxxAccessor.kt-template.js
@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {
+  DO_NOT_MODIFY_COMMENT,
+  getKotlinTypeFromDefaultValue,
+} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+package com.facebook.react.internal.featureflags
+
+public class ReactNativeFeatureFlagsCxxAccessor : ReactNativeFeatureFlagsAccessor {
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  private var ${flagName}Cache: ${getKotlinTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )}? = null`,
+  )
+  .join('\n')}
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) => `  override fun ${flagName}(): Boolean {
+    var cached = ${flagName}Cache
+    if (cached == null) {
+      cached = ReactNativeFeatureFlagsCxxInterop.${flagName}()
+      ${flagName}Cache = cached
+    }
+    return cached
+  }`,
+  )
+  .join('\n\n')}
+
+  override fun override(provider: ReactNativeFeatureFlagsProvider): Unit =
+      ReactNativeFeatureFlagsCxxInterop.override(provider as Any)
+
+  override fun dangerouslyReset(): Unit = ReactNativeFeatureFlagsCxxInterop.dangerouslyReset()
+}
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsCxxInterop.kt-template.js b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsCxxInterop.kt-template.js
new file mode 100644
index 00000000000000..d2e43130ee0756
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsCxxInterop.kt-template.js
@@ -0,0 +1,56 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {
+  DO_NOT_MODIFY_COMMENT,
+  getKotlinTypeFromDefaultValue,
+} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+package com.facebook.react.internal.featureflags
+
+import com.facebook.proguard.annotations.DoNotStrip
+import com.facebook.soloader.SoLoader
+
+@DoNotStrip
+public object ReactNativeFeatureFlagsCxxInterop {
+  init {
+    SoLoader.loadLibrary("react_featureflagsjni")
+  }
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  @DoNotStrip @JvmStatic public external fun ${flagName}(): ${getKotlinTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )}`,
+  )
+  .join('\n\n')}
+
+  @DoNotStrip @JvmStatic public external fun override(provider: Any)
+
+  @DoNotStrip @JvmStatic public external fun dangerouslyReset()
+}
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsDefaults.kt-template.js b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsDefaults.kt-template.js
new file mode 100644
index 00000000000000..1925b6c784c195
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsDefaults.kt-template.js
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {
+  DO_NOT_MODIFY_COMMENT,
+  getKotlinTypeFromDefaultValue,
+} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+package com.facebook.react.internal.featureflags
+
+public open class ReactNativeFeatureFlagsDefaults : ReactNativeFeatureFlagsProvider {
+  // We could use JNI to get the defaults from C++,
+  // but that is more expensive than just duplicating the defaults here.
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  override fun ${flagName}(): ${getKotlinTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )} = ${JSON.stringify(flagConfig.defaultValue)}`,
+  )
+  .join('\n\n')}
+}
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsLocalAccessor.kt-template.js b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsLocalAccessor.kt-template.js
new file mode 100644
index 00000000000000..c1606e41e0b856
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsLocalAccessor.kt-template.js
@@ -0,0 +1,76 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {
+  DO_NOT_MODIFY_COMMENT,
+  getKotlinTypeFromDefaultValue,
+} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+package com.facebook.react.internal.featureflags
+
+public class ReactNativeFeatureFlagsLocalAccessor : ReactNativeFeatureFlagsAccessor {
+  private var currentProvider: ReactNativeFeatureFlagsProvider = ReactNativeFeatureFlagsDefaults()
+
+  private val accessedFeatureFlags = mutableSetOf<String>()
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  private var ${flagName}Cache: ${getKotlinTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )}? = null`,
+  )
+  .join('\n')}
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) => `  override fun ${flagName}(): Boolean {
+    var cached = ${flagName}Cache
+    if (cached == null) {
+      cached = currentProvider.${flagName}()
+      accessedFeatureFlags.add("${flagName}")
+      ${flagName}Cache = cached
+    }
+    return cached
+  }`,
+  )
+  .join('\n\n')}
+
+  override fun override(provider: ReactNativeFeatureFlagsProvider) {
+    if (accessedFeatureFlags.isNotEmpty()) {
+      val accessedFeatureFlagsStr = accessedFeatureFlags.joinToString(separator = ", ") { it }
+      throw IllegalStateException(
+          "Feature flags were accessed before being overridden: $accessedFeatureFlagsStr")
+    }
+    currentProvider = provider
+  }
+
+  override fun dangerouslyReset() {
+    // We don't need to do anything here because \`ReactNativeFeatureFlags\` will
+    // just create a new instance of this class.
+  }
+}
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsProvider.kt-template.js b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsProvider.kt-template.js
new file mode 100644
index 00000000000000..c66837bd72876c
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/android/ReactNativeFeatureFlagsProvider.kt-template.js
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {
+  DO_NOT_MODIFY_COMMENT,
+  getKotlinTypeFromDefaultValue,
+} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+package com.facebook.react.internal.featureflags
+
+import com.facebook.proguard.annotations.DoNotStrip
+
+@DoNotStrip
+public interface ReactNativeFeatureFlagsProvider {
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  @DoNotStrip public fun ${flagName}(): ${getKotlinTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )}`,
+  )
+  .join('\n\n')}
+}
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlags.cpp-template.js b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlags.cpp-template.js
new file mode 100644
index 00000000000000..bef6fbb8c20e83
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlags.cpp-template.js
@@ -0,0 +1,63 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT, getCxxTypeFromDefaultValue} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+#include "ReactNativeFeatureFlags.h"
+
+namespace facebook::react {
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `${getCxxTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )} ReactNativeFeatureFlags::${flagName}() {
+  return getAccessor().${flagName}();
+}`,
+  )
+  .join('\n\n')}
+
+void ReactNativeFeatureFlags::override(
+    std::unique_ptr<ReactNativeFeatureFlagsProvider> provider) {
+  getAccessor().override(std::move(provider));
+}
+
+void ReactNativeFeatureFlags::dangerouslyReset() {
+  getAccessor(true);
+}
+
+ReactNativeFeatureFlagsAccessor& ReactNativeFeatureFlags::getAccessor(
+    bool reset) {
+  static std::unique_ptr<ReactNativeFeatureFlagsAccessor> accessor;
+  if (accessor == nullptr || reset) {
+    accessor = std::make_unique<ReactNativeFeatureFlagsAccessor>();
+  }
+  return *accessor;
+}
+
+} // namespace facebook::react
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlags.h-template.js b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlags.h-template.js
new file mode 100644
index 00000000000000..5e6e896560e637
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlags.h-template.js
@@ -0,0 +1,96 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT, getCxxTypeFromDefaultValue} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+#pragma once
+
+#include <react/featureflags/ReactNativeFeatureFlagsAccessor.h>
+#include <react/featureflags/ReactNativeFeatureFlagsProvider.h>
+#include <memory>
+
+namespace facebook::react {
+
+/**
+ * This class provides access to internal React Native feature flags.
+ *
+ * All the methods are thread-safe (as long as the methods in the overridden
+ * provider are).
+ */
+class ReactNativeFeatureFlags {
+ public:
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  /**
+   * ${flagConfig.description}
+   */
+  static ${getCxxTypeFromDefaultValue(flagConfig.defaultValue)} ${flagName}();`,
+  )
+  .join('\n\n')}
+
+  /**
+   * Overrides the feature flags with the ones provided by the given provider
+   * (generally one that extends \`ReactNativeFeatureFlagsDefaults\`).
+   *
+   * This method must be called before you initialize the React Native runtime.
+   *
+   * @example
+   *
+   * \`\`\`
+   * class MyReactNativeFeatureFlags : public ReactNativeFeatureFlagsDefaults {
+   *  public:
+   *   bool someFlag() override;
+   * };
+   *
+   * ReactNativeFeatureFlags.override(
+   *     std::make_unique<MyReactNativeFeatureFlags>());
+   * \`\`\`
+   */
+  static void override(
+      std::unique_ptr<ReactNativeFeatureFlagsProvider> provider);
+
+  /**
+   * Removes the overridden feature flags and makes the API return default
+   * values again.
+   *
+   * This is **dangerous**. Use it only if you really understand the
+   * implications of this method.
+   *
+   * This should only be called if you destroy the React Native runtime and
+   * need to create a new one with different overrides. In that case,
+   * call \`dangerouslyReset\` after destroying the runtime and \`override\` again
+   * before initializing the new one.
+   */
+  static void dangerouslyReset();
+
+ private:
+  ReactNativeFeatureFlags() = delete;
+  static ReactNativeFeatureFlagsAccessor& getAccessor(bool reset = false);
+};
+
+} // namespace facebook::react
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsAccessor.cpp-template.js b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsAccessor.cpp-template.js
new file mode 100644
index 00000000000000..26b9df54910eeb
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsAccessor.cpp-template.js
@@ -0,0 +1,106 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT, getCxxTypeFromDefaultValue} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+#include <react/featureflags/ReactNativeFeatureFlagsDefaults.h>
+#include <sstream>
+#include <stdexcept>
+#include <string>
+#include "ReactNativeFeatureFlags.h"
+
+namespace facebook::react {
+
+ReactNativeFeatureFlagsAccessor::ReactNativeFeatureFlagsAccessor()
+    : currentProvider_(std::make_unique<ReactNativeFeatureFlagsDefaults>()),
+      wasOverridden_(false) {}
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig], flagPosition) =>
+      `${getCxxTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )} ReactNativeFeatureFlagsAccessor::${flagName}() {
+  auto flagValue = ${flagName}_.load();
+
+  if (!flagValue.has_value()) {
+    // This block is not exclusive but it is not necessary.
+    // If multiple threads try to initialize the feature flag, we would only
+    // be accessing the provider multiple times but the end state of this
+    // instance and the returned flag value would be the same.
+
+    markFlagAsAccessed(${flagPosition}, "${flagName}");
+
+    flagValue = currentProvider_->${flagName}();
+    ${flagName}_ = flagValue;
+  }
+
+  return flagValue.value();
+}`,
+  )
+  .join('\n\n')}
+
+void ReactNativeFeatureFlagsAccessor::override(
+    std::unique_ptr<ReactNativeFeatureFlagsProvider> provider) {
+  if (wasOverridden_) {
+    throw std::runtime_error(
+        "Feature flags cannot be overridden more than once");
+  }
+
+  ensureFlagsNotAccessed();
+  wasOverridden_ = true;
+  currentProvider_ = std::move(provider);
+}
+
+void ReactNativeFeatureFlagsAccessor::markFlagAsAccessed(
+    int position,
+    const char* flagName) {
+  accessedFeatureFlags_[position] = flagName;
+}
+
+void ReactNativeFeatureFlagsAccessor::ensureFlagsNotAccessed() {
+  std::ostringstream featureFlagListBuilder;
+  for (const auto& featureFlagName : accessedFeatureFlags_) {
+    if (featureFlagName != nullptr) {
+      featureFlagListBuilder << featureFlagName << ", ";
+    }
+  }
+
+  std::string accessedFeatureFlagNames = featureFlagListBuilder.str();
+  if (!accessedFeatureFlagNames.empty()) {
+    accessedFeatureFlagNames =
+        accessedFeatureFlagNames.substr(0, accessedFeatureFlagNames.size() - 2);
+  }
+
+  if (!accessedFeatureFlagNames.empty()) {
+    throw std::runtime_error(
+        "Feature flags were accessed before being overridden: " +
+        accessedFeatureFlagNames);
+  }
+}
+
+} // namespace facebook::react
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsAccessor.h-template.js b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsAccessor.h-template.js
new file mode 100644
index 00000000000000..07ad24bc0fa92d
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsAccessor.h-template.js
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT, getCxxTypeFromDefaultValue} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+#pragma once
+
+#include <react/featureflags/ReactNativeFeatureFlagsProvider.h>
+#include <array>
+#include <atomic>
+#include <memory>
+#include <optional>
+
+namespace facebook::react {
+
+class ReactNativeFeatureFlagsAccessor {
+ public:
+  ReactNativeFeatureFlagsAccessor();
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  ${getCxxTypeFromDefaultValue(flagConfig.defaultValue)} ${flagName}();`,
+  )
+  .join('\n')}
+
+  void override(std::unique_ptr<ReactNativeFeatureFlagsProvider> provider);
+
+ private:
+  void markFlagAsAccessed(int position, const char* flagName);
+  void ensureFlagsNotAccessed();
+
+  std::unique_ptr<ReactNativeFeatureFlagsProvider> currentProvider_;
+  bool wasOverridden_;
+
+  std::array<std::atomic<const char*>, ${
+    Object.keys(definitions.common).length
+  }> accessedFeatureFlags_;
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  std::atomic<std::optional<${getCxxTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )}>> ${flagName}_;`,
+  )
+  .join('\n')}
+};
+
+} // namespace facebook::react
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsDefaults.h-template.js b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsDefaults.h-template.js
new file mode 100644
index 00000000000000..e70768d2eec8cb
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsDefaults.h-template.js
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT, getCxxTypeFromDefaultValue} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+#pragma once
+
+#include <react/featureflags/ReactNativeFeatureFlagsProvider.h>
+
+namespace facebook::react {
+
+class ReactNativeFeatureFlagsDefaults : public ReactNativeFeatureFlagsProvider {
+ public:
+  ReactNativeFeatureFlagsDefaults() = default;
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  ${getCxxTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )} ${flagName}() override {
+    return ${JSON.stringify(flagConfig.defaultValue)};
+  }`,
+  )
+  .join('\n\n')}
+};
+
+} // namespace facebook::react
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsProvider.h-template.js b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsProvider.h-template.js
new file mode 100644
index 00000000000000..68689f927faaf3
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/common-cxx/ReactNativeFeatureFlagsProvider.h-template.js
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT, getCxxTypeFromDefaultValue} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+#pragma once
+
+namespace facebook::react {
+
+class ReactNativeFeatureFlagsProvider {
+ public:
+  virtual ~ReactNativeFeatureFlagsProvider() = default;
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  virtual ${getCxxTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )} ${flagName}() = 0;`,
+  )
+  .join('\n')}
+};
+
+} // namespace facebook::react
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/js/NativeReactNativeFeatureFlags.cpp-template.js b/packages/react-native/scripts/featureflags/templates/js/NativeReactNativeFeatureFlags.cpp-template.js
new file mode 100644
index 00000000000000..13a28a72cecbb9
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/js/NativeReactNativeFeatureFlags.cpp-template.js
@@ -0,0 +1,60 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT, getCxxTypeFromDefaultValue} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+#include "NativeReactNativeFeatureFlags.h"
+#include <react/featureflags/ReactNativeFeatureFlags.h>
+
+#include "Plugins.h"
+
+std::shared_ptr<facebook::react::TurboModule>
+NativeReactNativeFeatureFlagsModuleProvider(
+    std::shared_ptr<facebook::react::CallInvoker> jsInvoker) {
+  return std::make_shared<facebook::react::NativeReactNativeFeatureFlags>(
+      std::move(jsInvoker));
+}
+
+namespace facebook::react {
+
+NativeReactNativeFeatureFlags::NativeReactNativeFeatureFlags(
+    std::shared_ptr<CallInvoker> jsInvoker)
+    : NativeReactNativeFeatureFlagsCxxSpec(std::move(jsInvoker)) {}
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `${getCxxTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )} NativeReactNativeFeatureFlags::${flagName}(
+    jsi::Runtime& /*runtime*/) {
+  return ReactNativeFeatureFlags::${flagName}();
+}`,
+  )
+  .join('\n\n')}
+
+} // namespace facebook::react
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/js/NativeReactNativeFeatureFlags.h-template.js b/packages/react-native/scripts/featureflags/templates/js/NativeReactNativeFeatureFlags.h-template.js
new file mode 100644
index 00000000000000..492639ed9d3d26
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/js/NativeReactNativeFeatureFlags.h-template.js
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT, getCxxTypeFromDefaultValue} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+#pragma once
+
+#include <FBReactNativeSpec/FBReactNativeSpecJSI.h>
+
+namespace facebook::react {
+
+class NativeReactNativeFeatureFlags
+    : public NativeReactNativeFeatureFlagsCxxSpec<
+          NativeReactNativeFeatureFlags>,
+      std::enable_shared_from_this<NativeReactNativeFeatureFlags> {
+ public:
+  NativeReactNativeFeatureFlags(std::shared_ptr<CallInvoker> jsInvoker);
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  ${getCxxTypeFromDefaultValue(
+        flagConfig.defaultValue,
+      )} ${flagName}(jsi::Runtime& runtime);`,
+  )
+  .join('\n\n')}
+};
+
+} // namespace facebook::react
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/js/NativeReactNativeFeatureFlags.js-template.js b/packages/react-native/scripts/featureflags/templates/js/NativeReactNativeFeatureFlags.js-template.js
new file mode 100644
index 00000000000000..9c9e557879dbe1
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/js/NativeReactNativeFeatureFlags.js-template.js
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ * @flow strict-local
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+import type {TurboModule} from '../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  +${flagName}?: () => ${typeof flagConfig.defaultValue};`,
+  )
+  .join('\n')}
+}
+
+const NativeReactNativeFeatureFlags: ?Spec = TurboModuleRegistry.get<Spec>(
+  'NativeReactNativeFeatureFlagsCxx',
+);
+
+export default NativeReactNativeFeatureFlags;
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/templates/js/ReactNativeFeatureFlags.js-template.js b/packages/react-native/scripts/featureflags/templates/js/ReactNativeFeatureFlags.js-template.js
new file mode 100644
index 00000000000000..90872bd5e58afb
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/templates/js/ReactNativeFeatureFlags.js-template.js
@@ -0,0 +1,87 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagDefinitions} from '../../types';
+
+import {DO_NOT_MODIFY_COMMENT} from '../../utils';
+import signedsource from 'signedsource';
+
+export default function (definitions: FeatureFlagDefinitions): string {
+  return signedsource.signFile(`/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${signedsource.getSigningToken()}
+ * @flow strict-local
+ */
+
+${DO_NOT_MODIFY_COMMENT}
+
+import {
+  type Getter,
+  createJavaScriptFlagGetter,
+  createNativeFlagGetter,
+  setOverrides,
+} from './ReactNativeFeatureFlagsBase';
+
+export type ReactNativeFeatureFlagsJsOnly = {
+${Object.entries(definitions.jsOnly)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  ${flagName}: Getter<${typeof flagConfig.defaultValue}>,`,
+  )
+  .join('\n')}
+};
+
+export type ReactNativeFeatureFlagsJsOnlyOverrides = Partial<ReactNativeFeatureFlagsJsOnly>;
+
+export type ReactNativeFeatureFlags = {
+  ...ReactNativeFeatureFlagsJsOnly,
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `  ${flagName}: Getter<${typeof flagConfig.defaultValue}>,`,
+  )
+  .join('\n')}
+}
+
+${Object.entries(definitions.jsOnly)
+  .map(
+    ([flagName, flagConfig]) =>
+      `/**
+ * ${flagConfig.description}
+ */
+export const ${flagName}: Getter<${typeof flagConfig.defaultValue}> = createJavaScriptFlagGetter('${flagName}', ${JSON.stringify(
+        flagConfig.defaultValue,
+      )});`,
+  )
+  .join('\n\n')}
+
+${Object.entries(definitions.common)
+  .map(
+    ([flagName, flagConfig]) =>
+      `/**
+ * ${flagConfig.description}
+ */
+export const ${flagName}: Getter<${typeof flagConfig.defaultValue}> = createNativeFlagGetter('${flagName}', ${JSON.stringify(
+        flagConfig.defaultValue,
+      )});`,
+  )
+  .join('\n')}
+
+/**
+ * Overrides the feature flags with the provided methods.
+ * NOTE: Only JS-only flags can be overridden from JavaScript using this API.
+ */
+export const override = setOverrides;
+`);
+}
diff --git a/packages/react-native/scripts/featureflags/types.js b/packages/react-native/scripts/featureflags/types.js
new file mode 100644
index 00000000000000..688a081d5b9a7c
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/types.js
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+export type FeatureFlagValue = boolean | number | string;
+
+export type FeatureFlagDefinitions = {
+  common: FeatureFlagList,
+  jsOnly: FeatureFlagList,
+};
+
+type FeatureFlagList = {
+  [flagName: string]: {
+    description: string,
+    defaultValue: FeatureFlagValue,
+  },
+};
+
+export type GeneratorConfig = {
+  featureFlagDefinitions: FeatureFlagDefinitions,
+  jsPath: string,
+  commonCxxPath: string,
+  commonNativeModuleCxxPath: string,
+  androidPath: string,
+  androidJniPath: string,
+};
+
+export type GeneratorOptions = {
+  verifyUnchanged: boolean,
+};
+
+export type GeneratorResult = {
+  [path: string]: string /* content */,
+};
diff --git a/packages/react-native/scripts/featureflags/update.js b/packages/react-native/scripts/featureflags/update.js
new file mode 100644
index 00000000000000..46ce9493f145ad
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/update.js
@@ -0,0 +1,66 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import generateFiles from './generateFiles';
+import featureFlagDefinitions from './ReactNativeFeatureFlags.config';
+import path from 'path';
+
+const REACT_NATIVE_PACKAGE_ROOT = path.join(__dirname, '..', '..');
+
+export default function update(verifyUnchanged: boolean): void {
+  generateFiles(
+    {
+      featureFlagDefinitions,
+      jsPath: path.join(
+        REACT_NATIVE_PACKAGE_ROOT,
+        'src',
+        'private',
+        'featureflags',
+      ),
+      commonCxxPath: path.join(
+        REACT_NATIVE_PACKAGE_ROOT,
+        'ReactCommon',
+        'react',
+        'featureflags',
+      ),
+      commonNativeModuleCxxPath: path.join(
+        REACT_NATIVE_PACKAGE_ROOT,
+        'ReactCommon',
+        'react',
+        'nativemodule',
+        'featureflags',
+      ),
+      androidPath: path.join(
+        REACT_NATIVE_PACKAGE_ROOT,
+        'ReactAndroid',
+        'src',
+        'main',
+        'java',
+        'com',
+        'facebook',
+        'react',
+        'internal',
+        'featureflags',
+      ),
+      androidJniPath: path.join(
+        REACT_NATIVE_PACKAGE_ROOT,
+        'ReactAndroid',
+        'src',
+        'main',
+        'jni',
+        'react',
+        'featureflags',
+      ),
+    },
+    {
+      verifyUnchanged,
+    },
+  );
+}
diff --git a/packages/react-native/scripts/featureflags/utils.js b/packages/react-native/scripts/featureflags/utils.js
new file mode 100644
index 00000000000000..1634f3c73ff81a
--- /dev/null
+++ b/packages/react-native/scripts/featureflags/utils.js
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {FeatureFlagValue} from './types';
+
+export function getCxxTypeFromDefaultValue(
+  defaultValue: FeatureFlagValue,
+): string {
+  switch (typeof defaultValue) {
+    case 'boolean':
+      return 'bool';
+    case 'number':
+      return 'int';
+    case 'string':
+      return 'std::string';
+    default:
+      throw new Error(`Unsupported default value type: ${typeof defaultValue}`);
+  }
+}
+
+export function getKotlinTypeFromDefaultValue(
+  defaultValue: FeatureFlagValue,
+): string {
+  switch (typeof defaultValue) {
+    case 'boolean':
+      return 'Boolean';
+    case 'number':
+      return 'Int';
+    case 'string':
+      return 'String';
+    default:
+      throw new Error(`Unsupported default value type: ${typeof defaultValue}`);
+  }
+}
+
+export const DO_NOT_MODIFY_COMMENT = `/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */`;
diff --git a/packages/react-native/scripts/generate-codegen-artifacts.js b/packages/react-native/scripts/generate-codegen-artifacts.js
index bde850b940de2c..a8d4fa2db9cfb7 100644
--- a/packages/react-native/scripts/generate-codegen-artifacts.js
+++ b/packages/react-native/scripts/generate-codegen-artifacts.js
@@ -15,58 +15,17 @@ const yargs = require('yargs');
 const argv = yargs
   .option('p', {
     alias: 'path',
-    description: 'Path to React Native application',
+    description: 'Path to the React Native project root.',
+  })
+  .option('t', {
+    alias: 'targetPlatform',
+    description: 'Target platform. Supported values: "android", "ios", "all".',
   })
   .option('o', {
     alias: 'outputPath',
-    description: 'Path where generated artifacts will be output to',
-  })
-  .option('f', {
-    alias: 'configFilename',
-    default: 'package.json',
-    description: 'The file that contains the codegen configuration.',
-  })
-  .option('k', {
-    alias: 'configKey',
-    default: 'codegenConfig',
-    description:
-      'The key that contains the codegen configuration in the config file.',
-  })
-  .option('e', {
-    alias: 'fabricEnabled',
-    default: true,
-    description: 'A flag to control whether to generate fabric components.',
-    boolean: 'e',
+    description: 'Path where generated artifacts will be output to.',
   })
-  .option('c', {
-    alias: 'configFileDir',
-    default: '',
-    description:
-      'Path where codegen config files are located (e.g. node_modules dir).',
-  })
-  .option('n', {
-    alias: 'nodeBinary',
-    default: 'node',
-    description: 'Path to the node executable.',
-  })
-  .usage('Usage: $0 -p [path to app]')
-  .demandOption(['p']).argv;
-
-const CODEGEN_CONFIG_FILENAME = argv.f;
-const CODEGEN_CONFIG_FILE_DIR = argv.c;
-const CODEGEN_CONFIG_KEY = argv.k;
-const CODEGEN_FABRIC_ENABLED = argv.e;
-const NODE = argv.n;
-
-const appRoot = argv.path;
-const outputPath = argv.outputPath;
+  .usage('Usage: $0 -p [path to app] -t [target platform] -o [output path]')
+  .demandOption(['p', 't']).argv;
 
-executor.execute(
-  appRoot,
-  outputPath,
-  NODE,
-  CODEGEN_CONFIG_FILENAME,
-  CODEGEN_CONFIG_KEY,
-  CODEGEN_CONFIG_FILE_DIR,
-  CODEGEN_FABRIC_ENABLED,
-);
+executor.execute(argv.path, argv.targetPlatform, argv.outputPath);
diff --git a/packages/react-native/scripts/generate-provider-cli.js b/packages/react-native/scripts/generate-provider-cli.js
index 852a8d300093ac..22afb409405dbd 100644
--- a/packages/react-native/scripts/generate-provider-cli.js
+++ b/packages/react-native/scripts/generate-provider-cli.js
@@ -9,16 +9,7 @@
 
 'use strict';
 
-let RNCodegen;
-try {
-  RNCodegen = require('../packages/react-native-codegen/lib/generators/RNCodegen.js');
-} catch (e) {
-  RNCodegen = require('@react-native/codegen/lib/generators/RNCodegen.js');
-  if (!RNCodegen) {
-    throw 'RNCodegen not found.';
-  }
-}
-
+const utils = require('./codegen/codegen-utils');
 const fs = require('fs');
 const mkdirp = require('mkdirp');
 const yargs = require('yargs');
@@ -81,7 +72,7 @@ function generateProvider(platform, schemaListPath, outputDirectory) {
     throw new Error(`Invalid platform type. ${platform}`);
   }
 
-  RNCodegen.generateFromSchemas(
+  utils.getCodegen().generateFromSchemas(
     {
       schemas,
       outputDirectory,
diff --git a/packages/react-native/scripts/generate-specs-cli.js b/packages/react-native/scripts/generate-specs-cli.js
index 19862d20131d97..2c3a0eb78b1199 100644
--- a/packages/react-native/scripts/generate-specs-cli.js
+++ b/packages/react-native/scripts/generate-specs-cli.js
@@ -9,8 +9,8 @@
 
 'use strict';
 
-const yargs = require('yargs');
 const executor = require('./codegen/generate-specs-cli-executor');
+const yargs = require('yargs');
 
 const argv = yargs
   .option('p', {
diff --git a/packages/react-native/scripts/hermes/__tests__/hermes-utils-test.js b/packages/react-native/scripts/hermes/__tests__/hermes-utils-test.js
index dc81266293e533..300d4e3b08f086 100644
--- a/packages/react-native/scripts/hermes/__tests__/hermes-utils-test.js
+++ b/packages/react-native/scripts/hermes/__tests__/hermes-utils-test.js
@@ -9,8 +9,6 @@
 
 import * as path from 'path';
 
-const os = require('os');
-
 const {
   configureMakeForPrebuiltHermesC,
   copyBuildScripts,
@@ -19,25 +17,24 @@ const {
   createTarballFromDirectory,
   downloadHermesSourceTarball,
   expandHermesSourceTarball,
-  getHermesTarballDownloadPath,
   getHermesPrebuiltArtifactsTarballName,
   getHermesTagSHA,
+  getHermesTarballDownloadPath,
   readHermesTag,
   setHermesTag,
   shouldUsePrebuiltHermesC,
 } = require('../hermes-utils');
+const MemoryFs = require('metro-memory-fs');
+const os = require('os');
 
 const hermesTag =
   'hermes-2022-04-28-RNv0.69.0-15d07c2edd29a4ea0b8f15ab0588a0c1adb1200f';
 const tarballContents = 'dummy string';
 const hermescContents = 'dummy string';
 const hermesTagSha = '5244f819b2f3949ca94a3a1bf75d54a8ed59d94a';
-
 const ROOT_DIR = path.normalize(path.join(__dirname, '../../..'));
 const SDKS_DIR = path.join(ROOT_DIR, 'sdks');
 
-const MemoryFs = require('metro-memory-fs');
-
 let execCalls, spawnCalls;
 let fs;
 
@@ -162,6 +159,10 @@ describe('hermes-utils', () => {
 
     execCalls = Object.create(null);
     spawnCalls = Object.create(null);
+
+    // Silence logs.
+    jest.spyOn(console, 'log').mockImplementation(() => {});
+    jest.spyOn(console, 'info').mockImplementation(() => {});
   });
 
   describe('Versioning Hermes', () => {
diff --git a/packages/react-native/scripts/hermes/bump-hermes-version.js b/packages/react-native/scripts/hermes/bump-hermes-version.js
index dc87fb8d5ba2d8..09f2c135f3682b 100755
--- a/packages/react-native/scripts/hermes/bump-hermes-version.js
+++ b/packages/react-native/scripts/hermes/bump-hermes-version.js
@@ -10,14 +10,14 @@
 
 'use strict';
 
+const {setHermesTag} = require('./hermes-utils');
+const inquirer = require('inquirer');
 /**
  * This script walks a releaser through bumping the Hermes version for a release.
  * It needs be executed on a release branch.
  */
 const {exit} = require('shelljs');
 const yargs = require('yargs');
-const inquirer = require('inquirer');
-const {setHermesTag} = require('./hermes-utils');
 
 let argv = yargs.option('t', {
   alias: 'tag',
diff --git a/packages/react-native/scripts/hermes/create-tarball.js b/packages/react-native/scripts/hermes/create-tarball.js
index 29f6c1f416da92..121d0a8139711a 100644
--- a/packages/react-native/scripts/hermes/create-tarball.js
+++ b/packages/react-native/scripts/hermes/create-tarball.js
@@ -9,16 +9,15 @@
 
 'use strict';
 
+const {createHermesPrebuiltArtifactsTarball} = require('./hermes-utils');
 const fs = require('fs');
 const os = require('os');
 const path = require('path');
-
 /**
  * This script creates a Hermes prebuilt artifacts tarball.
  * Must be invoked after Hermes has been built.
  */
 const yargs = require('yargs');
-const {createHermesPrebuiltArtifactsTarball} = require('./hermes-utils');
 
 let argv = yargs
   .option('i', {
diff --git a/packages/react-native/scripts/hermes/get-tarball-name.js b/packages/react-native/scripts/hermes/get-tarball-name.js
index acb7817d0bf71c..6b9cafa789fe21 100644
--- a/packages/react-native/scripts/hermes/get-tarball-name.js
+++ b/packages/react-native/scripts/hermes/get-tarball-name.js
@@ -9,12 +9,12 @@
 
 'use strict';
 
+const {getHermesPrebuiltArtifactsTarballName} = require('./hermes-utils');
 /**
  * This script returns the filename that would be used for a
  * Hermes tarball for the given build type and release version.
  */
 const yargs = require('yargs');
-const {getHermesPrebuiltArtifactsTarballName} = require('./hermes-utils');
 
 let argv = yargs.option('b', {
   alias: 'buildType',
diff --git a/packages/react-native/scripts/hermes/hermes-utils.js b/packages/react-native/scripts/hermes/hermes-utils.js
index c55969ef8daf76..3a5aa8dcb3388f 100644
--- a/packages/react-native/scripts/hermes/hermes-utils.js
+++ b/packages/react-native/scripts/hermes/hermes-utils.js
@@ -4,15 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
  */
 
 'use strict';
 
+const {execSync, spawnSync} = require('child_process');
 const fs = require('fs');
 const os = require('os');
 const path = require('path');
-const {execSync, spawnSync} = require('child_process');
+
+/*::
+type BuildType = 'dry-run' | 'release' | 'nightly' | 'prealpha';
+*/
 
 const SDKS_DIR = path.normalize(path.join(__dirname, '..', '..', 'sdks'));
 const HERMES_DIR = path.join(SDKS_DIR, 'hermes');
@@ -34,11 +39,15 @@ const MACOS_IMPORT_HERMESC_PATH = path.join(
  * @param args Array of arguments pass to the command.
  * @param options child process options.
  */
-function delegateSync(command, args, options) {
+function delegateSync(
+  command /*: string */,
+  args /*: (Array<string> | child_process$spawnSyncOpts) */,
+  options /*: ?child_process$spawnSyncOpts */,
+) {
   return spawnSync(command, args, {stdio: 'inherit', ...options});
 }
 
-function readHermesTag() {
+function readHermesTag() /*: string */ {
   if (fs.existsSync(HERMES_TAG_FILE_PATH)) {
     const data = fs
       .readFileSync(HERMES_TAG_FILE_PATH, {
@@ -57,7 +66,7 @@ function readHermesTag() {
   return 'main';
 }
 
-function setHermesTag(hermesTag) {
+function setHermesTag(hermesTag /*: string */) {
   if (readHermesTag() === hermesTag) {
     // No need to update.
     return;
@@ -70,7 +79,7 @@ function setHermesTag(hermesTag) {
   console.log('Hermes tag has been updated. Please commit your changes.');
 }
 
-function getHermesTagSHA(hermesTag) {
+function getHermesTagSHA(hermesTag /*: string */) /*: string */ {
   return execSync(
     `git ls-remote https://github.com/facebook/hermes ${hermesTag} | cut -f 1`,
   )
@@ -78,7 +87,7 @@ function getHermesTagSHA(hermesTag) {
     .trim();
 }
 
-function getHermesTarballDownloadPath(hermesTag) {
+function getHermesTarballDownloadPath(hermesTag /*: string */) /*: string */ {
   const hermesTagSHA = getHermesTagSHA(hermesTag);
   return path.join(HERMES_TARBALL_DOWNLOAD_DIR, `hermes-${hermesTagSHA}.tgz`);
 }
@@ -184,11 +193,13 @@ function isTestingAgainstLocalHermesTarball() {
   return 'HERMES_ENGINE_TARBALL_PATH' in process.env;
 }
 
-function shouldBuildHermesFromSource(isInCI) {
+function shouldBuildHermesFromSource(isInCI /*: boolean */) /*: boolean */ {
   return !isTestingAgainstLocalHermesTarball() && isInCI;
 }
 
-function shouldUsePrebuiltHermesC(platform) {
+function shouldUsePrebuiltHermesC(
+  platform /*: 'macos' | 'windows' */,
+) /*: boolean */ {
   if (platform === 'macos') {
     return fs.existsSync(MACOS_HERMESC_PATH);
   }
@@ -212,7 +223,9 @@ set_target_properties(native-hermesc PROPERTIES
   }
 }
 
-function getHermesPrebuiltArtifactsTarballName(buildType) {
+function getHermesPrebuiltArtifactsTarballName(
+  buildType /*: string */,
+) /*: string */ {
   if (!buildType) {
     throw Error('Did not specify build type.');
   }
@@ -222,17 +235,20 @@ function getHermesPrebuiltArtifactsTarballName(buildType) {
 /**
  * Creates a tarball with the contents of the supplied directory.
  */
-function createTarballFromDirectory(directory, filename) {
+function createTarballFromDirectory(
+  directory /*: string */,
+  filename /*: string */,
+) {
   const args = ['-C', directory, '-czvf', filename, '.'];
   delegateSync('tar', args);
 }
 
 function createHermesPrebuiltArtifactsTarball(
-  hermesDir,
-  buildType,
-  tarballOutputDir,
-  excludeDebugSymbols,
-) {
+  hermesDir /*: string */,
+  buildType /*: string */,
+  tarballOutputDir /*: string */,
+  excludeDebugSymbols /*: boolean */,
+) /*: string */ {
   validateHermesFrameworksExist(path.join(hermesDir, 'destroot'));
 
   if (!fs.existsSync(tarballOutputDir)) {
@@ -282,7 +298,7 @@ function createHermesPrebuiltArtifactsTarball(
   return tarballFilename;
 }
 
-function validateHermesFrameworksExist(destrootDir) {
+function validateHermesFrameworksExist(destrootDir /*: string */) {
   if (
     !fs.existsSync(
       path.join(destrootDir, 'Library/Frameworks/macosx/hermes.framework'),
diff --git a/packages/react-native/scripts/hermes/prepare-hermes-for-build.js b/packages/react-native/scripts/hermes/prepare-hermes-for-build.js
index 87792738e7c00a..acb35fe0ec71cc 100644
--- a/packages/react-native/scripts/hermes/prepare-hermes-for-build.js
+++ b/packages/react-native/scripts/hermes/prepare-hermes-for-build.js
@@ -19,8 +19,8 @@ const {
   copyPodSpec,
   downloadHermesSourceTarball,
   expandHermesSourceTarball,
-  shouldUsePrebuiltHermesC,
   shouldBuildHermesFromSource,
+  shouldUsePrebuiltHermesC,
 } = require('./hermes-utils');
 
 async function main(isInCI) {
diff --git a/packages/react-native/scripts/react-native-xcode.sh b/packages/react-native/scripts/react-native-xcode.sh
index 33170e68c3b7f9..bc56fc0145decf 100755
--- a/packages/react-native/scripts/react-native-xcode.sh
+++ b/packages/react-native/scripts/react-native-xcode.sh
@@ -15,7 +15,7 @@ DEST=$CONFIGURATION_BUILD_DIR/$UNLOCALIZED_RESOURCES_FOLDER_PATH
 # Enables iOS devices to get the IP address of the machine running Metro
 if [[ ! "$SKIP_BUNDLING_METRO_IP" && "$CONFIGURATION" = *Debug* && ! "$PLATFORM_NAME" == *simulator && ! "$PLATFORM_NAME" == macosx ]]; then # [macOS]
   for num in 0 1 2 3 4 5 6 7 8; do
-    IP=$(ipconfig getifaddr en${num})
+    IP=$(ipconfig getifaddr en${num} || echo "")
     if [ ! -z "$IP" ]; then
       break
     fi
@@ -106,7 +106,7 @@ fi
 
 BUNDLE_FILE="$CONFIGURATION_BUILD_DIR/main.jsbundle"
 
-EXTRA_ARGS=
+EXTRA_ARGS=()
 
 case "$PLATFORM_NAME" in
   "macosx")
@@ -129,16 +129,16 @@ fi
 PACKAGER_SOURCEMAP_FILE=
 if [[ $EMIT_SOURCEMAP == true ]]; then
   if [[ $USE_HERMES != false ]]; then
-    PACKAGER_SOURCEMAP_FILE="$CONFIGURATION_BUILD_DIR/$(basename $SOURCEMAP_FILE)"
+    PACKAGER_SOURCEMAP_FILE="$CONFIGURATION_BUILD_DIR/$(basename "$SOURCEMAP_FILE")"
   else
     PACKAGER_SOURCEMAP_FILE="$SOURCEMAP_FILE"
   fi
-  EXTRA_ARGS="$EXTRA_ARGS --sourcemap-output $PACKAGER_SOURCEMAP_FILE"
+  EXTRA_ARGS+=("--sourcemap-output" "$PACKAGER_SOURCEMAP_FILE")
 fi
 
 # Hermes doesn't require JS minification.
 if [[ $USE_HERMES != false && $DEV == false ]]; then
-  EXTRA_ARGS="$EXTRA_ARGS --minify false"
+  EXTRA_ARGS+=("--minify" "false")
 fi
 
 "$NODE_BINARY" $NODE_ARGS "$CLI_PATH" $BUNDLE_COMMAND \
@@ -149,7 +149,7 @@ fi
   --reset-cache \
   --bundle-output "$BUNDLE_FILE" \
   --assets-dest "$DEST" \
-  $EXTRA_ARGS \
+  "${EXTRA_ARGS[@]}" \
   $EXTRA_PACKAGER_ARGS
 
 if [[ $USE_HERMES == false ]]; then
diff --git a/packages/react-native/scripts/react_native_pods.rb b/packages/react-native/scripts/react_native_pods.rb
index 592c63ce78fce0..87818efbfdee8c 100644
--- a/packages/react-native/scripts/react_native_pods.rb
+++ b/packages/react-native/scripts/react_native_pods.rb
@@ -8,7 +8,6 @@
 require 'pathname'
 require_relative './react_native_pods_utils/script_phases.rb'
 require_relative './cocoapods/jsengine.rb'
-require_relative './cocoapods/flipper.rb'
 require_relative './cocoapods/fabric.rb'
 require_relative './cocoapods/codegen.rb'
 require_relative './cocoapods/codegen_utils.rb'
@@ -21,7 +20,6 @@
 $CODEGEN_OUTPUT_DIR = 'build/generated/ios'
 $CODEGEN_COMPONENT_DIR = 'react/renderer/components'
 $CODEGEN_MODULE_DIR = '.'
-$FOLLY_VERSION = '2023.08.07.00'
 
 $START_TIME = Time.now.to_i
 
@@ -78,20 +76,16 @@ def prepare_react_native_project!
 # - new_arch_enabled: whether the new architecture should be enabled or not.
 # - :production [DEPRECATED] whether the dependencies must be installed to target a Debug or a Release build.
 # - hermes_enabled: whether Hermes should be enabled or not.
-# - flipper_configuration: The configuration to use for flipper.
 # - app_path: path to the React Native app. Required by the New Architecture.
 # - config_file_dir: directory of the `package.json` file, required by the New Architecture.
-# - ios_folder: the folder where the iOS code base lives. For a template app, it is `ios`, the default. For RNTester, it is `.`.
 def use_react_native! (
   path: "../node_modules/react-native",
   fabric_enabled: false,
   new_arch_enabled: NewArchitectureHelper.new_arch_enabled,
   production: false, # deprecated
   hermes_enabled: ENV['USE_HERMES'] && ENV['USE_HERMES'] == '0' ? false : true,
-  flipper_configuration: FlipperConfiguration.disabled,
   app_path: '..',
-  config_file_dir: '',
-  ios_folder: 'ios'
+  config_file_dir: ''
 )
 
   # Set the app_path as env variable so the podspecs can access it.
@@ -102,15 +96,15 @@ def use_react_native! (
   # that has invoked the `use_react_native!` function.
   ReactNativePodsUtils.detect_use_frameworks(current_target_definition)
 
-  CodegenUtils.clean_up_build_folder(path, app_path, ios_folder, $CODEGEN_OUTPUT_DIR)
+  CodegenUtils.clean_up_build_folder(path, $CODEGEN_OUTPUT_DIR)
 
   # We are relying on this flag also in third parties libraries to proper install dependencies.
   # Better to rely and enable this environment flag if the new architecture is turned on using flags.
   relative_path_from_current = Pod::Config.instance.installation_root.relative_path_from(Pathname.pwd)
   react_native_version = NewArchitectureHelper.extract_react_native_version(File.join(relative_path_from_current, path))
   ENV['RCT_NEW_ARCH_ENABLED'] = NewArchitectureHelper.compute_new_arch_enabled(new_arch_enabled, react_native_version)
-
   fabric_enabled = fabric_enabled || NewArchitectureHelper.new_arch_enabled
+
   ENV['RCT_FABRIC_ENABLED'] = fabric_enabled ? "1" : "0"
   ENV['USE_HERMES'] = hermes_enabled ? "1" : "0"
 
@@ -118,9 +112,10 @@ def use_react_native! (
 
   ReactNativePodsUtils.warn_if_not_on_arm64()
 
+  build_codegen!(prefix, relative_path_from_current)
+
   # The Pods which should be included in all projects
   pod 'FBLazyVector', :path => "#{prefix}/Libraries/FBLazyVector"
-  pod 'FBReactNativeSpec', :path => "#{prefix}/React/FBReactNativeSpec" if !NewArchitectureHelper.new_arch_enabled
   pod 'RCTRequired', :path => "#{prefix}/Libraries/Required"
   pod 'RCTTypeSafety', :path => "#{prefix}/Libraries/TypeSafety", :modular_headers => true
   pod 'React', :path => "#{prefix}/"
@@ -141,9 +136,11 @@ def use_react_native! (
   pod 'React-cxxreact', :path => "#{prefix}/ReactCommon/cxxreact"
   pod 'React-debug', :path => "#{prefix}/ReactCommon/react/debug"
   pod 'React-utils', :path => "#{prefix}/ReactCommon/react/utils"
+  pod 'React-featureflags', :path => "#{prefix}/ReactCommon/react/featureflags"
   pod 'React-Mapbuffer', :path => "#{prefix}/ReactCommon"
   pod 'React-jserrorhandler', :path => "#{prefix}/ReactCommon/jserrorhandler"
-  pod "React-nativeconfig", :path => "#{prefix}/ReactCommon"
+  pod 'React-nativeconfig', :path => "#{prefix}/ReactCommon"
+  pod 'RCTDeprecation', :path => "#{prefix}/ReactApple/Libraries/RCTFoundation/RCTDeprecation"
 
   if hermes_enabled
     setup_hermes!(:react_native_path => prefix)
@@ -171,6 +168,7 @@ def use_react_native! (
   pod 'RCT-Folly', :podspec => "#{prefix}/third-party-podspecs/RCT-Folly.podspec", :modular_headers => true
   pod 'SocketRocket', :podspec => "#{prefix}/third-party-podspecs/SocketRocket.podspec", :modular_headers => true # [visionOS]
 
+  folly_config = get_folly_config()
   run_codegen!(
     app_path,
     config_file_dir,
@@ -181,7 +179,7 @@ def use_react_native! (
     :hermes_enabled => hermes_enabled,
     :codegen_output_dir => $CODEGEN_OUTPUT_DIR,
     :package_json_file => File.join(__dir__, "..", "package.json"),
-    :folly_version => $FOLLY_VERSION
+    :folly_version => folly_config[:version]
   )
 
   pod 'React-Codegen', :path => $CODEGEN_OUTPUT_DIR, :modular_headers => true
@@ -190,22 +188,7 @@ def use_react_native! (
   # If the New Arch is turned off, we will use the Old Renderer, though.
   # RNTester always installed Fabric, this change is required to make the template work.
   setup_fabric!(:react_native_path => prefix)
-  checkAndGenerateEmptyThirdPartyProvider!(prefix, NewArchitectureHelper.new_arch_enabled)
-
-  if !fabric_enabled
-    relative_installation_root = Pod::Config.instance.installation_root.relative_path_from(Pathname.pwd)
-    build_codegen!(prefix, relative_installation_root)
-  end
-
-  if NewArchitectureHelper.new_arch_enabled
-    setup_bridgeless!(:react_native_path => prefix, :use_hermes => hermes_enabled)
-  end
-
-  # Flipper now build in Release mode but it is not linked to the Release binary (as specified by the Configuration option)
-  if flipper_configuration.flipper_enabled
-    install_flipper_dependencies(prefix)
-    use_flipper_pods(flipper_configuration.versions, :configurations => flipper_configuration.configurations)
-  end
+  setup_bridgeless!(:react_native_path => prefix, :use_hermes => hermes_enabled)
 
   pods_to_update = LocalPodspecPatch.pods_to_update(:react_native_path => prefix)
   if !pods_to_update.empty?
@@ -224,6 +207,41 @@ def folly_flags()
   return NewArchitectureHelper.folly_compiler_flags
 end
 
+# Add a dependency to a spec, making sure that the HEADER_SERACH_PATHS are set properly.
+# This function automate the requirement to specify the HEADER_SEARCH_PATHS which was error prone
+# and hard to pull out properly to begin with.
+# Secondly, it prepares the podspec to work also with other platforms, because this function is
+# able to generate search paths that are compatible with macOS and other platform if specified by
+# the $RN_PLATFORMS variable.
+# To generate Header Search Paths for multiple platforms, define in your Podfile or Ruby infra a
+# $RN_PLATFORMS static variable with the list of supported platforms, for example:
+# `$RN_PLATFORMS = ["iOS", "macOS"]`
+#
+# Parameters:
+# - spec: the spec that needs to be modified
+# - pod_name: the name of the dependency we had to add to the spec
+# - additional_framework_paths: additional sub paths we had to add to the HEADER_SEARCH_PATH
+# - framework_name: the name of the framework in case it is different from the pod_name
+# - version: the version of the pod_name the spec needs to depend on
+# - base_dir: Base directory from where we need to start looking. Defaults to PODS_CONFIGURATION_BUILD_DIR
+def add_dependency(spec, pod_name, subspec: nil, additional_framework_paths: [], framework_name: nil, version: nil, base_dir: "PODS_CONFIGURATION_BUILD_DIR")
+  fixed_framework_name = framework_name != nil ? framework_name : pod_name.gsub("-", "_") # frameworks can't have "-" in their name
+  ReactNativePodsUtils.add_dependency(spec, pod_name, base_dir, fixed_framework_name, :additional_paths => additional_framework_paths, :version => version)
+end
+
+# This function generates an array of HEADER_SEARCH_PATH that can be added to the HEADER_SEARCH_PATH property when use_frameworks! is enabled
+#
+# Parameters:
+# - pod_name: the name of the dependency we had to add to the spec
+# - additional_framework_paths: additional sub paths we had to add to the HEADER_SEARCH_PATH
+# - framework_name: the name of the framework in case it is different from the pod_name
+# - base_dir: Base directory from where we need to start looking. Defaults to PODS_CONFIGURATION_BUILD_DIR
+# - include_base_folder: whether the array must include the base import path or only the additional_framework_paths
+def create_header_search_path_for_frameworks(pod_name, additional_framework_paths: [], framework_name: nil, base_dir: "PODS_CONFIGURATION_BUILD_DIR", include_base_folder: true)
+  fixed_framework_name = framework_name != nil ? framework_name : pod_name.gsub("-", "_")
+  return ReactNativePodsUtils.create_header_search_path_for_frameworks(base_dir, pod_name, fixed_framework_name, additional_framework_paths, include_base_folder)
+end
+
 # This function can be used by library developer to prepare their modules for the New Architecture.
 # It passes the Folly Flags to the module, it configures the search path and installs some New Architecture specific dependencies.
 #
@@ -231,7 +249,8 @@ def folly_flags()
 # - spec: The spec that has to be configured with the New Architecture code
 # - new_arch_enabled: Whether the module should install dependencies for the new architecture
 def install_modules_dependencies(spec, new_arch_enabled: NewArchitectureHelper.new_arch_enabled)
-  NewArchitectureHelper.install_modules_dependencies(spec, new_arch_enabled, $FOLLY_VERSION)
+  folly_config = get_folly_config()
+  NewArchitectureHelper.install_modules_dependencies(spec, new_arch_enabled, folly_config[:version])
 end
 
 # It returns the default flags.
@@ -242,14 +261,13 @@ def get_default_flags()
   return ReactNativePodsUtils.get_default_flags()
 end
 
-# It installs the flipper dependencies into the project.
-#
-# Parameters
-# - versions: a dictionary of Flipper Library -> Versions that can be used to customize which version of Flipper to install.
-# - configurations: an array of configuration where to install the dependencies.
-def use_flipper!(versions = {}, configurations: ['Debug'])
-  Pod::UI.warn "use_flipper is deprecated, use the flipper_configuration option in the use_react_native function"
-  use_flipper_pods(versions, :configurations => configurations)
+# This method returns an hash with the folly version and the folli compiler flags
+# that can be used to configure libraries.
+# In this way, we can update those values in react native, and all the libraries will benefit
+# from it.
+# @return an hash with the `:version` and `:compiler_flags` fields.
+def get_folly_config()
+  return Helpers::Constants.folly_config
 end
 
 # Function that executes after React Native has been installed to configure some flags and build settings.
@@ -262,18 +280,15 @@ def use_flipper!(versions = {}, configurations: ['Debug'])
 def react_native_post_install(
   installer,
   react_native_path = "../node_modules/react-native",
-  mac_catalyst_enabled: false
+  mac_catalyst_enabled: false,
+  ccache_enabled: ENV['USE_CCACHE'] == '1'
 )
   ReactNativePodsUtils.turn_off_resource_bundle_react_core(installer)
 
   ReactNativePodsUtils.apply_mac_catalyst_patches(installer) if mac_catalyst_enabled
 
-  if ReactNativePodsUtils.has_pod(installer, 'Flipper')
-    flipper_post_install(installer)
-  end
-
-  fabric_enabled = ReactNativePodsUtils.has_pod(installer, 'React-Fabric')
-  hermes_enabled = ReactNativePodsUtils.has_pod(installer, "React-hermes")
+  fabric_enabled = ENV['RCT_FABRIC_ENABLED'] == '1'
+  hermes_enabled = ENV['USE_HERMES'] == '1'
 
   if hermes_enabled
     ReactNativePodsUtils.set_gcc_preprocessor_definition_for_React_hermes(installer)
@@ -283,10 +298,11 @@ def react_native_post_install(
   ReactNativePodsUtils.update_search_paths(installer)
   ReactNativePodsUtils.set_use_hermes_build_setting(installer, hermes_enabled)
   ReactNativePodsUtils.set_node_modules_user_settings(installer, react_native_path)
-  ReactNativePodsUtils.apply_flags_for_fabric(installer, fabric_enabled: fabric_enabled)
-  ReactNativePodsUtils.apply_xcode_15_patch(installer)
-  ReactNativePodsUtils.apply_ats_config(installer)
+  ReactNativePodsUtils.set_ccache_compiler_and_linker_build_settings(installer, react_native_path, ccache_enabled)
+  ReactNativePodsUtils.apply_xcode_15_patch(installer) 
   ReactNativePodsUtils.updateOSDeploymentTarget(installer)
+  ReactNativePodsUtils.set_dynamic_frameworks_flags(installer)
+  ReactNativePodsUtils.add_ndebug_flag_to_pods_in_release(installer)
 
   NewArchitectureHelper.set_clang_cxx_language_standard_if_needed(installer)
   NewArchitectureHelper.modify_flags_for_new_architecture(installer, NewArchitectureHelper.new_arch_enabled)
@@ -294,104 +310,3 @@ def react_native_post_install(
 
   Pod::UI.puts "Pod install took #{Time.now.to_i - $START_TIME} [s] to run".green
 end
-
-# === LEGACY METHOD ===
-# We need to keep this while we continue to support the old architecture.
-# =====================
-def use_react_native_codegen!(spec, options={})
-  return if NewArchitectureHelper.new_arch_enabled
-  # TODO: Once the new codegen approach is ready for use, we should output a warning here to let folks know to migrate.
-
-  # The prefix to react-native
-  react_native_path = options[:react_native_path] ||= ".."
-
-  # Library name (e.g. FBReactNativeSpec)
-  library_name = options[:library_name] ||= "#{spec.name.gsub('_','-').split('-').collect(&:capitalize).join}Spec"
-  Pod::UI.puts "[Codegen] Found #{library_name}"
-
-  relative_installation_root = Pod::Config.instance.installation_root.relative_path_from(Pathname.pwd)
-  output_dir = options[:output_dir] ||= $CODEGEN_OUTPUT_DIR
-  output_dir_module = "#{output_dir}/#{$CODEGEN_MODULE_DIR}"
-  output_dir_component = "#{output_dir}/#{$CODEGEN_COMPONENT_DIR}"
-
-  codegen_config = {
-    "modules" => {
-      :js_srcs_pattern => "Native*.js",
-      :generated_dir => "#{relative_installation_root}/#{output_dir_module}/#{library_name}",
-      :generated_files => [
-        "#{library_name}.h",
-        "#{library_name}-generated.mm"
-      ]
-    },
-    "components" => {
-      :js_srcs_pattern => "*NativeComponent.js",
-      :generated_dir => "#{relative_installation_root}/#{output_dir_component}/#{library_name}",
-      :generated_files => [
-        "ComponentDescriptors.h",
-        "EventEmitters.cpp",
-        "EventEmitters.h",
-        "Props.cpp",
-        "Props.h",
-        "States.cpp",
-        "States.h",
-        "RCTComponentViewHelpers.h",
-        "ShadowNodes.cpp",
-        "ShadowNodes.h"
-      ]
-    }
-  }
-
-  # The path to JavaScript files
-  js_srcs_dir = options[:js_srcs_dir] ||= "./"
-  library_type = options[:library_type]
-
-  if library_type
-    if !codegen_config[library_type]
-      raise "[Codegen] invalid library_type: #{library_type}. Check your podspec to make sure it's set to 'modules' or 'components'. Removing the option will generate files for both"
-    end
-    js_srcs_pattern = codegen_config[library_type][:js_srcs_pattern]
-  end
-
-  if library_type
-    generated_dirs = [ codegen_config[library_type][:generated_dir] ]
-    generated_files = codegen_config[library_type][:generated_files].map { |filename| "#{codegen_config[library_type][:generated_dir]}/#{filename}" }
-  else
-    generated_dirs = [ codegen_config["modules"][:generated_dir], codegen_config["components"][:generated_dir] ]
-    generated_files = codegen_config["modules"][:generated_files].map { |filename| "#{codegen_config["modules"][:generated_dir]}/#{filename}" }
-    generated_files = generated_files.concat(codegen_config["components"][:generated_files].map { |filename| "#{codegen_config["components"][:generated_dir]}/#{filename}" })
-  end
-
-  if js_srcs_pattern
-    file_list = `find #{js_srcs_dir} -type f -name #{js_srcs_pattern}`.split("\n").sort
-    input_files = file_list.map { |filename| "${PODS_TARGET_SRCROOT}/#{filename}" }
-  else
-    input_files = [ js_srcs_dir ]
-  end
-
-  # Prepare filesystem by creating empty files that will be picked up as references by CocoaPods.
-  prepare_command = "mkdir -p #{generated_dirs.join(" ")} && touch -a #{generated_files.join(" ")}"
-  system(prepare_command) # Always run prepare_command when a podspec uses the codegen, as CocoaPods may skip invoking this command in certain scenarios. Replace with pre_integrate_hook after updating to CocoaPods 1.11
-  spec.prepare_command = prepare_command
-
-  env_files = ["$PODS_ROOT/../.xcode.env.local", "$PODS_ROOT/../.xcode.env"]
-
-  spec.script_phase = {
-    :name => 'Generate Specs',
-    :input_files => input_files + env_files, # This also needs to be relative to Xcode
-    :output_files => ["${DERIVED_FILE_DIR}/codegen-#{library_name}.log"].concat(generated_files.map { |filename| "${PODS_TARGET_SRCROOT}/#{filename}"} ),
-    # The final generated files will be created when this script is invoked at Xcode build time.
-    :script => get_script_phases_no_codegen_discovery(
-      react_native_path: react_native_path,
-      codegen_output_dir: output_dir,
-      codegen_module_dir: output_dir_module,
-      codegen_component_dir: output_dir_component,
-      library_name: library_name,
-      library_type: library_type,
-      js_srcs_pattern: js_srcs_pattern,
-      js_srcs_dir: js_srcs_dir,
-      file_list: file_list
-    ),
-    :execution_position => :before_compile,
-    :show_env_vars_in_log => true
-  }
-end
diff --git a/packages/react-native/scripts/react_native_pods_utils/__tests__/script_phases.snap.rb b/packages/react-native/scripts/react_native_pods_utils/__tests__/script_phases.snap.rb
index e0eadb876940e7..bc216b1315d90a 100644
--- a/packages/react-native/scripts/react_native_pods_utils/__tests__/script_phases.snap.rb
+++ b/packages/react-native/scripts/react_native_pods_utils/__tests__/script_phases.snap.rb
@@ -11,9 +11,7 @@ def snap_get_script_phases_with_codegen_discovery_with_config_file_dir()
 
     export RCT_SCRIPT_RN_DIR=$RCT_SCRIPT_POD_INSTALLATION_ROOT/../..
     export RCT_SCRIPT_APP_PATH=$RCT_SCRIPT_POD_INSTALLATION_ROOT/
-    export RCT_SCRIPT_CONFIG_FILE_DIR=$RCT_SCRIPT_POD_INSTALLATION_ROOT/node_modules
     export RCT_SCRIPT_OUTPUT_DIR=$RCT_SCRIPT_POD_INSTALLATION_ROOT
-    export RCT_SCRIPT_FABRIC_ENABLED=true
     export RCT_SCRIPT_TYPE=withCodegenDiscovery
 
     SCRIPT_PHASES_SCRIPT="$RCT_SCRIPT_RN_DIR/scripts/react_native_pods_utils/script_phases.sh"
@@ -30,9 +28,7 @@ def snap_get_script_phases_with_codegen_discovery_without_config_file_dir()
 
     export RCT_SCRIPT_RN_DIR=$RCT_SCRIPT_POD_INSTALLATION_ROOT/../..
     export RCT_SCRIPT_APP_PATH=$RCT_SCRIPT_POD_INSTALLATION_ROOT/
-    export RCT_SCRIPT_CONFIG_FILE_DIR=
     export RCT_SCRIPT_OUTPUT_DIR=$RCT_SCRIPT_POD_INSTALLATION_ROOT
-    export RCT_SCRIPT_FABRIC_ENABLED=true
     export RCT_SCRIPT_TYPE=withCodegenDiscovery
 
     SCRIPT_PHASES_SCRIPT="$RCT_SCRIPT_RN_DIR/scripts/react_native_pods_utils/script_phases.sh"
diff --git a/packages/react-native/scripts/react_native_pods_utils/script_phases.rb b/packages/react-native/scripts/react_native_pods_utils/script_phases.rb
index eb1accba25a285..f5dd2ed708312f 100644
--- a/packages/react-native/scripts/react_native_pods_utils/script_phases.rb
+++ b/packages/react-native/scripts/react_native_pods_utils/script_phases.rb
@@ -11,9 +11,7 @@ def get_script_phases_with_codegen_discovery(options)
     export_vars = {
         'RCT_SCRIPT_RN_DIR' => "$RCT_SCRIPT_POD_INSTALLATION_ROOT/#{options[:react_native_path]}",
         'RCT_SCRIPT_APP_PATH' => "$RCT_SCRIPT_POD_INSTALLATION_ROOT/#{options[:relative_app_root]}",
-        'RCT_SCRIPT_CONFIG_FILE_DIR' => "#{options[:relative_config_file_dir] != '' ? "$RCT_SCRIPT_POD_INSTALLATION_ROOT/#{options[:relative_config_file_dir]}" : ''}",
         'RCT_SCRIPT_OUTPUT_DIR' => "$RCT_SCRIPT_POD_INSTALLATION_ROOT",
-        'RCT_SCRIPT_FABRIC_ENABLED' => "#{options[:fabric_enabled]}",
         'RCT_SCRIPT_TYPE' => "withCodegenDiscovery",
     }
     return get_script_template(options[:react_native_path], export_vars)
diff --git a/packages/react-native/scripts/react_native_pods_utils/script_phases.sh b/packages/react-native/scripts/react_native_pods_utils/script_phases.sh
index 4da11277929abc..a35272c580b166 100755
--- a/packages/react-native/scripts/react_native_pods_utils/script_phases.sh
+++ b/packages/react-native/scripts/react_native_pods_utils/script_phases.sh
@@ -76,7 +76,7 @@ generateCodegenSchemaFromJavaScript () {
 
     # shellcheck disable=SC2086
     # $JS_SRCS not having double quotations is intentional
-    "$NODE_BINARY" "$CODEGEN_CLI_PATH/lib/cli/combine/combine-js-to-schema-cli.js" "$GENERATED_SCHEMA_FILE" $JS_SRCS
+    "$NODE_BINARY" "$CODEGEN_CLI_PATH/lib/cli/combine/combine-js-to-schema-cli.js" --exclude NativeSampleTurboModule "$GENERATED_SCHEMA_FILE" $JS_SRCS
 }
 
 generateCodegenArtifactsFromSchema () {
@@ -96,7 +96,7 @@ generateCodegenArtifactsFromSchema () {
 generateArtifacts () {
     describe "Generating codegen artifacts"
     pushd "$RCT_SCRIPT_RN_DIR" >/dev/null || exit 1
-        "$NODE_BINARY" "scripts/generate-codegen-artifacts.js" --path "$RCT_SCRIPT_APP_PATH" --outputPath "$TEMP_OUTPUT_DIR" --fabricEnabled "$RCT_SCRIPT_FABRIC_ENABLED" --configFileDir "$RCT_SCRIPT_CONFIG_FILE_DIR" --nodeBinary "$NODE_BINARY"
+        "$NODE_BINARY" "scripts/generate-codegen-artifacts.js" --path "$RCT_SCRIPT_APP_PATH" --outputPath "$TEMP_OUTPUT_DIR" --targetPlatform "ios"
     popd >/dev/null || exit 1
 }
 
diff --git a/packages/react-native/scripts/xcode/ccache-clang++.sh b/packages/react-native/scripts/xcode/ccache-clang++.sh
new file mode 100755
index 00000000000000..f699d9a2442bae
--- /dev/null
+++ b/packages/react-native/scripts/xcode/ccache-clang++.sh
@@ -0,0 +1,14 @@
+#!/bin/sh
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+# Get the absolute path of this script
+SCRIPT_DIR="$(dirname "$(readlink -f "$0")")"
+
+REACT_NATIVE_CCACHE_CONFIGPATH=$SCRIPT_DIR/ccache.conf
+# Provide our config file if none is already provided
+export CCACHE_CONFIGPATH="${CCACHE_CONFIGPATH:-$REACT_NATIVE_CCACHE_CONFIGPATH}"
+
+exec ccache clang++ "$@"
diff --git a/packages/react-native/scripts/xcode/ccache-clang.sh b/packages/react-native/scripts/xcode/ccache-clang.sh
new file mode 100755
index 00000000000000..5ed8664498ddea
--- /dev/null
+++ b/packages/react-native/scripts/xcode/ccache-clang.sh
@@ -0,0 +1,14 @@
+#!/bin/sh
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+# Get the absolute path of this script
+SCRIPT_DIR="$(dirname "$(readlink -f "$0")")"
+
+REACT_NATIVE_CCACHE_CONFIGPATH=$SCRIPT_DIR/ccache.conf
+# Provide our config file if none is already provided
+export CCACHE_CONFIGPATH="${CCACHE_CONFIGPATH:-$REACT_NATIVE_CCACHE_CONFIGPATH}"
+
+exec ccache clang "$@"
diff --git a/packages/react-native/scripts/xcode/ccache.conf b/packages/react-native/scripts/xcode/ccache.conf
new file mode 100644
index 00000000000000..4f4b601a12dc13
--- /dev/null
+++ b/packages/react-native/scripts/xcode/ccache.conf
@@ -0,0 +1,11 @@
+# Copyright (c) Meta Platforms, Inc. and affiliates.
+#
+# This source code is licensed under the MIT license found in the
+# LICENSE file in the root directory of this source tree.
+
+# See https://ccache.dev/manual/4.3.html#_configuration_options for details and available options
+
+sloppiness = clang_index_store,file_stat_matches,include_file_ctime,include_file_mtime,ivfsoverlay,pch_defines,modules,system_headers,time_macros
+file_clone = true
+depend_mode = true
+inode_cache = true
diff --git a/packages/react-native/scripts/xcode/with-environment.sh b/packages/react-native/scripts/xcode/with-environment.sh
index f36190e6b146db..c6bd62c87fc811 100755
--- a/packages/react-native/scripts/xcode/with-environment.sh
+++ b/packages/react-native/scripts/xcode/with-environment.sh
@@ -13,7 +13,7 @@
 # ./with-environment.sh command
 
 # Start with a default
-NODE_BINARY=$(command -v node)
+NODE_BINARY=$(command -v node || echo "")
 export NODE_BINARY
 
 # Override the default with the global environment
diff --git a/packages/react-native/sdks/hermes-engine/hermes-engine.podspec b/packages/react-native/sdks/hermes-engine/hermes-engine.podspec
index e93303767e10d1..f7edb40c72041a 100644
--- a/packages/react-native/sdks/hermes-engine/hermes-engine.podspec
+++ b/packages/react-native/sdks/hermes-engine/hermes-engine.podspec
@@ -44,7 +44,7 @@ Pod::Spec.new do |spec|
 
     spec.subspec 'Pre-built' do |ss|
       ss.preserve_paths = ["destroot/bin/*"].concat(["**/*.{h,c,cpp}"])
-      ss.source_files = "destroot/include/**/*.h"
+      ss.source_files = "destroot/include/hermes/**/*.h"
       ss.header_mappings_dir = "destroot/include"
       ss.ios.vendored_frameworks = "destroot/Library/Frameworks/universal/hermes.xcframework"
       ss.osx.vendored_frameworks = "destroot/Library/Frameworks/macosx/hermes.framework"
@@ -63,7 +63,13 @@ Pod::Spec.new do |spec|
         :execution_position => :before_compile,
         :script => <<-EOS
         . "$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh"
-        "$NODE_BINARY" "$REACT_NATIVE_PATH/sdks/hermes-engine/utils/replace_hermes_version.js" -c "$CONFIGURATION" -r "#{version}" -p "$PODS_ROOT"
+
+        CONFIG="Release"
+        if echo $GCC_PREPROCESSOR_DEFINITIONS | grep -q "DEBUG=1"; then
+          CONFIG="Debug"
+        fi
+
+        "$NODE_BINARY" "$REACT_NATIVE_PATH/sdks/hermes-engine/utils/replace_hermes_version.js" -c "$CONFIG" -r "#{version}" -p "$PODS_ROOT"
         EOS
       }
     end
@@ -109,7 +115,6 @@ Pod::Spec.new do |spec|
     # This podspec is also run in CI to build Hermes without using Pod install
     # and sometimes CI fails because `Pod::Executable` does not exist if it is not run with Pod Install.
     if defined?(Pod::Executable.to_s)
-      puts "Const Defined!"
       CMAKE_BINARY = Pod::Executable::which!('cmake')
       # NOTE: Script phases are sorted alphabetically inside Xcode project
       spec.script_phases = [
diff --git a/packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh b/packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh
index e530a99c0c9b85..a4fe7d79024cb4 100755
--- a/packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh
+++ b/packages/react-native/sdks/hermes-engine/utils/build-apple-framework.sh
@@ -86,6 +86,7 @@ function configure_apple_framework {
       -DHERMES_ENABLE_TEST_SUITE:BOOLEAN=false \
       -DHERMES_ENABLE_BITCODE:BOOLEAN=false \
       -DHERMES_BUILD_APPLE_FRAMEWORK:BOOLEAN=true \
+      -DHERMES_BUILD_SHARED_JSI:BOOLEAN=false \
       -DHERMES_BUILD_APPLE_DSYM:BOOLEAN=true \
       -DIMPORT_HERMESC:PATH="$IMPORT_HERMESC_PATH" \
       -DJSI_DIR="$JSI_PATH" \
diff --git a/packages/react-native/sdks/hermes-engine/utils/build-hermes-xcode.sh b/packages/react-native/sdks/hermes-engine/utils/build-hermes-xcode.sh
index 0e3066ee18a4ad..7d44c4cccb40b6 100755
--- a/packages/react-native/sdks/hermes-engine/utils/build-hermes-xcode.sh
+++ b/packages/react-native/sdks/hermes-engine/utils/build-hermes-xcode.sh
@@ -10,6 +10,26 @@ release_version="$1"; shift
 hermesc_path="$1"; shift
 jsi_path="$1"; shift
 
+# Based on platform name returns the framework copy destination. Used later by `vendored_frameworks` in Podspec. 
+# Fallbacks to "ios" if platform is not recognized.
+function get_platform_copy_destination {
+    if [[ $1 == "macosx" ]]; then
+      echo "macosx"
+      return
+    fi
+    
+    echo "ios"
+}
+
+function get_deployment_target {
+    if [[ $1 == "macosx" ]]; then
+      echo ${MACOSX_DEPLOYMENT_TARGET}
+      return
+    fi
+    
+    echo ${IPHONEOS_DEPLOYMENT_TARGET}
+}
+
 enable_debugger="false"
 if [[ "$CONFIGURATION" == "Debug" ]]; then
   enable_debugger="true"
@@ -24,10 +44,7 @@ else
   cmake_build_type="MinSizeRel"
 fi
 
-deployment_target=${IPHONEOS_DEPLOYMENT_TARGET}
-if [ -z "$deployment_target" ]; then
-  deployment_target=${MACOSX_DEPLOYMENT_TARGET}
-fi
+deployment_target=$(get_deployment_target $PLATFORM_NAME)
 
 xcode_15_flags=""
 xcode_major_version=$(xcodebuild -version | grep -oE '[0-9]*' | head -n 1)
@@ -54,6 +71,7 @@ echo "Configure Apple framework"
   -DHERMES_ENABLE_TEST_SUITE:BOOLEAN=false \
   -DHERMES_ENABLE_BITCODE:BOOLEAN=false \
   -DHERMES_BUILD_APPLE_FRAMEWORK:BOOLEAN=true \
+  -DHERMES_BUILD_SHARED_JSI:BOOLEAN=false \
   -DHERMES_BUILD_APPLE_DSYM:BOOLEAN=true \
   -DIMPORT_HERMESC:PATH="${hermesc_path}" \
   -DJSI_DIR="$jsi_path" \
@@ -69,6 +87,8 @@ echo "Build Apple framework"
 
 echo "Copy Apple framework to destroot/Library/Frameworks"
 
+platform_copy_destination=$(get_platform_copy_destination $PLATFORM_NAME)
+
 cp -pfR \
   "${PODS_ROOT}/hermes-engine/build/${PLATFORM_NAME}/API/hermes/hermes.framework" \
-  "${PODS_ROOT}/hermes-engine/destroot/Library/Frameworks/ios"
+  "${PODS_ROOT}/hermes-engine/destroot/Library/Frameworks/${platform_copy_destination}"
diff --git a/packages/react-native/sdks/hermes-engine/utils/build-ios-framework.sh b/packages/react-native/sdks/hermes-engine/utils/build-ios-framework.sh
index 009bddbd7328a2..a4026a7a948310 100755
--- a/packages/react-native/sdks/hermes-engine/utils/build-ios-framework.sh
+++ b/packages/react-native/sdks/hermes-engine/utils/build-ios-framework.sh
@@ -14,7 +14,7 @@ function get_architecture {
     elif [[ $1 == "catalyst" ]]; then
       echo "x86_64;arm64"
     else
-      echo "Error: unknown arkitecture passed $1"
+      echo "Error: unknown architecture passed $1"
       exit 1
     fi
 }
diff --git a/packages/react-native/sdks/hermes-engine/utils/create-dummy-hermes-xcframework.sh b/packages/react-native/sdks/hermes-engine/utils/create-dummy-hermes-xcframework.sh
index 0e453746cded5a..aa4482270ae983 100644
--- a/packages/react-native/sdks/hermes-engine/utils/create-dummy-hermes-xcframework.sh
+++ b/packages/react-native/sdks/hermes-engine/utils/create-dummy-hermes-xcframework.sh
@@ -19,11 +19,13 @@ pushd destroot/Library/Frameworks > /dev/null || exit 1
 
 echo '' > dummy.c
 
-mkdir -p macosx/hermes.framework
-clang dummy.c -dynamiclib -o macosx/hermes.framework/hermes
+platforms=( "macosx" "ios" ) # Add other platforms here if needed
 
-mkdir -p ios/hermes.framework
-clang dummy.c -dynamiclib -o ios/hermes.framework/hermes
+for platform in "${platforms[@]}" 
+do 
+    mkdir -p "${platform}/hermes.framework"
+    clang dummy.c -dynamiclib -o "${platform}/hermes.framework/hermes"
+done
 
 rm dummy.c
 
diff --git a/packages/react-native/sdks/hermes-engine/utils/replace_hermes_version.js b/packages/react-native/sdks/hermes-engine/utils/replace_hermes_version.js
index 116ae680d99d14..f727aebb9cb8cd 100644
--- a/packages/react-native/sdks/hermes-engine/utils/replace_hermes_version.js
+++ b/packages/react-native/sdks/hermes-engine/utils/replace_hermes_version.js
@@ -9,9 +9,9 @@
 
 'use strict';
 
-const yargs = require('yargs');
-const fs = require('fs');
 const {execSync} = require('child_process');
+const fs = require('fs');
+const yargs = require('yargs');
 
 const LAST_BUILD_FILENAME = '.last_build_configuration';
 
@@ -53,7 +53,7 @@ function shouldReplaceHermesConfiguration(configuration) {
 }
 
 function replaceHermesConfiguration(configuration, version, podsRoot) {
-  const tarballURLPath = `${podsRoot}/hermes-engine-artifacts/hermes-ios-${version}-${configuration}.tar.gz`;
+  const tarballURLPath = `${podsRoot}/hermes-engine-artifacts/hermes-ios-${version.toLowerCase()}-${configuration.toLowerCase()}.tar.gz`;
 
   const finalLocation = 'hermes-engine';
   console.log('Preparing the final location');
diff --git a/packages/react-native/settings.gradle.kts b/packages/react-native/settings.gradle.kts
index 840aa5506e7363..283d16b5f75104 100644
--- a/packages/react-native/settings.gradle.kts
+++ b/packages/react-native/settings.gradle.kts
@@ -29,8 +29,3 @@ include(":packages:react-native:ReactAndroid:hermes-engine")
 
 project(":packages:react-native:ReactAndroid:hermes-engine").projectDir =
     file("ReactAndroid/hermes-engine/")
-
-include(":packages:react-native:ReactAndroid:flipper-integration")
-
-project(":packages:react-native:ReactAndroid:flipper-integration").projectDir =
-    file("ReactAndroid/flipper-integration/")
diff --git a/packages/react-native/Libraries/Core/setUpDOM.js b/packages/react-native/src/private/core/setUpDOM.js
similarity index 79%
rename from packages/react-native/Libraries/Core/setUpDOM.js
rename to packages/react-native/src/private/core/setUpDOM.js
index e25aa01371329c..0a75bd8dab8399 100644
--- a/packages/react-native/Libraries/Core/setUpDOM.js
+++ b/packages/react-native/src/private/core/setUpDOM.js
@@ -8,8 +8,8 @@
  * @format
  */
 
-import DOMRect from '../DOM/Geometry/DOMRect';
-import DOMRectReadOnly from '../DOM/Geometry/DOMRectReadOnly';
+import DOMRect from '../webapis/dom/geometry/DOMRect';
+import DOMRectReadOnly from '../webapis/dom/geometry/DOMRectReadOnly';
 
 // $FlowExpectedError[cannot-write] The global isn't writable anywhere but here, where we define it
 global.DOMRect = DOMRect;
diff --git a/packages/react-native/src/private/featureflags/NativeReactNativeFeatureFlags.js b/packages/react-native/src/private/featureflags/NativeReactNativeFeatureFlags.js
new file mode 100644
index 00000000000000..93243673eba9d2
--- /dev/null
+++ b/packages/react-native/src/private/featureflags/NativeReactNativeFeatureFlags.js
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<8509d5ee87efb5aa8da7efcd2085d0a2>>
+ * @flow strict-local
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+import type {TurboModule} from '../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +commonTestFlag?: () => boolean;
+  +enableBackgroundExecutor?: () => boolean;
+  +useModernRuntimeScheduler?: () => boolean;
+  +enableMicrotasks?: () => boolean;
+  +batchRenderingUpdatesInEventLoop?: () => boolean;
+  +enableSpannableBuildingUnification?: () => boolean;
+  +enableCustomDrawOrderFabric?: () => boolean;
+  +enableFixForClippedSubviewsCrash?: () => boolean;
+  +inspectorEnableCxxInspectorPackagerConnection?: () => boolean;
+  +inspectorEnableModernCDPRegistry?: () => boolean;
+}
+
+const NativeReactNativeFeatureFlags: ?Spec = TurboModuleRegistry.get<Spec>(
+  'NativeReactNativeFeatureFlagsCxx',
+);
+
+export default NativeReactNativeFeatureFlags;
diff --git a/packages/react-native/src/private/featureflags/ReactNativeFeatureFlags.js b/packages/react-native/src/private/featureflags/ReactNativeFeatureFlags.js
new file mode 100644
index 00000000000000..214dc80c030845
--- /dev/null
+++ b/packages/react-native/src/private/featureflags/ReactNativeFeatureFlags.js
@@ -0,0 +1,140 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated SignedSource<<7c83d5613c3be517efe48378e6356e79>>
+ * @flow strict-local
+ */
+
+/**
+ * IMPORTANT: Do NOT modify this file directly.
+ *
+ * To change the definition of the flags, edit
+ *   packages/react-native/scripts/featureflags/ReactNativeFeatureFlags.config.js.
+ *
+ * To regenerate this code, run the following script from the repo root:
+ *   yarn featureflags-update
+ */
+
+import {
+  type Getter,
+  createJavaScriptFlagGetter,
+  createNativeFlagGetter,
+  setOverrides,
+} from './ReactNativeFeatureFlagsBase';
+
+export type ReactNativeFeatureFlagsJsOnly = {
+  jsOnlyTestFlag: Getter<boolean>,
+  isLayoutAnimationEnabled: Getter<boolean>,
+  animatedShouldDebounceQueueFlush: Getter<boolean>,
+  animatedShouldUseSingleOp: Getter<boolean>,
+  enableAccessToHostTreeInFabric: Getter<boolean>,
+  shouldUseAnimatedObjectForTransform: Getter<boolean>,
+  shouldUseSetNativePropsInFabric: Getter<boolean>,
+  shouldUseRemoveClippedSubviewsAsDefaultOnIOS: Getter<boolean>,
+};
+
+export type ReactNativeFeatureFlagsJsOnlyOverrides = Partial<ReactNativeFeatureFlagsJsOnly>;
+
+export type ReactNativeFeatureFlags = {
+  ...ReactNativeFeatureFlagsJsOnly,
+  commonTestFlag: Getter<boolean>,
+  enableBackgroundExecutor: Getter<boolean>,
+  useModernRuntimeScheduler: Getter<boolean>,
+  enableMicrotasks: Getter<boolean>,
+  batchRenderingUpdatesInEventLoop: Getter<boolean>,
+  enableSpannableBuildingUnification: Getter<boolean>,
+  enableCustomDrawOrderFabric: Getter<boolean>,
+  enableFixForClippedSubviewsCrash: Getter<boolean>,
+  inspectorEnableCxxInspectorPackagerConnection: Getter<boolean>,
+  inspectorEnableModernCDPRegistry: Getter<boolean>,
+}
+
+/**
+ * JS-only flag for testing. Do NOT modify.
+ */
+export const jsOnlyTestFlag: Getter<boolean> = createJavaScriptFlagGetter('jsOnlyTestFlag', false);
+
+/**
+ * Function used to enable / disabled Layout Animations in React Native.
+ */
+export const isLayoutAnimationEnabled: Getter<boolean> = createJavaScriptFlagGetter('isLayoutAnimationEnabled', true);
+
+/**
+ * Enables an experimental flush-queue debouncing in Animated.js.
+ */
+export const animatedShouldDebounceQueueFlush: Getter<boolean> = createJavaScriptFlagGetter('animatedShouldDebounceQueueFlush', false);
+
+/**
+ * Enables an experimental mega-operation for Animated.js that replaces many calls to native with a single call into native, to reduce JSI/JNI traffic.
+ */
+export const animatedShouldUseSingleOp: Getter<boolean> = createJavaScriptFlagGetter('animatedShouldUseSingleOp', false);
+
+/**
+ * Enables access to the host tree in Fabric using DOM-compatible APIs.
+ */
+export const enableAccessToHostTreeInFabric: Getter<boolean> = createJavaScriptFlagGetter('enableAccessToHostTreeInFabric', false);
+
+/**
+ * Enables use of AnimatedObject for animating transform values.
+ */
+export const shouldUseAnimatedObjectForTransform: Getter<boolean> = createJavaScriptFlagGetter('shouldUseAnimatedObjectForTransform', false);
+
+/**
+ * Enables use of setNativeProps in JS driven animations.
+ */
+export const shouldUseSetNativePropsInFabric: Getter<boolean> = createJavaScriptFlagGetter('shouldUseSetNativePropsInFabric', true);
+
+/**
+ * removeClippedSubviews prop will be used as the default in FlatList on iOS to match Android
+ */
+export const shouldUseRemoveClippedSubviewsAsDefaultOnIOS: Getter<boolean> = createJavaScriptFlagGetter('shouldUseRemoveClippedSubviewsAsDefaultOnIOS', false);
+
+/**
+ * Common flag for testing. Do NOT modify.
+ */
+export const commonTestFlag: Getter<boolean> = createNativeFlagGetter('commonTestFlag', false);
+/**
+ * Enables the use of a background executor to compute layout and commit updates on Fabric (this system is deprecated and should not be used).
+ */
+export const enableBackgroundExecutor: Getter<boolean> = createNativeFlagGetter('enableBackgroundExecutor', false);
+/**
+ * When enabled, it uses the modern fork of RuntimeScheduler that allows scheduling tasks with priorities from any thread.
+ */
+export const useModernRuntimeScheduler: Getter<boolean> = createNativeFlagGetter('useModernRuntimeScheduler', false);
+/**
+ * Enables the use of microtasks in Hermes (scheduling) and RuntimeScheduler (execution).
+ */
+export const enableMicrotasks: Getter<boolean> = createNativeFlagGetter('enableMicrotasks', false);
+/**
+ * When enabled, the RuntimeScheduler processing the event loop will batch all rendering updates and dispatch them together at the end of each iteration of the loop.
+ */
+export const batchRenderingUpdatesInEventLoop: Getter<boolean> = createNativeFlagGetter('batchRenderingUpdatesInEventLoop', false);
+/**
+ * Uses new, deduplicated logic for constructing Android Spannables from text fragments
+ */
+export const enableSpannableBuildingUnification: Getter<boolean> = createNativeFlagGetter('enableSpannableBuildingUnification', false);
+/**
+ * When enabled, Fabric will use customDrawOrder in ReactViewGroup (similar to old architecture).
+ */
+export const enableCustomDrawOrderFabric: Getter<boolean> = createNativeFlagGetter('enableCustomDrawOrderFabric', false);
+/**
+ * Attempt at fixing a crash related to subview clipping on Android. This is a kill switch for the fix
+ */
+export const enableFixForClippedSubviewsCrash: Getter<boolean> = createNativeFlagGetter('enableFixForClippedSubviewsCrash', false);
+/**
+ * Flag determining if the C++ implementation of InspectorPackagerConnection should be used instead of the per-platform one. This flag is global and should not be changed across React Host lifetimes.
+ */
+export const inspectorEnableCxxInspectorPackagerConnection: Getter<boolean> = createNativeFlagGetter('inspectorEnableCxxInspectorPackagerConnection', false);
+/**
+ * Flag determining if the modern CDP backend should be enabled. This flag is global and should not be changed across React Host lifetimes.
+ */
+export const inspectorEnableModernCDPRegistry: Getter<boolean> = createNativeFlagGetter('inspectorEnableModernCDPRegistry', false);
+
+/**
+ * Overrides the feature flags with the provided methods.
+ * NOTE: Only JS-only flags can be overridden from JavaScript using this API.
+ */
+export const override = setOverrides;
diff --git a/packages/react-native/src/private/featureflags/ReactNativeFeatureFlagsBase.js b/packages/react-native/src/private/featureflags/ReactNativeFeatureFlagsBase.js
new file mode 100644
index 00000000000000..a0d7be5da25cd2
--- /dev/null
+++ b/packages/react-native/src/private/featureflags/ReactNativeFeatureFlagsBase.js
@@ -0,0 +1,84 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {
+  ReactNativeFeatureFlagsJsOnly,
+  ReactNativeFeatureFlagsJsOnlyOverrides,
+} from './ReactNativeFeatureFlags';
+
+import NativeReactNativeFeatureFlags from './NativeReactNativeFeatureFlags';
+
+const accessedFeatureFlags: Set<string> = new Set();
+let overrides: ?ReactNativeFeatureFlagsJsOnlyOverrides;
+
+export type Getter<T> = () => T;
+
+function createGetter<T: boolean | number | string>(
+  configName: string,
+  customValueGetter: Getter<?T>,
+  defaultValue: T,
+): Getter<T> {
+  let cachedValue: ?T;
+
+  return () => {
+    if (cachedValue == null) {
+      accessedFeatureFlags.add(configName);
+      cachedValue = customValueGetter() ?? defaultValue;
+    }
+    return cachedValue;
+  };
+}
+
+export function createJavaScriptFlagGetter<
+  K: $Keys<ReactNativeFeatureFlagsJsOnly>,
+>(
+  configName: K,
+  defaultValue: ReturnType<ReactNativeFeatureFlagsJsOnly[K]>,
+): Getter<ReturnType<ReactNativeFeatureFlagsJsOnly[K]>> {
+  return createGetter(
+    configName,
+    () => overrides?.[configName]?.(),
+    defaultValue,
+  );
+}
+
+type NativeFeatureFlags = $NonMaybeType<typeof NativeReactNativeFeatureFlags>;
+
+export function createNativeFlagGetter<K: $Keys<NativeFeatureFlags>>(
+  configName: K,
+  defaultValue: ReturnType<$NonMaybeType<NativeFeatureFlags[K]>>,
+): Getter<ReturnType<$NonMaybeType<NativeFeatureFlags[K]>>> {
+  return createGetter(
+    configName,
+    () => NativeReactNativeFeatureFlags?.[configName]?.(),
+    defaultValue,
+  );
+}
+
+export function getOverrides(): ?ReactNativeFeatureFlagsJsOnlyOverrides {
+  return overrides;
+}
+
+export function setOverrides(
+  newOverrides: ReactNativeFeatureFlagsJsOnlyOverrides,
+): void {
+  if (overrides != null) {
+    throw new Error('Feature flags cannot be overridden more than once');
+  }
+
+  if (accessedFeatureFlags.size > 0) {
+    const accessedFeatureFlagsStr = Array.from(accessedFeatureFlags).join(', ');
+    throw new Error(
+      `Feature flags were accessed before being overridden: ${accessedFeatureFlagsStr}`,
+    );
+  }
+
+  overrides = newOverrides;
+}
diff --git a/packages/react-native/src/private/featureflags/__tests__/ReactNativeFeatureFlags-test.js b/packages/react-native/src/private/featureflags/__tests__/ReactNativeFeatureFlags-test.js
new file mode 100644
index 00000000000000..13264b6974bcf2
--- /dev/null
+++ b/packages/react-native/src/private/featureflags/__tests__/ReactNativeFeatureFlags-test.js
@@ -0,0 +1,92 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+describe('ReactNativeFeatureFlags', () => {
+  beforeEach(() => {
+    jest.resetModules();
+  });
+
+  it('should provide default values for common flags if the native module is NOT available', () => {
+    const ReactNativeFeatureFlags = require('../ReactNativeFeatureFlags');
+    expect(ReactNativeFeatureFlags.commonTestFlag()).toBe(false);
+  });
+
+  it('should access and cache common flags from the native module if it is available', () => {
+    const commonTestFlagFn = jest.fn(() => true);
+
+    jest.doMock('../NativeReactNativeFeatureFlags', () => ({
+      __esModule: true,
+      default: {
+        commonTestFlag: commonTestFlagFn,
+      },
+    }));
+
+    const ReactNativeFeatureFlags = require('../ReactNativeFeatureFlags');
+
+    expect(commonTestFlagFn).toHaveBeenCalledTimes(0);
+
+    expect(ReactNativeFeatureFlags.commonTestFlag()).toBe(true);
+    expect(commonTestFlagFn).toHaveBeenCalledTimes(1);
+
+    expect(ReactNativeFeatureFlags.commonTestFlag()).toBe(true);
+    expect(commonTestFlagFn).toHaveBeenCalledTimes(1);
+  });
+
+  it('should provide default values for JS-only flags', () => {
+    const ReactNativeFeatureFlags = require('../ReactNativeFeatureFlags');
+    expect(ReactNativeFeatureFlags.jsOnlyTestFlag()).toBe(false);
+  });
+
+  it('should access and cache overridden JS-only flags', () => {
+    const ReactNativeFeatureFlags = require('../ReactNativeFeatureFlags');
+
+    const jsOnlyTestFlagFn = jest.fn(() => true);
+    ReactNativeFeatureFlags.override({
+      jsOnlyTestFlag: jsOnlyTestFlagFn,
+    });
+
+    expect(jsOnlyTestFlagFn).toHaveBeenCalledTimes(0);
+
+    expect(ReactNativeFeatureFlags.jsOnlyTestFlag()).toBe(true);
+    expect(jsOnlyTestFlagFn).toHaveBeenCalledTimes(1);
+
+    expect(ReactNativeFeatureFlags.jsOnlyTestFlag()).toBe(true);
+    expect(jsOnlyTestFlagFn).toHaveBeenCalledTimes(1);
+  });
+
+  it('should throw an error if any of the flags has been accessed before overridding', () => {
+    const ReactNativeFeatureFlags = require('../ReactNativeFeatureFlags');
+
+    ReactNativeFeatureFlags.commonTestFlag();
+
+    expect(() =>
+      ReactNativeFeatureFlags.override({
+        jsOnlyTestFlag: () => true,
+      }),
+    ).toThrow(
+      'Feature flags were accessed before being overridden: commonTestFlag',
+    );
+  });
+
+  it('should throw an error when trying to set overrides twice', () => {
+    const ReactNativeFeatureFlags = require('../ReactNativeFeatureFlags');
+
+    ReactNativeFeatureFlags.override({
+      jsOnlyTestFlag: () => true,
+    });
+
+    expect(() =>
+      ReactNativeFeatureFlags.override({
+        jsOnlyTestFlag: () => false,
+      }),
+    ).toThrow('Feature flags cannot be overridden more than once');
+  });
+});
diff --git a/packages/react-native/src/private/specs/components/ActivityIndicatorViewNativeComponent.js b/packages/react-native/src/private/specs/components/ActivityIndicatorViewNativeComponent.js
new file mode 100644
index 00000000000000..b24ad41303f443
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/ActivityIndicatorViewNativeComponent.js
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {WithDefault} from '../../../../Libraries/Types/CodegenTypes';
+
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  /**
+   * Whether the indicator should hide when not animating (true by default).
+   *
+   * See https://reactnative.dev/docs/activityindicator#hideswhenstopped-ios
+   */
+  hidesWhenStopped?: WithDefault<boolean, true>,
+
+  /**
+   * Whether to show the indicator (true, the default) or hide it (false).
+   *
+   * See https://reactnative.dev/docs/activityindicator#animating
+   */
+  animating?: WithDefault<boolean, true>,
+
+  /**
+   * The foreground color of the spinner (default is gray).
+   *
+   * See https://reactnative.dev/docs/activityindicator#color
+   */
+  color?: ?ColorValue,
+
+  /**
+   * Size of the indicator (default is 'small').
+   * Passing a number to the size prop is only supported on Android.
+   *
+   * See https://reactnative.dev/docs/activityindicator#size
+   */
+  size?: WithDefault<'small' | 'large', 'small'>,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>('ActivityIndicatorView', {
+  paperComponentName: 'RCTActivityIndicatorView',
+}): HostComponent<NativeProps>);
diff --git a/packages/react-native/src/private/specs/components/AndroidDrawerLayoutNativeComponent.js b/packages/react-native/src/private/specs/components/AndroidDrawerLayoutNativeComponent.js
new file mode 100644
index 00000000000000..525009eddb332f
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/AndroidDrawerLayoutNativeComponent.js
@@ -0,0 +1,124 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {
+  DirectEventHandler,
+  Float,
+  Int32,
+  WithDefault,
+} from '../../../../Libraries/Types/CodegenTypes';
+
+import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import * as React from 'react';
+
+type DrawerStateEvent = $ReadOnly<{|
+  drawerState: Int32,
+|}>;
+
+type DrawerSlideEvent = $ReadOnly<{|
+  offset: Float,
+|}>;
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+  /**
+   * Determines whether the keyboard gets dismissed in response to a drag.
+   *   - 'none' (the default), drags do not dismiss the keyboard.
+   *   - 'on-drag', the keyboard is dismissed when a drag begins.
+   */
+  keyboardDismissMode?: WithDefault<'none' | 'on-drag', 'none'>,
+
+  /**
+   * Specifies the background color of the drawer. The default value is white.
+   * If you want to set the opacity of the drawer, use rgba. Example:
+   *
+   * ```
+   * return (
+   *   <DrawerLayoutAndroid drawerBackgroundColor="rgba(0,0,0,0.5)">
+   *   </DrawerLayoutAndroid>
+   * );
+   * ```
+   */
+  drawerBackgroundColor: ColorValue,
+
+  /**
+   * Specifies the side of the screen from which the drawer will slide in.
+   */
+  drawerPosition?: WithDefault<'left' | 'right', 'left'>,
+
+  /**
+   * Specifies the width of the drawer, more precisely the width of the view that be pulled in
+   * from the edge of the window.
+   */
+
+  drawerWidth?: WithDefault<Float, null>,
+
+  /**
+   * Specifies the lock mode of the drawer. The drawer can be locked in 3 states:
+   * - unlocked (default), meaning that the drawer will respond (open/close) to touch gestures.
+   * - locked-closed, meaning that the drawer will stay closed and not respond to gestures.
+   * - locked-open, meaning that the drawer will stay opened and not respond to gestures.
+   * The drawer may still be opened and closed programmatically (`openDrawer`/`closeDrawer`).
+   */
+  drawerLockMode?: WithDefault<
+    'unlocked' | 'locked-closed' | 'locked-open',
+    'unlocked',
+  >,
+
+  /**
+   * Function called whenever there is an interaction with the navigation view.
+   */
+  onDrawerSlide?: ?DirectEventHandler<DrawerSlideEvent>,
+
+  /**
+   * Function called when the drawer state has changed. The drawer can be in 3 states:
+   * - Idle, meaning there is no interaction with the navigation view happening at the time
+   * - Dragging, meaning there is currently an interaction with the navigation view
+   * - Settling, meaning that there was an interaction with the navigation view, and the
+   * navigation view is now finishing its closing or opening animation
+   */
+  onDrawerStateChanged?: ?DirectEventHandler<DrawerStateEvent>,
+
+  /**
+   * Function called whenever the navigation view has been opened.
+   */
+  onDrawerOpen?: ?DirectEventHandler<null>,
+
+  /**
+   * Function called whenever the navigation view has been closed.
+   */
+  onDrawerClose?: ?DirectEventHandler<null>,
+
+  /**
+   * Make the drawer take the entire screen and draw the background of the
+   * status bar to allow it to open over the status bar. It will only have an
+   * effect on API 21+.
+   */
+  statusBarBackgroundColor?: ?ColorValue,
+|}>;
+
+type NativeType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  +openDrawer: (viewRef: React.ElementRef<NativeType>) => void;
+  +closeDrawer: (viewRef: React.ElementRef<NativeType>) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['openDrawer', 'closeDrawer'],
+});
+
+export default (codegenNativeComponent<NativeProps>(
+  'AndroidDrawerLayout',
+): NativeType);
diff --git a/packages/react-native/src/private/specs/components/AndroidHorizontalScrollContentViewNativeComponent.js b/packages/react-native/src/private/specs/components/AndroidHorizontalScrollContentViewNativeComponent.js
new file mode 100644
index 00000000000000..98bf5c55ee4d87
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/AndroidHorizontalScrollContentViewNativeComponent.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  removeClippedSubviews?: ?boolean,
+|}>;
+
+type NativeType = HostComponent<NativeProps>;
+
+export default (codegenNativeComponent<NativeProps>(
+  'AndroidHorizontalScrollContentView',
+): NativeType);
diff --git a/packages/react-native/src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent.js b/packages/react-native/src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent.js
new file mode 100644
index 00000000000000..3d8a8e52fb8748
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/AndroidSwipeRefreshLayoutNativeComponent.js
@@ -0,0 +1,74 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {
+  DirectEventHandler,
+  Float,
+  WithDefault,
+} from '../../../../Libraries/Types/CodegenTypes';
+
+import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import * as React from 'react';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  /**
+   * Whether the pull to refresh functionality is enabled.
+   */
+  enabled?: WithDefault<boolean, true>,
+  /**
+   * The colors (at least one) that will be used to draw the refresh indicator.
+   */
+  colors?: ?$ReadOnlyArray<ColorValue>,
+  /**
+   * The background color of the refresh indicator.
+   */
+  progressBackgroundColor?: ?ColorValue,
+  /**
+   * Size of the refresh indicator.
+   */
+  size?: WithDefault<'default' | 'large', 'default'>,
+  /**
+   * Progress view top offset
+   */
+  progressViewOffset?: WithDefault<Float, 0>,
+
+  /**
+   * Called when the view starts refreshing.
+   */
+  onRefresh?: ?DirectEventHandler<null>,
+
+  /**
+   * Whether the view should be indicating an active refresh.
+   */
+  refreshing: boolean,
+|}>;
+
+type NativeType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  +setNativeRefreshing: (
+    viewRef: React.ElementRef<NativeType>,
+    value: boolean,
+  ) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['setNativeRefreshing'],
+});
+
+export default (codegenNativeComponent<NativeProps>(
+  'AndroidSwipeRefreshLayout',
+): NativeType);
diff --git a/packages/react-native/src/private/specs/components/AndroidSwitchNativeComponent.js b/packages/react-native/src/private/specs/components/AndroidSwitchNativeComponent.js
new file mode 100644
index 00000000000000..788d8cac6415ae
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/AndroidSwitchNativeComponent.js
@@ -0,0 +1,62 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {
+  BubblingEventHandler,
+  Int32,
+  WithDefault,
+} from '../../../../Libraries/Types/CodegenTypes';
+
+import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import * as React from 'react';
+
+type SwitchChangeEvent = $ReadOnly<{|
+  value: boolean,
+  target: Int32,
+|}>;
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  disabled?: WithDefault<boolean, false>,
+  enabled?: WithDefault<boolean, true>,
+  thumbColor?: ?ColorValue,
+  trackColorForFalse?: ?ColorValue,
+  trackColorForTrue?: ?ColorValue,
+  value?: WithDefault<boolean, false>,
+  on?: WithDefault<boolean, false>,
+  thumbTintColor?: ?ColorValue,
+  trackTintColor?: ?ColorValue,
+
+  // Events
+  onChange?: BubblingEventHandler<SwitchChangeEvent>,
+|}>;
+
+type NativeType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  +setNativeValue: (
+    viewRef: React.ElementRef<NativeType>,
+    value: boolean,
+  ) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['setNativeValue'],
+});
+
+export default (codegenNativeComponent<NativeProps>('AndroidSwitch', {
+  interfaceOnly: true,
+}): NativeType);
diff --git a/packages/react-native/src/private/specs/components/DebuggingOverlayNativeComponent.js b/packages/react-native/src/private/specs/components/DebuggingOverlayNativeComponent.js
new file mode 100644
index 00000000000000..1d2f230ce999f0
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/DebuggingOverlayNativeComponent.js
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ProcessedColorValue} from '../../../../Libraries/StyleSheet/processColor';
+
+import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import * as React from 'react';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+|}>;
+export type DebuggingOverlayNativeComponentType = HostComponent<NativeProps>;
+
+export type TraceUpdate = {
+  id: number,
+  rectangle: ElementRectangle,
+  color: ?ProcessedColorValue,
+};
+
+export type ElementRectangle = {
+  x: number,
+  y: number,
+  width: number,
+  height: number,
+};
+
+interface NativeCommands {
+  +highlightTraceUpdates: (
+    viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,
+    updates: $ReadOnlyArray<TraceUpdate>,
+  ) => void;
+  +highlightElements: (
+    viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,
+    elements: $ReadOnlyArray<ElementRectangle>,
+  ) => void;
+  +clearElementsHighlights: (
+    viewRef: React.ElementRef<DebuggingOverlayNativeComponentType>,
+  ) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: [
+    'highlightTraceUpdates',
+    'highlightElements',
+    'clearElementsHighlights',
+  ],
+});
+
+export default (codegenNativeComponent<NativeProps>(
+  'DebuggingOverlay',
+): HostComponent<NativeProps>);
diff --git a/packages/react-native/src/private/specs/components/PopupMenuAndroidNativeComponent.js b/packages/react-native/src/private/specs/components/PopupMenuAndroidNativeComponent.js
new file mode 100644
index 00000000000000..81801f65f4d0dd
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/PopupMenuAndroidNativeComponent.js
@@ -0,0 +1,47 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {
+  DirectEventHandler,
+  Int32,
+} from '../../../../Libraries/Types/CodegenTypes';
+
+import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import * as React from 'react';
+
+type PopupMenuSelectionEvent = $ReadOnly<{
+  item: Int32,
+}>;
+
+type NativeProps = $ReadOnly<{
+  ...ViewProps,
+
+  //Props
+  menuItems?: ?$ReadOnlyArray<string>,
+
+  onSelectionChange?: DirectEventHandler<PopupMenuSelectionEvent>,
+}>;
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  +show: (viewRef: React.ElementRef<ComponentType>) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['show'],
+});
+
+export default (codegenNativeComponent<NativeProps>(
+  'AndroidPopupMenu',
+): HostComponent<NativeProps>);
diff --git a/packages/react-native/src/private/specs/components/ProgressBarAndroidNativeComponent.js b/packages/react-native/src/private/specs/components/ProgressBarAndroidNativeComponent.js
new file mode 100644
index 00000000000000..c2878ec5019872
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/ProgressBarAndroidNativeComponent.js
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {
+  Double,
+  WithDefault,
+} from '../../../../Libraries/Types/CodegenTypes';
+
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  //Props
+  styleAttr?: string,
+  typeAttr?: string,
+  indeterminate: boolean,
+  progress?: WithDefault<Double, 0>,
+  animating?: WithDefault<boolean, true>,
+  color?: ?ColorValue,
+  testID?: WithDefault<string, ''>,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>('AndroidProgressBar', {
+  interfaceOnly: true,
+}): HostComponent<NativeProps>);
diff --git a/packages/react-native/src/private/specs/components/PullToRefreshViewNativeComponent.js b/packages/react-native/src/private/specs/components/PullToRefreshViewNativeComponent.js
new file mode 100644
index 00000000000000..0e139d5096cde1
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/PullToRefreshViewNativeComponent.js
@@ -0,0 +1,71 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {
+  DirectEventHandler,
+  Float,
+  WithDefault,
+} from '../../../../Libraries/Types/CodegenTypes';
+
+import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import * as React from 'react';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  /**
+   * The color of the refresh indicator.
+   */
+  tintColor?: ?ColorValue,
+  /**
+   * Title color.
+   */
+  titleColor?: ?ColorValue,
+  /**
+   * The title displayed under the refresh indicator.
+   */
+  title?: WithDefault<string, null>,
+  /**
+   * Progress view top offset
+   */
+  progressViewOffset?: WithDefault<Float, 0>,
+
+  /**
+   * Called when the view starts refreshing.
+   */
+  onRefresh?: ?DirectEventHandler<null>,
+
+  /**
+   * Whether the view should be indicating an active refresh.
+   */
+  refreshing: boolean,
+|}>;
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  +setNativeRefreshing: (
+    viewRef: React.ElementRef<ComponentType>,
+    refreshing: boolean,
+  ) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['setNativeRefreshing'],
+});
+
+export default (codegenNativeComponent<NativeProps>('PullToRefreshView', {
+  paperComponentName: 'RCTRefreshControl',
+  excludedPlatforms: ['android'],
+}): HostComponent<NativeProps>);
diff --git a/packages/react-native/src/private/specs/components/RCTInputAccessoryViewNativeComponent.js b/packages/react-native/src/private/specs/components/RCTInputAccessoryViewNativeComponent.js
new file mode 100644
index 00000000000000..ac19932c3e909e
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/RCTInputAccessoryViewNativeComponent.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+  backgroundColor?: ?ColorValue,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>('InputAccessory', {
+  interfaceOnly: true,
+  paperComponentName: 'RCTInputAccessoryView',
+  excludedPlatforms: ['android'],
+}): HostComponent<NativeProps>);
diff --git a/packages/react-native/src/private/specs/components/RCTModalHostViewNativeComponent.js b/packages/react-native/src/private/specs/components/RCTModalHostViewNativeComponent.js
new file mode 100644
index 00000000000000..86bf895d767526
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/RCTModalHostViewNativeComponent.js
@@ -0,0 +1,139 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {
+  DirectEventHandler,
+  Int32,
+  WithDefault,
+} from '../../../../Libraries/Types/CodegenTypes';
+
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+
+type OrientationChangeEvent = $ReadOnly<{|
+  orientation: 'portrait' | 'landscape',
+|}>;
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  /**
+   * The `animationType` prop controls how the modal animates.
+   *
+   * See https://reactnative.dev/docs/modal#animationtype
+   */
+  animationType?: WithDefault<'none' | 'slide' | 'fade', 'none'>,
+
+  /**
+   * The `presentationStyle` prop controls how the modal appears.
+   *
+   * See https://reactnative.dev/docs/modal#presentationstyle
+   */
+  presentationStyle?: WithDefault<
+    'fullScreen' | 'pageSheet' | 'formSheet' | 'overFullScreen',
+    'fullScreen',
+  >,
+
+  /**
+   * The `transparent` prop determines whether your modal will fill the
+   * entire view.
+   *
+   * See https://reactnative.dev/docs/modal#transparent
+   */
+  transparent?: WithDefault<boolean, false>,
+
+  /**
+   * The `statusBarTranslucent` prop determines whether your modal should go under
+   * the system statusbar.
+   *
+   * See https://reactnative.dev/docs/modal#statusBarTranslucent
+   */
+  statusBarTranslucent?: WithDefault<boolean, false>,
+
+  /**
+   * The `hardwareAccelerated` prop controls whether to force hardware
+   * acceleration for the underlying window.
+   *
+   * See https://reactnative.dev/docs/modal#hardwareaccelerated
+   */
+  hardwareAccelerated?: WithDefault<boolean, false>,
+
+  /**
+   * The `onRequestClose` callback is called when the user taps the hardware
+   * back button on Android or the menu button on Apple TV.
+   *
+   * This is required on Apple TV and Android.
+   *
+   * See https://reactnative.dev/docs/modal#onrequestclose
+   */
+  onRequestClose?: ?DirectEventHandler<null>,
+
+  /**
+   * The `onShow` prop allows passing a function that will be called once the
+   * modal has been shown.
+   *
+   * See https://reactnative.dev/docs/modal#onshow
+   */
+  onShow?: ?DirectEventHandler<null>,
+
+  /**
+   * The `onDismiss` prop allows passing a function that will be called once
+   * the modal has been dismissed.
+   *
+   * See https://reactnative.dev/docs/modal#ondismiss
+   */
+  onDismiss?: ?DirectEventHandler<null>,
+
+  /**
+   * The `visible` prop determines whether your modal is visible.
+   *
+   * See https://reactnative.dev/docs/modal#visible
+   */
+  visible?: WithDefault<boolean, false>,
+
+  /**
+   * Deprecated. Use the `animationType` prop instead.
+   */
+  animated?: WithDefault<boolean, false>,
+
+  /**
+   * The `supportedOrientations` prop allows the modal to be rotated to any of the specified orientations.
+   *
+   * See https://reactnative.dev/docs/modal#supportedorientations
+   */
+  supportedOrientations?: WithDefault<
+    $ReadOnlyArray<
+      | 'portrait'
+      | 'portrait-upside-down'
+      | 'landscape'
+      | 'landscape-left'
+      | 'landscape-right',
+    >,
+    'portrait',
+  >,
+
+  /**
+   * The `onOrientationChange` callback is called when the orientation changes while the modal is being displayed.
+   *
+   * See https://reactnative.dev/docs/modal#onorientationchange
+   */
+  onOrientationChange?: ?DirectEventHandler<OrientationChangeEvent>,
+
+  /**
+   * The `identifier` is the unique number for identifying Modal components.
+   */
+  identifier?: WithDefault<Int32, 0>,
+|}>;
+
+export default (codegenNativeComponent<NativeProps>('ModalHostView', {
+  interfaceOnly: true,
+  paperComponentName: 'RCTModalHostView',
+}): HostComponent<NativeProps>);
diff --git a/packages/react-native/src/private/specs/components/RCTSafeAreaViewNativeComponent.js b/packages/react-native/src/private/specs/components/RCTSafeAreaViewNativeComponent.js
new file mode 100644
index 00000000000000..e626f78123f50e
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/RCTSafeAreaViewNativeComponent.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // No props
+|}>;
+
+export default (codegenNativeComponent<NativeProps>('SafeAreaView', {
+  paperComponentName: 'RCTSafeAreaView',
+  interfaceOnly: true,
+}): HostComponent<NativeProps>);
diff --git a/packages/react-native/src/private/specs/components/SwitchNativeComponent.js b/packages/react-native/src/private/specs/components/SwitchNativeComponent.js
new file mode 100644
index 00000000000000..f2f514da0a8f87
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/SwitchNativeComponent.js
@@ -0,0 +1,61 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {ColorValue} from '../../../../Libraries/StyleSheet/StyleSheet';
+import type {
+  BubblingEventHandler,
+  Int32,
+  WithDefault,
+} from '../../../../Libraries/Types/CodegenTypes';
+
+import codegenNativeCommands from '../../../../Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+import * as React from 'react';
+
+type SwitchChangeEvent = $ReadOnly<{|
+  value: boolean,
+  target: Int32,
+|}>;
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+
+  // Props
+  disabled?: WithDefault<boolean, false>,
+  value?: WithDefault<boolean, false>,
+  tintColor?: ?ColorValue,
+  onTintColor?: ?ColorValue,
+  thumbTintColor?: ?ColorValue,
+
+  // Deprecated props
+  thumbColor?: ?ColorValue,
+  trackColorForFalse?: ?ColorValue,
+  trackColorForTrue?: ?ColorValue,
+
+  // Events
+  onChange?: ?BubblingEventHandler<SwitchChangeEvent>,
+|}>;
+
+type ComponentType = HostComponent<NativeProps>;
+
+interface NativeCommands {
+  +setValue: (viewRef: React.ElementRef<ComponentType>, value: boolean) => void;
+}
+
+export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
+  supportedCommands: ['setValue'],
+});
+
+export default (codegenNativeComponent<NativeProps>('Switch', {
+  paperComponentName: 'RCTSwitch',
+  excludedPlatforms: ['android'],
+}): ComponentType);
diff --git a/packages/react-native/src/private/specs/components/UnimplementedNativeViewNativeComponent.js b/packages/react-native/src/private/specs/components/UnimplementedNativeViewNativeComponent.js
new file mode 100644
index 00000000000000..308f0adaf90cb3
--- /dev/null
+++ b/packages/react-native/src/private/specs/components/UnimplementedNativeViewNativeComponent.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict-local
+ */
+
+import type {ViewProps} from '../../../../Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from '../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type {WithDefault} from '../../../../Libraries/Types/CodegenTypes';
+
+import codegenNativeComponent from '../../../../Libraries/Utilities/codegenNativeComponent';
+
+type NativeProps = $ReadOnly<{|
+  ...ViewProps,
+  name?: WithDefault<string, ''>,
+|}>;
+
+// NOTE: This component is not implemented in paper
+// Do not require this file in paper builds
+export default (codegenNativeComponent<NativeProps>(
+  'UnimplementedNativeView',
+): HostComponent<NativeProps>);
diff --git a/packages/react-native/src/private/specs/modules/NativeAccessibilityInfo.js b/packages/react-native/src/private/specs/modules/NativeAccessibilityInfo.js
new file mode 100644
index 00000000000000..0524dfa3682bb8
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeAccessibilityInfo.js
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +isReduceMotionEnabled: (
+    onSuccess: (isReduceMotionEnabled: boolean) => void,
+  ) => void;
+  +isTouchExplorationEnabled: (
+    onSuccess: (isScreenReaderEnabled: boolean) => void,
+  ) => void;
+  +isAccessibilityServiceEnabled?: ?(
+    onSuccess: (isAccessibilityServiceEnabled: boolean) => void,
+  ) => void;
+  +setAccessibilityFocus: (reactTag: number) => void;
+  +announceForAccessibility: (announcement: string) => void;
+  +getRecommendedTimeoutMillis?: (
+    mSec: number,
+    onSuccess: (recommendedTimeoutMillis: number) => void,
+  ) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('AccessibilityInfo'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeAccessibilityManager.js b/packages/react-native/src/private/specs/modules/NativeAccessibilityManager.js
new file mode 100644
index 00000000000000..594998633aa030
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeAccessibilityManager.js
@@ -0,0 +1,72 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getCurrentBoldTextState: (
+    onSuccess: (isBoldTextEnabled: boolean) => void,
+    onError: (error: Object) => void,
+  ) => void;
+  +getCurrentGrayscaleState: (
+    onSuccess: (isGrayscaleEnabled: boolean) => void,
+    onError: (error: Object) => void,
+  ) => void;
+  // [macOS
+  +getCurrentHighContrastState: (
+    onSuccess: (isHighContrastEnabled: boolean) => void,
+    onError: (error: Object) => void,
+  ) => void;
+  // macOS]
+  +getCurrentInvertColorsState: (
+    onSuccess: (isInvertColorsEnabled: boolean) => void,
+    onError: (error: Object) => void,
+  ) => void;
+  +getCurrentReduceMotionState: (
+    onSuccess: (isReduceMotionEnabled: boolean) => void,
+    onError: (error: Object) => void,
+  ) => void;
+  +getCurrentPrefersCrossFadeTransitionsState?: (
+    onSuccess: (prefersCrossFadeTransitions: boolean) => void,
+    onError: (error: Object) => void,
+  ) => void;
+  +getCurrentReduceTransparencyState: (
+    onSuccess: (isReduceTransparencyEnabled: boolean) => void,
+    onError: (error: Object) => void,
+  ) => void;
+  +getCurrentVoiceOverState: (
+    onSuccess: (isScreenReaderEnabled: boolean) => void,
+    onError: (error: Object) => void,
+  ) => void;
+  +setAccessibilityContentSizeMultipliers: (JSMultipliers: {|
+    +extraSmall?: ?number,
+    +small?: ?number,
+    +medium?: ?number,
+    +large?: ?number,
+    +extraLarge?: ?number,
+    +extraExtraLarge?: ?number,
+    +extraExtraExtraLarge?: ?number,
+    +accessibilityMedium?: ?number,
+    +accessibilityLarge?: ?number,
+    +accessibilityExtraLarge?: ?number,
+    +accessibilityExtraExtraLarge?: ?number,
+    +accessibilityExtraExtraExtraLarge?: ?number,
+  |}) => void;
+  +setAccessibilityFocus: (reactTag: number) => void;
+  +announceForAccessibility: (announcement: string) => void;
+  +announceForAccessibilityWithOptions?: (
+    announcement: string,
+    options: {queue?: boolean},
+  ) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('AccessibilityManager'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeActionSheetManager.js b/packages/react-native/src/private/specs/modules/NativeActionSheetManager.js
new file mode 100644
index 00000000000000..37407bd01cf61d
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeActionSheetManager.js
@@ -0,0 +1,54 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  +showActionSheetWithOptions: (
+    options: {|
+      +title?: ?string,
+      +message?: ?string,
+      +options: ?Array<string>,
+      +destructiveButtonIndices?: ?Array<number>,
+      +cancelButtonIndex?: ?number,
+      +anchor?: ?number,
+      +tintColor?: ?number,
+      +cancelButtonTintColor?: ?number,
+      +userInterfaceStyle?: ?string,
+      +disabledButtonIndices?: Array<number>,
+    |},
+    callback: (buttonIndex: number) => void,
+  ) => void;
+  +showShareActionSheetWithOptions: (
+    options: {|
+      +message?: ?string,
+      +url?: ?string,
+      +subject?: ?string,
+      +anchor?: ?number,
+      +tintColor?: ?number,
+      +cancelButtonTintColor?: ?number,
+      +excludedActivityTypes?: ?Array<string>,
+      +userInterfaceStyle?: ?string,
+    |},
+    failureCallback: (error: {|
+      +domain: string,
+      +code: string,
+      +userInfo?: ?Object,
+      +message: string,
+    |}) => void,
+    successCallback: (completed: boolean, activityType: ?string) => void,
+  ) => void;
+  +dismissActionSheet?: () => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('ActionSheetManager'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeAlertManager.js b/packages/react-native/src/private/specs/modules/NativeAlertManager.js
new file mode 100644
index 00000000000000..03000c8f78e0fa
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeAlertManager.js
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type Args = {|
+  title?: string,
+  message?: string,
+  buttons?: Array<Object>, // TODO(T67565166): have a better type
+  type?: string,
+  defaultValue?: string,
+  cancelButtonKey?: string,
+  destructiveButtonKey?: string,
+  preferredButtonKey?: string,
+  keyboardType?: string,
+  userInterfaceStyle?: string,
+  // [macOS
+  defaultInputs?: Array<Object>,
+  modal?: ?boolean,
+  critical?: ?boolean,
+  // macOS]
+|};
+
+export interface Spec extends TurboModule {
+  +alertWithArgs: (
+    args: Args,
+    callback: (id: number, value: string) => void,
+  ) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('AlertManager'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeAnimatedModule.js b/packages/react-native/src/private/specs/modules/NativeAnimatedModule.js
new file mode 100644
index 00000000000000..2c67bfccd7314b
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeAnimatedModule.js
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import shouldUseTurboAnimatedModule from '../../../../Libraries/Animated/shouldUseTurboAnimatedModule';
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+type EndResult = {finished: boolean, value?: number, ...};
+type EndCallback = (result: EndResult) => void;
+type SaveValueCallback = (value: number) => void;
+
+export type EventMapping = {|
+  nativeEventPath: Array<string>,
+  animatedValueTag: ?number,
+|};
+
+// The config has different keys depending on the type of the Node
+// TODO(T54896888): Make these types strict
+export type AnimatedNodeConfig = Object;
+export type AnimatingNodeConfig = Object;
+
+export interface Spec extends TurboModule {
+  +startOperationBatch: () => void;
+  +finishOperationBatch: () => void;
+  +createAnimatedNode: (tag: number, config: AnimatedNodeConfig) => void;
+  +updateAnimatedNodeConfig?: (tag: number, config: AnimatedNodeConfig) => void;
+  +getValue: (tag: number, saveValueCallback: SaveValueCallback) => void;
+  +startListeningToAnimatedNodeValue: (tag: number) => void;
+  +stopListeningToAnimatedNodeValue: (tag: number) => void;
+  +connectAnimatedNodes: (parentTag: number, childTag: number) => void;
+  +disconnectAnimatedNodes: (parentTag: number, childTag: number) => void;
+  +startAnimatingNode: (
+    animationId: number,
+    nodeTag: number,
+    config: AnimatingNodeConfig,
+    endCallback: EndCallback,
+  ) => void;
+  +stopAnimation: (animationId: number) => void;
+  +setAnimatedNodeValue: (nodeTag: number, value: number) => void;
+  +setAnimatedNodeOffset: (nodeTag: number, offset: number) => void;
+  +flattenAnimatedNodeOffset: (nodeTag: number) => void;
+  +extractAnimatedNodeOffset: (nodeTag: number) => void;
+  +connectAnimatedNodeToView: (nodeTag: number, viewTag: number) => void;
+  +disconnectAnimatedNodeFromView: (nodeTag: number, viewTag: number) => void;
+  +restoreDefaultValues: (nodeTag: number) => void;
+  +dropAnimatedNode: (tag: number) => void;
+  +addAnimatedEventToView: (
+    viewTag: number,
+    eventName: string,
+    eventMapping: EventMapping,
+  ) => void;
+  +removeAnimatedEventFromView: (
+    viewTag: number,
+    eventName: string,
+    animatedNodeTag: number,
+  ) => void;
+
+  // Events
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+
+  // All of the above in a batched mode
+  +queueAndExecuteBatchedOperations?: (operationsAndArgs: Array<any>) => void;
+}
+
+const NativeModule: ?Spec = !shouldUseTurboAnimatedModule()
+  ? TurboModuleRegistry.get<Spec>('NativeAnimatedModule')
+  : null;
+export default NativeModule;
diff --git a/packages/react-native/src/private/specs/modules/NativeAnimatedTurboModule.js b/packages/react-native/src/private/specs/modules/NativeAnimatedTurboModule.js
new file mode 100644
index 00000000000000..7af2ef159d39fd
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeAnimatedTurboModule.js
@@ -0,0 +1,78 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import shouldUseTurboAnimatedModule from '../../../../Libraries/Animated/shouldUseTurboAnimatedModule';
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+type EndResult = {finished: boolean, value?: number, ...};
+type EndCallback = (result: EndResult) => void;
+type SaveValueCallback = (value: number) => void;
+
+export type EventMapping = {|
+  nativeEventPath: Array<string>,
+  animatedValueTag: ?number,
+|};
+
+// The config has different keys depending on the type of the Node
+// TODO(T54896888): Make these types strict
+export type AnimatedNodeConfig = Object;
+export type AnimatingNodeConfig = Object;
+
+export interface Spec extends TurboModule {
+  +startOperationBatch: () => void;
+  +finishOperationBatch: () => void;
+  +createAnimatedNode: (tag: number, config: AnimatedNodeConfig) => void;
+  +updateAnimatedNodeConfig?: (tag: number, config: AnimatedNodeConfig) => void;
+  +getValue: (tag: number, saveValueCallback: SaveValueCallback) => void;
+  +startListeningToAnimatedNodeValue: (tag: number) => void;
+  +stopListeningToAnimatedNodeValue: (tag: number) => void;
+  +connectAnimatedNodes: (parentTag: number, childTag: number) => void;
+  +disconnectAnimatedNodes: (parentTag: number, childTag: number) => void;
+  +startAnimatingNode: (
+    animationId: number,
+    nodeTag: number,
+    config: AnimatingNodeConfig,
+    endCallback: EndCallback,
+  ) => void;
+  +stopAnimation: (animationId: number) => void;
+  +setAnimatedNodeValue: (nodeTag: number, value: number) => void;
+  +setAnimatedNodeOffset: (nodeTag: number, offset: number) => void;
+  +flattenAnimatedNodeOffset: (nodeTag: number) => void;
+  +extractAnimatedNodeOffset: (nodeTag: number) => void;
+  +connectAnimatedNodeToView: (nodeTag: number, viewTag: number) => void;
+  +disconnectAnimatedNodeFromView: (nodeTag: number, viewTag: number) => void;
+  +restoreDefaultValues: (nodeTag: number) => void;
+  +dropAnimatedNode: (tag: number) => void;
+  +addAnimatedEventToView: (
+    viewTag: number,
+    eventName: string,
+    eventMapping: EventMapping,
+  ) => void;
+  +removeAnimatedEventFromView: (
+    viewTag: number,
+    eventName: string,
+    animatedNodeTag: number,
+  ) => void;
+
+  // Events
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+
+  // All of the above in a batched mode
+  +queueAndExecuteBatchedOperations?: (operationsAndArgs: Array<any>) => void;
+}
+
+const NativeModule: ?Spec = shouldUseTurboAnimatedModule()
+  ? TurboModuleRegistry.get<Spec>('NativeAnimatedTurboModule')
+  : null;
+
+export default NativeModule;
diff --git a/packages/react-native/src/private/specs/modules/NativeAnimationsDebugModule.js b/packages/react-native/src/private/specs/modules/NativeAnimationsDebugModule.js
new file mode 100644
index 00000000000000..0a13240d48c0ef
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeAnimationsDebugModule.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +startRecordingFps: () => void;
+  +stopRecordingFps: (animationStopTimeMs: number) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('AnimationsDebugModule'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeAppState.js b/packages/react-native/src/private/specs/modules/NativeAppState.js
new file mode 100644
index 00000000000000..5627f7ea25154c
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeAppState.js
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type AppStateConstants = {|
+  initialAppState: string,
+|};
+
+export type AppState = {|app_state: string|};
+
+export interface Spec extends TurboModule {
+  +getConstants: () => AppStateConstants;
+  +getCurrentAppState: (
+    success: (appState: AppState) => void,
+    error: (error: Object) => void,
+  ) => void;
+
+  // Events
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('AppState'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeAppearance.js b/packages/react-native/src/private/specs/modules/NativeAppearance.js
new file mode 100644
index 00000000000000..27dedcb476a003
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeAppearance.js
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type ColorSchemeName = 'light' | 'dark';
+
+export type AppearancePreferences = {|
+  // TODO: (hramos) T52919652 Use ?ColorSchemeName once codegen supports union
+  // types.
+  /* 'light' | 'dark' */
+  colorScheme?: ?string,
+|};
+
+export interface Spec extends TurboModule {
+  // TODO: (hramos) T52919652 Use ?ColorSchemeName once codegen supports union
+  // types.
+  /* 'light' | 'dark' */
+  +getColorScheme: () => ?string;
+  +setColorScheme?: (colorScheme: string) => void;
+
+  // RCTEventEmitter
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('Appearance'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeBlobModule.js b/packages/react-native/src/private/specs/modules/NativeBlobModule.js
new file mode 100644
index 00000000000000..f04198990b2217
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeBlobModule.js
@@ -0,0 +1,59 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|BLOB_URI_SCHEME: ?string, BLOB_URI_HOST: ?string|};
+  +addNetworkingHandler: () => void;
+  +addWebSocketHandler: (id: number) => void;
+  +removeWebSocketHandler: (id: number) => void;
+  +sendOverSocket: (blob: Object, socketID: number) => void;
+  +createFromParts: (parts: Array<Object>, withId: string) => void;
+  +release: (blobId: string) => void;
+}
+
+const NativeModule = TurboModuleRegistry.get<Spec>('BlobModule');
+
+let constants = null;
+let NativeBlobModule = null;
+
+if (NativeModule != null) {
+  NativeBlobModule = {
+    getConstants(): {|BLOB_URI_SCHEME: ?string, BLOB_URI_HOST: ?string|} {
+      if (constants == null) {
+        constants = NativeModule.getConstants();
+      }
+      return constants;
+    },
+    addNetworkingHandler(): void {
+      NativeModule.addNetworkingHandler();
+    },
+    addWebSocketHandler(id: number): void {
+      NativeModule.addWebSocketHandler(id);
+    },
+    removeWebSocketHandler(id: number): void {
+      NativeModule.removeWebSocketHandler(id);
+    },
+    sendOverSocket(blob: Object, socketID: number): void {
+      NativeModule.sendOverSocket(blob, socketID);
+    },
+    createFromParts(parts: Array<Object>, withId: string): void {
+      NativeModule.createFromParts(parts, withId);
+    },
+    release(blobId: string): void {
+      NativeModule.release(blobId);
+    },
+  };
+}
+
+export default (NativeBlobModule: ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeBugReporting.js b/packages/react-native/src/private/specs/modules/NativeBugReporting.js
new file mode 100644
index 00000000000000..7dc8ded4c14bf7
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeBugReporting.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +startReportAProblemFlow: () => void;
+  +setExtraData: (extraData: Object, extraFiles: Object) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('BugReporting'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeClipboard.js b/packages/react-native/src/private/specs/modules/NativeClipboard.js
new file mode 100644
index 00000000000000..98e16e3f7e1117
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeClipboard.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  +getString: () => Promise<string>;
+  +setString: (content: string) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('Clipboard'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeDevLoadingView.js b/packages/react-native/src/private/specs/modules/NativeDevLoadingView.js
new file mode 100644
index 00000000000000..08bd9589e7c974
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeDevLoadingView.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +showMessage: (
+    message: string,
+    withColor: ?number,
+    withBackgroundColor: ?number,
+  ) => void;
+  +hide: () => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('DevLoadingView'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeDevMenu.js b/packages/react-native/src/private/specs/modules/NativeDevMenu.js
new file mode 100644
index 00000000000000..0c71895cec388a
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeDevMenu.js
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +show: () => void;
+  +reload: () => void;
+  +debugRemotely: (enableDebug: boolean) => void;
+  +setProfilingEnabled: (enabled: boolean) => void;
+  +setHotLoadingEnabled: (enabled: boolean) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('DevMenu'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeDevSettings.js b/packages/react-native/src/private/specs/modules/NativeDevSettings.js
new file mode 100644
index 00000000000000..f6f9f6e9d9d7c6
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeDevSettings.js
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +reload: () => void;
+  +reloadWithReason?: (reason: string) => void;
+  +onFastRefresh?: () => void;
+  +setHotLoadingEnabled: (isHotLoadingEnabled: boolean) => void;
+  +setIsDebuggingRemotely: (isDebuggingRemotelyEnabled: boolean) => void;
+  +setProfilingEnabled: (isProfilingEnabled: boolean) => void;
+  +toggleElementInspector: () => void;
+  +addMenuItem: (title: string) => void;
+
+  // Events
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+
+  // iOS only.
+  +setIsShakeToShowDevMenuEnabled: (enabled: boolean) => void;
+
+  // macOS only.
+  +setIsSecondaryClickToShowDevMenuEnabled: (enabled: boolean) => void; // [macOS]
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('DevSettings'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeDevToolsSettingsManager.js b/packages/react-native/src/private/specs/modules/NativeDevToolsSettingsManager.js
new file mode 100644
index 00000000000000..7a645018e71bf3
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeDevToolsSettingsManager.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +setConsolePatchSettings: (newConsolePatchSettings: string) => void;
+  +getConsolePatchSettings: () => ?string;
+  +setProfilingSettings?: (newProfilingSettings: string) => void;
+  +getProfilingSettings?: () => ?string;
+}
+
+export default (TurboModuleRegistry.get<Spec>(
+  'DevToolsSettingsManager',
+): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeDeviceEventManager.js b/packages/react-native/src/private/specs/modules/NativeDeviceEventManager.js
new file mode 100644
index 00000000000000..8894d45215dded
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeDeviceEventManager.js
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +invokeDefaultBackPressHandler: () => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('DeviceEventManager'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeDeviceInfo.js b/packages/react-native/src/private/specs/modules/NativeDeviceInfo.js
new file mode 100644
index 00000000000000..44c18203a91b0d
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeDeviceInfo.js
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type DisplayMetricsAndroid = {|
+  width: number,
+  height: number,
+  scale: number,
+  fontScale: number,
+  densityDpi: number,
+|};
+
+export type DisplayMetrics = {|
+  width: number,
+  height: number,
+  scale: number,
+  fontScale: number,
+|};
+
+export type DimensionsPayload = {|
+  window?: DisplayMetrics,
+  screen?: DisplayMetrics,
+  windowPhysicalPixels?: DisplayMetricsAndroid,
+  screenPhysicalPixels?: DisplayMetricsAndroid,
+|};
+
+export type DeviceInfoConstants = {|
+  +Dimensions: DimensionsPayload,
+  +isIPhoneX_deprecated?: boolean,
+|};
+
+export interface Spec extends TurboModule {
+  +getConstants: () => DeviceInfoConstants;
+}
+
+const NativeModule: Spec = TurboModuleRegistry.getEnforcing<Spec>('DeviceInfo');
+let constants: ?DeviceInfoConstants = null;
+
+const NativeDeviceInfo = {
+  getConstants(): DeviceInfoConstants {
+    if (constants == null) {
+      constants = NativeModule.getConstants();
+    }
+    return constants;
+  },
+};
+
+export default NativeDeviceInfo;
diff --git a/packages/react-native/src/private/specs/modules/NativeDialogManagerAndroid.js b/packages/react-native/src/private/specs/modules/NativeDialogManagerAndroid.js
new file mode 100644
index 00000000000000..07e19b47c14fe9
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeDialogManagerAndroid.js
@@ -0,0 +1,48 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+/* 'buttonClicked' | 'dismissed' */
+type DialogAction = string;
+/*
+  buttonPositive = -1,
+  buttonNegative = -2,
+  buttonNeutral = -3
+*/
+type DialogButtonKey = number;
+export type DialogOptions = {|
+  title?: string,
+  message?: string,
+  buttonPositive?: string,
+  buttonNegative?: string,
+  buttonNeutral?: string,
+  items?: Array<string>,
+  cancelable?: boolean,
+|};
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    +buttonClicked: DialogAction,
+    +dismissed: DialogAction,
+    +buttonPositive: DialogButtonKey,
+    +buttonNegative: DialogButtonKey,
+    +buttonNeutral: DialogButtonKey,
+  |};
+  +showAlert: (
+    config: DialogOptions,
+    onError: (error: string) => void,
+    onAction: (action: DialogAction, buttonKey?: DialogButtonKey) => void,
+  ) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('DialogManagerAndroid'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeExceptionsManager.js b/packages/react-native/src/private/specs/modules/NativeExceptionsManager.js
new file mode 100644
index 00000000000000..5e54f53dd3670b
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeExceptionsManager.js
@@ -0,0 +1,107 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+const Platform = require('../../../../Libraries/Utilities/Platform');
+
+export type StackFrame = {|
+  column: ?number,
+  file: ?string,
+  lineNumber: ?number,
+  methodName: string,
+  collapse?: boolean,
+|};
+export type ExceptionData = {
+  message: string,
+  originalMessage: ?string,
+  name: ?string,
+  componentStack: ?string,
+  stack: Array<StackFrame>,
+  id: number,
+  isFatal: boolean,
+  // flowlint-next-line unclear-type:off
+  extraData?: Object,
+  ...
+};
+export interface Spec extends TurboModule {
+  // Deprecated: Use `reportException`
+  +reportFatalException: (
+    message: string,
+    stack: Array<StackFrame>,
+    exceptionId: number,
+  ) => void;
+  // Deprecated: Use `reportException`
+  +reportSoftException: (
+    message: string,
+    stack: Array<StackFrame>,
+    exceptionId: number,
+  ) => void;
+  +reportException?: (data: ExceptionData) => void;
+  +updateExceptionMessage: (
+    message: string,
+    stack: Array<StackFrame>,
+    exceptionId: number,
+  ) => void;
+  // TODO(T53311281): This is a noop on iOS now. Implement it.
+  +dismissRedbox?: () => void;
+}
+
+const NativeModule =
+  TurboModuleRegistry.getEnforcing<Spec>('ExceptionsManager');
+
+const ExceptionsManager = {
+  reportFatalException(
+    message: string,
+    stack: Array<StackFrame>,
+    exceptionId: number,
+  ) {
+    NativeModule.reportFatalException(message, stack, exceptionId);
+  },
+  reportSoftException(
+    message: string,
+    stack: Array<StackFrame>,
+    exceptionId: number,
+  ) {
+    NativeModule.reportSoftException(message, stack, exceptionId);
+  },
+  updateExceptionMessage(
+    message: string,
+    stack: Array<StackFrame>,
+    exceptionId: number,
+  ) {
+    NativeModule.updateExceptionMessage(message, stack, exceptionId);
+  },
+  dismissRedbox(): void {
+    if (
+      Platform.OS !== 'ios' &&
+      Platform.OS !== 'macos' /* [macOS] */ &&
+      NativeModule.dismissRedbox
+    ) {
+      // TODO(T53311281): This is a noop on iOS now. Implement it.
+      NativeModule.dismissRedbox();
+    }
+  },
+  reportException(data: ExceptionData): void {
+    if (NativeModule.reportException) {
+      NativeModule.reportException(data);
+      return;
+    }
+    if (data.isFatal) {
+      ExceptionsManager.reportFatalException(data.message, data.stack, data.id);
+    } else {
+      ExceptionsManager.reportSoftException(data.message, data.stack, data.id);
+    }
+  },
+};
+
+export default ExceptionsManager;
diff --git a/packages/react-native/src/private/specs/modules/NativeFileReaderModule.js b/packages/react-native/src/private/specs/modules/NativeFileReaderModule.js
new file mode 100644
index 00000000000000..8b3b7617378edc
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeFileReaderModule.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +readAsDataURL: (data: Object) => Promise<string>;
+  +readAsText: (data: Object, encoding: string) => Promise<string>;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'FileReaderModule',
+): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeFrameRateLogger.js b/packages/react-native/src/private/specs/modules/NativeFrameRateLogger.js
new file mode 100644
index 00000000000000..fad4ae18adcb46
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeFrameRateLogger.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +setGlobalOptions: (options: {|+debug?: ?boolean|}) => void;
+  +setContext: (context: string) => void;
+  +beginScroll: () => void;
+  +endScroll: () => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('FrameRateLogger'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeHeadlessJsTaskSupport.js b/packages/react-native/src/private/specs/modules/NativeHeadlessJsTaskSupport.js
new file mode 100644
index 00000000000000..3bdf3acf61028b
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeHeadlessJsTaskSupport.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +notifyTaskFinished: (taskId: number) => void;
+  +notifyTaskRetry: (taskId: number) => Promise<boolean>;
+}
+
+export default (TurboModuleRegistry.get<Spec>('HeadlessJsTaskSupport'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeI18nManager.js b/packages/react-native/src/private/specs/modules/NativeI18nManager.js
new file mode 100644
index 00000000000000..5bc91c365fabb1
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeI18nManager.js
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type I18nManagerConstants = {|
+  doLeftAndRightSwapInRTL: boolean,
+  isRTL: boolean,
+  localeIdentifier?: ?string,
+|};
+
+export interface Spec extends TurboModule {
+  +getConstants: () => I18nManagerConstants;
+  allowRTL: (allowRTL: boolean) => void;
+  forceRTL: (forceRTL: boolean) => void;
+  swapLeftAndRightInRTL: (flipStyles: boolean) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('I18nManager'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeImageEditor.js b/packages/react-native/src/private/specs/modules/NativeImageEditor.js
new file mode 100644
index 00000000000000..4654b9118bb2a2
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeImageEditor.js
@@ -0,0 +1,52 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+type Options = {|
+  +offset: {|
+    +x: number,
+    +y: number,
+  |},
+  +size: {|
+    +width: number,
+    +height: number,
+  |},
+  +displaySize?: ?{|
+    +width: number,
+    +height: number,
+  |},
+  /**
+   * Enum with potential values:
+   *  - cover
+   *  - contain
+   *  - stretch
+   *  - center
+   *  - repeat
+   */
+  +resizeMode?: ?string,
+  +allowExternalStorage?: boolean,
+|};
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  +cropImage: (
+    uri: string,
+    cropData: Options,
+    successCallback: (uri: string) => void,
+    errorCallback: (error: string) => void,
+  ) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'ImageEditingManager',
+): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeImageLoaderAndroid.js b/packages/react-native/src/private/specs/modules/NativeImageLoaderAndroid.js
new file mode 100644
index 00000000000000..f8171272218c8b
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeImageLoaderAndroid.js
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type ImageSize = {
+  width: number,
+  height: number,
+  ...
+};
+
+export interface Spec extends TurboModule {
+  +abortRequest: (requestId: number) => void;
+  +getConstants: () => {||};
+  +getSize: (uri: string) => Promise<ImageSize>;
+  +getSizeWithHeaders: (uri: string, headers: Object) => Promise<ImageSize>;
+  +prefetchImage: (uri: string, requestId: number) => Promise<boolean>;
+  +queryCache: (uris: Array<string>) => Promise<Object>;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('ImageLoader'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeImageLoaderIOS.js b/packages/react-native/src/private/specs/modules/NativeImageLoaderIOS.js
new file mode 100644
index 00000000000000..b3d73201313e8b
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeImageLoaderIOS.js
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {RootTag} from '../../../../Libraries/TurboModule/RCTExport';
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  // Return [width, height] of image uri
+  +getSize: (uri: string) => Promise<$ReadOnlyArray<number>>;
+  +getSizeWithHeaders: (
+    uri: string,
+    headers: Object,
+  ) => Promise<{
+    width: number,
+    height: number,
+    ...
+  }>;
+  +prefetchImage: (uri: string) => Promise<boolean>;
+  +prefetchImageWithMetadata?: (
+    uri: string,
+    queryRootName: string,
+    rootTag: RootTag,
+  ) => Promise<boolean>;
+  +queryCache: (uris: Array<string>) => Promise<Object>;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('ImageLoader'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeImageStoreAndroid.js b/packages/react-native/src/private/specs/modules/NativeImageStoreAndroid.js
new file mode 100644
index 00000000000000..4962c037dc3c91
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeImageStoreAndroid.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  +getBase64ForTag: (
+    uri: string,
+    successCallback: (base64ImageData: string) => void,
+    errorCallback: (error: string) => void,
+  ) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'ImageStoreManager',
+): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeImageStoreIOS.js b/packages/react-native/src/private/specs/modules/NativeImageStoreIOS.js
new file mode 100644
index 00000000000000..9e4e2a358e2cd9
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeImageStoreIOS.js
@@ -0,0 +1,33 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  +getBase64ForTag: (
+    uri: string,
+    successCallback: (base64ImageData: string) => void,
+    errorCallback: (error: {|message: string|}) => void,
+  ) => void;
+  +hasImageForTag: (uri: string, callback: (hasImage: boolean) => void) => void;
+  +removeImageForTag: (uri: string) => void;
+  +addImageFromBase64: (
+    base64ImageData: string,
+    successCallback: (uri: string) => void,
+    errorCallback: (error: {|message: string|}) => void,
+  ) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'ImageStoreManager',
+): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeIntentAndroid.js b/packages/react-native/src/private/specs/modules/NativeIntentAndroid.js
new file mode 100644
index 00000000000000..46f2a9e7fe721a
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeIntentAndroid.js
@@ -0,0 +1,30 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getInitialURL: () => Promise<string>;
+  +canOpenURL: (url: string) => Promise<boolean>;
+  +openURL: (url: string) => Promise<void>;
+  +openSettings: () => Promise<void>;
+  +sendIntent: (
+    action: string,
+    extras: ?Array<{
+      key: string,
+      value: string | number | boolean, // TODO(T67672788): Union types are not type safe
+      ...
+    }>,
+  ) => Promise<void>;
+}
+
+export default (TurboModuleRegistry.get<Spec>('IntentAndroid'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeIntersectionObserver.js b/packages/react-native/src/private/specs/modules/NativeIntersectionObserver.js
new file mode 100644
index 00000000000000..96c31376daf735
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeIntersectionObserver.js
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type NativeIntersectionObserverEntry = {
+  intersectionObserverId: number,
+  targetInstanceHandle: mixed,
+  targetRect: $ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
+  rootRect: $ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
+  intersectionRect: ?$ReadOnlyArray<number>, // It's actually a tuple with x, y, width and height
+  isIntersectingAboveThresholds: boolean,
+  time: number,
+};
+
+export type NativeIntersectionObserverObserveOptions = {
+  intersectionObserverId: number,
+  targetShadowNode: mixed,
+  thresholds: $ReadOnlyArray<number>,
+};
+
+export interface Spec extends TurboModule {
+  +observe: (options: NativeIntersectionObserverObserveOptions) => void;
+  +unobserve: (intersectionObserverId: number, targetShadowNode: mixed) => void;
+  +connect: (notifyIntersectionObserversCallback: () => void) => void;
+  +disconnect: () => void;
+  +takeRecords: () => $ReadOnlyArray<NativeIntersectionObserverEntry>;
+}
+
+export default (TurboModuleRegistry.get<Spec>(
+  'NativeIntersectionObserverCxx',
+): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeJSCHeapCapture.js b/packages/react-native/src/private/specs/modules/NativeJSCHeapCapture.js
new file mode 100644
index 00000000000000..a9ae5ddcaa2f9c
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeJSCHeapCapture.js
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +captureComplete: (path: string, error: ?string) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('JSCHeapCapture'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeJSCSamplingProfiler.js b/packages/react-native/src/private/specs/modules/NativeJSCSamplingProfiler.js
new file mode 100644
index 00000000000000..473f0cc8e777e8
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeJSCSamplingProfiler.js
@@ -0,0 +1,19 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +operationComplete: (token: number, result: ?string, error: ?string) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('JSCSamplingProfiler'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeKeyboardObserver.js b/packages/react-native/src/private/specs/modules/NativeKeyboardObserver.js
new file mode 100644
index 00000000000000..9a9e456dae9be4
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeKeyboardObserver.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('KeyboardObserver'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeLinkingManager.js b/packages/react-native/src/private/specs/modules/NativeLinkingManager.js
new file mode 100644
index 00000000000000..2a8b73810aa0ac
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeLinkingManager.js
@@ -0,0 +1,27 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  // Common interface
+  +getInitialURL: () => Promise<string>;
+  +canOpenURL: (url: string) => Promise<boolean>;
+  +openURL: (url: string) => Promise<void>;
+  +openSettings: () => Promise<void>;
+
+  // Events
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('LinkingManager'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeLogBox.js b/packages/react-native/src/private/specs/modules/NativeLogBox.js
new file mode 100644
index 00000000000000..bf4267426bf3b1
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeLogBox.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +show: () => void;
+  +hide: () => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('LogBox'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeModalManager.js b/packages/react-native/src/private/specs/modules/NativeModalManager.js
new file mode 100644
index 00000000000000..10350123175300
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeModalManager.js
@@ -0,0 +1,21 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  // RCTEventEmitter
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('ModalManager'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeMutationObserver.js b/packages/react-native/src/private/specs/modules/NativeMutationObserver.js
new file mode 100644
index 00000000000000..714db50a3bae6b
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeMutationObserver.js
@@ -0,0 +1,58 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type MutationObserverId = number;
+
+// These types are not supported by the codegen.
+type ShadowNode = mixed;
+type InstanceHandle = mixed;
+type ReactNativeElement = mixed;
+type ReadOnlyNode = mixed;
+
+export type NativeMutationRecord = {
+  mutationObserverId: MutationObserverId,
+  target: ReactNativeElement,
+  addedNodes: $ReadOnlyArray<ReadOnlyNode>,
+  removedNodes: $ReadOnlyArray<ReadOnlyNode>,
+  ...
+};
+
+export type NativeMutationObserverObserveOptions = {
+  mutationObserverId: number,
+  targetShadowNode: ShadowNode,
+  subtree: boolean,
+};
+
+export interface Spec extends TurboModule {
+  +observe: (options: NativeMutationObserverObserveOptions) => void;
+  +unobserve: (
+    mutationObserverId: number,
+    targetShadowNode: ShadowNode,
+  ) => void;
+  +connect: (
+    notifyMutationObservers: () => void,
+    // We need this to retain the public instance before React removes the
+    // reference to it (which happen in mutations that remove nodes, or when
+    // nodes are removed between the change and the callback is executed in JS).
+    getPublicInstanceFromInstanceHandle: (
+      instanceHandle: InstanceHandle,
+    ) => ReadOnlyNode,
+  ) => void;
+  +disconnect: () => void;
+  +takeRecords: () => $ReadOnlyArray<NativeMutationRecord>;
+}
+
+export default (TurboModuleRegistry.get<Spec>(
+  'NativeMutationObserverCxx',
+): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeNetworkingAndroid.js b/packages/react-native/src/private/specs/modules/NativeNetworkingAndroid.js
new file mode 100644
index 00000000000000..164db3723ec36f
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeNetworkingAndroid.js
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+type Header = [string, string];
+
+export interface Spec extends TurboModule {
+  +sendRequest: (
+    method: string,
+    url: string,
+    requestId: number,
+    headers: Array<Header>,
+    data: Object,
+    responseType: string,
+    useIncrementalUpdates: boolean,
+    timeout: number,
+    withCredentials: boolean,
+  ) => void;
+  +abortRequest: (requestId: number) => void;
+  +clearCookies: (callback: (result: boolean) => void) => void;
+
+  // RCTEventEmitter
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('Networking'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeNetworkingIOS.js b/packages/react-native/src/private/specs/modules/NativeNetworkingIOS.js
new file mode 100644
index 00000000000000..1cb2e3e002d106
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeNetworkingIOS.js
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +sendRequest: (
+    query: {|
+      method: string,
+      url: string,
+      data: Object,
+      headers: Object,
+      responseType: string,
+      incrementalUpdates: boolean,
+      timeout: number,
+      withCredentials: boolean,
+    |},
+    callback: (requestId: number) => void,
+  ) => void;
+  +abortRequest: (requestId: number) => void;
+  +clearCookies: (callback: (result: boolean) => void) => void;
+
+  // RCTEventEmitter
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('Networking'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativePermissionsAndroid.js b/packages/react-native/src/private/specs/modules/NativePermissionsAndroid.js
new file mode 100644
index 00000000000000..07f0fee8fbda62
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativePermissionsAndroid.js
@@ -0,0 +1,77 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow strict
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+// TODO: Use proper enum types.
+export type PermissionStatus = string;
+export type PermissionType = string;
+/*
+export type PermissionStatus = 'granted' | 'denied' | 'never_ask_again';
+export type PermissionType =
+  | 'android.permission.READ_CALENDAR'
+  | 'android.permission.WRITE_CALENDAR'
+  | 'android.permission.CAMERA'
+  | 'android.permission.READ_CONTACTS'
+  | 'android.permission.WRITE_CONTACTS'
+  | 'android.permission.GET_ACCOUNTS'
+  | 'android.permission.ACCESS_BACKGROUND_LOCATION'
+  | 'android.permission.ACCESS_FINE_LOCATION'
+  | 'android.permission.ACCESS_COARSE_LOCATION'
+  | 'android.permission.RECORD_AUDIO'
+  | 'android.permission.READ_PHONE_STATE'
+  | 'android.permission.CALL_PHONE'
+  | 'android.permission.READ_CALL_LOG'
+  | 'android.permission.WRITE_CALL_LOG'
+  | 'com.android.voicemail.permission.ADD_VOICEMAIL'
+  | 'com.android.voicemail.permission.READ_VOICEMAIL'
+  | 'com.android.voicemail.permission.WRITE_VOICEMAIL'
+  | 'android.permission.USE_SIP'
+  | 'android.permission.PROCESS_OUTGOING_CALLS'
+  | 'android.permission.BODY_SENSORS'
+  | 'android.permission.BODY_SENSORS_BACKGROUND'
+  | 'android.permission.SEND_SMS'
+  | 'android.permission.RECEIVE_SMS'
+  | 'android.permission.READ_SMS'
+  | 'android.permission.RECEIVE_WAP_PUSH'
+  | 'android.permission.RECEIVE_MMS'
+  | 'android.permission.READ_EXTERNAL_STORAGE'
+  | 'android.permission.READ_MEDIA_IMAGES',
+  | 'android.permission.READ_MEDIA_VIDEO',
+  | 'android.permission.READ_MEDIA_AUDIO',
+  | 'android.permission.READ_MEDIA_VISUAL_USER_SELECTED'
+  | 'android.permission.WRITE_EXTERNAL_STORAGE'
+  | 'android.permission.BLUETOOTH_CONNECT'
+  | 'android.permission.BLUETOOTH_SCAN'
+  | 'android.permission.BLUETOOTH_ADVERTISE'
+  | 'android.permission.ACCESS_MEDIA_LOCATION'
+  | 'android.permission.ACCEPT_HANDOVER'
+  | 'android.permission.ACTIVITY_RECOGNITION'
+  | 'android.permission.ANSWER_PHONE_CALLS'
+  | 'android.permission.READ_PHONE_NUMBERS'
+  | 'android.permission.UWB_RANGING'
+  | 'android.permission.POST_NOTIFICATIONS'
+  | 'android.permission.NEARBY_WIFI_DEVICES';
+*/
+
+export interface Spec extends TurboModule {
+  +checkPermission: (permission: PermissionType) => Promise<boolean>;
+  +requestPermission: (permission: PermissionType) => Promise<PermissionStatus>;
+  +shouldShowRequestPermissionRationale: (
+    permission: string,
+  ) => Promise<boolean>;
+  +requestMultiplePermissions: (
+    permissions: Array<PermissionType>,
+  ) => Promise<{[permission: PermissionType]: PermissionStatus, ...}>;
+}
+
+export default (TurboModuleRegistry.get<Spec>('PermissionsAndroid'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativePlatformConstantsAndroid.js b/packages/react-native/src/private/specs/modules/NativePlatformConstantsAndroid.js
new file mode 100644
index 00000000000000..eb9e86100f4bf6
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativePlatformConstantsAndroid.js
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type ReactNativeVersionAndroid = {|
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: ?number,
+|};
+
+export type PlatformConstantsAndroid = {|
+  isTesting: boolean,
+  isDisableAnimations?: boolean,
+  reactNativeVersion: ReactNativeVersionAndroid,
+  Version: number,
+  Release: string,
+  Serial: string,
+  Fingerprint: string,
+  Model: string,
+  ServerHost?: string,
+  uiMode: string,
+  Brand: string,
+  Manufacturer: string,
+|};
+
+export interface Spec extends TurboModule {
+  +getConstants: () => PlatformConstantsAndroid;
+  +getAndroidID: () => string;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'PlatformConstants',
+): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativePlatformConstantsIOS.js b/packages/react-native/src/private/specs/modules/NativePlatformConstantsIOS.js
new file mode 100644
index 00000000000000..b65cfc96b333d4
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativePlatformConstantsIOS.js
@@ -0,0 +1,37 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type PlatformConstantsIOS = {|
+  isTesting: boolean,
+  isDisableAnimations?: boolean,
+  reactNativeVersion: {|
+    major: number,
+    minor: number,
+    patch: number,
+    prerelease: ?number,
+  |},
+  forceTouchAvailable: boolean,
+  osVersion: string,
+  systemName: string,
+  interfaceIdiom: string,
+  isMacCatalyst?: boolean,
+|};
+
+export interface Spec extends TurboModule {
+  +getConstants: () => PlatformConstantsIOS;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'PlatformConstants',
+): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativePushNotificationManagerIOS.js b/packages/react-native/src/private/specs/modules/NativePushNotificationManagerIOS.js
new file mode 100644
index 00000000000000..01eeeaf35cd430
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativePushNotificationManagerIOS.js
@@ -0,0 +1,107 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+type Permissions = {|
+  alert: boolean,
+  badge: boolean,
+  sound: boolean,
+|};
+
+type Notification = {|
+  +alertTitle?: ?string,
+  +alertBody?: ?string,
+  +userInfo?: ?Object,
+  /**
+   * Identifier for the notification category. See the [Apple documentation](https://developer.apple.com/documentation/usernotifications/declaring_your_actionable_notification_types)
+   * for more details.
+   */
+  +category?: ?string,
+  /**
+   * Actual type: string | number
+   *
+   * Schedule notifications using EITHER `fireDate` or `fireIntervalSeconds`.
+   * If both are specified, `fireDate` takes precedence.
+   * If you use `presentLocalNotification`, both will be ignored
+   * and the notification will be shown immediately.
+   */
+  +fireDate?: ?number,
+  /**
+   * Seconds from now to display the notification.
+   *
+   * Schedule notifications using EITHER `fireDate` or `fireIntervalSeconds`.
+   * If both are specified, `fireDate` takes precedence.
+   * If you use `presentLocalNotification`, both will be ignored
+   * and the notification will be shown immediately.
+   */
+  +fireIntervalSeconds?: ?number,
+  /** Badge count to display on the app icon. */
+  +applicationIconBadgeNumber?: ?number,
+  /** Whether to silence the notification sound. */
+  +isSilent?: ?boolean,
+  /**
+   * Custom notification sound. Can only be set when creating notifications.
+   * This will be null for notifications retrieved via
+   * getScheduledLocalNotifications or getDeliveredNotifications.
+   */
+  +soundName?: ?string,
+  /** DEPRECATED. This was used for iOS's legacy UILocalNotification. */
+  +alertAction?: ?string,
+  /** DEPRECATED. Use `fireDate` or `fireIntervalSeconds` instead. */
+  +repeatInterval?: ?string,
+|};
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  +onFinishRemoteNotification: (
+    notificationId: string,
+    /**
+     * Type:
+     *  'UIBackgroundFetchResultNewData' |
+     *  'UIBackgroundFetchResultNoData' |
+     *  'UIBackgroundFetchResultFailed'
+     */
+    fetchResult: string,
+  ) => void;
+  +setApplicationIconBadgeNumber: (num: number) => void;
+  +getApplicationIconBadgeNumber: (callback: (num: number) => void) => void;
+  +requestPermissions: (permission: {|
+    +alert: boolean,
+    +badge: boolean,
+    +sound: boolean,
+  |}) => Promise<Permissions>;
+  +abandonPermissions: () => void;
+  +checkPermissions: (callback: (permissions: Permissions) => void) => void;
+  +presentLocalNotification: (notification: Notification) => void;
+  +scheduleLocalNotification: (notification: Notification) => void;
+  +cancelAllLocalNotifications: () => void;
+  +cancelLocalNotifications: (userInfo: Object) => void;
+  +getInitialNotification: () => Promise<?Notification>;
+  +getScheduledLocalNotifications: (
+    callback: (notification: Notification) => void,
+  ) => void;
+  +removeAllDeliveredNotifications: () => void;
+  +removeDeliveredNotifications: (identifiers: Array<string>) => void;
+  +getDeliveredNotifications: (
+    callback: (notification: Array<Notification>) => void,
+  ) => void;
+  +getAuthorizationStatus: (
+    callback: (authorizationStatus: number) => void,
+  ) => void;
+  +addListener: (eventType: string) => void;
+  +removeListeners: (count: number) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>(
+  'PushNotificationManager',
+): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeRedBox.js b/packages/react-native/src/private/specs/modules/NativeRedBox.js
new file mode 100644
index 00000000000000..03db14a00c8e1f
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeRedBox.js
@@ -0,0 +1,20 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +setExtraData: (extraData: Object, forIdentifier: string) => void;
+  +dismiss: () => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('RedBox'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeSampleTurboModule.js b/packages/react-native/src/private/specs/modules/NativeSampleTurboModule.js
new file mode 100644
index 00000000000000..4c1fab3c4946c1
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeSampleTurboModule.js
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {
+  RootTag,
+  TurboModule,
+} from '../../../../Libraries/TurboModule/RCTExport';
+import type {UnsafeObject} from '../../../../Libraries/Types/CodegenTypes';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export enum EnumInt {
+  A = 23,
+  B = 42,
+}
+
+export interface Spec extends TurboModule {
+  // Exported methods.
+  +getConstants: () => {|
+    const1: boolean,
+    const2: number,
+    const3: string,
+  |};
+  +voidFunc: () => void;
+  +getBool: (arg: boolean) => boolean;
+  +getEnum?: (arg: EnumInt) => EnumInt;
+  +getNumber: (arg: number) => number;
+  +getString: (arg: string) => string;
+  +getArray: (arg: Array<any>) => Array<any>;
+  +getObject: (arg: Object) => Object;
+  +getUnsafeObject: (arg: UnsafeObject) => UnsafeObject;
+  +getRootTag: (arg: RootTag) => RootTag;
+  +getValue: (x: number, y: string, z: Object) => Object;
+  +getValueWithCallback: (callback: (value: string) => void) => void;
+  +getValueWithPromise: (error: boolean) => Promise<string>;
+  +voidFuncThrows?: () => void;
+  +getObjectThrows?: (arg: Object) => Object;
+  +promiseThrows?: () => Promise<void>;
+  +voidFuncAssert?: () => void;
+  +getObjectAssert?: (arg: Object) => Object;
+  +promiseAssert?: () => Promise<void>;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SampleTurboModule',
+): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeSegmentFetcher.js b/packages/react-native/src/private/specs/modules/NativeSegmentFetcher.js
new file mode 100644
index 00000000000000..42d12fd358c3a3
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeSegmentFetcher.js
@@ -0,0 +1,28 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +fetchSegment: (
+    segmentId: number,
+    options: Object, // flowlint-line unclear-type: off
+    callback: (error: ?Object) => void, // flowlint-line unclear-type: off
+  ) => void;
+  +getSegment?: (
+    segmentId: number,
+    options: Object, // flowlint-line unclear-type: off
+    callback: (error: ?Object, path: ?string) => void, // flowlint-line unclear-type: off
+  ) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('SegmentFetcher'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeSettingsManager.js b/packages/react-native/src/private/specs/modules/NativeSettingsManager.js
new file mode 100644
index 00000000000000..9112f7fdeed988
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeSettingsManager.js
@@ -0,0 +1,25 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    settings: Object,
+  |};
+  +setValues: (values: Object) => void;
+  +deleteValues: (values: Array<string>) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'SettingsManager',
+): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeShareModule.js b/packages/react-native/src/private/specs/modules/NativeShareModule.js
new file mode 100644
index 00000000000000..c07fd4ed766114
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeShareModule.js
@@ -0,0 +1,23 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  +share: (
+    content: {|title?: string, message?: string|},
+    dialogTitle?: string,
+  ) => Promise<{|action: string|}>;
+}
+
+export default (TurboModuleRegistry.get<Spec>('ShareModule'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeSoundManager.js b/packages/react-native/src/private/specs/modules/NativeSoundManager.js
new file mode 100644
index 00000000000000..9bff5d1bcce2f3
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeSoundManager.js
@@ -0,0 +1,22 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+/**
+ * Native Module used for playing sounds in native platform.
+ */
+export interface Spec extends TurboModule {
+  +playTouchSound: () => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('SoundManager'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeSourceCode.js b/packages/react-native/src/private/specs/modules/NativeSourceCode.js
new file mode 100644
index 00000000000000..d6b8564b962843
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeSourceCode.js
@@ -0,0 +1,36 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export type SourceCodeConstants = {|
+  scriptURL: string,
+|};
+
+export interface Spec extends TurboModule {
+  +getConstants: () => SourceCodeConstants;
+}
+
+const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('SourceCode');
+let constants = null;
+
+const NativeSourceCode = {
+  getConstants(): SourceCodeConstants {
+    if (constants == null) {
+      constants = NativeModule.getConstants();
+    }
+
+    return constants;
+  },
+};
+
+export default NativeSourceCode;
diff --git a/packages/react-native/src/private/specs/modules/NativeStatusBarManagerAndroid.js b/packages/react-native/src/private/specs/modules/NativeStatusBarManagerAndroid.js
new file mode 100644
index 00000000000000..f65f934749230a
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeStatusBarManagerAndroid.js
@@ -0,0 +1,68 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    +HEIGHT: number,
+    +DEFAULT_BACKGROUND_COLOR: number,
+  |};
+  +setColor: (color: number, animated: boolean) => void;
+  +setTranslucent: (translucent: boolean) => void;
+
+  /**
+   *  - statusBarStyles can be:
+   *    - 'default'
+   *    - 'dark-content'
+   */
+  +setStyle: (statusBarStyle?: ?string) => void;
+  +setHidden: (hidden: boolean) => void;
+}
+
+const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('StatusBarManager');
+let constants = null;
+
+const NativeStatusBarManager = {
+  getConstants(): {|
+    +HEIGHT: number,
+    +DEFAULT_BACKGROUND_COLOR?: number,
+  |} {
+    if (constants == null) {
+      constants = NativeModule.getConstants();
+    }
+    return constants;
+  },
+
+  setColor(color: number, animated: boolean): void {
+    NativeModule.setColor(color, animated);
+  },
+
+  setTranslucent(translucent: boolean): void {
+    NativeModule.setTranslucent(translucent);
+  },
+
+  /**
+   *  - statusBarStyles can be:
+   *    - 'default'
+   *    - 'dark-content'
+   */
+  setStyle(statusBarStyle?: ?string): void {
+    NativeModule.setStyle(statusBarStyle);
+  },
+
+  setHidden(hidden: boolean): void {
+    NativeModule.setHidden(hidden);
+  },
+};
+
+export default NativeStatusBarManager;
diff --git a/packages/react-native/src/private/specs/modules/NativeStatusBarManagerIOS.js b/packages/react-native/src/private/specs/modules/NativeStatusBarManagerIOS.js
new file mode 100644
index 00000000000000..6749e5d076d9fa
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeStatusBarManagerIOS.js
@@ -0,0 +1,89 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    +HEIGHT: number,
+    +DEFAULT_BACKGROUND_COLOR?: number,
+  |};
+
+  // TODO(T47754272) Can we remove this method?
+  +getHeight: (callback: (result: {|height: number|}) => void) => void;
+  +setNetworkActivityIndicatorVisible: (visible: boolean) => void;
+  +addListener: (eventType: string) => void;
+  +removeListeners: (count: number) => void;
+
+  /**
+   *  - statusBarStyles can be:
+   *    - 'default'
+   *    - 'dark-content'
+   *    - 'light-content'
+   */
+  +setStyle: (statusBarStyle?: ?string, animated: boolean) => void;
+  /**
+   *  - withAnimation can be: 'none' | 'fade' | 'slide'
+   */
+  +setHidden: (hidden: boolean, withAnimation: string) => void;
+}
+
+const NativeModule = TurboModuleRegistry.getEnforcing<Spec>('StatusBarManager');
+let constants = null;
+
+const NativeStatusBarManager = {
+  getConstants(): {|
+    +HEIGHT: number,
+    +DEFAULT_BACKGROUND_COLOR?: number,
+  |} {
+    if (constants == null) {
+      constants = NativeModule.getConstants();
+    }
+    return constants;
+  },
+
+  // TODO(T47754272) Can we remove this method?
+  getHeight(callback: (result: {|height: number|}) => void): void {
+    NativeModule.getHeight(callback);
+  },
+
+  setNetworkActivityIndicatorVisible(visible: boolean): void {
+    NativeModule.setNetworkActivityIndicatorVisible(visible);
+  },
+
+  addListener(eventType: string): void {
+    NativeModule.addListener(eventType);
+  },
+
+  removeListeners(count: number): void {
+    NativeModule.removeListeners(count);
+  },
+
+  /**
+   *  - statusBarStyles can be:
+   *    - 'default'
+   *    - 'dark-content'
+   *    - 'light-content'
+   */
+  setStyle(statusBarStyle?: ?string, animated: boolean): void {
+    NativeModule.setStyle(statusBarStyle, animated);
+  },
+
+  /**
+   *  - withAnimation can be: 'none' | 'fade' | 'slide'
+   */
+  setHidden(hidden: boolean, withAnimation: string): void {
+    NativeModule.setHidden(hidden, withAnimation);
+  },
+};
+
+export default NativeStatusBarManager;
diff --git a/packages/react-native/src/private/specs/modules/NativeTiming.js b/packages/react-native/src/private/specs/modules/NativeTiming.js
new file mode 100644
index 00000000000000..9d6c5806d02acb
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeTiming.js
@@ -0,0 +1,26 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +createTimer: (
+    callbackID: number,
+    duration: number,
+    jsSchedulingTime: number,
+    repeats: boolean,
+  ) => void;
+  +deleteTimer: (timerID: number) => void;
+  +setSendIdleEvents: (sendIdleEvents: boolean) => void;
+}
+
+export default (TurboModuleRegistry.get<Spec>('Timing'): ?Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeToastAndroid.js b/packages/react-native/src/private/specs/modules/NativeToastAndroid.js
new file mode 100644
index 00000000000000..769985b8ccd59e
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeToastAndroid.js
@@ -0,0 +1,38 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {|
+    SHORT: number,
+    LONG: number,
+    TOP: number,
+    BOTTOM: number,
+    CENTER: number,
+  |};
+  +show: (message: string, duration: number) => void;
+  +showWithGravity: (
+    message: string,
+    duration: number,
+    gravity: number,
+  ) => void;
+  +showWithGravityAndOffset: (
+    message: string,
+    duration: number,
+    gravity: number,
+    xOffset: number,
+    yOffset: number,
+  ) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('ToastAndroid'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeUIManager.js b/packages/react-native/src/private/specs/modules/NativeUIManager.js
new file mode 100644
index 00000000000000..3bdb0254a93122
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeUIManager.js
@@ -0,0 +1,118 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {RootTag} from '../../../../Libraries/TurboModule/RCTExport';
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => Object;
+  +createView: (
+    reactTag: number,
+    viewName: string,
+    rootTag: RootTag,
+    props: Object,
+  ) => void;
+  +updateView: (reactTag: number, viewName: string, props: Object) => void;
+  +findSubviewIn: (
+    reactTag: number,
+    point: Array<number>,
+    callback: (
+      nativeViewTag: number,
+      left: number,
+      top: number,
+      width: number,
+      height: number,
+    ) => void,
+  ) => void;
+  +dispatchViewManagerCommand: (
+    reactTag: number,
+    commandID: number, // number || string
+    commandArgs: ?Array<any>,
+  ) => void;
+  +measure: (
+    reactTag: number,
+    callback: (
+      left: number,
+      top: number,
+      width: number,
+      height: number,
+      pageX: number,
+      pageY: number,
+    ) => void,
+  ) => void;
+  +measureInWindow: (
+    reactTag: number,
+    callback: (x: number, y: number, width: number, height: number) => void,
+  ) => void;
+  +viewIsDescendantOf: (
+    reactTag: number,
+    ancestorReactTag: number,
+    callback: (result: Array<boolean>) => void,
+  ) => void;
+  +measureLayout: (
+    reactTag: number,
+    ancestorReactTag: number,
+    errorCallback: (error: Object) => void,
+    callback: (
+      left: number,
+      top: number,
+      width: number,
+      height: number,
+    ) => void,
+  ) => void;
+  +measureLayoutRelativeToParent: (
+    reactTag: number,
+    errorCallback: (error: Object) => void,
+    callback: (
+      left: number,
+      top: number,
+      width: number,
+      height: number,
+    ) => void,
+  ) => void;
+  +setJSResponder: (reactTag: number, blockNativeResponder: boolean) => void;
+  +clearJSResponder: () => void;
+  +configureNextLayoutAnimation: (
+    config: Object,
+    callback: () => void, // check what is returned here
+    errorCallback: (error: Object) => void,
+  ) => void;
+  +setChildren: (containerTag: number, reactTags: Array<number>) => void;
+  +manageChildren: (
+    containerTag: number,
+    moveFromIndices: Array<number>,
+    moveToIndices: Array<number>,
+    addChildReactTags: Array<number>,
+    addAtIndices: Array<number>,
+    removeAtIndices: Array<number>,
+  ) => void;
+
+  // Android only
+  +getConstantsForViewManager?: (viewManagerName: string) => ?Object;
+  +getDefaultEventTypes?: () => Array<string>;
+  +setLayoutAnimationEnabledExperimental?: (enabled: boolean) => void;
+  +sendAccessibilityEvent?: (reactTag: number, eventType: number) => void;
+  +showPopupMenu?: (
+    reactTag: number,
+    items: Array<string>,
+    error: (error: Object) => void,
+    success: (event: string, selected?: number) => void,
+  ) => void;
+  +dismissPopupMenu?: () => void;
+
+  // ios only
+  +lazilyLoadView?: (name: string) => Object; // revisit return
+  +focus?: (reactTag: number) => void;
+  +blur?: (reactTag: number) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('UIManager'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeVibration.js b/packages/react-native/src/private/specs/modules/NativeVibration.js
new file mode 100644
index 00000000000000..0a4bff9a31f40f
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeVibration.js
@@ -0,0 +1,24 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +getConstants: () => {||};
+  +vibrate: (pattern: number) => void;
+
+  // Android only
+  +vibrateByPattern: (pattern: Array<number>, repeat: number) => void;
+  +cancel: () => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>('Vibration'): Spec);
diff --git a/packages/react-native/src/private/specs/modules/NativeWebSocketModule.js b/packages/react-native/src/private/specs/modules/NativeWebSocketModule.js
new file mode 100644
index 00000000000000..268578c3d79ea8
--- /dev/null
+++ b/packages/react-native/src/private/specs/modules/NativeWebSocketModule.js
@@ -0,0 +1,34 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
+
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
+
+export interface Spec extends TurboModule {
+  +connect: (
+    url: string,
+    protocols: ?Array<string>,
+    options: {|headers?: Object|},
+    socketID: number,
+  ) => void;
+  +send: (message: string, forSocketID: number) => void;
+  +sendBinary: (base64String: string, forSocketID: number) => void;
+  +ping: (socketID: number) => void;
+  +close: (code: number, reason: string, socketID: number) => void;
+
+  // RCTEventEmitter
+  +addListener: (eventName: string) => void;
+  +removeListeners: (count: number) => void;
+}
+
+export default (TurboModuleRegistry.getEnforcing<Spec>(
+  'WebSocketModule',
+): Spec);
diff --git a/packages/react-native/Libraries/DOM/Geometry/DOMRect.js b/packages/react-native/src/private/webapis/dom/geometry/DOMRect.js
similarity index 100%
rename from packages/react-native/Libraries/DOM/Geometry/DOMRect.js
rename to packages/react-native/src/private/webapis/dom/geometry/DOMRect.js
diff --git a/packages/react-native/Libraries/DOM/Geometry/DOMRectReadOnly.js b/packages/react-native/src/private/webapis/dom/geometry/DOMRectReadOnly.js
similarity index 100%
rename from packages/react-native/Libraries/DOM/Geometry/DOMRectReadOnly.js
rename to packages/react-native/src/private/webapis/dom/geometry/DOMRectReadOnly.js
diff --git a/packages/react-native/Libraries/DOM/Nodes/ReactNativeElement.js b/packages/react-native/src/private/webapis/dom/nodes/ReactNativeElement.js
similarity index 89%
rename from packages/react-native/Libraries/DOM/Nodes/ReactNativeElement.js
rename to packages/react-native/src/private/webapis/dom/nodes/ReactNativeElement.js
index 2900fe769f7fe7..a596de0ae37c07 100644
--- a/packages/react-native/Libraries/DOM/Nodes/ReactNativeElement.js
+++ b/packages/react-native/src/private/webapis/dom/nodes/ReactNativeElement.js
@@ -18,13 +18,13 @@ import type {
   MeasureLayoutOnSuccessCallback,
   MeasureOnSuccessCallback,
   ViewConfig,
-} from '../../Renderer/shims/ReactNativeTypes';
+} from '../../../../../Libraries/Renderer/shims/ReactNativeTypes';
 import type {ElementRef} from 'react';
 
-import TextInputState from '../../Components/TextInput/TextInputState';
-import {getFabricUIManager} from '../../ReactNative/FabricUIManager';
-import {create as createAttributePayload} from '../../ReactNative/ReactFabricPublicInstance/ReactNativeAttributePayload';
-import warnForStyleProps from '../../ReactNative/ReactFabricPublicInstance/warnForStyleProps';
+import TextInputState from '../../../../../Libraries/Components/TextInput/TextInputState';
+import {getFabricUIManager} from '../../../../../Libraries/ReactNative/FabricUIManager';
+import {create as createAttributePayload} from '../../../../../Libraries/ReactNative/ReactFabricPublicInstance/ReactNativeAttributePayload';
+import warnForStyleProps from '../../../../../Libraries/ReactNative/ReactFabricPublicInstance/warnForStyleProps';
 import ReadOnlyElement, {getBoundingClientRect} from './ReadOnlyElement';
 import ReadOnlyNode from './ReadOnlyNode';
 import {
@@ -90,7 +90,7 @@ export default class ReactNativeElement
           offsetParentInstanceHandle,
         );
         // $FlowExpectedError[incompatible-type] The value returned by `getOffset` is always an instance handle for `ReadOnlyElement`.
-        const offsetParentElement: ReadOnlyElement = offsetParent;
+        const offsetParentElement: ReadOnlyElement | null = offsetParent;
         return offsetParentElement;
       }
     }
diff --git a/packages/react-native/Libraries/DOM/Nodes/ReadOnlyCharacterData.js b/packages/react-native/src/private/webapis/dom/nodes/ReadOnlyCharacterData.js
similarity index 92%
rename from packages/react-native/Libraries/DOM/Nodes/ReadOnlyCharacterData.js
rename to packages/react-native/src/private/webapis/dom/nodes/ReadOnlyCharacterData.js
index 6c9f87b43200b1..aac54c9e2bf4c5 100644
--- a/packages/react-native/Libraries/DOM/Nodes/ReadOnlyCharacterData.js
+++ b/packages/react-native/src/private/webapis/dom/nodes/ReadOnlyCharacterData.js
@@ -12,9 +12,9 @@
 
 import type ReadOnlyElement from './ReadOnlyElement';
 
-import {getFabricUIManager} from '../../ReactNative/FabricUIManager';
+import {getFabricUIManager} from '../../../../../Libraries/ReactNative/FabricUIManager';
 import ReadOnlyNode, {getShadowNode} from './ReadOnlyNode';
-import {getElementSibling} from './Utilities/Traversal';
+import {getElementSibling} from './utilities/Traversal';
 import nullthrows from 'nullthrows';
 
 export default class ReadOnlyCharacterData extends ReadOnlyNode {
diff --git a/packages/react-native/Libraries/DOM/Nodes/ReadOnlyElement.js b/packages/react-native/src/private/webapis/dom/nodes/ReadOnlyElement.js
similarity index 95%
rename from packages/react-native/Libraries/DOM/Nodes/ReadOnlyElement.js
rename to packages/react-native/src/private/webapis/dom/nodes/ReadOnlyElement.js
index 03cf37949b3b2c..46fb34c1e8f555 100644
--- a/packages/react-native/Libraries/DOM/Nodes/ReadOnlyElement.js
+++ b/packages/react-native/src/private/webapis/dom/nodes/ReadOnlyElement.js
@@ -10,17 +10,17 @@
 
 // flowlint unsafe-getters-setters:off
 
-import type HTMLCollection from '../OldStyleCollections/HTMLCollection';
+import type HTMLCollection from '../oldstylecollections/HTMLCollection';
 
-import {getFabricUIManager} from '../../ReactNative/FabricUIManager';
-import DOMRect from '../Geometry/DOMRect';
-import {createHTMLCollection} from '../OldStyleCollections/HTMLCollection';
+import {getFabricUIManager} from '../../../../../Libraries/ReactNative/FabricUIManager';
+import DOMRect from '../geometry/DOMRect';
+import {createHTMLCollection} from '../oldstylecollections/HTMLCollection';
 import ReadOnlyNode, {
   getChildNodes,
   getInstanceHandle,
   getShadowNode,
 } from './ReadOnlyNode';
-import {getElementSibling} from './Utilities/Traversal';
+import {getElementSibling} from './utilities/Traversal';
 import nullthrows from 'nullthrows';
 
 export default class ReadOnlyElement extends ReadOnlyNode {
diff --git a/packages/react-native/Libraries/DOM/Nodes/ReadOnlyNode.js b/packages/react-native/src/private/webapis/dom/nodes/ReadOnlyNode.js
similarity index 89%
rename from packages/react-native/Libraries/DOM/Nodes/ReadOnlyNode.js
rename to packages/react-native/src/private/webapis/dom/nodes/ReadOnlyNode.js
index 8a95751f8e4798..2eb5d742ff2cc3 100644
--- a/packages/react-native/Libraries/DOM/Nodes/ReadOnlyNode.js
+++ b/packages/react-native/src/private/webapis/dom/nodes/ReadOnlyNode.js
@@ -13,13 +13,12 @@
 import type {
   InternalInstanceHandle,
   Node as ShadowNode,
-} from '../../Renderer/shims/ReactNativeTypes';
-import type NodeList from '../OldStyleCollections/NodeList';
+} from '../../../../../Libraries/Renderer/shims/ReactNativeTypes';
+import type NodeList from '../oldstylecollections/NodeList';
 import type ReadOnlyElement from './ReadOnlyElement';
 
-import {getFabricUIManager} from '../../ReactNative/FabricUIManager';
-import ReactFabric from '../../Renderer/shims/ReactFabric';
-import {createNodeList} from '../OldStyleCollections/NodeList';
+import {getFabricUIManager} from '../../../../../Libraries/ReactNative/FabricUIManager';
+import {createNodeList} from '../oldstylecollections/NodeList';
 import nullthrows from 'nullthrows';
 
 // We initialize this lazily to avoid a require cycle
@@ -134,7 +133,9 @@ export default class ReadOnlyNode {
       return null;
     }
 
-    return getPublicInstanceFromInternalInstanceHandle(parentInstanceHandle);
+    return (
+      getPublicInstanceFromInternalInstanceHandle(parentInstanceHandle) ?? null
+    );
   }
 
   get previousSibling(): ReadOnlyNode | null {
@@ -307,6 +308,9 @@ function setInstanceHandle(
 }
 
 export function getShadowNode(node: ReadOnlyNode): ?ShadowNode {
+  // Lazy import Fabric here to avoid DOM Node APIs classes from having side-effects.
+  // With a static import we can't use these classes for Paper-only variants.
+  const ReactFabric = require('../../../../../Libraries/Renderer/shims/ReactFabric');
   return ReactFabric.getNodeFromInternalInstanceHandle(getInstanceHandle(node));
 }
 
@@ -322,9 +326,11 @@ export function getChildNodes(
   const childNodeInstanceHandles = nullthrows(
     getFabricUIManager(),
   ).getChildNodes(shadowNode);
-  return childNodeInstanceHandles.map(instanceHandle =>
-    getPublicInstanceFromInternalInstanceHandle(instanceHandle),
-  );
+  return childNodeInstanceHandles
+    .map(instanceHandle =>
+      getPublicInstanceFromInternalInstanceHandle(instanceHandle),
+    )
+    .filter(Boolean);
 }
 
 function getNodeSiblingsAndPosition(
@@ -348,7 +354,10 @@ function getNodeSiblingsAndPosition(
 
 export function getPublicInstanceFromInternalInstanceHandle(
   instanceHandle: InternalInstanceHandle,
-): ReadOnlyNode {
+): ?ReadOnlyNode {
+  // Lazy import Fabric here to avoid DOM Node APIs classes from having side-effects.
+  // With a static import we can't use these classes for Paper-only variants.
+  const ReactFabric = require('../../../../../Libraries/Renderer/shims/ReactFabric');
   const mixedPublicInstance =
     ReactFabric.getPublicInstanceFromInternalInstanceHandle(instanceHandle);
   // $FlowExpectedError[incompatible-return] React defines public instances as "mixed" because it can't access the definition from React Native.
diff --git a/packages/react-native/Libraries/DOM/Nodes/ReadOnlyText.js b/packages/react-native/src/private/webapis/dom/nodes/ReadOnlyText.js
similarity index 100%
rename from packages/react-native/Libraries/DOM/Nodes/ReadOnlyText.js
rename to packages/react-native/src/private/webapis/dom/nodes/ReadOnlyText.js
diff --git a/packages/react-native/Libraries/DOM/Nodes/Utilities/Traversal.js b/packages/react-native/src/private/webapis/dom/nodes/utilities/Traversal.js
similarity index 100%
rename from packages/react-native/Libraries/DOM/Nodes/Utilities/Traversal.js
rename to packages/react-native/src/private/webapis/dom/nodes/utilities/Traversal.js
diff --git a/packages/react-native/Libraries/DOM/OldStyleCollections/ArrayLikeUtils.js b/packages/react-native/src/private/webapis/dom/oldstylecollections/ArrayLikeUtils.js
similarity index 100%
rename from packages/react-native/Libraries/DOM/OldStyleCollections/ArrayLikeUtils.js
rename to packages/react-native/src/private/webapis/dom/oldstylecollections/ArrayLikeUtils.js
diff --git a/packages/react-native/Libraries/DOM/OldStyleCollections/DOMRectList.js b/packages/react-native/src/private/webapis/dom/oldstylecollections/DOMRectList.js
similarity index 97%
rename from packages/react-native/Libraries/DOM/OldStyleCollections/DOMRectList.js
rename to packages/react-native/src/private/webapis/dom/oldstylecollections/DOMRectList.js
index 9365a9a5a29f7b..5705bcf4c0e09c 100644
--- a/packages/react-native/Libraries/DOM/OldStyleCollections/DOMRectList.js
+++ b/packages/react-native/src/private/webapis/dom/oldstylecollections/DOMRectList.js
@@ -10,7 +10,7 @@
 
 // flowlint unsafe-getters-setters:off
 
-import type DOMRectReadOnly from '../Geometry/DOMRectReadOnly';
+import type DOMRectReadOnly from '../geometry/DOMRectReadOnly';
 import type {ArrayLike} from './ArrayLikeUtils';
 
 import {createValueIterator} from './ArrayLikeUtils';
diff --git a/packages/react-native/Libraries/DOM/OldStyleCollections/DOMRectList.js.flow b/packages/react-native/src/private/webapis/dom/oldstylecollections/DOMRectList.js.flow
similarity index 92%
rename from packages/react-native/Libraries/DOM/OldStyleCollections/DOMRectList.js.flow
rename to packages/react-native/src/private/webapis/dom/oldstylecollections/DOMRectList.js.flow
index cb2cc2620ae515..251c84c25f77c4 100644
--- a/packages/react-native/Libraries/DOM/OldStyleCollections/DOMRectList.js.flow
+++ b/packages/react-native/src/private/webapis/dom/oldstylecollections/DOMRectList.js.flow
@@ -8,8 +8,8 @@
  * @flow strict
  */
 
+import type DOMRectReadOnly from '../geometry/DOMRectReadOnly';
 import type {ArrayLike} from './ArrayLikeUtils';
-import type DOMRectReadOnly from '../Geometry/DOMRectReadOnly';
 
 declare export default class DOMRectList
   implements Iterable<DOMRectReadOnly>, ArrayLike<DOMRectReadOnly>
diff --git a/packages/react-native/Libraries/DOM/OldStyleCollections/HTMLCollection.js b/packages/react-native/src/private/webapis/dom/oldstylecollections/HTMLCollection.js
similarity index 100%
rename from packages/react-native/Libraries/DOM/OldStyleCollections/HTMLCollection.js
rename to packages/react-native/src/private/webapis/dom/oldstylecollections/HTMLCollection.js
diff --git a/packages/react-native/Libraries/DOM/OldStyleCollections/HTMLCollection.js.flow b/packages/react-native/src/private/webapis/dom/oldstylecollections/HTMLCollection.js.flow
similarity index 100%
rename from packages/react-native/Libraries/DOM/OldStyleCollections/HTMLCollection.js.flow
rename to packages/react-native/src/private/webapis/dom/oldstylecollections/HTMLCollection.js.flow
diff --git a/packages/react-native/Libraries/DOM/OldStyleCollections/NodeList.js b/packages/react-native/src/private/webapis/dom/oldstylecollections/NodeList.js
similarity index 100%
rename from packages/react-native/Libraries/DOM/OldStyleCollections/NodeList.js
rename to packages/react-native/src/private/webapis/dom/oldstylecollections/NodeList.js
diff --git a/packages/react-native/Libraries/DOM/OldStyleCollections/NodeList.js.flow b/packages/react-native/src/private/webapis/dom/oldstylecollections/NodeList.js.flow
similarity index 100%
rename from packages/react-native/Libraries/DOM/OldStyleCollections/NodeList.js.flow
rename to packages/react-native/src/private/webapis/dom/oldstylecollections/NodeList.js.flow
diff --git a/packages/react-native/Libraries/DOM/OldStyleCollections/__tests__/DOMRectList-test.js b/packages/react-native/src/private/webapis/dom/oldstylecollections/__tests__/DOMRectList-test.js
similarity index 97%
rename from packages/react-native/Libraries/DOM/OldStyleCollections/__tests__/DOMRectList-test.js
rename to packages/react-native/src/private/webapis/dom/oldstylecollections/__tests__/DOMRectList-test.js
index c91abc26947367..9d6bb51e2a96e7 100644
--- a/packages/react-native/Libraries/DOM/OldStyleCollections/__tests__/DOMRectList-test.js
+++ b/packages/react-native/src/private/webapis/dom/oldstylecollections/__tests__/DOMRectList-test.js
@@ -9,7 +9,7 @@
  * @oncall react_native
  */
 
-import DOMRectReadOnly from '../../Geometry/DOMRectReadOnly';
+import DOMRectReadOnly from '../../geometry/DOMRectReadOnly';
 import {createDOMRectList} from '../DOMRectList';
 
 const domRectA = new DOMRectReadOnly();
diff --git a/packages/react-native/Libraries/DOM/OldStyleCollections/__tests__/HTMLCollection-test.js b/packages/react-native/src/private/webapis/dom/oldstylecollections/__tests__/HTMLCollection-test.js
similarity index 100%
rename from packages/react-native/Libraries/DOM/OldStyleCollections/__tests__/HTMLCollection-test.js
rename to packages/react-native/src/private/webapis/dom/oldstylecollections/__tests__/HTMLCollection-test.js
diff --git a/packages/react-native/Libraries/DOM/OldStyleCollections/__tests__/NodeList-test.js b/packages/react-native/src/private/webapis/dom/oldstylecollections/__tests__/NodeList-test.js
similarity index 100%
rename from packages/react-native/Libraries/DOM/OldStyleCollections/__tests__/NodeList-test.js
rename to packages/react-native/src/private/webapis/dom/oldstylecollections/__tests__/NodeList-test.js
diff --git a/packages/react-native/Libraries/WebPerformance/BoundedConsumableBuffer.h b/packages/react-native/src/private/webapis/performance/BoundedConsumableBuffer.h
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/BoundedConsumableBuffer.h
rename to packages/react-native/src/private/webapis/performance/BoundedConsumableBuffer.h
diff --git a/packages/react-native/Libraries/WebPerformance/EventCounts.js b/packages/react-native/src/private/webapis/performance/EventCounts.js
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/EventCounts.js
rename to packages/react-native/src/private/webapis/performance/EventCounts.js
diff --git a/packages/react-native/Libraries/WebPerformance/MemoryInfo.js b/packages/react-native/src/private/webapis/performance/MemoryInfo.js
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/MemoryInfo.js
rename to packages/react-native/src/private/webapis/performance/MemoryInfo.js
diff --git a/packages/react-native/Libraries/WebPerformance/NativePerformance.cpp b/packages/react-native/src/private/webapis/performance/NativePerformance.cpp
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/NativePerformance.cpp
rename to packages/react-native/src/private/webapis/performance/NativePerformance.cpp
diff --git a/packages/react-native/Libraries/WebPerformance/NativePerformance.h b/packages/react-native/src/private/webapis/performance/NativePerformance.h
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/NativePerformance.h
rename to packages/react-native/src/private/webapis/performance/NativePerformance.h
diff --git a/packages/react-native/Libraries/WebPerformance/NativePerformance.js b/packages/react-native/src/private/webapis/performance/NativePerformance.js
similarity index 82%
rename from packages/react-native/Libraries/WebPerformance/NativePerformance.js
rename to packages/react-native/src/private/webapis/performance/NativePerformance.js
index 0b5dd11d641a76..ac8d410af92dfe 100644
--- a/packages/react-native/Libraries/WebPerformance/NativePerformance.js
+++ b/packages/react-native/src/private/webapis/performance/NativePerformance.js
@@ -8,9 +8,9 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
 export type NativeMemoryInfo = {[key: string]: ?number};
 
diff --git a/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.cpp b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.cpp
similarity index 79%
rename from packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.cpp
rename to packages/react-native/src/private/webapis/performance/NativePerformanceObserver.cpp
index 206da95d6c269e..9e40a7e74b4467 100644
--- a/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.cpp
+++ b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.cpp
@@ -10,6 +10,9 @@
 #include "NativePerformanceObserver.h"
 #include "PerformanceEntryReporter.h"
 
+#include <react/renderer/uimanager/UIManagerBinding.h>
+#include <react/utils/CoreFeatures.h>
+
 #include "Plugins.h"
 
 std::shared_ptr<facebook::react::TurboModule>
@@ -34,15 +37,33 @@ NativePerformanceObserver::~NativePerformanceObserver() {
 void NativePerformanceObserver::startReporting(
     jsi::Runtime& rt,
     int32_t entryType) {
-  PerformanceEntryReporter::getInstance().startReporting(
-      static_cast<PerformanceEntryType>(entryType));
+  PerformanceEntryReporter& reporter = PerformanceEntryReporter::getInstance();
+
+  PerformanceEntryType entryTypeEnum =
+      static_cast<PerformanceEntryType>(entryType);
+  reporter.startReporting(entryTypeEnum);
+
+  if (entryTypeEnum == PerformanceEntryType::EVENT &&
+      CoreFeatures::enableReportEventPaintTime) {
+    UIManagerBinding::getBinding(rt)->getUIManager().registerMountHook(
+        reporter);
+  }
 }
 
 void NativePerformanceObserver::stopReporting(
     jsi::Runtime& rt,
     int32_t entryType) {
-  PerformanceEntryReporter::getInstance().stopReporting(
-      static_cast<PerformanceEntryType>(entryType));
+  PerformanceEntryReporter& reporter = PerformanceEntryReporter::getInstance();
+
+  PerformanceEntryType entryTypeEnum =
+      static_cast<PerformanceEntryType>(entryType);
+  reporter.stopReporting(entryTypeEnum);
+
+  if (entryTypeEnum == PerformanceEntryType::EVENT &&
+      CoreFeatures::enableReportEventPaintTime) {
+    UIManagerBinding::getBinding(rt)->getUIManager().unregisterMountHook(
+        reporter);
+  }
 }
 
 void NativePerformanceObserver::setIsBuffered(
diff --git a/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.h b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.h
similarity index 80%
rename from packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.h
rename to packages/react-native/src/private/webapis/performance/NativePerformanceObserver.h
index bc55f2476d2132..c5e7c3cc4b8ec4 100644
--- a/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.h
+++ b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.h
@@ -20,7 +20,7 @@ class PerformanceEntryReporter;
 
 using RawPerformanceEntryType = int32_t;
 
-using RawPerformanceEntry = NativePerformanceObserverCxxBaseRawPerformanceEntry<
+using RawPerformanceEntry = NativePerformanceObserverCxxRawPerformanceEntry<
     std::string,
     RawPerformanceEntryType,
     double,
@@ -32,25 +32,18 @@ using RawPerformanceEntry = NativePerformanceObserverCxxBaseRawPerformanceEntry<
 
 template <>
 struct Bridging<RawPerformanceEntry>
-    : NativePerformanceObserverCxxBaseRawPerformanceEntryBridging<
-          std::string,
-          RawPerformanceEntryType,
-          double,
-          double,
-          std::optional<double>,
-          std::optional<double>,
-          std::optional<uint32_t>> {};
+    : NativePerformanceObserverCxxRawPerformanceEntryBridging<
+          RawPerformanceEntry> {};
 
 using GetPendingEntriesResult =
-    NativePerformanceObserverCxxBaseGetPendingEntriesResult<
+    NativePerformanceObserverCxxGetPendingEntriesResult<
         std::vector<RawPerformanceEntry>,
         uint32_t>;
 
 template <>
 struct Bridging<GetPendingEntriesResult>
-    : NativePerformanceObserverCxxBaseGetPendingEntriesResultBridging<
-          std::vector<RawPerformanceEntry>,
-          uint32_t> {};
+    : NativePerformanceObserverCxxGetPendingEntriesResultBridging<
+          GetPendingEntriesResult> {};
 
 #pragma mark - implementation
 
diff --git a/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.js b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.js
similarity index 90%
rename from packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.js
rename to packages/react-native/src/private/webapis/performance/NativePerformanceObserver.js
index 6db3be05a911a9..3881872fcca468 100644
--- a/packages/react-native/Libraries/WebPerformance/NativePerformanceObserver.js
+++ b/packages/react-native/src/private/webapis/performance/NativePerformanceObserver.js
@@ -8,9 +8,9 @@
  * @format
  */
 
-import type {TurboModule} from '../TurboModule/RCTExport';
+import type {TurboModule} from '../../../../Libraries/TurboModule/RCTExport';
 
-import * as TurboModuleRegistry from '../TurboModule/TurboModuleRegistry';
+import * as TurboModuleRegistry from '../../../../Libraries/TurboModule/TurboModuleRegistry';
 
 export type RawPerformanceEntryType = number;
 
diff --git a/packages/react-native/Libraries/WebPerformance/Performance.js b/packages/react-native/src/private/webapis/performance/Performance.js
similarity index 98%
rename from packages/react-native/Libraries/WebPerformance/Performance.js
rename to packages/react-native/src/private/webapis/performance/Performance.js
index a6e9d06680458e..92befaae912372 100644
--- a/packages/react-native/Libraries/WebPerformance/Performance.js
+++ b/packages/react-native/src/private/webapis/performance/Performance.js
@@ -13,7 +13,7 @@
 import type {HighResTimeStamp, PerformanceEntryType} from './PerformanceEntry';
 import type {PerformanceEntryList} from './PerformanceObserver';
 
-import warnOnce from '../Utilities/warnOnce';
+import warnOnce from '../../../../Libraries/Utilities/warnOnce';
 import EventCounts from './EventCounts';
 import MemoryInfo from './MemoryInfo';
 import NativePerformance from './NativePerformance';
@@ -141,7 +141,7 @@ export default class Performance {
   }
 
   // Startup metrics is not used in web, but only in React Native.
-  get reactNativeStartupTiming(): ReactNativeStartupTiming {
+  get rnStartupTiming(): ReactNativeStartupTiming {
     if (NativePerformance?.getReactNativeStartupTiming) {
       const {
         startTime,
diff --git a/packages/react-native/Libraries/WebPerformance/PerformanceEntry.js b/packages/react-native/src/private/webapis/performance/PerformanceEntry.js
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/PerformanceEntry.js
rename to packages/react-native/src/private/webapis/performance/PerformanceEntry.js
diff --git a/packages/react-native/Libraries/WebPerformance/PerformanceEntryReporter.cpp b/packages/react-native/src/private/webapis/performance/PerformanceEntryReporter.cpp
similarity index 85%
rename from packages/react-native/Libraries/WebPerformance/PerformanceEntryReporter.cpp
rename to packages/react-native/src/private/webapis/performance/PerformanceEntryReporter.cpp
index ff7389eeb1775a..5d07b3043c5642 100644
--- a/packages/react-native/Libraries/WebPerformance/PerformanceEntryReporter.cpp
+++ b/packages/react-native/src/private/webapis/performance/PerformanceEntryReporter.cpp
@@ -8,11 +8,14 @@
 #include "PerformanceEntryReporter.h"
 #include <cxxreact/JSExecutor.h>
 #include <react/renderer/core/EventLogger.h>
+#include <react/utils/CoreFeatures.h>
 #include "NativePerformanceObserver.h"
 
 #include <functional>
 #include <unordered_map>
 
+#include <glog/logging.h>
+
 namespace facebook::react {
 EventTag PerformanceEntryReporter::sCurrentEventTag_{0};
 
@@ -67,7 +70,7 @@ void PerformanceEntryReporter::stopReporting() {
 }
 
 GetPendingEntriesResult PerformanceEntryReporter::popPendingEntries() {
-  std::scoped_lock lock(entriesMutex_);
+  std::lock_guard lock(entriesMutex_);
   GetPendingEntriesResult res = {
       std::vector<RawPerformanceEntry>(), droppedEntryCount_};
   for (auto& buffer : buffers_) {
@@ -100,7 +103,7 @@ void PerformanceEntryReporter::logEntry(const RawPerformanceEntry& entry) {
     return;
   }
 
-  std::scoped_lock lock(entriesMutex_);
+  std::lock_guard lock(entriesMutex_);
 
   auto& buffer = buffers_[entry.entryType];
 
@@ -112,7 +115,7 @@ void PerformanceEntryReporter::logEntry(const RawPerformanceEntry& entry) {
   if (buffer.hasNameLookup) {
     auto overwriteCandidate = buffer.entries.getNextOverwriteCandidate();
     if (overwriteCandidate != nullptr) {
-      std::scoped_lock lock2(nameLookupMutex_);
+      std::lock_guard lock2(nameLookupMutex_);
       auto it = buffer.nameLookup.find(overwriteCandidate);
       if (it != buffer.nameLookup.end() && *it == overwriteCandidate) {
         buffer.nameLookup.erase(it);
@@ -130,7 +133,7 @@ void PerformanceEntryReporter::logEntry(const RawPerformanceEntry& entry) {
   }
 
   if (buffer.hasNameLookup) {
-    std::scoped_lock lock2(nameLookupMutex_);
+    std::lock_guard lock2(nameLookupMutex_);
     buffer.nameLookup.insert(&buffer.entries.back());
   }
 
@@ -166,7 +169,7 @@ void PerformanceEntryReporter::clearEntries(
     auto& buffer = getBuffer(entryType);
     if (!entryName.empty()) {
       if (buffer.hasNameLookup) {
-        std::scoped_lock lock2(nameLookupMutex_);
+        std::lock_guard lock2(nameLookupMutex_);
         RawPerformanceEntry entry{
             std::string(entryName),
             static_cast<int>(entryType),
@@ -178,17 +181,17 @@ void PerformanceEntryReporter::clearEntries(
         buffer.nameLookup.erase(&entry);
       }
 
-      std::scoped_lock lock(entriesMutex_);
+      std::lock_guard lock(entriesMutex_);
       buffer.entries.clear([entryName](const RawPerformanceEntry& entry) {
         return entry.name == entryName;
       });
     } else {
       {
-        std::scoped_lock lock(entriesMutex_);
+        std::lock_guard lock(entriesMutex_);
         buffer.entries.clear();
       }
       {
-        std::scoped_lock lock2(nameLookupMutex_);
+        std::lock_guard lock2(nameLookupMutex_);
         buffer.nameLookup.clear();
       }
     }
@@ -205,7 +208,7 @@ void PerformanceEntryReporter::getEntries(
       getEntries(static_cast<PerformanceEntryType>(i), entryName, res);
     }
   } else {
-    std::scoped_lock lock(entriesMutex_);
+    std::lock_guard lock(entriesMutex_);
     const auto& entries = getBuffer(entryType).entries;
     if (entryName.empty()) {
       entries.getEntries(res);
@@ -264,7 +267,7 @@ double PerformanceEntryReporter::getMarkTime(
       std::nullopt,
       std::nullopt};
 
-  std::scoped_lock lock(nameLookupMutex_);
+  std::lock_guard lock(nameLookupMutex_);
   const auto& marksBuffer = getBuffer(PerformanceEntryType::MARK);
   auto it = marksBuffer.nameLookup.find(&mark);
   if (it != marksBuffer.nameLookup.end()) {
@@ -274,7 +277,7 @@ double PerformanceEntryReporter::getMarkTime(
   }
 }
 
-void PerformanceEntryReporter::event(
+void PerformanceEntryReporter::logEventEntry(
     std::string name,
     double startTime,
     double duration,
@@ -381,53 +384,87 @@ EventTag PerformanceEntryReporter::onEventStart(std::string_view name) {
 
   auto timeStamp = getCurrentTimeStamp();
   {
-    std::scoped_lock lock(eventsInFlightMutex_);
+    std::lock_guard lock(eventsInFlightMutex_);
     eventsInFlight_.emplace(std::make_pair(
         sCurrentEventTag_, EventEntry{reportedName, timeStamp, 0.0}));
   }
   return sCurrentEventTag_;
 }
 
-void PerformanceEntryReporter::onEventDispatch(EventTag tag) {
+void PerformanceEntryReporter::onEventProcessingStart(EventTag tag) {
   if (!isReporting(PerformanceEntryType::EVENT) || tag == 0) {
     return;
   }
   auto timeStamp = getCurrentTimeStamp();
   {
-    std::scoped_lock lock(eventsInFlightMutex_);
+    std::lock_guard lock(eventsInFlightMutex_);
     auto it = eventsInFlight_.find(tag);
     if (it != eventsInFlight_.end()) {
-      it->second.dispatchTime = timeStamp;
+      it->second.processingStartTime = timeStamp;
     }
   }
 }
 
-void PerformanceEntryReporter::onEventEnd(EventTag tag) {
+void PerformanceEntryReporter::onEventProcessingEnd(EventTag tag) {
   if (!isReporting(PerformanceEntryType::EVENT) || tag == 0) {
     return;
   }
   auto timeStamp = getCurrentTimeStamp();
   {
-    std::scoped_lock lock(eventsInFlightMutex_);
+    std::lock_guard lock(eventsInFlightMutex_);
     auto it = eventsInFlight_.find(tag);
     if (it == eventsInFlight_.end()) {
       return;
     }
     auto& entry = it->second;
-    auto& name = entry.name;
+    entry.processingEndTime = timeStamp;
+
+    if (CoreFeatures::enableReportEventPaintTime) {
+      // If reporting paint time, don't send the entry just yet and wait for the
+      // mount hook callback to be called
+      return;
+    }
 
-    // TODO: Define the way to assign interaction IDs to the event chains
-    // (T141358175)
-    const uint32_t interactionId = 0;
-    event(
+    const auto& name = entry.name;
+
+    logEventEntry(
         std::string(name),
         entry.startTime,
         timeStamp - entry.startTime,
-        entry.dispatchTime,
-        timeStamp,
-        interactionId);
+        entry.processingStartTime,
+        entry.processingEndTime,
+        entry.interactionId);
     eventsInFlight_.erase(it);
   }
 }
 
+void PerformanceEntryReporter::shadowTreeDidMount(
+    const RootShadowNode::Shared& /*rootShadowNode*/,
+    double mountTime) noexcept {
+  if (!isReporting(PerformanceEntryType::EVENT) ||
+      !CoreFeatures::enableReportEventPaintTime) {
+    return;
+  }
+
+  std::lock_guard lock(eventsInFlightMutex_);
+  auto it = eventsInFlight_.begin();
+  while (it != eventsInFlight_.end()) {
+    const auto& entry = it->second;
+    if (entry.processingEndTime == 0.0 || entry.processingEndTime > mountTime) {
+      // This mount doesn't correspond to the event
+      ++it;
+      continue;
+    }
+
+    logEventEntry(
+        std::string(entry.name),
+        entry.startTime,
+        mountTime - entry.startTime,
+        entry.processingStartTime,
+        entry.processingEndTime,
+        entry.interactionId);
+    it = eventsInFlight_.erase(it);
+  }
+}
+
 } // namespace facebook::react
diff --git a/packages/react-native/Libraries/WebPerformance/PerformanceEntryReporter.h b/packages/react-native/src/private/webapis/performance/PerformanceEntryReporter.h
similarity index 90%
rename from packages/react-native/Libraries/WebPerformance/PerformanceEntryReporter.h
rename to packages/react-native/src/private/webapis/performance/PerformanceEntryReporter.h
index 5c805beac2d4ca..ca436d9746f8c4 100644
--- a/packages/react-native/Libraries/WebPerformance/PerformanceEntryReporter.h
+++ b/packages/react-native/src/private/webapis/performance/PerformanceEntryReporter.h
@@ -19,6 +19,8 @@
 #include "BoundedConsumableBuffer.h"
 #include "NativePerformanceObserver.h"
 
+#include <react/renderer/uimanager/UIManagerMountHook.h>
+
 namespace facebook::react {
 
 struct PerformanceEntryHash {
@@ -67,7 +69,7 @@ enum class PerformanceEntryType {
 constexpr size_t NUM_PERFORMANCE_ENTRY_TYPES =
     (size_t)PerformanceEntryType::_COUNT;
 
-class PerformanceEntryReporter : public EventLogger {
+class PerformanceEntryReporter : public EventLogger, public UIManagerMountHook {
  public:
   PerformanceEntryReporter(const PerformanceEntryReporter&) = delete;
   void operator=(const PerformanceEntryReporter&) = delete;
@@ -132,7 +134,7 @@ class PerformanceEntryReporter : public EventLogger {
       PerformanceEntryType entryType = PerformanceEntryType::UNDEFINED,
       std::string_view entryName = {}) const;
 
-  void event(
+  void logEventEntry(
       std::string name,
       double startTime,
       double duration,
@@ -141,8 +143,12 @@ class PerformanceEntryReporter : public EventLogger {
       uint32_t interactionId);
 
   EventTag onEventStart(std::string_view name) override;
-  void onEventDispatch(EventTag tag) override;
-  void onEventEnd(EventTag tag) override;
+  void onEventProcessingStart(EventTag tag) override;
+  void onEventProcessingEnd(EventTag tag) override;
+
+  void shadowTreeDidMount(
+      const RootShadowNode::Shared& rootShadowNode,
+      double mountTime) noexcept override;
 
   const std::unordered_map<std::string, uint32_t>& getEventCounts() const {
     return eventCounts_;
@@ -164,7 +170,12 @@ class PerformanceEntryReporter : public EventLogger {
   struct EventEntry {
     std::string_view name;
     double startTime{0.0};
-    double dispatchTime{0.0};
+    double processingStartTime{0.0};
+    double processingEndTime{0.0};
+
+    // TODO: Define the way to assign interaction IDs to the event chains
+    // (T141358175)
+    uint32_t interactionId{0};
   };
 
   // Registry to store the events that are currently ongoing.
diff --git a/packages/react-native/Libraries/WebPerformance/PerformanceEventTiming.js b/packages/react-native/src/private/webapis/performance/PerformanceEventTiming.js
similarity index 95%
rename from packages/react-native/Libraries/WebPerformance/PerformanceEventTiming.js
rename to packages/react-native/src/private/webapis/performance/PerformanceEventTiming.js
index 609f5bc1041857..9f2fa2bfcb8f17 100644
--- a/packages/react-native/Libraries/WebPerformance/PerformanceEventTiming.js
+++ b/packages/react-native/src/private/webapis/performance/PerformanceEventTiming.js
@@ -20,7 +20,7 @@ export type PerformanceEventTimingJSON = {
   ...
 };
 
-export class PerformanceEventTiming extends PerformanceEntry {
+export default class PerformanceEventTiming extends PerformanceEntry {
   processingStart: HighResTimeStamp;
   processingEnd: HighResTimeStamp;
   interactionId: number;
diff --git a/packages/react-native/Libraries/WebPerformance/PerformanceObserver.js b/packages/react-native/src/private/webapis/performance/PerformanceObserver.js
similarity index 98%
rename from packages/react-native/Libraries/WebPerformance/PerformanceObserver.js
rename to packages/react-native/src/private/webapis/performance/PerformanceObserver.js
index 89d6e483d91da4..c8caee14662fbd 100644
--- a/packages/react-native/Libraries/WebPerformance/PerformanceObserver.js
+++ b/packages/react-native/src/private/webapis/performance/PerformanceObserver.js
@@ -10,9 +10,10 @@
 
 import type {HighResTimeStamp, PerformanceEntryType} from './PerformanceEntry';
 
-import warnOnce from '../Utilities/warnOnce';
+import warnOnce from '../../../../Libraries/Utilities/warnOnce';
 import NativePerformanceObserver from './NativePerformanceObserver';
 import {PerformanceEntry} from './PerformanceEntry';
+import PerformanceEventTiming from './PerformanceEventTiming';
 import {
   performanceEntryTypeToRaw,
   rawToPerformanceEntry,
@@ -332,3 +333,5 @@ function union<T>(
 function difference<T>(a: $ReadOnlySet<T>, b: $ReadOnlySet<T>): Set<T> {
   return new Set([...a].filter(x => !b.has(x)));
 }
+
+export {PerformanceEventTiming};
diff --git a/packages/react-native/Libraries/WebPerformance/RawPerformanceEntry.js b/packages/react-native/src/private/webapis/performance/RawPerformanceEntry.js
similarity index 97%
rename from packages/react-native/Libraries/WebPerformance/RawPerformanceEntry.js
rename to packages/react-native/src/private/webapis/performance/RawPerformanceEntry.js
index c9f3c493f4567c..767a8bdd61795f 100644
--- a/packages/react-native/Libraries/WebPerformance/RawPerformanceEntry.js
+++ b/packages/react-native/src/private/webapis/performance/RawPerformanceEntry.js
@@ -15,7 +15,7 @@ import type {
 import type {PerformanceEntryType} from './PerformanceEntry';
 
 import {PerformanceEntry} from './PerformanceEntry';
-import {PerformanceEventTiming} from './PerformanceEventTiming';
+import PerformanceEventTiming from './PerformanceEventTiming';
 
 export const RawPerformanceEntryTypeValues = {
   UNDEFINED: 0,
diff --git a/packages/react-native/Libraries/WebPerformance/ReactNativeStartupTiming.js b/packages/react-native/src/private/webapis/performance/ReactNativeStartupTiming.js
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/ReactNativeStartupTiming.js
rename to packages/react-native/src/private/webapis/performance/ReactNativeStartupTiming.js
diff --git a/packages/react-native/Libraries/WebPerformance/__mocks__/NativePerformance.js b/packages/react-native/src/private/webapis/performance/__mocks__/NativePerformance.js
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/__mocks__/NativePerformance.js
rename to packages/react-native/src/private/webapis/performance/__mocks__/NativePerformance.js
diff --git a/packages/react-native/Libraries/WebPerformance/__mocks__/NativePerformanceObserver.js b/packages/react-native/src/private/webapis/performance/__mocks__/NativePerformanceObserver.js
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/__mocks__/NativePerformanceObserver.js
rename to packages/react-native/src/private/webapis/performance/__mocks__/NativePerformanceObserver.js
diff --git a/packages/react-native/Libraries/WebPerformance/__tests__/BoundedConsumableBufferTest.cpp b/packages/react-native/src/private/webapis/performance/__tests__/BoundedConsumableBufferTest.cpp
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/__tests__/BoundedConsumableBufferTest.cpp
rename to packages/react-native/src/private/webapis/performance/__tests__/BoundedConsumableBufferTest.cpp
diff --git a/packages/react-native/Libraries/WebPerformance/__tests__/EventCounts-test.js b/packages/react-native/src/private/webapis/performance/__tests__/EventCounts-test.js
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/__tests__/EventCounts-test.js
rename to packages/react-native/src/private/webapis/performance/__tests__/EventCounts-test.js
diff --git a/packages/react-native/Libraries/WebPerformance/__tests__/NativePerformanceMock-test.js b/packages/react-native/src/private/webapis/performance/__tests__/NativePerformanceMock-test.js
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/__tests__/NativePerformanceMock-test.js
rename to packages/react-native/src/private/webapis/performance/__tests__/NativePerformanceMock-test.js
diff --git a/packages/react-native/Libraries/WebPerformance/__tests__/NativePerformanceObserverMock-test.js b/packages/react-native/src/private/webapis/performance/__tests__/NativePerformanceObserverMock-test.js
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/__tests__/NativePerformanceObserverMock-test.js
rename to packages/react-native/src/private/webapis/performance/__tests__/NativePerformanceObserverMock-test.js
diff --git a/packages/react-native/Libraries/WebPerformance/__tests__/Performance-test.js b/packages/react-native/src/private/webapis/performance/__tests__/Performance-test.js
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/__tests__/Performance-test.js
rename to packages/react-native/src/private/webapis/performance/__tests__/Performance-test.js
diff --git a/packages/react-native/Libraries/WebPerformance/__tests__/PerformanceEntryReporterTest.cpp b/packages/react-native/src/private/webapis/performance/__tests__/PerformanceEntryReporterTest.cpp
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/__tests__/PerformanceEntryReporterTest.cpp
rename to packages/react-native/src/private/webapis/performance/__tests__/PerformanceEntryReporterTest.cpp
diff --git a/packages/react-native/Libraries/WebPerformance/__tests__/PerformanceObserver-test.js b/packages/react-native/src/private/webapis/performance/__tests__/PerformanceObserver-test.js
similarity index 100%
rename from packages/react-native/Libraries/WebPerformance/__tests__/PerformanceObserver-test.js
rename to packages/react-native/src/private/webapis/performance/__tests__/PerformanceObserver-test.js
diff --git a/packages/react-native/template/Gemfile b/packages/react-native/template/Gemfile
index 6a7d5c7a49c357..8d72c37a80c356 100644
--- a/packages/react-native/template/Gemfile
+++ b/packages/react-native/template/Gemfile
@@ -3,5 +3,7 @@ source 'https://rubygems.org'
 # You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
 ruby ">= 2.6.10"
 
-gem 'cocoapods', '~> 1.13'
-gem 'activesupport', '>= 6.1.7.3', '< 7.1.0'
+# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper
+# bound in the template on Cocoapods with next React Native release.
+gem 'cocoapods', '>= 1.13', '< 1.15'
+gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'
diff --git a/packages/react-native/template/_gitignore b/packages/react-native/template/_gitignore
index 0cab2ac6fc46cd..d5ae456695e5fc 100644
--- a/packages/react-native/template/_gitignore
+++ b/packages/react-native/template/_gitignore
@@ -20,7 +20,7 @@ DerivedData
 *.hmap
 *.ipa
 *.xcuserstate
-ios/.xcode.env.local
+**/.xcode.env.local
 
 # Android/IntelliJ
 #
@@ -56,7 +56,7 @@ yarn-error.log
 *.jsbundle
 
 # Ruby / CocoaPods
-/ios/Pods/
+**/Pods/
 /vendor/bundle/
 
 # Temporary files created by Metro to check the health of the file watcher
@@ -64,3 +64,11 @@ yarn-error.log
 
 # testing
 /coverage
+
+# Yarn
+.yarn/*
+!.yarn/patches
+!.yarn/plugins
+!.yarn/releases
+!.yarn/sdks
+!.yarn/versions
diff --git a/packages/react-native/template/android/app/build.gradle b/packages/react-native/template/android/app/build.gradle
index 94222a1e807ac6..c0e793008909d4 100644
--- a/packages/react-native/template/android/app/build.gradle
+++ b/packages/react-native/template/android/app/build.gradle
@@ -71,7 +71,7 @@ def jscFlavor = 'org.webkit:android-jsc:+'
 
 android {
     ndkVersion rootProject.ext.ndkVersion
-
+    buildToolsVersion rootProject.ext.buildToolsVersion
     compileSdk rootProject.ext.compileSdkVersion
 
     namespace "com.helloworld"
@@ -107,7 +107,6 @@ android {
 dependencies {
     // The version of react-native is set by the React Native Gradle Plugin
     implementation("com.facebook.react:react-android")
-    implementation("com.facebook.react:flipper-integration")
 
     if (hermesEnabled.toBoolean()) {
         implementation("com.facebook.react:hermes-android")
diff --git a/packages/react-native/template/android/app/src/main/java/com/helloworld/MainApplication.kt b/packages/react-native/template/android/app/src/main/java/com/helloworld/MainApplication.kt
index 1d4c868ed580f9..cdcd0d332184db 100644
--- a/packages/react-native/template/android/app/src/main/java/com/helloworld/MainApplication.kt
+++ b/packages/react-native/template/android/app/src/main/java/com/helloworld/MainApplication.kt
@@ -6,23 +6,20 @@ import com.facebook.react.ReactApplication
 import com.facebook.react.ReactHost
 import com.facebook.react.ReactNativeHost
 import com.facebook.react.ReactPackage
-import com.facebook.react.common.annotations.UnstableReactNativeAPI
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
-import com.facebook.react.defaults.DefaultReactHost
+import com.facebook.react.defaults.DefaultReactHost.getDefaultReactHost
 import com.facebook.react.defaults.DefaultReactNativeHost
-import com.facebook.react.flipper.ReactNativeFlipper
 import com.facebook.soloader.SoLoader
 
-@UnstableReactNativeAPI
 class MainApplication : Application(), ReactApplication {
 
   override val reactNativeHost: ReactNativeHost =
       object : DefaultReactNativeHost(this) {
-        override fun getPackages(): List<ReactPackage> {
-          // Packages that cannot be autolinked yet can be added manually here, for example:
-          // packages.add(new MyReactNativePackage());
-          return PackageList(this).packages
-        }
+        override fun getPackages(): List<ReactPackage> =
+            PackageList(this).packages.apply {
+              // Packages that cannot be autolinked yet can be added manually here, for example:
+              // add(MyReactNativePackage())
+            }
 
         override fun getJSMainModuleName(): String = "index"
 
@@ -33,12 +30,7 @@ class MainApplication : Application(), ReactApplication {
       }
 
   override val reactHost: ReactHost
-    get() =
-        DefaultReactHost.getDefaultReactHost(
-            context = this,
-            packageList = PackageList(this).packages,
-            jsMainModulePath = "index",
-            isHermesEnabled = BuildConfig.IS_HERMES_ENABLED)
+    get() = getDefaultReactHost(applicationContext, reactNativeHost)
 
   override fun onCreate() {
     super.onCreate()
@@ -47,6 +39,5 @@ class MainApplication : Application(), ReactApplication {
       // If you opted-in for the New Architecture, we load the native entry point for this app.
       load()
     }
-    ReactNativeFlipper.initializeFlipper(this, reactNativeHost.reactInstanceManager)
   }
 }
diff --git a/packages/react-native/template/android/app/src/main/res/drawable/rn_edit_text_material.xml b/packages/react-native/template/android/app/src/main/res/drawable/rn_edit_text_material.xml
index 73b37e4d9963e2..5c25e728ea2ce7 100644
--- a/packages/react-native/template/android/app/src/main/res/drawable/rn_edit_text_material.xml
+++ b/packages/react-native/template/android/app/src/main/res/drawable/rn_edit_text_material.xml
@@ -17,7 +17,8 @@
        android:insetLeft="@dimen/abc_edit_text_inset_horizontal_material"
        android:insetRight="@dimen/abc_edit_text_inset_horizontal_material"
        android:insetTop="@dimen/abc_edit_text_inset_top_material"
-       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material">
+       android:insetBottom="@dimen/abc_edit_text_inset_bottom_material"
+       >
 
     <selector>
         <!--
diff --git a/packages/react-native/template/android/build.gradle b/packages/react-native/template/android/build.gradle
index 8012362ce17b77..f536a792016348 100644
--- a/packages/react-native/template/android/build.gradle
+++ b/packages/react-native/template/android/build.gradle
@@ -1,13 +1,11 @@
-// Top-level build file where you can add configuration options common to all sub-projects/modules.
-
 buildscript {
     ext {
         buildToolsVersion = "34.0.0"
         minSdkVersion = 23
         compileSdkVersion = 34
         targetSdkVersion = 34
-        ndkVersion = "26.0.10792818"
-        kotlinVersion = "1.8.0"
+        ndkVersion = "26.1.10909125"
+        kotlinVersion = "1.9.22"
     }
     repositories {
         google()
@@ -19,3 +17,5 @@ buildscript {
         classpath("org.jetbrains.kotlin:kotlin-gradle-plugin")
     }
 }
+
+apply plugin: "com.facebook.react.rootproject"
diff --git a/packages/react-native/template/android/gradle-wrapper.jar b/packages/react-native/template/android/gradle-wrapper.jar
new file mode 100644
index 00000000000000..d64cd4917707c1
Binary files /dev/null and b/packages/react-native/template/android/gradle-wrapper.jar differ
diff --git a/packages/react-native/template/android/gradle-wrapper.properties b/packages/react-native/template/android/gradle-wrapper.properties
new file mode 100644
index 00000000000000..e6aba2515d5428
--- /dev/null
+++ b/packages/react-native/template/android/gradle-wrapper.properties
@@ -0,0 +1,7 @@
+distributionBase=GRADLE_USER_HOME
+distributionPath=wrapper/dists
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.5-all.zip
+networkTimeout=10000
+validateDistributionUrl=true
+zipStoreBase=GRADLE_USER_HOME
+zipStorePath=wrapper/dists
diff --git a/packages/react-native/template/android/gradle/wrapper/gradle-wrapper.properties b/packages/react-native/template/android/gradle/wrapper/gradle-wrapper.properties
index 8838ba97ba0914..2ea3535dc058bd 100644
--- a/packages/react-native/template/android/gradle/wrapper/gradle-wrapper.properties
+++ b/packages/react-native/template/android/gradle/wrapper/gradle-wrapper.properties
@@ -1,6 +1,6 @@
 distributionBase=GRADLE_USER_HOME
 distributionPath=wrapper/dists
-distributionUrl=https\://services.gradle.org/distributions/gradle-8.4-all.zip
+distributionUrl=https\://services.gradle.org/distributions/gradle-8.6-all.zip
 networkTimeout=10000
 validateDistributionUrl=true
 zipStoreBase=GRADLE_USER_HOME
diff --git a/packages/react-native/template/android/gradlew.bat b/packages/react-native/template/android/gradlew.bat
index 6689b85beecde6..7101f8e4676fca 100644
--- a/packages/react-native/template/android/gradlew.bat
+++ b/packages/react-native/template/android/gradlew.bat
@@ -43,11 +43,11 @@ set JAVA_EXE=java.exe
 %JAVA_EXE% -version >NUL 2>&1
 if %ERRORLEVEL% equ 0 goto execute
 
-echo.
-echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH.
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
+echo. 1>&2
+echo ERROR: JAVA_HOME is not set and no 'java' command could be found in your PATH. 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
 
 goto fail
 
@@ -57,11 +57,11 @@ set JAVA_EXE=%JAVA_HOME%/bin/java.exe
 
 if exist "%JAVA_EXE%" goto execute
 
-echo.
-echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME%
-echo.
-echo Please set the JAVA_HOME variable in your environment to match the
-echo location of your Java installation.
+echo. 1>&2
+echo ERROR: JAVA_HOME is set to an invalid directory: %JAVA_HOME% 1>&2
+echo. 1>&2
+echo Please set the JAVA_HOME variable in your environment to match the 1>&2
+echo location of your Java installation. 1>&2
 
 goto fail
 
diff --git a/packages/react-native/template/ios/HelloWorld.xcodeproj/project.pbxproj b/packages/react-native/template/ios/HelloWorld.xcodeproj/project.pbxproj
index dd7e5f8d367e96..d059f8e4f5fb7c 100644
--- a/packages/react-native/template/ios/HelloWorld.xcodeproj/project.pbxproj
+++ b/packages/react-native/template/ios/HelloWorld.xcodeproj/project.pbxproj
@@ -263,7 +263,7 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "set -e\n\nWITH_ENVIRONMENT=\"../node_modules/react-native/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"../node_modules/react-native/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
+			shellScript = "set -e\n\nWITH_ENVIRONMENT=\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"$REACT_NATIVE_PATH/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n";
 		};
 		00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;
diff --git a/packages/react-native/template/ios/HelloWorld/AppDelegate.mm b/packages/react-native/template/ios/HelloWorld/AppDelegate.mm
index 0fd74b157dc2c6..daebde2edb3273 100644
--- a/packages/react-native/template/ios/HelloWorld/AppDelegate.mm
+++ b/packages/react-native/template/ios/HelloWorld/AppDelegate.mm
@@ -16,10 +16,10 @@ - (BOOL)application:(UIApplication *)application didFinishLaunchingWithOptions:(
 
 - (NSURL *)sourceURLForBridge:(RCTBridge *)bridge
 {
-  return [self getBundleURL];
+  return [self bundleURL];
 }
 
-- (NSURL *)getBundleURL
+- (NSURL *)bundleURL
 {
 #if DEBUG
   return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:@"index"];
diff --git a/packages/react-native/template/ios/HelloWorld/Info.plist b/packages/react-native/template/ios/HelloWorld/Info.plist
index c004615da4e278..07b050898d9d30 100644
--- a/packages/react-native/template/ios/HelloWorld/Info.plist
+++ b/packages/react-native/template/ios/HelloWorld/Info.plist
@@ -38,7 +38,7 @@
 	<string>LaunchScreen</string>
 	<key>UIRequiredDeviceCapabilities</key>
 	<array>
-		<string>armv7</string>
+		<string>arm64</string>
 	</array>
 	<key>UISupportedInterfaceOrientations</key>
 	<array>
diff --git a/packages/react-native/template/ios/Podfile b/packages/react-native/template/ios/Podfile
index a728ca27015914..6a6cd92f24e24f 100644
--- a/packages/react-native/template/ios/Podfile
+++ b/packages/react-native/template/ios/Podfile
@@ -8,17 +8,6 @@ require Pod::Executable.execute_command('node', ['-p',
 platform :ios, min_ios_version_supported
 prepare_react_native_project!
 
-# If you are using a `react-native-flipper` your iOS build will fail when `NO_FLIPPER=1` is set.
-# because `react-native-flipper` depends on (FlipperKit,...) that will be excluded
-#
-# To fix this you can also exclude `react-native-flipper` using a `react-native.config.js`
-# ```js
-# module.exports = {
-#   dependencies: {
-#     ...(process.env.NO_FLIPPER ? { 'react-native-flipper': { platforms: { ios: null } } } : {}),
-# ```
-flipper_config = ENV['NO_FLIPPER'] == "1" ? FlipperConfiguration.disabled : FlipperConfiguration.enabled
-
 linkage = ENV['USE_FRAMEWORKS']
 if linkage != nil
   Pod::UI.puts "Configuring Pod with #{linkage}ally linked Frameworks".green
@@ -30,11 +19,6 @@ target 'HelloWorld' do
 
   use_react_native!(
     :path => config[:reactNativePath],
-    # Enables Flipper.
-    #
-    # Note that if you have use_frameworks! enabled, Flipper will not work and
-    # you should disable the next line.
-    :flipper_configuration => flipper_config,
     # An absolute path to your application root.
     :app_path => "#{Pod::Config.instance.installation_root}/.."
   )
@@ -49,7 +33,8 @@ target 'HelloWorld' do
     react_native_post_install(
       installer,
       config[:reactNativePath],
-      :mac_catalyst_enabled => false
+      :mac_catalyst_enabled => false,
+      # :ccache_enabled => true
     )
   end
 end
diff --git a/packages/react-native/template/metro.config.js b/packages/react-native/template/metro.config.js
index ad8f87b6d2583c..9d41685ef1bfc2 100644
--- a/packages/react-native/template/metro.config.js
+++ b/packages/react-native/template/metro.config.js
@@ -2,7 +2,7 @@ const {getDefaultConfig, mergeConfig} = require('@react-native/metro-config');
 
 /**
  * Metro configuration
- * https://facebook.github.io/metro/docs/configuration
+ * https://reactnative.dev/docs/metro
  *
  * @type {import('metro-config').MetroConfig}
  */
diff --git a/packages/react-native/template/package.json b/packages/react-native/template/package.json
index c7bbde7ba18082..4c6107d638fcaa 100644
--- a/packages/react-native/template/package.json
+++ b/packages/react-native/template/package.json
@@ -18,10 +18,10 @@
     "@babel/core": "^7.20.0",
     "@babel/preset-env": "^7.20.0",
     "@babel/runtime": "^7.20.0",
-    "@react-native/babel-preset": "^0.73.16",
-    "@react-native/eslint-config": "^0.73.0",
-    "@react-native/metro-config": "^0.73.0",
-    "@react-native/typescript-config": "^0.73.0",
+    "@react-native/babel-preset": "0.74.0",
+    "@react-native/eslint-config": "0.74.0",
+    "@react-native/metro-config": "0.74.0",
+    "@react-native/typescript-config": "0.74.0",
     "@types/react": "^18.2.6",
     "@types/react-test-renderer": "^18.0.0",
     "babel-jest": "^29.6.3",
diff --git a/packages/react-native/third-party-podspecs/DoubleConversion.podspec b/packages/react-native/third-party-podspecs/DoubleConversion.podspec
index 6bef28610d4b65..9d33cffed6cd9e 100644
--- a/packages/react-native/third-party-podspecs/DoubleConversion.podspec
+++ b/packages/react-native/third-party-podspecs/DoubleConversion.podspec
@@ -20,6 +20,10 @@ Pod::Spec.new do |spec|
 
   spec.user_target_xcconfig = { "HEADER_SEARCH_PATHS" => "\"$(PODS_ROOT)/DoubleConversion\"" }
 
+  spec.pod_target_xcconfig = {
+    "DEFINES_MODULE" => "YES",
+  }
+
   # Pinning to the same version as React.podspec.
   spec.platforms = min_supported_versions
 
diff --git a/packages/react-native/third-party-podspecs/RCT-Folly.podspec b/packages/react-native/third-party-podspecs/RCT-Folly.podspec
index a96f25ab1f1214..eb2d9b4ed8cb85 100644
--- a/packages/react-native/third-party-podspecs/RCT-Folly.podspec
+++ b/packages/react-native/third-party-podspecs/RCT-Folly.podspec
@@ -3,7 +3,9 @@
 # This source code is licensed under the MIT license found in the
 # LICENSE file in the root directory of this source tree.
 
-folly_release_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_release_version = folly_config[:version]
 
 Pod::Spec.new do |spec|
   spec.name = 'RCT-Folly'
@@ -21,7 +23,7 @@ Pod::Spec.new do |spec|
   spec.dependency 'DoubleConversion'
   spec.dependency 'glog'
   spec.dependency "fmt", "9.1.0"
-  spec.compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -DFOLLY_HAVE_PTHREAD=1 -Wno-comma -Wno-shorten-64-to-32 -Wno-documentation -faligned-new'
+  spec.compiler_flags = folly_compiler_flags + ' -DFOLLY_HAVE_PTHREAD=1 -Wno-documentation -faligned-new'
   spec.source_files = 'folly/String.cpp',
                       'folly/Conv.cpp',
                       'folly/Demangle.cpp',
@@ -80,7 +82,7 @@ Pod::Spec.new do |spec|
   spec.libraries           = "c++abi" # NOTE Apple-only: Keep c++abi here due to https://github.com/react-native-community/releases/issues/251
   spec.pod_target_xcconfig = { "USE_HEADERMAP" => "NO",
                                "CLANG_CXX_LANGUAGE_STANDARD" => "c++20",
-                               "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)\" \"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/fmt/include\" \"$(PODS_ROOT)/libevent/include/\"",
+                               "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)\" \"$(PODS_ROOT)/boost\" \"$(PODS_ROOT)/DoubleConversion\" \"$(PODS_ROOT)/fmt/include\"",
                                # In dynamic framework (use_frameworks!) mode, ignore the unused and undefined boost symbols when generating the library.
                                "OTHER_LDFLAGS" => "\"-Wl,-U,_jump_fcontext\" \"-Wl,-U,_make_fcontext\""
                              }
@@ -109,43 +111,6 @@ Pod::Spec.new do |spec|
                             'folly/system/ThreadId.h'
   end
 
-  spec.subspec 'Futures' do |futures|
-    futures.dependency 'libevent'
-    futures.pod_target_xcconfig = { "HEADER_SEARCH_PATHS" => ["$(inherited)", "$(PODS_ROOT)/Headers/Public/libevent/event"] }
-    futures.source_files = 'folly/{CancellationToken,ExceptionString,ExceptionWrapper,ExceptionWrapper-inl,Executor,Singleton,SingletonThreadLocal,SharedMutex,Try}.{h,cpp}',
-                           'folly/chrono/Hardware.{h,cpp}',
-                           'folly/concurrency/*.{h,cpp}',
-                           'folly/detail/{AsyncTrace,Futex,Futex-inl,MemoryIdler,SingletonStackTrace,StaticSingletonManager,ThreadLocalDetail}.{h,cpp}',
-                           'folly/executors/*.{h,cpp}',
-                           'folly/executors/task_queue/*.{h,cpp}',
-                           'folly/executors/thread_factory/{NamedThreadFactory,ThreadFactory}.{h,cpp}',
-                           'folly/experimental/{ExecutionObserver,ReadMostlySharedPtr,SingleWriterFixedHashMap,TLRefCount}.{h,cpp}',
-                           'folly/experimental/**/*.h',
-                           'folly/experimental/coro/Coroutine.{h,cpp}',
-                           'folly/experimental/coro/Traits.{h,cpp}',
-                           'folly/fibers/*.{h,cpp}',
-                           'folly/futures/*.{h,cpp}',
-                           'folly/futures/detail/*.{h,cpp}',
-                           'folly/io/{Cursor,Cursor-inl,IOBuf,IOBufQueue}.{h,cpp}',
-                           'folly/io/async/{AtomicNotificationQueue,AtomicNotificationQueue-inl,AsyncTimeout,DelayedDestruction,DelayedDestructionBase,EventBase,EventBaseLocal,EventBaseManager,EventBaseAtomicNotificationQueue,EventBaseAtomicNotificationQueue-inl,EventBaseBackendBase,EventHandler,EventUtil,HHWheelTimer,HHWheelTimer-fwd,NotificationQueue,Request,TimeoutManager,VirtualEventBase}.{h,cpp}',
-                           'folly/lang/{SafeAssert,UncaughtExceptions}.{h,cpp}',
-                           'folly/memory/{MallctlHelper,ReentrantAllocator,SanitizeAddress}.{h,cpp}',
-                           'folly/portability/{GFlags,SysMembarrier,SysUio}.{h,cpp}',
-                           'folly/synchronization/*.{h,cpp}',
-                           'folly/synchronization/detail/*.{h,cpp}',
-                           'folly/system/{Pid,ThreadId,ThreadName,HardwareConcurrency}.{h,cpp}',
-                           'folly/tracing/{AsyncStack,AsyncStack-inl,StaticTracepoint}.{h,cpp}'
-                          # TODO: Perhaps some of the wildcards above can be further trimmed down with some of these:
-                          #
-                          #  'folly/executors/{DrivableExecutor,InlineExecutor,QueuedImmediateExecutor,TimedDrivableExecutor}.{h,cpp}',
-                          #  'folly/concurrency/{CacheLocality,UnboundedQueue}.{h,cpp}',
-                          #  'folly/system/ThreadId.h',
-                          #  'folly/synchronization/Hazptr{,-fwd,Domain,Holder,Obj,ObjLinked,Rec,ThrLocal}.{h,cpp}',
-                          #  'folly/synchronization/{AsymmetricMemoryBarrier,AtomicStruct,Baton,MicroSpinLock,ParkingLot,RWSpinLock,SanitizeThread,SaturatingSemaphore,WaitOptions}.{h,cpp}',
-                          #  'folly/synchronization/detail/{AtomicUtils,Sleeper,Spin}.{h,cpp}',
-                          #  'folly/experimental/{ReadMostlySharedPtr,TLRefCount}.h',
-  end
-
   # Folly has issues when compiled with iOS 10 set as deployment target
   # See https://github.com/facebook/folly/issues/1470 for details
   spec.platforms = min_supported_versions
diff --git a/packages/react-native/third-party-podspecs/boost.podspec b/packages/react-native/third-party-podspecs/boost.podspec
index d0da02d4f4206f..8e924afd367f1b 100644
--- a/packages/react-native/third-party-podspecs/boost.podspec
+++ b/packages/react-native/third-party-podspecs/boost.podspec
@@ -10,7 +10,6 @@ Pod::Spec.new do |spec|
   spec.homepage = 'http://www.boost.org'
   spec.summary = 'Boost provides free peer-reviewed portable C++ source libraries.'
   spec.authors = 'Rene Rivera'
-  # [macOS] Workaround for https://github.com/facebook/react-native/issues/42180
   spec.source = { :http => 'https://archives.boost.io/release/1.83.0/source/boost_1_83_0.tar.bz2',
                   :sha256 => '6478edfe2f3305127cffe8caf73ea0176c53769f4bf1585be237eb30798c3b8e' }
 
diff --git a/packages/react-native/third-party-podspecs/glog.podspec b/packages/react-native/third-party-podspecs/glog.podspec
index 7fbf939939a5be..f921ec63cdb1d1 100644
--- a/packages/react-native/third-party-podspecs/glog.podspec
+++ b/packages/react-native/third-party-podspecs/glog.podspec
@@ -29,10 +29,23 @@ Pod::Spec.new do |spec|
                         'src/base/*.h'
   spec.exclude_files       = "src/windows/**/*"
   spec.compiler_flags      = '-Wno-shorten-64-to-32'
+
+  # TODO: T167482718 Remove this code after April 2024, when Apple will
+  # push the lower version of Xcode required to upload apps to the Store.
+  xcode_path = `xcodebuild -version` # This return the current version of Xcode
+
+  match = xcode_path.match(/Xcode (\d+)\.(\d+)/)
+  major_version = match[1].to_i
+  minor_version = match[2].to_i
+  is_greater_than_15 = major_version >= 15
+  is_greater_than_14_3 = major_version == 14 && minor_version >= 3
+  should_define_modules = is_greater_than_15 ? "YES" : is_greater_than_14_3 ? "YES" : "NO"
+  # End TODO.
+
   spec.pod_target_xcconfig = {
     "USE_HEADERMAP" => "NO",
     "HEADER_SEARCH_PATHS" => "$(PODS_TARGET_SRCROOT)/src",
-    "DEFINES_MODULE" => "YES"
+    "DEFINES_MODULE" => should_define_modules # When the workaround is removed, set this var to "YES"
   }
 
   # Pinning to the same version as React.podspec.
diff --git a/packages/react-native/third-party-podspecs/libevent.podspec b/packages/react-native/third-party-podspecs/libevent.podspec
deleted file mode 100644
index 5bfe218630c7ee..00000000000000
--- a/packages/react-native/third-party-podspecs/libevent.podspec
+++ /dev/null
@@ -1,395 +0,0 @@
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# Generated with:
-#
-# $ mkdir build && cd build
-# $ cmake -G Ninja .. \
-#   -DEVENT__DISABLE_OPENSSL:BOOL=ON \
-#   -DEVENT__DISABLE_BENCHMARK:BOOL=ON \
-#   -DEVENT__DISABLE_TESTS:BOOL=ON \
-#   -DEVENT__DISABLE_REGRESS:BOOL=ON \
-#   -DEVENT__DISABLE_SAMPLES:BOOL=ON
-# $ cat include/event2/event-config.h
-#
-CONFIG_WITHOUT_OPENSSL = <<-END_OF_CONFIG
-/* event-config.h
- *
- * This file was generated by cmake when the makefiles were generated.
- *
- * DO NOT EDIT THIS FILE.
- *
- * Do not rely on macros in this file existing in later versions.
- */
-#ifndef EVENT2_EVENT_CONFIG_H_INCLUDED_
-#define EVENT2_EVENT_CONFIG_H_INCLUDED_
-/* Numeric representation of the version */
-#define EVENT__NUMERIC_VERSION 0x02020001
-#define EVENT__PACKAGE_VERSION "2.2.0"
-#define EVENT__VERSION_MAJOR 2
-#define EVENT__VERSION_MINOR 2
-#define EVENT__VERSION_PATCH 0
-/* Version number of package */
-#define EVENT__VERSION "2.2.0-alpha-dev"
-/* Name of package */
-#define EVENT__PACKAGE "libevent"
-/* Define to the address where bug reports for this package should be sent. */
-#define EVENT__PACKAGE_BUGREPORT ""
-/* Define to the full name of this package. */
-#define EVENT__PACKAGE_NAME ""
-/* Define to the full name and version of this package. */
-#define EVENT__PACKAGE_STRING ""
-/* Define to the one symbol short name of this package. */
-#define EVENT__PACKAGE_TARNAME ""
-/* Define if libevent should build without support for a debug mode */
-/* #undef EVENT__DISABLE_DEBUG_MODE */
-/* Define if libevent should not allow replacing the mm functions */
-/* #undef EVENT__DISABLE_MM_REPLACEMENT */
-/* Define if libevent should not be compiled with thread support */
-/* #undef EVENT__DISABLE_THREAD_SUPPORT */
-/* Define to 1 if you have the `accept4' function. */
-/* #undef EVENT__HAVE_ACCEPT4 */
-/* Define to 1 if you have the `arc4random' function. */
-#define EVENT__HAVE_ARC4RANDOM 1
-/* Define to 1 if you have the `arc4random_buf' function. */
-#define EVENT__HAVE_ARC4RANDOM_BUF 1
-/* Define to 1 if you have the `arc4random_addrandom' function. */
-#define EVENT__HAVE_ARC4RANDOM_ADDRANDOM 1
-/* Define if clock_gettime is available in libc */
-#define EVENT__DNS_USE_CPU_CLOCK_FOR_ID 1
-/* Define is no secure id variant is available */
-/* #undef EVENT__DNS_USE_GETTIMEOFDAY_FOR_ID */
-/* #undef EVENT__DNS_USE_FTIME_FOR_ID */
-/* Define to 1 if you have the <arpa/inet.h> header file. */
-#define EVENT__HAVE_ARPA_INET_H 1
-/* Define to 1 if you have the `clock_gettime' function. */
-#define EVENT__HAVE_CLOCK_GETTIME 1
-/* Define to 1 if you have the declaration of `CTL_KERN'. */
-#define EVENT__HAVE_DECL_CTL_KERN 1
-/* Define to 1 if you have the declaration of `KERN_ARND'. */
-#define EVENT__HAVE_DECL_KERN_ARND 0
-/* Define to 1 if you have `getrandom' function. */
-/* #undef EVENT__HAVE_GETRANDOM */
-/* Define if /dev/poll is available */
-/* #undef EVENT__HAVE_DEVPOLL */
-/* Define to 1 if you have the <netdb.h> header file. */
-#define EVENT__HAVE_NETDB_H 1
-/* Define to 1 if fd_mask type is defined */
-#define EVENT__HAVE_FD_MASK 1
-/* Define to 1 if the <sys/queue.h> header file defines TAILQ_FOREACH. */
-#define EVENT__HAVE_TAILQFOREACH 1
-/* Define to 1 if you have the <dlfcn.h> header file. */
-#define EVENT__HAVE_DLFCN_H 1
-/* Define if your system supports the epoll system calls */
-/* #undef EVENT__HAVE_EPOLL */
-/* Define to 1 if you have the `epoll_create1' function. */
-/* #undef EVENT__HAVE_EPOLL_CREATE1 */
-/* Define to 1 if you have the `epoll_ctl' function. */
-/* #undef EVENT__HAVE_EPOLL_CTL */
-/* Define if your system supports the wepoll module */
-/* #undef EVENT__HAVE_WEPOLL */
-/* Define to 1 if you have the `eventfd' function. */
-/* #undef EVENT__HAVE_EVENTFD */
-/* Define if your system supports event ports */
-/* #undef EVENT__HAVE_EVENT_PORTS */
-/* Define to 1 if you have the `fcntl' function. */
-#define EVENT__HAVE_FCNTL 1
-/* Define to 1 if you have the <fcntl.h> header file. */
-#define EVENT__HAVE_FCNTL_H 1
-/* Define to 1 if you have the `getaddrinfo' function. */
-#define EVENT__HAVE_GETADDRINFO 1
-/* Define to 1 if you have the `getegid' function. */
-#define EVENT__HAVE_GETEGID 1
-/* Define to 1 if you have the `geteuid' function. */
-#define EVENT__HAVE_GETEUID 1
-/* TODO: Check for different gethostname argument counts. CheckPrototypeDefinition.cmake can be used. */
-/* Define this if you have any gethostbyname_r() */
-/* #undef EVENT__HAVE_GETHOSTBYNAME_R */
-/* Define this if gethostbyname_r takes 3 arguments */
-/* #undef EVENT__HAVE_GETHOSTBYNAME_R_3_ARG */
-/* Define this if gethostbyname_r takes 5 arguments */
-/* #undef EVENT__HAVE_GETHOSTBYNAME_R_5_ARG */
-/* Define this if gethostbyname_r takes 6 arguments */
-/* #undef EVENT__HAVE_GETHOSTBYNAME_R_6_ARG */
-/* Define to 1 if you have the `getifaddrs' function. */
-#define EVENT__HAVE_GETIFADDRS 1
-/* Define to 1 if you have the `getnameinfo' function. */
-#define EVENT__HAVE_GETNAMEINFO 1
-/* Define to 1 if you have the `getprotobynumber' function. */
-#define EVENT__HAVE_GETPROTOBYNUMBER 1
-/* Define to 1 if you have the `getservbyname' function. */
-#define EVENT__HAVE_GETSERVBYNAME 1
-/* Define to 1 if you have the `gettimeofday' function. */
-#define EVENT__HAVE_GETTIMEOFDAY 1
-/* Define to 1 if you have the <ifaddrs.h> header file. */
-#define EVENT__HAVE_IFADDRS_H 1
-/* Define to 1 if you have the `inet_ntop' function. */
-#define EVENT__HAVE_INET_NTOP 1
-/* Define to 1 if you have the `inet_pton' function. */
-#define EVENT__HAVE_INET_PTON 1
-/* Define to 1 if you have the <inttypes.h> header file. */
-#define EVENT__HAVE_INTTYPES_H 1
-/* Define to 1 if you have the `issetugid' function. */
-#define EVENT__HAVE_ISSETUGID 1
-/* Define to 1 if you have the `kqueue' function. */
-#define EVENT__HAVE_KQUEUE 1
-/* Define if the system has zlib */
-/* #undef EVENT__HAVE_LIBZ */
-/* Define to 1 if you have the `mach_absolute_time' function. */
-#define EVENT__HAVE_MACH_ABSOLUTE_TIME 1
-/* Define to 1 if you have the <mach/mach_time.h> header file. */
-#define EVENT__HAVE_MACH_MACH_TIME_H 1
-/* Define to 1 if you have the <mach/mach.h> header file. */
-#define EVENT__HAVE_MACH_MACH_H 1
-/* Define to 1 if you have the <memory.h> header file. */
-#define EVENT__HAVE_MEMORY_H 1
-/* Define to 1 if you have the `mmap' function. */
-#define EVENT__HAVE_MMAP 1
-/* Define to 1 if you have the `nanosleep' function. */
-#define EVENT__HAVE_NANOSLEEP 1
-/* Define to 1 if you have the `usleep' function. */
-#define EVENT__HAVE_USLEEP 1
-/* Define to 1 if you have the <netinet/in6.h> header file. */
-/* #undef EVENT__HAVE_NETINET_IN6_H */
-/* Define to 1 if you have the <netinet/in.h> header file. */
-#define EVENT__HAVE_NETINET_IN_H 1
-/* Define to 1 if you have the <netinet/tcp.h> header file. */
-#define EVENT__HAVE_NETINET_TCP_H 1
-/* Define to 1 if you have the <sys/un.h> header file. */
-#define EVENT__HAVE_SYS_UN_H 1
-/* Define to 1 if you have the <afunix.h> header file. */
-/* #undef EVENT__HAVE_AFUNIX_H */
-/* Define if the system has openssl */
-/* #undef EVENT__HAVE_OPENSSL */
-/* Define to 1 if you have the `pipe' function. */
-#define EVENT__HAVE_PIPE 1
-/* Define to 1 if you have the `pipe2' function. */
-/* #undef EVENT__HAVE_PIPE2 */
-/* Define to 1 if you have the `poll' function. */
-#define EVENT__HAVE_POLL 1
-/* Define to 1 if you have the <poll.h> header file. */
-#define EVENT__HAVE_POLL_H 1
-/* Define to 1 if you have the `port_create' function. */
-/* #undef EVENT__HAVE_PORT_CREATE */
-/* Define to 1 if you have the <port.h> header file. */
-/* #undef EVENT__HAVE_PORT_H */
-/* Define if we have pthreads on this system */
-#define EVENT__HAVE_PTHREADS 1
-/* Define to 1 if you have the `putenv' function. */
-#define EVENT__HAVE_PUTENV 1
-/* Define to 1 if the system has the type `sa_family_t'. */
-#define EVENT__HAVE_SA_FAMILY_T 1
-/* Define to 1 if you have the `select' function. */
-#define EVENT__HAVE_SELECT 1
-/* Define to 1 if you have the `setenv' function. */
-#define EVENT__HAVE_SETENV 1
-/* Define if F_SETFD is defined in <fcntl.h> */
-#define EVENT__HAVE_SETFD 1
-/* Define to 1 if you have the `setrlimit' function. */
-#define EVENT__HAVE_SETRLIMIT 1
-/* Define to 1 if you have the `sendfile' function. */
-#define EVENT__HAVE_SENDFILE 1
-/* Define to 1 if you have the `sigaction' function. */
-#define EVENT__HAVE_SIGACTION 1
-/* Define to 1 if you have the `signal' function. */
-#define EVENT__HAVE_SIGNAL 1
-/* Define to 1 if you have the `strsignal' function. */
-#define EVENT__HAVE_STRSIGNAL 1
-/* Define to 1 if you have the `splice' function. */
-/* #undef EVENT__HAVE_SPLICE */
-/* Define to 1 if you have the <stdarg.h> header file. */
-#define EVENT__HAVE_STDARG_H 1
-/* Define to 1 if you have the <stddef.h> header file. */
-#define EVENT__HAVE_STDDEF_H 1
-/* Define to 1 if you have the <stdint.h> header file. */
-#define EVENT__HAVE_STDINT_H 1
-/* Define to 1 if you have the <stdlib.h> header file. */
-#define EVENT__HAVE_STDLIB_H 1
-/* Define to 1 if you have the <string.h> header file. */
-#define EVENT__HAVE_STRING_H 1
-/* Define to 1 if you have the `strlcpy' function. */
-#define EVENT__HAVE_STRLCPY 1
-/* Define to 1 if you have the `strsep' function. */
-#define EVENT__HAVE_STRSEP 1
-/* Define to 1 if you have the `strtok_r' function. */
-#define EVENT__HAVE_STRTOK_R 1
-/* Define to 1 if you have the `strtoll' function. */
-#define EVENT__HAVE_STRTOLL 1
-/* Define to 1 if you have the `_gmtime64_s' function. */
-/* #undef EVENT__HAVE__GMTIME64_S */
-/* Define to 1 if you have the `_gmtime64' function. */
-/* #undef EVENT__HAVE__GMTIME64 */
-/* Define to 1 if the system has the type `struct addrinfo'. */
-#define EVENT__HAVE_STRUCT_ADDRINFO 1
-/* Define to 1 if the system has the type `struct in6_addr'. */
-#define EVENT__HAVE_STRUCT_IN6_ADDR 1
-/* Define to 1 if `s6_addr16' is member of `struct in6_addr'. */
-/* #undef EVENT__HAVE_STRUCT_IN6_ADDR_S6_ADDR16 */
-/* Define to 1 if `s6_addr32' is member of `struct in6_addr'. */
-/* #undef EVENT__HAVE_STRUCT_IN6_ADDR_S6_ADDR32 */
-/* Define to 1 if the system has the type `struct sockaddr_in6'. */
-#define EVENT__HAVE_STRUCT_SOCKADDR_IN6 1
-/* Define to 1 if `sin6_len' is member of `struct sockaddr_in6'. */
-#define EVENT__HAVE_STRUCT_SOCKADDR_IN6_SIN6_LEN 1
-/* Define to 1 if `sin_len' is member of `struct sockaddr_in'. */
-/* #undef EVENT__HAVE_STRUCT_SOCKADDR_IN_SIN_LEN */
-/* Define to 1 if the system has the type `struct sockaddr_un'. */
-#define EVENT__HAVE_STRUCT_SOCKADDR_UN 1
-/* Define to 1 if the system has the type `struct sockaddr_storage'. */
-#define EVENT__HAVE_STRUCT_SOCKADDR_STORAGE 1
-/* Define to 1 if `ss_family' is a member of `struct sockaddr_storage'. */
-#define EVENT__HAVE_STRUCT_SOCKADDR_STORAGE_SS_FAMILY 1
-/* Define to 1 if `__ss_family' is a member of `struct sockaddr_storage'. */
-/* #undef EVENT__HAVE_STRUCT_SOCKADDR_STORAGE___SS_FAMILY */
-/* Define to 1 if the system has the type `struct linger'. */
-#define EVENT__HAVE_STRUCT_LINGER 1
-/* Define to 1 if you have the `sysctl' function. */
-#define EVENT__HAVE_SYSCTL 1
-/* Define to 1 if you have the <sys/epoll.h> header file. */
-/* #undef EVENT__HAVE_SYS_EPOLL_H */
-/* Define to 1 if you have the <sys/eventfd.h> header file. */
-/* #undef EVENT__HAVE_SYS_EVENTFD_H */
-/* Define to 1 if you have the <sys/event.h> header file. */
-#define EVENT__HAVE_SYS_EVENT_H 1
-/* Define to 1 if you have the <sys/ioctl.h> header file. */
-#define EVENT__HAVE_SYS_IOCTL_H 1
-/* Define to 1 if you have the <sys/mman.h> header file. */
-#define EVENT__HAVE_SYS_MMAN_H 1
-/* Define to 1 if you have the <sys/param.h> header file. */
-#define EVENT__HAVE_SYS_PARAM_H 1
-/* Define to 1 if you have the <sys/queue.h> header file. */
-#define EVENT__HAVE_SYS_QUEUE_H 1
-/* Define to 1 if you have the <sys/resource.h> header file. */
-#define EVENT__HAVE_SYS_RESOURCE_H 1
-/* Define to 1 if you have the <sys/select.h> header file. */
-#define EVENT__HAVE_SYS_SELECT_H 1
-/* Define to 1 if you have the <sys/sendfile.h> header file. */
-/* #undef EVENT__HAVE_SYS_SENDFILE_H */
-/* Define to 1 if you have the <sys/socket.h> header file. */
-#define EVENT__HAVE_SYS_SOCKET_H 1
-/* Define to 1 if you have the <sys/stat.h> header file. */
-#define EVENT__HAVE_SYS_STAT_H 1
-/* Define to 1 if you have the <sys/random.h> header file. */
-#define EVENT__HAVE_SYS_RANDOM_H 1
-/* Define to 1 if you have the <sys/sysctl.h> header file. */
-#define EVENT__HAVE_SYS_SYSCTL_H 1
-/* Define to 1 if you have the <sys/timerfd.h> header file. */
-/* #undef EVENT__HAVE_SYS_TIMERFD_H */
-/* Define to 1 if you have the <sys/time.h> header file. */
-#define EVENT__HAVE_SYS_TIME_H 1
-/* Define to 1 if you have the <sys/types.h> header file. */
-#define EVENT__HAVE_SYS_TYPES_H 1
-/* Define to 1 if you have the <sys/uio.h> header file. */
-#define EVENT__HAVE_SYS_UIO_H 1
-/* Define to 1 if you have the <sys/wait.h> header file. */
-#define EVENT__HAVE_SYS_WAIT_H 1
-/* Define to 1 if you have the <errno.h> header file. */
-#define EVENT__HAVE_ERRNO_H 1
-/* Define if TAILQ_FOREACH is defined in <sys/queue.h> */
-#define EVENT__HAVE_TAILQFOREACH 1
-/* Define if timeradd is defined in <sys/time.h> */
-#define EVENT__HAVE_TIMERADD 1
-/* Define if timerclear is defined in <sys/time.h> */
-#define EVENT__HAVE_TIMERCLEAR 1
-/* Define if timercmp is defined in <sys/time.h> */
-#define EVENT__HAVE_TIMERCMP 1
-/* Define to 1 if you have the `timerfd_create' function. */
-/* #undef EVENT__HAVE_TIMERFD_CREATE */
-/* Define if timerisset is defined in <sys/time.h> */
-#define EVENT__HAVE_TIMERISSET 1
-/* Define to 1 if the system has the type `uint8_t'. */
-#define EVENT__HAVE_UINT8_T 1
-/* Define to 1 if the system has the type `uint16_t'. */
-#define EVENT__HAVE_UINT16_T 1
-/* Define to 1 if the system has the type `uint32_t'. */
-#define EVENT__HAVE_UINT32_T 1
-/* Define to 1 if the system has the type `uint64_t'. */
-#define EVENT__HAVE_UINT64_T 1
-/* Define to 1 if the system has the type `uintptr_t'. */
-#define EVENT__HAVE_UINTPTR_T 1
-/* Define to 1 if you have the `umask' function. */
-#define EVENT__HAVE_UMASK 1
-/* Define to 1 if you have the <unistd.h> header file. */
-#define EVENT__HAVE_UNISTD_H 1
-/* Define to 1 if you have the `unsetenv' function. */
-#define EVENT__HAVE_UNSETENV 1
-/* Define to 1 if you have the `vasprintf' function. */
-#define EVENT__HAVE_VASPRINTF 1
-/* Define if kqueue works correctly with pipes */
-#define EVENT__HAVE_WORKING_KQUEUE 1
-#ifdef __USE_UNUSED_DEFINITIONS__
-/* Define to necessary symbol if this constant uses a non-standard name on your system. */
-/* XXX: Hello, this isn't even used, nor is it defined anywhere... - Ellzey */
-#define EVENT__PTHREAD_CREATE_JOINABLE
-#endif
-/* The size of `pthread_t', as computed by sizeof. */
-#define EVENT__SIZEOF_PTHREAD_T 8
-/* The size of a `int', as computed by sizeof. */
-#define EVENT__SIZEOF_INT 4
-/* The size of a `long', as computed by sizeof. */
-#define EVENT__SIZEOF_LONG 8
-/* The size of a `long long', as computed by sizeof. */
-#define EVENT__SIZEOF_LONG_LONG 8
-/* The size of `off_t', as computed by sizeof. */
-#define EVENT__SIZEOF_OFF_T 8
-#define EVENT__SIZEOF_SSIZE_T 8
-/* The size of a `short', as computed by sizeof. */
-#define EVENT__SIZEOF_SHORT 2
-/* The size of `size_t', as computed by sizeof. */
-#define EVENT__SIZEOF_SIZE_T 8
-/* Define to 1 if you can safely include both <sys/time.h> and <time.h>. */
-/* #undef EVENT__TIME_WITH_SYS_TIME */
-/* The size of `socklen_t', as computed by sizeof. */
-#define EVENT__SIZEOF_SOCKLEN_T 4
-/* The size of 'void *', as computer by sizeof */
-#define EVENT__SIZEOF_VOID_P 8
-/* Define to `__inline__' or `__inline' if that's what the C compiler
-   calls it, or to nothing if 'inline' is not supported under any name.  */
-#ifndef __cplusplus
-/* why not c++?
- *
- *  and are we really expected to use EVENT__inline everywhere,
- *  shouldn't we just do:
- *     ifdef EVENT__inline
- *     define inline EVENT__inline
- *
- * - Ellzey
- */
-#define EVENT__inline inline
-#endif
-#define EVENT__HAVE___func__ 1
-#define EVENT__HAVE___FUNCTION__ 1
-/* Define to `unsigned' if <sys/types.h> does not define. */
-#define EVENT__size_t size_t
-/* Define to unsigned int if you dont have it */
-#define EVENT__socklen_t socklen_t
-/* Define to `int' if <sys/types.h> does not define. */
-#define EVENT__ssize_t ssize_t
-#endif /* \EVENT2_EVENT_CONFIG_H_INCLUDED_ */
-END_OF_CONFIG
-
-Pod::Spec.new do |spec|
-  spec.name            = "libevent"
-  spec.version         = "2.1.12"
-  spec.summary         = "Event notification library"
-  spec.description     = "The libevent API provides a mechanism to execute a callback function when a specific event occurs on a file descriptor or after a timeout has been reached. Furthermore, libevent also support callbacks due to signals or regular timeouts."
-  spec.homepage        = "https://libevent.org"
-  spec.license         = { :type => "BSD 3-Clause", :file => "LICENSE" }
-  spec.author          = "Niels Provos and Nick Mathewson"
-  spec.platforms       = min_supported_versions # [visionOS]
-  spec.source          = { :git => "https://github.com/libevent/libevent.git", :tag => "release-2.1.12-stable" }
-  spec.prepare_command = "echo 'executing libevent prepare command'; touch evconfig-private.h; echo -e #{Shellwords.escape(CONFIG_WITHOUT_OPENSSL)} > include/event2/event-config.h; ls include/event2/"
-  spec.source_files =
-    "include/*.h", "*-{internal,private}.h",
-    "buffer.c", "bufferevent.c", "bufferevent_filter.c", "bufferevent_pair.c", "bufferevent_ratelim.c", "bufferevent_sock.c",
-    "event.c", "evmap.c", "evthread.c", "evutil.c", "evutil_rand.c", "evutil_time.c",
-    "kqueue.c", "listener.c", "log.c", "poll.c", "select.c", "signal.c", "strlcpy.c", "watch.c",
-    "evdns.c", "event_tagging.c", "evrpc.c", "http.c"
-  spec.private_header_files = "*-{internal,private}.h"
-  spec.public_header_files = "include/*.h"
-  spec.preserve_paths = "include/event2/*.h"
-  spec.xcconfig = { "HEADER_SEARCH_PATHS" => "\"$(PODS_TARGET_SRCROOT)/include/\"" }
-end
-
diff --git a/packages/react-native/types/modules/globals.d.ts b/packages/react-native/types/modules/globals.d.ts
index af112c7698aec5..51272890300db7 100644
--- a/packages/react-native/types/modules/globals.d.ts
+++ b/packages/react-native/types/modules/globals.d.ts
@@ -460,6 +460,7 @@ interface WebSocket extends EventTarget {
   readonly readyState: number;
   send(data: string | ArrayBuffer | ArrayBufferView | Blob): void;
   close(code?: number, reason?: string): void;
+  ping(): void;
   onopen: (() => void) | null;
   onmessage: ((event: WebSocketMessageEvent) => void) | null;
   onerror: ((event: WebSocketErrorEvent) => void) | null;
diff --git a/packages/rn-tester-e2e/babel.config.js b/packages/rn-tester-e2e/babel.config.js
index 44aff7e2c7ea33..d37dc1e95605c5 100644
--- a/packages/rn-tester-e2e/babel.config.js
+++ b/packages/rn-tester-e2e/babel.config.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/jest.config.js b/packages/rn-tester-e2e/jest.config.js
index f87aec42a52254..8eedcd4d52ab55 100644
--- a/packages/rn-tester-e2e/jest.config.js
+++ b/packages/rn-tester-e2e/jest.config.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/jest.setup.js b/packages/rn-tester-e2e/jest.setup.js
index 40983cc22fef9c..8fe6ca699212a0 100644
--- a/packages/rn-tester-e2e/jest.setup.js
+++ b/packages/rn-tester-e2e/jest.setup.js
@@ -8,9 +8,10 @@
  * @format
  */
 
-const wdio = require('webdriverio');
 import capabilities from './e2e-config.js';
-import {beforeEach, afterEach, jest} from '@jest/globals';
+import {afterEach, beforeEach, jest} from '@jest/globals';
+
+const wdio = require('webdriverio');
 jest.retryTimes(3);
 
 let driver: any;
diff --git a/packages/rn-tester-e2e/package.json b/packages/rn-tester-e2e/package.json
index 3ea1eae4ded5b9..ef06a7f8fe1b87 100644
--- a/packages/rn-tester-e2e/package.json
+++ b/packages/rn-tester-e2e/package.json
@@ -11,7 +11,7 @@
     "directory": "packages/rn-tester-e2e"
   },
   "scripts": {
-    "test-e2e": "node ./../../scripts/e2e/run-e2e-tests.js"
+    "test-e2e": "node scripts/e2e/run-e2e-tests.js"
   },
   "devDependencies": {
     "@babel/core": "^7.20.0",
diff --git a/scripts/e2e/run-e2e-tests.js b/packages/rn-tester-e2e/scripts/run-e2e-tests.js
similarity index 100%
rename from scripts/e2e/run-e2e-tests.js
rename to packages/rn-tester-e2e/scripts/run-e2e-tests.js
diff --git a/packages/rn-tester-e2e/tests/screens/apis.screen.js b/packages/rn-tester-e2e/tests/screens/apis.screen.js
index 22baaf4e45053d..286ecf56169512 100644
--- a/packages/rn-tester-e2e/tests/screens/apis.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/apis.screen.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/screens/bookmarks.screen.js b/packages/rn-tester-e2e/tests/screens/bookmarks.screen.js
index b7f60142cc19b0..2ff88eecbed009 100644
--- a/packages/rn-tester-e2e/tests/screens/bookmarks.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/bookmarks.screen.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/screens/components.screen.js b/packages/rn-tester-e2e/tests/screens/components.screen.js
index 715ad94cb38480..605309ce668b59 100644
--- a/packages/rn-tester-e2e/tests/screens/components.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/components.screen.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/screens/components/activityIndicatorComponent.screen.js b/packages/rn-tester-e2e/tests/screens/components/activityIndicatorComponent.screen.js
index fd86a731ef8a5a..b498546e340222 100644
--- a/packages/rn-tester-e2e/tests/screens/components/activityIndicatorComponent.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/components/activityIndicatorComponent.screen.js
@@ -4,14 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
 import {
   UtilsSingleton as Utils,
-  iOSLabel,
   androidWidget,
+  iOSLabel,
   iOSName,
 } from '../../helpers/utils';
 
diff --git a/packages/rn-tester-e2e/tests/screens/components/buttonComponent.screen.js b/packages/rn-tester-e2e/tests/screens/components/buttonComponent.screen.js
index a5ef65ecbff9b1..5ac4975879ced8 100644
--- a/packages/rn-tester-e2e/tests/screens/components/buttonComponent.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/components/buttonComponent.screen.js
@@ -4,14 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
 import {
   UtilsSingleton as Utils,
-  iOSLabel,
   androidWidget,
+  iOSLabel,
 } from '../../helpers/utils';
 
 type ButtonComponentScreenType = {
diff --git a/packages/rn-tester-e2e/tests/screens/components/flatListComponent.screen.js b/packages/rn-tester-e2e/tests/screens/components/flatListComponent.screen.js
index 27306e2a3d882f..ee2f009070303a 100644
--- a/packages/rn-tester-e2e/tests/screens/components/flatListComponent.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/components/flatListComponent.screen.js
@@ -4,14 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
 import {
   UtilsSingleton as Utils,
-  iOSLabel,
   androidWidget,
+  iOSLabel,
   iOSName,
 } from '../../helpers/utils';
 
diff --git a/packages/rn-tester-e2e/tests/screens/components/jsResponderHandlerComponent.screen.js b/packages/rn-tester-e2e/tests/screens/components/jsResponderHandlerComponent.screen.js
index cfb08acee56ae8..c711313deb7544 100644
--- a/packages/rn-tester-e2e/tests/screens/components/jsResponderHandlerComponent.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/components/jsResponderHandlerComponent.screen.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/screens/components/keyboardAvoidingViewComponent.screen.js b/packages/rn-tester-e2e/tests/screens/components/keyboardAvoidingViewComponent.screen.js
index edc4e8a39efba9..098611db51e3fd 100644
--- a/packages/rn-tester-e2e/tests/screens/components/keyboardAvoidingViewComponent.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/components/keyboardAvoidingViewComponent.screen.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/screens/components/modalComponent.screen.js b/packages/rn-tester-e2e/tests/screens/components/modalComponent.screen.js
index 39c7a55b79dcb8..88e58361b35de8 100644
--- a/packages/rn-tester-e2e/tests/screens/components/modalComponent.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/components/modalComponent.screen.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/screens/components/newAppComponent.screen.js b/packages/rn-tester-e2e/tests/screens/components/newAppComponent.screen.js
index 82f8e7741a044c..705544b970499a 100644
--- a/packages/rn-tester-e2e/tests/screens/components/newAppComponent.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/components/newAppComponent.screen.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/screens/components/pressableComponent.screen.js b/packages/rn-tester-e2e/tests/screens/components/pressableComponent.screen.js
index 67e24eb36e3274..b79b899750ef01 100644
--- a/packages/rn-tester-e2e/tests/screens/components/pressableComponent.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/components/pressableComponent.screen.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/screens/components/refreshControlComponent.screen.js b/packages/rn-tester-e2e/tests/screens/components/refreshControlComponent.screen.js
index ba4145f01e4281..c9966f318d3578 100644
--- a/packages/rn-tester-e2e/tests/screens/components/refreshControlComponent.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/components/refreshControlComponent.screen.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/screens/components/scrollViewSimpleExampleComponent.screen.js b/packages/rn-tester-e2e/tests/screens/components/scrollViewSimpleExampleComponent.screen.js
index bfc0eaa4f6f0fc..6a3d53c694fd38 100644
--- a/packages/rn-tester-e2e/tests/screens/components/scrollViewSimpleExampleComponent.screen.js
+++ b/packages/rn-tester-e2e/tests/screens/components/scrollViewSimpleExampleComponent.screen.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/specs/components/activityIndicatorComponentScreen.test.js b/packages/rn-tester-e2e/tests/specs/components/activityIndicatorComponentScreen.test.js
index edd939d592e2f8..de72af96c86fa4 100644
--- a/packages/rn-tester-e2e/tests/specs/components/activityIndicatorComponentScreen.test.js
+++ b/packages/rn-tester-e2e/tests/specs/components/activityIndicatorComponentScreen.test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/specs/components/buttonComponentScreen.test.js b/packages/rn-tester-e2e/tests/specs/components/buttonComponentScreen.test.js
index ed18b46d33fdee..f75364d06f8572 100644
--- a/packages/rn-tester-e2e/tests/specs/components/buttonComponentScreen.test.js
+++ b/packages/rn-tester-e2e/tests/specs/components/buttonComponentScreen.test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/specs/components/flatListComponentScreen.test.js b/packages/rn-tester-e2e/tests/specs/components/flatListComponentScreen.test.js
index c5acab29100792..3c7eb202b1eb63 100644
--- a/packages/rn-tester-e2e/tests/specs/components/flatListComponentScreen.test.js
+++ b/packages/rn-tester-e2e/tests/specs/components/flatListComponentScreen.test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/specs/components/jsResponderHandlerComponentScreen.test.js b/packages/rn-tester-e2e/tests/specs/components/jsResponderHandlerComponentScreen.test.js
index f48a3a25599021..fc18395a8a1660 100644
--- a/packages/rn-tester-e2e/tests/specs/components/jsResponderHandlerComponentScreen.test.js
+++ b/packages/rn-tester-e2e/tests/specs/components/jsResponderHandlerComponentScreen.test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/specs/components/keyboardAvoidingViewComponentScreen.test.js b/packages/rn-tester-e2e/tests/specs/components/keyboardAvoidingViewComponentScreen.test.js
index cb20af8bf2b479..6e22586298dd57 100644
--- a/packages/rn-tester-e2e/tests/specs/components/keyboardAvoidingViewComponentScreen.test.js
+++ b/packages/rn-tester-e2e/tests/specs/components/keyboardAvoidingViewComponentScreen.test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/specs/components/modalComponentScreen.test.js b/packages/rn-tester-e2e/tests/specs/components/modalComponentScreen.test.js
index 76a971d8218a54..96d387b9a52048 100644
--- a/packages/rn-tester-e2e/tests/specs/components/modalComponentScreen.test.js
+++ b/packages/rn-tester-e2e/tests/specs/components/modalComponentScreen.test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/specs/components/newAppComponentScreen.test.js b/packages/rn-tester-e2e/tests/specs/components/newAppComponentScreen.test.js
index 9722f049d97bee..6eb6976e870bf3 100644
--- a/packages/rn-tester-e2e/tests/specs/components/newAppComponentScreen.test.js
+++ b/packages/rn-tester-e2e/tests/specs/components/newAppComponentScreen.test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/specs/components/pressableComponentScreen.test.js b/packages/rn-tester-e2e/tests/specs/components/pressableComponentScreen.test.js
index 648ddc8db06fb2..5b5c930c6ac40e 100644
--- a/packages/rn-tester-e2e/tests/specs/components/pressableComponentScreen.test.js
+++ b/packages/rn-tester-e2e/tests/specs/components/pressableComponentScreen.test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/specs/components/refreshControlComponentScreen.test.js b/packages/rn-tester-e2e/tests/specs/components/refreshControlComponentScreen.test.js
index 972411e08082db..61cd4c003f0793 100644
--- a/packages/rn-tester-e2e/tests/specs/components/refreshControlComponentScreen.test.js
+++ b/packages/rn-tester-e2e/tests/specs/components/refreshControlComponentScreen.test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester-e2e/tests/specs/components/scrollViewSimpleExampleComponentScreen.test.js b/packages/rn-tester-e2e/tests/specs/components/scrollViewSimpleExampleComponentScreen.test.js
index 0411c57a04927d..0a0114803144b1 100644
--- a/packages/rn-tester-e2e/tests/specs/components/scrollViewSimpleExampleComponentScreen.test.js
+++ b/packages/rn-tester-e2e/tests/specs/components/scrollViewSimpleExampleComponentScreen.test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester/Gemfile b/packages/rn-tester/Gemfile
index 4de6c10e5d6df3..687d5db0dc63c4 100644
--- a/packages/rn-tester/Gemfile
+++ b/packages/rn-tester/Gemfile
@@ -1,6 +1,10 @@
-# Gemfile
 source 'https://rubygems.org'
 
-gem 'cocoapods', '~> 1.12'
+# You may use http://rbenv.org/ or https://rvm.io/ to install and use this version
+ruby ">= 2.6.10"
+
+# Cocoapods 1.15 introduced a bug which break the build. We will remove the upper
+# bound in the template on Cocoapods with next React Native release.
+gem 'cocoapods', '>= 1.13', '< 1.15'
 gem 'rexml'
-gem 'activesupport', '>= 6.1.7.3', '< 7.1.0'
+gem 'activesupport', '>= 6.1.7.5', '< 7.1.0'
diff --git a/packages/rn-tester/IntegrationTests/AccessibilityManagerTest.js b/packages/rn-tester/IntegrationTests/AccessibilityManagerTest.js
index e68cd5bb6826ef..45e1fab43cfc6e 100644
--- a/packages/rn-tester/IntegrationTests/AccessibilityManagerTest.js
+++ b/packages/rn-tester/IntegrationTests/AccessibilityManagerTest.js
@@ -9,9 +9,9 @@
  */
 
 import invariant from 'invariant';
-import NativeAccessibilityManager from 'react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager';
-import {DeviceEventEmitter, NativeModules, View} from 'react-native';
 import * as React from 'react';
+import {DeviceEventEmitter, NativeModules, View} from 'react-native';
+import NativeAccessibilityManager from 'react-native/Libraries/Components/AccessibilityInfo/NativeAccessibilityManager';
 
 const {TestModule} = NativeModules;
 
diff --git a/packages/rn-tester/IntegrationTests/AppEventsTest.js b/packages/rn-tester/IntegrationTests/AppEventsTest.js
index e1736962006f73..0853b9edc99def 100644
--- a/packages/rn-tester/IntegrationTests/AppEventsTest.js
+++ b/packages/rn-tester/IntegrationTests/AppEventsTest.js
@@ -12,11 +12,11 @@
 
 const React = require('react');
 const ReactNative = require('react-native');
+const deepDiffer = require('react-native/Libraries/Utilities/differ/deepDiffer');
+
 const {NativeAppEventEmitter, StyleSheet, Text, View} = ReactNative;
 const {TestModule} = ReactNative.NativeModules;
 
-const deepDiffer = require('react-native/Libraries/Utilities/differ/deepDiffer');
-
 const TEST_PAYLOAD = {foo: 'bar'};
 
 type AppEvent = {
diff --git a/packages/rn-tester/IntegrationTests/LayoutEventsTest.js b/packages/rn-tester/IntegrationTests/LayoutEventsTest.js
index afb2ae0817ed14..43a40c5b994722 100644
--- a/packages/rn-tester/IntegrationTests/LayoutEventsTest.js
+++ b/packages/rn-tester/IntegrationTests/LayoutEventsTest.js
@@ -10,25 +10,23 @@
 
 'use strict';
 
-const React = require('react');
-const ReactNative = require('react-native');
-const {Image, LayoutAnimation, StyleSheet, Text, View} = ReactNative;
 const {Platform} = ReactNative; // [macOS]
-const {TestModule} = ReactNative.NativeModules;
-
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
+import type {
+  Layout,
+  LayoutEvent,
+} from 'react-native/Libraries/Types/CoreEventTypes';
 
+const React = require('react');
+const ReactNative = require('react-native');
 const deepDiffer = require('react-native/Libraries/Utilities/differ/deepDiffer');
 
+const {Image, LayoutAnimation, StyleSheet, Text, View} = ReactNative;
+const {TestModule} = ReactNative.NativeModules;
 function debug(...args: Array<void | Layout | string>) {
   // console.log.apply(null, arguments);
 }
 
-import type {
-  Layout,
-  LayoutEvent,
-} from 'react-native/Libraries/Types/CoreEventTypes';
-
 type Props = $ReadOnly<{||}>;
 
 type State = {
diff --git a/packages/rn-tester/IntegrationTests/LoggingTestModule.js b/packages/rn-tester/IntegrationTests/LoggingTestModule.js
index c18cd8b4254378..5a04efad22266a 100644
--- a/packages/rn-tester/IntegrationTests/LoggingTestModule.js
+++ b/packages/rn-tester/IntegrationTests/LoggingTestModule.js
@@ -9,9 +9,8 @@
 
 'use strict';
 
-const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
-
 const invariant = require('invariant');
+const BatchedBridge = require('react-native/Libraries/BatchedBridge/BatchedBridge');
 
 const LoggingTestModule = {
   logToConsole: function (str) {
diff --git a/packages/rn-tester/IntegrationTests/websocket_integration_test_server.js b/packages/rn-tester/IntegrationTests/websocket_integration_test_server.js
index 3721840c8c0a32..33f81521640c67 100755
--- a/packages/rn-tester/IntegrationTests/websocket_integration_test_server.js
+++ b/packages/rn-tester/IntegrationTests/websocket_integration_test_server.js
@@ -5,7 +5,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester/NativeComponentExample/MyNativeView.podspec b/packages/rn-tester/NativeComponentExample/MyNativeView.podspec
index 23f1db01e1cc11..2e4eb0613d9f41 100644
--- a/packages/rn-tester/NativeComponentExample/MyNativeView.podspec
+++ b/packages/rn-tester/NativeComponentExample/MyNativeView.podspec
@@ -30,12 +30,4 @@ Pod::Spec.new do |s|
   s.requires_arc    = true
 
   install_modules_dependencies(s)
-
-  # Enable codegen for this library
-  use_react_native_codegen!(s, {
-    :library_name => "MyNativeViewSpec",
-    :react_native_path => "../../react-native",
-    :js_srcs_dir => "./js",
-    :library_type => "components"
-  })
 end
diff --git a/packages/rn-tester/NativeComponentExample/ios/RNTMyLegacyNativeViewManager.mm b/packages/rn-tester/NativeComponentExample/ios/RNTMyLegacyNativeViewManager.mm
index 976b241b937c87..84af179737c2fe 100644
--- a/packages/rn-tester/NativeComponentExample/ios/RNTMyLegacyNativeViewManager.mm
+++ b/packages/rn-tester/NativeComponentExample/ios/RNTMyLegacyNativeViewManager.mm
@@ -10,6 +10,7 @@
 #import <React/RCTViewManager.h>
 #import "RNTLegacyView.h"
 #import "RNTMyNativeViewComponentView.h"
+#import "UIView+ColorOverlays.h"
 
 @interface RNTMyLegacyNativeViewManager : RCTViewManager
 
@@ -40,29 +41,40 @@ + (BOOL)requiresMainQueueSetup
 RCT_EXPORT_METHOD(changeBackgroundColor : (nonnull NSNumber *)reactTag color : (NSString *)color)
 {
   [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // [macOS]
-    RCTUIView *view = viewRegistry[reactTag]; // [macOS]
-    if (!view || ![view isKindOfClass:[RNTLegacyView class]]) {
-      RCTLogError(@"Cannot find RNTLegacyView with tag #%@", reactTag);
-      return;
+    if (RCTPlatformView *view = [RNTMyLegacyNativeViewManager getViewByTag:viewRegistry reactTag:reactTag]) { // [macOS]
+      [view setBackgroundColorWithColorString:color];
     }
+  }];
+}
 
-    unsigned rgbValue = 0;
-    NSString *colorString = [NSString stringWithCString:std::string([color UTF8String]).c_str()
-                                               encoding:[NSString defaultCStringEncoding]];
-    NSScanner *scanner = [NSScanner scannerWithString:colorString];
-    [scanner setScanLocation:1]; // bypass '#' character
-    [scanner scanHexInt:&rgbValue];
-
-    // [macOS
-    RCTUIColor *newColor = [RCTUIColor colorWithRed:((rgbValue & 0xFF0000) >> 16) / 255.0
-                                              green:((rgbValue & 0xFF00) >> 8) / 255.0
-                                               blue:(rgbValue & 0xFF) / 255.0
-                                              alpha:1.0];
-    // macOS]
-    view.backgroundColor = newColor;
+RCT_EXPORT_METHOD(addOverlays : (nonnull NSNumber *)reactTag overlayColors : (NSArray *)overlayColors)
+{
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // [macOS]
+    if (RCTPlatformView *view = [RNTMyLegacyNativeViewManager getViewByTag:viewRegistry reactTag:reactTag]) { // [macOS]
+      [view addColorOverlays:overlayColors];
+    }
   }];
 }
 
+RCT_EXPORT_METHOD(removeOverlays : (nonnull NSNumber *)reactTag)
+{
+  [self.bridge.uiManager addUIBlock:^(RCTUIManager *uiManager, NSDictionary<NSNumber *, RCTPlatformView *> *viewRegistry) { // [macOS]
+    if (RCTPlatformView *view = [RNTMyLegacyNativeViewManager getViewByTag:viewRegistry reactTag:reactTag]) { // [macOS]
+      [view removeOverlays];
+    }
+  }];
+}
+
++ (RCTPlatformView *)getViewByTag:(NSDictionary<NSNumber *, RCTUIView *> *)viewRegistry reactTag:(nonnull NSNumber *)reactTag // [macOS]
+{
+  RCTPlatformView *view = viewRegistry[reactTag]; // [macOS]
+  if (!view || ![view isKindOfClass:[RNTLegacyView class]]) {
+    RCTLogError(@"Cannot find RNTLegacyView with tag #%@", reactTag);
+    return NULL;
+  }
+  return view;
+}
+
 - (RCTUIView *)view // [macOS]
 {
   RNTLegacyView *view = [[RNTLegacyView alloc] init];
diff --git a/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewCommon.mm b/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewCommon.mm
new file mode 100644
index 00000000000000..da453e45235bb4
--- /dev/null
+++ b/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewCommon.mm
@@ -0,0 +1,58 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import "UIView+ColorOverlays.h"
+
+@implementation RCTUIView (ColorOverlays)
+
+- (void)setBackgroundColorWithColorString:(NSString *)colorString // [macOS]
+{
+  RCTUIColor *color = [RCTPlatformView RCTUIColorFromHexString:std::string([colorString UTF8String])]; // [macOS]
+#if !TARGET_OS_OSX // [macOS]
+  self.backgroundColor = color;
+#else // [macOS
+  // Not perfect (See the implementation in RCTUIView), but should serve well enough for RNTester
+  self.layer.backgroundColor = color.CGColor;
+#endif // macOS]
+}
+
+- (void)addColorOverlays:(const NSArray *)overlayColors
+{
+  CGRect viewBounds = self.bounds;
+  CGFloat width = viewBounds.size.width / [overlayColors count];
+  for (int i = 0; i < [overlayColors count]; i++) {
+    id colorString = [overlayColors objectAtIndex:i];
+    CGRect rect = CGRectMake(viewBounds.origin.x + width * i, viewBounds.origin.y, width, viewBounds.size.height);
+    RCTUIView *overlayView = [[RCTUIView alloc] initWithFrame:rect]; // [macOS]
+    RCTUIColor *color = [RCTPlatformView RCTUIColorFromHexString:std::string([colorString UTF8String])]; // [macOS]
+    overlayView.backgroundColor = color;
+    [self addSubview:overlayView];
+  }
+}
+
+- (void)removeOverlays
+{
+  NSArray *viewsToRemove = [self subviews];
+  for (RCTPlatformView *subview in viewsToRemove) { // [macOS]
+    [subview removeFromSuperview];
+  }
+}
+
++ (RCTUIColor *)RCTUIColorFromHexString:(const std::string)hexString // [macOS]
+{
+  unsigned rgbValue = 0;
+  NSString *colorString = [NSString stringWithCString:hexString.c_str() encoding:[NSString defaultCStringEncoding]];
+  NSScanner *scanner = [NSScanner scannerWithString:colorString];
+  [scanner setScanLocation:1]; // bypass '#' character
+  [scanner scanHexInt:&rgbValue];
+  return [RCTUIColor colorWithRed:((rgbValue & 0xFF0000) >> 16) / 255.0   // [macOS]
+                            green:((rgbValue & 0xFF00) >> 8) / 255.0
+                             blue:(rgbValue & 0xFF) / 255.0
+                            alpha:1.0];
+}
+
+@end
diff --git a/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewComponentView.h b/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewComponentView.h
index f983c83aa11f72..927d552dfb48f3 100644
--- a/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewComponentView.h
+++ b/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewComponentView.h
@@ -15,8 +15,6 @@ NS_ASSUME_NONNULL_BEGIN
 
 @property (nonatomic, copy) RCTBubblingEventBlock onIntArrayChanged;
 
-- (RCTUIColor *)UIColorFromHexString:(const std::string)hexString;
-
 @end
 
 NS_ASSUME_NONNULL_END
diff --git a/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewComponentView.mm b/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewComponentView.mm
index e0e17de47802d2..7babed563e1d92 100644
--- a/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewComponentView.mm
+++ b/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewComponentView.mm
@@ -6,6 +6,7 @@
  */
 
 #import "RNTMyNativeViewComponentView.h"
+#import "UIView+ColorOverlays.h"
 
 #import <react/renderer/components/AppSpecs/ComponentDescriptors.h>
 #import <react/renderer/components/AppSpecs/EventEmitters.h>
@@ -51,19 +52,6 @@ - (instancetype)initWithFrame:(CGRect)frame
   return self;
 }
 
-- (RCTUIColor *)RCTUIColorFromHexString:(const std::string)hexString // [macOS]
-{
-  unsigned rgbValue = 0;
-  NSString *colorString = [NSString stringWithCString:hexString.c_str() encoding:[NSString defaultCStringEncoding]];
-  NSScanner *scanner = [NSScanner scannerWithString:colorString];
-  [scanner setScanLocation:1]; // bypass '#' character
-  [scanner scanHexInt:&rgbValue];
-  return [RCTUIColor colorWithRed:((rgbValue & 0xFF0000) >> 16) / 255.0 // [macOS]
-                            green:((rgbValue & 0xFF00) >> 8) / 255.0
-                             blue:(rgbValue & 0xFF) / 255.0
-                            alpha:1.0];
-}
-
 - (void)updateProps:(const Props::Shared &)props oldProps:(const Props::Shared &)oldProps
 {
   const auto &oldViewProps = *std::static_pointer_cast<const RNTMyNativeViewProps>(_props);
@@ -123,9 +111,26 @@ - (void)handleCommand:(const NSString *)commandName args:(const NSArray *)args
 
 - (void)callNativeMethodToChangeBackgroundColor:(NSString *)colorString
 {
-  RCTUIColor *color = [self RCTUIColorFromHexString:std::string([colorString UTF8String])]; // [macOS]
-  _view.backgroundColor = color;
+  [_view setBackgroundColorWithColorString:colorString];
+}
+
+- (void)callNativeMethodToAddOverlays:(const NSArray *)overlayColors
+{
+  [_view addColorOverlays:overlayColors];
+}
+
+- (void)callNativeMethodToRemoveOverlays
+{
+  [_view removeOverlays];
 }
+
+- (void)fireLagacyStyleEvent
+{
+  RNTMyNativeViewEventEmitter::OnLegacyStyleEvent value = {"Legacy Style Event Fired."};
+
+  std::static_pointer_cast<const RNTMyNativeViewEventEmitter>(_eventEmitter)->onLegacyStyleEvent(value);
+}
+
 @end
 
 Class<RCTComponentViewProtocol> RNTMyNativeViewCls(void)
diff --git a/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewManager.mm b/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewManager.mm
index 1482657a870323..2cc8196c006f85 100644
--- a/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewManager.mm
+++ b/packages/rn-tester/NativeComponentExample/ios/RNTMyNativeViewManager.mm
@@ -8,6 +8,7 @@
 #import <React/RCTLog.h>
 #import <React/RCTUIManager.h>
 #import <React/RCTViewManager.h>
+#import "UIView+ColorOverlays.h"
 
 @interface RNTMyNativeViewManager : RCTViewManager
 @end
@@ -31,16 +32,7 @@ @implementation RNTMyNativeViewManager
       return;
     }
 
-    unsigned rgbValue = 0;
-    NSString *colorString = [NSString stringWithCString:std::string([color UTF8String]).c_str()
-                                               encoding:[NSString defaultCStringEncoding]];
-    NSScanner *scanner = [NSScanner scannerWithString:colorString];
-    [scanner setScanLocation:1]; // bypass '#' character
-    [scanner scanHexInt:&rgbValue];
-    view.backgroundColor = [RCTUIColor colorWithRed:((rgbValue & 0xFF0000) >> 16) / 255.0 // [macOS
-                                              green:((rgbValue & 0xFF00) >> 8) / 255.0
-                                               blue:(rgbValue & 0xFF) / 255.0
-                                              alpha:1.0];
+    [view setBackgroundColorWithColorString:color];
   }];
 }
 
diff --git a/packages/rn-tester/NativeComponentExample/ios/UIView+ColorOverlays.h b/packages/rn-tester/NativeComponentExample/ios/UIView+ColorOverlays.h
new file mode 100644
index 00000000000000..07cb6e5c8dcd6f
--- /dev/null
+++ b/packages/rn-tester/NativeComponentExample/ios/UIView+ColorOverlays.h
@@ -0,0 +1,23 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+#import <React/RCTComponent.h>
+#import <React/RCTUIKit.h> // [macOS]
+#import <string>
+
+NS_ASSUME_NONNULL_BEGIN
+
+@interface RCTPlatformView (ColorOverlays) // [macOS]
+
+- (void)setBackgroundColorWithColorString:(NSString *)colorString;
+- (void)addColorOverlays:(const NSArray *)overlayColors;
+- (void)removeOverlays;
++ (RCTUIColor *)RCTUIColorFromHexString:(const std::string)hexString; // [macOS]
+
+@end
+
+NS_ASSUME_NONNULL_END
diff --git a/packages/rn-tester/NativeComponentExample/js/MyLegacyViewNativeComponent.js b/packages/rn-tester/NativeComponentExample/js/MyLegacyViewNativeComponent.js
index f1f48517e594b2..859b2cfc1732dd 100644
--- a/packages/rn-tester/NativeComponentExample/js/MyLegacyViewNativeComponent.js
+++ b/packages/rn-tester/NativeComponentExample/js/MyLegacyViewNativeComponent.js
@@ -8,11 +8,12 @@
  * @format
  */
 
-import * as React from 'react';
 import type {HostComponent} from 'react-native';
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-import {requireNativeComponent, UIManager} from 'react-native';
+
 import ReactNative from '../../../react-native/Libraries/Renderer/shims/ReactNative';
+import * as React from 'react';
+import {UIManager, requireNativeComponent} from 'react-native';
 
 type ColorChangedEvent = {
   nativeEvent: {
@@ -42,15 +43,62 @@ export function callNativeMethodToChangeBackgroundColor(
     console.log('viewRef is null');
     return;
   }
+  const reactTag = ReactNative.findNodeHandle(viewRef);
+  if (reactTag == null) {
+    console.log('reactTag is null');
+    return;
+  }
   UIManager.dispatchViewManagerCommand(
-    ReactNative.findNodeHandle(viewRef),
-    UIManager.getViewManagerConfig(
-      'RNTMyLegacyNativeView',
-    ).Commands.changeBackgroundColor.toString(),
+    reactTag,
+    UIManager.getViewManagerConfig('RNTMyLegacyNativeView').Commands
+      .changeBackgroundColor,
     [color],
   );
 }
 
+export function callNativeMethodToAddOverlays(
+  viewRef: React.ElementRef<MyLegacyViewType> | null,
+  overlayColors: $ReadOnlyArray<string>,
+) {
+  if (!viewRef) {
+    console.log('viewRef is null');
+    return;
+  }
+  const reactTag = ReactNative.findNodeHandle(viewRef);
+  if (reactTag == null) {
+    console.log('reactTag is null');
+    return;
+  }
+
+  UIManager.dispatchViewManagerCommand(
+    reactTag,
+    UIManager.getViewManagerConfig('RNTMyLegacyNativeView').Commands
+      .addOverlays,
+    [overlayColors],
+  );
+}
+
+export function callNativeMethodToRemoveOverlays(
+  viewRef: React.ElementRef<MyLegacyViewType> | null,
+) {
+  if (!viewRef) {
+    console.log('viewRef is null');
+    return;
+  }
+  const reactTag = ReactNative.findNodeHandle(viewRef);
+  if (reactTag == null) {
+    console.log('reactTag is null');
+    return;
+  }
+
+  UIManager.dispatchViewManagerCommand(
+    reactTag,
+    UIManager.getViewManagerConfig('RNTMyLegacyNativeView').Commands
+      .removeOverlays,
+    [],
+  );
+}
+
 export default (requireNativeComponent(
   'RNTMyLegacyNativeView',
 ): HostComponent<NativeProps>);
diff --git a/packages/rn-tester/NativeComponentExample/js/MyNativeView.js b/packages/rn-tester/NativeComponentExample/js/MyNativeView.js
index c74c0f084e7648..5d992c04f4fd70 100644
--- a/packages/rn-tester/NativeComponentExample/js/MyNativeView.js
+++ b/packages/rn-tester/NativeComponentExample/js/MyNativeView.js
@@ -8,16 +8,21 @@
  * @format
  */
 
-import * as React from 'react';
-import {useRef, useState} from 'react';
-import {View, Button, Text, UIManager} from 'react-native';
+import type {MyLegacyViewType} from './MyLegacyViewNativeComponent';
+import type {MyNativeViewType} from './MyNativeViewNativeComponent';
+
+import RNTMyLegacyNativeView from './MyLegacyViewNativeComponent';
+import {
+  callNativeMethodToAddOverlays,
+  callNativeMethodToChangeBackgroundColor,
+  callNativeMethodToRemoveOverlays,
+} from './MyLegacyViewNativeComponent';
 import RNTMyNativeView, {
   Commands as RNTMyNativeViewCommands,
 } from './MyNativeViewNativeComponent';
-import RNTMyLegacyNativeView from './MyLegacyViewNativeComponent';
-import type {MyLegacyViewType} from './MyLegacyViewNativeComponent';
-import type {MyNativeViewType} from './MyNativeViewNativeComponent';
-import {callNativeMethodToChangeBackgroundColor} from './MyLegacyViewNativeComponent';
+import * as React from 'react';
+import {useRef, useState} from 'react';
+import {Button, Text, UIManager, View} from 'react-native';
 const colors = [
   '#0000FF',
   '#FF0000',
@@ -87,6 +92,7 @@ export default function MyNativeView(props: {}): React.Node {
   const ref = useRef<React.ElementRef<MyNativeViewType> | null>(null);
   const legacyRef = useRef<React.ElementRef<MyLegacyViewType> | null>(null);
   const [opacity, setOpacity] = useState(1.0);
+  const [arrayValues, setArrayValues] = useState([1, 2, 3]);
   const [hsba, setHsba] = useState<HSBA>(new HSBA());
   const [cornerRadiusIndex, setCornerRadiusIndex] = useState<number>(0);
   const [legacyMeasure, setLegacyMeasure] =
@@ -102,7 +108,7 @@ export default function MyNativeView(props: {}): React.Node {
         ref={ref}
         style={{flex: 1}}
         opacity={opacity}
-        values={[0, 1, 2, 3, 4]}
+        values={arrayValues}
         onIntArrayChanged={event => {
           console.log(event.nativeEvent.values);
           console.log(event.nativeEvent.boolValues);
@@ -113,6 +119,9 @@ export default function MyNativeView(props: {}): React.Node {
           console.log(event.nativeEvent.latLons);
           console.log(event.nativeEvent.multiArrays);
         }}
+        onLegacyStyleEvent={event => {
+          console.log(event.nativeEvent.string);
+        }}
       />
       <Text style={{color: 'red'}}>Legacy View</Text>
       <RNTMyLegacyNativeView
@@ -135,7 +144,7 @@ export default function MyNativeView(props: {}): React.Node {
       </Text>
       <Text style={{color: 'green', textAlign: 'center'}}>
         Constants From Interop Layer:{' '}
-        {UIManager.RNTMyLegacyNativeView.Constants.PI}
+        {UIManager.getViewManagerConfig('RNTMyLegacyNativeView').Constants.PI}
       </Text>
       <Button
         title="Change Background"
@@ -150,10 +159,41 @@ export default function MyNativeView(props: {}): React.Node {
           callNativeMethodToChangeBackgroundColor(legacyRef.current, newColor);
         }}
       />
+      <Button
+        title="Add Overlays"
+        onPress={() => {
+          let randomColorId = Math.floor(Math.random() * 5);
+          let overlayColors = [
+            colors[randomColorId],
+            colors[(randomColorId + 1) % 5],
+          ];
+          RNTMyNativeViewCommands.callNativeMethodToAddOverlays(
+            // $FlowFixMe[incompatible-call]
+            ref.current,
+            overlayColors,
+          );
+          callNativeMethodToAddOverlays(legacyRef.current, overlayColors);
+        }}
+      />
+      <Button
+        title="Remove Overlays"
+        onPress={() => {
+          RNTMyNativeViewCommands.callNativeMethodToRemoveOverlays(
+            // $FlowFixMe[incompatible-call]
+            ref.current,
+          );
+          callNativeMethodToRemoveOverlays(legacyRef.current);
+        }}
+      />
       <Button
         title="Set Opacity"
         onPress={() => {
           setOpacity(Math.random());
+          setArrayValues([
+            Math.floor(Math.random() * 100),
+            Math.floor(Math.random() * 100),
+            Math.floor(Math.random() * 100),
+          ]);
         }}
       />
       <Button
@@ -181,7 +221,15 @@ export default function MyNativeView(props: {}): React.Node {
           }
         }}
       />
-
+      <Button
+        title="Fire Legacy Style Event"
+        onPress={() => {
+          RNTMyNativeViewCommands.fireLagacyStyleEvent(
+            // $FlowFixMe[incompatible-call]
+            ref.current,
+          );
+        }}
+      />
       <Text style={{color: 'green', textAlign: 'center'}}>
         &gt; Interop Layer Measurements &lt;
       </Text>
diff --git a/packages/rn-tester/NativeComponentExample/js/MyNativeViewNativeComponent.js b/packages/rn-tester/NativeComponentExample/js/MyNativeViewNativeComponent.js
index e7b3ee28742a35..4b062598cf100d 100644
--- a/packages/rn-tester/NativeComponentExample/js/MyNativeViewNativeComponent.js
+++ b/packages/rn-tester/NativeComponentExample/js/MyNativeViewNativeComponent.js
@@ -8,17 +8,18 @@
  * @format
  */
 
-import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
-import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
-import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 import type {
-  Float,
+  BubblingEventHandler,
   Double,
+  Float,
   Int32,
-  BubblingEventHandler,
 } from 'react-native/Libraries/Types/CodegenTypes';
+
 import * as React from 'react';
+import codegenNativeCommands from 'react-native/Libraries/Utilities/codegenNativeCommands';
+import codegenNativeComponent from 'react-native/Libraries/Utilities/codegenNativeComponent';
 
 type Event = $ReadOnly<{
   values: $ReadOnlyArray<Int32>,
@@ -31,6 +32,10 @@ type Event = $ReadOnly<{
   multiArrays: $ReadOnlyArray<$ReadOnlyArray<Int32>>,
 }>;
 
+type LegacyStyleEvent = $ReadOnly<{
+  string: string,
+}>;
+
 type NativeProps = $ReadOnly<{|
   ...ViewProps,
   opacity?: Float,
@@ -38,6 +43,10 @@ type NativeProps = $ReadOnly<{|
 
   // Events
   onIntArrayChanged?: ?BubblingEventHandler<Event>,
+  onLegacyStyleEvent?: ?BubblingEventHandler<
+    LegacyStyleEvent,
+    'alternativeLegacyName',
+  >,
 |}>;
 
 export type MyNativeViewType = HostComponent<NativeProps>;
@@ -47,10 +56,26 @@ interface NativeCommands {
     viewRef: React.ElementRef<MyNativeViewType>,
     color: string,
   ) => void;
+
+  +callNativeMethodToAddOverlays: (
+    viewRef: React.ElementRef<MyNativeViewType>,
+    overlayColors: $ReadOnlyArray<string>,
+  ) => void;
+
+  +callNativeMethodToRemoveOverlays: (
+    viewRef: React.ElementRef<MyNativeViewType>,
+  ) => void;
+
+  +fireLagacyStyleEvent: (viewRef: React.ElementRef<MyNativeViewType>) => void;
 }
 
 export const Commands: NativeCommands = codegenNativeCommands<NativeCommands>({
-  supportedCommands: ['callNativeMethodToChangeBackgroundColor'],
+  supportedCommands: [
+    'callNativeMethodToChangeBackgroundColor',
+    'callNativeMethodToAddOverlays',
+    'callNativeMethodToRemoveOverlays',
+    'fireLagacyStyleEvent',
+  ],
 });
 
 export default (codegenNativeComponent<NativeProps>(
diff --git a/packages/rn-tester/NativeCxxModuleExample/CMakeLists.txt b/packages/rn-tester/NativeCxxModuleExample/CMakeLists.txt
index 0fe23d107d9e16..e017b80962aa8a 100644
--- a/packages/rn-tester/NativeCxxModuleExample/CMakeLists.txt
+++ b/packages/rn-tester/NativeCxxModuleExample/CMakeLists.txt
@@ -12,7 +12,6 @@ add_compile_options(
         -std=c++20
         -Wall
         -Wpedantic
-        -Wno-gnu-zero-variadic-macro-arguments
         -DFOLLY_NO_CONFIG=1
         -DLOG_TAG=\"ReactNative\")
 
diff --git a/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.cpp b/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.cpp
index fb258b6022db60..abec005d02e00b 100644
--- a/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.cpp
+++ b/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.cpp
@@ -20,6 +20,18 @@ void NativeCxxModuleExample::getValueWithCallback(
   callback({"value from callback!"});
 }
 
+std::function<void()> NativeCxxModuleExample::setValueCallbackWithSubscription(
+    jsi::Runtime& rt,
+    AsyncCallback<std::string> callback) {
+  valueCallback_ = std::make_optional(callback);
+  return [&]() {
+    if (valueCallback_.has_value()) {
+      valueCallback_.value()({"value from callback on clean up!"});
+      valueCallback_ = std::nullopt;
+    }
+  };
+}
+
 std::vector<std::optional<ObjectStruct>> NativeCxxModuleExample::getArray(
     jsi::Runtime& rt,
     std::vector<std::optional<ObjectStruct>> arg) {
@@ -53,6 +65,22 @@ std::string NativeCxxModuleExample::consumeCustomHostObject(
   return value->a_ + std::to_string(value->b_);
 }
 
+BinaryTreeNode NativeCxxModuleExample::getBinaryTreeNode(
+    jsi::Runtime& rt,
+    BinaryTreeNode arg) {
+  return arg;
+}
+
+GraphNode NativeCxxModuleExample::getGraphNode(
+    jsi::Runtime& rt,
+    GraphNode arg) {
+  if (arg.neighbors) {
+    arg.neighbors->emplace_back(GraphNode{.label = "top"});
+    arg.neighbors->emplace_back(GraphNode{.label = "down"});
+  }
+  return arg;
+}
+
 NativeCxxModuleExampleCxxEnumFloat NativeCxxModuleExample::getNumEnum(
     jsi::Runtime& rt,
     NativeCxxModuleExampleCxxEnumInt arg) {
@@ -141,6 +169,15 @@ void NativeCxxModuleExample::voidFunc(jsi::Runtime& rt) {
   // Nothing to do
 }
 
+void NativeCxxModuleExample::setMenu(jsi::Runtime& rt, MenuItem menuItem) {
+  menuItem.onPress("value", true);
+  if (menuItem.items) {
+    for (auto subMenuItem : *menuItem.items) {
+      subMenuItem.onPress("another value", false);
+    }
+  }
+}
+
 void NativeCxxModuleExample::emitCustomDeviceEvent(
     jsi::Runtime& rt,
     jsi::String eventName) {
diff --git a/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.h b/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.h
index fa160030783fc4..9017ab9f7b6153 100644
--- a/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.h
+++ b/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.h
@@ -15,6 +15,7 @@
 #include <AppSpecs/AppSpecsJSI.h>
 #endif
 #include <memory>
+#include <optional>
 #include <set>
 #include <string>
 #include <vector>
@@ -23,42 +24,35 @@ namespace facebook::react {
 
 #pragma mark - Structs
 using ConstantsStruct =
-    NativeCxxModuleExampleCxxBaseConstantsStruct<bool, int32_t, std::string>;
+    NativeCxxModuleExampleCxxConstantsStruct<bool, int32_t, std::string>;
 
 template <>
 struct Bridging<ConstantsStruct>
-    : NativeCxxModuleExampleCxxBaseConstantsStructBridging<
-          bool,
-          int32_t,
-          std::string> {};
+    : NativeCxxModuleExampleCxxConstantsStructBridging<ConstantsStruct> {};
 
-using ObjectStruct = NativeCxxModuleExampleCxxBaseObjectStruct<
+using ObjectStruct = NativeCxxModuleExampleCxxObjectStruct<
     int32_t,
     std::string,
     std::optional<std::string>>;
 
 template <>
 struct Bridging<ObjectStruct>
-    : NativeCxxModuleExampleCxxBaseObjectStructBridging<
-          int32_t,
-          std::string,
-          std::optional<std::string>> {};
+    : NativeCxxModuleExampleCxxObjectStructBridging<ObjectStruct> {};
 
 using ValueStruct =
-    NativeCxxModuleExampleCxxBaseValueStruct<double, std::string, ObjectStruct>;
+    NativeCxxModuleExampleCxxValueStruct<double, std::string, ObjectStruct>;
 
 template <>
-struct Bridging<ValueStruct> : NativeCxxModuleExampleCxxBaseValueStructBridging<
-                                   double,
-                                   std::string,
-                                   ObjectStruct> {};
+struct Bridging<ValueStruct>
+    : NativeCxxModuleExampleCxxValueStructBridging<ValueStruct> {};
 
 #pragma mark - enums
-enum CustomEnumInt { A = 23, B = 42 };
+enum class CustomEnumInt : int32_t { A = 23, B = 42 };
 
 template <>
 struct Bridging<CustomEnumInt> {
-  static CustomEnumInt fromJs(jsi::Runtime& rt, int32_t value) {
+  static CustomEnumInt fromJs(jsi::Runtime& rt, jsi::Value rawValue) {
+    auto value = static_cast<int32_t>(rawValue.asNumber());
     if (value == 23) {
       return CustomEnumInt::A;
     } else if (value == 42) {
@@ -97,6 +91,31 @@ struct CustomHostObjectRef {
 
 using CustomHostObject = HostObjectWrapper<CustomHostObjectRef>;
 
+#pragma mark - recursive objects
+
+using BinaryTreeNode = NativeCxxModuleExampleCxxBinaryTreeNode<int32_t>;
+
+template <>
+struct Bridging<BinaryTreeNode>
+    : NativeCxxModuleExampleCxxBinaryTreeNodeBridging<BinaryTreeNode> {};
+
+using GraphNode = NativeCxxModuleExampleCxxGraphNode<std::string>;
+
+template <>
+struct Bridging<GraphNode>
+    : NativeCxxModuleExampleCxxGraphNodeBridging<GraphNode> {};
+
+#pragma mark - functional object properties
+
+using MenuItem = NativeCxxModuleExampleCxxMenuItem<
+    std::string,
+    AsyncCallback<std::string, bool>,
+    std::optional<std::string>>;
+
+template <>
+struct Bridging<MenuItem>
+    : NativeCxxModuleExampleCxxMenuItemBridging<MenuItem> {};
+
 #pragma mark - implementation
 class NativeCxxModuleExample
     : public NativeCxxModuleExampleCxxSpec<NativeCxxModuleExample> {
@@ -107,6 +126,10 @@ class NativeCxxModuleExample
       jsi::Runtime& rt,
       AsyncCallback<std::string> callback);
 
+  std::function<void()> setValueCallbackWithSubscription(
+      jsi::Runtime& rt,
+      AsyncCallback<std::string> callback);
+
   std::vector<std::optional<ObjectStruct>> getArray(
       jsi::Runtime& rt,
       std::vector<std::optional<ObjectStruct>> arg);
@@ -123,6 +146,10 @@ class NativeCxxModuleExample
       jsi::Runtime& rt,
       std::shared_ptr<CustomHostObject> arg);
 
+  BinaryTreeNode getBinaryTreeNode(jsi::Runtime& rt, BinaryTreeNode arg);
+
+  GraphNode getGraphNode(jsi::Runtime& rt, GraphNode arg);
+
   NativeCxxModuleExampleCxxEnumFloat getNumEnum(
       jsi::Runtime& rt,
       NativeCxxModuleExampleCxxEnumInt arg);
@@ -156,6 +183,8 @@ class NativeCxxModuleExample
 
   void voidFunc(jsi::Runtime& rt);
 
+  void setMenu(jsi::Runtime& rt, MenuItem menuItem);
+
   void emitCustomDeviceEvent(jsi::Runtime& rt, jsi::String eventName);
 
   void voidFuncThrows(jsi::Runtime& rt);
@@ -169,6 +198,9 @@ class NativeCxxModuleExample
   ObjectStruct getObjectAssert(jsi::Runtime& rt, ObjectStruct arg);
 
   AsyncPromise<jsi::Value> promiseAssert(jsi::Runtime& rt);
+
+ private:
+  std::optional<AsyncCallback<std::string>> valueCallback_;
 };
 
 } // namespace facebook::react
diff --git a/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.js b/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.js
index 93b03705253ea5..ae4e4658d5c2b0 100644
--- a/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.js
+++ b/packages/rn-tester/NativeCxxModuleExample/NativeCxxModuleExample.js
@@ -36,26 +36,44 @@ export type UnionFloat = 1.44 | 2.88 | 5.76;
 export type UnionString = 'One' | 'Two' | 'Three';
 export type UnionObject = {value: number} | {low: string};
 
-export type ConstantsStruct = {|
+export type ConstantsStruct = {
   const1: boolean,
   const2: number,
   const3: string,
-|};
+};
 
-export type ObjectStruct = {|
+export type ObjectStruct = {
   a: number,
   b: string,
   c?: ?string,
-|};
+};
 
-export type ValueStruct = {|
+export type ValueStruct = {
   x: number,
   y: string,
   z: ObjectStruct,
-|};
+};
 
 export type CustomHostObject = {};
 
+export type BinaryTreeNode = {
+  left?: BinaryTreeNode,
+  value: number,
+  right?: BinaryTreeNode,
+};
+
+export type GraphNode = {
+  label: string,
+  neighbors?: Array<GraphNode>,
+};
+
+export type MenuItem = {
+  label: string,
+  onPress: (value: string, flag: boolean) => void,
+  shortcut?: ?string,
+  items?: Array<MenuItem>,
+};
+
 export interface Spec extends TurboModule {
   +getArray: (arg: Array<ObjectStruct | null>) => Array<ObjectStruct | null>;
   +getBool: (arg: boolean) => boolean;
@@ -63,6 +81,8 @@ export interface Spec extends TurboModule {
   +getCustomEnum: (arg: EnumInt) => EnumInt;
   +getCustomHostObject: () => CustomHostObject;
   +consumeCustomHostObject: (customHostObject: CustomHostObject) => string;
+  +getBinaryTreeNode: (arg: BinaryTreeNode) => BinaryTreeNode;
+  +getGraphNode: (arg: GraphNode) => GraphNode;
   +getNumEnum: (arg: EnumInt) => EnumFloat;
   +getStrEnum: (arg: EnumNone) => EnumStr;
   +getMap: (arg: {[key: string]: ?number}) => {[key: string]: ?number};
@@ -73,9 +93,13 @@ export interface Spec extends TurboModule {
   +getUnion: (x: UnionFloat, y: UnionString, z: UnionObject) => string;
   +getValue: (x: number, y: string, z: ObjectStruct) => ValueStruct;
   +getValueWithCallback: (callback: (value: string) => void) => void;
+  +setValueCallbackWithSubscription: (
+    callback: (value: string) => void,
+  ) => () => void;
   +getValueWithPromise: (error: boolean) => Promise<string>;
   +getWithWithOptionalArgs: (optionalArg?: boolean) => ?boolean;
   +voidFunc: () => void;
+  +setMenu: (menuItem: MenuItem) => void;
   +emitCustomDeviceEvent: (eventName: string) => void;
   +voidFuncThrows: () => void;
   +getObjectThrows: (arg: ObjectStruct) => ObjectStruct;
diff --git a/packages/rn-tester/NativeModuleExample/NativeScreenshotManager.js b/packages/rn-tester/NativeModuleExample/NativeScreenshotManager.js
index 60aae1100ada62..f0a039add0f190 100644
--- a/packages/rn-tester/NativeModuleExample/NativeScreenshotManager.js
+++ b/packages/rn-tester/NativeModuleExample/NativeScreenshotManager.js
@@ -9,9 +9,10 @@
  */
 
 import type {TurboModule} from 'react-native/Libraries/TurboModule/RCTExport';
-import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
 import type {UnsafeObject} from 'react-native/Libraries/Types/CodegenTypes';
 
+import * as TurboModuleRegistry from 'react-native/Libraries/TurboModule/TurboModuleRegistry';
+
 export type ScreenshotManagerOptions = UnsafeObject;
 
 export interface Spec extends TurboModule {
diff --git a/packages/rn-tester/NativeModuleExample/ScreenshotManager.podspec b/packages/rn-tester/NativeModuleExample/ScreenshotManager.podspec
index 2082df5691ed09..17daaf5934d9fd 100644
--- a/packages/rn-tester/NativeModuleExample/ScreenshotManager.podspec
+++ b/packages/rn-tester/NativeModuleExample/ScreenshotManager.podspec
@@ -23,13 +23,4 @@ Pod::Spec.new do |s|
   s.requires_arc    = true
 
   install_modules_dependencies(s)
-
-  # s.dependency "..."
-
-  # Enable codegen for this library
-  use_react_native_codegen!(s, {
-    :react_native_path => "../../react-native",
-    :js_srcs_dir => "./",
-    :library_type => "modules",
-  })
 end
diff --git a/packages/rn-tester/Podfile b/packages/rn-tester/Podfile
index 44b1097eef82db..6e5401ded9c95c 100644
--- a/packages/rn-tester/Podfile
+++ b/packages/rn-tester/Podfile
@@ -32,9 +32,7 @@ if USE_FRAMEWORKS
   use_frameworks! :linkage => linkage.to_sym
 end
 
-$shouldUseFlipper =  ENV['USE_FLIPPER'] ? ENV['USE_FLIPPER'] == '1' : !IN_CI && !USE_FRAMEWORKS
-
-def pods(target_name, options = {}, use_flipper: $shouldUseFlipper)
+def pods(target_name, options = {})
   project 'RNTesterPods.xcodeproj'
 
   fabric_enabled = ENV['RCT_NEW_ARCH_ENABLED'] == '1' # [macOS] Disable Fabric by default till macOS supports it
@@ -49,26 +47,20 @@ def pods(target_name, options = {}, use_flipper: $shouldUseFlipper)
     path: @prefix_path,
     fabric_enabled: fabric_enabled,
     hermes_enabled: hermes_enabled,
-    flipper_configuration: FlipperConfiguration.disabled, # [macOS] Disable Flipper as it's not supported on macOS
     app_path: "#{Dir.pwd}",
     config_file_dir: "#{Dir.pwd}/node_modules",
     production: false, #deprecated
-    ios_folder: '.',
   )
   pod 'ReactCommon-Samples', :path => "#{@prefix_path}/ReactCommon/react/nativemodule/samples"
 
   # Additional Pods which aren't included in the default Podfile
   pod 'React-RCTPushNotification', :path => "#{@prefix_path}/Libraries/PushNotificationIOS"
-  pod 'Yoga', :path => "#{@prefix_path}/ReactCommon/yoga", :modular_headers => true
   # Additional Pods which are classed as unstable
 
   # RNTester native modules and components
   pod 'ScreenshotManager', :path => "NativeModuleExample"
-
-  if ENV['RCT_NEW_ARCH_ENABLED'] == '1'
-    pod 'MyNativeView', :path => "NativeComponentExample"
-    pod 'NativeCxxModuleExample', :path => "NativeCxxModuleExample"
-  end
+  pod 'MyNativeView', :path => "NativeComponentExample"
+  pod 'NativeCxxModuleExample', :path => "NativeCxxModuleExample"
 end
 
 target 'RNTester' do
diff --git a/packages/rn-tester/Podfile.lock b/packages/rn-tester/Podfile.lock
index 4559ada2f62590..836684f3283b28 100644
--- a/packages/rn-tester/Podfile.lock
+++ b/packages/rn-tester/Podfile.lock
@@ -2,32 +2,68 @@ PODS:
   - boost (1.83.0)
   - DoubleConversion (1.1.6)
   - FBLazyVector (1000.0.0)
-  - FBReactNativeSpec (1000.0.0):
-    - RCT-Folly (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
-    - React-Core (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
   - fmt (9.1.0)
   - glog (0.3.5)
-  - OCMock (3.9.3)
-  - RCT-Folly (2023.08.07.00):
+  - MyNativeView (0.0.1):
+    - DoubleConversion
+    - glog
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - NativeCxxModuleExample (0.0.1):
+    - DoubleConversion
+    - glog
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
+  - OCMock (3.9.4)
+  - RCT-Folly (2024.01.01.00):
     - boost
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Default (= 2023.08.07.00)
-  - RCT-Folly/Default (2023.08.07.00):
+    - RCT-Folly/Default (= 2024.01.01.00)
+  - RCT-Folly/Default (2024.01.01.00):
     - boost
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-  - RCT-Folly/Fabric (2023.08.07.00):
+  - RCT-Folly/Fabric (2024.01.01.00):
     - boost
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
+  - RCTDeprecation (1000.0.0)
   - RCTRequired (1000.0.0)
   - RCTTypeSafety (1000.0.0):
     - FBLazyVector (= 1000.0.0)
@@ -49,27 +85,35 @@ PODS:
   - React-callinvoker (1000.0.0)
   - React-Codegen (1000.0.0):
     - DoubleConversion
-    - FBReactNativeSpec
     - glog
     - RCT-Folly
     - RCTRequired
     - RCTTypeSafety
     - React-Core
+    - React-debug
+    - React-Fabric
+    - React-FabricImage
+    - React-featureflags
+    - React-graphics
     - React-jsc
     - React-jsi
     - React-jsiexecutor
     - React-NativeModulesApple
-    - React-rncore
+    - React-rendererdebug
+    - React-utils
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
   - React-Core (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default (= 1000.0.0)
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -77,12 +121,15 @@ PODS:
     - Yoga
   - React-Core/CoreModulesHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -90,11 +137,14 @@ PODS:
     - Yoga
   - React-Core/Default (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -102,14 +152,16 @@ PODS:
     - Yoga
   - React-Core/DevSupport (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default (= 1000.0.0)
     - React-Core/RCTWebSocket (= 1000.0.0)
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
-    - React-jsinspector (= 1000.0.0)
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -117,12 +169,15 @@ PODS:
     - Yoga
   - React-Core/RCTActionSheetHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -130,12 +185,15 @@ PODS:
     - Yoga
   - React-Core/RCTAnimationHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -143,12 +201,15 @@ PODS:
     - Yoga
   - React-Core/RCTBlobHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -156,12 +217,15 @@ PODS:
     - Yoga
   - React-Core/RCTImageHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -169,12 +233,15 @@ PODS:
     - Yoga
   - React-Core/RCTLinkingHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -182,12 +249,15 @@ PODS:
     - Yoga
   - React-Core/RCTNetworkHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -195,12 +265,15 @@ PODS:
     - Yoga
   - React-Core/RCTPushNotificationHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -208,12 +281,15 @@ PODS:
     - Yoga
   - React-Core/RCTSettingsHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -221,12 +297,15 @@ PODS:
     - Yoga
   - React-Core/RCTTextHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -234,12 +313,15 @@ PODS:
     - Yoga
   - React-Core/RCTVibrationHeaders (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
@@ -247,37 +329,44 @@ PODS:
     - Yoga
   - React-Core/RCTWebSocket (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTDeprecation
     - React-Core/Default (= 1000.0.0)
     - React-cxxreact
+    - React-featureflags
     - React-jsc
     - React-jsi
     - React-jsiexecutor
+    - React-jsinspector
     - React-perflogger
     - React-runtimescheduler
     - React-utils
     - SocketRocket (= 0.7.0)
     - Yoga
   - React-CoreModules (1000.0.0):
-    - RCT-Folly (= 2023.08.07.00)
+    - DoubleConversion
+    - fmt (= 9.1.0)
+    - RCT-Folly (= 2024.01.01.00)
     - RCTTypeSafety (= 1000.0.0)
-    - React-Codegen (= 1000.0.0)
+    - React-Codegen
     - React-Core/CoreModulesHeaders (= 1000.0.0)
     - React-jsi (= 1000.0.0)
+    - React-jsinspector
+    - React-NativeModulesApple
     - React-RCTBlob
     - React-RCTImage (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon
     - SocketRocket (= 0.7.0)
   - React-cxxreact (1000.0.0):
     - boost (= 1.83.0)
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
     - React-callinvoker (= 1000.0.0)
     - React-debug (= 1000.0.0)
     - React-jsi (= 1000.0.0)
-    - React-jsinspector (= 1000.0.0)
+    - React-jsinspector
     - React-logger (= 1000.0.0)
     - React-perflogger (= 1000.0.0)
     - React-runtimeexecutor (= 1000.0.0)
@@ -286,9 +375,9 @@ PODS:
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
@@ -306,93 +395,98 @@ PODS:
     - React-Fabric/templateprocessor (= 1000.0.0)
     - React-Fabric/textlayoutmanager (= 1000.0.0)
     - React-Fabric/uimanager (= 1000.0.0)
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/animations (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/attributedstring (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/componentregistry (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/componentregistrynative (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
@@ -407,396 +501,421 @@ PODS:
     - React-Fabric/components/textinput (= 1000.0.0)
     - React-Fabric/components/unimplementedview (= 1000.0.0)
     - React-Fabric/components/view (= 1000.0.0)
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components/inputaccessory (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components/legacyviewmanagerinterop (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components/modal (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components/rncore (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components/root (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components/safeareaview (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components/scrollview (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components/text (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components/textinput (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components/unimplementedview (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/components/view (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
     - Yoga
   - React-Fabric/core (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/imagemanager (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/leakchecker (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/mounting (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/scheduler (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/telemetry (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/templateprocessor (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/textlayoutmanager (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
     - React-Fabric/uimanager
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-Fabric/uimanager (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - RCTRequired (= 1000.0.0)
-    - RCTTypeSafety (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
     - React-Core
     - React-cxxreact
     - React-debug
-    - React-graphics (= 1000.0.0)
+    - React-graphics
+    - React-jsc
     - React-jsi
-    - React-jsiexecutor (= 1000.0.0)
+    - React-jsiexecutor
     - React-logger
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon/turbomodule/core
   - React-FabricImage (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
     - RCTRequired (= 1000.0.0)
     - RCTTypeSafety (= 1000.0.0)
     - React-Fabric
-    - React-graphics (= 1000.0.0)
+    - React-graphics
     - React-ImageManager
+    - React-jsc
     - React-jsi
     - React-jsiexecutor (= 1000.0.0)
     - React-logger
     - React-rendererdebug
     - React-utils
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - ReactCommon
     - Yoga
+  - React-featureflags (1000.0.0)
   - React-graphics (1000.0.0):
+    - DoubleConversion
+    - fmt (= 9.1.0)
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
     - React-Core/Default (= 1000.0.0)
     - React-utils
   - React-ImageManager (1000.0.0):
@@ -805,7 +924,7 @@ PODS:
     - React-Core/Default
     - React-debug
     - React-Fabric
-    - React-RCTImage
+    - React-graphics
     - React-rendererdebug
     - React-utils
   - React-jsc (1000.0.0):
@@ -814,24 +933,34 @@ PODS:
   - React-jsc/Fabric (1000.0.0):
     - React-jsi (= 1000.0.0)
   - React-jserrorhandler (1000.0.0):
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - React-jsi (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - React-debug
+    - React-jsi
     - React-Mapbuffer
   - React-jsi (1000.0.0):
     - boost (= 1.83.0)
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
   - React-jsiexecutor (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
+    - React-jsinspector
     - React-perflogger (= 1000.0.0)
-  - React-jsinspector (1000.0.0)
+  - React-jsinspector (1000.0.0):
+    - DoubleConversion
+    - glog
+    - RCT-Folly (= 2024.01.01.00)
+    - React-featureflags
+    - React-jsi
+    - React-runtimeexecutor (= 1000.0.0)
+  - React-jsitracing (1000.0.0):
+    - React-jsi
   - React-logger (1000.0.0):
     - glog
   - React-Mapbuffer (1000.0.0):
@@ -843,7 +972,9 @@ PODS:
     - React-callinvoker
     - React-Core
     - React-cxxreact
+    - React-jsc
     - React-jsi
+    - React-jsinspector
     - React-runtimeexecutor
     - ReactCommon/turbomodule/bridging
     - ReactCommon/turbomodule/core
@@ -851,86 +982,108 @@ PODS:
   - React-RCTActionSheet (1000.0.0):
     - React-Core/RCTActionSheetHeaders (= 1000.0.0)
   - React-RCTAnimation (1000.0.0):
-    - RCT-Folly (= 2023.08.07.00)
-    - RCTTypeSafety (= 1000.0.0)
-    - React-Codegen (= 1000.0.0)
-    - React-Core/RCTAnimationHeaders (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core/RCTAnimationHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - ReactCommon
   - React-RCTAppDelegate (1000.0.0):
-    - RCT-Folly
+    - RCT-Folly (= 2024.01.01.00)
     - RCTRequired
     - RCTTypeSafety
+    - React-Codegen
     - React-Core
     - React-CoreModules
+    - React-debug
+    - React-Fabric
+    - React-graphics
     - React-jsc
     - React-nativeconfig
     - React-NativeModulesApple
     - React-RCTFabric
     - React-RCTImage
     - React-RCTNetwork
+    - React-rendererdebug
+    - React-RuntimeApple
+    - React-RuntimeCore
     - React-runtimescheduler
-    - ReactCommon/turbomodule/core
+    - React-utils
+    - ReactCommon
   - React-RCTBlob (1000.0.0):
-    - RCT-Folly (= 2023.08.07.00)
-    - React-Codegen (= 1000.0.0)
-    - React-Core/RCTBlobHeaders (= 1000.0.0)
-    - React-Core/RCTWebSocket (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - React-RCTNetwork (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - DoubleConversion
+    - fmt (= 9.1.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - React-Codegen
+    - React-Core/RCTBlobHeaders
+    - React-Core/RCTWebSocket
+    - React-jsi
+    - React-jsinspector
+    - React-NativeModulesApple
+    - React-RCTNetwork
+    - ReactCommon
   - React-RCTFabric (1000.0.0):
     - glog
-    - RCT-Folly/Fabric (= 2023.08.07.00)
-    - React-Core (= 1000.0.0)
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - React-Core
     - React-debug
-    - React-Fabric (= 1000.0.0)
+    - React-Fabric
     - React-FabricImage
+    - React-featureflags
     - React-graphics
     - React-ImageManager
+    - React-jsc
     - React-jsi
+    - React-jsinspector
     - React-nativeconfig
-    - React-RCTImage (= 1000.0.0)
+    - React-RCTImage
     - React-RCTText
     - React-rendererdebug
     - React-runtimescheduler
     - React-utils
     - Yoga
   - React-RCTImage (1000.0.0):
-    - RCT-Folly (= 2023.08.07.00)
-    - RCTTypeSafety (= 1000.0.0)
-    - React-Codegen (= 1000.0.0)
-    - React-Core/RCTImageHeaders (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - React-RCTNetwork (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core/RCTImageHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTNetwork
+    - ReactCommon
   - React-RCTLinking (1000.0.0):
-    - React-Codegen (= 1000.0.0)
+    - React-Codegen
     - React-Core/RCTLinkingHeaders (= 1000.0.0)
     - React-jsi (= 1000.0.0)
+    - React-NativeModulesApple
+    - ReactCommon
     - ReactCommon/turbomodule/core (= 1000.0.0)
   - React-RCTNetwork (1000.0.0):
-    - RCT-Folly (= 2023.08.07.00)
-    - RCTTypeSafety (= 1000.0.0)
-    - React-Codegen (= 1000.0.0)
-    - React-Core/RCTNetworkHeaders (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core/RCTNetworkHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - ReactCommon
   - React-RCTPushNotification (1000.0.0):
-    - RCTTypeSafety (= 1000.0.0)
-    - React-Codegen (= 1000.0.0)
-    - React-Core/RCTPushNotificationHeaders (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core/RCTPushNotificationHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - ReactCommon
   - React-RCTSettings (1000.0.0):
-    - RCT-Folly (= 2023.08.07.00)
-    - RCTTypeSafety (= 1000.0.0)
-    - React-Codegen (= 1000.0.0)
-    - React-Core/RCTSettingsHeaders (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTTypeSafety
+    - React-Codegen
+    - React-Core/RCTSettingsHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - ReactCommon
   - React-RCTTest (1000.0.0):
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
     - React-Core (= 1000.0.0)
     - React-CoreModules (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -939,32 +1092,70 @@ PODS:
     - React-Core/RCTTextHeaders (= 1000.0.0)
     - Yoga
   - React-RCTVibration (1000.0.0):
-    - RCT-Folly (= 2023.08.07.00)
-    - React-Codegen (= 1000.0.0)
-    - React-Core/RCTVibrationHeaders (= 1000.0.0)
-    - React-jsi (= 1000.0.0)
-    - ReactCommon/turbomodule/core (= 1000.0.0)
+    - RCT-Folly (= 2024.01.01.00)
+    - React-Codegen
+    - React-Core/RCTVibrationHeaders
+    - React-jsi
+    - React-NativeModulesApple
+    - ReactCommon
   - React-rendererdebug (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
     - React-debug
   - React-rncore (1000.0.0)
+  - React-RuntimeApple (1000.0.0):
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - React-callinvoker
+    - React-Core/Default
+    - React-CoreModules
+    - React-cxxreact
+    - React-jsc
+    - React-jserrorhandler
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-Mapbuffer
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-RuntimeCore
+    - React-runtimeexecutor
+    - React-utils
+  - React-RuntimeCore (1000.0.0):
+    - glog
+    - RCT-Folly/Fabric (= 2024.01.01.00)
+    - React-cxxreact
+    - React-featureflags
+    - React-jsc
+    - React-jserrorhandler
+    - React-jsi
+    - React-jsiexecutor
+    - React-jsinspector
+    - React-runtimeexecutor
+    - React-runtimescheduler
+    - React-utils
   - React-runtimeexecutor (1000.0.0):
     - React-jsi (= 1000.0.0)
   - React-runtimescheduler (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
     - React-callinvoker
+    - React-cxxreact
     - React-debug
+    - React-featureflags
+    - React-jsc
     - React-jsi
     - React-rendererdebug
     - React-runtimeexecutor
     - React-utils
   - React-utils (1000.0.0):
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
     - React-debug
+    - React-jsc
+    - React-jsi (= 1000.0.0)
+  - ReactCommon (1000.0.0):
+    - ReactCommon/turbomodule (= 1000.0.0)
   - ReactCommon-Samples (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
@@ -972,14 +1163,27 @@ PODS:
     - React-Codegen
     - React-Core
     - React-cxxreact
+    - React-jsc
     - React-jsi
     - React-NativeModulesApple
-    - ReactCommon/turbomodule/core
+    - ReactCommon
+  - ReactCommon/turbomodule (1000.0.0):
+    - DoubleConversion
+    - fmt (= 9.1.0)
+    - glog
+    - RCT-Folly (= 2024.01.01.00)
+    - React-callinvoker (= 1000.0.0)
+    - React-cxxreact (= 1000.0.0)
+    - React-jsi (= 1000.0.0)
+    - React-logger (= 1000.0.0)
+    - React-perflogger (= 1000.0.0)
+    - ReactCommon/turbomodule/bridging (= 1000.0.0)
+    - ReactCommon/turbomodule/core (= 1000.0.0)
   - ReactCommon/turbomodule/bridging (1000.0.0):
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
     - React-callinvoker (= 1000.0.0)
     - React-cxxreact (= 1000.0.0)
     - React-jsi (= 1000.0.0)
@@ -989,29 +1193,50 @@ PODS:
     - DoubleConversion
     - fmt (= 9.1.0)
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
     - React-callinvoker (= 1000.0.0)
     - React-cxxreact (= 1000.0.0)
+    - React-debug (= 1000.0.0)
     - React-jsi (= 1000.0.0)
     - React-logger (= 1000.0.0)
     - React-perflogger (= 1000.0.0)
+    - React-utils (= 1000.0.0)
   - ScreenshotManager (0.0.1):
+    - DoubleConversion
     - glog
-    - RCT-Folly (= 2023.08.07.00)
+    - RCT-Folly (= 2024.01.01.00)
+    - RCTRequired
+    - RCTTypeSafety
+    - React-Codegen
     - React-Core
+    - React-debug
+    - React-Fabric
+    - React-featureflags
+    - React-graphics
+    - React-ImageManager
+    - React-jsi
+    - React-NativeModulesApple
+    - React-RCTFabric
+    - React-rendererdebug
+    - React-utils
+    - ReactCommon/turbomodule/bridging
+    - ReactCommon/turbomodule/core
+    - Yoga
   - SocketRocket (0.7.0)
-  - Yoga (1.14.0)
+  - Yoga (0.0.0)
 
 DEPENDENCIES:
   - boost (from `../react-native/third-party-podspecs/boost.podspec`)
   - DoubleConversion (from `../react-native/third-party-podspecs/DoubleConversion.podspec`)
   - FBLazyVector (from `../react-native/Libraries/FBLazyVector`)
-  - FBReactNativeSpec (from `../react-native/React/FBReactNativeSpec`)
   - fmt (from `../react-native/third-party-podspecs/fmt.podspec`)
   - glog (from `../react-native/third-party-podspecs/glog.podspec`)
+  - MyNativeView (from `NativeComponentExample`)
+  - NativeCxxModuleExample (from `NativeCxxModuleExample`)
   - OCMock (~> 3.9.1)
   - RCT-Folly (from `../react-native/third-party-podspecs/RCT-Folly.podspec`)
   - RCT-Folly/Fabric (from `../react-native/third-party-podspecs/RCT-Folly.podspec`)
+  - RCTDeprecation (from `../react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation`)
   - RCTRequired (from `../react-native/Libraries/Required`)
   - RCTTypeSafety (from `../react-native/Libraries/TypeSafety`)
   - React (from `../react-native/`)
@@ -1024,6 +1249,7 @@ DEPENDENCIES:
   - React-debug (from `../react-native/ReactCommon/react/debug`)
   - React-Fabric (from `../react-native/ReactCommon`)
   - React-FabricImage (from `../react-native/ReactCommon`)
+  - React-featureflags (from `../react-native/ReactCommon/react/featureflags`)
   - React-graphics (from `../react-native/ReactCommon/react/renderer/graphics`)
   - React-ImageManager (from `../react-native/ReactCommon/react/renderer/imagemanager/platform/ios`)
   - React-jsc (from `../react-native/ReactCommon/jsc`)
@@ -1031,6 +1257,7 @@ DEPENDENCIES:
   - React-jsi (from `../react-native/ReactCommon/jsi`)
   - React-jsiexecutor (from `../react-native/ReactCommon/jsiexecutor`)
   - React-jsinspector (from `../react-native/ReactCommon/jsinspector-modern`)
+  - React-jsitracing (from `../react-native/ReactCommon/hermes/executor/`)
   - React-logger (from `../react-native/ReactCommon/logger`)
   - React-Mapbuffer (from `../react-native/ReactCommon`)
   - React-nativeconfig (from `../react-native/ReactCommon`)
@@ -1051,6 +1278,8 @@ DEPENDENCIES:
   - React-RCTVibration (from `../react-native/Libraries/Vibration`)
   - React-rendererdebug (from `../react-native/ReactCommon/react/renderer/debug`)
   - React-rncore (from `../react-native/ReactCommon`)
+  - React-RuntimeApple (from `../react-native/ReactCommon/react/runtime/platform/ios`)
+  - React-RuntimeCore (from `../react-native/ReactCommon/react/runtime`)
   - React-runtimeexecutor (from `../react-native/ReactCommon/runtimeexecutor`)
   - React-runtimescheduler (from `../react-native/ReactCommon/react/renderer/runtimescheduler`)
   - React-utils (from `../react-native/ReactCommon/react/utils`)
@@ -1071,14 +1300,18 @@ EXTERNAL SOURCES:
     :podspec: "../react-native/third-party-podspecs/DoubleConversion.podspec"
   FBLazyVector:
     :path: "../react-native/Libraries/FBLazyVector"
-  FBReactNativeSpec:
-    :path: "../react-native/React/FBReactNativeSpec"
   fmt:
     :podspec: "../react-native/third-party-podspecs/fmt.podspec"
   glog:
     :podspec: "../react-native/third-party-podspecs/glog.podspec"
+  MyNativeView:
+    :path: NativeComponentExample
+  NativeCxxModuleExample:
+    :path: NativeCxxModuleExample
   RCT-Folly:
     :podspec: "../react-native/third-party-podspecs/RCT-Folly.podspec"
+  RCTDeprecation:
+    :path: "../react-native/ReactApple/Libraries/RCTFoundation/RCTDeprecation"
   RCTRequired:
     :path: "../react-native/Libraries/Required"
   RCTTypeSafety:
@@ -1101,6 +1334,8 @@ EXTERNAL SOURCES:
     :path: "../react-native/ReactCommon"
   React-FabricImage:
     :path: "../react-native/ReactCommon"
+  React-featureflags:
+    :path: "../react-native/ReactCommon/react/featureflags"
   React-graphics:
     :path: "../react-native/ReactCommon/react/renderer/graphics"
   React-ImageManager:
@@ -1115,6 +1350,8 @@ EXTERNAL SOURCES:
     :path: "../react-native/ReactCommon/jsiexecutor"
   React-jsinspector:
     :path: "../react-native/ReactCommon/jsinspector-modern"
+  React-jsitracing:
+    :path: "../react-native/ReactCommon/hermes/executor/"
   React-logger:
     :path: "../react-native/ReactCommon/logger"
   React-Mapbuffer:
@@ -1155,6 +1392,10 @@ EXTERNAL SOURCES:
     :path: "../react-native/ReactCommon/react/renderer/debug"
   React-rncore:
     :path: "../react-native/ReactCommon"
+  React-RuntimeApple:
+    :path: "../react-native/ReactCommon/react/runtime/platform/ios"
+  React-RuntimeCore:
+    :path: "../react-native/ReactCommon/react/runtime"
   React-runtimeexecutor:
     :path: "../react-native/ReactCommon/runtimeexecutor"
   React-runtimescheduler:
@@ -1174,60 +1415,66 @@ EXTERNAL SOURCES:
 
 SPEC CHECKSUMS:
   boost: 0686b6af8cbd638c784fea5afb789be66699823c
-  DoubleConversion: ca54355f8932558971f6643521d62b9bc8231cee
-  FBLazyVector: 22cb5f625004fd6b45b03020131d417f852e35bb
-  FBReactNativeSpec: 79ff6ddde208700586d0e344549bb9cf1c8fd9c7
+  DoubleConversion: 5b92c4507c560bb62e7aa1acdf2785ea3ff08b3b
+  FBLazyVector: 1b1f3371db2c6ff8feaf0ea79037aa5c98b7a628
   fmt: 03574da4b7ba40de39da59677ca66610ce8c4a02
   glog: 3a72874c0322c7caf24931d3a2777cb7a3090529
-  OCMock: 300b1b1b9155cb6378660b981c2557448830bdc6
-  RCT-Folly: e0ca497e3ebd44051a537b0e95c1dcfa3f4adb8f
-  RCTRequired: f41721269a7406208b800d9e9edd034dea71020a
-  RCTTypeSafety: 7c43ce01976d1f127750213f3012d33acbb2b612
-  React: c88009a795b7288d698e1b30a1e46427dfd528fc
-  React-callinvoker: 6232e46a091073845741d1cf8711e629926062e9
-  React-Codegen: 9b7fc89f7163d73816eb03fee0d9b870402bc44d
-  React-Core: 27b99964288dcaff0b7b3e2f44a2f0e719c2d6a5
-  React-CoreModules: b200dbe462dd272300f89bcf39e4d66c1e31645f
-  React-cxxreact: f054052dd7fe4364b7d68f88b95cc30c919f4fe8
-  React-debug: ef4bb1b979f65ee51ee495d68630ec121b7628c2
-  React-Fabric: 12baab38bb2e30a746a52c587c6f01371ef45f8d
-  React-FabricImage: 2c7a668aa756b1959330d27b16123abd594ba5fc
-  React-graphics: b66916e05a3fb12ad5103f304297fac316854054
-  React-ImageManager: 126a4f40a26c88b5fbf98b89b000a87623ff0b9e
-  React-jsc: 05ae492a6ae8ea1ea1dd2c4faa739a047ea4c505
-  React-jserrorhandler: 2975ad2bf99de61e2f911fe4ba00c6edfcba2127
-  React-jsi: 3502d2ca39504605486f391eb3e2e915f673eb7a
-  React-jsiexecutor: 09b3acc1dde3b63d2d08fa17191463abbc1bd122
-  React-jsinspector: 388a1e6c34bb3ca512f0dcffbcd5629ef885ef07
-  React-logger: a4e652d70b69d6a504206151b6716b2a1d2b06c6
-  React-Mapbuffer: ae15244a7453f2a7dc940bb5a284219eda5efd8d
-  React-nativeconfig: ff20036bdb830e428156d56c8bc9f6ffdd77fcbf
-  React-NativeModulesApple: 0b8b78b6faca644cdf0cf46247581d480d89bd39
-  React-perflogger: eebd121b64074b2dd4097b69f07444e743c643ae
-  React-RCTActionSheet: 4908b3de0a10325f46ec18d1dee238c050971b32
-  React-RCTAnimation: 5c9e54b46f760570c9fd89720f79a47bf4a84cd7
-  React-RCTAppDelegate: 12539ef46a7e27eead75226a5ffe8e955a13f1bd
-  React-RCTBlob: df939c85cb341077b9f7ab4477884f53c567259e
-  React-RCTFabric: d6451d54f7a2a1ff6bb82af15e506fd9f7ac81c5
-  React-RCTImage: fb5572d48551f66841d709145af0e69fe5b1dba3
-  React-RCTLinking: 93e130562d46db1fb3ae5cd97a284a3ec4af1580
-  React-RCTNetwork: f4db24ee7458b84e610d4b6df0f45e62c9b78a4b
-  React-RCTPushNotification: e51ae9931f3402a431b9d0d1e95dfdc9a3da2346
-  React-RCTSettings: 870f618220833822c3f4adc1f45a081c0cf49177
-  React-RCTTest: 5aa96c542230ef61a358dbcb524ca836ab52510d
-  React-RCTText: 40e8035457ac6c47a363f48738039fe782d594f0
-  React-RCTVibration: ccaca5ddb4b9c710b438a9eb7a77b6967b41d9a4
-  React-rendererdebug: d1a273d4d901eda2626ce131fcb80cf0fb6e0bd4
-  React-rncore: acbd954ffd25c8b8e0dacc0fadb4c9321a669cb8
-  React-runtimeexecutor: 6af4638c47dc089d2aa9d3c7284d0a427b46e14e
-  React-runtimescheduler: 4becb77475d13f1234ed27cb7c8ad17b0bdecccc
-  React-utils: 8c9ad3dacf67c84a72b199dccdac1a4cd54771fc
-  ReactCommon: c0dd48866edf79c26d52ed92443a6d3273206805
-  ReactCommon-Samples: acde48094eb396ee8f7e9a51d5fcd90cd6122bbc
-  ScreenshotManager: b2b5732286c9d80ceca6a8576c4fd9f619608d96
+  MyNativeView: e5442ab418e407beec1e41ac9d6fbf676e29165d
+  NativeCxxModuleExample: ddf252a14ad2a48c5b546c82d56b250771f449b8
+  OCMock: 589f2c84dacb1f5aaf6e4cec1f292551fe748e74
+  RCT-Folly: b84ed447eb92e8adbb6101ae195ce6506481b22c
+  RCTDeprecation: 3808e36294137f9ee5668f4df2e73dc079cd1dcf
+  RCTRequired: b661fb96037e269d80f3193dc3b046f291c821f9
+  RCTTypeSafety: 6df7b0402a13fb2edeaab67e3b9356ea21848647
+  React: 95110484c665dca9a5dd5eefa97a9775a1555640
+  React-callinvoker: 2e6b2c60f531cbb3410edf717c42638af1a7bdbe
+  React-Codegen: 956c1b0bb3de8d8663a16b4b484684ca7eaea0f1
+  React-Core: 5045593269fcd592e2191a42d69bdd1b35e21d94
+  React-CoreModules: db0f1aa71b9ca56d150d7a91627c27d2e8b195e7
+  React-cxxreact: 01613000b0d7840bb43eedbcfc447c5a6af8546f
+  React-debug: 504b45d58c5031df607428b9830cfd69913c51f9
+  React-Fabric: 09bc77abd0cc892d69c1257fbe7afe4acfc18955
+  React-FabricImage: 84d1d9df2bc9dda4887cba42d86dc0b636d78cde
+  React-featureflags: 0817c262fc3549c56f980d000266b60b816b6ff0
+  React-graphics: dfaedb274dde31d3b9ffa3490686391b13bbf298
+  React-ImageManager: 745bf67c92dae39b9c6ffa9513a438ce1942812c
+  React-jsc: eedf8c1b33ed5efffdab577517af577c467798d5
+  React-jserrorhandler: f98b0fcb1e10410e21d75b768ec41bf42aab1c10
+  React-jsi: 57df878b0519c372892be6d277b69646407aaa73
+  React-jsiexecutor: 46017352e8f5cad2273c4bdd5b2abf550ea98b0f
+  React-jsinspector: f9feb41b161723a0f8c1ed5c118c1d98ebb82471
+  React-jsitracing: a09c132974fae757bb74c0096a60a95b8c141ef4
+  React-logger: 2d8b7b8e5e44da511632d78e2d035b4ab16f6a5f
+  React-Mapbuffer: 9abc9638133b52402ef78328eeade9f7c9a83a6a
+  React-nativeconfig: f260d4a373b29f417cfbf787303edf5f70806437
+  React-NativeModulesApple: 35e246656f7eaa13900f2ae6a28366b1282e3ba1
+  React-perflogger: b73c5eebbc098c744121d8f17b29101ff6012e83
+  React-RCTActionSheet: 82443d0202b4eb0baa6d3678eee071f6a8a2d93e
+  React-RCTAnimation: 466fd900e9b7e3f4a3f1aae9c8625103b8c5d353
+  React-RCTAppDelegate: b20f8076255055d7dc24c3cd890bfa0c883d75f9
+  React-RCTBlob: 9a87d70385127c9a994de2171991833b152e8a33
+  React-RCTFabric: 7f8a9c4b1a278fb616650635bb4342e88dcecfe4
+  React-RCTImage: f32d8aef516bb5665ac9e63555beb2dacb0e91e7
+  React-RCTLinking: 25b6d9fbb3ba1a4713d8a2f37f73bc6346e39569
+  React-RCTNetwork: bdf72f47ed65e2115ba6f544667be6cf52aa2676
+  React-RCTPushNotification: 32cc8d08efed0ee32554c586e63a11a4cdbbad0c
+  React-RCTSettings: a2d1c06869fbf3b6bc6cac313f217adcafef578c
+  React-RCTTest: 2c6f7c9684b8655ee8833a2fee81e27060232a12
+  React-RCTText: 70c12adf2e285745060bf8a522c683f60eac4301
+  React-RCTVibration: 1665e82e6bbc4efae5492d52415e01a9c0f807c6
+  React-rendererdebug: 5fa2aa5cd748f6a67c3891a21fba505a2031552e
+  React-rncore: fabb44fb6b0f18ba1608717aba1b8e93f92920db
+  React-RuntimeApple: c97d4e23d22eee515bbffa5b33b93d4264f58b8d
+  React-RuntimeCore: 2244c836f0fb141c26f93af1f94c42266e50be1e
+  React-runtimeexecutor: 7716552d0ef731350c205b0707bcc06515385559
+  React-runtimescheduler: 334a2a8357c2e7c892c77b220f76c7741015be4f
+  React-utils: dfffd66700856b487b6289a34cd2236ec03eed0e
+  ReactCommon: f9050bd3aad68c61ee9ef2aa332ca9511698a2c9
+  ReactCommon-Samples: cb1c47faee3c1d6b9822fc9d5d271aa3ff4ba094
+  ScreenshotManager: e2b9810347f641b9164aa485cb5fa7f3ab04184f
   SocketRocket: f6c6249082c011e6de2de60ed641ef8bbe0cfac9
-  Yoga: b1985d78d08f08556a186a22d9629fa22fd5e5cf
+  Yoga: e581918a9d6b8b36227b7f110af500f8cc364bc2
 
-PODFILE CHECKSUM: b1a8404bc4b61ed54677e78b8e2f8269707283c7
+PODFILE CHECKSUM: 8d41baa96deb5f6497f9f0824d3df78cb740d7a8
 
 COCOAPODS: 1.14.3
diff --git a/packages/rn-tester/RCTTest/RCTSnapshotNativeComponent.js b/packages/rn-tester/RCTTest/RCTSnapshotNativeComponent.js
index ede6b04270032e..a98f2ba87d90f7 100644
--- a/packages/rn-tester/RCTTest/RCTSnapshotNativeComponent.js
+++ b/packages/rn-tester/RCTTest/RCTSnapshotNativeComponent.js
@@ -10,11 +10,11 @@
 
 'use strict';
 
-const {requireNativeComponent} = require('react-native');
-
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
 import type {HostComponent} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 import type {SyntheticEvent} from 'react-native/Libraries/Types/CoreEventTypes';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+
+const {requireNativeComponent} = require('react-native');
 
 type SnapshotReadyEvent = SyntheticEvent<
   $ReadOnly<{testIdentifier: string, ...}>,
diff --git a/packages/rn-tester/RCTTest/React-RCTTest.podspec b/packages/rn-tester/RCTTest/React-RCTTest.podspec
index 7483fa8e0ae55a..ffbdff4b6409f0 100644
--- a/packages/rn-tester/RCTTest/React-RCTTest.podspec
+++ b/packages/rn-tester/RCTTest/React-RCTTest.podspec
@@ -16,8 +16,9 @@ else
   source[:tag] = "v#{version}"
 end
 
-folly_compiler_flags = '-DFOLLY_NO_CONFIG -DFOLLY_MOBILE=1 -DFOLLY_USE_LIBCPP=1 -DFOLLY_CFG_NO_COROUTINES=1 -DFOLLY_HAVE_CLOCK_GETTIME=1 -Wno-comma -Wno-shorten-64-to-32'
-folly_version = '2023.08.07.00'
+folly_config = get_folly_config()
+folly_compiler_flags = folly_config[:compiler_flags]
+folly_version = folly_config[:version]
 
 Pod::Spec.new do |s|
   s.name                   = "React-RCTTest"
diff --git a/packages/rn-tester/README.md b/packages/rn-tester/README.md
index 50fb1c6e7a3c6b..79182db17dbffd 100644
--- a/packages/rn-tester/README.md
+++ b/packages/rn-tester/README.md
@@ -13,7 +13,7 @@ yarn install
 
 ### Running on iOS
 
-If you are testing non-fabric component, modify [the fabric_enabled flag in RNTester's Podfile](https://github.com/facebook/react-native/blob/main/packages/rn-tester/Podfile#L24).
+If you are testing non-fabric component, search for and modify the `fabric_enabled` flag in [RNTester's Podfile](https://github.com/facebook/react-native/blob/main/packages/rn-tester/Podfile).
 
 ```ruby
 fabric_enabled = false
@@ -45,35 +45,26 @@ If you own a Mac laptop with Apple Silicon, you need to run some different comma
 
 You'll need to have all the [prerequisites](https://reactnative.dev/contributing/how-to-build-from-source#prerequisites) (SDK, NDK) for Building React Native installed.
 
-Start an Android emulator.
+You can build and run RN-Tester by using this command from the root of the repo:
+
+```sh
+yarn android
+```
+
+If you wish to use JSC instead you should invoke:
+
 ```sh
 cd packages/rn-tester
-# In order to use Hermes engine, run `yarn install-android-hermes` instead.
 yarn install-android-jsc
 yarn start
 ```
 
-_Note: Building for the first time can take a while._
-
-Open the RNTester app in your emulator.
-If you want to use a physical device, run `adb devices`, then `adb -s <device name> reverse tcp:8081 tcp:8081`.
-See [Running on Device](https://reactnative.dev/docs/running-on-device) for additional instructions on using a physical device.
+> [!NOTE]
+> Building for the first time can take a while.
 
-### Running with Buck
+If you're using a physical device, run `adb reverse tcp:8081 tcp:8081` to make sure the device can access Metro.
 
-Follow the same setup as running with gradle.
-
-Install Buck from [here](https://buckbuild.com/setup/install.html).
-
-Run the following commands from the react-native folder:
-```sh
-./gradlew :ReactAndroid:packageReactNdkLibsForBuck
-buck fetch rntester
-buck install -r rntester
-./scripts/packager.sh
-```
-
-_Note: The native libs are still built using gradle. Full build with buck is coming soon(tm)._
+See [Running on Device](https://reactnative.dev/docs/running-on-device) for additional instructions on using a physical device.
 
 ## Building from source
 
diff --git a/packages/rn-tester/RNTester/AppDelegate.mm b/packages/rn-tester/RNTester/AppDelegate.mm
index 40705b5fb7070b..4530fcfee6d1f3 100644
--- a/packages/rn-tester/RNTester/AppDelegate.mm
+++ b/packages/rn-tester/RNTester/AppDelegate.mm
@@ -7,29 +7,29 @@
 
 #import "AppDelegate.h"
 
+#import <UserNotifications/UserNotifications.h>
+
 #import <React/RCTBundleURLProvider.h>
+#import <React/RCTDefines.h>
 #import <React/RCTLinkingManager.h>
 #import <ReactCommon/RCTSampleTurboModule.h>
 #import <ReactCommon/SampleTurboCxxModule.h>
 
 #import <React/RCTPushNotificationManager.h>
 
-#if RCT_NEW_ARCH_ENABLED
 #import <NativeCxxModuleExample/NativeCxxModuleExample.h>
 #ifndef RN_DISABLE_OSS_PLUGIN_HEADER
 #import <RNTMyNativeViewComponentView.h>
 #endif
-#endif
 
-#if BUNDLE_PATH
-NSString *kBundlePath = @"xplat/js/RKJSModules/EntryPoints/RNTesterTestBundle.js";
-#else
 #if !TARGET_OS_OSX // [macOS]
-NSString *kBundlePath = @"js/RNTesterApp.ios";
+static NSString *kBundlePath = @"js/RNTesterApp.ios";
 #else // [macOS
-NSString *kBundlePath = @"js/RNTesterApp.macos";
+static NSString *kBundlePath = @"js/RNTesterApp.macos";
 #endif // macOS]
-#endif
+
+@interface AppDelegate () <UNUserNotificationCenterDelegate>
+@end
 
 @implementation AppDelegate
 
@@ -44,6 +44,8 @@ - (void)applicationDidFinishLaunching:(NSNotification *)notification
   // They will be passed down to the ViewController used by React Native.
   self.initialProps = [self prepareInitialProps];
 
+  [[UNUserNotificationCenter currentNotificationCenter] setDelegate:self];
+
 #if !TARGET_OS_OSX // [macOS]
   return [super application:application didFinishLaunchingWithOptions:launchOptions];
 #else // [macOS
@@ -51,6 +53,13 @@ - (void)applicationDidFinishLaunching:(NSNotification *)notification
 #endif // macOS]
 }
 
+#if !TARGET_OS_OSX // [macOS]
+- (void)applicationDidEnterBackground:(UIApplication *)application
+{
+  [super applicationDidEnterBackground:application];
+}
+#endif // [macOS]
+
 - (NSDictionary *)prepareInitialProps
 {
   NSMutableDictionary *initProps = [NSMutableDictionary new];
@@ -90,11 +99,9 @@ - (void)loadSourceForBridge:(RCTBridge *)bridge
   if (name == std::string([@"SampleTurboCxxModule" UTF8String])) {
     return std::make_shared<facebook::react::SampleTurboCxxModule>(jsInvoker);
   }
-#ifdef RCT_NEW_ARCH_ENABLED
   if (name == facebook::react::NativeCxxModuleExample::kModuleName) {
     return std::make_shared<facebook::react::NativeCxxModuleExample>(jsInvoker);
   }
-#endif
   return nullptr;
 }
 
@@ -112,20 +119,35 @@ - (void)application:(__unused RCTUIApplication *)application
   [RCTPushNotificationManager didFailToRegisterForRemoteNotificationsWithError:error];
 }
 
-// Required for the remoteNotificationReceived event.
-- (void)application:(__unused RCTUIApplication *)application didReceiveRemoteNotification:(NSDictionary *)notification
+#pragma mark - UNUserNotificationCenterDelegate
+
+// Required for the remoteNotificationReceived and localNotificationReceived events
+- (void)userNotificationCenter:(UNUserNotificationCenter *)center
+       willPresentNotification:(UNNotification *)notification
+         withCompletionHandler:(void (^)(UNNotificationPresentationOptions))completionHandler
 {
-  [RCTPushNotificationManager didReceiveRemoteNotification:notification];
+  [RCTPushNotificationManager didReceiveNotification:notification];
+  completionHandler(UNNotificationPresentationOptionNone);
 }
 
-#if TARGET_OS_IOS // [macOS] [visionOS]
-// Required for the localNotificationReceived event.
-- (void)application:(__unused UIApplication *)application
-    didReceiveLocalNotification:(UILocalNotification *)notification
+// Required for the remoteNotificationReceived and localNotificationReceived events
+// Called when a notification is tapped from background. (Foreground notification will not be shown per
+// the presentation option selected above).
+- (void)userNotificationCenter:(UNUserNotificationCenter *)center
+    didReceiveNotificationResponse:(UNNotificationResponse *)response
+             withCompletionHandler:(void (^)(void))completionHandler
 {
-  [RCTPushNotificationManager didReceiveLocalNotification:notification];
+  UNNotification *notification = response.notification;
+
+  // This condition will be true if tapping the notification launched the app.
+  if ([response.actionIdentifier isEqualToString:UNNotificationDefaultActionIdentifier]) {
+    // This can be retrieved with getInitialNotification.
+    [RCTPushNotificationManager setInitialNotification:notification];
+  }
+
+  [RCTPushNotificationManager didReceiveNotification:notification];
+  completionHandler();
 }
-#endif // [macOS] [visionOS]
 #if TARGET_OS_OSX // [macOS
 - (void)userNotificationCenter:(NSUserNotificationCenter *)center
         didDeliverNotification:(NSUserNotification *)notification
@@ -145,9 +167,15 @@ - (BOOL)userNotificationCenter:(NSUserNotificationCenter *)center
 }
 #endif // macOS]
 
+#pragma mark - New Arch Enabled settings
+
+- (BOOL)bridgelessEnabled
+{
+  return [super bridgelessEnabled];
+}
+
 #pragma mark - RCTComponentViewFactoryComponentProvider
 
-#if RCT_NEW_ARCH_ENABLED
 #ifndef RN_DISABLE_OSS_PLUGIN_HEADER
 - (nonnull NSDictionary<NSString *, Class<RCTComponentViewProtocol>> *)thirdPartyFabricComponents
 {
@@ -155,10 +183,9 @@ - (BOOL)userNotificationCenter:(NSUserNotificationCenter *)center
 }
 #endif
 
-- (NSURL *)getBundleURL
+- (NSURL *)bundleURL
 {
   return [[RCTBundleURLProvider sharedSettings] jsBundleURLForBundleRoot:kBundlePath];
 }
-#endif
 
 @end
diff --git a/packages/rn-tester/RNTester/Info.plist b/packages/rn-tester/RNTester/Info.plist
index 50dca224a5a681..41fd55822d290a 100644
--- a/packages/rn-tester/RNTester/Info.plist
+++ b/packages/rn-tester/RNTester/Info.plist
@@ -50,7 +50,7 @@
 	<string>LaunchScreen</string>
 	<key>UIRequiredDeviceCapabilities</key>
 	<array>
-		<string>armv7</string>
+		<string>arm64</string>
 	</array>
 	<key>UIStatusBarStyle</key>
 	<string>UIStatusBarStyleBlackTranslucent</string>
diff --git a/packages/rn-tester/RNTester/NativeExampleViews/UpdatePropertiesExampleView.mm b/packages/rn-tester/RNTester/NativeExampleViews/UpdatePropertiesExampleView.mm
index 31a1ce6177d098..a11905dc823f82 100644
--- a/packages/rn-tester/RNTester/NativeExampleViews/UpdatePropertiesExampleView.mm
+++ b/packages/rn-tester/RNTester/NativeExampleViews/UpdatePropertiesExampleView.mm
@@ -85,7 +85,11 @@ - (void)layoutSubviews
 - (void)changeColor
 {
   _beige = !_beige;
-  [_rootView setAppProperties:@{@"color" : _beige ? @"beige" : @"purple"}];
+
+  NSMutableDictionary *newProperties = [_rootView.appProperties mutableCopy];
+  newProperties[@"color"] = _beige ? @"beige" : @"purple";
+
+  [_rootView setAppProperties:newProperties];
 }
 
 - (NSArray<RCTUIView<RCTComponent> *> *)reactSubviews // [macOS]
diff --git a/packages/rn-tester/RNTester/RNTester.entitlements b/packages/rn-tester/RNTester/RNTester.entitlements
deleted file mode 100644
index 98ca2664ea88e1..00000000000000
--- a/packages/rn-tester/RNTester/RNTester.entitlements
+++ /dev/null
@@ -1,14 +0,0 @@
-<?xml version="1.0" encoding="UTF-8"?>
-<!DOCTYPE plist PUBLIC "-//Apple//DTD PLIST 1.0//EN" "http://www.apple.com/DTDs/PropertyList-1.0.dtd">
-<plist version="1.0">
-<dict>
-	<key>com.apple.security.app-sandbox</key>
-	<true/>
-	<key>com.apple.security.network.client</key>
-	<true/>
-	<key>com.apple.security.personal-information.photos-library</key>
-	<true/>
-	<key>com.apple.security.get-task-allow</key>
-	<true/>
-</dict>
-</plist>
diff --git a/packages/rn-tester/RNTesterPods.xcodeproj/project.pbxproj b/packages/rn-tester/RNTesterPods.xcodeproj/project.pbxproj
index b53e804171b500..67b6b32360ba46 100644
--- a/packages/rn-tester/RNTesterPods.xcodeproj/project.pbxproj
+++ b/packages/rn-tester/RNTesterPods.xcodeproj/project.pbxproj
@@ -9,15 +9,17 @@
 /* Begin PBXBuildFile section */
 		0CBC915D60C701A81731A5A4 /* libPods-RNTester-macOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 9C88AE81E635231C7F0F3BA4 /* libPods-RNTester-macOS.a */; };
 		13B07FC11A68108700A75B9A /* main.m in Sources */ = {isa = PBXBuildFile; fileRef = 13B07FB71A68108700A75B9A /* main.m */; };
+		25990B13CE7E63DB346C61B9 /* libPods-RNTesterUnitTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 7C0C9D229307A2C6B42B1127 /* libPods-RNTesterUnitTests.a */; };
 		2DDEF0101F84BF7B00DBDF73 /* Images.xcassets in Resources */ = {isa = PBXBuildFile; fileRef = 2DDEF00F1F84BF7B00DBDF73 /* Images.xcassets */; };
 		383889DA23A7398900D06C3E /* RCTConvert_UIColorTests.m in Sources */ = {isa = PBXBuildFile; fileRef = 383889D923A7398900D06C3E /* RCTConvert_UIColorTests.m */; };
 		3A87E8599EEB2C61C0F6589F /* libPods-RNTester-macOSUnitTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 07517909E4081E5D74D5DD60 /* libPods-RNTester-macOSUnitTests.a */; };
 		3D2AFAF51D646CF80089D1A3 /* legacy_image@2x.png in Resources */ = {isa = PBXBuildFile; fileRef = 3D2AFAF41D646CF80089D1A3 /* legacy_image@2x.png */; };
 		5C60EB1C226440DB0018C04F /* AppDelegate.mm in Sources */ = {isa = PBXBuildFile; fileRef = 5C60EB1B226440DB0018C04F /* AppDelegate.mm */; };
-		5D6B063D55CB76D4D2309391 /* libPods-RNTesterIntegrationTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 63C6B5E1C2465D85E9BDB6E5 /* libPods-RNTesterIntegrationTests.a */; };
+		5E27AAD0A6D7359909DE02F5 /* libPods-RNTesterIntegrationTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 1DF28E21150E69B2A4F94B72 /* libPods-RNTesterIntegrationTests.a */; };
 		8145AE06241172D900A3F8DA /* LaunchScreen.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = 8145AE05241172D900A3F8DA /* LaunchScreen.storyboard */; };
 		832F45BB2A8A6E1F0097B4E6 /* SwiftTest.swift in Sources */ = {isa = PBXBuildFile; fileRef = 832F45BA2A8A6E1F0097B4E6 /* SwiftTest.swift */; };
 		918A215FD4EF5A828705D765 /* libPods-RNTester-macOSIntegrationTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 474EC5CD967949D41527EECF /* libPods-RNTester-macOSIntegrationTests.a */; };
+		952DE744170276A21733854C /* libPods-RNTester.a in Frameworks */ = {isa = PBXBuildFile; fileRef = F8231F4FA4BF1B10D67D9E82 /* libPods-RNTester.a */; };
 		AC30658829B14F38007A839A /* RCTComponentPropsTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB20CC22B2BAA5005AC45F /* RCTComponentPropsTests.m */; };
 		AC73FCE829B1316D0003586F /* RNTesterIntegrationTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7C1241922BEC44B00DA25C0 /* RNTesterIntegrationTests.m */; };
 		AC73FCE929B131700003586F /* RCTLoggingTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB215E22B2F3EC005AC45F /* RCTLoggingTests.m */; };
@@ -61,7 +63,6 @@
 		ACC52F4A299ECB7B002A2B0B /* Main.storyboard in Resources */ = {isa = PBXBuildFile; fileRef = ACC52F48299ECB7B002A2B0B /* Main.storyboard */; };
 		ACC52F6C299ECDDA002A2B0B /* Info.plist in Resources */ = {isa = PBXBuildFile; fileRef = ACC52F6B299ECDDA002A2B0B /* Info.plist */; };
 		ACDBF0D529B2BF0A00EEBD9E /* RNTesterUnitTestsBundle.js in Resources */ = {isa = PBXBuildFile; fileRef = E7DB20B322B2BAA4005AC45F /* RNTesterUnitTestsBundle.js */; };
-		BE29745FA46255D106CB15ED /* libPods-RNTester.a in Frameworks */ = {isa = PBXBuildFile; fileRef = 77955ECD532E128A8C49AC35 /* libPods-RNTester.a */; };
 		CD10C7A5290BD4EB0033E1ED /* RCTEventEmitterTests.m in Sources */ = {isa = PBXBuildFile; fileRef = CD10C7A4290BD4EB0033E1ED /* RCTEventEmitterTests.m */; };
 		E319E5C2892523FABA38B418 /* libPods-RNTester-visionOS.a in Frameworks */ = {isa = PBXBuildFile; fileRef = CD5A82EE0F733AF40EA06F36 /* libPods-RNTester-visionOS.a */; };
 		E62F11832A5C6580000BF1C8 /* FlexibleSizeExampleView.mm in Sources */ = {isa = PBXBuildFile; fileRef = 27F441E81BEBE5030039B79C /* FlexibleSizeExampleView.mm */; };
@@ -102,7 +103,6 @@
 		E7DB216422B2F3EC005AC45F /* RCTUIManagerScenarioTests.m in Sources */ = {isa = PBXBuildFile; fileRef = E7DB215F22B2F3EC005AC45F /* RCTUIManagerScenarioTests.m */; };
 		E7DB216722B2F69F005AC45F /* JavaScriptCore.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = E7DB213022B2C649005AC45F /* JavaScriptCore.framework */; };
 		E7DB218C22B41FCD005AC45F /* XCTest.framework in Frameworks */ = {isa = PBXBuildFile; fileRef = E7DB218B22B41FCD005AC45F /* XCTest.framework */; };
-		F37EF1CF1FC0B3DD56375DC7 /* libPods-RNTesterUnitTests.a in Frameworks */ = {isa = PBXBuildFile; fileRef = D6942D0981036096211E5BDC /* libPods-RNTesterUnitTests.a */; };
 /* End PBXBuildFile section */
 
 /* Begin PBXContainerItemProxy section */
@@ -139,12 +139,12 @@
 /* Begin PBXFileReference section */
 		0553512BB0EDB0E5BC262515 /* Pods-RNTester-visionOS.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-visionOS.release.xcconfig"; path = "Target Support Files/Pods-RNTester-visionOS/Pods-RNTester-visionOS.release.xcconfig"; sourceTree = "<group>"; };
 		07517909E4081E5D74D5DD60 /* libPods-RNTester-macOSUnitTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester-macOSUnitTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		0CC3BE1A25DDB68A0033CAEB /* RNTester.entitlements */ = {isa = PBXFileReference; lastKnownFileType = text.plist.entitlements; name = RNTester.entitlements; path = RNTester/RNTester.entitlements; sourceTree = "<group>"; };
 		1176CCE167820DDB6B66801A /* Pods-RNTester-macOSUnitTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOSUnitTests.release.xcconfig"; path = "Target Support Files/Pods-RNTester-macOSUnitTests/Pods-RNTester-macOSUnitTests.release.xcconfig"; sourceTree = "<group>"; };
 		13B07F961A680F5B00A75B9A /* RNTester.app */ = {isa = PBXFileReference; explicitFileType = wrapper.application; includeInIndex = 0; path = RNTester.app; sourceTree = BUILT_PRODUCTS_DIR; };
 		13B07FAF1A68108700A75B9A /* AppDelegate.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = AppDelegate.h; path = RNTester/AppDelegate.h; sourceTree = "<group>"; };
 		13B07FB61A68108700A75B9A /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = RNTester/Info.plist; sourceTree = "<group>"; };
 		13B07FB71A68108700A75B9A /* main.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; name = main.m; path = RNTester/main.m; sourceTree = "<group>"; };
+		1DF28E21150E69B2A4F94B72 /* libPods-RNTesterIntegrationTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterIntegrationTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		272E6B3B1BEA849E001FCF37 /* UpdatePropertiesExampleView.h */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.h; name = UpdatePropertiesExampleView.h; path = RNTester/NativeExampleViews/UpdatePropertiesExampleView.h; sourceTree = "<group>"; };
 		272E6B3C1BEA849E001FCF37 /* UpdatePropertiesExampleView.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = UpdatePropertiesExampleView.mm; path = RNTester/NativeExampleViews/UpdatePropertiesExampleView.mm; sourceTree = "<group>"; };
 		2734C5E31C1D7A09BF872585 /* Pods-RNTester.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester.debug.xcconfig"; path = "Target Support Files/Pods-RNTester/Pods-RNTester.debug.xcconfig"; sourceTree = "<group>"; };
@@ -156,9 +156,8 @@
 		474EC5CD967949D41527EECF /* libPods-RNTester-macOSIntegrationTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester-macOSIntegrationTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		59BCC6695B251DC95CFA6A67 /* Pods-RNTester-macOS.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOS.debug.xcconfig"; path = "Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS.debug.xcconfig"; sourceTree = "<group>"; };
 		5C60EB1B226440DB0018C04F /* AppDelegate.mm */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.cpp.objcpp; name = AppDelegate.mm; path = RNTester/AppDelegate.mm; sourceTree = "<group>"; };
-		63C6B5E1C2465D85E9BDB6E5 /* libPods-RNTesterIntegrationTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterIntegrationTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		66C3087F2D5BF762FE9E6422 /* Pods-RNTesterIntegrationTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterIntegrationTests.debug.xcconfig"; path = "Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests.debug.xcconfig"; sourceTree = "<group>"; };
-		77955ECD532E128A8C49AC35 /* libPods-RNTester.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester.a"; sourceTree = BUILT_PRODUCTS_DIR; };
+		7C0C9D229307A2C6B42B1127 /* libPods-RNTesterUnitTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterUnitTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		7CDA7A212644C6BB8C0D00D8 /* Pods-RNTesterIntegrationTests.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterIntegrationTests.release.xcconfig"; path = "Target Support Files/Pods-RNTesterIntegrationTests/Pods-RNTesterIntegrationTests.release.xcconfig"; sourceTree = "<group>"; };
 		8145AE05241172D900A3F8DA /* LaunchScreen.storyboard */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = file.storyboard; name = LaunchScreen.storyboard; path = RNTester/LaunchScreen.storyboard; sourceTree = "<group>"; };
 		832F45BA2A8A6E1F0097B4E6 /* SwiftTest.swift */ = {isa = PBXFileReference; lastKnownFileType = sourcecode.swift; name = SwiftTest.swift; path = RNTester/SwiftTest.swift; sourceTree = "<group>"; };
@@ -181,7 +180,6 @@
 		CAEBC2296BB4BDDDCAAF4404 /* Pods-RNTester-macOS.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOS.release.xcconfig"; path = "Target Support Files/Pods-RNTester-macOS/Pods-RNTester-macOS.release.xcconfig"; sourceTree = "<group>"; };
 		CD10C7A4290BD4EB0033E1ED /* RCTEventEmitterTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RCTEventEmitterTests.m; sourceTree = "<group>"; };
 		CD5A82EE0F733AF40EA06F36 /* libPods-RNTester-visionOS.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester-visionOS.a"; sourceTree = BUILT_PRODUCTS_DIR; };
-		D6942D0981036096211E5BDC /* libPods-RNTesterUnitTests.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTesterUnitTests.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 		E2994DA5CC7BE9B0C836D6B6 /* Pods-RNTester-macOSUnitTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester-macOSUnitTests.debug.xcconfig"; path = "Target Support Files/Pods-RNTester-macOSUnitTests/Pods-RNTester-macOSUnitTests.debug.xcconfig"; sourceTree = "<group>"; };
 		E771AEEA22B44E3100EA1189 /* Info.plist */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = text.plist.xml; name = Info.plist; path = RNTester/Info.plist; sourceTree = "<group>"; };
 		E7C1241922BEC44B00DA25C0 /* RNTesterIntegrationTests.m */ = {isa = PBXFileReference; fileEncoding = 4; lastKnownFileType = sourcecode.c.objc; path = RNTesterIntegrationTests.m; sourceTree = "<group>"; };
@@ -246,6 +244,7 @@
 		E7DB218B22B41FCD005AC45F /* XCTest.framework */ = {isa = PBXFileReference; lastKnownFileType = wrapper.framework; path = XCTest.framework; sourceTree = DEVELOPER_DIR; };
 		E8475AB4E5BB7B7A87C16D41 /* Pods-RNTesterUnitTests.debug.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTesterUnitTests.debug.xcconfig"; path = "Target Support Files/Pods-RNTesterUnitTests/Pods-RNTesterUnitTests.debug.xcconfig"; sourceTree = "<group>"; };
 		EE448B25704B6F47386E69A9 /* Pods-RNTester.release.xcconfig */ = {isa = PBXFileReference; includeInIndex = 1; lastKnownFileType = text.xcconfig; name = "Pods-RNTester.release.xcconfig"; path = "Target Support Files/Pods-RNTester/Pods-RNTester.release.xcconfig"; sourceTree = "<group>"; };
+		F8231F4FA4BF1B10D67D9E82 /* libPods-RNTester.a */ = {isa = PBXFileReference; explicitFileType = archive.ar; includeInIndex = 0; path = "libPods-RNTester.a"; sourceTree = BUILT_PRODUCTS_DIR; };
 /* End PBXFileReference section */
 
 /* Begin PBXFrameworksBuildPhase section */
@@ -253,7 +252,7 @@
 			isa = PBXFrameworksBuildPhase;
 			buildActionMask = 2147483647;
 			files = (
-				BE29745FA46255D106CB15ED /* libPods-RNTester.a in Frameworks */,
+				952DE744170276A21733854C /* libPods-RNTester.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -294,7 +293,7 @@
 			buildActionMask = 2147483647;
 			files = (
 				E7DB213122B2C649005AC45F /* JavaScriptCore.framework in Frameworks */,
-				F37EF1CF1FC0B3DD56375DC7 /* libPods-RNTesterUnitTests.a in Frameworks */,
+				25990B13CE7E63DB346C61B9 /* libPods-RNTesterUnitTests.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -304,7 +303,7 @@
 			files = (
 				E7DB218C22B41FCD005AC45F /* XCTest.framework in Frameworks */,
 				E7DB216722B2F69F005AC45F /* JavaScriptCore.framework in Frameworks */,
-				5D6B063D55CB76D4D2309391 /* libPods-RNTesterIntegrationTests.a in Frameworks */,
+				5E27AAD0A6D7359909DE02F5 /* libPods-RNTesterIntegrationTests.a in Frameworks */,
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 		};
@@ -323,7 +322,6 @@
 		13B07FAE1A68108700A75B9A /* RNTester */ = {
 			isa = PBXGroup;
 			children = (
-				0CC3BE1A25DDB68A0033CAEB /* RNTester.entitlements */,
 				E771AEEA22B44E3100EA1189 /* Info.plist */,
 				13B07FAF1A68108700A75B9A /* AppDelegate.h */,
 				5C60EB1B226440DB0018C04F /* AppDelegate.mm */,
@@ -377,10 +375,10 @@
 				9C88AE81E635231C7F0F3BA4 /* libPods-RNTester-macOS.a */,
 				07517909E4081E5D74D5DD60 /* libPods-RNTester-macOSUnitTests.a */,
 				474EC5CD967949D41527EECF /* libPods-RNTester-macOSIntegrationTests.a */,
-				63C6B5E1C2465D85E9BDB6E5 /* libPods-RNTesterIntegrationTests.a */,
-				D6942D0981036096211E5BDC /* libPods-RNTesterUnitTests.a */,
-				77955ECD532E128A8C49AC35 /* libPods-RNTester.a */,
 				CD5A82EE0F733AF40EA06F36 /* libPods-RNTester-visionOS.a */,
+				F8231F4FA4BF1B10D67D9E82 /* libPods-RNTester.a */,
+				1DF28E21150E69B2A4F94B72 /* libPods-RNTesterIntegrationTests.a */,
+				7C0C9D229307A2C6B42B1127 /* libPods-RNTesterUnitTests.a */,
 			);
 			name = Frameworks;
 			sourceTree = "<group>";
@@ -1258,7 +1256,6 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
-				CODE_SIGN_ENTITLEMENTS = RNTester/RNTester.entitlements;
 				DEVELOPMENT_TEAM = "";
 				HEADER_SEARCH_PATHS = (
 					"${PODS_ROOT}/Headers/Private/Yoga",
@@ -1297,7 +1294,6 @@
 			buildSettings = {
 				ASSETCATALOG_COMPILER_APPICON_NAME = AppIcon;
 				CLANG_ENABLE_MODULES = YES;
-				CODE_SIGN_ENTITLEMENTS = RNTester/RNTester.entitlements;
 				DEVELOPMENT_TEAM = "";
 				EXCLUDED_ARCHS = "";
 				HEADER_SEARCH_PATHS = (
@@ -1399,14 +1395,13 @@
 					"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx",
 					"${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers",
 					"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios",
+					" ${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers",
+					" ${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers",
 				);
 				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
 				MTL_ENABLE_DEBUG_INFO = YES;
 				ONLY_ACTIVE_ARCH = YES;
-				OTHER_CFLAGS = (
-					"$(inherited)",
-					"-DRN_FABRIC_ENABLED",
-				);
+				OTHER_CFLAGS = "$(inherited)";
 				OTHER_CPLUSPLUSFLAGS = (
 					"$(OTHER_CFLAGS)",
 					"-DFOLLY_NO_CONFIG",
@@ -1414,13 +1409,10 @@
 					"-DFOLLY_USE_LIBCPP=1",
 					"-DFOLLY_CFG_NO_COROUTINES=1",
 					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
-					"-DRN_FABRIC_ENABLED",
 				);
 				OTHER_LDFLAGS = (
 					"-ObjC",
 					"-lc++",
-					"-Wl",
-					"-ld_classic",
 				);
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../react-native";
 				SDKROOT = iphoneos;
@@ -1496,13 +1488,12 @@
 					"${PODS_CONFIGURATION_BUILD_DIR}/React-Fabric/React_Fabric.framework/Headers/react/renderer/components/view/platform/cxx",
 					"${PODS_CONFIGURATION_BUILD_DIR}/React-NativeModulesApple/React_NativeModulesApple.framework/Headers",
 					"${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers/react/renderer/graphics/platform/ios",
+					" ${PODS_CONFIGURATION_BUILD_DIR}/ReactCommon/ReactCommon.framework/Headers",
+					" ${PODS_CONFIGURATION_BUILD_DIR}/React-graphics/React_graphics.framework/Headers",
 				);
 				IPHONEOS_DEPLOYMENT_TARGET = 13.4;
 				MTL_ENABLE_DEBUG_INFO = NO;
-				OTHER_CFLAGS = (
-					"$(inherited)",
-					"-DRN_FABRIC_ENABLED",
-				);
+				OTHER_CFLAGS = "$(inherited)";
 				OTHER_CPLUSPLUSFLAGS = (
 					"$(OTHER_CFLAGS)",
 					"-DFOLLY_NO_CONFIG",
@@ -1510,13 +1501,10 @@
 					"-DFOLLY_USE_LIBCPP=1",
 					"-DFOLLY_CFG_NO_COROUTINES=1",
 					"-DFOLLY_HAVE_CLOCK_GETTIME=1",
-					"-DRN_FABRIC_ENABLED",
 				);
 				OTHER_LDFLAGS = (
 					"-ObjC",
 					"-lc++",
-					"-Wl",
-					"-ld_classic",
 				);
 				REACT_NATIVE_PATH = "${PODS_ROOT}/../../react-native";
 				SDKROOT = iphoneos;
@@ -1828,7 +1816,6 @@
 				CLANG_ENABLE_OBJC_WEAK = YES;
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_IDENTITY = "iPhone Developer";
-				CODE_SIGN_STYLE = Automatic;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = "";
 				HEADER_SEARCH_PATHS = (
@@ -1849,11 +1836,8 @@
 				);
 				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
 				MTL_FAST_MATH = YES;
-				OTHER_CFLAGS = (
-					"$(inherited)",
-					"-DFB_SONARKIT_ENABLED=1",
-				);
-				OTHER_SWIFT_FLAGS = "$(inherited) -Xcc -DFB_SONARKIT_ENABLED";
+				OTHER_CFLAGS = "$(inherited)";
+				OTHER_SWIFT_FLAGS = "$(inherited)";
 				PRODUCT_BUNDLE_IDENTIFIER = com.meta.RNTesterUnitTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TARGETED_DEVICE_FAMILY = "1,2";
@@ -1870,7 +1854,6 @@
 				CLANG_ENABLE_OBJC_WEAK = YES;
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_IDENTITY = "iPhone Developer";
-				CODE_SIGN_STYLE = Automatic;
 				COPY_PHASE_STRIP = NO;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
@@ -1891,11 +1874,8 @@
 					"$(PROJECT_DIR)/RNTesterUnitTests",
 				);
 				MTL_FAST_MATH = YES;
-				OTHER_CFLAGS = (
-					"$(inherited)",
-					"-DFB_SONARKIT_ENABLED=1",
-				);
-				OTHER_SWIFT_FLAGS = "$(inherited) -Xcc -DFB_SONARKIT_ENABLED";
+				OTHER_CFLAGS = "$(inherited)";
+				OTHER_SWIFT_FLAGS = "$(inherited)";
 				PRODUCT_BUNDLE_IDENTIFIER = com.meta.RNTesterUnitTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TARGETED_DEVICE_FAMILY = "1,2";
@@ -1913,7 +1893,6 @@
 				CLANG_ENABLE_OBJC_WEAK = YES;
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_IDENTITY = "iPhone Developer";
-				CODE_SIGN_STYLE = Automatic;
 				DEBUG_INFORMATION_FORMAT = dwarf;
 				DEVELOPMENT_TEAM = "";
 				GCC_PREPROCESSOR_DEFINITIONS = (
@@ -1933,11 +1912,8 @@
 				);
 				MTL_ENABLE_DEBUG_INFO = INCLUDE_SOURCE;
 				MTL_FAST_MATH = YES;
-				OTHER_CFLAGS = (
-					"$(inherited)",
-					"-DFB_SONARKIT_ENABLED=1",
-				);
-				OTHER_SWIFT_FLAGS = "$(inherited) -Xcc -DFB_SONARKIT_ENABLED";
+				OTHER_CFLAGS = "$(inherited)";
+				OTHER_SWIFT_FLAGS = "$(inherited)";
 				PRODUCT_BUNDLE_IDENTIFIER = com.meta.RNTesterIntegrationTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TARGETED_DEVICE_FAMILY = "1,2";
@@ -1956,7 +1932,6 @@
 				CLANG_ENABLE_OBJC_WEAK = YES;
 				CLANG_WARN_UNGUARDED_AVAILABILITY = YES_AGGRESSIVE;
 				CODE_SIGN_IDENTITY = "iPhone Developer";
-				CODE_SIGN_STYLE = Automatic;
 				COPY_PHASE_STRIP = NO;
 				DEBUG_INFORMATION_FORMAT = "dwarf-with-dsym";
 				DEVELOPMENT_TEAM = "";
@@ -1972,11 +1947,8 @@
 					"@loader_path/Frameworks",
 				);
 				MTL_FAST_MATH = YES;
-				OTHER_CFLAGS = (
-					"$(inherited)",
-					"-DFB_SONARKIT_ENABLED=1",
-				);
-				OTHER_SWIFT_FLAGS = "$(inherited) -Xcc -DFB_SONARKIT_ENABLED";
+				OTHER_CFLAGS = "$(inherited)";
+				OTHER_SWIFT_FLAGS = "$(inherited)";
 				PRODUCT_BUNDLE_IDENTIFIER = com.meta.RNTesterIntegrationTests;
 				PRODUCT_NAME = "$(TARGET_NAME)";
 				TARGETED_DEVICE_FAMILY = "1,2";
diff --git a/packages/rn-tester/RNTesterUnitTests/RCTBlobManagerTests.m b/packages/rn-tester/RNTesterUnitTests/RCTBlobManagerTests.m
index 2bbf23e657dda3..94ca812875e778 100644
--- a/packages/rn-tester/RNTesterUnitTests/RCTBlobManagerTests.m
+++ b/packages/rn-tester/RNTesterUnitTests/RCTBlobManagerTests.m
@@ -8,6 +8,15 @@
 #import <XCTest/XCTest.h>
 
 #import <React/RCTBlobManager.h>
+#import <React/RCTMockDef.h>
+
+RCT_MOCK_REF(RCTBlobManager, dispatch_async);
+
+static void _mock_dispatch_async(dispatch_queue_t queue, dispatch_block_t block)
+{
+  XCTAssertNotNil(queue);
+  block();
+}
 
 @interface RCTBlobManagerTests : XCTestCase
 
@@ -23,8 +32,12 @@ - (void)setUp
 {
   [super setUp];
 
+  RCT_MOCK_SET(RCTBlobManager, dispatch_async, _mock_dispatch_async);
+
   _module = [RCTBlobManager new];
+  dispatch_queue_t methodQueue = dispatch_queue_create("test.queue", DISPATCH_QUEUE_SERIAL);
   [_module setValue:nil forKey:@"bridge"];
+  [_module setValue:methodQueue forKey:@"methodQueue"];
   [_module initialize];
   NSInteger size = 120;
   _data = [NSMutableData dataWithCapacity:size];
@@ -36,6 +49,13 @@ - (void)setUp
   [_module store:_data withId:_blobId];
 }
 
+- (void)tearDown
+{
+  [super tearDown];
+
+  RCT_MOCK_RESET(RCTBlobManager, dispatch_async);
+}
+
 - (void)testResolve
 {
   XCTAssertTrue([_data isEqualToData:[_module resolve:_blobId offset:0 size:_data.length]]);
@@ -98,4 +118,37 @@ - (void)testCreateFromParts
   XCTAssertTrue([expectedData isEqualToData:result]);
 }
 
+- (void)testCreateFromPartsProcessingQueue
+{
+  RCTEnableBlobManagerProcessingQueue(YES);
+  [self setUp];
+
+  NSDictionary<NSString *, id> *blobData = @{
+    @"blobId" : _blobId,
+    @"offset" : @0,
+    @"size" : @(_data.length),
+  };
+  NSDictionary<NSString *, id> *blob = @{
+    @"data" : blobData,
+    @"type" : @"blob",
+  };
+  NSString *stringData = @"i \u2665 dogs";
+  NSDictionary<NSString *, id> *string = @{
+    @"data" : stringData,
+    @"type" : @"string",
+  };
+  NSString *resultId = [NSUUID UUID].UUIDString;
+  NSArray<id> *parts = @[ blob, string ];
+
+  [_module createFromParts:parts withId:resultId];
+
+  NSMutableData *expectedData = [NSMutableData new];
+  [expectedData appendData:_data];
+  [expectedData appendData:[stringData dataUsingEncoding:NSUTF8StringEncoding]];
+
+  NSData *result = [_module resolve:resultId offset:0 size:expectedData.length];
+
+  XCTAssertTrue([expectedData isEqualToData:result]);
+}
+
 @end
diff --git a/packages/rn-tester/android/app/build.gradle b/packages/rn-tester/android/app/build.gradle
deleted file mode 100644
index 20669ea71b1e0e..00000000000000
--- a/packages/rn-tester/android/app/build.gradle
+++ /dev/null
@@ -1,227 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-import groovy.json.JsonSlurper
-
-plugins {
-    id("com.facebook.react")
-    alias(libs.plugins.android.application)
-    alias(libs.plugins.kotlin.android)
-}
-
-def reactNativeVersionRequireNewArchEnabled(reactNativeDirPath) {
-    def reactNativePackageJson = "$reactNativeDirPath/package.json"
-    def slurper = new JsonSlurper()
-    def jsonData = slurper.parse(new File(reactNativePackageJson))
-    def rnVersion = jsonData.version
-    def regexPattern = /^(\d+)\.(\d+)\.(\d+)(?:-(\w+(?:[-.]\d+)?))?$/
-
-
-    if (rnVersion =~ regexPattern) {
-        def result = (rnVersion =~ regexPattern).findAll().first()
-
-        def major = result[1].toInteger()
-        if (major > 0 && major < 1000) {
-            return true
-        }
-    }
-    return false
-}
-
-def reactNativeDirPath = "$rootDir/packages/react-native"
-def isNewArchEnabled = project.property("newArchEnabled") == "true" || reactNativeVersionRequireNewArchEnabled(reactNativeDirPath)
-/**
- * This is the configuration block to customize your React Native Android app.
- * By default you don't need to apply any configuration, just uncomment the lines you need.
- */
-react {
-    /* Folders */
-    //   The root of your project, i.e. where "package.json" lives. Default is '..'
-    root = file("../../")
-    //   The folder where the react-native NPM package is. Default is ../node_modules/react-native
-    reactNativeDir = file(reactNativeDirPath)
-    //   The folder where the react-native Codegen package is. Default is ../node_modules/@react-native/codegen
-    codegenDir = file("$rootDir/node_modules/@react-native/codegen")
-    //   The cli.js file which is the React Native CLI entrypoint. Default is ../node_modules/react-native/cli.js
-    cliFile = file("$reactNativeDirPath/cli.js")
-
-    /* Variants */
-    //   The list of variants to that are debuggable. For those we're going to
-    //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
-    //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
-    debuggableVariants = ["hermesDebug", "jscDebug"]
-
-    /* Bundling */
-    //   A list containing the node command and its flags. Default is just 'node'.
-    // nodeExecutableAndArgs = ["node"]
-    //
-    //   The command to run when bundling. By default is 'bundle'
-    // bundleCommand = "ram-bundle"
-    //
-    //   The path to the CLI configuration file. Default is empty.
-    // bundleConfig = file(../rn-cli.config.js)
-    //
-    //   The name of the generated asset file containing your JS bundle
-    bundleAssetName = "RNTesterApp.android.bundle"
-    //
-    //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
-    entryFile = file("../../js/RNTesterApp.android.js")
-    //
-    //   A list of extra flags to pass to the 'bundle' commands.
-    //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
-    // extraPackagerArgs = []
-
-    /* Hermes Commands */
-    //   The hermes compiler command to run. By default it is 'hermesc'
-    hermesCommand = "$reactNativeDirPath/ReactAndroid/hermes-engine/build/hermes/bin/hermesc"
-    enableHermesOnlyInVariants = ["hermesDebug", "hermesRelease"]
-}
-
-/**
- * Run Proguard to shrink the Java bytecode in release builds.
- */
-def enableProguardInReleaseBuilds = true
-
-/**
- * The preferred build flavor of JavaScriptCore (JSC)
- * For example, to use the international variant, you can use:
- * `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
- */
-def jscFlavor = 'org.webkit:android-jsc:+'
-
-/**
- * This allows to customized the CMake version used for compiling RN Tester.
- */
-def cmakeVersion = project(":packages:react-native:ReactAndroid").cmake_version
-
-/**
- * Architectures to build native code for.
- */
-def reactNativeArchitectures() {
-    def value = project.getProperties().get("reactNativeArchitectures")
-    return value ? value.split(",") : ["armeabi-v7a", "x86", "x86_64", "arm64-v8a"]
-}
-
-repositories {
-    maven {
-        url rootProject.file("node_modules/jsc-android/dist")
-    }
-}
-
-android {
-    compileSdk libs.versions.compileSdk.get().toInteger()
-    buildToolsVersion = libs.versions.buildTools.get()
-    namespace "com.facebook.react.uiapp"
-
-    // Used to override the NDK path/version on internal CI or by allowing
-    // users to customize the NDK path/version from their root project (e.g. for Apple Silicon support)
-    if (rootProject.hasProperty("ndkPath")) {
-        ndkPath rootProject.ext.ndkPath
-    }
-    if (rootProject.hasProperty("ndkVersion")) {
-        ndkVersion rootProject.ext.ndkVersion
-    }
-
-    flavorDimensions "vm"
-    productFlavors {
-        hermes {
-            dimension "vm"
-            buildConfigField("boolean", "IS_HERMES_ENABLED_IN_FLAVOR", "true")
-        }
-        jsc {
-            dimension "vm"
-            buildConfigField("boolean", "IS_HERMES_ENABLED_IN_FLAVOR", "false")
-        }
-    }
-
-    defaultConfig {
-        applicationId "com.facebook.react.uiapp"
-        minSdk = libs.versions.minSdk.get().toInteger()
-        targetSdk = libs.versions.targetSdk.get().toInteger()
-        versionCode 1
-        versionName "1.0"
-        testBuildType System.getProperty('testBuildType', 'debug')  // This will later be used to control the test apk build type
-        testInstrumentationRunner 'androidx.test.runner.AndroidJUnitRunner'
-        buildConfigField("String", "JS_MAIN_MODULE_NAME", "\"js/RNTesterApp.android\"")
-        buildConfigField("String", "BUNDLE_ASSET_NAME", "\"RNTesterApp.android.bundle\"")
-    }
-    externalNativeBuild {
-        cmake {
-            version cmakeVersion
-        }
-    }
-    splits {
-        abi {
-            enable true
-            universalApk false
-            reset()
-            include (*reactNativeArchitectures())
-        }
-    }
-    buildTypes {
-        release {
-            minifyEnabled enableProguardInReleaseBuilds
-            proguardFiles getDefaultProguardFile('proguard-android.txt')
-            signingConfig signingConfigs.debug
-        }
-    }
-    sourceSets.main {
-        java {
-            // SampleTurboModule.
-            srcDirs += [
-                "$reactNativeDirPath/ReactCommon/react/nativemodule/samples/platform/android",
-            ]
-        }
-    }
-}
-
-dependencies {
-    // Build React Native from source
-    implementation project(':packages:react-native:ReactAndroid')
-    implementation project(':packages:react-native:ReactAndroid:flipper-integration')
-
-    // Consume Hermes as built from source only for the Hermes variant.
-    hermesImplementation(project(":packages:react-native:ReactAndroid:hermes-engine"))
-
-    jscImplementation jscFlavor
-
-    testImplementation(libs.junit)
-}
-
-android {
-    externalNativeBuild {
-        cmake {
-            // RN Tester is doing custom linking of C++ libraries therefore needs
-            // a dedicated CMakeLists.txt file.
-            if (isNewArchEnabled) {
-                path("src/main/jni/CMakeLists.txt")
-            }
-        }
-    }
-}
-
-afterEvaluate {
-    if (project.findProperty("react.internal.useHermesNightly") == null || project.findProperty("react.internal.useHermesNightly").toString() == "false") {
-        // As we're consuming Hermes from source, we want to make sure
-        // `hermesc` is built before we actually invoke the `emit*HermesResource` task
-        createBundleHermesReleaseJsAndAssets.dependsOn(":packages:react-native:ReactAndroid:hermes-engine:buildHermesC")
-    }
-
-    // As we're building 4 native flavors in parallel, there is clash on the `.cxx/Debug` and
-    // `.cxx/Release` folder where the CMake intermediates are stored.
-    // We fixing this by instructing Gradle to always mergeLibs after they've been built.
-    if (isNewArchEnabled) {
-        mergeHermesDebugNativeLibs.mustRunAfter(externalNativeBuildJscDebug)
-        mergeHermesReleaseNativeLibs.mustRunAfter(externalNativeBuildJscRelease)
-        mergeJscDebugNativeLibs.mustRunAfter(externalNativeBuildHermesDebug)
-        mergeJscReleaseNativeLibs.mustRunAfter(externalNativeBuildHermesRelease)
-    }
-
-    // As RN-Tester consumes the codegen from source, we need to make sure the codegen exists before
-    // we can actually invoke it. It's built by the ReactAndroid:buildCodegenCLI task.
-    generateCodegenSchemaFromJavaScript.dependsOn(":packages:react-native:ReactAndroid:buildCodegenCLI")
-}
diff --git a/packages/rn-tester/android/app/build.gradle.kts b/packages/rn-tester/android/app/build.gradle.kts
new file mode 100644
index 00000000000000..5ad05a044325fd
--- /dev/null
+++ b/packages/rn-tester/android/app/build.gradle.kts
@@ -0,0 +1,199 @@
+/*
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+
+plugins {
+  id("com.facebook.react")
+  alias(libs.plugins.android.application)
+  alias(libs.plugins.kotlin.android)
+}
+
+val reactNativeDirPath = "$rootDir/packages/react-native"
+val isNewArchEnabled = project.property("newArchEnabled") == "true"
+
+/**
+ * This is the configuration block to customize your React Native Android app. By default you don't
+ * need to apply any configuration, just uncomment the lines you need.
+ */
+react {
+  /* Folders */
+  //   The root of your project, i.e. where "package.json" lives. Default is '..'
+  root = file("../../")
+  //   The folder where the react-native NPM package is. Default is ../node_modules/react-native
+  reactNativeDir = file(reactNativeDirPath)
+  //   The folder where the react-native Codegen package is. Default is
+  // ../node_modules/@react-native/codegen
+  codegenDir = file("$rootDir/node_modules/@react-native/codegen")
+  //   The cli.js file which is the React Native CLI entrypoint. Default is
+  // ../node_modules/react-native/cli.js
+  cliFile = file("$reactNativeDirPath/cli.js")
+
+  /* Variants */
+  //   The list of variants to that are debuggable. For those we're going to
+  //   skip the bundling of the JS bundle and the assets. By default is just 'debug'.
+  //   If you add flavors like lite, prod, etc. you'll have to list your debuggableVariants.
+  debuggableVariants = listOf("hermesDebug", "jscDebug")
+
+  /* Bundling */
+  //   A list containing the node command and its flags. Default is just 'node'.
+  // nodeExecutableAndArgs = ["node"]
+  //
+  //   The command to run when bundling. By default is 'bundle'
+  // bundleCommand = "ram-bundle"
+  //
+  //   The path to the CLI configuration file. Default is empty.
+  // bundleConfig = file(../rn-cli.config.js)
+  //
+  //   The name of the generated asset file containing your JS bundle
+  bundleAssetName = "RNTesterApp.android.bundle"
+  //
+  //   The entry file for bundle generation. Default is 'index.android.js' or 'index.js'
+  entryFile = file("../../js/RNTesterApp.android.js")
+  //
+  //   A list of extra flags to pass to the 'bundle' commands.
+  //   See https://github.com/react-native-community/cli/blob/main/docs/commands.md#bundle
+  // extraPackagerArgs = []
+
+  /* Hermes Commands */
+  //   The hermes compiler command to run. By default it is 'hermesc'
+  hermesCommand = "$reactNativeDirPath/ReactAndroid/hermes-engine/build/hermes/bin/hermesc"
+  enableHermesOnlyInVariants = listOf("hermesDebug", "hermesRelease")
+}
+
+/** Run Proguard to shrink the Java bytecode in release builds. */
+val enableProguardInReleaseBuilds = true
+
+/**
+ * The preferred build flavor of JavaScriptCore (JSC) For example, to use the international variant,
+ * you can use: `def jscFlavor = 'org.webkit:android-jsc-intl:+'`
+ */
+val jscFlavor = "org.webkit:android-jsc:+"
+
+/** This allows to customized the CMake version used for compiling RN Tester. */
+val cmakeVersion =
+    project(":packages:react-native:ReactAndroid").properties["cmake_version"].toString()
+
+/** Architectures to build native code for. */
+fun reactNativeArchitectures(): List<String> {
+  val value = project.properties["reactNativeArchitectures"]
+  return value?.toString()?.split(",") ?: listOf("armeabi-v7a", "x86", "x86_64", "arm64-v8a")
+}
+
+repositories { maven { url = rootProject.file("node_modules/jsc-android/dist").toURI() } }
+
+android {
+  compileSdk = libs.versions.compileSdk.get().toInt()
+  buildToolsVersion = libs.versions.buildTools.get()
+  namespace = "com.facebook.react.uiapp"
+
+  // Used to override the NDK path/version on internal CI or by allowing
+  // users to customize the NDK path/version from their root project (e.g. for Apple Silicon
+  // support)
+  if (rootProject.hasProperty("ndkPath") && rootProject.properties["ndkPath"] != null) {
+    ndkPath = rootProject.properties["ndkPath"].toString()
+  }
+  if (rootProject.hasProperty("ndkVersion") && rootProject.properties["ndkVersion"] != null) {
+    ndkVersion = rootProject.properties["ndkVersion"].toString()
+  }
+
+  flavorDimensions.add("vm")
+  productFlavors {
+    create("hermes") {
+      dimension = "vm"
+      buildConfigField("boolean", "IS_HERMES_ENABLED_IN_FLAVOR", "true")
+    }
+    create("jsc") {
+      dimension = "vm"
+      buildConfigField("boolean", "IS_HERMES_ENABLED_IN_FLAVOR", "false")
+    }
+  }
+
+  defaultConfig {
+    applicationId = "com.facebook.react.uiapp"
+    minSdk = libs.versions.minSdk.get().toInt()
+    targetSdk = libs.versions.targetSdk.get().toInt()
+    versionCode = 1
+    versionName = "1.0"
+    testBuildType =
+        System.getProperty(
+            "testBuildType", "debug") // This will later be used to control the test apk build type
+    testInstrumentationRunner = "androidx.test.runner.AndroidJUnitRunner"
+    buildConfigField("String", "JS_MAIN_MODULE_NAME", "\"js/RNTesterApp.android\"")
+    buildConfigField("String", "BUNDLE_ASSET_NAME", "\"RNTesterApp.android.bundle\"")
+  }
+  externalNativeBuild { cmake { version = cmakeVersion } }
+  splits {
+    abi {
+      isEnable = true
+      isUniversalApk = false
+      reset()
+      include(*reactNativeArchitectures().toTypedArray())
+    }
+  }
+  buildTypes {
+    release {
+      isMinifyEnabled = enableProguardInReleaseBuilds
+      proguardFiles(getDefaultProguardFile("proguard-android.txt"))
+      signingConfig = signingConfigs.getByName("debug")
+    }
+  }
+  sourceSets.named("main") {
+    // SampleTurboModule.
+    java.srcDirs(
+        "$reactNativeDirPath/ReactCommon/react/nativemodule/samples/platform/android",
+    )
+  }
+}
+
+dependencies {
+  // Build React Native from source
+  implementation(project(":packages:react-native:ReactAndroid"))
+
+  // Consume Hermes as built from source only for the Hermes variant.
+  "hermesImplementation"(project(":packages:react-native:ReactAndroid:hermes-engine"))
+  "jscImplementation"(jscFlavor)
+
+  testImplementation(libs.junit)
+}
+
+android {
+  externalNativeBuild {
+    cmake {
+      // RN Tester is doing custom linking of C++ libraries therefore needs
+      // a dedicated CMakeLists.txt file.
+      if (isNewArchEnabled) {
+        path("src/main/jni/CMakeLists.txt")
+      }
+    }
+  }
+}
+
+afterEvaluate {
+  if (project.findProperty("react.internal.useHermesNightly") == null ||
+      project.findProperty("react.internal.useHermesNightly").toString() == "false") {
+    // As we're consuming Hermes from source, we want to make sure
+    // `hermesc` is built before we actually invoke the `emit*HermesResource` task
+    tasks
+        .getByName("createBundleHermesReleaseJsAndAssets")
+        .dependsOn(":packages:react-native:ReactAndroid:hermes-engine:buildHermesC")
+  }
+
+  // As we're building 4 native flavors in parallel, there is clash on the `.cxx/Debug` and
+  // `.cxx/Release` folder where the CMake intermediates are stored.
+  // We fixing this by instructing Gradle to always mergeLibs after they've been built.
+  if (isNewArchEnabled) {
+    tasks.getByName("mergeHermesDebugNativeLibs").mustRunAfter("externalNativeBuildJscDebug")
+    tasks.getByName("mergeHermesReleaseNativeLibs").mustRunAfter("externalNativeBuildJscRelease")
+    tasks.getByName("mergeJscDebugNativeLibs").mustRunAfter("externalNativeBuildHermesDebug")
+    tasks.getByName("mergeJscReleaseNativeLibs").mustRunAfter("externalNativeBuildHermesRelease")
+  }
+
+  // As RN-Tester consumes the codegen from source, we need to make sure the codegen exists before
+  // we can actually invoke it. It's built by the ReactAndroid:buildCodegenCLI task.
+  tasks
+      .getByName("generateCodegenSchemaFromJavaScript")
+      .dependsOn(":packages:react-native:ReactAndroid:buildCodegenCLI")
+}
diff --git a/packages/rn-tester/android/app/src/main/AndroidManifest.xml b/packages/rn-tester/android/app/src/main/AndroidManifest.xml
index 2d6ee37ba1b99d..9e8cac997aafaa 100644
--- a/packages/rn-tester/android/app/src/main/AndroidManifest.xml
+++ b/packages/rn-tester/android/app/src/main/AndroidManifest.xml
@@ -1,7 +1,5 @@
 <?xml version="1.0" encoding="utf-8"?>
-<manifest
-  package="com.facebook.react.uiapp"
-  xmlns:android="http://schemas.android.com/apk/res/android">
+<manifest xmlns:android="http://schemas.android.com/apk/res/android">
 
   <uses-feature
     android:name="android.software.leanback"
@@ -16,10 +14,6 @@
     android:name="android.hardware.camera"
     android:required="false" />
 
-  <uses-sdk
-      android:minSdkVersion="23"
-      android:targetSdkVersion="34" />
-
   <uses-permission android:name="android.permission.INTERNET" />
   <uses-permission android:name="android.permission.ACCESS_NETWORK_STATE"/>
   <uses-permission android:name="android.permission.ACCESS_FINE_LOCATION"/>
diff --git a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterActivity.kt b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterActivity.kt
index e2e13d7dc96f0f..ad9bff582193b4 100644
--- a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterActivity.kt
+++ b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterActivity.kt
@@ -20,12 +20,11 @@ class RNTesterActivity : ReactActivity() {
 
     override fun onCreate(savedInstanceState: Bundle?) {
       // Get remote param before calling super which uses it
-      val bundle = activity.getIntent()?.getExtras()
+      val bundle = activity.intent?.extras
 
       if (bundle != null && bundle.containsKey(PARAM_ROUTE)) {
         val routeUri = "rntester://example/${bundle.getString(PARAM_ROUTE)}Example"
-        initialProps = Bundle()
-        initialProps?.putString("exampleFromAppetizeParams", routeUri)
+        initialProps = Bundle().apply { putString("exampleFromAppetizeParams", routeUri) }
       }
 
       super.onCreate(savedInstanceState)
diff --git a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.kt b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.kt
index b427b7272d5f5f..33b2373fd46c27 100644
--- a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.kt
+++ b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterApplication.kt
@@ -10,38 +10,30 @@ package com.facebook.react.uiapp
 import android.app.Application
 import com.facebook.fbreact.specs.SampleLegacyModule
 import com.facebook.fbreact.specs.SampleTurboModule
-import com.facebook.react.JSEngineResolutionAlgorithm
 import com.facebook.react.ReactApplication
 import com.facebook.react.ReactHost
 import com.facebook.react.ReactNativeHost
 import com.facebook.react.ReactPackage
 import com.facebook.react.TurboReactPackage
+import com.facebook.react.ViewManagerOnDemandReactPackage
 import com.facebook.react.bridge.NativeModule
 import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.common.annotations.UnstableReactNativeAPI
 import com.facebook.react.common.assets.ReactFontManager
-import com.facebook.react.common.mapbuffer.ReadableMapBuffer
 import com.facebook.react.config.ReactFeatureFlags
-import com.facebook.react.defaults.DefaultComponentsRegistry.Companion.register
 import com.facebook.react.defaults.DefaultNewArchitectureEntryPoint.load
+import com.facebook.react.defaults.DefaultReactHost
 import com.facebook.react.defaults.DefaultReactNativeHost
-import com.facebook.react.fabric.ComponentFactory
-import com.facebook.react.flipper.ReactNativeFlipper.initializeFlipper
-import com.facebook.react.interfaces.exceptionmanager.ReactJsExceptionHandler
 import com.facebook.react.module.model.ReactModuleInfo
 import com.facebook.react.module.model.ReactModuleInfoProvider
-import com.facebook.react.runtime.ReactHostImpl
 import com.facebook.react.shell.MainReactPackage
 import com.facebook.react.uiapp.component.MyLegacyViewManager
 import com.facebook.react.uiapp.component.MyNativeViewManager
+import com.facebook.react.uimanager.ReactShadowNode
 import com.facebook.react.uimanager.ViewManager
 import com.facebook.soloader.SoLoader
 
 class RNTesterApplication : Application(), ReactApplication {
   override val reactNativeHost: ReactNativeHost by lazy {
-    if (ReactFeatureFlags.enableBridgelessArchitecture) {
-      throw RuntimeException("Should not use ReactNativeHost when Bridgeless enabled")
-    }
     object : DefaultReactNativeHost(this) {
       public override fun getJSMainModuleName(): String = BuildConfig.JS_MAIN_MODULE_NAME
 
@@ -57,6 +49,7 @@ class RNTesterApplication : Application(), ReactApplication {
                   name: String,
                   reactContext: ReactApplicationContext
               ): NativeModule? {
+                @Suppress("DEPRECATION")
                 if (!ReactFeatureFlags.useTurboModules) {
                   return null
                 }
@@ -74,6 +67,7 @@ class RNTesterApplication : Application(), ReactApplication {
               // modules.
               override fun getReactModuleInfoProvider(): ReactModuleInfoProvider =
                   ReactModuleInfoProvider {
+                    @Suppress("DEPRECATION")
                     if (ReactFeatureFlags.useTurboModules) {
                       mapOf(
                           SampleTurboModule.NAME to
@@ -99,17 +93,28 @@ class RNTesterApplication : Application(), ReactApplication {
                     }
                   }
             },
-            object : ReactPackage {
+            object : ReactPackage, ViewManagerOnDemandReactPackage {
               override fun createNativeModules(
                   reactContext: ReactApplicationContext
-              ): List<NativeModule> {
-                return emptyList()
-              }
+              ): List<NativeModule> = emptyList()
+
+              override fun getViewManagerNames(reactContext: ReactApplicationContext) =
+                  listOf("RNTMyNativeView", "RNTMyLegacyNativeView")
 
               override fun createViewManagers(
                   reactContext: ReactApplicationContext
               ): List<ViewManager<*, *>> =
                   listOf(MyNativeViewManager(), MyLegacyViewManager(reactContext))
+
+              override fun createViewManager(
+                  reactContext: ReactApplicationContext,
+                  viewManagerName: String
+              ): ViewManager<*, out ReactShadowNode<*>> =
+                  if (viewManagerName == "RNTMyNativeView") {
+                    MyNativeViewManager()
+                  } else {
+                    MyLegacyViewManager(reactContext)
+                  }
             })
       }
 
@@ -118,6 +123,9 @@ class RNTesterApplication : Application(), ReactApplication {
     }
   }
 
+  override val reactHost: ReactHost
+    get() = DefaultReactHost.getDefaultReactHost(applicationContext, reactNativeHost)
+
   override fun onCreate() {
     ReactFontManager.getInstance().addCustomFont(this, "Rubik", R.font.rubik)
     super.onCreate()
@@ -125,37 +133,5 @@ class RNTesterApplication : Application(), ReactApplication {
     if (BuildConfig.IS_NEW_ARCHITECTURE_ENABLED) {
       load()
     }
-    initializeFlipper(this, reactNativeHost.reactInstanceManager)
-  }
-
-  @UnstableReactNativeAPI
-  override val reactHost: ReactHost by lazy {
-    // Create an instance of ReactHost to manager the instance of ReactInstance,
-    // which is similar to how we use ReactNativeHost to manager instance of ReactInstanceManager
-    val reactHostDelegate = RNTesterReactHostDelegate(applicationContext)
-    val reactJsExceptionHandler = RNTesterReactJsExceptionHandler()
-    val componentFactory = ComponentFactory()
-    register(componentFactory)
-    ReactHostImpl(
-            this.applicationContext,
-            reactHostDelegate,
-            componentFactory,
-            true,
-            reactJsExceptionHandler,
-            true)
-        .apply {
-          jsEngineResolutionAlgorithm =
-              if (BuildConfig.IS_HERMES_ENABLED_IN_FLAVOR) {
-                JSEngineResolutionAlgorithm.HERMES
-              } else {
-                JSEngineResolutionAlgorithm.JSC
-              }
-          reactHostDelegate.reactHost = this
-        }
-  }
-
-  @UnstableReactNativeAPI
-  class RNTesterReactJsExceptionHandler : ReactJsExceptionHandler {
-    override fun reportJsException(errorMap: ReadableMapBuffer?) {}
   }
 }
diff --git a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterReactHostDelegate.kt b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterReactHostDelegate.kt
deleted file mode 100644
index 7ed21ca7e6958c..00000000000000
--- a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/RNTesterReactHostDelegate.kt
+++ /dev/null
@@ -1,138 +0,0 @@
-/*
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.uiapp
-
-import android.content.Context
-import com.facebook.fbreact.specs.SampleLegacyModule
-import com.facebook.fbreact.specs.SampleTurboModule
-import com.facebook.react.JSEngineResolutionAlgorithm
-import com.facebook.react.ReactPackage
-import com.facebook.react.ReactPackageTurboModuleManagerDelegate
-import com.facebook.react.TurboReactPackage
-import com.facebook.react.ViewManagerOnDemandReactPackage
-import com.facebook.react.bridge.JSBundleLoader
-import com.facebook.react.bridge.NativeModule
-import com.facebook.react.bridge.ReactApplicationContext
-import com.facebook.react.common.annotations.UnstableReactNativeAPI
-import com.facebook.react.config.ReactFeatureFlags
-import com.facebook.react.defaults.DefaultTurboModuleManagerDelegate
-import com.facebook.react.fabric.ReactNativeConfig
-import com.facebook.react.module.model.ReactModuleInfo
-import com.facebook.react.module.model.ReactModuleInfoProvider
-import com.facebook.react.runtime.BindingsInstaller
-import com.facebook.react.runtime.JSCInstance
-import com.facebook.react.runtime.JSEngineInstance
-import com.facebook.react.runtime.ReactHostDelegate
-import com.facebook.react.runtime.ReactHostImpl
-import com.facebook.react.runtime.hermes.HermesInstance
-import com.facebook.react.shell.MainReactPackage
-import com.facebook.react.uiapp.component.MyLegacyViewManager
-import com.facebook.react.uiapp.component.MyNativeViewManager
-import com.facebook.react.uimanager.ViewManager
-
-@UnstableReactNativeAPI
-class RNTesterReactHostDelegate internal constructor(context: Context) : ReactHostDelegate {
-  var reactHost: ReactHostImpl? = null
-
-  override val jsMainModulePath: String = BuildConfig.JS_MAIN_MODULE_NAME
-
-  override val jsBundleLoader: JSBundleLoader =
-      JSBundleLoader.createAssetLoader(context, "assets:" + BuildConfig.BUNDLE_ASSET_NAME, true)
-
-  @get:Synchronized override val bindingsInstaller: BindingsInstaller? = null
-
-  override val turboModuleManagerDelegateBuilder: ReactPackageTurboModuleManagerDelegate.Builder =
-      DefaultTurboModuleManagerDelegate.Builder()
-
-  override val jsEngineInstance: JSEngineInstance =
-      if (reactHost?.jsEngineResolutionAlgorithm == JSEngineResolutionAlgorithm.JSC) {
-        JSCInstance()
-      } else {
-        HermesInstance()
-      }
-
-  override fun handleInstanceException(error: Exception) {}
-
-  override fun getReactNativeConfig(moduleProvider: (String) -> NativeModule?): ReactNativeConfig =
-      ReactNativeConfig.DEFAULT_CONFIG
-
-  override val reactPackages: List<ReactPackage> by lazy {
-    listOf(
-        MainReactPackage(),
-        object : TurboReactPackage() {
-          override fun getModule(
-              name: String,
-              reactContext: ReactApplicationContext
-          ): NativeModule? =
-              when {
-                !ReactFeatureFlags.useTurboModules -> null
-                name == SampleTurboModule.NAME -> SampleTurboModule(reactContext)
-                name == SampleLegacyModule.NAME -> SampleLegacyModule(reactContext)
-                else -> null
-              }
-
-          // Note: Specialized annotation processor for @ReactModule isn't
-          // configured in OSS
-          // yet. For now, hardcode this information, though it's not necessary
-          // for most modules
-          override fun getReactModuleInfoProvider(): ReactModuleInfoProvider =
-              ReactModuleInfoProvider {
-                if (ReactFeatureFlags.useTurboModules) {
-                  mapOf(
-                      SampleTurboModule.NAME to
-                          ReactModuleInfo(
-                              SampleTurboModule.NAME,
-                              "SampleTurboModule",
-                              false, // canOverrideExistingModule
-                              false, // needsEagerInit
-                              false, // isCxxModule
-                              true // isTurboModule
-                              ),
-                      SampleLegacyModule.NAME to
-                          ReactModuleInfo(
-                              SampleLegacyModule.NAME,
-                              "SampleLegacyModule",
-                              false, // canOverrideExistingModule
-                              false, // needsEagerInit
-                              false, // isCxxModule
-                              false // isTurboModule
-                              ),
-                  )
-                } else {
-                  emptyMap()
-                }
-              }
-        },
-        object : ViewManagerOnDemandReactPackage, ReactPackage {
-          override fun createNativeModules(
-              reactContext: ReactApplicationContext
-          ): List<NativeModule> = emptyList()
-
-          override fun createViewManagers(
-              reactContext: ReactApplicationContext
-          ): List<ViewManager<*, *>> =
-              listOf(MyNativeViewManager(), MyLegacyViewManager(reactContext))
-
-          override fun getViewManagerNames(
-              reactContext: ReactApplicationContext
-          ): Collection<String> =
-              listOf(MyNativeViewManager.REACT_CLASS, MyLegacyViewManager.REACT_CLASS)
-
-          override fun createViewManager(
-              reactContext: ReactApplicationContext,
-              viewManagerName: String
-          ): ViewManager<*, *>? {
-            return when (viewManagerName) {
-              MyNativeViewManager.REACT_CLASS -> MyNativeViewManager()
-              MyLegacyViewManager.REACT_CLASS -> MyLegacyViewManager(reactContext)
-              else -> null
-            }
-          }
-        })
-  }
-}
diff --git a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyLegacyViewManager.kt b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyLegacyViewManager.kt
index 1ff6b782db7b5c..7657f4616f9e1d 100644
--- a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyLegacyViewManager.kt
+++ b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyLegacyViewManager.kt
@@ -27,7 +27,7 @@ internal class MyLegacyViewManager(reactContext: ReactApplicationContext) :
   override fun getName(): String = REACT_CLASS
 
   override fun createViewInstance(themedReactContext: ThemedReactContext): MyNativeView =
-      MyNativeView(themedReactContext).apply { setBackgroundColor(Color.RED) }
+      MyNativeView(themedReactContext)
 
   @ReactProp(name = ViewProps.OPACITY, defaultFloat = 1f)
   override fun setOpacity(view: MyNativeView, opacity: Float) {
@@ -35,15 +35,15 @@ internal class MyLegacyViewManager(reactContext: ReactApplicationContext) :
   }
 
   @ReactProp(name = ViewProps.COLOR)
-  fun setColor(view: MyNativeView, color: String) {
-    view.setBackgroundColor(Color.parseColor(color))
-  }
+  fun setColor(view: MyNativeView, color: String?): Unit =
+      when (color) {
+        null -> view.setBackgroundColor(Color.TRANSPARENT)
+        else -> view.setBackgroundColor(Color.parseColor(color))
+      }
 
   @ReactProp(name = "cornerRadius")
   fun setCornerRadius(view: MyNativeView, cornerRadius: Float) {
-    if (cornerRadius !== null) {
-      view.setCornerRadius(cornerRadius)
-    }
+    view.setCornerRadius(cornerRadius)
   }
 
   override fun getExportedViewConstants(): Map<String, Any> = mapOf("PI" to 3.14)
@@ -72,14 +72,26 @@ internal class MyLegacyViewManager(reactContext: ReactApplicationContext) :
         val sentColor: Int = Color.parseColor(args?.getString(0))
         view.setBackgroundColor(sentColor)
       }
+      COMMAND_ADD_OVERLAYS -> {
+        val overlayColors: ReadableArray = args!!.getArray(0)
+        view.addOverlays(overlayColors)
+      }
+      COMMAND_REMOVE_OVERLAYS -> {
+        view.removeOverlays()
+      }
     }
   }
 
   override fun getCommandsMap(): Map<String, Int> =
-      mapOf("changeBackgroundColor" to COMMAND_CHANGE_BACKGROUND_COLOR)
+      mapOf(
+          "changeBackgroundColor" to COMMAND_CHANGE_BACKGROUND_COLOR,
+          "addOverlays" to COMMAND_ADD_OVERLAYS,
+          "removeOverlays" to COMMAND_REMOVE_OVERLAYS)
 
   companion object {
     const val REACT_CLASS = "RNTMyLegacyNativeView"
-    const val COMMAND_CHANGE_BACKGROUND_COLOR = 42
+    const val COMMAND_CHANGE_BACKGROUND_COLOR = 1
+    const val COMMAND_ADD_OVERLAYS = 2
+    const val COMMAND_REMOVE_OVERLAYS = 3
   }
 }
diff --git a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyNativeView.kt b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyNativeView.kt
index 9f8a89a3e15238..59d3509e528f54 100644
--- a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyNativeView.kt
+++ b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyNativeView.kt
@@ -5,13 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  */
 
+@file:Suppress("DEPRECATION") // As we want to test RCTEventEmitter here
+
 package com.facebook.react.uiapp.component
 
 import android.graphics.Color
+import android.graphics.drawable.ColorDrawable
 import android.graphics.drawable.GradientDrawable
 import android.view.View
 import com.facebook.react.bridge.Arguments
 import com.facebook.react.bridge.ReactContext
+import com.facebook.react.bridge.ReadableArray
 import com.facebook.react.bridge.WritableArray
 import com.facebook.react.bridge.WritableMap
 import com.facebook.react.uimanager.ThemedReactContext
@@ -22,7 +26,7 @@ import com.facebook.react.uimanager.events.RCTEventEmitter
 class MyNativeView(context: ThemedReactContext) : View(context) {
   private var currentColor = 0
   private var background: GradientDrawable = GradientDrawable()
-  private var reactContext: ReactContext = context.getReactApplicationContext()
+  private var reactContext: ReactContext = context.reactApplicationContext
 
   override fun setBackgroundColor(color: Int) {
     if (color != currentColor) {
@@ -34,13 +38,29 @@ class MyNativeView(context: ThemedReactContext) : View(context) {
   }
 
   fun setCornerRadius(cornerRadius: Float) {
-    background.setCornerRadius(cornerRadius)
+    background.cornerRadius = cornerRadius
     setBackground(background)
   }
 
+  fun addOverlays(overlayColors: ReadableArray) {
+    val numOverlays = overlayColors.size()
+    val width = getMeasuredWidth() / numOverlays
+    for (i in 0 until numOverlays) {
+      val drawable = ColorDrawable(Color.parseColor(overlayColors.getString(i)))
+      val leftOffset = width * i
+      drawable.setBounds(leftOffset, 0, leftOffset + width, getMeasuredHeight())
+      getOverlay().add(drawable)
+    }
+  }
+
+  fun removeOverlays() {
+    getOverlay().clear()
+  }
+
   private fun emitNativeEvent(color: Int) {
     val event = Arguments.createMap()
     val hsv = FloatArray(3)
+    Color.colorToHSV(color, hsv)
     val backgroundColor =
         Arguments.createMap().apply {
           putDouble("hue", hsv[0].toDouble())
@@ -49,7 +69,6 @@ class MyNativeView(context: ThemedReactContext) : View(context) {
           putDouble("alpha", Color.alpha(color).toDouble())
         }
 
-    Color.colorToHSV(color, hsv)
     event.putMap("backgroundColor", backgroundColor)
 
     reactContext.getJSModule(RCTEventEmitter::class.java).receiveEvent(id, "onColorChanged", event)
@@ -105,12 +124,28 @@ class MyNativeView(context: ThemedReactContext) : View(context) {
     eventDispatcher?.dispatchEvent(event)
   }
 
+  fun emitLegacyStyleEvent() {
+    val reactContext = context as ReactContext
+    val surfaceId = UIManagerHelper.getSurfaceId(reactContext)
+    val eventDispatcher = UIManagerHelper.getEventDispatcherForReactTag(reactContext, id)
+    val payload = Arguments.createMap().apply { putString("string", "Legacy Style Event Fired.") }
+    val event = OnLegacyStyleEvent(surfaceId, id, payload)
+    eventDispatcher?.dispatchEvent(event)
+  }
+
   inner class OnIntArrayChangedEvent(
       surfaceId: Int,
       viewId: Int,
       private val payload: WritableMap
   ) : Event<OnIntArrayChangedEvent>(surfaceId, viewId) {
-    override fun getEventName() = "onIntArrayChanged"
+    override fun getEventName() = "topIntArrayChanged"
+
+    override fun getEventData() = payload
+  }
+
+  inner class OnLegacyStyleEvent(surfaceId: Int, viewId: Int, private val payload: WritableMap) :
+      Event<OnLegacyStyleEvent>(surfaceId, viewId) {
+    override fun getEventName() = "alternativeLegacyName"
 
     override fun getEventData() = payload
   }
diff --git a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyNativeViewManager.kt b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyNativeViewManager.kt
index 35635167b4104f..91640b172ea21c 100644
--- a/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyNativeViewManager.kt
+++ b/packages/rn-tester/android/app/src/main/java/com/facebook/react/uiapp/component/MyNativeViewManager.kt
@@ -45,6 +45,18 @@ internal class MyNativeViewManager :
     view.setBackgroundColor(Color.parseColor(color))
   }
 
+  override fun callNativeMethodToAddOverlays(view: MyNativeView, overlayColors: ReadableArray) {
+    view.addOverlays(overlayColors)
+  }
+
+  override fun callNativeMethodToRemoveOverlays(view: MyNativeView) {
+    view.removeOverlays()
+  }
+
+  override fun fireLagacyStyleEvent(view: MyNativeView) {
+    view.emitLegacyStyleEvent()
+  }
+
   @ReactProp(name = ViewProps.OPACITY, defaultFloat = 1f)
   override fun setOpacity(view: MyNativeView, opacity: Float) {
     super.setOpacity(view, opacity)
@@ -60,7 +72,7 @@ internal class MyNativeViewManager :
   override fun getExportedCustomBubblingEventTypeConstants(): Map<String, Any> =
       MapBuilder.builder<String, Any>()
           .put(
-              "onIntArrayChanged",
+              "topIntArrayChanged",
               MapBuilder.of<String, Any>(
                   "phasedRegistrationNames",
                   MapBuilder.of(
diff --git a/packages/rn-tester/android/app/src/main/jni/OnLoad.cpp b/packages/rn-tester/android/app/src/main/jni/OnLoad.cpp
index c7b717bdda0687..7ba52751e28dd3 100644
--- a/packages/rn-tester/android/app/src/main/jni/OnLoad.cpp
+++ b/packages/rn-tester/android/app/src/main/jni/OnLoad.cpp
@@ -5,28 +5,28 @@
  * LICENSE file in the root directory of this source tree.
  */
 
-#include <AppSpecs.h>
 #include <DefaultComponentsRegistry.h>
 #include <DefaultTurboModuleManagerDelegate.h>
 #include <NativeCxxModuleExample.h>
 #include <ReactCommon/SampleTurboModuleSpec.h>
 #include <fbjni/fbjni.h>
 #include <react/renderer/componentregistry/ComponentDescriptorProviderRegistry.h>
-#include <react/renderer/components/AppSpecs/ComponentDescriptors.h>
-#include <react/renderer/components/legacyviewmanagerinterop/UnstableLegacyViewManagerInteropComponentDescriptor.h>
+
+#ifdef REACT_NATIVE_APP_CODEGEN_HEADER
+#include REACT_NATIVE_APP_CODEGEN_HEADER
+#endif
+#ifdef REACT_NATIVE_APP_COMPONENT_DESCRIPTORS_HEADER
+#include REACT_NATIVE_APP_COMPONENT_DESCRIPTORS_HEADER
+#endif
 
 namespace facebook {
 namespace react {
 
-extern const char RNTMyNativeViewName[] = "RNTMyLegacyNativeView";
-
 void registerComponents(
     std::shared_ptr<const ComponentDescriptorProviderRegistry> registry) {
-  registry->add(concreteComponentDescriptorProvider<
-                RNTMyNativeViewComponentDescriptor>());
-  registry->add(concreteComponentDescriptorProvider<
-                UnstableLegacyViewManagerInteropComponentDescriptor<
-                    RNTMyNativeViewName>>());
+#ifdef REACT_NATIVE_APP_COMPONENT_REGISTRATION
+  REACT_NATIVE_APP_COMPONENT_REGISTRATION(registry);
+#endif
 }
 
 std::shared_ptr<TurboModule> cxxModuleProvider(
@@ -41,14 +41,16 @@ std::shared_ptr<TurboModule> cxxModuleProvider(
 std::shared_ptr<TurboModule> javaModuleProvider(
     const std::string& name,
     const JavaTurboModule::InitParams& params) {
-  auto module = AppSpecs_ModuleProvider(name, params);
+  auto module = SampleTurboModuleSpec_ModuleProvider(name, params);
   if (module != nullptr) {
     return module;
-  }
-  module = SampleTurboModuleSpec_ModuleProvider(name, params);
+  };
+#ifdef REACT_NATIVE_APP_MODULE_PROVIDER
+  module = REACT_NATIVE_APP_MODULE_PROVIDER(name, params);
   if (module != nullptr) {
     return module;
-  };
+  }
+#endif
   return nullptr;
 }
 
diff --git a/packages/rn-tester/android/app/src/main/res/drawable/ic_launcher_background.xml b/packages/rn-tester/android/app/src/main/res/drawable/ic_launcher_background.xml
index f3baaded29af3b..62679babb0d99d 100644
--- a/packages/rn-tester/android/app/src/main/res/drawable/ic_launcher_background.xml
+++ b/packages/rn-tester/android/app/src/main/res/drawable/ic_launcher_background.xml
@@ -4,71 +4,105 @@
     android:width="108dp"
     android:viewportHeight="108"
     android:viewportWidth="108"
-    xmlns:android="http://schemas.android.com/apk/res/android">
+    xmlns:android="http://schemas.android.com/apk/res/android"
+    >
     <path android:fillColor="#282c34"
-          android:pathData="M0,0h108v108h-108z"/>
+          android:pathData="M0,0h108v108h-108z"
+          />
     <path android:fillColor="#00000000" android:pathData="M9,0L9,108"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M19,0L19,108"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M29,0L29,108"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M39,0L39,108"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M49,0L49,108"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M59,0L59,108"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M69,0L69,108"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M79,0L79,108"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M89,0L89,108"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M99,0L99,108"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M0,9L108,9"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M0,19L108,19"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M0,29L108,29"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M0,39L108,39"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M0,49L108,49"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M0,59L108,59"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M0,69L108,69"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M0,79L108,79"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M0,89L108,89"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M0,99L108,99"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M19,29L89,29"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M19,39L89,39"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M19,49L89,49"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M19,59L89,59"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M19,69L89,69"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M19,79L89,79"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M29,19L29,89"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M39,19L39,89"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M49,19L49,89"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M59,19L59,89"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M69,19L69,89"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
     <path android:fillColor="#00000000" android:pathData="M79,19L79,89"
-          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"/>
+          android:strokeColor="#33FFFFFF" android:strokeWidth="0.8"
+          />
 </vector>
diff --git a/packages/rn-tester/android/app/src/main/res/drawable/ic_launcher_foreground.xml b/packages/rn-tester/android/app/src/main/res/drawable/ic_launcher_foreground.xml
index 4ff27896d09bea..447680da7b3f5c 100644
--- a/packages/rn-tester/android/app/src/main/res/drawable/ic_launcher_foreground.xml
+++ b/packages/rn-tester/android/app/src/main/res/drawable/ic_launcher_foreground.xml
@@ -2,22 +2,26 @@
     android:width="108dp"
     android:height="108dp"
     android:viewportWidth="400"
-    android:viewportHeight="361">
+    android:viewportHeight="361"
+    >
   <group android:scaleX="0.5"
       android:scaleY="0.45125"
       android:translateX="100"
-      android:translateY="99.04938">
+      android:translateY="99.04938"
+      >
     <path
         android:pathData="M200.5,141.29C179.34,141.29 162.19,158.44 162.19,179.6C162.19,200.76 179.34,217.91 200.5,217.91C221.65,217.91 238.81,200.76 238.81,179.6C238.81,158.44 221.65,141.29 200.5,141.29"
         android:strokeWidth="1"
         android:fillColor="#ffffff"
         android:fillType="nonZero"
-        android:strokeColor="#00000000"/>
+        android:strokeColor="#00000000"
+        />
     <path
         android:pathData="M399.97,180.1C399.97,149.99 372.12,123.59 327.77,106.22C328.36,102.31 328.9,98.44 329.28,94.64C333.65,51.39 323.24,20.17 299.97,6.72C273.94,-8.32 237.17,2.6 199.99,32.37C162.81,2.6 126.03,-8.32 100,6.72C76.73,20.17 66.32,51.39 70.69,94.64C71.07,98.44 71.6,102.32 72.2,106.25C68.51,107.66 64.88,109.16 61.39,110.73C21.8,128.54 0,153.2 0,180.1C0,210.2 27.85,236.6 72.2,253.97C71.6,257.88 71.07,261.75 70.69,265.55C66.32,308.81 76.73,340.02 100,353.47C108,358.01 117.06,360.33 126.26,360.19C148.3,360.19 174.04,348.58 199.99,327.82C225.92,348.58 251.67,360.19 273.74,360.19C282.94,360.33 292,358.01 300,353.47C323.27,340.02 333.68,308.81 329.31,265.55C328.93,261.75 328.39,257.88 327.8,253.97C372.15,236.63 400,210.18 400,180.1M273.57,19.07C279.48,18.92 285.33,20.36 290.5,23.22C306.66,32.56 313.91,57.88 310.39,92.7C310.15,95.08 309.86,97.48 309.52,99.89C291.08,94.33 272.2,90.37 253.08,88.04C241.49,72.62 228.61,58.22 214.56,45C236.62,27.94 257.32,19.07 273.56,19.07M265.98,218.23C258.84,230.63 251.07,242.66 242.7,254.25C228.5,255.71 214.24,256.44 199.97,256.43C185.71,256.44 171.45,255.71 157.26,254.25C148.91,242.66 141.16,230.63 134.05,218.23C126.91,205.87 120.43,193.14 114.62,180.1C120.43,167.05 126.91,154.32 134.05,141.96C141.15,129.61 148.87,117.63 157.19,106.06C171.41,104.57 185.69,103.82 199.99,103.83C214.25,103.82 228.51,104.55 242.7,106.01C251.04,117.59 258.8,129.59 265.92,141.96C273.05,154.33 279.54,167.06 285.35,180.1C279.54,193.14 273.05,205.87 265.92,218.23M295.06,204.11C299.54,216.33 303.22,228.84 306.07,241.54C293.69,245.4 281.08,248.45 268.31,250.65C273.16,243.33 277.87,235.7 282.42,227.78C286.92,219.96 291.14,212.06 295.12,204.17M173.19,274.64C181.97,275.17 190.93,275.48 200,275.48C209.07,275.48 218.09,275.17 226.88,274.64C218.55,284.63 209.57,294.07 200,302.89C190.45,294.07 181.5,284.63 173.19,274.64ZM131.68,250.62C118.9,248.43 106.28,245.39 93.9,241.54C96.74,228.86 100.41,216.37 104.87,204.17C108.79,212.06 113,219.96 117.57,227.78C122.14,235.61 126.87,243.32 131.68,250.65M104.87,156.01C100.42,143.85 96.77,131.41 93.93,118.78C106.28,114.92 118.87,111.87 131.61,109.64C126.78,116.94 122.05,124.51 117.5,132.41C112.94,140.3 108.78,148.1 104.8,156.01M226.8,85.54C218.02,85 209.06,84.69 199.92,84.69C190.85,84.69 181.91,84.98 173.11,85.54C181.41,75.55 190.37,66.11 199.92,57.29C209.49,66.11 218.46,75.54 226.8,85.54ZM282.39,132.41C277.82,124.48 273.09,116.85 268.21,109.53C281.02,111.73 293.66,114.78 306.07,118.65C303.22,131.33 299.56,143.82 295.1,156.03C291.18,148.13 286.96,140.23 282.4,132.42M89.64,92.72C86.07,57.91 93.37,32.57 109.51,23.23C114.69,20.38 120.53,18.94 126.44,19.08C142.68,19.08 163.38,27.95 185.44,45.02C171.38,58.24 158.49,72.65 146.89,88.08C127.78,90.42 108.9,94.37 90.45,99.89C90.12,97.48 89.83,95.09 89.6,92.72M69.21,128.11C71.38,127.17 73.6,126.23 75.86,125.29C80.3,144.03 86.31,162.37 93.85,180.1C86.3,197.86 80.28,216.23 75.84,235.01C39.89,220.25 19.05,199.8 19.05,180.1C19.05,161.42 37.39,142.48 69.21,128.11ZM109.51,336.96C93.37,327.62 86.07,302.28 89.64,267.47C89.87,265.1 90.17,262.71 90.49,260.28C108.93,265.84 127.81,269.81 146.93,272.14C158.52,287.56 171.41,301.97 185.45,315.2C154.71,338.98 126.61,346.82 109.55,336.96M310.37,267.47C313.9,302.29 306.65,327.62 290.49,336.96C273.44,346.84 245.34,338.98 214.6,315.2C228.64,301.97 241.52,287.56 253.11,272.14C272.23,269.81 291.11,265.84 309.55,260.28C309.89,262.71 310.17,265.1 310.41,267.47M324.21,234.99C319.77,216.21 313.74,197.85 306.19,180.1C313.74,162.33 319.76,143.96 324.2,125.18C360.08,139.94 380.98,160.39 380.98,180.1C380.98,199.8 360.14,220.25 324.19,235.01"
         android:strokeWidth="1"
         android:fillColor="#ffffff"
         android:fillType="nonZero"
-        android:strokeColor="#00000000"/>
+        android:strokeColor="#00000000"
+        />
   </group>
 </vector>
diff --git a/packages/rn-tester/android/app/src/main/res/layout/activity_main.xml b/packages/rn-tester/android/app/src/main/res/layout/activity_main.xml
index d6793659dec6ff..ef3a8f5c769e05 100644
--- a/packages/rn-tester/android/app/src/main/res/layout/activity_main.xml
+++ b/packages/rn-tester/android/app/src/main/res/layout/activity_main.xml
@@ -2,11 +2,13 @@
     xmlns:tools="http://schemas.android.com/tools"
     android:layout_width="match_parent"
     android:layout_height="match_parent"
-    tools:context=".RNTesterApp">
+    tools:context=".RNTesterApp"
+    >
 
     <com.facebook.react.ReactRootView
       android:layout_width="match_parent"
       android:layout_height="match_parent"
-      android:id="@+id/react_root_view"/>
+      android:id="@+id/react_root_view"
+      />
 
 </RelativeLayout>
diff --git a/packages/rn-tester/js/RNTesterApp.android.js b/packages/rn-tester/js/RNTesterApp.android.js
index c4b54e40089a26..5974d28a8a945f 100644
--- a/packages/rn-tester/js/RNTesterApp.android.js
+++ b/packages/rn-tester/js/RNTesterApp.android.js
@@ -5,12 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import {AppRegistry} from 'react-native';
-
 import RNTesterApp from './RNTesterAppShared';
+import {AppRegistry} from 'react-native';
 
 AppRegistry.registerComponent('RNTesterApp', () => RNTesterApp);
 
diff --git a/packages/rn-tester/js/RNTesterApp.ios.js b/packages/rn-tester/js/RNTesterApp.ios.js
index d550a22ad2f934..91c41c65ccf94f 100644
--- a/packages/rn-tester/js/RNTesterApp.ios.js
+++ b/packages/rn-tester/js/RNTesterApp.ios.js
@@ -8,16 +8,15 @@
  * @flow
  */
 
+import type {RNTesterModuleInfo} from './types/RNTesterTypes';
 import type {Node} from 'react';
 
-import {AppRegistry, NativeModules, Platform, View} from 'react-native'; // [macOS] everything but AppRegistry
-import React from 'react';
-
-import SnapshotViewIOS from './examples/Snapshot/SnapshotViewIOS.ios';
 import RNTesterModuleContainer from './components/RNTesterModuleContainer';
-import RNTesterList from './utils/RNTesterList';
+import SnapshotViewIOS from './examples/Snapshot/SnapshotViewIOS.ios';
 import RNTesterApp from './RNTesterAppShared';
-import type {RNTesterModuleInfo} from './types/RNTesterTypes';
+import RNTesterList from './utils/RNTesterList';
+import React from 'react';
+import {AppRegistry, NativeModules, Platform, View} from 'react-native'; // [macOS] everything but AppRegistry
 
 const {TestModule} = NativeModules; // [macOS]
 
diff --git a/packages/rn-tester/js/RNTesterAppShared.js b/packages/rn-tester/js/RNTesterAppShared.js
index 3cd8e9d9afad5a..131a838b976477 100644
--- a/packages/rn-tester/js/RNTesterAppShared.js
+++ b/packages/rn-tester/js/RNTesterAppShared.js
@@ -8,7 +8,8 @@
  * @flow
  */
 
-import {RNTesterEmptyBookmarksState} from './components/RNTesterEmptyBookmarksState';
+import type {RNTesterModuleInfo} from './types/RNTesterTypes';
+
 import RNTesterModuleContainer from './components/RNTesterModuleContainer';
 import RNTesterModuleList from './components/RNTesterModuleList';
 import RNTesterNavBar, {navBarHeight} from './components/RNTesterNavbar';
@@ -21,15 +22,28 @@ import {
 } from './utils/RNTesterNavigationReducer';
 import {
   Screens,
-  getExamplesListWithBookmarksAndRecentlyUsed,
+  getExamplesListWithRecentlyUsed,
   initialNavigationState,
 } from './utils/testerStateUtils';
 import * as React from 'react';
-import {BackHandler, StyleSheet, View, useColorScheme} from 'react-native';
+import {
+  BackHandler,
+  Linking,
+  StyleSheet,
+  View,
+  useColorScheme,
+} from 'react-native';
 
 // RNTester App currently uses in memory storage for storing navigation state
 
-const RNTesterApp = (): React.Node => {
+const RNTesterApp = ({
+  testList,
+}: {
+  testList?: {
+    components?: Array<RNTesterModuleInfo>,
+    apis?: Array<RNTesterModuleInfo>,
+  },
+}): React.Node => {
   const [state, dispatch] = React.useReducer(
     RNTesterNavigationReducer,
     initialNavigationState,
@@ -41,14 +55,12 @@ const RNTesterApp = (): React.Node => {
     activeModuleTitle,
     activeModuleExampleKey,
     screen,
-    bookmarks,
     recentlyUsed,
   } = state;
 
   const examplesList = React.useMemo(
-    () =>
-      getExamplesListWithBookmarksAndRecentlyUsed({bookmarks, recentlyUsed}),
-    [bookmarks, recentlyUsed],
+    () => getExamplesListWithRecentlyUsed({recentlyUsed, testList}),
+    [recentlyUsed, testList],
   );
 
   const handleBackPress = React.useCallback(() => {
@@ -97,25 +109,97 @@ const RNTesterApp = (): React.Node => {
     [dispatch],
   );
 
-  const toggleBookmark = React.useCallback(
-    ({exampleType, key}: any) => {
+  const handleNavBarPress = React.useCallback(
+    (args: {screen: string}) => {
       dispatch({
-        type: RNTesterNavigationActionsType.BOOKMARK_PRESS,
-        data: {exampleType, key},
+        type: RNTesterNavigationActionsType.NAVBAR_PRESS,
+        data: {screen: args.screen},
       });
     },
     [dispatch],
   );
 
-  const handleNavBarPress = React.useCallback(
-    (args: {screen: string}) => {
+  // Setup Linking event subscription
+  const handleOpenUrlRequest = React.useCallback(
+    ({url}: {url: string, ...}) => {
+      // Supported URL pattern(s):
+      // *  rntester://example/<moduleKey>
+      // *  rntester://example/<moduleKey>/<exampleKey>
+      const match =
+        /^rntester:\/\/example\/([a-zA-Z0-9_-]+)(?:\/([a-zA-Z0-9_-]+))?$/.exec(
+          url,
+        );
+      if (!match) {
+        console.warn(
+          `handleOpenUrlRequest: Received unsupported URL: '${url}'`,
+        );
+        return;
+      }
+
+      const rawModuleKey = match[1];
+      const exampleKey = match[2];
+
+      // For tooling compatibility, allow all these variants for each module key:
+      const validModuleKeys = [
+        rawModuleKey,
+        `${rawModuleKey}Index`,
+        `${rawModuleKey}Example`,
+      ].filter(k => RNTesterList.Modules[k] != null);
+      if (validModuleKeys.length !== 1) {
+        if (validModuleKeys.length === 0) {
+          console.error(
+            `handleOpenUrlRequest: Unable to find requested module with key: '${rawModuleKey}'`,
+          );
+        } else {
+          console.error(
+            `handleOpenUrlRequest: Found multiple matching module with key: '${rawModuleKey}', unable to resolve`,
+          );
+        }
+        return;
+      }
+
+      const resolvedModuleKey = validModuleKeys[0];
+      const exampleModule = RNTesterList.Modules[resolvedModuleKey];
+
+      if (exampleKey != null) {
+        const validExampleKeys = exampleModule.examples.filter(
+          e => e.name === exampleKey,
+        );
+        if (validExampleKeys.length !== 1) {
+          if (validExampleKeys.length === 0) {
+            console.error(
+              `handleOpenUrlRequest: Unable to find requested example with key: '${exampleKey}' within module: '${resolvedModuleKey}'`,
+            );
+          } else {
+            console.error(
+              `handleOpenUrlRequest: Found multiple matching example with key: '${exampleKey}' within module: '${resolvedModuleKey}', unable to resolve`,
+            );
+          }
+          return;
+        }
+      }
+
+      console.log(
+        `handleOpenUrlRequest: Opening module: '${resolvedModuleKey}', example: '${
+          exampleKey || 'null'
+        }'`,
+      );
+
       dispatch({
-        type: RNTesterNavigationActionsType.NAVBAR_PRESS,
-        data: {screen: args.screen},
+        type: RNTesterNavigationActionsType.EXAMPLE_OPEN_URL_REQUEST,
+        data: {
+          key: resolvedModuleKey,
+          title: exampleModule.title || resolvedModuleKey,
+          exampleKey,
+        },
       });
     },
     [dispatch],
   );
+  React.useEffect(() => {
+    const subscription = Linking.addEventListener('url', handleOpenUrlRequest);
+    return () => subscription.remove();
+  }, [handleOpenUrlRequest]);
 
   const theme = colorScheme === 'dark' ? themes.dark : themes.light;
 
@@ -134,16 +218,10 @@ const RNTesterApp = (): React.Node => {
       ? activeModuleTitle
       : screen === Screens.COMPONENTS
       ? 'Components'
-      : screen === Screens.APIS
-      ? 'APIs'
-      : 'Bookmarks';
+      : 'APIs';
 
   const activeExampleList =
-    screen === Screens.COMPONENTS
-      ? examplesList.components
-      : screen === Screens.APIS
-      ? examplesList.apis
-      : examplesList.bookmarks;
+    screen === Screens.COMPONENTS ? examplesList.components : examplesList.apis;
 
   return (
     <RNTesterThemeContext.Provider value={theme}>
@@ -163,13 +241,9 @@ const RNTesterApp = (): React.Node => {
             example={activeModuleExample}
             onExampleCardPress={handleModuleExampleCardPress}
           />
-        ) : screen === Screens.BOOKMARKS &&
-          examplesList.bookmarks.length === 0 ? (
-          <RNTesterEmptyBookmarksState />
         ) : (
           <RNTesterModuleList
             sections={activeExampleList}
-            toggleBookmark={toggleBookmark}
             handleModuleCardPress={handleModuleCardPress}
           />
         )}
diff --git a/packages/rn-tester/js/assets/bookmark-filled.png b/packages/rn-tester/js/assets/bookmark-filled.png
deleted file mode 100755
index a6e5075de537a8..00000000000000
Binary files a/packages/rn-tester/js/assets/bookmark-filled.png and /dev/null differ
diff --git a/packages/rn-tester/js/assets/bookmark-outline-blue.png b/packages/rn-tester/js/assets/bookmark-outline-blue.png
deleted file mode 100644
index a17ef85991fba1..00000000000000
Binary files a/packages/rn-tester/js/assets/bookmark-outline-blue.png and /dev/null differ
diff --git a/packages/rn-tester/js/assets/bookmark-outline-gray.png b/packages/rn-tester/js/assets/bookmark-outline-gray.png
deleted file mode 100644
index 2b2281e5373db0..00000000000000
Binary files a/packages/rn-tester/js/assets/bookmark-outline-gray.png and /dev/null differ
diff --git a/packages/rn-tester/js/assets/bookmark-outline.png b/packages/rn-tester/js/assets/bookmark-outline.png
deleted file mode 100755
index a939dac5740acc..00000000000000
Binary files a/packages/rn-tester/js/assets/bookmark-outline.png and /dev/null differ
diff --git a/packages/rn-tester/js/assets/bottom-nav-bookmark-fill.png b/packages/rn-tester/js/assets/bottom-nav-bookmark-fill.png
deleted file mode 100644
index 29d29dff8f2ba1..00000000000000
Binary files a/packages/rn-tester/js/assets/bottom-nav-bookmark-fill.png and /dev/null differ
diff --git a/packages/rn-tester/js/assets/bottom-nav-bookmark-outline.png b/packages/rn-tester/js/assets/bottom-nav-bookmark-outline.png
deleted file mode 100644
index dfe68645aa1ca6..00000000000000
Binary files a/packages/rn-tester/js/assets/bottom-nav-bookmark-outline.png and /dev/null differ
diff --git a/packages/rn-tester/js/assets/slider-left.png b/packages/rn-tester/js/assets/slider-left.png
deleted file mode 100644
index dff4e11e19d642..00000000000000
Binary files a/packages/rn-tester/js/assets/slider-left.png and /dev/null differ
diff --git a/packages/rn-tester/js/assets/slider-left@2x.png b/packages/rn-tester/js/assets/slider-left@2x.png
deleted file mode 100644
index 83c6dd8204eb68..00000000000000
Binary files a/packages/rn-tester/js/assets/slider-left@2x.png and /dev/null differ
diff --git a/packages/rn-tester/js/assets/slider-right.png b/packages/rn-tester/js/assets/slider-right.png
deleted file mode 100644
index 57e8c7d3fe5637..00000000000000
Binary files a/packages/rn-tester/js/assets/slider-right.png and /dev/null differ
diff --git a/packages/rn-tester/js/assets/slider-right@2x.png b/packages/rn-tester/js/assets/slider-right@2x.png
deleted file mode 100644
index 8546ba8c9446c1..00000000000000
Binary files a/packages/rn-tester/js/assets/slider-right@2x.png and /dev/null differ
diff --git a/packages/rn-tester/js/assets/slider.png b/packages/rn-tester/js/assets/slider.png
deleted file mode 100644
index 9141991010c997..00000000000000
Binary files a/packages/rn-tester/js/assets/slider.png and /dev/null differ
diff --git a/packages/rn-tester/js/assets/slider@2x.png b/packages/rn-tester/js/assets/slider@2x.png
deleted file mode 100644
index 396614fa9b9bd2..00000000000000
Binary files a/packages/rn-tester/js/assets/slider@2x.png and /dev/null differ
diff --git a/packages/rn-tester/js/components/ListExampleShared.js b/packages/rn-tester/js/components/ListExampleShared.js
index 524bb9fbe8c0de..7bd1e81a5b1d26 100644
--- a/packages/rn-tester/js/components/ListExampleShared.js
+++ b/packages/rn-tester/js/components/ListExampleShared.js
@@ -11,17 +11,16 @@
 'use strict';
 
 const React = require('react');
-
 const {
   ActivityIndicator,
   Animated,
   Image,
   Platform,
-  TouchableHighlight,
   StyleSheet,
   Switch,
   Text,
   TextInput,
+  TouchableHighlight,
   View,
   PlatformColor, // [macOS]
 } = require('react-native');
diff --git a/packages/rn-tester/js/components/RNTConfigurationBlock.js b/packages/rn-tester/js/components/RNTConfigurationBlock.js
index 25ebe6ce51fde4..38d94576754032 100644
--- a/packages/rn-tester/js/components/RNTConfigurationBlock.js
+++ b/packages/rn-tester/js/components/RNTConfigurationBlock.js
@@ -10,9 +10,9 @@
 
 'use strict';
 
+import {RNTesterThemeContext} from './RNTesterTheme';
 import * as React from 'react';
 import {StyleSheet, View} from 'react-native';
-import {RNTesterThemeContext} from './RNTesterTheme';
 
 type Props = $ReadOnly<{|
   children?: ?React.Node,
diff --git a/packages/rn-tester/js/components/RNTOption.js b/packages/rn-tester/js/components/RNTOption.js
index 0761424e17d189..7d3d534277b248 100644
--- a/packages/rn-tester/js/components/RNTOption.js
+++ b/packages/rn-tester/js/components/RNTOption.js
@@ -10,11 +10,12 @@
 
 'use strict';
 
-import * as React from 'react';
-import {Text, Pressable, StyleSheet, View} from 'react-native';
-import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
+import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
+
 import {RNTesterThemeContext} from './RNTesterTheme';
+import * as React from 'react';
+import {Pressable, StyleSheet, Text, View} from 'react-native';
 
 type Props = $ReadOnly<{|
   testID?: ?string,
diff --git a/packages/rn-tester/js/components/RNTPressableRow.js b/packages/rn-tester/js/components/RNTPressableRow.js
index 179c4ae7c513f0..47211e74d93984 100644
--- a/packages/rn-tester/js/components/RNTPressableRow.js
+++ b/packages/rn-tester/js/components/RNTPressableRow.js
@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import * as React from 'react';
-import {RNTesterThemeContext} from './RNTesterTheme';
 import RNTesterComponentTitle from './RNTesterComponentTitle';
-
-import {Platform, StyleSheet, Pressable, Text, View} from 'react-native';
+import {RNTesterThemeContext} from './RNTesterTheme';
+import * as React from 'react';
+import {Platform, Pressable, StyleSheet, Text, View} from 'react-native';
 
 type ViewStyleProp = $ElementType<React.ElementConfig<typeof View>, 'style'>;
 type Props = {
@@ -20,7 +19,6 @@ type Props = {
   testID?: ?string,
   onPressIn?: ?() => mixed,
   onPressOut?: ?() => mixed,
-  rightAddOn?: ?React.Node,
   bottomAddOn?: ?React.Node,
   children?: ?React.Node,
   title: string,
@@ -34,7 +32,6 @@ export default function RNTPressableRow({
   onPressOut,
   title,
   description,
-  rightAddOn,
   bottomAddOn,
   onPress,
   style,
@@ -58,7 +55,6 @@ export default function RNTPressableRow({
       onPress={onPress}>
       <View style={styles.topRowStyle}>
         <RNTesterComponentTitle>{title}</RNTesterComponentTitle>
-        {rightAddOn}
       </View>
       <Text
         style={[styles.descriptionText, {color: theme.SecondaryLabelColor}]}>
diff --git a/packages/rn-tester/js/components/RNTTestDetails.js b/packages/rn-tester/js/components/RNTTestDetails.js
index 2bc82dedbb590b..1b5d61e9bcb208 100644
--- a/packages/rn-tester/js/components/RNTTestDetails.js
+++ b/packages/rn-tester/js/components/RNTTestDetails.js
@@ -8,9 +8,9 @@
  * @flow strict-local
  */
 
-import * as React from 'react';
-import {View, Text, StyleSheet, Button, Platform} from 'react-native';
 import {type RNTesterTheme} from './RNTesterTheme';
+import * as React from 'react';
+import {Button, Platform, StyleSheet, Text, View} from 'react-native';
 
 function RNTTestDetails({
   description,
diff --git a/packages/rn-tester/js/components/RNTTitleBar.js b/packages/rn-tester/js/components/RNTTitleBar.js
index d6094056e75a78..8c2ee0dc417fe3 100644
--- a/packages/rn-tester/js/components/RNTTitleBar.js
+++ b/packages/rn-tester/js/components/RNTTitleBar.js
@@ -8,17 +8,17 @@
  * @flow
  */
 
+import RNTesterDocumentationURL from './RNTesterDocumentationURL';
+import {type RNTesterTheme} from './RNTesterTheme';
+import * as React from 'react';
 import {
-  Text,
-  View,
-  SafeAreaView,
   Button,
   Platform,
+  SafeAreaView,
   StyleSheet,
+  Text,
+  View,
 } from 'react-native';
-import * as React from 'react';
-import RNTesterDocumentationURL from './RNTesterDocumentationURL';
-import {type RNTesterTheme} from './RNTesterTheme';
 
 const HeaderIOS = ({
   onBack,
diff --git a/packages/rn-tester/js/components/RNTesterBlock.js b/packages/rn-tester/js/components/RNTesterBlock.js
index 839f6613759d6d..b35850574401d2 100644
--- a/packages/rn-tester/js/components/RNTesterBlock.js
+++ b/packages/rn-tester/js/components/RNTesterBlock.js
@@ -8,9 +8,9 @@
  * @flow
  */
 
-import * as React from 'react';
 import {RNTesterThemeContext} from './RNTesterTheme';
-import {PlatformColor, StyleSheet, Text, View} from 'react-native';
+import * as React from 'react';
+import {PlatformColor, StyleSheet, Text, View} from 'react-native'; // [macOS]
 import {Platform} from 'react-native'; // [macOS]
 
 type Props = $ReadOnly<{|
diff --git a/packages/rn-tester/js/components/RNTesterBookmarkButton.js b/packages/rn-tester/js/components/RNTesterBookmarkButton.js
deleted file mode 100644
index b8f69eb36adfe8..00000000000000
--- a/packages/rn-tester/js/components/RNTesterBookmarkButton.js
+++ /dev/null
@@ -1,60 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- */
-
-const React = require('react');
-
-import {TouchableOpacity, Image, StyleSheet} from 'react-native';
-
-type Props = {|
-  isActive: boolean,
-  onPress: Function,
-  size: number,
-|};
-
-class RNTesterBookmarkButton extends React.Component<Props> {
-  constructor(props: Props) {
-    super(props);
-  }
-
-  render(): React.Node {
-    const {size, onPress, isActive} = this.props;
-    return (
-      <TouchableOpacity
-        style={[
-          styles.imageViewStyle,
-          {
-            height: size + 5,
-            width: size + 5,
-            borderRadius: Math.floor(size + 5 / 2),
-          },
-        ]}
-        onPress={onPress}>
-        <Image
-          style={{height: size, width: size}}
-          source={
-            isActive
-              ? require('../assets/bookmark-filled.png')
-              : require('../assets/bookmark-outline-gray.png')
-          }
-        />
-      </TouchableOpacity>
-    );
-  }
-}
-
-const styles = StyleSheet.create({
-  imageViewStyle: {
-    backgroundColor: 'blue',
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-});
-
-module.exports = RNTesterBookmarkButton;
diff --git a/packages/rn-tester/js/components/RNTesterButton.js b/packages/rn-tester/js/components/RNTesterButton.js
index 6f4ed2ad56ed14..d760b3a00ea230 100644
--- a/packages/rn-tester/js/components/RNTesterButton.js
+++ b/packages/rn-tester/js/components/RNTesterButton.js
@@ -10,12 +10,11 @@
 
 'use strict';
 
-const React = require('react');
+import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
+const React = require('react');
 const {Pressable, StyleSheet, Text} = require('react-native');
 
-import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
-
 type Props = $ReadOnly<{|
   testID?: string,
   textTestID?: string,
diff --git a/packages/rn-tester/js/components/RNTesterComponentTitle.js b/packages/rn-tester/js/components/RNTesterComponentTitle.js
index 89f2011dc89346..633930682f9e2f 100644
--- a/packages/rn-tester/js/components/RNTesterComponentTitle.js
+++ b/packages/rn-tester/js/components/RNTesterComponentTitle.js
@@ -5,11 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-const React = require('react');
 import {RNTesterThemeContext} from './RNTesterTheme';
+
+const React = require('react');
 const {StyleSheet, Text} = require('react-native');
 
 type Props = $ReadOnly<{|
diff --git a/packages/rn-tester/js/components/RNTesterDocumentationURL.js b/packages/rn-tester/js/components/RNTesterDocumentationURL.js
index 7228f044c15511..e25657820624a4 100644
--- a/packages/rn-tester/js/components/RNTesterDocumentationURL.js
+++ b/packages/rn-tester/js/components/RNTesterDocumentationURL.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import * as React from 'react';
diff --git a/packages/rn-tester/js/components/RNTesterEmptyBookmarksState.js b/packages/rn-tester/js/components/RNTesterEmptyBookmarksState.js
deleted file mode 100644
index 41cc5b7a9960cc..00000000000000
--- a/packages/rn-tester/js/components/RNTesterEmptyBookmarksState.js
+++ /dev/null
@@ -1,69 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- * @flow
- */
-
-import * as React from 'react';
-import {View, Image, Text, StyleSheet} from 'react-native';
-import {RNTesterThemeContext} from './RNTesterTheme';
-
-export const RNTesterEmptyBookmarksState = (): React.Node => {
-  const theme = React.useContext(RNTesterThemeContext);
-  return (
-    <View
-      style={StyleSheet.compose(styles.emptyContainer, {
-        backgroundColor: theme.GroupedBackgroundColor,
-      })}>
-      <View style={styles.emptyContainerInner}>
-        <View>
-          <Text style={[styles.heading, {color: theme.LabelColor}]}>
-            Bookmarks are empty
-          </Text>
-          <Text style={[styles.subheading, {color: theme.SecondaryLabelColor}]}>
-            Please tap the{' '}
-            <Image
-              source={require('../assets/bookmark-outline-gray.png')}
-              resizeMode="contain"
-              style={styles.bookmarkIcon}
-            />{' '}
-            icon to bookmark examples.
-          </Text>
-        </View>
-      </View>
-    </View>
-  );
-};
-
-const styles = StyleSheet.create({
-  emptyContainer: {
-    flex: 1,
-    paddingHorizontal: 40,
-    justifyContent: 'center',
-    alignItems: 'center',
-  },
-  emptyContainerInner: {
-    marginTop: -150,
-  },
-  emptyImage: {
-    maxWidth: '100%',
-    height: 300,
-  },
-  heading: {
-    fontSize: 24,
-    textAlign: 'center',
-  },
-  subheading: {
-    fontSize: 16,
-    textAlign: 'center',
-  },
-  bookmarkIcon: {
-    width: 24,
-    height: 24,
-    transform: [{translateY: 4}],
-  },
-});
diff --git a/packages/rn-tester/js/components/RNTesterExampleFilter.js b/packages/rn-tester/js/components/RNTesterExampleFilter.js
index 5947f121477d3e..dc37bd8b22e5c9 100644
--- a/packages/rn-tester/js/components/RNTesterExampleFilter.js
+++ b/packages/rn-tester/js/components/RNTesterExampleFilter.js
@@ -8,19 +8,20 @@
  * @flow
  */
 
-const React = require('react');
+import type {SectionData} from '../types/RNTesterTypes';
+
+import {RNTesterThemeContext} from './RNTesterTheme';
+
 const RNTesterListFilters = require('./RNTesterListFilters');
+const React = require('react');
 const {
+  Image,
+  Platform,
+  ScrollView,
   StyleSheet,
   TextInput,
   View,
-  ScrollView,
-  Image,
-  Platform,
 } = require('react-native');
-import {RNTesterThemeContext} from './RNTesterTheme';
-
-import type {SectionData} from '../types/RNTesterTypes';
 
 type Props<T> = {
   filter: Function,
@@ -28,7 +29,7 @@ type Props<T> = {
   disableSearch?: boolean,
   testID?: string,
   hideFilterPills?: boolean,
-  page: 'examples_page' | 'components_page' | 'bookmarks_page',
+  page: 'examples_page' | 'components_page',
   sections: $ReadOnlyArray<SectionData<T>>,
   ...
 };
diff --git a/packages/rn-tester/js/components/RNTesterListFilters.js b/packages/rn-tester/js/components/RNTesterListFilters.js
index ddb14c3bd478f1..a7bde2035519ae 100644
--- a/packages/rn-tester/js/components/RNTesterListFilters.js
+++ b/packages/rn-tester/js/components/RNTesterListFilters.js
@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-
 const {StyleSheet, Text, TouchableOpacity, View} = require('react-native');
 
 const filters = ['Basic', 'UI', 'ListView', 'iOS', 'Android'];
diff --git a/packages/rn-tester/js/components/RNTesterModuleContainer.js b/packages/rn-tester/js/components/RNTesterModuleContainer.js
index 49de336ea88422..be1e28d0a52b05 100644
--- a/packages/rn-tester/js/components/RNTesterModuleContainer.js
+++ b/packages/rn-tester/js/components/RNTesterModuleContainer.js
@@ -8,19 +8,20 @@
  * @format
  */
 
-import * as React from 'react';
-const RNTesterBlock = require('./RNTesterBlock');
-const RNTesterExampleFilter = require('./RNTesterExampleFilter');
-import RNTPressableRow from './RNTPressableRow';
-import {RNTesterThemeContext, type RNTesterTheme} from './RNTesterTheme';
-import {View, Text, StyleSheet, Platform} from 'react-native';
-import RNTTestDetails from './RNTTestDetails';
-
 import type {
   RNTesterModule,
   RNTesterModuleExample,
 } from '../types/RNTesterTypes';
 
+import {type RNTesterTheme, RNTesterThemeContext} from './RNTesterTheme';
+import RNTPressableRow from './RNTPressableRow';
+import RNTTestDetails from './RNTTestDetails';
+import * as React from 'react';
+import {Platform, StyleSheet, Text, View} from 'react-native';
+
+const RNTesterBlock = require('./RNTesterBlock');
+const RNTesterExampleFilter = require('./RNTesterExampleFilter');
+
 type Props = {
   module: RNTesterModule,
   example?: ?RNTesterModuleExample,
@@ -84,7 +85,7 @@ export default function RNTesterModuleContainer(props: Props): React.Node {
     },
   ];
 
-  return module.showIndividualExamples === true && example != null ? (
+  return example != null ? (
     <>
       <RNTTestDetails
         title={example.title}
@@ -92,7 +93,7 @@ export default function RNTesterModuleContainer(props: Props): React.Node {
         expect={example.expect}
         theme={theme}
       />
-      <View style={styles.examplesContainer}>
+      <View style={styles.examplesContainer} testID="example-container">
         <example.render />
       </View>
     </>
@@ -138,7 +139,9 @@ function Header(props: {
               : props.theme.BackgroundColor,
         },
       ]}>
-      <Text style={styles.headerDescription}>{props.description}</Text>
+      <Text style={[styles.headerDescription, {color: props.theme.LabelColor}]}>
+        {props.description}
+      </Text>
     </View>
   );
 }
diff --git a/packages/rn-tester/js/components/RNTesterModuleList.js b/packages/rn-tester/js/components/RNTesterModuleList.js
index faa15f18c72527..711498d99eba7f 100644
--- a/packages/rn-tester/js/components/RNTesterModuleList.js
+++ b/packages/rn-tester/js/components/RNTesterModuleList.js
@@ -8,22 +8,12 @@
  * @flow
  */
 
-const RNTesterExampleFilter = require('./RNTesterExampleFilter');
+import {RNTesterThemeContext} from './RNTesterTheme';
 import RNTPressableRow from './RNTPressableRow';
-const React = require('react');
 
-const {
-  Platform,
-  PlatformColor,
-  SectionList,
-  StyleSheet,
-  Text,
-  TouchableHighlight,
-  Image,
-  View,
-} = require('react-native');
-
-import {RNTesterThemeContext} from './RNTesterTheme';
+const RNTesterExampleFilter = require('./RNTesterExampleFilter');
+const React = require('react');
+const {Platform, PlatformColor, SectionList, StyleSheet, Text, View} = require('react-native'); // [macOS] PlatformColor
 
 /* $FlowFixMe[missing-local-annot] The type annotation(s) required by Flow's
  * LTI update could not be added via codemod */
@@ -31,33 +21,12 @@ const ExampleModuleRow = ({
   onShowUnderlay,
   onHideUnderlay,
   item,
-  toggleBookmark,
   handlePress,
 }) => {
   const theme = React.useContext(RNTesterThemeContext);
   const platform = item.module.platform;
   const onIos = !platform || platform === 'ios';
   const onAndroid = !platform || platform === 'android';
-  const rightAddOn = (
-    <TouchableHighlight
-      focusable={false} // [macOS]
-      style={styles.imageViewStyle}
-      onPress={() =>
-        toggleBookmark({
-          exampleType: item.exampleType,
-          key: item.key,
-        })
-      }>
-      <Image
-        style={styles.imageStyle}
-        source={
-          item.isBookmarked
-            ? require('../assets/bookmark-outline-blue.png')
-            : require('../assets/bookmark-outline-gray.png')
-        }
-      />
-    </TouchableHighlight>
-  );
   return (
     <RNTPressableRow
       title={item.module.title}
@@ -66,7 +35,6 @@ const ExampleModuleRow = ({
       onPressIn={onShowUnderlay}
       onPressOut={onHideUnderlay}
       accessibilityLabel={item.module.title + ' ' + item.module.description}
-      rightAddOn={rightAddOn}
       bottomAddOn={
         <View style={styles.bottomRowStyle}>
           <Text style={{color: theme.SecondaryLabelColor, width: 65}}>
@@ -121,7 +89,7 @@ const renderSectionHeader = ({section}: {section: any, ...}) => (
 );
 
 const RNTesterModuleList: React$AbstractComponent<any, void> = React.memo(
-  ({sections, toggleBookmark, handleModuleCardPress}) => {
+  ({sections, handleModuleCardPress}) => {
     const filter = ({example, filterRegex, category}: any) =>
       filterRegex.test(example.module.title) &&
       (!category || example.category === category);
@@ -135,7 +103,6 @@ const RNTesterModuleList: React$AbstractComponent<any, void> = React.memo(
           section={section}
           onShowUnderlay={separators.highlight}
           onHideUnderlay={separators.unhighlight}
-          toggleBookmark={toggleBookmark}
           handlePress={handleModuleCardPress}
         />
       );
diff --git a/packages/rn-tester/js/components/RNTesterNavbar.js b/packages/rn-tester/js/components/RNTesterNavbar.js
index 9dc31eaeb7e087..8b49ab157c47be 100644
--- a/packages/rn-tester/js/components/RNTesterNavbar.js
+++ b/packages/rn-tester/js/components/RNTesterNavbar.js
@@ -5,51 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {RNTesterTheme} from './RNTesterTheme';
 
-import * as React from 'react';
-import {Text, View, StyleSheet, Image, Pressable} from 'react-native';
-
 import {RNTesterThemeContext} from './RNTesterTheme';
-
-const BookmarkTab = ({
-  handleNavBarPress,
-  isBookmarkActive,
-  theme,
-}: {
-  handleNavBarPress: (data: {screen: string}) => void,
-  isBookmarkActive: boolean,
-  theme: RNTesterTheme,
-}) => (
-  <View style={styles.centerBox}>
-    <View
-      style={[
-        styles.centralBoxCutout,
-        {backgroundColor: theme.BackgroundColor},
-      ]}
-    />
-    <View style={styles.floatContainer}>
-      <Pressable
-        testID="bookmarks-tab"
-        onPress={() => handleNavBarPress({screen: 'bookmarks'})}>
-        <View
-          style={[styles.floatingButton, {backgroundColor: theme.BorderColor}]}>
-          <Image
-            style={styles.bookmarkIcon}
-            source={
-              isBookmarkActive
-                ? require('../assets/bottom-nav-bookmark-fill.png')
-                : require('../assets/bottom-nav-bookmark-outline.png')
-            }
-          />
-        </View>
-      </Pressable>
-    </View>
-  </View>
-);
+import * as React from 'react';
+import {Image, Pressable, StyleSheet, Text, View} from 'react-native';
 
 /* $FlowFixMe[missing-local-annot] The type annotation(s) required by Flow's
  * LTI update could not be added via codemod */
@@ -138,7 +101,6 @@ const RNTesterNavbar = ({
 
   const isAPIActive = screen === 'apis' && !isExamplePageOpen;
   const isComponentActive = screen === 'components' && !isExamplePageOpen;
-  const isBookmarkActive = screen === 'bookmarks' && !isExamplePageOpen;
 
   return (
     <View>
@@ -148,11 +110,6 @@ const RNTesterNavbar = ({
           handleNavBarPress={handleNavBarPress}
           theme={theme}
         />
-        <BookmarkTab
-          isBookmarkActive={isBookmarkActive}
-          handleNavBarPress={handleNavBarPress}
-          theme={theme}
-        />
         <APITab
           isAPIActive={isAPIActive}
           handleNavBarPress={handleNavBarPress}
@@ -190,11 +147,6 @@ const styles = StyleSheet.create({
     shadowRadius: 10,
     elevation: 5,
   },
-  bookmarkIcon: {
-    width: 30,
-    height: 30,
-    margin: 10,
-  },
   componentIcon: {
     width: 20,
     height: 20,
diff --git a/packages/rn-tester/js/components/RNTesterPage.js b/packages/rn-tester/js/components/RNTesterPage.js
index 8c1d615e5b8ac3..c3bcd4ba633633 100644
--- a/packages/rn-tester/js/components/RNTesterPage.js
+++ b/packages/rn-tester/js/components/RNTesterPage.js
@@ -8,11 +8,12 @@
  * @flow
  */
 
+import {RNTesterThemeContext} from './RNTesterTheme';
+import {useContext} from 'react';
+
 const RNTesterTitle = require('./RNTesterTitle');
 const React = require('react');
 const {SafeAreaView, ScrollView, StyleSheet, View} = require('react-native');
-import {RNTesterThemeContext} from './RNTesterTheme';
-import {useContext} from 'react';
 
 type Props = $ReadOnly<{|
   children?: React.Node,
diff --git a/packages/rn-tester/js/components/RNTesterTheme.js b/packages/rn-tester/js/components/RNTesterTheme.js
index b6eab148115822..a94c7c54787b51 100644
--- a/packages/rn-tester/js/components/RNTesterTheme.js
+++ b/packages/rn-tester/js/components/RNTesterTheme.js
@@ -8,9 +8,10 @@
  * @format
  */
 
+import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheet';
+
 import * as React from 'react';
 import {Appearance} from 'react-native';
-import type {ColorValue} from 'react-native/Libraries/StyleSheet/StyleSheet';
 
 export type RNTesterTheme = {
   LabelColor: ColorValue,
diff --git a/packages/rn-tester/js/components/RNTesterTitle.js b/packages/rn-tester/js/components/RNTesterTitle.js
index b0f10116be70b1..948a0e89ca6188 100644
--- a/packages/rn-tester/js/components/RNTesterTitle.js
+++ b/packages/rn-tester/js/components/RNTesterTitle.js
@@ -8,10 +8,10 @@
  * @flow strict-local
  */
 
-const React = require('react');
+import {RNTesterThemeContext} from './RNTesterTheme';
 
+const React = require('react');
 const {StyleSheet, Text, View} = require('react-native');
-import {RNTesterThemeContext} from './RNTesterTheme';
 
 class RNTesterTitle extends React.Component<$FlowFixMeProps> {
   render(): React.Node {
diff --git a/packages/rn-tester/js/components/TextInlineView.js b/packages/rn-tester/js/components/TextInlineView.js
index 237b198fa0fa01..94269d36018b02 100644
--- a/packages/rn-tester/js/components/TextInlineView.js
+++ b/packages/rn-tester/js/components/TextInlineView.js
@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
 
 const React = require('react');
-
 const {Image, Text, TouchableHighlight, View} = require('react-native');
 
 function Basic(): React.Node {
diff --git a/packages/rn-tester/js/components/TextLegend.js b/packages/rn-tester/js/components/TextLegend.js
index 52b09a240b87fd..359dd67c2dc970 100644
--- a/packages/rn-tester/js/components/TextLegend.js
+++ b/packages/rn-tester/js/components/TextLegend.js
@@ -5,12 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import * as React from 'react';
-import {Text, View, StyleSheet} from 'react-native';
 import RNTOption from './RNTOption';
+import * as React from 'react';
+import {StyleSheet, Text, View} from 'react-native';
 
 const PANGRAMS = {
   arabic:
diff --git a/packages/rn-tester/js/components/createExamplePage.js b/packages/rn-tester/js/components/createExamplePage.js
index 62decfc0bbe8f7..169f3835db820c 100644
--- a/packages/rn-tester/js/components/createExamplePage.js
+++ b/packages/rn-tester/js/components/createExamplePage.js
@@ -10,10 +10,11 @@
 
 'use strict';
 
-const React = require('react');
+import type {RNTesterModule} from '../types/RNTesterTypes';
 
 import RNTesterModuleContainer from './RNTesterModuleContainer';
-import type {RNTesterModule} from '../types/RNTesterTypes';
+
+const React = require('react');
 
 const createExamplePage = function (
   title: ?string,
diff --git a/packages/rn-tester/js/examples/Accessibility/AccessibilityAndroidExample.js b/packages/rn-tester/js/examples/Accessibility/AccessibilityAndroidExample.js
index f5da9efc20e3c8..6cce3364fccac4 100644
--- a/packages/rn-tester/js/examples/Accessibility/AccessibilityAndroidExample.js
+++ b/packages/rn-tester/js/examples/Accessibility/AccessibilityAndroidExample.js
@@ -10,17 +10,18 @@
 
 'use strict';
 
-const React = require('react');
 import RNTesterBlock from '../../components/RNTesterBlock';
 import RNTesterPage from '../../components/RNTesterPage';
 import {
   Alert,
   StyleSheet,
   Text,
-  View,
   TouchableWithoutFeedback,
+  View,
 } from 'react-native';
 
+const React = require('react');
+
 const importantForAccessibilityValues = [
   'auto',
   'yes',
diff --git a/packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js b/packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js
index ebf49fa0909abb..6e4f867e2c34ea 100644
--- a/packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js
+++ b/packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js
@@ -5,39 +5,37 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
 
 import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
+import type {EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
 
+const RNTesterBlock = require('../../components/RNTesterBlock');
+const checkImageSource = require('./check.png');
+const mixedCheckboxImageSource = require('./mixed.png');
+const uncheckImageSource = require('./uncheck.png');
 const React = require('react');
+const {createRef} = require('react');
 const {
-  ImageBackground,
   AccessibilityInfo,
-  TextInput,
+  Alert,
   Button,
   Image,
+  ImageBackground,
+  Platform,
+  ScrollView,
+  StyleSheet,
+  Switch,
   Text,
-  TouchableOpacity,
+  TextInput,
   TouchableNativeFeedback,
+  TouchableOpacity,
   TouchableWithoutFeedback,
   View,
-  Alert,
-  StyleSheet,
-  Platform,
-  Switch,
-  ScrollView,
 } = require('react-native');
-import type {EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
-
-const RNTesterBlock = require('../../components/RNTesterBlock');
-
-const checkImageSource = require('./check.png');
-const uncheckImageSource = require('./uncheck.png');
-const mixedCheckboxImageSource = require('./mixed.png');
-const {createRef} = require('react');
 
 const styles = StyleSheet.create({
   sectionContainer: {
diff --git a/packages/rn-tester/js/examples/Accessibility/AccessibilityIOSExample.js b/packages/rn-tester/js/examples/Accessibility/AccessibilityIOSExample.js
index 92c2caac899cea..287c1bf63c7489 100644
--- a/packages/rn-tester/js/examples/Accessibility/AccessibilityIOSExample.js
+++ b/packages/rn-tester/js/examples/Accessibility/AccessibilityIOSExample.js
@@ -11,7 +11,7 @@
 'use strict';
 
 const React = require('react');
-const {Text, View, Alert} = require('react-native');
+const {Alert, Text, View} = require('react-native');
 
 type Props = $ReadOnly<{||}>;
 class AccessibilityIOSExample extends React.Component<Props> {
diff --git a/packages/rn-tester/js/examples/ActionSheetIOS/ActionSheetIOSExample.js b/packages/rn-tester/js/examples/ActionSheetIOS/ActionSheetIOSExample.js
index 8f0ebaf041f518..303d3186739db8 100644
--- a/packages/rn-tester/js/examples/ActionSheetIOS/ActionSheetIOSExample.js
+++ b/packages/rn-tester/js/examples/ActionSheetIOS/ActionSheetIOSExample.js
@@ -12,16 +12,16 @@
 
 import type {NativeMethods} from 'react-native/Libraries/Renderer/shims/ReactNativeTypes';
 
+const ScreenshotManager = require('../../../NativeModuleExample/NativeScreenshotManager');
 const React = require('react');
 const {
   ActionSheetIOS,
+  Alert,
   StyleSheet,
   Text,
   View,
-  Alert,
   findNodeHandle,
 } = require('react-native');
-const ScreenshotManager = require('../../../NativeModuleExample/NativeScreenshotManager');
 
 const BUTTONS = ['Option 0', 'Option 1', 'Option 2', 'Delete', 'Cancel'];
 const DESTRUCTIVE_INDEX = 3;
diff --git a/packages/rn-tester/js/examples/Alert/AlertExample.js b/packages/rn-tester/js/examples/Alert/AlertExample.js
index e13a70d7bbadca..22d058e2c99b41 100644
--- a/packages/rn-tester/js/examples/Alert/AlertExample.js
+++ b/packages/rn-tester/js/examples/Alert/AlertExample.js
@@ -5,12 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import * as React from 'react';
 import type {RNTesterModule} from '../../types/RNTesterTypes';
-import {Alert, StyleSheet, Text, Pressable, View} from 'react-native';
+
+import * as React from 'react';
+import {Alert, Pressable, StyleSheet, Text, View} from 'react-native';
 
 // Shows log on the screen
 const Log = ({message}: {message: string}) =>
diff --git a/packages/rn-tester/js/examples/Animated/AnimatedIndex.js b/packages/rn-tester/js/examples/Animated/AnimatedIndex.js
index dbe87a824826c8..096470a8c7b263 100644
--- a/packages/rn-tester/js/examples/Animated/AnimatedIndex.js
+++ b/packages/rn-tester/js/examples/Animated/AnimatedIndex.js
@@ -9,17 +9,18 @@
  */
 
 import type {RNTesterModule} from '../../types/RNTesterTypes';
-import RotatingImagesExample from './RotatingImagesExample';
+
+import ColorStylesExample from './ColorStylesExample';
+import ComposeAnimationsWithEasingExample from './ComposeAnimationsWithEasingExample';
+import ComposingExample from './ComposingExample';
 import ContinuousInteractionsExample from './ContinuousInteractionsExample';
-import LoopingExample from './LoopingExample';
-import MovingBoxExample from './MovingBoxExample';
 import EasingExample from './EasingExample';
 import FadeInViewExample from './FadeInViewExample';
-import ComposeAnimationsWithEasingExample from './ComposeAnimationsWithEasingExample';
+import LoopingExample from './LoopingExample';
+import MovingBoxExample from './MovingBoxExample';
+import RotatingImagesExample from './RotatingImagesExample';
 import TransformBounceExample from './TransformBounceExample';
-import ComposingExample from './ComposingExample';
 import TransformStylesExample from './TransformStylesExample';
-import ColorStylesExample from './ColorStylesExample';
 
 export default ({
   framework: 'React',
diff --git a/packages/rn-tester/js/examples/Animated/ColorStylesExample.js b/packages/rn-tester/js/examples/Animated/ColorStylesExample.js
index e13fcd24be6cf9..548e0fd7dc234a 100644
--- a/packages/rn-tester/js/examples/Animated/ColorStylesExample.js
+++ b/packages/rn-tester/js/examples/Animated/ColorStylesExample.js
@@ -9,11 +9,12 @@
  */
 
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
-import * as React from 'react';
-import {Animated, View, StyleSheet, Text} from 'react-native';
+
 import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
 import RNTesterButton from '../../components/RNTesterButton';
 import ToggleNativeDriver from './utils/ToggleNativeDriver';
+import * as React from 'react';
+import {Animated, StyleSheet, Text, View} from 'react-native';
 
 function AnimatedView({useNativeDriver}: {useNativeDriver: boolean}) {
   const animations = [];
diff --git a/packages/rn-tester/js/examples/Animated/ComposeAnimationsWithEasingExample.js b/packages/rn-tester/js/examples/Animated/ComposeAnimationsWithEasingExample.js
index d4630a90017035..35e7ba7dd0a350 100644
--- a/packages/rn-tester/js/examples/Animated/ComposeAnimationsWithEasingExample.js
+++ b/packages/rn-tester/js/examples/Animated/ComposeAnimationsWithEasingExample.js
@@ -9,10 +9,11 @@
  */
 
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
-import * as React from 'react';
-import RNTesterButton from '../../components/RNTesterButton';
-import {Text, Easing, StyleSheet, View, Animated} from 'react-native';
+
 import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
+import RNTesterButton from '../../components/RNTesterButton';
+import * as React from 'react';
+import {Animated, Easing, StyleSheet, Text, View} from 'react-native';
 
 const styles = StyleSheet.create({
   content: {
diff --git a/packages/rn-tester/js/examples/Animated/ComposingExample.js b/packages/rn-tester/js/examples/Animated/ComposingExample.js
index e168a349f958e2..8e90e4a29ff0c8 100644
--- a/packages/rn-tester/js/examples/Animated/ComposingExample.js
+++ b/packages/rn-tester/js/examples/Animated/ComposingExample.js
@@ -11,16 +11,17 @@
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 import type {CompositeAnimation} from 'react-native/Libraries/Animated/AnimatedMock';
 import type AnimatedValue from 'react-native/Libraries/Animated/nodes/AnimatedValue';
-import * as React from 'react';
+
+import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
 import RNTesterButton from '../../components/RNTesterButton';
 import ToggleNativeDriver from './utils/ToggleNativeDriver';
-import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
+import * as React from 'react';
 import {
-  Text,
-  StyleSheet,
-  View,
   Animated,
   FlatList,
+  StyleSheet,
+  Text,
+  View,
   useWindowDimensions,
 } from 'react-native';
 
diff --git a/packages/rn-tester/js/examples/Animated/ContinuousInteractionsExample.js b/packages/rn-tester/js/examples/Animated/ContinuousInteractionsExample.js
index cf37e3bcdfc544..6514bf8af5f0d5 100644
--- a/packages/rn-tester/js/examples/Animated/ContinuousInteractionsExample.js
+++ b/packages/rn-tester/js/examples/Animated/ContinuousInteractionsExample.js
@@ -9,6 +9,7 @@
  */
 
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 import * as React from 'react';
 import {Text} from 'react-native';
 
diff --git a/packages/rn-tester/js/examples/Animated/EasingExample.js b/packages/rn-tester/js/examples/Animated/EasingExample.js
index a453d0d7f8ef32..3a7995ca33f8e5 100644
--- a/packages/rn-tester/js/examples/Animated/EasingExample.js
+++ b/packages/rn-tester/js/examples/Animated/EasingExample.js
@@ -9,17 +9,18 @@
  */
 
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
-import * as React from 'react';
+
+import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
 import RNTesterButton from '../../components/RNTesterButton';
 import ToggleNativeDriver from './utils/ToggleNativeDriver';
-import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
+import * as React from 'react';
 import {
-  Text,
-  StyleSheet,
-  View,
   Animated,
-  SectionList,
   Easing,
+  SectionList,
+  StyleSheet,
+  Text,
+  View,
 } from 'react-native';
 
 type Props = $ReadOnly<{||}>;
@@ -135,7 +136,7 @@ function EasingExample(props: Props): React.Node {
       <SectionList
         sections={easingSections}
         renderItem={info => {
-          const item = (info.item: EasingListItem);
+          const item: EasingListItem = info.item;
 
           return (
             <EasingItem
diff --git a/packages/rn-tester/js/examples/Animated/FadeInViewExample.js b/packages/rn-tester/js/examples/Animated/FadeInViewExample.js
index 2d1b8a60f4e79f..3043a3f9b7de01 100644
--- a/packages/rn-tester/js/examples/Animated/FadeInViewExample.js
+++ b/packages/rn-tester/js/examples/Animated/FadeInViewExample.js
@@ -9,11 +9,12 @@
  */
 
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
-import * as React from 'react';
+
+import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
 import RNTesterButton from '../../components/RNTesterButton';
 import ToggleNativeDriver from './utils/ToggleNativeDriver';
-import {Text, StyleSheet, View, Animated} from 'react-native';
-import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
+import * as React from 'react';
+import {Animated, StyleSheet, Text, View} from 'react-native';
 
 const styles = StyleSheet.create({
   content: {
diff --git a/packages/rn-tester/js/examples/Animated/LoopingExample.js b/packages/rn-tester/js/examples/Animated/LoopingExample.js
index 78dc345f2feceb..ffa891294f94ac 100644
--- a/packages/rn-tester/js/examples/Animated/LoopingExample.js
+++ b/packages/rn-tester/js/examples/Animated/LoopingExample.js
@@ -8,13 +8,14 @@
  * @format
  */
 
-import RNTesterButton from '../../components/RNTesterButton';
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
-import {Animated, StyleSheet, Text, View} from 'react-native';
+
+import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
+import RNTesterButton from '../../components/RNTesterButton';
+import ToggleNativeDriver from './utils/ToggleNativeDriver';
 import * as React from 'react';
 import {useEffect} from 'react';
-import ToggleNativeDriver from './utils/ToggleNativeDriver';
-import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
+import {Animated, StyleSheet, Text, View} from 'react-native';
 
 export default ({
   title: 'Looping Example',
diff --git a/packages/rn-tester/js/examples/Animated/MovingBoxExample.js b/packages/rn-tester/js/examples/Animated/MovingBoxExample.js
index 180425758a5f43..efe0bae2f46543 100644
--- a/packages/rn-tester/js/examples/Animated/MovingBoxExample.js
+++ b/packages/rn-tester/js/examples/Animated/MovingBoxExample.js
@@ -9,11 +9,12 @@
  */
 
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
-import * as React from 'react';
-import RNTesterButton from '../../components/RNTesterButton';
-import {Text, StyleSheet, View, Animated} from 'react-native';
+
 import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
+import RNTesterButton from '../../components/RNTesterButton';
 import ToggleNativeDriver from './utils/ToggleNativeDriver';
+import * as React from 'react';
+import {Animated, StyleSheet, Text, View} from 'react-native';
 const containerWidth = 200;
 const boxSize = 50;
 
diff --git a/packages/rn-tester/js/examples/Animated/RotatingImagesExample.js b/packages/rn-tester/js/examples/Animated/RotatingImagesExample.js
index 976c8edb986339..7962dd758ef6d0 100644
--- a/packages/rn-tester/js/examples/Animated/RotatingImagesExample.js
+++ b/packages/rn-tester/js/examples/Animated/RotatingImagesExample.js
@@ -8,12 +8,13 @@
  * @flow strict-local
  */
 
-import * as React from 'react';
-import RNTesterButton from '../../components/RNTesterButton';
-import {Animated, View, StyleSheet} from 'react-native';
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
+import RNTesterButton from '../../components/RNTesterButton';
 import ToggleNativeDriver from './utils/ToggleNativeDriver';
+import * as React from 'react';
+import {Animated, StyleSheet, View} from 'react-native';
 
 const styles = StyleSheet.create({
   rotatingImage: {
diff --git a/packages/rn-tester/js/examples/Animated/TransformBounceExample.js b/packages/rn-tester/js/examples/Animated/TransformBounceExample.js
index 01cdc19e98d9be..55361d55e118c9 100644
--- a/packages/rn-tester/js/examples/Animated/TransformBounceExample.js
+++ b/packages/rn-tester/js/examples/Animated/TransformBounceExample.js
@@ -8,12 +8,13 @@
  * @format
  */
 
-import * as React from 'react';
-import RNTesterButton from '../../components/RNTesterButton';
-import {Text, StyleSheet, View, Animated} from 'react-native';
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
+import RNTesterButton from '../../components/RNTesterButton';
 import ToggleNativeDriver from './utils/ToggleNativeDriver';
+import * as React from 'react';
+import {Animated, StyleSheet, Text, View} from 'react-native';
 
 const styles = StyleSheet.create({
   content: {
diff --git a/packages/rn-tester/js/examples/Animated/TransformStylesExample.js b/packages/rn-tester/js/examples/Animated/TransformStylesExample.js
index 60a90bc107a55a..f7db70b56d7e44 100644
--- a/packages/rn-tester/js/examples/Animated/TransformStylesExample.js
+++ b/packages/rn-tester/js/examples/Animated/TransformStylesExample.js
@@ -9,13 +9,14 @@
  */
 
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
-import {RNTesterThemeContext} from '../../components/RNTesterTheme';
-import RNTOption from '../../components/RNTOption';
-import * as React from 'react';
-import {Animated, Text, View, StyleSheet} from 'react-native';
+
 import RNTConfigurationBlock from '../../components/RNTConfigurationBlock';
 import RNTesterButton from '../../components/RNTesterButton';
+import {RNTesterThemeContext} from '../../components/RNTesterTheme';
+import RNTOption from '../../components/RNTOption';
 import ToggleNativeDriver from './utils/ToggleNativeDriver';
+import * as React from 'react';
+import {Animated, StyleSheet, Text, View} from 'react-native';
 
 const transformProperties = {
   rotate: {outputRange: ['0deg', '360deg'], selected: false},
@@ -123,6 +124,10 @@ function AnimatedTransformStyleExample(): React.Node {
           property => properties[property].selected,
         )}
       />
+      <View style={styles.section}>
+        <Text>{'Should not crash when transform style key is undefined'}</Text>
+        <Animated.View style={[styles.animatedView, {transform: undefined}]} />
+      </View>
     </View>
   );
 }
@@ -149,6 +154,9 @@ const styles = StyleSheet.create({
     marginBottom: 6,
     borderBottomWidth: 1,
   },
+  section: {
+    marginTop: 20,
+  },
 });
 
 export default ({
diff --git a/packages/rn-tester/js/examples/Animated/utils/ToggleNativeDriver.js b/packages/rn-tester/js/examples/Animated/utils/ToggleNativeDriver.js
index b58bd3a3889680..2ec06cbf039356 100644
--- a/packages/rn-tester/js/examples/Animated/utils/ToggleNativeDriver.js
+++ b/packages/rn-tester/js/examples/Animated/utils/ToggleNativeDriver.js
@@ -8,8 +8,8 @@
  * @format
  */
 
-import {View, Text, StyleSheet, Switch} from 'react-native';
 import * as React from 'react';
+import {StyleSheet, Switch, Text, View} from 'react-native';
 
 type ViewStyleProp = $ElementType<React.ElementConfig<typeof View>, 'style'>;
 
diff --git a/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExApp.js b/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExApp.js
index 52d081b7b9eab4..e6f7fe7a1c443b 100644
--- a/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExApp.js
+++ b/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExApp.js
@@ -10,6 +10,7 @@
 
 'use strict';
 
+const AnExSet = require('./AnExSet');
 const React = require('react');
 const {
   Animated,
@@ -19,8 +20,6 @@ const {
   View,
 } = require('react-native');
 
-const AnExSet = require('./AnExSet');
-
 const CIRCLE_SIZE = 80;
 const CIRCLE_MARGIN = 18;
 const NUM_CIRCLES = 30;
diff --git a/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExChained.js b/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExChained.js
index 428b62d203b3ea..b19508ec7b821b 100644
--- a/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExChained.js
+++ b/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExChained.js
@@ -10,11 +10,10 @@
 
 'use strict';
 
-import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 import type {GestureState} from 'react-native/Libraries/Interaction/PanResponder';
+import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
 const React = require('react');
-
 const {Animated, PanResponder, StyleSheet, View} = require('react-native');
 
 class AnExChained extends React.Component<Object, any> {
diff --git a/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExScroll.js b/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExScroll.js
index 6b9c3bc8df23c2..8907b48e49bb46 100644
--- a/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExScroll.js
+++ b/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExScroll.js
@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-
 const {
   Animated,
   Image,
diff --git a/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExSet.js b/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExSet.js
index 3a8ac0c3ee44c9..ea5b75df38bc3c 100644
--- a/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExSet.js
+++ b/packages/rn-tester/js/examples/AnimatedGratuitousApp/AnExSet.js
@@ -10,6 +10,10 @@
 
 'use strict';
 
+const AnExBobble = require('./AnExBobble');
+const AnExChained = require('./AnExChained');
+const AnExScroll = require('./AnExScroll');
+const AnExTilt = require('./AnExTilt');
 const React = require('react');
 const {
   Animated,
@@ -19,11 +23,6 @@ const {
   View,
 } = require('react-native');
 
-const AnExBobble = require('./AnExBobble');
-const AnExChained = require('./AnExChained');
-const AnExScroll = require('./AnExScroll');
-const AnExTilt = require('./AnExTilt');
-
 class AnExSet extends React.Component<Object, any> {
   constructor(props: Object) {
     super(props);
diff --git a/packages/rn-tester/js/examples/AppState/AppStateExample.js b/packages/rn-tester/js/examples/AppState/AppStateExample.js
index 5357f57c1c958c..e41932a9c6b5f6 100644
--- a/packages/rn-tester/js/examples/AppState/AppStateExample.js
+++ b/packages/rn-tester/js/examples/AppState/AppStateExample.js
@@ -12,10 +12,10 @@
 
 import type {AppStateValues} from 'react-native/Libraries/AppState/AppState';
 
-const React = require('react');
-
 import {type EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
-const {AppState, Text, View, Platform} = require('react-native');
+
+const React = require('react');
+const {AppState, Platform, Text, View} = require('react-native');
 
 class AppStateSubscription extends React.Component<
   $FlowFixMeProps,
diff --git a/packages/rn-tester/js/examples/Appearance/AppearanceExample.js b/packages/rn-tester/js/examples/Appearance/AppearanceExample.js
index f9ff4e6df0a044..8d7c3472465c78 100644
--- a/packages/rn-tester/js/examples/Appearance/AppearanceExample.js
+++ b/packages/rn-tester/js/examples/Appearance/AppearanceExample.js
@@ -8,14 +8,15 @@
  * @flow
  */
 
-import * as React from 'react';
-import {useState, useEffect} from 'react';
-import {Appearance, Text, useColorScheme, View, Button} from 'react-native';
 import type {
   AppearancePreferences,
   ColorSchemeName,
 } from 'react-native/Libraries/Utilities/NativeAppearance';
+
 import {RNTesterThemeContext, themes} from '../../components/RNTesterTheme';
+import * as React from 'react';
+import {useEffect, useState} from 'react';
+import {Appearance, Button, Text, View, useColorScheme} from 'react-native';
 
 function ColorSchemeSubscription() {
   const [colorScheme, setScheme] = useState<?ColorSchemeName | string>(
diff --git a/packages/rn-tester/js/examples/Border/BorderExample.js b/packages/rn-tester/js/examples/Border/BorderExample.js
index 4994b3efa759a0..deed243c3f5e53 100644
--- a/packages/rn-tester/js/examples/Border/BorderExample.js
+++ b/packages/rn-tester/js/examples/Border/BorderExample.js
@@ -11,14 +11,14 @@
 'use strict';
 
 import type {RNTesterModule} from '../../types/RNTesterTypes';
-import * as React from 'react';
 
+import * as React from 'react';
 import {
+  DynamicColorIOS,
+  Platform,
+  PlatformColor,
   StyleSheet,
   View,
-  PlatformColor,
-  Platform,
-  DynamicColorIOS,
 } from 'react-native';
 
 const styles = StyleSheet.create({
@@ -212,17 +212,25 @@ export default ({
       title: 'Equal-Width / Same-Color',
       name: 'equal-width-same-color',
       description: 'borderWidth & borderColor',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border1]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-equal-width-same-color"
+            style={[styles.box, styles.border1]}
+          />
+        );
       },
     },
     {
       title: 'Equal-Width / Same-Color',
       name: 'equal-width-same-color-border-radius',
       description: 'borderWidth & borderColor & borderRadius',
-      render: function ({testID}): React.Node {
+      render: function (): React.Node {
         return (
-          <View testID={testID} style={[styles.box, styles.borderRadius]} />
+          <View
+            testID="border-test-equal-width-same-color-border-radius"
+            style={[styles.box, styles.borderRadius]}
+          />
         );
       },
     },
@@ -230,24 +238,39 @@ export default ({
       title: 'Equal-Width Borders',
       name: 'equal-width-borders',
       description: 'borderWidth & border*Color',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border2]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-equal-width-borders"
+            style={[styles.box, styles.border2]}
+          />
+        );
       },
     },
     {
       title: 'Same-Color Borders',
       name: 'same-color-borders',
       description: 'border*Width & borderColor',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border3]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-same-color-borders"
+            style={[styles.box, styles.border3]}
+          />
+        );
       },
     },
     {
       title: 'Custom Borders',
       name: 'custom-borders',
       description: 'border*Width & border*Color',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border4]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-custom-borders"
+            style={[styles.box, styles.border4]}
+          />
+        );
       },
     },
     {
@@ -255,8 +278,13 @@ export default ({
       name: 'custom-borders-ios-1',
       description: 'border*Width & border*Color',
       platform: 'ios',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border5]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-custom-borders-ios-1"
+            style={[styles.box, styles.border5]}
+          />
+        );
       },
     },
     {
@@ -264,8 +292,13 @@ export default ({
       name: 'custom-borders-ios-2',
       description: 'border*Width & border*Color',
       platform: 'ios',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border6]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-custom-borders-ios-2"
+            style={[styles.box, styles.border6]}
+          />
+        );
       },
     },
     {
@@ -273,9 +306,11 @@ export default ({
       name: 'custom-borders-ios-clipping',
       description: 'borderRadius & clipping',
       platform: 'ios',
-      render: function ({testID}): React.Node {
+      render: function (): React.Node {
         return (
-          <View testID={testID} style={[styles.box, styles.border7]}>
+          <View
+            testID="border-test-custom-borders-ios-clipping"
+            style={[styles.box, styles.border7]}>
             <View style={styles.border7_inner} />
           </View>
         );
@@ -285,9 +320,9 @@ export default ({
       title: 'Single Borders',
       name: 'single-borders',
       description: 'top, left, bottom right',
-      render: function ({testID}): React.Node {
+      render: function (): React.Node {
         return (
-          <View testID={testID} style={styles.wrapper}>
+          <View testID="border-test-single-borders" style={styles.wrapper}>
             <View style={[styles.box, styles.border8, styles.border8Top]} />
             <View style={[styles.box, styles.border8, styles.border8Left]} />
             <View style={[styles.box, styles.border8, styles.border8Bottom]} />
@@ -300,8 +335,13 @@ export default ({
       title: 'Corner Radii',
       name: 'corner-radii',
       description: 'borderTopLeftRadius & borderBottomRightRadius',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border9]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-corner-radii"
+            style={[styles.box, styles.border9]}
+          />
+        );
       },
     },
     {
@@ -309,48 +349,78 @@ export default ({
       name: 'corner-radii-elevation',
       description: 'borderTopLeftRadius & borderBottomRightRadius & elevation',
       platform: 'android',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border10]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-corner-radii-elevation"
+            style={[styles.box, styles.border10]}
+          />
+        );
       },
     },
     {
       title: 'CSS Trick - Triangle',
       name: 'css-trick-triangle',
       description: 'create a triangle by manipulating border colors and widths',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.border11]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-css-trick-triangle"
+            style={[styles.border11]}
+          />
+        );
       },
     },
     {
       title: 'Curved border(Left|Right|Bottom|Top)Width',
       name: 'curved-border-lrbt-width',
       description: 'Make a non-uniform width curved border',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border12]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-curved-border-lrbt-width"
+            style={[styles.box, styles.border12]}
+          />
+        );
       },
     },
     {
       title: 'Curved border(Left|Right|Bottom|Top)Color',
       name: 'curved-border-lrbt-color',
       description: 'Make a non-uniform color curved border',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border13]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-curved-border-lrbt-color"
+            style={[styles.box, styles.border13]}
+          />
+        );
       },
     },
     {
       title: 'Curved border(Top|Bottom)(Left|Right)Radius',
       name: 'curved-border-tb-lr-radius',
       description: 'Make a non-uniform radius curved border',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border14]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-curved-border-tb-lr-radius"
+            style={[styles.box, styles.border14]}
+          />
+        );
       },
     },
     {
       title: 'System color',
       name: 'system-color',
       description: 'Using a platform color',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border15]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-system-color"
+            style={[styles.box, styles.border15]}
+          />
+        );
       },
     },
     {
@@ -358,8 +428,13 @@ export default ({
       name: 'dynamic-color-ios',
       description: 'Using a custom dynamic color',
       platform: 'ios',
-      render: function ({testID}): React.Node {
-        return <View testID={testID} style={[styles.box, styles.border16]} />;
+      render: function (): React.Node {
+        return (
+          <View
+            testID="border-test-dynamic-color-ios"
+            style={[styles.box, styles.border16]}
+          />
+        );
       },
     },
   ],
diff --git a/packages/rn-tester/js/examples/Button/ButtonExample.js b/packages/rn-tester/js/examples/Button/ButtonExample.js
index 3f49b611966288..332f9cd6669013 100644
--- a/packages/rn-tester/js/examples/Button/ButtonExample.js
+++ b/packages/rn-tester/js/examples/Button/ButtonExample.js
@@ -10,10 +10,9 @@
 
 'use strict';
 
-const React = require('react');
-
-const {Alert, Button, View, StyleSheet} = require('react-native');
 const {RNTesterThemeContext} = require('../../components/RNTesterTheme');
+const React = require('react');
+const {Alert, Button, StyleSheet, View} = require('react-native');
 
 function onButtonPress(buttonName: string) {
   Alert.alert(`Your application has been ${buttonName}!`);
diff --git a/packages/rn-tester/js/examples/Crash/CrashExample.js b/packages/rn-tester/js/examples/Crash/CrashExample.js
index a1fe3a2cfe0849..75376815caec2c 100644
--- a/packages/rn-tester/js/examples/Crash/CrashExample.js
+++ b/packages/rn-tester/js/examples/Crash/CrashExample.js
@@ -9,8 +9,9 @@
  */
 
 import type {Node} from 'react';
-import {Button} from 'react-native';
+
 import React from 'react';
+import {Button} from 'react-native';
 
 exports.displayName = (undefined: ?string);
 exports.framework = 'React';
diff --git a/packages/rn-tester/js/examples/Dimensions/DimensionsExample.js b/packages/rn-tester/js/examples/Dimensions/DimensionsExample.js
index 8e8d1a28da41a4..b37d4476dc6076 100644
--- a/packages/rn-tester/js/examples/Dimensions/DimensionsExample.js
+++ b/packages/rn-tester/js/examples/Dimensions/DimensionsExample.js
@@ -8,9 +8,9 @@
  * @flow
  */
 
-import {Dimensions, Text, useWindowDimensions} from 'react-native';
 import * as React from 'react';
-import {useState, useEffect} from 'react';
+import {useEffect, useState} from 'react';
+import {Dimensions, Text, useWindowDimensions} from 'react-native';
 
 type Props = {dim: string};
 
diff --git a/packages/rn-tester/js/examples/Experimental/Compatibility/CompatibilityAnimatedPointerMove.js b/packages/rn-tester/js/examples/Experimental/Compatibility/CompatibilityAnimatedPointerMove.js
index 5c80d73937b68d..c56357bbdb2cfa 100644
--- a/packages/rn-tester/js/examples/Experimental/Compatibility/CompatibilityAnimatedPointerMove.js
+++ b/packages/rn-tester/js/examples/Experimental/Compatibility/CompatibilityAnimatedPointerMove.js
@@ -5,13 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import * as React from 'react';
-import {Text, Animated, StyleSheet} from 'react-native';
 import type {RNTesterModuleExample} from '../../../types/RNTesterTypes';
+
 import ToggleNativeDriver from '../../Animated/utils/ToggleNativeDriver';
+import * as React from 'react';
+import {Animated, StyleSheet, Text} from 'react-native';
 
 const WIDTH = 200;
 const HEIGHT = 250;
diff --git a/packages/rn-tester/js/examples/Experimental/Compatibility/CompatibilityNativeGestureHandling.js b/packages/rn-tester/js/examples/Experimental/Compatibility/CompatibilityNativeGestureHandling.js
index 4494a382640f71..6c528c3d57bae9 100644
--- a/packages/rn-tester/js/examples/Experimental/Compatibility/CompatibilityNativeGestureHandling.js
+++ b/packages/rn-tester/js/examples/Experimental/Compatibility/CompatibilityNativeGestureHandling.js
@@ -5,14 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import * as React from 'react';
-import {ScrollView, View, StyleSheet} from 'react-native';
-import EventfulView from '../W3CPointerEventsEventfulView';
 import type {RNTesterModuleExample} from '../../../types/RNTesterTypes';
 
+import EventfulView from '../W3CPointerEventsEventfulView';
+import * as React from 'react';
+import {ScrollView, StyleSheet, View} from 'react-native';
+
 const styles = StyleSheet.create({
   container: {
     borderWidth: 1,
diff --git a/packages/rn-tester/js/examples/Experimental/Compatibility/ManyPointersPropertiesExample.js b/packages/rn-tester/js/examples/Experimental/Compatibility/ManyPointersPropertiesExample.js
index 9961c571f81db2..be3958d9e23b14 100644
--- a/packages/rn-tester/js/examples/Experimental/Compatibility/ManyPointersPropertiesExample.js
+++ b/packages/rn-tester/js/examples/Experimental/Compatibility/ManyPointersPropertiesExample.js
@@ -5,14 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import * as React from 'react';
-import {View, Text, StyleSheet} from 'react-native';
 import type {RNTesterModuleExample} from '../../../types/RNTesterTypes';
 import type {PointerEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
+import * as React from 'react';
+import {StyleSheet, Text, View} from 'react-native';
+
 const styles = StyleSheet.create({
   container: {height: '30%', width: '100%', backgroundColor: 'black'},
   properties: {},
@@ -45,6 +46,7 @@ function ManyPointersPropertiesExample(): React.Node {
   const [data, setData] = React.useState<{}>({});
   const onPointerMove = (event: PointerEvent) => {
     const pointerId = event.nativeEvent.pointerId;
+    // $FlowFixMe[invalid-computed-prop]
     setData({...data, [pointerId]: event.nativeEvent});
   };
 
diff --git a/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTest.js b/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTest.js
index 8c2f40a2208ec8..94aa4145b75c6a 100644
--- a/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTest.js
+++ b/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTest.js
@@ -5,17 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from './RNTesterPlatformTestTypes';
 
-import * as React from 'react';
-import {StyleSheet, View, Text} from 'react-native';
-
 import RNTesterPlatformTestInstructions from './RNTesterPlatformTestInstructions';
-import usePlatformTestHarness from './usePlatformTestHarness';
 import RNTesterPlatformTestResultView from './RNTesterPlatformTestResultView';
+import usePlatformTestHarness from './usePlatformTestHarness';
+import * as React from 'react';
+import {StyleSheet, Text, View} from 'react-native';
 
 type Props = $ReadOnly<{|
   title: string,
diff --git a/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestInstructions.js b/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestInstructions.js
index 74c7a9ed9569f5..4968f45339ebda 100644
--- a/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestInstructions.js
+++ b/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestInstructions.js
@@ -5,14 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import * as React from 'react';
-import {View, Text, StyleSheet} from 'react-native';
-
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 
+import * as React from 'react';
+import {StyleSheet, Text, View} from 'react-native';
+
 type Props = $ReadOnly<{|
   instructions?: $ReadOnlyArray<string>,
   style?: ?ViewStyleProp,
diff --git a/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestMinimizedResultView.js b/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestMinimizedResultView.js
index ed9a2b2080a1d8..4f904d0a51c1f0 100644
--- a/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestMinimizedResultView.js
+++ b/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestMinimizedResultView.js
@@ -5,15 +5,14 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 
 import RNTesterPlatformTestResultsText from './RNTesterPlatformTestResultsText';
-
 import * as React from 'react';
-import {View, Text, StyleSheet, TouchableHighlight} from 'react-native';
+import {StyleSheet, Text, TouchableHighlight, View} from 'react-native';
 
 type Props = $ReadOnly<{|
   numFail: number,
diff --git a/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestResultView.js b/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestResultView.js
index f46aac110903b3..099858d92a61e2 100644
--- a/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestResultView.js
+++ b/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestResultView.js
@@ -5,37 +5,36 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import type {RenderItemProps} from 'react-native/Libraries/Lists/VirtualizedList';
-import type {
-  ViewStyleProp,
-  TextStyle,
-} from 'react-native/Libraries/StyleSheet/StyleSheet';
 import type {
   PlatformTestResult,
   PlatformTestResultStatus,
 } from './RNTesterPlatformTestTypes';
+import type {RenderItemProps} from 'react-native/Libraries/Lists/VirtualizedList';
+import type {
+  TextStyle,
+  ViewStyleProp,
+} from 'react-native/Libraries/StyleSheet/StyleSheet';
 
 import RNTesterPlatformTestMinimizedResultView from './RNTesterPlatformTestMinimizedResultView';
 import RNTesterPlatformTestResultsText from './RNTesterPlatformTestResultsText';
-
 import * as React from 'react';
-import {useMemo, useState, useCallback} from 'react';
+import {useCallback, useMemo, useState} from 'react';
 import {
   Button,
-  Switch,
-  View,
-  Text,
-  StyleSheet,
   FlatList,
+  KeyboardAvoidingView,
   Modal,
+  Platform,
   SafeAreaView,
+  StyleSheet,
+  Switch,
+  Text,
   TextInput,
-  KeyboardAvoidingView,
-  Platform,
   TouchableOpacity,
+  View,
 } from 'react-native';
 
 const DISPLAY_STATUS_MAPPING: {[PlatformTestResultStatus]: string} = {
diff --git a/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestResultsText.js b/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestResultsText.js
index ee35d22d976cd8..b111803168fa2e 100644
--- a/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestResultsText.js
+++ b/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTestResultsText.js
@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import {Text, StyleSheet} from 'react-native';
 import * as React from 'react';
+import {StyleSheet, Text} from 'react-native';
 
 type Props = $ReadOnly<{
   numPass: number,
diff --git a/packages/rn-tester/js/examples/Experimental/PlatformTest/usePlatformTestHarness.js b/packages/rn-tester/js/examples/Experimental/PlatformTest/usePlatformTestHarness.js
index b0cd68e06f17f5..f6a1bb5023e8fe 100644
--- a/packages/rn-tester/js/examples/Experimental/PlatformTest/usePlatformTestHarness.js
+++ b/packages/rn-tester/js/examples/Experimental/PlatformTest/usePlatformTestHarness.js
@@ -8,17 +8,17 @@
  * @flow
  */
 
-import {useState, useCallback, useMemo, useRef, useEffect} from 'react';
-
 import type {
-  PlatformTestResult,
-  PlatformTestHarness,
-  PlatformTestCase,
   PlatformTestAssertionResult,
+  PlatformTestCase,
   PlatformTestContext,
+  PlatformTestHarness,
+  PlatformTestResult,
   SyncTestOptions,
 } from './RNTesterPlatformTestTypes';
 
+import {useCallback, useEffect, useMemo, useRef, useState} from 'react';
+
 type AsyncTestStatus = 'NOT_RAN' | 'COMPLETED' | 'TIMED_OUT';
 
 function didAllAssertionsPass(
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAccessibility.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAccessibility.js
index e6d28a2107bb8b..9335ce8cfe07fa 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAccessibility.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAccessibility.js
@@ -5,16 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import * as React from 'react';
-import {useState} from 'react';
-import {StyleSheet, View, Pressable, ScrollView, Text} from 'react-native';
-import {EventTracker} from './PointerEventSupport';
 import type {EventOccurrence} from './PointerEventSupport';
 import type {PointerEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
+import {EventTracker} from './PointerEventSupport';
+import * as React from 'react';
+import {useState} from 'react';
+import {Pressable, ScrollView, StyleSheet, Text, View} from 'react-native';
+
 const eventsToTrack = ['onClick'];
 
 export default function PointerEventAccessibility(props: {}): React.MixedElement {
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAttributesHoverablePointers.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAttributesHoverablePointers.js
index 79a5556b87821e..24efcc3c8169aa 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAttributesHoverablePointers.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAttributesHoverablePointers.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAttributesNoHoverPointers.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAttributesNoHoverPointers.js
index c9894ae6cf3763..181b3ef1a1f8b2 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAttributesNoHoverPointers.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventAttributesNoHoverPointers.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventCaptureMouse.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventCaptureMouse.js
index 680cbb259e8202..d5db79dc4575b6 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventCaptureMouse.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventCaptureMouse.js
@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
+import type {ElementRef} from 'react';
 import type {PointerEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
+import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
 import * as React from 'react';
 import {useCallback, useRef} from 'react';
-import {StyleSheet, View, Text} from 'react-native';
-import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
-import type {ElementRef} from 'react';
+import {StyleSheet, Text, View} from 'react-native';
 
 // adapted from https://github.com/web-platform-tests/wpt/blob/master/pointerevents/pointerevent_capture_mouse.html
 function PointerEventCaptureMouseTestCase(
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouch.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouch.js
index 1c4d6da77e2b62..69d448082c8a06 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouch.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouch.js
@@ -5,18 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
+import type {PlatformTestContext} from '../PlatformTest/RNTesterPlatformTestTypes';
 import type {PointerEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
-import {check_PointerEvent} from './PointerEventSupport';
 import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
+import {check_PointerEvent} from './PointerEventSupport';
 import * as React from 'react';
-import {useRef, useCallback} from 'react';
+import {useCallback, useRef} from 'react';
 import {StyleSheet, View} from 'react-native';
-import type {PlatformTestContext} from '../PlatformTest/RNTesterPlatformTestTypes';
 
 function checkClickEventProperties(
   assert_equals: PlatformTestContext['assert_equals'],
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouchHierarchy.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouchHierarchy.js
index 8fc640871f1691..031d76f4c0e9f3 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouchHierarchy.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouchHierarchy.js
@@ -5,18 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
+import type {EventOccurrence} from './PointerEventSupport';
 
 import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
+import {EventTracker} from './PointerEventSupport';
+import {mkEvent} from './PointerEventSupport';
 import * as React from 'react';
 import {useRef} from 'react';
 import {StyleSheet, View} from 'react-native';
-import {EventTracker} from './PointerEventSupport';
-import type {EventOccurrence} from './PointerEventSupport';
-import {mkEvent} from './PointerEventSupport';
 
 const eventsToTrack = ['onClick', 'onPointerDown', 'onPointerUp'];
 
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouchHierarchyPointerEvents.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouchHierarchyPointerEvents.js
index 806c709519e1d1..7db11831df7684 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouchHierarchyPointerEvents.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventClickTouchHierarchyPointerEvents.js
@@ -5,15 +5,15 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
 import type {EventOccurrence, EventTrackerProps} from './PointerEventSupport';
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
 
-import {EventTracker, mkEvent} from './PointerEventSupport';
 import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
+import {EventTracker, mkEvent} from './PointerEventSupport';
 import * as React from 'react';
 import {useRef} from 'react';
 import {StyleSheet, View} from 'react-native';
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventLayoutChangeShouldFirePointerOver.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventLayoutChangeShouldFirePointerOver.js
index 79caf0afcd27dc..27c9567e93e5ba 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventLayoutChangeShouldFirePointerOver.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventLayoutChangeShouldFirePointerOver.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
@@ -13,7 +13,7 @@ import type {PointerEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
 import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
 import * as React from 'react';
-import {useRef, useCallback, useState, useMemo} from 'react';
+import {useCallback, useMemo, useRef, useState} from 'react';
 import {StyleSheet, View} from 'react-native';
 
 const styles = StyleSheet.create({
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerCancelTouch.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerCancelTouch.js
index 8059b8f9d65572..36cca7e7ce6860 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerCancelTouch.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerCancelTouch.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
@@ -15,7 +15,7 @@ import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
 import {check_PointerEvent} from './PointerEventSupport';
 import * as React from 'react';
 import {useCallback, useRef} from 'react';
-import {StyleSheet, View, ScrollView} from 'react-native';
+import {ScrollView, StyleSheet, View} from 'react-native';
 
 // adapted from https://github.com/web-platform-tests/wpt/blob/master/pointerevents/pointerevent_pointercancel_touch.html
 function PointerEventPointerCancelTouchTestCase(
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMove.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMove.js
index 09000898edf236..49fbc2584392cd 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMove.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMove.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 // adapted from https://github.com/web-platform-tests/wpt/blob/master/pointerevents/pointerevent_pointermove.html
@@ -13,8 +13,8 @@
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
 import type {PointerEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
-import {useTestEventHandler} from './PointerEventSupport';
 import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
+import {useTestEventHandler} from './PointerEventSupport';
 import * as React from 'react';
 import {useRef} from 'react';
 import {StyleSheet, View} from 'react-native';
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveAcross.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveAcross.js
index f01651e170f808..26574a1076dfd3 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveAcross.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveAcross.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
@@ -14,7 +14,7 @@ import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
 import RNTesterPlatformTestEventRecorder from '../PlatformTest/RNTesterPlatformTestEventRecorder';
 import * as React from 'react';
 import {useCallback, useState} from 'react';
-import {View, StyleSheet} from 'react-native';
+import {StyleSheet, View} from 'react-native';
 
 const styles = StyleSheet.create({
   a: {
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveBetween.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveBetween.js
index 854494e718424d..f72b5761de7f3f 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveBetween.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveBetween.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
@@ -14,7 +14,7 @@ import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
 import RNTesterPlatformTestEventRecorder from '../PlatformTest/RNTesterPlatformTestEventRecorder';
 import * as React from 'react';
 import {useCallback, useState} from 'react';
-import {View, StyleSheet} from 'react-native';
+import {StyleSheet, View} from 'react-native';
 
 const styles = StyleSheet.create({
   a: {
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveEventOrder.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveEventOrder.js
index 108ee5b15b7ccb..d5267dfea7bca5 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveEventOrder.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveEventOrder.js
@@ -5,17 +5,17 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
 import type {PointerEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
+import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
+import RNTesterPlatformTestEventRecorder from '../PlatformTest/RNTesterPlatformTestEventRecorder';
 import * as React from 'react';
 import {useCallback, useState} from 'react';
-import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
 import {StyleSheet, View} from 'react-native';
-import RNTesterPlatformTestEventRecorder from '../PlatformTest/RNTesterPlatformTestEventRecorder';
 
 const styles = StyleSheet.create({
   end: {
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveOnChordedMouseButton.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveOnChordedMouseButton.js
index 35bd727a5b23ae..7956a7d16fb5f8 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveOnChordedMouseButton.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveOnChordedMouseButton.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
@@ -14,7 +14,7 @@ import type {PointerEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
 import * as React from 'react';
 import {useCallback, useRef} from 'react';
-import {View, StyleSheet} from 'react-native';
+import {StyleSheet, View} from 'react-native';
 
 const styles = StyleSheet.create({
   target: {
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerOverOut.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerOverOut.js
index 16ed3b1f5a23e5..0b274fed843740 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerOverOut.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerOverOut.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPrimaryTouchPointer.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPrimaryTouchPointer.js
index cd643c420353e7..24dff3c6baa2ad 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPrimaryTouchPointer.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPrimaryTouchPointer.js
@@ -5,16 +5,16 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import type {PlatformTestComponentBaseProps} from '../PlatformTest/RNTesterPlatformTestTypes';
 import type {PointerEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
-import {useTestEventHandler} from './PointerEventSupport';
 import RNTesterPlatformTest from '../PlatformTest/RNTesterPlatformTest';
+import {useTestEventHandler} from './PointerEventSupport';
 import * as React from 'react';
-import {useRef, useCallback, useMemo} from 'react';
+import {useCallback, useMemo, useRef} from 'react';
 import {StyleSheet, View} from 'react-native';
 
 const styles = StyleSheet.create({
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventSupport.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventSupport.js
index defcc596d17035..d65b88ba21c1ab 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventSupport.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventSupport.js
@@ -12,10 +12,9 @@ import type {PlatformTestHarness} from '../PlatformTest/RNTesterPlatformTestType
 import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
 import type {PointerEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
-import {View} from 'react-native';
 import * as React from 'react';
-
 import {useMemo} from 'react';
+import {View} from 'react-native';
 
 // These props are not in the specification but are present in the WPT so we keep them
 // but marked as skipped so we don't prioritize them
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventsEventfulView.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventsEventfulView.js
index 25383fcc6e9d31..94dd82caae6148 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventsEventfulView.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventsEventfulView.js
@@ -8,10 +8,11 @@
  * @flow
  */
 
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
 import type {PointerEvent} from 'react-native/Libraries/Types/CoreEventTypes';
-import {StyleSheet, View, Text} from 'react-native';
+
 import * as React from 'react';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import {StyleSheet, Text, View} from 'react-native';
 
 export default function EventfulView(props: {|
   name: string,
diff --git a/packages/rn-tester/js/examples/Experimental/W3CPointerEventsExample.js b/packages/rn-tester/js/examples/Experimental/W3CPointerEventsExample.js
index 8891b4b29bc5d1..8d6a51d6358a75 100644
--- a/packages/rn-tester/js/examples/Experimental/W3CPointerEventsExample.js
+++ b/packages/rn-tester/js/examples/Experimental/W3CPointerEventsExample.js
@@ -5,32 +5,31 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import {Button, StyleSheet, ScrollView, View, Text} from 'react-native';
-import * as React from 'react';
-
-import PointerEventAttributesHoverablePointers from './W3CPointerEventPlatformTests/PointerEventAttributesHoverablePointers';
-import PointerEventPointerMove from './W3CPointerEventPlatformTests/PointerEventPointerMove';
 import CompatibilityAnimatedPointerMove from './Compatibility/CompatibilityAnimatedPointerMove';
 import CompatibilityNativeGestureHandling from './Compatibility/CompatibilityNativeGestureHandling';
-import PointerEventPrimaryTouchPointer from './W3CPointerEventPlatformTests/PointerEventPrimaryTouchPointer';
+import ManyPointersPropertiesExample from './Compatibility/ManyPointersPropertiesExample';
+import PointerEventAccessibility from './W3CPointerEventPlatformTests/PointerEventAccessibility';
+import PointerEventAttributesHoverablePointers from './W3CPointerEventPlatformTests/PointerEventAttributesHoverablePointers';
 import PointerEventAttributesNoHoverPointers from './W3CPointerEventPlatformTests/PointerEventAttributesNoHoverPointers';
-import PointerEventPointerMoveOnChordedMouseButton from './W3CPointerEventPlatformTests/PointerEventPointerMoveOnChordedMouseButton';
+import PointerEventCaptureMouse from './W3CPointerEventPlatformTests/PointerEventCaptureMouse';
+import PointerEventClickTouch from './W3CPointerEventPlatformTests/PointerEventClickTouch';
+import PointerEventClickTouchHierarchy from './W3CPointerEventPlatformTests/PointerEventClickTouchHierarchy';
+import PointerEventClickTouchHierarchyPointerEvents from './W3CPointerEventPlatformTests/PointerEventClickTouchHierarchyPointerEvents';
+import PointerEventLayoutChangeShouldFirePointerOver from './W3CPointerEventPlatformTests/PointerEventLayoutChangeShouldFirePointerOver';
+import PointerEventPointerCancelTouch from './W3CPointerEventPlatformTests/PointerEventPointerCancelTouch';
+import PointerEventPointerMove from './W3CPointerEventPlatformTests/PointerEventPointerMove';
 import PointerEventPointerMoveAcross from './W3CPointerEventPlatformTests/PointerEventPointerMoveAcross';
-import PointerEventPointerMoveEventOrder from './W3CPointerEventPlatformTests/PointerEventPointerMoveEventOrder';
 import PointerEventPointerMoveBetween from './W3CPointerEventPlatformTests/PointerEventPointerMoveBetween';
+import PointerEventPointerMoveEventOrder from './W3CPointerEventPlatformTests/PointerEventPointerMoveEventOrder';
+import PointerEventPointerMoveOnChordedMouseButton from './W3CPointerEventPlatformTests/PointerEventPointerMoveOnChordedMouseButton';
 import PointerEventPointerOverOut from './W3CPointerEventPlatformTests/PointerEventPointerOverOut';
-import PointerEventLayoutChangeShouldFirePointerOver from './W3CPointerEventPlatformTests/PointerEventLayoutChangeShouldFirePointerOver';
-import PointerEventPointerCancelTouch from './W3CPointerEventPlatformTests/PointerEventPointerCancelTouch';
-import PointerEventClickTouch from './W3CPointerEventPlatformTests/PointerEventClickTouch';
-import PointerEventClickTouchHierarchy from './W3CPointerEventPlatformTests/PointerEventClickTouchHierarchy';
-import PointerEventCaptureMouse from './W3CPointerEventPlatformTests/PointerEventCaptureMouse';
+import PointerEventPrimaryTouchPointer from './W3CPointerEventPlatformTests/PointerEventPrimaryTouchPointer';
 import EventfulView from './W3CPointerEventsEventfulView';
-import ManyPointersPropertiesExample from './Compatibility/ManyPointersPropertiesExample';
-import PointerEventClickTouchHierarchyPointerEvents from './W3CPointerEventPlatformTests/PointerEventClickTouchHierarchyPointerEvents';
-import PointerEventAccessibility from './W3CPointerEventPlatformTests/PointerEventAccessibility';
+import * as React from 'react';
+import {Button, ScrollView, StyleSheet, Text, View} from 'react-native';
 
 function AbsoluteChildExample({log}: {log: string => void}) {
   return (
diff --git a/packages/rn-tester/js/examples/FlatList/FlatList-basic.js b/packages/rn-tester/js/examples/FlatList/FlatList-basic.js
index c5dfd64edb001e..81409a3e54dca8 100644
--- a/packages/rn-tester/js/examples/FlatList/FlatList-basic.js
+++ b/packages/rn-tester/js/examples/FlatList/FlatList-basic.js
@@ -10,32 +10,21 @@
 
 'use strict';
 
+import type {Item} from '../../components/ListExampleShared';
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 import type {AnimatedComponentType} from 'react-native/Libraries/Animated/createAnimatedComponent';
 import typeof FlatListType from 'react-native/Libraries/Lists/FlatList';
 import type {RenderItemProps} from 'react-native/Libraries/Lists/VirtualizedList';
 
-import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
-import * as React from 'react';
-import {
-  Alert,
-  Animated,
-  I18nManager,
-  Platform,
-  StyleSheet,
-  TextInput,
-  View,
-} from 'react-native';
-import RNTesterPage from '../../components/RNTesterPage';
-import infoLog from 'react-native/Libraries/Utilities/infoLog';
 import {
   FooterComponent,
   HeaderComponent,
   ItemComponent,
-  ListEmptyComponent,
   ItemSeparatorComponent,
+  ListEmptyComponent,
+  LoadingComponent,
   PlainInput,
   SeparatorComponent,
-  LoadingComponent,
   Spindicator,
   genNewerItems,
   genOlderItems,
@@ -43,8 +32,18 @@ import {
   pressItem,
   renderSmallSwitchOption,
 } from '../../components/ListExampleShared';
-
-import type {Item} from '../../components/ListExampleShared';
+import RNTesterPage from '../../components/RNTesterPage';
+import * as React from 'react';
+import {
+  Alert,
+  Animated,
+  I18nManager,
+  Platform,
+  StyleSheet,
+  TextInput,
+  View,
+} from 'react-native';
+import infoLog from 'react-native/Libraries/Utilities/infoLog';
 
 const PAGE_SIZE = 100;
 const NUM_PAGES = 10;
diff --git a/packages/rn-tester/js/examples/FlatList/FlatList-contentInset.js b/packages/rn-tester/js/examples/FlatList/FlatList-contentInset.js
index eaec73c6225857..8717e8e19b577d 100644
--- a/packages/rn-tester/js/examples/FlatList/FlatList-contentInset.js
+++ b/packages/rn-tester/js/examples/FlatList/FlatList-contentInset.js
@@ -9,10 +9,10 @@
  */
 
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
-import {StyleSheet, Text, View} from 'react-native';
-import BaseFlatListExample from './BaseFlatListExample';
 
+import BaseFlatListExample from './BaseFlatListExample';
 import * as React from 'react';
+import {StyleSheet, Text, View} from 'react-native';
 
 export function FlatList_contentInset(): React.Node {
   const [initialContentInset, toggledContentInset] = [44, 88];
diff --git a/packages/rn-tester/js/examples/FlatList/FlatList-inverted.js b/packages/rn-tester/js/examples/FlatList/FlatList-inverted.js
index 033893d4ce3500..e90e55f132505b 100644
--- a/packages/rn-tester/js/examples/FlatList/FlatList-inverted.js
+++ b/packages/rn-tester/js/examples/FlatList/FlatList-inverted.js
@@ -9,6 +9,7 @@
  */
 
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 import BaseFlatListExample from './BaseFlatListExample';
 import * as React from 'react';
 
diff --git a/packages/rn-tester/js/examples/FlatList/FlatList-multiColumn.js b/packages/rn-tester/js/examples/FlatList/FlatList-multiColumn.js
index fd8d10a43474c3..89e124c6dc33b8 100644
--- a/packages/rn-tester/js/examples/FlatList/FlatList-multiColumn.js
+++ b/packages/rn-tester/js/examples/FlatList/FlatList-multiColumn.js
@@ -10,12 +10,9 @@
 
 'use strict';
 
-import type {RenderItemProps} from 'react-native/Libraries/Lists/VirtualizedList';
+import type {Item} from '../../components/ListExampleShared';
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
-const RNTesterPage = require('../../components/RNTesterPage');
-const React = require('react');
-
-const infoLog = require('react-native/Libraries/Utilities/infoLog');
+import type {RenderItemProps} from 'react-native/Libraries/Lists/VirtualizedList';
 
 const {
   FooterComponent,
@@ -28,9 +25,10 @@ const {
   pressItem,
   renderSmallSwitchOption,
 } = require('../../components/ListExampleShared');
-const {FlatList, StyleSheet, Text, View, Alert} = require('react-native');
-
-import type {Item} from '../../components/ListExampleShared';
+const RNTesterPage = require('../../components/RNTesterPage');
+const React = require('react');
+const {Alert, FlatList, StyleSheet, Text, View} = require('react-native');
+const infoLog = require('react-native/Libraries/Utilities/infoLog');
 
 class MultiColumnExample extends React.PureComponent<
   $FlowFixMeProps,
diff --git a/packages/rn-tester/js/examples/FlatList/FlatList-nested.js b/packages/rn-tester/js/examples/FlatList/FlatList-nested.js
index 0871afa15cd2a9..6a3f27905a312b 100644
--- a/packages/rn-tester/js/examples/FlatList/FlatList-nested.js
+++ b/packages/rn-tester/js/examples/FlatList/FlatList-nested.js
@@ -9,9 +9,9 @@
  */
 
 'use strict';
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 import type {ViewToken} from 'react-native/Libraries/Lists/ViewabilityHelper';
 import type {RenderItemProps} from 'react-native/Libraries/Lists/VirtualizedList';
-import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 
 import RNTesterPage from '../../components/RNTesterPage';
 import * as React from 'react';
diff --git a/packages/rn-tester/js/examples/FlatList/FlatList-onStartReached.js b/packages/rn-tester/js/examples/FlatList/FlatList-onStartReached.js
index 84f1fcaf4229d9..de1d2f4c9ba823 100644
--- a/packages/rn-tester/js/examples/FlatList/FlatList-onStartReached.js
+++ b/packages/rn-tester/js/examples/FlatList/FlatList-onStartReached.js
@@ -10,6 +10,7 @@
 
 'use strict';
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 import BaseFlatListExample, {ITEM_HEIGHT} from './BaseFlatListExample';
 import * as React from 'react';
 import {FlatList} from 'react-native';
diff --git a/packages/rn-tester/js/examples/FlatList/FlatList-onViewableItemsChanged.js b/packages/rn-tester/js/examples/FlatList/FlatList-onViewableItemsChanged.js
index f65111e16596ba..72764795749074 100644
--- a/packages/rn-tester/js/examples/FlatList/FlatList-onViewableItemsChanged.js
+++ b/packages/rn-tester/js/examples/FlatList/FlatList-onViewableItemsChanged.js
@@ -10,8 +10,8 @@
 
 'use strict';
 
-import type {ViewToken} from 'react-native/Libraries/Lists/ViewabilityHelper';
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+import type {ViewToken} from 'react-native/Libraries/Lists/ViewabilityHelper';
 
 import BaseFlatListExample from './BaseFlatListExample';
 import * as React from 'react';
diff --git a/packages/rn-tester/js/examples/FlatList/FlatList-stickyHeaders.js b/packages/rn-tester/js/examples/FlatList/FlatList-stickyHeaders.js
index 8660e5c48cbbf5..d4a50689d3f8b6 100644
--- a/packages/rn-tester/js/examples/FlatList/FlatList-stickyHeaders.js
+++ b/packages/rn-tester/js/examples/FlatList/FlatList-stickyHeaders.js
@@ -8,8 +8,8 @@
  * @format
  */
 
-import type {RenderItemProps} from 'react-native/Libraries/Lists/VirtualizedList';
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+import type {RenderItemProps} from 'react-native/Libraries/Lists/VirtualizedList';
 
 import * as React from 'react';
 import {FlatList, StyleSheet, Text, View} from 'react-native';
diff --git a/packages/rn-tester/js/examples/FlatList/FlatListExampleIndex.js b/packages/rn-tester/js/examples/FlatList/FlatListExampleIndex.js
index bdfbb8a237ffb9..2a64d772cdea24 100644
--- a/packages/rn-tester/js/examples/FlatList/FlatListExampleIndex.js
+++ b/packages/rn-tester/js/examples/FlatList/FlatListExampleIndex.js
@@ -9,16 +9,17 @@
  */
 
 import type {RNTesterModule} from '../../types/RNTesterTypes';
+
 import BasicExample from './FlatList-basic';
-import OnStartReachedExample from './FlatList-onStartReached';
-import OnEndReachedExample from './FlatList-onEndReached';
 import ContentInsetExample from './FlatList-contentInset';
 import InvertedExample from './FlatList-inverted';
-import onViewableItemsChangedExample from './FlatList-onViewableItemsChanged';
-import WithSeparatorsExample from './FlatList-withSeparators';
 import MultiColumnExample from './FlatList-multiColumn';
-import StickyHeadersExample from './FlatList-stickyHeaders';
 import NestedExample from './FlatList-nested';
+import OnEndReachedExample from './FlatList-onEndReached';
+import OnStartReachedExample from './FlatList-onStartReached';
+import onViewableItemsChangedExample from './FlatList-onViewableItemsChanged';
+import StickyHeadersExample from './FlatList-stickyHeaders';
+import WithSeparatorsExample from './FlatList-withSeparators';
 
 export default ({
   framework: 'React',
diff --git a/packages/rn-tester/js/examples/Image/ImageCapInsetsExample.js b/packages/rn-tester/js/examples/Image/ImageCapInsetsExample.js
index 02bb0e2118455c..30afdb8b3f4662 100644
--- a/packages/rn-tester/js/examples/Image/ImageCapInsetsExample.js
+++ b/packages/rn-tester/js/examples/Image/ImageCapInsetsExample.js
@@ -12,7 +12,6 @@
 
 const React = require('react');
 const ReactNative = require('react-native');
-
 const nativeImageSource = require('react-native/Libraries/Image/nativeImageSource');
 const {Image, StyleSheet, Text, View} = ReactNative;
 
diff --git a/packages/rn-tester/js/examples/Image/ImageExample.js b/packages/rn-tester/js/examples/Image/ImageExample.js
index 8a01e5da592648..855b7cc15ae6ad 100644
--- a/packages/rn-tester/js/examples/Image/ImageExample.js
+++ b/packages/rn-tester/js/examples/Image/ImageExample.js
@@ -12,21 +12,19 @@
 
 import type {LayoutEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
+const ImageCapInsetsExample = require('./ImageCapInsetsExample');
 const React = require('react');
-
 const {
   Image,
   Platform, // [macOS]
+  ImageBackground,
   StyleSheet,
   Text,
   View,
-  ImageBackground,
 } = require('react-native');
 
 const base64Icon =
   'data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEsAAABLCAQAAACSR7JhAAADtUlEQVR4Ac3YA2Bj6QLH0XPT1Fzbtm29tW3btm3bfLZtv7e2ObZnms7d8Uw098tuetPzrxv8wiISrtVudrG2JXQZ4VOv+qUfmqCGGl1mqLhoA52oZlb0mrjsnhKpgeUNEs91Z0pd1kvihA3ULGVHiQO2narKSHKkEMulm9VgUyE60s1aWoMQUbpZOWE+kaqs4eLEjdIlZTcFZB0ndc1+lhB1lZrIuk5P2aib1NBpZaL+JaOGIt0ls47SKzLC7CqrlGF6RZ09HGoNy1lYl2aRSWL5GuzqWU1KafRdoRp0iOQEiDzgZPnG6DbldcomadViflnl/cL93tOoVbsOLVM2jylvdWjXolWX1hmfZbGR/wjypDjFLSZIRov09BgYmtUqPQPlQrPapecLgTIy0jMgPKtTeob2zWtrGH3xvjUkPCtNg/tm1rjwrMa+mdUkPd3hWbH0jArPGiU9ufCsNNWFZ40wpwn+62/66R2RUtoso1OB34tnLOcy7YB1fUdc9e0q3yru8PGM773vXsuZ5YIZX+5xmHwHGVvlrGPN6ZSiP1smOsMMde40wKv2VmwPPVXNut4sVpUreZiLBHi0qln/VQeI/LTMYXpsJtFiclUN+5HVZazim+Ky+7sAvxWnvjXrJFneVtLWLyPJu9K3cXLWeOlbMTlrIelbMDlrLenrjEQOtIF+fuI9xRp9ZBFp6+b6WT8RrxEpdK64BuvHgDk+vUy+b5hYk6zfyfs051gRoNO1usU12WWRWL73/MMEy9pMi9qIrR4ZpV16Rrvduxazmy1FSvuFXRkqTnE7m2kdb5U8xGjLw/spRr1uTov4uOgQE+0N/DvFrG/Jt7i/FzwxbA9kDanhf2w+t4V97G8lrT7wc08aA2QNUkuTfW/KimT01wdlfK4yEw030VfT0RtZbzjeMprNq8m8tnSTASrTLti64oBNdpmMQm0eEwvfPwRbUBywG5TzjPCsdwk3IeAXjQblLCoXnDVeoAz6SfJNk5TTzytCNZk/POtTSV40NwOFWzw86wNJRpubpXsn60NJFlHeqlYRbslqZm2jnEZ3qcSKgm0kTli3zZVS7y/iivZTweYXJ26Y+RTbV1zh3hYkgyFGSTKPfRVbRqWWVReaxYeSLarYv1Qqsmh1s95S7G+eEWK0f3jYKTbV6bOwepjfhtafsvUsqrQvrGC8YhmnO9cSCk3yuY984F1vesdHYhWJ5FvASlacshUsajFt2mUM9pqzvKGcyNJW0arTKN1GGGzQlH0tXwLDgQTurS8eIQAAAABJRU5ErkJggg==';
-
-const ImageCapInsetsExample = require('./ImageCapInsetsExample');
 const IMAGE_PREFETCH_URL =
   'https://www.facebook.com/favicon.ico?r=1&t=' + Date.now();
 const prefetchTask = Image.prefetch(IMAGE_PREFETCH_URL);
diff --git a/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverBenchmark.js b/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverBenchmark.js
index 7932f6dc2ff7cd..d7784475a507a0 100644
--- a/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverBenchmark.js
+++ b/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverBenchmark.js
@@ -9,14 +9,13 @@
  */
 
 import {RNTesterThemeContext} from '../../components/RNTesterTheme';
-
 import * as React from 'react';
 import {
-  useLayoutEffect,
-  useState,
-  useRef,
   type ElementRef,
   useContext,
+  useLayoutEffect,
+  useRef,
+  useState,
 } from 'react';
 import {Button, ScrollView, StyleSheet, Text, View} from 'react-native';
 
diff --git a/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverIndex.js b/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverIndex.js
index b4f4efa3ba19da..2e71beaf427cff 100644
--- a/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverIndex.js
+++ b/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverIndex.js
@@ -8,8 +8,8 @@
  * @format
  */
 
-import * as IntersectionObserverMDNExample from './IntersectionObserverMDNExample';
 import * as IntersectionObserverBenchmark from './IntersectionObserverBenchmark';
+import * as IntersectionObserverMDNExample from './IntersectionObserverMDNExample';
 
 export const framework = 'React';
 export const title = 'IntersectionObserver';
diff --git a/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverMDNExample.js b/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverMDNExample.js
index 5a6efd6753255c..794a20f67abd6a 100644
--- a/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverMDNExample.js
+++ b/packages/rn-tester/js/examples/IntersectionObserver/IntersectionObserverMDNExample.js
@@ -9,14 +9,13 @@
  */
 
 import {RNTesterThemeContext} from '../../components/RNTesterTheme';
-
 import * as React from 'react';
 import {
+  type ElementRef,
+  useContext,
   useLayoutEffect,
   useRef,
   useState,
-  type ElementRef,
-  useContext,
 } from 'react';
 import {ScrollView, StyleSheet, Text, View} from 'react-native';
 
diff --git a/packages/rn-tester/js/examples/InvalidProps/InvalidPropsExample.js b/packages/rn-tester/js/examples/InvalidProps/InvalidPropsExample.js
index 507268c03fc4f5..886a1813bffbb6 100644
--- a/packages/rn-tester/js/examples/InvalidProps/InvalidPropsExample.js
+++ b/packages/rn-tester/js/examples/InvalidProps/InvalidPropsExample.js
@@ -5,13 +5,12 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
 
 import * as React from 'react';
-
 import {Text, View} from 'react-native';
 
 export const title = 'Invalid Props';
diff --git a/packages/rn-tester/js/examples/JSResponderHandlerExample/JSResponderHandlerExample.js b/packages/rn-tester/js/examples/JSResponderHandlerExample/JSResponderHandlerExample.js
index 49b35c9506a665..4c96b14697877c 100644
--- a/packages/rn-tester/js/examples/JSResponderHandlerExample/JSResponderHandlerExample.js
+++ b/packages/rn-tester/js/examples/JSResponderHandlerExample/JSResponderHandlerExample.js
@@ -8,12 +8,11 @@
  * @flow strict-local
  */
 
-const React = require('react');
-
-const {Text, View, StyleSheet} = require('react-native');
-
 import {PanResponder, ScrollView} from 'react-native';
 
+const React = require('react');
+const {StyleSheet, Text, View} = require('react-native');
+
 exports.displayName = 'JSResponderHandlerExample';
 exports.framework = 'React';
 exports.title = 'JSResponderHandler';
diff --git a/packages/rn-tester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js b/packages/rn-tester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js
index 400d5b3df83001..6c20b165587758 100644
--- a/packages/rn-tester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js
+++ b/packages/rn-tester/js/examples/KeyboardAvoidingView/KeyboardAvoidingViewExample.js
@@ -11,21 +11,20 @@
 'use strict';
 
 const React = require('react');
+const {useState} = require('react');
 const {
   Alert,
+  Button,
   KeyboardAvoidingView,
   Modal,
+  Pressable,
   StyleSheet,
   Text,
   TextInput,
-  Button,
-  Pressable,
   TouchableOpacity,
   View,
 } = require('react-native');
 
-const {useState} = require('react');
-
 const onButtonPress = () => {
   Alert.alert('Successfully Registered!');
 };
diff --git a/packages/rn-tester/js/examples/Layout/LayoutAnimationExample.js b/packages/rn-tester/js/examples/Layout/LayoutAnimationExample.js
index d3bd28b9a6b9a5..9450f717d26ca1 100644
--- a/packages/rn-tester/js/examples/Layout/LayoutAnimationExample.js
+++ b/packages/rn-tester/js/examples/Layout/LayoutAnimationExample.js
@@ -15,8 +15,8 @@ const {
   LayoutAnimation,
   StyleSheet,
   Text,
-  View,
   TouchableOpacity,
+  View,
 } = require('react-native');
 
 type ExampleViewSpec = {|
diff --git a/packages/rn-tester/js/examples/Layout/LayoutEventsExample.js b/packages/rn-tester/js/examples/Layout/LayoutEventsExample.js
index ce2a733215b85c..af34fc8459681e 100644
--- a/packages/rn-tester/js/examples/Layout/LayoutEventsExample.js
+++ b/packages/rn-tester/js/examples/Layout/LayoutEventsExample.js
@@ -10,8 +10,12 @@
 
 'use strict';
 
-const React = require('react');
+import type {
+  ViewLayout,
+  ViewLayoutEvent,
+} from 'react-native/Libraries/Components/View/ViewPropTypes';
 
+const React = require('react');
 const {
   Image,
   LayoutAnimation,
@@ -21,11 +25,6 @@ const {
   View,
 } = require('react-native');
 
-import type {
-  ViewLayout,
-  ViewLayoutEvent,
-} from 'react-native/Libraries/Components/View/ViewPropTypes';
-
 type Props = $ReadOnly<{||}>;
 type State = {
   containerStyle?: {|width: number|},
diff --git a/packages/rn-tester/js/examples/Layout/LayoutExample.js b/packages/rn-tester/js/examples/Layout/LayoutExample.js
index ef7320c52589f1..8099362f6a3639 100644
--- a/packages/rn-tester/js/examples/Layout/LayoutExample.js
+++ b/packages/rn-tester/js/examples/Layout/LayoutExample.js
@@ -13,7 +13,6 @@
 const RNTesterBlock = require('../../components/RNTesterBlock');
 const RNTesterPage = require('../../components/RNTesterPage');
 const React = require('react');
-
 const {StyleSheet, Text, View} = require('react-native');
 
 class Circle extends React.Component<$FlowFixMeProps> {
diff --git a/packages/rn-tester/js/examples/Linking/LinkingExample.js b/packages/rn-tester/js/examples/Linking/LinkingExample.js
index 2f84d7c5e0e6c6..64e5e8e594c682 100644
--- a/packages/rn-tester/js/examples/Linking/LinkingExample.js
+++ b/packages/rn-tester/js/examples/Linking/LinkingExample.js
@@ -9,6 +9,7 @@
 
 'use strict';
 
+const RNTesterBlock = require('../../components/RNTesterBlock');
 const React = require('react');
 const {
   Button,
@@ -16,13 +17,11 @@ const {
   Platform,
   StyleSheet,
   Text,
-  TouchableOpacity,
   ToastAndroid,
+  TouchableOpacity,
   View,
 } = require('react-native');
 
-const RNTesterBlock = require('../../components/RNTesterBlock');
-
 type Props = $ReadOnly<{|
   url?: ?string,
 |}>;
diff --git a/packages/rn-tester/js/examples/Modal/ModalExample.js b/packages/rn-tester/js/examples/Modal/ModalExample.js
index d781cbc7d4c741..684d290d69835c 100644
--- a/packages/rn-tester/js/examples/Modal/ModalExample.js
+++ b/packages/rn-tester/js/examples/Modal/ModalExample.js
@@ -8,17 +8,18 @@
  * @format
  */
 
-import ModalPresentation from './ModalPresentation';
-import ModalOnShow from './ModalOnShow';
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 
-export const displayName = (undefined: ?string);
+import ModalOnShow from './ModalOnShow';
+import ModalPresentation from './ModalPresentation';
+
+export const displayName: ?string = undefined;
 export const framework = 'React';
 export const title = 'Modal';
 export const category = 'UI';
 export const documentationURL = 'https://reactnative.dev/docs/modal';
 export const description = 'Component for presenting modal views.';
-export const examples = ([
+export const examples: Array<RNTesterModuleExample> = [
   ModalPresentation,
   ModalOnShow,
-]: Array<RNTesterModuleExample>);
+];
diff --git a/packages/rn-tester/js/examples/Modal/ModalOnShow.js b/packages/rn-tester/js/examples/Modal/ModalOnShow.js
index 9c35229276b3eb..8ef9764794a570 100644
--- a/packages/rn-tester/js/examples/Modal/ModalOnShow.js
+++ b/packages/rn-tester/js/examples/Modal/ModalOnShow.js
@@ -8,9 +8,10 @@
  * @format
  */
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 import * as React from 'react';
 import {Modal, Pressable, StyleSheet, Text, View} from 'react-native';
-import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 
 function ModalOnShowOnDismiss(): React.Node {
   const [modalShowComponent, setModalShowComponent] = React.useState(true);
diff --git a/packages/rn-tester/js/examples/Modal/ModalPresentation.js b/packages/rn-tester/js/examples/Modal/ModalPresentation.js
index 358da027e2b974..e5f2cad774ebf1 100644
--- a/packages/rn-tester/js/examples/Modal/ModalPresentation.js
+++ b/packages/rn-tester/js/examples/Modal/ModalPresentation.js
@@ -10,11 +10,13 @@
 
 /* eslint-disable no-alert */
 
-import * as React from 'react';
-import {Modal, Platform, StyleSheet, Switch, Text, View} from 'react-native';
 import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 import type {Props as ModalProps} from 'react-native/Libraries/Modal/Modal';
+
 import RNTOption from '../../components/RNTOption';
+import * as React from 'react';
+import {Modal, Platform, StyleSheet, Switch, Text, View} from 'react-native';
+
 const RNTesterButton = require('../../components/RNTesterButton');
 
 const animationTypes = ['slide', 'none', 'fade'];
diff --git a/packages/rn-tester/js/examples/MutationObserver/MutationObserverExample.js b/packages/rn-tester/js/examples/MutationObserver/MutationObserverExample.js
index 7a809d55af9fdc..d71f9dd8c4eb5b 100644
--- a/packages/rn-tester/js/examples/MutationObserver/MutationObserverExample.js
+++ b/packages/rn-tester/js/examples/MutationObserver/MutationObserverExample.js
@@ -8,15 +8,15 @@
  * @flow strict-local
  */
 
-import type ReadOnlyNode from 'react-native/Libraries/DOM/Nodes/ReadOnlyNode';
-import type NodeList from 'react-native/Libraries/DOM/OldStyleCollections/NodeList';
+import type ReadOnlyNode from 'react-native/src/private/webapis/dom/nodes/ReadOnlyNode';
+import type NodeList from 'react-native/src/private/webapis/dom/oldstylecollections/NodeList';
 
-import ReadOnlyElement from 'react-native/Libraries/DOM/Nodes/ReadOnlyElement';
 import {RNTesterThemeContext} from '../../components/RNTesterTheme';
 import * as React from 'react';
 import {type ElementRef, useContext, useEffect, useRef, useState} from 'react';
 import {Pressable, ScrollView, StyleSheet, Text, View} from 'react-native';
 import MutationObserver from 'react-native/Libraries/MutationObserver/MutationObserver';
+import ReadOnlyElement from 'react-native/src/private/webapis/dom/nodes/ReadOnlyElement';
 
 export const name = 'MutationObserver Example';
 export const title = name;
diff --git a/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VCOverlayExample.js b/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VCOverlayExample.js
index d80db941054e9f..17e9c47147ff52 100644
--- a/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VCOverlayExample.js
+++ b/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VCOverlayExample.js
@@ -9,8 +9,9 @@
  */
 
 import type VCTracker, {VisualElement} from './VCTrackerExample';
-import {useEffect, useState} from 'react';
+
 import * as React from 'react';
+import {useEffect, useState} from 'react';
 import {Dimensions, StyleSheet, View} from 'react-native';
 
 const OVERLAY_SCALE = 0.25;
diff --git a/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VCTrackerExample.js b/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VCTrackerExample.js
index 0de5a1b7f38762..81c3e97bfd6f22 100644
--- a/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VCTrackerExample.js
+++ b/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VCTrackerExample.js
@@ -8,12 +8,12 @@
  * @format
  */
 
-import type DOMRectReadOnly from 'react-native/Libraries/DOM/Geometry/DOMRectReadOnly';
-import type ReadOnlyNode from 'react-native/Libraries/DOM/Nodes/ReadOnlyNode';
+import type DOMRectReadOnly from 'react-native/src/private/webapis/dom/geometry/DOMRectReadOnly';
+import type ReadOnlyNode from 'react-native/src/private/webapis/dom/nodes/ReadOnlyNode';
 
 import IntersectionObserver from 'react-native/Libraries/IntersectionObserver/IntersectionObserver';
 import MutationObserver from 'react-native/Libraries/MutationObserver/MutationObserver';
-import ReactNativeElement from 'react-native/Libraries/DOM/Nodes/ReactNativeElement';
+import ReactNativeElement from 'react-native/src/private/webapis/dom/nodes/ReactNativeElement';
 
 export type VisualElement = {
   time: number,
diff --git a/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VisualCompletionExample.js b/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VisualCompletionExample.js
index f94b17816d7dcc..5a7303070f678a 100644
--- a/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VisualCompletionExample.js
+++ b/packages/rn-tester/js/examples/MutationObserver/VisualCompletionExample/VisualCompletionExample.js
@@ -8,10 +8,12 @@
  * @format
  */
 
+import {RNTesterThemeContext} from '../../../components/RNTesterTheme';
+import VCOverlay from './VCOverlayExample';
+import VCTracker from './VCTrackerExample';
 import nullthrows from 'nullthrows';
 import * as React from 'react';
 import {useContext, useEffect} from 'react';
-import {RNTesterThemeContext} from '../../../components/RNTesterTheme';
 import {
   ActivityIndicator,
   ScrollView,
@@ -19,9 +21,7 @@ import {
   Text,
   View,
 } from 'react-native';
-import ReactNativeElement from 'react-native/Libraries/DOM/Nodes/ReactNativeElement';
-import VCTracker from './VCTrackerExample';
-import VCOverlay from './VCOverlayExample';
+import ReactNativeElement from 'react-native/src/private/webapis/dom/nodes/ReactNativeElement';
 
 export const name = 'Visual Completion Example';
 export const title = name;
@@ -64,8 +64,8 @@ function VisualCompletionExampleScreen(props: {
       style={styles.root}
       ref={node => {
         if (node != null) {
-          // $FlowExpectedError[incompatible-cast]
-          const element = (node: ReactNativeElement);
+          // $FlowExpectedError[incompatible-type]
+          const element: ReactNativeElement = node;
           props.vcTracker.addMutationRoot(element);
         }
       }}>
diff --git a/packages/rn-tester/js/examples/NativeAnimation/NativeAnimationsExample.js b/packages/rn-tester/js/examples/NativeAnimation/NativeAnimationsExample.js
index e4f7f4aba38815..c380bebee9648d 100644
--- a/packages/rn-tester/js/examples/NativeAnimation/NativeAnimationsExample.js
+++ b/packages/rn-tester/js/examples/NativeAnimation/NativeAnimationsExample.js
@@ -12,17 +12,16 @@
 
 import type AnimatedValue from 'react-native/Libraries/Animated/nodes/AnimatedValue';
 
-const React = require('react');
-
 import RNTesterSettingSwitchRow from '../../components/RNTesterSettingSwitchRow';
 import useJsStalls from '../../utils/useJsStalls';
 
+const React = require('react');
 const {
-  View,
-  Text,
   Animated,
   StyleSheet,
+  Text,
   TouchableWithoutFeedback,
+  View,
 } = require('react-native');
 
 class Tester extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
diff --git a/packages/rn-tester/js/examples/NewAppScreen/NewAppScreenExample.js b/packages/rn-tester/js/examples/NewAppScreen/NewAppScreenExample.js
index 5d8be8bdf1e1c4..4961fbe4177752 100644
--- a/packages/rn-tester/js/examples/NewAppScreen/NewAppScreenExample.js
+++ b/packages/rn-tester/js/examples/NewAppScreen/NewAppScreenExample.js
@@ -13,10 +13,10 @@
 const React = require('react');
 const {View} = require('react-native');
 const {
-  Header,
-  LearnMoreLinks,
   Colors,
   DebugInstructions,
+  Header,
+  LearnMoreLinks,
   ReloadInstructions,
 } = require('react-native/Libraries/NewAppScreen');
 
diff --git a/packages/rn-tester/js/examples/NewArchitecture/NewArchitectureExample.js b/packages/rn-tester/js/examples/NewArchitecture/NewArchitectureExample.js
index 35ef0c41ad6a51..1c3d7ea68c9a1a 100644
--- a/packages/rn-tester/js/examples/NewArchitecture/NewArchitectureExample.js
+++ b/packages/rn-tester/js/examples/NewArchitecture/NewArchitectureExample.js
@@ -10,8 +10,8 @@
 
 'use strict';
 
-import * as React from 'react';
 import MyNativeView from '../../../NativeComponentExample/js/MyNativeView';
+import * as React from 'react';
 
 exports.title = 'New Architecture Examples';
 exports.description =
diff --git a/packages/rn-tester/js/examples/OrientationChange/OrientationChangeExample.js b/packages/rn-tester/js/examples/OrientationChange/OrientationChangeExample.js
index 16a7260d3e9f93..27ff257ea489e5 100644
--- a/packages/rn-tester/js/examples/OrientationChange/OrientationChangeExample.js
+++ b/packages/rn-tester/js/examples/OrientationChange/OrientationChangeExample.js
@@ -8,12 +8,11 @@
  * @flow
  */
 
-const React = require('react');
+import {type EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
 
+const React = require('react');
 const {DeviceEventEmitter, Text, View} = require('react-native');
 
-import {type EventSubscription} from 'react-native/Libraries/vendor/emitter/EventEmitter';
-
 class OrientationChangeExample extends React.Component<{...}, $FlowFixMeState> {
   _orientationSubscription: EventSubscription;
 
diff --git a/packages/rn-tester/js/examples/PanResponder/PanResponderExample.js b/packages/rn-tester/js/examples/PanResponder/PanResponderExample.js
index 6947ebf97f48f9..5d7cfbd320946e 100644
--- a/packages/rn-tester/js/examples/PanResponder/PanResponderExample.js
+++ b/packages/rn-tester/js/examples/PanResponder/PanResponderExample.js
@@ -5,21 +5,21 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
 
-const React = require('react');
-const {PanResponder, StyleSheet, View} = require('react-native');
-const RNTesterPage = require('../../components/RNTesterPage');
-
 import type {
-  PanResponderInstance,
   GestureState,
+  PanResponderInstance,
 } from 'react-native/Libraries/Interaction/PanResponder';
 import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
+const RNTesterPage = require('../../components/RNTesterPage');
+const React = require('react');
+const {PanResponder, StyleSheet, View} = require('react-native');
+
 type CircleStyles = {
   backgroundColor?: string,
   left?: number,
diff --git a/packages/rn-tester/js/examples/Performance/PerformanceApiExample.js b/packages/rn-tester/js/examples/Performance/PerformanceApiExample.js
index d74358ee4ba814..08a1629fe19b5e 100644
--- a/packages/rn-tester/js/examples/Performance/PerformanceApiExample.js
+++ b/packages/rn-tester/js/examples/Performance/PerformanceApiExample.js
@@ -10,13 +10,13 @@
  */
 
 'use strict';
-import type MemoryInfo from 'react-native/Libraries/WebPerformance/MemoryInfo';
-import type ReactNativeStartupTiming from 'react-native/Libraries/WebPerformance/ReactNativeStartupTiming';
+import type MemoryInfo from 'react-native/src/private/webapis/performance/MemoryInfo';
+import type ReactNativeStartupTiming from 'react-native/src/private/webapis/performance/ReactNativeStartupTiming';
 
-import * as React from 'react';
-import {StyleSheet, View, Text, Button} from 'react-native';
 import RNTesterPage from '../../components/RNTesterPage';
-import Performance from 'react-native/Libraries/WebPerformance/Performance';
+import * as React from 'react';
+import {Button, StyleSheet, Text, View} from 'react-native';
+import Performance from 'react-native/src/private/webapis/performance/Performance';
 
 const {useState, useCallback} = React;
 const performance = new Performance();
@@ -27,8 +27,6 @@ function MemoryExample(): React.Node {
   const onGetMemoryInfo = useCallback(() => {
     // performance.memory is not included in bom.js yet.
     // Once we release the change in flow this can be removed.
-    // $FlowFixMe[prop-missing]
-    // $FlowFixMe[incompatible-call]
     setMemoryInfo(performance.memory);
   }, []);
   return (
@@ -58,9 +56,7 @@ function StartupTimingExample(): React.Node {
   const onGetStartupTiming = useCallback(() => {
     // performance.reactNativeStartupTiming is not included in bom.js yet.
     // Once we release the change in flow this can be removed.
-    // $FlowFixMe[prop-missing]
-    // $FlowFixMe[incompatible-call]
-    setStartUpTiming(performance.reactNativeStartupTiming);
+    setStartUpTiming(performance.rnStartupTiming);
   }, []);
   return (
     <RNTesterPage noScroll={true} title="performance.reactNativeStartupTiming">
diff --git a/packages/rn-tester/js/examples/Performance/PerformanceComparisonExample.js b/packages/rn-tester/js/examples/Performance/PerformanceComparisonExample.js
index 93ab1824c75dd5..896b8defbb8568 100644
--- a/packages/rn-tester/js/examples/Performance/PerformanceComparisonExample.js
+++ b/packages/rn-tester/js/examples/Performance/PerformanceComparisonExample.js
@@ -11,12 +11,13 @@
 
 'use strict';
 
-import * as React from 'react';
-import {StyleSheet, View, Text} from 'react-native';
-import RNTesterPage from '../../components/RNTesterPage';
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+
 import RNTesterButton from '../../components/RNTesterButton';
+import RNTesterPage from '../../components/RNTesterPage';
 import * as performanceComparisonExamples from './performanceComparisonExamples';
-import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+import * as React from 'react';
+import {StyleSheet, Text, View} from 'react-native';
 
 const {useState, useCallback, useMemo} = React;
 const SHOW_NOTHING = 'SHOW_NOTHING';
diff --git a/packages/rn-tester/js/examples/Performance/components/ItemList.js b/packages/rn-tester/js/examples/Performance/components/ItemList.js
index 622b013906d572..d28255d5bc3fd9 100644
--- a/packages/rn-tester/js/examples/Performance/components/ItemList.js
+++ b/packages/rn-tester/js/examples/Performance/components/ItemList.js
@@ -11,11 +11,11 @@
 
 'use strict';
 
-import type {ScrollEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 import type {ItemDataType} from './itemData';
+import type {ScrollEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
 import * as React from 'react';
-import {StyleSheet, View, Text, FlatList, ScrollView} from 'react-native';
+import {FlatList, ScrollView, StyleSheet, Text, View} from 'react-native';
 
 function Item(props: {data: ItemDataType}): React.Node {
   const {data} = props;
diff --git a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/EffectInRenderExample.js b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/EffectInRenderExample.js
index e35e42cc79caa4..0e795dc07bd683 100644
--- a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/EffectInRenderExample.js
+++ b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/EffectInRenderExample.js
@@ -13,11 +13,11 @@
 
 import type {ItemDataType} from '../components/itemData';
 
-import * as React from 'react';
-import {useState, useEffect, useCallback, StrictMode} from 'react';
-import {Text} from 'react-native';
 import {generateRandomItems} from '../components/itemData';
 import ItemList from '../components/ItemList';
+import * as React from 'react';
+import {StrictMode, useCallback, useEffect, useState} from 'react';
+import {Text} from 'react-native';
 
 const TIMEOUT = 500;
 const FETCH_COUNT = 250;
diff --git a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/NotMemoizeExpensiveTaskExample.js b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/NotMemoizeExpensiveTaskExample.js
index da54a78a8b4b14..4c81c639df41f5 100644
--- a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/NotMemoizeExpensiveTaskExample.js
+++ b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/NotMemoizeExpensiveTaskExample.js
@@ -11,9 +11,9 @@
 
 'use strict';
 
+import RNTesterButton from '../../../components/RNTesterButton';
 import * as React from 'react';
 import {Text} from 'react-native';
-import RNTesterButton from '../../../components/RNTesterButton';
 
 const {useState, useMemo} = React;
 
diff --git a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/ReRenderWithNonPureChildExample.js b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/ReRenderWithNonPureChildExample.js
index 7ea36fcfb16aad..c481466ec98cb2 100644
--- a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/ReRenderWithNonPureChildExample.js
+++ b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/ReRenderWithNonPureChildExample.js
@@ -11,11 +11,12 @@
 
 'use strict';
 
+import type {ScrollEvent} from 'react-native/Libraries/Types/CoreEventTypes';
+
+import {LIST_100_ITEMS} from '../components/itemData';
+import ItemList from '../components/ItemList';
 import * as React from 'react';
 import {Text} from 'react-native';
-import ItemList from '../components/ItemList';
-import {LIST_100_ITEMS} from '../components/itemData';
-import type {ScrollEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
 const {useCallback, useState} = React;
 const ItemListMemo = React.memo(ItemList);
diff --git a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/ReRenderWithObjectPropExample.js b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/ReRenderWithObjectPropExample.js
index 5f5ab7354d3f8b..9da14b10054763 100644
--- a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/ReRenderWithObjectPropExample.js
+++ b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/ReRenderWithObjectPropExample.js
@@ -11,11 +11,12 @@
 
 'use strict';
 
+import type {ScrollEvent} from 'react-native/Libraries/Types/CoreEventTypes';
+
+import {LIST_100_ITEMS} from '../components/itemData';
+import ItemList from '../components/ItemList';
 import * as React from 'react';
 import {Text} from 'react-native';
-import ItemList from '../components/ItemList';
-import {LIST_100_ITEMS} from '../components/itemData';
-import type {ScrollEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
 const {useState, useCallback} = React;
 const ItemListMemo = React.memo(ItemList);
diff --git a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/RenderOffscreenContentExample.js b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/RenderOffscreenContentExample.js
index cfc1f4e1a09718..4a5a3a30580039 100644
--- a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/RenderOffscreenContentExample.js
+++ b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/RenderOffscreenContentExample.js
@@ -11,9 +11,9 @@
 
 'use strict';
 
-import * as React from 'react';
-import ItemList from '../components/ItemList';
 import {LIST_100_ITEMS} from '../components/itemData';
+import ItemList from '../components/ItemList';
+import * as React from 'react';
 
 const ItemListMemo = React.memo(ItemList);
 
diff --git a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/SetStateInWrongEffectExample.js b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/SetStateInWrongEffectExample.js
index 07c7668bb44672..d3acfffc03f7e5 100644
--- a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/SetStateInWrongEffectExample.js
+++ b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/SetStateInWrongEffectExample.js
@@ -13,9 +13,9 @@
 
 import type {ItemDataType} from '../components/itemData';
 
-import * as React from 'react';
-import ItemList from '../components/ItemList';
 import {LIST_1000_ITEMS} from '../components/itemData';
+import ItemList from '../components/ItemList';
+import * as React from 'react';
 
 const {useState, useEffect} = React;
 const ItemListMemo = React.memo(ItemList);
diff --git a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/SetStateInWrongEffectExample2.js b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/SetStateInWrongEffectExample2.js
index 07c7668bb44672..d3acfffc03f7e5 100644
--- a/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/SetStateInWrongEffectExample2.js
+++ b/packages/rn-tester/js/examples/Performance/performanceComparisonExamples/SetStateInWrongEffectExample2.js
@@ -13,9 +13,9 @@
 
 import type {ItemDataType} from '../components/itemData';
 
-import * as React from 'react';
-import ItemList from '../components/ItemList';
 import {LIST_1000_ITEMS} from '../components/itemData';
+import ItemList from '../components/ItemList';
+import * as React from 'react';
 
 const {useState, useEffect} = React;
 const ItemListMemo = React.memo(ItemList);
diff --git a/packages/rn-tester/js/examples/PermissionsAndroid/PermissionsExample.js b/packages/rn-tester/js/examples/PermissionsAndroid/PermissionsExample.js
index cd7f3035f93e9c..5bd6dd8abf2474 100644
--- a/packages/rn-tester/js/examples/PermissionsAndroid/PermissionsExample.js
+++ b/packages/rn-tester/js/examples/PermissionsAndroid/PermissionsExample.js
@@ -10,11 +10,10 @@
 
 'use strict';
 
+import RNTesterButton from '../../components/RNTesterButton';
+import RNTOption from '../../components/RNTOption';
 import * as React from 'react';
-
 import {PermissionsAndroid, StyleSheet, Text, View} from 'react-native';
-import RNTOption from '../../components/RNTOption';
-import RNTesterButton from '../../components/RNTesterButton';
 
 function PermissionsExample() {
   const [permission, setPermission] = React.useState(
diff --git a/packages/rn-tester/js/examples/PlatformColor/PlatformColorExample.js b/packages/rn-tester/js/examples/PlatformColor/PlatformColorExample.js
index 6094cd1a112647..1a51dd041c0894 100644
--- a/packages/rn-tester/js/examples/PlatformColor/PlatformColorExample.js
+++ b/packages/rn-tester/js/examples/PlatformColor/PlatformColorExample.js
@@ -8,9 +8,10 @@
  * @flow
  */
 
+import Platform from 'react-native/Libraries/Utilities/Platform';
+
 const React = require('react');
 const ReactNative = require('react-native');
-import Platform from 'react-native/Libraries/Utilities/Platform';
 const {
   ColorWithSystemEffectMacOS, // [macOS]
   DynamicColorIOS,
diff --git a/packages/rn-tester/js/examples/PointerEvents/PointerEventsExample.js b/packages/rn-tester/js/examples/PointerEvents/PointerEventsExample.js
index 069ac9384f04da..f1f4b1ce14a4e5 100644
--- a/packages/rn-tester/js/examples/PointerEvents/PointerEventsExample.js
+++ b/packages/rn-tester/js/examples/PointerEvents/PointerEventsExample.js
@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-
 const {StyleSheet, Text, View} = require('react-native');
 
 type ExampleBoxComponentProps = $ReadOnly<{|
diff --git a/packages/rn-tester/js/examples/PopupMenuAndroid/PopupMenuAndroidExample.js b/packages/rn-tester/js/examples/PopupMenuAndroid/PopupMenuAndroidExample.js
new file mode 100644
index 00000000000000..2b35119e662ed8
--- /dev/null
+++ b/packages/rn-tester/js/examples/PopupMenuAndroid/PopupMenuAndroidExample.js
@@ -0,0 +1,69 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ * @flow
+ */
+
+'use strict';
+
+import type {Node} from 'react';
+import type {PopupMenuAndroidInstance} from 'react-native/Libraries/Components/PopupMenuAndroid/PopupMenuAndroid';
+
+import * as React from 'react';
+import {Button, PopupMenuAndroid, StyleSheet, Text, View} from 'react-native';
+
+type Fruit = 'Apple' | 'Pear' | 'Banana' | 'Orange' | 'Kiwi';
+
+const PopupMenu = () => {
+  const popupRef = React.useRef<?PopupMenuAndroidInstance>();
+  const [fruit, setFruit] = React.useState<?Fruit>();
+  const fruits: Array<Fruit> = ['Apple', 'Pear', 'Banana', 'Orange', 'Kiwi'];
+  const items = fruits.map(item => ({
+    label: item,
+    onPress: () => {
+      setFruit(item);
+    },
+  }));
+
+  return (
+    <View style={styles.container}>
+      {fruit ? <Text>Selected {fruit}</Text> : null}
+      <PopupMenuAndroid
+        instanceRef={popupRef}
+        menuItems={items.map(({label}) => label)}
+        onSelectionChange={selection => items[selection].onPress()}>
+        <Button
+          title="Show PopupMenu!"
+          onPress={() => {
+            popupRef.current?.show();
+          }}
+        />
+      </PopupMenuAndroid>
+    </View>
+  );
+};
+
+const styles = StyleSheet.create({
+  container: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center',
+    padding: 16,
+  },
+});
+
+exports.title = 'PopupMenuAndroid';
+// TODO(T175446328): Publish oss documentation for PopupMenuAndroid
+exports.description = 'PopupMenuAndroid Example';
+exports.examples = [
+  {
+    title: 'PopupMenu Example',
+    render(): Node {
+      return <PopupMenu />;
+    },
+  },
+];
diff --git a/packages/rn-tester/js/examples/RTL/RTLExample.js b/packages/rn-tester/js/examples/RTL/RTLExample.js
index 06eb6c9bbf79bc..a54e78ccad02d4 100644
--- a/packages/rn-tester/js/examples/RTL/RTLExample.js
+++ b/packages/rn-tester/js/examples/RTL/RTLExample.js
@@ -11,21 +11,20 @@
 'use strict';
 
 const React = require('react');
-
 const {
   Alert,
   Animated,
+  Button,
   I18nManager,
   Image,
   PixelRatio,
   Platform,
   StyleSheet,
+  Switch,
   Text,
   TextInput,
   TouchableWithoutFeedback,
-  Switch,
   View,
-  Button,
 } = require('react-native');
 
 type RTLToggleState = {isRTL: boolean, ...};
diff --git a/packages/rn-tester/js/examples/RefreshControl/RefreshControlExample.js b/packages/rn-tester/js/examples/RefreshControl/RefreshControlExample.js
index ce72ac8dd908b3..768945f1fc9686 100644
--- a/packages/rn-tester/js/examples/RefreshControl/RefreshControlExample.js
+++ b/packages/rn-tester/js/examples/RefreshControl/RefreshControlExample.js
@@ -11,9 +11,9 @@
 
 const React = require('react');
 const {
+  RefreshControl,
   ScrollView,
   StyleSheet,
-  RefreshControl,
   Text,
   TouchableWithoutFeedback,
   View,
diff --git a/packages/rn-tester/js/examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp.js b/packages/rn-tester/js/examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp.js
index d5f057edfd7e60..90337842ee74f2 100644
--- a/packages/rn-tester/js/examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp.js
+++ b/packages/rn-tester/js/examples/RootViewSizeFlexibilityExample/RootViewSizeFlexibilityExampleApp.js
@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-
 const {StyleSheet, Text, TouchableHighlight, View} = require('react-native');
 
 class RootViewSizeFlexibilityExampleApp extends React.Component<
diff --git a/packages/rn-tester/js/examples/SafeAreaView/SafeAreaViewExample.js b/packages/rn-tester/js/examples/SafeAreaView/SafeAreaViewExample.js
index a57283becec0ca..e4cba55160fc0f 100644
--- a/packages/rn-tester/js/examples/SafeAreaView/SafeAreaViewExample.js
+++ b/packages/rn-tester/js/examples/SafeAreaView/SafeAreaViewExample.js
@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-
 const {
   Button,
   DeviceInfo,
diff --git a/packages/rn-tester/js/examples/ScrollView/ScrollViewExample.js b/packages/rn-tester/js/examples/ScrollView/ScrollViewExample.js
index 48ccf832ccede5..9c7aa718732b29 100644
--- a/packages/rn-tester/js/examples/ScrollView/ScrollViewExample.js
+++ b/packages/rn-tester/js/examples/ScrollView/ScrollViewExample.js
@@ -82,6 +82,7 @@ class AppendingList extends React.Component<
           nestedScrollEnabled
           style={styles.scrollView}>
           {this.state.items.map(item =>
+            // $FlowFixMe[prop-missing] React.Element internal inspection
             React.cloneElement(item, {key: item.props.msg}),
           )}
         </ScrollView>
@@ -94,6 +95,7 @@ class AppendingList extends React.Component<
           }}
           style={[styles.scrollView, styles.horizontalScrollView]}>
           {this.state.items.map(item =>
+            // $FlowFixMe[prop-missing] React.Element internal inspection
             React.cloneElement(item, {key: item.props.msg, style: null}),
           )}
         </ScrollView>
@@ -191,61 +193,72 @@ function ContentOffsetList(): React.Node {
   );
 }
 
+function ScrollViewScrollToExample(): React.Node {
+  let _scrollView: ?React.ElementRef<typeof ScrollView>;
+  const [scrolledToTop, setScrolledToTop] = useState(false);
+  const textStyle = {color: 'blue', marginBottom: 10, textAlign: 'center'};
+  return (
+    <View>
+      {scrolledToTop ? (
+        <Text style={textStyle}>scrolledToTop invoked</Text>
+      ) : null}
+      <ScrollView
+        accessibilityRole="grid"
+        ref={scrollView => {
+          _scrollView = scrollView;
+        }}
+        automaticallyAdjustContentInsets={false}
+        nestedScrollEnabled
+        onScroll={() => {
+          console.log('onScroll!');
+          setScrolledToTop(false);
+        }}
+        onScrollToTop={() => {
+          setScrolledToTop(true);
+        }}
+        scrollEventThrottle={200}
+        style={styles.scrollView}
+        testID="scroll_vertical">
+        {ITEMS.map(createItemRow)}
+      </ScrollView>
+      <Button
+        label="Scroll to top"
+        onPress={() => {
+          nullthrows<$FlowFixMe>(_scrollView).scrollTo({y: 0});
+        }}
+        testID="scroll_to_top_button"
+      />
+      <Button
+        label="Scroll to bottom"
+        onPress={() => {
+          nullthrows<$FlowFixMe>(_scrollView).scrollToEnd({animated: true});
+        }}
+        testID="scroll_to_bottom_button"
+      />
+      <Button
+        label="Flash scroll indicators"
+        onPress={() => {
+          nullthrows<$FlowFixMe>(_scrollView).flashScrollIndicators();
+        }}
+        testID="flash_scroll_indicators_button"
+      />
+    </View>
+  );
+}
+
 exports.displayName = 'ScrollViewExample';
 exports.title = 'ScrollView';
 exports.documentationURL = 'https://reactnative.dev/docs/scrollview';
 exports.category = 'Basic';
 exports.description =
   'Component that enables scrolling through child components';
-const examples = ([
+const examples: Array<RNTesterModuleExample> = [
   {
     name: 'scrollTo',
     title: '<ScrollView>\n',
     description:
       'To make content scrollable, wrap it within a <ScrollView> component',
-    render: function (): React.Node {
-      let _scrollView: ?React.ElementRef<typeof ScrollView>;
-      return (
-        <View>
-          <ScrollView
-            accessibilityRole="grid"
-            ref={scrollView => {
-              _scrollView = scrollView;
-            }}
-            automaticallyAdjustContentInsets={false}
-            nestedScrollEnabled
-            onScroll={() => {
-              console.log('onScroll!');
-            }}
-            scrollEventThrottle={200}
-            style={styles.scrollView}
-            testID="scroll_vertical">
-            {ITEMS.map(createItemRow)}
-          </ScrollView>
-          <Button
-            label="Scroll to top"
-            onPress={() => {
-              nullthrows<$FlowFixMe>(_scrollView).scrollTo({y: 0});
-            }}
-            testID="scroll_to_top_button"
-          />
-          <Button
-            label="Scroll to bottom"
-            onPress={() => {
-              nullthrows<$FlowFixMe>(_scrollView).scrollToEnd({animated: true});
-            }}
-            testID="scroll_to_bottom_button"
-          />
-          <Button
-            label="Flash scroll indicators"
-            onPress={() => {
-              nullthrows<$FlowFixMe>(_scrollView).flashScrollIndicators();
-            }}
-            testID="flash_scroll_indicators_button"
-          />
-        </View>
-      );
-    },
+    render: ScrollViewScrollToExample,
   },
   {
     name: 'horizontalScrollTo',
@@ -322,7 +335,7 @@ const examples = ([
     },
   },
   {
-    name: 'pressableStickyHeaders',
+    name: 'pressableStickyHeader',
     title: '<ScrollView> Pressable Sticky Header\n',
     description:
       'Press the blue box to toggle it between blue and yellow. The box should remain Pressable after scrolling.',
@@ -412,7 +425,7 @@ const examples = ([
       return <AppendingList />;
     },
   },
-]: Array<RNTesterModuleExample>);
+];
 
 if (Platform.OS === 'ios') {
   examples.push({
diff --git a/packages/rn-tester/js/examples/ScrollView/ScrollViewIndicatorInsetsIOSExample.js b/packages/rn-tester/js/examples/ScrollView/ScrollViewIndicatorInsetsIOSExample.js
index c76de6f7b6b319..d820dfe904c554 100644
--- a/packages/rn-tester/js/examples/ScrollView/ScrollViewIndicatorInsetsIOSExample.js
+++ b/packages/rn-tester/js/examples/ScrollView/ScrollViewIndicatorInsetsIOSExample.js
@@ -8,7 +8,6 @@
 'use strict';
 
 import * as React from 'react';
-
 import {
   Button,
   Modal,
diff --git a/packages/rn-tester/js/examples/ScrollView/ScrollViewKeyboardInsetsIOSExample.js b/packages/rn-tester/js/examples/ScrollView/ScrollViewKeyboardInsetsIOSExample.js
index 04ace36d56c323..95f64433acac44 100644
--- a/packages/rn-tester/js/examples/ScrollView/ScrollViewKeyboardInsetsIOSExample.js
+++ b/packages/rn-tester/js/examples/ScrollView/ScrollViewKeyboardInsetsIOSExample.js
@@ -8,10 +8,9 @@
 'use strict';
 
 import * as React from 'react';
-
 import {
-  ScrollView,
   FlatList,
+  ScrollView,
   StyleSheet,
   Switch,
   Text,
diff --git a/packages/rn-tester/js/examples/ScrollView/ScrollViewSimpleExample.js b/packages/rn-tester/js/examples/ScrollView/ScrollViewSimpleExample.js
index d396a7a341e00b..8add97a844bc35 100644
--- a/packages/rn-tester/js/examples/ScrollView/ScrollViewSimpleExample.js
+++ b/packages/rn-tester/js/examples/ScrollView/ScrollViewSimpleExample.js
@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-
 const {
   ScrollView,
   StyleSheet,
diff --git a/packages/rn-tester/js/examples/SectionList/SectionList-contentInset.js b/packages/rn-tester/js/examples/SectionList/SectionList-contentInset.js
index afd85a6d7ea810..b71ee19aa8e1da 100644
--- a/packages/rn-tester/js/examples/SectionList/SectionList-contentInset.js
+++ b/packages/rn-tester/js/examples/SectionList/SectionList-contentInset.js
@@ -5,13 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
 import SectionListBaseExample from './SectionListBaseExample';
 import * as React from 'react';
-import {View, Text, StyleSheet} from 'react-native';
+import {StyleSheet, Text, View} from 'react-native';
 
 export function SectionList_contentInset(): React.Node {
   const [initialContentInset, toggledContentInset] = [44, 88];
diff --git a/packages/rn-tester/js/examples/SectionList/SectionList-inverted.js b/packages/rn-tester/js/examples/SectionList/SectionList-inverted.js
index 55b84326f6098a..9dbe55819c02f7 100644
--- a/packages/rn-tester/js/examples/SectionList/SectionList-inverted.js
+++ b/packages/rn-tester/js/examples/SectionList/SectionList-inverted.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
diff --git a/packages/rn-tester/js/examples/SectionList/SectionList-scrollable.js b/packages/rn-tester/js/examples/SectionList/SectionList-scrollable.js
index b0039c98eb3c36..1e721bd8f71b30 100644
--- a/packages/rn-tester/js/examples/SectionList/SectionList-scrollable.js
+++ b/packages/rn-tester/js/examples/SectionList/SectionList-scrollable.js
@@ -10,14 +10,10 @@
 
 'use strict';
 import type {Item} from '../../components/ListExampleShared';
-const RNTesterPage = require('../../components/RNTesterPage');
-const React = require('react');
-
-const infoLog = require('react-native/Libraries/Utilities/infoLog');
 
 const {
-  HeaderComponent,
   FooterComponent,
+  HeaderComponent,
   ItemComponent,
   PlainInput,
   SeparatorComponent,
@@ -27,15 +23,18 @@ const {
   renderSmallSwitchOption,
   renderStackedItem,
 } = require('../../components/ListExampleShared');
+const RNTesterPage = require('../../components/RNTesterPage');
+const React = require('react');
 const {
   Alert,
   Animated,
   Button,
+  SectionList,
   StyleSheet,
   Text,
   View,
-  SectionList,
 } = require('react-native');
+const infoLog = require('react-native/Libraries/Utilities/infoLog');
 
 const VIEWABILITY_CONFIG = {
   minimumViewTime: 3000,
@@ -157,6 +156,16 @@ const onScrollToIndexFailed = (info: {
    */
 };
 
+// $FlowFixMe[missing-local-annot]
+const ItemSeparatorComponent = info => (
+  <CustomSeparatorComponent {...info} text="ITEM SEPARATOR" />
+);
+
+// $FlowFixMe[missing-local-annot]
+const SectionSeparatorComponent = info => (
+  <CustomSeparatorComponent {...info} text="SECTION SEPARATOR" />
+);
+
 export function SectionList_scrollable(Props: {
   ...
 }): React.Element<typeof RNTesterPage> {
@@ -281,14 +290,8 @@ export function SectionList_scrollable(Props: {
         ref={ref}
         ListHeaderComponent={HeaderComponent}
         ListFooterComponent={FooterComponent}
-        // $FlowFixMe[missing-local-annot]
-        SectionSeparatorComponent={info => (
-          <CustomSeparatorComponent {...info} text="SECTION SEPARATOR" />
-        )}
-        // $FlowFixMe[missing-local-annot]
-        ItemSeparatorComponent={info => (
-          <CustomSeparatorComponent {...info} text="ITEM SEPARATOR" />
-        )}
+        SectionSeparatorComponent={SectionSeparatorComponent}
+        ItemSeparatorComponent={ItemSeparatorComponent}
         accessibilityRole="list"
         debug={debug}
         inverted={inverted}
diff --git a/packages/rn-tester/js/examples/SectionList/SectionList-stickyHeadersEnabled.js b/packages/rn-tester/js/examples/SectionList/SectionList-stickyHeadersEnabled.js
index 7b4f133430791a..8a9311c34e471f 100644
--- a/packages/rn-tester/js/examples/SectionList/SectionList-stickyHeadersEnabled.js
+++ b/packages/rn-tester/js/examples/SectionList/SectionList-stickyHeadersEnabled.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
diff --git a/packages/rn-tester/js/examples/SectionList/SectionListBaseExample.js b/packages/rn-tester/js/examples/SectionList/SectionListBaseExample.js
index 8df947c8d935a4..1503cd6796bcc8 100644
--- a/packages/rn-tester/js/examples/SectionList/SectionListBaseExample.js
+++ b/packages/rn-tester/js/examples/SectionList/SectionListBaseExample.js
@@ -8,17 +8,16 @@
  * @format
  */
 
+import * as React from 'react';
 import {
-  Pressable,
   Button,
+  Pressable,
   SectionList,
   StyleSheet,
   Text,
   View,
 } from 'react-native';
 
-import * as React from 'react';
-
 const DATA = [
   {
     title: 'Main dishes',
diff --git a/packages/rn-tester/js/examples/SectionList/SectionListIndex.js b/packages/rn-tester/js/examples/SectionList/SectionListIndex.js
index 7badaa3655385c..cf597b44f54cf3 100644
--- a/packages/rn-tester/js/examples/SectionList/SectionListIndex.js
+++ b/packages/rn-tester/js/examples/SectionList/SectionListIndex.js
@@ -5,18 +5,18 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
 
-import Scrollable from './SectionList-scrollable';
 import ContentInset from './SectionList-contentInset';
+import inverted from './SectionList-inverted';
 import onEndReached from './SectionList-onEndReached';
 import onViewableItemsChanged from './SectionList-onViewableItemsChanged';
-import withSeparators from './SectionList-withSeparators';
+import Scrollable from './SectionList-scrollable';
 import stickyHeadersEnabled from './SectionList-stickyHeadersEnabled';
-import inverted from './SectionList-inverted';
+import withSeparators from './SectionList-withSeparators';
 
 exports.title = 'SectionList';
 exports.category = 'ListView';
diff --git a/packages/rn-tester/js/examples/SetPropertiesExample/SetPropertiesExampleApp.js b/packages/rn-tester/js/examples/SetPropertiesExample/SetPropertiesExampleApp.js
index 080cf109f192ec..2fd76f0a9d47c1 100644
--- a/packages/rn-tester/js/examples/SetPropertiesExample/SetPropertiesExampleApp.js
+++ b/packages/rn-tester/js/examples/SetPropertiesExample/SetPropertiesExampleApp.js
@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-
 const {Text, View} = require('react-native');
 
 class SetPropertiesExampleApp extends React.Component<$FlowFixMeProps> {
diff --git a/packages/rn-tester/js/examples/Share/ShareExample.js b/packages/rn-tester/js/examples/Share/ShareExample.js
index af4790ccebbc12..fb81297ca9f666 100644
--- a/packages/rn-tester/js/examples/Share/ShareExample.js
+++ b/packages/rn-tester/js/examples/Share/ShareExample.js
@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-
-const {StyleSheet, View, Text, Button, Share} = require('react-native');
+const {Button, Share, StyleSheet, Text, View} = require('react-native');
 
 const shareMessage = () => {
   // $FlowFixMe[unused-promise]
diff --git a/packages/rn-tester/js/examples/Snapshot/SnapshotExample.js b/packages/rn-tester/js/examples/Snapshot/SnapshotExample.js
index aaa91fe36a6042..dfb43aec60a56c 100644
--- a/packages/rn-tester/js/examples/Snapshot/SnapshotExample.js
+++ b/packages/rn-tester/js/examples/Snapshot/SnapshotExample.js
@@ -10,9 +10,10 @@
 
 'use strict';
 
+const ScreenshotManager = require('../../../NativeModuleExample/NativeScreenshotManager');
+const {RNTesterThemeContext} = require('../../components/RNTesterTheme');
 const React = require('react');
 const {Alert, Image, StyleSheet, Text, View} = require('react-native');
-const ScreenshotManager = require('../../../NativeModuleExample/NativeScreenshotManager');
 
 class ScreenshotExample extends React.Component<{...}, $FlowFixMeState> {
   state: any | {uri: void} = {
@@ -21,12 +22,21 @@ class ScreenshotExample extends React.Component<{...}, $FlowFixMeState> {
 
   render(): React.Node {
     return (
-      <View style={style.container}>
-        <Text onPress={this.takeScreenshot} style={style.button}>
-          Click to take a screenshot
-        </Text>
-        <Image style={style.image} source={{uri: this.state.uri}} />
-      </View>
+      <RNTesterThemeContext.Consumer>
+        {theme => (
+          <View style={style.container}>
+            <Text
+              onPress={this.takeScreenshot}
+              style={[style.button, {color: theme.LabelColor}]}>
+              Click to take a screenshot
+            </Text>
+            <Image
+              style={[style.image, {backgroundColor: theme.LabelColor}]}
+              source={{uri: this.state.uri}}
+            />
+          </View>
+        )}
+      </RNTesterThemeContext.Consumer>
     );
   }
 
@@ -58,7 +68,6 @@ const style = StyleSheet.create({
   image: {
     flex: 1,
     resizeMode: 'contain',
-    backgroundColor: 'black',
   },
 });
 
diff --git a/packages/rn-tester/js/examples/Snapshot/SnapshotViewIOS.ios.js b/packages/rn-tester/js/examples/Snapshot/SnapshotViewIOS.ios.js
index 5bc21379e911d9..c35c47e6c38426 100644
--- a/packages/rn-tester/js/examples/Snapshot/SnapshotViewIOS.ios.js
+++ b/packages/rn-tester/js/examples/Snapshot/SnapshotViewIOS.ios.js
@@ -10,15 +10,14 @@
 
 'use strict';
 
-const React = require('react');
+import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
+import type {SyntheticEvent} from 'react-native/Libraries/Types/CoreEventTypes';
 
+const React = require('react');
 const {NativeModules, StyleSheet, UIManager, View} = require('react-native');
 
 const {TestModule} = NativeModules;
 
-import type {SyntheticEvent} from 'react-native/Libraries/Types/CoreEventTypes';
-import type {ViewProps} from 'react-native/Libraries/Components/View/ViewPropTypes';
-
 // Verify that RCTSnapshot is part of the UIManager since it is only loaded
 // if you have linked against RCTTest like in tests, otherwise we will have
 // a warning printed out
diff --git a/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js b/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js
index 16aa1c42e61a83..7b0f94e2f4a519 100644
--- a/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js
+++ b/packages/rn-tester/js/examples/StatusBar/StatusBarExample.js
@@ -11,14 +11,13 @@
 'use strict';
 
 const React = require('react');
-
 const {
+  Modal,
   StatusBar,
   StyleSheet,
   Text,
   TouchableHighlight,
   View,
-  Modal,
 } = require('react-native');
 
 const colors = ['#ff0000', '#00ff00', '#0000ff', 'rgba(0, 0, 0, 0.4)'];
diff --git a/packages/rn-tester/js/examples/SwipeableCardExample/SwipeableCardExample.js b/packages/rn-tester/js/examples/SwipeableCardExample/SwipeableCardExample.js
index 41ff93ac454bc0..289f0480733d3a 100644
--- a/packages/rn-tester/js/examples/SwipeableCardExample/SwipeableCardExample.js
+++ b/packages/rn-tester/js/examples/SwipeableCardExample/SwipeableCardExample.js
@@ -13,11 +13,11 @@ import type {RenderItemProps} from 'react-native/Libraries/Lists/VirtualizedList
 import * as React from 'react';
 import {
   Animated,
+  FlatList,
   PanResponder,
-  View,
   StyleSheet,
-  FlatList,
   Text,
+  View,
   useWindowDimensions,
 } from 'react-native';
 
diff --git a/packages/rn-tester/js/examples/Switch/SwitchExample.js b/packages/rn-tester/js/examples/Switch/SwitchExample.js
index 3f0056576f128a..cdc8fb1baed3b6 100644
--- a/packages/rn-tester/js/examples/Switch/SwitchExample.js
+++ b/packages/rn-tester/js/examples/Switch/SwitchExample.js
@@ -11,7 +11,7 @@
 'use strict';
 
 const React = require('react');
-const {Switch, Text, View, Platform} = require('react-native');
+const {Platform, Switch, Text, View} = require('react-native');
 
 type OnOffIndicatorProps = $ReadOnly<{|on: boolean, testID: string|}>;
 function OnOffIndicator({on, testID}: OnOffIndicatorProps) {
diff --git a/packages/rn-tester/js/examples/Text/TextAdjustsDynamicLayoutExample.js b/packages/rn-tester/js/examples/Text/TextAdjustsDynamicLayoutExample.js
index cf74027259a83f..b11e72f00f3b31 100644
--- a/packages/rn-tester/js/examples/Text/TextAdjustsDynamicLayoutExample.js
+++ b/packages/rn-tester/js/examples/Text/TextAdjustsDynamicLayoutExample.js
@@ -8,9 +8,9 @@
  * @flow strict-local
  */
 
-import {Button, Text, StyleSheet, View} from 'react-native';
 import * as React from 'react';
 import {useState} from 'react';
+import {Button, StyleSheet, Text, View} from 'react-native';
 
 export default function TextAdjustsDynamicLayoutExample(props: {}): React.Node {
   const [height, setHeight] = useState(20);
diff --git a/packages/rn-tester/js/examples/Text/TextExample.android.js b/packages/rn-tester/js/examples/Text/TextExample.android.js
index a5e8966f15ca2c..94e67090342be5 100644
--- a/packages/rn-tester/js/examples/Text/TextExample.android.js
+++ b/packages/rn-tester/js/examples/Text/TextExample.android.js
@@ -11,14 +11,14 @@
 'use strict';
 
 import type {RNTesterModule} from '../../types/RNTesterTypes';
+
+import TextLegend from '../../components/TextLegend';
 import TextAdjustsDynamicLayoutExample from './TextAdjustsDynamicLayoutExample';
 
 const RNTesterBlock = require('../../components/RNTesterBlock');
 const RNTesterPage = require('../../components/RNTesterPage');
-const React = require('react');
 const TextInlineView = require('../../components/TextInlineView');
-import TextLegend from '../../components/TextLegend';
-
+const React = require('react');
 const {LayoutAnimation, StyleSheet, Text, View} = require('react-native');
 
 class Entity extends React.Component<{|children: React.Node|}> {
diff --git a/packages/rn-tester/js/examples/Text/TextExample.ios.js b/packages/rn-tester/js/examples/Text/TextExample.ios.js
index 6ae2de8bd5a635..f30965dbda7511 100644
--- a/packages/rn-tester/js/examples/Text/TextExample.ios.js
+++ b/packages/rn-tester/js/examples/Text/TextExample.ios.js
@@ -12,11 +12,10 @@
 
 import type {RNTesterModule} from '../../types/RNTesterTypes';
 
-const React = require('react');
-const TextAncestor = require('react-native/Libraries/Text/TextAncestor');
-const TextInlineView = require('../../components/TextInlineView');
 import TextLegend from '../../components/TextLegend';
 
+const TextInlineView = require('../../components/TextInlineView');
+const React = require('react');
 const {
   Button,
   LayoutAnimation,
@@ -25,6 +24,7 @@ const {
   TextInput,
   View,
 } = require('react-native');
+const TextAncestor = require('react-native/Libraries/Text/TextAncestor');
 
 // TODO: Is there a cleaner way to flip the TextAncestor value to false? I
 //   suspect apps won't even be able to leverage this workaround because
diff --git a/packages/rn-tester/js/examples/TextInput/TextInputExample.android.js b/packages/rn-tester/js/examples/TextInput/TextInputExample.android.js
index 5d89b2cdac838b..35347b720cedc6 100644
--- a/packages/rn-tester/js/examples/TextInput/TextInputExample.android.js
+++ b/packages/rn-tester/js/examples/TextInput/TextInputExample.android.js
@@ -5,22 +5,20 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
 
-const React = require('react');
-
-const {Text, TextInput, View, StyleSheet, Switch} = require('react-native');
-
-const TextInputSharedExamples = require('./TextInputSharedExamples.js');
-
 import type {
   RNTesterModule,
   RNTesterModuleExample,
 } from '../../types/RNTesterTypes';
 
+const TextInputSharedExamples = require('./TextInputSharedExamples.js');
+const React = require('react');
+const {StyleSheet, Switch, Text, TextInput, View} = require('react-native');
+
 class ToggleDefaultPaddingExample extends React.Component<
   $FlowFixMeProps,
   $FlowFixMeState,
@@ -198,10 +196,20 @@ const examples: Array<RNTesterModuleExample> = [
             </Text>
           </TextInput>
           <TextInput
-            defaultValue="Highlight Color is red"
+            defaultValue="Selection Color is red"
             selectionColor={'red'}
             style={styles.singleLine}
           />
+          <TextInput
+            defaultValue="Selection handles are red"
+            selectionHandleColor={'red'}
+            style={styles.singleLine}
+          />
+          <TextInput
+            defaultValue="Cursor Color is red"
+            cursorColor={'red'}
+            style={styles.singleLine}
+          />
         </View>
       );
     },
@@ -472,7 +480,7 @@ const examples: Array<RNTesterModuleExample> = [
         'next',
       ];
       const returnKeyLabels = ['Compile', 'React Native'];
-      const examples = returnKeyTypes.map(type => {
+      const returnKeyExamples = returnKeyTypes.map(type => {
         return (
           <TextInput
             key={type}
@@ -494,7 +502,7 @@ const examples: Array<RNTesterModuleExample> = [
       });
       return (
         <View>
-          {examples}
+          {returnKeyExamples}
           {types}
         </View>
       );
diff --git a/packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js b/packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js
index c33e1a52fde104..173de8c0acbb41 100644
--- a/packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js
+++ b/packages/rn-tester/js/examples/TextInput/TextInputExample.ios.js
@@ -10,20 +10,10 @@
 
 'use strict';
 
-const React = require('react');
-
-const {
-  Button,
-  InputAccessoryView,
-  Text,
-  TextInput,
-  View,
-  Image, // [macOS]
-  Platform, // [macOS]
-  StyleSheet,
-  Switch,
-  Alert,
-} = require('react-native');
+import type {
+  RNTesterModule,
+  RNTesterModuleExample,
+} from '../../types/RNTesterTypes';
 // [macOS
 import type {
   KeyboardType,
@@ -32,11 +22,19 @@ import type {
 } from 'react-native/Libraries/Components/TextInput/TextInput'; // macOS]
 
 const TextInputSharedExamples = require('./TextInputSharedExamples.js');
-
-import type {
-  RNTesterModule,
-  RNTesterModuleExample,
-} from '../../types/RNTesterTypes';
+const React = require('react');
+const {
+  Alert,
+  Button,
+  Image, // [macOS]
+  InputAccessoryView,
+  Platform, // [macOS]
+  StyleSheet,
+  Switch,
+  Text,
+  TextInput,
+  View,
+} = require('react-native');
 
 class WithLabel extends React.Component<$FlowFixMeProps> {
   render(): React.Node {
@@ -461,7 +459,7 @@ function OnPaste(): React.Node {
 }
 // macOS]
 
-const examples: Array<RNTesterModuleExample> = [
+const textInputExamples: Array<RNTesterModuleExample> = [
   ...TextInputSharedExamples,
   {
     title: 'Live Re-Write (ひ -> 日)',
@@ -1096,7 +1094,7 @@ const examples: Array<RNTesterModuleExample> = [
 
 // [macOS
 if (Platform.OS === 'macos') {
-  examples.push(
+  textInputExamples.push(
     {
       title:
         'AutoCorrect, spellCheck and grammarCheck callbacks - Multiline Textfield',
@@ -1212,5 +1210,5 @@ module.exports = ({
   documentationURL: 'https://reactnative.dev/docs/textinput',
   category: 'Basic',
   description: 'Single and multi-line text inputs.',
-  examples,
+  examples: textInputExamples,
 }: RNTesterModule);
diff --git a/packages/rn-tester/js/examples/TextInput/TextInputKeyProp.js b/packages/rn-tester/js/examples/TextInput/TextInputKeyProp.js
index 72d520467ef1dd..58a2ab3552be3b 100644
--- a/packages/rn-tester/js/examples/TextInput/TextInputKeyProp.js
+++ b/packages/rn-tester/js/examples/TextInput/TextInputKeyProp.js
@@ -5,13 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
 
 const React = require('react');
-const {View, TextInput} = require('react-native');
+const {TextInput, View} = require('react-native');
 const {useEffect, useState} = React;
 
 function TextInputKeyProp() {
diff --git a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
index 2f78f8163a29b5..ae750b63e66c88 100644
--- a/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
+++ b/packages/rn-tester/js/examples/TextInput/TextInputSharedExamples.js
@@ -10,22 +10,22 @@
 
 'use strict';
 
+import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
+import type {TextStyle} from 'react-native/Libraries/StyleSheet/StyleSheet';
+
+import RNTesterButton from '../../components/RNTesterButton';
+import {RNTesterThemeContext} from '../../components/RNTesterTheme';
 import * as React from 'react';
 import {useContext, useState} from 'react';
 import {
   Button,
   Platform,
+  StyleSheet,
   Text,
   TextInput,
   View,
-  StyleSheet,
   Switch, // [macOS]
 } from 'react-native';
-import type {TextStyle} from 'react-native/Libraries/StyleSheet/StyleSheet';
-
-import RNTesterButton from '../../components/RNTesterButton';
-import {RNTesterThemeContext} from '../../components/RNTesterTheme';
-import type {RNTesterModuleExample} from '../../types/RNTesterTypes';
 
 const styles = StyleSheet.create({
   default: {
diff --git a/packages/rn-tester/js/examples/Timer/TimerExample.js b/packages/rn-tester/js/examples/Timer/TimerExample.js
index 166674d31aa473..ddcd9d99ffe9ba 100644
--- a/packages/rn-tester/js/examples/Timer/TimerExample.js
+++ b/packages/rn-tester/js/examples/Timer/TimerExample.js
@@ -12,8 +12,7 @@
 
 const RNTesterButton = require('../../components/RNTesterButton');
 const React = require('react');
-
-const {Alert, Platform, ToastAndroid, Text, View} = require('react-native');
+const {Alert, Platform, Text, ToastAndroid, View} = require('react-native');
 
 function burnCPU(milliseconds: number) {
   const start = global.performance.now();
diff --git a/packages/rn-tester/js/examples/ToastAndroid/ToastAndroidExample.js b/packages/rn-tester/js/examples/ToastAndroid/ToastAndroidExample.js
index cdc97ab4a4c025..03366f4fbc2149 100644
--- a/packages/rn-tester/js/examples/ToastAndroid/ToastAndroidExample.js
+++ b/packages/rn-tester/js/examples/ToastAndroid/ToastAndroidExample.js
@@ -5,14 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 'use strict';
 
 const React = require('react');
-
-const {StyleSheet, Text, ToastAndroid, Pressable} = require('react-native');
+const {Pressable, StyleSheet, Text, ToastAndroid} = require('react-native');
 
 const ToastWithShortDuration = () => {
   return (
diff --git a/packages/rn-tester/js/examples/Touchable/TouchableExample.js b/packages/rn-tester/js/examples/Touchable/TouchableExample.js
index 198a07a4e7e928..a4564abedf3b08 100644
--- a/packages/rn-tester/js/examples/Touchable/TouchableExample.js
+++ b/packages/rn-tester/js/examples/Touchable/TouchableExample.js
@@ -8,23 +8,22 @@
  * @flow
  */
 
-const React = require('react');
+import {useEffect, useRef, useState} from 'react';
 
+const React = require('react');
 const {
   Animated,
   Image,
+  Platform,
   StyleSheet,
   Text,
   TouchableHighlight,
-  TouchableOpacity,
-  Platform,
   TouchableNativeFeedback,
+  TouchableOpacity,
   TouchableWithoutFeedback,
   View,
 } = require('react-native');
 
-import {useEffect, useRef, useState} from 'react';
-
 const forceTouchAvailable =
   (Platform.OS === 'ios' && Platform.constants.forceTouchAvailable) || false;
 
diff --git a/packages/rn-tester/js/examples/Transform/TransformExample.js b/packages/rn-tester/js/examples/Transform/TransformExample.js
index 48ac0e0e4be6ee..75370c931cc47c 100644
--- a/packages/rn-tester/js/examples/Transform/TransformExample.js
+++ b/packages/rn-tester/js/examples/Transform/TransformExample.js
@@ -8,10 +8,10 @@
  * @flow
  */
 
-import React, {useEffect, useState} from 'react';
-import {Animated, StyleSheet, Text, View, Easing} from 'react-native';
+import type {Element, Node} from 'react';
 
-import type {Node, Element} from 'react';
+import React, {useEffect, useState} from 'react';
+import {Animated, Easing, StyleSheet, Text, View} from 'react-native';
 
 function AnimateTransformSingleProp() {
   const [theta] = useState(new Animated.Value(45));
@@ -247,6 +247,7 @@ const styles = StyleSheet.create({
     marginVertical: 40,
     flex: 1,
     alignSelf: 'center',
+    zIndex: 0,
   },
   flipCard: {
     width: 200,
@@ -255,7 +256,6 @@ const styles = StyleSheet.create({
     justifyContent: 'center',
     backgroundColor: 'blue',
     backfaceVisibility: 'hidden',
-    zIndex: 1024,
   },
   flipCard1: {
     position: 'absolute',
diff --git a/packages/rn-tester/js/examples/TransparentHitTest/TransparentHitTestExample.js b/packages/rn-tester/js/examples/TransparentHitTest/TransparentHitTestExample.js
index cf9885d25205ee..6419d40e8619d6 100644
--- a/packages/rn-tester/js/examples/TransparentHitTest/TransparentHitTestExample.js
+++ b/packages/rn-tester/js/examples/TransparentHitTest/TransparentHitTestExample.js
@@ -11,7 +11,7 @@
 'use strict';
 
 const React = require('react');
-const {Text, View, TouchableOpacity, Alert} = require('react-native');
+const {Alert, Text, TouchableOpacity, View} = require('react-native');
 
 class TransparentHitTestExample extends React.Component<{...}> {
   render(): React.Node {
diff --git a/packages/rn-tester/js/examples/TurboModule/LegacyModuleExample.js b/packages/rn-tester/js/examples/TurboModule/LegacyModuleExample.js
index 65d269e4aa7014..93708115af48fa 100644
--- a/packages/rn-tester/js/examples/TurboModule/LegacyModuleExample.js
+++ b/packages/rn-tester/js/examples/TurboModule/LegacyModuleExample.js
@@ -10,10 +10,10 @@
 
 'use strict';
 
-const React = require('react');
 const {
   default: SampleLegacyModuleExample,
 } = require('./SampleLegacyModuleExample');
+const React = require('react');
 
 exports.displayName = (undefined: ?string);
 exports.title = 'Legacy Native Module';
diff --git a/packages/rn-tester/js/examples/TurboModule/NativeCxxModuleExampleExample.js b/packages/rn-tester/js/examples/TurboModule/NativeCxxModuleExampleExample.js
index 3aeb55e8040770..bfdb6222621ca7 100644
--- a/packages/rn-tester/js/examples/TurboModule/NativeCxxModuleExampleExample.js
+++ b/packages/rn-tester/js/examples/TurboModule/NativeCxxModuleExampleExample.js
@@ -10,21 +10,20 @@
 
 import type {RootTag} from 'react-native/Libraries/ReactNative/RootTag';
 
-import {
-  DeviceEventEmitter,
-  Text,
-  View,
-  FlatList,
-  TouchableOpacity,
-  RootTagContext,
-} from 'react-native';
-import * as React from 'react';
 import NativeCxxModuleExample, {
   EnumInt,
   EnumNone,
 } from '../../../NativeCxxModuleExample/NativeCxxModuleExample';
-
 import styles from './TurboModuleExampleCommon';
+import * as React from 'react';
+import {
+  DeviceEventEmitter,
+  FlatList,
+  RootTagContext,
+  Text,
+  TouchableOpacity,
+  View,
+} from 'react-native';
 
 type State = {|
   testResults: {
@@ -43,6 +42,9 @@ type Examples =
   | 'getBool'
   | 'getConstants'
   | 'getCustomEnum'
+  | 'getCustomHostObject'
+  | 'getBinaryTreeNode'
+  | 'getGraphNode'
   | 'getNumEnum'
   | 'getStrEnum'
   | 'getMap'
@@ -55,8 +57,11 @@ type Examples =
   | 'promise'
   | 'rejectPromise'
   | 'voidFunc'
+  | 'setMenuItem'
   | 'optionalArgs'
-  | 'emitDeviceEvent'
+  | 'emitDeviceEvent';
+
+type ErrorExamples =
   | 'voidFuncThrows'
   | 'getObjectThrows'
   | 'promiseThrows'
@@ -78,6 +83,16 @@ class NativeCxxModuleExampleExample extends React.Component<{||}, State> {
       NativeCxxModuleExample?.getValueWithCallback(callbackValue =>
         this._setResult('callback', callbackValue),
       ),
+    callbackWithSubscription: () => {
+      const subscription =
+        NativeCxxModuleExample?.setValueCallbackWithSubscription(
+          callbackValue =>
+            this._setResult('callbackWithSubscription', callbackValue),
+        );
+      if (subscription) {
+        subscription();
+      }
+    },
     getArray: () =>
       NativeCxxModuleExample?.getArray([
         {a: 1, b: 'foo'},
@@ -91,6 +106,17 @@ class NativeCxxModuleExampleExample extends React.Component<{||}, State> {
       NativeCxxModuleExample?.consumeCustomHostObject(
         NativeCxxModuleExample?.getCustomHostObject(),
       ),
+    getBinaryTreeNode: () =>
+      NativeCxxModuleExample?.getBinaryTreeNode({
+        left: {value: 1},
+        value: 0,
+        right: {value: 2},
+      }),
+    getGraphNode: () =>
+      NativeCxxModuleExample?.getGraphNode({
+        label: 'root',
+        neighbors: [{label: 'left'}, {label: 'right'}],
+      }),
     getNumEnum: () => NativeCxxModuleExample?.getNumEnum(EnumInt.IB),
     getStrEnum: () => NativeCxxModuleExample?.getStrEnum(EnumNone.NB),
     getNumber: () => NativeCxxModuleExample?.getNumber(99.95),
@@ -110,6 +136,28 @@ class NativeCxxModuleExampleExample extends React.Component<{||}, State> {
         .then(() => {})
         .catch(e => this._setResult('rejectPromise', e.message)),
     voidFunc: () => NativeCxxModuleExample?.voidFunc(),
+    setMenuItem: () => {
+      let curValue = '';
+      NativeCxxModuleExample?.setMenu({
+        label: 'File',
+        onPress: (value: string, flag: boolean) => {
+          curValue = `${value}: ${flag.toString()}`;
+          this._setResult('setMenuItem', curValue);
+        },
+        items: [
+          {
+            label: 'Open',
+            onPress: (value: string, flag: boolean) => {
+              this._setResult(
+                'setMenuItem',
+                `${curValue} - ${value}: ${flag.toString()}`,
+              );
+            },
+          },
+        ],
+        shortcut: 'ctrl+shift+f',
+      });
+    },
     optionalArgs: () => NativeCxxModuleExample?.getWithWithOptionalArgs(),
     emitDeviceEvent: () => {
       const CUSTOM_EVENT_TYPE = 'myCustomDeviceEvent';
@@ -122,6 +170,10 @@ class NativeCxxModuleExampleExample extends React.Component<{||}, State> {
       });
       NativeCxxModuleExample?.emitCustomDeviceEvent(CUSTOM_EVENT_TYPE);
     },
+  };
+
+  // $FlowFixMe[missing-local-annot]
+  _errorTests = {
     voidFuncThrows: () => {
       try {
         NativeCxxModuleExample?.voidFuncThrows();
@@ -193,7 +245,7 @@ class NativeCxxModuleExampleExample extends React.Component<{||}, State> {
     }));
   }
 
-  _renderResult(name: Examples): React.Node {
+  _renderResult(name: Examples | ErrorExamples): React.Node {
     const result = this.state.testResults[name] || {};
     return (
       <View style={styles.result}>
@@ -222,7 +274,7 @@ class NativeCxxModuleExampleExample extends React.Component<{||}, State> {
                 this._setResult(item, this._tests[item]()),
               )
             }>
-            <Text style={styles.buttonTextLarge}>Run all tests</Text>
+            <Text style={styles.buttonTextLarge}>Run function call tests</Text>
           </TouchableOpacity>
           <TouchableOpacity
             onPress={() => this.setState({testResults: {}})}
@@ -245,6 +297,24 @@ class NativeCxxModuleExampleExample extends React.Component<{||}, State> {
             </View>
           )}
         />
+        <View style={styles.item}>
+          <Text style={styles.buttonTextLarge}>Report errors tests</Text>
+        </View>
+        <FlatList
+          // $FlowFixMe[incompatible-type-arg]
+          data={Object.keys(this._errorTests)}
+          keyExtractor={item => item}
+          renderItem={({item}: {item: ErrorExamples, ...}) => (
+            <View style={styles.item}>
+              <TouchableOpacity
+                style={[styles.column, styles.button]}
+                onPress={e => this._setResult(item, this._errorTests[item]())}>
+                <Text style={styles.buttonText}>{item}</Text>
+              </TouchableOpacity>
+              <View style={[styles.column]}>{this._renderResult(item)}</View>
+            </View>
+          )}
+        />
       </View>
     );
   }
diff --git a/packages/rn-tester/js/examples/TurboModule/SampleLegacyModuleExample.js b/packages/rn-tester/js/examples/TurboModule/SampleLegacyModuleExample.js
index cbc298a2067147..79ca96d27c518f 100644
--- a/packages/rn-tester/js/examples/TurboModule/SampleLegacyModuleExample.js
+++ b/packages/rn-tester/js/examples/TurboModule/SampleLegacyModuleExample.js
@@ -10,19 +10,18 @@
 
 import type {RootTag} from 'react-native/Libraries/ReactNative/RootTag';
 
+import styles from './TurboModuleExampleCommon';
 import * as React from 'react';
 import {
   FlatList,
   NativeModules,
+  Platform,
   RootTagContext,
   Text,
   TouchableOpacity,
   View,
-  Platform,
 } from 'react-native';
 
-import styles from './TurboModuleExampleCommon';
-
 type State = {|
   testResults: {
     [string]: {
@@ -50,6 +49,22 @@ function getSampleLegacyModule() {
   return module;
 }
 
+function stringify(obj: mixed): string {
+  function replacer(_: string, value: mixed) {
+    if (value instanceof Object && !(value instanceof Array)) {
+      return Object.keys(value ?? {})
+        .sort()
+        .reduce((sorted: {[key: string]: mixed}, key: string) => {
+          sorted[key] = (value ?? {})[key];
+          return sorted;
+        }, {});
+    }
+    return value;
+  }
+
+  return (JSON.stringify(obj, replacer) || '').replaceAll('"', "'");
+}
+
 class SampleLegacyModuleExample extends React.Component<{||}, State> {
   static contextType: React$Context<RootTag> = RootTagContext;
 
@@ -119,7 +134,7 @@ class SampleLegacyModuleExample extends React.Component<{||}, State> {
           getObjectInteger: () => getSampleLegacyModule()?.getObjectInteger(99),
           getObjectFloat: () => getSampleLegacyModule()?.getObjectFloat(99.95),
           getString: () => getSampleLegacyModule()?.getString('Hello'),
-          getRootTag: () => getSampleLegacyModule()?.getRootTag(this.context),
+          getRootTag: () => getSampleLegacyModule()?.getRootTag(11),
           getObject: () =>
             getSampleLegacyModule()?.getObject({a: 1, b: 'foo', c: null}),
           getUnsafeObject: () =>
@@ -171,7 +186,7 @@ class SampleLegacyModuleExample extends React.Component<{||}, State> {
     return (
       <View style={styles.result}>
         <Text testID={name + '-result'} style={[styles.value]}>
-          {(JSON.stringify(result.value) || '').replaceAll('"', "'")}
+          {stringify(result.value)}
         </Text>
         <Text style={[styles.type]}>{result.type}</Text>
       </View>
diff --git a/packages/rn-tester/js/examples/TurboModule/SampleTurboModuleExample.js b/packages/rn-tester/js/examples/TurboModule/SampleTurboModuleExample.js
index 57a2be7f582425..7e3a979ec5b0d9 100644
--- a/packages/rn-tester/js/examples/TurboModule/SampleTurboModuleExample.js
+++ b/packages/rn-tester/js/examples/TurboModule/SampleTurboModuleExample.js
@@ -8,19 +8,19 @@
  * @flow strict-local
  */
 
-import NativeSampleTurboModule from 'react-native/Libraries/TurboModule/samples/NativeSampleTurboModule';
-import {EnumInt} from 'react-native/Libraries/TurboModule/samples/NativeSampleTurboModule';
 import type {RootTag} from 'react-native/Libraries/ReactNative/RootTag';
+
+import styles from './TurboModuleExampleCommon';
+import * as React from 'react';
 import {
-  Text,
-  View,
   FlatList,
-  TouchableOpacity,
   RootTagContext,
+  Text,
+  TouchableOpacity,
+  View,
 } from 'react-native';
-
-import styles from './TurboModuleExampleCommon';
-import * as React from 'react';
+import NativeSampleTurboModule from 'react-native/Libraries/TurboModule/samples/NativeSampleTurboModule';
+import {EnumInt} from 'react-native/Libraries/TurboModule/samples/NativeSampleTurboModule';
 
 type State = {|
   testResults: {
@@ -54,7 +54,10 @@ class SampleTurboModuleExample extends React.Component<{||}, State> {
     rejectPromise: () =>
       NativeSampleTurboModule.getValueWithPromise(true)
         .then(() => {})
-        .catch(e => this._setResult('rejectPromise', e.message)),
+        .catch(e => {
+          console.error(e);
+          this._setResult('rejectPromise', e.message);
+        }),
     getConstants: () => NativeSampleTurboModule.getConstants(),
     voidFunc: () => NativeSampleTurboModule.voidFunc(),
     getBool: () => NativeSampleTurboModule.getBool(true),
@@ -81,6 +84,7 @@ class SampleTurboModuleExample extends React.Component<{||}, State> {
       try {
         NativeSampleTurboModule.voidFuncThrows?.();
       } catch (e) {
+        console.error(e);
         return e.message;
       }
     },
@@ -88,21 +92,23 @@ class SampleTurboModuleExample extends React.Component<{||}, State> {
       try {
         NativeSampleTurboModule.getObjectThrows?.({a: 1, b: 'foo', c: null});
       } catch (e) {
+        console.error(e);
         return e.message;
       }
     },
     promiseThrows: () => {
-      try {
-        // $FlowFixMe[unused-promise]
-        NativeSampleTurboModule.promiseThrows?.();
-      } catch (e) {
-        return e.message;
-      }
+      NativeSampleTurboModule.promiseThrows?.()
+        .then(() => {})
+        .catch(e => {
+          console.error(e);
+          this._setResult('promiseThrows', e.message);
+        });
     },
     voidFuncAssert: () => {
       try {
         NativeSampleTurboModule.voidFuncAssert?.();
       } catch (e) {
+        console.error(e);
         return e.message;
       }
     },
@@ -110,16 +116,17 @@ class SampleTurboModuleExample extends React.Component<{||}, State> {
       try {
         NativeSampleTurboModule.getObjectAssert?.({a: 1, b: 'foo', c: null});
       } catch (e) {
+        console.error(e);
         return e.message;
       }
     },
     promiseAssert: () => {
-      try {
-        // $FlowFixMe[unused-promise]
-        NativeSampleTurboModule.promiseAssert?.();
-      } catch (e) {
-        return e.message;
-      }
+      NativeSampleTurboModule.promiseAssert?.()
+        .then(() => {})
+        .catch(e => {
+          console.error(e);
+          this._setResult('promiseAssert', e.message);
+        });
     },
   };
 
diff --git a/packages/rn-tester/js/examples/TurboModule/TurboCxxModuleExample.js b/packages/rn-tester/js/examples/TurboModule/TurboCxxModuleExample.js
index 18e9f53ae249d9..6d60192de7ce22 100644
--- a/packages/rn-tester/js/examples/TurboModule/TurboCxxModuleExample.js
+++ b/packages/rn-tester/js/examples/TurboModule/TurboCxxModuleExample.js
@@ -10,8 +10,8 @@
 
 'use strict';
 
-const React = require('react');
 const NativeCxxModuleExampleExample = require('./NativeCxxModuleExampleExample');
+const React = require('react');
 
 exports.displayName = (undefined: ?string);
 exports.title = 'Cxx TurboModule';
diff --git a/packages/rn-tester/js/examples/TurboModule/TurboModuleExample.js b/packages/rn-tester/js/examples/TurboModule/TurboModuleExample.js
index e177529316a7f5..f70d00b85bd549 100644
--- a/packages/rn-tester/js/examples/TurboModule/TurboModuleExample.js
+++ b/packages/rn-tester/js/examples/TurboModule/TurboModuleExample.js
@@ -10,8 +10,8 @@
 
 'use strict';
 
-const React = require('react');
 const SampleTurboModuleExample = require('./SampleTurboModuleExample');
+const React = require('react');
 
 exports.displayName = (undefined: ?string);
 exports.title = 'TurboModule';
diff --git a/packages/rn-tester/js/examples/Vibration/VibrationExample.js b/packages/rn-tester/js/examples/Vibration/VibrationExample.js
index bcc08ca29099c0..cb0371fe653fb5 100644
--- a/packages/rn-tester/js/examples/Vibration/VibrationExample.js
+++ b/packages/rn-tester/js/examples/Vibration/VibrationExample.js
@@ -11,14 +11,13 @@
 'use strict';
 
 const React = require('react');
-
 const {
+  Platform,
   StyleSheet,
-  View,
   Text,
   TouchableHighlight,
   Vibration,
-  Platform,
+  View,
 } = require('react-native');
 
 exports.framework = 'React';
diff --git a/packages/rn-tester/js/examples/View/ViewExample.js b/packages/rn-tester/js/examples/View/ViewExample.js
index bd278ccd7ed32b..d8989b90744179 100644
--- a/packages/rn-tester/js/examples/View/ViewExample.js
+++ b/packages/rn-tester/js/examples/View/ViewExample.js
@@ -11,14 +11,9 @@
 'use strict';
 
 import type {RNTesterModule} from '../../types/RNTesterTypes';
+
 import * as React from 'react';
-import {
-  StyleSheet,
-  Text,
-  TouchableWithoutFeedback,
-  View,
-  Platform,
-} from 'react-native';
+import {Platform, Pressable, StyleSheet, Text, View} from 'react-native';
 
 class ViewBorderStyleExample extends React.Component<
   $ReadOnly<{||}>,
@@ -30,9 +25,7 @@ class ViewBorderStyleExample extends React.Component<
 
   render(): React.Node {
     return (
-      <TouchableWithoutFeedback
-        testID="border-style-button"
-        onPress={this._handlePress}>
+      <Pressable testID="border-style-button" onPress={this._handlePress}>
         <View>
           <View
             style={[
@@ -65,7 +58,7 @@ class ViewBorderStyleExample extends React.Component<
             <Text style={{fontSize: 11}}>Dotted border style</Text>
           </View>
         </View>
-      </TouchableWithoutFeedback>
+      </Pressable>
     );
   }
 
@@ -95,7 +88,7 @@ class OffscreenAlphaCompositing extends React.Component<
 
   render(): React.Node {
     return (
-      <TouchableWithoutFeedback
+      <Pressable
         testID="offscreen-alpha-compositing-button"
         onPress={this._handlePress}>
         <View>
@@ -148,7 +141,7 @@ class OffscreenAlphaCompositing extends React.Component<
             />
           </View>
         </View>
-      </TouchableWithoutFeedback>
+      </Pressable>
     );
   }
 
@@ -180,9 +173,7 @@ class ZIndexExample extends React.Component<
   render(): React.Node {
     const indices = this.state.flipped ? [-1, 0, 1, 2] : [2, 1, 0, -1];
     return (
-      <TouchableWithoutFeedback
-        testID="z-index-button"
-        onPress={this._handlePress}>
+      <Pressable testID="z-index-button" onPress={this._handlePress}>
         <View>
           <Text style={{paddingBottom: 10}}>Tap to flip sorting order</Text>
           <View
@@ -230,7 +221,7 @@ class ZIndexExample extends React.Component<
             <Text>ZIndex {indices[3]}</Text>
           </View>
         </View>
-      </TouchableWithoutFeedback>
+      </Pressable>
     );
   }
 
@@ -239,6 +230,78 @@ class ZIndexExample extends React.Component<
   };
 }
 
+function PositionStaticZIndexExample(): React.Node {
+  return (
+    <View
+      testID="view-test-zindex-with-static"
+      style={{backgroundColor: 'yellow', flexDirection: 'row'}}>
+      <View
+        style={{
+          backgroundColor: 'red',
+          width: 100,
+          height: 100,
+          position: 'relative',
+          left: 10,
+        }}>
+        <View
+          style={{
+            backgroundColor: 'purple',
+            width: 50,
+            height: 50,
+            top: 30,
+            left: 65,
+            position: 'relative',
+          }}
+        />
+      </View>
+      <View
+        style={{
+          backgroundColor: 'blue',
+          width: 100,
+          height: 100,
+          zIndex: 100,
+          position: 'static',
+        }}>
+        <View
+          style={{
+            backgroundColor: 'orange',
+            width: 50,
+            height: 50,
+            top: 10,
+            position: 'relative',
+          }}
+        />
+        <View
+          style={{
+            backgroundColor: 'brown',
+            width: 50,
+            height: 50,
+            position: 'static',
+          }}>
+          <View
+            style={{
+              backgroundColor: 'black',
+              width: 25,
+              height: 25,
+              top: -10,
+              position: 'relative',
+            }}
+          />
+        </View>
+      </View>
+      <View
+        style={{
+          backgroundColor: 'green',
+          width: 100,
+          height: 100,
+          position: 'relative',
+          left: -20,
+        }}
+      />
+    </View>
+  );
+}
+
 class DisplayNoneStyle extends React.Component<
   $ReadOnly<{||}>,
   {|
@@ -251,9 +314,7 @@ class DisplayNoneStyle extends React.Component<
 
   render(): React.Node {
     return (
-      <TouchableWithoutFeedback
-        testID="display-none-button"
-        onPress={this._handlePress}>
+      <Pressable testID="display-none-button" onPress={this._handlePress}>
         <View>
           <Text style={{paddingBottom: 10}}>
             Press to toggle `display: none`
@@ -299,7 +360,7 @@ class DisplayNoneStyle extends React.Component<
             }}
           />
         </View>
-      </TouchableWithoutFeedback>
+      </Pressable>
     );
   }
 
@@ -342,9 +403,13 @@ class FlexGapExample extends React.Component<$ReadOnly<{|testID?: ?string|}>> {
   }
 }
 
-function LayoutConformanceExample(): React.Node {
+function LayoutConformanceExample({
+  testID,
+}: $ReadOnly<{testID: ?string}>): React.Node {
   return (
-    <View style={{flexDirection: 'row', gap: 10}}>
+    <View
+      style={{flexDirection: 'row', gap: 10}}
+      testID="view-test-layout-conformance">
       <View>
         <Text>Unset</Text>
         <LayoutConformanceBox />
@@ -366,8 +431,8 @@ function LayoutConformanceBox(): React.Node {
     <View
       style={{
         backgroundColor: 'blue',
-        width: 100,
-        height: 100,
+        width: 60,
+        height: 60,
         flexDirection: 'row',
         alignItems: 'center',
       }}>
@@ -377,7 +442,7 @@ function LayoutConformanceBox(): React.Node {
         }}>
         <View
           style={{
-            height: 50,
+            height: 30,
             backgroundColor: 'red',
             flexGrow: 1,
           }}
@@ -398,10 +463,10 @@ export default ({
     {
       title: 'Background Color',
       name: 'background-color',
-      render({testID}): React.Node {
+      render(): React.Node {
         return (
           <View
-            testID={testID}
+            testID="view-test-background-color"
             style={{backgroundColor: '#527FE4', padding: 5}}>
             <Text style={{fontSize: 11}}>Blue background</Text>
           </View>
@@ -411,10 +476,10 @@ export default ({
     {
       title: 'Border',
       name: 'border',
-      render({testID}): React.Node {
+      render(): React.Node {
         return (
           <View
-            testID={testID}
+            testID="view-test-border"
             style={{borderColor: '#527FE4', borderWidth: 5, padding: 10}}>
             <Text style={{fontSize: 11}}>5px blue border</Text>
           </View>
@@ -424,7 +489,7 @@ export default ({
     {
       title: 'Padding/Margin',
       name: 'padding-margin',
-      render({testID}): React.Node {
+      render(): React.Node {
         const styles = StyleSheet.create({
           box: {
             backgroundColor: '#527FE4',
@@ -434,7 +499,7 @@ export default ({
         });
         return (
           <View
-            testID={testID}
+            testID="view-test-padding-margin"
             style={{borderColor: '#bb0000', borderWidth: 0.5}}>
             <View style={[styles.box, {padding: 5}]}>
               <Text style={{fontSize: 11}}>5px padding</Text>
@@ -457,9 +522,9 @@ export default ({
     {
       title: 'Border Radius',
       name: 'border-radius',
-      render({testID}): React.Node {
+      render(): React.Node {
         return (
-          <View testID={testID}>
+          <View testID="view-test-border-radius">
             <View style={{borderWidth: 0.5, borderRadius: 5, padding: 5}}>
               <Text style={{fontSize: 11}}>
                 Too much use of `borderRadius` (especially large radii) on
@@ -495,10 +560,10 @@ export default ({
     {
       title: 'Rounded Borders',
       name: 'rounded-borders',
-      render({testID}): React.Node {
+      render(): React.Node {
         return (
           <View
-            testID={testID}
+            testID="view-test-rounded-borders"
             style={{flexDirection: 'row', flexWrap: 'wrap'}}>
             <View
               style={{
@@ -585,7 +650,7 @@ export default ({
     {
       title: 'Overflow',
       name: 'overflow',
-      render({testID}): React.Node {
+      render(): React.Node {
         const styles = StyleSheet.create({
           container: {
             borderWidth: StyleSheet.hairlineWidth,
@@ -603,7 +668,7 @@ export default ({
         // NOTE: The <View> that sets `overflow` should only have other layout
         // styles so that we can accurately test view flattening optimizations.
         return (
-          <View testID={testID} style={{flexDirection: 'row'}}>
+          <View testID="view-test-overflow" style={{flexDirection: 'row'}}>
             <View style={styles.container}>
               <View style={[StyleSheet.absoluteFill]}>
                 <Text style={styles.content}>undefined</Text>
@@ -626,9 +691,9 @@ export default ({
     {
       title: 'Opacity',
       name: 'opacity',
-      render({testID}): React.Node {
+      render(): React.Node {
         return (
-          <View testID={testID}>
+          <View testID="view-test-opacity">
             <View style={{opacity: 0}}>
               <Text>Opacity 0</Text>
             </View>
@@ -657,8 +722,10 @@ export default ({
     {
       title: 'Offscreen Alpha Compositing',
       name: 'offscreen-alpha-compositing',
-      render({testID}): React.Node {
-        return <OffscreenAlphaCompositing testID={testID} />;
+      render(): React.Node {
+        return (
+          <OffscreenAlphaCompositing testID="view-test-offscreen-alpha-compositing" />
+        );
       },
     },
     {
@@ -668,6 +735,11 @@ export default ({
         return <ZIndexExample />;
       },
     },
+    {
+      title: 'ZIndex With Static',
+      name: 'zindex-with-static',
+      render: PositionStaticZIndexExample,
+    },
     {
       title: '`display: none` style',
       name: 'display-none',
@@ -678,17 +750,17 @@ export default ({
     {
       title: 'BackfaceVisibility',
       name: 'backface-visibility',
-      render({testID}): React.Node {
+      render(): React.Node {
         return (
-          <View testID={testID}>
+          <View testID="view-test-backface-visibility">
             <Text style={{paddingBottom: 10}}>
               View #1, front is visible, back is hidden.
             </Text>
             <View style={{justifyContent: 'center', alignItems: 'center'}}>
               <View
                 style={{
-                  height: 200,
-                  width: 200,
+                  height: 150,
+                  width: 150,
                   justifyContent: 'center',
                   alignItems: 'center',
                   backgroundColor: 'blue',
@@ -698,8 +770,8 @@ export default ({
               </View>
               <View
                 style={{
-                  height: 200,
-                  width: 200,
+                  height: 150,
+                  width: 150,
                   justifyContent: 'center',
                   alignItems: 'center',
                   backgroundColor: 'red',
@@ -717,8 +789,8 @@ export default ({
             <View style={{justifyContent: 'center', alignItems: 'center'}}>
               <View
                 style={{
-                  height: 200,
-                  width: 200,
+                  height: 150,
+                  width: 150,
                   justifyContent: 'center',
                   alignItems: 'center',
                   backgroundColor: 'blue',
@@ -728,8 +800,8 @@ export default ({
               </View>
               <View
                 style={{
-                  height: 200,
-                  width: 200,
+                  height: 150,
+                  width: 150,
                   justifyContent: 'center',
                   alignItems: 'center',
                   backgroundColor: 'red',
@@ -747,10 +819,10 @@ export default ({
     {
       title: 'View with aria-label="label"',
       name: 'aria-label',
-      render({testID}): React.Node {
+      render(): React.Node {
         return (
           <View
-            testID={testID}
+            testID="view-test-aria-label"
             aria-label="Blue background View with Text"
             style={{backgroundColor: '#527FE4', padding: 5}}>
             <Text style={{fontSize: 11}}>Blue background</Text>
@@ -761,16 +833,16 @@ export default ({
     {
       title: 'FlexGap',
       name: 'flexgap',
-      render({testID}): React.Node {
-        return <FlexGapExample testID={testID} />;
+      render(): React.Node {
+        return <FlexGapExample testID="view-test-flexgap" />;
       },
     },
     {
       title: 'Insets',
       name: 'insets',
-      render({testID}): React.Node {
+      render(): React.Node {
         return (
-          <View testID={testID} style={{rowGap: 10}}>
+          <View testID="view-test-insets" style={{rowGap: 10}}>
             <View style={{position: 'relative', height: 50, borderWidth: 1}}>
               <View
                 style={{
@@ -855,9 +927,9 @@ export default ({
     {
       title: 'Logical Border Color',
       name: 'logical-border-color',
-      render({testID}): React.Node {
+      render(): React.Node {
         return (
-          <View testID={testID} style={{rowGap: 10}}>
+          <View testID="view-test-logical-border-color" style={{rowGap: 10}}>
             <View style={{position: 'relative', height: 50, borderWidth: 1}}>
               <View
                 style={{
diff --git a/packages/rn-tester/js/examples/WebSocket/http_test_server.js b/packages/rn-tester/js/examples/WebSocket/http_test_server.js
index f452e7b1a8de6e..4648ddb515c609 100755
--- a/packages/rn-tester/js/examples/WebSocket/http_test_server.js
+++ b/packages/rn-tester/js/examples/WebSocket/http_test_server.js
@@ -5,7 +5,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  */
 
diff --git a/packages/rn-tester/js/examples/WebSocket/websocket_test_server.js b/packages/rn-tester/js/examples/WebSocket/websocket_test_server.js
index cab8088c377492..727ac0eba4ede5 100755
--- a/packages/rn-tester/js/examples/WebSocket/websocket_test_server.js
+++ b/packages/rn-tester/js/examples/WebSocket/websocket_test_server.js
@@ -13,10 +13,9 @@
 
 /* eslint-env node */
 
-const WebSocket = require('ws');
-
 const fs = require('fs');
 const path = require('path');
+const WebSocket = require('ws');
 
 console.log(`\
 Test server for WebSocketExample
diff --git a/packages/rn-tester/js/examples/XHR/XHRExample.js b/packages/rn-tester/js/examples/XHR/XHRExample.js
index 472c94ba8cc1f4..d27394caa65c8d 100644
--- a/packages/rn-tester/js/examples/XHR/XHRExample.js
+++ b/packages/rn-tester/js/examples/XHR/XHRExample.js
@@ -10,13 +10,13 @@
 
 'use strict';
 
-const React = require('react');
 const XHRExampleAbortController = require('./XHRExampleAbortController');
 const XHRExampleBinaryUpload = require('./XHRExampleBinaryUpload');
 const XHRExampleDownload = require('./XHRExampleDownload');
 const XHRExampleFetch = require('./XHRExampleFetch');
 const XHRExampleHeaders = require('./XHRExampleHeaders');
 const XHRExampleOnTimeOut = require('./XHRExampleOnTimeOut');
+const React = require('react');
 
 exports.framework = 'React';
 exports.title = 'XMLHttpRequest';
diff --git a/packages/rn-tester/js/examples/XHR/XHRExampleAbortController.js b/packages/rn-tester/js/examples/XHR/XHRExampleAbortController.js
index 391c825c0eb247..b754e0a24ea9b0 100644
--- a/packages/rn-tester/js/examples/XHR/XHRExampleAbortController.js
+++ b/packages/rn-tester/js/examples/XHR/XHRExampleAbortController.js
@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-
 const {Alert, Button, View} = require('react-native');
 
 class XHRExampleAbortController extends React.Component<{...}, {...}> {
diff --git a/packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js b/packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js
index 913f5772693e4e..aabc2311a3963b 100644
--- a/packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js
+++ b/packages/rn-tester/js/examples/XHR/XHRExampleBinaryUpload.js
@@ -10,8 +10,9 @@
 
 'use strict';
 
-const React = require('react');
+import RNTOption from '../../components/RNTOption';
 
+const React = require('react');
 const {
   Alert,
   Linking,
@@ -20,7 +21,6 @@ const {
   TouchableHighlight,
   View,
 } = require('react-native');
-import RNTOption from '../../components/RNTOption';
 
 const BINARY_TYPES = {
   String,
diff --git a/packages/rn-tester/js/examples/XHR/XHRExampleDownload.js b/packages/rn-tester/js/examples/XHR/XHRExampleDownload.js
index e8512f1b76f70e..e021cb06f1af22 100644
--- a/packages/rn-tester/js/examples/XHR/XHRExampleDownload.js
+++ b/packages/rn-tester/js/examples/XHR/XHRExampleDownload.js
@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-
 const {
   Alert,
   StyleSheet,
diff --git a/packages/rn-tester/js/examples/XHR/XHRExampleFetch.js b/packages/rn-tester/js/examples/XHR/XHRExampleFetch.js
index 478adb6a282eb1..5d386d5ba58c8c 100644
--- a/packages/rn-tester/js/examples/XHR/XHRExampleFetch.js
+++ b/packages/rn-tester/js/examples/XHR/XHRExampleFetch.js
@@ -11,8 +11,7 @@
 'use strict';
 
 const React = require('react');
-
-const {StyleSheet, Text, TextInput, View, Platform} = require('react-native');
+const {Platform, StyleSheet, Text, TextInput, View} = require('react-native');
 
 class XHRExampleFetch extends React.Component<any, any> {
   responseURL: ?string;
diff --git a/packages/rn-tester/js/examples/XHR/XHRExampleOnTimeOut.js b/packages/rn-tester/js/examples/XHR/XHRExampleOnTimeOut.js
index 90f5d686ca1f64..f549b61512b28a 100644
--- a/packages/rn-tester/js/examples/XHR/XHRExampleOnTimeOut.js
+++ b/packages/rn-tester/js/examples/XHR/XHRExampleOnTimeOut.js
@@ -11,7 +11,6 @@
 'use strict';
 
 const React = require('react');
-
 const {StyleSheet, Text, TouchableHighlight, View} = require('react-native');
 
 class XHRExampleOnTimeOut extends React.Component<any, any> {
diff --git a/packages/rn-tester/js/types/RNTesterTypes.js b/packages/rn-tester/js/types/RNTesterTypes.js
index 415a5f4c092dbf..b05a44b1052abd 100644
--- a/packages/rn-tester/js/types/RNTesterTypes.js
+++ b/packages/rn-tester/js/types/RNTesterTypes.js
@@ -5,7 +5,7 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
 import * as React from 'react';
@@ -47,7 +47,6 @@ export type RNTesterModuleInfo = $ReadOnly<{|
   }, // [macOS]
   category?: string,
   documentationURL?: string,
-  isBookmarked?: boolean,
   exampleType?: 'components' | 'apis',
 |}>;
 
@@ -60,10 +59,9 @@ export type SectionData<T> = {
 export type ExamplesList = $ReadOnly<{|
   components: $ReadOnlyArray<SectionData<RNTesterModuleInfo>>,
   apis: $ReadOnlyArray<SectionData<RNTesterModuleInfo>>,
-  bookmarks: $ReadOnlyArray<SectionData<RNTesterModuleInfo>>,
 |}>;
 
-export type ScreenTypes = 'components' | 'apis' | 'bookmarks' | null;
+export type ScreenTypes = 'components' | 'apis' | null;
 
 export type ComponentList = null | {components: string[], apis: string[]};
 
@@ -72,8 +70,8 @@ export type RNTesterNavigationState = {
   activeModuleTitle: null | string,
   activeModuleExampleKey: null | string,
   screen: ScreenTypes,
-  bookmarks: ComponentList,
   recentlyUsed: ComponentList,
+  hadDeepLink: boolean,
 };
 
 export type RNTesterJsStallsState = {
diff --git a/packages/rn-tester/js/utils/RNTesterList.android.js b/packages/rn-tester/js/utils/RNTesterList.android.js
index 2840399acc29bc..7bc6ef37a894dc 100644
--- a/packages/rn-tester/js/utils/RNTesterList.android.js
+++ b/packages/rn-tester/js/utils/RNTesterList.android.js
@@ -20,6 +20,11 @@ const Components: Array<RNTesterModuleInfo> = [
     category: 'UI',
     module: require('../examples/DrawerLayoutAndroid/DrawerLayoutAndroidExample'),
   },
+  {
+    key: 'PopupMenuAndroidExample',
+    category: 'UI',
+    module: require('../examples/PopupMenuAndroid/PopupMenuAndroidExample'),
+  },
   {
     key: 'ActivityIndicatorExample',
     category: 'UI',
diff --git a/packages/rn-tester/js/utils/RNTesterNavigationReducer.js b/packages/rn-tester/js/utils/RNTesterNavigationReducer.js
index ff08d7b9312814..4f0f5c335c01df 100644
--- a/packages/rn-tester/js/utils/RNTesterNavigationReducer.js
+++ b/packages/rn-tester/js/utils/RNTesterNavigationReducer.js
@@ -9,46 +9,16 @@
  */
 
 import type {
-  RNTesterNavigationState,
   ComponentList,
+  RNTesterNavigationState,
 } from '../types/RNTesterTypes';
 
 export const RNTesterNavigationActionsType = {
   NAVBAR_PRESS: 'NAVBAR_PRESS',
-  BOOKMARK_PRESS: 'BOOKMARK_PRESS',
   BACK_BUTTON_PRESS: 'BACK_BUTTON_PRESS',
   MODULE_CARD_PRESS: 'MODULE_CARD_PRESS',
   EXAMPLE_CARD_PRESS: 'EXAMPLE_CARD_PRESS',
-};
-
-const getUpdatedBookmarks = ({
-  exampleType,
-  key,
-  bookmarks,
-}: {
-  exampleType: 'apis' | 'components' | null,
-  key: string | null,
-  bookmarks: ComponentList,
-}) => {
-  const updatedBookmarks = bookmarks
-    ? {...bookmarks}
-    : // $FlowFixMe[missing-empty-array-annot]
-      {components: [], apis: []};
-
-  if (!exampleType || !key) {
-    return null;
-  }
-
-  if (updatedBookmarks[exampleType].includes(key)) {
-    updatedBookmarks[exampleType] = updatedBookmarks[exampleType].filter(
-      k => k !== key,
-    );
-  } else {
-    // $FlowFixMe[incompatible-call]
-    updatedBookmarks[exampleType].push(key);
-  }
-
-  return updatedBookmarks;
+  EXAMPLE_OPEN_URL_REQUEST: 'EXAMPLE_OPEN_URL_REQUEST',
 };
 
 const getUpdatedRecentlyUsed = ({
@@ -87,7 +57,13 @@ export const RNTesterNavigationReducer = (
   action: {type: $Keys<typeof RNTesterNavigationActionsType>, data?: any},
 ): RNTesterNavigationState => {
   const {
-    data: {key = null, title = null, exampleType = null, screen = null} = {},
+    data: {
+      key = null,
+      title = null,
+      exampleKey = null,
+      exampleType = null,
+      screen = null,
+    } = {},
   } = action;
 
   switch (action.type) {
@@ -98,6 +74,7 @@ export const RNTesterNavigationReducer = (
         activeModuleTitle: null,
         activeModuleExampleKey: null,
         screen,
+        hadDeepLink: false,
       };
 
     case RNTesterNavigationActionsType.MODULE_CARD_PRESS:
@@ -120,26 +97,30 @@ export const RNTesterNavigationReducer = (
         activeModuleExampleKey: key,
       };
 
-    case RNTesterNavigationActionsType.BOOKMARK_PRESS:
-      return {
-        ...state,
-        // $FlowFixMe[incompatible-return]
-        bookmarks: getUpdatedBookmarks({
-          exampleType: exampleType,
-          key: key,
-          bookmarks: state.bookmarks,
-        }),
-      };
-
     case RNTesterNavigationActionsType.BACK_BUTTON_PRESS:
-      // Go back to module or list
+      // Go back to module or list.
+      // If there was a deeplink navigation, pressing Back should bring us back to the root.
       return {
         ...state,
         activeModuleExampleKey: null,
         activeModuleKey:
-          state.activeModuleExampleKey != null ? state.activeModuleKey : null,
+          !state.hadDeepLink && state.activeModuleExampleKey != null
+            ? state.activeModuleKey
+            : null,
         activeModuleTitle:
-          state.activeModuleExampleKey != null ? state.activeModuleTitle : null,
+          !state.hadDeepLink && state.activeModuleExampleKey != null
+            ? state.activeModuleTitle
+            : null,
+        hadDeepLink: false,
+      };
+
+    case RNTesterNavigationActionsType.EXAMPLE_OPEN_URL_REQUEST:
+      return {
+        ...state,
+        activeModuleKey: key,
+        activeModuleTitle: title,
+        activeModuleExampleKey: exampleKey,
+        hadDeepLink: true,
       };
 
     default:
diff --git a/packages/rn-tester/js/utils/testerStateUtils.js b/packages/rn-tester/js/utils/testerStateUtils.js
index a7ec6ae7c4d08c..538b4264345e0a 100644
--- a/packages/rn-tester/js/utils/testerStateUtils.js
+++ b/packages/rn-tester/js/utils/testerStateUtils.js
@@ -21,7 +21,6 @@ import RNTesterList from './RNTesterList';
 export const Screens = {
   COMPONENTS: 'components',
   APIS: 'apis',
-  BOOKMARKS: 'bookmarks',
 };
 
 export const initialNavigationState: RNTesterNavigationState = {
@@ -29,15 +28,13 @@ export const initialNavigationState: RNTesterNavigationState = {
   activeModuleTitle: null,
   activeModuleExampleKey: null,
   screen: Screens.COMPONENTS,
-  bookmarks: {components: [], apis: []},
   recentlyUsed: {components: [], apis: []},
+  hadDeepLink: false,
 };
 
 const filterEmptySections = (examplesList: ExamplesList): any => {
   const filteredSections: {
-    ['apis' | 'bookmarks' | 'components']: Array<
-      SectionData<RNTesterModuleInfo>,
-    >,
+    ['apis' | 'components']: Array<SectionData<RNTesterModuleInfo>>,
   } = {};
   const sectionKeys = Object.keys(examplesList);
 
@@ -50,22 +47,25 @@ const filterEmptySections = (examplesList: ExamplesList): any => {
   return filteredSections;
 };
 
-export const getExamplesListWithBookmarksAndRecentlyUsed = ({
-  bookmarks,
+export const getExamplesListWithRecentlyUsed = ({
   recentlyUsed,
+  testList,
 }: {
-  bookmarks: ComponentList,
   recentlyUsed: ComponentList,
+  testList?: {
+    components?: Array<RNTesterModuleInfo>,
+    apis?: Array<RNTesterModuleInfo>,
+  },
 }): ExamplesList | null => {
   // Return early if state has not been initialized from storage
-  if (!bookmarks || !recentlyUsed) {
+  if (!recentlyUsed) {
     return null;
   }
 
-  const components = RNTesterList.Components.map(
+  const componentList = testList?.components ?? RNTesterList.Components;
+  const components = componentList.map(
     (componentExample): RNTesterModuleInfo => ({
       ...componentExample,
-      isBookmarked: bookmarks.components.includes(componentExample.key),
       exampleType: Screens.COMPONENTS,
     }),
   );
@@ -76,13 +76,9 @@ export const getExamplesListWithBookmarksAndRecentlyUsed = ({
     )
     .filter(Boolean);
 
-  const bookmarkedComponents = components.filter(
-    component => component.isBookmarked,
-  );
-
-  const apis = RNTesterList.APIs.map((apiExample): RNTesterModuleInfo => ({
+  const apisList = testList?.apis ?? RNTesterList.APIs;
+  const apis = apisList.map((apiExample): RNTesterModuleInfo => ({
     ...apiExample,
-    isBookmarked: bookmarks.apis.includes(apiExample.key),
     exampleType: Screens.APIS,
   }));
 
@@ -92,8 +88,6 @@ export const getExamplesListWithBookmarksAndRecentlyUsed = ({
     )
     .filter(Boolean);
 
-  const bookmarkedAPIs = apis.filter(apiExample => apiExample.isBookmarked);
-
   const examplesList: ExamplesList = {
     [Screens.COMPONENTS]: [
       {
@@ -119,18 +113,6 @@ export const getExamplesListWithBookmarksAndRecentlyUsed = ({
         title: 'APIs',
       },
     ],
-    [Screens.BOOKMARKS]: [
-      {
-        key: 'COMPONENTS',
-        data: bookmarkedComponents,
-        title: 'Components',
-      },
-      {
-        key: 'APIS',
-        data: bookmarkedAPIs,
-        title: 'APIs',
-      },
-    ],
   };
 
   return filterEmptySections(examplesList);
diff --git a/packages/rn-tester/js/utils/useJsStalls.js b/packages/rn-tester/js/utils/useJsStalls.js
index a38af819a35d45..5ceac1505d289e 100644
--- a/packages/rn-tester/js/utils/useJsStalls.js
+++ b/packages/rn-tester/js/utils/useJsStalls.js
@@ -5,13 +5,13 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import * as React from 'react';
-
 import type {RNTesterJsStallsState} from '../types/RNTesterTypes';
 
+import * as React from 'react';
+
 const INITIAL_STATE: RNTesterJsStallsState = {
   stallIntervalId: null,
   busyTime: null,
diff --git a/packages/rn-tester/react-native.config.js b/packages/rn-tester/react-native.config.js
index 449669b10b9171..db5c45ff4bf59a 100644
--- a/packages/rn-tester/react-native.config.js
+++ b/packages/rn-tester/react-native.config.js
@@ -19,10 +19,6 @@ module.exports = {
   project: {
     ios: {
       sourceDir: '.',
-      unstable_reactLegacyComponentNames: [
-        'RNTMyLegacyNativeView',
-        'RNTMyNativeView',
-      ],
     },
     android: {
       sourceDir: '../../',
@@ -30,6 +26,7 @@ module.exports = {
       manifestPath:
         'packages/rn-tester/android/app/src/main/AndroidManifest.xml',
       packageName: 'com.facebook.react.uiapp',
+      watchModeCommandParams: ['--mode HermesDebug'],
     },
   },
 };
diff --git a/packages/typescript-config/package.json b/packages/typescript-config/package.json
index ce66b7b0088cfc..0ca29efbb837a5 100644
--- a/packages/typescript-config/package.json
+++ b/packages/typescript-config/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native/typescript-config",
-  "version": "0.73.0",
+  "version": "0.74.0",
   "description": "Default TypeScript configuration for React Native apps",
   "license": "MIT",
   "repository": {
diff --git a/packages/typescript-config/tsconfig.json b/packages/typescript-config/tsconfig.json
index 3bb1451e792d9a..d5e1bce7990fe0 100644
--- a/packages/typescript-config/tsconfig.json
+++ b/packages/typescript-config/tsconfig.json
@@ -38,9 +38,6 @@
       "forceConsistentCasingInFileNames": false
     },
     "exclude": [
-      "node_modules",
-      "babel.config.js",
-      "metro.config.js",
-      "jest.config.js"
+      "**/Pods/**"
     ]
   }
diff --git a/packages/virtualized-lists/Lists/FillRateHelper.js b/packages/virtualized-lists/Lists/FillRateHelper.js
index c5bfadf962ca3c..924b3531632305 100644
--- a/packages/virtualized-lists/Lists/FillRateHelper.js
+++ b/packages/virtualized-lists/Lists/FillRateHelper.js
@@ -11,6 +11,7 @@
 'use strict';
 
 import type {CellMetricProps} from './ListMetricsAggregator';
+
 import ListMetricsAggregator from './ListMetricsAggregator';
 
 export type FillRateInfo = Info;
diff --git a/packages/virtualized-lists/Lists/ListMetricsAggregator.js b/packages/virtualized-lists/Lists/ListMetricsAggregator.js
index 01d6e5aff29c5f..a7972390211f17 100644
--- a/packages/virtualized-lists/Lists/ListMetricsAggregator.js
+++ b/packages/virtualized-lists/Lists/ListMetricsAggregator.js
@@ -8,10 +8,10 @@
  * @format
  */
 
-import type {Layout} from 'react-native/Libraries/Types/CoreEventTypes';
 import type {Props as VirtualizedListProps} from './VirtualizedListProps';
-import {keyExtractor as defaultKeyExtractor} from './VirtualizeUtils';
+import type {Layout} from 'react-native/Libraries/Types/CoreEventTypes';
 
+import {keyExtractor as defaultKeyExtractor} from './VirtualizeUtils';
 import invariant from 'invariant';
 
 export type CellMetrics = {
diff --git a/packages/virtualized-lists/Lists/ViewabilityHelper.js b/packages/virtualized-lists/Lists/ViewabilityHelper.js
index f210b030d0952a..326641d54e2702 100644
--- a/packages/virtualized-lists/Lists/ViewabilityHelper.js
+++ b/packages/virtualized-lists/Lists/ViewabilityHelper.js
@@ -11,6 +11,7 @@
 'use strict';
 
 import type {CellMetricProps} from './ListMetricsAggregator';
+
 import ListMetricsAggregator from './ListMetricsAggregator';
 
 const invariant = require('invariant');
diff --git a/packages/virtualized-lists/Lists/VirtualizedList.d.ts b/packages/virtualized-lists/Lists/VirtualizedList.d.ts
index a2740604155767..a4c93f58a266b5 100644
--- a/packages/virtualized-lists/Lists/VirtualizedList.d.ts
+++ b/packages/virtualized-lists/Lists/VirtualizedList.d.ts
@@ -18,8 +18,8 @@ import type {
   ScrollView,
 } from 'react-native';
 
-export interface ViewToken {
-  item: any;
+export interface ViewToken<ItemT = any> {
+  item: ItemT;
   key: string;
   index: number | null;
   isViewable: boolean;
@@ -330,8 +330,8 @@ export interface VirtualizedListWithoutRenderItemProps<ItemT>
    */
   onViewableItemsChanged?:
     | ((info: {
-        viewableItems: Array<ViewToken>;
-        changed: Array<ViewToken>;
+        viewableItems: Array<ViewToken<ItemT>>;
+        changed: Array<ViewToken<ItemT>>;
       }) => void)
     | null
     | undefined;
diff --git a/packages/virtualized-lists/Lists/VirtualizedList.js b/packages/virtualized-lists/Lists/VirtualizedList.js
index 2a5403ec96bb93..f2286a31942a1e 100644
--- a/packages/virtualized-lists/Lists/VirtualizedList.js
+++ b/packages/virtualized-lists/Lists/VirtualizedList.js
@@ -8,13 +8,7 @@
  * @format
  */
 
-import type {ScrollResponderType} from 'react-native/Libraries/Components/ScrollView/ScrollView';
-import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
-import type {
-  KeyEvent, // [macOS]
-  LayoutEvent,
-  ScrollEvent,
-} from 'react-native/Libraries/Types/CoreEventTypes';
+import type {CellMetricProps, ListOrientation} from './ListMetricsAggregator';
 import type {ViewToken} from './ViewabilityHelper';
 import type {
   Item,
@@ -23,17 +17,14 @@ import type {
   RenderItemType,
   Separators,
 } from './VirtualizedListProps';
-import type {CellMetricProps, ListOrientation} from './ListMetricsAggregator';
+import type {ScrollResponderType} from 'react-native/Libraries/Components/ScrollView/ScrollView';
+import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
+import type {
+  KeyEvent, // [macOS]
+  LayoutEvent,
+  ScrollEvent,
+} from 'react-native/Libraries/Types/CoreEventTypes';
 
-import {
-  I18nManager,
-  Platform,
-  RefreshControl,
-  ScrollView,
-  View,
-  StyleSheet,
-  findNodeHandle,
-} from 'react-native';
 import Batchinator from '../Interaction/Batchinator';
 import clamp from '../Utilities/clamp';
 import infoLog from '../Utilities/infoLog';
@@ -49,6 +40,14 @@ import {
   VirtualizedListContext,
   VirtualizedListContextProvider,
 } from './VirtualizedListContext.js';
+import {
+  horizontalOrDefault,
+  initialNumToRenderOrDefault,
+  maxToRenderPerBatchOrDefault,
+  onEndReachedThresholdOrDefault,
+  onStartReachedThresholdOrDefault,
+  windowSizeOrDefault,
+} from './VirtualizedListProps';
 import {
   computeWindowedRenderLimits,
   keyExtractor as defaultKeyExtractor,
@@ -56,15 +55,15 @@ import {
 import invariant from 'invariant';
 import nullthrows from 'nullthrows';
 import * as React from 'react';
-
 import {
-  horizontalOrDefault,
-  initialNumToRenderOrDefault,
-  maxToRenderPerBatchOrDefault,
-  onStartReachedThresholdOrDefault,
-  onEndReachedThresholdOrDefault,
-  windowSizeOrDefault,
-} from './VirtualizedListProps';
+  I18nManager,
+  Platform,
+  RefreshControl,
+  ScrollView,
+  StyleSheet,
+  View,
+  findNodeHandle,
+} from 'react-native';
 
 export type {RenderItemProps, RenderItemType, Separators};
 
@@ -93,19 +92,6 @@ type State = {
   pendingScrollUpdateCount: number,
 };
 
-function findLastWhere<T>(
-  arr: $ReadOnlyArray<T>,
-  predicate: (element: T) => boolean,
-): T | null {
-  for (let i = arr.length - 1; i >= 0; i--) {
-    if (predicate(arr[i])) {
-      return arr[i];
-    }
-  }
-
-  return null;
-}
-
 function getScrollingThreshold(threshold: number, visibleLength: number) {
   return (threshold * visibleLength) / 2;
 }
@@ -863,7 +849,7 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
           key={key}
           prevCellKey={prevCellKey}
           onUpdateSeparators={this._onUpdateSeparators}
-          onCellFocusCapture={e => this._onCellFocusCapture(key)}
+          onCellFocusCapture={this._onCellFocusCapture}
           onUnmount={this._onCellUnmount}
           ref={ref => {
             this._cellRefs[key] = ref;
@@ -1009,10 +995,12 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
           {React.cloneElement(element, {
             onLayout: (event: LayoutEvent) => {
               this._onLayoutEmpty(event);
+              // $FlowFixMe[prop-missing] React.Element internal inspection
               if (element.props.onLayout) {
                 element.props.onLayout(event);
               }
             },
+            // $FlowFixMe[prop-missing] React.Element internal inspection
             style: StyleSheet.compose(inversionStyle, element.props.style),
           })}
         </VirtualizedListCellContextProvider>,
@@ -1026,7 +1014,8 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
       const spacerKey = this._getSpacerKey(!horizontal);
 
       const renderRegions = this.state.renderMask.enumerateRegions();
-      const lastSpacer = findLastWhere(renderRegions, r => r.isSpacer);
+      const lastRegion = renderRegions[renderRegions.length - 1];
+      const lastSpacer = lastRegion?.isSpacer ? lastRegion : null;
 
       for (const section of renderRegions) {
         if (section.isSpacer) {
@@ -1186,7 +1175,6 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
               this.context == null &&
               this.props.scrollEnabled !== false
             ) {
-              // TODO (T46547044): use React.warn once 16.9 is sync'd: https://github.com/facebook/react/pull/15170
               // TODO (GitHub #818): Use console.error (as per 646605b90e666c4b0d1c1200a137eacf62b46f87)
               // instead of console.warn after resolving problems3 in RNTester's MultiColumn and SectionList example pages
               console.warn(
@@ -1323,8 +1311,10 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
     // macOS]
     const onRefresh = props.onRefresh;
     if (this._isNestedWithSameOrientation()) {
-      // $FlowFixMe[prop-missing] - Typing ReactNativeComponent revealed errors
-      return <View {...props} />;
+      // Prevent VirtualizedList._onContentSizeChange from being triggered by a bubbling onContentSizeChange event.
+      // This could lead to internal inconsistencies within VirtualizedList.
+      const {onContentSizeChange, ...otherProps} = props;
+      return <View {...otherProps} />;
     } else if (onRefresh) {
       invariant(
         typeof props.refreshing === 'boolean',
@@ -1396,10 +1386,10 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
     this._updateViewableItems(this.props, this.state.cellsAroundViewport);
   };
 
-  _onCellFocusCapture(cellKey: string) {
+  _onCellFocusCapture = (cellKey: string) => {
     this._lastFocusedCellKey = cellKey;
     this._updateCellsToRender();
-  }
+  };
 
   _onCellUnmount = (cellKey: string) => {
     delete this._cellRefs[cellKey];
@@ -1718,7 +1708,7 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
     // Next check if the user just scrolled within the start threshold
     // and call onStartReached only once for a given content length,
     // and only if onEndReached is not being executed
-    else if (
+    if (
       onStartReached != null &&
       this.state.cellsAroundViewport.first === 0 &&
       isWithinStartThreshold &&
@@ -1730,13 +1720,11 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
 
     // If the user scrolls away from the start or end and back again,
     // cause onStartReached or onEndReached to be triggered again
-    else {
-      this._sentStartForContentLength = isWithinStartThreshold
-        ? this._sentStartForContentLength
-        : 0;
-      this._sentEndForContentLength = isWithinEndThreshold
-        ? this._sentEndForContentLength
-        : 0;
+    if (!isWithinStartThreshold) {
+      this._sentStartForContentLength = 0;
+    }
+    if (!isWithinEndThreshold) {
+      this._sentEndForContentLength = 0;
     }
   }
 
@@ -1908,8 +1896,9 @@ class VirtualizedList extends StateSafePureComponent<Props, State> {
     // If this is triggered in an `componentDidUpdate` followed by a hiPri cellToRenderUpdate
     // We shouldn't do another hipri cellToRenderUpdate
     if (
+      (this._listMetrics.getAverageCellLength() > 0 ||
+        this.props.getItemLayout != null) &&
       this._shouldRenderWithPriority() &&
-      (this._listMetrics.getAverageCellLength() || this.props.getItemLayout) &&
       !this._hiPriInProgress
     ) {
       this._hiPriInProgress = true;
diff --git a/packages/virtualized-lists/Lists/VirtualizedListCellRenderer.js b/packages/virtualized-lists/Lists/VirtualizedListCellRenderer.js
index fbb8512e808a5a..a12866adc197db 100644
--- a/packages/virtualized-lists/Lists/VirtualizedListCellRenderer.js
+++ b/packages/virtualized-lists/Lists/VirtualizedListCellRenderer.js
@@ -8,17 +8,17 @@
  * @format
  */
 
+import type {CellRendererProps, RenderItemType} from './VirtualizedListProps';
 import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 import type {
   FocusEvent,
   LayoutEvent,
 } from 'react-native/Libraries/Types/CoreEventTypes';
-import type {CellRendererProps, RenderItemType} from './VirtualizedListProps';
 
-import {View, StyleSheet} from 'react-native';
 import {VirtualizedListCellContextProvider} from './VirtualizedListContext.js';
 import invariant from 'invariant';
 import * as React from 'react';
+import {StyleSheet, View} from 'react-native';
 
 export type Props<ItemT> = {
   CellRendererComponent?: ?React.ComponentType<CellRendererProps<ItemT>>,
@@ -33,7 +33,7 @@ export type Props<ItemT> = {
   isSelected: ?boolean, // [macOS]
   item: ItemT,
   onCellLayout?: (event: LayoutEvent, cellKey: string, index: number) => void,
-  onCellFocusCapture?: (event: FocusEvent) => void,
+  onCellFocusCapture?: (cellKey: string) => void,
   onUnmount: (cellKey: string) => void,
   onUpdateSeparators: (
     cellKeys: Array<?string>,
@@ -116,12 +116,15 @@ export default class CellRenderer<ItemT> extends React.Component<
   }
 
   _onLayout = (nativeEvent: LayoutEvent): void => {
-    this.props.onCellLayout &&
-      this.props.onCellLayout(
-        nativeEvent,
-        this.props.cellKey,
-        this.props.index,
-      );
+    this.props.onCellLayout?.(
+      nativeEvent,
+      this.props.cellKey,
+      this.props.index,
+    );
+  };
+
+  _onCellFocusCapture = (e: FocusEvent): void => {
+    this.props.onCellFocusCapture?.(this.props.cellKey);
   };
 
   _renderElement(
@@ -178,7 +181,6 @@ export default class CellRenderer<ItemT> extends React.Component<
       index,
       inversionStyle,
       isSelected, // [macOS]
-      onCellFocusCapture,
       onCellLayout,
       renderItem,
     } = this.props;
@@ -211,7 +213,7 @@ export default class CellRenderer<ItemT> extends React.Component<
     const result = !CellRendererComponent ? (
       <View
         style={cellStyle}
-        onFocusCapture={onCellFocusCapture}
+        onFocusCapture={this._onCellFocusCapture}
         {...(onCellLayout && {onLayout: this._onLayout})}>
         {element}
         {itemSeparator}
@@ -222,7 +224,7 @@ export default class CellRenderer<ItemT> extends React.Component<
         index={index}
         item={item}
         style={cellStyle}
-        onFocusCapture={onCellFocusCapture}
+        onFocusCapture={this._onCellFocusCapture}
         {...(onCellLayout && {onLayout: this._onLayout})}>
         {element}
         {itemSeparator}
diff --git a/packages/virtualized-lists/Lists/VirtualizedListProps.js b/packages/virtualized-lists/Lists/VirtualizedListProps.js
index 8468492d965e0d..3b6f58c30d1c9b 100644
--- a/packages/virtualized-lists/Lists/VirtualizedListProps.js
+++ b/packages/virtualized-lists/Lists/VirtualizedListProps.js
@@ -8,19 +8,19 @@
  * @format
  */
 
-import {typeof ScrollView} from 'react-native';
-import type {
-  FocusEvent,
-  LayoutEvent,
-} from 'react-native/Libraries/Types/CoreEventTypes';
-import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
 import type {
   ViewabilityConfig,
   ViewabilityConfigCallbackPair,
   ViewToken,
 } from './ViewabilityHelper';
+import type {ViewStyleProp} from 'react-native/Libraries/StyleSheet/StyleSheet';
+import type {
+  FocusEvent,
+  LayoutEvent,
+} from 'react-native/Libraries/Types/CoreEventTypes';
 
 import * as React from 'react';
+import {typeof ScrollView} from 'react-native';
 
 export type Item = any;
 
diff --git a/packages/virtualized-lists/Lists/VirtualizedSectionList.js b/packages/virtualized-lists/Lists/VirtualizedSectionList.js
index 0f6b2a360b33bf..220fc89cfc7f3f 100644
--- a/packages/virtualized-lists/Lists/VirtualizedSectionList.js
+++ b/packages/virtualized-lists/Lists/VirtualizedSectionList.js
@@ -10,11 +10,11 @@
 
 import type {ViewToken} from './ViewabilityHelper';
 
-import {View} from 'react-native';
 import VirtualizedList from './VirtualizedList';
 import {keyExtractor as defaultKeyExtractor} from './VirtualizeUtils';
 import invariant from 'invariant';
 import * as React from 'react';
+import {View} from 'react-native';
 
 type Item = any;
 
diff --git a/packages/virtualized-lists/Lists/__tests__/ListMetricsAggregator-test.js b/packages/virtualized-lists/Lists/__tests__/ListMetricsAggregator-test.js
index da2bb5df90f6fc..2278ca9e50cbff 100644
--- a/packages/virtualized-lists/Lists/__tests__/ListMetricsAggregator-test.js
+++ b/packages/virtualized-lists/Lists/__tests__/ListMetricsAggregator-test.js
@@ -11,7 +11,6 @@
 import type {CellMetricProps} from '../ListMetricsAggregator';
 
 import ListMetricsAggregator from '../ListMetricsAggregator';
-
 import nullthrows from 'nullthrows';
 
 describe('ListMetricsAggregator', () => {
diff --git a/packages/virtualized-lists/Lists/__tests__/VirtualizedSectionList-test.js b/packages/virtualized-lists/Lists/__tests__/VirtualizedSectionList-test.js
index 2afc9ec0985a6a..161a6e8b10dc1c 100644
--- a/packages/virtualized-lists/Lists/__tests__/VirtualizedSectionList-test.js
+++ b/packages/virtualized-lists/Lists/__tests__/VirtualizedSectionList-test.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  * @oncall react_native
  */
diff --git a/packages/virtualized-lists/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap b/packages/virtualized-lists/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap
index 753add39cb5250..7790f8581bdb85 100644
--- a/packages/virtualized-lists/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap
+++ b/packages/virtualized-lists/Lists/__tests__/__snapshots__/VirtualizedList-test.js.snap
@@ -468,7 +468,6 @@ exports[`VirtualizedList handles nested lists 1`] = `
         getItem={[Function]}
         getItemCount={[Function]}
         horizontal={false}
-        onContentSizeChange={[Function]}
         onLayout={[Function]}
         onMomentumScrollBegin={[Function]}
         onMomentumScrollEnd={[Function]}
diff --git a/packages/virtualized-lists/Lists/__tests__/__snapshots__/VirtualizedSectionList-test.js.snap b/packages/virtualized-lists/Lists/__tests__/__snapshots__/VirtualizedSectionList-test.js.snap
index d3cb7b4e755eb7..8a01cb58500c54 100644
--- a/packages/virtualized-lists/Lists/__tests__/__snapshots__/VirtualizedSectionList-test.js.snap
+++ b/packages/virtualized-lists/Lists/__tests__/__snapshots__/VirtualizedSectionList-test.js.snap
@@ -62,7 +62,6 @@ exports[`VirtualizedSectionList handles nested lists 1`] = `
         getItemCount={[Function]}
         horizontal={false}
         keyExtractor={[Function]}
-        onContentSizeChange={[Function]}
         onLayout={[Function]}
         onMomentumScrollBegin={[Function]}
         onMomentumScrollEnd={[Function]}
diff --git a/packages/virtualized-lists/index.js b/packages/virtualized-lists/index.js
index 31c196ba5e4e77..977dd1db499ea4 100644
--- a/packages/virtualized-lists/index.js
+++ b/packages/virtualized-lists/index.js
@@ -10,13 +10,13 @@
 
 'use strict';
 
-import {keyExtractor} from './Lists/VirtualizeUtils';
-
+import typeof FillRateHelper from './Lists/FillRateHelper';
+import typeof ViewabilityHelper from './Lists/ViewabilityHelper';
 import typeof VirtualizedList from './Lists/VirtualizedList';
 import typeof VirtualizedSectionList from './Lists/VirtualizedSectionList';
+
 import {typeof VirtualizedListContextResetter} from './Lists/VirtualizedListContext';
-import typeof ViewabilityHelper from './Lists/ViewabilityHelper';
-import typeof FillRateHelper from './Lists/FillRateHelper';
+import {keyExtractor} from './Lists/VirtualizeUtils';
 
 export type {
   ViewToken,
diff --git a/packages/virtualized-lists/package.json b/packages/virtualized-lists/package.json
index 43de3e1f5dbff3..b9d43e9789b877 100644
--- a/packages/virtualized-lists/package.json
+++ b/packages/virtualized-lists/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@react-native-mac/virtualized-lists",
-  "version": "0.73.3",
+  "version": "0.74.0",
   "description": "Virtualized lists for React Native macOS.",
   "license": "MIT",
   "repository": {
@@ -33,6 +33,7 @@
     "react-test-renderer": "18.2.0"
   },
   "peerDependencies": {
+    "react": "*",
     "react-native": "*"
   },
   "beachball": {
diff --git a/scripts/.tests.env b/scripts/.tests.env
index 3701a1cf2e79ee..7931d8b8934147 100644
--- a/scripts/.tests.env
+++ b/scripts/.tests.env
@@ -24,7 +24,7 @@ export AVD_ABI=x86
 export ANDROID_DISABLE_AVD_TESTS=1
 
 ## IOS ##
-export IOS_TARGET_OS="latest"
+export IOS_TARGET_OS="16.4"
 export IOS_DEVICE="iPhone 14"
 export SDK_IOS="iphonesimulator"
 
diff --git a/scripts/__tests__/npm-utils-test.js b/scripts/__tests__/npm-utils-test.js
index b8013fcebd3e74..0413bb54f5b6cc 100644
--- a/scripts/__tests__/npm-utils-test.js
+++ b/scripts/__tests__/npm-utils-test.js
@@ -9,15 +9,23 @@
 
 const {
   applyPackageVersions,
+  getNpmInfo,
   getPackageVersionStrByTag,
+  getVersionsBySpec,
   publishPackage,
 } = require('../npm-utils');
 
 const execMock = jest.fn();
+const getCurrentCommitMock = jest.fn();
+
 jest.mock('shelljs', () => ({
   exec: execMock,
 }));
 
+jest.mock('./../scm-utils', () => ({
+  getCurrentCommit: getCurrentCommitMock,
+}));
+
 describe('npm-utils', () => {
   beforeEach(() => {
     jest.resetModules();
@@ -79,7 +87,9 @@ describe('npm-utils', () => {
 
       expect(() => {
         getPackageVersionStrByTag('my-package', 'next');
-      }).toThrow('Failed to get next version from npm\nSome error message');
+      }).toThrow(
+        "Failed to run 'npm view my-package@next version'\nSome error message",
+      );
     });
   });
 
@@ -87,7 +97,7 @@ describe('npm-utils', () => {
     it('should run publish command', () => {
       publishPackage(
         'path/to/my-package',
-        {tag: 'latest', otp: 'otp'},
+        {tags: ['latest'], otp: 'otp'},
         {silent: true, cwd: 'i/expect/this/to/be/overriden'},
       );
       expect(execMock).toHaveBeenCalledWith(
@@ -97,11 +107,81 @@ describe('npm-utils', () => {
     });
 
     it('should run publish command when no execOptions', () => {
-      publishPackage('path/to/my-package', {tag: 'latest', otp: 'otp'});
+      publishPackage('path/to/my-package', {tags: ['latest'], otp: 'otp'});
       expect(execMock).toHaveBeenCalledWith(
         'npm publish --tag latest --otp otp',
         {cwd: 'path/to/my-package'},
       );
     });
+
+    it('should handle multiple tags', () => {
+      publishPackage('path/to/my-package', {
+        tags: ['next', '0.72-stable'],
+        otp: 'otp',
+      });
+      expect(execMock).toHaveBeenCalledWith(
+        'npm publish --tag next --tag 0.72-stable --otp otp',
+        {cwd: 'path/to/my-package'},
+      );
+    });
+  });
+
+  describe('getNpmInfo', () => {
+    it('return the expected format for prealpha', () => {
+      const isoStringSpy = jest.spyOn(Date.prototype, 'toISOString');
+      isoStringSpy.mockReturnValue('2023-10-04T15:43:55.123Z');
+      getCurrentCommitMock.mockImplementation(() => 'abcd1234');
+
+      const returnedValue = getNpmInfo('prealpha');
+      expect(returnedValue).toMatchObject({
+        version: `0.0.0-prealpha-2023100415`,
+        tag: 'prealpha',
+      });
+    });
+  });
+
+  describe('getVersionsBySpec', () => {
+    it('should return array when single version returned', () => {
+      execMock.mockImplementationOnce(() => ({code: 0, stdout: '"0.72.0" \n'}));
+
+      const versions = getVersionsBySpec('mypackage', '^0.72.0');
+      expect(versions).toEqual(['0.72.0']);
+    });
+
+    it('should return array of versions', () => {
+      execMock.mockImplementationOnce(() => ({
+        code: 0,
+        stdout: '[\n"0.73.0",\n"0.73.1"\n]\n',
+      }));
+
+      const versions = getVersionsBySpec('mypackage', '^0.73.0');
+      expect(versions).toEqual(['0.73.0', '0.73.1']);
+    });
+
+    it('should return error summary if E404', () => {
+      const error =
+        `npm ERR! code E404\n` +
+        `npm ERR! 404 No match found for version ^0.72.0\n` +
+        `npm ERR! 404\n` +
+        `npm ERR! 404  '@react-native/community-cli-plugin@^0.72.0' is not in this registry.\n` +
+        `npm ERR! 404\n` +
+        `npm ERR! 404 Note that you can also install from a\n` +
+        `npm ERR! 404 tarball, folder, http url, or git url.\n` +
+        `{\n` +
+        `  "error": {\n` +
+        `    "code": "E404",\n` +
+        `    "summary": "No match found for version ^0.72.0",\n` +
+        `    "detail": "\n '@react-native/community-cli-plugin@^0.72.0' is not in this registry.\n\nNote that you can also install from a\ntarball, folder, http url, or git url."\n` +
+        `  }\n` +
+        `}\n`;
+      execMock.mockImplementationOnce(() => ({
+        code: 1,
+        stderr: error,
+      }));
+
+      expect(() => {
+        getVersionsBySpec('mypackage', '^0.72.0');
+      }).toThrow('No match found for version ^0.72.0');
+    });
   });
 });
diff --git a/scripts/__tests__/publish-npm-test.js b/scripts/__tests__/publish-npm-test.js
deleted file mode 100644
index a813d7649eb1ff..00000000000000
--- a/scripts/__tests__/publish-npm-test.js
+++ /dev/null
@@ -1,246 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-const execMock = jest.fn();
-const echoMock = jest.fn();
-const exitMock = jest.fn();
-const consoleErrorMock = jest.fn();
-const isTaggedLatestMock = jest.fn();
-const setReactNativeVersionMock = jest.fn();
-const publishAndroidArtifactsToMavenMock = jest.fn();
-const env = process.env;
-
-jest
-  .mock('shelljs', () => ({
-    exec: execMock,
-    echo: echoMock,
-    exit: exitMock,
-  }))
-  .mock('./../scm-utils', () => ({
-    exitIfNotOnGit: command => command(),
-    getCurrentCommit: () => 'currentco_mmit',
-    isTaggedLatest: isTaggedLatestMock,
-  }))
-  .mock('path', () => ({
-    join: () => '../packages/react-native',
-  }))
-  .mock('fs')
-  .mock('./../release-utils', () => ({
-    generateAndroidArtifacts: jest.fn(),
-    publishAndroidArtifactsToMaven: publishAndroidArtifactsToMavenMock,
-  }))
-  .mock('./../set-rn-version', () => setReactNativeVersionMock)
-  .mock('../monorepo/get-and-update-nightlies');
-
-const date = new Date('2023-04-20T23:52:39.543Z');
-
-const publishNpm = require('../publish-npm');
-let consoleError;
-
-describe('publish-npm', () => {
-  beforeAll(() => {
-    jest.setSystemTime(date);
-  });
-  beforeEach(() => {
-    consoleError = console.error;
-    console.error = consoleErrorMock;
-  });
-
-  afterEach(() => {
-    process.env = env;
-    console.error = consoleError;
-  });
-
-  afterEach(() => {
-    jest.resetModules();
-    jest.resetAllMocks();
-  });
-
-  describe('publish-npm.js', () => {
-    it('Fails when invalid build type is passed', () => {
-      expect(() => publishNpm('invalid')).toThrowError(
-        'Unsupported build type: invalid',
-      );
-    });
-  });
-
-  describe('dry-run', () => {
-    it('should set version and not publish', () => {
-      publishNpm('dry-run');
-
-      expect(exitMock).toHaveBeenCalledWith(0);
-      expect(isTaggedLatestMock.mock.calls).toHaveLength(0);
-      expect(echoMock).toHaveBeenCalledWith(
-        'Skipping `npm publish` because --dry-run is set.',
-      );
-      expect(setReactNativeVersionMock).toBeCalledWith(
-        '1000.0.0-currentco',
-        null,
-        'dry-run',
-      );
-    });
-  });
-
-  describe('nightly', () => {
-    it('should publish', () => {
-      execMock
-        .mockReturnValueOnce({stdout: '0.81.0-rc.1\n', code: 0})
-        .mockReturnValueOnce({code: 0});
-      const expectedVersion = '0.82.0-nightly-20230420-currentco';
-
-      publishNpm('nightly');
-
-      /* [macOS We skip Android Artifact and NPM Publish on React Native macOS
-      expect(publishAndroidArtifactsToMavenMock).toHaveBeenCalledWith(
-        expectedVersion,
-        true,
-      );
-      expect(execMock.mock.calls[0][0]).toBe(
-        `npm view react-native@next version`,
-      );
-      expect(execMock.mock.calls[1][0]).toBe('npm publish --tag nightly');
-      expect(echoMock).toHaveBeenCalledWith(
-        `Published to npm ${expectedVersion}`,
-      );
-      expect(exitMock).toHaveBeenCalledWith(0);
-      macOS] */
-    });
-
-    it('should fail to set version', () => {
-      execMock.mockReturnValueOnce({stdout: '0.81.0-rc.1\n', code: 0});
-      const expectedVersion = '0.82.0-nightly-20230420-currentco';
-      setReactNativeVersionMock.mockImplementation(() => {
-        throw new Error('something went wrong');
-      });
-
-      publishNpm('nightly');
-
-      expect(publishAndroidArtifactsToMavenMock).not.toBeCalled();
-      expect(execMock.mock.calls[0][0]).toBe(
-        `npm view react-native@next version`,
-      );
-      expect(consoleErrorMock).toHaveBeenCalledWith(
-        `Failed to set version number to ${expectedVersion}`,
-      );
-      expect(exitMock).toHaveBeenCalledWith(1);
-    });
-  });
-
-  describe('release', () => {
-    it('should fail with invalid release version', () => {
-      process.env.CIRCLE_TAG = '1.0.1';
-      expect(() => {
-        publishNpm('release');
-      }).toThrow('Version 1.0.1 is not valid for Release');
-      expect(publishAndroidArtifactsToMavenMock).not.toBeCalled();
-    });
-
-    it('should publish non-latest', () => {
-      execMock.mockReturnValueOnce({code: 0});
-      isTaggedLatestMock.mockReturnValueOnce(false);
-      process.env.CIRCLE_TAG = '0.81.1';
-      process.env.NPM_CONFIG_OTP = 'otp';
-
-      publishNpm('release');
-
-      /* [macOS We skip Android Artifact and NPM Publish on React Native macOS
-      const expectedVersion = '0.81.1';
-      expect(publishAndroidArtifactsToMavenMock).toHaveBeenCalledWith(
-        expectedVersion,
-        false,
-      );
-      expect(execMock).toHaveBeenCalledWith(
-        `npm publish --tag 0.81-stable --otp otp`,
-        {cwd: '../packages/react-native'},
-      );
-      expect(echoMock).toHaveBeenCalledWith(
-        `Published to npm ${expectedVersion}`,
-      );
-      expect(exitMock).toHaveBeenCalledWith(0);
-      expect(execMock.mock.calls).toHaveLength(1);
-      macOS] */
-    });
-
-    it('should publish latest stable', () => {
-      execMock.mockReturnValueOnce({code: 0});
-      isTaggedLatestMock.mockReturnValueOnce(true);
-      process.env.CIRCLE_TAG = '0.81.1';
-      process.env.NPM_CONFIG_OTP = 'otp';
-
-      publishNpm('release');
-
-      /* [macOS We skip Android Artifact and NPM Publish on React Native macOS
-      const expectedVersion = '0.81.1';
-      expect(publishAndroidArtifactsToMavenMock).toHaveBeenCalledWith(
-        expectedVersion,
-        false,
-      );
-      expect(execMock).toHaveBeenCalledWith(
-        `npm publish --tag latest --otp ${process.env.NPM_CONFIG_OTP}`,
-        {cwd: '../packages/react-native'},
-      );
-      expect(echoMock).toHaveBeenCalledWith(
-        `Published to npm ${expectedVersion}`,
-      );
-      expect(exitMock).toHaveBeenCalledWith(0);
-      expect(execMock.mock.calls).toHaveLength(1);
-      macOS] */
-    });
-
-    it('should fail to publish latest stable', () => {
-      execMock.mockReturnValueOnce({code: 1});
-      isTaggedLatestMock.mockReturnValueOnce(true);
-      process.env.CIRCLE_TAG = '0.81.1';
-      process.env.NPM_CONFIG_OTP = 'otp';
-
-      publishNpm('release');
-
-      /* [macOS We skip Android Artifact and NPM Publish on React Native macOS
-      const expectedVersion = '0.81.1';
-      expect(publishAndroidArtifactsToMavenMock).toHaveBeenCalledWith(
-        expectedVersion,
-        false,
-      );
-      expect(execMock).toHaveBeenCalledWith(
-        `npm publish --tag latest --otp ${process.env.NPM_CONFIG_OTP}`,
-        {cwd: '../packages/react-native'},
-      );
-      expect(echoMock).toHaveBeenCalledWith(`Failed to publish package to npm`);
-      expect(exitMock).toHaveBeenCalledWith(1);
-      expect(execMock.mock.calls).toHaveLength(1);
-      macOS] */
-    });
-
-    it('should publish next', () => {
-      execMock.mockReturnValueOnce({code: 0});
-      isTaggedLatestMock.mockReturnValueOnce(true);
-      process.env.CIRCLE_TAG = '0.81.0-rc.4';
-      process.env.NPM_CONFIG_OTP = 'otp';
-
-      publishNpm('release');
-
-      /* [macOS We skip Android Artifact and NPM Publish on React Native macOS
-      const expectedVersion = '0.81.0-rc.4';
-      expect(publishAndroidArtifactsToMavenMock).toHaveBeenCalledWith(
-        expectedVersion,
-        false,
-      );
-      expect(execMock).toHaveBeenCalledWith(
-        `npm publish --tag next --otp ${process.env.NPM_CONFIG_OTP}`,
-        {cwd: '../packages/react-native'},
-      );
-      expect(echoMock).toHaveBeenCalledWith(
-        `Published to npm ${expectedVersion}`,
-      );
-      expect(exitMock).toHaveBeenCalledWith(0);
-      expect(execMock.mock.calls).toHaveLength(1);
-      macOS] */
-    });
-  });
-});
diff --git a/scripts/__tests__/scm-utils-test.js b/scripts/__tests__/scm-utils-test.js
index 46db3361fd2f7a..e1c000eaaad121 100644
--- a/scripts/__tests__/scm-utils-test.js
+++ b/scripts/__tests__/scm-utils-test.js
@@ -7,7 +7,7 @@
  * @format
  */
 
-const {isTaggedLatest, saveFiles, revertFiles} = require('../scm-utils');
+const {isTaggedLatest, revertFiles, saveFiles} = require('../scm-utils');
 
 let execResult = null;
 const cpMock = jest.fn();
diff --git a/scripts/__tests__/set-rn-version-test.js b/scripts/__tests__/set-rn-version-test.js
deleted file mode 100644
index d01ee595905939..00000000000000
--- a/scripts/__tests__/set-rn-version-test.js
+++ /dev/null
@@ -1,137 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-const echoMock = jest.fn();
-const catMock = jest.fn();
-const sedMock = jest.fn();
-const writeFileSyncMock = jest.fn();
-const updateTemplatePackageMock = jest.fn();
-
-jest
-  .mock('shelljs', () => ({
-    echo: echoMock,
-    cat: catMock,
-    sed: sedMock,
-  }))
-  .mock('./../update-template-package', () => updateTemplatePackageMock)
-  .mock('fs', () => ({
-    writeFileSync: writeFileSyncMock,
-    mkdtempSync: () => './rn-set-version/',
-  }));
-
-const setReactNativeVersion = require('../set-rn-version');
-
-describe('set-rn-version', () => {
-  afterEach(() => {
-    jest.resetModules();
-    jest.resetAllMocks();
-  });
-
-  it('should set nightly version', () => {
-    catMock.mockImplementation(path => {
-      if (path === 'packages/react-native/package.json') {
-        return '{"name": "myPackage", "version": 2, "dependencies": {"@react-native/package-a": "nightly", "@react-native/package-b": "^0.73.0"}}';
-      } else if (
-        path === 'scripts/versiontemplates/ReactNativeVersion.java.template' ||
-        path === 'scripts/versiontemplates/RCTVersion.m.template' ||
-        path === 'scripts/versiontemplates/ReactNativeVersion.h.template' ||
-        path === 'scripts/versiontemplates/ReactNativeVersion.js.template'
-      ) {
-        return '{major: ${major}, minor: ${minor}, patch: ${patch}, prerelease: ${prerelease}}';
-      } else {
-        throw new Error(`Invalid path passed for package dir. Path: ${path}`);
-      }
-    });
-
-    sedMock.mockReturnValueOnce({code: 0});
-
-    const version = '0.81.0-nightly-29282302-abcd1234';
-    const nightlyVersions = {
-      '@react-native/package-a': version,
-    };
-    setReactNativeVersion(version, nightlyVersions, 'nightly');
-
-    expect(sedMock).toHaveBeenCalledWith(
-      '-i',
-      /^VERSION_NAME=.*/,
-      `VERSION_NAME=${version}`,
-      'packages/react-native/ReactAndroid/gradle.properties',
-    );
-    expect(writeFileSyncMock.mock.calls.length).toBe(5);
-    expect(writeFileSyncMock.mock.calls[0][0]).toBe(
-      'packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java',
-    );
-    expect(writeFileSyncMock.mock.calls[0][1]).toBe(
-      '{major: 0, minor: 81, patch: 0, prerelease: "nightly-29282302-abcd1234"}',
-    );
-    expect(writeFileSyncMock.mock.calls[1][0]).toBe(
-      'packages/react-native/React/Base/RCTVersion.m',
-    );
-    expect(writeFileSyncMock.mock.calls[2][0]).toBe(
-      'packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h',
-    );
-    expect(writeFileSyncMock.mock.calls[3][0]).toBe(
-      'packages/react-native/Libraries/Core/ReactNativeVersion.js',
-    );
-    expect(writeFileSyncMock.mock.calls[4][0]).toBe(
-      'packages/react-native/package.json',
-    );
-    expect(writeFileSyncMock.mock.calls[4][1]).toBe(`{
-  "name": "myPackage",
-  "version": "${version}",
-  "dependencies": {
-    "@react-native/package-a": "0.81.0-nightly-29282302-abcd1234",
-    "@react-native/package-b": "^0.73.0"
-  }
-}`);
-
-    expect(updateTemplatePackageMock).toHaveBeenCalledWith({
-      '@react-native/package-a': '0.81.0-nightly-29282302-abcd1234',
-      'react-native': version,
-    });
-  });
-
-  it('should set release version', () => {
-    catMock.mockImplementation(path => {
-      if (path === 'packages/react-native/package.json') {
-        return '{"name": "myPackage", "version": 2}';
-      }
-      return 'exports.version = {major: ${major}, minor: ${minor}, patch: ${patch}, prerelease: ${prerelease}}';
-    });
-
-    sedMock.mockReturnValueOnce({code: 0});
-
-    const version = '0.81.0';
-    setReactNativeVersion(version, null, 'release');
-
-    expect(sedMock).toHaveBeenCalledWith(
-      '-i',
-      /^VERSION_NAME=.*/,
-      `VERSION_NAME=${version}`,
-      'packages/react-native/ReactAndroid/gradle.properties',
-    );
-    expect(writeFileSyncMock.mock.calls.length).toBe(5);
-    expect(writeFileSyncMock.mock.calls[0][0]).toBe(
-      'packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java',
-    );
-    expect(writeFileSyncMock.mock.calls[0][1]).toBe(
-      'exports.version = {major: 0, minor: 81, patch: 0, prerelease: null}',
-    );
-    expect(writeFileSyncMock.mock.calls[4][0]).toBe(
-      'packages/react-native/package.json',
-    );
-    expect(writeFileSyncMock.mock.calls[4][1]).toBe(
-      `{\n  "name": "myPackage",\n  "version": "${version}"\n}`,
-    );
-
-    expect(updateTemplatePackageMock).toHaveBeenCalledWith({
-      'react-native': version,
-    });
-  });
-});
diff --git a/scripts/android-e2e-test.js b/scripts/android-e2e-test.js
index ad04d6323a1706..6af641d56cee2d 100644
--- a/scripts/android-e2e-test.js
+++ b/scripts/android-e2e-test.js
@@ -32,10 +32,10 @@
 
 'use strict';
 
-const wd = require('wd');
-const path = require('path');
 const fs = require('fs');
+const path = require('path');
 const pd = require('pretty-data2').pd;
+const wd = require('wd');
 
 // value in ms to print out screen contents, set this value in CI to debug if tests are failing
 const appiumDebugInterval = process.env.APPIUM_DEBUG_INTERVAL;
diff --git a/scripts/android-setup.sh b/scripts/android-setup.sh
deleted file mode 100755
index 854140435c272b..00000000000000
--- a/scripts/android-setup.sh
+++ /dev/null
@@ -1,96 +0,0 @@
-#!/bin/bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# inspired by https://github.com/Originate/guide/blob/master/android/guide/Continuous%20Integration.md
-
-# shellcheck disable=SC1091
-source "scripts/.tests.env"
-
-# NOTE: This doesn't run in Circle CI currently!
-function getAndroidPackages {
-  export PATH="$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools:$ANDROID_HOME/tools.bin:$PATH"
-
-  DEPS="$ANDROID_HOME/installed-dependencies"
-
-  # Package names can be obtained using `sdkmanager --list`
-  if [ ! -e "$DEPS" ] || [ ! "$CI" ]; then
-    echo "Installing Android API level $ANDROID_SYSTEM_IMAGE_API_LEVEL, Google APIs, $AVD_ABI system image..."
-    sdkmanager "system-images;android-$ANDROID_SYSTEM_IMAGE_API_LEVEL;google_apis;$AVD_ABI"
-    echo "Installing build SDK for Android API level $ANDROID_SDK_BUILD_API_LEVEL..."
-    sdkmanager "platforms;android-$ANDROID_SDK_BUILD_API_LEVEL"
-    echo "Installing target SDK for Android API level $ANDROID_SDK_TARGET_API_LEVEL..."
-    sdkmanager "platforms;android-$ANDROID_SDK_TARGET_API_LEVEL"
-    echo "Installing SDK build tools, revision $ANDROID_SDK_BUILD_TOOLS_REVISION..."
-    sdkmanager "build-tools;$ANDROID_SDK_BUILD_TOOLS_REVISION"
-    # These moved to "system-images;android-$ANDROID_SDK_BUILD_API_LEVEL;google_apis;x86" starting with API level 25, but there is no ARM version.
-    echo "Installing Google APIs $ANDROID_GOOGLE_API_LEVEL..."
-    sdkmanager "add-ons;addon-google_apis-google-$ANDROID_GOOGLE_API_LEVEL"
-    echo "Installing Android Support Repository"
-    sdkmanager "extras;android;m2repository"
-    $CI && touch "$DEPS"
-  fi
-}
-
-function getAndroidNDK {
-  NDK_HOME="/opt/ndk"
-  DEPS="$NDK_HOME/installed-dependencies"
-
-  if [ ! -e $DEPS ]; then
-    cd $NDK_HOME || exit
-    echo "Downloading NDK..."
-    curl -o ndk.zip https://dl.google.com/android/repository/android-ndk-r19c-linux-x86_64.zip
-    unzip -o -q ndk.zip
-    echo "Installed Android NDK at $NDK_HOME"
-    touch $DEPS
-    rm ndk.zip
-  fi
-}
-
-function createAVD {
-  if [ -z "$ANDROID_DISABLE_AVD_TESTS" ]
-  then
-    AVD_PACKAGES="system-images;android-$ANDROID_IMAGE_API_LEVEL;google_apis;$AVD_ABI"
-    echo "Creating AVD with packages $AVD_PACKAGES"
-    echo no | avdmanager create avd --name "$AVD_NAME" --force --package "$AVD_PACKAGES" --tag google_apis --abi "$AVD_ABI"
-  else
-    echo "Skipping AVD-related test setup..."
-  fi
-}
-
-function launchAVD {
-  # Force start adb server
-  adb start-server
-
-  if [ -z "$ANDROID_DISABLE_AVD_TESTS" ]
-  then
-    # The AVD name here should match the one created in createAVD
-    if [ "$CI" ]
-    then
-      "$ANDROID_HOME/emulator/emulator" -avd "$AVD_NAME" -no-audio -no-window
-    else
-      "$ANDROID_HOME/emulator/emulator" -avd "$AVD_NAME"
-    fi
-  else
-    echo "Skipping AVD-related test setup..."
-  fi
-}
-
-function waitForAVD {
-  if [ -z "$ANDROID_DISABLE_AVD_TESTS" ]
-  then
-    echo "Waiting for Android Virtual Device to finish booting..."
-    local bootanim=""
-    export PATH=$(dirname $(dirname $(command -v android)))/platform-tools:$PATH
-    until [[ "$bootanim" =~ "stopped" ]]; do
-      sleep 5
-      bootanim=$(adb -e shell getprop init.svc.bootanim 2>&1)
-      echo "boot animation status=$bootanim"
-    done
-    echo "Android Virtual Device is ready."
-  else
-    echo "Skipping AVD-related test setup..."
-  fi
-}
diff --git a/scripts/build/babel-register.js b/scripts/build/babel-register.js
index e105daae90d12b..f2f1c4eeebb7a4 100644
--- a/scripts/build/babel-register.js
+++ b/scripts/build/babel-register.js
@@ -4,14 +4,14 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  * @oncall react_native
  */
 
-const path = require('path');
 const {PACKAGES_DIR} = require('./build');
 const {buildConfig, getBabelConfig} = require('./config');
+const path = require('path');
 
 let isRegisteredForMonorepo = false;
 
@@ -50,7 +50,7 @@ function registerPackage(packageName /*: string */) {
   const registerConfig = {
     ...getBabelConfig(packageName),
     root: packageDir,
-    ignore: [/\/node_modules\//],
+    ignore: [/[/\\]node_modules[/\\]/],
   };
 
   require('@babel/register')(registerConfig);
diff --git a/scripts/build/babel/node.config.js b/scripts/build/babel/node.config.js
index 1bef04bcc01f01..52634d00f3a8ec 100644
--- a/scripts/build/babel/node.config.js
+++ b/scripts/build/babel/node.config.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  * @oncall react_native
  */
diff --git a/scripts/build/build.js b/scripts/build/build.js
index 13c1224d536d3b..3fe18c98e4dff1 100644
--- a/scripts/build/build.js
+++ b/scripts/build/build.js
@@ -9,25 +9,24 @@
  * @oncall react_native
  */
 
+const {PACKAGES_DIR} = require('../consts');
+const {
+  buildConfig,
+  getBabelConfig,
+  getBuildOptions,
+  getTypeScriptCompilerOptions,
+} = require('./config');
 const babel = require('@babel/core');
 const {parseArgs} = require('@pkgjs/parseargs');
 const chalk = require('chalk');
 const translate = require('flow-api-translator');
+const {promises: fs} = require('fs');
 const glob = require('glob');
 const micromatch = require('micromatch');
-const {promises: fs} = require('fs');
 const path = require('path');
 const prettier = require('prettier');
 const ts = require('typescript');
-const {
-  buildConfig,
-  getBabelConfig,
-  getBuildOptions,
-  getTypeScriptCompilerOptions,
-} = require('./config');
 
-const REPO_ROOT = path.resolve(__dirname, '../..');
-const PACKAGES_DIR /*: string */ = path.join(REPO_ROOT, 'packages');
 const SRC_DIR = 'src';
 const BUILD_DIR = 'dist';
 const JS_FILES_PATTERN = '**/*.js';
diff --git a/scripts/build/clean.js b/scripts/build/clean.js
index 15296f06556b73..ca71451d73f374 100644
--- a/scripts/build/clean.js
+++ b/scripts/build/clean.js
@@ -9,11 +9,11 @@
  * @oncall react_native
  */
 
+const {BUILD_DIR, PACKAGES_DIR} = require('./build');
+const {buildConfig} = require('./config');
 const {parseArgs} = require('@pkgjs/parseargs');
 const fs = require('fs');
 const path = require('path');
-const {BUILD_DIR, PACKAGES_DIR} = require('./build');
-const {buildConfig} = require('./config');
 
 const config = {
   options: {
diff --git a/scripts/build/config.js b/scripts/build/config.js
index a2014995b829d9..676fffb5c74b46 100644
--- a/scripts/build/config.js
+++ b/scripts/build/config.js
@@ -49,6 +49,10 @@ const buildConfig /*: BuildConfig */ = {
       target: 'node',
       emitTypeScriptDefs: true,
     },
+    'metro-config': {
+      target: 'node',
+      emitTypeScriptDefs: true,
+    },
   },
 };
 
diff --git a/scripts/circle-ci-artifacts-utils.js b/scripts/circle-ci-artifacts-utils.js
deleted file mode 100644
index 5d7f9e2b09bf8b..00000000000000
--- a/scripts/circle-ci-artifacts-utils.js
+++ /dev/null
@@ -1,186 +0,0 @@
-#!/usr/bin/env node
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const {exec} = require('shelljs');
-
-const util = require('util');
-const asyncRequest = require('request');
-const request = util.promisify(asyncRequest);
-
-let circleCIHeaders;
-let jobs;
-let baseTemporaryPath;
-
-async function initialize(circleCIToken, baseTempPath, branchName) {
-  console.info('Getting CircleCI information');
-  circleCIHeaders = {'Circle-Token': circleCIToken};
-  baseTemporaryPath = baseTempPath;
-  exec(`mkdir -p ${baseTemporaryPath}`);
-  const pipeline = await _getLastCircleCIPipelineID(branchName);
-  const testsWorkflow = await _getTestsWorkflow(pipeline.id);
-  const jobsResults = await _getCircleCIJobs(testsWorkflow.id);
-
-  jobs = jobsResults.flatMap(j => j);
-}
-
-function baseTmpPath() {
-  return baseTemporaryPath;
-}
-
-async function _getLastCircleCIPipelineID(branchName) {
-  const options = {
-    method: 'GET',
-    url: 'https://circleci.com/api/v2/project/gh/facebook/react-native/pipeline',
-    qs: {
-      branch: branchName,
-    },
-    headers: circleCIHeaders,
-  };
-
-  const response = await request(options);
-  if (response.error) {
-    throw new Error(error);
-  }
-
-  const items = JSON.parse(response.body).items;
-
-  if (!items || items.length === 0) {
-    throw new Error(
-      'No pipelines found on this branch. Make sure that the CI has run at least once, successfully',
-    );
-  }
-
-  const lastPipeline = items[0];
-  return {id: lastPipeline.id, number: lastPipeline.number};
-}
-
-async function _getSpecificWorkflow(pipelineId, workflowName) {
-  const options = {
-    method: 'GET',
-    url: `https://circleci.com/api/v2/pipeline/${pipelineId}/workflow`,
-    headers: circleCIHeaders,
-  };
-  const response = await request(options);
-  if (response.error) {
-    throw new Error(error);
-  }
-
-  const body = JSON.parse(response.body);
-  let workflow = body.items.find(w => w.name === workflowName);
-  _throwIfWorkflowNotFound(workflow, workflowName);
-  return workflow;
-}
-
-function _throwIfWorkflowNotFound(workflow, name) {
-  if (!workflow) {
-    throw new Error(
-      `Can't find a workflow named ${name}. Please check whether that workflow has started.`,
-    );
-  }
-}
-
-async function _getTestsWorkflow(pipelineId) {
-  return _getSpecificWorkflow(pipelineId, 'tests');
-}
-
-async function _getCircleCIJobs(workflowId) {
-  const options = {
-    method: 'GET',
-    url: `https://circleci.com/api/v2/workflow/${workflowId}/job`,
-    headers: circleCIHeaders,
-  };
-  const response = await request(options);
-  if (response.error) {
-    throw new Error(error);
-  }
-
-  const body = JSON.parse(response.body);
-  return body.items;
-}
-
-async function _getJobsArtifacts(jobNumber) {
-  const options = {
-    method: 'GET',
-    url: `https://circleci.com/api/v2/project/gh/facebook/react-native/${jobNumber}/artifacts`,
-    headers: circleCIHeaders,
-  };
-  const response = await request(options);
-  if (response.error) {
-    throw new Error(error);
-  }
-
-  const body = JSON.parse(response.body);
-  return body.items;
-}
-
-async function _findUrlForJob(jobName, artifactPath) {
-  const job = jobs.find(j => j.name === jobName);
-  _throwIfJobIsNull(job);
-  _throwIfJobIsUnsuccessful(job);
-
-  const artifacts = await _getJobsArtifacts(job.job_number);
-  return artifacts.find(artifact => artifact.path.indexOf(artifactPath) > -1)
-    .url;
-}
-
-function _throwIfJobIsNull(job) {
-  if (!job) {
-    throw new Error(
-      `Can't find a job with name ${job.name}. Please verify that it has been executed and that all its dependencies completed successfully.`,
-    );
-  }
-}
-
-function _throwIfJobIsUnsuccessful(job) {
-  if (job.status !== 'success') {
-    throw new Error(
-      `The job ${job.name} status is ${job.status}. We need a 'success' status to proceed with the testing.`,
-    );
-  }
-}
-
-async function artifactURLHermesDebug() {
-  return _findUrlForJob('build_hermes_macos-Debug', 'hermes-ios-debug.tar.gz');
-}
-
-async function artifactURLForMavenLocal() {
-  return _findUrlForJob('build_npm_package', 'maven-local.zip');
-}
-
-async function artifactURLForHermesRNTesterAPK(emulatorArch) {
-  return _findUrlForJob(
-    'test_android',
-    `rntester-apk/hermes/debug/app-hermes-${emulatorArch}-debug.apk`,
-  );
-}
-
-async function artifactURLForJSCRNTesterAPK(emulatorArch) {
-  return _findUrlForJob(
-    'test_android',
-    `rntester-apk/jsc/debug/app-jsc-${emulatorArch}-debug.apk`,
-  );
-}
-
-function downloadArtifact(artifactURL, destination) {
-  exec(`rm -rf ${destination}`);
-  exec(`curl ${artifactURL} -Lo ${destination}`);
-}
-
-module.exports = {
-  initialize,
-  downloadArtifact,
-  artifactURLForJSCRNTesterAPK,
-  artifactURLForHermesRNTesterAPK,
-  artifactURLForMavenLocal,
-  artifactURLHermesDebug,
-  baseTmpPath,
-};
diff --git a/scripts/circleci/apt-get-android-deps.sh b/scripts/circleci/apt-get-android-deps.sh
deleted file mode 100755
index 308e5163f6ddcb..00000000000000
--- a/scripts/circleci/apt-get-android-deps.sh
+++ /dev/null
@@ -1,29 +0,0 @@
-#!/bin/bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-set -e
-
-echo "Downloading package lists..."
-sudo apt-get update -y
-
-if ! [[ -d ~/vendor/apt ]]; then
-  mkdir -p ~/vendor/apt
-fi
-
-# First check for archives cache
-if ! [[ -d ~/vendor/apt/archives ]]; then
-  # It doesn't so download the packages
-  echo "Downloading build dependencies..."
-  sudo apt-get install --download-only ant autoconf automake g++ gcc libqt5widgets5 lib32z1 lib32stdc++6 make maven python-dev python3-dev qml-module-qtquick-controls qtdeclarative5-dev libpulse0 file -y
-  # Then move them to our cache directory
-  sudo cp -R /var/cache/apt ~/vendor/
-  # Making sure our user has ownership, in order to cache
-  sudo chown -R ${USER:=$(/usr/bin/id -run)}:$USER ~/vendor/apt
-fi
-
-# Install all packages in the cache
-echo "Installing build dependencies..."
-sudo dpkg -i ~/vendor/apt/archives/*.deb
diff --git a/scripts/circleci/pipeline_selection.js b/scripts/circleci/pipeline_selection.js
index e1cfa4b7b1d31e..5312caa03f6dc6 100644
--- a/scripts/circleci/pipeline_selection.js
+++ b/scripts/circleci/pipeline_selection.js
@@ -12,9 +12,9 @@
  * based on the files modified by the commit.
  */
 
+const {execSync} = require('child_process');
 const fs = require('fs');
 const yargs = require('yargs');
-const {execSync} = require('child_process');
 
 /**
  * Check whether the filename is a JS/TS file and not in the script folder
@@ -54,10 +54,6 @@ const mapping = [
     name: 'RUN_ANDROID',
     filterFN: name => name.indexOf('ReactAndroid/') > -1,
   },
-  {
-    name: 'RUN_E2E',
-    filterFN: name => name.indexOf('rn-tester-e2e/') > -1,
-  },
   {
     name: 'RUN_JS',
     filterFN: name => isJSChange(name),
@@ -109,8 +105,7 @@ yargs
     'filter-jobs',
     'Filters the jobs based on the list of chaged files in the PR',
     filterJobsOptions,
-    argv =>
-      filterJobs(argv.output_path).then(() => console.info('Filtering done!')),
+    argv => filterJobs(argv.output_path),
   )
   .demandCommand()
   .strict()
@@ -135,7 +130,23 @@ function _getFilesFromGit() {
   }
 }
 
-async function _computeAndSavePipelineParameters(pipelineType, outputPath) {
+function _shouldRunE2E() {
+  try {
+    const gitCommand = 'git log -1 --pretty=format:"%B" | head -n 1';
+    const commitMessage = String(execSync(gitCommand)).trim();
+    console.log(`commitMessage: ${commitMessage}`);
+    return commitMessage.includes('#run-e2e-tests');
+  } catch (error) {
+    console.error(error);
+    return false;
+  }
+}
+
+function _computeAndSavePipelineParameters(
+  pipelineType,
+  outputPath,
+  shouldRunE2E,
+) {
   fs.mkdirSync(outputPath, {recursive: true});
   const filePath = `${outputPath}/pipeline_config.json`;
 
@@ -144,8 +155,12 @@ async function _computeAndSavePipelineParameters(pipelineType, outputPath) {
     return;
   }
 
+  console.log(`Should run e2e? ${shouldRunE2E}`);
   if (pipelineType === 'ALL') {
-    fs.writeFileSync(filePath, JSON.stringify({run_all: true}, null, 2));
+    fs.writeFileSync(
+      filePath,
+      JSON.stringify({run_all: true, run_e2e: shouldRunE2E}, null, 2),
+    );
     return;
   }
 
@@ -154,7 +169,7 @@ async function _computeAndSavePipelineParameters(pipelineType, outputPath) {
     run_ios: pipelineType === 'RUN_IOS',
     run_android: pipelineType === 'RUN_ANDROID',
     run_js: pipelineType === 'RUN_JS',
-    run_e2e: pipelineType === 'RUN_E2E' || pipelineType === 'RUN_JS',
+    run_e2e: shouldRunE2E,
   };
 
   const stringifiedParams = JSON.stringify(params, null, 2);
@@ -181,7 +196,7 @@ function createConfigs(inputPath, outputPath, configFile) {
     run_ios: ['testIOS.yml'],
     run_android: ['testAndroid.yml'],
     run_e2e: ['testE2E.yml'],
-    run_all: ['testE2E.yml', 'testJS.yml', 'testAll.yml'],
+    run_all: ['testJS.yml', 'testAll.yml'],
     run_js: ['testJS.yml'],
   };
 
@@ -211,20 +226,22 @@ function createConfigs(inputPath, outputPath, configFile) {
   );
 }
 
-async function filterJobs(outputPath) {
+function filterJobs(outputPath) {
   const fileList = _getFilesFromGit();
 
   if (fileList.length === 0) {
-    await _computeAndSavePipelineParameters('SKIP', outputPath);
+    _computeAndSavePipelineParameters('SKIP', outputPath);
     return;
   }
 
+  const shouldRunE2E = _shouldRunE2E();
+
   for (const filter of mapping) {
     const found = fileList.every(filter.filterFN);
     if (found) {
-      await _computeAndSavePipelineParameters(filter.name, outputPath);
+      _computeAndSavePipelineParameters(filter.name, outputPath, shouldRunE2E);
       return;
     }
   }
-  await _computeAndSavePipelineParameters('ALL', outputPath);
+  _computeAndSavePipelineParameters('ALL', outputPath, shouldRunE2E);
 }
diff --git a/scripts/circleci/poll-maven.js b/scripts/circleci/poll-maven.js
index a71ce0c38c1936..0391222906cd77 100644
--- a/scripts/circleci/poll-maven.js
+++ b/scripts/circleci/poll-maven.js
@@ -7,8 +7,8 @@
  * @format
  */
 
-const fetch = require('node-fetch');
 const fs = require('fs');
+const fetch = require('node-fetch');
 
 const baseMavenRepo = 'https://repo1.maven.org/maven2/com/facebook/react';
 const artifacts = ['react-native-artifacts', 'react-android', 'hermes-android'];
diff --git a/scripts/consts.js b/scripts/consts.js
new file mode 100644
index 00000000000000..a4528fea7dceb6
--- /dev/null
+++ b/scripts/consts.js
@@ -0,0 +1,44 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ * @oncall react_native
+ */
+
+const path = require('path');
+
+/**
+ * The absolute path to the repo root.
+ */
+const REPO_ROOT /*: string */ = path.resolve(__dirname, '..');
+
+/**
+ * The absolute path to the packages directory (note: this directory alone may
+ * not match the "workspaces" config in package.json).
+ */
+const PACKAGES_DIR /*: string */ = path.join(REPO_ROOT, 'packages');
+
+/**
+ * The absolute path to the repo scripts directory.
+ */
+const SCRIPTS_DIR /*: string */ = path.join(REPO_ROOT, 'scripts');
+
+/**
+ * The absolute path to the react-native package.
+ */
+const REACT_NATIVE_PACKAGE_DIR /*: string */ = path.join(
+  REPO_ROOT,
+  'packages',
+  'react-native',
+);
+
+module.exports = {
+  PACKAGES_DIR,
+  REACT_NATIVE_PACKAGE_DIR,
+  REPO_ROOT,
+  SCRIPTS_DIR,
+};
diff --git a/scripts/debugger-frontend/sync-and-build.js b/scripts/debugger-frontend/sync-and-build.js
index c72ce8a646d4ce..37a55c1c3245c4 100644
--- a/scripts/debugger-frontend/sync-and-build.js
+++ b/scripts/debugger-frontend/sync-and-build.js
@@ -9,13 +9,14 @@
  * @oncall react_native
  */
 
+const {PACKAGES_DIR} = require('../consts');
 const {parseArgs} = require('@pkgjs/parseargs');
 // $FlowFixMe[untyped-import]: TODO type ansi-styles
 const ansiStyles = require('ansi-styles');
 const chalk = require('chalk');
 const {execSync, spawnSync} = require('child_process');
 const {promises: fs} = require('fs');
-const {tmpdir, hostname, userInfo} = require('os');
+const {hostname, tmpdir, userInfo} = require('os');
 const path = require('path');
 // $FlowFixMe[untyped-import]: TODO type rimraf
 const rimraf = require('rimraf');
@@ -25,15 +26,12 @@ const SignedSource = require('signedsource');
 const supportsColor = require('supports-color');
 
 const DEVTOOLS_FRONTEND_REPO_URL =
-  'https://github.com/motiz88/rn-chrome-devtools-frontend';
-const DEVTOOLS_FRONTEND_REPO_BRANCH = 'rn-0.73-chromium-5845';
-
-const REPO_ROOT = path.resolve(__dirname, '../..');
-const PACKAGES_DIR /*: string */ = path.join(REPO_ROOT, 'packages');
+  'https://github.com/facebookexperimental/rn-chrome-devtools-frontend';
 
 const config = {
   allowPositionals: true,
   options: {
+    branch: {type: 'string'},
     'keep-scratch': {type: 'boolean'},
     nohooks: {type: 'boolean'},
     help: {type: 'boolean'},
@@ -43,24 +41,21 @@ const config = {
 async function main() {
   const {
     positionals,
-    values: {help, nohooks, 'keep-scratch': keepScratch},
+    values: {help, branch, nohooks, 'keep-scratch': keepScratch},
   } = parseArgs(config);
 
   if (help === true) {
-    console.log(`
-  Usage: node scripts/debugger-frontend/sync-and-build [OPTIONS] [checkout path]
-
-  Sync and build the debugger frontend into @react-native/debugger-frontend.
+    showHelp();
+    process.exitCode = 0;
+    return;
+  }
 
-  By default, checks out the currently pinned revision of the DevTools frontend.
-  If an existing checkout path is provided, builds it instead.
+  const localCheckoutPath = positionals?.[0];
 
-  Options:
-    --nohooks          Don't run gclient hooks in the devtools checkout (useful
-                       for existing checkouts).
-    --keep-scratch     Don't clean up temporary files.
-`);
-    process.exitCode = 0;
+  if (branch == null && !localCheckoutPath?.length) {
+    console.error(chalk.red('Error: Missing option --branch'));
+    showHelp();
+    process.exitCode = 1;
     return;
   }
 
@@ -72,8 +67,8 @@ async function main() {
   process.stdout.write(chalk.dim(`Scratch path: ${scratchPath}\n\n`));
 
   await checkRequiredTools();
-  const localCheckoutPath = positionals.length ? positionals[0] : undefined;
   await buildDebuggerFrontend(scratchPath, localCheckoutPath, {
+    branch: branch ?? '',
     gclientSyncOptions: {nohooks: nohooks === true},
   });
   await cleanup(scratchPath, keepScratch === true);
@@ -83,6 +78,24 @@ async function main() {
   );
 }
 
+function showHelp() {
+  console.log(`
+  Usage: node scripts/debugger-frontend/sync-and-build [OPTIONS] [checkout path]
+
+  Sync and build the debugger frontend into @react-native/debugger-frontend.
+
+  By default, checks out the currently pinned revision of the DevTools frontend.
+  If an existing checkout path is provided, builds it instead.
+
+  Options:
+    --branch           The DevTools frontend branch to use. Ignored when
+                       providing a local checkout path.
+    --nohooks          Don't run gclient hooks in the devtools checkout (useful
+                       for existing checkouts).
+    --keep-scratch     Don't clean up temporary files.
+`);
+}
+
 async function checkRequiredTools() {
   process.stdout.write('Checking that required tools are available' + '\n');
   await spawnSafe('git', ['--version'], {stdio: 'ignore'});
@@ -104,9 +117,10 @@ async function checkRequiredTools() {
 async function buildDebuggerFrontend(
   scratchPath /*: string */,
   localCheckoutPath /*: ?string */,
-  {
-    gclientSyncOptions,
-  } /*: $ReadOnly<{gclientSyncOptions: $ReadOnly<{nohooks: boolean}>}>*/,
+  {branch, gclientSyncOptions} /*: $ReadOnly<{
+    branch: string,
+    gclientSyncOptions: $ReadOnly<{nohooks: boolean}>,
+  }>*/,
 ) {
   let checkoutPath;
   if (localCheckoutPath == null) {
@@ -114,7 +128,7 @@ async function buildDebuggerFrontend(
 
     await fs.mkdir(scratchPath, {recursive: true});
 
-    await checkoutDevToolsFrontend(scratchCheckoutPath);
+    await checkoutDevToolsFrontend(scratchCheckoutPath, branch);
     checkoutPath = scratchCheckoutPath;
   } else {
     checkoutPath = localCheckoutPath;
@@ -133,20 +147,24 @@ async function buildDebuggerFrontend(
   await generateBuildInfo({
     checkoutPath,
     packagePath,
+    branch,
     isLocalCheckout: localCheckoutPath != null,
     gclientSyncOptions,
     gnArgsSummary,
   });
 }
 
-async function checkoutDevToolsFrontend(checkoutPath /*: string */) {
+async function checkoutDevToolsFrontend(
+  checkoutPath /*: string */,
+  branch /*: string */,
+) {
   process.stdout.write('Checking out devtools-frontend\n');
   await fs.mkdir(checkoutPath, {recursive: true});
   await spawnSafe('git', [
     'clone',
     DEVTOOLS_FRONTEND_REPO_URL,
     '--branch',
-    DEVTOOLS_FRONTEND_REPO_BRANCH,
+    branch,
     '--single-branch',
     '--depth',
     '1',
@@ -262,6 +280,7 @@ async function generateBuildInfo(
   info /*: $ReadOnly<{
   checkoutPath: string,
   isLocalCheckout: boolean,
+  branch: string,
   packagePath: string,
   gclientSyncOptions: $ReadOnly<{nohooks: boolean}>,
   gnArgsSummary: string,
@@ -298,7 +317,7 @@ async function generateBuildInfo(
     ...(!info.isLocalCheckout
       ? [
           'Remote URL: ' + DEVTOOLS_FRONTEND_REPO_URL,
-          'Remote branch: ' + DEVTOOLS_FRONTEND_REPO_BRANCH,
+          'Remote branch: ' + info.branch,
         ]
       : ['Hostname: ' + hostname(), 'User: ' + userInfo().username]),
     'GN build args (overrides only): ',
diff --git a/scripts/e2e/init-template-e2e.js b/scripts/e2e/init-template-e2e.js
new file mode 100644
index 00000000000000..49542fcb730dad
--- /dev/null
+++ b/scripts/e2e/init-template-e2e.js
@@ -0,0 +1,177 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+'use strict';
+
+const {retry} = require('../circleci/retry');
+const {REPO_ROOT} = require('../consts');
+const forEachPackage = require('../monorepo/for-each-package');
+const {
+  VERDACCIO_SERVER_URL,
+  VERDACCIO_STORAGE_PATH,
+  setupVerdaccio,
+} = require('./utils/verdaccio');
+const {parseArgs} = require('@pkgjs/parseargs');
+const chalk = require('chalk');
+const {execSync} = require('child_process');
+
+const config = {
+  options: {
+    projectName: {type: 'string'},
+    templatePath: {type: 'string'},
+    directory: {type: 'string'},
+    verbose: {type: 'boolean', default: false},
+    help: {type: 'boolean'},
+  },
+};
+
+async function main() {
+  const {
+    values: {help, ...options},
+  } = parseArgs(config);
+
+  if (help) {
+    console.log(`
+  Usage: node ./scripts/e2e/init-template-e2e.js [OPTIONS]
+
+  Bootstraps and runs \`react-native init\`, using the currently checked out
+  repository as the source of truth for the react-native package and
+  dependencies.
+
+  - Configures and starts a local npm proxy (Verdaccio).
+  - Builds and publishes all in-repo dependencies to the local npm proxy.
+  - Runs \`react-native init\` with the local npm proxy configured.
+  - Does NOT install CocoaPods dependencies.
+
+  Note: This script will mutate the contents of some package files, which
+  should not be committed.
+
+  Options:
+    --projectName      The name of the new React Native project.
+    --templatePath     The absolute path to the folder containing the template.
+    --directory        The absolute path to the target project directory.
+    --verbose          Print additional output. Default: false.
+    `);
+    return;
+  }
+
+  await initNewProjectFromSource(options);
+}
+
+async function initNewProjectFromSource(
+  {
+    projectName,
+    templatePath,
+    directory,
+    verbose = false,
+  } /*: {projectName: string, templatePath: string, directory: string, verbose?: boolean} */,
+) {
+  console.log('Starting local npm proxy (Verdaccio)');
+  const verdaccioPid = setupVerdaccio();
+  console.log('Done ✅');
+
+  try {
+    execSync('node ./scripts/build/build.js', {
+      cwd: REPO_ROOT,
+      stdio: 'inherit',
+    });
+    console.log('\nDone ✅');
+
+    console.log('Publishing packages to local npm proxy\n');
+    forEachPackage(
+      (packageAbsolutePath, packageRelativePathFromRoot, packageManifest) => {
+        if (packageManifest.private) {
+          return;
+        }
+
+        const desc = `${packageManifest.name} (${packageRelativePathFromRoot})`;
+        process.stdout.write(
+          `${desc} ${chalk.dim('.').repeat(Math.max(0, 72 - desc.length))} `,
+        );
+        execSync(
+          `npm publish --registry ${VERDACCIO_SERVER_URL} --access public`,
+          {
+            cwd: packageAbsolutePath,
+            stdio: verbose ? 'inherit' : [process.stderr],
+          },
+        );
+        process.stdout.write(chalk.reset.inverse.bold.green(' DONE ') + '\n');
+      },
+    );
+    console.log('\nDone ✅');
+
+    console.log('Running react-native init without install');
+    execSync(
+      `node ./packages/react-native/cli.js init ${projectName} \
+        --directory ${directory} \
+        --template ${templatePath} \
+        --verbose \
+        --skip-install \
+        --yarn-config-options npmRegistryServer="${VERDACCIO_SERVER_URL}"`,
+      {
+        // Avoid loading packages/react-native/react-native.config.js
+        cwd: REPO_ROOT,
+        stdio: verbose ? 'inherit' : [process.stderr],
+      },
+    );
+    console.log('\nDone ✅');
+
+    console.log('Installing project dependencies');
+    await runYarnUsingProxy(directory);
+    console.log('Done ✅');
+  } catch (e) {
+    console.log('Failed ❌');
+    throw e;
+  } finally {
+    console.log(`Cleanup: Killing Verdaccio process (PID: ${verdaccioPid})`);
+    execSync(`kill -9 ${verdaccioPid}`);
+    console.log('Done ✅');
+
+    console.log('Cleanup: Removing Verdaccio storage directory');
+    execSync(`rm -rf ${VERDACCIO_STORAGE_PATH}`);
+    console.log('Done ✅');
+
+    // TODO(huntie): Fix memory leak from `spawn` in `setupVerdaccio` (above
+    // kill command does not wait for kill success).
+    process.exit(0);
+  }
+}
+
+async function runYarnUsingProxy(cwd /*: string */) {
+  const execOptions = {
+    cwd,
+    stdio: 'inherit',
+  };
+  execSync(
+    `yarn config set npmRegistryServer "${VERDACCIO_SERVER_URL}"`,
+    execOptions,
+  );
+  execSync(
+    'yarn config set unsafeHttpWhitelist --json \'["localhost"]\'',
+    execOptions,
+  );
+
+  // TODO(huntie): Review pre-existing retry limit
+  const success = await retry('yarn', execOptions, 3, 500, ['install']);
+
+  if (!success) {
+    throw new Error('Failed to install project dependencies');
+  }
+}
+
+module.exports = {
+  initNewProjectFromSource,
+};
+
+if (require.main === module) {
+  // eslint-disable-next-line no-void
+  void main();
+}
diff --git a/scripts/run-ci-e2e-tests.js b/scripts/e2e/run-ci-e2e-tests.js
similarity index 76%
rename from scripts/run-ci-e2e-tests.js
rename to scripts/e2e/run-ci-e2e-tests.js
index 4ec5db85037ea1..d76d7a1b6673be 100644
--- a/scripts/run-ci-e2e-tests.js
+++ b/scripts/e2e/run-ci-e2e-tests.js
@@ -4,7 +4,9 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow
  * @format
+ * @oncall react_native
  */
 
 'use strict';
@@ -19,33 +21,29 @@
  * --retries [num] - how many times to retry possible flaky commands: yarn add and running tests, default 1
  */
 
-const {cd, cp, echo, exec, exit, mv} = require('shelljs');
+const {REACT_NATIVE_PACKAGE_DIR, REPO_ROOT, SCRIPTS_DIR} = require('../consts');
+const forEachPackage = require('../monorepo/for-each-package');
+const tryExecNTimes = require('./utils/try-n-times');
+const {setupVerdaccio} = require('./utils/verdaccio');
 const {execFileSync, spawn} = require('child_process');
-const argv = require('yargs').argv;
+const fs = require('fs');
 const path = require('path');
-
-const forEachPackage = require('./monorepo/for-each-package');
-const setupVerdaccio = require('./setup-verdaccio');
-
-const SCRIPTS = __dirname;
-const ROOT = path.normalize(path.join(__dirname, '..'));
-const REACT_NATIVE_PACKAGE_DIR = path.join(ROOT, 'packages/react-native');
-const tryExecNTimes = require('./try-n-times');
+const {cd, cp, echo, exec, exit, mv} = require('shelljs');
+const argv = require('yargs').argv;
 
 const REACT_NATIVE_TEMP_DIR = exec(
   'mktemp -d /tmp/react-native-XXXXXXXX',
 ).stdout.trim();
 const REACT_NATIVE_APP_DIR = `${REACT_NATIVE_TEMP_DIR}/template`;
-const numberOfRetries = argv.retries || 1;
-
-const VERDACCIO_CONFIG_PATH = path.join(ROOT, '.circleci/verdaccio.yml');
+// $FlowFixMe[incompatible-type]
+const numberOfRetries /*: number */ = argv.retries || 1;
 
 let SERVER_PID;
 let APPIUM_PID;
 let VERDACCIO_PID;
 let exitCode;
 
-function describe(message) {
+function describe(message /*: string */) {
   echo(`\n\n>>>>> ${message}\n\n\n`);
 }
 
@@ -54,30 +52,26 @@ try {
     describe('Compile Android binaries');
     if (
       exec(
-        './gradlew :ReactAndroid:installArchives -Pjobs=1 -Dorg.gradle.jvmargs="-Xmx512m -XX:+HeapDumpOnOutOfMemoryError"',
+        './gradlew publishAllToMavenTempLocal -Pjobs=1 -Dorg.gradle.jvmargs="-Xmx512m -XX:+HeapDumpOnOutOfMemoryError"',
       ).code
     ) {
-      echo('Failed to compile Android binaries');
-      exitCode = 1;
-      throw Error(exitCode);
+      throw new Error('Failed to compile Android binaries');
     }
   }
 
   describe('Create react-native package');
   if (
     exec(
-      'node ./scripts/set-rn-version.js --to-version 1000.0.0 --build-type dry-run',
+      'node ./scripts/releases/set-rn-version.js --to-version 1000.0.0 --build-type dry-run',
     ).code
   ) {
-    echo('Failed to set version and update package.json ready for release');
-    exitCode = 1;
-    throw Error(exitCode);
+    throw new Error(
+      'Failed to set version and update package.json ready for release',
+    );
   }
 
   if (exec('npm pack', {cwd: REACT_NATIVE_PACKAGE_DIR}).code) {
-    echo('Failed to pack react-native');
-    exitCode = 1;
-    throw Error(exitCode);
+    throw new Error('Failed to pack react-native');
   }
 
   const REACT_NATIVE_PACKAGE = path.join(
@@ -86,10 +80,11 @@ try {
   );
 
   describe('Set up Verdaccio');
-  VERDACCIO_PID = setupVerdaccio(ROOT, VERDACCIO_CONFIG_PATH);
+  VERDACCIO_PID = setupVerdaccio();
 
   describe('Build and publish packages');
-  exec('node ./scripts/build/build.js', {cwd: ROOT});
+  exec('node ./scripts/build/build.js', {cwd: REPO_ROOT});
+
   forEachPackage(
     (packageAbsolutePath, packageRelativePathFromRoot, packageManifest) => {
       if (packageManifest.private) {
@@ -106,7 +101,7 @@ try {
   describe('Scaffold a basic React Native app from template');
   execFileSync('rsync', [
     '-a',
-    `${ROOT}/packages/react-native/template`,
+    `${REPO_ROOT}/packages/react-native/template`,
     REACT_NATIVE_TEMP_DIR,
   ]);
   cd(REACT_NATIVE_APP_DIR);
@@ -115,6 +110,7 @@ try {
   mv('_eslintrc.js', '.eslintrc.js');
   mv('_prettierrc.js', '.prettierrc.js');
   mv('_watchmanconfig', '.watchmanconfig');
+  fs.writeFileSync('.npmrc', 'registry=http://localhost:4873');
 
   describe('Install React Native package');
   exec(`npm install ${REACT_NATIVE_PACKAGE}`);
@@ -129,10 +125,9 @@ try {
       () => exec('sleep 10s'),
     )
   ) {
-    echo('Failed to execute npm install');
-    echo('Most common reason is npm registry connectivity, try again');
-    exitCode = 1;
-    throw Error(exitCode);
+    throw new Error(
+      'Failed to execute npm install. Most common reason is npm registry connectivity, try again',
+    );
   }
   exec('rm -rf ./node_modules/react-native/template');
 
@@ -148,12 +143,11 @@ try {
         numberOfRetries,
       )
     ) {
-      echo('Failed to install appium');
-      echo('Most common reason is npm registry connectivity, try again');
-      exitCode = 1;
-      throw Error(exitCode);
+      throw new Error(
+        'Failed to install appium. Most common reason is npm registry connectivity, try again.',
+      );
     }
-    cp(`${SCRIPTS}/android-e2e-test.js`, 'android-e2e-test.js');
+    cp(`${SCRIPTS_DIR}/android-e2e-test.js`, 'android-e2e-test.js');
     cd('android');
     describe('Download Maven deps');
     exec('./gradlew :app:copyDownloadableDepsToLibs');
@@ -166,22 +160,20 @@ try {
         'keytool -genkey -v -keystore android/app/debug.keystore -storepass android -alias androiddebugkey -keypass android -keyalg RSA -keysize 2048 -validity 10000 -dname "CN=Android Debug,O=Android,C=US"',
       ).code
     ) {
-      echo('Key could not be generated');
-      exitCode = 1;
-      throw Error(exitCode);
+      throw new Error('Key could not be generated');
     }
 
+    // $FlowFixMe[incompatible-type]
     describe(`Start appium server, ${APPIUM_PID}`);
     const appiumProcess = spawn('node', ['./node_modules/.bin/appium']);
     APPIUM_PID = appiumProcess.pid;
 
     describe('Build the app');
     if (exec('react-native run-android').code) {
-      echo('could not execute react-native run-android');
-      exitCode = 1;
-      throw Error(exitCode);
+      throw new Error('Could not execute react-native run-android');
     }
 
+    // $FlowFixMe[incompatible-type]
     describe(`Start Metro, ${SERVER_PID}`);
     // shelljs exec('', {async: true}) does not emit stdout events, so we rely on good old spawn
     const packagerProcess = spawn('yarn', ['start', '--max-workers 1']);
@@ -198,10 +190,9 @@ try {
         () => exec('sleep 10s'),
       )
     ) {
-      echo('Failed to run Android end-to-end tests');
-      echo('Most likely the code is broken');
-      exitCode = 1;
-      throw Error(exitCode);
+      throw new Error(
+        'Failed to run Android end-to-end tests. Most likely the code is broken.',
+      );
     }
   }
 
@@ -209,6 +200,7 @@ try {
     cd('ios');
     // shelljs exec('', {async: true}) does not emit stdout events, so we rely on good old spawn
     const packagerEnv = Object.create(process.env);
+    // $FlowFixMe[prop-missing]
     packagerEnv.REACT_NATIVE_MAX_WORKERS = 1;
     describe('Start Metro');
     const packagerProcess = spawn('yarn', ['start'], {
@@ -260,10 +252,9 @@ try {
         () => exec('sleep 10s'),
       )
     ) {
-      echo('Failed to run iOS end-to-end tests');
-      echo('Most likely the code is broken');
-      exitCode = 1;
-      throw Error(exitCode);
+      throw new Error(
+        'Failed to run iOS end-to-end tests. Most likely the code is broken.',
+      );
     }
     cd('..');
   }
@@ -276,9 +267,7 @@ try {
         'yarn react-native bundle --verbose --entry-file index.js --platform android --dev true --bundle-output android-bundle.js --max-workers 1',
       ).code
     ) {
-      echo('Could not build Android bundle');
-      exitCode = 1;
-      throw Error(exitCode);
+      throw new Error('Could not build Android bundle');
     }
 
     describe('Test: Verify packager can generate an iOS bundle');
@@ -287,23 +276,17 @@ try {
         'yarn react-native bundle --entry-file index.js --platform ios --dev true --bundle-output ios-bundle.js --max-workers 1',
       ).code
     ) {
-      echo('Could not build iOS bundle');
-      exitCode = 1;
-      throw Error(exitCode);
+      throw new Error('Could not build iOS bundle');
     }
 
     describe('Test: TypeScript typechecking');
     if (exec('yarn tsc').code) {
-      echo('Typechecking errors were found');
-      exitCode = 1;
-      throw Error(exitCode);
+      throw new Error('Typechecking errors were found');
     }
 
     describe('Test: Jest tests');
     if (exec('yarn test').code) {
-      echo('Jest tests failed');
-      exitCode = 1;
-      throw Error(exitCode);
+      throw new Error('Jest tests failed');
     }
 
     // TODO: ESLint infinitely hangs when running in the environment created by
diff --git a/scripts/try-n-times.js b/scripts/e2e/utils/try-n-times.js
similarity index 60%
rename from scripts/try-n-times.js
rename to scripts/e2e/utils/try-n-times.js
index 871638e19e5443..8de15d465a6b47 100644
--- a/scripts/try-n-times.js
+++ b/scripts/e2e/utils/try-n-times.js
@@ -4,20 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow
  * @format
+ * @oncall react_native
  */
 
-'use strict';
-
 /**
- * Try executing a function n times recursively.
- * Return 0 the first time it succeeds
- * Return code of the last failed commands if not more retries left
- * @funcToRetry - function that gets retried
- * @retriesLeft - number of retries to execute funcToRetry
- * @onEveryError - func to execute if funcToRetry returns non 0
+ * Try executing a function n times recursively. Logs a warning message between
+ * each retry.
  */
-function tryExecNTimes(funcToRetry, retriesLeft, onEveryError) {
+function tryExecNTimes(
+  funcToRetry /*: () => number */,
+  retriesLeft /*: number */,
+  onEveryError /*: ?(() => mixed) */,
+) /*: number */ {
   const exitCode = funcToRetry();
   if (exitCode === 0) {
     return exitCode;
diff --git a/scripts/e2e/utils/verdaccio.js b/scripts/e2e/utils/verdaccio.js
new file mode 100644
index 00000000000000..d520d2065576e7
--- /dev/null
+++ b/scripts/e2e/utils/verdaccio.js
@@ -0,0 +1,53 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+'use strict';
+
+const {REPO_ROOT} = require('../../consts');
+const {execSync, spawn} = require('child_process');
+const fs = require('fs');
+const path = require('path');
+
+const NPM_CONFIG_PATH = path.join(REPO_ROOT, '.npmrc');
+const VERDACCIO_CONFIG_PATH = path.join(__dirname, '..', 'verdaccio.yml');
+const VERDACCIO_STORAGE_PATH = '/tmp/verdaccio';
+const VERDACCIO_SERVER_URL = 'http://localhost:4873';
+
+/**
+ * Configure and run a local Verdaccio server. This is an npm proxy that can be
+ * used with `npm publish` and `npm install`, configured in
+ * `scripts/e2e/verdaccio.yml`.
+ */
+function setupVerdaccio() /*: number */ {
+  const {host} = new URL(VERDACCIO_SERVER_URL);
+
+  // NOTE: Reading from/writing to an .npmrc in a workspaces project root is
+  // invalid from npm 9.x. Keyed config, such as `--registry`, should be
+  // specified in env vars or command invocations instead.
+  // See https://github.com/npm/cli/issues/6099
+  fs.writeFileSync(NPM_CONFIG_PATH, `//${host}/:_authToken=secretToken\n`);
+
+  const verdaccioProcess = spawn(
+    'npx',
+    ['verdaccio@5.16.3', '--config', VERDACCIO_CONFIG_PATH],
+    {env: {...process.env, VERDACCIO_STORAGE_PATH}},
+  );
+
+  execSync(`npx wait-on@6.0.1 ${VERDACCIO_SERVER_URL}`);
+
+  return verdaccioProcess.pid;
+}
+
+module.exports = {
+  setupVerdaccio,
+  VERDACCIO_SERVER_URL,
+  VERDACCIO_STORAGE_PATH,
+};
diff --git a/.circleci/verdaccio.yml b/scripts/e2e/verdaccio.yml
similarity index 72%
rename from .circleci/verdaccio.yml
rename to scripts/e2e/verdaccio.yml
index 7ec6fd1f9a91af..46e6710856a977 100644
--- a/.circleci/verdaccio.yml
+++ b/scripts/e2e/verdaccio.yml
@@ -1,4 +1,4 @@
-storage: ./storage
+storage: /tmp/verdaccio
 auth:
   htpasswd:
     file: ./htpasswd
@@ -15,11 +15,6 @@ uplinks:
       maxSockets: 40
       maxFreeSockets: 10
 packages:
-  # Get @react-native/normalize-color from npm registry, since its used in deprecated-react-native-prop-types package
-  '@react-native/normalize-color':
-    access: $all
-    publish: $authenticated
-    proxy: npmjs
   # Group and isolate all local packages, avoid being proxy from outside
   '@react-native/*':
     access: $all
diff --git a/scripts/lint-java.js b/scripts/lint-java.js
index 5277ea41913625..105e4cc0680d8e 100644
--- a/scripts/lint-java.js
+++ b/scripts/lint-java.js
@@ -9,11 +9,11 @@
 
 'use strict';
 
-const {exec} = require('shelljs');
-const https = require('https');
 const fs = require('fs');
-const path = require('path');
+const https = require('https');
 const os = require('os');
+const path = require('path');
+const {exec} = require('shelljs');
 const yargs = require('yargs');
 
 const googleJavaFormatUrl =
diff --git a/scripts/monorepo/__tests__/__fixtures__/get-and-update-nightlies-fixtures.js b/scripts/monorepo/__tests__/__fixtures__/get-and-update-packages-fixtures.js
similarity index 100%
rename from scripts/monorepo/__tests__/__fixtures__/get-and-update-nightlies-fixtures.js
rename to scripts/monorepo/__tests__/__fixtures__/get-and-update-packages-fixtures.js
diff --git a/scripts/monorepo/__tests__/bump-package-version-test.js b/scripts/monorepo/__tests__/bump-package-version-test.js
index dd67ab2b6b5c0f..1481e5ac4083fa 100644
--- a/scripts/monorepo/__tests__/bump-package-version-test.js
+++ b/scripts/monorepo/__tests__/bump-package-version-test.js
@@ -7,10 +7,9 @@
  * @format
  */
 
-const path = require('path');
-const {writeFileSync} = require('fs');
-
 const bumpPackageVersion = require('../bump-all-updated-packages/bump-package-version');
+const {writeFileSync} = require('fs');
+const path = require('path');
 
 jest.mock('fs', () => ({
   writeFileSync: jest.fn(),
diff --git a/scripts/monorepo/__tests__/find-and-publish-all-bumped-packages-test.js b/scripts/monorepo/__tests__/find-and-publish-all-bumped-packages-test.js
deleted file mode 100644
index 7ef3f9ca0de7e4..00000000000000
--- a/scripts/monorepo/__tests__/find-and-publish-all-bumped-packages-test.js
+++ /dev/null
@@ -1,41 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-const {spawnSync} = require('child_process');
-
-const {PUBLISH_PACKAGES_TAG} = require('../constants');
-const forEachPackage = require('../for-each-package');
-const findAndPublishAllBumpedPackages = require('../find-and-publish-all-bumped-packages');
-
-jest.mock('child_process', () => ({spawnSync: jest.fn()}));
-jest.mock('../for-each-package', () => jest.fn());
-
-describe('findAndPublishAllBumpedPackages', () => {
-  it('throws an error if updated version is not 0.x.y', () => {
-    const mockedPackageNewVersion = '1.0.0';
-
-    forEachPackage.mockImplementationOnce(callback => {
-      callback('absolute/path/to/package', 'to/package', {
-        version: mockedPackageNewVersion,
-      });
-    });
-
-    spawnSync.mockImplementationOnce(() => ({
-      stdout: `-  "version": "0.72.0"\n+  "version": "${mockedPackageNewVersion}"\n`,
-    }));
-
-    spawnSync.mockImplementationOnce(() => ({
-      stdout: `This is my commit message\n\n${PUBLISH_PACKAGES_TAG}`,
-    }));
-
-    expect(() => findAndPublishAllBumpedPackages()).toThrow(
-      `Package version expected to be 0.x.y, but received ${mockedPackageNewVersion}`,
-    );
-  });
-});
diff --git a/scripts/monorepo/__tests__/for-each-package-test.js b/scripts/monorepo/__tests__/for-each-package-test.js
index bcc688546a618c..c3154d61940702 100644
--- a/scripts/monorepo/__tests__/for-each-package-test.js
+++ b/scripts/monorepo/__tests__/for-each-package-test.js
@@ -7,10 +7,9 @@
  * @format
  */
 
-const path = require('path');
-const {readdirSync, readFileSync} = require('fs');
-
 const forEachPackage = require('../for-each-package');
+const {readdirSync, readFileSync} = require('fs');
+const path = require('path');
 
 jest.mock('fs', () => ({
   readdirSync: jest.fn(),
diff --git a/scripts/monorepo/__tests__/get-and-update-nightlies-test.js b/scripts/monorepo/__tests__/get-and-update-nightlies-test.js
deleted file mode 100644
index 72654f7431f05e..00000000000000
--- a/scripts/monorepo/__tests__/get-and-update-nightlies-test.js
+++ /dev/null
@@ -1,130 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-const getAndUpdateNightlies = require('../get-and-update-nightlies');
-const path = require('path');
-const {
-  mockPackages,
-  expectedPackages,
-} = require('./__fixtures__/get-and-update-nightlies-fixtures');
-
-const writeFileSyncMock = jest.fn();
-const publishPackageMock = jest.fn();
-const getPackageVersionStrByTag = jest.fn();
-
-function forEachPackageThatShouldBePublished(callback) {
-  mockPackages.forEach(package => {
-    if (
-      package.packageManifest.name === 'react-native' ||
-      package.packageManifest.private ||
-      package.packageManifest.name === '@react-native/not_published'
-    ) {
-      return;
-    }
-    callback(package);
-  });
-}
-
-jest
-  .mock('fs', () => ({
-    writeFileSync: writeFileSyncMock,
-  }))
-  .mock('../for-each-package', () => callback => {
-    mockPackages.forEach(
-      ({packageManifest, packageAbsolutePath, packageRelativePathFromRoot}) =>
-        callback(
-          packageAbsolutePath,
-          packageRelativePathFromRoot,
-          packageManifest,
-        ),
-    );
-  })
-  .mock('../../npm-utils', () => ({
-    publishPackage: publishPackageMock,
-    getPackageVersionStrByTag: getPackageVersionStrByTag,
-  }));
-
-describe('getAndUpdateNightlies', () => {
-  beforeEach(() => {
-    jest.clearAllMocks();
-
-    getPackageVersionStrByTag.mockImplementation(packageName => {
-      if (packageName === '@react-native/not_published') {
-        throw new Error(`Can't find package with name ${packageName}`);
-      }
-      return '';
-    });
-  });
-
-  it('Publishes the nightly version', () => {
-    const nightlyVersion = '0.73.0-nightly-202108-shortcommit';
-    publishPackageMock.mockImplementation(() => ({code: 0}));
-
-    const updatedPackages = getAndUpdateNightlies(nightlyVersion);
-
-    expect(writeFileSyncMock).toHaveBeenCalledTimes(6);
-    forEachPackageThatShouldBePublished(package => {
-      expect(writeFileSyncMock).toHaveBeenCalledWith(
-        path.join(package.packageAbsolutePath, 'package.json'),
-        JSON.stringify(
-          expectedPackages[package.packageManifest.name](nightlyVersion),
-          null,
-          2,
-        ) + '\n',
-        'utf-8',
-      );
-    });
-
-    expect(publishPackageMock).toHaveBeenCalledTimes(6);
-    forEachPackageThatShouldBePublished(package => {
-      expect(publishPackageMock).toHaveBeenCalledWith(
-        package.packageAbsolutePath,
-        {otp: undefined, tag: 'nightly'},
-      );
-    });
-
-    let expectedResult = {};
-    forEachPackageThatShouldBePublished(package => {
-      expectedResult[package.packageManifest.name] =
-        package.packageManifest.version;
-    });
-    expect(updatedPackages).toEqual(expectedResult);
-  });
-
-  it('Throws when a package fails to publish', () => {
-    const nightlyVersion = '0.73.0-nightly-202108-shortcommit';
-    let publishCalls = 0;
-    publishPackageMock.mockImplementation(() => {
-      publishCalls += 1;
-      if (publishCalls === 3) {
-        return {code: -1};
-      }
-      return {code: 0};
-    });
-
-    expect(() => {
-      getAndUpdateNightlies(nightlyVersion);
-    }).toThrow();
-
-    expect(writeFileSyncMock).toHaveBeenCalledTimes(6);
-    forEachPackageThatShouldBePublished(package => {
-      expect(writeFileSyncMock).toHaveBeenCalledWith(
-        path.join(package.packageAbsolutePath, 'package.json'),
-        JSON.stringify(
-          expectedPackages[package.packageManifest.name](nightlyVersion),
-          null,
-          2,
-        ) + '\n',
-        'utf-8',
-      );
-    });
-
-    expect(publishPackageMock).toHaveBeenCalledTimes(3);
-  });
-});
diff --git a/scripts/monorepo/align-package-versions.js b/scripts/monorepo/align-package-versions.js
index 8037f76ba79e5f..d4ca5fc36b6cf4 100644
--- a/scripts/monorepo/align-package-versions.js
+++ b/scripts/monorepo/align-package-versions.js
@@ -7,10 +7,9 @@
  * @format
  */
 
-const {writeFileSync, readFileSync} = require('fs');
-const path = require('path');
-
 const forEachPackage = require('./for-each-package');
+const {readFileSync, writeFileSync} = require('fs');
+const path = require('path');
 
 const ROOT_LOCATION = path.join(__dirname, '..', '..');
 const TEMPLATE_LOCATION = path.join(
diff --git a/scripts/monorepo/bump-all-updated-packages/index.js b/scripts/monorepo/bump-all-updated-packages/index.js
index eef3f493de562a..b619c3129c4fbd 100644
--- a/scripts/monorepo/bump-all-updated-packages/index.js
+++ b/scripts/monorepo/bump-all-updated-packages/index.js
@@ -4,42 +4,43 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow
  * @format
+ * @oncall react_native
  */
 
-const chalk = require('chalk');
-const {execSync} = require('child_process');
-const inquirer = require('inquirer');
-const path = require('path');
-const {echo, exec, exit} = require('shelljs');
-const yargs = require('yargs');
-
+const {getPackageVersionStrByTag} = require('../../npm-utils');
+const {
+  isReleaseBranch,
+  parseVersion,
+} = require('../../releases/utils/version-utils');
+const {getBranchName} = require('../../scm-utils');
 const alignPackageVersions = require('../align-package-versions');
+const checkForGitChanges = require('../check-for-git-changes');
 const {
-  PUBLISH_PACKAGES_TAG,
+  COMMIT_WITH_CUSTOM_MESSAGE_CHOICE,
+  COMMIT_WITH_GENERIC_MESSAGE_CHOICE,
   GENERIC_COMMIT_MESSAGE,
   NO_COMMIT_CHOICE,
-  COMMIT_WITH_GENERIC_MESSAGE_CHOICE,
-  COMMIT_WITH_CUSTOM_MESSAGE_CHOICE,
+  PUBLISH_PACKAGES_TAG,
 } = require('../constants');
 const forEachPackage = require('../for-each-package');
-const checkForGitChanges = require('../check-for-git-changes');
 const bumpPackageVersion = require('./bump-package-version');
 const detectPackageUnreleasedChanges = require('./bump-utils');
+const chalk = require('chalk');
+const {execSync} = require('child_process');
+const inquirer = require('inquirer');
+const path = require('path');
+const {echo, exec, exit} = require('shelljs');
 
 const ROOT_LOCATION = path.join(__dirname, '..', '..', '..');
 
-const {
-  argv: {releaseBranchCutoff},
-} = yargs
-  .option('release-branch-cutoff', {
-    type: 'boolean',
-    describe: 'Should force bump minor version for each public package',
-  })
-  .strict();
-
 const buildExecutor =
-  (packageAbsolutePath, packageRelativePathFromRoot, packageManifest) =>
+  (
+    packageAbsolutePath /*: string */,
+    packageRelativePathFromRoot /*: string */,
+    packageManifest /*: $FlowFixMe */,
+  ) =>
   async () => {
     const {name: packageName} = packageManifest;
     if (packageManifest.private) {
@@ -48,21 +49,6 @@ const buildExecutor =
       return;
     }
 
-    if (releaseBranchCutoff) {
-      const updatedVersion = bumpPackageVersion(
-        packageAbsolutePath,
-        packageManifest,
-        'minor',
-      );
-      echo(
-        `\u2705 Successfully bumped ${chalk.green(
-          packageName,
-        )} to ${chalk.green(updatedVersion)}`,
-      );
-
-      return;
-    }
-
     if (
       !detectPackageUnreleasedChanges(
         packageRelativePathFromRoot,
@@ -149,6 +135,58 @@ const main = async () => {
   alignPackageVersions();
   echo(chalk.green('Done!\n'));
 
+  // Figure out the npm dist-tags we want for all monorepo packages we're bumping
+  const branchName = getBranchName();
+  const choices = [];
+
+  if (branchName === 'main') {
+    choices.push({name: '"nightly"', value: 'nightly', checked: true});
+  } else if (isReleaseBranch(branchName)) {
+    choices.push({
+      name: `"${branchName}"`,
+      value: branchName,
+      checked: true,
+    });
+
+    const latestVersion = getPackageVersionStrByTag('react-native', 'latest');
+    const {major, minor} = parseVersion(latestVersion, 'release');
+    choices.push({
+      name: '"latest"',
+      value: 'latest',
+      checked: `${major}.${minor}-stable` === branchName,
+    });
+  } else {
+    echo(
+      'You should be running `yarn bump-all-updated-packages` only from release or main branch',
+    );
+    exit(1);
+  }
+
+  const {tags} = await inquirer.prompt([
+    {
+      type: 'checkbox',
+      name: 'tags',
+      message: 'Select suggested npm tags.',
+      choices,
+      required: true,
+    },
+  ]);
+
+  const {confirm} = await inquirer.prompt({
+    type: 'confirm',
+    name: 'confirm',
+    message: `Confirm these tags for *ALL* packages being bumped: ${tags
+      .map(t => `"${t}"`)
+      .join()}`,
+  });
+
+  if (!confirm) {
+    echo('Exiting without commiting...');
+    exit(0);
+  }
+
+  const tagString = '&' + tags.join('&');
+
   await inquirer
     .prompt([
       {
@@ -180,7 +218,7 @@ const main = async () => {
         }
 
         case COMMIT_WITH_GENERIC_MESSAGE_CHOICE: {
-          exec(`git commit -am "${GENERIC_COMMIT_MESSAGE}"`, {
+          exec(`git commit -am "${GENERIC_COMMIT_MESSAGE}${tagString}"`, {
             cwd: ROOT_LOCATION,
             silent: true,
           });
@@ -198,7 +236,7 @@ const main = async () => {
             silent: true,
           }).stdout.trim();
           const commitMessageWithTag =
-            enteredCommitMessage + `\n\n${PUBLISH_PACKAGES_TAG}`;
+            enteredCommitMessage + `\n\n${PUBLISH_PACKAGES_TAG}${tagString}`;
 
           exec(`git commit --amend -m "${commitMessageWithTag}"`, {
             cwd: ROOT_LOCATION,
@@ -218,4 +256,7 @@ const main = async () => {
   exit(0);
 };
 
-main();
+if (require.main === module) {
+  // eslint-disable-next-line no-void
+  void main();
+}
diff --git a/scripts/monorepo/find-and-publish-all-bumped-packages.js b/scripts/monorepo/find-and-publish-all-bumped-packages.js
deleted file mode 100644
index 45f5f33e207766..00000000000000
--- a/scripts/monorepo/find-and-publish-all-bumped-packages.js
+++ /dev/null
@@ -1,124 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-const path = require('path');
-const {spawnSync} = require('child_process');
-
-const {PUBLISH_PACKAGES_TAG} = require('./constants');
-const forEachPackage = require('./for-each-package');
-const {publishPackage} = require('../npm-utils');
-
-const ROOT_LOCATION = path.join(__dirname, '..', '..');
-const NPM_CONFIG_OTP = process.env.NPM_CONFIG_OTP;
-
-const findAndPublishAllBumpedPackages = () => {
-  console.log('Traversing all packages inside /packages...');
-
-  forEachPackage(
-    (packageAbsolutePath, packageRelativePathFromRoot, packageManifest) => {
-      if (packageManifest.private) {
-        console.log(`\u23ED Skipping private package ${packageManifest.name}`);
-
-        return;
-      }
-
-      const {stdout: diff, stderr: commitDiffStderr} = spawnSync(
-        'git',
-        [
-          'log',
-          '-p',
-          '--format=""',
-          'HEAD~1..HEAD',
-          `${packageRelativePathFromRoot}/package.json`,
-        ],
-        {cwd: ROOT_LOCATION, shell: true, stdio: 'pipe', encoding: 'utf-8'},
-      );
-
-      if (commitDiffStderr) {
-        console.log(
-          `\u274c Failed to get latest committed changes for ${packageManifest.name}:`,
-        );
-        console.log(commitDiffStderr);
-
-        process.exit(1);
-      }
-
-      const previousVersionPatternMatches = diff.match(
-        /- {2}"version": "([0-9]+.[0-9]+.[0-9]+)"/,
-      );
-
-      if (!previousVersionPatternMatches) {
-        console.log(`\uD83D\uDD0E No version bump for ${packageManifest.name}`);
-
-        return;
-      }
-
-      const {stdout: commitMessage, stderr: commitMessageStderr} = spawnSync(
-        'git',
-        [
-          'log',
-          '-n',
-          '1',
-          '--format=format:%B',
-          `${packageRelativePathFromRoot}/package.json`,
-        ],
-        {cwd: ROOT_LOCATION, shell: true, stdio: 'pipe', encoding: 'utf-8'},
-      );
-
-      if (commitMessageStderr) {
-        console.log(
-          `\u274c Failed to get latest commit message for ${packageManifest.name}:`,
-        );
-        console.log(commitMessageStderr);
-
-        process.exit(1);
-      }
-
-      const hasSpecificPublishTag =
-        commitMessage.includes(PUBLISH_PACKAGES_TAG);
-
-      if (!hasSpecificPublishTag) {
-        throw new Error(
-          `Package ${packageManifest.name} was updated, but not through CI script`,
-        );
-      }
-
-      const [, previousVersion] = previousVersionPatternMatches;
-      const nextVersion = packageManifest.version;
-
-      console.log(
-        `\uD83D\uDCA1 ${packageManifest.name} was updated: ${previousVersion} -> ${nextVersion}`,
-      );
-
-      if (!nextVersion.startsWith('0.')) {
-        throw new Error(
-          `Package version expected to be 0.x.y, but received ${nextVersion}`,
-        );
-      }
-
-      const result = publishPackage(packageAbsolutePath, {otp: NPM_CONFIG_OTP});
-      if (result.code !== 0) {
-        console.log(
-          `\u274c Failed to publish version ${nextVersion} of ${packageManifest.name}. npm publish exited with code ${result.code}:`,
-        );
-        console.log(result.stderr);
-
-        process.exit(1);
-      } else {
-        console.log(
-          `\u2705 Successfully published new version of ${packageManifest.name}`,
-        );
-      }
-    },
-  );
-
-  process.exit(0);
-};
-
-findAndPublishAllBumpedPackages();
diff --git a/scripts/monorepo/for-each-package.js b/scripts/monorepo/for-each-package.js
index f3d865dfdacffd..49d7c9eee3f028 100644
--- a/scripts/monorepo/for-each-package.js
+++ b/scripts/monorepo/for-each-package.js
@@ -4,56 +4,62 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
  */
 
-const path = require('path');
+const {PACKAGES_DIR} = require('../consts');
 const {readdirSync, readFileSync} = require('fs');
+const path = require('path');
 
-const ROOT_LOCATION = path.join(__dirname, '..', '..');
-const PACKAGES_LOCATION = path.join(ROOT_LOCATION, 'packages');
+const DEFAULT_OPTIONS /*: Options */ = {includeReactNative: false};
 
-const DEFAULT_OPTIONS = {includeReactNative: false};
+/*::
+type PackageJSON = {
+  name: string,
+  private?: ?boolean,
+  version: string,
+  dependencies: {[string]: string},
+  devDependencies: {[string]: string},
+  ...
+};
+
+type Options = {
+  includeReactNative?: ?boolean,
+};
+*/
 
 /**
  * Function, which returns an array of all directories inside specified location
- *
- * @param {string} source Path to directory, where this should be executed
- * @returns {string[]} List of directories names
  */
-const getDirectories = source =>
+const getDirectories = (source /*: string */) /*: Array<string> */ =>
   readdirSync(source, {withFileTypes: true})
     .filter(file => file.isDirectory())
-    .map(directory => directory.name);
-
-/**
- * @callback forEachPackageCallback
- * @param {string} packageAbsolutePath
- * @param {string} packageRelativePathFromRoot
- * @param {Object} packageManifest
- */
-
+    .map(directory => directory.name.toString());
 /**
  * Iterate through every package inside /packages (ignoring react-native) and call provided callback for each of them
  *
- * @param {forEachPackageCallback} callback The callback which will be called for each package
- * @param {{includeReactNative: (boolean|undefined)}} [options={}] description
+ * @deprecated Use scripts/releases/utils/monorepo.js#getPackages instead
  */
-const forEachPackage = (callback, options = DEFAULT_OPTIONS) => {
+const forEachPackage = (
+  callback /*: (string, string, PackageJSON) => void */,
+  options /*: Options */ = DEFAULT_OPTIONS,
+) => {
   const {includeReactNative} = options;
 
   // We filter react-native package on purpose, so that no CI's script will be executed for this package in future
   // Unless includeReactNative options is provided
-  const packagesDirectories = getDirectories(PACKAGES_LOCATION).filter(
-    directoryName => directoryName !== 'react-native' || includeReactNative,
+  const packagesDirectories = getDirectories(PACKAGES_DIR).filter(
+    directoryName =>
+      directoryName !== 'react-native' || includeReactNative === true,
   );
 
   packagesDirectories.forEach(packageDirectory => {
-    const packageAbsolutePath = path.join(PACKAGES_LOCATION, packageDirectory);
+    const packageAbsolutePath = path.join(PACKAGES_DIR, packageDirectory);
     const packageRelativePathFromRoot = path.join('packages', packageDirectory);
 
     const packageManifest = JSON.parse(
-      readFileSync(path.join(packageAbsolutePath, 'package.json')),
+      readFileSync(path.join(packageAbsolutePath, 'package.json')).toString(),
     );
 
     callback(packageAbsolutePath, packageRelativePathFromRoot, packageManifest);
diff --git a/scripts/monorepo/get-and-update-nightlies.js b/scripts/monorepo/get-and-update-nightlies.js
deleted file mode 100644
index 6d54d99ada7700..00000000000000
--- a/scripts/monorepo/get-and-update-nightlies.js
+++ /dev/null
@@ -1,174 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @flow
- * @format
- * @oncall react_native
- */
-
-const forEachPackage = require('./for-each-package');
-const {publishPackage} = require('../npm-utils');
-const path = require('path');
-const {writeFileSync} = require('fs');
-const {getPackageVersionStrByTag} = require('../npm-utils');
-
-/**
- * Get the latest nightly version of each monorepo package and publishes a new nightly if there have been updates.
- * Returns a map of monorepo packages and its latest nightly version.
- *
- * This is called by `react-native`'s nightly job.
- * Note: This does not publish `package/react-native`'s nightly. That is handled in `publish-npm`.
- */
-function getAndUpdateNightlies(
-  nightlyVersion /*: string */,
-) /*: {| [string]: string|}*/ {
-  const packages = getPackagesToPublish();
-
-  updateDependencies(packages, nightlyVersion);
-
-  publishPackages(packages);
-
-  return reducePackagesToNameVersion(packages);
-}
-
-/*::
-type PackageMap = {|[string]: PackageMetadata |}
-type PackageMetadata = {|
-    // The absolute path to the package
-    path: string,
-
-    // The parsed package.json contents
-    packageJson: Object,
-|};
-*/
-
-/**
- * Extract package metadata from the monorepo
- * It skips react-native, the packages marked as private and packages not already published on NPM.
- *
- * @return Dictionary<String, PackageMetadata> where the string is the name of the package and the PackageMetadata
- * is an object that contains the absolute path to the package and the packageJson.
- */
-function getPackagesToPublish() /*: PackageMap */ {
-  let packages = {};
-
-  forEachPackage(
-    (packageAbsolutePath, packageRelativePathFromRoot, packageManifest) => {
-      if (packageManifest.private || !isPublishedOnNPM(packageManifest.name)) {
-        console.log(
-          `\u23F1 Skipping nightly for ${packageManifest.name}. It is either pivate or unpublished`,
-        );
-        return;
-      }
-      packages[packageManifest.name] = {
-        path: packageAbsolutePath,
-        packageJson: packageManifest,
-      };
-    },
-  );
-
-  return packages;
-}
-
-function isPublishedOnNPM(packageName /*: string */) /*: boolean */ {
-  try {
-    getPackageVersionStrByTag(packageName);
-    return true;
-  } catch (e) {
-    return false;
-  }
-}
-
-/**
- * Update the dependencies in the packages to the passed nightlyVersion.
- * The function update the packages dependencies and devDepenencies if they contains other packages in the monorepo.
- * The function also writes the updated package.json to disk.
- */
-function updateDependencies(
-  packages /*: PackageMap */,
-  nightlyVersion /*: string */,
-) {
-  Object.keys(packages).forEach(packageName => {
-    const package = packages[packageName];
-    const packageManifest = package.packageJson;
-
-    if (packageManifest.dependencies) {
-      for (const dependency of Object.keys(packageManifest.dependencies)) {
-        if (packages[dependency]) {
-          // the dependency is in the monorepo
-          packages[packageName].packageJson.dependencies[dependency] =
-            nightlyVersion;
-        }
-      }
-    }
-
-    if (packageManifest.devDependencies) {
-      for (const dependency of Object.keys(packageManifest.devDependencies)) {
-        if (packages[dependency]) {
-          // the dependency is in the monorepo
-          packages[packageName].packageJson.devDependencies[dependency] =
-            nightlyVersion;
-        }
-      }
-    }
-
-    packages[packageName].packageJson.version = nightlyVersion;
-
-    writeFileSync(
-      path.join(packages[packageName].path, 'package.json'),
-      JSON.stringify(packages[packageName].packageJson, null, 2) + '\n',
-      'utf-8',
-    );
-  });
-}
-
-/**
- * Publish the passed set of packages to npm with the `nightly` tag.
- * [macOS] In case a package fails to be published, the upstream version of this script throws an error.
- * However, since this fork defers publishing to a separate ADO step, we just log the error and move on.
- */
-function publishPackages(packages /*: PackageMap */) {
-  for (const [packageName, packageMetadata] of Object.entries(packages)) {
-    const packageAbsolutePath = packageMetadata.path;
-    const nightlyVersion = packageMetadata.packageJson.version;
-
-    const result = publishPackage(packageAbsolutePath, {
-      tag: 'nightly',
-      otp: process.env.NPM_CONFIG_OTP,
-    });
-
-    if (result.code !== 0) {
-      // [macOS Our publish-npm.js script doesn't actually publish, so we shouldn't throw an error on failure
-      console.log(
-        `\u274c Failed to publish version ${nightlyVersion} of ${packageName}. npm publish exited with code ${result.code}:`,
-      );
-      console.error(result.stderr);
-      // macOS]
-    }
-
-    console.log(`\u2705 Successfully published new version of ${packageName}`);
-  }
-}
-
-/**
- * Reduces the Dictionary<String, PackageMetadata> to a Dictionary<String, String>.
- * where the key is the name of the package and the value is the version number.
- *
- * @return Dictionary<String, String> with package name and the new version number.
- */
-function reducePackagesToNameVersion(
-  packages /*: PackageMap */,
-) /*: {| [string]: string |} */ {
-  return Object.keys(packages).reduce(
-    (result /*: {| [string]: string |} */, name /*: string */) => {
-      result[name] = packages[name].packageJson.version;
-      return result;
-    },
-    {},
-  );
-}
-
-module.exports = getAndUpdateNightlies;
diff --git a/scripts/monorepo/print/index.js b/scripts/monorepo/print/index.js
new file mode 100644
index 00000000000000..5846837ddfaf02
--- /dev/null
+++ b/scripts/monorepo/print/index.js
@@ -0,0 +1,80 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @format
+ */
+
+const {getVersionsBySpec} = require('../../npm-utils');
+const forEachPackage = require('../for-each-package');
+const {exit} = require('shelljs');
+const yargs = require('yargs');
+
+const {
+  argv: {type, minor},
+} = yargs
+  .option('type', {
+    type: 'string',
+    describe: 'Choose which packages to list, default is all',
+    choices: ['all', 'public', 'private'],
+    default: 'all',
+  })
+  .option('minor', {
+    type: 'number',
+    describe:
+      'List latest version for specified minor. Ex. 72, 73. Note this will make a network request to npm',
+    default: 0,
+  })
+  .check(argv => {
+    if (argv.minor > 0 && argv.minor < 70) {
+      throw new Error('Invalid minor. No monorepo packages before 70');
+    }
+    return true;
+  })
+  .strict();
+
+function reversePatchComp(semverA, semverB) {
+  const patchA = parseInt(semverA.split('.')[2], 10);
+  const patchB = parseInt(semverB.split('.')[2], 10);
+  return patchB - patchA;
+}
+
+const main = () => {
+  const data = [];
+  forEachPackage(
+    (_packageAbsolutePath, _packageRelativePathFromRoot, packageManifest) => {
+      const isPublic = !packageManifest.private;
+      if (
+        type === 'all' ||
+        (type === 'private' && !isPublic) ||
+        (type === 'public' && isPublic)
+      ) {
+        const packageInfo = {
+          'Public?': isPublic ? '\u{2705}' : '\u{274C}',
+          Name: packageManifest.name,
+          'Version (main)': packageManifest.version,
+        };
+
+        if (isPublic && minor !== 0) {
+          try {
+            const versions = getVersionsBySpec(
+              packageManifest.name,
+              `^0.${minor}.0`,
+            ).sort(reversePatchComp);
+            packageInfo[`Version (${minor})`] = versions[0];
+          } catch (e) {
+            packageInfo[`Version (${minor})`] = e.message;
+          }
+        }
+        data.push(packageInfo);
+      }
+    },
+    {includeReactNative: true},
+  );
+  console.table(data);
+  exit(0);
+};
+
+main();
diff --git a/scripts/npm-utils.js b/scripts/npm-utils.js
index b3890f4d3025c0..b127448c6856b0 100644
--- a/scripts/npm-utils.js
+++ b/scripts/npm-utils.js
@@ -4,18 +4,40 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
  */
 
 'use strict';
 
-const {exec} = require('shelljs');
-const {parseVersion} = require('./version-utils');
+const {parseVersion} = require('./releases/utils/version-utils');
 const {
   exitIfNotOnGit,
   getCurrentCommit,
   isTaggedLatest,
 } = require('./scm-utils');
+const {exec} = require('shelljs');
+
+/*::
+import type { ExecOptsSync, ShellString } from 'shelljs';
+
+type BuildType = 'dry-run' | 'release' | 'nightly' | 'prealpha';
+type NpmInfo = {
+  version: string,
+  tag: ?string,
+}
+type PackageJSON = {
+  name: string,
+  version: string,
+  dependencies: {[string]: string},
+  devDependencies: {[string]: string},
+  ...
+}
+type NpmPackageOptions = {
+  tags: ?Array<string>,
+  otp: ?string,
+}
+*/
 
 // Get `next` version from npm and +1 on the minor for `main` version
 function getMainVersion() {
@@ -24,7 +46,7 @@ function getMainVersion() {
   return `${major}.${parseInt(minor, 10) + 1}.0`;
 }
 
-function getNpmInfo(buildType) {
+function getNpmInfo(buildType /*: BuildType */) /*: NpmInfo */ {
   const currentCommit = getCurrentCommit();
   const shortCommit = currentCommit.slice(0, 9);
 
@@ -47,61 +69,89 @@ function getNpmInfo(buildType) {
     };
   }
 
-  const {version, major, minor, prerelease} = parseVersion(
-    process.env.CIRCLE_TAG,
-    buildType,
-  );
+  if (buildType === 'prealpha') {
+    const mainVersion = '0.0.0';
+    // Date in the format of YYYYMMDDHH.
+    // This is a progressive int that can track subsequent
+    // releases and it is smaller of 2^32-1.
+    // It is unlikely that we can trigger two prealpha in less
+    // than an hour given that nightlies take ~ 1 hr to complete.
+    const dateIdentifier = new Date()
+      .toISOString()
+      .slice(0, -10)
+      .replace(/[-T:]/g, '');
 
-  // See if releaser indicated that this version should be tagged "latest"
-  // Set in `trigger-react-native-release`
-  const isLatest = exitIfNotOnGit(
-    () => isTaggedLatest(currentCommit),
-    'Not in git. We do not want to publish anything',
-  );
+    return {
+      version: `${mainVersion}-prealpha-${dateIdentifier}`,
+      tag: 'prealpha',
+    };
+  }
 
-  const releaseBranchTag = `${major}.${minor}-stable`;
+  if (buildType === 'release') {
+    if (process.env.CIRCLE_TAG == null) {
+      throw new Error(
+        'CIRCLE_TAG is not set for release. This should only be run in CircleCI. See https://circleci.com/docs/variables/ for how CIRCLE_TAG is set.',
+      );
+    }
 
-  // npm will automatically tag the version as `latest` if no tag is set when we publish
-  // To prevent this, use `releaseBranchTag` when we don't want that (ex. releasing a patch on older release)
-  const tag =
-    prerelease != null ? 'next' : isLatest ? 'latest' : releaseBranchTag;
+    const {version, major, minor, prerelease} = parseVersion(
+      process.env.CIRCLE_TAG,
+      buildType,
+    );
 
-  return {
-    version,
-    tag,
-  };
-}
+    // See if releaser indicated that this version should be tagged "latest"
+    // Set in `trigger-react-native-release`
+    const isLatest = exitIfNotOnGit(
+      () => isTaggedLatest(currentCommit),
+      'Not in git. We do not want to publish anything',
+    );
 
-function getPackageVersionStrByTag(packageName, tag) {
-  const npmString = tag
-    ? `npm view ${packageName}@${tag} version`
-    : `npm view ${packageName} version`;
-  const result = exec(npmString, {silent: true});
+    const releaseBranchTag = `${major}.${minor}-stable`;
 
-  if (result.code) {
-    throw new Error(`Failed to get ${tag} version from npm\n${result.stderr}`);
+    // npm will automatically tag the version as `latest` if no tag is set when we publish
+    // To prevent this, use `releaseBranchTag` when we don't want that (ex. releasing a patch on older release)
+    const tag =
+      prerelease != null
+        ? 'next'
+        : isLatest === true
+        ? 'latest'
+        : releaseBranchTag;
+
+    return {
+      version,
+      tag,
+    };
   }
-  return result.stdout.trim();
+
+  throw new Error(`Unsupported build type: ${buildType}`);
 }
 
-function publishPackage(packagePath, packageOptions, execOptions) {
-  const {tag, otp} = packageOptions;
-  const tagFlag = tag ? ` --tag ${tag}` : '';
-  const otpFlag = otp ? ` --otp ${otp}` : '';
+function publishPackage(
+  packagePath /*: string */,
+  packageOptions /*: NpmPackageOptions */,
+  execOptions /*: ?ExecOptsSync */,
+) /*: ShellString */ {
+  const {otp, tags} = packageOptions;
+  const tagsFlag = tags != null ? tags.map(t => ` --tag ${t}`).join('') : '';
+  const otpFlag = otp != null ? ` --otp ${otp}` : '';
   const options = execOptions
     ? {...execOptions, cwd: packagePath}
     : {cwd: packagePath};
 
-  return exec(`npm publish${tagFlag}${otpFlag}`, options);
+  return exec(`npm publish${tagsFlag}${otpFlag}`, options);
 }
 
-function diffPackages(packageSpecA, packageSpecB, options) {
+function diffPackages(
+  packageSpecA /*: string */,
+  packageSpecB /*: string */,
+  options /*:  ExecOptsSync */,
+) /*: string */ {
   const result = exec(
     `npm diff --diff=${packageSpecA} --diff=${packageSpecB} --diff-name-only`,
     options,
   );
 
-  if (result.code) {
+  if (result.code !== 0) {
     throw new Error(
       `Failed to diff ${packageSpecA} and ${packageSpecB}\n${result.stderr}`,
     );
@@ -110,7 +160,7 @@ function diffPackages(packageSpecA, packageSpecB, options) {
   return result.stdout;
 }
 
-function pack(packagePath) {
+function pack(packagePath /*: string */) {
   const result = exec('npm pack', {
     cwd: packagePath,
   });
@@ -126,7 +176,10 @@ function pack(packagePath) {
  *
  * This replaces both dependencies and devDependencies in package.json
  */
-function applyPackageVersions(originalPackageJson, packageVersions) {
+function applyPackageVersions(
+  originalPackageJson /*: PackageJSON */,
+  packageVersions /*: {[string]: string} */,
+) /*: PackageJSON */ {
   const packageJson = {...originalPackageJson};
 
   for (const name of Object.keys(packageVersions)) {
@@ -147,10 +200,80 @@ function applyPackageVersions(originalPackageJson, packageVersions) {
   return packageJson;
 }
 
+/**
+ * `packageName`: name of npm package
+ * `tag`: npm tag like `latest` or `next`
+ *
+ * This will fetch version of `packageName` with npm tag specified
+ */
+function getPackageVersionStrByTag(
+  packageName /*: string */,
+  tag /*: ?string */,
+) /*: string */ {
+  const npmString =
+    tag != null
+      ? `npm view ${packageName}@${tag} version`
+      : `npm view ${packageName} version`;
+  const result = exec(npmString, {silent: true});
+
+  if (result.code) {
+    throw new Error(`Failed to run '${npmString}'\n${result.stderr}`);
+  }
+  return result.stdout.trim();
+}
+
+/**
+ * `packageName`: name of npm package
+ * `spec`: spec range ex. '^0.72.0'
+ *
+ * Return an array of versions of the specified spec range or throw an error
+ */
+function getVersionsBySpec(
+  packageName /*: string */,
+  spec /*: string */,
+) /*: Array<string> */ {
+  const npmString = `npm view ${packageName}@'${spec}' version --json`;
+  const result = exec(npmString, {silent: true});
+
+  if (result.code) {
+    // Special handling if no such package spec exists
+    if (result.stderr.includes('npm ERR! code E404')) {
+      /**
+       * npm ERR! code E404
+       * npm ERR! 404 No match found for version ^0.72.0
+       * npm ERR! 404
+       * npm ERR! 404  '@react-native/community-cli-plugin@^0.72.0' is not in this registry.
+       * npm ERR! 404
+       * npm ERR! 404 Note that you can also install from a
+       * npm ERR! 404 tarball, folder, http url, or git url.
+       * {
+       *   "error": {
+       *     "code": "E404",
+       *     "summary": "No match found for version ^0.72.0",
+       *     "detail": "\n '@react-native/community-cli-plugin@^0.72.0' is not in this registry.\n\nNote that you can also install from a\ntarball, folder, http url, or git url."
+       *   }
+       * }
+       */
+      const error = JSON.parse(
+        result.stderr
+          .split('\n')
+          .filter(line => !line.includes('npm ERR'))
+          .join(''),
+      ).error;
+      throw new Error(error.summary);
+    } else {
+      throw new Error(`Failed: ${npmString}`);
+    }
+  }
+  const versions = JSON.parse(result.stdout.trim());
+  return !Array.isArray(versions) ? [versions] : versions;
+}
+
 module.exports = {
   applyPackageVersions,
   getNpmInfo,
   getPackageVersionStrByTag,
+  getVersionsBySpec,
   publishPackage,
   diffPackages,
   pack,
diff --git a/scripts/prepare-package-for-release.js b/scripts/prepare-package-for-release.js
deleted file mode 100755
index e446ae14342375..00000000000000
--- a/scripts/prepare-package-for-release.js
+++ /dev/null
@@ -1,126 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-/**
- * This script prepares a release package to be pushed to npm
- * It is triggered to run on CircleCI
- * It will:
- *    * It updates the version in json/gradle files and makes sure they are consistent between each other (set-rn-version)
- *    * Updates podfile for RNTester
- *    * Commits changes and tags with the next version based off of last version tag.
- *      This in turn will trigger another CircleCI job to publish to npm
- */
-const {echo, exec, exit} = require('shelljs');
-const yargs = require('yargs');
-const {isReleaseBranch, parseVersion} = require('./version-utils');
-const {failIfTagExists} = require('./release-utils');
-
-const argv = yargs
-  .option('r', {
-    alias: 'remote',
-    default: 'origin',
-  })
-  .option('v', {
-    alias: 'to-version',
-    type: 'string',
-    required: true,
-  })
-  .option('l', {
-    alias: 'latest',
-    type: 'boolean',
-    default: false,
-  })
-  .option('d', {
-    alias: 'dry-run',
-    type: 'boolean',
-    default: false,
-  }).argv;
-
-const branch = process.env.CIRCLE_BRANCH;
-const remote = argv.remote;
-const releaseVersion = argv.toVersion;
-const isLatest = argv.latest;
-const isDryRun = argv.dryRun;
-
-const buildType = isDryRun
-  ? 'dry-run'
-  : isReleaseBranch(branch)
-  ? 'release'
-  : 'nightly';
-
-failIfTagExists(releaseVersion, buildType);
-
-if (branch && !isReleaseBranch(branch) && !isDryRun) {
-  console.error(`This needs to be on a release branch. On branch: ${branch}`);
-  exit(1);
-} else if (!branch && !isDryRun) {
-  console.error('This needs to be on a release branch.');
-  exit(1);
-}
-
-const {version} = parseVersion(releaseVersion, buildType);
-if (version == null) {
-  console.error(`Invalid version provided: ${releaseVersion}`);
-  exit(1);
-}
-
-if (
-  exec(
-    `node scripts/set-rn-version.js --to-version ${version} --build-type ${buildType}`,
-  ).code
-) {
-  echo(`Failed to set React Native version to ${version}`);
-  exit(1);
-}
-
-// Release builds should commit the version bumps, and create tags.
-echo('Updating RNTester Podfile.lock...');
-if (exec('source scripts/update_podfile_lock.sh && update_pods').code) {
-  echo('Failed to update RNTester Podfile.lock.');
-  echo('Fix the issue, revert and try again.');
-  exit(1);
-}
-
-echo(`Local checkout has been prepared for release version ${version}.`);
-if (isDryRun) {
-  echo('Changes will not be committed because --dry-run was set to true.');
-  exit(0);
-}
-
-// Make commit [0.21.0-rc] Bump version numbers
-if (exec(`git commit -a -m "[${version}] Bump version numbers"`).code) {
-  echo('failed to commit');
-  exit(1);
-}
-
-// Add tag v0.21.0-rc.1
-// [macOS] Add "-microsoft" suffix to tag to distinguish from React Native Core.
-if (exec(`git tag -a v${version}-microsoft -m "v${version}-microsoft"`).code) {
-  echo(
-    `failed to tag the commit with v${version}, are you sure this release wasn't made earlier?`,
-  );
-  echo('You may want to rollback the last commit');
-  echo('git reset --hard HEAD~1');
-  exit(1);
-}
-
-// If `isLatest`, this git tag will also set npm release as `latest`
-if (isLatest) {
-  exec('git tag -d latest');
-  exec(`git push ${remote} :latest`);
-
-  // This will be pushed with the `--follow-tags`
-  exec('git tag -a latest -m "latest"');
-}
-
-exec(`git push ${remote} ${branch} --follow-tags`);
-
-exit(0);
diff --git a/scripts/publish-npm.js b/scripts/publish-npm.js
deleted file mode 100755
index 2e6014e767d0b6..00000000000000
--- a/scripts/publish-npm.js
+++ /dev/null
@@ -1,115 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const {echo, exit} = require('shelljs');
-const {getNpmInfo} = require('./npm-utils'); // [macOS] Remove publishPackage as we don't use it for React Native macOS
-const getAndUpdateNightlies = require('./monorepo/get-and-update-nightlies');
-const setReactNativeVersion = require('./set-rn-version');
-/* [macOS We do not generate Android artifacts for React Native macOS
-const {
-  generateAndroidArtifacts,
-  publishAndroidArtifactsToMaven,
-} = require('./release-utils');
-macOS] */
-const fs = require('fs');
-const path = require('path');
-const yargs = require('yargs');
-
-/**
- * This script prepares a release version of react-native and may publish to NPM.
- * It is supposed to run in CI environment, not on a developer's machine.
- *
- * [macOS] For React Native macOS, we have modified this script to not create Android Artifacts.
- *
- * For a dry run (commitly), this script will:
- *  * Version the commitly of the form `1000.0.0-<commitSha>`
- *  * Create Android artifacts
- *  * It will not publish to npm
- *
- * For a nightly run, this script will:
- *  * Version the nightly release of the form `0.0.0-<dateIdentifier>-<commitSha>`
- *  * Create Android artifacts
- *  * Publish to npm using `nightly` tag
- *
- * For a release run, this script will:
- *  * Version the release by the tag version that triggered CI
- *  * Create Android artifacts
- *  * Publish to npm
- *     * using `latest` tag if commit is currently tagged `latest`
- *     * or otherwise `{major}.{minor}-stable`
- */
-
-if (require.main === module) {
-  const argv = yargs
-    .option('t', {
-      alias: 'builtType',
-      describe: 'The type of build you want to perform.',
-      choices: ['dry-run', 'nightly', 'release', 'prealpha'],
-      default: 'dry-run',
-    })
-    .strict().argv;
-
-  const buildType = argv.builtType;
-
-  publishNpm(buildType);
-}
-
-function publishNpm(buildType) {
-  const {version, tag} = getNpmInfo(buildType);
-
-  // Here we update the react-native package and template package with the right versions
-  // For releases, CircleCI job `prepare_package_for_release` handles this
-  if (buildType === 'nightly' || buildType === 'dry-run') {
-    // Publish monorepo nightlies if there are updates, returns nightly versions for each
-    const monorepoNightlyVersions =
-      buildType === 'nightly' ? getAndUpdateNightlies(version) : null;
-
-    try {
-      // Update the react-native and template packages with the react-native version
-      // and nightly versions of monorepo deps
-      setReactNativeVersion(version, monorepoNightlyVersions, buildType);
-    } catch (e) {
-      console.error(`Failed to set version number to ${version}`);
-      console.error(e);
-      return exit(1);
-    }
-  }
-
-  // [macOS] Do not generate Android artifacts for React Native macOS
-  // generateAndroidArtifacts(version);
-
-  if (buildType === 'dry-run') {
-    echo('Skipping `npm publish` because --dry-run is set.');
-    return exit(0);
-  }
-
-  // We first publish on Maven Central all the necessary artifacts.
-  // NPM publishing is done just after.
-  /* [macOS] Skip the Android Artifact and NPM Publish here as we do that in our Azure Pipeline
-  // publishAndroidArtifactsToMaven(version, buildType === 'nightly');
-
-  const packagePath = path.join(__dirname, '..', 'packages', 'react-native');
-  const result = publishPackage(packagePath, {
-    tag,
-    otp: process.env.NPM_CONFIG_OTP,
-  });
-
-  if (result.code) {
-    echo('Failed to publish package to npm');
-    return exit(1);
-  } else {
-    echo(`Published to npm ${version}`);
-    return exit(0);
-  }
-  macOS] */
-}
-
-module.exports = publishNpm;
diff --git a/scripts/release-testing/README.md b/scripts/release-testing/README.md
new file mode 100644
index 00000000000000..40fd2a13e72319
--- /dev/null
+++ b/scripts/release-testing/README.md
@@ -0,0 +1,15 @@
+# scripts/release-testing
+
+Scripts supporting local manual release testing. See also [How to Test a Release](https://reactnative.dev/contributing/release-testing).
+
+## Commands
+
+For information on command arguments, run `node <command> --help`.
+
+### `test-e2e-local`
+
+Set up, build, and install a given test app configuration.
+
+### `test-e2e-local-clean`
+
+Clean up all file system and cache state between tests.
diff --git a/scripts/test-e2e-local-clean.js b/scripts/release-testing/test-e2e-local-clean.js
similarity index 89%
rename from scripts/test-e2e-local-clean.js
rename to scripts/release-testing/test-e2e-local-clean.js
index 30e94bf34d177a..7d436ae692b69d 100644
--- a/scripts/test-e2e-local-clean.js
+++ b/scripts/release-testing/test-e2e-local-clean.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
  */
 
@@ -28,10 +29,10 @@
  *   - an option to uninstall the apps (RNTester, RNTestProject) from emulators
  */
 
+const {VERDACCIO_STORAGE_PATH} = require('../e2e/utils/verdaccio');
+const {isPackagerRunning} = require('./utils/testing-utils');
 const {exec, exit} = require('shelljs');
 
-const {isPackagerRunning} = require('./testing-utils');
-
 console.info('\n** Starting the clean up process **\n');
 
 // let's check if Metro is already running, if it is let's kill it and start fresh
@@ -61,6 +62,9 @@ exec('rm -rf packages/rn-tester/Pods');
 console.info('\n** Removing the RNTestProject folder **\n');
 exec('rm -rf /tmp/RNTestProject');
 
+console.info('\n** Removing Verdaccio storage directory **\n');
+exec(`rm -rf ${VERDACCIO_STORAGE_PATH}`);
+
 // final clean up
 console.info('\n** Final git level wipe **\n');
 // clean unstaged changes from git
diff --git a/scripts/test-e2e-local.js b/scripts/release-testing/test-e2e-local.js
similarity index 61%
rename from scripts/test-e2e-local.js
rename to scripts/release-testing/test-e2e-local.js
index 3346c59e144167..fbdd376f291a77 100644
--- a/scripts/test-e2e-local.js
+++ b/scripts/release-testing/test-e2e-local.js
@@ -4,6 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
  */
 
@@ -16,19 +17,25 @@
  * and to make it more accessible for other devs to play around with.
  */
 
-const {exec, pushd, popd, pwd, cd, sed} = require('shelljs');
-const updateTemplatePackage = require('./update-template-package');
-const yargs = require('yargs');
-const path = require('path');
-const fs = require('fs');
-
+const {REPO_ROOT} = require('../consts');
+const {initNewProjectFromSource} = require('../e2e/init-template-e2e');
+const updateTemplatePackage = require('../releases/update-template-package');
 const {
   checkPackagerRunning,
-  maybeLaunchAndroidEmulator,
   launchPackagerInSeparateWindow,
-  setupCircleCIArtifacts,
+  maybeLaunchAndroidEmulator,
   prepareArtifacts,
-} = require('./testing-utils');
+  setupCircleCIArtifacts,
+} = require('./utils/testing-utils');
+const debug = require('debug')('test-e2e-local');
+const fs = require('fs');
+const path = require('path');
+const {cd, exec, popd, pushd, pwd, sed} = require('shelljs');
+const yargs = require('yargs');
+
+/* ::
+type Unwrap<T> = T extends Promise<infer U> ? U : T;
+*/
 
 const argv = yargs
   .option('t', {
@@ -38,8 +45,9 @@ const argv = yargs
   })
   .option('p', {
     alias: 'platform',
-    default: 'iOS',
-    choices: ['iOS', 'Android'],
+    default: 'ios',
+    coerce: platform => platform.toLowerCase(),
+    choices: ['ios', 'android'],
   })
   .option('h', {
     alias: 'hermes',
@@ -60,17 +68,20 @@ const argv = yargs
  * - @circleCIArtifacts manager object to manage all the download of CircleCIArtifacts. If null, it will fallback not to use them.
  * - @onReleaseBranch whether we are on a release branch or not
  */
-async function testRNTesterIOS(circleCIArtifacts, onReleaseBranch) {
+async function testRNTesterIOS(
+  circleCIArtifacts /*: Unwrap<ReturnType<typeof setupCircleCIArtifacts>> */,
+  onReleaseBranch /*: boolean */,
+) {
   console.info(
     `We're going to test the ${
-      argv.hermes ? 'Hermes' : 'JSC'
+      argv.hermes === true ? 'Hermes' : 'JSC'
     } version of RNTester iOS with the new Architecture enabled`,
   );
 
   // remember that for this to be successful
   // you should have run bundle install once
   // in your local setup
-  if (argv.hermes && circleCIArtifacts != null) {
+  if (argv.hermes === true && circleCIArtifacts != null) {
     const hermesURL = await circleCIArtifacts.artifactURLHermesDebug();
     const hermesPath = path.join(
       circleCIArtifacts.baseTmpPath(),
@@ -85,14 +96,14 @@ async function testRNTesterIOS(circleCIArtifacts, onReleaseBranch) {
   } else {
     exec(
       `USE_HERMES=${
-        argv.hermes ? 1 : 0
-      } CI=${onReleaseBranch} RCT_NEW_ARCH_ENABLED=1 bundle exec pod install --ansi`,
+        argv.hermes === true ? 1 : 0
+      } CI=${onReleaseBranch.toString()} RCT_NEW_ARCH_ENABLED=1 bundle exec pod install --ansi`,
     );
   }
 
   // if everything succeeded so far, we can launch Metro and the app
   // start the Metro server in a separate window
-  launchPackagerInSeparateWindow(pwd());
+  launchPackagerInSeparateWindow(pwd().toString());
 
   // launch the app on iOS simulator
   exec('npx react-native run-ios --scheme RNTester --simulator "iPhone 14"');
@@ -104,17 +115,19 @@ async function testRNTesterIOS(circleCIArtifacts, onReleaseBranch) {
  * Parameters:
  * - @circleCIArtifacts manager object to manage all the download of CircleCIArtifacts. If null, it will fallback not to use them.
  */
-async function testRNTesterAndroid(circleCIArtifacts) {
+async function testRNTesterAndroid(
+  circleCIArtifacts /*: Unwrap<ReturnType<typeof setupCircleCIArtifacts>> */,
+) {
   maybeLaunchAndroidEmulator();
 
   console.info(
     `We're going to test the ${
-      argv.hermes ? 'Hermes' : 'JSC'
+      argv.hermes === true ? 'Hermes' : 'JSC'
     } version of RNTester Android with the new Architecture enabled`,
   );
 
   // Start the Metro server so it will be ready if the app can be built and installed successfully.
-  launchPackagerInSeparateWindow(pwd());
+  launchPackagerInSeparateWindow(pwd().toString());
 
   // Wait for the Android Emulator to be properly loaded and bootstrapped
   exec(
@@ -128,9 +141,10 @@ async function testRNTesterAndroid(circleCIArtifacts) {
     );
 
     const emulatorArch = exec('adb shell getprop ro.product.cpu.abi').trim();
-    const rntesterAPKURL = argv.hermes
-      ? await circleCIArtifacts.artifactURLForHermesRNTesterAPK(emulatorArch)
-      : await circleCIArtifacts.artifactURLForJSCRNTesterAPK(emulatorArch);
+    const rntesterAPKURL =
+      argv.hermes === true
+        ? await circleCIArtifacts.artifactURLForHermesRNTesterAPK(emulatorArch)
+        : await circleCIArtifacts.artifactURLForJSCRNTesterAPK(emulatorArch);
 
     console.info('Start Downloading APK');
     circleCIArtifacts.downloadArtifact(rntesterAPKURL, downloadPath);
@@ -139,7 +153,7 @@ async function testRNTesterAndroid(circleCIArtifacts) {
   } else {
     exec(
       `../../gradlew :packages:rn-tester:android:app:${
-        argv.hermes ? 'installHermesDebug' : 'installJscDebug'
+        argv.hermes === true ? 'installHermesDebug' : 'installJscDebug'
       } --quiet`,
     );
   }
@@ -162,13 +176,16 @@ async function testRNTesterAndroid(circleCIArtifacts) {
  * - @circleCIArtifacts manager object to manage all the download of CircleCIArtifacts. If null, it will fallback not to use them.
  * - @onReleaseBranch whether we are on a release branch or not
  */
-async function testRNTester(circleCIArtifacts, onReleaseBranch) {
+async function testRNTester(
+  circleCIArtifacts /*:Unwrap<ReturnType<typeof setupCircleCIArtifacts>> */,
+  onReleaseBranch /*: boolean */,
+) {
   // FIXME: make sure that the commands retains colors
   // (--ansi) doesn't always work
   // see also https://github.com/shelljs/shelljs/issues/86
   pushd('packages/rn-tester');
 
-  if (argv.platform === 'iOS') {
+  if (argv.platform === 'ios') {
     await testRNTesterIOS(circleCIArtifacts, onReleaseBranch);
   } else {
     await testRNTesterAndroid(circleCIArtifacts);
@@ -178,36 +195,33 @@ async function testRNTester(circleCIArtifacts, onReleaseBranch) {
 
 // === RNTestProject === //
 
-async function testRNTestProject(circleCIArtifacts) {
+async function testRNTestProject(
+  circleCIArtifacts /*: Unwrap<ReturnType<typeof setupCircleCIArtifacts>> */,
+) {
   console.info("We're going to test a fresh new RN project");
 
   // create the local npm package to feed the CLI
 
   // base setup required (specular to publish-npm.js)
-  const baseVersion = require('../packages/react-native/package.json').version;
 
   // in local testing, 1000.0.0 mean we are on main, every other case means we are
   // working on a release version
-  const buildType = baseVersion !== '1000.0.0' ? 'release' : 'dry-run';
-
-  // we need to add the unique timestamp to avoid npm/yarn to use some local caches
-  const dateIdentifier = new Date()
-    .toISOString()
-    .slice(0, -8)
-    .replace(/[-:]/g, '')
-    .replace(/[T]/g, '-');
+  const shortCommit = exec('git rev-parse HEAD', {silent: true})
+    .toString()
+    .trim()
+    .slice(0, 9);
 
-  const releaseVersion = `${baseVersion}-${dateIdentifier}`;
+  const releaseVersion = `1000.0.0-${shortCommit}`;
+  const buildType = 'dry-run';
 
-  // Prepare some variables for later use
-  const repoRoot = pwd();
-  const reactNativePackagePath = `${repoRoot}/packages/react-native`;
+  const reactNativePackagePath = `${REPO_ROOT}/packages/react-native`;
   const localNodeTGZPath = `${reactNativePackagePath}/react-native-${releaseVersion}.tgz`;
 
   const mavenLocalPath =
     circleCIArtifacts != null
-      ? path.join(circleCIArtifacts.baseTmpPath(), 'maven-local.zip')
+      ? path.join(circleCIArtifacts.baseTmpPath(), 'maven-local')
       : '/private/tmp/maven-local';
+
   const hermesPath = await prepareArtifacts(
     circleCIArtifacts,
     mavenLocalPath,
@@ -217,43 +231,57 @@ async function testRNTestProject(circleCIArtifacts) {
     reactNativePackagePath,
   );
 
-  updateTemplatePackage({
-    'react-native': `file:${localNodeTGZPath}`,
-  });
-
-  // create locally the node module
-  exec('npm pack --pack-destination ', {cwd: reactNativePackagePath});
-
-  // node pack does not creates a version of React Native with the right name on main.
-  // Let's add some defensive programming checks:
-  if (!fs.existsSync(localNodeTGZPath)) {
-    const tarfile = fs
-      .readdirSync(reactNativePackagePath)
-      .find(name => name.startsWith('react-native-') && name.endsWith('.tgz'));
-    if (!tarfile) {
-      throw new Error("Couldn't find a zipped version of react-native");
+  // If artifacts were built locally, we need to pack the react-native package
+  if (circleCIArtifacts == null) {
+    exec('npm pack --pack-destination ', {cwd: reactNativePackagePath});
+
+    // node pack does not creates a version of React Native with the right name on main.
+    // Let's add some defensive programming checks:
+    if (!fs.existsSync(localNodeTGZPath)) {
+      const tarfile = fs
+        .readdirSync(reactNativePackagePath)
+        .find(
+          name => name.startsWith('react-native-') && name.endsWith('.tgz'),
+        );
+      if (tarfile == null) {
+        throw new Error("Couldn't find a zipped version of react-native");
+      }
+      exec(
+        `cp ${path.join(reactNativePackagePath, tarfile)} ${localNodeTGZPath}`,
+      );
     }
-    exec(
-      `cp ${path.join(reactNativePackagePath, tarfile)} ${localNodeTGZPath}`,
-    );
   }
 
+  updateTemplatePackage({
+    'react-native': `file://${localNodeTGZPath}`,
+  });
+
   pushd('/tmp/');
-  // need to avoid the pod install step - we'll do it later
-  exec(
-    `node ${reactNativePackagePath}/cli.js init RNTestProject --template ${localNodeTGZPath} --skip-install`,
-  );
+
+  debug('Creating RNTestProject from template');
+
+  await initNewProjectFromSource({
+    projectName: 'RNTestProject',
+    directory: '/tmp/RNTestProject',
+    templatePath: reactNativePackagePath,
+  });
 
   cd('RNTestProject');
-  exec('yarn install');
 
+  // When using CircleCI artifacts, the CI will zip maven local into a
+  // /tmp/maven-local subfolder struct.
+  // When we generate the project manually, there is no such structure.
+  const expandedMavenLocal =
+    circleCIArtifacts == null
+      ? mavenLocalPath
+      : `${mavenLocalPath}/tmp/maven-local`;
   // need to do this here so that Android will be properly setup either way
   exec(
-    `echo "react.internal.mavenLocalRepo=${mavenLocalPath}" >> android/gradle.properties`,
+    `echo "react.internal.mavenLocalRepo=${expandedMavenLocal}" >> android/gradle.properties`,
   );
 
   // Update gradle properties to set Hermes as false
-  if (!argv.hermes) {
+  if (argv.hermes == null) {
     sed(
       '-i',
       'hermesEnabled=true',
@@ -262,18 +290,17 @@ async function testRNTestProject(circleCIArtifacts) {
     );
   }
 
-  // doing the pod install here so that it's easier to play around RNTestProject
-  cd('ios');
-  exec('bundle install');
-  exec(
-    `HERMES_ENGINE_TARBALL_PATH=${hermesPath} USE_HERMES=${
-      argv.hermes ? 1 : 0
-    } bundle exec pod install --ansi`,
-  );
-
-  cd('..');
+  if (argv.platform === 'ios') {
+    // doing the pod install here so that it's easier to play around RNTestProject
+    cd('ios');
+    exec('bundle install');
+    exec(
+      `HERMES_ENGINE_TARBALL_PATH=${hermesPath} USE_HERMES=${
+        argv.hermes === true ? 1 : 0
+      } bundle exec pod install --ansi`,
+    );
 
-  if (argv.platform === 'iOS') {
+    cd('..');
     exec('yarn ios');
   } else {
     // android
@@ -301,7 +328,8 @@ async function main() {
   const onReleaseBranch = branchName.endsWith('-stable');
 
   let circleCIArtifacts = await setupCircleCIArtifacts(
-    argv.circleciToken,
+    // $FlowIgnoreError[prop-missing]
+    argv.circleCIToken,
     branchName,
   );
 
@@ -312,4 +340,7 @@ async function main() {
   }
 }
 
-main();
+if (require.main === module) {
+  // eslint-disable-next-line no-void
+  void main();
+}
diff --git a/scripts/release-testing/utils/circle-ci-artifacts-utils.js b/scripts/release-testing/utils/circle-ci-artifacts-utils.js
new file mode 100644
index 00000000000000..81963f7e55d87d
--- /dev/null
+++ b/scripts/release-testing/utils/circle-ci-artifacts-utils.js
@@ -0,0 +1,286 @@
+#!/usr/bin/env node
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ */
+
+'use strict';
+
+const fetch = require('node-fetch');
+const {exec} = require('shelljs');
+
+let circleCIHeaders;
+let jobs;
+let baseTemporaryPath;
+
+/*::
+type Job = {
+  job_number: number,
+  id: string,
+  name: string,
+  type: 'build' | 'approval',
+  status:
+    | 'success'
+    | 'running'
+    | 'not_run'
+    | 'failed'
+    | 'retried'
+    | 'queued'
+    | 'not_running'
+    | 'infrastructure_fail'
+    | 'timedout'
+    | 'on_hold'
+    | 'terminated-unknown'
+    | 'blocked'
+    | 'canceled'
+    | 'unauthorized',
+  ...
+};
+
+type Workflow = {
+  pipeline_id: string,
+  id: string,
+  name: string,
+  project_slug: string,
+  status:
+    | 'success'
+    | 'running'
+    | 'not_run'
+    | 'failed'
+    | 'error'
+    | 'failing'
+    | 'on_hold'
+    | 'canceled'
+    | 'unauthorized',
+  pipeline_number: number,
+  ...
+};
+
+type Artifact = {
+  path: string,
+  node_index: number,
+  url: string,
+  ...
+};
+
+type Pipeline = {
+  id: string,
+  number: number,
+  ...
+}
+*/
+
+async function initialize(
+  circleCIToken /*: string */,
+  baseTempPath /*: string */,
+  branchName /*: string */,
+) {
+  console.info('Getting CircleCI information');
+  circleCIHeaders = {'Circle-Token': circleCIToken};
+  baseTemporaryPath = baseTempPath;
+  exec(`mkdir -p ${baseTemporaryPath}`);
+  const pipeline = await _getLastCircleCIPipelineID(branchName);
+  const testsWorkflow = await _getTestsWorkflow(pipeline.id);
+  const jobsResults = await _getCircleCIJobs(testsWorkflow.id);
+
+  jobs = jobsResults.flatMap(j => j);
+}
+
+function baseTmpPath() /*: string */ {
+  return baseTemporaryPath;
+}
+
+async function _getLastCircleCIPipelineID(branchName /*: string */) {
+  const qs = new URLSearchParams({branch: branchName}).toString();
+  const url =
+    'https://circleci.com/api/v2/project/gh/facebook/react-native/pipeline?' +
+    qs;
+  const options = {
+    method: 'GET',
+    headers: circleCIHeaders,
+  };
+
+  // $FlowIgnore[prop-missing] Conflicting .flowconfig in Meta's monorepo
+  const response = await fetch(url, options);
+  if (!response.ok) {
+    throw new Error(response);
+  }
+
+  const responseJSON = await response
+    // eslint-disable-next-line func-call-spacing
+    .json /*::<{items: Array<Pipeline>}>*/
+    ();
+  const items = responseJSON.items;
+
+  if (!items || items.length === 0) {
+    throw new Error(
+      'No pipelines found on this branch. Make sure that the CI has run at least once, successfully',
+    );
+  }
+
+  const lastPipeline = items[0];
+  return {id: lastPipeline.id, number: lastPipeline.number};
+}
+
+async function _getSpecificWorkflow(
+  pipelineId /*: string */,
+  workflowName /*: string */,
+) {
+  const url = `https://circleci.com/api/v2/pipeline/${pipelineId}/workflow`;
+  const options = {
+    method: 'GET',
+    headers: circleCIHeaders,
+  };
+
+  // $FlowIgnore[prop-missing] Conflicting .flowconfig in Meta's monorepo
+  const response = await fetch(url, options);
+  if (!response.ok) {
+    throw new Error(response);
+  }
+
+  const body = await response.json();
+  let workflow = body.items.find(w => w.name === workflowName);
+  _throwIfWorkflowNotFound(workflow, workflowName);
+  return workflow;
+}
+
+function _throwIfWorkflowNotFound(workflow /*: string */, name /*: string */) {
+  if (!workflow) {
+    throw new Error(
+      `Can't find a workflow named ${name}. Please check whether that workflow has started.`,
+    );
+  }
+}
+
+async function _getTestsWorkflow(pipelineId /*: string */) {
+  return _getSpecificWorkflow(pipelineId, 'tests');
+}
+
+async function _getCircleCIJobs(
+  workflowId /*: string */,
+) /*: Promise<Array<Job>> */ {
+  const url = `https://circleci.com/api/v2/workflow/${workflowId}/job`;
+  const options = {
+    method: 'GET',
+    headers: circleCIHeaders,
+  };
+  // $FlowIgnore[prop-missing] Conflicting .flowconfig in Meta's monorepo
+  const response = await fetch(url, options);
+  if (!response.ok) {
+    throw new Error(response);
+  }
+
+  const body = await response
+    // eslint-disable-next-line func-call-spacing
+    .json /*::<{items: Array<Job>}>*/
+    ();
+  return body.items;
+}
+
+async function _getJobsArtifacts(
+  jobNumber /*: number */,
+) /*: Promise<Array<Artifact>> */ {
+  const url = `https://circleci.com/api/v2/project/gh/facebook/react-native/${jobNumber}/artifacts`;
+  const options = {
+    method: 'GET',
+    headers: circleCIHeaders,
+  };
+
+  // $FlowIgnore[prop-missing] Conflicting .flowconfig in Meta's monorepo
+  const response = await fetch(url, options);
+  if (!response.ok) {
+    throw new Error(response);
+  }
+
+  const body = await response
+    // eslint-disable-next-line func-call-spacing
+    .json /*::<{items: Array<Artifact>}>*/
+    ();
+  return body.items;
+}
+
+async function _findUrlForJob(
+  jobName /*: string */,
+  artifactPath /*: string */,
+) /*: Promise<string> */ {
+  const job = jobs.find(j => j.name === jobName);
+  if (job == null) {
+    throw new Error(
+      `Can't find a job with name ${jobName}. Please verify that it has been executed and that all its dependencies completed successfully.`,
+    );
+  }
+
+  if (job.status !== 'success') {
+    throw new Error(
+      `The job ${job.name} status is ${job.status}. We need a 'success' status to proceed with the testing.`,
+    );
+  }
+
+  const artifacts = await _getJobsArtifacts(job.job_number);
+  let artifact = artifacts.find(a => a.path.indexOf(artifactPath) > -1);
+  if (artifact == null) {
+    throw new Error(`I could not find the artifact with path ${artifactPath}`);
+  }
+  return artifact.url;
+}
+
+async function artifactURLHermesDebug() /*: Promise<string> */ {
+  return _findUrlForJob('build_hermes_macos-Debug', 'hermes-ios-debug.tar.gz');
+}
+
+async function artifactURLForMavenLocal() /*: Promise<string> */ {
+  return _findUrlForJob('build_npm_package', 'maven-local.zip');
+}
+
+async function artifactURLForReactNative() /*: Promise<string> */ {
+  let shortCommit = exec('git rev-parse HEAD', {silent: true})
+    .toString()
+    .trim()
+    .slice(0, 9);
+  return _findUrlForJob(
+    'build_npm_package',
+    `react-native-1000.0.0-${shortCommit}.tgz`,
+  );
+}
+
+async function artifactURLForHermesRNTesterAPK(
+  emulatorArch /*: string */,
+) /*: Promise<string> */ {
+  return _findUrlForJob(
+    'test_android',
+    `rntester-apk/hermes/debug/app-hermes-${emulatorArch}-debug.apk`,
+  );
+}
+
+async function artifactURLForJSCRNTesterAPK(
+  emulatorArch /*: string */,
+) /*: Promise<string> */ {
+  return _findUrlForJob(
+    'test_android',
+    `rntester-apk/jsc/debug/app-jsc-${emulatorArch}-debug.apk`,
+  );
+}
+
+function downloadArtifact(
+  artifactURL /*: string */,
+  destination /*: string */,
+) {
+  exec(`rm -rf ${destination}`);
+  exec(`curl ${artifactURL} -Lo ${destination}`);
+}
+
+module.exports = {
+  initialize,
+  downloadArtifact,
+  artifactURLForJSCRNTesterAPK,
+  artifactURLForHermesRNTesterAPK,
+  artifactURLForMavenLocal,
+  artifactURLHermesDebug,
+  artifactURLForReactNative,
+  baseTmpPath,
+};
diff --git a/scripts/testing-utils.js b/scripts/release-testing/utils/testing-utils.js
similarity index 77%
rename from scripts/testing-utils.js
rename to scripts/release-testing/utils/testing-utils.js
index af996674de5d79..7d8b42969d9717 100644
--- a/scripts/testing-utils.js
+++ b/scripts/release-testing/utils/testing-utils.js
@@ -4,28 +4,32 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
+ * @oncall react_native
  */
 
 'use strict';
 
-const {exec, cp} = require('shelljs');
-const fs = require('fs');
-const os = require('os');
-const {spawn} = require('node:child_process');
-const path = require('path');
-
-const circleCIArtifactsUtils = require('./circle-ci-artifacts-utils.js');
-
+const {
+  downloadHermesSourceTarball,
+  expandHermesSourceTarball,
+} = require('../../../packages/react-native/scripts/hermes/hermes-utils.js');
 const {
   generateAndroidArtifacts,
   generateiOSArtifacts,
-} = require('./release-utils');
+} = require('../../releases/utils/release-utils');
+const circleCIArtifactsUtils = require('./circle-ci-artifacts-utils.js');
+const fs = require('fs');
+// $FlowIgnore[cannot-resolve-module]
+const {spawn} = require('node:child_process');
+const os = require('os');
+const path = require('path');
+const {cp, exec} = require('shelljs');
 
-const {
-  downloadHermesSourceTarball,
-  expandHermesSourceTarball,
-} = require('../packages/react-native/scripts/hermes/hermes-utils.js');
+/*::
+type BuildType = 'dry-run' | 'release' | 'nightly' | 'prealpha';
+*/
 
 /*
  * Android related utils - leverages android tooling
@@ -35,24 +39,29 @@ const {
 // here's the reference folder:
 // https://github.com/react-native-community/cli/blob/main/packages/cli-platform-android/src/commands/runAndroid
 
-const emulatorCommand = process.env.ANDROID_HOME
-  ? `${process.env.ANDROID_HOME}/emulator/emulator`
-  : 'emulator';
+const emulatorCommand =
+  process.env.ANDROID_HOME != null
+    ? `${process.env.ANDROID_HOME}/emulator/emulator`
+    : 'emulator';
 
 const getEmulators = () => {
   const emulatorsOutput = exec(`${emulatorCommand} -list-avds`).stdout;
   return emulatorsOutput.split(os.EOL).filter(name => name !== '');
 };
 
-const launchEmulator = emulatorName => {
+const launchEmulator = (emulatorName /*: string */) => {
   // we need both options 'cause reasons:
   // from docs: "When using the detached option to start a long-running process, the process will not stay running in the background after the parent exits unless it is provided with a stdio configuration that is not connected to the parent. If the parent's stdio is inherited, the child will remain attached to the controlling terminal."
   // here: https://nodejs.org/api/child_process.html#optionsdetached
 
-  const child_process = spawn(emulatorCommand, [`@${emulatorName}`], {
-    detached: true,
-    stdio: 'ignore',
-  });
+  const child_process /*: child_process$ChildProcess */ = spawn(
+    emulatorCommand,
+    [`@${emulatorName}`],
+    {
+      detached: true,
+      stdio: 'ignore',
+    },
+  );
 
   child_process.unref();
 };
@@ -110,8 +119,8 @@ function maybeLaunchAndroidEmulator() {
 // inspired by CLI again https://github.com/react-native-community/cli/blob/main/packages/cli-tools/src/isPackagerRunning.ts
 
 function isPackagerRunning(
-  packagerPort = process.env.RCT_METRO_PORT || '8081',
-) {
+  packagerPort /*: string */ = process.env.RCT_METRO_PORT ?? '8081',
+) /*: 'running' | 'unrecognized' | 'not_running' */ {
   try {
     const status = exec(`curl http://localhost:${packagerPort}/status`, {
       silent: true,
@@ -124,7 +133,7 @@ function isPackagerRunning(
 }
 
 // this is a very limited implementation of how this should work
-function launchPackagerInSeparateWindow(folderPath) {
+function launchPackagerInSeparateWindow(folderPath /*: string */) {
   const command = `tell application "Terminal" to do script "cd ${folderPath} && yarn start"`;
   exec(`osascript -e '${command}' >/dev/null <<EOF`);
 }
@@ -149,8 +158,11 @@ function checkPackagerRunning() {
  * - @circleciToken a valid CircleCI Token.
  * - @branchName the branch of the name we want to use to fetch the artifacts.
  */
-async function setupCircleCIArtifacts(circleciToken, branchName) {
-  if (!circleciToken) {
+async function setupCircleCIArtifacts(
+  circleciToken /*: ?string */,
+  branchName /*: string */,
+) /*: Promise<?typeof circleCIArtifactsUtils> */ {
+  if (circleciToken == null) {
     return null;
   }
 
@@ -164,34 +176,39 @@ async function setupCircleCIArtifacts(circleciToken, branchName) {
 }
 
 async function downloadArtifactsFromCircleCI(
-  circleCIArtifacts,
-  mavenLocalPath,
-  localNodeTGZPath,
+  circleCIArtifacts /*: typeof circleCIArtifactsUtils */,
+  mavenLocalPath /*: string */,
+  localNodeTGZPath /*: string */,
 ) {
   const mavenLocalURL = await circleCIArtifacts.artifactURLForMavenLocal();
   const hermesURL = await circleCIArtifacts.artifactURLHermesDebug();
+  const reactNativeURL = await circleCIArtifacts.artifactURLForReactNative();
 
   const hermesPath = path.join(
     circleCIArtifacts.baseTmpPath(),
     'hermes-ios-debug.tar.gz',
   );
 
-  console.info('[Download] Maven Local Artifacts');
-  circleCIArtifacts.downloadArtifact(mavenLocalURL, mavenLocalPath);
+  console.info(`[Download] Maven Local Artifacts from ${mavenLocalURL}`);
+  const mavenLocalZipPath = `${mavenLocalPath}.zip`;
+  circleCIArtifacts.downloadArtifact(mavenLocalURL, mavenLocalZipPath);
+  exec(`unzip -oq ${mavenLocalZipPath} -d ${mavenLocalPath}`);
   console.info('[Download] Hermes');
   circleCIArtifacts.downloadArtifact(hermesURL, hermesPath);
+  console.info(`[Download] React Native from  ${reactNativeURL}`);
+  circleCIArtifacts.downloadArtifact(reactNativeURL, localNodeTGZPath);
 
   return hermesPath;
 }
 
 function buildArtifactsLocally(
-  releaseVersion,
-  buildType,
-  reactNativePackagePath,
+  releaseVersion /*: string */,
+  buildType /*: BuildType */,
+  reactNativePackagePath /*: string */,
 ) {
   // this is needed to generate the Android artifacts correctly
   const exitCode = exec(
-    `node scripts/set-rn-version.js --to-version ${releaseVersion} --build-type ${buildType}`,
+    `node scripts/releases/set-rn-version.js --to-version ${releaseVersion} --build-type ${buildType}`,
   ).code;
 
   if (exitCode !== 0) {
@@ -262,13 +279,13 @@ function buildArtifactsLocally(
  * - @hermesPath the path to hermes for iOS
  */
 async function prepareArtifacts(
-  circleCIArtifacts,
-  mavenLocalPath,
-  localNodeTGZPath,
-  releaseVersion,
-  buildType,
-  reactNativePackagePath,
-) {
+  circleCIArtifacts /*: ?typeof circleCIArtifactsUtils */,
+  mavenLocalPath /*: string */,
+  localNodeTGZPath /*: string */,
+  releaseVersion /*: string */,
+  buildType /*: BuildType */,
+  reactNativePackagePath /*: string */,
+) /*: Promise<string> */ {
   return circleCIArtifacts != null
     ? await downloadArtifactsFromCircleCI(
         circleCIArtifacts,
diff --git a/scripts/releases-ci/README.md b/scripts/releases-ci/README.md
new file mode 100644
index 00000000000000..d55f1e19c1f91c
--- /dev/null
+++ b/scripts/releases-ci/README.md
@@ -0,0 +1,19 @@
+# scripts/releases-ci
+
+CI-only release scripts — intended to run from a CI workflow (CircleCI or GitHub Actions).
+
+## Commands
+
+For information on command arguments, run `node <command> --help`.
+
+### `prepare-package-for-release`
+
+Prepares files within the `react-native` package and template for the target release version. Writes a new commit and tag, which will trigger `publish-npm.js` in a new workflow.
+
+### `publish-npm`
+
+Prepares release artifacts and publishes the `react-native` package to npm.
+
+### `publish-updated-packages`
+
+Publishes all updated packages (excluding `react-native`) to npm. Triggered when a commit on a release branch contains `#publish-packages-to-npm`.
diff --git a/scripts/releases-ci/__tests__/publish-npm-test.js b/scripts/releases-ci/__tests__/publish-npm-test.js
new file mode 100644
index 00000000000000..df25868d3479df
--- /dev/null
+++ b/scripts/releases-ci/__tests__/publish-npm-test.js
@@ -0,0 +1,421 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+const execMock = jest.fn();
+const consoleLogMock = jest.fn();
+const isTaggedLatestMock = jest.fn();
+const setVersionMock = jest.fn();
+const setReactNativeVersionMock = jest.fn();
+const publishAndroidArtifactsToMavenMock = jest.fn();
+const removeNewArchFlags = jest.fn();
+const env = process.env;
+const publishPackageMock = jest.fn();
+const getNpmInfoMock = jest.fn();
+const generateAndroidArtifactsMock = jest.fn();
+const getPackagesMock = jest.fn();
+
+const {REPO_ROOT} = require('../../consts');
+const {publishNpm} = require('../publish-npm');
+const path = require('path');
+
+let consoleLog;
+
+describe('publish-npm', () => {
+  beforeAll(() => {
+    jest
+      .mock('shelljs', () => ({
+        exec: execMock,
+      }))
+      .mock('./../../scm-utils', () => ({
+        exitIfNotOnGit: command => command(),
+        getCurrentCommit: () => 'currentco_mmit',
+        isTaggedLatest: isTaggedLatestMock,
+      }))
+      .mock('../../releases/utils/release-utils', () => ({
+        generateAndroidArtifacts: generateAndroidArtifactsMock,
+        publishAndroidArtifactsToMaven: publishAndroidArtifactsToMavenMock,
+      }))
+      .mock('../../releases/set-version', () => setVersionMock)
+      .mock('../../releases/set-rn-version', () => ({
+        setReactNativeVersion: setReactNativeVersionMock,
+      }))
+      .mock('../../releases/remove-new-arch-flags', () => ({
+        removeNewArchFlags,
+      }))
+      .mock('../../npm-utils', () => ({
+        ...jest.requireActual('../../npm-utils'),
+        publishPackage: publishPackageMock,
+        getNpmInfo: getNpmInfoMock,
+      }));
+  });
+
+  afterAll(() => {
+    jest.clearAllMocks();
+  });
+
+  beforeEach(() => {
+    consoleLog = console.log;
+    // $FlowExpectedError[cannot-write]
+    console.log = consoleLogMock;
+  });
+
+  afterEach(() => {
+    process.env = env;
+    // $FlowExpectedError[cannot-write]
+    console.log = consoleLog;
+    jest.resetModules();
+    jest.resetAllMocks();
+  });
+
+  describe('publish-npm.js', () => {
+    it('should fail when invalid build type is passed', async () => {
+      // Call actual function
+      // $FlowExpectedError[underconstrained-implicit-instantiation]
+      const npmUtils = jest.requireActual('../../npm-utils');
+      getNpmInfoMock.mockImplementation(npmUtils.getNpmInfo);
+
+      await expect(async () => {
+        // $FlowExpectedError[incompatible-call]
+        await publishNpm('invalid');
+      }).rejects.toThrow('Unsupported build type: invalid');
+    });
+  });
+
+  describe("publishNpm('dry-run')", () => {
+    it('should set version and not publish', async () => {
+      const version = '1000.0.0-currentco';
+      getNpmInfoMock.mockReturnValueOnce({
+        version,
+        tag: null,
+      });
+
+      await publishNpm('dry-run');
+
+      expect(removeNewArchFlags).not.toHaveBeenCalled();
+
+      expect(setVersionMock).not.toBeCalled();
+      expect(setReactNativeVersionMock).toBeCalledWith(
+        version,
+        null,
+        'dry-run',
+      );
+
+      // expect(generateAndroidArtifactsMock).toBeCalledWith(version); [macOS We skip Android Artifact on React Native macOS]
+      expect(consoleLogMock).toHaveBeenCalledWith(
+        'Skipping `npm publish` because --dry-run is set.',
+      );
+
+      // Expect termination
+      expect(publishAndroidArtifactsToMavenMock).not.toHaveBeenCalled();
+      expect(publishPackageMock).not.toHaveBeenCalled();
+    });
+  });
+
+  describe("publishNpm('nightly')", () => {
+    beforeAll(() => {
+      jest.mock('../../releases/utils/monorepo', () => ({
+        ...jest.requireActual('../../releases/utils/monorepo'),
+        getPackages: getPackagesMock,
+      }));
+    });
+
+    afterAll(() => {
+      jest.unmock('../../releases/utils/monorepo');
+    });
+
+    it('should publish', async () => {
+      const expectedVersion = '0.82.0-nightly-20230420-currentco';
+      getPackagesMock.mockImplementation(() => ({
+        'monorepo/pkg-a': {
+          name: 'monorepo/pkg-a',
+          path: 'path/to/monorepo/pkg-a',
+          packageJson: {version: expectedVersion},
+        },
+        'monorepo/pkg-b': {
+          name: 'monorepo/pkg-b',
+          path: 'path/to/monorepo/pkg-b',
+          packageJson: {version: expectedVersion},
+        },
+      }));
+
+      getNpmInfoMock.mockImplementation(() => ({
+        version: expectedVersion,
+        tag: 'nightly',
+      }));
+      publishPackageMock.mockImplementation(() => ({
+        code: 0,
+      }));
+
+      await publishNpm('nightly');
+
+      expect(removeNewArchFlags).not.toHaveBeenCalled();
+      expect(setVersionMock).toBeCalledWith(expectedVersion);
+      /* [macOS We skip Android Artifact and NPM Publish on React Native macOS
+      expect(generateAndroidArtifactsMock).toHaveBeenCalled(); 
+      expect(publishPackageMock.mock.calls).toEqual([
+        ['path/to/monorepo/pkg-a', {otp: undefined, tags: ['nightly']}],
+        ['path/to/monorepo/pkg-b', {otp: undefined, tags: ['nightly']}],
+        [
+          path.join(REPO_ROOT, 'packages', 'react-native'),
+          {otp: undefined, tags: ['nightly']},
+        ],
+      ]);
+      expect(publishAndroidArtifactsToMavenMock).toHaveBeenCalledWith(
+        expectedVersion,
+        'nightly',
+      );
+      macOS] */
+      expect(consoleLogMock.mock.calls).toEqual([
+        ['Publishing monorepo/pkg-a...'],
+        [`Published monorepo/pkg-a@${expectedVersion} to npm`],
+        ['Publishing monorepo/pkg-b...'],
+        [`Published monorepo/pkg-b@${expectedVersion} to npm`],
+        // [`Published react-native@${expectedVersion} to npm`], [macOS We skip NPM Publish on React Native macOS]
+      ]);
+    });
+
+    it('should not publish when setting version fails', async () => {
+      const expectedVersion = '0.82.0-nightly-20230420-currentco';
+      getNpmInfoMock.mockImplementation(() => ({
+        version: expectedVersion,
+        tag: 'nightly',
+      }));
+      publishPackageMock.mockImplementation(() => ({
+        code: 0,
+      }));
+      setVersionMock.mockImplementation(() => {
+        throw new Error('something went wrong with setVersion');
+      });
+
+      await expect(async () => {
+        await publishNpm('nightly');
+      }).rejects.toThrow('something went wrong with setVersion');
+
+      expect(removeNewArchFlags).not.toHaveBeenCalled();
+      expect(publishPackageMock).not.toBeCalled();
+      expect(generateAndroidArtifactsMock).not.toHaveBeenCalled();
+      expect(publishAndroidArtifactsToMavenMock).not.toBeCalled();
+    });
+
+    it('should fail to publish react-native if some monorepo packages fail', async () => {
+      const expectedVersion = '0.82.0-nightly-20230420-currentco';
+
+      getPackagesMock.mockImplementation(() => ({
+        'monorepo/pkg-a': {
+          name: 'monorepo/pkg-a',
+          path: 'path/to/monorepo/pkg-a',
+          packageJson: {version: expectedVersion},
+        },
+        'monorepo/pkg-b': {
+          name: 'monorepo/pkg-b',
+          path: 'path/to/monorepo/pkg-b',
+          packageJson: {version: expectedVersion},
+        },
+        'monorepo/pkg-c': {
+          name: 'monorepo/pkg-c',
+          path: 'path/to/monorepo/pkg-c',
+          packageJson: {version: expectedVersion},
+        },
+      }));
+
+      publishPackageMock.mockImplementation(packagePath => {
+        if (packagePath === 'path/to/monorepo/pkg-b') {
+          return {code: 1};
+        }
+        return {code: 0};
+      });
+      getNpmInfoMock.mockImplementation(() => ({
+        version: expectedVersion,
+        tag: 'nightly',
+      }));
+
+      // We expect publish to fail on monorepo/pkg-b, and not publish anything-beyond
+      await expect(async () => {
+        await publishNpm('nightly');
+      }).rejects.toThrow(
+        `Failed to publish monorepo/pkg-b@${expectedVersion} to npm. Stopping all nightly publishes`,
+      );
+
+      expect(removeNewArchFlags).not.toHaveBeenCalled();
+      expect(setVersionMock).toBeCalledWith(expectedVersion);
+
+      expect(generateAndroidArtifactsMock).not.toHaveBeenCalled();
+
+      // Note that we don't call `publishPackage` for react-native, or monorepo/pkg-c
+      expect(publishPackageMock.mock.calls).toEqual([
+        ['path/to/monorepo/pkg-a', {otp: undefined, tags: ['nightly']}],
+        ['path/to/monorepo/pkg-b', {otp: undefined, tags: ['nightly']}],
+      ]);
+
+      expect(consoleLogMock.mock.calls).toEqual([
+        ['Publishing monorepo/pkg-a...'],
+        ['Published monorepo/pkg-a@0.82.0-nightly-20230420-currentco to npm'],
+        ['Publishing monorepo/pkg-b...'],
+      ]);
+      expect(publishAndroidArtifactsToMavenMock).not.toHaveBeenCalled();
+    });
+  });
+
+  describe("publishNpm('release')", () => {
+    it('should publish non-latest', async () => {
+      const expectedVersion = '0.81.1';
+      getNpmInfoMock.mockImplementation(() => ({
+        version: expectedVersion,
+        tag: '0.81-stable',
+      }));
+      publishPackageMock.mockImplementation(() => ({
+        code: 0,
+      }));
+
+      process.env.NPM_CONFIG_OTP = 'otp';
+
+      await publishNpm('release');
+
+      expect(removeNewArchFlags).not.toHaveBeenCalled();
+      expect(setReactNativeVersionMock).not.toHaveBeenCalled();
+      expect(setVersionMock).not.toBeCalled();
+      /* [macOS We skip Android Artifact and NPM Publish on React Native macOS
+      expect(generateAndroidArtifactsMock).toHaveBeenCalled(); 
+      expect(publishAndroidArtifactsToMavenMock).toHaveBeenCalledWith(
+        expectedVersion,
+        'release',
+      );
+
+      expect(publishPackageMock.mock.calls).toEqual([
+        [
+          path.join(REPO_ROOT, 'packages', 'react-native'),
+          {otp: process.env.NPM_CONFIG_OTP, tags: ['0.81-stable']},
+        ],
+      ]);
+
+      expect(consoleLogMock.mock.calls).toEqual([
+        [`Published react-native@${expectedVersion} to npm`],
+      ]);
+      macOS] */
+    });
+
+    it('should publish latest stable', async () => {
+      const expectedVersion = '0.81.1';
+      getNpmInfoMock.mockImplementation(() => ({
+        version: expectedVersion,
+        tag: 'latest',
+      }));
+      publishPackageMock.mockImplementation(() => ({
+        code: 0,
+      }));
+
+      process.env.NPM_CONFIG_OTP = 'otp';
+
+      await publishNpm('release');
+
+      expect(removeNewArchFlags).not.toHaveBeenCalled();
+      expect(setVersionMock).not.toBeCalled();
+      expect(setReactNativeVersionMock).not.toBeCalled();
+      /* [macOS We skip Android Artifact and NPM Publish on React Native macOS
+      expect(generateAndroidArtifactsMock).toHaveBeenCalled(); 
+      expect(publishAndroidArtifactsToMavenMock).toHaveBeenCalledWith(
+        expectedVersion,
+        'release',
+      );
+
+      expect(publishPackageMock.mock.calls).toEqual([
+        [
+          path.join(REPO_ROOT, 'packages', 'react-native'),
+          {otp: process.env.NPM_CONFIG_OTP, tags: ['latest']},
+        ],
+      ]);
+
+      expect(consoleLogMock.mock.calls).toEqual([
+        [`Published react-native@${expectedVersion} to npm`],
+      ]);
+      macOS] */
+    });
+
+    it('should fail to publish latest stable', async () => {
+      const expectedVersion = '0.81.1';
+      getNpmInfoMock.mockImplementation(() => ({
+        version: expectedVersion,
+        tag: 'latest',
+      }));
+      publishPackageMock.mockImplementation(() => ({
+        code: 1,
+      }));
+
+      execMock.mockReturnValueOnce({code: 1});
+      isTaggedLatestMock.mockReturnValueOnce(true);
+
+      process.env.NPM_CONFIG_OTP = 'otp';
+
+      /* [macOS We skip NPM Publish on React Native macOS
+      await expect(async () => {
+        await publishNpm('release');
+      }).rejects.toThrow(
+        `Failed to publish react-native@${expectedVersion} to npm.`,
+      );
+      macOS] */
+
+      expect(removeNewArchFlags).not.toHaveBeenCalled();
+      expect(setVersionMock).not.toBeCalled();
+      expect(setReactNativeVersionMock).not.toHaveBeenCalled();
+      /* [macOS We skip Android Artifact and NPM Publish on React Native macOS
+      expect(generateAndroidArtifactsMock).toHaveBeenCalled();
+      expect(publishAndroidArtifactsToMavenMock).toHaveBeenCalledWith(
+        expectedVersion,
+        'release',
+      );
+
+      expect(publishPackageMock.mock.calls).toEqual([
+        [
+          path.join(REPO_ROOT, 'packages', 'react-native'),
+          {otp: process.env.NPM_CONFIG_OTP, tags: ['latest']},
+        ],
+      ]);
+      macOS] */
+      expect(consoleLogMock).not.toHaveBeenCalled();
+    });
+
+    it('should publish next', async () => {
+      const expectedVersion = '0.81.0-rc.4';
+      getNpmInfoMock.mockImplementation(() => ({
+        version: expectedVersion,
+        tag: 'next',
+      }));
+      publishPackageMock.mockImplementation(() => ({
+        code: 0,
+      }));
+
+      process.env.NPM_CONFIG_OTP = 'otp';
+
+      await publishNpm('release');
+
+      expect(removeNewArchFlags).not.toHaveBeenCalled();
+      expect(setReactNativeVersionMock).not.toHaveBeenCalled();
+      expect(setVersionMock).not.toBeCalled();
+      /* [macOS We skip Android Artifact and NPM Publish on React Native macOS
+      expect(generateAndroidArtifactsMock).toHaveBeenCalled(); [macOS We skip Android Artifact on React Native macOS]
+      expect(publishAndroidArtifactsToMavenMock).toHaveBeenCalledWith(
+        expectedVersion,
+        'release',
+      );
+
+      expect(publishPackageMock.mock.calls).toEqual([
+        [
+          path.join(REPO_ROOT, 'packages', 'react-native'),
+          {otp: process.env.NPM_CONFIG_OTP, tags: ['next']},
+        ],
+      ]);
+      expect(consoleLogMock.mock.calls).toEqual([
+        [`Published react-native@${expectedVersion} to npm`],
+      ]);
+      macOS] */
+    });
+  });
+});
diff --git a/scripts/releases-ci/__tests__/publish-updated-packages-test.js b/scripts/releases-ci/__tests__/publish-updated-packages-test.js
new file mode 100644
index 00000000000000..9f7845ba93e10d
--- /dev/null
+++ b/scripts/releases-ci/__tests__/publish-updated-packages-test.js
@@ -0,0 +1,279 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+const {
+  getTagsFromCommitMessage,
+  publishUpdatedPackages,
+} = require('../publish-updated-packages');
+
+const getPackagesMock = jest.fn();
+const execSync = jest.fn();
+const execMock = jest.fn();
+const fetchMock = jest.fn();
+
+jest.mock('child_process', () => ({execSync}));
+jest.mock('shelljs', () => ({exec: execMock}));
+jest.mock('../../releases/utils/monorepo', () => ({
+  getPackages: getPackagesMock,
+}));
+// $FlowIgnore[cannot-write]
+global.fetch = fetchMock;
+
+const BUMP_COMMIT_MESSAGE =
+  'bumped packages versions\n\n#publish-packages-to-npm';
+
+describe('publishUpdatedPackages', () => {
+  beforeEach(() => {
+    jest.spyOn(console, 'log').mockImplementation(() => {});
+    jest.resetAllMocks();
+  });
+
+  test('should exit with error if not in a Git repo', async () => {
+    execSync.mockImplementation((command: string) => {
+      switch (command) {
+        case 'git log -1 --pretty=%B':
+          throw new Error();
+      }
+    });
+    const consoleError = jest
+      .spyOn(console, 'error')
+      .mockImplementation(() => {});
+
+    await publishUpdatedPackages();
+
+    expect(consoleError.mock.calls).toMatchInlineSnapshot(`
+      Array [
+        Array [
+          "Failed to read Git commit message, exiting.",
+        ],
+      ]
+    `);
+  });
+
+  test("should exit when commit message does not include '#publish-packages-to-npm'", async () => {
+    execSync.mockImplementation((command: string) => {
+      switch (command) {
+        case 'git log -1 --pretty=%B':
+          return 'A non-bumping commit';
+      }
+    });
+    const consoleLog = jest.spyOn(console, 'log').mockImplementation(() => {});
+
+    await publishUpdatedPackages();
+
+    expect(consoleLog.mock.calls).toMatchInlineSnapshot(`
+      Array [
+        Array [
+          "Current commit does not include #publish-packages-to-npm keyword, skipping.",
+        ],
+      ]
+    `);
+  });
+
+  test('should throw an error if updated version is not 0.x.x', async () => {
+    execSync.mockImplementation((command: string) => {
+      switch (command) {
+        case 'git log -1 --pretty=%B':
+          return BUMP_COMMIT_MESSAGE;
+      }
+    });
+    const mockedPackageNewVersion = '1.0.0';
+    getPackagesMock.mockResolvedValue({
+      '@react-native/package-a': {
+        path: 'absolute/path/to/package-a',
+        packageJson: {
+          version: mockedPackageNewVersion,
+        },
+      },
+    });
+
+    fetchMock.mockResolvedValueOnce({
+      json: () => Promise.resolve({versions: {}}),
+    });
+
+    await expect(publishUpdatedPackages()).rejects.toThrow(
+      `Package version expected to be 0.x.x, but received ${mockedPackageNewVersion}`,
+    );
+  });
+
+  test('should publish all updated packages', async () => {
+    execSync.mockImplementation((command: string) => {
+      switch (command) {
+        case 'git log -1 --pretty=%B':
+          return BUMP_COMMIT_MESSAGE;
+      }
+    });
+    getPackagesMock.mockResolvedValue({
+      '@react-native/package-a': {
+        name: '@react-native/package-a',
+        path: 'absolute/path/to/package-a',
+        packageJson: {
+          version: '0.72.1',
+        },
+      },
+      '@react-native/package-b': {
+        name: '@react-native/package-b',
+        path: 'absolute/path/to/package-b',
+        packageJson: {
+          version: '0.72.1',
+        },
+      },
+      '@react-native/package-c': {
+        name: '@react-native/package-c',
+        path: 'absolute/path/to/package-c',
+        packageJson: {
+          version: '0.72.0',
+        },
+      },
+    });
+    fetchMock.mockResolvedValue({
+      json: () =>
+        Promise.resolve({
+          versions: {'0.72.0': {}},
+        }),
+    });
+    execMock.mockImplementation(() => ({code: 0}));
+
+    const consoleLog = jest.spyOn(console, 'log').mockImplementation(() => {});
+
+    await publishUpdatedPackages();
+
+    expect(consoleLog.mock.calls.flat().join('\n')).toMatchInlineSnapshot(`
+      "Discovering updated packages
+      - Skipping @react-native/package-c (0.72.0 already present on npm)
+      Done ✅
+      Publishing updated packages to npm
+      - Publishing @react-native/package-a (0.72.1)
+      - Publishing @react-native/package-b (0.72.1)
+      Done ✅"
+    `);
+    expect(execMock.mock.calls).toMatchInlineSnapshot(`
+      Array [
+        Array [
+          "npm publish",
+          Object {
+            "cwd": "absolute/path/to/package-a",
+          },
+        ],
+        Array [
+          "npm publish",
+          Object {
+            "cwd": "absolute/path/to/package-b",
+          },
+        ],
+      ]
+    `);
+  });
+
+  describe('retry behaviour', () => {
+    beforeEach(() => {
+      execSync.mockImplementation((command: string) => {
+        switch (command) {
+          case 'git log -1 --pretty=%B':
+            return BUMP_COMMIT_MESSAGE;
+        }
+      });
+      getPackagesMock.mockResolvedValue({
+        '@react-native/package-a': {
+          name: '@react-native/package-a',
+          path: 'absolute/path/to/package-a',
+          packageJson: {
+            version: '0.72.1',
+          },
+        },
+        '@react-native/package-b': {
+          name: '@react-native/package-b',
+          path: 'absolute/path/to/package-b',
+          packageJson: {
+            version: '0.72.1',
+          },
+        },
+      });
+      fetchMock.mockResolvedValue({
+        json: () =>
+          Promise.resolve({
+            versions: {'0.72.0': {}},
+          }),
+      });
+    });
+
+    test('should retry once if `npm publish` fails', async () => {
+      execMock.mockImplementationOnce(() => ({code: 0}));
+      execMock.mockImplementationOnce(() => ({
+        code: 1,
+        stderr: '503 Service Unavailable',
+      }));
+      execMock.mockImplementationOnce(() => ({code: 0}));
+
+      const consoleError = jest
+        .spyOn(console, 'error')
+        .mockImplementation(() => {});
+
+      await publishUpdatedPackages();
+
+      expect(consoleError.mock.calls.flat().join('\n')).toMatchInlineSnapshot(`
+        "Failed to publish @react-native/package-b. npm publish exited with code 1:
+        503 Service Unavailable"
+      `);
+      expect(execMock.mock.calls).toMatchInlineSnapshot(`
+        Array [
+          Array [
+            "npm publish",
+            Object {
+              "cwd": "absolute/path/to/package-a",
+            },
+          ],
+          Array [
+            "npm publish",
+            Object {
+              "cwd": "absolute/path/to/package-b",
+            },
+          ],
+          Array [
+            "npm publish",
+            Object {
+              "cwd": "absolute/path/to/package-b",
+            },
+          ],
+        ]
+      `);
+    });
+
+    test('should exit with error if one or more packages fail after retry', async () => {
+      execMock.mockImplementationOnce(() => ({code: 0}));
+      execMock.mockImplementation(() => ({
+        code: 1,
+        stderr: '503 Service Unavailable',
+      }));
+
+      const consoleLog = jest
+        .spyOn(console, 'log')
+        .mockImplementation(() => {});
+
+      await publishUpdatedPackages();
+
+      expect(consoleLog).toHaveBeenLastCalledWith('--- Retrying once! ---');
+      expect(process.exitCode).toBe(1);
+    });
+  });
+});
+
+describe('getTagsFromCommitMessage', () => {
+  test('should parse tags', () => {
+    const commitMsg = `${BUMP_COMMIT_MESSAGE}&tagA&tagB&tagA\n`;
+
+    expect(getTagsFromCommitMessage(commitMsg)).toEqual([
+      'tagA',
+      'tagB',
+      'tagA',
+    ]);
+  });
+});
diff --git a/scripts/releases-ci/prepare-package-for-release.js b/scripts/releases-ci/prepare-package-for-release.js
new file mode 100755
index 00000000000000..66ab2364688289
--- /dev/null
+++ b/scripts/releases-ci/prepare-package-for-release.js
@@ -0,0 +1,143 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+'use strict';
+
+const {setReactNativeVersion} = require('../releases/set-rn-version');
+const {failIfTagExists} = require('../releases/utils/release-utils');
+const {
+  isReleaseBranch,
+  parseVersion,
+} = require('../releases/utils/version-utils');
+const {echo, exec, exit} = require('shelljs');
+const yargs = require('yargs');
+
+/**
+ * This script prepares a release package to be pushed to npm
+ * It is triggered to run on CircleCI
+ * It will:
+ *    * It updates the version in json/gradle files and makes sure they are consistent between each other (set-rn-version)
+ *    * Updates podfile for RNTester
+ *    * Commits changes and tags with the next version based off of last version tag.
+ *      This in turn will trigger another CircleCI job to publish to npm
+ */
+async function main() {
+  const argv = yargs
+    .option('r', {
+      alias: 'remote',
+      default: 'origin',
+    })
+    .option('v', {
+      alias: 'to-version',
+      type: 'string',
+      required: true,
+    })
+    .option('l', {
+      alias: 'latest',
+      type: 'boolean',
+      default: false,
+    })
+    .option('d', {
+      alias: 'dry-run',
+      type: 'boolean',
+      default: false,
+    }).argv;
+
+  const branch = process.env.CIRCLE_BRANCH;
+  // $FlowFixMe[prop-missing]
+  const remote = argv.remote;
+  // $FlowFixMe[prop-missing]
+  const releaseVersion = argv.toVersion;
+  // $FlowFixMe[prop-missing]
+  const isLatest = argv.latest;
+  // $FlowFixMe[prop-missing]
+  const isDryRun = argv.dryRun;
+
+  if (branch == null) {
+    throw new Error('process.env.CIRCLE_BRANCH is not set');
+  }
+
+  const buildType = isDryRun
+    ? 'dry-run'
+    : isReleaseBranch(branch)
+    ? 'release'
+    : 'nightly';
+
+  failIfTagExists(releaseVersion, buildType);
+
+  if (branch && !isReleaseBranch(branch) && !isDryRun) {
+    console.error(`This needs to be on a release branch. On branch: ${branch}`);
+    exit(1);
+  } else if (!branch && !isDryRun) {
+    console.error('This needs to be on a release branch.');
+    exit(1);
+  }
+
+  const {version} = parseVersion(releaseVersion, buildType);
+  if (version == null) {
+    console.error(`Invalid version provided: ${releaseVersion}`);
+    exit(1);
+  }
+
+  try {
+    await setReactNativeVersion(version, null, buildType);
+  } catch (e) {
+    echo(`Failed to set React Native version to ${version}`);
+    exit(1);
+  }
+
+  // Release builds should commit the version bumps, and create tags.
+  echo('Updating RNTester Podfile.lock...');
+  if (exec('source scripts/update_podfile_lock.sh && update_pods').code) {
+    echo('Failed to update RNTester Podfile.lock.');
+    echo('Fix the issue, revert and try again.');
+    exit(1);
+  }
+
+  echo(`Local checkout has been prepared for release version ${version}.`);
+  if (isDryRun) {
+    echo('Changes will not be committed because --dry-run was set to true.');
+    exit(0);
+  }
+
+  // Make commit [0.21.0-rc] Bump version numbers
+  if (exec(`git commit -a -m "[${version}] Bump version numbers"`).code) {
+    echo('failed to commit');
+    exit(1);
+  }
+
+  // Add tag v0.21.0-rc.1
+  // [macOS] Add "-microsoft" suffix to tag to distinguish from React Native Core.
+  if (exec(`git tag -a v${version}-microsoft -m "v${version}-microsoft"`).code) {
+    echo(
+      `failed to tag the commit with v${version}, are you sure this release wasn't made earlier?`,
+    );
+    echo('You may want to rollback the last commit');
+    echo('git reset --hard HEAD~1');
+    exit(1);
+  }
+
+  // If `isLatest`, this git tag will also set npm release as `latest`
+  if (isLatest) {
+    exec('git tag -d latest');
+    exec(`git push ${remote} :latest`);
+
+    // This will be pushed with the `--follow-tags`
+    exec('git tag -a latest -m "latest"');
+  }
+
+  exec(`git push ${remote} ${branch} --follow-tags`);
+}
+
+if (require.main === module) {
+  // eslint-disable-next-line no-void
+  void main();
+}
diff --git a/scripts/releases-ci/publish-npm.js b/scripts/releases-ci/publish-npm.js
new file mode 100755
index 00000000000000..56b4e74ea4dcc6
--- /dev/null
+++ b/scripts/releases-ci/publish-npm.js
@@ -0,0 +1,150 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+'use strict';
+
+/*::
+import type {BuildType} from '../releases/utils/version-utils';
+*/
+
+const {REPO_ROOT} = require('../consts');
+const {getNpmInfo, publishPackage} = require('../npm-utils');
+const {removeNewArchFlags} = require('../releases/remove-new-arch-flags');
+const {setReactNativeVersion} = require('../releases/set-rn-version');
+const setVersion = require('../releases/set-version');
+const {getPackages} = require('../releases/utils/monorepo');
+/* [macOS We do not generate Android artifacts for React Native macOS
+const {
+  generateAndroidArtifacts,
+  publishAndroidArtifactsToMaven,
+} = require('../releases/utils/release-utils');
+macOS] */
+const path = require('path');
+const yargs = require('yargs');
+
+/**
+ * This script prepares a release version of react-native and may publish to NPM.
+ * It is supposed to run in CI environment, not on a developer's machine.
+ *
+ * [macOS] For React Native macOS, we have modified this script to not create Android Artifacts.
+ *
+ * For a dry run (commitly), this script will:
+ *  * Version the commitly of the form `1000.0.0-<commitSha>`
+ *  * Create Android artifacts
+ *  * It will not publish to npm
+ *
+ * For a nightly run, this script will:
+ *  * Version the nightly release of the form `0.0.0-<dateIdentifier>-<commitSha>`
+ *  * Create Android artifacts
+ *  * Publish to npm using `nightly` tag
+ *
+ * For a release run, this script will:
+ *  * Version the release by the tag version that triggered CI
+ *  * Create Android artifacts
+ *  * Publish to npm
+ *     * using `latest` tag if commit is currently tagged `latest`
+ *     * or otherwise `{major}.{minor}-stable`
+ */
+
+async function main() {
+  const argv = yargs
+    .option('t', {
+      alias: 'builtType',
+      describe: 'The type of build you want to perform.',
+      choices: ['dry-run', 'nightly', 'release', 'prealpha'],
+      default: 'dry-run',
+    })
+    .strict().argv;
+
+  // $FlowFixMe[prop-missing]
+  const buildType = argv.builtType;
+
+  await publishNpm(buildType);
+}
+
+async function publishMonorepoPackages(tag /*: ?string */) {
+  const projectInfo = await getPackages({
+    includePrivate: false,
+    includeReactNative: false,
+  });
+
+  for (const packageInfo of Object.values(projectInfo)) {
+    console.log(`Publishing ${packageInfo.name}...`);
+    const result = publishPackage(packageInfo.path, {
+      // $FlowFixMe[incompatible-call]
+      tags: [tag],
+      otp: process.env.NPM_CONFIG_OTP,
+    });
+
+    const spec = `${packageInfo.name}@${packageInfo.packageJson.version}`;
+
+    if (result.code) {
+      throw new Error(
+        `Failed to publish ${spec} to npm. Stopping all nightly publishes`,
+      );
+    }
+    console.log(`Published ${spec} to npm`);
+  }
+}
+
+async function publishNpm(buildType /*: BuildType */) /*: Promise<void> */ {
+  const {version, tag} = getNpmInfo(buildType);
+
+  if (buildType === 'prealpha') {
+    removeNewArchFlags();
+  }
+
+  // For stable releases, CircleCI job `prepare_package_for_release` handles this
+  if (['dry-run', 'nightly', 'prealpha'].includes(buildType)) {
+    if (buildType === 'nightly') {
+      // Set same version for all monorepo packages
+      await setVersion(version);
+      await publishMonorepoPackages(tag);
+    } else {
+      await setReactNativeVersion(version, null, buildType);
+    }
+  }
+  
+  // [macOS] Do not generate Android artifacts for React Native macOS
+  // generateAndroidArtifacts(version);
+
+  if (buildType === 'dry-run') {
+    console.log('Skipping `npm publish` because --dry-run is set.');
+    return;
+  }
+
+  // We first publish on Maven Central all the necessary artifacts.
+  // NPM publishing is done just after.
+  /* [macOS] Skip the Android Artifact and NPM Publish here as we do that in our Azure Pipeline
+  // publishAndroidArtifactsToMaven(version, buildType);
+
+  const packagePath = path.join(REPO_ROOT, 'packages', 'react-native');
+  const result = publishPackage(packagePath, {
+    // $FlowFixMe[incompatible-call]
+    tags: [tag],
+    otp: process.env.NPM_CONFIG_OTP,
+  });
+
+  if (result.code) {
+    throw new Error(`Failed to publish react-native@${version} to npm.`);
+  }
+  console.log(`Published react-native@${version} to npm`);
+  macOS] */
+}
+
+module.exports = {
+  publishNpm,
+};
+
+if (require.main === module) {
+  // eslint-disable-next-line no-void
+  void main();
+}
diff --git a/scripts/releases-ci/publish-updated-packages.js b/scripts/releases-ci/publish-updated-packages.js
new file mode 100644
index 00000000000000..f20a7d5b45bf95
--- /dev/null
+++ b/scripts/releases-ci/publish-updated-packages.js
@@ -0,0 +1,164 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react_native
+ */
+
+const {PUBLISH_PACKAGES_TAG} = require('../monorepo/constants');
+const {publishPackage} = require('../npm-utils');
+const {getPackages} = require('../releases/utils/monorepo');
+const {parseArgs} = require('@pkgjs/parseargs');
+const {execSync} = require('child_process');
+
+const NPM_CONFIG_OTP = process.env.NPM_CONFIG_OTP;
+
+const config = {
+  options: {
+    help: {type: 'boolean'},
+  },
+};
+
+async function main() {
+  const {
+    values: {help},
+  } = parseArgs(config);
+
+  if (help) {
+    console.log(`
+  Usage: node ./scripts/releases/publish-updated-packages.js
+
+  Publishes all updated packages (excluding react-native) to npm. This script
+  is intended to run from a CI workflow.
+    `);
+    return;
+  }
+
+  await publishUpdatedPackages();
+}
+
+async function publishUpdatedPackages() {
+  let commitMessage;
+
+  try {
+    commitMessage = execSync('git log -1 --pretty=%B').toString();
+  } catch {
+    console.error('Failed to read Git commit message, exiting.');
+    process.exitCode = 1;
+    return;
+  }
+
+  if (!commitMessage.includes(PUBLISH_PACKAGES_TAG)) {
+    console.log(
+      'Current commit does not include #publish-packages-to-npm keyword, skipping.',
+    );
+    return;
+  }
+
+  console.log('Discovering updated packages');
+
+  const packages = await getPackages({
+    includeReactNative: false,
+  });
+  const packagesToUpdate = [];
+
+  await Promise.all(
+    Object.values(packages).map(async package => {
+      const version = package.packageJson.version;
+
+      if (!version.startsWith('0.')) {
+        throw new Error(
+          `Package version expected to be 0.x.x, but received ${version}`,
+        );
+      }
+
+      const response = await fetch(
+        'https://registry.npmjs.org/' + package.name,
+      );
+      const {versions: versionsInRegistry} = await response.json();
+
+      if (version in versionsInRegistry) {
+        console.log(
+          `- Skipping ${package.name} (${version} already present on npm)`,
+        );
+        return;
+      }
+
+      packagesToUpdate.push(package.name);
+    }),
+  );
+
+  console.log('Done ✅');
+  console.log('Publishing updated packages to npm');
+
+  const tags = getTagsFromCommitMessage(commitMessage);
+  const failedPackages = [];
+
+  for (const packageName of packagesToUpdate) {
+    const package = packages[packageName];
+    console.log(
+      `- Publishing ${package.name} (${package.packageJson.version})`,
+    );
+
+    try {
+      runPublish(package.name, package.path, tags);
+    } catch {
+      console.log('--- Retrying once! ---');
+      try {
+        runPublish(package.name, package.path, tags);
+      } catch (e) {
+        failedPackages.push(package.name);
+      }
+    }
+  }
+
+  if (failedPackages.length) {
+    process.exitCode = 1;
+    return;
+  }
+
+  console.log('Done ✅');
+}
+
+function getTagsFromCommitMessage(msg /*: string */) /*: Array<string> */ {
+  // ex message we're trying to parse tags out of
+  // `_some_message_here_${PUBLISH_PACKAGES_TAG}&tagA&tagB\n`;
+  return msg
+    .substring(msg.indexOf(PUBLISH_PACKAGES_TAG))
+    .trim()
+    .split('&')
+    .slice(1);
+}
+
+function runPublish(
+  packageName /*: string */,
+  packagePath /*: string */,
+  tags /*: Array<string> */,
+) {
+  const result = publishPackage(packagePath, {
+    tags,
+    otp: NPM_CONFIG_OTP,
+  });
+
+  if (result.code !== 0) {
+    console.error(
+      `Failed to publish ${packageName}. npm publish exited with code ${result.code}:`,
+    );
+    console.error(result.stderr);
+    throw new Error(result.stderr);
+  }
+}
+
+if (require.main === module) {
+  // eslint-disable-next-line no-void
+  void main();
+}
+
+module.exports = {
+  getTagsFromCommitMessage,
+  publishUpdatedPackages,
+};
diff --git a/scripts/releases-local/README.md b/scripts/releases-local/README.md
new file mode 100644
index 00000000000000..38b818e601cf8f
--- /dev/null
+++ b/scripts/releases-local/README.md
@@ -0,0 +1,11 @@
+# scripts/releases-local
+
+Local-only release scripts.
+
+## Commands
+
+For information on command arguments, run `node <command> --help`.
+
+### `trigger-react-native-release.js`
+
+Trigger the external release publishing workflow on CircleCI.
diff --git a/scripts/trigger-react-native-release.js b/scripts/releases-local/trigger-react-native-release.js
similarity index 83%
rename from scripts/trigger-react-native-release.js
rename to scripts/releases-local/trigger-react-native-release.js
index 2986e95fca625b..266c5cccc3e1fc 100644
--- a/scripts/trigger-react-native-release.js
+++ b/scripts/releases-local/trigger-react-native-release.js
@@ -1,34 +1,36 @@
-#!/usr/bin/env node
 /**
  * Copyright (c) Meta Platforms, Inc. and affiliates.
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow
  * @format
+ * @oncall react_native
  */
 
 'use strict';
 
-/**
- * This script walks a releaser through bumping the version for a release
- * It will commit the appropriate tags to trigger the CircleCI jobs.
- */
-const {exit, echo} = require('shelljs');
+const {REPO_ROOT} = require('../consts');
+const detectPackageUnreleasedChanges = require('../monorepo/bump-all-updated-packages/bump-utils.js');
+const checkForGitChanges = require('../monorepo/check-for-git-changes');
+const forEachPackage = require('../monorepo/for-each-package');
+const {failIfTagExists} = require('../releases/utils/release-utils');
+const {
+  isReleaseBranch,
+  parseVersion,
+} = require('../releases/utils/version-utils');
+const {exitIfNotOnGit, getBranchName} = require('../scm-utils');
 const chalk = require('chalk');
-const yargs = require('yargs');
 const inquirer = require('inquirer');
 const request = require('request');
-const path = require('path');
-const {getBranchName, exitIfNotOnGit} = require('./scm-utils');
-
-const {parseVersion, isReleaseBranch} = require('./version-utils');
-const {failIfTagExists} = require('./release-utils');
-const checkForGitChanges = require('./monorepo/check-for-git-changes');
-const forEachPackage = require('./monorepo/for-each-package');
-const detectPackageUnreleasedChanges = require('./monorepo/bump-all-updated-packages/bump-utils.js');
+const {echo, exit} = require('shelljs');
+const yargs = require('yargs');
 
-const ROOT_LOCATION = path.join(__dirname, '..');
+/**
+ * This script walks a releaser through bumping the version for a release
+ * It will commit the appropriate tags to trigger the CircleCI jobs.
+ */
 
 let argv = yargs
   .option('r', {
@@ -55,7 +57,7 @@ let argv = yargs
     return true;
   }).argv;
 
-function exitIfNotOnReleaseBranch(branch) {
+function exitIfNotOnReleaseBranch(branch /*: string */) {
   if (!isReleaseBranch(branch)) {
     console.log(
       'This script must be run in a react-native git repository checkout and on a release branch',
@@ -65,7 +67,11 @@ function exitIfNotOnReleaseBranch(branch) {
 }
 
 const buildExecutor =
-  (packageAbsolutePath, packageRelativePathFromRoot, packageManifest) =>
+  (
+    packageAbsolutePath /*: string */,
+    packageRelativePathFromRoot /*: string */,
+    packageManifest /*: $FlowFixMe */,
+  ) =>
   async () => {
     const {name: packageName} = packageManifest;
     if (packageManifest.private) {
@@ -76,7 +82,7 @@ const buildExecutor =
       detectPackageUnreleasedChanges(
         packageRelativePathFromRoot,
         packageName,
-        ROOT_LOCATION,
+        REPO_ROOT,
       )
     ) {
       // if I enter here, I want to throw an error upward
@@ -110,7 +116,7 @@ async function exitIfUnreleasedPackages() {
   }
 }
 
-function triggerReleaseWorkflow(options) {
+function triggerReleaseWorkflow(options /*: $FlowFixMe */) {
   return new Promise((resolve, reject) => {
     request(options, function (error, response, body) {
       if (error) {
@@ -145,7 +151,9 @@ async function main() {
     exit(1);
   }
 
+  // $FlowFixMe[prop-missing]
   const token = argv.token;
+  // $FlowFixMe[prop-missing]
   const releaseVersion = argv.toVersion;
   failIfTagExists(releaseVersion, 'release');
 
@@ -156,6 +164,7 @@ async function main() {
   });
 
   if (!pushed) {
+    // $FlowFixMe[prop-missing]
     console.log(`Please run 'git push ${argv.remote} ${branch}'`);
     exit(1);
     return;
@@ -207,6 +216,7 @@ async function main() {
   // See response: https://circleci.com/docs/api/v2/#operation/triggerPipeline
   const body = await triggerReleaseWorkflow(options);
   console.log(
+    // $FlowFixMe[incompatible-use]
     `Monitor your release workflow: https://app.circleci.com/pipelines/github/facebook/react-native/${body.number}`,
   );
 
@@ -216,6 +226,7 @@ async function main() {
   // - Verify RN-diff publish is through
 }
 
+// $FlowFixMe[unused-promise]
 main().then(() => {
   exit(0);
 });
diff --git a/scripts/releases/README.md b/scripts/releases/README.md
new file mode 100644
index 00000000000000..2c9f4ce06f8928
--- /dev/null
+++ b/scripts/releases/README.md
@@ -0,0 +1,23 @@
+# scripts/releases
+
+Scripts related to creating a React Native release. These are the lower level entry points used by [**scripts/releases-ci**](https://github.com/facebook/react-native/tree/main/scripts/releases-ci).
+
+## Commands
+
+For information on command arguments, run `node <command> --help`.
+
+### `remove-new-arch-flags`
+
+Updates native build files to disable the New Architecture.
+
+### `set-version`
+
+Sets a singular version for the entire monorepo (including `react-native` package)
+
+### `set-rn-version`
+
+Updates relevant files in the `react-native` package and template to materialize the given release version.
+
+### `update-template-package`
+
+Updates workspace dependencies in the template app`package.json`
diff --git a/scripts/releases/__tests__/__fixtures__/remove-new-arch-flags-fixture.js b/scripts/releases/__tests__/__fixtures__/remove-new-arch-flags-fixture.js
index f04486b05e3ba6..b84ea462682c94 100644
--- a/scripts/releases/__tests__/__fixtures__/remove-new-arch-flags-fixture.js
+++ b/scripts/releases/__tests__/__fixtures__/remove-new-arch-flags-fixture.js
@@ -18,7 +18,6 @@ def use_react_native! (
   flipper_configuration: FlipperConfiguration.disabled,
   app_path: '..',
   config_file_dir: '',
-  ios_folder: 'ios'
 )
 end
 `;
@@ -32,7 +31,6 @@ def use_react_native! (
   flipper_configuration: FlipperConfiguration.disabled,
   app_path: '..',
   config_file_dir: '',
-  ios_folder: 'ios'
 )
 end
 `;
@@ -45,7 +43,6 @@ def use_react_native! (
   flipper_configuration: FlipperConfiguration.disabled,
   app_path: '..',
   config_file_dir: '',
-  ios_folder: 'ios'
 )
 end
 `;
diff --git a/scripts/releases/__tests__/__snapshots__/set-rn-version-test.js.snap b/scripts/releases/__tests__/__snapshots__/set-rn-version-test.js.snap
new file mode 100644
index 00000000000000..a21f33faa62cfd
--- /dev/null
+++ b/scripts/releases/__tests__/__snapshots__/set-rn-version-test.js.snap
@@ -0,0 +1,263 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`setReactNativeVersion should set nightly version: packages/react-native/Libraries/Core/ReactNativeVersion.js 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * << GENERATED >>
+ */
+
+const version: $ReadOnly<{
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: string | null,
+}> = {
+  major: 0,
+  minor: 81,
+  patch: 0,
+  prerelease: 'nightly-29282302-abcd1234',
+};
+
+module.exports = {version};
+"
+`;
+
+exports[`setReactNativeVersion should set nightly version: packages/react-native/React/Base/RCTVersion.m 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * << GENERATED >>
+ */
+
+#import \\"RCTVersion.h\\"
+
+NSString* const RCTVersionMajor = @\\"major\\";
+NSString* const RCTVersionMinor = @\\"minor\\";
+NSString* const RCTVersionPatch = @\\"patch\\";
+NSString* const RCTVersionPrerelease = @\\"prerelease\\";
+
+
+NSDictionary* RCTGetReactNativeVersion(void)
+{
+  static NSDictionary* __rnVersion;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^(void){
+    __rnVersion = @{
+                  RCTVersionMajor: @(0),
+                  RCTVersionMinor: @(81),
+                  RCTVersionPatch: @(0),
+                  RCTVersionPrerelease: @\\"nightly-29282302-abcd1234\\",
+                  };
+  });
+  return __rnVersion;
+}
+"
+`;
+
+exports[`setReactNativeVersion should set nightly version: packages/react-native/ReactAndroid/gradle.properties 1`] = `
+"VERSION_NAME=0.81.0-nightly-29282302-abcd1234
+"
+`;
+
+exports[`setReactNativeVersion should set nightly version: packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * << GENERATED >>
+ */
+
+package com.facebook.react.modules.systeminfo;
+
+import com.facebook.react.common.MapBuilder;
+
+import java.util.Map;
+
+public class ReactNativeVersion {
+  public static final Map<String, Object> VERSION = MapBuilder.<String, Object>of(
+      \\"major\\", 0,
+      \\"minor\\", 81,
+      \\"patch\\", 0,
+      \\"prerelease\\", \\"nightly-29282302-abcd1234\\");
+}
+"
+`;
+
+exports[`setReactNativeVersion should set nightly version: packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * << GENERATED >>
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <string_view>
+
+namespace facebook::react {
+
+constexpr struct {
+  int32_t Major = 0;
+  int32_t Minor = 81;
+  int32_t Patch = 0;
+  std::string_view Prerelease = \\"nightly-29282302-abcd1234\\";
+} ReactNativeVersion;
+
+} // namespace facebook::react
+"
+`;
+
+exports[`setReactNativeVersion should set nightly version: packages/react-native/package.json 1`] = `
+"{
+  \\"name\\": \\"react-native\\",
+  \\"version\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+  \\"dependencies\\": {
+    \\"@react-native/package-a\\": \\"0.81.0-nightly-29282302-abcd1234\\"
+  }
+}"
+`;
+
+exports[`setReactNativeVersion should set release version: packages/react-native/Libraries/Core/ReactNativeVersion.js 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * << GENERATED >>
+ */
+
+const version: $ReadOnly<{
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: string | null,
+}> = {
+  major: 0,
+  minor: 81,
+  patch: 0,
+  prerelease: null,
+};
+
+module.exports = {version};
+"
+`;
+
+exports[`setReactNativeVersion should set release version: packages/react-native/React/Base/RCTVersion.m 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * << GENERATED >>
+ */
+
+#import \\"RCTVersion.h\\"
+
+NSString* const RCTVersionMajor = @\\"major\\";
+NSString* const RCTVersionMinor = @\\"minor\\";
+NSString* const RCTVersionPatch = @\\"patch\\";
+NSString* const RCTVersionPrerelease = @\\"prerelease\\";
+
+
+NSDictionary* RCTGetReactNativeVersion(void)
+{
+  static NSDictionary* __rnVersion;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^(void){
+    __rnVersion = @{
+                  RCTVersionMajor: @(0),
+                  RCTVersionMinor: @(81),
+                  RCTVersionPatch: @(0),
+                  RCTVersionPrerelease: [NSNull null],
+                  };
+  });
+  return __rnVersion;
+}
+"
+`;
+
+exports[`setReactNativeVersion should set release version: packages/react-native/ReactAndroid/gradle.properties 1`] = `
+"VERSION_NAME=0.81.0
+"
+`;
+
+exports[`setReactNativeVersion should set release version: packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * << GENERATED >>
+ */
+
+package com.facebook.react.modules.systeminfo;
+
+import com.facebook.react.common.MapBuilder;
+
+import java.util.Map;
+
+public class ReactNativeVersion {
+  public static final Map<String, Object> VERSION = MapBuilder.<String, Object>of(
+      \\"major\\", 0,
+      \\"minor\\", 81,
+      \\"patch\\", 0,
+      \\"prerelease\\", null);
+}
+"
+`;
+
+exports[`setReactNativeVersion should set release version: packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * << GENERATED >>
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <string_view>
+
+namespace facebook::react {
+
+constexpr struct {
+  int32_t Major = 0;
+  int32_t Minor = 81;
+  int32_t Patch = 0;
+  std::string_view Prerelease = \\"\\";
+} ReactNativeVersion;
+
+} // namespace facebook::react
+"
+`;
+
+exports[`setReactNativeVersion should set release version: packages/react-native/package.json 1`] = `
+"{
+  \\"name\\": \\"react-native\\",
+  \\"version\\": \\"0.81.0\\",
+  \\"dependencies\\": {
+    \\"@react-native/package-a\\": \\"1000.0.0\\"
+  }
+}"
+`;
diff --git a/scripts/releases/__tests__/remove-new-arch-flags-test.js b/scripts/releases/__tests__/remove-new-arch-flags-test.js
index 39b2d21342b7f2..56b6b1ec417c4f 100644
--- a/scripts/releases/__tests__/remove-new-arch-flags-test.js
+++ b/scripts/releases/__tests__/remove-new-arch-flags-test.js
@@ -8,23 +8,26 @@
  * @oncall react-native
  */
 
-const fs = require('fs');
-const path = require('path');
-const removeNewArchFlags = require('../remove-new-arch-flags');
+const {removeNewArchFlags} = require('../remove-new-arch-flags');
 const {
-  validReactNativePodsFile,
-  invalidReactNativePodsFile,
+  expectedGradlePropertiesFile,
   expectedReactNativePodsFile,
-  validGradlePropertiesFile,
   invalidGradlePropertiesFile,
-  expectedGradlePropertiesFile,
+  invalidReactNativePodsFile,
+  validGradlePropertiesFile,
+  validReactNativePodsFile,
 } = require('./__fixtures__/remove-new-arch-flags-fixture');
+const fs = require('fs');
+const path = require('path');
 
 describe('removeNewArchFlags', () => {
   beforeEach(() => {
     jest.resetAllMocks();
   });
   it('throws an exception if not run from react-native-github', async () => {
+    // Silence logs.
+    jest.spyOn(console, 'log').mockImplementation(() => {});
+
     jest.spyOn(process, 'cwd').mockReturnValue('/path/to/react-native');
     expect(removeNewArchFlags).toThrow();
   });
diff --git a/scripts/releases/__tests__/set-rn-version-test.js b/scripts/releases/__tests__/set-rn-version-test.js
new file mode 100644
index 00000000000000..26e9bfbee710e0
--- /dev/null
+++ b/scripts/releases/__tests__/set-rn-version-test.js
@@ -0,0 +1,103 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+const readFileMock = jest.fn();
+const writeFileMock = jest.fn();
+const updateTemplatePackageMock = jest.fn();
+
+jest.mock('fs', () => ({
+  ...jest.requireActual<$FlowFixMe>('fs'),
+  promises: {
+    ...jest.requireActual<$FlowFixMe>('fs').promises,
+    readFile: readFileMock,
+    writeFile: writeFileMock,
+  },
+}));
+jest.mock('./../update-template-package', () => updateTemplatePackageMock);
+
+const {REPO_ROOT} = require('../../consts');
+const {setReactNativeVersion} = require('../set-rn-version');
+const path = require('path');
+
+describe('setReactNativeVersion', () => {
+  beforeAll(() => {
+    readFileMock.mockImplementation(filePath => {
+      if (
+        filePath ===
+        path.join(
+          REPO_ROOT,
+          'packages/react-native/ReactAndroid/gradle.properties',
+        )
+      ) {
+        return 'VERSION_NAME=1000.0.0\n';
+      }
+      if (
+        filePath === path.join(REPO_ROOT, 'packages/react-native/package.json')
+      ) {
+        return JSON.stringify({
+          name: 'react-native',
+          version: '1000.0.0',
+          dependencies: {
+            '@react-native/package-a': '1000.0.0',
+          },
+        });
+      }
+    });
+  });
+
+  afterEach(() => {
+    writeFileMock.mockReset();
+  });
+
+  test('should set nightly version', async () => {
+    const version = '0.81.0-nightly-29282302-abcd1234';
+    const dependencyVersions = {
+      '@react-native/package-a': version,
+    };
+    await setReactNativeVersion(version, dependencyVersions, 'nightly');
+
+    expect(updateTemplatePackageMock).toHaveBeenCalledWith({
+      '@react-native/package-a': version,
+      'react-native': version,
+    });
+
+    for (const [filePath, contents] of writeFileMock.mock.calls) {
+      // Make snapshot names resilient to platform path sep differences
+      expect(formatGeneratedFile(contents)).toMatchSnapshot(
+        path.relative(REPO_ROOT, filePath).split(path.sep).join('/'),
+      );
+    }
+  });
+
+  test('should set release version', async () => {
+    const version = '0.81.0';
+    await setReactNativeVersion(version, null, 'release');
+
+    expect(updateTemplatePackageMock).toHaveBeenCalledWith({
+      'react-native': version,
+    });
+
+    for (const [filePath, contents] of writeFileMock.mock.calls) {
+      // Make snapshot names resilient to platform path sep differences
+      expect(formatGeneratedFile(contents)).toMatchSnapshot(
+        path.relative(REPO_ROOT, filePath).split(path.sep).join('/'),
+      );
+    }
+  });
+});
+
+function formatGeneratedFile(source: string) {
+  // Strip \@\generated annotation
+  return source.replace(
+    new RegExp('^ \\* @' + 'generated.*', 'gm'),
+    ' * << GENERATED >>',
+  );
+}
diff --git a/scripts/releases/remove-new-arch-flags.js b/scripts/releases/remove-new-arch-flags.js
index a6ffa38e6ba71b..e3ec18d84c5aa2 100644
--- a/scripts/releases/remove-new-arch-flags.js
+++ b/scripts/releases/remove-new-arch-flags.js
@@ -4,7 +4,7 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
- * @flow
+ * @flow strict-local
  * @format
  * @oncall react-native
  */
@@ -101,7 +101,9 @@ function flipNewArchFlagForAndroid(
 }
 // ===============
 
-module.exports = removeNewArchFlags;
+module.exports = {
+  removeNewArchFlags,
+};
 
 if (require.main === module) {
   removeNewArchFlags();
diff --git a/scripts/releases/set-rn-version.js b/scripts/releases/set-rn-version.js
new file mode 100755
index 00000000000000..0efca718782cbf
--- /dev/null
+++ b/scripts/releases/set-rn-version.js
@@ -0,0 +1,170 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+/*::
+import type {BuildType, Version} from './utils/version-utils';
+*/
+
+const {REPO_ROOT} = require('../consts');
+const {applyPackageVersions} = require('../npm-utils');
+const {getNpmInfo} = require('../npm-utils');
+const updateTemplatePackage = require('./update-template-package');
+const {parseVersion, validateBuildType} = require('./utils/version-utils');
+const {parseArgs} = require('@pkgjs/parseargs');
+const {promises: fs} = require('fs');
+const path = require('path');
+
+const GRADLE_FILE_PATH = path.join(
+  REPO_ROOT,
+  'packages/react-native/ReactAndroid/gradle.properties',
+);
+const REACT_NATIVE_PACKAGE_JSON = path.join(
+  REPO_ROOT,
+  'packages/react-native/package.json',
+);
+
+const config = {
+  options: {
+    'build-type': {
+      type: 'string',
+      short: 'b',
+    },
+    'to-version': {
+      type: 'string',
+      short: 'v',
+    },
+    help: {type: 'boolean'},
+  },
+};
+
+async function main() {
+  const {
+    values: {help, 'build-type': buildType, 'to-version': toVersion},
+  } = parseArgs(config);
+
+  if (help) {
+    console.log(`
+  Usage: node ./scripts/releases/set-rn-version.js [OPTIONS]
+
+  Updates relevant files in the react-native package and template to
+  materialize the given release version.
+
+  Options:
+    --build-type       One of ['dry-run', 'nightly', 'release', 'prealpha'].
+    --to-version       The new version string.
+    `);
+    return;
+  }
+
+  if (!validateBuildType(buildType)) {
+    throw new Error(`Unsupported build type: ${buildType}`);
+  }
+
+  await setReactNativeVersion(
+    toVersion ?? getNpmInfo(buildType).version,
+    {},
+    buildType,
+  );
+}
+
+async function setReactNativeVersion(
+  version /*: string */,
+  dependencyVersions /*: ?Record<string, string> */,
+  buildType /*: ?BuildType */,
+) {
+  const versionInfo = parseVersion(version, buildType);
+
+  updateTemplatePackage({
+    ...(dependencyVersions ?? {}),
+    'react-native': versionInfo.version,
+  });
+  await updateSourceFiles(versionInfo);
+  await setReactNativePackageVersion(versionInfo.version, dependencyVersions);
+  await updateGradleFile(versionInfo.version);
+}
+
+async function setReactNativePackageVersion(
+  version /*: string */,
+  dependencyVersions /*: ?Record<string, string> */,
+) {
+  const originalPackageJsonContent = await fs.readFile(
+    REACT_NATIVE_PACKAGE_JSON,
+    'utf-8',
+  );
+  const originalPackageJson = JSON.parse(originalPackageJsonContent);
+
+  const packageJson =
+    dependencyVersions != null
+      ? applyPackageVersions(originalPackageJson, dependencyVersions)
+      : originalPackageJson;
+
+  packageJson.version = version;
+
+  await fs.writeFile(
+    path.join(REPO_ROOT, 'packages/react-native/package.json'),
+    JSON.stringify(packageJson, null, 2),
+    'utf-8',
+  );
+}
+
+function updateSourceFiles(
+  versionInfo /*: Version */,
+) /*: Promise<Array<void>>*/ {
+  const templateData = {version: versionInfo};
+
+  return Promise.all([
+    fs.writeFile(
+      path.join(
+        REPO_ROOT,
+        'packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java',
+      ),
+      require('./templates/ReactNativeVersion.java-template')(templateData),
+    ),
+    fs.writeFile(
+      path.join(REPO_ROOT, 'packages/react-native/React/Base/RCTVersion.m'),
+      require('./templates/RCTVersion.m-template')(templateData),
+    ),
+    fs.writeFile(
+      path.join(
+        REPO_ROOT,
+        'packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h',
+      ),
+      require('./templates/ReactNativeVersion.h-template')(templateData),
+    ),
+    fs.writeFile(
+      path.join(
+        REPO_ROOT,
+        'packages/react-native/Libraries/Core/ReactNativeVersion.js',
+      ),
+      require('./templates/ReactNativeVersion.js-template')(templateData),
+    ),
+  ]);
+}
+
+async function updateGradleFile(version /*: string */) /*: Promise<void> */ {
+  const contents = await fs.readFile(GRADLE_FILE_PATH, 'utf-8');
+
+  return fs.writeFile(
+    GRADLE_FILE_PATH,
+    contents.replace(/^VERSION_NAME=.*/, `VERSION_NAME=${version}`),
+  );
+}
+
+module.exports = {
+  setReactNativeVersion,
+  updateGradleFile,
+  updateSourceFiles,
+};
+
+if (require.main === module) {
+  // eslint-disable-next-line no-void
+  void main();
+}
diff --git a/scripts/releases/set-version/__tests__/__fixtures__/packages/monorepo-pkg-a/package.json b/scripts/releases/set-version/__tests__/__fixtures__/packages/monorepo-pkg-a/package.json
new file mode 100644
index 00000000000000..af677cc30b5dea
--- /dev/null
+++ b/scripts/releases/set-version/__tests__/__fixtures__/packages/monorepo-pkg-a/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "@monorepo/pkg-a",
+  "version": "0.0.1",
+  "description": "@monorepo/pkg-a",
+  "dependencies": {
+    "@monorepo/pkg-b": "0.0.1",
+    "@monorepo/other": "0.0.1"
+  },
+  "devDependencies": {
+    "@monorepo/pkg-c": "0.0.1"
+  }
+}
diff --git a/scripts/releases/set-version/__tests__/__fixtures__/packages/monorepo-pkg-b/package.json b/scripts/releases/set-version/__tests__/__fixtures__/packages/monorepo-pkg-b/package.json
new file mode 100644
index 00000000000000..4cbb3cd94e3296
--- /dev/null
+++ b/scripts/releases/set-version/__tests__/__fixtures__/packages/monorepo-pkg-b/package.json
@@ -0,0 +1,10 @@
+{
+  "name": "@monorepo/pkg-b",
+  "version": "0.0.2",
+  "description": "@monorepo/pkg-b",
+  "dependencies": {
+    "@monorepo/pkg-c": "0.0.1",
+    "metro-config": "^0.80.3",
+    "metro-runtime": "^0.80.3"
+  }
+}
diff --git a/scripts/releases/set-version/__tests__/__fixtures__/packages/monorepo-pkg-c/package.json b/scripts/releases/set-version/__tests__/__fixtures__/packages/monorepo-pkg-c/package.json
new file mode 100644
index 00000000000000..ce6ccdc7e1bb29
--- /dev/null
+++ b/scripts/releases/set-version/__tests__/__fixtures__/packages/monorepo-pkg-c/package.json
@@ -0,0 +1,9 @@
+{
+  "name": "@monorepo/pkg-c",
+  "version": "0.0.3",
+  "description": "@monorepo/pkg-c",
+  "dependencies": {
+    "metro-config": "^0.80.3",
+    "metro-runtime": "^0.80.3"
+  }
+}
diff --git a/scripts/releases/set-version/__tests__/__fixtures__/packages/react-native/ReactAndroid/gradle.properties b/scripts/releases/set-version/__tests__/__fixtures__/packages/react-native/ReactAndroid/gradle.properties
new file mode 100644
index 00000000000000..0b2a27b00a7747
--- /dev/null
+++ b/scripts/releases/set-version/__tests__/__fixtures__/packages/react-native/ReactAndroid/gradle.properties
@@ -0,0 +1 @@
+VERSION_NAME=1000.0.0
diff --git a/scripts/releases/set-version/__tests__/__fixtures__/packages/react-native/package.json b/scripts/releases/set-version/__tests__/__fixtures__/packages/react-native/package.json
new file mode 100644
index 00000000000000..2be530d3ab626b
--- /dev/null
+++ b/scripts/releases/set-version/__tests__/__fixtures__/packages/react-native/package.json
@@ -0,0 +1,12 @@
+{
+  "name": "react-native",
+  "version": "1000.0.0",
+  "description": "fake react native package",
+  "dependencies": {
+    "@monorepo/pkg-a": "0.0.1",
+    "@monorepo/pkg-b": "0.0.1",
+    "@monorepo/pkg-c": "0.0.1",
+    "metro-config": "^0.80.3",
+    "metro-runtime": "^0.80.3"
+  }
+}
diff --git a/scripts/releases/set-version/__tests__/__fixtures__/packages/react-native/template/package.json b/scripts/releases/set-version/__tests__/__fixtures__/packages/react-native/template/package.json
new file mode 100644
index 00000000000000..d79d8387782dc7
--- /dev/null
+++ b/scripts/releases/set-version/__tests__/__fixtures__/packages/react-native/template/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "react-native-test-template",
+  "version": "0.0.1",
+  "private": true,
+  "dependencies": {
+    "react": "18.2.0",
+    "react-native": "1000.0.0"
+  },
+  "devDependencies": {
+    "@monorepo/pkg-a": "0.0.1",
+    "@monorepo/pkg-c": "0.0.0",
+    "@types/react": "^18.2.6",
+    "@types/react-test-renderer": "^18.0.0"
+  }
+}
diff --git a/scripts/releases/set-version/__tests__/__snapshots__/set-version-test.js.snap b/scripts/releases/set-version/__tests__/__snapshots__/set-version-test.js.snap
new file mode 100644
index 00000000000000..33c0979d209f4c
--- /dev/null
+++ b/scripts/releases/set-version/__tests__/__snapshots__/set-version-test.js.snap
@@ -0,0 +1,793 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`setVersion updates monorepo for nightly: packages/monorepo-pkg-a/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-a\\",
+  \\"version\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+  \\"description\\": \\"@monorepo/pkg-a\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-b\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+    \\"@monorepo/other\\": \\"0.0.1\\"
+  },
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.81.0-nightly-29282302-abcd1234\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo for nightly: packages/monorepo-pkg-b/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-b\\",
+  \\"version\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+  \\"description\\": \\"@monorepo/pkg-b\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo for nightly: packages/monorepo-pkg-c/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-c\\",
+  \\"version\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+  \\"description\\": \\"@monorepo/pkg-c\\",
+  \\"dependencies\\": {
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo for nightly: packages/react-native/Libraries/Core/ReactNativeVersion.js 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+const version: $ReadOnly<{
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: string | null,
+}> = {
+  major: 0,
+  minor: 81,
+  patch: 0,
+  prerelease: 'nightly-29282302-abcd1234',
+};
+
+module.exports = {version};
+"
+`;
+
+exports[`setVersion updates monorepo for nightly: packages/react-native/React/Base/RCTVersion.m 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+#import \\"RCTVersion.h\\"
+
+NSString* const RCTVersionMajor = @\\"major\\";
+NSString* const RCTVersionMinor = @\\"minor\\";
+NSString* const RCTVersionPatch = @\\"patch\\";
+NSString* const RCTVersionPrerelease = @\\"prerelease\\";
+
+
+NSDictionary* RCTGetReactNativeVersion(void)
+{
+  static NSDictionary* __rnVersion;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^(void){
+    __rnVersion = @{
+                  RCTVersionMajor: @(0),
+                  RCTVersionMinor: @(81),
+                  RCTVersionPatch: @(0),
+                  RCTVersionPrerelease: @\\"nightly-29282302-abcd1234\\",
+                  };
+  });
+  return __rnVersion;
+}
+"
+`;
+
+exports[`setVersion updates monorepo for nightly: packages/react-native/ReactAndroid/gradle.properties 1`] = `
+"VERSION_NAME=0.81.0-nightly-29282302-abcd1234
+"
+`;
+
+exports[`setVersion updates monorepo for nightly: packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+package com.facebook.react.modules.systeminfo;
+
+import com.facebook.react.common.MapBuilder;
+
+import java.util.Map;
+
+public class ReactNativeVersion {
+  public static final Map<String, Object> VERSION = MapBuilder.<String, Object>of(
+      \\"major\\", 0,
+      \\"minor\\", 81,
+      \\"patch\\", 0,
+      \\"prerelease\\", \\"nightly-29282302-abcd1234\\");
+}
+"
+`;
+
+exports[`setVersion updates monorepo for nightly: packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <string_view>
+
+namespace facebook::react {
+
+constexpr struct {
+  int32_t Major = 0;
+  int32_t Minor = 81;
+  int32_t Patch = 0;
+  std::string_view Prerelease = \\"nightly-29282302-abcd1234\\";
+} ReactNativeVersion;
+
+} // namespace facebook::react
+"
+`;
+
+exports[`setVersion updates monorepo for nightly: packages/react-native/package.json 1`] = `
+"{
+  \\"name\\": \\"react-native\\",
+  \\"version\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+  \\"description\\": \\"fake react native package\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-a\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+    \\"@monorepo/pkg-b\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+    \\"@monorepo/pkg-c\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}"
+`;
+
+exports[`setVersion updates monorepo for nightly: packages/react-native/template/package.json 1`] = `
+"{
+  \\"name\\": \\"react-native-test-template\\",
+  \\"version\\": \\"0.0.1\\",
+  \\"private\\": true,
+  \\"dependencies\\": {
+    \\"react\\": \\"18.2.0\\",
+    \\"react-native\\": \\"0.81.0-nightly-29282302-abcd1234\\"
+  },
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-a\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+    \\"@monorepo/pkg-c\\": \\"0.81.0-nightly-29282302-abcd1234\\",
+    \\"@types/react\\": \\"^18.2.6\\",
+    \\"@types/react-test-renderer\\": \\"^18.0.0\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo for release-candidate: packages/monorepo-pkg-a/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-a\\",
+  \\"version\\": \\"0.80.0-rc.3\\",
+  \\"description\\": \\"@monorepo/pkg-a\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-b\\": \\"0.80.0-rc.3\\",
+    \\"@monorepo/other\\": \\"0.0.1\\"
+  },
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.80.0-rc.3\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo for release-candidate: packages/monorepo-pkg-b/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-b\\",
+  \\"version\\": \\"0.80.0-rc.3\\",
+  \\"description\\": \\"@monorepo/pkg-b\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.80.0-rc.3\\",
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo for release-candidate: packages/monorepo-pkg-c/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-c\\",
+  \\"version\\": \\"0.80.0-rc.3\\",
+  \\"description\\": \\"@monorepo/pkg-c\\",
+  \\"dependencies\\": {
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo for release-candidate: packages/react-native/Libraries/Core/ReactNativeVersion.js 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+const version: $ReadOnly<{
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: string | null,
+}> = {
+  major: 0,
+  minor: 80,
+  patch: 0,
+  prerelease: 'rc.3',
+};
+
+module.exports = {version};
+"
+`;
+
+exports[`setVersion updates monorepo for release-candidate: packages/react-native/React/Base/RCTVersion.m 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+#import \\"RCTVersion.h\\"
+
+NSString* const RCTVersionMajor = @\\"major\\";
+NSString* const RCTVersionMinor = @\\"minor\\";
+NSString* const RCTVersionPatch = @\\"patch\\";
+NSString* const RCTVersionPrerelease = @\\"prerelease\\";
+
+
+NSDictionary* RCTGetReactNativeVersion(void)
+{
+  static NSDictionary* __rnVersion;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^(void){
+    __rnVersion = @{
+                  RCTVersionMajor: @(0),
+                  RCTVersionMinor: @(80),
+                  RCTVersionPatch: @(0),
+                  RCTVersionPrerelease: @\\"rc.3\\",
+                  };
+  });
+  return __rnVersion;
+}
+"
+`;
+
+exports[`setVersion updates monorepo for release-candidate: packages/react-native/ReactAndroid/gradle.properties 1`] = `
+"VERSION_NAME=0.80.0-rc.3
+"
+`;
+
+exports[`setVersion updates monorepo for release-candidate: packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+package com.facebook.react.modules.systeminfo;
+
+import com.facebook.react.common.MapBuilder;
+
+import java.util.Map;
+
+public class ReactNativeVersion {
+  public static final Map<String, Object> VERSION = MapBuilder.<String, Object>of(
+      \\"major\\", 0,
+      \\"minor\\", 80,
+      \\"patch\\", 0,
+      \\"prerelease\\", \\"rc.3\\");
+}
+"
+`;
+
+exports[`setVersion updates monorepo for release-candidate: packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <string_view>
+
+namespace facebook::react {
+
+constexpr struct {
+  int32_t Major = 0;
+  int32_t Minor = 80;
+  int32_t Patch = 0;
+  std::string_view Prerelease = \\"rc.3\\";
+} ReactNativeVersion;
+
+} // namespace facebook::react
+"
+`;
+
+exports[`setVersion updates monorepo for release-candidate: packages/react-native/package.json 1`] = `
+"{
+  \\"name\\": \\"react-native\\",
+  \\"version\\": \\"0.80.0-rc.3\\",
+  \\"description\\": \\"fake react native package\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-a\\": \\"0.80.0-rc.3\\",
+    \\"@monorepo/pkg-b\\": \\"0.80.0-rc.3\\",
+    \\"@monorepo/pkg-c\\": \\"0.80.0-rc.3\\",
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}"
+`;
+
+exports[`setVersion updates monorepo for release-candidate: packages/react-native/template/package.json 1`] = `
+"{
+  \\"name\\": \\"react-native-test-template\\",
+  \\"version\\": \\"0.0.1\\",
+  \\"private\\": true,
+  \\"dependencies\\": {
+    \\"react\\": \\"18.2.0\\",
+    \\"react-native\\": \\"0.80.0-rc.3\\"
+  },
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-a\\": \\"0.80.0-rc.3\\",
+    \\"@monorepo/pkg-c\\": \\"0.80.0-rc.3\\",
+    \\"@types/react\\": \\"^18.2.6\\",
+    \\"@types/react-test-renderer\\": \\"^18.0.0\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo for stable version: packages/monorepo-pkg-a/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-a\\",
+  \\"version\\": \\"0.80.1\\",
+  \\"description\\": \\"@monorepo/pkg-a\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-b\\": \\"0.80.1\\",
+    \\"@monorepo/other\\": \\"0.0.1\\"
+  },
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.80.1\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo for stable version: packages/monorepo-pkg-b/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-b\\",
+  \\"version\\": \\"0.80.1\\",
+  \\"description\\": \\"@monorepo/pkg-b\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.80.1\\",
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo for stable version: packages/monorepo-pkg-c/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-c\\",
+  \\"version\\": \\"0.80.1\\",
+  \\"description\\": \\"@monorepo/pkg-c\\",
+  \\"dependencies\\": {
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo for stable version: packages/react-native/Libraries/Core/ReactNativeVersion.js 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+const version: $ReadOnly<{
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: string | null,
+}> = {
+  major: 0,
+  minor: 80,
+  patch: 1,
+  prerelease: null,
+};
+
+module.exports = {version};
+"
+`;
+
+exports[`setVersion updates monorepo for stable version: packages/react-native/React/Base/RCTVersion.m 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+#import \\"RCTVersion.h\\"
+
+NSString* const RCTVersionMajor = @\\"major\\";
+NSString* const RCTVersionMinor = @\\"minor\\";
+NSString* const RCTVersionPatch = @\\"patch\\";
+NSString* const RCTVersionPrerelease = @\\"prerelease\\";
+
+
+NSDictionary* RCTGetReactNativeVersion(void)
+{
+  static NSDictionary* __rnVersion;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^(void){
+    __rnVersion = @{
+                  RCTVersionMajor: @(0),
+                  RCTVersionMinor: @(80),
+                  RCTVersionPatch: @(1),
+                  RCTVersionPrerelease: [NSNull null],
+                  };
+  });
+  return __rnVersion;
+}
+"
+`;
+
+exports[`setVersion updates monorepo for stable version: packages/react-native/ReactAndroid/gradle.properties 1`] = `
+"VERSION_NAME=0.80.1
+"
+`;
+
+exports[`setVersion updates monorepo for stable version: packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+package com.facebook.react.modules.systeminfo;
+
+import com.facebook.react.common.MapBuilder;
+
+import java.util.Map;
+
+public class ReactNativeVersion {
+  public static final Map<String, Object> VERSION = MapBuilder.<String, Object>of(
+      \\"major\\", 0,
+      \\"minor\\", 80,
+      \\"patch\\", 1,
+      \\"prerelease\\", null);
+}
+"
+`;
+
+exports[`setVersion updates monorepo for stable version: packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <string_view>
+
+namespace facebook::react {
+
+constexpr struct {
+  int32_t Major = 0;
+  int32_t Minor = 80;
+  int32_t Patch = 1;
+  std::string_view Prerelease = \\"\\";
+} ReactNativeVersion;
+
+} // namespace facebook::react
+"
+`;
+
+exports[`setVersion updates monorepo for stable version: packages/react-native/package.json 1`] = `
+"{
+  \\"name\\": \\"react-native\\",
+  \\"version\\": \\"0.80.1\\",
+  \\"description\\": \\"fake react native package\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-a\\": \\"0.80.1\\",
+    \\"@monorepo/pkg-b\\": \\"0.80.1\\",
+    \\"@monorepo/pkg-c\\": \\"0.80.1\\",
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}"
+`;
+
+exports[`setVersion updates monorepo for stable version: packages/react-native/template/package.json 1`] = `
+"{
+  \\"name\\": \\"react-native-test-template\\",
+  \\"version\\": \\"0.0.1\\",
+  \\"private\\": true,
+  \\"dependencies\\": {
+    \\"react\\": \\"18.2.0\\",
+    \\"react-native\\": \\"0.80.1\\"
+  },
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-a\\": \\"0.80.1\\",
+    \\"@monorepo/pkg-c\\": \\"0.80.1\\",
+    \\"@types/react\\": \\"^18.2.6\\",
+    \\"@types/react-test-renderer\\": \\"^18.0.0\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo on main after release cut: packages/monorepo-pkg-a/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-a\\",
+  \\"version\\": \\"0.82.0-main\\",
+  \\"description\\": \\"@monorepo/pkg-a\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-b\\": \\"0.82.0-main\\",
+    \\"@monorepo/other\\": \\"0.0.1\\"
+  },
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.82.0-main\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo on main after release cut: packages/monorepo-pkg-b/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-b\\",
+  \\"version\\": \\"0.82.0-main\\",
+  \\"description\\": \\"@monorepo/pkg-b\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-c\\": \\"0.82.0-main\\",
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo on main after release cut: packages/monorepo-pkg-c/package.json 1`] = `
+"{
+  \\"name\\": \\"@monorepo/pkg-c\\",
+  \\"version\\": \\"0.82.0-main\\",
+  \\"description\\": \\"@monorepo/pkg-c\\",
+  \\"dependencies\\": {
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}
+"
+`;
+
+exports[`setVersion updates monorepo on main after release cut: packages/react-native/Libraries/Core/ReactNativeVersion.js 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+const version: $ReadOnly<{
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: string | null,
+}> = {
+  major: 1000,
+  minor: 0,
+  patch: 0,
+  prerelease: null,
+};
+
+module.exports = {version};
+"
+`;
+
+exports[`setVersion updates monorepo on main after release cut: packages/react-native/React/Base/RCTVersion.m 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+#import \\"RCTVersion.h\\"
+
+NSString* const RCTVersionMajor = @\\"major\\";
+NSString* const RCTVersionMinor = @\\"minor\\";
+NSString* const RCTVersionPatch = @\\"patch\\";
+NSString* const RCTVersionPrerelease = @\\"prerelease\\";
+
+
+NSDictionary* RCTGetReactNativeVersion(void)
+{
+  static NSDictionary* __rnVersion;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^(void){
+    __rnVersion = @{
+                  RCTVersionMajor: @(1000),
+                  RCTVersionMinor: @(0),
+                  RCTVersionPatch: @(0),
+                  RCTVersionPrerelease: [NSNull null],
+                  };
+  });
+  return __rnVersion;
+}
+"
+`;
+
+exports[`setVersion updates monorepo on main after release cut: packages/react-native/ReactAndroid/gradle.properties 1`] = `
+"VERSION_NAME=1000.0.0
+"
+`;
+
+exports[`setVersion updates monorepo on main after release cut: packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+package com.facebook.react.modules.systeminfo;
+
+import com.facebook.react.common.MapBuilder;
+
+import java.util.Map;
+
+public class ReactNativeVersion {
+  public static final Map<String, Object> VERSION = MapBuilder.<String, Object>of(
+      \\"major\\", 1000,
+      \\"minor\\", 0,
+      \\"patch\\", 0,
+      \\"prerelease\\", null);
+}
+"
+`;
+
+exports[`setVersion updates monorepo on main after release cut: packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h 1`] = `
+"/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @generated by scripts/releases/set-rn-version.js
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <string_view>
+
+namespace facebook::react {
+
+constexpr struct {
+  int32_t Major = 1000;
+  int32_t Minor = 0;
+  int32_t Patch = 0;
+  std::string_view Prerelease = \\"\\";
+} ReactNativeVersion;
+
+} // namespace facebook::react
+"
+`;
+
+exports[`setVersion updates monorepo on main after release cut: packages/react-native/package.json 1`] = `
+"{
+  \\"name\\": \\"react-native\\",
+  \\"version\\": \\"1000.0.0\\",
+  \\"description\\": \\"fake react native package\\",
+  \\"dependencies\\": {
+    \\"@monorepo/pkg-a\\": \\"0.82.0-main\\",
+    \\"@monorepo/pkg-b\\": \\"0.82.0-main\\",
+    \\"@monorepo/pkg-c\\": \\"0.82.0-main\\",
+    \\"metro-config\\": \\"^0.80.3\\",
+    \\"metro-runtime\\": \\"^0.80.3\\"
+  }
+}"
+`;
+
+exports[`setVersion updates monorepo on main after release cut: packages/react-native/template/package.json 1`] = `
+"{
+  \\"name\\": \\"react-native-test-template\\",
+  \\"version\\": \\"0.0.1\\",
+  \\"private\\": true,
+  \\"dependencies\\": {
+    \\"react\\": \\"18.2.0\\",
+    \\"react-native\\": \\"1000.0.0\\"
+  },
+  \\"devDependencies\\": {
+    \\"@monorepo/pkg-a\\": \\"0.82.0-main\\",
+    \\"@monorepo/pkg-c\\": \\"0.82.0-main\\",
+    \\"@types/react\\": \\"^18.2.6\\",
+    \\"@types/react-test-renderer\\": \\"^18.0.0\\"
+  }
+}
+"
+`;
diff --git a/scripts/releases/set-version/__tests__/set-version-test.js b/scripts/releases/set-version/__tests__/set-version-test.js
new file mode 100644
index 00000000000000..cb622dfd6ef2f1
--- /dev/null
+++ b/scripts/releases/set-version/__tests__/set-version-test.js
@@ -0,0 +1,93 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ */
+
+const setVersion = require('../index');
+const path = require('path');
+
+jest.mock('../../../consts', () => ({
+  REPO_ROOT: path.join(__dirname, '__fixtures__'),
+  PACKAGES_DIR: path.join(__dirname, '__fixtures__', 'packages'),
+  REACT_NATIVE_PACKAGE_DIR: path.join(
+    __dirname,
+    '__fixtures__',
+    'packages',
+    'react-native',
+  ),
+}));
+
+let customWriteFileExpect = null;
+const writeFileMock = jest.fn().mockImplementation((filePath, content) => {
+  if (customWriteFileExpect != null) {
+    customWriteFileExpect(filePath, content);
+  }
+
+  expect(content).toMatchSnapshot(
+    // Make snapshot names resilient to platform path sep differences
+    path
+      .relative(path.join(__dirname, '__fixtures__'), filePath)
+      .split(path.sep)
+      .join('/'),
+  );
+});
+
+describe('setVersion', () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  beforeAll(() => {
+    jest.mock('fs', () => {
+      // $FlowIgnore[underconstrained-implicit-instantiation]
+      const originalFs = jest.requireActual('fs');
+
+      return {
+        ...originalFs,
+        writeFileSync: writeFileMock,
+        promises: {
+          ...originalFs.promises,
+          writeFile: writeFileMock,
+        },
+      };
+    });
+  });
+
+  test('updates monorepo for release-candidate', async () => {
+    await setVersion('0.80.0-rc.3');
+  });
+
+  test('updates monorepo for stable version', async () => {
+    await setVersion('0.80.1');
+  });
+
+  test('updates monorepo for nightly', async () => {
+    await setVersion('0.81.0-nightly-29282302-abcd1234');
+  });
+
+  test('updates monorepo on main after release cut', async () => {
+    customWriteFileExpect = (filePath /*: string */, content /*: string */) => {
+      const reactNativePath = path.join('react-native', 'package.json');
+      if (filePath.endsWith(reactNativePath)) {
+        expect(JSON.parse(content).version).toBe('1000.0.0');
+      }
+      const templatePath = path.join(
+        'react-native',
+        'template',
+        'package.json',
+      );
+      if (filePath.endsWith(templatePath)) {
+        expect(JSON.parse(content).dependencies['react-native']).toBe(
+          '1000.0.0',
+        );
+      }
+    };
+
+    await setVersion('0.82.0-main', true);
+  });
+});
diff --git a/scripts/releases/set-version/index.js b/scripts/releases/set-version/index.js
new file mode 100644
index 00000000000000..443863565dc383
--- /dev/null
+++ b/scripts/releases/set-version/index.js
@@ -0,0 +1,126 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict-local
+ * @format
+ * @oncall react-native
+ */
+
+'use strict';
+
+/*::
+import type {PackageJson} from '../utils/monorepo';
+*/
+
+const {setReactNativeVersion} = require('../set-rn-version');
+const {getPackages} = require('../utils/monorepo');
+const {promises: fs} = require('fs');
+const path = require('path');
+const yargs = require('yargs');
+
+async function updatePackageJson(
+  packagePath /*: string */,
+  packageJson /*: PackageJson */,
+  newPackageVersions /*: $ReadOnly<{[string]: string}> */,
+) /*: Promise<void> */ {
+  const packageName = packageJson.name;
+
+  if (packageName in newPackageVersions) {
+    packageJson.version = newPackageVersions[packageName];
+  }
+
+  for (const dependencyField of ['dependencies', 'devDependencies']) {
+    const deps = packageJson[dependencyField];
+
+    if (deps == null) {
+      continue;
+    }
+
+    for (const dependency in newPackageVersions) {
+      if (dependency in deps) {
+        deps[dependency] = newPackageVersions[dependency];
+      }
+    }
+  }
+
+  return fs.writeFile(
+    path.join(packagePath, 'package.json'),
+    JSON.stringify(packageJson, null, 2) + '\n',
+    'utf-8',
+  );
+}
+
+/**
+ * Sets a singular version for the entire monorepo.
+ *
+ * Set `skipReactNativeVersion` to true when we don't want to update the version of react-native.
+ * The use-case is when we update versions on `main` after a release cut. The version of react-native
+ * stays 1000.0.0.
+ *
+ * This script does the following:
+ * - Update all public npm packages under `<root>/packages` to specified version
+ * - Update all npm dependencies of a `<root>/packages` package to specified version
+ * - Update npm dependencies of the template app (`packages/react-native/template`) to specified version
+ * - Update `packages/react-native` native source and build files to specified version if relevant
+ */
+async function setVersion(
+  version /*: string */,
+  skipReactNativeVersion /*: boolean */ = false,
+) /*: Promise<void> */ {
+  const packages = await getPackages({
+    includePrivate: false,
+    includeReactNative: true,
+  });
+  const newPackageVersions = Object.fromEntries(
+    Object.keys(packages).map(packageName => [packageName, version]),
+  );
+
+  await setReactNativeVersion(
+    skipReactNativeVersion ? '1000.0.0' : version,
+    newPackageVersions,
+  );
+
+  // Exclude the react-native package, since this (and the template) are
+  // handled by `setReactNativeVersion`.
+  const packagesToUpdate = Object.values(packages).filter(
+    pkg => pkg.name !== 'react-native',
+  );
+
+  await Promise.all(
+    packagesToUpdate.map(({path: packagePath, packageJson}) =>
+      updatePackageJson(packagePath, packageJson, newPackageVersions),
+    ),
+  );
+}
+
+if (require.main === module) {
+  const {toVersion, skipReactNativeVersion} = yargs(process.argv.slice(2))
+    .command(
+      '$0 <to-version>',
+      'Update all monorepo packages to <to-version>',
+      args =>
+        args.positional('to-version', {
+          type: 'string',
+          description: 'Sets entire monorepo to version provided',
+          required: true,
+        }),
+    )
+    .option('skip-react-native-version', {
+      description: "Don't update the version of the react-native package",
+      type: 'boolean',
+      default: false,
+    })
+    .parseSync();
+  setVersion(toVersion, !!skipReactNativeVersion).then(
+    () => process.exit(0),
+    error => {
+      console.error(`Failed to set version ${toVersion}\n`, error);
+      process.exit(1);
+    },
+  );
+}
+
+module.exports = setVersion;
diff --git a/scripts/releases/templates/RCTVersion.m-template.js b/scripts/releases/templates/RCTVersion.m-template.js
new file mode 100644
index 00000000000000..feded772d26734
--- /dev/null
+++ b/scripts/releases/templates/RCTVersion.m-template.js
@@ -0,0 +1,51 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+/*::
+import type {Version} from '../utils/version-utils';
+*/
+
+module.exports = ({version} /*: {version: Version} */) /*: string */ => `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${'@'}generated by scripts/releases/set-rn-version.js
+ */
+
+#import "RCTVersion.h"
+
+NSString* const RCTVersionMajor = @"major";
+NSString* const RCTVersionMinor = @"minor";
+NSString* const RCTVersionPatch = @"patch";
+NSString* const RCTVersionPrerelease = @"prerelease";
+
+
+NSDictionary* RCTGetReactNativeVersion(void)
+{
+  static NSDictionary* __rnVersion;
+  static dispatch_once_t onceToken;
+  dispatch_once(&onceToken, ^(void){
+    __rnVersion = @{
+                  RCTVersionMajor: @(${version.major}),
+                  RCTVersionMinor: @(${version.minor}),
+                  RCTVersionPatch: @(${version.patch}),
+                  RCTVersionPrerelease: ${
+                    version.prerelease != null
+                      ? `@"${version.prerelease}"`
+                      : '[NSNull null]'
+                  },
+                  };
+  });
+  return __rnVersion;
+}
+`;
diff --git a/scripts/releases/templates/ReactNativeVersion.h-template.js b/scripts/releases/templates/ReactNativeVersion.h-template.js
new file mode 100644
index 00000000000000..d23d53815846ee
--- /dev/null
+++ b/scripts/releases/templates/ReactNativeVersion.h-template.js
@@ -0,0 +1,42 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+/*::
+import type {Version} from '../utils/version-utils';
+*/
+
+module.exports = ({version} /*: {version: Version} */) /*: string */ => `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${'@'}generated by scripts/releases/set-rn-version.js
+ */
+
+#pragma once
+
+#include <cstdint>
+#include <string_view>
+
+namespace facebook::react {
+
+constexpr struct {
+  int32_t Major = ${version.major};
+  int32_t Minor = ${version.minor};
+  int32_t Patch = ${version.patch};
+  std::string_view Prerelease = ${
+    version.prerelease != null ? `"${version.prerelease}"` : '""'
+  };
+} ReactNativeVersion;
+
+} // namespace facebook::react
+`;
diff --git a/scripts/releases/templates/ReactNativeVersion.java-template.js b/scripts/releases/templates/ReactNativeVersion.java-template.js
new file mode 100644
index 00000000000000..7fbbbdfae077d3
--- /dev/null
+++ b/scripts/releases/templates/ReactNativeVersion.java-template.js
@@ -0,0 +1,40 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+/*::
+import type {Version} from '../utils/version-utils';
+*/
+
+module.exports = ({version} /*: {version: Version} */) /*: string */ => `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * ${'@'}generated by scripts/releases/set-rn-version.js
+ */
+
+package com.facebook.react.modules.systeminfo;
+
+import com.facebook.react.common.MapBuilder;
+
+import java.util.Map;
+
+public class ReactNativeVersion {
+  public static final Map<String, Object> VERSION = MapBuilder.<String, Object>of(
+      "major", ${version.major},
+      "minor", ${version.minor},
+      "patch", ${version.patch},
+      "prerelease", ${
+        version.prerelease != null ? `"${version.prerelease}"` : 'null'
+      });
+}
+`;
diff --git a/scripts/releases/templates/ReactNativeVersion.js-template.js b/scripts/releases/templates/ReactNativeVersion.js-template.js
new file mode 100644
index 00000000000000..ea89c1697e5141
--- /dev/null
+++ b/scripts/releases/templates/ReactNativeVersion.js-template.js
@@ -0,0 +1,41 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow
+ * @format
+ * @oncall react_native
+ */
+
+/*::
+import type {Version} from '../utils/version-utils';
+*/
+
+module.exports = ({version} /*: {version: Version} */) /*: string */ => `/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * ${'@'}generated by scripts/releases/set-rn-version.js
+ */
+
+const version: $ReadOnly<{
+  major: number,
+  minor: number,
+  patch: number,
+  prerelease: string | null,
+}> = {
+  major: ${version.major},
+  minor: ${version.minor},
+  patch: ${version.patch},
+  prerelease: ${
+    version.prerelease != null ? `'${version.prerelease}'` : 'null'
+  },
+};
+
+module.exports = {version};
+`;
diff --git a/scripts/update-template-package.js b/scripts/releases/update-template-package.js
old mode 100755
new mode 100644
similarity index 70%
rename from scripts/update-template-package.js
rename to scripts/releases/update-template-package.js
index 9443707db562e8..a72997d903461c
--- a/scripts/update-template-package.js
+++ b/scripts/releases/update-template-package.js
@@ -4,14 +4,17 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
+ * @oncall react_native
  */
 
-'use strict';
-
+const {REACT_NATIVE_PACKAGE_DIR} = require('../consts');
+const {applyPackageVersions} = require('../npm-utils');
 const fs = require('fs');
 const path = require('path');
-const {applyPackageVersions} = require('./npm-utils');
+
+const TEMPLATE_DIR = path.join(REACT_NATIVE_PACKAGE_DIR, 'template');
 
 /**
  * Updates the react-native template package.json with
@@ -20,12 +23,9 @@ const {applyPackageVersions} = require('./npm-utils');
  * `dependencyMap` is a dict of package name to its version
  * ex. {"react-native": "0.23.0", "other-dep": "nightly"}
  */
-function updateTemplatePackage(dependencyMap) {
-  const jsonPath = path.join(
-    __dirname,
-    '../packages/react-native/template/package.json',
-  );
-  const templatePackageJson = require(jsonPath);
+function updateTemplatePackage(dependencyMap /*: Record<string, string> */) {
+  const jsonPath = path.join(TEMPLATE_DIR, 'package.json');
+  const templatePackageJson = JSON.parse(fs.readFileSync(jsonPath, 'utf-8'));
 
   const updatedPackageJson = applyPackageVersions(
     templatePackageJson,
diff --git a/scripts/__tests__/version-utils-test.js b/scripts/releases/utils/__tests__/version-utils-test.js
similarity index 79%
rename from scripts/__tests__/version-utils-test.js
rename to scripts/releases/utils/__tests__/version-utils-test.js
index 1294c0d132d777..044619b31e1580 100644
--- a/scripts/__tests__/version-utils-test.js
+++ b/scripts/releases/utils/__tests__/version-utils-test.js
@@ -4,29 +4,28 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
+ * @oncall react_native
  */
 
 const {
-  parseVersion,
+  isNightly,
   isReleaseBranch,
+  parseVersion,
   validateBuildType,
-  isNightly,
 } = require('../version-utils');
 
-let execResult = null;
 jest.mock('shelljs', () => ({
   exec: () => {
     return {
-      stdout: execResult,
+      stdout: null,
     };
   },
   echo: message => {
     console.log(message);
   },
-  exit: exitCode => {
-    exit(exitCode);
-  },
+  exit: jest.fn(),
 }));
 
 describe('version-utils', () => {
@@ -43,23 +42,16 @@ describe('version-utils', () => {
   });
 
   describe('parseVersion', () => {
-    it('should throw error if buildType is undefined', () => {
-      function testInvalidVersion() {
-        parseVersion('v0.10.5');
-      }
-      expect(testInvalidVersion).toThrowErrorMatchingInlineSnapshot(
-        `"Unsupported build type: undefined"`,
-      );
-    });
-
-    it('should throw error if buildType is not `release`, `dry-run` or `nightly`', () => {
+    it('should throw error if buildType is not `release`, `dry-run`, `prealpha`` or `nightly`', () => {
       function testInvalidVersion() {
+        // $FlowExpectedError[incompatible-call]
         parseVersion('v0.10.5', 'invalid_build_type');
       }
       expect(testInvalidVersion).toThrowErrorMatchingInlineSnapshot(
         `"Unsupported build type: invalid_build_type"`,
       );
     });
+
     it('should throw error if invalid match with release', () => {
       function testInvalidVersion() {
         parseVersion('<invalid version>', 'release');
@@ -68,6 +60,7 @@ describe('version-utils', () => {
         `"You must pass a correctly formatted version; couldn't parse <invalid version>"`,
       );
     });
+
     it('should throw error if invalid match with dry-run', () => {
       function testInvalidVersion() {
         parseVersion('<invalid version>', 'dry-run');
@@ -299,6 +292,75 @@ describe('version-utils', () => {
       expect(patch).toBe('0');
       expect(prerelease).toBeUndefined();
     });
+
+    it('should parse prealpha with valid value', () => {
+      const {version, major, minor, patch, prerelease} = parseVersion(
+        '0.0.0-prealpha-2023100416',
+        'prealpha',
+      );
+
+      expect(version).toBe('0.0.0-prealpha-2023100416');
+      expect(major).toBe('0');
+      expect(minor).toBe('0');
+      expect(patch).toBe('0');
+      expect(prerelease).toBe('prealpha-2023100416');
+    });
+
+    it('should reject prealpha with 1.0.0 version', () => {
+      function testInvalidFunction() {
+        parseVersion('1.0.0-prealpha-2023100416', 'prealpha');
+      }
+
+      expect(testInvalidFunction).toThrowErrorMatchingInlineSnapshot(
+        '"Version 1.0.0-prealpha-2023100416 is not valid for prealphas"',
+      );
+    });
+
+    it('should reject prealpha with invalid version', () => {
+      function testInvalidFunction() {
+        parseVersion('1.2.3-prealpha-2023100416', 'prealpha');
+      }
+
+      expect(testInvalidFunction).toThrowErrorMatchingInlineSnapshot(
+        '"Version 1.2.3-prealpha-2023100416 is not valid for prealphas"',
+      );
+    });
+
+    it('should reject prealpha with no prerelease', () => {
+      function testInvalidFunction() {
+        parseVersion('1.0.0', 'prealpha');
+      }
+
+      expect(testInvalidFunction).toThrowErrorMatchingInlineSnapshot(
+        '"Version 1.0.0 is not valid for prealphas"',
+      );
+    });
+
+    it('should reject prealpha with invalid prerelease (no timestamp)', () => {
+      function testInvalidFunction() {
+        parseVersion('1.0.0-prealpha', 'prealpha');
+      }
+
+      expect(testInvalidFunction).toThrowErrorMatchingInlineSnapshot(
+        '"Version 1.0.0-prealpha is not valid for prealphas"',
+      );
+    });
+
+    it('should reject prealpha with invalid prerelease (no prealpha)', () => {
+      function testInvalidFunction() {
+        parseVersion('1.0.0-2023100416', 'prealpha');
+      }
+
+      expect(testInvalidFunction).toThrowErrorMatchingInlineSnapshot(
+        '"Version 1.0.0-2023100416 is not valid for prealphas"',
+      );
+    });
+
+    it('should reject stable releases with major > 0', () => {
+      expect(() => parseVersion('1.0.1', 'release')).toThrow(
+        'Version 1.0.1 is not valid for Release',
+      );
+    });
   });
 
   describe('isNightly', () => {
@@ -328,31 +390,15 @@ describe('version-utils', () => {
   });
 
   describe('Validate version', () => {
-    it('Throw error if the buildType is unknown', () => {
-      function testInvalidFunction() {
-        validateBuildType('wrong_build');
-      }
-      expect(testInvalidFunction).toThrowErrorMatchingInlineSnapshot(
-        `"Unsupported build type: wrong_build"`,
-      );
-    });
-    it('Does not throw if the buildType is release', () => {
-      function testValidCall() {
-        validateBuildType('release');
-      }
-      expect(testValidCall).not.toThrowError();
-    });
-    it('Does not throw if the buildType is nightly', () => {
-      function testValidCall() {
-        validateBuildType('nightly');
-      }
-      expect(testValidCall).not.toThrowError();
-    });
-    it('Does not throw if the buildType is dry-run', () => {
-      function testValidCall() {
-        validateBuildType('dry-run');
-      }
-      expect(testValidCall).not.toThrowError();
+    test('should return false if the buildType is unknown', () => {
+      expect(validateBuildType('wrong_build')).toBe(false);
     });
+
+    test.each(['release', 'nightly', 'dry-run'])(
+      'should return true if the buildType is %s',
+      buildType => {
+        expect(validateBuildType(buildType)).toBe(true);
+      },
+    );
   });
 });
diff --git a/scripts/releases/utils/monorepo.js b/scripts/releases/utils/monorepo.js
new file mode 100644
index 00000000000000..4908f951e8ee3a
--- /dev/null
+++ b/scripts/releases/utils/monorepo.js
@@ -0,0 +1,94 @@
+/**
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @flow strict
+ * @format
+ * @oncall react_native
+ */
+
+const {REPO_ROOT} = require('../../consts');
+const fs = require('fs');
+const glob = require('glob');
+const path = require('path');
+
+const WORKSPACES_CONFIG = 'packages/*';
+
+/*::
+export type PackageJson = {
+  name: string,
+  version: string,
+  private?: boolean,
+  dependencies?: Record<string, string>,
+  devDependencies?: Record<string, string>,
+  ...
+};
+
+type PackagesFilter = $ReadOnly<{
+  includeReactNative: boolean,
+  includePrivate?: boolean,
+}>;
+
+export type PackageInfo = {
+  // The name of the package
+  name: string,
+
+  // The absolute path to the package
+  path: string,
+
+  // The parsed package.json contents
+  packageJson: PackageJson,
+};
+
+type ProjectInfo = {
+  [packageName: string]: PackageInfo,
+};
+*/
+
+/**
+ * Locates monrepo packages and returns a mapping of package names to their
+ * metadata. Considers Yarn workspaces under `packages/`.
+ */
+async function getPackages(
+  filter /*: PackagesFilter */,
+) /*: Promise<ProjectInfo> */ {
+  const {includeReactNative, includePrivate = false} = filter;
+
+  const packagesEntries = await Promise.all(
+    glob
+      .sync(`${WORKSPACES_CONFIG}/package.json`, {
+        cwd: REPO_ROOT,
+        absolute: true,
+        ignore: includeReactNative
+          ? []
+          : ['packages/react-native/package.json'],
+      })
+      .map(async packageJsonPath => {
+        const packagePath = path.dirname(packageJsonPath);
+        const packageJson = JSON.parse(
+          await fs.promises.readFile(packageJsonPath, 'utf-8'),
+        );
+
+        return [
+          packageJson.name,
+          {
+            name: packageJson.name,
+            path: packagePath,
+            packageJson,
+          },
+        ];
+      }),
+  );
+
+  return Object.fromEntries(
+    packagesEntries.filter(
+      ([_, {packageJson}]) => !packageJson.private || includePrivate,
+    ),
+  );
+}
+
+module.exports = {
+  getPackages,
+};
diff --git a/scripts/release-utils.js b/scripts/releases/utils/release-utils.js
similarity index 78%
rename from scripts/release-utils.js
rename to scripts/releases/utils/release-utils.js
index fc195b9786860e..548cabe5e05b95 100644
--- a/scripts/release-utils.js
+++ b/scripts/releases/utils/release-utils.js
@@ -4,17 +4,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
+ * @oncall react_native
  */
 
 'use strict';
 
-const {exec, echo, exit, test, env, pushd, popd} = require('shelljs');
 const {
   createHermesPrebuiltArtifactsTarball,
-} = require('../packages/react-native/scripts/hermes/hermes-utils');
+} = require('../../../packages/react-native/scripts/hermes/hermes-utils');
+const {echo, env, exec, exit, popd, pushd, test} = require('shelljs');
 
-function generateAndroidArtifacts(releaseVersion) {
+/*::
+type BuildType = 'dry-run' | 'release' | 'nightly' | 'prealpha';
+*/
+
+function generateAndroidArtifacts(releaseVersion /*: string */) {
   // [macOS
   echo('Skipping Android artifacts generation on React Native macOS');
   exit(0);
@@ -56,19 +62,24 @@ function generateAndroidArtifacts(releaseVersion) {
   });
 }
 
-function publishAndroidArtifactsToMaven(releaseVersion, isNightly) {
+function publishAndroidArtifactsToMaven(
+  releaseVersion /*: string */,
+  buildType /*: BuildType */,
+) {
   // [macOS
   echo('Skipping Android artifacts publish to Maven on React Native macOS');
   exit(0);
   // macOS]
   // -------- Publish every artifact to Maven Central
   // The GPG key is base64 encoded on CircleCI and then decoded here
+  // $FlowFixMe[prop-missing]
   let buff = Buffer.from(env.ORG_GRADLE_PROJECT_SIGNING_KEY_ENCODED, 'base64');
+  // $FlowFixMe[prop-missing]
   env.ORG_GRADLE_PROJECT_SIGNING_KEY = buff.toString('ascii');
 
   // We want to gate ourselves against accidentally publishing a 1.x or a 1000.x on
   // maven central which will break the semver for our artifacts.
-  if (!isNightly && releaseVersion.startsWith('0.')) {
+  if (buildType === 'release' && releaseVersion.startsWith('0.')) {
     // -------- For stable releases, we also need to close and release the staging repository.
     if (
       exec(
@@ -81,8 +92,13 @@ function publishAndroidArtifactsToMaven(releaseVersion, isNightly) {
       exit(1);
     }
   } else {
+    const isSnapshot = buildType === 'nightly' || buildType === 'prealpha';
     // -------- For nightly releases, we only need to publish the snapshot to Sonatype snapshot repo.
-    if (exec('./gradlew publishAllToSonatype -PisNightly=' + isNightly).code) {
+    if (
+      exec(
+        './gradlew publishAllToSonatype -PisSnapshot=' + isSnapshot.toString(),
+      ).code
+    ) {
       echo('Failed to publish artifacts to Sonatype (Maven Central)');
       exit(1);
     }
@@ -92,11 +108,11 @@ function publishAndroidArtifactsToMaven(releaseVersion, isNightly) {
 }
 
 function generateiOSArtifacts(
-  jsiFolder,
-  hermesCoreSourceFolder,
-  buildType,
-  targetFolder,
-) {
+  jsiFolder /*: string */,
+  hermesCoreSourceFolder /*: string */,
+  buildType /*: 'Debug' | string */,
+  targetFolder /*: string */,
+) /*: string */ {
   pushd(`${hermesCoreSourceFolder}`);
 
   //Generating iOS Artifacts
@@ -120,7 +136,7 @@ function generateiOSArtifacts(
   return tarballOutputPath;
 }
 
-function failIfTagExists(version, buildType) {
+function failIfTagExists(version /*: string */, buildType /*: BuildType */) {
   // When dry-run in stable branch, the tag already exists.
   // We are bypassing the tag-existence check when in a dry-run to have the CI pass
   if (buildType === 'dry-run') {
@@ -135,7 +151,7 @@ function failIfTagExists(version, buildType) {
   }
 }
 
-function checkIfTagExists(version) {
+function checkIfTagExists(version /*: string */) {
   const {code, stdout} = exec('git tag -l', {silent: true});
   if (code !== 0) {
     throw new Error('Failed to retrieve the list of tags');
diff --git a/scripts/version-utils.js b/scripts/releases/utils/version-utils.js
similarity index 55%
rename from scripts/version-utils.js
rename to scripts/releases/utils/version-utils.js
index 427a9b4d71cb30..e37c74e0036121 100644
--- a/scripts/version-utils.js
+++ b/scripts/releases/utils/version-utils.js
@@ -4,11 +4,23 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
+ * @oncall react_native
  */
 
 const VERSION_REGEX = /^v?((\d+)\.(\d+)\.(\d+)(?:-(.+))?)$/;
 
+/*::
+export type BuildType = 'dry-run' | 'release' | 'nightly' | 'prealpha';
+export type Version = {
+    version: string,
+    major: string,
+    minor: string,
+    patch: string,
+    prerelease: ?string,
+}
+*/
 /**
  * Parses a version string and performs some checks to verify its validity.
  * A valid version is in the format vX.Y.Z[-KKK] where X, Y, Z are numbers and KKK can be something else.
@@ -21,34 +33,16 @@ const VERSION_REGEX = /^v?((\d+)\.(\d+)\.(\d+)(?:-(.+))?)$/;
  * - e2e-test: X.Y.Z-20221116-2018
  * - nightly: X.Y.Z-20221116-0bc4547fc
  * - dryrun: 1000.0.0
- *
- * Parameters:
- * - @versionStr the string representing a version
- * - @buildType the build type. It can be of values: `dry-run`, `release`, `nightly`
- *
- * Returns: an object with the shape:
- * ```
- * {
- *   version: string,
- *   major: number,
- *   minor: number,
- *   patch: number,
- *   prerelease: string
- * }
- * ```
- *
+ * - prealpha: 0.0.0-prealpha-20221116
  */
-function parseVersion(versionStr, buildType) {
-  try {
-    validateBuildType(buildType);
-  } catch (e) {
-    throw e;
-  }
-
+function parseVersion(
+  versionStr /*: string */,
+  buildType /*: ?BuildType */,
+) /*: Version */ {
   const match = extractMatchIfValid(versionStr);
   const [, version, major, minor, patch, prerelease] = match;
 
-  const versionObject = {
+  const parsedVersion = {
     version,
     major,
     minor,
@@ -56,23 +50,31 @@ function parseVersion(versionStr, buildType) {
     prerelease,
   };
 
-  try {
-    validateVersion(versionObject, buildType);
-  } catch (e) {
-    throw e;
+  if (buildType != null) {
+    if (!validateBuildType(buildType)) {
+      throw new Error(`Unsupported build type: ${buildType}`);
+    }
+    validateVersion(parsedVersion, buildType);
   }
 
-  return versionObject;
+  return parsedVersion;
 }
 
-function validateBuildType(buildType) {
-  const validBuildTypes = new Set(['release', 'dry-run', 'nightly']);
-  if (!validBuildTypes.has(buildType)) {
-    throw new Error(`Unsupported build type: ${buildType}`);
-  }
+function validateBuildType(
+  buildType /*: string */,
+) /*: buildType is BuildType */ {
+  const validBuildTypes = new Set([
+    'release',
+    'dry-run',
+    'nightly',
+    'prealpha',
+  ]);
+
+  // $FlowFixMe[incompatible-return]
+  return validBuildTypes.has(buildType);
 }
 
-function extractMatchIfValid(versionStr) {
+function extractMatchIfValid(versionStr /*: string */) {
   const match = versionStr.match(VERSION_REGEX);
   if (!match) {
     throw new Error(
@@ -82,11 +84,15 @@ function extractMatchIfValid(versionStr) {
   return match;
 }
 
-function validateVersion(versionObject, buildType) {
+function validateVersion(
+  versionObject /*: Version */,
+  buildType /*: BuildType */,
+) {
   const map = {
     release: validateRelease,
     'dry-run': validateDryRun,
     nightly: validateNightly,
+    prealpha: validatePrealpha,
   };
 
   const validationFunction = map[buildType];
@@ -96,14 +102,14 @@ function validateVersion(versionObject, buildType) {
 /**
  * Releases are in the form of 0.Y.Z[-RC.0]
  */
-function validateRelease(version) {
+function validateRelease(version /*: Version */) {
   const validRelease = isStableRelease(version) || isStablePrerelease(version);
   if (!validRelease) {
     throw new Error(`Version ${version.version} is not valid for Release`);
   }
 }
 
-function validateDryRun(version) {
+function validateDryRun(version /*: Version */) {
   if (
     !isMain(version) &&
     !isNightly(version) &&
@@ -114,32 +120,37 @@ function validateDryRun(version) {
   }
 }
 
-function validateNightly(version) {
+function validateNightly(version /*: Version */) {
   // a valid nightly is a prerelease
   if (!isNightly(version)) {
     throw new Error(`Version ${version.version} is not valid for nightlies`);
   }
 }
 
-function isStableRelease(version) {
+function validatePrealpha(version /*: Version */) {
+  if (!isValidPrealpha(version)) {
+    throw new Error(`Version ${version.version} is not valid for prealphas`);
+  }
+}
+
+function isStableRelease(version /*: Version */) /*: boolean */ {
   return (
     version.major === '0' && version.minor !== '0' && version.prerelease == null
   );
 }
 
-function isStablePrerelease(version) {
-  return (
+function isStablePrerelease(version /*: Version */) /*: boolean */ {
+  return !!(
     version.major === '0' &&
     version.minor !== '0' &&
     version.patch.match(/^\d+$/) &&
-    version.prerelease != null &&
-    (version.prerelease.startsWith('rc.') ||
-      version.prerelease.startsWith('rc-') ||
-      version.prerelease.match(/^(\d{8})-(\d{4})$/))
+    (version.prerelease?.startsWith('rc.') ||
+      version.prerelease?.startsWith('rc-') ||
+      version.prerelease?.match(/^(\d{8})-(\d{4})$/))
   );
 }
 
-function isNightly(version) {
+function isNightly(version /*: Version */) /*: boolean */ {
   // Check if older nightly version
   if (version.major === '0' && version.minor === '0' && version.patch === '0') {
     return true;
@@ -148,16 +159,26 @@ function isNightly(version) {
   return version.version.includes('nightly');
 }
 
-function isMain(version) {
+function isMain(version /*: Version */) /*: boolean */ {
   return (
     version.major === '1000' && version.minor === '0' && version.patch === '0'
   );
 }
 
-function isReleaseBranch(branch) {
+function isReleaseBranch(branch /*:string */) /*: boolean */ {
   return branch.endsWith('-stable');
 }
 
+function isValidPrealpha(version /*: Version */) /*: boolean */ {
+  return !!(
+    version.major === '0' &&
+    version.minor === '0' &&
+    version.patch === '0' &&
+    version.prerelease != null &&
+    version.prerelease.match(/^prealpha-(\d{10})$/)
+  );
+}
+
 module.exports = {
   validateBuildType,
   parseVersion,
diff --git a/scripts/run-android-ci-instrumentation-tests.js b/scripts/run-android-ci-instrumentation-tests.js
deleted file mode 100644
index d012866b307e11..00000000000000
--- a/scripts/run-android-ci-instrumentation-tests.js
+++ /dev/null
@@ -1,68 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-/**
- * This script runs instrumentation tests one by one with retries
- * Instrumentation tests tend to be flaky, so rerunning them individually increases
- * chances for success and reduces total average execution time.
- *
- * We assume that all instrumentation tests are flat in one folder
- * Available arguments:
- * --path - path to all .java files with tests
- * --package - com.facebook.react.tests
- * --retries [num] - how many times to retry possible flaky commands: npm install and running tests, default 1
- */
-
-const {echo, exec, exit, ls} = require('shelljs');
-
-const argv = require('yargs').argv;
-const numberOfRetries = argv.retries || 1;
-const tryExecNTimes = require('./try-n-times');
-const path = require('path');
-
-// Flaky tests ignored on Circle CI. They still run internally at fb.
-const ignoredTests = [
-  'ReactScrollViewTestCase',
-  'ReactHorizontalScrollViewTestCase',
-];
-
-// ReactAndroid/src/androidTest/java/com/facebook/react/tests/ReactHorizontalScrollViewTestCase.java
-const testClasses = ls(`${argv.path}/*.java`)
-  .map(javaFile => {
-    // ReactHorizontalScrollViewTestCase
-    return path.basename(javaFile, '.java');
-  })
-  .filter(className => {
-    return ignoredTests.indexOf(className) === -1;
-  })
-  .map(className => {
-    // com.facebook.react.tests.ReactHorizontalScrollViewTestCase
-    return argv.package + '.' + className;
-  });
-
-let exitCode = 0;
-testClasses.forEach(testClass => {
-  if (
-    tryExecNTimes(() => {
-      echo(`Starting ${testClass}`);
-      // any faster means Circle CI crashes
-      exec('sleep 10s');
-      return exec(
-        `./scripts/run-instrumentation-tests-via-adb-shell.sh ${argv.package} ${testClass}`,
-      ).code;
-    }, numberOfRetries)
-  ) {
-    echo(`${testClass} failed ${numberOfRetries} times`);
-    exitCode = 1;
-  }
-});
-
-exit(exitCode);
diff --git a/scripts/run-android-emulator.sh b/scripts/run-android-emulator.sh
deleted file mode 100755
index 2f246b4af5a8d3..00000000000000
--- a/scripts/run-android-emulator.sh
+++ /dev/null
@@ -1,29 +0,0 @@
-#!/bin/bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# Runs an Android emulator locally.
-# If there already is a running emulator, this just uses that.
-# The only reason to use this config is that it represents a known-good
-# virtual device configuration.
-# This is useful for running integration tests on a local machine.
-
-THIS_DIR=$(cd -P "$(dirname "$(realpath "${BASH_SOURCE[0]}" || echo "${BASH_SOURCE[0]}")")" && pwd)
-
-STATE=`adb get-state`
-
-if [ -n "$STATE" ]; then
-    echo "An emulator is already running."
-    exit 1
-fi
-
-echo "Installing packages"
-source "${THIS_DIR}/android-setup.sh" && getAndroidPackages
-
-echo "Creating Android virtual device..."
-source "${THIS_DIR}/android-setup.sh" && createAVD
-
-echo "Launching Android virtual device..."
-source "${THIS_DIR}/android-setup.sh" && launchAVD
diff --git a/scripts/run-android-local-integration-tests.sh b/scripts/run-android-local-integration-tests.sh
deleted file mode 100755
index acd0daa9e687d9..00000000000000
--- a/scripts/run-android-local-integration-tests.sh
+++ /dev/null
@@ -1,28 +0,0 @@
-#!/bin/bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# Runs all Android integration tests locally.
-# See https://reactnative.dev/docs/testing
-
-source $(dirname $0)/validate-android-sdk.sh
-source $(dirname $0)/validate-android-test-env.sh
-source $(dirname $0)/validate-android-device-env.sh
-
-set -e
-
-echo "Compiling native code..."
-./gradlew :ReactAndroid:packageReactNdkLibsForBuck
-
-echo "Building JS bundle..."
-node cli.js bundle --platform android --dev true --entry-file ReactAndroid/src/androidTest/js/TestBundle.js --bundle-output ReactAndroid/src/androidTest/assets/AndroidTestBundle.js
-
-echo "Installing test app on the device..."
-buck fetch ReactAndroid/src/androidTest/buck-runner:instrumentation-tests
-buck install ReactAndroid/src/androidTest/buck-runner:instrumentation-tests
-
-echo "Running integration tests..."
-# Use the JS script that runs all tests in a loop and is easy to tweak
-node ./scripts/run-android-ci-instrumentation-tests.js --path ./ReactAndroid/src/androidTest/java/com/facebook/react/tests --package com.facebook.react.tests
diff --git a/scripts/run-android-local-unit-tests.sh b/scripts/run-android-local-unit-tests.sh
deleted file mode 100755
index f10ab7408cd050..00000000000000
--- a/scripts/run-android-local-unit-tests.sh
+++ /dev/null
@@ -1,19 +0,0 @@
-#!/bin/bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# Runs all Android unit tests locally.
-# See https://reactnative.dev/docs/testing
-
-source $(dirname $0)/validate-android-sdk.sh
-source $(dirname $0)/validate-android-test-env.sh
-
-set -e
-
-echo "Fetching dependencies..."
-buck fetch ReactAndroid/src/test/...
-
-echo "Running unit tests..."
-buck test ReactAndroid/src/test/...
diff --git a/scripts/run-ci-javascript-tests.js b/scripts/run-ci-javascript-tests.js
index 759deb2459f8fc..0aa402a16ad677 100644
--- a/scripts/run-ci-javascript-tests.js
+++ b/scripts/run-ci-javascript-tests.js
@@ -33,6 +33,13 @@ function describe(message) {
 try {
   echo('Executing JavaScript tests');
 
+  describe('Test: feature flags codegen');
+  if (exec(`${YARN_BINARY} run featureflags-check`).code) {
+    echo('Failed to run featureflags check.');
+    exitCode = 1;
+    throw Error(exitCode);
+  }
+
   describe('Test: eslint');
   if (exec(`${YARN_BINARY} run lint`).code) {
     echo('Failed to run eslint.');
diff --git a/scripts/run-instrumentation-tests-via-adb-shell.sh b/scripts/run-instrumentation-tests-via-adb-shell.sh
deleted file mode 100755
index 7299112d7123aa..00000000000000
--- a/scripts/run-instrumentation-tests-via-adb-shell.sh
+++ /dev/null
@@ -1,69 +0,0 @@
-#!/bin/bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# Python script to run instrumentation tests, copied from https://github.com/circleci/circle-dummy-android
-# Example: ./scripts/run-android-instrumentation-tests.sh com.facebook.react.tests com.facebook.react.tests.ReactPickerTestCase
-
-export PATH="$ANDROID_HOME/platform-tools:$ANDROID_HOME/tools:$PATH"
-
-# clear the logs
-adb logcat -c
-
-# run tests and check output
-python - $1 $2 << END
-
-import re
-import subprocess as sp
-import sys
-import threading
-import time
-
-done = False
-
-test_app = sys.argv[1]
-test_class = None
-
-if len(sys.argv) > 2:
-  test_class = sys.argv[2]
-
-def update():
-  # prevent CircleCI from killing the process for inactivity
-  while not done:
-    time.sleep(5)
-    print "Running in background.  Waiting for 'adb' command response..."
-
-t = threading.Thread(target=update)
-t.dameon = True
-t.start()
-
-def run():
-  sp.Popen(['adb', 'wait-for-device']).communicate()
-  if (test_class != None):
-    p = sp.Popen('adb shell am instrument -w -e class %s %s/androidx.test.runner.AndroidJUnitRunner'
-      % (test_class, test_app), shell=True, stdout=sp.PIPE, stderr=sp.PIPE, stdin=sp.PIPE)
-  else :
-    p = sp.Popen('adb shell am instrument -w %s/androidx.test.runner.AndroidJUnitRunner'
-      % (test_app), shell=True, stdout=sp.PIPE, stderr=sp.PIPE, stdin=sp.PIPE)
-  return p.communicate()
-
-success = re.compile(r'OK \(\d+ test(s)?\)')
-stdout, stderr = run()
-
-done = True
-print stderr
-print stdout
-
-if success.search(stderr + stdout):
-  sys.exit(0)
-else:
-  # dump the logs
-  sp.Popen(['adb', 'logcat', '-d']).communicate()
-  sys.exit(1) # make sure we fail if the test failed
-END
-
-RETVAL=$?
-
-exit $RETVAL
diff --git a/scripts/scm-utils.js b/scripts/scm-utils.js
index eab057bd5f44c8..2e7b228716b8fa 100644
--- a/scripts/scm-utils.js
+++ b/scripts/scm-utils.js
@@ -4,15 +4,20 @@
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  *
+ * @flow strict-local
  * @format
  */
 
 'use strict';
 
-const {cp, echo, exec, exit} = require('shelljs');
 const fs = require('fs');
-const path = require('path');
 const mkdirp = require('mkdirp');
+const path = require('path');
+const {cp, echo, exec, exit} = require('shelljs');
+
+/*::
+type Commit = string
+*/
 
 function isGitRepo() {
   try {
@@ -29,7 +34,12 @@ function isGitRepo() {
   return false;
 }
 
-function exitIfNotOnGit(command, errorMessage, gracefulExit = false) {
+function exitIfNotOnGit /*::<T>*/(
+  command /*: () => T */,
+  errorMessage /*: string */,
+  gracefulExit /*: boolean */ = false,
+  // $FlowFixMe[incompatible-return] Asserts return value
+) /*: T */ {
   if (isGitRepo()) {
     return command();
   } else {
@@ -38,7 +48,7 @@ function exitIfNotOnGit(command, errorMessage, gracefulExit = false) {
   }
 }
 
-function isTaggedLatest(commitSha) {
+function isTaggedLatest(commitSha /*: Commit */) /*: boolean */ {
   return (
     exec(`git rev-list -1 latest | grep ${commitSha}`, {
       silent: true,
@@ -46,13 +56,13 @@ function isTaggedLatest(commitSha) {
   );
 }
 
-function getBranchName() {
+function getBranchName() /*: string */ {
   return exec('git rev-parse --abbrev-ref HEAD', {
     silent: true,
   }).stdout.trim();
 }
 
-function getCurrentCommit() {
+function getCurrentCommit() /*: Commit */ {
   return isGitRepo()
     ? exec('git rev-parse HEAD', {
         silent: true,
@@ -60,7 +70,7 @@ function getCurrentCommit() {
     : 'TEMP';
 }
 
-function saveFiles(filePaths, tmpFolder) {
+function saveFiles(filePaths /*: Array<string> */, tmpFolder /*: string */) {
   for (const filePath of filePaths) {
     const dirName = path.dirname(filePath);
     if (dirName !== '.') {
@@ -71,7 +81,7 @@ function saveFiles(filePaths, tmpFolder) {
   }
 }
 
-function revertFiles(filePaths, tmpFolder) {
+function revertFiles(filePaths /*: Array<string> */, tmpFolder /*: string */) {
   for (const filePath of filePaths) {
     const absoluteTmpPath = `${tmpFolder}/${filePath}`;
     if (fs.existsSync(absoluteTmpPath)) {
@@ -86,7 +96,7 @@ function revertFiles(filePaths, tmpFolder) {
 }
 
 // git restore for local path
-function restore(repoPath) {
+function restore(repoPath /*: string */) {
   const result = exec('git restore .', {
     cwd: repoPath,
   });
diff --git a/scripts/set-rn-version.js b/scripts/set-rn-version.js
deleted file mode 100755
index 348fbd26dff2ee..00000000000000
--- a/scripts/set-rn-version.js
+++ /dev/null
@@ -1,169 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const fs = require('fs');
-const {cat, echo, exit, sed} = require('shelljs');
-const yargs = require('yargs');
-const {parseVersion, validateBuildType} = require('./version-utils');
-const updateTemplatePackage = require('./update-template-package');
-const {applyPackageVersions, getNpmInfo} = require('./npm-utils');
-
-/**
- * This script updates relevant React Native files with supplied version:
- *   * Prepares a package.json suitable for package consumption
- *   * Updates package.json for template project
- *   * Updates the version in gradle files and makes sure they are consistent between each other
- *   * Creates a gemfile
- */
-if (require.main === module) {
-  let argv = yargs
-    .option('v', {
-      alias: 'to-version',
-      type: 'string',
-      required: false,
-    })
-    .option('d', {
-      alias: 'dependency-versions',
-      type: 'string',
-      describe:
-        'JSON string of package versions. Ex. "{"react-native":"0.64.1"}"',
-      default: null,
-    })
-    .coerce('d', dependencyVersions => {
-      if (dependencyVersions == null) {
-        return null;
-      }
-      return JSON.parse(dependencyVersions);
-    })
-    .option('b', {
-      alias: 'build-type',
-      type: 'string',
-      choices: ['dry-run', 'nightly', 'release'],
-      required: true,
-    }).argv;
-
-  setReactNativeVersion(
-    argv.toVersion,
-    argv.dependencyVersions,
-    argv.buildType,
-  );
-  exit(0);
-}
-
-function setSource({major, minor, patch, prerelease}) {
-  fs.writeFileSync(
-    'packages/react-native/ReactAndroid/src/main/java/com/facebook/react/modules/systeminfo/ReactNativeVersion.java',
-    cat('scripts/versiontemplates/ReactNativeVersion.java.template')
-      .replace('${major}', major)
-      .replace('${minor}', minor)
-      .replace('${patch}', patch)
-      .replace(
-        '${prerelease}',
-        prerelease !== undefined ? `"${prerelease}"` : 'null',
-      ),
-    'utf-8',
-  );
-
-  fs.writeFileSync(
-    'packages/react-native/React/Base/RCTVersion.m',
-    cat('scripts/versiontemplates/RCTVersion.m.template')
-      .replace('${major}', `@(${major})`)
-      .replace('${minor}', `@(${minor})`)
-      .replace('${patch}', `@(${patch})`)
-      .replace(
-        '${prerelease}',
-        prerelease !== undefined ? `@"${prerelease}"` : '[NSNull null]',
-      ),
-    'utf-8',
-  );
-
-  fs.writeFileSync(
-    'packages/react-native/ReactCommon/cxxreact/ReactNativeVersion.h',
-    cat('scripts/versiontemplates/ReactNativeVersion.h.template')
-      .replace('${major}', major)
-      .replace('${minor}', minor)
-      .replace('${patch}', patch)
-      .replace(
-        '${prerelease}',
-        prerelease !== undefined ? `"${prerelease}"` : '""',
-      ),
-    'utf-8',
-  );
-
-  fs.writeFileSync(
-    'packages/react-native/Libraries/Core/ReactNativeVersion.js',
-    cat('scripts/versiontemplates/ReactNativeVersion.js.template')
-      .replace('${major}', major)
-      .replace('${minor}', minor)
-      .replace('${patch}', patch)
-      .replace(
-        '${prerelease}',
-        prerelease !== undefined ? `'${prerelease}'` : 'null',
-      ),
-    'utf-8',
-  );
-}
-
-// Change ReactAndroid/gradle.properties
-function setGradle({version}) {
-  const result = sed(
-    '-i',
-    /^VERSION_NAME=.*/,
-    `VERSION_NAME=${version}`,
-    'packages/react-native/ReactAndroid/gradle.properties',
-  );
-  if (result.code) {
-    echo("Couldn't update version for Gradle");
-    throw result.stderr;
-  }
-}
-
-function setPackage({version}, dependencyVersions) {
-  const originalPackageJson = JSON.parse(
-    cat('packages/react-native/package.json'),
-  );
-  const packageJson =
-    dependencyVersions != null
-      ? applyPackageVersions(originalPackageJson, dependencyVersions)
-      : originalPackageJson;
-
-  packageJson.version = version;
-
-  fs.writeFileSync(
-    'packages/react-native/package.json',
-    JSON.stringify(packageJson, null, 2),
-    'utf-8',
-  );
-}
-
-function setReactNativeVersion(argVersion, dependencyVersions, buildType) {
-  if (!argVersion) {
-    const {version} = getNpmInfo(buildType);
-    argVersion = version;
-  }
-  validateBuildType(buildType);
-
-  const version = parseVersion(argVersion, buildType);
-
-  setSource(version);
-  setPackage(version, dependencyVersions);
-
-  const templateDependencyVersions = {
-    'react-native': version.version,
-    ...(dependencyVersions != null ? dependencyVersions : {}),
-  };
-  updateTemplatePackage(templateDependencyVersions);
-
-  setGradle(version);
-  return;
-}
-
-module.exports = setReactNativeVersion;
diff --git a/scripts/setup-verdaccio.js b/scripts/setup-verdaccio.js
deleted file mode 100644
index 26e8559e74eb40..00000000000000
--- a/scripts/setup-verdaccio.js
+++ /dev/null
@@ -1,49 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const {execSync, spawn} = require('child_process');
-
-function setupVerdaccio(
-  reactNativeRootPath, // Path to React Native root folder
-  verdaccioConfigPath, // Path to Verdaccio config file, which you want to use for bootstrapping Verdaccio
-  verdaccioStoragePath, // Path to Verdaccio storage, where it should keep packages. Optional. Default value will be decided by your Verdaccio config
-) {
-  if (!reactNativeRootPath) {
-    throw new Error(
-      'Path to React Native repo root is not specified. You should provide it as a first argument',
-    );
-  }
-
-  if (!verdaccioConfigPath) {
-    throw new Error(
-      'Path to Verdaccio config is not specified. You should provide it as a second argument',
-    );
-  }
-
-  execSync('echo "//localhost:4873/:_authToken=secretToken" > .npmrc', {
-    cwd: reactNativeRootPath,
-  });
-
-  const verdaccioProcess = spawn(
-    'npx',
-    ['verdaccio@5.16.3', '--config', verdaccioConfigPath],
-    {env: {...process.env, VERDACCIO_STORAGE_PATH: verdaccioStoragePath}},
-  );
-
-  const VERDACCIO_PID = verdaccioProcess.pid;
-
-  execSync('npx wait-on@6.0.1 http://localhost:4873');
-  execSync('npm set registry http://localhost:4873');
-
-  return VERDACCIO_PID;
-}
-
-module.exports = setupVerdaccio;
diff --git a/scripts/template/initialize.js b/scripts/template/initialize.js
deleted file mode 100644
index 2638cac3d4cf3e..00000000000000
--- a/scripts/template/initialize.js
+++ /dev/null
@@ -1,119 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @format
- */
-
-'use strict';
-
-const yargs = require('yargs');
-const {execSync} = require('child_process');
-const path = require('path');
-
-const forEachPackage = require('../monorepo/for-each-package');
-const setupVerdaccio = require('../setup-verdaccio');
-const {retry} = require('../circleci/retry');
-
-const {argv} = yargs
-  .option('r', {
-    alias: 'reactNativeRootPath',
-    describe: 'Path to root folder of react-native',
-    required: true,
-  })
-  .option('n', {
-    alias: 'templateName',
-    describe: 'Template App name',
-    required: true,
-  })
-  .option('tcp', {
-    alias: 'templateConfigPath',
-    describe: 'Path to folder containing template config',
-    required: true,
-  })
-  .option('d', {
-    alias: 'directory',
-    describe: 'Path to template application folder',
-    required: true,
-  })
-  .strict();
-
-const {reactNativeRootPath, templateName, templateConfigPath, directory} = argv;
-
-const REPO_ROOT = path.resolve(__dirname, '../..');
-const VERDACCIO_CONFIG_PATH = `${reactNativeRootPath}/.circleci/verdaccio.yml`;
-
-async function install() {
-  const VERDACCIO_PID = setupVerdaccio(
-    reactNativeRootPath,
-    VERDACCIO_CONFIG_PATH,
-  );
-  try {
-    process.stdout.write('Bootstrapped Verdaccio \u2705\n');
-
-    process.stdout.write('Building packages...\n');
-    execSync('node ./scripts/build/build.js', {
-      cwd: REPO_ROOT,
-      stdio: [process.stdin, process.stdout, process.stderr],
-    });
-
-    process.stdout.write('Starting to publish every package...\n');
-    forEachPackage(
-      (packageAbsolutePath, packageRelativePathFromRoot, packageManifest) => {
-        if (packageManifest.private) {
-          return;
-        }
-
-        execSync(
-          'npm publish --registry http://localhost:4873 --access public',
-          {
-            cwd: packageAbsolutePath,
-            stdio: [process.stdin, process.stdout, process.stderr],
-          },
-        );
-
-        process.stdout.write(
-          `Published ${packageManifest.name} to proxy \u2705\n`,
-        );
-      },
-    );
-
-    process.stdout.write('Published every package \u2705\n');
-
-    execSync(
-      `node cli.js init ${templateName} --directory ${directory} --template ${templateConfigPath} --verbose --skip-install`,
-      {
-        cwd: `${reactNativeRootPath}/packages/react-native`,
-        stdio: [process.stdin, process.stdout, process.stderr],
-      },
-    );
-    process.stdout.write('Completed initialization of template app \u2705\n');
-
-    process.stdout.write('Installing dependencies in template app folder...\n');
-    const options = {
-      cwd: directory,
-      stdio: [process.stdin, process.stdout, process.stderr],
-    };
-    const success = await retry('yarn', options, 3, 500, ['install']);
-
-    if (!success) {
-      process.stdout.write(
-        'Failed to install dependencies in template app folder.',
-      );
-      throw new Error('Failed to install dependencies in template app folder.');
-    }
-
-    process.stdout.write('Installed dependencies via Yarn \u2705\n');
-  } finally {
-    process.stdout.write(`Killing verdaccio. PID — ${VERDACCIO_PID}...\n`);
-    execSync(`kill -9 ${VERDACCIO_PID}`);
-    process.stdout.write('Killed Verdaccio process \u2705\n');
-  }
-}
-
-install().then(() => {
-  console.log('Done with preparing the project.');
-  process.exit();
-});
diff --git a/scripts/validate-android-device-env.sh b/scripts/validate-android-device-env.sh
deleted file mode 100755
index 4a52a81cd182e0..00000000000000
--- a/scripts/validate-android-device-env.sh
+++ /dev/null
@@ -1,38 +0,0 @@
-#!/bin/bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# This script validates that the Android environment is set up to run
-# tests on a device or emulator (as opposed to a plain Java environment).
-
-# This requires that the Android NDK is set up correctly and it also
-# requires that you are currently either running an emulator or have
-# an Android device plugged in.
-
-if [ -z "$ANDROID_NDK" ]; then
-  echo "Error: \$ANDROID_NDK is not configured."
-  echo "You must first install the Android NDK and then set \$ANDROID_NDK."
-  echo "If you already installed the Android SDK, well, the NDK is a different thing that you also need to install."
-  echo "See https://reactnative.dev/contributing/how-to-build-from-source for instructions."
-  exit 1
-fi
-
-if [ -z "$(adb get-state)" ]; then
-  echo "Error: you must either run an emulator or connect a device."
-  echo "You can check what devices are running with 'adb get-state'."
-  echo "You can run scripts/run-android-emulator.sh to get a known-good emulator config."
-  exit 1
-fi
-
-while :
-do
-    BOOTANIM=$(adb -e shell getprop init.svc.bootanim)
-    # shellcheck disable=SC2143
-    if [[ -n $(echo "$BOOTANIM" | grep stopped) ]]; then
-        break
-    fi
-    echo "Waiting for the emulator to finish booting..."
-    sleep 3
-done
diff --git a/scripts/validate-android-sdk.sh b/scripts/validate-android-sdk.sh
deleted file mode 100755
index 681a049d665f41..00000000000000
--- a/scripts/validate-android-sdk.sh
+++ /dev/null
@@ -1,54 +0,0 @@
-#!/bin/bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# This script validates that the Android SDK is installed correctly.
-# This means setting ANDROID_HOME and adding its subdirectories to PATH.
-# If the Android SDK is not installed correctly, this script exits
-# with an error and a helpful message is printed.
-
-if [ -z "$ANDROID_HOME" ]; then
-  echo "Error: \$ANDROID_HOME is not configured."
-  echo "You must first install the Android SDK and then set \$ANDROID_HOME."
-  echo "If you already installed the Android SDK, the problem is that you need to export ANDROID_HOME from your .bashrc or equivalent."
-  echo "See https://reactnative.dev/docs/getting-started for instructions."
-  exit 1
-fi
-
-if [ ! -d "$ANDROID_HOME" ]; then
-  echo "Error: \$ANDROID_HOME = $ANDROID_HOME but that directory does not exist."
-  echo "It is possible that you installed then uninstalled the Android SDK."
-  echo "In that case, you should reinstall it."
-  echo "See https://reactnative.dev/docs/getting-started for instructions."
-  exit 1
-fi
-
-if [ ! -e "$ANDROID_HOME/tools/emulator" ]; then
-  echo "Error: could not find an emulator at \$ANDROID_HOME/tools/emulator."
-  echo "Specifically, $ANDROID_HOME/tools/emulator does not exist."
-  echo "This indicates something is broken with your Android SDK install."
-  echo "One possibility is that you have \$ANDROID_HOME set to the wrong value."
-  echo "If that seems correct, you might want to try reinstalling the Android SDK."
-  echo "See https://reactnative.dev/docs/getting-started for instructions."
-  exit 1
-fi
-
-if [ -z `which emulator` ]; then
-  echo "Error: could not find 'emulator'. Specifically, 'which emulator' was empty."
-  echo "However, the emulator seems to be installed at \$ANDROID_HOME/tools/emulator already."
-  echo "This means that the problem is that you are not adding \$ANDROID_HOME/tools to your \$PATH."
-  echo "You should do that, and then rerun this command."
-  echo "Sorry for not fixing this automatically - we just didn't want to mess with your \$PATH automatically because that can break things."
-  exit 1
-fi
-
-if [ -z `which adb` ]; then
-  echo "Error: could not find 'adb'. Specifically, 'which adb' was empty."
-  echo "This indicates something is broken with your Android SDK install."
-  echo "The most likely problem is that you are not adding \$ANDROID_HOME/platform-tools to your \$PATH."
-  echo "If all else fails, try reinstalling the Android SDK."
-  echo "See https://reactnative.dev/docs/getting-started for instructions."
-  exit 1
-fi
diff --git a/scripts/validate-android-test-env.sh b/scripts/validate-android-test-env.sh
deleted file mode 100755
index 2b68bb74397705..00000000000000
--- a/scripts/validate-android-test-env.sh
+++ /dev/null
@@ -1,117 +0,0 @@
-#!/bin/bash
-# Copyright (c) Meta Platforms, Inc. and affiliates.
-#
-# This source code is licensed under the MIT license found in the
-# LICENSE file in the root directory of this source tree.
-
-# This script validates that Android is set up correctly for the
-# testing environment.
-#
-# In particular, the config in ReactAndroid/build.gradle must match
-# the android sdk that is actually installed. Also, we must have the
-# right version of Java.
-
-# Check that Buck is working.
-if [ -z "$(which buck)" ]; then
-  echo "You need to install Buck."
-  echo "See https://buckbuild.com/setup/getting_started.html for instructions."
-  exit 1
-fi
-
-if [ -z "$(buck --version)" ]; then
-  echo "Your Buck install is broken."
-
-  if [ -d "/opt/facebook" ]; then
-    BUCK_SUGGESTED_COMMIT_FB="b9b76a3a5a086eb440a26d1db9b0731875975099"
-    echo "FB laptops ship with a Buck config that is not compatible with open "
-    echo "source. FB Buck requires the environment to set a buck version, but "
-    echo "the open source version of Buck forbids that."
-    echo
-    echo "You can try setting:"
-    echo
-    echo "export BUCKVERSION=${BUCK_SUGGESTED_COMMIT_FB}"
-    echo
-    echo "in your .bashrc or .bash_profile to fix this."
-    echo
-    echo "If you don't want to alter BUCKVERSION for other things running on"
-    echo "your machine, you can just scope it to a single script, for example"
-    echo "by running something like:"
-    echo
-    echo "BUCKVERSION=${BUCK_SUGGESTED_COMMIT_FB} $0"
-    echo
-  else
-    echo "I don't know what's wrong, but calling 'buck --version' should work."
-  fi
-  exit 1
-else
-  BUCK_EXPECTED_VERSION="buck version d743d2d0229852ce7c029ec257532d8916f6b2b7"
-  if [ "$(buck --version)" != "$BUCK_EXPECTED_VERSION" ]; then
-    if [ ! -d "/opt/facebook" ]; then
-      echo "Warning: The test suite expects ${BUCK_EXPECTED_VERSION} to be installed"
-    fi
-  fi
-fi
-
-# MAJOR is something like "23"
-MAJOR=`grep compileSdkVersion $(dirname $0)/../ReactAndroid/build.gradle | sed 's/[^[:digit:]]//g'`
-
-# Check that we have the right major version of the Android SDK.
-PLATFORM_DIR="$ANDROID_HOME/platforms/android-$MAJOR"
-if [ ! -e "$PLATFORM_DIR" ]; then
-  echo "Error: could not find version $ANDROID_VERSION of the Android SDK."
-  echo "Specifically, the directory $PLATFORM_DIR does not exist."
-  echo "You probably need to specify the right version using the SDK Manager from within Android Studio."
-  echo "See https://reactnative.dev/docs/getting-started.html for details."
-  echo "If you are using Android SDK Tools from the command line, you may need to run:"
-  echo
-  echo "  sdkmanager \"platform-tools\" \"platform-tools;android-$MAJOR\""
-  echo
-  echo "Check out https://developer.android.com/studio/command-line/sdkmanager.html for details."
-  exit 1
-fi
-
-# Check that we have the right version of the build tools.
-BT_DIR="$ANDROID_HOME/build-tools/$ANDROID_SDK_BUILD_TOOLS_REVISION"
-if [ ! -e "$BT_DIR" ]; then
-  echo "Error: could not find version $ANDROID_SDK_BUILD_TOOLS_REVISION of the Android build tools."
-  echo "Specifically, the directory $BT_DIR does not exist."
-  echo "You probably need to explicitly install the correct version of the Android SDK Build Tools from within Android Studio."
-  echo "See https://reactnative.dev/docs/getting-started.html for details."
-  echo "If you are using Android SDK Tools from the command line, you may need to run:"
-  echo
-  echo "  sdkmanager \"platform-tools\" \"build-tools;android-$ANDROID_SDK_BUILD_TOOLS_REVISION\""
-  echo
-  echo "Check out https://developer.android.com/studio/command-line/sdkmanager.html for details."
-  exit 1
-fi
-
-if [ -n "$(which csrutil)" ]; then
-  # This is a SIP-protected machine (recent OSX).
-  # Check that we are not using SIP-protected Java.
-  JAVA=`which java`
-  if [ "$JAVA" = "/usr/bin/java" ]; then
-    echo "Error: we can't use this Java version."
-    echo "Currently, Java runs from $JAVA."
-    echo "The operating-system-provided Java doesn't work with React Native because of SIP protection."
-    echo "Please install the Oracle Java Development Kit 8."
-    if [ -d "/opt/facebook" ]; then
-      echo "See https://our.intern.facebook.com/intern/dex/installing-java-8/ for instructions on installing Java 8 on FB laptops."
-    else
-      echo "Check out http://www.oracle.com/technetwork/java/javase/downloads/jdk8-downloads-2133151.html ."
-      echo "Be sure that you set JAVA_HOME and PATH correctly in your .bashrc or equivalent. Example:"
-      echo
-      echo "  export JAVA_HOME=path/to/java"
-      echo "  export PATH=\$PATH:\$JAVA_HOME/bin"
-      echo
-    fi
-    echo "After installing Java, run 'buck kill' and 'buck clean'."
-    exit 1
-  fi
-fi
-
-if [ -z "$JAVA_HOME" ]; then
-  echo "Error: \$JAVA_HOME is not configured."
-  echo "Try adding export JAVA_HOME=\$(/usr/libexec/java_home) to your .bashrc or equivalent."
-  echo "You will also want to add \$JAVA_HOME/bin to your path."
-  exit 1
-fi
diff --git a/scripts/versiontemplates/RCTVersion.m.template b/scripts/versiontemplates/RCTVersion.m.template
deleted file mode 100644
index f79d3fae1d8477..00000000000000
--- a/scripts/versiontemplates/RCTVersion.m.template
+++ /dev/null
@@ -1,31 +0,0 @@
-/**
- * @generated by scripts/set-rn-version.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-#import "RCTVersion.h"
-
-NSString* const RCTVersionMajor = @"major";
-NSString* const RCTVersionMinor = @"minor";
-NSString* const RCTVersionPatch = @"patch";
-NSString* const RCTVersionPrerelease = @"prerelease";
-
-
-NSDictionary* RCTGetReactNativeVersion(void)
-{
-  static NSDictionary* __rnVersion;
-  static dispatch_once_t onceToken;
-  dispatch_once(&onceToken, ^(void){
-    __rnVersion = @{
-                  RCTVersionMajor: ${major},
-                  RCTVersionMinor: ${minor},
-                  RCTVersionPatch: ${patch},
-                  RCTVersionPrerelease: ${prerelease},
-                  };
-  });
-  return __rnVersion;
-}
diff --git a/scripts/versiontemplates/ReactNativeVersion.h.template b/scripts/versiontemplates/ReactNativeVersion.h.template
deleted file mode 100644
index 884df9f3fd044a..00000000000000
--- a/scripts/versiontemplates/ReactNativeVersion.h.template
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- *
- * @generated by scripts/set-rn-version.js
- */
-
-#pragma once
-
-#include <cstdint>
-#include <string_view>
-
-namespace facebook::react {
-
-constexpr struct {
-  int32_t Major = ${major};
-  int32_t Minor = ${minor};
-  int32_t Patch = ${patch};
-  std::string_view Prerelease = ${prerelease};
-} ReactNativeVersion;
-
-} // namespace facebook::react
diff --git a/scripts/versiontemplates/ReactNativeVersion.java.template b/scripts/versiontemplates/ReactNativeVersion.java.template
deleted file mode 100644
index 860764317f139f..00000000000000
--- a/scripts/versiontemplates/ReactNativeVersion.java.template
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * @generated by scripts/set-rn-version.js
- *
- * Copyright (c) Meta Platforms, Inc. and affiliates.
- *
- * This source code is licensed under the MIT license found in the
- * LICENSE file in the root directory of this source tree.
- */
-
-package com.facebook.react.modules.systeminfo;
-
-import com.facebook.react.common.MapBuilder;
-
-import java.util.Map;
-
-public class ReactNativeVersion {
-  public static final Map<String, Object> VERSION = MapBuilder.<String, Object>of(
-      "major", ${major},
-      "minor", ${minor},
-      "patch", ${patch},
-      "prerelease", ${prerelease});
-}
diff --git a/settings.gradle.kts b/settings.gradle.kts
index 7bc7703c70ac7c..21064d004c9efe 100644
--- a/settings.gradle.kts
+++ b/settings.gradle.kts
@@ -15,7 +15,6 @@ pluginManagement {
 
 include(
     ":packages:react-native:ReactAndroid",
-    ":packages:react-native:ReactAndroid:flipper-integration",
     ":packages:react-native:ReactAndroid:hermes-engine",
     ":packages:react-native:ReactAndroid:external-artifacts",
     ":packages:rn-tester:android:app")
diff --git a/tools/__tests__/no-dependencies-in-root-package-test.js b/tools/__tests__/no-dependencies-in-root-package-test.js
index e659e76ca0a492..12a1109e1f9a4b 100644
--- a/tools/__tests__/no-dependencies-in-root-package-test.js
+++ b/tools/__tests__/no-dependencies-in-root-package-test.js
@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import path from 'path';
 import fs from 'fs';
+import path from 'path';
 
 const CURRENT_DIR = __dirname;
 const PATH_TO_ROOT_PACKAGE_MANIFEST = path.join(
diff --git a/tools/__tests__/no-dev-dependencies-in-react-native-package-test.js b/tools/__tests__/no-dev-dependencies-in-react-native-package-test.js
index 22e9d28ecfd3bb..024e5d4356290e 100644
--- a/tools/__tests__/no-dev-dependencies-in-react-native-package-test.js
+++ b/tools/__tests__/no-dev-dependencies-in-react-native-package-test.js
@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import path from 'path';
 import fs from 'fs';
+import path from 'path';
 
 const CURRENT_DIR = __dirname;
 const PATH_TO_REACT_NATIVE_PACKAGE_MANIFEST = path.join(
diff --git a/tools/__tests__/no-dev-dependencies-in-tester-package.js b/tools/__tests__/no-dev-dependencies-in-tester-package.js
index aa6d1188121d96..709bc9236c075a 100644
--- a/tools/__tests__/no-dev-dependencies-in-tester-package.js
+++ b/tools/__tests__/no-dev-dependencies-in-tester-package.js
@@ -5,11 +5,11 @@
  * LICENSE file in the root directory of this source tree.
  *
  * @format
- * @flow
+ * @flow strict-local
  */
 
-import path from 'path';
 import fs from 'fs';
+import path from 'path';
 
 const CURRENT_DIR = __dirname;
 const PATH_TO_TESTER_PACKAGE_MANIFEST = path.join(
diff --git a/tools/eslint/rules/sort-imports.js b/tools/eslint/rules/sort-imports.js
index 0c3c2f50e080e9..8ec863be99e445 100644
--- a/tools/eslint/rules/sort-imports.js
+++ b/tools/eslint/rules/sort-imports.js
@@ -6,7 +6,7 @@
  *
  * To regenerate this file, please run this command on Meta's monorepo:
  * @codegen-command : xplat/js/tools/sort-imports/scripts/build.sh
- * @generated SignedSource<<7b94a136bcb0a75c0ed8a3e4fea96e2b>>
+ * @generated SignedSource<<6c792011c5b05c29bcd8d3a5506694d4>>
  * @nolint
  */
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function t(e){var t=e.default;if("function"==typeof t){var n=function(){return t.apply(this,arguments)};n.prototype=t.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(e).forEach((function(t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})})),n}const n=e(require("path")).default,r=__dirname.split(n.sep).includes("xplat");function i(e){if(("Literal"===e.type||"JSXText"===e.type)&&"string"==typeof e.value)return e.value;if("BinaryExpression"===e.type&&"+"===e.operator){const t=i(e.left),n=i(e.right);if(null!=t&&null!=n)return t+n}return null}function o(e){if("Identifier"===e.type)return e.name;if("ThisExpression"===e.type)return"this";if("MemberExpression"===e.type){const t=o(e.object),n=e.computed?i(e.property):o(e.property);if(null!=t&&null!=n)return t+"."+n}else if("TypeCastExpression"===e.type)return o(e.expression);return null}function a(e){return e.callee?o(e.callee):null}function l(e,t,n){const r=e.getSourceCode().getText(),i=function(e,t){if(t.line<1)throw new RangeError("Line number "+t.line+" is before the start of file");const n=/\r\n|\r|\n|\u2028|\u2029/g;let r={index:0};for(let i=1;i<t.line;++i)if(r=n.exec(e),null==r)throw new RangeError("Line number "+t.line+" is past the end of file");if(null==r)throw new RangeError("Line number "+t.line+" is past the end of file");return r.index+(r[0]||"").length}(r,t)+t.column+n;return function(e,t){if(t<0)throw new RangeError("computed offset "+t+" is a negative index");if(t>=e.length)throw new RangeError("computed offset "+t+" is past the end of file");const n=/\r\n|\r|\n|\u2028|\u2029/g;let r,i={index:0},o=0;do{r=i,i=n.exec(e),++o}while(i&&i.index<t);return{line:o,column:t-r.index-(r[0]||"").length}}(r,i)}function s(e,t){let n;return e.variables.some((function(e){return!(!e.defs.length||e.name!==t)&&(n=e,!0)})),n||(null==e.upper?null:s(e.upper,t))}const u=e=>"string"==typeof e&&e.charCodeAt(0)>=97,c=e=>"string"==typeof e&&e.charCodeAt(0)<=90;function p(e){return null!=e&&"VariableDeclaration"===e.type&&"Program"===e.parent.type&&1===e.declarations.length&&null!=e.declarations[0].init&&m(e.declarations[0].init)}function f(e){return null!=e&&"VariableDeclarator"===e.type&&"VariableDeclaration"===e.parent.type&&"Program"===e.parent.parent.type&&1===e.parent.declarations.length&&m(e.init)}function m(e){return null!=e&&(d(e)||y(e)||h(e))}function g(e){return null!=e&&"CallExpression"===e.type&&e.callee&&"Identifier"===e.callee.type&&"requireNUX"===e.callee.name&&2===e.arguments.length&&"Literal"===e.arguments[0].type}function d(e){return"CallExpression"===e.type&&e.callee&&"Identifier"===e.callee.type&&"require"===e.callee.name&&1===e.arguments.length&&"Literal"===e.arguments[0].type}function y(e){return"CallExpression"===e.type&&"Identifier"===e.callee.type&&"requireDeferred"===e.callee.name&&1===e.arguments.length&&"Literal"===e.arguments[0].type&&"string"==typeof e.arguments[0].value}function h(e){return"CallExpression"===e.type&&"Identifier"===e.callee.type&&"requireDeferredForDisplay"===e.callee.name&&1===e.arguments.length&&"Literal"===e.arguments[0].type&&"string"==typeof e.arguments[0].value}function x(e){return"ImportDeclaration"===e.type&&(null==e.importKind||"value"===e.importKind)}function b(e){return"ImportDeclaration"===e.type&&("type"===e.importKind||"typeof"===e.importKind)}function C(e){return x(e)||b(e)}function S(e){return null!=e&&"CallExpression"===e.type&&e.callee&&"Identifier"===e.callee.type&&"JSResource"===e.callee.name&&1===e.arguments.length&&"Literal"===e.arguments[0].type}function v(e){return null!=e&&"CallExpression"===e.type&&e.callee&&"Identifier"===e.callee.type&&"JSResourceForInteraction"===e.callee.name&&2===e.arguments.length&&"Literal"===e.arguments[0].type}function E(e){return null!=e&&"CallExpression"===e.type&&"Identifier"===e.callee.type&&"ClientJSResource"===e.callee.name&&1===e.arguments.length&&"Literal"===e.arguments[0].type&&"string"==typeof e.arguments[0].value}function I(e){if(null==e||"CallExpression"!==e.type||null==e.callee)return!1;let t;return"Identifier"===e.callee.type&&(t=e.callee),"MemberExpression"===e.callee.type&&"Identifier"===e.callee.object.type&&(t=e.callee.object),null!=t&&"requireCond"===t.name&&e.arguments.length>0}function T(e){return 0===e.indexOf("m#")?e.substring(2):e}function R(e,t,n=1){return"CallExpression"!==e.type||e.arguments.length!==n||null!=t&&"string"==typeof t&&a(e)!==t||"Literal"!==e.arguments[0].type||"string"!=typeof e.arguments[0].value?null:T(e.arguments[0].value)}function D(e,t,n){const r=e.arguments;return I(e)?3!==r.length?null:(null==t||r[0]&&"Literal"===r[0].type&&r[0].value===t)&&(null==n||r[1]&&"Literal"===r[1].type&&r[1].value===n)?r[2]&&"ObjectExpression"===r[2].type?r[2].properties.reduce(((e,t)=>{if("Property"===t.type&&"Literal"===t.value.type){let n;if("Identifier"===t.key.type)n=t.key.name;else{if("Literal"!==t.key.type)return e;n=String(t.key.value)}e[n]="string"==typeof t.value.value?T(t.value.value):null}return e}),{}):r[2]&&"Literal"===r[2].type&&"string"==typeof r[2].value?T(r[2].value):null:null:null}function w(e){return R(e,"JSResource")}function N(e){return null==e?null:m(e)?"string"!=typeof e.arguments[0].value?null:T(e.arguments[0].value):null}function q(e,t){const n=e.getSourceCode().ast.body.find((e=>"VariableDeclaration"===e.type&&1===e.declarations.length&&"VariableDeclarator"===e.declarations[0].type&&null!=e.declarations[0].init&&N(e.declarations[0].init)===t));return n||null}function k(e){let t=e;for(;"TypeCastExpression"===t.type;)t=t.expression;return t}function L(e){if("value"!==e.importKind)return!0;return e.specifiers.every((e=>"ImportSpecifier"===e.type&&("type"===e.importKind||"typeof"===e.importKind)))}function O(e,t){const n=e.getSourceCode().ast.body.find((e=>"ImportDeclaration"===e.type&&e.source.value===t&&!L(e)));return n||null}var P={asAnyKindOfRequireCall:function(e){return m(e)?e:null},asAnyKindOfRequireVariableDeclaration:function(e){return p(e)?e:null},asAnyKindOfRequireVariableDeclarator:function(e){return f(e)?e:null},getAnyRequiredModuleName:function(e,t=Object.freeze({})){const n=N(e)||w(e)||function(e){return R(e,"JSResourceForInteraction",2)}(e)||function(e){if(!g(e))return null;if(2!==e.arguments.length)return null;if("string"!=typeof e.arguments[1].value)return null;return T(e.arguments[1].value)}(e);return null!=n?n:D(e,t.condType,t.condition)},getBaseNode:function(e){let t=e;for(;"MemberExpression"===t.type;)t=t.object;return t},getBinding:s,getBootloadedModuleNames:function(e){return"ExpressionStatement"===e.type&&e.expression&&"CallExpression"===e.expression.type&&e.expression.callee&&"MemberExpression"===e.expression.callee.type&&e.expression.callee.object&&"Bootloader"===e.expression.callee.object.name&&e.expression.callee.property&&"loadModules"===e.expression.callee.property.name&&e.expression.arguments.length>0&&"ArrayExpression"===e.expression.arguments[0].type&&e.expression.arguments[0].elements.length>0?e.expression.arguments[0].elements.map((e=>"Literal"===e.type&&"string"==typeof e.value?e.value:null)).filter(Boolean):null},getCalleeName:a,getConstantStringExpression:i,getCurrentClassName:function(e){const t=e.getAncestors().find((e=>"ClassDeclaration"===e.type));return t&&"ClassDeclaration"===t.type&&null!=t.id?t.id.name:null},getEnglishForNth:function(e){return["first","second","third","fourth","fifth","sixth"][e]},getFullyQualifiedIdentifier:o,getJSResourceModuleName:w,getJSXMemberOrNamespaceRoot:function(e){let t=e;for(;"JSXIdentifier"!==t.type;)if("JSXMemberExpression"===t.type)t=t.object;else{if("JSXNamespacedName"!==t.type)throw new Error("unexpected "+t.type);t=t.namespace}return t},getLocOffset:function(e,t,n){return l(e,t.loc.start,n)},getLocOffsetOfLoc:l,getName:function(e){const t=k(e);return"Identifier"===t.type?t.name:"Literal"===t.type?String(t.value):null},getObjectPropertyName:function(e){if("Property"!==e.type&&"PropertyDefinition"!==e.type&&"MethodDefinition"!==e.type)return null;const t=e.key;return"Identifier"!==t.type||e.computed?function(e){switch(e.type){case"Literal":switch(e.literalType){case"bigint":return e.bigint;case"null":return"null";case"regexp":return`/${e.regex.pattern}/${e.regex.flags}`;default:return String(e.value)}case"TemplateLiteral":if(0===e.expressions.length&&1===e.quasis.length)return e.quasis[0].value.cooked}return null}(t):t.name},getParamComments:function(e,t){return t.params.map((function(t){const n=e.getSourceCode().getCommentsBefore(t);return n[n.length-1]}))},getPropertyName:function(e){return"MemberExpression"!==e.type?null:e.computed?i(e.property):"Identifier"!==e.property.type?null:e.property.name},getPropTokens:function(e,t){const n=e.getSourceCode().getTokens(t),r=[];return n.forEach(((e,t,n)=>{"JSXIdentifier"===e.type&&"Punctuator"===n[t+1].type&&"="===n[t+1].value&&r.push(e)})),r},getRequireCondModules:D,getRequireModuleName:N,getRequireModuleNode:q,getReturnComment:function(e,t){return e.getSourceCode().getCommentsBefore(t.body)[0]},getValueImportNode:O,hasValueImport:function(e){return e.getSourceCode().ast.body.some((e=>"ImportDeclaration"===e.type&&!L(e)))},getVariable:function(e,t){let n=t;for(;n;){const t=n.set.get(e);if(t)return t;n=n.upper}return null},insertRequireStatement:function(e,t,n,r=""){if(""===n)throw new Error("Name must be a string with length larger than 0");const i=`const ${n} = require('${n}${r}');`,o=[];e.getSourceCode().ast.body.forEach((e=>{if("VariableDeclaration"===e.type&&1===e.declarations.length&&"VariableDeclarator"===e.declarations[0].type&&e.declarations[0].init){const t=N(e.declarations[0].init);null!=t&&o.push({name:t,node:e})}}));const a=o.find((e=>e.name>=n));if(a){if(a.name.replace(r,"")===n)return[];const e=o[0];if(u(a.name)&&c(n)){if(e!==a){const e=a.node.range[0];return[t.removeRange([e-1,e-1]),t.insertTextBefore(a.node,i+"\n\n")]}return[t.insertTextBefore(a.node,i+"\n\n")]}return[t.insertTextBefore(a.node,i+"\n")]}if(o.length>0){const e=o[o.length-1],r=c(e.name)&&u(n)?"\n":"";return[t.insertTextAfter(e.node,"\n"+i+r)]}{const n=e.getSourceCode().ast.body,r=n[0];return"ExpressionStatement"===r.type&&"Literal"===r.expression.type&&"use strict"===r.expression.value?[t.insertTextBefore(n[1],i+"\n")]:[t.insertTextBefore(n[0],i+"\n")]}},insertValueImportStatement:function(e,t,n,r=""){if(""===n)throw new Error("Name must be a string with length larger than 0");const i=`import ${n} from '${n}${r}';`,o=[];e.getSourceCode().ast.body.forEach((e=>{if(x(e)){const t=function(e){if(m(e))return"string"!=typeof e.arguments[0].value?null:T(e.arguments[0].value);if(C(e))return e.source.value;return null}(e);null!=t&&o.push({name:t,node:e})}}));const a=o.find((e=>e.name>=n));if(a){if(a.name.replace(r,"")===n)return[];const e=o[0];if(u(a.name)&&c(n)){if(e!==a){const e=a.node.range[0];return[t.removeRange([e-1,e-1]),t.insertTextBefore(a.node,i+"\n\n")]}return[t.insertTextBefore(a.node,i+"\n\n")]}return[t.insertTextBefore(a.node,i+"\n")]}if(o.length>0){const e=o[o.length-1],r=c(e.name)&&u(n)?"\n":"";return[t.insertTextAfter(e.node,"\n"+i+r)]}{const n=e.getSourceCode().ast.body,r=n[0];return"ExpressionStatement"===r.type&&"Literal"===r.expression.type&&"use strict"===r.expression.value?[t.insertTextBefore(n[1],i+"\n")]:[t.insertTextBefore(n[0],i+"\n")]}},isAnyKindOfImport:C,isAnyKindOfModuleCall:function(e){return m(e)||I(e)||S(e)||v(e)||E(e)||g(e)},isAnyKindOfRequireCall:m,isAnyKindOfRequireVariableDeclaration:p,isAnyKindOfRequireVariableDeclarator:f,isClientJSResource:E,isFbSourceRepo:r,isGraphQLTemplate:function(e){return"Identifier"===e.tag.type&&"graphql"===e.tag.name&&1===e.quasi.quasis.length},isInsideMethod:function(e,t){return e.getAncestors().some((e=>"MethodDefinition"===e.type&&"Identifier"===e.key.type&&e.key.name===t))},isJSResource:S,isJSResourceForInteraction:v,isModuleRef:function(e){return"Literal"===e.type&&"string"==typeof e.value&&e.value.startsWith("m#")},isOnlyTypeImport:L,isOnlyTypeExport:function(e){return"type"===e.exportKind},isReferenced:function(e){const t=e.parent;switch(t.type){case"MemberExpression":case"JSXMemberExpression":return t.property===e&&!0===t.computed||t.object===e;case"MetaProperty":case"ImportDefaultSpecifier":case"ImportNamespaceSpecifier":case"ImportSpecifier":case"LabeledStatement":case"RestElement":case"ObjectPattern":case"ArrayPattern":return!1;case"Property":case"MethodDefinition":return t.key===e&&t.computed;case"VariableDeclarator":case"ClassDeclaration":case"ClassExpression":return t.id!==e;case"ArrowFunctionExpression":case"FunctionDeclaration":case"FunctionExpression":for(let n=0;n<t.params.length;n++)if(t.params[n]===e)return!1;return"ArrowFunctionExpression"!==t.type&&t.id!==e;case"ExportSpecifier":return("ExportNamedDeclaration"!==t.parent.type||!t.parent.source)&&t.local===e;case"JSXAttribute":return t.name!==e;case"PropertyDefinition":return t.value===e;case"CatchClause":return t.param!==e;case"AssignmentExpression":case"AssignmentPattern":return t.right===e}return!0},isRequire:d,isRequireCond:I,isRequireDeferred:y,isRequireDeferredForDisplay:h,isTestOrExample:function(e){const t=e.getFilename();return null!=t.match(/\/__tests__\//)||null!=t.match(/\.react\.example\.js/)},isFlowTypeFile:function(e){return null!=e.getFilename().match(/\.js\.flow$/)},isThisExpression:function(e){return"ThisExpression"===k(e).type},isTypeImportDeclaration:b,isValueImportDeclaration:x,removeRequireStatement:function(e,t,n,r=""){const i=q(e,`${n}${r}`);if(i){const[e,n]=i.range;return[t.removeRange([e,n]),t.removeRange([n,n+1])]}return[]},removeValueImportStatement:function(e,t,n,r=""){const i=O(e,`${n}${r}`);if(i){const[e,n]=i.range;return[t.removeRange([e,n]),t.removeRange([n,n+1])]}return[]},replaceValueImportStatement:function(e,t,n,r="",i,o=""){const a=O(e,`${n}${r}`);return a?[t.replaceText(a,`import ${i} from '${i}${o}';`)]:[]},resolveVariable:function(e,t){const n=s(e.getScope(),t.name);if(null==n)return null;const r=n.defs[0];if(null!=r&&"FunctionName"===r.type)return r.node;const i=n.references.find((e=>e.writeExpr));return null!=i?i.writeExpr:null},stripModuleRef:T,uncast:k};var j=t(Object.freeze({__proto__:null,isCommaOrSemiToken:function(e){return"Punctuator"===e.type&&(","===e.value||";"===e.value)}}));const{isCommaOrSemiToken:B}=j;var F={getInlineComments:function(e,t,n=B){const r=e.ast.comments.filter((e=>e.loc.start.line===t.loc.end.line&&e.range[0]>t.range[1])).sort(((e,t)=>e.range[0]-t.range[0])),i=[];let o=t;for(const t of r){const r=e.getTokensBetween(o,t);if(r.length>0){if(!n)break;if(!r.every(n))break}i.push(t),o=t}return i},getLeadingComments:function(e,t,n){const r=e.getCommentsBefore(t),i=[];let o=t;for(let t=r.length-1;t>=0;t-=1){const a=r[t];if(a===n)break;if(a.loc.end.line===o.loc.start.line){i.unshift(a),o=a;continue}if(a.loc.end.line!==o.loc.start.line-1)break;const l=e.getTokenBefore(a);if(l&&l.loc.end.line===a.loc.start.line)break;i.unshift(a),o=a}return i}};var M=function(e){return e.getSourceCode().ast.docblock?.comment};const{getInlineComments:A,getLeadingComments:V}=F,{isCommaOrSemiToken:$}=j;function K(e){return"@"===e[0]||":"===e[0]}const J=/\d{1,3}(\.\d+)?%/;function _(e){switch(typeof e){case"number":return{isSafeNumericString:!0,isPercentage:!1};case"boolean":return{isSafeNumericString:!1,isPercentage:!1}}return isNaN(e)||isNaN(parseFloat(e))?J.test(e)?{isSafeNumericString:!0,isPercentage:!0}:{isSafeNumericString:!1,isPercentage:!1}:{isSafeNumericString:!0,isPercentage:!1}}function X(e){return e.reduce((([e,t],[n,r])=>[Math.min(e,n),Math.max(t,r)]),[Number.MAX_SAFE_INTEGER,0])}var U={compareNames:function(e,t,n=!1){if("number"==typeof e&&"number"==typeof t)return e-t;const r=String(e),i=String(t);if(""===r&&""!==i)return-1;if(""!==r&&""===i)return 1;if(""===r&&""===i)return 0;const{isSafeNumericString:o,isPercentage:a}=_(r),{isSafeNumericString:l,isPercentage:s}=_(i);if(o&&l){const e=Number.parseFloat(r),t=Number.parseFloat(i);if(e===t){if(!a&&s)return-1;if(a&&!s)return 1}return e-t}if(n){const e=K(r),t=K(i);if(!e&&t)return-1;if(e&&!t)return 1}const u=o||r[0].toLowerCase()===r[0].toUpperCase(),c=l||i[0].toLowerCase()===i[0].toUpperCase();if(!u&&c)return 1;if(u&&!c)return-1;if(!u&&!c){const e=r[0].toLowerCase()===r[0],t=i[0].toLowerCase()===i[0];if(!e&&t)return-1;if(e&&!t)return 1}return r.localeCompare(i,"en",{caseFirst:"upper",sensitivity:"base"})},getEncompassingRange:X,getNodeTextWithComments:function(e,t,n,{shouldIncludeNextTokenInRange:r=$,ensureTextFollowsNode:i,inlineCommentIgnoreToken:o}={}){const a=A(e,t,o),l=[...V(e,t,n).map((({range:e})=>e)),t.range,...a.map((({range:e})=>e))],s=e.getTokenAfter(t);s&&!0===r?.(s)&&l.push(s.range);const u=X(l);let c=e.text.slice(u[0],u[1]);const p=t.range[1]-u[0];if(null!=i){e.getTokenAfter(t)?.value!==i&&(c=c.slice(0,p)+i+c.slice(p))}return{range:u,text:c}},isComma:function(e){return"Punctuator"===e.type&&","===e.value}};const z=P,{getInlineComments:G,getLeadingComments:Q}=F,W=M,{compareNames:H}=U,Y=0,Z={default:1,namespace:2,named:3},ee={default:4,namespace:5,named:6},te={default:7,namespace:8,named:9},ne=0,re=1,ie=2,oe=3,ae=99;var le={meta:{fixable:"code",messages:{incorrectOrder:"Requires should be sorted alphabetically"}},create(e){const t=e.getSourceCode(),n=function(e){const t=W(e);if(null!=t)return t;const n=e.getSourceCode().ast,r=n.body.length>0?n.body[0]:n,i=e.getSourceCode().getCommentsBefore(r)[0];return i&&"Block"===i.type?i:null}(e);if(n&&(n.value.includes("* @generated")||n.value.includes("* @partially-generated")))return{};const r=Object.freeze({typeImport:{priority:10,uppercase:[],lowercase:[],tiebreakFunction:s},valueImport:{priority:20,uppercase:[],lowercase:[],tiebreakFunction:s},requiresUsedByOtherRequires:{priority:30,uppercase:[],lowercase:[],tiebreakFunction:u},require:{priority:40,uppercase:[],lowercase:[],tiebreakFunction:u}}),i=[];let o=null,a=null;const l=new Set;return{Program(n){for(const e of n.body)switch(e.type){case"ImportDeclaration":if("type"===e.importKind||"typeof"===e.importKind)g(r.typeImport,e,e.source.value,!0);else{const n=t.getLastToken(e.source,(e=>"from"===e.value));0===e.specifiers.length&&null==n?d(e):g(r.valueImport,e,e.source.value)}break;case"VariableDeclaration":{const t=e.declarations[0]?.init;if(1!==e.declarations.length||null==t){d(e);break}f(t,e);break}default:d(e)}const s=[];for(const e of Object.keys(r)){const t=r[e];s.push({priority:t.priority,nodes:t.uppercase.sort(((e,n)=>c(e,n,t.tiebreakFunction)))}),s.push({priority:t.priority+5,nodes:t.lowercase.sort(((e,n)=>c(e,n,t.tiebreakFunction)))})}function u(e){return[e.leadingComments.length?e.leadingComments.map((e=>t.getText(e))).join("\n")+"\n":"",e.inlineComments.length?" "+e.inlineComments.map((e=>t.getText(e))).join(" "):""]}const p=s.filter((e=>0!==e.nodes.length)).sort(((e,t)=>e.priority-t.priority)).map((e=>e.nodes.map((e=>{const[n,r]=u(e),i=function(e,t){const n=t.node,r=e.getText(n),i=(()=>{if("ImportDeclaration"===n.type&&null!=n.specifiers.find((e=>"ImportSpecifier"===e.type))){const t=e.getFirstToken(n,(e=>"Punctuator"===e.type&&"{"===e.value)),r=e.getFirstToken(n,(e=>"Punctuator"===e.type&&"}"===e.value));return null==t||null==r?null:e.getText().substring(t.range[0],r.range[1])}if("VariableDeclaration"===n.type&&"ObjectPattern"===n.declarations[0].id.type){const t=n.declarations[0].id.typeAnnotation,r=e.getText(n.declarations[0].id);return t?r.substr(0,t.range[0]-n.declarations[0].id.range[0]):r}return null})();if(null==i)return r;let o=[],a=null;"ImportDeclaration"===n.type?o=n.specifiers.map((t=>"ImportDefaultSpecifier"===t.type||"ImportNamespaceSpecifier"===t.type?null:{leadingComments:e.getCommentsBefore(t),name:t.imported.name,node:t})).filter(Boolean):"VariableDeclaration"===n.type&&"ObjectPattern"===n.declarations[0].id.type&&(o=n.declarations[0].id.properties.map((t=>{if("ExperimentalRestProperty"===t.type||"RestElement"===t.type)return a=t,null;const n=t.key,r="Literal"===n.type?String(n.value):"Identifier"===n.type?t.computed?null:n.name:null;return null==r?null:{leadingComments:e.getCommentsBefore(t),name:r,node:t}})).filter(Boolean));if(o.length<=1)return r;const l=i.indexOf("\n")>=0,s=o.sort(((e,t)=>H(e.name,t.name))).map((e=>e.node));null!=a&&s.push(a);const u=s.map((t=>{const n=e.getCommentsBefore(t).map((t=>e.getText(t))),r=n.length?n.join(""):"";return l?(r?"  "+r+"\n":"")+"  "+e.getText(t):(r?r+" ":"")+e.getText(t)})),c=(()=>{const t=[];if("ImportDeclaration"===n.type){if(t.push(...e.getCommentsBefore(n.source)),l&&null!=n.specifiers.find((e=>"ImportSpecifier"===e.type))){const r=e.getTokenBefore(n.source,(e=>"Punctuator"===e.type&&"}"===e.value));null!=r&&t.push(...e.getCommentsBefore(r))}}else if("VariableDeclaration"===n.type&&"ObjectPattern"===n.declarations[0].id.type){const r=e.getLastToken(n.declarations[0].id);null!=r&&t.push(...e.getCommentsBefore(r))}return t})(),p=l&&c.length?c.map((t=>"  "+e.getText(t))).join("\n")+"\n":"",f=l?"\n"+u.map((e=>e.includes("...")?`${e}\n`:`${e},\n`)).join("")+p:u.join(", ");return r.replace(i,(()=>`{${f}}`))}(t,e);return n+i+r})).join("\n"))).join("\n\n"),m=o;if(null==m||null==a)return;const y=m.leadingComments.length?m.leadingComments[0].range[0]:m.node.range[0],h=a.inlineComments.length>0?a.inlineComments[a.inlineComments.length-1].range[1]:a.node.range[1];t.getText(m.node,m.node.range[0]-y,h-m.node.range[1])!==p&&e.report({node:m.node,messageId:"incorrectOrder",fix(e){const n=i.filter((({node:e})=>e.range[0]>=y&&e.range[1]<=h)).map((e=>{const[n,r]=u(e),i=t.getText(e.node);return{range:e.node.range,text:n+i+r}})).flat().concat(t.getAllComments().filter((e=>e.range[0]>=y&&e.range[1]<=h&&!l.has(e))).map((e=>({range:e.range,text:t.getText(e)})))).sort(((e,t)=>e.range[0]-t.range[0]||e.range[1]-t.range[1])).map((({text:e})=>e)).join("\n");return e.replaceTextRange([y,h],[p,n].filter(Boolean).join("\n\n"))}})}};function s(e){if(0===e.specifiers.length)return Y;const t=(()=>{switch(e.importKind){default:case"value":return Z;case"type":return ee;case"typeof":return te}})();return e.specifiers.find((e=>"ImportDefaultSpecifier"===e.type))?t.default:e.specifiers.find((e=>"ImportNamespaceSpecifier"===e.type))?t.namespace:t.named}function u(e){if("ExpressionStatement"===e.type)return ne;switch(e.declarations[0].id.type){case"Identifier":return re;case"ObjectPattern":return ie;case"ArrayPattern":return oe}return ae}function c(e,t,n){const r=H(e.moduleName,t.moduleName);if(0!==r)return r;const i=n(e.node)-n(t.node);return 0!==i?i:e.node.loc.start.line-t.node.loc.start.line}function p(e,t){if(null==e)throw new Error("Missing required module name");return null!=t?`${e}_${t}`:e}function f(e,n,i){const o=z.getRequireModuleName(e);if(z.isRequire(e)){const e=p(o,i);g("requireCond"===e||"requireDeferred"===e||"requireDeferredForDisplay"===e?r.requiresUsedByOtherRequires:r.require,n,p(o,i))}else if(z.isRequireDeferred(e)||z.isRequireDeferredForDisplay(e))g(r.require,n,p(o,i));else{if(z.isRequireCond(e)){if("VariableDeclaration"===n.type){const e=t.getText(n.declarations[0].id);return void g(r.require,n,p(e,i))}}else{if("MemberExpression"===e.type)return void f(e.object,n,p(t.getText(e.property),i));if("CallExpression"===e.type)return void f(e.callee,n,i)}d(n)}}function m(e){e.leadingComments.forEach((e=>l.add(e))),e.inlineComments.forEach((e=>l.add(e)));t.getCommentsInside(e.node).forEach((e=>l.add(e)))}function g(e,r,i,l=!1){const s={inlineComments:G(t,r),leadingComments:Q(t,r,n),moduleName:i,node:r};if(l)e.uppercase.push(s);else{const t=i[0]||"";t.toLowerCase()===t?e.lowercase.push(s):e.uppercase.push(s)}null==o&&(o=s),a=s,m(s)}function d(e){const r={inlineComments:G(t,e),leadingComments:Q(t,e,n),node:e};i.push(r),m(r)}}};const se=le;var ue={...se,create:e=>e.getSourceCode().getText().includes("@generated SignedSource<<")?{}:se.create(e)};module.exports=ue;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function t(e){var t=e.default;if("function"==typeof t){var n=function(){return t.apply(this,arguments)};n.prototype=t.prototype}else n={};return Object.defineProperty(n,"__esModule",{value:!0}),Object.keys(e).forEach((function(t){var r=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(n,t,r.get?r:{enumerable:!0,get:function(){return e[t]}})})),n}const n=e(require("path")).default,r=__dirname.split(n.sep).includes("xplat");function i(e){if(("Literal"===e.type||"JSXText"===e.type)&&"string"==typeof e.value)return e.value;if("BinaryExpression"===e.type&&"+"===e.operator){const t=i(e.left),n=i(e.right);if(null!=t&&null!=n)return t+n}return null}function o(e){if("Identifier"===e.type)return e.name;if("ThisExpression"===e.type)return"this";if("MemberExpression"===e.type){const t=o(e.object),n=e.computed?i(e.property):o(e.property);if(null!=t&&null!=n)return t+"."+n}else if("TypeCastExpression"===e.type||"AsExpression"===e.type)return o(e.expression);return null}function a(e){return e.callee?o(e.callee):null}function l(e,t,n){const r=e.getSourceCode().getText(),i=function(e,t){if(t.line<1)throw new RangeError("Line number "+t.line+" is before the start of file");const n=/\r\n|\r|\n|\u2028|\u2029/g;let r={index:0};for(let i=1;i<t.line;++i)if(r=n.exec(e),null==r)throw new RangeError("Line number "+t.line+" is past the end of file");if(null==r)throw new RangeError("Line number "+t.line+" is past the end of file");return r.index+(r[0]||"").length}(r,t)+t.column+n;return function(e,t){if(t<0)throw new RangeError("computed offset "+t+" is a negative index");if(t>=e.length)throw new RangeError("computed offset "+t+" is past the end of file");const n=/\r\n|\r|\n|\u2028|\u2029/g;let r,i={index:0},o=0;do{r=i,i=n.exec(e),++o}while(i&&i.index<t);return{line:o,column:t-r.index-(r[0]||"").length}}(r,i)}function s(e,t){let n;return e.variables.some((function(e){return!(!e.defs.length||e.name!==t)&&(n=e,!0)})),n||(null==e.upper?null:s(e.upper,t))}const u=e=>"string"==typeof e&&e.charCodeAt(0)>=97,c=e=>"string"==typeof e&&e.charCodeAt(0)<=90;function p(e){return null!=e&&"VariableDeclaration"===e.type&&"Program"===e.parent.type&&1===e.declarations.length&&null!=e.declarations[0].init&&m(e.declarations[0].init)}function f(e){return null!=e&&"VariableDeclarator"===e.type&&"VariableDeclaration"===e.parent.type&&"Program"===e.parent.parent.type&&1===e.parent.declarations.length&&m(e.init)}function m(e){return null!=e&&(d(e)||y(e)||h(e))}function g(e){return null!=e&&"CallExpression"===e.type&&e.callee&&"Identifier"===e.callee.type&&"requireNUX"===e.callee.name&&2===e.arguments.length&&"Literal"===e.arguments[0].type}function d(e){return"CallExpression"===e.type&&e.callee&&"Identifier"===e.callee.type&&"require"===e.callee.name&&1===e.arguments.length&&"Literal"===e.arguments[0].type}function y(e){return"CallExpression"===e.type&&"Identifier"===e.callee.type&&"requireDeferred"===e.callee.name&&1===e.arguments.length&&"Literal"===e.arguments[0].type&&"string"==typeof e.arguments[0].value}function h(e){return"CallExpression"===e.type&&"Identifier"===e.callee.type&&"requireDeferredForDisplay"===e.callee.name&&1===e.arguments.length&&"Literal"===e.arguments[0].type&&"string"==typeof e.arguments[0].value}function x(e){return"ImportDeclaration"===e.type&&(null==e.importKind||"value"===e.importKind)}function b(e){return"ImportDeclaration"===e.type&&("type"===e.importKind||"typeof"===e.importKind)}function C(e){return x(e)||b(e)}function S(e){return null!=e&&"CallExpression"===e.type&&e.callee&&"Identifier"===e.callee.type&&"JSResource"===e.callee.name&&1===e.arguments.length&&"Literal"===e.arguments[0].type}function v(e){return null!=e&&"CallExpression"===e.type&&e.callee&&"Identifier"===e.callee.type&&"JSResourceForInteraction"===e.callee.name&&2===e.arguments.length&&"Literal"===e.arguments[0].type}function E(e){return null!=e&&"CallExpression"===e.type&&"Identifier"===e.callee.type&&"ClientJSResource"===e.callee.name&&1===e.arguments.length&&"Literal"===e.arguments[0].type&&"string"==typeof e.arguments[0].value}function I(e){if(null==e||"CallExpression"!==e.type||null==e.callee)return!1;let t;return"Identifier"===e.callee.type&&(t=e.callee),"MemberExpression"===e.callee.type&&"Identifier"===e.callee.object.type&&(t=e.callee.object),null!=t&&"requireCond"===t.name&&e.arguments.length>0}function T(e){return 0===e.indexOf("m#")?e.substring(2):e}function D(e,t,n=1){return"CallExpression"!==e.type||e.arguments.length!==n||null!=t&&"string"==typeof t&&a(e)!==t||"Literal"!==e.arguments[0].type||"string"!=typeof e.arguments[0].value?null:T(e.arguments[0].value)}function R(e,t,n){const r=e.arguments;return I(e)?3!==r.length?null:(null==t||r[0]&&"Literal"===r[0].type&&r[0].value===t)&&(null==n||r[1]&&"Literal"===r[1].type&&r[1].value===n)?r[2]&&"ObjectExpression"===r[2].type?r[2].properties.reduce(((e,t)=>{if("Property"===t.type&&"Literal"===t.value.type){let n;if("Identifier"===t.key.type)n=t.key.name;else{if("Literal"!==t.key.type)return e;n=String(t.key.value)}e[n]="string"==typeof t.value.value?T(t.value.value):null}return e}),{}):r[2]&&"Literal"===r[2].type&&"string"==typeof r[2].value?T(r[2].value):null:null:null}function w(e){return D(e,"JSResource")}function N(e){return D(e,"JSResourceForInteraction",2)}function q(e){return null==e?null:m(e)?"string"!=typeof e.arguments[0].value?null:T(e.arguments[0].value):null}function k(e){return g(e)?2!==e.arguments.length||"string"!=typeof e.arguments[1].value?null:T(e.arguments[1].value):null}function L(e,t){const n=e.getSourceCode().ast.body.find((e=>"VariableDeclaration"===e.type&&1===e.declarations.length&&"VariableDeclarator"===e.declarations[0].type&&null!=e.declarations[0].init&&q(e.declarations[0].init)===t));return n||null}function O(e){let t=e;for(;"TypeCastExpression"===t.type||"AsExpression"===t.type;)t=t.expression;return t}function P(e){if("value"!==e.importKind)return!0;return e.specifiers.every((e=>"ImportSpecifier"===e.type&&("type"===e.importKind||"typeof"===e.importKind)))}function j(e,t){const n=e.getSourceCode().ast.body.find((e=>"ImportDeclaration"===e.type&&e.source.value===t&&!P(e)));return n||null}var B={asAnyKindOfRequireCall:function(e){return m(e)?e:null},asAnyKindOfRequireVariableDeclaration:function(e){return p(e)?e:null},asAnyKindOfRequireVariableDeclarator:function(e){return f(e)?e:null},getAnyRequiredModuleName:function(e,t=Object.freeze({})){const n=q(e)||w(e)||N(e)||k(e);return null!=n?n:R(e,t.condType,t.condition)},getBaseNode:function(e){let t=e;for(;"MemberExpression"===t.type;)t=t.object;return t},getBinding:s,getBootloadedModuleNames:function(e){return"ExpressionStatement"===e.type&&e.expression&&"CallExpression"===e.expression.type&&e.expression.callee&&"MemberExpression"===e.expression.callee.type&&e.expression.callee.object&&"Bootloader"===e.expression.callee.object.name&&e.expression.callee.property&&"loadModules"===e.expression.callee.property.name&&e.expression.arguments.length>0&&"ArrayExpression"===e.expression.arguments[0].type&&e.expression.arguments[0].elements.length>0?e.expression.arguments[0].elements.map((e=>"Literal"===e.type&&"string"==typeof e.value?e.value:null)).filter(Boolean):null},getCalleeName:a,getConstantStringExpression:i,getCurrentClassName:function(e){const t=e.getAncestors().find((e=>"ClassDeclaration"===e.type));return t&&"ClassDeclaration"===t.type&&null!=t.id?t.id.name:null},getEnglishForNth:function(e){return["first","second","third","fourth","fifth","sixth"][e]},getFullyQualifiedIdentifier:o,getJSResourceModuleName:w,getJSXMemberOrNamespaceRoot:function(e){let t=e;for(;"JSXIdentifier"!==t.type;)if("JSXMemberExpression"===t.type)t=t.object;else{if("JSXNamespacedName"!==t.type)throw new Error("unexpected "+t.type);t=t.namespace}return t},getLocOffset:function(e,t,n){return l(e,t.loc.start,n)},getLocOffsetOfLoc:l,getName:function(e){const t=O(e);return"Identifier"===t.type?t.name:"Literal"===t.type?String(t.value):null},getObjectPropertyName:function(e){if("Property"!==e.type&&"PropertyDefinition"!==e.type&&"MethodDefinition"!==e.type)return null;const t=e.key;return"Identifier"!==t.type||e.computed?function(e){switch(e.type){case"Literal":switch(e.literalType){case"bigint":return e.bigint;case"null":return"null";case"regexp":return`/${e.regex.pattern}/${e.regex.flags}`;default:return String(e.value)}case"TemplateLiteral":if(0===e.expressions.length&&1===e.quasis.length)return e.quasis[0].value.cooked}return null}(t):t.name},getParamComments:function(e,t){return t.params.map((function(t){const n=e.getSourceCode().getCommentsBefore(t);return n[n.length-1]}))},getPropertyName:function(e){return"MemberExpression"!==e.type?null:e.computed?i(e.property):"Identifier"!==e.property.type?null:e.property.name},getPropTokens:function(e,t){const n=e.getSourceCode().getTokens(t),r=[];return n.forEach(((e,t,n)=>{"JSXIdentifier"===e.type&&"Punctuator"===n[t+1].type&&"="===n[t+1].value&&r.push(e)})),r},getRequireCondModules:R,getRequireModuleName:q,getRequireModuleNode:L,getReturnComment:function(e,t){return e.getSourceCode().getCommentsBefore(t.body)[0]},getValueImportNode:j,getValueImportVariables:function(e,t){const n=[];for(const r of e.getSourceCode().ast.body)"ImportDeclaration"!==r.type||r.source.value!==t||P(r)||r.specifiers.filter((e=>{null!=e.importKind&&"value"!==e.importKind||n.push(e.local.name)}));return n},hasValueImport:function(e){return e.getSourceCode().ast.body.some((e=>"ImportDeclaration"===e.type&&!P(e)))},getVariable:function(e,t){let n=t;for(;n;){const t=n.set.get(e);if(t)return t;n=n.upper}return null},insertRequireStatement:function(e,t,n,r=""){if(""===n)throw new Error("Name must be a string with length larger than 0");const i=`const ${n} = require('${n}${r}');`,o=[];e.getSourceCode().ast.body.forEach((e=>{if("VariableDeclaration"===e.type&&1===e.declarations.length&&"VariableDeclarator"===e.declarations[0].type&&e.declarations[0].init){const t=q(e.declarations[0].init);null!=t&&o.push({name:t,node:e})}}));const a=o.find((e=>e.name>=n));if(a){if(a.name.replace(r,"")===n)return[];const e=o[0];if(u(a.name)&&c(n)){if(e!==a){const e=a.node.range[0];return[t.removeRange([e-1,e-1]),t.insertTextBefore(a.node,i+"\n\n")]}return[t.insertTextBefore(a.node,i+"\n\n")]}return[t.insertTextBefore(a.node,i+"\n")]}if(o.length>0){const e=o[o.length-1],r=c(e.name)&&u(n)?"\n":"";return[t.insertTextAfter(e.node,"\n"+i+r)]}{const n=e.getSourceCode().ast.body,r=n[0];return"ExpressionStatement"===r.type&&"Literal"===r.expression.type&&"use strict"===r.expression.value?[t.insertTextBefore(n[1],i+"\n")]:[t.insertTextBefore(n[0],i+"\n")]}},insertValueImportStatement:function(e,t,n,r="",i){if(""===n)throw new Error("Name must be a string with length larger than 0");const o=`import ${i??n} from '${n}${r}';`,a=[];e.getSourceCode().ast.body.forEach((e=>{if(x(e)){const t=function(e){if(m(e))return"string"!=typeof e.arguments[0].value?null:T(e.arguments[0].value);if(C(e))return e.source.value;return null}(e);null!=t&&a.push({name:t,node:e})}}));const l=a.find((e=>e.name>=n));if(l){if(l.name.replace(r,"")===n)return[];const e=a[0];if(u(l.name)&&c(n)){if(e!==l){const e=l.node.range[0];return[t.removeRange([e-1,e-1]),t.insertTextBefore(l.node,o+"\n\n")]}return[t.insertTextBefore(l.node,o+"\n\n")]}return[t.insertTextBefore(l.node,o+"\n")]}if(a.length>0){const e=a[a.length-1],r=c(e.name)&&u(n)?"\n":"";return[t.insertTextAfter(e.node,"\n"+o+r)]}{const n=e.getSourceCode().ast.body,r=n[0];return"ExpressionStatement"===r.type&&"Literal"===r.expression.type&&"use strict"===r.expression.value?[t.insertTextBefore(n[1],o+"\n")]:[t.insertTextBefore(n[0],o+"\n")]}},isAnyKindOfImport:C,isAnyKindOfModuleCall:function(e){return m(e)||I(e)||S(e)||v(e)||E(e)||g(e)},isAnyKindOfRequireCall:m,isAnyKindOfRequireVariableDeclaration:p,isAnyKindOfRequireVariableDeclarator:f,isClientJSResource:E,isFbSourceRepo:r,isGraphQLTemplate:function(e){return"Identifier"===e.tag.type&&"graphql"===e.tag.name&&1===e.quasi.quasis.length},isInsideMethod:function(e,t){return e.getAncestors().some((e=>"MethodDefinition"===e.type&&"Identifier"===e.key.type&&e.key.name===t))},isJSResource:S,isJSResourceForInteraction:v,isModuleRef:function(e){return"Literal"===e.type&&"string"==typeof e.value&&e.value.startsWith("m#")},isOnlyTypeImport:P,isOnlyTypeExport:function(e){return"type"===e.exportKind},isReferenced:function(e){const t=e.parent;switch(t.type){case"MemberExpression":case"JSXMemberExpression":return t.property===e&&!0===t.computed||t.object===e;case"MetaProperty":case"ImportDefaultSpecifier":case"ImportNamespaceSpecifier":case"ImportSpecifier":case"LabeledStatement":case"RestElement":case"ObjectPattern":case"ArrayPattern":return!1;case"Property":case"MethodDefinition":return t.key===e&&t.computed;case"VariableDeclarator":case"ClassDeclaration":case"ClassExpression":return t.id!==e;case"ArrowFunctionExpression":case"FunctionDeclaration":case"FunctionExpression":for(let n=0;n<t.params.length;n++)if(t.params[n]===e)return!1;return"ArrowFunctionExpression"!==t.type&&t.id!==e;case"ComponentDeclaration":for(let n=0;n<t.params.length;n++)if(t.params[n].local===e)return!1;return t.id!==e;case"ExportSpecifier":return("ExportNamedDeclaration"!==t.parent.type||!t.parent.source)&&t.local===e;case"JSXAttribute":return t.name!==e;case"PropertyDefinition":return t.value===e;case"CatchClause":return t.param!==e;case"AssignmentExpression":case"AssignmentPattern":return t.right===e}return!0},isRequire:d,isRequireCond:I,isRequireDeferred:y,isRequireDeferredForDisplay:h,isTestOrExample:function(e){const t=e.getFilename();return null!=t.match(/\/__tests__\//)||null!=t.match(/\.react\.example\.js/)},isFlowTypeFile:function(e){return null!=e.getFilename().match(/\.js\.flow$/)},isThisExpression:function(e){return"ThisExpression"===O(e).type},isTypeImportDeclaration:b,isValueImportDeclaration:x,removeRequireStatement:function(e,t,n,r=""){const i=L(e,`${n}${r}`);if(i){const[e,n]=i.range;return[t.removeRange([e,n]),t.removeRange([n,n+1])]}return[]},removeValueImportStatement:function(e,t,n,r=""){const i=j(e,`${n}${r}`);if(i){const[e,n]=i.range;return[t.removeRange([e,n]),t.removeRange([n,n+1])]}return[]},replaceValueImportStatement:function(e,t,n,r="",i,o=""){const a=j(e,`${n}${r}`);return a?[t.replaceText(a,`import ${i} from '${i}${o}';`)]:[]},resolveVariable:function(e,t){const n=s(e.getScope(),t.name);if(null==n)return null;const r=n.defs[0];if(null!=r&&"FunctionName"===r.type)return r.node;const i=n.references.find((e=>e.writeExpr));return null!=i?i.writeExpr:null},resolveModuleSource:function(e,t){const n=s(e.getScope(),t);if(null==n)return null;const r=n.defs[0];switch(r.node.type){case"VariableDeclarator":{const e=r.node.init;if(null!=e)return q(e)||w(e)||N(e)||k(e);break}case"ImportNamespaceSpecifier":case"ImportSpecifier":case"ImportDefaultSpecifier":return r.node.parent.source.value}return null},stripModuleRef:T,uncast:O};var F=t(Object.freeze({__proto__:null,isCommaOrSemiToken:function(e){return"Punctuator"===e.type&&(","===e.value||";"===e.value)}}));const{isCommaOrSemiToken:M}=F;var A={getInlineComments:function(e,t,n=M){const r=e.ast.comments.filter((e=>e.loc.start.line===t.loc.end.line&&e.range[0]>t.range[1])).sort(((e,t)=>e.range[0]-t.range[0])),i=[];let o=t;for(const t of r){const r=e.getTokensBetween(o,t);if(r.length>0){if(!n)break;if(!r.every(n))break}i.push(t),o=t}return i},getLeadingComments:function(e,t,n){const r=e.getCommentsBefore(t),i=[];let o=t;for(let t=r.length-1;t>=0;t-=1){const a=r[t];if(a===n)break;if(a.loc.end.line===o.loc.start.line){i.unshift(a),o=a;continue}if(a.loc.end.line!==o.loc.start.line-1)break;const l=e.getTokenBefore(a);if(l&&l.loc.end.line===a.loc.start.line)break;i.unshift(a),o=a}return i}};var V=function(e){return e.getSourceCode().ast.docblock?.comment};const{getInlineComments:$,getLeadingComments:K}=A,{isCommaOrSemiToken:J}=F;function _(e){return"@"===e[0]||":"===e[0]}const X=/\d{1,3}(\.\d+)?%/;function U(e){switch(typeof e){case"number":return{isSafeNumericString:!0,isPercentage:!1};case"boolean":return{isSafeNumericString:!1,isPercentage:!1}}return isNaN(e)||isNaN(parseFloat(e))?X.test(e)?{isSafeNumericString:!0,isPercentage:!0}:{isSafeNumericString:!1,isPercentage:!1}:{isSafeNumericString:!0,isPercentage:!1}}function z(e){return e.reduce((([e,t],[n,r])=>[Math.min(e,n),Math.max(t,r)]),[Number.MAX_SAFE_INTEGER,0])}var G={compareNames:function(e,t,n=!1){if("number"==typeof e&&"number"==typeof t)return e-t;const r=String(e),i=String(t);if(""===r&&""!==i)return-1;if(""!==r&&""===i)return 1;if(""===r&&""===i)return 0;const{isSafeNumericString:o,isPercentage:a}=U(r),{isSafeNumericString:l,isPercentage:s}=U(i);if(o&&l){const e=Number.parseFloat(r),t=Number.parseFloat(i);if(e===t){if(!a&&s)return-1;if(a&&!s)return 1}return e-t}if(n){const e=_(r),t=_(i);if(!e&&t)return-1;if(e&&!t)return 1}const u=o||r[0].toLowerCase()===r[0].toUpperCase(),c=l||i[0].toLowerCase()===i[0].toUpperCase();if(!u&&c)return 1;if(u&&!c)return-1;if(!u&&!c){const e=r[0].toLowerCase()===r[0],t=i[0].toLowerCase()===i[0];if(!e&&t)return-1;if(e&&!t)return 1}return r.localeCompare(i,"en",{caseFirst:"upper",sensitivity:"base"})},getEncompassingRange:z,getNodeTextWithComments:function(e,t,n,{shouldIncludeNextTokenInRange:r=J,ensureTextFollowsNode:i,inlineCommentIgnoreToken:o}={}){const a=$(e,t,o),l=[...K(e,t,n).map((({range:e})=>e)),t.range,...a.map((({range:e})=>e))],s=e.getTokenAfter(t);s&&!0===r?.(s)&&l.push(s.range);const u=z(l);let c=e.text.slice(u[0],u[1]);const p=t.range[1]-u[0];if(null!=i){e.getTokenAfter(t)?.value!==i&&(c=c.slice(0,p)+i+c.slice(p))}return{range:u,text:c}},isComma:function(e){return"Punctuator"===e.type&&","===e.value}};const Q=B,{getInlineComments:W,getLeadingComments:H}=A,Y=V,{compareNames:Z}=G,ee=0,te={default:1,namespace:2,named:3},ne={default:4,namespace:5,named:6},re={default:7,namespace:8,named:9},ie=0,oe=1,ae=2,le=3,se=99;var ue={meta:{fixable:"code",messages:{incorrectOrder:"Requires should be sorted alphabetically"}},create(e){const t=e.getSourceCode(),n=function(e){const t=Y(e);if(null!=t)return t;const n=e.getSourceCode().ast,r=n.body.length>0?n.body[0]:n,i=e.getSourceCode().getCommentsBefore(r)[0];return i&&"Block"===i.type?i:null}(e);if(n&&(n.value.includes("* @generated")||n.value.includes("* @partially-generated")))return{};const r=Object.freeze({typeImport:{priority:10,uppercase:[],lowercase:[],tiebreakFunction:s},valueImport:{priority:20,uppercase:[],lowercase:[],tiebreakFunction:s},requiresUsedByOtherRequires:{priority:30,uppercase:[],lowercase:[],tiebreakFunction:u},require:{priority:40,uppercase:[],lowercase:[],tiebreakFunction:u}}),i=[];let o=null,a=null;const l=new Set;return{Program(n){for(const e of n.body)switch(e.type){case"ImportDeclaration":if("type"===e.importKind||"typeof"===e.importKind)g(r.typeImport,e,e.source.value,!0);else{const n=t.getLastToken(e.source,(e=>"from"===e.value));0===e.specifiers.length&&null==n?d(e):g(r.valueImport,e,e.source.value)}break;case"VariableDeclaration":{const t=e.declarations[0]?.init;if(1!==e.declarations.length||null==t){d(e);break}f(t,e);break}default:d(e)}const s=[];for(const e of Object.keys(r)){const t=r[e];s.push({priority:t.priority,nodes:t.uppercase.sort(((e,n)=>c(e,n,t.tiebreakFunction)))}),s.push({priority:t.priority+5,nodes:t.lowercase.sort(((e,n)=>c(e,n,t.tiebreakFunction)))})}function u(e){return[e.leadingComments.length?e.leadingComments.map((e=>t.getText(e))).join("\n")+"\n":"",e.inlineComments.length?" "+e.inlineComments.map((e=>t.getText(e))).join(" "):""]}const p=s.filter((e=>0!==e.nodes.length)).sort(((e,t)=>e.priority-t.priority)).map((e=>e.nodes.map((e=>{const[n,r]=u(e),i=function(e,t){const n=t.node,r=e.getText(n),i=(()=>{if("ImportDeclaration"===n.type&&null!=n.specifiers.find((e=>"ImportSpecifier"===e.type))){const t=e.getFirstToken(n,(e=>"Punctuator"===e.type&&"{"===e.value)),r=e.getFirstToken(n,(e=>"Punctuator"===e.type&&"}"===e.value));return null==t||null==r?null:e.getText().substring(t.range[0],r.range[1])}if("VariableDeclaration"===n.type&&"ObjectPattern"===n.declarations[0].id.type){const t=n.declarations[0].id.typeAnnotation,r=e.getText(n.declarations[0].id);return t?r.substr(0,t.range[0]-n.declarations[0].id.range[0]):r}return null})();if(null==i)return r;let o=[],a=null;"ImportDeclaration"===n.type?o=n.specifiers.map((t=>"ImportDefaultSpecifier"===t.type||"ImportNamespaceSpecifier"===t.type?null:{leadingComments:e.getCommentsBefore(t),name:t.imported.name,node:t})).filter(Boolean):"VariableDeclaration"===n.type&&"ObjectPattern"===n.declarations[0].id.type&&(o=n.declarations[0].id.properties.map((t=>{if("ExperimentalRestProperty"===t.type||"RestElement"===t.type)return a=t,null;const n=t.key,r="Literal"===n.type?String(n.value):"Identifier"===n.type?t.computed?null:n.name:null;return null==r?null:{leadingComments:e.getCommentsBefore(t),name:r,node:t}})).filter(Boolean));if(o.length<=1)return r;const l=i.indexOf("\n")>=0,s=o.sort(((e,t)=>Z(e.name,t.name))).map((e=>e.node));null!=a&&s.push(a);const u=s.map((t=>{const n=e.getCommentsBefore(t).map((t=>e.getText(t))),r=n.length?n.join(""):"";return l?(r?"  "+r+"\n":"")+"  "+e.getText(t):(r?r+" ":"")+e.getText(t)})),c=(()=>{const t=[];if("ImportDeclaration"===n.type){if(t.push(...e.getCommentsBefore(n.source)),l&&null!=n.specifiers.find((e=>"ImportSpecifier"===e.type))){const r=e.getTokenBefore(n.source,(e=>"Punctuator"===e.type&&"}"===e.value));null!=r&&t.push(...e.getCommentsBefore(r))}}else if("VariableDeclaration"===n.type&&"ObjectPattern"===n.declarations[0].id.type){const r=e.getLastToken(n.declarations[0].id);null!=r&&t.push(...e.getCommentsBefore(r))}return t})(),p=l&&c.length?c.map((t=>"  "+e.getText(t))).join("\n")+"\n":"",f=l?"\n"+u.map((e=>e.includes("...")?`${e}\n`:`${e},\n`)).join("")+p:u.join(", ");return r.replace(i,(()=>`{${f}}`))}(t,e);return n+i+r})).join("\n"))).join("\n\n"),m=o;if(null==m||null==a)return;const y=m.leadingComments.length?m.leadingComments[0].range[0]:m.node.range[0],h=a.inlineComments.length>0?a.inlineComments[a.inlineComments.length-1].range[1]:a.node.range[1];t.getText(m.node,m.node.range[0]-y,h-m.node.range[1])!==p&&e.report({node:m.node,messageId:"incorrectOrder",fix(e){const n=i.filter((({node:e})=>e.range[0]>=y&&e.range[1]<=h)).map((e=>{const[n,r]=u(e),i=t.getText(e.node);return{range:e.node.range,text:n+i+r}})).flat().concat(t.getAllComments().filter((e=>e.range[0]>=y&&e.range[1]<=h&&!l.has(e))).map((e=>({range:e.range,text:t.getText(e)})))).sort(((e,t)=>e.range[0]-t.range[0]||e.range[1]-t.range[1])).map((({text:e})=>e)).join("\n");return e.replaceTextRange([y,h],[p,n].filter(Boolean).join("\n\n"))}})}};function s(e){if(0===e.specifiers.length)return ee;const t=(()=>{switch(e.importKind){default:case"value":return te;case"type":return ne;case"typeof":return re}})();return e.specifiers.find((e=>"ImportDefaultSpecifier"===e.type))?t.default:e.specifiers.find((e=>"ImportNamespaceSpecifier"===e.type))?t.namespace:t.named}function u(e){if("ExpressionStatement"===e.type)return ie;switch(e.declarations[0].id.type){case"Identifier":return oe;case"ObjectPattern":return ae;case"ArrayPattern":return le}return se}function c(e,t,n){const r=Z(e.moduleName,t.moduleName);if(0!==r)return r;const i=n(e.node)-n(t.node);return 0!==i?i:e.node.loc.start.line-t.node.loc.start.line}function p(e,t){if(null==e)throw new Error("Missing required module name");return null!=t?`${e}_${t}`:e}function f(e,n,i){const o=Q.getRequireModuleName(e);if(Q.isRequire(e)){const e=p(o,i);g("requireCond"===e||"requireDeferred"===e||"requireDeferredForDisplay"===e?r.requiresUsedByOtherRequires:r.require,n,p(o,i))}else if(Q.isRequireDeferred(e)||Q.isRequireDeferredForDisplay(e))g(r.require,n,p(o,i));else{if(Q.isRequireCond(e)){if("VariableDeclaration"===n.type){const e=t.getText(n.declarations[0].id);return void g(r.require,n,p(e,i))}}else{if("MemberExpression"===e.type)return void f(e.object,n,p(t.getText(e.property),i));if("CallExpression"===e.type)return void f(e.callee,n,i)}d(n)}}function m(e){e.leadingComments.forEach((e=>l.add(e))),e.inlineComments.forEach((e=>l.add(e)));t.getCommentsInside(e.node).forEach((e=>l.add(e)))}function g(e,r,i,l=!1){const s={inlineComments:W(t,r),leadingComments:H(t,r,n),moduleName:i,node:r};if(l)e.uppercase.push(s);else{const t=i[0]||"";t.toLowerCase()===t?e.lowercase.push(s):e.uppercase.push(s)}null==o&&(o=s),a=s,m(s)}function d(e){const r={inlineComments:W(t,e),leadingComments:H(t,e,n),node:e};i.push(r),m(r)}}};const ce=ue;var pe={...ce,create:e=>e.getSourceCode().getText().includes("@generated SignedSource<<")?{}:ce.create(e)};module.exports=pe;
diff --git a/yarn.lock b/yarn.lock
index 0a7e204d952c63..d67d425178010e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5,31 +5,24 @@ __metadata:
   version: 8
   cacheKey: 10c0
 
-"@aashutoshrathi/word-wrap@npm:^1.2.3":
-  version: 1.2.6
-  resolution: "@aashutoshrathi/word-wrap@npm:1.2.6"
-  checksum: 10c0/53c2b231a61a46792b39a0d43bc4f4f776bb4542aa57ee04930676802e5501282c2fc8aac14e4cd1f1120ff8b52616b6ff5ab539ad30aa2277d726444b71619f
-  languageName: node
-  linkType: hard
-
 "@ampproject/remapping@npm:^2.2.0":
-  version: 2.2.1
-  resolution: "@ampproject/remapping@npm:2.2.1"
+  version: 2.3.0
+  resolution: "@ampproject/remapping@npm:2.3.0"
   dependencies:
-    "@jridgewell/gen-mapping": "npm:^0.3.0"
-    "@jridgewell/trace-mapping": "npm:^0.3.9"
-  checksum: 10c0/92ce5915f8901d8c7cd4f4e6e2fe7b9fd335a29955b400caa52e0e5b12ca3796ada7c2f10e78c9c5b0f9c2539dff0ffea7b19850a56e1487aa083531e1e46d43
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.24"
+  checksum: 10c0/81d63cca5443e0f0c72ae18b544cc28c7c0ec2cea46e7cb888bb0e0f411a1191d0d6b7af798d54e30777d8d1488b2ec0732aac2be342d3d7d3ffd271c6f489ed
   languageName: node
   linkType: hard
 
 "@babel/cli@npm:^7.20.0":
-  version: 7.23.0
-  resolution: "@babel/cli@npm:7.23.0"
+  version: 7.24.8
+  resolution: "@babel/cli@npm:7.24.8"
   dependencies:
-    "@jridgewell/trace-mapping": "npm:^0.3.17"
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
     "@nicolo-ribaudo/chokidar-2": "npm:2.1.8-no-fsevents.3"
     chokidar: "npm:^3.4.0"
-    commander: "npm:^4.0.1"
+    commander: "npm:^6.2.0"
     convert-source-map: "npm:^2.0.0"
     fs-readdir-recursive: "npm:^1.1.0"
     glob: "npm:^7.2.0"
@@ -45,142 +38,141 @@ __metadata:
   bin:
     babel: ./bin/babel.js
     babel-external-helpers: ./bin/babel-external-helpers.js
-  checksum: 10c0/80ebb68216adab239ea2eb73e1dc1eb3a70ee8e1afad2ae8f2b7518119ebd247f776bd7d4ab2cb73c2cf0253e202b6af00e4a5fec79c2733084963901bde3903
+  checksum: 10c0/b7f464ccb00db60aed63d71e980df823900d20c740bc2d9eb36c3abd4b3e2402cc438818382344085ef6603aeea2e6ee19af8f0ecb934966eccf077b87af7c7c
   languageName: node
   linkType: hard
 
-"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.0, @babel/code-frame@npm:^7.22.13":
-  version: 7.22.13
-  resolution: "@babel/code-frame@npm:7.22.13"
+"@babel/code-frame@npm:^7.0.0, @babel/code-frame@npm:^7.12.13, @babel/code-frame@npm:^7.16.0, @babel/code-frame@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/code-frame@npm:7.24.7"
   dependencies:
-    "@babel/highlight": "npm:^7.22.13"
-    chalk: "npm:^2.4.2"
-  checksum: 10c0/f4cc8ae1000265677daf4845083b72f88d00d311adb1a93c94eb4b07bf0ed6828a81ae4ac43ee7d476775000b93a28a9cddec18fbdc5796212d8dcccd5de72bd
+    "@babel/highlight": "npm:^7.24.7"
+    picocolors: "npm:^1.0.0"
+  checksum: 10c0/ab0af539473a9f5aeaac7047e377cb4f4edd255a81d84a76058595f8540784cc3fbe8acf73f1e073981104562490aabfb23008cd66dc677a456a4ed5390fdde6
   languageName: node
   linkType: hard
 
-"@babel/compat-data@npm:^7.20.5, @babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.22.9, @babel/compat-data@npm:^7.23.2":
-  version: 7.23.2
-  resolution: "@babel/compat-data@npm:7.23.2"
-  checksum: 10c0/0397a08c3e491696cc1b12cf0879bf95fc550bfc6ef524d5a9452981aa0e192a958b2246debfb230fa22718fac473cc5a36616f89b1ad6e7e52055732cd374a1
+"@babel/compat-data@npm:^7.20.5, @babel/compat-data@npm:^7.22.6, @babel/compat-data@npm:^7.25.2":
+  version: 7.25.2
+  resolution: "@babel/compat-data@npm:7.25.2"
+  checksum: 10c0/5bf1f14d6e5f0d37c19543e99209ff4a94bb97915e1ce01e5334a144aa08cd56b6e62ece8135dac77e126723d63d4d4b96fc603a12c43b88c28f4b5e070270c5
   languageName: node
   linkType: hard
 
-"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.13.16, @babel/core@npm:^7.20.0":
-  version: 7.23.2
-  resolution: "@babel/core@npm:7.23.2"
+"@babel/core@npm:^7.11.6, @babel/core@npm:^7.12.3, @babel/core@npm:^7.13.16, @babel/core@npm:^7.20.0, @babel/core@npm:^7.23.9":
+  version: 7.25.2
+  resolution: "@babel/core@npm:7.25.2"
   dependencies:
     "@ampproject/remapping": "npm:^2.2.0"
-    "@babel/code-frame": "npm:^7.22.13"
-    "@babel/generator": "npm:^7.23.0"
-    "@babel/helper-compilation-targets": "npm:^7.22.15"
-    "@babel/helper-module-transforms": "npm:^7.23.0"
-    "@babel/helpers": "npm:^7.23.2"
-    "@babel/parser": "npm:^7.23.0"
-    "@babel/template": "npm:^7.22.15"
-    "@babel/traverse": "npm:^7.23.2"
-    "@babel/types": "npm:^7.23.0"
+    "@babel/code-frame": "npm:^7.24.7"
+    "@babel/generator": "npm:^7.25.0"
+    "@babel/helper-compilation-targets": "npm:^7.25.2"
+    "@babel/helper-module-transforms": "npm:^7.25.2"
+    "@babel/helpers": "npm:^7.25.0"
+    "@babel/parser": "npm:^7.25.0"
+    "@babel/template": "npm:^7.25.0"
+    "@babel/traverse": "npm:^7.25.2"
+    "@babel/types": "npm:^7.25.2"
     convert-source-map: "npm:^2.0.0"
     debug: "npm:^4.1.0"
     gensync: "npm:^1.0.0-beta.2"
     json5: "npm:^2.2.3"
     semver: "npm:^6.3.1"
-  checksum: 10c0/14ad6e0a3ac0085dc008e7fb0c8513f0a3e39f2ab883a964a89ef1311338d49cf085c94cb6165c07fdec0fdcc6e865ce4811253c479f9f45ac375226dfe3ad3b
+  checksum: 10c0/a425fa40e73cb72b6464063a57c478bc2de9dbcc19c280f1b55a3d88b35d572e87e8594e7d7b4880331addb6faef641bbeb701b91b41b8806cd4deae5d74f401
   languageName: node
   linkType: hard
 
 "@babel/eslint-parser@npm:^7.20.0":
-  version: 7.22.15
-  resolution: "@babel/eslint-parser@npm:7.22.15"
+  version: 7.25.1
+  resolution: "@babel/eslint-parser@npm:7.25.1"
   dependencies:
     "@nicolo-ribaudo/eslint-scope-5-internals": "npm:5.1.1-v1"
     eslint-visitor-keys: "npm:^2.1.0"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.11.0
-    eslint: ^7.5.0 || ^8.0.0
-  checksum: 10c0/309052677a8d0b01b6633e656ded931646f6e63e6afb44d6739f347bbf5015da0a16390e0126473bd7b5dd23c9d81f83eda266d1af5bf5e1b606795d6bcc8c0b
+    eslint: ^7.5.0 || ^8.0.0 || ^9.0.0
+  checksum: 10c0/9f98351b32edfced9e6308a80ad69af1210d9c9780f19339cb286d0c9be0a9afac80d1df3b3793112e720675ce5b927920b19454d0f48ddf8370d08ab62d0dc2
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.20.0, @babel/generator@npm:^7.23.0, @babel/generator@npm:^7.7.2":
-  version: 7.23.0
-  resolution: "@babel/generator@npm:7.23.0"
+"@babel/generator@npm:^7.20.0, @babel/generator@npm:^7.25.0, @babel/generator@npm:^7.7.2":
+  version: 7.25.0
+  resolution: "@babel/generator@npm:7.25.0"
   dependencies:
-    "@babel/types": "npm:^7.23.0"
-    "@jridgewell/gen-mapping": "npm:^0.3.2"
-    "@jridgewell/trace-mapping": "npm:^0.3.17"
+    "@babel/types": "npm:^7.25.0"
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
     jsesc: "npm:^2.5.1"
-  checksum: 10c0/b7d8727c574119b5ef06e5d5d0d8d939527d51537db4b08273caebb18f3f2b1d4517b874776085e161fd47d28f26b22c08e7f270b64f43b2afd4a60c5936d6cd
+  checksum: 10c0/d0e2dfcdc8bdbb5dded34b705ceebf2e0bc1b06795a1530e64fb6a3ccf313c189db7f60c1616effae48114e1a25adc75855bc4496f3779a396b3377bae718ce7
   languageName: node
   linkType: hard
 
-"@babel/helper-annotate-as-pure@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-annotate-as-pure@npm:7.22.5"
+"@babel/helper-annotate-as-pure@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/helper-annotate-as-pure@npm:7.24.7"
   dependencies:
-    "@babel/types": "npm:^7.22.5"
-  checksum: 10c0/5a80dc364ddda26b334bbbc0f6426cab647381555ef7d0cd32eb284e35b867c012ce6ce7d52a64672ed71383099c99d32765b3d260626527bb0e3470b0f58e45
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10c0/4679f7df4dffd5b3e26083ae65228116c3da34c3fff2c11ae11b259a61baec440f51e30fd236f7a0435b9d471acd93d0bc5a95df8213cbf02b1e083503d81b9a
   languageName: node
   linkType: hard
 
-"@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.22.5":
-  version: 7.22.15
-  resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.22.15"
+"@babel/helper-builder-binary-assignment-operator-visitor@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/helper-builder-binary-assignment-operator-visitor@npm:7.24.7"
   dependencies:
-    "@babel/types": "npm:^7.22.15"
-  checksum: 10c0/2535e3824ca6337f65786bbac98e562f71699f25532cecd196f027d7698b4967a96953d64e36567956658ad1a05ccbdc62d1ba79ee751c79f4f1d2d3ecc2e01c
+    "@babel/traverse": "npm:^7.24.7"
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10c0/0ed84abf848c79fb1cd4c1ddac12c771d32c1904d87fc3087f33cfdeb0c2e0db4e7892b74b407d9d8d0c000044f3645a7391a781f788da8410c290bb123a1f13
   languageName: node
   linkType: hard
 
-"@babel/helper-compilation-targets@npm:^7.20.7, @babel/helper-compilation-targets@npm:^7.22.15, @babel/helper-compilation-targets@npm:^7.22.5, @babel/helper-compilation-targets@npm:^7.22.6":
-  version: 7.22.15
-  resolution: "@babel/helper-compilation-targets@npm:7.22.15"
+"@babel/helper-compilation-targets@npm:^7.20.7, @babel/helper-compilation-targets@npm:^7.22.6, @babel/helper-compilation-targets@npm:^7.24.7, @babel/helper-compilation-targets@npm:^7.24.8, @babel/helper-compilation-targets@npm:^7.25.2":
+  version: 7.25.2
+  resolution: "@babel/helper-compilation-targets@npm:7.25.2"
   dependencies:
-    "@babel/compat-data": "npm:^7.22.9"
-    "@babel/helper-validator-option": "npm:^7.22.15"
-    browserslist: "npm:^4.21.9"
+    "@babel/compat-data": "npm:^7.25.2"
+    "@babel/helper-validator-option": "npm:^7.24.8"
+    browserslist: "npm:^4.23.1"
     lru-cache: "npm:^5.1.1"
     semver: "npm:^6.3.1"
-  checksum: 10c0/45b9286861296e890f674a3abb199efea14a962a27d9b8adeb44970a9fd5c54e73a9e342e8414d2851cf4f98d5994537352fbce7b05ade32e9849bbd327f9ff1
+  checksum: 10c0/de10e986b5322c9f807350467dc845ec59df9e596a5926a3b5edbb4710d8e3b8009d4396690e70b88c3844fe8ec4042d61436dd4b92d1f5f75655cf43ab07e99
   languageName: node
   linkType: hard
 
-"@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.22.11, @babel/helper-create-class-features-plugin@npm:^7.22.15, @babel/helper-create-class-features-plugin@npm:^7.22.5":
-  version: 7.22.15
-  resolution: "@babel/helper-create-class-features-plugin@npm:7.22.15"
+"@babel/helper-create-class-features-plugin@npm:^7.18.6, @babel/helper-create-class-features-plugin@npm:^7.24.7, @babel/helper-create-class-features-plugin@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/helper-create-class-features-plugin@npm:7.25.0"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.22.5"
-    "@babel/helper-environment-visitor": "npm:^7.22.5"
-    "@babel/helper-function-name": "npm:^7.22.5"
-    "@babel/helper-member-expression-to-functions": "npm:^7.22.15"
-    "@babel/helper-optimise-call-expression": "npm:^7.22.5"
-    "@babel/helper-replace-supers": "npm:^7.22.9"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5"
-    "@babel/helper-split-export-declaration": "npm:^7.22.6"
+    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
+    "@babel/helper-member-expression-to-functions": "npm:^7.24.8"
+    "@babel/helper-optimise-call-expression": "npm:^7.24.7"
+    "@babel/helper-replace-supers": "npm:^7.25.0"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
+    "@babel/traverse": "npm:^7.25.0"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/2ae5759fe8845fda99b34f2ba6cd0794fc860213d14c93a87aa9180960252bce621157a79c373b7fbb423b25a55fb0e20eae0d5f8e4ad5ef22dc70e7c2af3805
+  checksum: 10c0/2f8ac36cfeb45d462432acea64c78312cc9180dda7aa9337b77017961e373c323065362d2452f3d6f8bffeb254ff3f7346ac1b25c8ad7b81db813a95924f4053
   languageName: node
   linkType: hard
 
-"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.22.5":
-  version: 7.22.15
-  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.22.15"
+"@babel/helper-create-regexp-features-plugin@npm:^7.18.6, @babel/helper-create-regexp-features-plugin@npm:^7.24.7, @babel/helper-create-regexp-features-plugin@npm:^7.25.0":
+  version: 7.25.2
+  resolution: "@babel/helper-create-regexp-features-plugin@npm:7.25.2"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.22.5"
+    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
     regexpu-core: "npm:^5.3.1"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/8eba4c1b7b94a83e7a82df5c3e504584ff0ba6ab8710a67ecc2c434a7fb841a29c2f5c94d2de51f25446119a1df538fa90b37bd570db22ddd5e7147fe98277c6
+  checksum: 10c0/85a7e3639c118856fb1113f54fb7e3bf7698171ddfd0cd6fccccd5426b3727bc1434fe7f69090441dcde327feef9de917e00d35e47ab820047057518dd675317
   languageName: node
   linkType: hard
 
-"@babel/helper-define-polyfill-provider@npm:^0.4.3":
-  version: 0.4.3
-  resolution: "@babel/helper-define-polyfill-provider@npm:0.4.3"
+"@babel/helper-define-polyfill-provider@npm:^0.6.1, @babel/helper-define-polyfill-provider@npm:^0.6.2":
+  version: 0.6.2
+  resolution: "@babel/helper-define-polyfill-provider@npm:0.6.2"
   dependencies:
     "@babel/helper-compilation-targets": "npm:^7.22.6"
     "@babel/helper-plugin-utils": "npm:^7.22.5"
@@ -189,222 +181,236 @@ __metadata:
     resolve: "npm:^1.14.2"
   peerDependencies:
     "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 10c0/0007035157e0d32ee9cb4ca319b89d6f3705523383efe52a59eb3d4dfa2ed08c5147e49c10a6e6d69c15221d89c76c8e5875475d6710fb44a5c37b8e69388e40
-  languageName: node
-  linkType: hard
-
-"@babel/helper-environment-visitor@npm:^7.18.9, @babel/helper-environment-visitor@npm:^7.22.20, @babel/helper-environment-visitor@npm:^7.22.5":
-  version: 7.22.20
-  resolution: "@babel/helper-environment-visitor@npm:7.22.20"
-  checksum: 10c0/e762c2d8f5d423af89bd7ae9abe35bd4836d2eb401af868a63bbb63220c513c783e25ef001019418560b3fdc6d9a6fb67e6c0b650bcdeb3a2ac44b5c3d2bdd94
-  languageName: node
-  linkType: hard
-
-"@babel/helper-function-name@npm:^7.22.5, @babel/helper-function-name@npm:^7.23.0":
-  version: 7.23.0
-  resolution: "@babel/helper-function-name@npm:7.23.0"
-  dependencies:
-    "@babel/template": "npm:^7.22.15"
-    "@babel/types": "npm:^7.23.0"
-  checksum: 10c0/d771dd1f3222b120518176733c52b7cadac1c256ff49b1889dbbe5e3fed81db855b8cc4e40d949c9d3eae0e795e8229c1c8c24c0e83f27cfa6ee3766696c6428
+  checksum: 10c0/f777fe0ee1e467fdaaac059c39ed203bdc94ef2465fb873316e9e1acfc511a276263724b061e3b0af2f6d7ad3ff174f2bb368fde236a860e0f650fda43d7e022
   languageName: node
   linkType: hard
 
-"@babel/helper-hoist-variables@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-hoist-variables@npm:7.22.5"
+"@babel/helper-environment-visitor@npm:^7.18.9":
+  version: 7.24.7
+  resolution: "@babel/helper-environment-visitor@npm:7.24.7"
   dependencies:
-    "@babel/types": "npm:^7.22.5"
-  checksum: 10c0/60a3077f756a1cd9f14eb89f0037f487d81ede2b7cfe652ea6869cd4ec4c782b0fb1de01b8494b9a2d2050e3d154d7d5ad3be24806790acfb8cbe2073bf1e208
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10c0/36ece78882b5960e2d26abf13cf15ff5689bf7c325b10a2895a74a499e712de0d305f8d78bb382dd3c05cfba7e47ec98fe28aab5674243e0625cd38438dd0b2d
   languageName: node
   linkType: hard
 
-"@babel/helper-member-expression-to-functions@npm:^7.22.15":
-  version: 7.23.0
-  resolution: "@babel/helper-member-expression-to-functions@npm:7.23.0"
+"@babel/helper-member-expression-to-functions@npm:^7.24.8":
+  version: 7.24.8
+  resolution: "@babel/helper-member-expression-to-functions@npm:7.24.8"
   dependencies:
-    "@babel/types": "npm:^7.23.0"
-  checksum: 10c0/b810daddf093ffd0802f1429052349ed9ea08ef7d0c56da34ffbcdecbdafac86f95bdea2fe30e0e0e629febc7dd41b56cb5eacc10d1a44336d37b755dac31fa4
+    "@babel/traverse": "npm:^7.24.8"
+    "@babel/types": "npm:^7.24.8"
+  checksum: 10c0/7e14a5acc91f6cd26305a4441b82eb6f616bd70b096a4d2099a968f16b26d50207eec0b9ebfc466fefd62bd91587ac3be878117cdfec819b7151911183cb0e5a
   languageName: node
   linkType: hard
 
-"@babel/helper-module-imports@npm:^7.22.15, @babel/helper-module-imports@npm:^7.22.5":
-  version: 7.22.15
-  resolution: "@babel/helper-module-imports@npm:7.22.15"
+"@babel/helper-module-imports@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/helper-module-imports@npm:7.24.7"
   dependencies:
-    "@babel/types": "npm:^7.22.15"
-  checksum: 10c0/4e0d7fc36d02c1b8c8b3006dfbfeedf7a367d3334a04934255de5128115ea0bafdeb3e5736a2559917f0653e4e437400d54542da0468e08d3cbc86d3bbfa8f30
+    "@babel/traverse": "npm:^7.24.7"
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10c0/97c57db6c3eeaea31564286e328a9fb52b0313c5cfcc7eee4bc226aebcf0418ea5b6fe78673c0e4a774512ec6c86e309d0f326e99d2b37bfc16a25a032498af0
   languageName: node
   linkType: hard
 
-"@babel/helper-module-transforms@npm:^7.22.5, @babel/helper-module-transforms@npm:^7.23.0":
-  version: 7.23.0
-  resolution: "@babel/helper-module-transforms@npm:7.23.0"
+"@babel/helper-module-transforms@npm:^7.24.7, @babel/helper-module-transforms@npm:^7.24.8, @babel/helper-module-transforms@npm:^7.25.0, @babel/helper-module-transforms@npm:^7.25.2":
+  version: 7.25.2
+  resolution: "@babel/helper-module-transforms@npm:7.25.2"
   dependencies:
-    "@babel/helper-environment-visitor": "npm:^7.22.20"
-    "@babel/helper-module-imports": "npm:^7.22.15"
-    "@babel/helper-simple-access": "npm:^7.22.5"
-    "@babel/helper-split-export-declaration": "npm:^7.22.6"
-    "@babel/helper-validator-identifier": "npm:^7.22.20"
+    "@babel/helper-module-imports": "npm:^7.24.7"
+    "@babel/helper-simple-access": "npm:^7.24.7"
+    "@babel/helper-validator-identifier": "npm:^7.24.7"
+    "@babel/traverse": "npm:^7.25.2"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/15a52e401bd17fe44ba9be51cca693a3e182dc93264dc28ede732081c43211741df81ce8eb15e82e81c8ad51beb8893301ecc31d5c77add0f7be78dff6815318
+  checksum: 10c0/adaa15970ace0aee5934b5a633789b5795b6229c6a9cf3e09a7e80aa33e478675eee807006a862aa9aa517935d81f88a6db8a9f5936e3a2a40ec75f8062bc329
   languageName: node
   linkType: hard
 
-"@babel/helper-optimise-call-expression@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-optimise-call-expression@npm:7.22.5"
+"@babel/helper-optimise-call-expression@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/helper-optimise-call-expression@npm:7.24.7"
   dependencies:
-    "@babel/types": "npm:^7.22.5"
-  checksum: 10c0/31b41a764fc3c585196cf5b776b70cf4705c132e4ce9723f39871f215f2ddbfb2e28a62f9917610f67c8216c1080482b9b05f65dd195dae2a52cef461f2ac7b8
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10c0/ca6a9884705dea5c95a8b3ce132d1e3f2ae951ff74987d400d1d9c215dae9c0f9e29924d8f8e131e116533d182675bc261927be72f6a9a2968eaeeaa51eb1d0f
   languageName: node
   linkType: hard
 
-"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.20.2, @babel/helper-plugin-utils@npm:^7.22.5, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
-  version: 7.22.5
-  resolution: "@babel/helper-plugin-utils@npm:7.22.5"
-  checksum: 10c0/d2c4bfe2fa91058bcdee4f4e57a3f4933aed7af843acfd169cd6179fab8d13c1d636474ecabb2af107dc77462c7e893199aa26632bac1c6d7e025a17cbb9d20d
+"@babel/helper-plugin-utils@npm:^7.0.0, @babel/helper-plugin-utils@npm:^7.10.4, @babel/helper-plugin-utils@npm:^7.12.13, @babel/helper-plugin-utils@npm:^7.14.5, @babel/helper-plugin-utils@npm:^7.18.6, @babel/helper-plugin-utils@npm:^7.18.9, @babel/helper-plugin-utils@npm:^7.20.2, @babel/helper-plugin-utils@npm:^7.22.5, @babel/helper-plugin-utils@npm:^7.24.7, @babel/helper-plugin-utils@npm:^7.24.8, @babel/helper-plugin-utils@npm:^7.8.0, @babel/helper-plugin-utils@npm:^7.8.3":
+  version: 7.24.8
+  resolution: "@babel/helper-plugin-utils@npm:7.24.8"
+  checksum: 10c0/0376037f94a3bfe6b820a39f81220ac04f243eaee7193774b983e956c1750883ff236b30785795abbcda43fac3ece74750566830c2daa4d6e3870bb0dff34c2d
   languageName: node
   linkType: hard
 
-"@babel/helper-remap-async-to-generator@npm:^7.18.9, @babel/helper-remap-async-to-generator@npm:^7.22.20, @babel/helper-remap-async-to-generator@npm:^7.22.5":
-  version: 7.22.20
-  resolution: "@babel/helper-remap-async-to-generator@npm:7.22.20"
+"@babel/helper-remap-async-to-generator@npm:^7.18.9, @babel/helper-remap-async-to-generator@npm:^7.24.7, @babel/helper-remap-async-to-generator@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/helper-remap-async-to-generator@npm:7.25.0"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.22.5"
-    "@babel/helper-environment-visitor": "npm:^7.22.20"
-    "@babel/helper-wrap-function": "npm:^7.22.20"
+    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
+    "@babel/helper-wrap-function": "npm:^7.25.0"
+    "@babel/traverse": "npm:^7.25.0"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/aa93aa74250b636d477e8d863fbe59d4071f8c2654841b7ac608909e480c1cf3ff7d7af5a4038568829ad09d810bb681668cbe497d9c89ba5c352793dc9edf1e
+  checksum: 10c0/0d17b5f7bb6a607edc9cc62fff8056dd9f341bf2f919884f97b99170d143022a5e7ae57922c4891e4fc360ad291e708d2f8cd8989f1d3cd7a17600159984f5a6
   languageName: node
   linkType: hard
 
-"@babel/helper-replace-supers@npm:^7.22.5, @babel/helper-replace-supers@npm:^7.22.9":
-  version: 7.22.20
-  resolution: "@babel/helper-replace-supers@npm:7.22.20"
+"@babel/helper-replace-supers@npm:^7.24.7, @babel/helper-replace-supers@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/helper-replace-supers@npm:7.25.0"
   dependencies:
-    "@babel/helper-environment-visitor": "npm:^7.22.20"
-    "@babel/helper-member-expression-to-functions": "npm:^7.22.15"
-    "@babel/helper-optimise-call-expression": "npm:^7.22.5"
+    "@babel/helper-member-expression-to-functions": "npm:^7.24.8"
+    "@babel/helper-optimise-call-expression": "npm:^7.24.7"
+    "@babel/traverse": "npm:^7.25.0"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/6b0858811ad46873817c90c805015d63300e003c5a85c147a17d9845fa2558a02047c3cc1f07767af59014b2dd0fa75b503e5bc36e917f360e9b67bb6f1e79f4
+  checksum: 10c0/b4b6650ab3d56c39a259367cd97f8df2f21c9cebb3716fea7bca40a150f8847bfb82f481e98927c7c6579b48a977b5a8f77318a1c6aeb497f41ecd6dbc3fdfef
   languageName: node
   linkType: hard
 
-"@babel/helper-simple-access@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-simple-access@npm:7.22.5"
+"@babel/helper-simple-access@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/helper-simple-access@npm:7.24.7"
   dependencies:
-    "@babel/types": "npm:^7.22.5"
-  checksum: 10c0/f0cf81a30ba3d09a625fd50e5a9069e575c5b6719234e04ee74247057f8104beca89ed03e9217b6e9b0493434cedc18c5ecca4cea6244990836f1f893e140369
+    "@babel/traverse": "npm:^7.24.7"
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10c0/7230e419d59a85f93153415100a5faff23c133d7442c19e0cd070da1784d13cd29096ee6c5a5761065c44e8164f9f80e3a518c41a0256df39e38f7ad6744fed7
   languageName: node
   linkType: hard
 
-"@babel/helper-skip-transparent-expression-wrappers@npm:^7.20.0, @babel/helper-skip-transparent-expression-wrappers@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.22.5"
+"@babel/helper-skip-transparent-expression-wrappers@npm:^7.20.0, @babel/helper-skip-transparent-expression-wrappers@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/helper-skip-transparent-expression-wrappers@npm:7.24.7"
   dependencies:
-    "@babel/types": "npm:^7.22.5"
-  checksum: 10c0/ab7fa2aa709ab49bb8cd86515a1e715a3108c4bb9a616965ba76b43dc346dee66d1004ccf4d222b596b6224e43e04cbc5c3a34459501b388451f8c589fbc3691
+    "@babel/traverse": "npm:^7.24.7"
+    "@babel/types": "npm:^7.24.7"
+  checksum: 10c0/e3a9b8ac9c262ac976a1bcb5fe59694db5e6f0b4f9e7bdba5c7693b8b5e28113c23bdaa60fe8d3ec32a337091b67720b2053bcb3d5655f5406536c3d0584242b
   languageName: node
   linkType: hard
 
-"@babel/helper-split-export-declaration@npm:^7.22.6":
-  version: 7.22.6
-  resolution: "@babel/helper-split-export-declaration@npm:7.22.6"
-  dependencies:
-    "@babel/types": "npm:^7.22.5"
-  checksum: 10c0/d83e4b623eaa9622c267d3c83583b72f3aac567dc393dda18e559d79187961cb29ae9c57b2664137fc3d19508370b12ec6a81d28af73a50e0846819cb21c6e44
-  languageName: node
-  linkType: hard
-
-"@babel/helper-string-parser@npm:^7.23.4":
-  version: 7.23.4
-  resolution: "@babel/helper-string-parser@npm:7.23.4"
-  checksum: 10c0/f348d5637ad70b6b54b026d6544bd9040f78d24e7ec245a0fc42293968181f6ae9879c22d89744730d246ce8ec53588f716f102addd4df8bbc79b73ea10004ac
+"@babel/helper-string-parser@npm:^7.24.8":
+  version: 7.24.8
+  resolution: "@babel/helper-string-parser@npm:7.24.8"
+  checksum: 10c0/6361f72076c17fabf305e252bf6d580106429014b3ab3c1f5c4eb3e6d465536ea6b670cc0e9a637a77a9ad40454d3e41361a2909e70e305116a23d68ce094c08
   languageName: node
   linkType: hard
 
-"@babel/helper-validator-identifier@npm:^7.22.20":
-  version: 7.22.20
-  resolution: "@babel/helper-validator-identifier@npm:7.22.20"
-  checksum: 10c0/dcad63db345fb110e032de46c3688384b0008a42a4845180ce7cd62b1a9c0507a1bed727c4d1060ed1a03ae57b4d918570259f81724aaac1a5b776056f37504e
+"@babel/helper-validator-identifier@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/helper-validator-identifier@npm:7.24.7"
+  checksum: 10c0/87ad608694c9477814093ed5b5c080c2e06d44cb1924ae8320474a74415241223cc2a725eea2640dd783ff1e3390e5f95eede978bc540e870053152e58f1d651
   languageName: node
   linkType: hard
 
-"@babel/helper-validator-option@npm:^7.22.15":
-  version: 7.22.15
-  resolution: "@babel/helper-validator-option@npm:7.22.15"
-  checksum: 10c0/e9661bf80ba18e2dd978217b350fb07298e57ac417f4f1ab9fa011505e20e4857f2c3b4b538473516a9dc03af5ce3a831e5ed973311c28326f4c330b6be981c2
+"@babel/helper-validator-option@npm:^7.24.7, @babel/helper-validator-option@npm:^7.24.8":
+  version: 7.24.8
+  resolution: "@babel/helper-validator-option@npm:7.24.8"
+  checksum: 10c0/73db93a34ae89201351288bee7623eed81a54000779462a986105b54ffe82069e764afd15171a428b82e7c7a9b5fec10b5d5603b216317a414062edf5c67a21f
   languageName: node
   linkType: hard
 
-"@babel/helper-wrap-function@npm:^7.22.20":
-  version: 7.22.20
-  resolution: "@babel/helper-wrap-function@npm:7.22.20"
+"@babel/helper-wrap-function@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/helper-wrap-function@npm:7.25.0"
   dependencies:
-    "@babel/helper-function-name": "npm:^7.22.5"
-    "@babel/template": "npm:^7.22.15"
-    "@babel/types": "npm:^7.22.19"
-  checksum: 10c0/97b5f42ff4d305318ff2f99a5f59d3e97feff478333b2d893c4f85456d3c66372070f71d7bf9141f598c8cf2741c49a15918193633c427a88d170d98eb8c46eb
+    "@babel/template": "npm:^7.25.0"
+    "@babel/traverse": "npm:^7.25.0"
+    "@babel/types": "npm:^7.25.0"
+  checksum: 10c0/d54601a98384c191cbc1ff07b03a19e288ef8d5c6bfafe270b2a303d96e7304eb296002921ed464cc1b105a547d1db146eb86b0be617924dee1ba1b379cdc216
   languageName: node
   linkType: hard
 
-"@babel/helpers@npm:^7.23.2":
-  version: 7.23.2
-  resolution: "@babel/helpers@npm:7.23.2"
+"@babel/helpers@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/helpers@npm:7.25.0"
   dependencies:
-    "@babel/template": "npm:^7.22.15"
-    "@babel/traverse": "npm:^7.23.2"
-    "@babel/types": "npm:^7.23.0"
-  checksum: 10c0/3a6a939c5277a27486e7c626812f0643b35d1c053ac2eb66911f5ae6c0a4e4bcdd40750eba36b766b0ee8a753484287f50ae56232a5f8f2947116723e44b9e35
+    "@babel/template": "npm:^7.25.0"
+    "@babel/types": "npm:^7.25.0"
+  checksum: 10c0/b7fe007fc4194268abf70aa3810365085e290e6528dcb9fbbf7a765d43c74b6369ce0f99c5ccd2d44c413853099daa449c9a0123f0b212ac8d18643f2e8174b8
   languageName: node
   linkType: hard
 
-"@babel/highlight@npm:^7.22.13":
-  version: 7.22.20
-  resolution: "@babel/highlight@npm:7.22.20"
+"@babel/highlight@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/highlight@npm:7.24.7"
   dependencies:
-    "@babel/helper-validator-identifier": "npm:^7.22.20"
+    "@babel/helper-validator-identifier": "npm:^7.24.7"
     chalk: "npm:^2.4.2"
     js-tokens: "npm:^4.0.0"
-  checksum: 10c0/f3c3a193afad23434297d88e81d1d6c0c2cf02423de2139ada7ce0a7fc62d8559abf4cc996533c1a9beca7fc990010eb8d544097f75e818ac113bf39ed810aa2
+    picocolors: "npm:^1.0.0"
+  checksum: 10c0/674334c571d2bb9d1c89bdd87566383f59231e16bcdcf5bb7835babdf03c9ae585ca0887a7b25bdf78f303984af028df52831c7989fecebb5101cc132da9393a
   languageName: node
   linkType: hard
 
-"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.13.16, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.0, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.22.15, @babel/parser@npm:^7.23.0":
-  version: 7.23.0
-  resolution: "@babel/parser@npm:7.23.0"
+"@babel/parser@npm:^7.1.0, @babel/parser@npm:^7.13.16, @babel/parser@npm:^7.14.7, @babel/parser@npm:^7.20.0, @babel/parser@npm:^7.20.7, @babel/parser@npm:^7.23.9, @babel/parser@npm:^7.25.0, @babel/parser@npm:^7.25.3":
+  version: 7.25.3
+  resolution: "@babel/parser@npm:7.25.3"
+  dependencies:
+    "@babel/types": "npm:^7.25.2"
   bin:
     parser: ./bin/babel-parser.js
-  checksum: 10c0/ab4ea9360ed4ba3c728c5a9bf33035103ebde20a7e943c4ae1d42becb02a313d731d12a93c795c5a19777031e4022e64b92a52262eda902522a1a18649826283
+  checksum: 10c0/874b01349aedb805d6694f867a752fdc7469778fad76aca4548d2cc6ce96087c3ba5fb917a6f8d05d2d1a74aae309b5f50f1a4dba035f5a2c9fcfe6e106d2c4e
   languageName: node
   linkType: hard
 
-"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.22.15":
-  version: 7.22.15
-  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.22.15"
+"@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:^7.25.3":
+  version: 7.25.3
+  resolution: "@babel/plugin-bugfix-firefox-class-in-computed-class-key@npm:7.25.3"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/traverse": "npm:^7.25.3"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/fb2288ac168e6670a77f73b92e835f7a579468435e81c9261729e9ba9c601ff22622bacd3e71eb190b135016a6fbab5d824501c7b91733dd379022a75163806c
+  checksum: 10c0/814b4d3f102e7556a5053d1acf57ef601cfcff39a2c81b8cdc6a5c842e3cb9838f5925d1466a5f1e6416e74c9c83586a3c07fbd7fb8610a396c2becdf9ae5790
   languageName: node
   linkType: hard
 
-"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.22.15":
-  version: 7.22.15
-  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.22.15"
+"@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/plugin-bugfix-safari-class-field-initializer-scope@npm:7.25.0"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5"
-    "@babel/plugin-transform-optional-chaining": "npm:^7.22.15"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10c0/9645a1f47b3750acadb1353c02e71cc712d072aafe5ce115ed3a886bc14c5d9200cfb0b5b5e60e813baa549b800cf798f8714019fd246c699053cf68c428e426
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.25.0"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10c0/ed1ce1c90cac46c01825339fd0f2a96fa071b016fb819d8dfaf8e96300eae30e74870cb47e4dc80d4ce2fb287869f102878b4f3b35bc927fec8b1d0d76bcf612
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@npm:7.24.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.13.0
-  checksum: 10c0/46fb46af40446918d64530f544ea0104e274ccd8a16b8a8f6fa2e51a198af6ac2b620aaf8875f3427671f09717949a584c79fe20f521245214f50b8de56cd116
+  checksum: 10c0/aeb6e7aa363a47f815cf956ea1053c5dd8b786a17799f065c9688ba4b0051fe7565d258bbe9400bfcbfb3114cb9fda66983e10afe4d750bc70ff75403e15dd36
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@npm:7.25.0"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/traverse": "npm:^7.25.0"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10c0/45988025537a9d4a27b610fd696a18fd9ba9336621a69b4fb40560eeb10c79657f85c92a37f30c7c8fb29c22970eea0b373315795a891f1a05549a6cfe5a6bfe
   languageName: node
   linkType: hard
 
@@ -435,14 +441,38 @@ __metadata:
   linkType: hard
 
 "@babel/plugin-proposal-export-default-from@npm:^7.0.0":
-  version: 7.22.17
-  resolution: "@babel/plugin-proposal-export-default-from@npm:7.22.17"
+  version: 7.24.7
+  resolution: "@babel/plugin-proposal-export-default-from@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/plugin-syntax-export-default-from": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/plugin-syntax-export-default-from": "npm:^7.24.7"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/ebc98b1bc0b9334a82030f8fe93f9a9de546982c5402b936c8cfae3eec63742ceb862d95104ac8976293aa2dd9c1b7a8cbebc44da3d63bbf3896517ad47616a4
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-export-namespace-from@npm:^7.18.9":
+  version: 7.18.9
+  resolution: "@babel/plugin-proposal-export-namespace-from@npm:7.18.9"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.18.9"
+    "@babel/plugin-syntax-export-namespace-from": "npm:^7.8.3"
+  peerDependencies:
+    "@babel/core": ^7.0.0-0
+  checksum: 10c0/b90346bd3628ebd44138d0628a5aba1e6b11748893fb48e87008cac30f3bc7cd3161362e49433156737350318174164436357a66fbbfdbe952606b460bd8a0e4
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-proposal-logical-assignment-operators@npm:^7.18.0":
+  version: 7.20.7
+  resolution: "@babel/plugin-proposal-logical-assignment-operators@npm:7.20.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.20.2"
+    "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/d6fc342cec68290bdc5d75252ed76c6c2cb53e1820e5f593779b72ff60ae622afd0f96c089c850dee6410652a7a55d59b06485828d6c88840e3e393a8d39d2ea
+  checksum: 10c0/436c1ee9f983813fc52788980a7231414351bd34d80b16b83bddb09115386292fe4912cc6d172304eabbaf0c4813625331b9b5bc798acb0e8925cf0d2b394d4d
   languageName: node
   linkType: hard
 
@@ -574,14 +604,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-export-default-from@npm:^7.0.0, @babel/plugin-syntax-export-default-from@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-syntax-export-default-from@npm:7.22.5"
+"@babel/plugin-syntax-export-default-from@npm:^7.0.0, @babel/plugin-syntax-export-default-from@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-syntax-export-default-from@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/57fae17e0db773fa6f11263cf59e9c1946145c3dde01b399c364c6a6b0b7c9df18051d697ad95b5c6927d7f081921aa1f1096bbd9a2762746e92c1144810c32c
+  checksum: 10c0/2748bcd6777d1ef29d568815915df5db043744364a4bc746e8b27f2f461de89a4bdf332764339146ef91b8474440edf04c745e97ef0360effb4ac35e750379a4
   languageName: node
   linkType: hard
 
@@ -596,36 +626,36 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-flow@npm:^7.0.0, @babel/plugin-syntax-flow@npm:^7.12.1, @babel/plugin-syntax-flow@npm:^7.18.0, @babel/plugin-syntax-flow@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-syntax-flow@npm:7.22.5"
+"@babel/plugin-syntax-flow@npm:^7.0.0, @babel/plugin-syntax-flow@npm:^7.12.1, @babel/plugin-syntax-flow@npm:^7.18.0, @babel/plugin-syntax-flow@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-syntax-flow@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/07afc7df02141597968532bfbfa3f6c0ad21a2bdd885d0e5e035dcf60fdf35f0995631c9750b464e1a6f2feea14160a82787f914e88e8f7115dc99f09853e43e
+  checksum: 10c0/2f0cb7a78379029707e61f6665634a5b758c8b4ccb602a72d798e41d36b0647c2f2de59f90e0c1d522b026962918e54d82f3aee0c194dc87cd340455aa58562a
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-import-assertions@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-syntax-import-assertions@npm:7.22.5"
+"@babel/plugin-syntax-import-assertions@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-syntax-import-assertions@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/b297d7c757c746ed0ef3496ad749ae2ce648ec73dae5184120b191c280e62da7dc104ee126bc0053dfece3ce198a5ee7dc1cbf4768860f666afef5dee84a7146
+  checksum: 10c0/b82c53e095274ee71c248551352d73441cf65b3b3fc0107258ba4e9aef7090772a425442b3ed1c396fa207d0efafde8929c87a17d3c885b3ca2021316e87e246
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-import-attributes@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-syntax-import-attributes@npm:7.22.5"
+"@babel/plugin-syntax-import-attributes@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-syntax-import-attributes@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/de0b104a82cb8ffdc29472177210936609b973665a2ad8ef26c078251d7c728fbd521119de4c417285408a8bae345b5da09cd4a4a3311619f71b9b2c64cce3fa
+  checksum: 10c0/eccc54d0f03c96d0eec7a6e2fa124dadbc7298345b62ffc4238f173308c4325b5598f139695ff05a95cf78412ef6903599e4b814496612bf39aad4715a16375b
   languageName: node
   linkType: hard
 
@@ -651,14 +681,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-jsx@npm:^7.0.0, @babel/plugin-syntax-jsx@npm:^7.22.5, @babel/plugin-syntax-jsx@npm:^7.7.2":
-  version: 7.22.5
-  resolution: "@babel/plugin-syntax-jsx@npm:7.22.5"
+"@babel/plugin-syntax-jsx@npm:^7.0.0, @babel/plugin-syntax-jsx@npm:^7.24.7, @babel/plugin-syntax-jsx@npm:^7.7.2":
+  version: 7.24.7
+  resolution: "@babel/plugin-syntax-jsx@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/b56ceaa9c6adc17fadfb48e1c801d07797195df2a581489e33c8034950e12e7778de6e1e70d6bcf7c5c7ada6222fe6bad5746187ab280df435f5a2799c8dd0d8
+  checksum: 10c0/f44d927a9ae8d5ef016ff5b450e1671e56629ddc12e56b938e41fd46e141170d9dfc9a53d6cb2b9a20a7dd266a938885e6a3981c60c052a2e1daed602ac80e51
   languageName: node
   linkType: hard
 
@@ -750,14 +780,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-syntax-typescript@npm:^7.22.5, @babel/plugin-syntax-typescript@npm:^7.7.2":
-  version: 7.22.5
-  resolution: "@babel/plugin-syntax-typescript@npm:7.22.5"
+"@babel/plugin-syntax-typescript@npm:^7.24.7, @babel/plugin-syntax-typescript@npm:^7.7.2":
+  version: 7.24.7
+  resolution: "@babel/plugin-syntax-typescript@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/523a76627f17e67dc1999f4d7c7a71ed79e9f77f55a61cf05051101967ac23ec378ff0c93787b2cbd5d53720ad799658d796a649fa351682b2bf636f63b665a1
+  checksum: 10c0/cdabd2e8010fb0ad15b49c2c270efc97c4bfe109ead36c7bbcf22da7a74bc3e49702fc4f22f12d2d6049e8e22a5769258df1fd05f0420ae45e11bdd5bc07805a
   languageName: node
   linkType: hard
 
@@ -773,694 +803,707 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-arrow-functions@npm:^7.0.0, @babel/plugin-transform-arrow-functions@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-arrow-functions@npm:7.22.5"
+"@babel/plugin-transform-arrow-functions@npm:^7.0.0, @babel/plugin-transform-arrow-functions@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-arrow-functions@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/1b24d47ddac6ae2fe8c7fab9a020fdb6a556d17d8c5f189bb470ff2958a5437fe6441521fd3d850f4283a1131d7a0acf3e8ebe789f9077f54bab4e2e8c6df176
+  checksum: 10c0/6ac05a54e5582f34ac6d5dc26499e227227ec1c7fa6fc8de1f3d40c275f140d3907f79bbbd49304da2d7008a5ecafb219d0b71d78ee3290ca22020d878041245
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-async-generator-functions@npm:^7.23.2":
-  version: 7.23.2
-  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.23.2"
+"@babel/plugin-transform-async-generator-functions@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/plugin-transform-async-generator-functions@npm:7.25.0"
   dependencies:
-    "@babel/helper-environment-visitor": "npm:^7.22.20"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-remap-async-to-generator": "npm:^7.22.20"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-remap-async-to-generator": "npm:^7.25.0"
     "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
+    "@babel/traverse": "npm:^7.25.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/16d7bd5dbd67991ab320a46ada19a9a0c8364725603c731f152afc98ee8764dc738c93f081a7560906d265b78c376bccabf3e31b9f99071c8982a6f9c8e2ac45
+  checksum: 10c0/5348c3a33d16e0d62f13482c6fa432185ba096d58880b08d42450f7db662d6b03e6149d495c8620897dcd3da35061068cbd6c09da7d0ec95743e55a788809e4e
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-async-to-generator@npm:^7.20.0, @babel/plugin-transform-async-to-generator@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-async-to-generator@npm:7.22.5"
+"@babel/plugin-transform-async-to-generator@npm:^7.20.0, @babel/plugin-transform-async-to-generator@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-async-to-generator@npm:7.24.7"
   dependencies:
-    "@babel/helper-module-imports": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-remap-async-to-generator": "npm:^7.22.5"
+    "@babel/helper-module-imports": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-remap-async-to-generator": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/2972f22c3a5a56a8b225f4fa1bbdbcf6e989e0da460d5f4e2280652b1433d7c68b6ddc0cc2affc4b59905835133a253a31c24c7ca1bebe1a2f28377d27b4ca1c
+  checksum: 10c0/83c82e243898875af8457972a26ab29baf8a2078768ee9f35141eb3edff0f84b165582a2ff73e90a9e08f5922bf813dbf15a85c1213654385198f4591c0dc45d
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoped-functions@npm:^7.0.0, @babel/plugin-transform-block-scoped-functions@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.22.5"
+"@babel/plugin-transform-block-scoped-functions@npm:^7.0.0, @babel/plugin-transform-block-scoped-functions@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-block-scoped-functions@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/21878d4f0040f5001c4a14e17759e80bf699cb883a497552fa882dbc05230b100e8572345654b091021d5c4227555ed2bf40c8d6ba16a54d81145abfe0022cf8
+  checksum: 10c0/113e86de4612ae91773ff5cb6b980f01e1da7e26ae6f6012127415d7ae144e74987bc23feb97f63ba4bc699331490ddea36eac004d76a20d5369e4cc6a7f61cd
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-block-scoping@npm:^7.0.0, @babel/plugin-transform-block-scoping@npm:^7.23.0":
-  version: 7.23.0
-  resolution: "@babel/plugin-transform-block-scoping@npm:7.23.0"
+"@babel/plugin-transform-block-scoping@npm:^7.0.0, @babel/plugin-transform-block-scoping@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/plugin-transform-block-scoping@npm:7.25.0"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/f5d0822a4e2bb3a0b5172f01f8c107999b880f0e538a9c1bae3c7720e85d8d117a67167f5e8eba909e0ec3db67be3b30e7f5c83211dd4be5c7096222071571be
+  checksum: 10c0/382931c75a5d0ea560387e76cb57b03461300527e4784efcb2fb62f36c1eb0ab331327b6034def256baa0cad9050925a61f9c0d56261b6afd6a29c3065fb0bd4
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-class-properties@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-class-properties@npm:7.22.5"
+"@babel/plugin-transform-class-properties@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-class-properties@npm:7.24.7"
   dependencies:
-    "@babel/helper-create-class-features-plugin": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-create-class-features-plugin": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/707f976d3aea2b52dad36a5695a71af8956f9b1d5dec02c2b8cce7ff3b5e60df4cbe059c71ae0b7983034dc639de654a2c928b97e4e01ebf436d58ea43639e7d
+  checksum: 10c0/75018a466c7ede3d2397e158891c224ba7fca72864506ce067ddbc02fc65191d44da4d6379c996d0c7f09019e26b5c3f5f1d3a639cd98366519723886f0689d0
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-class-static-block@npm:^7.22.11":
-  version: 7.22.11
-  resolution: "@babel/plugin-transform-class-static-block@npm:7.22.11"
+"@babel/plugin-transform-class-static-block@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-class-static-block@npm:7.24.7"
   dependencies:
-    "@babel/helper-create-class-features-plugin": "npm:^7.22.11"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-create-class-features-plugin": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
     "@babel/plugin-syntax-class-static-block": "npm:^7.14.5"
   peerDependencies:
     "@babel/core": ^7.12.0
-  checksum: 10c0/74c06f315dbeb101784682f89d6e40a46b243132b63f430ac9ee5781d3fedff57fc6bf7390aa2b19d44a9d7e49a1e70e572bdde1907480881204ef33163b9630
+  checksum: 10c0/b0ade39a3d09dce886f79dbd5907c3d99b48167eddb6b9bbde24a0598129654d7017e611c20494cdbea48b07ac14397cd97ea34e3754bbb2abae4e698128eccb
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-classes@npm:^7.0.0, @babel/plugin-transform-classes@npm:^7.22.15":
-  version: 7.22.15
-  resolution: "@babel/plugin-transform-classes@npm:7.22.15"
+"@babel/plugin-transform-classes@npm:^7.0.0, @babel/plugin-transform-classes@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/plugin-transform-classes@npm:7.25.0"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.22.5"
-    "@babel/helper-compilation-targets": "npm:^7.22.15"
-    "@babel/helper-environment-visitor": "npm:^7.22.5"
-    "@babel/helper-function-name": "npm:^7.22.5"
-    "@babel/helper-optimise-call-expression": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-replace-supers": "npm:^7.22.9"
-    "@babel/helper-split-export-declaration": "npm:^7.22.6"
+    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
+    "@babel/helper-compilation-targets": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-replace-supers": "npm:^7.25.0"
+    "@babel/traverse": "npm:^7.25.0"
     globals: "npm:^11.1.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/c9342bcf41e0253d83d9f73c4f9d2c9f885c0412f58ebfe462d57579c8247b949cbb023f15383d18c89fe5d12b537633e2ca4ba906ce47238615bc679beafb55
+  checksum: 10c0/4451dccf8a7979427ae042afe381233f30764a8072faf0de1337a4fc297c6d7cb40df9e28931ac096e5b56392d0cd97d3ce10aee68288150a8701624d362a791
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-computed-properties@npm:^7.0.0, @babel/plugin-transform-computed-properties@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-computed-properties@npm:7.22.5"
+"@babel/plugin-transform-computed-properties@npm:^7.0.0, @babel/plugin-transform-computed-properties@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-computed-properties@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/template": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/template": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/22ecea23c1635083f5473092c5fbca62cbf7a85764bcf3e704c850446d68fe946097f6001c4cbfc92b4aee27ed30b375773ee479f749293e41fdb8f1fb8fcb67
+  checksum: 10c0/25636dbc1f605c0b8bc60aa58628a916b689473d11551c9864a855142e36742fe62d4a70400ba3b74902338e77fb3d940376c0a0ba154b6b7ec5367175233b49
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-destructuring@npm:^7.0.0, @babel/plugin-transform-destructuring@npm:^7.20.0, @babel/plugin-transform-destructuring@npm:^7.23.0":
-  version: 7.23.0
-  resolution: "@babel/plugin-transform-destructuring@npm:7.23.0"
+"@babel/plugin-transform-destructuring@npm:^7.0.0, @babel/plugin-transform-destructuring@npm:^7.20.0, @babel/plugin-transform-destructuring@npm:^7.24.8":
+  version: 7.24.8
+  resolution: "@babel/plugin-transform-destructuring@npm:7.24.8"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/038505eabdde2e1bb3bb904e50292b263d61d35e18660f751e7753b5723e2a5a5903a493290d772c8598da98c2c904b7cf45552ad1c11636fcb78f60754abd53
+  checksum: 10c0/804968c1d5f5072c717505296c1e5d5ec33e90550423de66de82bbcb78157156e8470bbe77a04ab8c710a88a06360a30103cf223ac7eff4829adedd6150de5ce
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-dotall-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-dotall-regex@npm:7.22.5"
+"@babel/plugin-transform-dotall-regex@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-dotall-regex@npm:7.24.7"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/e0d7b95380483ef563c13f7c0a2122f575c58708cfb56494d6265ebb31753cf46ee0b3f5126fa6bbea5af392b3a2da05bf1e028d0b2b4d1dc279edd67cf3c3d9
+  checksum: 10c0/793f14c9494972d294b7e7b97b747f47874b6d57d7804d3443c701becf5db192c9311be6a1835c07664486df1f5c60d33196c36fb7e11a53015e476b4c145b33
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-duplicate-keys@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.22.5"
+"@babel/plugin-transform-duplicate-keys@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-duplicate-keys@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/82772fdcc1301358bc722c1316bea071ad0cd5893ca95b08e183748e044277a93ee90f9c641ac7873a00e4b31a8df7cf8c0981ca98d01becb4864a11b22c09d1
+  checksum: 10c0/75ff7ec1117ac500e77bf20a144411d39c0fdd038f108eec061724123ce6d1bb8d5bd27968e466573ee70014f8be0043361cdb0ef388f8a182d1d97ad67e51b9
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-dynamic-import@npm:^7.22.11":
-  version: 7.22.11
-  resolution: "@babel/plugin-transform-dynamic-import@npm:7.22.11"
+"@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/plugin-transform-duplicate-named-capturing-groups-regex@npm:7.25.0"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.25.0"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+  peerDependencies:
+    "@babel/core": ^7.0.0
+  checksum: 10c0/1c9b57ddd9b33696e88911d0e7975e1573ebc46219c4b30eb1dc746cbb71aedfac6f6dab7fdfdec54dd58f31468bf6ab56b157661ea4ffe58f906d71f89544c8
+  languageName: node
+  linkType: hard
+
+"@babel/plugin-transform-dynamic-import@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-dynamic-import@npm:7.24.7"
+  dependencies:
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
     "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/cf0dd2d3da42ae18ccfa54bef7c80bf26b3bcc48751fc38dd41ad47bc14cc76ca8ec692f39f8b1ef54b3f48eff8db79e6397e4653033bb3a64e433f3c3a43edf
+  checksum: 10c0/eeda48372efd0a5103cb22dadb13563c975bce18ae85daafbb47d57bb9665d187da9d4fe8d07ac0a6e1288afcfcb73e4e5618bf75ff63fddf9736bfbf225203b
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-exponentiation-operator@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.22.5"
+"@babel/plugin-transform-exponentiation-operator@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-exponentiation-operator@npm:7.24.7"
   dependencies:
-    "@babel/helper-builder-binary-assignment-operator-visitor": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-builder-binary-assignment-operator-visitor": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/e8832460cfc9e087561fa42a796bb4eb181e6983d6db85c6dcec15f98af4ae3d13fcab18a262252a43b075d79ac93aaa38d33022bc5a870d2760c6888ba5d211
+  checksum: 10c0/ace3e11c94041b88848552ba8feb39ae4d6cad3696d439ff51445bd2882d8b8775d85a26c2c0edb9b5e38c9e6013cc11b0dea89ec8f93c7d9d7ee95e3645078c
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-export-namespace-from@npm:^7.22.11":
-  version: 7.22.11
-  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.22.11"
+"@babel/plugin-transform-export-namespace-from@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-export-namespace-from@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
     "@babel/plugin-syntax-export-namespace-from": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/2b65ddf9ab4cfa8ffc72983c689b99d9ce0fe74846c2e518a1955f703e1fe073d0865810959164800613c3235a29cf9cae3567a46bf9cb53a2384469d3913e85
+  checksum: 10c0/4e144d7f1c57bc63b4899dbbbdfed0880f2daa75ea9c7251c7997f106e4b390dc362175ab7830f11358cb21f6b972ca10a43a2e56cd789065f7606b082674c0c
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-flow-strip-types@npm:^7.0.0, @babel/plugin-transform-flow-strip-types@npm:^7.20.0, @babel/plugin-transform-flow-strip-types@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-flow-strip-types@npm:7.22.5"
+"@babel/plugin-transform-flow-strip-types@npm:^7.0.0, @babel/plugin-transform-flow-strip-types@npm:^7.20.0, @babel/plugin-transform-flow-strip-types@npm:^7.24.7":
+  version: 7.25.2
+  resolution: "@babel/plugin-transform-flow-strip-types@npm:7.25.2"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/plugin-syntax-flow": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/plugin-syntax-flow": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/5949a8e5214e3fc65d31dab0551423cea9d9eef35faa5d0004707ba7347baf96166aa400907ce7498f754db4e1e9d039ca434a508546b0dc9fdae9a42e814c1a
+  checksum: 10c0/821f5ccdb8104e09764d8a24d4c0dd4fe9e264d95e6477269c911e15240a63343d3fe71b6cf9382273766a0e86a015c2867d26fd75e5827134d990c93fa9e605
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-for-of@npm:^7.0.0, @babel/plugin-transform-for-of@npm:^7.22.15":
-  version: 7.22.15
-  resolution: "@babel/plugin-transform-for-of@npm:7.22.15"
+"@babel/plugin-transform-for-of@npm:^7.0.0, @babel/plugin-transform-for-of@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-for-of@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/64182292f4be8cdf1fff06fe62ba110bf5e5dbb5d966d5e8871ef40a673cd934217da51b9f4a4ba303ca936be787f30e3d13a91fe410339de79e0fe9f0807e15
+  checksum: 10c0/77629b1173e55d07416f05ba7353caa09d2c2149da2ca26721ab812209b63689d1be45116b68eadc011c49ced59daf5320835b15245eb7ae93ae0c5e8277cfc0
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-function-name@npm:^7.0.0, @babel/plugin-transform-function-name@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-function-name@npm:7.22.5"
+"@babel/plugin-transform-function-name@npm:^7.0.0, @babel/plugin-transform-function-name@npm:^7.25.1":
+  version: 7.25.1
+  resolution: "@babel/plugin-transform-function-name@npm:7.25.1"
   dependencies:
-    "@babel/helper-compilation-targets": "npm:^7.22.5"
-    "@babel/helper-function-name": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-compilation-targets": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/traverse": "npm:^7.25.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/206bdef2ff91c29a7d94c77778ad79f18bdb2cd6a30179449f2b95af04637cb68d96625dc673d9a0961b6b7088bd325bbed7540caf9aa8f69e5b003d6ba20456
+  checksum: 10c0/e74912174d5e33d1418b840443c2e226a7b76cc017c1ed20ee30a566e4f1794d4a123be03180da046241576e8b692731807ba1f52608922acf1cb2cb6957593f
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-json-strings@npm:^7.22.11":
-  version: 7.22.11
-  resolution: "@babel/plugin-transform-json-strings@npm:7.22.11"
+"@babel/plugin-transform-json-strings@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-json-strings@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
     "@babel/plugin-syntax-json-strings": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/90f46a99c4136187d16f30f1f5f51e479c919edb6f6b4ce43fe81fdae2c89a556a0a6f6f2ec7ea3de7014a504f6df2220e3bc19dd7011f76bd275c195842f886
+  checksum: 10c0/17c72cd5bf3e90e722aabd333559275f3309e3fa0b9cea8c2944ab83ae01502c71a2be05da5101edc02b3fc8df15a8dbb9b861cbfcc8a52bf5e797cf01d3a40a
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-literals@npm:^7.0.0, @babel/plugin-transform-literals@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-literals@npm:7.22.5"
+"@babel/plugin-transform-literals@npm:^7.0.0, @babel/plugin-transform-literals@npm:^7.25.2":
+  version: 7.25.2
+  resolution: "@babel/plugin-transform-literals@npm:7.25.2"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/1003d0cf98e9ae432889bcf5f3d5f7d463f777fc2c74b0d4a1a93b51e83606c263a16146e34f0a06b291300aa5f2001d6e8bf65ed1bf478ab071b714bf158aa5
+  checksum: 10c0/0796883217b0885d37e7f6d350773be349e469a812b6bf11ccf862a6edf65103d3e7c849529d65381b441685c12e756751d8c2489a0fd3f8139bb5ef93185f58
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-logical-assignment-operators@npm:^7.22.11":
-  version: 7.22.11
-  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.22.11"
+"@babel/plugin-transform-logical-assignment-operators@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-logical-assignment-operators@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
     "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/9810f7918514bd59579ccc0950b4f352569abb40959569d38931e57f11e6b9aa920bdef403ffd8cd5d4e0243e0bbf7a1ebb445f3428c8b7a2421568ff2f681be
+  checksum: 10c0/dbe882eb9053931f2ab332c50fc7c2a10ef507d6421bd9831adbb4cb7c9f8e1e5fbac4fbd2e007f6a1bf1df1843547559434012f118084dc0bf42cda3b106272
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-member-expression-literals@npm:^7.0.0, @babel/plugin-transform-member-expression-literals@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.22.5"
+"@babel/plugin-transform-member-expression-literals@npm:^7.0.0, @babel/plugin-transform-member-expression-literals@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-member-expression-literals@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/731a341b17511809ae435b64822d4d093e86fd928b572028e6742bdfba271c57070860b0f3da080a76c5574d58c4f369fac3f7bf0f450b37920c0fc6fe27bb4e
+  checksum: 10c0/e789ae359bdf2d20e90bedef18dfdbd965c9ebae1cee398474a0c349590fda7c8b874e1a2ceee62e47e5e6ec1730e76b0f24e502164357571854271fc12cc684
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-amd@npm:^7.23.0":
-  version: 7.23.0
-  resolution: "@babel/plugin-transform-modules-amd@npm:7.23.0"
+"@babel/plugin-transform-modules-amd@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-modules-amd@npm:7.24.7"
   dependencies:
-    "@babel/helper-module-transforms": "npm:^7.23.0"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-module-transforms": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/dda02864029ff66955e21d19c3d245aad69792b75e748de1391403bc86c8e9720b4f320b0db8413a29c11ba63b168146cf849180b5677bc6a74bfd085d20376d
+  checksum: 10c0/6df7de7fce34117ca4b2fa07949b12274c03668cbfe21481c4037b6300796d50ae40f4f170527b61b70a67f26db906747797e30dbd0d9809a441b6e220b5728f
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-commonjs@npm:^7.0.0, @babel/plugin-transform-modules-commonjs@npm:^7.13.8, @babel/plugin-transform-modules-commonjs@npm:^7.23.0":
-  version: 7.23.0
-  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.23.0"
+"@babel/plugin-transform-modules-commonjs@npm:^7.0.0, @babel/plugin-transform-modules-commonjs@npm:^7.13.8, @babel/plugin-transform-modules-commonjs@npm:^7.24.7, @babel/plugin-transform-modules-commonjs@npm:^7.24.8":
+  version: 7.24.8
+  resolution: "@babel/plugin-transform-modules-commonjs@npm:7.24.8"
   dependencies:
-    "@babel/helper-module-transforms": "npm:^7.23.0"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-simple-access": "npm:^7.22.5"
+    "@babel/helper-module-transforms": "npm:^7.24.8"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-simple-access": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/1f015764c2e63445d46660e7a2eb9002c20def04daf98fa93c9dadb5bd55adbefefd1ccdc11bcafa5e2f04275939d2414482703bc35bc60d6ca2bf1f67b720e3
+  checksum: 10c0/f1cf552307ebfced20d3907c1dd8be941b277f0364aa655e2b5fee828c84c54065745183104dae86f1f93ea0406db970a463ef7ceaaed897623748e99640e5a7
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-systemjs@npm:^7.23.0":
-  version: 7.23.0
-  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.23.0"
+"@babel/plugin-transform-modules-systemjs@npm:^7.25.0":
+  version: 7.25.0
+  resolution: "@babel/plugin-transform-modules-systemjs@npm:7.25.0"
   dependencies:
-    "@babel/helper-hoist-variables": "npm:^7.22.5"
-    "@babel/helper-module-transforms": "npm:^7.23.0"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-validator-identifier": "npm:^7.22.20"
+    "@babel/helper-module-transforms": "npm:^7.25.0"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-validator-identifier": "npm:^7.24.7"
+    "@babel/traverse": "npm:^7.25.0"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/04c5cef7d6921bb9c9073cea389289099124e78cd1e3b7e020e3c085d486b48efadd9a42c0c0d963a9b1c3d5465c3151229092ea719997e53427f36935c84178
+  checksum: 10c0/fca6198da71237e4bb1274b3b67a0c81d56013c9535361242b6bfa87d70a9597854aadb45d4d8203369be4a655e158be2a5d20af0040b1f8d1bfc47db3ad7b68
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-modules-umd@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-modules-umd@npm:7.22.5"
+"@babel/plugin-transform-modules-umd@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-modules-umd@npm:7.24.7"
   dependencies:
-    "@babel/helper-module-transforms": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-module-transforms": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/f4a40e18986182a2b1be6af949aaff67a7d112af3d26bbd4319d05b50f323a62a10b32b5584148e4630bdffbd4d85b31c0d571fe4f601354898b837b87afca4c
+  checksum: 10c0/7791d290121db210e4338b94b4a069a1a79e4c7a8d7638d8159a97b281851bbed3048dac87a4ae718ad963005e6c14a5d28e6db2eeb2b04e031cee92fb312f85
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.0.0, @babel/plugin-transform-named-capturing-groups-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.22.5"
+"@babel/plugin-transform-named-capturing-groups-regex@npm:^7.0.0, @babel/plugin-transform-named-capturing-groups-regex@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-named-capturing-groups-regex@npm:7.24.7"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/b0b072bef303670b5a98307bc37d1ac326cb7ad40ea162b89a03c2ffc465451be7ef05be95cb81ed28bfeb29670dc98fe911f793a67bceab18b4cb4c81ef48f3
+  checksum: 10c0/41a0b0f2d0886318237440aa3b489f6d0305361d8671121777d9ff89f9f6de9d0c02ce93625049061426c8994064ef64deae8b819d1b14c00374a6a2336fb5d9
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-new-target@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-new-target@npm:7.22.5"
+"@babel/plugin-transform-new-target@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-new-target@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/22ead0668bfd8db9166a4a47579d9f44726b59f21104561a6dd851156336741abdc5c576558e042c58c4b4fd577d3e29e4bd836021007f3381c33fe3c88dca19
+  checksum: 10c0/2540808a35e1a978e537334c43dab439cf24c93e7beb213a2e71902f6710e60e0184316643790c0a6644e7a8021e52f7ab8165e6b3e2d6651be07bdf517b67df
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.22.11":
-  version: 7.22.11
-  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.22.11"
+"@babel/plugin-transform-nullish-coalescing-operator@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-nullish-coalescing-operator@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
     "@babel/plugin-syntax-nullish-coalescing-operator": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/328c0ebfbbc82256af00252fb795996b093f57b528a57afcb30843ca52d24a6d824029ad6d22f042f3af336bb4dc1963b4841c2ad774424b02d14ae7cfff2701
+  checksum: 10c0/7243c8ff734ed5ef759dd8768773c4b443c12e792727e759a1aec2c7fa2bfdd24f1ecb42e292a7b3d8bd3d7f7b861cf256a8eb4ba144fc9cc463892c303083d9
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-numeric-separator@npm:^7.22.11":
-  version: 7.22.11
-  resolution: "@babel/plugin-transform-numeric-separator@npm:7.22.11"
+"@babel/plugin-transform-numeric-separator@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-numeric-separator@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
     "@babel/plugin-syntax-numeric-separator": "npm:^7.10.4"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/fcde065002948c9c39f853be99c38b02aa1a1eb453e70ab1a164feb250c1fcbf1edd38071e28ed8bde6840b8a394af8b291b2ab2d793f283872ba43f89cf6dd2
+  checksum: 10c0/e18e09ca5a6342645d00ede477731aa6e8714ff357efc9d7cda5934f1703b3b6fb7d3298dce3ce3ba53e9ff1158eab8f1aadc68874cc21a6099d33a1ca457789
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-object-rest-spread@npm:^7.22.15":
-  version: 7.22.15
-  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.22.15"
+"@babel/plugin-transform-object-rest-spread@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-object-rest-spread@npm:7.24.7"
   dependencies:
-    "@babel/compat-data": "npm:^7.22.9"
-    "@babel/helper-compilation-targets": "npm:^7.22.15"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-compilation-targets": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
     "@babel/plugin-syntax-object-rest-spread": "npm:^7.8.3"
-    "@babel/plugin-transform-parameters": "npm:^7.22.15"
+    "@babel/plugin-transform-parameters": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/c485084360607a4392227d8af461e0f313953a6088221826668f90e92df6e16da04e2b3424e283c2980586095430d1068ae6e549b828dfa3891e2d1a397bd034
+  checksum: 10c0/9ad64bc003f583030f9da50614b485852f8edac93f8faf5d1cd855201a4852f37c5255ae4daf70dd4375bdd4874e16e39b91f680d4668ec219ba05441ce286eb
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-object-super@npm:^7.0.0, @babel/plugin-transform-object-super@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-object-super@npm:7.22.5"
+"@babel/plugin-transform-object-super@npm:^7.0.0, @babel/plugin-transform-object-super@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-object-super@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-replace-supers": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-replace-supers": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/062a78ff897c095a71f0db577bd4e4654659d542cb9ef79ec0fda7873ee6fefe31a0cb8a6c2e307e16dacaae1f50d48572184a59e1235b8d9d9cb2f38c4259ce
+  checksum: 10c0/770cebb4b4e1872c216b17069db9a13b87dfee747d359dc56d9fcdd66e7544f92dc6ab1861a4e7e0528196aaff2444e4f17dc84efd8eaf162d542b4ba0943869
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-optional-catch-binding@npm:^7.22.11":
-  version: 7.22.11
-  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.22.11"
+"@babel/plugin-transform-optional-catch-binding@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-optional-catch-binding@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
     "@babel/plugin-syntax-optional-catch-binding": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/6a731f4fee93397634b088ef7de990c150ea1c29e2cf681b2520d9196888d79a4252cbcc497d9b0db0453160ea2267043036fee4ccea8964864ef1b55a40d76f
+  checksum: 10c0/1e2f10a018f7d03b3bde6c0b70d063df8d5dd5209861d4467726cf834f5e3d354e2276079dc226aa8e6ece35f5c9b264d64b8229a8bb232829c01e561bcfb07a
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-optional-chaining@npm:^7.22.15, @babel/plugin-transform-optional-chaining@npm:^7.23.0":
-  version: 7.23.0
-  resolution: "@babel/plugin-transform-optional-chaining@npm:7.23.0"
+"@babel/plugin-transform-optional-chaining@npm:^7.24.7, @babel/plugin-transform-optional-chaining@npm:^7.24.8":
+  version: 7.24.8
+  resolution: "@babel/plugin-transform-optional-chaining@npm:7.24.8"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
     "@babel/plugin-syntax-optional-chaining": "npm:^7.8.3"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/2bf605b908c75f8d7616e8be52e4656983f2b027032260fbf5279f28297a67a1a28ec3ed60cd5760537dbd08a021246b8092ce06fb2418884390230b807142b3
+  checksum: 10c0/4ffbe1aad7dec7c9aa2bf6ceb4b2f91f96815b2784f2879bde80e46934f59d64a12cb2c6262e40897c4754d77d2c35d8a5cfed63044fdebf94978b1ed3d14b17
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-parameters@npm:^7.0.0, @babel/plugin-transform-parameters@npm:^7.20.7, @babel/plugin-transform-parameters@npm:^7.22.15":
-  version: 7.22.15
-  resolution: "@babel/plugin-transform-parameters@npm:7.22.15"
+"@babel/plugin-transform-parameters@npm:^7.0.0, @babel/plugin-transform-parameters@npm:^7.20.7, @babel/plugin-transform-parameters@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-parameters@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/9b9faf55b20aea4755a66db75e1195f7a203b4cfeef0ed5ceb25d6364bbb7a5bd0b5c587489c37ab339c4e4e7275406d0db0c05c25aa731a3cf6b4cc51e97c8d
+  checksum: 10c0/53bf190d6926771545d5184f1f5f3f5144d0f04f170799ad46a43f683a01fab8d5fe4d2196cf246774530990c31fe1f2b9f0def39f0a5ddbb2340b924f5edf01
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-private-methods@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-private-methods@npm:7.22.5"
+"@babel/plugin-transform-private-methods@npm:^7.22.5, @babel/plugin-transform-private-methods@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-private-methods@npm:7.24.7"
   dependencies:
-    "@babel/helper-create-class-features-plugin": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-create-class-features-plugin": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/a62f2e47ca30f6b8043201483c5a505e3d54416e6ddfbe7cb696a1db853a4281b1fffee9f883fe26ac72ba02bba0db5832d69e02f2eb4746e9811b8779287cc1
+  checksum: 10c0/5b7bf923b738fbe3ad6c33b260e0a7451be288edfe4ef516303fa787a1870cd87533bfbf61abb779c22ed003c2fc484dec2436fe75a48756f686c0241173d364
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-private-property-in-object@npm:^7.22.11":
-  version: 7.22.11
-  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.22.11"
+"@babel/plugin-transform-private-property-in-object@npm:^7.22.11, @babel/plugin-transform-private-property-in-object@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-private-property-in-object@npm:7.24.7"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.22.5"
-    "@babel/helper-create-class-features-plugin": "npm:^7.22.11"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
+    "@babel/helper-create-class-features-plugin": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
     "@babel/plugin-syntax-private-property-in-object": "npm:^7.14.5"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/ec1ed8cc5483b8661e2cf7c020ffefe2a85e793a353d580c4174686923e465cdfaf13fc344ebb2eead4a1dbecd49baba93e342a9de400a29abedb79dcc6745a2
+  checksum: 10c0/c6fa7defb90b1b0ed46f24ff94ff2e77f44c1f478d1090e81712f33cf992dda5ba347016f030082a2f770138bac6f4a9c2c1565e9f767a125901c77dd9c239ba
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-property-literals@npm:^7.0.0, @babel/plugin-transform-property-literals@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-property-literals@npm:7.22.5"
+"@babel/plugin-transform-property-literals@npm:^7.0.0, @babel/plugin-transform-property-literals@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-property-literals@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/8d25b7b01b5f487cfc1a296555273c1ddad45276f01039130f57eb9ab0fafa0560d10d972323071042e73ac3b8bab596543c9d1a877229624a52e6535084ea51
+  checksum: 10c0/52564b58f3d111dc02d241d5892a4b01512e98dfdf6ef11b0ed62f8b11b0acacccef0fc229b44114fe8d1a57a8b70780b11bdd18b807d3754a781a07d8f57433
   languageName: node
   linkType: hard
 
 "@babel/plugin-transform-react-display-name@npm:^7.0.0":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-react-display-name@npm:7.22.5"
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-react-display-name@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/41e0167ecd8e5281e427556146b1d3bee8652bcd0664be013f16ffeeb4d61b7ab0b1e59bcc2c923774f0d265f78012628d5277880f758f3675893226f9be012e
+  checksum: 10c0/c14a07a9e75723c96f1a0a306b8a8e899ff1c6a0cc3d62bcda79bb1b54e4319127b258651c513a1a47da152cdc22e16525525a30ae5933a2980c7036fd0b4d24
   languageName: node
   linkType: hard
 
 "@babel/plugin-transform-react-jsx-self@npm:^7.0.0":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-react-jsx-self@npm:7.22.5"
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-react-jsx-self@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/263091bdede1f448cb2c59b84eb69972c15d3f022c929a75337bd20d8b65551ac38cd26dad1946eaa93289643506b10ddaea3445a28cb8fca5a773a22a0df90b
+  checksum: 10c0/dcf3b732401f47f06bb29d6016e48066f66de00029a0ded98ddd9983c770a00a109d91cd04d2700d15ee0bcec3ae3027a5f12d69e15ec56efc0bcbfac65e92cb
   languageName: node
   linkType: hard
 
 "@babel/plugin-transform-react-jsx-source@npm:^7.0.0":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-react-jsx-source@npm:7.22.5"
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-react-jsx-source@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/defc9debb76b4295e3617ef7795a0533dbbecef6f51bf5ba4bfc162df892a84fd39e14d5f1b9a5aad7b09b97074fef4c6756f9d2036eef5a9874acabe198f75a
+  checksum: 10c0/970ef1264c7c6c416ab11610665d5309aec2bd2b9086ae394e1132e65138d97b060a7dc9d31054e050d6dc475b5a213938c9707c0202a5022d55dcb4c5abe28f
   languageName: node
   linkType: hard
 
 "@babel/plugin-transform-react-jsx@npm:^7.0.0":
-  version: 7.22.15
-  resolution: "@babel/plugin-transform-react-jsx@npm:7.22.15"
+  version: 7.25.2
+  resolution: "@babel/plugin-transform-react-jsx@npm:7.25.2"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.22.5"
-    "@babel/helper-module-imports": "npm:^7.22.15"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/plugin-syntax-jsx": "npm:^7.22.5"
-    "@babel/types": "npm:^7.22.15"
+    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
+    "@babel/helper-module-imports": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/plugin-syntax-jsx": "npm:^7.24.7"
+    "@babel/types": "npm:^7.25.2"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/db37491e3eea5530521e177380312f308f01f806866fa0ce08d48fc5a8c9eaf9a954f778fa1ff477248afb72e916eb66ab3d35254bb6a8979f8b8e74a0fd8873
+  checksum: 10c0/8c5b515f38118471197605e02bea54a8a4283010e3c55bad8cfb78de59ad63612b14d40baca63689afdc9d57b147aac4c7794fe5f7736c9e1ed6dd38784be624
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-regenerator@npm:^7.20.0, @babel/plugin-transform-regenerator@npm:^7.22.10":
-  version: 7.22.10
-  resolution: "@babel/plugin-transform-regenerator@npm:7.22.10"
+"@babel/plugin-transform-regenerator@npm:^7.20.0, @babel/plugin-transform-regenerator@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-regenerator@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
     regenerator-transform: "npm:^0.15.2"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/b903bfc1e849ca956a981a199b4913c0998877b6ba759f6d64530c5106610f89a818d61471a9c1bdabb6d94ba4ba150febeb4d196f6a8e67fcdc44207bb8fef6
+  checksum: 10c0/d2dc2c788fdae9d97217e70d46ba8ca9db0035c398dc3e161552b0c437113719a75c04f201f9c91ddc8d28a1da60d0b0853f616dead98a396abb9c845c44892b
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-reserved-words@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-reserved-words@npm:7.22.5"
+"@babel/plugin-transform-reserved-words@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-reserved-words@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/3ee861941b1d3f9e50f1bb97a2067f33c868b8cd5fd3419a610b2ad5f3afef5f9e4b3740d26a617dc1a9e169a33477821d96b6917c774ea87cac6790d341abbd
+  checksum: 10c0/2229de2768615e7f5dc0bbc55bc121b5678fd6d2febd46c74a58e42bb894d74cd5955c805880f4e02d0e1cf94f6886270eda7fafc1be9305a1ec3b9fd1d063f5
   languageName: node
   linkType: hard
 
 "@babel/plugin-transform-runtime@npm:^7.0.0":
-  version: 7.23.2
-  resolution: "@babel/plugin-transform-runtime@npm:7.23.2"
-  dependencies:
-    "@babel/helper-module-imports": "npm:^7.22.15"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    babel-plugin-polyfill-corejs2: "npm:^0.4.6"
-    babel-plugin-polyfill-corejs3: "npm:^0.8.5"
-    babel-plugin-polyfill-regenerator: "npm:^0.5.3"
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-runtime@npm:7.24.7"
+  dependencies:
+    "@babel/helper-module-imports": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    babel-plugin-polyfill-corejs2: "npm:^0.4.10"
+    babel-plugin-polyfill-corejs3: "npm:^0.10.1"
+    babel-plugin-polyfill-regenerator: "npm:^0.6.1"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/440291cd42e51c3f8789a0bd45cebbf597cf5d4ee4185050f1151f579465db016902054c50684e288342a03c9f1af8cec365fc02d85d14dc2b2a30ad5eb07c42
+  checksum: 10c0/a33f5095872bbba00b8ee553dfe6941477e69a017a2e65e9dd86e80dab5c627635093b796eb1eb22aaaf2f874704f63ad1d99b952b83b59ef6b368ae04e5bb41
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-shorthand-properties@npm:^7.0.0, @babel/plugin-transform-shorthand-properties@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.22.5"
+"@babel/plugin-transform-shorthand-properties@npm:^7.0.0, @babel/plugin-transform-shorthand-properties@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-shorthand-properties@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/d2dd6b7033f536dd74569d7343bf3ca88c4bc12575e572a2c5446f42a1ebc8e69cec5e38fc0e63ac7c4a48b944a3225e4317d5db94287b9a5b381a5045c0cdb2
+  checksum: 10c0/41b155bdbb3be66618358488bf7731b3b2e8fff2de3dbfd541847720a9debfcec14db06a117abedd03c9cd786db20a79e2a86509a4f19513f6e1b610520905cf
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-spread@npm:^7.0.0, @babel/plugin-transform-spread@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-spread@npm:7.22.5"
+"@babel/plugin-transform-spread@npm:^7.0.0, @babel/plugin-transform-spread@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-spread@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/f8896b00d69557a4aafb3f48b7db6fbaa8462588e733afc4eabfdf79b12a6aed7d20341d160d704205591f0a43d04971d391fa80328f61240d1edc918079a1b0
+  checksum: 10c0/facba1553035f76b0d2930d4ada89a8cd0f45b79579afd35baefbfaf12e3b86096995f4b0c402cf9ee23b3f2ea0a4460c3b1ec0c192d340962c948bb223d4e66
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-sticky-regex@npm:^7.0.0, @babel/plugin-transform-sticky-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-sticky-regex@npm:7.22.5"
+"@babel/plugin-transform-sticky-regex@npm:^7.0.0, @babel/plugin-transform-sticky-regex@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-sticky-regex@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/42d9295d357415b55c04967ff1cd124cdcbabf2635614f9ad4f8b372d9ae35f6c02bf7473a5418b91e75235960cb1e61493e2c0581cb55bf9719b0986bcd22a5
+  checksum: 10c0/5a74ed2ed0a3ab51c3d15fcaf09d9e2fe915823535c7a4d7b019813177d559b69677090e189ec3d5d08b619483eb5ad371fbcfbbff5ace2a76ba33ee566a1109
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-template-literals@npm:^7.0.0, @babel/plugin-transform-template-literals@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-template-literals@npm:7.22.5"
+"@babel/plugin-transform-template-literals@npm:^7.0.0, @babel/plugin-transform-template-literals@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-template-literals@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/1fc597716edf9f5c7bc74e2fead4d7751467500486dd17092af90ccbd65c5fc4a1db2e9c86e9ed1a9f206f6a3403bbc07eab50b0c2b8e50f819b4118f2cf71ef
+  checksum: 10c0/3630f966257bcace122f04d3157416a09d40768c44c3a800855da81146b009187daa21859d1c3b7d13f4e19e8888e60613964b175b2275d451200fb6d8d6cfe6
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-typeof-symbol@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.22.5"
+"@babel/plugin-transform-typeof-symbol@npm:^7.24.8":
+  version: 7.24.8
+  resolution: "@babel/plugin-transform-typeof-symbol@npm:7.24.8"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/277084dd3e873d62541f683173c7cf33b8317f7714335b7e861cc5b4b76f09acbf532a4c9dfbcf7756d29bc07b94b48bd9356af478f424865a86c7d5798be7c0
+  checksum: 10c0/2f570a4fbbdc5fd85f48165a97452826560051e3b8efb48c3bb0a0a33ee8485633439e7b71bfe3ef705583a1df43f854f49125bd759abdedc195b2cf7e60012a
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-typescript@npm:^7.22.15, @babel/plugin-transform-typescript@npm:^7.5.0":
-  version: 7.22.15
-  resolution: "@babel/plugin-transform-typescript@npm:7.22.15"
+"@babel/plugin-transform-typescript@npm:^7.24.7, @babel/plugin-transform-typescript@npm:^7.5.0":
+  version: 7.25.2
+  resolution: "@babel/plugin-transform-typescript@npm:7.25.2"
   dependencies:
-    "@babel/helper-annotate-as-pure": "npm:^7.22.5"
-    "@babel/helper-create-class-features-plugin": "npm:^7.22.15"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/plugin-syntax-typescript": "npm:^7.22.5"
+    "@babel/helper-annotate-as-pure": "npm:^7.24.7"
+    "@babel/helper-create-class-features-plugin": "npm:^7.25.0"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-skip-transparent-expression-wrappers": "npm:^7.24.7"
+    "@babel/plugin-syntax-typescript": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/e6a110f5b70334c6a503c90855dde5660f479e48262c8338261aeb30c70eedcfe885265b788c89f5bef757d99ab6704ee22bb0d23579597bc9415cfa86607458
+  checksum: 10c0/b3c941da39ee7ecf72df1b78a01d4108160438245f2ab61befe182f51d17fd0034733c6d079b7efad81e03a66438aa3881a671cd68c5eb0fc775df86b88df996
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-escapes@npm:^7.22.10":
-  version: 7.22.10
-  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.22.10"
+"@babel/plugin-transform-unicode-escapes@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-unicode-escapes@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/68425d56698650087faa33fe40adf8bde32efc1d05ce564f02b62526e7f5b2f4633278b0a10ee2e7e36fb89c79c3330c730d96b8a872acea4702c5645cee98f8
+  checksum: 10c0/8b18e2e66af33471a6971289492beff5c240e56727331db1d34c4338a6a368a82a7ed6d57ec911001b6d65643aed76531e1e7cac93265fb3fb2717f54d845e69
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-property-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.22.5"
+"@babel/plugin-transform-unicode-property-regex@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-unicode-property-regex@npm:7.24.7"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/da424c1e99af0e920d21f7f121fb9503d0771597a4bd14130fb5f116407be29e9340c049d04733b3d8a132effe4f4585fe3cc9630ae3294a2df9199c8dfd7075
+  checksum: 10c0/bc57656eb94584d1b74a385d378818ac2b3fca642e3f649fead8da5fb3f9de22f8461185936915dfb33d5a9104e62e7a47828331248b09d28bb2d59e9276de3e
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-regex@npm:^7.0.0, @babel/plugin-transform-unicode-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-unicode-regex@npm:7.22.5"
+"@babel/plugin-transform-unicode-regex@npm:^7.0.0, @babel/plugin-transform-unicode-regex@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-unicode-regex@npm:7.24.7"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/4cfaf4bb724a5c55a6fb5b0ee6ebbeba78dc700b9bc0043715d4b37409d90b43c888735c613690a1ec0d8d8e41a500b9d3f0395aa9f55b174449c8407663684b
+  checksum: 10c0/83f72a345b751566b601dc4d07e9f2c8f1bc0e0c6f7abb56ceb3095b3c9d304de73f85f2f477a09f8cc7edd5e65afd0ff9e376cdbcbea33bc0c28f3705b38fd9
   languageName: node
   linkType: hard
 
-"@babel/plugin-transform-unicode-sets-regex@npm:^7.22.5":
-  version: 7.22.5
-  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.22.5"
+"@babel/plugin-transform-unicode-sets-regex@npm:^7.24.7":
+  version: 7.24.7
+  resolution: "@babel/plugin-transform-unicode-sets-regex@npm:7.24.7"
   dependencies:
-    "@babel/helper-create-regexp-features-plugin": "npm:^7.22.5"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
+    "@babel/helper-create-regexp-features-plugin": "npm:^7.24.7"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0
-  checksum: 10c0/af37b468332db051f0aaa144adbfab39574e570f613e121b58a551e3cbb7083c9f8c32a83ba2641172a4065128052643468438c19ad098cd62b2d97140dc483e
+  checksum: 10c0/7457c0ee8e80a80cb6fdc1fe54ab115b52815627616ce9151be8ef292fc99d04a910ec24f11382b4f124b89374264396892b086886bd2a9c2317904d87c9b21b
   languageName: node
   linkType: hard
 
 "@babel/preset-env@npm:^7.20.0":
-  version: 7.23.2
-  resolution: "@babel/preset-env@npm:7.23.2"
-  dependencies:
-    "@babel/compat-data": "npm:^7.23.2"
-    "@babel/helper-compilation-targets": "npm:^7.22.15"
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-validator-option": "npm:^7.22.15"
-    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "npm:^7.22.15"
-    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "npm:^7.22.15"
+  version: 7.25.3
+  resolution: "@babel/preset-env@npm:7.25.3"
+  dependencies:
+    "@babel/compat-data": "npm:^7.25.2"
+    "@babel/helper-compilation-targets": "npm:^7.25.2"
+    "@babel/helper-plugin-utils": "npm:^7.24.8"
+    "@babel/helper-validator-option": "npm:^7.24.8"
+    "@babel/plugin-bugfix-firefox-class-in-computed-class-key": "npm:^7.25.3"
+    "@babel/plugin-bugfix-safari-class-field-initializer-scope": "npm:^7.25.0"
+    "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression": "npm:^7.25.0"
+    "@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining": "npm:^7.24.7"
+    "@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly": "npm:^7.25.0"
     "@babel/plugin-proposal-private-property-in-object": "npm:7.21.0-placeholder-for-preset-env.2"
     "@babel/plugin-syntax-async-generators": "npm:^7.8.4"
     "@babel/plugin-syntax-class-properties": "npm:^7.12.13"
     "@babel/plugin-syntax-class-static-block": "npm:^7.14.5"
     "@babel/plugin-syntax-dynamic-import": "npm:^7.8.3"
     "@babel/plugin-syntax-export-namespace-from": "npm:^7.8.3"
-    "@babel/plugin-syntax-import-assertions": "npm:^7.22.5"
-    "@babel/plugin-syntax-import-attributes": "npm:^7.22.5"
+    "@babel/plugin-syntax-import-assertions": "npm:^7.24.7"
+    "@babel/plugin-syntax-import-attributes": "npm:^7.24.7"
     "@babel/plugin-syntax-import-meta": "npm:^7.10.4"
     "@babel/plugin-syntax-json-strings": "npm:^7.8.3"
     "@babel/plugin-syntax-logical-assignment-operators": "npm:^7.10.4"
@@ -1472,77 +1515,77 @@ __metadata:
     "@babel/plugin-syntax-private-property-in-object": "npm:^7.14.5"
     "@babel/plugin-syntax-top-level-await": "npm:^7.14.5"
     "@babel/plugin-syntax-unicode-sets-regex": "npm:^7.18.6"
-    "@babel/plugin-transform-arrow-functions": "npm:^7.22.5"
-    "@babel/plugin-transform-async-generator-functions": "npm:^7.23.2"
-    "@babel/plugin-transform-async-to-generator": "npm:^7.22.5"
-    "@babel/plugin-transform-block-scoped-functions": "npm:^7.22.5"
-    "@babel/plugin-transform-block-scoping": "npm:^7.23.0"
-    "@babel/plugin-transform-class-properties": "npm:^7.22.5"
-    "@babel/plugin-transform-class-static-block": "npm:^7.22.11"
-    "@babel/plugin-transform-classes": "npm:^7.22.15"
-    "@babel/plugin-transform-computed-properties": "npm:^7.22.5"
-    "@babel/plugin-transform-destructuring": "npm:^7.23.0"
-    "@babel/plugin-transform-dotall-regex": "npm:^7.22.5"
-    "@babel/plugin-transform-duplicate-keys": "npm:^7.22.5"
-    "@babel/plugin-transform-dynamic-import": "npm:^7.22.11"
-    "@babel/plugin-transform-exponentiation-operator": "npm:^7.22.5"
-    "@babel/plugin-transform-export-namespace-from": "npm:^7.22.11"
-    "@babel/plugin-transform-for-of": "npm:^7.22.15"
-    "@babel/plugin-transform-function-name": "npm:^7.22.5"
-    "@babel/plugin-transform-json-strings": "npm:^7.22.11"
-    "@babel/plugin-transform-literals": "npm:^7.22.5"
-    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.22.11"
-    "@babel/plugin-transform-member-expression-literals": "npm:^7.22.5"
-    "@babel/plugin-transform-modules-amd": "npm:^7.23.0"
-    "@babel/plugin-transform-modules-commonjs": "npm:^7.23.0"
-    "@babel/plugin-transform-modules-systemjs": "npm:^7.23.0"
-    "@babel/plugin-transform-modules-umd": "npm:^7.22.5"
-    "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.22.5"
-    "@babel/plugin-transform-new-target": "npm:^7.22.5"
-    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.22.11"
-    "@babel/plugin-transform-numeric-separator": "npm:^7.22.11"
-    "@babel/plugin-transform-object-rest-spread": "npm:^7.22.15"
-    "@babel/plugin-transform-object-super": "npm:^7.22.5"
-    "@babel/plugin-transform-optional-catch-binding": "npm:^7.22.11"
-    "@babel/plugin-transform-optional-chaining": "npm:^7.23.0"
-    "@babel/plugin-transform-parameters": "npm:^7.22.15"
-    "@babel/plugin-transform-private-methods": "npm:^7.22.5"
-    "@babel/plugin-transform-private-property-in-object": "npm:^7.22.11"
-    "@babel/plugin-transform-property-literals": "npm:^7.22.5"
-    "@babel/plugin-transform-regenerator": "npm:^7.22.10"
-    "@babel/plugin-transform-reserved-words": "npm:^7.22.5"
-    "@babel/plugin-transform-shorthand-properties": "npm:^7.22.5"
-    "@babel/plugin-transform-spread": "npm:^7.22.5"
-    "@babel/plugin-transform-sticky-regex": "npm:^7.22.5"
-    "@babel/plugin-transform-template-literals": "npm:^7.22.5"
-    "@babel/plugin-transform-typeof-symbol": "npm:^7.22.5"
-    "@babel/plugin-transform-unicode-escapes": "npm:^7.22.10"
-    "@babel/plugin-transform-unicode-property-regex": "npm:^7.22.5"
-    "@babel/plugin-transform-unicode-regex": "npm:^7.22.5"
-    "@babel/plugin-transform-unicode-sets-regex": "npm:^7.22.5"
+    "@babel/plugin-transform-arrow-functions": "npm:^7.24.7"
+    "@babel/plugin-transform-async-generator-functions": "npm:^7.25.0"
+    "@babel/plugin-transform-async-to-generator": "npm:^7.24.7"
+    "@babel/plugin-transform-block-scoped-functions": "npm:^7.24.7"
+    "@babel/plugin-transform-block-scoping": "npm:^7.25.0"
+    "@babel/plugin-transform-class-properties": "npm:^7.24.7"
+    "@babel/plugin-transform-class-static-block": "npm:^7.24.7"
+    "@babel/plugin-transform-classes": "npm:^7.25.0"
+    "@babel/plugin-transform-computed-properties": "npm:^7.24.7"
+    "@babel/plugin-transform-destructuring": "npm:^7.24.8"
+    "@babel/plugin-transform-dotall-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-duplicate-keys": "npm:^7.24.7"
+    "@babel/plugin-transform-duplicate-named-capturing-groups-regex": "npm:^7.25.0"
+    "@babel/plugin-transform-dynamic-import": "npm:^7.24.7"
+    "@babel/plugin-transform-exponentiation-operator": "npm:^7.24.7"
+    "@babel/plugin-transform-export-namespace-from": "npm:^7.24.7"
+    "@babel/plugin-transform-for-of": "npm:^7.24.7"
+    "@babel/plugin-transform-function-name": "npm:^7.25.1"
+    "@babel/plugin-transform-json-strings": "npm:^7.24.7"
+    "@babel/plugin-transform-literals": "npm:^7.25.2"
+    "@babel/plugin-transform-logical-assignment-operators": "npm:^7.24.7"
+    "@babel/plugin-transform-member-expression-literals": "npm:^7.24.7"
+    "@babel/plugin-transform-modules-amd": "npm:^7.24.7"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.24.8"
+    "@babel/plugin-transform-modules-systemjs": "npm:^7.25.0"
+    "@babel/plugin-transform-modules-umd": "npm:^7.24.7"
+    "@babel/plugin-transform-named-capturing-groups-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-new-target": "npm:^7.24.7"
+    "@babel/plugin-transform-nullish-coalescing-operator": "npm:^7.24.7"
+    "@babel/plugin-transform-numeric-separator": "npm:^7.24.7"
+    "@babel/plugin-transform-object-rest-spread": "npm:^7.24.7"
+    "@babel/plugin-transform-object-super": "npm:^7.24.7"
+    "@babel/plugin-transform-optional-catch-binding": "npm:^7.24.7"
+    "@babel/plugin-transform-optional-chaining": "npm:^7.24.8"
+    "@babel/plugin-transform-parameters": "npm:^7.24.7"
+    "@babel/plugin-transform-private-methods": "npm:^7.24.7"
+    "@babel/plugin-transform-private-property-in-object": "npm:^7.24.7"
+    "@babel/plugin-transform-property-literals": "npm:^7.24.7"
+    "@babel/plugin-transform-regenerator": "npm:^7.24.7"
+    "@babel/plugin-transform-reserved-words": "npm:^7.24.7"
+    "@babel/plugin-transform-shorthand-properties": "npm:^7.24.7"
+    "@babel/plugin-transform-spread": "npm:^7.24.7"
+    "@babel/plugin-transform-sticky-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-template-literals": "npm:^7.24.7"
+    "@babel/plugin-transform-typeof-symbol": "npm:^7.24.8"
+    "@babel/plugin-transform-unicode-escapes": "npm:^7.24.7"
+    "@babel/plugin-transform-unicode-property-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-unicode-regex": "npm:^7.24.7"
+    "@babel/plugin-transform-unicode-sets-regex": "npm:^7.24.7"
     "@babel/preset-modules": "npm:0.1.6-no-external-plugins"
-    "@babel/types": "npm:^7.23.0"
-    babel-plugin-polyfill-corejs2: "npm:^0.4.6"
-    babel-plugin-polyfill-corejs3: "npm:^0.8.5"
-    babel-plugin-polyfill-regenerator: "npm:^0.5.3"
-    core-js-compat: "npm:^3.31.0"
+    babel-plugin-polyfill-corejs2: "npm:^0.4.10"
+    babel-plugin-polyfill-corejs3: "npm:^0.10.4"
+    babel-plugin-polyfill-regenerator: "npm:^0.6.1"
+    core-js-compat: "npm:^3.37.1"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/b5912f09dc92a8f6b93420f3274499e30255af6dbe5673075a30a5bfead1a651e5eb362c6b95e3ba48c6e6bd4e38b7a5aceebba99997ec7c83833e2e6af9abde
+  checksum: 10c0/9287dc2e296fe2aa3367d84c2a799db17c9d1e48bba86525f47c6f51f5ba2e2cce454f45f4ae2ef928f9077c0640b04556b55b94835675ceeca94a0c5133205e
   languageName: node
   linkType: hard
 
 "@babel/preset-flow@npm:^7.13.13, @babel/preset-flow@npm:^7.20.0":
-  version: 7.22.15
-  resolution: "@babel/preset-flow@npm:7.22.15"
+  version: 7.24.7
+  resolution: "@babel/preset-flow@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-validator-option": "npm:^7.22.15"
-    "@babel/plugin-transform-flow-strip-types": "npm:^7.22.5"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-validator-option": "npm:^7.24.7"
+    "@babel/plugin-transform-flow-strip-types": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/7eef0c84ec1889d6c4f7a67d7d1a81703420eed123a8c23f25af148eead77907f0bd701f3e729fdb37d3ddb2a373bf43938b36a9ba17f546111ddb9521466b92
+  checksum: 10c0/2a99333b9aac17033cefe17fb9d8c41b20c4f2cd3eab34f56c20d7c1c528cc1cca7e6d909de92fc700739a505b43166c9de62423f8a30b484161ebdf9474e217
   languageName: node
   linkType: hard
 
@@ -1560,32 +1603,32 @@ __metadata:
   linkType: hard
 
 "@babel/preset-typescript@npm:^7.13.0, @babel/preset-typescript@npm:^7.18.0":
-  version: 7.23.2
-  resolution: "@babel/preset-typescript@npm:7.23.2"
+  version: 7.24.7
+  resolution: "@babel/preset-typescript@npm:7.24.7"
   dependencies:
-    "@babel/helper-plugin-utils": "npm:^7.22.5"
-    "@babel/helper-validator-option": "npm:^7.22.15"
-    "@babel/plugin-syntax-jsx": "npm:^7.22.5"
-    "@babel/plugin-transform-modules-commonjs": "npm:^7.23.0"
-    "@babel/plugin-transform-typescript": "npm:^7.22.15"
+    "@babel/helper-plugin-utils": "npm:^7.24.7"
+    "@babel/helper-validator-option": "npm:^7.24.7"
+    "@babel/plugin-syntax-jsx": "npm:^7.24.7"
+    "@babel/plugin-transform-modules-commonjs": "npm:^7.24.7"
+    "@babel/plugin-transform-typescript": "npm:^7.24.7"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/40eb71e9959d97a0c2e89fe5cf4c9db7edea5b103618d4c4b5cc7a41dd8c66ab1b1922c443607427000d7bb63e135e8c5f268f35426b2ba00ce53f75bf3b0f8b
+  checksum: 10c0/986bc0978eedb4da33aba8e1e13a3426dd1829515313b7e8f4ba5d8c18aff1663b468939d471814e7acf4045d326ae6cff37239878d169ac3fe53a8fde71f8ee
   languageName: node
   linkType: hard
 
 "@babel/register@npm:^7.0.0, @babel/register@npm:^7.13.16":
-  version: 7.22.15
-  resolution: "@babel/register@npm:7.22.15"
+  version: 7.24.6
+  resolution: "@babel/register@npm:7.24.6"
   dependencies:
     clone-deep: "npm:^4.0.1"
     find-cache-dir: "npm:^2.0.0"
     make-dir: "npm:^2.1.0"
-    pirates: "npm:^4.0.5"
+    pirates: "npm:^4.0.6"
     source-map-support: "npm:^0.5.16"
   peerDependencies:
     "@babel/core": ^7.0.0-0
-  checksum: 10c0/895cc773c3b3eae909478ea2a9735ef6edd634b04b4aaaad2ce576fd591c2b3c70ff8c90423e769a291bee072186e7e4801480c1907e31ba3053c6cdba5571cb
+  checksum: 10c0/e0c6d6c8945dd792f83dc7bd6be468246b3aedd62b32620e56a3f3328389b577a6261d4338a9de9519f4eadddfef5aa0fdc1f92082c778dedddcc5854e357f09
   languageName: node
   linkType: hard
 
@@ -1596,52 +1639,49 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.20.7, @babel/runtime@npm:^7.8.4":
-  version: 7.23.2
-  resolution: "@babel/runtime@npm:7.23.2"
+"@babel/runtime@npm:^7.0.0, @babel/runtime@npm:^7.8.4":
+  version: 7.25.0
+  resolution: "@babel/runtime@npm:7.25.0"
   dependencies:
     regenerator-runtime: "npm:^0.14.0"
-  checksum: 10c0/271fcfad8574269d9967b8a1c03f2e1eab108a52ad7c96ed136eee0b11f46156f1186637bd5e79a4207163db9a00413cd70a6428e137b982d0ee8ab85eb9f438
+  checksum: 10c0/bd3faf246170826cef2071a94d7b47b49d532351360ecd17722d03f6713fd93a3eb3dbd9518faa778d5e8ccad7392a7a604e56bd37aaad3f3aa68d619ccd983d
   languageName: node
   linkType: hard
 
-"@babel/template@npm:^7.0.0, @babel/template@npm:^7.22.15, @babel/template@npm:^7.22.5, @babel/template@npm:^7.3.3":
-  version: 7.22.15
-  resolution: "@babel/template@npm:7.22.15"
+"@babel/template@npm:^7.0.0, @babel/template@npm:^7.24.7, @babel/template@npm:^7.25.0, @babel/template@npm:^7.3.3":
+  version: 7.25.0
+  resolution: "@babel/template@npm:7.25.0"
   dependencies:
-    "@babel/code-frame": "npm:^7.22.13"
-    "@babel/parser": "npm:^7.22.15"
-    "@babel/types": "npm:^7.22.15"
-  checksum: 10c0/9312edd37cf1311d738907003f2aa321a88a42ba223c69209abe4d7111db019d321805504f606c7fd75f21c6cf9d24d0a8223104cd21ebd207e241b6c551f454
+    "@babel/code-frame": "npm:^7.24.7"
+    "@babel/parser": "npm:^7.25.0"
+    "@babel/types": "npm:^7.25.0"
+  checksum: 10c0/4e31afd873215744c016e02b04f43b9fa23205d6d0766fb2e93eb4091c60c1b88897936adb895fb04e3c23de98dfdcbe31bc98daaa1a4e0133f78bb948e1209b
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.20.0, @babel/traverse@npm:^7.23.2":
-  version: 7.23.2
-  resolution: "@babel/traverse@npm:7.23.2"
+"@babel/traverse@npm:^7.20.0, @babel/traverse@npm:^7.24.7, @babel/traverse@npm:^7.24.8, @babel/traverse@npm:^7.25.0, @babel/traverse@npm:^7.25.1, @babel/traverse@npm:^7.25.2, @babel/traverse@npm:^7.25.3":
+  version: 7.25.3
+  resolution: "@babel/traverse@npm:7.25.3"
   dependencies:
-    "@babel/code-frame": "npm:^7.22.13"
-    "@babel/generator": "npm:^7.23.0"
-    "@babel/helper-environment-visitor": "npm:^7.22.20"
-    "@babel/helper-function-name": "npm:^7.23.0"
-    "@babel/helper-hoist-variables": "npm:^7.22.5"
-    "@babel/helper-split-export-declaration": "npm:^7.22.6"
-    "@babel/parser": "npm:^7.23.0"
-    "@babel/types": "npm:^7.23.0"
-    debug: "npm:^4.1.0"
+    "@babel/code-frame": "npm:^7.24.7"
+    "@babel/generator": "npm:^7.25.0"
+    "@babel/parser": "npm:^7.25.3"
+    "@babel/template": "npm:^7.25.0"
+    "@babel/types": "npm:^7.25.2"
+    debug: "npm:^4.3.1"
     globals: "npm:^11.1.0"
-  checksum: 10c0/d096c7c4bab9262a2f658298a3c630ae4a15a10755bb257ae91d5ab3e3b2877438934859c8d34018b7727379fe6b26c4fa2efc81cf4c462a7fe00caf79fa02ff
+  checksum: 10c0/4c8a1966fa90b53a783a4afd2fcdaa6ab1a912e6621dca9fcc6633e80ccb9491620e88caf73b537da4e16cefd537b548c87d7087868d5b0066414dea375c0e9b
   languageName: node
   linkType: hard
 
-"@babel/types@npm:^7.0.0, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.22.15, @babel/types@npm:^7.22.19, @babel/types@npm:^7.22.5, @babel/types@npm:^7.23.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4, @babel/types@npm:^7.8.3":
-  version: 7.23.6
-  resolution: "@babel/types@npm:7.23.6"
+"@babel/types@npm:^7.0.0, @babel/types@npm:^7.20.0, @babel/types@npm:^7.20.7, @babel/types@npm:^7.24.7, @babel/types@npm:^7.24.8, @babel/types@npm:^7.25.0, @babel/types@npm:^7.25.2, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
+  version: 7.25.2
+  resolution: "@babel/types@npm:7.25.2"
   dependencies:
-    "@babel/helper-string-parser": "npm:^7.23.4"
-    "@babel/helper-validator-identifier": "npm:^7.22.20"
+    "@babel/helper-string-parser": "npm:^7.24.8"
+    "@babel/helper-validator-identifier": "npm:^7.24.7"
     to-fast-properties: "npm:^2.0.0"
-  checksum: 10c0/42cefce8a68bd09bb5828b4764aa5586c53c60128ac2ac012e23858e1c179347a4aac9c66fc577994fbf57595227611c5ec8270bf0cfc94ff033bbfac0550b70
+  checksum: 10c0/e489435856be239f8cc1120c90a197e4c2865385121908e5edb7223cfdff3768cba18f489adfe0c26955d9e7bbb1fb10625bc2517505908ceb0af848989bd864
   languageName: node
   linkType: hard
 
@@ -1746,15 +1786,15 @@ __metadata:
   linkType: hard
 
 "@eslint-community/regexpp@npm:^4.4.0, @eslint-community/regexpp@npm:^4.5.1, @eslint-community/regexpp@npm:^4.6.1":
-  version: 4.9.1
-  resolution: "@eslint-community/regexpp@npm:4.9.1"
-  checksum: 10c0/d0e1bd1a37cb2cb6bbac88dfe97b62b412d4b6ea3a4bb1c4e1e503be03125063db5d80999cef9728f57b19b49979aa902ac68182bcf5f80dfce6fa9a9d34eee1
+  version: 4.11.0
+  resolution: "@eslint-community/regexpp@npm:4.11.0"
+  checksum: 10c0/0f6328869b2741e2794da4ad80beac55cba7de2d3b44f796a60955b0586212ec75e6b0253291fd4aad2100ad471d1480d8895f2b54f1605439ba4c875e05e523
   languageName: node
   linkType: hard
 
-"@eslint/eslintrc@npm:^2.1.2":
-  version: 2.1.2
-  resolution: "@eslint/eslintrc@npm:2.1.2"
+"@eslint/eslintrc@npm:^2.1.4":
+  version: 2.1.4
+  resolution: "@eslint/eslintrc@npm:2.1.4"
   dependencies:
     ajv: "npm:^6.12.4"
     debug: "npm:^4.3.2"
@@ -1765,14 +1805,21 @@ __metadata:
     js-yaml: "npm:^4.1.0"
     minimatch: "npm:^3.1.2"
     strip-json-comments: "npm:^3.1.1"
-  checksum: 10c0/00efdc3797e6f05518060522b7788e5f5aff02f13facbd0c83b176c3dee86554023283a5f68542df379c5137685d2d29745c87f62bf2406a1d38d95471f44ce6
+  checksum: 10c0/32f67052b81768ae876c84569ffd562491ec5a5091b0c1e1ca1e0f3c24fb42f804952fdd0a137873bc64303ba368a71ba079a6f691cee25beee9722d94cc8573
   languageName: node
   linkType: hard
 
-"@eslint/js@npm:8.51.0":
-  version: 8.51.0
-  resolution: "@eslint/js@npm:8.51.0"
-  checksum: 10c0/c126d15213d938c72062b8f04388c084ba778771f2409ce508aa4b78152bf57e442b4c7996f632577b642101da5b41df101aece775fcc213a3159f55bcc4bdee
+"@eslint/js@npm:8.57.0":
+  version: 8.57.0
+  resolution: "@eslint/js@npm:8.57.0"
+  checksum: 10c0/9a518bb8625ba3350613903a6d8c622352ab0c6557a59fe6ff6178bf882bf57123f9d92aa826ee8ac3ee74b9c6203fe630e9ee00efb03d753962dcf65ee4bd94
+  languageName: node
+  linkType: hard
+
+"@fastify/busboy@npm:^2.0.0":
+  version: 2.1.1
+  resolution: "@fastify/busboy@npm:2.1.1"
+  checksum: 10c0/6f8027a8cba7f8f7b736718b013f5a38c0476eea67034c94a0d3c375e2b114366ad4419e6a6fa7ffc2ef9c6d3e0435d76dd584a7a1cbac23962fda7650b579e3
   languageName: node
   linkType: hard
 
@@ -2332,27 +2379,27 @@ __metadata:
   linkType: hard
 
 "@grpc/proto-loader@npm:^0.7.8":
-  version: 0.7.10
-  resolution: "@grpc/proto-loader@npm:0.7.10"
+  version: 0.7.13
+  resolution: "@grpc/proto-loader@npm:0.7.13"
   dependencies:
     lodash.camelcase: "npm:^4.3.0"
     long: "npm:^5.0.0"
-    protobufjs: "npm:^7.2.4"
+    protobufjs: "npm:^7.2.5"
     yargs: "npm:^17.7.2"
   bin:
     proto-loader-gen-types: build/bin/proto-loader-gen-types.js
-  checksum: 10c0/efd9a094afd90a271019adb7213dbbf6ae8788b7ad5b9b98e2b15848f0dcdd645ab8701b7feb981e3692846d4f81f71468be61bb10e85ced53dfd9a5aa2df7dd
+  checksum: 10c0/dc8ed7aa1454c15e224707cc53d84a166b98d76f33606a9f334c7a6fb1aedd3e3614dcd2c2b02a6ffaf140587d19494f93b3a56346c6c2e26bc564f6deddbbf3
   languageName: node
   linkType: hard
 
-"@hapi/hoek@npm:^9.0.0":
+"@hapi/hoek@npm:^9.0.0, @hapi/hoek@npm:^9.3.0":
   version: 9.3.0
   resolution: "@hapi/hoek@npm:9.3.0"
   checksum: 10c0/a096063805051fb8bba4c947e293c664b05a32b47e13bc654c0dd43813a1cec993bdd8f29ceb838020299e1d0f89f68dc0d62a603c13c9cc8541963f0beca055
   languageName: node
   linkType: hard
 
-"@hapi/topo@npm:^5.0.0":
+"@hapi/topo@npm:^5.1.0":
   version: 5.1.0
   resolution: "@hapi/topo@npm:5.1.0"
   dependencies:
@@ -2361,14 +2408,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@humanwhocodes/config-array@npm:^0.11.11":
-  version: 0.11.11
-  resolution: "@humanwhocodes/config-array@npm:0.11.11"
+"@humanwhocodes/config-array@npm:^0.11.14":
+  version: 0.11.14
+  resolution: "@humanwhocodes/config-array@npm:0.11.14"
   dependencies:
-    "@humanwhocodes/object-schema": "npm:^1.2.1"
-    debug: "npm:^4.1.1"
+    "@humanwhocodes/object-schema": "npm:^2.0.2"
+    debug: "npm:^4.3.1"
     minimatch: "npm:^3.0.5"
-  checksum: 10c0/4195f68e485f7d1a7c95cf0f126cc41f7223eeda2f1b46b893123c99b35bb76145c37d25e2ba452d54815ed69bb656c0ce9e343ffa984470c08afa6e82a4713f
+  checksum: 10c0/66f725b4ee5fdd8322c737cb5013e19fac72d4d69c8bf4b7feb192fcb83442b035b92186f8e9497c220e58b2d51a080f28a73f7899bc1ab288c3be172c467541
   languageName: node
   linkType: hard
 
@@ -2379,10 +2426,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@humanwhocodes/object-schema@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "@humanwhocodes/object-schema@npm:1.2.1"
-  checksum: 10c0/c3c35fdb70c04a569278351c75553e293ae339684ed75895edc79facc7276e351115786946658d78133130c0cca80e57e2203bc07f8fa7fe7980300e8deef7db
+"@humanwhocodes/object-schema@npm:^2.0.2":
+  version: 2.0.3
+  resolution: "@humanwhocodes/object-schema@npm:2.0.3"
+  checksum: 10c0/80520eabbfc2d32fe195a93557cef50dfe8c8905de447f022675aaf66abc33ae54098f5ea78548d925aa671cd4ab7c7daa5ad704fe42358c9b5e7db60f80696c
   languageName: node
   linkType: hard
 
@@ -2420,7 +2467,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@istanbuljs/schema@npm:^0.1.2":
+"@istanbuljs/schema@npm:^0.1.2, @istanbuljs/schema@npm:^0.1.3":
   version: 0.1.3
   resolution: "@istanbuljs/schema@npm:0.1.3"
   checksum: 10c0/61c5286771676c9ca3eb2bd8a7310a9c063fb6e0e9712225c8471c582d157392c88f5353581c8c9adbe0dff98892317d2fdfc56c3499aa42e0194405206a963a
@@ -2676,19 +2723,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/types@npm:^27.5.1":
-  version: 27.5.1
-  resolution: "@jest/types@npm:27.5.1"
-  dependencies:
-    "@types/istanbul-lib-coverage": "npm:^2.0.0"
-    "@types/istanbul-reports": "npm:^3.0.0"
-    "@types/node": "npm:*"
-    "@types/yargs": "npm:^16.0.0"
-    chalk: "npm:^4.0.0"
-  checksum: 10c0/4598b302398db0eb77168b75a6c58148ea02cc9b9f21c5d1bbe985c1c9257110a5653cf7b901c3cab87fba231e3fed83633687f1c0903b4bc6939ab2a8452504
-  languageName: node
-  linkType: hard
-
 "@jest/types@npm:^29.6.3":
   version: 29.6.3
   resolution: "@jest/types@npm:29.6.3"
@@ -2703,55 +2737,55 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/gen-mapping@npm:^0.3.0, @jridgewell/gen-mapping@npm:^0.3.2":
-  version: 0.3.3
-  resolution: "@jridgewell/gen-mapping@npm:0.3.3"
+"@jridgewell/gen-mapping@npm:^0.3.5":
+  version: 0.3.5
+  resolution: "@jridgewell/gen-mapping@npm:0.3.5"
   dependencies:
-    "@jridgewell/set-array": "npm:^1.0.1"
+    "@jridgewell/set-array": "npm:^1.2.1"
     "@jridgewell/sourcemap-codec": "npm:^1.4.10"
-    "@jridgewell/trace-mapping": "npm:^0.3.9"
-  checksum: 10c0/376fc11cf5a967318ba3ddd9d8e91be528eab6af66810a713c49b0c3f8dc67e9949452c51c38ab1b19aa618fb5e8594da5a249977e26b1e7fea1ee5a1fcacc74
+    "@jridgewell/trace-mapping": "npm:^0.3.24"
+  checksum: 10c0/1be4fd4a6b0f41337c4f5fdf4afc3bd19e39c3691924817108b82ffcb9c9e609c273f936932b9fba4b3a298ce2eb06d9bff4eb1cc3bd81c4f4ee1b4917e25feb
   languageName: node
   linkType: hard
 
 "@jridgewell/resolve-uri@npm:^3.1.0":
-  version: 3.1.1
-  resolution: "@jridgewell/resolve-uri@npm:3.1.1"
-  checksum: 10c0/0dbc9e29bc640bbbdc5b9876d2859c69042bfcf1423c1e6421bcca53e826660bff4e41c7d4bcb8dbea696404231a6f902f76ba41835d049e20f2dd6cffb713bf
+  version: 3.1.2
+  resolution: "@jridgewell/resolve-uri@npm:3.1.2"
+  checksum: 10c0/d502e6fb516b35032331406d4e962c21fe77cdf1cbdb49c6142bcbd9e30507094b18972778a6e27cbad756209cfe34b1a27729e6fa08a2eb92b33943f680cf1e
   languageName: node
   linkType: hard
 
-"@jridgewell/set-array@npm:^1.0.1":
-  version: 1.1.2
-  resolution: "@jridgewell/set-array@npm:1.1.2"
-  checksum: 10c0/bc7ab4c4c00470de4e7562ecac3c0c84f53e7ee8a711e546d67c47da7febe7c45cd67d4d84ee3c9b2c05ae8e872656cdded8a707a283d30bd54fbc65aef821ab
+"@jridgewell/set-array@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "@jridgewell/set-array@npm:1.2.1"
+  checksum: 10c0/2a5aa7b4b5c3464c895c802d8ae3f3d2b92fcbe84ad12f8d0bfbb1f5ad006717e7577ee1fd2eac00c088abe486c7adb27976f45d2941ff6b0b92b2c3302c60f4
   languageName: node
   linkType: hard
 
 "@jridgewell/source-map@npm:^0.3.3":
-  version: 0.3.5
-  resolution: "@jridgewell/source-map@npm:0.3.5"
+  version: 0.3.6
+  resolution: "@jridgewell/source-map@npm:0.3.6"
   dependencies:
-    "@jridgewell/gen-mapping": "npm:^0.3.0"
-    "@jridgewell/trace-mapping": "npm:^0.3.9"
-  checksum: 10c0/b985d9ebd833a21a6e9ace820c8a76f60345a34d9e28d98497c16b6e93ce1f131bff0abd45f8585f14aa382cce678ed680d628c631b40a9616a19cfbc2049b68
+    "@jridgewell/gen-mapping": "npm:^0.3.5"
+    "@jridgewell/trace-mapping": "npm:^0.3.25"
+  checksum: 10c0/6a4ecc713ed246ff8e5bdcc1ef7c49aaa93f7463d948ba5054dda18b02dcc6a055e2828c577bcceee058f302ce1fc95595713d44f5c45e43d459f88d267f2f04
   languageName: node
   linkType: hard
 
 "@jridgewell/sourcemap-codec@npm:^1.4.10, @jridgewell/sourcemap-codec@npm:^1.4.14":
-  version: 1.4.15
-  resolution: "@jridgewell/sourcemap-codec@npm:1.4.15"
-  checksum: 10c0/0c6b5ae663087558039052a626d2d7ed5208da36cfd707dcc5cea4a07cfc918248403dcb5989a8f7afaf245ce0573b7cc6fd94c4a30453bd10e44d9363940ba5
+  version: 1.5.0
+  resolution: "@jridgewell/sourcemap-codec@npm:1.5.0"
+  checksum: 10c0/2eb864f276eb1096c3c11da3e9bb518f6d9fc0023c78344cdc037abadc725172c70314bdb360f2d4b7bffec7f5d657ce006816bc5d4ecb35e61b66132db00c18
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.17, @jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.9":
-  version: 0.3.19
-  resolution: "@jridgewell/trace-mapping@npm:0.3.19"
+"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.18, @jridgewell/trace-mapping@npm:^0.3.24, @jridgewell/trace-mapping@npm:^0.3.25":
+  version: 0.3.25
+  resolution: "@jridgewell/trace-mapping@npm:0.3.25"
   dependencies:
     "@jridgewell/resolve-uri": "npm:^3.1.0"
     "@jridgewell/sourcemap-codec": "npm:^1.4.14"
-  checksum: 10c0/845e6c6efca621b2b85e4d13fd25c319b6e4ab1ea78d4385ff6c0f78322ea0fcdfec8ac763aa4b56e8378c96d7bef101a2638c7a1a076f7d62f6376230c940a7
+  checksum: 10c0/3d1ce6ebc69df9682a5a8896b414c6537e428a1d68b02fcc8363b04284a8ca0df04d0ee3013132252ab14f2527bc13bea6526a912ecb5658f0e39fd2860b4df4
   languageName: node
   linkType: hard
 
@@ -2799,24 +2833,24 @@ __metadata:
   linkType: hard
 
 "@npmcli/agent@npm:^2.0.0":
-  version: 2.2.0
-  resolution: "@npmcli/agent@npm:2.2.0"
+  version: 2.2.2
+  resolution: "@npmcli/agent@npm:2.2.2"
   dependencies:
     agent-base: "npm:^7.1.0"
     http-proxy-agent: "npm:^7.0.0"
     https-proxy-agent: "npm:^7.0.1"
     lru-cache: "npm:^10.0.1"
-    socks-proxy-agent: "npm:^8.0.1"
-  checksum: 10c0/7b89590598476dda88e79c473766b67c682aae6e0ab0213491daa6083dcc0c171f86b3868f5506f22c09aa5ea69ad7dfb78f4bf39a8dca375d89a42f408645b3
+    socks-proxy-agent: "npm:^8.0.3"
+  checksum: 10c0/325e0db7b287d4154ecd164c0815c08007abfb07653cc57bceded17bb7fd240998a3cbdbe87d700e30bef494885eccc725ab73b668020811d56623d145b524ae
   languageName: node
   linkType: hard
 
 "@npmcli/fs@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "@npmcli/fs@npm:3.1.0"
+  version: 3.1.1
+  resolution: "@npmcli/fs@npm:3.1.1"
   dependencies:
     semver: "npm:^7.3.5"
-  checksum: 10c0/162b4a0b8705cd6f5c2470b851d1dc6cd228c86d2170e1769d738c1fbb69a87160901411c3c035331e9e99db72f1f1099a8b734bf1637cc32b9a5be1660e4e1e
+  checksum: 10c0/c37a5b4842bfdece3d14dfdb054f73fe15ed2d3da61b34ff76629fb5b1731647c49166fd2a8bf8b56fcfa51200382385ea8909a3cbecdad612310c114d3f6c99
   languageName: node
   linkType: hard
 
@@ -3054,121 +3088,121 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-clean@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli-clean@npm:12.0.0-alpha.15"
+"@react-native-community/cli-clean@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli-clean@npm:13.6.0"
   dependencies:
-    "@react-native-community/cli-tools": "npm:12.0.0-alpha.15"
+    "@react-native-community/cli-tools": "npm:13.6.0"
     chalk: "npm:^4.1.2"
     execa: "npm:^5.0.0"
-    prompts: "npm:^2.4.2"
-  checksum: 10c0/122cdc9bc554a14fefc1f578df5113bc62c29d5159b9c2e9b5ca56df6843ff6f8daae0485090ade77370d9e00df74b3e11beb99b5195b7f4d718c2147dbfbcf4
+    fast-glob: "npm:^3.3.2"
+  checksum: 10c0/c06777f42f90e6d7d39664b72fd4249b0b028acdf0d2f88086fc41321da815bf473d25c2fb3a7f6dfee42719d7cdd5da70f38517473e783a5be401808941b8d8
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-config@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli-config@npm:12.0.0-alpha.15"
+"@react-native-community/cli-config@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli-config@npm:13.6.0"
   dependencies:
-    "@react-native-community/cli-tools": "npm:12.0.0-alpha.15"
+    "@react-native-community/cli-tools": "npm:13.6.0"
     chalk: "npm:^4.1.2"
     cosmiconfig: "npm:^5.1.0"
     deepmerge: "npm:^4.3.0"
-    glob: "npm:^7.1.3"
+    fast-glob: "npm:^3.3.2"
     joi: "npm:^17.2.1"
-  checksum: 10c0/b732ece45e23ba3853d8cd03982628daed539a305620a7c6fcc707f97bc6b91984203d41ba80a43d4326157b9743bbc492f3ab1158c22bfc6f7130dab8e8c654
+  checksum: 10c0/b2c610b6494b3af740bcfb61675f5e3397fcb6b0529178829636d12be8eca6fe5af87e8eff7ba152fd0ee211902f3f1f64e8352e6e57aedd80f16dc58c1c8c86
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-debugger-ui@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli-debugger-ui@npm:12.0.0-alpha.15"
+"@react-native-community/cli-debugger-ui@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli-debugger-ui@npm:13.6.0"
   dependencies:
     serve-static: "npm:^1.13.1"
-  checksum: 10c0/30b34eeb62f4e62b717afb59cee5a39187e213d247fb3475bb5af9f03e0ebb2682fd454b0a4a6b81fcd0f01b49b77a018533cd9dffb01619b747ca4d2e855fa7
+  checksum: 10c0/8f9d394121e94aa2325ee8d7497c8ac8a85e2c8d97253c9c58ecf225c554c2853fa6d56c150f89dbf66387c4f462a07dd091e402cf751dfebd577c020cbb2381
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-doctor@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli-doctor@npm:12.0.0-alpha.15"
+"@react-native-community/cli-doctor@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli-doctor@npm:13.6.0"
   dependencies:
-    "@react-native-community/cli-config": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-platform-android": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-platform-ios": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-tools": "npm:12.0.0-alpha.15"
+    "@react-native-community/cli-config": "npm:13.6.0"
+    "@react-native-community/cli-platform-android": "npm:13.6.0"
+    "@react-native-community/cli-platform-apple": "npm:13.6.0"
+    "@react-native-community/cli-platform-ios": "npm:13.6.0"
+    "@react-native-community/cli-tools": "npm:13.6.0"
     chalk: "npm:^4.1.2"
     command-exists: "npm:^1.2.8"
     deepmerge: "npm:^4.3.0"
-    envinfo: "npm:^7.7.2"
+    envinfo: "npm:^7.10.0"
     execa: "npm:^5.0.0"
     hermes-profile-transformer: "npm:^0.0.6"
-    ip: "npm:^1.1.5"
     node-stream-zip: "npm:^1.9.1"
     ora: "npm:^5.4.1"
-    prompts: "npm:^2.4.2"
     semver: "npm:^7.5.2"
     strip-ansi: "npm:^5.2.0"
     wcwidth: "npm:^1.0.1"
     yaml: "npm:^2.2.1"
-  checksum: 10c0/5fcc426b96a64774121988537a367894c426d755cbcdb4cc6951f66da9ef4edb8b32f38df5888b9dd9eddc7b25ff82198935b3ff3d16e2701e15e40a904aa95c
+  checksum: 10c0/b1cbcd2e72dbd4aed08c838d95d60b08a021f5cadfe2172cec203aadba6fdda9b39e6d2be6384114b254c1a4b0275ac9a45e6ad40efec5613c1ed99385e683bd
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-hermes@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli-hermes@npm:12.0.0-alpha.15"
+"@react-native-community/cli-hermes@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli-hermes@npm:13.6.0"
   dependencies:
-    "@react-native-community/cli-platform-android": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-tools": "npm:12.0.0-alpha.15"
+    "@react-native-community/cli-platform-android": "npm:13.6.0"
+    "@react-native-community/cli-tools": "npm:13.6.0"
     chalk: "npm:^4.1.2"
     hermes-profile-transformer: "npm:^0.0.6"
-    ip: "npm:^1.1.5"
-  checksum: 10c0/471cf3af229aba255342832febb1fa35423cfcc7b03630b95f8b5ffdfe3ae0e84510f5a6ca3d97edbd0fe96a74a0e5859069fb5ffcaaaf518d84926fa2bcb530
+  checksum: 10c0/0078926556fb8f450c50aec0e792df4400d626bf29143225d934dcf666e0ef8b0f0465bc9957e4b89c5bbf244ed13e5a13ad7997172712c4c1fd4bf80e5085cb
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-platform-android@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli-platform-android@npm:12.0.0-alpha.15"
+"@react-native-community/cli-platform-android@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli-platform-android@npm:13.6.0"
   dependencies:
-    "@react-native-community/cli-tools": "npm:12.0.0-alpha.15"
+    "@react-native-community/cli-tools": "npm:13.6.0"
     chalk: "npm:^4.1.2"
     execa: "npm:^5.0.0"
+    fast-glob: "npm:^3.3.2"
     fast-xml-parser: "npm:^4.2.4"
-    glob: "npm:^7.1.3"
     logkitty: "npm:^0.7.1"
-  checksum: 10c0/740fee38259d7840b518aa55c7e958d588950a81f5ba593b1db25c1ab1f22d1af70e44aedcaa10859b5b09dbcf579687ac1b721f16e84a80f3034d5a3b0e76f7
+  checksum: 10c0/8478aeedd9a6f846e807b8865d9b72001a04b710a42a03b93be0193263a7710defefa1ef3570af1b1d19ffead99da293178e260e8740e12953dce3806bbf03ea
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-platform-ios@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli-platform-ios@npm:12.0.0-alpha.15"
+"@react-native-community/cli-platform-apple@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli-platform-apple@npm:13.6.0"
   dependencies:
-    "@react-native-community/cli-tools": "npm:12.0.0-alpha.15"
+    "@react-native-community/cli-tools": "npm:13.6.0"
     chalk: "npm:^4.1.2"
     execa: "npm:^5.0.0"
+    fast-glob: "npm:^3.3.2"
     fast-xml-parser: "npm:^4.0.12"
-    glob: "npm:^7.1.3"
     ora: "npm:^5.4.1"
-  checksum: 10c0/8a870e052edb0bc40e3e955daa4da900fd70453cf184286a8157f3faa7d4e2779a898a9b1d1a3ea9b09d4501b565e3e512c2dbe0e9e841de1b047acc3391160f
+  checksum: 10c0/80d48970bf55f66cef79994775f32a13a24345b2ded3a3f5281c638e38bb0742c146aed1e0d61e51cba47b18c884fc595062ade33f8362f96735fb372927c267
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-plugin-metro@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli-plugin-metro@npm:12.0.0-alpha.15"
-  checksum: 10c0/18a377ebfdf889e0c04f79f550e8a1bf0f5a0caa81979dab59eb51f4bc88f61dfca83ab3b53e0ca89e2ab548b41d0b423f03848004dd03bcbd0afc01a2a7a681
+"@react-native-community/cli-platform-ios@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli-platform-ios@npm:13.6.0"
+  dependencies:
+    "@react-native-community/cli-platform-apple": "npm:13.6.0"
+  checksum: 10c0/86878d856709d1ac9f00c8422ee0b3178bfe85d3f767a2961b54b2f4ba34c5940b7ddeeeb9b2a60e755de18775603c2801a7cf638e0ebd058ff6376a3958cbec
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-server-api@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli-server-api@npm:12.0.0-alpha.15"
+"@react-native-community/cli-server-api@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli-server-api@npm:13.6.0"
   dependencies:
-    "@react-native-community/cli-debugger-ui": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-tools": "npm:12.0.0-alpha.15"
+    "@react-native-community/cli-debugger-ui": "npm:13.6.0"
+    "@react-native-community/cli-tools": "npm:13.6.0"
     compression: "npm:^1.7.1"
     connect: "npm:^3.6.5"
     errorhandler: "npm:^1.5.1"
@@ -3176,16 +3210,17 @@ __metadata:
     pretty-format: "npm:^26.6.2"
     serve-static: "npm:^1.13.1"
     ws: "npm:^7.5.1"
-  checksum: 10c0/ae0c887a5a73b7c4b2f84b58a1f932fe2f5836f6f7276421ec867a9a60f033c95405ef1fdc94a93dd1511c6dd232804d1ef709800fd58108107d3137286c11d2
+  checksum: 10c0/6f7f13e14788b81500f15d715862b72073367998027562e1e1300cb1b8b5deae91637a3c1dd63cf0321e079c6109d0dab4d588aec1a3f321a2035def47331e3d
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-tools@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli-tools@npm:12.0.0-alpha.15"
+"@react-native-community/cli-tools@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli-tools@npm:13.6.0"
   dependencies:
     appdirsjs: "npm:^1.2.4"
     chalk: "npm:^4.1.2"
+    execa: "npm:^5.0.0"
     find-up: "npm:^5.0.0"
     mime: "npm:^2.4.1"
     node-fetch: "npm:^2.6.0"
@@ -3194,34 +3229,34 @@ __metadata:
     semver: "npm:^7.5.2"
     shell-quote: "npm:^1.7.3"
     sudo-prompt: "npm:^9.0.0"
-  checksum: 10c0/9472e076b63e816edcbd566a06d08aee143188a978bf818f0fd3217a919f0d3fe26f657f04c4f361d8d29947a36b0f18b9523a231da26a1993964d43b298c03d
+  checksum: 10c0/69e3a563412949f7e8ad46edc8119bae9c81f526d4b63d80075c4f457ab51656a3f811441ae09c88d7ebebd40378c7abba3fc7c0407382a104e74739be82fbfb
   languageName: node
   linkType: hard
 
-"@react-native-community/cli-types@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli-types@npm:12.0.0-alpha.15"
+"@react-native-community/cli-types@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli-types@npm:13.6.0"
   dependencies:
     joi: "npm:^17.2.1"
-  checksum: 10c0/cea3d59581a5ce9ffc0c8229c4dd60fad184930f141f899f0e231fd956a5d7e58b8d8c6a448149957530b393fa0a898d41e105b3182edfab480533ea4a4e5be1
+  checksum: 10c0/e0828bd7b1c02877a8c8f5d82f14e4ab96c3dffd5a10e5f5450fa33ab1e640e798d17d4825394c1d638db3cc5be2c2fc4c10896ae0cb2c11055d12f8b4d6573f
   languageName: node
   linkType: hard
 
-"@react-native-community/cli@npm:12.0.0-alpha.15":
-  version: 12.0.0-alpha.15
-  resolution: "@react-native-community/cli@npm:12.0.0-alpha.15"
+"@react-native-community/cli@npm:13.6.0":
+  version: 13.6.0
+  resolution: "@react-native-community/cli@npm:13.6.0"
   dependencies:
-    "@react-native-community/cli-clean": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-config": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-debugger-ui": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-doctor": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-hermes": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-plugin-metro": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-server-api": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-tools": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-types": "npm:12.0.0-alpha.15"
+    "@react-native-community/cli-clean": "npm:13.6.0"
+    "@react-native-community/cli-config": "npm:13.6.0"
+    "@react-native-community/cli-debugger-ui": "npm:13.6.0"
+    "@react-native-community/cli-doctor": "npm:13.6.0"
+    "@react-native-community/cli-hermes": "npm:13.6.0"
+    "@react-native-community/cli-server-api": "npm:13.6.0"
+    "@react-native-community/cli-tools": "npm:13.6.0"
+    "@react-native-community/cli-types": "npm:13.6.0"
     chalk: "npm:^4.1.2"
     commander: "npm:^9.4.1"
+    deepmerge: "npm:^4.3.0"
     execa: "npm:^5.0.0"
     find-up: "npm:^4.1.0"
     fs-extra: "npm:^8.1.0"
@@ -3230,7 +3265,7 @@ __metadata:
     semver: "npm:^7.5.2"
   bin:
     react-native: build/bin.js
-  checksum: 10c0/3792eede5c9cf61e5844f582ceeb9063d88088499552e4dcd5b54e0692e73083016a5b2bb33fea2d1773769efda2c4b721bbe5ecc9520364b607e4b3276a12d6
+  checksum: 10c0/a6ce71733b4d5834a5cceed636f427f46bf63ac2d0a489100bcafe6e8c1586fcd62991de52fcce24e29eef9d0eb9ac69e16b192e39634c4b25fb4ec6f932760f
   languageName: node
   linkType: hard
 
@@ -3247,8 +3282,8 @@ __metadata:
     "@definitelytyped/dtslint": "npm:^0.0.127"
     "@jest/create-cache-key-function": "npm:^29.6.3"
     "@pkgjs/parseargs": "npm:^0.11.0"
-    "@react-native/metro-babel-transformer": "npm:^0.73.11"
-    "@react-native/metro-config": "npm:^0.73.0"
+    "@react-native/metro-babel-transformer": "npm:0.74.0"
+    "@react-native/metro-config": "npm:0.74.0"
     "@tsconfig/node18": "npm:1.0.1"
     "@types/react": "npm:^18.0.18"
     "@typescript-eslint/parser": "npm:^6.7.4"
@@ -3275,22 +3310,24 @@ __metadata:
     eslint-plugin-react-native: "npm:^4.0.0"
     eslint-plugin-redundant-undefined: "npm:^0.4.0"
     eslint-plugin-relay: "npm:^1.8.3"
-    flow-api-translator: "npm:0.16.0"
-    flow-bin: "npm:^0.218.0"
+    flow-api-translator: "npm:0.19.1"
+    flow-bin: "npm:^0.228.0"
     glob: "npm:^7.1.1"
-    hermes-eslint: "npm:0.16.0"
+    hermes-eslint: "npm:0.19.1"
+    hermes-transform: "npm:0.19.1"
     inquirer: "npm:^7.1.0"
     jest: "npm:^29.6.3"
     jest-junit: "npm:^10.0.0"
     jscodeshift: "npm:^0.14.0"
-    metro-babel-register: "npm:0.79.1"
-    metro-memory-fs: "npm:0.79.1"
+    metro-babel-register: "npm:^0.80.0"
+    metro-memory-fs: "npm:^0.80.0"
     micromatch: "npm:^4.0.4"
     mkdirp: "npm:^0.5.1"
     mock-fs: "npm:^5.1.4"
+    node-fetch: "npm:^2.2.0"
     nullthrows: "npm:^1.1.1"
     prettier: "npm:2.8.8"
-    prettier-plugin-hermes-parser: "npm:0.16.0"
+    prettier-plugin-hermes-parser: "npm:0.19.1"
     react: "npm:18.2.0"
     react-test-renderer: "npm:18.2.0"
     rimraf: "npm:^3.0.2"
@@ -3304,7 +3341,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@react-native-mac/virtualized-lists@npm:^0.73.0, @react-native-mac/virtualized-lists@workspace:packages/virtualized-lists":
+"@react-native-mac/virtualized-lists@npm:^0.74.0, @react-native-mac/virtualized-lists@workspace:packages/virtualized-lists":
   version: 0.0.0-use.local
   resolution: "@react-native-mac/virtualized-lists@workspace:packages/virtualized-lists"
   dependencies:
@@ -3313,26 +3350,27 @@ __metadata:
     nullthrows: "npm:^1.1.1"
     react-test-renderer: "npm:18.2.0"
   peerDependencies:
+    react: "*"
     react-native: "*"
   languageName: unknown
   linkType: soft
 
-"@react-native/assets-registry@npm:^0.73.0, @react-native/assets-registry@workspace:packages/assets":
+"@react-native/assets-registry@npm:0.74.0, @react-native/assets-registry@workspace:packages/assets":
   version: 0.0.0-use.local
   resolution: "@react-native/assets-registry@workspace:packages/assets"
   languageName: unknown
   linkType: soft
 
-"@react-native/babel-plugin-codegen@npm:*, @react-native/babel-plugin-codegen@workspace:packages/babel-plugin-codegen":
+"@react-native/babel-plugin-codegen@npm:0.74.0, @react-native/babel-plugin-codegen@workspace:packages/babel-plugin-codegen":
   version: 0.0.0-use.local
   resolution: "@react-native/babel-plugin-codegen@workspace:packages/babel-plugin-codegen"
   dependencies:
     "@babel/core": "npm:^7.20.0"
-    "@react-native/codegen": "npm:*"
+    "@react-native/codegen": "npm:0.74.0"
   languageName: unknown
   linkType: soft
 
-"@react-native/babel-preset@npm:*, @react-native/babel-preset@workspace:packages/react-native-babel-preset":
+"@react-native/babel-preset@npm:0.74.0, @react-native/babel-preset@workspace:packages/react-native-babel-preset":
   version: 0.0.0-use.local
   resolution: "@react-native/babel-preset@workspace:packages/react-native-babel-preset"
   dependencies:
@@ -3340,6 +3378,7 @@ __metadata:
     "@babel/plugin-proposal-async-generator-functions": "npm:^7.0.0"
     "@babel/plugin-proposal-class-properties": "npm:^7.18.0"
     "@babel/plugin-proposal-export-default-from": "npm:^7.0.0"
+    "@babel/plugin-proposal-logical-assignment-operators": "npm:^7.18.0"
     "@babel/plugin-proposal-nullish-coalescing-operator": "npm:^7.18.0"
     "@babel/plugin-proposal-numeric-separator": "npm:^7.0.0"
     "@babel/plugin-proposal-object-rest-spread": "npm:^7.20.0"
@@ -3375,7 +3414,7 @@ __metadata:
     "@babel/plugin-transform-typescript": "npm:^7.5.0"
     "@babel/plugin-transform-unicode-regex": "npm:^7.0.0"
     "@babel/template": "npm:^7.0.0"
-    "@react-native/babel-plugin-codegen": "npm:*"
+    "@react-native/babel-plugin-codegen": "npm:0.74.0"
     babel-plugin-transform-flow-enums: "npm:^0.0.2"
     react-refresh: "npm:^0.14.0"
   peerDependencies:
@@ -3389,9 +3428,7 @@ __metadata:
   dependencies:
     "@octokit/rest": "npm:^18.12.0"
     "@rnx-kit/rn-changelog-generator": "npm:^0.4.0"
-    "@seadub/danger-plugin-eslint": "npm:^3.0.2"
     danger: "npm:^11.2.1"
-    eslint: "npm:^8.19.0"
     firebase: "npm:^9.6.5"
     lodash.includes: "npm:^4.3.0"
     minimatch: "npm:^3.0.5"
@@ -3412,7 +3449,7 @@ __metadata:
     "@babel/plugin-transform-destructuring": "npm:^7.20.0"
     "@babel/plugin-transform-flow-strip-types": "npm:^7.20.0"
     "@babel/preset-env": "npm:^7.20.0"
-    "@react-native/codegen": "npm:*"
+    "@react-native/codegen": "npm:0.74.0"
     "@types/jest": "npm:^29.5.3"
     jest: "npm:^29.6.3"
     rimraf: "npm:^3.0.2"
@@ -3421,7 +3458,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@react-native/codegen@npm:*, @react-native/codegen@npm:^0.73.0, @react-native/codegen@workspace:packages/react-native-codegen":
+"@react-native/codegen@npm:0.74.0, @react-native/codegen@workspace:packages/react-native-codegen":
   version: 0.0.0-use.local
   resolution: "@react-native/codegen@workspace:packages/react-native-codegen"
   dependencies:
@@ -3437,8 +3474,9 @@ __metadata:
     "@babel/plugin-transform-flow-strip-types": "npm:^7.20.0"
     "@babel/preset-env": "npm:^7.20.0"
     chalk: "npm:^4.0.0"
-    flow-parser: "npm:^0.206.0"
     glob: "npm:^7.1.1"
+    hermes-estree: "npm:0.19.1"
+    hermes-parser: "npm:0.19.1"
     invariant: "npm:^2.2.4"
     jscodeshift: "npm:^0.14.0"
     micromatch: "npm:^4.0.4"
@@ -3446,50 +3484,58 @@ __metadata:
     nullthrows: "npm:^1.1.1"
     prettier: "npm:2.8.8"
     rimraf: "npm:^3.0.2"
+    yargs: "npm:^17.6.2"
   peerDependencies:
     "@babel/preset-env": ^7.1.6
   languageName: unknown
   linkType: soft
 
-"@react-native/community-cli-plugin@npm:^0.73.0, @react-native/community-cli-plugin@workspace:packages/community-cli-plugin":
+"@react-native/community-cli-plugin@npm:0.74.0, @react-native/community-cli-plugin@workspace:packages/community-cli-plugin":
   version: 0.0.0-use.local
   resolution: "@react-native/community-cli-plugin@workspace:packages/community-cli-plugin"
   dependencies:
-    "@react-native-community/cli-server-api": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-tools": "npm:12.0.0-alpha.15"
-    "@react-native/dev-middleware": "npm:^0.73.0"
-    "@react-native/metro-babel-transformer": "npm:^0.73.11"
+    "@react-native-community/cli-server-api": "npm:13.6.0"
+    "@react-native-community/cli-tools": "npm:13.6.0"
+    "@react-native/dev-middleware": "npm:0.74.0"
+    "@react-native/metro-babel-transformer": "npm:0.74.0"
     chalk: "npm:^4.0.0"
     execa: "npm:^5.1.1"
-    metro: "npm:0.79.1"
-    metro-config: "npm:0.79.1"
-    metro-core: "npm:0.79.1"
-    metro-resolver: "npm:0.79.1"
+    metro: "npm:^0.80.3"
+    metro-config: "npm:^0.80.3"
+    metro-core: "npm:^0.80.3"
+    metro-resolver: "npm:^0.80.3"
     node-fetch: "npm:^2.2.0"
+    querystring: "npm:^0.2.1"
     readline: "npm:^1.3.0"
   languageName: unknown
   linkType: soft
 
-"@react-native/debugger-frontend@npm:^0.73.0, @react-native/debugger-frontend@workspace:packages/debugger-frontend":
+"@react-native/debugger-frontend@npm:0.74.0, @react-native/debugger-frontend@workspace:packages/debugger-frontend":
   version: 0.0.0-use.local
   resolution: "@react-native/debugger-frontend@workspace:packages/debugger-frontend"
   languageName: unknown
   linkType: soft
 
-"@react-native/dev-middleware@npm:^0.73.0, @react-native/dev-middleware@workspace:packages/dev-middleware":
+"@react-native/dev-middleware@npm:0.74.0, @react-native/dev-middleware@workspace:packages/dev-middleware":
   version: 0.0.0-use.local
   resolution: "@react-native/dev-middleware@workspace:packages/dev-middleware"
   dependencies:
     "@isaacs/ttlcache": "npm:^1.4.1"
-    "@react-native/debugger-frontend": "npm:^0.73.0"
+    "@react-native/debugger-frontend": "npm:0.74.0"
+    "@rnx-kit/chromium-edge-launcher": "npm:^1.0.0"
     chrome-launcher: "npm:^0.15.2"
-    chromium-edge-launcher: "npm:^1.0.0"
     connect: "npm:^3.6.5"
+    data-uri-to-buffer: "npm:^6.0.1"
     debug: "npm:^2.2.0"
     node-fetch: "npm:^2.2.0"
+    nullthrows: "npm:^1.1.1"
     open: "npm:^7.0.3"
+    selfsigned: "npm:^2.4.1"
     serve-static: "npm:^1.13.1"
     temp-dir: "npm:^2.0.0"
+    undici: "npm:^5.27.2"
+    wait-for-expect: "npm:^3.0.2"
+    ws: "npm:^6.2.2"
   languageName: unknown
   linkType: soft
 
@@ -3499,7 +3545,7 @@ __metadata:
   dependencies:
     "@babel/core": "npm:^7.20.0"
     "@babel/eslint-parser": "npm:^7.20.0"
-    "@react-native/eslint-plugin": "npm:^0.73.0"
+    "@react-native/eslint-plugin": "npm:0.74.0"
     "@typescript-eslint/eslint-plugin": "npm:^6.7.4"
     "@typescript-eslint/parser": "npm:^6.7.4"
     eslint: "npm:^8.23.1"
@@ -3526,15 +3572,14 @@ __metadata:
     "@babel/eslint-parser": "npm:^7.20.0"
     "@babel/plugin-transform-flow-strip-types": "npm:^7.20.0"
     "@babel/preset-flow": "npm:^7.20.0"
-    "@react-native/codegen": "npm:*"
-    flow-parser: "npm:^0.206.0"
+    "@react-native/codegen": "npm:0.74.0"
     make-dir: "npm:^2.1.0"
     pirates: "npm:^4.0.1"
     source-map-support: "npm:0.5.0"
   languageName: unknown
   linkType: soft
 
-"@react-native/eslint-plugin@npm:^0.73.0, @react-native/eslint-plugin@workspace:packages/eslint-plugin-react-native":
+"@react-native/eslint-plugin@npm:0.74.0, @react-native/eslint-plugin@workspace:packages/eslint-plugin-react-native":
   version: 0.0.0-use.local
   resolution: "@react-native/eslint-plugin@workspace:packages/eslint-plugin-react-native"
   languageName: unknown
@@ -3548,7 +3593,7 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@react-native/gradle-plugin@npm:^0.73.0, @react-native/gradle-plugin@workspace:packages/react-native-gradle-plugin":
+"@react-native/gradle-plugin@npm:0.74.0, @react-native/gradle-plugin@workspace:packages/react-native-gradle-plugin":
   version: 0.0.0-use.local
   resolution: "@react-native/gradle-plugin@workspace:packages/react-native-gradle-plugin"
   languageName: unknown
@@ -3570,42 +3615,55 @@ __metadata:
   languageName: unknown
   linkType: soft
 
-"@react-native/js-polyfills@npm:^0.73.0, @react-native/js-polyfills@workspace:packages/polyfills":
+"@react-native/js-polyfills@npm:0.74.0, @react-native/js-polyfills@workspace:packages/polyfills":
   version: 0.0.0-use.local
   resolution: "@react-native/js-polyfills@workspace:packages/polyfills"
   languageName: unknown
   linkType: soft
 
-"@react-native/metro-babel-transformer@npm:^0.73.11, @react-native/metro-babel-transformer@workspace:packages/react-native-babel-transformer":
+"@react-native/metro-babel-transformer@npm:0.74.0, @react-native/metro-babel-transformer@workspace:packages/react-native-babel-transformer":
   version: 0.0.0-use.local
   resolution: "@react-native/metro-babel-transformer@workspace:packages/react-native-babel-transformer"
   dependencies:
     "@babel/core": "npm:^7.20.0"
-    "@react-native/babel-preset": "npm:*"
-    hermes-parser: "npm:0.16.0"
+    "@react-native/babel-preset": "npm:0.74.0"
+    hermes-parser: "npm:0.19.1"
     nullthrows: "npm:^1.1.1"
   peerDependencies:
     "@babel/core": "*"
   languageName: unknown
   linkType: soft
 
-"@react-native/metro-config@npm:^0.73.0, @react-native/metro-config@workspace:packages/metro-config":
+"@react-native/metro-config@npm:0.74.0, @react-native/metro-config@workspace:packages/metro-config":
   version: 0.0.0-use.local
   resolution: "@react-native/metro-config@workspace:packages/metro-config"
   dependencies:
-    "@react-native/js-polyfills": "npm:^0.73.0"
-    "@react-native/metro-babel-transformer": "npm:^0.73.11"
-    metro-config: "npm:0.79.1"
-    metro-runtime: "npm:0.79.1"
+    "@react-native/js-polyfills": "npm:0.74.0"
+    "@react-native/metro-babel-transformer": "npm:0.74.0"
+    metro-config: "npm:^0.80.3"
+    metro-runtime: "npm:^0.80.3"
   languageName: unknown
   linkType: soft
 
-"@react-native/normalize-colors@npm:*, @react-native/normalize-colors@npm:^0.73.0, @react-native/normalize-colors@workspace:packages/normalize-color":
+"@react-native/normalize-colors@npm:0.74.1, @react-native/normalize-colors@workspace:packages/normalize-color":
   version: 0.0.0-use.local
   resolution: "@react-native/normalize-colors@workspace:packages/normalize-color"
   languageName: unknown
   linkType: soft
 
+"@react-native/test-renderer@workspace:packages/react-native-test-renderer":
+  version: 0.0.0-use.local
+  resolution: "@react-native/test-renderer@workspace:packages/react-native-test-renderer"
+  dependencies:
+    "@babel/core": "npm:^7.20.0"
+    "@babel/plugin-transform-react-jsx": "npm:^7.0.0"
+    "@babel/preset-env": "npm:^7.20.0"
+    "@babel/preset-flow": "npm:^7.20.0"
+  peerDependencies:
+    jest: ^29.7.0
+  languageName: unknown
+  linkType: soft
+
 "@react-native/tester-e2e@workspace:packages/rn-tester-e2e":
   version: 0.0.0-use.local
   resolution: "@react-native/tester-e2e@workspace:packages/rn-tester-e2e"
@@ -3638,6 +3696,20 @@ __metadata:
   languageName: unknown
   linkType: soft
 
+"@rnx-kit/chromium-edge-launcher@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "@rnx-kit/chromium-edge-launcher@npm:1.0.0"
+  dependencies:
+    "@types/node": "npm:^18.0.0"
+    escape-string-regexp: "npm:^4.0.0"
+    is-wsl: "npm:^2.2.0"
+    lighthouse-logger: "npm:^1.0.0"
+    mkdirp: "npm:^1.0.4"
+    rimraf: "npm:^3.0.2"
+  checksum: 10c0/21182379a914ad244b556e794eb6bc6dc63a099cbd2f3eb315a13bd431dc6f24ca096ffb465ad76465144d02969f538a93ef7ef1b2280135174fdae4db5206b3
+  languageName: node
+  linkType: hard
+
 "@rnx-kit/rn-changelog-generator@npm:^0.4.0":
   version: 0.4.1
   resolution: "@rnx-kit/rn-changelog-generator@npm:0.4.1"
@@ -3647,50 +3719,42 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@rushstack/node-core-library@npm:3.61.0":
-  version: 3.61.0
-  resolution: "@rushstack/node-core-library@npm:3.61.0"
+"@rushstack/node-core-library@npm:5.5.1":
+  version: 5.5.1
+  resolution: "@rushstack/node-core-library@npm:5.5.1"
   dependencies:
-    colors: "npm:~1.2.1"
+    ajv: "npm:~8.13.0"
+    ajv-draft-04: "npm:~1.0.0"
+    ajv-formats: "npm:~3.0.1"
     fs-extra: "npm:~7.0.1"
     import-lazy: "npm:~4.0.0"
     jju: "npm:~1.4.0"
     resolve: "npm:~1.22.1"
     semver: "npm:~7.5.4"
-    z-schema: "npm:~5.0.2"
   peerDependencies:
     "@types/node": "*"
   peerDependenciesMeta:
     "@types/node":
       optional: true
-  checksum: 10c0/6ae8205e57b13b2898fcc07754a70d2c716ecd5c853310a7a75c6321c1f1be79695eb7571d975243f2f83df1ba5d15342c0fa50715b8f146f7ae544f94d89eb6
+  checksum: 10c0/cd433fe0857f1a827910ffa97670df161bc2dc25255252a1cb23f2e7796b8000ac3c39df6723b1d31cf9629ad348291ba1591da3a200a9ff754ca266b785f010
   languageName: node
   linkType: hard
 
 "@rushstack/package-deps-hash@npm:^4.0.0":
-  version: 4.1.9
-  resolution: "@rushstack/package-deps-hash@npm:4.1.9"
+  version: 4.1.63
+  resolution: "@rushstack/package-deps-hash@npm:4.1.63"
   dependencies:
-    "@rushstack/node-core-library": "npm:3.61.0"
-  checksum: 10c0/fd88c29bf8624b99d14787bf1279f006906d089bd88345da1c497a3070e1919c65c3c8bbce63463f12a23edb430712b2acf956ec21279649ab6b4074e32ceed7
-  languageName: node
-  linkType: hard
-
-"@seadub/danger-plugin-eslint@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "@seadub/danger-plugin-eslint@npm:3.0.2"
-  peerDependencies:
-    eslint: ">=8"
-  checksum: 10c0/3cc466e92765be21c3a0088ee2e6ee38000ba27e7d570c7cde4033f284a655e56cc63e370fe6de0095956222c6f25e54e3f790c491ae1f828dfa067eb3ca23eb
+    "@rushstack/node-core-library": "npm:5.5.1"
+  checksum: 10c0/586d8ef14d75bec9289e4b19e87774ee045b37d4b59017f4b45dc536e709babfb49ae4178ee57def040398c2320f0a813940a37e02d1ac7b1902defd43b2e827
   languageName: node
   linkType: hard
 
-"@sideway/address@npm:^4.1.3":
-  version: 4.1.4
-  resolution: "@sideway/address@npm:4.1.4"
+"@sideway/address@npm:^4.1.5":
+  version: 4.1.5
+  resolution: "@sideway/address@npm:4.1.5"
   dependencies:
     "@hapi/hoek": "npm:^9.0.0"
-  checksum: 10c0/c6fad7d87fb016053e9e9b69c2f2d1f23036d5f1696df141e64c3c58bcf8c7d2a4133348adc2d246682410364d5922c6271ae556122741025794fb7c19814aae
+  checksum: 10c0/638eb6f7e7dba209053dd6c8da74d7cc995e2b791b97644d0303a7dd3119263bcb7225a4f6804d4db2bc4f96e5a9d262975a014f58eae4d1753c27cbc96ef959
   languageName: node
   linkType: hard
 
@@ -3723,11 +3787,11 @@ __metadata:
   linkType: hard
 
 "@sinonjs/commons@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "@sinonjs/commons@npm:3.0.0"
+  version: 3.0.1
+  resolution: "@sinonjs/commons@npm:3.0.1"
   dependencies:
     type-detect: "npm:4.0.8"
-  checksum: 10c0/1df9cd257942f4e4960dfb9fd339d9e97b6a3da135f3d5b8646562918e863809cb8e00268535f4f4723535d2097881c8fc03d545c414d8555183376cfc54ee84
+  checksum: 10c0/1227a7b5bd6c6f9584274db996d7f8cee2c8c350534b9d0141fc662eaf1f292ea0ae3ed19e5e5271c8fd390d27e492ca2803acd31a1978be2cdc6be0da711403
   languageName: node
   linkType: hard
 
@@ -3764,50 +3828,50 @@ __metadata:
   linkType: hard
 
 "@types/aria-query@npm:^5.0.0":
-  version: 5.0.2
-  resolution: "@types/aria-query@npm:5.0.2"
-  checksum: 10c0/74579b9e3f7f5042e8a05ab103dd652e724a556a5700fab778c76c53729635b73da5d242143df1fb9447e607f904cbd81871dd2b876f0974831a794165287b20
+  version: 5.0.4
+  resolution: "@types/aria-query@npm:5.0.4"
+  checksum: 10c0/dc667bc6a3acc7bba2bccf8c23d56cb1f2f4defaa704cfef595437107efaa972d3b3db9ec1d66bc2711bfc35086821edd32c302bffab36f2e79b97f312069f08
   languageName: node
   linkType: hard
 
 "@types/babel__core@npm:^7.1.14":
-  version: 7.20.2
-  resolution: "@types/babel__core@npm:7.20.2"
+  version: 7.20.5
+  resolution: "@types/babel__core@npm:7.20.5"
   dependencies:
     "@babel/parser": "npm:^7.20.7"
     "@babel/types": "npm:^7.20.7"
     "@types/babel__generator": "npm:*"
     "@types/babel__template": "npm:*"
     "@types/babel__traverse": "npm:*"
-  checksum: 10c0/4bd4bc0803ddd17af37871a8139e5b6c80b182f5f6d716c6484da1286522eba84750ffc527539bc39496876e7193f316b7493b99caa37af2b4e6ef345ee2ff8c
+  checksum: 10c0/bdee3bb69951e833a4b811b8ee9356b69a61ed5b7a23e1a081ec9249769117fa83aaaf023bb06562a038eb5845155ff663e2d5c75dd95c1d5ccc91db012868ff
   languageName: node
   linkType: hard
 
 "@types/babel__generator@npm:*":
-  version: 7.6.5
-  resolution: "@types/babel__generator@npm:7.6.5"
+  version: 7.6.8
+  resolution: "@types/babel__generator@npm:7.6.8"
   dependencies:
     "@babel/types": "npm:^7.0.0"
-  checksum: 10c0/b3e2668950208a681966fb93faa3a9164319caf960ff2ae232469fd09aa9b59a35d3328221027c373bb29d250b709073479f4fa1e404d109515846a65e06f0e2
+  checksum: 10c0/f0ba105e7d2296bf367d6e055bb22996886c114261e2cb70bf9359556d0076c7a57239d019dee42bb063f565bade5ccb46009bce2044b2952d964bf9a454d6d2
   languageName: node
   linkType: hard
 
 "@types/babel__template@npm:*":
-  version: 7.4.2
-  resolution: "@types/babel__template@npm:7.4.2"
+  version: 7.4.4
+  resolution: "@types/babel__template@npm:7.4.4"
   dependencies:
     "@babel/parser": "npm:^7.1.0"
     "@babel/types": "npm:^7.0.0"
-  checksum: 10c0/487e1a2fcb382d70a6f6e8136f19979e8db6048cd2eebee153e561b5c529f45e45ee8a5422078aa66375c9c5dfc67bcd2fd3989dc8e3a4ba0149640b7dbd1c13
+  checksum: 10c0/cc84f6c6ab1eab1427e90dd2b76ccee65ce940b778a9a67be2c8c39e1994e6f5bbc8efa309f6cea8dc6754994524cd4d2896558df76d92e7a1f46ecffee7112b
   languageName: node
   linkType: hard
 
 "@types/babel__traverse@npm:*, @types/babel__traverse@npm:^7.0.6":
-  version: 7.20.2
-  resolution: "@types/babel__traverse@npm:7.20.2"
+  version: 7.20.6
+  resolution: "@types/babel__traverse@npm:7.20.6"
   dependencies:
     "@babel/types": "npm:^7.20.7"
-  checksum: 10c0/4a018298e7da9eef2cb962cf2daa1b87dd32f6b2f800b81d2d8f1c8db6c56a2bcac432c7b7a090c746784ccccd82f2c1dcf7cebe1e72923a27359af87bef854b
+  checksum: 10c0/7ba7db61a53e28cac955aa99af280d2600f15a8c056619c05b6fc911cbe02c61aa4f2823299221b23ce0cce00b294c0e5f618ec772aa3f247523c2e48cf7b888
   languageName: node
   linkType: hard
 
@@ -3852,34 +3916,34 @@ __metadata:
   linkType: hard
 
 "@types/graceful-fs@npm:^4.1.3":
-  version: 4.1.7
-  resolution: "@types/graceful-fs@npm:4.1.7"
+  version: 4.1.9
+  resolution: "@types/graceful-fs@npm:4.1.9"
   dependencies:
     "@types/node": "npm:*"
-  checksum: 10c0/a8c04a250cb40207b15097b33c053f5ecf4352f5107c0a2635f674dae8c9a90b28dc9bd6e28307d5aab0b5d3853e713de42110a149a6e303626915047134e87d
+  checksum: 10c0/235d2fc69741448e853333b7c3d1180a966dd2b8972c8cbcd6b2a0c6cd7f8d582ab2b8e58219dbc62cce8f1b40aa317ff78ea2201cdd8249da5025adebed6f0b
   languageName: node
   linkType: hard
 
 "@types/http-cache-semantics@npm:*":
-  version: 4.0.2
-  resolution: "@types/http-cache-semantics@npm:4.0.2"
-  checksum: 10c0/975258beba5a6ce446b67f9bf905385d8d44cecad54d839208e86018b0fe4a517c62ec7a169ec64ed454363628def75446fa09d99755f3797f213b596477fe97
+  version: 4.0.4
+  resolution: "@types/http-cache-semantics@npm:4.0.4"
+  checksum: 10c0/51b72568b4b2863e0fe8d6ce8aad72a784b7510d72dc866215642da51d84945a9459fa89f49ec48f1e9a1752e6a78e85a4cda0ded06b1c73e727610c925f9ce6
   languageName: node
   linkType: hard
 
 "@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.0, @types/istanbul-lib-coverage@npm:^2.0.1":
-  version: 2.0.4
-  resolution: "@types/istanbul-lib-coverage@npm:2.0.4"
-  checksum: 10c0/af5f6b64e788331ed3f7b2e2613cb6ca659c58b8500be94bbda8c995ad3da9216c006f1cfe6f66b321c39392b1bda18b16e63cef090a77d24a00b4bd5ba3b018
+  version: 2.0.6
+  resolution: "@types/istanbul-lib-coverage@npm:2.0.6"
+  checksum: 10c0/3948088654f3eeb45363f1db158354fb013b362dba2a5c2c18c559484d5eb9f6fd85b23d66c0a7c2fcfab7308d0a585b14dadaca6cc8bf89ebfdc7f8f5102fb7
   languageName: node
   linkType: hard
 
 "@types/istanbul-lib-report@npm:*":
-  version: 3.0.1
-  resolution: "@types/istanbul-lib-report@npm:3.0.1"
+  version: 3.0.3
+  resolution: "@types/istanbul-lib-report@npm:3.0.3"
   dependencies:
     "@types/istanbul-lib-coverage": "npm:*"
-  checksum: 10c0/a2a002ee7ecd9079a2c06235d28d1bc77089c3d834eec7e6dac38986203634936f2a017812624acfbedabec4bddd933942f14ac93eba2dc57f581ad4f35bbf1d
+  checksum: 10c0/247e477bbc1a77248f3c6de5dadaae85ff86ac2d76c5fc6ab1776f54512a745ff2a5f791d22b942e3990ddbd40f3ef5289317c4fca5741bedfaa4f01df89051c
   languageName: node
   linkType: hard
 
@@ -3894,28 +3958,28 @@ __metadata:
   linkType: hard
 
 "@types/istanbul-reports@npm:^3.0.0":
-  version: 3.0.2
-  resolution: "@types/istanbul-reports@npm:3.0.2"
+  version: 3.0.4
+  resolution: "@types/istanbul-reports@npm:3.0.4"
   dependencies:
     "@types/istanbul-lib-report": "npm:*"
-  checksum: 10c0/df6c9e6865006be06bae29f63d5240b96bc7041b18a8c6d66be5b5d92ef5c95675c7a605a603029065f4f8aece7dba7360349e9d0543f512417e64a707a3c4fa
+  checksum: 10c0/1647fd402aced5b6edac87274af14ebd6b3a85447ef9ad11853a70fd92a98d35f81a5d3ea9fcb5dbb5834e800c6e35b64475e33fcae6bfa9acc70d61497c54ee
   languageName: node
   linkType: hard
 
 "@types/jest@npm:^29.5.3":
-  version: 29.5.5
-  resolution: "@types/jest@npm:29.5.5"
+  version: 29.5.12
+  resolution: "@types/jest@npm:29.5.12"
   dependencies:
     expect: "npm:^29.0.0"
     pretty-format: "npm:^29.0.0"
-  checksum: 10c0/0a3481f119099e6a0a381fec0d410cd33241267a0981576a7a832687fc3f888f79285289dc7c054c3589fd443f7ed1598d25fa7bc9708491b58da17e423b4aff
+  checksum: 10c0/25fc8e4c611fa6c4421e631432e9f0a6865a8cb07c9815ec9ac90d630271cad773b2ee5fe08066f7b95bebd18bb967f8ce05d018ee9ab0430f9dfd1d84665b6f
   languageName: node
   linkType: hard
 
 "@types/json-schema@npm:^7.0.12, @types/json-schema@npm:^7.0.9":
-  version: 7.0.13
-  resolution: "@types/json-schema@npm:7.0.13"
-  checksum: 10c0/446fe6722899333ff647b5853fdcc9f039156d56abe517166154d3578d641841cc869f61e8b7822c24a1daeb7dfbd4fdcea84bf07c0858e2f9cca415e2ca8dd4
+  version: 7.0.15
+  resolution: "@types/json-schema@npm:7.0.15"
+  checksum: 10c0/a996a745e6c5d60292f36731dd41341339d4eeed8180bb09226e5c8d23759067692b1d88e5d91d72ee83dfc00d3aca8e7bd43ea120516c17922cbcb7c3e252db
   languageName: node
   linkType: hard
 
@@ -3936,21 +4000,29 @@ __metadata:
   linkType: hard
 
 "@types/node-fetch@npm:*":
-  version: 2.6.6
-  resolution: "@types/node-fetch@npm:2.6.6"
+  version: 3.0.2
+  resolution: "@types/node-fetch@npm:3.0.2"
+  dependencies:
+    node-fetch: "npm:*"
+  checksum: 10c0/2fedd8ff347c0d1fcd0491a3408087a1d8306a38a2425464ec72049ab3353debdec99d988e2a5ab5b32ee9f275aab30c1e10a250f2b6c3b91824b7aa26653700
+  languageName: node
+  linkType: hard
+
+"@types/node-forge@npm:^1.3.0":
+  version: 1.3.11
+  resolution: "@types/node-forge@npm:1.3.11"
   dependencies:
     "@types/node": "npm:*"
-    form-data: "npm:^4.0.0"
-  checksum: 10c0/fce52a0b65f4cb9e5059c9b3250682c8f0f0c2ce1d1a18b5bbc61b5fbf5f320b76d42b4dfa5c0567fe0704bdf0c0397527008efcb0749859aaaff8c51b6ed6c1
+  checksum: 10c0/3d7d23ca0ba38ac0cf74028393bd70f31169ab9aba43f21deb787840170d307d662644bac07287495effe2812ddd7ac8a14dbd43f16c2936bbb06312e96fc3b9
   languageName: node
   linkType: hard
 
 "@types/node@npm:*, @types/node@npm:>=12.12.47, @types/node@npm:>=13.7.0":
-  version: 20.8.6
-  resolution: "@types/node@npm:20.8.6"
+  version: 22.0.2
+  resolution: "@types/node@npm:22.0.2"
   dependencies:
-    undici-types: "npm:~5.25.1"
-  checksum: 10c0/d0a2bef7e041553540291091d171b6aa7e5e647e4c2d5092e71d5d69bfb272625cd023d5208b91955a78780dac6fdea591962576cfd7a7a94fabbc707fadf7a1
+    undici-types: "npm:~6.11.1"
+  checksum: 10c0/59ee26fb1104674b2e23981d7569ad113aa8ee23c8449af8e4312aa9352ac738c5ffd0ae4d8077db0467704a3b9ccc662048e39716cb5ad51cdb24d106c7871b
   languageName: node
   linkType: hard
 
@@ -3969,149 +4041,138 @@ __metadata:
   linkType: hard
 
 "@types/node@npm:^18.0.0":
-  version: 18.18.5
-  resolution: "@types/node@npm:18.18.5"
-  checksum: 10c0/e5211581efdbfd7175aaf5a15e3befcf259ed44356f591f0c0c431bf652f77eeae0d6b48b5879d1a5be9be5d11972e9d3bf76232c833530cbe75e6ab63e48f8b
+  version: 18.19.42
+  resolution: "@types/node@npm:18.19.42"
+  dependencies:
+    undici-types: "npm:~5.26.4"
+  checksum: 10c0/eaacbbcb376748bddaf6cd04569ebf3f0069a1b6f821db4f85ef9f60c2c63608ddcaf3e67a3c44e1cd8111a26e9da7c83d54ae7c41dd21e7b35cbab9436bfe1e
   languageName: node
   linkType: hard
 
 "@types/npm-package-arg@npm:*":
-  version: 6.1.2
-  resolution: "@types/npm-package-arg@npm:6.1.2"
-  checksum: 10c0/044403071035539cf537243cce81ec435b25b80d5aa8f5feb1eb15e76704b5f0c0648ce285f0d990b122ef886d6c15381897caa9e95927415e60ae6af3e538d6
+  version: 6.1.4
+  resolution: "@types/npm-package-arg@npm:6.1.4"
+  checksum: 10c0/aa881ce030580fcf7fa64c0e47171a7b2d6053253b6ee14c4fa1d779017a797f4865939cdcbd4095d8afc82b78c16532e67caea7aa7561a9c2a669a695121b36
   languageName: node
   linkType: hard
 
 "@types/npm-registry-fetch@npm:^8.0.0":
-  version: 8.0.5
-  resolution: "@types/npm-registry-fetch@npm:8.0.5"
+  version: 8.0.7
+  resolution: "@types/npm-registry-fetch@npm:8.0.7"
   dependencies:
     "@types/node": "npm:*"
     "@types/node-fetch": "npm:*"
     "@types/npm-package-arg": "npm:*"
     "@types/npmlog": "npm:*"
     "@types/ssri": "npm:*"
-  checksum: 10c0/5e5294a6b4e41eca91cda39fd81a0aa03ae272ed438581c0c05ebe2cbcc29f18bfa3121db63b02e8b3e23a4717c457ac19cd046285cc87d91c0c1b9bbfb3b6e1
+  checksum: 10c0/45ea6be32c711f791ac416bc76f6f78fd5d014c19d7064cc16390f12bfe903fc523d08eac5ed9397fad0a9ab6e0856cf5ecbbaf861780583e583f5b4f9c5ac71
   languageName: node
   linkType: hard
 
 "@types/npmlog@npm:*":
-  version: 4.1.4
-  resolution: "@types/npmlog@npm:4.1.4"
-  checksum: 10c0/5670c38db51f2c4a5da05657920d7597bf9da00615920b42a001fde9011f05ab1e8ec8cbc671abb47915028e3e0ace5c3d981c23684c202a00bf518f16ece01d
-  languageName: node
-  linkType: hard
-
-"@types/parse-json@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "@types/parse-json@npm:4.0.0"
-  checksum: 10c0/1d3012ab2fcdad1ba313e1d065b737578f6506c8958e2a7a5bdbdef517c7e930796cb1599ee067d5dee942fb3a764df64b5eef7e9ae98548d776e86dcffba985
+  version: 7.0.0
+  resolution: "@types/npmlog@npm:7.0.0"
+  dependencies:
+    "@types/node": "npm:*"
+  checksum: 10c0/e94cb1d7dc6b1251d58d0a3cbf0c5b9e9b7c7649774cf816b9277fc10e1a09e65f2854357c4972d04d477f8beca3c8accb5e8546d594776e59e35ddfee79aff2
   languageName: node
   linkType: hard
 
 "@types/parsimmon@npm:^1.10.1":
-  version: 1.10.7
-  resolution: "@types/parsimmon@npm:1.10.7"
-  checksum: 10c0/73a34468c2dcefbd21afcb7b5aa0acdc609c6edeaecdc1b663c16b33695b75c4a4764fa48581be54b49d653fa99cd18e48c70dfe27b627d07c2c20df7a2b9b3b
+  version: 1.10.9
+  resolution: "@types/parsimmon@npm:1.10.9"
+  checksum: 10c0/fc7f47550b2e1f9ead12ec7820134e2428208ec27a0072a3d33de468537ca337c611bdb86b1b14611a7dfbf7fedd9ef17bc080dad68c65aa27e7b9191963c0c3
   languageName: node
   linkType: hard
 
 "@types/prompts@npm:^2.0.3":
-  version: 2.4.6
-  resolution: "@types/prompts@npm:2.4.6"
+  version: 2.4.9
+  resolution: "@types/prompts@npm:2.4.9"
   dependencies:
     "@types/node": "npm:*"
     kleur: "npm:^3.0.3"
-  checksum: 10c0/0e2c2d1c22101fb8dcb046e75eb758627b8046af02ab66f37a8b157dc7a22d1aaea6cc86efe099898196519b0d51873480964f96e41ca7ab441d386506bb1d83
+  checksum: 10c0/22fe0da6807681c85e88ba283184f4be4c8a95c744ea12a638865c98c4e0c22e7f733542f6b0f1fbca02245cdc3fe84feacf9c9adf4ddd8bc98a337fd679d8d2
   languageName: node
   linkType: hard
 
 "@types/prop-types@npm:*":
-  version: 15.7.8
-  resolution: "@types/prop-types@npm:15.7.8"
-  checksum: 10c0/706b3de6faa5c1a4763fc90069f25ddc54108e8b43e9724e22f510b103c418571bf14b34b241fcacd6875650959c8374af7f4633f80ec6e33e7525cb42ef6a30
+  version: 15.7.12
+  resolution: "@types/prop-types@npm:15.7.12"
+  checksum: 10c0/1babcc7db6a1177779f8fde0ccc78d64d459906e6ef69a4ed4dd6339c920c2e05b074ee5a92120fe4e9d9f1a01c952f843ebd550bee2332fc2ef81d1706878f8
   languageName: node
   linkType: hard
 
 "@types/react@npm:^18.0.18":
-  version: 18.2.28
-  resolution: "@types/react@npm:18.2.28"
+  version: 18.3.3
+  resolution: "@types/react@npm:18.3.3"
   dependencies:
     "@types/prop-types": "npm:*"
-    "@types/scheduler": "npm:*"
     csstype: "npm:^3.0.2"
-  checksum: 10c0/7bde71a9f5ba1feef7762b3a9280f3fc9dfba6ea905cbcb73f7e9cd55adcf69148d77e53da328c892767dc218dfb7319bf00a94f6550c1b58019b756cb27207d
+  checksum: 10c0/fe455f805c5da13b89964c3d68060cebd43e73ec15001a68b34634604a78140e6fc202f3f61679b9d809dde6d7a7c2cb3ed51e0fd1462557911db09879b55114
   languageName: node
   linkType: hard
 
 "@types/responselike@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "@types/responselike@npm:1.0.1"
+  version: 1.0.3
+  resolution: "@types/responselike@npm:1.0.3"
   dependencies:
     "@types/node": "npm:*"
-  checksum: 10c0/f49d4765498d64e81fdff91267575caef0b364538994512605323b4ef74297f6ac5c61658713e1e1cc6d3951f6a5bcd436fcdec79c5f9d5e72c6b3f700b6f997
-  languageName: node
-  linkType: hard
-
-"@types/scheduler@npm:*":
-  version: 0.16.4
-  resolution: "@types/scheduler@npm:0.16.4"
-  checksum: 10c0/2355e63251c6c6467806c9e7085f5fad350a1e87f811cf416f1e48a888b7da4ecc4bae2b67b7b10d8f5e518305ef2b5d4a8451227158552942794b87be43c5dd
+  checksum: 10c0/a58ba341cb9e7d74f71810a88862da7b2a6fa42e2a1fc0ce40498f6ea1d44382f0640117057da779f74c47039f7166bf48fad02dc876f94e005c7afa50f5e129
   languageName: node
   linkType: hard
 
 "@types/semver@npm:^7.1.0, @types/semver@npm:^7.3.12, @types/semver@npm:^7.5.0":
-  version: 7.5.3
-  resolution: "@types/semver@npm:7.5.3"
-  checksum: 10c0/1dedcf5f50a5a345e817fdf1273a14d0c57de80eb1d47bf3f17563062be53a2c99b78755a8c88c794a03757f9cd05da61b2849bf109e1b71e30fca895529c2b0
+  version: 7.5.8
+  resolution: "@types/semver@npm:7.5.8"
+  checksum: 10c0/8663ff927234d1c5fcc04b33062cb2b9fcfbe0f5f351ed26c4d1e1581657deebd506b41ff7fdf89e787e3d33ce05854bc01686379b89e9c49b564c4cfa988efa
   languageName: node
   linkType: hard
 
 "@types/ssri@npm:*":
-  version: 7.1.2
-  resolution: "@types/ssri@npm:7.1.2"
+  version: 7.1.5
+  resolution: "@types/ssri@npm:7.1.5"
   dependencies:
     "@types/node": "npm:*"
-  checksum: 10c0/695cadffe210020ae9e5b77fa7b90715780302cc3b93db865238f02f0c4e81230032f4d569fd3a3c9133936437512c1fcc69593011107385cd8d2a3043b6078a
+  checksum: 10c0/84ff3d2cabe673fa6610564f5c3f5ddba9938feb7c836d73eac826d031983e1ca528b779962eca651d33f65b11b7164b25c6bb81c40456e29af7cd459274f72f
   languageName: node
   linkType: hard
 
 "@types/stack-utils@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "@types/stack-utils@npm:2.0.1"
-  checksum: 10c0/3327ee919a840ffe907bbd5c1d07dfd79137dd9732d2d466cf717ceec5bb21f66296173c53bb56cff95fae4185b9cd6770df3e9745fe4ba528bbc4975f54d13f
+  version: 2.0.3
+  resolution: "@types/stack-utils@npm:2.0.3"
+  checksum: 10c0/1f4658385ae936330581bcb8aa3a066df03867d90281cdf89cc356d404bd6579be0f11902304e1f775d92df22c6dd761d4451c804b0a4fba973e06211e9bd77c
   languageName: node
   linkType: hard
 
 "@types/ua-parser-js@npm:^0.7.33":
-  version: 0.7.37
-  resolution: "@types/ua-parser-js@npm:0.7.37"
-  checksum: 10c0/cf7cdf3db469816a9b88ad3a12bf44b51f7b0dca550e1513dc674e4643d2c78ce7f080b9349b168d678c21b428ea98d86f877a23898656d340350d7bcf941109
+  version: 0.7.39
+  resolution: "@types/ua-parser-js@npm:0.7.39"
+  checksum: 10c0/fea522f42dfc2854d9c93144a13c3db3bbe1c791458451db06d46bec7e1dbbe945d1542e02bb38378e39a04bdb7810b43e2ead26f9e6c250832e187312522708
   languageName: node
   linkType: hard
 
 "@types/undertaker-registry@npm:*":
-  version: 1.0.2
-  resolution: "@types/undertaker-registry@npm:1.0.2"
-  checksum: 10c0/c12833577ea00bc0ebaedea8d736bcaeb247f29841e102d89c7299326f70082761e0acfbb516f37ca7c19af12b9de71cc380adf628b15a1e4ed6407770a5204b
+  version: 1.0.4
+  resolution: "@types/undertaker-registry@npm:1.0.4"
+  checksum: 10c0/e82af1f586f0ec80090622b84eff3d6f23f033267c5158997019e33129cd957b5ccbdeae5075f4a2dc7fa0be22b7e08768b57fc8e6bdcb255de190fcd018c09a
   languageName: node
   linkType: hard
 
 "@types/undertaker@npm:^1.2.8":
-  version: 1.2.9
-  resolution: "@types/undertaker@npm:1.2.9"
+  version: 1.2.11
+  resolution: "@types/undertaker@npm:1.2.11"
   dependencies:
     "@types/node": "npm:*"
     "@types/undertaker-registry": "npm:*"
     async-done: "npm:~1.3.2"
-  checksum: 10c0/7b06c6ca3c0efb1f121b070b94f5899a587d88a0f048a89fd7f6641895c641e81897eea1370aa0340b555c2382fac7e2a18df65a2a6cd6324ffa1bd05967aeaf
+  checksum: 10c0/d794640dbdbdf30e6b32a20acab96a93d9e0980442302695f4910a0e91ff5789a6d670b2856b40df12056a4e79628b24194726576694f087bdf6c18c36fa2a0d
   languageName: node
   linkType: hard
 
 "@types/valid-url@npm:^1.0.2":
-  version: 1.0.5
-  resolution: "@types/valid-url@npm:1.0.5"
-  checksum: 10c0/a9821fd63c8399613d8e1acd8af0795c20ebcf6392bfcae12fd5ba155f29ef1d6fcc899b846c5c67dc883ff66b6b15fa3f0faf9a25d7599602ec8c3687c0b22e
+  version: 1.0.7
+  resolution: "@types/valid-url@npm:1.0.7"
+  checksum: 10c0/7c00ef7a37b5ef0d28c4371123958e8a23b88fc6415f4100c7e8f8523a870bd7fe6a2e017218e5acd7370c8c2605d559d88f91e55feb1227f190752a913e4e8a
   languageName: node
   linkType: hard
 
@@ -4123,16 +4184,16 @@ __metadata:
   linkType: hard
 
 "@types/yargs-parser@npm:*":
-  version: 21.0.1
-  resolution: "@types/yargs-parser@npm:21.0.1"
-  checksum: 10c0/f1d723a4c4383a9c53b975820b7490186ca127237ca58eb2ee8f5eacdcdb195a81aeabd1d75560abdf22fc29f70e8bb103d7ab34c5ec49bc19196195a7bf3189
+  version: 21.0.3
+  resolution: "@types/yargs-parser@npm:21.0.3"
+  checksum: 10c0/e71c3bd9d0b73ca82e10bee2064c384ab70f61034bbfb78e74f5206283fc16a6d85267b606b5c22cb2a3338373586786fed595b2009825d6a9115afba36560a0
   languageName: node
   linkType: hard
 
 "@types/yargs-parser@npm:^20.2.2":
-  version: 20.2.3
-  resolution: "@types/yargs-parser@npm:20.2.3"
-  checksum: 10c0/c228c87704cfeaeddc9c7ffa5b132866b0a9505ce452d275a42e7e7746f046a6461a27d73200474abff76a610bc33cb7d1c7b88fc206c0c7e034a2337e2aad4d
+  version: 20.2.5
+  resolution: "@types/yargs-parser@npm:20.2.5"
+  checksum: 10c0/23eb03539b19499b13a0407698457b48a36f8c71b9cdb2521534e1daa515887b967fcaa51c9dfad6d7f3614364bf10194063a8b12032e59c0def07282c6bb639
   languageName: node
   linkType: hard
 
@@ -4146,38 +4207,29 @@ __metadata:
   linkType: hard
 
 "@types/yargs@npm:^15.0.0, @types/yargs@npm:^15.0.3":
-  version: 15.0.16
-  resolution: "@types/yargs@npm:15.0.16"
-  dependencies:
-    "@types/yargs-parser": "npm:*"
-  checksum: 10c0/07f0960062e66226ae602fccd62e351143291d778e1f4dd645c51111e62fbedafe2a976c223dcfa7ae052e989407b62e97a7472fc1d73536110cd05502c204a5
-  languageName: node
-  linkType: hard
-
-"@types/yargs@npm:^16.0.0":
-  version: 16.0.6
-  resolution: "@types/yargs@npm:16.0.6"
+  version: 15.0.19
+  resolution: "@types/yargs@npm:15.0.19"
   dependencies:
     "@types/yargs-parser": "npm:*"
-  checksum: 10c0/a2cc5796cea1aac492c856ff35e829a6a230e6d72540a9446273ab16392f6ef04b8fef05ddcff71c8106c047820b5534b22e031245ee55995b1ba0c8caa382b2
+  checksum: 10c0/9fe9b8645304a628006cbba2d1990fb015e2727274d0e3853f321a379a1242d1da2c15d2f56cff0d4313ae94f0383ccf834c3bded9fb3589608aefb3432fcf00
   languageName: node
   linkType: hard
 
 "@types/yargs@npm:^17.0.8":
-  version: 17.0.28
-  resolution: "@types/yargs@npm:17.0.28"
+  version: 17.0.32
+  resolution: "@types/yargs@npm:17.0.32"
   dependencies:
     "@types/yargs-parser": "npm:*"
-  checksum: 10c0/7dfb1c22c2f6a9fee8ebdeab44b01ca409f2cbb2fea4077a89f4fd49e7706a7fc695cfdb52fd34929ccacbdd100add32c7bca9fbb0c47c6ed9a4c3215901c08c
+  checksum: 10c0/2095e8aad8a4e66b86147415364266b8d607a3b95b4239623423efd7e29df93ba81bb862784a6e08664f645cc1981b25fd598f532019174cd3e5e1e689e1cccf
   languageName: node
   linkType: hard
 
 "@types/yauzl@npm:^2.9.1":
-  version: 2.10.1
-  resolution: "@types/yauzl@npm:2.10.1"
+  version: 2.10.3
+  resolution: "@types/yauzl@npm:2.10.3"
   dependencies:
     "@types/node": "npm:*"
-  checksum: 10c0/d44eb8ab5c7bd024644bdf07e71d1e2618b1d6a9eb10609555a5359264b3f012f91d7add53a49a114df2d3fd6b1787f6204340b03590ea1a6c0e52a71e3bca54
+  checksum: 10c0/f1b7c1b99fef9f2fe7f1985ef7426d0cebe48cd031f1780fcdc7451eec7e31ac97028f16f50121a59bcf53086a1fc8c856fd5b7d3e00970e43d92ae27d6b43dc
   languageName: node
   linkType: hard
 
@@ -4206,14 +4258,14 @@ __metadata:
   linkType: hard
 
 "@typescript-eslint/eslint-plugin@npm:^6.7.4":
-  version: 6.8.0
-  resolution: "@typescript-eslint/eslint-plugin@npm:6.8.0"
+  version: 6.21.0
+  resolution: "@typescript-eslint/eslint-plugin@npm:6.21.0"
   dependencies:
     "@eslint-community/regexpp": "npm:^4.5.1"
-    "@typescript-eslint/scope-manager": "npm:6.8.0"
-    "@typescript-eslint/type-utils": "npm:6.8.0"
-    "@typescript-eslint/utils": "npm:6.8.0"
-    "@typescript-eslint/visitor-keys": "npm:6.8.0"
+    "@typescript-eslint/scope-manager": "npm:6.21.0"
+    "@typescript-eslint/type-utils": "npm:6.21.0"
+    "@typescript-eslint/utils": "npm:6.21.0"
+    "@typescript-eslint/visitor-keys": "npm:6.21.0"
     debug: "npm:^4.3.4"
     graphemer: "npm:^1.4.0"
     ignore: "npm:^5.2.4"
@@ -4226,7 +4278,7 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/bb86942c67a3aa050e9fe568d1156ef4b7769cde826f1ea41f7c3419dde6d75e785f5846a5887f3816d2fe58e6136ef593153147ab7983f0d9f339dbd4fb3f5c
+  checksum: 10c0/f911a79ee64d642f814a3b6cdb0d324b5f45d9ef955c5033e78903f626b7239b4aa773e464a38c3e667519066169d983538f2bf8e5d00228af587c9d438fb344
   languageName: node
   linkType: hard
 
@@ -4248,20 +4300,20 @@ __metadata:
   linkType: hard
 
 "@typescript-eslint/parser@npm:^6.7.4":
-  version: 6.8.0
-  resolution: "@typescript-eslint/parser@npm:6.8.0"
+  version: 6.21.0
+  resolution: "@typescript-eslint/parser@npm:6.21.0"
   dependencies:
-    "@typescript-eslint/scope-manager": "npm:6.8.0"
-    "@typescript-eslint/types": "npm:6.8.0"
-    "@typescript-eslint/typescript-estree": "npm:6.8.0"
-    "@typescript-eslint/visitor-keys": "npm:6.8.0"
+    "@typescript-eslint/scope-manager": "npm:6.21.0"
+    "@typescript-eslint/types": "npm:6.21.0"
+    "@typescript-eslint/typescript-estree": "npm:6.21.0"
+    "@typescript-eslint/visitor-keys": "npm:6.21.0"
     debug: "npm:^4.3.4"
   peerDependencies:
     eslint: ^7.0.0 || ^8.0.0
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/958f7cb1cafd1388a2ba000c84a1caf3d62047d51d1c481f548cf450c8e9fc4cbcb4e9d2a0d18bbc5915bba5389bb7d20d8b36aa22f2354ef9c3bf80bb14622a
+  checksum: 10c0/a8f99820679decd0d115c0af61903fb1de3b1b5bec412dc72b67670bf636de77ab07f2a68ee65d6da7976039bbf636907f9d5ca546db3f0b98a31ffbc225bc7d
   languageName: node
   linkType: hard
 
@@ -4275,13 +4327,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/scope-manager@npm:6.8.0":
-  version: 6.8.0
-  resolution: "@typescript-eslint/scope-manager@npm:6.8.0"
+"@typescript-eslint/scope-manager@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/scope-manager@npm:6.21.0"
   dependencies:
-    "@typescript-eslint/types": "npm:6.8.0"
-    "@typescript-eslint/visitor-keys": "npm:6.8.0"
-  checksum: 10c0/c528d858a3c647ca695d2245b6009f8d779a165c9de419f4f17ad861312964c767e0963781c38627ddb3a7ff4f68d8a9f095a8a1f30f194356ec53aefb7a5363
+    "@typescript-eslint/types": "npm:6.21.0"
+    "@typescript-eslint/visitor-keys": "npm:6.21.0"
+  checksum: 10c0/eaf868938d811cbbea33e97e44ba7050d2b6892202cea6a9622c486b85ab1cf801979edf78036179a8ba4ac26f1dfdf7fcc83a68c1ff66be0b3a8e9a9989b526
   languageName: node
   linkType: hard
 
@@ -4302,12 +4354,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/type-utils@npm:6.8.0":
-  version: 6.8.0
-  resolution: "@typescript-eslint/type-utils@npm:6.8.0"
+"@typescript-eslint/type-utils@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/type-utils@npm:6.21.0"
   dependencies:
-    "@typescript-eslint/typescript-estree": "npm:6.8.0"
-    "@typescript-eslint/utils": "npm:6.8.0"
+    "@typescript-eslint/typescript-estree": "npm:6.21.0"
+    "@typescript-eslint/utils": "npm:6.21.0"
     debug: "npm:^4.3.4"
     ts-api-utils: "npm:^1.0.1"
   peerDependencies:
@@ -4315,7 +4367,7 @@ __metadata:
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/dea804a02e6e3280c9d9665adf6e399d33e51d90516497a55e1534733da07aff7230b16e942e2c61e0616cca1f26f6c42fed0e4ad3672ffd3843bdcc95ba858a
+  checksum: 10c0/7409c97d1c4a4386b488962739c4f1b5b04dc60cf51f8cd88e6b12541f84d84c6b8b67e491a147a2c95f9ec486539bf4519fb9d418411aef6537b9c156468117
   languageName: node
   linkType: hard
 
@@ -4326,10 +4378,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/types@npm:6.8.0":
-  version: 6.8.0
-  resolution: "@typescript-eslint/types@npm:6.8.0"
-  checksum: 10c0/714a716f796a805335768ca5b762e2202173586d802cc0ce4e49dac8c211056f66af6a57c8eb29dbc58c310204062f8ed48007e962f345e2ecfa290abacafaec
+"@typescript-eslint/types@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/types@npm:6.21.0"
+  checksum: 10c0/020631d3223bbcff8a0da3efbdf058220a8f48a3de221563996ad1dcc30d6c08dadc3f7608cc08830d21c0d565efd2db19b557b9528921c78aabb605eef2d74d
   languageName: node
   linkType: hard
 
@@ -4351,21 +4403,22 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/typescript-estree@npm:6.8.0":
-  version: 6.8.0
-  resolution: "@typescript-eslint/typescript-estree@npm:6.8.0"
+"@typescript-eslint/typescript-estree@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/typescript-estree@npm:6.21.0"
   dependencies:
-    "@typescript-eslint/types": "npm:6.8.0"
-    "@typescript-eslint/visitor-keys": "npm:6.8.0"
+    "@typescript-eslint/types": "npm:6.21.0"
+    "@typescript-eslint/visitor-keys": "npm:6.21.0"
     debug: "npm:^4.3.4"
     globby: "npm:^11.1.0"
     is-glob: "npm:^4.0.3"
+    minimatch: "npm:9.0.3"
     semver: "npm:^7.5.4"
     ts-api-utils: "npm:^1.0.1"
   peerDependenciesMeta:
     typescript:
       optional: true
-  checksum: 10c0/9707f1b3e7189686dd0f68407b2f147597b4604384e54e47abd95cdaff4e2a2b76ef89a25bd584f0285011f4303d576b0705623e24288eed8121e56d6b90da44
+  checksum: 10c0/af1438c60f080045ebb330155a8c9bb90db345d5069cdd5d01b67de502abb7449d6c75500519df829f913a6b3f490ade3e8215279b6bdc63d0fb0ae61034df5f
   languageName: node
   linkType: hard
 
@@ -4387,20 +4440,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/utils@npm:6.8.0":
-  version: 6.8.0
-  resolution: "@typescript-eslint/utils@npm:6.8.0"
+"@typescript-eslint/utils@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/utils@npm:6.21.0"
   dependencies:
     "@eslint-community/eslint-utils": "npm:^4.4.0"
     "@types/json-schema": "npm:^7.0.12"
     "@types/semver": "npm:^7.5.0"
-    "@typescript-eslint/scope-manager": "npm:6.8.0"
-    "@typescript-eslint/types": "npm:6.8.0"
-    "@typescript-eslint/typescript-estree": "npm:6.8.0"
+    "@typescript-eslint/scope-manager": "npm:6.21.0"
+    "@typescript-eslint/types": "npm:6.21.0"
+    "@typescript-eslint/typescript-estree": "npm:6.21.0"
     semver: "npm:^7.5.4"
   peerDependencies:
     eslint: ^7.0.0 || ^8.0.0
-  checksum: 10c0/e882a84fd8906f8c3227ae25568d2ff565ff4bad665102808e087b13fdb79fb4f122a76132f01157baf535f91afb96734d1d07296fdecd44c465a59af9894e8e
+  checksum: 10c0/ab2df3833b2582d4e5467a484d08942b4f2f7208f8e09d67de510008eb8001a9b7460f2f9ba11c12086fd3cdcac0c626761c7995c2c6b5657d5fa6b82030a32d
   languageName: node
   linkType: hard
 
@@ -4414,13 +4467,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@typescript-eslint/visitor-keys@npm:6.8.0":
-  version: 6.8.0
-  resolution: "@typescript-eslint/visitor-keys@npm:6.8.0"
+"@typescript-eslint/visitor-keys@npm:6.21.0":
+  version: 6.21.0
+  resolution: "@typescript-eslint/visitor-keys@npm:6.21.0"
   dependencies:
-    "@typescript-eslint/types": "npm:6.8.0"
+    "@typescript-eslint/types": "npm:6.21.0"
     eslint-visitor-keys: "npm:^3.4.1"
-  checksum: 10c0/71c3080eea8928eb6337889f767f2d5ee666aa87edd376fdeafabeb9b99171760c074d3bf413d7227920c9ad0ba7e93207cace8394793442fb3bc7ead438a24d
+  checksum: 10c0/7395f69739cfa1cb83c1fb2fad30afa2a814756367302fb4facd5893eff66abc807e8d8f63eba94ed3b0fe0c1c996ac9a1680bcbf0f83717acedc3f2bb724fbf
+  languageName: node
+  linkType: hard
+
+"@ungap/structured-clone@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "@ungap/structured-clone@npm:1.2.0"
+  checksum: 10c0/8209c937cb39119f44eb63cf90c0b73e7c754209a6411c707be08e50e29ee81356dca1a848a405c8bdeebfe2f5e4f831ad310ae1689eeef65e7445c090c6657d
   languageName: node
   linkType: hard
 
@@ -4535,11 +4595,11 @@ __metadata:
   linkType: hard
 
 "acorn@npm:^8.5.0, acorn@npm:^8.8.2, acorn@npm:^8.9.0":
-  version: 8.10.0
-  resolution: "acorn@npm:8.10.0"
+  version: 8.12.1
+  resolution: "acorn@npm:8.12.1"
   bin:
     acorn: bin/acorn
-  checksum: 10c0/deaeebfbea6e40f6c0e1070e9b0e16e76ba484de54cbd735914d1d41d19169a450de8630b7a3a0c4e271a3b0c0b075a3427ad1a40d8a69f8747c0e8cb02ee3e2
+  checksum: 10c0/51fb26cd678f914e13287e886da2d7021f8c2bc0ccc95e03d3e0447ee278dd3b40b9c57dc222acd5881adcf26f3edc40901a4953403232129e3876793cd17386
   languageName: node
   linkType: hard
 
@@ -4552,12 +4612,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"agent-base@npm:^7.0.2, agent-base@npm:^7.1.0":
-  version: 7.1.0
-  resolution: "agent-base@npm:7.1.0"
+"agent-base@npm:^7.0.2, agent-base@npm:^7.1.0, agent-base@npm:^7.1.1":
+  version: 7.1.1
+  resolution: "agent-base@npm:7.1.1"
   dependencies:
     debug: "npm:^4.3.4"
-  checksum: 10c0/fc974ab57ffdd8421a2bc339644d312a9cca320c20c3393c9d8b1fd91731b9bbabdb985df5fc860f5b79d81c3e350daa3fcb31c5c07c0bb385aafc817df004ce
+  checksum: 10c0/e59ce7bed9c63bf071a30cc471f2933862044c97fd9958967bfe22521d7a0f601ce4ed5a8c011799d0c726ca70312142ae193bbebb60f576b52be19d4a363b50
   languageName: node
   linkType: hard
 
@@ -4580,6 +4640,32 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ajv-draft-04@npm:~1.0.0":
+  version: 1.0.0
+  resolution: "ajv-draft-04@npm:1.0.0"
+  peerDependencies:
+    ajv: ^8.5.0
+  peerDependenciesMeta:
+    ajv:
+      optional: true
+  checksum: 10c0/6044310bd38c17d77549fd326bd40ce1506fa10b0794540aa130180808bf94117fac8c9b448c621512bea60e4a947278f6a978e87f10d342950c15b33ddd9271
+  languageName: node
+  linkType: hard
+
+"ajv-formats@npm:~3.0.1":
+  version: 3.0.1
+  resolution: "ajv-formats@npm:3.0.1"
+  dependencies:
+    ajv: "npm:^8.0.0"
+  peerDependencies:
+    ajv: ^8.0.0
+  peerDependenciesMeta:
+    ajv:
+      optional: true
+  checksum: 10c0/168d6bca1ea9f163b41c8147bae537e67bd963357a5488a1eaf3abe8baa8eec806d4e45f15b10767e6020679315c7e1e5e6803088dfb84efa2b4e9353b83dd0a
+  languageName: node
+  linkType: hard
+
 "ajv@npm:^6.12.3, ajv@npm:^6.12.4":
   version: 6.12.6
   resolution: "ajv@npm:6.12.6"
@@ -4592,6 +4678,30 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ajv@npm:^8.0.0":
+  version: 8.17.1
+  resolution: "ajv@npm:8.17.1"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.3"
+    fast-uri: "npm:^3.0.1"
+    json-schema-traverse: "npm:^1.0.0"
+    require-from-string: "npm:^2.0.2"
+  checksum: 10c0/ec3ba10a573c6b60f94639ffc53526275917a2df6810e4ab5a6b959d87459f9ef3f00d5e7865b82677cb7d21590355b34da14d1d0b9c32d75f95a187e76fff35
+  languageName: node
+  linkType: hard
+
+"ajv@npm:~8.13.0":
+  version: 8.13.0
+  resolution: "ajv@npm:8.13.0"
+  dependencies:
+    fast-deep-equal: "npm:^3.1.3"
+    json-schema-traverse: "npm:^1.0.0"
+    require-from-string: "npm:^2.0.2"
+    uri-js: "npm:^4.4.1"
+  checksum: 10c0/14c6497b6f72843986d7344175a1aa0e2c35b1e7f7475e55bc582cddb765fca7e6bf950f465dc7846f817776d9541b706f4b5b3fbedd8dfdeb5fce6f22864264
+  languageName: node
+  linkType: hard
+
 "anser@npm:^1.4.9":
   version: 1.4.10
   resolution: "anser@npm:1.4.10"
@@ -4609,11 +4719,9 @@ __metadata:
   linkType: hard
 
 "ansi-escapes@npm:^6.2.0":
-  version: 6.2.0
-  resolution: "ansi-escapes@npm:6.2.0"
-  dependencies:
-    type-fest: "npm:^3.0.0"
-  checksum: 10c0/3eec75deedd8b10192c5f98e4cd9715cc3ff268d33fc463c24b7d22446668bfcd4ad1803993ea89c0f51f88b5a3399572bacb7c8cb1a067fc86e189c5f3b0c7e
+  version: 6.2.1
+  resolution: "ansi-escapes@npm:6.2.1"
+  checksum: 10c0/a2c6f58b044be5f69662ee17073229b492daa2425a7fd99a665db6c22eab6e4ab42752807def7281c1c7acfed48f87f2362dda892f08c2c437f1b39c6b033103
   languageName: node
   linkType: hard
 
@@ -4803,7 +4911,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"aria-query@npm:^5.1.3, aria-query@npm:^5.2.1":
+"aria-query@npm:^5.2.1":
   version: 5.3.0
   resolution: "aria-query@npm:5.3.0"
   dependencies:
@@ -4812,84 +4920,36 @@ __metadata:
   languageName: node
   linkType: hard
 
-"arr-filter@npm:^1.1.1":
-  version: 1.1.2
-  resolution: "arr-filter@npm:1.1.2"
+"aria-query@npm:~5.1.3":
+  version: 5.1.3
+  resolution: "aria-query@npm:5.1.3"
   dependencies:
-    make-iterator: "npm:^1.0.0"
-  checksum: 10c0/66b7f29957e9e1ce02f8de6802c588cca21124335c875849ac5ef306188be7adcce6d978e3349ce05abb35420cdb7988a818020e1b16471ad83b48e2cf58ad3a
-  languageName: node
-  linkType: hard
-
-"arr-flatten@npm:^1.0.1":
-  version: 1.1.0
-  resolution: "arr-flatten@npm:1.1.0"
-  checksum: 10c0/bef53be02ed3bc58f202b3861a5b1eb6e1ae4fecf39c3ad4d15b1e0433f941077d16e019a33312d820844b0661777322acbb7d0c447b04d9bdf7d6f9c532548a
+    deep-equal: "npm:^2.0.5"
+  checksum: 10c0/edcbc8044c4663d6f88f785e983e6784f98cb62b4ba1e9dd8d61b725d0203e4cfca38d676aee984c31f354103461102a3d583aa4fbe4fd0a89b679744f4e5faf
   languageName: node
   linkType: hard
 
-"arr-map@npm:^2.0.0, arr-map@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "arr-map@npm:2.0.2"
-  dependencies:
-    make-iterator: "npm:^1.0.0"
-  checksum: 10c0/b91d095a194455f779f929de86bb815671f1602c7f344426334ddc819a8a684cde76f61ed572fd5553d23711ccba04da542f204ecb0b81c28bbe70d9793497fc
-  languageName: node
-  linkType: hard
-
-"array-buffer-byte-length@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "array-buffer-byte-length@npm:1.0.0"
-  dependencies:
-    call-bind: "npm:^1.0.2"
-    is-array-buffer: "npm:^3.0.1"
-  checksum: 10c0/12f84f6418b57a954caa41654e5e63e019142a4bbb2c6829ba86d1ba65d31ccfaf1461d1743556fd32b091fac34ff44d9dfbdb001402361c45c373b2c86f5c20
-  languageName: node
-  linkType: hard
-
-"array-each@npm:^1.0.0, array-each@npm:^1.0.1":
+"array-buffer-byte-length@npm:^1.0.0, array-buffer-byte-length@npm:^1.0.1":
   version: 1.0.1
-  resolution: "array-each@npm:1.0.1"
-  checksum: 10c0/b5951ac450b560849143722d6785672ae71f5e9b061f11e7e2f775513a952e583e8bcedbba538a08049e235f5583756efec440fc6740a9b47b411cb487f65a9b
-  languageName: node
-  linkType: hard
-
-"array-includes@npm:^3.1.6":
-  version: 3.1.7
-  resolution: "array-includes@npm:3.1.7"
+  resolution: "array-buffer-byte-length@npm:1.0.1"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-    get-intrinsic: "npm:^1.2.1"
-    is-string: "npm:^1.0.7"
-  checksum: 10c0/692907bd7f19d06dc58ccb761f34b58f5dc0b437d2b47a8fe42a1501849a5cf5c27aed3d521a9702667827c2c85a7e75df00a402c438094d87fc43f39ebf9b2b
+    call-bind: "npm:^1.0.5"
+    is-array-buffer: "npm:^3.0.4"
+  checksum: 10c0/f5cdf54527cd18a3d2852ddf73df79efec03829e7373a8322ef5df2b4ef546fb365c19c71d6b42d641cb6bfe0f1a2f19bc0ece5b533295f86d7c3d522f228917
   languageName: node
   linkType: hard
 
-"array-initial@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "array-initial@npm:1.1.0"
+"array-includes@npm:^3.1.6, array-includes@npm:^3.1.8":
+  version: 3.1.8
+  resolution: "array-includes@npm:3.1.8"
   dependencies:
-    array-slice: "npm:^1.0.0"
-    is-number: "npm:^4.0.0"
-  checksum: 10c0/2a895b8aed2d782b953c4281ed09d67a465ed1c62e2264c7ee3e1a39c72b3790bac21d6ffa62f0ce606f18a99195c50fd4cd36cc725b501ee49c81fd2441ead5
-  languageName: node
-  linkType: hard
-
-"array-last@npm:^1.1.1":
-  version: 1.3.0
-  resolution: "array-last@npm:1.3.0"
-  dependencies:
-    is-number: "npm:^4.0.0"
-  checksum: 10c0/bb620e744fab80b104a5eddfa828eb915451ffc23b737e76b2ecfbbef42e1a9557ca85d280cde10c5d12b4627d15857e7312a2f20d9ecc45f1e52d745a591438
-  languageName: node
-  linkType: hard
-
-"array-slice@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "array-slice@npm:1.1.0"
-  checksum: 10c0/dfefd705905f428b6c4cace2a787f308b5a64db5411e33cdf8ff883b6643f1703e48ac152b74eea482f8f6765fdf78b5277e2bad7840be2b4d5c23777db3266f
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-object-atoms: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.4"
+    is-string: "npm:^1.0.7"
+  checksum: 10c0/5b1004d203e85873b96ddc493f090c9672fd6c80d7a60b798da8a14bff8a670ff95db5aafc9abc14a211943f05220dacf8ea17638ae0af1a6a47b8c0b48ce370
   languageName: node
   linkType: hard
 
@@ -4900,6 +4960,20 @@ __metadata:
   languageName: node
   linkType: hard
 
+"array.prototype.findlast@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "array.prototype.findlast@npm:1.2.5"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    es-shim-unscopables: "npm:^1.0.2"
+  checksum: 10c0/ddc952b829145ab45411b9d6adcb51a8c17c76bf89c9dd64b52d5dffa65d033da8c076ed2e17091779e83bc892b9848188d7b4b33453c5565e65a92863cb2775
+  languageName: node
+  linkType: hard
+
 "array.prototype.flat@npm:^1.3.1":
   version: 1.3.2
   resolution: "array.prototype.flat@npm:1.3.2"
@@ -4912,7 +4986,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array.prototype.flatmap@npm:^1.3.1":
+"array.prototype.flatmap@npm:^1.3.2":
   version: 1.3.2
   resolution: "array.prototype.flatmap@npm:1.3.2"
   dependencies:
@@ -4924,31 +4998,32 @@ __metadata:
   languageName: node
   linkType: hard
 
-"array.prototype.tosorted@npm:^1.1.1":
-  version: 1.1.2
-  resolution: "array.prototype.tosorted@npm:1.1.2"
+"array.prototype.tosorted@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "array.prototype.tosorted@npm:1.1.4"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-    es-shim-unscopables: "npm:^1.0.0"
-    get-intrinsic: "npm:^1.2.1"
-  checksum: 10c0/aa222a0f78e9cdb4ea4d788a11f0acc2b17c2226f0912917e1c89e0f0c4dcdd14414ac88afffbd03025f33501f2649907cfb80664e48aa2af3430c1fb1b0b416
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.3"
+    es-errors: "npm:^1.3.0"
+    es-shim-unscopables: "npm:^1.0.2"
+  checksum: 10c0/eb3c4c4fc0381b0bf6dba2ea4d48d367c2827a0d4236a5718d97caaccc6b78f11f4cadf090736e86301d295a6aa4967ed45568f92ced51be8cbbacd9ca410943
   languageName: node
   linkType: hard
 
-"arraybuffer.prototype.slice@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "arraybuffer.prototype.slice@npm:1.0.2"
+"arraybuffer.prototype.slice@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "arraybuffer.prototype.slice@npm:1.0.3"
   dependencies:
-    array-buffer-byte-length: "npm:^1.0.0"
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-    get-intrinsic: "npm:^1.2.1"
-    is-array-buffer: "npm:^3.0.2"
+    array-buffer-byte-length: "npm:^1.0.1"
+    call-bind: "npm:^1.0.5"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.22.3"
+    es-errors: "npm:^1.2.1"
+    get-intrinsic: "npm:^1.2.3"
+    is-array-buffer: "npm:^3.0.4"
     is-shared-array-buffer: "npm:^1.0.2"
-  checksum: 10c0/96b6e40e439678ffb7fa266398510074d33c3980fbb475490b69980cca60adec3b0777047ef377068a29862157f83edef42efc64ce48ce38977d04d68de5b7fb
+  checksum: 10c0/d32754045bcb2294ade881d45140a5e52bda2321b9e98fa514797b7f0d252c4c5ab0d1edb34112652c62fa6a9398def568da63a4d7544672229afea283358c36
   languageName: node
   linkType: hard
 
@@ -4975,10 +5050,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ast-types-flow@npm:^0.0.7":
-  version: 0.0.7
-  resolution: "ast-types-flow@npm:0.0.7"
-  checksum: 10c0/f381529f2da535949ba6cceddbdfaa33b4d5105842e147ec63582f560ea9ecc1a08f66457664f3109841d3053641fa8b9fa94ba607f1ea9f6c804fe5dee44a1d
+"ast-types-flow@npm:^0.0.8":
+  version: 0.0.8
+  resolution: "ast-types-flow@npm:0.0.8"
+  checksum: 10c0/f2a0ba8055353b743c41431974521e5e852a9824870cd6fce2db0e538ac7bf4da406bbd018d109af29ff3f8f0993f6a730c9eddbd0abd031fbcb29ca75c1014e
   languageName: node
   linkType: hard
 
@@ -4998,18 +5073,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"async-done@npm:^1.2.2, async-done@npm:~1.3.2":
-  version: 1.3.2
-  resolution: "async-done@npm:1.3.2"
-  dependencies:
-    end-of-stream: "npm:^1.1.0"
-    once: "npm:^1.3.2"
-    process-nextick-args: "npm:^2.0.0"
-    stream-exhaust: "npm:^1.0.1"
-  checksum: 10c0/0c11985b49e7915f2de2333a12722e415ba0d46e8285f699b610b11cd54ee8c59056e8ae6e7ed2c88e4cc2235173895fe4a67c610b3105cc58d821f4ce72fb35
-  languageName: node
-  linkType: hard
-
 "async-done@npm:^2.0.0":
   version: 2.0.0
   resolution: "async-done@npm:2.0.0"
@@ -5021,6 +5084,18 @@ __metadata:
   languageName: node
   linkType: hard
 
+"async-done@npm:~1.3.2":
+  version: 1.3.2
+  resolution: "async-done@npm:1.3.2"
+  dependencies:
+    end-of-stream: "npm:^1.1.0"
+    once: "npm:^1.3.2"
+    process-nextick-args: "npm:^2.0.0"
+    stream-exhaust: "npm:^1.0.1"
+  checksum: 10c0/0c11985b49e7915f2de2333a12722e415ba0d46e8285f699b610b11cd54ee8c59056e8ae6e7ed2c88e4cc2235173895fe4a67c610b3105cc58d821f4ce72fb35
+  languageName: node
+  linkType: hard
+
 "async-limiter@npm:~1.0.0":
   version: 1.0.1
   resolution: "async-limiter@npm:1.0.1"
@@ -5037,15 +5112,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"async-settle@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "async-settle@npm:1.0.0"
-  dependencies:
-    async-done: "npm:^1.2.2"
-  checksum: 10c0/cae0911fa77078472d5f8889a1dbd60bd35a69b0a5ed0b4bd0cdb7ac57935c08c6b16242eaa0149c7a920553d5efba4512ef1175f6ed0b66f374d61c01373a36
-  languageName: node
-  linkType: hard
-
 "async-settle@npm:^2.0.0":
   version: 2.0.0
   resolution: "async-settle@npm:2.0.0"
@@ -5056,18 +5122,9 @@ __metadata:
   linkType: hard
 
 "async@npm:^3.2.2":
-  version: 3.2.4
-  resolution: "async@npm:3.2.4"
-  checksum: 10c0/b5d02fed64717edf49e35b2b156debd9cf524934ea670108fa5528e7615ed66a5e0bf6c65f832c9483b63aa7f0bffe3e588ebe8d58a539b833798d324516e1c9
-  languageName: node
-  linkType: hard
-
-"asynciterator.prototype@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "asynciterator.prototype@npm:1.0.0"
-  dependencies:
-    has-symbols: "npm:^1.0.3"
-  checksum: 10c0/fb76850e57d931ff59fd16b6cddb79b0d34fe45f400b2c3480d38892e72cd089787401687dbdb7cdb14ece402c275d3e02a648760d1489cd493527129c4c6204
+  version: 3.2.5
+  resolution: "async@npm:3.2.5"
+  checksum: 10c0/1408287b26c6db67d45cb346e34892cee555b8b59e6c68e6f8c3e495cad5ca13b4f218180e871f3c2ca30df4ab52693b66f2f6ff43644760cab0b2198bda79c1
   languageName: node
   linkType: hard
 
@@ -5078,10 +5135,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"available-typed-arrays@npm:^1.0.5":
-  version: 1.0.5
-  resolution: "available-typed-arrays@npm:1.0.5"
-  checksum: 10c0/c4df567ca72d2754a6cbad20088f5f98b1065b3360178169fa9b44ea101af62c0f423fc3854fa820fd6895b6b9171b8386e71558203103ff8fc2ad503fdcc660
+"available-typed-arrays@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "available-typed-arrays@npm:1.0.7"
+  dependencies:
+    possible-typed-array-names: "npm:^1.0.0"
+  checksum: 10c0/d07226ef4f87daa01bd0fe80f8f310982e345f372926da2e5296aecc25c41cab440916bbaa4c5e1034b453af3392f67df5961124e4b586df1e99793a1374bdb2
   languageName: node
   linkType: hard
 
@@ -5093,25 +5152,25 @@ __metadata:
   linkType: hard
 
 "aws4@npm:^1.8.0":
-  version: 1.12.0
-  resolution: "aws4@npm:1.12.0"
-  checksum: 10c0/1e39c266f53b04daf88e112de93a6006375b386a1b7ab6197260886e39abd012aa90bdd87949c3bf9c30754846031f6d5d8ac4f8676628097c11065b5d39847a
+  version: 1.13.0
+  resolution: "aws4@npm:1.13.0"
+  checksum: 10c0/4c71398543e432631a226cabafaa138f8070482f99790233840d84847291ec744e739cb18684a68f52125d0e73f82f16f0246d93524ec85167fadb3cf60dfa4f
   languageName: node
   linkType: hard
 
-"axe-core@npm:^4.6.2":
-  version: 4.8.2
-  resolution: "axe-core@npm:4.8.2"
-  checksum: 10c0/ad9e1125ba226bbc73d442996d8b9b35fed9af8bcfa995831e29c3d6b8ddb0d16bc7d18c66c5a685211296ee99fe966ae4d59051ca6fbef2a7ee7408322b9dbe
+"axe-core@npm:^4.9.1":
+  version: 4.10.0
+  resolution: "axe-core@npm:4.10.0"
+  checksum: 10c0/732c171d48caaace5e784895c4dacb8ca6155e9d98045138ebe3952f78457dd05b92c57d05b41ce2a570aff87dbd0471e8398d2c0f6ebe79617b746c8f658998
   languageName: node
   linkType: hard
 
-"axobject-query@npm:^3.1.1":
-  version: 3.2.1
-  resolution: "axobject-query@npm:3.2.1"
+"axobject-query@npm:~3.1.1":
+  version: 3.1.1
+  resolution: "axobject-query@npm:3.1.1"
   dependencies:
-    dequal: "npm:^2.0.3"
-  checksum: 10c0/f7debc2012e456139b57d888c223f6d3cb4b61eb104164a85e3d346273dd6ef0bc9a04b6660ca9407704a14a8e05fa6b6eb9d55f44f348c7210de7ffb350c3a7
+    deep-equal: "npm:^2.0.5"
+  checksum: 10c0/fff3175a22fd1f41fceb7ae0cd25f6594a0d7fba28c2335dd904538b80eb4e1040432564a3c643025cd2bb748f68d35aaabffb780b794da97ecfc748810b25ad
   languageName: node
   linkType: hard
 
@@ -5210,39 +5269,39 @@ __metadata:
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-corejs2@npm:^0.4.6":
-  version: 0.4.6
-  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.6"
+"babel-plugin-polyfill-corejs2@npm:^0.4.10":
+  version: 0.4.11
+  resolution: "babel-plugin-polyfill-corejs2@npm:0.4.11"
   dependencies:
     "@babel/compat-data": "npm:^7.22.6"
-    "@babel/helper-define-polyfill-provider": "npm:^0.4.3"
+    "@babel/helper-define-polyfill-provider": "npm:^0.6.2"
     semver: "npm:^6.3.1"
   peerDependencies:
     "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 10c0/64a98811f343492aa6970ab253760194e389c0417e5b830522f944009c1f0c78e1251975fd1b9869cd48cc4623111b20a3389cf6732a1d10ba0d19de6fa5114f
+  checksum: 10c0/b2217bc8d5976cf8142453ed44daabf0b2e0e75518f24eac83b54a8892e87a88f1bd9089daa92fd25df979ecd0acfd29b6bc28c4182c1c46344cee15ef9bce84
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-corejs3@npm:^0.8.5":
-  version: 0.8.5
-  resolution: "babel-plugin-polyfill-corejs3@npm:0.8.5"
+"babel-plugin-polyfill-corejs3@npm:^0.10.1, babel-plugin-polyfill-corejs3@npm:^0.10.4":
+  version: 0.10.4
+  resolution: "babel-plugin-polyfill-corejs3@npm:0.10.4"
   dependencies:
-    "@babel/helper-define-polyfill-provider": "npm:^0.4.3"
-    core-js-compat: "npm:^3.32.2"
+    "@babel/helper-define-polyfill-provider": "npm:^0.6.1"
+    core-js-compat: "npm:^3.36.1"
   peerDependencies:
     "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 10c0/577a072971bda2929a87655c816ad14b6a8f7276e6914851b98a6465bdb56f7f2e3db6136c8b8607bd6ba4cde3cd9cbde21f0078250cd93aee3df977c0a731d0
+  checksum: 10c0/31b92cd3dfb5b417da8dfcf0deaa4b8b032b476d7bb31ca51c66127cf25d41e89260e89d17bc004b2520faa38aa9515fafabf81d89f9d4976e9dc1163e4a7c41
   languageName: node
   linkType: hard
 
-"babel-plugin-polyfill-regenerator@npm:^0.5.3":
-  version: 0.5.3
-  resolution: "babel-plugin-polyfill-regenerator@npm:0.5.3"
+"babel-plugin-polyfill-regenerator@npm:^0.6.1":
+  version: 0.6.2
+  resolution: "babel-plugin-polyfill-regenerator@npm:0.6.2"
   dependencies:
-    "@babel/helper-define-polyfill-provider": "npm:^0.4.3"
+    "@babel/helper-define-polyfill-provider": "npm:^0.6.2"
   peerDependencies:
     "@babel/core": ^7.4.0 || ^8.0.0-0 <8.0.0
-  checksum: 10c0/cc32313b9ebbf1d7bedc33524a861136b9e5d3b6e9be317ac360a1c2a59ae5ed1b465a6c68b2715cdefb089780ddfb0c11f4a148e49827a947beee76e43da598
+  checksum: 10c0/bc541037cf7620bc84ddb75a1c0ce3288f90e7d2799c070a53f8a495c8c8ae0316447becb06f958dd25dcce2a2fce855d318ecfa48036a1ddb218d55aa38a744
   languageName: node
   linkType: hard
 
@@ -5253,6 +5312,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"babel-plugin-syntax-hermes-parser@npm:0.20.1":
+  version: 0.20.1
+  resolution: "babel-plugin-syntax-hermes-parser@npm:0.20.1"
+  dependencies:
+    hermes-parser: "npm:0.20.1"
+  checksum: 10c0/67547c16e746e94e9a03d8d2c1b8c9241a804b034281c302af5d38f1155f7d56ee5dd1e46cb078d73eb86d01e0ddfd4498a0e6155d00f1295a2407e356d5c7a1
+  languageName: node
+  linkType: hard
+
 "babel-plugin-syntax-trailing-function-commas@npm:^7.0.0-beta.0":
   version: 7.0.0-beta.0
   resolution: "babel-plugin-syntax-trailing-function-commas@npm:7.0.0-beta.0"
@@ -5350,24 +5418,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bach@npm:^1.0.0":
-  version: 1.2.0
-  resolution: "bach@npm:1.2.0"
-  dependencies:
-    arr-filter: "npm:^1.1.1"
-    arr-flatten: "npm:^1.0.1"
-    arr-map: "npm:^2.0.0"
-    array-each: "npm:^1.0.0"
-    array-initial: "npm:^1.0.0"
-    array-last: "npm:^1.1.1"
-    async-done: "npm:^1.2.2"
-    async-settle: "npm:^1.0.0"
-    now-and-later: "npm:^2.0.0"
-  checksum: 10c0/0f2615664960f73fc38d1738206a861266b8b9d1ef5e95dccd7e2d8f2b8e93c718ec7717cb35d4229d2a4ed9909c3830b64bca892451a6bcf07fa572e1e0758c
-  languageName: node
-  linkType: hard
-
-"bach@npm:^2.0.0":
+"bach@npm:^2.0.0, bach@npm:^2.0.1":
   version: 2.0.1
   resolution: "bach@npm:2.0.1"
   dependencies:
@@ -5402,12 +5453,12 @@ __metadata:
   linkType: hard
 
 "beachball@npm:^2.30.1":
-  version: 2.37.0
-  resolution: "beachball@npm:2.37.0"
+  version: 2.43.1
+  resolution: "beachball@npm:2.43.1"
   dependencies:
-    cosmiconfig: "npm:^7.0.0"
+    cosmiconfig: "npm:^8.3.6"
     execa: "npm:^5.0.0"
-    fs-extra: "npm:^10.0.0"
+    fs-extra: "npm:^11.1.1"
     lodash: "npm:^4.17.15"
     minimatch: "npm:^3.0.4"
     p-limit: "npm:^3.0.2"
@@ -5415,11 +5466,11 @@ __metadata:
     semver: "npm:^7.0.0"
     toposort: "npm:^2.0.2"
     uuid: "npm:^9.0.0"
-    workspace-tools: "npm:^0.35.0"
+    workspace-tools: "npm:^0.36.3"
     yargs-parser: "npm:^21.0.0"
   bin:
     beachball: bin/beachball.js
-  checksum: 10c0/6f62250065804eff804abf1520d8bd870edb66dd9a71608927453acd9e8764c0a594f4773ff7c5787f3274304006342bc3f437374d9247169ba42ce15bb1ebf9
+  checksum: 10c0/f36a04508ae1ddd948c13e5078e5004a8c2cd8a2f5ae1316b5059b6d7528416210d7f136b0e45844f0d6f217bf15dc2781ab7f085c30a5d5433905326589a2c5
   languageName: node
   linkType: hard
 
@@ -5431,9 +5482,9 @@ __metadata:
   linkType: hard
 
 "binary-extensions@npm:^2.0.0":
-  version: 2.2.0
-  resolution: "binary-extensions@npm:2.2.0"
-  checksum: 10c0/d73d8b897238a2d3ffa5f59c0241870043aa7471335e89ea5e1ff48edb7c2d0bb471517a3e4c5c3f4c043615caa2717b5f80a5e61e07503d51dc85cb848e665d
+  version: 2.3.0
+  resolution: "binary-extensions@npm:2.3.0"
+  checksum: 10c0/75a59cafc10fb12a11d510e77110c6c7ae3f4ca22463d52487709ca7f18f69d886aa387557cc9864fbdb10153d0bdb4caacabf11541f55e89ed6e18d12ece2b5
   languageName: node
   linkType: hard
 
@@ -5467,7 +5518,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"braces@npm:^3.0.2, braces@npm:~3.0.2":
+"braces@npm:^3.0.3, braces@npm:~3.0.2":
   version: 3.0.3
   resolution: "braces@npm:3.0.3"
   dependencies:
@@ -5476,17 +5527,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browserslist@npm:^4.21.9, browserslist@npm:^4.22.1":
-  version: 4.22.1
-  resolution: "browserslist@npm:4.22.1"
+"browserslist@npm:^4.23.0, browserslist@npm:^4.23.1":
+  version: 4.23.3
+  resolution: "browserslist@npm:4.23.3"
   dependencies:
-    caniuse-lite: "npm:^1.0.30001541"
-    electron-to-chromium: "npm:^1.4.535"
-    node-releases: "npm:^2.0.13"
-    update-browserslist-db: "npm:^1.0.13"
+    caniuse-lite: "npm:^1.0.30001646"
+    electron-to-chromium: "npm:^1.5.4"
+    node-releases: "npm:^2.0.18"
+    update-browserslist-db: "npm:^1.1.0"
   bin:
     browserslist: cli.js
-  checksum: 10c0/6810f2d63f171d0b7b8d38cf091708e00cb31525501810a507839607839320d66e657293b0aa3d7f051ecbc025cb07390a90c037682c1d05d12604991e41050b
+  checksum: 10c0/3063bfdf812815346447f4796c8f04601bf5d62003374305fd323c2a463e42776475bcc5309264e39bcf9a8605851e53560695991a623be988138b3ff8c66642
   languageName: node
   linkType: hard
 
@@ -5554,15 +5605,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"builtins@npm:^5.0.0":
-  version: 5.0.1
-  resolution: "builtins@npm:5.0.1"
-  dependencies:
-    semver: "npm:^7.0.0"
-  checksum: 10c0/9390a51a9abbc0233dac79c66715f927508b9d0c62cb7a42448fe8c52def60c707e6e9eb2cc4c9b7aba11601899935bca4e4064ae5e19c04c7e1bb9309e69134
-  languageName: node
-  linkType: hard
-
 "bytes@npm:3.0.0":
   version: 3.0.0
   resolution: "bytes@npm:3.0.0"
@@ -5591,8 +5633,8 @@ __metadata:
   linkType: hard
 
 "cacache@npm:^18.0.0":
-  version: 18.0.1
-  resolution: "cacache@npm:18.0.1"
+  version: 18.0.4
+  resolution: "cacache@npm:18.0.4"
   dependencies:
     "@npmcli/fs": "npm:^3.1.0"
     fs-minipass: "npm:^3.0.0"
@@ -5606,7 +5648,7 @@ __metadata:
     ssri: "npm:^10.0.0"
     tar: "npm:^6.1.11"
     unique-filename: "npm:^3.0.0"
-  checksum: 10c0/a31666805a80a8b16ad3f85faf66750275a9175a3480896f4f6d31b5d53ef190484fabd71bdb6d2ea5603c717fbef09f4af03d6a65b525c8ef0afaa44c361866
+  checksum: 10c0/6c055bafed9de4f3dcc64ac3dc7dd24e863210902b7c470eb9ce55a806309b3efff78033e3d8b4f7dcc5d467f2db43c6a2857aaaf26f0094b8a351d44c42179f
   languageName: node
   linkType: hard
 
@@ -5632,13 +5674,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"call-bind@npm:^1.0.0, call-bind@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "call-bind@npm:1.0.2"
+"call-bind@npm:^1.0.2, call-bind@npm:^1.0.5, call-bind@npm:^1.0.6, call-bind@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "call-bind@npm:1.0.7"
   dependencies:
-    function-bind: "npm:^1.1.1"
-    get-intrinsic: "npm:^1.0.2"
-  checksum: 10c0/74ba3f31e715456e22e451d8d098779b861eba3c7cac0d9b510049aced70d75c231ba05071f97e1812c98e34e2bee734c0c6126653e0088c2d9819ca047f4073
+    es-define-property: "npm:^1.0.0"
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.4"
+    set-function-length: "npm:^1.2.1"
+  checksum: 10c0/a3ded2e423b8e2a265983dba81c27e125b48eefb2655e7dfab6be597088da3d47c47976c24bc51b8fd9af1061f8f87b4ab78a314f3c77784b2ae2ba535ad8b8d
   languageName: node
   linkType: hard
 
@@ -5688,10 +5733,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caniuse-lite@npm:^1.0.30001541":
-  version: 1.0.30001549
-  resolution: "caniuse-lite@npm:1.0.30001549"
-  checksum: 10c0/f21d019220f4a1f19fbf8fef8d251cd8419d5d840bf4d50bcb4976f959b9fbdfb3af0b6815e16396a24a805290738b184cf1dee70ec703b82782f52f36317d46
+"caniuse-lite@npm:^1.0.30001646":
+  version: 1.0.30001646
+  resolution: "caniuse-lite@npm:1.0.30001646"
+  checksum: 10c0/ecdd87c08cd63fa32e11311dfa3543a52613b0b99498b6fe6f2c66af65cc27e2f7436fa5b2bc2bcf72174448a7670715b284d420de838bcf3e811864371a2465
   languageName: node
   linkType: hard
 
@@ -5789,8 +5834,8 @@ __metadata:
   linkType: hard
 
 "chokidar@npm:*, chokidar@npm:^3.4.0, chokidar@npm:^3.5.2":
-  version: 3.5.3
-  resolution: "chokidar@npm:3.5.3"
+  version: 3.6.0
+  resolution: "chokidar@npm:3.6.0"
   dependencies:
     anymatch: "npm:~3.1.2"
     braces: "npm:~3.0.2"
@@ -5803,7 +5848,7 @@ __metadata:
   dependenciesMeta:
     fsevents:
       optional: true
-  checksum: 10c0/1076953093e0707c882a92c66c0f56ba6187831aa51bb4de878c1fec59ae611a3bf02898f190efec8e77a086b8df61c2b2a3ea324642a0558bdf8ee6c5dc9ca1
+  checksum: 10c0/8361dcd013f2ddbe260eacb1f3cb2f2c6f2b0ad118708a343a5ed8158941a39cb8fb1d272e0f389712e74ee90ce8ba864eece9e0e62b9705cb468a2f6d917462
   languageName: node
   linkType: hard
 
@@ -5835,20 +5880,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"chromium-edge-launcher@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "chromium-edge-launcher@npm:1.0.0"
-  dependencies:
-    "@types/node": "npm:*"
-    escape-string-regexp: "npm:^4.0.0"
-    is-wsl: "npm:^2.2.0"
-    lighthouse-logger: "npm:^1.0.0"
-    mkdirp: "npm:^1.0.4"
-    rimraf: "npm:^3.0.2"
-  checksum: 10c0/41821a01fe193438242a67eda7af09dbf3540d5befa1ce9439e6c289bf520a4437f6beb2017f1c1973ab86fc2b0899cbb57aea84481ec9ad7022e4a55ec2364a
-  languageName: node
-  linkType: hard
-
 "ci-info@npm:^2.0.0":
   version: 2.0.0
   resolution: "ci-info@npm:2.0.0"
@@ -5864,9 +5895,9 @@ __metadata:
   linkType: hard
 
 "cjs-module-lexer@npm:^1.0.0":
-  version: 1.2.3
-  resolution: "cjs-module-lexer@npm:1.2.3"
-  checksum: 10c0/0de9a9c3fad03a46804c0d38e7b712fb282584a9c7ef1ed44cae22fb71d9bb600309d66a9711ac36a596fd03422f5bb03e021e8f369c12a39fa1786ae531baab
+  version: 1.3.1
+  resolution: "cjs-module-lexer@npm:1.3.1"
+  checksum: 10c0/cd98fbf3c7f4272fb0ebf71d08d0c54bc75ce0e30b9d186114e15b4ba791f3d310af65a339eea2a0318599af2818cdd8886d353b43dfab94468f72987397ad16
   languageName: node
   linkType: hard
 
@@ -5902,22 +5933,22 @@ __metadata:
   linkType: hard
 
 "cli-spinners@npm:^2.5.0":
-  version: 2.9.1
-  resolution: "cli-spinners@npm:2.9.1"
-  checksum: 10c0/c9b1152bd387e5b76823bdee6f19079c4017994d352627216e5d3dab9220a8402514519ad96a0a12120b80752fead98d1e7a7a5f56ce32125f92778ef47bdd8c
+  version: 2.9.2
+  resolution: "cli-spinners@npm:2.9.2"
+  checksum: 10c0/907a1c227ddf0d7a101e7ab8b300affc742ead4b4ebe920a5bf1bc6d45dce2958fcd195eb28fa25275062fe6fa9b109b93b63bc8033396ed3bcb50297008b3a3
   languageName: node
   linkType: hard
 
 "cli-table3@npm:^0.6.3":
-  version: 0.6.3
-  resolution: "cli-table3@npm:0.6.3"
+  version: 0.6.5
+  resolution: "cli-table3@npm:0.6.5"
   dependencies:
     "@colors/colors": "npm:1.5.0"
     string-width: "npm:^4.2.0"
   dependenciesMeta:
     "@colors/colors":
       optional: true
-  checksum: 10c0/39e580cb346c2eaf1bd8f4ff055ae644e902b8303c164a1b8894c0dc95941f92e001db51f49649011be987e708d9fa3183ccc2289a4d376a057769664048cc0c
+  checksum: 10c0/d7cc9ed12212ae68241cc7a3133c52b844113b17856e11f4f81308acc3febcea7cc9fd298e70933e294dd642866b29fd5d113c2c098948701d0c35f09455de78
   languageName: node
   linkType: hard
 
@@ -6009,17 +6040,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"collection-map@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "collection-map@npm:1.0.0"
-  dependencies:
-    arr-map: "npm:^2.0.2"
-    for-own: "npm:^1.0.0"
-    make-iterator: "npm:^1.0.0"
-  checksum: 10c0/9fdda135961199d00401f1c72b2cb87d5ed1c120a98d0244a6199c1167b0f51ce88ae392300d2518c9930671bd2db85b5c47521e0bc54f7745872139a5b16964
-  languageName: node
-  linkType: hard
-
 "color-convert@npm:^1.9.0":
   version: 1.9.3
   resolution: "color-convert@npm:1.9.3"
@@ -6066,13 +6086,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"colors@npm:~1.2.1":
-  version: 1.2.5
-  resolution: "colors@npm:1.2.5"
-  checksum: 10c0/f4acebf2d2da9b4f8afb770361d14c01034bcb43add4cae493e7d186dcd7e0c5e2b440520fbfdf636e872606a0eb86b1f69fcf2f087df2876a4e222612539ee0
-  languageName: node
-  linkType: hard
-
 "combined-stream@npm:^1.0.6, combined-stream@npm:^1.0.8, combined-stream@npm:~1.0.6":
   version: 1.0.8
   resolution: "combined-stream@npm:1.0.8"
@@ -6089,13 +6102,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^10.0.0":
-  version: 10.0.1
-  resolution: "commander@npm:10.0.1"
-  checksum: 10c0/53f33d8927758a911094adadda4b2cbac111a5b377d8706700587650fd8f45b0bbe336de4b5c3fe47fd61f420a3d9bd452b6e0e6e5600a7e74d7bf0174f6efe3
-  languageName: node
-  linkType: hard
-
 "commander@npm:^2.12.1, commander@npm:^2.18.0, commander@npm:^2.20.0":
   version: 2.20.3
   resolution: "commander@npm:2.20.3"
@@ -6103,10 +6109,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"commander@npm:^4.0.1":
-  version: 4.1.1
-  resolution: "commander@npm:4.1.1"
-  checksum: 10c0/84a76c08fe6cc08c9c93f62ac573d2907d8e79138999312c92d4155bc2325d487d64d13f669b2000c9f8caf70493c1be2dac74fec3c51d5a04f8bc3ae1830bab
+"commander@npm:^6.2.0":
+  version: 6.2.1
+  resolution: "commander@npm:6.2.1"
+  checksum: 10c0/85748abd9d18c8bc88febed58b98f66b7c591d9b5017cad459565761d7b29ca13b7783ea2ee5ce84bf235897333706c4ce29adf1ce15c8252780e7000e2ce9ea
   languageName: node
   linkType: hard
 
@@ -6205,19 +6211,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"core-js-compat@npm:^3.31.0, core-js-compat@npm:^3.32.2":
-  version: 3.33.0
-  resolution: "core-js-compat@npm:3.33.0"
+"core-js-compat@npm:^3.36.1, core-js-compat@npm:^3.37.1":
+  version: 3.37.1
+  resolution: "core-js-compat@npm:3.37.1"
   dependencies:
-    browserslist: "npm:^4.22.1"
-  checksum: 10c0/1db27222420548c65fdb92574192aa1ab434e8e3b80a347fc9c20004e459cc146e719dee8a8c3a3c0773190834e865542d3745ada27a160937fc312a14f66d5c
+    browserslist: "npm:^4.23.0"
+  checksum: 10c0/4e2da9c900f2951a57947af7aeef4d16f2c75d7f7e966c0d0b62953f65225003ade5e84d3ae98847f65b24c109c606821d9dc925db8ca418fb761e7c81963c2a
   languageName: node
   linkType: hard
 
 "core-js@npm:^3.8.2":
-  version: 3.33.0
-  resolution: "core-js@npm:3.33.0"
-  checksum: 10c0/f51192f311c2d75b94ebe4eb7210f91df2cb6de101b96da1a65f43cf52b9c5cfe1ce5ebebb86281e452d2ee949730afb72fb7ac826c655c9de3a92f793cf3b80
+  version: 3.37.1
+  resolution: "core-js@npm:3.37.1"
+  checksum: 10c0/440eb51a7a39128a320225fe349f870a3641b96c9ecd26470227db730ef8c161ea298eaea621db66ec0ff622a85299efb4e23afebf889c0a1748616102307675
   languageName: node
   linkType: hard
 
@@ -6240,16 +6246,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cosmiconfig@npm:^7.0.0":
-  version: 7.1.0
-  resolution: "cosmiconfig@npm:7.1.0"
+"cosmiconfig@npm:^8.3.6":
+  version: 8.3.6
+  resolution: "cosmiconfig@npm:8.3.6"
   dependencies:
-    "@types/parse-json": "npm:^4.0.0"
-    import-fresh: "npm:^3.2.1"
-    parse-json: "npm:^5.0.0"
+    import-fresh: "npm:^3.3.0"
+    js-yaml: "npm:^4.1.0"
+    parse-json: "npm:^5.2.0"
     path-type: "npm:^4.0.0"
-    yaml: "npm:^1.10.0"
-  checksum: 10c0/b923ff6af581638128e5f074a5450ba12c0300b71302398ea38dbeabd33bbcaa0245ca9adbedfcf284a07da50f99ede5658c80bb3e39e2ce770a99d28a21ef03
+  peerDependencies:
+    typescript: ">=4.9.5"
+  peerDependenciesMeta:
+    typescript:
+      optional: true
+  checksum: 10c0/0382a9ed13208f8bfc22ca2f62b364855207dffdb73dc26e150ade78c3093f1cf56172df2dd460c8caf2afa91c0ed4ec8a88c62f8f9cd1cf423d26506aa8797a
   languageName: node
   linkType: hard
 
@@ -6324,19 +6334,9 @@ __metadata:
   linkType: hard
 
 "csstype@npm:^3.0.2":
-  version: 3.1.2
-  resolution: "csstype@npm:3.1.2"
-  checksum: 10c0/32c038af259897c807ac738d9eab16b3d86747c72b09d5c740978e06f067f9b7b1737e1b75e407c7ab1fe1543dc95f20e202b4786aeb1b8d3bdf5d5ce655e6c6
-  languageName: node
-  linkType: hard
-
-"d@npm:1, d@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "d@npm:1.0.1"
-  dependencies:
-    es5-ext: "npm:^0.10.50"
-    type: "npm:^1.0.1"
-  checksum: 10c0/1fedcb3b956a461f64d86b94b347441beff5cef8910b6ac4ec509a2c67eeaa7093660a98b26601ac91f91260238add73bdf25867a9c0cb783774642bc4c1523f
+  version: 3.1.3
+  resolution: "csstype@npm:3.1.3"
+  checksum: 10c0/80c089d6f7e0c5b2bd83cf0539ab41474198579584fa10d86d0cafe0642202343cbc119e076a0b1aece191989477081415d66c9fefbf3c957fc2fc4b7009f248
   languageName: node
   linkType: hard
 
@@ -6348,8 +6348,8 @@ __metadata:
   linkType: hard
 
 "danger@npm:^11.2.1":
-  version: 11.3.0
-  resolution: "danger@npm:11.3.0"
+  version: 11.3.1
+  resolution: "danger@npm:11.3.1"
   dependencies:
     "@gitbeaker/core": "npm:^35.8.1"
     "@gitbeaker/node": "npm:^35.8.1"
@@ -6399,7 +6399,7 @@ __metadata:
     danger-process: distribution/commands/danger-process.js
     danger-reset-status: distribution/commands/danger-reset-status.js
     danger-runner: distribution/commands/danger-runner.js
-  checksum: 10c0/568a6c2bdbef663c9d1fca36651939b39bf7a158867bdf955054bdc0f16533658aaf258ab9bc1c1bf517609b6eabe776e3d24a0364903a5a38bf67d8d690b252
+  checksum: 10c0/0a2a7655817200fb3488645787268842ba6c8fadbf6fa8c3e6d13718564a6f915ef1f70020686b9b8b94a050fb80eaeb8b6abf0f8525162ddd739da5ad51d432
   languageName: node
   linkType: hard
 
@@ -6412,22 +6412,69 @@ __metadata:
   languageName: node
   linkType: hard
 
+"data-uri-to-buffer@npm:^4.0.0":
+  version: 4.0.1
+  resolution: "data-uri-to-buffer@npm:4.0.1"
+  checksum: 10c0/20a6b93107597530d71d4cb285acee17f66bcdfc03fd81040921a81252f19db27588d87fc8fc69e1950c55cfb0bf8ae40d0e5e21d907230813eb5d5a7f9eb45b
+  languageName: node
+  linkType: hard
+
+"data-uri-to-buffer@npm:^6.0.1":
+  version: 6.0.2
+  resolution: "data-uri-to-buffer@npm:6.0.2"
+  checksum: 10c0/f76922bf895b3d7d443059ff278c9cc5efc89d70b8b80cd9de0aa79b3adc6d7a17948eefb8692e30398c43635f70ece1673d6085cc9eba2878dbc6c6da5292ac
+  languageName: node
+  linkType: hard
+
+"data-view-buffer@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "data-view-buffer@npm:1.0.1"
+  dependencies:
+    call-bind: "npm:^1.0.6"
+    es-errors: "npm:^1.3.0"
+    is-data-view: "npm:^1.0.1"
+  checksum: 10c0/8984119e59dbed906a11fcfb417d7d861936f16697a0e7216fe2c6c810f6b5e8f4a5281e73f2c28e8e9259027190ac4a33e2a65fdd7fa86ac06b76e838918583
+  languageName: node
+  linkType: hard
+
+"data-view-byte-length@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "data-view-byte-length@npm:1.0.1"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    es-errors: "npm:^1.3.0"
+    is-data-view: "npm:^1.0.1"
+  checksum: 10c0/b7d9e48a0cf5aefed9ab7d123559917b2d7e0d65531f43b2fd95b9d3a6b46042dd3fca597c42bba384e66b70d7ad66ff23932f8367b241f53d93af42cfe04ec2
+  languageName: node
+  linkType: hard
+
+"data-view-byte-offset@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "data-view-byte-offset@npm:1.0.0"
+  dependencies:
+    call-bind: "npm:^1.0.6"
+    es-errors: "npm:^1.3.0"
+    is-data-view: "npm:^1.0.1"
+  checksum: 10c0/21b0d2e53fd6e20cc4257c873bf6d36d77bd6185624b84076c0a1ddaa757b49aaf076254006341d35568e89f52eecd1ccb1a502cfb620f2beca04f48a6a62a8f
+  languageName: node
+  linkType: hard
+
 "dayjs@npm:^1.8.15":
-  version: 1.11.10
-  resolution: "dayjs@npm:1.11.10"
-  checksum: 10c0/4de9af50639d47df87f2e15fa36bb07e0f9ed1e9c52c6caa1482788ee9a384d668f1dbd00c54f82aaab163db07d61d2899384b8254da3a9184fc6deca080e2fe
+  version: 1.11.12
+  resolution: "dayjs@npm:1.11.12"
+  checksum: 10c0/9673d37f3f9ad8a91caaeae9b3fea9a0010c81c7f58599fb9d860bc3359b86632fbff8eb7dddc86c2acaab01c5e6860bc672952f17b58c9286140c52b077c8e4
   languageName: node
   linkType: hard
 
 "debug@npm:>=3.1.0":
-  version: 4.3.4
-  resolution: "debug@npm:4.3.4"
+  version: 4.3.6
+  resolution: "debug@npm:4.3.6"
   dependencies:
     ms: "npm:2.1.2"
   peerDependenciesMeta:
     supports-color:
       optional: true
-  checksum: 10c0/cedbec45298dd5c501d01b92b119cd3faebe5438c3917ff11ae1bff86a6c722930ac9c8659792824013168ba6db7c4668225d845c633fbdafbbf902a6389f736
+  checksum: 10c0/3293416bff072389c101697d4611c402a6bacd1900ac20c0492f61a9cdd6b3b29750fc7f5e299f8058469ef60ff8fb79b86395a30374fbd2490113c1c7112285
   languageName: node
   linkType: hard
 
@@ -6455,14 +6502,40 @@ __metadata:
   linkType: hard
 
 "dedent@npm:^1.0.0":
-  version: 1.5.1
-  resolution: "dedent@npm:1.5.1"
+  version: 1.5.3
+  resolution: "dedent@npm:1.5.3"
   peerDependencies:
     babel-plugin-macros: ^3.1.0
   peerDependenciesMeta:
     babel-plugin-macros:
       optional: true
-  checksum: 10c0/f8612cd5b00aab58b18bb95572dca08dc2d49720bfa7201a444c3dae430291e8a06d4928614a6ec8764d713927f44bce9c990d3b8238fca2f430990ddc17c070
+  checksum: 10c0/d94bde6e6f780be4da4fd760288fcf755ec368872f4ac5218197200d86430aeb8d90a003a840bff1c20221188e3f23adced0119cb811c6873c70d0ac66d12832
+  languageName: node
+  linkType: hard
+
+"deep-equal@npm:^2.0.5":
+  version: 2.2.3
+  resolution: "deep-equal@npm:2.2.3"
+  dependencies:
+    array-buffer-byte-length: "npm:^1.0.0"
+    call-bind: "npm:^1.0.5"
+    es-get-iterator: "npm:^1.1.3"
+    get-intrinsic: "npm:^1.2.2"
+    is-arguments: "npm:^1.1.1"
+    is-array-buffer: "npm:^3.0.2"
+    is-date-object: "npm:^1.0.5"
+    is-regex: "npm:^1.1.4"
+    is-shared-array-buffer: "npm:^1.0.2"
+    isarray: "npm:^2.0.5"
+    object-is: "npm:^1.1.5"
+    object-keys: "npm:^1.1.1"
+    object.assign: "npm:^4.1.4"
+    regexp.prototype.flags: "npm:^1.5.1"
+    side-channel: "npm:^1.0.4"
+    which-boxed-primitive: "npm:^1.0.2"
+    which-collection: "npm:^1.0.1"
+    which-typed-array: "npm:^1.1.13"
+  checksum: 10c0/a48244f90fa989f63ff5ef0cc6de1e4916b48ea0220a9c89a378561960814794a5800c600254482a2c8fd2e49d6c2e196131dc983976adb024c94a42dfe4949f
   languageName: node
   linkType: hard
 
@@ -6480,13 +6553,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"default-resolution@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "default-resolution@npm:2.0.0"
-  checksum: 10c0/162c538be2dbecd09f7303a34303f97ca1684232e1cd7dd58a97cf472d3874b92ed2fba52c01cada47f595136007dec4dfdb368a7e1c043872407b97a00772ad
-  languageName: node
-  linkType: hard
-
 "defaults@npm:^1.0.3":
   version: 1.0.4
   resolution: "defaults@npm:1.0.4"
@@ -6503,18 +6569,18 @@ __metadata:
   languageName: node
   linkType: hard
 
-"define-data-property@npm:^1.0.1":
-  version: 1.1.1
-  resolution: "define-data-property@npm:1.1.1"
+"define-data-property@npm:^1.0.1, define-data-property@npm:^1.1.4":
+  version: 1.1.4
+  resolution: "define-data-property@npm:1.1.4"
   dependencies:
-    get-intrinsic: "npm:^1.2.1"
+    es-define-property: "npm:^1.0.0"
+    es-errors: "npm:^1.3.0"
     gopd: "npm:^1.0.1"
-    has-property-descriptors: "npm:^1.0.0"
-  checksum: 10c0/77ef6e0bceb515e05b5913ab635a84d537cee84f8a7c37c77fdcb31fc5b80f6dbe81b33375e4b67d96aa04e6a0d8d4ea099e431d83f089af8d93adfb584bcb94
+  checksum: 10c0/dea0606d1483eb9db8d930d4eac62ca0fa16738b0b3e07046cddfacf7d8c868bbe13fa0cb263eb91c7d0d527960dc3f2f2471a69ed7816210307f6744fe62e37
   languageName: node
   linkType: hard
 
-"define-properties@npm:^1.1.3, define-properties@npm:^1.1.4, define-properties@npm:^1.2.0, define-properties@npm:^1.2.1":
+"define-properties@npm:^1.1.3, define-properties@npm:^1.2.0, define-properties@npm:^1.2.1":
   version: 1.2.1
   resolution: "define-properties@npm:1.2.1"
   dependencies:
@@ -6560,17 +6626,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"deprecated-react-native-prop-types@npm:4.2.1":
-  version: 4.2.1
-  resolution: "deprecated-react-native-prop-types@npm:4.2.1"
-  dependencies:
-    "@react-native/normalize-colors": "npm:*"
-    invariant: "npm:*"
-    prop-types: "npm:*"
-  checksum: 10c0/0396ab9728f6c9c0b7b86d255cf8605c51db670d14940e6acfc0f1956241977b27bdd25ceb375d50b14eaae18a99b03d8423e8495a095e0c1fa4ac65f465efd5
-  languageName: node
-  linkType: hard
-
 "deprecation@npm:^2.0.0, deprecation@npm:^2.3.1":
   version: 2.3.1
   resolution: "deprecation@npm:2.3.1"
@@ -6620,16 +6675,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"devtools-protocol@npm:^0.0.1203626":
-  version: 0.0.1203626
-  resolution: "devtools-protocol@npm:0.0.1203626"
-  checksum: 10c0/9bd34655f4c8a737cf93dac83807f1fbee2817bb67a2bdb3f135de6538e57003c7c670b2f1c1097b79d86e8b98560baf1579bceb51f70bc80f5509d720118d7b
+"devtools-protocol@npm:^0.0.1260888":
+  version: 0.0.1260888
+  resolution: "devtools-protocol@npm:0.0.1260888"
+  checksum: 10c0/c0a1a678a7b24ec342380dd870c65cd16992c5ca176c366392b6f6b70dd24ab83bfeefa8b8dd4dd93a9d5f7ba3bcb5d728e8b6a3900ac524f3ebf46fef9047a8
   languageName: node
   linkType: hard
 
-"devtools@npm:7.33.0":
-  version: 7.33.0
-  resolution: "devtools@npm:7.33.0"
+"devtools@npm:7.35.0":
+  version: 7.35.0
+  resolution: "devtools@npm:7.35.0"
   dependencies:
     "@types/node": "npm:^18.0.0"
     "@types/ua-parser-js": "npm:^0.7.33"
@@ -6644,7 +6699,7 @@ __metadata:
     query-selector-shadow-dom: "npm:^1.0.0"
     ua-parser-js: "npm:^1.0.1"
     uuid: "npm:^9.0.0"
-  checksum: 10c0/4c01be610733c19196a9dd116a873881d4b421e81552401509ec0975c4b5662376f0fe1683dc28147adae9788855af6dfa2fd5395517470269c58af56b1c9106
+  checksum: 10c0/6de6c94804acf138cb84f31a49ef0215eecc3ecb92ab422aad4e5b6aa3bc1527f0b8e9516acb72d98632995c9036ad21ae95407009f88cb94c8216c938cd605a
   languageName: node
   linkType: hard
 
@@ -6739,10 +6794,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"electron-to-chromium@npm:^1.4.535":
-  version: 1.4.557
-  resolution: "electron-to-chromium@npm:1.4.557"
-  checksum: 10c0/33eadafca8e15005a56b6aff8b81bab1277efab4f60945673e05e6f5e1cc9a4885c08ba3a275adf5fa8cd447b1b45231e1a60f2ce9074c84da86c56d1fc7af22
+"electron-to-chromium@npm:^1.5.4":
+  version: 1.5.4
+  resolution: "electron-to-chromium@npm:1.5.4"
+  checksum: 10c0/139abf1b7281c2f3288819fb9b114f09d541ac38c9f0373f194ce2d483d82d118b8751f1b2a59b04ed0d8f414071b58508a40050fc0f23b5aa7e38d11d0cf30c
   languageName: node
   linkType: hard
 
@@ -6799,12 +6854,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"envinfo@npm:^7.7.2":
-  version: 7.10.0
-  resolution: "envinfo@npm:7.10.0"
+"envinfo@npm:^7.10.0":
+  version: 7.13.0
+  resolution: "envinfo@npm:7.13.0"
   bin:
     envinfo: dist/cli.js
-  checksum: 10c0/ebc7792fbedca72bc829913abe0c2a3384b883903012f97b56085afd4e83d26f7dd0652403fedd99cd3e1c93d4fb0706f5d2c3dc06ac6a1eda348280a06a9dcf
+  checksum: 10c0/9c279213cbbb353b3171e8e333fd2ed564054abade08ab3d735fe136e10a0e14e0588e1ce77e6f01285f2462eaca945d64f0778be5ae3d9e82804943e36a4411
   languageName: node
   linkType: hard
 
@@ -6843,154 +6898,159 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es-abstract@npm:^1.22.1":
-  version: 1.22.2
-  resolution: "es-abstract@npm:1.22.2"
+"es-abstract@npm:^1.17.5, es-abstract@npm:^1.22.1, es-abstract@npm:^1.22.3, es-abstract@npm:^1.23.0, es-abstract@npm:^1.23.1, es-abstract@npm:^1.23.2, es-abstract@npm:^1.23.3":
+  version: 1.23.3
+  resolution: "es-abstract@npm:1.23.3"
   dependencies:
-    array-buffer-byte-length: "npm:^1.0.0"
-    arraybuffer.prototype.slice: "npm:^1.0.2"
-    available-typed-arrays: "npm:^1.0.5"
-    call-bind: "npm:^1.0.2"
-    es-set-tostringtag: "npm:^2.0.1"
+    array-buffer-byte-length: "npm:^1.0.1"
+    arraybuffer.prototype.slice: "npm:^1.0.3"
+    available-typed-arrays: "npm:^1.0.7"
+    call-bind: "npm:^1.0.7"
+    data-view-buffer: "npm:^1.0.1"
+    data-view-byte-length: "npm:^1.0.1"
+    data-view-byte-offset: "npm:^1.0.0"
+    es-define-property: "npm:^1.0.0"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    es-set-tostringtag: "npm:^2.0.3"
     es-to-primitive: "npm:^1.2.1"
     function.prototype.name: "npm:^1.1.6"
-    get-intrinsic: "npm:^1.2.1"
-    get-symbol-description: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.4"
+    get-symbol-description: "npm:^1.0.2"
     globalthis: "npm:^1.0.3"
     gopd: "npm:^1.0.1"
-    has: "npm:^1.0.3"
-    has-property-descriptors: "npm:^1.0.0"
-    has-proto: "npm:^1.0.1"
+    has-property-descriptors: "npm:^1.0.2"
+    has-proto: "npm:^1.0.3"
     has-symbols: "npm:^1.0.3"
-    internal-slot: "npm:^1.0.5"
-    is-array-buffer: "npm:^3.0.2"
+    hasown: "npm:^2.0.2"
+    internal-slot: "npm:^1.0.7"
+    is-array-buffer: "npm:^3.0.4"
     is-callable: "npm:^1.2.7"
-    is-negative-zero: "npm:^2.0.2"
+    is-data-view: "npm:^1.0.1"
+    is-negative-zero: "npm:^2.0.3"
     is-regex: "npm:^1.1.4"
-    is-shared-array-buffer: "npm:^1.0.2"
+    is-shared-array-buffer: "npm:^1.0.3"
     is-string: "npm:^1.0.7"
-    is-typed-array: "npm:^1.1.12"
+    is-typed-array: "npm:^1.1.13"
     is-weakref: "npm:^1.0.2"
-    object-inspect: "npm:^1.12.3"
+    object-inspect: "npm:^1.13.1"
     object-keys: "npm:^1.1.1"
-    object.assign: "npm:^4.1.4"
-    regexp.prototype.flags: "npm:^1.5.1"
-    safe-array-concat: "npm:^1.0.1"
-    safe-regex-test: "npm:^1.0.0"
-    string.prototype.trim: "npm:^1.2.8"
-    string.prototype.trimend: "npm:^1.0.7"
-    string.prototype.trimstart: "npm:^1.0.7"
-    typed-array-buffer: "npm:^1.0.0"
-    typed-array-byte-length: "npm:^1.0.0"
-    typed-array-byte-offset: "npm:^1.0.0"
-    typed-array-length: "npm:^1.0.4"
+    object.assign: "npm:^4.1.5"
+    regexp.prototype.flags: "npm:^1.5.2"
+    safe-array-concat: "npm:^1.1.2"
+    safe-regex-test: "npm:^1.0.3"
+    string.prototype.trim: "npm:^1.2.9"
+    string.prototype.trimend: "npm:^1.0.8"
+    string.prototype.trimstart: "npm:^1.0.8"
+    typed-array-buffer: "npm:^1.0.2"
+    typed-array-byte-length: "npm:^1.0.1"
+    typed-array-byte-offset: "npm:^1.0.2"
+    typed-array-length: "npm:^1.0.6"
     unbox-primitive: "npm:^1.0.2"
-    which-typed-array: "npm:^1.1.11"
-  checksum: 10c0/a491c640a01b7c18f3cc626a3d08b5c67f8d3dac70ff8b4268cda6fa0ebed80bb028ff3ee731137512e054d39e98d02575144da904fe28045019fc59e503f1f8
+    which-typed-array: "npm:^1.1.15"
+  checksum: 10c0/d27e9afafb225c6924bee9971a7f25f20c314f2d6cb93a63cada4ac11dcf42040896a6c22e5fb8f2a10767055ed4ddf400be3b1eb12297d281726de470b75666
   languageName: node
   linkType: hard
 
-"es-iterator-helpers@npm:^1.0.12":
-  version: 1.0.15
-  resolution: "es-iterator-helpers@npm:1.0.15"
+"es-define-property@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "es-define-property@npm:1.0.0"
   dependencies:
-    asynciterator.prototype: "npm:^1.0.0"
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.1"
-    es-abstract: "npm:^1.22.1"
-    es-set-tostringtag: "npm:^2.0.1"
-    function-bind: "npm:^1.1.1"
-    get-intrinsic: "npm:^1.2.1"
-    globalthis: "npm:^1.0.3"
-    has-property-descriptors: "npm:^1.0.0"
-    has-proto: "npm:^1.0.1"
-    has-symbols: "npm:^1.0.3"
-    internal-slot: "npm:^1.0.5"
-    iterator.prototype: "npm:^1.1.2"
-    safe-array-concat: "npm:^1.0.1"
-  checksum: 10c0/b4c83f94bfe624260d5238092de3173989f76f1416b1d02c388aea3b2024174e5f5f0e864057311ac99790b57e836ca3545b6e77256b26066dac944519f5e6d6
+    get-intrinsic: "npm:^1.2.4"
+  checksum: 10c0/6bf3191feb7ea2ebda48b577f69bdfac7a2b3c9bcf97307f55fd6ef1bbca0b49f0c219a935aca506c993d8c5d8bddd937766cb760cd5e5a1071351f2df9f9aa4
   languageName: node
   linkType: hard
 
-"es-set-tostringtag@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "es-set-tostringtag@npm:2.0.1"
-  dependencies:
-    get-intrinsic: "npm:^1.1.3"
-    has: "npm:^1.0.3"
-    has-tostringtag: "npm:^1.0.0"
-  checksum: 10c0/9af096365e3861bb29755cc5f76f15f66a7eab0e83befca396129090c1d9737e54090278b8e5357e97b5f0a5b0459fca07c40c6740884c2659cbf90ef8e508cc
+"es-errors@npm:^1.2.1, es-errors@npm:^1.3.0":
+  version: 1.3.0
+  resolution: "es-errors@npm:1.3.0"
+  checksum: 10c0/0a61325670072f98d8ae3b914edab3559b6caa980f08054a3b872052640d91da01d38df55df797fcc916389d77fc92b8d5906cf028f4db46d7e3003abecbca85
   languageName: node
   linkType: hard
 
-"es-shim-unscopables@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "es-shim-unscopables@npm:1.0.0"
+"es-get-iterator@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "es-get-iterator@npm:1.1.3"
   dependencies:
-    has: "npm:^1.0.3"
-  checksum: 10c0/d54a66239fbd19535b3e50333913260394f14d2d7adb136a95396a13ca584bab400cf9cb2ffd9232f3fe2f0362540bd3a708240c493e46e13fe0b90cfcfedc3d
+    call-bind: "npm:^1.0.2"
+    get-intrinsic: "npm:^1.1.3"
+    has-symbols: "npm:^1.0.3"
+    is-arguments: "npm:^1.1.1"
+    is-map: "npm:^2.0.2"
+    is-set: "npm:^2.0.2"
+    is-string: "npm:^1.0.7"
+    isarray: "npm:^2.0.5"
+    stop-iteration-iterator: "npm:^1.0.0"
+  checksum: 10c0/ebd11effa79851ea75d7f079405f9d0dc185559fd65d986c6afea59a0ff2d46c2ed8675f19f03dce7429d7f6c14ff9aede8d121fbab78d75cfda6a263030bac0
   languageName: node
   linkType: hard
 
-"es-to-primitive@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "es-to-primitive@npm:1.2.1"
+"es-iterator-helpers@npm:^1.0.19":
+  version: 1.0.19
+  resolution: "es-iterator-helpers@npm:1.0.19"
   dependencies:
-    is-callable: "npm:^1.1.4"
-    is-date-object: "npm:^1.0.1"
-    is-symbol: "npm:^1.0.2"
-  checksum: 10c0/0886572b8dc075cb10e50c0af62a03d03a68e1e69c388bd4f10c0649ee41b1fbb24840a1b7e590b393011b5cdbe0144b776da316762653685432df37d6de60f1
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.3"
+    es-errors: "npm:^1.3.0"
+    es-set-tostringtag: "npm:^2.0.3"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.4"
+    globalthis: "npm:^1.0.3"
+    has-property-descriptors: "npm:^1.0.2"
+    has-proto: "npm:^1.0.3"
+    has-symbols: "npm:^1.0.3"
+    internal-slot: "npm:^1.0.7"
+    iterator.prototype: "npm:^1.1.2"
+    safe-array-concat: "npm:^1.1.2"
+  checksum: 10c0/ae8f0241e383b3d197383b9842c48def7fce0255fb6ed049311b686ce295595d9e389b466f6a1b7d4e7bb92d82f5e716d6fae55e20c1040249bf976743b038c5
   languageName: node
   linkType: hard
 
-"es5-ext@npm:0.10.53":
-  version: 0.10.53
-  resolution: "es5-ext@npm:0.10.53"
+"es-object-atoms@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "es-object-atoms@npm:1.0.0"
   dependencies:
-    es6-iterator: "npm:~2.0.3"
-    es6-symbol: "npm:~3.1.3"
-    next-tick: "npm:~1.0.0"
-  checksum: 10c0/02989b89e777264756696baf64b6daf54e0be631b09870dfab8473e81129303c2791a001bf1f06bb38bf008403a0daad02e8001cb419ad8e4430452400ecd771
+    es-errors: "npm:^1.3.0"
+  checksum: 10c0/1fed3d102eb27ab8d983337bb7c8b159dd2a1e63ff833ec54eea1311c96d5b08223b433060ba240541ca8adba9eee6b0a60cdbf2f80634b784febc9cc8b687b4
   languageName: node
   linkType: hard
 
-"es6-iterator@npm:^2.0.3, es6-iterator@npm:~2.0.3":
+"es-set-tostringtag@npm:^2.0.3":
   version: 2.0.3
-  resolution: "es6-iterator@npm:2.0.3"
+  resolution: "es-set-tostringtag@npm:2.0.3"
   dependencies:
-    d: "npm:1"
-    es5-ext: "npm:^0.10.35"
-    es6-symbol: "npm:^3.1.1"
-  checksum: 10c0/91f20b799dba28fb05bf623c31857fc1524a0f1c444903beccaf8929ad196c8c9ded233e5ac7214fc63a92b3f25b64b7f2737fcca8b1f92d2d96cf3ac902f5d8
+    get-intrinsic: "npm:^1.2.4"
+    has-tostringtag: "npm:^1.0.2"
+    hasown: "npm:^2.0.1"
+  checksum: 10c0/f22aff1585eb33569c326323f0b0d175844a1f11618b86e193b386f8be0ea9474cfbe46df39c45d959f7aa8f6c06985dc51dd6bce5401645ec5a74c4ceaa836a
   languageName: node
   linkType: hard
 
-"es6-symbol@npm:^3.1.1, es6-symbol@npm:~3.1.3":
-  version: 3.1.3
-  resolution: "es6-symbol@npm:3.1.3"
+"es-shim-unscopables@npm:^1.0.0, es-shim-unscopables@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "es-shim-unscopables@npm:1.0.2"
   dependencies:
-    d: "npm:^1.0.1"
-    ext: "npm:^1.1.2"
-  checksum: 10c0/22982f815f00df553a89f4fb74c5048fed85df598482b4bd38dbd173174247949c72982a7d7132a58b147525398400e5f182db59b0916cb49f1e245fb0e22233
+    hasown: "npm:^2.0.0"
+  checksum: 10c0/f495af7b4b7601a4c0cfb893581c352636e5c08654d129590386a33a0432cf13a7bdc7b6493801cadd990d838e2839b9013d1de3b880440cb537825e834fe783
   languageName: node
   linkType: hard
 
-"es6-weak-map@npm:^2.0.1":
-  version: 2.0.3
-  resolution: "es6-weak-map@npm:2.0.3"
+"es-to-primitive@npm:^1.2.1":
+  version: 1.2.1
+  resolution: "es-to-primitive@npm:1.2.1"
   dependencies:
-    d: "npm:1"
-    es5-ext: "npm:^0.10.46"
-    es6-iterator: "npm:^2.0.3"
-    es6-symbol: "npm:^3.1.1"
-  checksum: 10c0/460932be9542473dbbddd183e21c15a66cfec1b2c17dae2b514e190d6fb2896b7eb683783d4b36da036609d2e1c93d2815f21b374dfccaf02a8978694c2f7b67
+    is-callable: "npm:^1.1.4"
+    is-date-object: "npm:^1.0.1"
+    is-symbol: "npm:^1.0.2"
+  checksum: 10c0/0886572b8dc075cb10e50c0af62a03d03a68e1e69c388bd4f10c0649ee41b1fbb24840a1b7e590b393011b5cdbe0144b776da316762653685432df37d6de60f1
   languageName: node
   linkType: hard
 
-"escalade@npm:^3.1.1":
-  version: 3.1.1
-  resolution: "escalade@npm:3.1.1"
-  checksum: 10c0/afd02e6ca91ffa813e1108b5e7756566173d6bc0d1eb951cb44d6b21702ec17c1cf116cfe75d4a2b02e05acb0b808a7a9387d0d1ca5cf9c04ad03a8445c3e46d
+"escalade@npm:^3.1.1, escalade@npm:^3.1.2":
+  version: 3.1.2
+  resolution: "escalade@npm:3.1.2"
+  checksum: 10c0/6b4adafecd0682f3aa1cd1106b8fff30e492c7015b178bc81b2d2f75106dabea6c6d6e8508fc491bd58e597c74abb0e8e2368f943ecb9393d4162e3c2f3cf287
   languageName: node
   linkType: hard
 
@@ -7086,29 +7146,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"eslint-plugin-jsx-a11y@npm:^6.6.0":
-  version: 6.7.1
-  resolution: "eslint-plugin-jsx-a11y@npm:6.7.1"
-  dependencies:
-    "@babel/runtime": "npm:^7.20.7"
-    aria-query: "npm:^5.1.3"
-    array-includes: "npm:^3.1.6"
-    array.prototype.flatmap: "npm:^1.3.1"
-    ast-types-flow: "npm:^0.0.7"
-    axe-core: "npm:^4.6.2"
-    axobject-query: "npm:^3.1.1"
+"eslint-plugin-jsx-a11y@npm:^6.6.0":
+  version: 6.9.0
+  resolution: "eslint-plugin-jsx-a11y@npm:6.9.0"
+  dependencies:
+    aria-query: "npm:~5.1.3"
+    array-includes: "npm:^3.1.8"
+    array.prototype.flatmap: "npm:^1.3.2"
+    ast-types-flow: "npm:^0.0.8"
+    axe-core: "npm:^4.9.1"
+    axobject-query: "npm:~3.1.1"
     damerau-levenshtein: "npm:^1.0.8"
     emoji-regex: "npm:^9.2.2"
-    has: "npm:^1.0.3"
-    jsx-ast-utils: "npm:^3.3.3"
-    language-tags: "npm:=1.0.5"
+    es-iterator-helpers: "npm:^1.0.19"
+    hasown: "npm:^2.0.2"
+    jsx-ast-utils: "npm:^3.3.5"
+    language-tags: "npm:^1.0.9"
     minimatch: "npm:^3.1.2"
-    object.entries: "npm:^1.1.6"
-    object.fromentries: "npm:^2.0.6"
-    semver: "npm:^6.3.0"
+    object.fromentries: "npm:^2.0.8"
+    safe-regex-test: "npm:^1.0.3"
+    string.prototype.includes: "npm:^2.0.0"
   peerDependencies:
     eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-  checksum: 10c0/41ad3d0c8036b36cd475685c1ad639157f403b16e8ac23c07f1dbe0226ccf8458f2805cbd5cc8e56856a5d8a356f3276e3139274d819476ccad80c41b9245502
+  checksum: 10c0/72ac719ca90b6149c8f3c708ac5b1177f6757668b6e174d72a78512d4ac10329331b9c666c21e9561237a96a45d7f147f6a5d270dadbb99eb4ee093f127792c3
   languageName: node
   linkType: hard
 
@@ -7135,11 +7195,11 @@ __metadata:
   linkType: hard
 
 "eslint-plugin-react-hooks@npm:^4.6.0":
-  version: 4.6.0
-  resolution: "eslint-plugin-react-hooks@npm:4.6.0"
+  version: 4.6.2
+  resolution: "eslint-plugin-react-hooks@npm:4.6.2"
   peerDependencies:
     eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
-  checksum: 10c0/58c7e10ea5792c33346fcf5cb4024e14837035ce412ff99c2dcb7c4f903dc9b17939078f80bfef826301ce326582c396c00e8e0ac9d10ac2cde2b42d33763c65
+  checksum: 10c0/4844e58c929bc05157fb70ba1e462e34f1f4abcbc8dd5bbe5b04513d33e2699effb8bca668297976ceea8e7ebee4e8fc29b9af9d131bcef52886feaa2308b2cc
   languageName: node
   linkType: hard
 
@@ -7162,28 +7222,30 @@ __metadata:
   linkType: hard
 
 "eslint-plugin-react@npm:^7.30.1":
-  version: 7.33.2
-  resolution: "eslint-plugin-react@npm:7.33.2"
+  version: 7.35.0
+  resolution: "eslint-plugin-react@npm:7.35.0"
   dependencies:
-    array-includes: "npm:^3.1.6"
-    array.prototype.flatmap: "npm:^1.3.1"
-    array.prototype.tosorted: "npm:^1.1.1"
+    array-includes: "npm:^3.1.8"
+    array.prototype.findlast: "npm:^1.2.5"
+    array.prototype.flatmap: "npm:^1.3.2"
+    array.prototype.tosorted: "npm:^1.1.4"
     doctrine: "npm:^2.1.0"
-    es-iterator-helpers: "npm:^1.0.12"
+    es-iterator-helpers: "npm:^1.0.19"
     estraverse: "npm:^5.3.0"
+    hasown: "npm:^2.0.2"
     jsx-ast-utils: "npm:^2.4.1 || ^3.0.0"
     minimatch: "npm:^3.1.2"
-    object.entries: "npm:^1.1.6"
-    object.fromentries: "npm:^2.0.6"
-    object.hasown: "npm:^1.1.2"
-    object.values: "npm:^1.1.6"
+    object.entries: "npm:^1.1.8"
+    object.fromentries: "npm:^2.0.8"
+    object.values: "npm:^1.2.0"
     prop-types: "npm:^15.8.1"
-    resolve: "npm:^2.0.0-next.4"
+    resolve: "npm:^2.0.0-next.5"
     semver: "npm:^6.3.1"
-    string.prototype.matchall: "npm:^4.0.8"
+    string.prototype.matchall: "npm:^4.0.11"
+    string.prototype.repeat: "npm:^1.0.0"
   peerDependencies:
-    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8
-  checksum: 10c0/f9b247861024bafc396c4bd3c9ac946604b3b23077251c98f23602aa22027a0c33a69157fd49564e4ff7f17b3678e5dc366a46c7ec42a09454d7cbce786d5001
+    eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
+  checksum: 10c0/eedcc33de4b2cda91d56ae517a4f771a0c76da9c1e26c95543969012871381e11d4d6cffdf6fa8423036585c289eb3500f3f93fb1d314fb2624e0aa1e463305e
   languageName: node
   linkType: hard
 
@@ -7250,16 +7312,17 @@ __metadata:
   linkType: hard
 
 "eslint@npm:^8.17.0, eslint@npm:^8.19.0, eslint@npm:^8.23.1":
-  version: 8.51.0
-  resolution: "eslint@npm:8.51.0"
+  version: 8.57.0
+  resolution: "eslint@npm:8.57.0"
   dependencies:
     "@eslint-community/eslint-utils": "npm:^4.2.0"
     "@eslint-community/regexpp": "npm:^4.6.1"
-    "@eslint/eslintrc": "npm:^2.1.2"
-    "@eslint/js": "npm:8.51.0"
-    "@humanwhocodes/config-array": "npm:^0.11.11"
+    "@eslint/eslintrc": "npm:^2.1.4"
+    "@eslint/js": "npm:8.57.0"
+    "@humanwhocodes/config-array": "npm:^0.11.14"
     "@humanwhocodes/module-importer": "npm:^1.0.1"
     "@nodelib/fs.walk": "npm:^1.2.8"
+    "@ungap/structured-clone": "npm:^1.2.0"
     ajv: "npm:^6.12.4"
     chalk: "npm:^4.0.0"
     cross-spawn: "npm:^7.0.2"
@@ -7292,7 +7355,7 @@ __metadata:
     text-table: "npm:^0.2.0"
   bin:
     eslint: bin/eslint.js
-  checksum: 10c0/b534962c60cb2ad219d20a33f93c80e8ea5dd89f390f7bab44c80df32134db0a87e73e7ccd2928d87498c0595128ee29b4dba8a1f1abbbb3da9c3fb0418ecdcc
+  checksum: 10c0/00bb96fd2471039a312435a6776fe1fd557c056755eaa2b96093ef3a8508c92c8775d5f754768be6b1dddd09fdd3379ddb231eeb9b6c579ee17ea7d68000a529
   languageName: node
   linkType: hard
 
@@ -7318,11 +7381,11 @@ __metadata:
   linkType: hard
 
 "esquery@npm:^1.4.0, esquery@npm:^1.4.2":
-  version: 1.5.0
-  resolution: "esquery@npm:1.5.0"
+  version: 1.6.0
+  resolution: "esquery@npm:1.6.0"
   dependencies:
     estraverse: "npm:^5.1.0"
-  checksum: 10c0/a084bd049d954cc88ac69df30534043fb2aee5555b56246493f42f27d1e168f00d9e5d4192e46f10290d312dc30dc7d58994d61a609c579c1219d636996f9213
+  checksum: 10c0/cb9065ec605f9da7a76ca6dadb0619dfb611e37a81e318732977d90fab50a256b95fee2d925fba7c2f3f0523aa16f91587246693bc09bc34d5a59575fe6e93d2
   languageName: node
   linkType: hard
 
@@ -7430,15 +7493,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ext@npm:^1.1.2":
-  version: 1.7.0
-  resolution: "ext@npm:1.7.0"
-  dependencies:
-    type: "npm:^2.7.2"
-  checksum: 10c0/a8e5f34e12214e9eee3a4af3b5c9d05ba048f28996450975b369fc86e5d0ef13b6df0615f892f5396a9c65d616213c25ec5b0ad17ef42eac4a500512a19da6c7
-  languageName: node
-  linkType: hard
-
 "extend-shallow@npm:^2.0.1":
   version: 2.0.1
   resolution: "extend-shallow@npm:2.0.1"
@@ -7518,16 +7572,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-glob@npm:^3.2.9, fast-glob@npm:^3.3.1":
-  version: 3.3.1
-  resolution: "fast-glob@npm:3.3.1"
+"fast-glob@npm:^3.2.9, fast-glob@npm:^3.3.1, fast-glob@npm:^3.3.2":
+  version: 3.3.2
+  resolution: "fast-glob@npm:3.3.2"
   dependencies:
     "@nodelib/fs.stat": "npm:^2.0.2"
     "@nodelib/fs.walk": "npm:^1.2.3"
     glob-parent: "npm:^5.1.2"
     merge2: "npm:^1.3.0"
     micromatch: "npm:^4.0.4"
-  checksum: 10c0/b68431128fb6ce4b804c5f9622628426d990b66c75b21c0d16e3d80e2d1398bf33f7e1724e66a2e3f299285dcf5b8d745b122d0304e7dd66f5231081f33ec67c
+  checksum: 10c0/42baad7b9cd40b63e42039132bde27ca2cb3a4950d0a0f9abe4639ea1aa9d3e3b40f98b1fe31cbc0cc17b664c9ea7447d911a152fa34ec5b72977b125a6fc845
   languageName: node
   linkType: hard
 
@@ -7545,13 +7599,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-levenshtein@npm:^1.0.0":
-  version: 1.1.4
-  resolution: "fast-levenshtein@npm:1.1.4"
-  checksum: 10c0/667ff83888eefb3f9d1e0bc6b1a67e40212784d0f4049d8607a1cf01cc7e0b71047bad23f9e1403e1e43de8f1180e23a0352ddb6bc502a18d2065dff5ccbcdc8
-  languageName: node
-  linkType: hard
-
 "fast-levenshtein@npm:^2.0.6":
   version: 2.0.6
   resolution: "fast-levenshtein@npm:2.0.6"
@@ -7559,6 +7606,22 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fast-levenshtein@npm:^3.0.0":
+  version: 3.0.0
+  resolution: "fast-levenshtein@npm:3.0.0"
+  dependencies:
+    fastest-levenshtein: "npm:^1.0.7"
+  checksum: 10c0/9e147c682bd0ca54474f1cbf906f6c45262fd2e7c051d2caf2cc92729dcf66949dc809f2392de6adbe1c8716fdf012f91ce38c9422aef63b5732fc688eee4046
+  languageName: node
+  linkType: hard
+
+"fast-uri@npm:^3.0.1":
+  version: 3.0.1
+  resolution: "fast-uri@npm:3.0.1"
+  checksum: 10c0/3cd46d6006083b14ca61ffe9a05b8eef75ef87e9574b6f68f2e17ecf4daa7aaadeff44e3f0f7a0ef4e0f7e7c20fc07beec49ff14dc72d0b500f00386592f2d10
+  languageName: node
+  linkType: hard
+
 "fast-xml-parser@npm:^4.0.12, fast-xml-parser@npm:^4.2.4":
   version: 4.4.1
   resolution: "fast-xml-parser@npm:4.4.1"
@@ -7570,12 +7633,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fastest-levenshtein@npm:^1.0.7":
+  version: 1.0.16
+  resolution: "fastest-levenshtein@npm:1.0.16"
+  checksum: 10c0/7e3d8ae812a7f4fdf8cad18e9cde436a39addf266a5986f653ea0d81e0de0900f50c0f27c6d5aff3f686bcb48acbd45be115ae2216f36a6a13a7dbbf5cad878b
+  languageName: node
+  linkType: hard
+
 "fastq@npm:^1.6.0":
-  version: 1.15.0
-  resolution: "fastq@npm:1.15.0"
+  version: 1.17.1
+  resolution: "fastq@npm:1.17.1"
   dependencies:
     reusify: "npm:^1.0.4"
-  checksum: 10c0/5ce4f83afa5f88c9379e67906b4d31bc7694a30826d6cc8d0f0473c966929017fda65c2174b0ec89f064ede6ace6c67f8a4fe04cef42119b6a55b0d465554c24
+  checksum: 10c0/1095f16cea45fb3beff558bb3afa74ca7a9250f5a670b65db7ed585f92b4b48381445cd328b3d87323da81e43232b5d5978a8201bde84e0cd514310f1ea6da34
   languageName: node
   linkType: hard
 
@@ -7606,6 +7676,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"fetch-blob@npm:^3.1.2, fetch-blob@npm:^3.1.4":
+  version: 3.2.0
+  resolution: "fetch-blob@npm:3.2.0"
+  dependencies:
+    node-domexception: "npm:^1.0.0"
+    web-streams-polyfill: "npm:^3.0.3"
+  checksum: 10c0/60054bf47bfa10fb0ba6cb7742acec2f37c1f56344f79a70bb8b1c48d77675927c720ff3191fa546410a0442c998d27ab05e9144c32d530d8a52fbe68f843b69
+  languageName: node
+  linkType: hard
+
 "figures@npm:^3.0.0":
   version: 3.2.0
   resolution: "figures@npm:3.2.0"
@@ -7730,13 +7810,13 @@ __metadata:
   linkType: hard
 
 "flat-cache@npm:^3.0.4":
-  version: 3.1.1
-  resolution: "flat-cache@npm:3.1.1"
+  version: 3.2.0
+  resolution: "flat-cache@npm:3.2.0"
   dependencies:
     flatted: "npm:^3.2.9"
     keyv: "npm:^4.5.3"
     rimraf: "npm:^3.0.2"
-  checksum: 10c0/15f7f854830089a903ea660809b67ee25632b8b1965da6a328d3dc59d451abe2e9f16ad0b7523571ece2b5424d1e1979469ba25870f76f49ce3bbffc836072ef
+  checksum: 10c0/b76f611bd5f5d68f7ae632e3ae503e678d205cf97a17c6ab5b12f6ca61188b5f1f7464503efae6dc18683ed8f0b41460beb48ac4b9ac63fe6201296a91ba2f75
   languageName: node
   linkType: hard
 
@@ -7750,35 +7830,35 @@ __metadata:
   linkType: hard
 
 "flatted@npm:^3.2.9":
-  version: 3.2.9
-  resolution: "flatted@npm:3.2.9"
-  checksum: 10c0/5c91c5a0a21bbc0b07b272231e5b4efe6b822bcb4ad317caf6bb06984be4042a9e9045026307da0fdb4583f1f545e317a67ef1231a59e71f7fced3cc429cfc53
+  version: 3.3.1
+  resolution: "flatted@npm:3.3.1"
+  checksum: 10c0/324166b125ee07d4ca9bcf3a5f98d915d5db4f39d711fba640a3178b959919aae1f7cfd8aabcfef5826ed8aa8a2aa14cc85b2d7d18ff638ddf4ae3df39573eaf
   languageName: node
   linkType: hard
 
-"flow-api-translator@npm:0.16.0":
-  version: 0.16.0
-  resolution: "flow-api-translator@npm:0.16.0"
+"flow-api-translator@npm:0.19.1":
+  version: 0.19.1
+  resolution: "flow-api-translator@npm:0.19.1"
   dependencies:
     "@babel/code-frame": "npm:^7.16.0"
     "@typescript-eslint/visitor-keys": "npm:^5.42.0"
     flow-enums-runtime: "npm:^0.0.6"
-    hermes-eslint: "npm:0.16.0"
-    hermes-estree: "npm:0.16.0"
-    hermes-parser: "npm:0.16.0"
-    hermes-transform: "npm:0.16.0"
+    hermes-eslint: "npm:0.19.1"
+    hermes-estree: "npm:0.19.1"
+    hermes-parser: "npm:0.19.1"
+    hermes-transform: "npm:0.19.1"
   peerDependencies:
     prettier: ^3.0.0 || ^2.7.1
-  checksum: 10c0/f4ee5c015bafa0eacd77db9dcb814e9d78ea78c1d67de6ed3ef82e6f14dd41619e3d45ca30b45c9105815a5426f71e6f405f92bcdc474b906b828d1287aa46f4
+  checksum: 10c0/be2996d709c336be138af7de9a3c57e49842c18e7b59766fd15c08ea15721b29dcc1ada4fb89104a9ed63cd42c2aa1eba89af34c94b5c694c0e9581c6e2b4746
   languageName: node
   linkType: hard
 
-"flow-bin@npm:^0.218.0":
-  version: 0.218.1
-  resolution: "flow-bin@npm:0.218.1"
+"flow-bin@npm:^0.228.0":
+  version: 0.228.0
+  resolution: "flow-bin@npm:0.228.0"
   bin:
     flow: cli.js
-  checksum: 10c0/afe046237c9f0d51c7d156bfdcf7e45d179b503a2d524e070090a5ed9d3b719151390de3c7b48125e4e8441264973518141e47ca730932d2b38fe891095e64f7
+  checksum: 10c0/4e1cf35e32a2ca2888cade5abcc659218d7426ec8e701a0bbbf0d1f368df86f80fd1acb69f81f0e51b3a75bfcb46e7f727e5c46b3a4fc602d8043c0950934eba
   languageName: node
   linkType: hard
 
@@ -7790,16 +7870,9 @@ __metadata:
   linkType: hard
 
 "flow-parser@npm:0.*":
-  version: 0.218.1
-  resolution: "flow-parser@npm:0.218.1"
-  checksum: 10c0/692ec68c699f199cead8a293ac90ef6d1e69e83ee44a8c935e9569fd06fd8e79b4c9eee77b650b5c9493327c5a9a49282761ba04f85b8940b8d9c875fa72b92a
-  languageName: node
-  linkType: hard
-
-"flow-parser@npm:^0.206.0":
-  version: 0.206.0
-  resolution: "flow-parser@npm:0.206.0"
-  checksum: 10c0/63dedf1d7c16bd28b58ff1b827d6f58470a76e9d97de8516ee031ce0df2a52348b6f653032baebe14bbaea7f5ede6892dbe56d296590eab803ed33ede3f2785e
+  version: 0.242.1
+  resolution: "flow-parser@npm:0.242.1"
+  checksum: 10c0/7aaf2f0e6b4bfa78bd3f8981de1063a23810aa8d32f6dbe20d429a787e4e4ab0fbc2b43790b50138cb294b2ca9dc3309ad22b41f8f4102ea047007bb1e5ca353
   languageName: node
   linkType: hard
 
@@ -7812,29 +7885,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"for-in@npm:^1.0.1":
-  version: 1.0.2
-  resolution: "for-in@npm:1.0.2"
-  checksum: 10c0/42bb609d564b1dc340e1996868b67961257fd03a48d7fdafd4f5119530b87f962be6b4d5b7e3a3fc84c9854d149494b1d358e0b0ce9837e64c4c6603a49451d6
-  languageName: node
-  linkType: hard
-
-"for-own@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "for-own@npm:1.0.0"
-  dependencies:
-    for-in: "npm:^1.0.1"
-  checksum: 10c0/ca475bc22935edf923631e9e23588edcbed33a30f0c81adc98e2c7df35db362ec4f4b569bc69051c7cfc309dfc223818c09a2f52ccd9ed77b71931c913a43a13
-  languageName: node
-  linkType: hard
-
 "foreground-child@npm:^3.1.0":
-  version: 3.1.1
-  resolution: "foreground-child@npm:3.1.1"
+  version: 3.2.1
+  resolution: "foreground-child@npm:3.2.1"
   dependencies:
     cross-spawn: "npm:^7.0.0"
     signal-exit: "npm:^4.0.1"
-  checksum: 10c0/9700a0285628abaeb37007c9a4d92bd49f67210f09067638774338e146c8e9c825c5c877f072b2f75f41dc6a2d0be8664f79ffc03f6576649f54a84fb9b47de0
+  checksum: 10c0/9a53a33dbd87090e9576bef65fb4a71de60f6863a8062a7b11bc1cbe3cc86d428677d7c0b9ef61cdac11007ac580006f78bd5638618d564cfd5e6fd713d6878f
   languageName: node
   linkType: hard
 
@@ -7867,6 +7924,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"formdata-polyfill@npm:^4.0.10":
+  version: 4.0.10
+  resolution: "formdata-polyfill@npm:4.0.10"
+  dependencies:
+    fetch-blob: "npm:^3.1.2"
+  checksum: 10c0/5392ec484f9ce0d5e0d52fb5a78e7486637d516179b0eb84d81389d7eccf9ca2f663079da56f761355c0a65792810e3b345dc24db9a8bbbcf24ef3c8c88570c6
+  languageName: node
+  linkType: hard
+
 "fresh@npm:0.5.2":
   version: 0.5.2
   resolution: "fresh@npm:0.5.2"
@@ -7900,13 +7966,13 @@ __metadata:
   linkType: hard
 
 "fs-extra@npm:^11.0.0, fs-extra@npm:^11.1.1":
-  version: 11.1.1
-  resolution: "fs-extra@npm:11.1.1"
+  version: 11.2.0
+  resolution: "fs-extra@npm:11.2.0"
   dependencies:
     graceful-fs: "npm:^4.2.0"
     jsonfile: "npm:^6.0.1"
     universalify: "npm:^2.0.0"
-  checksum: 10c0/a2480243d7dcfa7d723c5f5b24cf4eba02a6ccece208f1524a2fbde1c629492cfb9a59e4b6d04faff6fbdf71db9fdc8ef7f396417a02884195a625f5d8dc9427
+  checksum: 10c0/d77a9a9efe60532d2e790e938c81a02c1b24904ef7a3efb3990b835514465ba720e99a6ea56fd5e2db53b4695319b644d76d5a0e9988a2beef80aa7b1da63398
   languageName: node
   linkType: hard
 
@@ -8006,14 +8072,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"function-bind@npm:^1.1.1":
+"function-bind@npm:^1.1.2":
   version: 1.1.2
   resolution: "function-bind@npm:1.1.2"
   checksum: 10c0/d8680ee1e5fcd4c197e4ac33b2b4dce03c71f4d91717292785703db200f5c21f977c568d28061226f9b5900cbcd2c84463646134fd5337e7925e0942bc3f46d5
   languageName: node
   linkType: hard
 
-"function.prototype.name@npm:^1.1.5, function.prototype.name@npm:^1.1.6":
+"function.prototype.name@npm:^1.1.6":
   version: 1.1.6
   resolution: "function.prototype.name@npm:1.1.6"
   dependencies:
@@ -8062,15 +8128,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-intrinsic@npm:^1.0.2, get-intrinsic@npm:^1.1.1, get-intrinsic@npm:^1.1.3, get-intrinsic@npm:^1.2.0, get-intrinsic@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "get-intrinsic@npm:1.2.1"
+"get-intrinsic@npm:^1.1.3, get-intrinsic@npm:^1.2.1, get-intrinsic@npm:^1.2.2, get-intrinsic@npm:^1.2.3, get-intrinsic@npm:^1.2.4":
+  version: 1.2.4
+  resolution: "get-intrinsic@npm:1.2.4"
   dependencies:
-    function-bind: "npm:^1.1.1"
-    has: "npm:^1.0.3"
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
     has-proto: "npm:^1.0.1"
     has-symbols: "npm:^1.0.3"
-  checksum: 10c0/49eab47f9de8f1a4f9b458b8b74ee5199fb2614414a91973eb175e07db56b52b6df49b255cc7ff704cb0786490fb93bfe8f2ad138b590a8de09b47116a366bc9
+    hasown: "npm:^2.0.0"
+  checksum: 10c0/0a9b82c16696ed6da5e39b1267104475c47e3a9bdbe8b509dfe1710946e38a87be70d759f4bb3cda042d76a41ef47fe769660f3b7c0d1f68750299344ffb15b7
   languageName: node
   linkType: hard
 
@@ -8104,13 +8171,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-symbol-description@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "get-symbol-description@npm:1.0.0"
+"get-symbol-description@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "get-symbol-description@npm:1.0.2"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    get-intrinsic: "npm:^1.1.1"
-  checksum: 10c0/23bc3b44c221cdf7669a88230c62f4b9e30393b61eb21ba4400cb3e346801bd8f95fe4330ee78dbae37aecd874646d53e3e76a17a654d0c84c77f6690526d6bb
+    call-bind: "npm:^1.0.5"
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.4"
+  checksum: 10c0/867be6d63f5e0eb026cb3b0ef695ec9ecf9310febb041072d2e142f260bd91ced9eeb426b3af98791d1064e324e653424afa6fd1af17dee373bea48ae03162bc
   languageName: node
   linkType: hard
 
@@ -8145,11 +8213,11 @@ __metadata:
   linkType: hard
 
 "git-url-parse@npm:^13.0.0":
-  version: 13.1.0
-  resolution: "git-url-parse@npm:13.1.0"
+  version: 13.1.1
+  resolution: "git-url-parse@npm:13.1.1"
   dependencies:
     git-up: "npm:^7.0.0"
-  checksum: 10c0/2ef6126c42d999e240dbcdf1e96172cf7a2044ffa1ef78a518acf823df9bbe2a1ea9e6b443d42948e3c581e4d899559afc4c1de024b3eaa8eb6a4229f73285aa
+  checksum: 10c0/9304e6fbc1a6acf5e351e84ad87574fa6b840ccbe531afbbce9ba38e01fcacf6adf386ef7593daa037da59d9fd43b5d7c5232d5648638f8301cc2f18d00ad386
   languageName: node
   linkType: hard
 
@@ -8172,17 +8240,18 @@ __metadata:
   linkType: hard
 
 "glob@npm:^10.2.2, glob@npm:^10.3.10":
-  version: 10.3.10
-  resolution: "glob@npm:10.3.10"
+  version: 10.4.5
+  resolution: "glob@npm:10.4.5"
   dependencies:
     foreground-child: "npm:^3.1.0"
-    jackspeak: "npm:^2.3.5"
-    minimatch: "npm:^9.0.1"
-    minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0"
-    path-scurry: "npm:^1.10.1"
+    jackspeak: "npm:^3.1.2"
+    minimatch: "npm:^9.0.4"
+    minipass: "npm:^7.1.2"
+    package-json-from-dist: "npm:^1.0.0"
+    path-scurry: "npm:^1.11.1"
   bin:
     glob: dist/esm/bin.mjs
-  checksum: 10c0/13d8a1feb7eac7945f8c8480e11cd4a44b24d26503d99a8d8ac8d5aefbf3e9802a2b6087318a829fad04cb4e829f25c5f4f1110c68966c498720dd261c7e344d
+  checksum: 10c0/19a9759ea77b8e3ca0a43c2f07ecddc2ad46216b786bb8f993c445aee80d345925a21e5280c7b7c6c59e860a0154b84e4b2b60321fea92cd3c56b4a7489f160e
   languageName: node
   linkType: hard
 
@@ -8221,20 +8290,21 @@ __metadata:
   linkType: hard
 
 "globals@npm:^13.19.0":
-  version: 13.23.0
-  resolution: "globals@npm:13.23.0"
+  version: 13.24.0
+  resolution: "globals@npm:13.24.0"
   dependencies:
     type-fest: "npm:^0.20.2"
-  checksum: 10c0/fc05e184b3be59bffa2580f28551a12a758c3a18df4be91444202982c76f13f52821ad54ffaf7d3f2a4d2498fdf54aeaca8d4540fd9e860a9edb09d34ef4c507
+  checksum: 10c0/d3c11aeea898eb83d5ec7a99508600fbe8f83d2cf00cbb77f873dbf2bcb39428eff1b538e4915c993d8a3b3473fa71eeebfe22c9bb3a3003d1e26b1f2c8a42cd
   languageName: node
   linkType: hard
 
 "globalthis@npm:^1.0.3":
-  version: 1.0.3
-  resolution: "globalthis@npm:1.0.3"
+  version: 1.0.4
+  resolution: "globalthis@npm:1.0.4"
   dependencies:
-    define-properties: "npm:^1.1.3"
-  checksum: 10c0/0db6e9af102a5254630351557ac15e6909bc7459d3e3f6b001e59fe784c96d31108818f032d9095739355a88467459e6488ff16584ee6250cd8c27dec05af4b0
+    define-properties: "npm:^1.2.1"
+    gopd: "npm:^1.0.1"
+  checksum: 10c0/9d156f313af79d80b1566b93e19285f481c591ad6d0d319b4be5e03750d004dde40a39a0f26f7e635f9007a3600802f53ecd85a759b86f109e80a5f705e01846
   languageName: node
   linkType: hard
 
@@ -8302,9 +8372,9 @@ __metadata:
   linkType: hard
 
 "graphql@npm:^14.0.0 || ^15.0.0":
-  version: 15.8.0
-  resolution: "graphql@npm:15.8.0"
-  checksum: 10c0/30cc09b77170a9d1ed68e4c017ec8c5265f69501c96e4f34f8f6613f39a886c96dd9853eac925f212566ed651736334c8fe24ceae6c44e8d7625c95c3009a801
+  version: 15.9.0
+  resolution: "graphql@npm:15.9.0"
+  checksum: 10c0/0e93f7138daae07dcb0713ce5e2ae7f8039e911b6180f0170c4929664ec32ab8e690a9ea12be2dc4ab18544f9898989765122f30d2d07d38b0ce2a4c839d29bc
   languageName: node
   linkType: hard
 
@@ -8362,19 +8432,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has-property-descriptors@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "has-property-descriptors@npm:1.0.0"
+"has-property-descriptors@npm:^1.0.0, has-property-descriptors@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-property-descriptors@npm:1.0.2"
   dependencies:
-    get-intrinsic: "npm:^1.1.1"
-  checksum: 10c0/d4ca882b6960d6257bd28baa3ddfa21f068d260411004a093b30ca357c740e11e985771c85216a6d1eef4161e862657f48c4758ec8ab515223b3895200ad164b
+    es-define-property: "npm:^1.0.0"
+  checksum: 10c0/253c1f59e80bb476cf0dde8ff5284505d90c3bdb762983c3514d36414290475fe3fd6f574929d84de2a8eec00d35cf07cb6776205ff32efd7c50719125f00236
   languageName: node
   linkType: hard
 
-"has-proto@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "has-proto@npm:1.0.1"
-  checksum: 10c0/c8a8fe411f810b23a564bd5546a8f3f0fff6f1b692740eb7a2fdc9df716ef870040806891e2f23ff4653f1083e3895bf12088703dd1a0eac3d9202d3a4768cd0
+"has-proto@npm:^1.0.1, has-proto@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "has-proto@npm:1.0.3"
+  checksum: 10c0/35a6989f81e9f8022c2f4027f8b48a552de714938765d019dbea6bb547bd49ce5010a3c7c32ec6ddac6e48fc546166a3583b128f5a7add8b058a6d8b4afec205
   languageName: node
   linkType: hard
 
@@ -8385,12 +8455,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has-tostringtag@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "has-tostringtag@npm:1.0.0"
+"has-tostringtag@npm:^1.0.0, has-tostringtag@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "has-tostringtag@npm:1.0.2"
   dependencies:
-    has-symbols: "npm:^1.0.2"
-  checksum: 10c0/1cdba76b7d13f65198a92b8ca1560ba40edfa09e85d182bf436d928f3588a9ebd260451d569f0ed1b849c4bf54f49c862aa0d0a77f9552b1855bb6deb526c011
+    has-symbols: "npm:^1.0.3"
+  checksum: 10c0/a8b166462192bafe3d9b6e420a1d581d93dd867adb61be223a17a8d6dad147aa77a8be32c961bb2f27b3ef893cae8d36f564ab651f5e9b7938ae86f74027c48c
   languageName: node
   linkType: hard
 
@@ -8401,53 +8471,55 @@ __metadata:
   languageName: node
   linkType: hard
 
-"has@npm:^1.0.3":
-  version: 1.0.4
-  resolution: "has@npm:1.0.4"
-  checksum: 10c0/82c1220573dc1f0a014a5d6189ae52a1f820f99dfdc00323c3a725b5002dcb7f04e44f460fea7af068474b2dd7c88cbe1846925c84017be9e31e1708936d305b
+"hasown@npm:^2.0.0, hasown@npm:^2.0.1, hasown@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "hasown@npm:2.0.2"
+  dependencies:
+    function-bind: "npm:^1.1.2"
+  checksum: 10c0/3769d434703b8ac66b209a4cca0737519925bbdb61dd887f93a16372b14694c63ff4e797686d87c90f08168e81082248b9b028bad60d4da9e0d1148766f56eb9
   languageName: node
   linkType: hard
 
-"hermes-eslint@npm:0.16.0":
-  version: 0.16.0
-  resolution: "hermes-eslint@npm:0.16.0"
+"hermes-eslint@npm:0.19.1":
+  version: 0.19.1
+  resolution: "hermes-eslint@npm:0.19.1"
   dependencies:
     esrecurse: "npm:^4.3.0"
-    hermes-estree: "npm:0.16.0"
-    hermes-parser: "npm:0.16.0"
-  checksum: 10c0/3e92ea8bc297b3a3e2c9921b0efa90f987cc446b58da9408d9ae7b257fd735a5f64d3e3bb08823a1020222f9f30be5ef085c72b94652ef087bbf1674ec3fbae2
+    hermes-estree: "npm:0.19.1"
+    hermes-parser: "npm:0.19.1"
+  checksum: 10c0/69825be20bf7baa9217c3e3fcf7bbd2bf828a1b0081d8d3aa291a2c76308f3e482f460ee52dc8a5eef275ce8597a0719077b161d9e7f51323e8f35b1c5920d6d
   languageName: node
   linkType: hard
 
-"hermes-estree@npm:0.15.0":
-  version: 0.15.0
-  resolution: "hermes-estree@npm:0.15.0"
-  checksum: 10c0/05a855b73c0a9d24b1aaea3093ef915475e42706321bc152cab2ddaa95496ad275a15f0f99b97738a1d0fb7fa6651a76aaf805ae121a980e377b96fabc75551d
+"hermes-estree@npm:0.19.1":
+  version: 0.19.1
+  resolution: "hermes-estree@npm:0.19.1"
+  checksum: 10c0/98c79807c15146c745aca7a9c74b9f1ba20a463c8b9f058caed9b3f2741fc4a8609e7e4c06d163f67d819db35cb6871fc7b25085bb9a084bc53d777f67d9d620
   languageName: node
   linkType: hard
 
-"hermes-estree@npm:0.16.0":
-  version: 0.16.0
-  resolution: "hermes-estree@npm:0.16.0"
-  checksum: 10c0/c0e37ad5308d1632d3195fc238893c285f29d828c4719aa0c4fa92b448e454771d4fd898beae8c7c22cc628cf92db7f51de8c184621e9d78d2125f5735746b47
+"hermes-estree@npm:0.20.1":
+  version: 0.20.1
+  resolution: "hermes-estree@npm:0.20.1"
+  checksum: 10c0/86cfb395970f50fdac09ad9784a86b65c7187d02b5f99f0f0321d936aa9ec52d1e07aef02c21b18b649abdec5f6acc02eb6275edf7d33b4d3d23e3fa0af85c41
   languageName: node
   linkType: hard
 
-"hermes-parser@npm:0.15.0":
-  version: 0.15.0
-  resolution: "hermes-parser@npm:0.15.0"
+"hermes-parser@npm:0.19.1":
+  version: 0.19.1
+  resolution: "hermes-parser@npm:0.19.1"
   dependencies:
-    hermes-estree: "npm:0.15.0"
-  checksum: 10c0/3171a52e6a6383a8f9c6289a532a571679905fd54ea64f7b043e9a9e8774629a0c507d1968ca7f7c5238f23e501e511c448ac434b7cc1c5bbf0b5d21e9284c55
+    hermes-estree: "npm:0.19.1"
+  checksum: 10c0/940ccef90673b8e905016332d2660ae00ad747e2d32c694a52dce4ea220835dc1bae299554a7a8eeccb449561065bd97f3690363c087fbf69ad7cbff2deeec35
   languageName: node
   linkType: hard
 
-"hermes-parser@npm:0.16.0":
-  version: 0.16.0
-  resolution: "hermes-parser@npm:0.16.0"
+"hermes-parser@npm:0.20.1":
+  version: 0.20.1
+  resolution: "hermes-parser@npm:0.20.1"
   dependencies:
-    hermes-estree: "npm:0.16.0"
-  checksum: 10c0/9d4c95f0ba93df764dcd15fe9ac277df0147d1d6e2271748539ffe637a6543c32ded9b850d26a0c9f7c57420b18f0ea9eec8bad3e6d4c0eff449240b6edd6a6b
+    hermes-estree: "npm:0.20.1"
+  checksum: 10c0/b93746028feac7d1dccd54f8b420e8f7d6e0adf9ff0bdbdf9bb1f327198da91ca7f893af62fba99ac9a57bfd5f15dcb90cca40cf4e1a090a6ea8ab2160a02f86
   languageName: node
   linkType: hard
 
@@ -8460,20 +8532,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hermes-transform@npm:0.16.0":
-  version: 0.16.0
-  resolution: "hermes-transform@npm:0.16.0"
+"hermes-transform@npm:0.19.1":
+  version: 0.19.1
+  resolution: "hermes-transform@npm:0.19.1"
   dependencies:
     "@babel/code-frame": "npm:^7.16.0"
     esquery: "npm:^1.4.0"
     flow-enums-runtime: "npm:^0.0.6"
-    hermes-eslint: "npm:0.16.0"
-    hermes-estree: "npm:0.16.0"
-    hermes-parser: "npm:0.16.0"
+    hermes-eslint: "npm:0.19.1"
+    hermes-estree: "npm:0.19.1"
+    hermes-parser: "npm:0.19.1"
   peerDependencies:
     prettier: ^3.0.0 || ^2.7.1
-    prettier-plugin-hermes-parser: 0.16.0
-  checksum: 10c0/8d26da33eea0f5b25c6338fb291908227afdb4aa11e92ce39ae6b8adc06718cc0b01bea68cae1fb86d36d3e8afa755d5db4eeb93570c2bec9e6395c63cd3a206
+    prettier-plugin-hermes-parser: 0.19.1
+  checksum: 10c0/8a39ecf800a9166b4beb8c77acf7295196644a2470976667fc1f69bd3d2ca0fc0caa165e4101d851678fc87e9562687961516134aeb34b8bfd1ef453f59dd032
   languageName: node
   linkType: hard
 
@@ -8550,12 +8622,12 @@ __metadata:
   linkType: hard
 
 "http-proxy-agent@npm:^7.0.0":
-  version: 7.0.0
-  resolution: "http-proxy-agent@npm:7.0.0"
+  version: 7.0.2
+  resolution: "http-proxy-agent@npm:7.0.2"
   dependencies:
     agent-base: "npm:^7.1.0"
     debug: "npm:^4.3.4"
-  checksum: 10c0/a11574ff39436cee3c7bc67f259444097b09474605846ddd8edf0bf4ad8644be8533db1aa463426e376865047d05dc22755e638632819317c0c2f1b2196657c8
+  checksum: 10c0/4207b06a4580fb85dd6dff521f0abf6db517489e70863dca1a0291daa7f2d3d2d6015a57bd702af068ea5cf9f1f6ff72314f5f5b4228d299c0904135d2aef921
   languageName: node
   linkType: hard
 
@@ -8601,12 +8673,12 @@ __metadata:
   linkType: hard
 
 "https-proxy-agent@npm:^7.0.1":
-  version: 7.0.2
-  resolution: "https-proxy-agent@npm:7.0.2"
+  version: 7.0.5
+  resolution: "https-proxy-agent@npm:7.0.5"
   dependencies:
     agent-base: "npm:^7.0.2"
     debug: "npm:4"
-  checksum: 10c0/7735eb90073db087e7e79312e3d97c8c04baf7ea7ca7b013382b6a45abbaa61b281041a98f4e13c8c80d88f843785bcc84ba189165b4b4087b1e3496ba656d77
+  checksum: 10c0/2490e3acec397abeb88807db52cac59102d5ed758feee6df6112ab3ccd8325e8a1ce8bce6f4b66e5470eca102d31e425ace904242e4fa28dbe0c59c4bafa7b2c
   languageName: node
   linkType: hard
 
@@ -8673,20 +8745,20 @@ __metadata:
   linkType: hard
 
 "ignore@npm:^5.0.5, ignore@npm:^5.2.0, ignore@npm:^5.2.4":
-  version: 5.2.4
-  resolution: "ignore@npm:5.2.4"
-  checksum: 10c0/7c7cd90edd9fea6e037f9b9da4b01bf0a86b198ce78345f9bbd983929d68ff14830be31111edc5d70c264921f4962404d75b7262b4d9cc3bc12381eccbd03096
+  version: 5.3.1
+  resolution: "ignore@npm:5.3.1"
+  checksum: 10c0/703f7f45ffb2a27fb2c5a8db0c32e7dee66b33a225d28e8db4e1be6474795f606686a6e3bcc50e1aa12f2042db4c9d4a7d60af3250511de74620fbed052ea4cd
   languageName: node
   linkType: hard
 
 "image-size@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "image-size@npm:1.0.2"
+  version: 1.1.1
+  resolution: "image-size@npm:1.1.1"
   dependencies:
     queue: "npm:6.0.2"
   bin:
     image-size: bin/image-size.js
-  checksum: 10c0/df518606c75d0ee12a6d7e822a64ef50d9eabbb303dcee8c9df06bad94e49b4d4680b9003968203f239ff39a9cc51d4ff1781cd331cc0a4b3b858d9fc9836c68
+  checksum: 10c0/2660470096d12be82195f7e80fe03274689fbd14184afb78eaf66ade7cd06352518325814f88af4bde4b26647889fe49e573129f6e7ba8f5ff5b85cc7f559000
   languageName: node
   linkType: hard
 
@@ -8700,7 +8772,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"import-fresh@npm:^3.2.1":
+"import-fresh@npm:^3.2.1, import-fresh@npm:^3.3.0":
   version: 3.3.0
   resolution: "import-fresh@npm:3.3.0"
   dependencies:
@@ -8718,14 +8790,14 @@ __metadata:
   linkType: hard
 
 "import-local@npm:^3.0.2":
-  version: 3.1.0
-  resolution: "import-local@npm:3.1.0"
+  version: 3.2.0
+  resolution: "import-local@npm:3.2.0"
   dependencies:
     pkg-dir: "npm:^4.2.0"
     resolve-cwd: "npm:^3.0.0"
   bin:
     import-local-fixture: fixtures/cli.js
-  checksum: 10c0/c67ecea72f775fe8684ca3d057e54bdb2ae28c14bf261d2607c269c18ea0da7b730924c06262eca9aed4b8ab31e31d65bc60b50e7296c85908a56e2f7d41ecd2
+  checksum: 10c0/94cd6367a672b7e0cb026970c85b76902d2710a64896fa6de93bd5c571dd03b228c5759308959de205083e3b1c61e799f019c9e36ee8e9c523b993e1057f0433
   languageName: node
   linkType: hard
 
@@ -8788,14 +8860,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"internal-slot@npm:^1.0.5":
-  version: 1.0.5
-  resolution: "internal-slot@npm:1.0.5"
+"internal-slot@npm:^1.0.4, internal-slot@npm:^1.0.7":
+  version: 1.0.7
+  resolution: "internal-slot@npm:1.0.7"
   dependencies:
-    get-intrinsic: "npm:^1.2.0"
-    has: "npm:^1.0.3"
+    es-errors: "npm:^1.3.0"
+    hasown: "npm:^2.0.0"
     side-channel: "npm:^1.0.4"
-  checksum: 10c0/66d8a66b4b5310c042e8ad00ce895dc55cb25165a3a7da0d7862ca18d69d3b1ba86511b4bf3baf4273d744d3f6e9154574af45189ef11135a444945309e39e4a
+  checksum: 10c0/f8b294a4e6ea3855fc59551bbf35f2b832cf01fd5e6e2a97f5c201a071cc09b49048f856e484b67a6c721da5e55736c5b6ddafaf19e2dbeb4a3ff1821680de6c
   languageName: node
   linkType: hard
 
@@ -8806,7 +8878,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"invariant@npm:*, invariant@npm:^2.2.4":
+"invariant@npm:^2.2.4":
   version: 2.2.4
   resolution: "invariant@npm:2.2.4"
   dependencies:
@@ -8815,28 +8887,33 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ip@npm:^1.1.5":
-  version: 1.1.9
-  resolution: "ip@npm:1.1.9"
-  checksum: 10c0/5af58bfe2110c9978acfd77a2ffcdf9d33a6ce1c72f49edbaf16958f7a8eb979b5163e43bb18938caf3aaa55cdacde4e470874c58ca3b4b112ea7a30461a0c27
+"ip-address@npm:^9.0.5":
+  version: 9.0.5
+  resolution: "ip-address@npm:9.0.5"
+  dependencies:
+    jsbn: "npm:1.1.0"
+    sprintf-js: "npm:^1.1.3"
+  checksum: 10c0/331cd07fafcb3b24100613e4b53e1a2b4feab11e671e655d46dc09ee233da5011284d09ca40c4ecbdfe1d0004f462958675c224a804259f2f78d2465a87824bc
   languageName: node
   linkType: hard
 
-"ip@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "ip@npm:2.0.0"
-  checksum: 10c0/8d186cc5585f57372847ae29b6eba258c68862055e18a75cc4933327232cb5c107f89800ce29715d542eef2c254fbb68b382e780a7414f9ee7caf60b7a473958
+"is-arguments@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "is-arguments@npm:1.1.1"
+  dependencies:
+    call-bind: "npm:^1.0.2"
+    has-tostringtag: "npm:^1.0.0"
+  checksum: 10c0/5ff1f341ee4475350adfc14b2328b38962564b7c2076be2f5bac7bd9b61779efba99b9f844a7b82ba7654adccf8e8eb19d1bb0cc6d1c1a085e498f6793d4328f
   languageName: node
   linkType: hard
 
-"is-array-buffer@npm:^3.0.1, is-array-buffer@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "is-array-buffer@npm:3.0.2"
+"is-array-buffer@npm:^3.0.2, is-array-buffer@npm:^3.0.4":
+  version: 3.0.4
+  resolution: "is-array-buffer@npm:3.0.4"
   dependencies:
     call-bind: "npm:^1.0.2"
-    get-intrinsic: "npm:^1.2.0"
-    is-typed-array: "npm:^1.1.10"
-  checksum: 10c0/40ed13a5f5746ac3ae2f2e463687d9b5a3f5fd0086f970fb4898f0253c2a5ec2e3caea2d664dd8f54761b1c1948609702416921a22faebe160c7640a9217c80e
+    get-intrinsic: "npm:^1.2.1"
+  checksum: 10c0/42a49d006cc6130bc5424eae113e948c146f31f9d24460fc0958f855d9d810e6fd2e4519bf19aab75179af9c298ea6092459d8cafdec523cd19e529b26eab860
   languageName: node
   linkType: hard
 
@@ -8892,11 +8969,20 @@ __metadata:
   linkType: hard
 
 "is-core-module@npm:^2.13.0, is-core-module@npm:^2.5.0":
-  version: 2.13.0
-  resolution: "is-core-module@npm:2.13.0"
+  version: 2.15.0
+  resolution: "is-core-module@npm:2.15.0"
+  dependencies:
+    hasown: "npm:^2.0.2"
+  checksum: 10c0/da161f3d9906f459486da65609b2f1a2dfdc60887c689c234d04e88a062cb7920fa5be5fb7ab08dc43b732929653c4135ef05bf77888ae2a9040ce76815eb7b1
+  languageName: node
+  linkType: hard
+
+"is-data-view@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "is-data-view@npm:1.0.1"
   dependencies:
-    has: "npm:^1.0.3"
-  checksum: 10c0/a8e7f46f8cefd7c9f6f5d54f3dbf1c40bf79467b6612d6023421ec6ea7e8e4c22593b3963ff7a3f770db07bc19fccbe7987a550a8bc1a4d6ec4115db5e4c5dca
+    is-typed-array: "npm:^1.1.13"
+  checksum: 10c0/a3e6ec84efe303da859107aed9b970e018e2bee7ffcb48e2f8096921a493608134240e672a2072577e5f23a729846241d9634806e8a0e51d9129c56d5f65442d
   languageName: node
   linkType: hard
 
@@ -9010,17 +9096,17 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-map@npm:^2.0.1":
-  version: 2.0.2
-  resolution: "is-map@npm:2.0.2"
-  checksum: 10c0/119ff9137a37fd131a72fab3f4ab8c9d6a24b0a1ee26b4eff14dc625900d8675a97785eea5f4174265e2006ed076cc24e89f6e57ebd080a48338d914ec9168a5
+"is-map@npm:^2.0.2, is-map@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "is-map@npm:2.0.3"
+  checksum: 10c0/2c4d431b74e00fdda7162cd8e4b763d6f6f217edf97d4f8538b94b8702b150610e2c64961340015fe8df5b1fcee33ccd2e9b62619c4a8a3a155f8de6d6d355fc
   languageName: node
   linkType: hard
 
-"is-negative-zero@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "is-negative-zero@npm:2.0.2"
-  checksum: 10c0/eda024c158f70f2017f3415e471b818d314da5ef5be68f801b16314d4a4b6304a74cbed778acf9e2f955bb9c1c5f2935c1be0c7c99e1ad12286f45366217b6a3
+"is-negative-zero@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "is-negative-zero@npm:2.0.3"
+  checksum: 10c0/bcdcf6b8b9714063ffcfa9929c575ac69bfdabb8f4574ff557dfc086df2836cf07e3906f5bbc4f2a5c12f8f3ba56af640c843cdfc74da8caed86c7c7d66fd08e
   languageName: node
   linkType: hard
 
@@ -9033,13 +9119,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-number@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "is-number@npm:4.0.0"
-  checksum: 10c0/bb17a331f357eb59a7f8db848086c41886715b2ea1db03f284a99d14001cda094083a5b6a7b343b5bcf410ccef668a70bc626d07bc2032cc4ab46dd264cea244
-  languageName: node
-  linkType: hard
-
 "is-number@npm:^7.0.0":
   version: 7.0.0
   resolution: "is-number@npm:7.0.0"
@@ -9080,19 +9159,19 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-set@npm:^2.0.1":
-  version: 2.0.2
-  resolution: "is-set@npm:2.0.2"
-  checksum: 10c0/5f8bd1880df8c0004ce694e315e6e1e47a3452014be792880bb274a3b2cdb952fdb60789636ca6e084c7947ca8b7ae03ccaf54c93a7fcfed228af810559e5432
+"is-set@npm:^2.0.2, is-set@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "is-set@npm:2.0.3"
+  checksum: 10c0/f73732e13f099b2dc879c2a12341cfc22ccaca8dd504e6edae26484bd5707a35d503fba5b4daad530a9b088ced1ae6c9d8200fd92e09b428fe14ea79ce8080b7
   languageName: node
   linkType: hard
 
-"is-shared-array-buffer@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "is-shared-array-buffer@npm:1.0.2"
+"is-shared-array-buffer@npm:^1.0.2, is-shared-array-buffer@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "is-shared-array-buffer@npm:1.0.3"
   dependencies:
-    call-bind: "npm:^1.0.2"
-  checksum: 10c0/cfeee6f171f1b13e6cbc6f3b6cc44e192b93df39f3fcb31aa66ffb1d2df3b91e05664311659f9701baba62f5e98c83b0673c628e7adc30f55071c4874fcdccec
+    call-bind: "npm:^1.0.7"
+  checksum: 10c0/adc11ab0acbc934a7b9e5e9d6c588d4ec6682f6fea8cda5180721704fa32927582ede5b123349e32517fdadd07958973d24716c80e7ab198970c47acc09e59c7
   languageName: node
   linkType: hard
 
@@ -9130,12 +9209,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-typed-array@npm:^1.1.10, is-typed-array@npm:^1.1.12, is-typed-array@npm:^1.1.9":
-  version: 1.1.12
-  resolution: "is-typed-array@npm:1.1.12"
+"is-typed-array@npm:^1.1.13":
+  version: 1.1.13
+  resolution: "is-typed-array@npm:1.1.13"
   dependencies:
-    which-typed-array: "npm:^1.1.11"
-  checksum: 10c0/9863e9cc7223c6fc1c462a2c3898a7beff6b41b1ee0fabb03b7d278ae7de670b5bcbc8627db56bb66ed60902fa37d53fe5cce0fd2f7d73ac64fe5da6f409b6ae
+    which-typed-array: "npm:^1.1.14"
+  checksum: 10c0/fa5cb97d4a80e52c2cc8ed3778e39f175a1a2ae4ddf3adae3187d69586a1fd57cfa0b095db31f66aa90331e9e3da79184cea9c6abdcd1abc722dc3c3edd51cca
   languageName: node
   linkType: hard
 
@@ -9153,10 +9232,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-weakmap@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "is-weakmap@npm:2.0.1"
-  checksum: 10c0/9c9fec9efa7bf5030a4a927f33fff2a6976b93646259f92b517d3646c073cc5b98283a162ce75c412b060a46de07032444b530f0a4c9b6e012ef8f1741c3a987
+"is-weakmap@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "is-weakmap@npm:2.0.2"
+  checksum: 10c0/443c35bb86d5e6cc5929cd9c75a4024bb0fff9586ed50b092f94e700b89c43a33b186b76dbc6d54f3d3d09ece689ab38dcdc1af6a482cbe79c0f2da0a17f1299
   languageName: node
   linkType: hard
 
@@ -9169,13 +9248,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-weakset@npm:^2.0.1":
-  version: 2.0.2
-  resolution: "is-weakset@npm:2.0.2"
+"is-weakset@npm:^2.0.3":
+  version: 2.0.3
+  resolution: "is-weakset@npm:2.0.3"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    get-intrinsic: "npm:^1.1.1"
-  checksum: 10c0/ef5136bd446ae4603229b897f73efd0720c6ab3ec6cc05c8d5c4b51aa9f95164713c4cad0a22ff1fedf04865ff86cae4648bc1d5eead4b6388e1150525af1cc1
+    call-bind: "npm:^1.0.7"
+    get-intrinsic: "npm:^1.2.4"
+  checksum: 10c0/8ad6141b6a400e7ce7c7442a13928c676d07b1f315ab77d9912920bf5f4170622f43126f111615788f26c3b1871158a6797c862233124507db0bcc33a9537d1a
   languageName: node
   linkType: hard
 
@@ -9216,7 +9295,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"isobject@npm:^3.0.0, isobject@npm:^3.0.1":
+"isobject@npm:^3.0.1":
   version: 3.0.1
   resolution: "isobject@npm:3.0.1"
   checksum: 10c0/03344f5064a82f099a0cd1a8a407f4c0d20b7b8485e8e816c39f249e9416b06c322e8dec5b842b6bb8a06de0af9cb48e7bc1b5352f0fadc2f0abac033db3d4db
@@ -9231,9 +9310,9 @@ __metadata:
   linkType: hard
 
 "istanbul-lib-coverage@npm:^3.0.0, istanbul-lib-coverage@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "istanbul-lib-coverage@npm:3.2.0"
-  checksum: 10c0/10ecb00a50cac2f506af8231ce523ffa1ac1310db0435c8ffaabb50c1d72539906583aa13c84f8835dc103998b9989edc3c1de989d2e2a96a91a9ba44e5db6b9
+  version: 3.2.2
+  resolution: "istanbul-lib-coverage@npm:3.2.2"
+  checksum: 10c0/6c7ff2106769e5f592ded1fb418f9f73b4411fd5a084387a5410538332b6567cd1763ff6b6cadca9b9eb2c443cce2f7ea7d7f1b8d315f9ce58539793b1e0922b
   languageName: node
   linkType: hard
 
@@ -9251,15 +9330,15 @@ __metadata:
   linkType: hard
 
 "istanbul-lib-instrument@npm:^6.0.0":
-  version: 6.0.1
-  resolution: "istanbul-lib-instrument@npm:6.0.1"
+  version: 6.0.3
+  resolution: "istanbul-lib-instrument@npm:6.0.3"
   dependencies:
-    "@babel/core": "npm:^7.12.3"
-    "@babel/parser": "npm:^7.14.7"
-    "@istanbuljs/schema": "npm:^0.1.2"
+    "@babel/core": "npm:^7.23.9"
+    "@babel/parser": "npm:^7.23.9"
+    "@istanbuljs/schema": "npm:^0.1.3"
     istanbul-lib-coverage: "npm:^3.2.0"
     semver: "npm:^7.5.4"
-  checksum: 10c0/313d61aca3f82a04ad9377841d05061d603ea3d4a4dd281fdda2479ec4ddbc86dc1792c73651f21c93480570d1ecadc5f63011e2df86f30ee662b62c0c00e3d8
+  checksum: 10c0/a1894e060dd2a3b9f046ffdc87b44c00a35516f5e6b7baf4910369acca79e506fc5323a816f811ae23d82334b38e3ddeb8b3b331bd2c860540793b59a8689128
   languageName: node
   linkType: hard
 
@@ -9286,12 +9365,12 @@ __metadata:
   linkType: hard
 
 "istanbul-reports@npm:^3.1.3":
-  version: 3.1.6
-  resolution: "istanbul-reports@npm:3.1.6"
+  version: 3.1.7
+  resolution: "istanbul-reports@npm:3.1.7"
   dependencies:
     html-escaper: "npm:^2.0.0"
     istanbul-lib-report: "npm:^3.0.0"
-  checksum: 10c0/ec3f1bdbc51b3e0b325a5b9f4ad31a247697f31001df4e81075f7980413f14da1b5adfec574fd156efd3b0464023f61320f6718efc66ee72b32d89611cef99dd
+  checksum: 10c0/a379fadf9cf8dc5dfe25568115721d4a7eb82fbd50b005a6672aff9c6989b20cc9312d7865814e0859cd8df58cbf664482e1d3604be0afde1f7fc3ccc1394a51
   languageName: node
   linkType: hard
 
@@ -9308,16 +9387,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jackspeak@npm:^2.3.5":
-  version: 2.3.6
-  resolution: "jackspeak@npm:2.3.6"
+"jackspeak@npm:^3.1.2":
+  version: 3.4.3
+  resolution: "jackspeak@npm:3.4.3"
   dependencies:
     "@isaacs/cliui": "npm:^8.0.2"
     "@pkgjs/parseargs": "npm:^0.11.0"
   dependenciesMeta:
     "@pkgjs/parseargs":
       optional: true
-  checksum: 10c0/f01d8f972d894cd7638bc338e9ef5ddb86f7b208ce177a36d718eac96ec86638a6efa17d0221b10073e64b45edc2ce15340db9380b1f5d5c5d000cbc517dc111
+  checksum: 10c0/6acc10d139eaefdbe04d2f679e6191b3abf073f111edf10b1de5302c97ec93fffeb2fdd8681ed17f16268aa9dd4f8c588ed9d1d3bffbbfa6e8bf897cbb3149b9
   languageName: node
   linkType: hard
 
@@ -9705,20 +9784,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-util@npm:^27.2.0":
-  version: 27.5.1
-  resolution: "jest-util@npm:27.5.1"
-  dependencies:
-    "@jest/types": "npm:^27.5.1"
-    "@types/node": "npm:*"
-    chalk: "npm:^4.0.0"
-    ci-info: "npm:^3.2.0"
-    graceful-fs: "npm:^4.2.9"
-    picomatch: "npm:^2.2.3"
-  checksum: 10c0/0f60cd2a2e09a6646ccd4ff489f1970282c0694724104979e897bd5164f91204726f5408572bf5e759d09e59d5c4e4dc65a643d2b630e06a10402bba07bf2a2e
-  languageName: node
-  linkType: hard
-
 "jest-util@npm:^29.7.0":
   version: 29.7.0
   resolution: "jest-util@npm:29.7.0"
@@ -9777,18 +9842,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-worker@npm:^27.2.0":
-  version: 27.5.1
-  resolution: "jest-worker@npm:27.5.1"
-  dependencies:
-    "@types/node": "npm:*"
-    merge-stream: "npm:^2.0.0"
-    supports-color: "npm:^8.0.0"
-  checksum: 10c0/8c4737ffd03887b3c6768e4cc3ca0269c0336c1e4b1b120943958ddb035ed2a0fc6acab6dc99631720a3720af4e708ff84fb45382ad1e83c27946adf3623969b
-  languageName: node
-  linkType: hard
-
-"jest-worker@npm:^29.7.0":
+"jest-worker@npm:^29.6.3, jest-worker@npm:^29.7.0":
   version: 29.7.0
   resolution: "jest-worker@npm:29.7.0"
   dependencies:
@@ -9827,15 +9881,15 @@ __metadata:
   linkType: hard
 
 "joi@npm:^17.2.1":
-  version: 17.11.0
-  resolution: "joi@npm:17.11.0"
+  version: 17.13.3
+  resolution: "joi@npm:17.13.3"
   dependencies:
-    "@hapi/hoek": "npm:^9.0.0"
-    "@hapi/topo": "npm:^5.0.0"
-    "@sideway/address": "npm:^4.1.3"
+    "@hapi/hoek": "npm:^9.3.0"
+    "@hapi/topo": "npm:^5.1.0"
+    "@sideway/address": "npm:^4.1.5"
     "@sideway/formula": "npm:^3.0.1"
     "@sideway/pinpoint": "npm:^2.0.0"
-  checksum: 10c0/c41c86fe772828b88fbdbcaef2e41235ccbb107c22523a377f9a2fd39829f203213f37a352589f49d9a9b38bf1c645846defede8b81d8c1f3123117c1a600010
+  checksum: 10c0/9262aef1da3f1bec5b03caf50c46368899fe03b8ff26cbe3d53af4584dd1049079fc97230bbf1500b6149db7cc765b9ee45f0deb24bb6fc3fa06229d7148c17f
   languageName: node
   linkType: hard
 
@@ -9876,6 +9930,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsbn@npm:1.1.0":
+  version: 1.1.0
+  resolution: "jsbn@npm:1.1.0"
+  checksum: 10c0/4f907fb78d7b712e11dea8c165fe0921f81a657d3443dde75359ed52eb2b5d33ce6773d97985a089f09a65edd80b11cb75c767b57ba47391fee4c969f7215c96
+  languageName: node
+  linkType: hard
+
 "jsbn@npm:~0.1.0":
   version: 0.1.1
   resolution: "jsbn@npm:0.1.1"
@@ -9974,6 +10035,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"json-schema-traverse@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "json-schema-traverse@npm:1.0.0"
+  checksum: 10c0/71e30015d7f3d6dc1c316d6298047c8ef98a06d31ad064919976583eb61e1018a60a0067338f0f79cabc00d84af3fcc489bd48ce8a46ea165d9541ba17fb30c6
+  languageName: node
+  linkType: hard
+
 "json-schema@npm:0.4.0":
   version: 0.4.0
   resolution: "json-schema@npm:0.4.0"
@@ -9989,11 +10057,14 @@ __metadata:
   linkType: hard
 
 "json-stable-stringify@npm:^1.0.1":
-  version: 1.0.2
-  resolution: "json-stable-stringify@npm:1.0.2"
+  version: 1.1.1
+  resolution: "json-stable-stringify@npm:1.1.1"
   dependencies:
+    call-bind: "npm:^1.0.5"
+    isarray: "npm:^2.0.5"
     jsonify: "npm:^0.0.1"
-  checksum: 10c0/502d021c3c59c09587faa40d7693d77c00460fd6c68bae95d6e35804909ec8c4aec71b136d3a09df61a7ebf803eb6e820f23ede76b77e74b8b02c76afb2ada8c
+    object-keys: "npm:^1.1.1"
+  checksum: 10c0/3801e3eeccbd030afb970f54bea690a079cfea7d9ed206a1b17ca9367f4b7772c764bf77a48f03e56b50e5f7ee7d11c52339fe20d8d7ccead003e4ca69e4cfde
   languageName: node
   linkType: hard
 
@@ -10014,14 +10085,14 @@ __metadata:
   linkType: hard
 
 "jsonc-eslint-parser@npm:^2.3.0":
-  version: 2.3.0
-  resolution: "jsonc-eslint-parser@npm:2.3.0"
+  version: 2.4.0
+  resolution: "jsonc-eslint-parser@npm:2.4.0"
   dependencies:
     acorn: "npm:^8.5.0"
     eslint-visitor-keys: "npm:^3.0.0"
     espree: "npm:^9.0.0"
     semver: "npm:^7.3.5"
-  checksum: 10c0/9bffaaa3ae721646614fd8fe624b51f211a46ef2ebf887aaa950d081426508edd3063b8cfc83968899cf9644c01c37154057ba09c1a7dc1f5df4ff0071d9a10f
+  checksum: 10c0/1bef9f4f12122824e1d13ef651b7a8d16cbf6995bfd08fabb81df34ff0cf57f5c1c822dd5ee7aece0575fb1351538c8c5ce86f9b94d8f41bcd3bbe2773b62db3
   languageName: node
   linkType: hard
 
@@ -10101,7 +10172,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jsx-ast-utils@npm:^2.4.1 || ^3.0.0, jsx-ast-utils@npm:^3.3.3":
+"jsx-ast-utils@npm:^2.4.1 || ^3.0.0, jsx-ast-utils@npm:^3.3.5":
   version: 3.3.5
   resolution: "jsx-ast-utils@npm:3.3.5"
   dependencies:
@@ -10163,8 +10234,8 @@ __metadata:
   linkType: hard
 
 "just-task@npm:>=1.5.0 <2.0.0":
-  version: 1.8.0
-  resolution: "just-task@npm:1.8.0"
+  version: 1.10.0
+  resolution: "just-task@npm:1.10.0"
   dependencies:
     "@rushstack/package-deps-hash": "npm:^4.0.0"
     "@types/chokidar": "npm:^2.1.3"
@@ -10176,12 +10247,12 @@ __metadata:
     fs-extra: "npm:^11.0.0"
     just-task-logger: "npm:>=1.2.1 <2.0.0"
     resolve: "npm:^1.19.0"
-    undertaker: "npm:^1.3.0"
+    undertaker: "npm:^2.0.0"
     undertaker-registry: "npm:^2.0.0"
     yargs-parser: "npm:^20.2.3"
   bin:
     just: bin/just.js
-  checksum: 10c0/1695630d8cdbe22f7222d08774d91ae3fcaa30190f28038be71db4927026ca82b3bac80441ffb5b7039497b9c85c9988d73db39644a9a917d6f24a7948ec8304
+  checksum: 10c0/bf71a57dc02ffc7ee53e961741cb1b33fa193504bf3b5e548c5ec271f7f74fd2bbdc1a8072dea28e06ec35d7f54f1529286c2e34d6f311327d7aa2548b451368
   languageName: node
   linkType: hard
 
@@ -10236,29 +10307,26 @@ __metadata:
   languageName: node
   linkType: hard
 
-"language-subtag-registry@npm:~0.3.2":
-  version: 0.3.22
-  resolution: "language-subtag-registry@npm:0.3.22"
-  checksum: 10c0/d1e09971260a7cd3b9fdeb190d33af0b6e99c8697013537d9aaa15f7856d9d83aee128ba8078e219df0a7cf4b8dd18d1a0c188f6543b500d92a2689d2d114b70
+"language-subtag-registry@npm:^0.3.20":
+  version: 0.3.23
+  resolution: "language-subtag-registry@npm:0.3.23"
+  checksum: 10c0/e9b05190421d2cd36dd6c95c28673019c927947cb6d94f40ba7e77a838629ee9675c94accf897fbebb07923187deb843b8fbb8935762df6edafe6c28dcb0b86c
   languageName: node
   linkType: hard
 
-"language-tags@npm:=1.0.5":
-  version: 1.0.5
-  resolution: "language-tags@npm:1.0.5"
+"language-tags@npm:^1.0.9":
+  version: 1.0.9
+  resolution: "language-tags@npm:1.0.9"
   dependencies:
-    language-subtag-registry: "npm:~0.3.2"
-  checksum: 10c0/04215e821af9a8f1bc6c99ab5aa0a316c3fe1912ca3337eb28596316064bddd8edd22f2883d866069ebdf01b2002e504a760a336b2c728b6d30514e86744f76c
+    language-subtag-registry: "npm:^0.3.20"
+  checksum: 10c0/9ab911213c4bd8bd583c850201c17794e52cb0660d1ab6e32558aadc8324abebf6844e46f92b80a5d600d0fbba7eface2c207bfaf270a1c7fd539e4c3a880bff
   languageName: node
   linkType: hard
 
-"last-run@npm:^1.1.0":
-  version: 1.1.1
-  resolution: "last-run@npm:1.1.1"
-  dependencies:
-    default-resolution: "npm:^2.0.0"
-    es6-weak-map: "npm:^2.0.1"
-  checksum: 10c0/dd468d32839d1f548e0b30b76fbb015aa01c1a10bcddedfe39d7f06612e91292899411aaecd6c420a024c368d853fa8845613f7b304b3d173892be07872a4a9c
+"last-run@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "last-run@npm:2.0.0"
+  checksum: 10c0/08925a9904e399229e02f448e572875553c477712089ed434af7482a2662dc5817cb9da29fadf2df63a479c9d16b1f09e0e0d5c1aec19c206397bfe8c3bba4d2
   languageName: node
   linkType: hard
 
@@ -10389,13 +10457,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.get@npm:^4.4.2":
-  version: 4.4.2
-  resolution: "lodash.get@npm:4.4.2"
-  checksum: 10c0/48f40d471a1654397ed41685495acb31498d5ed696185ac8973daef424a749ca0c7871bf7b665d5c14f5cc479394479e0307e781f61d5573831769593411be6e
-  languageName: node
-  linkType: hard
-
 "lodash.includes@npm:^4.3.0":
   version: 4.3.0
   resolution: "lodash.includes@npm:4.3.0"
@@ -10410,13 +10471,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.isequal@npm:^4.5.0":
-  version: 4.5.0
-  resolution: "lodash.isequal@npm:4.5.0"
-  checksum: 10c0/dfdb2356db19631a4b445d5f37868a095e2402292d59539a987f134a8778c62a2810c2452d11ae9e6dcac71fc9de40a6fedcb20e2952a15b431ad8b29e50e28f
-  languageName: node
-  linkType: hard
-
 "lodash.isinteger@npm:^4.0.4":
   version: 4.0.4
   resolution: "lodash.isinteger@npm:4.0.4"
@@ -10546,9 +10600,9 @@ __metadata:
   linkType: hard
 
 "loglevel@npm:^1.6.0":
-  version: 1.8.1
-  resolution: "loglevel@npm:1.8.1"
-  checksum: 10c0/21069436c97448a1801b154a77d19ada212225c513d94f0471bfe299c981ffd4dc0d21e6211f9250bd6209ba9837bfe0d40d9295c673d73e3c543ec6b1c5d9ef
+  version: 1.9.1
+  resolution: "loglevel@npm:1.9.1"
+  checksum: 10c0/152f0501cea367cf998c844a38b19f0b5af555756ad7d8650214a1f8c6a5b045e31b8cf5dae27d28339a061624ce3f618aadb333aed386cac041d6ddc5101a39
   languageName: node
   linkType: hard
 
@@ -10577,10 +10631,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lru-cache@npm:^10.0.1, lru-cache@npm:^9.1.1 || ^10.0.0":
-  version: 10.1.0
-  resolution: "lru-cache@npm:10.1.0"
-  checksum: 10c0/778bc8b2626daccd75f24c4b4d10632496e21ba064b126f526c626fbdbc5b28c472013fccd45d7646b9e1ef052444824854aed617b59cd570d01a8b7d651fc1e
+"lru-cache@npm:^10.0.1, lru-cache@npm:^10.2.0":
+  version: 10.4.3
+  resolution: "lru-cache@npm:10.4.3"
+  checksum: 10c0/ebd04fbca961e6c1d6c0af3799adcc966a1babe798f685bb84e6599266599cd95d94630b10262f5424539bc4640107e8a33aa28585374abf561d30d16f4b39fb
   languageName: node
   linkType: hard
 
@@ -10652,8 +10706,8 @@ __metadata:
   linkType: hard
 
 "make-fetch-happen@npm:^13.0.0":
-  version: 13.0.0
-  resolution: "make-fetch-happen@npm:13.0.0"
+  version: 13.0.1
+  resolution: "make-fetch-happen@npm:13.0.1"
   dependencies:
     "@npmcli/agent": "npm:^2.0.0"
     cacache: "npm:^18.0.0"
@@ -10664,18 +10718,10 @@ __metadata:
     minipass-flush: "npm:^1.0.5"
     minipass-pipeline: "npm:^1.2.4"
     negotiator: "npm:^0.6.3"
+    proc-log: "npm:^4.2.0"
     promise-retry: "npm:^2.0.1"
     ssri: "npm:^10.0.0"
-  checksum: 10c0/43b9f6dcbc6fe8b8604cb6396957c3698857a15ba4dbc38284f7f0e61f248300585ef1eb8cc62df54e9c724af977e45b5cdfd88320ef7f53e45070ed3488da55
-  languageName: node
-  linkType: hard
-
-"make-iterator@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "make-iterator@npm:1.0.1"
-  dependencies:
-    kind-of: "npm:^6.0.2"
-  checksum: 10c0/84b77d72e4af589a4e6069a9e0265ff55e63162b528aa085149060b7bf4e858c700892b95a073feaf517988cac75ca2e8d9ceb14243718b2f268dc4f4a90ff0a
+  checksum: 10c0/df5f4dbb6d98153b751bccf4dc4cc500de85a96a9331db9805596c46aa9f99d9555983954e6c1266d9f981ae37a9e4647f42b9a4bb5466f867f4012e582c9e7e
   languageName: node
   linkType: hard
 
@@ -10750,77 +10796,80 @@ __metadata:
   languageName: node
   linkType: hard
 
-"metro-babel-register@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-babel-register@npm:0.79.1"
+"metro-babel-register@npm:^0.80.0":
+  version: 0.80.9
+  resolution: "metro-babel-register@npm:0.80.9"
   dependencies:
     "@babel/core": "npm:^7.20.0"
+    "@babel/plugin-proposal-export-namespace-from": "npm:^7.18.9"
     "@babel/plugin-transform-flow-strip-types": "npm:^7.20.0"
     "@babel/plugin-transform-modules-commonjs": "npm:^7.0.0"
     "@babel/preset-typescript": "npm:^7.18.0"
     "@babel/register": "npm:^7.0.0"
     babel-plugin-replace-ts-export-assignment: "npm:^0.0.2"
+    babel-plugin-syntax-hermes-parser: "npm:0.20.1"
+    babel-plugin-transform-flow-enums: "npm:^0.0.2"
     escape-string-regexp: "npm:^1.0.5"
-  checksum: 10c0/91f1ec8f662513b3098c11d33b666455c0d3c3c408adfc77327591377800804edff73619c877f4b143beeb111e17cf48e1ca5028e1b6636faa87328a281e91de
+  checksum: 10c0/6a21b7efe6a47679ac54107b4f99e9ed3b961b6882d27782c127230384eb909ecd7dc8703dc2d79b8d869e39e99920e9b3ae16c1f9370761378eda5635d088a3
   languageName: node
   linkType: hard
 
-"metro-babel-transformer@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-babel-transformer@npm:0.79.1"
+"metro-babel-transformer@npm:0.80.9":
+  version: 0.80.9
+  resolution: "metro-babel-transformer@npm:0.80.9"
   dependencies:
     "@babel/core": "npm:^7.20.0"
-    hermes-parser: "npm:0.15.0"
+    hermes-parser: "npm:0.20.1"
     nullthrows: "npm:^1.1.1"
-  checksum: 10c0/bc70d5329fa430dc465ac03198e5997e61f0b9b24301b06b364e3ccb834bc69a34f59746d92b03aa2e3aac8383f730282f1ce840363ce55063a33ff43b9de135
+  checksum: 10c0/01c9edc9cbb8339392721918b854beb66d9e9837ae6ea301e106226ec41115646a6d312fcdc423838bf4d3a745046f314055c98e4da4a72a536f4b521a868be4
   languageName: node
   linkType: hard
 
-"metro-cache-key@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-cache-key@npm:0.79.1"
-  checksum: 10c0/dda9ded22aeff6e128c165cb79de0d3579ffb76d881813231c9d383e53757675b0c14ab52ea48528e3ffdc9d0fd451520d9c8a2536f5f07565a7296036a75559
+"metro-cache-key@npm:0.80.9":
+  version: 0.80.9
+  resolution: "metro-cache-key@npm:0.80.9"
+  checksum: 10c0/28b67d6b1a4e9108ecc667b29c3ce899144602d0b3ebc6a14b607534b68f0b745d5d8a88b1fe159067f108f9b90ea0c75808d85da8c761a3bea74a078b4943d2
   languageName: node
   linkType: hard
 
-"metro-cache@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-cache@npm:0.79.1"
+"metro-cache@npm:0.80.9":
+  version: 0.80.9
+  resolution: "metro-cache@npm:0.80.9"
   dependencies:
-    metro-core: "npm:0.79.1"
+    metro-core: "npm:0.80.9"
     rimraf: "npm:^3.0.2"
-  checksum: 10c0/8d71eae31dfad472388f439682d30ce7fe01930db2c3d8cf5ce0237c844179065ca214a63da64133ec63294681c5be644783e86f05ce35e77fdbffd1bec0f201
+  checksum: 10c0/6c44f0cab5e5f80ee428504e5fb6e22142ebb6cdf6d48cf41b1f178debcdcd35e6bddc32a61c7887235bdb2c6d75da4fe013a007ed89fe6de28635670bb4d85a
   languageName: node
   linkType: hard
 
-"metro-config@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-config@npm:0.79.1"
+"metro-config@npm:0.80.9, metro-config@npm:^0.80.3":
+  version: 0.80.9
+  resolution: "metro-config@npm:0.80.9"
   dependencies:
     connect: "npm:^3.6.5"
     cosmiconfig: "npm:^5.0.5"
     jest-validate: "npm:^29.6.3"
-    metro: "npm:0.79.1"
-    metro-cache: "npm:0.79.1"
-    metro-core: "npm:0.79.1"
-    metro-runtime: "npm:0.79.1"
-  checksum: 10c0/44d8f80934b612d017f6041c1de6d3f7ac30d0d6f973bf0227f74c98eed8a34f70511e89ecaff2027b46ab5a29dc3f8e4fe4d13ccf4926c910fc1e6d25c66a0a
+    metro: "npm:0.80.9"
+    metro-cache: "npm:0.80.9"
+    metro-core: "npm:0.80.9"
+    metro-runtime: "npm:0.80.9"
+  checksum: 10c0/f9158655a683b67e54d4975fe1329c5ae9b3a0e17fd9a6567ab258c34a0249c974e61a844ee2ebd982c133374958e1f9612b941d85ce3bc3a4c23c6921f2335b
   languageName: node
   linkType: hard
 
-"metro-core@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-core@npm:0.79.1"
+"metro-core@npm:0.80.9, metro-core@npm:^0.80.3":
+  version: 0.80.9
+  resolution: "metro-core@npm:0.80.9"
   dependencies:
     lodash.throttle: "npm:^4.1.1"
-    metro-resolver: "npm:0.79.1"
-  checksum: 10c0/2927250a7ac46ba5217c10c37c5077a9ae51adee375ab09357554516fb61daf1494add478137bb999677bcb5b50a952234e6b086e60121c19738cc9ccec7b610
+    metro-resolver: "npm:0.80.9"
+  checksum: 10c0/e19186fd2251e0ae7db5f64472173034512df491aaa1646ee28975672d4b0827491d60803474ee2e4ff15af28cc653c59c7522717610c04875fbb793bae84a96
   languageName: node
   linkType: hard
 
-"metro-file-map@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-file-map@npm:0.79.1"
+"metro-file-map@npm:0.80.9":
+  version: 0.80.9
+  resolution: "metro-file-map@npm:0.80.9"
   dependencies:
     anymatch: "npm:^3.0.3"
     debug: "npm:^2.2.0"
@@ -10828,8 +10877,7 @@ __metadata:
     fsevents: "npm:^2.3.2"
     graceful-fs: "npm:^4.2.4"
     invariant: "npm:^2.2.4"
-    jest-util: "npm:^27.2.0"
-    jest-worker: "npm:^27.2.0"
+    jest-worker: "npm:^29.6.3"
     micromatch: "npm:^4.0.4"
     node-abort-controller: "npm:^3.1.1"
     nullthrows: "npm:^1.1.1"
@@ -10837,110 +10885,110 @@ __metadata:
   dependenciesMeta:
     fsevents:
       optional: true
-  checksum: 10c0/91b9e287860346f4fef657e3a0d21947679b69a1066438349fa7815278f40944877b3761a8432c0056e19d2651c890ca7a8b1d1073db182cbcabb0401badc664
+  checksum: 10c0/5ae5b0ecc023dbea66b486253ea8b231a46be640c7fcc0d1b65000d6b3305f57acf7b100e6187bbadb61a2b3726e14ddc4c8f4582d2851339715c15a76a8d0a4
   languageName: node
   linkType: hard
 
-"metro-memory-fs@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-memory-fs@npm:0.79.1"
-  checksum: 10c0/e5552eace8bbf01364c2f9dbc60ff81dd919d651e67a4cf34b501954a15a9eadcc753a2313ce6a0eb198ecdbc61b4d8a414aaedcdb5db8f0d117e0578bddf6f2
+"metro-memory-fs@npm:^0.80.0":
+  version: 0.80.9
+  resolution: "metro-memory-fs@npm:0.80.9"
+  checksum: 10c0/a0bc23ec7ef7495a525e8585abccbd07f48ec94436e73b8af6b0079dd198775d11c310933e204f0b7329ac6b9f1845a9fc708c9c0458c9ebe0cc0bca2c133926
   languageName: node
   linkType: hard
 
-"metro-minify-terser@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-minify-terser@npm:0.79.1"
+"metro-minify-terser@npm:0.80.9":
+  version: 0.80.9
+  resolution: "metro-minify-terser@npm:0.80.9"
   dependencies:
     terser: "npm:^5.15.0"
-  checksum: 10c0/002ef35b83201bad534ca03f68447f0c81ad14c1903050563418743d57f5cf76e934ad0c3f3e203deb0804d65d9aa4e6a1d035a4315252598849b8f512b38147
+  checksum: 10c0/473d0ece675da32ff7a3d1698b1da75e9a71066d865aa8a0c240aec215e3d2e4e63de59654af9e1297632fe9c39030b703b0bcc86aa750bb8c96f858ca00504e
   languageName: node
   linkType: hard
 
-"metro-resolver@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-resolver@npm:0.79.1"
-  checksum: 10c0/d0766d08e8bf813d2e349c7f70c4166d3d25e95ee222bb90dcf6d9b35ee93b2d80a7ba1ec432a17a84fea9d24f2bf30c583b6fb1a9d9140649252cff03c3381f
+"metro-resolver@npm:0.80.9, metro-resolver@npm:^0.80.3":
+  version: 0.80.9
+  resolution: "metro-resolver@npm:0.80.9"
+  checksum: 10c0/d350c5fded86de1ad37995b51dfceeed3ba4de04d502af017dd69dea50d96823ad9fa709c73244b876ecf2e6a26ea8ffdc36bc42da561fea7ac1eabf68e032b8
   languageName: node
   linkType: hard
 
-"metro-runtime@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-runtime@npm:0.79.1"
+"metro-runtime@npm:0.80.9, metro-runtime@npm:^0.80.3":
+  version: 0.80.9
+  resolution: "metro-runtime@npm:0.80.9"
   dependencies:
     "@babel/runtime": "npm:^7.0.0"
-    react-refresh: "npm:^0.4.0"
-  checksum: 10c0/f7c39bd75c00f126d543f7931fd3b8a78c1c1c94f40360f13909b9e185c651c3292928bf6bd3cd608902781705a10b3ab8314e6c0e03c43e608c7345e63cc02c
+  checksum: 10c0/1a5e975b6e1106d617ff77976e6a4d2d1f22a9aef5ed163ade62d5aee332f6ae3101db8c77f6657addb30baae617713d26fc288374b4dc8ea7752c2c8f8a3c9e
   languageName: node
   linkType: hard
 
-"metro-source-map@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-source-map@npm:0.79.1"
+"metro-source-map@npm:0.80.9, metro-source-map@npm:^0.80.3":
+  version: 0.80.9
+  resolution: "metro-source-map@npm:0.80.9"
   dependencies:
     "@babel/traverse": "npm:^7.20.0"
     "@babel/types": "npm:^7.20.0"
     invariant: "npm:^2.2.4"
-    metro-symbolicate: "npm:0.79.1"
+    metro-symbolicate: "npm:0.80.9"
     nullthrows: "npm:^1.1.1"
-    ob1: "npm:0.79.1"
+    ob1: "npm:0.80.9"
     source-map: "npm:^0.5.6"
     vlq: "npm:^1.0.0"
-  checksum: 10c0/ef101778b29a59b847ef7ab3ebce6c22170c46e5d6aa81baeafc14924498c77eac3a35a2e0b50a88d84deb12e11574681a0dd4713a26ac11430370fa371e08dc
+  checksum: 10c0/798584139f369bc07fe1c5e5db7c31455181020bf3b85d6c21012272508fb2f7b225ee3a9cbb62f63f86afbe5e72ab5dbd129fa0af197149f3fedd5498382d49
   languageName: node
   linkType: hard
 
-"metro-symbolicate@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-symbolicate@npm:0.79.1"
+"metro-symbolicate@npm:0.80.9":
+  version: 0.80.9
+  resolution: "metro-symbolicate@npm:0.80.9"
   dependencies:
     invariant: "npm:^2.2.4"
-    metro-source-map: "npm:0.79.1"
+    metro-source-map: "npm:0.80.9"
     nullthrows: "npm:^1.1.1"
     source-map: "npm:^0.5.6"
     through2: "npm:^2.0.1"
     vlq: "npm:^1.0.0"
   bin:
     metro-symbolicate: src/index.js
-  checksum: 10c0/cd081d219ef61ba36e3c1a6b3f53fa3fea239c3870eab6ef7d76a8483e5cd6369dd86d66d0d085ed4eda6b4619ebdf37bd2a2903ac7dcbf139b4b94de008e27d
+  checksum: 10c0/587df895a0b84fbaf1461c4d00bfdfe3f70e9172d00eab58c20105af300524b2de07602293faa559f2a69ad21b7a99da707ef71e65ccf5aeba34806fb165626e
   languageName: node
   linkType: hard
 
-"metro-transform-plugins@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-transform-plugins@npm:0.79.1"
+"metro-transform-plugins@npm:0.80.9":
+  version: 0.80.9
+  resolution: "metro-transform-plugins@npm:0.80.9"
   dependencies:
     "@babel/core": "npm:^7.20.0"
     "@babel/generator": "npm:^7.20.0"
     "@babel/template": "npm:^7.0.0"
     "@babel/traverse": "npm:^7.20.0"
     nullthrows: "npm:^1.1.1"
-  checksum: 10c0/97ddc9579f0863b5fa045b7240bb460a9452a7b189746d6c962fb85953544d35eec72f20386253e405283a878a5f1cf797f60a80afec4c927193e8827d4ccaf2
+  checksum: 10c0/fdb49a885364b925b1ece5727726f6197ae60539cf2ba54ed1a8bbcb546a43d07a87542c357cfb09bf24e63608c8215295c526293809a875b019d5821457968a
   languageName: node
   linkType: hard
 
-"metro-transform-worker@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro-transform-worker@npm:0.79.1"
+"metro-transform-worker@npm:0.80.9":
+  version: 0.80.9
+  resolution: "metro-transform-worker@npm:0.80.9"
   dependencies:
     "@babel/core": "npm:^7.20.0"
     "@babel/generator": "npm:^7.20.0"
     "@babel/parser": "npm:^7.20.0"
     "@babel/types": "npm:^7.20.0"
-    metro: "npm:0.79.1"
-    metro-babel-transformer: "npm:0.79.1"
-    metro-cache: "npm:0.79.1"
-    metro-cache-key: "npm:0.79.1"
-    metro-source-map: "npm:0.79.1"
-    metro-transform-plugins: "npm:0.79.1"
+    metro: "npm:0.80.9"
+    metro-babel-transformer: "npm:0.80.9"
+    metro-cache: "npm:0.80.9"
+    metro-cache-key: "npm:0.80.9"
+    metro-minify-terser: "npm:0.80.9"
+    metro-source-map: "npm:0.80.9"
+    metro-transform-plugins: "npm:0.80.9"
     nullthrows: "npm:^1.1.1"
-  checksum: 10c0/3d1840a53910c15540e9a36f102c0f270b2e0e4131318a9186c2fc3de8974dab0f1201e82d61163166d66ca25b533b21444912b0954d74d9c37c1256d6a93b02
+  checksum: 10c0/6e3557d93149b9267619a09cd038f6cfaf7d0b3253f33c1625c8a18e1ab9585c7911c33d95a4184f7ccbe1719019e1d8d78b1f283ccbb1aaa1b419e6915e38e0
   languageName: node
   linkType: hard
 
-"metro@npm:0.79.1":
-  version: 0.79.1
-  resolution: "metro@npm:0.79.1"
+"metro@npm:0.80.9, metro@npm:^0.80.3":
+  version: 0.80.9
+  resolution: "metro@npm:0.80.9"
   dependencies:
     "@babel/code-frame": "npm:^7.0.0"
     "@babel/core": "npm:^7.20.0"
@@ -10957,25 +11005,24 @@ __metadata:
     denodeify: "npm:^1.2.1"
     error-stack-parser: "npm:^2.0.6"
     graceful-fs: "npm:^4.2.4"
-    hermes-parser: "npm:0.15.0"
+    hermes-parser: "npm:0.20.1"
     image-size: "npm:^1.0.2"
     invariant: "npm:^2.2.4"
-    jest-worker: "npm:^27.2.0"
+    jest-worker: "npm:^29.6.3"
     jsc-safe-url: "npm:^0.2.2"
     lodash.throttle: "npm:^4.1.1"
-    metro-babel-transformer: "npm:0.79.1"
-    metro-cache: "npm:0.79.1"
-    metro-cache-key: "npm:0.79.1"
-    metro-config: "npm:0.79.1"
-    metro-core: "npm:0.79.1"
-    metro-file-map: "npm:0.79.1"
-    metro-minify-terser: "npm:0.79.1"
-    metro-resolver: "npm:0.79.1"
-    metro-runtime: "npm:0.79.1"
-    metro-source-map: "npm:0.79.1"
-    metro-symbolicate: "npm:0.79.1"
-    metro-transform-plugins: "npm:0.79.1"
-    metro-transform-worker: "npm:0.79.1"
+    metro-babel-transformer: "npm:0.80.9"
+    metro-cache: "npm:0.80.9"
+    metro-cache-key: "npm:0.80.9"
+    metro-config: "npm:0.80.9"
+    metro-core: "npm:0.80.9"
+    metro-file-map: "npm:0.80.9"
+    metro-resolver: "npm:0.80.9"
+    metro-runtime: "npm:0.80.9"
+    metro-source-map: "npm:0.80.9"
+    metro-symbolicate: "npm:0.80.9"
+    metro-transform-plugins: "npm:0.80.9"
+    metro-transform-worker: "npm:0.80.9"
     mime-types: "npm:^2.1.27"
     node-fetch: "npm:^2.2.0"
     nullthrows: "npm:^1.1.1"
@@ -10988,27 +11035,34 @@ __metadata:
     yargs: "npm:^17.6.2"
   bin:
     metro: src/cli.js
-  checksum: 10c0/33c0e8fb0fe7710502a90594cf0656e32a3971233e256699950ec409c40afa9730b2ed3e18d5a2f9aa1e5f30ecb27e29ce83d4eee4506023526227ffba453d9b
+  checksum: 10c0/3cd7247404bfc12b402c6d0fdb13d0035bd3b4719f152b3c8cb37bd724e094465b39206958b60621b3beea42d182da4bb34f042ab242584bf782457f7cddb575
   languageName: node
   linkType: hard
 
 "micromatch@npm:^4.0.0":
-  version: 4.0.5
-  resolution: "micromatch@npm:4.0.5"
+  version: 4.0.7
+  resolution: "micromatch@npm:4.0.7"
   dependencies:
-    braces: "npm:^3.0.2"
+    braces: "npm:^3.0.3"
     picomatch: "npm:^2.3.1"
-  checksum: 10c0/3d6505b20f9fa804af5d8c596cb1c5e475b9b0cd05f652c5b56141cf941bd72adaeb7a436fda344235cef93a7f29b7472efc779fcdb83b478eab0867b95cdeff
+  checksum: 10c0/58fa99bc5265edec206e9163a1d2cec5fabc46a5b473c45f4a700adce88c2520456ae35f2b301e4410fb3afb27e9521fb2813f6fc96be0a48a89430e0916a772
   languageName: node
   linkType: hard
 
-"mime-db@npm:1.52.0, mime-db@npm:>= 1.43.0 < 2":
+"mime-db@npm:1.52.0":
   version: 1.52.0
   resolution: "mime-db@npm:1.52.0"
   checksum: 10c0/0557a01deebf45ac5f5777fe7740b2a5c309c6d62d40ceab4e23da9f821899ce7a900b7ac8157d4548ddbb7beffe9abc621250e6d182b0397ec7f10c7b91a5aa
   languageName: node
   linkType: hard
 
+"mime-db@npm:>= 1.43.0 < 2":
+  version: 1.53.0
+  resolution: "mime-db@npm:1.53.0"
+  checksum: 10c0/1dcc37ba8ed5d1c179f5c6f0837e8db19371d5f2ea3690c3c2f3fa8c3858f976851d3460b172b4dee78ebd606762cbb407aa398545fbacd539e519f858cd7bf4
+  languageName: node
+  linkType: hard
+
 "mime-types@npm:^2.1.12, mime-types@npm:^2.1.27, mime-types@npm:~2.1.19, mime-types@npm:~2.1.34":
   version: 2.1.35
   resolution: "mime-types@npm:2.1.35"
@@ -11066,6 +11120,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"minimatch@npm:9.0.3":
+  version: 9.0.3
+  resolution: "minimatch@npm:9.0.3"
+  dependencies:
+    brace-expansion: "npm:^2.0.1"
+  checksum: 10c0/85f407dcd38ac3e180f425e86553911d101455ca3ad5544d6a7cec16286657e4f8a9aa6695803025c55e31e35a91a2252b5dc8e7d527211278b8b65b4dbd5eac
+  languageName: node
+  linkType: hard
+
 "minimatch@npm:^3.0.2, minimatch@npm:^3.0.4, minimatch@npm:^3.0.5, minimatch@npm:^3.1.1, minimatch@npm:^3.1.2":
   version: 3.1.2
   resolution: "minimatch@npm:3.1.2"
@@ -11093,12 +11156,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minimatch@npm:^9.0.1":
-  version: 9.0.3
-  resolution: "minimatch@npm:9.0.3"
+"minimatch@npm:^9.0.4":
+  version: 9.0.5
+  resolution: "minimatch@npm:9.0.5"
   dependencies:
     brace-expansion: "npm:^2.0.1"
-  checksum: 10c0/85f407dcd38ac3e180f425e86553911d101455ca3ad5544d6a7cec16286657e4f8a9aa6695803025c55e31e35a91a2252b5dc8e7d527211278b8b65b4dbd5eac
+  checksum: 10c0/de96cf5e35bdf0eab3e2c853522f98ffbe9a36c37797778d2665231ec1f20a9447a7e567cb640901f89e4daaa95ae5d70c65a9e8aa2bb0019b6facbc3c0575ed
   languageName: node
   linkType: hard
 
@@ -11128,8 +11191,8 @@ __metadata:
   linkType: hard
 
 "minipass-fetch@npm:^3.0.0":
-  version: 3.0.4
-  resolution: "minipass-fetch@npm:3.0.4"
+  version: 3.0.5
+  resolution: "minipass-fetch@npm:3.0.5"
   dependencies:
     encoding: "npm:^0.1.13"
     minipass: "npm:^7.0.3"
@@ -11138,7 +11201,7 @@ __metadata:
   dependenciesMeta:
     encoding:
       optional: true
-  checksum: 10c0/1b63c1f3313e88eeac4689f1b71c9f086598db9a189400e3ee960c32ed89e06737fa23976c9305c2d57464fb3fcdc12749d3378805c9d6176f5569b0d0ee8a75
+  checksum: 10c0/9d702d57f556274286fdd97e406fc38a2f5c8d15e158b498d7393b1105974b21249289ec571fa2b51e038a4872bfc82710111cf75fae98c662f3d6f95e72152b
   languageName: node
   linkType: hard
 
@@ -11152,12 +11215,12 @@ __metadata:
   linkType: hard
 
 "minipass-json-stream@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "minipass-json-stream@npm:1.0.1"
+  version: 1.0.2
+  resolution: "minipass-json-stream@npm:1.0.2"
   dependencies:
     jsonparse: "npm:^1.3.1"
     minipass: "npm:^3.0.0"
-  checksum: 10c0/9285cbbea801e7bd6a923e7fb66d9c47c8bad880e70b29f0b8ba220c283d065f47bfa887ef87fd1b735d39393ecd53bb13d40c260354e8fcf93d47cf4bf64e9c
+  checksum: 10c0/c2fc0d9719dd445d08de82bb449b51c59c3609a08064dd270da8bc76e4e542f4f354b5b1ef3b6e2f2f5b621b25e21ffbd0f0fa26ba6a80121fc19c3ad0d4db2c
   languageName: node
   linkType: hard
 
@@ -11195,10 +11258,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3":
-  version: 7.0.4
-  resolution: "minipass@npm:7.0.4"
-  checksum: 10c0/6c7370a6dfd257bf18222da581ba89a5eaedca10e158781232a8b5542a90547540b4b9b7e7f490e4cda43acfbd12e086f0453728ecf8c19e0ef6921bc5958ac5
+"minipass@npm:^5.0.0 || ^6.0.2 || ^7.0.0, minipass@npm:^7.0.2, minipass@npm:^7.0.3, minipass@npm:^7.1.2":
+  version: 7.1.2
+  resolution: "minipass@npm:7.1.2"
+  checksum: 10c0/b0fd20bb9fb56e5fa9a8bfac539e8915ae07430a619e4b86ff71f5fc757ef3924b23b2c4230393af1eda647ed3d75739e4e0acb250a6b1eb277cf7f8fe449557
   languageName: node
   linkType: hard
 
@@ -11295,13 +11358,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"next-tick@npm:~1.0.0":
-  version: 1.0.0
-  resolution: "next-tick@npm:1.0.0"
-  checksum: 10c0/851058d7af979a94743ae0ae4c71f0257662a2b7129e0a159273d13782401823c154ee2e49a790e979e5b92126dbc2b5eb522eaff631b997ddf95903e7c5e9cc
-  languageName: node
-  linkType: hard
-
 "nocache@npm:^3.0.1":
   version: 3.0.4
   resolution: "nocache@npm:3.0.4"
@@ -11332,6 +11388,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-domexception@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "node-domexception@npm:1.0.0"
+  checksum: 10c0/5e5d63cda29856402df9472335af4bb13875e1927ad3be861dc5ebde38917aecbf9ae337923777af52a48c426b70148815e890a5d72760f1b4d758cc671b1a2b
+  languageName: node
+  linkType: hard
+
 "node-emoji@npm:^1.11.0":
   version: 1.11.0
   resolution: "node-emoji@npm:1.11.0"
@@ -11341,6 +11404,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-fetch@npm:*":
+  version: 3.3.2
+  resolution: "node-fetch@npm:3.3.2"
+  dependencies:
+    data-uri-to-buffer: "npm:^4.0.0"
+    fetch-blob: "npm:^3.1.4"
+    formdata-polyfill: "npm:^4.0.10"
+  checksum: 10c0/f3d5e56190562221398c9f5750198b34cf6113aa304e34ee97c94fd300ec578b25b2c2906edba922050fce983338fde0d5d34fcb0fc3336ade5bd0e429ad7538
+  languageName: node
+  linkType: hard
+
 "node-fetch@npm:2.6.7":
   version: 2.6.7
   resolution: "node-fetch@npm:2.6.7"
@@ -11369,9 +11443,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"node-forge@npm:^1":
+  version: 1.3.1
+  resolution: "node-forge@npm:1.3.1"
+  checksum: 10c0/e882819b251a4321f9fc1d67c85d1501d3004b4ee889af822fd07f64de3d1a8e272ff00b689570af0465d65d6bf5074df9c76e900e0aff23e60b847f2a46fbe8
+  languageName: node
+  linkType: hard
+
 "node-gyp@npm:latest":
-  version: 10.0.1
-  resolution: "node-gyp@npm:10.0.1"
+  version: 10.2.0
+  resolution: "node-gyp@npm:10.2.0"
   dependencies:
     env-paths: "npm:^2.2.0"
     exponential-backoff: "npm:^3.1.1"
@@ -11379,13 +11460,13 @@ __metadata:
     graceful-fs: "npm:^4.2.6"
     make-fetch-happen: "npm:^13.0.0"
     nopt: "npm:^7.0.0"
-    proc-log: "npm:^3.0.0"
+    proc-log: "npm:^4.1.0"
     semver: "npm:^7.3.5"
-    tar: "npm:^6.1.2"
+    tar: "npm:^6.2.1"
     which: "npm:^4.0.0"
   bin:
     node-gyp: bin/node-gyp.js
-  checksum: 10c0/abddfff7d873312e4ed4a5fb75ce893a5c4fb69e7fcb1dfa71c28a6b92a7f1ef6b62790dffb39181b5a82728ba8f2f32d229cf8cbe66769fe02cea7db4a555aa
+  checksum: 10c0/00630d67dbd09a45aee0a5d55c05e3916ca9e6d427ee4f7bc392d2d3dc5fad7449b21fc098dd38260a53d9dcc9c879b36704a1994235d4707e7271af7e9a835b
   languageName: node
   linkType: hard
 
@@ -11396,10 +11477,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-releases@npm:^2.0.13":
-  version: 2.0.13
-  resolution: "node-releases@npm:2.0.13"
-  checksum: 10c0/2fb44bf70fc949d27f3a48a7fd1a9d1d603ddad4ccd091f26b3fb8b1da976605d919330d7388ccd55ca2ade0dc8b2e12841ba19ef249c8bb29bf82532d401af7
+"node-releases@npm:^2.0.18":
+  version: 2.0.18
+  resolution: "node-releases@npm:2.0.18"
+  checksum: 10c0/786ac9db9d7226339e1dc84bbb42007cb054a346bd9257e6aa154d294f01bc6a6cddb1348fa099f079be6580acbb470e3c048effd5f719325abd0179e566fd27
   languageName: node
   linkType: hard
 
@@ -11411,13 +11492,13 @@ __metadata:
   linkType: hard
 
 "nopt@npm:^7.0.0":
-  version: 7.2.0
-  resolution: "nopt@npm:7.2.0"
+  version: 7.2.1
+  resolution: "nopt@npm:7.2.1"
   dependencies:
     abbrev: "npm:^2.0.0"
   bin:
     nopt: bin/nopt.js
-  checksum: 10c0/9bd7198df6f16eb29ff16892c77bcf7f0cc41f9fb5c26280ac0def2cf8cf319f3b821b3af83eba0e74c85807cc430a16efe0db58fe6ae1f41e69519f585b6aff
+  checksum: 10c0/a069c7c736767121242037a22a788863accfa932ab285a1eb569eb8cd534b09d17206f68c37f096ae785647435e0c5a5a0a67b42ec743e481a455e5ae6a6df81
   languageName: node
   linkType: hard
 
@@ -11447,15 +11528,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"now-and-later@npm:^2.0.0":
-  version: 2.0.1
-  resolution: "now-and-later@npm:2.0.1"
-  dependencies:
-    once: "npm:^1.3.2"
-  checksum: 10c0/a3b123b6a7378f300cf45b381efb69b7d085a4151dceeca8442e7e08aa50f6e44d15af114261dca201e19be85f9e25dd61ad74aab62ad3675210bfc60f1f19f5
-  languageName: node
-  linkType: hard
-
 "now-and-later@npm:^3.0.0":
   version: 3.0.0
   resolution: "now-and-later@npm:3.0.0"
@@ -11545,10 +11617,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ob1@npm:0.79.1":
-  version: 0.79.1
-  resolution: "ob1@npm:0.79.1"
-  checksum: 10c0/84e9bc5b9c80e7596c7fca1f3a9f06fa82af46c71803ed7ef7cea2bdbe5bf525e735d39c2b03721847ab5ca03ee78854bfb939b2c92bbca48f92e33112349967
+"ob1@npm:0.80.9":
+  version: 0.80.9
+  resolution: "ob1@npm:0.80.9"
+  checksum: 10c0/446d4f3040fd29941bee8ccd1cf42f447519ae4398869b11e6974b6f6dd3b464e641eea7dce8a6c24232528d7d03ea035dff1581f537c9da45e7c015ade998d7
   languageName: node
   linkType: hard
 
@@ -11559,94 +11631,73 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-inspect@npm:^1.12.3, object-inspect@npm:^1.9.0":
-  version: 1.13.0
-  resolution: "object-inspect@npm:1.13.0"
-  checksum: 10c0/11c99a269146870d3265d9e09c6478251705e0c1e3c1a69a37696591fd111e66e07b984ecc929a0e27b362d35d119e93078543f82af231c3cb8545a616150d69
-  languageName: node
-  linkType: hard
-
-"object-keys@npm:^1.1.1":
-  version: 1.1.1
-  resolution: "object-keys@npm:1.1.1"
-  checksum: 10c0/b11f7ccdbc6d406d1f186cdadb9d54738e347b2692a14439ca5ac70c225fa6db46db809711b78589866d47b25fc3e8dee0b4c722ac751e11180f9380e3d8601d
-  languageName: node
-  linkType: hard
-
-"object.assign@npm:^4.1.4":
-  version: 4.1.4
-  resolution: "object.assign@npm:4.1.4"
-  dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.1.4"
-    has-symbols: "npm:^1.0.3"
-    object-keys: "npm:^1.1.1"
-  checksum: 10c0/2f286118c023e557757620e647b02e7c88d3d417e0c568fca0820de8ec9cca68928304854d5b03e99763eddad6e78a6716e2930f7e6372e4b9b843f3fd3056f3
+"object-inspect@npm:^1.13.1":
+  version: 1.13.2
+  resolution: "object-inspect@npm:1.13.2"
+  checksum: 10c0/b97835b4c91ec37b5fd71add84f21c3f1047d1d155d00c0fcd6699516c256d4fcc6ff17a1aced873197fe447f91a3964178fd2a67a1ee2120cdaf60e81a050b4
   languageName: node
   linkType: hard
 
-"object.defaults@npm:^1.0.0":
-  version: 1.1.0
-  resolution: "object.defaults@npm:1.1.0"
+"object-is@npm:^1.1.5":
+  version: 1.1.6
+  resolution: "object-is@npm:1.1.6"
   dependencies:
-    array-each: "npm:^1.0.1"
-    array-slice: "npm:^1.0.0"
-    for-own: "npm:^1.0.0"
-    isobject: "npm:^3.0.0"
-  checksum: 10c0/9ed5c41ce500c2dce2e6f8baa71b0e73b013dcd57c02e545dd85b46e52140af707e2b05c31f6126209f8b15709f10817ddbe6fb5c13f8d873d811694f28ee3fd
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+  checksum: 10c0/506af444c4dce7f8e31f34fc549e2fb8152d6b9c4a30c6e62852badd7f520b579c679af433e7a072f9d78eb7808d230dc12e1cf58da9154dfbf8813099ea0fe0
   languageName: node
   linkType: hard
 
-"object.entries@npm:^1.1.6":
-  version: 1.1.7
-  resolution: "object.entries@npm:1.1.7"
-  dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-  checksum: 10c0/3ad1899cc7bf14546bf28f4a9b363ae8690b90948fcfbcac4c808395435d760f26193d9cae95337ce0e3c1e5c1f4fa45f7b46b31b68d389e9e117fce38775d86
+"object-keys@npm:^1.1.1":
+  version: 1.1.1
+  resolution: "object-keys@npm:1.1.1"
+  checksum: 10c0/b11f7ccdbc6d406d1f186cdadb9d54738e347b2692a14439ca5ac70c225fa6db46db809711b78589866d47b25fc3e8dee0b4c722ac751e11180f9380e3d8601d
   languageName: node
   linkType: hard
 
-"object.fromentries@npm:^2.0.6":
-  version: 2.0.7
-  resolution: "object.fromentries@npm:2.0.7"
+"object.assign@npm:^4.1.4, object.assign@npm:^4.1.5":
+  version: 4.1.5
+  resolution: "object.assign@npm:4.1.5"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-  checksum: 10c0/071745c21f6fc9e6c914691f2532c1fb60ad967e5ddc52801d09958b5de926566299d07ae14466452a7efd29015f9145d6c09c573d93a0dc6f1683ee0ec2b93b
+    call-bind: "npm:^1.0.5"
+    define-properties: "npm:^1.2.1"
+    has-symbols: "npm:^1.0.3"
+    object-keys: "npm:^1.1.1"
+  checksum: 10c0/60108e1fa2706f22554a4648299b0955236c62b3685c52abf4988d14fffb0e7731e00aa8c6448397e3eb63d087dcc124a9f21e1980f36d0b2667f3c18bacd469
   languageName: node
   linkType: hard
 
-"object.hasown@npm:^1.1.2":
-  version: 1.1.3
-  resolution: "object.hasown@npm:1.1.3"
+"object.entries@npm:^1.1.8":
+  version: 1.1.8
+  resolution: "object.entries@npm:1.1.8"
   dependencies:
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-  checksum: 10c0/8a41ba4fb1208a85c2275e9b5098071beacc24345b9a71ab98ef0a1c61b34dc74c6b460ff1e1884c33843d8f2553df64a10eec2b74b3ed009e3b2710c826bd2c
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10c0/db9ea979d2956a3bc26c262da4a4d212d36f374652cc4c13efdd069c1a519c16571c137e2893d1c46e1cb0e15c88fd6419eaf410c945f329f09835487d7e65d3
   languageName: node
   linkType: hard
 
-"object.reduce@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "object.reduce@npm:1.0.1"
+"object.fromentries@npm:^2.0.8":
+  version: 2.0.8
+  resolution: "object.fromentries@npm:2.0.8"
   dependencies:
-    for-own: "npm:^1.0.0"
-    make-iterator: "npm:^1.0.0"
-  checksum: 10c0/d3c10543bf939f7475e61f90784613fec60c6a3b92a45e2d7a88b1fe297c1466edd0148a102cbbb9eb14a48bafecb698917af5b76895f434e6a715e78397f5fc
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10c0/cd4327e6c3369cfa805deb4cbbe919bfb7d3aeebf0bcaba291bb568ea7169f8f8cdbcabe2f00b40db0c20cd20f08e11b5f3a5a36fb7dd3fe04850c50db3bf83b
   languageName: node
   linkType: hard
 
-"object.values@npm:^1.1.6":
-  version: 1.1.7
-  resolution: "object.values@npm:1.1.7"
+"object.values@npm:^1.1.6, object.values@npm:^1.2.0":
+  version: 1.2.0
+  resolution: "object.values@npm:1.2.0"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-  checksum: 10c0/e869d6a37fb7afdd0054dea49036d6ccebb84854a8848a093bbd1bc516f53e690bba88f0bc3e83fdfa74c601469ee6989c9b13359cda9604144c6e732fad3b6b
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10c0/15809dc40fd6c5529501324fec5ff08570b7d70fb5ebbe8e2b3901afec35cf2b3dc484d1210c6c642cd3e7e0a5e18dd1d6850115337fef46bdae14ab0cb18ac3
   languageName: node
   linkType: hard
 
@@ -11713,16 +11764,16 @@ __metadata:
   linkType: hard
 
 "optionator@npm:^0.9.3":
-  version: 0.9.3
-  resolution: "optionator@npm:0.9.3"
+  version: 0.9.4
+  resolution: "optionator@npm:0.9.4"
   dependencies:
-    "@aashutoshrathi/word-wrap": "npm:^1.2.3"
     deep-is: "npm:^0.1.3"
     fast-levenshtein: "npm:^2.0.6"
     levn: "npm:^0.4.1"
     prelude-ls: "npm:^1.2.1"
     type-check: "npm:^0.4.0"
-  checksum: 10c0/66fba794d425b5be51353035cf3167ce6cfa049059cbb93229b819167687e0f48d2bc4603fcb21b091c99acb516aae1083624675b15c4765b2e4693a085e959c
+    word-wrap: "npm:^1.2.5"
+  checksum: 10c0/4afb687a059ee65b61df74dfe87d8d6815cd6883cb8b3d5883a910df72d0f5d029821f37025e4bccf4048873dbdb09acc6d303d27b8f76b1a80dd5a7d5334675
   languageName: node
   linkType: hard
 
@@ -11832,6 +11883,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"package-json-from-dist@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "package-json-from-dist@npm:1.0.0"
+  checksum: 10c0/e3ffaf6ac1040ab6082a658230c041ad14e72fabe99076a2081bb1d5d41210f11872403fc09082daf4387fc0baa6577f96c9c0e94c90c394fd57794b66aa4033
+  languageName: node
+  linkType: hard
+
 "parent-module@npm:^1.0.0":
   version: 1.0.1
   resolution: "parent-module@npm:1.0.1"
@@ -11860,11 +11918,11 @@ __metadata:
   linkType: hard
 
 "parse-github-url@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "parse-github-url@npm:1.0.2"
+  version: 1.0.3
+  resolution: "parse-github-url@npm:1.0.3"
   bin:
-    parse-github-url: ./cli.js
-  checksum: 10c0/3405b8812bc3e2c6baf49f859212e587237e17f5f886899e1c977bf53898a78f1b491341c6937beb892a0706354e44487defb387e12e5adcf3f18236408dd3dc
+    parse-github-url: cli.js
+  checksum: 10c0/8a56103f0cdb6f9bd0ffcd7fd4fe1404a414f18441c4d89ab9d9c5eca3b43d6f7cdb899cb979f061df9d8a85d5af275cab05beff953b07f2ff65a6c2826b9293
   languageName: node
   linkType: hard
 
@@ -11878,7 +11936,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parse-json@npm:^5.0.0, parse-json@npm:^5.2.0":
+"parse-json@npm:^5.2.0":
   version: 5.2.0
   resolution: "parse-json@npm:5.2.0"
   dependencies:
@@ -11973,13 +12031,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-scurry@npm:^1.10.1":
-  version: 1.10.1
-  resolution: "path-scurry@npm:1.10.1"
+"path-scurry@npm:^1.11.1":
+  version: 1.11.1
+  resolution: "path-scurry@npm:1.11.1"
   dependencies:
-    lru-cache: "npm:^9.1.1 || ^10.0.0"
+    lru-cache: "npm:^10.2.0"
     minipass: "npm:^5.0.0 || ^6.0.2 || ^7.0.0"
-  checksum: 10c0/e5dc78a7348d25eec61ab166317e9e9c7b46818aa2c2b9006c507a6ff48c672d011292d9662527213e558f5652ce0afcc788663a061d8b59ab495681840c0c1e
+  checksum: 10c0/32a13711a2a505616ae1cc1b5076801e453e7aae6ac40ab55b388bb91b9d0547a52f5aaceff710ea400205f18691120d4431e520afbe4266b836fadede15872d
   languageName: node
   linkType: hard
 
@@ -12004,10 +12062,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"picocolors@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "picocolors@npm:1.0.0"
-  checksum: 10c0/20a5b249e331c14479d94ec6817a182fd7a5680debae82705747b2db7ec50009a5f6648d0621c561b0572703f84dbef0858abcbd5856d3c5511426afcb1961f7
+"picocolors@npm:^1.0.0, picocolors@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "picocolors@npm:1.0.1"
+  checksum: 10c0/c63cdad2bf812ef0d66c8db29583802355d4ca67b9285d846f390cc15c2f6ccb94e8cb7eb6a6e97fc5990a6d3ad4ae42d86c84d3146e667c739a4234ed50d400
   languageName: node
   linkType: hard
 
@@ -12032,7 +12090,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pirates@npm:^4.0.1, pirates@npm:^4.0.4, pirates@npm:^4.0.5":
+"pirates@npm:^4.0.1, pirates@npm:^4.0.4, pirates@npm:^4.0.6":
   version: 4.0.6
   resolution: "pirates@npm:4.0.6"
   checksum: 10c0/00d5fa51f8dded94d7429700fb91a0c1ead00ae2c7fd27089f0c5b63e6eca36197fe46384631872690a66f390c5e27198e99006ab77ae472692ab9c2ca903f36
@@ -12057,6 +12115,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"possible-typed-array-names@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "possible-typed-array-names@npm:1.0.0"
+  checksum: 10c0/d9aa22d31f4f7680e20269db76791b41c3a32c01a373e25f8a4813b4d45f7456bfc2b6d68f752dc4aab0e0bb0721cb3d76fb678c9101cb7a16316664bc2c73fd
+  languageName: node
+  linkType: hard
+
 "prelude-ls@npm:^1.2.1":
   version: 1.2.1
   resolution: "prelude-ls@npm:1.2.1"
@@ -12073,16 +12138,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prettier-plugin-hermes-parser@npm:0.16.0":
-  version: 0.16.0
-  resolution: "prettier-plugin-hermes-parser@npm:0.16.0"
+"prettier-plugin-hermes-parser@npm:0.19.1":
+  version: 0.19.1
+  resolution: "prettier-plugin-hermes-parser@npm:0.19.1"
   dependencies:
-    hermes-estree: "npm:0.16.0"
-    hermes-parser: "npm:0.16.0"
-    prettier-plugin-hermes-parser: "npm:0.16.0"
+    hermes-estree: "npm:0.19.1"
+    hermes-parser: "npm:0.19.1"
+    prettier-plugin-hermes-parser: "npm:0.19.1"
   peerDependencies:
     prettier: ^3.0.0 || ^2.7.1
-  checksum: 10c0/9c891a8f40a4439f32da45909ece45d2ce636618fbd27ce5d46173acb754831230866bb8e6e8fe6d240370a4b8bed35d1734a05d5c96f9940fdd05b6fdb36697
+  checksum: 10c0/4d16472f8a23cb3e4e228f45515081f03988d7e74e21102fa8d4c1b26dabc38d5156c253f2893f517b09d489ce38cd6c8078a1a89974ab333cda5c41da5c62a2
   languageName: node
   linkType: hard
 
@@ -12149,6 +12214,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"proc-log@npm:^4.1.0, proc-log@npm:^4.2.0":
+  version: 4.2.0
+  resolution: "proc-log@npm:4.2.0"
+  checksum: 10c0/17db4757c2a5c44c1e545170e6c70a26f7de58feb985091fb1763f5081cab3d01b181fb2dd240c9f4a4255a1d9227d163d5771b7e69c9e49a561692db865efb9
+  languageName: node
+  linkType: hard
+
 "process-nextick-args@npm:^2.0.0":
   version: 2.0.1
   resolution: "process-nextick-args@npm:2.0.1"
@@ -12199,7 +12271,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prop-types@npm:*, prop-types@npm:^15.8.1":
+"prop-types@npm:^15.8.1":
   version: 15.8.1
   resolution: "prop-types@npm:15.8.1"
   dependencies:
@@ -12210,9 +12282,9 @@ __metadata:
   languageName: node
   linkType: hard
 
-"protobufjs@npm:^7.2.4":
-  version: 7.2.5
-  resolution: "protobufjs@npm:7.2.5"
+"protobufjs@npm:^7.2.5":
+  version: 7.3.2
+  resolution: "protobufjs@npm:7.3.2"
   dependencies:
     "@protobufjs/aspromise": "npm:^1.1.2"
     "@protobufjs/base64": "npm:^1.1.2"
@@ -12226,7 +12298,7 @@ __metadata:
     "@protobufjs/utf8": "npm:^1.1.0"
     "@types/node": "npm:>=13.7.0"
     long: "npm:^5.0.0"
-  checksum: 10c0/12bb88965a2291ec717daddb1b7153c0e567586076da7d138c8f04558d3d0a9cad6445a3558f16c1a61f5cd9dec1a107712590daccb71763429d9b1e10d164d3
+  checksum: 10c0/b87e38fffc989793099010439a7ff45a0a57ef5b8f44b5209f06bfa5085ac96a365aa37eb3c79bd6954d6ef1b50fc69da37dae8ea2a31d90b7bc8fb2fa0e3955
   languageName: node
   linkType: hard
 
@@ -12262,9 +12334,9 @@ __metadata:
   linkType: hard
 
 "punycode@npm:^2.1.0, punycode@npm:^2.1.1":
-  version: 2.3.0
-  resolution: "punycode@npm:2.3.0"
-  checksum: 10c0/8e6f7abdd3a6635820049e3731c623bbef3fedbf63bbc696b0d7237fdba4cefa069bc1fa62f2938b0fbae057550df7b5318f4a6bcece27f1907fc75c54160bee
+  version: 2.3.1
+  resolution: "punycode@npm:2.3.1"
+  checksum: 10c0/14f76a8206bc3464f794fb2e3d3cc665ae416c01893ad7a02b23766eb07159144ee612ad67af5e84fa4479ccfe67678c4feb126b0485651b302babf66f04f9e9
   languageName: node
   linkType: hard
 
@@ -12309,18 +12381,18 @@ __metadata:
   linkType: hard
 
 "pure-rand@npm:^6.0.0":
-  version: 6.0.4
-  resolution: "pure-rand@npm:6.0.4"
-  checksum: 10c0/0fe7b12f25b10ea5b804598a6f37e4bcf645d2be6d44fe963741f014bf0095bdb6ff525106d6da6e76addc8142358fd380f1a9b8c62ea4d5516bf26a96a37c95
+  version: 6.1.0
+  resolution: "pure-rand@npm:6.1.0"
+  checksum: 10c0/1abe217897bf74dcb3a0c9aba3555fe975023147b48db540aa2faf507aee91c03bf54f6aef0eb2bf59cc259a16d06b28eca37f0dc426d94f4692aeff02fb0e65
   languageName: node
   linkType: hard
 
 "qs@npm:^6.10.1":
-  version: 6.11.2
-  resolution: "qs@npm:6.11.2"
+  version: 6.13.0
+  resolution: "qs@npm:6.13.0"
   dependencies:
-    side-channel: "npm:^1.0.4"
-  checksum: 10c0/4f95d4ff18ed480befcafa3390022817ffd3087fc65f146cceb40fc5edb9fa96cb31f648cae2fa96ca23818f0798bd63ad4ca369a0e22702fcd41379b3ab6571
+    side-channel: "npm:^1.0.6"
+  checksum: 10c0/62372cdeec24dc83a9fb240b7533c0fdcf0c5f7e0b83343edd7310f0ab4c8205a5e7c56406531f2e47e1b4878a3821d652be4192c841de5b032ca83619d8f860
   languageName: node
   linkType: hard
 
@@ -12350,6 +12422,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"querystring@npm:^0.2.1":
+  version: 0.2.1
+  resolution: "querystring@npm:0.2.1"
+  checksum: 10c0/6841b32bec4f16ffe7f5b5e4373b47ad451f079cde3a7f45e63e550f0ecfd8f8189ef81fb50079413b3fc1c59b06146e4c98192cb74ed7981aca72090466cd94
+  languageName: node
+  linkType: hard
+
 "querystringify@npm:^2.1.1":
   version: 2.2.0
   resolution: "querystringify@npm:2.2.0"
@@ -12387,20 +12466,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-devtools-core@npm:^4.27.7":
-  version: 4.28.4
-  resolution: "react-devtools-core@npm:4.28.4"
+"react-devtools-core@npm:^5.0.0":
+  version: 5.3.1
+  resolution: "react-devtools-core@npm:5.3.1"
   dependencies:
     shell-quote: "npm:^1.6.1"
     ws: "npm:^7"
-  checksum: 10c0/3fbb61a11f79aad2cda9c499f23f74f748d0c8c4b65d133d0dd6ed4495beaccd6cd4b223dc47aabc5196f75362de687d38110851bcd3b386855486d6da8f953c
+  checksum: 10c0/da83405f42d2bea641d1bc9dd2a6394f18b9e31201a193463daa6897e0055b1ea4f4727b9847007796b42b5faa9d38883bbc38b67972a179fdf60a25a7325d6c
   languageName: node
   linkType: hard
 
 "react-is@npm:^16.12.0 || ^17.0.0 || ^18.0.0, react-is@npm:^18.0.0, react-is@npm:^18.2.0":
-  version: 18.2.0
-  resolution: "react-is@npm:18.2.0"
-  checksum: 10c0/6eb5e4b28028c23e2bfcf73371e72cd4162e4ac7ab445ddae2afe24e347a37d6dc22fae6e1748632cd43c6d4f9b8f86dcf26bf9275e1874f436d129952528ae0
+  version: 18.3.1
+  resolution: "react-is@npm:18.3.1"
+  checksum: 10c0/f2f1e60010c683479e74c63f96b09fb41603527cd131a9959e2aee1e5a8b0caf270b365e5ca77d4a6b18aae659b60a86150bb3979073528877029b35aecd2072
   languageName: node
   linkType: hard
 
@@ -12448,35 +12527,34 @@ __metadata:
   resolution: "react-native-macos@workspace:packages/react-native"
   dependencies:
     "@jest/create-cache-key-function": "npm:^29.6.3"
-    "@react-native-community/cli": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-platform-android": "npm:12.0.0-alpha.15"
-    "@react-native-community/cli-platform-ios": "npm:12.0.0-alpha.15"
-    "@react-native-mac/virtualized-lists": "npm:^0.73.0"
-    "@react-native/assets-registry": "npm:^0.73.0"
-    "@react-native/codegen": "npm:^0.73.0"
-    "@react-native/community-cli-plugin": "npm:^0.73.0"
-    "@react-native/gradle-plugin": "npm:^0.73.0"
-    "@react-native/js-polyfills": "npm:^0.73.0"
-    "@react-native/normalize-colors": "npm:^0.73.0"
+    "@react-native-community/cli": "npm:13.6.0"
+    "@react-native-community/cli-platform-android": "npm:13.6.0"
+    "@react-native-community/cli-platform-ios": "npm:13.6.0"
+    "@react-native-mac/virtualized-lists": "npm:^0.74.0"
+    "@react-native/assets-registry": "npm:0.74.0"
+    "@react-native/codegen": "npm:0.74.0"
+    "@react-native/community-cli-plugin": "npm:0.74.0"
+    "@react-native/gradle-plugin": "npm:0.74.0"
+    "@react-native/js-polyfills": "npm:0.74.0"
+    "@react-native/normalize-colors": "npm:0.74.1"
     abort-controller: "npm:^3.0.0"
     anser: "npm:^1.4.9"
     ansi-regex: "npm:^5.0.0"
     base64-js: "npm:^1.5.1"
-    chalk: "npm:^4.1.2"
-    deprecated-react-native-prop-types: "npm:4.2.1"
+    chalk: "npm:^4.0.0"
     event-target-shim: "npm:^5.0.1"
     flow-enums-runtime: "npm:^0.0.6"
     invariant: "npm:^2.2.4"
     jest-environment-node: "npm:^29.6.3"
     jsc-android: "npm:^250231.0.0"
     memoize-one: "npm:^5.0.0"
-    metro-runtime: "npm:0.79.1"
-    metro-source-map: "npm:0.79.1"
+    metro-runtime: "npm:^0.80.3"
+    metro-source-map: "npm:^0.80.3"
     mkdirp: "npm:^0.5.1"
     nullthrows: "npm:^1.1.1"
     pretty-format: "npm:^26.5.2"
     promise: "npm:^8.3.0"
-    react-devtools-core: "npm:^4.27.7"
+    react-devtools-core: "npm:^5.0.0"
     react-refresh: "npm:^0.14.0"
     react-shallow-renderer: "npm:^16.15.0"
     regenerator-runtime: "npm:^0.13.2"
@@ -12493,16 +12571,9 @@ __metadata:
   linkType: soft
 
 "react-refresh@npm:^0.14.0":
-  version: 0.14.0
-  resolution: "react-refresh@npm:0.14.0"
-  checksum: 10c0/b8ae07ad153357d77830928a7f1fc2df837aabefee907fa273ba04c7643f3b860e986f1d4b7ada9b721c8d79b8c24b5b911a314a1a2398b105f1b13d19ea2b8d
-  languageName: node
-  linkType: hard
-
-"react-refresh@npm:^0.4.0":
-  version: 0.4.3
-  resolution: "react-refresh@npm:0.4.3"
-  checksum: 10c0/2b4e4b14b54bfbdfdd6d1c16b8476151b3e61083387061d4e5923b0342c678f6d0f23705835c3a04ab151bd92551d437395da3fb52ea7461a408f457d11ac6fa
+  version: 0.14.2
+  resolution: "react-refresh@npm:0.14.2"
+  checksum: 10c0/875b72ef56b147a131e33f2abd6ec059d1989854b3ff438898e4f9310bfcc73acff709445b7ba843318a953cb9424bcc2c05af2b3d80011cee28f25aef3e2ebb
   languageName: node
   linkType: hard
 
@@ -12615,16 +12686,17 @@ __metadata:
   linkType: hard
 
 "reflect.getprototypeof@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "reflect.getprototypeof@npm:1.0.4"
+  version: 1.0.6
+  resolution: "reflect.getprototypeof@npm:1.0.6"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-    get-intrinsic: "npm:^1.2.1"
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.1"
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.4"
     globalthis: "npm:^1.0.3"
     which-builtin-type: "npm:^1.1.3"
-  checksum: 10c0/02104cdd22658b637efe6b1df73658edab539268347327c8250a72d0cb273dcdf280c284e2d94155d22601d022d16be1a816a8616d679e447cbcbde9860d15cb
+  checksum: 10c0/baf4ef8ee6ff341600f4720b251cf5a6cb552d6a6ab0fdc036988c451bf16f920e5feb0d46bd4f530a5cce568f1f7aca2d77447ca798920749cfc52783c39b55
   languageName: node
   linkType: hard
 
@@ -12652,9 +12724,9 @@ __metadata:
   linkType: hard
 
 "regenerator-runtime@npm:^0.14.0":
-  version: 0.14.0
-  resolution: "regenerator-runtime@npm:0.14.0"
-  checksum: 10c0/e25f062c1a183f81c99681691a342760e65c55e8d3a4d4fe347ebe72433b123754b942b70b622959894e11f8a9131dc549bd3c9a5234677db06a4af42add8d12
+  version: 0.14.1
+  resolution: "regenerator-runtime@npm:0.14.1"
+  checksum: 10c0/1b16eb2c4bceb1665c89de70dcb64126a22bc8eb958feef3cd68fe11ac6d2a4899b5cd1b80b0774c7c03591dc57d16631a7f69d2daa2ec98100e2f29f7ec4cc4
   languageName: node
   linkType: hard
 
@@ -12667,14 +12739,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"regexp.prototype.flags@npm:^1.5.0, regexp.prototype.flags@npm:^1.5.1":
-  version: 1.5.1
-  resolution: "regexp.prototype.flags@npm:1.5.1"
+"regexp.prototype.flags@npm:^1.5.1, regexp.prototype.flags@npm:^1.5.2":
+  version: 1.5.2
+  resolution: "regexp.prototype.flags@npm:1.5.2"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    set-function-name: "npm:^2.0.0"
-  checksum: 10c0/1de7d214c0a726c7c874a7023e47b0e27b9f7fdb64175bfe1861189de1704aaeca05c3d26c35aa375432289b99946f3cf86651a92a8f7601b90d8c226a23bcd8
+    call-bind: "npm:^1.0.6"
+    define-properties: "npm:^1.2.1"
+    es-errors: "npm:^1.3.0"
+    set-function-name: "npm:^2.0.1"
+  checksum: 10c0/0f3fc4f580d9c349f8b560b012725eb9c002f36daa0041b3fbf6f4238cb05932191a4d7d5db3b5e2caa336d5150ad0402ed2be81f711f9308fe7e1a9bf9bd552
   languageName: node
   linkType: hard
 
@@ -12816,7 +12889,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^2.0.0-next.4":
+"resolve@npm:^2.0.0-next.5":
   version: 2.0.0-next.5
   resolution: "resolve@npm:2.0.0-next.5"
   dependencies:
@@ -12842,7 +12915,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@npm%3A^2.0.0-next.4#optional!builtin<compat/resolve>":
+"resolve@patch:resolve@npm%3A^2.0.0-next.5#optional!builtin<compat/resolve>":
   version: 2.0.0-next.5
   resolution: "resolve@patch:resolve@npm%3A2.0.0-next.5#optional!builtin<compat/resolve>::version=2.0.0-next.5&hash=c3c19d"
   dependencies:
@@ -12915,7 +12988,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"rimraf@npm:3.0.2, rimraf@npm:^3.0.0, rimraf@npm:^3.0.2":
+"rimraf@npm:3.0.2, rimraf@npm:^3.0.2":
   version: 3.0.2
   resolution: "rimraf@npm:3.0.2"
   dependencies:
@@ -12971,15 +13044,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"safe-array-concat@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "safe-array-concat@npm:1.0.1"
+"safe-array-concat@npm:^1.1.2":
+  version: 1.1.2
+  resolution: "safe-array-concat@npm:1.1.2"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    get-intrinsic: "npm:^1.2.1"
+    call-bind: "npm:^1.0.7"
+    get-intrinsic: "npm:^1.2.4"
     has-symbols: "npm:^1.0.3"
     isarray: "npm:^2.0.5"
-  checksum: 10c0/4b15ce5fce5ce4d7e744a63592cded88d2f27806ed229eadb2e42629cbcd40e770f7478608e75f455e7fe341acd8c0a01bdcd7146b10645ea7411c5e3c1d1dd8
+  checksum: 10c0/12f9fdb01c8585e199a347eacc3bae7b5164ae805cdc8c6707199dbad5b9e30001a50a43c4ee24dc9ea32dbb7279397850e9208a7e217f4d8b1cf5d90129dec9
   languageName: node
   linkType: hard
 
@@ -12997,14 +13070,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"safe-regex-test@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "safe-regex-test@npm:1.0.0"
+"safe-regex-test@npm:^1.0.3":
+  version: 1.0.3
+  resolution: "safe-regex-test@npm:1.0.3"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    get-intrinsic: "npm:^1.1.3"
+    call-bind: "npm:^1.0.6"
+    es-errors: "npm:^1.3.0"
     is-regex: "npm:^1.1.4"
-  checksum: 10c0/14a81a7e683f97b2d6e9c8be61fddcf8ed7a02f4e64a825515f96bb1738eb007145359313741d2704d28b55b703a0f6300c749dde7c1dbc13952a2b85048ede2
+  checksum: 10c0/900bf7c98dc58f08d8523b7012b468e4eb757afa624f198902c0643d7008ba777b0bdc35810ba0b758671ce887617295fb742b3f3968991b178ceca54cb07603
   languageName: node
   linkType: hard
 
@@ -13025,22 +13098,30 @@ __metadata:
   linkType: hard
 
 "scheduler@npm:^0.23.0":
-  version: 0.23.0
-  resolution: "scheduler@npm:0.23.0"
+  version: 0.23.2
+  resolution: "scheduler@npm:0.23.2"
   dependencies:
     loose-envify: "npm:^1.1.0"
-  checksum: 10c0/b777f7ca0115e6d93e126ac490dbd82642d14983b3079f58f35519d992fa46260be7d6e6cede433a92db70306310c6f5f06e144f0e40c484199e09c1f7be53dd
+  checksum: 10c0/26383305e249651d4c58e6705d5f8425f153211aef95f15161c151f7b8de885f24751b377e4a0b3dd42cce09aad3f87a61dab7636859c0d89b7daf1a1e2a5c78
   languageName: node
   linkType: hard
 
-"semver@npm:2 >=2.2.1 || 3.x || 4 || 5 || 7, semver@npm:^7.0.0, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4, semver@npm:~7.5.4":
-  version: 7.5.4
-  resolution: "semver@npm:7.5.4"
+"selfsigned@npm:^2.4.1":
+  version: 2.4.1
+  resolution: "selfsigned@npm:2.4.1"
   dependencies:
-    lru-cache: "npm:^6.0.0"
+    "@types/node-forge": "npm:^1.3.0"
+    node-forge: "npm:^1"
+  checksum: 10c0/521829ec36ea042f7e9963bf1da2ed040a815cf774422544b112ec53b7edc0bc50a0f8cc2ae7aa6cc19afa967c641fd96a15de0fc650c68651e41277d2e1df09
+  languageName: node
+  linkType: hard
+
+"semver@npm:2 >=2.2.1 || 3.x || 4 || 5 || 7, semver@npm:^7.0.0, semver@npm:^7.3.4, semver@npm:^7.3.5, semver@npm:^7.3.7, semver@npm:^7.5.2, semver@npm:^7.5.3, semver@npm:^7.5.4":
+  version: 7.6.3
+  resolution: "semver@npm:7.6.3"
   bin:
     semver: bin/semver.js
-  checksum: 10c0/5160b06975a38b11c1ab55950cb5b8a23db78df88275d3d8a42ccf1f29e55112ac995b3a26a522c36e3b5f76b0445f1eef70d696b8c7862a2b4303d7b0e7609e
+  checksum: 10c0/88f33e148b210c153873cb08cfe1e281d518aaa9a666d4d148add6560db5cd3c582f3a08ccb91f38d5f379ead256da9931234ed122057f40bb5766e65e58adaf
   languageName: node
   linkType: hard
 
@@ -13062,6 +13143,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"semver@npm:~7.5.4":
+  version: 7.5.4
+  resolution: "semver@npm:7.5.4"
+  dependencies:
+    lru-cache: "npm:^6.0.0"
+  bin:
+    semver: bin/semver.js
+  checksum: 10c0/5160b06975a38b11c1ab55950cb5b8a23db78df88275d3d8a42ccf1f29e55112ac995b3a26a522c36e3b5f76b0445f1eef70d696b8c7862a2b4303d7b0e7609e
+  languageName: node
+  linkType: hard
+
 "send@npm:0.18.0":
   version: 0.18.0
   resolution: "send@npm:0.18.0"
@@ -13118,14 +13210,29 @@ __metadata:
   languageName: node
   linkType: hard
 
-"set-function-name@npm:^2.0.0, set-function-name@npm:^2.0.1":
-  version: 2.0.1
-  resolution: "set-function-name@npm:2.0.1"
+"set-function-length@npm:^1.2.1":
+  version: 1.2.2
+  resolution: "set-function-length@npm:1.2.2"
   dependencies:
-    define-data-property: "npm:^1.0.1"
+    define-data-property: "npm:^1.1.4"
+    es-errors: "npm:^1.3.0"
+    function-bind: "npm:^1.1.2"
+    get-intrinsic: "npm:^1.2.4"
+    gopd: "npm:^1.0.1"
+    has-property-descriptors: "npm:^1.0.2"
+  checksum: 10c0/82850e62f412a258b71e123d4ed3873fa9377c216809551192bb6769329340176f109c2eeae8c22a8d386c76739855f78e8716515c818bcaef384b51110f0f3c
+  languageName: node
+  linkType: hard
+
+"set-function-name@npm:^2.0.1, set-function-name@npm:^2.0.2":
+  version: 2.0.2
+  resolution: "set-function-name@npm:2.0.2"
+  dependencies:
+    define-data-property: "npm:^1.1.4"
+    es-errors: "npm:^1.3.0"
     functions-have-names: "npm:^1.2.3"
-    has-property-descriptors: "npm:^1.0.0"
-  checksum: 10c0/6be7d3e15be47f4db8a5a563a35c60b5e7c4af91cc900e8972ffad33d3aaa227900faa55f60121cdb04b85866a734bb7fe4cd91f654c632861cc86121a48312a
+    has-property-descriptors: "npm:^1.0.2"
+  checksum: 10c0/fce59f90696c450a8523e754abb305e2b8c73586452619c2bad5f7bf38c7b6b4651895c9db895679c5bef9554339cf3ef1c329b66ece3eda7255785fbe299316
   languageName: node
   linkType: hard
 
@@ -13181,14 +13288,15 @@ __metadata:
   languageName: node
   linkType: hard
 
-"side-channel@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "side-channel@npm:1.0.4"
+"side-channel@npm:^1.0.4, side-channel@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "side-channel@npm:1.0.6"
   dependencies:
-    call-bind: "npm:^1.0.0"
-    get-intrinsic: "npm:^1.0.2"
-    object-inspect: "npm:^1.9.0"
-  checksum: 10c0/054a5d23ee35054b2c4609b9fd2a0587760737782b5d765a9c7852264710cc39c6dcb56a9bbd6c12cd84071648aea3edb2359d2f6e560677eedadce511ac1da5
+    call-bind: "npm:^1.0.7"
+    es-errors: "npm:^1.3.0"
+    get-intrinsic: "npm:^1.2.4"
+    object-inspect: "npm:^1.13.1"
+  checksum: 10c0/d2afd163dc733cc0a39aa6f7e39bf0c436293510dbccbff446733daeaf295857dbccf94297092ec8c53e2503acac30f0b78830876f0485991d62a90e9cad305f
   languageName: node
   linkType: hard
 
@@ -13270,24 +13378,24 @@ __metadata:
   languageName: node
   linkType: hard
 
-"socks-proxy-agent@npm:^8.0.1":
-  version: 8.0.2
-  resolution: "socks-proxy-agent@npm:8.0.2"
+"socks-proxy-agent@npm:^8.0.3":
+  version: 8.0.4
+  resolution: "socks-proxy-agent@npm:8.0.4"
   dependencies:
-    agent-base: "npm:^7.0.2"
+    agent-base: "npm:^7.1.1"
     debug: "npm:^4.3.4"
-    socks: "npm:^2.7.1"
-  checksum: 10c0/a842402fc9b8848a31367f2811ca3cd14c4106588b39a0901cd7a69029998adfc6456b0203617c18ed090542ad0c24ee4e9d4c75a0c4b75071e214227c177eb7
+    socks: "npm:^2.8.3"
+  checksum: 10c0/345593bb21b95b0508e63e703c84da11549f0a2657d6b4e3ee3612c312cb3a907eac10e53b23ede3557c6601d63252103494caa306b66560f43af7b98f53957a
   languageName: node
   linkType: hard
 
-"socks@npm:^2.6.2, socks@npm:^2.7.1":
-  version: 2.7.1
-  resolution: "socks@npm:2.7.1"
+"socks@npm:^2.6.2, socks@npm:^2.8.3":
+  version: 2.8.3
+  resolution: "socks@npm:2.8.3"
   dependencies:
-    ip: "npm:^2.0.0"
+    ip-address: "npm:^9.0.5"
     smart-buffer: "npm:^4.2.0"
-  checksum: 10c0/43f69dbc9f34fc8220bc51c6eea1c39715ab3cfdb115d6e3285f6c7d1a603c5c75655668a5bbc11e3c7e2c99d60321fb8d7ab6f38cda6a215fadd0d6d0b52130
+  checksum: 10c0/d54a52bf9325165770b674a67241143a3d8b4e4c8884560c4e0e078aace2a728dffc7f70150660f51b85797c4e1a3b82f9b7aa25e0a0ceae1a243365da5c51a7
   languageName: node
   linkType: hard
 
@@ -13352,9 +13460,9 @@ __metadata:
   linkType: hard
 
 "spdx-exceptions@npm:^2.1.0":
-  version: 2.3.0
-  resolution: "spdx-exceptions@npm:2.3.0"
-  checksum: 10c0/83089e77d2a91cb6805a5c910a2bedb9e50799da091f532c2ba4150efdef6e53f121523d3e2dc2573a340dc0189e648b03157097f65465b3a0c06da1f18d7e8a
+  version: 2.5.0
+  resolution: "spdx-exceptions@npm:2.5.0"
+  checksum: 10c0/37217b7762ee0ea0d8b7d0c29fd48b7e4dfb94096b109d6255b589c561f57da93bf4e328c0290046115961b9209a8051ad9f525e48d433082fc79f496a4ea940
   languageName: node
   linkType: hard
 
@@ -13369,9 +13477,9 @@ __metadata:
   linkType: hard
 
 "spdx-license-ids@npm:^3.0.0":
-  version: 3.0.16
-  resolution: "spdx-license-ids@npm:3.0.16"
-  checksum: 10c0/7d88b8f01308948bb3ea69c066448f2776cf3d35a410d19afb836743086ced1566f6824ee8e6d67f8f25aa81fa86d8076a666c60ac4528caecd55e93edb5114e
+  version: 3.0.18
+  resolution: "spdx-license-ids@npm:3.0.18"
+  checksum: 10c0/c64ba03d4727191c8fdbd001f137d6ab51386c350d5516be8a4576c2e74044cb27bc8a758f6a04809da986cc0b14213f069b04de72caccecbc9f733753ccde32
   languageName: node
   linkType: hard
 
@@ -13382,6 +13490,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"sprintf-js@npm:^1.1.3":
+  version: 1.1.3
+  resolution: "sprintf-js@npm:1.1.3"
+  checksum: 10c0/09270dc4f30d479e666aee820eacd9e464215cdff53848b443964202bf4051490538e5dd1b42e1a65cf7296916ca17640aebf63dae9812749c7542ee5f288dec
+  languageName: node
+  linkType: hard
+
 "sprintf-js@npm:~1.0.2":
   version: 1.0.3
   resolution: "sprintf-js@npm:1.0.3"
@@ -13390,8 +13505,8 @@ __metadata:
   linkType: hard
 
 "sshpk@npm:^1.7.0":
-  version: 1.17.0
-  resolution: "sshpk@npm:1.17.0"
+  version: 1.18.0
+  resolution: "sshpk@npm:1.18.0"
   dependencies:
     asn1: "npm:~0.2.3"
     assert-plus: "npm:^1.0.0"
@@ -13406,16 +13521,16 @@ __metadata:
     sshpk-conv: bin/sshpk-conv
     sshpk-sign: bin/sshpk-sign
     sshpk-verify: bin/sshpk-verify
-  checksum: 10c0/cf5e7f4c72e8a505ef41daac9f9ca26da365cfe26ae265a01ce98a8868991943857a8526c1cf98a42ef0dc4edf1dbe4e77aeea378cfeb58054beb78505e85402
+  checksum: 10c0/e516e34fa981cfceef45fd2e947772cc70dbd57523e5c608e2cd73752ba7f8a99a04df7c3ed751588e8d91956b6f16531590b35d3489980d1c54c38bebcd41b1
   languageName: node
   linkType: hard
 
 "ssri@npm:^10.0.0":
-  version: 10.0.5
-  resolution: "ssri@npm:10.0.5"
+  version: 10.0.6
+  resolution: "ssri@npm:10.0.6"
   dependencies:
     minipass: "npm:^7.0.3"
-  checksum: 10c0/b091f2ae92474183c7ac5ed3f9811457e1df23df7a7e70c9476eaa9a0c4a0c8fc190fb45acefbf023ca9ee864dd6754237a697dc52a0fb182afe65d8e77443d8
+  checksum: 10c0/e5a1e23a4057a86a97971465418f22ea89bd439ac36ade88812dd920e4e61873e8abd6a9b72a03a67ef50faa00a2daf1ab745c5a15b46d03e0544a0296354227
   languageName: node
   linkType: hard
 
@@ -13467,6 +13582,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"stop-iteration-iterator@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "stop-iteration-iterator@npm:1.0.0"
+  dependencies:
+    internal-slot: "npm:^1.0.4"
+  checksum: 10c0/c4158d6188aac510d9e92925b58709207bd94699e9c31186a040c80932a687f84a51356b5895e6dc72710aad83addb9411c22171832c9ae0e6e11b7d61b0dfb9
+  languageName: node
+  linkType: hard
+
 "stream-exhaust@npm:^1.0.1, stream-exhaust@npm:^1.0.2":
   version: 1.0.2
   resolution: "stream-exhaust@npm:1.0.2"
@@ -13531,53 +13655,77 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string.prototype.matchall@npm:^4.0.8":
-  version: 4.0.10
-  resolution: "string.prototype.matchall@npm:4.0.10"
+"string.prototype.includes@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "string.prototype.includes@npm:2.0.0"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-    get-intrinsic: "npm:^1.2.1"
+    define-properties: "npm:^1.1.3"
+    es-abstract: "npm:^1.17.5"
+  checksum: 10c0/32dff118c9e9dcc87e240b05462fa8ee7248d9e335c0015c1442fe18152261508a2146d9bb87ddae56abab69148a83c61dfaea33f53853812a6a2db737689ed2
+  languageName: node
+  linkType: hard
+
+"string.prototype.matchall@npm:^4.0.11":
+  version: 4.0.11
+  resolution: "string.prototype.matchall@npm:4.0.11"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.2"
+    es-errors: "npm:^1.3.0"
+    es-object-atoms: "npm:^1.0.0"
+    get-intrinsic: "npm:^1.2.4"
+    gopd: "npm:^1.0.1"
     has-symbols: "npm:^1.0.3"
-    internal-slot: "npm:^1.0.5"
-    regexp.prototype.flags: "npm:^1.5.0"
-    set-function-name: "npm:^2.0.0"
-    side-channel: "npm:^1.0.4"
-  checksum: 10c0/cd7495fb0de16d43efeee3887b98701941f3817bd5f09351ad1825b023d307720c86394d56d56380563d97767ab25bf5448db239fcecbb85c28e2180f23e324a
+    internal-slot: "npm:^1.0.7"
+    regexp.prototype.flags: "npm:^1.5.2"
+    set-function-name: "npm:^2.0.2"
+    side-channel: "npm:^1.0.6"
+  checksum: 10c0/915a2562ac9ab5e01b7be6fd8baa0b2b233a0a9aa975fcb2ec13cc26f08fb9a3e85d5abdaa533c99c6fc4c5b65b914eba3d80c4aff9792a4c9fed403f28f7d9d
   languageName: node
   linkType: hard
 
-"string.prototype.trim@npm:^1.2.8":
-  version: 1.2.8
-  resolution: "string.prototype.trim@npm:1.2.8"
+"string.prototype.repeat@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "string.prototype.repeat@npm:1.0.0"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-  checksum: 10c0/4f76c583908bcde9a71208ddff38f67f24c9ec8093631601666a0df8b52fad44dad2368c78895ce83eb2ae8e7068294cc96a02fc971ab234e4d5c9bb61ea4e34
+    define-properties: "npm:^1.1.3"
+    es-abstract: "npm:^1.17.5"
+  checksum: 10c0/94c7978566cffa1327d470fd924366438af9b04b497c43a9805e476e2e908aa37a1fd34cc0911156c17556dab62159d12c7b92b3cc304c3e1281fe4c8e668f40
   languageName: node
   linkType: hard
 
-"string.prototype.trimend@npm:^1.0.7":
-  version: 1.0.7
-  resolution: "string.prototype.trimend@npm:1.0.7"
+"string.prototype.trim@npm:^1.2.9":
+  version: 1.2.9
+  resolution: "string.prototype.trim@npm:1.2.9"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-  checksum: 10c0/53c24911c7c4d8d65f5ef5322de23a3d5b6b4db73273e05871d5ab4571ae5638f38f7f19d71d09116578fb060e5a145cc6a208af2d248c8baf7a34f44d32ce57
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-abstract: "npm:^1.23.0"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10c0/dcef1a0fb61d255778155006b372dff8cc6c4394bc39869117e4241f41a2c52899c0d263ffc7738a1f9e61488c490b05c0427faa15151efad721e1a9fb2663c2
   languageName: node
   linkType: hard
 
-"string.prototype.trimstart@npm:^1.0.7":
-  version: 1.0.7
-  resolution: "string.prototype.trimstart@npm:1.0.7"
+"string.prototype.trimend@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "string.prototype.trimend@npm:1.0.8"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    define-properties: "npm:^1.2.0"
-    es-abstract: "npm:^1.22.1"
-  checksum: 10c0/0bcf391b41ea16d4fda9c9953d0a7075171fe090d33b4cf64849af94944c50862995672ac03e0c5dba2940a213ad7f53515a668dac859ce22a0276289ae5cf4f
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10c0/0a0b54c17c070551b38e756ae271865ac6cc5f60dabf2e7e343cceae7d9b02e1a1120a824e090e79da1b041a74464e8477e2da43e2775c85392be30a6f60963c
+  languageName: node
+  linkType: hard
+
+"string.prototype.trimstart@npm:^1.0.8":
+  version: 1.0.8
+  resolution: "string.prototype.trimstart@npm:1.0.8"
+  dependencies:
+    call-bind: "npm:^1.0.7"
+    define-properties: "npm:^1.2.1"
+    es-object-atoms: "npm:^1.0.0"
+  checksum: 10c0/d53af1899959e53c83b64a5fd120be93e067da740e7e75acb433849aa640782fb6c7d4cd5b84c954c84413745a3764df135a8afeb22908b86a835290788d8366
   languageName: node
   linkType: hard
 
@@ -13745,7 +13893,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tar@npm:^6.1.11, tar@npm:^6.1.2, tar@npm:^6.1.9":
+"tar@npm:^6.1.11, tar@npm:^6.1.9, tar@npm:^6.2.1":
   version: 6.2.1
   resolution: "tar@npm:6.2.1"
   dependencies:
@@ -13776,8 +13924,8 @@ __metadata:
   linkType: hard
 
 "terser@npm:^5.15.0":
-  version: 5.22.0
-  resolution: "terser@npm:5.22.0"
+  version: 5.31.3
+  resolution: "terser@npm:5.31.3"
   dependencies:
     "@jridgewell/source-map": "npm:^0.3.3"
     acorn: "npm:^8.8.2"
@@ -13785,7 +13933,7 @@ __metadata:
     source-map-support: "npm:~0.5.20"
   bin:
     terser: bin/terser
-  checksum: 10c0/76471196c7b86d65ea169c5a5cd66d470511064cf8592fd427cede1f36b842fdb196cb1e3df8eea12327ef9da847b01637b5776f637d34d1204484a492b6da8e
+  checksum: 10c0/eb2b525dada9febd3db74e94bd295f9cd7abd809e4f9c6bbc795a3048ad50fd327c15eab99db383fa820239680eef6d2dbd7dc05361769c204ddee5cf684d41e
   languageName: node
   linkType: hard
 
@@ -13841,11 +13989,9 @@ __metadata:
   linkType: hard
 
 "tmp@npm:^0.2.1":
-  version: 0.2.1
-  resolution: "tmp@npm:0.2.1"
-  dependencies:
-    rimraf: "npm:^3.0.0"
-  checksum: 10c0/67607aa012059c9ce697bee820ee51bc0f39b29a8766def4f92d3f764d67c7cf9205d537d24e0cb1ce9685c40d4c628ead010910118ea18348666b5c46ed9123
+  version: 0.2.3
+  resolution: "tmp@npm:0.2.3"
+  checksum: 10c0/3e809d9c2f46817475b452725c2aaa5d11985cf18d32a7a970ff25b568438e2c076c2e8609224feef3b7923fa9749b74428e3e634f6b8e520c534eef2fd24125
   languageName: node
   linkType: hard
 
@@ -13887,14 +14033,14 @@ __metadata:
   linkType: hard
 
 "tough-cookie@npm:^4.1.3":
-  version: 4.1.3
-  resolution: "tough-cookie@npm:4.1.3"
+  version: 4.1.4
+  resolution: "tough-cookie@npm:4.1.4"
   dependencies:
     psl: "npm:^1.1.33"
     punycode: "npm:^2.1.1"
     universalify: "npm:^0.2.0"
     url-parse: "npm:^1.5.3"
-  checksum: 10c0/4fc0433a0cba370d57c4b240f30440c848906dee3180bb6e85033143c2726d322e7e4614abb51d42d111ebec119c4876ed8d7247d4113563033eebbc1739c831
+  checksum: 10c0/aca7ff96054f367d53d1e813e62ceb7dd2eda25d7752058a74d64b7266fd07be75908f3753a32ccf866a2f997604b414cfb1916d6e7f69bc64d9d9939b0d6c45
   languageName: node
   linkType: hard
 
@@ -13913,11 +14059,11 @@ __metadata:
   linkType: hard
 
 "ts-api-utils@npm:^1.0.1":
-  version: 1.0.3
-  resolution: "ts-api-utils@npm:1.0.3"
+  version: 1.3.0
+  resolution: "ts-api-utils@npm:1.3.0"
   peerDependencies:
     typescript: ">=4.2.0"
-  checksum: 10c0/9408338819c3aca2a709f0bc54e3f874227901506cacb1163612a6c8a43df224174feb965a5eafdae16f66fc68fd7bfee8d3275d0fa73fbb8699e03ed26520c9
+  checksum: 10c0/f54a0ba9ed56ce66baea90a3fa087a484002e807f28a8ccb2d070c75e76bde64bd0f6dce98b3802834156306050871b67eec325cb4e918015a360a3f0868c77c
   languageName: node
   linkType: hard
 
@@ -13929,9 +14075,9 @@ __metadata:
   linkType: hard
 
 "tslib@npm:^2.0.1, tslib@npm:^2.1.0":
-  version: 2.6.2
-  resolution: "tslib@npm:2.6.2"
-  checksum: 10c0/e03a8a4271152c8b26604ed45535954c0a45296e32445b4b87f8a5abdb2421f40b59b4ca437c4346af0f28179780d604094eb64546bee2019d903d01c6c19bdb
+  version: 2.6.3
+  resolution: "tslib@npm:2.6.3"
+  checksum: 10c0/2598aef53d9dbe711af75522464b2104724d6467b26a60f2bdac8297d2b5f1f6b86a71f61717384aa8fd897240467aaa7bcc36a0700a0faf751293d1331db39a
   languageName: node
   linkType: hard
 
@@ -14035,71 +14181,55 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^3.0.0":
-  version: 3.13.1
-  resolution: "type-fest@npm:3.13.1"
-  checksum: 10c0/547d22186f73a8c04590b70dcf63baff390078c75ea8acd366bbd510fd0646e348bd1970e47ecf795b7cff0b41d26e9c475c1fedd6ef5c45c82075fbf916b629
-  languageName: node
-  linkType: hard
-
-"type@npm:^1.0.1":
-  version: 1.2.0
-  resolution: "type@npm:1.2.0"
-  checksum: 10c0/444660849aaebef8cbb9bc43b28ec2068952064cfce6a646f88db97aaa2e2d6570c5629cd79238b71ba23aa3f75146a0b96e24e198210ee0089715a6f8889bf7
-  languageName: node
-  linkType: hard
-
-"type@npm:^2.7.2":
-  version: 2.7.2
-  resolution: "type@npm:2.7.2"
-  checksum: 10c0/84c2382788fe24e0bc3d64c0c181820048f672b0f06316aa9c7bdb373f8a09f8b5404f4e856bc4539fb931f2f08f2adc4c53f6c08c9c0314505d70c29a1289e1
-  languageName: node
-  linkType: hard
-
-"typed-array-buffer@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "typed-array-buffer@npm:1.0.0"
+"typed-array-buffer@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "typed-array-buffer@npm:1.0.2"
   dependencies:
-    call-bind: "npm:^1.0.2"
-    get-intrinsic: "npm:^1.2.1"
-    is-typed-array: "npm:^1.1.10"
-  checksum: 10c0/ebad66cdf00c96b1395dffc7873169cf09801fca5954507a484f41f253feb1388d815db297b0b3bb8ce7421eac6f7ff45e2ec68450a3d68408aa4ae02fcf3a6c
+    call-bind: "npm:^1.0.7"
+    es-errors: "npm:^1.3.0"
+    is-typed-array: "npm:^1.1.13"
+  checksum: 10c0/9e043eb38e1b4df4ddf9dde1aa64919ae8bb909571c1cc4490ba777d55d23a0c74c7d73afcdd29ec98616d91bb3ae0f705fad4421ea147e1daf9528200b562da
   languageName: node
   linkType: hard
 
-"typed-array-byte-length@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "typed-array-byte-length@npm:1.0.0"
+"typed-array-byte-length@npm:^1.0.1":
+  version: 1.0.1
+  resolution: "typed-array-byte-length@npm:1.0.1"
   dependencies:
-    call-bind: "npm:^1.0.2"
+    call-bind: "npm:^1.0.7"
     for-each: "npm:^0.3.3"
-    has-proto: "npm:^1.0.1"
-    is-typed-array: "npm:^1.1.10"
-  checksum: 10c0/6696435d53ce0e704ff6760c57ccc35138aec5f87859e03eb2a3246336d546feae367952dbc918116f3f0dffbe669734e3cbd8960283c2fa79aac925db50d888
+    gopd: "npm:^1.0.1"
+    has-proto: "npm:^1.0.3"
+    is-typed-array: "npm:^1.1.13"
+  checksum: 10c0/fcebeffb2436c9f355e91bd19e2368273b88c11d1acc0948a2a306792f1ab672bce4cfe524ab9f51a0505c9d7cd1c98eff4235c4f6bfef6a198f6cfc4ff3d4f3
   languageName: node
   linkType: hard
 
-"typed-array-byte-offset@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "typed-array-byte-offset@npm:1.0.0"
+"typed-array-byte-offset@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "typed-array-byte-offset@npm:1.0.2"
   dependencies:
-    available-typed-arrays: "npm:^1.0.5"
-    call-bind: "npm:^1.0.2"
+    available-typed-arrays: "npm:^1.0.7"
+    call-bind: "npm:^1.0.7"
     for-each: "npm:^0.3.3"
-    has-proto: "npm:^1.0.1"
-    is-typed-array: "npm:^1.1.10"
-  checksum: 10c0/4036ce007ae9752931bed3dd61e0d6de2a3e5f6a5a85a05f3adb35388d2c0728f9b1a1e638d75579f168e49c289bfb5417f00e96d4ab081f38b647fc854ff7a5
+    gopd: "npm:^1.0.1"
+    has-proto: "npm:^1.0.3"
+    is-typed-array: "npm:^1.1.13"
+  checksum: 10c0/d2628bc739732072e39269389a758025f75339de2ed40c4f91357023c5512d237f255b633e3106c461ced41907c1bf9a533c7e8578066b0163690ca8bc61b22f
   languageName: node
   linkType: hard
 
-"typed-array-length@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "typed-array-length@npm:1.0.4"
+"typed-array-length@npm:^1.0.6":
+  version: 1.0.6
+  resolution: "typed-array-length@npm:1.0.6"
   dependencies:
-    call-bind: "npm:^1.0.2"
+    call-bind: "npm:^1.0.7"
     for-each: "npm:^0.3.3"
-    is-typed-array: "npm:^1.1.9"
-  checksum: 10c0/c5163c0103d07fefc8a2ad0fc151f9ca9a1f6422098c00f695d55f9896e4d63614cd62cf8d8a031c6cee5f418e8980a533796597174da4edff075b3d275a7e23
+    gopd: "npm:^1.0.1"
+    has-proto: "npm:^1.0.3"
+    is-typed-array: "npm:^1.1.13"
+    possible-typed-array-names: "npm:^1.0.0"
+  checksum: 10c0/74253d7dc488eb28b6b2711cf31f5a9dcefc9c41b0681fd1c178ed0a1681b4468581a3626d39cd4df7aee3d3927ab62be06aa9ca74e5baf81827f61641445b77
   languageName: node
   linkType: hard
 
@@ -14151,9 +14281,9 @@ __metadata:
   linkType: hard
 
 "ua-parser-js@npm:^1.0.1":
-  version: 1.0.36
-  resolution: "ua-parser-js@npm:1.0.36"
-  checksum: 10c0/c9a9554f368c5757545cc0b62fa6402df56a8001fd8fd21dd69fbab77d46c9603c07ea4537e039cf63afd32be5548d5cbe3636e94255d77e7fa4e3eb3a47c7a2
+  version: 1.0.38
+  resolution: "ua-parser-js@npm:1.0.38"
+  checksum: 10c0/b1dd11b87e1784c79f7129e9aec679753fccf8a9b22f5202b79b19492635b5b46b779607a3cfae0270999a0d48da223bf94015642d2abee69d83c9069ab37bd0
   languageName: node
   linkType: hard
 
@@ -14179,13 +14309,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"undertaker-registry@npm:^1.0.0":
-  version: 1.0.1
-  resolution: "undertaker-registry@npm:1.0.1"
-  checksum: 10c0/55b60fac04e7fda61d544c33c3d71e9d20aaa91026ca4833041fcd4c2de890f1a798320a8eb3dc3e9a0af68dd2fc7b26087ed6a48fd1163ac1dfacd3936a11fe
-  languageName: node
-  linkType: hard
-
 "undertaker-registry@npm:^2.0.0":
   version: 2.0.0
   resolution: "undertaker-registry@npm:2.0.0"
@@ -14193,28 +14316,38 @@ __metadata:
   languageName: node
   linkType: hard
 
-"undertaker@npm:^1.3.0":
-  version: 1.3.0
-  resolution: "undertaker@npm:1.3.0"
+"undertaker@npm:^2.0.0":
+  version: 2.0.0
+  resolution: "undertaker@npm:2.0.0"
   dependencies:
-    arr-flatten: "npm:^1.0.1"
-    arr-map: "npm:^2.0.0"
-    bach: "npm:^1.0.0"
-    collection-map: "npm:^1.0.0"
-    es6-weak-map: "npm:^2.0.1"
-    fast-levenshtein: "npm:^1.0.0"
-    last-run: "npm:^1.1.0"
-    object.defaults: "npm:^1.0.0"
-    object.reduce: "npm:^1.0.0"
-    undertaker-registry: "npm:^1.0.0"
-  checksum: 10c0/3442616fca45767e667de467a690803751d57f952807643e29cf017d8bfdc5be2bbd13c888a0f0c0f64bf1583417ee13736605b899d482e0fec8dbe43dfa9ce8
+    bach: "npm:^2.0.1"
+    fast-levenshtein: "npm:^3.0.0"
+    last-run: "npm:^2.0.0"
+    undertaker-registry: "npm:^2.0.0"
+  checksum: 10c0/a3f4707de03affef7b93af7e1eb840a7af07ee2c9c25ce3a65930d8d0be08cf456e9f0c2998adc93b6c841e48c8df6c19f9f3ec99a31fd7245b0292059627c78
   languageName: node
   linkType: hard
 
-"undici-types@npm:~5.25.1":
-  version: 5.25.3
-  resolution: "undici-types@npm:5.25.3"
-  checksum: 10c0/60a47c6db451c00d27186d86a41fbd9677fa1f6d1a5350bff342c3985bd79fc3f5a638ebf56bbce21df46c701a687db43b3fbd588e1726e58047cea14d182fef
+"undici-types@npm:~5.26.4":
+  version: 5.26.5
+  resolution: "undici-types@npm:5.26.5"
+  checksum: 10c0/bb673d7876c2d411b6eb6c560e0c571eef4a01c1c19925175d16e3a30c4c428181fb8d7ae802a261f283e4166a0ac435e2f505743aa9e45d893f9a3df017b501
+  languageName: node
+  linkType: hard
+
+"undici-types@npm:~6.11.1":
+  version: 6.11.1
+  resolution: "undici-types@npm:6.11.1"
+  checksum: 10c0/d8f5739a8e6c779d72336c82deb49c56d5ac9f9f6e0eb2e8dd4d3f6929ae9db7cde370d2e46516fe6cad04ea53e790c5e16c4c75eed7cd0f9bd31b0763bb2fa3
+  languageName: node
+  linkType: hard
+
+"undici@npm:^5.27.2":
+  version: 5.28.4
+  resolution: "undici@npm:5.28.4"
+  dependencies:
+    "@fastify/busboy": "npm:^2.0.0"
+  checksum: 10c0/08d0f2596553aa0a54ca6e8e9c7f45aef7d042c60918564e3a142d449eda165a80196f6ef19ea2ef2e6446959e293095d8e40af1236f0d67223b06afac5ecad7
   languageName: node
   linkType: hard
 
@@ -14268,9 +14401,9 @@ __metadata:
   linkType: hard
 
 "universal-user-agent@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "universal-user-agent@npm:6.0.0"
-  checksum: 10c0/ebeb0206963666c13bcf9ebc86d0577c7daed5870c05cd34d4972ee7a43b9ef20679baf2a8c83bf1b71d899bae67243ac4982d84ddaf9ba0355ff76595819961
+  version: 6.0.1
+  resolution: "universal-user-agent@npm:6.0.1"
+  checksum: 10c0/5c9c46ffe19a975e11e6443640ed4c9e0ce48fcc7203325757a8414ac49940ebb0f4667f2b1fa561489d1eb22cb2d05a0f7c82ec20c5cba42e58e188fb19b187
   languageName: node
   linkType: hard
 
@@ -14289,9 +14422,9 @@ __metadata:
   linkType: hard
 
 "universalify@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "universalify@npm:2.0.0"
-  checksum: 10c0/07092b9f46df61b823d8ab5e57f0ee5120c178b39609a95e4a15a98c42f6b0b8e834e66fbb47ff92831786193be42f1fd36347169b88ce8639d0f9670af24a71
+  version: 2.0.1
+  resolution: "universalify@npm:2.0.1"
+  checksum: 10c0/73e8ee3809041ca8b818efb141801a1004e3fc0002727f1531f4de613ea281b494a40909596dae4a042a4fb6cd385af5d4db2e137b1362e0e91384b828effd3a
   languageName: node
   linkType: hard
 
@@ -14302,21 +14435,21 @@ __metadata:
   languageName: node
   linkType: hard
 
-"update-browserslist-db@npm:^1.0.13":
-  version: 1.0.13
-  resolution: "update-browserslist-db@npm:1.0.13"
+"update-browserslist-db@npm:^1.1.0":
+  version: 1.1.0
+  resolution: "update-browserslist-db@npm:1.1.0"
   dependencies:
-    escalade: "npm:^3.1.1"
-    picocolors: "npm:^1.0.0"
+    escalade: "npm:^3.1.2"
+    picocolors: "npm:^1.0.1"
   peerDependencies:
     browserslist: ">= 4.21.0"
   bin:
     update-browserslist-db: cli.js
-  checksum: 10c0/e52b8b521c78ce1e0c775f356cd16a9c22c70d25f3e01180839c407a5dc787fb05a13f67560cbaf316770d26fa99f78f1acd711b1b54a4f35d4820d4ea7136e6
+  checksum: 10c0/a7452de47785842736fb71547651c5bbe5b4dc1e3722ccf48a704b7b34e4dcf633991eaa8e4a6a517ffb738b3252eede3773bef673ef9021baa26b056d63a5b9
   languageName: node
   linkType: hard
 
-"uri-js@npm:^4.2.2":
+"uri-js@npm:^4.2.2, uri-js@npm:^4.4.1":
   version: 4.4.1
   resolution: "uri-js@npm:4.4.1"
   dependencies:
@@ -14361,13 +14494,13 @@ __metadata:
   linkType: hard
 
 "v8-to-istanbul@npm:^9.0.1":
-  version: 9.1.3
-  resolution: "v8-to-istanbul@npm:9.1.3"
+  version: 9.3.0
+  resolution: "v8-to-istanbul@npm:9.3.0"
   dependencies:
     "@jridgewell/trace-mapping": "npm:^0.3.12"
     "@types/istanbul-lib-coverage": "npm:^2.0.1"
     convert-source-map: "npm:^2.0.0"
-  checksum: 10c0/7acfc460731b629a0d547b231e9d510aaa826df67f4deeaeeb991b492f78faf3bb1aa4b54fa0f9b06d815bc69eb0a04a6c2180c16ba43a83cc5e5490fa160a96
+  checksum: 10c0/968bcf1c7c88c04df1ffb463c179558a2ec17aa49e49376120504958239d9e9dad5281aa05f2a78542b8557f2be0b0b4c325710262f3b838b40d703d5ed30c23
   languageName: node
   linkType: hard
 
@@ -14398,18 +14531,9 @@ __metadata:
   linkType: hard
 
 "validate-npm-package-name@npm:^5.0.0":
-  version: 5.0.0
-  resolution: "validate-npm-package-name@npm:5.0.0"
-  dependencies:
-    builtins: "npm:^5.0.0"
-  checksum: 10c0/36a9067650f5b90c573a0d394b89ddffb08fe58a60507d7938ad7c38f25055cc5c6bf4a10fbd604abe1f4a31062cbe0dfa8e7ccad37b249da32e7b71889c079e
-  languageName: node
-  linkType: hard
-
-"validator@npm:^13.7.0":
-  version: 13.11.0
-  resolution: "validator@npm:13.11.0"
-  checksum: 10c0/0107da3add5a4ebc6391dac103c55f6d8ed055bbcc29a4c9cbf89eacfc39ba102a5618c470bdc33c6487d30847771a892134a8c791f06ef0962dd4b7a60ae0f5
+  version: 5.0.1
+  resolution: "validate-npm-package-name@npm:5.0.1"
+  checksum: 10c0/903e738f7387404bb72f7ac34e45d7010c877abd2803dc2d614612527927a40a6d024420033132e667b1bade94544b8a1f65c9431a4eb30d0ce0d80093cd1f74
   languageName: node
   linkType: hard
 
@@ -14438,6 +14562,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"wait-for-expect@npm:^3.0.2":
+  version: 3.0.2
+  resolution: "wait-for-expect@npm:3.0.2"
+  checksum: 10c0/9616b82381f6571a0f3ed235a62ecdaf529816c9eef04f665ee1b8b515c3b7e1dc90d781111b6284bb777f45c4742f6c058d549a44d9d6e367ffd4d34f5f3b9e
+  languageName: node
+  linkType: hard
+
 "walker@npm:^1.0.7, walker@npm:^1.0.8":
   version: 1.0.8
   resolution: "walker@npm:1.0.8"
@@ -14456,6 +14587,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"web-streams-polyfill@npm:^3.0.3":
+  version: 3.3.3
+  resolution: "web-streams-polyfill@npm:3.3.3"
+  checksum: 10c0/64e855c47f6c8330b5436147db1c75cb7e7474d924166800e8e2aab5eb6c76aac4981a84261dd2982b3e754490900b99791c80ae1407a9fa0dcff74f82ea3a7f
+  languageName: node
+  linkType: hard
+
 "webdriver@npm:7.33.0":
   version: 7.33.0
   resolution: "webdriver@npm:7.33.0"
@@ -14474,8 +14612,8 @@ __metadata:
   linkType: hard
 
 "webdriverio@npm:^7.32.0":
-  version: 7.33.0
-  resolution: "webdriverio@npm:7.33.0"
+  version: 7.36.0
+  resolution: "webdriverio@npm:7.36.0"
   dependencies:
     "@types/aria-query": "npm:^5.0.0"
     "@types/node": "npm:^18.0.0"
@@ -14489,8 +14627,8 @@ __metadata:
     aria-query: "npm:^5.2.1"
     css-shorthand-properties: "npm:^1.1.1"
     css-value: "npm:^0.0.1"
-    devtools: "npm:7.33.0"
-    devtools-protocol: "npm:^0.0.1203626"
+    devtools: "npm:7.35.0"
+    devtools-protocol: "npm:^0.0.1260888"
     fs-extra: "npm:^11.1.1"
     grapheme-splitter: "npm:^1.0.2"
     lodash.clonedeep: "npm:^4.5.0"
@@ -14504,7 +14642,7 @@ __metadata:
     rgb2hex: "npm:0.2.5"
     serialize-error: "npm:^8.0.0"
     webdriver: "npm:7.33.0"
-  checksum: 10c0/50f55050c2533bba1041a79fd2f6359af111bc6d68c0c72908e592583fec887af40ea30f0c414597c6e6f43a8d9eee7207a9fd45b1f3148bc78b6654e826480a
+  checksum: 10c0/3fcfd2e35ab4ae2c2d6be57d15dc0e76aeedb8c0300af43605891c24094ff5d2448d8b90308396209c021e997ae7446821ee480cd4b20938a781f403b355936e
   languageName: node
   linkType: hard
 
@@ -14545,9 +14683,9 @@ __metadata:
   linkType: hard
 
 "whatwg-fetch@npm:^3.0.0":
-  version: 3.6.19
-  resolution: "whatwg-fetch@npm:3.6.19"
-  checksum: 10c0/01dd755492d594c8d71d47811bb3886cdb7d566684daff5ec658cf148fa2418de6b562a94ff8cceaf1cf277bfb99fa6b61258cc20de5053f5817a4d419b5d293
+  version: 3.6.20
+  resolution: "whatwg-fetch@npm:3.6.20"
+  checksum: 10c0/fa972dd14091321d38f36a4d062298df58c2248393ef9e8b154493c347c62e2756e25be29c16277396046d6eaa4b11bd174f34e6403fff6aaca9fb30fa1ff46d
   languageName: node
   linkType: hard
 
@@ -14575,11 +14713,11 @@ __metadata:
   linkType: hard
 
 "which-builtin-type@npm:^1.1.3":
-  version: 1.1.3
-  resolution: "which-builtin-type@npm:1.1.3"
+  version: 1.1.4
+  resolution: "which-builtin-type@npm:1.1.4"
   dependencies:
-    function.prototype.name: "npm:^1.1.5"
-    has-tostringtag: "npm:^1.0.0"
+    function.prototype.name: "npm:^1.1.6"
+    has-tostringtag: "npm:^1.0.2"
     is-async-function: "npm:^2.0.0"
     is-date-object: "npm:^1.0.5"
     is-finalizationregistry: "npm:^1.0.2"
@@ -14588,21 +14726,21 @@ __metadata:
     is-weakref: "npm:^1.0.2"
     isarray: "npm:^2.0.5"
     which-boxed-primitive: "npm:^1.0.2"
-    which-collection: "npm:^1.0.1"
-    which-typed-array: "npm:^1.1.9"
-  checksum: 10c0/2b7b234df3443b52f4fbd2b65b731804de8d30bcc4210ec84107ef377a81923cea7f2763b7fb78b394175cea59118bf3c41b9ffd2d643cb1d748ef93b33b6bd4
+    which-collection: "npm:^1.0.2"
+    which-typed-array: "npm:^1.1.15"
+  checksum: 10c0/a4a76d20d869a81b1dbb4adea31edc7e6c1a4466d3ab7c2cd757c9219d48d3723b04076c85583257b0f0f8e3ebe5af337248b8ceed57b9051cb97bce5bd881d1
   languageName: node
   linkType: hard
 
-"which-collection@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "which-collection@npm:1.0.1"
+"which-collection@npm:^1.0.1, which-collection@npm:^1.0.2":
+  version: 1.0.2
+  resolution: "which-collection@npm:1.0.2"
   dependencies:
-    is-map: "npm:^2.0.1"
-    is-set: "npm:^2.0.1"
-    is-weakmap: "npm:^2.0.1"
-    is-weakset: "npm:^2.0.1"
-  checksum: 10c0/249f913e1758ed2f06f00706007d87dc22090a80591a56917376e70ecf8fc9ab6c41d98e1c87208bb9648676f65d4b09c0e4d23c56c7afb0f0a73a27d701df5d
+    is-map: "npm:^2.0.3"
+    is-set: "npm:^2.0.3"
+    is-weakmap: "npm:^2.0.2"
+    is-weakset: "npm:^2.0.3"
+  checksum: 10c0/3345fde20964525a04cdf7c4a96821f85f0cc198f1b2ecb4576e08096746d129eb133571998fe121c77782ac8f21cbd67745a3d35ce100d26d4e684c142ea1f2
   languageName: node
   linkType: hard
 
@@ -14613,16 +14751,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which-typed-array@npm:^1.1.11, which-typed-array@npm:^1.1.9":
-  version: 1.1.11
-  resolution: "which-typed-array@npm:1.1.11"
+"which-typed-array@npm:^1.1.13, which-typed-array@npm:^1.1.14, which-typed-array@npm:^1.1.15":
+  version: 1.1.15
+  resolution: "which-typed-array@npm:1.1.15"
   dependencies:
-    available-typed-arrays: "npm:^1.0.5"
-    call-bind: "npm:^1.0.2"
+    available-typed-arrays: "npm:^1.0.7"
+    call-bind: "npm:^1.0.7"
     for-each: "npm:^0.3.3"
     gopd: "npm:^1.0.1"
-    has-tostringtag: "npm:^1.0.0"
-  checksum: 10c0/2cf4ce417beb50ae0ec3b1b479ea6d72d3e71986462ebd77344ca6398f77c7c59804eebe88f4126ce79f85edbcaa6c7783f54b0a5bf34f785eab7cbb35c30499
+    has-tostringtag: "npm:^1.0.2"
+  checksum: 10c0/4465d5348c044032032251be54d8988270e69c6b7154f8fcb2a47ff706fe36f7624b3a24246b8d9089435a8f4ec48c1c1025c5d6b499456b9e5eff4f48212983
   languageName: node
   linkType: hard
 
@@ -14664,9 +14802,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"workspace-tools@npm:^0.35.0":
-  version: 0.35.2
-  resolution: "workspace-tools@npm:0.35.2"
+"word-wrap@npm:^1.2.5":
+  version: 1.2.5
+  resolution: "word-wrap@npm:1.2.5"
+  checksum: 10c0/e0e4a1ca27599c92a6ca4c32260e8a92e8a44f4ef6ef93f803f8ed823f486e0889fc0b93be4db59c8d51b3064951d25e43d434e95dc8c960cc3a63d65d00ba20
+  languageName: node
+  linkType: hard
+
+"workspace-tools@npm:^0.36.3":
+  version: 0.36.4
+  resolution: "workspace-tools@npm:0.36.4"
   dependencies:
     "@yarnpkg/lockfile": "npm:^1.1.0"
     fast-glob: "npm:^3.3.1"
@@ -14675,7 +14820,7 @@ __metadata:
     jju: "npm:^1.4.0"
     js-yaml: "npm:^4.1.0"
     micromatch: "npm:^4.0.0"
-  checksum: 10c0/f86fd85cd63d072c5da01419d1679171104d0915bfa2cf2691c0f20cb235bd43e61fed8a5ee75908738cefcf2f18e4659d45e0490c69f2b2f7986d65c1856252
+  checksum: 10c0/39aa445637921b5e5a1786ea6ac8ef23fbede6a8f6c41eb75c2a4d69caa19fc49f5707f9b37cc8ce5f7f3f8c58558316450159424fc931068efbf7656b926c52
   languageName: node
   linkType: hard
 
@@ -14771,17 +14916,17 @@ __metadata:
   linkType: hard
 
 "ws@npm:^6.2.2":
-  version: 6.2.2
-  resolution: "ws@npm:6.2.2"
+  version: 6.2.3
+  resolution: "ws@npm:6.2.3"
   dependencies:
     async-limiter: "npm:~1.0.0"
-  checksum: 10c0/d628a1e95668a296644b4f51ce5debb43d9f1d89ebb2e32fef205a685b9439378eb824d60ce3a40bbc3bad0e887d84a56b343f2076f48d74f17c4c0800c42967
+  checksum: 10c0/56a35b9799993cea7ce2260197e7879f21bbbb194a967f31acbbda6f7f46ecda4365951966fb062044c95197e19fb2f053be6f65c172435455186835f494de41
   languageName: node
   linkType: hard
 
 "ws@npm:^7, ws@npm:^7.5.1":
-  version: 7.5.9
-  resolution: "ws@npm:7.5.9"
+  version: 7.5.10
+  resolution: "ws@npm:7.5.10"
   peerDependencies:
     bufferutil: ^4.0.1
     utf-8-validate: ^5.0.2
@@ -14790,7 +14935,7 @@ __metadata:
       optional: true
     utf-8-validate:
       optional: true
-  checksum: 10c0/aec4ef4eb65821a7dde7b44790f8699cfafb7978c9b080f6d7a98a7f8fc0ce674c027073a78574c94786ba7112cc90fa2cc94fc224ceba4d4b1030cff9662494
+  checksum: 10c0/bd7d5f4aaf04fae7960c23dcb6c6375d525e00f795dd20b9385902bd008c40a94d3db3ce97d878acc7573df852056ca546328b27b39f47609f80fb22a0a9b61d
   languageName: node
   linkType: hard
 
@@ -14843,17 +14988,12 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yaml@npm:^1.10.0":
-  version: 1.10.2
-  resolution: "yaml@npm:1.10.2"
-  checksum: 10c0/5c28b9eb7adc46544f28d9a8d20c5b3cb1215a886609a2fd41f51628d8aaa5878ccd628b755dbcd29f6bb4921bd04ffbc6dcc370689bb96e594e2f9813d2605f
-  languageName: node
-  linkType: hard
-
 "yaml@npm:^2.2.1":
-  version: 2.3.3
-  resolution: "yaml@npm:2.3.3"
-  checksum: 10c0/a0c56bf682159b0567e9cbbddf23efc2f6806f6450716d9be6ec5eb1af1b941e95c8d3dc9c47da20d1b6883a9d6c61e31cf98bb4b77ebca4396bf772657f2f00
+  version: 2.5.0
+  resolution: "yaml@npm:2.5.0"
+  bin:
+    yaml: bin.mjs
+  checksum: 10c0/771a1df083c8217cf04ef49f87244ae2dd7d7457094425e793b8f056159f167602ce172aa32d6bca21f787d24ec724aee3cecde938f6643564117bd151452631
   languageName: node
   linkType: hard
 
@@ -14947,23 +15087,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"z-schema@npm:~5.0.2":
-  version: 5.0.6
-  resolution: "z-schema@npm:5.0.6"
-  dependencies:
-    commander: "npm:^10.0.0"
-    lodash.get: "npm:^4.4.2"
-    lodash.isequal: "npm:^4.5.0"
-    validator: "npm:^13.7.0"
-  dependenciesMeta:
-    commander:
-      optional: true
-  bin:
-    z-schema: bin/z-schema
-  checksum: 10c0/3242da6b2d8da3bc9a66876ef01a1d5f0d0ad7bd70b0e3e24f5dc6ef5f6213e6e660f14f3dceee9b000692a47b86b365c0ea43b5340153efcb2808ccbfb3fc6f
-  languageName: node
-  linkType: hard
-
 "zip-stream@npm:^4.1.0":
   version: 4.1.1
   resolution: "zip-stream@npm:4.1.1"